@charset "utf-8";
* {margin:0; padding:0; list-style:none; }
html{_background:url(about:blank);background-attachment:fixed;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,
button,input,textarea,th,td{margin:0;padding:0;}
body{ background:#fff; color:#717171; font-size:14px; font-family: '微软雅黑', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma'; margin:0 auto; padding:0; line-height:25px;}
ul,li{list-style:none;}
input,textarea,button,select{font-size:12px; outline:none; resize:none; color:#717171; font-family: '微软雅黑', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma';}
button{cursor: pointer;}
table{border-collapse:collapse;border-spacing:0;}
.clear {clear:both; height:0; font-size:0; line-height:0; overflow:hidden;}

a{color:#717171; text-decoration:none;-webkit-transition:color 0.3s ease-out;-moz-transition:color 0.3s ease-out;-o-transition:color 0.3s ease-out;transition:color 0.3s ease-out;}
a:hover{color:#e60012; text-decoration:none;}
img{border:none;}
#clear{width:100%; height:0px; clear:both;}
h2{ font-size:24px; font-weight:blod; line-height:30px;}
h4{ font-size:14px; font-weight:blod; line-height:30px;}
p{line-height:25px;}


.se1{color:#f15a2e;}.se2{color:#006db1}
.left{float:left;}.right{float:right;}
.line35{line-height:35px;}.line40{line-height:40px;}.line50{line-height:50px;}.line60{line-height:60px;}.line70{line-height:70px;}
.s12{font-size:12px;}.s14{font-size:14px;}.s16{font-size:16px;}.s18{font-size:18px;}.s20{font-size:20px;}.s22{font-size:22px;}.s24{font-size:24px;}.s26{font-size:26px;}.s28{font-size:28px;}.s30{font-size:30px;}.s32{font-size:32px;}.s34{font-size:34px;}.s36{font-size:36px;}.s38{font-size:38px;}.s40{font-size:40px;}






::selection {background:#23693a; color:#fff;}
::-moz-selection {background:#23693a; color:#fff;}
::-webkit-selection {background:#23693a; color:#fff;}








.tj2{ width:100%; height:auto; padding-bottom:60px; padding-top:10px;}

.focus{height:570px;max-width:1400px;margin:40px auto 0 auto; position:relative;}
.focus .left{float:left; width:920px; height:570px; position:relative;overflow:hidden;}
.focus .left li{position:absolute; left:0; top:0; width:100%; height:570px;    background-attachment: fixed; z-index:1; opacity:0; filter:alpha(opacity=0);}
.focus .left li img{ width:100%; height:100%;}
.focus .left li.active{z-index:2;}
.focus .right{ width:480px; overflow:hidden;border-right: 1px solid #E0E0E0;box-sizing: border-box; background:#fff; position:absolute; right:0px; z-index:99; }
.focus .right li{width:100%;height:142.5px; box-sizing: border-box; overflow:hidden; padding-left:10px;border: 1px solid #E0E0E0; border-bottom:0;  font-size:24px; line-height:88px;cursor: pointer;}
.focus .right li .rgt1{ float:left; width:50%; padding-left:20%; }
.focus .right li .rgt1 a{ color:#fff;}

.focus .right li .rgt1 h2{ font-size:24px; line-height:36px;color:##4F4F4F;  font-weight:normal; padding-top:38px;}
.focus .right li .rgt1 p{ color:#BDBDBD; font-size:18px;}
.focus .right li:last-child{border-bottom:1px #E0E0E0 solid;}
.focus .right li:hover,.focus .right li.active{color:#fff; background:#EF8418;}
.focus .right li:hover a,.focus .right li.active a{color:#fff;}
.focus .right li a:hover p,.focus .right li.active a p{color:#fff; }
.focus .right li:hover .rgt1 p{color:#fff; }
.focus .right li .rgt2{ width:47px; height:47px; float:right;;background-image:url(../images/ab1_1.png); background-repeat:no-repeat; margin-top:50px; margin-right:20px;}
.focus .right li .rgt3{ width:47px; height:47px; float:right;background-image:url(../images/ab2_1.png); background-repeat:no-repeat;margin-top:50px; margin-right:20px; }
.focus .right li .rgt4{ width:47px; height:47px; float:right;background-image:url(../images/ab3_1.png); background-repeat:no-repeat; margin-top:50px; margin-right:20px;}
.focus .right li .rgt5{ width:47px; height:47px; float:right;;background-image:url(../images/ab4_1.png); background-repeat:no-repeat; margin-top:50px; margin-right:20px;}


.focus .right li.active .rgt2{background-image:url(../images/ab1.png);}
.focus .right li.active .rgt3{background-image:url(../images/ab2.png);}
.focus .right li.active .rgt4{background-image:url(../images/ab3.png);}
.focus .right li.active .rgt5{background-image:url(../images/ab4.png);}


@media only screen and (max-width: 1480px) {
.focus{height:570px;max-width:96%;margin:40px auto 0 auto;}
}
@media only screen and (max-width: 1200px) {
.focus{height:500px;margin:40px auto 0 auto; position:relative;}
.focus .left{float:left; width:800px; height:500px; position:relative;overflow:hidden;}
.focus .left li{position:absolute; left:0; top:0; width:100%; height:500px;    background-attachment: fixed; z-index:1; opacity:0; filter:alpha(opacity=0);}
.focus .right{ width:400px; overflow:hidden;border-right: 1px solid #E0E0E0;box-sizing: border-box; background:#fff; position:absolute; right:0px; z-index:99; }
.focus .right li{width:100%;height:125px; box-sizing: border-box; overflow:hidden; padding-left:10px;border: 1px solid #E0E0E0; border-bottom:0;  font-size:24px; line-height:88px;cursor: pointer;}
.focus .right li .rgt2{ width:47px; height:47px; float:right;margin-left:30px;background-image:url(../images/ab1_1.png); background-repeat:no-repeat; }
.focus .right li .rgt1 h2{ font-size:24px; line-height:36px;color:##4F4F4F;  font-weight:normal; padding-top:25px;}
.focus .right li .rgt2{ width:47px; height:47px; float:right;;background-image:url(../images/ab1_1.png); background-repeat:no-repeat; margin-top:30px; margin-right:20px;}
.focus .right li .rgt3{ width:47px; height:47px; float:right;background-image:url(../images/ab2_1.png); background-repeat:no-repeat;margin-top:30px; margin-right:20px; }
.focus .right li .rgt4{ width:47px; height:47px; float:right;background-image:url(../images/ab3_1.png); background-repeat:no-repeat; margin-top:30px; margin-right:20px;}
.focus .right li .rgt5{ width:47px; height:47px; float:right;;background-image:url(../images/ab4_1.png); background-repeat:no-repeat; margin-top:30px; margin-right:20px;}
}
@media only screen and (max-width: 1100px) {
.focus .right{ width:300px;}
.focus .right li .rgt1{ float:left; width:60%; padding-left:10px; }
}
@media only screen and (max-width:870px) {
.focus{height: auto;margin:30px auto 0 auto; position:  static;}
.focus .left{float:left; width:100%; height:500px;; position:relative;overflow:hidden;}
.focus .left li img{ width:100%; height: auto; display:block;}
.focus .right{ width:100%; overflow:hidden;border-right: 1px solid #E0E0E0;box-sizing: border-box; background:#fff; position:static ;   }
.focus .right li{width:100%;height:80px; box-sizing: border-box; overflow:hidden; padding-left:10px;border: 1px solid #E0E0E0; border-bottom:0;  font-size:24px; line-height:88px;cursor: pointer;}
.focus .right li .rgt1{ float:left; width:50%; padding-left:10px;; }

.focus .right li .rgt1 h2{ font-size:18px; line-height:28px;color:##4F4F4F;  font-weight:normal; padding-top:20px;}
.focus .right li .rgt1 p{ color:#BDBDBD; font-size:14px;}
.focus .right li .rgt2{ width:47px; height:47px; float:right;;background-image:url(../images/ab1_1.png); background-repeat:no-repeat; margin-top:20px; margin-right:10px;}
.focus .right li .rgt3{ width:47px; height:47px; float:right;background-image:url(../images/ab2_1.png); background-repeat:no-repeat;margin-top:20px; margin-right:10px; }
.focus .right li .rgt4{ width:47px; height:47px; float:right;background-image:url(../images/ab3_1.png); background-repeat:no-repeat; margin-top:20px; margin-right:10px;}
.focus .right li .rgt5{ width:47px; height:47px; float:right;;background-image:url(../images/ab4_1.png); background-repeat:no-repeat; margin-top:20px; margin-right:10px;}
}
.tj1{ width:100%; height:auto; padding-bottom:60px;}
.tj11{ max-width:1400px; height:auto; margin:40px auto; }
.tj11 img{ width:100%;}
.main21 {max-width: 1400px;margin:40px auto;}
.tabn1 {overflow: hidden;width: 100%;height: 60px;;cursor: pointer;}
.tabn1 li {float: left;width: 20%;text-align: center; color:#333333;line-height: 40px; height:60px; font-size:24px; background:url(../images/c3.png) center  bottom no-repeat;}
.tabn1 li.on {background:url(../images/c2.png) center  bottom no-repeat; color:#003D7F;}
.conn1 {width: 100%; margin-top:35px;}
.tbn11{ width:50%; height:auto; float:left;}
.tbn11 img{ width:100%;}
.tbn12{ width:46%; float:right;}
.tbn12 h2{ width:100%; height:40px; line-height:40px; font-size:24px; font-weight:normal; color:#333333;}
.tbn12 p{ width:100%; height:auto; font-size:18px; color:#4f4f4f;}
@media only screen and (max-width: 1480px) {
.main21{max-width:96%;margin:40px auto 0 auto;}
.tj11{ max-width:96%; height:auto; margin:30px auto; }
}
@media only screen and (max-width: 1200px) {
	.tj1{ width:100%; height:auto; padding-bottom:40px;}
.tj11{  height:auto; margin:30px auto; }
.tj11 img{ width:100%;}
	.main21 {margin:30px auto;}
	.tabn1 {overflow: hidden;width: 100%;height: 50px;;cursor: pointer;}
.tabn1 li {float: left;width: 20%;text-align: center; color:#333333;line-height: 40px; height:50px; font-size:18px; background:url(../images/c3.png) center  bottom no-repeat;}
.tbn12 h2{ width:100%; height:40px; line-height:40px; font-size:20px; font-weight:normal; color:#333333;}
.tbn12 p{ width:100%; height:auto; font-size:14px; color:#4f4f4f;}
}
@media only screen and (max-width: 756px) {
	.tj1{ width:100%; height:auto; padding-bottom:30px;}
.tj11{; height:auto; margin:20px auto; }
.tj11 img{ width:100%;}
	.main21 {margin:20px auto;}
	.tabn1 {overflow: hidden;width: 100%;height: 40px;;cursor: pointer;}
.tabn1 li {float: left;width: 20%;text-align: center; color:#333333;line-height: 30px; height:40px; font-size:14px; background:url(../images/c3.png) center  bottom no-repeat;}
.conn1 {width: 100%; margin-top:15px;}
.tbn12 h2{ width:100%; height:30px; line-height:30px; font-size:18px; font-weight:normal; color:#333333;}
.tbn12 p{ width:100%; height:auto; font-size:14px; color:#4f4f4f;}
.tbn11{ width:100%; height:auto; margin-bottom:20px; float:left;}
.tbn11 img{ width:100%;}
.tbn12{ width:100%; float:right;}
}








#wap_nav{ display:none;}
#top{width:100%; height:110px; margin:0 auto; background:#fff; position:fixed; z-index:99999;}
#topc{width:90%; height:110px; margin:0 auto;position:relative; padding:0px 5%;}
#topcl{ height:110px; float:left; margin-top:0px; margin-left:0px;}
#topcl img{height:110px; }
#topcr{width:966px; height:110px; float:right; padding-right:0px;}
.sp_tip{ width:100%; height:32px;  padding-top:12px; }
.sp_left{ width:239px;float:right;}
.s1{width:196px; height:32px; line-height:32px; margin:0; padding-left:10px;  border:none; background:url(../images/let1.jpg); color:#888}
.s1:hover{border-right:none;}
.sp_right{ width: auto; padding-left:25px; height:32px; line-height:32px; margin-left:5px; background:url(../images/ph1.jpg) left center no-repeat; float:right;}


#menu_wp{width:100%; height:65px; }
/*menu*/
#menu { display:block; width:100%; margin:0 auto; height:65px;}
#nav {display:block;}
#nav .mainlevel {float:left; text-align:center; display:block; z-index:999999}
#nav .mainlevel a{ text-decoration:none; width:107px; text-align:center; line-height:65px;  color:#4c4c4c; height:65px; display:block; font-size:16px; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; z-index:99999;}
#nav .mainlevel a:hover {color:#e60012;  text-decoration:none; z-index:999}
#nav .mainlevel ul { display:block; position:absolute; display:none; right:0px; top:110px;box-sizing: border-box; text-align:center; width:100%; padding:25px 60px 0px 60px; z-index:99; background: rgba(0,0,0,0.69);}
#nav .mainlevel ul .subcenter{ padding-left:700px;}
#nav .mainlevel ul a{ display:inline-block; padding:0px 40px;}
#nav .mainlevel ul a img{ width:145px; height:100px;}
#nav .mainlevel ul a p{ width:145px; height:40px; line-height:40px; text-align:center; color:#333333;background: rgba(255,255,255,1);}
#nav .mainlevel ul a:hover p{ color:#e60012;}
.tpp{ width:100%; height:110px;}
.snav{ display:none;}
@media only screen and (max-width:1600px) {

#top{width:100%; height:201px; margin:0 auto; background:#fff; position:fixed; z-index:99999;border-bottom:#eee 1px solid;}
#topc{width:100%; height:201px; margin:0 auto; padding:0px; position: relative;}
#topcl{ height:110px; width:100%; float: none; margin:0 auto; border-bottom:#eee 1px solid; text-align:center;}
#topcl img{height:110px; width:453px; }
#topcr{width:966px; height:90px; float: none; padding-right:0px; margin:0 auto;}
.sp_tip{ width:100%; height:32px;  padding-top:12px; }
.sp_left{ width:239px;float:right;}
.s1{width:196px; height:32px; line-height:32px; margin:0; padding-left:10px;  border:none; background:url(../images/let1.jpg); color:#888}
.s1:hover{border-right:none;}
.sp_right{ width: auto; padding-left:25px; height:32px; line-height:32px; margin-left:5px; background:url(../images/ph1.jpg) left center no-repeat; float:right;}


#menu_wp{width:100%; height:46px; }
/*menu*/
#menu { display:block; width:100%; margin:0 auto; height:46px;}
#nav {display:block;}
#nav .mainlevel {float:left; text-align:center; display:block; z-index:999999}
#nav .mainlevel a{ text-decoration:none; width:107px; text-align:center; line-height:46px;  color:#4c4c4c; height:46px; display:block; font-size:16px; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; z-index:99999;}
#nav .mainlevel a:hover {color:#e60012;  text-decoration:none; z-index:999}
#nav .mainlevel ul { display:block; position:absolute; display:none; right:0px; top:202px; text-align:center; width:100%; padding:25px 60px 20px 60px; z-index:99; background: rgba(0,0,0,0.69);}
#nav .mainlevel ul .subcenter{ padding-left:0px; width:100%;}
#nav .mainlevel ul a{ display:inline-block; padding:0px 40px;}
#nav .mainlevel ul a img{ width:145px; height:100px;}
#nav .mainlevel ul a p{ width:145px; height:40px; line-height:40px; text-align:center; color:#333333;background: rgba(255,255,255,1);}
#nav .mainlevel ul a:hover p{ color:#e60012;}
.tpp{ width:100%; height:202px;}
}

@media only screen and (max-width:1366px) {

#top{width:100%; height:171px; margin:0 auto; background:#fff; position:fixed; border-bottom:#eee 1px solid;}
#topc{width:100%; height:171px; margin:0 auto; padding:0px;position:relative;}
#topcl{ height:80px; width:100%; float: none; margin:0 auto;border-bottom:#eee 1px solid; text-align:center;}
#topcl img{height:80px; width: auto; }
#topcr{width:966px; height:90px; float: none; padding-right:0px; margin:0 auto;}
.sp_tip{ width:100%; height:32px;  padding-top:12px; }
.sp_left{ width:239px;float:right;}
.s1{width:196px; height:32px; line-height:32px; margin:0; padding-left:10px;  border:none; background:url(../images/let1.jpg); color:#888}
.s1:hover{border-right:none;}
.sp_right{ width: auto; padding-left:25px; height:32px; line-height:32px; margin-left:5px; background:url(../images/ph1.jpg) left center no-repeat; float:right;}


#menu_wp{width:100%; height:46px; }
/*menu*/
#menu { display:block; width:100%; margin:0 auto; height:46px;}
#nav {display:block;}
#nav .mainlevel {float:left; text-align:center; display:block; z-index:999999}
#nav .mainlevel a{ text-decoration:none; width:107px; text-align:center; line-height:46px;  color:#4c4c4c; height:46px; display:block; font-size:16px; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; z-index:99999;}
#nav .mainlevel a:hover {color:#e60012;  text-decoration:none; z-index:999}
#nav .mainlevel ul { display:block; position:absolute; display:none; right:0px; top:172px; text-align:center; width:100%; padding:30px 60px 20px 60px; z-index:99; background: rgba(0,0,0,0.69);}
#nav .mainlevel ul .subcenter{ padding-left:0px; width:100%;}
#nav .mainlevel ul a{ display:inline-block; padding:0px 40px;}
#nav .mainlevel ul a img{ width:145px; height:100px;}
#nav .mainlevel ul a p{ width:145px; height:40px; line-height:40px; text-align:center; color:#333333;background: rgba(255,255,255,1);}
#nav .mainlevel ul a:hover p{ color:#e60012;}
.tpp{ width:100%; height:172px;}


}

@media only screen and (max-width: 1000px) {	
#top{ display:none;}	
.topt{width:100%; height:81px; display:block;}
.snav{ display: block;}
	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:80px;overflow:hidden;border-top:0px solid #6ac4e7;border-bottom:1px solid #eee;position:fixed;z-index:1000000;width:100%; background:#fff; }
.sp_logo{padding:10px;float:left;height:80px}
.sp_logo img{margin:auto;max-height:55px;}
.sp_nav{width:80px;float:right;position:relative;cursor:pointer;height:30px;margin-top:25px}
.sp_nav span{display:block;background:#003d7f;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9999999999999999;background-color:#fff;opacity: 0.9; width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:81px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 150px)}
.sjj_nav>ul>li:first-child .language{float:right;width:150px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:60px;float:left;text-align:center; margin:0px 5px; font-size:12px; border-radius:2px;color:#fff; background:#0d5295;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;height:30px;padding:0px 7px 0 7px;border-left:1px #003d7f solid;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #003d7f solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #0d5295 solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#2f2f2f;width:80%}
.sjj_nav ul li a:hover{ color:#e50011;}
.sjj_nav ul li ul li a{color:#2f2f2f;display:block;text-align:left;}
.sjj_nav ul li ul li a:hover{color:#e50011;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#0d5295;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#0d5295}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/

.tpp{ width:100%; height:81px;}
}

	*{zoom:1}
		.banner{ width:100%; position:relative; background:#000; margin:0 auto; }
		.banner .bd{ position:relative; z-index:0; }

		.banner .bd li img{width:100%;  display: block; height: auto; } 
		.banner .bd li-active img{ animation: banner 10s linear infinite; }
		
		
		.banner .hd{position:relative; z-index:1; margin-top:-30px; height:30px; line-height:30px;  text-align:center;
			  filter:alpha(opacity=60);opacity:0.6 
		}
		.banner .hd ul{ text-align:center;  padding-top:5px;  }
		.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:70px; height:5px; margin:5px;background: rgba(0, 0, 0, 0.5); overflow:hidden; font-size:0;}
		.banner .hd ul .on{ background: rgba(241, 132, 22, 1); }
		
		.banner .prev{ z-index:1; display:block; width:66px; height:66px; position:relative; margin:-25% 0 0 3%; float:left;background: url(../images/icon1_1.png) center no-repeat; filter:alpha(opacity=40);opacity:1  }
.banner .next{ z-index:1; display:block; width:66px; height:66px; position:relative; margin:-25% 0 0 3%; float:right;background: url(../images/icon2_1.png) center no-repeat; filter:alpha(opacity=40);opacity:1  }
.banner .next{  background-position:right 0;  margin-right:3%  }
.banner .prev:hover{background: url(../images/icon1.png) center no-repeat;filter:alpha(opacity=80);opacity:1 }

.banner .next:hover{ background: url(../images/icon2.png) center no-repeat;filter:alpha(opacity=80);opacity:1 }
		
@media only screen and (max-width: 1000px) {
		.banner .prev{ z-index:1; display:block; width:66px; height:66px; position:relative; margin:-25% 0 0 3%; float:left;background: none ; filter:alpha(opacity=40);opacity:1  }
.banner .next{ z-index:1; display:block; width:66px; height:66px; position:relative; margin:-25% 0 0 3%; float:right;background:none ; filter:alpha(opacity=40);opacity:1  }
}
.cont1{ max-width:1440px; margin:80px auto; height:590px;}
.cnt11{ width:41%; padding-right:20px;box-sizing: border-box; float:left;}
.cnt11_1{ width:100%; margin-bottom:20px; height:285px;overflow:hidden;}
.cnt11_11{width:100%; height:285px;background:url(../images/a1.jpg) left bottom no-repeat; background-size:cover;position:relative;}
.cnt11_12{width:100%; height:285px;background:url(../images/a2.jpg) left bottom no-repeat; background-size:cover;position:relative;}
.cnt11_2{width:100%; height:285px;position:relative; overflow:hidden;  }
.cnt12{ width:59%; height:590px; float:right; overflow:hidden;  }
.cnt12tb{ width:100%; height:590px;position:relative; background:url(../images/a3.jpg) left bottom no-repeat; background-size:cover;}

.cnt1_z{ width:100%; height:50px;background: rgba(0,0,0,0.3); line-height:50px; text-align:center; position:absolute; bottom:0px; font-size:16px;  }
.cnt1_z a{ color:#fff;}
.cnt11_1:hover .cnt1_z a{ color:#e60012;}
.cnt11_2:hover .cnt1_z a{ color:#e60012;}
.cnt12:hover .cnt1_z a{ color:#e60012;}
.cnt12_1{ width:100%; height:auto; padding-left:48px; padding-top:38px; color:#343434; font-size:16px; line-height:34px;box-sizing: border-box; }

@media only screen and (max-width: 1480px) {
.cont1{ max-width:96%; margin:70px auto; height:590px;}


}

@media only screen and (max-width:1366px) {
.cont1{ max-width:96%; margin:40px auto; height:490px;}
.cnt11_1{ width:100%; margin-bottom:20px; height:235px; }
.cnt11_2{width:100%; height:235px;  }
.cnt11_11{width:100%; height:235px;background:url(../images/a1.jpg) left bottom no-repeat; background-size:cover;position:relative;}
.cnt11_12{width:100%; height:235px;background:url(../images/a2.jpg) left bottom no-repeat; background-size:cover;position:relative;}
.cnt12{ width:59%; height:490px; float:right;  }
.cnt12tb{ width:100%; height:490px;position:relative; background:url(../images/a3.jpg) left bottom no-repeat; background-size:cover;}
}
@media only screen and (max-width:1000px) {
.cont1{ max-width:96%; margin:50px auto; height:390px;}
.cnt11{ width:41%; padding-right:8px;box-sizing: border-box; float:left;}
.cnt11_1{ width:100%; margin-bottom:8px; height:191px; overflow:hidden;  }
.cnt11_2{width:100%; height:191px; overflow:hidden;  }
.cnt11_11{width:100%; height:191px;background:url(../images/a1.jpg) left bottom no-repeat; background-size:cover;position:relative;}
.cnt11_12{width:100%; height:191px;background:url(../images/a2.jpg) left bottom no-repeat; background-size:cover;position:relative;}
.cnt12{ width:59%; height:390px; float:right; }
.cnt12tb{ width:100%; height:390px;position:relative; background:url(../images/a3.jpg) left bottom no-repeat; background-size:cover;}
}
@media only screen and (max-width:756px) {
.cont1{ max-width:96%; margin:30px auto; height:530px;}
.cnt11{ width:100%; padding-right:0px;box-sizing: border-box; float: none;}
.cnt11_1{ width:49%; margin-bottom:8px; margin-right:2%; float:left;  overflow:hidden;  }
.cnt11_2{width:49%; height:191px; float:right; overflow:hidden;  }
.cnt11_11{width:100%; height:191px;background:url(../images/a1.jpg) left bottom no-repeat; background-size:cover;position:relative;}
.cnt11_12{width:100%; height:191px;background:url(../images/a2.jpg) left bottom no-repeat; background-size:cover;position:relative;}
.cnt12{ width:100%; height:331px; float:right;  }
.cnt12tb{ width:100%; height:331px;position:relative; background:url(../images/a3.jpg) left bottom no-repeat; background-size:cover;}
.cnt12_1{ width:94%; margin:0 auto; padding-left:0px; height:auto; padding-top:12px; color:#343434; font-size:14px; line-height:24px;box-sizing: border-box; }
.cnt1_z{ width:100%; height:36px;background: rgba(0,0,0,0.3); line-height:36px; text-align:center; position:absolute; bottom:0px; font-size:16px;  }
}
.cont2{ width:100%; height:auto; background:#f5f5f5; padding-bottom:50px; overflow:hidden;}
.bt1{ margin:40px auto 30px auto; width:100%; height:auto; text-align:center;}
.bt1 h2{ font-size:35px; line-height:65px; color:#4a4a4a;}
.bt1 p{ font-size:16px; color:#7e7e7e; line-height:25px;}
.cnt2{ max-width:1440px; height:auto; margin:0 auto;}
.cnt2_img{ width:100%; height:auto; margin-bottom:40px; overflow:hidden;}
.cnt2_img img{ width:100%;transition:all 3s;}
.cnt2_img:hover img { transform:scale(1.08);}

.list2{ width: 100%;box-shadow: 0px 10px 10px -10px #5E5E5E;}
.list2 li{ width: 20%; float: left; padding-top: 20px; padding-bottom:30px; text-align: center;}
.list2 li p{display: inline-block; font-weight: bold; line-height: 75px; font-size: 44px; font-family: impact; position: relative; color: #004ea2;}
.list2 li h2{ line-height: 26px; font-size: 14px; color: #737373; font-weight:normal;}
 .list2 li h2 span{ width:96%; margin:0 auto; display:block; color:#404040; font-size:12px; height:26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
 
.list2 .ani1{ background:#003d7f;float: left; text-align: center;}
.list2 .ani1 p{display: inline-block; font-weight: bold; font-family: impact; position: relative; color: #fff;}
.list2 .ani1 h2{ color: #fff; font-weight:normal;}
.list2 .ani1 h2 span{  color:#fff; display: block;}
.list2 .ani2{ background:#EF8518;float: left; text-align: center;}
.list2 .ani2 p{display: inline-block; font-weight: bold; overflow:hidden; font-family: impact; position: relative; color: #fff;}
.list2 .ani2 h2{  color: #fff; font-weight:normal; overflow:hidden;}
.list2 .ani2 h2 span{  color:#fff; display: block;}

@media only screen and (max-width: 1480px) {
.bt1{ margin:45px auto 30px auto; width:100%; height:auto; text-align:center;}
.bt1 h2{ font-size:35px; line-height:45px; color:#4a4a4a;}
.bt1 p{ font-size:16px; color:#7e7e7e; line-height:25px;}
.cnt2{ max-width:96%; height:auto; margin:0 auto;}
}
@media only screen and (max-width: 1000px) {
.bt1{ margin:35px auto 25px auto; width:100%; height:auto; text-align:center;}
.bt1 h2{ font-size:28px; line-height:35px; color:#4a4a4a;}
.bt1 p{ font-size:14px; color:#7e7e7e; line-height:22px;}
.cnt2_img{ width:100%; height:auto; margin-bottom:20px; overflow:hidden;}
.list2 li{ width: 20%; float: left; padding-top: 10px; padding-bottom:20px; text-align: center;}
.list2 li p{display: inline-block; font-weight: bold; line-height: 55px; font-size: 34px; font-family: impact; position: relative; color: #004ea2;}
.list2 li h2{ line-height: 26px; font-size: 12px; color: #737373; font-weight:normal;}
 .list2 li h2 span{ font-size: 12px; color:#404040; display: block;}
}
@media only screen and (max-width:756px) {
.cont2{ width:100%; height:auto; background:#f5f5f5; padding-bottom:30px; overflow:hidden;}
.bt1{ margin:30px auto 20px auto; width:90%; height:auto; text-align:center;}
.bt1 h2{ font-size:20px; line-height:30px; color:#4a4a4a;}
.bt1 p{ font-size:12px; color:#7e7e7e; line-height:20px;}
	.list2{ width: 100%;box-shadow: 0px 0px 0px -0px #5E5E5E;}
.cnt2_img{ width:100%; height:auto; margin-bottom:20px; overflow:hidden;}
.list2 li{ width:50%; float: left; padding-top: 10px; padding-bottom:20px; text-align: center;box-shadow: 0px 10px 10px -10px #5E5E5E;}
.list2 li p{display: inline-block; font-weight: bold; line-height: 45px; font-size: 30px; font-family: impact; position: relative; color: #004ea2;}
.list2 li h2{ line-height: 22px; font-size: 12px; color: #737373; font-weight:normal;}
 .list2 li h2 span{ font-size: 12px; color:#404040; display: block;}
 .list2 .ani3{ display:none;}

}
.cont3{ width:100%; padding:40px 0px;}
.cont4{ width:100%; padding:40px 0px; background:#f5f5f5;}
.cnt3z{ max-width:1440px; margin:0 auto;}
.cnt31{ width:45%; float:left;}
.cnt31 h2{ font-size:30px; width:100%; height:75px; color:#363636; font-weight:normal; line-height:75px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cnt31 p{ width:100%; height:auto; height:128px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4; overflow: hidden; line-height:32px; font-size:16px;}
.cnt31 .cnt31z { width:100%; height:auto; margin-top:50px;}
.cnt31 .cnt31z li{ width:25%; float:left;}
.cnt31 .cnt31z li a{ width:96%; display:block; margin:0 auto; background:#d85c5c; overflow:hidden;}
.cnt31 .cnt31z li a p{ width:100%; height:40px; line-height:40px; text-align:center; background:#ececec;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cnt31 .cnt31z li a img{ width:100%;transition:all 2s;}
.cnt31 .cnt31z li a:hover img {opacity:0.4; transform:scale(1.08);}

.cnt31 .cnt31z li a:hover p{ background:#d85c5c; color:#fff;}
.cnt32{ width:52%; float:right; overflow:hidden;}
.cnt32 img{ width:100%;transition:all 2s;}
.cnt32:hover img {opacity:1; transform:scale(1.08);}

.cnt314{ width:45%; float:right;}
.cnt314 h2{ font-size:30px; width:100%; height:75px; color:#363636; font-weight:normal; line-height:75px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cnt314 p{ width:100%; height:auto; height:128px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4; overflow: hidden; line-height:32px; font-size:16px;}
.cnt314 .cnt31z { width:100%; height:auto; margin-top:50px;}
.cnt314 .cnt31z li{ width:25%; float:left;}
.cnt314 .cnt31z li a{ width:96%; display:block; margin:0 auto; background:#d85c5c; overflow:hidden;}
.cnt314 .cnt31z li a p{ width:100%; height:40px; line-height:40px; text-align:center; background:#ececec;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cnt314 .cnt31z li a img{ width:100%;transition:all 2s;}
.cnt314 .cnt31z li a:hover img {opacity:0.4; transform:scale(1.08);}

.cnt314 .cnt31z li a:hover p{ background:#d85c5c; color:#fff;}
.cnt324{ width:52%; float:left; overflow:hidden;}
.cnt324 img{ width:100%;transition:all 2s;}
.cnt324:hover img {opacity:1; transform:scale(1.08);}



@media only screen and (max-width: 1480px) {
.cnt3z{ max-width:96%; margin:0 auto;}
.cnt31 h2{ font-size:25px; width:100%; height:65px; color:#363636; font-weight:normal; line-height:65px;}
.cnt31 p{ width:100%; height:auto; height:112px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4; overflow: hidden; line-height:28px; font-size:16px;}
.cnt31 .cnt31z { width:100%; height:auto; margin-top:40px;}
.cnt31 .cnt31z li a p{ width:100%; height:35px; line-height:35px; text-align:center; background:#ececec; font-size:14px;}

.cnt314 h2{ font-size:25px; width:100%; height:65px; color:#363636; font-weight:normal; line-height:65px;}
.cnt314 p{ width:100%; height:auto; height:112px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4; overflow: hidden; line-height:28px; font-size:16px;}
.cnt314 .cnt31z { width:100%; height:auto; margin-top:40px;}
.cnt314 .cnt31z li a p{ width:100%; height:35px; line-height:35px; text-align:center; background:#ececec; font-size:14px;}


}
@media only screen and (max-width: 1100px) {
.cnt31 h2{ font-size:22px; width:100%; height:45px; color:#363636; font-weight:normal; line-height:45px;}
.cnt31 p{ width:100%; height:auto; height:96px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4; overflow: hidden; line-height:24px; font-size:14px;}
.cnt31 .cnt31z { width:100%; height:auto; margin-top:30px;}
.cnt314 h2{ font-size:22px; width:100%; height:45px; color:#363636; font-weight:normal; line-height:45px;}
.cnt314 p{ width:100%; height:auto; height:96px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4; overflow: hidden; line-height:24px; font-size:14px;}
.cnt314 .cnt31z { width:100%; height:auto; margin-top:30px;}
}
@media only screen and (max-width: 850px) {
.cnt31 h2{ font-size:20px; width:100%; height:35px; color:#363636; font-weight:normal; line-height:35px;}
.cnt31 p{ width:100%; height:auto; height:88px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4; overflow: hidden; line-height:22px; font-size:14px;}
.cnt314 .cnt31z { width:100%; height:auto; margin-top:20px;}
.cnt314 h2{ font-size:20px; width:100%; height:35px; color:#363636; font-weight:normal; line-height:35px;}
.cnt314 p{ width:100%; height:auto; height:88px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4; overflow: hidden; line-height:22px; font-size:14px;}
.cnt314 .cnt31z { width:100%; height:auto; margin-top:20px;}
}
@media only screen and (max-width:756px) {
.cnt31{ width:100%; float: none; }
.cnt31 .cnt31z { width:100%; height:auto; margin-top:15px;}
.cnt32{ width:100%; float:none; margin-top:0px;}
.cnt31 .cnt31z li{ width:50%; float:left; margin-bottom:15px;}
.cnt314{ width:100%; float: none; }
.cnt314 .cnt31z { width:100%; height:auto; margin-top:15px;}
.cnt324{ width:100%; float:none; margin-top:0px;}
.cnt314 .cnt31z li{ width:50%; float:left; margin-bottom:15px;}
}


.bt2{ margin:40px auto 30px auto; width:100%; height:auto; text-align:center;}
.bt2 h2{ font-size:35px; line-height:55px; color:#4a4a4a;}
.bt2 a{ font-size:16px; color:#7e7e7e;height:16px; display:block; line-height:28px; }
.bt2 a:hover{ color:#e60012; text-decoration:underline;}
.bt2 a img{ padding-left:5px;vertical-align: -5px;}
@media only screen and (max-width: 1480px) {
.bt2{ margin:45px auto 30px auto; width:100%; height:auto; text-align:center;}
.bt2 h2{ font-size:35px; line-height:45px; color:#4a4a4a;}
.bt2 a{ font-size:16px; color:#7e7e7e; line-height:25px;}
}
@media only screen and (max-width: 1000px) {
.bt2{ margin:35px auto 25px auto; width:100%; height:auto; text-align:center;}
.bt2 h2{ font-size:28px; line-height:35px; color:#4a4a4a;}
.bt2 a{ font-size:14px; color:#7e7e7e; line-height:22px;}

}
@media only screen and (max-width:756px) {

.bt2{ margin:30px auto 20px auto; width:90%; height:auto; text-align:center;}
.bt2 h2{ font-size:20px; line-height:30px; color:#4a4a4a;}
.bt2 a{ font-size:14px; color:#7e7e7e; line-height:24px;}
}


.box{overflow: hidden;position: relative; text-align:center;}
.box:before{content: "";background: linear-gradient(to left top,#11998e,#38ef7d);height: 100%;width: 100%;opacity: 0;position: absolute;left: 0;top: 0;transition: all 0.6s linear;}
.box:hover:before{ opacity: 0.5; }
.box img{width: 100%;height: auto;transition: all 0.6s linear;}
.box:hover img{opacity: 0;transform: scale(3);}
.box .box-content{color: #fff;width: 100%;transform: translateY(-50%) scale(0);position: absolute;top: 50%;left: 0;transition: all 0.6s linear;}
.box:hover .box-content{ transform: translateY(-50%) scale(1); }
.box .title{font-size: 26px;font-weight: 500; color:#fff;letter-spacing: 1px;text-transform: uppercase;margin: 0;}
.box a:hover .title{ text-decoration:underline;}



.dynamic-slider{ overflow:hidden; }
.swiper-container-dynamic .swiper-slide{ background:url("../images/default.png") no-repeat; }
.swiper-container-dynamic .swiper-slideimg{ width:100%; }

.swiper-container-dynamic .swiper-button-prev,
.swiper-container-dynamic .swiper-button-next{ position:absolute; top:50%; width:42px; height:42px; margin-top:-21px; z-index:99; cursor:pointer; -webkit-transition:all .5s linear; transition:all .5s linear; opacity:0; }
.swiper-container-dynamic .swiper-button-prev{ background: url(../images/ln1.png) no-repeat  ;  left:25px;  }
.swiper-container-dynamic .swiper-button-next{ background: url(../images/ln2.png) no-repeat;  right:25px; }
.swiper-container-dynamic .swiper-button-prev:hover{opacity:1;transform: translateX(-10px);-webkit-transform: translateX(-10px);}
.swiper-container-dynamic .swiper-button-next:hover{opacity:1;transform: translateX(10px);-webkit-transform: translateX(10px);}
.swiper-container-dynamic:hover .swiper-button-prev,
.swiper-container-dynamic:hover .swiper-button-next{ opacity:1; }

.newsText{ position:relative; padding:70px 0px; width:1200px; margin:0 auto; }
.newsText .newsUl li{ float:left; padding:0 120px; position:relative; font-size:18px; line-height:1.6em; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; background-color:rgba(0, 0, 0, 0); display:none; }
.newsText .newsUl li.current{ opacity:1; filter:alpha(opacity=100); }
.newsText .newsUl li:before{ width:38px; height:38px; content:""; display:inline-block; background:url(../images/ftNewL.png) no-repeat; position:absolute; left:0; top:0; }
.newsText .newsUl li:after{ width:38px; height:38px; content:""; display:inline-block; background:url(../images/ftNewR.png) no-repeat; position:absolute; right:0; bottom:0; }
.newsText .newsUl .title{ margin-bottom:30px; }
.newsText .newsUl .date{ font-size:17px; color:#999; line-height:20px; float:right; margin-top:20px; }
.newsText .newsUl .title h4{ font-size:28px; color:#333; line-height:38px; float:left; width:70%; margin-top:7px; }
.newsText .newsUl .title h4 a{ font-size:28px; color:#333; line-height:38px; font-weight:normal; }
.newsText .newsUl p{ font-size:17px; color:#777777; line-height:25px;; }
.PrevBtn,
.nextBtn{ width:56px; height:56px; z-index:10; position:absolute; top:50%; left:30px;  margin-top:-28px; cursor:pointer; background:url("../images/icon/banner-icon.png") no-repeat; background-size:199px 162px; background-position:0px 0px; display:block; }
.nextBtn{ background-position:-144px 0px; left:auto; right:30px; }
.PrevBtn:hover{ background-position:0px -107px; }
.nextBtn:hover{ background-position:-144px -107px; }

@media only screen and (max-width:1250px) {
	.newsText .newsUl li:before{ width:38px; height:38px; content:""; display:inline-block; background: none; position:absolute; left:0; top:0; }
.newsText .newsUl li:after{ width:38px; height:38px; content:""; display:inline-block; background:none; position:absolute; right:0; bottom:0; }
.newsText{ position:relative; padding:40px 0px; width:96%; margin:0 auto; }	
.newsText .newsUl li{ float:left; padding:0 0px;}
.newsText .newsUl .title h4{ font-size:28px; color:#333; line-height:38px; float:left; width:100%; margin-top:7px; }
.newsText .newsUl .title h4 a{ font-size:28px; color:#333; line-height:38px; font-weight:normal; }
.newsText .newsUl .date{ font-size:17px; color:#999; line-height:20px; float:left; margin-top:20px; }
.newsText .newsUl p{ font-size:17px; color:#777777; line-height:25px; }
}
@media only screen and (max-width:856px) {
.newsText{ position:relative; padding:30px 0px; width:96%; margin:0 auto; }	
.newsText .newsUl li{ float:left; padding:0 0px;}
.newsText .newsUl .title{ margin-bottom:5px; }
.newsText .newsUl .title h4{ font-size:20px; color:#333; line-height:26px; float:left; width:100%; margin-top:7px; }
.newsText .newsUl .title h4 a{ font-size:20px; color:#333; line-height:26px; font-weight:normal; }
.newsText .newsUl .date{ font-size:14px; color:#999; line-height:18px; float:left; margin-top:10px; }
.newsText .newsUl p{ font-size:14px; color:#777777;  }
}
@media only screen and (max-width:756px) {
	.newsText{ position:relative; padding:20px 0px; width:96%; margin:0 auto; }	
.newsText .newsUl .title h4{ font-size:16px; color:#333; line-height:22px; float:left; width:100%; margin-top:7px; }
.newsText .newsUl .title h4 a{ font-size:16px; color:#333; line-height:22px; font-weight:normal; }
.newsText .newsUl .date{ font-size:14px; color:#999; line-height:18px; float:left; margin-top:10px; }
.newsText .newsUl p{ font-size:14px; color:#777777;  }
}

.cont6{ width:100%; padding:30px 0px 80px 0px; background:#f5f5f5; overflow:hidden;}
.bt3{ margin:40px auto 30px auto; width:100%; height:auto; text-align:center;}
.bt3 h2{ font-size:30px; line-height:45px; font-weight:normal; color:#4a4a4a;}
.bt3 p{ font-size:16px; color:#7e7e7e; line-height:25px;}
/* 选项卡示例样式 */
.main2 {max-width:1440px;margin:40px auto;}
.tab {overflow: hidden;max-width:1440px;;height: 95px;cursor: pointer;}
.tab li {float: left;width: 25%;text-align: center;height:95px; font-size:18px; line-height:95px;border: 1px solid #dfdfdf;box-sizing: border-box;}
.tab li .tabcenter{ width:70%; margin:0 auto;}
.tab li.on {background:#8fc31f;border: 1px solid #8fc31f; color:#fff}

.con {width: 100%; padding-top:50px;}

.tab li i{ display:block; background-image:url(../images/home-service-icon.png); background-repeat:no-repeat; background-size:932px 151px; }
.tab li i.icon{ width:40px; height:40px; float:left; margin-top:28px; margin-right:15px; }
.tab li i.icon-1{ background-position:3px -30px; }
.tab li i.icon-2{ background-position:-297px -30px; }
.tab li i.icon-3{ background-position:-596px -33px; }
.tab li i.icon-4{ background-position:-895px -33px; }
.tab li p{ font-size:17px; color:#7c7c7c; line-height:95px; float:left; }
.tab li  i.arrowB{ width:30px; height:30px; border-radius:50%; background-position:-454px -35px; background-color:none; float:right; margin-top:34px; }
.tab li.on i.icon-1{ background-position:3px -110px; }
.tab li.on i.icon-2{ background-position:-297px -110px; }
.tab li.on i.icon-3{ background-position:-596px -113px; }
.tab li.on i.icon-4{ background-position:-895px -113px; }
.tab li.on p{ color:#fff; }
.tab li.on i.arrowB{ background-color:#fff; background-position:-454px -100px; }

.con_left{ width:40%; float:left;}
.con_left h2{ font-size:26px; color:#515151; line-height:50px;}
.con_left p{ font-size:18px; line-height:36px;}
.con_right{ width:55%; float:right;}
.con_right img{ width:100%;}
@media only screen and (max-width: 1480px) {
.bt3{ margin:45px auto 30px auto; width:100%; height:auto; text-align:center;}
.bt3 h2{ font-size:35px; line-height:45px; color:#4a4a4a;}
.bt3 p{ font-size:16px; color:#7e7e7e; line-height:25px;}
.main2 {max-width:96%;margin:40px auto;}
}
@media only screen and (max-width: 1200px) {
	.cont6{ width:100%; padding:15px 0px 60px 0px; background:#f5f5f5; overflow:hidden;}
.tab {overflow: hidden;max-width:1440px;;height: 65px;cursor: pointer;}
.tab li p{ font-size:14px; color:#7c7c7c; width:100%; text-align:center; line-height:65px; float:left; }
.tab li {float: left;width: 25%;text-align: center;height:65px;  line-height:65px;border: 1px solid #dfdfdf;box-sizing: border-box;}
.tab li .tabcenter{ width:80%; margin:0 auto; text-align:center;}
.tab li i{ display:none}
.con {width: 100%; padding-top:20px;}
}
@media only screen and (max-width: 1000px) {
.bt3{ margin:35px auto 25px auto; width:100%; height:auto; text-align:center;}
.bt3 h2{ font-size:28px; line-height:35px; color:#4a4a4a;}
.bt3 p{ font-size:14px; color:#7e7e7e; line-height:22px;}
.con_left h2{ font-size:18px; color:#515151; line-height:34px;}
.con_left p{ font-size:14px; line-height:26px;}

}
@media only screen and (max-width:756px) {
.cont6{ width:100%; padding:0px 0px 35px 0px;}
.bt3{ margin:30px auto 20px auto; width:90%; height:auto; text-align:center;}
.bt3 h2{ font-size:20px; line-height:30px; color:#4a4a4a;}
.bt3 p{ font-size:12px; color:#7e7e7e; line-height:20px;}
.main2 {max-width:96%;margin:20px auto 0px auto;}
.tab {overflow: hidden;max-width:1440px;;height:90px;cursor: pointer;}
.tab li p{ font-size:14px; color:#7c7c7c; width:100%; text-align:center; line-height:45px; float:left; }
.tab li {float: left;width:50%;text-align: center;height:45px;  line-height:45px;border: 1px solid #dfdfdf;box-sizing: border-box;}
.tab li .tabcenter{ width:100%; margin:0 auto; text-align:center;}
.con_left{ width:100%; padding-bottom:15px;}
.con_right{ width:100%}
}
 .layer7{ max-width:1440px; height:auto; margin:0 auto; padding-bottom:50px;}
 .layer7 ul{ width: 100%; }
 .layer7 ul li{display: block; box-sizing: border-box; float: left; width: 18%; height: auto; border: 1px solid #b5b5b5; overflow:hidden; box-sizing: border-box; transition: 0.5s; box-shadow: 0 0 .1rem rgba(0,0,0,0.2); margin-right: 2.5%; margin-bottom: 35px;}
 .layer7 ul li:nth-child(5n){ margin-right: 0;}
 .layer7 ul li img{ display: block; width: 100%; height: auto;}
 .layer7 ul li:hover{ transform: translateY(-.1rem); box-shadow: 0 .1rem .15rem rgba(0,0,0,0.2);}

@media only screen and (max-width: 1480px) {
 .layer7{ max-width:96%; height:auto; margin:0 auto; padding-bottom:40px;}
}
@media only screen and (max-width: 1200px) {
 .layer7 ul li{ width: 23.5%; margin-right: 2%; height: auto; margin-bottom:30px;}
 .layer7 ul li img{ display: block; width: 100%; height: auto;}
 .layer7 ul li:nth-child(5n){ margin-right: 2%;}
  .layer7 ul li:nth-child(4n){ margin-right: 0%;}		
}
@media only screen and (max-width: 756px) {
	 .layer7{ max-width:96%; height:auto; margin:0 auto; padding-bottom:30px;}
 .layer7 ul li{ width: 49%; margin-right: 2%; height: auto; margin-bottom:20px;}
 .layer7 ul li img{ display: block; width: 100%; height: auto;}
 .layer7 ul li:nth-child(5n){ margin-right: 2%;}
.layer7 ul li:nth-child(2n){ margin-right: 0;}
}
.footer{ width:100%; height:auto; background:#747474; padding-top:40px; color:#fff;}
.footer ul{ max-width:1440px; margin:0 auto;}
.footer ul li{ width:14%; float:left; text-align:left; color:#fff; padding-left:0.2%; margin-bottom:30px;}
.footer ul li h2{ font-size:16px;}
.footer ul li a{ width:100%; height:32px; line-height:32px; display:block; color:#fff;}
.footer ul li a:hover{ text-decoration:underline;}
.foot{ width:100%; height:70px; line-height:70px; border-top:1px solid #fff; text-align:center;}
@media only screen and (max-width: 1480px) {
.footer ul{ max-width:96%; margin:0 auto;}
}
@media only screen and (max-width: 1200px) {
	.footer ul li h2{ font-size:14px;}
.footer ul li a{ width:100%; font-size:12px; height:26px; line-height:26px; display:block; color:#fff;}

}
@media only screen and (max-width:856px) {
.footer ul li{ width:28.3%; float:left; text-align:left; color:#fff; padding-left:5%;margin-bottom:10px;}
.footer ul li:nth-child(7){ display:none;}
.foot{ width:90%; height: auto; padding:20px 5% 15px 5%; line-height:28px; border-top:1px solid #fff; text-align:center; margin-top:10px;}
}
.ab .pic{ width:100%; height:550px; }
.ab .module1 { background:url(../images/ab_pic1.jpg); background-repeat:no-repeat; background-size:cover; background-attachment:fixed; background-position:center center; }
.ab .module2 { background:url(../images/ab_pic2.jpg); background-repeat:no-repeat; background-size:cover; background-attachment:fixed; background-position:center center; }
.ab .module3{ background:url(../images/ab_pic3.jpg); background-repeat:no-repeat; background-size:cover; background-attachment:fixed; background-position:center center; }
.ab .pic1{ width:100%; height:370px; }
.ab .module4 { background-repeat:no-repeat; background-size:cover;  }
.ab .pic1 .line{ width:500px; height:1px; background:rgba(255,255,255,0.5); position:relative; top:50%; margin-right:15px; }
.ab .pic1 .title{ height:100%; }
.ab .pic1 .title h2{ font-size:40px; color:#fff; line-height:60px; font-weight:normal;}
.ab .pic1 .title p{ font-size: 24px; color:#fff; line-height:30px;; }

.ab .pic .line{ width:500px; height:1px; background:rgba(255,255,255,0.5); position:relative; top:50%; margin-right:15px; }
.ab .pic .title{ height:100%; }
.table{display:table;}
.table-cell{display:table-cell; vertical-align: middle; height:100%;}
.inline-block{ display:inline-block; }
.fl{ float:left; }
.fr{ float:right; }
.container{ width:1440px; margin:0 auto; }
.container img{ max-width:100%;}
.ab .pic .title h2{ font-size:40px; color:#fff; line-height:60px; font-weight:normal;}
.ab .pic .title p{ font-size: 24px; color:#fff; line-height:30px;; }
.ab .txt{ width:100%; background:#fff; padding:60px 0px 100px; }
.ab .txt .box1{ width:1000px; }
.ab .txt .box1 p{ font-size:14px; color:#666; line-height:2; }
.ab .txt .box1 a{ font-size:14px; color:#333; width:110px; height:35px; background:#f21c28; text-align:center; line-height:35px; color:#fff; margin-top:30px; display:block; float:left; border-radius:60px; }
.ab .txt .box1 a span{  }
.ab .txt .box1 a:hover{ background:#e50011; color:#fff;  text-decoration:underline; }
@media only screen and (max-width:1480px) {
.container{ width:96%; margin:0 auto; }	
}
@media only screen and (max-width:1200px) {
.ab .txt .box1{ width:96%; margin:0 auto; }
.ab .txt{ width:100%; background:#fff; padding:40px 0px 70px; }
.ab .pic .title h2{ font-size:30px; color:#fff; line-height:45px; font-weight:normal;}
.ab .pic .title p{ font-size: 20px; color:#fff; line-height:26px;; }
.ab .pic1 .title h2{ font-size:30px; color:#fff; line-height:45px; font-weight:normal;}
.ab .pic1 .title p{ font-size: 20px; color:#fff; line-height:26px;; }	
}
@media only screen and (max-width:756px) {
	.ab .txt{ width:100%; background:#fff; padding:30px 0px 40px; }
	.ab .txt .box1{ width:100%; margin:0 auto; }
.ab .pic .line{ width:500px; height:1px; background:rgba(255,255,255,0.5); position:relative; top:50%; margin-right:15px; display:none }
.ab .pic1 .line{ width:500px; height:1px; background:rgba(255,255,255,0.5); position:relative; top:50%; margin-right:15px; display:none }
.table-cell{display:table-cell; vertical-align: middle; height:100%; padding-left:10px;}
.ab .pic .title h2{ font-size:20px; color:#fff; line-height:30px; font-weight:normal;}
.ab .pic .title p{ font-size: 14px; color:#fff; line-height:18px;; }
.ab .pic{ width:100%; height:240px; }
.ab .pic1 .title h2{ font-size:20px; color:#fff; line-height:30px; font-weight:normal;}
.ab .pic1 .title p{ font-size: 14px; color:#fff; line-height:18px;; }
.ab .pic1{ width:100%; height:240px; }
.ab .module1 { background:url(../images/ab_pic1.jpg); background-repeat:no-repeat; background-size:cover;background-attachment: scroll; background-position:center center; }
.ab .module2 { background:url(../images/ab_pic2.jpg); background-repeat:no-repeat; background-size:cover;background-attachment: scroll; background-position:center center; }
.ab .module3{ background:url(../images/ab_pic3.jpg); background-repeat:no-repeat; background-size:cover; background-attachment: scroll; background-position:center center; }	
}

.mainz{ width:100%; height:auto; padding:26px 0px 50px 0px;;}
.bt4{ max-width:1440px;; height:50px; margin:0 auto 35px auto;  border-bottom:1px solid #e5e5e5; font-size:14px; line-height:50px;}
.bt_span{ float:left; width:30%; text-align:left;}
.tabn {width:70%;height:50px; text-align:right; float:right;}

.tabn a{text-align: center; padding:16px 15px; font-size:14px; color:#666666;}
.tabn a:hover {background: url(../images/bt_1.jpg) bottom center no-repeat;; color:#e32735;}
@media only screen and (max-width:1480px) {
	.bt4{ max-width:96%;; height:50px; margin:0 auto 35px auto;  border-bottom:1px solid #e5e5e5; font-size:14px; line-height:50px;}
}
@media only screen and (max-width:1200px) {
	.mainz{ width:100%; height:auto; padding:20px 0px 40px 0px;;}
	.bt4{ max-width:96%;; height:50px; margin:0 auto 30px auto;  border-bottom:1px solid #e5e5e5; font-size:14px; line-height:50px;}
}
@media only screen and (max-width:756px) {
	.bt4{ max-width:96%;; height:50px; margin:0 auto 18px auto;}
.bt_span{ float:left; width:30%; text-align:left; display:none;}
.tabn {width:100%;height:50px; text-align:left; float:right;}
.tabn a{text-align: center; padding:16px 10px; font-size:14px; color:#666666;}
}
.abd{ width:100%; height:auto; padding:60px 0px 30px 0px;; background:url(../images/pbj_1.jpg) no-repeat; background-size:cover;background-attachment: scroll; background-position:center center; }
.info{ max-width:1440px; margin:0 auto;}
.info .tit {float: left; width: 20%;padding-right: 4%;}
.info .tit h2{ font-size:30px; color:#222222;}
.info .tit img{ max-width:100%; pa}
.infroll{ width:76%; float:right;}
.infroll li{ width:31.33%; float:left; margin-right:3%; margin-bottom:15px;}
.infroll li:nth-child(3n){ margin-right: 0%;}
.infroll li img{ width:100%; height:auto;cursor: pointer;transition: all 1.2s;}
.infroll li img:hover{transform: scale(1.1);}

.infroll li p{ width:100%; height:45px; line-height:45px; text-align:center;}
.infrxt{ width:100%; height:auto; border:1px solid #d3d3d3; padding:9px;box-sizing: border-box; overflow:hidden;}

@media only screen and (max-width:1480px) {
.info{ max-width:96%; margin:0 auto;}
}
@media only screen and (max-width:1000px) {
.info .tit {float:  none; width:100%;padding-right: 0%; text-align:center;}
.info .tit h2{ font-size:22px; color:#222222;}
.info .tit img{ max-width:100%; display:none; }
.infroll{ width:100%; float:right; padding-top:15px;}
.infrxt{ width:100%; height:auto; border:1px solid #d3d3d3; padding:4px;box-sizing: border-box; overflow:hidden;}
}
@media only screen and (max-width:756px) {
	.abd{ width:100%; height:auto; padding:30px 0px 20px 0px;}
	.info .tit h2{ font-size:20px; color:#222222;}
.infroll li{ width:48%; float:left; margin-right:4%; margin-bottom:5px;}
.infroll li p{ width:100%; height:35px; line-height:35px; text-align:center;}
.infroll li:nth-child(3n){ margin-right: 2%;}
.infroll li:nth-child(2n){ margin-right: 0%;}
}
.ln{ width:100%; line-height:50px; font-size:22px; color:#222222;}
.ln span{ font-size:12px; color:#8b8b8b; font-weight:normal; padding-left:5px;}
.bdmain{ padding:15px 0px 30px 0px;}
 .bdBox{ width: 100%;  position: relative;}
 .bdBox .swiper-container{ }
 .bdBox .swiper-pagination{ width:100%; bottom: -18px; text-align:center;}
 .bdBox .swiper-pagination span{ width: 12px; height: 12px; background: #9eaca7; opacity: 1; margin: 0 3px;;}
.bdBox .swiper-pagination span.swiper-pagination-bullet-active{ background: #e50012;}
 .bdBox .layer1Box{ width: 100%;}
 .bdBox .layer1Box .icon{ width: 100%; border:1px solid #c7c7c7; padding:4px; box-sizing: border-box; overflow:hidden;}
 .bdBox .layer1Box .icon img{ display: block; width: 100%; height: auto;cursor: pointer;transition: all 0.6s;}
 .bdBox .layer1Box .icon img:hover{transform: scale(1.05);}
 .bdBox .layer1Box p{ width: 100%; height:45px;;  line-height:45px; text-align: center; font-size: 14px;; transition: 0.5s;}
 .bdBox .layer1Box:hover p{ color:#e50012;}

 .p_detail{ width:100%; height:auto; margin:0 auto;}
 .p_det1{ width:48%; height:auto; float:left;}
 .p_det1 img{ width:100%;cursor: pointer;transition: all 1.2s;}
 .p_det1 img:hover{transform: scale(1.2);}
 .p_det2{ width:50%; float:right; }
 .p_det{ font-size:25px; color:#222222; line-height:36px; font-weight:normal; padding-bottom:10px;}
 .p_def{ width:100%; height:auto; line-height:32px; padding-bottom:30px;}
 .p_defz{ width:100%; height:auto; padding:10px; border:3px solid #000;box-sizing: border-box; margin-top:25px; margin-bottom:20px;}
 /* 选项卡示例样式 */
.main3 {width: 100%;margin:10px auto;}
.tab1 {overflow: hidden;width: 100%;height: 34px;border-bottom: 1px solid #9d9d9d;cursor: pointer;}
.tab1 li {float: left;width: 125px;text-align: center; color:#fff; font-weight:bold; border-radius:6px 6px 0px 0; background:#9d9d9d;height:34px;line-height: 34px;border-right: 1px solid #fff;}
.tab1 li.on {background:#e60012; color:#fff;}
.con1 {width:100%;padding-top:15px;border: 0px solid #ddd;border-top: none;}
.fz1{ width:42%; height:auto; float:left; padding-bottom:60px;}
.fz1 img{width:100%;cursor: pointer;transition: all 1.2s;}
.fz1 img:hover{transform: scale(1.1);}
.fz2{ width:56%; float:right; padding-bottom:60px;}
.fz2 h2{ font-size:22px; line-height:40px; color:#434343; padding-bottom:10px;}
.fz_list{ width:100%; height:auto; margin-bottom:40px; background:url(../images/fz2.jpg) no-repeat; padding:5px 0px 55px 0px; overflow:hidden;;background-size:cover;background-attachment: scroll; background-position:center center;}

.proList .photList{ width:100%; height:auto; text-align:center;}
.proList .photList .proImg{position:relative; overflow:hidden; height:225px; border:1px solid #fff;box-sizing: border-box;}
.proList .photList .proImg .cover { position:absolute; opacity:0; transition:all 0.3s; color:#fff; font-size:18px; font-weight:bold; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8);display:flex;flex-direction:row;justify-content:center;align-items:center;}
.proList .photList  img { display:block; width:100%;}
.proList .photList p { transition:all 0.3s;overflow: hidden; font-size:14px; text-overflow: ellipsis; white-space: nowrap; box-sizing:border-box; padding:0 10px; line-height:60px; color:#fff;}
.proList .photList:hover p { color:#ff0000;}
.proList .photList:hover .cover { opacity:1;}
.proList .swiper-container { padding-bottom:20px;}
.proList .swiper-pagination { bottom:0px;}
.proList .swiper-pagination span { width:12px; height:12px; border-radius:10px; opacity:1; background:#fff;}
.proList .swiper-pagination span.swiper-pagination-bullet-active { background:#ff0000;}


.proList1 .photList1{ width:100%; height:auto; text-align:center;}
.proList1 .photList1 .proImg{position:relative; overflow:hidden; height:225px; border:5px solid #e6e5e5;box-sizing: border-box;}
.proList1 .photList1 .proImg .cover { position:absolute; opacity:0; transition:all 0.3s; color:#fff; font-size:18px; font-weight:bold; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8);display:flex;flex-direction:row;justify-content:center;align-items:center;}
.proList1 .photList1  img { display:block; width:100%;}
.proList1 .photList1 p { transition:all 0.3s;overflow: hidden; font-size:14px; text-overflow: ellipsis; white-space: nowrap; box-sizing:border-box; padding:0 10px; line-height:60px; color:#646464;}
.proList1 .photList1:hover p { color:#ff0000;}
.proList1 .photList1:hover .cover { opacity:1;}
.proList1 .swiper-container { padding-bottom:20px;}
.proList1 .swiper-pagination { bottom:0px;}
.proList1 .swiper-pagination span { width:12px; height:12px; border-radius:10px; opacity:1; background:#808080;}
.proList1 .swiper-pagination span.swiper-pagination-bullet-active { background:#ff0000;}



@media only screen and (max-width:1366px) {
.p_det{ font-size:22px; color:#222222; line-height:28px; font-weight:normal; padding-bottom:5px;}
 .p_def{ width:100%; height:auto; line-height:22px; padding-bottom:5px;}
 .p_defz{ width:100%; height:auto; padding:8px; border:3px solid #000;box-sizing: border-box; margin-top:25px; }
 /* 选项卡示例样式 */
.main3 {width: 100%;margin:10px auto;}
.con1 {width:100%;padding-top:15px;border: 0px solid #ddd; line-height:22px;border-top: none;}	
.proList .photList .proImg{position:relative; overflow:hidden; height:190px; border:1px solid #fff;box-sizing: border-box;}

.proList1 .photList1 .proImg{position:relative; overflow:hidden; height:190px; border:5px solid #e6e5e5;box-sizing: border-box;}
}
@media only screen and (max-width:1024px) {
	.fz_list{ width:100%; height:auto; margin-bottom:20px; background:url(../images/fz2.jpg) no-repeat; padding:5px 0px 30px 0px;;background-size:cover;background-attachment: scroll; background-position:center center;}
	.fz1{ width:75%; height:auto; margin:0 auto; float:none; padding-bottom:15px;}
	.fz2{ width:100%; height:auto; line-height:22px; padding-bottom:30px;}
	.fz2 h2{ font-size:18px; line-height:30px; color:#434343; padding-bottom:5px;}
	 .p_det1{ width:76%; height:auto; float: none; margin:0 auto 18px auto; }
 .p_det2{ width:100%; float:none; }
 .p_det{ font-size:20px; color:#222222; line-height:26px; font-weight:normal; padding-bottom:5px;}
 .p_def{ width:100%; height:auto; line-height:26px; padding-bottom:5px;}
 .p_defz{ width:100%; height:auto; padding:8px; border:3px solid #000;box-sizing: border-box; margin-top:25px; margin-bottom:20px; }
 /* 选项卡示例样式 */
.main3 {width: 100%;margin:10px auto;}	
.tab1 li {float: left;width: 115px;text-align: center; color:#fff; font-weight:bold; border-radius:6px 6px 0px 0; background:#9d9d9d;height:34px;line-height: 34px;border-right: 1px solid #fff;}

.proList .photList .proImg{position:relative; overflow:hidden; height:160px; border:1px solid #fff;box-sizing: border-box;}

.proList1 .photList1 .proImg{position:relative; overflow:hidden; height:160px; border:5px solid #e6e5e5;box-sizing: border-box;}
}
@media only screen and (max-width:999px) {
.ln{ width:100%; line-height:40px; font-size:18px; color:#222222;}
.ln span{ font-size:12px; color:#8b8b8b; font-weight:normal; padding-left:5px;}
.bdmain{ padding:5px 0px 20px 0px;}
 .bdBox{ width: 100%;  position: relative;}
 .bdBox .swiper-container{ }
 .bdBox .swiper-pagination{ width:100%; bottom: -12px; text-align:center;}
  .bdBox .swiper-pagination span{ width:8px; height:8px; background: #9eaca7; opacity: 1; margin: 0 3px;;}
.proList .photList p { transition:all 0.3s;overflow: hidden; font-size:14px; text-overflow: ellipsis; white-space: nowrap; box-sizing:border-box; padding:0 5px; line-height:40px; color:#fff;}
.proList .photList .proImg{position:relative; overflow:hidden; height:280px; border:1px solid #fff;box-sizing: border-box;}
.proList1 .photList1 p { transition:all 0.3s;overflow: hidden; font-size:14px; text-overflow: ellipsis; white-space: nowrap; box-sizing:border-box; padding:0 5px; line-height:40px; }
.proList1 .photList1 .proImg{position:relative; overflow:hidden; height:280px; border:5px solid #e6e5e5;box-sizing: border-box;}
}
@media only screen and (max-width:756px) {
.proList .photList .proImg{position:relative; overflow:hidden; height:165px; border:1px solid #fff;box-sizing: border-box;}

  .proList1 .photList1 .proImg{position:relative; overflow:hidden; height:165px; border:2px solid #e6e5e5;box-sizing: border-box;}
}

.fication_m{ width:100%; height:auto;border-top:1px solid #e9ebeb;}    
.stui_list{ width:100%; border-bottom:1px solid #e9ebeb; padding:0px 20px;box-sizing: border-box;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.stui_list img{vertical-align: -5px; padding-right:5px; }
.stui_list li{float: left; display: inline-block; font-size:16px; padding:10px 0px;}
.stui_list .stui_lis{border-right:1px solid #e9ebeb; margin-right:5px;}
.stui_list li span {display: inline-block;  color:#5a5a5a;padding:5px 10px;}
.stui_list li a{display: inline-block; padding:5px 10px;}
.stui_list li a:hover{ background:#83b713; color:#fff; border-radius:0px;}

.case{ width:100%; height:auto; margin-bottom:35px; }
.case li{ width:100%; border-bottom:1px solid #e5e5e5;}
.case li:hover{ transform: translateY(-1px); box-shadow: 0 1px 1.5px rgba(0,0,0,0.2);}
.case li a{ width:100%; height: 215px; padding:30px 0px; display:block;}
.case li a .case1{ width:310px; height:215px; float:left; padding-right:20px;}
.case li a .case1 img{ width:100%; height:100%;}
.case li a .case2{ overflow: hidden;height:215px;}
.case li a .case2 h2{ width:99%; font-size:20px; height:40px; font-weight:normal; line-height:40px; color:#585858;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.case li a .case2 p{text-align: justify; width:99%; height:90px; line-height:30px; color:#7e7f83; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden;}
.case li a .case2 .casz{ width:130px; height:36px; margin-top:30px; line-height:36px; text-align:center; float:right; font-size:12px; border-radius:50px;  color:#7e7f83;}
.case li a:hover{ }
.case li a:hover .case2 h2{ color:#ff3434;}
.case li a:hover .case2 .casz{  color:#ff3434;}

@media only screen and (max-width:1200px) {
.case li a{ width:100%; height:170px; padding:15px 0px; display:block;}
.case li a .case1{ width:250px; height:170px; float:left; padding-right:20px;}
.case li a .case2{ overflow: hidden;height:170px;}
.case li a .case2 h2{ width:99%; font-size:18px; height:30px; line-height:30px; color:#585858;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.case li a .case2 p{text-align: justify; width:99%; height:60px; line-height:20px; color:#7e7f83; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden;}
.case li a .case2 .casz{  width:120px; height:30px; margin-top:5px; line-height:30px; text-align:center; float:right; font-size:12px; border-radius:50px;  color:#7e7f83;}	
}
/*分页*/
#nx_pg{width:100%; height: auto ; padding:0px 0px 50px 0px; text-align:center; }
#nx_pg a{display: inline-block; padding:4px 14px 4px 14px; background:#fff; color:#4c4c4c;font-size:14px; border:1px solid #757575; margin:0px 3px 5px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
#nx_pg a:hover{background:#757575; color:#fff;}
#nx_pg .on{ background:#757575; color:#fff;}
#info-T{width:100%; min-height:26px; padding-top:0px; padding-bottom:15px; line-height:26px; text-align:center; font-size:18px; font-weight:bold;}
#info-M{width:100%; height:45px; line-height:45px; text-align:center; border-top:#e0e0e0 1px dotted;}
#info-C{width:100%; line-height:28px; margin-top:10px; font-size:14px;}

#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}
#info-N{width:100%; height:50px; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}

#info-C1{width:100%; line-height:28px; margin-top:0px; font-size:14px; text-align:center; padding-bottom:10px;}
#big{width:100%; height:380px; margin:0 auto; text-align:center; padding-bottom:10px;}
#big img{height:380px; max-width:728px;}

@media only screen and (max-width:756px) {
.stui_list .stui_lis{border-right:0px solid #e9ebeb; margin-right:0px;}
.stui_list{ width:100%; border-bottom:1px solid #e9ebeb; padding:0px 10px;box-sizing: border-box;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.stui_list img{vertical-align: -5px; padding-right:4px; }
.stui_list li{float: left; display: inline-block; font-size:14px; padding:3px 0px;}

.stui_list li span {display: inline-block;  color:#5a5a5a;padding:2px 10px;}
.stui_list li a{display: inline-block; padding:2px 10px;}
.case li a{ width:100%; height:80px; padding:15px 0px; display:block;}
.case li a .case1{ width:115px; height:80px; float:left; padding-right:20px;}
.case li a .case2{ overflow: hidden;height:80px;}
.case li a .case2 h2{ width:99%; font-size:16px; height:24px; line-height:24px; color:#585858;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.case li a .case2 p{text-align: justify; width:99%; height:40px; line-height:20px; color:#7e7f83; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.case li a .case2 .casz{ display:none; width:120px; height:30px; margin-top:5px; line-height:30px; text-align:center; font-size:12px; border-radius:50px; background:#e9e9e9; color:#7e7f83;}	
#info-T{width:100%; min-height:24px; padding-top:0px; padding-bottom:10px; line-height:24px; text-align:center; font-size:16px; font-weight:bold;}
}


.join{ width:100%; height:auto;}
.join1{ width:49%; float:left;}
.join1 img{ width:100%;}
.join2{ width:45%; float:right;}
.jon1{ width:48%; height:38px; padding-bottom:15px; float:left;}
.jon2{ width:48%; height:38px; padding-bottom:15px; float:right;}
.b1{width:100%; height:38px; line-height:38px; margin:0;box-sizing: border-box; padding:0;border:#e0e0e0 1px solid; padding-left:5px;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; }
.b1:hover{border:#ecedef 1px solid; background-color:#f7f8f9; }
.b2{width:100%; height:120px; line-height:34px; margin:0; padding:0;box-sizing: border-box;border:#e0e0e0 1px solid; padding-left:5px;-}
.b2:hover{border:#ecedef 1px solid; background-color:#f7f8f9;  }
.jon3{ width:100%; height:38px; padding-bottom:15px; float:right;}
.jon4{ width:100%; height:120px; margin-bottom:15px; display:block;}
.layui-inline{ width:31.3333333333%; margin-right:1% !important;}
.layui-inline:nth-child(3){ margin-right: 0;}
.jon5{ width:100%; height:44px;}
.jon5 button{ display: block; width: 100%; height: 100%; border: none; outline: none; text-align: center; line-height: 44px; color: #fff; background: #96d01a;}
@media only screen and (max-width:1000px) {
.join{ width:100%; height:auto;}
.join1{ width:100%; float:none; padding-bottom:20px;}
.join1 img{ width:100%;}
.join2{ width:100%; float:none;}	
}
.ab_img { width:100%; height:auto; margin:30px 0x;}
.ab_img img{ width:100%;}
.ab_img li{ width:33.33%; height:auto; padding:0px 3px;box-sizing: border-box; float:left;}
@media only screen and (max-width:756px) {
.ab_img { width:100%; margin:20px 0x;}
.ab_img img{ width:100%;}
.ab_img li{ width:100%; height:auto; padding:0px 3px 10px 3px;;box-sizing: border-box; float: none; }	
}
.aboutContainer{ width: 100%; line-height:normal; }
.aboutContainer .aboutLayer31{ width: 100%; padding-bottom: 65px; padding-top:35px;}
.aboutContainer .aboutLayer31 .title h2{ color: #333;font-weight:bold; line-height:normal;}
.aboutContainer .aboutLayer31 .title p{ color: #333;}
.aboutContainer .aboutLayer31 .nrBox{ width: 1200px; margin: 0 auto; overflow: hidden;}
.aboutContainer .aboutLayer31 .nrBox .text{ width: 550px; float: left; text-align: left;}
.aboutContainer .aboutLayer31 .nrBox .text h2{ font-size: 125px; color: #8fc31f; font-weight: bold; padding-bottom: 25px;line-height:normal !important;}
.aboutContainer .aboutLayer31 .nrBox .text h3{ font-size: 14px; color: #505050;line-height: 32px; font-weight:normal;}
.aboutContainer .aboutLayer31 .nrBox .text span{display: block; width: 94px; height: 36px; font-weight:normal; color: #505050;}
.aboutContainer .aboutLayer31 .nrBox .text p{ padding-top:0px; font-size: 14px; line-height: 32px; color: #505050;}
.aboutContainer .aboutLayer31 .nrBox .icon{ float: right; width: 515px;}
.aboutContainer .aboutLayer31 .nrBox .icon img{ display: block; width: 100%; height: auto;}
.aboutContainer .aboutLayer31 .swiper-container.gallery-top{ width: 100%; padding-top: 20px;}
.aboutContainer .aboutLayer31 .swiper-container.gallery-top .swiper-button-next{ top: 50%; transform: translateY(-50%); right: 4%; margin: 0; background: url(../images/about_25.png); width: 55px; height: 55px;}
.aboutContainer .aboutLayer31 .swiper-container.gallery-top .swiper-button-prev{ top: 50%; transform: translateY(-50%); left: 4%; margin: 0; background: url(../images/about_22.png); width: 55px; height: 55px;}
.aboutContainer .aboutLayer31 .nrList{ width: 100%; padding: 23px 0 0 0; box-sizing: border-box; background: url(../images/aboutIcon_06.png) top center no-repeat;}
.aboutContainer .aboutLayer31 .nrList .time{ height: 56px; width: 96px; text-align: center; line-height: 56px; margin-top: 12px; overflow: hidden; position: relative; cursor: pointer;}
.aboutContainer .aboutLayer31 .nrList .time span{position: absolute; display: block; height: 56px; background: url(../images/about_31.png); width: 15px; background-size:100% 100%; top: 0; left:-10%; transform: translateX(-50%);  z-index: 99;}
.aboutContainer .aboutLayer31 .nrList .swiper-slide-active .time span{ left: 50%;transition: 0.8s;}
.swiper-container.gallery-thumbs .swiper-slide{ width: 96px;}
@media(max-width:1365px){
.aboutContainer .aboutLayer31 .swiper-container.gallery-top .swiper-button-next{ display: none;}
.aboutContainer .aboutLayer31 .swiper-container.gallery-top .swiper-button-prev{ display: none;}
.aboutContainer .aboutLayer31 .nrBox{ width: 96%; margin: 0 auto;}
.aboutContainer .aboutLayer31 .nrBox .text{ width: 100%;}
.aboutContainer .aboutLayer31 .nrBox .text h2{ font-size: 55px; text-align: center;font-weight:bold;}
.aboutContainer .aboutLayer31 .nrBox .text h3{ text-align: center;}
.aboutContainer .aboutLayer31 .nrBox .text span{ margin: 0 auto;}
.aboutContainer .aboutLayer31 .nrBox .text p{ font-size: 12px; line-height: 22px;}
.aboutContainer .aboutLayer31 .nrBox .icon{ width: 100%; padding-top: 30px;}
}
@media(max-width:756px){

.aboutContainer .aboutLayer31 .swiper-container.gallery-top{ width: 100%; padding-top:0px;}
.aboutContainer .aboutLayer31{ width: 100%; padding-bottom: 25px; padding-top:15px;}
}
.culture{ width:100%; height:auto; padding-top:15px;}
.culture li{ width:48%; height:auto; float:left; margin-right:4%; padding-top:40px;}
.culture li:nth-child(2n){ margin-right: 0;}
.culture li h2{ width:100%; height:38px; line-height:38px; font-size:22px;  font-weight:bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.culture li p{ width:100%; height:60px; line-height:30px; font-size:16px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;  }
.culture li img{ width:100%;padding-top:15px;}
@media only screen and (max-width: 1000px) {
.culture li{ width:48%; height:auto; float:left; margin-right:4%; padding-top:20px;}
.culture li:nth-child(2n){ margin-right: 0;}
.culture li h2{ width:100%; height:36px; line-height:36px; font-size:18px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.culture li p{ width:100%; height:40px; line-height:20px; font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;  }
.culture li img{ width:100%;padding-top:10px;}
}
@media only screen and (max-width:756px) {
.culture li{ width:49%; height:auto; float:left; margin-right:2%; padding-top:20px;}
.culture li:nth-child(2n){ margin-right: 0;}
.culture li h2{ width:100%; height:40px; line-height:20px; font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.culture li p{ width:100%; height:36px; line-height:18px; font-size:12px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;  }
.culture li img{ width:100%;padding-top:5px;}
}
.join_tab ul{ border:1px solid #e6e6e6; width:100%; border-collapse:collapse; text-align:center; }
.join_tab .uwl-title{ background:#f5f5f5; height:63px; line-height:63px; border-bottom:1px solid #e6e6e6; }
 .join_tab .uwl-title span{ height:63px; line-height:63px; }
  .join_tab span{ width:20%; display:block; float:left; font-size:15px; color:#444; text-align:center; height:56px; line-height:56px; }

 

.accordion {position: relative; background-color: #fff;display: inline-block;width: 100%; border-bottom: 1px solid #e6e6e6;vertical-align: middle;}
.accordion:hover{background:#f5f5f5; color:#ff0000;}
.accordion-desc { background-color: #fff;z-index: 2; padding: 30px 30px;border-bottom:1px solid #e6e6e6; text-align:left;}

.info-foot{ margin-top:30px; }
.info-foot a{ float:left;}
.info-foot .download{ display:block; width:218px; height:43px; border:1px solid #97d01b; font-size:15px; color:#97d01b; text-align:center; line-height:43px; }
.info-foot .download i{ margin-left:10px; width:16px; height:15px; line-height:2; display:inline-block; background:url(images/download-icon.png) no-repeat; }
.info-foot .download:hover{ background:#97d01b; color:#fff; }
.info-foot .download:hover i{ background:url(images/download-icon-hover.png) no-repeat; }
.info-foot .updow{ display:block; width:218px; height:43px; border:1px solid #97d01b; background:#97d01b; font-size:15px; color:#fff; text-align:center; line-height:43px; }
.info-foot .updow:hover{border:1px solid #97d01b; background:#fff;color:#97d01b;}
.info-foot .fileName{ font-size:15px; color:#666666; line-height:43px; margin-left:20px; text-indent:8px; }
 .info-foot .fileName i{ font-style:normal; color:#db2424; }
 @media only screen and (max-width: 886px) {
	 .join_tab .uwl-title{ background:#f5f5f5; height:48px; line-height:48px; border-bottom:1px solid #e6e6e6; }
 .join_tab .uwl-title span{ height:48px; line-height:48px; }
  .join_tab .uwl-title .uwl-3{ display:none;}
   .join_tab span{ width:94%; padding:0px 3%; display:block; float:left; font-size:15px; color:#444; text-align: left; height:48px; line-height:48px; }
 .join_tab .uwl-3{ display:none;}
 .accordion-desc { background-color: #fff;z-index: 2; padding: 30px 10px;border-bottom:1px solid #e6e6e6; text-align:left;}
 .info-foot a{ float:none; margin-bottom:10px;}
 .info-foot .download{ display:block; width:150px; height:43px; border:1px solid #97d01b; font-size:15px; color:#97d01b; text-align:center; line-height:43px; margin-bottom:10px; }
.info-foot .download i{ margin-left:10px; width:16px; height:15px; line-height:2; display:inline-block; background:url(images/download-icon.png) no-repeat; }
.info-foot .download:hover{ background:#97d01b; color:#fff; }
.info-foot .download:hover i{ background:url(images/download-icon-hover.png) no-repeat; }
.info-foot .updow{ display:block; width:150px; height:43px; border:1px solid #97d01b; background:#97d01b; font-size:15px; color:#fff; text-align:center; line-height:43px; }
.info-foot .updow:hover{border:1px solid #97d01b; background:#fff;color:#97d01b;}
.info-foot .fileName{ font-size:15px; color:#666666; line-height:43px; margin-left:0px; text-indent:0px; }
 .info-foot .fileName i{ font-style:normal; color:#db2424; }
 }
 
 .ctzn1{ max-width:1440px; margin:40px auto;}
/* 选项卡示例样式 */
.main4 {width: 100%;margin:0px auto; position:relative;}
.tab2 {overflow: hidden;width: 45%;height:  auto;cursor: pointer; position:absolute; bottom:0px; left:0px;}

.tab2 li.on a img {opacity:0.4; transform:scale(1.08);}
.tab2 li.on a p{ background:#d85c5c; color:#fff;}

.tab2 li{ width:25%; float:left;}
.tab2 li a{ width:96%; display:block; margin:0 auto; background:#d85c5c; overflow:hidden;}
.tab2 li a p{ width:100%; height:40px; line-height:40px; text-align:center; background:#ececec;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.tab2 li a img{ width:100%;transition:all 2s;}
.tab2 li a:hover img {opacity:0.4; transform:scale(1.08);}
.tab2 li a:hover p{background:#d85c5c; color:#fff;}
.con2 {width: 100%;border-top: none;}
@media only screen and (max-width: 1480px) {
.ctzn1{ max-width:96%; margin:40px auto;}
}
@media only screen and (max-width:756px) {
.ctzn1{  margin:30px auto;}	
.main4 {width: 100%;margin:0px auto; position: static;}
.tab2 {overflow: hidden;width: 100%;height:  auto;cursor: pointer; position: static; padding-bottom:2px;}
.tab2 li{ width:50%; float:left; margin-bottom:10px;}
}
/* 选项卡示例样式 */
/* 选项卡示例样式 */
.main5 {width: 100%;margin:0px auto; position:relative;}
.tab3 {overflow: hidden;width: 45%;height:  auto;cursor: pointer; position:absolute; bottom:0px; right:0px;}

.tab3 li.on a img {opacity:0.4; transform:scale(1.08);}
.tab3 li.on a p{ background:#d85c5c; color:#fff;}

.tab3 li{ width:25%; float:left;}
.tab3 li a{ width:96%; display:block; margin:0 auto; background:#d85c5c; overflow:hidden;}
.tab3 li a p{ width:100%; height:40px; line-height:40px; text-align:center; background:#ececec;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.tab3 li a img{ width:100%;transition:all 2s;}
.tab3 li a:hover img {opacity:0.4; transform:scale(1.08);}
.tab2 li a:hover p{background:#d85c5c; color:#fff;}
.con3 {width: 100%;border-top: none;}

@media only screen and (max-width:756px) {

.main5 {width: 100%;margin:0px auto; position: static;}
.tab3 {overflow: hidden;width: 100%;height:  auto;cursor: pointer; position: static; padding-bottom:2px;}
.tab3 li{ width:50%; float:left; margin-bottom:10px;}
}
.ntko{ overflow:hidden;}