﻿@charset "UTF-8";
body { background:url(../../images_1405/about_bg.png) repeat; font-family:microsoft yahei,simsun;}
.abt-main { width:960px; margin:140px auto 0; background:#fff;}
.abt-side-bar { width:170px;}
.abt-side-bar ul { width:170px; margin-top:40px; line-height:45px;}
.abt-side-bar ul li { height:45px;}
.abt-side-bar ul li a { display:block; height:45px; width:130px; padding-left:40px;}
.abt-side-bar ul li.cur a { background:#f2f2f2; width:126px; border-right:4px solid #ff6300; color:#ff6300;}
.abt-container { width:709px; border-left:1px solid #dedede; min-height:540px; padding:40px;}
.abt-container h1,.abt-container h2,.abt-container h3 { font-size:18px; line-height:30px; margin-bottom:20px; font-weight:bold; text-indent:28px;}
.abt-container h2 { font-size:16px;}
.abt-container h3 { font-size:16px; font-weight:normal;}
.abt-container h1.bt { border-top:1px dashed #ccc; padding-top:20px;}
.abt-container p { font-size:14px; color:#333; line-height:25px; margin-bottom:30px; text-indent:2em;}
.abt-container p:after { content:""; height:0; clear:both; display:block; visibility:hidden;}
.abt-container p.links a {display:block; height:25px; line-height:25px;white-space:nowrap; margin-right:30px; float:left;word-break: break-all;word-wrap: break-word;}
.abt-container p span { display:block; text-indent:2em;}
.abt-container p font { display:block; text-indent:2em;}
.abt-container .shengming{font-size: 24px;text-align: center;}
.abt-container .lastp{text-align: right;}


/*联系我们*/
.contactus h3 a{ text-decoration: underline; }
.contactus ul li{ float: left; width: 320px; font-size: 14px; line-height: 25px; padding: 5px 0; padding-left: 28px; }
.contactus ul li img{ display: inline-block; width: 16px; height: 16px; float: left; margin-top: 4px; }
.contactus ul li a{ display: inline-block; text-indent: 1em; float: left; }
.contactus a.qqicon{  background: url("../../images_1405/qq_icon.png") no-repeat 2px 2px; height: 25px; display: inline-block; text-indent: 26px; }
.contactus a.qqicon:hover{ background-position: 2px -23px; }
.contactus span{ padding: 5px 0; }

/*招聘信息*/
.joinus p a.type{ display: inline-block; height: 25px; padding: 0 10px; margin-left: 10px; border-radius: 4px; text-align: center; text-indent: 0; }
.joinus p a.cur,.joinus p a.type:hover{ color: #ffffff;  background-color: #FF6600; }
.joinus .jobbox{ font-size: 14px; line-height: 28px; display: none; }
.joinus div.cur{ display: block; }
.joinus .jobbox dl.job span{ border-right: 1px solid #ffffff; text-indent: 0; color: #ffffff; display: block; float: left; height: 45px; line-height: 45px; padding-left: 29px; }
.joinus .jobbox dl.job span.j1{ width: 210px; }
.joinus .jobbox dl.job span.j2{ width: 84px; }
.joinus .jobbox dl.job span.j3{ width: 87px; }
.joinus .jobbox dl.job span.j4{ width: 60px; border-right: none 0; }
.joinus .jobbox dl.job span.j5{ width: 80px; border-right: none 0; }
.joinus .jobbox dl.job dt{ background-color: #3399CC; font-weight: bold; height: 45px; line-height: 45px; }
.joinus .jobbox dl.job dd{ height: auto; min-height: 45px; border-bottom: 1px solid #ffffff; }
.joinus .jobbox dl.job dd p{ margin-bottom: 0; }
.joinus .jobbox dl.job .job_info{ text-indent: 0;  background-color: #F2F2F2; width: 709px; height: 45px; }
.joinus .jobbox dl.job .job_info_bg{ background-color: #dfdfdf; }
.joinus .jobbox dl.job .job_info span{ color: #333333; }
.joinus .jobbox dl.job dd div{ background-color: #ffffff; border-top: 2px solid #FF6600; position: relative; display: none; margin: 0 17px 10px; padding: 10px 20px 20px; }
.joinus .jobbox dl.job dd .arrow{ border: 7px solid transparent; border-bottom-color: #FF6600; display: block; position: absolute; text-indent: -9999em; top: -15px; left: 20px; height: 0; overflow: hidden; width: 0; font-weight: 500; }
.joinus .jobbox dl.job dd p{ text-indent: 0; }
.joinus .jobbox dl.job dd p.tit{ font-weight: bold; line-height: 40px; }
.joinus .jobbox dl.job dd.cur,.joinus .jobbox dl.job dd.cur p.job_info{ background-color: #EDD8BC; }
.joinus .jobbox dl.job dd.cur div{ display: block; }

/*合作推广*/
.cooperation h3{ color: #FF6600; text-indent: 0; padding-top: 10px; margin-bottom: 0px; border-top: 1px solid #dddddd; }
.cooperation p:after{ clear: none; }
.cooperation p.content{ text-indent: 0; }
.cooperation p.content span{ text-indent: 0; line-height: 25px; padding: 5px 0; }
.cooperation div.img{ position: relative; float: right; width: 420px; height: 280px; margin-left: 20px; background: url(../../images_1405/about/generalize.png) no-repeat 0 0; }
.cooperation div.img a{ position: absolute; color: #ffffff; cursor: default; font-size: 14px; line-height: 28px; }
.cooperation div.img a.center{ top: 118px; left: 204px; font-size: 24px; display: block; width: 48px; height: 56px; }
.cooperation div.img a.cur{ cursor: pointer; }
.cooperation div.img a.cur:hover{ color: #FF6600; }
.cooperation div.img a.a1{ top: 12px; left: 186px; }
.cooperation div.img a.a2{ top: 40px; left: 312px; }
.cooperation div.img a.a3{ top: 86px; left: 326px; }
.cooperation div.img a.a4{ top: 132px; left: 314px; }
.cooperation div.img a.a5{ top: 192px; left: 304px; }
.cooperation div.img a.a6{ top: 238px; left: 278px; }
.cooperation div.img a.a7{ top: 238px; left: 110px; }
.cooperation div.img a.a8{ top: 186px; left: 50px; }
.cooperation div.img a.a9{ top: 136px; left: 22px; }
.cooperation div.img a.a10{ top: 88px; left: 50px; }
.cooperation div.img a.a11{ top: 42px; left: 90px; }
.cooperation a.qqicon{  background: url("../../images_1405/qq_icon.png") no-repeat 2px 2px; height: 25px; display: inline-block; text-indent: 26px; }
.cooperation a.qqicon:hover{ background-position: 2px -23px; }

/*证书图片*/
img.licence { display: block; margin:140px auto 0; }

/*版权投诉指引*/
.copyright p{ margin-bottom: 6px; }
.copyright p.c{ color: #ff9801; }

/*直播招商*/
.fl{ float: left; }
.fr{ float: right; }
a:hover{ cursor: pointer; }
.clearfix:after{ content: " "; display: block; clear: both; }
ul{ list-style-type: none; padding-left: 0; }
div.zhaoshang h1{ font-size: 26px; font-weight: bold; color: #ff6300; text-indent: 0; }
div.zhaoshang h2{ font-size: 20px; font-weight: bold; color: #3a3a3a; text-indent: 0; }
div.zhaoshang hr{ margin: 0; border: none; height: 1px; width: 100%; background-color: #ededed; }
div.zhaoshang div.contacts-box hr.splitor1{ height: 0; border: none; border-top: 1px dashed #ededed; background: transparent; }
div.zhaoshang p{ color: #3f3f3f; }
div.zhaoshang div.secton-box{ margin: 20px 0; }
div.zhaoshang div.secton-box div.subsection{ margin: 20px 0; }
div.zhaoshang h4.vv-attr{ height: 32px; padding-top: 2px; margin-bottom: 10px; color: #fff; font-size: 16px; font-weight: bold; text-align: center; background: url("../../images_1405/about/classbg.png") no-repeat center 0; }
div.zhaoshang div.box-left,div.box-right{ width: 315px; }
div.zhaoshang span.vv-attr-desc{ display: block; padding: 20px 30px; font-size: 15px; line-height: 25px; position: relative; }
div.zhaoshang span.desc1{ background-color:#deeef6; }
div.zhaoshang span.desc2{ margin-top: 30px; background-color: #dce7f6; }
div.zhaoshang span.desc3{ margin-top: 40px; background-color: #e1f5f6; }
div.zhaoshang span.desc4{ margin-top: 40px; background-color: #e3e6f7; }
div.zhaoshang .vv-attr-desc i{ width: 0; height: 0; border-width: 5px; position: absolute; }
div.zhaoshang span.desc1 i{ border-style:dashed dashed dashed solid; border-color:transparent transparent transparent #deeef6; top: 55px; right: -10px; }
div.zhaoshang span.desc2 i{ border-style:dashed dashed dashed solid; border-color:transparent transparent transparent #dce7f6; top: 40px; right: -10px; }
div.zhaoshang span.desc3 i{ border-style:dashed solid dashed dashed; border-color:transparent #e1f5f6 transparent transparent; top: 60px; left: -10px; }
div.zhaoshang span.desc4 i{ border-style:dashed solid dashed dashed; border-color:transparent #e3e6f7 transparent transparent; top: 45px; left: -10px; }
div.zhaoshang div.timeline{ width: 0; height: 290px; margin-left: 40px; border: 1px solid #cdcdcd; position: relative; }
div.zhaoshang div.timeline i{ display: block; position: absolute; left: -4px; width: 8px; height: 8px; background: url("../../images_1405/about/point.png") no-repeat center; }
div.zhaoshang div.timeline i.p1{ top: 55px; }
div.zhaoshang div.timeline i.p2{ top: 100px; }
div.zhaoshang div.timeline i.p3{ top: 210px; }
div.zhaoshang div.timeline i.p4{ top: 240px; }
div.zhaoshang ul.services-box{ overflow: hidden; }
div.zhaoshang li.service-item{ width: 160px; height: 220px; color: #3f3f3f; margin: 0px 6px; }
div.zhaoshang li.item1{ border: 2px solid #c0e3e5; }
div.zhaoshang li.item2{ border: 2px solid #bad6e4; }
div.zhaoshang li.item3{ border: 2px solid #c2d3e9; }
div.zhaoshang li.item4{ border: 2px solid #cacfed; }
div.zhaoshang li.service-item i{ width: 34px; height: 34px; display: block; margin: 15px auto; color: #fff; font-size: 18px; text-align: center; line-height: 34px; }
div.zhaoshang li.item1 i{ background: url("../../images_1405/about/bg1.png") no-repeat 0 -3px; }
div.zhaoshang li.item2 i{ background: url("../../images_1405/about/bg1.png") no-repeat 0 -43px; }
div.zhaoshang li.item3 i{ background: url("../../images_1405/about/bg1.png") no-repeat 0 -83px; }
div.zhaoshang li.item4 i{ background: url("../../images_1405/about/bg1.png") no-repeat 0 -122px; }
div.zhaoshang li.service-item p{ font-size: 15px; color: #3f3f3f; padding: 10px 22px; text-indent: 0; }
div.zhaoshang p.text-desc{ text-align: center; margin-top: 0; }
div.zhaoshang div.class-box{ height: 40px;  }
div.zhaoshang div.class-box ul{ margin: 0; overflow: hidden; }
div.zhaoshang div.class-box ul li{ float: left; height: 32px; width: 110px; margin: 4px; }
div.zhaoshang div.class-box ul li a{ display: block; height: 32px; text-align: center; line-height: 26px; }
div.zhaoshang div.class-box ul li a.c-curt,
div.zhaoshang div.class-box ul li a:hover{ color: #fff; background: url("../../images_1405/about/classbg.png") no-repeat center 0; }

div.zhaoshang div.class-detail{ height: 240px; }
div.zhaoshang div.class-detail ul{ overflow: hidden; margin: 10px 0; display: none; }
div.zhaoshang div.class-detail ul.current{ display: block; }
div.zhaoshang div.class-detail ul li{ float: left; width: 230px; height: 160px; margin: 5px 3px; }

div.zhaoshang div.class-detail ul li div{ position:relative; height: 130px; width: 230px; overflow: hidden; }
div.zhaoshang div.class-detail ul li div img{ width: 230px; height: 130px; }
div.zhaoshang div.class-detail ul li div span{ display: block; width: 230px; height: 130px; position: absolute; top: 130px; left: 0; background-color: rgba(107,107,107,0.4); }
div.zhaoshang div.class-detail ul li div span img{ width: 110px; height: 110px; display: block; margin: 10px auto; }
div.zhaoshang div.class-detail ul li a{ display: block; line-height: 30px; text-align: center; color: #3f3f3f; }
div.zhaoshang div.class-detail ul li a:hover{ text-decoration: underline; }
div.zhaoshang div.class-detail a.zhaoshang-tip{ display: block; width: 200px; height: 30px; line-height: 30px; font-size: 16px; border: 1px solid #ededed; border-radius: 5px; color: #03a3de; padding: 0 15px; margin: 10px auto; }
div.zhaoshang div.contacts-box{ width: 400px; }
div.zhaoshang div.contacts-box p{ margin: 10px 0; text-indent: 0; font-size: 15px; color: #3f3f3f; }
div.zhaoshang div.contacts-box p.c1{ padding-left: 25px; background: url("../../images_1405/about/icons.png") no-repeat 0 0; }
div.zhaoshang div.contacts-box p.c2{ padding-left: 25px; background: url("../../images_1405/about/icons.png") no-repeat 0 -22px; }
div.zhaoshang div.contacts-box p.c3{ padding-left: 25px; background: url("../../images_1405/about/icons.png") no-repeat 0 -45px; }
div.zhaoshang div.contacts-box p.chengnuo{ color: #17a7f0; }
div.zhaoshang div.code-box{ width: 143px; height: 187px; margin-right: 80px; }
div.zhaoshang div.code-box img{ border: 1px solid #ededed; width: 143px; height: 143px; }
div.zhaoshang div.code-box span{ font-size: 16px; color: #3f3f3f; display: block; margin: 10px 0; text-align: center; }

