* {
  -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: #fafbfb; color:#111; font-family:微软雅黑,sans-serif; width: 100%; font-size: 14px; 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:#111; 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:#fdd100; 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: 'GIL';
	src:url('../font/GIL.eot'); 
	src: 
		url('../font/GIL.eot?#iefix') format('embedded-opentype'), 
		url('../font/GIL.woff') format('woff'), 
		url('../font/GIL.ttf') format('truetype'), 
		url('../font/GIL.svg#aGENCYR') format('svg');
}


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

@media screen and (min-width: 1200px){
	.main{width: 1200px;}
}
@media screen and (min-width: 769px) and (max-width: 1199px){
	.main{width: 100%; padding: 0 15px;}
}
@media screen and (max-width: 768px){
	.main{padding: 0 15px;}
}


/*top*/
header{position: fixed; width: 100%; top: 0px; left: 0px; padding: 0 2.6%; color: #fff; z-index: 9999; background: rgba(17, 17, 17, 0.2); height: 120px;}
header .logo{position: absolute; left: 2.6%; top: 50%; transform:translateY(-54%); width: 31.77%;}
header .logo img{display: inline; vertical-align: middle; max-width: 100%;}

header .zddz{left: 36%; position: absolute; top: 50%; transform:translateY(-50%);}
header .zddz li{line-height: 28px;}
header .zddz li i{margin-right: 10px;}

header .lg{position: absolute; top: 50%; transform:translateY(-50%); right: 9.3%; line-height: 24px; padding: 10px 0;}
header .lg i{float: left; margin-right: 10px; font-size: 24px;}
header .lg em{font-size: 12px; margin-left: 8px;}
header .lg .tc{position: absolute; top: 100%; left: 0px; width: 120px; height: 0px; overflow: hidden;}
header .lg .tc ul{background: #fff; border-radius: 5px; padding: 10px 0; }
header .lg .tc ul li{text-align: center;}
header .lg .tc ul li a{display: block; line-height: 30px;}
header .lg:hover .tc{height: 80px;}


header .qt{position: absolute; right: 2.6%; top: 50%; transform:translateY(-50%); width: 5.3%;}
header .qt a{display: block; background: #fdd100; color: #111; line-height: 42px; text-align: center; font-size: 16px; font-weight: bold; border-radius: 5px;}

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%;}

header,
header .logo,
header .logo img,
header .zddz,
header .lg .tc,
header .lg,
header .qt,
.nav{
    transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

.large{background: rgba(17, 17, 17, 0.2); height: 120px;}
.small{background: rgba(17, 17, 17, 0.9); height: 100px;}
@media screen and (min-width: 1200px) and (max-width: 1440px){
    header .zddz li{line-height: 24px;}
    
    header .qt{height: 38px;}
    header .qt a{font-size: 14px; line-height: 38px;}
    
    .header .lg{right: 10%;}
    
    header,
    .large{height: 110px;}
    .small{height: 100px;}
}
@media screen and (min-width: 769px) and (max-width: 1199px){
    header .logo{width: 35%;}
    header .zddz{left: 40%; }
    
    header .zddz li{line-height: 20px; font-size: 12px;}
    
    header .qt{right: 5%; height: 38px; width: 100px;}
    header .qt a{font-size: 14px; line-height: 38px;}
    
    header .lg{right: 18%;}
    
    header,
    .large{height: 90px;}
    .small{height: 80px;}

    header .mmenu{display: block;}
    
    .m_lg{position: absolute; left: 20px; right: 20px; bottom: 5px;}
    .m_lg dd{margin-bottom: 10px;}
    .m_lg dd a{display: block; border: 1px solid #e7e7e7; background: #fff; border-radius: 4px; padding: 10px 10px;}
    
    .m_lg dd a.tqzh{background: #fdd100; color: #111; border-color: #fdd100;}
}

@media screen and (max-width: 768px){
    header{padding: 0 15px;}
    header .logo{width: auto;}
    header .logo img{height: 30px;}

    header .zddz{display: none;}
    header .lg{display: none;}
    header .qt{display: none;}
	
	header .mmenu{display: block;}
    
    header,
    .large{height: 60px; background: rgba(17, 17, 17, 0.9);}
    .small{height: 50px; background: rgba(17, 17, 17, 0.9);}
    
    .m_lg{position: absolute; left: 20px; right: 20px; bottom: 5px;}
    .m_lg dd{margin-bottom: 10px;}
    .m_lg dd a{display: block; border: 1px solid #e7e7e7; background: #fff; border-radius: 4px; padding: 10px 10px;}
    
    .m_lg dd a.tqzh{background: #fdd100; color: #111; border-color: #fdd100;}
}

.nav {position: absolute; left: 47%; top: 47%; transform:translateY(-50%); width: 33.51%;}
.nav ul{position: relative; z-index: 10; display: flex;}
.nav ul li{position:relative; z-index:50; text-align: center; flex: 1;}
.nav ul li a{position: relative; display:block; font-size:18px; line-height: 60px; color: #fff; overflow: hidden; white-space: nowrap;}
.nav ul li:first-child a{border-left: none!important;}
.nav ul li a:after{display: block; content: ""; position: absolute; left: 50%; bottom: 0px; width: 0px; height: 3px; background: #fdd100; border-radius: 50px; opacity: 0;}
.nav ul li a:hover,
.nav ul li a.on,
.nav ul li a.selected{color: #fdd100;}
.nav ul li a:hover:after,
.nav ul li a.on:after,
.nav ul li a.selected:after{margin-left: -15px; width: 30px; opacity: 1;}
* HTML .nav ul li a{display: inline-block}

.nav ul li ul{position: absolute; width:110px; visibility:hidden; z-index:999999; display: block; padding: 10px 0; background: #fff; border-radius: 5px; overflow: hidden;}
.nav ul li ul li{width: 100%; 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; font-weight:normal; font-size: 14px; border-top: 1px solid #e7e7e7; color: #555;}
.nav ul li ul li a:first-child{border-top: none;}
.nav ul li ul li a:after{display: none;}
.nav ul li ul li a.selected,
.nav ul li ul li a:hover{background:#fdd100; color: #111; 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: 1441px) and (max-width: 1560px){
    .nav ul li a{font-size: 16px;}
}
@media screen and (min-width: 1200px) and (max-width: 1440px){
    .nav ul li a{font-size: 16px;}
}
@media screen and (min-width: 769px) and (max-width: 1199px){
    .nav{display: none;}
}
@media screen and (max-width: 768px){
	.nav{display: none;}
}

/**/
footer{background: url("../images/f_bg.png") no-repeat center bottom #051e38; color: #fff;}
footer .f_logo{padding-top: 70px; padding-bottom: 40px;}
footer .f_menu{font-size: 16px; margin-left: -22px; margin-bottom: 40px;}
footer .f_menu li{position: relative; display: inline-block; padding: 0 22px;}
footer .f_menu li:after{position: absolute; left: 0px; top: 5px; width: 1px; height: 14px; background: #fff; display: block; content: "";}
footer .f_menu li:first-child:after{display: none;}
footer .f_menu li a{color: #fff;}
footer .f_lxwm{overflow: hidden; width: 50%;}
footer .f_lxwm dt{padding-bottom: 20px; font-size: 16px; font-weight: bold; opacity: 0.6;}
footer .f_lxwm dd{float: left; line-height: 28px; opacity: 0.66; width: 300px;}

footer .f_ewm{position: absolute; top: 90px; right: 0px; text-align: center;}
footer .f_ewm img{margin-bottom: 10px; width: 200px; height: 200px; background: #fff;}

footer .foot{margin-top: 30px; background: rgba(0, 0, 0, 0.102); line-height: 70px; color: #fff; opacity: 0.6;}

@media screen and (min-width: 769px) and (max-width: 1199px){
    footer .f_logo{padding-top: 40px; padding-bottom: 30px;}
    footer .f_logo img{height: 50px;}
    footer .f_menu li{padding: 0 18px;}
    
    footer .f_ewm{right: 15px; top: 120px;}
    footer .f_ewm img{width: 180px; height: 180px;}
}
@media screen and (max-width: 768px){
    footer .f_logo{padding-top: 30px; padding-bottom: 20px; text-align: center;}
    footer .f_logo img{max-width: 85%;}
    
    footer .f_menu{margin-bottom: 20px; font-size: 14px; overflow: hidden; text-align: center;}
    footer .f_menu li{padding: 0 0; display: inline-block; width: 24.2%; line-height: 24px;}
    footer .f_menu li:after{top: 3px;}
    footer .f_menu li:nth-child(5):after{display: none;}
    
    footer .f_lxwm{width: auto; text-align: center;}
    footer .f_lxwm dt{padding-bottom: 10px;}
    footer .f_lxwm dd{float: none; width: auto; line-height: 24px;}
    
    footer .f_ewm{position: static; padding-top: 20px;}
    footer .f_ewm img{width: 150px; height: 150px;}
    
	footer .foot{margin-top: 15px; line-height: 24px; text-align: center; padding: 15px 0; font-size: 12px;}
}




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

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

@media screen and (min-width: 769px) and (max-width: 991px){
	.slick-dots li button {height:4px!important; width:45px!important;}
}
@media screen and (max-width: 768px){
    .banner{padding-top: 60px;}
	.slick-dots {bottom:15px!important;}
	.slick-dots li button {height:4px!important;}
    .slick-dots li.slick-active button {width: 30px!important;}
}

/**/
.pro{margin-top: 50px; overflow: hidden; background: #fff; border-radius: 10px; box-shadow: 0px 10px 30px 0px rgba(5, 30, 56, 0.05); padding: 50px 20px;}
.pro li{float: left; width: calc(50% - 60px); margin: 0 30px; text-align: center;}
.pro li a{display: block; padding: 0px 0; background: rgba(5, 30, 56, 0.051); border-radius: 10px; }
.pro li a:hover{background: rgba(5, 30, 56, 0.1);}
    .pro li a img {
        height: 230px;
        width:100%;
    }

@media screen and (min-width: 769px) and (max-width: 1199px){
	.pro{margin-top: 40px; padding: 0px 0px;}
	.pro li a img{height: 170px;}
    .pro li{width: calc(50% - 40px); margin: 0 20px;}
    .pro li a{padding: 0px 0;}
}
@media screen and (min-width: 480px) and (max-width: 768px){
    .pro{margin-top: 20px; padding: 0px 0px;}
	.pro li a img{height: 120px;}
    .pro li{width: calc(50% - 30px); margin: 0 15px;}
    .pro li a{padding: 0px 0;}
}
@media screen and (max-width: 479px){
    .pro{margin-top: 20px; padding: 15px 15px 0 15px;}
    .pro li{float: none; width: auto; margin: 0 0 15px 0; }
    .pro li a{padding: 20px 0;}
    .pro li a img{height: 120px;}
}



/**/
.part1{padding-top: 60px; padding-bottom: 20px;}
.part1 h2{font-size: 36px; opacity: 0.6; font-family: "GIL"; line-height: 1; font-weight: normal;}
.part1 h3{padding-top: 10px; font-size: 28px; line-height: 1;}

@media screen and (min-width: 769px) and (max-width: 1199px){
	.part1{padding-top: 50px;}
    .part1 h2{font-size: 32px;}
    .part1 h3{padding-top: 5px; font-size: 24px;}
}
@media screen and (max-width: 768px){
    .part1{padding-top: 30px; padding-bottom: 10px;}
    .part1 h2{font-size: 24px;}
    .part1 h3{padding-top: 5px; font-size: 18px;}
}

.about_con{float: left; margin-bottom: 60px; width: 53%; font-size: 14px; line-height: 26px;}
.about_con .more{margin-top: 40px; display: block; width: 120px; line-height: 36px; text-align: center; background: #fdd100; border-radius: 20px;}
.about_con .more:hover{color: #111;}

.about_list{float: right; width: 47%; margin-bottom: 60px;}
.about_list li{float: left; width: calc(50% - 32px); margin-left: 32px;}
.about_list li span{display: block; position: relative; padding-bottom: 60%;}
.about_list li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border-radius: 5px; overflow: hidden;}

.about_list li h2{padding-top: 25px; font-family: "GIL"; font-size: 18px; font-weight: normal; line-height: 1; text-transform: uppercase; color: #111;}
.about_list li h3{padding-top: 8px; font-size: 18px; line-height: 1; color: #111;}
.about_list li em{display: block; padding-top: 20px; font-style: normal; text-transform: uppercase; opacity: 0.7;}
.about_list li a:hover em{color: #fdd100;}
@media screen and (min-width: 769px) and (max-width: 1199px){
    .about_con{line-height: 24px;}
    .about_con .more{margin-top: 20px;}
}
@media screen and (max-width: 768px){
    .about_con{float: none; width: auto; margin-bottom: 0; line-height: 24px;}
    .about_con .more{margin-top: 20px;}
    
    .about_list{float: none; overflow: hidden; width: auto; margin-bottom: 30px; margin-top: 30px; margin-left: -20px;}
    .about_list li{width: calc(50% - 20px); margin-left: 20px;}
    .about_list li h2{padding-top: 15px; font-size: 15px;}
    .about_list li h3{font-size: 16px;}
    .about_list li em{padding-top: 15px; font-size: 12px;}
}


/**/
.zhgl{background: url("../images/bg1.jpg") no-repeat center fixed; overflow: hidden;}
.zhgl ul{overflow: hidden; padding: 70px 0;}
.zhgl ul li{float: left; width: 37%;}
.zhgl ul li:last-child{width: 25%; float: right;}
.zhgl ul li i{float: left; margin-right: 20px; width: 105px; height: 105px; border-radius: 50%; border: 3px solid #111; text-align: center; line-height: 105px; font-size: 50px;}
.zhgl ul li span{display: block; font-size: 48px; padding-top: 10px; padding-bottom: 5px; line-height: 1; font-weight: bold; font-family: "GIL"}
.zhgl ul li span font{font-size: 28px; font-weight: normal;}
.zhgl ul li em{font-style: normal; font-size: 20px;}
@media screen and (min-width: 769px) and (max-width: 1199px){
    .zhgl ul{padding: 50px 0 50px 20px;}
    .zhgl ul li{width: 33.33%;}
    .zhgl ul li:last-child{width: 33.33%;}
    .zhgl ul li i{width: 90px; height: 90px; line-height: 90px; font-size: 44px;}
    .zhgl ul li span{font-size: 40px;}
    .zhgl ul li span font{padding-left: 5px; font-size: 24px;}
    .zhgl ul li em{font-size: 16px;}
}
@media screen and (max-width: 768px){
    .zhgl ul{padding: 40px 0;}
    .zhgl ul li{width: 33.33%; text-align: center;}
    .zhgl ul li:last-child{width: 33.33%;}
    .zhgl ul li i{float: none; margin: 0 auto; display: block; width: 70px; height: 70px; line-height: 70px; font-size: 36px;}
    .zhgl ul li span{font-size: 30px;}
    .zhgl ul li span font{padding-left: 5px; font-size: 16px;}
    .zhgl ul li em{font-size: 14px;}
}


/**/
.part2{position: relative; margin-top: 60px; margin-bottom: 30px; z-index: 2;}
.part2:after{display: block; content: ""; position: absolute; left: 0px; top: -2px; width: 10px; height: 20px; background: #fdd100; z-index: -1;}
.part2 h2{padding-left: 5px; font-family: "GIL"; font-size: 18px; font-weight: normal; text-transform: uppercase; opacity: 0.8; line-height: 1; z-index: 3}
.part2 h3{padding-top: 10px; font-size: 25px; line-height: 1;}
.part2 span{position: absolute; right: 0px; bottom: 0px;}
.part2 span a{display: block; width: 120px; line-height: 36px; background: #fdd100; color: #111; border-radius: 20px; text-align: center;}
@media screen and (min-width: 769px) and (max-width: 1199px){
    .part2{margin-top: 50px; margin-bottom: 25px;}
    .part2 h3{font-size: 22px;}
}
@media screen and (max-width: 768px){
    .part2{margin-top: 30px; margin-bottom: 20px;}
    .part2 h3{font-size: 20px;}
    .part2 span a{width: 100px; line-height: 32px;}
}

.zslb_bg{background: #fff; overflow: hidden;}
.list1{overflow: hidden; margin-left: -40px; margin-bottom: 30px;}
.list1 li{float: left; width: 50%;}
.list1 li a{display: block; margin-left: 40px; margin-bottom: 30px; background: rgba(5, 30, 56, 0.031); padding: 20px; border-radius: 10px; overflow: hidden;}
.list1 li span{float: left; width: 90px; margin-top: 15px;}
.list1 li span img{width: 100%;}
.list1 li .con{float: right; width: calc(100% - 110px); background: #fff; border-radius: 5px; padding: 20px;}
.list1 li .con h2{padding-bottom: 5px; font-size: 20px; line-height: 1;}
.list1 li .con h3{padding-bottom: 12px; font-size: 14px; font-weight: normal;}
.list1 li .con i{display: inline-block; padding: 0 15px; line-height: 30px; background: #fdd100; border-radius: 5px; font-style: normal; color: #111;}
@media screen and (min-width: 769px) and (max-width: 1199px){
    .list1{margin-left: -30px; margin-bottom: 25px;}
    .list1 li a{margin-left: 30px; margin-bottom: 25px; }
    .list1 li span{width: 80px;}
    .list1 li .con{width: calc(100% - 100px);}
    .list1 li .con h2{font-size: 18px;}
}
@media screen and (max-width: 768px){
    .list1{margin-left: 0px; margin-bottom: 20px;}
    .list1 li{float: none; width: auto;}
    .list1 li a{margin-left: 0px; margin-bottom: 15px; padding: 15px;}
    .list1 li span{width: 60px;}
    .list1 li .con{width: calc(100% - 80px); padding: 15px;}
    .list1 li .con h2{font-size: 16px;}
    .list1 li .con h3{padding-bottom: 8px; font-size: 12px;}
    .list1 li .con i{font-size: 12px; line-height: 28px; padding: 0 10px;}
}


/**/
.list2{overflow: hidden; margin-left: -40px; margin-bottom: 50px;}
.list2 li{float: left; width: 50%;}
.list2 li a{display: block; border-radius: 5px; background: #fff; margin-left: 40px; margin-bottom: 30px; overflow: hidden;}
.list2 li span{float: left; width: 220px; margin-right: 20px;}
.list2 li span i{position: relative; display: block; padding-bottom: 75%;}
.list2 li span i img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border-radius: 5px;}

.list2 li .con{padding: 20px;}
.list2 li .con h2{padding-bottom: 15px; font-size: 18px; line-height: 1; color: #111;}
.list2 li .con p{font-size: 12px; line-height: 20px; opacity: 0.8; color: #111;}
.list2 li .con i{margin-top: 15px; display: inline-block; padding: 0 15px; line-height: 32px; border: 1px solid #999; font-size: 12px; font-style: normal; text-transform: uppercase; opacity: 0.8;
    transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
.list2 li .con i em{padding-left: 5px;}
.list2 li a:hover .con i{background: #fdd100; color: #111; border-color: #fdd100; opacity: 1;}
@media screen and (min-width: 769px) and (max-width: 1199px){
    .list2{margin-left: -30px; margin-bottom: 40px;}
    .list2 li a{margin-left: 30px; margin-bottom: 25px;}
    .list2 li span{width: 180px;}
    .list2 li .con h2{padding-bottom: 10px; font-size: 16px;}
    .list2 li .con p{height: 40px; overflow: hidden;}
    .list2 li .con i{margin-top: 8px; padding: 0 12px; line-height: 28px;}
}
@media screen and (max-width: 768px){
    .list2{margin-left: 0px; margin-bottom: 30px;}
    .list2 li{float: none; width: auto;}
    .list2 li a{margin-left: 0px; margin-bottom: 15px;}
    .list2 li span{width: 140px;}
    .list2 li .con{padding: 15px;}
    .list2 li .con h2{padding-bottom: 5px; font-size: 16px;}
    .list2 li .con p{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
    .list2 li .con i{margin-top: 8px; padding: 0 10px; line-height: 24px;}
}


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






/************************************************************内页样式开始************************************************************/
.n_banner{position: relative; height: 400px; background-size: cover!important; margin-bottom: 50px;}
.n_banner h2{position: absolute; left: 0px; right: 0px; top: 62%; transform:translateY(-50%); text-align: center; font-size: 36px; line-height: 1; color: #fff;}
.n_banner h2:after{display: block; content: ""; margin: 20px auto 0 auto; width: 40px; height: 5px; border-radius: 5px; background: #fff;}

.about_banner{background: url("../images/about_banner.jpg") no-repeat center}
.zslb_banner{background: url("../images/zslb_banner.jpg") no-repeat center}
.zplb_banner{background: url("../images/zplb_banner.jpg") no-repeat center}
.jsyj_banner{background: url("../images/jsyj_banner.jpg") no-repeat center}
.lxwm_banner{background: url("../images/lxwm_banner.jpg") no-repeat center}

.breadCrumb{position: absolute; left: 0px; right: 0px; bottom: 0px; line-height: 60px; overflow: hidden; background: rgba(17, 17, 17, 0.102); color: #fff;}
.breadCrumb a{color: #fff;}
@media screen and (min-width: 769px) and (max-width: 1199px){
    .n_banner{height: 300px; margin-bottom: 40px;}
    .n_banner h2{font-size: 30px;}
    .n_banner h2:after{margin-top: 15px; width: 35px; height: 4px;}
    
    .breadCrumb{line-height: 50px;}
}
@media screen and (max-width: 768px){
    .n_banner{height: 200px; margin-bottom: 20px;}
    .n_banner h2{font-size: 20px;}
    .n_banner h2:after{margin-top: 10px; width: 30px; height: 3px;}
    
    .breadCrumb{font-size: 12px; line-height: 40px;}
}



/*left*/
.n_left{float: left; width: 20.83%;}
.n_right{float: right; width: 76.25%;}


.class_list{}
.class_list li{margin-bottom: 20px;}
.class_list li a{position: relative; display: block; background: rgba(17, 17, 17, 0.051); padding-left: 20px; line-height: 60px; font-size: 18px; border-radius: 0 10px 10px 0;}
.class_list li a:hover,
.class_list li a.on{background: #fdd100; color: #fff; font-weight: bold;}

@media screen and (min-width: 769px) and (max-width: 1199px){
	.n_left{float: left; width: 18.5%;}
    .n_right{float: right; width: 79%;}
    
    .class_list li a{font-size: 16px; line-height: 55px;}
	
}
@media screen and (max-width: 768px){
	.n_left{float: none; width: auto;}
    
    .class_list{display: flex; margin-left: -10px; margin-bottom: 10px;}
    .class_list li{flex: 1; padding-left: 10px; margin-bottom: 10px;}
    .class_list li a{font-size: 16px; text-align: center; padding: 0px; line-height: 45px; border-radius: 5px;}
    
	.n_right{float: none; width: auto;}
}



/*right*/




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

.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 15px 0; line-height: 1.5}
.time{margin-bottom: 20px; color: #b0b0b0; padding: 0 0 20px 0; border-bottom: 1px solid #e7e7e7; overflow: hidden;}
.time li{display: inline-block; position: relative; font-size: 16px;}
.time li i{margin: 0 5px 0 0; color: #fdd100; 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 30px; background: rgba(17, 17, 17, 0.02); 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 #fdd100; text-align: center; line-height: 50px;  color: #fdd100; font-weight: bold; font-size: 16px;}

@media screen and (min-width: 769px) and (max-width: 1199px){
    .xwxx_left{float: none; width: auto; padding-right: 0px; border-right: none;}
    
	.title{padding: 40px 0 10px 0; font-size: 28px;}
	
    .time{margin-bottom: 15px; padding-bottom: 15px;}
	.content{font-size: 14px;}
	
	.fy{margin-top: 35px; margin-bottom: 40px; padding: 10px 20px;}
	.fy li{line-height: 40px; }
    .fy span{width: 120px;}
    .fy span a{line-height: 40px;}
	
}
@media screen and (max-width: 768px){
    .xwxx_left{float: none; width: auto; padding-right: 0px; border-right: none; margin-top: 0px;}
	.title{padding: 10px 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: 15px; line-height: 180%;}
	
	.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: 26%; margin-top: -50px;}
.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 h3{font-size: 14px; font-weight: normal;}
.n_list2 li p{padding-bottom: 20px; font-size: 16px; color: #999; line-height: 1.5;}
.n_list2 li span{line-height: 1; font-weight: bold; color: #fdd100;}
.n_list2 li span i{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: 769px) and (max-width: 1199px){
	.xwxx_right{float: none; width: auto; margin-top: 1px;}
    
    .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: 768px){
    .xwxx_right{float: none; width: auto; margin-top: 0px;}
    
    .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: 5px; 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;}
}

.n_list3{}
.n_list3 li a{margin-bottom: 30px; display: block; padding-bottom: 25px; border-bottom: 1px solid #e7e7e7;}
.n_list3 li h2{font-size: 18px; line-height: 1; padding-bottom: 6px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.n_list3 li h3{padding-bottom: 10px; font-size: 14px; font-weight: normal;}
.n_list3 li em{display: inline-block; padding: 0 15px; line-height: 30px; background: #fdd100; border-radius: 5px; font-style: normal; color: #111;}
@media screen and (min-width: 769px) and (max-width: 1199px){
    .n_list3{padding-bottom: 20px;}
    .n_list3 li a{padding-bottom: 15px; margin-bottom: 15px;}
    .n_list3 li h2{padding-bottom: 10px; font-size: 16px;}
}

@media screen and (max-width: 768px){
    .n_list3{padding-bottom: 20px;}
    .n_list3 li a{padding-bottom: 15px; margin-bottom: 15px;}
    .n_list3 li h2{font-size: 16px;}
    .n_list3 li h3{padding-bottom: 8px; font-size: 12px;}
    .n_list3 li i{font-size: 12px; line-height: 28px; padding: 0 10px;}
}


/**/
.title2{margin-bottom: 20px; padding-top: 60px; border-bottom: 1px solid #e7e7e7;}
.title2 span{float: left; width: 80px; margin-right: 20px;}
.title2 span img{width: 100%; vertical-align: top}
.title2 h2{padding-bottom: 15px; font-size: 38px; line-height: 1;}
.title2 h3{font-size: 20px; line-height: 1; font-weight: normal;}
.title2 em{margin: 20px 0; display: inline-block; padding: 0 15px; line-height: 30px; background: #fdd100; border-radius: 5px; font-style: normal; color: #111;}
@media screen and (min-width: 769px) and (max-width: 1199px){
    .title2{padding-top: 50px;}
    .title2 h2{padding-bottom: 10px; font-size: 30px;}
}

@media screen and (max-width: 768px){
    
    .title2{padding-top: 20px;}
    .title2 span{width: 70px;}
    .title2 h2{padding-bottom: 10px; font-size: 20px;}
    .title2 h3{font-size: 14px;}
    .title2 em{margin: 15px 0;}
}


/*客户案例*/
.img_list{overflow: hidden; margin-left: -30px;}
.img_list li{float: left; width: 50%;}
.img_list li a{display: block; margin-left: 30px; margin-bottom: 20px; background: rgba(5, 30, 56, 0.031); padding: 20px; border-radius: 10px; overflow: hidden;}
.img_list li span{float: left; width: 80px; margin-top: 15px;}
.img_list li span img{width: 100%;}
.img_list li .con{float: right; width: calc(100% - 100px); background: #fff; border-radius: 5px; padding: 20px;}
.img_list li .con h2{padding-bottom: 5px; font-size: 18px; line-height: 1;}
.img_list li .con h3{padding-bottom: 12px; font-size: 14px; font-weight: normal;}
.img_list li .con i{display: inline-block; padding: 0 15px; line-height: 30px; background: #fdd100; border-radius: 5px; font-style: normal; color: #111;}
@media screen and (min-width: 769px) and (max-width: 1199px){
    .img_list{margin-left: -20px;}
    .img_list li a{margin-left: 20px; margin-bottom: 15px; padding: 15px;}
    .img_list li span{width: 70px;}
    .img_list li .con{width: calc(100% - 90px); padding: 15px;}
    .img_list li .con h2{font-size: 16px;}
    .img_list li .con h3{padding-bottom: 8px; font-size: 12px;}
}
@media screen and (max-width: 768px){
    .img_list{margin-left: 0px; margin-bottom: 10px;}
    .img_list li{float: none; width: auto;}
    .img_list li a{margin-left: 0px; margin-bottom: 15px; padding: 15px;}
    .img_list li span{width: 60px;}
    .img_list li .con{width: calc(100% - 80px); padding: 15px;}
    .img_list li .con h2{font-size: 16px;}
    .img_list li .con h3{padding-bottom: 8px; font-size: 12px;}
    .img_list li .con i{font-size: 12px; line-height: 28px; padding: 0 10px;}
}

/*客户案例*/
.img_list2{margin-left: -30px; overflow: hidden;}
.img_list2 li{float: left; width: 33.33%;}
.img_list2 li a{display: block; margin-left: 30px; margin-bottom: 20px; background: #fff; border-radius: 5px; overflow: hidden;}
.img_list2 li span{display: block; position: relative; padding-bottom: 74%; overflow: hidden;}
.img_list2 li span img{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; margin: auto; width: 100%; height: 100%;}
.img_list2 li h2{line-height: 55px; font-size: 16px; color: #555; text-align: center; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.img_list2 li a:hover{box-shadow: 0 0 20px rgba(0,0,0,0.05);}

@media screen and (min-width: 769px) and (max-width: 1199px){
	.img_list2{margin-left: -15px;}
	.img_list2 li h2{line-height: 50px; font-size: 14px;}
}
@media screen and (max-width: 768px){
	.img_list2{margin-left: -15px;}
	.img_list2 li{width: 50%;}
    .img_list2 li a{margin-left: 15px; margin-bottom: 15px;}
	.img_list2 li h2{line-height: 40px; font-size: 14px;}
}

/**/
.img_list3{overflow: hidden;}
.img_list3 li{}
.img_list3 li a{display: block; border-radius: 5px; background: #fff; overflow: hidden; margin-bottom: 30px;}
.img_list3 li span{float: left; width: 220px; margin-right: 20px;}
.img_list3 li span i{position: relative; display: block; padding-bottom: 75%;}
.img_list3 li span i img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border-radius: 5px;}

.img_list3 li .con{padding: 20px;}
.img_list3 li .con h2{padding-bottom: 15px; font-size: 18px; line-height: 1; color: #111;}
.img_list3 li .con p{font-size: 14px; line-height: 20px; opacity: 0.8; color: #111;}
.img_list3 li .con i{margin-top: 15px; display: inline-block; padding: 0 15px; line-height: 32px; border: 1px solid #999; font-size: 12px; font-style: normal; text-transform: uppercase; opacity: 0.8;
    transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
.img_list3 li .con i em{padding-left: 5px;}
.img_list3 li a:hover .con i{background: #fdd100; color: #111; border-color: #fdd100; opacity: 1;}
@media screen and (min-width: 769px) and (max-width: 1199px){
    .img_list3{margin-left: -30px; margin-bottom: 10px;}
    .img_list3 li a{margin-left: 30px; margin-bottom: 25px;}
    .img_list3 li span{width: 200px;}
    .img_list3 li .con h2{padding-bottom: 10px; font-size: 16px;}
    .img_list3 li .con p{height: 40px; overflow: hidden;}
    .img_list3 li .con i{margin-top: 12px; padding: 0 12px; line-height: 28px;}
}
@media screen and (max-width: 768px){
    .img_list3{margin-left: 0px; padding-top: 10px; margin-bottom: 10px;}
    .img_list3 li{float: none; width: auto;}
    .img_list3 li a{margin-left: 0px; margin-bottom: 15px;}
    .img_list3 li span{width: 140px;}
    .img_list3 li .con{padding: 15px;}
    .img_list3 li .con h2{padding-bottom: 5px; font-size: 16px;}
    .img_list3 li .con p{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
    .img_list3 li .con i{margin-top: 8px; padding: 0 10px; line-height: 24px;}
}



/**/
.lxwm_con{margin-left: -40px; padding-top: 25px; padding-bottom: 80px; overflow: hidden;}
.lxwm_con dt{padding-bottom: 30px; font-size: 24px; font-weight: bold; padding-left: 40px; line-height: 1;}
.lxwm_con dd{background: #fff; border-radius: 10px; float: left; margin-left: 40px; width: calc(25% - 40px); padding: 40px 40px; font-size: 18px;}
.lxwm_con dd i{display: block; padding-bottom: 20px; font-size: 32px; line-height: 1; color: #fdd100;}

@media screen and (min-width: 769px) and (max-width: 1199px){
    .lxwm_con{margin-left: -30px; padding-top: 20px; padding-bottom: 60px;}
    .lxwm_con dt{padding-bottom: 20px; font-size: 22px; padding-left: 30px;}
    .lxwm_con dd{margin-left: 30px; width: calc(25% - 30px); padding: 30px 25px; font-size: 18px;
    }
}
@media screen and (max-width: 768px){
    .lxwm_con{margin-left: 0px; padding-top: 10px; padding-bottom: 40px;}
    .lxwm_con dt{padding-left: 0px; padding-bottom: 15px; font-size: 18px;}
    .lxwm_con dd{float: none; width: auto; margin-bottom: 15px; margin-left: 0px; padding: 20px; font-size: 16px;}
    .lxwm_con dd i{float: left; margin-right: 20px; font-size: 24px;}
}









/*产品详细 开始*/
.pro_img{float:left; width: 50.27%; margin:20px 0 15px 0; border:1px solid #e7e7e7; padding:3px; background: #fff;}
.pro_img span{display: block; position: relative; width: 100%; padding: 0 0 75% 0;}
.pro_img span img{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; margin: auto; max-width: 95%; max-height: 95%;}

.pro_js_box{float: right; width: 47%; margin-top: 25px;}
.pro_js_box .pro_js{}
.pro_js_box .pro_js h2{font-size:24px; font-weight:normal; padding:10px 0 15px 0; border-bottom:1px dashed #e7e7e7; color: #333; }
.pro_js_box .pro_js span{line-height:24px; font-size:14px; padding:15px 0; border-bottom:1px dashed #e7e7e7; display:block}
.pro_js_box .pro_tel{font-size:14px; font-weight:bold; color:#333; padding:10px 0 20px 0; display:block;}
.pro_js_box .pro_tel b{font-size:24px; color:#ff7200; font-family: Impact; font-weight: normal;}
.pro_js_box .pro_gm{overflow: hidden; border-bottom:1px dashed #e7e7e7; padding: 0 0 28px 0; margin: 0 0 20px 0;}
.pro_js_box .pro_gm a{float: left; width:125px; height:35px; text-align:center; line-height:35px; overflow:hidden; font-size:16px; margin:0 10px 0 0;}
.pro_js_box .pro_gm a:hover{background:#dc3333;}
.pro_js_box .pro_gm a.gm{background:#014488; color: #fff}
.pro_js_box .pro_gm a:hover.gm{background: #014488; color: #fff}
.pro_js_box .pro_gm a.zx{background:#ff7200; color: #fff;}
.pro_js_box .pro_gm a:hover.zx{background: #ff7200; color: #fff;}

@media screen and (min-width: 992px) and (max-width: 1199px){
	.pro_js_box .pro_js h2{padding-top: 5px; padding-bottom: 10px; font-size: 22px}
	.pro_js_box .pro_js span{padding: 10px 0;}
	
	.pro_js_box .pro_gm{padding-bottom: 20px; margin-bottom: 15px;}
}	
@media screen and (min-width: 769px) and (max-width: 991px){
	.pro_js_box .pro_js h2{padding-top: 0px; padding-bottom: 10px; font-size: 20px}
	.pro_js_box .pro_js span{padding: 7px 0; font-size: 12px;}
	.pro_js_box .pro_tel{padding-bottom: 15px;}
	.pro_js_box .pro_gm{padding-bottom: 15px; margin-bottom: 10px;}
	.pro_js_box .pro_gm a{width: 100px; height: 30px; line-height: 30px; font-size: 12px;}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	.pro_img{float: none; width: auto; margin-top: 15px;}
	
	.pro_js_box{float: none; width: auto; margin-top: 0px;}
	.pro_js_box .pro_js h2{padding-top: 0px; padding-bottom: 10px; font-size: 18px;}
	.pro_js_box .pro_js span{padding: 10px 0; font-size: 12px;}
	.pro_js_box .pro_tel{padding-bottom: 10px;}
	.pro_js_box .bdsharebuttonbox{display: none;}
	.pro_js_box .pro_gm{padding: 3px 0 12px 0; margin: 0px; border-bottom: none; text-align: center;}
	.pro_js_box .pro_gm a{display: inline-block; width: 90px; height: 30px; line-height: 30px; font-size: 12px;}
}
@media screen and (max-width:480px){
	.pro_img{float: none; width: auto; margin-top: 15px;}
	
	.pro_js_box{float: none; width: auto; margin-top: 0px;}
	.pro_js_box .pro_js h2{padding-top: 0px; padding-bottom: 10px; font-size: 18px;}
	.pro_js_box .pro_js span{padding: 10px 0; font-size: 12px;}
	.pro_js_box .pro_tel{padding-bottom: 10px;}
	.pro_js_box .bdsharebuttonbox{display: none;}
	.pro_js_box .pro_gm{padding: 3px 0 12px 0; margin: 0px; border-bottom: none; text-align: center;}
	.pro_js_box .pro_gm a{display: inline-block; width: 90px; height: 30px; line-height: 30px; font-size: 12px;}
}


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











/*page*/
.page{text-align:center; margin:20px 0 20px 0;}
.page li{display: inline-block; *display: inline; margin-left:6px;}
.page li a,.page li span{height: 34px; line-height: 34px; display: block;padding: 0 12px; border: 1px solid #dddddd; background: #fff; border-radius: 3px;}
.page li a:hover,
.page li span.on{background: #fdd100; border: 1px solid #fdd100; color: #111;}

@media screen and (min-width: 769px) and (max-width: 1199px){
	.page{margin: 20px 0 20px 0;}
}
@media screen and (max-width:768px){
	.page{margin: 0 0 20px 0;}
	.page li{margin: 3px;}
	.page li a{padding: 0 10px;}
}

.ad-img {
    display: block;
    width: 100%;
    height: auto;
}