﻿@charset "utf-8";
/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;}
body{font-family:"微软雅黑", Arial, Tahoma, Verdana, sans-serif;font-size:14px;background:#fff;}
ol,ul,li{list-style-type:none;}
a{text-decoration:none;}
img{border:0;}
body{background:#fff;}
picture{display:block;}
.ysj{width:1300px; margin:0 auto;}
a:hover{text-decoration:none;}
a{color:#666; font-size:14px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.fl{float:left;}
.fr{float:right;}
.clear
{
	clear: both;
}
@font-face {
  font-family: '../font/iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../font/iconfont.woff2') format('woff2'),
      url('../font/iconfont.woff') format('woff'),
      url('../font/iconfont.ttf') format('truetype'),
      url('../font/iconfont.svg#iconfont') format('svg');
}
@font-face
    {
        font-family:"HeroicCondensed-Regular.ttf";
        src: url("../font/HeroicCondensed-Regular.ttf");
    }
@font-face
    {
        font-family:"felixtitling.ttf";
        src: url("../font/felixtitling.ttf");
    }
.iconfont {
  font-family: "../font/iconfont";
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.top_info{ height:132px;position:fixed; top:0; z-index:3; background:#fff;width:100%;}
/*top*/
.top{ height:36px; background:#5eb4b2; color:#fff;font-size:12px;}
.top .top_lt{ float:left; line-height:36px;}
.top .top_dh{ float:right; position:relative; z-index:9999;}
.top .top_dh dl{ float:left; line-height:36px;}
.top .top_dh dl img{ float:left;  padding-right:10px;}
.top .top_dh p{ float:right; font-size: 18px; display: block; height: 100%; line-height: 36px; font-weight: bold;}



/*网站导航*/
.ys_menu{width:1300px; margin:0 auto; height:96px;}
.ys_menu .logo{ float:left; padding-top:20px;}
.nav{width:552px; float:right;}
.nav li{ position:relative; float:left; width:92px; z-index: 999; text-align:center;}
.nav li a{ display:block; line-height:96px;  font-size:16px; color:#000000;}
.span_1 .b_left { width:0px; height:3px; background:#5eb4b2; display: block; position:absolute; right:50%; bottom:0px;transition:all 0.3s ease-in 0s;-moz-transition:all 0.3s ease-in 0s;-ms-transition:all 0.3s ease-in 0s;-o-transition:all 0.3s ease-in 0s;-webkit-transition:all  0.3s ease-in 0s;}
.span_1 .b_right { width:0px; height:3px; background:#5eb4b2; display: block; position:absolute; left:50%; bottom:0px;transition:all 0.3s ease-in 0s;-moz-transition:all 0.3s ease-in 0s;-ms-transition:all 0.3s ease-in 0s;-o-transition:all 0.3s ease-in 0s;-webkit-transition:all  0.3s ease-in 0s;}
.nav ul li.hover .span_1 .b_left { width:37px; height:3px; background:#5eb4b2; display: block; position:absolute; right:50%; bottom:0px;transition:all 0.3s ease-in 0s;-moz-transition:all 0.3s ease-in 0s;-ms-transition:all 0.3s ease-in 0s;-o-transition:all 0.3s ease-in 0s;-webkit-transition:all  0.3s ease-in 0s;}
.nav ul li.hover .span_1 .b_right { width:37px; height:3px; background:#5eb4b2; display: block; position:absolute; left:50%; bottom:0px;transition:all 0.3s ease-in 0s;-moz-transition:all 0.3s ease-in 0s;-ms-transition:all 0.3s ease-in 0s;-o-transition:all 0.3s ease-in 0s;-webkit-transition:all  0.3s ease-in 0s;}
.nav ul li.hover a{ color:#5eb4b2;}
.nav li .lev2{position:absolute;display:none;top:96px;width:110px;left:-10px;background-color:#fff;border-top:1px solid #ddd;}
.nav li .lev2 li{position:static;width:100%;line-height:56px;height:56px; border-bottom:1px solid #f0f0f0; }
.nav li .lev2 li a{ width:100%;  margin:0 auto; color: #2c2b2b; background:#fff;line-height:56px;}
.nav li .lev2 li:hover a{ color:#fff; background-color:#5eb4b2}
.nav li .menu_fine{color: #5eb4b2; font-weight: bold;}


/* bannercss */
.slideBox{ width:100%; height:670px;overflow:hidden; margin-top:132px;}
.slideBox .hd{ height:12px; overflow:hidden; position:absolute; left:50%;margin-left: -50px;  margin-top:600px; z-index:1;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul span li{ width:11px;}
.slideBox .hd ul li{ float:left; margin:0 6px; width:8px; height:8px;filter: Alpha(Opacity=70);opacity: 0.7; background:#fff;  font-size:0; cursor:pointer;-moz-border-radius:8px; -webkit-border-radius: 8px;border-radius:8px;}
.slideBox .hd ul li.on{background:#5eb4b2; filter: Alpha(Opacity=100);opacity: 1;width:16px;}
.slideBox .banner{ position:relative; height:100%; z-index:0;}
.slideBox .banner li{ zoom:1; vertical-align:middle; height:670px;}
.slideBox .banner li a{ display:block; width:100%; height:670px;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.absolute{ position:absolute;}
.web_widht{ width:1300px; margin:0 auto; position:absolute; padding-top:20px; text-align:center; left:0; right:0;}
.fast_nav{ height:85px; position:relative; margin-top:-85px; z-index:9;}
.fast_nav .back_hei{ width:100%; height:100%; left:0; top:0; background:#000;}
.fast_nav .web_widht{ z-index:10;}


.cpzs{ overflow:hidden; background:url(../images/cp_bj.jpg); padding-bottom:60px;}
.cpzs_t{ text-align:center; color:#848484; line-height:40px; padding-top:60px;}
.cpzs_t p{ color:#5eb4b2; font-size:38px; font-weight:bold;}
.cpzs_t span{ font-size:16px; color:#757575; display:block; line-height:60px; position:relative;}
.cpzs_t span:after{ content:""; position:absolute;width:38px; height:2px; background:#5eb4b2;left:50%; margin-left:-19px; bottom:0;}


.cpzs_nr{ padding-top:0;}

.cpzs_t p b
{
	color: #000;
}





/*产品轮播*/

.box4{height: auto;overflow: hidden;}
.iPro .iPro-top{overflow:hidden;margin:92px auto 0;text-align:center;}
.iPro .iPro-top span{font-size:30px}
.iPro .iPro-top .sp1{color:#0f2fbb}
.iPro .iPro-top .sp2{color:#858585}
.iPro .iPro-link{width:37px;height:18px;position:relative;overflow:hidden;margin:10px auto 0}
.iPro .iPro-link a{position:absolute;display:block;left:0;transition:all .2s ease;width:37px;height:18px}
.iPro .iPro-link .a{top:0}
.iPro .iPro-link .b{top:18px}
.iPro .iPro-link:hover .a{top:-18px}
.iPro .iPro-link:hover .b{top:0}
.iPro .iPro-link .a{background:url(../images/iPro-link1.png)}
.iPro .iPro-link .b{background:url(../images/iPro-link2.png)}
.iPro .poster-main{position:relative;width:1100px;height:auto;margin-top:25px}
.iPro .poster-main a,.iPro .poster-main img{display:block}
.iPro .poster-main .poster-list{width:1100px;height:auto}
.iPro .poster-main .poster-list .poster-item{position:absolute;left:0;top:0; padding:10px;background-color:#f8f8f8;}
/*.iPro .poster-main .poster-list .poster-item div {position:absolute;width:100%; height:100%; background:#000; z-index:20;opacity:0.5; filter:alpha(opacity=70);display:none}*/
.iPro .poster-main .poster-list .poster-item b{position:absolute; text-align:center; width: 95.5%; font-size:24px; line-height: 0px; bottom: 0px; height: 36px; font-weight: normal; font-style: normal; z-index:30;display:none; color: #FFF; display:none; }
.iPro .poster-main .poster-list .poster-item i{position:absolute; text-align:center; width: 94%; font-size:24px; line-height: 60px; bottom: 0px; height: 56px; font-weight: normal; font-style: normal; z-index:30;display:none; color: #FFF;font-size:14px; color:#666;}
.iPro .poster-main .poster-btn{position:absolute;top:0;width:21px;height:29px;z-index:10;cursor:pointer;opacity:1;}
.iPro .poster-main .poster-prev-btn{left:-50px;background:url(../images/picbtnleft.png) 0 center no-repeat;}
.iPro .poster-main .poster-next-btn{right:-70px;background:url(../images/picbtnright.png) right center no-repeat;}
.iPro .poster-main .poster-prev-btn:hover{background:url(../images/picbtnlefth.png) 0 center no-repeat}
.iPro .poster-main .poster-next-btn:hover{background:url(../images/picbtnrighth.png) right center no-repeat;}
/* 本例子css */
.slideTxtBox{ width:1300px; overflow:hidden;}
.slideTxtBox .hd{ height:94px; background:#fff;position:relative; border:1px solid #f0f0f0;}
.slideTxtBox .hd ul{ float:left; position:absolute; margin:1px;}
.slideTxtBox .hd ul div{ text-align:left; height:77px;width:255px; background:#5eb4b2;  float:left; padding-left:30px; padding-top:15px;}
.slideTxtBox .hd ul div i{ font-size:60px; color:#fff; float:left; padding-right:10px;}
.slideTxtBox .hd ul div dl{ float:left; font-size:16px; color:#fff; padding-top:8px;}
.slideTxtBox .hd ul div dl strong{ font-size:22px;}
.slideTxtBox .hd ul li{cursor:pointer; line-height:92px; float:left; color:#303030; font-size:16px; margin-left:48px;}
.slideTxtBox .hd ul li.on{ line-height:92px; color:#5eb4b2; border-bottom:2px solid #5eb4b2; font-weight:bold;}
.slideTxtBox .bd{ padding-top:30px;}
.slideTxtBox .bd ul{ zoom:1;}
.slideTxtBox .bd ul dl{width:1000px; height:560px; position:relative; float:right;}
.slideTxtBox .bd ul dl dt{ background:rgba(46,194,172,.9); position:absolute;left:0; bottom:0; height:70px;width:100%; padding:10px 20px;}
.slideTxtBox .bd ul dl dt strong{ font-size:20px; font-weight:bold; color:#fff; line-height:40px; display:block;}
.slideTxtBox .bd ul dl dt b{ font-weight:200; color:#fff; line-height:24px; font-size:14px; display:block;}
.slideTxtBox .bd ul div{width:280px; float:left;}
.slideTxtBox .bd ul div li{ width:100%; height:180px; margin-bottom:10px;}
.slideTxtBox .bd ul div li a{width:100%; height:100%; display:block; overflow:hidden;}
.slideTxtBox .bd ul div li a img{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; width: 100%;}
.slideTxtBox .bd ul li a img:hover{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);}




.yz_t{ text-align:center; font-weight:bold; color:#202020; font-size:36px; margin-top:30px;}
.yz_t strong{ color:#5eb4b2;}
.yz_nr{ overflow:hidden; padding:40px 0 0 0;}
.yz_nr ul li{ text-align:center; padding:40px 30px; float:left;width:200px;}
.yz_nr ul li:hover{ background:#f8f8f8;}
.yz_nr ul li i{ font-size:40px; color:#5eb4b2;}
.yz_nr ul li p{ font-size:16px; color:#5eb4b2; line-height:70px;}
.yz_nr ul li dl{ line-height:22px; color:#929292; font-size:14px;}
.yz_dh{width:410px; height:54px; background:#5eb4b2; text-align:center; -moz-border-radius:40px; -webkit-border-radius: 40px;border-radius:40px; color:#fff; margin:0 auto 50px auto; font-size:16px;}
.yz_dh b{ line-height:54px; display:block; float:left; padding-left:36px; font-weight:300;}
.yz_dh strong{ font-size:38px; font-weight:200; line-height:54px; float:left;}

.zjhj{ overflow:hidden; background:url(../images/jj_bj.jpg) no-repeat center; overflow:hidden; height:505px; margin-top: 40px;}
.zjhj_rt{ float:right; width:800px; padding-top:20px;}
.zjhj_rt strong{ padding-top:0; font-size:30px; color:#2b292f; line-height:40px; display:block;}
.zjhj_rt span{ font-size:12px; color:#5f5f5f; display:block;}
.zjhj_rt dl{ line-height:36px; color:#646464; padding-top:30px; font-size: 18px;}
.zjhj_rt ul{ overflow:hidden;}
.zjhj_rt ul li{ float:left;width:160px; color:#707070; font-size:16px; padding:20px 0;}
.zjhj_rt ul li h1{ font-size:18px; color:#5eb4b2; line-height:50px;}
.zjjt_a{ margin-top:10px;}
.zjjt_a a{width:150px; height:48px; background:#5eb4b2; line-height:48px; text-align:center; font-size:16px; color:#fff; display:block;-moz-border-radius:26px; -webkit-border-radius: 26px;border-radius:26px;}
.zjjt_a a::after{ content:""; display:block; width:0; height:100%; background:#0c4ca0; margin-top:-48px; transition:all 0.3s ease;-moz-border-radius:26px; -webkit-border-radius: 26px;border-radius:26px;}
.zjjt_a a:hover{ color:#FFF;}
.zjjt_a a:hover::after{ width:100%;}





/*新闻*/

/* news */
.xwzx{ padding-top:0;  height:810px;}
.xw_t{ text-align:center;}
.xw_t p{ font-size:34px; font-weight:bold; background:url(../images/xi4.png) no-repeat center; color:#353535;}
.xw_t p strong{ color:#cf0e0f;}
.xw_t span{ font-size:18px; color:#757575; line-height:40px;}
.xw_nr{ padding-top:40px; overflow:hidden; padding-bottom:40px;}
.xw_nr ul li{ float:left;width:422px; margin-right:16px;-webkit-transition:all 0.2s linear;transition:all 0.2s linear;}
.xw_nr ul li:last-child{ margin-right:0;}
.xw_nr ul li dl{ background:#fff; height:130px; border:1px solid #f1f1f1; padding:25px 20px;}
.xw_nr ul li dl dt{ height:100px; border-bottom:1px solid #ddd;}
.xw_nr ul li dl dt p{ float:left;width:80px; font-size:15px; color:#707070; text-align:center; border-right:1px solid #ddd;}
.xw_nr ul li dl dt p strong{ font-size:40px; color:#000; display:block; text-align:center;}
.xw_nr ul li dl dt span{ float:right;width:245px; font-size:14px; color:#555555; line-height:24px;}
.xw_nr ul li dl dd{ line-height:54px;}
.xw_nr ul li dl dd p{ float:left;}
.xw_nr ul li dl dd i{ float:right;}
.xw_nr ul li:hover{z-index:2;-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -6px, 0);transform:translate3d(0, -6px, 0)}
.xw_nr ul li a img
{
	width: 100%;
	height: 280px;
}
.xw_a a{ text-align:center; display:block; font-size:16px; line-height:60px; color:#757575;}
.xw_a a:hover{ color:#f00; line-height:50px;}
.more_
{
	margin: 0 auto;
	width: 150px;
}




.cont{ height:190px; background:#17a7a4;width:100%;}
.cont ul li{ float:left;width:33.33%; text-align:center; color:#fff; font-size:16px; height:155px; line-height:30px; padding-top:35px;}
.cont ul li i{ font-size:50px; line-height:60px; font-weight:200; display:block;}
.cont ul li:nth-child(2){ background:#0c4ca0;}

.end{ height:315px; background:url(../images/end_bj.jpg) no-repeat center; }
.end_lt{ float:left;width:600px; padding-top:30px;}
.end_lt ul{ float:left; margin-right:50px;}
.end_lt ul p a{ color:#333; font-size:18px; position:relative; line-height:60px; display:block; margin-bottom:10px;}
.end_lt ul p a:after{ content:""; position:absolute;left:0;bottom:0;width:20px; height:2px; background:#d0d0d0;}
.end_lt ul li a{ font-size:14px; line-height:28px; color:#333;}
.end_lt ul li a:hover{ color:#f00;}
.end_rt{ float:right;width:600px; margin-top:40px;}
.end_rt dl{ text-align:right; line-height:28px; color:#5b5b5b;}
.end_rt p{ text-align:right; color:#5b5b5b; padding-top:20px;}
.end_rt p strong{ padding-top:50px; float:right; font-weight:300; line-height:30px;}
.end_rt p img{ float:right; padding-left:20px;}



.nyban1{ height:380px; margin-top:128px;}
.ny_nav{ height:60px; margin-top:-60px; line-height:60px;text-align:right;}
.ny_nav1{width:1300px; margin:0 auto;}
.ny_nav li{ display:inline-block;width:160px; height:60px; line-height:60px; text-align:center; margin:0 auto; font-size:16px; box-shadow:0px 2px 3px #e5e1e1;}
.ny_nav a{ color:#333; line-height:60px; text-align:center; font-size:16px; background:#fff; display:block;width:100%; height:100%;}
.ny_nav ul .column_active{ background:#5eb4b2; color:#fff;}
.ny_nav ul li a:hover{ background:#5eb4b2; color:#fff;}
.ny_ll{ height:60px; border-bottom:1px solid #d8d8d8; color:#666;}
.ny_ll ul p{ border-bottom:2px solid #5eb4b2; line-height:58px; font-size:14px; display:inline-block;}
.ny_ll ul p img{ float:left; padding-top:20px; padding-right:6px;}
.nynr{ line-height:34px; color:#333; font-size:14px; padding:30px 0; overflow:hidden; min-height: 300px;}



.ny_rt{width:990px; float:right; line-height:30px;}
.cpfl_ny{width:250px; height:auto; float:left;}
.cpfl_ny_t{ text-align:center; background:#5eb4b2; height:90px;}
.cpfl_ny_t p{ display:block; font-size:20px; padding-top:17px; line-height:30px;color:#fff; font-weight:bold;}
.cpfl_ny_t span{ font-size:12px; color:#fff; line-height:30px; }
.cpfl_ny_nr ul{ height:auto; margin-bottom:4px;background:#f5f5f5; padding-bottom:20px;}
.cpfl_ny_nr li{ border-top:1px solid #eaeaea;}
.cpfl_ny_nr li a{ color:#666; line-height:74px; display:block; font-size:16px; padding-left:20px;}
.cpfl_ny_nr li a:hover{ color:#fff; background:#5eb4b2;}
.cpfl_ny_nr li a i{ float:right; font-size:20px; padding-right:20px;}
