html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{margin:0;font-family: "Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;line-height: 1.42857143;font-size: 14px;min-width: 1230px;background: #fff;color: #333;}
h1{font-size:1em;margin:.67em 0;} 
figure{margin:1em 40px;}
hr{box-sizing:content-box;height:0;overflow:visible;}
a{-webkit-text-decoration-skip:objects;background-color:transparent;}
abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}
b,strong{font-weight:bolder;}
dfn{font-style:italic;}
mark{background-color:#ff0;color:#000;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-.25em;}
sup{top:-.5em;}
audio:not([controls]){display:none;height:0;}
img{border-style:none;max-width:100%;}
svg:not(:root){overflow:hidden;}
button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline: none;}
body, button, input, select, textarea {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern";}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,html [type=button],/* 1 */
[type=reset],[type=submit]{-webkit-appearance:button;}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{padding:.35em .75em .625em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{display:inline-block;vertical-align:baseline;}
textarea{overflow:auto;}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto;}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
summary{display:list-item;}
article,aside,footer,header,nav,section,figcaption,figure,main,details,menu{display:block;}
pre,code,kbd,samp{font-family:monospace, monospace;font-size:1em;}
audio,video,canvas{display:inline-block;}
template,[hidden]{display:none;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
a {color: #333;text-decoration: none;}
a:hover {color: #9D4AD6;}
ul {margin: 0;list-style: none;padding: 0;}
.container {height: auto;margin: 0 auto;padding-top: 0;position: relative;width: 1200px;z-index: 1;}

/*header*/
.header{ width:100%; height:80px; margin:0 auto; position:relative; background:#FFF; box-shadow:0 0px 20px 0 rgba(77,49,124,0.1); position:fixed;top:0; z-index:10; }
.header .logo{ width:265px; position:absolute; top:5px; left:10px;}
.header .logo a{ width:95px; height:50px; display:block; float:left; }
.header .logo a img{ height:70px;}
.header .logotext{ letter-spacing: 5px;  font-size:16px;color:#666; font-style:italic; font-weight:700; float:left; vertical-align:bottom; line-height:30px; margin:20px 0 0 15px;}

.nav{ width:820px; font-size:16px; z-index: 99; position:absolute; right:80px; top:0px;}
.nav ul{ width:100%;}
.nav ul li{float:left;  text-align:center; position:relative;}
.nav li a,.nav li a:active,.nav li a:visited{text-decoration:none; color:#616578; display:inline-block; text-align:center; padding:0 0px; margin:0 20px; float:left;height:80px; line-height:80px; overflow:hidden; }
.nav li a:hover,.nav li .hover{color:#7825A9;}
.nav li .dropdown{width:100px; font-size:14px; padding:15px; border-radius:4px; margin:0; box-shadow:0 2px 12px 0 rgba(0,0,0,0.1); border:1px solid #ebeef5;  background:#fff; visibility:hidden; top:65px; left:-14px; position:absolute;  z-index:999; opacity:1;}
.nav li .dropdown li{width:100%;}
.nav li ul a,.nav li ul a:active,.nav li ul a:visited{ display:block; color:#3f3f3f;  width:100%; height:35px; padding:0; line-height:35px;  text-align:center; margin:0;}
.nav li:hover .dropdown{ visibility:visible;}
.nav li ul li a:hover{color:#7825A9; height:35px; border-bottom:none; }
.nav li .dropdown:before {content:""; position:absolute; top:-8px; left:55px; width: 0; display:block;   height: 0;    border-width: 0 8px 8px;  border-style: solid;    border-color: transparent transparent #ebeef5;}

.header .member{  position:absolute; width:240px; right:0px; top:24px;}
.header .member .btn{ width:90px; height:34px; line-height:34px; margin-right: 10px; float:left; border-radius:17px;    -webkit-transition: .3s ease-in-out;    -o-transition: .3s ease-in-out;    transition: .3s ease-in-out;    font-weight: 500; color: #616578; font-size:14px; display:inline-block; cursor:pointer; text-indent:45px;}
.header .member .btn:hover{ background:#008680; color:#FFF;}
.header .member .login{ background:url(../images/ic_profile.png) no-repeat  #f2f2f2; background-position:15px 5px}
.header .member .login:hover{ background:url(../images/ic_profile_hover.png) no-repeat  #008680;background-position:15px 5px}

.header .member .reg{ background:url(../images/ic_edit.png) no-repeat  #f2f2f2; background-position:15px 5px}
.header .member .reg:hover{ background:url(../images/ic_edit_hover.png) no-repeat  #008680;background-position:15px 5px}
.header .member .wechat{ background:url(../images/wechat.png); width:29px; height:25px; display:inline-block; margin:5px 0 0 10px;float:left; cursor:pointer; }
.header .member .wechat:hover{ background:url(../images/wechat_hover.png);}
.header .member .wechat2{ display:none;   position:absolute; z-index:100; top:39px; right:-50px; box-shadow:2px 5px 5px rgba(0, 0, 0, 0.349019607843137); }

.header .lang{position:absolute; width: 120px; right:0px; font-size:16px;}
.header .lang ul{ width:100%;}
.header .lang ul li{float:right; text-align:center; position:relative; height: 30px;line-height: 30px;}
.header .lang ul li img{float:left;position:relative; width: 20px; height:20px; padding-top:30px;margin-right:-15px;}
.header .lang li a,.nav li a:active,.nav li a:visited{text-decoration:none; color:#616578; display:inline-block; text-align:center; padding:0 0px; margin:0 20px; float:left;height:80px; line-height:80px; overflow:hidden; }
.header .lang li a:hover,.nav li .hover{color:#7825A9;}
.header .lang li .dropdown{width:100px; font-size:14px; padding:15px; border-radius:4px; margin:0; box-shadow:0 2px 12px 0 rgba(0,0,0,0.1); border:1px solid #ebeef5;  background:#fff; visibility:hidden; top:65px; left:-14px; position:absolute;  z-index:999; opacity:1;}
.header .lang li .dropdown li{width:100%;}
.header .lang li ul a,.nav li ul a:active,.nav li ul a:visited{ display:block; color:#3f3f3f;  width:100%; height:35px; padding:0; line-height:35px;  text-align:center; margin:0;}
.header .lang li:hover .dropdown{ visibility:visible;}
.header .lang li ul li a:hover{color:#7825A9; height:35px; border-bottom:none; }
.header .lang li .dropdown:before {content:""; position:absolute; top:-8px; left:55px; width: 0; display:block;   height: 0;    border-width: 0 8px 8px;  border-style: solid;    border-color: transparent transparent #ebeef5;}

.menu-btn{ display:none;}

.banner {height: 700px;position: relative;background: url(../images/aboutvideo.jpg) no-repeat center / cover;}
.banner video {display: block;position: absolute;left: 50%;top: 50%;width: 1920px;height: 1080px;margin: -540px 0 0 -960px;}
.banner .text {display: table;width: 100%;height: 100%;color: #fff;background: rgba(8,8,9,0.4);}
.banner .text .inner {display: table-cell;vertical-align: middle;text-align: center;}
.banner .text h4 {font-size: 54px;text-shadow: 0 2px 2px #333333;margin: 0 0 30px;-webkit-transform: translateX(-200px);transform: translateX(-200px);-webkit-transition: all 1s;transition: all 1s;opacity: 0;}
.banner .text p {font-size: 22px;margin: 0;text-shadow: 0 2px 2px #333333;-webkit-transform: translateX(200px);transform: translateX(200px);-webkit-transition: all 1s;transition: all 1s;opacity: 0;}
.banner .text a {display: block;margin: 40px auto 0;border: 1px solid #fff;border-radius: 50px;line-height: 42px;font-size: 18px;width: 180px;color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}
.banner .text a:hover {background-color: #9D4AD6;border-color: #9D4AD6;}
.banner .img-cover {display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner .swiper-pagination {display: none;}
.banner .ani-slide h4,.banner .ani-slide p {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}

input { line-height:18px; height:18PX; color:#817a7a; font-size:12px; margin:0; padding:0; border:1px solid #d4d0c8; border-top:1px solid #808080; border-left:1px solid #808080; }
.input1 { color:#999999; margin:5; padding:5; border:1px solid #ccc; background:#fff; text-indent:10px; width:380px; height:50px; font-size:16px; font-family: 'Microsoft YaHei UI','Microsoft YaHei';  }
.input2 { color:#999999; margin:5; padding:5; border:1px solid #ccc; background:#fff;  text-indent:10px; width:770px; height:50px; font-size:16px; font-family: 'Microsoft YaHei UI','Microsoft YaHei';  }
.input3 { color:#999999; margin:5; padding:5; border:1px solid #ccc; background:#fff;  text-indent:10px; width:370px; height:50px; font-size:16px; font-family: 'Microsoft YaHei UI','Microsoft YaHei';  }
.input31 { color:#999999; margin:5; padding:5; border:1px solid #ccc; background:#fff;  text-indent:10px; width:180px; height:50px; font-size:16px; font-family: 'Microsoft YaHei UI','Microsoft YaHei';  }
.input32 { color:#999999; margin:5; padding:5; border:1px solid #ccc; background:#fff;  text-indent:10px; width:90px; height:50px; font-size:16px; font-family: 'Microsoft YaHei UI','Microsoft YaHei';  }
.classOn { font-size: 16px; text-decoration: none; height: 45px; width: 175px; background:#008cee;line-height: 45px; cursor: pointer; font-family: 'Microsoft YaHei UI','Microsoft YaHei','SimSun','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif!important; color: #fff; }
.classOut { font-size: 16px; font-weight: normal; text-decoration: none; height: 45px; width: 175px; background:#00c0a2; line-height: 45px; cursor: pointer; font-family: 'Microsoft YaHei UI','Microsoft YaHei','SimSun','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif!important; color: #fff;  }
.classOn3 { font-size: 16px; text-decoration: none; height: 40px; width: 120px; background-image: url(../images/bg1_03.png);line-height: 40px; cursor: pointer; font-family:"宋体"; color: #000; font-weight:bold; }
.classOut3 { font-size: 16px; text-decoration: none; height: 40px; width: 120px; background-image: url(../images/bg1_05.png); line-height: 40px; cursor: pointer; font-family:"宋体";color: #fff; font-weight:bold; }
.classOn2 { font-size: 16px; text-decoration: none; font-weight:bold; width:350px; text-indent:180px; margin-right:0px; height: 37px; line-height: 37px; cursor: pointer; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; }
.classOut2 { font-size: 16px; text-decoration: none; font-weight:bold; width:350px; text-indent:180px; margin-right:0px; height: 37px; line-height: 37px; cursor: pointer; font-family: Arial, Helvetica, sans-serif; color: #CC0000; background: #ccc; }
.bt_track { background-image: url(../images/bt_track.png); background-repeat: no-repeat; height: 52px; width: 170px; margin:0px; padding:0px; border:0px; cursor:pointer;  }
.bt_freight { background-image: url(../images/bt_freight.png); background-repeat: no-repeat; height:52px; width:170px;margin:0px; padding:0px; border:0px; cursor:pointer;  }
.bt_login { background-image: url(../images/bt_login.png); background-repeat: no-repeat; height:52px; width:170px;margin:0px; padding:0px; border:0px; cursor:pointer;  }
.btn_submit { background-image: url(../images/yf_03.jpg); background-repeat: no-repeat; height: 52px; width:150px; border: 0px; margin:0px; padding:0px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; cursor: hand; }

.in-total {color: #fff;margin-top: -85px;position: relative;z-index: 3;text-align: center;background: url(../images/gundongbg.jpg) no-repeat center / cover #d90a14}
.in-total li {float: left;width: 25%;padding: 40px 0;}
.in-total li span {display: block;line-height: 1;font-size: 18px;}
.in-total li strong {font-size: 58px;position: relative;display: inline-block;font-family: Impact;margin-right: 5px;}
.in-total li strong:before {position: absolute;right: -16px;top: 0;font-size: 24px;}
.in-total li p {margin: 10px 0 0;font-size: 18px;}

.section {padding: 80px 0;}
.section-title {text-align: center;margin-bottom: 40px;font-size: 33px;}
.section-title h1{font-size: 1em;margin: .67em 0;}   
.section-title h2{font-size: 1em;margin: .67em 0;} 
.section-title span {color: #9D4AD6;text-transform: uppercase;}
.section-title p {font-size: 16px;margin: 5px 0 0;color: #666;}
.section-titlenew p {font-size: 16px;margin: 16px 0 0;color: #f00;}
 
.section-contact { background:#fff;color: #666; border-radius:5px; width:1120px;}
.section-contact .title {font-size: 30px;color: #000;text-align: center;background: url(../images/1px.jpg) repeat-x center;line-height: 46px; }
.section-contact .title strong {display: inline-block;*display: inline; zoom: 1;background: #fff; padding: 0 86px; position: relative; z-index: 1;  color: #000;}
.section-contact .title strong::before {width: 19px;height: 5px;background: #b6c4cd;position: absolute;right: 0;top: 50%;margin: -2.5px 0 0;content: "";}
.section-contact .title strong::after {width: 19px;height: 5px;background: #b6c4cd;position: absolute;left: 0;top: 50%;margin: -2.5px 0 0;content: "";}
.section-sub {padding: 40px 0;}

.in-service{margin: -20px 0 0 -30px;}
.in-service li{ width:23%; background:#FFF; border:1px solid #eee; margin:10px 1%; box-sizing:border-box; float:left; overflow:hidden; box-shadow:0 0 2px 0 rgba(0,0,0,.1)}
.in-service li a{ width:100%; display:inline-block;  text-align:center; }
.in-service li a img{ width:100%; height:160px; }
.in-service li a h4{ margin:0 10px; font-size:24px; line-height:70px; border-bottom:1px dashed #cecece; }
.in-service li a p{ font-size:14px; line-height:22px; height:66px; overflow:hidden; text-align:left; margin:10px 15px; color:#666;}
.in-service li a:hover{box-shadow: 0 0 26px #cacaca;border-color: #d6d6d6;background:#9D4AD6; color:#fff;}
.in-service li a:hover img{  transform: scale(1.1);    -ms-transform: scale(1.1);}
.in-service li a:hover p{  color:#fff;}

.effect-img{text-align: center;cursor: pointer; zoom:1; overflow:hidden;}
.effect-img img{opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s;}
.effect-img:hover img{opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform:  scale3d(1.1,1.1,1);}
.in-solution{margin: -20px 0 0 -30px;}
.in-solution li{width:50%; float:left; background:#f9f9f9;}
.in-solution li .effect-img{width:50%; float:left; position:relative;}
.in-solution li .effect-img img{display:block; width:100%;}
.in-solution li .effect-img .arrow{position:absolute; background-image:url(../images/arr2.png); width:12px; height:17px; right:0px; top:50%; margin-top:-8px;}
.in-solution li .txt{padding:3%; width:44%; float:left; line-height:24px;}
.in-solution li .txt .name{display:block; font-size:16px; color:#2a2b30; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:bold;}
.in-solution li .txt .info{margin:8px 0px 18px; height:72px; overflow:hidden; font-size:14px;}
.in-solution li .txt .more{display:block; background:url(../images/more2.png) no-repeat; width:24px; height:24px;}

.in-solution li.c3 .effect-img,.in-solution li.c4 .effect-img{float:right;}
.in-solution li.c3 .effect-img .arrow,.in-solution li.c4 .effect-img .arrow{right:auto; left:0px; background-image:url(../images/arr3.png);}
.in-solution li:hover .txt .name{color:#da0203;}

.in-feature {margin:0px auto 0 auto; width: 100%;height: 700px; background: url(../images/index-bg.jpg) no-repeat; background-size: cover; background-position: center}
.in-feature-title-hezuo { text-align: center}
.in-feature-title-hezuo img { width: 216px; height: 31px; margin: 96px 0 12px}
.in-feature-title-hezuo h2 { font-size: 36px; line-height: 54px; font-weight: 500; color: #fff}
.in-feature-content-list { width: 1000px; margin: 56px auto 10px}
.in-feature-content-list li { width: 33%; text-align: center; display: inline-block; font-size: 24px; color: #fff; font-weight: 500; line-height: 33px -webkit-transition: .3s; transition: .3s; cursor: pointer}
.in-feature-content-list li.in-featurePitch { font-size: 24px; font-weight: 500; line-height: 33px}
.in-feature-content-All .item ul { margin-top: 65px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex}
.in-feature-content-All .item ul li { display: inline-block; text-align: center; padding: 0 32px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center}
.in-feature-content-All .item ul li .iconfont { font-size: 56px; color: #fff}
.in-feature-content-All .item ul li p { margin-top: 20px; font-size: 18px; color: #fff}
.in-feature-content-All .item ul li .text {  margin-top: 16px; font-size: 14px; line-height: 20px}
.in-feature-content-All .item ul li:hover { background: -webkit-linear-gradient(top, #fff 0, #fff 100%); background: linear-gradient(180deg, #fff 0, #fff 100%); border-radius: 8px; -webkit-animation: slideOutUp1 .3s ease-in-out forwards; animation: slideOutUp1 .3s ease-in-out forwards}
@-webkit-keyframes slideOutUp1 {    100% {        margin-top: -20px    }}
@keyframes slideOutUp1 {    100% {        margin-top: -20px    }}
@-webkit-keyframes gogogo { 0% {     -webkit-transform: rotateY(-270deg) } 100% {     -webkit-transform: rotateY(-360deg) }}
@keyframes gogogo { 0% {     -webkit-transform: rotateY(-270deg) } 100% {     -webkit-transform: rotateY(-360deg) }}
.in-feature-content-All .item ul li:hover p { color: #2b2b2b }
.in-feature-content-All .item ul li:hover .text { display: block; color: #484848 }
.in-feature-content-All .item ul li:hover .iconfont { color: #7825A9 }
.in-feature-content-All .item:nth-child(1) ul li { width: 240px; height: 261px }
.in-feature-content-All .item:nth-child(2) ul li { width: 400px; height: 242px }
.in-feature-content-All .item:nth-child(3) ul li { width: 600px; height: 277px; padding: 0 140px 0 }
.in-feature-content-All .item.item:nth-child(3) ul li .title { font-size: 24px; font-weight: 500 }

.in-achieve{margin:0px auto 0 auto; width:100%; background:#9D4AD6; }
.in-achieve li{float: left;text-align: center;width: 265px;padding: 38px 0 37px;margin-left: 24px;}
.in-achieve li i{width: 97px;height: 3px; display:inline-block;background: #fff;margin: 20px auto;}
.in-achieve li p ,.in-achieve li p span{color: #fff;font-weight: 600;font-size: 48px;}
.in-achieve li:first-child{margin-left: 0;}
.in-achieve li small{display: block;color: #ffffff;font-size: 19px;}

.in-advantage {font-size: 0;margin-left: -50px;text-align: center;}
.in-advantage li {display: inline-block;vertical-align: middle;width: 20%;}
.in-advantage li .wrap {margin: 0 0 0 50px;}
.in-advantage li .m {background: url(../images/img10_2.png) no-repeat center / contain;height: 180px;}
.in-advantage li .m i {display: block;background: no-repeat center / contain;height: 77.77%;}
.in-advantage li .m i.i1 {background-image: url(../images/ys1.png);}
.in-advantage li .m i.i2 {background-image: url(../images/ys2.png);}
.in-advantage li .m i.i3 {background-image: url(../images/ys3.png);}
.in-advantage li .m i.i4 {background-image: url(../images/ys4.png);}
.in-advantage li .m i.i5 {background-image: url(../images/ys5.png);}
.in-advantage li .wrap:hover .m i.i1 {background-image: url(../images/ys11.png);}
.in-advantage li .wrap:hover .m i.i2 {background-image: url(../images/ys22.png);}
.in-advantage li .wrap:hover .m i.i3 {background-image: url(../images/ys33.png);}
.in-advantage li .wrap:hover .m i.i4 {background-image: url(../images/ys44.png);}
.in-advantage li .wrap:hover .m i.i5 {background-image: url(../images/ys55.png);}
.in-advantage li h4 {margin: 15px 0;font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in-advantage li p {margin: 0;font-size: 14px;color: #666;}

.in-product {background-color: #fff; }
.in-product li {float: left;width: 25%;}
.in-product li a {display: block;border: 1px solid #ddd;margin: 30px 0 0 30px;padding: 10px;}
.in-product li span {display: block;border: 1px solid #ddd;margin: 30px 0 0 30px;padding: 10px;}
 
.in-product li .img-center {height: 240px;line-height: 240px;}
.in-product li .text {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;line-height: 35px;background-color: #f4f4f4;font-size: 15px;}
.in-product li a:hover {border-color: #9D4AD6;}
.in-product li a:hover .text {background-color: #9D4AD6;color: #fff;}
.in-product li span:hover {border-color: #9D4AD6;}
.in-product li span:hover .text {background-color: #9D4AD6;color: #fff;}

.in-menu {margin: -20px 0 0 -20px;}
.in-menu {text-align: center;font-size: 0;margin-bottom: 30px;}
.in-menu li {display: inline-block;vertical-align: middle;}
.in-menu li a {display: block;font-size: 18px;line-height: 50px;padding: 0 20px;border: 1px solid #dfdfdf;margin: 20px 0 0 20px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.in-menu li a:hover,.in-menu li.active a {color: #fff;background-color: #9D4AD6;border-color: #9D4AD6;}

.list-1 {margin: -20px 20px 0 0;}
.list-1 li {float: left;width: 25%;}
.list-1 li a {display: block;margin: 20px 0 0 20px;position: relative;}
.list-1 li .img-cover {padding-top: 70%;}
.list-1 li .text {position: absolute;left: 0;top: 0;width: 100%;height: 100%;color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;display: table;background-color: rgba(0,0,0,0.7);-webkit-transform: scale(0);transform: scale(0);overflow: hidden;}
.list-1 li .inner {display: table-cell;vertical-align: middle;text-align: center;padding: 20px;}
.list-1 li .text h4 {margin: 0;font-size: 28px;font-weight: normal;}
.list-1 li .text p {margin: 10px 0 0;font-size: 18px;}
.list-1 li a:hover .text {-webkit-transform: scale(1);transform: scale(1);}

.list-2 {margin: -30px 0 0 -30px;overflow: hidden;}
.list-2 li {float: left;width: 50%;}


.list-2 li a {display: block;margin: 30px 0 0 30px;overflow: hidden;border: 1px solid #e4e4e4;padding: 12px;}
.nuvseo {display: block;margin: 30px 0 0 30px;overflow: hidden;border: 1px solid #e4e4e4;padding: 12px;}

.list-2 li .date {float: left;width: 65px;background-color: #969393;color: #fff;text-align: center;padding: 7px 0;}
.list-2 li .date strong {display: block;font-family: Impact;font-size: 30px;line-height: 1;margin-bottom: 1px;}
.list-2 li .text {margin-left: 77px;}
.list-2 li .text h4 {margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-2 li .text p {margin: 5px 0 0;color: #888;height: 40px;overflow: hidden;}
.list-2 li a:hover {border-color: #9D4AD6;}
.list-2 li a:hover .date {background-color: #9D4AD6;}

.list-cert {background-color: #fff; }
.list-cert li {float: left;width: 25%;}
.list-cert li a {display: block;border: 1px solid #ddd;margin: 30px 0 0 30px;padding: 10px;}
.list-cert li span {display: block;border: 1px solid #ddd;margin: 30px 0 0 30px;padding: 10px;}
.list-cert li .img-center {height: 240px;line-height: 240px;}
.list-cert li .text {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;line-height: 35px;background-color: #f4f4f4;font-size: 15px;}
.list-cert li a:hover {border-color: #9D4AD6;}
.list-cert li a:hover .text {background-color: #9D4AD6;color: #fff;}
.list-cert li span:hover {border-color: #9D4AD6;}
.list-cert li span:hover .text {background-color: #9D4AD6;color: #fff;}

.index-news-con .img-center {float: left;width: 320px;}
.index-news-con .list-2 {margin-left: 320px;}

@-webkit-keyframes scale{
    0%{
        -webkit-transform: scale(0.9);
                transform: scale(0.9);
    }
    50%{
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100%{
        -webkit-transform: scale(0.9);
                transform: scale(0.9);
    }
}

@keyframes scale{
    0%{
        -webkit-transform: scale(0.9);
                transform: scale(0.9);
    }
    50%{
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100%{
        -webkit-transform: scale(0.9);
                transform: scale(0.9);
    }
}

.in-desc {overflow: hidden;background: url(../images/service_sy.jpg) no-repeat center / cover;color: #fff;}
.in-desc .logo {float: left;width: 500px;text-align: left;}
.in-desc .logo img {-webkit-animation: 2s scale linear infinite;animation: 2s scale linear infinite;}
.in-desc .text {margin-left: 500px;}
.in-desc .text h4 {margin: 0;font-size: 30px;}
.in-desc .text h5 {font-size: 18px;margin: 20px 0 10px;}
.in-desc .text p {margin: 0;font-size: 16px;line-height: 1.8;text-align: justify;}
.in-desc .text a {display: inline-block;background: url(../images/mbtxIndex.png) no-repeat 0 0;width: 236px;line-height: 42px;padding-right: 40px;text-align: center;font-size: 18px;margin: 30px 30px 0 0;}

.in-partners {text-align: center;font-size: 0;margin: -15px 0 0 -15px;}
.in-partners li {display: inline-block;vertical-align: middle;}
.in-partners li a {display: block;margin: 15px 0 0 15px;}
.in-partners li img {width:160px;height: 70px;line-height: 70px;}

.in-process {}
.in-process li {float: left;width: 16.666666%;}
.in-process li a {display: block;text-align: center;}
.in-process li .img-center {height: 60px;line-height: 60px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.in-process li h4 {margin: 15px 0 0;font-size: 18px;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in-process li p {margin: 10px 0 0;font-size: 12px;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #888;}
.in-process li a:hover .img-center {-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}

/*首页-常见问题*/
.swiper-inner2{padding-bottom:25px;}
.swiper-inner2 .swiper-pagination{padding-top:12px;left: 50%;transform: translateX(-50%); white-space: nowrap;}
.swiper-inner2 .swiper-pagination-bullet{cursor:pointer;margin:3px;background:#999;width:10px;height:10px;opacity:0.4;}
.swiper-inner2 .swiper-pagination-bullet-active{opacity:1;}
.in-dynamic {width: 100%;overflow: hidden; background: url(../images/faqbg.png) right no-repeat;background-color: #f5f5f5; padding: 20px 0px;}
.in-dynamic li {}
.in-dynamic li a {display: block;background-color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;padding: 30px;}
.in-dynamic li h4 {margin: 0;font-weight: normal;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in-dynamic li p {margin: 15px 0 0;color: #888;height: 40px;overflow: hidden;}
.in-dynamic li a:hover {box-shadow: 0px 5px 20px rgba(0,0,0,0.2);}

.more-big {margin: 40px auto 0;display: block;text-align: center;border: 1px solid #dbdbdb;line-height: 48px;width: 150px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.more-big:hover {color: #fff;background-color: #e62022;border-color: #e62022;}


.in-partone {margin-left: -30px;}
.in-partone li {float: left;width: 50%;}
.in-partone li .wrap {margin-left: 30px;text-align: center;background: url(../images/part_05.png) no-repeat center / cover;padding: 70px 0;color: #fff;}
.in-partone li h4 {margin: 0;font-weight: normal;font-size: 32px;}
.in-partone li h2 {margin: 0;font-weight: normal;font-size: 32px;}

.in-partone li a {display: block;margin: 30px auto 0;border: 1px #fff solid;border-radius: 6px;font-size: 18px;line-height: 35px;width: 140px;color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}
.in-partone li a:hover {background-color: #fff;color: #333;}
.in-partone li:last-child .wrap {background-image: url(../images/part_07.png);}

.in-ready {text-align: center;}
.in-ready h4 {margin: 0;font-weight: normal;font-size: 24px;}
.in-ready .btn {margin: 15px auto;background: url(../images/djwz.jpg) center repeat-x;width: 900px;}
.in-ready .btn a {display: inline-block;vertical-align: middle;border-left: 25px solid #fff;border-right: 25px solid #fff;line-height: 55px;background-color: #9D4AD6;color: #fff;width: 350px;font-size: 22px;}
.in-ready p {margin: 0;font-size: 16px;letter-spacing: 5px;text-indent: 5px;}

.yunu-link {padding: 20px 0;}
.yunu-link h4 {border-bottom: 1px solid #ddd;margin: 0;font-size: 18px;color: #9D4AD6;padding-bottom: 15px;}
.yunu-link h4 small {text-transform: uppercase;font-size: 16px;font-weight: normal;color: #999;}
.yunu-link ul {margin-left: -20px;}
.yunu-link li {float: left;margin-left: 20px;margin-top: 20px;}

/*底部*/
.footer{ width:100%; height:330px; line-height:30px; font-size:16px; color:#fff; background:#232323;}
.footer .about{ width:500px; margin:40px 80px 0 0; float:left;}
.footer .about .title{ display:inline-block; width:100%; line-height:70px; font-size:26px; font-weight:bold;}
.footer .sitelink{ width:150px; float:left;margin:40px 20px 0 0; line-height:60px; font-size:18px; }
.footer .sitelink a{ display:block; color:#CCC; width:100%; height:40px; line-height:40px; font-size:16px; }

.footer .contact{ width:120px; float:left; position:absolute; top:40px; right:0; }
.footer .contact .title{ line-height:60px; font-size:20px; text-align:center; }

.footer .coryright{ width:100%;float:left;color:#ccc; border-top:2px solid #4E4E4E; line-height:45px; height:45px; margin-top:20px; background:url(../images/tel.png) no-repeat left; background-size:2%; text-indent:30px;}
.footer .coryright span{ float:right;}
.footer .coryright a{ color:#CCC;}

.banner-sub {background: url(../images/webapp.jpg) no-repeat center / cover;
height: 580px;color: #fff;text-align: center;font-size: 44px;text-shadow: 0 2px 2px #333333;}
.banner-sub .container {display: table;height: 100%;}
.banner-sub .inner {display: table-cell;vertical-align: middle;}
 
.pages {margin: 40px 0 0;text-align: center;font-size: 0;}
.pages a {display: inline-block;font-size: 14px;line-height: 35px;padding: 0 14px;margin: 5px;background-color: #f5f5f5;border-radius: 3px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.pages a:hover,.pages a.active {background-color: #9D4AD6;color: #fff;}

.position {padding: 20px 0;background-color: #ededed;color: #777;}
.position i {margin-right: 10px;display: inline-block;vertical-align: top;width: 17px;height: 20px;background: url(../images/daohangdw.png) no-repeat center;}
.product_box{
    display: flex;
    width: 227px;
    height: 94px;
    line-height: 94px;
    margin-top: 24px;
    background: #FFFFFF;
    box-shadow: 2px 8px 20px #E2F2FF;
    font-weight: 500;
    color: #333333;
}
.product_img{
    width: 50px;
    height: 50px;
    margin: 22px 24px 0 20px;
}
.product_img img{
    width: 100%;
}

.about-1 {margin: 0;}
.about-1 .text {margin-top: 50px;text-align: justify;font-size: 16px;line-height: 1.8;}
.about-1 .text p {margin: 0;text-indent: 2em;}
.about-1 .in-total {margin-top: 50px;background: none;color: #333;}
.about-1 .in-total li {padding: 0;}

.about-2 {background-image: url(../images/xuanzebg.jpg);}
.about-2 .logo {margin-bottom: -80px;}
.about-2 .logo img {-webkit-animation: none;animation: none;}

.about-3 {margin: -20px 0 0 -20px;}
.about-3 li {float: left;width: 33.333333%;}
.about-3 li a {display: block;border: 1px solid #eaeaea;padding: 20px;margin: 20px 0 0 20px;}
.about-3 li h4 {font-size: 24px;margin: 0;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.about-3 li p {margin: 10px 0 0;height: 40px;overflow: hidden;}
.about-3 li a:hover {box-shadow: 0 0 30px #eeeeee;}

.about-3-more {margin-top: 40px;text-align: center;font-size: 0;}
.about-3-more a {display: inline-block;background-color: #9D4AD6;color: #fff;border-radius: 50px;font-size: 22px;line-height: 45px;width: 400px;vertical-align: middle;margin: 0 20px;}
.about-3-more a:last-child {background-color: #000;}

.table-1 img {display: inline-block;vertical-align: middle;}
.table-1 table {width: 100%;border-collapse: collapse;background-color: #fff;font-size: 16px;}
.table-1 tr:nth-child(odd) {background-color: #eee;}
.table-1 th,.table-1 td {border: 1px solid #ddd;padding: 15px 20px;}
.table-1 th {text-align: center;font-weight: normal;font-size: 18px;color: #fff;}
.table-1 th:first-child {width: 180px;background-color: #474747;}
.table-1 th:nth-child(2) {background-color: #9D4AD6;}
.table-1 th:last-child {background-color: #8e8e8e;}
.table-1 td:first-child {color: #888;}

.map {height: 500px;}

.contact-left {float: left;width: 750px;}
.contact-left .tel {font-size: 20px;margin-bottom: 30px;}
.contact-left .tel strong {font-family: Impact;font-size: 34px;color: #9D4AD6;}
.contact-left li {background: no-repeat 0 0;border-bottom: 1px dashed #cac9c9;padding-left: 45px;font-size: 18px;padding-bottom: 15px;margin-bottom: 15px;line-height: 1.8;}
.contact-left li.i1 {background-image: url(../images/conatct_icon2.png);}
.contact-left li.i2 {background-image: url(../images/conatct_icon3.png);}
.contact-left li.i3 {background-image: url(../images/zuoxi.png);}
.contact-left li.i4 {background-image: url(../images/conatct_icon1.png);}

.contact-right {float: right;width: 370px;}
.contact-right .tit {font-size: 16px;}
.contact-right .tit img {vertical-align: middle;}
.contact-right dl {margin: 20px 0 0;overflow: hidden;}
.contact-right dt {float: left;width: 152px;border: 1px solid #ebebeb;}
.contact-right dd {margin-left: 170px;}
.contact-right dd h4 {font-size: 26px;font-weight: normal;margin: 0;}
.contact-right dd p {margin: 15px 0 0;font-size: 16px;color: #999;}

.v-lanmu {float: right;width: 160px;}
.v-lanmu li {margin-bottom: 10px;}
.v-lanmu li a {display: block;width: 90px;padding: 20px;border: 1px solid #ddd;background-color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}
.v-lanmu li a:after {display: block;content: '';width: 20px;height: 2px;background-color: #9D4AD6;margin-top: 10px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.v-lanmu li strong {display: block;line-height: 1.1;margin-bottom: 5px;}
.v-lanmu li a:hover {background-color: #9D4AD6;color: #fff;border-color: #9D4AD6;width: 118px;}
.v-lanmu li a:hover:after {background-color: #fff;}
.v-main {}

.h-lanmu {font-size: 0;margin-bottom: 20px;}
.h-lanmu li {display: inline-block;vertical-align: middle;margin: 0 10px 10px 0;}
.h-lanmu li a {display: block;padding: 0 30px;line-height: 50px;background-color: #fff;font-size: 16px;}
.h-lanmu li a:hover,.h-lanmu li.active a {background-color: #9D4AD6;color: #fff;}

.list-3 li {margin-bottom: 20px;}
.list-3 li a {display: block;overflow: hidden;background-color: #fff;padding: 20px;}
.list-3 li .img-center {float: left;width: 204px;}
.list-3 li .text {margin-left: 224px;}
.list-3 li .text h4 {margin: 0;font-size: 22px;font-weight: normal;}
.list-3 li .text p {color: #999;margin: 15px 0 0;line-height: 1.7;}
.list-3 li .text span {display: block;margin-top: 15px;font-size: 12px;color: #999;}
.list-3 li a:hover {box-shadow: 0 0 20px #eeeeee;}

.banner-content .inner {vertical-align: bottom;}
.content-title {text-align: left;margin-bottom: 40px;}
.content-title h1 {font-size: 38px;margin: 0;}
.content-title p {font-size: 0;margin: 20px 0 0;}
.content-title p span {display: inline-block;vertical-align: middle;font-size: 14px;margin-right: 30px;}
.content-main,.content-xg {background-color: #fff;padding: 30px;}
.content-body {line-height: 1.8;}
.content-body img {max-width: 100% !important;height: auto !important;width: auto !important;}
.content-exp {border-top: 1px dashed #ccc;padding-top: 20px;overflow: hidden;margin-top: 20px;}
.content-exp a {float: left;width: 50%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.content-exp a:last-child {text-align: right;}
.content-tips {border-top: 1px dashed #ccc;padding-top: 20px;margin-top: 20px;line-height: 1.8;color: #9D4AD6;}
.content-tips .ss {padding: 2px 6px;background-color: #9D4AD6;color: #fff;}
.content-xg {margin-top: 30px;}
.content-xg-left {float: left;width: 520px;border-right: 1px solid #eee;padding-right: 50px;}
.content-xg-right {float: right;width: 520px;}
.content-xg .tit {line-height: 1;border-left: 6px solid #9D4AD6;font-size: 24px;padding-left: 15px;margin-bottom: 20px;}
.content-xg li {color: #666;line-height: 30px;list-style: disc;list-style-position: inside;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.content-xg li span {float: right;font-size: 12px;color: #999;}

.webdes {margin: 10px 0 0 -20px;}
.webdes li {float: left;width: 25%;}
.webdes li a {display: block;margin: 20px 0 0 20px;background-color: #fff;text-align: center;border: 2px #efefef solid;line-height: 98px;font-size: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: all 0.5s;transition: all 0.5s;}
.webdes li a:hover {border-color: #9D4AD6;color: #9D4AD6;}

.content-case-title {background-color: #1e1d1d;color: #9b9b9b;padding: 50px 0;}
.content-case-title a {color: #9b9b9b;}
.content-case-title a:hover {color: #fff;}
.content-case-title h4 {margin: 0 0 20px;font-size: 32px;}
.content-case-title h5 {margin: 0 0 20px;font-size: 18px;}
.content-case-title dl {margin: 20px 0 0;}
.content-case-title dt {font-size: 16px;background: url(../images/cu_jj.png) no-repeat 0 center;padding-left: 30px;margin-bottom: 10px;}
.content-case-title dt.ico-fw {background-image: url(../images/cu_xm.png);}
.content-case-title dd {margin: 0;line-height: 1.8;text-align: justify;}
.content-case-title dd .cehuap {font-size: 0;margin-top: -10px;text-align: left;margin-left: -15px;}
.content-case-title dd .cehuap p {display: inline-block;font-size: 14px;text-align: center;line-height: 30px;color: #a0a0a0;border: 1px solid #3d3d3d;border-radius: 30px;margin: 10px 0 0 15px;vertical-align: top;padding: 0 20px;}
.content-case-title .view {font-size: 16px;background: url(../images/dianzan.png) no-repeat 0 center;padding-left: 30px;}
.content-case-title .btn {margin-top: 30px;}
.content-case-title .btn a {display: block;margin-top: 15px;border: 1px solid #9b9b9b;line-height: 36px;font-size: 16px;text-align: center;border-radius: 20px;}
.content-case-title .btn a:hover,.content-case-title .btn a:last-child {background-color: #9D4AD6;border-color: #9D4AD6;color: #fff;}
.content-case-title-left {float: left;width: 920px;}
.content-case-title-right {float: right;width: 180px;padding-top: 50px;}

.content-case-xg .tit {font-size: 28px;margin-bottom: 40px;}

.list-4 {margin: -40px 0 0 -40px;}
.list-4 li {float: left;width: 33.333333%;} 
.list-4 li a {display: block;background-color: #fff;margin: 40px 0 0 40px;} 
.list-4 li .img-cover {padding-top: 71%;}
.list-4 li .text {padding: 20px;}
.list-4 li .text h4 {font-weight: normal;margin: 0;font-size: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-4 li .text p {margin: 10px 0 0;color: #888;height: 40px;overflow: hidden;}
.list-4 li a:hover .img-cover span {-webkit-transform: scale(1.1);transform: scale(1.1);}

.weizhi {float: right;font-size: 14px;}
.weizhi a {color: #fff;}
.weizhi em {font-style: normal;padding: 0 5px;}


@media screen and (max-width: 767px) {
    body {min-width: 320px;padding-top: 50px;}
    .container {width: auto;}
    .kf {display: none;}

	.header .member{ display:none;}
	
	.header .menu-btn{display:block;position:absolute;z-index:33;right:10px;top:30px;width:40px;height:30px;background:#fff;transform:translateY(-50%);}
	.header .menu-btn i{display:block;position:absolute;z-index:3;left:50%;top:50%;width:30px;height:4px;background:#7825A9;transform:translate(-50%,-50%);}
	.header .menu-btn i:nth-child(1){margin-top:-10px;}
	.header .menu-btn i:nth-child(2){margin-top:0;}
	.header .menu-btn i:nth-child(3){margin-top:10px;}
	
	
	.header{  height:60px; }
	.header .logo{ width:300px; top:5px; left:10px;}
	.header .logo a{ width:70px; height:50px; margin-top:2px; display:inline-block; }
	.header .logo a img{ width:70px; height:45px;}
	.header .logotext{ font-size:16px; margin:15px 0 0 15px;}
	
	.nav{ width:40%; opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: 90% top; transform-origin: 90% top; -webkit-transition: all 0.2s; transition: all 0.2s;     font-size: 16px; position: absolute; z-index: 4; top:55px; right:10px; background-color: #434950; border-radius: 5px; height:auto; padding-bottom:10px;} 
	.nav ul{margin:0;padding:0; list-style-type:none;  width:100%;}
	.nav ul li{width:100%;float:left;display:block;}
	.nav ul li a{color:#fff; text-decoration:none; display:block;  height:42px; width:100%; margin:0 auto; text-align:center; line-height:42px; border-bottom:1px dotted #666666;}
	.nav li a,.nav li a:active,.nav li a:visited{color:#fff; width:100%; margin:0;  }
	.nav li a.on, .nav li a:hover{ background:none;color:#fff; }
	.nav.open {    opacity: 1;    -webkit-transform: translate(0,0) scale(1);    -moz-transform: translate(0,0) scale(1);    -ms-transform: translate(0,0) scale(1);    transform: translate(0,0) scale(1);}
	.nav:before {    content: '';    position: absolute;    top:-9px;    right:10px;    height: 0;    border-style: solid;    border-color: #434950 transparent;    border-width:0 10px 10px;}
	.nav li .dropdown { display:none; border:none;  position:static; padding:10px 0;    margin: 0; box-shadow:none; width: 100%; background:none;}
	
	.nav li ul a{ font-size:12px; text-indent:10px;}
	.nav li ul a,.nav li ul a:active,.nav li ul a:visited{color:#fff;border-bottom:1px dotted #666666;}
	.nav li ul li a:hover{color:#fff; background:none; }
	.nav li .dropdown:before{ display:none;}
	.header .lang{display:none;}

    .banner {height: 200px;}
    .banner .img-cover,.banner .swiper-pagination {display: block;}
   /*  .banner .text,.banner video {display: none;}*/
    .banner .text h4 {font-size: 20px;margin-bottom: 15px;}
    .banner .text p {font-size: 14px;}
    .banner .text a {margin-top: 20px;font-size: 14px;line-height: 32px;width: 120px;}
	
    .in-total {margin: 0 -15px;}
    .in-total li {padding: 15px 0;}
    .in-total li span {font-size: 12px;}
    .in-total li strong {font-size: 24px;}
    .in-total li p {margin: 5px 0 0;font-size: 12px;}

    .section {padding: 30px 0;}
    .section-title {font-size: 20px;margin-bottom: 20px;}
    .section-title h1{font-size: 1em;margin: .67em 0;}  
    .section-title h2{font-size: 1em;margin: .67em 0;}  
    .section-title p {font-size: 12px;}
    .section-title-1 {background-size: auto 28px;background-position: center 0;}
    .section-title-1 strong {padding: 0 10px;}
    .section-sub {padding: 30px 0;}
	
	.section-contact{background:#fff;color: #666; border-radius:5px; width:auto;}
	.section-contact .title{ font-size: 20px;   line-height: 36px; }
	.section-contact .title strong {   padding: 0 46px;   }
	#allmap{ display:none;}

	.in-service{  margin:0px auto 0 auto; padding:20px 0 ;}
	.in-service li{ width:47%; height:auto; font-size:18px; margin:0 0 10px 1.8%;  }
	.in-service li a img{ width:100%; height:120px; }
	.in-service li a .h4{ font-size:18px; line-height:40px;font-weight:bold;}
	.in-service li a .p{ font-size:12px; line-height:18px; height:56px;}
	
    .in-solution li {width: 100%;}
    .in-solution li a {padding: 20px;}
    .in-solution li .img-center {height: 40px;line-height: 40px;}
    .in-solution li p {margin-top: 10px;}
	
	.in-feature{ height:650px;}
	.in-feature-title-hezuo img{ margin:46px 0 12px;}
	.in-feature-title-hezuo h2{ font-size:30px; line-height:40px;}
	.in-feature-content-list{ display:none;}
	.in-feature-content-All .item ul{ width:100%; display:block; margin-top:10px;}
	.in-feature-content-All .item ul li{ width:44%; padding:0 3%; float:left; height:160px; vertical-align:top; display:block;}
	.in-feature-content-All .item:nth-child(1) ul li{width:44%;height:160px;}
	.in-feature-content-All .item ul li:last-child{ float:none; margin:auto auto;}
	.in-feature-content-All .item ul li .text{ font-size:12px;}
	.in-feature-content-All .item ul li .iconfont{ font-size:40px;}
	.in-feature-content-All .item ul li p{ font-size:14px; font-weight:bold; margin-top:10px;}
	.in-feature-content-All .item ul li .text{ margin-top:10px; font-size:12px; font-weight:normal;}
	.in-feature-content-All .item ul li:hover { -webkit-animation:none; animation:none}
	
	.in-achieve{margin:0px auto 0 auto; }
	.in-achieve li{float: left;text-align: center;width: 46%;padding:18px 0 17px; margin:20px 2% 0 1%;}
	.in-achieve li i{width: 97px;height: 3px; display:inline-block;background: #fff;margin:10px auto;}
	.in-achieve li p ,.in-achieve li p span{font-size: 24px;}
	.in-achieve li:first-child{ margin:20px 2% 0 1%;}
	.in-achieve li small{font-size: 14px;}
	
    .in-advantage {margin: -15px 0 0 -15px;}
    .in-advantage li {width: 33.333333%;}
    .in-advantage li .wrap {margin: 15px 0 0 15px;}
    .in-advantage li .m {height: 75px;}
    .in-advantage li h4 {margin: 10px 0;font-size: 14px;}
    .in-advantage li p {font-size: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
	
    .in-product {padding: 0;margin: -10px 0 0 -10px;background-color: transparent;}
    .in-product li {width: 50%;}
    .in-product li a {margin: 10px 0 0 10px;background-color: #fff;padding: 5px;}
    .in-product li .img-center {height: 156px;line-height: 156px;}
    .in-product li .text {line-height: 34px;font-size: 12px;}

    .in-menu {margin: -5px 0 15px -5px;}
    .in-menu {display: none;}
    .in-menu li a {font-size: 14px;padding: 0 10px;line-height: 32px;margin: 5px 0 0 5px;}

    .list-1 {margin: -10px 0 0 -10px;}
    .list-1 li {width: 50%;}
    .list-1 li a {margin: 10px 0 0 10px;}
    .list-1 li .text {position: static;-webkit-transform: scale(1);transform: scale(1);width: auto;height: auto;display: block;background-color: #fff;color: #333;}
    .list-1 li .inner {display: block;text-align: left;padding: 10px;}
    .list-1 li .text h4 {font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .list-1 li .text p {font-size: 14px;margin-top: 0;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

    .list-2 {margin: -15px 0 0 -15px;}
    .list-2 li {width: 100%;}
    .list-2 li a {margin: 15px 0 0 15px;padding: 10px;}

    .index-news-menu {display: block;}
    .index-news-con .img-center {display: none;}
    .index-news-con .list-2 {margin-left: -15px;}

    .in-desc .logo {float: none;text-align: center;width: auto;height: 100px;line-height: 100px;}
    .in-desc .text {margin: 20px 0 0;}
    .in-desc .text h4 {font-size: 20px;}
    .in-desc .text h5 {margin: 15px 0 5px;font-size: 14px;}
    .in-desc .text p {font-size: 12px;}
    .in-desc .text a {display: none;}

    .in-partners {margin: -5px 0 0 -5px;}
    .in-partners li a {margin: 5px 0 0 5px;}
    .in-partners li img {height: 45px;line-height: 45px;}

    .in-process {margin-top: -15px;}
    .in-process li {width: 33.333333%;}
    .in-process li a {margin-top: 15px;}
    .in-process li .img-center {height: 30px;line-height: 30px;}
    .in-process li h4 {font-size: 14px;margin-top: 10px;}
    .in-process li p {margin-top: 5px;}

    .in-dynamic {margin-top: -15px;}
    .in-dynamic li {width: 100%;}
    .in-dynamic li a {margin-top: 15px;padding: 15px;}
    .in-dynamic li h4 {font-size: 16px;}
    .in-dynamic li p {margin-top: 10px;}

    .more-big {margin-top: 30px;line-height: 40px;}

    .in-partone li {width: 100%;}
    .in-partone li .wrap {padding: 40px 10px;}
    .in-partone li h4 {font-size: 20px;}
    .in-partone li h2 {font-size: 20px;}

    .in-partone li a {font-size: 14px;margin-top: 20px;width: 120px;}

    .in-ready {display: none;}

	/*底部*/
	.footer{  line-height:20px; font-size:14px; margin-top:40px;}
	.footer .container{ width:98%; margin:0 auto;}
	.footer .about{ display:none;}
	.footer .sitelink{ width:22%; float:left;margin:20px 0 20px 3%; line-height:30px; font-size:14px; }
	.footer .sitelink a{ height:20px; line-height:20px; font-size:12px; }
	
	.footer .contact{ width:20%; float:left;margin:20px 0 20px 1%; position:relative; top:0px; text-align:center; }
	.footer .contact .title{ line-height:30px; font-size:14px; }
	.footer .contact img{ width:80px;}
	
	.footer .coryright{ line-height:30px; height:auto;  text-indent:0px; text-align:center; background:none; font-size:12px;}
	.footer .coryright span{ float:right;}

    .banner-sub { background-image: url(../images/webb.jpg);
height: 200px;font-size: 20px;}

    .pages {margin-top: 20px;}
    .pages a {font-size: 12px;line-height: 30px;padding: 0 12px;}

    .lanmu-title {display: block;}
    .lanmu ul {position: absolute;top: 100%;left: 0;width: 100%;background-color: #fff;z-index: 11;box-shadow: 0 5px 5px rgba(0,0,0,0.1);display: none;}
    .lanmu li {display: block;border-top: 1px solid #ddd;margin: 0;}
    .lanmu li a {display: block;line-height: 40px;text-align: center;border-right: 0;font-size: 14px;}
    .lanmu li.active a,.lanmu li a:hover {background-color: transparent;color: #9D4AD6;}

    .position {padding: 10px 0;font-size: 12px;}
    .position i {margin-right: 5px;height: 17px;background-size: 12px;width: 12px;}

    .about-1 .img-center {width: 70%;margin: 0 auto;}
    .about-1 .text {margin-top: 20px;font-size: 14px;}
    .about-1 .in-total {margin-top: 20px;}

    .about-2 .logo {display: none;}
    .about-2 .text {margin-top: 0;}

    .about-3 li {width: 100%;}
    .about-3 li a {padding: 15px;}
    .about-3 li h4 {font-size: 16px;}
    .about-3 li p {height: auto;}

    .about-3-more {margin-top: 20px;}
    .about-3-more a {display: block;margin: 10px 0 0;width: auto;font-size: 16px;line-height: 34px;}

    .table-1 table {font-size: 12px;}
    .table-1 th, .table-1 td {padding: 10px;}
    .table-1 th {font-size: 14px;}
    .table-1 th:last-child {display: none;}
    .table-1 td:last-child {display: none;}
    .table-1 th:first-child {width: 80px;}

    .map {height: 300px;}

    .contact-left,.contact-right {width: auto;float: none;}
    .contact-left .tel {margin-bottom: 20px;font-size: 16px;}
    .contact-left .tel strong {font-size: 24px;}
    .contact-left li {font-size: 14px;background-size: 24px auto;padding-left: 30px;}
    .contact-right {margin-top: 30px;}
    .contact-right .tit img {height: 30px;}
    .contact-right dt {width: 100px;}
    .contact-right dd {margin-left: 115px;}
    .contact-right dd h4 {font-size: 18px;}
    .contact-right dd p {font-size: 14px;margin-top: 10px;}

    .v-lanmu,.h-lanmu {display: none;}
    .v-main {margin: 0;}

    .list-3 li {margin-bottom: 15px;}
    .list-3 li a {padding: 10px;}
    .list-3 li .img-center {width: 100px;}
    .list-3 li .text {margin-left: 110px;}
    .list-3 li .text h4 {font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .list-3 li .text p {margin-top: 5px;font-size: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
    .list-3 li .text span {display: none;}
	
    .list-cert {padding: 0;margin: -10px 0 0 -10px;background-color: transparent;}
    .list-cert li {width: 50%;}
    .list-cert li a {margin: 10px 0 0 10px;background-color: #fff;padding: 5px;}
    .list-cert li .img-center {height: 156px;line-height: 156px;}
    .list-cert li .text {line-height: 34px;font-size: 12px;}

    .banner-content {height: auto;padding: 30px 0;}
    .banner-sbanner-contentub .container {display: block;height: auto;}
    .banner-content .inner {display: block;}
    .content-title {margin: 0;}
    .content-title h1 {font-size: 20px;}
    .content-title p {margin-top: 10px;}
    .content-title p span {font-size: 12px;margin-right: 5px;}
    .content-main, .content-xg {padding: 15px;}
    .content-main {margin: -30px -15px 0;}
    .content-exp {margin-top: 15px;padding-top: 15px;font-size: 12px;}
    .content-exp a {float: none;display: block;width: auto;}
    .content-exp a:last-child {text-align: left;margin-top: 10px;}
    .content-tips {margin-top: 15px;padding-top: 15px;font-size: 12px;}

    .content-xg {margin: 20px -15px 0;}
    .content-xg .tit {font-size: 18px;margin-bottom: 10px;}
    .content-xg-left,.content-xg-right {float: none;width: auto;}
    .content-xg-left {padding-right: 0;border-right: 0;}
    .content-xg-right {margin-top: 20px;}

    .webdes {margin-left: -10px;}
    .webdes li {width: 50%;}
    .webdes li a {margin: 10px 0 0 10px;line-height: 44px;font-size: 14px;}

    .content-case-title {padding: 30px 0;}
    .content-case-title h4 {font-size: 20px;margin-bottom: 15px;}
    .content-case-title h5 {font-size: 16px;}
    .content-case-title .btn {margin-top: 20px;}
    .content-case-title-left,.content-case-title-right {width: auto;float: none;}
    .content-case-title-right {padding-top: 30px;}

    .content-case-xg .tit {font-size: 20px;margin-bottom: 20px;}

    .list-4 {margin: -15px 0 0 -15px;}
    .list-4 li {width: 50%;}
    .list-4 li a {margin: 15px 0 0 15px;}
    .list-4 li .text {padding: 10px;}
    .list-4 li .text h4 {font-size: 16px;}
    .list-4 li .text p {font-size: 12px;line-height: 20px;}
    .weizhi {display: none;}
}
.width_1200 {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.buttontj {
    font-size: 14px;
    display: block;
    width: 240px;
    height: 50px;
    font-weight: 800;
    line-height: 50px;
    color: #FFFFFF;
    text-align: center;
    background: #FF7327;
    border-radius: 42px;
    margin: 70px auto 0 auto;
    cursor: pointer;
}

.pages .pagination li{
	display:inline; float:left;
}
.pages .pagination li a.active{
  background: #9D4AD6;
  color: #fff;
  text-decoration: none;
  border: 1px solid #9D4AD6;
}


.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;-webkit-transition: all 0.5s;transition: all 0.5s;}

.img-cover {overflow: hidden;position: relative;}
.img-cover span {display: block;width: 100%;background: round;-webkit-transition: all 0.5s;transition: all 0.5s;height: 100%;position: absolute;left: 0;top: 0;}