/* 公共样式 */
body{font-size: 14px; color: #333; margin: 0 auto; font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif; /*font-family: -apple-system,"SF UI Text",Roboto,Noto,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;*/}
*{margin: 0; padding: 0; box-sizing: border-box;}
ul,dl,dd,dt,h2,p,h3,h4,h1{margin: 0;}
ul,li{list-style: none;}
i{font-style: normal;}
a{cursor: pointer;color: inherit;}
a:hover,a:focus{text-decoration: none; color: inherit;}

@font-face{font-family: "iconfont";
  src: url('../fonts/iconfont.eot'); /* IE9*/
  src: url('../fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  display:inline-block;
  vertical-align: middle;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0px;
  -moz-osx-font-smoothing: grayscale;   
}

@font-face{
  font-family: 'impact';
  src:url('../fonts/impact.woff');
}
@font-face{
  font-family: 'rt';
  src:url('../fonts/pfr.ttf');
}

.img-responsive{display: block; margin: 0 auto; max-width: 100%;}
.flex,.flexC{ display: -webkit-box;display: -webkit-flex;  display: -ms-flexbox; display: flex;}
.flex>.sub,.flexC>.sub{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden;}
.flexC{-webkit-flex-direction: column; flex-direction: column;}
.sb{justify-content: space-between;}
.jc{justify-content: center;}
.ai{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.wrap{flex-wrap: wrap;}
.oneLine{white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;}
.twoLine{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.threeLine{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;}
.no-padding{padding-left:0;padding-right: 0;}
.navbar{margin:0;border:none;background: none;color:#fff;}
.navbar-brand{height: auto;padding:20px 15px;display: inline-block;}
.navbar-collapse{padding:20px 0;}
.logo-m{display: none!important;}
.navbar-brand>img{max-height: 55px;}
.imghover{transition: all linear .6s;}
.imghover:hover{transform: scale(1.08);}
.mix{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.css3{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.css3l{-webkit-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; -moz-transition-duration: 1s; transition-duration: 1s;}
.full_img{width:100%;height: 100%;object-fit: cover;object-position: center;position: absolute;left:0;top:0;}
.gray {-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
.gray:hover {-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);filter:gray;}


.more-btn{display: block;width: 168px;line-height: 48px;border:1px solid #000;text-align: center;color:#000;letter-spacing: 2px;border-radius:999px;overflow: hidden;font-size:17px;transition: all .3s;}
.more-btn.white{border-color:#fff;color:#fff;}
.more-btn:hover{background: #ee2236;color:#fff;border-color:#ee2236;}

.common_btn{position: relative;overflow: hidden;}
.common_btn>span{display:inline-block;vertical-align:middle;opacity:0;filter: alpha(opacity=0);color:#fff;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);vertical-align:0}
.common_btn::before{content:attr(c-text);position:absolute;top:0;left:10%;width:80%;height:100%;-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);display: none\0;}
.common_btn:hover .iconfont{color:#fff;}
/*.common_btn:hover{background:#ee2236;}*/
.common_btn:hover::before{opacity:0;filter: alpha(opacity=0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.common_btn:hover>span{opacity:1;filter: alpha(opacity=100);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);display: inline-block;}
.common_btn>span.sep{width: 5px;height: 5px;display: inline-block;}
.common_btn:hover>span:nth-child(1){-webkit-transition-delay:45ms;transition-delay:45ms}
.common_btn:hover>span:nth-child(2){-webkit-transition-delay:.09s;transition-delay:.09s}
.common_btn:hover>span:nth-child(3){-webkit-transition-delay:.135s;transition-delay:.135s}
.common_btn:hover>span:nth-child(4){-webkit-transition-delay:.18s;transition-delay:.18s}
.common_btn:hover>span:nth-child(5){-webkit-transition-delay:.225s;transition-delay:.225s}
.common_btn:hover>span:nth-child(6){-webkit-transition-delay:.27s;transition-delay:.27s}
.common_btn:hover>span:nth-child(7){-webkit-transition-delay:.315s;transition-delay:.315s}
.common_btn:hover>span:nth-child(8){-webkit-transition-delay:.36s;transition-delay:.36s}
.common_btn:hover>span:nth-child(9){-webkit-transition-delay:.405s;transition-delay:.405s}
.common_btn:hover>span:nth-child(10){-webkit-transition-delay:.45s;transition-delay:.45s}
.common_btn:hover>span:nth-child(11){-webkit-transition-delay:.495s;transition-delay:.495s}
.common_btn:hover>span:nth-child(12){-webkit-transition-delay:.54s;transition-delay:.54s}
.common_btn:hover>span:nth-child(13){-webkit-transition-delay:.585s;transition-delay:.585s}
.common_btn:hover>span:nth-child(14){-webkit-transition-delay:.63s;transition-delay:.63s}
.common_btn:hover>span:nth-child(15){-webkit-transition-delay:.675s;transition-delay:.675s}
.common_btn:hover>span:nth-child(16){-webkit-transition-delay:.72s;transition-delay:.72s}
.common_btn:hover>span:nth-child(17){-webkit-transition-delay:.765s;transition-delay:.765s}
.common_btn:hover>span:nth-child(18){-webkit-transition-delay:.81s;transition-delay:.81s}
.common_btn:hover>span:nth-child(19){-webkit-transition-delay:.855s;transition-delay:.855s}
.common_btn:hover>span:nth-child(20){-webkit-transition-delay:.9s;transition-delay:.9s}
.common_btn.static_btn:hover{background:none;}
.common_btn.static_btn>span{color:#ee2236;}
.common_btn.static_btn::before{left:0;}

.common-btn{border-radius:999px;width:310px;text-align: center;max-width: 60%;margin-left:auto;margin-right: auto;display: block;line-height: 58px;border:3px solid #313131;}
.common-btn:hover{border-color:#ee2236;background: #ee2236;color:#fff;}


.container{width:1680px; max-width: 100%;}
@media (max-width: 1680px){
  .container{width: 1440px;}
}
@media (max-width: 1440px){
  .container{width: 1200px;}
}
@media (max-width: 1200px){
  .container{width: 95%;}
}
@media (max-width: 768px){
  .container{width: 100%;}
}
/* 公共样式 */


/* 导航部分 */
.header{position: fixed;top:0; left:0; right:0; z-index: 99;transition: top .5s ease;-webkit-transition:top .5s ease; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;color:#fff; background: rgba(0,0,0,.4);}
.header.fixed{top:0;background:#fff;color:#333;}
.header_box{position: relative; height: 100px;}
.header_box .sub{overflow: visible;}
.header .header_logo{position: absolute;left:0;top:0;bottom:0;}
.header .header_logo .flex{height: 100%;}
.header .header_logo img{max-height:80%;margin:0;max-width: 100%;}
.header .header_logo .logo-black,.header.fixed .header_logo .logo-white,.header:hover .header_logo .logo-white{display: none;}
.header.fixed .header_logo .logo-black,.header:hover .header_logo .logo-black{display: block;}
.header .header_nav{text-align: right;font-size:16px;}
.header .header_nav .nav_all>li{display: inline-block;text-align: center;margin-left: 5%;}
.header .header_nav .nav_all>li>a{display: block;line-height: 100px;position: relative;}
.header .header_nav .nav_all>li>a::after{content: ""; width: 0; height: 1px; background: #ee2236; position: absolute; left: 50%; transform: translateX(-50%); bottom: 30px; z-index: 10; transition: all .3s ease; -webkit-transition: all .3s ease;}
.header .header_nav .nav_all>li>a.active::after,.header .header_nav .nav_all>li>a:hover::after{width: 100%;}
.header.fixed .header_nav .nav_all>li>a::after{background: #ee2236;}
.header .header_nav .nav_all>li>a:hover, .header .header_nav .nav_all>li>a.active{color: #ee2236;}

.header .header_nav .nav_all .drop_nav{width: 100%; height: 80px; padding: 0; background: rgba(0,0,0,.4); border-top: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.2); position: fixed; top: 100px; left: 0; z-index: 99; display: none;}
.header .header_nav .nav_all .drop_ul{float: right;}
.header .header_nav .nav_all .drop_ul li{float: left; margin-right: 50px;}
.header .header_nav .nav_all .drop_ul li a{display: block; font-size: 15px; line-height: 30px; color:#fff; margin-top: 25px; position: relative;}
.header .header_nav .nav_all .drop_ul li a::before{content: ""; width: 0; height: 1px; background: #ee2236; opacity: 0.8; position: absolute; left: 0; top: 0px; z-index: 10; transition: all .3s ease; -webkit-transition: all .3s ease;}
.header .header_nav .nav_all .drop_ul li a::after{content: ""; width: 0; height: 1px; background: #ee2236; opacity: 0.8; position: absolute; right: 0; bottom: 0px; z-index: 10; transition: all .3s ease; -webkit-transition: all .3s ease;}
.header .header_nav .nav_all .drop_ul li a:hover{color: #ee2236;}
.header .header_nav .nav_all .drop_ul li a:hover::before{width: 100%;}
.header .header_nav .nav_all .drop_ul li a:hover::after{width: 100%;}
.header.fixed .header_nav .nav_all .drop_nav{background: #fff; border-top: 1px solid rgba(0,0,0,.2); border-bottom: 1px solid rgba(0,0,0,.2);}
.header.fixed .header_nav .nav_all .drop_ul li a{color: #333;}
.header.fixed .header_nav .nav_all .drop_ul li a:hover{color: #ee2236;}

.header .header_box .header_tel{display: block;padding-left:30px;background: url(../images/icon-header-tel.png) no-repeat left center;font-size: 16px;margin-left: 4%;font-family: 'rt'; line-height: 30px; background-size: 20px;}
.header.fixed .header_box .header_tel{background-image: url(../images/icon-header-telgrey.png);}
.header .header_box .header_tel:hover{color: #ee2236;}

.xmenu {display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between; width:20px; height:13px; padding: 5px; margin-left: 10px; box-sizing: content-box; cursor: pointer;}
.xmenu > .item {position: relative;width:100%;height:1px;background-color:#fff;transform-origin: center;-webkit-transition:transform 0.5s;-moz-transition:transform 0.5s;-o-transition:transform 0.5s;-ms-transition:transform 0.5s;transition:transform 0.5s;}
.xmenu .item.active.is-0{transform: rotateZ(45deg);}
.xmenu .item.active.is-2{transform: rotateZ(-45deg);}
.xmenu.active .item.is-1{opacity: 0;}
.header.fixed .xmenu > .item{background: #000;}
.header.active .xmenu > .item{background: #fff!important;}

.header_content{width: 100%; height: 100%; background: #000; position: fixed; left: 0; top: 0; z-index: 98; display: none;}
.header_content .hc_nav_box{width: 100%; height: 100vh; font-size: 30px; color: #fff; line-height: 1;}
.header_content .hc_nav_box ul li{margin-bottom: 30px; letter-spacing: 8px; transition: all .4s ease-in-out; opacity: 0; transform: translateY(60px); position: relative; padding-left: 80px; padding-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,.5);}
.header_content .hc_nav_box ul li:last-child{margin-bottom: 0;}
.header_content.active .hc_nav_box ul li{opacity: 1; transform: translateY(0);}
.header_content.active .hc_nav_box ul li:nth-child(1){transition-delay: 0.2s;}
.header_content.active .hc_nav_box ul li:nth-child(2){transition-delay: 0.3s;}
.header_content.active .hc_nav_box ul li:nth-child(3){transition-delay: 0.4s;}
.header_content.active .hc_nav_box ul li:nth-child(4){transition-delay: 0.5s;}
.header_content.active .hc_nav_box ul li:nth-child(5){transition-delay: 0.6s;}
.header_content.active .hc_nav_box ul li:nth-child(6){transition-delay: 0.7s;}
.header_content.active .hc_nav_box ul li:nth-child(7){transition-delay: 0.8s;}
.header_content.active .hc_nav_box ul li:nth-child(8){transition-delay: 0.9s;}
.header_content .hc_nav_box ul li span{display: block; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; left: 20px; top: 0; z-index: 1;}
.header_content .hc_nav_box a{display: inline-block; margin-bottom: 20px; line-height: 1;}
.header_content .hc_nav_box a:hover{color: #ee2236;}
.header_content .hc_nav_box .hc_nav_list{font-size: 16px; letter-spacing: 2px;}
.header_content .hc_nav_box .hc_nav_list a{margin-right: 15px; margin-bottom: 0; line-height: 2;}

.header.active{color: #fff !important; background: none;}
.header.active .nav_all{display: none;}
.header.active .header_tel{background-image: url(../images/icon-header-tel.png) !important;}

/* 导航部分 */


/* banner */
.banner{position: relative;}
.banner .slide-item-img{width:100%;height:auto;object-fit: cover;object-position: center;}
.banner .item-mask{position: absolute;left:0;right:0;top:50%;color:#fff;transform: translateY(-50%);}
.banner .item-mask .txt .tit, .banner .item-mask .txt .des{transform: translateY(40px);opacity: 0;filter: alpha(opacity=0);transition: all .4s;}
.banner .item-mask .txt .tit{font-size: 50px; line-height: 1.5; text-transform: uppercase; letter-spacing: 2px; font-weight: normal; transition-delay: .6s;}
.banner .item-mask .txt .des{font-size: 24px; line-height: 1.5; margin-top: 20px; letter-spacing: 1px; transition-delay: .8s;}
.banner .swiper-slide-active .txt .tit, .banner .swiper-slide-active .txt .des{transform: translateY(0);opacity: 1;filter: alpha(opacity=100);}

.banner .swiper-btn-box{position: absolute;z-index:10;left:0;width: 100%;height: 0;bottom: 170px;}
.banner .swiper-btn-box .container{height: 0;}
.banner .swiper-btn-prev,.banner .swiper-btn-next{float: left; width: 70px; height: 70px; border-radius: 50%; background-repeat: no-repeat; background-size: 50%; background-position: center; background-color: rgba(255,255,255,.5); transition: all .3s;}
.banner .swiper-btn-prev:hover,.banner .swiper-btn-next:hover{background-color: #ee2236;}
.banner .swiper-btn-prev{background-image: url(../images/icon-banner-prev.png);}
.banner .swiper-btn-next{background-image: url(../images/icon-banner-next.png); margin-left: 70px;}

.banner .swiper-page-box{position: absolute;z-index:10;left:0;width: 100%;height: 0;top: 50%;transform: translateY(-50%);}
.banner .swiper-page-box .container{height: 0;}
.banner .swiper-pagination{width: auto; height: auto; position: unset; float: right; transform: translateY(-50%);}
.banner .swiper-pagination-bullet{width: 4px; height: 40px; background: #fff; margin-bottom: 20px; display: block; border-radius: unset; opacity: 1;}
.banner .swiper-pagination-bullet:last-child{margin-bottom: 0;}
.banner .swiper-pagination-bullet-active{background: #ee2236;}

.fastlink{width: 800px; max-width: 45%; background: rgba(0,0,0,.4); position: absolute; right: 0; bottom: 0; z-index: 20;}
.fastlink li{width: 25%; float: left;}
.fastlink li a{display: block; padding: 32px 0; position: relative;}
.fastlink li a::after{content: ""; width: 1px; height: 35%; background: rgba(255,255,255,.6); position: absolute; top: 50%; transform: translateY(-50%); right: 0; z-index: 1;}
.fastlink li:last-child a::after{content: unset;}
.fastlink li a img{transition: all .4s; width: 70px;}
.fastlink li a p{font-size: 16px; color: #fff; line-height: 1; text-align: center; margin-top: 20px;}
.fastlink li a:hover img{transform: rotate(360deg);}
/* banner */


/* index */
.wrapper{position: relative;z-index:20;background: #fff;}
.part{background-size: cover; background-position: center; background-repeat: no-repeat;}

.title-box{width: 100%; text-align: center;}
.title-box .tit{font-size: 36px; color: #000; text-transform: uppercase; line-height: 1;}
.title-box .tit i{display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #ee2236; margin: 0 30px; vertical-align: middle;}
.title-box .des{font-size: 24px; color: #666; line-height: 36px; margin-top: 15px;}

/* scope */
.part_scope{padding: 100px 0; background: #E4E4E4;}
.i_scope{margin-top: 60px;}
.i_scope li{width: 19%; float: left; margin-right: 1.25%; background: #fff; padding: 60px 15px 30px; text-align: center; line-height: 30px; min-height: 500px;}
.i_scope li:last-child{margin-right: 0;}
.i_scope li h3{font-size: 22px; color: #333; margin: 50px 0 30px;}
.i_scope li p{font-size: 16px; color: #666;}
@media (min-width: 768px){
  .i_scope li:hover{background: #ee2236;}
  .i_scope li:hover h3, .i_scope li:hover p{color: #fff;}
}
/* scope */

/* choose */
.part_choose{padding: 100px 0; background: #fff; overflow: hidden;}
.i_choose{width: 788px; height: 788px; margin: 0 auto; position: relative; margin-top: 100px;}
.i_outside{width: 788px; height: 788px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1;}
.i_outside::after{content: ""; width: 700px; height: 700px; border-radius: 50%; border: 1px solid #ddd; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1;}
.i_circle{width: 88px; height: 88px; border-radius: 50%; background-color: #C4C4C4; background-position: center; background-repeat: no-repeat; background-size: 50px; position: absolute; z-index: 2; cursor: pointer; transition: all .3s;}
.i_circle1{left: 350px; top: 0;}
.i_circle2{right: 18px; top: 240px;}
.i_circle3{right: 145px; bottom: 70px;}
.i_circle4{left: 145px; bottom: 70px;}
.i_circle5{left: 18px; top: 240px;}
.i_circle .txt{width: 400px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10;}
.i_circle .txt h3{font-size: 24px; color: #333; line-height: 40px;}
.i_circle .txt p{height: 0; font-size: 16px; color: #ee2236; line-height: 25px; transition: all .3s; overflow: hidden;}
.i_circle1 .txt{text-align: center; left: 50%; top: unset; bottom: 100px; transform: translateX(-50%);}
.i_circle2 .txt{text-align: left; left: 100px;}
.i_circle3 .txt{text-align: left; left: 100px;}
.i_circle4 .txt{text-align: right; right: 100px;}
.i_circle5 .txt{text-align: right; right: 100px;}
.i_circle .txt .line{width: 0; height: 1px; background: #ee2236; position: absolute; top: -8px; z-index: 10; transition: all .3s;}
.i_circle1 .txt .line{left: 50%; transform: translateX(-50%);}
.i_circle2 .txt .line{left: 0;}
.i_circle3 .txt .line{left: 0;}
.i_circle4 .txt .line{right: 0;}
.i_circle5 .txt .line{right: 0;}
@media (min-width: 768px){
  .i_circle:hover{background-color: #ee2236;}
  .i_circle:hover .txt h3{color: #ee2236;}
  .i_circle:hover .txt p{height: 50px;}
  .i_circle:hover .txt .line{width: 100px;}
}
.i_middle_o{width: 580px; height: 580px; border-radius: 50%; background: #ddd; position: absolute; left: 50%; top: 50%; margin-left: -290px; margin-top: -290px; z-index: 2; -webkit-animation: movecircle 10s linear infinite; animation: movecircle 10s linear infinite;}
@-webkit-keyframes movecircle {
  0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
  10% {-webkit-transform: rotate(72deg); transform: rotate(72deg);}
  20% {-webkit-transform: rotate(72deg); transform: rotate(72deg);}
  30% {-webkit-transform: rotate(144deg); transform: rotate(144deg);}
  40% {-webkit-transform: rotate(144deg); transform: rotate(144deg);}
  50% {-webkit-transform: rotate(216deg); transform: rotate(216deg);}
  60% {-webkit-transform: rotate(216deg); transform: rotate(216deg);}
  70% {-webkit-transform: rotate(288deg); transform: rotate(288deg);}
  80% {-webkit-transform: rotate(288deg); transform: rotate(288deg);}
  90% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
  100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes movecircle {
  0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
  10% {-webkit-transform: rotate(72deg); transform: rotate(72deg);}
  20% {-webkit-transform: rotate(72deg); transform: rotate(72deg);}
  30% {-webkit-transform: rotate(144deg); transform: rotate(144deg);}
  40% {-webkit-transform: rotate(144deg); transform: rotate(144deg);}
  50% {-webkit-transform: rotate(216deg); transform: rotate(216deg);}
  60% {-webkit-transform: rotate(216deg); transform: rotate(216deg);}
  70% {-webkit-transform: rotate(288deg); transform: rotate(288deg);}
  80% {-webkit-transform: rotate(288deg); transform: rotate(288deg);}
  90% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
  100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
.i_dian{width: 20px; height: 20px; background: #C4C4C4; border-radius: 50%; position: absolute; z-index: 1;}
.i_dian::after{content: ""; width: 10px; height: 10px; background: #fff; border-radius: 50%; position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%,-50%);}
.i_dian1{left: 280px; top: 20px;}
.i_dian2{right: 32px; top: 200px;}
.i_dian3{right: 126px; bottom: 68px;}
.i_dian4{left: 126px; bottom: 68px;}
.i_dian5{left: 32px; top: 200px;}
.i_middle_i{width: 460px; height: 460px; border-radius: 50%; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 3;}
.i_num{font-size: 20px; color: #ccc; line-height: 1; position: absolute; z-index: 1;}
.i_num1{left: 220px; top: 20px;}
.i_num2{right: 28px; top: 158px;}
.i_num3{right: 100px; bottom: 58px;}
.i_num4{left: 100px; bottom: 58px;}
.i_num5{left: 28px; top: 158px;}
.i_inside{width: 340px; height: 340px; border-radius: 50%; background: url(../images/choose.jpg) no-repeat center; background-size: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 4; overflow: hidden;}
.i_inside .flex{width: 100%; height: 100%; background: rgba(0,0,0,.4); position: absolute; left: 0; top: 0; z-index: 1; justify-content: center; align-items: center;}
.i_inside .tit{font-size: 32px; color: #fff; text-transform: uppercase; line-height: 1; text-align: center;}
.i_inside .tit i{display: block; width: 8px; height: 8px; border-radius: 50%; background: #ee2236; margin: 20px auto;}
/* choose */

/* product */
.part_product{padding: 100px 0; background: #E4E4E4;}
.i_product{margin-top: 40px;}
.i_product li{width: 24%; float: left; margin-right: 1.33%; margin-top: 1.33%; background: #fff; padding: 40px; text-align: left; transition: all .3s;}
.i_product li:nth-of-type(4n){margin-right: 0;}
.i_product li img{width: 54px; height: 54px; object-fit: contain; margin: 0; margin-bottom: 35px;}
.i_product li img.hover{display: none;}
.i_product li h3{font-size: 20px; color: #333; line-height: 1;}
.i_product li p{font-size: 16px; color: #666; line-height: 25px; text-align: justify; margin: 15px 0 35px; height: 75px;}
.i_product li a{font-size: 16px; color: #ee2236; line-height: 1;}
.i_product li a i{font-family: "宋体"; font-weight: bold; margin-left: 10px; transition: all .3s;}
.i_product li a:hover i{margin-left: 20px;}
.i_product li:hover{background: #ee2236; transform: scale(1.1);}
.i_product li:hover img.initial{display: none;}
.i_product li:hover img.hover{display: block;}
.i_product li:hover h3, .i_product li:hover p, .i_product li:hover a{color: #fff;}
/* product */

/* case */
.part_case{padding: 100px 0; background-image: url(../images/case_bg.jpg);}
.More{width: 100%; margin-top: 50px; text-align: right;}
.More a{display: inline-block; font-size: 20px; color: #333; line-height: 1; padding-left: 30px; background: url(../images/icon-more.png) no-repeat left center; background-size: contain;}
.More a i{margin-left: 10px;}
.More a:hover{background-image: url(../images/icon-more-h.png); color: #ee2236;}
.i_case li{width: 32%; float: left; margin-right: 2%; margin-top: 2%;}
.i_case li:nth-of-type(3n){margin-right: 0;}
.i_case li a{display: block; width: 100%; padding-bottom: 66.666%; position: relative; overflow: hidden;}
.i_case li a img{transition: all .5s; width: 100%; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; margin-left: -50%; margin-top: -33.333%; z-index: 5;}
.i_case li .cover{width: 100%; height: 100%; padding: 40px; background: rgba(238,34,54,.8); position: absolute; left: 0; top: 0; z-index: 10; opacity: 0; transition: all .5s;}
.i_case li .content{width: 100%; height: 100%; position: relative; align-items: flex-end;}
.i_case li .content .line{background: #fff; position: absolute; transition: all .8s;}
.i_case li .content .line_t{width: 0; height: 1px; top: 0; left: 0;}
.i_case li .content .line_r{width: 1px; height: 0; top: 0; right: 0;}
.i_case li .content .line_b{width: 0; height: 1px; bottom: 0; right: 0;}
.i_case li .content .line_l{width: 1px; height: 0; bottom: 0; left: 0;}
.i_case li .txt{width: 100%; transition: all .5s;}
.i_case li .txt h3{font-size: 20px; color: #fff; line-height: 1;}
.i_case li .txt span{display: block; height: 40px; background: url(../images/icon-banner-next.png) no-repeat left center; background-size: 30px;}
.i_case li a:hover img{transform: scale(1.1);}
.i_case li a:hover .cover{opacity: 1;}
.i_case li a:hover .content .line_t, .i_case li a:hover .content .line_b{width: 100%;}
.i_case li a:hover .content .line_r, .i_case li a:hover .content .line_l{height: 100%;}
.i_case li a:hover .txt{transform: translateX(30px);}
/* case */

/* solution */
.part_solution{padding: 100px 0; background: #fff;}
.i_solution{margin-top: 60px; justify-content: space-evenly; align-items: center;}
.i_solution_cont{width: 36%;}
.i_solution_cont li{width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 20px;}
.i_solution_cont li a{display: flex; width: 100%; padding: 15px 25px;}
.i_solution_cont li img{width: 40px; height: 40px; object-fit: contain; margin-right: 25px;}
.i_solution_cont li .txt h3{font-size: 24px; color: #333; line-height: 30px;}
.i_solution_cont li .txt p{height: 50px; font-size: 15px; color: #666; line-height: 25px; text-align: justify; margin-top: 10px;}
.i_solution_cont li:last-child{margin-bottom: 0;}
.i_solution_cont li.active{border: none; box-shadow: 0 0 20px #ccc;}
.i_solution_img{width: 48%;}
.i_solution_img img{display: none;}
.i_solution_img img.show{display: block;}
/* solution */
/* index */


/* message */
.message{width: 100%; padding: 40px 0; background: #666;}
.message h3{font-size: 36px; color: #fff; line-height: 1; letter-spacing: 2px;}
.message p{font-size: 16px; color: #fff; line-height: 1; letter-spacing: 1px;}
.message .biaodan{width: 100%; margin: 20px 0;}
.message .biaodani, .message .biaodant, .message .biaodanb{display: block; height: 50px; padding: 10px 20px; background: #fff; border: none; outline: none; border-radius: 6px; font-size: 16px; color: #333; line-height: 30px;}
.message .biaodani{width: 20%;}
.message .biaodant{width: 44%;}
.message .biaodanb{width: 14%; color: #fff; background: #222; transition: all .3s;}
.message .biaodanb:hover{background: #ee2236;}
/* message */

/* footer */
.footer{width: 100%; background: #333;}
.footer_content{width: 100%; padding: 60px 0;}
.footlogo{width: 90px;}
.footinfo{margin-top: 20px;}
.footinfo li{font-size: 16px; color: #fff; line-height: 30px; letter-spacing: 1px;}
.footmap{display: block; width: 130px; height: 35px; background: #fff; border-radius: 20px; font-size: 15px; line-height: 35px; text-align: center; margin-top: 20px; transition: all .5s;}
.footmap i{display: inline-block; width: 15px; height: 17px; background: url(../images/icon-yjnav.png) no-repeat center; background-size: cover; margin-right: 10px; vertical-align: middle; transition: all .5s;}
.footmap:hover{background: #ee2236; color: #fff;}
.footmap:hover i{background-image: url(../images/icon-yjnav-w.png);}

.footer_nav{width: 50%;}
.footer_nav li{width: 20%;}
.footer_nav a{display: block; font-size: 16px; color: #fff; line-height: 30px; letter-spacing: 1px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.footer_nav a.yj{font-size: 20px; margin-bottom: 10px;}
.footer_nav a:hover{color: #ee2236;}

.footcode{height: 50px;}
.footcode li{position: relative; margin-right: 30px;}
.footcode li .qrcode{width: 150px; position: absolute; left: 50%; transform: translateX(-50%); top: 80px; z-index: 1; display: none;}
.footcode li .qrcode::before{content: ""; border-bottom: 10px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; left: 50%; transform: translateX(-50%); top: -10px; z-index: 1;}
.footcode li:first-child .qrcode{display: block;}
.codebtn{width: 50px; height: 50px; border: 1px solid #fff; border-radius: 50%; background-repeat: no-repeat; background-position: center; cursor: pointer; transition: all .3s;}
.codebtn.wx{background-image: url(../images/wx.png);}
.codebtn.qq{background-image: url(../images/qq.png);}
.codebtn.btop{background-image: url(../images/top.png);}
.codebtn:hover{border-color: #ee2236;}
.codebtn.wx:hover{background-image: url(../images/wx_h.png);}
.codebtn.qq:hover{background-image: url(../images/qq_h.png);}
.codebtn.btop:hover{background-image: url(../images/top_h.png);}

.copyright{width: 100%; padding: 20px 0 30px; border-top: 1px solid rgba(255,255,255,.8); font-size: 16px; color: #fff; line-height: 30px; letter-spacing: 1px;}
/* footer */


/* index */
@media (max-width: 1680px){
  .header_box{height: 90px;}
  .header .header_nav .nav_all>li>a{line-height: 90px;}
  .header .header_nav .nav_all .drop_nav{top: 90px; height: 70px;}
  .header .header_nav .nav_all .drop_ul li{margin-right: 40px;}
  .header .header_nav .nav_all .drop_ul li a{margin-top: 20px;}
  .header_content .hc_nav_box{font-size: 26px;}
  .header_content .hc_nav_box ul li{margin-bottom: 25px; padding-left: 75px; letter-spacing: 6px;}
  .header_content .hc_nav_box ul li span{width: 35px; height: 35px;}
  .header_content .hc_nav_box a{margin-bottom: 15px;}
  .header_content .hc_nav_box .hc_nav_list{font-size: 15px;}
  .header_content .hc_nav_box .hc_nav_list a{margin-right: 12px;}

  .banner .item-mask .txt .tit{font-size: 44px;}
  .banner .item-mask .txt .des{font-size: 22px; margin-top: 15px;}
  .banner .swiper-btn-box{bottom: 156px;}
  .fastlink li a{padding: 25px 0;}

  .title-box .tit{font-size: 32px;}
  .title-box .tit i{margin: 0 25px;}
  .title-box .des{font-size: 22px; line-height: 32px;}

  .part_scope{padding: 80px 0;}
  .i_scope{margin-top: 50px;}
  .i_scope li{min-height: 450px; padding: 50px 15px 25px;}
  .i_scope li img{height: 100px;}
  .i_scope li h3{font-size: 20px; margin: 40px 0 25px;}

  .part_choose{padding: 80px 0;}
  .i_choose{width: 676px; height: 676px;}
  .i_outside{width: 676px; height: 676px;}
  .i_circle{width: 76px; height: 76px; background-size: 44px;}
  .i_circle1{left: 300px;}
  .i_circle2{top: 206px;}
  .i_circle3{right: 125px; bottom: 58px;}
  .i_circle4{left: 125px; bottom: 58px;}
  .i_circle5{top: 206px;}
  .i_circle .txt{width: 360px;}
  .i_circle1 .txt{bottom: 90px;}
  .i_circle2 .txt{left: 90px;}
  .i_circle3 .txt{left: 90px;}
  .i_circle4 .txt{right: 90px;}
  .i_circle5 .txt{right: 90px;}
  .i_circle .txt h3{font-size: 22px; line-height: 36px;}
  .i_circle .txt p{font-size: 15px; line-height: 22px;}
  .i_circle:hover .txt p{height: 44px;}
  .i_outside::after{width: 600px; height: 600px;}
  .i_middle_o{width: 500px; height: 500px; margin-left: -250px; margin-top: -250px;}
  .i_dian{width: 18px; height: 18px;}
  .i_dian::after{width: 9px; height: 9px;}
  .i_dian1{left: 241px; top: 16px;}
  .i_dian2{right: 26px; top: 171px;}
  .i_dian3{right: 108px; bottom: 58px;}
  .i_dian4{left: 108px; bottom: 58px;}
  .i_dian5{left: 26px; top: 171px;}
  .i_middle_i{width: 400px; height: 400px;}
  .i_num1{left: 188px; top: 15px;}
  .i_num2{right: 22px; top: 136px;}
  .i_num3{right: 86px; bottom: 48px;}
  .i_num4{left: 86px; bottom: 48px;}
  .i_num5{left: 22px; top: 136px;}
  .i_inside{width: 300px; height: 300px;}
  .i_inside .tit{font-size: 28px;}
  .i_inside .tit i{margin: 15px auto;}

  .part_product{padding: 80px 0;}
  .i_product{margin-top: 30px;}
  .i_product li{padding: 35px;}
  .i_product li img{width: 50px; height: 50px; margin-bottom: 30px;}
  .i_product li h3{font-size: 18px;}
  .i_product li p{font-size: 15px; margin: 15px 0 25px;}
  .i_product li a{font-size: 15px;}

  .part_case{padding: 80px 0;}
  .More{margin-top: 40px;}
  .More a{font-size: 18px;}
  .i_case li .cover{padding: 35px;}
  .i_case li .txt h3{font-size: 18px;}
  .i_case li .txt span{height: 35px; background-size: 25px;}
  .i_case li a:hover .txt{transform: translateX(25px);}

  .part_solution{padding: 80px 0;}
  .i_solution{margin-top: 50px;}
  .i_solution_cont{width: 40%;}
  .i_solution_cont li{margin-bottom: 15px;}
  .i_solution_cont li a{padding: 15px 20px;}
  .i_solution_cont li img{width: 36px; height: 36px; margin-right: 20px;}
  .i_solution_cont li .txt h3{font-size: 22px;}

  .message h3{font-size: 32px;}

  .footer_content{padding: 50px 0;}
  .footinfo li{font-size: 15px;}
  .footer_nav a.yj{font-size: 18px;}
  .footer_nav a{font-size: 15px;}
  .footcode li{margin-right: 25px;}
  .copyright{font-size: 15px;}
}


@media (max-width: 1440px){
  .header_box{height: 80px;}
  .header .header_nav .nav_all>li>a{line-height: 80px;}
  .header .header_nav .nav_all .drop_nav{top: 80px; height: 60px;}
  .header .header_nav .nav_all .drop_ul li{margin-right: 30px;}
  .header .header_nav .nav_all .drop_ul li a{margin-top: 15px;}
  .header_content .hc_nav_box{font-size: 22px;}
  .header_content .hc_nav_box ul li{margin-bottom: 20px; padding-left: 70px; letter-spacing: 4px; padding-bottom: 10px;}
  .header_content .hc_nav_box ul li span{width: 30px; height: 30px;}
  .header_content .hc_nav_box a{margin-bottom: 10px;}
  .header_content .hc_nav_box .hc_nav_list{font-size: 14px;}
  .header_content .hc_nav_box .hc_nav_list a{margin-right: 10px;}

  .banner .item-mask .txt .tit{font-size: 36px;}
  .banner .item-mask .txt .des{font-size: 20px; margin-top: 10px;}
  .banner .swiper-btn-box{bottom: 128px;}
  .banner .swiper-btn-prev, .banner .swiper-btn-next{width: 60px; height: 60px;}
  .banner .swiper-btn-next{margin-left: 50px;}
  .banner .swiper-pagination-bullet{height: 30px; margin-bottom: 15px;}
  .fastlink li a{padding: 20px 0;}
  .fastlink li a img{width: 60px;}
  .fastlink li a p{margin-top: 12px;}

  .title-box .tit{font-size: 26px;}
  .title-box .tit i{margin: 0 20px; width: 6px; height: 6px;}
  .title-box .des{font-size: 20px; line-height: 30px; margin-top: 10px;}

  .part_scope{padding: 60px 0;}
  .i_scope{margin-top: 40px;}
  .i_scope li{min-height: 360px; padding: 40px 15px 20px; line-height: 25px;}
  .i_scope li img{height: 80px;}
  .i_scope li h3{font-size: 18px; margin: 25px 0 15px;}
  .i_scope li p{font-size: 15px;}

  .part_choose{padding: 60px 0;}
  .i_choose{width: 570px; height: 570px;}
  .i_outside{width: 570px; height: 570px;}
  .i_circle{width: 70px; height: 70px; background-size: 40px;}
  .i_circle1{left: 250px;}
  .i_circle2{top: 172px; right: 10px;}
  .i_circle3{right: 102px; bottom: 46px;}
  .i_circle4{left: 102px; bottom: 46px;}
  .i_circle5{top: 172px; left: 10px;}
  .i_circle .txt{width: 300px;}
  .i_circle1 .txt{bottom: 80px;}
  .i_circle2 .txt{left: 80px;}
  .i_circle3 .txt{left: 80px;}
  .i_circle4 .txt{right: 80px;}
  .i_circle5 .txt{right: 80px;}
  .i_circle .txt .line{top: -6px;}
  .i_circle:hover .txt .line{width: 80px;}
  .i_circle .txt h3{font-size: 20px;}
  .i_circle .txt p{font-size: 14px;}
  .i_outside::after{width: 500px; height: 500px;}
  .i_middle_o{width: 420px; height: 420px; margin-left: -210px; margin-top: -210px;}
  .i_dian{width: 16px; height: 16px;}
  .i_dian::after{width: 8px; height: 8px;}
  .i_dian1{left: 202px; top: 12px;}
  .i_dian2{right: 21px; top: 143px;}
  .i_dian3{right: 90px; bottom: 48px;}
  .i_dian4{left: 90px; bottom: 48px;}
  .i_dian5{left: 21px; top: 143px;}
  .i_middle_i{width: 340px; height: 340px;}
  .i_num{font-size: 18px;}
  .i_num1{left: 160px; top: 11px;}
  .i_num2{right: 16px; top: 115px;}
  .i_num3{right: 70px; bottom: 40px;}
  .i_num4{left: 70px; bottom: 40px;}
  .i_num5{left: 16px; top: 115px;}
  .i_inside{width: 260px; height: 260px;}
  .i_inside .tit{font-size: 22px;}
  .i_inside .tit i{margin: 10px auto; width: 6px; height: 6px;}

  .part_product{padding: 60px 0;}
  .i_product{margin-top: 25px;}
  .i_product li{padding: 30px;}
  .i_product li img{width: 46px; height: 46px; margin-bottom: 20px;}
  .i_product li p{font-size: 14px; line-height: 22px; height: 66px; margin: 12px 0 18px;}
  .i_product li a{font-size: 14px;}

  .part_case{padding: 60px 0;}
  .More{margin-top: 30px;}
  .More a{font-size: 16px;}
  .i_case li .cover{padding: 30px;}
  .i_case li a:hover .txt{transform: translateX(20px);}

  .part_solution{padding: 60px 0;}
  .i_solution{margin-top: 40px;}
  .i_solution_cont{width: 46%;}
  .i_solution_cont li{margin-bottom: 10px;}
  .i_solution_cont li a{padding: 12px 15px;}
  .i_solution_cont li img{width: 32px; height: 32px; margin-right: 15px;}
  .i_solution_cont li .txt h3{font-size: 20px;}
  .i_solution_cont li .txt p{height: 44px; font-size: 14px; line-height: 22px; margin-top: 5px;}

  .message{padding: 30px 0;}
  .message h3{font-size: 28px;}
  .message .biaodan{margin: 15px 0;}
  .message .biaodani, .message .biaodant, .message .biaodanb{height: 42px; padding: 6px 15px; font-size: 15px;}
  .message p{font-size: 15px;}

  .footer_content{padding: 45px 0;}
  .footlogo{width: 80px;}
  .footinfo{margin-top: 15px;}
  .footinfo li{font-size: 14px;}
  .footmap{width: 120px; height: 32px; line-height: 32px; margin-top: 15px;}
  .footer_nav a{font-size: 14px; line-height: 26px;}
  .footcode li{margin-right: 20px;}
  .copyright{font-size: 14px; padding: 15px 0 20px;}
}

@media (max-width: 1200px){
  .header_box{height: 70px;}
  .header .header_nav .nav_all{display: none;}
  .header_content .hc_nav_box{font-size: 20px;}
  .header_content .hc_nav_box ul li{margin-bottom: 15px; padding-left: 50px; letter-spacing: 2px; padding-bottom: 10px;}
  .header_content .hc_nav_box ul li span{width: 26px; height: 26px; left: 12px;}
  .header_content .hc_nav_box a{margin-bottom: 8px;}
  .header_content .hc_nav_box .hc_nav_list{font-size: 13px;}
  .header_content .hc_nav_box .hc_nav_list a{margin-right: 8px;}

  .banner .item-mask .txt .tit{font-size: 30px;}
  .banner .item-mask .txt .des{font-size: 18px;}
  .banner .swiper-btn-box{bottom: 105px;}
  .banner .swiper-btn-prev, .banner .swiper-btn-next{width: 50px; height: 50px;}
  .banner .swiper-btn-next{margin-left: 40px;}
  .banner .swiper-pagination-bullet{width: 3px; height: 25px; margin-bottom: 10px;}
  .fastlink{max-width: 48%;}
  .fastlink li a{padding: 15px 0;}
  .fastlink li a img{width: 50px;}
  .fastlink li a p{margin-top: 10px; font-size: 15px;}

  .title-box .tit{font-size: 22px;}
  .title-box .tit i{margin: 0 15px; width: 5px; height: 5px;}
  .title-box .des{font-size: 16px; line-height: 26px; margin-top: 10px;}

  .part_scope{padding: 50px 0;}
  .i_scope{margin-top: 30px;}
  .i_scope li{min-height: 300px; padding: 25px 15px 15px; line-height: 24px;}
  .i_scope li img{height: 65px;}
  .i_scope li h3{font-size: 17px; margin: 20px 0 10px;}
  .i_scope li p{font-size: 14px;}

  .part_choose{padding: 50px 0;}
  .i_choose{width: 520px; height: 520px; margin-top: 80px;}
  .i_outside{width: 520px; height: 520px;}
  .i_circle{width: 60px; height: 60px; background-size: 35px;}
  .i_circle1{left: 230px;}
  .i_circle2{top: 158px; right: 12px;}
  .i_circle3{right: 94px; bottom: 44px;}
  .i_circle4{left: 94px; bottom: 44px;}
  .i_circle5{top: 158px; left: 12px;}
  .i_circle .txt{width: 220px;}
  .i_circle1 .txt{bottom: 70px; width: 300px;}
  .i_circle2 .txt{left: 70px;}
  .i_circle3 .txt{left: 70px;}
  .i_circle4 .txt{right: 70px;}
  .i_circle5 .txt{right: 70px;}
  .i_circle .txt .line{top: -4px;}
  .i_circle:hover .txt .line{width: 60px;}
  .i_circle .txt h3{font-size: 18px; line-height: 30px;}
  .i_circle .txt p{height: auto; font-size: 12px; line-height: 18px; color: #333;}
  .i_circle:hover .txt p{height: auto; color: #ee2236;}
  .i_outside::after{width: 460px; height: 460px;}
  .i_middle_o{width: 380px; height: 380px; margin-left: -190px; margin-top: -190px;}
  .i_dian{width: 14px; height: 14px;}
  .i_dian::after{width: 7px; height: 7px;}
  .i_dian1{left: 183px; top: 13px;}
  .i_dian2{right: 22px; top: 131px;}
  .i_dian3{right: 82px; bottom: 45px;}
  .i_dian4{left: 82px; bottom: 45px;}
  .i_dian5{left: 22px; top: 131px;}
  .i_middle_i{width: 300px; height: 300px;}
  .i_num{font-size: 16px;}
  .i_num1{left: 142px; top: 12px;}
  .i_num2{right: 17px; top: 102px;}
  .i_num3{right: 64px; bottom: 36px;}
  .i_num4{left: 64px; bottom: 36px;}
  .i_num5{left: 17px; top: 102px;}
  .i_inside{width: 220px; height: 220px;}
  .i_inside .tit{font-size: 20px;}
  .i_inside .tit i{margin: 5px auto; width: 5px; height: 5px;}

  .part_product{padding: 50px 0;}
  .i_product{margin-top: 20px;}
  .i_product li{padding: 20px;}
  .i_product li img{width: 34px; height: 34px; margin-bottom: 15px;}
  .i_product li h3{font-size: 16px;}
  .i_product li p{font-size: 12px; line-height: 20px; height: 60px; margin: 10px 0 12px;}
  .i_product li a{font-size: 12px;}

  .part_case{padding: 50px 0;}
  .More{margin-top: 20px;}
  .More a{font-size: 14px; padding-left: 22px;}
  .More a i{margin-left: 5px;}
  .i_case li .cover{padding: 24px;}
  .i_case li a:hover .txt{transform: translateX(18px);}
  .i_case li .txt h3{font-size: 16px;}
  .i_case li .txt span{height: 30px; background-size: 20px;}

  .part_solution{padding: 50px 0;}
  .i_solution{margin-top: 30px;}
  .i_solution_cont{width: 44%;}
  .i_solution_cont li img{width: 30px; height: 30px; margin-right: 12px;}
  .i_solution_cont li .txt h3{font-size: 18px; line-height: 26px;}
  .i_solution_cont li .txt p{height: 36px; font-size: 12px; line-height: 18px;}
  .i_solution_img{width: 50%;}

  .message h3{font-size: 22px;}
  .message .biaodan{margin: 15px 0;}
  .message .biaodani, .message .biaodant, .message .biaodanb{height: 40px; padding: 5px 15px; font-size: 14px;}
  .message p{font-size: 14px;}

  .footer_content{padding: 40px 0;}
  .footlogo{width: 70px;}
  .footinfo{margin-top: 10px;}
  .footinfo li{font-size: 13px; line-height: 24px;}
  .footmap{width: 120px; height: 30px; line-height: 30px; font-size: 13px; margin-top: 10px;}
  .footer_nav a{font-size: 13px; line-height: 24px;}
  .footer_nav a.yj{font-size: 16px; margin-bottom: 6px;}
  .codebtn{width: 45px; height: 45px;}
  .footcode li{margin-right: 15px;}
  .footcode li .qrcode{width: 130px; top: 65px;}
  .copyright{font-size: 13px; padding: 10px 0 15px;}
}

@media (max-width: 768px){
  .header_box{height: 60px;}
  .header .header_box .header_tel{font-size: 15px; margin: 0; padding-left: 25px;}
  .header_content .hc_nav_box{font-size: 16px; display: block; padding-top: 78px; position: relative;}
  .header_content .hc_nav_box::before{content: ""; width: calc(100% + 30px); height: 1px; background: rgba(255,255,255,.5); position: absolute; left: -15px; top: 60px;}
  .header_content .hc_nav_box ul li{padding-left: 34px; letter-spacing: 1px;}
  .header_content .hc_nav_box ul li span{width: 24px; height: 24px; left: 0px;}
  .header_content .hc_nav_box a{margin-bottom: 5px;}
  .header_content .hc_nav_box .hc_nav_list{font-size: 12px;}
  .header_content .hc_nav_box .hc_nav_list a{margin-right: 5px;}

  .banner .slide-item-img{min-height: 50vh;}
  .banner .item-mask .txt .tit{font-size: 24px;}
  .banner .item-mask .txt .des{font-size: 16px; margin-top: 6px;}
  .banner .swiper-btn-box{bottom: 64px;}
  .banner .swiper-btn-prev, .banner .swiper-btn-next{width: 44px; height: 44px;}
  .banner .swiper-btn-next{margin-left: 30px;}
  .banner .swiper-page-box{display: none;}
  .fastlink{max-width: unset; width: 100%; position: unset;}
  .fastlink li a img{width: 44px;}
  .fastlink li a p{font-size: 14px;}

  .title-box .tit{font-size: 18px;}
  .title-box .tit i{margin: 0 10px; width: 4px; height: 4px;}
  .title-box .des{font-size: 14px; line-height: 24px; margin-top: 6px;}

  .part_scope{padding: 40px 0;}
  .i_scope{margin-top: 20px;}
  .i_scope li{min-height: 264px; padding: 15px 15px; width: 48%; margin-right: 4%; margin-top: 4%;}
  .i_scope li:first-child{width: 100%; margin-top: 0; min-height: unset;}
  .i_scope li:nth-of-type(2n+1){margin-right: 0;}
  .i_scope li img{height: 50px;}
  .i_scope li h3{font-size: 16px; line-height: 1; margin: 14px 0 10px;}
  .i_scope li:first-child p{display: inline-block; margin: 0 10px;}

  .part_choose{padding: 40px 0;}
  .part_choose .title-box{display: block !important;}
  .i_choose{width: 320px; height: 320px; margin-top: 30px;}
  .i_outside{width: 320px; height: 320px;}
  .i_circle{width: 44px; height: 44px; background-size: 28px;}
  .i_circle1{left: 138px;}
  .i_circle2{top: 95px; right: 6px;}
  .i_circle3{right: 57px; bottom: 26px;}
  .i_circle4{left: 57px; bottom: 26px;}
  .i_circle5{top: 95px; left: 6px;}
  .i_circle .txt{display: none;}
  .mtxt{display: block !important;}
  .mtxt li{margin-top: 10px;}
  .mtxt h3{font-size: 16px; line-height: 30px;}
  .mtxt h3 span{color: #ee2236; margin-right: 8px;}
  .mtxt p{font-size: 13px; line-height: 20px;}
  .i_outside::after{width: 280px; height: 280px;}
  .i_middle_o{width: 220px; height: 220px; margin-left: -110px; margin-top: -110px;}
  .i_dian{width: 10px; height: 10px;}
  .i_dian::after{width: 5px; height: 5px;}
  .i_dian1{left: 105px; top: 10px;}
  .i_dian2{right: 15px; top: 76px;}
  .i_dian3{right: 49px; bottom: 29px;}
  .i_dian4{left: 49px; bottom: 29px;}
  .i_dian5{left: 15px; top: 76px;}
  .i_middle_i{width: 160px; height: 160px;}
  .i_num{font-size: 14px;}
  .i_num1{left: 73px; top: 8px;}
  .i_num2{right: 10px; top: 53px;}
  .i_num3{right: 32px; bottom: 21px;}
  .i_num4{left: 32px; bottom: 21px;}
  .i_num5{left: 10px; top: 53px;}
  .i_inside{width: 100px; height: 100px;}
  .i_inside .flex{display: none;}

  .part_product{padding: 40px 0;}
  .i_product{margin-top: 20px;}
  .i_product li{padding: 15px; width: 48%; margin-right: 4% !important; margin-top: 4%;}
  .i_product li:nth-of-type(1), .i_product li:nth-of-type(2){margin-top: 0;}
  .i_product li:nth-of-type(2n){margin-right: 0 !important;}
  .i_product li img{width: 30px; height: 30px; margin-bottom: 12px;}
  .i_product li h3{font-size: 15px;}
  .i_product li p{line-height: 18px; height: 54px; margin: 8px 0;}

  .part_case{padding: 40px 0;}
  .More{margin-top: 12px;}
  .i_case li{width: 100%; margin-right: 0 !important; margin-top: 15px;}
  .i_case li .cover{padding: 15px; opacity: 1; height: auto; padding: 0; top: unset; bottom: 0;}
  .i_case li .content .line{display: none;}
  .i_case li a:hover .txt{transform: unset;}
  .i_case li .txt{position: relative;}
  .i_case li .txt h3{width: 100%; line-height: 36px; padding: 0 36px 0 15px; font-size: 14px;}
  .i_case li .txt span{position: absolute; right: 0; top: 0; z-index: 10; width: 36px; height: 36px;}

  .part_solution{padding: 40px 0;}
  .i_solution{margin-top: 25px; display: block;}
  .i_solution_cont{width: 100%;}
  .i_solution_cont li img{width: 25px; height: 25px; margin-right: 10px;}
  .i_solution_cont li .txt h3{font-size: 15px; line-height: 20px;}
  .i_solution_img{width: 100%; margin-top: 25px;}

  .message h3{font-size: 20px;}
  .message .biaodan{margin: 15px 0 10px; display: block; font-size: 0;}
  .message .biaodani, .message .biaodant, .message .biaodanb{height: 36px; padding: 3px 15px;}
  .message .biaodani{width: 48%; margin-right: 4%; display: inline-block;}
  .message .biaodani:nth-of-type(2n){margin-right: 0;}
  .message .biaodant{width: 100%; margin-top: 4%;}
  .message .biaodanb{width: 48%; margin-top: 4%;}
  .message p{font-size: 13px; line-height: 20px;}

  .footer_content{padding: 30px 0 20px; display: block;}
  .footer_info{display: flex;}
  .footlogo{width: 80px; margin-right: 15px;}
  .footinfo{margin: 0;}
  .footmap{margin-top: 10px;}
  .footer_nav{width: 100%; margin-top: 25px; padding: 0 15px;}
  .footer_nav li{width: auto;}
  .footer_nav a{display: none;}
  .footer_nav a.yj{display: block; margin: 0;}
  .footer_code{display: none;}
  .copyright{font-size: 12px; line-height: 22px; padding: 15px 0 25px;}
}
/* index */


/* inner banner */
.ibanner{width: 100%;}
.ibanner img{width: 100%;}

@media (max-width: 768px){
  .ibanner img{height: 20vh; object-fit: cover;}
}
/* inner banner */

/* location/category */
.strip{width: 100%; line-height: 60px; font-size: 16px; color: #333; border-bottom: 1px solid #aaa;}
.location{float: left; padding-left: 35px; background: url(../images/icon-home.png) no-repeat left center; background-size: 25px;}
.location a:hover{color: #ee2236;}
.category{float: right;}
.category a{display: block; float: left; margin-left: 40px; position: relative; transition: all .3s;}
.category a::after{content: ""; width: 0; height: 1px; background: #ee2236; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; z-index: 1; transition: all .3s;}
.category a.active, .category a:hover{color: #ee2236;}
.category a.active::after, .category a:hover::after{width: 100%;}

@media (max-width: 1440px){
  .strip{line-height: 50px; font-size: 15px;}
}

@media (max-width: 768px){
  .strip{line-height: 40px; font-size: 14px;}
  .location{float: unset; padding-left: 28px; background-size: 20px; display: none;}
  .category{float: unset; text-align: center; overflow-x: auto;}
  .category .overflow-x{white-space: nowrap;}
  .category a{float: unset; display: inline-block; margin-left: 25px;}
  .category a:first-child{margin-left: 0;}
}
/* location/category */


/* case_list */
.case_list{padding: 80px 0;}
.column_tit{font-size: 30px; color: #333; line-height: 1; letter-spacing: 1px;}

.videoitems .video-play{width: 60px; height: 60px; background: url(../images/icon-play.png) no-repeat center; background-size: contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 20;}
.video-fixed{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; background: rgba(0,0,0,.6); cursor: pointer; display: none;}
.video-fixed .videoboxs{width: 80vw; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 10;}
.video-fixed .videoboxs video{display: block; max-width: 100%; margin: auto;}
.video-fixed .video-close{width: 30px; height: 30px; background: url(../images/close-vid2.png) no-repeat center/100% auto; position: absolute; top: 30px; right: 30px; cursor: pointer;}

.tuiguang{box-shadow: 0 0 30px #ccc; border: 1px solid #eee;}
.tuiguang .tgsanj{width: 100px; height: 100px; position: absolute; left: 0; top: 0; z-index: 30;}
.tuiguang .tgsanj::before{content: ""; border-left: 50px solid #fff; border-top: 50px solid #fff; border-right: 50px solid transparent; border-bottom: 50px solid transparent; position: absolute; left: 0; top: 0; z-index: -1; transition: all .5s;}
.tuiguang .tgicon{width: 40px; height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; left: 10px; top: 10px; z-index: 40; transition: all .5s;}
.tuig-fixed{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; background: rgba(0,0,0,.6); cursor: pointer; display: none;}
.tuig-fixed .tuigboxs{display: flex; width: 100%; height: 100%; align-items: center; justify-content: center;}
.tuig-fixed .tuigboxs img{display: block; max-width: 80vw; max-height: 80vh;}
.tuiguang:hover .tgsanj::before{opacity: 0;}
.tuiguang:hover .tgicon{left: 50%; top: 50%; transform: translate(-50%,-60%); filter: brightness(1000%);}

.pagination{margin-bottom: 0;}

@media (max-width: 1680px){
  .case_list{padding: 70px 0;}
  .column_tit{font-size: 27px;}

  .videoitems .video-play{width: 54px; height: 54px;}

  .tuiguang .tgsanj{width: 90px; height: 90px;}
  .tuiguang .tgsanj::before{border-width: 45px;}
  .tuiguang .tgicon{width: 35px; height: 35px;}
}

@media (max-width: 1440px){
  .case_list{padding: 60px 0;}
  .column_tit{font-size: 24px;}

  .videoitems .video-play{width: 48px; height: 48px;}

  .tuiguang .tgsanj{width: 80px; height: 80px;}
  .tuiguang .tgsanj::before{border-width: 40px;}
  .tuiguang .tgicon{width: 30px; height: 30px;}
}

@media (max-width: 1200px){
  .case_list{padding: 50px 0;}
  .column_tit{font-size: 22px;}

  .videoitems .video-play{width: 44px; height: 44px;}

  .tuiguang .tgsanj{width: 80px; height: 80px;}
  .tuiguang .tgsanj::before{border-width: 40px;}
  .tuiguang .tgicon{width: 30px; height: 30px;}
}

@media (max-width: 768px){
  .case_list{padding: 40px 0;}
  .column_tit{font-size: 20px;}

  .video-fixed .videoboxs{width: calc(100% - 30px);}
  .video-fixed .video-close{width: 24px; height: 24px; right: 0; top: -34px;}

  .tuiguang .tgsanj{width: 60px; height: 60px;}
  .tuiguang .tgsanj::before{border-width: 30px;}
  .tuiguang .tgicon{width: 25px; height: 25px; left: 5px; top: 5px;}
  .tuig-fixed .tuigboxs img{max-width: calc(100% - 30px); max-height: calc(100% - 40px);}
}
/* case_list */


/* case_detail */
.case_detail{padding: 80px 0; background: #eaeaea;}

.case_introduce{width: 70%; padding: 50px; background: #fff;}
.case_introduce h2{font-size: 28px; color: #000; line-height: 1; letter-spacing: 1px; padding-bottom: 20px; margin-bottom: 20px; position: relative;}
.case_introduce h2::after{content: ""; width: 20px; height: 2px; background: #ee2236; position: absolute; left: 0; bottom: 0; z-index: 10;}
.case_introduce h3{font-size: 18px; color: #333; line-height: 1; margin-bottom: 20px;}
.case_introduce p{font-size: 15px; color: #666; line-height: 30px;}

.case_contact{width: 30%; padding: 50px; background: rgba(238,34,54,.8);}
.case_contact h2{font-size: 28px; color: #fff; line-height: 1; letter-spacing: 1px; padding-bottom: 20px; margin-bottom: 20px; position: relative;}
.case_contact h2::after{content: ""; width: 20px; height: 2px; background: #fff; position: absolute; left: 0; bottom: 0; z-index: 10;}
.case_box{height: 230px; margin-top: 30px; position: relative; z-index: 1;}
.contactcode li{position: relative; margin-left: 30px; height: 50px;}
.contactcode li .qrcode{width: 150px; position: absolute; left: 50%; transform: translateX(-50%); top: 80px; z-index: 1; display: none;}
.contactcode li .qrcode::before{content: ""; border-bottom: 10px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; left: 50%; transform: translateX(-50%); top: -10px; z-index: 1;}
.contactcode li:first-child .qrcode{display: block;}
.casebtn{display: block; width: 50px; height: 50px; border: 1px solid #fff; border-radius: 50%; background-repeat: no-repeat; background-position: center; cursor: pointer; position: relative; transition: all .3s}
.casebtn::after{content: ""; width: 0; height: 0; border-radius: 50%; background: rgba(0,0,0,.6); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: -1; transition: all .3s;}
.casebtn.wx{background-image: url(../images/wx.png);}
.casebtn.qq{background-image: url(../images/qq.png);}
.casebtn.website{background-image: url(../images/icon-link.png);}
.casebtn:hover{border-color: rgba(0,0,0,.6);}
.casebtn:hover::after{width: 100%; height: 100%;}

.case_content{width: 100%; padding: 60px; background: #fff; margin-top: 40px; overflow: hidden;}
.case_content img{display: block; max-width: 100%; margin: auto;}

@media (max-width: 1680px){
  .case_detail{padding: 70px 0;}
  .case_introduce{padding: 45px;}
  .case_contact{padding: 45px;}
  .case_content{padding: 55px;}
}

@media (max-width: 1440px){
  .case_detail{padding: 60px 0;}
  .case_introduce{padding: 40px;}
  .case_introduce h2{font-size: 26px;}
  .case_contact{padding: 40px;}
  .case_contact h2{font-size: 26px;}
  .case_box{height: 210px;}
  .contactcode li{margin-left: 25px;}
  .contactcode li .qrcode{width: 140px; top: 70px;}
  .case_content{padding: 50px;}
}

@media (max-width: 1200px){
  .case_detail{padding: 50px 0;}
  .case_detail .casedt{display: block;}
  .case_introduce{padding: 30px; width: 100%;}
  .case_introduce h2{font-size: 23px; padding-bottom: 15px; margin-bottom: 15px;}
  .case_introduce h3{font-size: 17px; margin-bottom: 15px;}
  .case_introduce p{font-size: 14px; line-height: 26px;}
  .case_contact{padding: 30px; width: 100%;}
  .case_contact h2{font-size: 23px; padding-bottom: 15px; margin-bottom: 15px;}
  .case_box{height: 194px; margin-top: 20px;}
  .casebtn{width: 44px; height: 44px;}
  .contactcode li{margin-left: 30px;}
  .contactcode li .qrcode{width: 130px; top: 64px;}
  .case_content{padding: 40px; margin-top: 35px;}
}

@media (max-width: 768px){
  .case_detail{padding: 40px 0;}
  .case_introduce{padding: 20px 15px;}
  .case_introduce h2{font-size: 20px;}
  .case_introduce h3{font-size: 16px;}
  .case_introduce p{font-size: 13px; line-height: 22px;}
  .case_contact{padding: 20px 15px;}
  .case_contact h2{font-size: 20px;}
  .case_box{height: 184px;}
  .contactcode li{margin-left: 20px;}
  .contactcode li .qrcode{width: 120px; top: 64px;}
  .case_content{padding: 25px 15px; margin-top: 30px;}
}
/* case_detail */


/* news_list */
.news_list{padding: 80px 0;}
.newsList li{width: 32%; float: left; margin-top: 2%; margin-right: 2%;}
.newsList li:nth-of-type(3n){margin-right: 0;}
.newsList li a{display: block;}
.newsList_img{width: 100%; overflow: hidden;}
.newsList_img img{transition: all .5s; width: 100%;}
.newsList_cont{width: 100%;}
.newsList_tit{padding: 15px; padding-bottom: 0;}
.newsList_tit .date{color: #333; line-height: 1; text-align: center; padding: 0 25px; margin-right: 25px; white-space: nowrap; position: relative;}
.newsList_tit .date::after{content: ""; width: 2px; height: 80%; background: #ccc; position: absolute; top: 10%; right: -1px; z-index: 10;}
.newsList_tit .date .d{font-size: 50px; font-family: 'rt';}
.newsList_tit .date .y{font-size: 16px; margin-top: 5px;}
.newsList_tit h3{font-size: 18px; color: #333; line-height: 1.5;}
.newsList_desc{font-size: 16px; color: #666; line-height: 25px; padding: 15px; border-bottom: 2px solid #ccc; position: relative;}
.newsList_desc::after{content: ""; width: 0; height: 2px; background: #ee2236; position: absolute; left: 0; bottom: -2px; z-index: 10; transition: all .5s;}
.newsList_desc p{height: 50px;}
.newsList li a:hover .newsList_img img{transform: scale(1.1);}
.newsList li a:hover .newsList_tit .date{color: #ee2236;}
.newsList li a:hover .newsList_tit h3{color: #ee2236;}
.newsList li a:hover .newsList_desc::after{width: 100%;}


@media (max-width: 1680px){
  .news_list{padding: 70px 0;}
  .newsList_tit{padding: 12px;}
  .newsList_tit .date{padding: 0 20px; margin-right: 20px;}
  .newsList_tit .date .d{font-size: 44px;}
  .newsList_tit .date .y{font-size: 15px;}
  .newsList_tit h3{font-size: 17px;}
  .newsList_desc{font-size: 15px; padding: 12px;}
}

@media (max-width: 1440px){
  .news_list{padding: 60px 0;}
  .newsList_tit{padding: 10px;}
  .newsList_tit .date{padding: 0 15px; margin-right: 15px;}
  .newsList_tit .date .d{font-size: 40px;}
  .newsList_tit .date .y{font-size: 14px;}
  .newsList_tit h3{font-size: 16px;}
  .newsList_desc{font-size: 14px; line-height: 22px; padding: 10px;}
  .newsList_desc p{height: 44px;}
}

@media (max-width: 1200px){
  .news_list{padding: 50px 0;}
  .newsList_tit .date .d{font-size: 36px;}
  .newsList_tit .date .y{font-size: 13px;}
  .newsList_tit h3{font-size: 15px;}
  .newsList_desc{font-size: 13px; padding-top: 0;}
}

@media (max-width: 768px){
  .news_list{padding: 40px 0;}
  .newsList li{width: 100%; margin-top: 15px; margin-right: 0;}
  .newsList_tit{padding: 10px 15px;}
  .newsList_tit .date .d{font-size: 32px;}
  .newsList_desc{padding: 0 15px 10px;}
}
/* news_list */


/* news_detail */
.news_detail{padding: 80px 0;}
.news_tit{font-size: 30px; color: #333; line-height: 1.5; text-align: center;}
.news_tag{font-size: 15px; color: #444; line-height: 25px; text-align: center; margin-top: 10px;}
.news_tag span{margin-right: 20px;}
.news_tag span:last-child{margin-right: 0;}
.news_content{font-size: 16px; color: #333; line-height: 1.6; margin-top: 30px;}
.news_content h3{margin-bottom: 15px; line-height: 1.5; font-size: 22px;}
.news_content h4{margin-bottom: 15px; line-height: 1.5; font-size: 20px;}
.news_content p{margin-bottom: 12px;}
.news_content a{color: #ee2236;}
.news_content img{display: block; max-width: 100%; margin: unset;}

@media (max-width: 1680px){
  .news_detail{padding: 70px 0;}
}

@media (max-width: 1440px){
  .news_detail{padding: 60px 0;}
  .news_tit{font-size: 28px;}
  .news_tag{margin-top: 5px;}
  .news_content{font-size: 15px; margin-top: 20px;}
}

@media (max-width: 1200px){
  .news_detail{padding: 50px 0;}
  .news_tit{font-size: 24px;}
  .news_tag{margin-top: 0;}
  .news_content{font-size: 15px; margin-top: 20px;}
  .news_content h3{font-size: 20px;}
  .news_content h4{font-size: 18px;}
}

@media (max-width: 768px){
  .news_detail{padding: 40px 0;}
  .news_tit{font-size: 22px;}
  .news_content{font-size: 14px; margin-top: 15px;}
  .news_content h3{font-size: 18px;}
  .news_content h4{font-size: 16px;}
}
/* news_detail */


/* contact */
.contact{padding: 80px 0;}

.contact_info{width: 40%;}
.ct_info{margin-bottom: 50px;}
.ct_info:last-child{margin-bottom: 0;}
.ct_info h3{font-size: 20px; color: #333; font-weight: bold; line-height: 1; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #ccc;}
.ct_info p{font-size: 16px; color: #444; line-height: 1;}
.ct_code li{margin-right: 50px; float: left; text-align: center;}
.ct_code li:last-child{margin-right: 0;}
.ct_code li img{width: 150px; margin-bottom: 20px;}

.contact_message{width: 50%;}
.ct_messagei, .ct_messaget{display: block; width: 100%; padding: 15px 30px; background: #eee; border: none; outline: none; font-size: 16px; color: #333; line-height: 30px; margin-bottom: 30px;}
.ct_messageb{width: 30%; height: 60px; background: #ee2236; border: none; outline: none; font-size: 16px; color: #fff;}

.cmap{width: 100%; height: 50vh; margin-top: 80px;}
.cmap #contmap{width: 100%; height: 100%;}

@media (max-width: 1680px){
  .contact{padding: 70px 0;}
  .ct_info{margin-bottom: 40px;}
  .ct_messagei, .ct_messaget{margin-bottom: 25px;}
  .cmap{margin-top: 70px;}
}

@media (max-width: 1440px){
  .contact{padding: 60px 0;}
  .ct_info{margin-bottom: 35px;}
  .ct_info h3{padding-bottom: 15px; margin-bottom: 15px; font-size: 18px;}
  .ct_code li{margin-right: 40px;}
  .ct_code li img{width: 140px; margin-bottom: 15px;}
  .ct_messagei, .ct_messaget{margin-bottom: 20px; padding: 10px 25px;}
  .ct_messageb{height: 50px;}
  .cmap{margin-top: 60px;}
}

@media (max-width: 1200px){
  .contact{padding: 50px 0;}
  .contact_info{width: 46%;}
  .ct_info{margin-bottom: 25px;}
  .ct_info h3{padding-bottom: 12px; margin-bottom: 12px; font-size: 18px;}
  .ct_info p{font-size: 15px;}
  .ct_code li{margin-right: 30px;}
  .ct_code li img{width: 130px; margin-bottom: 12px;}
  .ct_messagei, .ct_messaget{margin-bottom: 15px; padding: 8px 20px; font-size: 15px;}
  .ct_messageb{height: 46px; width: 40%;}
  .cmap{margin-top: 50px;}
}

@media (max-width: 768px){
  .contact{padding: 40px 0;}
  .contact .contdt{display: block;}
  .contact_info{width: 100%;}
  .ct_info{margin-bottom: 25px;}
  .ct_info h3{padding-bottom: 10px; margin-bottom: 10px; font-size: 17px;}
  .ct_info p{font-size: 14px;}
  .ct_code li{margin-right: 20px;}
  .ct_code li img{width: 120px; margin-bottom: 10px;}
  .contact_message{width: 100%; margin-top: 35px;}
  .ct_messagei, .ct_messaget{margin-bottom: 12px; padding: 7px 15px; font-size: 14px;}
  .ct_messageb{height: 44px; width: 50%;}
  .cmap{margin-top: 35px;}
}
/* contact */


/* about */
/*.about{background: url(../images/about_bg.jpg) no-repeat center; background-size: cover; background-attachment: fixed;}*/
.about .mao{position: relative; top: -180px;}
.about_box{width: 100%; padding: 80px 0; overflow: hidden;}
.module{width: 100%; padding: 60px 0; position: relative;}
.about_tit{font-size: 30px; color: #333; line-height: 1; font-family: '宋体'; font-weight: bold; position: absolute; left: 0; top: 0; z-index: 10; padding-left: 50px;}
.about_tit i{display: block; width: 30px; height: 30px; position: absolute; left: 0; top: 0; z-index: 1; background: url(../images/xing.png) no-repeat center; background-size: contain; -webkit-animation: movexing 3s linear infinite; animation: movexing 3s linear infinite;}
.about_tit::after{content: ""; width: 100%; height: 1px; background: #444; position: absolute; left: 120%; top: 50%; transform: translateY(-50%); z-index: 1;}
.about_en{font-size: 30px; color: #444; line-height: 1; position: absolute; right: 0; bottom: 0; z-index: 10; padding-right: 50px;}
.about_en i{display: block; width: 30px; height: 30px; position: absolute; right: 0; top: 0; z-index: 1; background: url(../images/xing.png) no-repeat center; background-size: contain; -webkit-animation: movexing 3s linear infinite; animation: movexing 3s linear infinite;}
.about_en::after{content: ""; width: 100%; height: 1px; background: #444; position: absolute; right: 120%; top: 50%; transform: translateY(-50%); z-index: 1;}
.about_ys{width: 30px; height: 30px; border-top: 2px solid #444; border-right: 2px solid #444; position: absolute; right: 0; top: 0; z-index: 1;}
.about_zx{width: 30px; height: 30px; border-left: 2px solid #444; border-bottom: 2px solid #444; position: absolute; left: 0; bottom: 0; z-index: 1;}
@-webkit-keyframes movexing {
  0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
  25% {-webkit-transform: rotate(90deg); transform: rotate(90deg);}
  50% {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
  75% {-webkit-transform: rotate(270deg); transform: rotate(270deg);}
  100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes movexing {
  0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
  25% {-webkit-transform: rotate(90deg); transform: rotate(90deg);}
  50% {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
  75% {-webkit-transform: rotate(270deg); transform: rotate(270deg);}
  100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}

.introduce_box{background: #fff;}
.introduce_img{width: 40%; overflow: hidden;}
.introduce_img img{width: 100%; transition: all 0.5s;}
.introduce_img img:hover{transform: scale(1.1);}
.introduce_cont{width: 56%;}
.introduce_tit{margin-bottom: 30px;}
/*.introduce_logo{width: 150px; margin: 0 35px; background: url(../images/about_bg.jpg) no-repeat center; background-size: cover; background-attachment: fixed;}*/
.introduce_cont h3{font-size: 28px; color: #333; line-height: 1; text-align: center;}
.introduce_cont p{font-size: 16px; color: #333; line-height: 30px; text-indent: 2em; text-align: justify;}

.culture_box{background: rgba(0,0,0,.4);}
.culture_box .about_tit, .culture_box .about_en{color: #fff;}
.culture_box .about_tit::after, .culture_box .about_en::after{background: #fff;}
.culture_box .about_ys, .culture_box .about_zx{border-color: #fff;}
.culture{width: 1000px; margin: auto;}
.lic {border-left: 6px solid #fff; margin-left: 250px; position: relative; padding-bottom: 50px;}
.lic dt {background: #ee2236; width: 120px; height: 120px; line-height: 120px; text-align: center; color: #fff; font-size: 24px; font-weight: bold; border-radius: 50%; margin-left: -180px; position: relative;}
.lic dt.fst {border-radius: 50%; width: 50px; height: 50px; margin-bottom: 30px; margin-left: -28px; background: #ee2236;}
.lic dt i {display: block; width: 47px; height: 4px; background: #ee2236; position: absolute; top: 58px; left: 120px;}
.lic dt em {width: 10px; height: 10px; background: #ee2236; display: block; position: absolute; top: 50px; left: 167px; border-radius: 50%; border: 5px solid #fff; box-sizing: content-box;}
.lic dd {background: rgba(255,255,255,.9); padding: 15px 25px; min-height: 60px; margin: -90px 0 0 30px; position: relative;}
.lic dd:before {border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #f3f3f3; display: block; content: ''; width: 0; height: 0; overflow: hidden; position: absolute; left: -10px; top: 20px;}
.lic dd p {line-height: 30px; font-size: 14px; color: #333;}
.lic dd:hover {background: #ee2236; color: #fff;}
.lic dd:hover p {color: #fff;}
.lic dd:hover:before {border-right-color: #ee2236;}

.advantage_box{background: #fff;}
.advantage{justify-content: center;}
.advantage li{width: 20%; padding: 30px 60px;}
.adimg{transition: all .3s;}
.adimg .adshow{display: block;}
.adimg .adhover{display: none;}
.advantage li h3{font-size: 24px; color: #444; line-height: 1; font-weight: bold; text-align: center; margin: 25px 0 15px;}
.advantage li span{display: block; width: 40px; height: 3px; background: #ee2236; margin: auto;}
.advantage li p{font-size: 15px; color: #333; line-height: 30px; margin-top: 30px;}
.advantage li:hover .adimg{transform: rotateY(180deg);}
.advantage li:hover .adimg .adshow{display: none;}
.advantage li:hover .adimg .adhover{display: block;}
.advantage li:hover h3, .advantage li:hover p{color: #ee2236;}

.honor_box{background: url(../images/honor_bg.png) no-repeat center; background-size: cover;}
.honor_box .about_tit, .honor_box .about_en{color: #fff;}
.honor_box .about_tit::after, .honor_box .about_en::after{background: #fff;}
.honor_box .about_ys, .honor_box .about_zx{border-color: #fff;}
.honor_list{width: 80%; padding: 30px 80px; margin: auto; position: relative;}
.honor_list .swiper-wrapper{align-items: center;}
.honor_list .swiper-slide{width: 500px;}
.honor_list .swiper-slide .img{width: 100%; position: relative;}
.honor_list .swiper-slide .img p{width: 100%; height: 100%; padding: 20px; font-size: 18px; color: #fff; line-height: 30px; background: rgba(0,0,0,.5); text-align: center; position: absolute; left: 0; bottom: 0; z-index: 10; display: none; justify-content: center; align-items: center; cursor: zoom-in;}
.honor_list .swiper-slide-active .img:hover p{display: flex;}
.honor_list .swiper-btn{color:#fff; transition: all .3s;}
.honor_list .swiper-btn:after{font-size:60px;}
.honor_list .swiper-button-prev{left: 0;}
.honor_list .swiper-button-next{right: 0;}
.honor_list .swiper-btn:hover{color: #ee2236;}

.history_box{background: #f1f2f3;}
.history{font-family: '黑体'; padding: 30px 0; text-align: center;}
.history .topwrap{position: relative; padding: 0 80px;}
.history .topwrap .text{font-size: 22px; color:#333; line-height: 1.5;}
.history .topwrap .img{box-shadow: 0 0 30px #aaa; display: inline-block; margin: 30px 0; max-width: 50%;}
.history .swiper-pagination{position: relative; bottom: 0; margin-top: 35px; font-size: 20px; color: #333; line-height: 1;}
.history .swiper-pagination .swiper-pagination-current{font-weight: bold; color: #ee2236;}
.history .swiper-button-next, .history .swiper-button-prev{outline: none; background: #fff; border-radius: 50%; width: 80px; height: 80px; transition: all .3s;}
.history .swiper-button-next{right: 0;}
.history .swiper-button-prev{left: 0;}
.history .swiper-button-next::after, .history .swiper-button-prev::after{font-size: 30px; color: #444; transition: all .3s;}
.history .swiper-button-next:hover, .history .swiper-button-prev:hover{background: #ee2236;}
.history .swiper-button-next:hover::after, .history .swiper-button-prev:hover::after{color: #fff;}
.history .thumbswrap{width: 100%; position: relative; margin-top: 45px;}
.history .thumbswrap::after{content: ''; width: 3840px; height: 2px; background: #ddd; position: absolute; left: 50%; top: 2px; transform: translateX(-50%);}
.history .gallery-thumbs{width: 100%;}
.history .gallery-thumbs .swiper-slide{cursor: pointer;}
.history .gallery-thumbs .swiper-slide p{font-size: 20px; color: #333; font-family: arial; text-align: center; line-height: 40px; padding:20px 0;}
.history .gallery-thumbs .swiper-slide p::before{content: ''; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 6px; height: 6px; border-radius: 50%; background-color: #ee2236; transition: width .3s;}
.history .gallery-thumbs .swiper-slide p span{display: none; font-size: 30px;}
.history .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p::before{width: 50px; border-radius: 0;}
.history .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{color: #ee2236; font-size: 32px;}
.history .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span{display: inline;}

.partner_box{background: rgba(0,0,0,.4);}
.partner_box .about_tit, .partner_box .about_en{color: #fff;}
.partner_box .about_tit::after, .partner_box .about_en::after{background: #fff;}
.partner_box .about_ys, .partner_box .about_zx{border-color: #fff;}
.partner{padding: 30px 0;}
.partner li{width: 15%; float: left; height: 140px; background: #fff; margin: 0.83%;}
.partner li img{max-height: 100%; object-fit: contain; transition: all .5s;}
.partner li:hover img{-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); transform: rotateY(360deg);}

.recruit_box{background: #fff;}
.recruit{width: 100%; padding: 50px 0;}
.recruit_item{margin-bottom: 30px;}
.recruit_item:last-child{margin-bottom: 0;}
.recruit_top{width: 100%; padding: 30px 50px; box-shadow: 0 0 20px #eee; cursor: pointer;}
.recruit_top li{width: 22%;}
.recruit_top li p{font-size: 18px; color: #333; line-height: 22px; padding-left: 30px; background-repeat: no-repeat; background-position: left center; background-size: contain; margin-bottom: 20px;}
.recruit_top li p.gw{background-image: url(../images/icon-gangwei.png);}
.recruit_top li p.bm{background-image: url(../images/icon-bumen.png);}
.recruit_top li p.xz{background-image: url(../images/icon-xinzi.png);}
.recruit_top li p.sj{background-image: url(../images/icon-shijian.png);}
.recruit_top li h3{font-size: 20px; color: #333; line-height: 1;}
.recruit_top li:first-child{width: 30%;}
.recruit_top li:last-child{width: 4%; background: url(../images/icon-click.png) no-repeat right center; background-size: 50px;}
.recruit_top.active{background: #ee2236;}
.recruit_top.active li p, .recruit_top.active li h3{color: #fff;}
.recruit_top.active li p.gw{background-image: url(../images/icon-gangwei-h.png);}
.recruit_top.active li p.bm{background-image: url(../images/icon-bumen-h.png);}
.recruit_top.active li p.xz{background-image: url(../images/icon-xinzi-h.png);}
.recruit_top.active li p.sj{background-image: url(../images/icon-shijian-h.png);}
.recruit_top.active li:last-child{background-image: url(../images/icon-click-h.png);}
@media (min-width: 768px){
  .recruit_top:hover{background: #ee2236;}
  .recruit_top:hover li p, .recruit_top:hover li h3{color: #fff;}
  .recruit_top:hover li p.gw{background-image: url(../images/icon-gangwei-h.png);}
  .recruit_top:hover li p.bm{background-image: url(../images/icon-bumen-h.png);}
  .recruit_top:hover li p.xz{background-image: url(../images/icon-xinzi-h.png);}
  .recruit_top:hover li p.sj{background-image: url(../images/icon-shijian-h.png);}
  .recruit_top:hover li:last-child{background-image: url(../images/icon-click-h.png);}
}
.recruit_cont{width: 100%; padding: 30px 50px; border-bottom: 1px solid #ee2236; font-size: 16px; color: #444; line-height: 28px; display: none;}


@media (max-width: 1680px){
  .about .mao{top: -160px;}
  .about_box{padding: 70px 0;}
  .module{padding: 55px 0;}
  .about_tit{font-size: 27px; padding-left: 45px;}
  .about_tit::after{left: 115%;}
  .about_tit i{width: 27px; height: 27px;}
  .about_en{font-size: 27px; padding-right: 45px;}
  .about_en i{width: 27px; height: 27px;}
  .about_ys{width: 27px; height: 27px;}
  .about_zx{width: 27px; height: 27px;}
  .about_en::after{right: 115%;}

  .introduce_tit{margin-bottom: 25px;}
  .introduce_logo{width: 125px; margin: 0 32px;}
  .introduce_cont h3{font-size: 26px;}

  .lic{margin-left: 200px; padding-bottom: 40px;}
  .lic dt.fst{width: 40px; height: 40px; margin-left: -23px; margin-bottom: 20px;}
  .lic dt{width: 100px; height: 100px; line-height: 100px; font-size: 20px; margin-left: -150px;}
  .lic dt i{top: 48px; left: 100px; width: 37px;}
  .lic dt em{top: 40px; left: 137px;}
  .lic dd{margin-top: -80px; padding: 10px 20px;}
  .lic dd p{line-height: 28px;}

  .advantage li{width: 22%; padding: 25px 45px;}
  .adimg img{height: 70px;}
  .advantage li h3{font-size: 22px;}
  .advantage li p{line-height: 28px; margin-top: 25px;}

  .honor_list{width: 85%; padding: 25px 70px;}
  .honor_list .swiper-slide{width: 450px;}
  .honor_list .swiper-btn:after{font-size: 55px;}

  .history{padding: 25px 0;}
  .history .topwrap .img{box-shadow: 0 0 25px #aaa; margin: 25px 0;}
  .history .topwrap .text{font-size: 20px;}
  .history .swiper-pagination{font-size: 18px; margin-top: 30px;}
  .history .thumbswrap{margin-top: 40px;}
  .history .gallery-thumbs .swiper-slide p{font-size: 18px; line-height: 30px;}
  .history .gallery-thumbs .swiper-slide p span{font-size: 26px;}
  .history .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{font-size: 28px;}
  .history .gallery-thumbs .swiper-slide p::before{width: 5px; height: 5px;}
  .history .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p::before{width: 45px;}
  .history .swiper-button-next, .history .swiper-button-prev{width: 70px; height: 70px;}
  .history .swiper-button-next::after, .history .swiper-button-prev::after{font-size: 28px;}

  .partner{padding: 25px 0;}
  .partner li{height: 120px;}

  .recruit{padding: 40px 0;}
  .recruit_item{margin-bottom: 25px;}
  .recruit_top{padding: 25px 45px;}
  .recruit_top li p{font-size: 17px; margin-bottom: 15px;}
  .recruit_top li h3{font-size: 18px;}
  .recruit_top li:last-child{background-size: 45px;}
  .recruit_cont{padding: 25px 45px; font-size: 15px; line-height: 26px;}
}

@media (max-width: 1440px){
  .about .mao{top: -140px;}
  .about_box{padding: 60px 0;}
  .module{padding: 50px 0;}
  .about_tit{font-size: 24px; padding-left: 40px;}
  .about_tit i{width: 24px; height: 24px;}
  .about_en{font-size: 24px; padding-right: 40px;}
  .about_en i{width: 24px; height: 24px;}
  .about_ys{width: 24px; height: 24px;}
  .about_zx{width: 24px; height: 24px;}

  .introduce_tit{margin-bottom: 20px;}
  .introduce_logo{width: 100px; margin: 0 30px;}
  .introduce_cont h3{font-size: 24px;}
  .introduce_cont p{font-size: 15px; line-height: 28px;}

  .lic{margin-left: 150px; padding-bottom: 30px;}
  .lic dt.fst{width: 30px; height: 30px; margin-left: -18px; margin-bottom: 10px;}
  .lic dt{width: 80px; height: 80px; line-height: 80px; font-size: 16px; margin-left: -120px;}
  .lic dt i{top: 38px; left: 80px; width: 27px;}
  .lic dt em{top: 30px; left: 107px;}
  .lic dd{margin-top: -70px; margin-left: 25px; padding: 8px 15px;}
  .lic dd p{line-height: 25px;}

  .advantage li{width: 24%; padding: 20px 30px;}
  .adimg img{height: 60px;}
  .advantage li h3{font-size: 20px;}
  .advantage li p{font-size: 14px; line-height: 25px; margin-top: 20px;}

  .honor_list{width: 90%; padding: 20px 60px;}
  .honor_list .swiper-slide{width: 400px;}
  .honor_list .swiper-btn:after{font-size: 50px;}

  .history{padding: 20px 0;}
  .history .topwrap .img{box-shadow: 0 0 20px #aaa; margin: 20px 0;}
  .history .topwrap .text{font-size: 18px;}
  .history .swiper-pagination{font-size: 16px; margin-top: 25px;}
  .history .thumbswrap{margin-top: 35px;}
  .history .thumbswrap::after{top: 1px;}
  .history .gallery-thumbs .swiper-slide p{font-size: 16px; line-height: 25px;}
  .history .gallery-thumbs .swiper-slide p span{font-size: 22px;}
  .history .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{font-size: 24px;}
  .history .gallery-thumbs .swiper-slide p::before{width: 4px; height: 4px;}
  .history .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p::before{width: 40px;}
  .history .swiper-button-next, .history .swiper-button-prev{width: 60px; height: 60px;}
  .history .swiper-button-next::after, .history .swiper-button-prev::after{font-size: 26px;}

  .partner{padding: 20px 0;}
  .partner li{height: 100px;}

  .recruit{padding: 30px 0;}
  .recruit_item{margin-bottom: 20px;}
  .recruit_top{padding: 20px 40px;}
  .recruit_top li p{font-size: 16px; margin-bottom: 12px; line-height: 20px; padding-left: 26px;}
  .recruit_top li h3{font-size: 16px;}
  .recruit_top li:last-child{background-size: 40px;}
  .recruit_cont{padding: 20px 40px; font-size: 14px; line-height: 24px;}
}

@media (max-width: 1200px){
  .about .mao{top: -120px;}
  .about_box{padding: 50px 0;}
  .module{padding: 40px 0;}
  .about_tit{font-size: 22px; padding-left: 35px;}
  .about_tit i{width: 22px; height: 22px;}
  .about_en{font-size: 22px; padding-right: 35px;}
  .about_en i{width: 22px; height: 22px;}
  .about_ys{width: 22px; height: 22px;}
  .about_zx{width: 22px; height: 22px;}

  .introduce_tit{margin-bottom: 10px;}
  .introduce_logo{width: 80px; margin: 0 25px;}
  .introduce_cont h3{font-size: 22px;}
  .introduce_cont p{font-size: 14px; line-height: 24px;}

  .culture{width: 700px;}
  .lic{margin-left: 120px; padding-bottom: 25px;}
  .lic dd p{line-height: 24px;}

  .advantage li{padding: 15px 20px;}
  .adimg img{height: 50px;}
  .advantage li h3{font-size: 18px;}
  .advantage li p{line-height: 24px; margin-top: 15px;}

  .honor_list{padding: 15px 50px;}
  .honor_list .swiper-slide{width: 300px;}
  .honor_list .swiper-btn:after{font-size: 40px;}

  .history{padding: 15px 0;}
  .history .topwrap .img{box-shadow: 0 0 15px #aaa; margin: 15px 0; max-width: 60%;}
  .history .topwrap .text{font-size: 17px;}
  .history .swiper-pagination{font-size: 15px; margin-top: 18px;}
  .history .thumbswrap{margin-top: 30px;}
  .history .gallery-thumbs .swiper-slide p{font-size: 15px; line-height: 24px; padding: 15px 0;}
  .history .gallery-thumbs .swiper-slide p span{font-size: 18px;}
  .history .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{font-size: 20px;}
  .history .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p::before{width: 30px;}
  .history .swiper-button-next, .history .swiper-button-prev{width: 50px; height: 50px;}
  .history .swiper-button-next::after, .history .swiper-button-prev::after{font-size: 22px;}

  .partner{padding: 15px 0;}
  .partner li{height: 80px;}

  .recruit{padding: 25px 0;}
  .recruit_item{margin-bottom: 15px;}
  .recruit_top{padding: 20px 30px;}
  .recruit_top li:last-child{background-size: 35px;}
  .recruit_cont{padding: 20px 30px;}
}

@media (max-width: 768px){
  .about .mao{top: -60px;}
  .about_box{padding: 40px 0;}
  .about_tit{font-size: 20px; padding-left: 30px;}
  .about_tit i{width: 20px; height: 20px;}
  .about_en{font-size: 20px; padding-right: 30px;}
  .about_en i{width: 20px; height: 20px;}
  .about_ys{width: 20px; height: 20px;}
  .about_zx{width: 20px; height: 20px;}
  .about_tit::after, .about_en::after{width: 60%;}

  .introduce{display: block;}
  .introduce_img{width: 100%;}
  .introduce_cont{width: 100%; margin-top: 20px;}
  .introduce_tit{margin-bottom: 10px;}
  .introduce_logo{width: 70px; margin: 0 15px;}
  .introduce_cont h3{font-size: 20px;}

  .culture{width: 100%;}
  .lic{margin-left: 75px; padding-bottom: 10px; border-left-width: 2px;}
  .lic dt.fst{width: 16px; height: 16px; margin-left: -9px; margin-bottom: 10px;}
  .lic dt{width: 60px; height: 60px; line-height: 60px; font-size: 14px; font-weight: normal; margin-left: -77px;}
  .lic dt i{height: 2px; top: 29px; left: 60px; width: 15px;}
  .lic dt em{top: 24px; left: 70px; width: 6px; height: 6px; border-width: 3px;}
  .lic dd{margin-top: -60px; margin-left: 15px; margin-bottom: 10px; padding: 8px 12px;}
  .lic dd:before{border-top-width: 6px; border-bottom-width: 6px; top: 24px;}
  .lic dd p{font-size: 12px; line-height: 20px;}

  .advantage{display: block; font-size: 0;}
  .advantage li{padding: 10px 10px; width: 50%; display: inline-block; vertical-align: top;}
  .adimg img{height: 40px;}
  .advantage li h3{font-size: 16px; margin: 15px 0 10px;}
  .advantage li span{width: 30px; height: 2px;}
  .advantage li p{line-height: 20px; margin-top: 10px; font-size: 12px;}

  .honor_list{padding: 0px 15px; width: 100%;}
  .honor_list .swiper-slide{width: 240px;}
  .honor_list .swiper-btn:after{font-size: 30px;}
  .honor_list .swiper-button-prev{left: -15px;}
  .honor_list .swiper-button-next{right: -15px;}
  .honor_list .swiper-slide .img p{font-size: 14px; line-height: 24px;}

  .history{padding: 0;}
  .history .topwrap{padding: 0 35px;}
  .history .topwrap .img{box-shadow: 0 0 10px #aaa; margin: 10px 0; max-width: 100%;}
  .history .topwrap .text{font-size: 16px;}
  .history .swiper-pagination{font-size: 14px; margin-top: 12px;}
  .history .thumbswrap{margin-top: 20px;}
  .history .gallery-thumbs .swiper-slide p{font-size: 14px; padding: 12px 0;}
  .history .gallery-thumbs .swiper-slide p span{font-size: 16px;}
  .history .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{font-size: 18px;}
  .history .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p::before{width: 25px;}
  .history .swiper-button-next, .history .swiper-button-prev{width: 40px; height: 40px;}
  .history .swiper-button-next::after, .history .swiper-button-prev::after{font-size: 20px;}
  .history .swiper-button-prev{left: -10px;}
  .history .swiper-button-next{right: -10px;}

  .partner{padding: 0;}
  .partner li{height: 66px; width: 30.333%; margin: 1.5%;}

  .recruit{padding: 0;}
  .recruit_top{padding: 15px; display: block; font-size: 0; position: relative;}
  .recruit_top li{width: auto; min-width: 50%; display: inline-block; vertical-align: top; margin-top: 10px; overflow: hidden;}
  .recruit_top li:first-child{width: 100%; margin-top: 0;}
  .recruit_top li:last-child{min-width: unset; width: 30px; height: 30px; background-size: contain; position: absolute; right: 15px; bottom: 15px; z-index: 10;}
  .recruit_top li p{float: left; margin: 0; font-size: 15px; line-height: 18px; padding-left: 24px;}
  .recruit_top li h3{float: left; line-height: 18px; font-size: 15px;}
  .recruit_cont{padding: 15px;}
}
/* about */


/* product */
.page{padding: 80px 0;}
.page_module{width: 80%; margin: auto;}
.page h1{font-size: 36px; color: #333; line-height: 40px; margin-bottom: 40px;}
.page h3{font-size: 24px; color: #333; line-height: 30px; margin-top: 20px; margin-bottom: 10px; font-weight: bold;}
.page h4{font-size: 20px; color: #333; line-height: 30px; margin-top: 15px; margin-bottom: 10px; font-weight: bold;}
.page p{font-size: 16px; color: #333; line-height: 30px;}
.page img{margin: 20px 0; display: block; max-width: 100%;}

@media (max-width: 1680px){
  .page{padding: 70px 0;}
}

@media (max-width: 1440px){
  .page{padding: 60px 0;}
}

@media (max-width: 1200px){
  .page{padding: 50px 0;}
  .page_module{width: 100%;}
  .page h1{font-size: 30px; margin-bottom: 30px;}
  .page h3{font-size: 21px; line-height: 30px; margin-top: 15px;}
  .page h4{font-size: 18px; line-height: 30px; margin-top: 12px;}
  .page p{font-size: 15px; line-height: 26px;}
  .page img{margin: 15px 0;}
}

@media (max-width: 768px){
  .page{padding: 40px 0;}
  .page h1{font-size: 24px; line-height: 30px; margin-bottom: 15px;}
  .page h3{font-size: 18px; line-height: 26px; margin-top: 12px; margin-bottom: 6px;}
  .page h4{font-size: 16px; line-height: 26px; margin-top: 10px; margin-bottom: 5px;}
  .page p{font-size: 14px; line-height: 24px;}
  .page img{margin: 12px 0;}
}

/* product */




.jianz{text-align: center; font-size: 0; margin-bottom: 50px;}
.jianz li{display: inline-block; font-size: 18px; color: #333; line-height: 40px; margin: 0 40px; cursor: pointer; position: relative;}
.jianz li::after{content: ""; width: 0; height: 2px; background: #ee2236; position: absolute; left: 50%; bottom: -10px; transform: translateX(-50%); z-index: 10; transition: all .5s;}
.jianz li i{display: inline-block; float: left; width: 40px; height: 40px; margin-right: 10px; background-repeat: no-repeat; background-size: contain; background-position: center;}
.jianz li i.wp{background-image: url(../images/wordpress.png);}
.jianz li i.sp{background-image: url(../images/shopify.png);}
.jianz li.active::after, .jianz li:hover::after{width: 100%;}
.jianz_box .shopify{display: none;}

@media (max-width: 1680px){}
@media (max-width: 1440px){}
@media (max-width: 1200px){}
@media (max-width: 768px){
  .jianz{display: flex; justify-content: space-around;}
  .jianz li{font-size: 16px; line-height: 36px; margin: 0;}
  .jianz li i{width: 36px; height: 36px; margin-right: 8px;}
}


/* 网站 */
.zhanshi, .yingxiao{width: 48%;}
.wtweb h3{font-size: 32px; color: #333; line-height: 1.5;}
.wtweb .line{width: 30px; height: 2px; background-color: #ee2236; margin: 30px 0;}
.wtweb_des{font-size: 14px; color: #666; line-height: 30px;}
.zhanshi_td{width: 100%; margin-top: 20px;}
.zhanshi_td li{width: 48%; float: left; margin-top: 4%; box-shadow: 0 2px 4px #ccc; padding: 25px;}
.zhanshi_td li:nth-of-type(2n-1){margin-right: 4%;}
.zhanshi_td li span{display: block; font-size: 32px; color: #ee2236; line-height: 1;}
.zhanshi_td li h4{font-size: 18px; color: #333; line-height: 26px; margin: 15px 0 10px;}
.zhanshi_td li p{font-size: 14px; color: #666; line-height: 24px; text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;}

.yingxiao_td li{margin-top: 30px; display: flex;}
.yingxiao_td li span{display: block; font-size: 40px; color: #ee2236; line-height: 1; margin-top: 10px; margin-right: 8px;}
.yingxiao_td li div{float: right;}
.yingxiao_td li h4{font-size: 20px; line-height: 1; margin-bottom: 10px;}
.yingxiao_td li p{font-size: 14px; line-height: 24px;}

.wtweb_bj{width: 100%; max-width: 705px; margin: 40px 0;}
.wtweb_lx{width: 100%; background: #ee2236; padding: 20px;}
.wtweb_lxbox{width: 100%; border: 1px dashed #fff; padding: 20px; display: flex; justify-content: space-between; align-items: center;}
.wtweb_lxnr h2{font-size: 26px; color: #fbf803; line-height: 1.3;}
.wtweb_lxnr h1{font-size: 36px; color: #fff; line-height: 1.3; margin: 20px 0;}
.wtweb_lxnr h3{font-size: 26px; color: #fbf803; line-height: 1.3; font-weight: normal;}
.wtweb_lxnr a{display: inline-block; width: 160px; height: 42px; border: 1px solid #fff; background: #fff; font-size: 18px; color: #ee2236; line-height: 40px; text-align: center; font-weight: bold; margin-top: 20px;}
.wtweb_lxnr a.baojia{background: none; color: #ffff; margin-left: 20px;}

.wtweb_lxcd{padding: 10px; position: relative; max-width: 170px; margin: auto;}
.wtweb_lxcd .t{width: 100%; height: 2px; position: absolute; left: 0; top: 0; z-index: 1;}
.wtweb_lxcd .t::before{content: ""; width: 30px; height: 100%; background: #fff; position: absolute; left: 0; top: 0;}
.wtweb_lxcd .t::after{content: ""; width: 30px; height: 100%; background: #fff; position: absolute; right: 0; top: 0;}
.wtweb_lxcd .b{width: 100%; height: 2px; position: absolute; left: 0; bottom: 0; z-index: 1;}
.wtweb_lxcd .b::before{content: ""; width: 30px; height: 100%; background: #fff; position: absolute; left: 0; top: 0;}
.wtweb_lxcd .b::after{content: ""; width: 30px; height: 100%; background: #fff; position: absolute; right: 0; top: 0;}
.wtweb_lxcd .r{width: 2px; height: 100%; position: absolute; right: 0; top: 0; z-index: 1;}
.wtweb_lxcd .r::before{content: ""; width: 100%; height: 30px; background: #fff; position: absolute; left: 0; top: 0;}
.wtweb_lxcd .r::after{content: ""; width: 100%; height: 30px; background: #fff; position: absolute; left: 0; bottom: 0;}
.wtweb_lxcd .l{width: 2px; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;}
.wtweb_lxcd .l::before{content: ""; width: 100%; height: 30px; background: #fff; position: absolute; left: 0; top: 0;}
.wtweb_lxcd .l::after{content: ""; width: 100%; height: 30px; background: #fff; position: absolute; left: 0; bottom: 0;}
.wtweb_lxcd img{margin: 0;}
.wtweb_lxfs p{font-size: 18px; color: #fff; line-height: 1.3; text-align: center; margin-top: 15px;}
.wtweb_lxfs p a{font-size: 26px;}

.wtweb_tip{display: inline-block; max-width: 100%; padding: 15px 20px; background: #ee2236; font-size: 14px; color: #fff; line-height: 24px; border-radius: 8px; position: relative; margin-left: 40px; margin-bottom: 12px;}
.wtweb_tip::after{content: ""; border-top: 12px solid #ee2236; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; left: 28px; bottom: -12px; z-index: 10;}
.wtweb_tip span{display: block; font-size: 16px; color: #fbf803; line-height: 30px; font-weight: bold;}
.wtweb_tip em{color: #fbf803; margin: 0 12px;}

.wtweb_qt{width: 100%; padding: 20px 40px; border-bottom: 2px dashed #ee2236;}
.wtweb_qt h5{font-size: 20px; color: #ee2236; line-height: 32px; font-weight: bold; margin: 0;}
.wtweb_qt li{font-size: 18px; color: #333; line-height: 30px;}
.wtweb_qt li span{color: #ee2236; font-weight: bold;}


@media (max-width: 1680px){
  .wtweb h3{font-size: 30px;}
  .wtweb .line{margin: 28px 0;}
}
@media (max-width: 1440px){
  .wtweb h3{font-size: 28px;}
  .wtweb .line{margin: 25px 0;}
  .yingxiao_td li span{font-size: 36px;}
  .wtweb_lxnr h2{font-size: 24px;}
  .wtweb_lxnr h1{font-size: 32px; margin: 15px 0;}
  .wtweb_lxnr h3{font-size: 24px; margin: 0;}
  .wtweb_lxcd{max-width: 150px;}
  .wtweb_lxfs p a{font-size: 24px;}
}
@media (max-width: 768px){
  .wtweb_flex{display: block;}
  .zhanshi, .yingxiao{width: 100%;}
  .wtweb h3{font-size: 26px;}
  .wtweb .line{margin: 20px 0;}
  .wtweb_des{line-height: 26px;}
  .zhanshi_td li{padding: 15px; width: 100%; margin-right: 0;}
  .zhanshi_td li span{font-size: 30px;}
  .yingxiao_td li{margin-top: 20px;}
  .yingxiao_td li span{font-size: 32px;}
  .yingxiao_td li h4{font-size: 18px;}
  .wtweb_lx{padding: 15px;}
  .wtweb_lxbox{padding: 15px; display: block;}
  .wtweb_lxnr h2{font-size: 20px;}
  .wtweb_lxnr h1{font-size: 25px; margin: 10px 0;}
  .wtweb_lxnr h3{font-size: 20px;}
  .wtweb_lxnr a{width: 150px; height: 40px; font-size: 17px; line-height: 38px; margin-top: 15px;}
  .wtweb_lxcd{max-width: 150px; margin: 20px 0 0;}
  .wtweb_lxfs p{text-align: left; font-size: 17px;}
  .wtweb_lxfs p a{font-size: 22px;}
  .wtweb_tip{padding: 15px; margin-left: 30px;}
  .wtweb_qt{padding: 15px;}
  .wtweb_qt h5{font-size: 18px;}
  .wtweb_qt li{font-size: 15px;}
}

/* 百度系 */
.wtweb_cg{overflow: hidden; margin-bottom: 60px;}
.wtweb_cg li{float: left; padding: 8px 40px; font-size: 16px; color: #ee2236; line-height: 24px; border: 1px solid #ddd; margin-right: 15px; cursor: pointer;}
.wtweb_cg li:last-child{margin-right: 0;}
.wtweb_cg li.active, .wtweb_cg li:hover{background: #ee2236; border-color: #ee2236; color: #fff;}
.wtweb_box .wtweb{display: none;}
.wtweb_box .wtweb:first-child{display: block;}
.jingjia_td{width: 100%;}
.jingjia_td li{width: 31%; float: left; margin-top: 3.5%; margin-right: 3.5%; box-shadow: 0 2px 4px #ccc; padding: 25px;}
.jingjia_td li:nth-of-type(3n){margin-right: 0;}
.jingjia_td li span{display: block; font-size: 32px; color: #ee2236; line-height: 1;}
.jingjia_td li h4{font-size: 18px; color: #333; line-height: 26px; margin: 15px 0 10px;}
.jingjia_td li p{height: 72px; font-size: 14px; color: #666; line-height: 24px; text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;}


@media (max-width: 1680px){
  .wtweb_cg{margin-bottom: 50px;}
}
@media (max-width: 1440px){
  .wtweb_cg{margin-bottom: 40px;}
}
@media (max-width: 768px){
  .wtweb_cg{margin-bottom: 30px;}
  .wtweb_cg li{padding: 6px 15px; margin-right: 10px;}
  .jingjia_td li{width: 100%; padding: 15px; margin-right: 0;}
  .jingjia_td li span{font-size: 30px;}
}