@charset "utf-8";*{margin:0px;padding:0px;box-sizing:border-box;}::-webkit-scrollbar-track-piece {width: 8px;height: 4px;background-color: #f0f0f0;}::-webkit-scrollbar {width: 6px;height: 4px;background-color: #333333;}::-webkit-scrollbar-thumb {width: 6px;height: 4px;background-color: #333333;}::-webkit-scrollbar-thumb:hover {width: 6px;height: 4px;background-color: #2e2e2e;}html{-webkit-text-size-adjust:none;font-family:"微软雅黑","Microsoft YaHei";}@font-face{font-family:Pingfang;src:url('../fonts/pingfang.woff2') format('woff2'), url('../fonts/pingfang.woff') format('woff'),url('../fonts/pingfang.ttf') format('truetype'),url('../fonts/pingfang.eot');}body{color:#333333;-webkit-text-size-adjust:none;background-color:#fff;font-family:Pingfang;}
body img{border:0px;}
input, textarea {outline: 0;border: none;background: 0 0;font-size: 14px;font-family:"Pingfang";-webkit-appearance: none;}
input,button,select,textarea{outline:none;}
textarea{resize:none;}
textarea,input,select {background:none;border:none;margin:0;padding:0;}
A {color: #222222;text-decoration:none;}
A:link {color: #222222;text-decoration:none;}
A:visited {color: #222222;text-decoration:none;}
A:hover {color: #4b60db;text-decoration:none;}
.clear{clear:both;}
ul li{list-style-type:none;}
.fl{float:left;}
.fr{float:right;}
.tagdescription{border:1px solid #e5e5e5;line-height:30px;padding:10px;margin-bottom:15px;text-indent:20px; font-size:14px;}
.tagdescription font{color:#005a98;font-weight:bold;}
.w{height:auto;margin-left:80px;margin-right:80px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt80{margin-top:80px;}
.home_slide_inner{position:relative;height:100vh;}
.home_slide1{width:100%;height:100vh;background:#001043 url('../images/o1cn01wipwur20dsxtsub5b_!!712096873.jpg') center center no-repeat;background-size:cover;}
.home_slide1_info{position:absolute;left:60px;top:50%;margin-top:-160px;z-index:1000;width:40%;}
.home_slide1_info img{width:100%;height:auto;}
.home_slide1_info p{font-size:22px;color:#fff;margin-top:15px;}
.home_slide1_thumb{position:absolute;right:50px;top:50%;margin-top:-220px;z-index:1000;width:50%;}
.home_slide1_thumb img{width:100%;height:auto;}
.home_slide1_phone{margin-top:60px;}
.slide1_online{width:190px;height:48px;line-height:48px;text-align:center;float:left;margin-right:30px;background: -webkit-linear-gradient(to top right, #EFA544, #CE6D38);background: -o-linear-gradient(to top right, #EFA544, #CE6D38);background: -moz-linear-gradient(to top right, #EFA544, #CE6D38);background: linear-gradient(to top right, #EFA544, #CE6D38);color:#fff;border-radius:48px;-moz-border-radius:48px;-webkit-border-radius:48px;-o-border-radius:48px;}
.slide1_online a{color:#fff;display:block;}
.slide1_online a.pclink{color:#fff;display:block;}
.slide1_online a.mblink{color:#fff;display:none;}
.slide1_online2{width:190px;height:48px;line-height:42px;text-align:center;float:left;border:2px #000 solid;color:#000;border-radius:48px;-moz-border-radius:48px;-webkit-border-radius:48px;-o-border-radius:48px;}
.slide1_online2 a{color:#fff;display:block;}
.slide1_online2 a.pclink{color:#000;display:block;}
.slide1_online2 a.mblink{color:#000;display:none;}
.home_slide2{width:100%;height:100vh;background:#001043 url('../images/o1cn01jclokr20dswpepjdl_!!712096873.jpg') center center no-repeat;background-size:cover }
.home_slide2_info{position:absolute;right:60px;top:50%;margin-top:-100px;z-index:1000;width:45%;}
.home_slide2_info img{width:100%;height:auto;}
.home_slide2_info p{font-size:28px;color:#fff;margin-top:15px;}
.home_slide3{width:100%;height:100vh;background:#001043 url('../images/o1cn01triedv20dswtwzo5y_!!712096873.jpg') center center no-repeat;background-size:cover }
.home_slide3_info{position:absolute;left:60px;top:50%;margin-top:-120px;z-index:1000;width:46%;}
.home_slide3_info img{width:100%;height:auto;}
.home_slide3_info p{font-size:28px;color:#fff;margin-top:15px;}
.banner .pagination {position: absolute;left: 0;text-align: center;bottom: 25px;width: 100%;z-index:999;}
.banner .swiper-pagination-bullet {display: inline-block;opacity:1;background:#696f74;border-radius: 0px;width: 30px;height: 4px;margin: 5px;cursor: pointer;transition: width 0.3s ease-in-out;}
.banner .swiper-pagination-bullet-active{background: #4b60db;width:40px;}
.arrow-left{position: absolute;left: 80px;top:50%;margin-top: -16px;display: block;width: 19px;height: 32px;background: url(../images/prevarrow.png) no-repeat;z-index: 1;cursor:pointer;filter: alpha(opacity=70);opacity: 0.7;}
.arrow-right{position: absolute;right: 80px;top:50%;margin-top: -16px;display: block;width: 19px;height: 32px;background: url(../images/nextarrow.png) no-repeat;z-index: 1;cursor:pointer;filter: alpha(opacity=70);opacity: 0.7;}
.scroll-icon{display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:2em;width:1.1em;font-size:22px;color:rgba(255, 255, 255, 0.5);position:absolute;left:50%;margin-left:-0.55em;z-index:11;bottom:60px;border-radius:2em;border:solid 2px;-webkit-transition:.4s;transition:.4s;}
.scroll-icon::after{content:'';width:5px;height:5px;background-color:#fff;border-radius:50%;-webkit-animation:scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1);animation:scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1);}
@keyframes scroll-icon{0% {-webkit-transform:translateY(-12px);transform: translateY(-12px);opacity: 0;}30%, 70% {opacity: 1;}100% {-webkit-transform: translateY(12px);transform: translateY(12px);opacity: 0;};}
.indextitle{text-align:center;}
.indextitle h3{font-size:38px;color:#333;}
.indextitle p{font-size:16px;color:#666;margin-top:20px;line-height:30px;}
.indextitle2{text-align:center;}
.indextitle2 h3{font-size:38px;color:#fff;}
.indextitle2 p{font-size:16px;color:#fff;margin-top:20px;line-height:30px;}
.indextitle3{text-align:center;}
.indextitle3 h3{font-size:36px;color:#0065c1;}
.service{height:auto;margin-top:30px;}
.service ul{display:flex;display: -webkit-flex;flex-direction:row;flex-wrap: wrap;justify-content: space-between;}
.service li{width:18%;text-align:center;height:430px;padding-top:60px;padding-bottom:60px;}
.service .itemempty {height: 0px;width: 18%;}
.service:after {content: "";flex: auto;}
.service li.wxxcx{display:none;}
.service h2{font-size:24px;margin-top:30px;}
.service p{font-size:14px;margin:0 30px;margin-top:15px;line-height:24px;}
.service li:hover{background: -webkit-linear-gradient(to top right, #FF9900, #FF6600);background: -o-linear-gradient(to top right, #FF9900, #FF6600);background: -moz-linear-gradient(to top right, #FF9900, #FF6600);background: linear-gradient(to top right, #FF9900, #FF6600);color:#fff;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;}
.baojia{width:125px;height:38px;border:1px #fff solid;text-align:center;margin:0 auto;margin-top:70px;border-radius:38px;-moz-border-radius:38px;-webkit-border-radius:38px;-o-border-radius:38px;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;}
.baojia a{color:#fff;line-height:38px;display:block;font-size:16px;}
.baojia a.pclink{color:#fff;display:block;}
.baojia a.mblink{color:#fff;display:none;}
.service li:hover .baojia{margin-top:40px;}
.service li img{margin:0 auto;}
.service li img.serimg2{display:none;}
.service li:hover img.serimg1{display:none;}
.service li:hover img.serimg2{display:block;}
.caseys{height:auto;text-align:center;margin-top:30px;}
.caseys li{height:auto;display:inline-block;margin-left:40px;margin-right:40px;}
.caseys span{font-size:55px;color:#FF7300;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }
.caseys p{color:#7a7a7a;font-size:14px;}
.cases{height:auto;margin-top:50px;}
.cases ul{display:flex;display: -webkit-flex;flex-direction:row;flex-wrap: wrap;justify-content: space-between;}
.cases li{width:24.5%;height:auto;margin-bottom:12px;}
.cases img{width:100%;height:auto;display:block;}
.cases .itemempty {height: 0px;width: 25%;}
.cases:after {content: "";flex: auto;}
.cases_pic{position:relative;overflow:hidden;}
.effect-bubba {background: #000;}
.effect-bubba img {opacity: 1;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;display:block;}
.effect-bubba:hover img {opacity: 0.6;}
.effect-bubba figcaption::before, .effect-bubba figcaption::after {position: absolute;top: 30px;right: 30px;bottom: 30px;left: 30px;content: '';opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.4s, transform 0.4s;}
.effect-bubba figcaption::before {border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,1);transform: scale(0,1);}
.effect-bubba figcaption::after {border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);}
.effect-bubba p {position:absolute;left:0px;top:0px;z-index:10;text-align:center;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);filter: alpha(opacity=0);opacity:0;text-align:center;width:100%;height:100%;}
.effect-bubba:hover figcaption::before, .effect-bubba:hover figcaption::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.effect-bubba:hover p{opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.effect-bubba figcaption p a{width:100%;height:100%;display:block;border:1px #ddd solid;color:#fff;font-size:20px;padding-top:26%;font-weight:bolder;}
.effect-bubba span{border:1px #fff solid;font-size:14px;height:30px;line-height:30px;display:inline-block;padding-left:15px;padding-right:15px;margin-top:20px;font-weight:normal;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;}
.more{width:220px;height:55px;line-height:55px;margin:0 auto;border:1px #333 solid;text-align:center;margin-top:50px;}
.more a{font-size:18px;font-weight:bolder;}
.dybox{width:100%;margin-top:0px;background:url(../images/gwjsbg.jpg) center center no-repeat;padding-top:30px;padding-bottom:80px;background-size:cover;background-attachment:fixed;color:#000;}
.gwjsbox{width:100%;margin-top:0px;background:url(../images/gwjsbg.jpg) center center no-repeat;padding-top:30px;padding-bottom:80px;background-size:cover;background-attachment:fixed;color:#fff;}
.gouwubox{width:100%;margin-top:0px;background:url(../images/gouwubg.jpg) center center no-repeat;padding-top:30px;padding-bottom:80px;background-size:cover;background-attachment:fixed;color:#fff;}
.whybox{width:100%;margin-top:0px;background:url(../images/whybg.jpg) center center no-repeat;padding-top:30px;padding-bottom:80px;background-size:cover;background-attachment:fixed;color:#fff;}
.whylist{margin-top:50px;}
.whylist ul{display:flex;display: -webkit-flex;flex-direction:row;flex-wrap: wrap;justify-content: space-between;}
.whylist li{width:23%;margin-bottom:42px;padding:25px;background:url(../images/navbg.png);}
.whylist h2{font-size:24px;font-weight:normal;}
.whylist img{margin-bottom:20px;-moz-transition: all 1s;-ms-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.whylist li:hover img {-moz-transform: rotateY(360deg);-ms-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);transform: rotateY(360deg);-moz-transition: all 1.5s;-ms-transition: all 1.5s;-webkit-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;}
.whylist p{margin-top:20px;line-height:24px;font-size:14px;}
.whylist .itemempty {height: 0px;width: 23%;}
.whylist:after {content: "";flex: auto;}
.whylist li:hover{background: -webkit-linear-gradient(to top right, #D26400, #FF6600);background: -o-linear-gradient(to top right, #D26400, #FF6600);background: -moz-linear-gradient(to top right, #D26400, #FF6600);background: linear-gradient(to top right, #D26400, #FF6600);}
.process{height:auto;margin-top:40px;overflow:hidden;background:url(../images/process_libg.png) center center no-repeat;-moz-background-size:100% 100%;background-size:100% 100%;}
.process ul{display:flex;display: -webkit-flex;flex-direction:row;flex-wrap: wrap;justify-content: space-between;}
.process li{width:16.6%;text-align:center;font-size:14px;color:#666;padding-top:60px;padding-bottom:50px;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;}
.process h4{font-size:18px;margin-bottom:15px;color:#222;}
.process img{margin-bottom:10px;-moz-transition: all 1s;-ms-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.process li:hover{padding-top:40px;}
.process li:hover h4{color:#5f39da;}
.process li:hover img {-moz-transform: rotateY(360deg);-ms-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);transform: rotateY(360deg);-moz-transition: all 1.5s;-ms-transition: all 1.5s;-webkit-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;}
.process span{display:block;height:35px;width:35px;background:url(../images/processbg.png) no-repeat;text-align:center;line-height:35px;color:#fff;margin:0 auto;margin-top:25px;}
.customerbox{width:100%;margin-top:80px;background:url(../images/customerbg.jpg) center center no-repeat;padding-top:30px;padding-bottom:120px;background-size:cover;background-attachment:fixed;color:#fff;}
.customer{height:auto;margin-top:40px;}
.customer ul{display:flex;display: -webkit-flex;flex-direction:row;flex-wrap: wrap;justify-content: space-between;}
.customer li{width:10%;border:1px #ccc solid;overflow: hidden;margin-bottom:10px;}
.customer img{display:block;vertical-align:middle;margin:0 auto;width:100%;height:auto;-webkit-filter: grayscale(1);filter: gray;filter: grayscale(1);transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity: 0.85;opacity: 0.85;}
.customer li:hover img{-webkit-filter:none;filter:none;filter:none;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.customer li:hover{border:1px #5b6dd4 solid;}
.newsbox{width:100%;height:auto;background-color:#fafafa;padding-top:30px;padding-bottom:80px;}
.newscat{text-align:center;margin-top:30px;}
.newscat li{display:inline-block;height:42px;line-height:40px;margin-left:15px;margin-right:15px;border:1px #ddd solid;padding:0 25px;cursor:pointer;}
.newscat li a{display:block;padding:0 5px;}
.newscat li a:hover{color:#E94D26;}
.newsbox .on{color:#fff;background-color:#111;border:1px #111 solid;}
.newsbox .on a{color:#fff;background-color:#111;}
.newscat2{text-align:center;margin-top:30px;}
.newscat2 li{display:inline-block;height:42px;line-height:40px;margin-left:15px;margin-right:15px;cursor:pointer;}
.newscat2 li a{display:block;padding:0 25px;border:1px #ddd solid;}
.newscat2 li a:hover{color:#fff;background-color:#111;border:1px #111 solid;}
.newscat2 .on{color:#fff;}
.newscat2 .on a{color:#fff;background-color:#111;border:1px #111 solid;}
.indexnews{height:auto;display:flex;display: -webkit-flex;flex-direction:row;flex-wrap: wrap;justify-content: space-between;margin-top:40px;}
.news{width:32%;height:auto;}
.news img{width:100%;height:auto;display:block;}
.news span{display:inline-block;margin-top:10px;color:#666;}
.news h2 a{font-size:18px;font-weight:normal;}
.news h2 a:hover{color:#000;}
.news p{margin-top:20px;font-size:14px;line-height:26px;color:#888;}
.news ul{border-top:1px #e5e7e9 solid;margin-top:30px;padding-top:20px;}
.news li{width:100%;height:38px;line-height:38px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news li a{color:#000;}
.news li a:hover{color:#E94D26;}
.news li span{float:right;color:#888;margin-top:0px;}
.news .newstext{border:1px #e3e3e3 solid;background-color:#f6f6f6;padding:20px;margin-bottom:15px;padding-bottom:25px;}
.require h2{font-size:32px;}
.require p{margin-top:30px;color:#666;line-height:32px;}
.require p a{color:#4b60db;}
.require_form{display:flex;display: -webkit-flex;flex-direction:row;flex-wrap: wrap;justify-content: space-between;margin-top:35px;}
.require_txt{width:18%;height:50px;line-height:50px;box-shadow: 0 0 5px #c9d3ff;padding-left:30px;font-size:16px;}
.require_txt2{width:40%;height:50px;line-height:50px;box-shadow: 0 0 5px #c9d3ff;padding-left:30px;font-size:16px;}
.require_sub{width:19%;height:50px;line-height:50px;color:#fff;font-size:16px;cursor:pointer;background: -webkit-linear-gradient(to top right, #7313d9, #4b60db);background: -o-linear-gradient(to top right, #7313d9, #4b60db);background: -moz-linear-gradient(to top right, #7313d9, #4b60db);background: linear-gradient(to top right, #7313d9, #4b60db);border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;}
.footbox{width:100%;height:auto;background:url(../images/foot-dibu.jpg) center bottom no-repeat #252932;padding-top:50px;padding-bottom:50px;}
.footer{color:#ccc;overflow:hidden;font-size:14px;display:flex;display: -webkit-flex;flex-direction:row;flex-wrap: wrap;justify-content: space-between;}
.footer h3{color:#f3f3f3;font-size:20px;margin-bottom:20px;}
.footer h4{margin-bottom:20px;}
.footer h4 a{color:#f3f3f3;font-size:28px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }
.footer a{color:#ccc;font-size:14px;}
.footer a:hover{color:#fff;}
.contact{background:url(../images/telbg2.png) left top no-repeat;padding-left:65px;line-height:30px;padding-top:5px;}
.foot_service{background:url(../images/service.png) left top no-repeat;padding-left:65px;line-height:30px;padding-top:5px;padding-bottom:10px;}
.foot_service a{margin-right:10px;}
.online{width:140px;height:42px;line-height:42px;margin-top:25px;text-align:center;background: -webkit-linear-gradient(to top right, #E94D26, #E94D26);background: -o-linear-gradient(to top right, #E94D26, #E94D26);background: -moz-linear-gradient(to top right, #E94D26, #E94D26);background: linear-gradient(to top right,#E94D26, #E94D26);border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;}
.online a{color:#fff;display:block;}
.online a.pclink{color:#fff;display:block;}
.online a.mblink{color:#fff;display:none;}
.online img{width:20px;height:auto;vertical-align:middle;margin-right:6px;}
.wechat{height:auto;text-align:center;padding-top:10px;}
.wechat ul{display:flex;display: -webkit-flex;flex-direction:row;flex-wrap: wrap;justify-content: space-between;}
.wechat li{margin-left:30px;}
.wechat img{margin-bottom:10px;}
.copyrights{width:100%;height:auto;border-top:1px #363636 solid;margin-top:40px;text-align:center;color:#b8b8b8;font-size:14px;padding-top:30px;line-height:30px;}
.copyrights a{font-size:14px;color:#b8b8b8;margin-left:5px;margin-right:5px;}
.beian{background:url(../images/beian.png) left center no-repeat;padding-top:3px;padding-bottom:3px;padding-left:20px;}
.links{height:auto;margin-top:30px;padding-bottom:30px;color:#ccc;}
.links li{display:inline-block;height:28px;line-height:28px;margin-right:15px;white-space:nowrap;}
.links a{color:#545454;font-size:14px;}
.links a:hover{color:#9f9f9f;}
.com_banner{width:100%;height:auto;position:relative;}
.com_banner img{width:100%;height:auto;display:block;}
.com_banner_txt{position:absolute;left:0px;top:40%;color:#fff;width:100%;}
.com_banner_txt h2{font-size:50px;margin-bottom:20px;}
.com_banner_txt p{font-size:22px;}
.com_banner_txt h1{font-size:36px;margin-bottom:20px;}
.news_banner{overflow:hidden;}
.artitle a{color:#fff;}
.artitle p{color:#fff;font-size:18px;}
.newsart{display:flex;display: -webkit-flex;flex-direction:row;flex-wrap: wrap;justify-content: space-between;margin-top:40px;}
.content{line-height:40px;width:68%;background-color:#fff;padding:40px;}
.content pre{background-color:#f8f8f8;border:1px #ddd solid;padding:10px;font-size:14px;margin-bottom:15px;margin-top:15px; line-height:26px; overflow:hidden;word-break:break-all;}
.content img{max-width: 100%!important;height: auto!important;width:expression(this.width > 1105 ? "1105px" : this.width)!important;margin-bottom:10px;}
.newsright{width:28%;background-color:#fff;padding:40px;}
.newsright li{width:100%;height:auto;background-color:#f6f6f6;margin-bottom:30px;padding:40px 25px;}
.newsright h2{font-size:22px;margin-bottom:25px;font-weight:normal;}
.newsright p{line-height:30px;color:#666;margin-top:25px;font-size:14px;}
.newsright span{color:#888;background:url(../images/timebg.jpg) left bottom no-repeat;display:inline-block;padding-bottom:15px;}
.position{border-bottom:1px #ebebeb solid;padding-top:18px;padding-bottom:18px;color:#666;}
.position span{background:url(../images/posibg.jpg) left center no-repeat;padding-left:25px;}
.position a{color:#666;margin-left:3px;margin-right:3px;}
.position a:hover{color:#333;}
.website{display:flex;display: -webkit-flex;flex-direction:row;flex-wrap: wrap;justify-content: space-between;overflow:hidden;}
.website_pic{width:60%;}
.website_pic img{width:100%;height:auto;display:block;}
.website_txt{width:40%;padding-top:40px;padding-bottom:10px;}
.website_txt h2{font-size:46px;font-weight:normal;margin-bottom:20px;}
.website_txt span{color:#666;font-size:20px;display:inline-block;}
.website_txt p{font-size:16px;color:#666;margin-top:25px;line-height:30px;}
.webbox{height:auto;padding-top:20px;padding-bottom:50px;background: -webkit-linear-gradient(to top right, #F4F1EC, #F4F1EC);background: -o-linear-gradient(to top right, #F4F1EC, #F4F1EC);background: -moz-linear-gradient(to top right, #F4F1EC, #F4F1EC);background: linear-gradient(to top right, #F4F1EC, #F4F1EC);}
.website_pic2{width:40%;}
.website_pic2 img{width:100%;height:auto;max-width:600px;display:block;}
.website_txt2{width:55%;padding-top:40px;color:#444;padding-bottom:10px;}
.website_txt2 h2{font-size:46px;font-weight:normal;margin-bottom:20px;}
.website_txt2 span{color:#000;font-size:20px;}
.website_txt2 p{font-size:16px;color:#000;margin-top:25px;line-height:30px;}
.webbox2{height:auto;padding-top:40px;background: -webkit-linear-gradient(to top right, #7313d9, #4b60db);background: -o-linear-gradient(to top right, #7313d9, #4b60db);background: -moz-linear-gradient(to top right, #7313d9, #4b60db);background: linear-gradient(to top right, #7313d9, #4b60db);}
.website_pic3{width:40%;text-align:center;}
.website_pic3 img{width:100%;height:auto;max-width:500px;display:block;margin:0 auto }
.website_pic4{width:45%;}
.website_pic4 img{width:100%;height:auto;display:block;}
.tradebox{height:auto;background:url(../images/webbg.jpg) center top;padding-top:60px;padding-bottom:60px;}
.tradeweb{margin-top:50px;}
.tradeweb ul{display:flex;display: -webkit-flex;flex-direction:row;flex-wrap: wrap;justify-content: space-between;}
.tradeweb li{width:25%;text-align:center;}
.tradeweb img{margin-bottom:20px;-moz-transition: all 1s;-ms-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.tradeweb li:hover img {-moz-transform: rotateY(360deg);-ms-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);transform: rotateY(360deg);-moz-transition: all 1.5s;-ms-transition: all 1.5s;-webkit-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;}
.tradeweb h3{margin-bottom:20px;color:#272727;font-size:20px;}
.tradeweb p{margin:0 30px;line-height:30px;}
.mauto{margin:0 auto !important;float:none;}
.mailbox{width:100%;background-color:#f6f7fa;padding-top:40px;padding-bottom:30px;margin-top:50px;}
.gouwu{height:auto;}
.gouwu ul{display:flex;display: -webkit-flex;flex-direction:row;flex-wrap: wrap;justify-content: space-between;margin-bottom:40px;}
.gouwu li{width:33%;background-color:#fff;text-align:center;padding-top:50px;padding-bottom:50px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;}
.gouwu h3{margin-bottom:20px;margin-top:20px;font-size:26px;font-weight:normal;}
.gouwu p{margin:0 20px;line-height:30px;color:#51555c;text-align:center;}
.gouwu img{-moz-transition: all 1s;-ms-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.gouwu li:hover img {-moz-transform: rotateY(360deg);-ms-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);transform: rotateY(360deg);-moz-transition: all 1.5s;-ms-transition: all 1.5s;-webkit-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;}

.wxxcx{height:auto;}
.wxxcx ul{display:flex;display: -webkit-flex;flex-direction:row;flex-wrap: wrap;justify-content: space-between;margin-bottom:40px;}
.wxxcx li{width:43%;background-color:#fff;text-align:center;padding-top:50px;padding-bottom:50px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;}
.wxxcx h3{margin-bottom:20px;margin-top:20px;font-size:26px;font-weight:normal;}
.wxxcx p{margin:0 20px;line-height:30px;color:#51555c;text-align:left;}
.wxxcx img{-moz-transition: all 1s;-ms-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.wxxcx li:hover img {-moz-transform: rotateY(360deg);-ms-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);transform: rotateY(360deg);-moz-transition: all 1.5s;-ms-transition: all 1.5s;-webkit-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;}


.mailwhy{height:auto;}
.mailwhy ul{display:flex;display: -webkit-flex;flex-direction:row;flex-wrap: wrap;justify-content: space-between;margin-bottom:40px;}
.mailwhy li{width:23%;background-color:#fff;text-align:center;padding-top:50px;padding-bottom:50px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;}
.mailwhy h3{margin-bottom:20px;margin-top:20px;font-size:26px;font-weight:normal;}
.mailwhy p{margin:0 20px;line-height:30px;color:#51555c;text-align:left;}
.mailwhy img{-moz-transition: all 1s;-ms-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.mailwhy li:hover img {-moz-transform: rotateY(360deg);-ms-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);transform: rotateY(360deg);-moz-transition: all 1.5s;-ms-transition: all 1.5s;-webkit-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;}

.wyadvg{height:auto;margin-top:35px;}
.wyadvg ul{display:flex;display: -webkit-flex;flex-direction:row;flex-wrap: wrap;justify-content: space-between;}
.wyadvg li{width:24%;height:auto;padding-top:85px;padding-bottom:35px;background-color:#fff;box-shadow: 0 0 10px #dddddd;margin-bottom:20px;}
.wyadvg li h3{font-weight:normal;margin-left:20px;}
.wyadvg li p{font-size:14px;color:#666;margin:0 20px;margin-top:10px;line-height:22px;}
.wyadvg li.tslm-1{background:url(../images/gw_ico1.png) 20px 20px no-repeat #fff;}
.wyadvg li.tslm-2{background:url(../images/gw_ico2.png) 20px 20px no-repeat #fff;}
.wyadvg li.tslm-3{background:url(../images/gw_ico3.png) 20px 20px no-repeat #fff;}
.wyadvg li.tslm-4{background:url(../images/gw_ico4.png) 20px 20px no-repeat #fff;}
.wyadvg li.tslm-5{background:url(../images/gw_ico5.png) 20px 20px no-repeat #fff;}
.wyadvg li.tslm-6{background:url(../images/gw_ico6.png) 20px 20px no-repeat #fff;}
.wyadvg li.tslm-7{background:url(../images/gw_ico7.png) 20px 20px no-repeat #fff;}
.wyadvg li.tslm-8{background:url(../images/gw_ico8.png) 20px 20px no-repeat #fff;}
.wyadvg li.tslm-9{background:url(../images/gw_ico9.png) 20px 20px no-repeat #fff;}
.wyadvg li.tslm-10{background:url(../images/gw_ico10.png) 20px 20px no-repeat #fff;}
.wyadvg li.tslm-11{background:url(../images/gw_ico11.png) 20px 20px no-repeat #fff;}
.wyadvg li.tslm-12{background:url(../images/gw_ico12.png) 20px 20px no-repeat #fff;}
.wyadvg li.wm-1{background:url(../images/waimao04-1.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.wm-2{background:url(../images/waimao04-2.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.wm-3{background:url(../images/waimao04-3.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.wm-4{background:url(../images/waimao04-4.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.wm-5{background:url(../images/waimao04-5.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.wm-6{background:url(../images/waimao04-6.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.wm-7{background:url(../images/waimao04-7.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.wm-8{background:url(../images/waimao04-8.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-1{background:url(../images/wy_ico01.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-2{background:url(../images/wy_ico02.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-3{background:url(../images/wy_ico03.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-4{background:url(../images/wy_ico04.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-5{background:url(../images/wy_ico05.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-6{background:url(../images/wy_ico06.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-7{background:url(../images/wy_ico07.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-8{background:url(../images/wy_ico08.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-9{background:url(../images/wy_ico09.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-10{background:url(../images/wy_ico10.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-11{background:url(../images/wy_ico11.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-12{background:url(../images/wy_ico12.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-13{background:url(../images/wy_ico13.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-14{background:url(../images/wy_ico14.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-15{background:url(../images/wy_ico15.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-16{background:url(../images/wy_ico16.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-17{background:url(../images/wy_ico17.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-18{background:url(../images/wy_ico18.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-19{background:url(../images/wy_ico19.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-20{background:url(../images/wy_ico20.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-21{background:url(../images/wy_ico21.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-22{background:url(../images/wy_ico22.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-23{background:url(../images/wy_ico23.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-24{background:url(../images/wy_ico24.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-25{background:url(../images/wy_ico25.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-26{background:url(../images/wy_ico26.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-27{background:url(../images/wy_ico27.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-28{background:url(../images/wy_ico28.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-29{background:url(../images/wy_ico29.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-30{background:url(../images/wy_ico30.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-31{background:url(../images/wy_ico31.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-32{background:url(../images/wy_ico32.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-33{background:url(../images/wy_ico33.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-34{background:url(../images/wy_ico34.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-35{background:url(../images/wy_ico35.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-36{background:url(../images/wy_ico36.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-37{background:url(../images/wy_ico37.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-38{background:url(../images/wy_ico38.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-39{background:url(../images/wy_ico39.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-40{background:url(../images/wy_ico40.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-41{background:url(../images/wy_ico41.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-42{background:url(../images/wy_ico42.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-43{background:url(../images/wy_ico43.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-44{background:url(../images/wy_ico44.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-45{background:url(../images/wy_ico45.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-46{background:url(../images/wy_ico46.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-47{background:url(../images/wy_ico47.jpg) 20px 20px no-repeat #fff;}
.wyadvg li.icon-48{background:url(../images/wy_ico48.jpg) 20px 20px no-repeat #fff;}
.prices{margin-top:40px;}
.price_title{color:#fff;}
.title .price_p{color:#b61820;}
.price_font{color:#b61820;font-weight:bolder;}
.canshu_tab td{line-height:45px;border-bottom:1px #ddd solid;border-right:1px #ddd solid;padding-left:15px;}
.canshu_tab th{line-height:45px;border-bottom:1px #ddd solid;border-right:1px #ddd solid;padding-left:15px;}
.canshu_tab{border-top:1px #ddd solid;border-left:1px #ddd solid;}
.netservice{height:auto;margin-top:50px;}
.netservice ul{display:flex;display: -webkit-flex;flex-direction:row;flex-wrap: wrap;justify-content: space-between;}
.netservice li{width:32%;height:auto;text-align:center;margin-bottom:40px;box-shadow: 0 0 12px #cbd1ff;padding-bottom:30px;overflow:hidden;}
.netservice p{text-align:left;margin:0 25px;margin-top:20px;line-height:30px;color:#8a8a8a;}
.servpic{width:100%;overflow:hidden;margin-bottom:25px;}
.netservice img{width:100%;height:auto;display:block;overflow-x: hidden;overflow-y: hidden;position: relative;z-index:1;transition-delay: 0s;transition-duration: 1s;transition-property: all;transition-timing-function: ease;-moz-transition-delay: 0s;-moz-transition-duration: 1s;-moz-transition-property: all;-moz-transition-timing-function: ease;-webkit-transition-delay: 0s;-webkit-transition-duration: 1s;-webkit-transition-property: all;-webkit-transition-timing-function: ease;-o-transition-delay: 0s;-o-transition-duration: 1s;-o-transition-property: all;-o-transition-timing-function: ease;}
.netservice li:hover img{transform: scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-webkit-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);}
.aboutus{margin-top:10px;overflow:hidden;padding-bottom:20px;}
.aboutus p{line-height:38px;margin-top:20px;text-indent:2em;}
.aboutus img{float:right;margin-left:30px;max-width:650px;height:auto;}
.aboutys ul{display:flex;display: -webkit-flex;flex-direction:row;flex-wrap: wrap;justify-content: space-between;}
.aboutys li{width:25%;text-align:center;}
.aboutys img{float:none;width:80%;height:auto;margin-left:0px;display:block;}
.aboutys p{text-align:left;text-indent:0;}
.contactbox{width:100%;background:url(../images/wybg.png) center top #f8f9fb;padding-top:45px;padding-bottom:60px;}
.contactus{margin-top:40px;}
.contactus ul{display:flex;display: -webkit-flex;flex-direction:row;flex-wrap: wrap;justify-content: space-between;}
.contactus li{width:32%;background-color:#fff;padding:40px;line-height:46px;padding-top:30px;}
.contactus h2{margin-bottom:20px;}
.contactus img{display:block;}
.contactus .ctel{background:url(../images/contact_tel.jpg) left center no-repeat;padding-left:30px;}
.contactus .ctel2{background:url(../images/contact_tel2.jpg) left center no-repeat;padding-left:30px;}
.contactus .cemail{background:url(../images/contact_email.jpg) left center no-repeat;padding-left:30px;}
.maps{width:100%;height:500px;padding-top:240px;background:url(../images/map.jpg) center center no-repeat;}
.maps_icon{text-align:center;margin:0 auto;width:19px;height:31px;background:url(../images/mark_a.png) no-repeat;}
.newslist{margin-top:40px;}
.newslist ul{display:flex;display: -webkit-flex;flex-direction:row;flex-wrap: wrap;justify-content: space-between;}
.newslist li{width:32%;height:auto;background-color:#f6f6f6;margin-bottom:30px;padding:40px 25px;overflow:hidden;}
.newslist .itemempty {height: 0px;width: 32%;margin-bottom:0px;padding:0px;}
.newslist:after {content: "";flex: auto;}
.newslist h2{font-size:22px;margin-bottom:25px;font-weight:normal;}
.newslist p{line-height:30px;color:#666;margin-top:25px;font-size:14px;}
.newslist span{color:#888;background:url(../images/timebg.jpg) left bottom no-repeat;display:inline-block;padding-bottom:15px;}
.artitle{text-align:center;}
.prenext{color:#525252;border-top:1px #ddd dashed;height:auto;padding-top:15px;padding-bottom:15px;margin-top:20px;}
.prenext ul{list-style-type:none;}
.prenext li{line-height:35px;color:#525252;}
.prenext a:link{color:#525252;}
.prenext a:visited{color:#525252;}
.prenext a:hover{color:#3156db;}
.pages{height:auto;overflow:hidden;background-color:#fff;margin:0 auto;margin-top:30px;padding-top:3px;padding-bottom:12px;}
.pages{list-style-type:none;padding:12px 0px 40px 0px;text-align:center;}
.pages span{font-family:Tahoma;height:30px;line-height:30px;margin-right:5px;padding-top:10px;padding-bottom:10px;}
.pages span.page-status{padding-left:18px;padding-right:18px;border:1px solid #E9E9E9;}
.pages span.page-numbar{margin-right:3px;margin-left:-3px;padding-top:10px;padding-bottom:10px;}
.pages span.page-numbar a{margin-left:3px;margin-right:3px;}
.pages span a{color:#555;height:30px;line-height:30px;padding-left:18px;padding-right:18px;padding-top:10px;padding-bottom:10px;border:1px solid #E9E9E9;}
.pages span a:hover{color:#fff;text-decoration:none;background-color:#3266cc;height:30px;line-height:30px;padding-left:18px;padding-right:18px;}
.pages a.page-num-current, .pages a.page-num-current a,.pagebox ul a.page-num-current a:hover{background-color:#3266cc;padding:0px 4px 0px;padding-left:18px;padding-right:18px;font-weight:bold;padding-top:10px;padding-bottom:10px;color:#fff;}
.pages .pageinfo{line-height:22px;padding:12px 10px 12px 16px;color:#999;}
.pages .pageinfo strong{color:#555;font-weight:normal;margin:0px 2px;}
#backtop{width:36px;height:36px;position:fixed;_position: absolute;right:10px;_right:10px;bottom:10px;z-index:11111;display:none;}
#backtop a{display:block;width:36px;height:36px;background:url(../images/top-1.jpg) no-repeat;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;}
.right_cus{float:right;width:46px;position:fixed;right:5px;top:50%;margin-top:-108px;z-index:888;background:url(../images/right_icon05.png) center no-repeat;padding:19px 0;-webkit-transition: all 0.2s ease-out 0s;-moz-transition: all 0.2s ease-out 0s;-o-transition: all 0.2s ease-out 0s;transition: all 0.2s ease-out 0s;}
.right_cus li{float:left;width:100%;position:relative;height:46px;z-index:6;margin:3px 0;}
.right_cus li:last-child{border-bottom:none;}
.right_cus li a{float:left;width:100%;height:46px;color:#fff;font-size:14px;line-height:36px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;position:relative;z-index:6;}
.right_cus li.ico3 a{line-height:18px;}
.right_cus li.ico1 a{background:url(../images/right_icon02.png) center no-repeat #E94D26;}
.right_cus li.ico2 a{background:url(../images/right_icon01.png) center no-repeat #E94D26;}
.right_cus li.ico3 a{background:url(../images/right_icon03.png) center no-repeat #E94D26;}
.right_cus li.ico4 a{background:url(../images/right_icon04.png) center no-repeat #E94D26;}
.right_cus li:hover{opacity:0.9;filter: alpha(opacity=90);}
.ServiceHotline{position:absolute;top:0;right:-300px;background:#364cd0 url(../images/right_icon03.png) 0 center no-repeat;padding:10px 10px 10px 40px;color:#fff;font-size:18px;line-height:25px;font-family:Arial;white-space: nowrap;-webkit-transition: all 0.2s ease-out 0s;-moz-transition: all 0.2s ease-out 0s;-o-transition: all 0.2s ease-out 0s;transition: all 0.2s ease-out 0s;z-index:1;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.right_cus li.ico3:hover .ServiceHotline{right:51px;}
.right_wechat{float:left;width:142px;position:absolute;top:0;right:-300px;background:#364cd0;padding:6px;-webkit-transition: all 0.5s ease-out 0s;-moz-transition: all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;z-index:1;order-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.right_wechat img{display:block;}
.right_cus li.ico2:hover .right_wechat{right:51px;}
.right_cus li.ico1:hover a{background:url(../images/right_icon02.png) center no-repeat #364cd0;}
.right_cus li.ico2:hover a{background:url(../images/right_icon01.png) center no-repeat #364cd0;}
.right_cus li.ico3:hover a{background:url(../images/right_icon03.png) center no-repeat #364cd0;}
.right_cus li.ico4:hover a{background:url(../images/right_icon04.png) center no-repeat #364cd0;}
#bottom{display:none;}@media only screen and (max-width: 1600px) {.w{margin-left:50px;margin-right:50px;}
.nav{margin-right:40px;}
.nav li{margin-left:40px;}
.arrow-left{left: 50px;}
.arrow-right{right: 50px;}
.service li{width:20%;text-align:center;height:420px;padding-top:50px;padding-bottom:50px;}
.news .newstext{padding:10px;margin-bottom:15px;padding-bottom:10px;}
.news .newstext p{margin-top:10px;}
.com_banner_txt h2{font-size:42px;}
.website_txt h2{font-size:42px;}
.website_txt2 h2{font-size:42px;}
.effect-bubba figcaption::before, .effect-bubba figcaption::after {top: 20px;right: 20px;bottom: 20px;left: 20px;}}
@media only screen and (max-width: 1500px) {
.contact{width:33%;}
.foot_service{width:33%;}.wechat{width:33%;}
.wechat ul{display:flex;display: -webkit-flex;flex-direction:row;flex-wrap: wrap;justify-content:flex-end;}
.customer li{width:12%;}}@media only screen and (max-width: 1440px) {.w{margin-left:30px;margin-right:30px;}
.arrow-left{left: 30px;}
.arrow-right{right: 30px;}
.nav{margin-right:30px;}
.nav li{margin-left:30px;}
.home_slide1_info{margin-top:-140px;}
.home_slide1_thumb{margin-top:-190px;}
.service h2{font-size:20px;}
.contact{background:url(../images/telbg2.png) left top no-repeat;padding-left:65px;line-height:30px;padding-top:5px;}
.news p{margin-top:20px;font-size:14px;line-height:26px;color:#888;}
.news .newstext p{font-size:14px;margin-top:10px;}
.com_banner_txt h2{font-size:36px;}
.com_banner_txt p{font-size:20px;}
.website_txt{padding-top:10px;}
.website_txt2{padding-top:10px;}
.website_txt h2{font-size:36px;}
.website_txt2 h2{font-size:36px;}
.news_banner img{width:auto;height:400px;display:block;}
.content{padding:20px;width:70%;}
.newsright{padding:20px;}
.home_slide2_info{width:50%;}
.home_slide3_info{width:50%;}
.home_slide2_info p{font-size:24px;}}
@media only screen and (max-width: 1200px) {
.home_slide1_info{position:absolute;left:60px;top:25%;margin-top:0px;z-index:1001;width:60%;}
.home_slide1_phone{margin-top:40px;}
.home_slide1_info img{width:65%;height:auto;}
.home_slide1_thumb{position:absolute;right:20px;bottom:15%;margin-top:0px;z-index:1000;width:50%;top:auto;}
.home_slide2_info p{font-size:20px;}
.home_slide3_info p{font-size:20px;}
.contact{width:35%;}
.foot_service{width:43%;}
.wechat{width:160px;}
.wechat li{margin-bottom:20px;margin-left:0px;}
.wechat img{width:130px;height:auto;}
.news .newstext a{font-size:16px;}
.news .newstext p{font-size:12px;margin-top:5px;}
.com_banner_txt h2{font-size:32px;}
.com_banner_txt h1{font-size:28px;}
.com_banner_txt p{font-size:18px;}
.website_txt h2{font-size:32px;}
.website_txt2 h2{font-size:32px;}
.aboutus img{width:45%;height:auto;}
.content{width:100%;}
.newsright{width:100%;}}
@media only screen and (max-width: 1024px) {
.w{margin-left:15px;margin-right:15px;}
.arrow-left{left: 15px;}
.arrow-right{right: 15px;}
.toptel{margin-top:10px;}
.home_slide1_info{top:20%;}
.home_slide2_info{width:45%;margin-top:-50px;}
.home_slide3_info{width:45%;margin-top:-50px;}
.newscat li{margin-left:8px;margin-right:8px;}
.newscat2 li{margin-left:8px;margin-right:8px;}
.service li{height:350px;padding-top:25px;padding-bottom:30px;}
.service h2{font-size:18px;}
.service p{font-size:12px;margin:0 20px;margin-top:10px;}
.service img{width:80%;height:auto;}
.caseys li{margin-left:30px;margin-right:30px;}
.caseys span{font-size:45px;}
.indextitle h3{font-size:32px;}
.indextitle2 h3{font-size:32px;}
.links{display:none;}
.gouwu li{width:33%;}
.gouwu h3{font-size:22px;}
.wxxcx li{width:24%;}
.wxxcx h3{font-size:22px;}
.mailwhy li{width:24%;}
.mailwhy h3{font-size:22px;}
.effect-bubba figcaption::before, .effect-bubba figcaption::after {top: 15px;right: 15px;bottom: 15px;left: 15px;}}
@media only screen and (max-width: 980px) {
	.w{margin-left:10px;margin-right:10px;}
	.service li{width:31%;padding-top:20px;padding-bottom:20px;height:auto;}
	.service li.wxxcx{display:block;}.service .baojia{display:none;}
	.service p{font-size:14px;}
	.cases li{width:32.5%;}
	.caseys li{margin-left:15px;margin-right:15px;}
	.caseys span{font-size:35px;}
	.online a.pclink{color:#fff;display:none;}
	.online a.mblink{color:#fff;display:block;}
	.slide1_online a.pclink{color:#fff;display:none;}
	.slide1_online a.mblink{color:#fff;display:block;}
	.slide1_online2 a.pclink{color:#000;display:none;}
	.slide1_online2 a.mblink{color:#fff;display:block;}
	.home_slide1_phone{margin-top:25px;}
	.home_slide1_info{top:30%;left:35px;width:90%;}
	.home_slide1_info img{width:45%;height:auto;}
	.home_slide1_info p{font-size:16px;}
	.home_slide1_thumb{bottom:18%;text-align:right;width:90%;}
	.home_slide1_thumb img{width:50%;height:auto;}
	.home_slide2_info p{font-size:16px;}
	.home_slide3_info p{font-size:16px;}
	.slide1_online{width:160px;margin-right:15px;height:45px;line-height:45px;border-radius:45px;-moz-border-radius:45px;-webkit-border-radius:45px;-o-border-radius:45px;}
	.slide1_online2{width:160px;height:45px;line-height:41px;border-radius:45px;-moz-border-radius:45px;-webkit-border-radius:45px;-o-border-radius:45px;}
	.effect-bubba figcaption p a{font-size:18px;padding-top:20%;}
	.whylist h2{font-size:18px;}
	.whylist li{padding:15px;}
	.require_txt{padding-left:10px;}
	.require_txt2{padding-left:10px;}
	.indextitle h3{font-size:26px;}
	.indextitle2 h3{font-size:26px;}
	.indextitle2 p{margin:0 15px;}
	.indextitle3 h3{font-size:26px;}
	.require h2{font-size:26px;}
	.gouwubox{margin-top:0px;padding-top:1px;padding-bottom:40px;background:url(../images/gouwubg2.jpg) left top;-moz-background-size:100% auto;background-size:100% auto;}
	.gwjsbox{margin-top:0px;padding-top:1px;padding-bottom:40px;background:url(../images/gwjsbg2.jpg) left top;-moz-background-size:100% auto;background-size:100% auto;}
	.whybox{margin-top:0px;padding-top:1px;padding-bottom:40px;background:url(../images/whybg2.jpg) left top;-moz-background-size:100% auto;background-size:100% auto;}
	.customerbox{margin-top:40px;padding-top:1px;padding-bottom:60px;background:url(../images/customerbg2.jpg) left top;-moz-background-size:100% auto;background-size:100% auto;}
	.customer li{width:19%;}
	.contact{width:100%;padding-bottom:25px;margin-bottom:25px;border-bottom:1px #363636 solid;padding-left:50px;padding-top:0px;-moz-background-size:35px auto;background-size:35px auto;}
	.foot_service{width:100%;padding-bottom:25px;margin-bottom:25px;border-bottom:1px #363636 solid;padding-left:50px;padding-top:0px;-moz-background-size:35px auto;background-size:35px auto;}
	.wechat{width:100%;}
	.wechat ul{display:flex;display: -webkit-flex;flex-direction:row;flex-wrap: wrap;justify-content:center;}
	.wechat li{margin-left:10px;margin-right:10px;}
	.wechat img{width:140px;height:auto;}
	.copyrights{margin-top:10px;padding-top:15px;}
	.com_banner_txt h2{font-size:26px;margin-bottom:10px;}
	.com_banner_txt h1{font-size:24px;margin-bottom:10px;line-height:34px;}
	.com_banner_txt p{font-size:16px;}
	.website_txt h2{font-size:28px;}
	.website_txt2 h2{font-size:28px;}
	.tradeweb h3{font-size:18px;}
	.contactus li{width:100%;background-color:#fff;padding:20px;line-height:46px;padding-top:20px;margin-bottom:20px;}
	.newslist li{width:49%;margin-bottom:15px;}
	.newslist .itemempty {display:none;}
	.content pre{overflow:hidden;overflow-x:auto;}
	.content img{max-width: 100%!important;height: auto!important;width:expression(this.width > 800 ? "800px" : this.width)!important;margin-bottom:10px;}
	.pages .page-status{display:none;}
	.right_cus{display:none;}
	#bottom{position:fixed;width:100%;height:48px;left:0px;bottom:0px;background:url(../images/headbg.png);display:block;z-index:10;}
	#bottom ul{height:48px;line-height:48px }
	#bottom ul li{width:33.333%;float:left;color:#FFF;height:48px;}
	#bottom ul li dl{width:auto;margin:0 auto;text-align:center;}
	#bottom ul li dt{width:auto;height:25px;}
	#bottom ul li dd{width:auto;height:20px;font-size:0.8em;color:#fff;line-height:20px;text-shadow: 1px 1px 1px #000;}}
	@media only screen and (max-width: 640px) {
		.mt60{margin-top:30px;}
		.mt50{margin-top:20px;}
		.navbox{height:50px;}
		.toptel{margin-top:8px;}
		.toptel{display:none;}
		.home_slide1_info{left:20px;top:28%;width:95%;}
		.slide1_online{width:45%;}
		.slide1_online2{width:45%;}
		.home_slide1_info img{width:75%;height:auto;}
		.home_slide1_thumb{bottom:15%;}
		.home_slide1_thumb img{width:100%;height:auto;}
		.home_slide2_info{width:85%;right:25px;}
		.home_slide2_info p{font-size:16px;}
	.home_slide3_info{width:85%;left:25px;margin-top:-120px;}
	.home_slide3_info p{font-size:16px;}
	.arrow-left{display:none;}
	.arrow-right{display:none;}
	.indextitle h3{font-size:24px;}
	.indextitle2 h3{font-size:24px;}
	.indextitle3 h3{font-size:24px;}
	.indextitle p{font-size:14px;margin:0 15px;margin-top:15px;line-height:24px;}
	.indextitle2 p{font-size:14px;margin-top:15px;line-height:24px;}
	.service li{width:50%;text-align:center;height:auto;}
	.service h2{margin-top:15px;}
	.cases li{width:49%;margin-bottom:8px;}
	.effect-bubba figcaption::before, .effect-bubba figcaption::after {top: 10px;right: 10px;bottom: 10px;left: 10px;}
	.effect-bubba figcaption p a{padding-top:18%;}
	.effect-bubba span{margin-top:7px;}
	.whybox{padding-top:25px;}
	.gwjsbox{padding-top:25px;}
	.whylist li{width:48%;margin-bottom:20px;}
	.customerbox{padding-top:20px;}
	.customer li{width:24%;}
	.cases{margin-top:20px;}
	.caseys li{margin-bottom:15px;}
	.caseys span{font-size:26px;}
	.process{background-image:none;}
	.process li{width:32%;padding-top:5px;padding-bottom:15px;}
	.require_txt{width:100%;margin-bottom:15px;}
	.require_txt2{width:100%;margin-bottom:15px;}
	.require_sub{width:100%;}
	.newscat li{padding:0 10px;margin-left:0px;margin-right:0px;}
	.newscat2 li a{padding:0 10px;}
	.newscat2 ul{display:flex;display: -webkit-flex;flex-direction:row;flex-wrap: wrap;justify-content: center ;}
	.newscat2 li{margin-left:3px;margin-right:3px;margin-bottom:5px;}
	.newscat2 li:last-child{display:none;}
	.news{width:100%;height:auto;}
	.content img{max-width: 100%!important;height: auto!important;width:expression(this.width > 640 ? "640px" : this.width)!important;}
	.com_banner{overflow:hidden;}
	.com_banner img{height:300px;width:auto;}
	.news_banner img{width:auto;height:300px;display:block;}
	.mailbanner img{margin-left:-210px;}
	.com_banner_txt{font-size:22px;text-align:center;}
	.com_banner_txt h2{font-size:22px;}
	.com_banner_txt h1{font-size:20px;}
	.com_banner_txt p{font-size:14px;}
	.website_txt h2{font-size:24px;}
	.website_txt2 h2{font-size:24px;}
	.website_txt span{font-size:18px;}
	.website_txt2 span{font-size:18px;}
	.website_pic{width:100%;margin-top:30px;}
	.website_txt{width:100%;}
	.website_pic2{width:100%;}
	.website_txt2{width:100%;margin-top:30px;}
	.website_pic3{width:100%;margin-top:30px;}
	.website_pic4{width:100%;margin-top:30px;}
	.webbox2{padding-top:15px;padding-bottom:50px;}
	.tradeweb li{width:48%;margin-bottom:25px;}
	.tradeweb p{margin:0 0;}
	.gouwu li{width:49%;padding-top:20px;padding-bottom:20px;margin-bottom:10px;}
	.wxxcx li{width:49%;padding-top:20px;padding-bottom:20px;margin-bottom:10px;}
	.mailwhy li{width:49%;padding-top:20px;padding-bottom:20px;margin-bottom:10px;}
	.wyadvg li{width:49%;}
	.netservice li{width:100%;}
	.aboutus img{width:100%;height:auto;margin-left:0px;margin-bottom:20px;}
	.contactus h2{font-size:22px;}
	.newslist li{width:100%;margin-bottom:15px;padding:18px;}
	.contactbox{padding-top:30px;}.content{padding:10px;}
	.content span{word-break:break-all;line-height:22px !important;}
	.newsright{padding:10px;}
	.newsright li{margin-bottom:15px;padding:18px;}
	.newsright a{font-size:20px;}
	.pages .page-num{display:none;}}