/***********************************************xiaoyuan*****************************************************************************************/
@charset "utf-8";
.showw{ display:none;}
.wlv{ background:#0ca519;}
.webtop{ position:relative; overflow:hidden;}
.webmenus{ width:75%; margin:0px auto; padding-top:150px; height:40px;}
.webmenus ul li{ float:left; font-size:24px; padding-right:40px;}
.webmenus ul li a{ color:#fff;}
.webmenus ul li a:hover{ color:#ff9000;}
.webmenus ul li a.xz{ color:#ff9000;}
.webprve{ position:absolute; left:5%; top:45%; opacity:0.8; z-index:5;}
.webprve2{ position:absolute; right:5%; top:45%; opacity:0.8; z-index:5;}
.webprve:hover{ opacity:1;}
.webprve2:hover{ opacity:1;}
.webcon{ width:75%; margin:0px auto; padding-top:90px;}
.webname{ font-size:80px; color:#fff;}
.webtext{ font-size:24px; color:#fff; line-height:54px; padding-top:45px; width:620px;}
.webwins{ font-size:14px; color:#fff; line-height:36px; padding-top:140px; width:620px;}
.webimg{ position:absolute; right:12%; bottom:0px; width:614px; height:auto;}
.webchinabg{ width:100%; height:957px; background:url(../himages/websites_02.jpg) no-repeat center top; position:relative; overflow:hidden;}
.webchinaimg{ float:left; padding-top:10%;}
.webchininfor{ float:right; padding:100px 12% 0px 0px; text-align:right;}
.webchinatiten{ font-size:60px; color:#fff; font-family:"汉仪超粗宋简";}
.webchinatitcn{ padding-top:45px; font-size:88px; color:#fff;}
.webchiatext{ font-size:24px; color:#fff; line-height:90px; padding-top:80px;}
.webchiatext span{ padding-left:6em;}
.advanbg{ width:100%; padding:100px 0px 80px 0px; background:#f4f4f4; overflow:hidden;}
.advtiten{ width:100%; text-align:center; font-size:60px;color:#464646; font-family:"汉仪超粗宋简";}
.advtitcn{ padding-top:45px; font-size:88px; color:#464646; text-align:center;}
.advtitcn span{ color:#0ca54b;}
.advtexts{ width:75%; margin:0px auto; padding-top:45px; font-size:24px; color:#464646; line-height:34px;}
.advlist{ width:75%; margin:0px auto; height:auto; background:url(../himages/website_17.jpg) no-repeat center center; margin-top:60px;}
.advlist ul li{ width:610px; font-size:16px; color:#464646; padding-top:20px;  line-height:20px; height:92px;}
.advlist ul li span{ font-size:18px; color:#03da30;}
.youshis{ width:100%; height:574px; background:url(../himages/website_20.jpg) no-repeat center top;}
.youtitle{ text-align:center; color:#fff; font-size:60px; padding-top:60px;}
.youlist{ width:80%; text-align:center; margin:0px auto; padding-top:85px;}
.youlist ul li{ width:25%; float:left; text-align:center;}
.numbers{ font-size:98px; color:#fff;}
.numbertext{ font-size:18px; color:#fff;}
.webcases{ width:100%; overflow:hidden; padding-top:120px;}
.webcasetitle{ width:100%; text-align:center; font-size:60px; color:#464646; padding-bottom:40px;}
.webmorenl{ width:100%; text-align:center; padding-top:60px; padding-bottom:120px;}
.moreanli{ font-size:30px; color:#464646; display:inline-block; padding:0px 50px 0px 50px; background:url(../himages/jiant_03.png) no-repeat center right;}

.whuang{ background:#e3bd14;}
.webtext2{ font-size:24px; color:#fff; line-height:54px; padding-top:40px; }
.webwins2{ font-size:14px; color:#fff; line-height:36px; padding-top:30px; width:620px;}
.wechatname{ position:absolute; right:0px; bottom:50px; font-size:215px; color:#fff;}
.wechatlb{ width:100%; padding:100px 0px 20px 0px; text-align:center;}
.wechatlb ul li{ width:300px; padding:0px 110px 0px 110px; display:inline-block; vertical-align:top;}
.wechico{ width:100%; height:auto; text-align:center;}
.wechico img{}
.wechatnames{ width:100%; line-height:30px; color:#464646; font-size:22px; padding-top:10px;}
.wechattexts{ text-align:center; width:100%; padding-top:25px; line-height:24px; color:#464646; font-size:12px;}

.wechatlb2{ width:100%; padding:80px 0px 90px 0px; text-align:center; vertical-align:top; overflow:hidden;}
.wechatlb2 ul li{ width:280px; padding:0px 35px 0px 35px;display:inline-block; text-align:center; vertical-align:top;}
.wechico2{ width:100%; height:auto; text-align:center;}
.wechico2 img{}
.wechatnames2{ width:100%; line-height:30px; color:#464646; font-size:22px; padding-top:40px;}
.advanbg2{ background:#f4f4f4; width:100%; padding-top:110px; overflow:hidden;}
.wechattu{ padding-left:10%; width:33%; padding-top:160px;}
.wechattu ul li{ width:25%; float:left; text-align:center; font-size:18px; line-height:36px; padding-top:20px; color:#3ea36f;}
.wechattu ul li img{ width:25%;}

.wechattu2{ padding-right:10%;  padding-top:170px;}

.wecatprodu{ width:100%; padding-top:80px; padding-bottom:150px;}
.wecatprodutit{ width:100%; text-align:center; font-size:60px; color:#464646;}
.wecatprodutit2{ font-size:24px; color:#464646; text-align:center; padding-top:25px;}

.wechatlb3{ width:100%; padding:120px 0px 0px 0px; text-align:center;vertical-align:top;}
.wechatlb3 ul li{ width:220px; padding:0px 40px 0px 40px;display:inline-block; text-align:center;vertical-align:top;}

.wh5{ background: url(../himages/H5_01.jpg) no-repeat center top;}
.webname3{ font-size:80px; color:#fff; text-align:right;}
.webtext3{ font-size:36px; color:#fff; line-height:40px; padding-top:25px; width:100%; text-align:right;}
.webwins3{ font-size:30px; color:#fff; line-height:36px; padding-top:210px; width:100%; text-align:right;}
.advtexts3{ width:100%; margin:0px auto; padding-top:45px; text-align:center; font-size:24px; color:#464646; line-height:34px;}
.toolist{ width:75%; margin:0px auto; padding-top:90px;}
.toolist ul li{ float:left; width:25%; height:240px;}
.toocon{ border:1px solid #ddd; width:100%; height:100%; font-size:46px; color:#464646; line-height:60px;}
.toocon span{ color:#d90303; font-weight:bold; font-size:34px; padding:40px 0px 0px 40px;display:block;}
.toocon p{ padding-left:40px; display:block; padding-top:15px;}

.applicas{ width:100%; height:875px; background:url(../himages/H5_03.jpg) no-repeat center top; overflow:hidden;}
.applibt{ width:100%; text-align:center; font-size:58px; color:#fffbfb;font-family:"汉仪超粗宋简"; padding-top:90px;}
.applibt2{width:100%; text-align:center; font-size:84px; color:#fefefe;padding-top:30px;}
.applitext{ text-align:center; font-size:36px; color:#fff; line-height:80px; width:100%; padding-top:80px;}
.applitext span{ color:#21c132;}
.applitext .ls1{ padding-right:3em;}
.applitext .ls2{ padding-left:3em;}

.hfcases{ width:100%; overflow:hidden;}
.hftitle{ width:100%; text-align:center; font-size:60px; color:#464646; padding-top:90px;}
.hflists{ width:72%; margin:0px auto; text-align:center; padding-bottom:120px;}
.hflists ul li{ width:33%; float:left; padding-top:60px;}
.hflists ul li a{ display:block; width:90%; height:auto; text-align:left;font-size:22px; line-height:42px; color:#464646; margin:0px auto; position:relative;}
.hflists ul li a p{ opacity:0;transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;}
.hfimgs{ width:100%; height:auto; overflow:hidden; position:relative;}	
.hflists ul li img{ width:100%; height:auto; 
transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
}
.hforb{ width:100%; height:100%; position: absolute; left:0px; top:0px; z-index:5; background:rgba(0,0,0,0.8);
transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition:  0.5s;
    -ms-transition: 0.5s;
    -o-transition:  0.5s;
}
.hflists ul li a:hover img{ transform: scale(1.1);}
.hflists ul li a:hover p{ opacity:1;}
.hflists ul li a:hover .hforb{ opacity:0;}

.wzi{ background:#7f00f7;}
.webimg2{ position:absolute; right:0px; bottom:0px; z-index:0;}
.serwebs{ width:100%;}
.serwebtit{ text-align:center; width:100%; font-size:86px; color:#464646; padding-top:80px;}
.serphotos{ width:100%; height:auto; background:url(../himages/photographys_02.png) no-repeat center center; height:640px; margin-top:70px; margin-bottom:40px;}
.sermins{ width:1100px; margin:0px auto; text-align:center;}
.serones{ display:inline-block; width:240px; float:left;}
.serones ul li{ line-height:32px; font-size:20px;}
.serones ul li a{ color:#464646;}
.serones ul li a:hover{ color:#21c132;}
.serphname{ font-size:30px; color:#464646; padding:30px 0px 35px 0px; font-weight:bold;}
.serph1{ padding-right:0px;}
.serph2{ padding-left:30px; padding-top:350px;}
.serph3{ padding-left:40px; padding-top:64px;}
.serph4{ padding-left:40px;padding-top:350px;}

.videlius{ width:75%; margin:0px auto; padding-top:100px;}
.videlius ul li{ width:42%;  text-align:center; font-size:24px; line-height:80px; color:#464646;}
.videlius ul li a{ display:block; position:relative; width:90%; margin:0px auto; height:auto;}
.videlius ul li a img{ width:100%; height:auto;}
.videoicos{ width:100%; height:100%; text-align:center; background:url(../himages/play.png) no-repeat center center; position:absolute; left:0px; top:5%; z-index:10; opacity:0.8;
transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}
.videlius ul li a:hover .videoicos{ top:0%; opacity:1;}
.videoduan{ width:72%; margin:0px auto; padding-top:20px;}
.videoduan ul li{ width:25%; float:left; padding-top:60px;}
.videoduan ul li a{ display:block; width:90%; height:auto; margin:0px auto; position:relative; overflow:hidden;}
.vivds{ width:100%; height:auto;
transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;}
.videoplays{ position:absolute; left:0px; width:100%; height:auto; top:26%; text-align:center; line-height:60px; font-size:18px; color:#fcfafa; z-index:10; padding-top:5%; opacity:0.8;
transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}
.videoplays img{ width:20%; height:auto;}

.mengb{ position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:5;}


.videoduan ul li a:hover .videoplays{ opacity:1; padding-top:0%;}

.videomore{ width:100%; text-align:center; font-size:60px; padding-top:80px;}
.videomore a{ color:#464646;}
.videomore a:hover{ color:#2ccb6d;}

.wlan{ background:#14c0e3;}
.yunwei{ width:100%; height:957px; background:url(../himages/Safety_04.png) no-repeat center top;}
.yuncons{ width:75%; margin:0px auto;}
.yuncons .applibt{ text-align:left;}
.yuncons .applibt2{ text-align:left;}
.yuntexts{ width:100%; font-size:24px; line-height:48px; color:#ffffff; padding-top:110px;}
.sslcons{ width:60%; margin:0px auto; padding-top:50px;}
.ssleft{ width:490px; font-size:16px; line-height:24px; color:#464646;}
.ssleft span{ font-size:24px; color:#0ca54b; display:block; padding-bottom:20px;}

.sslright{ width:400px;}
.sslshp{ position:relative; width:90%; float:right;}
.sslshp a{ display:block; width:100%; height:auto;}
.sslshp img{ width:100%; height:auto;}
.sslplay{ position:absolute; left:0px; top:0px; width:100%; height:100%; background:url(../himages/play.png) no-repeat center center; background-size:20%; padding-top:7%;
transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}
.sslshp a:hover .sslplay{ padding-top:0px;}
.sslnames{ text-align:right; padding-top:60px; font-size:26px; color:#464646;}
.zhengshu{ width:60%; margin:0px auto; padding-top:70px;}
.zhengshu ul li{ width:30%; float:left; padding:20px 3% 0px 0px;}
.zhenname{ font-size:22px; color:#464646; padding-top:20px;}
.zhentext{ width:100%; line-height:24px; font-size:16px; color:#464646; padding-top:20px;}

.wred{ background:url(../himages/xiao_01.jpg) no-repeat center top;}
.webtext4{ font-size: 24px; color: #fff; line-height:40px; padding-top: 45px; width: 710px;}
.whytext{ padding:0px 40px 0px 40px; font-size:16px; line-height:24px; color:#464646;}
.whytext p{ padding:15px 0px 0px 0px;}

.FLOWINLET{ width:100%; background:#464646; padding-bottom:140px;}
.flowlis{ width:90%; margin:0px auto; text-align:center; padding-top:110px;}
.flowlis ul li{ display:inline-block; vertical-align:top; width:16%;}
.flowicon{ width:100%; text-align:center;}
.flowname{ width:100%; font-size:24px; color:#20c132; padding-top:40px;}
.flowtext{ width:100%; text-align:center; line-height:24px; font-size:16px; color:#fff; padding-top:20px;}

.applelist{ width:74%; margin:0px auto; padding-top:30px;}
.applelist ul li{ width:29%; float:left; border:1px solid #ddd; margin:60px 2% 0px 2%; height:300px; text-align:center;}
.applimgs{ text-align:center; padding-top:30px;}
.applname{ font-size:20px; color:#000; padding-top:15px;}
.appinfors{ text-align:center; padding-top:15px; font-size:15px; line-height:20px; color:#464646;}


/*footer*/
.cleas{ clear:both;}
.bottoms{ width:100%; padding:60px 0px 60px 0px; background:#e6e6e6;}
.shiwmin{ width:70%; margin:0px auto;}
.shiw{ width:22%; float:left; padding-top:2rem;}
.shiw img{  height:auto;}
.shiwinfor{ width:75%; float:right; text-align:center;}
.shiwbt{ font-size:60px; color:#08c324;}
.shitext{ font-size:34px; color:#6f6f6f; padding-top:1rem;}
.shitext span.xiao1{ font-size:17px;}
.shitext span.xiao2{ font-size:28px;}
.shiwbt{ width:100%; text-align:center; padding-top:0.5rem;}
.shiwbt a{ font-size: 14px; margin: 0px 3px 0px 3px;  display: inline-block;  background: #1acd68;padding: 11px 30px;color: #fff; position:relative;}
.shiwbt .ewmss{ position:absolute; left:110%; top:0px; width:80%; opacity:0;
transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;}
.ewmss img{ width:100%; height:auto;}
.shiwbt a:hover .ewmss{ opacity:1;}

.footss{ width:100%; height:667px; background:url(../himages/foots.jpg) no-repeat center top;}
.footlefts{ float:left; width:25%; color:#c0c0c0; padding-top:55px;}
.footlogos{ width:50%; height:auto;}
.footlogos img{ height:auto;}
.footlnt{ color:#fff; font-size:24px; padding-top:30px;}
.footexts{ font-size:14px; color:#c0c0c0; padding-top:30px; line-height:24px;}
.footel{ padding-top:20px; font-size:22px; color:#00a42e; line-height:28px;}
.footel img{ float:left; padding:5px 5px 0px 0px;}

.footrights{ width:73%; float:right; border-left:1px solid #4b4b4b; margin-top:150px;}
.footitle{ font-size:24px; color:#fff; padding-bottom:30px;}
.footitle span{ font-size:50px;}
.footrights ul{ float:left; padding-left:70px;}
.footrights ul li{ font-size:14px; line-height:24px; list-style-type:none; margin:0px; padding:0px;}
.footrights ul li a{ color:#c0c0c0;}
.footrights ul li a:hover{ color:#fff;}



.logoss {  left:4%; height:58px; top:25px; z-index:9; position: absolute;}
.navtop { width:520px; height: 40px; line-height:40px; position: absolute; right:4%; top:30px; z-index:10;}
.navtop ul li { list-style-type:none; float:left; padding-left:40px; text-align:center;}
.navtop ul li a { color:#fff; font-size:18px;}
.navtop ul li a:hover { color:#23ac38; font-size:18px;}

@media (max-width:1800px) {
.shiwmin {
	width: 80%;
}
.shiwbt{ font-size:50px; color:#08c324;}
.shitext{ font-size:30px; color:#6f6f6f; padding-top:1rem;}
.shitext span.xiao2{ font-size:22px;}

.footrights ul{ float:left; padding-left:70px;}
.footitle{ font-size:20px; color:#fff; padding-bottom:30px;}
.footitle span{ font-size:44px;}

.newbts{ padding-left:10%;}
.newinfors{ padding-right:10%; width:35%;}
.newstabs{ width:80%; height:80px;}
.newstabs ul li{ font-size:24px; line-height:80px; padding-right:3%;}
.newlist{ width:78%;}
.newtitle{ font-size:28px;}
.newswins{ font-size:15px;}
.forms{ font-size:13px; padding-top:15px;}

.newsmain{ width:82%; background:#fff; margin:0px auto; margin-top:50px; margin-bottom:60px; }

.webimg2{ width:35%;}
.webimg2 img{ width:100%;}


}

@media (max-width:1700px) {

.footrights ul{ float:left; padding-left:60px;}


.webwins{ padding-top:40px;}
.webimg{ width:35%; right:7%;}
.webimg img{ width:100%;}
.webchinaimg{ width:400px;}
.webchinaimg img{ width:100%;}
.webchininfor{padding: 80px 10% 0px 0px;}
.webchinatiten{ font-size:50px;}
.webchinatitcn{ font-size:70px; padding-top:30px;}
.webchiatext{ padding-top:50px; font-size:24px;}
.advtitcn{ font-size:70px; padding-top:30px;}
.advtexts{ width:80%; font-size:20px;}
.advlist{ width:80%;}
.advlist ul li{ width:42%; font-size:15px;}
.toocon{ font-size:40px;}

.yuntexts{ font-size:22px; padding-top:90px;}
.videomore{ font-size:40px;}
}

@media (max-width:1600px) {
.shiwmin {
	width: 80%;
}
.shiwbt{ font-size:50px; color:#08c324;}
.shitext{ font-size:30px; color:#6f6f6f; padding-top:1rem;}
.shitext span.xiao2{ font-size:22px;}

.footrights ul{ float:left; padding-left:50px;}
.footitle{ font-size:20px; color:#fff; padding-bottom:30px;}
.footitle span{ font-size:44px;}

.wechatlb ul li{padding: 0px 80px 0px 80px;}
.wechatlb2 ul li{    padding: 0px 15px 0px 15px;}
.wechattu{ padding-left:10%; }

.wechattu2{ padding-right:8%;}
.wechattu2 img{ width:85%;}

.wechatname{ font-size:190px;}
.advtiten{ font-size:50px;}

.toolist{ width:80%;}
.applelist{ width:82%;}
.applibt{ font-size:50px;}
.applibt2{ font-size:70px;}
.webtext4{ font-size:20px;}

.toocon{ font-size:36px;}
.applitext{ font-size:32px;}
.hflists{ width:82%;}
.webwins3{ font-size:26px; padding-top:180px;}
.yuntexts{ font-size:20px;}
.advtexts{ width:85%;}
.sslcons{ width:70%;}
.ssleft{ width:45%;}
.sslright{ width:45%;}
.zhengshu{ width:70%;}
.videoduan{ width:80%;}
.videoduan ul li{ padding-top:40px;}
.serwebtit{ font-size:66px;}
.videoplays{ font-size:15px;}
}

@media (max-width:1500px) {
.wechatname{ font-size:160px; bottom:40px;}
.advtiten{ font-size:50px;}
.wechatlb ul li{ padding:0px 40px 0px 40px;}
.wechatlb2 ul li{ width:260px; padding: 0px 15px 0px 15px;}
.advtitcn{ font-size:66px;}
.wechattu{ padding-top:100px;}
.wechattu2{ padding-top:100px;}
	
.whytext{ font-size:14px;}
.advtexts3{ font-size:22px; line-height:30px;}	
.applitext{ font-size:28px;}
.videlius{ width:80%;}
	}

@media (max-width:1400px) {
	
	.shiwmin {
	width: 90%;
}
.shiw img{ width:100%; height:auto;}
.footrights ul{ float:left; padding-left:78px;}
.footitle{ font-size:18px; color:#fff; padding-bottom:30px;}
.footitle span{ font-size:32px;}
.footrights ul li{ font-size:12px; line-height:22px;}
.footlnt{ color:#fff; font-size:20px; padding-top:30px;}
.footexts{ font-size:12px; color:#c0c0c0; padding-top:30px; line-height:22px;}
.footel{ padding-top:20px; font-size:20px; color:#00a42e; line-height:28px;}

.newbts{ padding-left:5%; padding-top:17%; font-size:36px;}
.newinfors{ padding-right:5%; width:40%; padding-top:14%;}
.newstabs{ width:90%; height:80px;}
.newstabs ul li{ font-size:24px; line-height:80px; padding-right:3%;}
.newlist{ width:85%;}
.newtitle{ font-size:24px;}
.newswins{ font-size:15px;}
.forms{ font-size:13px; padding-top:15px;}
.more{ padding:20px 25px;}

.newsmain{ width:92%; background:#fff; margin:0px auto; margin-top:50px; margin-bottom:60px; }

.toolist{ width:90%;}
.applelist{ width:94%;}
.toolist ul li{ height:230px;}
.toocon span { padding:30px 0px 0px 40px;}
.flowname{ font-size:20px;}
.flowtext{ font-size:14px; line-height:20px;}
.flowicon img{ width:65%;}
.applibt{ font-size:40px;}
.applibt2{ font-size:60px;}
.advtexts3{ font-size:18px;}
.appinfors{ font-size:14px;}

.toocon{ font-size:30px;}
.hflists{ width:92%;}
.hflists ul li{ padding-top:40px;}

.advtexts{ width:90%; font-size:18px;}
.ssleft span{ font-size:20px;}
.sslcons{ width:80%;}
.ssleft{ width:45%; font-size:15px;}
.sslright{ width:45%;}
.zhengshu{ width:80%;}
.sslnames{ font-size:20px;}
.serphname{ font-size:26px;}
.serones ul li{ line-height:32px; font-size:18px;}
.videoduan{ width:92%;}
.wechattu{ padding-top:70px;}
.wechattu ul li{ width:25%; float:left; text-align:center; font-size:15px; line-height:36px; padding-top:15px; color:#3ea36f;}

.webcon{ padding-top:30px;}
.webname{ font-size:60px;}
.webtext2{ font-size:22px; padding-top:20px;}
.webwins2{ padding-top:20px; line-height:32px;}
.wechatname{ font-size:120px; bottom:20px;}
.webmenus{ padding-top:125px;}
.webimg{ width:30%;}
.webwins3{ padding-top:130px;}
.webtext4{ font-size:16px; padding-top:25px; line-height:34px;}
.webtext{ font-size:20px; padding-top:25px; line-height:46px;}
}

@media (max-width:1300px) {
.shiw img{ width:100%; height:auto;}
.footrights ul{ float:left; padding-left:40px;}
.footitle{ font-size:18px; color:#fff; padding-bottom:30px;}
.footitle span{ font-size:32px;}
.footrights ul li{ font-size:12px; line-height:22px;}
.footlnt{ color:#fff; font-size:20px; padding-top:30px;}
.footexts{ font-size:12px; color:#c0c0c0; padding-top:30px; line-height:22px;}
.footel{ padding-top:20px; font-size:20px; color:#00a42e; line-height:28px;}

.webmenus{ width:80%;}
.webmenus ul li{ font-size:22px; padding-right:34px;}
.webcon{ width:80%;}
.webimg{ right:10%;}
.webchinaimg{ padding-top:20%;}
.webchininfor {
    padding: 15% 10% 0px 0px;
}
.youlist{ width:85%;}
.wechatlb ul li{padding: 0px 30px 0px 30px; width:290px;}
.wechatlb2 ul li{ width:240px; padding: 0px 10px 0px 10px;}
.wechattu{ padding-left:6%; width:40%;}

.wechattu2{ padding-right:4%; width:45%;}
.wechattu2 img{ width:75%;}
.wechatnames{ font-size:20px;}
.wechatnames2{ font-size:20px;}
.advtiten{ font-size:40px;}
.advtitcn{ font-size:60px;}
.wechatlb3 ul li{ width:220px;    padding: 0px 20px 0px 20px;}
.applicas{ height:700px;}
.applitext{ font-size:24px; line-height:60px;}

.hfors .toolist ul li{ height:200px;}
.toocon span{ font-size:28px;}
.toocon{ font-size:28px; line-height:50px;}
.zhenname{ font-size:20px;}
.zhentext{ font-size:14px;}
.zhengshu{ width:85%;}
.serwebtit{ font-size:60px;}
.wecatprodutit2{ width:95%; margin:0px auto;}
.serphotos{ background-size:160%;}
.sermins{ width:100%;}
.serones{ width:25%;}
.serph1{ padding:0px;}
.serph2{padding-left:0px; padding-top: 350px;}
.serph3{padding-left: 0px;padding-top: 64px;}
.serph4{ padding-left: 0px;padding-top: 350px;}
.serphname{ font-size:20px; padding:20px 0px 20px 0px;}
.serones ul li{ font-size:16px;}
.videlius{ width:85%;}
.webimg{ width:35%; right:5%;}
}

@media (max-width:1200px) {
	


.footrights ul{ float:left; padding-left:30px;}
.webmenus{ width:85%;}
.webmenus ul li{ font-size:20px;}
.webcon{ width:85%;}
.webprve{ left:2%;}
.webprve2{ right:2%;}
.webimg{ right:5%;}
.webchinatiten{ font-size:40px;}
.webchinatitcn{ font-size:64px;}
.webchiatext{ font-size:20px;}
.webchiatext span{ padding-left:4em;}
.advtiten{ font-size:40px;}
.advtitcn{ font-size:56px;}
.serwebtit{ font-size:56px;}
.advtexts{ width:85%; font-size:18px; line-height:32px;}
.advlist{ width:85%;}
.numbers{ font-size:80px;}

.wechatlb ul li{    padding: 0px 20px 0px 20px; width: 270px;}
.wechico img{ width:60%;}
.wechatnames{ font-size:18px; line-height:28px;}
.wechatlb2 ul li{ width:25%; float:left; padding:0px;}
.wechico2 img{ width:50%;}
.wechattu2{ padding-right:0%;}
.wechatlb3 ul li { width: 210px;padding: 0px 10px 0px 10px;}
.wecatprodutit{ font-size:60px;}

.applelist ul li{ height:250px;}
.applelist ul li img{ width:25%; height:auto;}
.applname{ font-size:16px;}
.appinfors{ font-size:12px;}
.hfors .toolist ul li{ height:180px;}
.toocon span{ font-size:26px;}
.toocon{ font-size:26px; line-height:50px;}

}

@media (max-width:1150px) {

.footrights ul{ float:left; padding-left:20px;}
.youlist{ width:90%;}
.numbers{ font-size:70px;}
.webname{ font-size:50px;}
.webtext{ font-size:18px; line-height:32px;}
.webchininfor{padding:15% 5% 0px 0px;}
.webimg{ right:0px; width:30%;}
.webimg2{ width:32%;}
.webimg2{ width:32%;}
}

@media (max-width:1100px) {
.shiw img{ width:100%; height:auto;}
.footrights ul{ float:left; padding-left:40px;}
.footitle{ font-size:18px; color:#fff; padding-bottom:30px;}
.footitle span{ font-size:32px;}
.footrights ul li{ font-size:12px; line-height:22px;}
.footlnt{ color:#fff; font-size:20px; padding-top:30px;}
.footexts{ font-size:12px; color:#c0c0c0; padding-top:30px; line-height:22px;}
.footel{ padding-top:20px; font-size:20px; color:#00a42e; line-height:28px;}

.newbts{ padding-left:5%; padding-top:17%; font-size:36px;}
.newinfors{ padding-right:5%; width:40%; padding-top:14%;}
.newstabs{ width:93%; height:70px;}
.newstabs ul li{ font-size:22px; line-height:70px; padding-right:3%;}
.newlist{ width:85%;}
.newtitle{ font-size:22px;}
.newswins{ font-size:14px;}
.forms{ font-size:12px; padding-top:15px;}
.more{ padding:20px 25px;}

}

@media (max-width:1000px) {
.videlius .videoicos{ background-size:25%;}
.shiwmin {
	width: 90%;
}
.shiw{ width:20%; float:none; margin:0px auto; padding-top:2rem;}
.shiwinfor{ width:100%; float:none; text-align:center;}
.shiwbt{ font-size:50px; color:#08c324;}
.shitext{ font-size:30px; color:#6f6f6f; padding-top:1rem;}
.shitext span.xiao2{ font-size:22px;}
.footrights ul{ float:left; padding-left:20px;}
.shiw img{ width:100%; height:auto;}
.footel a{ color:#00a42e;}
}

@media (max-width:998px) {
	.sidebar{ display:none;}
.shiwmin {
	width: 100%;
}
.shiw{ width:36%; float:none; margin:0px auto; padding-top:2rem;}
.shiwinfor{ width:95%; float:none; text-align:center;}
.shiwbt{ font-size:30px; color:#08c324;}
.shitext{ font-size:14px; color:#6f6f6f; padding-top:1rem;}
.shitext a{ color:#6f6f6f;}
.shitext span.xiao1{ font-size:10px; }
.shitext span.xiao2{ font-size:14px; font-weight:bold;}
.footrights ul{ float:left; padding-left:20px;}
.shiw img{ width:100%; height:auto;}

video{ display:none;}
.logoss{ display:none;}
.navtop{ display:none;}
.sjs{ display:block;}

.hero, .hero-home, .fade-vid .mobile-show{ text-align:center; padding-top:30%;}
.hero, .hero-home, .fade-vid .mobile-show .title{ font-size:40px;}

.footss{ height:510px;}
.footlogos img{ width:65%;}
.footlefts{ width:95%; margin:0px auto; float:none;}
.footrights{ display:none;}
.newlist{width:92%; padding-top:10px;}
.newlist ul li{ padding:20px 0px 20px 0px;}
.more{ display:none;}
.newsleft{ width:100%;}
.newtitle{ font-size:18px; }
.newswins{ padding-top:8px; font-size:13px;  line-height:1.7em;}
.jzgd a{ font-size:14px; width:140px; height:44px; line-height:44px;}

.hblogo img{ width:70px; height:auto;}
.tongl{ height:70px;}

.webimg{ position: relative; right:0%; bottom:0px; width:100%; height:auto; text-align: right;}
.webimg img{ width:60%;}
.webtext{ font-size:13px; color:#fff; line-height:22px; padding-top:10px; width:100%;}
.webwins{ font-size:13px; color:#fff; line-height:22px; padding-top:10px; width:100%;}

.webchinabg{ width:100%; height:800px; background:url(../himages/websites_02.jpg) no-repeat center top; position:relative; overflow:hidden;}
.webchinaimg{ float:none; padding-top:0%; position:absolute; left:0px; bottom:8%; text-align:left;}
.webchinaimg img{ width:60%; height:auto;}
.webchininfor{ float:none; padding:40px 0% 0px 0px; width:90%; margin:0px auto; text-align:center;}
.webchinatiten{ font-size:24px; color:#fff; font-family:"汉仪超粗宋简";}
.webchinatitcn{ padding-top:10px; font-size:36px; color:#fff;}
.webchiatext{ font-size:15px; color:#fff; line-height:60px; padding-top:40px;}
.webchiatext span{ padding-left:2em;}

.advanbg .advtexts{ width:90%; margin:0px auto; padding-top:25px; font-size:15px; color:#464646; line-height:30px;}
.advanbg{ width:100%; padding:60px 0px 60px 0px; background:#f4f4f4;}

.advlist{ width:90%; margin:0px auto; height:auto; background:none; margin-top:20px;}
.advlist ul li{ width:100%; font-size:14px; color:#464646; padding-top:30px; line-height:28px; height:auto;}
.advlist ul li span{ font-size:18px; color:#03da30;}
.youshis{ width:100%; height:574px; background:url(../himages/website_20.jpg) no-repeat center top;}
.youtitle{ text-align:center; color:#fff; font-size:36px; padding-top:70px;}
.youlist{ width:100%; text-align:center; margin:0px auto; padding-top:35px;}
.youlist ul li{ width:50%; float:left; text-align:center; padding-top:40px;}
.numbers{ font-size:50px; color:#fff;}
.numbertext{ font-size:16px; color:#fff;}
.webcases{ width:100%; overflow:hidden; padding-top:50px;}
.webcasetitle{ width:100%; text-align:center; font-size:36px; color:#464646; padding-bottom:30px;}
.webmorenl{ width:100%; text-align:center; padding-top:0px; padding-bottom:40px;}
.moreanli{ font-size:20px; color:#464646; display:inline-block; padding:0px 50px 0px 50px; background:url(../himages/jiant_03.png) no-repeat center right; background-size:10%;}


.webmenus{ width:90%; margin:0px auto; padding-top:80px; height: auto;}
.webmenus ul li{ float:left; font-size:19px; padding-right:0px; width:50%; line-height:34px;}
.webmenus ul li a.xz{ font-weight:bold;}
.webcon{ width:93%; margin:0px auto; padding-top:30px; z-index:50; position:relative;}
.webname{ font-size:32px; color:#fff;}
.webprve{ position:absolute; left:5%; top:45%; opacity:0.8; display:none;}
.webprve2{ position:absolute; right:5%; top:45%; opacity:0.8; display:none;}

.webtext2{ font-size:13px; color:#fff; line-height:22px; padding-top:10px; }
.webwins2{ font-size:13px; color:#fff; line-height:22px; padding-top:10px; width:100%;}
.wechatname{ position: relative; right:0px; bottom:0px; font-size:90px; padding-top:0px; color:#fff; text-align:right;}
.wechatlb{ width:100%; padding:30px 0px 20px 0px; text-align:center;}
.wechatlb ul li{ width:100%; padding:30px 0px 0px 0px; display:inline-block; vertical-align:top;}
.wechingot{ width:57%; float: left;}
.wechico{ width:40%; height:auto; text-align:center; float:left;}
.wechico img{ width:80%; height:auto;}
.wechatnames{ width:100%; line-height:26px; color:#464646; font-size:17px; padding-top:10px;}
.wechattexts{ text-align:center; width:100%; padding-top:10px; line-height:20px; color:#464646; font-size:12px;}

.wechatlb2{ width:100%; padding:30px 0px 60px 0px; text-align:center; vertical-align:top;}
.wechatlb2 ul li{ width:50%; padding:30px 0px 0px 0px;display:inline-block; text-align:center; vertical-align:top; float:left;}
.wechico2{ width:100%; height:auto; text-align:center;}
.wechico2 img{ width:50%; height:auto;}
.wechatnames2{ width:100%; line-height:30px; color:#464646; font-size:17px; padding-top:10px;}
.advanbg2{ background:#f4f4f4; width:100%; padding-top:60px;}
.wechattu{ padding-left:0%; padding-top:40px; width:96%; margin:0px auto; text-align:center;}
.wechattu ul li{ font-size:14px;}
.wechattu ul li img{ width:35%;}
.wechattu2{ padding-right:0%;  padding-top:40px; width:100%; text-align:center;}

.wechattu2 img{ width:75%;}

.advtiten{ width:100%; text-align:center; font-size:20px;color:#464646; font-family:"汉仪超粗宋简";}
.advtitcn{ padding-top:10px; font-size:26px; color:#464646; text-align:center;}
.advtitcn span{ display: inline-block; }
.advtexts{ width:75%; margin:0px auto; padding-top:45px; font-size:24px; color:#464646; line-height:34px;}

.wecatprodu{ width:100%; padding-top:30px; padding-bottom:30px;}
.wecatprodutit{ width:95%; margin:0px auto; text-align:center; font-size:30px; color:#464646;}
.wecatprodutit span{ display:block;}
.wecatprodutit2{ font-size:14px; color:#464646; text-align:center; padding-top:15px; line-height:26px; width:95%; margin:0px auto;}

.wechatlb3{ width:100%; padding:30px 0px 30px 0px; text-align:center;vertical-align:top;}
.wechatlb3 ul li{ width:46%; float:left; padding:25px 2% 0px 2%;display:inline-block; text-align:center;vertical-align:top;}

.FLOWINLET{ padding-bottom:80px;}
.webtext4{ width:100%; margin:0px auto; font-size:14px; line-height:24px; padding-top:15px;}
.advtexts3{ font-size:15px; line-height:22px; width:95%; margin:0px auto; padding-top:20px;}
.toolist{ width:95%; padding-top:30px;}
.toolist ul li{ width:50%; height:180px; text-align:center;}
.toocon span{ padding:10px 0px 0px 10px; font-size:24px;}
.whytext{ padding:0px 10px 0px 10px; font-size:12px;}
.whytext strong{ font-size:15px;}
.whytext p{ padding:5px 0px 0px 0px;}
.applibt{ padding-top:60px; font-size:20px;}
.applibt2{ font-size:32px; padding-top:20px;}
.flowlis{ width:95%; padding-top:20px;}
.flowlis ul li{ width:30%; padding-top:40px;}
.flowname{ padding-top:15px; font-size:17px;}
.flowtext{ font-size:12px; padding-top:10px;}
.applelist{ width:100%; padding-top:20px;}
.applelist ul li{ width:44%;margin:30px 2% 0px 3%; height:210px;}
.appinfors{ width:95%; margin:0px auto;}
.appinfors br{ display:none;}
.applimgs img{ width:30%;}

.webname3{ font-size:40px; padding-top:40px;}
.webtext3{ font-size:24px;}
.webwins3{ font-size:16px; padding-top:15px;}
.toocon p{ padding:0px 0px 0px 10px; font-size:13px;}
.applicas{ height:500px; padding-top:60px;}
.applitext{ font-size:15px; padding-top:40px; line-height:50px;}
.applitext .ls1{ padding-right:1em;}
.applitext .ls2{ padding-left:1em;}
.hftitle{ font-size:30px; padding-top:40px; }
.hflists{ width:100%; padding-top:20px;padding-bottom:60px;}
.hflists ul li{ width:50%; height:auto; padding-top:20px;}
.hflists ul li a{ margin:0px auto; font-size:15px; line-height:30px;}
.hflists ul li a p{ opacity:1;}

.webimg2{ width:60%;}
.webimg2 img{ width:100%; height:auto; z-index:0;}
.serwebtit{ font-size:30px; padding-top:30px;}
.serphotos{ background:none; height:auto; margin-top:0px;}
.sermins{ width:100%; text-align:center;}
.serones{ width:49%; position:relative; display:inline-block; vertical-align:top; float:none; margin-top:30px;}
.serones ul li{ font-size:14px; line-height:24px;}
.serphname{ font-size:18px; padding:0px 0px 0px 0px; width:100%; text-align:center; position:absolute; left:0px; top:0px;}
.serph1{ padding-left:0px; padding-top:30px; }
.serph2{ padding-left:0px; padding-top:30px; }
.serph3{ padding-left:0px; padding-top:30px;}
.serph4{ padding-left:0px;padding-top:30px; }

.videlius{ width:100%; padding-top:30px;}
.videlius ul li{ width:50%; line-height:34px; font-size:18px;}
.videoduan{ width:100%;}
.videoduan ul li{ width:50%; padding-top:20px;}
.videoplays{ opacity:1; font-size:15px; line-height:30px; top:25%;}
.videomore{ padding-top:30px; font-size:22px;}

.yuncons .applibt{ text-align:center;}
.yuncons .applibt2 {text-align:center;}
.yuntexts{ width:95%; padding-top:50px; font-size:16px; line-height:32px;}
.yunwei{ height:700px;}

.sslcons{ width:90%;}
.ssleft{ width:100%; font-size:15px; line-height:28px; float:none;}
.ssleft span{ font-size:20px;}
.safno{ display:none;}
.sslright{ width:100%; padding-top:30px; float:none;}
.sslshp{ width:100%; float:none;}
.sslnames{ padding-top:40px; font-size:22px; line-height:32px;}

.zhengshu{ width:95%; margin:0px auto; padding-top:20px;}
.zhengshu ul li{ width:100%; padding: 20px 0% 0px 0%;}
.zhenname{ font-size:20px; padding-top:15px;}
.zhentext{ font-size:14px; padding-top:15px;}


}