@charset "gb2312";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	list-style: none;
	
}

body {
	/*font-family: "Microsoft Yahei";*/
	min-width: 1000px;
	overflow-x:hidden;
	
}
body,ul,li,p,h1,h2,h3,h4,form,fieldset,table,td,img{ margin:0px; padding:0px; border:0px; list-style:none;}
body{font-size:12px;font-family:'微软雅黑';}
ul li dl dd dt{list-style-type:none; margin:0; padding:0; list-style:none;}
a{text-decoration:none !improtant; color:#555;}
a:hover,a:active:{text-decoration:none !improtant;}
a:hover{text-decoration:none !improtant;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
input{outline:none;}
.clear{clear:both;}
.clear {clear: both;}

/*头部登陆区域开始*/
#top_link{ width:100%; background:#F2F2F2; border-bottom:1px solid #fff; position:relative; z-index:6;}
#top_link_out{ height:38px; background:#EBEBEB;  width:100%; }
#top_link_innner{width:1200px; height:36px; margin:0 auto;font-family:'微软雅黑';}
#top_link_innner a{ color:#777777;text-decoration:none;}
#top_link_innner a:hover{ color:#E4393C; text-decoration:underline;}
#top_link_innner .login{ color:#777777; width:450px; float:left; height:36px; background:url(/themes/moban/images/member.jpg) 0px 5px no-repeat; padding-left:26px;line-height:37px;}
#top_link_innner .login span{ color:#336699; }
#top_link_innner  li{ display:inline; line-height:36px; height:36px; padding-left:2px; text-align:center;}
#top_link_innner .message{color:#777777;  float:right; height:36px; width:700px;}
#top_link_innner .message li{ float: right; padding-left:5px;}
#top_link_innner .message li .spline{ padding:0 6px 0 8px; color:#CCCCCC;}
#top_link_innner .message li .spline2{ padding:0; color:#CCCCCC;}
#top_link_innner .message li .arrows{ padding:5px 4px; background:url(/themes/moban/images/arrows_03_y.png) 3px 5px no-repeat #F2F2F2;}
#top_link_innner .message .phone_tianhu {width:105px; height:36px; padding-left:0px; position:relative;z-index:2;}
.top_link_innner .message .gyfd{}


#top_link_innner .phone_bg{ width:86px; height:32px; float:left; line-height:32px; margin-top:2px; text-align:right; padding-right:6px; display:inherit;border:1px solid #F2F2F2; position:relative; cursor:pointer;}
#top_link_innner .phone_bg .message_bg{ width:145px; height:290px; display:none; position:absolute; left:-1px; top:32px; background:url(/themes/moban/images/message_bg.jpg) no-repeat; border:1px solid #ccc;}
#top_link_innner .phone_bg .message_bg a{ display:block; width:95px; height:95px; margin-left:25px; margin-top:45px;}
#top_link_innner .phone_bg .message_bg .m_line{ width:92px; height:10px; background:#fff; position:absolute; left:0px; top:-1px;}
#top_link_innner .phone_bg  .photo_img{width:15px; height:25px;position:absolute; left:6px; top:3px; overflow:hidden;}
#top_link_innner .phone_bg  .photo_img img{ display:block; position:absolute; left:0px; top:0px;}
#top_link_innner .product_tianhu{ width:120px;height:36px; padding-left:0px; position:relative;z-index:3;}
.product_inner{height:32px; float:left; line-height:32px; margin-top:2px; text-align:right; padding:0px 6px; display:inherit;border:1px solid #F2F2F2; position:relative;white-space:nowrap;}
.product_inner .product_bg{width:100px; display:none; position:absolute; left:-1px; top:32px;border:1px solid #ccc; background:#fff; padding:10px; padding-top:2px;}
.product_inner .p_line{width:104px; height:10px; background:#fff; position:absolute; left:0px; top:-1px;}
.product_inner .product_bg a{ display:block; line-height:30px; height:30px; width:100%; text-align:left;}
.idcs_bbs_window{ background:#fff; display:block; border:1px solid #ccc; border-top:0; position:absolute; width:92px; text-align:left; top:32px; left:-1px; padding-bottom:10px; display:none;}
.idcs_bbs_window a{ display:block; text-indent:23px;}
#top_link a:hover{text-decoration: none;}
/*头部登陆区域结束*/
/*顶部开始*/
.top{width:100%; margin:0 auto; background-color:#fff;font-family:'微软雅黑';}
#header{height:120px;width:1200px; margin:0 auto;}
#header h1{float:left;height:58px;background:url(/themes/moban/images/logo.png);background-repeat: no-repeat;margin-top: 32px; padding-left:5px;overflow: hidden;width: 213px;}
#header h1 a{height:58px;width:213px;line-height: 700%;overflow: hidden;display:block;margin-top:26px;}
#header img{margin-top:36px;margin-left:24px;}


#header .t_right{margin:0;float:right;height:60px;margin-top:30px;}
#header .t_right .serch_clatab{width:100%;height:26px;}
#header .t_right .serch_clatab a{display:block;float:left;width:80px;text-align:center;line-height:26px;font-size:12px;color:#277ef2;}
#header .t_right .serch_clatab a.active{color:#fff;background:#277ef2;}
#header .t_right .serch_list{width:498px;height:38px;float:left;}
#header .t_right .serch_list .serch-border{display:block;width:492px;height:32px;position:relative;border:solid 3px #277ef2;}
#header .t_right .serch_list .serch-border input{width:486px;padding:8px;height:26px;line-height:16px;border:none;font-size:14px;}
#header .t_right .serch_list .serch-border .serch-button{width:61px;height:27px;line-height:32px;font-size:16px;top:0;right:0;text-align:center;background:#277ef2;position:absolute;width:61px;height:27px;color:#fff;line-height:27px;}


.header-container .banner-box .login .bai{color:#fff;font-size:15px;}
.header-container .banner-box .login input{background:#fff;border:1px solid #cccccc;height:30px;line-height:30px;margin-top:10px;}





.h_user{ float:right; width:540px;height:90px; font-family:'微软雅黑'; overflow:hidden;}
.h_user a{ float:right; height:90px; line-height:90px;display:block;}
.h_user a:hover {
    text-decoration: none;
}
.h_user a span{ line-height:90px; }
#phone_number{ background:url(/themes/moban/images/ph_tb.jpg) no-repeat; background:url(/themes/moban/images/ph_tb.jpg) 0 32px no-repeat; padding-left:34px;  }
#qq_number{ font-size:24px; color:#f65d19; padding-left:50px; background:url(/themes/moban/images/qq_ico_03.jpg) 20px 32px no-repeat; }
/*顶部end*/
/*nav start*/
#menunew{width:100%; background-color:#1169df; font-family:'微软雅黑'; height:55px; margin:0 auto; position:relative; z-index:5;}
#menunew_top{width:100%;position:absolute;}
.sed_menus{ width:1154px; height:55px;margin:0 auto; _position:relative; line-height:55px;}
.sed_menus li{width:115px;float:left;text-align:center;display:block;position:relative;font-size:16px;}
.sed_menus li a{ display:block; color:#fff; text-decoration: none;}
.sed_menus li a:hover{ color:#fff;background:#0a6ccf; text-decoration: none;}
.sed_menus li.sed_all{ padding:0; width:190px; background:#0a6ccf;position:relative;}
.sed_menus li.sed_all a.sed_allpro{background:#0a6ccf url(/themes/moban/images/arr.jpg) no-repeat 20px center; padding-left:30px;}
.sed_main_contact{ width:1200px; margin:0 auto;}
.sed_left_menu{ width:188px; background:#fff; float:left; border:1px #e3e3e3 solid;height:412px;position:absolute; left:0; top:55px;}
.sed_left_menu dl{ margin:0; padding:0;}
.sed_left_menu dl dd{ width:188px; border-bottom:1px #e3e3e3 solid; height:58px; line-height:58px; font-size:14px; color:#494949; margin:0; position:relative; z-index:8;}
.sed_left_menu dl dd span{ position:absolute; width:24px; height:24px; text-align:center; right:150px;top:20px;}
.sed_left_menu dl dd a{ display:block; background:#fff url(/themes/moban/images/arr01.jpg) no-repeat 160px center;color:#494949; text-align:left; padding:0 20px 0 50px;}
.sed_left_menu dl dd a:hover{ background:#f2f2f2 url(/themes/moban/images/arr01.jpg) no-repeat 160px center; color:#494949;}
.sed_center_banner{ float:right; width:780px; height:414px;}
.sed_right_newlist{ float:right; width:230px;}
.sed_right_newlist_top{border:1px #e3e3e3 solid; height:240px; overflow:hidden;}
.newlist_top_title{ font-size:14px; background:#f7f7f7 url(/themes/moban/images/new_arr.jpg) no-repeat 15px center; line-height:38px; padding-left:43px; color:#6b6b6b;}
.newlist_top_title a{color:#6b6b6b;}
.newlist_top_title a:hover{color:#f00;}
.newlist_cont{ padding:10px 12px 10px 10px; font-size:12px;}
.newlist_cont li{ line-height:30px; height:30px; overflow:hidden;}
.newlist_cont li a{ color:#808080;}
.sed_right_newlist_bottom{border:1px #e3e3e3 solid; height:165px;overflow:hidden; margin:5px 0 0 0;}
.sed_right_newlist_bottom li{ float:left; width:50px; text-align:center; margin-left:20px; margin-top:15px; list-style:none;}
.sed_right_newlist_bottom li span{ display:block; padding-top:5px;}
.sed_left_menutab{ position:absolute; left:188px; top:-1px; background:#fff; border:1px #e3e3e3 solid; z-index:9; width:230px;}
.menutab_fenh{ width:400px;}
.menutab_fenh a{ float:left; width:120px;padding:0; margin:0;}
.sed_left_menutab01{  position:absolute; left:188px; top:-231px; }
.sed_left_menutab02{  position:absolute; left:188px; top:-173px;}
.sed_left_menutab03{  position:absolute; left:188px; top:-290px;}
.sed_left_menutab04{  position:absolute; left:188px; top:-174px;}
.sed_left_menutab05{  position:absolute; left:188px; top:-55px;}
.sed_left_menu dl dd.sel_sed a{background:#f2f2f2 url(/themes/moban/images/arr01.jpg) no-repeat 160px center; color:#494949;}
.sed_left_menu dl dd .sed_left_menutab a{background:#fff url(/themes/moban/images/arr_png.png) no-repeat 15px 18px; padding-left:50px; }
.sed_left_menu .sed_left_menutab a:hover{background:#f2f2f2 url(/themes/moban/images/arr_png.png) no-repeat 15px 18px; padding-left:50px; }
.sed_left_menu dl dd .sed_left_menutab a.arr_png02{ background-position:15px -40px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png03{ background-position:15px -94px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png04{ background-position:15px -154px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png05{ background-position:15px -212px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png06{ background-position:15px -274px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png07{ background-position:15px -332px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png08{ background-position:15px -390px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png09{ background-position:15px -446px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png10{ background-position:15px -506px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png11{ background-position:15px -564px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png12{ background-position:15px -620px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png13{ background-position:15px -682px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png14{ background-position:15px -742px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png15{ background-position:15px -802px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png16{ background-position:15px -858px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png17{ background-position:15px -916px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png18{ background-position:15px -974px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png19{ background-position:15px -1034px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png20{ background-position:15px -1084px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png21{ background-position:15px -1084px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png22{ background-position:15px -1084px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png23{ background-position:15px -1138px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png24{ background-position:15px -1190px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png25{ background-position:15px -1250px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png26{ background-position:15px -1310px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png27{ background-position:15px -1365px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png28{ background-position:15px -1425px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png29{ background-position:15px -1480px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png30{ background-position:15px -1540px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png31{ background-position:15px -1595px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png32{ background-position:15px -1655px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png33{ background-position:15px -1715px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png34{ background-position:15px -1765px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png35{ background-position:15px -1825px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png36{ background-position:15px -1885px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png37{ background-position:15px -1940px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png38{ background-position:15px -1990px;}
.sed_left_menu dl dd .sed_left_menutab a.chanp37{ color:#a8a8a8; position:relative;}
.sed_left_menu dl dd .sed_left_menutab a.chanp37 span.shouqing{ position:absolute; font-size:12px; color:#fff; right:30px; top:-10px; background:url(../img/shouqing.png) no-repeat 0 20px; width:27px; height:53px; text-align:center;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png40{ background-position:15px -2045px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png41{ background-position:15px -2096px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png42{ background-position:15px -2146px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png43{ background-position:15px -2205px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png44{ background-position:15px -2244px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png45{ background-position:15px -2299px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png46{ background-position:15px -2355px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png47{ background-position:15px -2402px;}
.sed_left_menu dl dd .sed_left_menutab a.arr_png48{ background-position:15px -2455px;}

/*底部导航*/
.foot1{background:#fff;height:auto;margin:0 auto;}
.d_tbg{/* background-color:#046ec4;*/ height:124px; text-align:center; margin:0 auto;padding: 0;height: auto;margin-bottom:40px;/*max-height: 124px;*//*margin-top: 187px;*/display:none;}               /*后加的  display:none;  隐藏的泛于科技、典亮世界图片  seo案例下*/




.d_tbg img{width:100%;margin-top:15px;}
.foot{ width:1180px; height:150px; margin:0 auto; margin-top:10px;}
.linklist{ padding:0px; float:left; display:inline;width:176px; }  /*width:160px;*/
.linklist h2{ font-size:14px; color:#555;}
.link_first{ padding-left:15px;}
.linklist ul{ margin-top:15px; list-style:none;}
.linklist ul li{ line-height:24px;list-style:none;}
.linklist ul li a{ color:#777;text-decoration:none;}
.linklist ul li a:hover{color:#090;}
.contact{ width:128px; text-align:center; float:left; display:inline; line-height:30px; margin-left:5px;}
.contact span{ color:#777;}
#flink{ height:35px; overflow:hidden;line-height:35px;}
.ylink{ border-top:1px solid #ccc; height:35px; margin:0 auto;color:#555; width:100%;}
.ylink_text{ width:1200px; height:35px; text-align:left; line-height:35px;margin:0 auto; overflow:hidden;}
.ylink_text p{ width:1140px; float:left; }
.ylink_text a{ padding:0 5px;}
.is_show_flink{ width:1100px; padding-left:0; margin: 0 auto; line-height:35px;}
.is_show_flink a{padding:0 5px}
/*底部*/
.footer{background:#2b86e7;height:240px; line-height:56px; font-size:12px; color:#fff; margin:0 auto; }
.foot_cont{width:1200px; margin:0 auto;}
.foot_cont_l{ float:left; width:830px;}
.f_nav{ float:left; color:#fff; padding:0 5px;}
.f_text{ float:left; line-height:24px; color:#e2e2e2; padding-top:10px; padding-left:15px;}
.f_text p{ color:#e2e2e2;}
.foot_cont_r{ float:left; width:270px; padding-top:60px; padding-left:95px;}
.t_list{ width:210px; height:45px; padding-bottom:5px;}
.t_list li{ float:left; padding:0 5px; display:inline;list-style:none;}
.d_phone{padding-left:5px; width:260px; height:60px;}
.d_phone p{ line-height:24px;color:#FFFFFF;}
.foot_cont .f_nav a{ color:#fff;text-decoration:none;}
.color_foot{ color:#fff;} 
.color_foot a:hover{color:#6F6;}



.header-container {
	width: 100%;
	height: 420px;
}






.serach {background:url(/themes/moban/images/serach.png);width:100%;height:480px;margin-top:123px;}

.serach .title h3{font-size:44px;text-align:center;font-weight:normal;padding-top:70px;}
.serach .title span{display:block;font-size:30px;text-align:center;margin-top:30px;color:#373737;}
.serach .sousuo{padding-top:70px;text-align:center;}
.serach .sousuo .input span{position:absolute;top:1013px;left:202px;font-size:20px;}

.business{width:100%;height:240px;padding-top:132px;}
.business ul{margin:0 auto;width:1364px;}
.business ul li{float:left;margin-left:46px;}







.banner-box {
	height: 544px;
	position: relative
}
.banner-ul {
	position: relative;
	width: 100%;
	height: 544px
}


.link-banner {
	cursor: pointer;
	width: 100%;
	height: 100%;
}

.banner-text1 {
	font-size: 40px;
	color: #fff
}

.banner-text2 {
	margin-top: 40px;
	font-size: 20px;
	color: #ff0
}

.banner-particulars {
	margin-top: 75px;
	display: inline-block;
	border: 1px solid #fff;
	padding: 10px 28px;
	font-size: 16px;
	color: #fff;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px
}




.banner-ul {
	position: relative;
	width: 100%;
	height: 544px
}


.link-banner {
	cursor: pointer;
	width: 100%;
	height: 100%;
}

.banner-text1 {
	font-size: 40px;
	color: #fff
}

.banner-text2 {
	margin-top: 40px;
	font-size: 20px;
	color: #ff0
}

.banner-particulars {
	margin-top: 75px;
	display: inline-block;
	border: 1px solid #fff;
	padding: 10px 28px;
	font-size: 16px;
	color: #fff;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px
}

.login-link {
	position: relative
}

.login-link:before {
	content: "";
	position: absolute;
	top: -6px;
	left: -40px;
	width: 30px;
	height: 30px;
	background: url(/themes/moban/images/header_user.png) no-repeat center
}

.banner-ul li {
	display: none;
	height: 100%;
	width: 100%;
	float: left
}

.banner-ul li {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 100%;
	width: 100%;
	float: left
} 

.banner-point {
	display: none;
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	height: 18px;
	line-height: 18px
}

.banner-point {
	display: block
}

.slider-main {
	display: none;
	position: relative;
	top: -512px;
	height: 512px;
}

.slider-main {
	display: block
}

.slider-text {
	position: absolute;
	margin-top: 200px
}

.banner-area {
	width: 100%;
	text-align: center
}

.banner-area li {
	margin: 0 10px;
	display: inline-block;
	width: 60px;
	height: 4px;
	background: #444444;
	opacity: 0.3;
	filter:alpha(opacity=30);
}

.banner-area li:first-child {
	margin-left: 0;
}

.banner-area li.active {
	opacity: 1;
	filter:alpha(opacity=100);
}



.back-white {
	background: #fff;
}

.service-action-ul{
   margin: 0 auto;
   height: 120px;
   }

.service-action-ul li {
	float: left;
	width: 25%;
	height: 120px;
	margin-right:100px;
}

.service-action-ul li a {
	display: block;
	width: 100%;
	height: 100%;
}
.service-action-box {
	position: relative;
}
.service-action-img {
	display: inline-block;
	margin-top: 160px;
	width: 102px;
	height: 60px;
	
}
.action-img1 {
	background: url(/themes/moban/images/index-banner-sub1.png) no-repeat 0 0;
}
.action-img2{
	background: url(/themes/moban/images/index-banner-sub2.png) no-repeat 0 0;
}
.action-img3{
	background: url(/themes/moban/images/index-banner-sub3.png) no-repeat 0 0;
}
.action-img4{
	background: url(/themes/moban/images/index-banner-sub4.png) no-repeat 0 0;
}
.service-action-text {
	position: absolute;
	left: 110px;
	top: 160px;

}

.service-action-title {
	font-size: 16px;
	color: #333;
}
.service-action-ul li:hover .service-action-title{
	color: #0080ff;
}
.service-action-info {
	margin-top: 8px;
	width: 137px;
	font-size: 12px;
	color: #999;
}


.wide1190{height:830px;margin:0 auto;max-width:1000px;min-width:990px;zoom:1;margin-bottom:50px;text-align:center;}
.wide1190 .txtP{padding-top:24px;font-size:28px;color:#fc4700;line-height:normal;text-align:center;}
.wide1190 .line-blue{margin:12px auto 0;width:100px;border-bottom:4px solid #fc4700;}
.wide1190 .line-gray{margin:0 auto;width:600px;border:solid 1px #e3e3e3;}
.wide1190 .txt{padding:0px 16px;margin-top:18px;line-height:28px;font-size:14px;color:#5a5a5a;text-align:center;}
.wide1190 .adList{margin:0 auto;}
.wide1190 .adList cl li{width:300px;}
.wide1190 .adList li .reason_img{display:inline-block;width:90px;height:102px;background:url(/themes/moban/images/advantage.jpg)}
.wide1190 .adList li{float:left;width:300px;margin-top:70px;margin-right:30px;}

.wide1190 .adList .ad_right{font-size:14px;padding-top:20px;line-height:30px;color:#363636;}    /*font-size:16px;*/

.wide1190 .adList li .col-middle{margin-left:50px;margin-right:50px;}
.wide1190 .adList li .reason_img{display:inline-block;width:90px;height:102px;transition:all .7s ease;}

.wide1190 .adList li .reason_img_1{background-position:0 0;}
.wide1190 .adList li .reason_img_1:hover{background-position:0 -215px;}


.wide1190 .adList li .reason_img_2{background-position:-202px 0;}
.wide1190 .adList li .reason_img_2:hover{background-position:-202px -215px;}

.wide1190 .adList li .reason_img_3{background-position:-404px 0;}
.wide1190 .adList li .reason_img_3:hover{background-position:-404px -215px;}


.wide1190 .adList li .reason_img_4{background-position:-606px 0;}
.wide1190 .adList li .reason_img_4:hover{background-position:-606px -215px}


.wide1190 .adList li .reason_img_5{background-position:-202px 0;}
.wide1190 .adList li .reason_img_5:hover{background-position:-202px -215px;}

.wide1190 .adList li .reason_img_6{background-position:-404px 0;}
.wide1190 .adList li .reason_img_6:hover{background-position:-404px -215px;}


.service .tp{height:312px;background:url(/themes/moban/images/yd_service.jpg)}
.service .tp .section-heading{margin-bottom:30px;font-size:30px;color:#fff;line-height:80px;text-align:center;font-weight:400px;}
.service .tp .yd_fucn{position:relative;margin:24px 0;height:160px;color:#000;margin-left:100px;}

.service .tp .yd_fucn .yd_fucnBox{float:left;margin:0 2%;width:19%;padding:1%;height:160px;text-align:center;border-radius:10px;background-color:rgba(255, 255, 255, .8);box-shadow:0 0 10px rgba(0, 0, 0, .6);overflow:hidden;}
.service .tp .yd_fucn .yd_fucnBox h3{margin-top:0;font-size:18px;line-height:50px;font-weight:normal;}
.service .tp .yd_fucn .yd_fucnBox p{font-size:14px;}
 
/*.service .tp .yd_fucn .yd_fucnBox*/ .bounceInDown{animation-name:bounceInDown;}
/*.service .tp .yd_fucn .yd_fucnBox*/ .animated{animation-duration:1s;animation-fill-mode:both;}






@charset "UTF-8";
html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
input,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
textarea,
article,
aside,
audio,
canvas,
figure,
footer,
header,
mark,
menu,
nav,
section,
time,
video {
    margin: 0;
    padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal
}
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section,
blockquote {
    display: block;
}
ul,
ol {
    list-style: none;
}
img {
    border: 0 none;
    vertical-align: top;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
strong,
em,
i {
    font-style: normal;
    font-weight: normal;
}
ins {
    text-decoration: underline;
}
del {
    text-decoration: line-through;
}
mark {
    background: none;
}
input::-ms-clear {
    display: none !important;
}
body {
    font: 14px/1.5 \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, "Hiragino Sans GB", STHeiti, "WenQuanYi Micro Hei", "Droid Sans Fallback", SimSun, sans-serif;
    background: #fff;
}
a {
    text-decoration: none;
    color: #333;
}
a:hover {
    text-decoration: underline;
}
.clear {
    zoom: 1;
}
.clear:after {
    content: '';
    display: block;
    clear: both;
    font-size: 0;
}
.mod_ver_line {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0;
    font-size: 0;
    line-height: 0;
}
.mod_container {
    position: relative;
    min-width: 1200px;
}
.mod_iconfont {
    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;
}
.mod_hd {
    position: relative;
    z-index: 100;
    height: 130px;
    background: #fff;
    border-bottom: 1px solid #f2f2f2;
}
.mod_hd_main {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    font-size: 0;
    text-align: right;
}
.mod_hd_logo {
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    float: left;
}
.mod_hd_logo a {
    display: block;
    width: 180px;
    height: 60px;
    margin: 35px 0 0;
    text-indent: -9999px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-repeat: no-repeat;
    -moz-background-size: 182px auto;
    background-size: 182px auto;
    background-image: url("../images/mod_hd_logo_@1x_41e260c0.png");
    background-image: -webkit-image-set(url("../images/mod_hd_logo_@1x_41e260c0.png") 1x, url("../images/mod_hd_logo_@2x_5863b97a.png") 2x);
    background-image: -moz-image-set(url("../images/mod_hd_logo_@1x_41e260c0.png") 1x, url("../images/mod_hd_logo_@2x_5863b97a.png") 2x);
    background-image: image-set(url("../images/mod_hd_logo_@1x_41e260c0.png") 1x, url("../images/mod_hd_logo_@2x_5863b97a.png") 2x);
}
.mod_hd_nav {
    float: left;
    padding-left: 20px;
    position: relative;
    display: inline-block;
    margin: 0;
    font-size: 14px;
    text-align: left;
    vertical-align: top;
}

/*update 2016-8-4 修复窗口变小 导航栏登录注册自动换行问题*/


/*.mod_hd_nav_list {*/


/*margin-right: 20px;*/


/*}*/

.mod_hd_nav_item {
    position: relative;
    float: left;
}
.mod_hd_nav_item_line {
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 18px;
    overflow: hidden;
    margin: -9px 0 0;
    background: #e5e5e5;
}
.mod_hd_nav_item_lk {
    position: relative;
    z-index: 1;
    display: block;
    height: 131px;
    padding: 0 20px;
    color: #000;
    font-weight: bold;
    font-size: 16px;
    line-height: 130px;
    outline: none;
    -webkit-transition: color 0.25s ease, background-color 0.25s ease;
    -moz-transition: color 0.25s ease, background-color 0.25s ease;
    transition: color 0.25s ease, background-color 0.25s ease;
}
.mod_hd_nav_item_lk:hover {
    color: #fff;
    text-decoration: none;
    background: rgba(59, 170, 241, 0.95) !important;
    background: #3baaf1;
}
.mod_hd_nav_item_lk.on {
    height: 128px;
    border-bottom: 3px solid #ffc600;
}
.mod_hd_nav_item_lk.on:hover {
    height: 131px;
    border-bottom: 0 none;
}
.mod_hd_nav_sub {
    position: absolute;
    left: -9999px;
    top: -9999px;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease;
    -moz-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
}
.mod_hd_nav_sub_main {
    padding: 20px 30px 20px 0;
    background: rgba(59, 170, 241, 0.95) !important;
    background: #3baaf1;
    white-space: nowrap;
}
.mod_hd_nav_sub_col {
    display: inline-block;
    min-width: 114px;
    margin-left: 30px;
    vertical-align: top;
    color: #fff;
}
.mod_hd_nav_sub_col dt {
    height: 34px;
    margin-bottom: 10px;
    line-height: 34px;
    font-size: 16px;
    border-bottom: 1px solid #6abef5;
}
.mod_hd_nav_sub_col dt a {
    color: #fff;
    text-decoration: none;
    outline: none;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.mod_hd_nav_sub_col dt a:hover,
.mod_hd_nav_sub_col dt a:focus {
    color: #ffe400;
    text-decoration: none;
}
.mod_hd_nav_sub_col dd {
    height: 30px;
    line-height: 30px;
}
.mod_hd_nav_sub_col dd a {
    display: block;
    height: 30px;
    color: #fff;
    outline: none;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.mod_hd_nav_sub_col dd a:hover,
.mod_hd_nav_sub_col dd a:focus {
    color: #ffe400;
    text-decoration: none;
}
.mod_hd_nav_item.hover {
    z-index: 2;
}
.mod_hd_nav_item.hover .mod_hd_nav_item_lk {
    color: #fff;
    text-decoration: none;
    background: rgba(59, 170, 241, 0.95) !important;
    background: #3baaf1;
}
.mod_hd_nav_item.hover .mod_hd_nav_sub {
    top: 130px !important;
}
.mod_hd_side {
    display: inline-block;
    font-size: 14px;
    text-align: left;
    height: 130px;
    vertical-align: top;
    width: 170px;
    padding-left: 5px;
}
.mod_hd_login {
    padding: 48px 0 0;
}
.mod_hd_login a {
    float: left;
    width: 78px;
    height: 32px;
    margin-left: 10px;
    background: #fff;
    text-align: center;
    line-height: 32px;
    color: #31c1f9;
    font-size: 14px;
    border: 1px solid #31c1f9;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.mod_hd_login a:hover,
.mod_hd_login a:focus {
    text-decoration: none;
    color: #fff;
    background: #31c1f9;
}
.mod_hd_login_btngp {
    position: relative;
    float: left;
    width: 78px;
    min-height: 32px;
    border: 1px solid #31c1f9;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.mod_hd_login_btngp a {
    float: none;
    display: block;
    margin-left: 0;
    border: 0 none;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #31c1f9;
    color: #fff;
}
.mod_hd_login_btngp a:hover,
.mod_hd_login_btngp a:focus {
    color: #31c1f9;
    background: #fff;
}
.mod_hd_login_btngp a.mod_hd_login_btngp_drop_last {
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
}
.mod_hd_login_btngp a.mod_hd_login_btngp_btn {
    height: 32px;
    text-align: center;
    font-size: 0;
    cursor: pointer;
    background: none;
    border: 0 none;
    -webkit-transition: background-color, 0.25s, ease;
    -moz-transition: background-color, 0.25s, ease;
    transition: background-color, 0.25s, ease;
}
.mod_hd_login_btngp a.mod_hd_login_btngp_btn .mod_hd_login_btngp_arrow {
    position: relative;
    top: 3px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    width: 0;
    height: 0;
    border: 6px dashed transparent;
    border-top: 6px solid #31c1f9;
}
.mod_hd_login_btngp a.mod_hd_login_btngp_btn span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #31c1f9;
    -webkit-transition: color, 0.25s, ease;
    -moz-transition: color, 0.25s, ease;
    transition: color, 0.25s, ease;
}
.mod_hd_login_btngp_drop {
    display: none;
}
.mod_hd_login_btngp_drop:after {
    content: '';
    clear: both;
    display: block;
}
.mod_hd_login_btngp_on a.mod_hd_login_btngp_btn {
    background: #31c1f9;
}
.mod_hd_login_btngp_on a.mod_hd_login_btngp_btn span {
    color: #fff;
}
.mod_hd_login_btngp_on a.mod_hd_login_btngp_btn .mod_hd_login_btngp_arrow {
    width: 0;
    height: 0;
    border: 6px dashed transparent;
    border-bottom: 6px solid #fff;
    top: -3px;
}
.mod_hd_login_btngp_on .mod_hd_login_btngp_drop {
    display: block;
}
.mod_hd_logined {
    font-size: 14px;
    color: #666;
    height: 130px;
    font-size: 0;
}
.mod_hd_logined a {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    color: #666;
    max-width: 6em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}
.mod_hd_logined a:hover {
    color: #3baaf1;
    text-decoration: none;
}
.mod_hd_logined a.mod_hd_logined_user {
    color: #3baaf1;
    margin-left: 0;
}
.mod_case_banner {
    background-position: center center;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    background-image: url("../images/mod_banner_1@1x_21927ac2.jpg");
    background-image: -webkit-image-set(url("../images/mod_banner_1@1x_21927ac2.jpg") 1x, url("../images/mod_banner_1@2x_4c65ae63.jpg") 2x);
    background-image: -moz-image-set(url("../images/mod_banner_1@1x_21927ac2.jpg") 1x, url("../images/mod_banner_1@2x_4c65ae63.jpg") 2x);
    background-image: image-set(url("../images/mod_banner_1@1x_21927ac2.jpg") 1x, url("../images/mod_banner_1@2x_4c65ae63.jpg") 2x);
}
.mod_foot {
    padding: 0 0 80px;
    background: #212231;
    color: #5d5e66;
}
.mod_foot a {
    color: #5d5e66;
    outline: none;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.mod_foot a:hover,
.mod_foot a:focus {
    color: #3baaf1;
    text-decoration: none;
}
.mod_foot_main {
    width: 1200px;
    margin: 0 auto;
}
.mod_foot_channel {
    padding: 70px 0 0;
    /*update 2016-10-18*/
    overflow: hidden;
    zoom: 1;
}
.mod_foot_item {
    position: relative;
    float: left;
    width: 20%;
    min-height: 200px;
    margin-right: -1px;
    border-left: 1px solid #2d2e3c;
    -webkit-transition: width 0.25s ease;
    -moz-transition: width 0.25s ease;
    transition: width 0.25s ease;
}
.mod_foot_item_product {
    border-left: 0 none;
}
.mod_foot_item_tit {
    padding: 0 0 0 20px;
    font-size: 18px;
    color: #fff;
}
.mod_foot_item_box {
    padding: 10px 20px 0;
    overflow: hidden;
}
.mod_foot_item_col {
    float: left;
    width: 50%;
    width: 103%\0;
    width: 103%\9;
    /*IE兼容问题修改 CFB 20160923*/
    white-space: nowrap;
}
.mod_foot_item_col a,
.mod_foot_item_col span {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    word-wrap: break-word;
    word-break: break-all;
}
.mod_foot_item_logo .mod_foot_item_tit {
    padding-left: 120px;
}
.mod_foot_item_logo .mod_foot_item_box {
    position: relative;
    padding: 10px 0 0 120px;
}
.mod_foot_item_logo .mod_foot_item_box .mod_foot_item_col {
    float: none;
    width: auto;
}
.mod_foot_item_logo .mod_foot_item_box .mod_foot_item_col.mod_foot_item_col_side {
    position: absolute;
    right: 0;
    top: 10px;
}
.mod_foot_item_logo_bg {
    position: absolute;
    left: 30px;
    top: 0;
    width: 75px;
    height: 72px;
}
.mod_foot_item_logo_bg .home_mod_loading {
    font-size: 70px;
    line-height: 72px;
    background: #212231;
}
.mod_foot_item_logo_bg img {
    width: 100%;
}
.mod_foot_lk {
    margin: 50px 0 0;
    text-align: center;
}
.mod_foot_lk a {
    display: inline-block;
    vertical-align: middle;
}
.mod_foot_lk span {
    display: inline-block;
    height: 16px;
    width: 1px;
    margin: 0 30px;
    vertical-align: middle;
    overflow: hidden;
    background: #5d5e66;
}
.mod_foot_copy {
    margin: 15px 0 0;
    font-family: '微软雅黑';
    text-align: center;
}
.mod_hd_mini {
    height: 60px;
}
.mod_hd_mini .mod_hd_logo a {
    width: 134px;
    height: 40px;
    margin: 9px 0 0;
    background-position: 0 0;
    background-repeat: no-repeat;
    -moz-background-size: 134px auto;
    background-size: 134px auto;
    background-image: url("../images/mod_hd_logo_mini_@1x_4ef0524c.png");
    background-image: -webkit-image-set(url("../images/mod_hd_logo_mini_@1x_4ef0524c.png") 1x, url("../images/mod_hd_logo_mini_@2x_d7dfeee1.png") 2x);
    background-image: -moz-image-set(url("../images/mod_hd_logo_mini_@1x_4ef0524c.png") 1x, url("../images/mod_hd_logo_mini_@2x_d7dfeee1.png") 2x);
    background-image: image-set(url("../images/mod_hd_logo_mini_@1x_4ef0524c.png") 1x, url("../images/mod_hd_logo_mini_@2x_d7dfeee1.png") 2x);
}
.mod_hd_mini .mod_hd_nav_item_lk {
    height: 61px;
    line-height: 60px;
}
.mod_hd_mini .mod_hd_nav_item.hover .mod_hd_nav_sub {
    top: 60px !important;
}
.mod_hd_mini .mod_hd_side {
    height: 60px;
}
.mod_hd_mini .mod_hd_login {
    padding: 13px 0 0;
}
.mod_hd_mini .mod_hd_logined {
    height: 60px;
    border-left: 1px solid #d5d5d5;
}
.mod_hd_mini .mod_hd_logined span {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
}
.mod_hd_mini .mod_hd_logined a.mod_hd_logined_info_img {
    width: 40px;
    height: 40px;
    overflow: hidden;
    margin-left: 10px;
    margin-right: 10px;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.mod_hd_mini .mod_hd_logined a.mod_hd_logined_info_img img {
    width: 100%;
}
.mod_hang {
    position: fixed;
    right: 20px;
    bottom: 250px;
    width: 60px;
    z-index: 100;
}
.mod_hang_qrcode {
    position: relative;
}
.mod_hang_qrcode_arrow {
    position: absolute;
    right: -20px;
    top: 50%;
    margin-top: -8px;
    width: 0;
    height: 0;
    border: 10px dashed transparent;
    border-left: 10px solid #888;
    overflow: visible !important;
}
.mod_hang_qrcode_arrow i {
    position: absolute;
    right: -8px;
    top: -9px;
    width: 0;
    height: 0;
    border: 9px dashed transparent;
    border-left: 9px solid #fff;
}
.mod_hang_qrcode_show {
    display: none;
    position: absolute;
    right: 74px;
    top: -60px;
    width: 138px;
    height: 166px;
    border: 1px solid #999;
    background: #fff;
}
.mod_hang_qrcode_show p {
    line-height: 34px;
    color: #000;
    text-align: center;
}
.mod_hang_qrcode_show_bg {
    width: 124px;
    height: 124px;
    margin: 8px auto 0;
    background-position: 0 0;
    background-repeat: no-repeat;
    -moz-background-size: 124px auto;
    background-size: 124px auto;
    background-image: url("../images/qrcode@1x_64985161.png");
    background-image: -webkit-image-set(url("../images/qrcode@1x_64985161.png") 1x, url("../images/qrcode@2x_b2e8d0c5.png") 2x);
    background-image: -moz-image-set(url("../images/qrcode@1x_64985161.png") 1x, url("../images/qrcode@2x_b2e8d0c5.png") 2x);
    background-image: image-set(url("../images/qrcode@1x_64985161.png") 1x, url("../images/qrcode@2x_b2e8d0c5.png") 2x);
}
.mod_hang_qrcode_btn {
    display: block;
    width: 50px;
    height: 50px;
    background: #000;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    text-align: center;
    font-size: 40px;
    cursor: pointer;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

/*.mod_hang_qrcode_btn:hover {*/


/*color: #666;*/


/*background: #fff;*/


/*-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/


/*-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/


/*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/


/*}*/

.mod_hang_top {
    display: block;
    width: 50px;
    height: 50px;
    margin: 5px 0 0;
    background: #000;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    text-align: center;
    font-size: 40px;
    cursor: pointer;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

/*.mod_hang_top:hover {*/


/*text-decoration: none;*/


/*color: #666;*/


/*background: #fff;*/


/*-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/


/*-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/


/*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/


/*}*/

.mod_hang_service {
    display: none;
}
.mod_hang_qrcode:hover .mod_hang_qrcode_show {
    display: block;
}
@font-face {
    font-family: "font-partner";
    src: url("../images/partner_935c6f72.eot");
    src: url("../images/partner_935c6f72.eot?#iefix") format("embedded-opentype"), url("../images/partner_57307dd7.woff") format("woff"), url("../images/partner_8aab66cc.ttf") format("truetype"), url("../images/partner_58072068.svg#iconfont") format("svg");
}
.mod_partner {
    background: #f7f7f7;
    height: 694px;
}
.mod_partner .mod_partner_hd {
    position: relative;
    height: 193px;
    color: #ebf5fb;
}
.mod_partner .mod_partner_hd h3 {
    padding: 60px 0 0;
    font-size: 60px;
    color: #000;
    line-height: 1;
    text-align: center;
    font-family: "font-partner", \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, "Hiragino Sans GB", STHeiti, "WenQuanYi Micro Hei", "Droid Sans Fallback", SimSun, sans-serif;
}
.mod_partner .mod_partner_hd p {
    font-size: 10px;
    color: #b8b8b8;
    text-align: center;
    margin-top: 15px;
}
.mod_partner .mod_partner_hd .mod_partner_arrow {
    position: absolute;
    left: 50%;
    bottom: 10px;
    margin-left: -8px;
    width: 0;
    height: 0;
    border: 7px dashed transparent;
    border-top: 7px solid #000;
    overflow: hidden;
}
.mod_partner .mod_partner_inner {
    width: 1200px;
    margin: 0 auto;
}
.mod_partner .mod_partner_gallery {
    margin-top: 60px;
    position: relative;
    height: 330px;
}
.mod_partner .mod_partner_gallery .mod_partner_item,
.mod_partner .mod_partner_gallery ul,
.mod_partner .mod_partner_gallery .mod_partner_gallery_wp {
    height: 330px;
    overflow: hidden;
}
.mod_partner .mod_partner_gallery li {
    width: 200px;
    height: 80px;
    text-align: center;
    float: left;
    margin-bottom: 65px;
    list-style: none;
}
.mod_partner .mod_partner_gallery li a {
    display: inline-block;
    vertical-align: middle;
    opacity: .5;
    width: 100%;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
}
.mod_partner .mod_partner_gallery li a img {
    width: 100%;
}
.mod_partner .mod_partner_gallery .mod_partner_nav {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    text-align: center;
    font-size: 0;
}
.mod_partner .mod_partner_gallery .mod_partner_nav i {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 7px;
    background: #bbe7f8;
    cursor: pointer;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
}
.mod_partner .mod_partner_gallery .mod_partner_nav i.on,
.mod_partner .mod_partner_gallery .mod_partner_nav i:hover {
    background: #31c1f9;
}
@media only screen and (max-width: 1200px) {
    .mod_container {
        min-width: 1200px;
    }
    .mod_hd_nav_item_lk {
        padding: 0 15px;
    }
    .mod_foot_main {
        width: 980px;
    }
    .mod_foot_channel {
        width: 930px;
        margin: 0 auto;
    }
    .mod_foot_item {
        width: 145px;
    }
    .mod_foot_item_vf {
        width: 248px;
    }
    .mod_foot_item.mod_foot_item_product {
        width: 248px;
    }
    .mod_foot_item.mod_foot_item_logo {
        width: 310px;
    }
    .mod_foot_item_col a,
    .mod_foot_item_col span {
        white-space: nowrap;
    }
    .mod_foot_item_product .mod_foot_item_col {
        width: 50%;
    }
    .mod_hd_mini .mod_hd_logined .mod_hd_logined_user,
    .mod_hd_mini .mod_hd_logined span {
        display: none;
    }
    .mod_hd_mini .mod_hd_logined a {
        margin-left: 10px;
    }
    .mod_hd_mini .mod_hd_logined a.mod_hd_logined_info_img {
        margin-right: 0;
    }
}
.w_1024 {}
.w_1024 .mod_hd_main {
    width: 980px;
}
.w_1024 .mod_hd_nav {
    margin-left: 220px;
}
.w_1024 .mod_hd_nav_item_lk {
    padding: 0 15px;
}
.w_1024 .mod_foot_main {
    width: 980px;
}
.w_1024 .mod_foot_channel {
    width: 930px;
    margin: 0 auto;
}
.w_1024 .mod_foot_item {
    width: 184px;
}
.w_1024 .mod_foot_item.mod_foot_item_product {
    width: 248px;
}
.w_1024 .mod_foot_item.mod_foot_item_logo {
    width: 310px;
}
.w_1024 .mod_foot_item_col {
    width: 100%;
}
.w_1024 .mod_foot_item_col a,
.w_1024 .mod_foot_item_col span {
    white-space: nowrap;
}
.w_1024 .mod_foot_item_product .mod_foot_item_col {
    width: 50%;
}
.w_1024 .mod_hd_mini .mod_hd_logined .mod_hd_logined_user,
.w_1024 .mod_hd_mini .mod_hd_logined span {
    display: none;
}
.w_1024 .mod_hd_mini .mod_hd_logined a {
    margin-left: 10px;
}
.w_1024 .mod_hd_mini .mod_hd_logined a.mod_hd_logined_info_img {
    margin-right: 0;
}
@font-face {
    font-family: '@modcontact-fz';
    src: url("../font/modcontact_fz_103e3dfb.eot");
    src: url("../font/modcontact_fz_103e3dfb.eot?#font-spider") format("embedded-opentype"), url("../font/modcontact_fz_f608100d.woff") format("woff"), url("../font/modcontact_fz_78136f70.ttf") format("truetype"), url("../font/modcontact_fz_c3079f6a.svg") format("svg");
    font-weight: normal;
    font-style: normal
}
.mod_contact {
    background: #31c1f9 url(../images/mod_contact_bg_3423a187.png) no-repeat bottom center
}
.mod_contact_wrap {
    width: 1200px;
    margin: 0 auto;
    padding-top: 52px;
    padding-bottom: 120px;
    background: #31c1f9 url(../images/mod_contact_bg_3423a187.png) no-repeat bottom center
}
.mod_contact_header {
    text-align: center;
    margin-bottom: 26px
}
.mod_contact_title {
    font-size: 60px;
    font-family: '@modcontact-fz';
    font-weight: normal;
    line-height: 74px;
    color: #fff
}
.mod_contact_header_aside {
    position: relative;
    width: 100%;
    height: 34px;
    color: #1f85ac;
    font-size: 10px;
    line-height: 34px
}
.mod_cha_arrow {
    position: absolute;
    bottom: -30px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -6px;
    border: 6px dashed transparent;
    border-top: 6px solid #fff
}
.mod_contact_cont {
    margin-top: 72px
}
.mod_contact_list {
    overflow: auto;
    zoom: 1
}
.mod_cl_item {
    float: left;
    width: 400px;
    color: #fff;
    text-align: center
}
.mod_cl_item_icon {
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-family: 'iconfont';
    font-size: 60px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    border: 1px solid #fff;
    background: #31c1f9;
    margin: 0 auto 15px
}
.mod_cl_item p strong {
    display: block;
    font-size: 18px;
    line-height: 28px
}
.mod_cl_item a {
    opacity: 0.6;
    color: #fff
}
.mod_cl_item_icon {
    width: 102px\9;
    height: 102px\9;
    border: none\9;
    background: url(../images/mod_contact_degrade_aee1c751.png) no-repeat top center\9
}
.tel-btn {
    background: rgba(0, 0, 0, 0.6) url(../images/tel-btn.png) 0 0 no-repeat;
    margin-bottom: 5px;
    transform: none;
}
.tel-btn:hover {
    background: #fff url(../images/tel-btn2.png) 0 0 no-repeat;
}
.tel-box {
    width: 180px;
    text-align: left;
    padding: 5px;
    height: auto;
    top: 0
}
.user-btn {
    background: rgba(0, 0, 0, 0.6) url(../images/user.png) 0 0 no-repeat;
    margin-bottom: 5px;
    transform: none;
}
.user-btn:hover {
    background: #fff url(../images/user2.png) 0 0 no-repeat;
}
.user-box {
    width: 100px;
    line-height: 50px;
    text-align: center;
    padding: 5px;
    height: auto;
    top: 0
}
.w-auto {
    width: auto!important
}
.h255 {
    min-height: 255px;
}
.order-btn {
    background: rgba(0, 0, 0, 0.6) url(../images/order-btn.png) 0 0 no-repeat;
    margin-bottom: 5px;
    transform: none;
}
.order-btn:hover {
    background: #fff url(../images/order-btn2.png) 0 0 no-repeat;
}
.order-box {
    width: 100px;
    line-height: 50px;
    text-align: center;
    padding: 5px;
    height: auto;
    top: 0
}

/* 2016-08-29 备案 */

.beian-go {
    display: inline-block;
    color: #000;
    line-height: 131px;
    margin-right: 10px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    font-size: 14px;
}

/* 2016-09-14 hover样式 chengfubei */

.beian-go:hover {
    color: #3baaf1;
    text-decoration: none;
}

/* jcloud-jc/1.1.0 common.css md5:fb5aaf7cad83840fdc50c1cf3c01fa68 */

@charset "UTF-8";
blockquote,
body,
button,
caption,
dd,
div,
dl,
dt,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
input,
legend,
li,
menu,
ol,
p,
pre,
table,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}
address,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
caption,
th {
    text-align: left;
    font-weight: 400
}
abbr,
body,
fieldset,
html,
iframe,
img {
    border: 0
}
address,
cite,
dfn,
em,
i,
var {
    font-style: normal
}
[hidefocus],
summary {
    outline: 0
}
li {
    list-style: none
}
sub,
sup {
    font-size: 83%
}
code,
kbd,
pre,
samp {
    font-family: inherit
}
q:after,
q:before {
    content: none
}
textarea {
    overflow: auto;
    resize: none
}
label,
summary {
    cursor: default
}
a,
button {
    cursor: pointer
}
b,
em,
h1,
h2,
h3,
h4,
h5,
h6,
strong {
    font-weight: 700
}
a,
a:hover,
del,
ins,
s,
u {
    text-decoration: none
}
body,
button,
input,
keygen,
legend,
select,
textarea {
    font: 14px/1.5 arial, \5b8b\4f53;
    color: #333;
    outline: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.f-cb:after,
.f-cbli li:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    content: " "
}
.f-cb,
.f-cbli li {
    zoom: 1
}
.f-ib {
    display: inline-block;
    *display: inline;
    *zoom: 1
}
.f-dn {
    display: none
}
.f-db {
    display: block
}
.f-fl {
    float: left
}
.f-fr {
    float: right
}
.f-pr {
    position: relative
}
.f-prz {
    position: relative;
    zoom: 1
}
.f-oh {
    overflow: hidden
}
.f-ff0 {
    font-family: arial, \5b8b\4f53
}
.f-ff1 {
    font-family: "Microsoft YaHei", \5fae\8f6f\96c5\9ed1, arial, \5b8b\4f53
}
.f-fs1 {
    font-size: 12px
}
.f-fs2 {
    font-size: 14px
}
.f-fwn {
    font-weight: 400
}
.f-fwb {
    font-weight: 700
}
.f-tal {
    text-align: left
}
.f-tac {
    text-align: center
}
.f-tar {
    text-align: right
}
.f-taj {
    text-align: justify;
    text-justify: inter-ideograph
}
.f-vam,
.f-vama * {
    vertical-align: middle
}
.f-wsn {
    word-wrap: normal;
    white-space: nowrap
}
.f-pre {
    overflow: hidden;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all
}
.f-wwb {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all
}
.f-ti {
    overflow: hidden;
    text-indent: -30000px
}
.f-ti2 {
    text-indent: 2em
}
.f-lhn {
    line-height: normal
}
.f-tdu,
.f-tdu:hover {
    text-decoration: underline
}
.f-tdn,
.f-tdn:hover {
    text-decoration: none
}
.f-toe {
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis
}
.f-csp {
    cursor: pointer
}
.f-csd {
    cursor: default
}
.f-csh {
    cursor: help
}
.f-csm {
    cursor: move
}
.f-usn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}
img {
    border: 0;
    vertical-align: middle
}
body,
button,
input,
keygen,
legend,
select,
textarea {
    font-family: "Microsoft YaHei"
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}
body {
    min-width: 1200px
}
.w {
    width: 1200px;
    margin: 0 auto
}
a {
    color: #333
}
.mt0 {
    margin-top: 0
}
.mr0 {
    margin-right: 0
}
.mb0 {
    margin-bottom: 0
}
.ml0 {
    margin-left: 0
}
.mt5 {
    margin-top: 5px
}
.mr5 {
    margin-right: 5px
}
.mb5 {
    margin-bottom: 5px
}
.ml5 {
    margin-left: 5px
}
.mt10 {
    margin-top: 10px
}
.mr10 {
    margin-right: 10px
}
.mb10 {
    margin-bottom: 10px
}
.ml10 {
    margin-left: 10px
}
.mt20 {
    margin-top: 20px
}
.mr20 {
    margin-right: 20px
}
.mb20 {
    margin-bottom: 20px
}
.ml20 {
    margin-left: 20px
}
.mt30 {
    margin-top: 30px
}
.mr30 {
    margin-right: 30px
}
.mb30 {
    margin-bottom: 30px
}
.ml30 {
    margin-left: 30px
}
.pt0 {
    padding-top: 0
}
.pr0 {
    padding-right: 0
}
.pb0 {
    padding-bottom: 0
}
.pl0 {
    padding-left: 0
}
.pt5 {
    padding-top: 5px
}
.pr5 {
    padding-right: 5px
}
.pb5 {
    padding-bottom: 5px
}
.pl5 {
    padding-left: 5px
}
.pt10 {
    padding-top: 10px
}
.pr10 {
    padding-right: 10px
}
.pb10 {
    padding-bottom: 10px
}
.pl10 {
    padding-left: 10px
}
.pt20 {
    padding-top: 20px
}
.pr20 {
    padding-right: 20px
}
.pb20 {
    padding-bottom: 20px
}
.pl20 {
    padding-left: 20px
}
.pt30 {
    padding-top: 30px
}
.pr30 {
    padding-right: 30px
}
.pb30 {
    padding-bottom: 30px
}
.pl30 {
    padding-left: 30px
}
@font-face {
    font-family: newfont;
    src: url(//static.360buyimg.com/jcloud/jc/1.1.0/css/i/iconfont/newfont.eot);
    src: url(//static.360buyimg.com/jcloud/jc/1.1.0/css/i/iconfont/newfont.eot?#iefix) format("embedded-opentype"), url(//static.360buyimg.com/jcloud/jc/1.1.0/css/i/iconfont/newfont.woff) format("woff"), url(//static.360buyimg.com/jcloud/jc/1.1.0/css/i/iconfont/newfont.ttf) format("truetype"), url(//static.360buyimg.com/jcloud/jc/1.1.0/css/i/iconfont/newfont.svg#iconfont) format("svg")
}
.font-arr,
.newfont {
    font-family: newfont;
    font-size: 24px;
    color: #fff;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}
.loading-style {
    border: 0;
    background: url(//static.360buyimg.com/jcloud/jc/1.1.0/css/i/logo_load.gif) no-repeat 50% 50%
}
@font-face {
    font-family: iconfont-pro;
    src: url(//static.360buyimg.com/jcloud/jc/1.1.0/css/i/iconfont/iconfont-pro.eot);
    src: url(//static.360buyimg.com/jcloud/jc/1.1.0/css/i/iconfont/iconfont-pro.eot?#iefix) format("embedded-opentype"), url(//static.360buyimg.com/jcloud/jc/1.1.0/css/i/iconfont/iconfont-pro.woff) format("woff"), url(//static.360buyimg.com/jcloud/jc/1.1.0/css/i/iconfont/iconfont-pro.ttf) format("truetype"), url(//static.360buyimg.com/jcloud/jc/1.1.0/css/i/iconfont/iconfont-pro.svg#iconfont) format("svg")
}
.icon-pro {
    font-family: iconfont-pro!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}
.row {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    zoom: 1
}
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9 {
    position: relative;
    min-height: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left
}
.col-12 {
    width: 100%
}
.col-11 {
    width: 91.66666667%
}
.col-10 {
    width: 83.33333333%
}
.col-9 {
    width: 75%
}
.col-8 {
    width: 66.66666667%
}
.col-7 {
    width: 58.33333333%
}
.col-6 {
    width: 50%
}
.col-5 {
    width: 41.66666667%
}
.col-4 {
    width: 33.33333333%
}
.col-3 {
    width: 25%
}
.col-2 {
    width: 16.66666667%
}
.col-1 {
    width: 8.33333333%
}
.col-pull-12 {
    right: 100%
}
.col-pull-11 {
    right: 91.66666667%
}
.col-pull-10 {
    right: 83.33333333%
}
.col-pull-9 {
    right: 75%
}
.col-pull-8 {
    right: 66.66666667%
}
.col-pull-7 {
    right: 58.33333333%
}
.col-pull-6 {
    right: 50%
}
.col-pull-5 {
    right: 41.66666667%
}
.col-pull-4 {
    right: 33.33333333%
}
.col-pull-3 {
    right: 25%
}
.col-pull-2 {
    right: 16.66666667%
}
.col-pull-1 {
    right: 8.33333333%
}
.col-pull-0 {
    right: auto
}
.col-push-12 {
    left: 100%
}
.col-push-11 {
    left: 91.66666667%
}
.col-push-10 {
    left: 83.33333333%
}
.col-push-9 {
    left: 75%
}
.col-push-8 {
    left: 66.66666667%
}
.col-push-7 {
    left: 58.33333333%
}
.col-push-6 {
    left: 50%
}
.col-push-5 {
    left: 41.66666667%
}
.col-push-4 {
    left: 33.33333333%
}
.col-push-3 {
    left: 25%
}
.col-push-2 {
    left: 16.66666667%
}
.col-push-1 {
    left: 8.33333333%
}
.col-push-0 {
    left: auto
}
.col-offset-12 {
    margin-left: 100%
}
.col-offset-11 {
    margin-left: 91.66666667%
}
.col-offset-10 {
    margin-left: 83.33333333%
}
.col-offset-9 {
    margin-left: 75%
}
.col-offset-8 {
    margin-left: 66.66666667%
}
.col-offset-7 {
    margin-left: 58.33333333%
}
.col-offset-6 {
    margin-left: 50%
}
.col-offset-5 {
    margin-left: 41.66666667%
}
.col-offset-4 {
    margin-left: 33.33333333%
}
.col-offset-3 {
    margin-left: 25%
}
.col-offset-2 {
    margin-left: 16.66666667%
}
.col-offset-1 {
    margin-left: 8.33333333%
}
.col-offset-0 {
    margin-left: 0
}
.form-control {
    display: block;
    width: 100%;
    height: 32px;
    padding: 6px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e7e7eb;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *padding: 0;
    *height: 30px;
    *line-height: 30px;
    *text-indent: 10px
}
.form-control:focus {
    border-color: #009afe;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}
.form-control::-moz-placeholder {
    color: #bbb;
    opacity: 1
}
.form-control:-ms-input-placeholder {
    color: #bbb
}
.form-control::-webkit-input-placeholder {
    color: #bbb
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1
}
.form-control[disabled]:focus,
.form-control[readonly]:focus,
fieldset[disabled] .form-control:focus {
    border: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}
textarea.form-control {
    height: auto
}
.form-group {
    margin-bottom: 15px;
    line-height: 1.14;
    font-size: 12px
}
.checkbox,
.radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}
.checkbox label,
.radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}
.checkbox+.checkbox,
.radio+.radio {
    margin-top: -5px
}
.checkbox-inline,
.radio-inline {
    cursor: pointer
}
.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px
}
.checkbox-inline.disabled,
.checkbox.disabled label,
.radio-inline.disabled,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio label,
fieldset[disabled] .radio-inline,
fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox].disabled,
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=radio][disabled] {
    cursor: not-allowed
}
.form-control-static {
    padding-top: 10px;
    padding-bottom: 7px;
    margin-bottom: 0
}
.has-success .form-control-static {
    color: #999
}
.has-warning .form-control {
    border-color: #e25f63;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.has-warning .form-control-static {
    color: #ec9f00
}
.has-error .form-control {
    border-color: #e25f63;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.has-error .form-control-static {
    color: #f90f00
}
.has-error .newfont {
    margin-right: 5px;
    color: #f90f00
}
.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #bbb
}
.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    display: inline-block
}
.form-horizontal .checkbox,
.form-horizontal .radio {
    min-height: 27px
}
.form-horizontal .form-group {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    zoom: 1
}
.control-label {
    padding: 10px 0 0 10px;
    margin-bottom: 0;
    float: left;
    min-width: 90px;
    color: #999;
    position: relative;
    margin-left: 15px
}
.control-star {
    color: #ff2626
}
.form-file {
    display: inline-block;
    width: 120px;
    height: 120px;
    background: #f7f7f7;
    position: relative;
    overflow: hidden;
    border: 1px dashed #ddd
}
.form-file:hover {
    background: #fff;
    border: 1px dashed #2aafff
}
.form-file .preview {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center
}
.form-file .preview i {
    vertical-align: middle;
    color: #c6c6c6;
    margin: 40px 0 20px;
    display: inline-block;
    font-size: 18px
}
.form-file input {
    position: absolute;
    font-size: 230px;
    right: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer
}
.form-file-txt {
    width: 100%;
    line-height: 28px;
    text-align: center;
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    filter: alpha(opacity=50);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: none
}
.form-file-name {
    color: #2aafff;
    display: block;
    text-align: center
}
.form-file:hover .form-file-txt {
    display: block
}
.input-group {
    position: relative;
    padding-right: 30px
}
.input-group-btn {
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid #e7e7eb;
    border-left: none;
    padding: 3px 0;
    background: #fff
}
.input-group-search {
    width: 30px;
    height: 24px;
    border: none;
    border-left: 1px solid #e7e7eb;
    text-align: center;
    background: #fff;
    vertical-align: middle;
    color: #2bafff
}
.input-group-search i {
    font-size: 16px!important
}
.input-group-icon {
    position: relative
}
.input-group-iconb {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 32px;
    padding: 0 5px;
    color: #e7e7eb
}
.input-sm {
    height: 22px;
    padding: 3px;
    font-size: 12px
}
.control-auto {
    width: auto;
    text-align: right;
    min-width: auto;
    padding: 10px 0 0;
    margin: 0 10px 0 0
}
.btn {
    display: inline-block;
    width: 90px;
    height: 38px;
    overflow: visible;
    line-height: 38px;
    margin: 0 5px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    font-size: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
a.btn {
    *height: 36px
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: 0
}
.btn.focus,
.btn:focus,
.btn:hover {
    text-decoration: none
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #333;
    background-color: #ebebeb;
    border-color: #e5e5e5
}
.btn i {
    font-size: 12px
}
.btn-default {
    color: #36aeff;
    background-color: #fff;
    border-color: #e5e5e5
}
.btn-default:hover {
    color: #36aeff;
    background-color: #ebebeb
}
.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled.focus,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
    color: #333;
    background-color: #ebebeb;
    border-color: #e5e5e5
}
.btn-blue {
    color: #fff;
    background-color: #009afe;
    border-color: #009afe
}
.btn-blue:hover {
    color: #fff;
    background-color: #008ae4;
    border-color: #008ae4
}
.btn-black {
    color: #fff;
    background-color: #576477;
    border-color: #576477
}
.btn-black:hover {
    color: #fff;
    background-color: #4e5a6b;
    border-color: #4e5a6b
}
.btn-sm {
    font-size: 12px;
    line-height: 32px;
    height: 32px;
    border-radius: 3px
}
a.btn-sm {
    *height: 28px;
    *line-height: 28px
}
.btn-xs {
    padding: 0 5px;
    font-size: 12px;
    line-height: 20px;
    border-radius: 3px;
    width: auto;
    height: 22px
}
.btn-xs.btn-blue {
    border-color: #009afe;
    color: #009afe;
    background: #fff
}
.btn-xs.btn-blue:hover {
    background: #ebebeb
}
a.btn-xs {
    *height: 20px
}
.btn-block {
    display: block;
    width: 100%
}
.btn-block+.btn-block {
    margin-top: 5px
}
input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}
.clearfix:after,
.clearfix:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.panel:after,
.panel:before,
.row:after,
.row:before {
    content: " ";
    display: table
}
.clearfix:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.row:after {
    clear: both
}
.form-horizontal .col-1,
.form-horizontal .col-10,
.form-horizontal .col-11,
.form-horizontal .col-12,
.form-horizontal .col-2,
.form-horizontal .col-3,
.form-horizontal .col-4,
.form-horizontal .col-5,
.form-horizontal .col-6,
.form-horizontal .col-7,
.form-horizontal .col-8,
.form-horizontal .col-9 {
    padding-right: 10px
}
.control-line {
    float: left;
    padding: 10px 10px 0 0
}
.pop-model {
    padding: 20px 0
}
.pop-model .form-group {
    padding-bottom: 5px
}
.pop-model .form-group .form-control-static {
    display: none;
    position: absolute;
    top: 33px;
    left: 0;
    padding: 0
}
.pop-model .form-group .newfont {
    font-size: 16px;
    vertical-align: middle
}
.pop-model .has-error .form-control-static {
    display: block
}
.pop-model .control-label {
    text-align: right
}
.m-main {
    line-height: 1.14;
    font-size: 12px;
    background: #fff
}
.m-main .m-main-hd {
    padding-top: 40px;
    text-align: center
}
.m-main .m-main-hd h3 {
    font-size: 36px;
    color: #222;
    height: 40px;
    line-height: 40px;
}
.m-main .m-main-hd .line {
    background: #0cd579;
    width: 40px;
    height: 3px;
    margin: 0 auto;
    margin-top: 20px;
}
.m-main .m-main-bd {
    margin-top: 65px
}
.mod_partner {
    background: #f7f7f7;
    height: 694px
}

/* jcloud-jc/1.1.0 m-main1.css md5:c18e927d4c8c073d17f27a06fde5b37e */

.m-main1 {
    background-color: #eef3f7
}



.shutter {
    padding-bottom: 36px;
    height: 484px;
    overflow: hidden
}
.shutter .active {
    width: 480px;
    overflow: hidden
}
.shutter .active .shutter-item-view {
    opacity: 0;
    filter: alpha(opacity=0);
    width: 239px
}
.shutter .active .shutter-item-wrap {
    margin-left: -240px
}
.shutter .active .shutter-item-ct {
    opacity: 1;
    filter: alpha(opacity=100)
}
.shutter .active .shutter-item-bg {
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}
.shutter-item {
    float: left;
    position: relative;
    margin-left: -1px;
    width: 240px;
    height: 484px;
    background: #fcfdfd;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width .4s cubic-bezier(0.22, .61, .36, 1);
    -moz-transition: width .4s cubic-bezier(0.22, .61, .36, 1);
    -o-transition: width .4s cubic-bezier(0.22, .61, .36, 1);
    transition: width .4s cubic-bezier(0.22, .61, .36, 1)
}
.shutter-item-even {
    background: #f7f9fb
}
.shutter-item-wrap {
    width: 720px;
    height: inherit
}
.shutter-item-view {
    float: left;
    position: relative;
    padding: 9px;
    width: 240px;
    height: 484px;
    border: 1px solid #ebebeb
}
.shutter-item-view h4 {
    padding: 30px 0 20px 10px;
    font-size: 30px;
    color: #333
}
.shutter-item-view p {
    padding-left: 10px;
    padding-bottom: 55px;
    font-size: 16px;
    color: #999
}
.shutter-item-view .newfont {
    margin-left: 63px;
    color: #333;
    font-size: 92px
}
.shutter-item-view ul {
    position: absolute;
    left: 9px;
    bottom: 9px;
    *padding-bottom: 10px
}
.shutter-item-view li {
    float: left;
    margin: 0 10px 10px;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #666;
    background: #eff0f0
}
.shutter-item-ct {
    float: left;
    height: inherit;
    opacity: 0;
    filter: alpha(opacity=0)
}
.shutter-item-ct-left {
    float: left;
    width: 240px;
    height: inherit;
    *height: 484px;
    position: relative;
    text-align: center;
    background: #457edd
}
.shutter-item-ct-left .newfont {
    display: block;
    margin-top: 90px;
    font-size: 92px;
    color: #fff
}
.shutter-item-ct-left h4 {
    position: relative;
    z-index: 1;
    padding: 10px 0 20px;
    font-size: 30px;
    color: #fff
}
.shutter-item-ct-left p {
    position: relative;
    z-index: 1;
    font-size: 16px;
    color: #c8d9f5
}
.shutter-item-ct-left .shutter-item-bg {
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 290px;
    background: url(//static.360buyimg.com/jcloud/jc/1.1.0/widget/m-main1/i/floor1_bg.png) center no-repeat;
    -webkit-transition: all 1s ease .3s;
    -moz-transition: all 1s ease .3s;
    -o-transition: all 1s ease .3s;
    transition: all 1s ease .3s;
    -moz-transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -o-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px)
}
.shutter-item-ct-right {
    float: left;
    width: 240px;
    height: inherit;
    *height: 484px;
    background: #4b85e5
}
.btn-m1 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    min-width: 67px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #6f9dea;
    color: #b7caf3;
    font-size: 12px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.btn-main {
    border-color: #4377ce;
    color: #c2cfec;
    background: #4377ce
}
.btn-m1:hover {
    border-color: #fff;
    color: #5293ff;
    background: #fff
}
.shutter-item-ct-hd {
    padding-left: 30px;
    border-bottom: 1px solid #5b8fe6;
    color: #fff
}
.shutter-item-ct-hd dl {
    padding-bottom: 20px
}
.shutter-item-ct-hd dt {
    padding-top: 16px;
    padding-bottom: 10px;
    font-size: 16px
}
.shutter-item-ct-hd dd {
    font-size: 14px
}
.shutter-item-ct-hd .btn-m1 {
    margin-top: 10px
}
.shutter-item-ct-bd {
    padding: 15px
}
.shutter-item-ct-bd dt {
    padding-top: 14px;
    padding-bottom: 9px;
    color: #fff;
    font-size: 14px
}
.shutter-item-ct-bd dd {
    color: #b4c8f2
}
.shutter-item-ct-bd .btn-m1 {
    margin-top: 10px
}

/*-------------------------------index----------------------*/

@charset "UTF-8";
.mod_container {
    min-width: 1200px;
}
.weilian-p {
    padding: 0 0 50px;
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    text-align: center
}
@font-face {
    font-family: "fz";
    src: url("../font/fz.eot");
    /* IE9 */
    src: url("../font/fz.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../font/fz.woff") format("woff"), /* chrome、firefox */
    url("../font/fz.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    url("../font/fz.svg#fz") format("svg");
    /* iOS 4.1- */
}
.jc_hd {
    background: #222;
}
.mod_partner .mod_partner_hd h3 {
    font-family: "fz"
}
.bg-banner {
    width: 100%;
    position: absolute;
    top: -71px;
    left: 0;
    height: 657px;
    background: rgba(0, 0, 0, 0.25);
    z-index: 10;
}
.b2b-banner {
    background-color: #000;
    position: relative;
    height: 657px;
}
.b2b-box {
    width: 1200px;
    margin: auto;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 70px;
    margin-left: -600px;
    z-index: 10;
    font-weight: bold;
}
.b2b-ih2 {
    font-weight: normal;
    font-size: 70px;
    padding: 30px 0 0 0;
}
.b2b-ip {
    font-size: 14px;
    line-height: 25px;
    padding: 0 0 20px 0;
}
.b2b-ilst {
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.48);
    width: 805px;
    height: 150px;
    margin: 40px auto 0 auto
}
.b2b-ilst li {
    width: 33.33%;
    text-align: center;
    float: left;
    font-size: 18px;
    font-weight: normal;
    position: relative;
    cursor: pointer;
}
.b2b-ilst li strong {
    display: block;
}
.b2b-box i {
    display: inline-block;
    vertical-align: middle;
    margin: 30px 0 10px;
}
.b2b-ilst li a {
    color: #fff;
}
.b2b-ilst li:hover a {
    text-decoration: none;
    color: #31c1f9;
}
.b2b-icon {
    width: 84px;
    height: 63px;
    background: url(../images/sprites.png) 0 -69px
}
.b2b-icon2 {
    width: 84px;
    height: 63px;
    background: url(../images/sprites.png) -90px -70px
}
.b2b-icon3 {
    width: 85px;
    height: 63px;
    background: url(../images/sprites.png) -180px -70px
}
.b2b-icon4 {
    width: 78px;
    height: 64px;
    background: url(../images/sprites.png) -270px -70px
}
.b2b-icon5 {
    width: 81px;
    height: 63px;
    background: url(../images/sprites.png) -350px -70px
}
.b2b-iline {
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    height: 110px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 20px;
}
.b2b-ilst li:hover {
    color: #31c1f9;
}
.b2b-ilst li:hover .b2b-icon,
.b2b-ilst .on .b2b-icon {
    background-position: 0 0
}
.b2b-ilst li:hover .b2b-icon2,
.b2b-ilst .on .b2b-icon2 {
    background-position: -90px 0
}
.b2b-ilst li:hover .b2b-icon3,
.b2b-ilst .on .b2b-icon3 {
    background-position: -180px 0
}
.b2b-ilst li:hover .b2b-icon4,
.b2b-ilst .on .b2b-icon4 {
    background-position: -270px 0
}
.b2b-ilst li:hover .b2b-icon5,
.b2b-ilst .on .b2b-icon5 {
    background-position: -350px 0
}
.b2b-itabp {
    font-size: 18px;
    padding: 15px 0;
    font-family: fz;
}
.b2b-ilink {
    font-size: 16px;
    color: #FFF;
    font-weight: normal;
    line-height: 40px;
    padding: 0 30px;
    background: #31c1f9;
    border: 1px solid #31c1f9;
    display: inline-block;
    margin: 50px 20px 23px auto;
}
.b2b-ilink:hover {
    background: #2cade0;
    border-color: #2cade0;
    color: #fff!important;
}
.b2b-ileft {
    float: left;
    font-size: 18px;
    color: #333;
    font-weight: normal;
    padding: 50px 0 0 0
}
.b2b-icon6 {
    width: 40px;
    height: 40px;
    background: url(../images/sprites.png) 0 -140px;
    display: inline-block;
    vertical-align: middle
}
.b2b-ifs24 {
    font-size: 24px;
    font-weight: bold
}
.b2b-ibottom {
    height: 135px;
    width: 100%;
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
}
.b2b-ibox {
    width: 1200px;
    margin: auto;
}
.b2b-ibg {
    height: 135px;
    background: rgba(49, 193, 249, 0.7);
    width: 45%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}
.b2b-ilst2 {
    float: left;
    margin: 25px 0 0 25px
}
.b2b-ilst2 li {
    text-align: left;
    margin-bottom: 20px;
    color: #fff;
    font-size: 16px;
}
.b2b-icon7 {
    width: 30px;
    height: 30px;
    background: url(../images/sprites.png) -51px -140px;
    display: inline-block;
    vertical-align: middle
}
.b2b-icon8 {
    width: 30px;
    height: 30px;
    background: url(../images/sprites.png) -90px -140px;
    display: inline-block;
    vertical-align: middle
}
.b2b-icode {
    width: 100px;
    float: left;
    font-size: 12px;
    float: left;
    margin: 10px 0 0 170px;
    color: #fff;
}
.b2b-ivideo {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 1;
}
.b2b-ivideo video {
    display: block;
    min-height: 100%;
    min-width: 100%;
    max-width: none;
    height: auto;
    width: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.b2b-solution {
    position: relative;
    background: #fff;
}
.b2b-solution .b2b-solution-bg {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 564px;
    background: #b5b5b5 url(../images/banner2.jpg) center top no-repeat;
}
.b2b-solution .mod_partner_inner {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 0;
    margin-left: -600px;
    width: 1200px;
}
.b2b-solution .mod_partner_arrow,
.b2b-service .mod_partner_arrow {
    border-top: 7px solid #178ede!important
}
.b2b-solution .weilian-p {
    color: #000;
}
.b2b-service {
    background: #fff url(../images/bg.png) center bottom no-repeat;
    height: auto;
    overflow: hidden
}
.b2b-service .mod_partner_inner {
    width: auto
}
#stepw {
    text-align: center;
    position: relative;
    margin-bottom: 40px;
}
.b2b-slst {
    text-align: center;
    border-bottom: 2px solid #d7dbe2;
    height: 158px;
}
.b2b-line {
    border: 2px solid transparent;
    border-top-color: #eba171;
    margin-top: -2px;
    -ms-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.b2b-slst li {
    display: inline-block;
    cursor: pointer;
    height: 158px;
    width: 377px;
    text-align: center;
}
.b2b-sbox {
    width: 225px;
    height: 115px;
    box-shadow: 0 0 8px #ccc;
    position: relative;
    text-align: center;
    padding: 45px 0 0 0;
    font-size: 18px;
    margin: 0 auto;
    -ms-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    opacity: .6;
    background: #fff\9;
    filter: alpha(opacity=60);
    background: rgba(255, 255, 255, 0.8);
}
.b2b-sbox:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: rgba(255, 255, 255, 0.8);
    ;
    top: 100%;
    left: 50%;
    margin-left: -10px;
}
.b2b-slst .on .b2b-sbox {
    width: 295px;
    height: 135px;
    font-size: 22px;
    opacity: 1;
    filter: alpha(opacity=100);
}
.b2bStep {
    display: none;
}
.b2b-sstep {
    background: url(../images/step.png) center center no-repeat;
    height: 497px;
}
.b2b-sstep2 {
    background: url(../images/step2.png) center center no-repeat;
    height: 497px;
}
.b2b-sstep3 {
    background: url(../images/step3.png) center center no-repeat;
    height: 497px;
}
.b2bStep-show {
    display: block;
}
.b2b-stepnum {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background: #ff6801;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    position: absolute;
    left: 40%;
    top: -20px;
    padding: 5px 0 0 0
}
.b2b-sfs16 {
    font-size: 16px;
    display: block
}
.b2b-circle {
    background: #ff4b00;
    border: 2px solid #fff;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 7px;
    margin-bottom: -13px;
}
.b2b-slst .on .b2b-circle {
    width: 14px;
    height: 14px;
    border-radius: 9px;
    margin-bottom: -16px;
}
.b2b-slst .on .b2b-stepnum {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    top: -30px;
    padding: 10px 0 0 0;
    font-size: 14px;
}
.mod_hd {
    background: rgba(255, 255, 255, .8);
    border-bottom: 1px solid rgba(242, 242, 242, .8)
}
.b2b-video-box {
    position: absolute;
    top: 0;
    left: 0;
    height: 761px;
    width: 100%;
    min-width: 1200px;
}
.mod_hd_logo a {
    background-image: url("../images/mod_hd_logo_@1x_20160818.png");
    background-image: -webkit-image-set(url("../images/mod_hd_logo_@1x_20160818.png") 1x, url("../images/mod_hd_logo_@2x_20160818.png") 2x);
    background-image: -moz-image-set(url("../images/mod_hd_logo_@1x_20160818.png") 1x, url("../images/mod_hd_logo_@2x_20160818.png") 2x);
    background-image: image-set(url("../images/mod_hd_logo_@1x_20160818.png") 1x, url("../images/mod_hd_logo_@2x_20160818.png") 2x);
}

/*电商云解决方案视频偏移  20161027 CFB*/

.mb71 {
    margin-bottom: 71px;
}

/* 20161122 */

.case_col {
    position: relative;
    width: 1160px;
    height: 460px;
    margin: 35px auto 0 auto;
    overflow: hidden;
    background: #24bda5;
}
.case_col_box {
    width: 1500px;
    height: 100%;
    overflow: hidden;
}
.case_item {
    float: left;
    position: relative;
    width: 240px;
    height: 100%;
    color: #fff;
    overflow: hidden;
    cursor: default;
    -webkit-transition: width 0.25s ease;
    -moz-transition: width 0.25s ease;
    transition: width 0.25s ease;
}
.case_item.case_item_eco {
    background: #73738e;
}
.case_item.case_item_data {
    background: #39b7a3;
}
.case_item_box {
    width: 680px;
    height: 100%;
    -webkit-transition: margin-left 0.25s ease;
    -moz-transition: margin-left 0.25s ease;
    transition: margin-left 0.25s ease;
}
.case_item_side {
    position: relative;
    float: left;
    width: 240px;
    height: 100%;
    overflow: hidden;
}
.case_item_main {
    position: relative;
    float: left;
    width: 440px;
    height: 100%;
}
.case_item_tit {
    /*margin: 0 30px;*/
    margin-left: 30px;
    padding: 30px 0 0;
}
.case_item_tit h4 {
    font-size: 30px;
    font-weight: normal;
    font-family: arial, \5b8b\4f53;
}
.case_item_tit_line {
    width: 60px;
    height: 3px;
    overflow: hidden;
    margin: 10px 0;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#19000000', endColorstr='#19000000');
    background: rgba(0, 0, 0, 0.1);
}
:root .case_item_tit_line {
    filter: progid: DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#00000000', endColorstr='#00000000');
}
.case_item_side_bg {
    position: absolute;
    right: -80px;
    bottom: -40px;
    color: #000;
    opacity: 0.1;
    filter: alpha(opacity=10);
    font-size: 280px!important;
    text-align: right;
    line-height: 1;
}
.case_list {
    position: relative;
    z-index: 1;
    margin: 30px 20px 0;
}
.case_list:after {
    content: '';
    clear: both;
    display: block;
    overflow: hidden;
    line-height: 0;
}
.case_list_box {
    float: left;
    width: 400px;
}
.case_list_box a:hover {
    color: #fff;
}
.case_show {
    position: relative;
    float: left;
    width: 90px;
    height: 90px;
    color: #fff;
    text-decoration: none !important;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#19000000', endColorstr='#19000000');
    background: rgba(0, 0, 0, 0.1);
    cursor: default;
    outline: none;
}
.case_show.case_show_even {
    filter: progid: DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#0C000000', endColorstr='#0C000000');
    background: rgba(0, 0, 0, 0.05);
}
:root .case_show {
    filter: progid: DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#00000000', endColorstr='#00000000');
}
:root .case_show.case_show_even {
    filter: progid: DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#00000000', endColorstr='#00000000');
}
.case_show_hover {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    left: -9999px\0;
    right: auto\0;
    opacity: 0;
    filter: alpha(opacity=0);
    border: 2px solid #fff;
    -webkit-transition: opacity 0.25s ease;
    -moz-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
}
.case_show_hover span {
    display: none;
    position: absolute;
    bottom: -22px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border: 11px dashed transparent;
    border-top: 11px solid #fff;
}
.case_show_hover span i {
    position: absolute;
    top: -12px;
    left: -9px;
    width: 0;
    height: 0;
    border: 9px dashed transparent;
    border-top: 9px solid #676780;
}
.case_show_even .case_show_hover span i {
    width: 0;
    height: 0;
    border: 9px dashed transparent;
    border-top: 9px solid #6d6d87;
}
.case_item_data .case_show_hover span i {
    width: 0;
    height: 0;
    border: 9px dashed transparent;
    border-top: 9px solid #33a492;
}
.case_item_data .case_show_even .case_show_hover span i {
    width: 0;
    height: 0;
    border: 9px dashed transparent;
    border-top: 9px solid #36ae9b;
}

/*.case_show:hover .case_show_hover, .case_show_on .case_show_hover {*/


/*opacity: 1;*/


/*filter: alpha(opacity=100);*/


/*left: 0\0;*/


/*right: 0\0;*/


/*}*/

.case_item_data .case_item_tit_line {
    background: #33a492;
}
.case_show_icon {
    height: 60px;
    font-size: 0;
    text-align: center;
}
.case_show_icon i {
    display: inline-block;
    vertical-align: middle;
    font-size: 42px;
}
.case_show_tit {
    font-size: 12px;
    text-align: center;
    line-height: 12px;
}
.case_desc {
    position: relative;
    height: 120px;
    margin: 18px 30px 0;
    font-size: 12px;
    line-height: 24px;
    clear: both;
}
.case_desc .case_desc_view {
    position: relative;
    z-index: 1;
    word-break: break-all;
    word-warp: break-word;
    position: absolute\0;
    left: -9999px\0;
}
.case_desc .case_desc_view.on {
    position: relative\0;
    left: 0\0;
}
.case_desc_list {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #73738e;
    left: -9999px\0;
    right: auto\0;
}
.case_desc_list.on {
    left: 0\0;
    right: 0\0;
}
.case_desc_list p {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #73738e;
    opacity: 0;
    filter: alpha(opacity=0);
    left: -9999px\0;
    right: auto\0;
}
.case_desc_list p.on {
    left: 0\0;
    right: 0\0;
}
.case_btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 16px;
    text-align: center;
}
.case_btn_lk {
    display: none;
    padding: 0 10px;
    height: 40px;
    width: auto;
    margin: 0 10px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#19000000', endColorstr='#19000000');
    background: rgba(0, 0, 0, 0.1);
}
.case_btn_lk:hover {
    color: #fff;
}
.case_btn_lk i {
    display: inline-block;
    position: relative;
    top: 1px;
    font-size: 20px;
    margin-left: 5px;
    vertical-align: middle;
}
.case_btn_lk .case_btn_txt {
    display: inline-block;
    vertical-align: middle;
}
.case_btn_lk:hover {
    text-decoration: none;
}
:root .case_btn_lk {
    filter: progid: DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#00000000', endColorstr='#00000000');
}
.case_item_bg {
    display: none;
    position: absolute;
    right: -88px;
    top: -150px;
    font-weight: bold;
    font-size: 200px;
    color: #676780;
}
.case_item_bg.case_item_bg_data {
    color: #33a492;
    font-weight: normal;
    font-size: 300px;
    right: -114px;
    top: -260px;
}
.case_item.on {
    width: 680px;
}
.case_item_eco {
    background: #7d7db4;
}
.case_item_eco .case_item_side {
    background: #b26262;
}
.case_item_eco .case_item_main {
    background: #df6c6c;
}
.case_item_eco .case_desc_list {
    background: #7d7db4;
}
.case_item_eco .case_desc_list p {
    background: #7d7db4;
}
.case_item_log {
    background: #ecbe1f;
}
.case_item_log .case_item_side {
    background: #d9b125;
}
.case_item_log .case_item_main {
    background: #ecbe1f;
}
.case_item_log .case_desc_list {
    background: #ecbe1f;
}
.case_item_log .case_desc_list p {
    background: #ecbe1f;
}

/*.case_item_log .case_item_side_bg {
    bottom: -98px;
}*/

.case_item_smt {
    background: #24bda5;
}
.case_item_smt .case_item_side {
    background: #42ad9c;
}
.case_item_smt .case_item_main {
    background: #24bda5;
}
.case_item_smt .case_desc_list {
    background: #24bda5;
}
.case_item_smt .case_desc_list p {
    background: #24bda5;
}

/*.case_item_smt .case_item_side_bg {
    right: -150px;
    bottom: -110px;
}*/

.case_item_ind {
    background: #56ace8;
}
.case_item_ind .case_item_side {
    background: #4f9dd3;
}
.case_item_ind .case_item_main {
    background: #56ace8;
}
.case_item_ind .case_desc_list {
    background: #56ace8;
}
.case_item_ind .case_desc_list p {
    background: #56ace8;
}
.case_item_ind .case_item_side_bg {
    bottom: -90px;
}
.case-h3 {
    font-size: 14px;
    margin-bottom: 10px;
}
@font-face {
    font-family: "iconfont";
    src: url('../font/iconfont.eot?t=1479799147116');
    /* IE9*/
    src: url('../font/iconfont.eot?t=1479799147116#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont.woff?t=1479799147116') format('woff'), /* chrome, firefox */
    url('../font/iconfont.ttf?t=1479799147116') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../font/iconfont.svg?t=1479799147116#iconfont') format('svg');
    /* iOS 4.1- */
}
.iconfont {
    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;
}
.price {
    background: #fff;
}
.price-lst {
    overflow: hidden;
    margin-top: 10px;
}
.price-lst li {
    width: 33.33%;
    float: left;
    font-size: 16px;
    color: #000;
    margin: 30px 0;
}
.price-lst li i {
    display: inline-block;
    width: 107px;
    height: 124px;
    background: url(../images/sprites2.png) 0 0 no-repeat;
    float: left;
    margin-right: 20px;
}
.price-p {
    padding: 35px 0 0 0
}
.price-p2 {
    padding: 49px 0 0 0
}
.price-i2 {
    background-position: -110px 0!important;
}
.price-i3 {
    background-position: 0 -130px!important;
}
.price-i4 {
    background-position: -220px 0!important;
}
.price-i5 {
    background-position: -110px -130px!important;
}
.price-i6 {
    background-position: -220px -130px!important;
}
.value {
    background: #f7f7f7 url(../images/value.png) center 240px no-repeat;
    height: 735px;
}
.value2 {
    background: #f7f7f7 url(../images/value2.png) center 240px no-repeat;
}
.value3 {
    background: #f7f7f7 url(../images/value3.png) center 240px no-repeat;
}
.bg-tm {
    color: #31c1f9;
    background: rgba(255, 255, 255, 0.3);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4cffffff, endColorstr=#4cffffff);
}
.bg-tm:hover {
    background: rgba(255, 255, 255, 0.5);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff);
    color: #31c1f9!important;
}
.txt-blue {
    color: #bbe7ff;
}
.mod_partner_arrow {
    border-top: 7px solid #178ede!important;
}
.case3 {
    height: 600px;
    background: #fff;
}
.case2 {
    height: 500px;
    background: #fff;
}
.case2-lst {
    margin-top: 20px;
    overflow: hidden
}
.case2-lst li {
    width: 295px;
    float: left;
    text-align: center;
    line-height: 30px;
    color: #999;
    margin-right: 5px;
    font-size: 12px;
}
.case2-lst li i {
    display: inline-block;
    width: 171px;
    height: 198px;
    background: url(../images/sprites2.png) 0 -460px no-repeat;
}
.case2-lst li h4 {
    color: #000;
    font-weight: bold;
    font-size: 14px;
}
.case2-i2 {
    background-position: 0 -260px!important;
}
.case2-i3 {
    background-position: -180px -260px!important;
}
.case2-i4 {
    background-position: -180px -470px!important;
}
.case2-last {
    margin: 0!important
}
.more-list {
    margin-top: 50px;
}
.mod_partner .mod_partner_hd .more-list-h3 {
    font-weight: normal;
    font-size: 40px;
    font-family: 'Microsoft YaHei'
}
.more-list li {
    float: left;
    width: 24%;
    height: 175px;
}
.more-list li a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../images/fangan_bg.png) no-repeat center top;
}
.more-list li .more-list-seo {
    background: url(../images/seo_ico.png) no-repeat center;
    width: 100%;
    height: 175px;
}
.more-list li a p {
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
}
.more-list li a p span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #555;
}
.more-list li .more-list-officialsite {
    background: url(../images/officialsite_ico.png) no-repeat center;
    width: 100%;
    height: 175px;
}
.more-list li .more-list-website {
    background: url(../images/website_ico.png) no-repeat center;
    width: 100%;
    height: 175px;
}
.more-list li .more-list-domain {
    background: url(../images/domain_ico.png) no-repeat center;
    width: 100%;
    height: 175px;
}
.more-list li a:hover {
    background: url(../images/fangan_hover_bg.png) no-repeat center top;
}
.more-list li a:hover {
    background: url(../images/fangan_hover_bg.png) no-repeat center top;
}
.more-list li a:hover {
    background: url(../images/fangan_hover_bg.png) no-repeat center top;
}
.more-list li a:hover {
    background: url(../images/fangan_hover_bg.png) no-repeat center top;
}
.more-list li a:hover .more-list-seo {
    background: url(../images/seo_1ico.png) no-repeat center;
}
.more-list li a:hover .more-list-officialsite {
    background: url(../images/officialsite_1ico.png) no-repeat center;
}
.more-list li a:hover .more-list-website {
    background: url(../images/website_1ico.png) no-repeat center;
}
.more-list li a:hover .more-list-domain {
    background: url(../images/domain_1ico.png) no-repeat center;
}
.more-list li a:hover p span {
    color: #00a8e5;
}

/*------------------------seo数据----------------------------------*/

@font-face {
    font-family: "iconfont";
    src: url('https://cdn.bdstatic.com/portal/dep/1.0.30.1/iconfont/1.0.1/iconfont.eot?t=1499765537424');
    src: url('https://cdn.bdstatic.com/portal/dep/1.0.30.1/iconfont/1.0.1/iconfont.eot?t=1499765537424#iefix') format('embedded-opentype'), url('https://cdn.bdstatic.com/portal/dep/1.0.30.1/iconfont/1.0.1/iconfont.woff?t=1499765537424') format('woff'), url('https://cdn.bdstatic.com/portal/dep/1.0.30.1/iconfont/1.0.1/iconfont.ttf?t=1499765537424') format('truetype'), url('https://cdn.bdstatic.com/portal/dep/1.0.30.1/iconfont/1.0.1/iconfont.svg?t=1499765537424#iconfont') format('svg')
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon-plus:before {
    content: "\e600"
}
.icon-magnifier:before {
    content: "\e601"
}
.icon-minus:before {
    content: "\e602"
}
.icon-copy:before {
    content: "\e603"
}
.icon-trash:before {
    content: "\e604"
}
.icon-downarrow:before {
    content: "\e605"
}
.icon-location:before {
    content: "\e606"
}
.icon-collapse:before {
    content: "\e607"
}
.icon-refresh:before {
    content: "\e608"
}
.icon-sdk:before {
    content: "\e618"
}
.icon-bccinstance:before {
    content: "\e619"
}
.icon-bccimage:before {
    content: "\e61a"
}
.icon-cdndomain:before {
    content: "\e61b"
}
.icon-cdnrefresh:before {
    content: "\e61c"
}
.icon-warning:before {
    content: "\e61e"
}
.icon-statistics:before {
    content: "\e61f"
}
.icon-sendauth:before {
    content: "\e620"
}
.icon-block:before {
    content: "\e621"
}
.icon-bounce:before {
    content: "\e623"
}
.icon-sendingmail:before {
    content: "\e624"
}
.icon-template:before {
    content: "\e625"
}
.icon-deploy:before {
    content: "\e626"
}
.icon-scale:before {
    content: "\e627"
}
.icon-user:before {
    content: "\e628"
}
.icon-money:before {
    content: "\e629"
}
.icon-create:before {
    content: "\e62a"
}
.icon-list:before {
    content: "\e62b"
}
.icon-bookmark:before {
    content: "\e62c"
}
.icon-guide:before {
    content: "\e62d"
}
.icon-balance:before {
    content: "\e62e"
}
.icon-ok:before {
    content: "\e62f"
}
.icon-fail:before {
    content: "\e630"
}
.icon-waiting:before {
    content: "\e631"
}
.icon-status:before {
    content: "\e632"
}
.icon-full-screen:before {
    content: "\e70c"
}
.icon-buy:before {
    content: "\e636"
}
.icon-info:before {
    content: "\e638"
}
.icon-order-list:before {
    content: "\e63a"
}
.icon-arrow-right:before {
    content: "\e63b"
}
.icon-running:before {
    content: "\e63c"
}
.icon-clock:before {
    content: "\e63d"
}
.icon-auditing:before {
    content: "\e63e"
}
.icon-object:before {
    content: "\e63f"
}
.icon-mount:before {
    content: "\e640"
}
.icon-hold:before {
    content: "\e641"
}
.icon-pie:before {
    content: "\e642"
}
.icon-solution-doc:before {
    content: "\e643"
}
.icon-sdktool:before {
    content: "\e645"
}
.icon-product-doc:before {
    content: "\e646"
}
.icon-user-guide:before {
    content: "\e647"
}
.icon-contact:before {
    content: "\e648"
}
.icon-notice:before {
    content: "\e649"
}
.icon-beian-doc:before {
    content: "\e644"
}
.icon-isp:before {
    content: "\e64b"
}
.icon-security:before {
    content: "\e64c"
}
.icon-serialise:before {
    content: "\e64d"
}
.icon-site-manage:before {
    content: "\e64e"
}
.icon-searchall:before {
    content: "\e64f"
}
.icon-searchdoc:before {
    content: "\e650"
}
.icon-searchsite:before {
    content: "\e651"
}
.icon-zhidahao:before {
    content: "\e635"
}
.icon-video:before {
    content: "\e652"
}
.icon-admin:before {
    content: "\e633"
}
.icon-cloud:before {
    content: "\e634"
}
.icon-fc-ad:before {
    content: "\e656"
}
.icon-pricing:before {
    content: "\e657"
}
.icon-about:before {
    content: "\e658"
}
.icon-reference:before {
    content: "\e659"
}
.icon-authentication:before {
    content: "\e65a"
}
.icon-bae4:before {
    content: "\e65b"
}
.icon-baepro4:before {
    content: "\e65c"
}
.icon-alarm-clock:before {
    content: "\e664"
}
.icon-mvp:before {
    content: "\e665"
}
.icon-round-right-fill:before {
    content: "\e666"
}
.icon-month:before {
    content: "\e667"
}
.icon-demand:before {
    content: "\e668"
}
.icon-bmr-cluster:before {
    content: "\e66c"
}
.icon-bmr-cluster-template:before {
    content: "\e66d"
}
.icon-bmr-crontask:before {
    content: "\e66e"
}
.icon-bmr-step:before {
    content: "\e66f"
}
.icon-lss-stat:before {
    content: "\e671"
}
.icon-table-trend:before {
    content: "\e675"
}
.icon-download:before {
    content: "\e678"
}
.icon-typical-sample:before {
    content: "\e67a"
}
.icon-bind:before {
    content: "\e67b"
}
.icon-unbind:before {
    content: "\e67c"
}
.icon-horn:before {
    content: "\e67d"
}
.icon-bcc-new:before {
    content: "\e698"
}
.icon-blb-new:before {
    content: "\e699"
}
.icon-bos-new:before {
    content: "\e69a"
}
.icon-cds-new:before {
    content: "\e69b"
}
.icon-cdn-new:before {
    content: "\e69c"
}
.icon-rds-new:before {
    content: "\e69d"
}
.icon-scs-new:before {
    content: "\e69e"
}
.icon-moladb-new:before {
    content: "\e69f"
}
.icon-bae-staff:before {
    content: "\e67f"
}
.icon-vod-overview:before {
    content: "\e682"
}
.icon-io:before {
    content: "\e683"
}
.icon-processing:before {
    content: "\e684"
}
.icon-agentlist:before {
    content: "\e685"
}
.icon-policy:before {
    content: "\e68e"
}
.icon-collaborator:before {
    content: "\e68f"
}
.icon-contact1:before {
    content: "\e690"
}
.icon-baseinfo:before {
    content: "\e691"
}
.icon-qualify:before {
    content: "\e692"
}
.icon-certificatelist:before {
    content: "\e695"
}
.icon-letterlist:before {
    content: "\e697"
}
.icon-bss-new:before {
    content: "\e6a0"
}
.icon-bcm-new:before {
    content: "\e6a1"
}
.icon-ses-new:before {
    content: "\e6a2"
}
.icon-sms-new:before {
    content: "\e6a3"
}
.icon-qss-new:before {
    content: "\e6a4"
}
.icon-mat-new:before {
    content: "\e6a5"
}
.icon-bae-new:before {
    content: "\e6a6"
}
.icon-qns-new:before {
    content: "\e6a7"
}
.icon-mct-new:before {
    content: "\e6a8"
}
.icon-lss-new:before {
    content: "\e6a9"
}
.icon-bfr-new:before {
    content: "\e6aa"
}
.icon-ocr-new:before {
    content: "\e6ab"
}
.icon-bmr-new:before {
    content: "\e6ac"
}
.icon-bml-new:before {
    content: "\e6ad"
}
.icon-palo-new:before {
    content: "\e6ae"
}
.icon-bch-new:before {
    content: "\e6af"
}
.icon-website-new:before {
    content: "\e6b0"
}
.icon-video-new:before {
    content: "\e6b1"
}
.icon-image-new:before {
    content: "\e6b2"
}
.icon-stgcdn-new:before {
    content: "\e6b3"
}
.icon-bigdata-new:before {
    content: "\e6b4"
}
.icon-app-new:before {
    content: "\e6b5"
}
.icon-marketing-new:before {
    content: "\e6b6"
}
.icon-education-new:before {
    content: "\e6b7"
}
.icon-iot-new:before {
    content: "\e6b8"
}
.icon-hybridcloud-new:before {
    content: "\e6b9"
}
.icon-link:before {
    content: "\e6ba"
}
.icon-new-ribbon:before {
    content: "\e6bb"
}
.icon-sale-tag:before {
    content: "\e6bc"
}
.icon-cert:before {
    content: "\e6bd"
}
.icon-license:before {
    content: "\e6be"
}
.icon-lss-commercial:before {
    content: "\e6c0"
}
.icon-saml:before {
    content: "\e6c2"
}
.icon-agent-customer:before {
    content: "\e686"
}
.icon-agent-info:before {
    content: "\e687"
}
.icon-agent-resource:before {
    content: "\e6c3"
}
.icon-star-solid:before {
    content: "\e6c4"
}
.icon-star-hollow:before {
    content: "\e6c5"
}
.icon-forum:before {
    content: "\e6c6"
}
.icon-scrolltop:before {
    content: "\e6c7"
}
.icon-write:before {
    content: "\e6c8"
}
.icon-faq:before {
    content: "\e6c9"
}
.icon-hot:before {
    content: "\e6ca"
}
.icon-dialogue:before {
    content: "\e6cb"
}
.icon-new:before {
    content: "\e6cd"
}
.icon-newdialog:before {
    content: "\e6ce"
}
.icon-vod-media:before {
    content: "\e681"
}
.icon-bml-experiment:before {
    content: "\e6cf"
}
.icon-location1:before {
    content: "\e6d0"
}
.icon-move:before {
    content: "\e6d3"
}
.icon-bml-dataset:before {
    content: "\e676"
}
.icon-bml-model:before {
    content: "\e677"
}
.icon-zoom-in:before {
    content: "\e6d6"
}
.icon-zoom-out:before {
    content: "\e6d7"
}
.icon-original-size:before {
    content: "\e6d8"
}
.icon-voice:before {
    content: "\e6d9"
}
.icon-iot-rule-engine:before {
    content: "\e6db"
}
.icon-subnet:before {
    content: "\e6df"
}
.icon-bml-evaluate:before {
    content: "\e6d1"
}
.icon-bml-history:before {
    content: "\e6d4"
}
.icon-saveas:before {
    content: "\e6d5"
}
.icon-save:before {
    content: "\e6e1"
}
.icon-stop:before {
    content: "\e6e2"
}
.icon-play:before {
    content: "\e6e3"
}
.icon-bml-train:before {
    content: "\e6e4"
}
.icon-bml-predict:before {
    content: "\e6e6"
}
.icon-bml-scheduling:before {
    content: "\e6e7"
}
.icon-fail-reverse:before {
    content: "\e6d2"
}
.icon-warning-new:before {
    content: "\e6e5"
}
.icon-ok-reverse:before {
    content: "\e6e8"
}
.icon-bml-waiting:before {
    content: "\e6e9"
}
.icon-bucket:before {
    content: "\e6ea"
}
.icon-bps:before {
    content: "\e6ed"
}
.icon-lss-audit:before {
    content: "\e6f1"
}
.icon-iot-device-group:before {
    content: "\e6f2"
}
.icon-iot-device-list:before {
    content: "\e6f3"
}
.icon-game-solution:before {
    content: "\e6c1"
}
.icon-marketing-solution:before {
    content: "\e6f4"
}
.icon-education-solution:before {
    content: "\e6f5"
}
.icon-iot-solution:before {
    content: "\e6f6"
}
.icon-hybridcloud-solution:before {
    content: "\e6f7"
}
.icon-finance-solution:before {
    content: "\e6f8"
}
.icon-website-solution:before {
    content: "\e6f9"
}
.icon-video-solution:before {
    content: "\e6fa"
}
.icon-image-solution:before {
    content: "\e6fb"
}
.icon-stg_cdn-solution:before {
    content: "\e6fc"
}
.icon-opinion-solution:before {
    content: "\e6fd"
}
.icon-data_warehousing-solution:before {
    content: "\e6fe"
}
.icon-app-solution:before {
    content: "\e6ff"
}
.icon-platform-calculate-solution:before {
    content: "\e700"
}
.icon-platform-image-solution:before {
    content: "\e701"
}
.icon-platform-industry-solution:before {
    content: "\e702"
}
.icon-log_analysis-solution:before {
    content: "\e703"
}
.icon-lifescience-solution:before {
    content: "\e704"
}
.icon-sdk-upload:before {
    content: "\e709"
}
.icon-console-upload:before {
    content: "\e70a"
}
.icon-tool-upload:before {
    content: "\e70b"
}
.icon-lss-session:before {
    content: "\e670"
}
.icon-lss-template:before {
    content: "\e70d"
}
.icon-bss-security:before {
    content: "\e70f"
}
.icon-sort-normal:before {
    content: "\e711"
}
.icon-sort-descending:before {
    content: "\e712"
}
.icon-sort-ascending:before {
    content: "\e713"
}
.icon-entertainment-solution:before {
    content: "\e714"
}
.icon-security-solution:before {
    content: "\e719"
}
.icon-renewmanage:before {
    content: "\e718"
}
.icon-vpn:before {
    content: "\e722"
}
.icon-deposit:before {
    content: "\e71b"
}
.icon-accountrecharge:before {
    content: "\e688"
}
.icon-dealrecord:before {
    content: "\e68a"
}
.icon-billingorder:before {
    content: "\e68b"
}
.icon-accountmanage:before {
    content: "\e68c"
}
.icon-invoicemanage:before {
    content: "\e68d"
}
.icon-coupon:before {
    content: "\e696"
}
.icon-discountmanage:before {
    content: "\e71c"
}
.icon-eipgroup:before {
    content: "\e72b"
}
.icon-announcement:before {
    content: "\e71d"
}
.icon-install:before {
    content: "\e71e"
}
.icon-common-payment:before {
    content: "\e71f"
}
.icon-common-reliable:before {
    content: "\e720"
}
.icon-common-customer-support:before {
    content: "\e721"
}
.icon-refundmanage:before {
    content: "\e731"
}
.icon-view:before {
    content: "\e732"
}
.icon-adviser-solution:before {
    content: "\e723"
}
.icon-platform-ai-solution:before {
    content: "\e724"
}
.icon-customer_service-solution:before {
    content: "\e726"
}
.icon-ddos:before {
    content: "\e766"
}
.icon-accesskey:before {
    content: "\e767"
}
.icon-gpu:before {
    content: "\e768"
}
.icon-moladb:before {
    content: "\e7a5"
}
.icon-authinfo:before {
    content: "\e769"
}
.icon-cas:before {
    content: "\e77e"
}
.icon-bes:before {
    content: "\e77f"
}
.icon-bbs:before {
    content: "\e7a6"
}
.icon-kafka:before {
    content: "\e76b"
}
.icon-bml:before {
    content: "\e76c"
}
.icon-palo:before {
    content: "\e76d"
}
.icon-batch:before {
    content: "\e791"
}
.icon-bls:before {
    content: "\e76e"
}
.icon-sr:before {
    content: "\e792"
}
.icon-eip:before {
    content: "\e76f"
}
.icon-bos:before {
    content: "\e770"
}
.icon-iam-user:before {
    content: "\e780"
}
.icon-blb:before {
    content: "\e771"
}
.icon-rds:before {
    content: "\e772"
}
.icon-finance:before {
    content: "\e773"
}
.icon-sms:before {
    content: "\e774"
}
.icon-iotre:before {
    content: "\e793"
}
.icon-ses:before {
    content: "\e775"
}
.icon-cdn:before {
    content: "\e777"
}
.icon-scs:before {
    content: "\e779"
}
.icon-beian:before {
    content: "\e79c"
}
.icon-tsdb:before {
    content: "\e7a2"
}
.icon-di:before {
    content: "\e77a"
}
.icon-doc:before {
    content: "\e77b"
}
.icon-ocr:before {
    content: "\e77c"
}
.icon-exit:before {
    content: "\e77d"
}
.icon-qss:before {
    content: "\e79d"
}
.icon-iotviz:before {
    content: "\e7a3"
}
.icon-iot:before {
    content: "\e79e"
}
.icon-iotdm:before {
    content: "\e7a4"
}
.icon-agent:before {
    content: "\e781"
}
.icon-bbc:before {
    content: "\e782"
}
.icon-mat:before {
    content: "\e79f"
}
.icon-vod:before {
    content: "\e783"
}
.icon-lss:before {
    content: "\e784"
}
.icon-mct:before {
    content: "\e785"
}
.icon-myaccount:before {
    content: "\e786"
}
.icon-bcd:before {
    content: "\e7a0"
}
.icon-bss:before {
    content: "\e787"
}
.icon-apm:before {
    content: "\e788"
}
.icon-cds:before {
    content: "\e789"
}
.icon-bae:before {
    content: "\e78a"
}
.icon-bcc:before {
    content: "\e78b"
}
.icon-bcm:before {
    content: "\e78c"
}
.icon-mkt:before {
    content: "\e78d"
}
.icon-bch:before {
    content: "\e78e"
}
.icon-wmt:before {
    content: "\e7a1"
}
.icon-dcc:before {
    content: "\e78f"
}
.icon-et:before {
    content: "\e790"
}
.icon-network:before {
    content: "\e794"
}
.icon-collapse1:before {
    content: "\e795"
}
.icon-header-help:before {
    content: "\e796"
}
.icon-ticket:before {
    content: "\e797"
}
.icon-down-arrow:before {
    content: "\e798"
}
.icon-search:before {
    content: "\e799"
}
.icon-overview:before {
    content: "\e79a"
}
.icon-header-message:before {
    content: "\e79b"
}
.icon-modbus:before {
    content: "\e7a8"
}
.icon-antiporn:before {
    content: "\e7a9"
}
.icon-nlp:before {
    content: "\e7aa"
}
.icon-verify-email:before {
    content: "\e7ab"
}
.icon-verify:before {
    content: "\e7ac"
}
.icon-verify-mobile:before {
    content: "\e7ad"
}
.icon-wallet:before {
    content: "\e7af"
}
.icon-verify-agent:before {
    content: "\e7b0"
}
.icon-bmr:before {
    content: "\e7ae"
}
.icon-calendar:before {
    content: "\e7b1"
}
.icon-vpc:before {
    content: "\e778"
}
.icon-dts:before {
    content: "\e7b4"
}
.icon-dsp:before {
    content: "\e7b7"
}
.icon-refererapi:before {
    content: "\e7b2"
}
.icon-pctr:before {
    content: "\e7b8"
}
.icon-sem:before {
    content: "\e7b3"
}
.icon-adsel:before {
    content: "\e7b9"
}
.icon-dmp:before {
    content: "\e7ba"
}
.icon-adn:before {
    content: "\e7bb"
}
.icon-feedapi:before {
    content: "\e7b5"
}
.icon-close:before {
    content: "\e6eb"
}
.icon-ai-tv-instruction:before {
    content: "\e7d4"
}
.icon-ai-vehicle-instruction:before {
    content: "\e7d5"
}
.icon-ai-train:before {
    content: "\e7d6"
}
.icon-ai-tv-show:before {
    content: "\e7d7"
}
.icon-ai-travel:before {
    content: "\e7d8"
}
.icon-ai-video:before {
    content: "\e7d9"
}
.icon-ai-translation:before {
    content: "\e7da"
}
.icon-ai-website:before {
    content: "\e7db"
}
.icon-ai-weather:before {
    content: "\e7dc"
}
.icon-ai-alarm:before {
    content: "\e7dd"
}
.icon-ai-app:before {
    content: "\e7de"
}
.icon-ai-calendar:before {
    content: "\e7df"
}
.icon-ai-account:before {
    content: "\e7e0"
}
.icon-ai-contacts:before {
    content: "\e7e1"
}
.icon-ai-film-news:before {
    content: "\e7e2"
}
.icon-ai-hotel:before {
    content: "\e7e3"
}
.icon-ai-flight:before {
    content: "\e7e4"
}
.icon-ai-instruction:before {
    content: "\e7e5"
}
.icon-ai-knowledge:before {
    content: "\e7e6"
}
.icon-ai-joke:before {
    content: "\e7e7"
}
.icon-ai-message:before {
    content: "\e7e8"
}
.icon-ai-music:before {
    content: "\e7e9"
}
.icon-ai-navigate-instruction:before {
    content: "\e7ea"
}
.icon-ai-map:before {
    content: "\e7eb"
}
.icon-ai-novel:before {
    content: "\e7ec"
}
.icon-ai-phone-charges:before {
    content: "\e7ed"
}
.icon-ai-recipe:before {
    content: "\e7ee"
}
.icon-ai-search:before {
    content: "\e7ef"
}
.icon-ai-player:before {
    content: "\e7f0"
}
.icon-ai-sns:before {
    content: "\e7f1"
}
.icon-ai-radio:before {
    content: "\e7f2"
}
.icon-ai-setting:before {
    content: "\e7f3"
}
.icon-ai-story:before {
    content: "\e7f4"
}
.icon-ai-stock:before {
    content: "\e7f5"
}
.icon-ai-telephone:before {
    content: "\e7f6"
}
.icon-face:before {
    content: "\e66b"
}
.icon-video_ai-solution:before {
    content: "\e7f7"
}
.icon-speech:before {
    content: "\e66a"
}
.icon-recommender-solution:before {
    content: "\e7f8"
}
.icon-re:before {
    content: "\e672"
}
.icon-warning-mark:before {
    content: "\e7f9"
}
.icon-question-mark:before {
    content: "\e7fa"
}
.icon-ai-startup-solution:before {
    content: "\e673"
}
.icon-vca:before {
    content: "\e7fb"
}
.icon-va:before {
    content: "\e7fc"
}
.icon-vcs:before {
    content: "\e7fd"
}
.icon-app-tel:before {
    content: "\e7fe"
}
.icon-app-wxpay:before {
    content: "\e7ff"
}
.icon-app-consumption:before {
    content: "\e800"
}
.icon-app-feedback:before {
    content: "\e801"
}
.icon-app-verify:before {
    content: "\e802"
}
.icon-app-balance:before {
    content: "\e803"
}
.icon-app-bill:before {
    content: "\e804"
}
.icon-app-alipay:before {
    content: "\e805"
}
.icon-app-coupon:before {
    content: "\e806"
}
.icon-app-account:before {
    content: "\e807"
}
.icon-app-unionpay:before {
    content: "\e808"
}
.icon-app-setting:before {
    content: "\e809"
}
.icon-app-newsale:before {
    content: "\e80a"
}
.icon-de:before {
    content: "\e674"
}
.icon-setting:before {
    content: "\e80b"
}
.icon-bdl:before {
    content: "\e7a7"
}
.icon-bsg:before {
    content: "\e679"
}
.icon-correct:before {
    content: "\e67e"
}
.icon-doc-feedback:before {
    content: "\e680"
}
.icon-shanchu:before {
    content: "\e689"
}
.icon-bingpai:before {
    content: "\e693"
}
.icon-icon-test:before {
    content: "\e694"
}
.icon-huodongicon:before {
    content: "\e6bf"
}
.icon-shangxin:before {
    content: "\e6cc"
}
.icon-shupai:before {
    content: "\e6da"
}
.icon-wode:before {
    content: "\e6dc"
}
.icon-xialajiantou:before {
    content: "\e6dd"
}
.icon-sousuo:before {
    content: "\e6de"
}
.icon-xiaoxi:before {
    content: "\e6e0"
}
.icon-x:before {
    content: "\e6ec"
}
.icon-youjiantou:before {
    content: "\e6ee"
}
.icon-duigou:before {
    content: "\e6ef"
}
.icon-kongzhitai:before {
    content: "\e6f0"
}
.icon-waf:before {
    content: "\e80c"
}
.icon-baiduqianbao:before {
    content: "\e705"
}
.icon-zhifubao:before {
    content: "\e706"
}
.icon-weixinqianbao:before {
    content: "\e707"
}
.icon-daijinquan:before {
    content: "\e708"
}
.icon-shimingrenzheng:before {
    content: "\e70e"
}
.icon-shoushimima:before {
    content: "\e710"
}
.icon-kefudianhua:before {
    content: "\e715"
}
.icon-gongdanfankui:before {
    content: "\e716"
}
.icon-shezhi:before {
    content: "\e717"
}
.icon-xianxiadakuanzhanghao:before {
    content: "\e71a"
}
.icon-yue:before {
    content: "\e725"
}
.icon-yuezhangdan:before {
    content: "\e727"
}
.icon-zhangdanguanli:before {
    content: "\e728"
}
.icon-zhanghuxinxi:before {
    content: "\e729"
}
.icon-baiduyun:before {
    content: "\e72a"
}
.icon-color-circle:before {
    content: "\e72e"
}
.icon-color-error:before {
    content: "\e72c"
}
.icon-color-correct:before {
    content: "\e72d"
}
.icon-return:before {
    content: "\e72f"
}
.icon-change-password:before {
    content: "\e730"
}
.icon-data-sheet:before {
    content: "\e733"
}
.icon-data-graph:before {
    content: "\e734"
}
.icon-quit:before {
    content: "\e735"
}
.icon-top1:before {
    content: "\e736"
}
.icon-preview:before {
    content: "\e737"
}
.icon-api:before {
    content: "\e738"
}
.icon-top3:before {
    content: "\e739"
}
.icon-top2:before {
    content: "\e73a"
}
.icon-video-circle:before {
    content: "\e73b"
}
.icon-display-position:before {
    content: "\e73c"
}
.icon-ios:before {
    content: "\e73d"
}
.icon-android:before {
    content: "\e73e"
}
.icon-flash:before {
    content: "\e73f"
}
.icon-image:before {
    content: "\e740"
}
.icon-click-rate:before {
    content: "\e741"
}
.icon-click-amount:before {
    content: "\e742"
}
.icon-display-amount:before {
    content: "\e743"
}
.icon-fpga:before {
    content: "\e744"
}
.icon-cloudadanti:before {
    content: "\e609"
}
.icon-prophet-solution:before {
    content: "\e80d"
}
.icon-vcr:before {
    content: "\e745"
}
.icon-ssp:before {
    content: "\e746"
}
.icon-maximize:before {
    content: "\e80e"
}
.icon-minimize:before {
    content: "\e80f"
}
.icon-kg:before {
    content: "\e810"
}
.icon-short-video-solution:before {
    content: "\e811"
}
.icon-overview-msg:before {
    content: "\e812"
}
.icon-overview-invoice:before {
    content: "\e813"
}
.icon-overview-agent:before {
    content: "\e814"
}
.icon-overview-desc:before {
    content: "\e815"
}
.icon-overview-instance:before {
    content: "\e816"
}
.icon-overview-balance:before {
    content: "\e817"
}
.icon-backup-solution:before {
    content: "\e818"
}
.icon-E-Profile:before {
    content: "\e747"
}
.icon-retail-solution:before {
    content: "\e748"
}
.icon-calculator:before {
    content: "\e819"
}
.icon-information:before {
    content: "\e81a"
}
.icon-imagecensoring:before {
    content: "\e749"
}
.icon-folder:before {
    content: "\e81b"
}
.icon-wake:before {
    content: "\e74b"
}
.icon-tts:before {
    content: "\e74c"
}
.icon-unit:before {
    content: "\e74e"
}
.icon-asr:before {
    content: "\e74a"
}
.icon-tag:before {
    content: "\e81c"
}
.icon-prop:before {
    content: "\e81d"
}
.icon-ar:before {
    content: "\e74f"
}
.icon-shangqing-solution:before {
    content: "\e750"
}
.icon-data-mark:before {
    content: "\e81e"
}
.icon-data-collection:before {
    content: "\e81f"
}
.icon-apollo:before {
    content: "\e74d"
}
.icon-adx:before {
    content: "\e751"
}
.icon-ai-resource:before {
    content: "\e820"
}
.icon-ai-plat:before {
    content: "\e821"
}
.icon-ai-app1:before {
    content: "\e822"
}
.icon-ai-data:before {
    content: "\e823"
}
.icon-shopping-cart:before {
    content: "\e824"
}
.icon-arp:before {
    content: "\e752"
}
#business-feedback-box {
    position: fixed;
    width: 565px;
    max-height: 663px;
    background: #FFF;
    top: 20px;
    bottom: 20px;
    right: 80px;
    margin: auto;
    z-index: 200;
    border: 1px solid #e1e1e2;
    -webkit-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.2);
    box-sizing: border-box
}
#business-feedback-box .close-ui {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    color: #ccc;
    z-index: 300
}
#business-feedback-box.overflow {
    overflow-y: scroll
}
#business-feedback-box .arrow {
    position: fixed;
    height: 10px
}
#business-feedback-box .arrow:before {
    content: '';
    display: block;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #e1e1e2;
    position: absolute;
    right: -10px;
    width: 10px;
    height: 0;
    top: 0;
    bottom: 0;
    margin: auto
}
#business-feedback-box .arrow:after {
    content: '';
    display: block;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #fff;
    position: absolute;
    right: -8px;
    width: 10px;
    height: 0;
    top: 0;
    bottom: 0;
    margin: auto
}
#business-feedback-box .form-box {
    padding: 42px 84px 0 84px;
    box-sizing: border-box
}
#business-feedback-box .hint {
    font-size: 12px;
    display: block;
    margin-top: 15px;
    margin-left: 10px
}
#business-feedback-box .form-row {
    *zoom: 1;
    position: relative;
    color: #333;
    font-size: 14px;
    margin-top: 22px
}
#business-feedback-box .form-row:before,
#business-feedback-box .form-row:after {
    display: table;
    content: ""
}
#business-feedback-box .form-row:after {
    clear: both
}
#business-feedback-box .form-row:first-child {
    margin-top: 0
}
#business-feedback-box .validdisable .row-right input[type="text"] {
    border-color: #ea2e2e;
    color: #ea2e2e;
    background: #fffbfb
}
#business-feedback-box .validdisable .valid {
    position: absolute;
    left: 90px;
    bottom: -20px;
    color: #ea2e2e
}
#business-feedback-box .row-left {
    float: left;
    width: 90px;
    line-height: 30px
}
#business-feedback-box .row-left i {
    color: #ea2e2e;
    display: inline-block;
    width: 10px
}
#business-feedback-box .row-right {
    margin-left: 90px;
    line-height: 30px
}
#business-feedback-box .row-right input[type="text"] {
    height: 30px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    width: 100%;
    padding-left: 10px
}
#business-feedback-box .row-right input[type="text"]:-moz-placeholder {
    color: #ccc
}
#business-feedback-box .row-right input[type="text"]::-moz-placeholder {
    color: #ccc
}
#business-feedback-box .row-right input[type="text"]::-webkit-input-placeholder {
    color: #ccc
}
#business-feedback-box .row-right input[type="text"]:-ms-input-placeholder {
    color: #ccc
}
#business-feedback-box .row-right input[type="text"]:focus {
    border-color: #108cee;
    background: #f8fbfe;
    color: #333
}
#business-feedback-box .row-right input[type="radio"] {
    width: 16px;
    background: #fff
}
#business-feedback-box .row-right .radio-text {
    margin-right: 16px
}
#business-feedback-box .row-right select {
    background: #fff
}
#business-feedback-box .row-right select:focus {
    background: #047bd8;
    color: #fff
}
#business-feedback-box .row-right textarea {
    max-width: 100%;
    width: 100%;
    height: 100px;
    border: 1px solid #e1e1e2
}
#business-feedback-box .row-right input[type="submit"] {
    width: 148px;
    height: 30px;
    background: #108cee;
    color: #FFF;
    border: none
}
#business-feedback-box .row-right input[type="submit"]:active {
    background: #047bd8
}
#business-feedback-box .submit-row {
    margin-top: 20px;
    margin-bottom: 30px
}
#business-feedback-box .submit-row .row-right {
    margin-left: 0;
    text-align: center
}
#business-feedback-box [sublist] .row-left {
    display: none
}
#business-feedback-box .response-show {
    max-height: 115px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center
}
#business-feedback-box .response-show p {
    text-align: center;
    color: #aeaeae;
    font-size: 24px
}

/*! normalize.css v1.1.2 | MIT License | git.io/normalize */

html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
html,
button,
input,
select,
textarea {
    font-family: "Microsoft Yahei", Arial, "Lantinghei SC", "Hiragino Sans GB", "Helvetica Neue", Helvetica, Arial, sans-serif;
    *font-family: "Microsoft Yahei", Arial, "Lantinghei SC", "Hiragino Sans GB", "Helvetica Neue", Helvetica, Arial, sans-serif
}
body {
    margin: 0
}
a:focus {
    outline: thin dotted
}
a:active,
a:hover {
    outline: 0
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
h2 {
    font-size: 1.5em;
    margin: .83em 0
}
h3 {
    font-size: 1.17em;
    margin: 1em 0
}
h4 {
    font-size: 1em;
    margin: 1.33em 0
}
h5 {
    font-size: .83em;
    margin: 1.67em 0
}
h6 {
    font-size: .67em;
    margin: 2.33em 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
strong {
    font-weight: bold
}
blockquote {
    margin: 1em 40px
}
dfn {
    font-style: italic
}
hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}
code,
kbd,
pre,
samp {
    font-family: Monaco, Consolas, monospace;
    *font-family: Monaco, Consolas, monospace;
    font-size: 1em
}
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}
q {
    quotes: none
}
q:before,
q:after {
    content: '';
    content: none
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -0.5em
}
sub {
    bottom: -0.25em
}
dl,
menu,
ol,
ul {
    margin: 1em 0
}
dd {
    margin: 0 0 0 40px
}
menu,
ol,
ul {
    padding: 0 0 0 40px
}
nav ul,
nav ol {
    list-style: none;
    list-style-image: none
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic
}
svg:not(:root) {
    overflow: hidden
}
form {
    margin: 0
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}
legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px
}
button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}
button,
input {
    line-height: normal
}
button,
select {
    text-transform: none
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible
}
button[disabled],
html input[disabled] {
    cursor: default
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
textarea {
    overflow: auto;
    vertical-align: top
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden] {
    display: none
}
mark {
    background: #ff0;
    color: #666
}
figure {
    margin: 0
}
input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main {
    display: block;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline
}
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}
audio:not([controls]),
[hidden] {
    display: none
}
body {
    min-width: 1280px
}
a {
    text-decoration: none;
    outline: none !important
}
header {
    height: 60px;
    background: #FEFEFE;
    position: fixed;
    top: 0;
    z-index: 30;
    width: 100%;
    min-width: 1280px;
    background-image: -webkit-linear-gradient(top, #FEFEFE, #F4F6F8);
    background-image: -moz-linear-gradient(top, #FEFEFE, #F4F6F8);
    background-image: -moz-linear-gradient(to bottom, #FEFEFE, #F4F6F8);
    background-image: -o-linear-gradient(to bottom, #FEFEFE, #F4F6F8);
    background-image: linear-gradient(to bottom, #FEFEFE, #F4F6F8);
    background-repeat: repeat
}
header>div {
    width: 1180px;
    margin: 0 auto
}
header a {
    text-decoration: none;
    outline: none
}
header a:hover {
    text-decoration: none;
    cursor: pointer
}
header .logo {
    float: left;
    margin-top: 16px
}
header .transparent {
    display: none
}
header nav {
    height: 100%;
    padding-left: 127px;
    *zoom: 1;
    overflow: hidden;
    overflow: visible
}
header nav:before,
header nav:after {
    display: table;
    content: ""
}
header nav:after {
    clear: both
}
header nav ul {
    list-style: none;
    float: left;
    margin-left: -26px
}
header nav ul li {
    float: left;
    margin-left: 26px
}
header nav ul,
header nav li {
    _display: inline
}
header nav>ul>li>a {
    color: #333;
    font-size: 14px
}
header nav>ul>li>a:hover {
    color: #09F
}
header nav li {
    height: 100%;
    padding: 0;
    line-height: 60px
}
header nav li a {
    display: block;
    *display: inline-block;
    *zoom: 1;
    height: 100%
}
header li.active>a {
    color: #108CEE
}
header li.nav0>a {
    cursor: default
}
header li.nav3>a {
    cursor: default
}
header li.list-nav>a {
    cursor: default
}
header .header-search {
    float: left;
    border: 0;
    border: 1px solid transparent;
    position: relative;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    padding: 5px 7px;
    margin: 14px 0 0 30px
}
header .header-search input {
    border: none;
    float: left;
    outline: none
}
header .header-search .input {
    background-color: transparent;
    font-size: 12px;
    width: 0;
    padding: 0 0 0 6px;
    line-height: 22px
}
header .header-search .button {
    width: 20px;
    height: 20px;
    margin: 2px 0 0 3px;
    padding: 0;
    background: url(https://cdn.bdstatic.com/portal/img/icons_32087ff6.png) 0 -93px no-repeat
}
header .header-search .button:hover {
    background-position: -50px -93px
}
header .header-search .button:active {
    -ms-background-position-x: 1px;
    -ms-background-position-y: -52px
}
header .header-search .bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    display: block
}
header .header-search .content {
    position: relative
}
header .header-search.current {
    border: 1px solid #b2b2b2
}
header .header-search.current:hover {
    border: 1px solid #0b83e1;
    -webkit-box-shadow: 0 0 0 2px #e2f5f9;
    -moz-box-shadow: 0 0 0 2px #e2f5f9;
    box-shadow: 0 0 0 2px #e2f5f9
}
header .header-search.current:hover .button {
    background: url(https://cdn.bdstatic.com/portal/img/icons_32087ff6.png) -50px -93px no-repeat
}
header .header-search.current .bg {
    background: #FFF
}
header ul.login {
    float: right
}
header ul.login a {
    color: #333
}
header ul.login>li {
    margin-left: 26px
}
header ul.login>li>span {
    max-width: 140px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block
}
header ul.login>li>a {
    font-size: 14px;
    font-weight: normal
}
header ul.login>li:first-child {
    margin-left: 0
}
header ul.login .list-nav a {
    cursor: pointer
}
header .new-consumer a {
    *zoom: 1
}
header .new-consumer a:before,
header .new-consumer a:after {
    display: table;
    content: ""
}
header .new-consumer a:after {
    clear: both
}
header .new-consumer span {
    float: left
}
header .new-consumer i {
    font-size: 20px;
    display: block;
    float: right;
    margin-left: 2px;
    color: #F2686A;
    margin-top: -6px
}
header li.console a {
    height: 50%;
    outline: none;
    border: 1px solid #d6d6d6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 0 8px;
    margin-top: 14px;
    line-height: 30px
}
header li.console a i {
    width: 16px;
    float: left;
    content: "";
    margin: 0 6px 0 0;
    font-size: 16px;
    display: block
}
header li.console a:hover {
    opacity: 1;
    background: #0b83e1;
    border-color: #0b83e1;
    color: #FFF
}
main {
    margin-top: 60px
}
.fixedbar {
    position: fixed;
    right: 10px;
    top: 40%;
    font-size: 12px;
    z-index: 8
}
.fixedbar ul {
    width: 37px
}
.fixedbar li {
    height: 38px;
    border: 1px solid #108cee;
    background-color: #108cee;
    text-align: center;
    cursor: pointer;
    position: relative
}
.fixedbar li i {
    margin-top: 7px;
    font-size: 24px;
    display: inline-block;
    color: #FFF
}
.fixedbar li:first-child {
    margin-bottom: 1px
}
.fixedbar .business-consulting {
    padding: 0 5px 0 5px;
    height: 38px
}
.fixedbar .business-consulting:hover {
    border: 1px solid #0b83e1;
    background-color: #0b83e1
}
.fixedbar .business-consulting:hover i {
    display: none
}
.fixedbar .business-consulting:hover:before {
    content: '???????’¨èˉ￠';
    color: #FFF;
    width: auto;
    height: auto;
    margin-top: 3px;
    background-image: none;
    display: inline-block
}
.sub-nav {
    position: absolute;
    background: #FFF;
    height: auto;
    padding: 20px 20px 20px 0;
    z-index: 1001;
    margin-left: -64px;
    *margin-left: -110px;
    top: 60px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    display: none;
    width: 900px
}
.sub-nav .arrow {
    width: 0;
    height: 10px;
    position: absolute;
    top: -20px;
    left: 67px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #FFF
}
.sub-nav hr {
    clear: both;
    visibility: hidden
}
.sub-nav li {
    margin: 0 0 0 20px;
    line-height: normal;
    height: auto;
    padding: 0;
    width: 170px
}
.sub-nav li h3 {
    font-size: 14px;
    font-weight: normal;
    color: #999;
    line-height: 30px;
    border-bottom: 1px solid #E5E5E5
}
.sub-nav li ul {
    margin: 0;
    height: auto;
    padding: 5px 0 0 0
}
.sub-nav li ul li {
    float: none;
    margin: 0;
    line-height: 24px;
    padding: 0
}
.sub-nav li a {
    color: #333;
    font-size: 14px;
    padding: 0
}
.sub-nav li a .iconfont {
    color: #999;
    margin-right: 8px
}
.sub-nav li span .iconfont {
    color: #999;
    margin-right: 8px
}
.sub-nav li a:hover {
    color: #0886E9
}
.sub-nav li a:hover .iconfont {
    color: #0886E9
}
.products-nav {
    padding: 0 20px 0 0;
    width: 600px
}
.products-nav.double-col {
    width: 1060px
}
.products-nav .nav-group {
    overflow: hidden;
    min-height: 456px;
    position: relative
}
.products-nav .nav-group>ul {
    float: none;
    margin: 8px 0 8px 165px
}
.products-nav .nav-group>ul>li {
    display: none
}
.products-nav .nav-group li {
    float: none;
    width: auto
}
.products-nav .nav-group li.current {
    display: block
}
.products-nav .nav-group li h4 {
    color: #333;
    font-size: 14px;
    margin: 0;
    line-height: 20px
}
.products-nav .nav-group li h4 i {
    font-weight: 400;
    color: #808080;
    vertical-align: middle
}
.products-nav .nav-group li h4 .icon-new {
    color: #f84a30;
    font-size: 20px;
    margin-left: 10px
}
.products-nav .nav-group li a:hover h4 {
    color: #0b83e1
}
.products-nav .nav-group li a:hover h4 i {
    color: #0b83e1
}
.products-nav .nav-group li a:hover h4 .icon-new {
    color: #f84a30
}
.products-nav .nav-group li .nav-subproducts {
    padding-left: 25px;
    margin-left: -20px
}
.products-nav .nav-group li .nav-subproducts a {
    display: inline-block;
    font-size: 12px;
    margin: 0 20px;
    color: #333
}
.products-nav .nav-group li .nav-subproducts a:hover {
    color: #0b83e1
}
.products-nav .nav-group li .nav-subproducts a .icon-new {
    font-size: 18px;
    color: #f84a30;
    display: inline-block;
    margin-left: 5px
}
.products-nav .nav-group li p {
    margin: 0;
    color: #999;
    font-size: 12px;
    padding-left: 25px;
    line-height: 20px
}
.products-nav .nav-group li ul li {
    float: none;
    margin: 8px 0;
    padding: 0
}
.products-nav .nav-group li .product-nav-content-col {
    float: left;
    width: 48%;
    margin-left: 3%
}
.products-nav .nav-group li .product-nav-content-col:first-child {
    margin-left: 0
}
.products-nav .nav-types {
    position: absolute;
    left: 0;
    height: 100%;
    background: #f5f5f5;
    padding: 8px 0 8px 0
}
.products-nav .nav-types h3 {
    font-size: 14px;
    font-weight: normal;
    color: #999;
    line-height: 40px;
    cursor: pointer;
    width: 140px;
    padding-left: 20px;
    background: url(https://cdn.bdstatic.com/portal/img/common/icon_02901645.png) 141px -24px no-repeat
}
.products-nav .nav-types h3:hover {
    background: url(https://cdn.bdstatic.com/portal/img/common/icon_02901645.png) 141px -115px no-repeat;
    color: #0b83e1
}
.products-nav .nav-types h3.current {
    background: #e6e6e6 url(https://cdn.bdstatic.com/portal/img/common/icon_02901645.png) 141px -115px no-repeat;
    color: #0b83e1
}
.products-nav .nav-types .iconfont {
    font-size: 24px;
    color: #f84a30;
    vertical-align: middle;
    display: inline-block;
    margin-left: 5px
}
.products-nav .arrow {
    border-bottom: 10px solid #f5f5f5
}
.solution-nav {
    width: 570px;
    padding: 20px 30px 30px 0;
    margin-left: -48px
}
.solution-nav>li {
    width: 160px;
    margin-left: 30px
}
.solution-nav>li .solution-new-tag.iconfont {
    font-size: 24px;
    color: #f70421;
    vertical-align: middle;
    display: inline-block;
    margin-left: 2px
}
.solution-nav h3 i {
    margin-left: 10px;
    color: #ffa203
}
.solution-nav .arrow {
    left: 65px
}
.solution-nav .arrow-shadow {
    left: 63px
}
.support-nav {
    width: 170px;
    margin-left: -56px
}
.support-nav .arrow {
    left: 80px
}
.support-nav .arrow-shadow {
    left: 78px
}
.support-nav li {
    float: none;
    margin-bottom: 0;
    line-height: 30px
}
.register-nav {
    width: 80px;
    margin-left: -36px
}
.register-nav .arrow {
    left: 45px
}
.register-nav li {
    float: none;
    margin-bottom: 0;
    line-height: 30px
}
.logout-nav {
    width: 80px;
    left: 50%;
    margin-left: -55px;
    padding: 10px
}
.logout-nav li {
    float: none;
    margin-bottom: 0;
    line-height: 20px
}
.login-li {
    position: relative
}
.mobile {
    display: none
}
.common-advantage {
    background: #FFF
}
.common-advantage .container {
    padding: 40px 0;
    border-bottom: 1px solid #eee
}
.common-advantage li {
    float: left;
    width: 33.33%;
    text-align: center;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.common-advantage li:before {
    content: '';
    width: 1px;
    display: block;
    left: 0;
    top: 10px;
    bottom: 10px;
    position: absolute;
    background: #d6d6d6;
    opacity: .5
}
.common-advantage li:first-child:before {
    display: none
}
.common-advantage li .title-pic {
    width: 38px;
    height: 38px;
    margin: 0 auto
}
.common-advantage li h2 {
    font-size: 18px;
    font-weight: normal;
    color: #666;
    line-height: 20px;
    margin: 14px 0 15px 0;
    font-weight: 400
}
.common-advantage li p {
    font-size: 18px;
    color: #666
}
.common-advantage li p strong {
    font-weight: normal;
    font-size: 30px
}
.common-advantage .title-pic {
    color: #108cee
}
.common-advantage .title-pic i {
    font-size: 38px;
    display: block
}
footer {
    *zoom: 1;
    background: #444855;
    color: #d6d6d6
}
footer:before,
footer:after {
    display: table;
    content: ""
}
footer:after {
    clear: both
}
footer .group {
    float: right
}
footer .group dl {
    width: 170px;
    padding-left: 0
}
footer .group dl.footerdoc {
    width: 115px
}
footer .group dl.footer-contact-us {
    width: 205px
}
footer .group dl.footer-cloud {
    margin-left: 30px;
    width: 430px
}
footer .group dl.footer-cloud dd>ul {
    float: left
}
footer .group dl.footer-cloud .other-box {
    float: left;
    margin-left: 20px
}
footer .group dl.footer-cloud .other-box h6 {
    font-size: 14px;
    margin: 10px 0
}
footer .group dl.footer-cloud .other-box p {
    line-height: 20px;
    height: auto;
    border-top: 0;
    text-align: left;
    color: #d6d6d6;
    font-size: 14px;
    margin: 12px 0 0 0
}
footer .group dl.footer-cloud .other-box dd>a {
    display: inline-block;
    vertical-align: top
}
footer .group dl.footer-cloud .other-box li {
    font-size: 12px;
    margin: 8px 0
}
footer .group dl.footer-cloud .other-box li:before {
    content: '';
    width: 2px;
    height: 2px;
    background: #FFF;
    display: inline-block;
    margin-bottom: .2em;
    margin-right: 5px
}
footer a {
    color: #d6d6d6
}
footer span {
    color: #d6d6d6
}
footer dl {
    float: left;
    margin: 0 0 30px 0
}
footer dd {
    font-size: 14px
}
footer dd a,
footer dd span,
footer dd h6 {
    color: #a6a7aa
}
footer dt,
footer li {
    margin: 10px 0
}
footer dt {
    margin: 40px 0 30px 0
}
footer p {
    clear: both;
    text-align: center;
    font-size: 12px;
    border-top: 1px solid #656973;
    height: 80px;
    line-height: 80px;
    color: #ebebeb;
    margin-top: 0
}
footer .footer-links,
footer .products-links {
    clear: both;
    padding: 30px 0;
    border-top: 1px solid #656973
}
footer .footer-links ul,
footer .products-links ul {
    *zoom: 1
}
footer .footer-links ul:before,
footer .products-links ul:before,
footer .footer-links ul:after,
footer .products-links ul:after {
    display: table;
    content: ""
}
footer .footer-links ul:after,
footer .products-links ul:after {
    clear: both
}
footer .footer-links li,
footer .products-links li {
    float: left;
    margin: 0 39px 0 0;
    font-size: 14px
}
footer .footer-links li a,
footer .products-links li a {
    color: #a6a7aa
}
footer .footer-tips {
    margin: 0;
    height: auto;
    line-height: normal;
    padding: 24px 0;
    border-top: none
}
footer .site {
    display: none
}
footer .links {
    *zoom: 1;
    overflow: hidden;
    font-size: 15px;
    text-align: center
}
footer .links:before,
footer .links:after {
    display: table;
    content: ""
}
footer .links:after {
    clear: both
}
footer .links ul {
    list-style: none;
    float: left;
    margin-left: -18px
}
footer .links ul li {
    float: left;
    margin-left: 18px
}
footer .links ul,
footer .links li {
    _display: inline
}
footer .links ul {
    float: none;
    display: inline-block;
    margin: 0 auto
}
footer .links li:after {
    content: "|";
    margin-left: 18px
}
footer .links li:last-child:after {
    content: "";
    margin-left: 0
}
footer .notice-list li {
    width: 360px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap
}
h1,
h2,
h3,
dd,
ul,
ol {
    margin: 0;
    padding: 0
}
ul,
ol {
    list-style: none
}
section {
    padding: 50px 0
}
figcaption h3 {
    font-size: 18px;
    font-weight: normal
}
figcaption p {
    font-size: 13px;
    line-height: 1.5;
    text-align: justify
}
.container {
    width: 1180px;
    margin-right: auto;
    margin-left: auto;
    *zoom: 1
}
.container:before,
.container:after {
    display: table;
    content: ""
}
.container:after {
    clear: both
}
.hgroup {
    text-align: center;
    width: 780px;
    margin-right: auto;
    margin-left: auto
}
.hgroup h1 {
    font-size: 30px;
    font-weight: normal
}
.hgroup h1+p {
    font-size: 18px;
    line-height: 30px;
    margin: 10px 0
}
.ui-dialog-head {
    background-color: #FFF;
    border-bottom: none
}
.ui-dialog-close-icon {
    width: 28px;
    height: 28px;
    background-image: url(https://cdn.bdstatic.com/portal/img/esui/close_c293f40b.png);
    top: -10px;
    right: -10px
}
.ui-dialog-body {
    text-align: center
}
.expired-dialog-content {
    text-align: center;
    padding: 150px 0 40px 0;
    background: url(https://cdn.bdstatic.com/portal/img/esui/sorry_e36d7be8.png) center top no-repeat
}
a.expired-dialog-link {
    color: #FFF;
    padding: 15px 30px;
    background: #3398FF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-decoration: none
}
.link-button.normal {
    color: #9E9E9E;
    text-align: center;
    text-decoration: none;
    background: #FFF;
    border: 1px solid #EEE
}
.link-button.normal:hover {
    color: #9E9E9E;
    background-image: -webkit-linear-gradient(top, #FFF, #E9E9E9);
    background-image: -moz-linear-gradient(top, #FFF, #E9E9E9);
    background-image: -moz-linear-gradient(to bottom, #FFF, #E9E9E9);
    background-image: -o-linear-gradient(to bottom, #FFF, #E9E9E9);
    background-image: linear-gradient(to bottom, #FFF, #E9E9E9);
    background-repeat: repeat
}
.link-button.primary {
    color: #FFF;
    text-align: center;
    text-decoration: none;
    background: #108CEE;
    border: none;
    background-image: -webkit-linear-gradient(top, #108CEE, #0765E4);
    background-image: -moz-linear-gradient(top, #108CEE, #0765E4);
    background-image: -moz-linear-gradient(to bottom, #108CEE, #0765E4);
    background-image: -o-linear-gradient(to bottom, #108CEE, #0765E4);
    background-image: linear-gradient(to bottom, #108CEE, #0765E4);
    background-repeat: repeat
}
.link-button.primary:hover {
    color: #FFF;
    background-image: -webkit-linear-gradient(top, #108CEE, #014FDE);
    background-image: -moz-linear-gradient(top, #108CEE, #014FDE);
    background-image: -moz-linear-gradient(to bottom, #108CEE, #014FDE);
    background-image: -o-linear-gradient(to bottom, #108CEE, #014FDE);
    background-image: linear-gradient(to bottom, #108CEE, #014FDE);
    background-repeat: repeat
}
.tab-navigator>ul {
    margin-bottom: 40px;
    *zoom: 1
}
.tab-navigator>ul:before,
.tab-navigator>ul:after {
    display: table;
    content: ""
}
.tab-navigator>ul:after {
    clear: both
}
.tab-navigator>ul>li {
    float: left;
    padding-left: 100px;
    border-bottom: 1px solid #EEE
}
.tab-navigator>ul>li:first-child {
    padding-left: 0
}
.tab-navigator>ul>li a {
    display: block;
    padding: 20px;
    border-bottom: transparent;
    font-size: 16px;
    color: #333
}
.tab-navigator>ul>li a:hover {
    color: #249CFA;
    text-decoration: none;
    border-bottom: 1px solid #249CFA;
    margin-bottom: -1px
}
.tab-navigator>ul>li.selected a {
    color: #249CFA;
    text-decoration: none;
    border-bottom: 1px solid #249CFA;
    margin-bottom: -1px
}
.tab-navigator>div {
    display: none
}
.tab-navigator>div.selected {
    display: block
}
header {
    background: none;
    position: absolute;
    box-shadow: none;
    color: #fff
}
header nav>ul>li>a {
    color: #fff
}
header nav>ul>li>a:hover {
    opacity: .6;
    color: #FFF
}
header div .default {
    display: none
}
header div .transparent {
    display: block
}
header ul.login .list-nav>span {
    color: #fff
}
header ul.login>li>a {
    color: #fff;
    background: none
}
header li.console a {
    border: 1px solid #FFF;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}
header li.console a:before {
    margin: 8px 6px 0 0;
    width: 16px;
    height: 16px;
    background: url(https://cdn.bdstatic.com/portal/img/icons_32087ff6.png) -25px -94px no-repeat
}
header li.console a:hover:before {
    background: url(https://cdn.bdstatic.com/portal/img/icons_32087ff6.png) -25px -94px no-repeat
}
header .header-search {
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    padding: 5px 7px;
    margin-top: 14px
}
header .header-search .input {
    color: #FFF
}
header .header-search .button {
    background: url(https://cdn.bdstatic.com/portal/img/icons_32087ff6.png) 0 -93px no-repeat
}
header .header-search .button:hover {
    background-position: 0 -93px
}
header .header-search.current {
    border: 1px solid rgba(255, 255, 255, 0.8)
}
header .header-search.current:hover {
    border: 1px solid rgba(255, 255, 255, 0.6);
    -webkit-box-shadow: 0 0 0 0px #FFF;
    -moz-box-shadow: 0 0 0 0px #FFF;
    box-shadow: 0 0 0 0px #FFF
}
header .header-search.current:hover .button {
    opacity: 1;
    background-position: 0 -93px
}
header .header-search.current .bg {
    background: none
}
body.is-mobile {
    min-width: 0
}
body.is-mobile>main,
body.is-mobile .container {
    width: auto
}
body.is-mobile header {
    min-width: 0;
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    z-index: 99
}
body.is-mobile header>div {
    width: auto;
    padding: 0
}
body.is-mobile header>div>nav {
    float: right;
    padding-left: 0
}
body.is-mobile header>div>nav>* {
    float: none;
    display: inline-block
}
body.is-mobile header>div>nav ul li {
    margin-left: 16px
}
body.is-mobile header .header-search {
    margin-left: 0;
    margin-right: 24px;
    position: relative;
    top: -14px
}
footer {
    background: #121a2c
}
header {
    position: absolute
}
main {
    margin-top: 0
}
section {
    padding: 0;
    *zoom: 1
}
section:before,
section:after {
    display: table;
    content: ""
}
section:after {
    clear: both
}
section .group {
    width: 1180px;
    margin: 0 auto
}
.fixedbar {
    position: fixed;
    right: 20px;
    top: 46%;
    width: 40px;
    font-size: 12px;
    z-index: 4
}
.fixedbar li {
    height: 38px;
    border: 1px solid #e6e6e6;
    background-color: #FFF;
    text-align: center;
    cursor: pointer;
    position: relative;
    margin-bottom: 1px
}
.fixedbar li i {
    margin-top: 7px;
    font-size: 24px;
    display: inline-block;
    color: #108cee
}
.fixedbar .forum a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}
.fixedbar .forum:hover {
    border: 1px solid #0b83e1;
    background-color: #0b83e1
}
.fixedbar .forum:hover i {
    display: none
}
.fixedbar .forum:hover:before {
    content: 'è?o???';
    color: #FFF;
    width: auto;
    height: auto;
    line-height: 38px;
    margin-top: 0;
    background-image: none
}
.fixedbar .scroll-top {
    padding: 0 5px 0 5px;
    height: 38px
}
.fixedbar .scroll-top:hover {
    border: 1px solid #0b83e1;
    background-color: #0b83e1
}
.fixedbar .scroll-top:hover i {
    display: none
}
.fixedbar .scroll-top:hover:before {
    content: '?????°é??é?¨';
    color: #FFF;
    width: auto;
    height: auto;
    margin-top: 3px;
    background-image: none;
    display: inline-block
}
.wide-grid-tag [ui-type="tag-content"] .detail-box {
    margin-left: 261px
}
.wide-grid-tag [ui-type="tag-content"] img {
    width: 241px
}
.iconfont.icon-color-correct {
    color: #0084ee
}
.iconfont.icon-color-error {
    color: #999
}
.iconfont.icon-color-circle {
    color: #e9b209
}
body.is-mobile section .group {
    width: auto
}
[ui-type="bookmark-tag"] .section-container {
    border: 1px solid #e6e6e6;
    *zoom: 1;
    background: #FFF
}
[ui-type="bookmark-tag"] .section-container:before,
[ui-type="bookmark-tag"] .section-container:after {
    display: table;
    content: ""
}
[ui-type="bookmark-tag"] .section-container:after {
    clear: both
}
[ui-type="bookmark-tag"] [ui-type='tags-box'] {
    width: 300px;
    float: left;
    box-sizing: border-box
}
.is-mobile [ui-type="bookmark-tag"] [ui-type='tags-box'] {
    width: auto;
    float: none;
    display: flex
}
[ui-type="bookmark-tag"] [ui-type='tags-box'] h3 {
    padding: 20px 0 20px 56px;
    color: #333;
    font-size: 16px;
    border: 1px solid #e6e6e6;
    margin-top: -1px;
    margin-bottom: -1px;
    margin-left: -1px;
    font-weight: 400;
    cursor: pointer
}
.is-mobile [ui-type="bookmark-tag"] [ui-type='tags-box'] h3 {
    padding: 10px 15px;
    flex: 1;
    text-align: center
}
[ui-type="bookmark-tag"] [ui-type='tags-box'] h3.current {
    border-right-color: #FFF;
    border-left-color: #108cee;
    color: #108cee
}
.is-mobile [ui-type="bookmark-tag"] [ui-type='tags-box'] h3.current {
    border-right-color: #e6e6e6;
    border-left-color: #e6e6e6;
    border-bottom-color: #108cee
}
[ui-type="bookmark-tag"] [ui-type='tags-box'] h3:hover {
    color: #108cee
}
[ui-type="bookmark-tag"] [ui-type="tags-content"] {
    margin-left: 299px;
    border-left: 1px solid #e6e6e6;
    *zoom: 1;
    padding-left: 40px
}
[ui-type="bookmark-tag"] [ui-type="tags-content"]:before,
[ui-type="bookmark-tag"] [ui-type="tags-content"]:after {
    display: table;
    content: ""
}
[ui-type="bookmark-tag"] [ui-type="tags-content"]:after {
    clear: both
}
.is-mobile [ui-type="bookmark-tag"] [ui-type="tags-content"] {
    margin-left: 0;
    padding-left: 10px;
    padding-right: 10px;
    border-left: none
}
[ui-type="bookmark-tag"] [ui-type="tags-content"] article {
    display: none;
    padding-bottom: 30px
}
[ui-type="bookmark-tag"] [ui-type="tags-content"] article.current {
    display: block
}
[ui-type="bookmark-tag"] [ui-type="tags-content"] article h4 {
    margin-top: 30px;
    margin-bottom: 10px;
    color: #999;
    font-size: 14px;
    font-weight: 400
}
[ui-type="bookmark-tag"] [ui-type="tags-content"] article p {
    color: #333;
    font-size: 14px
}
[ui-type="bookmark-tag"] [ui-type="tags-content"] article p a {
    color: #108cee;
    text-decoration: none
}
[ui-type="bookmark-tag"] [ui-type="tags-content"] img {
    margin-top: 20px
}
.is-mobile [ui-type="bookmark-tag"] [ui-type="tags-content"] img {
    width: 100%
}
[ui-type="card-scene"] .section-container {
    *zoom: 1;
    width: 1200px;
    margin-left: -20px;
    margin-top: -20px
}
[ui-type="card-scene"] .section-container:before,
[ui-type="card-scene"] .section-container:after {
    display: table;
    content: ""
}
[ui-type="card-scene"] .section-container:after {
    clear: both
}
.is-mobile [ui-type="card-scene"] .section-container {
    width: auto;
    margin: 0
}
[ui-type="card-scene"] article {
    border: 1px solid #e6e6e6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 20px 0 0 20px;
    background: #FFF;
    float: left;
    width: 48.33%;
    min-height: 165px;
    position: relative;
    padding: 26px 0
}
.is-mobile [ui-type="card-scene"] article {
    float: none;
    margin: 0;
    width: auto;
    height: auto;
    margin-bottom: 10px
}
[ui-type="card-scene"] .img-box {
    width: 180px;
    height: 180px;
    position: relative;
    float: left;
    margin: -26px 0 0 0
}
[ui-type="card-scene"] img {
    position: absolute;
    display: block;
    left: 35px;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: auto
}
[ui-type="card-scene"] figcaption {
    margin-left: 180px;
    padding-right: 20px
}
[ui-type="card-scene"] h3 {
    color: #333;
    font-size: 16px
}
[ui-type="card-scene"] div.p {
    color: #666;
    line-height: 24px;
    font-size: 14px;
    margin: 14px 0 0 0
}
[ui-type="card-scene"] div.p a {
    color: #108cee
}
[ui-type="card-steps"] .section-container {
    *zoom: 1;
    width: 1200px;
    margin-left: -20px
}
[ui-type="card-steps"] .section-container:before,
[ui-type="card-steps"] .section-container:after {
    display: table;
    content: ""
}
[ui-type="card-steps"] .section-container:after {
    clear: both
}
.is-mobile [ui-type="card-steps"] .section-container {
    width: auto;
    margin-left: 0
}
[ui-type="card-steps"] article {
    border: 1px solid #e6e6e6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 0 20px;
    background: #FFF;
    float: left;
    width: 18.33%;
    position: relative;
    padding-bottom: 20px
}
.is-mobile [ui-type="card-steps"] article {
    float: none;
    width: auto;
    margin: 0;
    margin-bottom: 10px
}
[ui-type="card-steps"] .img-box {
    position: absolute;
    top: 0;
    left: -10px;
    height: 120px;
    width: 240px
}
[ui-type="card-steps"] img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}
[ui-type="card-steps"] figcaption {
    margin-top: 115px
}
[ui-type="card-steps"] h3 {
    color: #666;
    font-size: 14px;
    text-align: center
}
[ui-type="card-steps"] p {
    color: #108cee;
    line-height: 24px;
    font-size: 16px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 14px
}
[ui-type="card"] .section-container {
    *zoom: 1;
    width: 1200px;
    margin-left: -10px
}
[ui-type="card"] .section-container:before,
[ui-type="card"] .section-container:after {
    display: table;
    content: ""
}
[ui-type="card"] .section-container:after {
    clear: both
}
.is-mobile [ui-type="card"] .section-container {
    width: auto;
    margin-left: 0
}
[ui-type="card"] article {
    float: left;
    width: 23.33%;
    margin: 0 10px;
    margin-bottom: 5px;
    border: 1px solid #e6e6e6;
    background: #FFF;
    box-sizing: border-box;
    text-align: center
}
.is-mobile [ui-type="card"] article {
    float: none;
    width: auto;
    margin: 0;
    margin-bottom: 10px
}
[ui-type="card"] figure {
    padding: 30px 20px;
    height: 340px;
    box-sizing: border-box;
    position: relative
}
[ui-type="card"] a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none
}
[ui-type="card"] .img-box {
    position: relative;
    margin: 0 auto;
    margin-bottom: 5px;
    width: 240px;
    height: 120px;
    left: 0
}
[ui-type="card"] img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}
[ui-type="card"] h3 {
    margin-top: 37px;
    font-size: 16px;
    color: #333
}
[ui-type="card"] div.p {
    font-size: 14px;
    color: #999
}
[ui-type="case"] .section-container {
    *zoom: 1;
    width: 1200px;
    margin-left: -20px
}
[ui-type="case"] .section-container:before,
[ui-type="case"] .section-container:after {
    display: table;
    content: ""
}
[ui-type="case"] .section-container:after {
    clear: both
}
.is-mobile [ui-type="case"] .section-container {
    width: auto;
    margin-left: 0
}
[ui-type="case"] article {
    float: left;
    margin-left: 20px;
    width: 23.3%;
    height: 200px;
    border: 1px solid #e6e6e6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    background: #FFF
}
.is-mobile [ui-type="case"] article {
    float: none;
    width: auto;
    margin-left: 0;
    margin-bottom: 10px
}
[ui-type="case"] article:hover .default-box {
    top: -100%
}
[ui-type="case"] article:hover .desc-box {
    top: 0
}
[ui-type="case"] .default-box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -ms-transition-property: top;
    -o-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s
}
[ui-type="case"] .default-box h3 {
    text-align: center;
    font-size: 16px;
    color: #141a24;
    font-weight: 400;
    position: absolute;
    bottom: 20px;
    margin: 0;
    width: 100%
}
[ui-type="case"] .desc-box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 100%;
    background: #fafafa;
    padding: 30px 20px 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -ms-transition-property: top;
    -o-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s
}
[ui-type="case"] .desc-box h3 {
    margin: 0;
    text-align: center;
    font-size: 16px;
    color: #141a24;
    font-weight: 400
}
[ui-type="case"] .desc-box .apply-box {
    position: absolute;
    bottom: 20px;
    text-align: right;
    right: 20px
}
[ui-type="case"] .desc-box a {
    color: #108cee;
    font-size: 14px
}
[ui-type="case"] .desc-box a:hover {
    color: #0b83e1
}
[ui-type="case"] img {
    display: block;
    position: absolute;
    top: 0;
    bottom: 35px;
    left: 0;
    right: 0;
    max-width: 240px;
    margin: auto
}
[ui-type="case"] p {
    color: #999;
    font-size: 14px;
    margin: 1em 0 0 0
}
[ui-type="diagram"] {
    width: 100%;
    margin-top: 28px
}
[ui-type="drawer"] .section-container {
    *zoom: 1;
    margin-left: -20px
}
[ui-type="drawer"] .section-container:before,
[ui-type="drawer"] .section-container:after {
    display: table;
    content: ""
}
[ui-type="drawer"] .section-container:after {
    clear: both
}
[ui-type="drawer"] article {
    float: left;
    width: 48.3%;
    height: 100px;
    margin-left: 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    position: relative
}
.is-mobile [ui-type="drawer"] article {
    float: none;
    width: auto
}
[ui-type="drawer"] a {
    text-decoration: none;
    display: block;
    padding: 20px;
    width: 100%;
    height: 100%;
    background: #FFF;
    box-sizing: border-box;
    cursor: pointer
}
[ui-type="drawer"] a:hover {
    background: #fafafa
}
[ui-type="drawer"] a:hover [ui-type='apply-box'] span {
    border-color: #0b83e1;
    color: #0b83e1
}
[ui-type="drawer"] a:hover h3 {
    color: #0b83e1
}
[ui-type="drawer"] h3 {
    color: #333;
    font-size: 16px;
    font-weight: 400
}
[ui-type="drawer"] img {
    float: left;
    width: 60px;
    height: 60px
}
[ui-type="drawer"] figcaption {
    margin-left: 80px
}
[ui-type="drawer"] figcaption p {
    font-size: 14px;
    color: #666;
    margin-top: 6px
}
[ui-type="drawer"] [ui-type='apply-box'] span {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 40px;
    padding: 0 14px;
    right: 20px;
    color: #333;
    border: 1px solid #ebebeb;
    line-height: 40px;
    background: #FFF
}
[ui-type="extend-bottom"] a {
    text-decoration: none
}
[ui-type="extend-bottom"] .group {
    padding: 40px 0 50px 0
}
[ui-type="extend-bottom"] .section-container {
    background: #12aaee;
    *zoom: 1;
    height: 100px
}
[ui-type="extend-bottom"] .section-container:before,
[ui-type="extend-bottom"] .section-container:after {
    display: table;
    content: ""
}
[ui-type="extend-bottom"] .section-container:after {
    clear: both
}
[ui-type="extend-bottom"] h4 {
    float: left;
    width: 380px;
    line-height: 380px;
    line-height: 100px;
    font-size: 36px;
    color: #FFF;
    text-align: center;
    margin: 0;
    font-weight: 400
}
[ui-type="extend-bottom"] p {
    margin: 0 0 0 380px;
    line-height: 100px;
    font-size: 28px;
    color: #FFF
}
[ui-type="extend-bottom"] p span {
    color: #ffea03
}
[ui-type="extend-bottom"] .apply-box {
    height: 100px;
    float: right;
    margin-top: -100px;
    position: relative
}
[ui-type="extend-bottom"] .apply-box [ui-type="button-static"] {
    display: block;
    height: 42px;
    width: 150px;
    font-size: 18px;
    text-align: center;
    line-height: 42px;
    background: #ffea03;
    color: #FFF;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 56px
}
[ui-type="extend-event"] a {
    text-decoration: none
}
[ui-type="extend-event"] .group {
    width: 100%;
    background: #0a85f6;
    background-image: -webkit-linear-gradient(left, #019cf5, #126ef8);
    background-image: -moz-linear-gradient(left, #019cf5, #126ef8);
    background-image: -moz-linear-gradient(to right, #019cf5, #126ef8);
    background-image: -o-linear-gradient(to right, #019cf5, #126ef8);
    background-image: linear-gradient(to right, #019cf5, #126ef8);
    background-repeat: repeat;
    *zoom: 1
}
[ui-type="extend-event"] .group:before,
[ui-type="extend-event"] .group:after {
    display: table;
    content: ""
}
[ui-type="extend-event"] .group:after {
    clear: both
}
[ui-type="extend-event"] .section-container {
    padding: 60px 0 40px 0;
    text-align: center;
    width: 1180px;
    margin: 0 auto;
    color: #FFF
}
[ui-type="extend-event"] h4 {
    font-size: 32px;
    margin: 0
}
[ui-type="extend-event"] p {
    font-size: 16px;
    margin-top: 28px;
    text-align: center
}
[ui-type="extend-event"] .apply-box {
    margin-top: 48px
}
[ui-type="extend-event"] .apply-box [ui-type="button-static"] {
    display: inline-block;
    height: 50px;
    width: 210px;
    font-size: 20px;
    text-align: center;
    line-height: 50px;
    color: #FFF;
    border: 1px solid #FFF
}
[ui-type="fragment-link"] .section-container {
    *zoom: 1;
    margin-top: -40px
}
[ui-type="fragment-link"] .section-container:before,
[ui-type="fragment-link"] .section-container:after {
    display: table;
    content: ""
}
[ui-type="fragment-link"] .section-container:after {
    clear: both
}
[ui-type="fragment-link"] article {
    float: left;
    width: 49.15%;
    padding-right: 1em;
    box-sizing: border-box;
    margin-top: 40px
}
.is-mobile [ui-type="fragment-link"] article {
    float: none;
    width: auto
}
[ui-type="fragment-link"] article.odd {
    margin-right: 20px
}
[ui-type="fragment-link"] figure {
    *zoom: 1
}
[ui-type="fragment-link"] figure:before,
[ui-type="fragment-link"] figure:after {
    display: table;
    content: ""
}
[ui-type="fragment-link"] figure:after {
    clear: both
}
[ui-type="fragment-link"] img {
    width: 60px;
    height: 70px;
    float: left
}
[ui-type="fragment-link"] figcaption {
    margin-left: 85px
}
[ui-type="fragment-link"] h3 {
    color: #141a24;
    margin-bottom: 14px;
    font-size: 16px;
    font-weight: 500
}
.is-mobile [ui-type="fragment-link"] h3 {
    margin-bottom: 0
}
[ui-type="fragment-link"] div.p {
    color: #666;
    font-size: 14px;
    line-height: 24px
}
[ui-type="fragment-link"] [ui-type='apply-box'] .link {
    color: #108cee;
    font-size: 14px
}
[ui-type="fragment-link"] [ui-type='apply-box'] .link:hover {
    color: #0b83e1
}
[ui-type="fragment-tag"] [ui-type="tag-nav-box"] {
    margin-bottom: 40px
}
[ui-type="fragment-tag"] [ui-type="tag-nav-box"] ul {
    *zoom: 1
}
[ui-type="fragment-tag"] [ui-type="tag-nav-box"] ul:before,
[ui-type="fragment-tag"] [ui-type="tag-nav-box"] ul:after {
    display: table;
    content: ""
}
[ui-type="fragment-tag"] [ui-type="tag-nav-box"] ul:after {
    clear: both
}
[ui-type="fragment-tag"] [ui-type="tag-nav-box"] [ui-type="tag"] {
    float: left;
    width: 25%;
    text-align: center;
    position: relative;
    cursor: pointer
}
[ui-type="fragment-tag"] [ui-type="tag-nav-box"] [ui-type="tag"].current h3 {
    color: #108cee
}
[ui-type="fragment-tag"] [ui-type="tag-nav-box"] [ui-type="tag"].current::after {
    content: '';
    display: block;
    border-bottom: 12px solid #fafafa;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    position: absolute;
    width: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -41px
}
[ui-type="fragment-tag"] [ui-type="tag-nav-box"] [ui-type="tag"].current::before {
    content: '';
    display: block;
    border-bottom: 14px solid #ebebeb;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    position: absolute;
    width: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -41px
}
[ui-type="fragment-tag"] [ui-type="tag-nav-box"] img {
    width: 50px;
    height: 50px;
    background: #141a24
}
[ui-type="fragment-tag"] [ui-type="tag-nav-box"] h3 {
    color: #333;
    font-size: 16px;
    margin-top: 10px;
    font-weight: 400
}
[ui-type="fragment-tag"] [ui-type="tag-content-box"] {
    padding: 50px 40px;
    background: #fafafa;
    border: 1px solid #ebebeb;
    *zoom: 1
}
[ui-type="fragment-tag"] [ui-type="tag-content-box"]:before,
[ui-type="fragment-tag"] [ui-type="tag-content-box"]:after {
    display: table;
    content: ""
}
[ui-type="fragment-tag"] [ui-type="tag-content-box"]:after {
    clear: both
}
[ui-type="fragment-tag"] [ui-type="tag-content"] {
    display: none;
    margin-top: -50px;
    *zoom: 1
}
[ui-type="fragment-tag"] [ui-type="tag-content"]:before,
[ui-type="fragment-tag"] [ui-type="tag-content"]:after {
    display: table;
    content: ""
}
[ui-type="fragment-tag"] [ui-type="tag-content"]:after {
    clear: both
}
[ui-type="fragment-tag"] [ui-type="tag-content"].current {
    display: block
}
[ui-type="fragment-tag"] [ui-type="tag-content"] article {
    float: left;
    width: 48.15%;
    padding-right: 1em;
    box-sizing: border-box;
    margin-top: 40px
}
[ui-type="fragment-tag"] [ui-type="tag-content"] article.odd {
    margin-right: 20px
}
[ui-type="fragment-tag"] [ui-type="tag-content"] figure {
    *zoom: 1
}
[ui-type="fragment-tag"] [ui-type="tag-content"] figure:before,
[ui-type="fragment-tag"] [ui-type="tag-content"] figure:after {
    display: table;
    content: ""
}
[ui-type="fragment-tag"] [ui-type="tag-content"] figure:after {
    clear: both
}
[ui-type="fragment-tag"] [ui-type="tag-content"] img {
    width: 60px;
    height: 70px;
    float: left
}
[ui-type="fragment-tag"] [ui-type="tag-content"] figcaption {
    margin-left: 85px
}
[ui-type="fragment-tag"] [ui-type="tag-content"] h4 {
    color: #141a24;
    margin-bottom: 14px;
    font-size: 16px;
    font-weight: 400
}
[ui-type="fragment-tag"] [ui-type="tag-content"] div.p {
    color: #666;
    font-size: 14px;
    line-height: 24px
}
[ui-type="fragment-tag"] [ui-type="tag-content"] [ui-type='apply-box'] .link {
    color: #108cee;
    font-size: 14px
}
[ui-type="fragment-tag"] [ui-type="tag-content"] [ui-type='apply-box'] .link:hover {
    color: #0b83e1
}
[ui-type="fragment"] .section-container {
    *zoom: 1;
    margin-top: -40px
}
[ui-type="fragment"] .section-container:before,
[ui-type="fragment"] .section-container:after {
    display: table;
    content: ""
}
[ui-type="fragment"] .section-container:after {
    clear: both
}
[ui-type="fragment"] article {
    float: left;
    width: 49.15%;
    padding-right: 1em;
    box-sizing: border-box;
    margin-top: 40px
}
.is-mobile [ui-type="fragment"] article {
    width: auto;
    float: none
}
[ui-type="fragment"] article.odd {
    margin-right: 20px
}
[ui-type="fragment"] figure {
    *zoom: 1
}
[ui-type="fragment"] figure:before,
[ui-type="fragment"] figure:after {
    display: table;
    content: ""
}
[ui-type="fragment"] figure:after {
    clear: both
}
[ui-type="fragment"] img {
    width: 60px;
    height: 60px;
    float: left
}
[ui-type="fragment"] .brief {
    font-size: 14px
}
[ui-type="fragment"] .brief img {
    width: auto;
    height: auto;
    float: none
}
.is-mobile [ui-type="fragment"] .brief img {
    width: 100%
}
[ui-type="fragment"] .brief+.section-container {
    margin-top: 0
}
[ui-type="fragment"] figcaption {
    margin-left: 85px
}
[ui-type="fragment"] h3 {
    color: #141a24;
    margin-bottom: 14px;
    font-size: 16px
}
.is-mobile [ui-type="fragment"] h3 {
    margin-bottom: 0
}
[ui-type="fragment"] div.p {
    color: #666;
    font-size: 14px;
    line-height: 24px
}
[ui-type="fragment"] div.p a {
    color: #108cee
}
[ui-type="fragment"] div.p p {
    font-size: inherit;
    line-height: inherit
}
[ui-type="fragment"] hr {
    height: 0;
    width: 100%;
    clear: both;
    display: none
}
[ui-type="grid-horizontal"] .section-container {
    *zoom: 1
}
[ui-type="grid-horizontal"] .section-container:before,
[ui-type="grid-horizontal"] .section-container:after {
    display: table;
    content: ""
}
[ui-type="grid-horizontal"] .section-container:after {
    clear: both
}
[ui-type="grid-horizontal"] .mouduleDesc {
    font-size: 14px;
    color: #333;
    margin: 14px 0
}
[ui-type="grid-horizontal"] table {
    background: #FFF
}
[ui-type="grid-horizontal"] table,
[ui-type="grid-horizontal"] tr,
[ui-type="grid-horizontal"] td,
[ui-type="grid-horizontal"] th {
    border: 1px solid #e6e6e6
}
[ui-type="grid-horizontal"] td,
[ui-type="grid-horizontal"] th {
    padding: 20px 24px
}
[ui-type="grid-horizontal"] th {
    text-align: left;
    color: #141a24;
    font-size: 16px
}
[ui-type="grid-horizontal"] td p {
    font-size: 14px;
    line-height: 26px;
    color: #666;
    margin: 0
}
[ui-type="grid-horizontal"] td {
    position: relative;
    padding-bottom: 42px;
    vertical-align: top
}
[ui-type="grid-horizontal"] .apply-box {
    position: absolute;
    bottom: 20px
}
[ui-type="grid-horizontal"] .apply-box a {
    color: #108cee;
    font-size: 14px
}
.normal td {
    padding-bottom: 20px
}
[ui-type="grid-tag"] .section-container {
    *zoom: 1
}
[ui-type="grid-tag"] .section-container:before,
[ui-type="grid-tag"] .section-container:after {
    display: table;
    content: ""
}
[ui-type="grid-tag"] .section-container:after {
    clear: both
}
[ui-type="grid-tag"] .mouduleDesc {
    font-size: 14px;
    color: #333;
    margin: 14px 0
}
[ui-type="grid-tag"] [ui-type="tag-nav-box"] {
    border: 1px solid #e6e6e6;
    background: #FFF
}
[ui-type="grid-tag"] [ui-type="tag-nav-box"] nav {
    padding: 0 45px;
    position: relative
}
[ui-type="grid-tag"] [ui-type="tag-nav-box"] .init {
    visibility: hidden
}
.is-mobile [ui-type="grid-tag"] [ui-type="tag-nav-box"] .init {
    visibility: visible;
    padding: 0
}
.is-mobile [ui-type="grid-tag"] [ui-type="tag-nav-box"] .init>i {
    display: none
}
.is-mobile [ui-type="grid-tag"] [ui-type="tag-nav-box"] .init>ul {
    display: flex;
    flex-wrap: wrap
}
.is-mobile [ui-type="grid-tag"] [ui-type="tag-nav-box"] .init>ul li {
    flex: 1 0 33%;
    float: none;
    margin: 0;
    text-align: center
}
[ui-type="grid-tag"] [ui-type="tag-nav-box"] i {
    height: 1px;
    width: 40px;
    position: absolute;
    bottom: -1px;
    background: #108cee;
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -ms-transition-property: left;
    -o-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s
}
[ui-type="grid-tag"] ul {
    *zoom: 1
}
[ui-type="grid-tag"] ul:before,
[ui-type="grid-tag"] ul:after {
    display: table;
    content: ""
}
[ui-type="grid-tag"] ul:after {
    clear: both
}
[ui-type="grid-tag"] li {
    float: left;
    line-height: 50px;
    margin-left: 174px
}
[ui-type="grid-tag"] li h3 {
    font-size: 16px;
    color: #333;
    font-weight: 400
}
[ui-type="grid-tag"] li.current h3 {
    color: #0b83e1
}
[ui-type="grid-tag"] li:hover {
    cursor: pointer
}
[ui-type="grid-tag"] li:hover h3 {
    color: #0b83e1
}
[ui-type="grid-tag"] [ui-type="tag-content-box"] {
    border: 1px solid #e6e6e6;
    border-top: none;
    background: #FFF
}
[ui-type="grid-tag"] [ui-type="tag-content"] {
    display: none;
    padding: 30px;
    *zoom: 1
}
[ui-type="grid-tag"] [ui-type="tag-content"]:before,
[ui-type="grid-tag"] [ui-type="tag-content"]:after {
    display: table;
    content: ""
}
[ui-type="grid-tag"] [ui-type="tag-content"]:after {
    clear: both
}
[ui-type="grid-tag"] [ui-type="tag-content"].current {
    display: block
}
[ui-type="grid-tag"] [ui-type="tag-content"] img {
    float: left;
    width: 200px;
    height: 140px;
    background: #333
}
.is-mobile [ui-type="grid-tag"] [ui-type="tag-content"] img {
    float: none;
    display: block;
    width: 100%;
    margin-bottom: 10px
}
[ui-type="grid-tag"] [ui-type="tag-content"] .detail-box {
    margin-left: 220px;
    font-size: 14px
}
.is-mobile [ui-type="grid-tag"] [ui-type="tag-content"] .detail-box {
    margin: 0
}
[ui-type="grid-tag"] article {
    *zoom: 1;
    overflow: hidden
}
[ui-type="grid-tag"] article:before,
[ui-type="grid-tag"] article:after {
    display: table;
    content: ""
}
[ui-type="grid-tag"] article:after {
    clear: both
}
[ui-type="grid-tag"] article h4 {
    font-size: 14px;
    color: #999;
    float: left;
    font-weight: 400;
    line-height: 24px;
    margin-right: 10px
}
[ui-type="grid-tag"] article p {
    margin-top: 0;
    color: #333;
    line-height: 24px
}
[ui-type="grid-tag"] article a {
    color: #108cee;
    display: inline-block;
    margin-left: 30px
}
[ui-type="grid-tag"] h4 {
    margin: 0
}
[ui-type="grid"] table {
    background: #FFF;
    border: 1px solid #ebebeb
}
[ui-type="grid"] tr {
    border-top: 1px solid #ebebeb
}
[ui-type="grid"] tr:first-child {
    border-top: none
}
[ui-type="grid"] .grid-title {
    padding: 0 14px;
    vertical-align: center;
    border-right: 1px solid #ebebeb;
    font-size: 16px;
    width: 4em;
    text-align: center;
    color: #141a24
}
[ui-type="grid"] .grid-title h3 {
    font-weight: 400
}
[ui-type="grid"] .grid-content {
    padding: 25px 18px 25px 40px
}
[ui-type="grid"] h4 {
    margin: 0;
    font-size: 16px;
    color: #141a24;
    font-weight: 400
}
[ui-type="grid"] .circle {
    display: inline-block;
    margin-left: -20px;
    width: 20px
}
[ui-type="grid"] .circle::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border: 3px solid #108cee;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}
[ui-type="grid"] .desc {
    font-size: 14px;
    color: #666;
    margin: 14px 0 20px 0;
    line-height: 24px
}
[ui-type="grid"] .desc a {
    color: #108cee
}
[ui-type="grid"] blockquote {
    padding: 20px;
    background: #fafafa;
    margin-left: 0
}
[ui-type="grid"] blockquote h4 {
    color: #666;
    font-size: 14px;
    margin: 0;
    display: inline-block
}
[ui-type="grid"] blockquote p {
    margin: 10px 0
}
[ui-type="grid"] li::before {
    content: '\2022';
    display: inline-block;
    width: 10px
}
[ui-type="introduce"] {
    background: #0e0e10;
    background-image: -webkit-linear-gradient(left, #0e0e10, #1e2026);
    background-image: -moz-linear-gradient(left, #0e0e10, #1e2026);
    background-image: -moz-linear-gradient(to right, #0e0e10, #1e2026);
    background-image: -o-linear-gradient(to right, #0e0e10, #1e2026);
    background-image: linear-gradient(to right, #0e0e10, #1e2026);
    background-repeat: repeat;
    height: 390px;
    position: relative
}
.is-mobile [ui-type="introduce"] {
    height: auto;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 20px
}
[ui-type="introduce"]::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(https://cdn.bdstatic.com/portal/img/product/base/banner-bg_5bc95946.png) center 0 no-repeat
}
[ui-type="introduce"] .group {
    height: 390px;
    padding: 28px 0 0 0;
    box-sizing: border-box;
    position: relative
}
.is-mobile [ui-type="introduce"] .group {
    height: auto;
    padding-left: 10px;
    padding-right: 10px
}
[ui-type="introduce"] h1 {
    font-size: 42px;
    margin: 12px 0;
    color: #FFF;
    line-height: 44px;
    font-weight: 400
}
[ui-type="introduce"] h2 {
    font-size: 14px;
    color: #FFF;
    line-height: 16px;
    font-weight: 400;
    opacity: .5;
    filter: alpha(opacity=50)
}
[ui-type="introduce"] .desc {
    color: #FFF;
    font-size: 14px;
    max-width: 680px;
    line-height: 24px;
    margin-top: 20px
}
[ui-type="introduce"] .detail-box {
    position: absolute;
    bottom: 40px
}
.is-mobile [ui-type="introduce"] .detail-box {
    position: static;
    bottom: 0
}
[ui-type="introduce"] .event-box {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 24px
}
.is-mobile [ui-type="introduce"] .event-box {
    margin-top: 16px
}
[ui-type="introduce"] .event-box .event {
    color: rgba(255, 255, 255, 0.8);
    margin: 16px 0 0 0
}
[ui-type="introduce"] .event-box .event:first-child {
    margin: 0
}
[ui-type="introduce"] .event-box .event i {
    color: #108cee
}
[ui-type="introduce"] .event-box .event .icon-discountmanage {
    color: #ea2e2e
}
[ui-type="introduce"] .event-box .event a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: underline
}
[ui-type="introduce"] .event-box .event a:hover {
    color: #108cee
}
[ui-type="introduce"] .event-box .event span {
    color: #fe3939
}
.is-mobile [ui-type="introduce"] .apply-box {
    margin-top: 16px
}
[ui-type="introduce"] .apply-box a,
[ui-type="introduce"] .apply-box span {
    margin-left: 5px;
    display: inline-block;
    text-decoration: none;
    line-height: 38px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 38px
}
[ui-type="introduce"] .apply-box a:first-child,
[ui-type="introduce"] .apply-box span:first-child {
    margin-left: 0
}
[ui-type="introduce"] .apply-box .buy {
    width: 160px;
    color: #FFF;
    background: #108cee;
    text-align: center
}
.is-mobile [ui-type="introduce"] .apply-box .buy {
    width: 100px
}
[ui-type="introduce"] .apply-box .buy:hover {
    background: #0b83e1
}
[ui-type="introduce"] .apply-box .calculator {
    color: #108cee;
    border: 1px solid #108cee;
    width: 160px;
    text-align: center;
    line-height: 36px
}
.is-mobile [ui-type="introduce"] .apply-box .calculator {
    width: 100px
}
[ui-type="introduce"] .apply-box .calculator:hover {
    background: #0b83e1;
    color: #FFF;
    border-color: #0b83e1
}
[ui-type="introduce"] .apply-box .doc-index {
    color: #108cee;
    margin-left: 15px
}
[ui-type="introduce"] .apply-box .doc-index:hover {
    color: #0b83e1;
    text-decoration: underline
}
[ui-type="link-box"] h3 {
    color: #141a24;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 18px
}
[ui-type="link-box"] p {
    color: #999;
    font-size: 14px;
    margin: 0 0 14px 0
}
[ui-type="link-box"] .section-container {
    *zoom: 1
}
[ui-type="link-box"] .section-container:before,
[ui-type="link-box"] .section-container:after {
    display: table;
    content: ""
}
[ui-type="link-box"] .section-container:after {
    clear: both
}
[ui-type="link-box"] article {
    float: left;
    width: 33.33%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 40px
}
[ui-type="link-box"] li {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    width: 50%;
    float: left
}
[ui-type="link-box"] ul {
    *zoom: 1
}
[ui-type="link-box"] ul:before,
[ui-type="link-box"] ul:after {
    display: table;
    content: ""
}
[ui-type="link-box"] ul:after {
    clear: both
}
[ui-type="link-list"] h3 {
    color: #141a24;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 18px
}
[ui-type="link-list"] .section-container {
    *zoom: 1
}
[ui-type="link-list"] .section-container:before,
[ui-type="link-list"] .section-container:after {
    display: table;
    content: ""
}
[ui-type="link-list"] .section-container:after {
    clear: both
}
[ui-type="link-list"] article {
    float: left;
    width: 25%
}
.is-mobile [ui-type="link-list"] article {
    float: none;
    width: 100%;
    margin-bottom: 15px
}
[ui-type="link-list"] li {
    font-size: 14px;
    line-height: 24px;
    color: #666
}
[ui-type="link"] {
    color: #108cee;
    font-size: 14px
}
.doc-link {
    color: #666;
    cursor: pointer
}
[ui-type="module-box"] {
    margin-top: 40px
}
.is-mobile [ui-type="module-box"] {
    margin-top: 0
}
[ui-type="module-box"] section {
    padding: 0 0 40px 0
}
.is-mobile [ui-type="module-box"] section {
    padding: 0 10px 20px 10px
}
[ui-type="module-box"] section:nth-child(odd) {
    background: #f5f5f5
}
[ui-type="module-box"] h2 {
    margin: 40px 0 30px 0;
    font-size: 24px;
    color: #141a24;
    padding-left: 14px;
    position: relative
}
.is-mobile [ui-type="module-box"] h2 {
    margin: 10px 0 10px 0
}
[ui-type="module-box"] h2::before {
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    bottom: 3px;
    top: 6px;
    left: 0;
    background: #108cee
}
[ui-type="process"] article {
    background: #FFF;
    border: 1px solid #ebebeb;
    margin-top: 20px
}
[ui-type="process"] article:first-child {
    margin-top: 0
}
[ui-type="process"] .title-box {
    border-bottom: 1px solid #ebebeb
}
[ui-type="process"] .title-box h3 {
    line-height: 60px;
    padding-left: 30px;
    font-size: 16px;
    color: #333
}
[ui-type="process"] .content-box {
    padding: 20px 30px;
    position: relative;
    *zoom: 1
}
[ui-type="process"] .content-box:before,
[ui-type="process"] .content-box:after {
    display: table;
    content: ""
}
[ui-type="process"] .content-box:after {
    clear: both
}
.is-mobile [ui-type="process"] .content-box {
    padding: 10px
}
[ui-type="process"] .content-box .mid-border {
    position: absolute;
    left: 50%;
    width: 1px;
    top: 20px;
    bottom: 20px;
    background: #ebebeb
}
.is-mobile [ui-type="process"] .content-box .mid-border {
    display: none
}
[ui-type="process"] .content-box img {
    float: left
}
.is-mobile [ui-type="process"] .content-box img {
    float: none;
    display: block;
    width: 100%
}
[ui-type="process"] .content-box .process {
    margin-left: 50%;
    padding-left: 20px
}
.is-mobile [ui-type="process"] .content-box .process {
    margin-left: 0;
    padding-left: 0
}
[ui-type="process"] h4 {
    margin: 0 0 20px 10px;
    color: #666;
    font-size: 16px;
    font-weight: 400
}
[ui-type="process"] li {
    margin-top: 10px
}
[ui-type="process"] li:first-child {
    margin: 0
}
[ui-type="process"] li .step-box {
    width: 50px;
    *zoom: 1;
    float: left;
    text-align: right;
    margin-right: 5px
}
[ui-type="process"] li .step-box:before,
[ui-type="process"] li .step-box:after {
    display: table;
    content: ""
}
[ui-type="process"] li .step-box:after {
    clear: both
}
[ui-type="process"] li .step-number {
    font-style: normal;
    display: inline-block;
    border: 1px solid #626975;
    color: #626975;
    font-size: 14px;
    height: 20px;
    width: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    line-height: 18px;
    margin-top: 4px
}
[ui-type="process"] li p {
    margin: 0 0 0 55px;
    font-size: 14px;
    color: #999;
    line-height: 24px;
    text-align: justify
}
[ui-type="product-nav"] {
    border-bottom: 1px solid #e6e6e6;
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 2;
    -webkit-transition-property: background;
    -moz-transition-property: background;
    -ms-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s
}
.is-mobile [ui-type="product-nav"] {
    display: none
}
[ui-type="product-nav"].nav-fixed {
    position: fixed;
    top: 0;
    background: #FFF
}
[ui-type="product-nav"].nav-fixed i {
    -webkit-transition-property: width, left;
    -moz-transition-property: width, left;
    -ms-transition-property: width, left;
    -o-transition-property: width, left;
    transition-property: width, left;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s
}
[ui-type="product-nav"].nav-fixed .nav-show-box {
    display: block;
    height: 50px
}
[ui-type="product-nav"].nav-fixed .nav-show-box .nav-product-title {
    color: #333
}
[ui-type="product-nav"].nav-fixed .module-nav li {
    color: #333
}
[ui-type="product-nav"] .group {
    max-height: 120px;
    position: relative
}
[ui-type="product-nav"] .nav-list-box {
    float: left;
    height: 48px;
    padding-top: 5px
}
[ui-type="product-nav"] .nav-list-box:hover .products-nav {
    display: block
}
[ui-type="product-nav"] .nav-list-box .sub-nav {
    margin-left: 0
}
[ui-type="product-nav"] .nav-show-box {
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height;
    -moz-transition-property: height;
    -ms-transition-property: height;
    -o-transition-property: height;
    transition-property: height;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    *zoom: 1
}
[ui-type="product-nav"] .nav-show-box:before,
[ui-type="product-nav"] .nav-show-box:after {
    display: table;
    content: ""
}
[ui-type="product-nav"] .nav-show-box:after {
    clear: both
}
[ui-type="product-nav"] .nav-show-box .nav-product-title {
    margin: 7px 160px;
    font-size: 24px;
    color: #FFF;
    line-height: 36px;
    text-align: center;
    font-weight: 400
}
[ui-type="product-nav"] .nav-show-box .nav-apply {
    float: right;
    margin-top: -45px
}
[ui-type="product-nav"] .nav-show-box [ui-type="button"] {
    display: block;
    width: 146px;
    height: 38px;
    line-height: 38px;
    color: #fff;
    background: #108cee;
    font-size: 14px;
    text-align: center;
    text-decoration: none
}
[ui-type="product-nav"] .nav-show-box [ui-type="button"]:hover {
    background-color: #0b83e1
}
[ui-type="product-nav"] .nav-show-box .nav-list-button {
    display: block;
    width: 160px;
    height: 38px;
    box-sizing: border-box;
    color: #666;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    border: 1px solid #ebebeb;
    text-decoration: none
}
[ui-type="product-nav"] .nav-show-box .nav-list-button i {
    color: #999;
    display: inline-block;
    margin-right: 20px
}
[ui-type="product-nav"] .sub-nav {
    top: 50px
}
[ui-type="product-nav"] .module-nav.init {
    visibility: hidden
}
[ui-type="product-nav"] .module-nav i {
    position: absolute;
    width: 40px;
    display: block;
    height: 2px;
    background: #108cee;
    left: 7px;
    bottom: 0
}
[ui-type="product-nav"] .module-nav ul {
    *zoom: 1;
    overflow: hidden
}
[ui-type="product-nav"] .module-nav ul:before,
[ui-type="product-nav"] .module-nav ul:after {
    display: table;
    content: ""
}
[ui-type="product-nav"] .module-nav ul:after {
    clear: both
}
[ui-type="product-nav"] .module-nav li {
    float: left;
    line-height: 42px;
    margin-left: 23px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
    cursor: pointer
}
[ui-type="product-nav"] .module-nav li:first-child {
    margin-left: 0
}
[ui-type="product-nav"] .module-nav li.current {
    color: #108cee
}
[ui-type="product-nav"] .module-nav li:hover {
    color: #108cee
}
[ui-type="summary-box"] [ui-type="text"] {
    line-height: 24px
}
[ui-type="table"] h2 {
    position: relative
}
[ui-type="table"] h2 [ui-type="link"] {
    display: block;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    height: 24px;
    font-weight: 400
}
[ui-type="table"] .section-container {
    background: #FFF
}
[ui-type="table"] table,
[ui-type="table"] th,
[ui-type="table"] td {
    border: 1px solid #e6e6e6
}
[ui-type="table"] table {
    width: 100%
}
[ui-type="table"] .default-table th {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    padding: 16px 0
}
[ui-type="table"] .default-table td {
    color: #666;
    padding: 16px 0 16px 40px;
    font-size: 14px;
    width: 11%
}
[ui-type="table"] .default-table td:nth-child(2n) {
    color: #333;
    width: 22.3%
}
[ui-type="text"] {
    font-size: 14px;
    color: #333
}
[ui-type='timeline'] {
    height: 100px;
    position: relative;
    margin-top: 50px
}
[ui-type='timeline'] .btn {
    position: relative;
    height: 100%
}
[ui-type='timeline'] .btn span {
    width: 34px;
    height: 52px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    border: 1px solid #ccc;
    bottom: 0;
    top: 0;
    margin: 0;
    display: block;
    background: #fafafa;
    margin: auto
}
[ui-type='timeline'] .btn span:hover {
    cursor: pointer;
    border-color: #108cee
}
[ui-type='timeline'] .btn span:hover::before {
    border-left-color: #108cee;
    border-right-color: #108cee
}
[ui-type='timeline'] .btn span::before,
[ui-type='timeline'] .btn span::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 0
}
[ui-type='timeline'] .left-btn {
    left: 0
}
[ui-type='timeline'] .left-btn::before {
    border-right: 14px solid #ccc;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    left: 8px
}
[ui-type='timeline'] .left-btn::after {
    border-right: 12px solid #fafafa;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    left: 10px
}
[ui-type='timeline'] .right-btn {
    right: 0
}
[ui-type='timeline'] .right-btn::before {
    border-left: 14px solid #ccc;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    right: 8px
}
[ui-type='timeline'] .right-btn::after {
    border-left: 12px solid #fafafa;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    right: 10px
}
[ui-type='timeline'] [ui-type='timeline-content'] {
    height: 20px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto
}
[ui-type='timeline'] [ui-type='timeline-content']::before {
    width: 100%;
    height: 1px;
    background: #108cee;
    position: absolute;
    display: block;
    content: '';
    top: 0;
    bottom: 0;
    margin: auto
}
[ui-type='timeline'] [ui-type='timeline-content'] ul {
    *zoom: 1;
    position: absolute
}
[ui-type='timeline'] [ui-type='timeline-content'] ul:before,
[ui-type='timeline'] [ui-type='timeline-content'] ul:after {
    display: table;
    content: ""
}
[ui-type='timeline'] [ui-type='timeline-content'] ul:after {
    clear: both
}
[ui-type='timeline'] [ui-type='timeline-content']>ul {
    height: 100%
}
[ui-type='timeline'] [ui-type='timeline-content'] [ui-type="timeline-item"] {
    float: left;
    position: relative;
    height: 100%
}
[ui-type='timeline'] [ui-type='timeline-content'] [ui-type="timeline-item"]::before {
    content: ''
}
[ui-type='timeline'] [ui-type='timeline-content'] [ui-type="timeline-item"] .node {
    position: absolute;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #108cee;
    background: #fff;
    display: block;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -8px;
    z-index: 1;
    cursor: pointer
}
[ui-type='timeline'] [ui-type='timeline-content'] [ui-type="timeline-item"].current .node {
    background: #108cee
}
[ui-type='timeline'] [ui-type='timeline-content'] .info,
[ui-type='timeline'] [ui-type='timeline-content'] .time {
    display: none
}
[ui-type='timeline'] [ui-type="timeline-desc-content"] {
    position: absolute;
    bottom: 75px;
    left: 0;
    right: 0;
    margin: auto;
    width: 400px
}
[ui-type='timeline'] [ui-type="timeline-desc-content"] article {
    text-align: center
}
[ui-type='timeline'] [ui-type="timeline-desc-content"] article a {
    display: inline-block;
    margin-left: 10px;
    color: #108cee;
    font-size: 14px
}
[ui-type='timeline'] [ui-type="timeline-desc-content"] article a:hover {
    color: #0b83e1
}
[ui-type='timeline'] [ui-type="timeline-time-content"] {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: auto;
    width: 400px;
    text-align: center;
    font-size: 14px;
    color: #666
}
[ui-type="video-box"] {
    width: 1200px;
    margin-left: -10px;
    *zoom: 1
}
[ui-type="video-box"]:before,
[ui-type="video-box"]:after {
    display: table;
    content: ""
}
[ui-type="video-box"]:after {
    clear: both
}
[ui-type="video-box"] [ui-type="video"] {
    width: 280px;
    height: 157px;
    background: #3b4a5c;
    margin: 0 10px;
    float: left
}
section.campaign .section-container {
    margin-top: 40px
}
.is-mobile section.campaign .section-container {
    width: 100%
}
.is-mobile section.campaign .section-container img {
    width: 100%
}
section.campaign-registration .section-container {
    margin-top: 40px
}
section.campaign-registration h3 {
    font-size: 24px
}
section.campaign-registration h5 {
    font-size: 16px
}
section.campaign-registration h3,
section.campaign-registration h5 {
    text-align: center;
    color: #fff;
    font-weight: normal
}
section.campaign-registration .apply-box {
    text-align: center
}
section.campaign-registration a.button {
    display: inline-block;
    min-width: 146px;
    height: 38px;
    line-height: 38px;
    color: #fff;
    background: transparent;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #fff;
    margin: 0 20px
}
.img-and-text-list ul {
    overflow: hidden
}
.img-and-text-list ul li {
    float: left;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    text-align: center;
    padding: 30px;
    margin-right: 25px
}
.img-and-text-list ul li img {
    margin-bottom: 30px
}
.img-and-text-list ul li em {
    font-style: normal;
    color: #313131;
    display: block
}
.img-and-text-list ul li p {
    color: #666;
    width: 281px;
    font-size: 14px;
    text-align: left;
    line-height: 1.6
}
.img-and-text-list ul li:last-of-type {
    margin-right: 0
}





.sale{}
.sale .salepic:hover img{cursor:pointer;-webkit-animation:bounceIn 1s ease-in-out backwards;animation:bounceIn 1s ease-in-out backwards;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;}
.wrapper_case{width:100%;height: 820px;/* padding:48px 0 22px 0;*/min-width: 1200px;background:#fafafa;}
/*.imgpro{background:#fafafa url(../img/imgpro.jpg) no-repeat top center;}*/
.case{width:1220px;overflow:hidden;margin:0px auto;}
.casetitle{width:100%;height:82px;text-align:center;}
/*.casetitle h3{font-size:36px;color:#222;text-shadow:0 0 10px #ccc;}*/
.casetitle span{font-size:14px;color:#666;line-height: 42px;}
.case .content-wrap{width:1220px;height:650px;padding:6px 10px;}
.case .content-wrap .area{margin-top:35px;border:1px solid #ccc;border-right: none;height:580px;float:left;background:#fafafa;}
/*.case .content-wrap  .area:nth-child(2n){background:#fff;}*/
.case .content-wrap .tzyfw{width:479px;float:left;}
 .case .content-wrap .vhost{width:240px;float:left;}
.case .content-wrap .idcyw{width:240px;float:left;}
.case .content-wrap .wyx{width:240px;float:left;/*border-right:1px solid #e0e0e0;*/} 
.case .content-wrap .wyx-area .fold{width:479px!important;}

.case .content-wrap .content-title{font-size:18px;color:#222;background:#e4e4e4;text-align: center;height:129px;width: 240px;}
.case .content-wrap .content-title img{height:50px;}
/*.case .content-wrap .content-title i{font-size:47px;display: block;padding-top:6px;color:#666;}*/
.case .content-wrap .content-title h4{position:absolute;left:0;top:74px;width:100%;text-align:center;font-size:18px;font-weight: normal;}
.case .content-wrap .content-title span{position:absolute;left:0;top:100px;display: block;width:100%;text-align:center;text-align:center;font-size:12px;color:#666;}


/*.case .content-wrap .area:hover .content-title{background:  #466ec8;}*/
.case .content-wrap .wyx-area{border-right:1px solid #e0e0e0;}
.content-wrap .area .unfold{width: 240px;float:left;overflow: hidden;}
.content-wrap .area .fold{width:480px;}
.case .content-wrap .wyx-area .unfold{width:240px!important;}
.content-wrap .area .content-title-on{background: #0aa0f5;color:#fff;width:100%;}
.area .intro{height:450px; position: relative;}
.area .intro .iconfont{font-size:30px;position: absolute;left:105px;top:384px; color: #ccc;}
.area .same-lists{width:100%;display: table;padding:40px 20px 0px;text-align:center;font-size:13px;color:#5f5f5f;}
/*?‰?é￡???′??????*/
.case .content-wrap {
   
    overflow: hidden;
} 
.case .content-wrap  .area {
    float: left;
    width: 240px;
    border-right: 1px solid #f4f4f4;
    position: relative;
    overflow: hidden;
}
.case .content-wrap  .content-title{
	-webkit-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
	-moz-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
	-ms-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
	-o-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
	transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1), z-index 0.12s;	
}
.case .content-wrap .area{	 
	-webkit-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
	-moz-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
	-ms-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
	-o-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
	transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1), z-index 0.12s; 	
}
.case .content-wrap .trans {
	-webkit-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
	-moz-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
	-ms-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
	-o-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0.12s; 
}
.case .content-wrap  .area  .unfold {
    width: 240px;
    text-align: center;
    position: absolute;
				z-index: 3;
				opacity: 1;				
				filter: alpha(opacity=100);
				-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));	
				transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
}

.case .content-wrap  .area  .fold {
    width: 480px;
    position: absolute;
    /*left: 240px;*/
     background:#fff;
 				z-index: 2;
			    opacity: 0;
			    filter: alpha(opacity=0);
			    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));   
			        transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s; 
}

.case .content-wrap  .active{width:480px;height:620px;margin-top:15px;border:1px solid #0aa0f5;z-index:9 ;background:#fff;}
/*.case .content-wrap  .active .area  .fold{display: block;}*/
.case .content-wrap  .active{-webkit-box-shadow:0 0 12px 3px #ccc; -moz-box-shadow:0 0 15px 3px #ccc;  box-shadow:0 0 12px 3px #ccc;}
.case .content-wrap  .active .unfold{
/*left: -240px;display: none;*/
				z-index: 2;
			    opacity: 0;
			    filter: alpha(opacity=0);
			    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
}
.case .content-wrap  .active .fold{
					z-index: 3;
				opacity: 1;
				filter: alpha(opacity=100);
				-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
}
.case .content-wrap  .active .unfold .content-title img{display: none;}
.case .content-wrap  .active .unfold .content-title span{display: none;}
.case .content-wrap  .active .unfold .content-title h4{display: none;}
.case .content-wrap  .active .fold{left: 0px;}
.case .content-wrap  .area:nth-child(4){border-right: 1px solid #ccc;}
.case .content-wrap  .active:nth-child(4){border:1px solid #0aa0f5}
.case .content-wrap .active .content-title{width:480px;color:#fff;background:#0aa0f5;height:149px;}
.case .content-wrap .active .content-title i{font-size:48px;padding-top:16px;color:#fff;}

.case .content-wrap .content-title .title-svg{margin-top:14px; }
.case .content-wrap .content-title .title-svg-on{margin-top:29px;}

.case .content-wrap .fold .content-title h4{position:absolute;left:0;top:79px;width:100%;text-align:center;font-size:18px;padding-top:15px;font-weight: normal;}
.case .content-wrap .fold .content-title span{position:absolute;display: block;left:0;top:120px;width:100%;text-align:center;font-size:12px;color:#bdd2ff;}



.introduction {
	padding-bottom: 40px;
	background: #FAFAFA;
	/*margin-top:180px;*/
}

.introduction .icon {
	background: url(/themes/moban/images/platform-icon_e5981f09.png) 0 0 no-repeat
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
	.introduction .icon {
		background: url(/themes/moban/images/platform-icon.2x_20e7fb65.png) 0 0 no-repeat;
		background-size: 380px 2180px
	}
}

.introduction .container {
	position: relative
}

.introduction .shadow {
	position: absolute;
	height: 1px;
	width: 180px;
	margin-left: 5px;
	top: 153px;
	left: 50px;
	z-index: 2;
	/*background: #108CEE;*/
	opacity: .5;
	filter: alpha(opacity=50);
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-ms-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out
}

.introduction .tab-nav {
	position: relative;
	background: #FFF;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	border: 1px solid #eee;
	padding: 0 0 0 0;
	font-weight: 400;
	margin-top: 20px
}

.introduction .tab-nav .tab-nav-item {
	float: left;
	height: 60px;
	line-height: 60px;
	width: 19.5%;
	padding-left: 50px;
	text-align: center;
	font-size: 16px;
	color: #666;
	cursor: pointer
}

.introduction .tab-nav .tab-nav-item span {
	display: block;
	margin-top: -2px;
	border-bottom: 1px solid #eee
}

.introduction .tab-nav .tab-nav-item.active {
	color: #108CEE
}

.introduction .tab-nav .tab-nav-item.active span {
	border-bottom-color: #108CEE
}

.introduction .tab-nav .iconfont {
	font-size: 30px;
	vertical-align: middle;
	display: inline-block;
	margin-top: -3px;
	margin-left: 10px;
	color: #f84a30
}

.introduction .tab-nav .tab-nav-item[data-id="0"] {
	padding-left: 60px;
	width: 230px
}

.introduction .content {
	background: #FFF;
	position: relative;
	height: 350px;
	border: 1px solid #eeeff4;
	border-top: 0;
	margin-top:0px;
}

.introduction .content-item {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: 600ms all;
	-moz-transition: 600ms all;
	-ms-transition: 600ms all;
	-o-transition: 600ms all;
	transition: 600ms all;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.introduction .content-item.active {
	z-index: 2;
	opacity: 1;
	filter: alpha(opacity=100)
}

.introduction .content-item.active .desc .title-content-wrap {
	opacity: 1;
	filter: alpha(opacity=100)
}

.introduction .content-item .title-image {
	background: url(../img/index-new_18915c83.png) 0 0 no-repeat
}

.introduction .content-item .desc {
	height: 192px;
	overflow: hidden
}

.introduction .content-item .desc .title-image-wrap {
	float: left
}

.introduction .content-item .desc .title-image-wrap img {
	margin: 3px 0 0 0
}

.introduction .content-item .desc .title-content-wrap {
	margin-left: 400px;
	padding-top: 30px;
	padding-right: 25px;
	height: 100%;
	position: relative;
	opacity: 0;
	filter: alpha(opacity=0)
}

.introduction .content-item .desc h3 {
	font-size: 24px;
	line-height: 36px;
	color: #333;
	margin-bottom: 15px;
	font-weight: normal
}

.introduction .content-item .desc p {
	font-size: 14px;
	line-height: 24px
}

.introduction .content-item .desc .links {
	position: absolute;
	bottom: 0;
	color: #108cee;
	font-size: 14px
}

.introduction .content-item ul li {
	float: left;
	width: 33.33%;
	height: 155px;
	padding-top: 40px;
	line-height: 24px;
	font-size: 14px;
	text-align: center;
	border-right: 0;
	box-sizing: border-box
}

.introduction .content-item ul li p {
	z-index: 1
}

.introduction .content-item ul li:first-child {
	border-left: 0
}

.introduction .content-item ul img {
	float: left;
	margin-left: 32px
}

.introduction .content-item ul figcaption {
	margin-left: 130px;

}

.introduction .content-item ul h4 {
	text-align: left;
	margin: 0;
	color: #333;
	font-size: 16px
}

.introduction .content-item ul p {
	color: #999;
	font-size: 14px;
	text-align: left
}

.introduction .icon-platform-calculate {
	background-position: 0 0
}

.introduction .icon-platform-eye {
	background-position: 0 -200px
}

.introduction .icon-platform-industry {
	background-position: 0 -400px
}

.introduction .icon-platform-base {
	background-position: 0 -600px
}

.introduction .icon-platform-ai {
	background-position: 0 -1760px
}

.introduction .icon-calculate-solution {
	background-position: 0 -800px
}

.introduction .icon-bigdata {
	background-position: 0 -880px
}

.introduction .icon-ai {
	background-position: 0 -960px
}

.introduction .icon-one-stop {
	background-position: 0 -1040px
}

.introduction .icon-lead-ai {
	background-position: 0 -1120px
}

.introduction .icon-unique {
	background-position: 0 -1200px
}

.introduction .icon-efficient {
	background-position: 0 -1280px
}

.introduction .icon-industry-safty {
	background-position: 0 -1360px
}

.introduction .icon-ecology {
	background-position: 0 -1440px
}

.introduction .icon-data-center {
	background-position: 0 -1520px
}

.introduction .icon-base-stable {
	background-position: 0 -1600px
}

.introduction .icon-safty-storage {
	background-position: 0 -1680px
}

.introduction .icon-interactive {
	background-position: 0 -1960px
}

.introduction .icon-image-recognition {
	background-position: 0 -2035px
}

.introduction .icon-deep-learning {
	background-position: 0 -2110px
}

.product {
	background: #FFF;
	padding-bottom: 40px
}

.product .container>h2 {
	padding-top: 5px
}

.product .product-switch {
	position: relative
}

.product .product-switch i {
	width: 28px;
	height: 52px;
	background: url(../img/icons_32087ff6.png) 0 -118px no-repeat;
	display: block;
	position: absolute;
	top: -250px;
	cursor: pointer
}

.product .product-switch .switch-left {
	background-position: 0 -118px;
	left: -40px
}

.product .product-switch .switch-left:hover {
	background-position: -30px -118px
}

.product .product-switch .switch-right {
	background-position: -60px -118px;
	right: -40px
}

.product .product-switch .switch-right:hover {
	background-position: -90px -118px
}

.product .group-show {
	width: 100%;
	overflow: hidden
}

.product .group {
	width: 300%;
	height: 458px;
	position: relative
}

.product ul {
	overflow: hidden;
	margin: 0 -10px;
	position: absolute
}

.product ul.groups-0 {
	left: 0
}

.product ul.groups-1 {
	left: 1180px
}

.product ul.groups-2 {
	left: -2360px
}

.product ul.groups-3 {
	left: -1180px
}

.product ul li {
	float: left;
	width: 380px;
	border: 1px solid #ebebeb;
	margin: 0 10px 0 10px;
	background: #fff;
	position: relative;
	line-height: 18px;
	font-size: 12px;
	color: #707070
}

.product ul li .product-class {
	padding: 20px 0;
	text-align: center;
	border-bottom: 1px solid #ebebeb
}

.product ul li .product-class p {
	color: #999;
	font-size: 14px;
	margin: 10px 0 0 0
}

.product ul li h3 {
	font-size: 18px;
	color: #666;
	font-weight: 400
}

.product ul li article {
	border-bottom: 1px solid #ebebeb;
	margin: 0 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	box-sizing: content-box
}

.product ul li article .products-price {
	height: 0;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: 300ms all linear;
	-moz-transition: 300ms all linear;
	-ms-transition: 300ms all linear;
	-o-transition: 300ms all linear;
	transition: 300ms all linear
}

.product ul li .products-main {
	*zoom: 1
}

.product ul li .products-main:before,.product ul li .products-main:after {
	display: table;
	content: ""
}

.product ul li .products-main:after {
	clear: both
}

.product ul li .last {
	border-bottom: none
}

.product ul li .current {
	padding: 20px;
	margin: -1px 0 -1px 0;
	background: #fafafa;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb
}

.product ul li .current .products-price {
	height: 40px;
	margin-top: 15px;
	opacity: 1
}

.product ul li img {
	float: left;
	margin-top: 2px
}

.product ul li figure {
	margin-left: 80px;
	min-height: 64px
}

.product ul li figure p {
	font-size: 14px;
	color: #999
}

.product ul li h4 {
	font-size: 16px;
	margin: 0 0 10px 0;
	color: #333;
	font-weight: 400
}

.product ul li .products-price {
	*zoom: 1;
	margin-top: 0
}

.product ul li .products-price:before,.product ul li .products-price:after {
	display: table;
	content: ""
}

.product ul li .products-price:after {
	clear: both
}

.product ul li .products-price span {
	font-size: 14px;
	display: block;
	color: #999
}

.product ul li .products-price .top-line {
	line-height: 40px
}

.product ul li .products-price strong {
	font-size: 14px;
	color: #666;
	font-weight: 400
}

.product ul li .products-price small {
	font-size: 14px;
	color: #ffa203
}

.product ul li .products-price p {
	float: left;
	font-size: 14px;
	max-width: 200px
}

.product ul li .products-price a {
	display: block;
	color: #108cee;
	border: 1px solid #108cee;
	padding: 10px 25px;
	float: right;
	text-decoration: none;
	font-size: 14px
}

.product ul li .products-price a:hover {
	background: #0b83e1;
	color: #FFF;
	border-color: #0b83e1
}

.product-link-bigger,.solution-link-bigger {
	clear: both;
	line-height: 60px;
	text-align: center;
	height: 60px
}

.product-link-bigger a,.solution-link-bigger a {
	position: relative;
	padding-left: 25px;
	font-size: 12px;
	color: #0088f9
}

.product-link-bigger a:before,.solution-link-bigger a:before {
	content: '';
	position: absolute;
	left: 0;
	top: -2px;
	width: 20px;
	height: 20px;
	background: url(../img/icons_32087ff6.png) 0 -40px no-repeat
}

.product-link-bigger a:hover:before,.solution-link-bigger a:hover:before {
	content: '';
	position: absolute;
	left: 0;
	top: -2px;
	width: 20px;
	height: 20px;
	background: url(../img/icons_32087ff6.png) 0 -63px no-repeat
}

.solution-link-bigger {
	line-height: 85px;
	height: 85px
}

.product-link {
	position: absolute;
	left: 20px;
	bottom: 16px;
	color: #2998F0
}

.product-link:before {
	content: '';
	float: left;
	width: 18px;
	height: 18px;
	margin-right: .5em;
	background: url(../img/icons_32087ff6.png) -23px -23px no-repeat
}

.product-link:hover:before {
	content: '';
	float: left;
	width: 18px;
	height: 18px;
	margin-right: .5em;
	background: url(../img/icons_32087ff6.png) -23px -64px no-repeat
}

.solution {
	background: #FAFAFA;
	padding-bottom: 40px
}

.solution .group {
	border: 1px solid #eee;
	background: #FFF;
	overflow: hidden
}

.solution .sidebar {
	float: left;
	width: 180px;
	margin-right: 48px;
	padding: 0 20px;
	margin: 20px 0;
	border-right: 1px solid #eee
}

.solution .sidebar .sidebar-item {
	font-weight: 400
}

.solution .sidebar li {
	border-top: 1px solid #eee;
	height: 76px;
	line-height: 76px;
	font-size: 16px;
	color: #333;
	cursor: pointer;
	background: url(../img/sidebar-arrow_e5f49b55.png) 205px 9px no-repeat
}

.solution .sidebar li:hover {
	color: #108cee
}

.solution .sidebar li:hover:after {
	content: '';
	width: 14px;
	height: 14px;
	margin-top: 31px;
	float: right;
	background: url(../img/sidebar-arrow_e5f49b55.png) 0 -50px no-repeat
}

.solution .sidebar li:after {
	content: '';
	width: 14px;
	height: 14px;
	margin-top: 31px;
	float: right;
	background: url(../img/sidebar-arrow_e5f49b55.png) 0 -25px no-repeat
}

.solution .sidebar li.active {
	color: #108cee
}

.solution .sidebar li.active:after {
	background: url(../img/sidebar-arrow_e5f49b55.png) 0 -50px no-repeat
}

.solution .sidebar [data-id="website"],.solution .sidebar [data-id="education"] {
	height: 69px;
	line-height: 68px
}

.solution .content {
	position: relative;
	width: 888px
}

.solution .content .content-item {
	position: absolute;
	width: 898px;
	-webkit-transition: 600ms all;
	-moz-transition: 600ms all;
	-ms-transition: 600ms all;
	-o-transition: 600ms all;
	transition: 600ms all;
	left: 230px;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0)
}

.solution .content .content-item.active {
	z-index: 2;
	opacity: 1;
	filter: alpha(opacity=100)
}

.solution .content .content-item.active .header-section {
	opacity: 1;
	filter: alpha(opacity=100)
}

.solution .content .content-item.active .header-section .title-pic {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}


 .contant .contant-part5{
    height: 567px;
    background-color: #fff;
}

 .contant .contant-part5 .carousel-wrap{
    width: 929px;
    height: 582px;
    margin: 0 auto 0;
}

 .contant .contant-part5 .carousel-wrap .heading{
    text-align: center;
    font-size: 58px;
    line-height: 58px;
    color: #2a4665;
}

 .contant .contant-part5 .carousel-wrap .more-example{
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    padding-top: 15px;
    color: #3b8cef;
    margin-bottom: 30px;
    display: block;
    text-decoration: none;
}

 .contant .contant-part5 .carousel-wrap .more-example .more{
    width: 16px;
    height: 16px;
    background-image: url(/themes/moban/images/more.png);
    display: inline-block;
    position: relative;
    left: 5px;
    top: 2px;
}

/* .contant .contant-part5 .carousel-wrap .more-example .icon-cir .icon{
    width: 6px;
    height: 6px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    position: relative;
    transform: rotate(-45deg);
    top: 3px;
    left: 3px;
}*/
 .contant .contant-part5 .carousel-wrap .carousel{
    height: 430px;
    width: 100%;
    background-image: url(/themes/moban/images/iphone.png);
    -webkit-background-size: 503px 426px;
    background-size: 503px 426px;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid transparent;
}

 .contant .contant-part5 .carousel-wrap .carousel .wrap{
    width: 930px;
    height: 322px;
    margin-top: 24px; /*54px*/
}
 .contant .contant-part5 .carousel-wrap .carousel .item{
    width: 100%;
    height: 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor: pointer;
}

.mask{
    background: rgba(0,0,0,.3);
    width: 100%;
    height: 100%;
}

 .contant .contant-part5 .carousel-wrap .carousel .item1{
    background-image: url(/themes/moban/images/case1_1.png);
}

 .contant .contant-part5 .carousel-wrap .carousel .item2{
    background-image: url(/themes/moban/images/case2_1.png);
}

 .contant .contant-part5 .carousel-wrap .carousel .item3{
    background-image: url(/themes/moban/images/case3_1.png);
}

 .contant .contant-part5 .carousel-wrap .carousel .item4{
    background-image: url(/themes/moban/images/case4_1.png);
}

 .contant .contant-part5 .carousel-wrap .carousel .item5{
    background-image: url(/themes/moban/images/case5_1.png);
}

/*旋转木马必要样式*/
.poster-main{ position:relative;height:430px;}
.poster-main a,.poster-main img{display:block;}
.poster-main .poster-list{width:180px;height:320px;}
.poster-main .poster-list .poster-item{ position:absolute;left:0;top:0;}
/*旋转木马必要样式结束*/










.main-bg-blue {
  background-color: #f6f7fa;
  /*margin-bottom:36px;*/
}
.main-bg-blue .h2{
	padding-top: 64px;
}

.pic img{
	width:100%;
}

.in-h2 {
  text-align: center;
  font-size: 36px;
  color: #0a1633;
  padding-top: 40px;
  font-weight: bold;
  line-height: 32px;
}

.field-description {
  height: 63px;
  text-align: center;
  font-size: 13px;
  color: #6b798e;
  line-height: 32px;
}

/*地图/服务*/
.floating,
.floating1 {
  text-align: center;
  background-color: #fff;
  position: absolute;
  z-index: 50;
  padding: 6px 8px;
  color: #1054ff;
  border-radius: 2px;
  box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.2);
  font-size: 12px;
  white-space: nowrap;
  line-height: 1;
}
.service-intor {
  font-size: 0px;
  margin: 0px auto;
  width: 1200px;
  position: relative;
}
.service-intor > .card {
  display: inline-block;
  width: 227px;
  box-sizing: border-box;
  margin-left: 16px;
  border: 1px solid #c2d2ff;
  background-position-y: bottom;
  background-repeat: no-repeat;
  background-color: #fff;
  height: 388px;
  vertical-align: top;
  font-size: 20px;
  color: #0a1633;
  position: relative;
  border-radius: 4px;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
}
.service-intor > .card .floating,
.service-intor > .card .floating1 {
  position: absolute;
}
.service-intor > .card.one {
 /*  background-image: url('../img/card01.png'); */
  margin-left: 0px;
}
.service-intor > .card.one .floating {
  bottom: 10px;
  left: 96px;
}
.service-intor > .card.two {
  /* background-image: url('../img/card02.png'); */
}
.service-intor > .card.two .floating {
  bottom: 20px;
  left: 73px;
}
.service-intor > .card.thr {
  /* background-image: url('../img/card03.png'); */
}
.service-intor > .card.thr .floating {
  bottom: 70px;
  left: 23px;
}
.service-intor > .card.thr .floating1 {
  bottom: 98px;
  left: 123px;
}
.service-intor > .card.four {
  /* background-image: url('../img/card04.png'); */
}
.service-intor > .card.four .floating {
  bottom: 140px;
  left: 7px;
}
.service-intor > .card.four .floating1 {
  bottom: 90px;
  left: 126px;
}
.service-intor > .card.five {
 /*  background-image: url('../img/card05.png'); */
}
.service-intor > .card.five .floating {
  bottom: 130px;
  left: 18px;
}
.service-intor > .card .service-infor {
  opacity: 0;
}
.service-intor > .card:hover {
  background-image: none;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
  border-color: #ffffff;
}
.service-intor > .card:hover .service-type {
  opacity: 0;
  transition: all .8s ease;
}
.service-intor > .card:hover .service-infor {
  opacity: 1;
  transition: all .8s ease;
  z-index: 2;
  background-color: #fff;
}
.service-type {
  text-align: center;
  padding-top: 40px;
  z-index: 2;
  position: absolute;
  width: 225px;
  height: 348px;
  top: 0px;
  font-size: 18px;
}
/*.service-type > .en3 {
  padding-bottom: 16px;
  font-size: 28px;
  letter-spacing: 1px;
  padding-top: 8px;
}*/
.service-infor {
  padding: 0px 20px 20px 20px !important;
  margin-right: 20px;
  text-align: center;
  position: absolute;
  width: 185px;
  height: 348px;
  top: 0px;
}
.service-infor > .title {
  padding-top: 20px;
  font-size: 16px;
  line-height: 32px;
}
.service-infor > .text {
  font-size: 13px;
  color: #6b798e;
  line-height: 22px;
}
.service-infor > .button {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
}
.contrast-curve {
  position: absolute;
  background-image: url('/themes/moban/images/ser-ucloud.gif');
  width: 1173px;
  height: 216px;
  left: 0px;
  bottom: 20px;
  z-index: 1;
}
.service-foot {
  padding-top: 24px;
  padding-bottom: 28px;
  padding-right: 44px;
  box-sizing: border-box;
  width: 1200px;
  margin: 0px auto;
}
.service-terms {
  float: left;
  font-size: 0px;
  padding-top: 8px;
}
.service-terms li {
  display: inline-block;
  font-size: 13px;
  color: #0a1633;
  text-align: center;
  width: 120px;
  line-height: 20px;
}
.service-terms li > .service {
  /*width: 66px;
  height: 54px;*/
  display: inline-block;
}
.service-terms li > .service.icon01 {
  background: url(/themes/moban/images/ser-icon01.png);
}
.service-terms li > .service.icon02 {
  background: url(/themes/moban/images/ser-icon02.png);
}
.service-terms li > .service.icon03 {
  background: url(/themes/moban/images/ser-icon03.png);
}
.service-terms li > .service.icon04 {
  background: url(/themes/moban/images/ser-icon04.png);
}
.service-terms li > .service.icon05 {
  background: url(/themes/moban/images/ser-icon05.png);
}
.service-terms li > .service.icon06 {
  background: url(/themes/moban/images/ser-icon06.png);
}
.service-sale {
  font-size: 0px;
  float: right;
  padding-top: 24px;
}
.service-sale .pre-sale,
.service-sale .after-sale {
  display: inline-block;
  font-size: 16px;
  height: 88px;
  text-align: center;
  padding-top: 18px;
  box-sizing: border-box;
  width: 110px;
  vertical-align: top;
}
.service-sale .pre-sale {
  color: #0a1633;
  background: url(/themes/moban/images/pre-sale.png)
}
.service-sale .after-sale {
  color: #fff;
  background: url(/themes/moban/images/after-sale.png) left no-repeat #5a6776;
  padding-right: 30px;
  box-sizing: content-box;
  width: 120px;
  position: relative;
  height: 70px;
}

.sqzx{line-height: 50px;}
.futd{line-height: 50px;}
.service-sale .after-sale > .mo {
  width: 120px;
  height: 188px;
  bottom: -33px;
  right: -54px;
  position: absolute;
}
.service-sale .after-sale-bg {
  background-color: #5a6776;
  width: 35px;
  height: 88px;
  display: inline-block;
  vertical-align: top;
}
.index-line {
  width: 1918px;
  height: 315px;
  position: absolute;
  background: url(/themes/moban/images/index-line.png);
  left: 50%;
  margin-left: -959px;
  top: 150px;
}


/*常规按钮*/
.button {
  display: inline-block;
  height: 40px;
  padding: 0 16px;
  font-size: 14px;
  color: #ffffff;
  line-height: 40px;
  text-align: center;
  background-color: #1054ff;
  border: 1px solid #1054ff;
  border-radius: 2px;
  box-sizing: border-box;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12);
  transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
}
.button:hover {
  height: 40px;
  line-height: 40px;
  background-color: #0343e4;
  border-color: #0343e4;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
}
.button.small {
  height: 34px;
  line-height: 34px;
}
.button.small:hover {
  height: 34px;
  line-height: 34px;
}
a.button:hover {
  color: #ffffff;
}
/*幽灵按钮*/

.en3 {
  font-family: '微软雅黑';
}



.news-trends {
    height:404px;
	background: #fff;
	border-bottom:dashed 1px #b7b7b7;
}
.news-trends-list {
	margin-top:5px;
}
.press-release {
	float: left;
	width: 31.33%;
	margin-left: 2%;
}
.activity-title img {
 	/*padding: 0px 5%;*/
	height: 140px;
}

.press-release:first-child {
	margin-left: 0px;
}
.press-release:hover .press-news-pic{
	box-shadow: 0 2px 16px rgba(0,0,0,0.12);
}
.press-release-title {
	position: relative;
	padding: 0px 20px;
	height: 36px;
	border-left: 3px solid #000;
	line-height: 36px;
	border-radius: 3px;
	background: #f7f7f7;
	font-size: 16px;
	color: #333;
}
.release-title1 {
	border-left-color: #ff4400;
}
.release-title2 {
	border-left-color: #009fd9;
}
.release-title3 {
	border-left-color: #ff9900;
}
.press-release-title a {
	display: inline-block;
	position: absolute;
	right: 20px;
	top: 0px;
	font-size: 12px;
	color: #999;
}
.press-news-pic {
	position: relative;
	display: block;
	margin: 20px auto 0;
	width: 90%;
	height: 160px;
	overflow: hidden;
}
.press-news-picbg {
	/*position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	margin-left: -173px;
	margin-top: -80px;*/
	height: 100%;
	width: 346px;
	background-size: cover;
	background-position: center;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}
.press-news-pic:hover .press-news-picbg{
	/*background-size: initial;*/
	/*margin-left: -190px;
	margin-top: -44px;
	height: 88px;
	width: 381px;*/
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.press-newspicbg-title-bg {
	position: absolute;
	z-index: 9;
	bottom: 0;
	left: 0;
	height: 40px;
	width: 100%;
	opacity: 0.8;
	background-color: #0080ff;
}
.press-newspicbg-title {
	position: absolute;
	z-index: 99;
	bottom: 0;
	left: 0;
	height: 40px;
	width: 100%;
	line-height: 40px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	
	
}
.press-release-list li a:hover span,
.press-release-list li a.active span{
	color: #009fd9;
}
.press-release-list {
	width: 90%;
	margin: 0 auto;
	height: 174px;
}
.press-release-list li{
	margin-top: 22px;
	float: left;
	width: 100%;
	height: 14px;
	line-height: 14px;
}
.press-release-list li:first-child {
	margin-top: 20px;
}
.press-release-list li a {
	display: block;
}
.press-release-list li a i {
	float: left;
	width: 21%;
	font-style: normal;
	font-size: 14px;
	color: #999;
	white-space: nowrap;
}
.press-release-list li a span {
	float: left;
	width: 76%;
	font-size: 14px;
	color: #333;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.activity-title {
	margin-top: 16px;
	text-align: center;
	
}
.activity-title a {
	display: block;
	margin: 0 auto;
	width: 340px;
	/*height: 218px;*/
	height: 230px;
	overflow: hidden;
}
.activity-title a img {
	width: 100%;
	height: 100%;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}
.activity-title a img:hover {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.free-registration {
	height: 36px;
	line-height: 36px;
	text-align: center;
	padding: 60px 0px 40px 0px;
}
.free-registration a {
	display: inline-block;
	padding: 0px 42px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: #009fd9;
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.free-registration a:hover {
	background: #ff8800;
}


.auto {
	/*height:479px;*/
	margin: 0 auto;
	min-width: 1000px;
	max-width: 1200px;
	/*margin-left:180px;*/
}

.auto span{display:block;
		   /*margin-top:180px;*/
		   font-size:36px;
		   /*text-align:center;*/	
		   color:#3f3f3f;   
}
		   
.auto p{text-align:center;
		font-size:24px;
		margin-top:32px;
		color:#fff;



}

/* @media screen and (max-width:1233px) {
	.auto {
		padding-left: 10px
	}
} */

::selection {
	background: #0080ff;
	color: #fff
}


.cloud-product-box {
	background: #f5f7f7;
}
/* .cloud-product {
	padding: 80px 0px 60px 0px;
} */
.cloud-product-title {
	height: 44px;
	text-align: center;
	line-height: 44px;
	font-size: 36px;
	color: #fff;   /*color:#333*/
	margin-top:30px;   /*margin-top:60px*/
}
.cloud-product-title.white-color {
	color: #fff;
}
.color-blue {
	color: #009fd9;
}
.cloud-product-ul {
	margin-top: 30px;
	width: 100%;
}
.cloud-product-ul li {
	position: relative;
	margin-top: 40px;
	margin-left: 1.5%;
	width: 23%;
	height: 360px;
	float: left;
	border-left: none;
	background: #fff;
	transition: width .15s ease-out;
	-moz-transition: width .15s ease-out;
	-webkit-transition: width .15s ease-out;
	-o-transition: width .15s ease-out;
	
}
.cloud-product-ul li:first-child {
	margin-left: 0;
}




#Scroll {
line-height: 27px; height: 27px; text-align: left
}
#Scroll a {
padding-left: 10px; text-decoration: none
}
#Scroll a.s_end {
padding-right: 0px; margin-left: 8px
}
#flink{border-top: 1px solid #ccc;margin-bottom:8px;margin-top:2px;}
#flink .col-md-1{padding-right: 0px; float:left; width:5%; margin-left:8%; line-height: 27px; height: 27px;line-height:35px;}
#flink .col-md-11{padding-right: 0px; float:left; width:80%}
#ScrollMe{overflow: hidden; height: 27px;}

.swt-right{border-radius:58px;}




.dede_pages{
	text-align:center;
}
.dede_pages ul{
	/*float:left;*/
	padding:12px 0px 12px 16px;
	
}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
}
.dede_pages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:2px 4px 2px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:2px 4px 2px;
	font-weight:bold;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}


.swt-right{display:none;}