/*全局样式*/
@charset "utf-8";
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:14px "微软雅黑","Arial Narrow",HELVETICA;color:#000;-webkit-text-size-adjust:100%;overflow-x:hidden;}
input:required,textarea:required{outline:0 none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow: none;-webkit-appearance: none !important;}
a{text-decoration:none !important; cursor:pointer !important;color:#000;}
a:focus{outline:none;}
ul{margin:0;}
li{list-style: none;}
.container-fluid{max-width:1230px !important;}
.tr{transition:all 0.5s; -moz-transition:all 0.5s;-ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s}
.tr2{transition:all 0.3s; -moz-transition:all 0.3s;-ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

header .top{height:168px;border-top:5px solid #005288;overflow:hidden;}
header .logo{line-height:168px;width:40%;}
header .logo img{max-width:100%;}
header .logo.logo-2{width:30%;margin-left:20px;margin-top:-10px;}
header .top .phone_box ul{background:#005288;position:relative;margin-right:26px;}
header .top .phone_box ul:after,header .top .phone_box ul:before{content:"";width:29px;height:44px;background:url(../images/icon1.png) no-repeat center/contain;position:absolute;top:-5px;left:-26px;}
header .top .phone_box ul:before{left:auto;right:-26px;transform:rotateY(180deg);}
header .top .phone_box ul li{line-height:39px;display:inline-block;}
header .top .phone_box ul a{color:#fff;padding:0 10px;border-right:1px solid #fff;}
header .top .phone_box ul li:last-child a{border:none;}
header .top .phone_box ul a:hover{color:yellow;}
header .top .phone_box .tel p{color:#424242;margin:35px 0 3px;}
header .top .phone_box .tel p img{margin:-2px 5px 0 0;}
header .top .phone_box .tel h5{font-size:30px;font-weight:bold;color:#424242;}

/*PC端导航*/
nav{position:relative;background:url(../images/icon3.jpg) repeat-x;}
nav a{color:#fff !important;font-size:18px;}
/*一级导航*/ 
nav ul li{float:left;width:12.5%;text-align:center;position:relative;line-height:62px;}
nav ul li:before,nav ul li:first-child:after{content:"";width:1px;height:17px;background:rgba(255,255,255,0.3);position:absolute;top:22.5px;right:0;}
nav ul li:first-child:after{left:0;}
nav ul li a{position:relative;display:block;}
nav ul li a:hover,nav ul li a.active{color:#ffd075 !important;}
/*二级导航*/
nav ul li ul{position:absolute;display:none;left:0;top:100%;z-index:100;width:100%;}
nav ul li ul li{float:none;margin-top:1px;width:100%;line-height:35px;border:none;background:#00436f;height:auto;}
nav ul li ul li:before,nav ul li ul li:after{display:none;}
nav ul li ul li a{font-size:14px;}

/*banner轮播*/
#myCarousel{position:relative;overflow:hidden;}
#myCarousel .carousel-control.left{width:60px;height:60px;background:url(../images/left.png) no-repeat;top:50%;left:-100px;margin-top:-30px;}
#myCarousel .carousel-control.right{width:60px;height:60px;background:url(../images/right.png) no-repeat;top:50%;right:-100px;margin-top:-30px;}
#myCarousel:hover .carousel-control.right{right:10px;}
#myCarousel:hover .carousel-control.left{left:10px;}
.carousel-indicators li{width:14px;height:14px;margin:1px 3px;background:#fff;position:relative;}
.carousel-indicators li:before{content:"";width:4px;height:4px;background:#1a85ff;border-radius:50%;position:absolute;top:50%;left:50%;display:none;margin:-2px 0 0 -2px;}
.carousel-indicators .active{width:14px;height:14px;margin:1px 3px;}
.carousel-indicators .active:before{display:block;}

/*产品展示*/
.title1{text-align:center;padding:40px 0;overflow:hidden;}
.title1 h5{font-size:36px;font-weight:bold;color:#111;display:inline-block;position:relative;}
.title1 h5:before,.title1 h5:after{content:"";width:60px;height:1px;background:#cecece;position:absolute;top:50%;left:100%;margin-left:50px;}
.title1 h5:after{left:auto;right:100%;margin:0 50px 0 0;}
.title1 p{font-size:12px;color:#999;position:relative;margin-top:10px;}
.title1 p:before{content:"";width:11px;height:3px;background:#005288;position:absolute;bottom:-10px;left:50%;margin-left:-5.5px;}
.title1.title1-2{text-align:left;}
.title1.title1-2 h5:after{display:none;}
.title1.title1-2 p:before{margin:0;left:0;}
.an1_box{text-align:center;font-size:0;margin-bottom:30px;}
.an1_box a{display:inline-block;width:150px;line-height:30px;color:#292929;border:1px solid #d8d8d8;padding:0 30px 0 20px;margin:5px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#292929;text-align:left;}
.an1_box a span{position:absolute;top:0;right:10px;line-height:30px;}
.an1_box a span.span2{display:none;}
.an1_box a.active{background:#005288;color:#fff;border-color:#005288;}
.an1_box a.active span.span1{display:none;}
.an1_box a.active span.span2{display:block;}
.cpzs .con_box .row{display:none;}
.cpzs .con_box .row.active{display:block;}
.cpzs .con_box .row .col-lg-3{padding:0;}
.cp_con{display:block;border:1px solid #e5e5e5;margin:0 15px 30px;}
.cp_con .imgbox{overflow:hidden;position:relative;} 
.cp_con .mask{position:absolute;width:100%;height:100%;top:-100%;left:0;background:rgba(0,82,136,0.9);display:flex;justify-content: center;align-items:center;padding:5%;}
.cp_con .mask:before{content:"";width:90%;height:90%;border:1px solid rgba(255,255,255,0.2);position:absolute;top:5%;left:5%;}
.cp_con .mask h4{font-size:18px;font-weight:bold;color:#fff;}
.cp_con .mask span{font-size:12px;border:1px solid #fff;width:130px;line-height:35px;display:block;padding:0 15px;color:#fff;background:url(../images/icon4.png) no-repeat 90% center;margin:20px auto 0;}
.cp_con h5{line-height:66px;font-size:16px;color:#292929;position:relative;padding:0 40px 0 20px;border-top:1px solid #e5e5e5;}
.cp_con h5:before{content:">";width:20px;height:20px;line-height:14px;text-align:center;border:1px solid #5f5f5f;border-radius:50%;position:absolute;top:50%;right:20px;margin-top:-10px;transition:all .3s;}

/*关于我们*/
.gywm{background:url(../images/gywm_bg.jpg) center center/cover;margin-top:20px;padding-bottom:50px;}
.gywm .gsjj .text_box{margin:18px 0;border-bottom:1px solid #ccc;}
.gywm .gsjj .text_box h5{font-size:18px;font-weight:bold;color:#292929;}
.gywm .gsjj .text_box .text{line-height:24px;color:#696969;height:120px;overflow:hidden;margin:18px 0;}
.gywm .gsjj .more{display:block;width:196px;line-height:44px;background:#005288;color:#fff;text-align:center;}
.news1_box h5{line-height:46px;background:#fff;color:#404d5f;position:relative;border:1px solid #e5e5e5;padding:0 50px 0 20px;cursor:pointer;}
.news1_box h5 span{position:absolute;top:0;right:20px;line-height:46px;}
.news1_box h5 span.span1{color:#005288;}
.news1_box h5 span.span2{color:#fff;display:none;}
.news1_box h5.active{background:#005288;border-color:#005288;color:#fff;}
.news1_box h5.active span.span1{display:none;}
.news1_box h5.active span.span2{display:block;}
.news1_box a{display:block;line-height:24px;color:#657188;height:144px;overflow:hidden;margin:20px 0;display:none;}
.news1_box a.active{display:block;}

/*footer*/
footer{padding:50px 0;border-top:1px solid #e4e4e4;background:#005288;}
footer ul li{width:28%;}
footer ul li:last-child{width:16%;text-align:right;}
footer ul li:nth-child(2){padding:0 20px;}
footer ul li:nth-child(3){border-left:1px solid rgba(255,255,255,0.3);border-right:1px solid rgba(255,255,255,0.3);padding:0 20px;}
footer .phone{border-left:3px solid #fff;padding-left:25px;}
footer .phone p{color:#fff;}
footer .phone h5{font-size:28px;font-weight:bold;color:#fff;margin:5px 0;}
footer .phone span{display:block;color:#fff;}
footer .text1{color:rgba(255,255,255,0.6);line-height:22px;margin-top:30px;}
footer dl{width:80%;margin:0 auto;}
footer dl dt{font-size:16px;font-weight:bold;color:#fff;margin-bottom:18px;}
footer dl dd{width:50%;line-height:30px;}
footer dl dd a{color:rgba(255,255,255,0.6) !important;}
footer dl dd a:hover{color:red !important;}
footer .weixin{text-align:center;display:inline-block;}
footer .weixin img{width:130px;height:130px;border:1px solid #fff;}
footer .weixin p{color:#fff;text-align:center;margin-top:15px;}

/*内页*/
.neiye{margin:30px 0;}
.neiye .title2{background:#005288;font-size:24px;font-weight:bold;color:#fff;line-height:77px;position:relative;}
.neiye .title2 i{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;}
.neiye .title2 span.sapn1{color:#fff;margin:0 15px 0 30px;position:relative;top:3px;}
.neiye .title2 span.span2{position:absolute;top:0;right:15px;line-height:50px;font-size:18px;}
.nav1_box ul{border:1px solid #dcdcdc;}
.nav1_box ul li a{display:block;line-height:50px;color:#292929;padding:0 15px;position:relative;font-weight:bold;padding:0 40px 0 30px;border-bottom:1px solid #e4e4e4;}
.nav1_box ul li:last-child a{border:none;}
.nav1_box ul li a span{width:20px;height:20px;border:1px solid #e5e5e5;border-radius:50%;position:absolute;top:50%;right:20px;margin-top:-10px;transition:all .3s;}
.nav1_box ul li a span:before{content:"";border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid #858585;position:absolute;top:50%;left:50%;margin:-4px 0 0 -2.5px;transition:all .3s;}
.nav1_box ul li a:hover,.nav1_box ul li a.active{background:#005288;color:#fff;}
.nav1_box ul li a:hover span,.nav1_box ul li a.active span{border-color:#fff;}
.nav1_box ul li a:hover span:before,.nav1_box ul li a.active span:before{border-left-color:#fff;}
.neiye .lxfs{background:#005288;text-align:center;color:#fff;padding:30px 0;}
.neiye .lxfs .text1 h4{font-size:28px;font-weight:bold;margin-bottom:10px;}
.neiye .lxfs .text1 span{display:block;width:80%;height:1px;background:#005d9b;margin:20px auto;}
.neiye .lxfs .tel p{margin:13px 0 5px;}
.neiye .lxfs .tel h5{font-size:18px;font-weight:bold;}
.neiye .title3{line-height:40px;border-bottom:2px solid #dcdcdc;margin-bottom:20px;position:relative;}
.neiye .title3:before{content:"";width:130px;height:2px;background:#005288;position:absolute;bottom:-2px;left:0;}
.neiye .title3 h5{line-height:40px;font-size:18px;font-weight:bold;color:#005288;}
.neiye .title3 h5 span{font-size:12px;color:#595959;font-weight:lighter;margin-left:5px;}
.neiye .title3 a{font-size:12px;color:#595959;position:relative;top:6px;}
.neiye .title3 a:hover{color:#005288;}

/*详情页*/
.xqy .bt{font-size:16px;font-weight:bold;text-align:center;margin:10px 0;}
.xqy .rq{color:#999;text-align:center;line-height:30px;border-bottom:1px dashed #999;}
.xqy img{display:block;max-width:100%;margin:20px auto;}
.xqy .text{line-height:25px;}

.news5{display:block;position:relative;border-bottom:1px dotted #a5a5a5;padding-bottom:20px;margin-bottom:20px;}
.news5 .imgbox{overflow:hidden;}
.news5 .img{width:210px;height:124px;}
.news5 .text_box{margin-left:230px;}
.news5 h5{font-size:16px;font-weight:bold;color:#2b2b2b;margin:8px 0 20px;}
.news5 .text{font-size:12px;color:#878787;line-height:20px;height:40px;overflow:hidden;}
.news5 span{display:block;width:80px;line-height:28px;background:#005288;font-size:12px;color:#fff;border-radius:5px;position:absolute;bottom:20px;right:0;text-align:center;}

.cpzs_ny .row .col-lg-4{padding:0;}
.cp_con2{display:block;border:1px solid #e4e4e4;padding:4px;margin:0 15px 30px;transition:all .3s;}
.cp_con2 .imgbox{overflow:hidden;border:1px solid #e4e4e4;}
.cp_con2 h5{line-height:40px;text-align:center;color:#292929;}


/*移动端底部热点链接*/
	#tabBar{ position: fixed; left:20px; bottom:20px; z-index: 99; width: calc(100% - 40px); height: 50px;}
	#tabBar.active{ animation: tabBarAnimation 3s 1s infinite linear;  }
	#tabBar .clickbtn{ position: absolute; right: 0; bottom: 0; z-index: 2; width:50px; height:50px; font-size: 0; line-height: 50px; background: rgba(255,255,255,0.8); border-radius: 50%; }
	#tabBar .clickbtn span{ display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; }
	#tabBar .clickbtn img{ width: 22px; }
	#tabBar .clickbtn.on{ animation:clickbtnAnimation 10s 0s infinite linear; box-shadow: 0 3px 5px rgba(0,0,0,0.5); }
	#tabBar .clickbtn.on:before{ content: ""; position: absolute; left: 0; bottom: -5px; z-index: 1; width: 20px; height: 5px;}
	#tabBar .clickbtn.active{ background:url(../images/xian2.png) rgba(110,209,207,1); background-size: 100% 100%; }
	#tabBar .clickbtn.active:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; border:solid 1px rgba(255,255,255,0.2); border-radius: 50%; }
	#tabBar .clickbtn.active > img{ opacity: 0; }
	#tabBar .clickbtn.active span{ opacity: 1; }
	#tabBar .navigation{ position: absolute; left:calc(100% - 100px); bottom: 0; z-index: 1; width:0; height: 50px; border-radius: 25px; transition: all 0.3s;}
	#tabBar .navigation:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; border-radius: 25px; 
background:-moz-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);background:linear-gradient(to right,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff',endColorstr='#99ffffff',GradientType=1 );}
	#tabBar .navigation ul{ position: relative; z-index: 2; padding: 0 60px 0 20px; }
	#tabBar .navigation ul li{ width: calc(100% / 3); font-size: 0; }
	#tabBar .navigation ul li a{ position: relative; left: 10px; display: inline-block; vertical-align: top; line-height: 50px;opacity: 0; }
	#tabBar .navigation ul li a .tab-icon{ margin-right: 5px; }
	#tabBar .navigation ul li a .tab-icon img{ width: 22px; }
	#tabBar .navigation ul li a .tab-title{ font-size: 12px;color: #333; }
	#tabBar .navigation.active{ box-shadow: 5px 5px 10px rgba(0,0,0,0.2); animation: navigationAnimation 0.5s 0s linear forwards; }
	#tabBar .navigation.active ul li:nth-child(1) a{animation:navigationAAnimation 0.3s 0.5s linear forwards; }
	#tabBar .navigation.active ul li:nth-child(2) a{animation:navigationAAnimation 0.3s 0.6s linear forwards; }
	#tabBar .navigation.active ul li:nth-child(3) a{animation:navigationAAnimation 0.3s 0.7s linear forwards; }		

	@keyframes tabBarAnimation{
		0%{transform:translate(0,0);}
		30%{transform:translate(0,5px);}
		50%{transform:translate(0,0);}
		70%{transform:translate(0,-5px);}
		100%{transform:translate(0,0);}
	}

	@keyframes navigationAnimation{
		0%{left:calc(100% - 100px); width: 0; }
		80%{ left: -10px; width:100%; }
		90%{ left:  5px; width:100%; }
		100%{ left: 0; width:100%; }
	}

	@keyframes navigationAAnimation{
		from{ left: -10px; opacity: 0; }
		to{ left: 0; opacity: 1; }
	}

	@keyframes clickbtnAnimation{
		0%{ transform: rotateY(0deg); }
		10%{transform: rotateY(270deg); }
		15%{transform: rotateY(180deg); }
		30%{transform: rotateY(0deg); }
		100%{transform: rotateY(0deg); }
	}


/*媒体查询开始*/
@media (min-width:992px){
.news5:hover .img,.cp_con:hover .img,.cp_con2:hover .img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1,1.1);}
.news5:hover h5{color:#005288;}
.cp_con:hover .mask{top:0;}
.cp_con:hover h5:before{background:#005288;border-color:#005288;color:#fff;}
.gywm .gsjj .more:hover{background:#033c61;}
.cp_con2:hover{background:#005288;}
.cp_con2:hover h5{color:#fff;}
}

@media (max-width:991px){
header .sjdnav{display:none;width:150px;height:auto;position:absolute;right:0;top:100px;z-index:2000;}
header .sjdnav ul{padding:0;margin:0;}
header .sjdnav li{display:block;padding:0;text-align:center;margin-bottom:1px;background:#00436f;}
header .sjdnav li a{display:block;color:#fff;line-height:40px;font-size:16px;}
header .ydd_btn{width:40px;cursor:pointer;position:absolute;z-index:2000;top:35px;right:15px;}
header .ydd_btn span{display:block;width:100%;height:8px;background:#00436f;}
header .ydd_btn span.span02{margin:5px 0;}
header .ydd_btn.click span{background:#00436f;}
header .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:8px;margin-top:0px;	} 
header .ydd_btn.click span.span02{margin:0.5px 0;}
header .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:-8px;margin-top:0px;}
header .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
footer ul li{width:100% !important;margin-bottom:30px;padding:0 !important;text-align:left !important;}
footer ul li dl{width:100%;}
footer ul li dl dd{width:33.33%}
footer ul li:nth-child(3){border:none;}
footer .text1{margin:0;}
.neiye{margin:0 0 30px 0;}
.nav1_box{margin:20px 0;}
.neiye .title2{font-size:20px;line-height:50px;padding-left:15px;}
.neiye .title2 span.sapn1{display:none;}
.nav1_box ul li a{line-height:40px;padding:0 40px 0 10px;}
.nav1_box ul li a span{right:10px;}
header .top{height:auto;border-top:none;}
header .logo{line-height:100px;width:70%;}
}

@media (max-width:767px){
header .sjdnav{top:80px;}
header .ydd_btn{width:35px;top:30px;}
header .ydd_btn span{height:4px;}
header .ydd_btn span.span02{margin:3px 0;}
header .ydd_btn.click span.span02{margin:4px 0;}
.carousel-indicators{bottom:2px;}
.carousel-indicators li{width:10px;height:10px;margin:1px;}
.carousel-indicators .active{width:10px;height:10px;margin:1px;}
footer{padding:30px 0 10px 0;}
header .logo{line-height:80px;}
.title1{padding:30px 0;}
.title1 h5{font-size:20px;}
.title1 h5:before,.title1 h5:after{margin-left:20px;}
.title1 h5:after{margin:0 20px 0 0;}
.cpzs .con_box .row{padding:0 10px;}
.cp_con{margin:0 5px 10px;}
.cp_con h5{line-height:30px;font-size:14px;padding:0 10px;text-align:center;}
.cp_con h5:before{display:none;}
.gywm{padding-bottom:30px;}
.cpzs_ny .row{padding:0 10px;}
.cp_con2{margin:0 5px 10px;}
.cp_con2 h5{line-height:30px;}
}

@media (max-width:479px){
	.bdshare-slide-button {display: none !important;}
header .ydd_btn{width:25px;top:21px;}
header .sjdnav{top:60px;}
.news5{padding-bottom:10px;margin-bottom:10px;}
.news5 .img{width:120px;height:90px;}
.news5 .text_box{margin-left:130px;}
.news5 h5{font-size:16px;margin:0 0 15px;}
.news5 span{display:none;}
header .logo{line-height:60px;}
.an1_box{margin-bottom:20px;}
.an1_box a{width:120px;padding:0 10px;text-align:center;}
.an1_box a span{display:none !important;}
.gywm .gsjj .more{width:120px;line-height:30px;}
.news1_box h5{line-height:35px;padding:0 30px 0 10px;}
.news1_box h5 span{right:10px;line-height:35px;}
}