body{ font:12px/1.5 '微软雅黑',arial,'宋体',simsun,sans-serif; margin:0 auto; padding:0; background:#fff; overflow-x:hidden; max-width:1920px;}


@font-face {
  	font-family: "wigrumweb-bold";
  	src: url("../font/wigrumweb-bold.woff2") format("woff2"),
       url("../font/wigrumweb-bold.woff") format("woff"),
       url("../font/wigrumweb-bold.ttf") format("truetype"),
       url("../font/wigrumweb-bold.eot") format("embedded-opentype"),
       url("../font/wigrumweb-bold.svg") format("svg");
    font-style: normal;
    font-weight: normal;
}
/*@font-face {
  	font-family: "微软雅黑";
  	src:
       url("../font/msyh.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}*/

/*链接整体设置*/
a{ text-decoration:none; color:#333; transition:all .15s; border:none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; outline:none;}
a:hover{ color:#009999;}
a:active{ color:#333;}
a{ blr:expression(this.onFocus=this.close());}
a{ blr:expression(this.onFocus=this.blur());}
div:focus,*:focus,a:focus,input:focus,button:focus,textarea:focus,select:focus{ outline:none; hide-focus:expression(this.hideFocus=true);}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;}
input[type=button],input[type=submit],input[type=file],button{ -webkit-appearance:none;} 

/*公用样式*/
div,table,tr,td,img,ul,li,ol,h1,h2,h3,h4,h5,h6,p,em,i,font,span,b,dl,dt,dd,form,textarea,input,select{ margin:0; padding:0; font-style:normal; font-family:'微软雅黑'; box-sizing:border-box;}
ul,li,ol{ list-style-type:none;}
h1,h2,h3,h4{font-weight:500;}
img{ border:none; -ms-interpolation-mode:bicubic;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0px; height:0px; overflow:hidden;}
.hidden{display:none;}
.w{ max-width:1523px; width:95%; margin:0 auto; max-height:999999px;}
.comflex{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.comflex1{ display:flex; flex-wrap:wrap;}
.comflex2{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
@font-face{ font-family:impact; /* IE9+ */}
.pic{ position:relative; width:100%; overflow:hidden;}
.dfimg{ display:block; width: 84%;}
.pic_w{ position:absolute; left:0; right:0; top:0; bottom:0;}

/*header*********************************************************************/
.head{ height:114px; position:relative; transition:all linear .2s; z-index:55;}
.head-fixed{ width:100%; height:114px; background:#fff; position:fixed; top:0; left:0; right:0; z-index:10; transition:all linear .2s;}
.head-fixed_hover{ background:#fff;}
.head .w{ position:relative;}
.logo{ margin-top:17px; float:left;}
.nav{ float:right;}
.plebans{ font-size:16px; line-height:45px;}
.plebans a{ color:#333; display:block; padding:0 18px;}
.nav li{ position:relative;}
.nav li .plebans a:hover,.nav li.on .plebans a{ color:#ffffff; background-color:#009999; padding:0 18px;}
.goutp{ display:none; position:absolute; top:45px; left:-15px; right:-15px; text-align:center; padding:10px 0; z-index:10; background:rgba(255,255,255,.9); -webkit-box-shadow:0 2px 8px rgba(0,0,0,0.09); -moz-box-shadow:0 2px 8px rgba(0,0,0,0.09); box-shadow:0 2px 8px rgba(0,0,0,0.09);}
.goutp p{ font-size:14px; line-height:36px;}
.nav li:nth-child(5) .goutp{ left:-30px; right:-30px;}

.nav .animated{-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.navSlide{-webkit-animation-name:navSlide;animation-name:navSlide}
@keyframes navSlide{0%{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;visibility:visible}100%{-webkit-transform:translateY(0);opacity:1;transform:translateY(0)}}

.blue{ color:#009999 !important;}
.grey{ color:#888888;}
.language {
    float: left;
    font-weight: bold;
    position: absolute;
    right: 0;
}
.ss {
    width: 144px;
    height: 23px;
    background: url(../images/ss_1.png) no-repeat;
    float: right;
    line-height: 23px;
    position: relative;
    top: 38px;
}
.ss1{ border:none; width:100px; height:19px; line-height:19px; margin-left:8px; margin-top:2px;}
.ss_btn{ background:none; border:none; width:25px; height:22px; float:right; cursor:pointer;}
.w1{ width:405px; margin-top:21px; }

.sjhedes{ display:none; height:96px;}
.tuerhed{ position:fixed; width:100%; top:0; left:0; z-index:88; background:#fff; height:96px; box-shadow:1px 1px 0 rgba(33,29,30,.2); padding:0 2.5%;}
.losdj{ float:left;}
.losdj img{ height:54px; display:block; margin-top:21px;}
.sanh{ float:right; width:50px; padding:10px; margin:10px 0px;}
.sanh>div{ height:5px; margin:10px 0px; width:100%; transition:transform 0.5s,opacity 0.5s;}  
.sanh>div{ background-color:#333;}
.fuernavt{ position:fixed; padding-top:96px; top:0px; left:-100%; width:100%; height:100%; background-color:#fff; z-index:8;}
.benrvav{ width:100%; height:100%; overflow:hidden; overflow-y:scroll;}
.shojvas>a{ display:block; text-align:center; font-size:25px; line-height:200%; padding:10px 0px; border-bottom:1px solid #bbb; color:#333;}
.shojvas>div{ display:block; text-align:center; font-size:25px; line-height:200%; border-bottom:1px solid #bbb;}
.shojvas>div a{ color:#333;}
.showzhen{ position:relative;}
.jd{ position:absolute; top:26px; right:25px; width:11px; height:18px; background:url(../images/arrow4.svg) no-repeat center; background-size:100%; transition:transform 0.5s; z-index:-1;}
.maei{ padding:10px 0; font-size:25px; color:#333;}
.maei a{ color:#333; display:inline;}
.shopernc{ overflow:hidden; height:0px;}
.shopernc>div a,.shopernc .maei.line1{ display:block; text-align:center; font-size:24px; color:#666; padding:10px 0px; line-height:50px; border-top:1px solid #eee;}
.shopernc>div a.gray{ color:#666;}
.shopernc>div .maei a{ color:#666;}
.shopernc>div>div>div a{ color:#999;}
.shopernc .maei.line1{ border-top-color:#ddd;}
.shopernc .maei.line1 a{ display:inline!important; line-height:inherit; border:none; padding:0;}
.tesd>div{ background-color:#333!important;}
.tesd>div:nth-child(1){ transform:translate3d(0px,15px,0px) rotate(45deg);}
.tesd>div:nth-child(2){ opacity:0;}
.tesd>div:nth-child(3){ transform:translate3d(0px,-15px,0px) rotate(-45deg);}

.banner{ position:relative; z-index:5;}
.banner .swiper-slide img{ max-width:100%; display:block; margin:0 auto;}
.banner .swiper-pagination{ bottom:40px; width:300px; margin:0 auto; position: relative;}
.banner .swiper-pagination-bullet{ width:30px; height:5px; border-radius:2px; transition:all linear .2s; background:#ffffff; opacity:1; margin:0 7px !important;}
.banner .swiper-pagination-bullet-active{ opacity:1;background:#009999;}
@-webkit-keyframes bannerPulse {
  	0% {
    	-webkit-transform: scale(1.5);
    	transform: scale(1.5);
  	}
  	100% {
    	-webkit-transform: scale(1);
    	transform: scale(1);
  	}
}
@keyframes bannerPulse {
  	0% {
    	-webkit-transform: scale(1.5);
    	-ms-transform: scale(1.5);
    	transform: scale(1.5);
  	}
  	100% {
    	-webkit-transform: scale(1);
    	-ms-transform: scale(1);
    	transform: scale(1);
  	}
}
.banner_btn{ position: absolute;z-index: 999999;right: 195px;bottom: 21px;}
.banner_btn li{ float:left; margin-left:14px;}
.banner_btn li img{ max-width:100%; height:auto;}
.mobile_banner_btn{ display:none;}


.listcons{position: absolute;bottom: 14px; padding-top: 10px;padding-bottom: 10px;z-index: 999999; right: 195px; width:450px;}
.listcons{ padding-left:0;}
.listcons .listbox{margin: 0 -6px;overflow: hidden;width: calc(100% + 12px);}
.listcons .listbox .list{width: 33.333%;float: left;padding: 0 6px;}
.listcons .listbox .list a{display: block;background: rgba(44,67,143,0.8);font-size: 0;padding: 0 15px;}
.listcons .listbox .list a:hover{background: rgba(44,67,143,0.4);}
.listcons .listbox .list a img{width: 25px;display: inline-block;vertical-align: middle;}
.listcons .listbox .list a .words{font-size: 16px;color: #fff;line-height: 45px;display: inline-block;vertical-align: middle;padding-left: 12px;}
.listcons .listbox .list:nth-child(even) a{background: rgba(113,139,198,0.8);}
.listcons .listbox .list:nth-child(even) a:hover{background: rgba(113,139,198,0.4);}

.con1{ padding:135px 0 101px 0; background:url(../images/bg1.png) #fff right bottom no-repeat;}
.con1_pro{ width:62%;}
.con1_pro .pic{ width:51.80722891566265%; overflow:hidden;}
.con1_pro .pic_w img{ display:block; margin:0 auto; max-width:100%; max-height:100%; width:auto !important;}
.con1_pro .txt{ width:38.55421686746988%;}
.con1_pro .txt i{ display:block; font-size:16px; color:#999; line-height:1.5;}
.con1_pro .txt h3{ font-size:46px; font-weight:bold; color:#333; line-height:1.5; margin:35px 0 50px 0; letter-spacing:1px;}
.con1_pro .txt h4{ font-size:24px; color:#666; line-height:1.5; margin-bottom:45px; letter-spacing:1px; text-transform:uppercase;}
.con1_pro .txt p{ line-height:1.857142857142857; font-size:14px; color:#999; letter-spacing:1px;}
.con1_pro .txt a{ font-size:14px; color:#333; padding-left:38px; line-height:35px; display:inline-block; background:url(../images/more.png) left center no-repeat; margin-top:75px;}
.con1_pro .txt a:hover{ color:#009999;}
.con1_sider{ width:27.985%; min-height:724px;}
.con1_sider .swiper-slide{ height:auto!important; padding-bottom:24px;}
.con1_sider em{ display:block; font-size:24px; color:#333; line-height:1; margin-bottom:9px;}
.con1_sider p{ font-size:16px; color:#999; line-height:1.6875; text-transform:uppercase;}
.con1_sider i{ display:block; font-size:0; overflow:hidden; height:25px;}
.con1_sider .swiper-slide-thumb-active em{ color:#009999;}
.con1_sider .swiper-slide-thumb-active p{ color:#009999;}
.con1_sider .swiper-slide-thumb-active i{ color:#009999; font-size:16px;}

.con2{ background:url(../images/about_bg.jpg) center top no-repeat; padding:120px 0; position:relative; height:805px;}
.con2:before,.con2:after{ content:""; display:block; position:absolute; font-size:0; overflow:hidden;}
.con2:before{ right:0; top:0; width:123px; height:113px;}
.con2:after{ left:0; bottom:0; width:99px; height:124px;}
.titc{ font-size:46px; color:#f6f6f4; font-weight:bold; line-height:1.5; margin-bottom:10px;}
.about_con{ float:left; width: 60%;}
.about_con img{ width:100%;}
.about_con_top{ float:left; margin-left:2%; margin-top:72px; width: 38%;}
.about_con_top b{ width:100%; float:left; font-size:20px;  color:#a9a9a9;}
.about_con_top p{ font-size:16px; color:#000; line-height:30px; margin-top:101px; text-align:justify;}
.about_more{ width:146px; height:43px; float:left; margin-top:67px; border:#000000 solid 1px; border-radius:50px; font-size:18px; color:#000000; line-height:43px; text-align:center;}
.about_more:hover{ width:146px; height:43px; float:left; margin-top:67px; border:#009999 solid 1px; background-color:#009999; border-radius:50px; font-size:18px; color:#ffffff; line-height:43px; text-align:center;
-webkit-transition: all .3s ease-out 0s; 
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}

.con3{ background:url(../images/produc_bg.jpg) no-repeat; overflow:hidden; height:1108px;}
.con3 .titc{ color:#333;}
.con3 .news_list{ padding:40px 0 0 0;}
.p1{ width:100%; text-align:center; float:left; margin-top: 70px;}
.p1 p{ width:100%; text-align:center; float:left; font-size:20px;  color:#a9a9a9;}
.p1_txt{ width:100%; text-align:center; float:left; line-height:35px; font-size:16px; color:#888888; margin-top:7px; margin-bottom:45px;}
.product_list li{ width:33.33%; margin-right:55px;}
.product_list li .lic{ position:relative;}
.product_list li .title{ background:url(../images/p_2.jpg) no-repeat; width:73px; height:324px; position:absolute; z-index: 999; font-size:18px; color:#FFF;writing-mode: vertical-lr;letter-spacing: 7px; line-height:73px; margin-top: 55px; margin-left: 20px; text-align:center;}
.product_list li img{ position:relative;}

.con4{ position:relative;}
.hy1{ width:100%; float:left; text-align:center; margin-top:44px;}
.hy1 p{ width:100%; text-align:center; float:left; font-size:20px;  color:#a9a9a9;}
.hy1_txt{ width:100%; text-align:center; float:left; line-height:25px; font-size:16px; color:#888888; margin-top:33px; margin-bottom:48px;}
.hyy{ width:100%; float:left; background-color:#edeeee;}
.hyy_lt{ float:left; width:46%;padding-top: 5px;}
.hyy_lt li{ float:right; text-align:center; font-size:16px; color:#000000; font-weight:bold; margin-top: 9px; margin-left:13px; margin-right:13px;}
.hyy_lt li .hyyy1{ background:url(../images/hy_1.jpg) no-repeat; width:315px; height:70px; float:left; padding-top:159px;}
.hyy_lt li .hyyy1:hover{ background:url(../images/hy_1_2.jpg) no-repeat; display:block; color:#ffffff;}
.hyy_lt li .hyyy2{ background:url(../images/hy_2.jpg) no-repeat; width:315px; height:70px; float:left; padding-top:159px;}
.hyy_lt li .hyyy2:hover{ background:url(../images/hy_2_2.jpg) no-repeat; display:block; color:#ffffff;}
.hyy_lt li .hyyy3{ background:url(../images/hy_3.jpg) no-repeat; width:315px; height:70px; float:left; padding-top:159px;}
.hyy_lt li .hyyy3:hover{ background:url(../images/hy_3_2.jpg) no-repeat; display:block; color:#ffffff;}
.hyy_lt li .hyyy4{ background:url(../images/hy_4.jpg) no-repeat; width:315px; height:70px; float:left; padding-top:159px;}
.hyy_lt li .hyyy4:hover{ background:url(../images/hy_4_2.jpg) no-repeat; display:block; color:#ffffff;}
.hyy_lt li .hyyy5{ background:url(../images/hy_5.jpg) no-repeat; width:315px; height:70px; float:left; padding-top:159px;}
.hyy_lt li .hyyy5:hover{ background:url(../images/hy_5_2.jpg) no-repeat; display:block; color:#ffffff;}
.hyy_lt li .hyyy6{ background:url(../images/hy_6.jpg) no-repeat; width:315px; height:70px; float:left; padding-top:159px;}
.hyy_lt li .hyyy6:hover{ background:url(../images/hy_6_2.jpg) no-repeat; display:block; color:#ffffff;}
.hyy_rl{ float:left; width:54%; overflow:hidden; height:731px; position:relative;}
.hyy_rl img{ width: 100%; position:absolute; z-index:10;}
.con-ggh{ position:relative; width:100%; height:100%; z-index:99;}
.con-ggh li{ width:65%; margin:0 auto; padding:15% 0;}
.con-ggh li span{ font-size:30px; font-weight:bold; color:#FFF; line-height:60px;}
.con-ggh li p{ font-size:16px; color:#FFF; line-height:2; margin-top: 20px;}
.con-ggh li .but{ height:40px; line-height:40px; font-size:16px; color:#FFF; border-radius:50px; border:#FFF solid 1px; padding:0 30px; margin-top:30px; float:left;}
.con-ggh-bg{ background-color:#009999; width:100%; height:100%; z-index:99;opacity: .8;}
.hyy_rl .bg_img {
    opacity: .1;
}
.bg_img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    transform: translate(-50%,0);
}
.con5{}
.p3{ width:100%; text-align:center; float:left; margin-top: 50px; margin-bottom: 45px;}
.p3 p{ width:100%; text-align:center; float:left; font-size:20px;  color:#a9a9a9;}
.left_news1{ width:287px; height:320px; background:url(../images/news_bg.png) no-repeat; float:left; padding-top:122px;}
.left_news1 li{ width:177px; height:41px; line-height:41px;border-radius: 25px; background-color:#ffffff; text-align:center; margin:0 auto 24px;}
.left_news1 li a{ font-size:16px; color:#009999; font-weight:bold;}
.left_news2{ width:380px; height:320px; float:left; margin-left:29px; overflow: hidden;}
.left_news2 a{ position:absolute;}
.left_news2 p{ float:left;width: 380px;height: 320px;position: absolute;background-size: 120% !important;}
.left_news2 img {
    position: relative;
    z-index: 1;
    transition: all 0.5s;
    top: -25px;
    width:380px;
    height:320px;
}
.left_news2 a:hover img{ transform: scale(1.1);}
.left_news2 span {
    width: 100%;
    height: 35px;
    line-height: 35px;
    background-color: #717071;
    font-size: 16px;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    z-index: 999;
    left: 0;
    text-indent: 10px;
}
.left_news3{ width:765px; float:left; margin-left:61px;}
.left_news3 li{ float:left; border-bottom:#b4b4b5 dashed 1px;width: 100%; line-height:45px; background:url(../images/icon.png) no-repeat left; padding-left:12px; margin-top: 7px;}
.left_news3 li a{ color:#595757; font-size:16px; display:block;}
.left_news3 li span{ width:129px; float:right; text-align:right;}
.left_news3 li a:hover{ color:#009999;}
@keyframes changeBiger1 {
    from{ transform:scale(1.3)}
    25%{ transform:scale(1.1)}
    50%{ transform:scale(.9)}
    75%{ transform:scale(1.1)}
    to{ transform:scale(1.3)}
}
.amap-toolbar,
.amap-overviewcontrol,
.amap-scalecontrol,
.amap-copyright,
.amap-logo { display:none!important;}
#mapContainer{ height:595px; width:100%; z-index:44!important; position:relative;}
#mapContainer:before{ content:""; display:block; position:absolute; font-size:0; overflow:hidden; left:0; right:0; top:0; bottom:0; z-index:43; background:url(../images/bg4.png) center center no-repeat; background-size:cover; pointer-events:none;}
.myinfowindow{ background:url(../images/logo.png) center center no-repeat; background-size:cover; width:324px; height:38px;}
.myinfowindow h5,.myinfowindow div{ display:none;}
.con4_w{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:55; pointer-events:none;}
.con4_w ul{ pointer-events:auto; width:50%;}
.con4_w ul li{ padding:18px 0 18px 100px; position:relative;}
.con4_w ul li:before{ content:""; display:block; position:absolute; font-size:0; overflow:hidden; left:40px; top:35px; width:40px; z-index:43; background:#fff; height:1px;}
.con4_w ul li em{ display:block; font-size:20px; font-weight:bold; color:#fff; line-height:1.75;}
.con4_w ul li p{ font-size:16px; color:#fff; line-height:2;}

.nyban{ width:100%; position:relative;}
.nyban:before{ content:""; display:block; position:absolute; font-size:0; overflow:hidden; left:0; right:0; top:0; bottom:0; z-index:0; background:rgba(0,84,163,.12);}
.nyban img{ display:block; margin:0 auto; max-width:100%;}
.nyban .w{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center; z-index:2;}
.nyban em{ display:inline-block; color:#fff; font-size:40px; font-weight:bold; line-height:2.35;}
.nyban em:after{ content:""; display:block; position:absolute; font-size:0; overflow:hidden; left:50%; margin-left:-21px; width:42px; height:5px; bottom:0; z-index:0; background:#fff;}

.location{ background:#fff; border-bottom:1px solid #ededed;}
.location ul li{ padding-right:4.478%; line-height:70px;}
.location ul li:last-child{ padding:0;}
.location ul li a{ font-size:16px; color:#666; padding:0 10px; display:block; position:relative;}
.location ul li a:after{ content:""; display:block; position:absolute; font-size:0; overflow:hidden; bottom:-1px; z-index:0; left:0; right:0; transition:all 0.6s;}
.location ul li.cur a,.location ul li a:hover{ color:#009999;}
.location ul li.cur a:after,.location ul li a:hover:after{ height:2px; background:#009999;}

.about_w{ padding:65px 0;}
.about1_pic{ width:29.85074626865672%;}
.about1_pic img{ display:block; width:100%;}
.about1_txt{ width:66.41791044776119%;}
.about1_txt .con2_txt *{ color:#666;}
.about1_txt .con2_list{ padding-top:45px;}
.about1_txt .con2_list li{ width:50%; margin-top:20px;}
.about1_txt .con2_list li:after{ border-right:1px solid #dedede;}
.about1_txt .con2_list li:nth-child(2n):after{ display:none;}
.about1_txt .con2_list li p{ color:#999;}
.about1_txt .con2_list li span{ color:#333;}
.about1_txt .con2_list li i.i1{ background-position:-40px 0;}
.about1_txt .con2_list li i.i2{ background-position:-40px -40px;}
.about1_txt .con2_list li i.i3{ background-position:-40px -80px;}
.about1_txt .con2_list li.hover span{ color:#009999;}
.about1_txt .con2_list li.hover i.i1{ background-position:-80px 0;}
.about1_txt .con2_list li.hover i.i2{ background-position:-80px -40px;}
.about1_txt .con2_list li.hover i.i3{ background-position:-80px -80px;}

.culture_txt{ width:50%; border:1px solid #eee; padding:0 4%;}
.culture_txt .clear{ width:100%;}
.culture_txt h3{ color:#333; font-size:32px; font-weight:bold; line-height:1.5;}
.culture_txt ul{ padding-top:25px;}
.culture_txt ul li{ position:relative; padding:0 0 15px 82px; font-size:16px; line-height:1.875; color:#333;}
.culture_txt ul li em{ position:absolute; left:0; top:0;}
.culture_txt ul li p{ margin-bottom:6px;}
.culture_txt ul li p:last-child{ margin:0;}
.culture_pic{ width:50%;}
.culture_pic img{ display:block; width:100%;}

.honor_w{ padding:55px 0 65px 0;}
.honor_tit{ text-align:center; color:#333; font-size:40px; font-weight:bold; line-height:1.5;}
.honer_list ul{ width:102%;}
.honer_list ul li{ width:23%; text-align:center; margin:2% 2% 0 0;}
.honer_list ul li a{ display:block; position:relative;}
.honer_list ul li a:after{ content:""; display:block; position:absolute; font-size:0; overflow:hidden; transition:all 0.6s; bottom:48px; top:0; z-index:0; left:0; right:0;}
.honer_list ul li .pic{ border:1px solid #eee;}
.honer_list ul li p{ font-size:16px; color:#333; line-height:48px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; transition:all 0.6s;}
.honer_list ul li.hover a:after{ background:url(../images/ico2.png) rgba(0,84,163,.88) center center no-repeat;}
.honer_list ul li.hover p{ color:#fff; background:#009999;}
.certificate_bg{ background:#ededed;}
#zoom{ z-index:99990; position:fixed; top:0; left:0; display:none; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
#zoom .content{ z-index:99991; position:absolute; top:50%; left:50%; width:200px; height:200px; background:#fff no-repeat 50% 50%; padding:0; margin:-100px 0 0 -100px; box-shadow:-10px 10px 10px rgba(0, 0, 0, 0.3); border-radius:4px;}
#zoom .content.loading{ background-image:url('../images/loading.gif');}
#zoom img{ display:block; max-width:none; background:#ececec; box-shadow:0 1px 3px rgba(0,0,0,0.25); border-radius:4px;}
#zoom .close{ z-index:99993; position:absolute; top:0; right:0; width:49px; height:49px; cursor:pointer; background:transparent url('../images/close4.png') no-repeat 50% 50%; opacity:1; filter:alpha(opacity=100); border-radius:0 0 0 4px;}
#zoom .previous,
#zoom .next{ z-index:99992; position:absolute; top:50%; overflow:hidden; display:block; width:49px; height:49px; margin-top:-25px;}
#zoom .previous{ left:0; background:url('../images/arrows.png') no-repeat 0 0; border-radius:0 4px 4px 0;}
#zoom .next{ right:0; background:url('../images/arrows.png') no-repeat 100% 0; border-radius:4px 0 0 4px;}
#zoom .close:hover,
#zoom .previous:hover,
#zoom .next:hover{ background-color:#009999;}
#zoom p{ text-align:center; color:#fff; font-size:16px; position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); z-index:99992; line-height:2; padding:10px 0;}
.more{ font-size:14px; color:#333; margin-top:40px;}
.more a{ color:#333; padding-right:25px; position:relative;}
.more a font{ transform:rotate(90deg); display:block; position:absolute; top:0; right:0; font-family:"simsun";}
.more a:hover{ color:#009999;}

.organization{ width:100%;}
.organization img{ display:block; width:100%;}

.news_bg{ background:#ededed; padding:80px 0;}
.news_bg .news_list{ width:102.985%;}
.news_bg .news_list li{ width:30.348333333333%; margin:0 2.985% 2.985% 0;}
.news_show{ width:100%;}
.news_detail{ background:#f8f8f8; width:67.16417910447761%; padding:30px 2.985%;}
.news_tit{ border-bottom:1px solid #ccc; padding-bottom:15px;}
.news_tit h3{ font-weight:bold; color:#333; font-size:32px; line-height:1.5; margin-bottom:10px;}
.news_tit .other{ line-height:26px; overflow:hidden;}
.news_tit .other em{ font-size:14px; color:#999; margin-right:25px; padding-left:20px; display:inline-block; float:left; position:relative;}
.news_tit .other em:before{ content:""; display:block; position:absolute; font-size:0; overflow:hidden; z-index:0; left:0; top:50%; width:18px; height:26px; margin-top:-13px; background:url(../images/ico3.png) no-repeat;}
.news_tit .other em.time:before{ background-position:0 0;}
.news_tit .other em.eye:before{ background-position:0 -26px;}
.news_tit .other span{ font-size:13px; color:#999;}
.news_txt{ padding:20px 0;}
.news_txt *{ color:#666; font-size:14px; line-height:1.714285714285714;}
.news_txt img{ display:block; max-width:100%; margin:0 auto;}
.news_rt{ width:29.85074626865672%;}
.news_rt ul li{ padding-bottom:20px;}
.news_rt ul li:last-child{ padding-bottom:0;}
.news_rt ul li a{ display:block; background:#f8f8f8; padding:15px 5%; position:relative;}
.news_rt ul li em{ display:block; font-size:16px; color:#999; line-height:1.625; margin-bottom:10px;}
.news_rt ul li p{ color:#333; font-size:16px; line-height:1.625;}
.news_rt ul li span{ line-height:1.875; font-size:14px; color:#999; position:absolute; right:5%; top:15px;}
.news_rt ul li a:hover p{ color:#009999;}

.contant{ background:#ededed;}
.map{ width:44.79166666666667%;}
.map #mapContainer{ height:900px;}
.contant .w{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.contant_txt{ width:50%; float:right;}
.contant_txt img{ display:block; max-width:100%; margin-bottom:27px;}
.contant_txt ul{ border-top:4px solid #000;}
.contant_txt ul li{ position:relative; padding:28px 0; border-bottom:1px solid #d5d5d5; width:100%; line-height:1.5625;}
.contant_txt ul li.li1{ width:44%;}
.contant_txt ul li.li1:after{ content:""; display:block; position:absolute; font-size:0; overflow:hidden; bottom:28px; top:28px; background:#d5d5d5; z-index:0; width:1px; right:0;}
.contant_txt ul li.li2{ width:56%; padding-left:70px;}
.contant_txt ul li em{ display:block; color:#999; font-size:16px; padding-left:57px;}
.contant_txt ul li p{ font-size:16px; color:#333; padding-left:57px;}
.contant_txt ul li i{ display:block; position:absolute; left:0; top:50%; border:2px solid #333; width:42px; height:42px; border-radius:50%; margin-top:-21px; background:url(../images/ico4.png) no-repeat;}
.contant_txt ul li.li2 i{ left:70px;}
.contant_txt ul li i.i1{ background-position:0 0;}
.contant_txt ul li i.i2{ background-position:0 -40px;}
.contant_txt ul li i.i3{ background-position:0 -80px;}
.contant_txt ul li i.i4{ background-position:0 -120px;}
.contant_txt ul li i.i5{ background-position:0 -160px;}
.contant_txt .txt{ padding:40px 0 0 0;}
.contant_txt .txt p{ font-size:16px; color:#999; line-height:1.875;}
.contant_txt .ewm{ margin-right:20px; text-align:center;}
.contant_txt .ewm img{ margin:0; width:110px; height:110px; display:block;}
.contant_txt .ewm p{ color:#666; padding-top:5px;}

.pro_bg{ background:#ededed; padding:60px 0;}
.pro_list{ width:101.5%; padding-bottom:20px;}
.pro_list li{ background:#fff; width:48.5%; margin:0 1.5% 1.5% 0;}
.pro_list li a{ padding:30px 0 30px 4.55%;}
.pro_list li .txt{ width:63.63636363636364%;}
.pro_list li .txt .clear{ width:100%;}
.pro_list li .txt h3{ position:relative; border-bottom:1px solid #ededed; font-size:24px; color:#333; font-weight:bold; line-height:1.416666666666667; padding-bottom:17px; transition:all 0.6s;}
.pro_list li .txt h3:after{ content:""; display:block; position:absolute; font-size:0; overflow:hidden; bottom:-1px; height:2px; background:#009999; z-index:0; transition:all 0.6s; width:70px; left:0;}
.pro_list li .txt p{ font-size:14px; color:#999; line-height:1.857142857142857; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin:37px 0;}
.pro_list li .txt em{ line-height:1; margin-bottom:4px; display:block; font-size:14px; color:#666; transition:all 0.6s;}
.pro_list li .txt em font{ padding-left:10px;}
.pro_list li .pic{ width:36.36363636363636%;}
.pro_list li.hover h3:after{ width:100%;}
.pro_list li.hover h3,.pro_list li.hover em{ color:#009999;}

.pro_dt1{ padding:95px 0; background:#fff;}
.pro_dt1 .pic{ width:50%; padding:0 8.9%;}
.pro_dt1 .pic img{ display:block; margin:0 auto; max-width:100%;}
.pro_dt1 .txt{ width:44%; padding:30px 2.24% 0 0;}
.pro_dt1 .txt h3{ position:relative; border-bottom:1px solid #ededed; font-size:24px; color:#333; font-weight:bold; line-height:1.416666666666667; padding-bottom:17px; transition:all 0.6s; margin-bottom:25px;}
.pro_dt1 .txt h3:after{ content:""; display:block; position:absolute; font-size:0; overflow:hidden; bottom:-1px; height:2px; background:#009999; z-index:0; transition:all 0.6s; width:70px; left:0;}
.pro_dt1 .txt h4{ font-size:18px; color:#666; font-weight:bold; line-height:2.666666666666667;}
.pro_dt1 .txt .txt_c{ font-size:14px; color:#999; line-height:1.857142857142857; padding-bottom:40px;}
.pro_dt1 .txt .txt_c img{ display:block; max-width:100%; margin:7px 0;}
.pro_dt1 .txt .f_tell{ margin-top:60px;}
.pro_dt2{ padding:0 0 80px 0;}
.pro_nav{ border:1px solid #dbdbdb;}
.pro_nav a{ width:16.66666666666667%; text-align:center; font-size:18px; color:#666; font-weight:bold; line-height:84px;}
.pro_nav a.cur{ background:#009999; color:#fff;}
.pro_dt2_c{ border-bottom:1px solid #dbdbdb; padding:2.985%; position:relative;}
.pro_dt2_c .dt{ position:absolute; top:-82px; left:0; font-size:0; overflow:hidden;}
.pro_tit{ font-size:18px; font-weight:bold; color:#666; line-height:1.5;}
.pro_dt2_txt{ font-size:14px; color:#999; line-height:1.857142857142857; padding:11px 0 0 0;}
.pro_dt2_txt img{ display:block; max-width:100%; margin:7px 0;}

.case_w{ padding:80px 0;}
.case_list{ padding:0 0 40px 0;}
.case_list li{ position:relative; width:50%; border:1px solid #ededed; margin-top:-1px; margin-left:-1px;}
.case_list li .txt_top{ position:relative; padding:14px 0 14px 100px;}
.case_list li .txt_top i{ position:absolute; left:38px; top:50%; margin-top:-22px; color:#fff; border-radius:50%; width:44px; display:block; height:44px; line-height:44px; text-align:center; font-size:20px; font-family:"impact"; background:#009999;}
.case_list li .txt_top em{ display:block; font-size:20px; font-weight:bold; color:#333; line-height:1.6;}
.case_list li .txt_top p{ font-size:14px; color:#999; line-height:1.571428571428571;}
.case_list li .txt_top a{ font-size:14px; color:#666; position:absolute; right:38px; top:50%; line-height:30px; margin-top:-15px; padding-right:20px;}
.case_list li .txt_top a font{ transform:rotate(90deg); display:block; position:absolute; top:0; right:0; font-family:"simsun";}
.case_list li .txt_top a .b2{ display:none;}
.case_list li .txt_bot{ display:none; padding:5px 52px 14px 52px; position:absolute; left:0; right:0; top:82px; background:#f5f5f5; z-index:5;}
.case_list li .txt_bot p{ font-size:16px; line-height:2; color:#666;}
.case_list li.lihover{ background:#f5f5f5;}
.case_list li.lihover .txt_top a .b1{ display:none;}
.case_list li.lihover .txt_top a .b2{ display:inline-block;}
.case_list li.lihover .txt_top a .b2 font{ transform:rotate(-90deg);}

.page a{ display:inline-block; background:#fff; border:1px solid #eee; border-left:none; font-size:16px; color:#666; line-height:40px; padding:0 20px; text-transform:uppercase;}
.page a.cur,.page a:hover{ background:#009999; border-top-color:#009999; border-bottom-color:#009999; color:#fff;}
.page a:first-child{ border-left:1px solid #eee;}
.p_rt a{ font-size:14px; border-right:none; border-left:1px solid #eee;}
.p_rt a:last-child{ border-right:1px solid #eee;}

.product_list li .pic_w img,.honer_list li .pic_w img,.pro_list li .pic_w img{ display:block; max-width:100%; max-height:100%; transition:all 0.6s; margin:0 auto;}
.product_list li.hover .pic_w img,.honer_list li.hover .pic_w img,.pro_list li.hover .pic_w img{ transform:scale(1.05);}

/*foot style*********************************************************************/
.footer{ width:100%; background:#edeeee;}
.foot1{ padding:45px 0; border-top:1px solid #e0e0e0;}
.foot1 ul{ width:auto; border-right:#384e95 solid 1px;}
.foot1 ul li{ width:auto; padding-right: 100px;}
.foot1 ul li:last-child{ padding:0;}
.foot1 ul li span{ display:block; font-size:16px; line-height:50px;}
.foot1 ul li span a{ color:#000000; font-weight:bold;}
.foot1 ul li p{ color:#000000; font-size:16px; line-height:30px;}
.foot1 ul li p a{ color:#000000;}
.foot1 ul li a:hover{ color:#009999!important;}
.foot1 ul li em{ min-width:135px; display:inline-block;}
.foot1 ul li p em:last-child{ min-width:inherit;}
.foot1 .lxfs{ padding-top:17px;}
.foot1 .lxfs img{ border-bottom:#b6b7b7 solid 1px; margin-bottom:39px;}
.foot1 .lxfs p{ font-size:16px; color:#231815; line-height:1.5; padding-top:5px;}
.foot{ line-height:60px; font-size:16px; color:#b2b5c0; background-color:#009999;}
.foot a{ color:#b2b5c0; padding:0 10px;}


#m-b-bar {
    display: none;
}


.content-common {
	width: 100%;
	padding: 60px 0 0;
	overflow: hidden;
	position: relative;
	background-color: #f7f7f7;
}
.content-common:before {
	content: '';
	display: block;
	width: 384px;
	height: 100%;
	overflow: hidden;
	background-color: #FFFFFF;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -960px;
}
.left-common {
	width: 500px;
	overflow: hidden;
	position:absolute;
	left: 50%;
	top: 210px;
	margin-left: -875px;
	z-index: 2;
}
.left-common h2 {
	font-family: "wigrumweb-bold";
	font-size: 100px;
	line-height: 80px;
	color: #009999;
}
.left-common h3 {
	font-size: 42px;
	line-height: 45px;
	margin: 10px 0 40px;
	color: #333333;
}
.right-common {
	width: 1145px;
	padding: 15px 0 0;
	overflow: hidden;
	position: relative;
	top: 0px;
	left: 50%;
	margin-left: -405px;
	z-index: 1;
}


.product-left ul {
	width: 265px;
	overflow: hidden;
}
.product-left ul li {
	width: 100%;
	padding: 0 5px 0 0;
	overflow: hidden;
}
.product-left ul li h4 {
	width: 100%;
	font-size: 14px;
	height: 46px;
	line-height: 45px;
	padding-left: 17px;
	overflow: hidden;
	border-bottom: 1px solid #e7e7e7;
	position: relative;
}
.product-left ul li h4:before {
	content: '';
	display: block;
	width: 9px;
	height: 9px;
	overflow: hidden;
	position: absolute;
	right: 7px;
	top: 18px;
	background-image: url(../img/pr.png);
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: auto 100% !important;
}
.product-left ul li h4 a {
	color: #999999;
}
.product-left ul li:hover h4 a {
	color: #009999;
}
.product-left ul li.active {
	background-color: #009999;
	border-radius: 0 23px 23px 0;
}
.product-left ul li.active h4 {
	font-weight: bold;
}
.product-left ul li.active h4:before  {
	background-image: url(../images/prw.png);
}
.product-left ul li.active h4 a {
	color: #FFFFFF;
}


.cpxq_section{width: 100%;padding-top: 10px;padding-bottom: 30px;}
.cpxq_section .content{width: 100%;background: #fff;padding: 20px;}
.cpxq_section .content h1{font-size: 24px;color: #052e81;line-height: 28px;margin-bottom: 16px;}
.cpxq_section .content .cons{width: 100%;overflow: hidden;}
.cpxq_section .content .left{width: 41.03%;float: left;}
.cpxq_section .content .left img{width: 100%;display: block;}
.cpxq_section .content .right{width: 58.97%;float: right;padding-left: 100px;}
.cpxq_section .content .right h2{font-size: 18px;color: #103884;line-height: 22px;margin-bottom: 10px;}
.cpxq_section .content .right .info1{font-size: 14px;color: #323232;line-height: 2;padding-bottom: 14px;border-bottom: 1px solid #d1d1d1;padding-bottom: 8px; margin-bottom:15px;}
.cpxq_section .content .right .info2{font-size: 14px;color: #323232;line-height: 2;padding-bottom: 14px;margin-bottom: 4px;border-bottom: 1px solid #d1d1d1; margin-bottom:15px;}
.cpxq_section .content .right .info3{font-size: 14px;color: #323232;line-height: 2;}
.cpxq_section .content .right .info3 a{color: #103884;font-size: 16px;}
.cpxq_section .content .right .info3 a:hover{color: #E60011;}
@media  screen and (max-width: 1024px){
.cpxq_section{padding-top: 10px;padding-bottom: 30px;}
.cpxq_section .content{padding: 12px;}
.cpxq_section .content h1{font-size: 34px;line-height: 60px;margin-bottom: 12px;}
.cpxq_section .content .left{width: 100%;}
.cpxq_section .content .right{width: 100%;padding-left: 0;margin-top: 12px;}
.cpxq_section .content .right h2{font-size: 16px;line-height: 20px;}
.cpxq_section .content .right .info2{padding-bottom: 12px;}
.cpxq_section .content .right .info3 a{font-size: 14px;}
.cpxq_section .content .right .info1{ font-size:14px; line-height:2; padding-bottom:30px;}
.cpxq_section .content .right .info2{ font-size:14px; line-height:2; padding-bottom:30px;}
.cpxq_section .content .right .info3{ font-size:14px; line-height:2; padding-bottom:30px;}
.cpxq_section .content .right h2{ line-height:45px;}


.about_con_top b 
{
    text-align:center;
}
}