@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,* { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
/*img{ display: block;}*/
BODY {FONT:14px/1.75 "Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:#fff;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
input,textarea{outline: none;}
body{width:auto}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container{max-width:1700px; margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}

/* CSS Document */
.header{height:100px;line-height:100px;transition: all .3s; }

.logo{width:25%;height:49px;margin-top:24px;}
.nav{width: 50%;}
.nav li{float:left;width:calc(100%/7);position: relative;}
.nav li a{float:left;font-size:16px;color:#666;height:100px;line-height:100px;}
.nav li:hover a{ color: #004391;}
.nav li.on a{ color: #004391;}
.nav ul li .hide{background-color: #fff;box-shadow: 0 15px 10px rgba(0, 0, 0, 0.18);float: left;font-size: 14px;left: 0px;display: none;width: 144px;opacity: 0.95;position: absolute;top:100px;text-align: center;z-index: 10000;margin-right:15px;margin-left:-36px}
.nav ul li .hide em a{ display:block; font-size: 15px;line-height:35px;font-weight: normal; text-align:center; height:35px; color: #333;float:none}
.nav ul li .hide em a:hover{background: #fff; color: #004391; transition:background-color 0.3s linear; -moz-transition:background-color 0.3s linear;-webkit-transition:background-color 0.3s linear;-o-transition :background-color 0.3s linear;}

.headerfixed{ position: fixed;top:0;left:0; background: #fff;z-index:9999999;width:100%;height:80px;box-shadow: 1px 1px 10px #ddd;}
.headerfixed .logo{margin-top:14px}
.headerfixed .nav li a{height:80px;line-height:80px;}
.headerfixed .nav  .hide{top:80px}

.head-form{width:160px;border-bottom:1px solid #C3C3C3;height:40px;line-height:40px; background: none; overflow: hidden;}
.head-form .text{width:130px;float:left;line-height:50px;}
.head-form .submit{ background: url(../images/search.png) no-repeat center right;width:22px;height:40px;float:right}
.head-form input{display: inline-block; background: none;border:none;line-height:40px;}

.head-right{margin-top:25px;width:25%}
.head-right .head-form{margin-top:-6px}
.language{margin-left:30px;}
.language .en{border:1px solid #999999;box-sizing: border-box;}
.language a{float:left;width:35px;height:35px;text-align: center;line-height:35px}
.language .china{ background: #004391;color:#fff}

/*首页banner*/
.banner{position:relative;}
.banner-hd {height:700px;position: relative; overflow:hidden; width: 100%;}
.banner-hd  ul{height:100%;margin: 0 auto;}
.banner-hd  ul li{height:100%;}
/*数字按钮样式*/
.banner-hd .num { overflow:hidden;  position:absolute; bottom:5%; margin:0 auto;left:0;right:0;text-align:center;zoom:1; z-index:3 ;    height: 20px;}
.banner-hd .num ul{display: inline-block;}
.banner-hd .num li {width:13px;height:13px;  color: #FFFFFF;margin:0 5px; cursor:pointer; float: left; background: #fff; border-radius: 50%;}
.banner-hd .num li.on {background: #0094DE;  } /*当前项*/
/* 下面是前/后按钮代码，如果不需要删除即可 */
.banner-hd .next{ position:absolute; left:3%; top:46%; background:url(../images/b-left.png) no-repeat center center;}
.banner-hd .prev{position:absolute; right:3%; top:46%; background:url(../images/b-right.png) no-repeat center center;}
.banner-hd .next,.banner-hd .prev{z-index:99;width:50px;height:50px;}
/*首页banner*/

/*推荐产品*/
.product{position: relative;}
.title{margin:50px 0}
.title b,.title span{ display: block;}
.title b{font-size:26px;font-weight:bold;color:#333;}
.title span{font-size:13px;font-family: arial;color:#B8B8B8;line-height:14px;}

.pro-meun{ position: absolute;top:0;right:0}
.pro-meun ul li{width:160px;height:50px;float:left;margin-left:10px}
.pro-meun ul li a{float:left;width:100%;height:50px;text-align: center;line-height:50px; background: #F0F0F0;font-size:15px;color:#333}
.pro-meun ul li.on a,.pro-meun ul li:hover a{ background: #004391;color:#fff}

.pro-list-ul dl{background: #F7F7F7;width:30%; overflow: hidden;padding:2.8% 2%;}
.pro-list-ul dl dt{width:23%;height:155px;float:left}
.pro-list-ul dl dt img{width:100%}
.pro-list-ul dl dd{float:right;width:63%}
.pro-list-ul dl dd span{ display: block;font-size:18px;color:#000}
.pro-list-ul dl dd p{line-height:29px;color:#888888;margin-top:10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3 ;-webkit-box-orient:vertical ;}
.pro-list-ul ul{ overflow: hidden;width:100%;height:252px}
.pro-list-ul ul li{float:left;margin-right:1.6%;position: relative;width:15%;border:1px solid #eee;box-sizing:border-box;height:252px}
.pro-list-ul ul li .pro-img{width:100%;height:252px}
.pro-list-ul ul li img{width: 100%;height:97%}
.pro-list-ul ul li .pro-info{ background: url(../images/pro-bg.png) no-repeat center center;width:143px;height:43px;text-align: center;line-height:53px;color:#fff;
position: absolute;bottom:2%;left:0;right:0;margin:0 auto;transition: all .6s;opacity: 0;}
.pro-list-ul ul li:hover .pro-info{bottom:6%;opacity: 1;}

/*推荐产品详情*/
.product-up{ position: relative}
.pro-big{margin-top:50px;}
.pro-b-1{width:100%; overflow: hidden;height:521px; background: url(../images/bg.jpg) no-repeat center center;}
.pro-b-left{width:50%;height:100%;text-align: center;}
.pro-b-left img{display: inline-block;}
.pro-b-right{width:50%;height:100%;}
.pro-b-right h3{font-size:25px;font-weight:bold;color:#fff}
.pro-b-right p{font-size:15px;line-height: 36px;color:#DDE2EC;margin-top:20px;}
.pro-b-right a{transition: all .4s;margin-top:40px;display: block;width:140px;height:40px;line-height:40px;text-align: center; background: #FFFFFF;}
.pro-b-right a:hover{margin-left:10px;}
.pro-r-con{width:500px;margin:0 auto;margin-top:100px}

.pro-jt{width:174px;position:absolute;top:0%;left:50%; overflow: hidden; z-index:99}
.product-up .prev,
.product-up .next{ display:block; width:86px; height:86px;}
.product-up .next{ background: url(../images/pro-right.png) no-repeat center center; float:right }
.product-up .prev{ background: url(../images/pro-left.png) no-repeat center center;float:left }

/*优势*/
.about{width:920px;text-align: center;margin:60px auto}
.about h3 span,.about h3 b{ display: block;}
.about h3 b{font-size:30px;line-height:30px;font-weight: normal;color:#333;margin-top:12px;}
.about h3 span{font-size:20px;color:#848484;font-family: arial;line-height:20px;}
.about p{color:#777;line-height:30px;margin:30px 0}
.about .about-more{ display: block;width:198px;height:40px;line-height:40px;text-align: center;border:2px solid #004391;margin:0 auto}
.about .about-more:hover{background:#004391;color:#fff}

.super-left{width:42%}
.super-left div,.super-left img{width:100%}
.super-right{width:58%}
.s-r-top,.s-r-bottom{ background: #F1F1F1;}
.s-r-left{width:67%}
.s-r-left img{width:100%}
.s-r-right{width:33%}
.s-r-right b,.s-r-right p{ display: block;width:80%;margin:0 auto;text-align: center;}
.s-r-right b{font-size:20px;font-weight:bold;color:#333;margin-top:21%;margin-bottom:5%}
.s-r-right p{font-size:15px;line-height:30px;color:#696969;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical ;}

/*工程案例*/
.case-title a{color:#999999;margin-top:70px; display: block;transition: all .3s}
.case-title a:hover{color:#004391;margin-right:10px;}
.case{ position: relative}
.case-b-1{width:100%; overflow: hidden;height:521px; background: url(../images/case-bg.jpg) no-repeat center center;}
.case-b-left{width:50%;height:100%;text-align: center;}
.case-b-left img{display: inline-block;}
.case-b-right{width:50%;height:100%;}
.case-b-right h3{font-size:25px;font-weight:bold;color:#fff;text-align: center;}
.case-b-right p{font-size:15px;line-height: 36px;color:#DDE2EC;margin-top:20px;text-align: center;}
.case-b-right a{transition: all .4s;display: block;width:140px;height:40px;line-height:40px;text-align: center; background: #FFFFFF;margin:40px auto}
.case-b-right a:hover{margin-top:30px}
.case-r-con{width:500px;margin:0 auto;margin-top:100px}

.case-jt{width:174px;position:absolute;top:0%;right:50%; overflow: hidden; z-index:9999}
.case .prev,
.case .next{ display:block; width:86px; height:86px;}
.case .next{ background: url(../images/pro-right.png) no-repeat center center; float:right }
.case .prev{ background: url(../images/pro-left.png) no-repeat center center;float:left }

/*新闻中心*/
.news{margin-bottom:70px}
.news-title a{color:#999999;margin-top:70px; display: block;transition: all .3s}
.news-title a:hover{color:#004391;margin-right:10px;}
.news-left{width:40%; background: #F9F9F9;padding:50px 0}
.news-left span{font-size:16px;color:#777777;display: block;}
.news-left h3{font-weight:normal;font-size:18px;color:#333;margin:10px 0}
.news-left p{font-size:14px;color:#777;margin-bottom:20px}
.news-div{width:80%;margin:0 auto}
.news-div div img{width:100%}
.news-right{width:56%;border-top:1px solid #E5E5E5;}
.news-left:hover h3{color:#004391}

.news-right ul li{border-bottom:1px solid #E5E5E5;padding:20px 0; background: url(../images/news-jt.png) no-repeat 100% 65%;transition: all .4s;}
.news-right ul li h4{font-size:16px;color:#333;margin-bottom:10px;}
.news-right ul li h4:before{content: '';width:5px;height:5px; background: #333; display: inline-block;margin-right:13px;vertical-align: middle;}
.news-right ul li h4 em{float:right;color:#888;font-size:15px}
.news-right ul li p{line-height: 30px;font-size:14px;color:#777;width:83%;margin-left:18px}
.news-right ul li:hover{ background: url(../images/news-jt.png) no-repeat 98% 65%;}
.news-right ul li:hover h4{color:#004391}
.news-right ul li:hover h4 em{color:#004391}

/*底部*/
.footer{ background: #22292F;padding-top:40px}
.foot-title{font-size:20px;font-weight:bold;font-family: arial;color:#fff;margin-bottom:10px;}
.footer-left ul li{font-size:15px;color:#CECFD0;margin:15px 0;padding-left:40px}
.footer-left .icon-1{ background: url(../images/icon-1.png) no-repeat center left;}
.footer-left .icon-2{ background: url(../images/icon-2.png) no-repeat center left;}
.footer-left .icon-3{ background: url(../images/icon-3.png) no-repeat center left;}

.footer-center{margin-left:12%}
.footer-nav{margin:15px 0 25px 0}
.footer-nav a{display: inline-block;color:#BEBFC0;margin-right:40px;font-size:15px;}
.footer-nav a:hover{color:#fff}
.foot-form input{border-radius:6px;display: inline-block;border:none;background: none;}
.foot-form .text{color:#fff;border:1px solid #E2E2E2;width:280px;height:53px;line-height:53px;padding-left:20px; vertical-align: middle;}
.foot-form .submit{width:120px;height:53px; background: #004391;color:#fff; vertical-align: middle;margin-left:10px;}
.footer-right dl dt,.footer-right dl dd{text-align: center;color:#BCBDBE}
.footer-right dl dd{margin-top:6px;letter-spacing: 1px;}

.footer-bottom{border-top:1px solid #363C41;height:50px;line-height:50px;margin-top:20px;}
.footer-bottom span{color:#A9ABAC;}
.footer-bottom a{color:#A9ABAC;}
.footer-bottom a:hover{color:#fff;}


/*内页*/
.ny-main{ background: #F2F2F2;padding-bottom:30px;}
.position{color:#999;font-size:15px;padding-top:10px;text-align: right;padding:40px 0}
.position span{color:#666}
.position a{color:#999;margin:0 5px;font-size:15px;}
.c-pos{ position: relative;}
.ctitle{}
.ctitle>ul{padding:40px 0;}
.ctitle>ul>li{float:left;width:200px;height:48px;line-height:48px;text-align: center; margin-right:35px;}
.ctitle>ul>li>a{width:100%;height:100%;font-size:17px;display: block;border-radius:30px;background:#fff;}
.ctitle>ul>li:hover>a,.ctitle>ul>li.on>a{ background: #004392;color:#fff}
.ctitle2{ position: absolute;left:0;margin: 20px 0;display:none; background: #fff;padding:5px 0;border-radius:5px;width:100%}
.ny-product{margin-top:80px;}
.ctitle2 li{float:left;width:150px;text-align: center;height:25px;line-height:25px;text-align:center;border-right:1px solid #ccc;margin:10px;}
.ctitle2 li a{float:left;width:150px;}
.ctitle2 li a:hover,.ctitle2 li.on a{color:#004392}
.ctitle .ctitle1 .on{display: block;}

.ny-about{ background: url(../images/about-bg.jpg) no-repeat top center;}
.ny-about-menu{ overflow: hidden;}
.ny-about-menu dl{float:left;width:calc(100%/3);text-align: center;color:#fff;height:250px;margin-top:155px;}
.ny-about-menu{width:88%;margin:0 auto}
.ny-about-menu dl dt{margin:0 auto}
.ny-about-menu dl dt img{display: inline-block;}

.ny-about-show{ background: #fff;text-align: center;padding:30px 0}
.ny-about-show h3{font-size:36px;line-height:36px;margin:10px 0;font-weight:bold;color:#333}
.ny-about-show h3:after{content: '';width:57px;height:3px; background: #333333;margin:40px auto;display: block;}
.ny-about-show p{width:890px;margin:10px auto;font-size:16px;line-height:36px;color:#666666}
.ny-about-show a{transition: all .6s;width:160px;height:45px;line-height:45px;text-align: center; background: #004392;border-radius:30px;color:#fff;display: block;margin:30px auto}
.ny-about-show a:hover{width:260px;}

.ny-about-list{ overflow: hidden;margin:40px auto}
.ny-about-list dl{width:49%; position: relative;}
.ny-about-list dl dt{width:100%}
.ny-about-list dl dt img{width:100%}
.ny-about-list .ny-about-dl-1{float:left}
.ny-about-list .ny-about-dl-2{float:right}
.ny-about-list dl dd b,.ny-about-list dl dd span{display: block;color:#fff;width:90%;margin:0 auto}
.ny-about-list dl dd{ position: absolute;bottom:-50px;transition: all .4s;}
.ny-about-list dl dd span{opacity: 0;transition: all .4s;}
.ny-about-list dl dd b{font-size:26px;color:#fff;line-height:36px;letter-spacing:2px;transition: all .4s}
.ny-about-list dl dd b:after{content: ''; display: block;width:50px;height:3px; background: #fff;margin:28px 0;opacity: 0;transition: all .3s}
.ny-about-list dl:hover dd{bottom:0px; background: url(../images/li-bg.png) center bottom;padding:60px 0 40px 0}
.ny-about-list dl:hover dd span{opacity: 1;}
.ny-about-list dl:hover dd b:after{opacity:1;}


.ny-about-culture{ background: url(../images/about-3.jpg) no-repeat center center;height:501px;margin-top:30px;}
.ny-culture-left{width:50%}
.ny-culture-left div{width:70%;margin:0 auto}
.ny-culture-left b{margin-top:10%}
.ny-culture-left b,.ny-culture-left p,.ny-culture-left a{ display: block;}
.ny-culture-left b{font-size:32px;font-weight:bold;color:#333333;line-height:32px;}
.ny-culture-left b:after{content: '';background:#D0D0CF;width:45px;height:3px;display: block;margin:30px 0}
.ny-culture-left p{font-size:18px;line-height:37px;color:#666;}
.ny-culture-left a{width:160px;height:50px;line-height:50px;text-align: center; background: #004392;color:#fff;border-radius:30px;margin-top:20%;transition: all .4s;}
.ny-culture-left a:hover{margin-left:20px;}

.ny-about-add{ background: url(../images/about-4.jpg) no-repeat center center;height:501px;margin-top:30px; }
.ny-add-left{width:50%}
.ny-add-left div{width:70%;margin:0 auto}
.ny-add-left b{margin-top:10%}
.ny-add-left b,.ny-add-left p,.ny-add-left a{ display: block;}
.ny-add-left b{font-size:32px;font-weight:bold;color:#333333;line-height:32px;}
.ny-add-left b:after{content: '';background:#D0D0CF;width:45px;height:3px;display: block;margin:30px 0}
.ny-add-left p{font-size:18px;line-height:37px;color:#666;}
.ny-add-left a{width:160px;height:50px;line-height:50px;text-align: center; background: #004392;color:#fff;border-radius:30px;margin-top:20%;transition: all .4s; }
.ny-add-left a:hover{margin-left:20px;}

/*产品*/
.ny-product ul{ overflow: hidden;}
.ny-product ul li{float:left;width:19%;margin:0.8% 0.5%; border:1px solid #E6E6E6;box-sizing: border-box;transition: all .6s;}
.ny-product ul li .ny-pro-img{width:100%; background: #fff;}
.ny-product ul li .ny-pro-img img{width:100%}
.ny-product .ny-pro-info {padding:10px 0}
.ny-product .ny-pro-info b,.ny-product .ny-pro-info span{ display: block;width:90%;margin:0 auto}
.ny-product .ny-pro-info b{font-weight:normal;font-size: 16px;color:#333;}
.ny-product .ny-pro-info span{color:#888888;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1 ;-webkit-box-orient:vertical ;}
.ny-product ul li:hover{box-shadow: 1px 1px 16px #ddd;}
.ny-product ul li:hover b{color:#004391}
.ny-product ul li:hover span{color:#004391}

/*案例*/
.ny-case ul{ overflow: hidden;}
.ny-case ul li{float:left;width:19%;margin:0.8% 0.5%; border:1px solid #E6E6E6;box-sizing: border-box;transition: all .6s;}
.ny-case ul li .ny-case-img{width:100%; background: #fff;}
.ny-case ul li .ny-case-img img{width:100%}
.ny-case .ny-case-info {padding:10px 0}
.ny-case .ny-case-info b,.ny-case .ny-case-info span{ display: block;width:90%;margin:0 auto}
.ny-case .ny-case-info b{font-weight:normal;font-size: 16px;color:#333;}
.ny-case .ny-case-info span{color:#888888;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1 ;-webkit-box-orient:vertical ;}
.ny-case ul li:hover{box-shadow: 1px 1px 16px #ddd;}
.ny-case ul li:hover b{color:#004391}
.ny-case ul li:hover span{color:#004391}

/*联系我们*/
#allmap {height: 391px;width:100%;overflow: hidden;}
.ny-c1-h3{margin:40px 0 10px 0;width:100%;height:69px;line-height:69px; color:#333;font-size:21px;font-weight:normal}
.ny-c1-h3 b{color:#C51432;margin-left:25px;}
.ny-c-h3{margin:40px 0 10px 0;width:100%;height:69px;line-height:69px; background: #fff;color:#333;font-size:21px;font-weight:normal}
.ny-c-h3 b{color:#C51432;margin-left:25px;}
.ny-contact-a ul .c-tel{margin-top:15px}
.ny-contact-a ul li{font-size:15px;line-height:40px;color:#666}
.ny-contact-a .c-tel{ background:url(../images/tel.png) no-repeat center left;padding-left:30px;}
.ny-contact-a .c-fax{ background:url(../images/cz.png) no-repeat center left;padding-left:30px;}
.ny-contact-a .c-add{ background:url(../images/address.png) no-repeat center left;padding-left:30px;line-height:25px;margin-top:7px}
.ny-contact-2-address ul{float:left;width:23%;margin:1%;height:275px}
.ny-contact-2-address{ overflow: hidden;zoom:1}
.ny-contact-2-address ul h4{font-size:18px;border-bottom:1px solid #E1E1E1;height:60px;line-height:60px;}
.ny-contact-3-address ul{float:left;width:23%;margin:1%;height:165px}
.ny-contact-3-address{ overflow: hidden;zoom:1}
.ny-contact-3-address ul h4{font-size:18px;border-bottom:1px solid #E1E1E1;height:60px;line-height:60px;}

/*资料下载*/
.ny-data li{float:left; background: #fff;width:19%;margin:0.5%;height:300px; position: relative;}
.ny-data li b,.ny-data li span,.ny-data li a{ display: block;}
.ny-data .ny-data-div{width:80%;margin:0 auto}
.ny-data li b{font-size:20px;color:#333;font-weight: normal;margin-top:15%}
.ny-data li span{color:#888;font-size:15px;margin-top:10px;}
.ny-data li a{width:100px;height:35px;line-height:35px;text-align: center; background: #004392;color:#fff; position: absolute;bottom:15%}

/*新闻中心*/
.ny-news{ overflow: hidden;zoom:1}
.ny-news li{float:left;width:42%;margin:1%;padding:2% 3%; background: #fff;transition: all .5s;}
.ny-news li .ny-news-data{width:17%;float:left;border-right:1px solid #EBEBEB;height:150px}
.ny-news li .ny-news-data b,.ny-news li .ny-news-data span{ display: block;}
.ny-news li .ny-news-data span{color:#666}
.ny-news li .ny-news-data b{font-size:48px;font-weight:bold;color:#333333;line-height:48px;}
.ny-news li .ny-news-data b:after{content: ''; display: block;width:34px;height:3px; background: #EEEEEE;margin:10px 0}
.ny-news li .ny-news-info{width:75%;float:right}
.ny-news li .ny-news-info b{font-size:16px;color:#333333;font-weight:normal;}
.ny-news li .ny-news-info b,.ny-news li .ny-news-info em{ display: block;margin-bottom:15px;}
.ny-news li .ny-news-info p{margin-bottom: 10px;color:#777;line-height:26px;
overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2 ;-webkit-box-orient:vertical ;}
.ny-news li .ny-news-info em{color:#999;font-size:16px;transition: all .5s;}
.ny-news li:hover .ny-news-info em{margin-left:10px;color:#004391}
.ny-news li:hover{box-shadow: 1px 1px 20px #ddd;}

/*首页banner*/
.pro-xq-banner{position:relative;}
.pro-banner-hd {height:521px;position: relative; overflow:hidden; width: 100%;}
.pro-banner-hd  ul{height:100%;margin: 0 auto;}
.pro-banner-hd  ul li{height:100%;text-align: center;}
.pro-banner-hd  ul li img{ display: inline-block;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.pro-banner-hd .next{ position:absolute; left:3%; top:40%; background:url(../images/pro-xq-left.png) no-repeat center center;}
.pro-banner-hd .prev{position:absolute; right:3%; top:40%; background:url(../images/pro-xq-right.png) no-repeat center center;}
.pro-banner-hd .next,.pro-banner-hd .prev{z-index:99;width:50px;height:50px;}
/*首页banner*/

.ny-pro-xq .ny-pro-h3{font-size:35px;font-weight:bold;color:#333;margin:30px 0;line-height:40px;border-left:10px solid #004392;padding-left:20px;}
.ny-pro-xq img{width:900px;margin:0 auto}

/*资质荣誉*/
.ny-honor ul{ overflow: hidden;}
.ny-honor ul li{float:left;width:13%;margin:0.8% 0.6%; border:1px solid #E6E6E6;box-sizing: border-box;transition: all .6s;}
.ny-honor ul li .ny-honor-img{width:100%; background: #fff;}
.ny-honor ul li .ny-honor-img img{width:100%}
.ny-honor ul li .ny-honor-info{line-height:40px;text-align: center; background: #f5f5f5;font-size:15px}
.ny-honor ul li:hover{box-shadow: 1px 1px 8px #ccc;}


.ny-right  .pagelist {padding: 10px 0;margin-top:15px;overflow: hidden;border-top:0px solid #eee;text-align:center;}
.ny-right .pagelist a,
.ny-right  .pagelist span {border: 1px solid #ccc; display: inline-block;padding: 2px 8px;margin-right:5px;}
.ny-right  .pagelist span.current {color: #f30;border: 1px solid #ddd;}


.s-left-img{ position: relative;width: 100%;}
.s-left-img .s-l-b{ background: #004391; position: absolute;right:0;bottom:0;width:46.4%;height:50%}
.s-left-img .s-l-b b,.s-left-img .s-l-b p{display: block;width:65%;margin: 0 auto;text-align: center;}
.s-left-img .s-l-b b{    font-size: 20px;font-weight: bold;color: #fff;margin-top: 16%; margin-bottom: 5%;text-align: center; display: block;}
.s-left-img .s-l-b p{font-size: 15px; line-height: 30px;color: #fff;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;text-align: center;}
.s-left-img .s-l-b a{ font-size:16px;display: block;width:60%;margin:8% auto;height:40px;line-height:40px;text-align: center;color:#004391;background-color: #fff;}
.s-left-img .s-l-b a img{transition: all .6s;animation: gif 3s infinite linear;-webkit-animation: gif 3s infinite linear;width:27px;height:27px;display:inline-block;vertical-align: middle;margin-left:10%}
@keyframes gif
{
0%   {transform: rotate(0);}
100%  {transform: rotate(360deg);}

}


.pro1{margin-top: 20px;}
	.pro1 .spec-preview img{display: block;}
	.pro1 .descript1{margin-left:30px}
	.pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px; color: #333;display: block;}
	.pro1 .descript1 p{width: 525px;font-size: 13px;color: #8e8e8e;line-height: 25px;margin-bottom: 10px;}
	.pro1 .descript1 a.consult{display: block; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #000; }
	.pro1 .descript1 a.consult:hover{background-color:#0786D3;}
	.haoma{color: #333;font-size: 15px; font-weight: bold; }
	.haoma em{display: block;color:#0786D3;font-size: 20px; font-weight: bold; }
	.pro1 .share{overflow: hidden;margin-top: 15px;}
	.pro1 .share ul li{float: left;margin: 0 5px;}
	.ny-pro-list-xq .detail .de-title{border-bottom: solid 3px #0786D3; margin-bottom: 15px;}
	.ny-pro-list-xq .detail .de-title a{display: block;width: 130px; font-size: 16px;line-height: 45px;color: #fff; text-align: center; margin-top: 35px;background:#0786D3; border-top-left-radius: 6px; border-top-right-radius: 6px; }
	.ny-pro-list-xq{width:1100px;margin:55px auto; background: #fff;border-radius:20px;padding:15px 30px;}
.rczp{background: url(../images/rczp-bg.jpg) no-repeat  center; height: 494px;}


/* 视频弹窗 */
#hi-video-pop {display: none; position: fixed;top: 0;left: 0;z-index: 99999;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#hi-video-pop * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#hi-video-pop .hi-close { position: absolute; top: 100%; left: 50%; z-index: 5; margin: 20px 0 0 -20px; width: 40px; height: 40px; color: #fff; background: #fff; border-radius: 50%; transition: 0.3s; cursor: pointer;}
#hi-video-pop .hi-close:after,
#hi-video-pop .hi-close:before { content: ""; position: absolute; top: 50%; left: 50%; z-index: 5; width: 20px; height: 2px; margin: -1px 0 0 -10px; background: #333; transition: 0.3s;}
#hi-video-pop .hi-close:hover { background: #0072a4;}
#hi-video-pop .hi-close:hover:after,
#hi-video-pop .hi-close:hover:before {background: #fff;}
#hi-video-pop .hi-close:after { -webkit-transform: rotate(45deg); transform: rotate(45deg);}
#hi-video-pop .hi-close:before {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
#hi-video-pop .hi-video-box { position: fixed; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
#hi-video-pop .hi-video-box .hi-video-wrap { position: relative; max-width: 100vh; width: 40%; border: 2px solid #fff;}
#hi-video-pop .hi-video-box .hi-video-wrap video { width: 100%; height: 100%; vertical-align: top;}
@media (max-width: 767px) {
  #hi-video-pop .hi-video-box .hi-video-wrap {
	max-width: 90%;
  }
}