body {font-family: "微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif;overflow-x: hidden; margin:0; background:#fff;}
p{ margin:0; padding:0;}
*{font-family: "微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif;}
.container-slide{ overflow: hidden;}
a,a:hover{ text-decoration:none;}
.form-control{border-radius:0;}
ul{ list-style:none;}
dl,dt,dd,h2,form,ul,li,p,img, span, h1,h3,h4,h5,h6{margin:0; padding:0;}
a {color:#4f4f4f;text-decoration:none;margin:0;}
a:hover {color:#e83428;text-decoration:none;}
a img {border:0;}
ul{list-style-type:none;}
.clear{clear:both;}

.container {margin:0 auto;}
@media (max-width:767px){.container{padding:0px 15px;}}
@media (min-width:768px){.container{width:750px;}}
@media (min-width:992px){.container{width:970px;}}
@media (min-width:1320px){.container{width:1300px;}}

/* header and menu */
header{-moz-box-shadow: 1px 1px 5px 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 1px 1px 5px 4px rgba(0, 0, 0, 0.2);box-shadow: 1px 1px 5px 4px rgba(0, 0, 0, 0.2);position: relative;z-index: 99;}
header,.logo,.menu{-webkit-transition: all .4s ease-in-out 0s;-moz-transition: all .4s ease-in-out 0s;-ms-transition: all .4s ease-in-out 0s;-o-transition: all .4s ease-in-out 0s;transition: all .4s ease-in-out 0s;    }
.menu>ul,.menu>ul>li{display:block;margin:0;padding:0;list-style:none;}
.menu>ul>li>a{display:block;text-align:center;}
.logo{float:left;}
.logo a{display:block;}
.logo img{display:block;max-height:100%;}
.login-top{ height:51px; background:#1b1b1b; line-height:51px;}
.login-left{ float:left;}
.login-left p{ font-size:14px; color:#fff; line-height:50px;}
.login-left p span{ display:inline-block; background:url(../images/topbg.jpg) no-repeat left; padding-left:8px; margin-left:3px;}
.login-right{ float:right;}
.login-right p{ font-size:14px; background:url(../images/icon.png) no-repeat left; padding-left:30px;}
.login-right p a{color:#fff;line-height: 51px;display: inline-block}
@media(min-width:768px){
	header{left: 0;right: 0;top:0;position: fixed;background: #fff; z-index:998;}
	.logo{ padding:10px 0 15px 0; margin-right:90px;}
	.menu{float:right;}
	.menu>ul{margin-right:-18px;height:100%;}
	.menu>ul>li{float:left;padding:20px 15px; position:relative;}
	.menu>ul>li>a{color: #262323;line-height: 40px;font-size:16px;padding-top:10px;border-bottom:2px solid #fff; padding-left:5px; padding-right:5px;}
	.menu>ul>li:hover>a,.menu>ul>li.active>a{ border-bottom:2px solid #00659c; color:#00659c; font-weight:bold;}
	.menu-icon{display:none;}
	.menu>ul>li:hover .sub-menu{display:block;}
	.sub-menu{display:none; width:200px; background:url(../images/bj1.png); position:absolute; top:92px;left:50%; height:auto; text-align:center;z-index:999; margin-left:-100px;}
	.sub-menu a{display:block; color:#fff; font-size:14px; margin:0 12px; line-height:40px; border-bottom:1px dashed #97979a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .sub-menu a.last { border:none;}
    .san-nav{background:#000;
    position: absolute;
    left: 200px;
    right: 0;
    top:0;
    display: block;
    width: 150px; display:none; }
	.sub-menu p .hua:hover .san-nav{ display:block;}
	.san-menu{ position:relative;}
	.sub-menu .san-menu:hover .san-nav{ display:block;}
	/*.san-nav a{ line-height:30px;}*/
	.logo2{ display:none;}
}
@media(max-width:1319px){
	.logo{ margin-right:50px; padding-top:25px;}
	.logo img{ width:280px;}
	.menu>ul>li{ padding:18px 10px;}
    .sub-menu { top:88px;}
}
@media(max-width:1229px){
	.logo{ margin-right:40px;}
	.menu>ul{margin-right:-15px;}
	.sub-menu{ width:120px; margin-left:-60px;}
	.san-nav{ width:120px; left:120px;}
}
@media(max-width:991px){
	.menu>ul{margin-right:-8px;}
	.menu>ul>li{ padding:0 5px;}
	.logo{ padding:13px 0;}
	.logo img{ width:200px;}
	.menu>ul>li>a{ font-size:14px;}
	.sub-menu{ top:58px}
}
@media(max-width:767px){
	header .d-nav{height:50px; background:#00659c;}
	.popup-menus{display:none;}
	.menu{display:none;}
	.menu-icon{display:block;float:right;padding-top:12px;}
	.menu-icon a{display:block;width: 31px;height: 27px;background:url(../images/menu-icon.png) no-repeat;outline:none;}
	.login-right p,.login-left p{ font-size:12px;}
	.login-top{ display:none;}
	.sub-menu a{display:block;padding:3px 10px;text-align:left;color:#d6d6d6;font-size:14px;line-height:25px;}
	.san-nav{ padding-left:20px;width:auto;}
	.sub-menu{ margin-left:0; width:100%;}
	.logo{ display:none;}
	.logo2{padding-top:7px; float:left;}
	.logo2 img{ max-width:100%; display:block; width:220px;}
}
/* menu for mobile */
.nav{background:#313541;display:none;padding-top:60px;}
.nav>ul>li{padding:5px 10px; padding-left:35px;}
.nav>ul>li>a{display:block;text-align:left;color:#fff;font-size:16px;line-height:30px;position:relative;}
.nav>ul>li>a>span{display:block;width:30px;height:30px;position:absolute;top:0;right:0; background:url(../images/jt7.png) no-repeat center ;}
.nav>ul>li.open-sub>a>span{background-image:url(../images/jt6.png);}
.nav .sub-menu{display:none;}
.nav li.open-sub .sub-menu{display:block;}
.nav .sub-menu p a{display:block;padding:3px 10px;text-align:left;color:#d6d6d6;font-size:14px;line-height:25px;}

/* banner */
.banner-wrap{ position:relative;}
.banner .banner_img{ height:730px;}
.ba_img{ position: absolute; z-index:1;right:0; top:80px; left:0;}
.banner-box{ text-align:center;}
@media(min-width:768px) {
    .banner { padding-top:40px;}
}

/* foot */
.fixed_footer{display: none;}
.foot_wrap{ background:#303030; overflow:hidden;}
.footleft{width: 930px; float: left; padding-top:45px; padding-bottom:20px;}
.fnav{height: 50px;}
.fnav ul li{float: left;width: 110px;background: url(../images/xian02.jpg) right center no-repeat;text-align: center;}
.fnav ul li a{color: #fff;font-size: 15px;}
.fnav ul li:hover a{text-decoration: underline;}
.dtela{width: 560px;height: 40px;background: #3d3d3d;border-radius: 30px;line-height: 40px;color: #fff;font-size: 15px;text-align: center;margin-top: 10px;}
.dtelb{font-size: 15px;color: #fff;display: block;height: 50px;line-height: 50px;margin-top: 10px;}
.copy {
    font-size: 14px;
    color: #7a7a7a;
    line-height: 55px;
}
.ewm{ width: 248px; background: #5f5f5f;  float: right; text-align: center;padding-top:45px; padding-bottom:20px;}
.foot_b{height: 14px; background: #00659c;}
.ewm p {
    color: #fff;
    font-size: 14px;
}
.ewm p span {
    color: #ffd800;
    font-size: 18px;
    display: block;
}
/* .ye-jiao{ overflow:hidden; padding-bottom:30px;}
.foot-left{ width:797px; border-right:1px solid #80a7b8; float:left; padding-right:120px; padding-bottom:40px;}
.foo-nav{ margin-left:-30px; margin-right:-30px;}
.foo-nav li{ width:20%; float:left;}
.foo-box{ padding:0 30px; overflow:hidden;}
.foo-cont h2{ font-size:18px; text-align:center;}
.foo-cont h2 a{ color:#fff;}
.foo-cont h2 span{ display:block; width:10px; height:2px; background:#8fb4c4; margin:20px auto;}
.foo-cont p{ display:block; font-size:14px; line-height:28px; text-align:center; text-overflow:ellipsis; overflow:hidden;white-space: nowrap; color:#adccde}
.foo-cont p a{color:#adccde;}
.foot-right{ margin-left:1047px;}
.foot-right h2{ font-size:18px; color:#fff;}
.foo-icon{ padding-left:75px;padding-bottom:30px; padding-top:20px; overflow:hidden;}
.foot-box{ margin-left:-17px; margin-right:-17px; }
.foo-icon li{ width:33.33%; float:left;}
.foot-cont{ padding:0 17px;}
.foo-ma{ margin-left:-15px; margin-right:-15px;} */
/* .ma-box{ width:50%; float:left;}
.ma-cont{ padding:0 15px;} 
.ma-one img,.foo-one img{ max-width:100%; display:block; margin:0 auto;}
.ma-one p{ font-size:14px; color:#fff; text-align:center; padding-top:14px;}
.foo-copy{ border-top:1px solid #80a7b8; overflow:hidden; clear:both; padding-top:20px;}
.foo-copy p,.foo-copy span{ font-size:15px; color:#adccde;}
.foo-copy p{ float:left;}
.foo-copy span{ float:right;} */
/* .foo-copy span a{ color:#fff;} */
@media(max-width:1319px){
	.foot-left{ width:700px;padding-right: 50px;}	
	.foo-icon{ padding-left:0;}
	.foot-right { margin-left: 800px;}
}
@media(max-width:991px){
	.foot-left{ width:580px; padding-right:0;}
	.foo-box{ padding:0 10px;}
	.foo-nav{ margin-left:-10px; margin-right:-10px;}
	.foot-right{ margin-left:600px;}
	.ma-one p{ font-size:12px;}
	.foo-cont h2,.foot-right h2{ font-size:16px;}
}
@media(max-width:767px){
	.foot-left{ width:auto; float:none; padding-right:0; border-right:none; padding-bottom:20px;}
	.foo-nav,.foot-right{ margin:0;}
	.foo-nav li { width: 100%;float: none; padding-bottom:10px;}
	.foo-box{ padding:0;}
    .foo-cont h2{ text-align:left;}
    .foo-cont h2 span{ margin:10px 0; text-align:left;}
	.foo-cont p{ display:inline-block; text-align:left; padding-right:10px; line-height:20px;}
	.foo-icon,.ma-wrap{ width:320px;}
}
@media(max-width:425px){
	.foo-icon,.ma-wrap{ width:100%;}
	.foo-copy p,.foo-copy span{ float:none; text-align:center; display:block;}
	.foot_wrap{ padding-top:20px;}
}


/*-----------------------------------------------------------index-------------------------------------------------- */
.main-cont{overflow:hidden;}
.main-product{ margin-top:50px; overflow:hidden;}
.main-tit h2{ font-size:33px; color:#00659c; text-align:center; font-weight:normal; background:url(../images/tit-bg.png) no-repeat bottom center; padding-bottom:15px;}
.main-tit p{ font-size:14px; text-align:center; color:#9e9d9d;padding-top:10px; text-transform:uppercase;}
.pro-center{ margin-top:40px; margin-left:-4px; margin-right:-4px;}
.pro-center li{ width:20%; float:left;}
.product-box{ padding:0 4px;}
.product-cont{/*background:#ededed;*/ overflow:hidden;position:relative; height:300px; margin-bottom: 20px;}
.top-img{ position:absolute; top:50%; margin-top:-154px; left:0; right:0;}

.top-img img{ max-width:100%; display:block; margin:0 auto;}
.bottom-zi{ background:#dadada; position:absolute; left:0; right:0; bottom:0;}
.bottom-zi p{ font-size:16px; color:#343535; text-align:center; line-height:50px; text-overflow:ellipsis; overflow:hidden;white-space: nowrap;}
.hua-pro{ position:absolute; left:0; right:0; top:0; bottom:0; background:url(../images/bg.png) repeat; display:none;}
.hua-bian{ margin:10px; border:2px solid #a7d3e4; height:277px;}
.hua-top{ padding:65px 0;}
.hua-top h3{ font-size:16px; text-align:center; color:#fff;}
.hua-top span{ display:block; width:20px; height:4px; background:#fff; margin:15px auto;}
.hua-top p{ font-size:14px; color:#fff; text-align:center;text-overflow:ellipsis; overflow:hidden;white-space: nowrap; padding:0 13px;}
.but-bottom{  background:url(../images/line.png) no-repeat center;}
.but-bottom a{ color:#fff; text-align:center; display:block;width:97px; height:33px; border:1px solid #fff; line-height:33px; font-size:14px; margin:0 auto;}
.pro-center li:hover .hua-pro{ display:block;}
.pro-center li:hover .bottom-zi{ display:none;}
.pro-center li:hover .top-img{ top:50%; margin-top:-124px; position:absolute; left:0; right:0; padding:0;}

.main-about{ background:#f5f5f5; overflow:hidden; margin-top:70px; padding-bottom:70px;}
.about-main{ margin-top:40px;}
.about-img{ width:660px; float:left;}
.about-img img{ max-width:100%; display:block; margin:0 auto;}
.about-text{ margin-left:695px;}
.tie-top{ overflow:hidden;}
.tie-top h3{ font-size:18px; color:#555454; text-align:center; padding-bottom:15px;}
.tie-top span{ display:block; float:right; font-size:14px; color:#00659c; background:url(../images/xian.jpg) no-repeat left; padding-left:60px;}
.tie-text{ font-size:14px;  line-height:32px; padding-top:33px;}
.tie-text p{color:#878787;}
.tie-text p.text-small { display:none;}
.an-niu a{ width:127px; height:48px; border:1px solid #00659c; line-height:48px; text-align:center; color:#00659c; font-size:14px; display:block; float:right; margin-top:31px;}
.an-niu a:hover{ background:#00659c; color:#fff;}

.main-news{ margin-left:-11px; margin-right:-11px;}
.main-news li{ width:23%; float:left;}
.news-box{ padding:0 11px;}
.news-img{position: relative; padding-bottom: 75%;}
.news-img img{ width:100%;height: 100%; position: absolute; display:block; margin:0 auto;} 
.news-title{padding:26px 0 30px 0;}
.news-title h2{ font-size:16px;  font-weight:normal;margin-right:110px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news-title h2 a{color:#434343;}
.news-title span{ display:block; float:right; font-size:14px; color:#7c7b7b;margin-left:30px;}
.news-text p{ font-size:14px; }
.news-text p a{color:#9c9c9c; line-height:32px;height:90px;-webkit-line-clamp: 3;overflow: hidden;-webkit-box-orient: vertical;word-break: break-all;display: -webkit-box;}
.main-news li:hover .news-title h2 a,.main-news li:hover .news-title span,.main-news li:hover .news-text p a{ color:#00659c}

.egineering{ margin-left:-10px; margin-right:-10px;}
.egineering li{ width:25%; float:left;}
.egineering-box{ padding:0 10px;}
.egineering-top{ position:relative; overflow:hidden;}
.egineering-top img{ max-width:100%; display:block; margin:0 auto;}
.egineering-bottom{ height:58px;background: rgba(0,0,0,0.8); repeat; line-height:58px; position:absolute; left:0; right:0; bottom:0;}
.egineering-bottom p{ font-size:16px; color:#fff; text-align:center; padding:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;}
.egineering-bottom a { color:#fff;}
.egineering li:hover .egineering-bottom{ background:#00659c;}
.egineering li:hover .egineering-bottom p{ color:#fff;}

.main-contact{ margin-left:-7px; margin-right:-7px;}
.main-contact li{ width:33.33%; float:left; }
.contact-box{padding:0 7px;}
.contact-one{ background:#f5f5f5; overflow:hidden; height:244px;}
.contact-cont{ padding:30px 40px 0 40px; overflow:hidden;}
.contact-top img{ max-width:100%; display:block; margin:0 auto;}
.contact-top p{ font-size:18px; color:#171717; text-align:center; padding:15px 0}
.contact-bottom{ font-size:14px; color:#6a6a6a; line-height:25px;}
@media(max-width:1319px){
    .product-cont{ height:237px;}
	.hua-bian{ height:213px;}
	.top-img{ margin-top:-119px;}
	.hua-top{ padding:45px 0;}
	.about-img{ width:100%; float:none;}
	.about-text{ margin-left:0;}
	.tie-top{ padding-top:30px;}
	.an-niu a{ float:none; margin:31px auto;}
    .contact-one{ height:280px;}
	.contact-cont{ padding:30px 20px;}
}
@media(max-width:991px){
    .product-cont { height:309px;}
    .hua-bian { height:285px;}
    .hua-top { padding:65px 0;}
	.pro-center li{ width:33.33%; margin-bottom:15px;}
	.top-img{ margin-top:-140px;}
	.main-tit h2{ font-size:20px;}
	.main-about{ margin-top:40px;  padding-bottom:40px;}
	.news-title{ padding:15px 0}
	.egineering-bottom{ height:45px;  line-height:45px;}
	.egineering-bottom p{font-size:14px;}
	.contact-top p{ font-size:16px;}
}
@media(max-width:767px){
	.foot_wrap{display: none;}
	.foot_b{display: none;}
	.fixed_footer {
		display: initial;
	    height: 50px;
	    background: #00659c;
	    position: fixed;
	    bottom: 0px;
	    z-index: 44;
	    width: 96%;
	    border-top-right-radius: 20px;
	    border-top-left-radius: 20px;
	    margin: auto;
	    left: 0;
	    right: 0;
	  }
	  .fixed_footer a {
	    float: left;
	    width: 33.33%;
	    text-align: center;
	  }
	  .fixed_footer img {
	    display: inline-block;
	    height: 24px;
	    margin: 5px 0 0;
	  }
	  .fixed_footer strong {
	    color: #fff;
	    font-size: 12px;
	    display: block;
	    height: 20px;
	    line-height: 20px;
	  }
	.main-product,.pro-center,.about-main,.an-niu a{ margin-top:20px;}
	.main-tit h2{ font-size:18px;}
	.bottom-zi p{ font-size:14px;}
	.main-about{ padding-bottom:20px; margin-top:10px;}
	.main-news li{ width:50%; margin-bottom:22px;}
	.main-news li:hover .news-title h2 a,.main-news li:hover .news-text p a,.main-news li:hover .news-title span{ color:#a51423;}
	.egineering li{ width:50%; margin-bottom:20px;}
	.main-contact li{ width:50%; margin-bottom:14px;}
	.main-tit h2{ color:#a51423;background: url(../images/tit-bg2.png) no-repeat bottom center;}
	.tie-top span{ color:#a51423; background:url(../images/xian2.jpg) no-repeat left;}
	.an-niu a{ border: 1px solid #a51423; color:#a51423;}
    .an-niu a:hover { background:#a51423;}
	.egineering li:hover .egineering-bottom{background:#a51423}
	.foo-cont p a,.foo-copy p, .foo-copy span{ color:#e8c4c8}
	.foo-copy{    border-top: 1px solid #e8c4c8;}
	.foo-cont h2 span{ background:#e8c4c8}
	.hua-pro{background: url(../images/bg3.png) repeat;}
	.hua-bian{border: 1px solid #e8c4c8;}
}
@media(max-width:600px){
	.pro-center li{ width:50%;}
	.contact-cont{ padding:30px 10px;}
}
@media(max-width:500px){
	.tie-top span{ display:none;}
	.tie-text{ padding-top:0;}
    .tie-text .text-big {}
    .tie-text p.text-small { display:block;}
	.news-title span{ font-size:12px; padding-top:3px; display:inline-block; }
	.news-title h2{margin-right:80px;}
}
@media(max-width:425px){
	.main-contact li{ width:100%;}
	.contact-one{ height:auto;}
    .top-img{ margin-top:-117px}
	.product-cont{ height:235px;}
	.hua-bian{ height:212px;}
	.hua-top{ padding:40px 0}
	.news-title span{ display:none;}
	.news-title h2{ margin-right:0;}
	.news-text p a{ height:75px; line-height:25px;}
}
@media(max-width:375px){
	.egineering-bottom{ line-height:30px; height:30px;}
}
@media(max-width:320px){
	.product-cont{ height:200px;}
	.top-img{ margin-top:-100px;}
	.hua-bian{ height:178px;}
	.hua-top{ padding:28px 0;}	
}

/*----------------------------------------------------------公司简介-------------------------------------------------- */
.zy-banner img{ max-width:100%; display:block; margin:0 auto;}
.nav-left{ width:238px; float:left; position:relative; z-index:99; margin-top:-90px;}
.top-tit{ height:160px; background:#00659c;}
.tu-biao{padding:52px 0 0 20px }
.tu-box{padding-left:60px;}
.tu-box p{ font-size:24px; color:#fff;}
.tu-box span{ font-size:18px; color:#b8d2e2; display:block;}
.bottom-nav{ background:#f5f5f5;margin-top:34px; padding-bottom:124px;}

/*.bottom-nav ul li{ font-size:16px; color:#1f1d1e; line-height:60px; background:#e0dfdf; margin-bottom:10px; }
.bottom-nav ul li a{padding-left:28px; background:url(../images/jian.png) no-repeat right; display:block; margin-right:28px;}
.bottom-nav ul li:hover,.bottom-nav ul li.active{ background:#00659c;}
.bottom-nav ul li:hover a,.bottom-nav ul li.active a{ color:#fff;background:url(../images/jian2.png) no-repeat right; display:block; margin-right:28px;}*/
.zi-nav li a{color: #414141;padding: 15px 25px; line-height: 26px; font-size: 16px; display: block; background: #e0dfdf; margin-bottom: 7px;}
.zi-nav a span{width: 18px; height: 18px; display: inline-block; background: url(../images/jian.png) no-repeat; float: right; margin-top: 4px;}
.er-nav{ padding-bottom:25px; display:none;}    
.er-nav li a{font-size: 14px; border-bottom: 1px dashed #c1c1c1; color: #727272; background: url(../images/fk3.jpg) no-repeat 27px; padding:5px 0; padding-left: 12px; margin-bottom:0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.zi-nav li.active>a{ background:#00659c; color:#fff;}
.zi-nav li.active>a span{width: 18px; height: 9px; display: inline-block; background: url(../images/jian2.png) no-repeat; float: right; margin-top: 8px;}
.er-nav li a span,.er-nav li a:hover span{ background:none;}
.er-nav li a.active{ color:#414141;background: url(../images/fk3.jpg) no-repeat 27px;}
.zi-nav li.active .er-nav{ display:block;}

.right-cont{ margin-left:295px; padding-top:38px; overflow:hidden;}
.wei-zhi{ border-bottom:1px solid #969696; overflow:hidden; padding-bottom:19px; }
.wei-zhi p{font-size:14px; float:right;color:#656565;}
.wei-zhi p a{ color:#656565;}
.wei-zhi p a:hover{ color:#00659c;}
.about-cont{ padding-top:35px;}
.bout-text h2{ font-size:18px;font-weight:normal;color:#5c5c5c; text-align:center; border-bottom:1px dashed #ccc; padding-bottom:30px;margin-bottom:30px;}
.bout-text p{ font-size:14px; color:#929191; line-height:32px;}  
.bout-text img{ max-width:100%; display:block; margin:30px auto;}
@media(max-width:1229px){
	.nav-left{ margin-top:-60px;}
}
@media(max-width:991px){
	.nav-left{ margin-top:35px;}
	.right-cont{ padding-top:35px;}
	.nav-left{ width:210px;}
	.right-cont{ margin-left:248px;}
	.tu-box p{ font-size:20px;}
	.tu-box span{ font-size:16px;}
}
@media(max-width:767px){
	.nav-left{ position:inherit; margin-top:0; width:100%; float:none}
	.top-tit{ height:auto; padding:15px 0}	
	.tu-box{ padding-left:0; text-align:center;}
	.tu-box p{ padding-top:0; font-size:18px; text-align:center;}
	.tu-box span{ font-size:12px; text-align:center; border-bottom:3px solid #a51423; display:inline-block; padding-bottom:8px;}
	.tu-biao{ padding:0;}
	.bottom-nav{ background:none; margin-top:10px; padding-bottom:15px;}
	.bottom-nav ul li{ float:left;margin:3px;position:relative;}
	.zi-nav li a{ background:#fff; margin-bottom:0; padding:10px 25px; font-size:14px; display:block; float:left; border:1px solid #ccc;}
	.zi-nav a span{ margin-left:10px;}
	.zi-nav li .er-nav li{ float:none; border-bottom:1px dashed #b2b2b2; padding:5px;}
	.zi-nav li .er-nav li a{ border:0; font-size:12px; padding:0; background:none; float:none;display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	.zi-nav li .er-nav{background:#EDE8CD; position:absolute; left:0; right:0; top:47px; z-index:999}
	.er-nav{ padding-bottom:15px;}
	.zi-nav li.active>a,.zi-nav li a:hover{ background:#a51423; color:#fff;border:1px solid #a51423}
    .er-nav li a span,.er-nav li a:hover span{ margin-left:10px;}
    .zi-nav li.active .er-nav{ display:none;}
    
    /*.bottom-nav ul li:hover,.bottom-nav ul li.active{ border:1px solid #a51423;}
	.bottom-nav ul li a,.bottom-nav ul li:hover a,.bottom-nav ul li.active a { background:none; margin-right:0;padding-left:0;}*/
	
    .right-cont{ margin-left:0; padding-top:10px; clear:both;}
	.bout-text{ padding-top:20px;}
	.about-cont{ padding-top:20px;}
	.about-biao{ padding-bottom:15px;}
	.bout-text img{ margin:15px auto;}
    .top-tit{ background:none;}
	.tu-box p{ color:#a51423}
	.tu-box span{ color:#797979;}
	/*.bottom-nav ul li:hover, .bottom-nav ul li.active{background:#a51423;}*/
}
/*@media(max-width:375px){
	.bottom-nav ul li{ padding:5px 10px;}
}*/	

/*---------------------------------------------------------新闻列表-------------------------------------------------- */
.tu-box2{ background:url(../images/t2.png) no-repeat left;}
.newslist li{ border-bottom:1px dashed #ccc; overflow:hidden; padding-bottom:22px; margin-top:22px;}
.newslist-left{ width:286px; float:left;}
.newslist-left img{ max-width:100%; display:block; margin:0 auto;}
.newslist-right{ margin-left:315px;}
.newslist-right h1 a{ color:#414040;  font-size:16px;font-weight:normal; margin-right:110px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding-top:20px}
.newslist-right h1{ padding-bottom:18px;}
.newslist-right h1 span{ font-size:12px; color:#8f8f8f; float:right;display:block; padding-top:20px; font-weight:normal; }
.newslist-right p{ font-size:14px; line-height:32px; padding:8px 0}
.newslist-right p a{ color:#686767;height: 72px;-webkit-line-clamp:2;overflow: hidden;-webkit-box-orient: vertical;word-break: break-all;display: -webkit-box;}
.but a{ float:right; display:block; width:114px; height:36px; border:1px solid #5d5c5c; line-height:34px; text-align:center; font-size:14px; color:#5d5c5c;}
.newslist li:hover .newslist-right p a,.newslist li:hover .but a{ color:#00659c;}
.newslist li:hover .but a{ border:1px solid #00659c;}

/*fy*/
.simple-pagination{margin-top:30px;padding: 3px 3px 3px 3px;text-align: center;font-size: 12px;line-height: 23px;}
.simple-pagination a, div.simple-pagination span{padding: 2px 5px 2px 5px;margin-right: 2px;font-size: 12px;white-space: nowrap;display: inline-block;min-width: 23px;height: 23px; box-sizing:content-box;}
.simple-pagination a{text-decoration: none;border: solid 1px #e8e8e8;color: #727272;background: #fff;}
.simple-pagination span.ellipsis{color: #9e9e9e;font-size:14px;}
.simple-pagination span.disabled{border: #f3f3f3 1px solid;color: #ccc;background: #fff;}
.simple-pagination input{margin-left:10px;width: 30px;padding: 0px;margin-right: 2px;font-size: 12px;height: 27px;line-height: 27px;border: #ddd 1px solid;text-align: center;color: #727272;}
.simple-pagination select{margin-left:10px;height: 29px;padding: 0px;margin-right: 2px;font-size: 12px;border: #ddd 1px solid;text-align: center;color: #727272;}
span.record{color:#ccc;}
.simple-pagination a:hover, .simple-pagination a:active{color: #fff;background: #00659c;border-color: #00659c;}
.simple-pagination span.current{border: #00659c 1px solid;font-weight: bold;color: #fff;background: #00659c;}
.simple-pagination input:focus{border: #00659c 1px solid;outline:none;}
.simple-pagination select:focus{border: #00659c 1px solid;}

/*---------------------------------------------------------新闻详情-------------------------------------------------- */
.news-tit{ border-bottom:1px dashed #ccc; padding-bottom:25px;}
.news-tit h4{ font-size:18px; color:#414040; text-align:center; font-weight:normal;}
.news-tit p{ font-size:14px; color:#757474; text-align:center;padding-top:10px;}
.news-tit p span{ display:inline-block; padding-left:30px; }
.news-tu{ padding-top:30px;position:relative; width:498px; overflow:hidden; margin:0 auto; }
.news-tu img{max-width:100%; display:block; margin:0 auto; }
.news-tu p{ font-size:14px; text-align:center;color:#fff; position:absolute; left:0; right:0; bottom:0; line-height:24px; background:url(../images/bg2.png) repeat; padding:15px 5px}
.news-textnr{ padding-top:30px;}
.news-textnr p{ font-size:14px; color:#808080; line-height:32px;}
.news-textnr img { max-width:100%;}
@media(min-width:992px){
	.newslist-right span{ display:none;}
}
@media(max-width:991px){
	.newslist-left{ width:100%; float:none;}
	.newslist-right{ margin-left:0;}
	.newslist-right h1,.newslist-right p{ padding:0}
	.but a{ float:none; margin:0 auto; margin-top:25px;}
	.newslist-right h1 a{ padding:15px 0}
}
@media(max-width:767px){
	.tu-box2{ background:none;}	
	.newslist-left{ display:none;}
	.but a{ margin-top:15px;}
	.newslist-right p,.news-textnr p{ font-size:14px;}
	.newslist-right p a{ height:auto;}
	.newslist li{ padding-bottom:20px; margin-top:20px;}
	.newslist-right h1 a{ font-size:16px;  padding-top:0;}
	.newslist-right h1 span{ padding-top:5px;font-size:12px;}
	.news-tu,.news-textnr{ padding-top:20px;}
	.wei-zhi p a:hover,.newslist li:hover .newslist-right p a, .newslist li:hover .but a{ color:#a51423}
	.newslist li:hover .but a{ border:1px solid #a51423}
	.simple-pagination span.current{border: #a51423 1px solid;background: #a51423;}
	.simple-pagination a:hover, .simple-pagination a:active{color: #fff;background: #a51423;border-color: #a51423;}
.simple-pagination span.current{border: #a51423 1px solid;font-weight: bold;color: #fff;background: #a51423;}
.simple-pagination input:focus{border: #a51423 1px solid;outline:none;}
.simple-pagination select:focus{border: #a51423 1px solid;}
}
@media(max-width:600px){
	.news-tu{ width:100%;}
	.news-tu p{ font-size:12px; padding:10px 5px;}
	.news-tit h4{ font-size:16px;}
}


/*---------------------------------------------------------案例列表-------------------------------------------------- */
.tu-box3{ background:url(../images/t3.png) no-repeat left;}
.caselist{ margin-left:-7px; margin-right:-7px;} 
.caselist li{ width:33.33%; float:left; margin-bottom:30px;}
.case-wrap{ padding:0 7px;}
.case-img{ position:relative;}
.case-img img{ max-width:100%; display:block; margin:0 auto;}
.case-text{height:55px; background: rgba(0,0,0,0.8); repeat; line-height:55px;position: absolute; left: 0;right: 0;bottom: 0;}
.case-text p{  font-size:16px;  padding-left:15px;display:block; }   
.case-text p a{color:#fff;display: block;    margin-right:50px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} 
.caselist li:hover .case-text{ background:#00659c;}     
.case-text span{ float:right; display:inline-block; padding-top:17px; margin-right:15px;}
@media(max-width:991px){
	.caselist li{ width:50%;}
} 
@media(max-width:767px){
	.tu-box3{ background: none;}
	.case-text p{ font-size:14px;}
	.caselist li{ margin-bottom:15px;}
	.caselist li:hover .case-text{ background:#a51423}
}
@media(max-width:425px){
	.case-text{ height:35px; line-height:35px;}
	.case-text span{ padding-top:7px; margin-right:5px;}
	.case-text p{ padding-left:5px;}
}
@media(max-width:320px){
	.case-text p a{ margin-right:30px;}
}

/*---------------------------------------------------------产品列表-------------------------------------------------- */
.tu-box4{ background:url(../images/t4.png) no-repeat left;}
.prolist{ margin-left:-5px; margin-right:-5px;}
.prolist li{ width:25%; float:left; margin-bottom:10px;}
.prolist-box{ padding:0 5px;}
.prolist-one{ border:1px solid #adacaa; background:#f7f6f6;}
.pro-img{ position:relative;width: 100%;height: 0;padding-bottom:100%;}
.pro-img a{ position:absolute;width:100%;height:100%;}
.pro-img img{ max-width:100%; display:block; margin:0 auto;}
.pro-text{ font-size:14px; color:#545454; text-align:center; border-top:1px solid #adacaa;line-height:52px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding:0 10px;}
.prolist li:hover .pro-text{ background:#00659c; color:#fff;border-top:1px solid #00659c;}
.prolist li:hover .pro-text a{ color:#fff; }
.prolist li:hover .prolist-one{border:1px solid #00659c;}

/*---------------------------------------------------------产品-------------------------------------------------- */
.pro-left{ width:300px; float:left; }
.pro-tu{border:1px solid #8c8d8d; overflow:hidden;margin-bottom:25px;}
.pro-tu img{ max-width:100%; display:block; margin:0 auto;}
.pro-biao{ font-size:18px; font-weight:bold; text-align:center; color:#444444; padding:25px 0 40px 0}
.pro-right{ margin-left:350px;}
.pro-right h5,.jie-shao h5,.ying-yong h5,.pro-body h5{ font-size:18px; color:#00659c; background:url(../images/fk.jpg) no-repeat left; padding-left:25px;}
.chan-pin{ padding-left:25px;}
.chan-pin p{ font-size:14px; color:#6b6969; line-height:20px; padding-top:11px;}
.pro-body h5{ font-size:18px;padding:15px 0; color:#00659c; background:url(../images/fk.jpg) no-repeat left; padding-left:25px;}
.pro-body p{ font-size:14px; color:#6b6969; line-height:30px; padding-left:25px;}
.pro-body img { max-width:100%;}
.jie-shao p{ font-size:14px; color:#6b6969; line-height:30px; padding:15px 10px 0 25px;}
.ying-yong,.ying-text{ padding-top:20px;}
.ying-text p{ font-size:14px; line-height:30px; padding-left:25px; color:#6b6969; display:block;}
.chan-text{ padding-top:10px;}
@media(max-width:1319px){
	.pro-left{ width:300px;}
	.pro-right{ margin-left:327px;}
	.chan-pin p{ padding-top:5px;}
}
@media(max-width:991px){
	.prolist li{ width:33.33%;}
	/*.pro-left{ width:100%; float:none;}
	.pro-right{ margin-left:0;}*/
	.ying-text p,.jie-shao p,.chan-pin,.pro-body p{ padding-left:0;}
}
@media(max-width:767px){
	.tu-box4{ background:none;}
	.pro-biao{ padding-bottom:30px;}
	.pro-right h5, .jie-shao h5, .ying-yong h5, .pro-body h5{ color:#a51423;background: url(../images/fk2.jpg) no-repeat left;}
	.prolist li:hover .prolist-one{border: 1px solid #a51423;}
	.prolist li:hover .pro-text{background: #a51423;border-top: 1px solid #a51423;}
}
@media(max-width:500px){
    .pro-text{ line-height:40px;}
    .pro-left{ width:100%; float:none;}
	.pro-right{ margin-left:0;}
	.chan-text2{ padding-bottom:15px;}
}
@media(max-width:425px){
	.prolist li{ width:50%;}
}

/*---------------------------------------------------------公司招聘-------------------------------------------------- */
.zhao-pin span{ font-size:18px; color:#434343; font-weight:bold; padding-bottom:10px; display:block; padding-top:25px;}
.zhao-pin{ border-bottom:1px dashed #c3c3c3; overflow:hidden; padding-bottom:25px;}
.zhao-pin p{ font-size:14px; color:#686767; line-height:40px;}
@media(max-width:767px){
	.zhao-pin p{ line-height:28px; text-indent:-1.5em; padding-left:1.5em;}
	.zhao-pin span{ font-size:16px;}
}

/*---------------------------------------------------------联系我们-------------------------------------------------- */
.tu-box5{ background:url(../images/t5.png) no-repeat left;}
.gong-si span{ font-size:20px; color:#5c5c5c; text-align:center; display:block;}
.gong-si p{ font-size:12px; color:#5c5c5c; text-align:center;}
.add-box{ margin-top:30px;}
.add-left{ width:482px; float:left;}
.add-right{ margin-left:528px;}
.add-tit{ border-bottom:1px solid #e2e2e2; overflow:auto; padding-bottom:10px; margin-bottom:15px;}
.add-tit span{ font-size:16px; color:#555454;}
.add-tit p{font-size:14px; color:#555454;}
.add-icon{ background:url(../images/ad1.png) no-repeat left; padding-left:50px; height:43px;}
.add-textnr{ font-size:14px; color:#797979; padding-left:52px; line-height:32px;}
.add-cont{ padding-bottom:30px;}
.add-icon2{background:url(../images/ad2.png) no-repeat left;}
.add-icon3{background:url(../images/ad3.png) no-repeat left;}

.name,.liu-yan{font-size: 14px; max-width: 100%; width: 380px; border: 1px solid #ccc; height: 38px; line-height: 38px;  outline: none; color: #333; padding-left:20px; background:url(../images/xing.png) no-repeat 10px 13px;box-sizing: border-box;margin: 0;}
.liu-yan{ max-width:100%; width:464px; height:130px;resize:none; line-height:26px;}
.ti-jiao .submit{ display:block; border:0;font-size:16px;width:300px; height:45px; background:#00659c; color:#fff; text-align:center; margin:0 auto; line-height:45px; border-radius:5px; margin-top:30px;}
.map img{ max-width:100%; display:block; margin:0 auto; margin-top:70px;}
.message div{ margin-bottom:20px;}
.add-textnr p{ padding-left:3em; text-indent:-3em;}
.map-box img{ max-width:100%; display:block; margin:0 auto; padding-top:30px;}

@media(max-width:1319px){
	.add-left{ width:320px;}
	.add-textnr{ padding-left:0;}
	.add-right{ margin-left:350px}
}
@media(max-width:991px){
	.add-left{ width:100%; float:none;}
	.add-textnr{ padding-left:0;}
	.add-right{ margin-left:0}
	.add-cont{ padding-bottom:15px;}
}
@media(max-width:767px){
	.tu-box5{ background:none;}
	.map-box img{padding-top:10px;}
}

@media(max-width:375px){
	.ti-jiao .submit{ width:100%;background:#a51423;}
}

.ico-about,.ico-service { background:url(../images/t1.png) no-repeat left;}
.ico-news { background:url(../images/t2.png) no-repeat left;}
.ico-case { background:url(../images/t3.png) no-repeat left;}
.ico-product { background:url(../images/t4.png) no-repeat left;}
.ico-contact { background:url(../images/t5.png) no-repeat left;}
@media(max-width:767px){
	.ico-about,.ico-service,.ico-news,.ico-case,.ico-product,.ico-contact{ background:none;}
}

/*-- 404 --*/
.error-404{padding:20px 15px;text-align:center;margin-top:120px;}
.error-404 h1{margin-bottom:10px;font-size:98px;color:#00659c;text-transform:uppercase;}
.error-404 h2{font-size:18px;line-height:24px;font-weight:700;margin-bottom:20px;text-transform: uppercase;}
.error-404 p{font-size:12px;line-height:16px;margin:0;}
.error-home,.error-back{display:inline-block;margin:20px 10px 0 10px;font-size:14px;color:#ffffff;border:0px solid;border-bottom:2px solid;border-color:none;padding:8px 20px;border-radius:5px;background:none;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;text-decoration:none;cursor:pointer;}
.error-home{border-color:#0b5571;background-color:#00659c;}
.error-back{border-color:#7b7b7b;background-color:#9f9f9f;}
.error-home:hover{color:#fff;background:#0b5571;text-decoration:none;}
.error-back:hover{color:#fff;background:#7b7b7b;text-decoration:none;}
@media(max-width:767px) {
    .error-404 {
        margin-top:0;
    }
}

