@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;}
BODY {FONT:13px/1.75 "Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:#fff;min-width: 1200px; overflow-x: hidden;}
A {COLOR: #666; TEXT-DECORATION: none}
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}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.fc{FLOAT:left}
.container{width:1200px; 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 */


/*公共头部*/
.head{padding:27px 0;border-top:5px solid #E6E6E6}
.logo{width:700px;}
.logo h1{width:514px;float: left;}
.logo span{float:right; background: url(../images/logo-border.png) no-repeat center left;padding-left:20px;margin-top:5px}
.logo span b{font-weight:normal;color:#666666;font-size:16px;line-height:24px;}
.head .logo h1 {line-height: 0px;}
.head-fc{padding-top: 20px;font-size: 20px;color: #1f578c;float: left;font-weight: bold;margin-left: 18px;}
.head-fr{background: url(../images/tel.png) no-repeat center left; padding-left:50px;margin-top:7px}
.head-fr span,.head-fr b{display: block;}
.head-fr span{font-size:16px;line-height: 16px;}
.head-fr b{font-size: 24px;color:#2E72B3;line-height: 24px;margin-top:4px}
.head-tel{display: block; background: url(../images/head-tel.png) no-repeat left center; font-size: 18px; line-height: 30px; color: #333; font-family: arial; margin-bottom: 11px; padding-left: 42px;}

.nav{background: #2C71B2; height: 50px; z-index: 3;position: relative;}
.nav ul>li{float: left; position: relative; width: 148px; position: relative;}
.nav ul>li>a{display: block; font-size:16px; line-height: 50px; color: #fff; text-align: center; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear;}
.nav ul>li.on>a{background: #1d95d6;}
.nav ul>li:hover>a{background: #1d95d6; } 

.nav ul li .hide{position: absolute;background: #fff; width: 100%;z-index: 1; overflow: hidden; display: none;}
.nav ul li .hide-nav{width: 100%; }
.nav ul li .hide-nav>li{float: left; width: 100%;}
.nav ul li:nth-child(3) .hide{width:215px}
.nav ul li .hide-nav>li>a{font-size: 14px;line-height: 14px;color: #575757; text-align: center;line-height:35px}
.nav ul li .hide-nav>li:hover>a{ color:#fff; }

.nav ul li:nth-child(7) .hide{left: -280px;}
.navfixed{ position:fixed;top:0;left:0;width:100%;z-index:999}

.search{width:245px;height:30px; background: #fff;border:none;border-radius:5px;margin-top:10px;border:1px solid #ccc; box-sizing: border-box;}
.search input{float:left;border:none;background: none;outline: none;}
.search .text-input{width:190px;height: 30px;padding-left:10px;outline: none;}
.search .submit{width:43px; background: url(../images/search.png) no-repeat center center;height: 30px;cursor: pointer;}

/*首页banner*/
.banner{position:relative;}
.ny-banner,.ny-banner .banner-hd {height:350px;}
.banner-hd {height:500px;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 ;}
.banner-hd .num ul{display: inline-block;}
.banner-hd .num li {width:14px;height:14px;  color: #FFFFFF;margin:0 5px; cursor:pointer; float: left; background: #fff; border-radius: 50%;}
.banner-hd .num li.on {background: #2C72B7;border:2px solid #fff;width:10px;height:10px; } /*当前项*/
/*在线咨询*/
.zx-service{position:fixed; right:0px; top:321px;z-index: 10000; }
.service-box{background-color: #fff; border-radius:5px; width:90px; margin-bottom:8px;box-shadow: 0px 2px 3px  #929ea9;}
.service-box span{display:block;}
.service-box span.text{ background:url(../images/kf01.png) no-repeat; height:47px; line-height:40px; text-align:center; color:#fff; font-size:16px; position:relative; z-index:10;}
.service-box ul{margin-top: -7px;}
.service-box li{border-bottom:1px solid #efefef; text-align:center; position:relative;}
.service-box li em{font-size:12px;color: #757575;}
.service-box li a{display:block; padding-top:6px; padding-bottom:3px;}
.service-box li:first-child a{padding-top: 14px;}
.service-box li:last-child a{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.service-box li a:hover{background:#f9f9f9;}
.service-box li a:hover em{color:#1d95d6; }
.service-box ul li:last-child{border:none;}
.service-box li p{position:absolute; left:-170px; width:150px; top:0; background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);display:none; font-size:18px; font-weight:bold;color: #1d95d6;padding: 10px 0px;}
.service-box li:hover p{display:block; }
.service-arrow{box-shadow: 0px 2px 2px #d6d6d6;border:1px solid #ddd;  border-radius:5px;  width:90px; background:url(../images/kf05.png) no-repeat center center #fff; height:40px; cursor:pointer; }
.service-arrow a{display:block; width:90px; height:45px;}

/*产品中心*/
.title{text-align: center;margin:50px 0}
.title div{line-height:30px}
.title div b{font-size:30px;color:#2C71B2;}
.title div em{color:#818181;font-size:30px;}
.title div:after{content: '';width:130px;height:3px; background: #2C71B2;display: block;margin:15px auto}
.title p{font-size:14px;line-height:14px;}

.pro-con ul li{width:287px;float:left;margin-right:20px; overflow: hidden;}
.pro-con span{display: block;}
.pro-con .pro-img{width:285px;height:250px;border:1px solid #ccc;text-align: center;line-height:250px;position: relative;}
.pro-con .pro-img:after{content: '+';width:285px;height:250px;display: block;position: absolute;top:-300px;left:0; background: rgba(44,113,178,0.5);font-size:65px;color:#fff;text-align: center;line-height:250px;transition: all .6s;}
.pro-con .pro-int{font-size:16px;margin-top:20px;text-align: center;}
.pro-con ul li:hover .pro-img:after{top:0}
.pro-con ul li:hover .pro-int{color:#2C71B2}

.pro-more{width: 180px;margin:50px auto;position: relative; }
.pro-more a{width:180px;height:36px;line-height:36px;text-align: center;display: block;color: #2C71B2;font-size: 16px;position: relative;z-index:99;border: 1px solid #2C71B2}
.pro-more:after{content: '';width:0px;height:37px;background: #2C71B2;position: absolute;top:0;left:0;z-index:9;transition: all .6s;}
.pro-more:hover:after{width:181px;}
.pro-more:hover a{color:#fff }


/*关于我们*/
.about{ background: url(../images/about-bg.jpg) no-repeat center center;height: 532px;}
.about .title{padding-top:50px}
.about-left{width:620px;}
.about-left h2{font-size:16px;color:#4c4c4c;font-weight:bold}
.about-left h2:after{content: '';width:40px;height:2px; background: #2C71B2;display: block;margin:15px 0}
.about-left p{line-height:30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:6 ;-webkit-box-orient:vertical ;}
.about-more a{ display: block;width:135px;height:30px;line-height:30px;text-align: center;color:#2C71B2;border:1px solid #2C71B2;margin-top:39px;}
.about-more{width:135px;height:30px;position: relative;}
.about-more:after{content: '';width:0;height:32px; background: #2C71B2;transition: all .6s; position: absolute;top:0;left:0;}
.about-more:hover:after{width:137px}
.about-more:hover a{ z-index:999;position: relative;color:#fff}

/*新闻中心*/
.news-con li{float:left;width: 300px; position: relative;height:350px;}
.news-con li .news-int{height:180px;background-color: #F5F5F5;}
.news-con li .news-int span,.news-con li .news-int b,.news-con li .news-int em{ display: block;width:265px;margin:0 auto}
.news-con li .news-int b{padding-top:30px;margin-bottom:6px;font-weight:normal;font-size:16px;color:#333}
.news-con li .news-int span{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical ;}
.news-con li .news-int em{text-align: right;color:#737272}
.news-con li .news-int:nth-child(even):after{content: "";background: url(../images/news-bottom.png) no-repeat top left; display: block;width:25px;height:13px; position: absolute;top:167px;left:10px}
.news-con li .news-int:nth-child(odd):after{content: "";background: url(../images/news-up.png) no-repeat top left; display: block;width:25px;height:13px; position: absolute;top:180px;left:10px}
.news-con li:hover .news-int{background-color: #2C71B2;}
.news-con li:hover .news-int:nth-child(even){height:185px;}

.news-con li:hover .news-int:nth-child(odd){height:185px;margin-top:-5px}
.news-con li:hover .news-int span,.news-con li:hover .news-int b,.news-con li:hover .news-int em{color:#fff}
.news-con li:hover .news-int:nth-child(even):after{background: url(../images/news-bottom-blue.png) no-repeat top left; }
.news-con li:hover .news-int:nth-child(odd):after{background: url(../images/news-up-blue.png) no-repeat top left; }

.news-more a{ display: block;width:180px;height:36px;line-height:36px;text-align: center;color:#2C71B2;border:1px solid #2C71B2;font-size:16px}
.news-more{width:180px;height:30px;position: relative;margin:50px auto}
.news-more:after{content: '';width:0;height:37px; background: #2C71B2;transition: all .6s; position: absolute;top:0;left:0;}
.news-more:hover:after{width:181px}
.news-more:hover a{ z-index:999;position: relative;color:#fff}

/*底部*/
.footer-con{ background: #FAFAFA;padding:1px 0 30px 0;position: relative;z-index:99}
.map{width:371px;margin-left:70px;}
.address{width:385px;margin-left:80px;}
.address span{ display: block; vertical-align: middle;margin-bottom:14px}
.address span img{margin-right: 10px;}
.weixin{width:385px;width:141px; background: #fff;border:1px solid #F3F3F3;padding:13px 0;margin-right:70px;}
.weixin span,.weixin b{ display: block;text-align: center;font-weight:normal}
.footer{position: relative;}
.footer-bbb{position: relative;z-index:99;color:#fff;height:170px;line-height:60px;background: #2C71B2;}
.footer-bbb a{color:#fff}
.footer:after{content: ''; background:#2C71B2;display: block;height:265px;width:100%; position: absolute;bottom:0;left:0}

/*在线咨询*/
.zx-service{position:fixed; right:0px; top:321px;z-index: 10000; }
.service-box{background-color: #fff; border-radius:5px; width:90px; margin-bottom:8px;box-shadow: 0px 2px 3px  #929ea9;}
.service-box span{display:block;}
.service-box span.text{ background:url(../images/kf01.png) no-repeat; height:47px; line-height:40px; text-align:center; color:#fff; font-size:16px; position:relative; z-index:10;}
.service-box ul{margin-top: -7px;}
.service-box li{border-bottom:1px solid #efefef; text-align:center; position:relative;}
.service-box li em{font-size:12px;color: #757575;}
.service-box li a{display:block; padding-top:6px; padding-bottom:3px;}
.service-box li:first-child a{padding-top: 14px;}
.service-box li:last-child a{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.service-box li a:hover{background:#f9f9f9;}
.service-box li a:hover em{color:#1d95d6; }
.service-box ul li:last-child{border:none;}
.service-box li p{position:absolute; left:-170px; width:150px; top:0; background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);display:none; font-size:18px; font-weight:bold;color: #1d95d6;padding: 10px 0px;}
.service-box li:hover p{display:block; }
.service-arrow{box-shadow: 0px 2px 2px #d6d6d6;border:1px solid #ddd;  border-radius:5px;  width:90px; background:url(../images/kf05.png) no-repeat center center #fff; height:40px; cursor:pointer; }
.service-arrow a{display:block; width:90px; height:45px;}
/*在线咨询*/


/*内页样式*/
.ny-content{margin:20px auto}
.ny-banner,.ny-banner .banner-hd{height:400px;}
.ny-right .position{display: block;margin-top: 30px; margin-bottom: 20px; border-bottom: solid 1px #ddd;position: relative;}
.ny-right .position span{display: block; padding-left:33px; font-size: 13px;line-height: 40px;background: url(../images/ny-home.png) no-repeat 5px center;border-bottom: solid 1px #13a5f2; z-index: 0;position: absolute;bottom: -1px;left: 0;}
.ny-right .position span a.on{color: #13a5f2;}
.ny-right .position span a:hover{color: #13a5f2;}
.ny-contact{background:#464646;height: 75px;padding-left: 30px;padding-top: 24px;margin-top:20px }
.ny-contact em{display: block; font-size: 14px;line-height: 14px;color: #fff;margin-bottom: 10px;}
.ny-contact p{background: url(../images/ny-contact-tel.png)no-repeat left center;font-size: 20px;line-height: 28px;font-weight: bold; color: #fff; padding-left:38px;}


/*产品*/
.ny-left{width:260px;}
.column-title{width:260px; background: #2C71B2;height:90px;padding-top:20px;}
.column-title{color:#fff;font-size:30px;}
.column-title:after{content: '';display: block; background: #fff;width:70px;height:3px;margin-left:20px;margin-top:10px;}
.column-title span{padding-left:20px}
.column-title em{font-size:12px;color:#eee;padding-left: 10px;}

.ny-left .ctitle1{ background: #fff;}
.ny-left .ctitle1 li{font-size:16px;margin:2px auto;line-height:35px;}
.ny-left .ctitle1 li a{ display: block;width:244px;margin:0 auto;color:#666; background: #eee;padding:0 8px;height:50px;line-height: 50px;text-align: center;font-size:16px}
.ny-left .ctitle1 li a.on,.ny-left .ctitle1 li a:hover{ background: #1D95D6;color:#fff}

.ny-right{width:900px;}
.ny-right h2{height:50px;line-height: 50px;font-size:20px; background:url(../images/bgb.jpg) no-repeat center center;}
.ny-right h2 span{padding-left:20px;margin-left:20px;border-left:3px solid #0094DE}
.ny-right h2 a{float:right;font-size:14px;margin-right:20px}
.ny-right h2 a:hover{color:#0094DE}
.ctitle2{ display: none;}

.ny-product-list ul li{width:285px;float:left;overflow: hidden;margin:7px}

.ny-product-list span{display: block;}
.ny-product-list .pro-img{width:257px;height:255px;border:1px solid #ddd;text-align: center;line-height:255px;position: relative;margin:0 auto}
.ny-product-list .pro-img:after{content: '+';width:257px;height:255px;display: block;position: absolute;top:-300px;left:0; background: rgba(44,113,178,0.5);font-size:65px;color:#fff;text-align: center;line-height:250px;transition: all .6s;}
.ny-product-list .pro-int{font-size:16px;margin:10px 0;text-align: center;}
.ny-product-list ul li:hover .pro-img:after{top:0}
.ny-product-list ul li:hover .pro-int{color:#2C71B2}

/*内页产品详情*/
.ny-right .pro1{margin-top: 20px;}
.ny-right .pro1 .pro-list-pic{width:332px;}
.ny-right .pro1 .spec-preview img{display: block;}
.ny-right .pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px; color: #333;display: block;}
.ny-right .pro1 .descript1 p{width: 525px;font-size: 13px;color: #8e8e8e;line-height: 25px;margin-bottom: 10px;}
.ny-right .pro1 .descript1 a.consult{display: block; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #000; }
.ny-right .pro1 .descript1 a.consult:hover{background-color: #0094DE;}
.ny-right .pro1 .descript1 p.haoma{color: #333;font-size: 15px; font-weight: bold; }
.ny-right .pro1 .descript1 p.haoma em{display: block;color: #bc3539;font-size: 20px; font-weight: bold; }
.ny-right .pro1 .share{overflow: hidden;margin-top: 15px;}
.ny-right .pro1 .share ul li{float: left;margin: 0 5px;}
.ny-right .detail .de-title{border-bottom: solid 3px #1d95d6; margin-bottom: 15px;}
.ny-right .detail .de-title a{display: block;width: 130px; font-size: 16px;line-height: 45px;color: #fff; text-align: center; margin-top: 35px;background:#1d95d6; border-top-left-radius: 6px; border-top-right-radius: 6px; }


/*新闻中心*/
.ny-news-list .news-content{border:1px solid #ddd;padding:10px;margin-top:20px;transition: all .6s;}
.ny-news-list .news-img{width:200px;height:120px;}
.ny-news-list .news-int{width:655px;}

.ny-news-list .news-int b{ display: block;font-weight:normal;font-size:18px;}
.ny-news-list .news-int b abbr{float:right;font-size:16px;margin-right:10px;}
.ny-news-list .news-int p{color:#888;line-height:28px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical ;}
.ny-news-list .news-int i{ display: block;color:#8D8D8D;font-style: normal;margin-top:0px;width:100px;height:45px;line-height:45px;transition: all .6s;}

.ny-news-list .news-content:hover{border-color:#2C71B2;box-shadow: 1px 1px 20px #ddd;}
.ny-news-list .news-content:hover b{color:#2C71B2}
.ny-news-list .news-content:hover i{ background:none;text-align: center;width:none;color:#2C71B2;padding-left:10px;}
/*新闻中心*/

/*案例展示*/
.ny-case-list ul{ overflow: hidden;zoom:1}
.ny-case-list ul li{width:290px;float:left;margin:10px 10px 10px 0;}
.ny-case-list ul li span{width: 290px;height:174px;overflow: hidden;display: block;}
.ny-case-list ul li span img{transition: all 1s;}

.ny-case-list ul li b{font-weight:normal;font-size:16px;text-align: center;display: block; background:#eee;height:45px;line-height:45px;}
.ny-case-list ul li:hover b{ background:#2C71B2;color:#fff}
.ny-case-list ul li:hover span img{transform: scale(1.1);}
/*案例展示*/


/*资质荣誉*/
.ny-honor-list ul{ overflow: hidden;zoom:1}
.ny-honor-list ul li{width:200px;float:left;margin:10px 17px 10px 0;border:1px solid #ddd;padding:5px}
.ny-honor-list ul li span{width: 200px;height:281px;overflow: hidden;display: block;}
.ny-honor-list ul li span img{transition: all 1s;}
.ny-honor-list ul li:nth-child(4n){margin-right:0}
.ny-honor-list ul li b{font-weight:normal;font-size:16px;text-align: center;display: block; background:#eee;height:35px;line-height:35px;}
.ny-honor-list ul li:hover b{ background:#2C71B2;color:#fff}
.ny-honor-list ul li:hover span img{transform: scale(1.1);}
/*资质荣誉*/






/*内页table*/
.tab{}
.tab tr td{border:solid 1px #fff;}
.tab tr td p{padding:10px;}

.tab1 td p{padding: 5px 10px;font-size: 16px;}

/*mobile*/
.tab2 td p{padding: 5px!important;font-size: 15px!important;}