@charset "utf-8";

/* CSS Document */



*{

    margin: 0;

    padding: 0;

    font-family: 微软雅黑, Arial, Helvetica, sans-serif;

	text-decoration: none;

}



i,em{font-style: normal;}

a:link{text-decoration:none;}

a:hover{color: none;}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-left: 0px;padding-right: 0px;}

.row{margin-right: 0px;margin-left: 0px;}

ul{margin-bottom: 0px;}

h1, h2, h3, h4, h5, h6{margin: 0px;}

h1, .h1, h2, .h2, h3, .h3 ,p{margin: 0px;}

input,textarea{outline: none;}



ul,li{ list-style:none;}

.c{clear: both;}

.fl{float: left;}

.fr{float: right;}



.center{max-width: 1400px;margin: 0 auto;}

@media (max-width: 1400px){

	.center{width: 95%;}

}



/*head*/

header{ width: 100%; font-size: 0;}

.header_top{ background: url(../images/head_top.png)no-repeat center; width: 100%; height: 46px; line-height: 46px;}

.header_top .nr .topic{ color: #fff; font-size: 14px;}

.header_top .nr .navbj a,.header_top .nr .navbj i{ color: #333; font-size: 14px;}

.header_top .nr .navbj i{ margin: 0 15px;}

.header_top .nr .navbj a:hover{ color: #005aac; font-weight: bold;}

.header .header_slogan{ height: 105px;}

.header .header_slogan .logo{ margin-top: 24px;}



.header .nav{ padding-top: 40px;}

.header .nav .nav-content nav .xz{ position: relative; display: inline-block; vertical-align: top; text-align: center; margin-right: 0;}

.header .nav .nav-content nav .xz i{ padding: 0 26.2px; color: #333; font-size: 16px; position: relative; height: 28px; line-height: 28px; overflow: hidden;}

.header .nav .nav-content nav .xz i b{ position: relative; z-index: 6; transition: all .3s;}

.header .nav .nav-content nav .xz i:before{ content: ""; background: #005aac; width: 0; height: 28px; position: absolute; left: 45%; border-radius: 14px; bottom: -5px; z-index: 1; transition: all .3s;}

.header .nav .nav-content nav .xz.on i:before,.header .nav .nav-content nav .xz:hover i:before{ width: 100%; left: 0;}

.header .nav .nav-content nav .xz.on b,.header .nav .nav-content nav .xz:hover b{ color: #fff;}

.header .nav .nav-content nav a:last-child{ margin-right: 0;}

.header .nav .nav-content nav .xz ul{ display: none; position: absolute; left: -25px; top: 29px; z-index: 999; width: 150%;}

.header .nav .nav-content nav .xz ul li{ font-size: 14px; height: 40px; line-height: 40px; background: #333; color: #fff;}

.header .nav .nav-content nav .xz ul li:hover{ background: #fff; color: #005aac; font-weight: bold;}



/*w_head*/

.w_head{display: none;}

.w_head .h{height: 60px;}

.sp_header{height:60px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);}

.sp_logo{padding:10px;float:left;height:60px}

.sp_logo img{margin:auto;max-height:40px;}

.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:20px}

.sp_nav span{display:block;background:#005aac;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}

.sp_nav span:nth-of-type(1){top:0px}

.sp_nav span:nth-of-type(2){top:10px}

.sp_nav span:nth-of-type(3){top:20px}

.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}

.sp_nav_se span:nth-of-type(2){width:0}

.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}

.sjj_nav{position:fixed;z-index:9;background: #fff;width:100%;height:calc(100%/* - 104px*/);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}

.nav_show{top:60px}

.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}

.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}

.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}

.sjj_nav ul li{border-bottom:1px #eee solid;margin: 0 6%;position:relative;line-height:60px;font-size:15px;text-align: center;}

.sjj_nav ul li ul{display:none}

.sjj_nav ul li a{color:#666;width:80%}

.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}

.sjj_nav ul li b{margin: 0 3px;font-weight: normal;}

.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}

.sjj_nav ul li .sjj_nav_i_se svg{fill:#005aac;}

.sjj_nav ul li ul li>ul{margin-left:10px}



@media (max-width: 1440px){

	.header .nav{}

	.header .nav .nav-content nav .xz i{padding: 0 11px;}

}



@media (max-width: 1200px){

	.c_head{display: none;}

	.c_head{display: none;}

	.w_head{display: block;}

	.h{height: 60px;}

}



/*foot*/

.foot{}

.footer{padding-top: 43px;color: #333;}

.f_nav{ height: 70px; line-height: 70px; text-align: center;background: #005aac;}

.f_nav a{ font-size: 16px; color: #fff; display: inline-block;width: 12.5%;float: left;text-align: center;background: url(../images/libg.png) no-repeat right;}

.f_nav a:hover{ font-weight: bold;}

.f_on{ overflow: hidden; height: 178px; border-bottom: 1px solid #eee;}

.f_on h3{ float: left; width: 20%;padding-top: 50px;}

.f_on h3 img{width: 100%;}

.f_on ul{ float: right; width: 60%;padding-top: 14px; }

.f_on ul li{ margin-right: 8%; color: #333; padding-top: 67px; line-height: 24px; float: left; line-height: 24px;}

.f_on ul li:nth-child(1){background:url(../images/f_io1.png) no-repeat;}

.f_on ul li:nth-child(2){background:url(../images/f_io2.png) no-repeat;}

.f_on ul li:nth-child(3){background:url(../images/f_io3.png) no-repeat;margin-right: 0px;}

.f_on ul li span{ display: block;}

.f_on h4{ float: right; width: 14%;height: 100%;background:url(../images/frr.jpg) no-repeat;}

.f_on h4 img{ display: inline-block; width: 114px; height: 114px; padding: 15px 0 0 15px; color: #bfbfbf; font-size: 14px;}

.f_bom{ height: 65px; line-height: 65px;color: #333;}

.f_bom a{;color: #333;}

.f_bom span{ display: inline-block;text-align: center;}

.f_bom i{ display: inline-block;font-style: normal;}



.link{overflow: hidden;}

.link_on{ border-bottom: 1px solid #eee;}

.link h3{ float: left; font-weight: normal; padding-left: 41px; color: #808080; height: 30px; line-height: 30px;font-size: 16px;background:url(../images/links.png) no-repeat left;display: block;width: 10%}

.link p{ float: left; width: 90%; padding-left:20px;}

.link p a{ display: inline-block; font-size: 14px; color: #808080; padding: 0 6px;line-height: 30px;}



@media (max-width: 1200px){

	.f_on h4{width: 16%;}

}



@media (max-width: 1100px){

	.f_on ul li{margin-right: 4%;}

	.f_on ul{width: 71%;}

	.f_on h4{width: 18%;}

}



/*w_foot*/

.w_foot{height: 70px;width: 100%;background-color: #005aac;position: fixed;bottom: 0;z-index: 999;display: none;}

.w_foot ul li{width: 33.3%;height: 70px;border-right: 2px rgba(255,255,255,0.5) solid;box-sizing: border-box;float: left;text-align: center;}

.w_foot ul li:last-child{border-right: none;}

.w_foot ul li img{display: block;margin: 10px auto 6px auto;width: 28px;}

.w_foot ul li span{font-size: 14px;color: #fff;}



@media (max-width: 1300px){

	.foot{display: none;}

	.w_foot{display: block;}

}



.pro-zs1 .pic{width: 56%;}
.pro-zs1 .txt{width: 42%;}
.pro-zs1 .txt h1{font-size: 24px;color: #333;font-weight: bold;margin-top: 10px;}
.pro-zs1 .xq{font-size: 14px;color: #666;line-height: 26px;margin-top: 20px;}
.pro-zs1 dt{width: 150px;height: 45px;float: left;border-radius: 500px;padding-left: 28px;background: #ffad2b;}
.pro-zs1 dt:nth-child(2){background: #005aac;margin-left: 20px;}
.pro-zs1 dt a{background: url(../images/pro-ic1.png) no-repeat left;display: block;line-height: 45px;font-size: 14px;color: #333;padding-left: 30px;}
.pro-zs1 dt:nth-child(2) a{background: url(../images/pro-ic2.png) no-repeat left;color: #fff;}
.pro-x{border: 1px solid #ddd;}
#big_img{height:380px;background:no-repeat center;}
#small_img{padding-top:5px;width:100%;}
#small_imgs{width:100%;overflow:hidden;}
#small_imgs .item{float:left;width: 16.66%;margin: 0 1.6%;}
#small_imgs .item .img{cursor:pointer;width:100%;border: 1px solid #ddd;box-sizing: border-box;}
#small_imgs .item .img img{width:100%;}
#small_imgs .item .active{border: 1px solid #005aac;box-sizing: border-box;}	
.pro-zs2{margin-top: 28px;}
.pro-zs2 .tit{height: 48px;border-bottom: 1px solid #ddd;margin-bottom: 20px;}
.pro-zs2 .tit b{width: 120px;height: 48px;background: #005aac;line-height: 48px;text-align: center;color: #fff;font-size: 16px;display: block;}
.pro-zs2 .des,.pro-zs2 .des p{font-size: 15px!important;color: #333!important;line-height: 30px!important;}
.pro-zs2 .des{margin-bottom: 50px;}

@media (max-width: 600px){
	.pro-zs1 .pic,.pro-zs1 .txt{width: 100%;}
	.pro-zs1 .txt{margin-top: 40px;}
	.pro-zs1 .txt h1{font-size: 20px;}
	.pro-zs1 .xq{font-size: 14px;margin: 20px 0;}
	.pro-zs2 .tit b{font-size: 16px;width: 100px;}
	.pro-zs2 .des, .pro-zs2 .des p,.bq{font-size: 14px!important;}
	.xgcp li{width: 48%;}
	.xgcp li:nth-child(2),.xgwz li:nth-child(2n){display: none;}
	.xgwz li{width: 100%;}
	.ny-right{margin-bottom: 40px;}
	#big_img{height:300px;}
}