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

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p { margin:0; padding:0; }
body {  color: #4c4c4c; font-family:"微软雅黑"; font-size:20px; }
img { border: none; display: inline-block; }
ul,ol { list-style: none; }
a { color: #666; text-decoration: none; }
a:hover { color: #f00;text-decoration: underline; }
.box_center{ margin:0 auto; width:1280px;}
.tong{ width:100%;}
.zhong{ margin:0 auto; text-align:center;}

.logo{  height:100px; background:#f2f2f2; }
.logoIn{ width:1197px; height:65px; margin:0 auto; padding:8px 0 0 3px;}
.logoLeft{ width:208px; height:76px; overflow:hidden; float:left;  }
.logoLeft a{ margin-top:12px; display:block;  }
.logoLeft img { width:208px; height:65px; }

.logoRight{width:958px; height:45px; float:left; margin-top:20px; margin-left:30px; }
.logoRight .navIn{  width:901px; height:45px; line-height:45px; margin:10px auto 0; /*overflow:hidden; */ }
.logoRight .niUl li{ float:left;  color:#ccc; } 
.logoRight .niUl li a{ padding:0 2px 0 9px; font-size:16px; color:#333;}
.logoRight .niUl li a:hover{ color:#fff; text-decoration: none; display:inline-block; background:#e60b45; border-radius:10px 10px 0 0 ; height:35px;  }

.index_shop{width: 53px; height: 65px; float: left; margin-top:-7px; position: relative;}				
.gowu {width: 53px; height: 65px;background: url(/Source/pc/images/gouwu_06.png) center no-repeat;position: relative;}
.gowu a {display: block;width: 100%;height: 100%;}
.gowu a span {display: block;width: 16px;height: 16px;text-align: center;line-height: 16px;border-radius: 50%;font-size: 12px;background: #ef2c22;color: #fff;position: absolute;top: 12px;right: 3px;}
.carslist{font-size: 14px;position: absolute;width: 330px;border: 1px solid #cccccc;top: 52px;right: -1px;padding-left: 10px;z-index: 99;display: none;background: #fff;}
h5.carslist_a{height: 45px;line-height: 45px;color: #666;}
.carslist_b{max-height: 181px;	overflow-y: auto;overflow-x: hidden;position: relative;width: 320px;}
.carslist_b ul{ overflow: hidden;}
.carslist_b a{	float: left;}
.carslist_b li{	margin-bottom: 10px; overflow: hidden;}
.carslist_bimg{width: 75px;	height:50px;overflow: hidden;	border:1px solid #ccc;	margin-right: 10px;}
.carslist_bimg img{	width: 100%;height: 100%;	display: block;}
.carslist_btxt{	width: 110px;	line-height: 1.4em;	height: 4.2em;overflow: hidden;}
.carslist_br p{line-height: 1.4em;}
.carslist_br{	margin-right: 10px;}
.carslist_del{	margin-top: 10px;	cursor: pointer;}
.carslist_del:hover{	color: #0d6e4b;}
.carslist_c p{float: left;	margin-top: 3px;}
.carslist_c p span{padding-right: 10px;}
.carslist_c a{	float: right;padding:0 10px;height: 30px;line-height: 30px;color: #fff;background: #00aaef;margin: 10px 20px;border-radius: 2px;}
.top_login	{ width:118px ; height:24px; }	
div.login-state {float:left;}		
.logoRight .navIn .dl, .logoRight .navIn .zhuce { display: inline-block;  width: 46px;  height: 22px;  line-height: 22px;  border: 1px solid #00aaef;  text-align: center;  margin-left: 8px; font-size: 13px; color: #00aaef;float:left;margin-top:11px;}
.logoRight .navIn a.dl{  background-color: #00aaef;  color: #fff;	width:48px; height:24px;}
.logoRight .navIn a.dl:hover, .logoRight .navIn a.zhuce:hover {  background-color: #009cdb;  border: 1px solid #009cdb; color: #fff;text-decoration: none;}			
.logoRight .top_login a.dl:hover, .logoRight  .top_login a.zhuce:hover{ text-decoration: none;}		
.login_aa{ /*width: 85px; height: 30px;*/position: relative; z-index: 99999; position:absolute;}
.login_aa a{ width: 100%; height: 100%; display: block;}
.login_yi{ width: 230px; display: none; height: auto;  background:url(../images/log_01.png) top no-repeat; /*background-color: #fff;*/background-size: 100% 100%; position: absolute; top: 38px; right: 10%; z-index: 999;}
.login_yi p{ line-height: 45px; padding-top: 23px; padding-left: 10px; padding-right: 10px; overflow: hidden;}
.login_yi p img{ width: 45px; height: 45px; border-radius: 50%;  float: left; margin-bottom: 5px; }
.login_yi p span{ float: left; padding-left: 15px;  color: #333; line-height: 45px;}
.login_yi span{ display: block; line-height: 32px; color: #666; font-size: 12px; padding-left: 10px; padding-right: 10px;}
.login_yi span i{ color: #ef2c22; font-style: initial;}
.login_yi a{ line-height: 41px; display: block; width: 210px !important;height: 41px !important; margin: 0 auto; display: block;   border-top: #e5e5e5 1px solid;/* margin-top: 10px;*/}
.login_yi a:hover{ color: #ef2c22;}
.login_a{ /*position: absolute; top: 5px; right: 0;*/ padding-top: 5px;padding-left: 20px;}
.login_a a{ width: 100%; height: 100%; display: block;}
.login_a p img{ width: 27px; height: 27px; border-radius: 50%;  float: left;  border: #0da3de 1px solid;}
.login_a p span{ float: left; padding-left: 5px;  color: #333; line-height: 27px;}
.wap_top{ width:100%; height:2252px; background:#efefef url("../img/bg_top.jpg") top center;}
.banner{ background:#1b2025;}
.bannerIn{  height:584px; background:#1b2025;}
.examIn{ height:386px; padding-top:150px; }
.con_tit h2{ width:554px;}
.examIn h2{ width:634px; height:36px; }
.examCon{ width:1179px; height:280px; padding-top:80px;}
.examCon ul li{ float:left; transition:all 1s;}
.examCon ul li:hover{ box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.6); -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.eculi02{ margin:0 33px;}
.objective{ padding-top:150px; }
.objective .objec_h2{ width:554px; height:36px;}
.objecCon{ height:387px; padding:103px 0 0 0; background:url(../img/objective_con.png) no-repeat bottom center; }
.objecBtn{ width:318px; height:70px; line-height:70px; text-align: center; background:#e60b45; border-radius: 20px; color:#fff; font-size:26px; margin:240px auto 25px; display: block; }
.objecBtn:hover{ background:#c70c3d; color:#ffd8e2; text-decoration: none; }
.listen{ padding:115px 0 74px 0; }
.listenIn{ width:1122px; }
.listen .listen_h2{ width:554px; height:104px;  }
.listenCon{ width:1122px;  box-shadow: 0px 5px 8px #666; overflow: hidden; }
.video_box{ border-bottom:1px solid #191a20; background:#000; width:1122px; height:632px; position:relative;}
.video_zhezhao{ width:1122px; height:632px; background:url("../img/video_zz.png") no-repeat; position:absolute; bottom:0; center:0; cursor: pointer;}
.current{ bottom:-632px; }
.video_box, .video_box video{ width:1122px;  overflow: hidden; }
.videoBtn{ height:52px;background:#191a20; width:500px; padding:25px 25px 25px 600px;}
.v_btn1, .v_btn2{ width:230px; height:46px; background:#e60b45; text-align: center; line-height: 46px; display: inline-block; color:#fff; border-radius: 6px; }
.videoBtn a:hover{ color:#fff; background:#ff1654; text-decoration: none;}

.classCon{ background:url("../img/classCon_bg.jpg") repeat top center; height:471px; padding-top:81px;} 
.classCon h2{ width:554px;}
.classconImg{ width:1169px; height:266px; padding-top:105px; overflow:hidden;}
.classconUl{height:266px; }
.classconUl li{ width:266px; height:266px; float:left; display: inline; margin-right:34px; }
.classconUl .ccili01{ background:url("../img/classConImg1.png") no-repeat;}
.classconUl .ccili02{ background:url("../img/classConImg2.png") no-repeat;}
.classconUl .ccili03{ background:url("../img/classConImg3.png") no-repeat; }
.classconUl .ccili04{ background:url("../img/classConImg4.png") no-repeat; }
.classconUl .no_mr{ margin-right:0px;}
.classconUl li p{ width:242px; line-height: 40px; text-align: center; padding-top:152px; color:#fff;}

.wap_mid{ height:1579px; background:url("../img/bg_mid.jpg") repeat top center; overflow:hidden;}
.tese{ height:501px; padding-top:110px; overflow: hidden;}
.teseIn h2{ width:554px; height:134px;}
.teseCon, .testList{ width:1137px; height:425px; overflow: hidden;}
.testList li{ float:left; display: inline; }
.testList .mr_98{ margin:0 98px 57px 0;}
.detail{ padding:70px 0 70px 0;  }
.detailCon { padding-top:56px; }
.detailCon img{ margin:0 auto; }
.service{ height:432px; background:url("../img/fuwu_bj.jpg") top center; overflow:hidden; }
.serviceIn{ padding-top:111px;}
.serviceCon{ padding-top:66px; }

.baoming{ background:url("../img/baoming_bg.jpg") top center; padding:99px 0 55px 0;} 
.baoming h2{ width:200px; height:95px; font-size:36px; line-height: 36px; text-align: center;}
.baomingCon img{ width:1063px; height:281px; margin:0 auto;}

.footer{ width: 100%; background-color: #222222; padding-bottom: 47px ;}
.mid {width: 1200px;     margin: 0 auto;  position: relative;}		
.footer_left{ width:75%; /*float: left;*/display: inline-block;vertical-align: top;  }
.footer_left ul{ width: 100%; }
.footer_left ul li{ /*width: 15%;*/ color: #838383; font-size: 16px; float: left; margin-right:2%; }
.footer_left ul li.foot_wb span{ line-height: 50px;}
.footer_left ul li h1{ font-weight: 400; padding-bottom: 10px; padding-top: 53px;font-size: 18px;color: #ddd; border-bottom:1px solid #dedede; margin-bottom:10px; }
.footer_left ul li a{ line-height: 30px; display: block; color: #ddd; }
/*.footer_left ul li.foot_phone{ width:35%  }*/
.footer_left ul li.foot_phone span{ font-size:34px;color: #ddd;  }
.footer_left ul li.foot_phone p{ line-height: 50px;color: #ddd; }
.footer_left ul li a:hover{ color: #fff ;}
.footer_left ul li a{ display: block; overflow: hidden;}
.footer_left ul li a img{ float: left; padding-top: 10px;}
.footer_left ul li a span{ float: left; padding-left: 10px;}
/*jianpei*/
.footer_left .left_float{float: left; margin-right: 10px;}
.footer_left ul .fli_01{width:19%;}
.footer_left ul .fli_01 h1{width:72%;}
.footer_left ul .fli_02{width:19%;}
.footer_left ul .fli_02 h1{width:72%;}
.footer_left ul .fli_03{width:31%;}
.footer_left ul .fli_03 h1{width:82%;}
.footer_left ul .fli_04{width:19%;}
.footer_left ul .fli_04 h1{width:72%;}

.footer_xj{font-size: 0;}
.footer_right{ width: 17%; /*float: right;*/ padding-top: 53px ; display: inline-block; vertical-align:top}
.foot_ri_jz{ width: 250px; margin:0 auto; overflow: hidden;}
.foot_ri_jz a{ width: 47%; margin-left: 6%; display: block; float: left; line-height: 30px }
.foot_ri_jz a img{ width: 100% }
.foot_ri_jz a:first-child{ margin-left: 0 }
.foot_ri_jz a span{ display: block; text-align: center; }
.foot_ri_jz p img { padding-top: 50px ; width: 100%}
.foot{ width: 100%; height: 62px; background-color: #191919; text-align: center; line-height: 62px; color: #ddd; font-size: 14px }
.foot_wb{ position: relative;}  		
.foot_wx{ width: 120px; height: 120px; background: #fff; position: absolute; top: 100px; left: 120px; display: block;}
.foot_wx img{ width: 100%; height: 100%; display:inline-block;}			
.foot img{ display:inline-block;}


