*{word-wrap:break-word}

html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:1.6; width: 100%; display: block;}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:none;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic; background: cover;}
.w_1600{ margin: 0 auto; width: 84%;}
.w_1700{width: 92%; margin: 0 auto;}
.fl{ float: left;}
.fr{float:right}
.clearfix:after{
        content: "";
        display: block;
        height: 0;
        clear:both;
        visibility: hidden;
    }
.clearfix{
        *zoom: 1;
    }


.header{height: 100px;}
.logo{height: 100px; width: 28%;}
.logo img{width: 100%;float: left; position: relative; transform: translateY(-50%);top: 50%;}
.logo span{ine-height: 45px;
   margin-left: 10px;
	font-size: 18px;
	line-height: 32px;
	float: left;
	color: #000;
	}

.top_nav{ width: 40%;  margin-left: 10%;}
.top_nav ul li{float: left;width: 16%; text-align: center;}
.top_nav ul li a{color: #000; line-height: 100px; font-size: 16px;display: block;}
.top_tel{position: relative; transform: translateY(-50%); top: 50%; font-size: 16px; text-align: right;}
.top_tel span{font-size: 30px;display: block; color:#0157d1; line-height: 26px;}
#boxhdp{ width: 100%; margin: 0 auto; overflow: hidden; position: relative;}

#img>li{ width: 100%; height: 100%; float: left; text-align: center; display: none;}
#img>li img{width: 100%;}
#img>.current{display: block;}
#li{position: absolute;
    left: 50%;
    bottom: 15px;
    margin-left: -35px;}
#li>li{ width: 10px;height: 10px; background-color: #ccc; border-radius: 50%; margin-right: 5px; float: left; cursor: pointer;}
#li>.on{ background-color: #f50;}
#an{ display: none;}
#an a{
	position: absolute;
	top: 50%;
	margin-top: -20px;
	width: 40px;
	height: 40px;
	background-color: rgba(0,0,0,.3);
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-family: "宋体";
	font-weight: 600;
	font-size: 1.2em;
}
#an a:hover{
	background-color: rgba(0,0,0,.8);
}
#an .an-a2{ right: 0;}


.top_con{ margin-top: 62px;}
.title h1{font-size: 32px; color: #0157d1;}
.title span{background: #e60013; display: block; width: 60px; height: 1px; margin: 10px 0;}
.title p{font-size: 16px;}
.title a{border: 1px solid #0066cc; padding: 17px 54px; font-size: 16px; margin-top: 14px; display: inline-block; transition: all 0.5s ease;}
.title a:hover{background: rgba(25, 88, 190, 1); color: #fff;}
.top_connav{ margin-top: 52px;}
.about {width: 39.5%;overflow: hidden; position: relative; float: left;}
.about::after{content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
   background: rgba(34, 120, 212, 0.84)!important;
    width: 100%;
    height: 0%;
    z-index: 2;
    transition: all .5s ease;}
.about:hover::after{height: 100%;}	
.about .about_img{position: relative; }
.about .about_img img{width: 100%; height: 100%;transition: all .8s ease;
    -moz-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;}
.about:hover .about_img img{transform: scale(1.1);}	
.about .about_c{position: absolute; width: 90%; top: 0; left: 0; margin: 5%; color: #fff; z-index: 6;}
.about .about_c h1{font-size: 20px; font-weight: bold; margin-bottom:20px;}
.about .about_c p{font-size: 14px;}
.about .about_c a{font-size: 14px; color: #fff; margin-top: 40px; display: inline-block}
.project{ float: right; width: 60%;}
.project li{position: relative; width: 49%; float: left; margin-left: 1%; margin-bottom: 1%;}
.project li::after{content: '';position: absolute;bottom: 0;left: 0;    background: rgba(34, 120, 212, 0.84)!important;
    width: 100%;
    height: 0%;
    z-index: 2;
    transition: all .5s ease;}
	.project li:hover::after{height: 100%;}
.project li .projectimg{position: relative; overflow: hidden;}
.project li .projectimg img{width: 100%; 
height: 200%;
position: relative;
    z-index: 1;
	transition: all 0.8s ease;
	}
.project li:hover .projectimg img{ transform: scale(1.1);}
.project li .projectimg .projecttit{ display: flex;
    align-items: center;
    z-index: 3;
	width: 100%;
	    height: 100%;
	    position: absolute;
	    top: 0;
	    left: 0;
		justify-content: center;
		 align-items: center;
	}
	
.project li .projectimg .projecttit img{ max-width: 80px; }	
.project li .projectimg .projecttit h1{ width: 100%; color: #fff; text-align: center; font-size: 20px;}


.product_box{ background:url(../images/pbj.jpg) no-repeat; margin-top: 66px; padding-bottom: 76px; overflow: hidden; }
.product_box .tit{font-size: 40px; color: #fff; font-weight: bold; padding-top: 90px; text-align: center;}
.product_box span{background: #fff; width: 88px;height: 3px; margin: 0 auto; display: block; margin-top: 12px;}
.product_box .prodct{ width: 100%; margin-top: 74px;}
.product_box .prodct ul li{float: left; width:370px; margin: 0 11px;}
.product_box .prodct ul li .prodctimg{position: relative; padding-bottom: 75%;}
.product_box .prodct ul li .prodctimg img{width: 100%; height: 100%; position: absolute;}
.product_box .prodct ul li h1{font-size: 20px; text-align: center; color: #fff; line-height: 60px;}
.product_box .prodct .prodctmoer{ border: 1px solid #fff; display: block; margin: 0 auto; color: #fff; width: 184px; height: 46px; text-align: center; line-height: 46px; font-size: 16px; margin-top: 46px; }

.newsbox{ background: url(../images/nbj.jpg) no-repeat; padding-top: 64px; padding-bottom: 86px;}
.newslist{ margin-top: 77px;}
.newslist ul{display: flex;}
.newslist ul li{width:31%;position: relative;
    
    height: 290px;
	margin: 1rem;
	background: #e5f1fd;
	border-radius: 10px;
	padding: 60px;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	transition: all .5s ease;
    }
.newslist ul li .newstime{padding: 40px 10px 20px; background: #0066cc; border-radius:10px; position: absolute; top: -15px; transition: all 0.5s ease;} 
.newslist ul li .newstime h2{color: #FFF;
    font-size: 30px;
    line-height: 30px;
    text-align: right;
    width: 100%;
    white-space: nowrap;}
.newslist ul li .newstime p{color: #bdbdbd;
    font-size: 16px;
    text-align: right;
    transition: all .5s ease;}
.newslist ul li .newc{ margin-top: 80px;}
.newslist ul li .newc h1{height: 20px;
    line-height: 20px;
    font-size: 1rem;
    color: #464646;
    margin-bottom: 1rem;}
.newslist ul li .newc p{width: 100%;
    line-height: 1.5;
    font-size: 0.875rem;
    color: #6a6a6a;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2px;
    transition: all .5s ease;}
				
.newslist ul li:hover{background: rgba(25, 88, 190, 1);}				
.newslist ul li:hover .newc p{ color: #8fbefb;}
.newslist ul li:hover .newc h1{ color: #fff;}
.newslist ul li:hover .newstime{background: #38e24d;}

.footerbox{background: #1958be;}
.footer{padding-top: 76px; padding-bottom: 50px;}
.footer .footl{width: calc((100%-30px)/5); float: left; }
.footer .footl img{ margin: 0 auto; display: block;}
.footer .footc{width:60%;float: left; border-left: 1px solid #4779cb; border-right: 1px solid #4779cb;}
.footer .footc .ftop a{color: #fff; font-size: 16px; margin-right: 90px;}
.footer .footc .ftop{ margin-left: 80px;}
.footer .footc .flx{ margin-left: 80px; padding-top: 40px; }
.footer .footc .flx h1{color: #fff; font-size: 16px; font-weight: normal;}
.footer .footc .flx p{color: #fff; font-size: 14px; line-height: 30px;}
.footer .footc .flx h2{color: #fff; background: url(../images/ftel.jpg) no-repeat left center; padding-left: 52px; line-height: 50px;font-size: 30px;
margin-left: 100px; margin-top: 30px;
}
.footer .footr{ width: 18%; float: right;}
.footer .footr p{font-size: 16px; color: #fff; margin-left: 20px; margin-top: 16px; display: block;}
.footer .footr span{color: #a9a9a9; margin-left: 20px; margin-top: 30px;display: block;}
.footb{ border-top: 1px solid #4779cb;}
.footb p{line-height: 44px; float: left;color: #bbc8e7; margin-left: 32px;}
.footb a{display: inline-block; line-height: 44px; color: #bbc8e7;margin-left: 32px;}


.n_b{overflow: hidden; width: 100%;}
.n_b img{width: 100%; height: 100%;}
.ny_content{ background:#f7f7f7;}
.ny_ctop{background: #fff; height: 80px;}
.ny_ctop .ny_nav ul li{float: left; line-height: 80px;}
.ny_ctop .ny_nav ul li a{ position: relative;
    font-size: 15px;
    height: 80px;
    line-height: 80px;
    padding: 0px 30px;
    color: #333;
    display: block;
    transition: 0.3s ease 0s;}
	.ny_ctop .ny_nav ul li a:after{content: "";
    position: absolute;
    width: 1px;
    height: 15px;
    display: block;
    background: #ccc;
    top: 50%;
    margin-top: -7px;
    right: 0px;}
	.ny_ctop .ny_nav ul li a:before{position: absolute;
    content: '';
    left: 50%;
    bottom: 0px;
    width: 0%;
    height: 3px;
    background-color: none;
    transition: all 0.3s;}
.ny_ctop .ny_nav ul li a:hover:before{width: 80%;
    left: 10%;
    background-color: #066cb9;}
.ny_ctop .ny_nav ul li a:hover{color: #066cb9;}	

.ny_ctop .ny_loc{line-height: 80px; font-size: 15px;}
.ny_ctop .ny_loc a{ color:#333;}
.ny_c{ background: #fff; margin-top: 60px; padding-bottom: 40px; margin-bottom: 60px;}
.about_tit{font-size: 28px; border-bottom: 1px solid #e8e8e8; text-align: center; padding-top: 72px; padding-bottom: 20px; width: 94%; margin: 0 auto;}
.about_txt{  width: 94%; margin: 20px auto; font-size: 16px; line-height: 30px;}

.ny_product{ width: 1400px; margin: 0 auto; padding-top: 90px; margin-bottom: 90px;}
.ny_product  li{ width: 30%; display: inline-block; overflow: hidden; margin: 0 1% 2%;}
.ny_product  li .ny_img{ padding-bottom: 75%; position: relative; overflow: hidden;}
.ny_product  li .ny_img img{ width: 100%; height: 100%; position: absolute;transition: all .5s ease;}
.showBox{position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0,0,0,0.6);
    transition: all 0.5s ease; }
.showBox a{position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 60%;
    color: #fff;
    text-align: center;
    font-size: 1rem;
    padding: 0.5rem 0;}
.showBox a::before	{content: '';
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;}
	
.showBox a::after	{content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;}
.ny_product  li:hover .ny_img img{transform: scale(1.1);}
.ny_product li:hover .showBox{opacity: 1;}
.ny_product li:hover .showBox a::before{width: 1rem;}
.ny_product li:hover .showBox a::after{width: 1rem;}
.ny_protxt{    
	position: relative;
	width: 100%;
    height: 130px;
    padding: 20px 20px 10px;
    border: 1px solid #f2f2f2;
	overflow: hidden;
	-moz-box-sizing: border-box; /*Firefox3.5+*/
	-webkit-box-sizing: border-box; /*Safari3.2+*/
	-o-box-sizing: border-box; /*Opera9.6*/
	-ms-box-sizing: border-box; /*IE8*/
	}
.ny_protxt h5{font-size: 1rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    white-space: nowrap;
    width: 100%;
	font-weight: normal;border-bottom:1px solid #e5e5e5;
	padding-bottom: 20px;
	}
.ny_protxt a{  width: 100%;
    display: block;
    color: #777;
    height: 38px;
    line-height: 38px;}	

.ny_xq{ width: 94%; margin: 20px auto;}
.ny_xqtit{font-size: 26px; padding-top: 60px; text-align: center; border-bottom: 1px solid #d9d9d9; padding-bottom: 16px;}
.ny_xqdesc{
	margin: 20px 0;
	text-align: center;
}
.ny_xqdesc span{font-size: 14px; margin: 0 20px;}
.ny_xqinfo{ font-size: 16px;}
.fy{ margin-top: 20px; font-size: 14px; border-top: 1px solid #d9d9d9; padding-top: 20px;} 
.fy a{ font-size: 14px; color: #707070;}
.ny_news{ width: 94%;  margin: 0 auto; padding-top: 60px;}
.ny_news ul li{width: 100%; border-bottom: 1px solid #DDD;  padding: 30px; margin-bottom: 20px;}
.ny_news ul li .ny_newstime h1{ color: #999; font-size: 24px; font-weight: normal;}
.ny_news ul li .ny_newstime img{ margin-top: 30px; margin-left: 20px;}
.ny_news  .ny_newsc{ margin-left: 100px;}
.ny_news  .ny_newsc .ny_newst{ font-size: 18px; color: #333; font-weight: 500; transition: all 0.5s;}
.ny_news  .ny_newsc .ny_newss{font-size: 14px; color: #999; line-height: 30px;}
.ny_news ul li:hover .ny_newst{color: #1958be;}

.ny_newsimg{ width: 165px; height: 110px;}
.ny_newsimg img{width: 100%; height: 100%;}
@media (max-width:1360px) {
	.top_tel{display: none;}
	.top_nav{ width: 55%;}
}