@charset "utf-8";

body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,form,input{margin:0;padding:0}em,i,s{font-style:normal;text-transform:uppercase;}li{list-style:none}a,s,a:hover{text-decoration:none}img{border:0;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}body,button,input,select,textarea{font:12px/1.5 'microsoft yahei',Tahoma,arial,'Hiragino Sans GB',\5b8b\4f53}input,textarea{resize:none;border:none;}a,a:focus{outline:none}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}.noBg{background:none!important}.noBd{border:0!important}.noMg { margin: 0!important; }

/* 项目主体部分设置 */
body { background: #fff; color:#333; }
a { color:#333;text-decoration:none; transition: all 0.5s ease 0s; }
a:hover { color: #306fc8; }

.wrapper { position:relative; width:100%; height: 100%; margin:0 auto; overflow:hidden; }
.wrap { width: 74%; margin:0 auto; }

.g-in {width: 1200px;margin: 0 auto;}
.g-in:after {content: '\20';display: block;height: 0;clear: both}
.g-in {*zoom: 1}
.fl{float: left;}
.fr{float: right;}
.page-c{width: 16rem;margin: 0 auto;}
.page-c1{width: 16rem;margin: 0 auto;}
.g-big{width:98%;margin: 0 auto;position: relative;}
 @media (max-width:1600px){.g-big{width: 62.5%;margin: 0 auto;} } 
 @media (max-width:1440px){.g-big{width: 62.5%;margin: 0 auto;} } 
 @media (max-width:1200px){.g-big{width: 1000px;margin: 0 auto;} }
.wrapper {position: relative;width: 100%;margin: 0 auto;overflow: hidden;}
.wrapper img {vertical-align: top;}

/* 网站地图 */
.webmap {padding: 10px 0px 15px}
.webmap dl {overflow: hidden;zoom: 1;height: 32px;margin-bottom: 5px;}
.webmap dt {width: 15%;float: left;}
.webmap dd {float: left;width: 85%;}
.webmap dt a {display: block;line-height: 32px;background: #ccc;color: #000;text-align: center}
.webmap dd a {margin: 0 5px 5px;background: #eee;display: block;line-height: 32px;width: 143px;float: left;text-align: center}
.webmap a:hover {background: #343434;text-decoration: none;color: #fff}

/* 头部 */
.header{width: 1920px;background-color: rgba(255,255,255,0.8);transition: all .6s ease 0s;height: 70px;position: fixed;top: 0;left: 50%;margin-left: -960px;z-index: 999;}
.header:hover{ background-color: rgba(255,255,255,1);}
.header .logo{float: left;margin-top:5px;}
.header .hr_box{float: right;margin-right: 76px;}


.nav ul li{float: left;font-size: 14px;color: #000;font-weight: bold;}
.nav ul li a{display: inline-block;margin: 0 38px;line-height: 70px;}
@media (max-width:1400px){
	.nav ul li a {display: inline-block;margin: 0 22px;}
}
.ibanner{margin-top: 74px;position: relative;display: block;width: 1920px;left: 50%;margin-left: -960px;}
.banner{width: 1920px;position: relative;left: 50%;margin-left: -960px;height: 100%;}
.banner .hd { position:absolute; left:34px; top:49%; width:15px; z-index:4; }
.banner .hd ul li { width:17px; height:2px; background:#3ba6e2; margin-top:15px; line-height:999px; overflow:hidden; cursor:pointer; vertical-align:top;}
.banner .hd ul .on {background:#027bbe;width:20px; height:3px;}
.banner .banner_name{position: absolute;top: 46.1%;margin-top: -2.5rem;left: 59.9%;margin-left: -6.65rem;transition:all 1.5s ease-out;}
.banner .banner_name img{}
.banner .banner_name h2{font-size: 66px;color: #fff;margin-top: 10px;}
.banner .banner_name h2 a{color: #fff;}
.banner .banner_name h2 a:hover{color: #0698ed;}
.banner .banner_name h2 span{font-size: 16px;}
.banner .banner_name .dt1{background: url(../img/yfn2.png) no-repeat left center;height: 139px;width: 16px;position: absolute;left: -66px;top: 0;}
.banner .banner_name .dt2{background: url(../img/yfn4.png) no-repeat left center;height: 139px;width: 16px;position: absolute;left: -66px;top: 0;}
.banner .banner_name .dt3{background: url(../img/yfn6.png) no-repeat left center;height: 139px;width: 16px;position: absolute;left: -66px;top: 0;}
.banner .banner_name .dt4{background: url(../img/yfn7.png) no-repeat left center;height: 139px;width: 16px;position: absolute;left: -66px;top: 0;}
.fullpage1.active .banner_name{margin-top: -0.4rem;opacity: 1;}
.fullpage1.active .banner_name img{}
.banner_name .bnlines{position: absolute;width: 8.6rem;height: 1.32rem;bottom: -1rem;left: 55%;margin-left: -4.3rem;background: url(../img/bnline.png) no-repeat center;background-size: contain;}
.banner_name .bn_intro{opacity: 0;width: 6.82rem;position: absolute;left: 50%;margin-left: -3.41rem;bottom: -.8rem;height: .29rem; animation: showsintro 1s ease-in-out 1s 1 forwards}
.banner_name .bnamebg{opacity: 0;-webkit-animation: shows 1s cubic-bezier(0,0,0.25,1) 1s 1 forwards;  -o-animation: shows 1s cubic-bezier(0,0,0.25,1) 1s 1 forwards; animation: shows 1s cubic-bezier(0,0,0.25,1) 1s 1 forwards;width: 6.58rem;height: 6.58rem;background: url(../img/bnamebg.png) no-repeat center;background-size: contain;position: absolute;top: 50%;margin-top: -2.98rem;left: 50%;margin-left: -3.29rem;}
.banner .banner_bd ul li{position: relative;}
.banner .banner_bd .banner_prev{position: absolute;width: 0.6rem;height: 0.6rem;background: url(../img/banner_prev.png) no-repeat center;left: 10%;top: 50%;margin-top: -.3rem;z-index: 3;}
.banner .banner_bd .banner_next{position: absolute;width: 0.6rem;height: 0.6rem;background: url(../img/banner_next.png) no-repeat center;right: 10%;top: 50%;margin-top: -.3rem;z-index: 3;background-size: contain;}

@media (max-width:1440px){
	.banner_prev{left: 16% !important;}
	.banner_next{right: 16% !important;}
}


/* 下拉样式 */
.second-list{display: none;position: absolute;left:50%;margin-left: -960px;top: 70px;width: 1920px;background-color: #f9f9f9;z-index: 1000;box-shadow: 0px 4px 10px rgba(0,0,0,0.2);}
.second{width: 1200px;padding: 15px 0;margin: 0 auto;}
.second>dl{width: 172px;height: auto;overflow: hidden;}
.second>dl>dd{height: 36px;line-height: 36px;}
.second>dl>dd>a{display: block;color: #565656;font-size: 14px;line-height: 36px;margin: 0 ;}
.second>dl>dd>a:hover{color: #186bf4;}
.second>.second-img{width: 1026px;text-align: left;border-left: 1px solid #aaa;}
.second>.second-img>p{display: inline-block;*display:inline;*zoom:1;margin: 0 7px 15px 15px; vertical-align: middle;text-align: left;font-size: 0;width: 183px;}
.second>.second-img>p a{ margin:0}
.second>.second-img>p img{width: 183px;height: 131px;vertical-align: middle;}
.second>.second-img>p span{display: block;line-height: 38px;font-size: 14px;text-align: center;color: #565656;}
.second>.second-img>p:hover span{color: #186bf4;}
.second .second-img{position: relative;}
.second .second-img .bd {width: 1026px;text-align: left;margin-left: 20px;}
.second .second-img .bd .ssprev{width: .3rem;height: .3rem;background: url(../img/anli.png) no-repeat center;background-size: contain;position: absolute;right: -54px;top: 31%;margin-top: -.3rem;z-index: 333;}
.second .second-img .bd .ssnext{width: .3rem;height: .3rem;background: url(../img/anli2.png) no-repeat center;background-size: contain;position: absolute;right: -54px;top: 50%;z-index: 333;}

.second .second-img .bd ul li{width: 183px;text-align: center;margin-right: 20px;}
.second .second-img .bd p{display: inline-block;*display:inline;*zoom:1; vertical-align: middle;text-align: left;font-size: 0;width: 183px;}
.second .second-img .bd p a{ margin:0}
.second .second-img .bd p img{width: 183px;height: 131px;vertical-align: middle;}
.second .second-img .bd p span{display: block;line-height: 38px;font-size: 14px;text-align: center;color: #565656;}
.second .second-img .bd  p:hover span{color: #186bf4;}


.search{position: absolute;width: 20px;height: 20px;right:2%;top: 50%;margin-top: -.1rem;}
.search1{top: 40%;}
.search i{display: block;width: 20px;height: 20px;background:url(../img/searchIcon.png) no-repeat center;background-size: contain;cursor: pointer;}

.searchIcon{ position:relative;}

.form{ position:absolute;top:50px;right:0;width:340px;height:34px;background:#fff;padding:0 18px; z-index:1;border:1px solid #2152ad;border-radius:5px;display: none;}
.form .input-a{width:318px;height:34px; border:none; outline:none; font-size:14px; line-height:34px;}
.form .input-b{width: 22px;height: 34px;border: none;background: url(../img/pic-100.png) no-repeat center;outline: none;cursor: pointer;text-indent: 99em;overflow: hidden;}


.innersearch{position: absolute;width: 20px;height: 20px;right: -25px;top: 50%;margin-top: -10px;}
.innersearch i{display: block;width: 20px;height: 20px;background:url(../img/searchIcon.png) no-repeat center;background-size: contain;cursor: pointer;}




@keyframes shows{
	0%{opacity: 0;}
	50%{opacity: .5;}
	75%{opacity: .8;}
	100%{opacity: 1;}
}

@keyframes showsintro{
	0%{opacity: 0;}
	25%{opacity: .3}
	50%{opacity: .5;}
	75%{opacity: .8;}
	100%{opacity: 1;}
}

/*.banner .banner_name:after{opacity: 0;-webkit-animation: wl .5s linear .5s 1 forwards;-o-animation: wl .5s linear .5s 1 forwards;animation: wl .5s linear .5s 1 forwards;position: absolute;width: 4rem;height: 5.9rem;right:-1.83rem;top: -2.02rem;background: url('right.png') no-repeat center;content: '';}
.banner .banner_name:before{opacity: 0;-webkit-animation: wll .5s linear .5s 1 forwards;-o-animation: wll .5s linear .5s 1 forwards;animation: wll .5s linear .5s 1 forwards;position: absolute;width: 4rem;height: 5.9rem;left:-1.83rem;top: -2.02rem;background: url('left.png') no-repeat center;content: '';}*/
.banner .banner_name p{text-align: center;color: #fff;font-size: 40px;}
.banner .banner_name dl{text-align: left;color: #fff;font-size:20px;margin-top: 4px;}
.banner .banner_name dl em{color:#0698ed}
.learnmore{position: absolute;left: 50%;width: 1.44rem;margin-left: -.72rem;height: .41rem;line-height: .41rem;border: 1px solid rgba(79, 78, 104, .6);bottom: -3rem;text-align: center;}
@media (max-width:1600px){
.banner .banner_name{top: 38%;}
}
.learnmore a{display: block;width: 100%;height: 100%;font-size: 16px;color: rgba(255, 255, 255, .3);position: relative;z-index: 88;}
.learnmore a:before,.learnmore a:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #fff;
  transition:400ms ease all;
}
.learnmore a:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
.learnmore a:hover{background: #fff;color: #01002a;}
.learnmore a:hover:before,.learnmore a:hover:after{
  width:100%;
  transition:800ms ease all;
}


@keyframes wl{
	0%{opacity: .3;}
	50%{opacity: .6;right: -200px;top: -202px;}
	75%{opacity: .8;right: -230px;top: -202px;}
	100%{opacity: 1;right: -285px;top: -202px;}
}

@keyframes wll{
	0%{opacity: .3;}
	50%{opacity: .6;left: -200px;top: -202px;}
	75%{opacity: .8;left: -230px;top: -202px;}
	100%{opacity: 1;left: -285px;top: -202px;}
}


.bl1{position: absolute;bottom: -160px;width: 1920px;left: 50%;margin-left: -960px;}
.bl2{position: absolute;bottom: -140px;width: 1920px;left: 50%;margin-left: -960px;}
.bl3{position: absolute;bottom: -140px;width: 1920px;left: 50%;margin-left: -960px;}

.lzl{position: absolute;left: 0;bottom: -160px;width: 918px;z-index: 3;}
.lzr{position: absolute;right: 0;bottom: -168px;width: 1002px;z-index: 3;}



.dong{animation: heart .5s ease-in-out 1.5s infinite alternate;width: 62px;height: 45px;background:url(../img/down.png) no-repeat center;background-size: contain;position: absolute;bottom: 20px;left: 50%;margin-left: -12px;z-index: 66;}
.dong a{display: block;width: 100%;height: 100%;}
@keyframes heart{
from{transform:translate(0,0)}
to{transform:translate(0,6px)}
}


.intro{width: 9.2rem;height:100%;/*background: url('absbg.png') no-repeat center;*/position: absolute;right:-8.58rem;top: 0;z-index: 66;transition: all .5s ease-in-out;}
.active .intro{right: 0;}

.intro .iabs{position: absolute;width: 180px;left: 1.8rem;top: 3.16rem;transition: all 1.8s ease-in-out;text-align: center;line-height: 30px;line-height:34px;}
.intro .iabs h4{font-size: 30px;font-weight: normal;color: #fff;}
.intro .iabs span{font-size: 14px;color: #fff;font-family: arial;}
.intro .iabs img{width: 100%;}
.active .intro .iabs{left: 52px;}
.page2-left{position: absolute;left: 8%;top: 30%;overflow: hidden;width: 40.7%;}
.introcon{position: absolute;width: 7.4rem;max-width: 7.4rem;top: 4.6rem;right: 0;z-index: 77;font-size: 16px;color: #fff;line-height: .4rem;transition: all 1.5s linear;}
.active  .introcon{right: 1.08rem;}

.kmbox{border: 1px solid rgb(255,255,255,0.6);position: absolute;right: 2rem;bottom: 2rem;width: 1.77rem;height: .42rem;z-index: 88;transition: all 1.5s ease-in-out;}
.active .kmbox{right: 6.6rem;}
.kmbox:hover{background: #0395e4;border: none;}
@media (max-width:1600px){
	.kmbox{bottom: 1.5rem;}
}
.kmbox a{display: block;width: 100%;height: 100%;font-family: 'Arial';font-size: .16rem;text-transform: uppercase;text-align:center;line-height: .43rem;color: #fff;}
.kmbox span{position: absolute;width: .45rem;height: .42rem;background: #c4d0e3;border: 1px solid #a9b5c8;top: -1px;right:-1px;text-align: center;line-height: .43rem;}

@media (max-height:768px){
	.kmbox{bottom: 1.3rem;}
}
.page2-left img{width: 100%;height: auto;}
.page2-left .mask{width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: absolute; left: 0; top: 0; opacity: 0; transition: all ease-out .5s;}
.page2-left:hover .mask{opacity: 1}
.page2-left a{display: block; width: 50px; height: 50px; text-align: center; font-size: 22px; line-height: 38px;  position: absolute; left: 50%; 
top: -110%; margin-left: -21px; margin-top: -21px; opacity: 0; transition: all ease-out .5s;background: url(../img/c1.png) no-repeat;} 
.page2-left:hover a{opacity: 1;top:240px;}
.page3{background: url('../img/page3.png') no-repeat center center;background-size: cover;}
.page3 li{width: 25%;float: left; transition: all 1s; position:relative;}

.page3 li:nth-child(1){background: url('../img/li1.jpg') no-repeat center;background-size: cover;}
.page3 li:nth-child(1):hover{background: url('../img/li11.jpg') no-repeat center;background-size: cover;}

.page3 li:nth-child(2){background: url('../img/li2.jpg') no-repeat center;background-size: cover;}
.page3 li:nth-child(2):hover{background: url('../img/li22.jpg') no-repeat center;background-size: cover;}

.page3 li:nth-child(3){background: url('../img/li3.jpg') no-repeat center;background-size: cover;}
.page3 li:nth-child(3):hover{background: url('../img/li33.jpg') no-repeat center;background-size: cover;}

.page3 li:nth-child(4){background: url('../img/li4.png') no-repeat center;background-size: cover;}
.page3 li:nth-child(4):hover{background: url('../img/li44.png') no-repeat center;background-size: cover;}

.page3 li dl{padding: .06rem 0;width: 120px;font-size: .14rem;color: #fff;text-align: center;position:absolute;bottom: 1.56rem;left: 37%;}

.page3 li:hover dl{border-top: 1px solid rgb(255,255,255,0.6);border-bottom: 1px solid rgb(255,255,255,0.6);}

.libefore{width: 100%;text-align: center;}
.libefore .icon{padding-top: 3.07rem;}
.libefore .icon img{transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transition: 1s;
-webkit-transition: 1s;
-ms-transition: 1s;
-moz-transition: 1s;}
 
.page3 li:hover .libefore .icon img{    transform: translateZ(30px) rotateY(360deg) scale(1);
    -webkit-transform: translateZ(30px) rotateY(360deg) scale(1);
    -ms-transform: translateZ(30px) rotateY(360deg) scale(1);
    -moz-transform: translateZ(30px) rotateY(360deg) scale(1);}
.libefore h2{font-size: .32rem;padding-top: .5rem;color: #fff;font-weight: normal;}
.libefore p{width: 30px;height: 1px;background: rgb(255,255,255,0.6);margin:0 auto;margin-top: .16rem;}
.libefore .libcon{padding-top: .16rem;width: 2.9rem;margin:0 auto;line-height:.26rem; font-size: .14rem;color: #fff}


.page3.active .scroll li:nth-child(1){ 
	-webkit-animation: fadeInDown 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInDown 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.page3.active .scroll li:nth-child(2){ 
	-webkit-animation: fadeInDown 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInDown 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.page3.active .scroll li:nth-child(3){ 
	-webkit-animation: fadeInDown 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInDown 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.page3.active .scroll li:nth-child(4){ 
	-webkit-animation: fadeInDown 2.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInDown 2.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}


.page4{background: url('../img/page4bg.jpg') no-repeat center;}
.page4.active .honor .hd{
	-webkit-animation: fadeInUp 3.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 3.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}90
.honor{width: 13.4rem;margin:90px auto 0;}
.honor .bd{height: 5rem;}
.honor .hd ul{display: inline-block;text-align: center;}
.honor .hd ul li{margin-right: .02rem;display: inline-block;float: left;width: 284px;height: 60px;background:rgb(255,255,255,0.16);
	text-align: center;font-size: 18px;padding: 10px;color: #FFF;}
.honor .hd ul li:hover{background:rgb(255,255,255,0.08) }
.honor .hd ul li span{display: inline-block;}
.honor .hd ul li:nth-child(1) span{background: url('../img/hli_icon1.png') no-repeat left;background-size: 20%;line-height: 60px;padding-left: .6rem;}
.honor .hd ul li:nth-child(2) span{background: url('../img/hli_icon2.png') no-repeat left;background-size: 20%;line-height: 60px;padding-left: .6rem;}
.honor .hd ul li:nth-child(3) span{background: url('../img/hli_icon3.png') no-repeat left;background-size: 20%;line-height: 60px;padding-left: .6rem;}
.honor .hd ul li:nth-child(4) span{background: url('../img/hli_icon4.png') no-repeat left;background-size: 20%;line-height: 60px;padding-left: .6rem;}
/*
.honor .hd ul li:nth-child(1):hover span{background: url('hli_icon11.png') no-repeat left;background-size: 20%;line-height: 60px;padding-left: .6rem;}
.honor .hd ul li:nth-child(2):hover span{background: url('hli_icon22.png') no-repeat left;background-size: 20%;line-height: 60px;padding-left: .6rem;}
.honor .hd ul li:nth-child(3):hover span{background: url('hli_icon33.png') no-repeat left;background-size: 20%;line-height: 60px;padding-left: .6rem;}
.honor .hd ul li:nth-child(4):hover span{background: url('hli_icon44.png') no-repeat left;background-size: 20%;line-height: 60px;padding-left: .6rem;}*/


.bdl {float: left;width: 50%;color: #fff;}
.bdl .bdlT{font-size: .36rem;position: relative;padding-bottom: .17rem;}
.bdl .bdlT:after{position: absolute;bottom: 0;left: 0;width: .77rem;height: .02rem;background: #fff;content:'';}
.bdl .bdlcon{max-width: 5.9rem;font-size: .16rem;line-height: .34rem;padding-top: .5rem;}
.bdllist {padding: .4rem 0;}
.bdllist ul li{float: left;margin-right: .4rem;font-size: 18px;width: 80px;height: 80px;border-radius: 100%;border:3px solid rgb(255,255,255,0.8);line-height: 80px;text-align: center;}
.bdllist ul li:last-child{margin-right: 0;}

.page4.active .bdl .bdlT,.page4.active .bdl .bdlcon{animation: bounceInLeft 3.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);}

.page4.active .bdllist ul li:nth-child(1){animation: bounceInLeft 3.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.page4.active .bdllist ul li:nth-child(2){animation: bounceInLeft 3.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.page4.active .bdllist ul li:nth-child(3){animation: bounceInLeft 3.4s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.page4.active .bdllist ul li:nth-child(4){animation: bounceInLeft 3.6s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);}




.bdpic{float: left;width: 50%;position: relative;}
.page4.active .bdpic .rw1,.page4.active .bdpic .rw2{animation: bounceInRight 3.4s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.bdpic .rw1{position: absolute;top: 0;left: .26rem;}
.bdpic .rw1>img{padding: .03rem;width: 98%;}

.bdpic .rw1,.bdpic .rw2{text-align: center;color: #fff;font-size: 14px;line-height: 30px;border:3px solid #fff;}

.bdpic .rw2{position: absolute;top: .74rem;right: 0;}
.bdpic .rw2>img{padding: .03rem;width: 98%;}


.page4.active .li24T,.page4.active .li24c{animation: bounceInDown 1.0s 0s ease-in;}

.page4.active .li24slide{animation: bounceInUp 1.0s 0s ease-in;}

.bdlistph{padding-top: 8px;font-size: 20px;color: #fff;}
.page4.active .bdlistph{animation:bounceInLeft 2s cubic-bezier(0.4, 0.11, 0.16, 0.99);}
.qqqimg{position: relative;}
.qqqimg{position: relative;z-index: 3;}
.qqqimg>img{width: 100%;}
/* .qqqimg:after{position: absolute;width: 4.75rem;height: 3.86rem;background: url(qqqbg.png) no-repeat center;right: 0;top:-10%;content:'';} */



.page5{background: url(../img/page5bg.jpg) no-repeat center;position: relative;}
.page5.active .news{animation:bounceInDown 2s cubic-bezier(0.4, 0.11, 0.16, 0.99);padding-top: 40px;}
.page5.active .newcon{animation: zoomIn 1s 0s ease-in-out;}


.newcon{background:rgb(255,255,255,0.08);width: 16rem;margin: 0 auto;margin-top: .4rem;}
.newcon .slideGroup{padding: .5rem .35rem;}

.newcon .slideGroup .parHd ul li{float: left;width:1.43rem;height: .42rem;line-height: .42rem;text-align: center;color: #fff;font-size: .2rem;}
.newcon .slideGroup .parHd ul li.on{background: #fff;color: #000;}
.newcon .slideGroup{position: relative;}
.newcon .slideGroup .parBd{padding-top: .5rem;}
.newcon .slideGroup .parBd .slideBox ul li{float: left;margin-right: .34rem;padding: 0 .09rem .2rem .09rem;background: rgb(255,255,255,0.9);border: 1px solid #dcdcdc;}
.newcon .slideGroup .parBd .slideBox ul li:last-child{margin-right: 0;}
.newcon .slideGroup .parBd .slideBox ul li .parBdpic{width: 3.31rem;height: 2.4rem;margin: 0 auto;margin-top: .1rem;overflow: hidden;}
.newcon .slideGroup .parBd .slideBox ul li .parBdpic img{width: 100%;transition: all .5s ease-in-out;}
.newcon .slideGroup .parBd .slideBox ul li .parBdcon{width: 3.31rem;margin: 0 auto;}
.newcon .slideGroup .parBd .slideBox ul li .parBdcon .parBdconT{font-size: .16rem;padding: .16rem 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.newcon .slideGroup .parBd .slideBox ul li .parBdcon .parBdconc{font-size: .13rem;color:#6b6b6b;line-height: .24rem;padding-bottom: .30rem;}
.newcon .slideGroup .parBd .slideBox ul li .parBdcon .else .date{float: left;font-size: .13rem;color: #a4a4a4;}
.newcon .slideGroup .parBd .slideBox ul li .parBdcon .else .more{float: right;background: url(../img/arrow.png) no-repeat;width: 34px;height: 11px;}
.newcon .slideGroup .parBd .slideBox ul li:hover .parBdcon .else .more{float: right;background: url(../img/arrow1.png) no-repeat;width: 34px;height: 11px;}
.newcon .slideGroup .parBd .slideBox ul li:hover img{transform: scale(1.1);}
.newcon .slideGroup .parBd .slideBox ul li:hover .parBdconT a{font-weight: bold}

.newcon .slideGroup .parBd .slideBox .sPrev{width: .14rem;height: .17rem;position: absolute;top: .74rem;right: 1.2rem;background: url(../img/sprev.png) no-repeat center;background-size: contain;}
.newcon .slideGroup .parBd .slideBox .middle{width: .23rem;height: 0.23rem;position: absolute;    top: .7rem;right: .8rem;background: url(../img/moremore.png) no-repeat center;background-size: contain;}
.newcon .slideGroup .parBd .slideBox .sNext{width: .14rem;height: .17rem;position: absolute;top: .74rem;right: .53rem;background: url(../img/snext.png) no-repeat center;background-size: contain;}
.news{text-align: center;}
.newt{font-size: 26px;color: #fff;font-weight: bold;}
.newet{font-size: .16rem;color:rgba(244,244,246,0.7);}


.page6{background: url(../img/page6bg.jpg) no-repeat center;position: relative;}
.city{position: absolute;bottom: 0;left: 0;}

.p6con{width: 14.40rem;margin: 0 auto;position: relative;z-index: 3;}
.p6cl{width: 4.7rem;background: url(../img/p6lbg.png) no-repeat center;background-size: cover;height: 570px;}
/* .p6cl .hd{} */
.p6cl .hd ul{padding-left: 14px;padding-top: 30px;}
.p6cl .hd ul li{width: 4.53rem;height: 2.1rem;padding-bottom: .3rem;}
.p6cl .hd ul li:hover{background: url(../img/p6li.png) no-repeat center top;background-size: contain;}
.p6con-1{background: url(../img/p6con-1.png) no-repeat center center;height: 150px;margin:0 auto;width: 893px;text-align: center;line-height: 30px;}
.p6con-1 h2{font-size: 24px;font-weight: normal;color: #fff;padding-top: 72px;}
.p6con-1 h2 em{color:#17aafd}
.p6con-1 span{font-family: arial;font-size: 12px;color: rgb(191, 191, 191);letter-spacing:1px;}
.p6con-2{margin:80px auto 0;width: 1020px;}
.p6con-2-tit{float: left;}
.p6con-2-tit h3{color: #fff;font-size: 26px;font-weight: normal;}
.p6con-2-tit span{color: rgb(191, 191, 191);font-size: 14px;font-weight: normal;font-family: arial;margin-left: 6px;}
.p6con-2-tit .line3{background: #17aafd;height: 2px;width: 60px;margin-top: 16px;}
.p6con-2-tit p{font-size: 20px;color: #17aafd;margin-top: 40px;}
.p6con-2-tit ul{margin-top: 40px;font-size: 13px;color: #999;font-family: Arial;}
.p6con-2-tit ul li{line-height: 44px;font-size: 15px;}
.p6con-2-tit dl{margin-top: 16px;}
.p6con-2-tit dl dt{float: left;margin-left: 14px;}
.p6con-2-tit .xinlang{background:rgb(255,255,255,0.2) url(../img/xinlang.png) no-repeat center center;width: 30px;height: 30px;border-radius: 30px;margin-left: 0;}
.p6con-2-tit .xinlang:hover{background:#17aafd url(../img/xinlang1.png) no-repeat center center;}
.p6con-2-tit .qq1{background:rgb(255,255,255,0.2) url(../img/qq2.png) no-repeat center center;width: 30px;height: 30px;border-radius: 30px;}
.p6con-2-tit .qq1:hover{background:#17aafd url(../img/qq22.png) no-repeat center center;}
.p6con-2-tit .wexin{background:rgb(255,255,255,0.2) url(../img/wexin.png) no-repeat center center;width: 30px;height: 30px;border-radius: 30px;}
.p6con-2-tit .wexin:hover{background:#17aafd url(../img/wexin1.png) no-repeat center center;}
.p6con-2-form{float: right;margin-top: 80px;}
.p6con-2-form input{display: block;margin-top: 14px;width: 532px;height: 24px;padding: 10px 26px;border: 1px solid rgb(255,255,255,0.5);background: none;color: #fff}
.p6con-2-form textarea{display: block;margin-top: 14px;padding: 10px 26px;resize: auto;width: 532px;border: 1px solid rgb(255,255,255,0.5);background: none;color: #fff}
.p6con-2-form .t4{width: 140px;height: 40px;color:rgb(255,255,255,0.5);font-size: 14px;}
.p6con-2-form .t4:hover{background: #17aafd;border: none;color:#000;}




@media (min-width:1920px){
	.p6cr .map{    width: calc( 100% - 4.7rem );
		height: 750px;
		float: right;
		background: url(../img/p6rbg.png) center !important;
		background-size: cover;}
	.p6cl{height: 750px;}
	
}


@media (max-width:1920px){
	.p6cl .hd ul li .cbox .cb1:after{top:.28rem;}
}

.page6.active .p6con-1{animation: fadeInUp 2.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.page6.active .p6con-2-tit{animation: fadeInLeft 2.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.page6.active .p6con-2-form{animation: fadeInRight 2.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.page6.active .footer{animation: fadeInUp 4.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	background: rgba(255, 255, 255, .16);padding: 14px 0;position: absolute;bottom:0;width: 100%;color: #fff;}
.page6.active .footer a{color: #fff;}
.footer2{width:90%;margin: 0 auto;}
.fcopy{float: left;}
.fcopy2{float: right;}


.innerff{width: 96%;position: fixed;bottom: 0;left: 0;padding: 0 2%;color: #fff;height: 38px;line-height:38px;z-index: 1;background: rgba(0,0,0,.8);}

/* 新建样式 */

.li24 .li24T{font-size: .36rem;color: #f8f8f8;position: relative;padding-bottom: .18rem;text-align: center;}
.li24 .li24T:after{position: absolute;width: .77rem;height: .02rem;background: #fff;left: 50%;margin-left: -.36rem;bottom: 0;content: '';}
.li24 .li24c{width: 10rem;margin: 0 auto;padding-top: .5rem;font-size: .16rem;color:rgba(244,244,246,0.7);text-align: center;line-height: .3rem;}

.li24slide {width: 10rem;margin: .8rem auto 1rem;position: relative;}
.lisl{float: left;}
.lisr{max-width: 6.9rem;float: left;margin-left: 20px;position: relative;padding: 0 .3rem;margin-top: .2rem;}
.lisr:after{position: absolute;width: .22rem;height:.19rem;background: url(../img/lefttop.png) no-repeat center;background-size: contain;top: 0;left: 0;content: '';}
.lisr:before{position: absolute;width: .22rem;height:.19rem;background: url(../img/rightbottom.png) no-repeat center;background-size: contain;bottom: 0;right: 0;content: '';}

.lisr .lisrt{font-size: .22rem;font-weight: bold;color: #fff;}
.lisr .lisrc{font-size: .22rem;color: #fff;padding-top: 20px;}

.li24slide .sprev{position: absolute;width: 0.28rem;height: 0.34rem;background: url(../img/prev.png) no-repeat center;background-size: contain;left:-.8rem;top: 50%;margin-top: -.17rem;z-index: 23;}
.li24slide .snext{position: absolute;width: 0.28rem;height: 0.34rem;background: url(../img/next.png) no-repeat center;background-size: contain;right:-.8rem;top: 50%;margin-top: -.17rem;z-index: 23;}

.middle a{display: block;width: 100%;height: 100%;}


.innerbanner{position: relative;}
.innerbanner .ibanner_content{width: 400px;margin: 0 auto;position: absolute;left: 50%;margin-left: -200px;text-align: center;bottom: 20px;}
.innerbanner .ibanner_content .ibct{font-size: 30px;font-weight: bold;color: #fff;position: relative;}
.innerbanner .ibanner_content .ibct:after{position: absolute;width: 107px;height: 3px;right: 0;top:50%;margin-top: -1.5px;content:'';background: url(../img/ibtr.png) no-repeat center;}
.innerbanner .ibanner_content .ibct:before{position: absolute;width: 107px;height: 3px;left: 0;top:50%;margin-top: -1.5px;content:'';background: url(../img/ibtl.png) no-repeat center;}

.innerbanner .ibanner_content .ibce{font-size: 18px;font-family: 'Arial';text-transform: uppercase;color: #fff;}


/* 
@media (min-width:1920px){
	.ah{position: absolute;right: 2.3rem;top: 3.84rem;z-index: 23;width: 1.18rem;height: 1.37rem;}
}

.ah{position: absolute;right: 1.72rem;top: 2.92rem;z-index: 23; width: 1.18rem;height: 1.37rem;}
.ah img{width: 100%;}

@media (min-width:1400px) and (max-width:1600px){
	.ah{position: absolute;right: 2.47rem;top: 3.4rem;z-index: 23;width: 1.18rem;height: 1.37rem;}
}


 */

.footer1{background:#1e2731;}
.g-in1{width:90%;margin: 30px auto 0;}
.hotline{height:81px;background:url(line2.png) center repeat-y;overflow:hidden;}
.hotline a{width:46px;height:43px;float:left;margin:19px 0 0 180px;background:url(top.png);}
.hotline .tel{float:right;color:#f0a301;font-size:28px;line-height:81px;}
.hotline .tel em{font-family:Arial;}

.mes{background:url(mes.jpg) top center no-repeat;padding:60px 0;}
.mes .x{float:left;}
.mes .z{width:56%;float:left;margin-left: 8%;}
.mes .z .links{font-size:14px;color:#cfcfcf;}
.mes .z .links span{color:#fff;}
.mes .z .links a{color:#cfcfcf;padding:0 10px;}
.mes .z .links a:hover{color:#fff;}
.mes .z .ftnav{}
.mes .z .ftnav dl{float:left;margin-right:11%;}
.mes .z .ftnav dl:last-child{margin-right:0;}
.mes .z .ftnav dt{font-size:16px;margin-bottom:13px;}
.mes .z .ftnav dt em{display:block;width:20px;height:1px;background:#cfcfcf;margin-top:17px;}
.mes .z .ftnav dt a{color:#fff;}
.mes .z .ftnav dd{font-size:12px;line-height:25px;}
.mes .z .ftnav dd a{color:#cfcfcf;}
.mes .z .ftnav dd a:hover{color:#fff;}
.mes .z .slogan{margin-top:40px;border-top:1px solid #b34541;padding-top:40px;}

.mes .y{width:21%;float:right;text-align:center;}
.mes .y .dhh{}
.mes .y .dhh p{font-size:16px;color:#cfcfcf;}
.mes .y .dhh h2{font-size:12px;font-weight:normal;font-family:Arial;color:#cfcfcf;text-align: left;}
.mes .y .add{font-size:12px;color:#cfcfcfc7;padding: 50px 0 15px 36px;text-align: left;line-height: 30px;}
.mes .y .fx{position: relative;}
.mes .y .fx .ewm{position: absolute;left:100px;display: none;top: 56px;}
.mes .y .fx ul li{float: left;width: 60px;margin-left: 8%;}
.syzs{}

.mes1{height: 74px;}
.mes1-left{float: left;width: 82%;background: #444b53;}
.mes1-left .copyright{color:#cfcfcf;line-height:74px;padding-left: 140px;}
.mes1-left .copyright p{float: left;margin-left: 10px;}
.mes1-left .copyright a{color:#cfcfcf;}
.mes1-left .copyright a:hover{color:#fff;}
.mes1-right{float: left;width: 18%;background:#4a627a;}
.mes1-right h4{background:url(../img/top-1.jpg) no-repeat left center;padding-left: 34px;font-size: 16px;line-height: 74px;color: #fff;margin-left: 40PX;font-weight: normal;}




 /* ----- PB分页数字条效果 结束 ----- */
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
 height: 30px;
    margin: 20px;
}
.pagination a {
 float: left;
 border: 1px solid #ccc;
 padding: 2px 9px;
 margin: 0 3px;
 line-height: 20px;
 background: #fff;
}
.pagination span {
    color: #333;
    font-size: 14px;
    padding: 8px 2px;
    margin: 0 5px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #4fc08d;
  border: 1px solid #4fc08d;
}
.pagination a.page-num-current {
 display: inline-block;
 border: 1px solid #2b88e5;
 padding: 2px 9px;
 margin: 0 3px;
 background: #2b88e5;
 color: #fff;
}
/* ----- PB分页数字条效果 结束 ----- */