@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{
	font-size:14px;
	 font-family:"Microsoft YaHei";
	width:100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
}
a{ color:#6a6a6a; text-decoration:none;transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;}
.blue{ color:#3366ff; text-decoration:none;}

ul,li{ list-style:none;}
img{border:none;}
.input{outline: medium;margin-left:10px;}
.main_100{
   position: relative;
   margin:0px auto;
   width:100%;
   float: center;
   background: #ffffff;
}
.main_1200{
   position: relative;
   margin:0px auto;
   width:1400px;
   float: center;
}
.f_c{float: center;}
.f_l{float: left;}
.f_r{float: right;}
.t_c{text-align:center;}
.t_l{text-align: left;}
.t_r{text-align: right;}
td{
	font-family:"Microsoft YaHei";
	font-size:14px;
	line-height:150%;
	color:#666666;
}
.h1{ font-size:30px; line-height:30px;font-family:"Microsoft YaHei";}
.h42{ font-size:42px; line-height:42px;font-family:"Microsoft YaHei";}
.h42 span{font-size:16px;color:#666666;}
.huanhang{display:block;}
.span{font-size:16px;color:#333333;font-weight: bold;}
.h2{ font-size:24px; line-height:40px;font-family:"Microsoft YaHei";font-weight: lighter;}
.h2 span{font-size:12px;color:#666666; display:block;}
.h2_line{
	background-attachment: scroll;
	background-image: url(../img/h2_line.png);
	background-repeat: no-repeat;
	background-position: center 0px;
}
h3{ font-size:18px; line-height:30px;font-family:"Microsoft YaHei";color:#3366ff;}
h4,.font16{ font-size:16px; line-height:24px;font-family:"Microsoft YaHei";font-weight: none;}
h5,p{ font-size:14px; line-height:200%;font-family:"Microsoft YaHei";font-weight: normal;}

.color_red,.red_x{color:#CC0000;}
.color_blue{color:#0066ff;}
.color_gray{color:#333333;}
.bold{
	font-weight: bold;
}
.pm10{
padding:10px 0px;
}
.pmt20{
padding-top:20px;
}
.mt50{ margin-top:50px;}
.mt20{ margin-top:20px;}
.pmt40{
padding-top:40px;
}
.pmb40{
padding-bottom:40px;
}
.pt10{
padding:10px;
}
.pdt20{
padding-top:20px;
}
.pr30{
padding-right:30px;
}
.pt20{
padding:20px;
}
.pt40{
padding:40px;
}
.pr20{padding-right:20px;}
.clear { clear:both;}

#top{ width:1200px; height:80px; margin:0 auto; position:relative; z-index:999; background-color:#FFFFFF; margin-top:10px;}
#top .logo{ width:120px; float:left; height:80px;margin-top:0px;}
#top .logo img{ float:left;}
#top .fdj{ width:80px; float:right; height:80px;margin-top:0px; background-color:#003399;transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;}
#top .fdj:hover{ width:80px; float:right; height:80px;margin-top:0px; background-color:#666;}
/*.ibanImg{ display:none;}*/
.nav{ width:910px; height:50px; float:left;  margin-left:50px;}
.nav ul{width:100%; margin:0 auto;}
.nav ul li{
	float:left;
	width:130px;
	height:80px;
	line-height:80px;
	background-attachment: scroll;
	background-image: url(../img/nav_line.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.nav ul li:nth-child(7){background-image: url();}
.nav ul li a{display:block;float:left; width:130px;height:80px; line-height:80px; text-align:center; font-size:16px; font-family:"Microsoft YaHei"; color:#172967;}
.nav ul li a:hover{color:#3489E4;}

#banner{ width:100%;  height:600px; position:relative; z-index:200; margin-top:-100px;}
.iBan .banNum{position:absolute;bottom:35px;left:50%;z-index:100;margin-left:-282px;}
.iBan .banNum a{width:50px;height:10px;background:url(dian1.png) no-repeat left ;display:inline;overflow:hidden;text-indent:-999em;float:left;margin-right:10px}
.iBan .banNum a.dots{background:url(dian.png) no-repeat left ;}
.iBanScreen ul{ width:100%;height:600px;top:0; margin:0 auto}
.iBanScreen li{ width:100%;height:600px;overflow:hidden; position:absolute; display:none;}
.iBanScreen li a{ display:block; width:100%; height:100%}
.iBanScreen .num{ position:absolute; bottom:20px; left:40%; z-index:999;}
.iBanScreen .num a{ display:inline-block; width:50px;height:10px; background:url(../img/dian1.png) no-repeat left; margin-right:10px}
.iBanScreen .num a.cur{ background:url(../img/dian.png) no-repeat left;}


.yuanjiao a{display: block; width: 100px; line-height: 30px; text-align: center; font-size: 14px; color: #003399; background: #fff; border-radius: 20px; border: 1px solid #E1E1E1; -webkit-transition: all 500ms ease; transition: all 500ms ease; margin-top:20px;}
.yuanjiao a:hover{display: block; width: 100px; line-height: 30px; text-align: center; font-size: 14px; color: #fff; background: #016bdd; border-radius: 20px; border: 1px solid transparent; -webkit-transition: all 500ms ease; transition: all 500ms ease;}

/* index_about */

.index_main .section2{margin-top: -70px; padding-bottom: 70px; position: relative; z-index: 1;}
.index_main .section2 .container{background: #fff;}
.index_main .section2 .main{position: relative;}
.index_main .section2 .txt_block{padding: 80px 70px; width: 50%;}
.index_main .section2 .txt_block h3{font-size:24px; color: #333; border-bottom: 2px solid #016bdd; display: inline-block; padding-bottom: 10px;}
.index_main .section2 .txt_block p{font-size: 16px; line-height: 30px; color: #666; margin: 30px 0 60px; text-align: justify;}
.index_main .section2 .txt_block a{display: block; width: 160px; line-height: 42px; text-align: center; font-size: 16px; color: #fff; background: #016bdd; border-radius: 20px; border: 1px solid transparent; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_main .section2 .txt_block a:hover{border-color: #016bdd; color: #016bdd; background: #fff; box-shadow: 0 0 10px rgba(1,107,221,.3);}
.index_main .section2 .img_block{width: 50%; position: absolute; top: 0; right: 0; height: 100%; overflow: hidden;}
.index_main .section2 .img_block .block{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_main .section2 .img_block .block:hover{-webkit-transform: scale(1.1); transform: scale(1.1);}
.index_main .section2 .items:after{content: ''; display: block; clear: both;}
.index_main .section2 .item{width: 23%; float: left; position: relative; overflow: hidden;}
.index_main .section2 .item img{width: 100%; display: block; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_main .section2 .item .label{position: absolute; left: 45px; bottom: 45px; border: 1px solid #fff; border-radius: 5px; height: 60px;}
.index_main .section2 .item .label:after{content: ''; display: block; clear: both;}
.index_main .section2 .item .label i{width: 58px; height: 58px; background-position: center; background-repeat: no-repeat; background-size: 28px auto; float: left; border-right: 1px solid #fff;}
.index_main .section2 .item:nth-of-type(1) .label i{background-image: url(../images/index_icon1.png);}
.index_main .section2 .item:nth-of-type(2) .label i{background-image: url(../images/index_icon2.png);}
.index_main .section2 .item:nth-of-type(3) .label i{background-image: url(../images/index_icon3.png);}
.index_main .section2 .item .label span{float: left; font-size: 24px; color: #fff; padding: 0 20px; line-height: 58px;}
.index_main .section2 .item:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}




.gsjj_ico{
	background-color:#FFFFFF;
	width:1010px;
	margin:30px auto;
}

.ico_all{
	border: 1px solid #E1E1E1;
	background-color:#FFFFFF;
	width:100%;
	height:100px;
}
.ico_all ul{
	width:100%;
}



.ico_all ul li a:link{
	width:19%;
	padding-left:10px;
	padding-top:25px;
	padding-bottom:25px;
	height:50px;
	font-size:16px;
	float:left;
	text-align:left;
}
.ico_all ul li span{display:block; font-size:12px;}
.ico_all ul li a:hover{
width:19%;
	background-color:#003399;
	color:#FFFFFF;
	text-align:left;
}
.ico_all ul li nth-child(5){border-right: 0px solid #e1e1e1;}
.ico_all ul li i {height:50px; margin-top: 0px; width:50px; line-height:50px;display: block;float:left; padding:0px 15px;}
.ico_all ul li a:link i.icon1 {background: url(../img/about_ico_1_1.png) no-repeat center;}
.ico_all ul li a:hover i.icon1 {background: url(../img/about_ico_1_2.png) no-repeat center;}
.ico_all ul li a:link i.icon2 {background: url(../img/about_ico_2_1.png) no-repeat center;}
.ico_all ul li a:hover i.icon2 {background: url(../img/about_ico_2_2.png) no-repeat center;}
.ico_all ul li a:link i.icon3 {background: url(../img/about_ico_3_1.png) no-repeat center;}
.ico_all ul li a:hover i.icon3 {background: url(../img/about_ico_3_2.png) no-repeat center;}
.ico_all ul li a:link i.icon4 {background: url(../img/about_ico_4_1.png) no-repeat center;}
.ico_all ul li a:hover i.icon4 {background: url(../img/about_ico_4_2.png) no-repeat center;}
.ico_all ul li a:link i.icon5 {background: url(../img/about_ico_5_1.png) no-repeat center;}
.ico_all ul li a:hover i.icon5 {background: url(../img/about_ico_5_2.png) no-repeat center;}




/* index_pro */
.index_main .container{width: 100%; max-width: 1400px; margin: 0 auto;}
.index_main .section4{position: relative; padding: 0px 0;}
.index_main .section4 .container{position: relative;}
.index_main .section4 .bg{position: absolute; top: 20px; left: 0; width: 100%; z-index: -1;}
.index_main .section4 .bg img{width: 100%; display: block;}
.index_main .section4 .common_tit h3{color: #fff;}
.index_main .section4 .common_tit span.line{background: #003399;}
.index_main .section4 .common_tit span.en{color: #fff;}
.index_main .section4 .items{margin: 70px -17px 0px  0px; overflow: hidden;}
.index_main .section4 .item{width: 220px; float: left; padding: 0 7px;}
.index_main .section4 .block{position: relative; background: #fff; padding: 30px; overflow: hidden;border-left: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5;border-top: 1px solid #f5f5f5;  border-bottom: 5px solid #335BAD;}
.index_main .section4 .block .img_block{overflow: hidden;}
.index_main .section4 .block img{width: 100%; display: block; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_main .section4 .block .txt_block{padding: 20px 10px 0; border-top: 1px solid #e3e3e3;}
.index_main .section4 .block .txt_block h3{/*font-family: 'ak'; */font-size:16px; color: #444444;}
.index_main .section4 .block .txt_block p{font-size: 14px; color: #666; line-height: 24px; margin-top: 5px; margin-bottom: 30px; height: 48px; overflow: hidden;}
.index_main .section4 .block .txt_block a{display: block; width: 28px; height: 14px; background-image: url(../img/index_icon5.png); background-repeat: no-repeat; background-position: center; background-size: 28px 14px;}
.index_main .section4 .block .hover{position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: rgba(0,51,153,.8); text-align: center; padding-top: 70%; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_main .section4 .block .hover h3{/*font-family: 'ak';*/ font-size: 16px; color: #fff;}
.index_main .section4 .block .hover p{font-size: 16px; color: #fff; margin: 10px 0 20px;}
.index_main .section4 .block .hover a{display: block; width: 140px; line-height: 40px; margin: 0 auto; background: #fff; color: #3386ba; text-align: center; border-radius: 20px; font-size: 14px; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_main .section4 .block .hover a:after{content: ''; display: inline-block; vertical-align: middle; margin: -2px 0 0 10px; width: 16px; height: 14px; background-image: url(../img/index_icon4.png); background-position: center; background-repeat: no-repeat; background-size: 16px 14px; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_main .section4 .block .hover a:hover{background: #3386ba; color: #fff;}
.index_main .section4 .block .hover a:hover:after{background-image: url(../img/index_icon4_w.png);}
.index_main .section4 .block:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.index_main .section4 .block:hover .hover{left: 0;}

.control{right: 0; top:-70px; position: absolute;}
.control .common_btn{position: static; display: inline-block; margin: 0 10px;}
.common_btn{width: 46px; height: 46px; border-radius: 50%; background-color: #fff; background-position: center; background-repeat: no-repeat; background-size: 8px 14px; cursor: pointer; box-shadow: 0 5px 10px rgba(204,204,204,.5); -webkit-transition: all 500ms ease; transition: all 500ms ease; position: absolute; top: 60%;}
.left_btn{background-image: url(../img/left_icon1.png); left: -80px;}
.right_btn{background-image: url(../img/right_icon1.png); right: -80px;}
.common_btn:hover{background-color: #016bdd; box-shadow: 0 5px 10px rgba(1,107,225,.3);}
.left_btn:hover{background-image: url(../img/left_icon2.png);}
.right_btn:hover{background-image: url(../img/right_icon2.png);}


/*info_class*/
#info_left{width:910px; background-color:#fff; float:right;}
#info_right{width:260px;float:left;padding-right:30px;padding-bottom:30px;}


/* index_news */

.ind_left{ width:500px; float:left; text-align:left;}
.ind_left h2{font-size:16px; color:#1A1C21; padding:15px 0px;font-weight: lighter;}
.ind_left h2 span{display:block; font-size:12px; color:#999999;font-weight: lighter;}
.ind_left img { width:500px; height:150px;}
.ind_left .news_info{ width:100%; padding:20px 0px;}
.ind_left .news_info h3{color:#003399;font-size:16px;font-weight: lighter; line-height:35px;}
.ind_left .news_info span{color:#8F8F8F;font-size:12px; padding:10px 0px;font-weight: lighter;display:block;}


.ind_right{ width:670px; float:right; text-align:left;}
.ind_right h2{font-size:16px; color:#1A1C21; padding:12px 0px;font-weight: lighter;}
.ind_right h2 span{display:block; font-size:12px; color:#999999;font-weight: lighter;}
.ind_right img { width:670px; height:150px;}
.ind_right .news_list{ width:100%; padding-bottom:10px;}
.ind_right .news_list li a{ width:100%; line-height:30px; font-size:14px;}
.ind_right .news_list li a:hover{ font-size:14px;color:#003399; line-height:30px;}
.ind_right .news_list li span{ font-size:12px; float:right;}

.foot_bg{
	background-attachment: scroll;
	background-image: url(../img/foot_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	line-height:100px;
	height:110px;
}
.foot_info{ width:1200px; margin:0px auto; padding-top:15px;}
.foot_info li{ float:left; height:80px; line-height:80px; vertical-align:middle;}
.foot_info li img{ width:150px; height:80px; float:left;}
.foot_info li span{color:#D6EFFA;font-size:14px;display:block; line-height:180%;}
.foot_info li a,.foot_info li a:hover  {color:#D6EFFA;font-size:14px;}














/*fenye page?*/

#kkpager{
	clear:both;
	color:#999;
	padding:5px 0px 5px 0px;
	font-size:14px;
	width:80%;
	margin:0px auto;
	padding-top:20px;
	margin-bottom:30px;
}
#kkpager a{
	float: left;
	border: 1px solid #ccc;
	display: inline;
	padding: 3px 10px 3px 10px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	background: #fff;
	text-decoration:none;
	color:#666;
}

#kkpager span.disabled{
	float: left;
	display: inline;
	padding: 3px 10px 3px 10px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border:1px solid #999;
	background-color:#FFF;
	color:#ccc;
}
#kkpager span.curr{
	float: left;
	border: 1px solid #00AAFF;
	display: inline;
	padding: 3px 10px 3px 10px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #00AAFF;
	color: #fff;
}
#kkpager a:hover{
	border:1px solid #00AAFF; 
	background-color:#00AAFF; 
	color:#fff;
}
#kkpager span.normalsize{
}
#kkpager_gopage_wrap{
	position:relative;
	left:0px;
	top:0px;
}
#kkpager_btn_go {
	width:44px;
	height:18px;
	border:0px;
	overflow:hidden;
	line-height:140%;
	padding:0px;
	margin:0px;
	text-align:center;
	cursor:pointer;
	background-color:#00AAFF;
	color:#fff;
	position:absolute;
	left:0px;
	top:2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display:none;
	font-size:12px;
}
#kkpager_btn_go_input{
	width:36px;
	height:18px;
	color:#00AAFF;
	text-align:center;
	margin-left:1px;
	margin-right:1px;
	border:1px solid #00AAFF;
	position:relative;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	left:0px;
	top:0px;
	outline:none;
	font-size:14px;
}

#kkpager_btn_go_input.focus{
	border-color:#00AAFF;
}

#kkpager .pageBtnWrap{
	float:left;
}
#kkpager .infoTextAndGoPageBtnWrap{
	float:right;
}
#kkpager .spanDot{
	float:left;
	margin-right:5px;
}

#kkpager .currPageNum{
	color:#00AAFF;
}

#kkpager .infoTextAndGoPageBtnWrap{
	padding-top:5px;
}



#info_banner {
	background-attachment: scroll;
	background-image: url(../img/info_banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height:600px;
	width:100%;
	margin-top:-90px;
}
.main_info,.pro_info{
width:900px;
font-size:16px;
line-height:180%;
color:#666;margin:0px auto; 
padding:0px 0px;
text-align:left;
float:right;

}
.news_info{
width:1010px;
font-size:16px;
line-height:180%;
color:#666;margin:0px auto; 
padding:0px 0px;
text-align:left;
float:center;

}
.main_info img{ float:left; padding:0px 20px 10px 0px;}
.main_info h2{ height:60px; line-height:60px; text-align:center;padding:20px 0px;}




/* pro—all*/
.pro—all .container{width: 1400px; max-width: 1400px; margin: 0 auto;}
.pro—all .daohang_info h3{width: 1400px; max-width: 1400px; margin: 0 auto; font-size:16px;color:#999999; padding-top:20px;}
.pro—all .section4{position: relative; padding: 0px 0;}
.pro—all .section4 .container{position: relative;}
.pro—all .section4 .bg{position: absolute; top: 0px; left: 0; width: 100%; z-index: -1;}
.pro—all .section4 .bg img{width: 100%; display: block;}
.pro—all .section4 .common_tit h3{color: #fff;}
.pro—all .section4 .common_tit span.line{background: #003399;}
.pro—all .section4 .common_tit span.en{color: #fff;}
.pro—all .section4 .items{margin: 20px -17px 0px  0px; overflow: hidden;}
.pro—all .section4 .item{width: 240px; float: left; padding: 0 5px; margin-bottom:10px;}
.pro—all .section4 .block{position: relative; background: #fff; padding: 10px; overflow: hidden;border: 1px solid #e3e3e3;}
.pro—all .section4 .block .img_block{overflow: hidden;}
.pro—all .section4 .block img{width: 100%; display: block; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.pro—all .section4 .block .txt_block{padding: 20px 10px 0; border-top: 1px solid #e3e3e3;}
.pro—all .section4 .block .txt_block h3{/*font-family: 'ak'; */font-size: 20px; color: #444444;}
.pro—all .section4 .block .txt_block p{font-size: 14px; color: #666; line-height: 24px; margin-top: 5px; margin-bottom: 10px; height: 28px; overflow: hidden;}
.pro—all .section4 .block .txt_block a{display: block; width: 28px; height: 14px; background-image: url(../img/index_icon5.png); background-repeat: no-repeat; background-position: center; background-size: 28px 14px;}
.pro—all .section4 .block .hover{position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: rgba(0,51,153,.8); text-align: center; padding-top: 70%; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.pro—all .section4 .block .hover h3{/*font-family: 'ak';*/ font-size: 20px; color: #fff; line-height:50px;}
.pro—all .section4 .block .hover p{font-size: 18px; color: #fff; margin: 10px 0 20px;}
.pro—all .section4 .block .hover a{display: block; width: 140px; line-height: 40px; margin: 0 auto; background: #fff; color: #3386ba; text-align: center; border-radius: 20px; font-size: 14px; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.pro—all .section4 .block .hover a:after{content: ''; display: inline-block; vertical-align: middle; margin: -2px 0 0 10px; width: 16px; height: 14px; background-image: url(../img/index_icon4.png); background-position: center; background-repeat: no-repeat; background-size: 16px 14px; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.pro—all .section4 .block .hover a:hover{background: #3386ba; color: #fff;}
.pro—all .section4 .block .hover a:hover:after{background-image: url(../img/index_icon4_w.png);}
.pro—all .section4 .block:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.pro—all .section4 .block:hover .hover{left: 0;}


.daohang_news h3{width: 1200px; max-width: 1200px; margin: 0 auto; font-size:16px;color:#999999; padding:20px 0px;}



#news_all li {background:#f4f4f4;width:560px;height:80px;padding:15px;margin-bottom:10px; float:left;margin-right:10px;}
#news_all li:nth-child(2n){
	padding-right:0px;
}
#news_all li:last-child {margin-bottom:10px;}
#news_all li div.box .ind_news_date {width:77px;float:left;text-align:center;height:77px;background:#666666;border-radius:3px;color:#fff;overflow:hidden;}
#news_all li div.box .ind_news_day {display:block;width:73px;height:53px;line-height:53px;color:#9b9b9b;font-size:36px;background:#fff;margin:0 auto;margin-top:2px;}
#news_all li div.box .ind_news_month {display:block;height:22px;line-height:22px;font-size:12px;width:77px;}
#news_all li div.box .ind_news_tit {display:block;width:400px;float:left;height:30px;margin-left:39px;margin-top:0px;font-size:16px;color:#666;line-height:30px;}
#news_all li div.box .ind_news_con {width:400px;float:left;height:50px;margin-left:39px;color:#999;line-height:30px;}
#news_all li div.box:hover .ind_news_date {width:77px;float:left;text-align:center;height:77px;background:#00AAFF;border-radius:3px;color:#fff;overflow:hidden;}
#news_all li div.box:hover .ind_news_day {display:block;width:73px;height:53px;line-height:53px;color:#00AAFF;font-size:36px;background:#fff;margin:0 auto;margin-top:2px;}
#news_all li div.box:hover .ind_news_month {display:block;height:22px;line-height:22px;font-size:12px;width:77px;}
#news_all li div.box:hover .ind_news_tit {
    -webkit-transition: color .4s ease;
    -moz-transition: color .4s ease;
    -o-transition: color .4s ease;
    transition: color .4s ease;
	width:400px;
	float:left;
	height:30px;
	line-height:30px;
	margin-left:39px;
	margin-top:0px;
	color:#00AAFF;
	font-size:16px;
}
#news_all li div.box:hover .ind_news_con {width:400px;float:left;height:50px;margin-left:39px;color:#666;line-height:30px;}



.pro_kuandu{ width:100%;margin:0px auto;}
.pro_kuandu li{padding:10px; color:#666; line-height:180%;margin:0px auto;}
.pro_kuandu li h2{
	margin-bottom:30px;
	font-size:22px;
	font-weight: lighter;
	color: #3399FF;
	text-decoration: none;
	 text-align:center
}
.pro_kuandu li h1{
	margin-bottom:30px;
	font-size:24px;
	font-weight: lighter;
	color: #3399FF;
	text-decoration: none;
	 text-align:center
}
.biankuang{border-bottom: 1px dotted #999;}
.pro_kuandu  li .img_bot_bk{border-bottom:1px solid #CCCCCC; background-color:#CCCCCC; text-align:center;left:50%;}



/* down—all*/
.down—all .container{width: 1200px; max-width: 1200px; margin: 0 auto;}
.down—all .daohang_info h3{width: 1200px; max-width: 1200px; margin: 0 auto; font-size:16px;color:#999999; padding-top:20px;}
.down—all .section4{position: relative; padding: 0px 0;}
.down—all .section4 .container{position: relative;}
.down—all .section4 .bg{position: absolute; top: 0px; left: 0; width: 100%; z-index: -1;}
.down—all .section4 .bg img{width: 100%; display: block;}
.down—all .section4 .common_tit h3{color: #fff;}
.down—all .section4 .common_tit span.line{background: #003399;}
.down—all .section4 .common_tit span.en{color: #fff;}
.down—all .section4 .items{margin: 20px -17px 0px  0px; overflow: hidden;}
.down—all .section4 .item{width: 290px; float: left; padding: 0 5px; margin-bottom:10px;}
.down—all .section4 .block{position: relative; background: #fff; padding: 10px; overflow: hidden;border: 1px solid #e3e3e3;}
.down—all .section4 .block .img_block{overflow: hidden;}
.down—all .section4 .block img{width: 100%; display: block; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.down—all .section4 .block .txt_block{padding: 20px 10px 0; border-top: 1px solid #e3e3e3;}
.down—all .section4 .block .txt_block h3{/*font-family: 'ak'; */font-size: 20px; color: #444444;}
.down—all .section4 .block .txt_block p{font-size: 14px; color: #666; line-height: 24px; margin-top: 5px; margin-bottom: 10px; height: 28px; overflow: hidden;}
.down—all .section4 .block .txt_block a{display: block; width: 28px; height: 14px; background-image: url(../img/index_icon5.png); background-repeat: no-repeat; background-position: center; background-size: 28px 14px;}
.down—all .section4 .block .hover{position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: rgba(0,51,153,.8); text-align: center; padding-top: 30%; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.down—all .section4 .block .hover h3{/*font-family: 'ak';*/ font-size: 26px; color: #fff;}
.down—all .section4 .block .hover p{font-size: 18px; color: #fff; margin: 10px 0 20px;}
.down—all .section4 .block .hover a{display: block; width: 140px; line-height: 40px; margin: 0 auto; margin-bottom:5px; background: #fff; color: #3386ba; text-align: center; border-radius: 20px; font-size: 14px; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.down—all .section4 .block .hover a:after{content: ''; display: inline-block; vertical-align: middle; margin: -2px 0 0 10px; width: 16px; height: 14px; background-image: url(../img/index_icon4.png); background-position: center; background-repeat: no-repeat; background-size: 16px 14px; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.down—all .section4 .block .hover a:hover{background: #3386ba; color: #fff; }
.down—all .section4 .block .hover a:hover:after{background-image: url(../img/index_icon4_w.png);}
.down—all .section4 .block:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.down—all .section4 .block:hover .hover{left: 0;}

























.menu-container {
    width:1200px;
    margin: 0px auto;
    background: #e9e9e9;

}

.menu-mobile {
    display: none;
    padding: 10px;
}

.menu-mobile:after {
    content: "\f394";
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0px;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}

.menu-dropdown-icon:before {
    content: "\f489";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    padding: 5px 5px;
    background: #fff;
    color: #fff;
}

.menu > ul {
    margin: 0px auto;
    width: 100%;
    list-style: none;
    padding: 0px;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    float: left;
    background: #003399;
    padding: 0px;
    margin: 0px 10px 0px 0px;
	color:#FFFFFF;
	font-size:16px;
}

.menu > ul > li a:link {
    text-decoration: none;
    padding: 10px 20px;
    display: block;
	color:#FFFFFF;
}

.menu > ul > li a:hover {
    background: #ff6600;
	color:#fff;
	font-size:16px;
	padding: 10px 20px;
}

.menu > ul > li > ul {
    display: none;
    width: 100%;
    background: #f0f0f0;
    position: absolute;
    z-index: 99;
    left: 0px;
    margin: 0px;
	padding:0px;
    list-style: none;
    box-sizing: border-box;
}
.menu > ul > li > ul > li{
    margin: 0px;
	padding:0px;
}
.menu > ul > li > ul > li a:link {
    list-style: none;
   width: 15%;
    float: left;
	font-size:13px;
	background: #f0f0f0;
	color: #666;
	height:30px;
}
.menu > ul > li > ul > li a:hover {
    list-style: none;
    width: 15%;
    float: left;
	font-size:13px;
	background: #f0f0f0;
	height:30px;
	color: #003399;
}
.bot_line{ border-bottom: 1px dashed #CCCCCC;}

.left_c{ float:left; width:35%; padding-bottom:50px;}











.commentpopup-mask {

display:none;

    z-index: 9999;

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-color: #333;

    background-color: rgba(0,0,0,0.8);

}

.commentpopup-box {

display:none;

    z-index: 10000;

    position: fixed;

    top: 50%;

    left: 50%;

    width: 600px;

    margin: -200px 0 0 -300px;

    background-color: #FFF;

    border-radius: 4px;

    padding: 30px;

}

.commentpopup-box .commentform {

    margin-bottom: 0;

}

.commentform {

    overflow: hidden;

    margin-bottom: 15px;

    position: relative;

}

.commentpopup-box .commentform [name="content"] {

    height: 161px;

}

.commentform .ipt {

    border-radius: 2px;

    margin-bottom: 10px;

    border-color: #e6e6e6;

}

.ipt {

    display: block;

    width: 100%;

    padding: 0.375rem 0.75rem;

    font-size: 0.875rem;

    line-height: 1.5;

    color: #55595c;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 0.1rem;

}

textarea {

    margin: 0;

    line-height: inherit;

    border-radius: 0;

    resize: vertical;

}

.commentform .btn {

    float: right;

}

.btn-primary {

    color: #fff;

    background-color: #0ae;

    border-color: #0ae;

}

.btn {

    display: inline-block;

    font-weight: normal;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    cursor: pointer;

    user-select: none;

    border: 1px solid transparent;

    padding: 0.375rem 1rem;

    font-size: 0.875rem;

    line-height: 1.5;

    border-radius: 0.1rem;

    -webkit-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

.commentform-text {

    color: #999;

    line-height: 35px;

    font-size: 12px;

    background-color: #f6f6f6;

    border-radius: 2px;

    padding: 0 15px;

    display: inline-block;

}
 .fdj1{ width:80px; float:right; height:80px;margin-top:0px; background-color:#003399;transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;}
 .fdj1:hover{ width:80px; float:right; height:80px;margin-top:0px; background-color:#666;}
 .search_input{ width:400px ;heihgt:70px; line-height:70px; font-size:16px;}
 .s_pb20{ padding-bottom:20px;}
 .ms{position: absolute; top: 10px;left: 10px; width: 230px; height: 70px;}
 
 
 /* expmenu */
ul.expmenu{width:260px;margin:0px auto;float:left;z-index:2; position: relative;}
ul.expmenu li div.header{padding:12px;border-bottom:1px #fff solid;}
ul.expmenu li:last-child div.header{border-bottom:none;}
ul.expmenu li ul li {background-color:#f6f6f6;padding:8px;border-bottom:1px solid #003399;border-top:1px solid #003399;color:#727272;text-shadow:0px 1px 0px rgba(255, 255, 255, 0.8);}
ul.expmenu li ul li:last-child{border-bottom:none;}
ul.expmenu li ul li.selected{background-color:#f4f4f4;}
ul.expmenu div.header{
	color:#203f61;
	text-shadow:0px 1px 0px rgba(255, 255, 255, 0.2);
	
	background:#003399;/* Old browsers */
	background:-moz-linear-gradient(top, #003399 0%, #003399 100%);/* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#003399), color-stop(100%,#003399));/* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #003399 0%,#003399 100%);/* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #003399 0%,#003399 100%);/* Opera 11.10+ */
	background:-ms-linear-gradient(top, #003399 0%,#003399 100%);/* IE10+ */
	background:linear-gradient(to bottom, #003399 0%,#003399 100%);/* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#003399', endColorstr='#003399',GradientType=0 );/* IE6-9 */
}
ul.expmenu li div.header .label{background:no-repeat;color: #fff;/*text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.8);*/ font-weight:bold;}
ul.expmenu li div.header .arrow{display:block;width:16px;height:16px;background:no-repeat center;float:right;}
ul.expmenu li div.header .arrow.up{background-image:url(../images/arrow_u.png);}
ul.expmenu li div.header .arrow.down{background-image:url(../images/arrow_d.png);}
ul.expmenu li .menu{display:none;}	
/* Mouse Events */
ul.expmenu div.header:hover{
	background:#275895;/* Old browsers */
	background:-moz-linear-gradient(top, #275895 0%, #275895 100%);/* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#275895), color-stop(100%,#ae9c7e));/* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #275895 0%,#275895 100%);/* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #275895 0%,#275895 100%);/* Opera 11.10+ */
	background:-ms-linear-gradient(top, #275895 0%,#275895 100%);/* IE10+ */
	background:linear-gradient(to bottom, #275895 0%,#275895 100%);/* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#275895', endColorstr='#275895',GradientType=0 );/* IE6-9 */
	cursor:pointer;
}

ul.expmenu li ul li:not(.selected):hover{
	background:#efe8d8;/* Old browsers */
	cursor:pointer;
}
ul.expmenu li ul li:not(.selected):active{
	background:#f1f1f1;/* Old browsers */
	cursor:pointer;
}