/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,section, article, aside, header, footer, nav, dialog, figure,menu,iframe{ margin:0; padding:0; border:0; -webkit-font-smoothing:antialiased; font-family:"Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif; }
html{ -webkit-text-size-adjust:none;}
body{ font-size:62.5%; line-height:24px; background:#fff;  -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased;  font-smoothing: antialiased;  color:#333;}
input,textarea{ font-family:"Microsoft YaHei"; border-radius:0; background: #fff;border: 0; -webkit-appearance: none;}
img{ border:none;vertical-align:middle; -ms-interpolation-mode: bicubic; max-width:100%;}
ul,li{ list-style:none;}
a{ text-decoration:none; color:#333; outline:none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; }
a:hover{ color:#2ab2f1;}
input:focus,textarea:focus{ outline:none; }
.or{ overflow:hidden;}
h1,h2,h3{ font-weight:normal; font-size:28px;}
.tc{ text-align:center;}
.tl{ text-align:left;}



@media (min-width: 1280px) {
  .container {width:1280px;  }
}

.container{ margin:0 auto; }
.container:before,.container:after {display: table;content: " ";}
.container:after {clear: both;}.container:before,
.container:after {display: table;content: " ";}
.container:after {clear: both;}
/*头部导航*/
.navbarshow{ background-color:#454544; box-shadow:0 3px 5px 1px #454544;}
.navbarbck{ background-color:#fff; box-shadow:0 3px 5px 1px #f0f0f0;}
.navbar-header {float: left;}
.navbar-fixed-top{position:fixed; left:0; top:0; width:100%; z-index:9999999;}
.navbar { height:70px; border-bottom: 1px solid #d8d8da; font-size:16px;}
.navbar:before,
.navbar:after {display: table;content: " ";}
.navbar:after {clear: both;}
.navbar:before,
.navbar:after {display: table;content: " ";}
.navbar:after {clear: both;}
.navbar-header:before,
.navbar-header:after {display: table;content: " ";}
.navbar-header:after {clear: both;}
.navbar-header:before,
.navbar-header:after {display: table;content: " ";}
.navbar-header:after {clear: both;}
.navbar-brand {float: left; width:370px; height:29px;  background:url(../images/logo.png) no-repeat; text-indent:-100000px;}
.navbar-collapse {max-height:380px;padding-right: 15px;padding-left: 15px;overflow-x: visible;border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);-webkit-overflow-scrolling: touch;}
.navbar-collapse:before,
.navbar-collapse:after {display: table;content: " ";}
.navbar-collapse:after {clear: both;}
.navbar-collapse:before,
.navbar-collapse:after {display: table;content: " ";}
.navbar-collapse:after {clear: both;}
.navbar-collapse.in {overflow-y: auto; padding:10px 0;}

.nav {padding-left: 0;margin-bottom: 0;list-style: none;}
.nav:before,.nav:after {display: table;content: " ";}
.nav:after {clear: both;}
.nav:before,.nav:after {display: table;content: " ";}
.nav:after {clear: both;}

.navbar-nav {float:left;margin-left:30px;}
.navbar-nav > li {float: left; margin:0 5px;}
.navbar-nav > li > a { padding:0 10px; line-height:67px; display:block; }
.navbar-nav > li.active a,.navbar-nav > li a:hover{ border-bottom:3px solid #14a6eb; color:#14a6eb;}
.navbar-nav.navbar-right:last-child {}
.navbar-brand{ margin:18px 0 0 0;}

.navbar-left {float: left !important;}
.navbar-right {float: right !important;}

.navbar-right{ padding-top:15px;}
.navbar-right a{ color:#1cafe5;}
.navbar-right a.bt1{ width:98px; height:28px; border:2px solid #1cafe5; margin-right:25px; border-radius:20px; text-align:center; line-height:28px; display:inline-block;}
.navbar-right a.bt1:hover{ background-color:#12ade1; color:#fff;}
.navbar-right a.bt1:active{ background-color:#0295c8; color:#fff;}
.navbar-right a.bt2:hover{ color:#0295c8;}

/*footer*/
.footerlogo{ width:224px; height:24px; float:left; margin-top:95px;}
.footerkf{ float:left; width:670px; padding-top:87px; margin-left:40px;}
.footerkf dl{ float:left; width:280px;}
.footerkf dl dt{ float:left; width:65px; border-right:1px solid #343b41; text-align:center; height:45px; vertical-align:middle; display:table-cell;}
.phone{ background:url(../images/phone.png) no-repeat center center;}
.mail{ background:url(../images/mail.png) no-repeat center center;}
.footerkf dl dd{ margin-left:65px; color:#fff; padding-left:20px;}
.footerkf dl dd h3{ font-size:14px; line-height:10px;}
.footerkf dl dd p{ font-size:14px; padding-top:15px;}
.footermbb{ float:left; padding-top:72px;}
.footermbb dl{ float:left; margin-left:50px; position:relative;}
.footermbb dl dt{ width:40px; height:40px; margin:0 auto;}
.wx{ background:url(../images/wechat_.png);}
.footermbb dl a:hover .wx{ background:url(../images/wechat_hover.png);}
.fs{ background:url(../images/qq_C.png);}
.footermbb dl a:hover .fs{ background:url(../images/qq_C_hover.png); color:#14a6eb;}
.wb{ background:url(../images/sina_weibo.png);}
.footermbb dl a:hover .wb{ background:url(../images/sina_weibo_hover.png);}
.footermbb dl dd{ padding-top:8px; color:#fff;}
.footetop{ height:208px; border-bottom:1px solid #444c56;}



.footbot{ font-size:14px; text-align:center; color:#99a0a6; padding:10px 0;}
.footbot a{ padding:0 20px; color:#99a0a6;}
#footer{ background-color:#24333f;}
#footer2{ background-color:#f3f6f7; color:#666;}
#footer2 .footerkf dl dd,#footer2 .footermbb dl dd{ color:#666; font-size:12px;}
#footer2 .footetop{ border-bottom:1px solid #e2e2e2;}
#footer2 .footerkf dl dt{ border-right:1px solid #e2e2e2;}

#footer3{  color:#666;}
#footer3 .footerkf dl dd,#footer3 .footermbb dl dd{ color:#ccc; font-size:12px;}
#footer3 .footetop{ border-bottom:1px solid #5c5958;}
#footer3 .footerkf dl dt{ border-right:1px solid #3f3e3d;}

.sdkfooter{ background-color:#24333f; overflow:hidden;  }
.sdktops{ border-bottom:1px solid #e2e2e2; padding-bottom:100px; }
.sdkfooterlogo{width:224px; height:24px; float:left; margin-top:201px;}
.sdkfootkf{ width:512px; float:left; margin-left:45px; padding-top:48px;}
.sdkfooterkf dl{ margin-top:50px;}
.sdkfooterkf dl dt{ float:left; width:65px; border-right:1px solid #3e474f; text-align:center; height:45px;}
.sdkfooterkf dl dd{ margin-left:65px; color:#fff; padding-left:20px;}
.sdkfooterkf dl dd h3{ font-size:14px; line-height:10px;}
.sdkfooterkf dl dd p{ font-size:14px; padding-top:15px;}
.sdkphone{ background:url(../images/phone.png) no-repeat center center;}
.sdkmail{ background:url(../images/mail.png) no-repeat center center;}
.cl{ clear:both;}
.sdkfootermbb{ padding-top:40px;}
.sdkfootermbb dl{ width:70px; margin-right:30px; text-align:center; float:left; color:#fff; position:relative;}
.sdkfootermbb dl a{ color:#fff;}
.sdkfootermbb dl dt{ width:40px; height:40px; margin:0 auto;}
.sdkfootermbb dl dd{ margin-top:7px; font-size:12px;}
.sdkcontlx{ line-height:30px; font-size:14px; color:#fff; padding-top:87px;}

.section4 .footerkf dl dd{ color:#ccc;}

.sdkfootermbb dl a:hover .wx{ background:url(../images/wechat_hover.png);}
.sdkfootermbb dl a:hover .fs{ background:url(../images/qq_C_hover.png); color:#14a6eb;}
.sdkfootermbb dl a:hover .wb{ background:url(../images/sina_weibo_hover.png);}
.footermbb dl a:hover .weibots,.footermbb dl a:hover .qqbots,.sdkfootermbb dl a:hover .weibots,.sdkfootermbb dl a:hover .qqbots{ display:block;}

.varpic{ width:35px; height:35px; border-radius:50%; background-color:#e1e1e1;}
.haslogin{ position:relative; height:55px;z-index: 1000;}
.haslogin a.username{ float:left; max-width:105px; padding-top:5px; margin-left:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.varpic{ float:left;}
.haslogin i{ width:8px; height:5px; float:left; margin-left:10px; background:url(../images/down.png); margin-top:15px;}
.sliderlogin{ width:170px;  position:absolute; right:0px; top:51px; background-color:#fff; box-shadow:3px 3px 5px #000; display:none;}
.sliderlogin p{ height:40px; line-height:40px;}
.sliderlogin p:first-child{ border-bottom:1px solid #e1e1e1;}
.sliderlogin p a{ display:block; padding-left:25px; color:#666;}
.sliderlogin p a:hover{ background-color:#12aee1; color:#fff;}

/*导航 新加下拉*/
.navbar-nav > li{ position:relative;}

.nav-hasul{ position:absolute; left:0; top:70px; z-index:9999; width:130px; background-color:#bcbec0; padding-bottom:10px; display:none;}
.navbar-nav > li:hover .nav-hasul{ display:block;}
.navbar-nav > li:hover .nav-hasul p,.navbar-nav > li .nav-hasul p{ height:30px; line-height:30px;padding-top:5px;}
.navbar-nav > li:hover .nav-hasul p a,.navbar-nav > li .nav-hasul p a{border-bottom:0; padding-left:10px; color:#333;}
.navbar-nav > li:hover .nav-hasul p a:hover,.navbar-nav > li .nav-hasul p a:hover{ border-bottom:0; color:#0295c8;}

/*英文版底部*/
.foot_en{height:55px;background-color:#17242d;width:100%;}
.section4 .foot_en{position:absolute;bottom:70px;}
.foot_en_cont{width:100%; max-width:940px; margin:0 auto;}

.foot_en_copy{float:left;color:#ccc;font-size:12px;line-height:55px;}
.foot_en_btn{float:right;}
.foot_en_btnone{cursor:pointer;float:left;margin-right:14px;width:27px;height:55px;background:url(../images/foot-en-icon1.png) no-repeat center;}
.foot_en_btntwo{cursor:pointer;float:left;margin-right:14px;width:27px;height:55px;background:url(../images/foot-en-icon4.png) no-repeat center;}
.foot_en_btnthree{cursor:pointer;float:left;margin-right:14px;width:27px;height:55px;background:url(../images/foot-en-icon5.png) no-repeat center;}
.foot_en_btnfour{cursor:pointer;float:left;margin-right:14px;width:27px;height:55px;background:url(../images/foot-en-icon3.png) no-repeat center;}
.foot_en_btnfive{cursor:pointer;float:left;width:27px;height:55px;background:url(../images/foot-en-icon2.png) no-repeat center;}


.log_third_btn {
  margin-right: 30px;
}
.foot_en_copy a{color:#ccc;margin-left:15px;}


@media screen and (min-width: 980px) and (max-width:1100px){
	.navbar-nav > li > a{font-size:13px;}
	.navbar-right a{font-size:13px;}
	.haslogin a.username{ float:left; width:90px;}
	.navbar-nav {margin-left:30px;}
	.navbar-nav > li:hover .nav-hasul p a, .navbar-nav > li .nav-hasul p a{font-size:13px;}
}
@media screen and (min-width: 240px) and (max-width:980px){
	.navbar-nav > li > a{font-size:12px;}
	.navbar-right a{font-size:12px;}
	.haslogin a.username{ float:left; width:90px;}
	.navbar-nav {margin-left:20px;}
	.navbar-nav > li:hover .nav-hasul p a, .navbar-nav > li .nav-hasul p a{font-size:12px;}
	.foot_en_cont{width:100%;margin:0 auto;}

	.foot_en{height:130px;}
	.section4 .foot_en{bottom:0;}
	.foot_en_copy{float:none;color:#ccc;font-size:12px;line-height:55px;text-align: center;}
	.foot_en_btn{float:none;line-height:55px; background-color: #17242d;text-align: center;}
	.foot_en_btn a{float:none;display:inline-block;zoom:1;*display:inline; *zoom:1;vertical-align:top;}
}

.foo_pl_section {
	padding-top: 50px;
	padding-bottom: 30px;
    background: #17242d;
}

body.home .foo_pl_section {
	position: absolute;
	bottom: 125px;
	padding-top: 20px;
	padding-bottom: 5px;
	width: 100%;
}

.foo_pl_section.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
.foo_pl_container {
	max-width: 940px;
	width: 100%;
	margin: 0 auto;
}
.foot_en {
	padding-top: 0px;
}
.foot_pl_cont p {
    font-size: 16px;
    color: #fff;
}
.foot_pl_cont h3 {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 12px;
}
.foot_pl_cont ul {}
.foot_pl_cont ul li {}

.foot_pl_cont p a,
.foot_pl_cont ul li a {
    font-size: 16px;
    color: #fff;
}
.foot_pl_cont ul li a:hover {
	text-decoration: underline;
}

@media (min-width: 768px) {
	.foot_pl .col-sm-3,
	.foot_pl .col-sm-6 {
		float: left;
		position: relative;
		min-height: 1px;
	}
	.foot_pl .col-sm-6 {
		width: 46%;
	}
	.foot_pl .col-sm-3 {
		width: 27%;
	}
}
/* CSS Document */
.sbboxphone,.phonetsboxauto,.autodds,.phoneboxt,.phonedd,.phoneindex3box,.pctcbox { display:none;}
.sdktops .cl{ clear:none;}
.scrollpic{max-width:1000px; min-height:200px; margin:20px auto;  }
#myscroll{display:block; width:960px; height:278px; position:relative; overflow:hidden; float:left;}
#myscroll #myscrollbox{display:block; float:left; position:absolute; left:0; top:0; width:1000000px;}
#mybtns a:hover{background-color: #d7000f;}
#mybtns a:hover, #myscroll, #mybtns a,#myscroll a:hover .intro, #myscroll a .intro,#myscroll #myscrollbox{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.prodboxauto{ display:none;}
.webdes dl dd.weblinkauto{ display:none;}
.navbar-menu{ display:none;}
.navbar-auto{ display:none;}

#superContainer { height: 100%;  position: relative;}
.section { position: relative; overflow: hidden;}
.section1{ background:url(../images/indexbg.png) center 70px no-repeat #f1f1f5; padding-top:70px; width:100%;  background-size:contain;}

.section1cont{  padding-top:1.5rem; text-align:center;}
.section1cont dt img{}
.section1cont dd img{}
.section1cont dd{ margin-top:0.8rem;}
.line4{ width:65px; padding-top:20px; border-bottom:2px solid #dbdfe6; display:inline-block; overflow:hidden;}

.linkdd{ padding-top:20px;}
.linkdd a{ display:inline-block; width:178px; height:43px; border:2px solid #1cafe5; line-height:43px; border-radius:25px; font-size:22px; color:#1cafe5;}
.yun{ width:100%; background:url(../images/yun.png) no-repeat center top; background-size:cover; height:20.12rem; position:absolute; left:0; bottom:0;}

.i1ipad{ position:absolute; top:18rem; left:50%; margin-left:-22.53rem;}

.section .container{  position:relative;}
.section1 .container{ height:100%;}
.tybt{ width:170px; height:170px; float:left;}
.tybt a{ display:block; font-size:16px; color:#12aee1; padding-top:105px; height:65px;}
.tybt a:hover{ color:#fff;}
.typebnt{ text-align:center; position:absolute; width:100%; bottom:130px; left:0; z-index:1000;}
.bnt1s{ margin-left:160px;}
.bnt2s{ margin-left:220px; margin-right:220px;}
.bnt1s a{ background:url(../images/1s.png) no-repeat center center;}
/* .bnt1s a:hover{ background:url(../images/1shover.png) no-repeat center center; background-size:contain;} */
.bnt2s a{ background:url(../images/2s.png) no-repeat center center; }
/* .bnt2s a:hover{ background:url(../images/2shover.png) no-repeat center center; background-size:contain;} */
.bnt3s a{ background:url(../images/3s.png) no-repeat center center;}
/* .bnt3s a:hover{ background:url(../images/3shover.png) no-repeat center center; background-size:contain;} */

.typebnt2{ position:absolute; bottom:100px; width:100%; text-align:center;}

.tybt2{ width:91px; height:91px; display:inline-block;}
.bntt2s{ margin:0 160px;}
.tybt2 a{ display:block; height:91px;}
.bntt1s a{ background:url(../images/c01.png) no-repeat center center; background-size:cover;}
.bntt1s a:hover,.bntt1s.onhover a{ background:url(../images/c01h.png) no-repeat center center; background-size:cover;}
.bntt2s a{ background:url(../images/c02.png) no-repeat center center; background-size:cover;}
.bntt2s.onhover a,.bntt2s a:hover{ background:url(../images/c02h.png) no-repeat center center; background-size:cover;}
.bntt3s a{ background:url(../images/c03.png) no-repeat center center; background-size:cover;}
.bntt3s.onhover a,.bntt3s a:hover{ background:url(../images/c03h.png) no-repeat center center; background-size:cover;}
.section1cont dd.webdds{ font-size:22px; line-height:28px;}
.section2{ padding-top:70px;}
.section2cont{  padding-top:60px; text-align:center; color:#666;}
.section2cont dt{ font-size:30px; font-weight:normal; padding-bottom:30px; }
.section2cont dd{ font-size:18px; line-height:28px;}

.sec2minbox01{ height:620px; background:url(../images/indextep2bg.png) no-repeat center bottom;}
.windowsec{ width:550px; height:272px; margin:66px auto 0; position:relative;}
.windowsec i{ display:block; position:absolute;}
.imdw{ width:58px; height:58px; left:-150px; top:-20px;}
.imwb{ width:64px; height:64px; left:-30px; top:130px;}
.imip{ width:58px; height:58px; top:-30px; right:140px;}
.imjpg{ width:58px; height:58px; top:-50px; right:-140px;}
.impc{ width:72px; height:72px; top:35px; right:-45px;}
.imdoc{ width:43px; height:43px; top:160px; right:0px;}

.section3{ padding-top:70px;}
.section3cont{ padding-top:2.5rem; text-align:center; color:#666; font-size:20px;}
.index3mk{ width:256px; height:256px; float:left;}
.index3box{ padding-top:2.5rem;}
.wz{ font-size:16px; text-align:center; line-height:30px; color:#333; background-color:#f6f6f6;}
.wz p{ padding-left:24px; padding-right:24px; padding-top:56px;line-height:24px;}

@media screen and (max-width: 544px) {
	.wz p{ padding-left:10px; padding-right:10px; padding-top:35px;line-height:21px; font-size: 14px;}
}

.section4{ margin-top:70px; width:100%; background-color:#f3f6f7;}
.index4bg{ background:url(../images/index4bg.png) no-repeat center top; height:100%;background-size:cover;}
.section4cont{  padding-top:48px; text-align:center;}
.section4cont dt h2{ font-size:30px; height:30px; line-height:30px; color:#fff; font-weight:normal; }
.section4cont dt{ padding-bottom:20px;}
.section4cont dd{ font-size:24px; color:#fff; line-height:32px;}
.linkdd2{ padding-top:30px;}
.linkdd2 a{ display:inline-block; width:178px; height:43px; border:2px solid #12ade1; background-color:#12ade1; line-height:43px; border-radius:25px; font-size:22px; color:#fff;}
.linkdd a:hover{ color:#fff; background-color:#12ade1;}
.linkdd a:active{ color:#fff; background-color:#0295c8;}
.linkdd2 a:hover{ color:#fff; background-color:#0295c8;}
.line2{ width:53px; padding-top:20px; border-bottom:2px solid #0e90f8; display:inline-block; overflow:hidden;}
.hasmember{ padding-top:30px; font-size:22px; color:#fff;}
.hasmember a{ color:#12ade1;}

.pctsmweb input{ width:95%; padding-left:5%; height:3rem; line-height:3rem; font-size:14px; border:1px solid #ddd; margin-top:2rem;}
.linksubmit{ padding-top:1.5rem; text-align:center;}
.linksubmit a{ width:50%; height:3rem; line-height:3rem; font-size:16px; border-radius:3rem; text-align:center; color:#fff; background-color:#12ade1; display:inline-block;}



/*右侧隐蔽导航*/
#fullPage-nav { font-size: 12px; }
#fullPage-nav li { width:8px; height:8px; margin: 10px 0 0; vertical-align: middle;}
#fullPage-nav li a { float: right; width:8px; height:8px; color: #8F9DA4; text-decoration: none; text-align:right; background-color:#fff; border-radius:50%; border:1px solid #12aee1;}
#fullPage-nav li .active { background-color:#12aee1; border:1px solid #fff;}
#fullPage-nav span { display: none;}
.fullPage-tooltip { float: left; top: 0; margin-right: 5px; font: 12px "Microsoft Yahei"; color: #8F9DA4; line-height: 21px;}
#fullPage-nav {position: fixed;z-index: 100;margin-top: -32px;top: 50%; opacity: 1;}
#fullPage-nav.right { right: 17px;}
#fullPage-nav.left {left: 17px;}
.fullPage-slidesNav {position: absolute;z-index: 4;left: 50%;opacity: 1;}
.fullPage-slidesNav.bottom {bottom: 17px;}
.fullPage-slidesNav.top {top: 17px;}
#fullPage-nav ul,
.fullPage-slidesNav ul {margin: 0;padding: 0;}
#fullPage-nav li,
.fullPage-slidesNav li {display: block;width: 8px;height: 8px;margin:8px;position:relative;}
.fullPage-slidesNav li {display: inline-block;}
#fullPage-nav li a,
.fullPage-slidesNav li a {display: block;position: relative;z-index: 1;width: 100%;height: 100%;cursor: pointer;text-decoration: none;}
#fullPage-nav li .active span,
.fullPage-slidesNav .active span {background: #333;}
#fullPage-nav span,
.fullPage-slidesNav span {top: 2px;left: 2px;width: 8px;height: 8px;border: 1px solid #000;background: rgba(0, 0, 0, 0);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: absolute;z-index: 1;}
.fullPage-tooltip {position: absolute;color: #fff; top: -2px;}
.fullPage-tooltip.right {right: 20px;}
.fullPage-tooltip.left {left: 20px;}


/*企业版*/
.barh2{ text-align:center; padding-top:60px; }
.barh2 h2{ font-size:30px;}
.qybanner{ height:565px; background:url(../images/qybanner.png) no-repeat center top; }
.qybanner .container{ position:relative;}
.qybdt{ position:absolute; top:150px; right:100px;}
.contdes{ float:left; color:#fff; padding-top:200px; margin-left:20px;}
.contdes dt{}

.contdes dd{ padding-top:30px;}
.tsboxmin{ margin-left:-20px; padding-top:40px;}
.tsitem{ width:411px; height:298px; text-align:center; border:1px solid #dcdcdc; border-radius:5px; float:left; margin-top:20px; margin-left:20px;}
.tsitem dl{ padding-top:40px;}
.tsitem dl dt{}
.tsitem dl dd{ font-size:18px; line-height:30px; padding-top:28px; color:#666;  padding-left:1rem; padding-right:1rem;}
.sbbox{ position:relative; height:730px; margin-top:94px;}
.sbboxleft{ position:absolute; left:0; width:50%; height:730px; background:url(../images/do2.png) no-repeat right;}
.sbbox .sbboxleft.onbg{ background:url(../images/do.png) no-repeat right;}
.sbboxright{ position:absolute; right:0; width:50%; height:730px; background:url(../images/do2h.png) no-repeat left;}
.sbbox .sbboxright.onbg{ background:url(../images/doh.png) no-repeat left;}
.sbcont{ z-index:10000; position:relative; color:#fff;}
.sbcont .line3{width:53px; padding-top:20px; border-bottom:2px solid #fff; display:inline-block; overflow:hidden;}
.linkdd3{ padding-top:18px;}
.linkdd3 a{ display:inline-block; width:178px; height:43px; border:2px solid #1cafe5; line-height:43px; border-radius:25px; font-size:22px; color:#1cafe5;}
.sbcont dl{ text-align:center; padding-top:95px;}
.sbleft{ width:50%; float:left;}
.sbcont dl .ftz30{ font-size:30px; line-height:48px; padding-top:30px;}
.sbcont dl .ftz14{ font-size:14px; line-height:30px; padding-top:10px; height:75px; overflow:hidden; }
.linkdd6{ padding-top:60px;}
.linkdd6 a{ display:inline-block; width:178px; height:43px; border:2px solid #1cafe5; color:#1cafe5; line-height:43px; border-radius:25px; font-size:22px;}

.sbbox:hover .sbcont a{ color:#fff; border:2px solid #fff;}
.qylist{ padding-top:78px;}
.qylist ul{ margin-left:-20px;}
.qylist ul li{ width:400px; height:240px; background-color:#fff; float:left; margin-top:20px; margin-left:20px; text-align:center;}
.qylist ul li p{ height:240px; width:400px; text-align:center; display:table-cell; vertical-align:middle;  }
.hzqy{ background-color:#f3f3f3; overflow:hidden; padding-bottom:102px;}


/*电脑版*/
.pcheader{ border-bottom:1px solid #6f706f;background-color:#797878;}
.pcheaderbg{ background-color:#454544;}
.pcheader a{ color:#fff;}
.pcheader .navbar-brand{ background:url(../images/logo2.png) no-repeat left center;}
.pcbanner{ background:url(../images/pcbanner.png) no-repeat center center; background-size:cover; height:663px; position:relative;}
.pcdes{ padding-top:85px;}
.pcdes dl{ text-align:center; color:#fff;}
.pcdes dl dt{ font-size:50px; height:50px; line-height:50px;}
.pcdes dl dt .pct01{ font-family:"兰亭特黑简"; padding-right:45px; font-weight:bolder;}
.pcdes dl dd{ font-size:22px; padding-top:35px;}
.downlink{}
.downlink a{font-size:18px; width:250px; height:45px; border-radius:30px; background-color:#12aee1; display:inline-block; color:#fff; line-height:45px; margin:0 10px;text-align:left;}
.bit_downlink a{display: inline-block;margin:0 10px;max-width:258px;}
.win{margin-left:10px; display:inline-block; width:20px; height:20px; vertical-align:middle; background:url(../images/win.png) no-repeat; background-size:100%;margin-right:5px;}
.pcimg{ position:absolute; width:100%; text-align:center; left:0; bottom:-60px;}
.pctsbox{ height:800px; background-color:#7cc25a; margin-top:100px;}
.pctsimg{ float:left; padding-top:115px;}
.proditem{ padding-bottom:20px; overflow:hidden;}
.proditem .prodinfo{ color:#666;}
.proditem .prodinfo dt{ font-size:30px; line-height:48px;}
.proditem .prodinfo dd{ font-size:18px; line-height:28px; margin-top:30px;}
.pr01 .prodimg{ float:right; width:45%; text-align:center;}
.pr01 .prodinfo{ float:left; text-align:left; width:52%; padding-top:0;}
.pr02 .prodimg{ float:left; width:45%; text-align:center;}
.pr02 .prodinfo{ float:right; text-align:left; width:50%; padding-top:110px;}
.prodbox{ padding-top:145px;}
.mrt30{ margin-top:30px;}
.pctsinfo{ float:left; margin-left:60px; color:#fff; width:30%; padding-top:30px;}
.pctsinfo dl{ margin-top:35px;}
.pctsinfo dl dt{ font-size:24px;}
.pctsinfo dl dt img{ vertical-align:middle; margin-right:15px;}
.pctsinfo dl dd{ font-size:16px; line-height:30px; padding-top:15px;}
.doownbox{ background:url(../images/downbg.png) no-repeat center center; height:680px; background-size:cover;}
.downitem{ width:600px; float:left; position:relative; margin-top:110px; margin-left:40px;}
.downitem dl{ color:#fff; text-align:center; position:relative; z-index:1000; margin-top:50px; padding-top:80px; height:185px; border:1px solid #777;}
.downitem dl dt{ font-size:24px;font-weight:bold;}
.downitem dl dd{ font-size:14px; line-height:30px; padding-top:15px;}
.linkdd4{ padding-top:20px;}
.linkdd4 a{ display:inline-block; width:160px; height:40px; border:1px solid #1cafe5; line-height:40px; border-radius:25px; font-size:18px; color:#12aee1;}
.linkdd4 a:hover{ color:#fff; background-color:#12aee1;}
.downctms{ width:598px; height:265px; background-color:#777; opacity:0.1;  position:absolute; left:0; top:50px;}
.downimg{ position:absolute; width:100%; top:0; left:0; text-align:center; z-index:8000;}
.downitem:hover .downctms{ background-color:#12aee1;}
.downitem:hover dl{ border:1px solid #12aee1;}

/*网页版*/
.webbanner{ height:662px; background:url(../images/webbannerimg.png) repeat-x left bottom; position:relative;}
.webbanner .container{ height:662px; position:relative;}
.webdes{ padding-top:200px; float:left; position:relative; z-index:9999;}
.webdes dl{  color:#fff;}
.webdes dl dt{ font-size:50px; height:50px; line-height:50px; color:#333;}
.webdes dl dt .pct01{ font-family:"兰亭特黑简"; padding-right:33px; font-weight:bolder;}
.webdes dl dd{ font-size:18px; padding-top:35px; color:#666;}
.weblink{}
.weblink a{ width:145px; text-align:center; height:40px; border-radius:30px; border:1px solid #12aee1; color:#12aee1; background-color:#fff; display:inline-block;  line-height:40px; margin-right:20px;}
.weblink a:hover,.weblink a.activelink{ background-color:#12aee1; color:#fff;}
.webimg{ position:absolute; width:640px; height:428px; right:30px; bottom:-80px;}
.webtsimg{ float:left; padding-top:165px; }
.webtsbox{ background-color:#45da77; height:865px; margin-top:100px;}
.section5{ background:url(../images/webye.png) no-repeat center center; margin-top:70px; background-size:cover; width:100%;}
.webfast2{background:url(../images/webye.png) no-repeat center center; height:662px;}
.webpf{ position:absolute; right:0; top:20px; background:url(../images/webpf.png) no-repeat; width:792px; height:434px;}
.opleft{ float:left; width:35px; margin-top:50px; cursor:pointer;}
.opright{ float:right; width:35px; margin-top:50px; cursor:pointer;}
.opentcont{}
.opentcont ul{ padding-top:30px; float:left;}
.opentcont ul li{ float:left; width:172px; height:172px; overflow:hidden; margin-left:20px;  background:#fafaff;}
.opentcont ul li img{ width:172px; height:111px;}
.opentcont ul li .txt{ border:1px solid #e0e0e0; padding:0 10px 5px 10px;}
.opentcont ul li h2{ font-size:14px; color:#333; padding-top:5px; height:25px; line-height:25px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.opentcont ul li p{ font-size:14px; color:#999;}
.opentlbox{ width:1060px; height:277px; background-color:#fff; box-shadow:8px 8px 30px #dbdbdb,-8px -8px 30px  #dbdbdb;  position:absolute; display:none; z-index:999999; left:50%; top:50%; margin:-137px 0 0 -530px;}
.close{ background:url(../images/close.png) no-repeat; width:24px; height:24px; position:absolute; right:20px; top:14px;}
.close a{ display:block; height:24px; cursor:pointer;}
.opentls{ color:#333; font-size:18px; text-align:center; line-height:50px; border-bottom:1px solid #e5e5e5;}


.ladaycont{ width:890px; height:620px; position:fixed; left:50%; top:50%; margin-left:-445px; margin-top:-310px; background-color:#fff; z-index:100001; display:none;}
.laday{ width:100%; height:100%; position:fixed; left:0; top:0; background-color:#000; opacity:0.7; z-index:100000; display:none;}
.ladayconttop{ line-height:40px; height:40px; border-bottom:1px solid #e0e0e0; padding:0 20px; font-size:16px; color:#666;}
.ladayconttop a{ float:right; font-size:30px; color:#b9c3cd;}
.ladycontbox{ font-size:14px; color:#666; height:580px;  overflow:hidden; overflow-y:auto; line-height:30px;}
.ladycontbox p{ padding:10px 0;}
.ladycontboxmin{ padding:0 25px;}

.webkeynav{ text-align:center; position:absolute; width:100%; height:4px; bottom:40px; z-index:999;}
.webkeynav span{ width:60px; height:4px; background-color:#4b425b; display:inline-block; margin:0 5px; cursor:pointer;}
.webkeynav span.onm{ background-color:#12aee1;}





/*下载*/
.section6{ background:url(../images/downbgs.png) no-repeat center center; background-size:cover; width:100%; margin-top:70px;}
.downitembox{ width:30%; height:440px; background-color:#fff; border-radius:4px; text-align:center; float:left; margin-left:20px;}
.downitembox:nth-child(2){ margin-left:40px;}
.downitembox:hover{ box-shadow:3px 3px 3px 3px #12aee1,-3px -3px 3px 3px #12aee1;}
.downdesm{ padding:50px 0 40px; font-size:24px; color:#fff; text-align:center;}
.downimgs{ margin-top:40px;}
.downtitle{ font-size:20px; color:#666; padding-top:20px;}
.downdes{ font-size:14px; line-height:24px; color:#666; padding:15px 40px;}
.downstylink{ height:73px; margin-bottom:10px;}
.downstylink a{ width:190px; height:45px; border-radius:30px; font-size:16px; background-color:#12aee1; display:inline-block; color:#fff; line-height:45px; vertical-align:middle;}
.phonelinks a{ margin-right:68px; text-align:center;}
.downss{ line-height:20px;}
.downss span{ font-size:12px;}
.dador{ background:url(../images/dadros.png) no-repeat; width:22px; height:26px; display:inline-block; vertical-align:middle; margin-right:11px;}
.diphon{ background:url(../images/diphon.png) no-repeat; width:22px; height:25px; display:inline-block; vertical-align:text-bottom; float:left; margin-top:10px; margin-left:25px;}
.dalink{background:url(../images/dlink.png) no-repeat; width:26px; height:26px; display:inline-block; vertical-align:middle; margin-right:11px;}
.downstylink img{ margin-left:10px; vertical-align:middle;}
.sliderb{ width:17px; height:12px; background:url(../images/sliuder.png) no-repeat; position:absolute; left:50%; margin-left:-14px; z-index:999999; bottom:100px;}

/*手机版*/
.phonebanner{ height:800px; background:url(../images/phonebannerbg.png) no-repeat center top; background-size:cover; position:relative;}
.phonedes{ padding-top:200px; float:left; margin-left:40px;}
.phonedes dl{  color:#fff;}
.phonedes dl dt{ font-size:50px;  line-height:70px;}
.phonedes dl dt .pct01{ font-family:"兰亭特黑简"; padding-right:31px; font-weight:bolder;}
.phonedes dl dd{width:53%; font-size:22px; padding-top:30px; line-height:28px;}
.phonelinks{ padding-top:55px; height:45px;}
.phonedes dl dd.phoneimgst{ padding-top:10px;}
.phoneimgst img{ margin-left:40px; margin-right:100px;}
.phoneimg{ width:667px; height:565px; position:absolute; bottom:0; right:85px;}
.phonetsbox{ height:935px; background:url(../images/mobilebg.png) no-repeat center bottom #ecf3f5; margin-top:50px;}
.minnavp{ width:350px; float:left; margin-top:195px;}
.phonebox{ width:308px; height:594px; float:left; background:url(../images/phonebox.png) no-repeat center top; margin:148px 128px 0;}
.phonenavt{ height:152px; color:#666; position:relative; margin-bottom:20px;}
.phonenavt dl{ padding:15px 18px;}
.phonenavt dt{ font-size:20px; height:42px; line-height:42px; background-repeat:no-repeat;}
.phonenavt dd{ font-size:14px; line-height:30px; }
.phoneleft{ text-align:left;}
.phoneleft dt{ padding-left:56px; background-position:left center;  }
.phoneright dt{ padding-left:56px; background-position:left center; }
.pt01{ background-image:url(../images/t01.png); }
.pt02{ background-image:url(../images/t02.png); }
.pt03{ background-image:url(../images/t03.png); }
.pt04{ background-image:url(../images/t04.png); }
.pt05{ background-image:url(../images/t05.png); }
.pt06{ background-image:url(../images/t06.png); }
.phonecontimg{ width:247px; height:438px;  margin:71px 0 0 35px;}
.bj{ width:0;height:0;border-top:12px solid transparent; border-right: 12px solid #12aee1; border-bottom: 12px solid transparent; position:absolute; top:60px; left:-12px; display:none; }
.bj2{ width:0;height:0;border-top:12px solid transparent; border-left: 12px solid #12aee1; border-bottom: 12px solid transparent; position:absolute; top:60px; right:-12px; display:none; }
.phonenavt:hover,.phonenavt.hoverbs{ background-color:#12aee1; color:#fff;}
.phonenavt:hover .bj2,.phonenavt:hover .bj,.phonenavt.hoverbs .bj2,.phonenavt.hoverbs .bj{ display:block;}
.phonenavt:hover .pt01{ background-image:url(../images/t01h.png);}
.phonenavt:hover .pt02{ background-image:url(../images/t02h.png);}
.phonenavt:hover .pt03{ background-image:url(../images/t03h.png);}
.phonenavt:hover .pt04{ background-image:url(../images/t04h.png);}
.phonenavt:hover .pt05{ background-image:url(../images/t05h.png);}
.phonenavt:hover .pt06{ background-image:url(../images/t06h.png);}

.windowsec i:hover{ -webkit-animation: scal 1s ease infinite; animation: scal 1s ease infinite;}
@keyframes scal {
    0% { -webkit-transform: scale(1); transform: scale(1); }
	50%{ -webkit-transform: scale(1.3); transform: scale(1.3); }
	100% { -webkit-transform: scale(1); transform: scale(1); }
}
.sec2minboxt01{ height:620px; background:url(../images/indextep2bg.png) no-repeat center bottom; background-size:100% auto;}
.sec2minboxt01 .container{background:url(../images/contsen2.png) no-repeat center 190px; }
.sec2minboxt02{ height:620px; background:url(../images/indexts2.png) no-repeat center center;}
.windowsec2{ position:relative;}
.windowsec2 i{ display:block; position:absolute;}
.ts01{ left:815px; top:80px;}
.ts02{ left:346px; top:79px;}
.ts03{ left:466px; top:92px;}
.ts05{ left:831px; top:136px;}
.ts06{ left:417px; top:121px;}
.ts07{ left:602px; top:130px;}
.ts08{ left:498px; top:150px;}
.ts09{ left:675px; top:187px;}
.windss{ width:607px; height:237px;}
.windowsec3{width:607px; height:237px; margin-left:auto; margin-right:auto; margin-top:50px;  text-align:center; position:relative;}
.sec2minboxt03{ height:620px; }
.windowsec3 i{ position:absolute; }
.xs01{left:0px; top:125px;}
.xs02{left:20px; top:187px;}
.xs03{left:98px; top:105px;}
.xs04{left:458px; top:140px;}
.xs05{left:539px; top:188px;}

.downdsm{ text-align:center; color:#fff; padding-top:115px;}
.downdsm h2{ height:30px; line-height:30px; font-size:30px;}
.webtss{ margin-top:70px;}

.navm{ width:65px; height:65px; position:absolute; top:50%; margin-top:-32px; cursor:pointer; line-height:60px; background-color:#000;}
.prev{ left:100px; background:url(../images/pr.png) no-repeat;}
.prev:hover{ background:url(../images/prh.png);}
.next{ right:100px; background:url(../images/nx.png) no-repeat;}
.next:hover{ background:url(../images/nxh.png) no-repeat;}
.weibots{ background-color:#bcbec0; width:114px; height:109px; position:absolute; left:-35px; top:-120px; text-align:center; display:none;}
.qqbots{ background-color:#bcbec0; width:154px; height:74px; line-height:74px; position:absolute; left:-50px; top:-87px; text-align:center; font-size:16px; color:#000; display:none;}
.weibots img{ margin-top:13px;}
.tsb{ width: 0; height: 0; border-left: 8px solid transparent;  border-right: 8px solid transparent; border-top: 8px solid #bcbec0; position:absolute; left:50%; margin-left:-6px; bottom:-8px;}

.sec2minboxt02 ,.sec2minboxt03 { display:none;}

.section.section7 { background: #17242d; }

@media (max-height:790px) {
  .i1ipad{ margin-left:-180px;}
  .i1ipad img{ height:200px;}
  .yun{ height:210px;}
  .tybt{ width:80px; height:80px;}
  .bnt1s{ margin-left:300px;}
  .tybt a{ padding-top:45px; height:35px; font-size:12px; background-size:cover;}
  .sliderb{ margin-left:-9px;}
  .tybt2{ width:50px; height:50px;}
  .tybt2 a{ height:50px;}
  .typebnt2{ bottom:80px;}
  .windowsec{ margin-top:40px;}
  .sec2minboxt01{ height:530px;}
  .sec2minboxt02{ height:530px;}
  .index3box{ padding-top:1rem;}
  .section3cont{ padding-top:1rem;}
}
/*@media screen (min-width:1400px){
  .section1{ background-size:auto auto;}
}*/


@media screen and (min-width:240px) and (max-width:1279px){
	.navbar{ height:4rem;}
	.navbar-header{ margin-left:1rem;}
	.navbar-brand,.pcheader .navbar-brand{ width:20rem; margin-top:7px; background-size:contain;}
	.navbar-collapse{ display:none;}
	.navbar-auto{ display:block; float:right; padding-top:1rem;}
	.footermbb{ display:none;}
	.footerkf{ width:45%; margin-left:1rem; padding-top:0rem;}
	.footerlogo{ width:30%; margin-left:1.5rem; margin-top:4rem;}
	.footerkf dl{ float:none; width:100%; margin-top:2rem;}
	.footerkf dl dt{ width:2.5rem; height:1.5rem; background-size:contain;}
	.footerkf dl dd{ margin-left:2.7rem; padding-left:0.5rem; }
	.footerkf dl dd p{ padding-top:0.5rem;}
	.footbot p:first-child{ display:none;}
	.footbot p{ font-size:0.5rem; padding:0 3rem; line-height:1.2rem;}
	.footetop{ height:11rem;}
	.sdkfootkf{ width:45%; margin-left:1rem; padding-top:0rem;}
	.sdkfooterlogo{ width:30%; margin-left:1.5rem; margin-top:4rem;}
	.sdkfootkf dl{ float:none; width:100%; margin-top:2rem;}
	.sdkfootkf dl dt{ width:2.5rem; height:1.5rem; background-size:contain;}
	.sdkfootkf dl dd{ margin-left:2.7rem; padding-left:0.5rem; }
	.sdkfootkf dl dd p{ padding-top:0.5rem;}
	.footbot p:first-child{ display:none;}
	.footbot p{ font-size:0.5rem; padding:0 3rem;}
	.footetop{ height:11rem;}
	.sdkfootermbb{ display:none;}
	.sdkcontlx{ width:50%; padding-left:40%; padding-top:1rem;}
	.hzqy{ padding-bottom:3rem;}
	.sdktops{ padding-bottom:1rem;}

	.ladaycont{ width:80%; margin-left:-40%;}
	.sdktops .cl{ clear:both;}
	.sdkfootermbb{ display:none;}
	.navbar-auto a{ display:inline-block; }
	.loginlink{ width:4.5rem; height:1.5rem; line-height:1.5rem; text-align:center; color:#fff; background-color:#12aee1; border-radius:0.8rem; margin-top:.2rem; float:left; margin-right:2rem;}
	.menuzk{ width:1.8rem;  height:1.8rem; background:url(../images/menu.png) no-repeat center center; background-size:contain;float:right; margin-right:1.5rem;}
	.menuclose{ width:1.4rem;  height:1.4rem; background:url(../images/menuclose.png) no-repeat center center; background-size:contain;float:right; margin-top:.2rem; margin-right:1.5rem;}
	.navbar-menu{ position:absolute; top:4rem; right:0; width:9rem; background-color:#333; opacity:0.9; z-index:10000; display:none;}
	.navbar-menu ul{}
	.navbar-menu ul li{ height:2.5rem; line-height:2.5rem; margin-top:1rem;}
	.navbar-menu ul li a{ color:#fff; padding-left:1.5rem;}
	.navbar-menu ul li.current{ border-left:2px solid #12aee1;}
	.navbar-menu ul li.current a{ color:#12aee1;}
	.muenautonav{ background-color:#535353;}
	.qybanner{ display:none;}
	.qybannerphone{ display:block;}

	/*企业版*/
	.qybannerphone{ background:url(../images/commanbannephone.jpg) no-repeat center top; width:100%; height:0; background-size:cover; padding-bottom:135%;}
	.qybannerphone dl{ text-align:center; padding-top:5rem;}
	.qybannerphone dl dd{ padding-top:1.5rem;}
	.qybannerphone dl dt img{ width:31.12rem;}
	.qybannerphone dl dd img{ width:19.56rem;}
	.tsboxmin{ margin:0;}
	.tsitem{ width:42%; height:13rem; padding-bottom:.5rem; margin-left:5%; margin-right:0;}
	.tsitem dl dt img{ width:60%;}
	.tsitem dl dd{ font-size:0.6rem; line-height:1.4rem; padding-top:1rem;}
	.sbbox{ display:none;}
	.qylist{ padding-top:1rem; }
	.qylist ul{ margin-left:0;}
	.qylist ul li{ width:42%; height:10rem; margin-left:5%; margin-right:0; border:1px solid #dcdcdc; border-radius:5px;}
	.qylist ul li p{  height:10rem;}

	.proditem dl{ padding-bottom:2rem;}
	.proditem dl dt{ font-size:28px; padding:1rem 2rem;}
	.proditem dl dd{ line-height:1.7rem; padding:0 2rem;}

	/*网页版*/
	.webbanner{ height:40rem; background-image:none;}
	.webbanner .container{ height:auto;}
	.webdes{ float:none; padding-top:3.5rem; text-align:center;}
	.webdes dl dt img{ width:23.87rem;}
	.webdes dl dd{ font-size:1.2rem; line-height:2.3rem; padding:1.5rem 1rem 0;}
	.webdes dl dd.weblink{ display:none;}
	.webdes dl dd.weblinkauto{ display:block; padding-left:0; padding-right:0; padding-top:.5rem;}
	.webdes dl dd.weblinkauto a{ width:25%; display:inline-block; border-radius:20px; margin-right:1rem; height:1.8rem; line-height:1.8rem; font-size:14px; background-color:#12aee1; color:#fff;}
	.webpf{ width:100%; height:14rem; background-size:cover; top:15.5rem; z-index:1000;}
	.webkeynav{ display:none;}
	.webimg{ width:100%; text-align:center; right:0; bottom:-35rem; z-index:999;}
	.webimg img{ width:90%;}
	.prodbox{ padding-top:3rem;}
	.prodboxauto{ display:block;}
	.prodbox{ display:none;}
	.proditem{ text-align:center;}
	.prodimgauto img{ width:22.93rem;}
	.webtsbox{ height:auto; margin-top:0; padding-bottom:2rem;}
	.webtsimg{ float:none; padding-top:3rem; text-align:center;}
	.webtsimg img{ width:80%; }
	.pctsinfo{ float:none; width:100%; padding-top:0; margin-left:0;}
	.webtss{ margin-top:3rem;}
	.pctsinfo dl{ margin-top:2rem; width:80%; margin-left:auto; margin-right:auto;}
	.doownbox{ display:none;}

	.pctcbox{ width:90%; background-color:#fff; position:fixed; height:24rem; left:50%; top:50%; margin-left:-45%; margin-top:-50%; z-index:999999; display:none;}
	.pctsm{ font-size:1rem; color:#666; text-align:center; padding-top:.5rem; }
	.pctsmweb{ font-size:1rem; color:#15a9f5; text-align:center; padding-top:.5rem;}
	.ladayconttopauto{ text-align:right; font-size:3rem; padding:.5rem 1rem 0 0;}
	.ladayconttopauto a{ color:#b9c3cd;}
	.autodds,.phoneboxt,.phonedd{ display:block;}

	.webmobile{ height:11rem;}

	/*手机版*/
	.phonebanner{ height:0; width:100%; padding-bottom:180%; background-position:center top;}
	.phoneimgst{ display:none;}
	.phonedes{ padding-top:8rem;}
	.phonedes dt img{ width:100%;}
	.webphonedd{ display:none;}
	.downstylink a{ width:47%; margin: 0 1%}
	.phoneimg{ width:100%; height:auto; text-align:right; right:0;}
    .phoneimg img{ width:84%;}
	.prodboxauto{ padding-top:50px;}
	.phonetsbox{ display:none;}
	.phonetsboxauto{ background-color:#ecf3f5; padding:3.7rem 0; display:block;}
	.phitem dl{ margin-bottom:3.7rem; color:#666;}
	.phitem dl dt{  height:2rem; line-height:2rem; font-size:1.4rem;}
	.phitem dl dt img{ margin-right:1rem;}
	.phitem dl dd{ font-size:1rem; line-height:1.4rem;  padding-top:1rem;}
	.phitem{ width:80%; margin-left:auto; margin-right:auto;}
	.webphonedd{ display:none;}
	.webmobile{ top:50%;}

	/*电脑版*/
	.pcbanner{ width:100%; position:relative; height:30rem;}
	.pcdes dt img{ width:18rem; }
	.pcdes dd{ font-size:1.1rem; padding:0 2rem; line-height:1.7rem;}
	.downlink a,.bit_downlink a{ width:42%; font-size:0.8rem;}
	.win{ margin-right:0.2rem;}
	.pcimg{ top:auto; bottom:-1.5rem;}
	.pctsimg{ float:none; padding-top:2rem;}
	.pctsbox{ height:auto; padding-bottom:2rem; margin-top:2rem;}
	.tkbox{ text-align:left; padding-left:10%; padding-right:10%; padding-top:5%;}
	.tkbox .pctsm,.tkbox .pctsmweb{ text-align:left;}

	/*首页*/
	.section1cont dt img{ width:13rem;}
	.section1cont dd img{ width:20rem;}
	.webdds{ display:none;}
	.autodds{ font-size:0.7rem; padding:0 2rem;}
	.section1{ background-position:center 45%; background-color:#eeeff3;}
	.typebnt{ bottom:3rem;}
	.tybt{ float:none; display:inline-block; margin:0 1rem; width:20%;}
	.tybt a{ width:100%; background-size:contain;}
	.yun{ height:40%;}
	.i1ipad{ top:auto; bottom:35%; text-align:center; width:100%; margin-left:0; left:0;}

	.i1ipad img{ height:auto; width:90%;}
	.windowsec{ width:100%; text-align:center;}
	.tybt2{ float:none; margin:0 1rem;}
	.index3mk{ width:50%; height:0; padding-bottom:50%;}
	.index3mk img{ width:100%;}

	.section4cont dd{ font-size:1.2rem; padding:0 2rem;}
	.section4cont dd.linkdd2{ padding:1rem 0; display:none;}
	.hasmember{ display:none;}
	.index3box{ padding:1rem 2rem; overflow:hidden;}
	.webtsboxt{ display:none;}
	.navm{ display:none;}
	.sec2minboxt01{ background-image:none;}
	.section2cont{ padding-left:2rem; padding-right:2rem;}
	.sdktops .cl{ clear:both;}
	.section1cont dd{ font-size:1rem; line-height:1.5rem; padding:0 6rem;}
	.section2cont dt{ font-size:1.7rem;}
	.section3cont dt h2{ font-size:1.7rem; padding-left:1rem; padding-right:1rem;}
	.section2cont dd{ font-size:1rem; line-height:1.5rem;}
	.section4cont dt h2{font-size:1.7rem;}
	.webindex3box{ display:none;}
	.phoneindex3box{ display:block;}

	.sbboxphone{ display:block;}
	.sbboxphone{ display:block;}
	.sbboxphone .barh2{ margin-bottom:1rem;}
	.sbboxphone .barh2 h2{ font-size:30px; padding-left:10px; padding-right:10px;}
	.sbboxphone .barh2 .line3{width:53px; padding-top:20px; border-bottom:2px solid #12aee1; display:inline-block; overflow:hidden;}
	.sbazbox{  width:100%; height:0; padding-bottom:90%; text-align:center; color:#fff;}
	.phoneboxbb{background:url(../images/do2.png) no-repeat center top; background-size:cover; }
	.webboxbb{background:url(../images/do2h.png) no-repeat center top; background-size:cover}
	.sbazbox dl{}
	.sbazbox dl dt{ padding-top:30px;}
	.sbazbox dl dt img{ width:20%;}
	.sbazbox dl dd{ padding-top:20px; font-size:18px;}

	.section1{ height:600px;}
	.typebnt2,.sliderb { display:none;}
	.section3,.section2cont{ padding-top:0;}
	.sec2minboxt03{ height:auto;}
	.sec2minboxt01{ height:auto;}
	.sec2minboxt02, .sec2minboxt03{ display:block;}
	.sec2minboxt02{ background-image:none;}
	.section2{ padding-top:0;}

	.phoneboxt .section2cont{ padding-top:90px;}

}


@media screen and (min-width: 1080px) and (max-width: 1279px) {
   .tsitem{ width:26%;}
   .tsitem dl dt img{ width:25%;}
   .qybannerphone{ background-size:cover; padding-bottom:120%;}
	.webdes dl dd.weblinkauto a{ height:40px; line-height:40px; width:15%}
	.webpf{ height:41rem;}
	.webbanner{ height:59rem;}

	.phonedes dt img{ width:100%;}
	.phonebanner{ padding-bottom:60%;}
	.phoneimg img{ width:50%;}

	.tsitem dl dd{ font-size:1rem; line-height:2rem;}
	.sbboxphone .barh2 h2{ font-size:30px;}
	.sbazbox dl dd.btcontwen{ font-size:30px; line-height:3rem;}
	.sbazbox dl dd.descontwen{ font-size:20px; line-height:2rem;}
	.sdktops .cl{ clear:none;}
	.sdkfootkf{ width:260px;}
	.sdkcontlx{ width:320px; padding-left:40px; float:left;}

	.pcbanner{ height:46rem;}
	.pcimg{ bottom:-3rem;}
	.downlink a,.bit_downlink a{ width:20%;}

	.downlink a,.bit_downlink a{ width:20%;}
	.win{ margin-right:1rem;}
	.pctsimg{ width:65%; text-align:center; float:left;}
	.pctsimg img{ width:80%;}
	.pctsinfo{ width:30%; float:left;}
	.webmobile{ top:50%; margin-top:0;}
	.i1ipad img{ height:auto; width:60%;}

	.phitem{ width:60%;}
	.typebnt2,.sliderb { display:block;}

	.section1{ height:800px;}
	.sec2minboxt01{ height:570px;}
	.sec2minboxt02{ height:700px;}
	.section4cont dd{ font-size:1.4rem;}
	.section2cont dd,.section1cont dd{ font-size:1.2rem; padding:0 200px; line-height:36px;}


	/*网页版 ipad 扩展*/
	.prodbox{ display:block;}
	.prodboxauto{ display:none;}
	.prodbox.container{ width:90%;}
	.pr01 .prodinfo{ padding-top:50px;}
	.pr02 .prodinfo{ padding-top:50px;}
	.proditem .prodinfo dt{ font-size:24px; padding-bottom:0;}
	.proditem .prodinfo dd{ font-size:14px; margin-top:10px; line-height:28px;}
	.prodimg img{ width:80%;}

	.webtsimg{ float:left; width:60%; padding-top:3rem;}
	.webtsimg img{ width:80%; }
	.pctsinfo{ float:left; width:30%; padding-top:0; margin-left:0;}
	.webtss{ margin-top:0;}
	.pctsinfo dl{ margin-top:2rem; width:80%; margin-left:auto; margin-right:auto;}

	.tsbox .container{ width:90%;}

	/*网页版*/
	.webbanner{ height:33rem; background-image:none;}
	.webbanner .container{ width:90%;}
	.webdes{ float:left; width:530px; padding-top:3.5rem; text-align:left;}
	.webdes dl dt img{ width:23.87rem;}
	.pr02 .prodimg{ padding-top:40px;}
	.webdes dl dd{ font-size:1.2rem; line-height:2.3rem; padding:1.5rem 1rem 0;}
	.webdes dl dd.weblink{ display:block;}
	.webdes dl dd.weblinkauto{ display:none; padding-left:0; padding-right:0; padding-top:.5rem;}
	.webdes dl dd.weblinkauto a{ width:25%; display:inline-block; border-radius:20px; margin-right:1rem; height:1.8rem; line-height:1.8rem; font-size:14px; background-color:#12aee1; color:#fff;}
	.weblink a{ width:120px;}
	.webdes dl dt{ padding-left:15px;}
	.webpf{ width:500px; height:280px; background-size:cover; top:50px; z-index:1000;}
	.webkeynav{ display:none;}
	.webimg{ width:500px; text-align:center; right:0; bottom:-25rem; z-index:999;}
	.webimg img{ width:90%;}

	.opentlbox{ width:95%; margin-left:-450px; top:300px;}
	#myscroll{ width:91%;}

	.navbar-collapse{ display:block;}
	.navbar-nav > li{ margin:0 5px;}
	.navbar{ height:70px;}
	.navbar-brand, .pcheader .navbar-brand{ margin-top:10px;}
	.navbar-auto{ display:none;}

	.qybanner{ display:block;}
	.qybannerphone{ display:none;}
	.qybanner{ height:500px; background-position: center top; background-size:cover;}
	.qybdt{ width:350px;}

	.sbboxphone{ display:none;}
	.sbbox{ display:block;}
	.downdes{ padding-left:20px; padding-right:20px;}


	.doownbox{ display:block;}
	.downitem{ width:45%; overflow:hidden; margin-left:3%;}
	.downitem dl{ padding-top:60px;}
	.downitem dl dd{ padding-left:10px; padding-right:10px; height:60px;}
	.downitem dl dd.mrt30{ margin-top:0;}
}

@media screen and (min-width: 960px) and (max-width: 1079px)  {
	.navbar-collapse{ display:block;}
	.navbar-nav > li{ margin:0;}
	.navbar{ height:70px;}
	.navbar-brand, .pcheader .navbar-brand{ margin-top:10px;}
	.navbar-nav{ margin-left:30px;}
	.navbar-auto{ display:block;}

	.tsitem{ width:26%;}
	.tsitem dl dt img{ width:25%;}
	.qybannerphone{ background-size:cover; padding-bottom:120%;}
	.webdes dl dd.weblinkauto a{ height:40px; line-height:40px; width:15%}
	.webpf{ height:36rem;}
	.webbanner{ height:59rem;}

	.phonedes dt img{ width:100%;}
	.phonebanner{ padding-bottom:60%;}
	.phoneimg{ width:50%;}
	.phoneimg img{ width:100%;}


	.tsitem dl dd{ font-size:1rem; line-height:2rem;}
	.sbboxphone .barh2 h2{ font-size:30px;}
	.sbazbox dl dd.btcontwen{ font-size:30px; line-height:3rem;}
	.sbazbox dl dd.descontwen{ font-size:20px; line-height:2rem;}

	.sdktops .cl{ clear:none;}
	.sdkfootkf{ width:260px;}
	.sdkcontlx{ width:320px; padding-left:40px; float:left;}



	/*电脑版*/
	.pcbanner{ height:45rem;}
	.pcimg{ bottom:-3rem;}

	.downlink a,.bit_downlink a{ width:20%;}
	.win{ margin-right:1rem;}

	.pctsimg{ width:65%; text-align:center; float:left;}
	.pctsimg img{ width:80%;}
	.pctsinfo{ width:30%; float:left;}

	.webmobile{ top:50%; margin-top:0;}
	.i1ipad img{ height:auto; width:60%;}

	.phitem{ width:60%;}


	.section1{ height:800px;}
	.i1ipad{ bottom:25%;}

	.sec2minboxt01{ height:570px;}
	.sec2minboxt02{ height:700px;}
	.section4cont dd{ font-size:1.4rem;}
	.section2cont dd,.section1cont dd{ font-size:1.2rem; padding:0 200px; line-height:36px;}


	/*网页版*/
	.webbanner{ height:33rem; background-image:none;}
	.webbanner .container{ width:90%;}
	.webdes{ float:left; width:530px; padding-top:3.5rem; text-align:left;}
	.webdes dl dt img{ width:23.87rem;}
	.webdes dl dd{ font-size:1.2rem; line-height:2.3rem; padding:1.5rem 1rem 0;}
	.webdes dl dd.weblink{ display:block;}
	.webdes dl dd.weblinkauto{ display:none; padding-left:0; padding-right:0; padding-top:.5rem;}
	.webdes dl dd.weblinkauto a{ width:25%; display:inline-block; border-radius:20px; margin-right:1rem; height:1.8rem; line-height:1.8rem; font-size:14px; background-color:#12aee1; color:#fff;}
	.weblink a{ width:120px;}
	.webdes dl dt{ padding-left:15px;}
	.webpf{ width:500px; height:280px; background-size:cover; top:50px; z-index:1000;}
	.webkeynav{ display:none;}
	.webimg{ width:500px; text-align:center; right:0; bottom:-25rem; z-index:999;}
	.webimg img{ width:90%;}

	.opentlbox{ width:95%; margin-left:-450px; top:300px;}
	#myscroll{ width:91%;}



	/*网页版 ipad 扩展*/
	.prodbox{ display:block;}
	.prodboxauto{ display:none;}
	.prodbox.container{ width:90%;}
	.pr01 .prodinfo{ padding-top:50px;}
	.pr02 .prodinfo{ padding-top:20px; width:53%;}
	.pr02 .prodimg{ padding-top:40px;}
	.proditem .prodinfo dt{ font-size:24px; padding-bottom:0;}
	.proditem .prodinfo dd{ font-size:14px; margin-top:10px; line-height:28px;}
	.prodimg img{ width:80%;}

	.webtsimg{ float:left; width:60%; padding-top:3rem;}
	.webtsimg img{ width:80%; }
	.pctsinfo{ float:left; width:30%; padding-top:0; margin-left:0;}
	.webtss{ margin-top:0;}
	.pctsinfo dl{ margin-top:2rem; width:80%; margin-left:auto; margin-right:auto;}

	.webindex3box{ display:block;}
	.phoneindex3box{ display:none;}
	.index3mk{ width:20%; padding-bottom:20%;}
	.wz p{ padding-top:30px;}

	.qybanner{ display:block;}
	.qybannerphone{ display:none;}
	.qybanner{ height:500px; background-position: center top; background-size:cover;}
	.qybdt{ width:350px;}
	.contdes{ width:380px;}

	.pctcbox{ margin-top:-15%; margin-left:-48%;}

	.sbboxphone{ display:none;}
	.sbbox{ display:block;}

	.downdes{ padding-left:20px; padding-right:20px;}

	.doownbox{ display:block;}
	.downitem{ width:45%; overflow:hidden; margin-left:3%;}
	.downitem dl{ padding-top:60px;}
	.downitem dl dd{ padding-left:10px; padding-right:10px; height:60px;}
	.downitem dl dd.mrt30{ margin-top:0;}
	.ladaycont{ height:400px; margin-top:-200px;}
   .ladycontbox{ height:360px;}



}
@media screen and (min-width: 800px) and (max-width: 959px)  {
    .tsitem dl dt img{ width:30%;}
	.tsitem dl dd{ font-size:16px;}
    .qybannerphone dl dt img{ width:18rem;}
    .qybannerphone dl dd img{ width:16rem;}
   .sbboxphone .barh2 h2{ font-size:30px;}
	.sbazbox dl dd.btcontwen{ font-size:30px; line-height:3rem;}
	.sbazbox dl dd.descontwen{ font-size:20px; line-height:2rem;}
	.downlink a,.bit_downlink a{ width:30%;}
	.win{ margin-right:1rem;}
	.pcbanner{ height:43rem;}
	.pcimg{ bottom:-3rem;}
	.phoneimg img{ width:39%;}

	.phonebanner{ padding-bottom:60%;}
	.pctsimg{ text-align:center;}
	.pctsinfo{ width:60%; margin-left:auto; margin-right:auto;}
	.webdes dl dd.weblinkauto a{ height:40px; line-height:40px; width:15%}
	.webmobile{ top:50%; margin-top:0;}
	.webpf{ height:32rem;}
	.webbanner{ height:50rem;}
	.i1ipad img{ height:auto; width:60%;}

	.phitem{ width:60%;}

	.downitembox{ width:25%;}

	.typebnt2,.sliderb { display:block;}
	.section1{ height:800px;}
	.tybt a{ height:35px;}
	.i1ipad{ bottom:25%;}
	.sec2minboxt01{ height:570px;}
	.sec2minboxt02{ height:700px;}
	.section4cont dd{ font-size:1.4rem;}
	.section2cont dd,.section1cont dd{ font-size:1.2rem;}


	.prodbox{ display:block;}
	.prodboxauto{ display:none;}
	.prodbox.container{ width:90%;}
	.pr01 .prodinfo{ padding-top:10px;}
	.pr02 .prodinfo{ padding-top:10px; width:55%;}
	.pr02 .prodimg{ padding-top:30px;}
	.proditem .prodinfo dt{ font-size:18px; padding-bottom:0;}
	.proditem .prodinfo dd{ font-size:14px; margin-top:10px; line-height:28px;}
	.prodimg img{ width:80%;}
	.pcbanner{ height:45rem;}
	.pcimg{ bottom:-3rem;}
	.downlink a,.bit_downlink a{ width:30%;}
	.win{ margin-right:1rem;}
	.pctsimg{ width:65%; text-align:center; float:left;}
	.pctsimg img{ width:80%;}
	.webmobile{ top:50%; margin-top:0;}
	.i1ipad img{ height:auto; width:60%;}
	.phitem{ width:60%;}
	.section1{ height:800px;}
	.i1ipad{ bottom:25%;}
	.sec2minboxt01{ height:570px;}
	.sec2minboxt02{ height:700px;}
	.section4cont dd{ font-size:1.4rem;}
	.section2cont dd,.section1cont dd{ font-size:1.2rem; padding:0 100px; line-height:36px;}


	.qybanner{ display:block;}
	.qybannerphone{ display:none;}
	.qybanner{ height:500px; background-position: center top; background-size:cover;}
	.qybdt{ width:300px;}
	.contdes{ width:320px;}


	.doownbox{ display:block;}
	.downitem{ width:45%; overflow:hidden; margin-left:3%;}
	.downitem dl{ padding-top:60px;}
	.downitem dl dd{ padding-left:10px; padding-right:10px;}
	.downitem dl dd.mrt30{ margin-top:0;}
	.ladaycont{ height:400px; margin-top:-200px;}
   .ladycontbox{ height:360px;}

}
@media screen and (min-width: 768px) and (max-width: 799px)  {
    .tsitem dl dt img{ width:30%;}
	.tsitem dl dd{ font-size:1rem; line-height:1.7rem;}
	.webpf{ height:27rem;}
	.webbanner{ height:47rem;}
	.webdes dl dd.weblinkauto a{ height:40px; line-height:40px;}

	.phonebanner{ padding-bottom:60%;}
	.phoneimg{ width:40%;}
	.phoneimg img{ width:100%;}


	.sbboxphone .barh2 h2{ font-size:30px;}
	.sbazbox dl dd.btcontwen{ font-size:30px; line-height:3rem;}
	.sbazbox dl dd.descontwen{ font-size:20px; line-height:2rem;}
	.pcbanner{ height:50rem;}
	.downlink a,.bit_downlink a{ width:20%;}
	.win{ margin-right:1rem;}
	.pctsimg{ text-align:center;}
	.pctsinfo{ width:60%; margin-left:auto; margin-right:auto;}
	.webdes dl dd.weblinkauto a{ height:40px; line-height:40px; width:15%}
	.webmobile{ top:50%; margin-top:0;}
	.webpf{ height:25rem;}
	.i1ipad img{ height:auto; width:60%;}

	.phitem{ width:60%;}

	.section1{ height:800px;}
	.tybt a{ height:35px;}
	.tybt a:hover{ height:50px;}
	.i1ipad{ bottom:25%;}
	.sec2minboxt01{ height:570px;}
	.sec2minboxt02{ height:700px;}
	.section4cont dd{ font-size:1.4rem;}
	.section2cont dd,.section1cont dd{ font-size:1.2rem;}

	/*电脑版*/
	.prodbox{ display:block;}
	.prodboxauto{ display:none;}
	.prodbox.container{ width:90%;}
	.pr01 .prodinfo{ padding-top:10px;}
	.pr02 .prodinfo{ padding-top:10px; width:55%;}
	.pr02 .prodimg{ padding-top:30px;}
	.proditem .prodinfo dt{ font-size:24px; padding-bottom:0; line-height:34px;}
	.proditem .prodinfo dd{ font-size:14px; margin-top:10px; line-height:28px;}
	.prodimg img{ width:80%;}
	.pcbanner{ height:35rem;}
	.pcimg{ bottom:-3rem;}
	.pcimg img{ width:60%;}
	.downlink a,.bit_downlink a{ width:40%;}
	.win{ margin-right:1rem;}

	.pctsimg img{ width:80%;}

	.webmobile{ top:50%; margin-top:0;}
	.i1ipad img{ height:auto; width:60%;}
	.phitem{ width:60%;}
	.section1{ height:800px;}
	.i1ipad{ bottom:25%;}
	.sec2minboxt01{ height:570px; margin-bottom:50px;}
	.sec2minboxt02{ height:700px;}
	.section4cont dd{ font-size:1.4rem;}
	.section1cont dd{ font-size:1.2rem; padding:0 200px; line-height:36px;}
	.section2cont dd{ font-size:1.2rem; padding:0 30px; line-height:36px;}
	.phoneboxt .section2cont{ padding-top:30px;}

	.qybanner{ display:block;}
	.qybannerphone{ display:none;}
	.qybanner{ height:500px; background-position: center top; background-size:cover;}
	.qybdt{ width:300px;}
	.contdes{ width:320px;}
	.ladaycont{ height:400px; margin-top:-200px;}
   .ladycontbox{ height:360px;}




}
@media screen and (min-width: 720px) and (max-width: 765px)  {
   .tsitem dl dt img{ width:40%;}
   .sbazbox dl dd.descontwen{ font-size:14px;}
  .linkdd3 a{ height:25px; width:120px; line-height:25px; font-size:14px;}
  .ladaycont{ height:300px; margin-top:-150px;}
  .ladycontbox{ height:260px;}
  .pcbanner{ height:43rem;}
  .pcimg{ bottom:-3rem;}
  .pctcbox{ top:90%;}
  .downlink a,.bit_downlink a{ width:20%;}
  .win{ margin-right:1rem;}
  .webdes dl dd.weblinkauto a{ height:2.5rem; line-height:2.5rem;}
  .webbanner{ height:48rem;}
  .pctsimg{ text-align:center;}
	.pctsinfo{ width:80%; margin-left:auto; margin-right:auto;}
	.phonebanner{ padding-bottom:60%;}
	.phoneimg{ width:40%;}
	.phoneimg img{ width:100%;}
	.webmobile{ top:35%; margin-top:0;}
	.webpf{ height:25rem;}
	.i1ipad img{ height:auto; width:60%;}
	.sec2minboxt01{ height:570px;}
	.sec2minboxt02{ height:700px;}
	.ladaycont{ height:400px; margin-top:-200px;}
   .ladycontbox{ height:360px;}
}
@media screen and (min-width: 640px) and (max-width: 719px) {
	.tsitem dl dt img{ width:40%;}
   .qybannerphone dl dt img{ width:18rem;}
  .qybannerphone dl dd img{ width:16rem;}
  .sbazbox dl dd.descontwen{ font-size:14px;}
  .linkdd3 a{ height:25px; width:120px; line-height:25px; font-size:14px;}
  .ladaycont{ height:300px; margin-top:-150px;}
  .ladycontbox{ height:260px;}
  .pcbanner{ height:45rem;}
  .pcimg{ bottom:-3rem;}
  .pctcbox{ top:90%;}
  .downlink a,.bit_downlink a{ width:30%;}
  .win{ margin-right:1rem;}
  .pctsimg{ text-align:center;}
	.pctsinfo{ width:80%; margin-left:auto; margin-right:auto;}
	.phoneimg img{ width:40%;}
	.phonebanner{ padding-bottom:70%;}
	.webpf{ height:25rem;}
	.i1ipad img{ height:auto; width:60%;}
	.sec2minboxt01{ height:570px;}
	.sec2minboxt02{ height:700px;}
	.ladaycont{ height:400px; margin-top:-200px;}
   .ladycontbox{ height:360px;}
}
@media screen and (min-width: 600px) and (max-width: 639px){
	.tsitem dl dt img{ width:30%;}
	.tsitem dl dd{ font-size:16px;}
   .qybannerphone dl dt img{ width:18rem;}
  .qybannerphone dl dd img{ width:16rem;}
  .webdes dl dt img{ width:18rem;}
  .webdes dl dd{ line-height:2rem;}
  .webdes{ padding-top:2rem;}
  .webdes dl dd{ padding-top:1rem;}
  .pcbanner{ height:43rem;}
  .pcimg{ bottom:-3rem;}
  .phonebanner{ padding-bottom:150%;}
  .webpf{ height:22rem;}
  .i1ipad img{ height:auto; width:60%;}
  .sec2minboxt01{ height:570px;}
	.sec2minboxt02{ height:700px;}
	.ladaycont{ height:400px; margin-top:-200px;}
   .ladycontbox{ height:360px;}
}
@media screen and (min-width: 540px) and (max-width: 599px){
	.tsitem dl dt img{ width:40%;}
   .qybannerphone dl dt img{ width:18rem;}
   .qybannerphone dl dd img{ width:16rem;}
   .webdes dl dt img{ width:18rem;}
  .webdes dl dd{ line-height:2rem;}
  .webdes{ padding-top:2rem;}
  .webdes dl dd{ padding-top:1rem;}
  .sbazbox dl dd.descontwen{ font-size:14px;}
  .linkdd3 a{ height:25px; width:120px; line-height:25px; font-size:14px;}
  .ladaycont{ height:300px; margin-top:-150px;}
  .ladycontbox{ height:260px;}

  .pcbanner{ height:40rem;}
  .pctsmweb input{ margin-top:.5rem;}
  .pcimg{ bottom:-3rem;}
  .pctcbox{ top:90%;}
  .webpf{ height:21rem;}
  .i1ipad img{ height:auto; width:60%;}
  .sec2minboxt01{ height:500px;}
	.sec2minboxt02{ height:600px;}
	.ladaycont{ height:400px; margin-top:-200px;}
   .ladycontbox{ height:360px;}

}
@media screen and (min-width: 480px) and (max-width: 539px){
  .tsitem dl dt img{ width:40%;}
	.tsitem dl dd{ font-size:16px;}
  .qybannerphone dl dt img{ width:18rem;}
  .qybannerphone dl dd img{ width:16rem;}
  .webdes dl dt img{ width:18rem;}
  .webdes dl dd{ line-height:2rem;}
  .webdes{ padding-top:2rem;}
  .webdes dl dd{ padding-top:1rem;}
  .pcbanner{ height:38rem;}
  .pcimg{ bottom:-3rem;}
  .webpf{ height:20rem;}
  .i1ipad img{ height:auto; width:60%;}
  .ladaycont{ height:400px; margin-top:-200px;}
   .ladycontbox{ height:360px;}
   .phonedes dl dd.phonedd{ padding-top:1rem; font-size:16px;}
}

@media screen and (min-width: 414px) and (max-width: 479px){
  .phonedes dl dd.phonedd{ padding-top:1rem; font-size:16px;}
  .qybannerphone dl dt img{ width:18rem;}
  .qybannerphone dl dd img{ width:16rem;}

  .webdes dl dt img{ width:18rem;}
  .webdes dl dd{ line-height:2rem;}
  .webdes{ padding-top:2rem;}
  .webbanner{ height:35rem;}
  .prodimgauto img{ width:15rem;}
  .sbazbox dl dd.descontwen{ font-size:14px;}
  .linkdd3 a{ height:25px; width:120px; line-height:25px; font-size:14px;}

  /*电脑版*/
  .pcbanner{ height:35rem;}
  .webpf{ height:14rem;}
  .i1ipad img{ height:auto; width:60%;}

  .webmobile{ top:65%;}
  .ladaycont{ height:400px; margin-top:-200px;}
   .ladycontbox{ height:360px;}
   .section1cont dd{ padding:0 2rem;}

}
@media screen and (min-width: 400px) and (max-width: 413px){
   .tsitem dl dt img{ width:40%;}
   .qybannerphone dl dt img{ width:18rem;}
  .qybannerphone dl dd img{ width:16rem;}
  .webdes dl dt img{ width:18rem;}
  .webdes dl dd{ line-height:2rem;}
  .webdes{ padding-top:2rem;}
  .webdes dl dd{ padding-top:1rem;}
  .prodimgauto img{ width:15rem;}
  .pcbanner{ height:32rem;}
  .pcimg{ bottom:-3rem;}
  .i1ipad img{ height:auto; width:60%;}
  .ladaycont{ height:400px; margin-top:-200px;}
   .ladycontbox{ height:360px;}
   .section1cont dd{ padding:0 2rem;}
   .phonedes dl dd.phonedd{ padding-top:1rem; font-size:14px;}
}
@media screen and (min-width: 375px) and (max-width: 399px){

  .qybannerphone dl dt img{ width:16rem;}
  .qybannerphone dl dd img{ width:13rem;}
  .webdes dl dt img{ width:18rem;}
  .webdes dl dd{ line-height:2rem;}
  .webdes{ padding-top:2rem;}
  .webdes dl dd{ padding-top:1rem;}
  .webbanner{ height:36rem;}
  .prodimgauto img{ width:15rem;}
  .pcdes{ padding-top:2rem;}
  .sbazbox dl dd.descontwen{ font-size:14px;}
   .linkdd3 a{ height:25px; line-height:25px; width:100px; font-size:12px;}
   .i1ipad img{ height:auto; width:60%;}
   .ladaycont{ height:400px; margin-top:-200px;}
   .ladycontbox{ height:360px;}
   .section1cont dd{ padding:0 2rem;}
   .phonedes dl dd.phonedd{ padding-top:1rem; font-size:14px;}
    .phonedes dl dd{padding-top:0.5rem;}
}
@media screen and (min-width: 360px) and (max-width: 374px){

   .qybannerphone dl dt img{ width:16rem;}
  .qybannerphone dl dd img{ width:13rem;}
  .webdes dl dt img{ width:18rem;}
  .webdes dl dd{ line-height:2rem;}
  .webdes{ padding-top:2rem;}
  .webdes dl dd{ padding-top:1rem;}
  .pcdes{ padding-top:2rem;}
  .i1ipad img{ height:auto; width:60%;}
  .pctsinfo dl dt{ font-size:18px;}

  .proditem img{ width:70%;}
  .pcdes{ padding-top:2rem;}
  .sbazbox dl dd.descontwen{ font-size:14px;}
   .linkdd3 a{ height:25px; line-height:25px; width:100px; font-size:12px;}
   .i1ipad img{ height:auto; width:60%;}
   .ladaycont{ height:400px; margin-top:-200px;}
   .ladycontbox{ height:360px;}
   .section1cont dd{ padding:0 3rem;}
   .phonedes dl dd.phonedd{ padding-top:1rem; font-size:14px;}
   .phonedes dl dd{padding-top:0;}
}
@media screen and (min-width: 320px) and (max-width: 359px){

	.sbazbox dl dd.btcontwen{ font-size:18px;}
	.sbazbox dl dd.descontwen{ font-size:14px;}
	.linkdd3 a{ height:25px; line-height:25px; width:100px; font-size:12px;}

	.qybannerphone dl dt img{ width:18rem;}
	.qybannerphone dl dd img{ width:16rem;}
	.webdes dl dt img{ width:18rem;}
    .webdes dl dd{ line-height:2rem;}
    .webdes{ padding-top:2rem;}
    .webdes dl dd{ padding-top:1rem;}
	.prodimgauto img{ width:13rem;}

	.phonedes{ padding-top:5rem; margin-left:1.2rem;}
	.phonedes dl dd.phonedd{ padding-top:1rem; font-size:14px;}
	.phonedes dl dd.phonelinks{ padding-top:1rem;}
	 .phonedes dl dd{padding-top:0;}
	.diphon{ margin-left:.5rem;}
	.downss span{ font-size:.3rem;}
	.pcdes{ padding-top:2rem;}
	.typebnt{ bottom:6rem;}
	.section1cont dd{ padding:0 2rem;}
	.phitem dl dt{ background-position:1rem center;}

	.webbanner{ height:34rem;}
	.i1ipad img{ height:auto; width:60%;}
	.footerkf dl dd p{ font-size:.2rem;}
	.downstylink a{font-size: .5rem}

	.phoneimg img{ width:70%;}

}
@media screen and (min-width: 240px) and (max-width: 319px){
   .sbazbox dl dd{ font-size:10px;}
   .linkdd3 a{ font-size:14px; width:120px; height:25px; line-height:25px;}
}









/*私有云*/
.cl{ clear:both;}
.private_banner{ background:url(../images/lantiao.jpg) repeat-x #00bcbb; position:relative; width:100%; height:483px; clear:both; text-align:center;}
.private_banner span{ background:url(../images/bannertu.jpg) no-repeat center top; width:892px; height:403px; margin:0 auto; background-size:cover; display:block;}
.private_banner .text{ position:absolute; left:0; width:100%; color:#fff; bottom:40px; z-index:10;}
.private_banner .text h1{ font-size:40px; line-height:45px; margin-bottom:20px; }
.private_banner .text p{ font-size:16px; line-height:30px;}

.jishu{ width:1080px; margin:0 auto; padding:60px 0; overflow:hidden;}
.jishu ul{ float:left; width:700px; font-size:16px; line-height:28px; margin-top:65px;}
.jishu ul h1{ font-size:26px; font-weight:bold; line-height:30px; margin-bottom:20px;}
.jishu .pic{ float:right;}

.siyou{ width:100%; background:#e0ffff; padding:60px 0; clear:both;}
.siyou .con{ width:1080px; margin:0 auto;  overflow:hidden;}
.siyou .con ul{ float:right; width:700px; font-size:16px; line-height:28px; margin-top:65px;}
.siyou .con ul h1{ font-size:26px; font-weight:bold; line-height:30px; margin-bottom:20px;}
.siyou .con .pic{ float:left;}

.away{ width:1150px; margin:0 auto; padding-bottom:70px;}
.away ul{ width:465px; overflow:hidden; float:left; margin-top:70px;}
.away ul:nth-child(2n){ float:right;}
.away ul h1{ font-size:20px; font-weight:bold; line-height:39px; margin-bottom:10px;}
.away ul p{ font-size:14px; line-height:24px;}
.away ul i{ width:39px; height:39px; display:inline-block; margin-right:10px; vertical-align:-12px;}
.away ul i.b1{ background:url(../images/tubiao_15.jpg) no-repeat;}
.away ul i.b2{ background:url(../images/tubiao_18.jpg) no-repeat;}
.away ul i.b3{ background:url(../images/tubiao_22.jpg) no-repeat;}
.away ul i.b4{ background:url(../images/tubiao_23.jpg) no-repeat;}
.away ul i.b5{ background:url(../images/tubiao_26.jpg) no-repeat;}
.away ul i.b6{ background:url(../images/tubiao_27.jpg) no-repeat;}

.scene{ background:#f1f1f1; padding:70px 0 40px 0; clear:both; width:100%;}
.scene h1{ font-size:24px; font-weight:bold; line-height:30px; text-align:center; background:url(../images/chj_31.jpg) center bottom no-repeat; padding-bottom:30px;}
.scene .con{ width:1116px; margin:0 auto;}
.scene .list{ width:312px; overflow:hidden; position:relative; overflow:hidden; float:left; margin:50px 30px; }
.scene .list .pic{ width:100%;  overflow:hidden;}
.scene .list .pic span{ display:block; width:100%; height:172px;transition:all .3s ease-in;}
.scene .list:hover span{ transform:scale(1.1);}
.scene .list .txt{ position:absolute;  width:100%; height:100%; background:rgba(0,0,0,.65); left:0; top:0; z-index:10; color:#fff; transition:all .3s ease-in; opacity:0;}
.scene .list .txt.you{ opacity:1;}
.scene .list .txt h2{ font-size:16px;  padding:0 15px; margin-top:30px; margin-bottom:5px;}
.scene .list .txt p{ padding:0 15px; font-size:14px;}

@media screen and (max-width:1170px){
.away{ width:90%;}
.away ul{ width:45%;}
.scene .con{ width:90%;}
.scene .list{ width:30.3333%; margin:50px 1.5%;}
}

@media screen and (max-width:1110px){
.jishu{ width:90%;}
.jishu ul{ width:70%;}
.jishu .pic{ width:25%;}
.siyou .con{ width:90%;}
.siyou .con ul{ width:70%;}
.siyou .con .pic{ width:25%;}
.away ul{ height:120px; margin-top:50px;}
}

@media screen and (max-width:900px){
.private_banner .text{ width:90%; left:50%; margin-left:-45%;}
.private_banner span{ width:100%;}
.jishu ul{ margin-top:0;}
.siyou .con ul{ margin-top:0;}
.away ul h1{ font-size:16px;}
.diphon{ margin-left:.5rem;background-size:80%;margin-top:11px;}
.downstylink a{font-size:12px;}
.phonelinks a{text-align:left;}
.dador{margin-left:2px;background-size:71%;margin-top:5px;margin-right:0;}

.win{background-size:100%;margin-left:5px;width:13px;height:13px;}
.downlink a{font-size:12px;text-align:center;}
.downlink a,.bit_downlink a{margin:0;width:48%;}
}

@media screen and (max-width:768px){

.jishu ul{ width:60%; font-size:14px;}
.jishu ul h1{ font-size:20px; line-height:24px; margin-bottom:10px; }
.jishu .pic{ width:35%;}

.siyou .con ul{ width:60%; font-size:14px;}
.siyou .con ul h1{ font-size:20px; line-height:24px; margin-bottom:10px; }
.siyou .con .pic{ width:35%;}
.away{ padding-bottom:30px;}
.away ul h1{ font-size:20px;}
.away ul{ width:100%; height:auto;  float:none; margin-top:30px;}
.away ul:nth-child(2n){ float:none;}
.scene .list{ width:46%; margin:30px 2%;}
}
@media screen and (max-width:500px){
.private_banner .text p{ font-size:14px; line-height:26px;}
.scene .list{ width:100%; margin:30px 0; float:none;}
.scene .list:hover .pic{ transform:scale(1);}
.scene .list .txt{ padding:15px 0; opacity:1; color:#000; overflow:hidden; height:auto; position:relative; background:#fff;}
.scene .list .txt h2{ margin-top:0;}
.scene .list .pic span{ height:220px;}

.jishu ul{ width:100%; font-size:16px; float:none; margin-top:30px;}
.jishu .pic{ width:80%; margin:0 auto; text-align:center; float:none;}
.siyou .con ul{ width:100%; font-size:16px; float:none; margin-top:30px;}
.siyou .con .pic{ width:80%; margin:0 auto; text-align:center; float:none;}
.scene .list .txt h2{ font-size:16px; font-weight:bold;}
.scene .list .txt p{ font-size:14px; line-height:28px;}
}
@media screen and (max-width:430px){
.private_banner span{ height:350px;}
.scene .list .pic span{ height:200px;}
}

@media screen and (max-width:380px){
.private_banner span{ height:320px;}
.jishu ul h1{ font-size:18px;}
.siyou .con  ul h1{ font-size:18px;}

}


.wzp1 p{ padding-top:135px;}
.wzp2 p{ padding-top:105px;}

.wrap-index { overflow: hidden; height:565px; position:relative;  clear:both; }
.slider { float: left; }
.slider .jquery-reslider .slider-block {width: 100%; height:100%; position: absolute;z-index: 97;background-position:50% 50%;background-size: cover;opacity: 0;}
.slider-block a{ width:100%; height:100%; display:block;}
.slider .jquery-reslider .slider-direction { width: 60px;height: 60px;position: absolute;top: 45%;z-index: 99;cursor: pointer;}
.slider .jquery-reslider .slider-direction.slider-direction-prev,.slider .jquery-reslider .slider-direction.slider-direction-next { display:none;}
.slider .jquery-reslider .slider-dots { position: absolute; width: 100%; text-align: center; bottom:0px;}
.slider .jquery-reslider .slider-dots li { width:60px;height:4px;display: inline-block;margin:10px; background:#4b425b; cursor: pointer;}
.slider .jquery-reslider .slider-dots li.active { background-color: #12aee1; }
@media screen and (max-width:1230px) {
.wrap-index{ height:500px;}
}

@media screen and (max-width:1130px) {
.wrap-index{ height:400px;}
}

.mobile_downapp_btn{margin-bottom:10px;}
.mobile_downapp_btna{float:left;}
.mobile_downapp_btna img{float:left;width:100%;}



@media screen and (max-width:900px) {

.wrap-index{ height:300px;}
.slider .jquery-reslider .slider-direction { zoom: .8; }
.slider .jquery-reslider .slider-dots { position: absolute; }
.mobile_downapp_btna img{float:left;width:180px;}

.section4cont{  padding-top:30px;margin-bottom: 140px;}
}
@media screen and (max-width:690px) {
.wrap-index{ height:240px;}
.mobile_downapp_btna img{float:left;width:160px;}
}
@media screen and (max-width:500px) {
	.wrap-index{ height:200px;}
	.slider .jquery-reslider .slider-dots li { width:40px;height:3px;}
	.private_banner .text{ width:96%; left:50%; margin-left:-48%;}
	.mobile_downapp_btna img{float:left;width:120px;}

		.phonedes {
		    padding-top: 5rem;
		}
	.pcdes dd{ font-size:12px; padding:0 0.1rem; line-height:1.7rem;}
	.pcdes dl dd{padding-top:10px;}
	.downlink a,.bit_downlink a{width:55%;margin-top:5px;}
}

.section4cont { padding-bottom: 30px; }
.section4cont .section4title p { font-size: 16px; line-height: 1.8em; padding-top: 20px; color: #fff; }
.section4cont .downitem{ width:29%; float:left; position:relative; margin-top:10%; margin-left:2%;}
.section4cont .downitem dl{ color:#fff; text-align:center; position:relative; z-index:1000; padding-top:30px; margin-top:0; height:auto; border:1px solid #777;}
.section4cont .downitem dl dt{ font-size:24px;font-weight:bold;}
.section4cont .downitem dl dd{ font-size:14px; line-height:30px; padding-top:5px; margin: 0; padding-bottom: 30px; }
.section4cont .downctms{ width:100%; height:100%; background-color:#777; opacity:0.1;  position:absolute; left:0; top:0;}
.section4cont .downimg{ position:absolute; width:100%; top:0; left:0; text-align:center; z-index:8000;}
.section4cont .downimg img { max-width: 80px; }
.section4cont .downitem:hover .downctms{ background-color:#12aee1;}
.section4cont .downitem:hover dl{ border:1px solid #12aee1;}

@media screen and (max-width:767px) {
	.section4cont .downitem{ width:94%; margin-top:0; margin-left:3%;}
}