@charset "utf-8";

@font-face {
  font-family: 'iconfont';
  src: url(../images/'http://at.alicdn.com/t/font_1451441548_8432386.eot'); /* IE9*/
  src: url(../images/'http://at.alicdn.com/t/font_1451441548_8432386.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url(../images/'http://at.alicdn.com/t/font_1451441548_8432386.woff') format('woff'), /* chrome、firefox */
  url(../images/'http://at.alicdn.com/t/font_1451441548_8432386.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url(../images/'http://at.alicdn.com/t/font_1451441548_8432386.svg#iconfont') format('svg'); /* iOS 4.1- */
}
                    


@font-face {
  font-family: 'iconfont';
  src: url('http://at.alicdn.com/t/font_1451441548_8432386.eot'); /* IE9*/
  src: url('http://at.alicdn.com/t/font_1451441548_8432386.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('http://at.alicdn.com/t/font_1451441548_8432386.woff') format('woff'), /* chrome、firefox */
  url('http://at.alicdn.com/t/font_1451441548_8432386.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('http://at.alicdn.com/t/font_1451441548_8432386.svg#iconfont') format('svg'); /* iOS 4.1- */
}
                    
::selection{
	color:#FFF;
	background-color:#de3242;
}
::-moz-selection{
	color:#FFF;
	background-color:#de3242;
}
* {
	margin:0;
	padding:0;
}
a {
	text-decoration: none;
	color: #666;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}
a:hover{text-decoration:none;}
a img{border:none;} 
.clear {clear:both;height:1px; overflow:hidden; width:100%; font-size:0; line-height:0;}
body{font:12px/1.75 "微软雅黑", arial, sans-serif,'DejaVu Sans','Lucida Grande',Tahoma,'Hiragino Sans GB',STHeiti,SimSun,sans-serif;color:#444;
min-width: 100% ; background-color:#fafafa;
}
div,ul,li,p,form{padding: 0px; margin: 0px;list-style-type: none;}
.cbw{width: 100%;background: #fff;}
.con{width:1200px; margin:0 auto;}
.clear{overflow:hidden; clear:both; height:0px;}
.fl{float:left;}
.fr{float:right;}
.container { width:80%; margin:0 auto}
header{height:auto; width:100%;}


.index-img {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	 position:relative
}

#slides { display:block; width:100%; list-style:none; padding:0; margin:0; position:relative}
#slides li {display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute; background-repeat:no-repeat; background-position:center center; background-attachment: fixed; overflow:hidden; background-color:#000;}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}


#pagination { display:block; list-style:none; position:absolute; left:50%; z-index:3;  height:30px; display:table; margin-left:-205px;}
#pagination li { display:block; list-style:none; width:80px; height:12px;border-bottom:2px solid #ACACAC; float:left; margin-left:20px; _border-radius:5px;}
#pagination li:hover{border-color:#fb745f;}
#pagination li:first-child{margin:0;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px; padding-bottom:6px;}
#pagination li.current { _background:url(../images/car-ico.png) no-repeat center;border-bottom:2px solid #FB745F;} 
.dingwei{display:block;width:102px;height:102px;position:absolute; left:50%;z-index:99; margin-left:-51px;}

.index-pagination {
	position:absolute;
	z-index:66;
	top:590px;
	left:50%;
	height:30px;
	width:410px;
	text-align:center;
	margin:-100px 0px 0px -100px;
}
.index-pagination li {
	display:inline-block;
	width:80px;
	position:relative;
	float:left;
	height:23px;
	margin-right:20px;
	overflow:hidden;
}
.index-pagination li a {
	position:relative;
	z-index:666;
	display:block;
	_padding:16px 0px 5px 0px;
	height:2px;
	_color:#FB745F;
	text-align:center;
}
.index-pagination li.line2 a div {
	position:relative;
	z-index:555;
	display:block;
	height:2px;
	background:#FB745F;
}

.index-pagination li.line1 a div {
	position:relative;
	z-index:555;
	display:block;
	height:2px;
	background:#ACACAC;
}
.index-pagination li a div span {
	position:absolute;
	top:0px;
	left:0px;
	height:2px;
	width:0px;
	background:#FFF;
}
.index-pagination li a div em {
	position:absolute;
	display:none;
	width:27px;
	height:10px;
	top:-5px;
	left:1px;
}
.index-pagination li.current a {
	color:#0b4da2;
	_color:#c9242b;
}
.index-pagination li.back {
background:url(../images/car-ico.png) no-repeat;
	display:block;
	position:absolute;
	width:65px;
	height:65px;
	left:105px;
	top:-80px;
	z-index:444;
}

.header{width:100%; position: fixed; top:0; left:0; z-index:10;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header.on{ box-shadow:0 0 10px #aaa; height:60px; background:#fff;transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .container{position:relative; width:80%}
.header .logo{width:300px; float:left; margin:20px 0 10px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header.on .logo{width:250px; margin:10px 0 0;}
.header .logo img{width:100%; height:auto; display:block;}
.header .logo .img2 { display: none}
.header.on .logo .img1{ display:none}
.header.on .logo .img2 { display:block}
.header .an{position:absolute; top:55px; right:75px; height:38px; width:50px; display: block;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%); z-index:99999;transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header.on .an { top:45px;}
.header.on .an span{background-color:#555; }
.header .an span{width:30px; height:4px; background-color:#fff; display:block; position:absolute;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:0; right:0;}
.header .an span.a2{top:8px; right:0;}
.header .an span.a3{top:16px; right:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}
.header .yy { width:60px; float:right; margin-top:30px; margin-left:10px; position:relative; z-index:999999}
.header.on .yy { margin-top:25px;}
.header .yy a { margin-right:8px; float:left}
.header .yy img { width:26px;}
.header .yy img.img1 { display:block}
.header .yy img.img2 { display:none}
.header.on .yy {margin-top:20px;}
.header.on .yy img.img1 { display:none}
.header.on .yy img.img2 { display: block}
.header .nav ul { width: 100%;}
.header.on .nav {width:340px; top:0px; padding-top:60px;}
.header .nav{width:340px;  height:100%; position:fixed; top:0px; right:-440px; z-index:99;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}

.header .nav.on{ right:0;}


.header .nav .bj {background-color: rgba(0%,0%,0%,0.85);padding:80px 62px 0; overflow: hidden; height:100% }
.header.on .nav .bj { padding-top:20px}


.header .nav i{font-size:14px; color:#ccc; line-height:54px; text-align:right; position:absolute; width:50%; height:54px; right:0px; top:50%; display: block;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}

.header .nav ul li{line-height:55px; float:left; position:relative;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s; width:100%;}

.header.on .nav ul li{line-height:55px;}
.header .nav ul li a{display:block; font-size:24px; color:#fff; text-transform:capitalize; opacity:0.55}
.header.on .nav ul li a{display:block; font-size:24px; color:#fff;}
.header .nav ul li span{width:0; height:2px; background-color:#025fa5; position:absolute; left:50%; bottom:0;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;
transform:translate(-50%,0);
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0); display:none}
.header .nav ul li:hover span{width:100%;}
.header .nav ul li.on span{width:100%;}
.header .nav ul li:hover a { opacity:1; font-size:25px;}

.nav .y_j{position:relative;}
.nav .e_j{width:100%; position: relative; display:none; z-index:9999; padding:10px 0}
/*.header.on .nav .e_j{box-shadow:0 2px 2px #aaa;}*/
.header .nav ul li .e_j a{display:block; font-size:14px; color:#ccc; line-height:20px; text-align: left; padding:10px 0; font-weight:normal; }
.nav .e_j .ejy { position:relative}
.nav .e_j .s_j {width:150px; background-color:rgba(255,255,255,.5); position:absolute; top:0px; left:150px; display:none; z-index:9999;}
.header .nav .e_j a:hover{color:#fff; background:#045fa4; padding-left:10px;}
.header .an1 { display:none}
.yuan {}
.tanchu {width:100%; display:none; position: fixed; width:100%; height:100%; background:url(../images/hb.png) repeat; top:0; left:0; z-index:99999999999}
.tanchu .gb {width:30px; height:30px; position:absolute; top:20px; right:20px; cursor:pointer;}
.tanchu .gb img {width:100%; height:auto;}
.tanchu .wz {width:800px; margin:5% auto 0; height:75%;}
@media only screen and (max-width:1024px){
.tanchu .wz {width: 90%; margin: 10% auto 0; height:55%;}
}
@media only screen and (max-width:500px){
.tanchu .wz {width: 90%; margin:10% auto 0;height:55%;}
}
@media (min-width:1024px){

.head_h { height:90px;}
}
@media (max-width:1281px){
.header .container{position:relative; width:90%}
}
@media (max-width:102px){
.header .nav ul li{margin:0 15px;}
.header .nav ul li a{font-size:15px;}
}
@media (max-width:1200px){
.header .nav ul li{margin:0 20px;}
.header .nav ul li a{font-size:16px;}
}
@media only screen and (max-width:1024px){
.head_h { height: 80px; display:block}
.header{border:0; height:80px;  width:100%}
.header .container{ padding:0; overflow:hidden; width:94%}
.header .logo{width:200px; margin:10px auto;}
.header.on .logo{width:180px; margin:5px auto;}
.header .yy {width: 60px; margin-right:60px; margin-top:25px}
.header .an{display: none; right:10px;}
.header .an span { background-color:#999}
.header .an1{position:absolute; top:50px; right:10px; height:38px; width:50px; display: block;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%); z-index:99999;transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;display:block}
.header.on .an1 { top:45px;}
.header.on .an1 span{background-color:#555; }
.header .an1 span{width:30px; height:4px; background-color:#fff; display:block; position:absolute;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an1 span.a1{top:0; right:0;}
.header .an1 span.a2{top:8px; right:0;}
.header .an1 span.a3{top:16px; right:0;}
.header .an1.n span.a2{display:none;}
.header .an1.n span.a1{top:8px; width:30px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an1.n span.a3{top:8px; width:30px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}
.header .nav ul { width: 100%;}
.header.on .nav {width:60%}
.header .nav{width:60%; padding:15px 5%; background-color:#000; height:100%; position:fixed; top:0; left:-70%; z-index:9999; overflow:auto;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .nav.on{left:0;}
.header .nav .bj {padding:60px 10px 0;}
.header.on .nav ul li a { font-size: 16px;color: #fff;}
.header .nav ul li:hover a {font-size:18px;}
.header .nav i{display:block;}
.header .nav ul li{line-height:40px; text-align:left; border-bottom:1px solid #444; float:none; margin:0; padding:0}
.header .nav ul li::after { background: rgba(0,0,0,0);}
.header.on .nav ul li{line-height:40px;}
.header .nav .e_j { width: 100%; border-top: 1px solid #444; background: none; position: relative;display: none;top: auto; left: auto; margin: 0;padding-bottom: 10px;}
.header .nav ul li .e_j a { color:#aaa;}
.header .nav ul li .e_j a:hover { color:#fff}
.header .nav .e_j a{border-top:0; font-size:12px; color:#aaa; line-height:32px;}
.header .nav .e_j a:hover{background:none;}
.header .nav ul li:hover .e_j{display:none;}
.header .nav ul li a{font-size:15px; color:#fff;}

.header .nav ul li:hover span{width:0;}
.header .nav ul li.on span{width:0;}
}
@media only screen and (max-width:375px){
	.head_h { height: 60px; display:block}
.header{border:0; height:60px;  width:100%}
.header .container{ padding:0}
.header .logo{width:180px; margin:13px auto;}
.header.on .logo{width:180px; margin:13px auto;}
}
              

.yindao { width:1200px; margin:10% auto 0; text-align:center}
.yindwz { font-size:35px; font-weight: bold; color:#035ead; margin:20px auto; text-align:center}
.yindaoanw { text-align:center}
.yindaoan { width:130px; margin:50px 20px;display:inline-block}
.yindaoank {-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.yindaoank:hover {transform: translateY(-5px);

	-wbkit-transform: translateY(-5px);

	-o-transform: translateY(-5px);

	-moz-transform: translateY(-5px);}
.yindao .pc { display: block; margin:0 auto}
.yindao .sj {display: none}

.pc_ban{width:100%; position:relative; height:100vh}

.pc_ban .mb1{width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:url(../images/mb01.png) right center / cover}
.pc_ban .mb1 .nr { width:80%; margin:0 auto;}
.pc_ban .mb1 h1 { font-size:46px; color:#fff; margin-bottom:20px; text-align: center; margin-top:9%; font-weight:bold;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, 300px, 0);-ms-transform: translate3d(0, 300px, 0);transform: translate3d(0, 300px, 0);}
.pc_ban .mb1 h4 { font-size:30px; color:#fff; text-align: center;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, 300px, 0);-ms-transform: translate3d(0, 300px, 0);transform: translate3d(0, 300px, 0);}
.pc_ban .swiper-slide-active h1{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.pc_ban .swiper-slide-active h4{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.pc_ban .more a { line-height:42px; background:#035ead; border:#035ead 1px solid; color:#fff; font-size:14px; text-transform: capitalize; display:block; margin:30px auto; width:150px; text-align:center;border-radius: 5px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, 300px, 0);-ms-transform: translate3d(0, 300px, 0);transform: translate3d(0, 300px, 0);}
.pc_ban .swiper-slide-active .more a {-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}

.pc_ban .mb2{width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:url(../images/mb1.png) right center / cover}
.pc_ban .mb2 .nr { width:1200px; margin:0 auto 0;}
.pc_ban .mb2 h2 { font-size:46px; font-weight:bold; color:#fff; margin-bottom:20px; margin-top:30%; text-align: right;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(-300px, 0px, 0);-ms-transform: translate3d(-300px, 0px, 0);transform: translate3d(-300px, 0px, 0);}
.pc_ban .mb2 h4 { font-size:30px; margin-bottom:20px; color:#fff; text-align: right;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(-300px, 0px, 0);-ms-transform: translate3d(-300px, 0px, 0);transform: translate3d(-300px, 0px, 0);}
.pc_ban .swiper-slide-active h2{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.pc_ban .swiper-slide-active h4{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.pc_ban .mb3{width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:url(../images/mb3.png) right center / cover}
.pc_ban .mb3 .nr { width:80%; margin:0 auto;}
.pc_ban .mb3 h3 { font-size:46px; color:#fff; margin-bottom:20px; text-align: right; margin-top:8%; font-weight:bold;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;transition: all 1s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, 300px, 0);-ms-transform: translate3d(0, 300px, 0);transform: translate3d(0, 300px, 0);}
.pc_ban .mb3 h4 { font-size:30px; color:#fff; text-align: right;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, 300px, 0);-ms-transform: translate3d(0, 300px, 0);transform: translate3d(0, 300px, 0);}
.pc_ban .swiper-slide-active .mb3 h3{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.pc_ban .swiper-slide-active .mb3 h4{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}

.pc_ban .mb31{width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:url(../images/mb3.png) right center / cover}
.pc_ban .mb31 .nr { width:80%; margin:0 auto;}
.pc_ban .mb31 h3 { font-size:46px; color:#fff; margin-bottom:20px; text-align: left; margin-top:25%; font-weight:bold;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;transition: all 1s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, 300px, 0);-ms-transform: translate3d(0, 300px, 0);transform: translate3d(0, 300px, 0);}
.pc_ban .mb31 h4 { font-size:30px; color:#fff; text-align: left;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, 300px, 0);-ms-transform: translate3d(0, 300px, 0);transform: translate3d(0, 300px, 0);}
.pc_ban .swiper-slide-active .mb31 h3{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.pc_ban .swiper-slide-active .mb31 h4{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}



.pc_ban .mb4{width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:url(../images/mb1.png) right center / cover}
.pc_ban .mb4 .nr { width:80%; margin:0 auto;}
.pc_ban .mb4 h1 { font-size:46px; color:#fff; margin-bottom:20px; text-align: right; margin-top:20%; font-weight:bold;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, 300px, 0);-ms-transform: translate3d(0, 300px, 0);transform: translate3d(0, 300px, 0);}
.pc_ban .mb4 h4 { font-size:30px; color:#fff; font-weight:bold; text-align: right;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, 300px, 0);-ms-transform: translate3d(0, 300px, 0);transform: translate3d(0, 300px, 0);}
.pc_ban .swiper-slide-active .mb4 h1{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.pc_ban .swiper-slide-active .mb4 h4{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.pc_ban .mb5{width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:url(../images/mb3.png) left center / cover}
.pc_ban .mb5 .nr { width:80%; margin:0 auto;}
.pc_ban .mb5 h1 { font-size:46px; color:#fff; margin-bottom:20px; text-align: left; margin-top:20%; font-weight:bold;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, 300px, 0);-ms-transform: translate3d(0, 300px, 0);transform: translate3d(0, 300px, 0);}
.pc_ban .mb5 h4 { font-size:30px; color:#fff; font-weight:bold; text-align: left;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, 300px, 0);-ms-transform: translate3d(0, 300px, 0);transform: translate3d(0, 300px, 0);}
.pc_ban .swiper-slide-active .mb5 h1{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}

.pc_ban .swiper-slide-active .mb5 h4{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.pc_ban .swiper-button-prev{background:url(../images/banner-l.png) no-repeat; width:30px; height:50px; margin-top:0; left:1%;
background-size:30px 50px;
-webkit-background-size:30px 50px;
-moz-background-size:30px 50px;
-ms-background-size:30px 50px;
-o-background-size:30px 50px;}
.pc_ban .swiper-button-next{background:url(../images/banner-r.png) no-repeat; width:30px; height:50px; margin-top:0; right:1%;
background-size:30px 50px;
-webkit-background-size:30px 50px;
-moz-background-size:30px 50px;
-ms-background-size:30px 50px;
-o-background-size:30px 50px;}
.sj_ban { display:none}

.tit { margin-bottom:60px; text-align:center; opacity:0}
.active .tit{animation: fadeInUp 1.5s .5s forwards;}

.tit h1 { font-size:30px; color:#333; margin-bottom:30px; position:relative; font-weight:bold; text-transform:capitalize}
.tit h1::after { content: " ";position: absolute; left: 50%; bottom: -12px; width:0px; margin-left: -40px;height: 0;}
.tit:hover h1::after { width:80px;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;border: 1px solid #035ead;}
.tit h3 { font-size:14px; color:#666; margin-top:25px;}
.sy_pro { overflow:hidden; width:100%; background:url(../images/gk.jpg) center center / cover; height:100vh;}
.hxjs {}
.hxjs .wenz { width:60%; padding:20px 0px 20px 80px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; float:right; margin-top:12%}
.hxjs .wenz .nr { max-width:700px;}
.hxjs .wenz h3 { font-size:30px; color:#fff; margin-bottom:30px; font-weight:bold; text-align: left}
.hxjs .wenz p {line-height:2; font-size:16px; color:#fff;opacity:0} 
.hxjs .wenz .more a { width:130px; line-height:42px; margin-top:30px; border:#035ead 1px solid; font-size:16px; text-transform:capitalize; background:#035ead; color:#fff; display:block; text-align:center;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; opacity:0 }
.hxjs .wenz .more a:hover { background:#035ead; color:#fff}
.hxjs .tp { width:50%}
.hxjs .tp img { width:100%; display:block}

.active .hxjs .wenz p{animation: fadeInUp 1s .5s forwards;}
.active .more a{animation: fadeInUp 1s .5s forwards;}

.xmgx { width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background: url(../images/tdbj.jpg) center center / cover; height:100vh;}
.xmgx .wenz { width:50%; padding:40px 0 40px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; margin:0 auto}
.xmgx .wenz .nr { width:100%;}

.xmgx .wenz p {line-height:2.2; font-size:18px; color:#555; text-align: center; opacity:0} 

.xmgx .wenz p span {background:#fff; padding:3px; color:#463276}
.xmgx .wenz .more a { width:130px; line-height:42px; margin:50px auto 0; border:#59ac14 1px solid; background:#59ac14; font-size:16px; text-transform:capitalize; color:#fff; display:block; text-align:center;;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.xmgx .wenz .more a:hover { background:#3f800a}
.xmgx ul {text-align:center}
.xmgx ul li { width:200px; display:inline-block;margin-right:60px; text-align:center; margin-top:50px; opacity:0; position:relative; height:200px;}
.xmgx ul li.last { margin-right:0}
.xmgx ul li .tb { }
.xmgx ul li .tb1 {-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;width:150px; height:150px;margin:0 auto; position:absolute; left:0; top:0; text-align:center; border:#045faa 2px solid;border-radius:75px;-moz-border-radius:75px;-webkit-border-radius:75px; left:25px;} 
.xmgx ul li .tb1s {-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;width:150px; height:150px;margin:0 auto; position:absolute; left:0; top:0; text-align:center; opacity:0; border:#969696 2px solid;border-radius:75px;-moz-border-radius:75px;-webkit-border-radius:75px; left:25px;} 
.xmgx ul:hover li .tb1 { opacity:0;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.xmgx ul:hover li .tb1s { opacity:1;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;z-index:9}
.xmgx ul:hover li:hover .tb1 { opacity:1;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.xmgx ul:hover li:hover .tb1s { opacity:0;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; z-index:99}

.xmgx ul li .tb i{display:block;width:100%;height:100%;position:absolute;left:0;top:0; border:#045faa 2px solid;border-radius:75px;-moz-border-radius:75px;-webkit-border-radius:75px;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.xmgx ul li .tb.l1 i{ background: url(../images/td1.png) center center no-repeat;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.xmgx ul li .tb.l1 .opacity_bg{ background:url(../images/td1s.png) center center no-repeat; border:2px solid #adadad;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.xmgx ul li .tb.l2 i{ background: url(../images/td2.png) center center no-repeat;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.xmgx ul li .tb.l2 .opacity_bg{ background:url(../images/td2s.png) center center no-repeat; border:2px solid #adadad;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.xmgx ul li .tb.l3 i{ background: url(../images/td3.png) center center no-repeat;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.xmgx ul li .tb.l3 .opacity_bg{ background:url(../images/td3s.png) center center no-repeat; border:2px solid #adadad;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.xmgx ul li h3 { font-size:18px; color:#333; margin:10px; text-align:center; position:absolute; width:100%; bottom:0; left:0}

.active .wenz p {animation: fadeInUp 1s .5s forwards;}
.active .xmgx ul li{animation: fadeInUp 1s .5s forwards;}
.page4 { background:url(../images/ptzs.jpg) center center / cover;}
.ptzs {overflow:hidden; width:100%;}
.ptzs .wenz { width:80%; padding:20px 0px 20px 80px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; margin:6% auto 0;}
.active .ptzs .wenz p{animation: fadeInUp 1s .5s forwards;}
.ptzs .wenz .nr { max-width:1200px; margin:0 auto}

.ptzs .wenz p {line-height:2; font-size:16px; color:#fff; opacity:0} 
.ptzs .wenz .more a { width:130px; line-height:42px;border:#035ead 1px solid; font-size:16px; text-transform:capitalize; background:#035ead; color:#fff; display:block; text-align:center;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; margin:50px auto 0}
.ptzs .wenz .more a:hover { background:#035ead; color:#fff}
.second {position: relative; width:1200px; margin:0px auto 40px; padding-top:10px;text-align: center; overflow:hidden;}
.list-unstyled h3{font-size:16px;margin-top: 20px;color: #fff; margin-bottom:15px; font-weight:bold}

.ptzs .second li p{color: #fff; font-size:14px; line-height:1.8; text-align: left; padding:0 10px; text-align:center; display:none}

.carousel-indicators li{width: 50px;height: 4px;border-radius: 1px;padding: 10px 10px;box-sizing: content-box;background-clip: padding-box;}

.carousel-indicators .active{width: 50px;height: 4px;position: relative;top: -1px;}
.second li {height:160px;text-align: center; width:22%; display:inline-block;margin:20px 1% 0px;padding-top:0px;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s; font-size:14px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; opacity:0}
.active .second li{animation: fadeInUp 1s .5s forwards;}
/*.active .second li.wz_2{animation:fadeInRight .5s 0.3s forwards;}
.active .second li.wz_3{animation:fadeInRight .5s 0.3s forwards;}
.active .second li.wz_4{animation:fadeInRight .5s 0.3s forwards;}
.active .second li.wz_5{animation:fadeInRight .5s 0.3s forwards;}
.active .second li.wz_6{animation:fadeInRight .5s 0.3s forwards;} */
.active .d_wz .wz_7{animation: fadeInUp 1s .5s forwards;}



.second li .box{transition: all 0.3s;
-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s; position:relative; width:100px; height:100px; margin:0 auto}
.second li:hover .box{transform: translateY(-5px);-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);transition: all 0.3s;
-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s; position:relative; width:100px; height:100px; margin:0 auto}
.second li p::before {content: "-"; display: inline-block; margin-right: 5px;}

.second li .tb {width:100px; height:100px; position:absolute;left:0;top:0; border:3px solid #52ad17;border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;padding:5px;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;border:3px solid #52ad17; }
.second li .tbs {width:100px; height:100px; position:absolute;left:0;top:0; border:3px solid #52ad17;border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;padding:5px;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;border:3px solid #adadad; opacity:0}
.second ul:hover li .tb{ opacity:0;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.second ul:hover li .tbs{ opacity:1;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;z-index:9}
.second ul:hover li:hover .tb{ opacity:1;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.second ul:hover li:hover .tbs{ opacity:0;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}

.second li:hover h3 { color:#52ad17}
.second li:hover p { color:#fff}
.second li .tb i{display:block;width:100%;height:100%;position:absolute;left:0;top:0; border:3px solid #52ad17;border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;padding:5px;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; }
.second li .tb.l01 i{ background:url(../images/con3_001.png) center center no-repeat;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.second li .tb.l01 .opacity_bg{ background:url(../images/con3_001s.png) center center no-repeat; border:3px solid #adadad;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.second li .tb.l1 i{ background:url(../images/con3_06.png) center center no-repeat;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.second li .tb.l1 .opacity_bg{ background:url(../images/con3_06s.png) center center no-repeat; border:3px solid #adadad;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.second li .tb.l2 i{ background:url(../images/con3_05.png) center center no-repeat;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.second li .tb.l2 .opacity_bg{ background:url(../images/con3_05s.png) center center no-repeat; border:3px solid #adadad;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.second li .tb.l3 i{ background:url(../images/con3_01.png) center center no-repeat;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.second li .tb.l3 .opacity_bg{ background:url(../images/con3_01s.png) center center no-repeat; border:3px solid #adadad;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.second li .tb.l4 i{ background:url(../images/con3_03.png) center center no-repeat;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.second li .tb.l4 .opacity_bg{ background:url(../images/con3_03s.png) center center no-repeat; border:3px solid #adadad;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.second li .tb.l5 i{ background:url(../images/con3_04.png) center center no-repeat;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.second li .tb.l5 .opacity_bg{ background:url(../images/con3_04s.png) center center no-repeat; border:3px solid #adadad;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.second li .tb.l7 i{ background:url(../images/con3_07.png) center center no-repeat;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.second li .tb.l7 .opacity_bg{ background:url(../images/con3_07s.png) center center no-repeat; border:3px solid #adadad;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.second li .tb.l8 i{ background:url(../images/con3_08.png) center center no-repeat;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.second li .tb.l8 .opacity_bg{ background:url(../images/con3_08s.png) center center no-repeat; border:3px solid #adadad;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.second li .tb.l9 i{ background:url(../images/con3_09.png) center center no-repeat;-webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s; transition:all 0.8s;}
.second li .tb.l9 .opacity_bg{ background:url(../images/con3_09s.png) center center no-repeat; border:3px solid #adadad;-webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s; transition:all 0.8s;}

.sy_spzx {width:100%; background:url(../images/dbkbj.jpg) center center / cover; overflow:hidden; height:100vh; }
.sy_spzx .nr { overflow:hidden;display: -webkit-box;

display: -ms-flexbox;

display: flex;

-webkit-box-pack: justify;

-ms-flex-pack: justify;

justify-content: space-between;

-webkit-box-align: center;

-ms-flex-align: center;

align-items: center; width:100%; margin:10% auto}

.sy_spzx .right { width:60%;padding:30px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; margin:0 auto; opacity:0}
.active .sy_spzx .right {animation: fadeInUp 1s .5s forwards;}
.sy_spzx .right h3 { font-size:25px; color:#333; line-height:1.5; margin-bottom:15px;}
.sy_spzx .right p { font-size:18px; color:#555; line-height:2.2;}
.sy_spzx .right .span { width:120px; height:120px; margin:50px auto 0;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.sy_spzx .right .span:hover {-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.sy_spzx .right .more a { line-height:42px; background:#035ead; border:#035ead 1px solid; color:#fff; font-size:14px; text-transform: capitalize; display:block; margin:30px auto; width:130px; text-align:center;border-radius: 5px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;}
.sy_spzx .right .more a:hover { background:#035ead; border:#035ead 1px solid; color:#fff;}
.page6 {background:url(../images/hzhb.jpg) center center / cover;}
.sy_hzhb {width:100%;}
.sy_hzhb .nr { overflow:hidden;display: -webkit-box;

display: -ms-flexbox;

display: flex;

-webkit-box-pack: justify;

-ms-flex-pack: justify;

justify-content: space-between;

-webkit-box-align: center;

-ms-flex-align: center;

align-items: center; width:100%; margin:5% auto}

.sy_hzhb .right { width:60%;padding:30px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; margin:0 auto; opacity:0}
.active .sy_hzhb .right {animation: fadeInUp 1s .5s forwards;}
.sy_hzhb .right h3 { font-size:25px; color:#333; line-height:1.5; margin-bottom:15px;}
.sy_hzhb .right p { font-size:18px; color:#111; line-height:2.2;}
.page7 {background:url(../images/page7.jpg) center center / cover;}





/* start footer */
.footer_bg{background:#333 url(../images/dd.png) center center / cover; background-attachment:fixed;  width:100%;padding:15px 0 0; border-top:#035ead 4px solid}
.footer { width:100%; margin:0 auto; padding:20px 0; z-index:999;}
.footer .logo1 { width:220px;margin:60px auto 0; float:none}
.footer .logo1 img { width:100%;}
.footer .you { width:100%; float:right;}
.footer .dh { text-align: right; margin-top:10px; height:35px; font-size:14px; line-height:35px;}
.footer .dh a { display:inline-block; padding:0 0px 0 20px; line-height:35px; color:#fff; font-size:14px}
.footer .bq { line-height:30px; text-align: center; color:#fff;font-size: 14px; margin-bottom:30px;}
.footer .tb { text-align: center; float:right; width:100%; height:30px}
.footer .tb a { display:inline-block; width:30px; height:30px;}







@media only screen and (max-width:1024px){
	
.pc_ban{ display:none}

.sj_ban{width:100%; position:relative; height:100vh; display:block}

.sj_ban .mb1{width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:url(../images/mb01.png) right center / cover}
.sj_ban .mb1 .nr { width:80%; margin:0 auto;}
.sj_ban .mb1 h1 { font-size:26px; color:#fff; margin-bottom:15px; text-align: center; margin-top:40%; font-weight:bold;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, 300px, 0);-ms-transform: translate3d(0, 300px, 0);transform: translate3d(0, 300px, 0);}
.sj_ban .mb1 h4 { font-size:20px; color:#fff; text-align: center;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, 300px, 0);-ms-transform: translate3d(0, 300px, 0);transform: translate3d(0, 300px, 0);}
.sj_ban .swiper-slide-active h1{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.sj_ban .swiper-slide-active h4{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.sj_ban .more a { line-height:32px; background:#035ead; border:#035ead 1px solid; color:#fff; font-size:14px; text-transform: capitalize; display:block; margin:30px auto; width:100px; text-align:center;border-radius: 5px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, 300px, 0);-ms-transform: translate3d(0, 300px, 0);transform: translate3d(0, 300px, 0);}
.sj_ban .swiper-slide-active .more a {-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}

.sj_ban .mb2{width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:url(../images/mb1.png) right center / cover}
.sj_ban .mb2 .nr { width:94%; margin:0 auto 0;}
.sj_ban .mb2 h2 { font-size:30px; font-weight:bold; color:#fff; margin-bottom:20px; margin-top:30%; text-align: center;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(-300px, 0px, 0);-ms-transform: translate3d(-300px, 0px, 0);transform: translate3d(-300px, 0px, 0);}
.sj_ban .mb2 h4 { font-size:20px; margin-bottom:20px; color:#fff; text-align: center;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(-300px, 0px, 0);-ms-transform: translate3d(-300px, 0px, 0);transform: translate3d(-300px, 0px, 0);}
.sj_ban .swiper-slide-active h2{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.sj_ban .swiper-slide-active h4{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.sj_ban .mb3{width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:url(../images/mb3.png) right center / cover}
.sj_ban .mb3 .nr { width:80%; margin:0 auto;}
.sj_ban .mb3 h3 { font-size:30px; color:#fff; margin-bottom:20px; text-align: right; margin-top:25%; font-weight:bold;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;transition: all 1s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, 300px, 0);-ms-transform: translate3d(0, 300px, 0);transform: translate3d(0, 300px, 0);}
.sj_ban .mb3 h4 { font-size:20px; color:#fff; text-align: right;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, 300px, 0);-ms-transform: translate3d(0, 300px, 0);transform: translate3d(0, 300px, 0);}
.sj_ban .swiper-slide-active .mb3 h3{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.sj_ban .swiper-slide-active .mb3 h4{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.sj_ban .mb4{width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:url(../images/mb1.png) right center / cover}
.sj_ban .mb4 .nr { width:80%; margin:0 auto;}
.sj_ban .mb4 h1 { font-size:30px; color:#fff; margin-bottom:20px; text-align: right; margin-top:20%; font-weight:bold;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, 300px, 0);-ms-transform: translate3d(0, 300px, 0);transform: translate3d(0, 300px, 0);}
.sj_ban .mb4 h4 { font-size:20px; color:#fff; font-weight:bold; text-align: right;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, 300px, 0);-ms-transform: translate3d(0, 300px, 0);transform: translate3d(0, 300px, 0);}
.sj_ban .swiper-slide-active .mb4 h1{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.sj_ban .swiper-slide-active .mb4 h4{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.sj_ban .mb5{width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:url(../images/mb3.png) left center / cover}
.sj_ban .mb5 .nr { width:80%; margin:0 auto;}
.sj_ban .mb5 h1 { font-size:30px; color:#fff; margin-bottom:20px; text-align: left; margin-top:20%; font-weight:bold;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, 300px, 0);-ms-transform: translate3d(0, 300px, 0);transform: translate3d(0, 300px, 0);}
.sj_ban .mb5 h4 { font-size:20px; color:#fff; font-weight:bold; text-align: left;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, 300px, 0);-ms-transform: translate3d(0, 300px, 0);transform: translate3d(0, 300px, 0);}
.sj_ban .swiper-slide-active .mb5 h1{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}

.sj_ban .swiper-slide-active .mb5 h4{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.sj_ban .swiper-button-prev{background:url(../images/banner-l.png) no-repeat; width:30px; height:50px; margin-top:0; left:1%;
background-size:30px 50px;
-webkit-background-size:30px 50px;
-moz-background-size:30px 50px;
-ms-background-size:30px 50px;
-o-background-size:30px 50px;}
.sj_ban .swiper-button-next{background:url(../images/banner-r.png) no-repeat; width:30px; height:50px; margin-top:0; right:1%;
background-size:30px 50px;
-webkit-background-size:30px 50px;
-moz-background-size:30px 50px;
-ms-background-size:30px 50px;
-o-background-size:30px 50px;}
.hxjs .wenz {width: 85%; padding: 20px 0px 20px 0px; margin: 20% auto 0; float:none}
.tit { margin-bottom: 40px;}
.hxjs .wenz p { font-size: 14px;}
.hxjs .wenz .more a { width: 110px; line-height:32px;font-size: 14px;}

.xmgx .wenz {width: 85%; padding: 20px 0 20px;margin: 0 auto;}
.xmgx .wenz p { line-height:1.8;font-size: 14px;}
.xmgx ul li { width: 30.3333%; margin:25px 1.3% 0; height: 12rem; float:left;}
.xmgx ul li .tb1 { width: 90%;height: 7.5rem;left: 5%;}
.xmgx ul li .tb1 img { width:100%; height:100%}
.xmgx ul li .tb1s {width: 90%;height: 7.5rem;left: 5%;}
.xmgx ul li .tb1s img { width:100%; height:100%}
.xmgx ul li h3 { font-size: 15px; margin: 10px 0;}
.ptzs .wenz {width:85%; padding: 20px 0px 20px 0px; margin: 20% auto 0;}
.ptzs .wenz p {line-height:1.6; font-size:13px; display:none}
.second { width: 100%; margin: 0px auto 20px;}
.second li {height: 12rem; width: 30.3333%; margin:0px 1.5% 0px; font-size: 14px; float:left}
.list-unstyled h3 { font-size:14px; margin-top: 10px; margin-bottom:10px; font-weight:normal;}
.sy_spzx .right { width:85%; padding: 30px 0; margin:10% auto 0}
.sy_spzx .right p { font-size:14px; line-height:1.8;}
.sy_hzhb .right { width:85%; padding: 30px 0; margin:20% auto 0}
.sy_hzhb .right p {font-size:14px; line-height:1.8;}
.footer .logo1 {
    width:200px;
    margin:10px auto 0;
    float: none;
}
.footer .bq { line-height:1.8;font-size: 14px; margin-bottom:10px;}

.nban {height:12rem;}
.con { width: 90%;}


}
@media only screen and (max-width:321px){
.header .logo {

    width:150px;
    margin: 10px auto;

}
.header .yy {

    width: 60px;
    margin-right: 60px;
    margin-top: 10px;

}
.header .an1 {top:40px;}
}


.zw1{ line-height:30px; font-size:16px;}
.zw1 a:link{ color:#555555; }
.zw1 a:visited{ color:#555;}
.zw1 a:hover{ color:#FF6205;}
.zw1 a:active{color:#555555;}
.zw1 img{
 max-width:100%;

 width:expression(document.body.clientWidth>100%?"100%":"auto");

}

.xiaocms-page span{ margin:0 3px;  border:1px solid #eee;line-height:25px; padding:0 10px; background:#FD5B03; color:#FFFFFF; display:inline-block; }
.xiaocms-page  a{margin:0 3px;   border:1px solid #eee;line-height:25px;background:#fff; display:block; color:#333; padding:0 10px;display:inline-block; }
.xiaocms-page  a:hover {margin:0 3px;   border:1px solid #eee;line-height:25px; background:#FD5B03; color:#fff; padding:0 10px;display:inline-block;}