@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,table,tbody,p,th,td,em{-webkit-text-size-adjust:none;margin:0;padding:0;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:12px;font-family:"Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti;}
html,body{height:100%;font-size:13px;}
img,input,button,a,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none;} 
ol,ul{list-style:none;} 
h1,h2,h3,h4,h5,h6,p,em,i,b,em{font-size:100%;word-wrap:break-word;font-weight:normal;font-style:normal;}
a{ color:#000; text-decoration:none; font-size:13px;}a:active, a:focus{outline:none;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
*html{background-image:url(about:blank);background-attachment:fixed;} /* 修正IE6振动bug */
.inner{width:1155px;margin:0px auto;}
.clear{clear:both;}
@media screen and (min-width: 1399px) { 
.inner{width:1260px;margin:0px auto;}
} 
@media screen and (min-width: 1599px) { 
.inner{width:1400px;margin:0px auto;}
} 
@media screen and (min-width: 1900px) { 
.inner{width:1710px;margin:0px auto;}
} 
.toper{height:35px; line-height:35px; border-bottom:#CCC solid 1px; background-color:#fdfdfd; }
.toper .wel{float:left; line-height:35px;font-size:13px;}
.toper .qlk{float:right; line-height:35px;}
.toper .qlk a{margin:0px 10px;}
.toper .qlk a i{margin-right:5px;}
.header{height:140px;}
.header .logo{float:left; height:140px; width:660px; overflow:hidden}
.header .sousuo{width:370px; float:right; height:40px; margin-top:50px;}
.header .sousuo .sstxt{width:308px; padding-left:10px; line-height:38px; height:38px; border:#CCC solid 1px; float:left; border-radius:5px 0px 0px 5px; transition:all ease-in-out 0.5s}
.header .sousuo .sstxt:hover{border-color:#999;}
.header .sousuo .ssbtn{height:40px; width:50px; float:left; background:url(../images/sousou.png) center center no-repeat; background-color:#999;border-radius:0px 5px 5px 0px; cursor:pointer;transition:all ease-in-out 0.5s}
.header .sousuo .ssbtn:hover{background-color:#666;}
.naver{height:65px; line-height:65px;width:100%; background-color:rgba(51,51,51,0.8); z-index:9999;}
.naver ul{line-height:65px;}
.naver ul li{float:left;width:8.33%; text-align:center}
.naver ul li a{display:block; font-size:16px; color:#FFF;}
.naver ul li a:hover,.naver ul li a.cur{background-color:#333;}
.naver .ssbox{position:relative; width:100;}


/* slide */
.slide-main{height:580px;position:relative;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:267px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:540px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#444;opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:580px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:490px;padding-top:89px;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{background:#111015;}
#bgstyleb{background:#193d85;}
#bgstylec{background:#54667c;}
.slide a{display:block;width:100%;height:490px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{width:952px;margin-left:-476px;text-align:center;}
.obj-a{display:block;height:450px;top:30px;}
.obj-b{top:430px;height:100px;}
.obj-c{display:block;height:582px;top:0;margin-left:-540px;}
.obj-d{top:228px;height:164px;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
.obj-e{width:366px;height:170px;margin-left:-460px;top:223px;z-index:12;}
.obj-f{width:692px;height:480px;top:10px;margin-left:-180px;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }


.gonggao{height:45px; line-height:45px;}
.gonggao .dtime{font-size:16px; color:#333; line-height:45px; float:left; width:190px;}
.gonggao #scrollDivs{width:950px;height:45px;line-height:45px;overflow:hidden; float:left;font-size:16px;}
.gonggao #scrollDivs ul{margin:0px; padding:0px;}
.gonggao #scrollDivs ul li{line-height:45px;}
.gonggao #scrollDivs ul li a{color:#F00; font-size:16px;}

.chuxiaobox{ border-top:#999 solid 1px;}
.chuxiaobox .tit{height:108px; background:url(../images/xxtit.png) center center no-repeat; text-align:center}
.chuxiaobox .tit h3{font-size:28px; line-height:28px;color:#FFF; padding-top:18px;text-shadow:#FFF 0px 0px 2px}
.chuxiaobox .tit p{line-height:30px; font-size:13px; color:#FFF; text-transform:uppercase; margin-top:20px}
.chuxiaobox .xxbox{padding:20px 0px}
.chuxiaobox .xxbox p{font-size:16px; color:#333; line-height:30px; text-shadow:#CCC 0px 0px 3px}
.chuxiaobox .xxbox p span{margin-right:10px;}
.chuxiaobox .xxbox p span em{margin:0px 5px; color:#F00;}
.chuxiaobox .xxbox a.abtn{width:180px; height:40px; line-height:40px; background-color:#999; font-size:16px; color:#FFF; display:block; margin:30px auto; text-align:center;transition:all ease-in-out 0.5s; border-radius:5px }
.chuxiaobox .xxbox a.abtn:hover{background-color:#333;}


.producter{ background-color:#f5f5f5; padding:45px 0px;}
.producter .tit{text-align:center; text-align:center}
.producter .tit h3{font-size:28px; line-height:28px; color:#333; background:url(../images/titline.png) center center no-repeat;text-shadow:#999 0px 0px 2px}
.producter .tit p{line-height:30px; font-size:13px; color:#666; text-transform:uppercase}
.producter .pnav{line-height:30px;color:#666; text-align:right; margin-top:20px;}
.producter .pnav a{font-size:13px; color:#666; margin:0px 5px;}
.producter .pnav a:hover{color:#000;}
.producter .productbox{height:620px; text-align:center}
.producter .productbox ul{width:100%;}
.producter .productbox li{float:left; margin-right:45px; margin-top:20px;}
.producter .productbox li:nth-child(4n){margin-right:0px;}
.producter .productbox li a.aimg{width:253px; height:253px; overflow:hidden; border:#CCC solid 1px; display:block; border-radius:5px;transition:all ease-in-out 0.5s; position:relative}
.producter .productbox li a img{width:253px; height:253px;transition:all ease-in-out 0.5s}
.producter .productbox li p{line-height:35px; text-align:center; font-size:14px; color:#666;transition:all ease-in-out 0.5s; margin-top:10px;}
.producter .productbox li a.aimg:hover {border:#000 solid 1px;}
.producter .productbox li a:hover img{transform:scale(1.1)}
.producter .productbox li a:hover p{color:#000;}
.producter .productbox li a p.hot{background-color:rgba(0,0,0,0.4); display:block; color:#FFF; position:absolute; z-index:99; width:100%; bottom:0px;}
.producter .productbox li .goumai{background-color:#F60; color:#FFF; width:100%; line-height:45px; font-size:14px; color:#FFF; margin-top:5px; border-radius:10px;}
.iframe{height:780px;}
@media screen and (min-width: 1399px) { 
.iframe{height:850px;}
.producter .productbox li{float:left; margin-right:56px; margin-top:20px;}
.producter .productbox li a.aimg{width:270px; height:270px; overflow:hidden; border:#CCC solid 1px; display:block; border-radius:5px;transition:all ease-in-out 0.5s}
.producter .productbox li a img{width:270px; height:270px;transition:all ease-in-out 0.5s}
.producter .productbox{height:680px; text-align:center}
} 
@media screen and (min-width: 1599px) { 
.iframe{height:880px;}
.producter .productbox li{float:left; margin-right:75px; margin-top:20px;}
.producter .productbox li a.aimg{width:290px; height:290px; overflow:hidden; border:#CCC solid 1px; display:block; border-radius:5px;transition:all ease-in-out 0.5s}
.producter .productbox li a img{width:290px; height:290px;transition:all ease-in-out 0.5s}
.producter .productbox{height:720px; text-align:center}
} 
@media screen and (min-width: 1900px) { 
.iframe{height:930px;}
.producter .productbox li{float:left; margin-right:140px; margin-top:20px;}
.producter .productbox li a.aimg{width:320px; height:320px; overflow:hidden; border:#CCC solid 1px; display:block; border-radius:5px;transition:all ease-in-out 0.5s}
.producter .productbox li a img{width:320px; height:320px;transition:all ease-in-out 0.5s}
.producter .productbox{height:750px; text-align:center}
} 

.producter .pages{line-height:40px; width:100%; text-align:center; font-size:14px; opacity:0.1; transition:all ease-in-out 0.5s}
.producter .pages a{line-height:30px; margin:0px 5px; font-size:14px; display:inline-block; border:#CCC solid 1px; padding:0px 2px; background-color:#CCC}
.producter .pages span{line-height:30px; margin:0px 5px; font-size:14px; display:inline-block; border:#CCC solid 1px; padding:0px 2px; background-color:#CCC}
.producter .pages span.cur{background-color:#333; color:#FFF;}
.producter:hover .pages{opacity:1;}


.hotproducter{ background-color:#f5f5f5; padding:15px 0px;}
.hotproducter .tit{text-align:left; border-bottom:#666 solid 1px; height:35px; line-height:35px;}
.hotproducter .tit h3{font-size:18px;color:#333; text-shadow:#999 0px 0px 2px}
.hotproducter .tit p{line-height:30px; font-size:13px; color:#666; text-transform:uppercase}
.hotproducter .pnav{line-height:30px;color:#666; text-align:right; margin-top:20px;}
.hotproducter .pnav a{font-size:13px; color:#666; margin:0px 5px;}
.hotproducter .pnav a:hover{color:#000;}
.hotproducter .productbox{height:310px; text-align:center}
.hotproducter .productbox ul{width:100%;}
.hotproducter .productbox li{float:left; margin-right:23px; margin-top:20px;}
.hotproducter .productbox li:nth-child(5n){margin-right:0px;}
.hotproducter .productbox li a.aimg{width:210px; height:210px; overflow:hidden; border:#CCC solid 1px; display:block; border-radius:5px;transition:all ease-in-out 0.5s; position:relative}
.hotproducter .productbox li a img{width:210px; height:210px;transition:all ease-in-out 0.5s}
.hotproducter .productbox li p{line-height:35px; text-align:center; font-size:14px; color:#666;transition:all ease-in-out 0.5s; margin-top:10px;}
.hotproducter .productbox li a.aimg:hover {border:#000 solid 1px;}
.hotproducter .productbox li a:hover img{transform:scale(1.1)}
.hotproducter .productbox li a:hover p{color:#000;}
.hotproducter .productbox li a p.hot{background-color:rgba(0,0,0,0.4); display:block; color:#FFF; position:absolute; z-index:99; width:100%; bottom:0px;}
.hotproducter .productbox li .goumai{background-color:#F60; color:#FFF; width:100%; line-height:45px; font-size:14px; color:#FFF; margin-top:5px; border-radius:10px;}
.hotiframe{height:470px;}
@media screen and (min-width: 1399px) { 
.hotproducter .productbox li{float:left; margin-right:25px; margin-top:20px;}
.hotproducter .productbox li a.aimg{width:230px; height:230px; overflow:hidden; border:#CCC solid 1px; display:block; border-radius:5px;transition:all ease-in-out 0.5s}
.hotproducter .productbox li a img{width:230px; height:230px;transition:all ease-in-out 0.5s}
.hotproducter .productbox{height:320px; text-align:center}
.hotiframe{height:480px;}
} 
@media screen and (min-width: 1599px) { 
.hotproducter .productbox li{float:left; margin-right:22px; margin-top:20px;}
.hotproducter .productbox li a.aimg{width:260px; height:260px; overflow:hidden; border:#CCC solid 1px; display:block; border-radius:5px;transition:all ease-in-out 0.5s}
.hotproducter .productbox li a img{width:260px; height:260px;transition:all ease-in-out 0.5s}
.hotproducter .productbox{height:360px; text-align:center}
.hotiframe{height:520px;}
} 
@media screen and (min-width: 1900px) { 
.hotproducter .productbox li{float:left; margin-right:25px; margin-top:20px;}
.hotproducter .productbox li a.aimg{width:320px; height:320px; overflow:hidden; border:#CCC solid 1px; display:block; border-radius:5px;transition:all ease-in-out 0.5s}
.hotproducter .productbox li a img{width:320px; height:320px;transition:all ease-in-out 0.5s}
.hotproducter .productbox{height:420px; text-align:center}
.hotiframe{height:580px;}
} 

.hotproducter .pages{line-height:40px; width:100%; text-align:center; font-size:14px; opacity:0.1; transition:all ease-in-out 0.5s}
.hotproducter .pages a{line-height:30px; margin:0px 5px; font-size:14px; display:inline-block; border:#CCC solid 1px; padding:0px 2px; background-color:#CCC}
.hotproducter .pages span{line-height:30px; margin:0px 5px; font-size:14px; display:inline-block; border:#CCC solid 1px; padding:0px 2px; background-color:#CCC}
.hotproducter .pages span.cur{background-color:#333; color:#FFF;}
.hotproducter:hover .pages{opacity:1;}

.newbox{padding:45px 0px}
.newbox .tit{text-align:center; text-align:center}
.newbox .tit h3{font-size:28px; line-height:28px; color:#333; background:url(../images/titline.png) center center no-repeat;text-shadow:#999 0px 0px 2px}
.newbox .tit p{line-height:30px; font-size:13px; color:#666; text-transform:uppercase}
.newbox img{width:352px; height:426px; opacity:0.8;transition:all ease-in-out 0.5s; float:left; margin-top:20px;}
.newbox a:hover img{opacity:1;}
.newbox ul{width:760px; float:right; margin-top:10px;}
.newbox ul li{height:60px; padding-bottom:20px; border-bottom:#999 dotted 1px; margin-top:25px;}
.newbox ul li:nth-child(5){display:none}
.newbox ul li:nth-child(6){display:none}
.newbox ul li:nth-child(7){display:none}
.newbox ul li:nth-child(8){display:none}
.newbox ul li .dtbox{width:60px; height:60px; text-align:center; color:#FFF; background-color:#666; float:left}
.newbox ul li .dtbox h4{font-size:22px; line-height:30px; margin-top:5px;}
.newbox ul li .dtbox p{font-size:12px;}
.newbox ul li a{display:block; margin-left:20px; float:left; width:680px;}

@media screen and (min-width: 1399px) { 
   .newbox ul{width:860px; float:right; margin-top:10px;}
   .newbox ul li a{display:block; margin-left:20px; float:left; width:780px;}
}
@media screen and (min-width: 1599px) { 
   .newbox ul{width:1000px; float:right; margin-top:10px;}
   .newbox ul li{height:60px; padding-bottom:20px; border-bottom:#999 dotted 1px; margin-top:25px; float:left; width:480px; float:left}
   .newbox ul li:nth-child(5){display:block}
   .newbox ul li:nth-child(6){display:block}
   .newbox ul li:nth-child(7){display:block}
   .newbox ul li:nth-child(8){display:block}
   .newbox ul li:nth-child(2n){float:right;}
   .newbox ul li a{display:block; margin-left:20px; float:left; width:400px;}
}
@media screen and (min-width: 1900px) { 
   .newbox ul{width:1310px; float:right; margin-top:10px;}
   .newbox ul li{height:60px; padding-bottom:20px; border-bottom:#999 dotted 1px; margin-top:25px; float:left; width:635px; float:left}
   .newbox ul li:nth-child(5){display:block}
   .newbox ul li:nth-child(6){display:block}
   .newbox ul li:nth-child(7){display:block}
   .newbox ul li:nth-child(8){display:block}
   .newbox ul li:nth-child(2n){float:right;}
   .newbox ul li a{display:block; margin-left:20px; float:left; width:555px;}
}
.newbox ul li a h3{font-size:16px; line-height:30px;}
.newbox ul li a p{ text-indent:24px; color:#999}



.abtbox{padding:45px 0px; background-image:url(../images/abtbg.jpg); background-repeat:no-repeat; background-size:100% 100%; background-attachment:fixed}
.abtbox .tit{text-align:center; text-align:center}
.abtbox .tit h3{font-size:28px; line-height:28px; color:#333; background:url(../images/titline.png) center center no-repeat;text-shadow:#999 0px 0px 2px}
.abtbox .tit p{line-height:30px; font-size:13px; color:#666; text-transform:uppercase}
.abtbox img{width:390px; height:270px; float:left; margin-top:20px; opacity:0.8}
.abtbox .abtxx{width:720px; float:right;margin-top:20px;}
.abtbox .abtxx h3{font-size:24px; line-height:30px; text-shadow:0px 0px 3px #999999}
.abtbox .abtxx p{font-size:14px; line-height:26px; color:#333; text-indent:28px; margin-top:20px;}
.abtbox .abtxx a.abtn{width:180px; height:40px; line-height:40px; background-color:#999; font-size:16px; color:#FFF; display:block; text-align:center;transition:all ease-in-out 0.5s; margin-top:15px;}
.abtbox .abtxx a.abtn:hover{background-color:#333;}
@media screen and (min-width: 1399px) { 
   .abtbox .abtxx{width:820px; float:right;margin-top:20px;}
   .abtbox .abtxx h3{font-size:24px; line-height:30px; text-shadow:0px 0px 3px #999999}
   .abtbox .abtxx p{font-size:14px; line-height:27px; color:#333; text-indent:28px; margin-top:20px;}
}
@media screen and (min-width: 1599px) { 
   .abtbox .abtxx{width:960px; float:right;margin-top:20px;}
   .abtbox .abtxx h3{font-size:24px; line-height:30px; text-shadow:0px 0px 3px #999999}
   .abtbox .abtxx p{font-size:15px; line-height:32px; color:#333; text-indent:28px; margin-top:20px;}
}
@media screen and (min-width: 1900px) { 
   .abtbox .abtxx{width:1270px; float:right;margin-top:20px;}
   .abtbox .abtxx h3{font-size:24px; line-height:30px; text-shadow:0px 0px 3px #999999}
   .abtbox .abtxx p{font-size:16px; line-height:40px; color:#333; text-indent:32px; margin-top:20px;}
}
.contactbox{padding:45px 0px;}
.contactbox .tit{text-align:center; text-align:center; }
.contactbox .tit h3{font-size:28px; line-height:28px; color:#333; background:url(../images/titline.png) center center no-repeat;text-shadow:#999 0px 0px 2px}
.contactbox .tit p{line-height:30px; font-size:13px; color:#666; text-transform:uppercase}
.contactbox .lxbox{float:left;margin-top:10px; width:560px;}
.contactbox .lxbox h3{font-size:24px; line-height:30px; text-shadow:0px 0px 3px #999999;}
.contactbox .lxbox p{line-height:35px; font-size:20px; color:#666; margin-top:15px;}
.contactbox .lxbox p a{line-height:35px; font-size:20px; color:#666;}
.contactbox .lxbox p i{display:inline-block; float:left; width:35px; height:35px;  margin-right:10px;}
.contactbox .lxbox p i.i1{background:url(../images/telicon.jpg) center center no-repeat;background-size:100% 100%;}
.contactbox .lxbox p i.i2{background:url(../images/faxlicon.jpg) center center no-repeat;background-size:100% 100%;}
.contactbox .lxbox p i.i3{background:url(../images/emailicon.jpg) center center no-repeat;background-size:100% 100%;}
.contactbox .lxbox p i.i4{background:url(../images/weblicon.jpg) center center no-repeat;background-size:100% 100%;}
.contactbox .lxbox p i.i5{background:url(../images/weblicon.jpg) center center no-repeat;background-size:100% 100%;}
.contactbox .lxbox p i.i6{background:url(../images/addricon.jpg) center center no-repeat;background-size:100% 100%;}
.contactbox .lybox{ width:560px; float:right;}
.contactbox .lybox .hbox{ line-height:45px; height:45px; margin-top:20px;}
.contactbox .lybox .hbox1{ margin-top:20px;}
.contactbox .lybox .itxt{width:170px; float:left; border-bottom:#CCC solid 1px; margin-right:25px; line-height:45px; font-size:15px;transition:all ease-in-out 0.5s;}
.contactbox .lybox .itxt1{width:560px;border-bottom:#CCC solid 1px;line-height:35px; font-size:15px;transition:all ease-in-out 0.5s;}
.contactbox .lybox .itxt2{width:560px;border-bottom:#CCC solid 1px;line-height:35px; height:105px; font-size:15px;transition:all ease-in-out 0.5s;}
.contactbox .lybox .itxt:hover,.contactbox .lybox .itxt1:hover,.contactbox .lybox .itxt2:hover{border-bottom:#333 solid 1px;}
.contactbox .lybox .sbtn{width:180px; height:40px; line-height:40px; border:#CCC solid 1px;font-size:16px; color:#666; text-align:center;transition:all ease-in-out 0.5s; background-color:#FFF}
.contactbox .lybox .sbtn:hover{border:#333 solid 1px; color:#333}
@media screen and (min-width: 1399px) { 
   .contactbox .lybox{ width:660px; float:right;}
   .contactbox .lybox .itxt{width:203px; float:left; border-bottom:#CCC solid 1px; margin-right:25px; line-height:45px; font-size:15px;transition:all ease-in-out 0.5s;}
   .contactbox .lybox .itxt1{width:660px;border-bottom:#CCC solid 1px;line-height:35px; font-size:15px;transition:all ease-in-out 0.5s;}
   .contactbox .lybox .itxt2{width:660px;border-bottom:#CCC solid 1px;line-height:35px; height:105px; font-size:15px;transition:all ease-in-out 0.5s;}
   .contactbox .lybox .sbtn{width:200px; height:40px; line-height:40px; border:#CCC solid 1px;font-size:16px; color:#666; text-align:center;transition:all ease-in-out 0.5s; background-color:#FFF}

}
@media screen and (min-width: 1599px) { 
   .contactbox .lybox{ width:800px; float:right;}
   .contactbox .lybox .itxt{width:250px; float:left; border-bottom:#CCC solid 1px; margin-right:25px; line-height:45px; font-size:15px;transition:all ease-in-out 0.5s;}
   .contactbox .lybox .itxt1{width:800px;border-bottom:#CCC solid 1px;line-height:35px; font-size:15px;transition:all ease-in-out 0.5s;}
   .contactbox .lybox .itxt2{width:800px;border-bottom:#CCC solid 1px;line-height:35px; height:105px; font-size:15px;transition:all ease-in-out 0.5s;}
   .contactbox .lybox .sbtn{width:230px; height:40px; line-height:40px; border:#CCC solid 1px;font-size:16px; color:#666; text-align:center;transition:all ease-in-out 0.5s; background-color:#FFF}
}
@media screen and (min-width: 1900px) { 
   .contactbox .lybox{ width:1100px; float:right;}
   .contactbox .lybox .itxt{width:350px; float:left; border-bottom:#CCC solid 1px; margin-right:25px; line-height:45px; font-size:15px;transition:all ease-in-out 0.5s;}
   .contactbox .lybox .itxt1{width:1100px;border-bottom:#CCC solid 1px;line-height:35px; font-size:15px;transition:all ease-in-out 0.5s;}
   .contactbox .lybox .itxt2{width:1100px;border-bottom:#CCC solid 1px;line-height:35px; height:105px; font-size:15px;transition:all ease-in-out 0.5s;}
   .contactbox .lybox .sbtn{width:260px; height:40px; line-height:40px; border:#CCC solid 1px;font-size:16px; color:#666; text-align:center;transition:all ease-in-out 0.5s; background-color:#FFF}
}


.danyebox{ padding:0px 0px; background-color:rgba(51,51,51,0.6); text-align:center}
.danyebox a{display:block; font-size:14px; width:8.333%; margin:10px auto; float:left; color:#FFF}
.linker{ height:45px; line-height:45px; background-color:rgba(51,51,51,0.8); color:#FFF;}
.linker span{font-size:14px; font-weight:bold;}
.linker a{color:#FFF; font-size:14px; margin:0px 5px;}
.footer{height:150px; background-color:rgba(51,51,51,0.9)}
.footer .ewm{width:130px; height:130px; float:left}
.footer .ewm img{width:130px; height:130px; margin-top:10px;}
.footer .qknav{width:960px; float:right; margin-top:10px; }
.footer .qknav ul{height:30px; padding-bottom:10px}
.footer .qknav li{line-height:30px; float:left; width:80px;}
.footer .qknav li a{font-size:16px; color:#FFF;}
.footer .qknav p{line-height:30px;font-size:16px; color:#FFF;}
.footer .qknav p a{font-size:16px; color:#FFF;}
.footer .qknav p span{margin-right:20px;}
@media screen and (min-width: 1399px) { 
   .footer .qknav{width:1065px; float:right; margin-top:10px; }
   .footer .qknav li{line-height:30px; float:left; width:88px;}
}
@media screen and (min-width: 1599px) { 
   .footer .qknav{width:1200px; float:right; margin-top:10px; }
   .footer .qknav li{line-height:30px; float:left; width:100px;}
}
@media screen and (min-width: 1900px) { 
   .footer .qknav{width:1510px; float:right; margin-top:10px; }
   .footer .qknav li{line-height:30px; float:left; width:125px;}
}
/*悬浮链接*/
.suspension{position:fixed;z-index:55;left:0px;bottom:250px;width:70px;height:240px;}
.suspension-box{position:relative;float:left;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-search .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/sousou.png);background-repeat:no-repeat;background-position:0 0; background-size:100% 100%;}
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#666;display:none;}
.suspension .a-top:hover{background:#333;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;left:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;left:-8px;top:31px;}
.suspension .d-search{top:0px;}
.suspension .d-service{top:-10px;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d .sousuo{margin-top:20px;}
.suspension .d .sousuo .sstxt{line-height:30px; border-bottom:#CCC  solid 1px;}
.suspension .d .sousuo .ssbtn{width:40px; line-height:32px; height:32px; text-align:center;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}


.ibanner{height:250px; background-size:100% auto;}
.ibanner h3{text-align:center; font-size:24px; color:#FFF; line-height:250px; font-weight:bold; letter-spacing:10px;}
.main{ border-top:#CCC solid 1px; padding-top:10px; padding-bottom:20px;}
.main .mainleft{width:270px; float:left;}
.main .mainleft h3{font-size:20px; background:url(../images/title_line.jpg) left center no-repeat; padding-left:15px; height:45px; line-height:45px; border-bottom:#CCC solid 1px;}
.main .mainleft .fenlist{width:100%; margin-top:10px;}
.main .mainleft .fenlist ul li{line-height:38px; background:url(../images/jiahao.gif) 250px center no-repeat; border-bottom:#CCC dotted 1px;transition:all ease-in-out 0.5s;}
.main .mainleft .fenlist ul li a{ display:block; background:url(../images/left_sli.gif) left center no-repeat; padding-left:15px; font-size:14px; color:#666; transition:all ease-in-out 0.5s; letter-spacing:2px;}
.main .mainleft .fenlist ul li a:hover,.main .mainleft .fenlist ul li.cur a {color:#000;background:url(../images/left_sli2.gif) left center no-repeat;}
.main .mainleft .fenlist ul li:hover,.main .mainleft .fenlist ul li.cur{ border-bottom:#000 dotted 1px;}

.main .mainleft .lfcontact{margin-top:10px;}
.main .mainleft .lfcontact h4{font-size:16px; line-height:20px; margin:10px 0px; font-weight:bold}
.main .mainleft .lfcontact p{line-height:30px; font-size:14px; color:#666}
.main .mainleft .lfcontact p a{font-size:14px; color:#666;}
.main .mainright{width:850px; float:right; margin-top:10px; position:relative;}
.main .mainright .tit{font-size:20px;height:45px; line-height:45px; border-bottom:#CCC solid 1px; width:100%; background-color:#FFF}
.main .mainright .tit h3{background:url(../images/title_line.jpg) left center no-repeat; padding-left:15px;}
@media screen and (min-width: 1399px) { 
.main .mainright{width:955px; float:right; margin-top:10px; position:relative}
.main .mainright .tit{ box-sizing:content-box;font-size:20px; height:45px; line-height:45px; border-bottom:#CCC solid 1px; width:100%; background-color:#FFF}
} 
@media screen and (min-width: 1599px) { 
.main .mainright{width:1090px; float:right; margin-top:10px; position:relative}
.main .mainright .tit{ box-sizing:content-box;font-size:20px; height:45px; line-height:45px; border-bottom:#CCC solid 1px; width:100%; background-color:#FFF}
} 
@media screen and (min-width: 1900px) { 
.main .mainright{width:1400px; float:right; margin-top:10px; position:relative;}
.main .mainright .tit{ box-sizing:content-box;font-size:20px; height:45px; line-height:45px; border-bottom:#CCC solid 1px; width:100%; background-color:#FFF}
} 
.main .mainright .contenct{width:99%; margin:15px auto;}
.main .mainright .contenct h3.title{text-align:center; line-height:50px; font-size:20px;}
.main .mainright .contenct h4.title{text-align:right;margin-bottom:20px; line-height:30px; font-size:14px; color:#999; border-bottom:#CCC solid 1px;}
.main .mainright .contenct h4.title span{ margin-left:20px; }
.main .mainright .contenct .imgbox{text-align:center;}
.main .mainright .contenct .imgbox img{max-width:100%; margin:0px auto;}
.main .mainright .contenct p{line-height:30px; font-size:16px; color:#333; text-indent:32px;}
.main .mainright .fybox{line-height:40px; height:40px;}
.main .mainright .fybox p{line-height:40px; float:left; width:50%;}
.main .mainright .fybox p a{font-size:16px; color:#666;}

.main .mainright .zuzhibox{width:100%; margin:10px auto;}
.main .mainright .zuzhibox .zzbox{width:100%;box-sizing:border-box; border:#CCC solid 1px; padding:20px; margin-top:30px; border-radius:10px;transition:all ease-in-out 0.5s;}

.main .mainright .zuzhibox .zzbox:hover{box-shadow:#CCC 1px 1px 5px 5px}

.main .mainright .zuzhibox .zzbox .tuwenbox{width:35%; float:left; text-align:center}
.main .mainright .zuzhibox .zzbox .tuwenbox img{width:100%; margin-top:0px}
.main .mainright .zuzhibox .zzbox .tuwenbox h3{font-size:30px; line-height:40px; font-weight:bold; text-align:center}
.main .mainright .zuzhibox .zzbox .tuwenbox h3 span{color:#333; font-size:16px; margin-left:30px;}
.main .mainright .zuzhibox .zzbox .lx{ width:60%; float:right}
.main .mainright .zuzhibox .zzbox:nth-child(2n) .tuwenbox{float:right;}
.main .mainright .zuzhibox .zzbox:nth-child(2n) .lx{float:left;}
.main .mainright .zuzhibox .zzbox .lx p{line-height:30px; font-size:14px; color:#666; margin-top:15px; width:50%; float:left}
.main .mainright .zuzhibox .zzbox .lx p i{display:inline-block; float:left; width:30px; height:30px;  margin-right:10px;}
.main .mainright .zuzhibox .zzbox .lx p i.tel{background:url(../images/telicon.jpg) center center no-repeat;background-size:100% 100%;}
.main .mainright .zuzhibox .zzbox .lx p i.qq{background:url(../images/qqicon2.jpg) center center no-repeat;background-size:100% 100%;}
.main .mainright .zuzhibox .zzbox .lx p i.wx{background:url(../images/wxicon.jpg) center center no-repeat;background-size:100% 100%;}
.main .mainright .zuzhibox .zzbox .lx p i.fax{background:url(../images/faxlicon.jpg) center center no-repeat;background-size:100% 100%;}
.main .mainright .zuzhibox .zzbox .lx p i.addr{background:url(../images/addricon.jpg) center center no-repeat;background-size:100% 100%;}
.main .mainright .zuzhibox .zzbox .lx p i.dtime{background:url(../images/riqi.jpg) center center no-repeat;background-size:100% 100%;}
.main .mainright .zuzhibox .zzbox .lx p i.zuoji{background:url(../images/zuoji.jpg) center center no-repeat;background-size:100% 100%;}

@media screen and (min-width: 1399px) { 
.main .mainright .zuzhibox .zzbox .lx p{line-height:30px; font-size:16px; color:#666; margin-top:15px; width:50%; float:left}
.main .mainright .zuzhibox .zzbox .lx p i{display:inline-block; float:left; width:30px; height:30px;  margin-right:10px;}
} 
@media screen and (min-width: 1599px) { 
.main .mainright .zuzhibox .zzbox .lx p{line-height:35px; font-size:18px; color:#666; margin-top:15px; width:50%; float:left}
.main .mainright .zuzhibox .zzbox .lx p i{display:inline-block; float:left; width:35px; height:35px;  margin-right:10px;}
} 
@media screen and (min-width: 1900px) { 
.main .mainright .zuzhibox .zzbox .lx p{line-height:35px; font-size:20px; color:#666; margin-top:15px; width:50%; float:left}
.main .mainright .zuzhibox .zzbox .lx p i{display:inline-block; float:left; width:35px; height:35px;  margin-right:10px;}
} 

.main .mainright .zuzhibox .zzbox .lx p em{display:inline-block; float:left; width:35px; height:35px;  margin-right:10px;}
.main .mainright .zuzhibox .zzbox .lx p em.tel{background:url(../images/telicon.jpg) center center no-repeat;background-size:100% 100%;}
.main .mainright .zuzhibox .zzbox .lx p em.qq{background:url(../images/qqicon2.jpg) center center no-repeat;background-size:100% 100%;}
.main .mainright .zuzhibox .zzbox .lx p em.wx{background:url(../images/wxicon.jpg) center center no-repeat;background-size:100% 100%;}
.main .mainright .zuzhibox p{line-height:40px;}
.main .mainright .wenhuabox{width:100%; margin:10px auto;}
.main .mainright .wenhuabox .wbox{ box-sizing:border-box; background-color:#CCC; font-size:16px; margin-top:30px; line-height:50px;transition:all ease-in-out 0.5s;}
.main .mainright .wenhuabox .wbox span{display:block; background-color:#666; font-weight:bold; float:left; padding:0px 10px; line-height:50px; color:#FFF; margin-right:10px;}
.main .mainright .wenhuabox .wbox em{display:block; background-color:#666; font-weight:bold; float:left; padding:0px 10px; line-height:50px; color:#FFF; margin-right:10px;}
.main .mainright .wenhuabox .wboxs{box-sizing:border-box; background-color:#CCC; font-size:16px; margin-top:30px; line-height:30px; padding-right:15px; height:140px;transition:all ease-in-out 0.5s;}
.main .mainright .wenhuabox .wboxs p{ padding:10px 0px;}
.main .mainright .wenhuabox .wboxs span{display:block; background-color:#666; font-weight:bold; float:left; padding:0px 10px; line-height:140px; color:#FFF; margin-right:10px;}
.main .mainright .wenhuabox .wboxs em{display:block; background-color:#666; font-weight:bold; float:left; padding:0px 10px; line-height:140px; color:#FFF; margin-right:10px;}
@media screen and (min-width: 1399px) {
	.main .mainright .wenhuabox .wboxs{box-sizing:border-box; background-color:#CCC; font-size:16px; margin-top:30px; line-height:30px; padding-right:15px; height:110px;transition:all ease-in-out 0.5s;}
	.main .mainright .wenhuabox .wboxs em{display:block; background-color:#666; font-weight:bold; float:left; padding:0px 10px; line-height:110px; color:#FFF; margin-right:10px;}

 }
@media screen and (min-width: 1599px) { 
	.main .mainright .wenhuabox .wboxs{box-sizing:border-box; background-color:#CCC; font-size:16px; margin-top:30px; line-height:30px; padding-right:15px; height:110px;transition:all ease-in-out 0.5s;}
	.main .mainright .wenhuabox .wboxs em{display:block; background-color:#666; font-weight:bold; float:left; padding:0px 10px; line-height:110px; color:#FFF; margin-right:10px;}
}
@media screen and (min-width: 1900px) { 
    .main .mainright .wenhuabox .wboxs{box-sizing:border-box; background-color:#CCC; font-size:16px; margin-top:30px; line-height:30px; padding-right:15px; height:80px;transition:all ease-in-out 0.5s;}
	.main .mainright .wenhuabox .wboxs em{display:block; background-color:#666; font-weight:bold; float:left; padding:0px 10px; line-height:80px; color:#FFF; margin-right:10px;}
}
.main .mainright .wenhuabox .wbox:hover{background-color:#666; color:#FFF;}
.main .mainright .wenhuabox .wboxs:hover{background-color:#666; color:#FFF;}
.main .mainright .zizhibox{width:100%; margin:10px auto;}
.main .mainright .zizhibox li{float:left; width:400px; margin-top:30px; text-align:center; border:#CCC solid 1px; border-radius:10px;transition:all ease-in-out 0.5s;}
.main .mainright .zizhibox li:nth-child(2n){float:right;}
.main .mainright .zizhibox li:hover{border:#333 solid 1px;}
@media screen and (min-width: 1399px) { 
.main .mainright .zizhibox li{float:left; width:450px; margin-top:30px; text-align:center; margin-bottom:10px;}

}
@media screen and (min-width: 1599px) { 
.main .mainright .zizhibox li{float:left; width:500px; margin-top:30px; text-align:center;margin-bottom:20px;}
}
@media screen and (min-width: 1900px) { 
.main .mainright .zizhibox li{float:left; width:430px; margin-top:30px; text-align:center; margin-right:50px;}
.main .mainright .zizhibox li:nth-child(2n){float:left;}
.main .mainright .zizhibox li:nth-child(3n){float:right; margin-right:0px;}
}
.main .mainright .zizhibox li p{line-height:40px; font-size:16px; color:#666;}
.main .mainright .zizhibox li .bimg{width:400px;box-sizing:border-box; padding:20px; height:300px; text-align:center; margin:0px auto}
.main .mainright .zizhibox li img{ max-height:100%; max-width:100%; margin:0px auto; border-radius:10px;}

.main .mainright .newslist{width:100%; margin:10px auto;}
.main .mainright .newslist li{height:150px; margin-top:40px; padding-bottom:20px; border-bottom:#CCC dashed 1px;}
.main .mainright .newslist li .dtime{width:150px; height:150px; background-color:#333; color:#FFF; text-align:center; box-sizing:border-box; padding:0px 20px; float:left}
.main .mainright .newslist li .dtime h3{line-height:90px; font-size:50px;; border-bottom:#FFF solid 1px;}
.main .mainright .newslist li .dtime p{font-size:24px; line-height:50px;}
.main .mainright .newslist li .xx{width:670px; float:right;}
.main .mainright .newslist li .smimg{width:240px; float:right; height:150px; display:none}
.main .mainright .newslist li .smimg img{width:240px; height:150px; border-radius:15px;}
@media screen and (min-width: 1399px) { 
   .main .mainright .newslist li .xx{width:770px; float:right;}
}
@media screen and (min-width: 1599px) { 
   .main .mainright .newslist li .xx{width:620px; float:left; margin-left:40px;}
   .main .mainright .newslist li .smimg{width:240px; float:right; height:150px; display:block}
}
@media screen and (min-width: 1900px) { 
   .main .mainright .newslist li .xx{width:900px; float:left; margin-left:50px;}
   .main .mainright .newslist li .smimg{width:240px; float:right; height:150px; display:block}
}
.main .mainright .newslist li .xx h3{font-size:20px; line-height:40px;}
.main .mainright .newslist li .xx p{font-size:14px; color:#666; line-height:25px; text-indent:28px;}
.main .mainright .newslist li .xx a{display:block; width:100px; height:30px; line-height:30px; background-color:#666; color:#FFF; font-size:14px; text-align:center; float:right;transition:all ease-in-out 0.5s;}
.main .mainright .newslist li .xx a:hover{background-color:#000; width:120px;}

.main .mainright .productlist{width:100%; margin:10px auto;}
.main .mainright .productlist li{float:left; margin-right:40px; margin-top:20px;}
.main .mainright .productlist li a.aimg{width:253px; height:253px; overflow:hidden; border:#CCC solid 1px; display:block; border-radius:5px;transition:all ease-in-out 0.5s}
.main .mainright .productlist li a img{width:253px; height:253px;transition:all ease-in-out 0.5s}
.main .mainright .productlist li:nth-child(3n){margin-right:0px; float:right}

.main .wuliulist{width:100%; margin:10px auto;}
.main .wuliulist li{float:left; margin-right:45px; margin-top:20px;width:300px; height:200px;overflow:hidden; position:relative;border:#CCC solid 1px;border-radius:5px;}
.main .wuliulist li:nth-child(3n){margin-right:0px; float:right}
.main .wuliulist li a.aimg{width:300px; height:200px;   display:block; }
.main .wuliulist li a img{width:300px; height:200px;transition:all ease-in-out 0.5s}
.main .wuliulist li a:hover img{transform:scale(1.1)}
.main .wuliulist li p{line-height:30px; text-align:center; position:absolute; width:300px; background-color:rgba(51,51,51,0.7);bottom:0px; color:#FFF}
@media screen and (min-width: 1399px) { 
   .main .mainright .productlist li{float:left; margin-right:65px; margin-top:20px;}
   .main .mainright .productlist li a.aimg{width:270px; height:270px; overflow:hidden; border:#CCC solid 1px; display:block; border-radius:5px;transition:all ease-in-out 0.5s}
   .main .mainright .productlist li a img{width:270px; height:270px;transition:all ease-in-out 0.5s}
   .main .wuliulist li{ margin-right:95px;}
   .main .wuliulist li:nth-child(3n){margin-right:0px; float:right}
}
@media screen and (min-width: 1599px) { 
   .main .mainright .productlist li{float:left; margin-right:27px; margin-top:20px;}
   .main .mainright .productlist li a.aimg{width:250px; height:250px; overflow:hidden; border:#CCC solid 1px; display:block; border-radius:5px;transition:all ease-in-out 0.5s}
   .main .mainright .productlist li a img{width:250px; height:250px;transition:all ease-in-out 0.5s}
   .main .mainright .productlist li:nth-child(3n){margin-right:27px; float:left}
   .main .mainright .productlist li:nth-child(4n){margin-right:0px; float:right}
   .main .wuliulist li{ margin-right:10px;}
   .main .wuliulist li:nth-child(3n){margin-right:10px; float:left}
   .main .wuliulist li:nth-child(4n){margin-right:0px; float:right}
}
@media screen and (min-width: 1900px) { 
   .main .mainright .productlist li{float:left; margin-right:63px; margin-top:20px; margin-bottom:10px;}
   .main .mainright .productlist li a.aimg{width:300px; height:300px; overflow:hidden; border:#CCC solid 1px; display:block; border-radius:5px;transition:all ease-in-out 0.5s}
   .main .mainright .productlist li a img{width:300px; height:300px;transition:all ease-in-out 0.5s}
   .main .mainright .productlist li:nth-child(3n){margin-right:63px; float:left}
   .main .mainright .productlist li:nth-child(4n){margin-right:0px; float:right}
   .main .wuliulist li{ margin-right:10px;}
   .main .wuliulist li:nth-child(3n){margin-right:10px; float:left}
   .main .wuliulist li:nth-child(4n){margin-right:10px; float:left}
   .main .wuliulist li:nth-child(5n){margin-right:0px; float:right}
}
.main .mainright .productlist li p{line-height:35px; text-align:center; font-size:14px; color:#666;transition:all ease-in-out 0.5s}
.main .mainright .productlist li a.aimg:hover {border:#000 solid 1px;}
.main .mainright .productlist li a:hover img{transform:scale(1.1)}
.main .mainright .productlist li a:hover p{color:#000;}
.main .mainright .downlist{width:100%; margin:10px auto;}
.main .mainright .downlist li{padding:10px; border:#CCC solid 1px; height:110px; width:390px; float:left; margin-bottom:20px;}
.main .mainright .downlist li:nth-child(2n){float:right;}
.main .mainright .downlist img.bimg{ width:100px; height:110px;float:left}
.main .mainright .downlist li .dx{float:left; margin-left:10px; width:280px;}
@media screen and (min-width: 1399px) { 
.main .mainright .downlist li{padding:10px; border:#CCC solid 1px; height:110px; width:440px; float:left; margin-bottom:20px;}
.main .mainright .downlist li:nth-child(2n){float:right;}
.main .mainright .downlist li .dx{float:left; margin-left:10px; width:330px;}
}
@media screen and (min-width: 1599px) { 
.main .mainright .downlist li{padding:10px; border:#CCC solid 1px; height:110px; width:510px; float:left; margin-bottom:20px;}
.main .mainright .downlist li:nth-child(2n){float:right;}
.main .mainright .downlist li .dx{float:left; margin-left:10px; width:400px;}
}
@media screen and (min-width: 1900px) { 
.main .mainright .downlist li{padding:10px; border:#CCC solid 1px; height:110px; width:420px; float:left; margin-bottom:20px; margin-right:35px;}
.main .mainright .downlist li:nth-child(2n){float:left;}
.main .mainright .downlist li:nth-child(3n){float:right; margin-right:0px;}
.main .mainright .downlist li .dx{float:left; margin-left:10px; width:310px;}
}
.main .mainright .downlist li .dx h3{font-size:16px; line-height:30px; overflow:hidden; white-space:nowrap;text-overflow: ellipsis; border-bottom:#CCC dashed 1px;}
.main .mainright .downlist li .dx p{line-height:30px; color:#666; font-size:13px; margin-top:10px;}
.main .mainright .downlist li .dx p span{margin-right:20px}
.main .mainright .downlist li .dx a{display:block; width:100px; line-height:28px; color:#FFF; text-align:center; background-color:#666; float:right; margin-top:7px;transition:all ease-in-out 0.5s}
.main .mainright .downlist li .dx a:hover{background-color:#000; width:120px;}
.main .mainright .gbookbox{width:100%; margin:33px auto;}
.main .mainright .gbookbox .itxt{width:400px; float:left; border-bottom:#CCC solid 1px; margin-bottom:10px; line-height:45px; font-size:15px;transition:all ease-in-out 0.5s;}
.main .mainright .gbookbox .itxt:nth-child(2n){float:right;}
.main .mainright .gbookbox .itxt1{width:100%;border-bottom:#CCC solid 1px;line-height:45px; margin-bottom:10px; font-size:15px;transition:all ease-in-out 0.5s;}
@media screen and (min-width: 1399px) { 
   .main .mainright .gbookbox .itxt{width:450px; float:left; border-bottom:#CCC solid 1px; line-height:45px; font-size:15px;transition:all ease-in-out 0.5s;}
   .main .mainright .gbookbox .itxt:nth-child(2n){float:right;}
}
@media screen and (min-width: 1599px) { 
   .main .mainright .gbookbox .itxt{width:340px; float:left; border-bottom:#CCC solid 1px; margin-right:40px; line-height:45px; font-size:15px;transition:all ease-in-out 0.5s;}
   .main .mainright .gbookbox .itxt:nth-child(2n){float:left;}
   .main .mainright .gbookbox .itxt:nth-child(3n){float:right; margin-right:0px;}
   .main .mainright .gbookbox .itxt1{width:710px;border-bottom:#CCC solid 1px;line-height:45px; margin-bottom:10px; font-size:15px;transition:all ease-in-out 0.5s; float:right}

}
@media screen and (min-width: 1900px) { 
   .main .mainright .gbookbox .itxt{width:440px; float:left; border-bottom:#CCC solid 1px; margin-right:40px; line-height:45px; font-size:15px;transition:all ease-in-out 0.5s;}
   .main .mainright .gbookbox .itxt:nth-child(2n){float:left;}
   .main .mainright .gbookbox .itxt:nth-child(3n){float:right; margin-right:0px;}
   .main .mainright .gbookbox .itxt1{width:920px;border-bottom:#CCC solid 1px;line-height:45px; margin-bottom:10px; font-size:15px;transition:all ease-in-out 0.5s; float:right}
}
.main .mainright .gbookbox .itxt2{width:100%;border-bottom:#CCC solid 1px;line-height:35px; height:105px; font-size:15px;transition:all ease-in-out 0.5s; margin-bottom:30px;}
.main .mainright .gbookbox .itxt:hover,.main .mainright .gbookbox .itxt1:hover,.main .mainright .gbookbox .itxt2:hover{border-bottom:#333 solid 1px;}
.main .mainright .gbookbox .sbtn{width:180px; height:40px; line-height:40px; border:#CCC solid 1px;font-size:16px; color:#666; text-align:center;transition:all ease-in-out 0.5s; background-color:#FFF; margin-right:30px;}
.main .mainright .gbookbox .sbtn:hover{border:#333 solid 1px; color:#333}
.main .mainright .contactbox{width:100%; margin:10px auto;}
.main .mainright .contactbox .ctbox{box-sizing:border-box; padding:20px; border:#666 solid 1px; border-radius:10px; position:relative; margin-bottom:60px;transition:all ease-in-out 0.5s; float:left; width:100%;}
.main .mainright .contactbox .ctbox:nth-child(2n){float:right;}
.main .mainright .contactbox .ctbox:hover{border-color:#000;}
.main .mainright .contactbox .ctbox .tits{width:120px; padding:0px 20px; text-align:center; height:40px; line-height:40px; background-color:#323232; border-radius:5px; color:#FFF; font-size:16px; position:absolute; top:-20px}
.main .mainright .contactbox .ctbox p{line-height:35px;font-size:20px; color:#666; margin-top:20px;}
.main .mainright .contactbox .ctbox p.lxp{display:block; float:left; width:100%;}
.main .mainright .contactbox .ctbox p a{ font-size:20px; color:#666;}
.main .mainright .contactbox .ctbox p span{margin-right:0px; text-align:left;display:block}
.main .mainright .contactbox .ctbox p i{display:inline-block; float:left; width:35px; height:35px;  margin-right:10px;}
.main .mainright .contactbox .ctbox p i.tx{background:url(../images/touicon.jpg) center center no-repeat;background-size:100% 100%;}
.main .mainright .contactbox .ctbox p i.sj{background:url(../images/telicon.jpg) center center no-repeat;background-size:100% 100%;}
.main .mainright .contactbox .ctbox p i.zj{background:url(../images/zuoji.jpg) center center no-repeat;background-size:100% 100%;}
.main .mainright .contactbox .ctbox p i.qq{background:url(../images/qqicon2.jpg) center center no-repeat;background-size:100% 100%;}
.main .mainright .contactbox .ctbox p i.wx{background:url(../images/wxicon.jpg) center center no-repeat;background-size:100% 100%;}
.main .mainright .contactbox .ctbox p i.cz{background:url(../images/faxlicon.jpg) center center no-repeat;background-size:100% 100%;}
.main .mainright .contactbox .ctbox p i.wz{background:url(../images/weblicon.jpg) center center no-repeat;background-size:100% 100%;}
.main .mainright .contactbox .ctbox p i.yb{background:url(../images/emailicon.jpg) center center no-repeat;background-size:100% 100%;}
.main .mainright .contactbox .ctbox p i.dz{background:url(../images/addricon.jpg) center center no-repeat;background-size:100% 100%;}
.main .mainright .contactbox .ctbox p em{display:inline-block; float:left; width:35px; height:35px;  margin-right:10px;}
.main .mainright .contactbox .ctbox p em.tx{background:url(../images/touicon.jpg) center center no-repeat;background-size:100% 100%;}
.main .mainright .contactbox .ctbox p em.zj{background:url(../images/telicon.jpg) center center no-repeat;background-size:100% 100%;}
.main .mainright .contactbox .ctbox p em.qq{background:url(../images/qqicon2.jpg) center center no-repeat;background-size:100% 100%;}
.main .mainright .contactbox .ctbox p em.wx{background:url(../images/wxicon.jpg) center center no-repeat;background-size:100% 100%;}
.main .mainright .contactbox .ctbox p em.cz{background:url(../images/faxlicon.jpg) center center no-repeat;background-size:100% 100%;}
.main .mainright .contactbox .ctbox p em.wz{background:url(../images/weblicon.jpg) center center no-repeat;background-size:100% 100%;}
.main .mainright .contactbox .ctbox p em.yb{background:url(../images/emailicon.jpg) center center no-repeat;background-size:100% 100%;}
.main .mainright .contactbox .ctbox p em.dz{background:url(../images/addricon.jpg) center center no-repeat;background-size:100% 100%;}
.main .mainright .productpirce{width:100%; margin:10px auto;}
.main .mainright .productpirce .tprice{width:100%; border:#FFF solid 1px; border-collapse:collapse;}
.main .mainright .productpirce .tprice th{background-color:#666; color:#FFF; font-size:14px; line-height:40px; border:#FFF solid 1px;}
.main .mainright .productpirce .tprice td{font-size:13px; line-height:35px; border:#FFF solid 1px; text-align:center; background-color:#F2F2F2}
.main .mainright .productpirce .tprice td i{cursor:pointer;}
.main .mainright .productpirce .tprice tr:nth-child(2n) td{background-color:#F7F7F7;}
.main .mainright .productpirce .tprice tr:hover td{background-color:#CCC;}

.main .pages{line-height:40px; width:100%; text-align:center; font-size:14px}
.main .pages a{line-height:30px; margin:0px 5px; font-size:14px; display:inline-block; border:#CCC solid 1px; padding:0px 2px; background-color:#CCC}
.main .pages span{line-height:30px; margin:0px 5px; font-size:14px; display:inline-block; border:#CCC solid 1px; padding:0px 2px; background-color:#CCC}
.main .pages span.cur{background-color:#333; color:#FFF;}

.main .userleft{width:140px; float:left; min-height:350px;}
.main .userleft h3{font-size:16px; color:#FFF; background-color:#333; line-height:45px; box-sizing:border-box; padding-left:10px;}
.main .userleft h3 i{margin-right:5px;}
.main .userleft li{line-height:40px; border-bottom:#CCC dashed 1px;}
.main .userleft li a{font-size:13px; display:block;padding-left:10px;transition:all ease-in-out 0.5s;}
.main .userleft li a i{margin-right:5px;}
.main .userleft li a:hover,.main .userleft li a.cur{color:#FFF; background-color:#666;}
.main .userright{width:1000px; float:right;}

.main .userright .tit{font-size:18px; color:#333; line-height:45px; height:45px; box-sizing:border-box; border-bottom:#999 solid 1px;}
.main .userright .tit a.delall{float:right; display:block; line-height:45px; height:45px; font-size:15px; color:#FFF; background-color:#666; padding:0px 10px; border-radius:5px 5px 0px 0px; transition:all ease-in-out 0.5s}
.main .userright .tit a.delall:hover{background-color:#000;}
.main .userright .tit i{font-size:20px; margin-right:5px;}
.main .userright .ucenterbox{width:100%; margin-top:20px;}
.main .userright .ucenterbox p{width:48%; float:left; line-height:50px; font-size:16px; border-bottom:#CCC dotted 1px;}
.main .userright .ucenterbox p:nth-child(2n){float:right;}
.main .userright .ucenterbox p span{color:#000; font-weight:bold; margin-right:5px;}
.main .userright .ucenterbox p a{display:block; height:130px; padding:10px 0px; float:left; margin-top:10px; position:relative; margin-right:10px;}
.main .userright .ucenterbox p a img{height:100%}
.main .userright .ucenterbox p a em{ position:absolute; width:100%; height:30px; line-height:30px; bottom:10px; background-color:rgba(102,102,102,0.7); text-align:center; left:0px; color:#FFF}
.main .userright .usercarts{width:100%; margin-top:10px;}
.main .userright .usercarts .mycarts{width:100%; border:#FFF solid 1px; border-collapse:collapse;}
.main .userright .usercarts .mycarts th{background-color:#666; color:#FFF; font-size:14px; line-height:40px; border:#FFF solid 1px;}
.main .userright .usercarts .mycarts tr.mx th{background-color:#E3E3E3; color:#000; font-size:14px; line-height:40px; border:#FFF solid 1px;}
.main .userright .usercarts .mycarts tr.hz th{background-color:#CCC; color:#000; font-size:14px; line-height:40px; border:#FFF solid 1px;}
.main .userright .usercarts .mycarts td{font-size:13px; line-height:35px; border:#FFF solid 1px; text-align:center; background-color:#F2F2F2}
.main .userright .usercarts .mycarts td i{cursor:pointer;}
.main .userright .usercarts .mycarts tr:nth-child(2n) td{background-color:#F7F7F7;}
.main .userright .usercarts .mycarts tr:hover td{background-color:#CCC;}
.main .userright .usercarts .mycarts tr.cur td{background-color:#CCC;}
.main .userright .usercarts .mycarts tr.hbtit td{background-color:#F60; font-size:16px; color:#FFF}
.main .userright .usercarts .mycarts tr.shiyong td{background-color:#0C0; color:#FFF;}
.main .userright .usercarts .mycarts td li{float:left; margin-left:10px; background:url(../images/check0.png) left center no-repeat; background-size:auto 60%; cursor:pointer; padding-left:25px; color:#000}
.main .userright .usercarts .mycarts td li.cur{background:url(../images/check1.png) left center no-repeat; background-size:auto 60%;}
.main .userright .usercarts .mycarts span{float:right; margin-right:10px; font-size:14px; font-weight:bold}
.main .userright .usercarts .mycarts span em{color:#F00; margin:0px 5px; font-size:16px;}
.main .userright .usercarts .caozuo{text-align:right; height:40px; margin-top:10px;}
.main .userright .usercarts .caozuo a{display:inline-block; width:120px; height:35px; line-height:35px; border-radius:5px; background-color:#666; color:#FFF; font-size:14px; text-align:center; margin-left:10px;transition:all ease-in-out 0.5s;}
.main .userright .usercarts .caozuo a i{margin-right:5px;}
.main .userright .usercarts .caozuo a:hover{background-color:#000;}
.main .userright .usercarts .caozuo .abtn{ cursor:pointer;display:inline-block; width:120px; height:35px; line-height:35px; border-radius:5px; background-color:#666; color:#FFF; font-size:14px; text-align:center; margin-left:10px;transition:all ease-in-out 0.5s;}
.main .userright .usercarts .caozuo .abtn i{margin-right:5px;}
.main .userright .usercarts .caozuo .abtn:hover{background-color:#000;}
.main .userright .usercarts h4{font-size:16px; line-height:40px; margin-left:1px; background-color:#000; text-align:center; color:#FFF; opacity:0.7}

@media screen and (min-width: 1399px) {
	.main .userright{width:1100px; float:right;} 
	/*.main .userright .ucenterbox p{width:500px; float:left; line-height:50px; font-size:16px; border-bottom:#CCC dotted 1px;}*/
	.main .mainright .contactbox .ctbox p {font-size:20px;}

}
@media screen and (min-width: 1599px) {
	.main .userright{width:1240px; float:right;} 
	/*.main .userright .ucenterbox p{width:570px; float:left; line-height:50px; font-size:16px; border-bottom:#CCC dotted 1px;}*/
	.main .mainright .contactbox .ctbox{box-sizing:border-box; padding:20px; border:#666 solid 1px; border-radius:10px; position:relative; margin-bottom:60px;transition:all ease-in-out 0.5s; float:left; width:48%;}
	.main .mainright .contactbox .ctbox p {font-size:15px; margin-top:5px;}
	
}
@media screen and (min-width: 1900px) {
	.main .userright{width:1550px; float:right;} 
	/*.main .userright .ucenterbox p{width:725px; float:left; line-height:50px; font-size:16px; border-bottom:#CCC dotted 1px;}*/
	.main .mainright .contactbox .ctbox{box-sizing:border-box; padding:20px; border:#666 solid 1px; border-radius:10px; position:relative; margin-bottom:60px;transition:all ease-in-out 0.5s; float:left; width:48%;}
.main .mainright .contactbox .ctbox:nth-child(2n){float:right;}
	.main .mainright .contactbox .ctbox p {font-size:20px; margin-top:20px;}
}

.sousuobox{height:40px; padding:10px 0px; text-align:center; position:absolute;left:0px;width:100%; background-color:rgba(51,51,51,0.6); z-index:9999; top:65px; display:none}
.sousuobox .sstxt{ width:70%;ipadding-left:10px;float:left;line-height:38px; height:38px; border:#CCC solid 1px; border-radius:5px 0px 0px 5px; transition:all ease-in-out 0.5s; text-indent:15px;margin-left:13% }
.sousuobox .sstxt:hover{border-color:#999; }
.sousuobox .ssbtn{height:40px; width:50px; float:left;background:url(../images/sousou.png) center center no-repeat; background-color:#999;border-radius:0px 5px 5px 0px; cursor:pointer;transition:all ease-in-out 0.5s}
.sousuobox .ssbtn:hover{background-color:#666;}


.hongbaobox{position:fixed;z-index:9999; width:340px; height:370px; right:0px;bottom:0px; display:none}
.hongbaobox .hbbox{position:relative; width:100%}
.hongbaobox img{width:100%;}
.hongbaobox .iclose{position:absolute; top:0px; right:0px; width:35px; height:35px;background:url(../images/iconclose.png) center center no-repeat; background-size:90% 90%; border:#CCC solid 2px; border-radius:50%}

.smhbbox{width:100px;position:fixed; z-index:999; left:0px; bottom:0px; opacity:0.8; transition:all ease-in-out 0.5s}
.smhbbox img{width:100%;}

.guanggaobox{ position:fixed;z-index:9999; width:262px; height:321px;z-index:9999;right:-262px; bottom:0px; }
.guanggaobox img{width:260px; height:100px; border:#CCC solid 1px; border-radius:5px; margin-bottom:5px; display:block; margin-left:-85px;transition:all ease-in-out 0.5s}
.guanggaobox img:hover{ margin-left:-270px;}


.doudou{width:80px; height:80px; background:url(../images/qipao.png) center center no-repeat; background-size:100% 100%; position:fixed; right:0px; top:30px; z-index:99999; text-align:center; cursor:pointer; animation:rotatefresh 3s infinite linear;}
.doudou p{line-height:20px; margin-top:20px; font-weight:bold; color:#FF0}
@keyframes rotatefresh {
	0%{ transform:scale(0.7);opacity:0.6}
	50%{transform:scale(1.1);opacity:1}
	100%{transform:scale(0.7);opacity:0.6}
}

.jianglibox{background-color:rgba(0,0,0,0.6); position:fixed; left:0; top:0; z-index:999999; width:100%; height:100%}
.jianglibox .jlbox{width:300px; height:388px; background:url(../images/lingdou.png) center center no-repeat;background-size:100% 100%; position:fixed; left:50%; top:50%; margin-left:-150px; margin-top:-194px; text-align:center; color:#fffc00; font-weight:bold;animation:jianglifresh 3s infinite linear; cursor:pointer} 
.jianglibox .jlbox h3{font-size:24px; margin-top:50px; line-height:90px;}
.jianglibox .jlbox p{font-size:14px; line-height:25px;}
.jianglibox .jlbox p em{font-size:22px; margin:0px 2px;}
@keyframes jianglifresh {
	0%{ transform:scale(0.9);}
	50%{transform:scale(1.1);}
	100%{transform:scale(0.9);}
}

.websitebox{width:100%; margin-top:20px;}
.websitebox .putbox{width:30%; height:45px; float:left; margin-left:3.3%; text-align:left; position:relative; margin-bottom:30px; margin-top:20px;}
.websitebox .putbox span{line-height:45px; color:#F00; font-size:14px;}
.websitebox .putbox input{width:100%; height:45px; box-sizing:border-box; border:#CCC solid 1px; border-radius:5px; line-height:45px; font-size:14px; padding-left:10px;}
.websitebox .putbox label{font-size:14px; position:absolute; line-height:45px; left:10px; top:0px;}
.websitebox .putbox input.input-cur{border:#3CF solid 1px;}
.websitebox .pubxx{width:96%; height:170px; float:left; margin-left:3.3%; text-align:left; position:relative; margin-bottom:30px; margin-top:20px;}
.websitebox .pubxx{font-size:16px; line-height:45px;}
.websitebox .pubxx textarea{width:100%; height:120px; box-sizing:border-box; border:#CCC solid 1px; border-radius:5px; line-height:30px; font-size:14px; padding-left:10px;}
.websitebox .sbtn{width:20%; height:45px; line-height:45px; border-radius:5px; background-color:#F60; margin-left:3.3%; font-size:16px; color:#FFF}