* {
  -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{height: 100%;}
body {margin:0px auto; background: #fff; color:#111; font-family:"Arial"; width: 100%; font-size: 14px; overflow-x: hidden; height: 100%;}
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:#0079cc; 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');
}

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

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

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


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


@media screen and (min-width: 1200px) and (max-width: 1366px){
    .main{padding: 0 5%!important;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.main{padding: 0 4%!important;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.main{padding: 0 30px!important;}
}
@media screen and (max-width: 767px){
	.main{padding: 0 15px!important;}
}


/*top*/
header{position: absolute; left: 0px; top: 0px; right: 0px; height: 120px; z-index: 10; border-bottom: 1px solid rgba(255,255,255,0.2);}
header .main{padding: 0 100px;}

header .logo{float: left; width: 26.16%; height: 120px; line-height: 116px;}
header .logo img{width: 100%; display: inline; vertical-align: middle;}

header .lg{float: right; margin-top: 50px; color: #fff; line-height: 24px; font-size: 18px; position: relative;}
header .lg i{float: left; margin-right: 8px; font-size: 24px; line-height: 1;}
header .lg em{display: inline-block;font-size: 14px;}
header .lg .xl{position: absolute; left: -10px; right: -10px; top: 100%; padding-top: 10px;}
header .lg .xl span{display: block; background: #fff; border-radius: 4px; height: 0; opacity: 0; overflow: hidden; padding: 0px;}
header .lg .xl span:after{position: absolute; left: 40%; top: -6px; display: block; content: ""; border: 8px solid transparent; border-bottom-color: #fff}
header .lg .xl span a{display: block; text-align: center; line-height: 36px; font-size: 16px;}
header .lg em,
header .lg .xl span{
    transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
header .lg:hover  .xl span{opacity: 1; height: 92px; padding: 10px;
    transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;}
header .lg:hover em{transform:rotate(180deg);}

header .mmenu{position: absolute; right: 0px; top: 0px; bottom: 0px; width: 50px; text-align: center; display: none;}
header .mmenu i{color: #fff; font-size: 24px; position: relative; top: 35%;}
@media screen and (min-width: 1200px) and (max-width: 1366px){
    header{height: 110px;}
	header .logo{height: 110px; line-height: 105px;}
    
    header .lg{margin-right: -30px; font-size: 16px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
    header{height: 110px;}
	header .logo{height: 110px; line-height: 105px;}
    
    header .lg{margin-right: -30px; font-size: 14px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
    header{height: 90px;}
	header .logo{width: auto; height: 90px; line-height: 85px;}
	header .logo img{max-height: 50%;}

    header .lg{display: none;}
	
	header .mmenu{display: block;}
}
@media screen and (max-width: 767px){
	header{height: 60px;}
	header .logo{width: auto; height: 60px; line-height: 56px;}
	header .logo img{width: auto; max-height: 40%;}
    
    header .lg{display: none;}
	
	
	header .mmenu{display: block;}
}

.lg{position: absolute; left: 20px; right: 20px; bottom: 5px;}
.lg dd{margin-bottom: 10px;}
.lg dd a{display: block; border: 1px solid #e7e7e7; background: #fff; border-radius: 4px; padding: 10px 10px;}
/*.lg dd:last-child a{border: 1px solid #c30713; color: #c30713;}*/
.lg dd:last-child i{font-size: 20px;}


.nav {float: right; margin-top: 50px; width: 60%;}
.nav .main{padding: 0 50px;}
.nav ul{position: relative; z-index: 10; display: flex;}
.nav ul li{position:relative; flex: 1; z-index:50; text-align: center;}
.nav ul li a{position: relative; display:block; overflow: hidden;}
.nav ul li a span{position: relative; display: inline-block; padding-bottom: 25px; font-size:18px; color: #fff;}
.nav ul li a span:after{position: absolute; left: 50%; right: 50%; bottom: 10px; height: 2px; background: #fff; display: block; content: "";}
.nav ul li a:hover,
.nav ul li a.on,
.nav ul li a.selected{color: #fff;}
.nav ul li a:hover span:after,
.nav ul li a.on span:after,
.nav ul li a.selected span:after{left: 0px; right: 0px;}
* HTML .nav ul li a{display: inline-block}

.nav ul li ul{position: absolute; margin-left: -30px; width:150%; visibility:hidden; z-index:999999; border-radius: 4px; overflow: hidden; display: block;}
.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:1.3; padding: 12px 0; font-weight:normal; font-size: 14px; 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:#0079cc; 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 span: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: 1366px){
    .nav ul li a span{font-size: 16px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .nav ul li a span{font-size: 14px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .nav{display: none;}
}
@media screen and (max-width: 767px){
	.nav{display: none;}
}

/**/
footer{background: #1e2329; padding-top: 70px; color: rgba(255,255,255,0.6);}
footer .part3{margin-bottom: 25px; font-size: 18px; font-weight: normal; line-height: 1; color: rgba(255,255,255,1);}
footer .part3 a{color: #fff;}
footer .part3:before{float: left; margin-top: 8px; margin-right: 12px; display: inline-block; content: ""; width: 25px; height: 2px; background: #0079cc;}
footer .part4{padding-top: 25px; padding-bottom: 25px; font-size: 12px;}
footer .part4:after{margin-left: 20px; display: inline-block; content: ""; width: 40%; height: 1px; background: #35393f;}

footer .f_lxfs_box{float: left; width: 32%; border-right: 1px solid #35393f;}
footer .f_lxfs_box tel{font-size: 34px; line-height: 1; color: #0079cc; font-family: "impact";}
footer .f_lxfs_box .f_lxfs{font-size: 14px; line-height: 28px;}

footer .f_menu{float: right; width: 65%; display: flex;}
footer .f_menu li{flex: 1;}
footer .f_menu p{padding-left: 37px; line-height: 1.3;}
footer .f_menu p a{display: inline-block; margin-bottom: 15px; color: rgba(255,255,255,0.6);}
footer .f_menu p a:hover{color: #fff;}

footer .copy{margin-top: 50px; padding: 28px 0; border-top: 1px solid #35393f; color: #fff;}
@media screen and (min-width: 992px) and (max-width: 1199px){
    footer .f_lxfs_box tel{font-size: 28px;}
    footer .f_lxfs_box .f_lxfs{line-height: 24px;}
    
    footer .part3{font-size: 16px;}
	footer .part3:before{display: none;}
    
    footer .part4{padding-top: 15px; padding-bottom: 15px;}
    
    footer .f_menu p{padding-left: 0px; font-size: 12px;}
    
    footer .copy{margin-top: 40px; padding: 25px 0;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
    footer{padding-top: 40px;}
	footer .f_lxfs_box tel{font-size: 28px;}
    footer .f_lxfs_box .f_lxfs{line-height: 24px;}
    
    footer .part3{font-size: 16px;}
	footer .part3:before{display: none;}
    
    footer .part4{padding-top: 15px; padding-bottom: 15px;}
    
    footer .f_menu p{padding-left: 0px; font-size: 12px;}
    
    footer .copy{margin-top: 40px; padding: 25px 0; font-size: 12px;}
}
@media screen and (max-width: 767px){
    footer{padding-top: 30px; text-align: center;}
    footer .part3{margin-bottom: 10px;}
    footer .part3:before{display: none;}
    footer .part4{display: none;}
    
    footer .f_menu{display: none;}
    
    footer .f_lxfs_box{float: none; width: auto; border-right: none;}
    footer .f_lxfs_box tel{font-size: 28px;}
    footer .f_lxfs_box .f_lxfs{padding-top: 20px; line-height: 24px;}
    
    footer .copy{margin-top: 20px; padding: 15px 0; line-height: 22px; font-size: 12px;}
}




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

/************************************************************首页样式开始************************************************************/
/*幻灯片*/
.banner{position: relative; height: 100%; overflow: hidden;}
.banner a{display: block; height: 100%;}
.banner div{position: relative; z-index: 2; background-repeat: no-repeat!important; background-position: center; height: 100%;}
.banner div img{position: absolute; left: 50%; top: 50%; bottom: 0px; width: 100%; min-height: 100%; transform: translate(-50%, -50%);}
.banner .slick-dots{width: 600px; top: -130px; right: -230px; bottom: -130px; border-radius: 50%; opacity: 0.9;
    background-image: -moz-linear-gradient( 90deg, rgb(0,66,140) 0%, rgb(0,121,204) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(0,66,140) 0%, rgb(0,121,204) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(0,66,140) 0%, rgb(0,121,204) 100%);
}
.banner .slick-dots li{top: 49.2%;}
.banner .slick-next{right: -125px; margin-top: -125px; width: 250px!important; height: 250px!important; border: 45px solid #00b7ee!important; line-height: 160px; text-align: left!important; padding-left: 30px; border-radius: 50%;}
.banner em{position: absolute; left: calc(50% - 18px); bottom: 40px; width: 40px; text-align: center; font-size: 36px; color: #fff; z-index: 20; font-weight: 100;}

@media screen and (min-width: 992px) and (max-width: 1199px){
    
    .banner .slick-dots{right: -350px; padding-left: 70px;}
    .banner .slick-prev{right: 190px;}
    .banner .slick-next{margin-top: -100px; width: 200px!important; height: 200px!important; border-width: 30px!important; line-height: 140px; padding-left: 10px; }
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.banner,
    .banner a,
    .banner div{height: auto;}
    .banner div img{position: static; max-width: 100%; height: 100%; transform: translateX(0);}
	.banner .slick-dots {width: auto; top: auto; left: 0px; right: 0px; bottom:10px!important; background: none; text-align: center; padding: 0px;}
    .banner .slick-dots li{margin: 0 5px;}
	.banner .slick-dots li button {height:4px!important; width:30px!important; border-radius: 5px;}
    
    .banner .slick-prev,
    .banner .slick-next{top: 50%; margin-top: -20px!important; width: 50px!important; height: 50px!important; line-height: 50px!important; border: none!important; padding: 0px!important; text-align: center!important; display: none!important;}
    .banner .slick-prev{left: 10px;}
    .banner .slick-next{right: 10px;}
    
    .banner em{display: none;}
}
@media screen and (max-width: 767px){
    .banner,
    .banner a,
    .banner div{height: auto;}
    .banner div img{position: static; left: auto; transform: translateX(0); width: 100%!important; height: auto;}
	.banner .slick-dots {width: auto; top: auto; left: 0px; right: 0px; bottom:10px!important; background: none; text-align: center; padding: 0px;}
    .banner .slick-dots li{margin: 0 5px;}
	.banner .slick-dots li button {height:4px!important; width:30px!important; border-radius: 5px;}
    
    .banner .slick-prev,
    .banner .slick-next{top: 50%; margin-top: -20px!important; width: 50px!important; height: 50px!important; line-height: 50px!important; border: none!important; padding: 0px!important; text-align: center!important; display: none!important;}
    .banner .slick-prev{left: 10px;}
    .banner .slick-next{right: 10px;}
    
    .banner em{display: none;}
}

/**/
.part1{position: relative; margin-top: 80px; margin-bottom: 50px;}
.part1 span{display: block; margin-bottom: 20px; color: #999; line-height: 1; font-size: 20px; font-weight: 100;}
.part1 span:after{float: left; display: block; content: ""; width: 20px; height: 20px; background: #0079cc; margin-right: 10px;}
.part1 h2{font-size: 34px; line-height: 1; font-weight: bold; color: #111;}
.part1 h2 i{font-weight: 100; font-style: normal; letter-spacing: 10px;}

.part1 .more{position: absolute; right: 0px; bottom: 0px;}
.part1 .more a{position: relative; display: block; width: 195px; height: 60px; line-height: 56px; background: #fff; border: 2px solid #0079cc; font-size: 18px; color: #0079cc; text-align: center;}
.part1 .more i{position: absolute; left: 0px; top: -2px; width: 28px; height: 60px; margin-left: -2px; border-radius: 0 30px 30px 0; background: #0079cc; color: #fff; font-style: normal; font-size: 26px;}
.part1 .more a:hover{background: #0079cc; color: #fff;}
.part1 .more a:hover i{background: #f00; color: #fff;}

.part1 .fenlei{position: absolute; right: 20%; bottom: 0px;}
.part1 .fenlei li{float: left; margin-left: 20px;}
.part1 .fenlei li a{position: relative; display: block; padding: 0 25px; height: 50px; line-height: 50px; background: #fff; font-size: 16px; text-align: center; border-radius: 4px;}
.part1 .fenlei li a:hover{background: #0079cc; color: #fff;}


.part2 span{color: #fff;}
.part2 span:after{background: #fff;}
.part2 h2{color: #fff;}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.part1{margin-top: 60px; margin-bottom: 40px;}
    .part1 h2{font-size: 30px;}
    .part1 h2 i{letter-spacing: 8px;}
    
    .part1 .more a{width: 170px; height: 55px; line-height: 50px; font-size: 16px; padding-left: 10px;}
    .part1 .more i{width: 28px; height: 55px; font-size: 24px;}

    .part1 .fenlei{right: 250px;}
    .part1 .fenlei li{margin-left: 15px;}
    .part1 .fenlei li a{padding: 0 20px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .part1{margin-top: 50px; margin-bottom: 30px;}
    .part1 span{margin-bottom: 15px; font-size: 18px; font-weight: 300;}
    .part1 span:after{width: 18px; height: 18px;}
    .part1 h2{font-size: 26px;}
    .part1 h2 i{letter-spacing: 5px; font-weight: 300;}
    
    .part1 .more a{width: 150px; height: 50px; line-height: 46px; font-size: 16px; padding-left: 10px;}
    .part1 .more i{width: 25px; height: 50px; font-size: 20px;}
    
    .part1 .fenlei{right: 170px;}
    .part1 .fenlei li{margin-left: 10px;}
    .part1 .fenlei li a{padding: 0 15px; font-size: 14px; line-height: 40px; height: 40px;}

}
@media screen and (max-width: 767px){
    .part1{margin-top: 40px; margin-bottom: 20px;}
    .part1 span{margin-bottom: 10px; font-size: 16px; font-weight: 300;}
    .part1 span:after{width: 16px; height: 16px;}
    .part1 h2{font-size: 20px;}
    .part1 h2 i{letter-spacing: 3px; font-weight: 300;}
    
    .part1 .more a{width: 110px; height: 40px; line-height: 36px; font-size: 14px; padding-left: 10px;}
    .part1 .more i{width: 20px; height: 40px; font-size: 20px;}

    .part1 .fenlei{display: none;}
}



/*关于我们*/
.about_img{float: right; margin-top: -25px; position: relative; width: 36%;}
.about_img img{position: relative; left: 0px; top: 0px; border-radius: 20px 0 0 20px; height: 521px;}

.about_con{float: left; width: 60%;}
.about_con .about{position: relative; font-size: 16px; line-height: 34px;}
.about_con .about span{position: absolute; left: 0px; bottom: -180px; font-size: 220px; text-transform: uppercase; color: #f7f7f7; line-height: 1; font-family: "PoplarStd"; z-index: -1;}

.about_con .more{margin-top: 45px; display: inline-block; width: 195px; height: 60px; line-height: 60px; background: #0079cc; font-size: 18px; color: #fff; text-align: center;}
.about_con .more i{float: left; width: 30px; height: 60px; border-radius: 0 30px 30px 0; background: #f00; color: #fff; font-style: normal; font-size: 26px;}
.about_con .more a,
.about_con .more a:visited,
.about_con .more a:hover{color: #fff;}

.about_con .gssj{margin-top: 105px; display: flex;}
.about_con .gssj li{flex: 1; padding-right: 10px;}
.about_con .gssj li span{font-size: 52px; line-height: 1; font-family: "BEBAS";}
.about_con .gssj li span i{padding-left: 5px; font-size: 16px; font-style: normal;}
.about_con .gssj li em{display: block; padding-top: 10px; font-style: normal; color: #666;}

.list1{margin-top: 65px; margin-bottom: 100px; display: flex; background: #fff; box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.05); padding: 30px 0;}
.list1 li{flex: 1; border-left: 1px solid #e7e7e7; text-align: center; padding: 0 90px;}
.list1 li:first-child{border-left: none;}
.list1 li i{display: inline-block; width: 88px; height: 88px; border: 2px solid #cbd4da; background: #fcfdfe; border-radius: 10px; font-size: 45px; color: #0079cc; text-align: center; line-height: 86px;}
.list1 li p{margin-top: 10px; font-size: 16px; line-height: 30px;}
.list1 li:last-child{border-bottom: none;}
@media screen and (min-width: 992px) and (max-width: 1199px){
	
    .about_img img{height: 450px;}
    
    .about_con{width: 60%;}
    .about_con .about{line-height: 30px; font-size: 14px;}
    .about_con .about span{bottom: -150px; font-size: 200px;}
    
    .about_con .more{margin-top: 30px;}
    
    .about_con .gssj{margin-top: 70px;}
    .about_con .gssj li span{font-size: 40px;}
    
    .list1{margin-top: 50px; margin-bottom: 80px;}
    .list1 li{padding: 0 30px;}
    .list1 li i{width: 75px; height: 75px; line-height: 70px; font-size: 40px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .about_img{float: none; width: auto; margin-top: 0px;}
    .about_img img{width: 100%; border-radius: 10px; height: auto;}
    
    .about_con{float: none; width: auto; padding-top: 10px;}
    .about_con .about{line-height: 2.2; font-size: 14px;}
    .about_con .about span{bottom: -120px; font-size: 160px;}
    
    .about_con .more{margin-top: 30px; width: 150px; height: 50px; line-height: 50px; font-size: 16px;}
    .about_con .more i{width: 25px; height: 50px; font-size: 22px;}
    
    .about_con .gssj{margin-top: 50px;}
    .about_con .gssj li span{font-size: 40px;}
    
    .list1{margin-top: 30px; margin-bottom: 50px;}
    .list1 li{padding: 0 30px;}
    .list1 li i{width: 65px; height: 65px; line-height: 60px; font-size: 34px;}
    .list1 li p{font-size: 14px; line-height: 28px;}
}
@media screen and (max-width: 767px){
    .about_img{float: none; width: auto; margin-top: 0px;}
    .about_img img{width: 100%; border-radius: 10px; height: auto;}
    
    .about_con{float: none; width: auto; padding-top: 10px;}
    .about_con .about{line-height: 1.8; font-size: 14px;}
    .about_con .about span{bottom: -120px; font-size: 120px;}
    
    .about_con .more{margin-top: 30px; width: 140px; height: 46px; line-height: 46px; font-size: 16px;}
    .about_con .more i{width: 23px; height: 46px; font-size: 20px;}
    
    .about_con .gssj{margin-top: 50px; display: block; overflow: hidden;}
    .about_con .gssj li{float: left; width: 33.33%; padding-bottom: 30px;}
    .about_con .gssj li span{font-size: 30px;}
    .about_con .gssj li em{padding-top: 5px;}
    
    .list1{display: block; margin: 0 -15px; padding: 20px;}
    .list1 li{margin-bottom: 15px; padding: 0 0 10px 0; display: block; overflow: hidden; border-left: none; border-bottom: 1px solid #e7e7e7;}
    .list1 li i{margin-right: 10px; width: 80px; height: 80px; line-height: 76px; font-size: 30px;}
    .list1 li p{font-size: 14px; line-height: 1.6;}
}



/**/
.fzlc_bg{background: url("../images/fzlc_bg.jpg") no-repeat fixed center; overflow: hidden; box-shadow: 0px 0px 40px 0px rgba(0, 121, 204, 0.4); position: relative; z-index: 10;}
/*.list2{position: relative; margin-top: 250px; margin-bottom: 200px; padding: 0 80px 60px 80px; }
.list2:before{position: absolute; left: 0px; right: 0px; display: block; content: ""; height: 2px; background: #0091e5;}
.list2:after{display: block; content: ""; clear: both;}
.list2 li{position: relative; float: left; width: 12.5%; border: 1px solid transparent;}
.list2 li:after{display: block; content: ""; position: absolute; left: calc(50% - 5px); top: -5px; width: 10px; height: 10px; background: #fff; border-radius: 50%;}
.list2 li:before{display: block; content: ""; position: absolute; left: calc(50% - 12px); top: -12px; width: 24px; height: 24px; background: #0063a7; border: 3px solid #0091e5; border-radius: 50%;}
.list2 li .con{position: absolute; left: -30px; right: -30px; background: #00478d; border-radius: 4px; padding: 20px; color: #fff;}
.list2 li .con i{position: absolute; left: calc(50% - 7px); top: -7px; width: 14px; height: 14px; background: #00b7ee; transform: rotate(45deg);}
.list2 li .con h2{padding-bottom: 15px; font-size: 20px; font-weight: bold; line-height: 1;}
.list2 li .con span{opacity: 0.7; line-height: 22px;}
.list2 li:nth-child(1) .con,
.list2 li:nth-child(3) .con,
.list2 li:nth-child(5) .con,
.list2 li:nth-child(7) .con{top: 35px;}
.list2 li:nth-child(2) .con,
.list2 li:nth-child(4) .con,
.list2 li:nth-child(6) .con,
.list2 li:nth-child(8) .con{bottom: 35px;}
.list2 li:nth-child(2) .con i,
.list2 li:nth-child(4) .con i,
.list2 li:nth-child(6) .con i,
.list2 li:nth-child(8) .con i {top: auto; bottom: -7px;}*/


.time-line-box {margin-bottom: 100px;}
.time-line-box ul{padding-top: 230px!important;}
.time-line-box ul:after {content: '';height: 2px; background: #0091e5; position: absolute; left: 0; width: 1000%; z-index: 1;}
.time-line-box ul li {float: left; margin: 0 -80px; width: 400px; position: relative; z-index: 2; color: #fff;}
.time-line-box ul li:after{display: block; content: ""; position: absolute; left: calc(50% - 5px); top: -5px; width: 10px; height: 10px; background: #fff; border-radius: 50%;}
.time-line-box ul li:before{display: block; content: ""; position: absolute; left: calc(50% - 12px); top: -12px; width: 24px; height: 24px; background: #0063a7; border: 3px solid #0091e5; border-radius: 50%;}
.time-line-box ul li .layui-text{margin-top:40px; width: 400px; background: #00478d; border-radius: 5px;}
.time-line-box ul li dl {padding: 20px; position: relative;}
.time-line-box ul li dl i{position: absolute; left: calc(50% - 7px); top: -7px; width: 14px; height: 14px; background: #00b7ee; transform: rotate(45deg);}
.time-line-box ul li dl dt{padding-bottom: 12px; font-size: 20px; font-weight: bold;}
.time-line-box ul li dl dd {font-size: 14px; line-height: 22px; opacity: 0.7;}

.time-line-box ul li:first-child {margin-left: 70px;}
.time-line-box ul li:last-child {margin-right: 70px;}

.time-line-box ul li:nth-child(2n) dl i{top: auto; bottom: -7px;}
.time-line-box ul li:nth-child(2n) .layui-text {position: absolute; left: 0; bottom: 40px; background: #00478d;}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.time-line-box {margin-bottom: 60px;}
    .time-line-box ul li:first-child {margin-left: 50px;}
    .time-line-box ul li:last-child {margin-right: 50px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .time-line-box {margin-bottom: 50px;}
    .time-line-box ul li:first-child {margin-left: 40px;}
    .time-line-box ul li:last-child {margin-right: 40px;}
}
@media screen and (max-width: 767px){
    .time-line-box {margin-bottom: 40px;}
    .time-line-box ul{padding-top: 300px!important;}
    .time-line-box ul li{margin: 0 -40px; width: 250px;}
    .time-line-box ul li .layui-text{width: 250px;}
    .time-line-box ul li dl{padding: 15px;}
    .time-line-box ul li dl dt{padding-bottom: 10px;}
    
    .time-line-box ul li:first-child {margin-left: 30px;}
    .time-line-box ul li:last-child {margin-right: 30px;}
}


/**/
.pro_bg{background: #f7f7f7; overflow: hidden;}

.list3{padding-bottom: 80px;  margin: 0 -20px; counter-reset:ceshi;}
.list3 li{float: left; width: 25%; counter-increment:ceshi;}
.list3 li a{display: block; margin: 0 20px 30px 20px; position: relative; z-index: 1; background: #fff; padding: 15px; border-radius: 10px; overflow: hidden;}
.list3 li .xh{position: relative; margin-bottom: 15px; display: block; font-family: "AGENCYR"; font-style: normal; text-transform: uppercase; color: #c3c3c3; font-size: 30px; line-height: 1; }
.list3 li .xh:after{display: inline-block; content:counters(ceshi,"-");}
.list3 li .xh:before{position: absolute; left: 1px; bottom: 2px; display: inline-block; content: ""; width: 20px; height: 3px; background: #0079cc; }
.list3 li span{display: block; position: relative; padding-bottom: 75%; overflow: hidden; border-radius: 4px;}
.list3 li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #fff}

.list3 li .con{z-index: 1; overflow: hidden;}
.list3 li .con h2{padding-top: 20px; padding-bottom: 15px; font-size: 18px; line-height: 1; overflow: hidden; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; color: #111;}
.list3 li .con p{color: #999; line-height: 22px; overflow: hidden;}
.list3 li .con span{display: block; padding-top: 32px;}
.list3 li .con em{display: block; font-size: 12px; color: #999; font-style: normal; overflow: hidden;}
.list3 li .con em font{margin-top: 10px; float: left;}
.list3 li .con em i{margin-left: 20px; overflow: hidden; display: inline-block; font-size: 40px; color: #e7e7e7;}
.list3 li a:hover{background: #0079cc; box-shadow: 0px 10px 25px 0px rgba(0, 121, 204, 0.45);}
.list3 li a:hover .xh,
.list3 li a:hover .con h2,
.list3 li a:hover .con p,
.list3 li a:hover em{color: #fff;}
.list3 li a:hover .xh:before{background: #fff;}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.list3{padding-bottom: 60px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .list3{margin: 0 -15px; padding-bottom: 30px;}
    .list3 li a{ margin: 0 15px 30px 15px; }
}
@media screen and (max-width: 767px){
    .list3{margin: 0 -10px; padding-bottom: 20px;}
    .list3 li{width: 50%;}
    .list3 li a{ margin: 0 8px 16px 8px; }
    .list3 li .xh{margin-bottom: 10px; font-size: 24px;}
    .list3 li .con h2{padding-top: 10px; padding-bottom: 10px; font-size: 16px;}
    .list3 li .con p{font-size: 12px; height: 44px; overflow: hidden;}
}


/**/
.case_bg{background: url("../images/case_bg.jpg") no-repeat center; padding-bottom: 140px; overflow: hidden;}

.list5{background: #fff; padding: 60px 70px; border-radius: 10px; overflow: hidden;}
.list5 ul{margin: 0 -20px;}
.list5 ul li{float: left; width: 25%;}
.list5 ul li a{display: block; padding: 0 20px; text-align: center;}
.list5 ul li span{display: block; position: relative; padding-bottom: 75%; border-radius: 10px; border: 4px solid #eef0f2; overflow: hidden;}
.list5 ul li span img{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; max-width: 90%; max-height: 90%; margin: auto;}
.list5 ul li h2{padding: 20px 0; font-size: 18px; font-weight: normal; line-height: 1;}
.list5 ul li i{color: #e7e7e7; font-size: 26px;} 
.list5 ul li a:hover span{border-color: #0079cc;}
.list5 ul li a:hover i{color: #0079cc;}
.list5 ul li span,
.list5 ul li i{
    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){
	.case_bg{height: auto; padding-bottom: 60px;}
    .list5{padding: 40px 50px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .case_bg{height: auto; padding-bottom: 50px;}
    .list5{padding: 20px 30px;}
    .list5 ul{margin: 0 -15px;}
    .list5 ul li a{padding: 0 15px;}
    .list5 ul li h2{padding: 15px 0; font-size: 16px;}
    .list5 ul li i{font-size: 20px;}
}
@media screen and (max-width: 767px){
    .case_bg{height: auto; padding-bottom: 20px; background-position: left; background-size: cover;}
    
    .list5{padding: 15px 20px;}
    .list5 ul{margin: 0 -10px;}
    .list5 ul li{width: 50%; margin-bottom: 10px;}
    .list5 ul li a{padding: 0 10px;}
    .list5 ul li h2{padding: 10px 0; font-size: 16px;}
    .list5 ul li i{font-size: 20px;}
}

/**/
.news_bg{background: #fbfbfb; overflow: hidden;}
.news_bg2{background: #fff; overflow: hidden; padding-top: 50px; padding-bottom: 80px;}

.news_tt{float: left; width: 37%; background: #f9f9f9;}
.news_tt a{display: block; padding: 40px;}
.news_tt h2{font-size: 18px; font-weight: normal; line-height: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_tt h2:after{margin-top: 20px; margin-bottom: 12px; display: block; content: ""; width: 30px; height: 2px; background: #0079cc;}
.news_tt p{margin-bottom: 15px; line-height: 25px; color: #888;}
.news_tt i{font-size: 14px; line-height: 1; color: #999; font-style: normal; font-family: Arial;}
.news_tt span{display: block; margin-top: 20px; padding-bottom: 75%; position: relative; overflow: hidden;}
.news_tt span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #fff;}

.list4{float: right; width: 59.58%;}
.list4 li{margin-top: 28px; padding-bottom: 28px; border-bottom: 1px solid #e7e7e7; overflow: hidden;}
.list4 li:first-child{margin-top: 0px;}
.list4 li a{display: block; overflow: hidden;}
.list4 li span{float: left; margin-right: 20px; width: 80px; text-align: center;}
.list4 li span i{display: block; font-family: "impact"; font-size: 54px; font-style: normal; font-weight: 100;}

.list4 li h2{margin-top: 10px; margin-bottom: 15px; font-size: 18px; font-weight: normal; line-height: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list4 li p{line-height: 25px; height: 50px; overflow: hidden; color: #888;}


@media screen and (min-width: 992px) and (max-width: 1199px){
	.news_bg{padding-top: 30px;}
    .news_bg2{padding-top: 45px; padding-bottom: 70px;}
	.news_tt a{padding: 30px;}
	.news_tt p{height: 100px; overflow: hidden;}
	.list4 li{margin-top: 20px; padding-bottom: 20px;}
	.list4 li span{}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.news_bg{padding-top: 20px;}
    .news_bg2{padding-top: 40px; padding-bottom: 60px;}
	.news_tt a{padding: 20px;}
	.news_tt p{margin-bottom: 15px; line-height: 22px;}
	.news_tt span{margin-top: 15px;}
	
	.list4 li{margin-top: 20px; padding-bottom: 15px;}
	.list4 li span{width: 70px;}
    .list4 li span i{font-size: 36px;}
	.list4 li h2{margin-top: 5px; font-size: 16px;}
    .list4 li p{height: auto; white-space: nowrap; text-overflow: ellipsis;}
}
@media screen and (max-width: 767px){
	.news_bg{padding-top: 20px;}
    .news_bg2{padding-top: 30px; padding-bottom: 40px;}
	.news_tt{float: none; width: auto;}
	.news_tt a{padding: 20px 15px;}
	.news_tt h2{font-size: 1.33em;}
	.news_tt h2:after{margin-top: 15px; margin-bottom: 10px;}
	.news_tt p{margin-bottom: 10px; line-height: 23px;}
	.news_tt i{font-size: 1em;}
	.news_tt span{margin-top: 15px;}
	
	.list4{float: none; width: auto;}
	.list4 li{margin-top: 15px!important; padding-bottom: 15px;}
	.list4 li span{width: 60px; margin-right: 10px; font-size: 12px;}
    .list4 li span i{font-size: 30px;}
	.list4 li h2{margin-top: 5px; margin-bottom: 8px; font-size: 14px; line-height: inherit;}
	.list4 li p{line-height: 20px; height: auto; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
}
 
/************************************************************首页样式结束************************************************************/





















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

.n_banner{height: 500px; background-size: cover!important; text-align: center; color: #fff; position: relative;}
.n_banner .tit{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-0%);}
.n_banner .tit h2{padding-bottom: 30px; font-size: 48px; line-height: 1; font-weight: normal;}
.n_banner .tit span{font-size: 16px; line-height: 1;}
.about_banner{background: url("../images/about_banner.jpg") no-repeat center;}
  .pro_banner{background: url("../images/pro_banner.jpg") no-repeat center;}
 .case_banner{background: url("../images/case_banner.jpg") no-repeat center;}
 .news_banner{background: url("../images/news_banner.jpg") no-repeat center;}
 .zxns_banner{background: url("../images/zxns_banner.jpg") no-repeat center;}
 .lxwm_banner{background: url("../images/lxwm_banner.jpg") no-repeat center;}

@media screen and (min-width: 1200px) and (max-width: 1400px){
	.n_banner{height: 420px; background-size:cover;}
    .n_banner .tit h2{padding-bottom: 25px; font-size: 44px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.n_banner{height: 350px; background-size:cover;}
    .n_banner .tit h2{padding-bottom: 25px; font-size: 40px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.n_banner{height: 250px; background-size:cover;}
    .n_banner .tit h2{padding-bottom: 20px; font-size: 30px;}
    .n_banner .tit span{font-size: 16px;}
}
@media screen and (max-width: 767px){
	.n_banner{height: 160px; background-size:cover;}
    .n_banner .tit h2{padding-bottom: 10px; font-size: 20px;}
    .n_banner .tit span{font-size: 14px;}
}



/*right*/
.breadCrumb{background: #f7f7f7; line-height:70px; overflow: hidden;}
.breadCrumb ul{float: left;}
.breadCrumb ul li{float: left; font-size: 18px; padding-right: 40px;}
.breadCrumb ul li a{display: block; border-bottom: 3px solid #f7f7f7;}
.breadCrumb ul li a:hover,
.breadCrumb ul li a.on{border-bottom-color: #0079cc; font-weight: bold; color: #0079cc;}

.breadCrumb .fh{float: left; margin-top: 12px;}
.breadCrumb .fh a{display: block; padding: 0 20px; background: #0079cc; line-height: 46px; font-size: 18px; border-radius: 5px; color: #fff;}

.breadCrumb dl{float: right;}
.breadCrumb dl dd{float: left; padding: 0 3px; font-size: 16px;}
.breadCrumb dl dd span{color: #0079cc;}
.breadCrumb dl dd i{float: left; margin-right: 5px; font-size: 22px;}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .breadCrumb{line-height: 60px;}
    .breadCrumb ul li{font-size: 16px;}
    
    .breadCrumb .fh{margin-top: 10px;}
    .breadCrumb .fh a{padding: 0 15px; line-height: 40px; font-size: 16px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.breadCrumb{line-height: 55px;}
    .breadCrumb ul{display: none;}
    
    .breadCrumb .fh{display: none;}
    
    .breadCrumb dl{float: none;}
}
@media screen and (max-width: 767px){
	.breadCrumb{line-height: 45px;}
    .breadCrumb ul{display: none;}
    .breadCrumb ul li{padding: 0 10px; display: inline-block; float: none; text-align: center; font-size: 14px;}
    
    .breadCrumb .fh{display: none;}
    
    .breadCrumb dl{float: none;}
    .breadCrumb dl dd{font-size: 14px;}
    .breadCrumb dl dd i{font-size: 16px;}
    
}


.n_part1{padding-top: 70px; padding-bottom: 50px; text-align: center; font-size: 36px; line-height: 1;}
.n_part1:after{margin: 0 auto; margin-top: 30px; display: block; content: ""; width: 60px; height: 4px; background: #0079cc; border-radius: 5px;}
.n_part2{color: #fff;}
.n_part2:after{background: #fff;}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .n_part1{padding: 60px; padding-bottom: 40px; font-size: 30px;}
    .n_part1:after{margin-top: 25px; width: 50px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.n_part1{padding: 40px; padding-bottom: 30px; font-size: 24px;}
    .n_part1:after{margin-top: 15px; width: 45px; height: 3px;}
}
@media screen and (max-width: 767px){
    .n_part1{padding: 30px; padding-bottom: 20px; font-size: 18px;}
    .n_part1:after{margin-top: 10px; width: 40px; height: 2px;}
}


/*关于我们*/
.n_about_con{float: left; width: 50%; height: 400px; overflow-y: scroll;}
.n_about_con::-webkit-scrollbar {width:5px; background: #fff;}
.n_about_con::-webkit-scrollbar-track {border-radius:10px;}
.n_about_con::-webkit-scrollbar-thumb {border-radius:10px; background: #0079cc;}

.n_about_img{float: right; width: 45.39%;}
.n_about_img img{max-width: 100%; border-radius: 20px;}

.n_about_gssj{margin-top: 60px; margin-bottom: -90px; padding: 60px 0 70px 130px; display: flex; background: #fff; border-radius: 10px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05)}
.n_about_gssj li{flex: 1;}
.n_about_gssj li span{font-size: 52px; line-height: 1; font-family: "BEBAS";}
.n_about_gssj li span i{padding-left: 5px; font-size: 16px; font-style: normal;}
.n_about_gssj li em{display: block; padding-top: 10px; font-style: normal; color: #666;}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .n_about_con{height: 300px;}
    .n_about_img img{border-radius: 15px;}
    
    .n_about_gssj{padding: 45px 0 50px 80px;}
    .n_about_gssj li span{font-size: 46px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.n_about_con{float: none; width: auto; height: auto;}
    
    .n_about_img{float: none; width: auto; text-align: center;}
    .n_about_img img{border-radius: 10px;}
    
    .n_about_gssj{padding: 30px 0 30px 50px;}
    .n_about_gssj li span{font-size: 40px;}
}
@media screen and (max-width: 767px){
    .n_about_con{float: none; width: auto; height: auto;}
    
    .n_about_img{float: none; width: auto; text-align: center;}
    .n_about_img img{border-radius: 10px;}
    
    .n_about_gssj{margin-top: 30px; display: block; overflow: hidden; padding: 10px 0 10px 25px;}
    .n_about_gssj li{float: left; width: 33.33%; padding: 15px 0;}
    .n_about_gssj li span{font-size: 30px;}
    .n_about_gssj li span i{font-size: 14px;}
    .n_about_gssj li em{padding-top: 5px;}
    
}

/**/
.ys_bg{background: url("../images/ys_bg.jpg") no-repeat center fixed; color: #fff; padding-top: 90px; overflow: hidden; box-shadow: 0px 0px 40px 0px rgba(0, 121, 204, 0.4);}
.ys_bg .list1{background: none; margin-top: 0px; margin-bottom: 80px; padding: 0px; box-shadow: 0 0 0;}
.ys_bg .list1 li{border-left-color: rgba(255,255,255,0.2); padding: 0 80px;}
.ys_bg .list1 li i{background: none; color: #fff;}
.ys_bg .list1 li:last-child{border-bottom: none;}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .ys_bg .list1{margin-bottom: 70px;}
    .ys_bg .list1 li{padding: 0 60px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.ys_bg .list1{margin-bottom: 60px;}
    .ys_bg .list1 li{padding: 0 40px;}
}
@media screen and (max-width: 767px){
    .ys_bg .list1{margin-bottom: 30px;}
    .ys_bg .list1 li{border-bottom-color: rgba(255,255,255,0.1); padding: 0 20px 10px 20px;}
}

/**/
.n_about_qywh{text-align: center; padding: 0 160px;}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .n_about_qywh{padding: 0 80px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.n_about_qywh{padding: 0;}
}
@media screen and (max-width: 767px){
    .n_about_qywh{padding: 0;}
}

/**/
.zzry_bg{background: #f6f6f6; overflow: hidden; margin-top: 70px;}

.tabBox{margin-bottom: 85px;}
.tabBox .hd{position:relative;}
.tabBox .hd ul{text-align: center;}
.tabBox .hd ul li{margin: 0 10px; display: inline-block; background: #ebebeb; padding: 0 30px; line-height: 60px; cursor:pointer; border-radius: 10px 10px 0 0; font-size: 20px;}
.tabBox .hd ul .on{background:#0079cc; font-weight: bold; color: #fff;}

.tabBox .bd_box{background: #fff; border-radius: 20px; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05);}
.tabBox .bd_box .more{text-align: center; padding-bottom: 50px;}
.tabBox .bd_box .more a{display: inline-block; width: 150px; line-height: 55px; background: #0079cc; text-align: center; color: #fff; border-radius: 5px; font-size: 16px; box-shadow: 0px 10px 30px 0px rgba(0, 121, 204, 0.4);}

.tabBox .bd ul{overflow: hidden; padding: 40px 25px}
.tabBox .bd ul li{float: left; width: 25%;}
.tabBox .bd ul li a{display: block; padding: 0 15px;}
.tabBox .bd ul li span{display: block; position: relative; padding-bottom: 80%; overflow: hidden;}
.tabBox .bd ul li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border: 5px solid #f6f6f6; border-radius: 5px; overflow: hidden;}
.tabBox .bd ul li h2{padding-top: 20px; font-size: 16px; text-align: center; font-weight: normal;}

@media screen and (min-width: 992px) and (max-width: 1199px){
    .zzry_bg{margin-top: 60px;}
    .tabBox .hd ul li{margin: 0 7px; padding: 0 25px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.zzry_bg{margin-top: 40px;}
    
    .tabBox{margin-bottom: 60px;}
    .tabBox .hd ul{}
    .tabBox .hd ul li{margin: 0 5px; padding: 0 25px; line-height: 50px; font-size: 16px;}
    
    .tabBox .bd ul{padding: 25px 20px 15px 20px;}
    .tabBox .bd ul li a{padding: 0 10px;}
    .tabBox .bd ul li h2{font-size: 14px; padding-top: 10px; padding-bottom: 15px;}
    
    .tabBox .bd_box .more{padding-bottom: 40px;}
    .tabBox .bd_box .more a{width: 130px; line-height: 45px; font-size: 14px;}
}
@media screen and (max-width: 767px){
    .zzry_bg{margin-top: 30px;}
    
    .tabBox{margin-bottom: 40px;}
    .tabBox .hd ul{display: flex; padding: 0 20px;}
    .tabBox .hd ul li{flex: 1; margin: 0 3px; width: 33%; padding: 10px 0; line-height: 1.2; font-size: 14px;}
    
    .tabBox .bd_box{border-radius: 10px;}
    .tabBox .bd ul{padding: 15px 10px;}
    .tabBox .bd ul li{width: 50%;}
    .tabBox .bd ul li a{padding: 0 8px;}
    .tabBox .bd ul li h2{font-size: 14px; padding-top: 10px; padding-bottom: 15px;}
    .tabBox .bd_box .more{padding-bottom: 30px;}
    .tabBox .bd_box .more a{width: 120px; line-height: 40px; font-size: 14px;}
}



/*产品中心*/
.n_pro_left{float: left; width: 190px; background: #f7f7f7; margin-top: 45px;}
.class_list{margin-left: 10px; padding: 20px 0;}
.class_list li{margin-bottom: 10px;}
.class_list li a{display: block; padding: 15px 0 15px 35px; line-height: 1.2; font-size: 18px; border-radius: 30px 0 0 30px;}
.class_list li a:hover,
.class_list li a.on{background: #0079cc; color: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 121, 204, 0.3);}

.n_pro_right{float: right; width: calc(100% - 190px - 30px); margin-top: 45px;}

.img_list{overflow: hidden; border-top: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7;}
.img_list li{float: left; width: 25%; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; padding: 10px;}
.img_list li a{display: block; text-align: center;}
.img_list li span{display: block; position: relative; padding-bottom: 75%; overflow: hidden;}
.img_list li span img{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; margin: auto; width: 100%; height: 100%; background: #ccc;}
.img_list li h2{padding-top: 30px; padding-bottom: 20px; font-size: 18px; line-height: 1; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.img_list li i{padding-bottom: 15px; display: block; font-size: 12px; font-style: normal; font-weight: bold;}

@media screen and (min-width: 992px) and (max-width: 1199px){
    .n_pro_left{margin-top: 30px;}
    .class_list li a{font-size: 16px;}
    
    .n_pro_right{margin-top: 30px;}
	.img_list li h2{padding-top: 20px; padding-bottom: 15px; font-size: 16px;}
    .img_list li i{padding-bottom: 10px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.n_pro_left{display: none;}
    .n_pro_right{float: none; width: auto; margin-top: 20px;}
    
    .img_list li{width: 33.33%;}
	.img_list li h2{padding-top: 20px; padding-bottom: 15px; font-size: 16px;}
    .img_list li i{padding-bottom: 10px;}
}
@media screen and (max-width: 767px){
    .n_pro_left{display: none;}
    .n_pro_right{float: none; width: auto; margin-top: 20px;}
    
	.img_list li{width: 50%;}
	.img_list li h2{padding-top: 15px; padding-bottom: 10px; font-size: 14px;}
    .img_list li i{padding-bottom: 5px;}
}


/*产品详细 开始*/
.pro_img{float:left; width: 46%; margin-top: 70px;}
.pro_img span{display: block; position: relative; width: 100%; padding-bottom: 75%; border-radius: 10px; overflow: hidden;}
.pro_img span img{position: absolute; left: 0px; top: 0px; margin: auto; width: 100%; height: 100%;}

.pro_js{float: right; width: 50%; margin-top: 70px;}
.pro_js h2{font-size:36px; font-weight:normal; padding-bottom: 33px; line-height: 1; border-bottom:2px solid #333333;}
.pro_js p{line-height:34px; font-size:18px; padding:30px 0 60px 0; border-bottom:2px solid #e7e7e7; color: #555;}
.pro_js .tel{font-size:18px; line-height: 28px; color:#e61f18; padding:20px 0 30px 0;}
.pro_js .tel i{font-size: 28px; float: left; margin-right: 10px;}
.pro_js .tel span{float: left;}
.pro_js .tel b{font-size:28px; font-family: Impact; font-weight: normal;}
.pro_js .shfw a{display: inline-block; background: #e61f18; border-radius: 5px; font-size: 18px; padding: 0 25px; line-height: 55px; color: #fff;}

@media screen and (min-width: 992px) and (max-width: 1199px){
    .pro_img{margin-top: 50px;}
    
    .pro_js{margin-top: 50px;}
	.pro_js h2{padding-bottom: 25px; font-size: 30px}
	.pro_js p{padding-top: 20px; padding-bottom: 30px; font-size: 16px; line-height: 2;}
    .pro_js .tel{padding-top: 15px; padding-bottom: 15px; font-size: 16px;}
    .pro_js .tel i{font-size: 26px;}
    .pro_js .tel b{font-size: 26px;}
	
}	
@media screen and (min-width: 768px) and (max-width: 991px){
	.pro_img{float: none; width: auto; margin-top: 15px;}
	
	.pro_js{float: none; width: auto; margin-top: 0px;}
	.pro_js h2{padding-top: 30px; padding-bottom: 20px; font-size: 24px;}
	.pro_js p{padding: 20px 0; font-size: 14px; line-height: 2;}
	.pro_js .tel{padding-top: 20px; padding-bottom: 20px; font-size: 16px;}
    .pro_js .tel i{font-size: 24px;}
    .pro_js .tel b{font-size: 24px;}

    .pro_js .shfw a{font-size: 16px; padding: 0 20px; line-height: 45px;}

}
@media screen and (max-width: 767px){
	.pro_img{float: none; width: auto; margin-top: 15px;}
	
	.pro_js{float: none; width: auto; margin-top: 0px;}
	.pro_js h2{padding-top: 20px; padding-bottom: 10px; font-size: 18px;}
	.pro_js p{padding: 10px 0; font-size: 14px; line-height: 2;}
	.pro_js .tel{padding-top: 10px; padding-bottom: 10px; font-size: 16px;}
    .pro_js .tel i{font-size: 24px;}
    .pro_js .tel b{font-size: 24px;}

    .pro_js .shfw a{font-size: 16px; padding: 0 15px; line-height: 45px;}
}


.n_part3{margin-top: 50px; padding-top: 30px; padding-bottom: 20px; border-top: 2px solid #e7e7e7; font-size: 28px; line-height: 1;}

.n_list1{overflow: hidden; margin: 0 -20px 40px -20px;}
.n_list1 li{float: left; width: 25%;}
.n_list1 li a{display: block; margin: 0 20px; padding: 15px; background: #f7f7f7; border-radius: 10px;}
.n_list1 li span{display: block; padding-bottom: 75%; position: relative;}
.n_list1 li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #fff; border-radius: 5px; overflow: hidden;}
.n_list1 li h2{padding-top: 20px; padding-bottom: 15px; font-size: 18px; line-height: 1; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.n_list1 li p{font-size: 14px; color: #999; line-height: 22px;}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.n_part3{margin-top: 45px; padding-top: 25px; padding-bottom: 15px; font-size: 26px;}
    
    .n_list1{margin: 0 -15px 35px -15px;}
    .n_list1 li a{margin: 0 15px;}
}	
@media screen and (min-width: 768px) and (max-width: 991px){
    .n_part3{margin-top: 40px; padding-top: 20px; padding-bottom: 15px; font-size: 24px;}

    .n_list1{margin: 0 -10px 30px -10px;}
    .n_list1 li a{margin: 0 10px;}
    .n_list1 li h2{font-size: 16px;}
}
@media screen and (max-width: 767px){
    .n_part3{margin-top: 30px; padding-top: 15px; padding-bottom: 10px; font-size: 18px;}
    
    .n_list1{margin: 0 -8px;}
    .n_list1 li{width: 50%; margin-bottom: 15px;}
    .n_list1 li a{margin: 0 8px; padding: 10px;}
    .n_list1 li h2{padding-top: 15px; padding-bottom: 10px; font-size: 16px;}
    .n_list1 li p{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
}


/*工程案例*/
.case_con{float: left; width: calc(100% - 760px); margin-top: 120px; margin-bottom: 150px; background: #fff; border-radius: 10px; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05); padding: 40px 45px; font-size: 18px; line-height: 2;}
.case_con p{padding-bottom: 10px; text-indent: 36px;}

.map_box{float: right; width: 760px; margin-top: 100px; position: relative}
.map_box .map{height: 550px;}
.map_box .map a:hover path{fill: #0061b0}
.map_box .map a:hover text{display: block;}
.map_box .map path{
    transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
    -webkit-transition:all 0.3s;
}
.cls-1{fill:#0095d6;}
.cls-2{fill:#0066ba;}

.m_map{position:absolute; left: 0px; top: 0px; width: 100%; height: 100%;}

.mp{position:absolute;background:url(../images/map_icon.png) no-repeat center 0; cursor: pointer; -webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;}
.mp:hover{background:url(../images/map_icon2.png) no-repeat center 0;-webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;}
.hover_tu{background:url(../images/map_icon2.png) no-repeat center 0;}
.mp .mito{padding-top: 15px; font-size:12px;color:#fff; text-align: center;}

.mp .find_mi1{}
.mp .find_mi2{}
.feng{position:absolute;display:none;width:600px; height:250px;left:50%; transform: translateX(-50%); bottom:50px;background:#fff;z-index:10; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.07); border-radius: 10px; padding: 20px;}
.feng:after{position: absolute; left: 50%; margin-left: -15px; bottom: -30px; display: block; content: ""; border: 15px solid transparent; border-top-color: #fff;}
.feng .tree{width: 100%; height: 100%; overflow-y: scroll}
.feng .tree::-webkit-scrollbar {width:5px; background: #fff;}
.feng .tree::-webkit-scrollbar-track {border-radius:10px;}
.feng .tree::-webkit-scrollbar-thumb {border-radius:10px; background: #0079cc;}
.feng .tree h1{padding-bottom: 10px; font-size: 18px; font-weight: bold; color: #0079cc; line-height: 1;}
.feng .tree ul{}
.feng .tree ul li{position: relative; border-bottom: 1px solid #e7e7e7; padding: 10px 0 10px 90px; overflow: hidden;}
.feng .tree ul li h2{position: absolute; left: 0px; top: 12px; font-size: 14px;}
.feng .tree ul li span{display: inline-block; padding-right: 15px; font-size: 13px; color: #555; line-height: 24px;}

.mp1{left:140px;top:200px;}
.mp2{left:257px;top:290px;}
.mp3{left:408px;top:217px;}
.mp4{left:380px;top:275px;}
.mp5{left:355px;top:297px;}
.mp6{left:352px;top:360px;}
.mp7{left:335px;top:453px;}
.mp8{left:420px;top:310px;}
.mp9{left:405px;top:380px;}
.mp10{left:395px;top:420px;}
.mp11{left:643px;top:110px;}
.mp11 .feng,
.mp12 .feng,
.mp13 .feng{left: auto; right: 0px; transform: translateX(20%);}
.mp11 .feng:after,
.mp12 .feng:after,
.mp13 .feng:after{left: auto; right: 120px;}

.mp12{left:625px;top:170px;}
.mp13{left:595px;top:205px;}
.mp14{left:510px;top:230px;}
.mp15{left:525px;top:245px;}
.mp16{left:495px;top:260px;}
.mp17{left:455px;top:265px;}
.mp18{left:525px;top:285px;}
.mp19{left:470px;top:320px;}
.mp20{left:550px;top:330px;}
.mp21{left:458px;top:360px;}
.mp22{left:520px;top:350px;}
.mp23{left:565px;top:367px;}
.mp24{left:450px;top:410px;}
.mp25{left:500px;top:405px;}
.mp26{left:530px;top:430px;}
.mp27{left:550px;top:400px;}
.mp28{left:415px;top:465px;}
.mp29{left:475px;top:465px;}
.mp30{left:430px;top:520px;}
@media screen and (min-width: 1200px) and (max-width: 1400px){
    .case_con{margin-top: 90px; margin-bottom: 100px; font-size: 16px; padding: 30px;}
    .map_box .map{}
}	
@media screen and (min-width: 992px) and (max-width: 1199px){
    .case_con{margin-top: 50px;  margin-bottom: 50px; font-size: 14px; padding: 30px;}
    .map_box{margin-top: 50px;}
    .map_box .map{height: auto;}
}	
@media screen and (min-width: 768px) and (max-width: 991px){
    .case_con{float: none; width: auto; margin-top: 30px; margin-bottom: 50px; font-size: 14px; padding: 20px;}
    .map_box{float: none; margin: 0 auto 30px auto;}
    .map_box .map{}
}
@media screen and (max-width: 767px){
    .map_box{display: none;}
}



.n_case_bg{background: #f6f6f6; overflow: hidden;}
.img_list2{overflow: hidden; margin: 0 -15px;}
.img_list2 li{float: left; width: 25%;}
.img_list2 li a{display: block; background: #fff; margin: 0 15px; padding: 20px; text-align: center; border-radius: 10px;}
.img_list2 li span{display: block; padding-bottom: 75%; position: relative;}
.img_list2 li span img{position: absolute; left: 0px; top: 0px; max-width: 100%; max-height: 100%; right: 0px; bottom: 0px; margin:auto}
.img_list2 li h2{padding-top: 10px; font-size: 18px; font-weight: normal;}

.n_case_more{padding-top: 60px; padding-bottom: 110px; text-align: center;}
.n_case_more a{display: inline-block; padding: 0 88px; line-height: 60px; background: #0079cc; border-radius: 5px; font-size: 18px; color: #fff; box-shadow: 0px 10px 30px 0px rgba(0, 121, 204, 0.4);}

@media screen and (min-width: 992px) and (max-width: 1199px){
    .img_list2 li h2{font-size: 16px;}
    
    .n_case_more{padding-top: 40px; padding-bottom: 70px;}
    .n_case_more a{padding: 0 70px; line-height: 55px; font-size: 16px;}
}	
@media screen and (min-width: 768px) and (max-width: 991px){
    .img_list2{margin: 0 -10px;}
    .img_list2 li a{margin: 0 10px; padding: 10px;}
    .img_list2 li h2{font-size: 16px;}
    
    .n_case_more{padding-top: 40px; padding-bottom: 70px;}
    .n_case_more a{padding: 0 60px; line-height: 50px; font-size: 16px;}
}
@media screen and (max-width: 767px){
    .case_con{float: none; width: auto; margin-top: 20px; box-shadow: 0 0 0; margin-bottom: 20px; padding: 0; font-size: 14px;}
    .case_con p{text-indent: 28px;}
    
    .img_list2{margin: 0 -8px;}
    .img_list2 li{width: 50%;}
    .img_list2 li a{margin: 0 8px 15px 8px; padding: 10px;}
    .img_list2 li h2{font-size: 16px;}
    
    .n_case_more{padding-top: 20px; padding-bottom: 50px;}
    .n_case_more a{padding: 0 40px; line-height: 45px; font-size: 16px; box-shadow: 0px 5px 20px 0px rgba(0, 121, 204, 0.4);}
}


.img_list3{overflow: hidden; margin-top: 50px; margin-left: -25px;}
.img_list3 li{float: left; width: 50%;}
.img_list3 li a{margin-left: 25px; margin-bottom: 25px; display: block; background: #f5f5f5; border-radius: 5px; padding: 15px; overflow: hidden;}
.img_list3 li span{float: left; width: 220px; margin-right: 20px;}
.img_list3 li span i{display: block; position: relative; padding-bottom: 75%; background: #fff; border-radius: 5px; overflow: hidden;}
.img_list3 li span i img{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; max-width: 100%; max-height: 100%; margin: auto;}
.img_list3 li .con{}
.img_list3 li .con h2{padding-top: 10px; padding-bottom: 15px; font-size: 24px; font-weight: normal; line-height: 1;}
.img_list3 li .con p{padding-bottom: 20px; font-size: 14px; line-height: 1.5; color: #555;}
.img_list3 li .con i{font-style: normal; color: #999;}
@media screen and (min-width: 992px) and (max-width: 1199px){
    
}	
@media screen and (min-width: 768px) and (max-width: 991px){
    .img_list3{margin-left: -15px;}
    .img_list3 li a{margin-left: 15px; margin-bottom: 15px;}
    .img_list3 li span{width: 150px;}
    .img_list3 li .con h2{font-size: 18px;}
    .img_list3 li .con p{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
}
@media screen and (max-width: 767px){
    .img_list3{margin-top: 10px;}
    .img_list3 li{float: none; width: auto;}
    .img_list3 li a{background: none; border-bottom: 1px solid #e7e7e7; margin-bottom: 0px; padding: 15px 0px;}
    .img_list3 li span{width: 120px; margin-right: 15px;}
    .img_list3 li .con h2{padding-top: 5px; padding-bottom: 10px; font-size: 16px;}
    .img_list3 li .con p{padding-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
}





/*通用详细页 开始*/
.xwxx_left{float: left; width: 70.65%; border-right: 1px solid #e7e7e7; padding-right: 70px;}

.content{line-height: 200%; font-size: 16px; color: #555;}
.content p{padding-bottom: 10px;}
.content img{max-width: 100%!important; height: auto!important;}

.title{font-size: 32px; color: #333; font-weight: normal; padding: 60px 0 35px 0; line-height: 1.5}
.time{margin-bottom: 20px; color: #b0b0b0; padding: 0 0 30px 0; border-bottom: 1px solid #e7e7e7; overflow: hidden;}
.time li{display: inline-block; position: relative;}
.time li i{margin: 0 5px 0 0; color: #0079cc; font-size: 20px;}
.time li:before{position: relative; display:inline-block; content: ""; margin: 0 20px; width: 1px; height: 12px; background: #bababa;}
.time li:first-child:before{display: none;}

.fy{margin-top: 50px; margin-bottom: 70px; padding: 15px 50px; background: #f8f8f8; position: relative; overflow: hidden;}
.fy li{line-height: 50px; color: #ff7200; font-size: 16px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis;}
.fy li:first-child{float: left;}
.fy li:last-child{float: right;}
.fy li i{margin: 0 10px;}
.fy span{position: absolute; left: 50%; top: 50%; width: 130px; transform: translate(-50%, -50%); }
.fy span a{display: block; border: 1px solid #0079cc; text-align: center; line-height: 50px;  color: #0079cc; font-weight: bold; font-size: 16px;}

@media screen and (min-width: 992px) and (max-width: 1199px){
	.title{padding: 50px 0 30px 0; font-size: 28px; }
    
    .fy{margin-top: 45px; margin-bottom: 60px; padding: 10px 35px;}
	.fy li{line-height: 45px;}
    .fy span{width: 140px;}
    .fy span a{line-height: 45px;}
}
@media screen and (min-width: 769px) and (max-width: 991px){
    .xwxx_left{float: none; width: auto; padding-right: 0px; border-right: none;}
    
	.title{padding: 40px 0 25px 0; font-size: 24px;}
	
    .time{margin-bottom: 15px; padding-bottom: 20px;}
	.content{font-size: 14px;}
	
	.fy{margin-top: 35px; margin-bottom: 50px; padding: 10px 20px;}
	.fy li{line-height: 40px; font-size: 14px;}
    .fy span{width: 120px;}
    .fy span a{line-height: 40px; font-size: 14px;}
	
}
@media screen and (max-width: 768px){
    .xwxx_left{float: none; width: auto; padding-right: 0px; border-right: none;}
	.title{padding: 20px 0 10px 0; font-size: 20px; line-height: inherit;}
    
    .time{margin-bottom: 10px; padding-bottom: 15px;}
    .time li i{font-size: 16px;}
    .time li:before{margin: 0 10px;}
	.content{font-size: 14px;}
	
	.fy{margin-top: 30px; margin-bottom: 40px; padding: 10px 5px;}
	.fy li{line-height: 30px; font-size: 14px;}
    .fy span{width: 100px;}
    .fy span a{line-height: 30px; font-size: 14px;}
}

.xwxx_right{float: right; width: 25%;}
.n_part4{padding-top: 70px; padding-bottom: 35px; font-size: 24px; font-weight: bold; line-height: 1;}

.n_list2{}
.n_list2 li a{margin-bottom: 30px; display: block; padding-bottom: 25px; border-bottom: 1px solid #e7e7e7;}
.n_list2 li h2{font-size: 18px; line-height: 1; padding-bottom: 15px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.n_list2 li p{padding-bottom: 20px; font-size: 16px; color: #999; line-height: 1.5;}
.n_list2 li span{font-size: 14px; line-height: 1; font-weight: bold; color: #0079cc;}
.n_list2 li span i{font-size: 12px; font-weight: normal;}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.n_part4{padding-top: 60px; padding-bottom: 30px; font-size: 22px;}
    
    .n_list2 li a{padding-bottom: 20px; margin-bottom: 20px;}
    .n_list2 li h2{padding-bottom: 15px;}
    .n_list2 li p{padding-bottom: 15px; font-size: 14px;}
    .n_list2 li span{font-weight: normal;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.xwxx_right{float: none; width: auto;}
    
    .n_part4{padding-top: 0; padding-bottom: 25px; font-size: 20px;}
    .n_list2{padding-bottom: 20px;}
    .n_list2 li a{padding-bottom: 15px; margin-bottom: 15px;}
    .n_list2 li h2{padding-bottom: 10px; font-size: 16px;}
    .n_list2 li p{padding-bottom: 10px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
    .n_list2 li span{font-weight: normal;}
}

@media screen and (max-width: 767px){
    .xwxx_right{float: none; width: auto;}
    
    .n_part4{padding-top: 0; padding-bottom: 25px; font-size: 20px;}
    .n_list2{padding-bottom: 20px;}
    .n_list2 li a{padding-bottom: 15px; margin-bottom: 15px;}
    .n_list2 li h2{padding-bottom: 10px; font-size: 16px;}
    .n_list2 li p{padding-bottom: 10px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
    .n_list2 li span{font-weight: normal;}
}






/*通用详细页 结束*/






/*新闻类 开始*/
.news_list_tt{background: #f7f7f7; margin-top: 60px; overflow: hidden;}
.news_list_tt .con{float: left; width: 50%; padding: 70px 80px 0 80px;}
.news_list_tt .con span{font-size: 14px; color: #999; line-height: 1;}
.news_list_tt .con span i{margin-right: 10px; color: #0079cc; font-size: 20px;}
.news_list_tt .con h2{padding-top: 30px; padding-bottom: 20px; font-size: 20px; font-weight: normal; line-height: 1;}
.news_list_tt .con h2:after{margin-top: 25px; display: block; content: ""; width: 43px; height: 2px; background: #0079cc;}
.news_list_tt .con p{font-size: 16px; max-height: 96px; overflow: hidden; color: #555; line-height: 2;}
.news_list_tt .con em{margin-top: 50px; display: inline-block; line-height: 50px; background: #0079cc; border-radius: 5px; padding: 0 20px; font-size: 14px; color: #fff; font-style: normal;}
.news_list_tt .con em i{font-size: 12px; margin-left: 10px;}

.news_list_tt .img{float: right; width: 50%;}
.news_list_tt .img span{display: block; position: relative; padding-bottom: 75%; border-radius: 10px; overflow: hidden;}
.news_list_tt .img span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #fff;}


.news_list{}
.news_list li{overflow: hidden; position: relative; padding: 40px 150px 40px 0; border-bottom: 1px solid #e7e7e7;}
.news_list li span{position: absolute; right: 20px; top: 40px; text-align: center; font-size: 16px; color: #666;}
.news_list li span b{margin-bottom: 5px; display: block; font-size: 60px; font-weight: 100; line-height: 1; font-family: "impact"; color: #333;}

.news_list li h2{position: relative; font-size: 24px; line-height: 1; font-weight: normal; padding-bottom: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_list li p{font-size: 16px; line-height: 1.5; color: #666; }
@media screen and (min-width: 992px) and (max-width: 1199px){
    .news_list_tt{margin-top: 50px;}
    .news_list_tt .con{padding: 50px 60px 0 60px;}
    .news_list_tt .con h2{padding-top: 25px; padding-bottom: 15px; font-size: 18px; line-height: 1.5;}
    .news_list_tt .con h2:after{margin-top: 15px;}
    .news_list_tt .con p{font-size: 15px; height: 80px; overflow: hidden; line-height: 1.8;}
    .news_list_tt .con em{margin-top: 30px; line-height: 45px; padding: 0 20px;}
    
	.news_list li{padding: 35px 130px 35px 0;}
    .news_list li span{top: 35px;}
    .news_list li span b{font-size: 52px;}
	.news_list li h2{font-size: 22px; padding-bottom: 15px;}
	.news_list li p{height: 42px; font-size: 15px; overflow: hidden;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .news_list_tt{margin-top: 40px;}
    .news_list_tt .con{padding: 30px 40px;}
    .news_list_tt .con h2{padding-top: 15px; padding-bottom: 15px; font-size: 18px; line-height: 1.5;}
    .news_list_tt .con h2:after{margin-top: 15px;}
    .news_list_tt .con p{font-size: 14px; height: 76px; overflow: hidden; line-height: 1.8;}
    .news_list_tt .con em{margin-top: 15px; line-height: 35px; padding: 0 15px; font-size: 12px;}
    
	.news_list li{padding: 30px 100px 30px 0;}
    .news_list li span{top: 30px; font-size: 14px;}
    .news_list li span b{font-size: 44px;}
	.news_list li h2{font-size: 20px; padding-bottom: 15px;}
	.news_list li p{height: 42px; font-size: 14px; overflow: hidden;}
}

@media screen and (max-width: 767px){
    .news_list_tt{margin-top: 20px; margin-bottom: 10px;}
    .news_list_tt .con{float: none; width: auto; padding: 20px;}
    .news_list_tt .con h2{padding-top: 10px; padding-bottom: 10px; font-size: 16px; line-height: 1.5;}
    .news_list_tt .con h2:after{margin-top: 15px;}
    .news_list_tt .con p{font-size: 14px; line-height: 1.8;}
    .news_list_tt .con em{margin-top: 15px; line-height: 35px; padding: 0 15px; font-size: 12px;}
    
    .news_list_tt .img{float: none; width: auto; padding: 0 20px 20px 20px;}
    
	.news_list li{padding: 20px 90px 20px 0;}
    .news_list li span{top: 20px; font-size: 14px;}
    .news_list li span b{font-size: 36px;}
	.news_list li h2{font-size: 16px; padding-bottom: 10px;}
	.news_list li p{height: 42px; font-size: 14px; overflow: hidden;}
    
}
/*新闻类 结束*/

/*招聘*/
.zpln_list{overflow: hidden; margin: 0 -15px 70px -15px;}
.zpln_list li{float: left; width: 25%; padding: 0 15px; position: relative;}
.zpln_list li h2{position: absolute; color: #fff; left: 0px; right: 0px; top: 35px; padding: 0 40px; font-weight: normal; text-align: center; font-size: 18px;}
.zpln_list li h2 i{font-weight: normal; display: block; width: 90px; height: 90px; margin: 0 auto 25px auto; border: 3px solid #fff; border-radius: 50%; font-size: 45px; line-height: 84px;}
.zpln_list li span{position: relative; height: 220px; display: block; overflow: hidden; border-radius: 10px; z-index: -1}
.zpln_list li span img{position: absolute; left: 50%; height: 100%; transform: translateX(-50%);}
@media screen and (min-width: 1200px) and (max-width: 1400px){
    .zpln_list{margin: 0 -10px 60px -10px;}
    .zpln_list li{padding: 0 10px;}
    .zpln_list li h2{top: 15%; font-size: 15px; padding: 0 30px;}
    .zpln_list li h2 i{margin-bottom: 15px; width: 70px; height: 70px; line-height: 66px; border-width: 2px; font-size: 40px;}
    
    .zpln_list li span{height: 200px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .zpln_list{margin: 0 -10px 60px -10px;}
    .zpln_list li{padding: 0 10px;}
    .zpln_list li h2{top: 18%; font-size: 14px; padding: 0 20px;}
    .zpln_list li h2 i{margin-bottom: 15px; width: 60px; height: 60px; line-height: 56px; border-width: 2px; font-size: 30px;}
    
    .zpln_list li span{height: 180px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .zpln_list{margin-bottom: 40px;}
    .zpln_list li{width: 50%; margin-bottom: 30px;}
    .zpln_list li h2{top: 20%; font-size: 16px;}
    .zpln_list li h2 i{width: 80px; height: 80px; line-height: 76px; border-width: 2px; font-size: 40px;}
    
    .zpln_list li span{height: auto;}
    .zpln_list li span img{width: 100%; height: auto; position: static; transform: translateX(0);}
}

@media screen and (max-width: 767px){
    .zpln_list{margin-bottom: 30px;}
    .zpln_list li{float: none; width: auto; margin-bottom: 15px;}

    .zpln_list li h2{top: 50%; transform: translateY(-50%); font-size: 16px;}
    .zpln_list li h2 i{width: 70px; height: 70px; line-height: 66px; border-width: 2px; font-size: 40px;}
    
    .zpln_list li span{height: auto;}
    .zpln_list li span img{width: 100%; height: auto; position: static; transform: translateX(0);}
    
}

.zp_bg{background: #f7f7f7; overflow: hidden;}

.zp_box{margin-bottom: 60px; background: #fff; border-radius: 10px; padding: 40px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);}
.zp_box dl{overflow: hidden;}
.zp_box dl dd{float: left; padding: 0 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.zp_box dl dd:nth-child(1){width: 34%;}
.zp_box dl dd:nth-child(2){width: 22%;}
.zp_box dl dd:nth-child(3){width: 22%;}
.zp_box dl dd:nth-child(4){width: 22%;}
.zp_box .zp_tit{background: #0079cc; line-height: 50px; border-radius: 5px; box-shadow: 0px 5px 20px 0px rgba(0, 121, 204, 0.3); color: #fff; font-size: 16px; font-weight: bold;}

.sideMenu{}
.sideMenu dl{position: relative; line-height: 70px; border-bottom: 1px solid #e7e7e7; font-size: 16px;}
.sideMenu dl em{position: absolute; right: 20px; top: 0; color: #999;}
.sideMenu dl.on em{transform: rotate(180deg);}
.sideMenu ul{background: #f7f7f7; padding:30px 25px; color:#999; display:none; overflow: hidden;}
.sideMenu ul li{float: left; width: 33.33%; color: #666; line-height: 32px;}
.sideMenu dl 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;
}

.zp_zs{text-align: center; font-size: 16px;}
.zp_zs span{display: block;}
.zp_zs span a{display: block; margin: 40px auto 60px auto; background: #0079cc; width: 250px; line-height: 60px; border-radius: 5px; font-size: 20px; color: #fff; box-shadow: 0px 10px 30px 0px rgba(0, 121, 204, 0.4);}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .zp_box{padding: 30px;}
    
    .sideMenu dl{line-height: 60px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .zp_box{padding: 20px;}
    
    .sideMenu dl{line-height: 50px; font-size: 14px;}
    .sideMenu ul{padding: 20px 25px;}
}

@media screen and (max-width: 767px){
    .zp_box{margin-bottom: 30px; padding: 0px;}
    .zp_box dl dd{padding: 0 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
    .zp_box dl dd:nth-child(2),
    .zp_box dl dd:nth-child(3){display: none;}
    .zp_box dl dd:nth-child(1){width: 65%;}
    .zp_box dl dd:nth-child(4){width: 35%;}
    .zp_box .zp_tit{font-size: 14px;}
    
    .sideMenu dl{font-size: 14px; line-height: 45px;}
    .sideMenu ul{padding: 15px 15px;}
    .sideMenu ul li{float: none; width: auto;}
    .sideMenu dl em{font-size: 14px; right: 10px;}
    
    .zp_zs{font-size: 14px;}
    .zp_zs span a{margin: 20px auto 30px auto; width: 140px; line-height: 40px; font-size: 16px;}
}


/*联系我们*/
.lxfs_box{margin-bottom: 70px; overflow: hidden; background: #f7f7f7; border-radius: 10px;}
.lxfs_box ul{float: left; width: 32.89%; margin-right: 40px; background: #0079cc; border-radius: 10px; padding: 40px; color: #fff; box-shadow: 5px 0px 20px 0px rgba(0, 121, 204, 0.3);}
.lxfs_box ul h2{font-size: 28px; line-height: 1; border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 28px;}
.lxfs_box ul li{position: relative; padding-left: 40px; margin-top: 30px; font-size: 16px; overflow: hidden; line-height: 1;}
.lxfs_box ul li i{position: absolute; left: 0px; top: 0px; font-size: 26px; line-height: 1;}
.lxfs_box ul li span{opacity: 0.5; display: block; padding-bottom: 10px;}

.lxfs_box ol{overflow: hidden; padding-right: 20px; padding-top: 80px;}
.lxfs_box ol li{float: left; width: calc(33.33% - 20px); margin-right: 20px; margin-bottom: 30px; background: #fff; border-radius: 10px; padding: 30px;}
.lxfs_box ol li span{font-size: 16px; padding-bottom: 15px; display: block; line-height: 1;}
.lxfs_box ol li font{font-size: 26px; line-height: 1;}

.map{height: 500px;}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .lxfs_box ul{margin-right: 30px; padding: 30px;}
    .lxfs_box ul h2{font-size: 24px; padding-bottom: 22px;}
    .lxfs_box ul li{margin-top: 20px;}
    .lxfs_box ul li i{font-size: 24px;}
    
    .lxfs_box ol{padding-top: 30px;}
    .lxfs_box ol li{width: calc(50% - 20px); margin-bottom: 20px; margin-right: 20px; padding: 20px;}
    .lxfs_box ol li span{font-size: 15px;}
    .lxfs_box ol li font{font-size: 22px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .lxfs_box ul{margin-right: 30px; padding: 30px;}
    .lxfs_box ul h2{font-size: 18px; padding-bottom: 15px;}
    .lxfs_box ul li{margin-top: 15px; padding-left: 30px; font-size: 14px;}
    .lxfs_box ul li i{font-size: 20px;}
    
    .lxfs_box ol{padding-top: 20px;}
    .lxfs_box ol li{width: calc(50% - 15px); margin-bottom: 10px; margin-right: 15px; padding: 15px;}
    .lxfs_box ol li span{font-size: 14px;}
    .lxfs_box ol li font{font-size: 20px;}
    
    .map{height: 400px;}
}

@media screen and (max-width: 767px){
    .lxfs_box{margin-bottom: 40px;}
    .lxfs_box ul{float: none; width: auto; margin-right: 0px; padding: 20px;}
    .lxfs_box ul h2{font-size: 18px; padding-bottom: 15px;}
    .lxfs_box ul li{margin-top: 15px; padding-left: 30px; font-size: 14px;}
    .lxfs_box ul li i{font-size: 20px;}
    
    .lxfs_box ol{padding: 20px;}
    .lxfs_box ol li{float: none; width: auto; margin-bottom: 10px; margin-right: 0px; padding: 15px;}
    .lxfs_box ol li span{float: left; font-size: 14px; line-height: 18px; padding-right: 10px;}
    .lxfs_box ol li font{font-size: 18px; text-align: center;}
    
    .map{height: 300px;}
}



.shfw_box{margin-bottom: 90px; background: #fdfdfd; overflow: hidden; position: relative;}

.shfw{position: relative;}
.shfw .con_box{position: absolute; top: 80px; bottom: 80px; z-index: 5; background: #fff; border-radius: 10px; box-shadow: 5px 0px 30px 0px rgba(0, 0, 0, 0.1); width: 55%; padding: 40px 30px; overflow: hidden;}
.shfw .con{margin-right: -10px; padding-right: 10px; height: 100%; font-size: 16px; line-height: 2; overflow-y: scroll;}
.shfw .con p{padding-bottom: 10px; text-indent: 32px;}
.shfw .img{float: right; width: 50%;}
.shfw .img img{height: 650px; border-radius: 20px; overflow: hidden;}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .shfw_box{margin-bottom: 80px;}
    .shfw .con_box{top: 40px; padding: 30px 30px;}
    .shfw .con{font-size: 14px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .shfw_box{margin-bottom: 60px;}
    .shfw .con_box{top: 40px; padding: 20px 20px;}
    .shfw .con{font-size: 14px;}
}

@media screen and (max-width: 767px){
    .shfw_box{margin-bottom: 40px;}
    .shfw .con_box{position: static; width: auto; margin-top: 15px; padding: 20px;}
    .shfw .con{font-size: 14px;}
    .shfw .img{float: none; width: auto;}
    .shfw .img img{width: 100%; height: auto; border-radius: 10px;}
}
/* 设置滚动条的样式 */
.shfw .con::-webkit-scrollbar {width:5px; background: #fff;}
/* 滚动槽 */
.shfw .con::-webkit-scrollbar-track {border-radius:10px;}
/* 滚动条滑块 */
.shfw .con::-webkit-scrollbar-thumb {border-radius:10px; background: #0079cc;}
/************************************************************内页样式结束************************************************************/











/*page*/
.page{text-align:center; margin:40px 0 60px 0;}
.page a,
.page span{margin: 0 3px; height: 35px; line-height: 35px; display: inline-block; padding: 0 12px; border: 1px solid #dddddd; background: #fff; border-radius: 3px;}
.page a:hover,
.page a.on,
.page span{background: #0079cc; border: 1px solid #0079cc; 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 a,
    .page span{padding: 0 10px; height: 32px; line-height: 32px;}
}
@media screen and (max-width:480px){
	.page{margin: 20px 0 30px 0;}
	.page a,
    .page span{margin: 0 1px; padding: 0 10px; height: 30px; line-height: 30px;}
}