@charset "utf-8";
*{margin:0;padding:0}
table{border-collapse:collapse}
a{text-decoration:none}
a:focus,a:hover{text-decoration:none}
a:focus{outline:0}p{margin:0}
ol,ul{margin:0}
li{list-style: none;}
.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5{margin:0}
.cor_red{color:#da0502}
.cor_yellow{color:#f5fb47}
.cor_blue{color:#00eaff}
.f22{font-size:22px}
.clear{clear:both}
.shows{display:block}
.hides{display:none}ol{padding-left:25px}
/*.ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}*/
.bd_weixin_popup{height:auto!important}
html{height:100%;font-size: 20px;}
.zong{
	width: 1200px;
	margin: 0 auto;
}
body{background-color: #f5f5f5;}
.tel,.lgh-cent .tou h4,.mbox4Bg .tou p,.mbox4Bg button,.active .mbox2TitEn{font-family:"gothambook"; }
*{font-family: "msyh";}
.mbox2NumSp{font-family: "Poppins-SemiBol";font-weight: 600;}
.mbox5 .box5-zuo .tou .rig .det,.footer .di1 .rexian .you h4{font-family: "Poppins-SemiBol";}
@font-face {
  font-family: "Poppins-SemiBold";
  src: url("../fonts/Poppins-SemiBold.woff2") format("woff2"),
       url("../fonts/Poppins-SemiBold.woff") format("woff"),
       url("../fonts/Poppins-SemiBold.ttf") format("truetype"),
       url("../fonts/Poppins-SemiBold.eot") format("embedded-opentype"),
       url("../fonts/Poppins-SemiBold.svg") format("svg");
}
@font-face {
  font-family: "gothambook";
  src: url("../fonts/gothambook.woff2") format("woff2"),
       url("../fonts/gothambook.woff") format("woff"),
       url("../fonts/gothambook.ttf") format("truetype"),
       url("../fonts/gothambook.eot") format("embedded-opentype"),
       url("../fonts/gothambook.svg") format("svg");
}
@font-face {
  font-family: "msyh";
  src: url("../fonts/msyh.woff2") format("woff2"),
       url("../fonts/msyh.woff") format("woff"),
       url("../fonts/msyh.ttf") format("truetype"),
       url("../fonts/msyh.eot") format("embedded-opentype"),
       url("../fonts/msyh.svg") format("svg");
}
@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype'),
  url('../font/iconfont.svg#iconfont') format('svg');
}
.ic{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
body{position:relative;height:100%;min-width:320px;}
.imgBg{background-position:center center;background-size:cover;background-repeat:no-repeat}
.imgBg img{display:none}
.menuBg{position:fixed;top:0;right:0;z-index:2;padding:20px 0 0;width:60px;height:100%;background:#FFF}
.menuBtn{text-align:center;cursor:pointer}
.menuBtn img{margin:6px auto 10px}
.mBtnLine{font-size:0}
.mBtnLine span{display:inline-block;width:2px;height:20px;background:#d42e26;vertical-align:top}
.mBtnLine span:nth-child(2){margin:-4px 3px 0}
.mOnLine{position:absolute;right:0;bottom:0;width:100%;background:#da0502;color:#FFF}
.mOnLine li{position:relative;height: 70px;border-bottom:1px solid #dd6262;padding-top: 30%;}
.mOnLine a{color:#FFF}.mOnLineIco{position:relative;z-index:1;padding-bottom:1px;background:#da0502;font-size:18px;line-height:36px;cursor:pointer}
.mOnLineCon{position:absolute;top:26%;right:60px;z-index:0;padding:0 20px;background:#da0502;white-space:nowrap;line-height:36px;transform:translate(150%,0)}
.mOnLineCon a{display:block}
.onLineWx .mOnLineCon{top:-49%;bottom:-25px;padding:5px 0;width:100px;background:0 0;background:#FFF;right: -5%;z-index: -5;}
.onLineWx .mOnLineCon img{margin:0 auto}
.mOnLine li:hover .mOnLineCon{transition:all .5s ease 0s;transform:translate(0,0);right: 60px;}
.headerBg{position:absolute;top:0;left:0;z-index:1;margin-right:60%;padding:21px 56px;width:100%}
.header{margin-right:60px}.logo{float:left}.logo a{display:block}
.tel{float:right;color:#FFF;font-size:28px;line-height:70px;letter-spacing: 1.8px;}
.telIco{display:inline-block;margin-top:-4px;width:22px;height:25px;background:url(../img/tel.png) no-repeat;vertical-align:middle;margin-right: 8px;}
.tel img{margin-top:-4px;vertical-align:middle}

.fp-viewing-page2 .logo .hides{display:block}
.fp-viewing-page2 .logo .shows{display:none}
.navBg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;background:#222;background:rgba(34,34,34,.9);opacity:0;transition:all .5s ease 0s;transform:translate(-100%,0)}.navBg.active{opacity:1;transform:translate(0,0)}.navTop{position:relative;z-index:1;padding:35px 40px;border-bottom:1px solid #333;border-bottom:1px solid rgba(255,255,255,.08)}.navClose{float:right;padding:5px 0 0;width:30px;height:30px;cursor:pointer}.navClose span{display:block;width:100%;height:1px;background:#FFF;transform-origin:left center}.navClose span:first-child{transform:rotate(45deg)}.navClose span:last-child{margin-top:20px;transform:rotate(-45deg)}.navBot{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;padding-top:100px;height:100%}.navList{overflow:hidden;height:100%}.navList li{float:left;width:9.2%;height:100%;opacity:0;transition:all .5s ease 0s;transform:translate(0,50px)}.navList li a{display:block;padding:100px 0 0 20%;height:100%;border-right:1px solid #333;border-right:1px solid rgba(255,255,255,.08);color:#FFF;transition:all .5s ease 0s}.navList li a span{display:block}.navEn{font-size:30px}.navCn{font-size:22px}.navList li a:hover{padding-left:10%;color:#da0502}.navList li.text-right{padding:100px 0 0;width:13.5%;color:#FFF;font-size:16px;line-height:36px}.navTel{font-size:22px;font-family:Verdana}.navBotCon{position:absolute;right:2.5%;bottom:65px;padding-left:5px;width:13.5%;color:#FFF;color:#FFF;font-size:12px;line-height:22px}.navSearch{position:relative;float:right;margin-bottom:15px;padding-right:34px;width:77%;background:#da0502;line-height:32px}.navSearch input{display:block;padding:5px 10px;width:100%;height:32px;border:none;background:0 0;color:#FFF;line-height:22px}
.searchIco{position:absolute;top:0;right:0;border:0;display:block;width:34px;color:#FFF;text-align:center;font-size:14px}.searchIco:focus,.searchIco:hover{color:#FFF}.navShare{font-size:14px}.navShare li{position:relative}.navShare li a{color:#FFF}.navWechat{position:absolute;right:0;bottom:30px;width:100px;opacity:0;transition:all .5s ease 0s;transform:scaleY(0)}
.navShare li:hover .navWechat{opacity:1;transform:scaleY(1)}.active .navList li{opacity:1;transform:translate(0,0)}
.active .navList li{transition-delay:.3s}
#navPage{position:fixed;top:50%;left:0;text-align:left;transition:all .1s ease-out 0s;transform:translateY(-50%)}
#navPage.noactive{left:-10%}
#navPage li{position:relative;padding-left:40px}
#navPage li:after{position:absolute;top:50%;left:0;display:block;width:0;height:1px;background:#da0502;content:"";transition:all .5s ease-out 0s}
#navPage li.active:first-child:after{width:95px}
#navPage li:first-child+li.active:after{width:95px}
#navPage li:first-child+li+li.active:after{width:110px}
#navPage li:first-child+li+li+li.active:after{width:95px}
#navPage li:first-child+li+li+li+li.active:after{width:130px}
#navPage li:first-child+li+li+li+li+li.active:after{width:115px}
#navPage li:first-child+li+li+li+li+li+li.active:after{width:95px}
#navPage li:first-child+li+li+li+li+li+li+li.active:after{width:115px}
#navPage li a{display:inline-block;color:#aaa;font-weight:700;font-size:0;font-family:Arial;line-height:34px}
#navPage li a i,#navPage li a span{display:inline-block;vertical-align:middle;font-size:14px}
#navPage li a i{font-style:normal}#navPage li a span{overflow:hidden;width:0;white-space:nowrap;transition:all .5s ease-out 0s}
#navPage li a:hover,#navPage li.active a{color:#da0502}
#navPage li a:hover span,#navPage li.active a span{width:80px}#hmpage{opacity:0;-webkit-opacity:0}.mbox{margin-right:60px}
/*banner图*/
.banner{
	width: 100%;
    position: relative;
}
.banner img{
	width: 100%;
}
.banner ul{
	position: absolute;
	left: 0;
	width: 940px;
	right: 0;
	top: 30%;
	text-align: center;
	color: #fff;
	margin:0 auto;
}
.banner ul li{
	width: 25%;
	box-sizing:border-box;
	float: left;
	border-right: 1px solid #eee;
}
.banner ul li:last-child{border-right: 0;}
.banner ul li h2{
	font-size: 4rem;
	font-weight: 600;
	margin-top: -16px;
}
.banner ul li p{
	font-size: 1rem;
}
/*banner图*/
/*tab切换*/
.lgh-ta{margin-top: 100px;}
.lgh-ta .lgh-content{
  display:none;
}
.lgh-ta .lgh-content.act{
  display:block;
}
 .lgh-ta .lgh-con{
	margin-top: 60px;
	margin-bottom: 120px;
} 
 .lgh-ta .bj{
	color: #fff!important;
	background-color: #d52f27;
	border:0!important;
}
.lgh-ta h3{
	width: 25%;
	height: 52px;
	line-height: 52px;
	float: left;
	border:2px solid #d8d8d8;
	text-align: center;
	border-right: 0;
	cursor: pointer;
	color: #101010;
	font-size: 0.9rem;
	box-sizing:border-box;
}
/*.lgh-ta h3:last-child{
  border-right: 2px solid #d8d8d8!important;
}*/
.lgh-ta .las{
	border-right: 2px solid #d8d8d8!important;
}
 .lgh-ta .lgh-con .left{
 	float: left;
 	width: 330px;
 }
  .lgh-ta .lgh-con .left h4{
  	font-size: 1.6rem;
  	margin-bottom: 47px;
  }
  .lgh-ta .lgh-con .left hr{
  	width: 26px;
  	height: 5px;
  	border:0;
  	background-color: #111;
  }
  .lgh-ta .lgh-con .tab-nei{
  	 font-size: 0.8rem;
  	 color: #7a7a7a;
  	 line-height: 1.9em;
  	 margin-top: 40px;
  	 height: 15.2rem;
  	 overflow: hidden;
  }
 .lgh-ta .lgh-con .tab-btn{
 	border:4px solid #333333;
 	width: 214px;
 	height: 60px;
 	line-height: 52px;
 	box-sizing:border-box;
 	text-align: center;
 	font-size: 1rem;
 	transition:0.8s;
 	margin-top: 60px;
 }
  .lgh-ta .lgh-con .tab-btn a{color: #111;}
  .lgh-ta .lgh-con .tab-btn:hover{
  	background-color: #d52f27;
  	color: #fff;
  	border:0;
  	line-height: 60px;
  }
  .lgh-ta .lgh-con .tab-btn:hover a{color: #fff;}
  .lgh-ta .lgh-con .right{
  	float: right;
  	width: 819px;
  }
   .lgh-ta .lgh-con .right img{
   	width: 100%;
   }
/*tab切换*/





.ssd-tab {
    background-color: #f6f6f6;
}

.tab-menu-container {
    height: 80px;
    position: relative;
    width: 100%;
}

.tab-menu {
    margin: 0 auto;
    width: 990px;
}

.tab-menu li {
    float: left;
    text-align: center;
    width: 246px;
    height: 80px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    position: relative;
}

.tab-menu li:hover i {
    border-bottom: 1px solid #3769ad;
    display: block;
}

.tab-menu li.focus-true i {
    border-bottom: 1px solid #3769ad;
    display: block;
}

.tab-menu li span {
    color: #666666;
    display: inline-block;
    font-size: 15px;
    height: 80px;
    line-height: 80px;
    width: 100%;
}

.tab-menu li span:hover {
    color: #3769ad;
}

.tab-menu i {
    position: absolute;
    top: 80px;
    left: 59px;
    width: 133px;
    height: 1px;
    display: none;
}

.tab-menu-p1 {
    margin-top: 32px;
    font-size: 20px;
}

/*页签 end*/



.mianFunctionarycontainer {
    width: 100%;
    height: 540px;
    background: #ffffff;
}

#mianFunctionaryContainer {
    margin: 0 auto;
    max-width: 1227px;
    min-width: 1200px;
}

#mianFunctionaryContainer ul {
    margin: 40px auto;
    max-width: 1227px;
    min-width: 1200px;
}

#mianFunctionaryContainer ul > li {
    padding: 15px;
    width: 390px;
    float: left;
    height: 136px;
    margin: 6px;
    line-height: 100px;
    border: 1px solid #ccc;
}

#smartBackup {
    background: url('../img2/01.png');
}

#NetworkPerformanceMonitoring {
    background: url('../img2/02.png');
}

#InternetAccessSetup {
    background: url('../img2/03.png');
}

#arrowwhitelist {
    background: url('../img2/04.png');
}

#api {
    background: url('../img2/005.png');
}

#onlineExpansion {
    background: url('../img2/006.png');
}

#mianFunctionaryContainer ul > li div {
    height: 100px;
    line-height: 55px;
    margin: -15px 0 0 130px;
}

#mianFunctionaryContainer ul > li div p {
    height: 30px;
    line-height: 26px;
    font-size: 14px;
    color: #6b6b6b;
    width: 379px;
}

#mianFunctionaryContainer ul > li:nth-child(1) > div p:nth-child(2) {
    margin-top: 23px;
}

#mianFunctionaryContainer ul > li div p:nth-child(1) {
    margin: 20px 0 0 0;
    font-size: 20px;
    color: black;
}

.bg1 {
    height: 135px;
    background: url(../img2/01.png) no-repeat top center;
}

.bg2 {
    height: 135px;
    background: url(../img2/02.png) no-repeat top center;
}

.bg3 {
    height: 135px;
    background: url(../img2/03.png) no-repeat top center;
}

.bg4 {
    height: 135px;
    background: url(../img2/04.png) no-repeat top center;
}

.bg005 {
    width: 235px;
    height: 437px;
    background: url(../img2/005.png) no-repeat top center;
}

.bg006 {
    width: 235px;
    height: 437px;
    background: url(../img2/006.png) no-repeat top center;
}

.bg007 {
     width: 210px;
    height: 237px;
    background: url(../img2/007.png) no-repeat top center;
}

.bg008 {
    width: 210px;
    height: 237px;
    background: url(../img2/008.png) no-repeat top center;
}

.bg009 {
     width: 210px;
    height: 237px;
    background: url(../img2/009.png) no-repeat top center;
}

.bg010 {
   width: 210px;
    height: 237px;
    background: url(../img2/010.png) no-repeat top center;
}

.bg011 {
    margin: 30px;
    height: 121px;
    background: url(../img2/arrow1.png) no-repeat top center;
}

.bg012 {
    margin: 30px;
    height: 121px;
    background: url(../img2/arrow2.png) no-repeat top center;
}

.bg013 {
    margin: 30px;
    height: 121px;
    background: url(../img2/arrow3.png) no-repeat top center;
}

.bg014 {
    margin: 30px;
    height: 121px;
    background: url(../img2/arrow04.png) no-repeat top center;
}

.bg015 {
    margin: 30px;
    height: 121px;
    background: url(../img2/arrow05.png) no-repeat top center;
}

.bg016 {
    margin: 30px;
    height: 121px;
    background: url(../img2/arrow06.png) no-repeat top center;
}

.bg017 {
    margin: 30px;
    height: 121px;
    background: url(../img2/arrow07.png) no-repeat top center;
}

.bg018 {
    margin: 30px;
    height: 121px;
    background: url(../img2/arrow08.png) no-repeat top center;
}

.bg019 {
    margin: 30px;
    height: 121px;
    background: url(../img2/arrow09.png) no-repeat top center;
}

.bg_14 {
    height: 131px;
    background: url(../img2/arrow7.png) no-repeat top center;
}

.bg_15 {
    height: 131px;
    background: url(../img2/arrow8.png) no-repeat top center;
}

.bg_16 {
    height: 131px;
    background: url(../img2/arrow9.png) no-repeat top center;
}

.bg_17 {
    height: 131px;
    background: url(../img2/arrow10.png) no-repeat top center;
}

.TechnologicalAdvantagecontainer {
    width: 100%;
    height: 579px;
    background: #f6f6f6;
}

#TechnologicalAdvantage + ul {
    margin: 40px auto;
    height: 584px;
    max-width: 1200px;
    min-width: 1200px;
}

#TechnologicalAdvantage + ul > li {
    float: left;
    padding: 30px 10px 0px 10px;
    margin: 0 32px;
    width: 234px;
    height: 297px;
}

#TechnologicalAdvantage + ul > li dl {
    width: 100%;
    text-align: center;
}
#learnMore{
    position: absolute;
    color: #6b6b6b;
    text-align: center;
    margin-top: 41px;
    width: 100%;
}
#learnMore a{
    margin-left: 1110px;
}
#learnMore a:hover{
     color:#3686be;
}
#TechnologicalAdvantage + ul > li dl:hover .TechnologicalAdvantageCover {
    width: 182px;
    height: 182px;
    /* background: #4fadef; */
    /* border: 1px solid #4fadef; */
    /* opacity: 0.6; */
    position: relative;
    z-index: 3333333;
    border-radius: 50%;
    top: -297px;
    left: 14px;
    box-shadow: 2px 2px 18px #3e8cc2;
    opacity:0.34;

}
#TechnologicalAdvantage
    + ul
    > li:nth-child(2)
    dl:hover
    .TechnologicalAdvantageCover {
    top: -317px;
}
#TechnologicalAdvantage
    + ul
    > li:nth-child(4)
    dl:hover
    .TechnologicalAdvantageCover {
    top: -317px;
}

#TechnologicalAdvantage + ul > li dl dt h4 {
    margin-bottom: 16px;
    margin-top: 47px;
    color: white;
    font-size: 18px;
}

#TechnologicalAdvantage + ul > li dl dt p {
    font-size: 14px;
    color: white;
    width: 219px;
}

#TechnologicalAdvantage + ul > li dl dt span {
    font-size: 14px;
    color: #ccc;
}

#TechnologicalAdvantage + ul > li dl dd {
    color: #6b6b6b;
}

.typeConfigurecontainer {
    width: 100%;
    height: 1350px;
    background: #ffffff;
}

.typeConfigurecontainer ul {
    clear: both;
    margin: 40px auto;
    height: 342px;
    max-width: 1217px;
    min-width: 1200px;
}

.typeConfigurecontainer ul > li {
    float: left;
    height: 342px;
    width: 288px;
    border-right: 1px solid #e1dbdb;
    border-top: 1px solid #e1dbdb;
    border-bottom: 1px solid #e1dbdb;
}

.typeConfigurecontainer ul > li:hover {
    border: 2px solid #2f7aae;
}

.typeConfigurecontainer ul > li:nth-child(1) {
    width: 303px;
    height: 343px;
    padding: 20px;
    background: #2f7aae;
    color: white;
}

.typeConfigurecontainer ul > li:nth-child(1) > div {
    height: 170px;
    width: 86%;
    padding: 20px;
}

.typeConfigurecontainer ul > li:nth-child(1) > div:nth-child(1) {
    border-bottom: 2px solid #4a8bb8;
}

.typeConfigurecontainer ul > li > dl > dd {
    text-align: center;
}

.typeConfigureTiltle {
    background: #f9f9f9;
    text-align: center;
    height: 56px;
    line-height: 56px;
}

.fontAfter {
    font-size: 16px;
    color: #333;
    margin: 0 4px;
}

.fontBefore {
    font-size: 14px;
    color: #666;
    margin: 0 4px;
}

.typeConfigurePrice {
    color: ;
}

.typeConfigurecontainer ul > li dl dd b {
    color: #f39800;
    font-size: 30px;
    display: inline-block;
}

.typeConfigurecontainer ul > li dl a {
    margin: 8px 0 0 7px;
    width: 100px;
    border: 1px solid;
    display: inline-block;
    text-align: center;
    background: #2f7aae;
    color: #fff;
    height: 37px;
    line-height: 37px;
    display: none!important;
}

.typeConfigurecontainer ul > li dl a:hover {
    background: #4598d1;
}

.Solutioncontainer {
    width: 100%;
    height: 336px;
    background: #ffffff;
}

.Solutioncontainer ul {
    clear: both;
    margin: 40px auto;
    height: 342px;
    max-width: 1217px;
    min-width: 1200px;
}

.Solutioncontainer ul > li {
    float: left;
    margin: 0 10px;
    height: 131px;
    line-height: 131px;
    width: 281px;
    border: 1px solid #e1dbdb;
    color: white;
    text-align: center;
    font-size: 18px;
}

.Solutioncontainer ul > li > div:hover {
    background: #3f84b4;
}

.Solutioncontainer ul > li > div {
    background: #143449;
    position: relative;
    opacity: 0.9;
    z-index: 22222;
    height: 131px;
    width: 281px;
}
.Solutioncontainer ul > li > div a {
    color: white;
}

.loginConfirmcontainer {
   
    height: 50px;
    background: #2f7baf;
    padding: 50px;
}
#loginConfirm {
    color: white;
    margin: 0 auto;
    border: 2px solid white;
    border-radius: 30px;
    width: 210px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: block;
    font-size: 18px;
}

#loginConfirm:hover {
    box-shadow: 0px 1px 9px #f0d490;
}

#arrowPrices {
    width: 100%;
    background: #ffffff;
}

.arrowPricescontainer {
    margin: 40px auto;
    max-width: 1217px;
    min-width: 1200px;
}

.arrowPricesTitle {
    margin: 10px auto;
    width: 98%;
}

.specialTip {
    background: #f2f8ff;
    width: 100%;
    height: 200px;
    color: #f39800;
    text-indent: 20px;
    font-size: 14px;
}

.gobacktip:hover {
    color: red;
    cursor: pointer;
}

.content2 .con-center {
    padding: 56px 0;
}

.content5 .con-center {
    width: 100%;
    margin-left: 243px;
    padding: 56px 0 0 0;
}

.content1 .con-1,
.content1 .con-3,
.content1 .con-5,
.content2 .con-1,
.content2 .con-3,
.content6 .con-2 {
    background: #f1f3f5;
}

.content1 .con-2,
.content1 .con-4,
.content2 .con-2 {
    background: #fff;
}

.tab-content .p1 {
    color: #3779be;
    font-size: 30px;
    text-align: center;
    line-height: 30px;
    padding-bottom: 20px;
}

.p1_jty {
    clear: both;
    color: #333333;
    font-size: 24px;
    text-align: center;
    line-height: 24px;
    padding-bottom:20px;
    padding-top: 40px;
}

.p2 {
    color: #333;
    font-size: 20px;
    text-align: center;
    line-height: 30px;
    padding-bottom: 20px;
}

.p3 {
    color: #262626;
    font-size: 20px;
    text-align: center;
    line-height: 20px;
    padding-bottom: 24px;
    font-weight: bold;
}

.p4 {
    color: #666;
    font-size: 16px;
    text-align: center;
    line-height: 18px;
}

.p5 {
    color: #3779be;
    font-size: 30px;
    text-align: center;
    line-height: 30px;
    padding-bottom: 48px;
}

.p6 {
    color: #262626;
    font-size: 26px;
    text-align: center;
    line-height: 20px;
    padding-bottom: 24px;
    font-weight: bold;
}

.p7 {
    color: #666;
    font-size: 20px;
    text-align: center;
    line-height: 28px;
}

.p8 {
    color: #3779be;
    font-size: 30px;
    text-align: left;
    line-height: 30px;
    padding-bottom: 20px;
    width: 498px;
    padding-bottom: 23px;
}

.p9 {
    color: #666;
    font-size: 20px;
    text-align: left;
    line-height: 26px;
    padding-bottom: 20px;
    width: 498px;
}

.p10 {
    color: #3779be;
    font-size: 30px;
    text-align: left;
    line-height: 30px;
    padding-bottom: 20px;
    padding-bottom: 35px;
    padding-left: 697px;
    padding-top: 108px;
}

.p11 {
    color: #666;
    font-size: 20px;
    text-align: left;
    line-height: 26px;
    padding-bottom: 20px;
    padding-left: 697px;
}

.p12 {
    color: #3779be;
    font-size: 30px;
    line-height: 30px;
    padding-bottom: 20px;
    width: 520px;
}

.p13 {
    color: #666;
    font-size: 20px;
    line-height: 28px;
    padding-bottom: 25px;
    width: 520px;
}

.p14 {
    color: #333;
    font-size: 30px;
    line-height: 30px;
    padding-bottom: 24px;
}

.p15 {
    color: #2e6fb3;
    font-size: 18px;
    line-height: 20px;
    padding-bottom: 20px;
}

.p16 {
    color: #ff7f27;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
}

.span1 {
    font-size: 30px;
}

.a-1 {
    color: #3779be;
    text-decoration: underline;
}

.a-2 {
    color: #fff;
    font-size: 18px;
    line-height: 38px;
    display: inline-block;
    width: 139px;
    height: 38px;
    text-align: center;
    background: url(../img2/20.png) no-repeat center center;
}

.a-2:hover {
    color: #fff;
}

.a-3:hover {
    color: #3779be;
}

.ul-1 {
    overflow: hidden;
}

.ul-1 li {
    float: left;
    width: 290px;
    padding-top: 260px;
    margin-right: 60px;
}

.ul-1 li.last {
    margin-right: 0px;
}

.ul-1 .bg1 {
    background: url(../img2/01.png) no-repeat top center;
}

.ul-1 .bg2 {
    background: url(../img2/02.png) no-repeat top center;
}

.ul-1 .bg3 {
    background: url(../img2/03.png) no-repeat top center;
}

.ul-2 {
    overflow: hidden;
}

.ul-2 li {
    float: left;
    padding-top: 140px;
    padding-bottom: 75px;
}

.ul-2 .left {
    width: 332px;
    margin-right: 289px;
}

.ul-2 .right {
    width: 364px;
}

.ul-2 li {
    margin-right: 0px;
}

.ul-2 .bg10 {
    background: url(../img2/10.png) no-repeat top center;
}

.ul-2 .bg11 {
    background: url(../img2/11.png) no-repeat top center;
}

.ul-2 .bg12 {
    background: url(../img2/12.png) no-repeat top center;
}

.ul-2 .bg13 {
    background: url(../img2/13.png) no-repeat top center;
}

/*.ul-3{overflow: hidden;}*/

.ul-3 li {
    float: left;
    width: 193px;
    height: 232px;
    margin-right: 6px;
    background: url(../img2/24.png) no-repeat left top;
    position: relative;
    margin-bottom: 48px;
}

.ul-3 li.last {
    margin-right: 0;
}

.con-2 .p2,
.con-3 .p2,
.con-4 .p2 {
    padding-bottom: 40px;
}

.creat-now {
    height: 208px;
    background: url(../img2/09.png) no-repeat top center;
}

.creat-now a {
    display: inline-block;
    width: 100%;
    height: 208px;
}

.no-bottom {
    padding-bottom: 0px !important;
}

.content2 .private-net {
    padding: 155px 0 150px;
    background: url(../img2/14.png) no-repeat 540px 60px;
}

.content2 .sample-api {
    padding: 155px 0 150px;
    background: url(../img2/15.png) no-repeat 0 60px;
}

/*设置边距*/

.pdl-500 {
    padding-left: 500px;
}

.pdb-35 {
    padding-bottom: 35px;
}

.pdt-40 {
    padding-top: 40px;
}

.pdb-50 {
    padding-bottom: 50px;
}

.pdb-45 {
    padding-bottom: 45px;
}

.pdb-80 {
    padding-bottom: 80px;
}

.mgl-10 {
    margin-left: 10px;
}

.s-blod {
    font-weight: bold;
}

.content3 .con-center {
    padding: 100px 0;
}

.bg16 {
    background: url(../img2/16.png) no-repeat left top;
    height: 427px;
    padding-bottom: 128px;
}

.bg17 {
    background: url(../img2/17.png) no-repeat left top;
    height: 427px;
    padding-bottom: 128px;
}

.bg18 {
    background: url(../img2/18.png) no-repeat left top;
    height: 427px;
}

/*tab four begin*/

.content4 .con-center {
    padding: 192px 0 210px;
    background: url(../img2/19.png) no-repeat 524px 70px;
}

/*tab four end*/

/*tab five begin*/

.line-1 {
    height: 1px;
    background: #dfdfdf;
    width: 100%;
    position: absolute;
    top: 110px;
}
.con-center {
    margin: 0 auto;
    width: 100%;
    /*height: 605px;*/
    /*padding: 60px 0 0 0;*/
}

.content5 {
    position: relative;
}

.content5 .con-center {
    overflow: hidden;
    height: 100%;
}

.content5 .left {
    float: left;
    width: 178px;
    background: #fff;
    border: 1px solid #eeeeee;
    margin-top: 30px;
}

.content5 .right {
    float: left;
    padding-left: 30px;
    padding-bottom: 50px;
    width: 580px;
}

.content5 .right h4 {
    border-top: 1px solid #eee;
    color: #2e79ad;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 30px;
    padding-top: 30px;
    font-weight: 400;
}

.content5 .right h4:first-child {
    border-top: medium none;
    color: inherit;
    font-size: 28px;
    margin-top: 1rem;
}

.content5 .right p {
    color: #888;
    font-size: 16px;
    line-height: 25px;
}

.content5 .right ul {
    padding-left: 20px;
}

.content5 .right ul > li {
    font-size: 16px;
    color: #000;
    list-style: inherit;
    line-height: 40px;
}

.p-question {
    font-size: 16px;
    color: #3779be;
    line-height: 27px;
}

.p-title {
    padding-top: 27px;
    color: #333;
    font-size: 16px;
    line-height: 27px;
}

.p-answer {
    color: #666;
    font-size: 16px;
    line-height: 27px;
}

.content5 .items {
    padding: 30px 0 75px 25px;
}

.content5 dl {
    padding-bottom: 16px;
}

.content5 .tab-index li {
    color: #888;
    font-size: 18px;
    line-height: 25px;
    padding-bottom: 18px;
    border-bottom: 1px solid #eeeeee;
    cursor: pointer;
    padding: 10px;
}

.content5 li.active {
    color: #2e79ad;
    background: #f9f9f9;
}

.content5 dd {
    color: #666;
    font-size: 16px;
    line-height: 36px;
}

/*tab five end*/

.content6 .a-ssd {
    display: inline-block;
    width: 53px;
    height: 22px;
    margin: 0 12px;
    background: url(../img2/21.png) no-repeat center center;
    vertical-align: middle;
}

.content6 .a-sas {
    display: inline-block;
    width: 53px;
    height: 22px;
    margin: 0 12px;
    background: url(../img2/22.png) no-repeat center center;
}

.icon-1 {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(../img2/23.png) no-repeat center center;
    vertical-align: middle;
}

.price-info {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.m-price {
    margin-top: 18px;
    color: #3374b8;
    font-size: 20px;
    text-align: center;
    line-height: 30px;
}

.y-price {
    margin-top: 18px;
    color: #333;
    font-size: 20px;
    text-align: center;
    line-height: 20px;
}

.p-setting {
    margin-top: 40px;
    color: #a3aab2;
    font-size: 14px;
    text-align: center;
    line-height: 27px;
}

.p-setting b {
    color: #2f343a;
    font-size: 18px;
}

.content6 .left {
    float: left;
    width: 50%;
}

.content6 .right {
    float: left;
    width: 50%;
}

.content6 .left .item {
    padding-bottom: 45px;
    padding-right: 10px;
}

.content6 .right .item {
    padding-bottom: 45px;
    padding-left: 40px;
}

.content6 .item.last {
    padding-bottom: 0;
}

.content6 .question {
    color: #262626;
    font-size: 18px;
    line-height: 20px;
    padding-bottom: 15px;
}

.content6 .answer {
    color: #666;
    font-size: 16px;
    line-height: 36px;
}

.content6 .icon-1 {
    position: relative;
}

.content6 .icon-1 em {
    background: url(../img2/note.png);
    width: 160px;
    height: 52px;
    display: none;
    position: absolute;
    top: -58px;
    left: -72px;
}

.content6 .icon-1:hover em {
    display: block;
}

.blue {
    color: #4996e6 !important;
}

.green {
    color: #6ec78b !important;
}

.grey {
    color: #666 !important;
}

.price-info:hover {
    -webkit-animation: dese 0.5s 1;
    -moz-animation: dese 0.5s 1;
    animation: dese 0.5s 1;
    height: 261px;
    background: url(../img2/25.png) no-repeat top center;
    top: -15px;
}

.price-info:hover .m-price {
    color: #fff;
    padding-top: 15px;
}

.price-info:hover .y-price {
    color: #fff;
}
























@media (min-width:1260px){
	.container{width:1230px}
}
@media (max-width:1680px){
	html{font-size: 19px;}
}

@media (max-width:1600px){
	.menuBg{width:50px}.mOnLineCon{right:50px}
	.onLineWx .mOnLineCon{width:100px}
	.mbox5{margin-right:50px}
	.navTop{padding:25px}
	.navBot{padding-top:80px}
	.navList li a{padding:50px 0 0 15%}
	.navEn{font-size:24px}.navCn,.navTel{font-size:18px}
	.navList li.text-right{padding:50px 0 0}
	#navPage li{padding-left:25px}
	#navPage li.active:first-child:after{width:80px}
	#navPage li:first-child+li.active:after{width:80px}
	#navPage li:first-child+li+li.active:after{width:95px}
	#navPage li:first-child+li+li+li.active:after{width:70px}
	#navPage li:first-child+li+li+li+li.active:after{width:115px}
	#navPage li:first-child+li+li+li+li+li.active:after{width:100px}
	#navPage li:first-child+li+li+li+li+li+li.active:after{width:80px}
	#navPage li:first-child+li+li+li+li+li+li+li.active:after{width:100px}
	.welcome{width:250px;height:56px;line-height:56px}
	
}

@media (max-width:1400px){
	html{font-size: 17px;}
}
@media (max-width:1368px){
	html{font-size: 16px;}
}
@media (max-width:1280px){
	
	
}
@media (max-width:1200px){
	.menuBg{padding:15px 0 0}.headerBg{padding:15px}.logo{height:20px;max-width:190px}.navClose{padding:0;height:20px}.navTop{padding:15px}.navBot{padding-top:50px}.navEn{font-size:18px}.navCn,.navTel{font-size:14px}.navList li.text-right{font-size:12px}
#navPage li{padding-left:15px}
#navPage li.active:first-child:after{width:70px}
#navPage li:first-child+li.active:after{width:70px}
#navPage li:first-child+li+li.active:after{width:85px}
#navPage li:first-child+li+li+li.active:after{width:60px}
#navPage li:first-child+li+li+li+li.active:after{width:105px}
#navPage li:first-child+li+li+li+li+li.active:after{width:90px}
#navPage li:first-child+li+li+li+li+li+li.active:after{width:70px}
#navPage li:first-child+li+li+li+li+li+li+li.active:after{width:90px}
#navPage li a{line-height:24px}.banText{width:350px}

.banBorder1{right:-35px;width:140px;height:240px}.ban1Line1{bottom:214px}.ban1Line2{width:138px}.ban1Line3{height:238px}.ban1Line4{width:138px}.ban1Line5{height:155px}.mbox3Brief{display:none}.mbox3LefItem li{padding-bottom:10px}.mbox3LefItem li:after{height:15px}.mbox4List{padding:50px 10px 5px}.mbox4List .swiper-slide{padding:2px}.banNews{height:300px}.newsList{padding:25px 15px}.newsRig{padding:15px 15px}.newsList li{padding:10px 0}.newsTabLef li{padding:0 8px}.newsTime{width:50px}.newsTime span{width:50px;height:50px;line-height:50px}.newsText{margin-left:75px}.newsTit{padding:5px 3%;font-size:20px}.newsRigTit{padding:15px 0;font-size:20px}.pagerNext,.pagerPrev,.pagerTit{line-height:50px}.pagerList{margin-left:-25px;padding:20px 0 0;width:50px}.hotNews{padding:0 2% 30px}.hotNewsList li:nth-child(4){display:none}.banCase{height:450px}.banCaseTit{padding:10px 0;font-size:26px}.caseConBg{padding:30px 0}.caseCon{padding:15px 10px}.banContact{height:400px}.conH2{font-size:20px}.conText{margin:0 -5px}.conTextLef,.conTextRig{padding:0 5px}.conText strong{padding-right:10px}.joinList li{padding:25px 150px 25px 280px}.joinInfo,.joinTit{padding-left:50px;width:280px}.joinTit{top:45px}.joinName{font-size:22px}.joinIco{top:30px;width:150px}.joinBtn{top:50px}.joinText{padding-left:25px}}

@media (max-width:992px){.menuBg{position:static;padding:0;width:auto;height:auto}.menuBtn{position:absolute;top:20px;right:20px;z-index:2}.menuBtn img{display:none}.mBtnLine{width:20px;text-align:left}.mBtnLine span{width:100%;height:2px;background:#FFF}.mBtnLine span:nth-child(2){margin:5px 0;width:80%}.mOnLine{position:absolute;right:0;bottom:0;z-index:1;width:50px}.header{margin-right:50px}.mbox{margin-right:0}

#navPage{display:none}.navBot{padding-bottom:150px}.navList{overflow-y:auto;padding:10px 0 0}.navList li{float:none;width:100%;height:auto}.navList li a,.navList li a:hover{padding:5px 15px;border:none;border-bottom:1px solid rgba(255,255,255,.08)}.navList li a span{display:inline-block;vertical-align:middle;font-size:14px}.navEn{padding-right:10px;min-width:70px}.navList li.text-right{padding:5px 15px;width:100%;line-height:24px}.navBotCon{position:static;padding:0 15px 15px;width:100%}.banText3{max-width:90%}.box2ImgBg{width:100%;opacity:.1}.fp-viewing-page2 .tel{color:#da0502}
.fp-viewing-page2 .telIco{background-image:url(../images/telRed.png)}.fp-viewing-page2 .mBtnLine span{background:#da0502}.mbox2Text{position:relative;z-index:1;padding:40px 15px 0;width:100%}.mbox2Text .mbox2TitEn{font-size:38px;line-height:120%}.mbox2Text .mbox2TitCn{font-size:24px;line-height:120%}.mbox2Bot:after{display:none}.mbox3{padding:0 15px;width:100%;max-width:100%}.mbox3Lef{float:none;padding-bottom:30px;width:100%}
.mbox3LefCon{padding-left:40px}.mbox3Rig{float:none;overflow:hidden;width:100%}.mbox3Tit .mbox2TitEn{font-size:24px}.mbox3Tit .mbox2TitCn{font-size:18px}.mbox3H4 img{display:inline!important;max-width:25px}.box3RigText{position:relative;right:auto;bottom:auto;background:rgba(255,255,255,.9)}.box3RigImg{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%)}.box3RigImg img{float:none;width:100%;max-width:100%}.fp-viewing-page4 .logo img.shows{display:none}.fp-viewing-page4 .logo img.hides{display:block}.fp-viewing-page4.active .logo img.shows{display:block}.fp-viewing-page4.active .logo img.hides{display:none}.mbox4LefBtn{position:absolute;top:52px;left:12px;z-index:3;width:30px;height:30px;border-radius:2px;background:#da0502;color:#fff;text-align:center;font-size:18px;line-height:30px;cursor:pointer}.mbox4Lef{left:-250px;z-index:2;width:250px;transition:all .6s ease 0s}.mbox4Lef.active{left:0}.mbox4LefCon{padding-left:30px}.mbox4{margin:0}.mbox5List{max-width:90%}.mbox5Bot{padding:0 50px}.mbox5Btn .mbox5Line{display:none}.mbox5Bot .swiper-pagination-bullet{margin:0 2px;width:20px;height:2px}.mbox7List li{width:100%}.mbox7List li:nth-child(2) a{padding-right:50%;padding-left:0}.mbox7List li:nth-child(3) a{padding-right:0;padding-left:50%}.mbox7List li:nth-child(2) .mbox7Img{right:0;left:auto}.mbox7List li:nth-child(3) .mbox7Img{right:auto;left:0}.mbox8Wrap{padding:0 15px;height:auto;max-width:100%}.mbox8Left{float:none;width:100%;box-shadow:none;transform:rotateY(0)}.mbox8Right{float:none;padding:15px;width:100%;transform:rotateY(0)}.footCon{padding:0;text-align:center}.copyright{padding-bottom:10px;text-align:center}.FtLogo{position:static;margin:0 auto;transform:translateY(0)}.banNews{height:260px}.banEn{padding:5px 0;font-size:26px}.banCn{font-size:17px}.news{padding:30px 0}.newsLef,.newsRig{float:none;width:100%}.newsLoad{margin:25px auto}.newsRigTit{padding:10px 0;font-size:18px}.newsRigList{overflow:hidden;margin:0 -5px}.newsRigList li{float:left;padding:5px;width:50%}.newsRigList li:nth-child(5){display:none}.newsRigBot{padding-bottom:0}.newsName{padding:10px 15px;font-size:22px}.newsCon{line-height:30px}.newsTab2{margin:28px 0}.hotNewsList li:nth-child(4){display:block}.banCase{height:360px}.banCaseCon{bottom:70px}.banCaseLine{margin-bottom:5px;width:40px;height:2px}.banCaseTit{font-size:22px}.banContact{height:340px}.contactBg{padding:30px 0}.conTop{padding-bottom:10px}.conTit{padding:10px 0}.conLef,.conRig{float:none;width:100%}.conLef{padding-bottom:10px}.conH2,.conTip{float:none;display:block;width:100%}.joinList li{margin:10px 0;padding:15px 10px 10px}.joinTit{position:static;padding-left:0;width:90%}.joinInfo{position:static;margin:0 -5px;padding-bottom:10px;padding-left:0;width:100%}.joinInfo p{display:inline-block;padding:0 5px;vertical-align:middle}.joinText{padding-left:0;height:0;border:none}.joinIco{top:20px;width:100px}.joinIco img{max-width:40%}.joinBtn{top:25px}#pages{padding:20px 0}
}
@media (max-width:768px){
	  html{font-size: 14px;}
	.zong{width: 100%;padding-left: 16px;padding-right: 16px;box-sizing:border-box;}
	.lgh-ta h3{width: 50%;}
	.header{display: none;}
	.lgh-ta .lgh-con .right{width: 100%;}
	.banner ul li h2{font-size: 0.7rem;}
	.banner ul li p{font-size: 0.5rem;}
	.banner ul{width: 90%;top: 48%;}
	.lgh-ta{margin-top: 20px;}
	.lgh-ta .lgh-con .left{width: 100%;margin-top: 24px;}
	.lgh-ta .lgh-con .left h4{margin-bottom: 16px;}
	.lgh-ta .lgh-con .tab-nei{margin-top: 10px;}
	.lgh-ta .lgh-con{margin-top: 30px;margin-bottom: 26px;}
	.lgh-ta h3:first-child{border-bottom: 0;}
	.lgh-ta h3:first-child+h3{border-bottom:0;border-right:2px solid #ccc;}
	.lgh-ta .lgh-con .tab-btn{margin-top: 12px;}
.tab-menu-container{height: 100px;}
.tab-menu li{height: 50px;line-height: 50px;}
.tab-menu li span{height: 50px;line-height: 50px;}
.tab-menu{width:100%;}
.tab-menu li{width: 50%;}
.tab-menu li.focus-true i{display: none;}
#mianFunctionaryContainer ul > li{width: 100%;}
#smartBackup{background-repeat: no-repeat;}
#NetworkPerformanceMonitoring{background-repeat: no-repeat;}
#InternetAccessSetup{background-repeat: no-repeat;}
#api,#onlineExpansion,#arrowwhitelist{background-repeat: no-repeat;padding: 10px!important;}
#TechnologicalAdvantage + ul{max-width: 100%!important;min-width:100%!important;}
#TechnologicalAdvantage + ul > li{margin-bottom: 40px;}
#mianFunctionaryContainer ul > li div p{width: 100%;margin-top: 0!important;}
#mianFunctionaryContainer ul > li{background-color: #fff;}
#mianFunctionaryContainer{max-width: 100%!important;min-width:100%!important;padding: 0 4%;box-sizing:border-box;}
#mianFunctionaryContainer ul{max-width: 100%!important;min-width:100%!important;}
#mianFunctionaryContainer ul > li{height: 164px;}
#TechnologicalAdvantage + ul > li{padding: 0 0 0 0;margin:0 0;width: 50%;margin-bottom: 20px;}
.typeConfigurecontainer ul{max-width: 100%!important;min-width:100%!important;}
.typeConfigurecontainer ul > li:nth-child(1){width: 100%;}
.typeConfigurecontainer ul > li{width: 100%;}
#mianFunctionaryContainer ul > li div{margin: 0 0 0 110px!important;}
.TechnologicalAdvantagecontainer{height: auto!important;}

.Solutioncontainer ul{max-width: 100%!important;min-width:100%!important;}
.Solutioncontainer ul > li{width: 50%;margin: 0 0;}
/*.Solutioncontainer ul > li > div{display: none;}*/
.Solutioncontainer ul > li{background-color: #143449;border: 0;border: 1px solid #fff;box-sizing:border-box;}
.Solutioncontainer ul > li > div{width: 100%;}
.bg_15{border-left: 0;}
  
}



@media (max-width:767px){

	.banImg3{margin:20px auto 0}.swiper-slide-active .banBg3:after{width:100%}.mbox7List{padding:0 15px;max-width:100%}.mbox7Img{width:30%}.mbox7List li a{min-height:0}.mbox7List li:nth-child(2n) a{padding-right:30%;padding-left:0}.mbox7List li:nth-child(2n+1) a{padding-right:0;padding-left:30%}.mbox7Ico{left:30%}.mbox7List li:nth-child(2n) a .mbox7Ico{left:70%}.mbox7Text{padding:15px}.mbox7Name{overflow:hidden;width:100%;height:22px;text-overflow:ellipsis;white-space:nowrap}.newsTime2{padding:7px 10px}.newsCon{padding:20px 0 0}.newsTab2{margin:20px 0}.pagerBox{padding:5px 0}.pagerNext,.pagerPrev{float:none;padding-right:0;padding-left:55px;width:100%}.pagerNext,.pagerPrev,.pagerTit{line-height:30px}.pagerNext{text-align:left}.pagerNext .pagerTit{right:auto;left:0}.pagerNext a,.pagerPrev a{display:block}.pagerTit{top:0}.pagerTit i{display:none}.pagerList{position:static;margin:2px 0;padding:10px 0;width:100%;border:1px solid #DEDEDE;border-right:none;border-left:none}.hotNews{padding:0 15px 25px}.caseBox{padding:15px}.conTextLef,.conTextRig{max-width:100%}.mesInput{padding:10px 0 5px}.joinName{font-size:18px}.joinNameEn{font-size:12px}.joinIco{top:15px}.joinBtn{top:20px}}

@media (max-width:640px){
    .menuBtn{top:15px;right:15px}.navClose{width:22px}.navClose span:last-child{margin-top:15px}.header{margin-right:40px}.navBot{padding-bottom:85px}.logo{height:16px;max-width:152px}.tel{font-size:16px;line-height:16px}.navBotCon p{display:none}.mbox1 .swiper-pagination{bottom:2%}.welcome{left:0;width:170px;height:46px;font-size:12px;line-height:46px}.welcome i,.welcome span,.welcome strong{margin:0}.welcome:hover .welcomeLine{width:30px}.banBorder1{display:none}.banText{bottom:35%;left:10%;width:80%}.ban1Line{margin:10px 0}.banTextCir{display:none}.banText2{margin:0;margin-left:5%;width:90%;transform:translate(-50%,-50%)}.mbox2TitEn{font-size:26px}.mbox2TitCn{font-size:20px}.mbox2Img{margin:0 auto 5px;max-width:40%}.mbox3Lef{padding:0}.mbox3Tit{margin-left:0}.mbox3LefCon{display:none}.box3RigText{padding:15px}.mbox3Con{margin:10px 0;height:auto}.mbox4List .swiper-slide{width:50%; height:25%;}.mbox5Bot{padding:0}.mbox5Btn{position:static;display:inline-block;padding:10px 0;vertical-align:middle;font-size:14px;transform:translateY(0)}.mbox5Bot .swiper-pagination{display:block;width:100%}.mbox6Text{max-width:100%}.mbox6Top{margin:-30px 0 0 -5px;height:60px}.mbox6Line{height:30px}.mbox6Bot img{max-width:80%}.mbox7List{margin:15px auto}
    .mbox7Time{height:26px;line-height:26px}.mbox7Brief{display:none}.mbox7Ico{top:30%}.mbox8LefEn{font-size:18px}.mbox8LefCn{padding:0;font-size:14px}.mbox8Mes{padding:5px 0 0}.mbox8Mes li input{line-height:36px}.mbox8Mes li textarea{margin:0}.mbox8MesBtn{margin-top:10px;width:100px;height:28px;line-height:26px}.mbox8RigCn{display:none}.mbox8RigTip{display:none}.mbox8RigIco img{max-width:20%}.mbox8RigBot:after,.mbox8RigBot:before{display:none}.banNews{height:230px}.newsTime{width:40px}.newsTime span{width:40px;height:40px;line-height:40px}.newsDate{font-size:22px}.newsMonth{font-size:16px}.newsText{margin-left:55px}.newsTit{font-size:16px}.newsBrief{overflow:hidden;margin:10px 0;padding:0;max-height:72px}.newsRig .newsTit{padding:5px 0;font-size:14px}.newsRigBot #bdshare,.newsTab #bdshare{display:none}.banShare{position:static;height:auto;text-align:center}.banShare .container{padding:0;font-size:0}.banShareIco{float:none;display:inline-block;background:#da0502;vertical-align:middle}.banShareIco>li>a{display:inline-block;width:36px;height:36px;background-size:12px;vertical-align:middle}.banShareList{position:static;display:inline-block;width:auto;height:36px;vertical-align:middle}.banShareList a{width:36px;background-color:#da0502;background-size:15px}.banPage{float:none;display:inline-block;background:#da0502;vertical-align:middle}.banPage a{width:36px;height:36px;background-size:15px}.newsTop{padding:20px 0 0}.newsName{font-size:18px}.newsCon{padding:10px 0 0}.hotNewsH2{font-size:18px}.hotNewsName{font-size:14px}.hotNewsLine{margin:5px 0}.hotNewsBrief{margin:5px 0}.caseFenLei{margin:0 -3px;padding:8px 0;background:#F5F5F5}.caseFenLei li{padding:0 3px}.caseFenLei li a{color:#333;line-height:24px}.caseBox{padding:0 15px 1px}.banCase{height:300px}.banCaseCon{bottom:20px}.banCaseLine{margin-bottom:5px;width:40px;height:2px}.banCaseTit{font-size:19px}.caseShare .container{width:100%}.caseConBg{padding:3px 0 15px}.banContact{height:300px}.conTit{padding:5px 0}.conH2{font-size:18px}.conText strong{font-size:14px}.conTextRig{line-height:30px}
}
@media (max-width:460px){
	.tel span{display:none}.tel a{display:block}.mbox1 .swiper-pagination-bullet{margin:0 2px!important;width:20px}.mbox2TitEn{font-size:18px}.mbox2TitCn{font-size:16px}.mbox2Num{margin:5px -5px;line-height:22px}.mbox2NumSp{font-size:20px}.mbox2Num li{padding:5px}.mbox2Brief{max-height:104px;line-height:26px}.mbox2BotH3{font-size:12px;line-height:20px}.mbox2More .welcome{width:140px;height:38px;line-height:38px}.mbox3Tit .mbox2TitEn{font-size:18px}.mbox3Tit .mbox2TitCn{font-size:16px}.mbox3H4{font-size:18px}.mbox6TitEn{font-size:18px;line-height:120%}.mbox6TitCn{font-size:20px;line-height:120%}.f16{font-size:14px}.f24{font-size:20px}.f28{font-size:24px}.mbox6Text{margin:30px auto;padding:25px 15px}.mbox6Text:before{top:0;left:0}.mbox6Ico{right:0;bottom:-6px}.mbox8Left{padding:10px 20px}.mbox8Mes li:nth-child(1),.mbox8Mes li:nth-child(2){display:inline-block;width:48%;vertical-align:middle}.mbox8RigEn{font-size:16px;line-height:16px}.mbox8RigIco{display:inline-block;max-width:20px;vertical-align:middle}.mbox8RigIco img{margin:0 auto;max-width:100%}.mbox8RigCon li{width:100%}.mbox8RigCon li p{display:inline}.mbox8RigBot{margin:10px auto 0}.mbox8RigBot li a{font-size:16px}.banNews{height:200px}.banEn{padding:0;font-size:20px}.banCn{font-size:14px}.newsList li{padding:5px 0}.newsTabLef li{padding:0 5px}.newsTabLef li a{font-size:12px}.newsTime{width:30px}.newsTime span{width:30px;height:30px;line-height:30px}.newsDate{font-size:18px}.newsMonth{font-size:14px}.newsText{margin-left:40px}.newsLine{top:15px;left:-7px;width:14px}.newsLine{bottom:5px;font-size:14px}.newsBrief{margin:5px 0}.newsRigList li{float:none;width:100%}.hotNewsList li{width:100%}.caseList li{width:100%}.banCase{height:240px}.banContact{height:260px}#pages a,#pages span{padding:1px 6px}
     .box3-top .top-zuo p{display:none;}
     .top-cent h4{font-size: 20px;}
     .box3-top{padding-bottom: 0;}
     .top-you p{font-size: 12px;padding-right: 14px;}
     .box3RigText{bottom: -200px;width: 90%;left: 0;margin: 0 auto;}
     .box3RigImg{top: 30%;}
     .mbox3Rig{height: 500px;}
     .mbox3H4 img{margin-right: 6px;}
  
}
@media (max-width:375px){
}
@media (max-width:360px){
}

@media (max-height:414px){
    
}