@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;}
.fdj{ -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; cursor: pointer;}
.fdj:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-ms-transform:scale(1.1);}
.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: 50%; width: 1500px; margin-left: -750px; z-index: 999999; color: #fff; }
.top .logo{ padding-top: 32px; 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: fixed; top: -1000px; right: 0px; width: 1083px; height: 900px; background: url(../images/menu_bg.png) no-repeat; z-index: 999999; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.top .right .menu_zk .gb{ text-align: right; width: 100%; padding-top: 100px; padding-right: 182px; }
.top .right .menu_zk>ul{ padding-left: 600px; }
.top .right .menu_zk>ul>li{ font-size: 27px; line-height: 70px; }
.top .right .menu_zk>ul>li>a{color: #fff; cursor: pointer;}
.top .right .menu_zk>ul>li>a:hover{color: #cccccc;}
.top .right .menu_zk>ul>li>i{ margin-right: 20px;color: #fff; font-weight: bold; }
.top .right .menu_zk>ul>li>i:hover{ color: #cccccc;}
.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 li a:hover{ color: #cccccc;}
.top .right .menu_zk>ul>ul{ display: none; }
.currentDd{ font-weight: bold; }
.currentDd i{ color: #fff !important; }


.banner{ width: 100%; height: 900px; position: relative;}
.banner .layui-carousel{ height: 100% !important; }
.banner .text{ width: 1500px; position: absolute; left: 50%; top: 0px; margin-left: -750px; z-index: 999; color: #fff; padding-top: 350px;}
.banner .text .d1{ font-size: 45px;padding-bottom: 38px; font-family: "微软雅黑";}
.banner .text .d2{ font-size: 22px; line-height: 38px; padding-bottom: 270px;font-weight: 100;white-space: pre-wrap; overflow-wrap: break-word;}
.banner .text .d3 span{font-size: 27px; font-weight: bold;}
.banner .text .d3{ font-size: 17px; }

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

.banner .layui-carousel:hover .layui-carousel-arrow[lay-type=add],.banner .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add]{  right: 100px !important;  z-index: 999; top: 766px; background: url(../images/banner_right.png) no-repeat !important; color: rgba(0,0,0,0); width: 43px; height: 43px;}

#about{ width: 100%; overflow: hidden; }
.about{ position: relative; width: 1500px; padding-top: 115px; margin: 0 auto; height: 865px;}
.about .left{ width:42%; float: left; position: relative;}
.about .left .d1{ padding-bottom: 60px; font-size: 50px; font-weight: bold;}
.about .left .d2{ font-size: 17px;line-height: 30px; }
.about .left .d3{margin-left: 70px; margin-top: 60px;position: relative; }
.about .left .d3 img{ cursor: pointer;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: 68%;
}
.lpkLayer p {
  position: absolute;
  right: 16.125rem;
  top: 7.25rem;
  color: #fff;
  font-weight: bold;
  font-size: 1.875rem;
  z-index: 5;
}
/* .about .left .d4{ position: absolute; right: 115px; top: 495px; width: 162px; height: 163px; background: url(../images/zt.png); -webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease; cursor: pointer;}
.about .left .d4 a{ display: block; width: 100%; height: 100%; }
.about .left .d4:hover{ background: url(../images/zt_hover.png);transform:rotate(360deg); } */

.about .right{ padding-top: 175px; float: right; width: 660px; position: relative;}
.about .right dt{ padding-bottom: 50px; font-size: 19px;line-height: 35px;}
.about .right dt i{ color: #37346f;font-weight: bold; }
.about .right dd{ padding-bottom: 30px; font-size: 22px; font-weight: bold; overflow: hidden;}
.about .right dd i{ float: left; padding-top: 3px; padding-right: 10px; color: #37346f;  font-size: 30px;}
.about .right dd span{ float: left; }
.about .right dd em{ font-size: 15px; font-weight: normal; color: #666;}
.about .right .more{ width: 45px; height: 70px;	 color: #999999; font-size: 14px;text-align: center; position: absolute; top: 400px; right: 0px; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; }
.about .right .more img{ margin-bottom: 5px;  }
.about .right .more:hover{ right: -15px; }
.about_img{ position: absolute; right: -150px; top: 110px; }

.cywh{ width: 100%; height: 350px; background: url(../images/cywh.jpg) no-repeat center;}
.cywh .con{ width: 1500px; margin: 0 auto; color: #fff; }
.cywh .left{ float: left; padding-top: 95px; padding-left: 155px;}
.cywh .left .d1{ font-size: 35px; font-weight: bold;  font-family: "jiacu";}
.cywh .left .d2{ font-size: 17px; padding-bottom: 35px;}
.cywh .left .d3{ font-size: 32px;}
.cywh .right{ float: right; padding-top: 125px;}
.cywh .right .text{ float: left; font-size: 17px; width: 220px; text-align: center; line-height: 40px;font-family: 'albbpht';}
.cywh .right .text b{ font-size: 35px;  font-family: "微软雅黑"; }
.cywh .right .line{ float: left; padding-top: 20px; font-size: 32px; font-weight: 200; color: rgba(255,255,255,0.2);}

.service{ width: 1500px; margin: 0 auto; }
.service .title{  text-align: center; padding-top: 65px; font-size: 17px; padding-bottom: 75px;}
.service .title b{ font-size: 35px; display: block; color:#37346f; padding-bottom: 15px; font-family: "jiacu";}
.service .con{ width: 100%; overflow: hidden;  padding-bottom:75px;}
.service .con .dd{ float: left; height: 446px; margin-right: 103px; width: 431px;}
.service .con .dd:nth-child(3n){ margin-right: 0px; }
.service .con .dd .d1{  width: 431px; overflow: hidden; height: 271px; }
.service .con .dd .d1 img{ width: 100%; height: 100%;}
.service .con .dd .d2{ width: 72px; height: 72px; background: #37346f; font-size: 27px; 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: 25px; padding-top: 20px; }
.service .con .dd .d3 span{ display: block; margin: 0 auto; position: relative;font-family: "微软雅黑";}
.service .con .dd .d3 span:after{content:"　"; position: absolute; bottom: -25px; left: 50%; margin-left: -26px; width: 52px; height: 1px; background: #000;}

.case{ width: 100%; background: url(../images/case.jpg) center; height: 730px; }
.case .title{ width: 1500px; margin: 0 auto; height: 210px; padding-top: 65px;}
.case .title .left{ float: left; font-size: 22px;}
.case .title .left b{ font-size: 35px; color: #37346f; display: block; padding-bottom: 10px; font-family: "jiacu";}
.case .title .right{ float: right; padding-top: 25px;}
.case .title .right a{ margin: 0 18px; font-size: 19px;}
.case .title .right .a{ color: #37346f; font-weight: bold;}
.case .title .more{ float: right; padding-top: 26px; margin-left: 50px;}

.case .layui-carousel:hover .layui-carousel-arrow[lay-type=sub],.case .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=sub]{  left: 690px !important;  z-index: 9999999999; top: 346px; 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: 690px !important;  z-index: 999999999; top: 346px; 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: 700px;background-size: cover;}
.video .d1{ text-align: center; font-size: 50px; font-weight: bold; color: #fff; padding-top: 150px; line-height: 90px;  font-family: "jiacu";}
.video .d2{ width: 82px; margin: 0 auto; padding-top: 50px; }
.video .d2 img{ cursor: pointer; }
.video .d3 { text-align: center; font-size: 30px; font-weight: bold; color: #fff; padding-top: 20px; line-height: 90px;  font-family: "jiacu";}

.news{ width: 1500px; margin: 0 auto; }
.news .title{ height: 160px; padding-top: 75px; }
.news .title .left{ float: left; font-size: 35px; color: #37346f; font-family: "jiacu"; }
.news .title .right{ float: right; padding-top: 10px; font-family: "微软雅黑";}
.news .title .right img{ margin-left: 15px; }
.news .hot{ width: 100%; padding-bottom:20px; border-bottom:solid 1px #dedede;  }
.news .hot span{ font-size: 17px; display: block; padding-bottom: 20px; font-family: "微软雅黑";}
.news .hot span i{ color: #999; }
.news .hot b{ font-size: 29px; display: block; padding-bottom: 20px; width: 80%;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden;   font-family: "微软雅黑"; font-weight: normal; }
.news .hot em{ font-size: 15px;color: #999;}
.news .list{ width: 100%; overflow: hidden; padding-bottom: 50px;}
.news .list .dt{ width: 468px; margin-right: 48px; height: 548px; float: left; padding-top: 30px;}
.news .list .dt:nth-child(3n){ margin-right: 0px; }
.news .list .d1 span{ font-size: 17px; display: block; padding-bottom: 20px; font-family: "微软雅黑";}
.news .list .d1 span i{ color: #999; }
.news .list .d2{ width: 468px; height: 280px; margin-bottom: 20px; overflow: hidden;}
.news .list .d3{ font-size: 22px;padding-bottom: 15px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden;  }
.news .list .d4{ font-size: 15px; line-height: 25px; margin-bottom: 15px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;color: #666;}
.news .list .d5{ font-size: 15px; color: #999; }
.news .list .dt:hover .d5{color: #37346f;}

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

.news .layui-carousel:hover .layui-carousel-arrow[lay-type=sub],.news .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=sub]{ left: auto !important; right: 62px !important;  z-index: 9999999999; top: 50px; background: url(../images/banner_l.png) no-repeat !important; color: rgba(0,0,0,0); width: 43px; height: 43px;}
.news .layui-carousel-arrow:hover{ filter: grayscale(0) !important; opacity:1 !important; }
.news .layui-carousel-arrow{ filter: grayscale(100); opacity:0.5 !important; }
.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: 50px; background: url(../images/news_r.png) no-repeat !important; color: rgba(0,0,0,0); width: 43px; height: 43px;}



#bottom{ width: 100%; height: 457px;  background: url(../images/bottom.jpg) no-repeat center; color: #fff; overflow: hidden;}
.bottom{ width: 1500px; margin: 0 auto;  overflow: hidden;}
.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: 30px; 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 .center .yd a{ color: #37346f; }


.bottom .right{ float: right; width: 700px;}
.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 dd a:hover{ color: #fff; }
.bottom .right dl:nth-child(5n){margin-right: 0px;}
.beian{ width: 100%; border-top:solid 1px #7a779e;  }
.beian div{ width: 1500px; margin: 0 auto; height: 80px; line-height: 80px;}
.beian div span{ float: right }

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

.neiye{ background: #f7f7f7; }
.n_banner{    
	width: 100%;
    position: relative; 
}
.n_banner > img{
	width: 100%;
	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: 50px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
	font-weight: bold;
	font-family: "jiacu";
}
.n_banner .box .item h5 i{
	margin: 0 18px;
}
.n_banner .box .item h4{
	font-size: 43px;
    text-align: center;
    color: #fff;
}
#dqwz{ width: 100%; border-bottom: solid 1px #dedede; }
.dqwz{ height: 66px; line-height: 66px; width: 1500px; margin: 0 auto;}
.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: 1500px; margin: 146px auto 0 auto; position: relative; height: 518px;}
.n_service .layui-carousel{ width: 825px !important; height: 518px !important; position: absolute; top: -55px; }
.n_service .right{background: #fff; height: 518px; float: right; width: 825px; padding-left: 250px; padding-top: 90px;}
.n_service .right .d1{ font-size: 32px; color: #37346f; font-weight: bold; margin-bottom: 65px; position: relative;}
.n_service .right .d2{ line-height: 32px; font-size: 16px; width: 494px; }
.n_service .right .d1:after{content:"　"; position: absolute; left: 0px; bottom: -25px; height: 1px; background: #37346f; width: 52px;}


.n_service_box{ padding-bottom: 150px; }
.n_service:nth-child(2n) .right{ float: left; padding-left: 100px;}
.n_service:nth-child(2n) .layui-carousel{ right: 0px !important; left: inherit !important;}

.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: auto !important; right: 132px !important;  z-index: 9999999999; top: 430px; background: url(../images/l_more_b.png) no-repeat !important; color: rgba(0,0,0,0); width: 46px; height: 46px;}
.n_service .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=sub]:hover{ background: url(../images/r_mores.png) no-repeat !important; }
.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: 77px !important;  z-index: 999999999; top: 430px; background: url(../images/r_more_b.png) no-repeat !important; color: rgba(0,0,0,0); width: 46px; height: 46px;}
.n_service .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add]:hover{ background: url(../images/r_more.png) no-repeat !important; }

.n_service .layui-carousel span{ position: absolute; bottom: 68px; left: 55px; color: #fff; font-size: 22px;}
.n_service .layui-carousel i{font-size: 35px; font-weight: bold;}
.n_service .layui-carousel span:after{content:"　"; position: absolute; width: 480px; left: 100px; top: 30px; height: 1px; background: rgba(255,255,255,0.5);}



.n_case{ width: 1500px; margin: 0 auto; }
.n_case .title{  text-align: center; padding-top: 65px; font-size: 17px; padding-bottom: 75px;}
.n_case .title b{ font-size: 35px; display: block; color:#37346f; padding-bottom: 15px; font-family: "jiacu";}
.n_case .con{ width: 1500px; overflow: hidden;}
.n_case .con .dl{ width: 360px; height: 292px; float: left; margin-right: 19px; margin-bottom: 70px; }
.n_case .con .dl:nth-child(4n){ margin-right: 0px; }
.n_case .con .dt{ height: 246px; width: 360px; overflow: hidden; position: relative;}
.n_case .con .dt .img{ height: 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: 85px 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; padding-bottom: 5px;}
.n_case .con .dl:hover .dd b{color:#37346f;font-weight: bold;}

.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: 1500px; margin: 56px auto; background: #fff; padding: 0 130px 65px 130px; }
.case_more .title{ text-align: center; font-size: 25px; padding: 40px 0 12px 0; font-weight: bold; font-family: "微软雅黑";}
.case_more .sj{ text-align: center; font-size: 16px; color: #999; padding-bottom: 25px; border-bottom: solid 1px #dedede;}
.case_more .text{ padding-top: 40px; line-height: 29px; font-size: 15px;font-family: "微软雅黑"; padding-bottom: 40px;}
.case_more .more{
	width: 180px;
	margin: 0 auto;
	text-align: center;
	font-size: 17px;
	margin-bottom: -40px;
}
.case_more .more img{
	display: block;
	margin: 0 auto 15px auto;
}
.xyg{ width: 100%;font-size: 17px; height: 45px; line-height: 45px; margin-top: 20px; }
.xyg .left{ float: left; }
.xyg .right{ float: right; }
.xyg .left img{ margin-right: 15px; opacity:0.3;}
.xyg .right img{ margin-left: 15px; opacity:0.3;}
.xyg .right a:hover img{ opacity:1;}
.xyg .left a:hover img{ opacity:1;}

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


.xgal .dl{ width: 360px; height: 292px; float: left; margin-right: 19px; margin-bottom: 70px; }
.xgal .dl:nth-child(4n){ margin-right: 0px; }
.xgal .dt{ height: 246px; width: 360px; overflow: hidden; position: relative;}
.xgal .dt .img{ height: 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;padding-bottom: 5px;}
.xgal:hover .dd b{color: #37346f;font-weight: bold;}

.n_list{ width: 1500px; overflow: hidden; padding-bottom: 50px; margin: 0 auto; padding-top: 50px;}
.n_list .dt{ width: 468px; margin-right: 48px; height: 548px; float: left; padding-top: 30px; border-bottom: solid 1px #dedede;}
.n_list .dt:nth-child(3n){ margin-right: 0px; }
.n_list .d1 span{ font-size: 17px; display: block; padding-bottom: 20px; font-family: "微软雅黑";}
.n_list .d1 span i{ color: #999; }
.n_list .d2{ width: 468px; height: 280px; margin-bottom: 20px; overflow: hidden;}
.n_list .d3{ font-size: 22px; padding-bottom: 15px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden;  }
.n_list .d4{ font-size: 15px; line-height: 25px; padding-bottom: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;color: #666;}
.n_list .d5{ font-size: 15px; color: #999; }
.n_list .dt:hover .d5{color: #37346f;}

.page{ text-align: center; padding-bottom: 90px; padding-top: 20px;}
/*.page a:nth-child(1){background: #fff;}*/
.page span{ width: 46px; height: 46px; background: #37346f; display: inline-block; border-radius:46px; color: #fff; text-align: center; line-height: 46px; font-size: 17px; margin-left: 10px;}
.page li.disabled span{background: #c3c2d4;}
.page a{ width: 46px; height: 46px; background: #c3c2d4; display: inline-block; border-radius:46px; color: #fff; text-align: center; line-height: 46px; font-size: 17px; margin-left: 10px;}
.page li{display:inline-block;}
.page li a:hover{background:#37346f;}


.n_news{ width: 1500px; margin: 0 auto; padding-top: 52px; overflow: hidden;}
.n_news .bleft{ background: #fff; width: 1132px; float: left; padding: 65px; margin-bottom: 120px;}
.n_news .bleft .title{ font-size: 25px; padding-bottom: 30px; border-bottom: solid 1px #dedede; margin-bottom: 30px; font-family: "微软雅黑";}
.n_news .bleft .title span{ float: right; 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: 50px; font-family: "微软雅黑";}
.n_news .bleft .text img{ display: block; margin: 20px auto;  max-width: 100%;}
.n_news .bright{ width: 340px; float: right; background: #fff; padding: 23px; margin-bottom: 120px; }
.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;  font-family: "jiacu";}

.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: 19px; font-weight: normal; padding-top: 12px; padding-bottom: 10px; font-family: "微软雅黑"; }
.n_news .bright .dd span{ color: #cccccc; }
.n_news .bright .dl:last-child{ border-bottom: 0px; }

.n_about{ width: 1500px; margin: 0 auto; padding-top: 100px;  position: relative; height: 950px;}
.n_about .right{ width:735px; height: 600px; position: absolute; right: 0px; top: 100px; overflow: hidden; }
.n_about .left{ padding-top: 40px; overflow: hidden;}
.n_about .left .title{ color: #37346f; font-size: 40px;  padding-bottom: 45px; font-family: "jiacu";}
.n_about .left .text{ line-height: 35px; font-size: 19px; padding-bottom: 40px;color: #666;}
.n_about .left .dd{ height: 48px; line-height: 48px; font-size: 19px; overflow: hidden; width: 100%; font-family: "微软雅黑";}
.n_about .left .dd i{ padding-top: 5px; float: left;margin-right: 12px; font-size: 26px;color: #37346f; }
.n_about .ys{ width: 1236px; float: left; height: 200px; background: #fff;box-shadow:0px 5px 25px rgba(0,0,0,0.2); position: relative; z-index: 9; margin-top: 70px;}
.n_about .ys .dd{ float: left;width: 25%; margin-top: 45px; border-right: 1px #dedede solid;  text-align: center; font-size: 22px; color: #666666; font-family: "微软雅黑";}
.n_about .ys .dd img{ display: block; margin: 0 auto 25px auto; }

.team{ width: 100%; background: #f7f7f7; height: 750px; }
.team .title{ width: 1500px; margin: 0 auto; text-align: center; padding-top: 65px; font-size: 17px; padding-bottom: 175px }
.team .title b{ font-size: 35px; display: block; color:#37346f; padding-bottom: 15px;font-family: "jiacu"; }
.team .con{ width: 1500px; margin:0 auto; }
.team .con div{ float: left; width: 252px; height: 290px; margin-right: 60px; background: #fff; text-align: center;}
.team .con div h5{ font-size: 27px; color: #37346f; display: block; padding-bottom: 50px; position: relative;}
.team .con div span{ font-size: 19px; color: #333; display: block; }
.team .con div:nth-child(5n){ margin-right: 0px; }
.team .con div img{ margin: -100px auto 40px auto; display: block; }
.team .con div h5:after{content:"　"; position: absolute; left: 50%; margin-left: -25px; bottom: 25px; height: 1px; background: #000; width: 50px;}

.ygfc{ width: 100%; height: 900px; }
.ygfc .title{ width: 1500px; margin: 0 auto; text-align: center; padding-top: 65px; font-size: 17px;  }
.ygfc .title b{ font-size: 35px; display: block; color:#37346f; padding-bottom: 15px; font-family: "jiacu";}
.ygfc .con{ width: 1500px; margin: 0 auto; }
.swiper-slide{ border: 20px solid rgba(0,0,0,0); }


.lunbotu{ overflow: hidden;  }
.lunbotu .swiper-button-prev{ left: 560px; }
.lunbotu .swiper-button-next{ right: 560px; }

.hcxc{ background: #f7f7f7; height: 750px; padding-top: 115px; }
.hcxc .box{ height: 500px; width: 1500px; margin:0 auto; background: #fff;  }
.hcxc .box .left{ float: left; overflow: hidden;}
.hcxc .box .right{ float: left; padding: 65px 0 0 65px;  }
.hcxc .box .right .title{ font-size: 35px; font-weight: bold; padding-bottom: 50px; font-family: "jiacu";}
.hcxc .box .right .text{ font-size: 19px; line-height: 40px;font-family: "微软雅黑"; }
.hcxc .box .right .text i{ color: #37346f;font-weight: bold; }
.hcxc .box .right .img{ padding-top: 55px; }


.n_contact{ width: 1500px; margin: 0 auto; background: #fff; height: 670px; padding: 30px 50px;  margin-bottom: 35px; margin-top: 65px; overflow: hidden; position: relative;}
.n_contact .title{  margin-bottom: 40px;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; font-family: "jiacu";}
.n_contact .map{ height: 510px; background: #f5f5f5;}
.n_contact .text{ position: absolute; top: 145px; right: 160px; z-index: 99999; width: 327px; height: 470px; background: #fff; padding:0 25px;}
.n_contact .text .d1{ text-align: center; font-size: 25px; font-weight: bold;  padding-top: 35px;  padding-bottom: 40px;  font-family: "微软雅黑";}
.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;}
.n_contact .text .d3 p{
	padding-bottom: 6px;
}


.ewm{ width: 1500px; margin: 0 auto; background: #fff; height: 316px; margin-bottom: 128px; overflow: hidden;}
.ewm .left{ width: 360px; border-right: solid 1px #dedede; 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: 1140px; float: right;}
.ewm .right li{ float: left; width: 25%; text-align: center; }
.ewm .right li img{ display: block; margin: 40px auto 20px; }
.neiye:after{clear: both;content: " "; display: table;}


.join{ width: 100%; }
.join .title{ width: 1500px; margin: 0 auto; text-align: center; padding-top: 65px; font-size: 17px;  }
.join .title b{ font-size: 35px; display: block; color:#37346f; padding-bottom: 15px;  font-family: "jiacu";}
.join .con{ width: 1500px; margin: 75px auto 110px auto; }

.zpgw{ width: 100%; background: url(../images/join_bg.png) top center no-repeat; padding-top: 80px; margin-bottom:50px;}
.zpgw .title{ width: 1500px; margin: 0 auto; text-align: center; font-size: 17px; color: #fff; margin-bottom: 80px;}
.zpgw .title b{ font-size: 35px; display: block; color:#fff; padding-bottom: 60px; position: relative; font-family: "jiacu";}
.zpgw .title b:after{content:"　"; position: absolute; width: 76px; height: 2px; background: #fff; bottom: 35px; left: 50%; margin-left: -38px;}
.zpgw .list{ background: #fff; width: 1500px; margin: 0 auto;position: relative;}
.zpgw .list .shang{width: 100%; padding: 40px 40px 0px 40px; 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: 15px; text-align: left;  color: #000; margin-bottom: 20px; font-family: "微软雅黑";}
.zpgw .list .shang .stext{ font-size: 17px;  border-bottom: solid 1px #dedede; padding-bottom: 40px;}
.zpgw .list .shang .stext span{ margin-right: 140px; padding-left: 19px;}
.zpgw .list .shang .sright{ position: absolute; top: 56px; right: 60px; line-height: 45px;}
.zpgw .list .shang .sright img{ margin-right: 12px;}
.zpgw .list .shang .srighta{display: none; position: absolute; top: 56px; right: 60px; line-height: 45px;}
.zpgw .list .shang .srighta img{ margin-right: 12px;}
.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;}
.zpgw .list .xia .stext b{  font-family: "微软雅黑";  font-weight: normal;}
.zpgw .list .xia .stext p{white-space:pre-wrap;overflow-wrap:break-word;}

.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: 68%;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: -35px; top: -35px; cursor: pointer; }


.bigboxb{ display: none; }
.bigbox .shub{
  text-align: center;
  padding-top: 45px;
}
.bigbox .shub p{
  padding-top: 10px;
color: #999;
font-size: 14px;
}
.bigbox .dl{ width: 360px !important; height: 292px; float: left; margin-right: 19px; }
.bigbox .dl:hover .dd b{color: #37346f;font-weight: bold;}
.bigbox .dt{ height: 246px; width: 360px; overflow: hidden; position: relative;}
.bigbox .dt .img{ height: 100%;}
.bigbox .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;}
.bigbox .dt a img{ display: block; margin: 85px auto 8px auto; }
.bigbox .dt:hover a{ display: block; }
.bigbox .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;}
.bigbox .dd b{ display: block; font-size: 22px; padding-bottom: 5px; font-family: "微软雅黑";}

.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;
}
.prev:hover,.next:hover,.swiper-button-next:hover,.swiper-button-prev:hover{filter: grayscale(0);}
.prev,.next,.swiper-button-prev,.swiper-button-next{filter: grayscale(1);}
.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;
}


@media screen and (max-width: 1500px){
.top,.banner .text{ width: 1200px;  margin-left: -600px;}
.about,.cywh .con,.service,.case .title,.bottom,.beian div,.news,.bigbox,.control-box,.dqwz,.n_about,.team .con,.ygfc .con,.hcxc .box,.n_service,.n_case .con,.n_case,.n_list,.case_more,.xgal,.n_news,.n_contact,.ewm,.join .con,.zpgw .title,.zpgw .list,.join .title,.team .title,.ygfc .title{ width: 1200px; }
.about_img{ right: 0px; top: 150px; }
.about_img img{ width: 650px; }
.about .left{ width: 600px; }
.about .left .d3 img{ width: 100%; }
.about .right{ width: 500px; }
.cywh .left{ padding-left: 0px; }
.cywh .left .d3{ font-size: 28px; }
.cywh .right .text{ width: 200px; }
.service .con .dd{ width: 366px; margin-right: 50px; height: 390px;}
.service .con .dd .d1{ width: 366px; height: 230px;}
.case .title .left{ font-size: 18px; }
.case .title .more{ margin-left: 30px; }
.bigbox .dl,.bigbox .dt,.n_case .con .dl,.n_case .con .dt,.xgal .dl,.xgal .dt{ width: 284px !important; }
.next,.ygfc .swiper-button-next{right: 550px !important;}
.prev,.ygfc .swiper-button-prev{left: 550px !important;}
.bigbox .dd,.n_case .con .dd,.xgal .dd{ width: 240px; }
.news .list .dt{ width: 368px;height: 480px; }
.news .list .d2,.news .list .d2 img,.n_list .d2,.n_list .d2 img{ width: 368px; height: 220px;}
.bottom .left{ width: 210px; }
.bottom .center{ width: 400px; }
.bottom .right{ width: 590px; }
.bottom .right dl{ margin-right: 48px; }
.n_about .right{ width: 585px; top: 135px;}
.n_about .right img{ width: 100%; }
.n_about .ys{ width: 1000px; }
.n_about .left .dd{ height: 40px; line-height: 40px; }
.n_about .left .text,.n_about .left .title{ padding-bottom: 20px; }
.n_about{ padding-top: 50px; height: 850px; }
.team .con div{ width: 220px; margin-right: 25px; }
.ygfc .title{ margin-bottom: -40px; }
.ygfc{ height: 780px; }
.hcxc .box .left{ width: 500px; overflow: hidden; }
.n_list .dt{ width: 368px;height: 500px; }
.case_more{    padding: 0 50px 65px 50px;}
.case_more .lunbotu .swiper-button-next{right: 500px;}
.case_more .lunbotu .swiper-button-prev{left: 500px;}
.case_more .text{margin-bottom: -50px;}
.xgal .title b:before,.xgal .title b:after{ width: 520px; }
.n_news .bleft{ width: 832px; padding: 30px; }
.ewm .left{ width: 300px; font-size: 17px;}
.ewm .right{ width: 900px; }
.ewm .right li img{ width: 80%; }
.join .con img{ width: 100%; }
.n_service .layui-carousel{ width: 675px !important; }
.n_service .right{ width: 675px; padding-left: 220px;}
.n_service .right .d2{ width: 380px; font-size: 15px;}
.n_service:nth-child(2n) .right{ padding-left: 75px; }
.n_service .layui-carousel span:after{ width: 320px; }
}

@media screen and (max-width: 1200px){
.top,.banner .text{ width: 1000px;  margin-left: -500px;}
.about,.cywh .con,.service,.case .title,.bottom,.beian div,.news,.bigbox,.control-box,.dqwz,.n_about,.team .con,.ygfc .con,.hcxc .box,.n_service,.n_case .con,.n_case,.n_list,.case_more,.xgal,.n_news,.n_contact,.ewm,.join .con,.zpgw .title,.zpgw .list,.join .title,.team .title,.ygfc .title{ width: 1000px; }
.about_img{ right: 0px; top: 150px; }
.about_img img{ width: 450px; }
.about .left{ width: 500px; }
.about .left .d3 img{ width: 100%; }
.about .right{ width: 400px; padding-top: 100px;}
.cywh .left{ padding-left: 0px; }
.cywh .left .d3{ font-size: 28px; }
.cywh .right .text{ width: 160px; }
.service .con .dd{ width: 300px; margin-right: 50px; height: 390px;}
.service .con .dd .d1{ width: 300px; height: 230px;}
.case .title .left{ font-size: 16px; }
.case .title .more{ margin-left: 0px; }
.case .title .right a{ font-size: 16px; }
.bigbox .dl,.bigbox .dt,.n_case .con .dl,.n_case .con .dt,.xgal .dl,.xgal .dt{ width: 235px !important; }
.next,.ygfc .swiper-button-next{right: 450px !important;}
.prev,.ygfc .swiper-button-prev{left: 450px !important;}
.bigbox .dd,.n_case .con .dd,.xgal .dd{ width: 200px;  padding-top: 18px;}
.bigbox .dd b,.n_case .con .dd b,.xgal .dd b{ font-size: 18px; }
.bigbox .dd span,.n_case .con .dd span,.xgal .dd span{ font-size: 15px; }
.news .list .dt{ width: 301px;height: 480px; }
.news .list .d2,.news .list .d2 img,.n_list .d2,.n_list .d2 img{ width: 301px; height: 220px;}
.bottom .left{ width: 150px; }
.bottom .right{ width: 500px; }
.bottom .center{ width: 320px; }
.bottom .center .dd{ font-size: 15px;}
.bottom .right dl{ margin-right: 30px; }
.n_about .right{ width: 485px; top: 135px;}
.n_about .right img{ width: 100%; }
.n_about .left .text,.n_about .left .dd{ font-size: 17px; }
.n_about .ys{ width: 900px;  margin-top: 30px;}
.n_about .left .dd{ height: 40px; line-height: 40px; }
.n_about .left .text,.n_about .left .title{ padding-bottom: 20px; }
.n_about{ padding-top: 50px; height: 850px; }
.team .con div{ width: 180px; margin-right: 25px; height: 240px; }
.team .con div img{ width: 100%; margin-bottom: 20px;}
.team .con div b{ font-size: 22px; }
.team .con div span{ font-size: 18px; }
.team{ height: 650px; }
.ygfc .title{ margin-bottom: -40px; }
.ygfc{ height: 780px; }
.hcxc .box .left{ width: 450px; overflow: hidden; }
.hcxc .box .right .img,.hcxc .box .right .img img{ width: 500px; }
.hcxc .box .right .text{ font-size: 15px; }
.hcxc .box .right{ padding-left: 30px; }
.n_list .dt{ width: 300px;height: 500px; }
.n_list .d3,.news .list .d3{ font-size: 20px; }
.case_more{    padding: 0 50px 65px 50px;}
.case_more .lunbotu .swiper-button-next{right: 500px;}
.case_more .lunbotu .swiper-button-prev{left: 500px;}
.case_more .text{margin-bottom: -50px;}
.xgal .title b:before,.xgal .title b:after{ width: 420px; }
.n_news .bleft{ width: 732px; padding: 30px; }
.n_news .bright{ width: 240px; }
.n_news .bright .dd b{ font-size: 17px; }
.ewm{ height: 280px; }
.ewm .left{ width: 250px; font-size: 15px; height: 220px;}
.ewm .left img{ width: 100px;}
.ewm .right{ width: 750px; }
.ewm .right li img{ width: 80%; }
.join .con img{ width: 100%; }
.n_service .layui-carousel{ width: 575px !important; }
.n_service .right{ width: 575px; padding-left: 190px;}
.n_service .right .d2{ width: 360px; font-size: 14px;}
.n_service .right .d1{ margin-bottom: 55px; }
.n_service:nth-child(2n) .right{ padding-left: 35px; }
.n_service .layui-carousel span:after{ width: 220px; }
.zpgw .list .shang .stext span{ font-size: 16px; margin-right: 80px; }
}