@charset "utf-8";
/* CSS Document */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ani, .ani * { transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; }
.noani, .noani * { transition-duration: 0s; -ms-transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; }
from, div, dl, dd, dt, ol, ul, li, a, img, input, h1, h2, h3, h4, h5, h6, table, a, p, form, em, i { margin: 0; padding: 0; border: 0; font-weight: normal; }
ul, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, form, em, i { list-style-type: none; font-style: normal; }
.vh-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }
.h-center { position: absolute; left: 50%; transform: translateX(-50%) }
.v-center { position: absolute; top: 50%; transform: translateY(-50%) }
@font-face {
  font-family: 'iconfont';  /* project id 398496 */
  src: url('//at.alicdn.com/t/font_398496_6mrybflmctv.eot');
  src: url('//at.alicdn.com/t/font_398496_6mrybflmctv.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_398496_6mrybflmctv.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_398496_6mrybflmctv.woff') format('woff'),
  url('//at.alicdn.com/t/font_398496_6mrybflmctv.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_398496_6mrybflmctv.svg#iconfont') format('svg');
}
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; vertical-align: middle; }

body{ font-family:"Microsoft YaHei"!important; padding:0; margin:0 !important; /*overflow-x:hidden;*/ }
.fl{ float:left;}
.fr{ float:right;}
a{ color:#7b7b7b;}
a:hover{ text-decoration:none !important; }
.clear{ clear:both;}
.clearfix { zoom: 1; }
.clearfix:after { content: ""; display: block; clear: both; height: 0; }
p{ margin:0;}
.mar10{ height:10px;}
.mar15{ height:15px;}
.mar20{ height:20px;}
.mar30{ height:30px;}
.mar65{ height:65px;}
.mar70{ height:70px;}
a:focus{ text-decoration:none !important;}
.clearfix::after{ clear: both; display: block; height: 0; content: '';}
img{/* max-width:100%; */ vertical-align:top;}
.wrap{ width:1200px; margin:0 auto;}
@media screen and (max-width:1199px){
.ww_top{ width:100% !important;}
.ww_top .row{padding-right: 15px !important; padding-left: 15px !important;}
.ww_logo{  width: 27.666667% !important;  }
.ww_nav{ width: 72.33333333% !important; }	
.ww_nav ul li a{padding: 0 20px!important;font-size: 14px;}
.ww_nav ul li a.curss{ padding:0 25px; }
.ww_nav ul li a.curss1{padding:0 25px; }
.topNav .bd a{ padding:0 !important; font-size:12px;}
}
@media screen and (max-width:1000px) { 
.ww_top{ width:100% !important;}
.dianban_b{ padding-left:10px !important; padding-right:10px !important;}
 }
.ww_topbox{ /*height:78px;*/ width:100%; height:74px !important;min-width: 1260px;}
.ww_top{ /*width:62%;*/ margin:0 auto;/*padding-left:0; padding-right:0;*/ width:1200px; }

.ww_logo{/*width:30% ;*//* width: 29.66666667%; */padding-top:18px;}
.ww_nav{/*width:60%;*//* width: 70.33333333%; */float:right;}
.ww_nav ul{list-style:none;margin:0 auto;padding:0;float: right;}
.ww_nav ul li{display:inline;float:left;padding:0;height:74px;line-height: 74px;overflow:hidden;font-size:16px;}
.ww_nav ul li a{color:#808080;display:block;padding: 0 24px;}
.ww_nav ul li a.curss{ background:#ffc020; color:#fff; padding:0 24px; }
.ww_nav ul li a.curss1{background:#ffc020;color:#fff;padding: 0 24px;}
.ww_nav ul li a:hover{background:#ffc020; color:#fff; text-decoration:none; }

.d6 .ss_png{ background:#fff url(../img/search_ss.png) center right no-repeat !important;  }
.ww_search{ /*width:5% !important;*/ width:62px; position:relative;}


.d6 a { display: block; }
.d6 { }
.d6 form {height: 25px;}
.d6 input {height: 100%;width: 0;padding: 0 42px 0 10px;border: none;border-bottom: 2px solid transparent;outline: none;background: transparent;transition: .4s cubic-bezier(0, 0, 0, 0.2);position: absolute;top: 30px;right: 0;z-index: 2;cursor: pointer;}
.d6 input:focus { background: #fff; border: #cccccc 1px solid; /*border-radius:15px;*/
box-shadow: 1px 2px 10px 2px #ccc; width: 260px; top: 70px; z-index: 1; }
.d6 button {background: url(../img/search_ss.png) no-repeat;border: none;height: 19px;width: 21px;outline: none;position: absolute;top: 30px;left: 50%;cursor: pointer;margin-left: -10px;}
.d6 button:before { content: ""; font-family: FontAwesome; font-size: 16px; color: #F9F0DA; }

.carousel-inner .wwban1{ background-image:url(../img/ipad_img/index_01bg.jpg); background-repeat:no-repeat; background-position: center center; background-size:auto 100%; height:auto;}
.carousel-inner .wwban2{ background-image:url(../img/ipad_img/banner2_bg.jpg); background-repeat:no-repeat; background-position: center center;  background-size:100% 100%; height:auto;}
.carousel-inner .wwban3{ background-image:url(../img/ipad_img/banner3_bg.jpg); background-repeat:no-repeat; background-position: center center;  background-size:100% 100%; height:auto;}
.carousel-inner .wwban1 img,.carousel-inner .wwban2 img,.carousel-inner .wwban3 img{ max-width:100% !important; margin:0 auto;text-align:center; }
@media screen and (min-width:1200px) and (max-width:1660px) { 

}

@media screen and (min-width:1300px) and (max-width:1500px) { 


}
@media (max-width:1300px) {

 }




@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {




.ww_nav{/*width:60%;*/ width: auto !important; }
.ww_nav ul li a{ color:#808080; display:block;  padding:0 20px; }
.ww_nav ul li a.curss{ background:#ffc020; color:#fff; padding:0 20px; }
.ww_nav ul li a.curss1{ background:#ffc020; color:#fff;padding:0 20px;   }
.ww_nav ul{ margin-right:30px;}
}
/*??????*/
.pprl_box{/*background:url(../img/pro_bg.jpg) repeat;*/background: #fafafa;height:auto;overflow:hidden;/* padding-left:17px; */padding-top:10px;padding-bottom:10px;}
.pprl_list{ height:auto; overflow:hidden; padding:50px 0; }
.pprl_list ul{ list-style:none; margin:0 auto; padding:0; }
.pprl_list ul li{display:inline;float:left;width: 20%;}
.pprl_list ul li a{display:block;}
.nobor{ border-top:#eeeeee 1px solid;}

@media screen and (max-width:1400px) { 
/*.pprl_list ul li{ display:inline; float:left; width:19.679% !important; }
.pprl_list ul li img.sfbl_img{ width:100% !important;}*/
/*.hotpro{ height:470px;}	*/
}
@media screen and (max-width:1185px) { 
.con-two2 { height: auto !important; }
.con-two2 img { height: auto !important; }
.txt-two2 span { left: 33px !important; top: 33px !important; }
.txt-two2 span img { width: 25px !important; height: 25px !important ;}
}
/*------------- ?╁?甯撮??с?????甸???? 瀵??婵?------------------------------*/

.con-two2 { width: 245px;/* height: 220px;*/ float: left; position: relative; cursor: pointer; }
/*.con-two2 img{
	width: 245px;
	height: 220px;
}*/
.con-two2 img.sfbl_img { border: #eeeeee 1px solid; border-right: 0; border-top: 0; }
.con-two2 img.borr { border-right: #eeeeee 1px solid; border-bottom: #eeeeee 1px solid; }
.txt-two2 { position: absolute; left: 0; bottom: 0; width: 100%; /*height: 218px;*/
display: none; border-bottom: #f8b91e 2px solid; }
.con-two2 a{display:block;}
@media( min-width:1201px){.con-two2 a:hover .txt-two2{ display:block;}}
.txt-two2 span { position: relative; }
.txt-two2 span img { width: 39px; height: 39px; position: absolute; left: -130px; top: -110px; }

/*------------- ?╁?甯撮??с?????甸???? 缂??娼?-----------------------------*/
.ww_cjwt{ background:#f8f8f8; width:auto; height:auto; padding:30px 58px 10px 58px;}
.cjwt_xbox{ text-align:left; border-bottom:#bfbfbf 1px dashed; padding-bottom:25px; padding-top:10px;}
.cjwt_xbox h4{ color:#efa300; padding:10px 0;}
.cjwt_xbox p{ color:#353535; line-height:30px; padding-left:2px;}



/*tab--begin*/
.fdp_tab{ background:#ecf4f7;background-size: 100%;width: 100%; height: 100%;  padding-bottom:50px;}
.fdp_t_c{ width:100%; margin:0 auto; max-width:1300px; padding-top:88px; }
.fdp_t_c h1{ text-align:center; color:#333; font-size:38px; font-weight:normal; }
.fdp_t_c p{ text-align:center; color:#555555; font-size:16px;}
/* box */

.box{width:100%;margin:22px auto 0;background:#fff; box-shadow:rgba(207,219,224,.7) 2px 4px 10px 4px;}

.tab_menu{overflow:hidden;}

.tab_menu li{ height:50px; line-height:50px; width:25%; font-size:18px; border-bottom:#c3cad9 1px solid; border-right:#d7dce6 1px solid; float:left;color:#333;background:#f5f6f9;text-align:center;cursor:pointer;}

.tab_menu li.current{color:#333;background:#fff; border-top:#fbc000 3px solid; height:47px; border-bottom:none;}
.tab_menu li.js_wtab{ width:25%;}

.tab_menu li a{color:#333;text-decoration:none;}

.tab_menu li.current a{color:#333;}

.tab_box .hide{display:none;}
.tab_box img{ max-width:100%; display:block; overflow:hidden;}
/*tab缂??娼?/

/*???????*/
.hotmar{}
.nobiankuang{ background:none !important; border:0 !important; padding:0 !important;}
.nobiankuang img{}
.nobiankuang .ww_xx{ text-align:right; float: right; width: auto; padding: 0;}
.nobiankuang .ww_xx_xq{ text-align:right; padding-top:10px;}
.nobiankuang .ww_xx a,.nobiankuang .ww_xx_xq span{ background:#fab913; font-size:18px; color:#fff; padding:8px 32px;}
.nobiankuang p{ color:#7b7b7b; padding:10px 0 0;}
.nobiankuang .caption{padding:10px 15px 0;}
.hot_bt{ color:#343434; font-size:21px;width: auto; float: left;}
.ww_hotbuy{padding:0px 0 10px 0;height:auto;overflow:hidden;background: #fafafa;}
.ww_hottit{ text-align:center; padding-bottom:30px; }
.tabbox{ height:auto;}
.tabbox .tab{overflow:hidden;width:80%;margin:0 auto; }
.tabbox .tab a{display:block;padding:10px 0;font-size:18px;margin:0 2%;background:#252429;text-align:center;width:16%;float:left;color:#fff;border-radius: 2px;}
.tabbox .tab a:hover{background:#E64E3F;color:#fff;}
.tabbox .tab a.on{background: #ff9900;color:#fff;text-decoration:none;}
.tabbox .content{ width:100%;overflow:hidden;padding:10px 0; margin-top:50px; border-top:#ebebeb 2px solid; }
.tabbox .content ul{ list-style:none; margin:0; padding:20px 0 0;}
.tabbox .content li{display:none;}
.rmb_tit{ color:#ecac4a;}
.rmb_tit b{ font-family:"Cambria"; font-weight:normal; padding-right:5px; font-size:30px;}
.rmb_tit span{ font-family:"Shruti"; font-size:18px;}
.hotpro{ margin-bottom:20px; max-height:100%; }	
@media screen and (min-width:1200px){
.ww_lichen{ width:100%; margin:0 auto; padding:30px 0 0;}
.ww_lc_r{ width:66%; position:relative; padding-left:0%;}
.ww_lc_r dl dd{ font-size:16px;}
.ww_lc_l{ width:30%; text-align:right; }
.ww_dot{ position:absolute; left:45px; top:-10px;}
	}

/*???????????*/
.ww_gywm img,.gw_img{ width:100%;}
.ww_gywm_list{ position:relative; background:url(../img/gywm_tit_2.jpg) center 0 no-repeat #f7f7f7;}
/*.ww_gywm_list .gw_img{ margin:0; padding:0; position:absolute; top:0; left:0; width:100%;}*/
/* picbox */
.jdt_ww{/* padding:188px 0 0; position:relative;*/}
.picbox{ padding:0 0 40px;}
.picbox .bdBox{ position:relative;}
.picbox .next,.picbox .prev{ position:absolute; top:50%; z-index:22; margin-top:35px; cursor:pointer;}
.picbox .prev{ left:122px;}
.picbox .next{ right:122px;}
.picbox .bd .word{color:#7b7b7b; font-size:16px; line-height:28px; text-align:center; padding:0 50px; height:112px; overflow:hidden; margin-bottom:10px;}
.picbox .bd .word p{ padding:0;}
.picbox .bd .pic{ padding:0 122px;}
.picbox .bd .pic img{ padding:5px; border:1px solid #c2c1c5; width:100%;}
.picbox .hd{ padding:35px 122px 0;}
.picbox .hd ul{ margin:0 -10px; padding:0;}
.picbox .hd li{float:left; width:20%; padding:0 10px; list-style-type:none;}
.picbox .hd li img{ width:100%; border: 1px solid #999999; margin-bottom:2px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.picbox .hd li img:hover,.picbox .hd li.on img{border: 3px solid #fab913;/*opacity: .8;*/ margin-bottom:0px;}
.picbox .hd li.on img{
	    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: inherit;
	}

/*????????????*/
.ww_container{width:100%;margin:0 auto; max-width:1200px; }
.ww_dnpp{ background:url(../img/diannong/bg.jpg) repeat; height:auto; overflow:hidden; padding:60px 0 60px 0;}
.ww_dnb{ text-align:center; padding-bottom:50px;}
.ww_pppm{ background:url(../img/diannong/dn_bkbg.png) repeat-x; height:415px; border-radius:5px; border:rgba(204,204,204,.5) 1px solid; border-top:0;padding:12px;}
.ww_pppm_box{  background:#fff; height:358px; border-radius:5px; box-shadow:rgba(204,204,204,.5) 0px 0px 2px 2px; position:relative;}
.ww_dn_l{ position:absolute; left:-5px; top:-38px; z-index:1;}
.ww_dn_r{ position:absolute; right:18px; top:-38px; z-index:1;}
.ww_bz_1{ padding-top:10px;}
.ww_bz_1 table{ margin-left:10%; }
.ww_bz_1 table td{ text-align:center; color:#111111; font-size:16px; height:50px; line-height:50px; border-bottom:#f4f4f4 1px solid;border-right:#f4f4f4 1px solid;}
@media screen and (max-width:1400px){
.ww_lc_r dl dd{ font-size:14px;}
.ww_lc_r{ width:74%; position:relative; padding-left:2.3%;}
.ww_dot{ position:absolute; left:65px; top:-10px;}
.ww_lc_l{ width:25%; text-align:right; }
}
.ww_lichen{ width:100%; margin:0 auto; padding:30px 0 0;}

.ww_lc_r dl{ list-style:none; margin:0; padding:0; line-height:38px;}
.ww_lc_r dl dt,.ww_lc_r dl dd{ display:inline;color:#333333; }
.ww_lc_r dl dt{ font-size:12px; font-weight:normal; padding-right:40px;}


/*????????*/
#content ul li { /*margin-right: 20px;*/
width: 224px; height: 202px; position: relative;/*float: left;*/
}
#content ul li span { position: absolute; top: -20px; left: 40%; z-index: 1; }
#content ul li:last-child { margin-right: 0; }
#content ul li a { position: relative; display: block; width: 100%; height: 100%; /*????????????????????perspective*/
-webkit-perspective: 800px; -moz-perspective: 800px; }
#content ul li a > div { position: absolute; left: 0; height: 0; width: 100%; height: 100%; color: #fff; /*???????transform-style*/
-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transition: .8s ease-in-out; -moz-transition: .8s ease-in-out; /*???????????????hidden*/
-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; }
#content ul li a div:first-child { /*
            ??y?????
            */
-webkit-transform: rotateY(0); -moz-transform: rotateY(0); z-index: 2; }
#content ul li a div:last-child { background: url("img/bg.jpg") no-repeat 0 0; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); z-index: 1; }
#content ul li a:hover div:first-child { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); }
#content ul li a:hover div:last-child { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); }
#content ul li a div h3 { margin: 0 auto 15px; padding: 15px 0; width: 200px; height: 16px; line-height: 16px; font-size: 14px; text-align: center; border-bottom: 1px #fff dashed; }
#content ul li a div p { padding: 0 10px; font-size: 12px; text-indent: 2em; line-height: 18px; }

/*???????*/
.ww_lxwm{ background:#f8f8f8; height:auto; overflow:hidden; padding:60px 0 10px 0;}
.ww_dnblx{ text-align:center; padding-bottom:0px;}
.ww_dnblx p{ font-size:18px; color:#808080; line-height:30px; padding-top:20px;}
.map_box{ position:relative; margin-top:-62px; }
.map_box p{ padding:0; margin:0; }
.map_box img{ max-width:103%; }
.slide { width: 100%; min-height: 180px; overflow: hidden; position: relative; }
.slide .img { overflow: hidden; position: absolute; transition: width 0.4s, height 0.4s, top 0.4s, left 0.4s, z-index 0.4s; }
.slide .img img { /*width: calc(100% - 14px);*/
height: calc(100% - 125px); margin: 7px; }
.slide .img1 { width: 40%; height: 40%; top: 30%; left: -50%; z-index: 1; }
.slide .img2 { width: 60%; height: 60%; top: 20%; left: 12%; z-index: 2; }
.slide .img3 { width: 100%; height: 77%; top: 10%; left: 34%; z-index: 3; }
.slide .img4 { width: 60%; height: 60%; top: 20%; left: 63%; z-index: 2; }
.slide .img5 { width: 40%; height: 40%; top: 30%; left: 110%; z-index: 1; }
.slide-bt { position: absolute; left: 50%; bottom: 13%; z-index: 10; }
.slide-bt span { width: 24px; height: 8px; background: #c9caca; float: left; margin: 5px; border-radius: 4px; }
.slide .slide-bt .on { background: #ffd200; }

.ww_nboleft{ position:absolute; top:35%; left:3%; z-index:10; cursor:pointer;}
.ww_nboright{ position:absolute; top:35%; right:3%; z-index:10; cursor:pointer;}

.lx_img{ /*width:376px; height:386px;*/ background:#e3e3e3;}

/*???????*/
.ww_kefu{ background:#f7f7f7; height:auto; overflow:hidden; padding:55px 0 80px 0;}
.kefu_box{ width:1200px; margin:0 auto;}
.kefu_1{ text-align:center;}
#container{padding:35px 65px 0;}
#container li{/*height: 212px; line-height: 212px;*/padding:15px 16px;float: left;width: 25%; list-style-type:none;}
#container li .box{position:relative;border: 1px solid #e4eaee;text-align: center;cursor: pointer;overflow: hidden;box-shadow: none;margin: 0;}
#container li p{ height:212px; width: 100%; position: absolute; left: 0; top: -212px; color: #ffffff;
	z-index: 2; }
#container li .img{ /*width: 234px; height: 212px; display: block;*/
	-moz-transition:.5s ease-in;
	-webkit-transition:.5s ease-in;
	-o-transition:.5s ease-in;
	-ms-transition:.5s ease-in;
	transition:.5s ease-in;}
/*#container li:hover .img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}*/
#container li p i{ width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0;z-index: -1;background: #fab913; /*opacity: 0.7; -moz-opacity:0.7; filter:alpha(opacity=70);*/ font-size: 16px; }
#container li p span{ display: block; width: 94%; margin: 0 auto; line-height: 24px; font-size: 16px; padding-top:10px;}
#container li p{ padding-top:50px; text-align:center; /*display: block; position: absolute; width: 32px; height: 32px; left:50%; margin-left: -16px; top:20px; background:url("img/link.png") no-repeat 0 0;*/}
@media (max-width:1400px){
#container{ width:100%; margin: 0 auto; list-style:none; padding:35px 0 0;}
/*#container li{ position:relative;width: 24%;border: 1px solid #e4eaee; height: 212px;text-align: center; margin:15px 0.5%; float: left; cursor: pointer;  overflow: hidden;}*/
/*#container li p{ height:212px; width: 100%; position: absolute; left: 0; top: -212px; color: #ffffff;
	z-index: 2; }*/
#container li .img{  /*display: block;*/
	-moz-transition:.5s ease-in;
	-webkit-transition:.5s ease-in;
	-o-transition:.5s ease-in;
	-ms-transition:.5s ease-in;
	transition:.5s ease-in;}	
/*#container li:hover .img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}*/
#container li p i{ width: 100%; height: 100%; display: block; overflow:hidden; position: absolute; left: 0; top: 0;z-index: -1;background: #fab913; /*opacity: 0.7; -moz-opacity:0.7; filter:alpha(opacity=70);*/ font-size: 16px; }
#container li p span{ display: block; width: 100%; margin: 0 auto; line-height: 20px; font-size: 14px; padding-top:10px;}
#container li p{ /*padding-top:50px; text-align:center; display: block; position: absolute; width: 32px; height: 32px; left:50%; margin-left: -16px; top:20px; background:url("img/link.png") no-repeat 0 0;*/}
#container li p img{ max-width:100%; margin:0 auto;}
}
/*????浣??*/
.dl_img{ position:relative;}
.dl_img .dl_pro{ width:100%;}
.dl_img .wrap{position:absolute;height: 100.1%;left: 50%;margin-left: -600px;/* background: rgba(0, 0, 0, 0.31); */top: 0;}
.dl_left{/* position:absolute; *//* top:0px; *//* left:18%; */width:462px;background:rgba(37,36,41,.6);height:100.1%;/* left: 50%; *//* margin-left: -600px; */}
.dlwz_box{ background:url(../img/dlwz_img.jpg) top center no-repeat; background-size:100%; height:auto;}
.dl_con1{ padding:30% 0 50.22% 10%; }
.dl_con1 h1{ color:#f6fafd; font-size:34px;}
.dl_con1 img{ margin-top:-5px; margin-right:25px;}
.dl_con1 p{ color:#f6fafd; font-size:20px; padding-left:45px; }
.dl_con1 span{background:url(../img/while_cor.jpg) 45px bottom no-repeat; padding-top:30%; display:block; height:5px;}

@media screen and (max-width:1400px){
.dl_left{/* position:absolute; top:0px; left:10%; width:32%; background:rgba(37,36,41,.6) ; height:100%;*/}
.dlwz_box{ /*background:url(../img/dlwz_img.jpg) top center no-repeat; background-size:100%; height:auto;*/}
.dl_con1{ padding:30% 0 0 10%; }
.dl_con1 h1{ color:#f6fafd; font-size:30px;}
.dl_con1 img{ margin-top:-5px; margin-right:25px;}
.dl_con1 p{ color:#f6fafd; font-size:15px; padding-left:45px; }
.dl_con1 span{background:url(../img/while_cor.jpg) 45px bottom no-repeat; padding-top:15%; display:block; height:5px;}
.ww_feiye{ position:absolute; right:0% !important; top:0; text-align:right; width:60% !important; }	
}

/*??????*/
.ww_shopbox{ background:#fff; height:auto; overflow:hidden; padding:20px 0 60px 0;}
.weizi_1{/* padding:0 15px 0 10px; */}
.shop_weizi .ggshop{ text-align:right; font-size:12px; color:#999999;}
.shop_weizi .ggshop span{ color:#ffc020;}
.shop_weizi .qbjg{ color:#333333; font-size:14px;}
.shop_weizi .qbjg .wz_cen{ position:relative; color:#e82000;}
.shop_weizi .qbjg .wz_cen img{ position:absolute; right:-12px; top:6px;}
.shop_weizi .qbjg span{ color:#999999; font-size:12px; margin:0 8px; }
.shop_weizi .qbjg b{ font-weight:normal; cursor:pointer; border:#dfdfdf 1px solid; margin-right:5px; padding:2px 20px 2px 10px; position:relative;}
.shop_weizi .qbjg b span{ position:absolute; right:-14px; top:-5px; color:#ccc; }
.shop_weizi .qbjg a{color:#333333;}
.dnbpro{/* border:#dddddd 2px solid !important;*/ margin-bottom:0 !important;}
.dnbpro td{ padding:0 !important;}
.dnbpro td a{display:block;}
@media(min-width: 1201px){.dnbpro td.con-two a:hover .txt-two{ display:block;}}
table .pinpei{ width:114px !important; background:#fafafa; /*padding-left:20px !important;*/ text-indent:20px; color:#999999; font-size:12px; vertical-align:middle !important; }
.pinpei2{ width:114px !important; background:#fafafa; border-right:#dddddd 1px solid; padding-left:20px !important; color:#999999; font-weight:normal; font-size:12px; vertical-align:middle !important; }
.dnbpro2{ border:#dddddd 1px solid ;border-top:0; overflow:hidden;}
.dnbpro2 dl{ width:100%; min-width:1600px;  margin:0;border-bottom:#dddddd 1px solid;  line-height:32px; height:32px;}
.dnbpro2 dl:last-of-type{border:none;}
.dnbpro2 dl dt{float:left;line-height:31px; }
.dnbpro2 dl dd{ float:left;line-height:32px; font-size:12px;}
.dnbpro2 dl dd{ padding:0 20px;  overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align:left;}
.dnbpro2 dl:nth-of-type(4n+4) dd{    padding: 0 15px 0 20px;}
.dnbpro2 dl dd a{ color:#333;padding:2px 5px;border-radius:3px;}
.dnbpro2 dl dd a:hover{ background:#f69603; color:#fff; }
.dnbpro2 dl dd a.cplist{ background:#f69603; color:#fff; }
@media only screen and (max-width:1245px){
.dnbpro2 dl dd{ padding:0 15px;}	
}
@media only screen and (max-width:985px){
.dnbpro2 dl dd{ padding:0 8px;}	
}
@media only screen and (max-device-width: 500px){

.ww_nav{/*width:60%;*/ width: auto !important; }
.ww_nav ul li a{ color:#808080; display:block;  padding:0 20px; }
.ww_nav ul li a.curss{ background:#ffc020; color:#fff; padding:0 20px; }
.ww_nav ul li a.curss1{ background:#ffc020; color:#fff;padding:0 20px;  }
.ww_nav ul{ margin-right:30px;}
}
@media only screen and (max-device-width:768px){ 

.ww_nav{/*width:60%;*/ width: auto !important; }
.ww_nav ul li a{ color:#808080; display:block;  padding:0 20px; }
.ww_nav ul li a.curss{ background:#ffc020; color:#fff; padding:0 20px; }
.ww_nav ul li a.curss1{ background:#ffc020; color:#fff;padding:0 20px;   }
.ww_nav ul{ margin-right:30px;}
}

.ww_zhpx{ background:#f6f6f6; height:40px; position:relative; border:#e9e9e9 1px solid;}
.ww_px_l{ width:30%;margin:7px 10px; height:25px; text-align:center; }
.ww_zhpx_l{ width:30%; background:#fff;height:25px; line-height:25px; border-right:#f6f6f6 1px solid; border-bottom:#e9e9e9 1px solid;}
.ww_zhpx_l a{ color:#333;}
.ww_zhpx_l span{ font-size:12px;}
.ww_zhpx_l a:focus,.ww_zhpx_l a:hover{ display:block; height:25px; background:#f69603; color:#fff;}
.ww_zhpx_l a.currb {background:#f69603; color:#fff;display:block; height:25px;}
.ww_zhpx_l a.cplist{ background:#f69603; display:block;  color:#fff; }
.ww_ss{ width:10%; margin-left:60px;}
.ww_xihao{ height:25px !important; padding:0 0 0 5px !important; width:137px !important; font-size:12px !important; margin-top:7px; border-radius:0 !important;}
.ww_ann{ height:25px !important; /*width:0 !important;*/ border:0 !important;margin-top:7px; float:left; padding:0 !important;}
.ww_feiye{ width:18%;}

.weizinav{ background:url(../img/shopxq/xtb_bg.gif) repeat-x !important; height:22px !important; border:#e6e6e6 1px solid !important;}
.wz_jt{ color:#999;}
.weizinav button{ background:none; border:none;outline:none !important; margin-top:-5px;}
.weizinav button:hover,.weizinav button:focus{background:none !important;}
.qbjg_1{ padding-top:15px;padding-bottom:15px;}
/*------------- ????????????? ??? ------------------------------*/
.con-two { /*width: 138px;
	height: 75px;*/
	/*float: left;
	margin-right: 35px;
	margin-bottom: 15px;*/
position: relative; cursor: pointer; }
.con-two img { max-width: 100%;height: 75px;
}
.con-twoAA { position: relative; cursor: pointer; }
.con-twoAA img { max-width: 100%;/*height: 75px;*/
}
.txt-two { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 14px; padding-top: 20px; line-height: 18px; text-align: center; color: #f69603; border: #f69603 1px solid; background: #ffffff; display: none; }
.txt-two h3 { font-weight: normal; }
.txt-two p { font-size: 14px; display: block; line-height: 20px; }
/*------------- ????????????? ????------------------------------*/
.sph { width: 100%; margin: 0 auto; padding: 15px 0 0; }
.spbq { width: 20%; /* height: 430px; */
padding: 0 0 20px; float: left; margin-bottom: 28px; line-height: 2; /*padding: 10px 10px 0 20px;margin: 20px;*/border: #dfdfdf 1px solid; border-right: 0; text-align: center; position: relative; overflow: hidden; }
.sph .spbq:nth-of-type(5n+5){ border-right:1px solid #dfdfdf;}
.sph .spbq:last-of-type{ border-right:1px solid #dfdfdf !important;}

.bor-r { border-right: #dfdfdf 1px solid; }
.spbq h2 { color: #14191e; font: bold 14px/18px "Microsoft Yahei", "Hiragino Sans GB", Helvetica, "??????", Tahoma, Arial, sans-serif; margin-top: 5px; }
.spbq span { display: block; color: #b4bbbf; font: 12px/18px "Microsoft Yahei", "Hiragino Sans GB", Helvetica, "??????", Tahoma, Arial, sans-serif; margin: 8px 0; }
.spbq b { color: #787d82; font: 12px/18px "Microsoft Yahei", "Hiragino Sans GB", Helvetica, "??????", Tahoma, Arial, sans-serif; }
.spbq b p { line-height: 10px; }
.biankuang { width: 2px; height: 2px; position: absolute; z-index: 99; border-radius: 10px;/*background: black;*/
}
.biankuang_1 { height: 2px; top: -2px; left: 0px; border-left: 2px solid #f69603; }
.biankuang_2 { width: 0px; bottom: 0; left: 0px; border-top: 2px solid #f69603; }
.biankuang_3 { height: 0px; bottom: 0px; right: 0px; border-right: 2px solid #f69603; }
.biankuang_4 { width: 0px; top: 0; right: 0px; border-bottom: 2px solid #f69603; }
.text_gobuy { position: absolute; z-index: 9; top: -30px; left: 5%; width: 90%; height: 28px; overflow: hidden; background: rgba(207, 208, 211, 0); cursor: pointer; transition: all 500ms; -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; }
.text_gobuy_show { position: absolute; z-index: 9; /*top: 215px;width: 280px;*/ top: 285px;
overflow: hidden; /*padding: 20px 15px ;*/
cursor: pointer; background-color: rgba(32, 32, 33,0.5); }
.text_gobuy p { position: absolute; bottom: -9px; left: 0; width: 100%; text-align: center; line-height: 28px; height: 28px; color: #fff }
.year_1 { color: #e3101e; }
.year_1 em { font-size: 14px; font-style: normal; }
.year_1 i { font-size: 20px; font-style: normal; }
.shop_zxkf { padding-top: 10px; }
.zst { padding-top: 10px; }
.zst img { width: 100%; max-height: 240px; max-width: 240px; min-height: 240px; }
.zst2 { padding-top: 20px; }
/*.shop_zxkf a:hover img{ background:url(../img/shoplist/zxkf_hov.png) no-repeat;}*/
/*??????*/
.shop_jix h3{ font-size:18px; color:#333333; padding-bottom:10px;}
.spjx_more{ text-align:right; }
.spjx_more img{margin-top:20px; margin-right:5px; }
.shop_jxlist{ height:auto; overflow:hidden; margin:0 -10px;}
.shop_jxlist dl{float:left;width: 20%;/* border:#f6f6f6 1px solid; *//* width:229px; *//* margin-right:20px; *//* padding-bottom:8px; *//* margin: 0 10px; */padding: 0 10px;}
.shop_jxlist a{display:block; border:1px solid #f6f6f6; padding:0 0 8px;}
.shop_jxlist dl dd{ font-size:12px;line-height:18px; padding-left:10px; padding-right:5px;}
.spjx{ padding-top:10px; padding-bottom:5px;}
.spjx_marno{ margin-right:0 !important;}

/*?????????*/
.zl_fdj{ width:48%; float:left;}
.tb-pic a{ display:table-cell; text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle; max-width: 98%; max-height:98%;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:20px 0 0;overflow:hidden; padding:0; width:535px; list-style-type:none;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:97px; margin:0 16px 0 0;overflow:hidden;/*padding:1px;*/}
.tb-s310, .tb-s310 a{height:535px;width:535px;}
.tb-s310, .tb-s310 img{/*max-height:92%;*/max-width:92%;}
.tb-s310 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{height:93px;width:90px;}
.tb-booth{border:1px solid #CDCDCD;position:relative;z-index:1;}
.tb-thumb .tb-selected{border:#dcdcdc 2px solid;height:95px; width:94px;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.tb-thumb li div{border:1px solid #dedede;height:95px;width:94px;}
div.zoomDiv{z-index:99;position:absolute;top:0px;left:0px;width:500px !important;height:530px !important;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("../img/shopxq/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.mar_null{ margin-right:0 !important;}

.zl_shopr{ width:52%;}
.zl_shopr h2{ font-size:20px; color:#000000; padding:10px 0 25px 0; font-weight:900; }
.zl_shopr dl.caishou_1{ border-bottom:#d0d0d0 1px solid; height:auto; overflow:hidden; padding-bottom:12px;}
.zl_shopr dl.caishou_1 dt{font-size:20px; color:#000000; padding-bottom:10px;}
.zl_shopr dl.caishou_1 dd{ float:left; display:inline; line-height:30px; font-size:16px; padding-right:60px; color:#333;}
.caishou_2{}
.caishou_2 i{ font-style:normal;}
.caishou_2 i.jiageng{ font-size:16px; padding-right:30px; }
.caishou_2 i.num_b{ color:#e3101e; font-size:36px; font-family:"Arial";}

.caishou_2 i.yang_1{ font-size:30px; color:#e3101e;}

.bor_bott{ border-bottom:#d0d0d0 1px solid; height:auto; overflow:hidden; padding-bottom:30px;}
.bor_bott dd a{ margin-bottom:10px;}
.dianya dl{ list-style-type:none;font-size:16px; margin:0 auto; padding:0;height:32px;line-height:32px;}
.dianya dl dt{ float:left; width:10%; font-weight:normal; padding:5px 0 5px 0; }
.dianya dl dd{ float:left; width:90%;}
.dianya dl dd a{ float:left; background:#fdfdfd; margin-left:10px; text-align:center; padding:5px 0; width:130px; border:#d0d0d0 1px solid; border-radius:2px;}
.dianya dl dd a:focus { border:#e3101e 1px solid; color:#e3101e;}
.dianya dl dd a:hover { border:#e3101e 1px solid; color:#e3101e;}
.zl_telbox{ padding-top:130px;}
.zl_tel{ color:#e3101e; font-family:"Arial"; font-size:32px; text-align:right;}
.zl_tel img{ margin-top:-5px; margin-right:10px;}
/*????????*/
.pro_box{ border-top:#f0f0f0 2px solid; padding-top:55px; margin-left:0 !important; margin-right:0 !important;}
.pro_box2{ padding-top:50px; margin-left:0 !important; margin-right:0 !important;}
.pro_box2 img{ max-width:100%;}
.dlgg_1{ padding-left:55px !important;}
.dlgg_1 span{  width:20%; display:inline-block; }
.dlgg_1 b{ color:#a4a3a3; font-weight:normal; font-size:12px; padding-left:48px;}
.dlgg_bor1{border-bottom:#e1e1e1 1px solid; padding-bottom:52px;}
.dlgghfgqpz{ font-size:18px; color:#353535;}
.dibqm{ color:#a4a4a4; font-size:12px; padding-top:25px;}
.dibqm p{ line-height:30px; margin:0;}
.dl_bor{ border-top:#e1e1e1 1px solid; width:22% !important; margin-right:10%; padding-top:35px;}
.dl_bor2{ border-top:#e1e1e1 1px solid; padding-top:35px;     width: 67.66666667% !important; }
.dibqm2{ color:#a4a4a4; font-size:12px; }
.dibqm2 p{ line-height:30px; margin:0;}
.gongnon p{ line-height:34px; margin:0; position:relative; }
.gongnon em{ color:#a0a0a0; padding-right:10px; font-style:normal; position:absolute; left:-15px; top:0px; }
.gongnon span{ padding-left:125px; display:inline;}

.daodigongnon p{ line-height:25px; margin:0; position:relative; }
.daodigongnon em{ color:#a0a0a0; padding-right:10px; font-style:normal; position:absolute; left:-15px; top:0px; }
.daodigongnon .horb{ color:#848484; margin-bottom:20px; }

.jscc{ text-align:center; padding-left:0 !important; padding-right:0 !important;}
.tuoshi{ position:relative;/* height:650px;*/ }
.gntd_pro{ position:absolute; left:0px; top:92px; max-width:100%; }
.gg_bor{ border-bottom:#e7e7e7 1px dotted; padding-bottom:30px; width:88%;}

.fangdao{ border:#d5d5d5 1px solid; height:42px; font-size:12px; color:#848484;}
.fangdao span{ width:67px; height:40px; background:#eeeeee; text-align:center;  margin-right:20px; vertical-align:middle;}
.fangdao img{ margin-top:5px;}
.hot_buytit{ background:url(../img/shopxq/nav_x.png) repeat-x; height:44px; line-height:44px; padding-left:22px; font-size:18px; border:#e0e0e0 1px solid; border-bottom:0;}
.spbq2 a { width: 240px; height: 320px; float: left; margin-bottom: 28px; line-height: 2; /*padding: 10px 10px 0 20px;
	margin: 20px;*/
border: #dfdfdf 1px solid; border-right: 0; text-align: center; position: relative; overflow: hidden; }
.spbq2 .spb_bor { border-right: #dfdfdf 1px solid; }
.spbq2 h2 { color: #14191e; font: bold 14px/18px "Microsoft Yahei", "Hiragino Sans GB", Helvetica, "??????", Tahoma, Arial, sans-serif; margin-top: 5px; }
.spbq2 span { display: block; color: #b4bbbf; font: 12px/18px "Microsoft Yahei", "Hiragino Sans GB", Helvetica, "??????", Tahoma, Arial, sans-serif; margin: 8px 0; }
.spbq2 b { color: #787d82; font: 12px/18px "Microsoft Yahei", "Hiragino Sans GB", Helvetica, "??????", Tahoma, Arial, sans-serif; }
.spbq2 b p { line-height: 10px; }
.spbq2 a:hover{ border:#dfdfdf 1px solid; box-shadow:rgba(204,204,204,.5) 1px 1px 3px 2px; display:block;}

.commonposition{_position:absolute;_top: expression(documentElement.scrollTop + 200 + "px");position:fixed; top:30%; right:1%; z-index:999999; display:none;}
.commonposition a{display:block; width:45px; height:45px; position:relative; background-color:#5c5c5c; background-image:url(../img/icon.png);background-repeat:no-repeat; margin-top:1px;}
.commonposition a span{display:none; position:absolute; right:0px; top:0px; height:45px; padding-left:50px; color:#fff;line-height:45px; font-size:14px;background-color:#262626;}

.commonposition a.HomeQQ{ background-position:-362px -186px;}
.commonposition a.Homedianhua{ background-position:-362px -276px;}
.commonposition a.Homexuqiu{ background-position:-362px -275px;}
.commonposition a.Homeweixin{ background-position:-362px -233px;}
.commonposition a.Hometop{ background-position:-362px -325px; background-color:#4e4e4e;}

.commonposition a span.QQbggray{background-position:-360px -186px;background-image:url(../img/icon.png);background-repeat:no-repeat; width:80px;}
.commonposition a span.weixinerweima{right:40px; padding:0px; background:none; overflow:visible !important; }
.commonposition a span.dianhuabggray{background-position:-362px -276px;background-image:url(../img/icon.png);background-repeat:no-repeat;width:170px;}
.commonposition a span.Homexuqiu{ background-position:-362px -275px;background-image:url(../img/icon.png);background-repeat:no-repeat;width:120px;}
/*???????*/
.ss_search {width:468px; margin:0 auto;}
.ss_xihao{ height:45px !important; background:#fafafa !important; width:408px !important; font-size:12px !important; margin-top:7px; border-radius:0 !important;}
.ss_ann{ height:45px !important; width:0 !important; border:0 !important;margin-top:7px; padding:0 !important;}

/*??????*/
.ww_footer{ background:#1b1a1e; height:auto; overflow:hidden; padding:78px 0 65px 0;}
.kfzx h3{ padding:0; margin:0;}
.kfzx p{ color:#b2b2b2; font-size:18px; line-height:38px; padding-left:10px; padding-bottom:42px;}
.kfzx span{ color:#555555; font-size:18px; padding-left:10px;}
.ww_qq img{  background:#fff; padding:6px; border-radius:8px;}
.ww_qq{text-align:center; color:#f6fafd;font-size:20px;}
.ww_qq p{ padding-top:8px;}
.kfzx2{ padding-top:8px;}
.ww_zixun{ color:#ec7114; font-size:18px; border:#ec7114 1px solid; padding:10px 13px 5px 13px; display:inline-block; margin-top:20px;}
.ww_zixun img{ margin-right:5px;}
.ww_zhzx{ text-align:center;}
.ww_zhzx .ww_btel{ color:#ec7114; font-size:34px; font-family:"Arial";}
.ww_zhzx .ww_btel a{color:#ec7114;}
.ww_zhzx span{ color:#d4d8db; font-size:18px;}
.ww_zhzx p{ color:#f6fafd; font-size:18px; line-height:36px; padding-top:34px;}
.ww_zhzx p a{ color:#f6fafd;}
.CopyRight{ background:#111114;  height:75px; line-height:75px; color:#d9d9d9; font-size:18px; text-align:center;}

@media (min-width:960px ) and (max-width:1250px) {
.spbq2 a { width: 20%; height: 320px; float: left; line-height: 2; /*padding: 10px 10px 0 20px;
	margin: 20px;*/
border: #dfdfdf 1px solid; border-right: 0; text-align: center; position: relative; overflow: hidden; }
}
.zl_zixu{ position:relative;}
.zl_zixu span{ display:none; position:absolute; overflow:hidden; background:#fff; bottom:55px; left:30px;}
.zl_zixu span img{ padding:8px; border:#ccc 1px solid;}
@media (min-width:960px ) and (max-width:1150px) {
.tuoshi{ position:relative; height:560px !important; }	
}
@media (max-width:980px ) {
.zl_fdj{ width:58%; float:left;}
.zl_shopr{ width:42%;  }
.zl_telbox{ padding-top:50px;}
.zl_zixu { width:45% !important;}
.zl_zixu img{ width:100%;}
.zl_tel{ color:#e3101e; width:55% !important; font-family:"Arial"; font-size:25px; text-align:right;}
.zl_tel img{ margin-top:-5px; margin-right:10px;}
.zl_zixu span{ display:none; position:absolute; overflow:hidden; background:#fff; bottom:38px; left:0;}
}
@media (min-width:980px ) and (max-width:1060px) {
.zl_fdj{ width:57%; float:left;}
.zl_shopr{ width:43%;  }
.zl_telbox{ padding-top:50px;}
.zl_zixu { width:45% !important;}
.zl_zixu img{ width:100%;}
.zl_tel{ color:#e3101e; width:55% !important; font-family:"Arial"; font-size:25px; text-align:right;}
.zl_tel img{ margin-top:-5px; margin-right:10px;}
.zl_zixu span{ display:none; position:absolute; overflow:hidden; background:#fff; bottom:45px; left:0;}
}
@media (min-width:1060px ) and (max-width:1150px) {
.zl_fdj{ width:53%; float:left;}
.zl_shopr{ width:47%;  }
.zl_telbox{ padding-top:50px;}
.zl_zixu { width:45% !important;}
.zl_zixu img{ width:100%;}
.zl_tel{ color:#e3101e; width:55% !important; font-family:"Arial"; font-size:25px; text-align:right;}
.zl_tel img{ margin-top:-5px; margin-right:10px;}
.zl_zixu span{ display:none; position:absolute; overflow:hidden; background:#fff; bottom:50px; left:17px;}
}
@media (min-width:1150px ) and (max-width:1200px) {
.zl_fdj{ width:51%; float:left;}
.zl_shopr{ width:49%;  }
.zl_telbox{ padding-top:50px;}
.zl_zixu { width:45% !important;}
.zl_zixu img{ width:100%;}
.zl_tel{ color:#e3101e; width:55% !important; font-family:"Arial"; font-size:25px; text-align:right;}
.zl_tel img{ margin-top:-5px; margin-right:10px;}
}
@media (max-width:1400px ) {
.ww_footer{ background:#1b1a1e; height:auto; overflow:hidden; padding:38px 1% 25px 1%;} 
.ww_qq img{ /*width:90%;*/}

.txt-two { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 14px; padding-top: 15px; line-height: 18px; text-align: center; color: #f69603; border: #f69603 1px solid; background: #ffffff; display: none; }
.spbq { width: 25%; height: 430px; float: left; line-height: 2; /*padding: 10px 10px 0 20px;
	margin: 20px;*/
/*border: #dfdfdf 1px solid; border-right:0;*/
text-align: center; position: relative; overflow: hidden; }
.sph .spbq:nth-of-type(4n+4){ border-right:1px solid #dfdfdf;}

.bor-r{border-right:#dfdfdf 1px solid;}
.shop_jix h3{ font-size:18px; color:#333333; padding-bottom:10px; padding-left:12px;}
}
@media screen and (max-width:1400px){
.shop_jxlist dl{ /*float:left; width:18%;border:#f6f6f6 1px solid; height:310px; overflow:hidden; margin:0 1%; padding-bottom:8px;*/}
.shop_jxlist dl img{ width:100%;}
}
@media screen and (max-width:1100px){
.shop_jxlist dl{ float:left; width:18%;border:#f6f6f6 1px solid; height:290px; overflow:hidden; margin:0 1%; padding-bottom:8px;}
}
@media screen and (max-width:990px){
.shop_jxlist dl{ float:left; width:18%;border:#f6f6f6 1px solid; height:275px; overflow:hidden; margin:0 1%; padding-bottom:8px;}
.header--fixed { position: absolute !important; position: fixed; width: 100%; z-index: 999; right: 0; left: 0; top: 0 }
}
/*headromm?????????????*/
.header {background-color: #fff; padding-bottom: 1px; border-bottom: #fab913 2px solid;}
.header--fixed { position: fixed; width: 100%; z-index: 999; right: 0; left: 0; top: 0; min-width: 1280px; }
.animated { -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both }

.chaobiaoBanner{margin:0 auto; width: 100%;}
.chaobiaoBanner .swiper-pagination-bullet{ width:16px; height:16px;}
.chaobiaoBanner .swiper-pagination-bullet-active{ background:#1f49ff}
.chaobiaoBanner .banner01{ background:url(../img/20180518002-01.jpg) no-repeat center center; height:842px;}
.chaobiaoBanner .banner02{  background:url(../img/20180518002-02.jpg) no-repeat center center; height:842px;}
.chaobiaoBanner .banner03{ background:url(../img/20180518002-03.jpg) no-repeat center center; height:842px;}
.chaobiaoBanner .banner04{  background:url(../img/20180518002-04.jpg) no-repeat center center; height:842px;}
.chaobiaoBanner .banner05{  background:url(../img/20180518002-05.jpg) no-repeat center center; height:842px;}
.chaobiaoBanner .swiper-slide{ /*background-size:100% 100%; */background-position: center center; width:100%;}
.chaobiaoBanner .swiper-slide img{ display:block; margin:0 auto;}
.mainBanner .swiper-button-prev,.mainBanner .swiper-button-next{ background:url(../img/sy_left.png) no-repeat center center; width:42px; height:82px; left:5%;}
.mainBanner .swiper-button-next{background:url(../img/sy_right.png) no-repeat center center; left:inherit; right:5%}
.mainBanner .swiper-slide a{ display:block; width:100%;
animation-duration: 3s; animation-timing-function: linear; animation-fill-mode: forwards; -webkit-animation-duration: 3s; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: forwards; 
}
.mainBanner .swiper-button-disabled{ background:none;}
.mainBanner .banner01{ background:url(../img/20180518001-01.jpg?2018052201) no-repeat center center;}
.mainBanner .banner02{ background:url(../img/20180518001-02.jpg?2018110501) no-repeat center center;}
.mainBanner .banner03{ background:url(../img/20180518001-03.jpg?181109001) no-repeat center center;}
.mainBanner .swiper-slide a{ background-position:center center; height: 745px;}
/*.mainBanner .swiper-slide:nth-of-type(1) a{ background-image:url(../img/ipad_img/index_01bg.jpg);}
.mainBanner .swiper-slide:nth-of-type(2) a{background-image:url(../img/ipad_img/banner2_bg.jpg);}
.mainBanner .swiper-slide:nth-of-type(3) a{ background-image:url(../img/ipad_img/banner3_bg.jpg);}*/
.zoomBanner a{ -webkit-animation-name: zoomBanner; animation-name: zoomBanner; }
@-webkit-keyframes zoomBanner { 
0 {transform:scale(1, 1);}
25% {transform:scale(1.05, 1.05);}
50% {transform:scale(1, 1);}
}
@keyframes zoomBanner { 
0 {transform:scale(1, 1);}
25% {transform:scale(1.05, 1.05);}
50% {transform:scale(1, 1);}
}






/*.carousel-inner .wwban1{ background-image:url(../img/ipad_img/index_01bg.jpg); background-repeat:no-repeat; background-position: center center; background-size:auto 100%; height:auto;}
.carousel-inner .wwban2{ background-image:url(../img/ipad_img/banner2_bg.jpg); background-repeat:no-repeat; background-position: center center;  background-size:100% 100%; height:auto;}
.carousel-inner .wwban3{ background-image:url(../img/ipad_img/banner3_bg.jpg); background-repeat:no-repeat; background-position: center center;  background-size:100% 100%; height:auto;}
*/


@media(max-device-width:1400px){  
.wrap{ padding:0 10px;}
.ww_logo img{ padding-left:20px;}






	}
@media(max-device-width:1200px){  
.wrap{ padding:0 10px;}
.pprl_list{ padding:50px 10px;}
.container_pprl{ padding:0 10px;}
.kefu_box{ padding:0 10px;}
.ww_dnpp{ padding-left:10px; padding-right:10px;}
.fdp_tab{ padding:0 10px 50px;}
.sph .spbq:nth-of-type(5n+5){ border-right:none;}


	}






















@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-6em)
	}

	100% {
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes slideDown {
	0% {
		-moz-transform: translateY(-6em)
	}

	100% {
		-moz-transform: translateY(0)
	}
}

@-o-keyframes slideDown {
	0% {
		-o-transform: translateY(-6em)
	}

	100% {
		-o-transform: translateY(0)
	}
}

@keyframes slideDown {
	0% {
		transform: translateY(-6em)
	}

	100% {
		transform: translateY(0)
	}
}

.animated.slideDown {
	-webkit-animation-name: slideDown;
	-moz-animation-name: slideDown;
	-o-animation-name: slideDown;
	animation-name: slideDown
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(0)
	}

	100% {
		-webkit-transform: translateY(-6em)
	}
}

@-moz-keyframes slideUp {
	0% {
		-moz-transform: translateY(0)
	}

	100% {
		-moz-transform: translateY(-6em)
	}
}

@-o-keyframes slideUp {
	0% {
		-o-transform: translateY(0)
	}

	100% {
		-o-transform: translateY(-6em)
	}
}

@keyframes slideUp {
	0% {
		transform: translateY(0)

	}

	100% {
		transform: translateY(-6em)
	}
}

.animated.slideUp {
	-webkit-animation-name: slideUp;
	-moz-animation-name: slideUp;
	-o-animation-name: slideUp;
	animation-name: slideUp
}



/*???????*/
.animationbox .animate{opacity:0;-webkit-opacity:0}
.animationbox.animated .animate{opacity:1;-webkit-opacity:1}
.animated .animate{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animated .animate.fadeIn {
	animation:fadeIn 1.5s ease 0s 1 both;
	animation-play-state:initial;
	-webkit-animation:fadeIn 1.5s ease 0s 1 both;
	-webkit-animation-play-state:initial;
}
.animated .animate.fadeInDown {

	animation:fadeInDown 1.5s ease 0s 1 both;
	animation-play-state:initial;
	-webkit-animation:fadeInDown 1.5s ease 0s 1 both;
	-webkit-animation-play-state:initial;
}
.animated .animate.fadeInDownSlow {
	animation:fadeInDownSlow 1.5s ease 0s 1 both;
	animation-play-state:initial;
	-webkit-animation:fadeInDownSlow 1.5s ease 0s 1 both;
	-webkit-animation-play-state:initial;
}
.animated .animate.fadeInUp {
	animation:fadeInUp 1.5s ease 0s 1 both;
	animation-play-state:initial;
	-webkit-animation:fadeInUp 1.5s ease 0s 1 both;
	-webkit-animation-play-state:initial;
}
.animated .animate.zoomIn {
	animation:zoomIn 1.5s ease 0s 1 both;
	animation-play-state:initial;
	-webkit-animation:zoomIn 1.5s ease 0s 1 both;
	-webkit-animation-play-state:initial;
}
.animated .animate.lineOut {
	animation:lineOut 1.5s ease 0s 1 both;
	animation-play-state:initial;
	-webkit-animation:lineOut 1.5s ease 0s 1 both;
	-webkit-animation-play-state:initial;
}
.animated .animate.leftIn {
	animation:leftIn 1.5s ease 0s 1 both;
	animation-play-state:initial;
	-webkit-animation:leftIn 1.5s ease 0s 1 both;
	-webkit-animation-play-state:initial;
}
.animated .animate.leftInSlow {
	animation:leftInSlow 1.5s ease 0s 1 both;
	animation-play-state:initial;
	-webkit-animation:leftInSlow 1.5s ease 0s 1 both;
	-webkit-animation-play-state:initial;
}
.animated .animate.rightIn {
	animation:rightIn 1.5s ease 0s 1 both;
	animation-play-state:initial;
	-webkit-animation:rightIn 1.5s ease 0s 1 both;
	-webkit-animation-play-state:initial;
}
.animated .animate.bounceIn {
	animation:bounceIn 1.5s ease 0s 1 both;
	animation-play-state:initial;
	-webkit-animation:bounceIn 1.5s ease 0s 1 both;
	-webkit-animation-play-state:initial;
}
.animated .animate.bounceInLeft {
	animation:bounceInLeft 1.5s ease 0s 1 both;
	animation-play-state:initial;
	-webkit-animation:bounceInLeft 1.5s ease 0s 1 both;
	-webkit-animation-play-state:initial;
}
.animated .animate.bounceInRight {
	animation:bounceInRight 1.5s ease 0s 1 both;
	animation-play-state:initial;
	-webkit-animation:bounceInRight 1.5s ease 0s 1 both;
	-webkit-animation-play-state:initial;
}
.animated .animate.rubberBand {
	animation:rubberBand 1.5s ease 0s 1 both;
	animation-play-state:initial;
	-webkit-animation:rubberBand 1.5s ease 0s 1 both;
	-webkit-animation-play-state:initial;
}
.animated .animate.lightSpeedIn {
	animation:lightSpeedIn 1.5s ease 0s 1 both;
	animation-play-state:initial;
	-webkit-animation:lightSpeedIn 1.5s ease 0s 1 both;
	-webkit-animation-play-state:initial;
}
.animated .animate.rotateIn {
	animation:rotateIn 1.5s ease 0s 1 both;
	animation-play-state:initial;
	-webkit-animation:rotateIn 1.5s ease 0s 1 both;
	-webkit-animation-play-state:initial;
}

.animated .animate.delay05{animation-delay:0.5s;-webkit-animation-delay:0.5s;-moz-animation-delay:0.5s;-ms-animation-delay:0.5s;-o-animation-delay:0.5s;}
.animated .animate.delay08{animation-delay:0.8s;-webkit-animation-delay:0.8s;-moz-animation-delay:0.8s;-ms-animation-delay:0.8s;-o-animation-delay:0.8s;}
.animated .animate.delay10{animation-delay:1s;-webkit-animation-delay:1s;-moz-animation-delay:1s;-ms-animation-delay:1s;-o-animation-delay:1s;}
.animated .animate.delay15{animation-delay:1.5s;-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-ms-animation-delay:1.5s;-o-animation-delay:1.5s;}

/*???????????*/
@-webkit-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
/*???????*/
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
-ms-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}

@-webkit-keyframes fadeInDownSlow {
0% {
opacity:0;
-webkit-transform:translate3d(0, -30%, 0);
transform:translate3d(0, -30%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInDownSlow {
0% {
opacity:0;
-webkit-transform:translate3d(0, -30%, 0);
-ms-transform:translate3d(0, -30%, 0);
transform:translate3d(0, -30%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}

/*????浣?????*/
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
-ms-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}

/*???*/
@-webkit-keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50%, 100% {
opacity:1;
}
}
@keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50%, 100% {
opacity:1
}
}

/*????*/
@-webkit-keyframes lineOut {
0% {
opacity:1;
-webkit-transform:rotateY(90deg);
transform:rotateY(90deg);
}
100% {
opacity:1;
}
}
@keyframes lineOut {
0% {
opacity:1;
-webkit-transform:rotateY(90deg);
transform:rotateY(90deg);
}
100% {
opacity:1;
}
}

/*????????*/
@-webkit-keyframes leftIn {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes leftIn {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}

@-webkit-keyframes leftInSlow {
0% {
opacity:0;
-webkit-transform:translate3d(-30%, 0, 0);
transform:translate3d(-30%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes leftInSlow {
0% {
opacity:0;
-webkit-transform:translate3d(-30%, 0, 0);
transform:translate3d(-30%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}

/*????????*/
@-webkit-keyframes rightIn {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes rightIn {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}

/*??????*/
@-webkit-keyframes start {
0%, 30% {
opacity:0;
-webkit-transform:translate(0, 10px)
}
60% {
opacity:1;
-webkit-transform:translate(0, 0)
}
100% {
opacity:0;
-webkit-transform:translate(0, -8px)
}
}
@-moz-keyframes start {
0%, 30% {
opacity:0;
-moz-transform:translate(0, 10px)
}
60% {
opacity:1;
-moz-transform:translate(0, 0)
}
100% {
opacity:0;
-moz-transform:translate(0, -8px)
}
}
@keyframes start {
0%, 30% {
opacity:0;
transform:translate(0, 10px)
}
60% {
opacity:1;
transform:translate(0, 0)
}
100% {
opacity:0;
transform:translate(0, -8px)
}
}


/*???????*/
@-webkit-keyframes shake {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes shake {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)

}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}

@keyframes zoomInOut{
	1%{
	opacity:1;
	-webkit-transform:scale(1)
	}
	20% {
	opacity:0;
	-webkit-transform:scale(1.5)
	}
	0%,100% {
	opacity:0;
	}
}

@-webkit-keyframes zoomInOut{
	1%{
	opacity:1;
	-webkit-transform:scale(1);
	}
	20% {
	opacity:0;
	-webkit-transform:scale(1.5);
	}
	0%,100% {
	opacity:0;
	}
}
@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}
@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}
@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}
@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-720deg) scale(0);transform:rotate(-720deg) scale(0);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-720deg) scale(0);transform:rotate(-720deg) scale(0);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}
/**/





.mainProList,.mainProList *{}
.mainProList img{width: 100%;}
.mainProList{margin:0 -15px;}
.mainProList dd{float: left; width: 50%; padding: 0 15px 30px;}
.mainProList a{display: block; position: relative;}
.mainProList a .tag{color: #b9babb;position: absolute;right: 0;top: 26px;font-size: 14px;line-height: 25px;width: 104px;}
.mainProList a .bd{text-align: center;background: #fff;min-height: 130px;border: 1px solid #eee;border-top: none;padding: 28px 0 0 0;}
.mainProList a h3{line-height: 1;font-size: 20px;color: #343434;margin-bottom: 20px;}
.mainProList a .price{display: inline-block;font-size: 33px;color: #343434;line-height: 40px;}
.mainProList a .price em{font-size: 20px;}
.mainProList a .song{display: inline-block;height: 40px;color: #fff;background: #ff9900;border-radius: 4px;font-size: 18px;line-height: 40px;padding: 0 10px 0 50px;position: relative;vertical-align: top;margin-left: 15px;}
.mainProList a .song em{position: absolute;left: 1px;top: 1px;height: 38px;width: 38px;background: #fff;border-radius: 4px;color: #f90;line-height: 38px;font-size: 22px;font-weight: bold;}