<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">*{margin:0;padding:0}
body{font-family:"å¾®è½¯é›…é»‘","microsoft yahei";font-size:14px;}
body,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:inherit}
ol,ul{list-style-type:none}
ol,p,ul{text-justify:inter-ideograph;}
a,a:visited{outline:0;text-decoration:none}
a:hover{outline:0;text-decoration:none}
a:focus{outline:0;text-decoration:none}
li{list-style:none}
textarea:focus{outline:0}
.btn.active.focus,.btn.active:focus,.btn.focus,.btn.focus:active,.btn:active:focus,.btn:focus{outline:0}
.clear{clear:both;overflow:hidden;height:0}
.clearfix{zoom:1}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"."}
ol,ul{list-style:none}
a:hover{color:#fff;text-decoration:underline}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
img{width:100%}
/*img{max-width:100%}*/
.ttu{text-transform:uppercase}
.colorBurn:hover{box-shadow:200px 200px 500px rgba(255,255,255,.15) inset}
.colorDodge:hover{box-shadow:200px 200px 500px rgba(0,0,0,.15) inset}
.left{float:left}
.lright{float:left}
.right{float:right}
a{color:#333}
input{}
dl{margin-bottom:0}
button{padding:6px 40px;border:1px solid #EBEBEB;border-radius:50px;background:#fff}
.btn{border:none}
input,textarea{padding:3px 10px;border:1px solid #dedede}
textarea{resize:none}
.wrapper{position:relative;display:block;overflow:hidden;width:100%}
dt{font-weight:400}
em{display:inline-block;vertical-align:middle}
.h1,.h2,.h3,h1,h2,h3{margin-top:0;margin-bottom:0}
.inline-block{display:inline-block}
.sprite{background:url(img/sprite.png) no-repeat;}
/*.w1200{width: 1200px;margin: 0 auto;}*/
.text-center{text-align: center;}
.block{display: block;}
.inline-block{display: inline-block;}
.w100{width: 100%;display: block;overflow: hidden;}
#map img{max-width: initial;}

.banner{text-align: center;}

.header01{width: 100%;height: 40px;background: #000;line-height: 40px;color: #fff;}
.header01 .left {color: #727272;}
.header01 .left a{color: #727272;font-size: 12px;margin: 0 3px;}
.header01 a.cur_lang{color: #be9f6d;}
.header01 .right .share{display: inline-block;}
.header01 .right .sprite{width: 30px;height: 30px;}
.header01 .right .weibo{background-position: 0 0;}
.header01 .right .weixin{background-position: -38px 0;}
.header01 .right .qqkj{background-position: -73px 0;}
.header01 .right .txwb{background-position: -108px 0;}
.header01 .right a:hover .weibo{background-position: 0 -36px;}
.header01 .right a:hover .weixin{background-position: -38px -36px;}
.header01 .right a:hover .qqkj{background-position: -73px -36px;}
.header01 .right a:hover .txwb{background-position: -108px -36px;}
.header01 .right .searchBox{float: right;margin-left: 10px;display: inline-block;}
.header01 .right .searchInput{width: 220px;height: 22px;display: inline-block;vertical-align: middle; border-radius: 15px;background: #4b4b4b;position: relative;}
.header01 .right .searchInput input{width: 100%;height: 22px;vertical-align: top; border: none;background: none;color: #fff;padding: 0 20px 0 15px;}
.header01 .right #searchBtn{background-position: -151px 0;width: 18px;height: 20px;position: absolute;right: 6px; top: 1px;}
.header01 .right #searchBtn:hover{background-position: -151px -37px;}


footer .share .sprite{width: 30px;height: 30px;}
footer .share .weibo{background-position: 0 0;}
footer .share .weixin{background-position: -38px 0;}
footer .share .qqkj{background-position: -73px 0;}
footer .share .txwb{background-position: -108px 0;}
footer .share a:hover .weibo{background-position: 0 -36px;}
footer .share a:hover .weixin{background-position: -38px -36px;}
footer .share a:hover .qqkj{background-position: -73px -36px;}
footer .share a:hover .txwb{background-position: -108px -36px;}


.category {position:relative;max-width:900px;margin:0 auto 45px;border-bottom:1px solid #e5e5e5;text-align:center}
.category ul {display:inline-block}
.category ul li {display:inline-block;position:relative}
.category ul li span {display:block;padding:0 30px;height:25px;font-size:14px;letter-spacing:2px;line-height:25px;color:#a6a6a6;text-align:center;cursor:pointer}
.category ul li.active span {color:#000}
.category ul li.active::before {content:"";display:block;position:absolute;width:100%;height:1px;background:#000;bottom:-1px}
.category ul li.active::after {content:"";display:block;position:absolute;width:0;height:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);border-width:8px;border-style:solid;border-color:#000 transparent transparent}

.Box{position:relative}
.Box .con{width:794px;margin:0 auto}
.Box .Box_con{position:relative}
.Box .Box_con .btnl{position:absolute}
.Box .Box_con .btn{display:block;width:41px;height:41px;position:absolute;top:80px;cursor:pointer}
.Box .Box_con .btnl{background:url(img/jtl02.png) no-repeat center;left:-72px}
.Box .Box_con .btnr{background:url(img/jtr02.png) no-repeat center;right:-72px}
.Box .Box_con .btnl:hover{background:url(img/jtl03.png) no-repeat center}
.Box .Box_con .btnr:hover{background:url(img/jtr03.png) no-repeat center}
.Box .Box_con .conbox{position:relative;overflow:hidden}
.Box .Box_con .conbox ul{position:relative;list-style:none}
.Box .Box_con .conbox ul li{float:left;width:238px; text-align:center;margin-left:20px;overflow:hidden}
.Box .Box_con .conbox ul li:first-child{margin-left:0}
.Box .Box_con .conbox ul li img{display:block;width:238px;height:238px;transition:all .5s}
.Box .Box_con .conbox ul li:hover img{transform:scale(1.1)}
.Box .BoxSwitch{margin-top:30px;text-align:center}
.Box .BoxSwitch span{display:inline-block;vertical-align:middle;width:30px;height:3px;background:#ccc;margin:0 5px;cursor:pointer}
.Box .BoxSwitch span.cur{background:red}


.hpro{position:relative}
.hpro .con{width:1200px;margin:0 auto}
.hpro .hpro_con{position:relative}
.hpro .hpro_con .btnl{position:absolute}
.hpro .hpro_con .btn{display:block;width:41px;height:41px;position:absolute;top:230px;cursor:pointer}
.hpro .hpro_con .btnl{background:url(img/jtl02.png) no-repeat center;left:-72px}
.hpro .hpro_con .btnr{background:url(img/jtr02.png) no-repeat center;right:-72px}
.hpro .hpro_con .btnl:hover{background:url(img/jtl03.png) no-repeat center}
.hpro .hpro_con .btnr:hover{background:url(img/jtr03.png) no-repeat center}
.hpro .hpro_con .conhpro{position:relative;overflow:hidden}
.hpro .hpro_con .conhpro ul{position:relative;list-style:none}
.hpro .hpro_con .conhpro ul li{float:left;width:380px; text-align:center;margin-left:20px;overflow:hidden}
.hpro .hpro_con .conhpro ul li:first-child{margin-left:0}
.hpro .hpro_con .conhpro ul li img{display:block;width:100%;height:100%;transition:all .5s}
.hpro .hpro_con .conhpro ul li:hover img{transform:scale(1.1)}
.hpro .hproSwitch{margin-top:30px;text-align:center}
.hpro .hproSwitch span{display:inline-block;vertical-align:middle;width:30px;height:3px;background:#ccc;margin:0 5px;cursor:pointer}
.hpro .hproSwitch span.cur{background:red}

@media screen and (max-width: 768px) {
.hpro .con{width:400px;margin:0 auto}
.hpro .hpro_con .conhpro ul li{float:left;width:340px; text-align:center;margin-left:20px;overflow:hidden}
	
}


.content{width: 100%;height: auto;margin-top: 60px;display: none;}
.content.active{display: block;}

.header02 .nav li{
    width: 120px;
    padding-right: 22px;
    float: left;
    text-align: center;
   background-color: #FFF;
}
 .header02 .nav li a {  
    width: 100px;
    height: 40px;
    display: block;
    font-size: 14px;
    color: #000;}
    .header02 .nav li a:hover {  
    width: 100px;
    height: 40px;
    display: block;
    font-size: 14px;
    color: #3399ff;
        border-bottom: 4px solid #3399ff;
    }

.header02{}
.header02 .logo{}
.header02 .nav{}
.header02 .nav .navlist{font-size: 0;padding-bottom: 20px;}
.header02 .nav .navlist li{display: inline-block;padding: 0px 35px;font-size: 14px;position: relative;}
.header02 .nav .navlist li a{display: block;font-size: 16px;height: 45px;line-height: 45px; color:#666}
.header02 .nav .navlist &gt; li a.cur,
.header02 .nav .navlist &gt; li:hover &gt; a{color: #000;border-bottom: 2px solid #000;text-decoration: none;}
.header02 .nav .navlist .sonNav{width: 400px; display: none;position: absolute;left: 30px;top: 45px;z-index: 55;background: #fff;padding: 18px; border: 1px solid #ccc; box-shadow: 3px 3px 3px rgba(0,0,0,0.2);}
.header02 .nav .navlist .sonNav li a{white-space: nowrap;text-align: left;}
.header02 .nav .navlist .sonNav li a:hover{color: #000;}
.header02 .nav .navlist .sonNav .left{}
.header02 .nav .navlist .sonNav .left li{padding: 0;width: 140px;display: block;}
.header02 .nav .navlist .sonNav .left li a{width: 100%;display: block;font-size: 14px;height: 40px; line-height: 40px;}
.header02 .nav .navlist .sonNav .right{width: 220px;height: 120px;overflow: hidden;}


.header03{display: none;}
.header_moblie{}
.header_moblie{background: #fff;width: 100%; height: 50px;box-shadow: 0 2px 2px rgba(0,0,0,0.2);}
.header_moblie .left{}
.header_moblie .left .logo{height: 40px;display: block;margin: 5px auto;}
.header_moblie  .right{position: relative;}
.header_moblie  .right .navbar-btn{margin: 16px 0;}
.header_moblie  .right .navbar-btn span{width: 20px;height: 3px;background: #000;display: block;}
.header_moblie  .right .navbar-btn span + span{margin-top: 4px;}
.mobile-nav{position:fixed;z-index:1001;top:0;right:0;width:60%;height:100%;padding:35px 20px 30px 20px;overflow-y:auto;background-color:#fff; -webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform 0.4s 0s,box-shadow 0s 0.4s;-moz-transition:-moz-transform 0.4s 0s,box-shadow 0s 0.4s;transition:transform 0.4s 0s,box-shadow 0s 0.4s;}
/*ä¾§è¾¹èœå•æ»‘å‡º*/
.mobile-nav.is-visible{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-overflow-scrolling:touch;box-shadow:-4px 0 30px rgba(0,0,0,0.2);-webkit-transition:-webkit-transform 0.4s 0s,box-shadow 0s 0s;-moz-transition:-moz-transform 0.4s 0s,box-shadow 0s 0s;transition:transform 0.4s 0s,box-shadow 0s 0s;}
.mobile-nav .close{width:20px;height:20px;opacity:1;display:block;position: relative;transform: rotate(45deg);}
.mobile-nav .close:before{content: '';width: 24px;height: 2px;background: #333;display: inline-block;position: absolute;left: 0;top: 11px;}
.mobile-nav .close:after{content: '';width: 2px;height: 24px;background: #333;display: inline-block;position: absolute;left: 11px;top: 0px;}
/*å†…å®¹html*/
.main-content.scale-down{-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);-o-transform:scale(0.9);transform:scale(0.9);}
/*é®ç½©å±‚*/
.cd-overlay{position:fixed;height:100%;width:100%;top:0;left:0;background: #000;filter: alpha(opacity:60);background: rgba(0,0,0,0.6);z-index: 1000;visibility:hidden;opacity:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:opacity 0.4s 0s,visibility 0s 0.4s;-moz-transition:opacity 0.4s 0s,visibility 0s 0.4s;transition:opacity 0.4s 0s,visibility 0s 0.4s;}
.cd-overlay.is-visible{opacity:1;visibility:visible;-webkit-transition:opacity 0.4s 0s,visibility 0s 0s;-moz-transition:opacity 0.4s 0s,visibility 0s 0s;transition:opacity 0.4s 0s,visibility 0s 0s;}
/*ä¸‰çº§æ‰‹é£Žç´*/
.dropdown{float:left;width:100%;padding-top:20px;font-size:12px;}
.dropdown li{padding:0 10px;}
.dropdown li.selected{background-color:#21507D;}
.dropdown li a{display:block;width:100%;padding:10px;font-size: 16px;text-decoration:none;text-transform:uppercase;color:#333;}
.dropdown li &gt; ul{display: none;}
.dropdown li &gt; ul li{padding:0 20px;}
.dropdown li &gt; ul li a{font-size: 14px;}
.dropdown li &gt; ul li &gt; ul li{padding:10px 30px;}
.header_moblie .lang a{color: #333;}
/*ç§»åŠ¨ç«¯å¯¼èˆªç»“æŸ*/



.indexbanner{width: 100%; position: relative;display: block;overflow: hidden;text-align: center;}
.banner-flexslider{position: relative;}
.banner-flexslider .flex-control-nav{text-align:center;width:100%;position:relative;z-index:2;top: -40px;}
.banner-flexslider .flex-control-nav li{display:inline-block}
.banner-flexslider .flex-control-nav li a{display:inline-block;margin:0 5px;width:14px;height:14px;border-radius:50%;border: 2px solid #000; cursor:pointer;text-indent:-9999px;text-align: center;}
.banner-flexslider .flex-control-nav li a.flex-active{background:#000;}
.banner-flexslider .flex-direction-nav{position: absolute;left: 0;right: 0; top: 50%;margin: -32px auto 0;z-index: 2;width: 90%;height: 64px;}
.banner-flexslider .flex-direction-nav li a{width: 40px;height: 64px;background: url(img/sprite.png) no-repeat; opacity: 0.15;display: inline-block;transition: all .3s ease;}
.banner-flexslider .flex-direction-nav li a:hover{opacity: 0.7;transition: all .3s ease;}
.banner-flexslider .flex-direction-nav li .flex-prev{background-position: -321px -192px;}
.banner-flexslider .flex-direction-nav li .flex-next{background-position: -385px -192px;}
.banner-flexslider .flex-direction-nav li{float: left;}
.banner-flexslider .flex-direction-nav li + li{float: right;}



.indexWrap01{background: #fff;position: relative;}
.indexWrap01 .introduction{width: 100%;border-bottom: 1px solid #d2d2d2;margin-top: 200px;}
.indexWrap01 .introduction .pic{width: 66.6666%;text-align: right;padding-left: 20px;}
.indexWrap01 .introduction .info{padding-top: 200px;}
.indexWrap01 .introduction .col-sm-12{top: -130px;position: relative;}
.indexWrap01 .introduction .info .img-responsive{position: absolute;top: 0;width: 33.3333%;}
.indexWrap01 .introduction .hd{margin-bottom: 30px;}
.indexWrap01 .introduction .bd p{line-height: 2;}
.indexWrap01 .btn{float: right;}
[class*="indexWrap0"] .cn{font-size: 30px;display: inline-block;}
[class*="indexWrap0"] .en{text-transform: uppercase;color: #898989;display: inline-block;}
[class*="indexWrap0"] .btn{padding: 10px 60px;background: #000;color: #fff;border-radius: 0;margin: 40px auto 20px;}
[class*="indexWrap0"] .btn .more{margin-left: 20px;width: 17px;height: 17px;background-position: -191px 0;transition: all ease .3s;}
[class*="indexWrap0"] .btn:hover{background: #000;color: #fff;transition: all ease .3s;}
/*[class*="indexWrap0"] .btn:hover .more{background-position: -191px -37px;}*/
[class*="indexWrap0"] .cn:hover{color: #333;text-decoration: none;}
[class*="indexWrap0"] .en:hover{text-decoration: none;}

.indexWrap02{background: #fff;color: #fff;}
.indexWrap02 .box1{padding-top: 25px; border-bottom: 1px solid #fff;}
.indexWrap02 .bd {text-align: center;}
.indexWrap02 .bd .title{font-size: 20px;margin: 20px auto 10px;display: block;color: #fff;}
.indexWrap02 .bd .description{margin-bottom: 15px;text-align: left;}
.indexWrap02 .bd .btn{background: #fff;color: #333;margin: 20px auto;}
.indexWrap02 .bd .btn .more{background-position: -191px -37px;}
.indexWrap02 .bd .btn:hover{background: #000;color: #fff;}
.indexWrap02 .bd .btn:hover .more{background-position: -191px 0;}
.indexWrap02 .box2{padding: 25px 0;border-bottom: 1px solid #fff;}
.indexWrap02 .box2 .col-sm-6{float: right;}
.indexWrap02 .box2 .col-sm-6 + .col-sm-6{float: left;}


.indexWrap03{height: 460px; background: url(img/pic06.jpg) center top no-repeat;color: #fff;}
.indexWrap03 .inline-block{width: 600px; padding: 100px 0 40px 0;text-align: center;}
.indexWrap03 .inline-block .hd{}
.indexWrap03 .inline-block .hd .title{font-size: 30px;margin-bottom: 20px;}
.indexWrap03 .inline-block .hd .description{line-height: 2;margin-bottom: 40px;}
.indexWrap03 .inline-block .bd{}
.indexWrap03 .inline-block .bd .taobao{width: 56px;height: 56px; margin: 0 10px;background-position: -145px -94px;}
.indexWrap03 .inline-block .bd .tianmao{width: 56px;height: 56px;margin: 0 10px;background-position: -226px -94px;}
.indexWrap03 .inline-block .bd .weipinghui{width: 56px;height: 56px;margin: 0 10px;background-position: -307px -94px;}

.indexWrap03 .inline-block .bd .dangdang{width:56px;height:56px;margin:0 10px;background: url(img/dangdang.png) no-repeat;}
.indexWrap03 .inline-block .bd .jd{width:56px;height: 56px;margin:0 10px;background:url(img/jd.png) no-repeat;}
.indexWrap03 .inline-block .bd .taobao2{width:56px;height:56px;margin:0 10px;background:url(img/taobao2.png) no-repeat;}
.indexWrap03 .inline-block .bd .suning{width:56px;height:56px;margin:0 10px;background:url(img/suning.png) no-repeat;}

.indexWrap03 .btn{margin: 20px auto;}


.indexWrap04{}
.indexWrap04 .hd{margin-bottom: 20px;}
.indexWrap04 .news{}
.indexWrap04 .news .first{padding-bottom: 20px;border-bottom: 1px dashed #ccc;display: block;overflow: hidden;}
.indexWrap04 .news .first .img-circle{float: left;width: 140px;height: 140px;background: #000; overflow: hidden;}
.indexWrap04 .news .first .txt{padding-left: 160px;}
.indexWrap04 .news .first .txt .title{font-weight: bold;font-size: 16px;margin-bottom: 10px;display: inline-block;}
.indexWrap04 .news .first .txt .title:hover{color: #000;}
.indexWrap04 .news .list{padding: 20px 0;}
.indexWrap04 .news .list li{width: 100%;display: inline-block;line-height: 2.2;display: table; overflow:hidden}
.indexWrap04 .news .list li:before{width: 22px;height: 15px;padding-right: 10px; content: '';display: inline-block;background: url(img/sprite.png) -87px -136px no-repeat;vertical-align: middle;}
.indexWrap04 .news .list li a{width: 100%;margin: 0 22px;display: table-cell;}
.indexWrap04 .news .list li a:hover{color: #000;}
.indexWrap04 .news .list li .time{display: table-cell;width: 75px;color: #8a8a8a;}
.indexWrap04 .btn{margin: 0px auto 20px;}
.indexWrap04 .container{padding: 60px 15px;border-bottom: 1px solid #d2d2d2;}

.indexWrap05{text-align: center;padding:60px auto; padding-bottom:50px}
.indexWrap05 .hd{margin-bottom: 40px;display: inline-block;}
.indexWrap05 .hd .cn{padding: 0 30px;background: #fff;position: relative; z-index: 2;display: block;}
.indexWrap05 .hd .cn:before{content: '';display: inline-block;position: absolute;z-index: 1;left: -140px;top: 70%; width: 140px;height: 1px;
background: #ccc;
background: -webkit-linear-gradient(right, #ccc , rgba(255, 255, 255, 0)); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #ccc , rgba(255, 255, 255, 0)); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, #ccc , rgba(255, 255, 255, 0)); /* Firefox 3.6 - 15 */
background: linear-gradient(to left, #ccc , rgba(255, 255, 255, 0)); /* æ&nbsp;‡å‡†çš„è¯­æ³•ï¼ˆå¿…é¡»æ”¾åœ¨æœ€åŽï¼‰ */}
.indexWrap05 .hd .cn:after{content: '';display: inline-block;position: absolute;z-index: 1;right: -140px;top: 70%; width: 140px;height: 1px;
background: #ccc;
background: -webkit-linear-gradient(left, #ccc , rgba(255, 255, 255, 0)); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(left, #ccc , rgba(255, 255, 255, 0)); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(left, #ccc , rgba(255, 255, 255, 0)); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #ccc , rgba(255, 255, 255, 0)); /* æ&nbsp;‡å‡†çš„è¯­æ³•ï¼ˆå¿…é¡»æ”¾åœ¨æœ€åŽï¼‰ */}
.indexWrap05 .bd{}
.indexWrap05 .bd ul{display: inline-block;width: 100%;}
.indexWrap05 .bd li{float: left;display: inline-block;padding: 10px 5px; width: 16%;}
.indexWrap05 .bd li img{border: 1px solid #ccc;}

footer{}
.footer01{background: #282828;padding: 30px 0 5px 0;color: #fff;}
.footer01 ul{width: 100%; display: table;overflow: hidden;}
.footer01 ul li{display: table-cell;}
.footer01 ul .li1{margin: 0 60px 0 0;display: table-cell;}
.footer01 ul .li1 .hd,
.footer01 ul .li2 .hd{font-size: 16px;display: inline-block;color: #fff; font-weight: bold;border-bottom: 1px solid #fff;padding: 0 30px 15px 0;margin: 0 0 15px 0;}
.footer01 ul .li1 a{color: #878787;display: block;}
.footer01 ul .li1 a:hover{color: #FFF;text-decoration:none}
.footer01 ul .li2 .box{display: inline-block;color: #878787;}
.footer01 ul .li2 .hd{display: block;}
.footer01 ul .li2 .img-responsive{margin-right: 20px;text-align: center;}
.footer01 ul .li2 p &gt; em{width: 20px;height: 17px;margin-right: 5px;vertical-align: text-top;line-height: 2;}
.footer01 ul .li2 .tel{background-position: 0 -134px;}
.footer01 ul .li2 .email{background-position: -25px -134px;}
.footer01 ul .li2 .address{background-position: -53px -134px;}
.footer01 ul .li2 .share{}
/*.footer01 ul .li2 .share .sprite{width: 21px;height: 21px;}
.footer01 ul .li2 .share .facebook{background-position: 0 -74px;}
.footer01 ul .li2 .share .linkedin{background-position: -27px -74px;}
.footer01 ul .li2 .share .twitter{background-position: -54px -74px;}
.footer01 ul .li2 .share .pinterest{background-position: -81px -74px;}
.footer01 ul .li2 .share .instagram{background-position: -108px -74px;}
.footer01 ul .li2 .share .facebook:hover{background-position: 0 -106px;}
.footer01 ul .li2 .share .linkedin:hover{background-position: -27px -106px;}
.footer01 ul .li2 .share .twitter:hover{background-position: -54px -106px;}
.footer01 ul .li2 .share .pinterest:hover{background-position: -81px -106px;}
.footer01 ul .li2 .share .instagram:hover{background-position: -108px -106px;}*/
.footer01 .link{display: block;}
.footer01 .link a{color: #878787;display: inline-block;margin: 0 10px;}
.footer01 .link a:hover{color: #FFF;text-decoration:none}
.footer02{color: #898989;background: #000;width: 100%;line-height: 40px;}



/*é¢åŒ…å±‘å¯¼èˆª*/
.breadcrumb{background: none;color: #898989;padding: 8px 0;}
.breadcrumb .home{width: 22px; height: 19px; background-position: 0 -163px;}
.breadcrumb a{color: #898989;padding: 0 5px;}
.breadcrumb a:hover{color: #000;}


/*æŽ¢ç´¢å¥¢æ‚¦*/
.aboutWrap{}
.aboutWrap .aboutbox01{width: 95%;text-align: center;margin: 0 auto;}
.aboutWrap .aboutbox01 .hd{display: inline-block;margin: 0 auto;}
.aboutWrap .aboutbox01 .bd{}
.aboutWrap .aboutbox01 .bd ul{font-size: 0;margin: 15px auto 30px;position: relative;z-index: 1;}
.aboutWrap .aboutbox01 .bd ul:after{content: '';display: inline-block;position: absolute;left: 0;right: 0;top: 50%;margin-top: -1px; z-index: 1;width: 100%;height: 1px;background: #efefef;}
.aboutWrap .aboutbox01 .bd ul li{display: inline-block;font-size: 14px;margin: 0 35px;position: relative;z-index: 2;}
.aboutWrap .aboutbox01 .bd ul li a{display: inline-block; background: #efefef;width: 112px;height: 112px;border-radius: 50%;overflow: hidden;transition: all .3s ease;}
.aboutWrap .aboutbox01 .bd ul li a .sprite{width: 39px;height: 34px;margin-top: 25px;}
.aboutWrap .aboutbox01 .bd ul li a.cur{background: #000;color: #fff;}
.aboutWrap .aboutbox01 .bd ul li a .ab1{background-position: -422px 0;}
.aboutWrap .aboutbox01 .bd ul li a .ab2{background-position: -479px 0;}
.aboutWrap .aboutbox01 .bd ul li a .ab3{background-position: -544px 0;}
.aboutWrap .aboutbox01 .bd ul li a .ab4{background-position: -601px 0;}
.aboutWrap .aboutbox01 .bd ul li a .ab5{background-position: -657px 0;}
.aboutWrap .aboutbox01 .bd ul li a .ab6{background-position: -715px 0;}

.aboutWrap .aboutbox01 .bd ul li a:hover .ab1,
.aboutWrap .aboutbox01 .bd ul li a.cur .ab1{background-position: -422px -40px;}
.aboutWrap .aboutbox01 .bd ul li a:hover .ab2,
.aboutWrap .aboutbox01 .bd ul li a.cur .ab2{background-position: -479px -40px;}
.aboutWrap .aboutbox01 .bd ul li a:hover .ab3,
.aboutWrap .aboutbox01 .bd ul li a.cur .ab3{background-position: -544px -40px;}
.aboutWrap .aboutbox01 .bd ul li a:hover .ab4,
.aboutWrap .aboutbox01 .bd ul li a.cur .ab4{background-position: -601px -40px;}
.aboutWrap .aboutbox01 .bd ul li a:hover .ab5,
.aboutWrap .aboutbox01 .bd ul li a.cur .ab4{background-position: -657px -40px;}
.aboutWrap .aboutbox01 .bd ul li a:hover .ab6,
.aboutWrap .aboutbox01 .bd ul li a.cur .ab4{background-position: -715px -40px;}

.aboutWrap .aboutbox01 .bd ul li a:hover{color: #fff;background: #000;transition: all .3s ease;}
/*æ–°é—»åŠ¨æ€*/
.aboutWrap .aboutbox01 .bd ul.news a .ab1{background-position: -507px -182px;}
.aboutWrap .aboutbox01 .bd ul.news a:hover .ab1,
.aboutWrap .aboutbox01 .bd ul.news a.cur .ab1{background-position: -507px -224px;}
.aboutWrap .aboutbox01 .bd ul.news a .ab2{background-position: -212px -170px;}
.aboutWrap .aboutbox01 .bd ul.news a:hover .ab2,
.aboutWrap .aboutbox01 .bd ul.news a.cur .ab2{background-position: -212px -210px;}
/*ç²¾å½©è§†é¢‘*/
.aboutWrap .aboutbox01 .bd ul.video a .ab1{background-position: -479px 0;}
.aboutWrap .aboutbox01 .bd ul.video a:hover .ab1,
.aboutWrap .aboutbox01 .bd ul.video a.cur .ab1{background-position: -479px -40px;}
.aboutWrap .aboutbox01 .bd ul.video a .ab2{background-position: -272px -170px;}
.aboutWrap .aboutbox01 .bd ul.video a:hover .ab2,
.aboutWrap .aboutbox01 .bd ul.video a.cur .ab2{background-position: -272px -210px;}




.aboutWrap .cn{font-size: 36px;color:#3399ff}
.aboutWrap .en{color: #898989;text-transform: uppercase;}
.aboutWrap .aboutbox02{}
.aboutWrap .aboutbox02 .text01{padding-bottom: 60px;}
.aboutWrap .aboutbox02 .text02{padding-top: 50px;padding-left: 20px;}
.aboutWrap .aboutbox02 .text03{padding-top: 140px;padding-right: 20px;}
.aboutWrap .aboutbox02 .text04{padding-bottom: 100px;}
.aboutWrap .aboutbox03{padding-bottom: 40px;}
.aboutWrap .aboutbox03 .text01{font-size: 30px;margin: 20px auto;}
.aboutWrap .aboutbox03 p{line-height: 2;}
.aboutbox04{padding-bottom: 90px;}
.aboutbox04 .info{background: #f3f3f3;border-bottom: 1px solid #000;margin: 4px auto 15px;position: relative;}
.aboutbox04 .img-icon{width: 53px;height: 53px;position: absolute;left: 0;right: 0;top: -30px;margin: auto; }
.aboutbox04 .title{font-size: 16px;font-weight: bold;padding: 30px 0 25px;display: block;}
.aboutbox04 .title:hover{color: #000;}

/*äº§å“æ€»åˆ—è¡¨*/
.productWrap{}
.productbox01 .block{background: #f2f2f2;border: 1px solid #e0e0e0;display: block;overflow: hidden;}
.productbox01 .box{padding: 50px 30px;}
.productbox01 .box .sprite{width: 96px;height: 15px;display: block;margin: 10px auto 20px; background-position: -33px -163px;}
.productbox01 .img-responsive{float: right;}
.productbox01 .col-sm-8{background: #fff;}
.productbox02{margin: 30px auto 110px;}
.productbox02 .box{width: 100%;display: block;overflow: hidden; border: 4px solid #cecece;padding: 0 15px;margin-bottom: 15px;}
.productbox02 .box .sprite{width: 51px;height: 76px;margin: 0 auto 20px;background-position: -416px -95px;transition: all ease .3s;}
.productbox02 .box:hover .sprite{background-position: -486px -95px;transition: all ease .3s;}
.productbox02 .box .btn{font-size: 16px;font-weight: bold;padding: 5px 70px; margin:25px auto;background: #f2f2f2;border-radius: 7px;transition: all ease .3s;}
.productbox02 .box:hover .btn{background: #000;color: #fff;transition: all ease .3s;}
.productbox02 .box .description{color: #727272;height: 70px;margin-bottom: 30px;}
.productbox02 .owlstyle2 .owl-nav{opacity: 0;}
.productbox02 .owlstyle2:hover .owl-nav{opacity: 1;}
.productbox02 .owl-nav{width: 100%;height: 0; position: absolute;}
.productbox02 .owl-nav .owl-prev{float: left; width: 40px;height: 64px;background: url(img/sprite.png) -321px -192px no-repeat; opacity: 0.15;display: inline-block;transition: all .3s ease;}
.productbox02 .owl-nav .owl-next{float: right; width: 40px;height: 64px;background: url(img/sprite.png) -385px -192px no-repeat; opacity: 0.15;display: inline-block;transition: all .3s ease;}
.productbox02 .owl-nav .owl-prev:hover{opacity: 0.8;}
.productbox02 .owl-nav .owl-next:hover{opacity: 0.8;}
.productbox02 .owl-controls{position: absolute !important; left: 0;right: 0; top: 50% !important;margin: -32px auto 0;z-index: 2;width: 100%;height: 1px;}


.productbox03{}
.productbox03 .box{border-bottom: 1px solid #666;padding-bottom: 4px;margin-bottom: 20px;}
.productbox03 .row .left{font-size: 18px;}
.productbox03 .row .left .circle{width: 10px;height: 10px;border-radius: 50%;margin-right: 10px; display: inline-block; background: #666;vertical-align: middle;}
.productbox03 .row .right a{height: 30px;line-height: 30px;display: inline-block; background: #b7b7b7;color: #fff;padding: 0 20px;}
.productbox03 .row .right a + a{margin-left: 5px;}
.productbox03 .row .right a.active{background: #000;}
.productbox04{margin-bottom: 120px;}
.productbox04 .row{margin: 30px auto 0;}
.productbox04 .row .info{border:0px solid #cecece;margin:0px;}
.productbox04 .row .info .box{margin-left:30px;padding:30px;}
.productbox04 .row .info .box .title{font-size: 20px;}
.productbox04 .row .info .box .title:hover{color: #000;}
.productbox04 .row .info .box .zs1{width: 96px;height: 15px;display: block;margin: 10px auto 20px; background-position: -33px -163px;}
.productbox04 .row .info .box .description{line-height: 2.2;text-align: left;}
.productbox04 .row:nth-child(even) &gt; .col-sm-6{float: right;} 
.productbox04 .row:nth-child(even) .info{margin:0px;}
.productbox04 .row:nth-child(even) .box{margin: 0 80px 0 0;}
.cbtn{background: #c7c7c7;display: inline-block;margin:30px auto;border-radius: 0; padding: 8px 55px;color: #fff; font-size: 15px;transition: all .3s ease;}
.cbtn:hover{background: #000;color: #fff; transition: all .3s ease;}
.cbtn .sprite{margin-left: 15px;margin-top: -3px; width: 18px;height: 18px;background-position: -190px 0;}


/*äº§å“æœç´¢é¡µ*/
.productbox10{margin-bottom: 120px;}
.productbox10 .row{margin: 30px auto 0;}
.productbox10 .row .info{margin: 60px 0 60px -80px;}
.productbox10 .row .info .box{margin-left: 80px;padding: 30px;}
.productbox10 .row .info .box .title{font-size: 20px;}
.productbox10 .row .info .box .title:hover{color: #000;}
.productbox10 .row .info .box .zs1{width: 96px;height: 15px;display: block;margin: 10px auto 20px; background-position: -33px -163px;}
.productbox10 .row .info .box .description{line-height: 2.2;text-align: left;}


/*äº§å“è¯¦æƒ…é¡µ*/
.productbox05{}
.productbox05 .w52{width: 52%;}
.productbox05 .w52 .img-responsive{width: 100%;border-right: 1px solid #b7b7b7;}
.productbox05 .w52 .img-responsive img{margin-right: 20px;}
.productbox05 .w48{width: 48%;}
.productbox05 .w48 .title{font-size: 20px;margin: 20px auto 20px 30px;font-weight: bold;}
.productbox05 .w48 .contact{width: 100%;padding: 20px 30px;background: #f3f3f3;}
.productbox05 .w48 .contact .btn{background: #ff7519;color: #fff; padding: 8px 50px 8px 30px;}
.productbox05 .w48 .contact .btn .email{width: 22px;height: 17px;background-position: 0 -191px; margin-right: 20px;}
.productbox05 .w48 .contact .share{margin-left: 30px;display: inline;}
.productbox05 .w48 .contact .share a{width: 40px;height: 40px;line-height: 40px;text-align: center; display: inline-block; border: 1px solid #b7b7b7;border-radius: 10px;}
.productbox05 .w48 .contact .share .sprite{width: 30px;height: 30px;margin: 0 auto;}
.productbox05 .w48 .contact .share .weibo{background-position: 2px -217px;}
.productbox05 .w48 .contact .share .weixin{background-position: -35px -217px;}
.productbox05 .w48 .contact .share .qqkj{background-position: -69px -217px;}
.productbox05 .w48 .contact .share .txwb{background-position: -103px -217px;}
.productbox05 .w48 .contact .share a:hover{border-color: #000;}
.productbox05 .w48 .contact .share a:hover .weibo{background-position: 2px -34px;}
.productbox05 .w48 .contact .share a:hover .weixin{background-position: -35px -34px;}
.productbox05 .w48 .contact .share a:hover .qqkj{background-position: -69px -34px;}
.productbox05 .w48 .contact .share a:hover .txwb{background-position: -103px -34px;}
.productbox05 .w48 .info{margin: 30px 0 15px;}
.productbox05 .w48 .info dl{display: table;margin:0 0 20px 30px;}
.productbox05 .w48 .info dl dt{display: table-cell;color: #707070;vertical-align: top;white-space: nowrap;line-height: 2.2;}
.productbox05 .w48 .info dl dd{display: table-cell;line-height: 2.2;}
.productbox06{margin-bottom: 80px;}
.productbox06 .hd{background: #f3f3f3;width: 100%;height: 60px;margin-top: 50px;}
.productbox06 .hd .title{padding: 0 50px 0 15px; font-size: 18px;line-height: 60px;border-bottom: 2px solid #000;display: inline-block;}
.productbox06 .hd .title .circle{width: 10px;height: 10px;border-radius: 50%;margin-right: 10px; display: inline-block; background: #666;vertical-align: middle;}
.productbox06 .bd{padding: 20px 0;}


.layer{position: relative;display: none;}
.layer-bg{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: 2000;}
.layer-content{width: 560px;height: 600px;background: #fff;border-radius: 10px; position: fixed;z-index: 20001;left: 0;right: 0;bottom: 0;top: 0;margin: auto;}
.layer-content .close{width: 34px;height: 36px;background-position: -154px -168px;position: absolute;top: 0px;right: -11px;opacity: 1;}
.layer-content .relative{position: relative;padding: 30px 60px;}
.layer-content .img-responsive{width: 110px;margin: 0 auto;}
.layer-content .tips{margin-bottom: 20px; border-bottom: 1px solid #c1c1c1;text-align: right;}
.layer-content .red{color: red;}
.layer-content .form-horizontal{width: 100%;}
.layer-content .form-horizontal dl{width: 100%;display: inline-block;margin-bottom: 10px;}
.layer-content .form-horizontal dl dt{width: 55px;float: left;line-height: 25px;text-align: right;}
.layer-content .form-horizontal dl dd{margin-left: 70px;}
.layer-content .form-horizontal dl dd #productsname{border: none;background: none;}
.layer-content .form-horizontal dl dd input{width: 100%;line-height: 25px;padding: 0 10px;}
.layer-content .form-horizontal dl dd textarea{width: 100%;height: 120px;resize: none;display: block;}
.layer-content .form-horizontal dl dd .tips{color: #949494;}
.layer-content .form-horizontal dl dd button{margin: 10px auto;background: #201b18;color: #fff; padding: 4px 50px; border-radius: 15px;}


/*è§†é¢‘ä¸­å¿ƒåˆ—è¡¨*/
.videoWrap01{}
.videoWrap01 .bd{}
.videoWrap01 .bd li{display: block;padding: 30px 0;border-bottom: 1px dashed #ccc;}
.videoWrap01 .bd li .img-responsive{position: relative;}
.videoWrap01 .bd li .img-responsive em{width: 81px;height: 81px;background-position: -221px -2px; position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;transition: all ease-in-out .3s;}
.videoWrap01 .bd li .img-responsive:hover em{background-position: -316px -2px;transition: all ease-in-out .3s;}
.videoWrap01 .bd li .video-info{margin-top: 40px;}
.videoWrap01 .bd li .video-info .title{font: bold 16px "å¾®è½¯é›…é»‘";color: #333;margin-bottom: 15px;display: inline-block;}
.videoWrap01 .bd li .video-info .title:hover{color: #000;}
.videoWrap01 .bd li .video-info .time{color: #939393;margin-bottom: 10px;}
.videocontent{}
.videocontent .hd{border: none !important;}
.videocontent .hd .article_time{position: relative;width: 100%;display: block;}
.videocontent .hd .article_time span{position: relative;z-index: 2;background: #fff;padding: 0 30px;}
.videocontent .hd .article_time:after{content: '';display: inline-block;width: 100%;height: 1px;background: #ccc;position: absolute;left: 0;top: 50%;margin-top: -1px;}

.table{display: table;}
.table-cell{display: table-cell;vertical-align: top;}
.newsbox01{}
.newsbox01 .box{border: 1px solid #ccc;padding: 10px;margin-bottom: 40px;height:330px;filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);-moz-box-shadow: 2px 2px 10px #909090;-webkit-box-shadow: 2px 2px 10px #909090;box-shadow:2px 2px 10px #909090; -moz-border-radius: 15px;/* Gecko browsers */-webkit-border-radius: 15px; /* Webkit browsers */border-radius:15px;      /* W3C syntax */}
.newsbox01 .box .img-responsive{margin-bottom: 10px;}
.newsbox01 .box .day{font-size: 55px;font-family: arial; color: #868686;line-height: 60px;display: block;margin-top: 20px;}
.newsbox01 .box .month{display: inline-block;}
.newsbox01 .box .title{font-size: 16px;font-weight: bold;display: inline-block;height:30px;line-height:30px;text-align:left;overflow:hidden}
.newsbox01 .box .title:hover{color: #000;text-decoration: none}
.newsbox01 .box .description{color: #909090;text-align: left;text-indent:2rem;}
.newsbox01 .box .table-cell + .table-cell{border-left: 1px solid #ccc;padding-left: 20px;}
.newsbox01 .pages{margin: 60px auto 60px;}
.newsbox01 .pages a{//*width: 30px;height: 30px;line-height: 30px;*// display: inline-block;margin: 0 3px;border: 1px solid #cfcfcf;vertical-align: middle;transition: border-color .3s ease,color .3s ease;}
.newsbox01 .pages a:hover{color: #000;text-decoration: none; border-color: #000;transition: border-color .3s ease, color .3s ease;}
.newsbox01 .pages .a2{background: url(img/sprite.png) 0 -255px no-repeat;text-indent: -9999px;}
.newsbox01 .pages .a3{background: url(img/sprite.png) -35px -255px no-repeat;text-indent: -9999px;}
.newsbox01 .pages .a4{background: url(img/sprite.png) -70px -255px no-repeat;text-indent: -9999px;}
.newsbox01 .pages .a5{background: url(img/sprite.png) -105px -255px no-repeat;text-indent: -9999px;}
.newsbox01 .pages span{width: 30px;height: 30px;line-height: 30px;background: #39f;color: #fff;margin: 0 3px;display: inline-block;vertical-align: middle;}
.newsbox01 .pages .a2:hover{background: url(img/sprite.png) 0 -290px no-repeat;}
.newsbox01 .pages .a3:hover{background: url(img/sprite.png) -35px -290px no-repeat;}
.newsbox01 .pages .a4:hover{background: url(img/sprite.png) -70px -290px no-repeat;}
.newsbox01 .pages .a5:hover{background: url(img/sprite.png) -105px -290px no-repeat;}

/*æ–°é—»è¯¦æƒ…é¡µ*/
.newsbox02{}
.newsbox02 .articlecontent{}
.newsbox02 .articlecontent img{text-align: center}
.newsbox02 .articlecontent a:hover{color:#000}
.newsbox02 .articlecontent .hd{padding-bottom: 20px;border-bottom: 1px solid #e4e4e4;}
.newsbox02 .articlecontent .hd .article_title{font-size: 24px; padding:0 0 20px;line-height: 120%}
.newsbox02 .articlecontent .hd .article_time{color: #939393; }
.newsbox02 .articlecontent .bd .article{padding:40px 0 80px;border-bottom: 1px solid #e4e4e4;overflow:hidden;font-size: 16px;line-height:150%;}
.newsbox02 .articlecontent .bd .article p{ padding:0 0 1em;text-indent:2em;}
.newsbox02 .articlecontent .bd .article img{max-width: 100%;height: auto;display: block;margin:0 auto;}


.newsbox02 .aside{}
.newsbox02 .aside .hd{font-size: 24px;padding-bottom: 30px;color:#3399ff;}
.newsbox02 .aside .bd{padding-bottom: 20px;}
.newsbox02 .aside .box1{}
.newsbox02 .aside .box1 .first a{margin-top: 10px; font-size: 16px;font-weight: bold;text-overflow: ellipsis; white-space: nowrap;display: block;overflow: hidden;}
.newsbox02 .aside .box1 .first a:hover{color: #000;}
.newsbox02 .aside .box1 .first .description{padding: 0 0 15px 0;}
.newsbox02 .aside .box1 .title{font-size: 16px;font-weight: bold;padding-top: 8px;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.newsbox02 .aside .box1 .title:before{width: 22px;height: 15px;margin-right: 4px; content: '';display: inline-block;background: url(img/sprite.png) -87px -136px no-repeat;vertical-align: middle;}
.newsbox02 .aside .box1 .title:hover{color:#000;}
.newsbox02 .aside .box1 .description{line-height: 1.8;padding: 4px 0 10px 26px; color: #6c6c6c;border-bottom: 1px dashed #ccc;}
.article-page{margin: 35px auto 90px;}
.article-page a{color: #8e8e8e;}
.article-page a:hover{color: #ad8543;}
.article-page .article-prev{}
.article-page .article-next{}

/*è”ç³»æˆ‘ä»¬*/
.contactbox01{}
.contactbox01 .bd{}
.contactbox01 .bd .box{position: relative;margin: 76px auto 40px; background: #f2f2f2;}
.contactbox01 .bd .box .hd{}
.contactbox01 .bd .box .hd .sprite{width: 72px;height: 72px;margin: -36px auto 0;}
.contactbox01 .bd .box .hd .sprite1{background-position: 0 -331px;}
.contactbox01 .bd .box .hd .sprite2{background-position: -83px -331px;}
.contactbox01 .bd .box .hd .sprite3{background-position: -166px -331px;}
.contactbox01 .bd .box .hd .sprite4{background-position: -249px -331px;}
.contactbox01 .bd .box .hd p{margin: 25px auto 15px; font-size: 20px;font-weight: bold;}
.contactbox01 .bd .box .bd{min-height: 160px;padding: 0 35px;}
.contactbox02 .hd{font-size: 28px;}
.contactbox02 .bd{}
.contactbox02 .bd .tips{font-size: 16px;margin-bottom: 20px;text-align: left;}
.contactbox02 .bd .red{color:red;margin-right: 5px;font-style: normal;}
.contactbox02 .bd input{width: 100%;border-color: #bdbdbd; padding: 3px 10px;margin-bottom: 25px;}
.contactbox02 .bd textarea{width: 100%;height: 180px;resize: none;border-color: #bdbdbd;}
.contactbox02 .bd button{background: #000;color: #fff;font-size: 16px;padding: 5px 30px;margin: 30px 20px 50px;}
.contactbox03{margin-bottom: 150px;}
/*ç™¾åº¦åˆ†äº«*/
/*.bdsharebuttonbox{width: 0;height: 0;overflow: hidden;}*/
/*.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{width: 30px;height: 30px !important;line-height: 30px !important; display: inline-block; margin: 0 !important;padding: 0 !important;background: none !important;}*/
#bsWXBox {box-sizing: initial;}

@media  (max-width: 1200px) {
	.productbox04 .row .info{margin: 40px 0 40px -80px;}
	.productbox04 .row:nth-child(even) .info{margin: 40px -80px 40px 0;}
	.header02 .nav .navlist li{padding: 0 30px;}
}
@media  (max-width: 1100px) {
	.productbox04 .row .info{margin: 10px 0 10px -80px;}
	.productbox04 .row:nth-child(even) .info{margin: 10px -80px 10px 0;}
	.productbox04 .row .info .box{padding: 20px;}
}

@media  (max-width: 992px) {
	.footer01 ul li{float: left;}
	.footer01 ul .li1{display: inline-block;margin: 0 40px 15px 0;}
	.footer01 ul .li1:nth-child(5){clear: right;}
	.footer01 ul .li2{display: inline-block;}
	.aboutWrap .aboutbox02 .text01{padding-bottom: 30px;}
	.aboutWrap .aboutbox02 .text02{padding-top: 0px;}
	.aboutWrap .aboutbox02 .text03{padding-top: 20px;}
	.aboutWrap .aboutbox02 .text04{padding-bottom: 100px;}
	.productbox04 .row .info{border: none;}
	.header02 .nav .navlist li{padding: 0 20px;}
}
@media  (max-width: 768px) {
	.footer01 ul .li1{margin: 0 25px 15px 0;}
	.productbox04 .row{margin-top: 15px;}
	.productbox04 .row .info{margin: 0;}
	.productbox04 .row .info .box{margin: 0;padding: 15px;}
	.productbox04 .row:nth-child(even) .info{margin: 0;}
	.productbox04 .row .btn{margin: 15px auto;}
	.header02 {display: none;}
	.header03{display: block;}
	.productbox05 .w52{width: 100%;}
	.productbox05 .w48{width: 100%;}
	.productbox05 .w48 .info dl{display: table;margin:0 0 5px 5px;}
	.productbox05 .w48 .title{font-size: 20px;margin: 10px auto 10px 10px;font-weight: bold;}
}
@media  (max-width: 640px) {
	.header01 .right .searchBox{width: 30px;position: relative;}
	.header01 .right .searchInput{width: 30px;position: absolute;top: 11px;}
	.indexWrap01 .introduction{margin-top: 0;}
	.indexWrap01 .introduction .col-sm-12{top: 0;margin-top: 20px;}
	.indexWrap01 .introduction .pic{width: 100%;padding: 0;margin-bottom: 15px;}
	.indexWrap01 .introduction .info{padding-top: 0;width: 100%;}
	.indexWrap01 .introduction .info .img-responsive{position: relative;float: left;}
	.indexWrap01 .introduction .info .hd{float: left;width: 66.6666%;}
	.indexWrap01 .introduction .info .hd .cn{display: block;}
	.indexWrap02 .box2 .col-sm-6{float: left;}
	.indexWrap03{height: auto;}
	.indexWrap03 .inline-block{width: 100%;padding: 60px 0 30px 0;}
	.indexWrap05 .bd li{width: 50%;}
	[class*="indexWrap0"] .cn{font-size: 26px;}
	[class*="indexWrap0"] .btn{margin: 15px auto;padding: 7px 30px;}
	.indexWrap02{padding: 30px 0;}
	.indexWrap04 .container{padding: 30px 15px;}
	.indexWrap05{padding: 30px 0;}
	.aboutWrap .cn{font-size: 30px;}
	.aboutWrap .aboutbox01 .bd ul li{margin: 0 5px;}
	.aboutWrap .aboutbox01 .bd ul li a{width: 90px;height: 90px;}
	.aboutWrap .aboutbox01 .bd ul li a .sprite{margin-top: 15px;}
	.aboutWrap .aboutbox02 .text02{padding-left: 0;}
	.aboutWrap .aboutbox02 .text03{padding-top: 0px;padding-right: 0;}
	.productbox04 .row .info .box{margin: 0;padding: 0px;}
	.productbox04 .row .info .box .zs1{margin: 10px auto;}
	.productbox05 .w52{width: 100%;}
	.productbox05 .w48{width: 100%;}
	.productbox05 .w48 .info dl{display: table;margin:0 0 5px 5px;}
	.productbox05 .w48 .title{font-size: 20px;margin: 10px auto 10px 10px;font-weight: bold;}
	
}
@media  (max-width: 420px) {
	.footer01 ul .li1{width: 33.3333%;margin: 0 0 15px 0;}
	.footer01 ul .li1 .hd{padding: 0 0 15px 0;}
	.footer01 ul .li2 .left{width: 50%;}
	.footer01 .link{margin-top: 20px;}
	.banner-flexslider .flex-direction-nav{display: none;}
	.banner-flexslider .slides li img{min-height: 100px;}
	.banner-flexslider .flex-control-nav{top: -20px;}
	.productbox05 .w52{width: 100%;}
	.productbox05 .w48{width: 100%;}
	.productbox05 .w48 .info dl{display: table;margin:0 0 5px 5px;}
	.productbox05 .w48 .title{font-size: 20px;margin: 10px auto 10px 10px;font-weight: bold;}

}</pre></body></html>