.layout{max-width:1550px; margin:0 auto;}
img{max-width:100%;}
.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix{zoom:1;}
.clearfix:after{content:"";clear:both;height:0;visibility:hidden;display:block;}
@font-face {
    font-family:'AMGDT';
    src: url('../fonts/ostrich-regular-webfont.eot');
    src: url('../fonts/ostrich-regular-webfont.eot?#iefix') format('embedded-opentype'),
        /*url('../fonts/hyziti.woff') format('woff'),*/
        url('../fonts/hyylti.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/*header*/
#wrapper{width:100%; position:relative; overflow-x:hidden;}
.header{width:100%; height:66px; position:fixed; _position:absolute; left:0; top:0; z-index:1000; background-color:#fff; -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 5px 5px rgba(0,0,0,0.07);}
.header .layout{max-width:1200px;}
.header .logo{float:left; padding-top:14px;}
.header .logo a{display:block; width:117px; height:36px; font-size:0; background-image:url(../images/logo.png); background-position:center center; background-size:contain; background-repeat:no-repeat;}
.nav{float:right; position:relative; z-index:1;}
.nav ul li{float:left; position:relative; text-align:center; height:66px; margin-right:40px;}
.nav ul li>a{font-size:16px; color:#545454; display:block; line-height:66px;}
.nav ul li:hover>a,.nav ul li.on>a{color:#ff9900;}
.nav ul li .nav-body{width:160px; position:absolute; left:50%; top:66px; z-index:20; margin-left:-80px; background-color:#fff; -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 5px 5px rgba(0,0,0,0.07); display:none; text-align:center;}
.nav ul li .nav-body a{color:#666; font-size:14px; display:block; padding:10px 5px; border-bottom:1px solid #ebebeb; background-color:#fff; word-wrap:break-word;}
.nav ul li .nav-body a:hover{color:#ff9900; background-color:#f6f6f6;}
.nav > i{display:block; position:absolute; bottom:0; left:0; z-index:1; width:auto; height:1px; background-color:#ff9900; -webkit-transition: all .5s; transition: all .5s;}
.btn-m-list{width:55px; height:55px; background-color:#ff9900; cursor:pointer; position:absolute; right:0; top:0; z-index:1020; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); display:none;}
.trans, .trans:hover {-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;}
.btn-m-list .burger{width:21px; height:3px; background-color:#fff; display:block; position:absolute; z-index:5; top:16px; left:50%; margin:0px 0px 0px -10px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.btn-m-list .burger-2{top:25px;}
.btn-m-list .burger-3{top:33px;}
.btn-m-list.on .burger-1{top:25px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg);}
.btn-m-list.on .burger-2{top:25px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: 100%;}
.btn-m-list.on .burger-3{top:25px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg);}
.mask{position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000); display:none; z-index:2000;}
.mob-nav{width:60%; height:100%; position:fixed; _position:absolute; top:0; left:-60%; overflow-y:auto; overflow-x:hidden; background-color:#fff; z-index:3000; visibility:hidden; opacity:0; -webkit-transition: all .4s ease; transition: all .4s ease;}
.mob-nav.on{left:0px; visibility:visible; opacity:1;}
.mob-nav .neirong-close{width:24px; height:24px; background:url(../images/nav_close.png) no-repeat 7px center; position:absolute; top:10px; right:10px; font-size:0; visibility: hidden;}
.mob-nav.on .neirong-close{visibility:visible;}
.mob-nav .subtab{margin-top:50px;}
.mob-nav .subtab>li{border-bottom:1px solid #333; position:relative; transform: translateX(10rem); transition: 0.5s;}
.mob-nav .subtab>li:nth-child(1){transition-delay:150ms;}
.mob-nav .subtab>li:nth-child(2){transition-delay:250ms;}
.mob-nav .subtab>li:nth-child(3){transition-delay:350ms;}
.mob-nav .subtab>li:nth-child(4){transition-delay:450ms;}
.mob-nav .subtab>li:nth-child(5){transition-delay:550ms;}
.mob-nav .subtab>li:nth-child(6){transition-delay:650ms;}
.mob-nav .subtab>li:nth-child(7){transition-delay:750ms;}
.mob-nav .subtab>li:nth-child(8){transition-delay:850ms;}
.mob-nav.on .subtab>li{transform: translateX(0px);}
.mob-nav .subtab li .tlink{display:block; padding:10px; font-size:14px; color:#666; background-position:98% center; background-repeat:no-repeat;}
.mob-nav .subtab li.on .tlink{color:#000;}
.mob-nav .subtab li .subbtn{/*background-image:url(../images/moli.png);*/}
.mob-nav .subtab li.on .subbtn{/*background-image:url(../images/moli_h.png);*/ background-position:98% center; background-repeat:no-repeat;}
.mob-nav .subtab li .submenu{width:100%; overflow:hidden; display:none;}
.mob-nav .subtab li .submenu a{display:block; padding:10px; font-size:14px; color:#fff; background-color:#ff9900; border-bottom:1px solid #333;}

/*banner*/
.banner{overflow:hidden; clear:both; width:100%; max-height:827px; position:relative; z-index:1;}
.banner .swiper-button-prev,.banner .swiper-button-next{visibility:hidden; opacity:0; display:none;}
.banner:hover .swiper-button-prev,.banner:hover .swiper-button-next{visibility:visible; opacity:1;}
.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{display:none;}
.banner:hover .swiper-button-prev{left:80px;}
.banner:hover .swiper-button-next{right:80px;}
.banner .bannerimg{width:100%; position:relative;}
.banner .bannerimg img{display:block;}
.banner .banntit{width:100%; height:100%; position:absolute; left:0; top:0;}
.banner .swiper-container .swiper-pagination{position:absolute; left:0; bottom:20px;}
.banner .swiper-pagination-bullet{display:inline-block; width:10px; height:10px; background-color:#fff; border-radius:50%; font-size:0; opacity:0.5; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#ff9900;}
.banner .swiper-button-prev,.banner .swiper-button-next{position:absolute; top:50%; margin-top:-28.5px; z-index:10; background:none;}
.banner .swiper-button-prev{left:0px;}
.banner .swiper-button-next{right:23px;}
.banner .bannext,.banner .banprev{display:block; width:50px; height:50px; position:relative; background:url(../images/arrowbtn1.png) no-repeat;}
.banner .bannext{background-position:-50px 0px;}
.banner .banprev{background-position:0px 0px;}
.banner .bannext::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #ff9900;
	background-image:url(../images/arrowbtn3.png);
    border-radius: 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.banner .bannext:hover::after {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.banner .banprev::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #ff9900;
	background-image:url(../images/arrowbtn2.png);
    border-radius: 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.banner .banprev:hover::after{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
/*.banner .swiper-slide.swiper-slide-active .banimg{-webkit-animation: slideIn 4s; animation: slideIn 4s;}
@-webkit-keyframes slideIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes slideIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}*/
.banner .b1{width:auto; width:18.5%; height:auto; position:absolute; left:10%; top:28%; opacity:0.3;}
.banner .b1 img{-moz-animation:rotate 9s infinite linear; -webkit-animation:rotate 9s infinite linear; animation:rotate 9s infinite linear;}
@-moz-keyframes rotate{ 0%{  -moz-transform:rotate(0deg);  } 100%{  -moz-transform:rotate(360deg);  } }
@-webkit-keyframes rotate{ 0%{  -webkit-transform:rotate(0deg);  } 100%{  -webkit-transform:rotate(360deg);  } }
@keyframes rotate{ 0%{  transform:rotate(0deg);  } 100%{  transform:rotate(360deg);  } }

/*index*/
.contain{width:100%; padding-top:66px;}
.section01{width:100%; background-color:#fff; padding:60px 0px 110px 0px;}
.commonwrap .box{float:left; position:relative; overflow:hidden; margin-top:10px;}
.commonwrap .box .img{width:100%; display:block; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.commonwrap .box1:hover .img,.commonwrap .box2:hover .img,.commonwrap .box3:hover .img,.commonwrap .box4:hover .img,.commonwrap .box5:hover .img,.commonwrap .box6:hover .img,.commonwrap .vbox:hover .img{transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);-webkit-transform:scale(1.03);}
.commonwrap .box .text{position:absolute; left:0; top:0; right:0; bottom:0; z-index:100; padding:60px 65px 10px 65px;}
.commonwrap .box .h2{font-size:30px; color:#fff;}
.commonwrap .box .h2 img{vertical-align:middle; max-width:26px;}
.commonwrap .box .h2 span{margin:0px 2px;}
.commonwrap .box .num{font-size:18px; color:rgba(255, 255, 255, 0.8); color:#fff\0; line-height:1; margin-top:20px;}
.commonwrap .box .num span{font-size:60px; color:#fff;}
.commonwrap .box .pcont{font-size:14px; color:rgba(255, 255, 255, 0.8); color:#fff\0; max-width:336px; margin-top:10px;}
.commonwrap .box .more{display:block; width:140px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#fff; /*background-image:url(../images/tit_btns.png)\0;*/ background-size:cover; background-repeat:no-repeat; border:1px solid #fff; border-radius:3px; margin-top:40px; position:relative; z-index:1;}
.commonwrap .box .more:hover{color:#000; border-color:#000;}
.commonwrap .box .more svg{-webkit-tap-highlight-color: rgba(0, 0, 0, 0); left:0px; stroke-dashoffset:0px; stroke-dasharray:500,500; stroke-width:2px; stroke-dasharray:1000,1000;-webkit-transition:stroke-dashoffset .5s ease-out,stroke-dasharray .5s ease-out;
   -moz-transition:stroke-dashoffset .5s ease-out,stroke-dasharray .5s ease-out;
    -ms-transition:stroke-dashoffset .5s ease-out,stroke-dasharray .5s ease-out;
     -o-transition:stroke-dashoffset .5s ease-out,stroke-dasharray .5s ease-out;
        transition:stroke-dashoffset .5s ease-out,stroke-dasharray .5s ease-out;}
.commonwrap .box .more:hover .line1 svg{stroke-dashoffset:-50rem;}
.commonwrap .box .line2,.commonwrap .box .line1,.commonwrap .box svg{display:none\0; opacity:0\0;}
.commonwrap .box .line0,.commonwrap .box .line1{display:none;}
.commonwrap .box1{width:49.7%; margin-right:0.6%;}
.commonwrap .box2{width:49.7%;}
.commonwrap .box3,.commonwrap .box4,.commonwrap .box5{width:33%; text-align:center;}
.commonwrap .box3 .icon,.commonwrap .box4 .icon,.commonwrap .box5 .icon{display:block; padding-top:14%; margin-bottom:8px;}
.commonwrap .box3 .pcont,.commonwrap .box4 .pcont,.commonwrap .box5 .pcont{margin:10px auto 0px auto;}
.commonwrap .box3{margin-right:0.5%;}
.commonwrap .box4{margin-right:0.5%;}
.commonwrap .box5{margin-right:0px;}
.commonwrap .box6{width:25.9%; text-align:center; margin-right:0.5%;}
.commonwrap .box6 .more{margin:50% auto 0px auto;}
.commonwrap .box7{width:73.6%; float:right;}
.invideobar{width:100%; position:relative;}
.invideobar .swiper-container{max-height:501px;}
.invideobar .vbox img{width:100%; display:block;}
.invideobar .btns{display:block; width:75px; height:75px; font-size:0;position:absolute;left:0; right:0; top:0; bottom:0;margin:auto;background:url(../images/play.png) no-repeat;}
.invideobar .swiper-button-prev,.invideobar .swiper-button-next{width:50px; height:70px; background-color:rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#30000000, endColorstr=#30000000); background-size:auto;}
.invideobar .swiper-button-prev{left:0; background-image:url(../images/arrowbtn2.png);}
.invideobar .swiper-button-next{right:0; background-image:url(../images/arrowbtn3.png);}
.commonwrap .swiper-slide{overflow:hidden;}
.commonwrap .box .tmask{width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background-color:rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000);}

/*solution*/
.section .h2,.section .pcont{transform: translateY(10rem); opacity:0; transition:0.8s;}
.section.active .h2{transform: translateY(0rem); opacity:1; transition-delay:50ms;}
.section.active .pcont{transform: translateY(0rem); opacity:1; transition-delay:100ms;}
.section .soicon-list li{transform: translateY(20rem); opacity:0; transition:0.8s;}
.section.active .soicon-list li:nth-child(1){transform: translateY(0rem); opacity:1; transition-delay:150ms;}
.section.active .soicon-list li:nth-child(2){transform: translateY(0rem); opacity:1; transition-delay:200ms;}
.section.active .soicon-list li:nth-child(3){transform: translateY(0rem); opacity:1; transition-delay:250ms;}
.section.active .soicon-list li:nth-child(4){transform: translateY(0rem); opacity:1; transition-delay:250ms;}
.section.active .soicon-list li:nth-child(5){transform: translateY(0rem); opacity:1; transition-delay:250ms;}
.section.active .soicon-list li:nth-child(6){transform: translateY(0rem); opacity:1; transition-delay:250ms;}
.section.active .soicon-list li:nth-child(7){transform: translateY(0rem); opacity:1; transition-delay:250ms;}
.section.active .soicon-list li:nth-child(8){transform: translateY(0rem); opacity:1; transition-delay:250ms;}
.section.active .soicon-list li:nth-child(9){transform: translateY(0rem); opacity:1; transition-delay:250ms;}
.section.active .soicon-list li:nth-child(10){transform: translateY(0rem); opacity:1; transition-delay:250ms;}
.section .soimg{transform: translateY(10rem); opacity:0; transition:0.8s;}
.section.active .soimg{transform: translateY(0rem); opacity:1; transition-delay:100ms;}
.section .more{transform: translateY(10rem); opacity:0; transition:0.8s;}
.section.active .more{transform: translateY(0rem); opacity:1; transition-delay:100ms;}
.section .smobtns{transform: translateY(10rem); opacity:0; transition:0.8s;}
.section.active .smobtns{transform: translateY(0rem); opacity:1; transition-delay:100ms;}

#fp-nav{display:none;}
.section{overflow:hidden;}
.solutionbox{width:100%; height:100%; position:relative; z-index:1; background-image:url(../images/solution07.jpg); overflow:hidden;}
.solutionbox .h2{font-size:30px; color:#333; padding-top:130px; text-align:center;}
.solutionbox .pcont{font-size:16px; color:#666; max-width:690px; margin:10px auto 0px auto; text-align:center;}
.solutionbox01{background-image:url(../images/solution01.jpg); background-position:center center; background-size:cover; background-repeat:no-repeat;}
.solutionbox01 .h2,.solutionbox01 .pcont{color:#fff;}
.solutionbox02{background-image:url(../images/solution02.jpg); background-position:left bottom; background-repeat:no-repeat;}
.solutionbox03{}
.solutionbox04{background-image:url(../images/solution03.jpg); background-position:left bottom; background-size:cover; background-repeat:no-repeat;}
.solutionbox04 .h2{padding-top:19%; text-align:left; color:#fff;}
.solutionbox04 .pcont{text-align:left; color:#fff; margin:0px;}
.solutionbox04 .smobtns{position:static; left:auto; top:auto; margin:20px 0px 0px 0px;}
.solutionbox04 .soicon-list{text-align:left;}
.solutionbox04 .soicon-list li p{color:#fff; color:rgba(255, 255, 255, 0.8);}
.solutionbox05{}
.solutionbox06{background-image:url(../images/solution06.jpg); background-position:center bottom; background-size:cover; background-repeat:no-repeat;}
.solutionbox07{background-image:url(../images/archaeology01.jpg); background-position:center top; background-size:cover; background-repeat:no-repeat;}
.solutionbox07 .h2,.solutionbox07 .pcont{color:#fff;}
.solutionbox08{background-image:url(../images/solution02.jpg); background-position:left bottom; background-repeat:no-repeat;}
.solutionbox09{}
.solutionbox10{background-image:url(../images/archaeology01.jpg); background-position:right center; background-repeat:no-repeat;}
.solutionbox10 .h2{padding-top:300px; text-align:left; color:#fff;}
.solutionbox10 .pcont{text-align:left; color:#fff; margin:0px;}
.solutionbox10 .smobtns{position:static; left:auto; top:auto; margin:20px 0px 0px 0px;}
.solutionbox10 .soicon-list{text-align:left;}
.solutionbox10 .soicon-list li p{color:#fff; color:rgba(255, 255, 255, 0.8);}
.solutionbox11{background-image:url(../images/creativity02.jpg); background-position:right bottom; background-size:cover; background-repeat:no-repeat;}
.solutionbox11 .h2,.solutionbox11 .pcont{color:#fff;}
.solutionbox12{background-image:url(../images/wellCity02.jpg); background-position:center bottom; background-size:cover; background-repeat:no-repeat;}
.solutionbox13{background-image:url(../images/wellCity03.jpg); background-position:center top; background-size:cover; background-repeat:no-repeat;}
.solutionbox13 .h2,.solutionbox13 .pcont{color:#fff;}
.solutionbox14{}
.solutionbox15{background-image:url(../images/wellCity05.jpg); background-position:left top; background-size:cover; background-repeat:no-repeat;}
.solutionbox15 .h2{padding-top:300px; text-align:left; color:#fff;}
.solutionbox15 .pcont{text-align:left; color:#fff; margin:0px;}
.solutionbox15 .smobtns{position:static; left:auto; top:auto; margin:20px 0px 0px 0px;}
.solutionbox15 .soicon-list{text-align:left;}
.solutionbox15 .soicon-list li p{color:#fff; color:rgba(255, 255, 255, 0.8);}
.solutionbox16{}
.solutionbox17{background-image:url(../images/wellCity06.jpg); background-position:left center; background-size:cover; background-repeat:no-repeat;}
.solutionbox17 .h2{padding-top:300px; text-align:left; color:#fff;}
.solutionbox17 .pcont{text-align:left; color:#fff; margin:0px;}
.solutionbox17 .smobtns{position:static; left:auto; top:auto; margin:20px 0px 0px 0px;}
.solutionbox17 .soicon-list{text-align:left;}
.solutionbox17 .soicon-list li p{color:#fff; color:rgba(255, 255, 255, 0.8);}
.solutionbox18{background-image:url(../images/NonRemovable01.jpg); background-position:center top; background-size:cover; background-repeat:no-repeat;}
.solutionbox18 .h2,.solutionbox18 .pcont{color:#fff;}
.solutionbox19{background-image:url(../images/solution02.jpg); background-position:left bottom; background-repeat:no-repeat;}
.solutionbox20{background-image:url(../images/solution02.jpg); background-position:left bottom; background-repeat:no-repeat;}
.solutionbox21{background-image:url(../images/NonRemovable02.jpg); background-position:center center; background-size:cover; background-repeat:no-repeat;}
.solutionbox21 .h2,.solutionbox21 .pcont{color:#fff;}
.solutionbox22{background-image:url(../images/NonRemovable03.jpg); background-position:left bottom; background-size:cover; background-repeat:no-repeat;}
.solutionbox22 .h2{padding-top:200px; text-align:left;}
.solutionbox22 .pcont{text-align:left; margin:0px;}
.solutionbox22 .soimg{text-align:left;}
.solutionbox22 .soimg img{margin:0px;}
.solutionbox23{background-image:url(../images/creativity01.jpg); background-position:center center; background-size:cover; background-repeat:no-repeat;}
.solutionbox24{background-image:url(../images/creativity02.jpg); background-position:right bottom; background-size:cover; background-repeat:no-repeat;}
.solutionbox24 .h2{text-align:right;padding-top:19%;}
.solutionbox24 .pcont{margin-top:20px; max-width:635px; text-align:right; float:right;}
.solutionbox24 .soicon-list{text-align:right; float:right; width:100%;}
.solutionbox24 .soicon-list li{text-align:center; margin-right:0; margin-left:40px;}
.solutionbox24 .smobtns{position:static; left:auto; top:auto; margin:20px 0px 0px 0px; float:right;}
.soimg{margin:auto; text-align:center; padding:20px 0px;}
.soimg img{max-width:100%; max-height:100%; display:block; margin:0 auto;}
.soicon-list{text-align:center; margin-top:30px;}
.soicon-list li{display:inline-block; _display:inline;*zoom:1; vertical-align:middle; max-width:184px; margin:0px 8px; cursor:pointer;}
.soicon-list li .icon{width:78px; height:78px; border:1px solid #7c7c7c; margin:0 auto; border-radius:50%; display:block; background-position:0px 0px; background-repeat:no-repeat;}
.soicon-list li .icon.icon1{border:1px solid #fff;}
.soicon-list li:hover .icon{background-color:#ff9900; border-color:#ff9900; background-position:0px -78px;}
.soicon-list li .bg2{display:none;}
.soicon-list li:hover .bg1{display:none;}
.soicon-list li:hover .bg2{display:block;}
.soicon-list li p{font-size:14px; color:#666; max-width:84px; margin:0 auto; margin-top:5px; height:42px;}
.owl-carousel .soicon-list li:hover .icon{background-color:transparent; border-color:#7c7c7c; background-position:0px 0px;}
.owl-carousel .soicon-list li:hover .bg1{display:block;}
.owl-carousel .soicon-list li:hover .bg2{display:none;}
a.smobtns{width:160px; height:38px; line-height:38px; display:block; margin:0 auto; position:absolute; right:2%; top:130px; border:1px solid #8e8e8e; border-radius:5px; font-size:14px; color:#333; text-align:center;}

.solutionwrap{width:100%; height:100%; position:fixed; _position:absolute;left:0;top:0;z-index:3000; background-image:url(../images/solution07.jpg); opacity:0; visibility:hidden;}
.solutionwrap.on{opacity:1; visibility:visible;}
.so-close{width:80px; height:76px; font-size:0; position:absolute; right:0; top:0; z-index:10; background-color:#ff9900; background-image:url(../images/so-close.png); background-position:center center; background-repeat:no-repeat; cursor:pointer;}
.solutlist{width:100%; height:100%; position:relative;}
.solutlist .swiper-button-prev,.solutlist .swiper-button-next{width:50px; height:70px; background-color:rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#30000000, endColorstr=#30000000); background-size:auto;}
.solutlist .swiper-button-prev{left:0; background-image:url(../images/arrowbtn2.png);}
.solutlist .swiper-button-next{right:0; background-image:url(../images/arrowbtn3.png);}
.solutlist .box{width:100%; height:100vh; background-image:url(../images/solution02.jpg); background-size:cover; background-position:center center; background-repeat:no-repeat; overflow:hidden;}
.solutlist .h2{font-size:30px; color:#333; padding-top:80px; text-align:center;}
.solutlist .h2 b{color:#ff9900; margin-right:5px;}
.solutlist .h2 img{max-width:26px; vertical-align:middle;}
.solutlist .pcont{font-size:16px; color:#666; max-width:690px; margin:10px auto 0px auto; text-align:center;}
.solutlist .soicon-list li{margin:0px 20px;}
.soicon-list-left li p{text-align:center;color:#fff;}
.soicon-list-right li p{text-align:center;}
.solutlist .slimg{max-width:893px; margin:0px auto; padding-top:50px;}
.solutlist #owl-demo1 .item{margin:0px;}
.owl-theme .owl-controls .owl-buttons div.owl-prev,.owl-theme .owl-controls .owl-buttons div.owl-next{width:50px; height:70px; position:absolute; top:50%; margin-top:-35px; opacity:1; border-radius:0px; background-color:#000; background-color: rgba(0, 0, 0, 0.3); background-size:auto; background-position:center center; background-repeat:no-repeat;}
.owl-theme .owl-controls .owl-buttons div.owl-prev{left:0; background-image:url(../images/arrowbtn2.png);}
.owl-theme .owl-controls .owl-buttons div.owl-next{right:0; background-image:url(../images/arrowbtn3.png);}
.crevideo-btns{width:75px; height:75px; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; font-size:0; background:url(../images/crevideo-btns.png) no-repeat;}
.indexvideo{width:700px; background-color:#fff; position:fixed; _position:absolute; left:50%; top:50%; z-index:2000; margin-left:-350px; margin-top:-197px; display:none;}
.indexvideo .vclose{display:block; width:38px; height:38px; position:absolute; right:0; top:-45px; font-size:0; cursor:pointer; background:url(../images/vclose.png) no-repeat;}
.indexvideo video{width:100%; height:100%; display:block;}

/*case*/
.casewarp{width:100%; background-color:#f7f7f7; padding:80px 0px 135px 0px;}
.casewarp .layout{max-width:1430px;}
.casetitle{text-align:center; font-size:26px; color:#333;}
.casetitle span{margin:0px 2px; vertical-align:middle;}
.casetitle img{vertical-align:middle; max-width:26px;}
.newshotwrap{background-color:#fff; padding-left:280px; min-height:320px; position:relative; margin-top:50px; -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 5px 5px rgba(0,0,0,0.07);}
.newshotwrap .newstitle{width:280px; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#ff9900;}
.newshotwrap .newstitle .tb{display:table; width:100%; height:100%;}
.newshotwrap .newstitle .td{display:table-cell; vertical-align:middle; text-align:center; padding:10px;}
.newshotwrap .newstitle h2{font-size:26px; color:#fff;}
.newshotwrap .newstitle p{font-size:20px; color: rgba(255, 255, 255, 0.5); color:#fff\0;}
.newshotbar{padding:38px; position:relative; z-index:10;}
.newshotbar .swiper-container{max-height:324px;}
.newshotbar .swiper-button-prev,.newshotbar .swiper-button-next{width:40px; height:36px; background-color:#fff; top:auto; margin-top:0; bottom:0;}
.newshotbar .swiper-button-prev{background-image:url(../images/arrowbtn6.png); left:-40px;}
.newshotbar .swiper-button-next{background-image:url(../images/arrowbtn7_h.png); left:0px; right:auto; background-color:#ff9900;}
.newshotbar .box{overflow:hidden;}
.newshotbar .pic{width:56%; float:right; overflow:hidden;}
.newshotbar .pic img{width:100%; display:block; -moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.newshotbar .pic:hover img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}
.newshotwrap .tmain{width:37.3%; float:left; word-wrap:break-word;}
.newshotwrap .time{display:block; font-size:18px; color:#999;}
.newshotwrap .tit{font-size:16px; color:#333; margin-top:5px;}
.newshotwrap .tmain:hover .tit,.newshotwrap .tmain:hover .more{color:#ff9900; border-color:#ff9900;}
.newshotwrap .pcont{font-size:14px; color:#999; overflow:hidden; margin-top:20px;}
.newshotwrap .more{width:53px; height:34px; line-height:34px; text-align:center; border:1px solid #b2b2b2; display:block; font-family:Simsun; color:#808080; margin-top:20px;}
.caselist ul li{width:30.8%; float:left; margin-right:3.8%; margin-right:2.5%\0; margin-top:55px; background-color:#fff; -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 5px 5px rgba(0,0,0,0.07);}
.caselist ul li:nth-child(3n),.caselist ul li.mr0{margin-right:0;}
.caselist ul li:hover{background-color:#ff9900;}
.caselist ul li .pic{width:100%; padding-top:69.6%; position:relative; overflow:hidden;}
.caselist ul li .pic img{width:100%; max-height:100%; display:block; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.caselist ul li:hover .pic img{transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);-webkit-transform:scale(1.03);}
.caselist ul li .tmain{padding:30px 20px;}
.caselist ul li h2{font-size:18px; color:#333; margin-top:5px;}
.caselist ul li .pcont{font-size:14px; color:#999; height:42px; overflow:hidden; margin-top:10px; word-wrap:break-word;}
.caselist ul li:hover h2,.caselist ul li:hover .pcont{color:#fff;}
.caselist ul li .more{display:block; width:28px; height:28px; line-height:28px; text-align:center; margin-top:10px; border:1px solid #d3d3d3; border-radius:50%; font-family:Simsun; font-size:16px; color:#666;}
.caselist ul li:hover .more{border-color:#ffc163; color:#fff;}
.page{text-align:center; margin-top:40px;}
.page a{display:inline-block; font-size:14px; color:#666; background-color:#fff; border:1px solid #e5e5e5; padding:5px 13px;}
.page a:hover{background-color:#ff9900; border-color:#ff9900; color:#fff;}
.page a.on{background-color:#ff9900; border-color:#ff9900; color:#fff;}

/*news*/
.newslist ul li{background-color:#fff; padding:35px; margin-top:30px;}
.newslist ul li .box{padding-left:320px; padding-right:230px; height:180px; position:relative;}
.newslist ul li .pic{width:270px; height:180px; position:absolute; left:0; top:0; overflow:hidden;}
.newslist ul li .pic img{width:100%; max-height:100%; display:block; -moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
.newslist ul li .pic:hover img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}
.newslist ul li .tmain h2{font-size:16px; color:#333; margin-top:10px;}
.newslist ul li .tmain:hover h2{color:#ff9900;}
.newslist ul li .tmain .pcont{font-size:14px; color:#999; height:42px; overflow:hidden; margin-top:25px; word-wrap:break-word;}
.newslist ul li .more{width:53px; height:34px; line-height:34px; text-align:center; border:1px solid #b2b2b2; display:block; font-family:Simsun; color:#808080; margin-top:20px;}
.newslist ul li:hover .more{color:#ff9900; border-color:#ff9900;}
.newslist ul li .day{width:189px; height:100%; position:absolute; right:0; top:0; border-left:1px solid #efefef; text-align:center;}
.newslist ul li .day .dat{font-family:'AMGDT'; font-size:50px; color:#666; line-height:1; padding-top:55px;}
.newslist ul li .day .yer{font-size:14px; color:#999;}
.newswarp .newsright{float:left; width:72.4%;}
.newswarp .newsleft{float:right; width:25.5%;}
.newsdetail{background-color:#fff; padding:45px;}
.newsdetail h1{font-size:28px; color:#333; font-weight:bold; word-wrap:break-word;}
.newsdetail .newsinfo{font-size:14px; color:#8c8c8c; margin-top:5px;}
.newsdetail .newstext{padding:30px 0px 0px 0px; word-wrap:break-word;}
.newsmore ul li{margin-bottom:20px;}
.newsmore ul li a{background-color:#fff; display:block; padding:30px 20px 20px 20px; word-wrap:break-word;}
.newsmore ul li .h3{overflow:hidden;}
.newsmore ul li .h3 .t1{font-size:18px; font-weight:bold; color:#333; float:left;}
.newsmore ul li .h3 .t2{font-size:14px; color:#808080; float:right;}
.newsmore ul li h2{font-size:16px; color:#4c4c4c; margin:10px 0px; max-height:48px; overflow:hidden; word-wrap:break-word;}
.newsmore ul li:hover h2{color:#ff9900;}
.newsmore ul li p{font-size:14px; color:#808080;}
.newsshare{background-color:#fff; display:block; padding:30px 20px 20px 20px; margin-bottom:20px; word-wrap:break-word;}
.newsshare .h2{font-size:18px; font-weight:bold; color:#333;}
.newsshare .bdsharebuttonbox{width:100%; margin:10px 0px;}
.newsshare .bdsharebuttonbox a{padding:0px; margin:0px; margin-right:10px; width:30px; height:30px; background-position:center center; background-size:contain;}
.newsshare .bdsharebuttonbox a.bds_weixin{background-image:url(../images/nwwx.png);}
.newsshare .bdsharebuttonbox a.bds_sqq{background-image:url(../images/nwqq.png);}
.newsshare .bdsharebuttonbox a.bds_tsina{background-image:url(../images/nwwb.png);}
.newsshare .returnbtns{display:block; background-color:#ff9900; font-size:18px; color:#fff; height:42px; line-height:42px; text-align:center;}
.newsshare .returnbtns:hover{background-color:#333;}
.newsshare .wordlist li{margin-top:10px;}
.newsshare .wordlist li h2{font-size:14px; color:#333; margin-bottom:5px;}
.newsshare .wordlist li .btns{font-size:14px; color:#ff9900; display:inline-block; padding-right:24px; background:url(../images/downloadbtns_h.png) right center no-repeat;}
.newsshare .wordlist ul li:hover .btns{color:#ff9900; background:url(../images/downloadbtns_h.png) right center no-repeat;}
.nametext li{width:25%; float:left; font-size:14px; color:#666; margin-top:20px; text-align:center; word-wrap:break-word;}

/*myTop*/
.myTop{position:fixed; _position:absolute; right:0px; top:50%; margin-top:-99px; z-index:500;}
.myTop ul li{width:50px; margin-top:1px; background-color:#242424; cursor:pointer; position:relative;}
.myTop ul li .icon{display:block; width:50px; height:50px; margin:0 auto; background-repeat:no-repeat; background-position:center center;}
.myTop ul li.myPhone .icon{background:url(../images/myPhone.png) no-repeat;}
.myTop ul li.myQQ .icon{background:url(../images/myQQ.png) no-repeat;}
.myTop ul li.myMess .icon{background:url(../images/myMess.png) no-repeat;}
.myTop ul li.myShare .icon{background:url(../images/myShare.png) no-repeat;}
.myTop ul li.myShare .bdsharebuttonbox a{display:block; width:50px; height:50px; padding:0px; margin:0px; font-size:0; background-repeat:no-repeat; background-position:center center;background:url(../images/myShare.png) no-repeat;}
.bdshare_popup_box{display:none !important;}
.myTop ul li.GoTop{display:none;}
.myTop ul li.GoTop .icon{background:url(../images/GoTop.png) no-repeat;}
.myTop ul li .Wtewm{position:absolute; right:50px; bottom:0px; z-index:100; display:none; width:120px; height:112px; padding:1px;}
.myTop ul li:hover .Wtewm{display:block;}
.myTop ul li .call{width:185px; line-height:18px; padding:16px 15px; font-size:16px; text-align:left; background-color:#ff9900; color:#fff; position:absolute; right:50px; top:0px; z-index:100; display:none;}
.myTop ul li .qq{width:154px; line-height:18px; padding:16px 0px; font-size:16px; text-align:center; background-color:#ff9900; color:#fff; position:absolute; right:50px; top:0px; z-index:100; display:none;}
.myTop ul li .qq a{color:#fff;}
.myTop ul li:hover .call,.myTop ul li:hover .qq{display:block;}
.myTop ul li:hover{background-color:#ff9900;}

/*footer*/
.footer{width:100%; background-color:#262421; padding-top:70px; padding-bottom:60px;}
.footer .footleft{width:45%; float:left; word-break:break-all; word-wrap:break-word;}
.footer .ftnav a{font-size:15px; color:#dedede; margin-right:14px; padding-right:14px; position:relative;}
.footer .ftnav a:after{content:""; display:block; position:absolute; right:0; top:5px; width:1px; height:7px; background-color:#757473;}
.footer .ftnav a:hover{color:#ff9900;}
.footer .copy{font-size:12px; color:#999; line-height:20px; max-width:360px; padding-top:20px; word-break:break-all; word-wrap:break-word;}
.footer .bdsharebuttonbox{margin-top:25px;}
.footer .bdsharebuttonbox a{padding:0px; margin:0px; margin-right:10px; width:27px; height:27px; background-image:url(../images/share.png); background-position:center center; background-repeat:no-repeat;}
.footer .bdsharebuttonbox a.bds_sqq{background-position:0px 0px;}
.footer .bdsharebuttonbox a.bds_sqq:hover{background-position:0px -27px;}
.footer .bdsharebuttonbox a.bds_tsina{background-position:-54px 0px;}
.footer .bdsharebuttonbox a.bds_tsina:hover{background-position:-54px -27px;}
.footer .bdsharebuttonbox a.bds_weixin{background-position:-27px 0px;}
.footer .bdsharebuttonbox a.bds_weixin:hover{background-position:-27px -27px;}
.footer .footcont{width:29%; float:left; margin-left:2%; word-break:break-all; word-wrap:break-word;}
.footer .footcont .sn{font-size:15px; color:#dedede;}
.footer .footcont h2{font-size:22px; font-weight:bold; color:#ff9900; line-height:1.3; margin-top:20px;width:390px;}
.footer .footcont p{font-size:12px; color:#999; margin-top:5px;}
.footer .footewm{width:6%; float:right; text-align:center; margin-left:1%; word-break:break-all; word-wrap:break-word;}
.footer .footewm p{font-size:12px; color:#999; margin-top:5px;}
.fukuang{height:100%;}
.fukuang img{height:30%;position: fixed;_position: absolute;right: 0px;bottom: 0px;z-index: 500;}

/* Table of Contents
==================================================

    #Mobile - 320px 
    #Mobile - 380px 
    #Mobile - 480px 
    #Mobile - 640px 
*/

@media screen and (max-width:1366px){
	.solutionbox .h2{padding-top:95px;}
	.soimg img{max-width:30%;}
	.solutionbox02 .soimg img{max-width:35%;}
	.solutionbox03 .soimg img{max-width:40%;}
	.solutionbox04 .h2{padding-top:150px;}
	.solutionbox05 .soimg img{max-width:40%;}
	.solutionbox08 .soimg img{max-width:40%;}
	.solutionbox09 .soimg img{max-width:40%;}
	.solutionbox10 .h2{padding-top:150px;}
	.solutionbox14 .soimg img{max-width:25%;}
	.solutionbox16 .soimg img{max-width:28%;}
	.solutionbox17 .h2{padding-top:150px;}
	.solutionbox19 .h2{padding-top:110px;}
	.solutionbox19 .soimg img{max-width:50%;}
	.solutionbox20 .h2{padding-top:110px;}
	.solutionbox20 .soimg img{max-width:50%;}
	.solutionbox21 .h2{padding-top:110px;}
	.solutionbox21 .soimg img{max-width:50%;}
	.solutionbox22 .h2{padding-top:150px;}
}
/*中等屏幕pc*/
@media screen and (min-width:1200px) and (max-width:1519px){
    .layout{ width: 1180px; }
	
	.commonwrap .box3 .text,.commonwrap .box4 .text,.commonwrap .box5 .text,.commonwrap .box6 .text{padding:25px 15px 10px 15px;}
	.commonwrap .box6 .more{margin:40% auto 0px auto;}
}
@media screen and (max-width:1024px){
	.section{height:auto !important;}
	.solutionbox{height:auto; padding:70px 0px 50px 0px;}
	.solutionbox .h2{padding-top:0px;}
	.solutionbox01{padding:110px 0px 220px 0px;}
	.solutionbox02{padding:70px 0px 50px 0px;}
	.solutionbox04{padding:90px 0px 100px 0px;}
	.solutionbox07{padding:110px 0px 220px 0px;}
	.solutionbox11{padding:110px 0px 220px 0px;}
	.solutionbox13{padding:110px 0px 220px 0px;}
	.solutionbox15{padding:70px 0px 155px 0px;}
	.solutionbox18{padding:110px 0px 220px 0px;}
	.solutionbox23{height:500px; padding:0px;}
	.solutionbox24{padding:110px 0px 220px 0px;}
	a.smobtns{position:relative; margin:0 auto; right:auto; top:auto;}
	.section .h2,.section .pcont,.section .soicon-list li,.section .soimg,.section .smobtns{transform:translateY(0rem);opacity:1;}
}
/*小屏幕pc*/
@media screen and (min-width:768px) and (max-width:1199px){
    .layout { width: 750px; }

    .contain{padding-top:55px;}
    .header{height:55px;}
    .header .logo{position:absolute; left:3%; top:0; padding-top:12px;}
    .header .logo a{width:103px; height:32px;}
    .nav{display:none;}
    .btn-m-list{display:block;}
	.footer .footleft{width:40%;}
	.footer .ftnav a{font-size:12px; margin-right:10px; padding-right:13px;}
	.footer .footcont{width:31%; margin-left:3%;}
	.footer .footcont h2{font-size:14px;line-height:1.5;}
	.footer .footewm{width:12%; margin-left:1%;}
	
	.commonwrap .box .text{padding:20px;}
	.commonwrap .box .h2{font-size:18px;}
	.commonwrap .box .h2 img{max-width:14px;}
	.commonwrap .box .icon{padding-top:10%;}
	.commonwrap .box .icon img{max-width:25px;}
	.commonwrap .box .num span{font-size:30px;}
	.commonwrap .box .num{font-size:14px;}
	.commonwrap .box .more{margin-top:20px;}
	.commonwrap .box6 .more{margin-top:10%;}
	.dowebok{margin-top:55px;}
	
	.newshotwrap{padding-left:200px; min-height:370px;}
	.newshotwrap .newstitle{width:200px;}
	.newshotwrap .newstitle h2,.newshotwrap .newstitle p{font-size:18px;}
	.newshotbar{padding:30px 30px 40px 30px;}
	.newslist ul li{padding:30px;}
	.newslist ul li .box{height:140px; padding-left:225px; padding-right:105px;}
	.newslist ul li .pic{width:210px; height:140px;}
	.newslist ul li .tmain .pcont{margin-top:5px;}
	.newslist ul li .day{width:99px;}
	.newslist ul li .day .dat{font-size:46px; padding-top:40px;}
}
/*移动端*/
@media screen and (min-width:320px) and (max-width:767px){
    .layout { width: 95%; } 
	
    .contain{padding-top:55px;}
    .header{height:55px;}
    .header .logo{position:absolute; left:3%; top:0; padding-top:12px;}
    .header .logo a{width:103px; height:32px;}
    .nav{display:none;}
    .btn-m-list{display:block;}
	.banner .swiper-container .swiper-pagination{bottom:10px;}
	.banner .swiper-pagination-bullet{width:5px; height:5px; margin:0px 3px;}
	.myTop{display:none;}
	.footer{padding:30px 0px;}
	.footer .footleft{float:none; width:100%;}
	.footer .ftnav{display:none;}
	.footer .footcont{float:none; width:100%; margin-left:0; margin-top:20px;}
	.footer .footewm{float:none; width:111px; margin:0px 10px 0px 0px; padding-top:20px; display:inline-block;}
	
	.section01{padding:30px 0px 60px 0px;}
	.commonwrap .box{width:100%; margin-left:0px; margin-right:0;}
	.commonwrap .box .text{padding:20px;}
	.commonwrap .box .h2{font-size:18px;}
	.commonwrap .box .h2 img{max-width:14px;}
	.commonwrap .box .icon{padding-top:10%;}
	.commonwrap .box .icon img{max-width:25px;}
	.commonwrap .box .num span{font-size:30px;}
	.commonwrap .box .num{font-size:14px;}
	.commonwrap .box .more{margin-top:10px;}
	.commonwrap .box6 .more{margin-top:50%;}
	.invideobar .btns{width:40px; height:40px; background-size:cover;}
	.invideobar .swiper-button-prev,.invideobar .swiper-button-next{width:35px; height:50px;}
	
	.dowebok{margin-top:55px;}
	.solutionbox{height:auto; padding:40px 0px 50px 0px;}
	.solutionbox .h2,.solutlist .h2{padding-top:0; font-size:18px;}
	.solutionbox .pcont,.soicon-list li p{font-size:12px;}
	/*.solutionbox .h2 img{width:15px;}*/
	.solutionbox .soimg{padding-top:20px;}
	.solutionbox .soimg img{max-width:80%;}
	.solutionbox01{padding:90px 0px 130px 0px;}
	.solutionbox07{padding:90px 0px 130px 0px;}
	.solutionbox11{padding:90px 0px 130px 0px;}
	.solutionbox12{padding:50px 0px 170px 0px;}
	.solutionbox13{padding:90px 0px 130px 0px;}
	.solutionbox15{padding:50px 0px 170px 0px;}
	.solutionbox18{padding:90px 0px 130px 0px;}
	.solutionbox23{height:300px;}
	.soicon-list li{margin:0px 10px;}
	.soicon-list li .icon{width:35px; height:35px; background-size:35px 75px;}
	.soicon-list li:hover .icon{background-position:0px -35px;}
	.solutlist .h2{padding-top:60px;}
	.solutlist .pcont{font-size:12px;}
	.solutlist .soicon-list li{width:33.333%; float:left; display:block; margin:10px 0px 0px 0px;}
	.solutlist .slimg{max-width:70%; padding-top:20px; text-align:center;}
	.so-close{width:50px; height:50px;}
	.indexvideo{width:98%; margin:0px; left:50%; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);}
	
	.casewarp{padding:30px 0px 60px 0px;}
	.casetitle{font-size:20px;}
	.casetitle img{max-width:13px;}
	.newshotwrap{padding-left:0; margin-top:20px;}
	.newshotwrap .newstitle{width:100%; height:auto; padding:0px; position:static; left:auto; top:auto;}
	.newshotwrap .newstitle h2,.newshotwrap .newstitle p{font-size:14px;}
	.newshotbar .swiper-container{max-height:inherit;}
	.newshotbar{padding:20px;}
	.newshotbar .pic{width:100%; float:none;}
	.newshotwrap .tmain{width:100%; float:none; padding-top:20px; padding-bottom:25px;}
	.newshotwrap .time,.newshotwrap .pcont{font-size:12px;}
	.newshotwrap .pcont,.newshotwrap .more{margin-top:5px;}
	.newshotwrap .tit{font-size:16px;}
	.newshotbar .swiper-button-prev{left:0;}
	.newshotbar .swiper-button-next{left:40px;}
	.newslist ul li{margin-top:20px; padding:10px;}
	.newslist ul li .box{height:auto; padding-left:0px; padding-right:0px;}
	.newslist ul li .pic{width:100%; height:auto; position:static; left:auto; top:auto;}
	.newslist ul li .pic img{position:relative;}
	.newslist ul li .tmain .icon{margin-top:20px;}
	.newslist ul li .day{width:100%; position:static; right:auto; top:auto; border-left:none; border-top:1px solid #efefef; padding-top:10px; margin-top:20px;}
	.newslist ul li .day .dat,.newslist ul li .day .yer{padding-top:0px; display:inline-block;}
	.newslist ul li .day .dat{font-size:20px;}
	.caselist ul li{width:49%; margin-right:2%; margin-top:20px;}
	.caselist ul li:nth-child(3n),.caselist ul li.mr0{margin-right:2%;}
	.caselist ul li:nth-child(2n){margin-right:0;}
	.caselist ul li .tmain{padding:15px;}
	.caselist ul li .pcont,.caselist ul li .more{margin-top:5px;}
	.newswarp .newsleft,.newswarp .newsright{width:100%; float:none;}
	.newsdetail{padding:20px;}
	.newsdetail h1{font-size:20px; font-weight:bold;}
	.newsmore ul li{width:49%; float:left; margin-right:2%; margin-top:20px;}
	.newsmore ul li:nth-child(2){margin-right:0;}
	.newsmore ul li a,.newsshare{padding:20px;}
	.newsmore ul li h2{font-size:14px; height:42px;}
	.nametext li{width:50%; font-size:12px;}
	.footer .footcont h2{width:206px;font-size:16px;}
}


/*****news 2023*****/
body{--style-color: #ff9900;}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.nlayout{width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
.header{height: 60px;}
.contain{padding-top: 60px;}
.btn-m-list{height: 60px;}
.mob-nav{width: 240px;}
@media(min-width:768px){
  .nlayout{width: 750px; max-width: 750px;}
}
@media(min-width:992px){
  .nlayout{width: 970px; max-width: 970px;}
}
@media(min-width:1200px){
  .nlayout{width: 1140px; max-width: 1140px;}
  .header{height: 66px;}
  .contain{padding-top: 66px;}
}
@media(min-width:1440px){
  .nlayout,.wide-14,.wide-16{width: 1280px; max-width: 1280px;}
}
@media(min-width:1640px){
  .wide-16{width: 1550px; max-width: 1550px;}
}
.nlogo{
  float: left;
  margin-top: 10px;
}
.nlogo a{
  display: flex;
  align-items: center;
  justify-content: center;
}
.nlogo img{
  max-width: 117px;
  max-height: 100%;
}
.nlogo .slogan{
  margin-left: 10px;
  padding-left: 12px;
  font-size: 14px;
  color: #333;
  display: flex;
  flex-direction: column;
  position: relative;
}
.nlogo .slogan::after{
  content: '';
  width: 2px;
  height: 100%;
  background-color: #595757;
  position: absolute;
  top: 0;
  left: 0;
}
.nlogo .slogan span:first-child{
  font-size: 15px;
}
@media(min-width:1200px){
  .nlogo{margin-top: 13px;}
  .nlogo img{max-width: 117px;}
}
@media(max-width:640px){
  .nlogo{margin-top: 15px;}
  .nlogo .slogan{display: none;}
}

.footer{
  background-color: var(--style-color);
  padding-top: 22px;
  padding-bottom: 22px;
  font-size: 14px;
  color: #fff;
}
.footer-row{
  display: flex;
  justify-content: space-between;
  margin-left: -15px;
  margin-right: -15px;
}
.footer-row .foot-left,
.footer-row .foot-right{
  padding-left: 15px;
  padding-right: 15px;
}
.footer-row .foot-left{
  width: 100%;
  display: flex;
}
.footer-row .foot-right{
  flex-shrink: 0;
}
.foot-nav ul{
  display: flex;
  flex-wrap: wrap;
}
.foot-nav ul li{
  margin-right: 16px;
  font-size: 16px;
  color: #fff;
}
.foot-nav ul li a{
  color: #fff;
  transition-property: background-color,color;
  transition-duration: .3s;
}
.foot-nav ul li a:hover{
  opacity: .8;
}
.foot-copy{
  font-size: 14px;
  color: #fff;
}
.foot-copy a{
  color: #fff;
}
.foot-qr ul{
  width: 274px;
  display: flex;
  justify-content: space-between;
  margin-left: -10px;
  margin-right: -10px;
}
.foot-qr ul li{
  width: 33.333%;
  padding-left: 10px;
  padding-right: 10px;
}
@media(min-width:1200px){
  .foot-nav ul li{font-size: 16px; margin-right: 10px;}
  .foot-copy{font-size: 14px;}
}
@media(min-width:1440px){
  .foot-nav ul li{font-size: 16px;}
}
@media(min-width:1640px){
  .foot-nav ul li{font-size: 18px; margin-right: 24px;}
  .foot-nav ul li:last-child{margin-right: 0;}
  .foot-copy{margin-left: 50px; font-size: 16px;}
}
@media(max-width:1199px){
  .footer-row .foot-left{display: block;}
}
@media(max-width:640px){
  .footer-row{display: block;}
  .footer-row .foot-right{margin-top: 15px;}
}

.x-banner{
  width: 100%;
  overflow: hidden;
  position: relative;
}
.x-banner figure{
  display: block;
  line-height: 1;
  overflow: hidden;
}
.x-banner .mo-img{
  display: none;
}
.x-banner .slick-active figure{
  -webkit-animation: slideIn 2s;
  animation: slideIn 2s;
}
.x-banner .slick-active figure img{
  -webkit-animation: imgIn 2s;
  animation: imgIn 2s;
}
.x-banner .slick-active figure{
  -webkit-animation: none;
  animation: none;
}
.x-banner .slick-active figure img{
  -webkit-animation: none;
  animation: none;
}
.x-banner .swiper-pagination{
  position: relative;
  left: auto;
  bottom: auto;
  margin-top: 10px;
}
.x-banner .swiper-pagination-bullet{
  background-color: #f1f1f1;
  border-radius: 7px;
  transition: all 0.5s ease;
  opacity: 1;
}
.x-banner .swiper-pagination-bullet-active{
  background-color: var(--style-color);
  opacity: 1;
}
.x-banner .swiper-button-prev,
.x-banner .swiper-button-next{
  width: 30px;
  height: 30px;
  background-image: unset;
  background-color: rgba(255,255,255,.6);
  border-radius: 50%;
  border: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all .4s;
}
.x-banner .swiper-button-prev i,
.x-banner .swiper-button-next i{
  font-size: inherit;
}
.x-banner .swiper-button-prev:hover,
.x-banner .swiper-button-next:hover{
  background-color: var(--style-color);
  color: #fff;
}
.x-banner:hover .swiper-button-prev,
.x-banner:hover .swiper-button-next{
  opacity: 1;
}
.x-banner .swiper-button-prev{
  left: 0;
}
.x-banner:hover .swiper-button-prev{
  left: 2%;
}
.x-banner .swiper-button-next{
  right: 0;
}
.x-banner:hover .swiper-button-next{
  right: 2%;
}
.x-banner .ban-group{
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
}
.x-banner .ban-title{
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
.x-banner .info-desc{
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
.x-banner .btn-wrap{
  margin-top: 20px;
}
.x-banner .btn{
  border: 1px solid #fff;
  border-radius: 25px;
  padding: 6px 12px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  display: inline-block;
}
.x-banner .ban-title,
.x-banner .info-desc,
.x-banner .btn-wrap{
  opacity: 0;
  transform: translate3d(0, 100px, 0);
  transition-duration: 1s;
}
.x-banner .info-desc{
  transition-duration: 1.3s;
}
.x-banner .btn-wrap{
  transition-duration: 1.6s;
}
.x-banner .swiper-slide-active .ban-title,
.x-banner .swiper-slide-active .info-desc,
.x-banner .swiper-slide-active .btn-wrap{
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.x-banner .scroll-bar{
  width: 10px;
  position: absolute;
  right: 2%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  font-size: 14px;
  color: #fff;
  display: none;
}
.x-banner .scroll-bar span{
  transform: rotate(90deg);
  display: block;
}
.x-banner .scroll-bar .line{
  width: 1px;
  height: 140px;
  display: block;
  margin: 30px auto 0 auto;
  background-color: var(--style-color);
}
.x-banner .scroll-bar .line::after{
  content: '';
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: block;
  animation: lineScale 2s infinite cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
@keyframes lineScale{
  from { height: 0; }
  to { height: 100%;}
}
@media(min-width:1200px){
  .x-banner .swiper-button-prev,.x-banner .swiper-button-next{width: 40px; height: 40px;}
  .x-banner .swiper-pagination{margin-top: 28px;}
  .x-banner .swiper-pagination-bullet{width: 12px; height: 12px;}
}

/*index*/
.section-box{
  padding-top: 40px;
  padding-bottom: 40px;
}
.index-title{
  text-align: center;
}
.index-title h2{
  font-size: 22px;
  font-weight: bold;
  color: #6d6b6c;
}
.index-title h2::after{
  content: '';
  width: 30px;
  height: 2px;
  background-color: #6d6b6c;
  display: block;
  margin: 5px auto 0;
}
.index-solution{
  padding-top: 20px;
}
.sol-tab ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: -10px;
  margin-right: -10px;
  margin-top: 20px;
}
.sol-tab ul li{
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 15px;
  text-align: center;
}
.sol-tab ul li span{
  font-size: 14px;
  margin-top: 5px;
  color: #595757;
  display: block;
  transition-property: background-color,border-color,box-shadow,color;
  transition-duration: .3s;
}
.sol-tab .icon{
  width: 45px;
  height: 45px;
  background-color: #efefef;
  border-radius: 50%;
  margin: 0 auto;
  display: flex;
  transition-property: background-color,border-color,box-shadow,color;
  transition-duration: .3s;
}
.sol-tab .himg{
  display: none;
}
.sol-tab ul li.active .icon{
  background-color: var(--style-color);
}
.sol-tab ul li.active .simg{
  display: none;
}
.sol-tab ul li.active .himg{
  display: block;
}
.sol-tab ul li.active span{
  color: var(--style-color);
}
.sol-tmain{
  margin-top: 20px;
}
.sol-tmain .item-bar{
  display: none;
}
.sol-tmain .sol-row{
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.sol-tmain .items{
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 20px;
}
.sol-tmain .items img{
  width: 100%;
}
.sol-tmain .sol-case .tit{
  font-size: 22px;
  color: #595757;
}
.sol-tmain .sol-case ul li{
  font-size: 14px;
  color: #595757;
  margin-top: 5px;
}
.sol-tmain .sol-case ul li a{
  color: inherit;
}
.sol-tmain .sol-case ul li a:hover{
  color: var(--style-color);
}
.index-news{
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: cover;
}
.news-row{
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  margin-left: -15px;
  margin-right: -15px;
}
.news-row .col-md{
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
.hot-news ul{
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}
.hot-news ul li{
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}
.hot-news .info-group{
  background-color: #fff;
  padding: 20px 15px;
  font-size: 14px;
  color: #333;
}
.hot-news .txt-clamp[data-clamp='3'] {
  -webkit-line-clamp: 3;
}
.hot-news .info-desc{
  height: 63px;
}
.new-list ul li{
  margin-top: 20px;
}
.new-list ul li a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  color: #333;
}
.new-list ul li .tit{
  max-width: 60%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: inherit;
}
.new-list ul li .date{
  flex-shrink: 0;
  margin-left: 10px;
  color: #333;
}
.new-list ul li a:hover{
  color: var(--style-color);
}
.cont-row{
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 20px;
}
.cont-row .col-md{
  padding-left: 15px;
  padding-right: 15px;
}
.cont-row .col-left{
  width: 100%;
}
.cont-row .col-right{
  width: 100%;
  font-size: 16px;
  color: #585657;
  margin-top: 20px;
}
.cont-row .col-right h2{
  font-size: 26px;
  color: #585657;
  margin-top: 25px;
}
.cont-row .col-right .info-desc,
.cont-row .col-right .con-link{
  margin-top: 15px;
}
.cont-row .col-right .info-desc p{
  margin-top: 8px;
}
.cont-row .col-right .con-link span{
  margin-top: 8px;
  margin-right: 15px;
  display: inline-block;
}
.index-client{
  background-color: #f1f1f1;
}
.index-client .index-title h2::after{
  margin-bottom: 5px;
}
.client-row{
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.client-row .col-md{
  width: 33.333%;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 20px;
}
@media(min-width:768px){
  .sol-tmain .items{width: 33.333%; margin-top: 0;}
  .sol-tab ul li{margin-top: 5px;}
  .sol-tab .icon{width: 75px; height: 75px;}
  .client-row .col-md{width: 25%;}
}
@media(min-width:992px){
  .sol-tmain .sol-case ul li{font-size: 16px; margin-top: 10px;}
  .news-row .col-md{width: 50%;}
  .new-list ul li{max-width: 480px; margin-top: 13px;}
  .cont-row .col-left{width: 42%;}
  .cont-row .col-right{width: 58%; margin-top: 0;}
  .client-row{margin-left: -15px; margin-right: -15px;}
  .client-row .col-md{padding-left: 15px; padding-right: 15px; margin-top: 30px;}
}
@media(min-width:1200px){
  .section-box{padding-top: 80px; padding-bottom: 80px;}
  .index-title h2{font-size: 30px;}
  .index-title h2::after{width: 51px; height: 5px; margin-top: 10px;}
  .index-solution{padding-top: 40px; padding-bottom: 60px;}
  .sol-tab ul{margin-top: 40px;}
  .sol-tab ul li span{font-size: 18px; margin-top: 15px;}
  .sol-tmain{margin-top: 40px;}
  .sol-tmain .sol-case{padding-left: 50px;}
  .sol-tmain .sol-case .tit{font-size: 30px;font-weight:bold;}
  .sol-tmain .sol-case ul li{font-size: 16px; margin-top: 10px;}
  .news-row{margin-left: -25px; margin-right: -25px; margin-top: 40px;}
  .news-row .col-md{padding-left: 25px; padding-right: 25px;}
  .new-list ul li{margin-top: 20px;}
  .cont-row{margin-top: 60px;}
  .cont-row .col-right{padding-left: 95px;}
  .cont-row .col-right h2{font-size: 32px;}
  .cont-row .col-right .info-desc,.cont-row .col-right .con-link{margin-top: 30px;}
  .index-client .index-title h2::after{margin-bottom: 15px;}
  .client-row{margin-left: -25px; margin-right: -25px;}
  .client-row .col-md{padding-left: 25px; padding-right: 25px; margin-top: 50px;}
}
@media(max-width:640px){
  .client-row .col-md{width: 50%;}
}

/*solution*/
.new-solution1{
  padding-top: 170px;
  font-size: 16px;
  color: #fff;
}
.new-solution1 .nlayout{
  text-align: center;
  line-height: 2;
}
.new-solution2 .pcont,
.new-solution3 .pcont,
.new-solution4 .pcont{
  max-width: 956px;
}
a.smobtns{
  transition-property: background-color,border-color,box-shadow,color;
  transition-duration: .3s;
}
a.smobtns:hover{
  background-color: var(--style-color);
  border-color: var(--style-color);
  color: #fff;
}
.new-solution2 .soicon-list li p{
  max-width: 120px;
}
.new-solution2 .nw-img{
  margin-top: 20px;
  z-index: -1;
}
.new-solution3{
  background-color: #f3f3f3;
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
}
.new-solution3 .soicon-list li p,
.new-solution4 .soicon-list li p{
  max-width: 120px;
}
.new-solution3 li .icon{
  background-color: #fff;
}
.new-solution4{
  background-color: #f8f9fb;
  background-position: bottom center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.solution-modal{
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  display: none;
}
.solution-modal .sclose{
  width: 45px;
  height: 45px;
  background-color: var(--style-color);
  color: #fff;
  font-size: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 5;
}
.solution-modal .sclose i{
  display: inline-block;
  font-size: inherit;
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.solution-modal .sclose:hover i{
  transform: rotate(90deg);
}
.solution-modal .modal-bar{
  width: 100%;
  height: 100%;
  padding: 30px 30px 30px 0;
  display: flex;
  /*align-items: center;*/
  justify-content: flex-start;
  flex-direction: row-reverse;
}
.solution-modal .modal-bar .mod-tab{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row-reverse;
}
.solution-modal .mod-tab ul li{
  margin: 8px 0;
}
.solution-modal .mod-tab ul li a{
  display: inline-block;
  padding: 10px;
  font-size: 18px;
  color: #595757;
  border-radius: 30px;
}
.solution-modal .mod-tab ul li.active a{
  background-color: var(--style-color);
  color: #fff;
}
.solution-modal .mod-tmain{
  /*padding-left: 40px;
  padding-right: 40px;*/
  margin:0 auto;
  padding-top:5%;
  text-align: center;
}
.solution-modal .mod-tmain .items{
  display: none;
  max-width: 700px;
}
.solution-modal .mod-tmain h2{
  font-size: 28px;
  color: #595757;
}
.solution-modal .mod-tmain .info-desc{
  font-size: 15px;
  color: #595757;
  line-height: 2;
  margin-top: 15px;
}
.solution-modal .mod-tmain .pic{
  margin-top: 20px;
}
@media(min-width:1200px){
  .new-solution1 .nlayout{
    width: 956px;
    max-width: 956px;
  }
  .new-solution2 .nw-img{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
  }
  .solution-modal .sclose{
    width: 76px;
    height: 76px;
    font-size: 40px;
  }
  .solution-modal .mod-tmain{
    /*padding-right: 230px;*/
  }
  .solution-modal .mod-tmain h2{
    font-size: 34px;
  }
  .solution-modal .mod-tmain .info-desc{
    font-size: 18px;
    margin-top: 25px;
  }
  .solution-modal .mod-tmain .pic{
    margin-top: 40px;
  }
}
@media(max-width:767px){
  .solution-modal .modal-bar{
    display: block;
  }
  .solution-modal .mod-tab ul{
    display: flex;
    flex-wrap: wrap;
  }
  .solution-modal .mod-tab ul li{
    margin: 5px;
  }
  .solution-modal .mod-tab ul li a{
    padding: 5px 10px;
    font-size: 14px;
  }
}
/*****news 2023*****/