@charset "utf-8";
/*index*/
* { box-sizing: border-box; }
.mainmenu{ position: fixed; left: 0; top: 0; z-index: 100; width: 100%;  height: 80px; line-height: 80px; overflow: hidden; background-color: rgba(0,0,0,.9); color: #FFF; width: 100%; padding: 0 60px; }
.mainmenu h1.logo{ display: inline-block; margin: 0; padding: 0; background: url('../images/logo.png') no-repeat; width: 200px; height: 80px;}
.mainmenu ul{ float: right; }
.mainmenu li{ display: inline-block; font-size: 16px; }
.mainmenu li a{ color: #FFF; padding: 0 20px; }
.mainmenu li a:visited{ color: #FFF; }
.mainmenu li a:hover,.mainmenu li.current a{ color: #00a0e9; }
/*article*/
article{ margin-top: 80px; }
/*adv*/
.adv{ width: 100%; }
.adv img{ width: 100%; }
/*support*/
.support{ width: 80%; margin: 60px auto; }
.support ul{ display: flex; flex-wrap: nowrap; justify-content: space-between; }
.support li{ font-size: 60px; color: #036eb8; display: inline-block; border-right: 1px solid #dddddd; text-align: center; display: inline-block; padding: 30px 0; width: 24.5%}
.support li:last-child{ border-right: 0; }
.support li span,.support li em{ vertical-align: top }
.support li p{ font-size: 14px; line-height: 50px; width: 100%; padding: 0; color:#999999;}
.support p{ width: 90%; line-height: 30px; font-size: 14px; color: #999999; text-align: center; padding: 60px 0;}

.cooperation{ border-top: 1px solid #ddd; padding: 60px 10%; }
.cooperation h2{ text-align: center; font-size: 20px; color: #036eb8; }
.cooperation ul{ display: flex; flex-wrap: nowrap; justify-content: space-between; margin: 60px 0;}
.cooperation li{ width: 24.5%; text-align: center; display: inline-block; }
.cooperation li img{ width: 70% }

.roamfooter{ border-top: 5px solid #00a0e9; background: #036eb8; color: #FFF; }
.foot{  padding: 50px 5% 25px; border-bottom: 1px solid #00233b }
.foot ul{ display: inline-block; width: 50%; }
.foot ul .foot_img{position:relative; top:2.7rem}
.foot li{ line-height: 40px; width: 30%; display: inline-block; vertical-align: top; }
.foot li a{ color: #54c3f1; display: block; font-size: 14px; }
.foot li a.current,.foot li a:hover{ color: #FFF; }
.foot li h3{ font-size: 18px; font-weight: normal; line-height: 50px; }
.foamfooter_tel{ float: right; text-align: right; font-size:30px; color: #54c3f1; }
.foamfooter_tel span.t400{ font-size: 42px; display: block; padding-bottom: 30px; }
.foamfooter_tel span:last-child{ margin-top: 30px; display: block; }
.foamfooter_tel .contact{margin-top:20px;text-align: right; display: block; width: 100%;}
.foamfooter_tel .contact li{display: inline-block;padding: 0 2px;position: relative; width: auto;}
.foamfooter_tel .contact li:last-child{padding-right: 0;}
.foamfooter_tel .contact li a{display: inline-block;width: 20px;height: 20px;}
.foamfooter_tel .contact li a.ico_wechat{background: url(../images/ico_contact.png) 0 0;}
.foamfooter_tel .contact li a.qq{background: url(../images/ico_contact.png) -20px 0;}
.foamfooter_tel .contact li a.ico_sina{background: url(../images/ico_contact.png) -40px 0;}
.foamfooter_tel .contact li a:hover{background-position-y: bottom}
.foamfooter_tel .footerinfo{width: calc(100% - 180px);margin: 10px auto;color: #b5b5b6;font-size: 12px;}
.foamfooter_tel .footerinfo .fr b{display: inline-block;width: 18px;height: 20px;background: url(../images/ico_jing.png) no-repeat center;vertical-align: top;margin:-1px 5px 0 0;}
.foamfooter_tel .contact li a.ico_wechat:hover+.weix_div{display: block;}


/* weix_div */
.weix_div{ /*border:1px solid #CCC;*/border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;-ms-border-radius:8px; width:150px; height:150px; text-align:center; position:absolute; right:-57px; bottom:28px; /*background:#FFF;*/ display:none;}
.weix_div span.weix_div_arrow{background:url(../images/code-arrow.png) no-repeat 0 0; position:absolute; bottom:-5px;  width:12px; height:6px; display:block; right:63px;}
.weix_div img{ margin:11px 10px 7px; width:129px; height:129px;margin-right: -1px}
/*copyright*/
.copyright{ border-top: 1px solid #00a0e9; padding: 25px 5% 50px; display: flex; justify-content: space-between; }
.copyright p{ display: inline-block; font-size: 14px; line-height: 30px; color:#54c3f1 ; }
.copyright p img{ vertical-align: middle; margin-right: 10px; }

/*solution.html*/
.banner{ margin-top: -5px; }
.banner img{ width: 100%; margin: 0; padding: 0;}
.solu_fun{ background: #FFF; padding: 100px 10%; }
.solu_fun ul{ display: flex; flex-wrap: nowrap; justify-content: space-between; }
.solu_fun li{ display: inline-block; text-align: center; width: 19.5%;}
.solu_fun li s{ width: 60px; height: 60px; display: block; margin: 0 auto 30px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s; }
.solu_fun li:hover s {
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	transform: rotateY(360deg);
}
.solu_fun li:first-child s{ background: url('../images/ico_fun01.png') no-repeat;background-size: 100%; }
.solu_fun li:first-child:hover s{ background: url('../images/ico_fun01s.png') no-repeat;background-size: 100%;  }
.solu_fun li:nth-child(2) s{ background: url('../images/ico_fun02.png') no-repeat;background-size: 100%; }
.solu_fun li:nth-child(2):hover s{ background: url('../images/ico_fun02s.png') no-repeat;background-size: 100%;  }
.solu_fun li:nth-child(3) s{ background: url('../images/ico_fun03.png') no-repeat;background-size: 100%; }
.solu_fun li:nth-child(3):hover s{ background: url('../images/ico_fun03s.png') no-repeat;background-size: 100%;  }
.solu_fun li:nth-child(4) s{ background: url('../images/ico_fun04.png') no-repeat;background-size: 100%; }
.solu_fun li:nth-child(4):hover s{ background: url('../images/ico_fun04s.png') no-repeat;background-size: 100%;  }
.solu_fun li:last-child s{ background: url('../images/ico_fun05.png') no-repeat;background-size: 100%; }
.solu_fun li:last-child:hover s{ background: url('../images/ico_fun05s.png') no-repeat;background-size: 100%;  }
.solu_fun li h3{ color: #036eb8; font-size: 16px; line-height: 30px; padding-bottom: 20px; }
.solu_fun li p{ line-height: 24px; font-size: 14px; color:#999;}

.solucoop{ border-top: 0; background: #e8f6ff; margin-top: -3px;}
.solucoop h2{ height: 105px; width: 210px; margin: 0 auto; color: transparent; background: url('../images/roamlink.png') no-repeat; background-size: 90%; }

/* main */
.main{margin-top: 60px;}
.main.minhe{min-height: calc(100% - 60px);background-color: #fff;}
/* about */
b .pl30{font-weight: bold;}

.aboutus{ margin-top: 80px; min-height: 600px; }
/* help */
.help_cnt{ border:1px solid #e4e4e4; background:#fcfcfc; margin:15px 0 0;height:100%;}
.help_cntleft{ width:220px; float:left; padding-top:20px;}
.help_cntleft li{ height:60px; line-height:60px; font-size:16px; padding-left:60px; display:block; border-bottom:1px solid #e4e4e4; border-left:4px solid #fcfcfc}
.help_cntleft li a:hover,.help_cntleft li.current a{color: #00a0e9;}
.help_cntright{ width:calc(100% - 222px); min-height: 600px;box-sizing: border-box; border-left:1px solid #e4e4e4; background:#FFF;overflow: auto;}
.help_cntrightc{ padding:20px;}
.help_cntrightc h2{ font-size:18px; font-weight:bold; line-height:20px; border-bottom:1px solid #d9d9d9; padding-bottom:10px}
.help_cntrightc h2 span{ border-bottom:3px solid #00a0e9; padding:0 8px 5px 8px;}
.help_tab{ height:28px; border:1px solid #CCC; border-width:0px 0 1px 1px;}
.help_tab li{ float:left; padding:0 15px; line-height:27px; border:1px solid #CCC; border-width:1px 1px 0 0; background:#f6f6f6; font-size:14px; cursor:pointer}
.help_tab li.current{ background:#FFF; line-height:28px;}
.help_cntrightc dl{ padding:20px 10px; line-height:25px; color:#666666; font-size:14px;}
.help_cntrightc dl dd{ margin-bottom:15px;}
.help_cntrightc dl dt{ font-size:16px; font-weight:bold; color:#444; margin-bottom:5px;}
.help_cntrightc h3{ font-size:14px; line-height:25px; margin-top:10px;}
.help_cntrightc dl dd a{ color:#00a0e9}
dl.dllist{padding: 0 30px;}
/* .help_cntrightc dl dd a:hover{ text-decoration:underline} */
.help_cntrightc dl dd p.plhelp{ background:url(../images/icon/liorg3.png) no-repeat 20px 11px; padding-left:30px;}
.help_cntrightc .ser_tab{ border-left:1px solid #CCC; border-top:1px solid #CCC;}
.help_cntrightc .ser_tab th{text-align: left; height:30px; line-height:30px;border:1px solid #CCC; border-width:0 1px 1px 0; padding:2px 5px; background:#eee;}
.help_cntrightc .ser_tab td{ line-height:22px;border:1px solid #CCC; border-width:0 1px 1px 0; padding:2px 5px}

@media(min-width: 1367px){
	body{ font-size: 14px; }
	.mainmenu li{ font-size: 24px; }
	.support{ margin: 120px auto; }
	.support p{ line-height: 30px; font-size: 18px; padding:30px 0; }
	.cooperation{ border-top: 1px solid #ddd; padding: 100px 10%; }
	.cooperation h2{ font-size: 24px; }
	.cooperation ul{margin: 80px 0;}
	.cooperation li img{ width: 100% }
	.roamfooter{ border-top: 10px solid #00a0e9;}
	.foot{  padding: 15px 5% 0px; }
	.foot li{ line-height: 50px; }
	.foot li a{  font-size: 18px; }
	.foot li h3{ font-size: 24px;line-height: 50px; }
	.foamfooter_tel{ font-size:42px; }
	.foamfooter_tel span.t400{ font-size: 60px; padding-bottom: 30px; }
	.copyright p{ display: inline-block; font-size: 14px; line-height: 30px; color:#54c3f1 ; }
	.copyright p img{ vertical-align: middle; margin-right: 10px; }

.solu_fun li s{ width: 100px; height: 100px;}
.solu_fun li h3{ font-size: 24px; line-height: 30px; padding-bottom: 40px; }
.solu_fun li p{ font-size: 18px;}
.solucoop h2{ height: 175px; width: 350px;}

}