body{font-family:"微软雅黑"!important;color: #999;font-size: 14px;line-height: 24px;background: #fff;opacity: 0;}
body,div,p,span,ul,li,dl,dd,h1,h2,h3,a,input,img{margin:0;padding:0;}
li,ol{list-style:none;}
a,input,img,textarea{border:none;outline:none;}
i,em{font-style:normal;}
.fl{float: left;}.fr{float: right;}.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}
.db{display: block;}.ma{margin: 0 auto;}.pr{position: relative;}.pa{position: absolute;}.pf{position: fixed;}
.transition{-webkit-transition: all  0.3s ease-out;-moz-transition: all  0.3s ease-out;-o-transition: all  0.3s ease-out; transition: all  0.3s ease-out; }
a{text-decoration: none;color: #666;}
a:focus{text-decoration: none;}
a:hover,a:focus{text-decoration: none;}
.hide{display: none}
.show{display: block}
.modal a{outline:none;}
label{font-weight: normal;}
a:focus {outline:none;outline-offset:0;}
img{max-width: 100%;}
.img img{width: 100%;transition: 0.7s transform;}
.slick-slide{outline: none!important;}
.wrapper{overflow: hidden;position: relative;padding-top: 80px;}
.holder{width:1400px;margin: 0 auto;}

/*头部*/
#header{width: 100%;height:auto;background:#fff;z-index: 2;position: fixed;top: 0;left: 0;z-index: 5;padding: 0 6.6% 0 5.4%;display: flex;align-items: center;}
#header .logo{width:20.19%;transition: 300ms;}
#header .logo a{display: block;width: 100%;}
.mol_navbutton.img{width: 60px;height: 54px;float: right;padding: 12px 16px;}
#header .nav_box{flex:1;padding:0 4% 0 7%;display: flex;align-items: center;justify-content: space-between;}
.nav_box .yiji{position: relative;}
.nav_box .yiji .one{display: inline-block;height: 80px;line-height: 80px;font-size:16px;color: #131313;transition: 300ms;position: relative;}
.nav_box .yiji:hover .one,.nav_box .yiji.current .one{color: #305e98;font-weight: bolder;transition: 300ms;}
.nav_box .yiji .one:before,.nav_box .yiji .one:before{content: "";min-width: 0;width:0%;height:4px;background: #305e98;position: absolute;top: 0;left:50%;transform: translate(-50%, 0);transition: 300ms;}
.nav_box .yiji.current .one:before,.nav_box .yiji:hover .one:before{min-width: 76px;width:100%;transition: 300ms;}

/*二级下拉*/
.nav_box .yiji .libox{padding:0 10px 14px;width: 200px;height: auto;border-radius: 6px;position: absolute;top:112%;left:50%;z-index: 8;margin-left: -100px;text-align: center;background: #fff;
transition: all 0.3s ease 0s;transform: translate3d(0px, 10px, 0px);-moz-transform: translate3d(0px, 10px, 0px); -webkit-transform: translate3d(0px, 10px, 0px); visibility: hidden; opacity: 0; }
.yiji:hover .libox{opacity: 1;transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); visibility: visible;}
.nav_box .yiji .libox:before{content: "";border-bottom: 8px solid #fff;border-right: 8px solid transparent;border-left:8px solid transparent;border-top: 8px solid transparent;
position: absolute;top: -15px;left: 50%;margin-left: -8px;}
.yiji .libox a{display: block;width: 100%;height: 50px;line-height:49px;overflow: hidden;border-bottom: 1px solid #cfcfcf;color: #333;font-size: 14px;transition: 300ms;}
.yiji .libox a:hover{color: #305e98;transition: 300ms;}

#header.head_up{box-shadow: 0 0 20px rgba(0,0,0,0.08);}
#header.head_up .logo{width:19.4%;transition: 300ms;}
#header.head_up .nav_box .yiji .one{height: 70px;line-height: 70px;transition: 300ms;}

#header .lanuges{width: 100px;height: 38px;border-radius: 19px;background: #305e98;text-align: center;line-height: 38px;font-size: 16px;color: #84baff;transition: 300ms;}
#header .lanuges a{color: #84baff;margin: 0 9px;}
#header .lanuges a.on,#header .lanuges a:hover{color: #fff;font-weight: bolder;transition: 300ms;}

/*首页大图*/
.slick-dotted.slick-slider{margin-bottom: 0;}
#banner{position: relative;}
#banner img{width: 100%;}
#banner .slick-slide{overflow: hidden;}
#banner .slick-slide img{transform:  scale(1.15);}
#banner .slick-slide.slick-active img{animation: banner 3s linear forwards;}
@keyframes banner {
    0{transform:  scale(1.15);}
    100% {transform: scale(1);}
}
.slick-dots button{display: none;}
.slick-dots li button:before{display: none;}
.slick-arrow:before{display: none;}
#banner .slick-dots{bottom:24px;}
#banner .slick-dots li{width:60px;height:2px;margin: 0 10px;background:#fff;opacity: 0.3;transition: 300ms;}
#banner .slick-dots li.slick-active{opacity: 1;transition: 300ms;}
/*内容*/
.content{width: 100%;height: auto;padding: 4% 0;}
.content1{width: 100%;background: url(../images/bg1.png) right -120px no-repeat;}
.toptitle{width: 100%;height: auto;display: flex;align-items: center;padding: 25px 0;}
.alltitle{width: auto;font-size: 40px;font-weight: bolder;color:#282828;line-height: 1.4;padding-left: 40px;position: relative;}
.alltitle:before{content: "";width: 19px;height: 37px;background: #305e98;position: absolute;left: 0;top:12px;}
.toptitle .tabbtn{flex:1;display: flex;align-items: center;justify-content:space-around;padding-left: 4%;}
.tabbtn{width: 100%;height: auto;margin:14px 0;text-align: center;}
.tabbtn dd{width:auto;display: inline-block;height: 62px;line-height: 62px;overflow: hidden;border-bottom: 4px solid transparent;
  font-size: 16px;color: #282828;cursor: pointer;transition: 300ms;position: relative;}
.tabbtn dd.on,.tabbtn dd:hover{border-bottom: 4px solid #305e98;transition: 300ms;}
.pro_dectil{margin: 12px 0;position: relative;height: 480px;}
.tabitem{width:100%;height: auto;display: none;}
.tabitem:first-child{display: block;}
.tabitem.deon{animation: fadeInUp 0.6s forwards;} 
.tabitem>ul{width: 107.14%;height: auto;overflow: hidden;margin-left: -3.57%;}
.tabitem>ul li{width: 33.33%;float: left;padding:3.57%;}
.pro_dectil .pro_item{position: absolute;display: block;top: 0;left: 0;opacity: 0;}
.pro_dectil .pro_item.deon{z-index: 2;opacity: 1;}
.proslider{width: 104.78%;height: auto;overflow: hidden;margin-left: -2.39%;}
.pro_item .proslider{height: 480px;}
.pro_item .proslider a{display: block;width: 81.2%;height: auto;margin: 40px auto;border-radius: 12px;border: 1px solid #e6e6e6;background: #fff;transition: 300ms;}
.pro_item .proslider a p{width: 80.5%;height:55px;line-height:55px;margin: 0 auto;border-top: 1px solid #e3e7f8;text-align: center;font-size: 14px;color: #282828;overflow: hidden;}
.pro_item .proslider a:hover{box-shadow: 0 0 20px rgba(0,0,0,0.13);transition: 300ms;}
.proslider .slick-dots{bottom:10px;}
.proslider .slick-dots li{width:60px;height:3px;margin: 0 10px;background:#305e98;opacity: 0.3;transition: 300ms;}
.proslider .slick-dots li.slick-active{opacity: 1;transition: 300ms;}

.contact_in{width: 100%;margin-top: 45px;}
.contact_in a{display: block;width: 33.85%;height: 100%;position: absolute;right: 0;top: 0;}
.allmore{width: 154px;height: 45px;line-height: 45px;font-size: 16px;color: #fff;border-radius: 23px;background: #305e98;margin: 10px 0;display: block;text-align: center;transition: 300ms;}
.allmore span{font-family: "幼圆";margin-left: 8%;transition: 300ms;}
.allmore:hover{color: #fff;transition: 300ms;}
.allmore:hover span{margin-left: 15%;transition: 300ms;}
.content2{background: #00669b;}
.casetitle{width: 100%;padding: 28px 0;color: #fff;font-size: 26px;}
.casetitle .holder{display: flex;align-items: center;}
.casetitle .ctitle{flex:1;font-size: 18px;line-height: 1.6;display: flex;align-items: center;}
.casetitle p{flex:1;text-align: right;padding:0 2%;}
.casetitle .ctitle a{float: right;display: inline-block;width: 170px;height: 40px;line-height: 40px;border-radius: 20px;text-align: center;font-size: 16px;color: #0a0a0a;
	background: #fff url(../images/icon20.png) 83% center no-repeat;background-size: 6px auto;padding-right: 14px;transition: 300ms;}
.casetitle .ctitle a:hover{background: #fff url(../images/icon20.png) 85% center no-repeat;background-size: 6px auto;padding-right: 19px;transition: 300ms;}
.content3{padding: 1% 0 5%;}
.abtitle{width: 100%;font-size: 40px;font-weight: bolder;color:#282828;line-height: 1.4;margin: 2% 0;}
.abtitle p{width: 100%;position: relative;padding-bottom: 20px;}
.abtitle span{display: block;width: 100%;height:auto;font-size: 54px;color: #eff0f9;position: absolute;top: 20%;left: 0;z-index: -1;text-transform: uppercase;}
.aboutbox{width: 100%;height: auto;overflow: hidden;}
.about_mov{width:47.285%;height:440px;float: left;position: relative;border-radius: 15px;overflow: hidden;}
.about_mov video{display: block;}
.about_mov .movbg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.5);cursor: pointer;z-index: 2;}
.about_mov .movbtn{width: 82px;height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.about_r{width: 46.6%;float: right;}
.aboutdec{font-size: 14px;color: #0a0a0a;line-height: 33px;margin-top: 4%;letter-spacing: 2px;text-indent: 30px;}
.secTwo_B{width: 100%;display: flex;justify-content: space-between;padding-top: 7%;}
.secTwo_B dl{position: relative;width: auto;margin-left:5%;}
.secTwo_B dl .aicon{width: 30px;height: auto;position: absolute;left: -26%;top: 3%;}
.secTwo_B dl .numbox .line{width: 192px;height: 1px;background: #b6b6b6;margin: 38px 0;}
.secTwo_B dl .numbox dt{font-size: 16px;color: #7f7f7f;font-weight: normal;line-height: 1;}
.secTwo_B dl .numbox dt b{font-weight: bolder;color: #305e98;font-size: 42px;margin-right: 8px;}
.secTwo_B dl .numbox dd{font-size: 16px;color: #6d6d6d;line-height: 1.5}

.content4{background: url(../images/bg2.png) center no-repeat;background-size: cover;}
.tabbtn dd a{color: #282828;display: block;}
.tabbtn dd:hover a{color: #282828;}
.content4 .new_dectil{margin: 12px 0;height: 316px;overflow: hidden;position: relative;}
.new_item{position: absolute;opacity: 0;transition: 300ms;display: block;}
.new_item.deon{z-index: 2;opacity: 1;transition: 300ms;} 
.new_item ul p{width: 100%;height: 40px;line-height: 40px;font-size: 16px;color: #282828;overflow: hidden;margin-top: 12px;}
.new_item .time{font-size: 22px;color: #696969;line-height: 1;}
.new_item .ntitle{width: 100%;height:70px;line-height:70px;font-size: 20px;font-weight: bolder;overflow: hidden;color: #282828;}
.new_item .line2{width: 36px;height: 6px;background: #d2d2d2;margin: 12px 0 22px;transition: 300ms;}
.new_item dd{width: 100%;height: 87px;line-height: 29px;font-size: 14px;color: #717171;overflow: hidden;letter-spacing: 1px;}
.new_item ul a:hover p,.new_item ul a:hover .ntitle{color: #305e98;}
.new_item ul a:hover .line2{width: 65px;background: #305e98;transition: 300ms;}

.content5{background:url(../images/bg4.jpg) center no-repeat;background-size: cover;padding: 5% 0;}
.content5 .alltitle{color: #fff;}
.partlist{width: 102%;height: auto;overflow: hidden;margin-left: -1%;padding: 3% 0 5%;}
.partlist .slick-slide a{display: block;width: 92.5%;height: auto;overflow: hidden;margin: 2.5% auto;border-radius: 10px;box-shadow: 0 4px 13px rgba(0,0,0,0.03);}
.partlist .slick-dots{bottom:0;}
.partlist .slick-dots li{width:60px;height:3px;margin: 0 10px;background:#fff;opacity: 0.3;transition: 300ms;}
.partlist .slick-dots li.slick-active{opacity: 1;transition: 300ms;}

.footer{width: 100%;height: auto;background: #272727;}
.foot_top{width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 5% 0 3%;}
.foot_top .foot_topitem1{width: 28%}
.foot_top .foot_topitem2{max-width: 40%;}
.foot_topitem1 .flogo{width: 100%;margin-bottom: 20px;}
.foot_top .foot_topitem2 h1{font-size: 19px;font-weight: lighter;color: #fff;padding-left: 23px;position: relative;line-height:30px;margin-bottom: 16px;}
.foot_top .foot_topitem2 h1:before{content: "";width: 6px;height: 19px;background: #143762;position: absolute;left: 0;top: 50%;margin-top: -9px;}
.foot_top .foot_topitem2 .foot_tell{padding-left: 40px;background: url(../images/icon5.png) left center no-repeat;
font-size: 26px;font-weight: bolder;color: #fff;line-height: 28px;}
.foot_top .foot_topitem2 .foot_adr{padding-left: 40px;background: url(../images/icon6.png) left top no-repeat;
font-size: 20px;color: #fff;line-height: 28px;letter-spacing: 2px;font-weight: lighter;}
.foot_top .foot_topitem3{width: 110px;}
.foot_topitem3 .ewm{text-align: center;font-size: 14px;color: #747474;}
.foot_topitem3 .ewm img{/*border: 10px solid #fff;*/border-radius: 9px;margin-bottom: 12px;}
.linka{display: inline-block;width: auto;padding-left: 28px;margin: 10px 0;font-size: 15px;color: #747474;
	background: url(../images/icon7.png) left 5px no-repeat;}
.copy .linka a{color: #fff;margin: 0 4px;}
.copy{width: 100%;background: #222222;font-size: 15px;line-height: 24px;color: #808080;padding: 20px 0;}
.copy a{color: #808080;}
.contactus{width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 14px;background: #171717;position: fixed;bottom: 0;left: 0;z-index: 5;}
.contactus a{display: block;color: #fff;}
.contactus img{display: inline-block;width: 20px;margin-right: 7px;}
/*关于我们*/
.bantext{width: 100%;bottom:0;left: 0;font-size: 40px;font-weight: bolder;color: #fff;line-height: 3;text-transform: uppercase;letter-spacing: 3px;}
.bantext p{width: auto;position: absolute;left:0;}
.bantext .downbtn{width: 43px;position: absolute;right: 0;top: 50%;transform: translate(0,-50%);}
.bantext .downbtn img{display: block;}
.posnav_box{width: 100%;background: #305e98;}
.posnavs{width: 100%;text-align: center;position: relative;padding: 18px 0;z-index: 8;}
/*.posnavs .slick-slide{float: unset;}*/
.posnavs:before{content: "";width: 30%;height: 100%;background: #305e98;position: absolute;right: 100%;top: 0;z-index: 2;}
.posnavs:after{content: "";width: 30%;height: 100%;background: #305e98;position: absolute;left: 100%;top: 0;z-index: 2;}
.posnavs .slick-list{overflow: unset;}
.posnavs .posone{width: 100%;height: auto;position: relative;}
.posnavs .posone a.one{display: inline-block;overflow: hidden;width:auto;height: 58px;line-height: 58px;letter-spacing: 2px;font-size: 20px;color: #7fb8ff;position: relative;cursor: pointer;}
.posnavs .posone a.on,.posnavs .posone:hover a.one{color: #fff;transition: 300ms;}
.posnavs .posone a.on i{font-weight: bolder;}
.posnavs .posone a.one span{font-weight: lighter!important;opacity: 0;margin: 0 4px;}
.posnavs .posone a.on span{opacity: 1;}
.posnavs .posone .libox{padding:14px;width: 110%;height: auto;border-radius: 10px;position: absolute;top:160%;left:-5%;z-index: 8;text-align: center;background: #fff;box-shadow: 0 0 25px rgba(0,0,0,0.18);
transition: all 0.3s ease 0s; transform: translate3d(0px, 10px, 0px); -moz-transform: translate3d(0px, 10px, 0px); -webkit-transform: translate3d(0px, 10px, 0px); visibility: hidden; opacity: 0; }
.posnavs .posone .libox:before{content: "";border-bottom: 10px solid #fff;border-top: 10px solid transparent;border-left: 10px solid transparent;border-right: 10px solid transparent;position: absolute;bottom: 100%;left: 50%;margin-left: -10px;}
.posnavs .posone:hover .libox{opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); visibility: visible;}
.posnavs .posone .libox a{display: block;width:100%;height: 48px;line-height:48px;overflow: hidden;color: #333;font-size: 15px;position: relative;transition: 300ms;}
.posnavs .posone .libox a:hover,.posnavs .posone .libox a.twoa.on{color: #305e98;font-weight: bolder;transition: 300ms;}
.posnavs .posone .libox .two.on{border-bottom: 1px solid #7fb8ff;}
.posnavs .posone .libox .two .thr{display: none;}
.posnavs .posone .libox .two .thr a{font-size: 14px;height: 42px;line-height:42px;}
.nycontent{padding:7% 0;}
.nytitle,.nytitle2{width: 100%;font-size: 108px;font-weight: bolder;color: #f3f5f8;line-height: 1.2;text-transform: uppercase;}
.nytitle p,.nytitle2 p{font-size: 40px;color: #282828;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);letter-spacing: 2px;}
.dectil{font-size: 18px;color: #282828;line-height: 3;letter-spacing: 2px;padding: 2% 0;}
.secTwo_A{padding: 0;}
.secTwo_A dl{margin-left: 0;text-align: center;padding:6% 4%;}
.secTwo_A dl dt{color: #305e98;font-size: 22px;font-weight: normal;}
.secTwo_A dl dt .counter{font-size: 70px;font-family: "Arial";font-weight: normal;margin-right: 5px;letter-spacing:3px;}
.secTwo_A dl dd{font-size: 20px;color: #5f5f5f;margin-top: 10px;}

.honorlist{width: 106.6%;height: auto;overflow: hidden;margin-left: -3.3%;}
.honorlist li{width: 33.33%;padding: 3.3%;float: left;}
.honorlist li a{display: block;width: 100%;height: auto;padding: 9px;border: 1px solid #eaeaea;transition: 300ms;}
.honorlist li a p{width: 100%;height: 67px;line-height: 76px;text-align: center;font-size: 20px;color: #282828;}
.honorlist li a:hover{box-shadow: 0 2px 48px rgba(0,0,0,0.13);transition: 300ms;}

.prolist{width: 102.14%;height: auto;overflow: hidden;margin-left: -1.07%;}
.prolist li{width: 33.33%;float: left;padding: 1.07%;}
.prolist li a{display: block;width: 100%;}
.prolist li .img{width: 100%;border-radius: 10px;overflow: hidden;transition: 300ms;}
.prolist li p{text-align: center;width: 446px;height: 90px;line-height: 28px;font-size: 18px;color: #131313;display: table-cell;vertical-align: middle;}
.prolist li a:hover .img{box-shadow: 0 10px 27px rgba(0,0,0,0.18);transition: 300ms;}
.prolist li a:hover p{color: #305e98;}

.dectitle{width: 100%;margin: 4% 0;font-size: 26px;color: #333;line-height: 1.7;letter-spacing: 2px;}
.dectitle p{font-size: 16px;color: #4a4a4a;margin-top: 17px;font-weight: normal;}
.proimg{width: 42%;height: auto;margin: 0 auto;background: #f4f4f4;}
.newtlist{width: 100%;margin-bottom: 2%;}
.newtlist li{width: 100%;padding: 40px 0;border-bottom: 1px dashed #c0c0c0;position: relative;}
.newtlist li a{display: flex;align-items: center;justify-content: space-between;width: 100%;height: auto;overflow: hidden;}
.newtlist li a .img{width: 29.625%;position: relative;}
.newtlist li a .img p{width: 127px;height: 40px;line-height: 40px;text-align: center;background: rgba(48,94,152,0.9);border-radius: 20px 0 0 0;
position: absolute;right: 0;bottom: 0;color: #fff;font-size: 16px;font-weight: normal;}
.newtlist li a dl{width: 67%;}
.newtlist li a dt{width: 100%;max-height: 56px;line-height: 28px;overflow: hidden;font-size: 22px;color: #131313;font-weight: normal;letter-spacing: 2px;}
.newtlist li a .line{width: 41px;height: 3px;background: #305e98;margin: 2.5% 0;}
.newtlist li a dd{font-size: 16px;height: auto;max-height: 108px;overflow: hidden;line-height: 36px;color: #3b3b3b;letter-spacing: 2px;}
.newtlist li:hover:before{width: 100%;transition: 300ms;}
.newtlist li a:hover dt{color: #305e98;font-weight: bolder;}

/*联系我们*/
.nycontact{padding: 30px 0; background: url(../images/bg11.png) center no-repeat;background-size: 100% auto;}
.contactdec{line-height: 2;margin:6% 0;font-size: 30px;color: #000;}
.contact_lx{width: 100%;height: auto;overflow: hidden;margin: 7% 0;padding: 0 2%;display: flex;justify-content: space-between;}
.contact_lx .lxvox{flex:1;width:auto;padding: 0 10px;text-align: center;}
.contact_lx .lxvox .icon{width: 113px;margin: 0 auto 50px;}
.contact_lx .lxvox p{font-size: 20px;color: #000000;line-height: 43px;letter-spacing: 2px;}
.nycontact .mapimg{padding: 40px 0 30px;}
@media(min-width: 768px){
.contact_lx .lxvox:nth-child(2){animation-delay: 0.2s;}
.contact_lx .lxvox:nth-child(3){animation-delay: 0.4s;}
}
.mapimg{width: 100%;margin: 3% 0;}
/*服务支持*/
.nyservice{padding-bottom: 0;}
.serlist{width: 106%;height: auto;display: flex;flex-wrap: wrap;margin: 2% 0;margin-left: -3%;}
.serlist li{width: 50%;padding: 3%;}
.serlist li .serli{display: flex;align-items: flex-start;}
.serlist li .icon{width: 86px;height: auto;overflow: hidden;border-radius: 50%;}
.serlist li .sertext{flex:1;padding-left: 6%;font-size: 18px;line-height:2;color: #282828;letter-spacing: 3px;}
.Service2{padding: 5% 0;background: #f7f8ff;}
.nytitle2 p{position: relative;top: 0;left:0;transform: translate(0);}
.Service2 ul{width: 103.8%;height: auto;overflow: hidden;margin-left: -1.9%;margin-top: 4%;}
.Service2 ul li{width: 50%;padding: 1.9%;float: left;}
.Service2 ul li dl{text-align: center;padding-top: 6%;}
.Service2 ul li dt{font-size: 22px;font-weight: bolder;width: 100%;height: 50px;line-height: 50px;color: #282828;margin: 8px 0;}
.Service2 ul li dd{width: 100%;height:auto;line-height: 2;font-size: 16px;overflow: hidden;color: #282828;overflow-wrap: break-word;min-height: 97px;}

.Service3,.Service4{padding: 5% 0;}
.nytitle2 dd{font-size: 16px;color: #282828;font-weight: normal;margin-top: 24px;line-height: 1.7;}
.point{width: 100%;text-align: center;padding: 4% 0;}
.point span{display: inline-block;padding: 0 28px;height: 54px;line-height: 54px;border-radius: 27px;margin: 6px 12px;
	background: #305e98;color: #fff;font-size: 18px;color: #fff;font-weight: lighter;letter-spacing: 1px;}
.Service3 .img{padding: 2% 0;}

.Service4 ul{width: 100%;display: flex;justify-content: space-between;text-align: center;margin: 5% 0 2%;}
.Service4 ul li .img{width:114px;margin: 0 auto;}
.Service4 ul li p{font-size: 16px;color: #282828;line-height: 1.6;margin: 18px 0;}


input::-webkit-input-placeholder {color: #fff;}
input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff;}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff;}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff;}
/*图片经过放大*/
.img{transition: 300ms;overflow: hidden;}
.imgbig:hover img{transition: 0.7s transform;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
/*页码*/
.pagebox{width: 100%;height: auto;text-align: center;padding: 4.5% 0 2%;}
.pagebox a{display: inline-block;width:34px;height:34px;border-radius:50%;line-height: 34px;font-size: 18px;color: #000000;margin: 0 8px;transition: 300ms;}
.pagebox a.on,.pagebox a:hover{background: #305e98;color: #fff;transition: 300ms;}
.pagebox a.prev{width: auto; color: #333;font-family: "幼圆";background: none;font-weight: bold;margin: 0 14px;}
.pagebox a.prev:hover{color: #305e98;background: none;}
/*文章上下篇*/
.chose_new{width: 100%;height:auto;overflow: hidden;padding:2% 0 4%;text-align: center;}
.chose_new a{display: inline-block;width: auto;height:50px;line-height: 50px;color: #222222;font-size: 16px;transition: 300ms;}
.chose_new a span{display: block;width:50px;height: 50px;padding: 8px;line-height: 48px;background: #305e98;border-radius: 50%;margin: 0 32px;transition: 300ms;}
.chose_new a span img{width: 100%;display: block;}
.chose_new a:hover{color: #305e98;}
.chose_new a:hover span{box-shadow:0 8px 24px rgba(48,94,152,0.5);transition: 300ms;}
.chose_new a.prev span{float: right;}
.chose_new a.next span{float: left;}
/*panle导航开始*/
.left_navbg{display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: #000;opacity: 0.2;z-index: 7;}
.left_nav{width:75%;height:100%;z-index:7;background: #fff;position: fixed;top:0; right:-75%;z-index: 99;padding-top: 50px;transition: 300ms;}
.left_nav.left_nav_show{right: 0;transition: 300ms;}
.close_lnav{width: 50px;height: 50px;line-height: 50px;text-align: center;font-size: 40px;color: #333;cursor: pointer;position: absolute;top: 0;right:0;}
.left_nav .nnav{width:100%;height: 96%;overflow-y:auto;padding: 3% 5.5% 0 8.5%;}
.left_nav .nnav li{width: 100%;height: auto;overflow: hidden;}
.left_nav .nnav li .ce{width: 100%;color: #333;font-size: 16px;height:48px;line-height:48px;}
.left_nav .nnav li .ce.xz_a{color: #305e98;}
.menu_head .ericon{width:40px;height:48px;float:right;text-align: center;line-height: 48px;position: relative;z-index: 3;transition: 300ms;}
.menu_head .ericon img{display: inline-block;width: 10px;}
.menu_head .ericon.xz{transform: rotate(90deg);transition: 300ms;}
.left_nav .nnav li .menu_body{display: none;padding-bottom: 10px;}
.menu_body li a.er{font-size:15px;display: block;height:40px;line-height:40px;font-size: 14px;color: #666;position: relative;}
.menu_body li a.er.tz_a{color: #305e98;}
.menu_body .thricon{color:#666;width:48px;height:40px;line-height:40px;text-align:center;float:right;position: relative;z-index: 3;font-size: 24px;cursor: pointer;}
.menu_body .icont1{ display:none;}
.menu_body .tz .icont1{ display:block;color: #305e98;}
.menu_body .tz .icont2{ display:none;}
.left_nav .nnav li .thr_body{display: none;}
.thr_body li a.thr{position: relative;padding-left:30px;font-size: 14px;display: block;height:40px;line-height:40px;color: #999;}
.thr_body li a.thr.fz_a{color: #305e98;}
.left_nav .nnav li .for_body{display: none;}
.for_body li a.for{position: relative;padding-left:58px;font-size: 14px;display: block;height:40px;line-height:40px;color: #999;}
.menu_body .foricon{color:#999;width:44px;height:40px;line-height:40px;text-align:center;float:right;position: relative;z-index: 3;font-size: 24px;cursor: pointer;}
/*panle导航结束*/
/*右侧悬浮*/
.quickbar_nav{width: 47px;height: auto;position: fixed;right: 20px;top: 50%;z-index: 6;
  -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.quickbar_nav ul li{width: 47px;height: auto;padding:10px 0;}
.quickbar_nav ul li a{display: block;position: relative;}
.quickbar_nav ul li .icon{width: 47px;height: 47px;border-radius: 50%;overflow: hidden;cursor: pointer;transition: 400ms;}
.quickbar_nav ul li .li_hover{display: none; position: absolute;right: 62px;top:-25px;
  border-radius: 5px;padding:6px;width: 105px;background: rgba(255,255,255,0.5);}
.quickbar_nav ul li .li_hover img{border-radius: 4px;}
.quickbar_nav ul li .li_hover:before{content: "";border-left: 6px solid rgba(255,255,255,0.5);border-right: 6px solid transparent;border-top: 6px solid transparent;border-bottom: 6px solid transparent;
position: absolute;right: -11px;top: 44px;}


@media(max-width: 1500px){
  .holder{width:1200px;}
  .pro_dectil,.pro_item .proslider{height: 440px;}
  .casetitle .ctitle a{width: 156px;}
  .new_item .time{font-size: 18px;}
  .new_item .ntitle{height: 64px;line-height: 64px;font-size: 18px;}
  .new_item ul .line2{height: 4px;margin: 8px 0 18px;}
  .foot_top .foot_topitem2 .foot_tell{font-size: 24px;padding-left: 34px;background-size: 22px auto;}
  .foot_top .foot_topitem2 .foot_adr{font-size: 18px;padding-left: 34px;background-size: 22px auto;}
  .contact_lx .lxvox .icon{width: 95px;}
  .bantext{font-size: 36px;}
  .bantext .downbtn{width: 38px;}
  .posnavs .posone a.one{font-size: 18px;}
  .posnavs{padding: 12px 0;}
  .nytitle p,.nytitle2 p{font-size: 38px;}
  .nytitle{font-size: 120px;}
  .dectil{font-size: 17px;}
  .secTwo_A dl dt{font-size: 20px;}
  .secTwo_A dl dt .counter{font-size: 66px;}
  .secTwo_A dl dd{font-size: 18px;margin-top: 7px;}
  .honorlist li a p{font-size: 18px;}
  .prolist li p{font-size: 17px;}
  .newtlist li a dt{font-size: 19px;line-height: 24px;}
  .newtlist li a dd{font-size: 14px;line-height: 28px;max-height: 84px;}

  .Service4 ul li .img{width:100px;}
  


 
}
@media(max-width: 1366px){
	#header .lanuges{width: 90px;}

}

@media (max-width: 1300px){
  .holder{width:92%;}
  #header{padding: 0 4.8% 0 3.6%;}
  #header .logo{width: 22%;}
  #header .nav_box{padding: 0 1% 0 5%;}
  .nav_box .yiji.current .one:before, .nav_box .yiji:hover .one:before{min-width: 100%;}
  #header .tell{font-size: 18px;padding-left: 32px;background-size: 26px auto;}
  #banner .slick-dots{bottom: 14px;}
  #banner .slick-dots li,.proslider .slick-dots li,.partlist .slick-dots li{width: 52px;}
  .alltitle{font-size: 34px;padding-left: 28px;}
  .alltitle:before{width: 12px;height: 30px;top: 10px;}
  .abtitle{font-size: 36px;}
  .abtitle span{font-size: 46px;}
  .tabitem>ul{width: 106%;margin-left: -3%;}
  .tabitem>ul li{padding: 3%;}
  .content1{background: url(../images/bg1.png) right -72px no-repeat;background-size: cover;}
  .pro_dectil, .pro_item .proslider{height: 405px;}
  .allmore{width: 128px;height: 38px;line-height: 38px;font-size: 14px;}
  .casetitle{padding: 20px 0;}
  .casetitle .ctitle a{width: 140px;font-size: 14px;}
  .casetitle{font-size: 24px;}
  .about_mov{height: auto;margin-top: 8%;}
  .about_mov .movbtn{width: 70px;}
  .secTwo_B dl{margin-left: 6%;}
  .secTwo_B dl .aicon{width: 26px;left: -48px;}
  .secTwo_B dl .numbox dt b{font-size: 36px;}
  .secTwo_B dl .numbox dt{font-size: 14px;}
  .secTwo_B dl .numbox dd{font-size: 15px;}
  .secTwo_B dl .numbox .line{margin: 30px 0;width: 170px;}
  .content4 .new_dectil{height: 282px;}
  .foot_top .foot_topitem3{width: 94px;}
  .foot_top .foot_topitem2 h1{font-size: 16px;padding-left: 20px;}
  .foot_top .foot_topitem2 .foot_tell{font-size: 20px;padding-left: 28px;background-size: 18px auto;}
  .foot_top .foot_topitem2 .foot_adr{font-size: 14px;padding-left: 28px;background-size: 18px auto;}

  .bantext{font-size: 33px;}
  .bantext .downbtn{width: 34px;}
  .posnavs{padding: 10px 0;}
  .nytitle p,.nytitle2 p{font-size: 36px;}
  .nytitle{font-size: 97px;}
  .secTwo_A dl dt{font-size: 18px;}
  .secTwo_A dl dt .counter{font-size: 60px;}
  .honorlist li a{padding: 7px;}
  .prolist li p{font-size: 16px;}
  .dectitle{font-size: 24px;}
  .proimg{width: 50%;}
  .newtlist li a .img{width: 32%;}
   .newtlist li a dl{width: 64%;}
   .newtlist li a dt{font-size: 17px;}
   .newtlist li a .img p{font-size: 14px;width: 108px;height: 36px;line-height: 36px;}

   .Service4 ul li .img{width:90px;}
   .Service4 ul li p{font-size: 15px;}

.contactdec{font-size: 26px;}
.contact_lx .lxvox{min-width: 0;}
.contact_lx .lxvox .icon{width: 84px;margin: 0 auto 44px;}
.contact_lx .lxvox p{font-size: 17px;color: #000000;line-height: 34px;}
.serlist li .icon{width: 74px;}
.serlist li .sertext{font-size: 16px;line-height: 1.7;letter-spacing: 2px;}
.Service2 ul li dt{font-size: 20px;line-height: 42px;height: 42px;margin: 4px 0;}
.point span{padding: 0 20px;height: 48px;line-height: 48px;border-radius: 24px;margin:0 10px 10px;font-size: 16px;}

#header .lanuges{width: 80px;height: 32px;line-height: 32px;font-size: 13px;}
#header .lanuges a{margin: 0 7px;}


}

@media (max-width: 991px){
  .wrapper{padding-top: 60px;}
  #header .logo{width: 30%;}
  #header .nav_box{padding: 0 2%;}
  #header .lanuges{width: 70px;}
  #header .lanuges a{margin: 0 5px;}
  .nav_box .yiji .one{height: 60px;line-height: 60px;font-size: 14px;}
  #header.head_up .logo{width: 28%;}
  #header.head_up .nav_box .yiji .one{height: 54px;line-height: 54px;}
  .tabbtn dd{font-size: 14px;height: 40px;line-height: 40px;}
  .alltitle{font-size: 28px;padding-left: 18px;}
  .alltitle:before{width: 8px;height: 25px;top: 9px;}
  .tabitem>ul,.proslider{width: 104%;margin-left: -2%;}
  .tabitem>ul li{padding: 2%;}
  .content1{background: url(../images/bg1.png) right -19px no-repeat;background-size: cover;}
  .pro_item .proslider a{width: 86.2%;}
  .allmore{width: 154px;height: 42px;line-height: 42px;font-size: 14px;}
  .casetitle{font-size: 20px;}
  .casetitle .ctitle{font-size: 16px;}
  .casetitle .ctitle a {
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        padding-right: 12px;
        background: #fff url(../images/icon20.png) 88% center no-repeat;
        background-size: 6px auto;
    }
  .about_r{width: 100%;float: unset;padding-bottom: 20px;}
  .about_mov{width: 100%;float: unset;margin-top: 0;}
  .secTwo_B{flex-wrap: wrap;}    
  .secTwo_B dl{width: 40%;margin-left: 10%;padding: 20px 0;}
  .secTwo_B dl .numbox .line{margin: 24px 0;width: 155px;}
  .secTwo_B dl .aicon{top: 16%;}
  .newslider{padding-bottom: 40px;width: calc(100% + 20px);margin-left: -10px;}
  .newslider .slick-slide{padding: 10px;}
  .newslider .slick-dots{bottom:0;}
  .newslider .slick-dots li{width:40px;height:2px;margin: 0 4px;background:#253dbe;opacity: 0.3;transition: 300ms;}
  .newslider .slick-dots li.slick-active{opacity: 1;transition: 300ms;}
  .foot_top .foot_topitem1{width: 58%;}
  .foot_topitem1 .flogo{width: 84%;}
  .copy{font-size: 13px;line-height: 20px;padding: 15px 0;}
  .abtitle{font-size: 32px;}
  .abtitle span{font-size: 38px;top: 24%;}
  .partlist li{width:33.33%;}
  .bantext{font-size: 26px;}
  .bantext .downbtn{width: 28px;}
  .posnavs{padding: 5px 0;}
  .posnavs .posone a.one{font-size: 16px;}
  .posnavs .posone .libox a{height: 44px;line-height: 44px;font-size: 16px;}
  .nytitle p,.nytitle2 p{font-size: 32px;}
  .nytitle{font-size: 92px;}
  .dectil{font-size: 15px;line-height: 2.5;}
  .secTwo_A dl{width: 33.33%;margin-left: 0;padding: 7% 0;}
  .secTwo_A dl dt .counter{font-size: 50px;}
  .secTwo_A dl dd{font-size: 16px;margin-top: 0px;}
  .honorlist{width: 104%;margin-left: -2%;}
  .honorlist li{padding: 2%;}
  .honorlist li a p{font-size: 16px;height: 60px;line-height: 68px;}
  .dectitle{font-size: 22px;}
  .dectitle p{font-size: 14px;margin-top: 15px;}
  .proimg{width: 60%;}
  .newtlist li{padding: 24px 0;}
   .newtlist li a .img{width: 40%;}
   .newtlist li a dl{width: 57%;}
   .newtlist li a dt{font-size: 16px;}
   .newtlist li a .line{width: 30px;height: 2px;}

    .contact_lx{padding: 0;width: calc(100% + 20px);margin-left: -10px;}
    .contact_lx .lxvox .icon{width: 72px;}
    .Service4 ul li .img{width:80px;}
   .Service4 ul li p{font-size: 14px;}
	.serlist li .icon{width: 62px;}
	.serlist li .sertext{font-size: 14px;line-height: 1.6;padding-left: 5%;}
	.Service2 ul li dt{font-size: 17px;line-height: 36px;height: 36px;}
	.Service2 ul li dd{line-height: 24px;font-size: 14px;}
  	.point span {
        padding: 0 18px;
        height: 42px;
        line-height: 42px;
        border-radius: 21px;
        margin: 0 8px 10px;
        font-size: 14px;
    }
    



}
@media (max-width: 768px){
  .wrapper{padding-bottom: 39px;padding-top: 54px;}
  .holder{width: 100%;padding: 0 15px;}
  #header{padding: 0 7px 0 15px;}
  #header .logo{flex:1;}
  #header .logo a{width: 80%;}
  #banner .slick-dots{bottom: 5px;}
  #banner .slick-dots li,.proslider .slick-dots li,.partlist .slick-dots li{width: 38px;}
  .toptitle{display: block;padding: 25px 0 14px;}
  .alltitle{font-size: 26px;padding-left: 20px;}
  .alltitle:before{width: 9px;height: 22px;top: 8px;}
  .abtitle{font-size: 24px;}
  .abtitle span{font-size: 30px;top: 22%;}
  .toptitle .tabbtn{display: block;height: 40px;overflow: hidden;overflow-x: scroll;white-space: nowrap;text-align: left;padding-left: 0;}
  .toptitle .tabbtn dd{min-width: 0;font-size: 13px;height: 40px;line-height: 40px;margin: 0 4% 0 0;border-bottom: 3px solid transparent;}
  .tabbtn dd.on, .tabbtn dd:hover{border-bottom: 3px solid #305e98;}
  .tabitem>ul{width: 102%;margin-left: -1%;}
  .tabitem>ul li{width: 50%;padding: 1%;}
  .pro_dectil, .pro_item .proslider{height: 250px;margin-bottom: 0;}
  .proslider .slick-dots,.partlist .slick-dots{bottom: -10px;}
  .proslider{width: 103%;margin-left: -1.5%;}
  .pro_item .proslider a{width: 93.2%;margin: 0 auto;border-radius: 9px;}
  .pro_item .proslider a p{width: 86%;height: 44px;line-height: 44px;}
  .allmore{width: 120px;height: 34px;line-height: 34px;font-size: 12px;margin: 10px auto;}
  .contact_in{width: calc(100% + 30px);margin-top: 38px;margin-left: -15px;}
  .contact_in img{width: auto;height: 70px;margin-left: -82%;max-width: none;}
  .casetitle{font-size: 17px;}
  .casetitle .ctitle{font-size: 14px;}
  .casetitle .ctitle a{width: 64px;height: 28px;line-height: 28px;font-size: 11px;overflow: hidden;background-size: 4px auto;padding-right: 10px;}
  .aboutdec{line-height: 28px;letter-spacing: 1px;}
  .about_mov{border-radius: 10px;}
  .about_mov .movbtn{width: 56px;}
  .secTwo_B dl{width: 36%;margin-left: 14%;}
  .secTwo_B dl .numbox dt b{font-size: 24px;}
  .secTwo_B dl .numbox dt{font-size: 12px;}
  .secTwo_B dl .numbox .line{margin: 20px 0;width: 90%;}
  .secTwo_B dl .aicon{width: 20px;left: -36px;top: 18px;}
  .secTwo_B dl .numbox dd{font-size: 14px;}
  .toptitle .new_btn{text-align: center;}
  .toptitle .new_btn dd{margin: 0 6%;}
  .content4 .new_dectil{height: 242px;}
  .new_item .time{font-size: 15px;}
  .new_item .ntitle{height: 50px;line-height: 50px;font-size: 16px;}
  .new_item .line2{width: 33px;height: 3px;margin: 8px 0 12px;}
  .new_item dd{height: 78px;line-height: 26px;}
  .newslider{padding-bottom: 26px;}
  .newslider .slick-dots{height: 12px;}
  .newslider .slick-dots li{width: 30px;margin: 0 6px;}
  .content5{padding: 8% 0;}
  .partlist{padding: 5% 0 7%;width: 101.4%;margin-left: -0.7%;}
  .partlist .slick-slide a{width: 96%;margin: 1.3% auto;}
  
  .copy{background: #4e4e4e;color: #aaaaaa;padding: 12px 0;}
  .bantext{display: none;}
  .posnavs{padding: 0;width: calc(100% + 30px);margin-left: -15px;}
  .posnavs .posone a.one{font-size: 14px;height: 46px;line-height: 46px;}
  .posnavs .posone a.one span{margin: 0 2px;}
  .posnavs .posone .libox{padding: 8px;top: 100%;}
  .posnavs .posone .libox a{height: 40px;line-height: 40px;font-size: 14px;}
  .posnavs .posone .libox .two .thr a{font-size: 13px;height: 34px;line-height: 34px;}
  .nytitle{font-size: 52px;}
  .nytitle p,.nytitle2 p{width: 100%;font-size: 24px;}
  .dectil{font-size: 14px;line-height: 2;}
  .secTwo_A dl{width: 33.33%;margin-left: 0;padding: 7% 0;}
  .secTwo_A dl dt .counter {font-size: 30px;letter-spacing: 1px;}
  .secTwo_A dl dt,.secTwo_A dl dd{font-size: 13px;}
  .honorlist li{width: 50%;}
  .honorlist li a p{font-size: 14px;height: 40px;line-height: 46px;}
  .honorlist li a{padding: 5px;}
  .pagebox{padding: 30px 0 14px;}
  .pagebox a{width: 26px;height: 26px;line-height: 26px;font-size: 12px;margin: 0 3px;}
  .pagebox a.prev{margin: 0 8px;}
  .prolist li{width: 50%;}
  .prolist li p{display: block;width: 100%;font-size: 14px;height: 40px;line-height: 20px;overflow: hidden;margin-top: 10px;}
  .prolist li .img{border-radius: 5px;}
  .dectitle{font-size: 18px;}
  .dectitle p{font-size: 13px;margin-top: 4px;}
  .proimg{width: 70%;}
  .chose_new{padding: 4% 0 6%;}
  .chose_new a{font-size: 14px;height: 34px;line-height: 34px;}
  .chose_new a span{width: 34px;height: 34px;margin: 0 12px;}
  .newtlist li a{display: block;}
  .newtlist li{padding: 18px 0;}
   .newtlist li a .img{width: 100%;margin-bottom: 18px;}
   .newtlist li a dl{width: 100%;}
   .newtlist li a dt{font-size: 15px;}
   .newtlist li a dd{font-size: 13px;line-height: 24px;max-height: 72px;}

	.contactdec{font-size: 18px;letter-spacing: 1px;line-height: 1.8;}
	.contact_lx{display: block;}
	.contact_lx .lxvox{padding:24px 10px;}
	.contact_lx .lxvox .icon{width: 60px;margin: 0 auto 20px;}
	.contact_lx .lxvox p{font-size: 14px;line-height: 2;}
	.serlist li{width: 100%;}
	.serlist li .icon{width: 48px;}
	.Service2,.Service3, .Service4{padding: 7% 0;}
	.Service2 ul{width: 103%;margin-left: -1.5%;}
    .Service2 ul li{padding:2% 1.5%;}
    .Service2 ul li dt{font-size: 15px;line-height: 20px;height:auto;}
    .Service2 ul li dd{line-height: 22px;font-size: 13px;}
    .nytitle2 dd{font-size: 14px;margin-top: 15px;}
        .point span {
        padding: 0 14px;
        height: 34px;
        line-height: 34px;
        border-radius: 17px;
        margin: 0 5px 10px;
        font-size: 13px;
    }
    .Service4 ul{display: block;overflow: hidden;text-align: center;}
    .Service4 ul li{width: 32%;display: inline-block;}
    .Service4 ul li .img{width: 50%;margin: 0 auto;}

  
}
@media (max-width: 500px){
	

}
@media (max-width: 376px){
	.nytitle{font-size: 48px;}
	.point span {
        padding: 0 11px;
        height: 32px;
        line-height: 32px;
        border-radius: 17px;
        margin: 0 4px 9px;
        font-size: 12px;
    }
    .nytitle p, .nytitle2 p{font-size: 20px;}
    .nytitle2 dd{font-size: 13px;margin: 8px 0 12px;}
        .Service2 ul li dt {
        font-size: 14px;
    }
        .Service4 ul li p {
        font-size: 13px;
    }
    .Service2 ul li dd{min-height: 134px;}
    .alltitle{font-size: 23px;padding-left: 24px;}
    .alltitle:before{width: 8px;height: 20px;}
    .contact_in img{margin-left: -101%;}
}