@charset "utf-8";
/* CSS Document */
body {
	margin: 0;
	padding: 0;
	font: 12px "microsoft yahei";
	color: #444;
	background: #fff;
	overflow:-Scroll;overflow-x:hidden
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
	margin: 0;
	padding: 0;
}
ul, li, ol {
	list-style: none;
}
a {
	text-decoration: none;
	color: #444;
}
a:hover {
	text-decoration: none;
	color: #086b66;
}
.clear {
	clear: both;
}
img {
	border: 0
}
.clearfix:after, .clearfix:before{ 
	display: table;
    content: "";
    line-height: 0;}
.clearfix:after{ clear:both;}

.fl {
    float: left;
}
.fr {
    float: right;
}

.box{ width: 1280px; margin: 0 auto; position: relative; }
.box1{ width: 1280px; margin: 0 auto; }


/* header */
.header{ width:100%; height:125px; position: fixed;z-index:9999;background: #fff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);}
.header .header_nav{ width: 100%; position: relative; }
.header .logo{ width: 320px; height: 31px; margin: 47px 0;}
.header .logo img{ width: 100%;}
.header .header_rx{ font-size: 20px; color: #086b66;  position: absolute; right: 0; font-family:microsoft yahei; line-height: 50px;}
.header .header_rx span{ font-size: 16px; font-weight: 600; }
.navBar{  position:relative; z-index:999;   color:#333;  height:80px; margin-top: 40px;  }	
.nav{ width:100%; margin:0 auto; font-family:"Microsoft YaHei",SimSun,SimHei;  }	
.nav h3{  font-size:16px;  }	
.nav .m{  position:relative; float:left; padding:0 25px; display:inline; }
.nav .m:last-child{ padding-right: 0;}
.nav h3 a{  zoom:1;  height:70px; line-height:70px;  display:block; color:#333; font-size: 16px; font-weight: 600; text-align: center; }	
.nav h3:hover a{ border-bottom:3px solid #086b66;  }	

.nav .sub{ display:none;  width:100%; padding:10px 0; left: 0;  position:absolute;  top:85px; line-height:30px; z-index: 999; background: -webkit-linear-gradient(90deg, rgba(8,107,102,0.9), rgba(8,100,13,0.9)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(90deg, rgba(8,107,102,0.9), rgba(8,100,13,0.9)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(90deg, rgba(8,107,102,0.9), rgba(8,100,13,0.9)); /* Firefox 3.6 - 15 */
    background: linear-gradient(90deg, rgba(8,107,102,0.9), rgba(8,100,13,0.9)); /* 标准的语法（必须放在最后） */}	
.nav .sub li{ text-align:center;  }	
.nav .sub li a{ color:#fff; display:block; zoom:1; font-size: 15px; }	
.nav .sub li a:hover{ color:#fff;   }		
.nav .sub dl a:hover{ color:#fff;  }	
.nav .sub dl{ display:inline-block; *display:inline; zoom:1; vertical-align:top; padding:15px 23px; line-height:26px; }
.nav .sub dl dt a{ color:#fff; font-size: 15px; font-weight: bold; float: left; margin-left: 10px;}	
.nav .sub dl dt{margin-bottom: 10px; width: 100%; float: left;}
.nav .sub dl dt i{ width: 6px; height: 6px; background: #fff; border-radius: 3px; float: left; margin: 10px 0;}
.nav .sub dl dd{margin-left: 16px;}
.nav .sub dl dd a{ color:#fff; font-size: 14px;}
.nav #m1 .sub{ z-index:999; width:480px; left:-180px;  }
.nav #m1 .sub dl{ display:inline-block; *display:inline; zoom:1; vertical-align:top; padding:0 23px; line-height:26px; width: 110px; }	
.nav #m2 .sub{ z-index:999; width:795px; left:-280px;  }
.nav #m2 .sub dl{ display:inline-block; *display:inline; zoom:1; vertical-align:top; padding:15px 23px; line-height:26px; width: 150px; }
.nav #m3 .sub{ z-index:999; width: 1000px; left: -410px;}
.nav #m3 .sub dl{ display:inline-block; *display:inline; zoom:1; vertical-align:top; padding:15px 23px; line-height:26px; width: 200px; }
.nav #m4 .sub{ z-index:999; width: 820px; left: -400px;}
.nav #m4 .sub dl{ display:inline-block; *display:inline; zoom:1; vertical-align:top; padding:6px 23px; line-height:26px; width: 155px; }
.nav #m5 .sub{ z-index:999; width:320px; left:-120px;  }
.nav #m5 .sub dl{ display:inline-block; *display:inline; zoom:1; vertical-align:top; padding:0 23px; line-height:26px; width: 110px; }

/* banner */
.banner{position:relative; overflow:hidden; margin:0 auto; width:100%; padding-top: 125px;}
.banner .bd{position:relative; z-index:0;margin: 0 auto; overflow: hidden;}
.banner .bd li{position:relative; text-align:center;  overflow:hidden; width: 100%; height: 560px;  text-align: center;display: inline-block !important; float: left;}
.banner .bd li img{ vertical-align: top;height: auto;text-align: center;display: inline-block;margin: 0 -50%;}
.banner .hd{ position: absolute; bottom:30px; text-align: center; width: 100%; }
.banner .hd li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:10px;height:10px; background: #fff; border-radius:7px;margin:0 5px;overflow:hidden;line-height:999px;transition: width 0.3s ease-in-out;}
.banner .hd .on { width: 20px; background: #096505}

/* home_js */
.home_js{ width: 100%; position: relative; padding: 60px 0; overflow:  hidden; margin: 0 auto; }
.home_js .home_tit{ font-size:28px; font-weight: bold; color: #303030;width: 100%; }
.home_js .h_skill{ width: 100%; margin-top: 40px; }
.home_js .h_skill .hd{ position: absolute; right: 0; top:0; width: 88px;}
.home_js .h_skill .hd .prev,.home_js .h_skill .hd .next{  width:40px; height:35px; display:block;cursor:pointer; background:#086b66 url(../images/arrow.png) no-repeat; float: left; opacity: 1;}
.home_js .h_skill .hd .next{ background-position:100% 0; float: right;}
.home_js .h_skill .bd li{ width: 300px; float: left; margin-right: 26px;background: #f6f6f6;} 
.home_js .h_skill .bd li .img{ width: 100%; height: 200px;position: relative;overflow:  hidden;}
.home_js .h_skill .bd li .img img{ display: block;width: 100%;height: auto;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;transform-origin:50% 50%;  }
.home_js .h_skill .bd li:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.home_js .h_skill .bd li .ski_title{ width: 280px; height: 130px;  padding: 10px; text-align: center;}
.home_js .h_skill .bd li .ski_title h2{ font-size: 18px; color: #303030; line-height: 60px;}
.home_js .h_skill .bd li .ski_title p{ font-size: 14px; color: #303030; line-height: 24px; }
.home_js .h_skill .bd li:hover{background: -webkit-linear-gradient(90deg, #086b66, #08640d);  background: -o-linear-gradient(90deg, #086b66, #08640d); background: -moz-linear-gradient(90deg, #086b66, #08640d); background: linear-gradient(90deg, #086b66, #08640d);-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s}
.home_js .h_skill .bd li:hover .ski_title h2,.home_js .h_skill .bd li:hover .ski_title p{ color: #fff; }

/* home_product */
.home_product{ width: 100%; position: relative; padding: 60px 0; overflow:  hidden; background: #f7f7f7; margin: 0 auto;}
.home_product .home_tit{ font-size:28px; font-weight: bold; color: #303030;width: 100%; }
.home_product .h_product{width: 100%; margin-top: 40px; }
.home_product .h_product .h_pro_l{ width: 605px; height: 415px; background: #fff; float: left; }
.home_product .h_product .h_pro_l .l_img{ width: 274px; height: 26px; margin:140px auto 0; }
.home_product .h_product .h_pro_l p{ text-align: center; font-size: 16px; color: #333; margin: 20px auto; }
.home_product .h_product .h_pro_l .pro_l_m{ width: 140px; height: 40px; margin:40px auto; line-height: 40px; text-align: center; background: -webkit-linear-gradient(90deg, #086b66, #08640d);  background: -o-linear-gradient(90deg, #086b66, #08640d); background: -moz-linear-gradient(90deg, #086b66, #08640d); background: linear-gradient(90deg, #086b66, #08640d);}
.home_product .h_product .h_pro_l .pro_l_m a{ font-size:14px; color: #fff; display:  block; }
.home_product .h_product .slideGroup{ width: 614px; float: right; background: #fff; padding:40px 23px; }
.home_product .h_product .parHd{position: absolute;top: 0;}
.home_product .h_product .parHd li{ float: left; padding: 10px 40px; font-size: 16px; font-weight: bold; cursor: pointer;}
.home_product .h_product .parHd li.on{background: -webkit-linear-gradient(90deg, #086b66, #08640d);  background: -o-linear-gradient(90deg, #086b66, #08640d); background: -moz-linear-gradient(90deg, #086b66, #08640d); background: linear-gradient(90deg, #086b66, #08640d); color: #fff;}
.home_product .h_product .parBd .slideBox li{ float: left; width: 188px; margin-right: 25px; }
.home_product .h_product .parBd .slideBox li .pic{ width: 100%; position: relative;overflow:  hidden;border:1px #eee solid;}
.home_product .h_product .parBd .slideBox li .pic img{ display: block;width: 100%;height: auto;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;transform-origin:50% 50%; }
.home_product .h_product .parBd .slideBox li:hover .pic img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.home_product .h_product .parBd .slideBox li h2{ font-size: 16px; color: #000; margin: 18px 0;}
.home_product .h_product .parBd .slideBox li:hover h2 a{ color: #086b66; }
.home_product .h_product .parBd .slideBox li p{ font-size: 14px; color: #888; line-height: 24px; height: 72px;}
.home_product .h_product .parBd .slideBox li .p_more{ width: 118px; height: 33px; border:1px #086b66 solid;text-align: center; margin-top: 44px;}
.home_product .h_product .parBd .slideBox li .p_more a{ font-size: 14px; color: #086b66; line-height: 33px; }
.home_product .h_product .parBd .slideBox li:hover .p_more{background: -webkit-linear-gradient(90deg, #086b66, #08640d);  background: -o-linear-gradient(90deg, #086b66, #08640d); background: -moz-linear-gradient(90deg, #086b66, #08640d); background: linear-gradient(90deg, #086b66, #08640d);}
.home_product .h_product .parBd .slideBox li:hover .p_more a{ color: #fff; }

/* home_news */
.home_news{ width: 100%; position: relative; padding: 60px 0; overflow:  hidden;margin: 0 auto; }
.home_news .home_tit{ font-size:28px; font-weight: bold; color: #303030;width: 100%; }
.home_news .h_news{ margin-top: 40px;width: 100%;}
.home_news .h_news .h_news_l{ width: 580px; float: left; }
.home_news .h_news .h_news_l li{ width: 275px; margin-right: 30px; float: left;}
.home_news .h_news .h_news_l li:last-child{ margin-right: 0; }
.home_news .h_news .h_news_l li .news_img{width: 100%; position: relative;overflow:  hidden;}
.home_news .h_news .h_news_l li .news_img img{ display: block;width: 100%;height: auto;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;transform-origin:50% 50%;  }
.home_news .h_news .h_news_l li:hover .news_img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.home_news .h_news .h_news_l li .news_top{ width: 100%; margin-top: 20px; height: 50px;}
.home_news .h_news .h_news_l li .news_top .news_time{ width: 50px; height: 50px; background: #7e7e7e; text-align: center;float: left;}
.home_news .h_news .h_news_l li:hover .news_top .news_time{background: -webkit-linear-gradient(0deg, #086b66, #08640d);  background: -o-linear-gradient(0deg, #086b66, #08640d); background: -moz-linear-gradient(0deg, #086b66, #08640d); background: linear-gradient(0deg, #086b66, #08640d);}
.home_news .h_news .h_news_l li .news_top .news_time dd{ font-size: 16px; font-weight: bold; color: #fff;line-height: 24px; margin-top: 5px;  }
.home_news .h_news .h_news_l li .news_top .news_time span{ font-size: 12px; color: #fff; }
.home_news .h_news .h_news_l li .news_top h2{ float: left; margin-left: 15px; font-size: 16px; color: #000; width: 210px; line-height: 25px; }
.home_news .h_news .h_news_l li:hover .news_top h2{ color:#086b66; }
.home_news .h_news .h_news_l li .news_tit{ font-size: 14px; line-height: 28px; color: #868686; margin-top: 15px; }
.home_news .h_news .h_news_r{ width: 660px; float: right; }

.home_news .h_news .h_news_r .hd{ position: absolute; right: 0; top:25px; width: 60px;}
.home_news .h_news .h_news_r .hd .prev,.home_news .h_news .h_news_r .hd .next{  width:28px; height:27px; display:block;cursor:pointer; background:#ddd url(../images/n_arrow.png) no-repeat; float: left; opacity: 1;}
.home_news .h_news .h_news_r .hd .next{ background-position:100% 0; float: right;}
.home_news .h_news .h_news_r .hd .prev:hover{background:#086b66 url(../images/n_arrow.png) no-repeat;}
.home_news .h_news .h_news_r .hd .next:hover{ background:#086b66 url(../images/n_arrow.png) right 0 no-repeat; }
.home_news .h_news .h_news_r li{ width:628px; height: 76px; border: 1px #ddd solid; padding: 15px; margin-bottom: 18px;}
.home_news .h_news .h_news_r li:hover{border: 1px #086b66 solid;}
.home_news .h_news .h_news_r li:last-child{ margin-bottom: 0;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s;}
.home_news .h_news .h_news_r li h2{ font-size: 16px; color: #000; }
.home_news .h_news .h_news_r li:hover h2{ color: #086b66;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s;}
.home_news .h_news .h_news_r li p{ font-size: 14px; color: #666; line-height: 24px; margin-top: 10px;}

/* page_banner */
.pbanner{width:100%; padding-top: 125px;    background-attachment: fixed; background-position: center top; background-repeat: no-repeat; background-size: cover;}
.w_comon .black-15{position: absolute;top: 0px;left: 0px;z-index: 1;width: 100%;height: 100%;opacity: 0.2;background:url(../images/grid_bg.png) top left repeat;}
.w_comon{ text-align: center; height:320px;position: relative; overflow:hidden;left:0;top:0; z-index:5;}
.pbanner a:link, .pbanner a:visited { color: #fff; }
.pbanner a:active, .pbanner a:hover { color: #fff; }
.pbanner .load-img { position:absolute; top:0; left:50%; margin-left:-960px; width:1920px;  max-width:none; padding-top: 125px;}
.pbanner-C a:link, .pbanner-C a:visited{ color: #fff;}
.pbanner-C a:active,.pbanner-C a:hover { color: #fff;}
.pbanner-C{ position: absolute; left: 10%; top: 40%; width: 80%; text-align: center; color: #fff;    z-index: 999;}
.pbanner-C article{ position: relative;}
.pbanner-C .c{ overflow: hidden;}
.pbanner-C .zh{ font-size: 30px; line-height: 1.2; font-weight: bold;}
.pbanner-C .en{ font-size: 36px; text-transform: uppercase; font-family: "Humanst521 BT";}
.pbanner-C .bot{ width: 0px; height: 4px; display: block; margin: 20px auto 0; background-color: #fff; opacity: 0; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -webkit-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s;}
.pbanner-C .c span{ display: block; opacity: 0; transform: translate(0px,100%); -webkit-transform: translate(0px,100%); transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -webkit-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s;}
.pbanner-C.inview  .c span{ transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1;}
.pbanner-C.inview  .bot{ width: 50px; opacity: 1;}


/* 内页导航 */
.inline-nav{width: 100%; background: #fff;border-bottom: 1px #eee solid;}
.inline-nav .page_nav ul{ text-align: center; }
.inline-nav .page_nav li{text-align: center; display: inline-block;}
.inline-nav .page_nav li h5{ display: block; position: relative; }
.inline-nav .page_nav li h5 a{display: block;font-size: 15px;color: #333;transition:color 0.3s;padding: 0 35px;  height: 66px; line-height: 66px; font-weight: 600;}
.inline-nav .page_nav li h5 a::after{content: '';position: absolute;top: 50%;right: 0;margin-top: -6px;width: 1px;height: 12px;background-color: #ddd;}
.inline-nav .page_nav li:hover h5 a::after{background-color: #086b66;}
.inline-nav .page_nav li:last-child h5 a::after{ display: none; }
.inline-nav .page_nav li:hover{ color: #fff;}
.inline-nav .page_nav li.select{color: #fff;font-weight: 600; background: -webkit-linear-gradient(90deg, #086b66, #08640d);  background: -o-linear-gradient(90deg, #086b66, #08640d); background: -moz-linear-gradient(90deg, #086b66, #08640d); background: linear-gradient(90deg, #086b66, #08640d); }
.inline-nav .page_nav li:hover  h5 a,.inline-nav .page_nav li.select  h5 a{color: #fff; font-weight: 600;background: -webkit-linear-gradient(90deg, #086b66, #08640d);  background: -o-linear-gradient(90deg, #086b66, #08640d); background: -moz-linear-gradient(90deg, #086b66, #08640d); background: linear-gradient(90deg, #086b66, #08640d);}
.inline-nav .page_nav li.select a::after{background-color: #086b66;}

.inline-nav{width: 100%; background: #fff; position: relative;border-bottom: 1px #eee solid;}
.inline-nav .page_nav1 ul{ text-align: center; }
.inline-nav .page_nav1 li{text-align: center; display: inline-block;}
.inline-nav .page_nav1 li h5 a{display: block;font-size: 15px;color: #333;transition:color 0.3s;padding: 0 15px;  height: 66px; line-height: 66px; font-weight: 600;}
.inline-nav .page_nav1 li h5{ display: block; position: relative; }
.inline-nav .page_nav1 li h5 a::after{content: '';position: absolute;top: 50%;right: 0;margin-top: -6px;width: 1px;height: 12px;background-color: #ddd;}
.inline-nav .page_nav1 li:hover h5 a::after{background-color: #086b66;}
.inline-nav .page_nav1 li:last-child h5 a::after{ display: none; }
.inline-nav .page_nav1 li:hover{ color: #fff;}
.inline-nav .page_nav1>ul>li.select{color: #fff;font-weight: 600; background: -webkit-linear-gradient(90deg, #086b66, #08640d);  background: -o-linear-gradient(90deg, #086b66, #08640d); background: -moz-linear-gradient(90deg, #086b66, #08640d); background: linear-gradient(90deg, #086b66, #08640d); }
.inline-nav .page_nav1>ul>li:hover h5 a,.inline-nav .page_nav1>ul>li.select h5 a{color: #fff; font-weight: 600; background: -webkit-linear-gradient(90deg, #086b66, #08640d);  background: -o-linear-gradient(90deg, #086b66, #08640d); background: -moz-linear-gradient(90deg, #086b66, #08640d); background: linear-gradient(90deg, #086b66, #08640d);}
.inline-nav .page_nav1 li.select a::after{background-color: #086b66;}
.nav_menu .sub{ display:none; width:100%; left:0; top:65px;  position:absolute; background:#fff; border-top: 3px #086b66 solid;border-bottom: 1px #eee solid;  line-height:55px;  z-index:3;}
.nav_menu .sub li{ zoom:1; position: relative;}
.nav_menu .sub li a{ display:block; padding:0 20px; color:#333; font-size:14px; font-weight: bold;}
.nav_menu .sub li a::after{content: '';position: absolute;top: 50%;right: 0;margin-top: -6px;width: 1px;height: 12px;background-color: #ddd;}
.nav_menu .sub li:last-child a::after{ display: none; }
.nav_menu .sub li a:hover{ background: -webkit-linear-gradient(90deg, #086b66, #08640d);  background: -o-linear-gradient(90deg, #086b66, #08640d); background: -moz-linear-gradient(90deg, #086b66, #08640d); background: linear-gradient(90deg, #086b66, #08640d); color:#fff;  }
.nav_menu .sub .on a{ background: -webkit-linear-gradient(90deg, #086b66, #08640d);  background: -o-linear-gradient(90deg, #086b66, #08640d); background: -moz-linear-gradient(90deg, #086b66, #08640d); background: linear-gradient(90deg, #086b66, #08640d);  color:#fff;   }


.page{ background: #fafbfd; }

.page_con{padding:50px 0; position: relative;}
.page_con .p_con{background: #fff; line-height: 28px; font-size: 14px; padding: 50px;}

.aboutPbox{ padding:50px 0;    position: relative; }
.iboxT{text-align: center;}
.iboxT .zh{ font-size: 26px; color: #333333; line-height: 1.5; font-weight: bold;}
.iboxT .en{color: #666;font-family: arial, helvetica, sans-serif;text-transform: uppercase;}
.pbot{  background-size: cover; background:#fafbfd; border-radius: 50%; width: 75px; height: 75px; position: absolute; left: 50%; bottom: -90px; margin-left: -37px; cursor: pointer;}
.pbot i{ background: url(../images/abot.png) no-repeat scroll center center; width: 25px; height: 15px;position: absolute; left: 50%; top: 50%; margin: -7px 0px 0px -12px; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}

.fixedImg{ background: url(../images/page_a.jpg); background-attachment: fixed;background-position: center top;background-repeat: no-repeat;background-size: cover;}
.pagePadding2{ padding: 70px 0;background: none rgba(0,0,0,0.2); }
.aboutC-box{ background: #fff; padding: 70px 0px;}
.aboutC-box .pageC{ width: 82%; margin: 0px auto; text-align: justify; color: #666; line-height: 28px;font-size: 14px;}
.aboutC-box .pageC img{ width: 100%; }

.culture{ padding:50px 0; position: relative; background: #fff;}
.red-80{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/red_80.png) repeat; background: none rgba(8,107,102,0.8);}
.speechBox{ background-color: #fafbfd;}
.speechBox .img{ float: left; display: block; overflow: hidden; width: 490px;}
.speechBox .img img{ width: 100%; display: block;}
.speechBox .con{ float: left; display: block; width: 790px;}
.speechBox .cul_1{ margin: 45px 70px; position: relative;}
.speechBox .name{ color: #086b66;  padding-right: 8px;  font-size: 24px; line-height: 1.2; font-weight: bold; font-family: "微软正黑体","Microsoft JhengHei";}
.speechBox .en{ font-family: "Humanst521 BT"; font-size: 18px;}
.con .bot{ width: 10%; height: 1px; background-color: #086b66; margin:10px 0px 32px; display: block; -webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1);}
.con:hover .bot{ width: 100%;}
.speechBox .txt{ overflow: hidden;}
.speechBox .c{ font-size: 14px; line-height: 2; width: 100%;   cursor:url(../images/cuse.png) 16 16, default; height: 168px;}
.mouseIco{ border: 1px solid #929292; width: 20px; height: 30px; display: block; margin: 0px auto; border-radius: 6px; position: absolute; right: 0;  bottom: 0px; z-index:900;}
.mouseIco i{ width: 2px; height: 6px; border-radius: 1px; display: block; background-color: #929292; position: absolute; left: 50%; margin-left: -1px; top: 5px; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}

.pagePadding4{ background: #fff; margin-top: 50px; }
.responsibility-list{ margin-left: -1%; color: #fff; margin-top: 30px;}
.responsibility-list li{ float: left; display: block; width: 32.33%; margin:0px 0px 25px 1%; position: relative; overflow: hidden;  }
.responsibility-list .img{ overflow: hidden; position: relative; margin: 0;}
.responsibility-list .img img{ width: 100%; display: block;}
.responsibility-list .black-20{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.responsibility-list .item{ position: absolute; left: 10%; width: 80%; top: 10%; height: 85%; line-height: 1.5; -webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1);}
.responsibility-list .zh{ font-size: 24px; line-height: 1.2; font-weight: bold; font-family: "微软正黑体","Microsoft JhengHei";}
.responsibility-list .en{ font-family: "Humanst521 BT"; font-size: 18px;}
.responsibility-list li .bot{ width: 10%; height: 1px; background-color: #fff; margin:10px 0px 32px; display: block; -webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1);}
.responsibility-list .con{ max-height: 196px; overflow: hidden; line-height: 2; overflow: hidden; opacity: 0; visibility: hidden\9; transform:translateY(50px); -webkit-transform:translateY(50px);  -webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1); font-size: 14px;}
.responsibility-list .red-80{ -webkit-transition:-webkit-transform .62s cubic-bezier(.4,0,.2,1),opacity 0.5s; transition:transform .62s cubic-bezier(.4,0,.2,1),opacity 0.5s; transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); opacity: 0; visibility:hidden\9;}
.responsibility-list .by{ font-size: 12px; font-family: arial, helvetica, sans-serif; text-transform: uppercase; position: absolute; left: 0%; bottom: 0%; opacity: 0; visibility: hidden\9; transform:translateY(50px); -webkit-transform:translateY(50px); -webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1);}
.responsibility-list li:hover .bot{ width: 100%;}
.responsibility-list li:hover .red-80{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0;  opacity: 1; visibility:visible\9;}
.responsibility-list li:hover .con,.responsibility-list li:hover .by{ opacity: 1; visibility:visible\9; transform:inherit; -webkit-transform:inherit;}


.commonweal-demo{margin-left: -1%;padding: 50px 0;}
.commonweal-demo .item{ margin:1%; text-align: center; background-color: #fff; position: relative; width: 23.2222%; float: left;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
.commonweal-demo .item:nth-child(3n){margin-right:0;}
.commonweal-demo .linkA{ z-index: 4;}
.commonweal-demo .img{ overflow: hidden;    margin: 0;}
.commonweal-demo .img img{ width: 100%; display: block; transition:0.6s; -webkit-transition:0.6s;}
.commonweal-demo .txt{ font-size: 15px;  height: 55px; line-height: 55px; padding: 0px 3%; overflow: hidden; z-index: 1; position: relative;    text-overflow: ellipsis;
    white-space: nowrap;}
.commonweal-demo .item:hover .txt{background: -webkit-linear-gradient(90deg, #086b66, #08640d);  background: -o-linear-gradient(90deg, #086b66, #08640d); background: -moz-linear-gradient(90deg, #086b66, #08640d); background: linear-gradient(90deg, #086b66, #08640d); color: #fff;}
.commonweal-demo .txt:before{ content:""; z-index: -1; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #cc0000; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); transform-origin:50% 100% 0; -webkit-transform-origin:50% 100% 0; visibility:hidden\9;}
.linkA{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}






/* */
.page_pro{width: 100%;padding: 50px 0; position: relative;}
.pro_sx{ background: #fff; padding: 40px; }
.pro_ihd {text-align: center;color: #333;margin-bottom: 50px;padding: 0 6%;}
.pro_ihd h2{font-size: 26px;margin-bottom: 20px;}
.pro_ihd .pro_itext {font-size: 15px;line-height: 1.8;}
.full-row {width: 100%;transition: 0.2s width ease; zoom: 1;}
.full-row li{width: 33.33333333%; float: left;}
.pro_ibd .list_box{display:block;position:relative;overflow:hidden;}
.pro_ibd .list_box:after{content:"";width:1px;height:100%;background:#fff;display:block;position:absolute;top:0;left:0;}
.pro_ibd li:first-child .list_box:after{display:none;}
.pro_ibd .list_text{background:rgba(255,255,255,0.5);padding: 16% 6% 6%;text-align:center;color:#333;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.pro_ibd .list_title{font-size:24px;margin-bottom:10px;}
.pro_ibd .list_p{font-size:14px;min-height:110px;color:#666;line-height: 26px;}
.pro_ibd .list_img{width:100%;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.pro_ibd .list_img img{ width: 100%; }
.pro_ibd .list_cover{background:rgba(255,255,255,0.25);position:absolute;top:0;right:0;width:100%;height:100%;text-align:center;visibility:hidden;opacity:0;}
.pro_ibd .list_cover .list_ico{width:100px;height:100px;background:url(../images/p_ico.png) no-repeat;display:block;margin:12% auto 4%;}
.pro_ibd .li2 .list_cover .list_ico{background-position:-100px 0px;}
.pro_ibd .li3 .list_cover .list_ico{background-position:-200px 0px;}
.pro_ibd .li4 .list_cover .list_ico{background-position:-300px 0px;}
.pro_ibd .li5 .list_cover .list_ico{background-position:-400px 0px;}
.pro_ibd .li6 .list_cover .list_ico{background-position:-500px 0px;}
.pro_ibd .li7 .list_cover .list_ico{background-position:-600px 0px;}
.pro_ibd .li8 .list_cover .list_ico{background-position:-700px 0px;}
.pro_ibd .li9 .list_cover .list_ico{background-position:-800px 0px;}
.pro_ibd .li10 .list_cover .list_ico{background-position:-900px 0px;}
.pro_ibd .li11 .list_cover .list_ico{background-position:-1000px 0px;}
.pro_ibd .li12 .list_cover .list_ico{background-position:-1200px 0px;}
.pro_ibd .list_cover .list_p{padding: 0 12% 10%;}
.pro_ibd .more_btn{margin:0 auto;width:40%;background:#cc0917;border-color:#cc0917;}
.pro_ibd li:hover .list_cover{right:0;visibility:visible;opacity:1;}
.pro_ibd li:hover .list_text{visibility:hidden;opacity:0;}
.pro_ibd li:hover .list_img{visibility:hidden;opacity:0;}
.pro_ibd li:hover .list_cover .list_title{color:#cc0917;}
.pro_ibd li:hover .list_cover .list_p{color:#666;}
.pro_ibd li a:hover{color:#000;}

.more_btn{border:2px solid #fff;padding:10px 18px;font-size:16px;position:relative;z-index:2;display:block;color:#fff;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;cursor:pointer;}
.more_btn .i_ico{display:block;background-position:-48px 0px;margin-top:2px;}
.more_btn:hover{color:#fff;}


.newslist{padding:50px 0; position: relative;}
.newslist li{ padding:2% 3%; border:1px #fff solid; border-bottom-color:#f1f1f1;width: 93.8%; background: #fff;}
.newslist li .news_box{position:relative;}
.newslist li .imgbox{width:24%;margin-right: 4%;}
.newslist li .imgbox img{ width: 100%; }
.newslist li .info{width: 85%;}
.newslist li .info .title{font-size:24px;margin:0 0 8px;}
.newslist li .info .p{font-size:13px; color:#727272;line-height: 23px;height: 46px;overflow: hidden;}
.newslist li .info ._tools{display: inline-block;border: 1px #efefef solid;border-radius: 20px;overflow: hidden; margin-top: 25px;height: 24px;line-height: 24px;}
.newslist li .info ._tools span{display:inline-block;padding: 0 15px;border-left: 1px #e5e5e5 solid;margin-left: -1px;vertical-align: top;}
.newslist li .info ._tools ._vew:hover,.newslist li .info ._tools .bdsharebuttonbox:hover{ background-color:#f8f8f8;}
.newslist li .info ._tools .bdsharebuttonbox .bds_more{background: none;margin: 0;padding: 0;line-height: 24px; height:24px;}
.newslist li .info ._tools .bdsharebuttonbox .bds_count{background: none; width: auto;height: 24px;margin: 0;line-height: 24px;padding: 0 5px;display:none;}
.newslist li .info ._tools .bdsharebuttonbox i{margin:0;}
.newslist .date{position: absolute;right: 0;top: 50%;margin-top: -60px;}
.newslist .date span{ color:#3f3f3f;font-family: Arial; font-weight: bold; display:block;}
.newslist .date .day{font-size:70px;line-height: 52px;}
.newslist .date .month{font-size:20px;    margin-top: 15px;}
.newslist li:hover{border:1px #086b66 solid;}
.newslist li:hover .date span{color:#086b66;}


/* 图标 */
.ico { display: inline-block; overflow: hidden; width: 20px; height: 20px; 
	vertical-align: middle; background: url(../images/ico.png);margin:0 .3em;}
.ico2_2 { background-position: -20px -20px;}


.page_news{ padding: 50px 0; position: relative; }
.detail_news{  background: #fff;padding:6%;}
.pageNewsT{ width:100%; margin:0 auto; font-size:30px; text-align:center; color:#222; font-weight:bold;}
.pageNewsC{ width:100%; margin:0 auto; font-size:14px; color:#666; text-align:center; padding:25px 0; border-bottom: solid 1px #eee;}
.pageNewsC p{ margin: 0 10px;text-align: center;display: inline-block; }
.pageNewsD{ width:100%; margin:0 auto; font-size:14px; color:#333; line-height:28px; margin-top:20px;}
.pageNewsD img{ max-width:100%; margin:5px 0;}


/* page_Talent */
.page_Talent{ width: 100%; padding: 50px 0;}
.page_Talent .page_ln{margin-top: 50px;background: #fff;padding: 30px;}
.page_Talent .page_ln .img{ float: left; width: 384px; }
.page_Talent .page_ln .z_lnc{ width: 800px; float: right;    font-size: 15px; line-height: 30px;}
.page_Talent .page_ln .z_lnc span{ font-weight: bold;color:#086b66;}
.zp_con{ text-align: center;width: 70%;margin: 0 auto;}
.zp_con .zp-zh{ font-size: 24px; color: #333; font-weight: bold; }
.zp_con .zp-zh1{ font-size: 15px; line-height: 28px; margin-top: 20px; }


/* honor */
.page_honor{ position: relative;  overflow: hidden; width: 100%; padding: 50px 0;}
.page_honor li{ width: 23.5%;margin-right: 2%; background: #f1f1f1; float: left; cursor:  pointer;}
.page_honor li:nth-child(4n){margin-right:0;}
.page_honor li .img{ width: 100%; position: relative; overflow: hidden; }
.page_honor li .img img{ display: block;width: 100%;height: auto;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;transform-origin:50% 50%;  }
.page_honor li:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.page_honor li p{ width: 100%; height: 50px; text-align: center; background: #f1f1f1; line-height: 50px; font-size: 15px;}
.page_honor li:hover p{background: -webkit-linear-gradient(90deg, #086b66, #08640d);  background: -o-linear-gradient(90deg, #086b66, #08640d); background: -moz-linear-gradient(90deg, #086b66, #08640d); background: linear-gradient(90deg, #086b66, #08640d); color:#fff;}


/* page_js */
.page_js{ position: relative; }
.page_js li{ width:272px; float: left; position: relative; margin-right: 30px; margin-bottom: 40px;}
.page_js li:nth-child(4n){margin-right:0;}
.page_js li a{ display: block; }
.page_js li .j_img{ width: 100%;position: relative; overflow: hidden; }
.page_js li .j_img img{ display: block;width: 100%;height: auto;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;transform-origin:50% 50%;  }
.page_js li:hover .j_img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.page_js li h3{ line-height: 55px; font-size: 15px; text-align: center; width: 100%; background: #f9f9f9;}
.page_js li:hover h3{background: -webkit-linear-gradient(90deg, #086b66, #08640d);  background: -o-linear-gradient(90deg, #086b66, #08640d); background: -moz-linear-gradient(90deg, #086b66, #08640d); background: linear-gradient(90deg, #086b66, #08640d); color:#fff;}

/* page_zhaopin */
.page_zhaopin{width: 100%;padding: 50px 0;}
.de_cc_pic {width: 100%;position: relative;overflow: hidden;height: 0;padding-bottom: 25%;}
.de_cc_pic img {width: 100%;-webkit-transition: all 0.5s;-o-transition: all 0.5s; transition: all 0.5s;}
.de_cc_pic:hover img {-webkit-transform: scale(1.05); -ms-transform: scale(1.05);-o-transform: scale(1.05); transform: scale(1.05);}
.de_cc_dpic { width: 100%;position: relative;overflow: hidden;height: 0;padding-bottom: 37.4%;}
.de_cc_dpic img {width: 100%;}
.de_cc_tpic {float: left;width: 100%;height: 0;overflow: hidden;padding-bottom: 37.6%;}
.join_left .de_cc_text {width: 48%;color: #fff;line-height: 25px;position: absolute;top: 18%;left: 5%;font-size: 15px;background: rgba(204,9,23,0.8);padding: 30px;}
.hrList{ margin: 32px 0px 0px; font-size: 16px;border: 1px solid #eee;}
.hrList .hspan{ cursor:pointer; width: 25%; display: block; float: left; height: 50px; line-height: 50px;}
.hrList .hspan2{ cursor:pointer; width: 25%; display: block; float: left; height: 50px; line-height: 50px;font-size: 14px;}
.hrList .hspan1{  width: 75%; font-size: 16px;display: block; float: left; height: 50px; line-height: 50px; color: #000; font-weight: 600;}
.z_jy{padding: 0 2%; width: 96%;}
.t_zy{ padding: 0 2%; width: 96%;}
.hrList .hrdt{ background-color: #9d9b9b; color: #fff;}
.hrList dd{  position: relative; background-color: #fff; cursor:pointer;}
.hrList .hrdt{ height: 50px; overflow: hidden;}
.hrList .hrT{ background: #fff; color:#666666;border-bottom: 1px solid #E4E4E4;}
.hrList .hrT .hspan{ line-height: 50px; height: 50px;font-size: 14px;}
.hrList dd:hover .hspan1{ color:#086b66;}
.hrList .ib{ width:16px; height:16px; float: right;margin-top: 17px; display: block; position:relative; transition:400ms;-webkit-transition:400ms;}
.hrList .ib i{ display:block; background-color:#999999;}
.hrList .ib .ic1{ width:2px; height:16px; margin-left:7px;}
.hrList .ib .ic2{ width:16px; height:2px; position:absolute; left:0; top:50%; margin-top:-1px;}
.hrList .hrB{  display: none;border-bottom: 1px solid #E4E4E4;}
.hrList .hrCon{ width: 91%; margin: 0px auto; padding:30px 0px 50px; overflow: hidden;}
.hrList dd.active .hrT,.hrList dd:hover .hrT{ background-color:#f6f6f6; }
.hrList .active .ib i,.hrList dd:hover .ib i{ background-color: #666;}
.hrList dd.active .hrT .hspan1{ color: #086b66; }
.hrList .active .ib{transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(90deg);}
.hrList .active .ib .ic2{ display: none;}
.hrList .pageC p{font-size: 14px;color: #21282e;line-height: 28px;}
.rczp {font-size: 14px;background: #086b66;width: 120px;text-align: center;color: #fff;height: 40px;line-height: 40px;margin-top: 20px;}
.rczp a {font-size: 14px;color: #fff;}
.sq{ text-align:center; font-size: 18px; font-weight: bold;}
.tit1 {padding-left: 15px;line-height: 18px;color: #404040;position: relative;margin-bottom: .7rem;border-bottom: 1px solid #ececec;}
.tit2 {line-height: 3;margin-bottom: .5rem;font-size: 16px;}
.tit-18 {font-size: 18px;line-height: 3.6;background:url(../images/jb.png) left no-repeat;padding-left: 12px;}
.zp{width: 96%;overflow: hidden;display: block;padding: 5% 3.5%;}
.zp>div{float: left;width: 50%;overflow: hidden;margin-bottom: 1%;font-size: 15px;color: #666;}
.zp div input{display: block;width: 90%;border: 0;padding-left: 1em;font-size: 14px;border: 1px solid #ddd;color: #666}
.zp label{ }
.zp .jl{ margin-left: 3%;}
.zp #Textbox-1{}
.zp #TJ5,.page-contact .right #TJ6{ width:47%;height: 3em;border:0;background: #eee; color:#999; margin-bottom: 5%; margin-right: 2.5%;padding-left: 1em;}
.zp option{}
.zp #TJ7{border: 0;display: block;width: 96%;margin-bottom: 3%; height: 180px; font-size: 14px;padding-left: 1em;line-height: 2em;font-family:"microsoft yahei";border:1px solid #ddd;}
.zp #button1{cursor:pointer;padding: 1% 5% 1% 5%;margin-right: 2%;border: 0;font-family:"microsoft yahei";background: #eee; }
.zp #button2{cursor:pointer;padding: 1% 5% 1% 5%;border: 0;font-family: "microsoft yahei";background: #eee; }
.zp #button1:hover{font-family:"microsoft yahei";background: -webkit-linear-gradient(90deg, #086b66, #08640d);  background: -o-linear-gradient(90deg, #086b66, #08640d); background: -moz-linear-gradient(90deg, #086b66, #08640d); background: linear-gradient(90deg, #086b66, #08640d);color:#fff;}
.zp #button2:hover{font-family:"microsoft yahei";background: -webkit-linear-gradient(90deg, #086b66, #08640d);  background: -o-linear-gradient(90deg, #086b66, #08640d); background: -moz-linear-gradient(90deg, #086b66, #08640d); background: linear-gradient(90deg, #086b66, #08640d); color:#fff;}
#myform {
     background: #fff;
}
.form-control{height: 34px; padding: 6px 12px; background-color: #fff;}
.zp .jl1 {float: left;width: 14%;overflow: hidden;line-height: 30px;}



/* contact */
.page_contact{ padding:50px 0; }
.contact-list li { width: 25%; float: left; }
.contact-list a { display: block; color: #666; text-align: center; cursor: auto; }
.contact-list .ico { width: 70px; height: 70px; border-radius: 100%; background: #086b66 url('../images/cta-ico.png') no-repeat; margin: 0 auto; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; }
.contact-list .en { color: #333; font-weight: bold; text-transform: uppercase; margin-top: 10px; font-size: 14px; }
.contact-list .freeTx { text-align: center; padding: 0 10px; margin-top: 20px; }
.contact-list .freeTx p{ font-size: 16px; color: #000; font-weight: bold;}
.contact-list .c2 .ico { background-position: -70px center; }
.contact-list .c3 .ico { background-position: -140px center; }
.contact-list .c4 .ico { background-position: right center; }
.contact-list { margin-top: 60px; }
.contact_map{width: 98%; height:334px; margin-top: 60px; border:1px #ddd solid; padding:12px; background: #fff;}
#allmap {height: 100%;width: 100%;margin: 0 auto; }

/*底部*/
.foot{ width: 100%; background: -webkit-linear-gradient(90deg, #086b66, #08640d);  background: -o-linear-gradient(90deg, #086b66, #08640d); background: -moz-linear-gradient(90deg, #086b66, #08640d); background: linear-gradient(90deg, #086b66, #08640d);margin: 0 auto;}
.footer{   padding: 40px 0 5px; }
.weui-flex{ width:78%; float: left;}
.weui-flex dl{ width: 20%; float: left; }
.weui-flex dl dt{ font-size: 16px; color: #fff; line-height: 30px; font-weight: bold;}
.weui-flex dl dd{ float: left; line-height: 32px; width: 100%; margin-top: 5px;}
.weui-flex dl dd a{color: #fff; font-size: 14px;width: 88%;float: left;}
.weui-flex dl dd a:hover{ font-weight: bold; }
.wer-flex{ width: 22%; float: right; }
.wer-flex dd{ text-align: left; }
.wer-flex .wer-lx1{margin-top: 20px; width: 258px; height: 58px; border: 2px #fff solid; padding: 10px;}
.wer-flex .wer-lx1 dd{ font-size: 14px; color: #eee; }
.wer-flex .wer-lx1 h2{ font-size: 17px; color: #fff; margin-top: 10px; }
.wer-flex .wer-lx2{margin-top: 10px;}
.wer-flex .wer-lx2 li{ width: 100%; line-height: 32px; font-size: 14px; color: #fff; }
.wer-flex .wer-lx2 li p{}
.wer-flex .wer-lx2 li p a{ color:#fff;}
.foot .xian{ width: 100%; height: 1px;background: -webkit-linear-gradient(90deg, #075b57, #06520a);  background: -o-linear-gradient(90deg, #075b57, #06520a); background: -moz-linear-gradient(90deg, #075b57, #06520a); background: linear-gradient(90deg, #075b57, #06520a); }
.copyright{font-size: 14px; color: #fff; text-align: left;  line-height: 60px; background: -webkit-linear-gradient(90deg, rgba(8,107,102), rgba(8,100,13));  background: -o-linear-gradient(90deg, rgba(8,107,102), rgba(8,100,13)); background: -moz-linear-gradient(90deg, rgba(8,107,102), rgba(8,100,13)); background: linear-gradient(90deg, rgba(8,107,102), rgba(8,100,13));}
.copyright a{color: #fff;}
.copyright a:hover{ color:#fff; text-decoration: underline;}
.copyright .hidden-xl{ float: left;}
.copyright .hidden-xr{ float:right;}


/* fenye */
.pages1{ width:100%; margin:30px auto 0;}
.pages1_l{ float:left; width:50%; height:40px;  }
.pages1_l a{ line-height:40px; color:#666;display:block; font-size:14px;}
.pages1_l:hover a{ color:#086b66;}
.pages1_r{ float:left; width:50%; height:40px; text-align:right;}
.pages1_r a{ line-height:40px; color:#666;display:block; font-size:14px;}
.pages1_r:hover a{ color:#086b66;}

.pages { padding:0 0 50px; text-align:center; font-size:14px;}
.pages li { display:inline-block; height:26px; line-height:26px; background: none; border:1px solid #ccc;  margin-left:6px;}
.pages li a{text-align:center; color:#333; padding:0 13px;}
.pages .page-active {background:#086b66; border:1px solid #086b66;text-decoration:none}
.pages .page-active a{color:#fff; }
.pages li:hover { background:#086b66; border:1px solid #086b66; text-decoration:none }
.pages li:hover a{ color:#fff;}
.pages span { display:inline-block; height:26px; line-height:26px; border:1px solid #ccc; color:#333; text-align:center; padding:0 13px;}


/* 表格css */
.pageNewsD table{border-collapse:collapse;width:100%;}
.pageNewsD table,tr{ font-size: 16px; color: #444; }
.pageNewsD table,th, td{border: 1px solid black;text-align: center; font-size: 14px;}



/*main CSS*/
#pictureViewer{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,.8);z-index: 10000;}
#pictureViewer > .content{background-color: #fff;position: absolute;width: 60%;height: 60%;margin: auto;top: 0;right: 0;bottom: 0;left: 0;}
#pictureViewer .menu-bar{width: 100%;}
#pictureViewer .menu-bar .handel{width: 40px;height: 40px;float: right;background-repeat: no-repeat;background-position: 50%;cursor: pointer;}
#pictureViewer .menu-bar .handel:hover{background-color: #086b66;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
#pictureViewer .menu-bar .handel.maximization{background-image: url(../images/icons/maximization_black.png);background-size: 14px;}
#pictureViewer .menu-bar .handel.maximization:hover{background-image: url(../images/icons/maximization_white.png);}
#pictureViewer .menu-bar .handel.miniaturization{background-size: 16px;background-image: url(../images/icons/miniaturization_black.png);}
#pictureViewer .menu-bar .handel.miniaturization:hover{background-image: url(../images/icons/miniaturization_white.png);}
#pictureViewer .menu-bar .handel.close-view{background-image: url(../images/icons/close_black.png);background-size: 15px;}
#pictureViewer .menu-bar .handel.close-view:hover{background-image: url(../images/icons/close_white.png);}
#pictureViewer .handel-prev,
#pictureViewer .handel-next{display: inline-block;width: 50px; height: 70px;position: relative;top: calc(50% - 80px);background-repeat: no-repeat;background-size: 25px;background-position: 50%;cursor: pointer;    -webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
#pictureViewer .handel-prev{background-image: url(../images/icons/prev_blank.png);}
#pictureViewer .handel-next{background-image: url(../images/icons/next_blank.png);}
#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover{background-color: #cc0917;}
#pictureViewer .handel-prev:hover{background-image: url(../images/icons/prev_white.png);}
#pictureViewer .handel-next:hover{background-image: url(../images/icons/next_white.png);}
#pictureViewer .picture-content{display: inline-block;width: 80%;height: calc(100% - 80px);position: absolute;margin: 0 auto;left: 0;right: 0;}
#pictureViewer .picture-content .cover{position: absolute;margin: auto;top: 0;right: 0;bottom: 0;left: 0;}
#pictureViewer .counter{position: absolute;bottom: 0;height: 40px;line-height: 40px;width: 100%;text-align: center;color: #808080;font-size: 13px;}
#pictureViewer .hide{display: none;}
#pictureViewer .left{float: left;}
#pictureViewer .right{float: right;}
#pictureViewer .clear-flex{clear: both;}
#pictureViewer img{max-width: 100%;max-height: 100%;}



/* 产品筛选栏目 */
.pro-list{ width: 100%; position: relative; clear: both; list-style: none; padding:50px 0;}
.pro-list li{width: 23%;float: left;margin-right: 2%;margin-bottom: 2%;}
.pro-list li a{ display: block; border:3px #f1f1f1 solid; }
.pro-list li:nth-child(4n){margin-right:0;}
.pro-list li .pic{ width: 100%; position: relative;overflow:  hidden;}
.pro-list li .pic img{ width: 100%; display: block;width: 100%;height: auto;-webkit-transition: 1s ease-in-out;-o-transition: 1s ease-in-out;transition: 1s ease-in-out;transform-origin:50% 50%;}
.pro-list li:hover .pic img{-webkit-transform: scale(1.25);-ms-transform: scale(1.25);-o-transform: scale(1.25);transform: scale(1.25);}
.pro-list li .con{ width: 100%;height: 55px; background: #f1f1f1;text-align: center;font-size: 15px;line-height: 55px;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out; font-weight: bold;}
.pro-list li:hover .con {background: -webkit-linear-gradient(90deg, #086b66, #08640d);  background: -o-linear-gradient(90deg, #086b66, #08640d); background: -moz-linear-gradient(90deg, #086b66, #08640d); background: linear-gradient(90deg, #086b66, #08640d);color:#fff;}

.pages0 { padding:30px 0 ; text-align:center; font-size:14px;}
.pages0 li { display:inline-block; height:26px; line-height:26px; background: none; border:1px solid #ccc;  margin-left:6px;}
.pages0 li a{text-align:center; color:#333; padding:0 13px;}
.pages0 .page-active {background:#086b66; border:1px solid #086b66;text-decoration:none}
.pages0 .page-active a{color:#fff; }
.pages0 li:hover { background:#086b66; border:1px solid #086b66; text-decoration:none }
.pages0 li:hover a{ color:#fff;}
.pages0 span { display:inline-block; height:26px; line-height:26px; border:1px solid #ccc; color:#333; text-align:center; padding:0 13px;}


.downlist{ width: 1180px; margin: 0;  padding:0 ;}
.downlist .title{ font-size: 24px; color:#086b66; width:100%;word-break:break-all; margin-bottom:20px; font-weight: bold;}
.picFocus{ float:left;  width:500px;  position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{ margin-left:30px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
.picFocus .hd ul li img{ width:100px; height:65px; border:2px solid #eee; cursor:pointer; margin-right:8px;   }
.picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#086b66;  }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:498px; height:332px; display:block; border:1px #eee solid; }
.picFocus .prev{ position:absolute; left:0 ; bottom:24px;}
.picFocus .next{ position:absolute; right:0 ; bottom:24px;}

.floatl{ float: left;width: 502px;}
.floatr{ width: 640px; float: right;}
 
.floatr .table-list{ width:100%; line-height: 30px; font-size: 14px; color: #606060;}
.floatr .table-list .input-text{ width:40px; height: 25px; text-align:center; color:#dd2328;}
.floatr .table-list .button{ width: 80px; height: 35px; text-align:center; background:#dd2328; border: none; text-align:center; color:#fff; cursor:pointer; margin-top: 5px; font-size: 14px;}
.floatr .div-bz{ font-size: 14px; margin-top:20px;}
.left02{ width: 100%; margin:20px auto 0; border-top:1px #ccc solid; padding-top:30px;}
.left02 p{ font-size: 14px; line-height: 28px;}
.left02 img{max-width:100%;}
.left02 td{ border: 1px #ccc dashed;}



/* kefu */
.float_qq{ position:fixed; top:300px; right:0; width:50px; height:203px; z-index:6666;}
.float_qq li{ width:auto; height:50px; z-index:20;}
.float_qq li.float_qq1,.float_qq li.float_qq4{ position:absolute; left:0; width:62px;}
.float_qq li.float_qq1{ top:153px}
.float_qq li.float_qq2{ position:absolute; top:0; left:0; width:126px;}
.float_qq li.float_qq3{ position:absolute; top:51px; left:0; width:172px;}
.float_qq li.float_qq4{ top:102px;}
.float_qq4{ position:absolute; /*top:153px; */left:0;}
.float_qq4 a{ background: url(../images/xd/float_qqicon4.png) no-repeat;}
.float_qq li a{ display:block; font-family:"Microsoft Yahei"; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#000; opacity:0.8; border-radius:6px;}
.float_qq li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}
.float_shwx{ position:absolute; top: -94px; left:-140px; background:url(../images/xd/float_wxbd.png) no-repeat bottom right; width:140px; height:140px; padding-bottom:9px; display:none;}
.float_shwx img{ display:block; background-color:#FFF; width:140px; height:140px;}
.new-float{
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 9999;
  width: 77px;
  height: 374px;
  margin-top: -150px;
}
.new-float li{
  position: relative;
  width: 77px;
  height: 57px;
  margin-bottom: 1px;
  line-height: 27px;
  color: #fff;
  border-radius: 5px;
  text-align: center;
  background: -webkit-linear-gradient(90deg, #086b66, #08640d);  background: -o-linear-gradient(90deg, #086b66, #08640d); background: -moz-linear-gradient(90deg, #086b66, #08640d); background: linear-gradient(90deg, #086b66, #08640d);
}
.new-float li.hover{
  overflow: hidden;
}
.new-float li a{
  display: inline-block;
  color: #fff;
  font-size: 12px;
}
.new-float li a.tit{
  width: 77px;
  height: 27px;
  padding: 30px 10px 0 0;
  color: #fff;
}
.new-float li p{
  position: relative;
  z-index: 2;
  height: 27px;
  padding-top: 30px;
  cursor: pointer;
}
.new-float li.fi dd{
	position:absolute;
	width:77px;
	text-align:center;
	bottom:0;
}
.new-float li.se a{
  background: url(../img/bg_float02.png) no-repeat;
}
.new-float li.th a{

  background: url(../images/xd/float_qqicon2.png) no-repeat;
}
.new-float li.fo a.tit{
  background: url(../img/bg_float04.png) no-repeat;
}
.new-float li.fif p{
  background: url(../images/xd/bg_float05.png) no-repeat;
  font-size: 12px;
}
.new-float li.zixun a{
  background: url(../img/bg_float01.png) no-repeat;
}
.new-float li.six a{
  background: url(../images/xd/xxf_bg_float01.png) no-repeat;
  cursor: pointer;
}


.new-float li .tel{
 position: absolute;
left: 74px;
top: 0;
z-index: 1;
width: 187px;
height: 57px;
font: 24px/57px Arial;
color: #fff;
background: url(../images/xd/bg_float06.png) no-repeat;
cursor: pointer;
}
.new-float a.mof{
  display: inline-block;
  width: 54px;
  height: 71px;
  padding: 12px 11px 0 12px;
  margin-top: 10px;
  *margin-top: 7px;
  background: url(../images/xd/bg_float07.png) no-repeat;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
}