.nyban{width: 100%;height: 500px; position:relative; background-image: url(../images/inner_page_banner.jpg);background-position: center center;background-repeat: no-repeat;background-size: cover;}
.nyban .box {width: 100%;position: absolute;bottom:15%; }
.nyban .box .title {float:left;font-size: 38px;line-height: 36px;color: #ffffff;}
.nyban .box .p {float:right;text-align: right;}
.nyban .box .p .time {font-family: "DIN-Bold";font-size: 22px;line-height: 22px;letter-spacing: -0.4px;color: #ffffff;}
.nyban .box .p .span {font-size: 17px;line-height: 17px;margin-top: 12px;font-weight: normal;color: #ffffff;opacity: 0.5;}
.inner-nav {width: 100%;height: 80px;background-color: white;border-bottom: solid 1px #ebebeb;min-width: 1280px;}
.inner-nav.fixer {position: fixed;top: 0;left: 0;z-index: 100000000;}
.inner-nav nav {height: 100%;float: left;}
.inner-nav nav ul li {line-height: 80px;margin-right: 38px;position: relative;float: left;}
.inner-nav nav ul li::after {content: "";width: 0;height: 2px;background-color: #cc2237;position: absolute;bottom: -1px;left: 0;transition: 0.3s;}
.inner-nav nav ul li a {display: block;font-size: 16px;line-height: 80px;color: #666666;}
.inner-nav nav ul li.active::after {width: 100%;}
.inner-nav nav ul li:hover::after {width: 100%;}
.inner-nav nav ul li:hover a {color: #cc2237;}
.inner-nav .add {float: right;height: 80px;}
.inner-nav .add div {float: left;line-height: 80px;margin-left: 16px;}
.inner-nav .add div.img {width: 14px;height: 14px;line-height: 48px; margin-top:15px;}
.inner-nav .add div.img img {width: 100%;}
.inner-nav .add div a {font-size: 14px;color: #7a7a7a;}
.inner-nav .add div i {font-size: 8px;color: #c6150f;}
.inner-nav .add div:hover a {color: #c6150f;}


.about_txt{padding-top:70px; line-height:38px; font-size:18px; background:url(../images/about_us01.jpg) no-repeat center bottom}
.about_txt h3{ font-size:32px; margin-bottom:20px; font-weight:bold; position:relative; padding-bottom:35px; margin-bottom:40px;}
.about_txt h3:after{ position:absolute; content:""; width:120px; height:6px; background:red; bottom:0; left:0}
.about_txt p{ width:70%; padding-bottom:70px;}

.wh_bg{ background:url(../images/wh_bg.jpg) no-repeat center; padding:90px 0; color:#fff; width:100%; float:left}
.wh_bg .wh_left{ font-size:32px; width:40%; float:left; padding-top:20px;}
.wh_bg .wh_left b{ color:red; font-size:34px ;}
.wh_left p{ font-size:18px; line-height:32px; margin-top:20px;}

.wh_right { width:55%; float:right; }
.wh_right  li{ width:48%; float:left; background:#fff; border-radius:8px; margin-bottom:20px; color:#333; position:relative; padding:30px; height:210px;}
.wh_right  li:nth-child(2n){ float:right;}
.wh_right li i{ position:absolute; top:10px; right:20px; font-size:32px; font-family:Arial; color:#dfdfdf;}
.wh_right li span{ font-weight:bold; width:100%; margin-bottom:10px; float:left; font-size:22px;}



.zz{ width:100%; float:left; padding:50px 0;}
.zz h3{ position:relative; width:100%; font-size:32px; margin-bottom:30px; padding-bottom:15px;}
.zz h3:after{ content:""; position:absolute; width:80px; height:5px; background:red; left:0; bottom:0;}
.zz li{ width:23%; float:left; margin:10px 1%; text-align:center; line-height:32px; border:1px #eee solid}
.zz li p{ padding-top:10px; padding-bottom:10px;}


.pro{ width:100%; float:left; padding:50px 0;}
.pro li{ width:32%; float:left; margin:1rem 0; padding-bottom:40px;position:relative; background:url(../images/pro_bg.png) no-repeat center bottom; background-size:100%; text-align: center; overflow:hidden}
.pro li:nth-child(3n-1){margin:1rem 2%;}
.pro li a{ display:block; position:relative;}
.pro li a img{ transition: transform 0.3s ease;}

.pro li h3{ font-size:18px; color:#fff;padding:25px 0 ; font-weight:700; background:#4fb5b9; width:100%; padding-right:30%; height:80px; text-align:left; text-indent:2em; position:relative;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.pro li p{ margin:1rem 0;font-size:0.875rem; color:#666666;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; ;}
.pro li h3  i{ float:right; width:140px; height:32px; position:absolute; background:url(../images/pro_tb.png) no-repeat right center; background-size:25px; font-weight:400; right:20px; line-height:32px; top:25px;}
.pro li a:hover h3{color:#a4f3f6}
.pro li .pic{ text-align:center;}
.pro li a:hover h3 em{ background-color:#e7161b;} 
.pro li a:hover img{transform: scale(1.1);}




.xg{ width:100%; float:left; padding:50px 0;}
.xg li{ width:32%; float:left; margin:1rem 0; padding-bottom:35px;position:relative; background:url(../images/pro_bg.png) no-repeat center bottom; background-size:100%; text-align: center; overflow:hidden}
.xg li:nth-child(3n-1){margin:1rem 2%;}
.xg li a{ display:block; position:relative; color:#fff}
.xg li a img{ transition: transform 0.3s ease;}
 
.xg li p{padding:1rem 0;font-size:18px; color:#fff;display: -webkit-box;background:red; -webkit-box-orient: vertical; -webkit-line-clamp: 2; ;}
 
.xg li .pic{ text-align:center;} 
.xg li a:hover img{transform: scale(1.1);}


.news_list,.txt_nic{ width:100%; float:left; padding:50px 0}
.news_list li{width:97%; float:left; margin-bottom:30px; overflow:hidden}
 

.news_list li span{ width:260px;  float:left}
.news_list li span img{ width:100%; border-radius:10px; transition: transform 0.3s ease;}
.n_ri{ display:block; margin-left:310px;}
.news_list li h4{ font-size:18px; height:26px; font-weight:600;  overflow:hidden; margin-bottom:10px;}
.news_list li p{ color:#999; font-size:15px; line-height:34px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3; margin-bottom:20px;}
.news_list li font,.news_list li font a{ font-size:15px; color:#888}
.news_list li font img{ width:20px}

.news_list li:hover span img{transform: scale(1.1);}
.news_list li:hover h4{ text-indent:1em;}


.fy{ width:100%; float:left; padding-top:30px; text-align:center}

.t_fl,.t_fl h3,.t_fl h4,.t_fr{ width:100%; float:left;}
.t_fl h3{ text-align:center; font-size:22px; font-weight:bold}
.t_fl h4{text-align:center;; margin:20px 0; color:#777}
.t_fl p{ margin:10px 0}

.t_fr{ margin-top:40px;}
.t_fr h3{ position:relative; font-size:32px; padding-bottom:10px; text-indent:20px; margin-bottom:30px;}
.t_fr h3 a{ float:right; font-size:15px; padding:10px 20px; font-weight:200; background:red; border-radius:30px; color:#fff;text-indent:0}
.t_fr h3:after{ position:absolute; left:0; top:12px; height:32px; background:red; content:""; width:7px;}
.t_fr span{ width:23%; float:left; margin:10px 1%; text-align:center; line-height:42px; background:#eee}
.t_fr span img{ transition: transform 0.3s ease;}
.t_fr span:hover img{transform: scale(1.1)}




.fenye{ margin-top:40px; border-bottom:1px #eee solid;border-top:1px #eee solid; width:100%; float:left; padding-bottom:20px;padding-top:20px;}

.fenye span{ float:left;}
.fenye span:nth-child(2){ float:right}


.zp,.lx{width:100%; float:left; padding:50px 0}
.zp li{ width:100%; float:left; margin-bottom:20px; border:1px #999 dashed; padding-bottom:20px; padding:20px 30px;}
.zp li h4{ width:100%; float:left; font-size:18px; color:#333; padding:15px 0}
.zp li h4 i{ color:#999; font-size:14px; line-height:22px; float:right;}
.zp li span{ width:33%; float:left; line-height:32px; font-size:16px; color:#666;}


.lx .lx_left,.lx_right{ width:100%; float:left}
.lx_left h3{ width:100%; float:left; font-size:32px; color:red; line-height:32px; padding:20px 0; margin-bottom:20px; font-weight:bold}
.lx_left p{ line-height:32px; color:#333; margin:10px 1% 15px; padding:35px 25px 25px; border:1px #ccc solid; width:23%; font-size:18px; text-align:center; float:left}
.lx_left p span{width:100%; margin-top:10px; float:left;color:#777}
.lx_right{ background:#f9f9f9; padding:30px 0}


.lx_right{ padding:60px 0}
.lx_right h4{ font-size:22px; color:#333; text-align:center; margin-bottom:30px;}
.p_input{ width:30%; border:1px #eee solid; margin-right:3%; float:left; margin-bottom:20px; padding:10px 5px; line-height:38px; color:#666}
.tj{ width:100%; float:left; background:red; color:#fff; text-align:center; line-height:42px; padding:5px 0; border:none; margin-top:20px; margin-bottom:50px;}
.lynr{ width:100%; float:left;min-height:200px;}