* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html,body{
	-webkit-user-select:none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color:transparent;
	-webkit-user-select:none;
	-webkit-touch-callout:none;
	-webkit-touch-callout:none;
} 
body {margin:0px auto; background: #fff; color:#333; font-family:微软雅黑,sans-serif; width: 100%; font-size: 12px; overflow-x: hidden;}
div,ul,ol,dl,dt,dd,li,dl,h1,h2,h3,h4,h5,h6,p,pre,table,caption,th,td,form,input,button,select,textarea{margin:0; padding:0; list-style:none;}

header, article, section, aside, footer, figure, nav{display: block;}

a, a:visited {color:#333; text-decoration: none;
transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
-webkit-transition:all 0.3s;
}

a:hover{color:#e61d28; text-decoration: none;}


img {border:none; vertical-align:top;}
.clearfix:after{display: block; content: ""; clear:both;}

.b-blank10{margin:0 0 10px 0;}
.b-blank20{margin:0 0 20px 0;}
.b-blank30{margin:0 0 30px 0;}
.blank10{width:100%; height:10px;}
.blank20{width:100%; height:20px;}
.blank30{width:100%; height:30px;}
.l-blank25{float:left; width:25px; height:10px;}

@font-face {
	font-family: 'BEBAS';
	src:url('../font/BEBAS.eot'); 
	src: 
		url('../font/BEBAS.eot?#iefix') format('embedded-opentype'), 
		url('../font/BEBAS.woff') format('woff'), 
		url('../font/BEBAS.ttf') format('truetype'), 
		url('../font/BEBAS.svg#aGENCYR') format('svg');
}

.icon {
  width: 1.2em;
  height: 1.2em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
  margin-right: 5px;
}

/************************************************************共用部分开始************************************************************/
.main{width: 100%; margin: 0 auto; position: relative;}

@media screen and (min-width: 1500px){
	.main{width: 1500px;}
}
@media screen and (min-width: 1200px) and (max-width: 1499px){
	.main{width: 1200px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.main{width: 100%; max-width:1000px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.main{padding: 0 15px;}
}
@media screen and (max-width: 767px){
	.main{padding: 0 15px;}
}


/*top*/
header{position: relative; background: #fff; z-index: 9999;}
header .top{background:#064c7d; height: 40px; line-height: 40px; color: #fff;}
header .top h2{float: left; font-size: 12px; font-weight: normal;}
header .top h2 b{color: #fff;}
header .top ul{float: right; position: relative;}
header .top ul li{float: left; position: relative; z-index: 100;}
header .top ul li i{margin-right: 5px; font-size: 16px;}
header .top ul li a,
header .top ul li a:visited,
header .top ul li a:hover{display: block; padding: 0 12px; border-left: 1px solid #0c598f; color: #fff;}
header .top ul li .xl_sj_box{position: absolute; z-index: 110; left: 50%; top: 33px; margin: 0 0 0 -55px; padding: 10px 0 0 0; display:none;}
header .top ul li .xl_sj_box .xl_sj{background: #fff; box-shadow: 0 0 5px #c9c9c9; text-align: center; color: #888; line-height: 30px; position: relative; behavior:url(pie.htc);}
header .top ul li .xl_sj_box .xl_sj i{position: absolute; left: 50%; margin: 0 0 0 -12px; top: -12px; }
header .top ul li .xl_sj_box .xl_sj>img{float: left; width: 95px; height: 95px; background: #ccc; margin: 10px 10px 0 10px;}
header .top ul li:hover .xl_sj_box{display: block;}

header .top .lg{float: right; position: relative; background: #0c598f; padding: 0 10px; color: #fff;}
header .top .lg i{font-size: 14px; margin: 0 5px;}
header .top .lg ol{position: absolute; left: 0px; top: 100%; display: none; background: #0c598f; width: 100%; z-index: 99; padding-bottom: 8px;}
header .top .lg ol li{text-align: center; line-height: 30px; border-bottom: 1px solid #0c598f;}
header .top .lg ol li a,
header .top .lg ol li a:visited{display: block; color: #fff;}
header .top .lg ol li a:hover{background: #064c7d; color: #fff;}
header .top .lg:hover ol{display: block;}

header .logo{float: left; height: 130px; line-height: 126px;}
header .logo img{display: inline; vertical-align: middle;}


header .mmenu{position: absolute; right: 0px; top: 0px; bottom: 0px; width: 50px; text-align: center; display: none;}
header .mmenu i{color: #999; font-size: 24px; position: relative; top: 35%;}
@media screen and (min-width: 1200px) and (max-width: 1499px){
	header .logo{width: 42%; height: 120px; line-height: 116px;}
	header .logo img{max-width: 100%;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	header .logo{width: 42%; height: 110px; line-height: 106px;}
	header .logo img{max-width: 100%;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	header{border-top: 3px solid #008ad2; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
	header .top{display: none;}
	header .logo{width: 50%; height: 80px; line-height: 76px;}
	header .logo img{max-width: 100%;}
	
	header .mmenu{display: block;}
}
@media screen and (max-width: 767px){
	header{border-top: 3px solid #008ad2; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
	header .top{display: none;}
	header .logo{height: 60px; line-height: 56px;}
	header .logo img{max-height: 60%;}
	
	header .mmenu{display: block;}
}

.nav {float: right; width: 52.2%;}
.nav ul{position: relative; z-index: 10;}
.nav ul li{position:relative; float:left; z-index:50; width: 14.2%; text-align: center;}
.nav ul li a{position: relative; display:block; font-size:16px; line-height: 130px; overflow: hidden; white-space: nowrap;}
.nav ul li:first-child a{border-left: none!important;}
.nav ul li a:hover,
.nav ul li a.on,
.nav ul li a.selected{background: #008ad2; color: #fff; font-weight: bold;  }
* HTML .nav ul li a{display: inline-block}

.nav ul li ul{position: absolute; width:100%; visibility:hidden; z-index:999999;}
.nav ul li ul li{width: 100%; background: #fff; margin-left: 0px;}
.nav ul li ul li:before{display: none;}
.nav ul li ul li a{overflow:hidden; border-left: none!important; line-height:45px; height:45px; text-align: left; text-indent: 15px; font-weight:normal; font-size: 12px; border-bottom: 1px solid #e7e7e7; color: #555;}
.nav ul li ul li a:after{display: none;}
.nav ul li ul li a.selected,
.nav ul li ul li a:hover{background:#008ad2; color: #fff; font-weight: normal;}
.nav ul li ul li ul{width: 100%;}

* HTML .nav {height: 1%}
.downarrowclass {position: absolute; top: -1000px; right: 7px}
.rightarrowclass {position: absolute; top: 8px; right:15px}
.ddshadow {position: absolute; width: 0px; background:none transparent scroll repeat 0% 0%; height: 0px; top: 0px; LEFT: 0px}
.toplevelshadow {opacity: 0.0}
.nav ul li img{display: none;}

.nav ul li a:after{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
@media screen and (min-width: 1200px) and (max-width: 1499px){
	.nav ul li a{font-size: 14px; line-height: 120px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.nav ul li a{font-size: 14px; line-height: 110px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.nav{display: none;}
}
@media screen and (max-width: 767px){
	.nav{display: none;}
}

/**/
footer{background: #00365b;}
/*footer .main{background: #064c7d; padding: 0 20px; overflow: hidden;}*/
footer .f_left{float: left;}
footer .f_logo{padding-top: 40px; padding-bottom: 20px;}
footer .f_tel{overflow: hidden;}
footer .f_tel i{float: left; margin-right: 10px; color: #fff; font-size: 40px;}
footer .f_tel span{color: #fff;}
footer .f_tel h2{padding-top: 5px; font-size: 2.33em; color: #fff; line-height: 1; font-family: Arial;}
footer address{padding-top: 20px; line-height: 25px; color: #fff; font-style: normal;}



footer .f_menu{float: right; width: 58%; margin-bottom: 50px; overflow: hidden;}
footer .f_menu li{float: left; position: relative; padding-top: 48px; padding-left: 22px; border-left: 1px solid #002d4c; width: 20%; min-height: 225px;}
footer .f_menu li:before{position: absolute; left: 0px; top: 0px; width: 1px; height: 100%; display: block; content: ""; background: #;}
footer .f_menu li h2{position: relative; padding-bottom: 15px; font-size: 1.16em; font-weight: normal; color: #fff;}
footer .f_menu li h2:before{position: absolute; left: -23px; top: 0px; display: block; content: ""; width: 2px; height: 20px; background: #ffffff;}
footer .f_menu li p{line-height: 25px; color: #fff;}
footer .f_menu li p a{color: #fff;}
footer .f_menu li p a:hover{color: #fff;}
footer .f_menu li.lxwm{width: 27.5%;}


footer .foot{margin-top: 1px; border-top: 1px solid #002d4c;  color: #fff; overflow: hidden;}
footer .foot h2{float: left; padding-top: 25px; font-size: 1em; font-weight: normal; line-height: 26px;}
footer .foot h2 a{margin: 0 12px; color: #fff;}
footer .foot h2 a:hover{color: #fff;}
footer .foot h2 a:first-child{margin-left: 0px;}


footer .foot h3{float: right; padding-top: 15px; padding-bottom: 15px; font-size: 1em; font-weight: normal; text-align: right;}
footer .foot h3 span{float: right;}
footer .foot h3 span img{float: left; margin-left: 12px; width: 70px; height: 70px;}
footer .foot h3 i{display: inline-block; padding-top: 10px; font-style: normal; line-height: 25px;}
@media screen and (min-width: 768px) and (max-width: 991px){
	footer .f_left{float: none; text-align: center;}
	footer .f_logo{padding-top: 30px; padding-bottom: 15px;}
	footer .f_logo img{height: 35px;}
	footer .f_tel{display: inline-block; text-align: left;}
	footer .f_tel i{font-size: 34px;}
	footer .f_tel h2{padding-top: 0px; font-size: 1.83em;}
	footer address{padding-top: 10px; padding-bottom: 15px; line-height: 22px;}

	
	footer .f_menu{display: none;}

	
	/*footer .foot h2{float: none; padding-top: 15px; padding-bottom: 15px;}
	footer .foot h3{float: none; text-align: center; display: none;}
	footer .foot h3 span{float: none; display: block;}
	footer .foot h3 span img{float: none; margin-left: 5px; margin-right: 5px;}
	footer .foot h3 i{padding-top: 5px; padding-bottom: 10px; line-height: 22px;}*/
}

@media screen and (max-width: 767px){
	footer .f_left{float: none; text-align: center;}
	footer .f_logo{padding-top: 25px; padding-bottom: 10px;}
	footer .f_logo img{height: 25px;}
	footer .f_tel{display: block; text-align: center;}
	footer .f_tel i{font-size: 28px; display: none;}
	footer .f_tel h2{padding-top: 0px; font-size: 20px;}
	footer address{padding-top: 10px; padding-bottom: 15px;  line-height: 20px;}

	
	footer .f_menu{display: none;}
	

	footer .foot{height: auto; text-align: center;}
	footer .foot h2{float: none; padding-top: 15px; padding-bottom: 15px; line-height: 20px;}
	footer .foot h3{float: none; text-align: center; display: none;}
	footer .foot h3 span{float: none; display: block;}
	footer .foot h3 span img{float: none; margin-left: 5px; margin-right: 5px;}
	footer .foot h3 i{padding-top: 5px; padding-bottom: 10px; line-height: 22px;}

}

/*友情链接*/
.link{background: #ededed;}
.link ul{overflow: hidden; padding-top: 12px; padding-bottom: 12px;}
.link ul li{float: left; margin-right: 15px; line-height: 25px;}
.link ul li:first-child{margin-right: 0px;}
@media screen and (min-width: 768px) and (max-width: 991px){

}

@media screen and (max-width: 767px){
	.link{display: none;}
}

/************************************************************共用部分结束************************************************************/

/************************************************************首页样式开始************************************************************/
/*幻灯片*/
.banner{position: relative;}
.banner img {width: 100%; max-height: 100%;}
.banner div{position: relative; z-index: 2}

@media screen and (min-width: 768px) and (max-width: 991px){
	.slick-dots li button {height:4px!important; width:45px!important;}
}
@media screen and (max-width: 767px){
	.slick-dots {bottom:10px!important;}
	.slick-dots li button {height:4px!important; width:37px!important;}
}



/*共用标题*/
.part1{margin-top: 60px; margin-bottom: 30px; text-align: center;}
.part1 h2{position: relative; padding-bottom: 15px; font-size: 30px; line-height: 1; text-transform: uppercase; color: #333;}
.part1 h3{position: relative; font-size: 12px; z-index: 1;}
.part1 h3 span{display: inline-block; margin-bottom: 10px; line-height: 25px; border-radius: 5px; background: #008ad2; color: #fff; padding: 0 30px; font-weight: normal; text-transform: uppercase;}
.part1 h3:before{position: absolute; left: 0px; top: 12px; display: block; content: ""; width: 100%; height: 1px; background: #e7e7e7; z-index: -1;}
.part1 h3:after{display: block; content: ""; margin: auto; width: 24px; height: 2px; background: #008ad2;}
.part2 h2{color: #fff;}
.part2 h3 span{background: #fff; color: #008ad2;}
.part2 h3:before{background: #fff; opacity: 0.1;}
.part2 h3:after{background: #fff;}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.part1{margin-top: 50px; margin-bottom: 25px;}
	.part1 h2{padding-bottom: 10px; font-size: 26px;}
	.part1 h3 span{padding: 0 25px; }
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.part1{margin-top: 40px; margin-bottom: 20px;}
	.part1 h2{padding-bottom: 10px; font-size: 22px;}
	.part1 h3 span{padding: 0 20px; }
}
@media screen and (max-width: 767px){
	.part1{margin-top: 30px; margin-bottom: 15px;}
	.part1 h2{padding-bottom: 5px; font-size: 18px;}
	.part1 h2:before{margin-left: -15px; width: 30px;}
	.part1 h3 span{padding: 0 15px; font-size: 10px; line-height: 22px; border-radius: 3px;}
}


.more{padding: 40px 0 50px 0; text-align: center;}
.more a{display: inline-block; width: 120px; line-height: 35px; background: #008ad2; color: #fff;}
.more a:hover{background: #e61d28; color: #fff;}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.more{padding-top: 30px; padding-bottom: 40px;}
	.more a{width: 110px; line-height: 33px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.more{padding-top: 20px; padding-bottom: 30px;}
	.more a{width: 110px; line-height: 33px;}
}
@media screen and (max-width: 767px){
	.more{padding-top: 10px; padding-bottom: 20px;}
	.more a{width: 100px; line-height: 30px;}
}



.pro_class{margin-bottom: 30px; text-align: center;}
.pro_class li{display: inline-block;}
.pro_class li a,
.pro_class li a:visited{margin: 0 5px; display: block; border: 1px solid #e7e7e7; padding: 0 15px; line-height: 40px; border-radius: 5px; font-size: 14px;}
.pro_class li a:hover{background: #008ad2; color: #fff; border-color: #008ad2;}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.pro_class li a,
	.pro_class li a:visited{margin: 0 4px; padding: 0 13px; font-size: 12px; line-height: 35px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.pro_class li a,
	.pro_class li a:visited{margin: 0 3px; padding: 0 12px; font-size: 12px; line-height: 30px;}
}
@media screen and (max-width: 767px){
	.pro_class li a,
	.pro_class li a:visited{margin: 0 1px 5px 1px; padding: 0 10px; font-size: 12px; line-height: 30px;}
}

/*.list1{margin-left: -15px;}
.list1:after{display: block; content: ""; clear: both;}
.list1 li{float: left; width: 20%;}
.list1 li a{display: block; margin-left: 15px; background: #fff;}
.list1 li span{display: block; width: 65%; margin: auto;}
.list1 li span i{display: block; position: relative; padding-bottom: 100%;}
.list1 li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border-radius: 50%; background: #ccc;}
.list1 li h2{margin: 10px 0 0 0; border-top: 2px solid #e5e3e2; border-bottom: 1px solid #e5e3e2; line-height: 42px; font-weight: normal; font-size: 14px; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list1 li a:hover{box-shadow: 0px 2px 17.64px 0.36px rgba(0, 0, 0, 0.08);}
.list1 li a:hover h2{border-top-color: #008ad2;}
.list1 li h2{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
.list1 li:first-child+li+li+li+li+li{display: none;}
@media screen and (min-width: 992px) and (max-width: 1199px){
	
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.list1 li{width: 33.33%;}
	.list1 li a{margin-bottom: 15px;}
	.list1 li h2{line-height: 35px; font-size: 12px;}
	.list1 li:first-child+li+li+li+li+li{display: block;}
}
@media screen and (max-width: 767px){
	.list1 li{width: 50%;}
	.list1 li a{margin-bottom: 15px;}
	.list1 li h2{line-height: 35px; font-size: 12px; text-align: center;}
	.list1 li:first-child+li+li+li+li+li{display: block;}
}*/
.list1{margin-left: -15px;}
.list1:after{display: block; content: ""; clear: both;}
.list1 li{float: left; width: 16.66%;}
.list1 li a{display: block; margin-left: 15px; padding-top: 20px; background: #fff; border: 1px solid #e7e7e7; text-align: center;}
.list1 li span{display: block; width: 80%; margin: auto;}
.list1 li span i{display: block; position: relative; padding-bottom: 100%;}
.list1 li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border-radius: 50%; background: #ccc;}
.list1 li h2{margin: 15px 0 0 0; line-height: 42px; font-weight: normal; font-size: 14px; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #555;}
.list1 li em{margin-bottom: 25px; display: inline-block; font-size: 20px; color: #b8b8b8;}
.list1 li a:hover{box-shadow: 0px 2px 17.64px 0.36px rgba(0, 0, 0, 0.08); background: #008ad2;}
.list1 li a:hover h2,
.list1 li a:hover em{color: #fff;}
.list1 li h2,
.list1 li em{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.list1 li h2{margin-top: 10px;}
	.list1 li em{margin-bottom: 20px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.list1 li{width: 33.33%;}
	.list1 li a{margin-bottom: 15px;}
	.list1 li h2{line-height: 35px; font-size: 12px;}
}
@media screen and (max-width: 767px){
	.list1 li{width: 50%;}
	.list1 li a{padding-top: 10px; margin-bottom: 15px;}
	.list1 li h2{margin-top: 0px; font-size: 12px; text-align: center;}
	.list1 li em{margin-bottom: 10px;}
}


/*公司简介*/
.about_bg{background: url(../images/about_bg.jpg) no-repeat center top; background-size: cover; overflow: hidden;}
.about_con{padding: 0 110px; font-size: 16px; color: #fff; line-height: 40px; text-align: center;}

.about_icon{text-align: center; padding-top: 75px; padding-bottom: 90px;}
.about_icon li{display: inline-block; color: #fff; padding: 0 115px; border-left: 1px solid rgba(255,255,255,0.05);}
.about_icon li i{font-size: 60px; font-weight: normal; line-height: 1;}
.about_icon li h2{padding-top: 25px; font-size: 20px; font-weight: normal; line-height: 1;}
.about_icon li:first-child{border-left: 0px;}

.about_list{background: #fff; border-radius: 5px 5px 0 0; padding: 20px 20px 20px 0; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05); overflow: hidden;}
.about_list li{float: left; width: 25%;}
.about_list li a{display: block; position: relative; margin-left: 20px;}
.about_list li a .about_list_con{position: absolute; left: 0px; top: 0px; right: 0px; z-index: 1; color: #fff; text-align: center;}
.about_list li a .about_list_con i{padding-top: 15%; display: block; font-size: 45px; line-height: 45px;}
.about_list li a .about_list_con h2{padding-top: 20px; padding-bottom: 5px; font-size: 16px; font-weight: normal; line-height: 1;}
.about_list li a .about_list_con h3{font-size: 12px; font-weight: normal; line-height: 1;}

.about_list li a span{position: relative; display: block; padding-bottom: 61.14%;}
.about_list li a span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.about_con{padding: 0 80px; line-height: 35px;}
	
	.about_icon{padding-top: 65px; padding-bottom: 75px; overflow: hidden;}
	.about_icon li{padding: 0 80px;}
	.about_icon li i{font-size: 55px;}
	.about_icon li h2{font-size: 18px;}
	
	.about_list{padding: 15px 15px 0 0;}
	.about_list li{}
	.about_list li a{margin-left: 15px; margin-bottom: 15px;}
	.about_list li a .about_list_con i{padding-top: 10%; font-size: 40px;}
	.about_list li a .about_list_con h2{padding-top: 10px; font-size: 16px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.about_con{padding: 0 50px; font-size: 14px; line-height: 28px;}
	
	.about_icon{padding-top: 40px; padding-bottom: 60px; overflow: hidden;}
	.about_icon li{float: left; width: 33.33%; padding: 0px;}
	.about_icon li i{font-size: 50px;}
	.about_icon li h2{padding-top: 20px; font-size: 16px;}
	
	.about_list{padding: 10px 10px 0 0;}
	.about_list li{}
	.about_list li a{margin-left: 10px; margin-bottom: 10px;}
	.about_list li a .about_list_con i{padding-top: 10%; font-size: 30px;}
	.about_list li a .about_list_con h2{padding-top: 5px; font-size: 14px;}
}
@media screen and (max-width: 767px){
	.about_con{padding: 0; font-size: 13px; line-height: 28px;}
	
	.about_icon{padding-top: 40px; padding-bottom: 55px; overflow: hidden;}
	.about_icon li{float: left; width: 33.33%; padding: 0px;}
	.about_icon li i{font-size: 40px;}
	.about_icon li h2{padding-top: 15px; font-size: 14px;}
	
	.about_list{padding: 10px 10px 0 0;}
	.about_list li{width: 50%;}
	.about_list li a{margin-left: 10px; margin-bottom: 10px;}
	.about_list li a .about_list_con i{padding-top: 10%; font-size: 30px;}
	.about_list li a .about_list_con h2{padding-top: 5px; font-size: 14px;}
}


/*新闻中心*/
.part3{padding-top: 60px; padding-bottom: 20px; overflow: hidden;}
.part3 h2{float: left; border-left: 3px solid #008ad2; padding-left: 10px; padding-right: 10px; font-size: 20px; line-height: 1; font-weight: bold; color: #008ad2;}
.part3 h3{float: left; padding-top: 3px; font-size: 16px; font-weight: normal; color: #333; text-transform: uppercase; font-family: Arial;}
.part3 span{float: right; font-size: 14px;}
.part3 span a{margin: 0 8px;}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.part3{padding-top: 50px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.part3{padding-top: 40px; padding-bottom: 15px;}
}
@media screen and (max-width: 767px){
	.part3{padding-top: 30px; padding-bottom: 15px;}
	.part3 h2{font-size: 16px;}
	.part3 h3{font-size: 12px; padding-top: 2px;}
	.part3 span{font-size: 12px;}
}


.news_bg{background: #f2f2f2; overflow: hidden; padding-top: 50px;}
.list2{float: right; width: 49%;}
.list2 li{}
.list2 li a{display: block; position: relative; margin-bottom: 15px;}
.list2 li a span{position: relative; display: block; padding-bottom: 31.5%; overflow: hidden;}
.list2 li a span img{position: absolute; left: 0px; top: 0px; width: 100%; min-height: 100%; background: #ccc;}
.list2 li a h2{position: absolute; left: 0px; bottom: 0px; right: 0px; line-height: 45px; background: rgba(0,0,0,0.5); padding: 0 18px; font-size: 14px; font-weight: normal; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list2 li a:hover span img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.list2 li a span img{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
@media screen and (min-width: 1200px) and (max-width: 1499px){
	.list2 li a span{padding-bottom: 34%;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.list2 li a span{padding-bottom: 36%;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	
}
@media screen and (max-width: 767px){
	.news_bg{padding-top: 20px;}
	.list2{float: none; width: auto;}
}

.list3{float: left; width: 49%;}
.list3 li{}
.list3 li a{display: block; border-bottom: 1px solid #f2f2f2; padding: 38px 20px 38px 0; background: #fff;}
.list3 li span{float: left; margin-right: 30px; border-right: 1px solid #f2f2f2; width: 130px; text-align: center; font-size: 14px; color: #888; line-height: 1;}
.list3 li span i{display: block; padding-bottom: 5px; font-size: 32px; line-height: 1; font-family: Arial; font-style: normal; color: #333;}
.list3 li h2{padding-bottom: 15px; font-size: 16px; color: #333; font-weight: normal; line-height: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list3 li p{font-size: 12px; color: #888; line-height: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list3 li a:hover{background: #008ad2;}
.list3 li a:hover span,
.list3 li a:hover span i,
.list3 li a:hover h2,
.list3 li a:hover p{color: #fff;}
.list3 li a:hover span{border-color: #309fd8;}

.list3 li span,
.list3 li span i,
.list3 li h2,
.list3 li p{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
@media screen and (min-width: 1200px) and (max-width: 1499px){
	.list3 li a{padding: 30px 15px 30px 0;}
	.list3 li span{width: 115px; margin-right: 25px;}
	.list3 li span i{font-size: 28px;}
	
	.list3 li h2{}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.list3 li a{padding: 28px 10px 28px 0;}
	.list3 li span{width: 100px; margin-right: 25px;}
	.list3 li span i{font-size: 26px;}
	
	.list3 li h2{padding-bottom: 10px; font-size: 14px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.list3 li a{padding: 20px 10px 20px 0;}
	.list3 li span{width: 80px; margin-right: 15px; font-size: 12px;}
	.list3 li span i{font-size: 20px;}
	
	.list3 li h2{padding-bottom: 10px; font-size: 14px;}
}
@media screen and (max-width: 767px){
	.list3{float: none; width: auto; margin-bottom: 10px;}
	.list3 li a{padding: 20px 10px 20px 0;}
	.list3 li span{width: 80px; margin-right: 15px; font-size: 12px;}
	.list3 li span i{font-size: 20px;}
	
	.list3 li h2{padding-bottom: 10px; font-size: 14px;}
}

/************************************************************首页样式结束************************************************************/





















/************************************************************内页样式开始************************************************************/
.n_bg{background: #f9f9f9;}

.n_banner{height: 392px; background-size: cover!important; background: url("../images/n_banner.jpg") no-repeat center top; overflow: hidden;}
.n_banner h2{position: relative; border-left: 1px solid #fff; padding-left: 22px; margin-top: 175px; font-size: 32px; color: #fff; line-height: 1;}
.n_banner h2:after{position: absolute; left: 3px; top: 0px; width: 6px; height: 100%; display: block; content: ""; background: #fff;}
@media screen and (min-width: 1200px) and (max-width: 1499px){
	.n_banner{height: 350px; background-size:cover;}
	.n_banner h2{margin-top: 145px; font-size: 30px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.n_banner{height: 310px; background-size:cover;}
	.n_banner h2{margin-top: 120px; font-size: 28px;}
}
@media screen and (min-width: 769px) and (max-width: 991px){
	.n_banner{height: 270px; background-size:cover;}
	.n_banner h2{margin-top: 100px; margin-left: 15px; font-size: 26px;}
}
@media screen and (min-width: 480px) and (max-width: 768px){
	.n_banner{height: 180px; background-size:cover;}
	.n_banner h2{margin-top: 80px; font-size: 24px; margin-left: 15px;}
}
@media screen and (max-width: 479px){
	.n_banner{height: 130px; background-size:cover;}
	.n_banner h2{margin-top: 55px; margin-left: 15px; font-size: 20px;}
}



.breadCrumb{margin-top: -60px; background: #fff; line-height: 60px; padding-left: 20px; box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.15); color: #888;}
.breadCrumb a,
.breadCrumb a:visited{display: inline-block; margin: 0 5px; color: #888;}
.breadCrumb a:hover{color: #e61d28;}

.class_list{padding: 20px 0; border-bottom: 1px solid #eaeaec; overflow: hidden;}
.class_list li{float: left; margin-right: 10px;}
.class_list li a{position: relative; display: block; padding: 0 20px; background: #eaeaec; line-height: 40px; font-size: 14px; color: #555;}
.class_list li a:hover,
.class_list li a.on{background: #008ad2; color: #fff; font-weight: bold;}


@media screen and (min-width: 992px) and (max-width: 1199px){

}
@media screen and (min-width: 769px) and (max-width: 991px){
	
}
@media screen and (max-width: 768px){
	.breadCrumb{margin: 0 -15px; line-height: 40px;}
	
	.class_list{display: none;}
}




/*通用详细页 开始*/
.content{padding: 15px 0; line-height: 210%;  font-size: 14px;}
.content img{max-width: 100%!important; height: auto!important;}

.title{font-size: 26px; color: #333; font-weight: normal; padding: 40px 0 20px 0; line-height: 1;}
.time{color: #b0b0b0; padding: 0 0 14px 0; border-bottom: 1px solid #e7e7e7; overflow: hidden;}
.time li{display: inline-block; position: relative;}
.time li i{margin: 0 5px 0 0;}
.time li:before{position: relative; display:inline-block; content: ""; margin: 0 10px; width: 1px; height: 7px; background: #bababa;}
.time li:first-child:before{display: none;}

.fy{margin-bottom: 10px; padding: 15px 0; border-top: 1px solid #e7e7e7;}
.fy li{height: 28px; line-height: 28px; color: #008ad2; font-size: 14px; white-space: nowrap; text-overflow: ellipsis;}

.n_part2{background: #f6f6f6; line-height: 45px; overflow: hidden; border-left: 4px solid #008ad2; padding-left: 20px; font-size: 16px; font-weight: bold;}

.n_part3{border-top: 5px solid #014488; padding-top: 15px;  padding-left: 10px; font-size: 14px; color: #014488;}

.n_list1{overflow: hidden; padding: 10px 0 20px 0;}
.n_list1 li{float: left; width: 50%; height: 32px; line-height: 32px; padding: 0 10px 0 0; overflow: hidden; font-size: 14px; white-space: nowrap; text-overflow: ellipsis;}
.n_list1 li:before{display: inline-block; content: ""; float: left; margin: 15px 8px 0 3px; width: 3px; height: 3px; background: #989898;}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.title{padding: 30px 0 15px 0; font-size: 24px;}
}
@media screen and (min-width: 769px) and (max-width: 991px){
	.title{padding: 30px 0 15px 0; font-size: 24px;}
	
	.n_part3{border-top-width: 3px; padding-top: 10px;}
}
@media screen and (max-width: 768px){
	.title{padding: 20px 0 10px 0; font-size: 20px; line-height: inherit;}
	.time{text-align: left;}
	.time li{float: left;}
	.time li:last-child{display: none;}
	.content{padding: 15px 0; font-size: 14px; line-height: 200%;}
	
	.fy{padding: 5px 5px;}
	.fy li{height: 25px; line-height: 25px;}

	.n_part2{line-height: 35px; padding-left: 10px; font-size: 14px;}
	.n_part2 h2{padding: 0 15px;}
	
	.n_part3{border-top-width: 2px; padding-top: 10px;}
	
	.n_list1 li{float: none; width: 100%; line-height: 30px; height: 30px;}
	.n_list1 li:before{margin-top: 10px;}
}
/*通用详细页 结束*/



/*客户案例*/
.img_list{margin-top: 15px; overflow: hidden;}
.img_list li{padding: 10px 0;}
.img_list li a{display: block; overflow: hidden; background: #fcfcfc;}
.img_list li span{float: left; width: 350px; background: #fff;}
.img_list li span i{display: block; position: relative; padding-bottom: 74%; overflow: hidden; border: 1px solid #e7e7e7;}
.img_list li span img{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; margin: auto; max-width: 90%; max-height: 90%; }
.img_list li .con{margin-left: 380px; padding-right: 20px;}
.img_list li .con h2{padding-top: 30px; padding-bottom: 15px; font-size: 20px; font-weight: normal;}
.img_list li .con p{line-height: 28px; color: #888; font-size: 14px;}
.img_list li a:hover span img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.img_list li span,
.img_list li span img,
.img_list li h2{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
@media screen and (min-width: 1200px) and (max-width: 1499px){
	.img_list li span{width: 320px;}
	.img_list li .con{margin-left: 345px;}
	.img_list li .con h2{padding-top: 25px; padding-bottom: 10px; font-size: 18px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.img_list li span{width: 290px;}
	.img_list li .con{margin-left: 315px;}
	.img_list li .con h2{padding-top: 25px; padding-bottom: 10px; font-size: 18px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.img_list li span{width: 250px;}
	.img_list li .con{margin-left: 275px;}
	.img_list li .con h2{padding-top: 20px; padding-bottom: 10px; font-size: 16px;}
	.img_list li .con p{font-size: 13px; line-height: 200%;}
}
@media screen and (max-width: 767px){
	.img_list li span{float: none; width: auto; display: block;}
	.img_list li .con{margin-left: 0px;}
	.img_list li .con h2{padding-top: 15px; padding-bottom: 5px; font-size: 16px;}
	.img_list li .con p{font-size: 12px; line-height: 180%;}
}



/*新闻类 开始*/
.news_list{margin-top: -10px;}
.news_list li{overflow: hidden; position: relative; padding-right: 15px; margin-top: 35px;}
.news_list li span{float: left; width: 240px;}
.news_list li span i{display: block; position: relative; width: 100%; padding: 0 0 70% 0; overflow: hidden;}
.news_list li span i img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #e7e7e7;}
.news_list li .con{margin-left: 270px;}
.news_list li h2{position: relative; font-size: 16px; line-height: 1; color: #333; font-weight: normal; padding-top: 20px; padding-bottom: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_list li h3{padding-bottom: 15px; border-bottom: 1px dashed #eee; font-size: 12px; font-weight: normal; color: #888;}
.news_list li p{margin-top: 10px; line-height: 26px; color: #888; font-size: 12px;}

.news_list li:hover{background: #fafafa!important;}
.news_list li:hover span img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.news_list li:hover h2{color: #ff7200;}
.news_list li,
.news_list li h2,
.news_list li span i img{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
@media screen and (min-width: 1200px) and (max-width: 1499px){
	.news_list li{margin-top: 30px;}
	.news_list li .con{margin-left: 260px;}
	.news_list li h2{padding-top: 15px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.news_list{margin-top: 0;}
	.news_list li{margin-top: 25px;}
	.news_list li span{width: 200px; margin-right: 20px;}
	.news_list li .con{margin-left: 220px;}
	.news_list li h2{padding-top: 10px;}
	.news_list li h3{padding-bottom: 10px;}
	.news_list li p{height: 52px; overflow: hidden;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.news_list{margin-top: 0;}
	.news_list li{margin-top: 20px; padding-right: 15px;}
	.news_list li span{width: 190px; margin-right: 20px;}
	.news_list li .con{margin-left: 210px;}
	.news_list li h2{padding: 10px 0 10px 0;}
	.news_list li p{margin-bottom: 10px; height:44px; font-size: 12px; line-height: 22px; overflow: hidden;}
}

@media screen and (max-width: 767px){
	.news_list{margin-top: 0;}
	.news_list li{margin-top: 15px;}
	.news_list li span{width: 120px; margin-right: 10px;}
	.news_list li .con{margin-left: 135px;}
	.news_list li h2{padding-top: 5px; font-size: 14px; padding-bottom: 10px;}
	.news_list li h3{padding-bottom: 7px;}
	.news_list li p{margin-top: 5px; line-height: 22px; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
}
/*新闻类 结束*/







/*在线留言 开始*/
.message{width: 620px; margin: 70px auto;}
.message h2{padding-bottom: 40px; font-size: 14px; font-weight: normal; line-height: 30px; color: #555;}
.message ul{margin-left: -30px;}
.message ul:after{display: block; content: ""; clear: both;}
.message ul li{float: left; width: 50%; padding-left: 30px; padding-bottom: 28px;}
.message ul li span{display: block; padding-bottom: 10px; font-size: 14px; color: #666;}
.message ul li label{display: block; position: relative; border: 1px solid #d3d3d3; height: 40px; padding-right: 40px;}
.message ul li label i{position: absolute; right: 0px; top: 0px; top: 5px; border-left: 1px solid #d3d3d3; width: 36px; text-align: center; line-height: 29px; font-size: 16px; color: #ccc;}
.message ul li label em{position: absolute; color: #d00; font-style: normal; top: 10px; right: -15px;}
.message ul li label .ly_text{width: 100%; height: 100%; border: none; padding-left: 10px; color: #888; font-size: 12px; font-family: Arial;}
.message ul li label .ly_text2{padding: 10px; line-height: 200%; height: 150px;}
.message ul li .ly_submit{margin: auto; display: block; width: 80px; height: 40px; line-height: 40px; background: #535353; border: none; color: #fff; font-size: 16px; font-weight: bold;}
.message ul li.n_f{float: none; width: auto;}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.message{margin: 55px auto;}
	.message ul li{padding-bottom: 25px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.message{margin: 40px auto;}
	.message ul li{padding-bottom: 20px;}
}

@media screen and (max-width:767px){
	.message{width: auto; margin: 20px 0;}	
	.message h2{padding-bottom: 20px; line-height: 25px;}
	
	.message ul li{float: none; width: auto; padding-bottom: 15px; padding-right: 10px;}
	.message ul li span{padding-bottom: 5px;}
	.message ul li .ly_submit{line-height: 35px; height: 35px; font-size: 14px;}
	
}
/*在线留言 结束*/




.zp_list{}
.zp_list li{margin-top: 20px; border: 1px solid #e7e7e7;}
.zp_list li h2{background: #fafafa; line-height: 45px; padding: 0 15px; font-size: 1em; font-weight: normal; overflow: hidden;}
.zp_list li h2 span{float: left; color: #333;}
.zp_list li h2 span font{color: #888;}
.zp_list li h2 span:first-child{width: 25%;}
.zp_list li h2 span:first-child+span+span{float: right;}
.zp_list li p{padding: 10px 15px; line-height: 28px; color: #333;}
.zp_list li p font{color: #888;}
.zp_list li a{margin-left: 12px; margin-bottom: 12px; display: block; background: #ff7200; width: 75px; line-height: 30px; text-align: center; color: #fff; border-radius: 3px;}
.zp_list li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.zp_list li{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	
}
@media screen and (min-width: 768px) and (max-width: 991px){
	
}
@media screen and (max-width: 767px){
	.zp_list li{margin-top: 15px;}
	.zp_list li h2{padding: 10px 15px; line-height: 22px;}
	.zp_list li h2 span{width: auto!important;}
	.zp_list li h2 span:first-child+span{float: right;}
	.zp_list li h2 span:first-child+span+span{float: none; display: block; clear: both;}
	
	.zp_list li p{line-height: 22px;}
}
.zpgw_js{border-top: 1px solid #e7e7e7; padding: 10px 0;}
.zpgw_js li{line-height: 28px; font-size: 14px;}
.zpgw_js li font{color: #888;}
.n_part4{border-top: 1px solid #e7e7e7; padding-top: 15px; font-size: 14px; font-weight: bold;}

.btn_yp{border-top: 1px solid #e7e7e7; padding: 20px 0 40px 0;}
.btn_yp a{display:inline-block; padding: 7px 20px; background: #014488; color: #fff;font-size: 1.16em; border-radius: 5px;}


.yp{overflow: hidden; margin-top: 30px; margin-bottom: 30px; margin-right: -50px;}
.yp li{float: left; width: 50%; position: relative; margin-bottom: 15px; padding-left: 80px; padding-right: 50px;}
.yp li.n_f{float: none; clear: both; width: auto;}
.yp li h2{position: absolute; left: 10px; top: 0px; line-height: 35px; font-size: 1.16em; font-weight: normal; color: #666;}
.yp li .btn_text{padding: 0 10px; width: 100%; height: 35px; line-height: 35px; border: 1px solid #e7e7e7; font-family:"微软雅黑"; color: #888; font-size: 1em; border-radius: 5px; box-sizing: border-box;}
.yp li .btn_text2{padding: 10px; line-height: 25px; height: 80px;}
.yp li .btn_submit{background: #014488; width: 130px; height: 40px; line-height: 40px; color: #fff; text-align: center; font-size: 1.16em; border: none; border-radius: 5px;}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.yp{margin-top: 25px; margin-bottom: 25px; }
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.yp{margin-top: 20px; margin-bottom: 20px; }
}
@media screen and (max-width: 767px){
	.yp{margin-top: 15px; margin-bottom: 15px; margin-right: 0px;}
	.yp li{float: none; width: auto; padding-right: 0; margin-bottom: 10px;}
	.yp li .btn_submit{width: 110px; line-height: 37px; height: 35px;}
}


/**/
.map{padding: 20px 0;}
.map > li{border-bottom: 1px solid #e7e7e7; padding: 15px 0;}
.map > li h2{padding-bottom: 5px; font-size: 16px;}
.map > li > ol{overflow: hidden;}
.map > li > ol > li{float: left; margin-right: 10px; line-height: 30px;}
.map > li > ol > li a{color: #888;}
@media screen and (max-width: 767px){
	.map > li{padding: 10px 0;}
	.map > li h2{font-size: 14px;}
	.map > li > ol > li{line-height: 25px;}
}









/************************************************************内页样式结束************************************************************/











/*page*/
.page{text-align:center; margin:20px 0 40px 0;}
.page li{display: inline-block; *display: inline; margin: 0 3px;}
.page li a{height: 29px; line-height: 29px; display: block;padding: 0 12px; border: 1px solid #dddddd; background: #fff;}
.page li a:hover,
.page li a.on{background: #ff7200; border: 1px solid #ff7200; color: #fff;}

@media screen and (min-width: 769px) and (max-width: 991px){
	.page{margin: 20px 0 30px 0; padding-top: 15px;}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	.page{margin: 15px 0 20px 0;}
	.page li{margin: 0px;}
	.page li a{padding: 0 10px; height: 25px; line-height: 25px;}
}
@media screen and (max-width:480px){
	.page{margin: 10px 0 20px 0; padding-top: 15px;}
	.page li{margin: 0px;}
	.page li a{padding: 0 10px; height: 25px; line-height: 25px;}
}