@charset "UTF-8";
body,html{ padding:0; margin:0; font-size:14px; color:#666; font-family: "微软雅黑";}
ul,li,p,h1,h2,h3,dl,dt,dd,input,i,em{ padding:0; margin:0; list-style:none; font-style:normal;}
a{ text-decoration:none; color:#333; }
a:hover{ color: #37346f; text-decoration: none;}
.demo{ -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.clear{ clear:both;}
img{ vertical-align:top !important; border:none;}
input{ font-family: "albbpht";}
input:focus{ outline: none;}
textarea:focus{ outline: none; }
*{box-sizing: border-box;}


@font-face{
font-family: 'arial'; 
src:url('../fonts/arial.ttf') format('truetype');
}


.top{ position: absolute; top: 0px; left: 0; padding-left: 5%; width: 100%; z-index: 999999; color: #fff; }
.top .logo{ padding-top: 15px; float: left;}
.top .right{ float: right; height: 50px; width: 154px; border-right:solid 1px rgba(255,255,255,0.5); margin-top: 50px; overflow: hidden;}
.top .right .yuding{ height: 50px; border-right:solid 1px rgba(255,255,255,0.5); width: 78px; border-left:solid 1px rgba(255,255,255,0.5); text-align: center; float: left;}
.top .right .yuding a{ color: #fff; }
.top .right .yuding img{ display: block; margin: 3px auto 6px auto; }
.top .right .menu_ico{ height: 50px; text-align: center; float: left; width: 75px;}
.top .right .menu_ico a{ color: #fff; }
.top .right .menu_ico img{ display: block; margin: 3px auto 6px auto; }
.top .right .menu_zk{ position: absolute; top: -1000px;right: 0px; width: 100%; height: 100vh; background:#37346f; z-index: 9999999999999; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; }
.top .right .menu_zk .gb{ text-align: center; width: 100%; padding-top: 50px;  }
.top .right .menu_zk>ul{ text-align: center; padding-top: 60px; }
.top .right .menu_zk>ul>li{ font-size: 22px; line-height: 60px; }
.top .right .menu_zk>ul>li>a{ color: #fff; cursor: pointer;}
.top .right .menu_zk>ul>li>i{ margin-right: 20px; color:rgba(255,255,255,0.5); font-weight: bold; }
.top .right .menu_zk>ul>ul li a{ color: #fff; padding-left: 56px; line-height: 36px; font-size: 17px;}
.top .right .menu_zk>ul>ul{ display: none; }
.currentDd{ font-weight: bold; }
.currentDd i{ color: #fff !important; }


.banner{ width: 100%; height: 100vh; position: relative;}
.banner .layui-carousel{ height: 100% !important; }
.banner .text{ width: 90%; position: absolute; left:50%; top: 60%;  z-index: 999; color: #fff; display: inline-block;  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.banner .text .d1{ font-size: 30px;padding-bottom: 30px; line-height: 40px; font-family: "putong";}
.banner .text .d1 i{ display: block; color: rgba(0,0,0,0); }
.banner .text .d2{ font-size: 18px; line-height: 26px; padding-bottom: 200px;font-weight: 100;}
.banner .text .d3 span{font-size: 20px; font-weight: bold;}
.banner .text .d3{ font-size: 14px; }

.banner .layui-carousel:hover .layui-carousel-arrow[lay-type=sub],.banner .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=sub]{ left: 35% !important;   z-index: 999; top: initial !important; bottom: 50px; background: url(../images/banner_left.png) no-repeat !important; color: rgba(0,0,0,0); width: 43px; height: 43px;}
.banner .layui-carousel:hover .layui-carousel-arrow[lay-type=add],.banner .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add]{  right: 35% !important;  z-index: 999; top: initial !important; bottom: 50px; background: url(../images/banner_right.png) no-repeat !important; color: rgba(0,0,0,0); width: 43px; height: 43px;}
.banner .layui-carousel-arrow:hover{ opacity:0.5 !important; }


.about{ position: relative; width: 90%; padding-top: 50px; margin: 0 auto; min-height: 865px;}
.about .left{ width: 100%; position: relative;  }
.about .left .d1{ padding-bottom: 30px; font-size: 30px; font-weight: bold;}
.about .left .d2{ font-size: 15px;line-height: 25px; }
.about .left .d3{ margin-left: 0px; margin-top: 30px; position: relative;}
.about .left .d3 img{ width: 100%; }
.about .left .d3 .posi{
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    display: flex;
	    align-items: center;
}
.about .left .d3 .posi p{
	    margin: auto;
	    position: relative;
}
.about .left .d3 .posi p span{
	    display: inline-block;
	    width: 3.4375rem;
	    height: 3.4375rem;
	    background: #37346f;
	    border-radius: 50%;
	    animation: myfirst 1.5s infinite linear;
}
.about .left .d3 .posi p img{
	    width: 3.4375rem;
    position: absolute;
    top: 0;
    left: 0;
}
@keyframes myfirst {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(1.2);
    opacity: 0.4;
  }
}
.lpkLayer {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 6;
  display: none;
}
.lpkLayer video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  max-width: 80%;
}
.lpkLayer p {
  position: absolute;
  right: 2.125rem;
  top: 15.25rem;
  color: #fff;
  font-weight: bold;
  font-size: 1.875rem;
  z-index: 5;
}
.about .right{ padding-top: 30px; width: 100%; position: relative;}
.about .right dt{ padding-bottom: 20px; font-size: 18px;line-height: 30px;}
.about .right dt i{ color: #37346f; font-weight: bold; }
.about .right dd{ padding-bottom: 20px; font-size: 18px; font-weight: bold; overflow: hidden;}
.about .right dd i{ float: left; padding-top: 3px; padding-right: 5px; color: #37346f;  font-size: 20px;}
.about .right dd span{ float: left; }
.about .right dd em{ font-size: 14px; font-weight: normal;color: #666; }
.about .right .more{ width: 45px; height: 70px;	 color: #999999; font-size: 14px;text-align: center; margin-bottom: 50px;}
.about .right .more img{ margin-bottom: 5px;  }
.about_img{ position: absolute; right: -150px; top: 110px; display: none;}

.cywh{ width: 100%; min-height: 350px; background: url(../images/cywh.jpg) no-repeat center; background-size: auto 100%;}
.cywh .con{ width: 90%; margin: 0 auto; color: #fff; text-align: center;}
.cywh .left{ padding-top: 35px;}
.cywh .left .d1{ font-size: 28px; font-weight: bold;  font-family: "jiacu";}
.cywh .left .d2{ font-size: 12px; padding-bottom: 20px;}
.cywh .left .d3{ font-size: 18px;}
.cywh .right{ padding-top: 30px; overflow: hidden;}
.cywh .right .text{ float: left; font-size: 12px; width: 50%; text-align: center; margin-bottom: 30px;}
.cywh .right .text b{ font-size: 24px;  font-family: "putong";}
.cywh .right .line{ float: left; padding-top: 20px; font-size: 32px; font-weight: 200; color: rgba(255,255,255,0.2); display: none;}

.service{ width: 90%; margin: 0 auto; }
.service .title{  text-align: center; padding-top: 30px; font-size: 15px; padding-bottom: 50px;}
.service .title b{ font-size: 30px; display: block; color:#37346f; padding-bottom: 15px; }
.service .con{ width: 100%; overflow: hidden; }
.service .con .dd{ width: 100%; margin-bottom: 60px; }
.service .con .dd .d1{  width: 100%; overflow: hidden; }
.service .con .dd .d1 img{ width: 100%;  }
.service .con .dd .d2{ width: 72px; height: 72px; background: #37346f; font-size: 24px; border:solid 2px #fff; border-radius: 72px; color: #fff; text-align: center; line-height: 68px; margin: -35px auto 0 auto; z-index: 9; position: relative;}
.service .con .dd .d3{ text-align: center; font-size: 20px; padding-top: 10px; }
.service .con .dd .d3 span{ display: block; margin: 0 auto; position: relative; font-family: "putong";}
.service .con .dd .d3 span:after{content:"　"; position: absolute; bottom: -15px; left: 50%; margin-left: -26px; width: 52px; height: 1px; background: #000;}

.case{ width: 100%; background: url(../images/case.jpg) center; min-height: 600px; }
.case .title{ width: 90%; margin: 0 auto; min-height: 150px; padding-top: 50px; position: relative;}
.case .title .left{ font-size: 15px;}
.case .title .left b{ font-size:30px; color: #37346f; display: block; padding-bottom: 10px;}
.case .title .right{ padding-top: 15px; display: none;}
.case .title .right a:nth-child(1){ margin-left: 0px; }
.case .title .right a{ margin: 0 18px; font-size: 15px;}
.case .title .right .a{ color: #37346f; font-weight: bold;}
.case .title .more{position: absolute; top: 58px; right: 0px;}

.case .layui-carousel:hover .layui-carousel-arrow[lay-type=sub],.case .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=sub]{  left: 35% !important;  z-index: 9999999999; top: 335px; background: url(../images/l_jt.png) center no-repeat !important; color: rgba(0,0,0,0); width: 20px; height: 20px;}
.case .layui-carousel:hover .layui-carousel-arrow[lay-type=add],.case .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add]{  right: 35% !important;  z-index: 999999999; top: 335px; background: url(../images/r_jt.png) center no-repeat !important; color: rgba(0,0,0,0); width: 20px; height: 20px;}


.layui-carousel>[carousel-item]>*,.layui-carousel{ background: none !important; }
.layui-carousel>[carousel-item]:before{ display: none; }

.video{ width: 100%; background: url(../images/video.jpg)no-repeat fixed; height: 500px; background-size: cover;}
.video .d1{ text-align: center; font-size: 30px; font-weight: bold; color: #fff;  line-height: 50px;padding:80px 5% 0 5%;  font-family: "jiacu";}
.video .d2{ width: 50px; margin: 0 auto; padding-top: 50px; }
.video .d2 img{ width: 100%; }
.video .d3{ text-align: center; font-size: 25px; font-weight: bold; color: #fff;  line-height: 50px;padding-top: 20px;  font-family: "jiacu";}
.news{ width: 90%; margin: 0 auto; }
.news .title{ height: 120px; padding-top: 50px; }
.news .title .left{ float: left; font-size: 30px; color: #37346f; font-family: "jiacu";}
.news .title .right{ float: right; padding-top: 10px;}
.news .title .right img{ margin-left: 15px; }
.news .hot{ width: 100%; padding-bottom:20px; border-bottom:solid 1px #dedede;  }
.news .hot span{ font-size: 14px; display: block; padding-bottom: 20px;}
.news .hot span i{ color: #999; }
.news .hot b{ font-size: 20px; display: block; padding-bottom: 20px; }
.news .hot em{ font-size: 14px; }
.news .list{ width: 100%; overflow: hidden; padding-bottom: 50px;}
.news .list .dt{ width: 100%; padding-bottom: 30px; margin-bottom: 20px; padding-top: 20px; border-bottom:solid 1px #dedede;}
.news .list .dt:last-child{  border-bottom:0px;}
.news .list .d1 span{ font-size: 14px; display: block; padding-bottom: 15px;}
.news .list .d1 span i{ color: #999; }
.news .list .d2{ width: 100%; margin-bottom: 15px; }
.news .list .d2 img{ width: 100%; }
.news .list .d3{ font-size: 18px; padding-bottom: 10px;}
.news .list .d4{ font-size: 14px; line-height: 20px; padding-bottom: 10px;color: #666; }
.news .list .d5{ font-size: 14px; color: #999; }
.news .list .dt:hover .d5{color: #37346f;}

.news .layui-carousel{ height: 160px !important; }

.news .layui-carousel:hover .layui-carousel-arrow[lay-type=sub],.news .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=sub]{ left: initial !important; right: 62px !important;  z-index: 9999999999; top: 100px; background: url(../images/banner_l.png) no-repeat !important; color: rgba(0,0,0,0); width: 43px; height: 43px;}
.news .layui-carousel:hover .layui-carousel-arrow[lay-type=add],.news .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add]{  right: 0px !important;  z-index: 999999999; top: 100px; background: url(../images/news_r.png) no-repeat !important; color: rgba(0,0,0,0); width: 43px; height: 43px;}



#bottom{ width: 100%; min-height: 80px;  background: url(../images/bottom.jpg) no-repeat center; color: #fff; overflow: hidden;}
.bottom{ width: 1500px; margin: 0 auto;  overflow: hidden; display: none; }
.bottom .left{ width: 240px; float: left; padding-top: 60px; padding-bottom: 70px;}
.bottom .left .i1{ padding-bottom:35px;  }
.bottom .center{ width: 536px; float: left; padding-top: 62px; }
.bottom .center .title{ font-size: 19px; padding-bottom: 25px;font-weight: bold; }
.bottom .center .dd{ width: 100%;font-size: 16px; line-height: 36px; height: 36px; }
.bottom .center .dd img{ margin-top: 10px; margin-right: 15px; }
.bottom .center .yd{line-height: 50px; text-align: center; margin-top: 45px; width: 238px; height: 50px; background: #fff; color: #37346f; font-weight: bold; font-size: 19px; }
.bottom .center .yd img{ margin-top: 18px; margin-left: 15px; }

.bottom .right{ float: right; }
.bottom .right dl{ float: left; margin-right: 80px; padding-top: 64px;}
.bottom .right dl dt{ font-size: 19px; font-weight: bold; padding-bottom: 18px;}
.bottom .right dl dd{  font-size: 15px; padding-bottom: 14px;}
.bottom .right dl dd a{ color: #cccccc; }
.bottom .right dl:nth-child(5n){margin-right: 0px;}
.beian{ width: 100%;  }
.beian div{ width: 90%; margin: 0 auto; height: 80px; padding-top: 20px; line-height: 20px;}
.beian span{ margin-left: 8px; }


.fixedRight {
  position: fixed;
  right: 0%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
}
.fixedRight ul li {
  margin: 2px 0;
  position: relative;
}
.fixedRight ul li a {
  background: #37346f;
  width: 4.5rem;
  height: 4.5rem;
  text-align: center;
  font-size: 0.8125rem;
  display: block;
  color: #ffff;
}
.fixedRight ul li a img {
  max-height: 1.75rem;
  margin: 0.625rem 0 0.5rem;
}
.fixedRight ul li a:hover {
  background-color: #a598e9;
}
.fixedRight ul li:last-child a {
  height: 4rem;
  display: flex;
  margin: 0;
  align-items: center;
}
.fixedRight ul li:last-child a img {
  margin: 0 auto;
  height: 2.125rem;
}
.fixedRight ul li p {
  display: none;
  position: absolute;
  width: 7.5rem;
  left: -9.125rem;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0px 0px 1.25rem #ccc4f6;
}
.fixedRight ul li p img {
  width: 100%;
}
.fixedRight ul li p span {
  display: block;
  border: 0.625rem solid transparent;
  border-left-color: #fff;
  position: absolute;
  right: -1.125rem;
  top: 50%;
  transform: translateY(-50%);
}
.fixedRight ul li .p1 {
  display: none;
  position: absolute;
  width: 8.5rem;
  left: -9.125rem;
  top: 50%;
  transform: translateY(-50%);
}
.fixedRight ul li .p1 img {
  width: 100%;
}
.fixedRight ul li .p1 span {
  font-size: 1rem;
  display: block;
  background: #ffffff;
  text-align: center;
  line-height: 4rem;
}
.fixedRight ul li:hover p {
  display: block;
}
  .fixedRight ul li a {
    height: 5rem;
  }
  .fixedRight ul li a .li1 {
    margin-top: 1.5375rem;
  }

.neiye{ background: #f7f7f7; }

.n_banner{    
	width: 100%;
    position: relative; 
}
.n_banner > img{
	height: 50vh;
	object-fit: cover;
}
.n_banner .box{    
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
}
.n_banner .box .item{
    max-width: 1400px;
    width: 94%;
    margin: auto;
}
.n_banner .box .item h5{
	font-size: 30px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
	font-weight: bold;
}
.n_banner .box .item h5 i{
	margin: 0 18px;
}
.n_banner .box .item h4{
	font-size: 23px;
    text-align: center;
    color: #fff;
}


#dqwz{ width: 100%; border-bottom: solid 1px #dedede; }
.dqwz{ height: 66px; line-height: 66px; width: 1500px; margin: 0 auto; display: none;}
.dqwz .left{ float: left; font-size: 15px; color: #999999;}
.dqwz .left span{ color: #37346f; }
.dqwz .right{ float: right; color: #999;}
.dqwz .right a{ color: #999; margin:0 25px; }
.dqwz .right a:hover{ font-weight: bold;  color: #37346f; }
.dqwz .right a.a{ font-weight: bold;  color: #37346f; }


.n_service{ width: 90%; margin: 50px auto 0 auto; position: relative; min-height: 518px;}
.n_service .layui-carousel{ width: 100% !important; height: 300px !important;  }
.n_service .right{background: #fff; width: 100%;  padding: 20px;}
.n_service .right .d1{ font-size: 28px; color: #37346f; font-weight: bold; margin-bottom: 40px; position: relative;}
.n_service .right .d2{ line-height: 28px; font-size: 14px; width: 100%; }
.n_service .right .d1:after{content:"　"; position: absolute; left: 0px; bottom: -25px; height: 1px; background: #37346f; width: 52px;}


.n_service_box{ padding-bottom: 50px; }

.n_service .layui-carousel:hover .layui-carousel-arrow[lay-type=sub],.n_service .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=sub]{ left: initial !important; right: 90px !important;  z-index: 9999999999; top: 245px; background: url(../images/l_more_b.png) no-repeat !important; color: rgba(0,0,0,0); width: 46px; height: 46px;}
.n_service .layui-carousel:hover .layui-carousel-arrow[lay-type=add],.n_service .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add]{  right: 30px !important;  z-index: 999999999; top: 245px; background: url(../images/r_more.png) no-repeat !important; color: rgba(0,0,0,0); width: 46px; height: 46px;}

.n_service .layui-carousel span{ position: absolute; bottom: 30px; left: 35px; color: #fff; font-size: 22px;}
.n_service .layui-carousel i{font-size: 35px; font-weight: bold;}




.n_case{ width: 90%; margin: 0 auto; }
.n_case .title{  text-align: center; padding-top: 50px; font-size: 15px; padding-bottom: 50px;}
.n_case .title b{ font-size: 30px; display: block; color:#37346f; padding-bottom: 15px; font-family: "jiacu";}
.n_case .con{ width: 100%; overflow: hidden;}
.n_case .con .dl{ width: 100%; margin-bottom: 50px; }
.n_case .con .dt{ width: 100%; overflow: hidden; position: relative;}
.n_case .con .dt .img{ width: 100%;}

.n_case .con .dt a{ display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; text-align: center; color: #fff; font-size: 15px;}
.n_case .con .dt a img{ display: block; margin: 30% auto 8px auto; }
.n_case .con .dt:hover a{ display: block; }
.n_case .con .dd{ width: 280px; height: 90px; margin:-45px auto 0 auto; position: relative; z-index: 999; background: #fff; text-align: center; padding-top: 10px; font-size: 15px;}
.n_case .con .dd b{ display: block; font-size: 22px; font-weight: bold;  padding-bottom: 5px; font-family: "putong";}
.n_case .con .dl:hover .dd b{color:#37346f; font-family: "jiacu";}

.jiaz{ width: 180px; margin: 0 auto; text-align: center;font-size: 17px; padding-bottom: 90px; }
.jiaz img{ display: block; margin:0 auto 15px auto; }


.case_more{ width: 100%;  background: #fff; padding: 0 5%; }
.case_more .title{ text-align: center; font-size: 25px; padding: 40px 0 12px 0; font-weight: bold;}
.case_more .sj{ text-align: center; font-size: 16px; color: #999; padding-bottom: 25px; border-bottom: solid 1px #dedede;}
.case_more .text{ padding-top: 30px; line-height: 29px; font-size: 15px;padding-bottom: 30px;}
.case_more .more{
	width: 180px;
	margin: 0 auto;
	text-align: center;
	font-size: 17px;
	margin-bottom: -65px;
}
.case_more .more img{
	display: block;
	margin: 0 auto 15px auto;
}
.xyg{ width: 100%;font-size: 15px; min-height: 45px; line-height: 45px;  overflow: hidden; padding-bottom: 30px;}
.xyg .left{ float: left; margin-bottom: 25px; width: 100%;}
.xyg .right{ float: left; width: 100%; }
.xyg .left img{ margin-right: 15px; opacity:0.3; float: left;}
.xyg .right img{ margin-right: 15px; opacity:0.3; float: left;}
.xyg .right a:hover img{ opacity:1;}
.xyg .left a:hover img{ opacity:1;}


.xgal{ width: 90%; overflow: hidden; margin: 0 auto; padding-top: 50px;}
.xgal .title{  text-align: center; padding-bottom: 30px;}
.xgal .title b{ font-size: 30px; display: block; color:#37346f; position: relative; }
.xgal .title b:before{content:"　"; width: 90px; position: absolute; left: 0px; top: 25px; height: 1px; background: #e5e5e5;}
.xgal .title b:after{content:"　"; width: 90px; position: absolute; right: 0px; top: 25px; height: 1px; background: #e5e5e5;}


.xgal .dl{ width: 100%;  margin-bottom: 50px; }
.xgal .dt{  width: 100%; overflow: hidden; position: relative;}
.xgal .dt .img{ width: 100%;}
.xgal .dt a{ display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; text-align: center; color: #fff; font-size: 15px;}
.xgal .dt a img{ display: block; margin: 85px auto 8px auto; }
.xgal .dt:hover a{ display: block; }
.xgal .dd{ width: 280px; height: 90px; margin:-45px auto 0 auto; position: relative; z-index: 999; background: #fff; text-align: center; padding-top: 10px; font-size: 15px;}
.xgal .dd b{ display: block; font-size: 22px; font-weight: bold;  padding-bottom: 5px;}

.n_list{ width: 90%; overflow: hidden; padding-bottom: 30px; margin: 0 auto; padding-top: 20px;}
.n_list .dt{ width: 100%; padding-bottom: 20px;  padding-top: 20px; border-bottom: solid 1px #dedede;}
.n_list .d1 span{ font-size: 15px; display: block; padding-bottom: 15px; font-family: "putong";}
.n_list .d1 span i{ color: #999; }
.n_list .d2{ width: 100%; margin-bottom: 20px; }
.n_list .d2 img{ width: 100%; }
.n_list .d3{ font-size: 18px;padding-bottom: 10px;}
.n_list .d4{ font-size: 15px; line-height: 20px; padding-bottom: 10px;color: #666; }
.n_list .d5{ font-size: 15px; color: #999; }
.n_list .dt:hover .d5{color: #37346f;}

.page{ text-align: center; padding-bottom: 50px; padding-top: 20px;}
.page a:nth-child(1){background: #fff;}
.page span{ width: 30px; height: 30px; background: #37346f; display: inline-block; border-radius:30px; color: #fff; text-align: center; line-height: 30px; font-size: 15px; margin-left: 10px;}
.page a{ width: 30px; height:30px; background: #c3c2d4; display: inline-block; border-radius:30px; color: #fff; text-align: center; line-height: 30px; font-size: 15px; margin-left: 10px;}
.page a img{ width: 100%; }

.n_news{ width: 100%; margin: 0 auto;  overflow: hidden;}
.n_news .bleft{ background: #fff; width: 100%;  padding: 8% 5%; margin-bottom: 20px;}
.n_news .bleft .title{ font-size: 25px; padding-bottom: 25px; border-bottom: solid 1px #dedede; margin-bottom: 25px;}
.n_news .bleft .title span{ display: block; margin-top: 10px; font-weight: normal; font-size: 16px; color: #666666; }
.n_news .bleft .text{ line-height: 29px; font-size: 15px; border-bottom: 1px #dedede solid; padding-bottom: 30px;}
.n_news .bleft .text img{ display: block; margin: 20px auto; max-width: 100%; }
.n_news .bright{ width: 100%;  background: #fff; padding: 5%; }
.n_news .bright .title{ font-size: 22px; font-weight: bold; color: #37346f; border-left: 2px #37346f solid; height: 20px; line-height: 20px; padding-left: 11px;}

.n_news .bright .dl{ width: 100%; margin-top: 30px; border-bottom: solid 1px #dedede; display: block; padding-bottom: 20px;}
.n_news .bright .dt{ width: 100%; }
.n_news .bright .dt img{ width: 100%; }
.n_news .bright .dd{ width: 100%; }
.n_news .bright .dd b{ display: block; font-size: 18px; font-weight: normal; padding-top: 12px; padding-bottom: 10px;}
.n_news .bright .dd span{ color: #cccccc; }
.n_news .bright .dl:last-child{ border-bottom: 0px; }

.n_about{ width: 90%; margin: 0 auto; padding-top: 50px;  position: relative; min-height: 950px;}
.n_about .right{ width:100%; margin-top: 30px;}
.n_about .right img{ width: 100%; }
.n_about .left{ overflow: hidden;}
.n_about .left .title{ color: #37346f; font-size: 30px;  padding-bottom: 30px; font-family: "jiacu";}
.n_about .left .text{ line-height: 30px; font-size: 10px; padding-bottom: 10px;color: #666;}
.n_about .left .dd{ height: 30px; line-height: 30px; font-size: 14px; overflow: hidden; width: 100%;}
.n_about .left .dd i{ padding-top: 5px; float: left;margin-right: 8px; font-size: 20px;color: #37346f; }
.n_about .ys{ width: 100%; min-height: 200px; background: #fff; box-shadow:0px 5px 25px rgba(0,0,0,0.2); position: relative; z-index: 9; margin-top: 50px; overflow: hidden; padding-bottom: 40px; margin-bottom: 50px;}
.n_about .ys .dd{ float: left;width: 50%; padding-top: 45px; text-align: center; font-size: 22px; color: #666666; }
.n_about .ys .dd img{ display: block; margin: 0 auto 25px auto; }

.team { width: 100%; background: #f7f7f7; min-height: 750px; padding-bottom: 40px; }
.team .title{ width: 90%; margin: 0 auto; text-align: center; padding-top: 65px; font-size: 15px; padding-bottom: 40px; }
.team .title b{ font-size: 30px; display: block; color:#37346f; padding-bottom: 15px; }
.team .con{ width: 95%; margin:0 auto; }
.team .con div{  width: 100%;  height: 370px; margin-right: 60px; background: #fff; text-align: center; overflow: hidden; margin-bottom:30px;}
.team .con div h5{ font-size: 20px; color: #37346f; display: block; padding-bottom: 30px; position: relative;}
.team .con div span{ font-size: 15px; color: #333; display: block; }
.team .con div:nth-child(5n){ margin-right: 0px; }
.team .con div img{ margin:30px auto 30px auto; display: block; }
.team .con div h5:after{content:"　"; position: absolute; left: 50%; margin-left: -25px; bottom: 15px; height: 1px; background: #000; width: 50px;}

.ygfc{ width: 100%; height: 480px; }
.ygfc .title{ width: 90%; margin: 0 auto; text-align: center; padding-top: 35px; font-size: 12px;  }
.ygfc .title b{ font-size: 30px; display: block; color:#37346f; padding-bottom: 15px; }
.ygfc .con{ width: 100%; margin: -50px auto 0 auto; }


.button{top:-50px !important;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 35% !important;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 35% !important;}

.lunbotu{ overflow: hidden;  }
.lunbotu .swiper-button-prev{ left: 35% !important; }
.lunbotu .swiper-button-next{ right: 35% !important; }

.hcxc{ background: #f7f7f7; padding-top: 50px; padding-bottom: 50px; }
.hcxc .box{  width: 90%; margin:0 auto; background: #fff;  }
.hcxc .box .left{ width: 100%; }
.hcxc .box .left img{ width: 100%; }
.hcxc .box .right{ width: 100%; padding: 20px 0 0 20px; }
.hcxc .box .right .title{ font-size: 30px; font-weight: bold; padding-bottom: 30px;font-family: 'jiacu'; }
.hcxc .box .right .text{ font-size: 15px; line-height: 30px; }
.hcxc .box .right .text i{ color: #37346f;    font-weight: bold; }
.hcxc .box .right .img{ padding-top: 30px; }
.hcxc .box .right .img img{ width: 100%; }



.n_contact{ width: 100%; margin: 0 auto; background: #fff;  padding:5%;  margin-bottom: 35px; overflow: hidden; position: relative;}
.n_contact .title{ border-bottom: solid 1px #dedede; padding-bottom: 28px;}
.n_contact .title span{ display: block;  font-size: 29px; font-weight: bold; color: #37346f; border-left: 4px #37346f solid; height: 26px; line-height: 26px;padding-left: 15px;}
.n_contact .map{ height: 300px; background: #f5f5f5;}
.n_contact .text{ width: 100%; height: 310px; background: #fff; }
.n_contact .text .d1{  font-size: 25px; font-weight: bold;  padding-top: 20px;  padding-bottom: 20px; }
.n_contact .text .d2{ font-size: 16px; color: #999; padding-bottom: 8px;}
.n_contact .text .d2 i{ color: #37346f; }
.n_contact .text .d3{ font-size: 17px; padding-bottom: 30px;}


.ewm{ width: 100%; margin: 0 auto; background: #fff; overflow: hidden;padding-bottom: 50px;}
.ewm .left{ width: 100%;  height: 252px; margin-top: 32px; float: left; text-align: center; font-size: 17px; line-height: 32px;}
.ewm .left img{ display: block; margin: 10px auto 30px auto;}
.ewm .right{width: 100%; padding: 0 5%;}
.ewm .right li{ width: 50%; text-align: center; float: left;}
.ewm .right li img{ display: block; margin: 20px auto 0px; width: 90%;}


.join{ width: 100%; }
.join .title{ width: 90%; margin: 0 auto; text-align: center; padding-top: 65px; font-size: 15px;  }
.join .title b{ font-size: 30px; display: block; color:#37346f; padding-bottom: 15px; }
.join .con{ width: 90%; margin: 30px auto 50px auto; }
.join .con img{ width: 100%; }

.zpgw{ width: 100%; background: url(../images/join_bg.png) top center no-repeat; padding-top: 50px; margin-bottom:50px;}
.zpgw .title{ width: 90%; margin: 0 auto; text-align: center; font-size: 15px; color: #fff; margin-bottom: 50px;}
.zpgw .title b{ font-size: 30px; display: block; color:#fff; padding-bottom: 40px; position: relative;}
.zpgw .title b:after{content:"　"; position: absolute; width: 76px; height: 2px; background: #fff; bottom: 25px; left: 50%; margin-left: -38px;}
.zpgw .list{ background: #fff; width: 90%; margin: 0 auto;position: relative;}
.zpgw .list .shang{width: 100%; padding: 5% 5% 0 5%; cursor: pointer;}
.zpgw .list .shang .stitle{  display: block;  font-size: 22px; font-weight: bold; border-left: 4px #37346f solid; height: 20px; line-height: 20px;padding-left: 10px; text-align: left;  color: #000; margin-bottom: 20px;}
.zpgw .list .shang .stext{ font-size: 14px;  border-bottom: solid 1px #dedede; padding-bottom: 40px;}
.zpgw .list .shang .stext span{ margin-right: 10px; padding-left: 14px; display: block;}
.zpgw .list .shang .sright{ position: absolute; top: 56px; right: 5%; line-height: 30px;}
.zpgw .list .shang .sright img{ margin-right: 8px; width: 30px;}
.zpgw .list .shang .srighta{display: none; position: absolute; top: 56px; right: 5%; line-height: 30px;}
.zpgw .list .shang .srighta img{ margin-right: 8px; width: 30px;}
.zpgw .list .xia{position: relative; z-index: 999; font-size: 15px; line-height: 27px;  margin-top: 30px; padding: 0px 40px 40px 40px; box-shadow:0px 10px 10px rgba(0,0,0,0.15); display: none;}
.zpgw .list .xia .a{ margin-top: 30px;}
.zpgw .list .xia .a a{ display: block;color: #333;  font-family: "微软雅黑";  width: 124px; height: 40px; border-radius:40px; border: solid 1px #333; text-align: center; line-height: 40px;  }
.zpgw .list .xia:hover .a a{background: #37346f;color: #fff;}

.aabb .sright{ display: none; }
.aabb .srighta{display: block !important;}





.tk{ width: 100%; height: 100%; position: fixed; left:0; top: 0; background: rgba(0,0,0,0.5); z-index: 9999999; display: none;}
.tk .boxa{ width: 90%;position: absolute; top: 50%; left: 50%;  display: inline-block;  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.tk .boxa video{ width: 100%; }
.tk .boxa .gb{ position: absolute; right: 5%; top: -50px; cursor: pointer; margin-right: -12.5px; }


.control-box{ display: none; }
.bigboxb{  width: 90%; margin: 0 auto; overflow: hidden; padding-bottom: 110px;display: block; }
.bigboxb .shub{
  text-align: center;
  padding-top: 28px;
}
.bigboxb .shub p{
  padding-top: 10px;
color: #999;
font-size: 14px;
}
.bigboxb .dl{ width: 100%; margin-bottom: 30px;}
.bigboxb .dt{ width: 100%; overflow: hidden; position: relative;}
.bigboxb .dt .img{ width: 100%;}
.bigboxb .dt a{ display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; text-align: center; color: #fff; font-size: 15px;}
.bigboxb .dt a img{ display: block; margin: 85px auto 8px auto; }
.bigboxb .dt:hover a{ display: block; }
.bigboxb .dd{ width: 280px; height: 90px; margin:-45px auto 0 auto; position: relative; z-index: 999; background: #fff; text-align: center; padding-top: 10px; font-size: 15px;}
.bigboxb .dd b{ display: block; font-size: 22px; font-weight: bold;  padding-bottom: 5px;}

.control-box {
  margin:0 auto;
    width: 1500px;
    height: 420px;
}
.control-box ul { z-index: 999;
  list-style: none;
  position: relative;
}
.control-box ul li {
  position: absolute;
  top: 350px;
  cursor: pointer;
}
.prev {
  left: 700px;
}
.next {
  right: 700px;
}
.bigbox {
  overflow: hidden;
  width: 1500px;
   height: 420px;
  margin:0 auto;
}
#switcher {
  height: 292px;
  overflow: hidden;
  left: 0px;
}
.content_1.content_2 {
  width: 100%;
  float: left;
}