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


body {margin:0; padding: 0px;  font-family:"Microsoft YaHei", "SimHei"; font-size: 14px; color: #333; background-color:#f4f4f4;} 
*{ border:0px; margin: 0px; padding: 0px; text-decoration: none; list-style: none; box-sizing: border-box;}
ul li dl dt dd{ list-style:none;}
input,button,select,textarea{  outline:none;  }
textarea{     resize:none;}
img{ margin:0px; padding:0px;  border:none;  overflow:hidden; }
a{ text-decoration:none;}
.allwidth{ width:100%;}
.clearfix{overflow:auto;_height:1%}/****清除浮动****/
.clearboth{ clear:both;}
.clear{clear: both;    height: 0px;    font-size: 0px;    line-height: 0px;}
.myclear:after{clear:both;display:block;content:" ";}/****当前高度自适应****/
.fleft{ float:left;}
.fright{ float:right;}
.txtcenter{ text-align:center;}
.bg_w{ background-color: #fff;}
.block{ display:block;}
.center{ text-align:center;}
.alignCenter{ align-items: center;	}
.flex{ display: flex;}
.between{ justify-content: space-between;	}
input[type="checkbox"] {vertical-align:middle; margin-bottom:3px; margin-right: 5px;}
input::-webkit-input-placeholder{        color:#a4c4bf;    }
    input::-moz-placeholder{   /* Mozilla Firefox 19+ */
        color:#a4c4bf;    }
    input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
        color:#a4c4bf;    }
    input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
        color:#a4c4bf;    }
.redtext{ color:#ff0000;}
.orangetext{ color:#ff6600;}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
} 
.text3{color:#333;}
.text6{color:#666;}
/*******页面总框架*****/
.kuang{ width:1240px; padding-left:20px;padding-right:20px; margin:0px auto; display:block; clear:both; height:auto; }
.kuang1{ width:1200px; padding:0px; margin:0px auto; display:block; clear:both; height:auto; }
.kuang2{ width:1240px; padding:0px;  margin:0px auto;  display:block; clear:both; height:auto;}
.kuangbg{ background:url("./images/jm2.gif");}
.overbox{ overflow:auto;}
.main_left{ float:left; width:180px;}
.main_center{ float:left; width:550px; margin-left:15px;}
.main_right{ float:right; margin-left:15px; width:240px; text-align:left;}
.in_left{ float:left; width:740px;}
.in_right{ float:right; width:250px; margin-left:10px;}


.ma{  margin-top: 10px; margin-right: 20px;}
.ma a{ float:right;  font-size:14px; color:#007c8f; line-height: 20px; cursor:pointer; text-decoration:none;}
.more{float:right; font-size:14px; color:#333; margin-top: 20px;}
.more a{ color:#333; text-decoration: none;}

.topbg{ background-color: #0247c6;}
.top{ width: 1240px; height:75px; margin:0px auto;}
.topname{  background:url("./images/logo.png") no-repeat; width:800px;height:75px;  float:left;}
.topright{ float:right; display: flex; vertical-align: middle;height:75px; font-size:16px; color:#fff;}
.topright a{color:#fff; text-decoration: none; padding-right: 5px; padding-left: 5px;}
.navbg{ background-color:#2b6ddd; height:50px;}
.nav{ list-style:none; height:50px; display:block; float:left; margin-right:0px;}
.nav li{ float:left; line-height:50px; font-size:16px; color:#FFF;}
.nav li a{ text-decoration:none; display:block; width:180px; height:50px; line-height:50px; text-align:center; font-size:18px; color:#FFFFFF; padding-top:0px;}
.nav li a:hover{   text-decoration:none; font-size:18px; line-height:50px; background-color:#5997ff; color:#FFF; font-weight:lighter;}
.nav .home{ background-color:#3681ff;}



#banner { position: relative;}
.loginposition{ position:absolute; width:1200px;left: 50%; top: 0; margin-top: 30px; z-index: 2; margin-left: -570px;  }
.loginbox{ position:relative; float: right; right: 0px; top: 15px; width:360px; height: 330px;border-radius: 5px; box-shadow:0px 0px 15px #333; background-color:#fff;  }
.login_tab_bg{ background: url("./images/bgline.png") bottom repeat-x; height: 50px;}
.login_tab{ margin-left: 65px; padding-top: 26px; font-size:20px; color:#666; height: 24px;}
.login_tab li{float:left; list-style: none; box-sizing: border-box; margin-right:30px; width:100px; height:24px; line-height:16px;  font-size:18px; color:#666666; text-align:center; cursor: pointer;}
.login_tab .active{  color:#000; border-bottom:2px solid #ff6600;}


.swiper-container { z-index: 1;}
.swiper-slide { background-position: 50% 0;}
.swiper-slide a { display: block; height: 400px;}
.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 24px;}
.swiper-pagination-bullet { width: 6px; height: 6px; border-width: 1px; border-style: solid; opacity: 1;}
.gray .swiper-pagination-bullet { border-color: #666; background-color: #666;}
.gray .swiper-pagination-bullet-active { background-color: transparent;}
.white .swiper-pagination-bullet { border-color: #fff; background-color: #fff;}
.white .swiper-pagination-bullet-active { background-color: transparent;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px;}


.intop1{width:100%; height: 240px; margin: 0px auto; background: url("./images/intop1.jpg") center no-repeat;}




.bgimg1{ margin: 25px auto 0px auto; background:url("./images/s_icon1.png") no-repeat 20px 12px;}
.bgimg2{ margin: 20px auto 0px auto; background:url("./images/s_icon2.png") no-repeat 20px 12px;}
.bgimg3{ margin: 25px auto 0px auto; background:url("./images/s_icon4.png") no-repeat 20px 12px;}
.bgimg4{ margin: 40px auto 0px auto; width:300px; height: 50px; }
.bgimg5{ margin: 20px auto 0px auto; background:url("./images/s_icon3.png") no-repeat 20px 14px;}
.inputbox1,.inputbox2{  width:300px; height: 40px; border:1px solid #a0babe; border-radius:30px; box-shadow: 0 0 12px 6px rgba(160,207,198,0.4);  -webkit-transition: all .8s;    -o-transition: all .8s;    transition: all .8s; background-color: #fff;} 

.inputbox1:focus-within,.inputbox2:focus-within{border-color:#6a97a2; box-shadow: 0 0 10px #5499a3; }
.btn,.btn2{ width:300px; height: 40px; outline: 0 none;  border: none; cursor:pointer;text-align: center; line-height: 40px; color: #fff; font-size: 18px;
background-color: #41aa9b;     background-image: linear-gradient(to right, #2b6ddd, #00a0ce); border-radius:30px; box-shadow: 0 0 12px 6px rgba(160,207,198,0.4); -webkit-transition: all .8s;    -o-transition: all .8s;    transition: all .8s;}
.btn:hover,.btn2:hover{border-color:#54a393; box-shadow: 0 0 10px #54a393;  background-image: linear-gradient(to right, #0a97a4 , #6fdecd);}
.input_01,.input_02{ margin-left: 50px; padding-left: 10px; margin-top: 8px; width:230px; height:24px; border: none; font-size: 16px; color: #4191ab;  outline: 0 none;  background-color:rgba(255,255,255,0.1); }
.input_02{ width:120px; }
.register{display: block; margin:0px auto; padding-top: 15px; padding-bottom: 5px; width:75%; font-size: 14px;}
.register p a{ color:#333; text-decoration: none;}

/*******top user enter*****/
.enter_bg1{background: url("./images/enter_bg1.jpg");}
.enter_bg2{background: url("./images/enter_bg2.jpg");}
.enter_bg3{background: url("./images/enter_bg3.jpg");}
.etbox{float:left; width:380px; height: 250px;}
.etbox1{float:left; width:208px; margin-right:40px}
.et_pd{margin-left:29px;}
.et_title{ width:100%; height:42px; font-size:18px; color:#fff;padding-top:12px; padding-left: 10px; border-bottom: 1px solid #4b93f4;}
.et_title span{display: inline-block; padding-right: 20px; width:9px; height: 17px; background: url("./images/dottop.png") no-repeat;}

.introduce_title{	padding:13px 20px;	font-size: 18px;	font-weight: bold;	color: #FFFFFF;}
.introduce_title span{	width: 5px;	height: 18px;	background: #FFFFFF;	margin-right:9px;}
.introduce_content{	padding:20px;	flex-flow: wrap;}
.introduce_content>a{	width: 164px;	height: 42px;	border: 1px solid rgba(255,255,255,.25);	background:rgba(255,255,255,.25);	margin-bottom:10px;	padding:7px;	font-size: 16px;	color: #FFFFFF;	text-shadow: 0px 1px 2px rgba(0,112,197,0.2000);}
.introduce_icon{	padding-right:4px;	border-right:1px solid rgba(255,255,255,.25);	margin-right:9px;}

.industry_training a:hover{	box-shadow: 0px 1px 2px 0px rgba(0,112,197,0.2000);	background: #32B16C!important;}
.adult_education a:hover{	background: #0E77ED!important;	box-shadow: 0px 1px 2px 0px rgba(0,112,197,0.2000);}
.system_service a:hover{	background: #00AEC7!important;	box-shadow: 0px 1px 2px 0px rgba(0,112,197,0.2000);}


/*******图片列表*****/
.pro_1{ margin-left:0px; margin-right:0px;  height:auto; width:1200px;  clear:both;}
.main_pro{   width:1253px;}
.main_pro li{position:relative; float:left; width:290.5px; height:320px; margin-left:0px; margin-right:26px; margin-top:30px; background-color:#fff; padding:20px;     -webkit-transition: all .3s;    transition: all .3s; }
.main_pro li:hover { box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);   -webkit-transform: translateY(-5px);   transform: translateY(-5px); }
.main_pro li a{ cursor:pointer; display:inline-block;}
.main_pro li:nth-child(4n){ margin-right:0px;}
.main_pro li h3{ line-height:24px; max-height: 48px;  overflow:hidden; color:#000; font-size:16px;   font-family:"Microsoft YaHei", "SimSun"; font-weight:normal;overflow: hidden; margin-bottom:10px;}
.main_pro li h3 a{ color:#000; text-decoration:none;}
.main_pro li h3:hover a{ color:#2b6ddd; text-decoration:none;}
/***.main_pro li img{ width:260px; height:175px;  overflow:hidden; background:#FFFFFF; border-radius: 8px;}**/
.main_pro li .bqlist{display:block; max-height:54px; overflow:hidden; margin-bottom:10px;}
.main_pro li .bqlist .blist{display:inline-block; padding:0 6px; border-radius:5px;  margin-right:5px; margin-bottom:5px; font-size:14px; color:#999;line-height: 24px; height:24px; background-color:#f4f4f4;  }
.main_pro li .bq { position: relative; top:-20px;left:-20px;   width:90px; height: 24px; outline: 0 none;  border: none; cursor:pointer;text-align: center; line-height: 24px; color: #fff; font-size: 14px;
    background-color: #41aa9b;     background-image: linear-gradient(to right, #2285ff , #0148a1); border-radius:0px 20px 20px 0px; }
.teacher_list{position:absolute; bottom:70px; height:64px; overflow:hidden;}
.teacher_img{position:absolute; bottom:70px; width:200px; height:86px;}
.teacher_img img{width:200px; height:86px;}
.teacher-block {    float: left;    width: 40px;    margin-right: 17px;}
.teacher-block .teacher-face {    width: 40px;    height: 40px;    display: block;    margin-bottom: 5px;    background: #dddddd;    border-radius: 50%;}
.teacher-block .teacher-name {    color: #9598A2;    text-align: center;    display: inline-block;    width: 140%;    margin-left: -20%;    font-size: 12px;}
.kc_price{position:absolute; width:85%;bottom:0px; height:60px; border-top:1px solid #eee;}
.kc_price_1{line-height:48px;color:#ff7e00; padding-top:5px;}
.kc_price_2{line-height:48px;color:#999;color:#ff0000;}
.kc_price_2 span{font-size:24px; font-weight:bold;}
.kc_price_3 {position:absolute; bottom:3px;  right:0px; color:#999; text-decoration:line-through;}

.tech_m{overflow: hidden; width:1253px;}
.tech_m li{ float:left; width:195px; height:240px; margin:10px 53px 0px 0px;}
.tech_m li .tech_img{ background: url("./images/tqbg.png") no-repeat; width:190px; height: 170px;}
.tech_m li .tech_img img{ width:138px; height: 138px; margin-top: 7px; margin-left: 26px; border-radius: 80px;}
.tech_m li h3{padding-right: 8px; text-align:center; font-weight: normal; line-height: 24px; color:#333;font-size:16px;}

.tech_in{ margin-top:20px; margin-bottom: 10px; clear: both; overflow: hidden;}
.tech_in .tech_img{float:left; background: url("./images/tqbg.png") no-repeat; width:190px; height: 170px;}
.tech_in .tech_img img{ width:138px; height: 138px; margin-top: 7px; margin-left: 26px; border-radius: 80px;}
.tech_in .main{float:left; margin-left: 30px; width:820px;}
.tech_in .main h2{padding-bottom:5px; background: url("./images/user1.png") 0px 3px no-repeat;  text-indent: 25px; font-size:20px; border-bottom:1px solid #e6e6e6;}
.tech_in .main h2 span{padding-left: 15px;}
.tech_in .main .into{ font-size:16px; line-height: 28px; margin-top: 15px;}



/*******newslist-m*****/
.news_1{ display:block; height:auto; width:1288px; clear:both; margin-bottom: 20px; }
.news_1 ul{ overflow: hidden; width:1240px; margin-top:10px;}
.news_1 ul li{ float:left; width:270px; height:217px; margin:0 40px 0 0;  border:1px solid #eeeeee; }
.news_1 ul li h2{margin: 10px 10px 0 10px; font-weight: normal; font-size:16px; line-height: 24px;overflow: hidden; width: 250px; max-height: 72px; }
.news_1 ul li h2 a{color:#000; text-decoration:none;}
.news_1 ul li h2:hover a{ color:#2b6ddd;}
.news_1 ul li .time{margin-left:10px;   width:250px; color:#999;}
.news_1 ul li .intro{margin: 50px 10px 0 10px;  width:250px; color:#999; line-height: 20px; height:60px; overflow: hidden;color:#666;}
.news_1 ul li .num{margin-top:20px;height: 30px; line-height: 30px; color:#999; background-color: #f4f4f4; padding-left: 10px;}
.news_1 ul li .num span{display:inline-block;  width:20px; height: 18px; background: url("./images/see.png") 0px 6px no-repeat;}


	
/**newslist
.st_inbox1{ margin-bottom:20px; padding: 20px 60px; border:1px solid #d9d9d9; min-height: 200px;}**/
.st_newslist li{ width:100%; display: inline-block; border-bottom:dashed 1px #ccc; padding:10px 0px 5px 0px; margin-bottom: 15px; clear: both;}
.st_newslist li h2{ font-size:20px;line-height:40px; height:40px;font-weight:700 ;}
.st_newslist li h2 a{color:#2b6ddd; font-size:16px;}
.st_newslist li h2 a:hover{ text-decoration:none; color:#cc0033;}
.st_newslist li p{font-size:14px;color:#666666; line-height:22px;  overflow:hidden; }
.st_newslist div{margin-top:10px;}
.st_newslist li span{ float:left; font-size:14px;  color:#999; display:block;}
.st_newslist i{ font-style: normal;  float:right; width: 60px; height:16px; background:url("./images/see.png") no-repeat 0px 4px; text-indent:20px; font-size: 14px; color:#999;}



/**detail**/
.st_inbox2{ border:1px solid #d9d9d9; min-height: 600px; padding:20px 50px;}
.st_inbox2 h3{ margin:20px auto 40px auto; color:#333; text-align: center; font-size:24px;font-weight: normal;}
.st_inbox2 h4{ margin:20px auto 10px auto; height: 40px; color:#333; text-align: center; font-size:24px;font-weight: normal; border-bottom: 1px dashed #ccc; }
.st_news_cs{ height: 30px; font-size: 14px; color: #999; text-align: center;}
.st_news_cs span{ padding:5px 20px;}
.st_inbox2 .content{ font-size:16px; color: #333; line-height:1.8;}
.st_inbox2 .content p{ text-indent:28px; margin: 10px auto;}
.st_inbox2 .content img{ margin:10px auto; clear: both; text-align: center;}
.st_inbox2 .content a{ color:#007799;}

.st_mainnews{ list-style: none; margin: 20px 0px 0px 0px;}
.st_mainnews dt{ float:right; height: 36px; width: 100px; font-size: 16px; color:#999; font-weight: normal;}
.st_mainnews dd{background: url("./images/dot1.png") no-repeat 0 8px; padding-left:15px; width:850px; height: 36px;  font-size:16px; color:#333; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; }
.st_mainnews dd a{ color:#333;}
.st_mainnews dd a:hover{ color:#2b6ddd;}

.right_tj_box{ margin-top:20px; margin-bottom:5px;width:100%; height:110px; border-radius:8px; border:1px solid #eee;padding:15px;}
.right_tj_box h4{font-size:16px; height:50px;}
.right_tj_box .bm{width:100%; margin-top:10px;}
.right_tj_box .bm .bml{font-size:14px; color:#999; padding-top:5px;}
.right_tj_box .bm .bmr{color:#ff0000;font-size:18px;}





/*******foot*****/
.justifyCenter{	justify-content: center;}
.footer{	background: #003aa4;	border-top:1px solid #DCDCDC;	margin-top: -10px;}
.navs{	height:50px;	border-bottom:1px solid #2c5785;	font-size: 16px;	color: #fff;	text-align:center;}
.navs a{	width:106px;	border-right:1px solid #7aa9ff;	color: #7aa9ff;}
.navs a:last-of-type{	border:none;}
.activess{	color:#fff!important;}
.footer_container{	border-bottom:1px solid #2c5785;	padding-bottom:26px; padding-top:10px;}
.footer_container .phone{	flex:1.5;}
.footer_container .interlinkage{	flex:2;    padding-left: 20px;}
.footer_container .richScan{	flex:1;}
.footer_container h3{	font-size: 16px;	font-weight: 400;	color: #fff;    line-height: 30px;    margin-bottom:20px;}
.footer_container h3 span{	border-bottom:2px solid #318AEE;}
.footer_container .right_line{}
.footer_container .right_line ul{	padding: 0;    margin-left: 20px;    padding-right: 20px;}
.footer_container .right_line ul li a,.footer_container .right_line ul li{	font-size: 13px;	color: #fff;	line-height:30px;}
.footer_container .richScan p{	font-size: 12px;	color: #fff;	line-height:20px;	text-align:center;}
.footer_bottom{	height:36px;	font-size: 12px;	color: #7aa9ff;}

.foot_list li{ list-style: disc;  padding-left: -5px;  color: #ff6000;}
.end {    justify-content: end;}


.copyright_img img{width:100px; height:100px;}


.liucbg{ background-color:#e2ecee;verflow:auto;}

.bgcolorin{ background-color:#e8f4f7; }
.addr{font-size:14px; color:#666; line-height: 24px;}
.addr a{ color:#666;}
.reg_box{ padding: 20px 50px; border:1px solid #e6e6e6; background-color: #fff;}
.reg_list{ width:840px;margin-left: 50px; padding-bottom: 20px; overflow: auto;}
.reg_list dt{float:left; width:200px;font-size:14px; color:#333; text-align: right; line-height: 32px; height:32px; margin-top: 15px;}
.reg_list dd{float:left; padding-left: 20px; width:600px; margin-top: 15px; height: 32px; }
.reg_input_box{  border:1px solid #ccc; border-radius:5px; width:360px; height: 32px;}
.reg_input,.reg_input_d{ margin-left: 10px; font-size:14px; color:#999; width:340px; height: 30px; line-height: 30px;}
.reg_input_d{width:200px;}
.reg_ma{ float:right; margin-right: 10px; }
.reg_ma a{ font-size: 14px; color:#007c8f; line-height: 30px;}
.xieyi{ color:#ff0000;}
.btn2{ width:360px;}
.btn3{width:300px; height: 40px; outline: 0 none;  border: none; cursor:pointer;text-align: center; line-height: 40px; color: #fff; font-size: 18px;
background-color: #ccc;   border-radius:30px; box-shadow: 0 0 12px 6px rgba(0,0,0,0.1); -webkit-transition: all .8s;    -o-transition: all .8s;    transition: all .8s;}
.xieyi_text{ font-size:16px; color:#333;  line-height: 30px; }
.xieyi_text p{ margin-top:15px;}
.topbgin{background: url("./images/topin.jpg") center no-repeat; height: 150px;width:100%;}



.selectbox{ position:relative; margin-bottom: 20px;/** margin-top: 10px; padding: 20px 40px; border:1px solid #eee;**/ background-color:#fff;}
.selectbox:after{clear:both;display:block;content:" ";}
.s_box_t{float:left; margin-top: 10px;  margin-right: 20px;  font-weight: bold; line-height: 30px;  font-size:16px;}
.s_box_list{position:relative;  margin-left: 70px; }
.s_box_list li{float:left; margin-right: 20px; margin-top: 10px;  padding-left: 20px; padding-right: 20px; font-size:16px;line-height: 30px;}
.s_box_list li a{ color:#333;}
.s_box_list .current{ background-color:#ff8400; border-radius: 30px;}
.s_box_list .current a{ color:#fff;}



.course img{ width:400px; height: 400px; }
.course_r{float:left; width:750px; margin-left: 50px;}
.course_t{ font-size:24px; padding-bottom: 10px; color:#333; border-bottom:1px solid #eee;}
.course_tag{ margin-top:10px;}
.course_tag dt, .course_tag dd{ float:left; font-size:14px; color:#666; line-height: 30px;}
.course_tag dd{color:#333; width:250px; }
.course_r .jiage{color:#666; clear: both;}
.course_r .jiage strong{color:#f00; font-size:32px;}
.course_r .jiage big{color:#00c212; font-size:32px;}
.course_r .buy{margin-top:15px;width:160px; text-align: center; line-height: 50px; background: #ff9000;  background-image: linear-gradient(to right, #ff6e02, #cd0065);  color: #fff;font-size:18px; border-radius: 30px;cursor: pointer;}
.course_r .study{margin-top:15px;width:160px; text-align: center; line-height: 50px; background: #fff;border:1px solid #ff9000; color: #ff9000;font-size:18px; border-radius: 30px;cursor: pointer;}

.st_in_tab{margin-top: 20px; clear:both; height:47px; width: 100%; overflow: hidden; background: #f5f9ff; border-bottom: 1px solid #2b6ddd;}
.st_in_tab li{float:left; width:140px; line-height:46px;  font-size:18px; color:#333; text-align:center; cursor: pointer; }
.st_in_tab li a{  color:#999999; text-decoration:none; display:block;}
.st_in_tab .active{  background-color:#2b6ddd; color:#fff; }






.courese_head{ line-height:36px; font-size:24px;}
.course_intro{ margin-top: 10px; margin-bottom: 10px; padding: 20px 40px; border:1px solid #ececec; background-color:#fff;}
.courese_title{ line-height:36px; font-size:20px; font-weight: bold; color:#ff8400; width: 950px; overflow: hidden; }
.course_select li{float:left; margin-left: 10px; line-height: 24px; font-size:14px; color:#333; padding-left: 15px; padding-right: 15px; border:1px solid #ccc; border-radius: 5px; cursor: pointer;}
.course_select .current{ border-color:#ff8400; background-color:#ff8400; color:#fff;}
.course_select{float:right;}
.course_list_top{clear:both; }
.course_list_top li{ float:left; padding-left: 20px; line-height: 50px; background-color: #f7f7f7; font-size:16px; font-weight: bold; }
.course_list li{ float:left; padding-left: 20px; line-height: 50px; font-size:16px;}
.course_list_top li:nth-child(1),.course_list li:nth-child(1){ width:80px; padding-left: 0px; text-align: center;}
.course_list_top li:nth-child(2),.course_list li:nth-child(2){ width:700px;}
.course_list_top li:nth-child(3),.course_list li:nth-child(3){ width:100px;text-align: center;}
.course_list_top li:nth-child(4),.course_list li:nth-child(4){ width:80px;text-align: center;}
.course_list_top li:nth-child(5),.course_list li:nth-child(5){ width:240px;text-align: center;}

.course_list ul:nth-child(2n+1) li{   background-color: #fff;  }
.course_list ul:nth-child(2n+2) li{   background-color: #f7f7f7;  }

.expertbg{ background-color:#fff; }
.expertbg li{ float:left; margin-top: 30px; width:540px; height: 320px; margin-left: 40px;}
.expertbg li .expert_img{ float:left;width:200px;height:260px;}
.expertbg li .expert_img img{width:190px;height:250px;}
.expertbg li .expert_info{ float:left; margin-left:20px; width:310px;height:300px;}
.expertbg li .expert_info h2{ line-height: 30px; }
.expertbg li .expert_info .expert_text{ font-size:14px; line-height: 24px; display: block; height: 220px; overflow: auto;}
.expertbg li .expert_info .expert_link{ display:block; float:right; line-height: 36px; font-size:16px; color:#fff; background-color: #ff8400; padding: 2px 20px; border-radius:30px;}



/***window***/
.wd_shadow{ position:fixed; top:0; right:0; bottom:0; left:0; z-index:100;}
.transparent{ position:fixed; top:0; right:0; bottom:0; left:0; filter:alpha(opacity=50); opacity:.5; background-color:#000; z-index:100;}
.wd_box{   position: absolute;    top: 50%;    left: 50%;    -webkit-transform: translate(-50%,-50%);    -ms-transform: translate(-50%,-50%);    transform: translate(-50%,-50%);    width: 700px;    z-index: 101;    -webkit-box-shadow: #666666 0 0 10px;    box-shadow: #666666 0 0 10px; border-radius: 8px; border:1px solid #666;  }

.wd_head{ margin-top: 0px; background-color:#008bb3; height: 40px; border-radius: 8px 8px 0px 0px; border:none; overflow: hidden;}
.wd_hd_title{display: block; float: left;padding-left: 15px; padding-top: 5px; color:#fff; font-size:16px;line-height: 35px;}
.wd_close{ float:right; margin-right: 15px; margin-top: 18px; width:16px; height: 16px; background: url("./images/close.png") no-repeat; }
.wd_close a{display: block; width:16px; height: 16px; cursor: pointer;}
.wd_main{  padding: 20px;  height: 360px;   background-color: #fff; }
.wd_operate{  padding-right: 20px; padding-top:8px; border-radius: 0px 0px 8px 8px; height:20px;  background-color: #fff; text-align: right; }
.wd_main_list{ margin-left:0px; min-height: 36px; clear: both; }
.wd_main_list:after{clear:both;display:block;content:" ";}
.border_bm_1{border-bottom: 1px dashed #ccc;}
.wd_ml_left{ float:left; width:100px; text-align: right; padding-right: 10px; font-size:14px; color:#666; line-height: 30px;}
.wd_ml_right{ float:left; width:340px; height: auto;overflow:auto}
.wd_ml_left2{ float:left; width:110px; text-align: right; padding-right: 10px; font-size:14px; color:#666; line-height: 30px;}
.wd_ml_right2{ float:left; width:320px; height: auto;overflow:auto}
.wd_ml_right2 p{ margin-top: 5px; line-height: 20px;}
.wd_ml_right2 p span{ color:#999;}

.wd_textarea_01{ padding: 5px;  height:60px; background-color: #f6fbfc; border:1px solid #c6e4e6; }
.wd_input_01{ padding: 5px;  height:30px;  background-color: #f6fbfc; border:1px solid #c6e4e6;}
.wd_btn_in1{ width:100px; height: 30px; border:none; background-color: #31b0d5; font-size:14px; color:#fff; cursor: pointer;}
.wd_checkbox{ margin-top:10px;}
.wd200{ width: 200px;}
.wd340{ width: 340px;}
.wd_btn_01{width:100px; height: 32px; border:none; background-color: #31b0d5; font-size:14px; color:#fff; cursor: pointer; border-radius: 5px;}
.wd_btn_02{width:100px; height: 32px; border:none; background-color: #dddddd; font-size:14px; color:#666; cursor: pointer; border-radius: 5px;}
.wd_btn_01:hover{ background-color: #068290; }
.wd_btn_02:hover{ background-color: #cccccc; }


.bottom{ background-color:#003aa4; margin-top: 20px; height: 80px;}
.bottom_text{ font-size:14px; color:#fff; text-align: center; line-height: 24px; padding-top: 20px;}

.pd-t5{ padding-top:5px;}
.pd-t10{ padding-top:10px;}
.pd-t15{ padding-top:15px;}
.pd-t20{ padding-top:20px;}
.pd-t30{ padding-top:30px;}

.pd-b5{ padding-bottom:5px;}
.pd-b10{ padding-bottom:10px;}
.pd-b15{ padding-bottom:15px;}
.pd-b20{ padding-bottom:20px;}
.pd-b30{ padding-bottom:30px;}

.pd-l10{padding-left:10px;}
.pd-l20{padding-left:20px;}
.pd-l30{padding-left:30px;}

.totop5{ margin-top:5px;}
.totop10{ margin-top:10px;}
.totop15{ margin-top:15px;}
.totop20{ margin-top:20px;}
.totop30{ margin-top:30px;}
.totop40{ margin-top:40px;}
.totop50{ margin-top:50px;}

.tobottom10{ margin-bottom: 10px;}
.tobottom15{ margin-bottom: 15px;}
.tobottom20{ margin-bottom: 20px;}

.toleft5{ margin-left:5px;}
.toleft8{ margin-left:8px;}
.toleft10{ margin-left:10px;}
.toleft15{ margin-left:15px;}
.toleft20{ margin-left:20px;}
.toleft30{ margin-left:30px;}
.toleft40{ margin-left:40px;}
.toleft50{ margin-left:50px;}

.height10{ height:10px; clear:both; display:block;}
.height15{ height:15px; clear:both; display:block;}
.height20{ height:20px; clear:both; display:block;}

/*------------待整理-----------------*/
.header2018 {    position: relative;}
.header2018 .header2018-content  .header2018-user {
    position: relative;
    height: 49px;
    min-width: 163px;
    z-index:1000;
}
.header2018 .header2018-content  .header2018-user .header2018-username {
    margin-left: 8px;
    min-width: 132px;
    height: 49px;
    line-height: 49px;
    text-align: center;
    color: #171920;
    font-size: 16px;
    padding-right: 25px;
}
.header2018 img, .footer2018 img {    border: 0 none;    -ms-interpolation-mode: bicubic;    vertical-align: middle;    display: inline;    height: 40px;}
.header2018 .icon18-arrow2, .footer2018 .icon18-arrow2 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHBAMAAADOnLEXAAAAKlBMVEUAAAC2vdG2vdG2vdG2vdG2vdG2vdG2vdG2vdG2vdG2vdG2vdG2vdG2vdFQTYa/AAAADXRSTlMA8+OxaU4tHArSy5aN+BTeggAAADJJREFUCNdjOHsXCG4zMIMoAwaOtXfv3mxgYCi6e1edgYGBTfZiAgMQxF5lAAEWBwYGAEdhEakrou+wAAAAAElFTkSuQmCC);
    width: 12px;    height: 7px;}
.header2018 .header2018-content  .header2018-userlink {    background: #ffffff;    display: none;    z-index:100;}
.header2018 ol, .header2018 ul, .header2018 li, .header2018 menu, .footer2018 ol, .footer2018 ul, .footer2018 li, .footer2018 menu {    list-style: none outside none;}
.header2018 .header2018-content  .header2018-userlink li {    font-size: 14px;    padding: 0 8px;    position: relative;    margin-top: -1px;}
.header2018 .header2018-content  .header2018-userlink li:hover {background-color:#f2f2f2;}
.header2018 .header2018-content  .header2018-userlink li div {    border-top: 1px solid #ebebeb;}
.header2018 .header2018-content  .header2018-userlink li a {    height: 41px;    line-height: 41px;    display: block;    color: #9598a2;    text-align: center;}
.header2018 .header2018-content  .header2018-userlink li a:hover{color:#333;}
.header2018 .header2018-content  .header2018-userlink li .icon18 {    width: 18px;    position: relative;    top: -2px;    margin-right: 8px;}
.header2018 .icon18-list5, .footer2018 .icon18-list5 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAMAAAD+iNU2AAAATlBMVEUAAAC2vtS2vtS2vtS2vtW2vtS4v9e3wNC2v9S3t8+2vtS2vtS2vtW2v9O1v9S1v9S2vtW3v9W2vtS1vtS1vtS4vtS2vtG3v9O2ws62vdM+O6NOAAAAGnRSTlMA/N+dzilLH8cH8OfXwJV3bVi5ioBTPTMVrx3fbX4AAAB4SURBVAjXRY5ZFoMgEARpGEAWgRij8f4X1WGzPxrqPagZwfmnAPrwraFcD138Plit3Ad0Z9+eUu4MU4/l25kUt8UwGmQnNEU3hfASODvZBdtekkRuGKgOcgWpaslNz49Li+mJdbmZE5q3ePN82NSLFkbYK8qRoMQN1tgDfMLX7uUAAAAASUVORK5CYII=) no-repeat 0 0 !important;
    width: 15px;    height: 16px;}
.header2018 .header2018-content :hover .header2018-userlink {    display: block; }
/*-----------------------------*/