@charset "utf-8";
/* CSS Document */

* {font-family: "Hiragino Sans GB W3", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;margin:0px; padding:0px; font-size:14px; color:#333; }
body {overflow-x:hidden;}
ul,li { list-style:none;}
.f20 { font-size:20px;}
.f22{ font-size: 22px;}
.clear { clear:both;}
img { border:none;}
a { text-decoration:none;}
a:hover { text-decoration:none;}
.ov { overflow: hidden;}
.mb_20 { margin-bottom:20px;}
.mt60 { margin-top:60px;}
.mt_30 { margin-top:30px;}
.mt_22 { margin-top:22px;}
.mb_30 { margin-bottom:30px !important;}
.mb_50 { margin-bottom:50px !important;}
.mt-40 { margin-top:-40px !important;}
.mt_80 { margin-top:80px !important;}
.mt_40 { margin-top:40px !important;}
.ml_70 { margin-left:70px;}
.mt_10 { margin-top:10px;}
.mr_8 { margin-right:8px !important; font-size:16px;}
.pt_6 { padding-top:6px;}
.no_p { padding-top:0px !important;}
.col_f { color:#fff;}
.f_r { float:right;}
.f_l { float:left;}
.fs_16 { font-size:16px !important;}
.pt_80 { padding-top:80px !important;}
.pt_100 { padding-top:100px !important;}
.w-250 { width:250px;}
.w-500 { width:438px;}
.ml_16 { margin-left:16px;}
.mr_15 { margin-right:15px;}
.s_18 { font-size:18px;}
.ml_79 { margin-left:258px; color:#DC1A1A !important; font-size:16px;}
.col_y { background:#25A0FD !important; font-weight:bold;}
.col_y2 { background:#25A0FD !important; font-weight:bold;color:#fff !important;} 
.we2 a { color:#333 !important;}
.w200 { width:200px !important; margin-left:0px !important;}

.head_b {display: block !important; position:static !important;border-bottom: 1px solid #E2E2E2; padding-bottom:10px;}
#head {	position: absolute;	z-index: 11;width: 100%;min-width: 1200px;height: 80px;	line-height: 80px;font-size: 0;}
.content_bj {margin: 0 auto;min-width: 1200px; opacity: 0.8; background-color: #010F21;position: fixed; width: 100%;height:74px;	}
.content {margin: 0 auto;	min-width: 1200px;position: fixed; width: 100%;}

/*我们能帮您做什么*/

.ys {font-size: 40px; margin:30px auto 37px auto; display:inline-block;text-align: center; width: 1200px;}
#order_nav { padding-left:17px;  position: relative; background: #fff; display:inline-block; width:1180px;}
#order_nav ul li {width:213px; height: 165px; float: left; border:1px solid #AED5EF;text-align:center;margin:25px 36px; border-radius:10%; padding:15px 3px 3px 3px; overflow:hidden;}
#order_nav ul li:hover {-webkit-box-shadow: 0px 0px 28px -6px #555;-moz-box-shadow:0px 0px 28px -6px #555; border:none; }

#order_nav ul li p { width: 100%; margin-top:15px; color:#A5A5A5; }
#order_nav ul li p span { font-size:20px; color: #222;line-height:30px; }
#order_nav ul li p span:hover{ color:#009dd9; }


.jw-reset {
    color: inherit;
    background-color: transparent;
    padding: 0;
    margin: 0;
    float: none;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    line-height: 1em;
    list-style: none;
    text-align: left;
    text-transform: none;
    vertical-align: baseline;
    border: 0;
    direction: ltr;
    font-variant: inherit;
    font-stretch: inherit;
    -webkit-tap-highlight-color: rgba(255,255,255,0);}

.jwplayer {
    width: 100%; height:590px;
    font-size: 16px;
    position: relative;
    display: block;
    min-height: 0;
    overflow: hidden;
    box-sizing: border-box;
    font-family: Arial,Helvetica,sans-serif;
    background-color: #000;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}

.jwplayer video { width:100%; margin-top:-130px;}

#head #logo { float:left;width:100px; margin:0 5px 0 50px;height:64px;vertical-align: middle; background:url(../images/logo.png) no-repeat; margin-top:6px;}
#head #logo_n {float:left;	margin-left: 85px;margin-right: 15px;width:100px;height:72px;vertical-align: middle; background:url(../images/login2.jpg) no-repeat;margin-top:9px;}

#head ul {display: inline-block;font-size: 0;vertical-align: middle; float:left;}
#head ul li {padding: 0 12px;line-height:80px;height: 80px;text-align: center;	cursor: pointer;float:left;}
#head ul li a {height: 80px;font-size: 16px;color: #fff; transition: color 0.3s ;}
#head ul li.active a { color:#59b0fd;}
.active a{ color:#59b0fd !important;}
#head ul li a:hover { color:#59b0fd;}
.cc { color:#fff; font-size:16px;}
.cc:hover { color:#59b0fd;}
.lin3  { height:136px; overflow:hidden; float:left; padding:10px 0; width:326px;line-height:35px; display:block;border-bottom: 1px solid #585858;}
.lin3 span {color:#FC0; font-size:16px; padding: 0 20px 0 10px; float:left; min-height:112px;}

.lin2  { height:70px; overflow:hidden; float:left; padding:10px 0; width:326px;line-height:35px; display:block;border-bottom: 1px solid #585858;}
.no { border:none;}
.lin2 span {color:#FC0; font-size:16px; padding: 0 20px 0 10px; float:left; min-height:78px;}
.lin2 a ,.lin3 a{ color:#fff !important; padding: 0 5px; font-size: 14px !important;}
.lin2 a:hover ,.lin3 a:hover{ color:#59b0fd !important; }

.lin a:hover { color:#59b0fd; text-decoration:none;}
.wl {margin:0 30px 0 10px;float:left;}
.lin { height:35px; line-height:35px; display:block;border-bottom: 1px solid #333;}

#head .zb-wrap { position: absolute;  right: 50px;}
#head .zb-wrap .zb-bt {margin-left:7px; line-height:40px;	padding: 6px 12px;	text-align: center;	font-size: 14px;color: #fff;border-radius: 5px;	border: 1px solid #fff;	border: 1px solid rgba(255, 255, 255, 0.3);}
#head .zb-wrap .zb-bt:hover ,.zb-bt22:hover {background: #25A0FD;line-height:40px;border: 1px solid #5eb2fc; color:#fff;}
#head .zb-wrap .zb-bt:active {	backgroundr: #1e87e2;	border: 1px solid #1e87e2;}
.zb-bt22:hover { color:#fff !important;}

#head .zb-wrap .zb-bt22 {margin-left:7px; line-height:40px;	padding: 6px 12px;	text-align: center;	font-size: 14px;color: #333;border-radius: 5px;	border: 1px solid #25A0FD;}


#head .zb-wrap .zb-bt2 {margin-left: 30px; line-height:40px;padding: 6px 20px;	text-align: center;	font-size: 14px;color: #fff;border-radius: 5px;	border: 1px solid #fff;	border: 1px solid rgba(255, 255, 255, 0.3);background: #d80000;}
#head .zb-wrap .zb-bt2:hover  {background:#ec0505;line-height:40px;border: 1px solid #EF3B05;}

.zb-video { width:100%; height:100%; display:block;}
.text_zb { position: absolute; top:35%; z-index: 2; margin-top: -25px; width: 100%; height: 156px; text-align: center;}
.text_zb .title {margin-bottom: 60px;font-size: 48px; color: #fff;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); font-size:60px;}

.login-btn { margin-right:20px; border: 1px solid #9bb0c8; border: 1px solid rgba(255, 255, 255, 0.3); display: inline-block; width:170px; height:40px;
line-height: 40px; font-size:18px; color: #fff; text-align: center; border-radius: 20px;}

.login-btn:hover {background-color: #2f9dfd; border: 1px solid #2f9dfd;}

.login2-btn { background-color: #49a6f7; border: 1px solid #49a6f7;display: inline-block; width: 170px; height:40px;line-height:40px;font-size:18px; color: #fff;text-align: center; border-radius: 20px;}	
.login2-btn:hover{background-color: #2f9dfd; border: 1px solid #49a6f7;}


.clearfix{*zoom:1;}
.index-baner,.index-unit{ width:100%; min-width:1200px;}
.index-unit{ padding-bottom:40px;}
.index-unit-odd{ background-color:#f4f4f5;}
.xyplan-unit{ padding-bottom:80px;}
.xyplan-odd{ color:#fff; background-color:#003580;}
.index-ban-aside{ position:absolute; left:50%; top:0; margin-left:-600px; width:1200px;}

.main2{ padding:20px 0; font-size:14px;width: 1200px; margin:auto; overflow:hidden; margin-bottom:20px;}
.tit { text-align:left; width:100%; display:inline-block; font-size:24px; margin-bottom:20px;}
.text2 { font-size:16px; text-align:left; line-height:30px;}


.index-solution{ position:relative; z-index:2;}
.index-titbox{ padding-top:35px; font-size:18px; text-align:center;}
.index-titbox h3{ margin-bottom:27px; font-size:40px;}
.index-solbox{ padding-top:65px;}
.index-sol-nav{ float:left; width:250px; border-right:1px solid #c9c9c9;}
.index-sol-nav ul{ margin:0 auto; width:160px;}
.index-sol-nav li{ padding:25px 0;}
.index-sol-nav a{ display:block; height:40px; line-height:40px; font-size:18px; color:#313131; text-align:center; border-radius:40px;}
.index-sol-nav a:hover,.index-sol-nav .on a{ text-decoration:none; color:#fff; background-color:#0b82e9;}
.index-sol-main{ float:left; padding:0 20px; width:908px; font-size:16px; text-align:center; color:#313131;}
.index-sol-main h4{ margin-bottom:34px; font-size:24px;}
.index-sol-main .btn-index-normal{ margin-top:40px;}

.zb_nav { width:100%; height:30px; float:left; margin:40px 0;}
.zb_nav ul li a{ padding:5px 20px !important; margin:0 5px; border:1px solid #C5CBCE;border-radius: 4px; float:left; color:#333; font-size:15px;}
.zb_nav ul li a:hover { background:#0b82e9;border:1px solid #0b82e9;border-radius: 4px; color:#fff;}
.img { float:left; margin:0 10px 30px 0;}

/*申请试用*/   
.apply_bg {background:url(../images/zbgcpsbj2.png) no-repeat center center; background-size: cover; width: 100%; height: 100%; min-width: 100%; min-height: 100%;  overflow: hidden; }
.apply {margin-left: 88px; margin-top:80px; float:left;}
.apply-p { color:#fff; font-size: 20px; margin-bottom:77px; margin-top:5px;}
.apply ul li { text-align:center;}
.img-w40-h36 { width:40px; height:40px;}

.apply_inp { width:770px; padding:60px 50px 0px 50px; border-radius: 3px; position: relative; float:right;}
/*.apply_inp { width:820px; padding: 87px 50px 0px 50px; border-radius: 3px; position: relative; float:left;}*/
.apply_title { display: inline-block; width: 100px; height: 50px; position: absolute; left: 4px; top: 50%; margin-top: -25px; 
color:#fff; font-size:24px;}

.apply-form { padding-left: 100px;}
/*.apply-form { padding-left: 100px; width:820px;}*/
.apply-form ul li { width:91%; height: 40px; margin:31px 0px; line-height: 40px;}
/*.apply-form ul li { width:378px; float:left; height: 40px; margin:24px 0px; line-height: 40px;}*/
.apply-form ul li label {float: left; font-size: 16px; color: #fff;}
/*.apply-form ul li label {float: left; font-size: 16px; color: #fff; width:128px;}*/

/*.apply-form ul li input { width:208px;height: 23px; background: #0C0C0C;border: 1px solid #828282;padding: 9px;-webkit-appearance: none; border-radius: 5px;  color: #FFF;  float:left; font-size: 13px;  background-color: rgba(45, 45, 45, 0.3);}*/
.apply-form ul li input { width: 451px;height: 23px; background: #fff;border: 1px solid #656565;padding: 9px;-webkit-appearance: none; border-radius: 5px;   float: right; font-size: 13px;}


.col_bg {width: 155px !important;height: 24px !important; background:#0b82e9 !important; border: none !important; color: #fff; float:left !important;}
.col_bg:hover { background:#1693ff !important;}

.inp_b { width:740px !important;}
.inp_b_b { width:583px !important;}


.apply-form ul li label b { color: red; margin-right: 3px;}

.agreement {font-size: 16px; color: #fff;}
.tl { text-align: center; }

.agreement:hover { color:#0b82e9;}
.agree_btn { margin:10px 0 0 10px;font-size: 16px; background-color: #0b82e9; display: inline-block; padding: 10px 20px;color: #fff; border-radius: 5px; }
.agree_btn:hover { background:#1693ff;}


/*底部样式*/
.bottom_bg { background:#0E1423; width:100%; margin:auto; min-height:265px; padding-top:40px; overflow:hidden;}
.bottom { padding:20px 0; font-size:14px;width:1120px; margin:auto; overflow:hidden; margin-bottom:20px;}
.bottom2 { padding:15px 0; font-size:14px;width:1120px; margin:auto; overflow:hidden;}
.footer_w {width: 210px; text-align: left; float: left; display: inline-block;}
.footer_w p ,.footer_about p {font-size: 22px;color:#DCDCDC;margin-bottom: 25px; padding-left: 10px; }
.footer_w a { color:#929292;  font-size: 14px;  line-height: 36px;  display: block; padding-left: 13px;}
.footer_w a:hover { color:#B3B3B3;}	
.copy_bg { background:#141B2B; width:100%; margin:auto;}
.copy_left { width:100px; height:72px; float:left; background:url(../images/logo.png) no-repeat;}
.footer_about { width:270px;text-align: left; float: left; display: inline-block;}
.siz_14_b { font-size:14px; color:#929292; line-height:30px;padding-left: 13px; display: block;}
.cent { text-align:center; color:#DCDCDC; line-height:28px;}
.cent span { font-size:18px; color:#fff;}

.copy_r { width:60%; float:right; height:60px;color:#DCDCDC; text-align:right; line-height:30px; padding-right:38px;}

/*内页*/
.banner_n {background-size: cover;}
.login_bg { width:100%; min-height:550px; }
.login_bg2 { width:100%; background:url(../images/login_bg.jpg) no-repeat center top; min-height:410px;background-size: cover; padding:70px 0;  }

.login_c { width:1200px; margin:auto; font-size:33px; color:#737272; text-align:center; padding:36px 0 26px 0; }
.login_cbg ,.login_cbg3{ margin:auto; text-align:center; }
.login_cbg ,.login_cbg2 ,.login_inp { width:600px; height:400px;}
.login_cbg2 { background:#fff; opacity: 0.2; border-radius:7px; }
.login_inp { margin-top:-370px;}
.login_inp2 { width:310px;background:#fff;opacity:0.9; height:45px; font-size:16px; margin-top:18px; border-radius:5px; border:1px solid #E4E4E4; padding:0 5px 0 10px;}

.title_n { width:700px; margin:auto; height:36px; border-bottom:1px solid #8A8A8A; margin-bottom:40px; text-align:left; color:#E4E4E4; font-weight:100; position:relative;}
.title_n a { color:#ffa82b; }
.title_n a:hover { text-decoration:underline;}
.login_cbg3 ,.login_cbg22 ,.login_inp3 { width:800px; height:390px;}
.login_cbg22 { background:#fff;opacity: 0.2; border-radius:15px; }
.login_inp3{ margin-top:-385px; padding-top:30px; }
.login_inp22,.login_inp23,.login_inp24 { width:256px;background:#fff;opacity:0.9; height:36px;border-radius:5px; border:1px solid #E4E4E4; padding:0 5px 0 5px; float:left;}
.login_inp23 { width:110px !important;}
.login_inp24 { width:130px !important;}



.login_n {color:#E4E4E4; width:150px; float:left; text-align:right; margin-right:10px;}
.login_n b { color:#F00;}
.login_inp3 ul li { width:600px; height:50px; float:left;margin-left: 150px;line-height: 35px; }
/*5-22加*/

.login_1 { width:600px; margin:auto;  min-height:400px; text-align:center;}
.login_1 ul li { margin-top:8px; position: relative;  overflow: hidden;}

.reg { font-size:29px; color:#737272; font-weight:400; text-align:center;}
.s-icon {
    position: absolute;
    width: 28px;
    height: 29px;
    overflow: hidden;
    left: 94px;
    top: 13px;
    background-image:url(../backstage/images/sicon.png);
}

.s-ipt {
    border: 1px solid #e2e2e2;
    height: 56px;
    line-height: 53px;
    text-indent: 55px;
    color: #a1a1a1;
    font-size: 16px;
    border-radius: 3px;}

.s-tips {
    overflow: hidden;
    height: 20px;
    line-height: 20px;
    color: #f45a5a;
    padding-top: 5px;
    display: none;
}


.s-i-phone {
    background-position: -28px 0;
}

.s-bnt-card {
    width: 167px;
    height: 55px;
    border: 0;
    border-radius: 3px;
    font-size:20px;
    color: #fff;
    cursor: pointer;
    background: #33a4ff;
}
.s-i-psw {
    background-position: -56px 0;
}

.user-word em { display: inline-block; width: 19px; height: 19px; position: absolute; top:28px;left:73px;
 background-image:url(../backstage/images/checkbox-icon_02.png); background-position: -4px 0; cursor: pointer;}
 
 .user-word2 em { display: inline-block; width: 19px; height: 19px; position: absolute; top:20px;left:80px;
 background-image:url(../backstage/images/checkbox-icon_02.png); background-position: -4px 0; cursor: pointer;}

.user-word { padding:24px 45px 0; position: relative; text-align: left; padding-left: 100px;}
.user-word2 { padding:17px 45px 0; position: relative; text-align: left; padding-left: 110px;font-size: 16px;}
.user-word em.clicked {
    background-position: -29px 0;
}
.user-word a {
    color: #d80000;
}
.user-word a:hover { text-decoration:underline;}

.user-word2 span a:hover{text-decoration:underline;}

.register {width:442px;height:30px;margin: auto;  position: relative; font-size:16px; text-align: right; margin-top:16px;}
.register a { color:#DC1A1A; cursor:pointer; font-size:16px;}
.register a:hover { text-decoration:underline;}


/*内页-应用场景*/
.view{ width:285px; height:210px; overflow:hidden; position:relative; margin:7px; float:left;}
.hover{	width:285px; background:rgba(0, 0 ,0 ,0.5); position:absolute; top:150px; left:0; text-align:center; color:#fff;
	transform:rotate(55deg); 
	-moz-transform:rotate(55deg); 
	-webkit-transform:rotate(55deg); 	
	transition:all 0.5s; 
	-moz-transition:all 0.5s; 
	-webkit-transition:all 0.5s; 
overflow:hidden; height:0; z-index:4000;/*transform:translateX(200px);*/}/*写好样式，进行隐藏，用overflow:hidden; height:0;*/

.hover h3 a {color:#fff; font-size:14px;}
.view:hover .hover{
	height:60px;	
	transform:rotate(0deg); 
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);}
/*before   after为选择器，一般给选择器加动画背景，设置动画样式*/
/*写好样式，进行隐藏，用top:-240px;*/
.view:hover:before{ top:0;}
.view:hover:after{ bottom:0px;}
.bg { width:135px; height:30px; background:#39F; color:#FFF; line-height:30px; margin:15px auto; border-radius:13px;}
.bg:hover {background:#3baefe;}
.application_t { background:rgba(0, 0, 0, 0.67); padding:6px 10px 15px 10px; position:absolute;top:32px; text-align:center; color:#fff; display:block;}
.application_t p { color:#fff;}
.application_t1 {font-size:20px; line-height:40px;}
.application_t2 { font-size:14px;}
.view img {	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);}

.view:hover img{opacity:0.7;-webkit-transform: scale(1);transform: scale(1);}

.top-vrank{overflow:hidden;width:1182px;position:relative;padding-bottom:0;  margin: 0 0 0 7px;}
.top-vrank .mod-hd:before,.top-vrank .mod-hd:after{content:"";display:table}
.top-vrank .mod-hd:after{clear:both}
.top-vrank .mod-hd{*zoom:1;margin:15px 0 35px 0; border-bottom: 1px solid #D8D8D8;}
.top-vrank .mod-bd{margin-top:0}
.top-vrank h3{font-size:12px;float:left;color:#bbbccd;margin-right:20px;margin-top:3px}
.top-vrank .tabs{float:left;font-size:12px}
.top-vrank .tabs li{width:120px;height:40px;float:left;text-align:center;line-height:40px;background-position:0 -72px; font-size:18px; color:#999;}
.top-vrank .tabs a{color:#a5a5b5}
.top-vrank .tabs a:hover{color:#20A7EF;text-decoration:none}
.top-vrank .tabs .active a ,.top-vrank .tabs a:hover{color:#20A7EF;  border-bottom:3px solid #20A7EF; line-height:38px; padding:0 3px; display:inline-block;}
.top-vrank .more{position: absolute;top:17px;right: 17px;font-size:12px;}
.top-vrank .more a{color:#a5a5b5}
.top-vrank .more a:hover{color:#5db538;text-decoration:none}
.top-vrank .mod-bd .views{position:relative;width:1180px; min-height:397px;-webkit-perspective:1500px;-moz-perspective:1500px;perspective:1500px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;perspective-origin:50% 50%}
.top-vrank .views .view-item{position:absolute;left:0;top:0;z-index:1;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:fadeout .3s ease-in forwards;-moz-animation:fadeout .3s ease-in forwards;animation:fadeout .3s ease-in forwards}
.top-vrank .views .active{-webkit-animation:fadein .5s ease forwards;-moz-animation:fadein .5s ease forwards;animation:fadein .5s ease forwards;z-index:2;padding-top:5px;}
.top-vrank .views .first{-webkit-animation:none;-moz-animation:none;animation:none;z-index:2;background:#443f4c;}

@-webkit-keyframes fadeout{from{-webkit-transform:translate3d(0,0,0);opacity:1}
to{-webkit-transform:translate3d(0,0,-300px);opacity:0}
}@-moz-keyframes fadeout{from{-moz-transform:translate3d(0,0,0);opacity:1}to{-moz-transform:translate3d(0,0,-300px);opacity:0}}@keyframes fadeout{from{transform:translate3d(0,0,0);opacity:1}to{transform:translate3d(0,0,-300px);opacity:0}}@-webkit-keyframes fadein{from{-webkit-transform:translate3d(-100%,0,0)}to{-webkit-transform:translate3d(0,0,0)}}@-moz-keyframes fadein{from{-moz-transform:translate3d(-100%,0,0)}to{-moz-transform:translate3d(0,0,0)}}@keyframes fadein{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(0,0,0)}}

.top-vrank .view-list{width:1180px; margin:0 10px;}
.top-vrank .view-list li{position:relative;width:358px; height:370px;font-size:12px;text-align:center;float:left;margin:15px;z-index:1;overflow:hidden;border: 1px solid #E8E8E8;}
.top-vrank .view-list li a{text-decoration:none;color:#888999;}
.top-vrank .view-list li a:hover{color:#5db538;}
.top-vrank .view-list li:hover{-webkit-box-shadow: 4px 0px 14px -3px #555;-moz-box-shadow: 4px 0px 14px -3px #555;}
	
.top-vrank .view-list li img{width:356px;height:200px;border-radius:4px;box-shadow:0 1px 3px #222}
/*.top-vrank .view-list li .mask{width:358px;height:104px;position:absolute;top:-104px;left:0px;z-index:3;background:url(../images/icon-5.png) no-repeat 0 0;-webkit-transition:.1s left,0.2s .1s top;-moz-transition:.1s left,0.2s .1s top;-ms-transition:.1s left,0.2s .1s top;-o-transition:.1s left,0.2s .1s top;transition:.1s left,0.2s .1s top;pointer-events:none}*/
.top-vrank .view-list li:hover .mask{left:0;top:0}
.top-vrank .view-list li .name{display:block;width:340px; height:39px;overflow:hidden;padding:17px 10px 0px 10px; font-size:16px; color:#333; text-align:left;}
.top-vrank .view-list li .name:hover { color:#555;}
.top-vrank .view-list li .name2 { text-align:left;font-size:14px;    padding: 0px 9px; color:#888; height:59px; overflow:hidden;}
.top-vrank .view-list li .yued { width:80px; height:23px; line-height:22px; font-size:14px; margin:10px auto auto auto; border-radius:10px;border:1px solid #09F; color:#09F;}
.top-vrank .view-list li .yued:hover {background:#09f; color:#fff;}



.button { width:443px; height:47px; background:#d80000;opacity:0.9; text-align:center; font-size:18px; color:#FFF;border-radius:27px; border:none; margin-top:30px; cursor:pointer;}
.button:hover { background:#ec0505;}

.buttom { width:320px; height:45px; background:#d80000;opacity:0.9; text-align:center; font-size:18px; color:#FFF;border-radius:5px; border:none; margin-top:15px; cursor:pointer;}
.buttom:hover { background:#ec0505;}
.copy_nb { width:100%; border-top:1px solid #e1e1e1;}
.copy_n { width:500px; margin:auto; margin-top:20px; text-align:center; line-height:30px;  font-size:14px; color:#777; }

/*内页联系我们*/
.c_h3 { text-align:center; font-size:40px; color:#333; font-weight:200;}
.c_h3 span { font-size:17px; line-height:30px; color:#c1c1c1; font-family:"宋体";}
.con_t { width:1180px; float:left; font-size:16px; line-height:35px; text-indent:35px;}
.con_i{ width:1180px; text-align:center; display:inline-block;}
.map { width:100%;}
.map_t { width:1060px; margin:auto; color:#fff; margin-top:-90px; font-size:18px; height:86px;}
h1 {text-align:center; font-weight:500; font-size:36px;}
.zhibo { width:1180px; margin:25px auto auto auto; padding-bottom:50px; border-bottom:1px dashed #d9d9d9; text-align:center;}
.zhibo_t ,.zhibo_t2{ font-size:20px; line-height:35px; text-align:left; color:#636363; text-indent:35px;}
.zhibo_t2 { text-align:center !important;}
.zhibo_b { text-align:center;margin:25px auto auto auto;}

.equipment { width:100%; display:inline-block;}
.one{width:199px; height:184px;  margin:0 10px 0 50px; float:left; display:block; background:url(../images/sb_1_1.jpg) no-repeat;}
.one_1{width:199px; height:184px; margin:0 10px 0 50px; float:left; display:block; background:url(../images/sb_1.jpg) no-repeat;}
.one:hover{ background:url(../images/sb_1.jpg) no-repeat; width:199px; height:184px;}

.two{width:199px; height:184px;  margin:0 10px; float:left; display:block; background:url(../images/sb_2.jpg) no-repeat;}
.two:hover{ background:url(../images/sb_2_2.jpg) no-repeat; width:199px; height:184px;}
.two_1{width:199px; height:184px; margin-right:1px; float:left; display:block; background:url(../images/sb_2_2.jpg) no-repeat;}

.three{width:199px; height:184px; margin:0 10px; float:left; display:block; background:url(../images/sb_3.jpg) no-repeat;}
.three:hover{ background:url(../images/sb_3_3.jpg) no-repeat; width:199px; height:184px;}
.three_1{width:199px; height:184px; margin:0 10px; float:left; display:block; background:url(../images/sb_3_3.jpg) no-repeat;}

.four{width:199px; height:184px;  margin:0 10px; float:left; display:block; background:url(../images/sb_4.jpg) no-repeat;}
.four:hover{ background:url(../images/sb_4_4.jpg) no-repeat; width:199px; height:184px;}
.four_1{width:199px; height:184px;  margin:0 10px; float:left; display:block; background:url(../images/sb_4_4.jpg) no-repeat;}

.five{width:199px; height:184px;  margin:0 10px; float:left; display:block; background:url(../images/sb_5.jpg) no-repeat;}
.five:hover{ background:url(../images/sb_5_5.jpg) no-repeat; width:199px; height:184px;}
.five_1{width:199px; height:184px;  margin:0 10px; float:left; display:block; background:url(../images/sb_5_5.jpg) no-repeat;}

.six{width:199px; height:184px; margin:0 10px; float:left; display:block; background:url(../images/sb_6.jpg) no-repeat;}
.six:hover{ background:url(../images/sb_6_6.jpg) no-repeat; width:199px; height:184px;}
.six_1{width:199px; height:184px; margin:0 10px; float:left; display:block; background:url(../images/sb_6_6.jpg) no-repeat;}

.equipment h2 { text-align:center; font-weight:200; font-size:40px; height:80px;}
.equipment p { text-align:center; font-size:20px; line-height:40px;}

.equipment_l { width:650px;}
.equipment em { background:url(../images/camera.jpg) no-repeat; width:400px;height:301px; display:inline-block;}

.equipment_l h3 { font-size:30px; font-weight:300; height:50px;}
.equipment_l p { text-align:left; font-size:16px; line-height:30px;}
.equipment .t { background:url(../images/camera2.jpg) no-repeat; width:400px;height:300px; display:inline-block;}
.equipment .t3 { background:url(../images/camera3.jpg) no-repeat; width:300px;height:400px; display:inline-block;}
.xian { border-bottom:1px dashed #CCC; padding-bottom:60px;}

.equipment .t4 { background:url(../images/camera4.jpg) no-repeat; width:350px;height:346px; display:inline-block;}
.equipment .t5 { background:url(../images/camera5.jpg) no-repeat; width:350px;height:239px; display:inline-block;}
.equipment .t6 { background:url(../images/camera6.jpg) no-repeat; width:350px;height:282px; display:inline-block;}
.equipment .t7 { background:url(../images/camera7.jpg) no-repeat; width:350px;height:283px; display:inline-block;}
.equipment .t8 { background:url(../images/camera8.jpg) no-repeat; width:350px;height:301px; display:inline-block;}
.equipment .t9 { background:url(../images/camera9.jpg) no-repeat; width:400px;height:332px; display:inline-block;}
.wh {padding-left:100px !important; width:460px !important;}
.case { text-align:center; margin-bottom:30px;}
.case h3 {font-size: 40px; margin:26px auto;}


/*top*/
.izl-rmenu{position:fixed; left:57.5%; margin-left:532px;bottom:10px;padding-bottom:73px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-130px; top:0px; display:none;width:130px;height:130px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:84px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#888; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}

/*发现活动*/
.main_f { width:1100px; margin:auto;}
.find_t { width:1100px; margin:20px 0; display:inline-block; }
.find_l{ width:84px; float:left; text-align:right;padding-top: 22px; font-size:16px; color:#9C9C9C; }
.find_r { width:1015px; float:left;}
.find_r ul { margin-top:20px;}
.find_r ul li { padding:1px 3px; float:left;}
.find_r ul li a { color:#999;padding:0px 10px;line-height: 25px; display:block; border-radius:0.3em; color:#333;}
.find_r ul li a.q ,.find_r ul li a:hover { background:#25A0FD; color:#fff; }

.find_tit { margin:20px 0 20px 10px; display:inline-block;}
.find_tit ul li { padding:6px 20px; border:1px solid #CCC; float:left;}
.find_tit ul li a { color:#333;}
.find_tit ul li.current{ background:#25A0FD; border:1px solid #25A0FD;}
.find_tit ul li.current a{color:#fff;}
.l_1 { margin-left:-1px;}

.find_pic {}
.find_pic ul li { width:356px; float:left;border:1px solid #E8E8E8; padding-bottom:10px; margin:10px 17px 37px 17px;}
.find_pic ul li:hover {  background:#EEF1F3;border:1px solid #CCC;}
.find_pic h3 { padding:0 10px; line-height:26px;font-weight: bold;height: 46px; overflow: hidden;}

.time_f { width:240px; display:inline-block; padding:0 10px;}
.time_icon { width: 14px;height:20px;background-image:url(../images/icon3.png);background-position: 0 4px; float:left;margin-right:5px;}
.sc {width: 16px; height: 14px; background-image: url(../images/icon3.png);background-position: 0px -58px; display:inline-block;margin:0 5px;}
.bm { width: 13px; height: 13px; background-image: url(../images/icon3.png); background-position: 0 -24px; display:inline-block; margin:0 5px 0 15px;}

.sponsor { border-top:1px solid #EAEAEA; width:323px;margin: auto; margin-top: 10px; }
.sponsor p ,.sponsor a{float: left; margin-top:8px; width: 148px;line-height: 20px; overflow: hidden;}
.sponsor a:hover ,.fs_16:hover {color:#59b0fd;}
.input_f  { width:80px; height:30px; border:none; background:#25A0FD; text-align:center; float:right; color:#fff; border-radius:0.4em; margin-top:3px;}

.input_f2  { width:80px; height:30px; border:none; background:#329a54; text-align:center; float:right; color:#fff; border-radius:0.4em; margin-top:3px;}

.input_f3  { width:80px; height:30px; border:none; background:#f48e0a; text-align:center; float:right; color:#fff; border-radius:0.4em; margin-top:3px;}

.input_re  { width:80px; border:1px solid #25A0FD; text-align:center; float:right; color:#59b0fd; border-radius:0.4em; margin-top:3px; line-height:30px;}
.input_f:hover {background:#FBA439;}

/*发现活动翻页*/
.page {display: inline-block; width:100%; margin:auto; text-align:center;}
.page a { color:#000;}
.page a:hover {color:#fff;}
.page_l { border:1px solid #e2e2e2; padding:3px 10px; margin:0 5px;  border-radius: 0.4em;}
.page_l:hover { background:#25A0FD; }
.page .shu {text-align: center; border: 1px solid #e2e2e2; padding: 3px 8px 4px 11px; margin: 0 4px;  border-radius: 0.4em;}
.page .shu:hover { background:#25A0FD; border-radius: 0.4em;}
.page_r{ border:1px solid #e2e2e2; padding:3px 10px; margin:0 5px;  border-radius: 0.4em;}
.page_r:hover { background:#25A0FD;  }
.page .an { background:#25A0FD;color:#fff;  border:none;}

.find_n { width:400px; height:269px; display:inline-block;}
.find_nr { margin-left:30px; width:668px;}
.em_one {width: 13px; height: 13px; background-image: url(../images/icon3.png); background-position: 0px -133px; display: inline-block;}
.find_nr span { line-height:35px;}
.em_two {width: 13px;height: 17px; background-image: url(../images/icon3.png); background-position: 0px -159px; display: inline-block;}
.find_nr span a{ color:#2780C3;}
.find_nr span a:hover { text-decoration: underline;}
.em_3 {width: 13px;height: 15px; background-image: url(../images/icon3.png); background-position:-79px -135px; display: inline-block;}
.em_4 {width: 13px;height:13px; background-image: url(../images/icon3.png); background-position:-79px -163px; display: inline-block;}
.lin_t { margin-top:5px; line-height:32px;}
.butt {width:90px; height:26px;color: #fff; background:#FB8A16; border:none;
    -webkit-border-radius:0.3em;
    -moz-border-radius:0.3em;
    border-radius:0.3em; line-height:25px; }
.butt:hover {background: #FBB01F;}
.butt2 {width:120px; height:35px; line-height: 35px;color: #fff; background:#25A0FD; border:none;
    -webkit-border-radius:0.3em;
    -moz-border-radius:0.3em;
    border-radius:0.3em; }
.butt2:hover {background:#1792EF;}


.less {
    display: inline-block;
    width: 22px;
    height: 22px;
    background:url(../images/icon_-.png) no-repeat;
    float: left;
    margin: 5px 5px 0 3px;}

.select_num {
    width:300px; margin:11px 0 0 0; height:35px;}
		
.count {
      width: 54px;
    height: 28px;
    border: 1px solid #d2d6df;
    float: left;
    margin-top: 2px;}
	
 .count input {
    width: 100%;
    height:24px;
   
    text-align: center; border:none;}
		
	.select_num .add3 {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(http://cdn.hudongba.com/static_v4/images/detail/icon_add_pc.png) no-repeat 0 0;
    float: left;
    margin: 5px 5px 0 5px;}
.fen {line-height: 34px;font-size: 18px;}

/*详细活动描述*/
.find_left { width:800px; display:inline-block; line-height:35px;}

/*演讲嘉宾*/
.dg,.dg2{ height: 40px;border: 1px solid #E4E4E4;padding: 0 10px;}
.dg2 { width:262px; }
.ml_6 { margin-left:6px;}
.dg_pic { width:40px; height:37px; float:right; border: 1px solid #DDD; padding: 2px;}
.add { width:100%; height:40px; background:#fff; border:1px solid #25A0FD; text-align:center;  font-size:16px; color:#25A0FD;}
.add:hover { background:#25A0FD; color:#fff;}
.add span { font-size:20px; font-weight:bold; color:#25A0FD;}
.add:hover span {  color:#fff;}
#dg_box { display:none;}
.speech { width:100%; height:350px;}
.speech ul li { width:150px; height:292px;float:left; margin:0 20px 10px 20px; line-height:22px; overflow:hidden;}
.speech ul li .c { text-align:center; display:block;}
.addt { border-left:4px solid #25A0FD; color: #000; height:27px; width:99%; line-height:27px; padding-left:10px; }
.time { width:100%; display:block;}

/*新闻*/

.news_n ,.certificates { width:1100px; margin:auto;}
.news_n ul li { width:100%; border-bottom:1px solid #E6E6E6;padding: 43px 0;}
.news_n ul li img { width:380px; height:250px; display:inline-table; margin-right:20px;}

.news_n ul li .news_r { width:700px;}
.new_t { height:40px;}
.new_t a:hover { color:#FF9900;}
.news_n ul li .news_r p { line-height:30px;}
.size_16 { font-size:16px; line-height:30px; margin-right:10px;}
.new_te {width:700px;height: 210px; overflow:hidden; margin-top:15px;}

.news_r2 { font-size:25px;}
.news_r2:hover { color:#25A0FD;}

/*about*/
.se_1{
    background: url(../images/bj.jpg) no-repeat 50%;
    height: 639px;
    font-size: 14px;}
.w1180 {
    width: 1180px;
    margin: 0 auto;
    overflow: hidden;}
.se_1 .font-31 {
    font-size: 30px;
    text-align: center;
    color: #666;
    width: 690px;
    margin: 100px auto;
    position: relative;
}
.m-border-2 {
    float: right;}

.se-list {
    width: 335px;
    float: left;
    line-height: 25px;margin: 0 28px;
}
.list-bg1, .list-bg2 ,.list-bg3{
    width: 140px;
    height: 140px;
    border-radius: 5px;
    text-align: center;
    margin: 0 auto;}
	
.se_1 .list-title {
    font-size: 18px;
    color: #666;
    padding: 10px 0;text-align: center;}
.se_1 .list-bg1 {
    background:url(../images/icon.png) no-repeat #333 50%;}

.se_1 .list-bg2 {
    background: url(../images/icon2.png) no-repeat #333 50%;}

.se_1 .list-bg3 {
    background:url(../images/icon03.png) no-repeat #333 50%;
    height: 140px;
    border-radius: 5px;}	
	
.se_1 .font-31 p {
    position: absolute; font-size:30px;
    width: 260px;
    top: -21px;
    left: 210px;
    overflow: hidden;}
.se_1 .m-border, .se_1 .m-border-2 {
    border-bottom: 1px solid #d2d2d2;
    width: 210px;}
	
	
	
	
.font-30 {
    font-size: 30px;
    text-align: center;
    color: #000;
    width: 720px;
    margin: 100px auto;
    border-bottom: 1px solid #e0e7ed;}
.font-30 p {
    position: absolute;
    width: 260px;
    top: -21px;
    background-color: #fff;
    left: 210px;font-size: 30px;}
	
.font-30{
    position: relative;}

.w-top {
    overflow: hidden;margin: auto;
    width:970px;}

.w390 {
    width: 390px;
    float: left;
    line-height: 25px;
    color: #333;    margin: 0 46px;}
	
.s-bg1 {
    background: url(../images/icon04.png) no-repeat 50%;
    margin: 0 auto;
    width: 112px;
    height: 112px;}
.s-title {
    font-size: 18px;
    color: #666;
    padding: 20px 0 50px;}

.s_bg3 {  height: 850px;}
	
.s-bottom {
    overflow: hidden;
    padding-top: 80px;
    padding-bottom:50px; width:970px;
    margin: auto;}
	
.s-bottom-border {
    position: relative;
    width: 210px;
    float: left;
    margin: 0 13px;}
	
.s-bottom-border p {
    width: 160px;
    text-align: center;}
.s-bottom span {
    font-size: 60px; color:#757575;}
	
.s-bottom-border p {
    width: 160px;
    text-align: center;}
.border-j {
    border-right: 2px solid #f6ab00;
    height: 60px;
    position: absolute;
    top: 25px;
    right: 0;}
.m-touxiang {
    width:726px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 50px;}
.m-touxiang-list {
    width: 240px;
    text-align: center;
    float: left;
   margin: 0 52px;}
.m-name {
    font-size: 24px;
    color: #282a36;}
.m-touxiang2 {
    width:931px;
    margin: 0 auto;}
.m-touxiang-list2 {
    width: 220px;
    text-align: center;
    float: left;
   margin: 0 45px;}
   
.b-bg4 {
    background:url(../images/bottom1.jpg) no-repeat;
    background-position: 50%;
    height: 530px;}
.w770 {
    width: 770px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    line-height: 30px;}
.ft30 {
    font-size: 30px;
    color: #fff;
    padding-top: 95px;}
.m-middle, .m-tel {
    position: absolute;
    top: 300px;}
.m-tel { left:102px;}
.m-middle {
    left: 300px;
}
.m-middle2 {
    position: absolute;
    top: 300px;
    left: 552px;}
.w770 p { color:#fff;}


#one { display:block;}
#two { display:none;}
#three { display:none;}
#four { display:none;}

/*案例详情页*/
.l_w {width:800px; float:left; }
.r_w { width:330px; float:right;}
.l_w h2 { font-size:30px; text-align:center;}
.l_w h3 a { font-size:18px; color:#39F;}
.l_w h3 a:hover { color:#36C;}
.r_w ul li { margin:25px 0px; height:60px;}