@charset "utf-8";
/* 浏览器样式初始化 */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,figure,figcaption{margin:0;padding:0;font-size:14px;line-height:1em;max-height: 9999999px;color: #333;font-family: Microsoft Yahei,Arial,Hiragino Sans GB,'微软雅黑',STHeiti,'华文细黑',sans-serif;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
ul,ol,li{list-style:none}
html,body{max-width: 1920px;margin: 0 auto;background: #fff;}
a{color:#777;text-decoration:none;outline: none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
a:hover{text-decoration:none;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease; }
img{border:0}
em,i,b{font-style: normal;font-weight: normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
input{outline: none;border: none;}
textarea{outline: none;resize: none;}
.clear:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clear{zoom:1;}
.left{float:left;}
.right{float:right;}
.before, .after{position: relative;}
.before:before, .after:after{position: absolute;display: block;content: "";}
.imgbig{max-width: 100%;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; display: block !important }
.imgbigout:hover .imgbig{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1) }
.imgbigout{display: block; overflow: hidden }
.imgbigout img{display: block;max-width: 100%;margin: 0 auto;}
input{-webkit-appearance:none;}
.pager-box{margin-top: 70px;text-align: center;}
.pager{display: inline-block;margin: 0 auto;}
.pager span,.pager a{float: left;display:inline-block;width: 30px;height: 30px;margin:0px 2px;color: #666;line-height: 30px;text-align:center;border-radius: 50%;}
.pager .now{color:#fff;background-color: #f68726;}
.pager .current,.pager .p1{display: none;}
.pager .p1:first-child, .pager .current:first-child{background-position: -2px -33px;}
.pager .p1:last-child, .pager .current:last-child{background-position: -34px -33px;}
.pager .p1:hover{background-color: #f68726;}
.pager .p1:first-child:hover{background-position: -2px -1px;}
.pager .p1:last-child:hover{background-position: -34px -1px;}
.w1300{width: 1300px;margin: 0 auto;}
.w1200{width: 1200px;margin: 0 auto;}

.head{position: fixed;left: 0;top: 0;width: 100%;height: 82px;background: rgba(0,0,0,.15);z-index: 9999;transition: height .7s;}
.head .head-inner{}
.head .head-logo{float: left;padding-top: 11px;transition: padding-top .7s;}
.head .head-logo img{display: block;}
.head .head-nav{float: right;}
.head .head-nav li{float: left;margin-left: 50px;}
.head .head-nav li a{display: block;font-size: 16px;line-height: 76px;color: #fff;transition: line-height .7s;}
.head .head-nav li.on a{border-bottom: 1px solid #fff;}
.white-head{height: 80px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.3);}
.white-head .head-nav li a{line-height: 78px;color: #333;}
.white-head .head-nav li.on a{border-bottom: 2px solid #333;}
.head-h{height: 80px;}
.small-head{height: 70px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.3);}
.small-head .head-logo{padding-top: 6px;}
.small-head .head-nav li a{line-height: 68px;color: #333;}
.small-head .head-nav li.on a{border-bottom: 2px solid #333;}

.banner{position: relative;margin-bottom: 120px;}
.banner .banner-slide{position: relative;height: 764px;}
.banner .banner-slide .swiper-slide{background-position: center top;background-repeat: no-repeat;}
.banner .banner-slide .swiper-btn{}
.banner .swiper-btn{position: absolute;left: 50%;bottom: 46px;margin-left: -650px;width: 120px;height: 50px;z-index: 9;}
.banner .slide-btn{position: relative;width: 50px;height: 50px;border-radius: 50%;border: 1px solid #fff;cursor: pointer;}
.banner .slide-btn i{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: block;width: 20px;height: 16px;background-image: url(/static/img/icons.png);background-repeat: no-repeat;}
.banner .slide-prev i{background-position: 0 0;}
.banner .slide-next i{background-position: -28px 0;}
.banner .slide-btn:hover{background-color: #fff;}
.banner .slide-prev:hover i{background-position: 0 -19px;}
.banner .slide-next:hover i{background-position: -28px -19px;}
.banner .banner-shadow{position: absolute;left: 0;bottom: 0;width: 100%;height: 88px;background: url(/static/img/banner-bg.png) center no-repeat;z-index: 9;}
.banner .banner-more{display: block;height: 100%;}
.slide-btn{cursor: pointer;}

.iproduct{position: relative;padding-bottom: 130px;}
.iproduct .bg{position: absolute;background-position: center;background-repeat: no-repeat;}
.iproduct .iproduct-bg1{left: 0;top: 286px;width: 213px;height: 582px;background-image: url(/static/img/iproduct-bg1.png);}
.iproduct .iproduct-bg2{right: 0;top: 1212px;width: 88px;height: 259px;background-image: url(/static/img/iproduct-bg2.png);}
.iproduct .iproduct-bg3{left: 0;bottom: 312px;width: 81px;height: 203px;background-image: url(/static/img/iproduct-bg3.png);}
.iproduct .iproduct-inner{position: relative;}
.iproduct .com-title{margin-bottom: 120px;}
.iproduct .iproduct-wrap{padding-bottom: 160px;background-repeat: no-repeat;background-position: top center;}
.iproduct .iproduct-wrap1{background-image: url(/static/img/iproduct-1.png);}
.iproduct .iproduct-wrap2{background-image: url(/static/img/iproduct-2.png);}
.iproduct .iproduct-wrap3{background-image: url(/static/img/iproduct-3.png);}
.iproduct .iproduct-wrap4{background-image: url(/static/img/iproduct-4.png);}
.iproduct .iproduct-wrap4{padding-bottom: 110px;}
.iproduct .product-img{position: relative;width: 411px;height: 540px;border: 1px solid;border-radius: 12px;}
.iproduct .product-img img{position: absolute;display: block;left: -14px;top: -14px;border-radius: 18px;}
.iproduct .product-text{margin-top: 40px;}
.iproduct .product-text h6{margin-bottom: 30px;}
.iproduct .product-text p{margin-bottom: 100px;margin-left: 88px;font-size: 16px;line-height: 2em;color: #666;}
.iproduct .product-text a{position: relative;display: block;margin-left: 88px;padding-left: 60px;width: 136px;height: 40px;font-size: 16px;line-height: 38px;color: #666;text-transform: uppercase;box-sizing: border-box;border: 1px solid #666;border-radius: 40px;}
.iproduct .product-text a i{position: absolute;left: 28px;top: 50%;transform: translateY(-50%);display: block;width: 22px;height: 8px;background-image: url(/static/img/icons.png);background-repeat: no-repeat;background-position: -252px 0;}
.iproduct .odd .product-img, .iproduct .odd .product-text{float: left;}
.iproduct .even .product-img, .iproduct .even .product-text{float: right;}
.iproduct .odd .product-img{margin-left: 102px;}
.iproduct .odd .product-text{margin-left: 168px;}
.iproduct .even .product-img{margin-right: 70px;}
.iproduct .even .product-text{margin-right: 214px;}
.iproduct-wrap1 .product-img{border-color: #13b69b;}
.iproduct-wrap2 .product-img{border-color: #fa86c3;}
.iproduct-wrap3 .product-img{border-color: #5595eb;}
.iproduct-wrap4 .product-img{border-color: #e4ae60;}
.iproduct-wrap1 .product-img img{box-shadow: 0 0 20px rgba(19,182,155,.4);}
.iproduct-wrap2 .product-img img{box-shadow: 0 0 20px rgba(250,134,195,.6);}
.iproduct-wrap3 .product-img img{box-shadow: 0 0 20px rgba(85,149,235,.8);}
.iproduct-wrap4 .product-img img{box-shadow: 0 0 20px rgba(228,174,96,.8);}
.iproduct-wrap .product-text a:hover{color: #fff;border: none;line-height: 40px;}
.iproduct-wrap .product-text a:hover i{background-position: -252px -13px;}
.iproduct-wrap1 .product-text a:hover{background: #13b69b;}
.iproduct-wrap2 .product-text a:hover{background: #fa86c3;}
.iproduct-wrap3 .product-text a:hover{background: #5595eb;}
.iproduct-wrap4 .product-text a:hover{background: #e4ae60;}
.more{display: block;margin: 0 auto;width: 208px;height: 54px;border-radius: 54px;font-size: 20px;line-height: 54px;text-align: center;}
.more{box-shadow: 4px 1px 20px 0 rgba(0,0,0,.08);}
.more:hover{color: #fff;background: -webkit-linear-gradient(left, #f58727,#efb27d); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #f58727,#efb27d); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #f58727,#efb27d); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #f58727,#efb27d); /* 标准的语法（必须放在最后） */}


.isoul{padding-top: 60px;padding-bottom: 130px;background: url(/static/img/isoul-bg.jpg) top center no-repeat;}
.isoul .isoul-inner{}
.white-com-title{}
.white-com-title.com-title .com-title-text{color: #fff;}
.white-com-title.com-title .com-title-text i{background-image: url(/static/img/com-title-bg2.png);}
.isoul .isoul-summary{margin-bottom: 54px;font-size: 26px;color: #fff;text-align: center;}
.isoul .isoul-main{position: relative;margin-bottom: 110px;padding: 0 50px;box-sizing: border-box;}
.isoul .isoul-main .swiper-slide{display: block;/*height: 430px;*/border-radius: 14px;overflow: hidden;}
.isoul .isoul-main .swiper-slide img{border-radius: 18px;}
.isoul .swiper-slide .text{position: absolute;left: 0;bottom: -100px;width: 100%;padding: 20px 18px;box-sizing: border-box;transition: bottom .7s;}
.isoul .swiper-slide .text p{font-size: 26px;line-height: 40px;color: #fff;text-align: right;}
.isoul .item1 .text{background: #59c32c;}
.isoul .item2 .text{background: #4588db;}
.isoul .item3 .text{background: #e8c94f;}
.isoul .swiper-slide:hover .text{bottom: 0;}
.com-slide-btn{position: absolute;width: 50px;height: 50px;border-radius: 50%;box-shadow: 0 0 10px rgba(0,0,0,.05);}
.com-slide-btn:hover{box-shadow: 0 0 10px rgba(0,0,0,.14);}
.com-slide-btn i{display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: block;width: 20px;height: 16px;background-image: url(/static/img/icons.png);background-repeat: no-repeat;}
.com-slide-btn.slide-prev i{background-position: 0 -19px;}
.com-slide-btn.slide-next i{background-position: -28px -19px;}
.isoul .slide-btn{top: 50%;transform: translateY(-50%);background: #fff;z-index: 9;}
.isoul .slide-prev{left: 0;}
.isoul .slide-next{right: 0;}
/*.isoul .more{box-shadow: 4px 1px 20px 0 rgba(0,0,0,.08);}
.isoul .more:hover{background: #f68625;color: #fff;}*/

.iarticle{padding-bottom: 130px;}
.iarticle .iarticle-main{width: 1220px;margin: 0 auto 110px;}
.iarticle-main .tabs-container{float: left;width: 528px;background: #f0f0f0;border-radius: 14px;}
.iarticle-main .tabs-container .swiper-slide{}
.iarticle-main .tabs-container .imgtext{position: relative;height: 90px;}
.iarticle-main .tabs-container .imgtext p{position: absolute;left: 0;top: 50%;padding: 0 20px;transform: translateY(-50%);font-size: 20px;line-height: 1.5em;text-align: center;}
.iarticle-main .tabs{float: right;width: 650px;}
.iarticle-main .tabs a{display: block;height: 78px;margin-bottom: 7px;padding: 0 16px;box-shadow: 1.721px 2.457px 10px 2px rgba( 225, 225, 225, .3);border-radius: 4px;}
.iarticle-main .tabs span, .iarticle-main .tabs p{line-height: 78px;color: #555;}
.iarticle-main .tabs span{position: relative;float: left;width: 72px;font-size: 20px;}
.iarticle-main .tabs span:after{position: absolute;right: 0;top: 50%;transform: translateY(-50%);display: block;content: "";width: 1px;height: 40px;background: #e3e3e3;}
.iarticle-main .tabs p{margin-left: 110px;height: 72px;white-space: nowrap;font-size: 18px;text-overflow: ellipsis;overflow: hidden;}
.iarticle-main .tabs a:hover{background: #f68625;}
.iarticle-main .tabs a:hover span, .iarticle-main .tabs a:hover p{color: #fff;}
.iarticle .more{box-shadow: 4px 1px 20px 0 rgba(0,0,0,.08);}
.iarticle .more:hover{background: #f68625;color: #fff;}

.icompany{padding: 100px 0 84px;background: url(/static/img/icompany-bg.jpg) top center no-repeat;}
.icompany .icompany-inner{width: 1040px;margin: 0 auto;}
.icompany .com-title{margin-bottom: 70px;}
.icompany .icompany-text{}
.icompany .icompany-text p{font-size: 16px;line-height: 32px;color: #fff;text-align: center;}
.icompany .icompany-link{margin-top: 80px;text-align: center;}
.icompany .icompany-link a{display: inline-block;margin: 0 30px;padding-left: 40px;font-size: 24px;line-height: 32px;color: #fff;background: url(/static/img/link-icon.png) left center no-repeat;border-bottom: 1px solid #fff;}
.icompany .icompany-link a:hover{color: #f68523;border-bottom-color: #f68523;background-image: url(/static/img/link-icon-hover.png);}

.inews{padding: 130px 0;}
.inews .com-title{margin-bottom: 80px;}
.inews .news-list{margin-bottom: 80px;}
/*.inews .more{box-shadow: 4px 1px 20px 0 rgba(0,0,0,.08);}
.inews .more:hover{background: #f68625;color: #fff;}*/

.ipartner{margin-bottom: 20px;}
.ipartner .ipartner-inner{position: relative;}
.ipartner .ipartner-slide{position: relative;width: 1130px;padding: 10px;margin: 0 auto;}
.ipartner .ipartner-slide .swiper-slide{width: 210px;height: 100px;background-position: center;background-repeat: no-repeat;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.ipartner .slide-btn{top: 50%;transform: translateY(-50%);}
.ipartner .slide-prev{left: 0;}
.ipartner .slide-next{right: 0;}

.foot{background: #0089d0;}
.foot p, .foot a, .foot li{color: #fff;}
.foot .foot-inner{}
.foot .foot-top{padding: 60px 0;}
.foot-top .foot-left{}
.foot-top .foot-left .foot-img{margin-bottom: 34px;}
.foot-top .foot-left .foot-img a{display: inline-block;}
.foot-top .foot-left .foot-img img{display: block;}
.foot-top .foot-img .foot-logo{margin-right: 30px;}
.foot-top .foot-img .foot-code{width: 96px;height: 96px;padding: 7px;background: #fff;border-radius: 10px;}
.foot-top .foot-img .foot-code img{max-width: 100%;height: auto;}
.foot-top .foot-left p{font-size: 20px;}
.foot-top .foot-right{padding-top: 30px;}
.foot-top .foot-right li{margin-top: 14px;}
.foot-top .foot-right li, .foot-top .foot-right a{font-size: 18px;}
.foot .foot-link{padding: 10px 0;}
.foot .foot-link a{display: inline-block;margin-right: 6px;margin-bottom: 4px;}
.foot .foot-bottom{border-top: 1px solid #0081c4;}
.foot .foot-bottom p, .foot .foot-bottom a{line-height: 45px;}



/* 营销组件 */
.toolbar{position: fixed;right: 20px;top: 50%;z-index: 999999;}
.toolbar ul{}
.toolbar li{position: relative;margin-bottom: 3px;background-color: #058bd1;border-radius: 2px;}
.toolbar li>a{display: block;width: 66px;height: 66px;}
.toolbar li>a .toolbar-icon{display: block;width: 66px;height: 66px;background-image: url(/static/img/icons.png);background-repeat: no-repeat;}
.toolbar .toolbar-item1 .toolbar-icon{background-position: 0 -82px;}
.toolbar .toolbar-item2 .toolbar-icon{background-position: -66px -82px;}
.toolbar .toolbar-item3 .toolbar-icon{background-position: -132px -82px;}
.toolbar .toolbar-item4 .toolbar-icon{background-position: -198px -82px;}

.toolbar .toolbar-tel-hide{position: absolute;left: -263px;top: 0;width: 263px;height: 66px;background: #fff;text-align: center;display: none;border: 1px solid #058bd1;border-right: none;border-radius: 2px;box-sizing: border-box;}
.toolbar .toolbar-tel-hide b{font-size: 30px;color: #555;line-height: 66px;}
.toolbar-wechat-hide{display: none;position: absolute;left: -170px;top: -48px;width: 152px;height: 172px;padding: 10px 12px;background: #f0f0f0;box-sizing: border-box;}
.toolbar-wechat-hide:after{position: absolute;right: -10px;top: 50%;margin-top: -12px;display: block;content: "";width: 0;height: 0;border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-left: 10px solid #f0f0f0;}
.toolbar-wechat-hide img{display: block;margin: 0 auto 6px;}
.toolbar-wechat-hide p{text-align: center;color: #444;}

.toolbar li>a:hover .toolbar-icon{background-color: #007fc2;}
.toolbar .toolbar-tel:hover .toolbar-tel-hide{display: block;}
.toolbar .toolbar-wechat:hover .toolbar-wechat-hide{display: block;}


.msg-wrap{display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;padding: 50px 0;box-sizing: border-box;/*background: #249ad7;*/background: rgba(0,0,0,.7);z-index: 9999;}

.msg-wrap .msg-wrap-inner{position: relative;width: 92%;height: 100%;margin: 0 auto;}

.msg-wrap .msg-top{position: relative;height: 85px;}
.msg-wrap .msg-top:after{display: block;content: "";position: absolute;left: 0;top: 50%;width: 100%;height: 1px;background: #92cdeb;}

.msg-wrap .msg-top .msg-top-logo{position: relative;z-index: 9;display: block;width: 254px;height: 85px;margin: 0 auto;background: #249ad7;}
.msg-wrap .msg-top .msg-top-logo img{display: block;max-width: 100%;height: auto;margin: 0 auto;}


.msg-wrap .msg-con{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);/*margin-top: 30px;*/width: 450px;padding: 100px 45px 40px;background: url(/static/img/msg-con-bg.png) top center no-repeat #fff;border-radius: 18px;box-shadow: 0 0 10px rgba(5,139,209,.7);box-sizing: border-box;}
.msg-wrap .msg-con .msg-icon{position: absolute;left: 50px;top: -43px;}

.msg-wrap .msg-title{margin-bottom: 30px;}
.msg-wrap .msg-title .p1{margin-bottom: 12px;font-size: 26px;}
.msg-wrap .msg-title .p2{font-size: 40px;font-family: "Arial";color: #f5821e;}

.msg-wrap .msg-text{margin-bottom: 22px;}
.msg-wrap .msg-text .p1{margin-bottom: 14px;font-size: 20px;}
.msg-wrap .msg-text .p2{font-size: 16px;color: #666;}

.msg-wrap .msg-form{margin-bottom: 12px;}
.msg-wrap .msg-input{float: left;width: 69%;line-height: 42px;padding: 0 12px;box-sizing: border-box;border: 1px solid #058bd1;border-right: none;border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.msg-wrap .msg-submit{float: left;width: 31%;font-size: 18px;line-height: 44px;color: #fff;background: #058bd1;border-top-right-radius: 3px;border-bottom-right-radius: 3px;cursor: pointer;}

.msg-wrap .msg-info{margin-bottom: 12px;position: relative;padding-left: 20px;}
.msg-wrap .msg-info span{font-size: 12px;line-height: 15px;}
.msg-wrap .msg-info i{position: absolute;left: 0;top: 0;display: block;width: 15px;height: 15px;background-image: url(/static/img/icons.png);background-repeat: no-repeat;background-position: -357px 0;}
.msg-wrap .msg-info-on span{color: #f5821e;}
.msg-wrap .msg-info-on i{background-position: -357px -26px;}



.msg-wrap .msg-zixun{display: block;font-size: 18px;text-align: center;color: #fff;line-height: 44px;background: url(/static/img/msg-zixun-bg.png) center no-repeat #058bd1;border-radius: 3px;}

.msg-wrap .msg-off{position: absolute;right: 10px;top: 10px;display: block;width: 43px;height: 41px;background: url(/static/img/icons.png) -286px 0 no-repeat;}

.msg-hide{display: none;}
.msg-hide p{font-size: 16px;line-height: 1.5em;}










/* 营销组件end */

#newBridge{display: none !important;}


.com-banner{height: 630px;background-position: center;background-repeat: no-repeat;}
.com-banner .com-banner-inner{}
.com-banner .com-banner-text{padding-top: 246px;}
.com-banner .com-banner-text p{font-weight: bold;color: #fff;}
.com-banner .com-banner-text .cn-t{margin-bottom: 12px;font-size: 48px;}
.com-banner .com-banner-text .en-t{font-family: "Arial";font-size: 28px;text-transform: uppercase;}
.com-banner .about-banner-text{margin-top: 40px;padding-top: 0;}
.com-title{margin-bottom: 50px;text-align: center;}
.com-title .com-title-text{position: relative;display: inline-block;padding: 0 22px;font-size: 40px;line-height: 42px;font-weight: bold;color: #333;}
.com-title .com-title-text i{position: absolute;display: block;width: 12px;height: 41px;background: url(/static/img/com-title-bg.png) center no-repeat;}
.com-title .com-title-text .i1{left: 0;top: 0;}
.com-title .com-title-text .i2{right: 0;bottom: 0;}
.article-wrap{position: relative;margin: 130px 0 150px;}
.small-icon{position: absolute;}
.cow{left: 4.7%;top: 580px;}
.fowl{right: 4.7%;bottom: 460px;}


.about-top{margin-top: 130px;margin-bottom: 140px;}
.about-top .about-top-list{padding-top: 44px;width: 1220px;margin: 0 auto;border-top: 2px solid #ededed;}
.about-top ul{display: flex;justify-content: space-between;}
.about-top ul li{width: 286px;}
.about-top-list .idea-title{display: block;position: relative;width: 290px;height: 80px;margin-bottom: 26px;border-radius: 14px;}
.about-top-list .idea-title span{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;box-sizing: border-box;overflow: hidden;font-size: 30px;font-weight: bold;color: #fff;line-height: 80px;text-indent: 22px;}
.about-top-list .idea-title span:after{
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 190px;
  width: 122%;
  height: 100%;
  background: #000;
  opacity: 0.03;
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: skew(-20deg) scaleY(1) translate(0, 0);
      -ms-transform: skew(-20deg) scaleY(1) translate(0, 0);
          transform: skew(-20deg) scaleY(1) translate(0, 0);
  -webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
          transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.about-top-list .idea-title .shadow{position: absolute;left: -4px;top: -4px;width: 100%;height: 100%;box-sizing: border-box;border-style: solid;border-width: 1px;z-index: 9;border-radius: 14px;}
.about-top-list .item1 .idea-title{background: #59c32c;}
.about-top-list .item2 .idea-title{background: #4588db;}
.about-top-list .item3 .idea-title{background: #e8c94f;}
.about-top-list .item1 .shadow{border-color: #59c32c;}
.about-top-list .item2 .shadow{border-color: #4588db;}
.about-top-list .item3 .shadow{border-color: #e8c94f;}
.about-top-list li:hover span:after{left: -50px;}
.about-top-list .idea-text{width: 260px;}
.about-top-list p{font-size: 16px;line-height: 2em;color: #333;text-align: justify;}
.about-product{padding-top: 180px;padding-bottom: 65px;}


.product-read{padding: 140px 0;}
.product-read .pro-top{margin-bottom: 50px;padding: 0 100px 60px;box-sizing: border-box;background: url(/static/img/pro-top-bg.png) center bottom no-repeat;}
.product-read .pro-top .pro-top-img{float: left;width: 355px;height: 468px;}
.product-read .pro-top .pro-top-img img{display: block;border-radius: 16px;}

.product-read .pro-top .pro-top-con{position: relative;float: right;width: 660px;height: 468px;padding-top: 60px;box-sizing: border-box;}
.pro-top-con{}
.pro-top-con .text{}
.pro-top-con .text .text-title{margin-bottom: 20px;padding-bottom: 14px;font-size: 32px;font-weight: bold;border-bottom: 1px solid #d0d0d0;}
.pro-top-con .text .text-summary{}
.pro-top-con .text .text-summary p{font-size: 16px;line-height: 2em;color: #555;}

.pro-top-con .tool{position: absolute;left: 0;bottom: 0;width: 100%;}
.pro-top-con .tool .slide-btn{position: absolute;bottom: 0;background: #fff;}
.pro-top-con .tool .slide-prev{left: 0;}
.pro-top-con .tool .slide-next{left: 60px;}
.pro-top-con .tool .slide-btn:hover{background-color: #f99034;}
.pro-top-con .tool .slide-prev:hover i{background-position: 0 0;}
.pro-top-con .tool .slide-next:hover i{background-position: -28px 0;}
.pro-top-con .tool .tool-down{position: absolute;right: 0;bottom: 0;display: block;width: 30px;height: 30px;background: url(/static/img/down.png) center no-repeat;}
.pro-main{}
.pro-main .protabs{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #cfcfcf;}
.pro-main .protabs a{display: inline-block;margin-right: 6px;width: 168px;height: 56px;font-size: 26px;line-height: 56px;text-align: center;border-radius: 5px;background: #ebebeb;}
.pro-main .protabs a.active{color: #fff;background: #f68624;}
.pro-main .procon{min-height: 100px;border-top: 14px solid #0089d0;border-bottom: 14px solid #0089d0;border-radius: 14px;}
.pro-main .procon .swiper-slide{padding: 80px 50px;box-sizing: border-box;/*height: 1px;*/}
/*.pro-main .procon .swiper-slide-active{height: auto;}*/

.aloc-content{}
.aloc-content p, .aloc-content span{line-height: 2em;}
.aloc-content img{max-width: 100%;height: auto;}

.solution-wrap{padding: 0 0 150px;}
.solution-wrap1{}
.solution-wrap1 .com-title{margin-bottom: 60px;}
.solution-wrap1 .solution-wrap1-text{padding-top: 40px;border-top: 1px solid #ededed;}
.solution-wrap1-text .text-title{position: relative;margin-bottom: 45px;font-size: 30px;text-align: center;}
.solution-wrap1-text .text-title:after{position: absolute;left: 50%;bottom: -24px;transform: translateX(-50%);display: block;content: "";width: 38px;height: 1px;background: #333;}
.solution-wrap1-text .text-con{}
.solution-wrap1-text .text-con p{font-size: 16px;line-height: 2em;color: #555;}

.solution-wrap2{margin-top: 120px;}
.solution-wrap2 .com-title{margin-bottom: 60px;}
.solution-wrap2 .solution-wrap2-main{}
.solution-wrap2-main .solution-tabs{position: relative;padding: 0 0 220px;box-sizing: border-box;background: url(/static/img/solutuion-wrap2-bg.jpg) center bottom no-repeat;}
.solution-wrap2-main .solution-tabs-inner{padding-top: 50px;border-top: 2px solid #ededed;}
.solution-tabs .solution-item{display: block;float: left;width: 344px;height: 430px;margin-right: 84px;border-radius: 18px;box-shadow: 0 0 10px rgba(0,0,0,.08);}
.solution-tabs .solution-item:nth-child(3){margin-right: 0;}
.solution-item .item-con{position: relative;width: 100%;height: 100%;overflow: hidden;border-radius: 18px;}
.solution-item .item-con img{border-radius: 18px;}
.solution-item .item-con .text{position: absolute;left: 0;bottom: -100px;width: 100%;padding: 20px 18px;box-sizing: border-box;transition: bottom .7s;}
.solution-item .item-con .text p{font-size: 26px;line-height: 40px;color: #fff;text-align: right;}

.solution-tabs{margin-bottom: 54px;}
.solution-tabs .item1 .text{background: #59c32c;}
.solution-tabs .item2 .text{background: #4588db;}
.solution-tabs .item3 .text{background: #e8c94f;}
.solution-tabs .solution-item:hover .text{bottom: 0;}
.solution-tabs .solution-item.active .text{bottom: 0;}

.solution-tabs .item-hide{display: none;position: absolute;left: 50px;bottom: 80px;}
.solution-tabs .hide-title, .solution-tabs .hide-con{float: left;}
.solution-tabs .hide-title{position: relative;}
.solution-tabs .hide-title:after{position: absolute;right: -40px;top: 50%;transform: translateY(-50%);display: block;content: "";width: 1px;height: 90px;background: #fff;}
.solution-tabs .hide-con{margin-left: 80px;width: 600px;}
.solution-tabs p{color: #fff;}
.solution-tabs .hide-title p{font-size: 26px;line-height: 40px;font-weight: bold;text-align: right;}
.solution-tabs .hide-con p{font-size: 20px;line-height: 44px;text-align: justify;}

.solution-tabs .active .item-hide{display: block;}
.solution-tabs .slide-btn{bottom: 44px;background: #fff;}
.solution-tabs .slide-prev{right: 110px;}
.solution-tabs .slide-next{right: 50px;}

.solution-con{min-height: 100px;border-top: 14px solid #0089d0;border-bottom: 14px solid #0089d0;border-radius: 14px;}
.solution-container .swiper-slide{padding: 80px 50px;box-sizing: border-box;}







.article-wrap .article-wrap-inner{position: relative;background: #fff;}
.article-wrap .article-top{margin-bottom: 60px;}
.article-wrap .article-nav{text-align: center;}
.article-wrap .article-nav a{display: inline-block;margin: 0 28px;font-size: 26px;line-height: 46px;color: #333;}
.article-wrap .article-nav a.on{color: #f68625;border-bottom: 1px solid #f68625;}
.article-wrap .article-list{}
.article-list ul{}
.article-list li{margin-bottom: 20px;box-shadow: 0 1px 10px 0 rgba(0,0,0,.08);border-radius: 6px;transition: margin-left .7s;}
.article-list li a{display: block;}
.article-list li .article-img{width: 216px;height: 150px;border-radius: 6px;overflow: hidden;}
.article-list li .article-text{margin-left: 240px;padding: 27px 0 0;}
.article-text .time{position: relative;display: inline-block;font-size: 20px;line-height: 96px;color: #555;}
.article-text .time:after{position: absolute;top: 50%;left: 76px;transform: translateY(-50%);display: block;content: "";width: 1px;height: 96px;background: #e3e3e3;}
.article-text .text{margin-left: 106px;width: 650px;}
.article-text h6{margin-top: 4px;margin-bottom: 12px;font-size: 22px;color: #555;}
.article-text p{font-size: 16px;line-height: 2em;color: #555;}
.article-list li:hover{margin-left: 15px;background: #f68726;}
.article-list li:hover .time, .article-list li:hover h6, .article-list li:hover p{color: #fff;}
.article-wrap .news-list{}
.news-list ul{}
.news-list li{float: left;width: 380px;margin-right: 30px;margin-bottom: 30px;border-radius: 6px;box-shadow: 0 1px 10px 0 rgba(0,0,0,.08);}
.news-list li:nth-child(3n){margin-right: 0;}
.news-list li a{display: block;}
.news-list li .text{padding: 40px 30px 34px;}
.news-list li .text h6{margin-bottom: 14px;font-size: 22px;color: #333;}
.news-list li .text p{font-size: 16px;line-height: 30px;color: #555;}
.news-list li .time{position: relative;padding: 0 30px;height: 68px;background: #f0f0f0;border-radius: 6px;border-top-left-radius: 0;border-top-right-radius: 0;}
.news-list li .time span{font-size: 24px;line-height: 60px;color: #555;}
.news-list li .news-icon{position: absolute;right: 30px;top: 50%;transform: translateY(-50%);width: 36px;height: 36px;border-radius: 50%;border: 1px solid #b4b4b4;}
.news-list li .news-icon i{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: block;width: 18px;height: 15px;background-image: url(/static/img/icons.png);background-repeat: no-repeat;background-position: -59px 0;}
.news-list li:hover .time{background: #fb9a45;}
.news-list li:hover .time span{color: #fff;}
.news-list li:hover .news-icon{border-color: #fff;}
.news-list li:hover .news-icon i{background-position: -59px -19px;}



.article-read{margin: 80px auto 150px;padding: 60px 70px 46px;box-shadow: 0 0 10px rgba(0,0,0,.08);box-sizing: border-box;}
.article-read .bread-nav{margin-bottom: 50px;}
.article-read .article-read-title{margin-bottom: 15px;font-size: 28px;line-height: 1.5em;text-align: center;}
.article-read .article-read-info{margin-bottom: 40px;padding-bottom: 30px;text-align: center;border-bottom: 2px solid #cfcfcf;}
.article-read .article-read-info span{font-size: 20px;color: #555;margin-right: 20px;}
.article-read .article-read-info time{font-size: 20px;color: #555;}
.article-read-con{padding: 20px 20px 100px;border-bottom: 2px solid #cfcfcf;}
.article-read-con p{font-size: 16px;}
.page-slide{width: 1000px;margin: 40px auto 0;}
.page-slide li{height: 85px;width: 500px;padding: 0 10px;box-sizing: border-box;}
.page-slide li a{font-size: 18px;line-height: 85px;}
.page-slide li span{position: relative;}
.page-slide .left span{margin-left: 30px;}

.page-slide .left span:before, .page-slide .right span:after{position: absolute;top: 50%;transform: translateY(-50%);display: block;content: "";width: 1px;height: 40px;background: #cfcfcf;}
.page-slide .left span:before{left: -14px;}

.page-slide .right{text-align: right;}
.page-slide .right span{margin-right: 30px;}
.page-slide .right span:after{right: -14px;}
.page-slide li:hover{background: -webkit-linear-gradient(left, #f5821e , #ffa95e); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #f5821e, #ffa95e); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #f5821e, #ffa95e); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f5821e , #ffa95e); /* 标准的语法（必须放在最后） */}
.page-slide li:hover a{color: #fff;}
.page-slide li:hover span{color: #fff;}

.contact{padding: 150px 0;background: url(/static/img/contact-bg.jpg) center no-repeat;}
.contact .contact-inner{}
.contact .contact-top{margin-bottom: 70px;text-align: center;}
.contact .contact-top .contact-code{display: inline-block;margin-bottom: 14px;padding: 10px;border-radius: 10px;background: #fff;}
.contact .contact-top .contact-code img{display: block;}
.contact .contact-top p{font-size: 30px;color: #333;}
.contact .contact-map{margin-bottom: 30px;padding: 13px;background: #fff;border-radius: 5px;}
.contact .contact-map #map{height: 380px;border: 1px solid #0089d0;border-radius: 5px;}
.BMapLabel{left: -160px !important;top: 40px !important;padding: 18px 40px !important;font-size: 14px !important;border: none !important;background: #fff !important;}
.BMap_pop, .BMap_shadow, .BMap_cpyCtrl, .anchorBL{display: none !important;}
.contact-info{position: relative;padding: 20px 40px;background: #fff;border-radius: 6px;}
.contact-info:before{position: absolute;display: block;content: "";width: 100%;height: 2px;left: 0;top: -14px;background: #d8d6d8;}
.contact-info table{width: 100%;}
.contact-info table td{position: relative;padding-left: 42px;font-size: 18px;color: #333;line-height: 42px;}
.contact-info table td a{font-size: 18px;color: #333;}
.contact-info .item1, .contact-info .item3{width: 640px;}
.contact-info td i{position: absolute;top: 50%;left: 0;width: 30px;height: 30px;margin-top: -15px;background-image: url(/static/img/icons.png);background-repeat: no-repeat;}
.contact-info .item1 i{background-position: -89px 0;}
.contact-info .item2 i{background-position: -128px 1px;}
.contact-info .item3 i{background-position: -169px 4px;}
.contact-info .item4 i{background-position: -211px 0;}

.support{position: relative;padding: 130px 0 150px;}
.support .support-inner{position: relative;}
.support .com-title{margin-bottom: 60px;}
.support-wrap1{margin-bottom: 130px;}
.support-wrap1 .support-wrap1-main{padding-top: 30px;border-top: 2px solid #ededed;}
.support-wrap1-img{display: block;padding: 5px;background: #fff;box-shadow: 0 0 8px rgba(0,0,0,.2);border-radius: 10px;}
.support-wrap1-img img{display: block;border-radius: 10px;}
.support-wrap1-text{margin-top: 22px;width: 580px;}
.support-wrap1-text h6{position: relative;margin-bottom: 26px;font-size: 26px;}
.support-wrap1-text h6 i{position: relative;left: 14px;top: -8px;display: inline-block;width: 38px;height: 1px;background: #333;}
.support-wrap1-text p{font-size: 16px;line-height: 2em;color: #555;}
.support-wrap2{margin-bottom: 120px;}
.support-wrap2 .com-title{}
.support-wrap2 .support-wrap2-main{position: relative;width: 1184px;margin: 0 auto;padding-bottom: 70px;border-top: 2px solid #ededed;}
.support-wrap2 .support-wrap2-main .swiper-slide{box-sizing: border-box;}
.support-wrap2 .support-wrap2-main .swiper-slide img{display: block;margin: 0 auto;border: 4px solid #cdcdcd;}
.support-wrap2 .swiper-wrapper{padding: 30px 0;}

.com-swiper-btn{position: absolute;}
.com-swiper-btn .slide-btn{position: relative;width: 50px;height: 50px;margin: 0 4px;border-radius: 50%;box-shadow: 0 0 10px rgba(0,0,0,.05);}
.com-swiper-btn .slide-btn:hover{box-shadow: 0 0 10px rgba(0,0,0,.14);}
.com-swiper-btn .slide-btn i{display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: block;width: 20px;height: 16px;background-image: url(/static/img/icons.png);background-repeat: no-repeat;}
.com-swiper-btn .slide-prev i{background-position: 0 -19px;}
.com-swiper-btn .slide-next i{background-position: -28px -19px;}

.support-wrap2 .swiper-btn{left: 0;bottom: 8px;width: 100%;padding-top: 12px;border-top: 2px solid #ededed;}

.support-wrap3{}
.support-wrap3 .support-wrap3-main{}
.support-wrap3 .support-wrap3-zs{margin-bottom: 30px;padding: 30px 0;border-top: 2px solid #ededed;border-bottom: 2px solid #ededed;}
.support-wrap3-zs ul{width: 958px;margin: 0 auto;display: flex;justify-content: space-between;}
.support-wrap3-zs li{}
.support-wrap3-zs li .imgbigout{margin-bottom: 10px;padding: 10px;border-radius: 12px;}
.support-wrap3-zs .item1 .imgbigout{background: #73bf0a;}
.support-wrap3-zs .item2 .imgbigout{background: #4ca3d0;}
.support-wrap3-zs .item3 .imgbigout{background: #db5370;}
.support-wrap3-zs li img{display: block;border: 3px solid #cdcdcd;}
.support-wrap3-zs .imgtext{font-size: 24px;text-align: center;}
.support-wrap3-lc ul{display: flex;justify-content: space-between;}
.support-wrap3-lc li{}
.support-wrap3-lc li .imgbigout{margin-bottom: 10px;border-radius: 12px;box-shadow: 0 0 10px rgba(0,0,0,.2)}
.support-wrap3-lc li img{display: block;border: 4px solid #fff;border-radius: 12px;}
.support-wrap3-lc .imgtext{font-size: 22px;text-align: center;}


.video-box{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999;background: rgba(0,0,0,.6);}
.video-box .video-main{position: absolute;left: 50%;top: 50%;margin-left: -568px;margin-top: -332px;width: 1136px;height: 664px;transform: scale(.5,.5);transition: all 10s;}
.video-main video{display: block;width: 100%;height: 100%;}





/* media */

.mshow{display: none;}


@media screen and (min-width: 1024px){
  .head .head-nav{width: 652px !important;}






}

@media screen and (max-width: 1300px){


  
  .isoul .isoul-main{width: 1100px;}
  .isoul .isoul-main .swiper-slide{height: auto;}
  .isoul .swiper-slide .text p{font-size: 24px;line-height: 36px;}

  .w1300{width: 1150px;}
  /*.w1200{width: 1100px;}*/
  
  .ipartner .ipartner-inner{width: 800px;}
  .ipartner .ipartner-slide{width: 710px;}

  .support-wrap2 .support-wrap2-main{width: 918px;}

  .article-text .text{width: 500px;}
  .article-text p{height: 64px;overflow: hidden;}

  .iproduct .odd .product-img{margin-left: 30px;}
  .iproduct .odd .product-text{margin-left: 68px;}

  .iproduct .even .product-img{margin-right: 30px;}
  .iproduct .even .product-text{margin-right: 68px;}

  .iarticle .iarticle-main{width: 1100px;}
  .iarticle-main .tabs{width: 530px;}
  
  .solution-wrap2-main .solution-tabs-inner{width: 940px;}
  .solution-tabs .solution-item{width: 300px;height: 375px;margin-right: 20px;}
  .solution-item .item-con .text{bottom: -150px;}
  .solution-item .item-con .text p{font-size: 20px;line-height: 2em;}
  .product-read .pro-top{padding: 0 30px 60px;}

  .about-top .about-top-list{width: 1000px;}
  .support-wrap1-text{width: 500px;}

  .about-top ul{width: 1000px;}




}



@media screen and (max-width: 1024px){
  

  .mhide{display: none;}

  .mshow{display: block;}
  .w1300{width: 96%;}
  .w1200{width: 90%;}
  
  .about-top .about-top-list{width: 90%;}
  .about-top ul{width: 90%;flex-wrap: wrap;}
  .about-top ul li{margin-bottom: 30px;}
  .about-top-list .idea-title span{font-size: 20px;}





  .head{height: 60px;}
  .head .head-logo{display: none;}
  .head .head-nav .nav{width: 100% !important;}

  .head .m-head-inner{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.3)}
  .head-h{height: 60px;}
  .head .m-head-logo{position: absolute;left: 2%;top: 50%;margin-top: -20px;margin-left: 5px;}
  .head .m-head-logo img{display: block;height: 40px;width: auto;}
  .head .menu-btn{position: absolute;display: block;margin-right: -5px;padding: 10px 10px 10px 0;right:2%;top:11px;z-index: 999;}
  .head .line{display:block;width:24px;height: 2px;background:#f68625;margin-top:6px;transition: all .3s;}
  .head .line:first-child{margin-top:0px;}
  .head .line:nth-child(2){width:20px;margin-left:4px;}


  .head .head-nav{position: fixed;top:60px;right:0px;width:0px;height:2000px;background: #fff;border: none;}
  .head .head-nav .head-nav-inner{width: 100%;height: 2000px;box-shadow: inset 14px 0px 33px -15px rgba(0,0,0,0.4);z-index: 10;background: #e4f2f5;}
  .head .head-nav li a{opacity: 0;transition: opacity .5s;}
  .head .m-head-nav li a{opacity: 1;}
  .head .head-nav li{float: none !important;width: 90%;height: auto;margin: 0 auto !important;border-bottom:1px solid #f7f7f7;}
  .head .head-nav li a{display: block;width:100%;line-height: 40px;text-align: center;padding: 4px 0px;box-sizing:border-box;color: #666;}
  .is-active:nth-child(1){
   -webkit-transform: translateY(8px)rotate(45deg);
    -ms-transform: translateY(8px)rotate(45deg);
    -o-transform: translateY(8px)rotate(45deg);
    transform: translateY(8px)rotate(45deg);
  }
  .is-active:nth-child(2){width:0px!important;right:3%;}
  .is-active:nth-child(3){
    -webkit-transform: translateY(-8px)rotate(-45deg);
    -ms-transform: translateY(-8px)rotate(-45deg);
    -o-transform: translateY(-8px)rotate(-45deg);
    transform: translateY(-8px)rotate(-45deg);
  }


  .banner{margin: 60px 0;}
  .banner .banner-slide{height: auto;}
  .banner .swiper-slide{background: none;}
  .banner .swiper-slide img{display: block;width: 100%;height: auto;}
  .banner .banner-shadow{display: none;}
  


  .iarticle .iarticle-main{width: 96%;margin-bottom: 40px;}
  .icompany .icompany-inner{width: 96%;}

  .isoul .isoul-main{width: 444px;}


  .com-title{margin-bottom: 50px;}
  .com-title .com-title-text{font-size: 24px;}
  
  .iproduct .iproduct-inner{width: 80%;}

  .iproduct .com-title{margin-bottom: 40px;}
  .iproduct .iproduct-wrap{padding-bottom: 60px;}
  .iproduct .iproduct-wrap .product-img, .iproduct .iproduct-wrap .product-text{float: none;margin: 0 auto;max-width: 100%;}
  .iproduct .product-img{width: 80%;height: auto;margin-bottom: 20px !important;}
  .iproduct .product-img img{display: block;max-width: 100%;height: auto;position: static;}
  
  
  .iproduct .product-text h6{margin-bottom: 20px;}
  .iproduct .product-text h6 img{max-width: 90%;height: auto;}
  .iproduct .product-text p{margin-left: 0;margin-bottom: 20px;}

  .iproduct .iproduct-bg1{width: 53px;height: 145px;background-size: 100%;}
  .iproduct .iproduct-bg2{width: 44px;height: 130px;background-size: 100%;}
  .iproduct .iproduct-bg3{width: 40px;height: 100px;background-size: 100%;}

  .isoul .isoul-main{width: 300px;padding: 0;margin-bottom: 40px;}
  .isoul .isoul-main .swiper-slide{width: 300px !important;height: auto;}
  .isoul .isoul-main .swiper-slide img{width: 300px !important;height: auto;}

  .isoul .isoul-summary{margin-bottom: 34px;font-size: 20px;}
  .isoul .swiper-slide .text p{font-size: 20px;line-height: 32px;}
  .iarticle-main .tabs-container{float: none;width: 100%;}
  .iarticle-main .tabs{float: none;width: 100%;}
  .iarticle-main .tabs-container .imgtext{height: 70px;}
  .iarticle-main .tabs-container .imgtext p{font-size: 16px;}
  .iarticle-main .tabs span{font-size: 14px;width: 50px;}
  .iarticle-main .tabs p{font-size: 14px;margin-left: 60px;}

  .icompany{padding-top: 40px;}
  .icompany .com-title{margin-bottom: 20px;}
  .icompany .icompany-text p{font-size: 14px;line-height: 1.5em;}
  .icompany .icompany-link{margin-top: 20px;}
  .icompany .icompany-link a{margin-top: 4px;font-size: 16px;}

  .inews{padding: 50px 0;}
  .inews .com-title{margin-bottom: 50px;}
  .news-list li:nth-child(2n){margin-right: 0;}
  .news-list li:nth-child(3n){margin-right: 20px;}

  .news-list li .text h6{font-size: 16px;}
  .news-list li .text p{font-size: 14px;}


  .ipartner .ipartner-slide{width: 500px;}

  .video-box .video-main{width: 90%;height: auto;margin-left: 0;margin-top: 0;left: 5%;top: 40%;}

  


}




@media screen and (max-width: 768px){

  .com-banner .com-banner-text .cn-t{font-size: 24px;}
  .com-banner .com-banner-text .en-t{font-size: 18px;}
  .com-banner .about-banner-text{width: 60%;}

  .news-list li{float: none;margin-right: 0 !important;width: 100%;}

  .ipartner .ipartner-inner{width: 100%;}
  .ipartner .ipartner-slide{width: 290px;}
  
  .about-top{margin-top: 50px;margin-bottom: 0;}
  .about-top .about-top-list{width: 300px;}
  .about-product{padding-top: 60px;}
  

  .foot-top .foot-left .foot-img img{width: 100px;height: auto;}
  .foot-top .foot-right{display: none;}
  .foot-top .foot-left p{line-height: 1.5em;font-size: 14px;}
  .foot .foot-bottom p, .foot .foot-bottom a{line-height: 20px;font-size: 12px;}
  .foot .foot-support{float: left;}


  .solution-wrap{padding: 50px 0 60px;}
  .solution-wrap1 .com-title{margin-bottom: 40px;}
  .solution-wrap1-text .text-title{font-size: 20px;}
  .solution-wrap1-text .text-con p{font-size: 14px;}

  .solution-wrap2{margin-top: 100px;}
  
  .solution-wrap2-main .solution-tabs-inner{width: 98%;}
  .solution-tabs .solution-item{display: none;float: none;margin: 0 auto !important;width: 300px;}
  .solution-tabs .solution-item.active{position: relative;display: block;}
  .solution-tabs .hide-con{margin-left: 0;width: 90%;float: none;margin: 0 auto}
  .solution-tabs .hide-title{display: none !important;}
  .solution-item .item-con .text p{font-size: 18px;line-height: 30px;}
  .solution-tabs .item-hide{left: auto;bottom: auto;}
  .solution-tabs .hide-con p{font-size: 16px;line-height: 32px;margin-top: 20px;}
  
  .product-read{padding: 60px 0;}
  .product-read .pro-top{padding: 0 20px 0;}
  .product-read .pro-top .pro-top-img{float: none;width: 100%;height: auto;margin: 0 auto;}
  .product-read .pro-top .pro-top-img img{width: 100%;height: auto;}

  .product-read .pro-top .pro-top-con{float: none;width: 100%;}

  .pro-top-con .text .text-title{font-size: 20px;}
  .pro-top-con .text .text-summary p{font-size: 14px;}
  .pro-top-con .tool{top: 10px;bottom: auto;background: #0089d0;height: 50px;}
  .product-read .pro-top{background: none}
  .com-slide-btn{width: 40px;height: 40px;bottom: 40px !important;}
  .pro-top-con .tool .tool-down{bottom: 10px;right: 10px;}
  .pro-main .protabs a{width: 80px;height: 30px;font-size: 16px;line-height: 30px;}
  .pro-main .procon .swiper-slide, .solution-container .swiper-slide{padding: 40px 10px;}


  .support{padding: 60px 0 50px;}

  .support .com-title{margin-bottom: 40px;}

  .support-wrap1{margin-bottom: 60px;}
  .support-wrap1-img{float: none;width: 100%;box-sizing: border-box;margin-bottom: 20px;}
  .support-wrap1-img img{display: block;max-width: 100%;height: auto;}
  .support-wrap1-text{float: none;width: 100%;}
  .support-wrap1-text h6{font-size: 18px;}
  .support-wrap1-text h6 i{left: 0;}
  .support-wrap1-text p{font-size: 14px;}

  .support-wrap2 .support-wrap2-main{}

  .support-wrap2 .support-wrap2-main{width: 266px;}
  .support-wrap2{margin-bottom: 50px;}
  .support-wrap3-zs ul{width: 100%;flex-wrap: wrap;}
  .support-wrap3-zs li{width: 264px;margin: 0 auto 20px;}
  .support-wrap3-zs .imgtext{font-size: 16px;}

  .support-wrap3-lc ul{flex-wrap: wrap;}
  .support-wrap3-lc ul li{width: 272px;margin: 0 auto 20px;}
  .support-wrap3-lc .imgtext{font-size: 16px;}


  .article-list li a{padding: 0 10px;}
  .article-list li .article-text{margin-left: 0;padding: 27px 0;}
  
  .article-list li:hover{margin-left: 0;}
  .article-list li .article-img{display: none;}
  .article-text .text{width: auto;margin-left: 60px;}
  .article-text h6{font-size: 16px;line-height: 30px;height: 30px;overflow: hidden;}
  .article-text p{font-size: 14px;line-height: 2em;height: 56px;}
  .article-text .time{font-size: 16px;}
  .article-text .time:after{left: 50px;}
  .article-wrap .article-nav a{font-size: 18px;margin: 0 10px;}

  .article-read{padding: 40px 10px 30px;}
  .article-read-con{padding: 10px 2px 50px;}
  .article-read .article-read-title{margin-bottom: 12px;font-size: 18px;}
  .article-read .article-read-info span{font-size: 14px;}
  .article-read .article-read-info time{font-size: 14px;}

  .page-slide{width: 100%;}
  .page-slide li{height: 50px;width: 40%;}
  .page-slide li a{line-height: 50px;font-size: 14px;}
  .page-slide li span{display: none;}

  .contact .contact-top p{font-size: 20px;}
  .contact-info{padding: 10px 4px;}
  .contact-info tr.mshow{padding: 4px 0;}
  .contact-info table td{font-size: 14px;line-height: 2em;}
  .contact-info table td a{font-size: 14px;line-height: 2em;}

  .article-wrap{padding: 60px 0;}
  .contact{padding: 60px 0;}

  .white-head .head-nav li.on a{border-color: #f68625;}
  
  .product-read .pro-top .pro-top-con{padding-top: 80px;height: auto;}
  .pro-top-con .tool .slide-btn{top: 5px;}
  .pro-top-con .tool .slide-prev{left: 10px;}
  .more{width: 150px;height: 40px;font-size: 18px;line-height: 40px;}

  .iproduct .product-text a{margin-left: 0;width: 100px;font-size: 14px;padding-left: 40px;}
  .iproduct .product-text a i{left: 12px;}
  
  .foot .foot-top{padding: 20px 0;}
  .foot-top .foot-left{float: none;}
  .foot-top .foot-img .foot-code{float: right;}
  .foot .foot-bottom-inner{width: 96%;}

	.foot{padding-bottom: 66px;}
	.foot .foot-link{display: none;}
  .toolbar{bottom: 0;left: 0;top: auto;right: auto;width: 100%;height: 66px;background: #058bd1;}
  .toolbar li{float: left;width: 25%;}
  .toolbar li>a{margin: 0 auto;}
  .toolbar .toolbar-tel-hide{display: none !important;}
  .toolbar li>a .toolbar-icon{transform: scale(0.8);}


	.toolbar-wechat-hide{top: -60px;}

	.toolbar .toolbar-wechat:hover .toolbar-wechat-hide{top: -190px;left: 50%;margin-left: -76px;}
	.toolbar-wechat-hide:after{bottom: -16px;left: 50%;margin-left: -7px;right: auto;top: auto;transform: rotate(90deg);}


	
	.msg-wrap{padding: 20px 0;}
	.msg-wrap .msg-wrap-inner{}
	.msg-wrap .msg-top .msg-top-logo{width: 200px;}

	.msg-wrap .msg-con{width: 86%;padding: 80px 25px 20px;}

	.msg-wrap .msg-title{margin-bottom: 12px;}
	.msg-wrap .msg-title .p1{margin-bottom: 8px;font-size: 20px;}
	.msg-wrap .msg-title .p2{font-size: 26px;}

	.msg-wrap .msg-text{margin-bottom: 12px;}
	.msg-wrap .msg-text .p1{margin-bottom: 4px;font-size: 16px;}
	.msg-wrap .msg-text .p2{font-size: 12px;line-height: 1.5em;}

	.msg-wrap .msg-off{left: auto;bottom: auto;top: 10px;right: 10px;}













}