@charset "utf-8";
html {width: 100%;-webkit-text-size-adjust:none;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);height: 100%;}
* {margin: 0;padding: 0;}
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
i {font: inherit;}
input,select,option {vertical-align: middle;border-radius: 0px;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);outline: none;}
input[type="text"],input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;appearance: none;border-radius: 0;outline: none;}
.fl {float: left;display: inline;}
.fr {float: right;display: inline;}
h1,h2,h3,h4,h5,h6,i {font-weight: normal;}
select::-ms-expand { display: none; }
a {color: #111111;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:hover {text-decoration: none;outline: none;}
.clear {clear: both; }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin: 0;padding: 0;}
.wrap { width:980px; margin:0 auto;}
/*clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both; }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
/* 初始化 */
body {width: 100%;height: 100%;font-size: 12px; background: #fff;min-height: 100%;font-family: 'Microsoft Yahei', '微软雅黑', Arial, sans-serif; color:#555555; }
/*header*/
.header { height:107px; border-top:#1a849c solid 5px; background-color:#f0f0f0;}
.h-logo { float:left; width:500px; padding-top:26px;}
.h-logo img { height:58px; }
.h-tel { float:right; width:auto; padding-left:40px; margin-top:44px; background:url(../images/h-tel.png) no-repeat left center; height:22px;color:#555555; font-size:18px; line-height:22px;margin-right: 31px; }
.nav { position:absolute; top:0; left:50%; margin-left:-460px; width:920px; height:67px; background-color:#f0f0f0; border-top:#dddddd solid 2px; z-index:3333;border-bottom-left-radius:20px; border-bottom-right-radius:20px; text-align:center; }
.nav ul { display:inline-block;}
.nav ul li { float:left; min-width:100px; height:38px;  border-radius:10px; text-align:center;color:#004b4d; font-size:18px; line-height:38px; margin:0 5px; margin-top:13px;}
.nav ul li a {color:#004b4d; display:block;}
.nav ul li:hover {background-color:#70afb4;color:#ffffff;}
.nav ul li:hover a {color:#ffffff;}
.nav ul li.active {background-color:#70afb4;color:#ffffff;}
.nav ul li.active a {color:#ffffff;}
/*banner-box*/
.banner-box{ border-bottom:1px solid #ccc; position:relative; height:507px;    margin-bottom: 30px;}
.sliderkit{display:none;position:relative;overflow:hidden;text-align:left;width:100%!important;height:507px;overflow:hidden;}
.sliderkit-panels-wrapper{height:507px;position:relative;}
/* sliderkit */
.sliderkit a,.sliderkit a:hover{text-decoration:none;}
.sliderkit a:focus{outline:1px dotted #000;/*optional*/}
.sliderkit img{border:0;width:100%;}
/*---------------------------------
 *  Navigation
 *---------------------------------*/
.sliderkit .sliderkit-nav{z-index:10;position:absolute;text-align:center;}
/* Nav > Clip */
.sliderkit .sliderkit-nav-clip{position:absolute;margin:0 auto;}
.sliderkit .sliderkit-nav-clip ul{position:relative;left:0;top:570px;z-index:1000;list-style:none;margin:0;padding:0;}
.sliderkit .sliderkit-nav-clip ul li{float:left;}
.sliderkit .sliderkit-nav-clip ul li a{display:block;overflow:hidden;}
/*---------------------------------
 *  Buttons
 *---------------------------------*/
.sliderkit .sliderkit-btn{z-index:10;}
/*---------------------------------
 *  Panels
 *---------------------------------*/
.sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;}
.sliderkit .sliderkit-panel-active{z-index:5;}
.sliderkit .sliderkit-panel-old{z-index:4;}
/* Panels > Overlay */
.sliderkit .sliderkit-panel .sliderkit-panel-textbox{position:absolute;z-index:1;}
.sliderkit .sliderkit-panel .sliderkit-panel-text{position:absolute;z-index:3;top:0;left:0;}
.sliderkit .sliderkit-panel .sliderkit-panel-overlay{position:absolute;z-index:2;top:0;left:0;}
/*---------------------------------
 *  Loader
 *---------------------------------*/
.contentslider-std .sliderkit-panels{width:100%;height:100%;overflow:hidden;background:#fff url(../images/ajax-loader.gif) no-repeat center center;}
.contentslider-std .sliderkit-panel h2{margin:5px 0 20px;}
/* Panels buttons */
.contentslider-std .sliderkit-go-btn{background:#31a1f5;color:#FFFFFF;cursor:pointer;font-size:50px;font-weight:normal;height:58px;}
.contentslider-std .sliderkit-go-btn{position:absolute;text-align:center;top:50%;width:58px;line-height:58px;margin-top:-29px;}
.contentslider-std .sliderkit-go-prev{left:-58px;}
.contentslider-std .sliderkit-go-next{right:-58px;}
.contentslider-std .sliderkit-go-prev a{display:block;width:19px;height:28px;background:url(../images/l-arr.png);}
.contentslider-std .sliderkit-go-prev a{margin:16px auto 0 auto;font-size:0;line-height:0;text-indent:-4000px;}
.contentslider-std .sliderkit-go-next a{display:block;width:18px;height:27px;background:url(../images/r-arr.png);}
.contentslider-std .sliderkit-go-next a{margin:16px auto 0 auto;font-size:0;line-height:0;text-indent:-4000px;}
.contentslider-std .sliderkit-go-btn span{display:none;}
/* setting the path to the thumb images */ 
.sliderkit-panels{list-style-type:none;}
.sliderkit-panels li{padding:0;width:100%;margin:0;float:left;display:none;height:100%;}
.sliderkit-panel img{ height:100%; width:100%;}
/*notice*/
.notice { position:absolute; bottom:-30px; left:50%; margin-left:-491.5px; width:980px; height:56px; background:url(../images/notice.png) no-repeat; z-index:3333;}
.noticemain{ width:980px; margin:0 auto; height:56px;}
.notice b{ float:left; display:inline; height:56px;margin-left:22px; width:103px;background:url(../images/noticeb.png) center left no-repeat}
.notice marquee{ float:left; width:400px;display:inline;line-height:56px;color:#70afb4;}
.notice marquee a {color:#70afb4;}
.search{ position:relative;float:right; padding-top:12px; margin-right:12px;height:34px;display:inline}
.text{float:left; width:244px; margin-right:7px;color:#a1a1a1;height:30px;line-height:30px; padding-left:5px;background:url(../images/text.png) top left no-repeat; }
.button{vertical-align:middle; float:left;width:55px;  height:30px;background:url(../images/button.png) top left no-repeat; margin-left:8px; display:inline; cursor:pointer;}
/*i-pro*/
.i-pro { height:230px; margin-top:77px;}
.case_t{ width:100%;}
.case_t .more{background: #70afb4; color: #fff; margin-top:24px; padding: 0 4px;line-height: 16px;  height: 16px; float: right;}
.case_t .fl{ float:left; width:97px; height:41px;line-height:41px; color:#fff; text-shadow:1px 0 0 #1d282f; font-size:20px; font-family:微软雅黑;  padding-left:30px;background:url(../images/case_t.jpg) top center no-repeat; }
.i-pro ul li{ float:left; width:208px;display:inline; margin:0 6px 20px;}
.i-pro ul li .pic { width:202px; height:136px; margin:0 auto; padding:2px; margin-top:2px;  border:1px solid #a6d6e0;text-align:center; overflow:hidden; line-height:129px;}
.i-pro ul li .pic img { max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-pro ul li .tit {padding-left:22px; margin-top:3px; height:23px; background:url(../images/proico.gif) 8px center no-repeat #fff;border:1px solid #a6d6e0;  color:#70afb4; font-size:12px; line-height:23px;}
.i-pro ul li:hover .tit {background:url(../images/proico01.gif) 8px center no-repeat #a6d6e0; }
.i-pro .partFourM{ width:980px; margin:0 auto;}
.i-pro .left{ width:30px; padding-right:10px;background:url(../images/left.jpg) bottom center no-repeat ; float:left;height:40px; padding-top:92px;}
.i-pro .right{ width:30px;padding-left:10px; text-align:right; float:left;height:40px; padding-top:92px;background:url(../images/right.jpg) bottom center no-repeat ;}
.i-pro .partFourCon{ width:890px; padding:30px 0px 0; float:left;overflow:hidden; height:190px; }
.i-pro .partFourCon li{float:left;width:208px; display:inline;margin-right:22px;margin-bottom:22px;}
/*main*/
.fl00{ float:left; width:97px; height:41px;line-height:41px; color:#1398b3; text-shadow:1px 0 0 #1d282f; font-size:20px; font-family:微软雅黑; }
.main{width:980px; overflow:auto; clear:both; margin:0 auto; }
.news{float:left; width:576px; padding-top:45px;padding-right:28px; overflow:hidden; }
.news .fl00{padding:20px 0px 0px 90px;}
.news_t{float:left; width:576px; height:84px;background:url(../images/news_t.gif) top left no-repeat;}
.more{ background:#70afb4; color:#fff; margin-top:56px; padding:0 4px; line-height:16px; height:16px; float:right;}
.more:hover {opacity:0.8;}
.pointer{ float:left; width:100%; display:inline;}
.pointer li{float:left; width:100%; }
.pointer li a{float:left; width:95%; color:#666;line-height:35px;background:url(../images/newsico.gif) 5px  center no-repeat;padding-left:28px;}
.pointer li a:hover{color:#70afb4; }
.pointer li .fl{ float:left; width:70%; cursor:pointer;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  }
.products{float:left; padding-top:45px; width:375px;overflow:hidden; }
.products_t{float:left; width:375px; height:84px;background:url(../images/products_t.gif) top left no-repeat;}
.products .pointer li .fl{ width:96%;}
.products .fl00{padding:20px 0px 0px 90px;}
.shipin { width:343px; height:169px; margin-top:7px; margin-left:19px;}

.experts{ float:left; width:576px; padding-right:28px; margin-top:54px;}
.experts_t{ float:left; width:576px; height:78px; margin-bottom:5px;background:url(../images/experts_t.jpg) left top no-repeat; }
.experts_t a{ margin-top:59px;}
.experts_t .fl{ float:left; width:550px; padding-right:72px;background:url(../images/productmore.gif) right top no-repeat; }
.aboutdes { float:left; color:#666; font-size:12px; line-height:26px; margin-top:26px; width:566px; margin-left:10px;}
.aboutlist { float:left; width:100%; text-align:center; margin-top:30px;}
.aboutlist ul { display:inline-block;}
.aboutlist ul li { float:left; width:66px; margin-left:90px; position:relative;}
.aboutlist ul li:after{content:""; position:absolute; left:-71px; top:37px; width:50px; height:1px; background-color:#dddddd; }
.aboutlist ul li:first-child { margin-left:10px;}
.aboutlist ul li:first-child:after { display:none;}
.aboutlist ul li .pic { width:66px; height:66px; background-color:#21889f;border-radius:50%; text-align:center; line-height:56px;}
.aboutlist ul li .pic img { width:30px; height:30px; vertical-align:middle;}
.aboutlist ul li .tit { text-align:center; color:#333333; font-size:14px; line-height:1; margin-top:21px;}
.aboutlist ul li:hover {opacity:0.8;}

.contact{float:left; width:375px;  color:#9b9b9b; overflow:hidden; margin-top:60px;}
.contact_t{float:left; width:341px; height:75px;background:url(../images/contact_t.gif) 30px 6px no-repeat;  }
.contact_t a{ float:left; display:inline; width:92px; height:16px; margin-top:40px;margin-left:192px;}
.contactmain{ padding:5px 0 10px  30px;float:left; width:311px ; line-height:27px; font-size:14px; font-weight:bold; color:#9b9b9b; margin-top:17px;}
.contact img{ border:2px solid #e1e1e1; float:left; }
.experts .fl00{padding:20px 0px 0px 90px; float:left; display:block;}
.contact .fl00{padding:20px 0px 0px 100px; float:left; display:block;}
.contactmap {float:left; width:343px; height:169px; margin-top:17px; margin-left:19px;}
/*footer*/
.footer { background: #0a6e85 url(../images/footer-bg.jpg) repeat-x top; margin-top:60px; min-height:393px;}
.f-linker{color:#79b7c5; font-size:14px; line-height:30px; padding-top:24px; text-align:center; height:30px; overflow:hidden; }
.f-linker a {color:#79b7c5; display:inline-block; margin:0 13px;}
.f-linker a:hover { color:#a5d9e5;}
.f-top { margin-top:50px; padding-bottom:30px; }
.f-left { float:left; margin-top:7px; width:180px; position:relative;}
.f-left:after{content:""; position:absolute; right:0; top:7px; width:1px; height:174px; background-color:#237d91; }
.f-left img { max-height:183px;}
.f-mid { float:left; width:360px; margin-left:50px; margin-top:20px;}
.f-right { float:left; width:200px; margin-top:20px;}
.f-ban {color:#cee2e7; font-size:18px; line-height:1; }
.f-con {color:#6ca8b6; font-size:14px; line-height:30px; margin-top:27px; }
.f-con a {color:#6ca8b6;}
.f-con a:hover {color:#9fd1dd;}
.f-list {color:#6ca8b6; font-size:14px; line-height:30px; margin-top:27px; }
.f-list ul li { float:left; width:50%;}
.f-list a {color:#6ca8b6;}
.f-list a:hover {color:#9fd1dd;}
.f-ewm { float:right;width:133px; position:relative;}
.f-ewm:after{content:""; position:absolute; left:-50px; top:7px; width:1px; height:174px; background-color:#237d91; }
.f-ewm .pic { width:133px; height:133px;}
.f-ewm .pic img{ width:133px; height:133px;}
.f-ewm .tit { text-align:center;color:#8abac5; font-size:14px; line-height:1; margin-top:17px; }
.f-copy {color:#6ca8b6; font-size:14px;line-height:30px; background:url(../images/f-copy.jpg) repeat-x top;padding:21px 0 18px 0; text-align:center;}
.f-copy a {color:#6ca8b6;}
.f-copy a:hover { color:#9bcfdb;}
/*n-position*/
.n-position { height:50px; border-bottom:#eeeeee solid 1px;color:#e2e2e2; font-size:14px; line-height:50px; margin-top:5px;}
.n-position a {color:#e2e2e2;}
.n-position a:hover {color:#187c93;}
.n-main { margin-top:54px;}
.n-left { float:left; width:265px;}
.n-left-ban { background:url(../images/n-left-ban.jpg) no-repeat bottom; height:60px; padding-bottom:16px;color:#70afb4; font-size:24px; line-height:60px; font-weight:bold; text-align:center;}
.n-left-ban span { margin-left:7px; color:#eeeeee; text-transform:uppercase;}
#curtips2 { overflow:hidden; margin-top:12px;}
#curtips2 .icon_jian{background: url(../images/jian.png) no-repeat center right; width: 41px;height: 11px;display: inline-block; background-size:11px 11px;float: right; margin-top:13px; cursor:pointer; margin-right:20px;}
#curtips2 .icon_jia{background: url(../images/jia.png) no-repeat center right;width: 41px;height: 11px; display: inline-block; background-size:11px 11px;float: right; margin-top:13px;cursor:pointer; margin-right:20px;}
#curtips2 ul .te>p{display: inline-block; width:265px;background:url(../images/l_pro.jpg) no-repeat no-repeat; color:#6d6d6d;   margin-top:7px;font-size: 0; height:40px; }
#curtips2 ul .active a{}
#curtips2 ul li a ,#curtips ul li span{text-decoration: none; font-size: 16px; cursor:pointer; padding-left:53px; }
#curtips2 ul li a { display:inline;color: #6d6d6d; line-height:40px; } 
#curtips2 ul li:hover p {background:url(../images/l_pro2.jpg) no-repeat no-repeat;}
#curtips2 ul li p.zi {background:url(../images/l_pro2.jpg) no-repeat no-repeat;}
#curtips2 ul li ul { padding:10px 0 10px 0;}
#curtips2 ul li ul li{line-height:30px; padding-left:22px; position:relative; }
#curtips2 ul li ul li:after{content:""; position:absolute; left:53px; top:12px; width:6px; height:6px; background-color:#187c93; }
#curtips2 ul li ul li a {color:#999999;font-size:14px;line-height:30px; }
#curtips2 ul li ul .active a {color:#187c93; font-weight:bold;}
#curtips2 ul li ul li a:hover { color:#187c93;}
#curtips2 ul .active ul li a{color:#187c93; font-weight:normal;}
#curtips2 .cl{display: block;}
#curtips2 .yinc{display: none;}
#curtips2 .zi a {color:#6d6d6d;}
#curtips2 .hui a {color:#6d6d6d;}
.n-right { float:right; width:680px;}
.n-right-ban { height:79px; background:url(../images/n-right-ban.jpg) no-repeat;}
.nrb-left { float:left;color: #70afb4;font-size: 23px; line-height:1; padding-left: 40px; margin-top:22px; }
.nrb-right { float:right; color:#777777; font-size:12px; line-height:1; margin-top:22px; padding-right:17px; }
.nrb-right a { color:#777777;}
.nrb-right a:hover { color:#187c93;}
.n-right-mid { min-height:470px; background:url(../images/n-right-mid.jpg) repeat-y; padding-bottom:30px;}
.n-right-bot { height:10px; background:url(../images/n-right-bot.jpg) no-repeat;}
.n-about { padding:10px 20px 20px 20px; color:#555555; font-size:14px; line-height:1.5;}
.n-about p,span img{max-width:100%;max-height:100%}
/*详情页*/
.n-show {  padding:10px 20px 20px 20px; height:auto; position:relative;}
.n-show .tit {  font-size:18px; text-align: center; line-height: 32px; color: #1a1a1a; text-transform:uppercase;}
.n-show .riqi { text-align: center; color: #666;font-size: 13px;  padding: 10px 0px 5px;}
.n-show .xian { height:1px; border-bottom: 1px solid #cccccc;}
.n-show .show div img{ max-width:100%;max-height:100%; text-align:center;}
.n-show .show img{ max-width:100%;max-height:100%; text-align:center;}
.n-show .show { padding: 10px 0px;  color:#555555; font-size:14px; line-height:1.5;}
.n-show .other { padding: 20px 0px; text-transform:uppercase;}
.n-show .other p{font-size: 13px; line-height:24px;color: #666;}
.n-show .other p a { color: #666;}
.n-show .other p a:hover { text-decoration:underline;}
.pagination { box-sizing: border-box;text-align:center; font-size:14px; margin-top:20px; }
.pagination a {  background-color:#cccccc;color:#FFF;  padding:5px 7px;}
.pagination a:hover { background-color:#70afb4; color:#FFF;}
.news_list{width:640px; font-size:14px;padding:10px 20px; }
.news_list ul li{ float:left;width:640px;line-height:26px; margin-bottom:3px;}
.news_list ul li a{float:left;width:640px;height:26px; font-size:14px;line-height:26px; color:#575757; border:1px solid #f0f0f0;background:url(../images/newslist.gif) 7px center no-repeat;}
.news_list ul li a:hover{background:url(../images/newslist.gif) 7px center no-repeat #c5dce1;color:#575757; border:1px solid #9ec4cc; }
.news_list ul li a span{ cursor:pointer; }
.news_list ul li .fl{width:400px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;padding-left:22px; }
.news_list ul li .fr{ margin-right:10px;}
.news_line{ clear:both;width:687px; height:18px; margin:18px 0;}
.news_list ul p{ font-size:12px; padding:10px 20px; line-height:20px; color:#ccc;}
/*n-piclist*/
.n-piclist {padding:10px 0 10px 8px;}
.n-piclist ul li{ float:left; width:208px;display:inline; margin:0 6px 20px;}
.n-piclist ul li .pic { width:202px; height:136px; margin:0 auto; padding:2px; margin-top:2px;  border:1px solid #a6d6e0;text-align:center; overflow:hidden; line-height:129px; background-color:#FFF;}
.n-piclist ul li .pic img { max-width: 100%;max-height: 100%;vertical-align: middle; }
.n-piclist ul li .tit {padding-left:22px; margin-top:3px; height:23px; background:url(../images/proico.gif) 8px center no-repeat #fff;border:1px solid #a6d6e0;  color:#70afb4; font-size:12px; line-height:23px;}
.n-piclist ul li:hover .tit {background:url(../images/proico01.gif) 8px center no-repeat #a6d6e0; }
.l_contact{ float:left; width:265px; margin-top:50px; }
.l_contact .contact_t{float:left;background:url(../images/l_contact.gif) no-repeat top left; height:63px; width:265px}
.l_contact .contact_t a{ float:left; margin:38px 0 0 160px; display:inline; width:95px; height:16px; }
.l_contact .contactmain{ padding:0; color:#9b9b9b;width:265px; line-height:26px;}
/*message*/
.message{ width:600px; height:auto;float:left;padding-left:70px; margin-top:30px;}
.message li{ width:500px;height:40px; float:left; margin:0px; padding:0px; cur/sor:pointer}
.message li input{ height:20px; line-height:20px; width:150px; border:1px solid #ccc;}
.message li p.message_title{ width:100px; height:25px; float:left; text-align:right; line-height:20px;}
.message li p.message_content{ width:400px; height:25px; float:left;}
.message li.contentb{ width:500px;height:160px; float:left;}
.message li.contentb textarea{ width:370px; height:120px;}
.message li.yzm{ width:500px;height:60px; float:left;}
.message li p.message_yzminput{ width:100px; height:15px; float:left;}
.message li p.message_yzminput input{ width:80px;}
.message li p.message_yzmico{ width:100px; height:40px; float:left;}
.message li p.message_sub{ width:100px; height:40px; float:left; margin-left:101px;}
.message li p.message_sub input[type=submit] {width:100px;text-align:center; height:34px; background-color:#70afb4; color:#fff; font-size:14px;  border-radius:5px; cursor:pointer; border:none;}
.message li p.message_sub input[type=submit]:hover{opacity:0.8;}

.message_content textarea{ border:1px solid #ccc;}

/*zaixianzixun*/
.zaixianzixun { position:fixed; bottom:200px; right:10px; width:60px; background-color:#70afb4; border-radius:5px; z-index:334; padding-bottom:10px;}
.z-ban {border-top-left-radius:5px; border-top-right-radius:5px; position:relative; height:18px;  }
.z-ban span { display:inline-block; position:absolute; top:0px; right:5px; line-height:1; font-weight:normal; font-size:20px; cursor:pointer;color:#f4f4f4;}
.z-ban span:hover {transform: rotate(360deg); transition: all 2s linear 0s;}
.z-con { width:60px; margin:0 auto; padding-top:2px;}
.z-qq { width:60px; height:60px; background:url(../images/z-qq.png) no-repeat center center; background-size:60px 60px; border-radius:50%; }
.z-qq a { display:block; width:100%; height:100%;}
.z-qq:hover {opacity:0.8;}
.z-wx { width:60px; height:60px; background:url(../images/z-wx.png) no-repeat center center;background-size:60px 60px; position:relative;transition: 0.5s; cursor:pointer; }
.z-wx .con{display:none; position:absolute; top:0; left:-147px; width:125px; height:165px;transition: 0.5s; padding:10px; background-color:#70afb4;border-radius:3px; }
.z-wx .pic { width:125px; height:125px;}
.z-wx .pic img { width:125px; height:125px;}
.z-wx .tit { text-align:center; line-height:40px; color:#FFF; font-size:16px;}
.z-wx:hover {transition: 0.5s; }
.z-wx:hover .con { display:block; transition: 0.5s;}


@media(max-width:980px){
.header{width:980px; margin:0 auto;}
.banner-box {width:980px; margin:0 auto;}
}