*{padding: 0;margin: 0;}

html,body{ width:100%; height:100%; font-size:12px; font-family:"微软雅黑"}
body,div,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,h7,form,img,p,pre,textarea,blockquote,fieldset {margin:0;padding:0}
img{ border:none;}
ul,li{ list-style:none;}
a{ text-decoration:none; color:#333;}
/*input,select{outline:0px;}*/
input{-webkit-appearance: none;}
header, footer, article, section, nav, menu, hgroup {display: block;}

.panel {
	height:100vh;
	
}

header{height: 176px; width: 100%; background: #fff;position:relative;z-index: 111;}
.headcon{width:1200px;margin: 0 auto;height: 100px;}
.logo{float: left; margin-top: 20px;}
.head_rg{float: right; }

.search{height: 30px; margin-top: 10px;text-align: right;}

.chose_lang{font-size: 16px;color: #999;height: 32px;width: 88px;  line-height:32px;display: inline-block; cursor: pointer; text-align: center;}
.langbox{display: none; line-height: 32px; width: 88px; border: 1px solid #999; position:relative; z-index: 10000;}
.langbox a{color: #999;}

.chose_lang:hover .langbox{display:block;}
.chose_lang:hover .langbox p{height: 30px; line-height: 30px; background: #fff;}
.chose_lang:hover .langbox p:hover{background: #888; color: #fff;}
.chose_lang:hover .langbox p:hover a{color: #fff;}

.chose_lang .xlico{ display: inline-block; width: 15px;height: 30px; font-size: 14px;line-height:30px;}


.search .text{height: 30px; width: 154px; border:1px solid #999999; border-right: none;vertical-align:top; text-indent:0.5em;}
.search .submit{height: 32px; width: 30px; border:1px solid #999999; border-left: none; background: url(../images/searchbtn.png) no-repeat center; vertical-align:top;margin-left: -4px;
 cursor: pointer;}

.search2{height: 40px;}


/*导航*/
.mobilenav{display: none;}

nav{height: 52px;}
nav ul li{width:96px;float: left; text-align: right; line-height:60px;font-size: 16px;color: #333;}
nav ul li a{color: #333;}
nav ul li:hover{color: #79080c;}
nav ul li:hover a{color: #79080c;}
.subnav{width:600px;height: 375px; margin-left: -242px; background: #fff;border-radius: 0 0 7px 7px; display: none; position: relative; z-index: 10000;box-shadow:0 1px 3px #ccc inset; }
nav ul li:hover .subnav{display: block;}
nav .on a{color: #79080c;}

.ennav ul li{width:150px;float: left; text-align: right; line-height:60px;font-size: 16px;color: #333;}
.ennav ul li a{color: #333;}
.ennav ul li:hover{color: #79080c;}
.ennav ul li:hover a{color: #79080c;}
.ennav .on a{color: #79080c;}

.subnav .subleft{float: left; width: 210px; font-size: 14px;color: #333;margin: 25px 20px; }
.subnav .subleft ul{ border-top:#BFBFBF 1px dashed; width: 210px;}
.subnav .subleft ul li{font-size: 15px;line-height: 45px; width: 190px; border-bottom:#BFBFBF 1px dashed; text-align: left; padding-left: 20px; }
.subnav .subleft ul li a{color: #333;}
.subnav .subleft ul li:hover{background:#3e96c6;color: #fff; border-bottom:#3e96c6 1px solid;}
.subnav .subleft ul li:hover a{color: #fff;}
.subnav .subleft ul li .lsty{ background:url(../images/dtb.png) no-repeat; height:11px ; width: 40px;display: inline-block;}
.subnav .subleft ul li:hover .lsty{background: url(../images/dtw.png) no-repeat; height:11px ;width: 40px;}

.subnav .subright{float: left; font-size: 14px; color: #666; line-height:25px; width: 300px; text-align: justify; margin: 23px 0 0 20px;}
.subnav .subright .im{width: 300px; height: 185px;overflow: hidden;}
.subnav .subright .im img{max-width: 300px;}


.scrollone{width: 100%; height: 100% !important; position: relative;}
/*banner*/


.banner{ width:100%; height:100%; margin-top: -135px; position:relative;z-index: 100;}
.banner #slides { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:relative}
.banner #slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
.banner #slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
.banner #pagination { display:block; list-style:none; position:absolute;width: 250px; right: 20%;bottom:16%; z-index:9900; }
.banner #pagination li { display:block; list-style:none; width:30px; height:5px; float:left; margin-left:25px; background:#FFF }
.banner #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
.banner #pagination li.current { background:#131314}

.banner #slides .slide1{background:url(../images/ban3.jpg) no-repeat center; }
.banner #slides .slide2{background:url(../images/ban1.jpg) no-repeat center; }
.banner #slides .slide3{background:url(../images/ban2.jpg) no-repeat center;}
.banner #slides .slide4{background:url(../images/ban4.jpg) no-repeat center;}

.banner #slides .mid_img{position: absolute; margin: 20% 25%;}
.banner #slides .mid_img img{width: 100%;}

/*新闻滚动框*/
.newnotic{display:block; width: 540px;height: 20px; overflow: hidden;position: absolute;left:22%; bottom:15%;z-index: 100;font-size: 16px;line-height: 20px;
text-shadow: 0px 0px 5px #666,-1px -1px 1px #666;}
.newf{float: left;color: #3e96c6;}
#newts{float: left;color: #fff;height: 20px; overflow: hidden; margin-left: 25px;}
#newts a{color: #fff;}
.new_mor{float:right;font-size: 16px;color: #3e96c6;}
.new_mor a{color: #3e96c6;}

.prv_down{width: 100%; text-align: center; position: absolute; bottom:1%; z-index: 100;}

/*业务版图*/
.scrolltwo{width: 100%;height: 100% !important; background: url(../images/scro2.jpg) no-repeat center top; overflow: hidden; position: relative;}
.scrolltwos{width: 100%;height: 100%  !important; background: url(../images/scro2.jpg) no-repeat center top; overflow: hidden; position: relative;}
.mb_yw{display: none;}
.mb_yws{display: none;}
.commenbox{width: 1200px; height: 660px; margin: 0 auto; margin-top: 150px;}
.commen_title{text-align: center;  }

/*新加*/
section.business {
	background: url(../images/wallpaper2.jpg) 50% bottom;
	margin-top: 150px;
}

.business .box {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.business .box ul.items {
	margin: 0 auto;

}

.business .box ul.items li {
	width: 200px;
	height: 300px;
	margin: 0 17px;
	background: url(../images/bg_green.png) no-repeat 0px 400px;
	overflow: hidden;
	display: inline-block;
}

.business .box ul.items li i {
	display: block;
	position: relative;
	margin: 0 auto;
	margin-top: 43px;
	height: 69px;
}

.business .box ul.items li.pc i {
	width: 69px;
	background: url(../images/words.png) no-repeat -245px -357px;
}

.business .box ul.items li.mobi i {
	width: 64px;
	background: url(../images/words.png) no-repeat -416px -291px;
}

.business .box ul.items li.sys i {
	width: 76px;
	background: url(../images/words.png) no-repeat -415px -362px;
}

.business .box ul.items li.app i {
	width: 74px;
	background: url(../images/words.png) no-repeat -244px -439px;
}

.business .box ul.items li.host i {
	width: 79px;
	background: url(../images/words.png) no-repeat -420px -439px;
}

.business .box ul.items li u {
	display: block;
	position: absolute;
	width: 156px;
	height: 156px;
	margin-left: 22px;
	background: url(../images/words.png) no-repeat 0px -363px;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
}

.business .box ul.items li u.cl {
	clip: rect(0px,156px,-10px,78px);
}

.business.active .box ul.items li u.cl {
	clip: rect(0px,156px,156px,78px);
}

.business .box ul.items li u.cr {
	clip: rect(156px,78px,156px,0px);
}

.business.active .box ul.items li u.cr {
	clip: rect(0px,78px,156px,0px);
}

.business .box ul.items li strong {
	display: block;
	margin-top: 70px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}

.business .box ul.items li p {
	position: relative;
	top: 200px;
	color: White;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}

.business .box ul.items li:hover {
	background-position: 0px 0px;
	-webkit-transition: all .5s ease-in-out .3s;
	-moz-transition: all .5s ease-in-out .3s;
	-ms-transition: all .5s ease-in-out .3s;
	-o-transition: all .5s ease-in-out .3s;
	transition: all .5s ease-in-out .3s;
}

.business .box ul.items li:hover i {
	-webkit-transition: all .5s ease-in-out .4s;
	-moz-transition: all .5s ease-in-out .4s;
	-ms-transition: all .5s ease-in-out .4s;
	-o-transition: all .5s ease-in-out .4s;
	transition: all .5s ease-in-out .4s;
}

.business .box ul.items li.pc:hover i {
	background: url(../images/words.png) no-repeat -168px -357px;
}

.business .box ul.items li.mobi:hover i {
	background: url(../images/words.png) no-repeat -337px -291px;
}

.business .box ul.items li.sys:hover i {
	background: url(../images/words.png) no-repeat -327px -362px;
}

.business .box ul.items li.app:hover i {
	background: url(../images/words.png) no-repeat -164px -439px;
}

.business .box ul.items li.host:hover i {
	background: url(../images/words.png) no-repeat -335px -439px;
}

.business .box ul.items li:hover u.cl {
	clip: rect(0px,156px,-10px,78px);
}

.business .box ul.items li:hover u.cr {
	clip: rect(156px,78px,156px,0px);
}

.business .box ul.items li:hover strong {
	color: White;
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	-ms-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s;
}

.business .box ul.items li:hover p {
	top: 20px;
	-webkit-transition: all .3s ease-in-out .5s;
	-moz-transition: all .3s ease-in-out .5s;
	-ms-transition: all .3s ease-in-out .5s;
	-o-transition: all .3s ease-in-out .5s;
	transition: all .3s ease-in-out .5s;
}

.business .box label {
	display: block;
	margin: 0 auto;
	margin-top: -40px;
	width: 297px;
	height: 21px;
	background: url(../images/words.png) no-repeat 0px -333px;
}

section.cases {
	background: url(../images/wallpaper3.jpg);
}

/*新加 end*/

/*原来*/
.ywbkbox{margin-top: 100px; height: auto;overflow: hidden; }
.ywbkbox ul li{width: 240px; height:360px;text-align: center; line-height: 25px; position: relative; padding: 40px 0 20px; float: left;}
.ywbkbox ul li .tit{font-size: 18px; color: #333; margin-bottom: 20px;}
.ywbkbox ul li .trt{font-size: 16px; color: #fff; display: none; line-height: 30px; }
.ywbkbox ul li .ywimg{height: 200px;}
.ywbkbox ul li .ywimgon{height: 200px; display: none; position: absolute;top: 40px; margin: auto; left: 0;right: 0;}
.ywbkbox ul li:hover{background: #3E96C6; color: #fff;cursor: pointer;height:360px;padding: 40px 0 20px;}
.ywbkbox ul li:hover .ywimgon{display: block;}
.ywbkbox ul li:hover .ywimg img{display: none;}
.ywbkbox ul li:hover .trt{display: block;}
.ywbkbox ul li:hover .tit{color: #fff;}
/*原来 end*/

/*新闻*/
.scrollthree{width: 100%;height: 100% !important; background: url(../images/scro3.jpg) no-repeat center bottom;overflow: hidden; position: relative;}
.scrollthrees{width: 100%;height: 100% !important; background: url(../images/scro3.jpg) no-repeat center bottom;overflow: hidden; position: relative;}
.mbnewbox{display: none;}
.mbnewbox2{display: none;}
.newsbox{margin-top: 100px; height: auto;overflow: hidden;}
.new_le{float: left;width: 700px; font-size: 14px;}
.new_rg{float: right;width:465px; margin-top: 42px;}
.new_le p{height: 45px; width: 100%; border-bottom: 1px #c9c9c9 dashed ;}
.new_le .tit{font-size: 26px;color: #17479d; float: left;}
.new_le .mor{float: right; margin-top: 10px;}
.new_le .mor a{color: #17479D;}

.new_le ul li{ font-size: 14px;color:#666; border-bottom: 1px #c9c9c9 dashed ; height:55px;line-height: 50px;}
.new_le ul li:hover{color: #17479D}


.new_le .sle{float: left;display: inline-block;}
.new_le .time{float: right;display: inline-block;}


/*图片轮换*/
#slideBox {
	width:465px;
	height:340px;
	overflow:hidden;
	position:relative;
	
}
#slideBox ul#show_pic {
	margin:0;
	padding:0;
	list-style:none;
	height:340px;
	width:4650px;
	position:absolute;
}
#slideBox ul#show_pic li {
	float:left;
	margin:0;
	padding:0;
	height:285px;
}
#slideBox ul#show_pic li img {
	display:block;
}
#iconBall {
	position:absolute;
	bottom:5px;
	width:95px;
	margin:auto;
	left:0;
	right:0;
}
#iconBall li {
	float:left;
	width:13px;
	height:9px;
	
	cursor:pointer;
	text-align:center;
	padding-top:4px;
	background:#fff;
	border-radius:50%;
	margin-left:10px;
	
}
#iconBall li.active {
	background:#ccc;
	border-radius:15px;
}


/*灯塔客户*/
.scrollfour{width: 100%;height: 100% !important; background: url(../images/scro4.jpg) no-repeat center top;overflow: hidden; position: relative;}
.scrollfours{width: 100%;height: 100% !important; background: url(../images/scro4.jpg) no-repeat center top;overflow: hidden; position: relative;}
.mb_kh{display: none;}
.mb_khs{display: none;}
.khbox{background: #fff; height: 485px; margin-top: 80px;}

#dkbox {width:1200px; margin:0 auto; position:relative; background:#FFF; height:485px; overflow:hidden}
#dkbox ul {}
#dkbox li {float:left; width:240px; height:161px; cursor:pointer; border-bottom: 1px solid #e5e6eb;}

#dkbox li img {width:240px; height:160px;  z-index:4; }
#dkbox li:hover img{border: 1px solid #3E96C6;}

/*照片*/
.scrollfive{width: 100%;height: 100% !important; background: url(../images/scro5.jpg) no-repeat center bottom;overflow: hidden; position: relative;}

/*底部*/
.scrollsix{width: 100%;height: 100% !important; background: url(../images/scro6.jpg) no-repeat center bottom;overflow: hidden; position: relative;}
.scrollsixs{width: 100%;height: 100% !important; background: url(../images/scro6.jpg) no-repeat center bottom;overflow: hidden; position: relative;}
.footbox{width: 1200px;margin: 0 auto; height: auto;overflow: hidden; margin-top: 80px;}
.adrs{margin-top: 80px; height: auto;overflow: hidden;}
.adrs .ad1{float: left;width: 400px; font-size: 14px;color: #333; line-height: 30px;}
.adrs .tt{font-size: 18px;color: #333;}
.adrs .ad2{float: left;width: 390px; margin-left: 10px; font-size: 14px;color: #333; line-height: 30px;}
.adrs .ad3{float: right;width: 400px; font-size: 14px;color: #333; line-height: 30px;}

.ewm{width:680px;margin:0 auto;height: auto;overflow: hidden; font-size: 14px;color: #333;margin-top: 40px;}

.ewmdoc{width: 240px;text-align: center; float: left;}
.ewmdoc2{width: 240px;text-align: center; float:right;}

.footright{text-align: center;font-size: 14px;color: #333; line-height: 28px; margin-top: 30px;}
.footright a{color: #333;}
.friendlink a img{ vertical-align:bottom}

.mb_foot{display: none;}
.mb_foots{display: none;}







/*公开课列表页 内容页*/

.con_ban{ width: 100%;height: 300px; }
.maincont{background: #fafafa; width: 100%;padding-top: 80px; height: auto;}
.com_box{background:#fff;width: 1200px; margin: 0 auto; height: auto;overflow: hidden; min-height: 1000px; border-radius: 10px; }

.position{ border-bottom: 1px solid #E5E6EB; height: 36px; font-size: 14px; text-align: right;padding: 10px 25px 0;color:#999;}
.position .home{display: inline-block;text-align: left;margin:0 5px;}
.position .now{display: inline-block;text-align: left;margin:0 5px;color: #3e96c6;}
.position .home a{color:#999;}
.position img{vertical-align:bottom;}

.listbox{height: auto;overflow:hidden;margin-top: 20px; }
.listbox2{height: auto;overflow:hidden;margin-top: 20px; padding: 20px 40px;}
.mblistbox{display: none;}

.left_nav{float: left;width: 265px; height: 625px;margin-left: 30px;}
.right_box{float: right; width: 840px; margin-right: 30px;  height: auto;overflow: hidden; }

.lenav_top{height: 90px; background: #3e96c6; color: #fff; padding:20px 20px 0; line-height: 30px;}
.lenav_top .f18{font-size: 18px;}
.lenav_top .f24{font-size: 24px;}

.lenav_bot{background:#FAFAFA; min-height:500px; height: auto;overflow: hidden; margin-top: 20px;}

.lenav_bot ul li{height: 40px; line-height: 40px;font-size: 16px;color: #3e96c6;margin: 0 15px; padding-left: 15px; border-bottom: 1px dashed #CCCCCC;}
.lenav_bot .frico{background:url(../images/offs.png) no-repeat; width: 20px;height: 13px; display: inline-block;}
.lenav_bot ul li:hover{background: #3E96C6; color: #fff;margin: 0px;height: 40px;border: none; padding-left: 30px;border-bottom:1px dashed #ccc;}
.lenav_bot ul li:hover .frico{background:url(../images/ons.png) no-repeat; width: 20px;height: 13px;display: inline-block;}

.lenav_bot .on{background: #3E96C6; color: #fff; border: none;padding-left: 30px; margin: 0px;border-bottom:1px dashed #ccc;}
.lenav_bot .on .frico{background:url(../images/ons.png) no-repeat; width: 20px;height: 13px;display: inline-block;}

.menu .on{background: #3E96C6 url("../images/on1.png") no-repeat scroll 13px 12px; color: #fff; border: none;padding-left: 30px; margin: 0px;border:1px solid #3E96C6;}
.menu .on a{color:#fff;}
.menu .on .frico{background:url(../images/ons.png) no-repeat; width: 20px;height: 13px;display: inline-block;}

.ccom_tit{padding: 24px 0;border-bottom: 3px solid #3E96C6; line-height: 29px; position: relative;}
.ccom_tit .tt1{font-size: 24px; color: #333;}
.ccom_tit .tt2{font-size: 14px; color: #999;}

.gkk_list{background:#FAFAFA;min-height: 630px;height: auto;overflow: hidden; margin-top:40px; color: #666;font-size: 14px;}
.gkk_list table{border-collapse: collapse;}
.gkk_list table tr{height: 65px;border-bottom: 1px dashed #EEEEEE; text-align: center;border-collapse: collapse; margin: 0 20px;}

.gkk_list .firtd{text-align: left; padding-left: 20px;}
.gkk_list .firtd a:hover{ color:#3E96C6}
.gkk_list .ljbmbtn{border: 1px solid #3E96C6; border-radius: 5px; color: #3E96C6; width: 80px;height: 25px; line-height: 25px;text-align: center; margin-left: 20px;}
.gkk_list .ljbmbtn:hover{background:#3E96C6;color: #fff;}
.gkk_list .ljbmbtn a:hover{color: #fff}

.page{display: table; margin-left:auto; margin-right: auto; height: 50px; margin-top: 60px;margin-bottom: 20px;}
.page ul li{float: left; padding: 8px 14px; color: #999;border: 1px solid #999; border-radius: 5px; margin: 10px; }
.page ul li:hover{color: #fff;background: #3E96C6; border: 1px solid #3E96C6;}
.page .on{color: #fff;background: #3E96C6; border: 1px solid #3E96C6;}



footer{color: #333;font-size: 14px; text-align: center; line-height: 25px; padding: 40px 0;background: #fafafa;}
footer a{color: #333;}
.mobile_foot{display: none;}
.mobile_foot2{display: none;}

.contentbox{ padding: 40px 0; height: auto;overflow: hidden; margin-bottom: 80px; min-height: 855px;}
.contentbox .tit{font-size: 24px;color: #3E96C6; text-align: center;}
.contentbox .tit2{font-size: 18px;color: #666; text-align: center; letter-spacing: 2px; margin: 15px 0 20px;}
.contentbox p{font-size: 14px;color: #666; line-height: 38px;}

.wybmbtn{text-align: right; font-size: 14px; position: relative;margin-top: 90px;}
.wybmbtn span{position: absolute;right: 0;bottom: 0;height: 45px;width: 160px; background: #3E96C6; color: #fff; display: inline-block; margin: 30px 20px; text-align: center; line-height: 45px; border-radius:5px;}

#light{display:none;position:fixed;bottom:25%;right:30%;height:auto; width:490px;background:#f9f9f9;z-index:1002;font-family:"微软雅黑";border: 1px solid #DCDCDC; border-radius: 10px; box-shadow: 1px 1px 4px #BFBFBF;}
.botbox{ height:100%; width:100%;}
.botbox .bmtit{font-size: 24px;color:#3E96C6; text-align: center; margin: 20px 0;}

.botbox .bmfom{font-size: 14px;color: #666; margin: 20px 66px; text-align: left; line-height:33px; height: auto;overflow: hidden;}
.botbox .bmfom .red{color: #79080C;}
.botbox .input input{width: 99%; height: 30px; border: 1px solid #BFBFBF;text-indent: 1em;}


.closebtn{ position: absolute;right: -10px; top: -10px;}

.cminbtn{ text-align:center; width:250px; height:40px; display:inline-block; text-align:center; color:#fff; background:#3E96C6; line-height:30px;
 border-radius:5px; border: none; font-size: 16px; margin-top:20px; cursor: pointer;} 



/*新闻列表页 内容页*/
.news_list{width: 100%; height: auto; overflow: hidden; font-size: 14px; color: #666;}
.news_list ul li{height: 55px;line-height: 55px; border-bottom: 1px dashed #CCCCCC; padding: 0 22px; background: url(../images/newico.png) no-repeat 2% 51%;}

.news_list .tt{float: left;display: inline-block;margin-left: 20px;}
.news_list .time{float: right;display: inline-block}
.news_list ul li:hover{background: url(../images/newon.png) no-repeat 2% 51%;padding: 0 22px;}
.news_list ul li:hover a{color: #3E96C6;}

.new_top .tit{border-bottom:  1px solid #C9C9C9; text-align: center;}
.new_top .tit .tt1{font-size: 24px;color: #3E96C6; margin: 25px 0;}
.new_top .tit .tt2{font-size: 14px;color: #666; margin-bottom: 20px;}

.new_top .trt{line-height:40px !important; color: #666; margin-top: 40px; text-indent: 2em;font-size: 16px !important;}
.new_top .trt p{line-height:40px !important; color: #666;font-size: 16px !important;}
.new_top .trt p span{line-height:40px !important; color: #666; font-size: 16px !important;}

.newprnet{margin-top: 90px; font-size: 14px;}
.newprnet .prve{float: left;}
.newprnet .next{float: right;}
.newprnet a{color: #666;}
.newprnet .prve a:hover{color:#3E96C6;}
.newprnet .next a:hover{color:#3E96C6;}

/*画报*/
.hb_list{width: 100%; height: auto; overflow: hidden; font-size: 14px; color: #666; }
.hb_list ul li{height: 55px;line-height: 55px; border-bottom: 1px dashed #CCCCCC; padding: 0 22px; background: url(../images/hbico.png) no-repeat 2% 51%;}
.hb_list .tt{float: left;display: inline-block;margin-left: 20px;}
.hb_list .time{float: right;display: inline-block}
.hb_list ul li:hover{background: url(../images/hbon.png) no-repeat 2% 51%;padding: 0 22px;}
.hb_list ul li:hover a{color: #3E96C6;}

/*书籍列表*/
.gmhzzx{background:#3E96C6; color: #fff; padding: 5px 15px; position: absolute; right: 0; top: 35px; border-radius: 5px;font-size: 14px;}

.book_list{width: 100%; height: auto; overflow: hidden; font-size: 14px; color: #666;}
.book_list ul li{ border-bottom: 1px dashed #CCCCCC; padding: 15px 15px; height: auto;overflow: hidden; }
.bookimg{float: left; width: 88px; height: 118px; border: 1px solid #e5e5e5; overflow:hidden}
.bookimg img{ max-width:88px;}
.booktr{float: right;width: 695px;}
.booktr .tit{font-size: 16px; margin: 10px 0;}
.booktr .trt{font-size: 14px; text-align: justify;line-height: 25px;}
.book_list ul li:hover .tit{color: #3E96C6;}
.book_list ul li:hover .bookimg{ border: 1px solid #3E96C6;}

#lights{display:none;position:fixed;top:20%;left:40%;height:680px;width:490px;background:#f9f9f9;z-index:1002;font-family:"微软雅黑";border: 1px solid #DCDCDC; border-radius: 10px; box-shadow: 1px 1px 4px #BFBFBF;}

.botbox .textare textarea{width: 99%; height: 80px;}

/*关于我们*/
.aboutcont{font-size: 14px;color: #666; line-height: 25px; padding: 20px; text-align: justify;min-height: 855px;}

.aboutcont .video{width: 420px;height: 255px; float: right; margin-left: 20px;}

/*企业内训*/

.sdmenu{font-size:16px;padding-bottom:40px;color:#333;}
.sdmenu div{overflow:hidden;}

.sdmenu div.collapsed{height:40px;border-bottom: 1px dashed #CCCCCC;}
.sdmenu div span{display:block;height:40px;line-height:40px;overflow:hidden;padding:0 50px;color:#3e96c6;background:url(../images/on1.png) no-repeat 25px center;cursor:pointer;border-bottom: 1px dashed #CCCCCC;}
.sdmenu div.collapsed span{background-image:url(../images/off1s.png);}
.sdmenu div a{display:block;border-bottom: 1px dashed #CCCCCC;color:#666;line-height: 22px;font-size: 14px; padding:10px 40px 10px 62px;}
.sdmenu div a.current{background:#3E96C6; color:#fff;/*border-bottom: 1px solid #3E96C6;*/}

.sdmenu .frontnav{display:block;height:40px;line-height:40px;overflow:hidden;padding:0 50px;color:#3e96c6;background:url(../images/off1s.png) no-repeat 25px center;cursor:pointer;border-bottom: 1px dashed #CCCCCC;}
.sdmenu .on{background:#3E96C6 url(../images/ons.png) no-repeat 25px center;; color:#fff;border-bottom: 1px solid #3E96C6;width: 100%;height:40px;line-height:40px;display: inline-block;}
.sdmenu .frontnav a{color:#3e96c6;}
.sdmenu .on .frontnav{display:block;height:40px;line-height:40px;overflow:hidden;color:#3e96c6;background:url(../images/ons.png) no-repeat 25px center;cursor:pointer;border-bottom: 1px dashed #CCCCCC;}
.sdmenu .on a{color: #fff}
 .sdmenu div a:hover{background:#3E96C6 url(../images/newon.png) no-repeat right center;color:#fff;border-bottom: 1px solid #3E96C6;} 

/*市场活动*/

#mtab {  position: relative;font-size: 14px;color: #666; }
#mtab .mnav { position: relative;  z-index: 2; border-bottom: 1px solid #dcdcdc;}
#mtab .mnav ul { height: 45px;  }
#mtab .mnav li { float: left;height: 38px;   overflow:hidden; padding-top:15px; text-align: center; }
#mtab .mnav li span{border-right: 1px solid #dcdcdc; display: inline-block;  padding: 0px 20px;}
#mtab .mnav li:hover{cursor:pointer; }
#mtab .mnav .active {overflow:hidden;cursor:pointer; color:#79080c; background: url(../images/marketdwn.png) no-repeat center bottom; }

#mtab .mnav .active a:hover { cursor:pointer; height:44px;color:#79080c;  overflow:hidden; width:139px; }
#mtab .content { position: relative; }

#mtab .box {width: 100%; height:auto; overflow: hidden; display: none; text-align: justify;}

.malist{width:272px;text-align:center; position: relative; display: inline-block;vertical-align:top;margin: 15px 0;}
.malist .mar_img{border: 1px solid #DCDCDC; display: inline-block; height: 180px;width: 270px;}
.malist .mar_img img{width: 100%;min-height: 180px;max-height: 180px; overflow: hidden;}
.malist .mar_tt{font-size: 14px;color: #666; line-height: 25px;}
.malist .mar_zz{display: none; position: absolute;top: 1px; left: 1px; }
.malist a:hover .mar_zz{display: block;}
.malist a:hover .mar_tt{color: #3E96C6;}

.left_fix{height:0; padding:0; overflow:hidden;}


.mbpage{display: none;}

/*三级导航样式*/
.menu{background:#FAFAFA; min-height:500px; height: auto;overflow: hidden; margin-top: 20px;}
.menu ul li {font-size: 16px;line-height: 40px;  color: #3e96c6;
	display:block;
	 border-bottom: 1px dashed #CCCCCC;
	overflow:visible;
}
.menu ul li a {
	display:block;
	line-height: 40px; 
	padding-left:35px;
	color:#666;
	
}

.menu ul li .active {
	/* color: #3e96c6; */margin-right: 10px; cursor: pointer;background:url(../images/on1.png) 13px 12px no-repeat;
}

.menu ul li .inactive {
	 /* color: #3e96c6; */margin-right: 10px; cursor: pointer;background:url(../images/off1s.png) 13px 12px no-repeat;
}
.menu ul li ul {
	display:none; 
	  
}
.menu ul li ul li ul {
	margin-bottom:5px;
}
.menu ul li ul li {
	display:block;
	background:none; border: none;
    color:#666;
    margin-left:35px;
}
.menu ul li ul li a {
	
	font-size:16px;
	
	color:#666;
	padding-left:10px; 
}


.to_top{position: fixed; right: 12%; bottom: 6%; z-index:10000000}


/*英文首页*/
.enaboutbox{width: 1200px; margin: 0 auto; height: auto; overflow: hidden; font-size: 24px;color: #666; text-align: justify;}
.enaboutbox img{ float: left; margin:10px 20px 10px 0 ;}
.mb_enabout{display: none;}
.commen_titles{margin: 20px 0 60px; text-align: center;}
.enaboutbox p{line-height: 35px;}

.ywbkboxs{margin-top: 100px; height: auto;overflow: hidden; }
.ywbkboxs ul li{width: 240px; height:380px;text-align: center; line-height: 25px; position: relative; padding: 40px 0 20px; float: left;}
.ywbkboxs ul li .tit{font-size: 18px; color: #333; margin-bottom: 20px;}
.ywbkboxs ul li .trt{font-size: 16px; color: #fff; display: none; line-height: 26px; margin: 10px 20px; }
.ywbkboxs ul li .ywimg{height: 200px;}
.ywbkboxs ul li .ywimgon{height: 200px; display: none; position: absolute;top: 40px; margin: auto; left: 0;right: 0;}
.ywbkboxs ul li:hover{background: #3E96C6; color: #fff;cursor: pointer;height:400px;padding: 40px 0 20px;}
.ywbkboxs ul li:hover .ywimgon{display: block;}
.ywbkboxs ul li:hover .trt{display: block;}
.ywbkboxs ul li:hover .tit{color: #fff;}

iframe{height:450px}

@media screen and (max-width: 1600px) {
	
.subnav{width:512px;height: 375px; margin-left: -350px; background: #fff;border-radius: 0 0 7px 7px; display: none; position: relative; z-index: 10000;box-shadow:0 1px 3px #ccc inset; }
.subnav .subleft{float: left; width: 160px; font-size: 14px;color: #333;margin: 25px 10px; }
.subnav .subleft ul{ border-top:#BFBFBF 1px dashed; width: 160px;}
.subnav .subleft ul li{font-size: 15px;line-height: 45px; width: 145px; border-bottom:#BFBFBF 1px dashed; text-align: left; padding-left: 20px; }	
.subnav .subright{float: left; font-size: 14px; color: #666; line-height:25px; width: 300px; text-align: justify; margin: 23px 0 0 20px;}
.subnav .subright .im{width: 300px; height: 185px;overflow: hidden;}
.subnav .subright .im img{max-width: 300px;}	

.banner #slides .slide1{background:url(../images/ban1.jpg) no-repeat center;}
.banner #slides .slide2{background:url(../images/ban2.jpg) no-repeat center;  }
.banner #slides .slide3{background:url(../images/ban3.jpg) no-repeat center; }
.banner #slides .slide4{background:url(../images/ban4.jpg) no-repeat center; }

.commenbox{width: 1200px; height: 660px; margin: 0 auto; margin-top: 20px;}
.ywbkbox{margin-top: 40px;}
.newsbox{margin-top: 28px;}
.khbox{margin-top: 18px;height:426px;}
.ywbkbox ul li:hover{padding: 20px 0 10px;}
.ywbkbox ul li:hover .tit{color: #fff;margin-top: 20px;}
.footbox{margin-top: 8px;}	
.adrs{margin-top: 25px;}
.ewm{margin-top: 20px;}
.ewm img{width:200px;}

.prv_down{width: 100%; text-align: center; position: absolute; bottom:0.5%; z-index: 100;}
.prv_down img{ width:55px;}


/*照片*/
.scrollfive{width: 100%;height: 100% !important; background: url(../images/scro5.jpg) no-repeat center; overflow: hidden; position: relative;}

#dkbox {width:1200px; margin:0 auto; position:relative; background:#FFF; height:auto; overflow:hidden}
#dkbox ul {}
#dkbox li {float:left; width:240px; height:141px;cursor:pointer; border-bottom: 1px solid #e5e6eb;}

#dkbox li img {width:240px; height:140px;  z-index:1000000; }
#dkbox li:hover img{border: 1px solid #3E96C6;}
.to_top{position: fixed; right: 1%; bottom:5%; z-index:10000000}


#light{ bottom:8%;}
.botbox .bmfom{ line-height: 24px;}



.footright{margin-top: 20px;}

}





/** iPad **/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	header{height:85px ;}
	.headcon{width: 100%; border-bottom: 1px solid #eee; height: 85px;background: #fff; position: fixed;top: 0px;}
.logo img{width: 250px; margin-left: 20px;}
.search{display: none;}	
nav{display: none;}
.ennav{display: none;}
.mobilenav{display: block; position: relative; }
.mobilenav .navimg{width: 40px; display: inline-block; position: absolute; top: 30px; right: 15px; cursor: pointer;}

.mblist{width: 100%; background: #fff; padding-bottom: 20px; display:none; position: absolute;z-index: 100000; top: 86px; left: 0;font-size:18px; color: #333; }
.mblist ul li{  border-bottom:dashed 1px #dcdcdc;  text-indent: 2em;}
.mblist ul li a{padding-left: 10px;color:#333; display: block; height:40px;line-height: 40px;position: relative;}
.mblist ul li .inactive{ background:url(../images/off.png) no-repeat 184px center;}
.mblist ul li .inactives{background:url(../images/on.png) no-repeat 184px center; color: #3E96C6;}

.mblist ul li .oinactive{ background:url(../images/off1.png) no-repeat 10px center;}
.mblist ul li .oinactives{background:url(../images/on1.png) no-repeat 10px center;color: #3E96C6;} 
 
.mblist ul li ul{display: none;}
.mblist ul li ul li { }
.mblist ul li ul li ul{display: none;}
.mblist ul li ul li a{ text-indent: 3em; }
.mblist ul li ul li ul li {  border-bottom:dashed 1px #dcdcdc; }
.last{ border: none; }
.mblist ul li ul li ul li a{ text-indent: 4em;}
.mblist .line{border-bottom:dashed 1px #dcdcdc;width: 100%;}

.scrollone{width: 100%; height: 51% !important; overflow:hidden;position: relative;margin-top: -64px;}
.banner{ width:100%; height:100%; margin-top: 0px; position:relative;z-index: 100;}
.banner #slides { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:relative}
.banner #slides .slide1{background:url(../images/ban1.jpg) no-repeat center bottom;background-size:110% ;}
.banner #slides .slide2{background:url(../images/ban2.jpg) no-repeat center bottom;background-size:110% ;}
.banner #slides .slide3{background:url(../images/ban3.jpg) no-repeat center bottom;background-size:110% ;}
.banner #slides .slide4{background:url(../images/ban4.jpg) no-repeat center bottom;background-size:120% ;}

.banner #pagination {display:block;list-style:none; position:absolute;width: 250px; right: 0; left:0; margin:auto;bottom:10%; z-index:9900; height: 5px;overflow: hidden; }
.banner #slides ul li{background-position:center 80%;}

.banner #slides .mid_img{position: absolute; margin: 25% 20%;}
.banner #slides .mid_img img{width: 100%;}
.prv_down{display: none;}

.scrolltwo{width: 100%;height: 51% !important; background: url(../images/scro2.jpg) no-repeat 40% top; background-size:142% ; overflow: hidden; position: relative;}
.commenbox{display: none;}

.mb_yw{display: block;width: 200px;height: 330px; text-align: center;position: absolute; left: 50%;margin-left: -100px; top: 40%;margin-top: -130px;}
.mb_yw p{text-align: center;}
.mb_yw .tt{font-size: 20px;color: #333; line-height: 35px; margin: 20px 0 40px; }
.mb_yw .img{vertical-align:text-top; width: 60px; display: inline-block;}
.mb_yw ul li{line-height: 30px; font-size: 16px;color: #333; margin: 20px 0;text-align: left;padding-left: 30px;}
.mb_yw a{color:#333}

.scrollthree{width: 100%;height: 51% !important; background: url(../images/scro3.jpg) no-repeat center bottom; background-size:140% ;overflow: hidden; position: relative;}

.mbnewbox{display: block; width: 100%; text-align: center;position: absolute; top: 40%; margin-top:-200px;}
.mbnewbox .btit{font-size: 20px;color: #333; line-height: 35px; margin: 40px 0 20px;}
.mbnewbox .tit{font-size: 16px;color: #666; float: left;}
.mbnewbox .time{font-size: 16px;color: #999; float: right; }
.mbnewbox ul li{padding: 0px 30px; border-bottom: 1px dashed #C9C9C9; height: 50px; line-height: 50px; margin: 0 25px;}
.mbnewbox .more{font-size: 16px; color: #17479D; margin: 40px 0;}
.mbnewbox .more a{color: #17479D;}

/*灯塔客户*/
.scrollfour{width: 100%;height: 75% !important; background: url(../images/scro4.jpg) no-repeat center top;overflow: hidden; position: relative;}
.mb_kh{display:block;text-align: center;width: 100%;position: absolute; top: 50%; margin-top:-335px;}
.mb_kh .tit{font-size: 20px;color: #333; line-height: 35px; margin: 20px 0 40px;}
.mb_kh ul{background: #fff; opacity: 0.6; border-radius: 10px; margin: 20px 40px; padding: 20px 0;}
.mb_kh .dot{color:#3e96c6; width: 50px;display: inline-block;} 
.mb_kh ul li{font-size: 16px; line-height: 50px;}
.mb_kh .trt{margin-left: 20px; display: inline-block; width: 150px; text-align: left;}

/*照片*/
.scrollfive{width: 100%;height: 60% !important; background: url(../images/scro5.jpg) no-repeat center 62%;background-size:100%;overflow: hidden; position: relative;}


/*底部*/
.scrollsix{width: 100%;height: 60% !important; background: url(../images/scro6.jpg) no-repeat center top;background-size:134%;overflow: hidden; position: relative;}

.footbox{display: none;}
.mb_foot{display: block;font-size: 14px;color: #333; line-height: 30px; text-align: center;position: absolute; top: 44%; margin-top:-280px;left: 50%;margin-left: -150px;}
.mb_foot .tit{font-size: 20px;color: #333; margin: 20px 0 40px;}
.mb_foot .tit2{font-size: 18px; color: #333; }

.mb_adres{width:270px;margin: 0 auto; height: auto;overflow: hidden; text-align: left;}


/*公开课列表页 内容页*/	
.con_ban{background: url(../images/conban.jpg) no-repeat 42% top; width: 100%;height: 30%; background-size: 342%; }
.maincont{padding-top: 0px; height: auto;overflow: hidden;}
.glp{background: #FAFAFA;}
.gkk_list{display: none;}
.com_box{width: 94%; margin: 3%;min-height: 600px;}
.left_nav{display: none;}
.position{border-bottom: 1px solid #E5E6EB; height: 30px; font-size: 16px; text-align: right;color:#999;padding: 15px 20px 0;}
.position img{display: none;}	

.right_box{width: 100%; margin-right: 0px;}
.page{display: none;}
	
.mblistbox{display:block;}
.ccom_tit{display:block;padding: 0px 0px 7px;margin: 10px 15px;border-bottom: 2px solid #3E96C6; line-height: 25px;}

.ccom_tit .tt1{font-size: 20px; color: #333;}
.ccom_tit .tt2{font-size: 16px; color: #999;}

.mbgkk_list{line-height:26px;}
.mbgkk_list .gt1{font-size: 20px; color: #333; margin-bottom: 5px;}
.mbgkk_list .gt2{font-size: 16px; color: #999;}
.mbgkk_list .mb_btn{font-size: 16px; color: #fff; padding: 4px 16px; background: #3E96C6;border-radius: 5px; display: inline-block; float: right;margin-top: -8px;margin-bottom: 8px;}
.mbgkk_list ul li{border-bottom: 1px dashed #BFBFBF; margin: 10px 20px; height: auto;overflow: hidden;padding-bottom: 6px;}

.mbpage{display: table; margin-left:auto; margin-right: auto; height: 50px; margin-top: 40px;padding-bottom: 20px;}
.mbpage ul li{float: left; padding: 4px 9px; color: #999;border: 1px solid #ccc; border-radius: 3px; margin: 10px 5px; }
.mbpage ul li:hover{color: #fff;background: #3E96C6; border: 1px solid #3E96C6;}
.mbpage .on{color: #fff;background: #3E96C6; border: 1px solid #3E96C6;}


footer{display: none;}

.mobile_foot{display:block;text-align: center; color: #333; line-height: 22px; padding: 10px 0; font-size: 14px;}
.mobile_foot a{color: #333;}

.mobile_foot2{display: none;}


.contentbox{ padding: 10px 20px;}
.contentbox .tit{font-size: 22px;color: #3E96C6; text-align: center;}
.contentbox .tit2{font-size: 18px;color: #666; text-align: center; letter-spacing: 2px; margin: 15px 0 20px;}
.contentbox p{font-size: 16px;color: #666; line-height: 32px;}


.wybmbtn{display: block;}
.wybmbtn span{ margin: 10px 20px 20px;height: 36px;width: 120px; background: #3E96C6; color: #fff; display: inline-block;text-align: center; line-height: 36px; border-radius:5px;}

#light{display:none;position:fixed;bottom:10%;left: 6%;height:auto;width:88%;background:#fcfcfc;z-index:1002;font-family:"微软雅黑";border: 1px solid #DCDCDC; border-radius: 10px; box-shadow: 1px 1px 4px #C9C9C9;}
.botbox{ height:100%; width:100%;}
.botbox .bmtit{font-size: 20px;color:#3E96C6; text-align: center; margin: 15px 0 0px;}

.botbox .bmfom{font-size: 16px;color: #666; margin:0 10% 5%; text-align: left; line-height:32px; height: auto;overflow: hidden;}
.botbox .bmfom .red{color: #79080C;}
.botbox .input input{width: 99%; height: 30px; border: 1px solid #BFBFBF;text-indent: 1em;}


.closebtn{ position: absolute;right: -10px; top: -10px;}

.cminbtn{ text-align:center; width:181px; height:33px; display:inline-block; text-align:center; color:#fff; background:#3E96C6; line-height:30px;
 border-radius:5px; border: none; font-size: 16px; margin-top:10px; cursor: pointer;} 

/*关于我们*/
.aboutcont{display: none;}
.video{margin-bottom: 10px;}

.botbox .textare textarea{height: 50px;border: 1px solid #BFBFBF;}

/*新闻列表*/
.newcont{padding: 10px 20px;}

.news_list{display: none;}



.news_lists{width: auto; margin: 0 20px;height: auto; overflow: hidden; font-size: 18px; color: #666;}
.news_lists ul li{line-height: 24px;height: 24px; margin: 10px 0;background: url(../images/newico.png) no-repeat left 33%;border-bottom: 1px dashed #CCCCCC;padding: 0 0px 8px 14px;}
.news_lists ul li:hover{padding: 0 0px 8px 14px;background: url(../images/newon.png) no-repeat left 33%;}
.news_lists ul li:hover a{color: #3E96C6;}
.news_lists .tt{margin-left: 5px;float: left;display: inline-block;}
.news_lists .time{float: right;display: inline-block}

.new_top .tit .tt1{font-size: 22px;margin: 0px 0 20px;}
.new_top .tit .tt2{margin-bottom: 20px; font-size: 14px;color: #999;}
.new_top .trt{margin-top: 13px;font-size: 16px;}
.newprnet{margin: 30px 0 10px; padding-bottom: 15px;}

/*书籍列表*/
.gmhzzx{background:#3E96C6; color: #fff; padding: 4px 10px; position: absolute; right: 0; top: 8px; border-radius: 5px;font-size: 15px;}

.bookimg{float: left; width: 22%; height: 100%; }
.bookimg img{width: 100%;}
.booktr{float: right;width: 75%;}
.booktr .tit{font-size: 20px; margin: 0px 0 18px;}
.booktr .trt{font-size: 16px; text-align: justify;line-height: 30px;}
#lights{position: fixed; top: 18%; left: 15%; width: 70%; height:auto;}

/*画报*/
.hb_list{font-size: 18px;}
.hb_list ul li{line-height: 22px; height: 22px; padding: 10px 18px 10px 20px; color: #888; background: url(../images/hbico.png) no-repeat 4% 51%;}
.hb_list .tt{margin-left: 23px;}
.hb_list ul li:hover{padding: 10px 18px 10px 20px;  background: url(../images/hbico.png) no-repeat 4% 51%;}

/*市场活动*/
#mtab{font-size: 16px;}
#mtab .mnav{margin: 0px 15px;}
#mtab .mnav li span{padding: 0px 10px;}
#mtab .box{text-align: center;}
.malist{margin: 15px;}
	
.to_top{position: fixed; right: 1%; bottom:5%; z-index:10000000}

/*英文首页*/
.commen_titles{ text-align: center;margin:10% 5%;}
.commen_titles img { width: 50%;}
.mb_enabout{display: block; margin: 5%;}
.mb_enabout .aboutimg {text-align: center;}
.mb_enabout .aboutimg img{width: 70%;margin-bottom: 2%;}
	
.mb_yws .ters{text-align: left; margin-left: 20px;width: 202px;display: inline-block;}

.mb_yws{display: block; text-align: center;}
.mb_yws p{text-align: center;}
.mb_yws .tt{font-size: 20px;color: #333; line-height: 35px; margin: 20px 0 40px; }
.mb_yws .img{vertical-align:text-top; width: 60px; display: inline-block;}
.mb_yws ul li{line-height: 41px; font-size: 16px;color: #333; margin: 0px 30%;text-align: left;}
.mb_yws a{color:#333}

.scrolltwos{width: 100%;height: 51% !important; background: url(../images/scro2.jpg) no-repeat 40% top; background-size:142% ; overflow: hidden; position: relative;}
.scrollthrees{width: 100%;height: 80% !important; background: url(../images/scro3.jpg) no-repeat center bottom; background-size:140% ;overflow: hidden; position: relative;}
.scrollfours{width: 100%;height: 68% !important; background: url(../images/scro4.jpg) no-repeat center top;overflow: hidden; position: relative;}
.scrollsixs{width: 100%;height: 72% !important; background: url(../images/scro6.jpg) no-repeat center top;background-size:176%;overflow: hidden; position: relative;}

.mb_khs{display:block;text-align: center;width: 100%;}
.mb_khs .tit{font-size: 20px;color: #333; line-height: 35px; margin: 20px 0 40px;}
.mb_khs ul{background: #fff; opacity: 0.6; border-radius: 10px; margin: 20px 40px; padding: 20px 0;}
.mb_khs .dot{color:#3e96c6; width: 50px;display: inline-block;} 
.mb_khs ul li{font-size: 16px; line-height: 50px;}
.mb_khs .trt{margin-left: 20px; display: inline-block; width: 150px; text-align: left;}

.mb_foots{display: block;font-size: 14px;color: #333; line-height: 30px; text-align: center;}
.mb_foots .tit{font-size: 20px;color: #333; margin: 20px 0 40px;}
.mb_foots .tit2{font-size: 18px; color: #333; }

iframe{height:300px}

}


/** 手机界面 iPhone **/

@media only screen and (min-width: 321px) and (max-width: 767px)
{
	

	
	header{height:65px;}
	.gpdm{display:none}
	.headcon{width: 100%; border-bottom: 1px solid #eee; height: 65px;background: #fff; position: fixed;top: 0px;}
.logo img{width: 160px; margin-left: 20px;}
.search{display: none;}	
nav{display: none;}
.ennav{display: none;}
.mobilenav{display: block; position: relative; }
.mobilenav .navimg{width: 30px; display: inline-block; position: absolute; top: 20px; right: 24px; cursor: pointer;}
.mobilenav .navimg img{width: 30px;}


.mblist{width: 100%; background: #fff; padding-bottom: 20px; display:none; position: absolute;z-index: 100000; top: 66px; left: 0;font-size:16px; color: #333; }
.mblist ul li{  border-bottom:dashed 1px #dcdcdc;  text-indent: 2em;}
.mblist ul li a{padding-left: 10px;color:#333; display: block; height:40px;line-height: 40px;position: relative;}
.mblist ul li .inactive{ background:url(../images/off.png) no-repeat 93%;}
.mblist ul li .inactives{background:url(../images/on.png) no-repeat 93%; color: #3E96C6;}

.mblist ul li .oinactive{ background:url(../images/off1.png) no-repeat 20px center;}
.mblist ul li .oinactives{background:url(../images/on1.png) no-repeat 20px center;color: #3E96C6;} 
 
.mblist ul li ul{display: none;}
.mblist ul li ul li { }
.mblist ul li ul li ul{display: none;}
.mblist ul li ul li a{ text-indent: 3em; }
.mblist ul li ul li ul li {  border-bottom:dashed 1px #dcdcdc; }
.last{ border: none; }
.mblist ul li ul li ul li a{ text-indent: 4em;}
.mblist .line{border-bottom:dashed 1px #dcdcdc;width: 100%;}


.scrollone{width: 100%; height: 100% !important; overflow:hidden;position: relative;margin-top: -64px;}
.banner{ width:100%; height:100%; margin-top: 0px; position:relative;z-index: 100;}
.banner #slides { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:relative}
.banner #slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
.banner #slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
.banner #slides .slide1{background:url(../images/mb_ban1.jpg) no-repeat center bottom;background-size:100% ;}
.banner #slides .slide2{background:url(../images/mb_ban2.jpg) no-repeat center top;background-size:100% ;}
.banner #slides .slide3{background:url(../images/mb_ban3.jpg) no-repeat center top;background-size:100% ;}
.banner #slides .slide4{background:url(../images/mb_ban2.jpg) no-repeat center top;background-size:100% ;}

.banner #pagination {display:block;list-style:none; position:absolute;width: 250px; right: 0; left:0; margin:auto;bottom:8%; z-index:9900; height: 5px;overflow: hidden; }
.banner #slides ul li{background-position:center 80%;}

.banner #slides .mid_img{position: absolute;margin-top: 78%; margin-left:4% ;margin-right:4% ;}
.banner #slides .mid_img img{width: 100%; height: 100%;}

/*新闻滚动框*/
.newnotic{display:block; width: 540px;height: 20px; overflow: hidden;position: absolute;left:5%; bottom:20%;z-index: 100;font-size: 14px;}
#newts{margin-left: 10px;}
.prv_down{display: none;}

.scrolltwo{width: 100%;height: 92% !important; background: url(../images/scro2.jpg) no-repeat 42% top;background-size:246% ; overflow: hidden; position: relative;}
.commenbox{display: none;}

/*业务版图*/
.mb_yw{display: block; height:auto;overflow:hidden;text-align: center;margin: 10% 0;}
.mb_yw p{text-align: center;}
.mb_yw .tt{font-size: 20px;color: #333; line-height: 35px; margin: 20px 0 40px; }
.mb_yw .img{vertical-align:text-top; width: 60px; display: inline-block;}
.mb_yw ul li{line-height: 40px; font-size: 16px;color: #333; margin: 20px 0;text-align:center;}
.mb_yw a{color:#333}
.mb_yw .ter{text-align: left; margin-left: 20px;width: 100px;display: inline-block;vertical-align: middle;}

/*新闻*/
.scrollthree{width: 100%;height: 90% !important; background: url(../images/scro3.jpg) no-repeat 63% bottom;background-size:290% ;overflow: hidden; position: relative;}

.mbnewbox{display: none;}
.mbnewbox2{display: block; width: 100%; text-align: center; height: auto;overflow: hidden;    margin-top: 20px;}
.mbnewbox2 .btit{font-size: 20px;color: #333; line-height: 35px; margin: 20px 0 10px;}
.mbnewbox2 .tit{color: #666; float: left;}
.mbnewbox2 .time{color: #999; float: right; }
.mbnewbox2 ul li{font-size: 14px; margin: 0px 15px;padding: 0 8px; border-bottom: 1px dashed #C9C9C9; height: 50px; line-height: 50px;}
.mbnewbox2 .more{font-size: 16px; color: #17479D; margin: 40px 0;}
.mbnewbox2 .more a{color: #17479D;}

/*灯塔客户*/
.scrollfour{width: 100%;height: 100% !important; background: url(../images/scro4.jpg) no-repeat center top;    background-size: 318%;overflow: hidden; position: relative;}
.mb_kh{display:block;text-align: center;width: 100%;margin-top: 20px;}
.mb_kh .tit{font-size: 20px;color: #333; line-height: 35px; margin: 10px 0 0px;}
.mb_kh ul{background: #fff; opacity: 0.6; border-radius: 10px; margin: 20px 40px; padding: 8px 0;}
.mb_kh .dot{color:#3e96c6; width: 12px;display: inline-block;} 
.mb_kh ul li{font-size: 16px; line-height: 28px;}
.mb_kh .trt{margin-left: 12px; display: inline-block; width: 220px; text-align: left;}

/*照片*/
.scrollfive{width: 100%;height:48% !important; background: url(../images/scro5.jpg) no-repeat center top;background-size:140% ;overflow: hidden; position: relative;}


/*底部*/
.scrollsix{width: 100%;height: 92%; background: url(../images/scro6.jpg) no-repeat 62% bottom;background-size:265% ;overflow: hidden; position: relative;}
.footbox{display: none;}
.mb_foot{display: block;font-size: 14px;color: #333; line-height: 30px; text-align: center; margin-top: 50px;}
.mb_foot .tit{font-size: 20px;color: #333; margin: 20px 0 20px;}
.mb_foot .tit2{font-size: 18px; color: #333; }
.mb_foot img{width: 130px;}	
.mb_adres{width:270px;margin: 0 auto; height: auto;overflow: hidden; text-align: left;}
		


/*公开课列表页 内容页*/	
.con_ban{background: url(../images/conban.jpg) no-repeat 42% top; width: 100%;height: 30%; background-size: 342%; }
.maincont{padding-top: 0px; height: auto;overflow: hidden;}
.glp{background: #FAFAFA;}
.gkk_list{display: none;}
.com_box{width: 94%; margin: 3%;min-height: 600px;}
.left_nav{display: none;}
.position{border-bottom: 1px solid #E5E6EB; height: 30px; font-size: 12px; text-align: right;color:#999;padding: 15px 20px 0;}
.position img{display: none;}	

.right_box{width: 100%; margin-right: 0px;}
.page{display: none;}
	
.mblistbox{display:block;}
.ccom_tit{display:block;padding: 0px 0px 7px;margin: 10px 15px;border-bottom: 2px solid #3E96C6; line-height: 25px;}

.ccom_tit .tt1{font-size: 17px; color: #333;}
.ccom_tit .tt2{font-size: 12px; color: #999;}

.mbgkk_list{line-height:26px;}
.mbgkk_list .gt1{font-size: 16px; color: #333; margin-bottom: 5px;}
.mbgkk_list .gt2{font-size: 14px; color: #999;}
.mbgkk_list .mb_btn{font-size: 14px; color: #fff; padding: 2px 16px; background: #3E96C6;border-radius: 5px; display: inline-block; float: right;margin-top: -8px;margin-bottom: 8px;}
.mbgkk_list ul li{border-bottom: 1px dashed #BFBFBF; margin: 10px 20px; height: auto;overflow: hidden;padding-bottom: 6px;}

.mbpage{display: table; margin-left:auto; margin-right: auto; height: 50px; margin-top: 40px;padding-bottom: 20px;}
.mbpage ul li{float: left; padding: 4px 9px; color: #999;border: 1px solid #ccc; border-radius: 3px; margin: 10px 5px; }
.mbpage ul li:hover{color: #fff;background: #3E96C6; border: 1px solid #3E96C6;}
.mbpage .on{color: #fff;background: #3E96C6; border: 1px solid #3E96C6;}


footer{display: none;}

.mobile_foot{display:block;text-align: center; color: #333; line-height: 22px; padding: 10px 0; font-size: 12px;}
.mobile_foot a{color: #333;}

.mobile_foot2{display: none;}

.listbox2{height: auto;overflow:hidden;margin-top: 20px; padding: 0px 0px;}
.contentbox{ padding: 10px 20px;}
.contentbox .tit{font-size: 18px;color: #3E96C6; text-align: center;}
.contentbox .tit2{font-size: 16px;color: #666; text-align: center; letter-spacing: 2px; margin: 15px 0 20px;}
.contentbox p{font-size: 14px;color: #666; line-height: 28px;}
.contentbox img{width: 100%;}

.wybmbtn{display: block;}
.wybmbtn span{ margin: 10px 20px;height: 30px;width: 110px; background: #3E96C6; color: #fff; display: inline-block;text-align: center; line-height: 30px; border-radius:5px;}

#light{display:none;position:fixed;bottom:10%;left: 6%;height:auto;width:88%;background:#fcfcfc;z-index:1002;font-family:"微软雅黑";border: 1px solid #DCDCDC; border-radius: 10px; box-shadow: 1px 1px 4px #C9C9C9;}
.botbox{ height:100%; width:100%;}
.botbox .bmtit{font-size: 16px;color:#3E96C6; text-align: center; margin: 15px 0 0px;}

.botbox .bmfom{font-size: 12px;color: #666; margin:0 10% 5%; text-align: left; line-height:20px; height: auto;overflow: hidden;}
.botbox .bmfom .red{color: #79080C;}
.botbox .input input{width: 99%; height: 24px; border: 1px solid #BFBFBF;text-indent: 1em;}


.closebtn{ position: absolute;right: -10px; top: -10px;}

.cminbtn{ text-align:center; width:181px; height:33px; display:inline-block; text-align:center; color:#fff; background:#3E96C6; line-height:30px;
 border-radius:5px; border: none; font-size: 16px; margin-top:10px; cursor: pointer;} 

/*关于我们*/
.aboutcont{display: none;}
.video{margin-bottom: 10px;}

.botbox .textare textarea{height: 50px;}

/*新闻列表*/
.newcont{padding: 10px 20px;}

.news_list{display: none;}



.news_lists{width: auto; margin: 0 20px;height: auto; overflow: hidden; font-size: 14px; color: #666;}
.news_lists ul li{line-height: 24px;height: 24px; margin: 10px 0;background: url(../images/newico.png) no-repeat left 33%;border-bottom: 1px dashed #CCCCCC;padding: 0 0px 8px 14px;}
.news_lists ul li:hover{padding: 0 0px 8px 14px;background: url(../images/newon.png) no-repeat left 33%;}
.news_lists ul li:hover a{color: #3E96C6;}
.news_lists .tt{margin-left: 5px;float: left;display: inline-block;}
.news_lists .time{float: right;display: inline-block}

.new_top .tit .tt1{font-size: 18px;margin: 0px 0 12px;}
.new_top .tit .tt2{margin-bottom: 13px; font-size: 12px;color: #999;}
.new_top .trt{margin-top: 13px;}
.new_top .trt img{ width:100%;display: block;}
.newprnet{margin: 30px 0 10px; padding-bottom: 15px;}

/*书籍列表*/
.gmhzzx{background:#3E96C6; color: #fff; padding: 2px 6px; position: absolute; right: 0; top: 8px; border-radius: 5px;font-size: 12px;}

.bookimg{float: left; width: 22%; height: 100%; }
.bookimg img{width: 100%;}
.booktr{float: right;width: 75%;}
.booktr .tit{font-size: 13px; margin: 0px 0 5px;text-align: justify;}
.booktr .trt{font-size: 12px; text-align: justify;line-height: 16px;}
#lights{position: fixed; top: 18%; left: 15%; width: 70%; height:auto;}

/*画报*/
.hb_list{font-size: 12px;}
.hb_list ul li{line-height: 22px; height: 22px; padding: 10px 18px 10px 20px; color: #888; background: url(../images/hbico.png) no-repeat 4% 51%;}
.hb_list .tt{margin-left: 0px;}
.hb_list ul li:hover{padding: 10px 18px 10px 20px;  background: url(../images/hbico.png) no-repeat 4% 51%;}

/*市场活动*/
#mtab{font-size: 13px;}
#mtab .mnav{margin: 0px 15px;}
#mtab .mnav li span{padding: 0px 6px;}
#mtab .box{text-align: center;}


.to_top{position: fixed; right: 1%; bottom:2%; z-index:10000000}

/*英文首页*/
.commen_titles{ text-align: center;margin:10% 5%;}
.commen_titles img { width: 50%;}
.mb_enabout{display: block; margin: 5%;}
.mb_enabout .aboutimg {text-align: center;}
.mb_enabout .aboutimg img{width: 70%;margin-bottom: 2%;}

/*业务版图*/
.mb_yws{display: block; height:auto;overflow:hidden;text-align: center; margin-top: 96px;}
.mb_yws p{text-align: center;}
.mb_yws .tt{font-size: 20px;color: #333; line-height: 35px; margin: 20px 0 40px; }
.mb_yws .img{vertical-align:text-top; width: 60px; display: inline-block;}
.mb_yws ul li{line-height: 40px; font-size: 16px;color: #333; margin: 20px 0;text-align:center;}
.mb_yws a{color:#333}	
.mb_yws .ters{text-align: left; margin-left: 20px;width: 202px;display: inline-block;}

.scrolltwos{width: 100%;height: 92% !important; background: url(../images/scro2.jpg) no-repeat 42% top;background-size:246% ; overflow: hidden; position: relative;}
.scrollthrees{width: 100%;height: 90% !important; background: url(../images/scro3.jpg) no-repeat 63% bottom;background-size:290% ;overflow: hidden; position: relative;}
.scrollfours{width: 100%;height: 92% !important; background: url(../images/scro4.jpg) no-repeat center top;    background-size: 290%;overflow: hidden; position: relative;}
.scrollsixs{width: 100%;height: 92% !important; background: url(../images/scro6.jpg) no-repeat 62% bottom;background-size:265% ;overflow: hidden; position: relative;}

.mb_khs{display:block;text-align: center;width: 100%;margin-top: 60px;}
.mb_khs .tit{font-size: 20px;color: #333; line-height: 35px; margin: 10px 0 40px;}
.mb_khs ul{background: #fff; opacity: 0.6; border-radius: 10px; margin: 20px 40px; padding: 20px 0;}
.mb_khs .dot{color:#3e96c6; width: 50px;display: inline-block;} 
.mb_khs ul li{font-size: 16px; line-height: 50px;}
.mb_khs .trt{margin-left: 20px; display: inline-block; width: 150px; text-align: left;}



.mb_foots{display: block;font-size: 14px;color: #333; line-height: 30px; text-align: center; margin-top: 100px;}
.mb_foots .tit{font-size: 20px;color: #333; margin: 20px 0 40px;}
.mb_foots .tit2{font-size: 18px; color: #333; }
.mb_foots img{width: 130px;}	

iframe{height:230px}

}


@media screen and (max-width: 320px) {
	.newf{display: none;}
	.gpdm{display:none}
iframe{height:200px}	


.mobile_foot{display:none;}		
.mobile_foot2{display:block;text-align: center; color: #333; line-height: 22px; padding: 10px 0; font-size: 12px;}	
	

header{height:65px ;}
	.headcon{width: 100%; border-bottom: 1px solid #eee; height: 65px;background: #fff; position: fixed;top: 0px;}
.logo img{width: 160px; margin-left: 20px;}
.search{display: none;}	
nav{display: none;}
.ennav{display: none;}
.mobilenav{display: block; position: relative; }
.mobilenav .navimg{width: 30px; display: inline-block; position: absolute; top: 20px; right: 24px; cursor: pointer;}
.mobilenav .navimg img{width: 30px;}


.mblist{width: 100%; background: #fff; padding-bottom: 20px; display:none; position: absolute;z-index: 100000; top: 66px; left: 0;font-size:16px; color: #333; }
.mblist ul li{  border-bottom:dashed 1px #dcdcdc;  text-indent: 2em;}
.mblist ul li a{padding-left: 10px;color:#333; display: block; height:40px;line-height: 40px;position: relative;}
.mblist ul li .inactive{ background:url(../images/off.png) no-repeat 93%;}
.mblist ul li .inactives{background:url(../images/on.png) no-repeat 93%; color: #3E96C6;}

.mblist ul li .oinactive{ background:url(../images/off1.png) no-repeat 20px center;}
.mblist ul li .oinactives{background:url(../images/on1.png) no-repeat 20px center;color: #3E96C6;} 
 
.mblist ul li ul{display: none;}
.mblist ul li ul li { }
.mblist ul li ul li ul{display: none;}
.mblist ul li ul li a{ text-indent: 3em; }
.mblist ul li ul li ul li {  border-bottom:dashed 1px #dcdcdc; }
.last{ border: none; }
.mblist ul li ul li ul li a{ text-indent: 4em;}
.mblist .line{border-bottom:dashed 1px #dcdcdc;width: 100%;}


.scrollone{width: 100%; height: 100% !important; overflow:hidden;position: relative;margin-top: -64px;}
.banner{ width:100%; height:100%; margin-top: 0px; position:relative;z-index: 100;}
.banner #slides { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:relative}
.banner #slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
.banner #slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
.banner #slides .slide1{background:url(../images/mb_ban1.jpg) no-repeat center bottom;background-size:100% ;}
.banner #slides .slide2{background:url(../images/mb_ban2.jpg) no-repeat center bottom;background-size:100% ;}
.banner #slides .slide3{background:url(../images/mb_ban3.jpg) no-repeat center bottom;background-size:100% ;}
.banner #slides .slide4{background:url(../images/mb_ban2.jpg) no-repeat center bottom;background-size:100% ;}

.banner #pagination {display:block;list-style:none; position:absolute;width: 250px; right: 0; left:0; margin:auto;bottom:8%; z-index:9900; height: 5px;overflow: hidden; }
.banner #slides ul li{background-position:center 80%;}

.banner #slides .mid_img{position: absolute;margin-top: 78%; margin-left:4% ;margin-right:4% ;}
.banner #slides .mid_img img{width: 100%; height: 100%;}

/*新闻滚动框*/
.newnotic{display:block; width: 540px;height: 20px; overflow: hidden;position: absolute;left:5%; bottom:20%;z-index: 100;font-size: 14px;}
#newts{margin-left: 0px}
.prv_down{display: none;}

.scrolltwo{width: 100%;height: 92% !important; background: url(../images/scro2.jpg) no-repeat 42% top;background-size:246% ; overflow: hidden; position: relative;}
.commenbox{display: none;}

/*业务版图*/

.mb_yw{display: block; height:auto;overflow:hidden;text-align: center; margin-top: 0px;}
.mb_yw p{text-align: center;}
.mb_yw .tt{font-size: 20px;color: #333; line-height: 35px; margin: 20px 0 40px; }
.mb_yw .img{vertical-align:text-top; width: 60px; display: inline-block;}
.mb_yw ul li{line-height: 40px; font-size: 16px;color: #333; margin: 20px 0;text-align:center;}
.mb_yw a{color:#333}
.mb_yw .ter{text-align: left; margin-left: 20px;width: 100px;display: inline-block;vertical-align: middle;}

/*新闻*/
.scrollthree{width: 100%;height: 90% !important; background: url(../images/scro3.jpg) no-repeat 63% bottom;background-size:290% ;overflow: hidden; position: relative;}

.mbnewbox{display: none;}
.mbnewbox2{display: block; width: 100%; text-align: center; height: auto;overflow: hidden;    margin-top: 20px;}
.mbnewbox2 .btit{font-size: 20px;color: #333; line-height: 35px;margin: 10px 0;}


.mbnewbox2 .tit{color: #666; float: left;}
.mbnewbox2 .time{color: #999; float: right; }

.mbnewbox2 .more{font-size: 16px; color: #17479D; margin: 40px 0;}
.mbnewbox2 .more a{color: #17479D;}

.mbnewbox2 ul li{font-size: 12px; height: 45px;line-height: 45px;    margin: 0px 15px;padding: 0 8px;border-bottom: 1px dashed #C9C9C9;}


/*灯塔客户*/
.scrollfour{width: 100%;height: 91% !important; background: url(../images/scro4.jpg) no-repeat center top;    background-size: 290%;overflow: hidden; position: relative;}

.mb_kh .tit{font-size: 20px;color: #333; line-height: 35px; margin: 10px 0 40px;}
.mb_kh ul{background: #fff; opacity: 0.6; border-radius: 10px; margin: 20px 40px; padding: 10px 0;}
.mb_kh .dot{color:#3e96c6; width: 10px;display: inline-block;} 
.mb_kh .trt { margin-left: 10px;display: inline-block; width: 200px;text-align: left;}
.mb_kh ul li{font-size: 16px; line-height: 35px;}


.mb_kh{margin-top: 22px;  display: block;text-align: center;width: 100%;}
.mb_kh .tit{margin: 0px 0 10px;}

/*照片*/
.scrollfive{width: 100%;height:40% !important; background: url(../images/scro5.jpg) no-repeat center top;background-size:135% ;overflow: hidden; position: relative;}


/*底部*/
.scrollsix{width: 100%;height: 92%; background: url(../images/scro6.jpg) no-repeat 62% bottom;background-size:265% ;overflow: hidden; position: relative;}
.footbox{display: none;}


.mb_foot{display: block;font-size: 14px;color: #333; line-height: 30px; text-align: center; margin-top: 50px;}
.mb_foot .tit{font-size: 20px;color: #333; margin: 20px 0 20px;}
.mb_foot .tit2{font-size: 18px; color: #333; }
.mb_foot img{width: 130px;}	
.mb_adres{width:260px;margin: 0 auto; height: auto;overflow: hidden; text-align: left;}



/*公开课列表页 内容页*/	
.con_ban{background: url(../images/conban.jpg) no-repeat 42% top; width: 100%;height: 30%; background-size: 342%; }
.maincont{padding-top: 0px; height: auto;overflow: hidden;}
.glp{background: #FAFAFA;}
.gkk_list{display: none;}
.com_box{width: 94%; margin: 3%;min-height: 600px;}
.left_nav{display: none;}
.position{border-bottom: 1px solid #E5E6EB; height: 30px; font-size: 12px; text-align: right;color:#999;padding: 15px 20px 0;}
.position img{display: none;}	

.right_box{width: 100%; margin-right: 0px;}
.page{display: none;}
	
.mblistbox{display:block;}
.ccom_tit{display:block;padding: 0px 0px 7px;margin: 10px 15px;border-bottom: 2px solid #3E96C6; line-height: 25px;}

.ccom_tit .tt1{font-size: 17px; color: #333;}
.ccom_tit .tt2{font-size: 12px; color: #999;}

.mbgkk_list{line-height:26px;}

.mbgkk_list .mb_btn{font-size: 14px; color: #fff; padding: 2px 16px; background: #3E96C6;border-radius: 5px; display: inline-block; float: right;margin-top: -8px;margin-bottom: 8px;}
.mbgkk_list ul li{border-bottom: 1px dashed #BFBFBF; margin: 10px 20px; height: auto;overflow: hidden;padding-bottom: 6px;}

.mbgkk_list .gt1{font-size: 15px; color: #333; margin-bottom: 5px;}
.mbgkk_list .gt2{font-size: 12px; color: #999;}



.mbpage{display: table; margin-left:auto; margin-right: auto; height: 50px; margin-top: 0px;}
.mbpage ul li{float: left; padding: 2px 6px; color: #999;border: 1px solid #ccc; border-radius: 3px; margin: 10px 2px; }
.mbpage ul li:hover{color: #fff;background: #3E96C6; border: 1px solid #3E96C6;}
.mbpage .on{color: #fff;background: #3E96C6; border: 1px solid #3E96C6;}


footer{display: none;}



.mobile_foot{display:none;}		
.mobile_foot2{display:block;text-align: center; color: #333; line-height: 22px; padding: 10px 0; font-size: 12px;}	



.listbox2{height: auto;overflow:hidden;margin-top: 20px; padding: 0px 0px;}
.contentbox{ padding: 10px 20px;}
.contentbox .tit{font-size: 18px;color: #3E96C6; text-align: center;}
.contentbox .tit2{font-size: 16px;color: #666; text-align: center; letter-spacing: 2px; margin: 15px 0 20px;}
.contentbox p{font-size: 14px;color: #666; line-height: 28px;}
.contentbox img{width: 100%;}

.wybmbtn{display: block;}
.wybmbtn span{ margin: 10px 20px;height: 30px;width: 110px; background: #3E96C6; color: #fff; display: inline-block;text-align: center; line-height: 30px; border-radius:5px;}

#light{display:none;position:fixed;bottom:10%;left: 6%;height:auto;width:88%;background:#fcfcfc;z-index:1002;font-family:"微软雅黑";border: 1px solid #DCDCDC; border-radius: 10px; box-shadow: 1px 1px 4px #C9C9C9;}
.botbox{ height:100%; width:100%;}
.botbox .bmtit{font-size: 16px;color:#3E96C6; text-align: center; margin: 15px 0 0px;}

.botbox .bmfom{font-size: 12px;color: #666; margin:0 10% 5%; text-align: left; line-height:20px; height: auto;overflow: hidden;}
.botbox .bmfom .red{color: #79080C;}
.botbox .input input{width: 99%; height: 24px; border: 1px solid #BFBFBF;text-indent: 1em;}


.closebtn{ position: absolute;right: -10px; top: -10px;}

.cminbtn{ text-align:center; width:181px; height:33px; display:inline-block; text-align:center; color:#fff; background:#3E96C6; line-height:30px;
 border-radius:5px; border: none; font-size: 16px; margin-top:10px; cursor: pointer;} 

/*关于我们*/
.aboutcont{display: none;}
.video{margin-bottom: 10px;}

.botbox .textare textarea{height: 50px;}

/*新闻列表*/
.newcont{padding: 10px 20px;}

.news_list{display: none;}



.news_lists{width: auto; margin: 0 20px;height: auto; overflow: hidden; font-size: 14px; color: #666;}
.news_lists ul li{line-height: 24px;height: 24px; margin: 10px 0;background: url(../images/newico.png) no-repeat left 33%;border-bottom: 1px dashed #CCCCCC;padding: 0 0px 8px 14px;}
.news_lists ul li:hover{padding: 0 0px 8px 14px;background: url(../images/newon.png) no-repeat left 33%;}
.news_lists ul li:hover a{color: #3E96C6;}
.news_lists .tt{margin-left: 5px;float: left;display: inline-block;}
.news_lists .time{float: right;display: inline-block}

.new_top .tit .tt1{font-size: 18px;margin: 0px 0 12px;}
.new_top .tit .tt2{margin-bottom: 13px; font-size: 12px;color: #999;}
.new_top .trt{margin-top: 13px;}
.new_top .trt img{ width:100%;display: block;}
.newprnet{margin: 30px 0 10px; padding-bottom: 15px;}

/*书籍列表*/
.gmhzzx{background:#3E96C6; color: #fff; padding: 2px 6px; position: absolute; right: 0; top: 8px; border-radius: 5px;font-size: 12px;}

.bookimg{float: left; width: 22%; height: 100%; }
.bookimg img{width: 100%;}
.booktr{float: right;width: 75%;}
.booktr .tit{font-size: 13px; margin: 0px 0 5px;text-align: justify;}
.booktr .trt{font-size: 12px; text-align: justify;line-height: 16px;}
#lights{position: fixed; top: 18%; left: 15%; width: 70%; height:auto;}

/*画报*/
.hb_list{font-size: 12px;}
.hb_list ul li{line-height: 22px; height: 22px; padding: 10px 18px 10px 20px; color: #888; background: url(../images/hbico.png) no-repeat 4% 51%;}
.hb_list .tt{margin-left: 0px;}
.hb_list ul li:hover{padding: 10px 18px 10px 20px;  background: url(../images/hbico.png) no-repeat 4% 51%;}

/*市场活动*/
#mtab{font-size: 13px;}
#mtab .mnav{margin: 0px 15px;}
#mtab .mnav li span{padding: 0px 6px;}
#mtab .box{text-align: center;}


.to_top{position: fixed; right: 1%; bottom:2%; z-index:10000000}

/*英文首页*/
.commen_titles{ text-align: center;margin:10% 5%;}
.commen_titles img { width: 50%;}
.mb_enabout{display: block; margin: 5%;}
.mb_enabout .aboutimg {text-align: center;}
.mb_enabout .aboutimg img{width: 70%;margin-bottom: 2%;}

/*业务版图*/
.mb_yws{display: block; height:auto;overflow:hidden;text-align: center; margin-top: 96px;}
.mb_yws p{text-align: center;}
.mb_yws .tt{font-size: 20px;color: #333; line-height: 35px; margin: 20px 0 40px; }
.mb_yws .img{vertical-align:text-top; width: 60px; display: inline-block;}
.mb_yws ul li{line-height: 40px; font-size: 16px;color: #333; margin: 20px 0;text-align:center;}
.mb_yws a{color:#333}	
.mb_yws .ters{text-align: left; margin-left: 20px;width: 202px;display: inline-block;}

.scrolltwos{width: 100%;height: 92% !important; background: url(../images/scro2.jpg) no-repeat 42% top;background-size:246% ; overflow: hidden; position: relative;}
.scrollthrees{width: 100%;height: 90% !important; background: url(../images/scro3.jpg) no-repeat 63% bottom;background-size:290% ;overflow: hidden; position: relative;}
.scrollfours{width: 100%;height: 92% !important; background: url(../images/scro4.jpg) no-repeat center top;    background-size: 290%;overflow: hidden; position: relative;}
.scrollsixs{width: 100%;height: 92% !important; background: url(../images/scro6.jpg) no-repeat 62% bottom;background-size:265% ;overflow: hidden; position: relative;}

.mb_khs{display:block;text-align: center;width: 100%;margin-top: 60px;}
.mb_khs .tit{font-size: 20px;color: #333; line-height: 35px; margin: 10px 0 40px;}
.mb_khs ul{background: #fff; opacity: 0.6; border-radius: 10px; margin: 20px 40px; padding: 20px 0;}
.mb_khs .dot{color:#3e96c6; width: 50px;display: inline-block;} 
.mb_khs ul li{font-size: 16px; line-height: 50px;}
.mb_khs .trt{margin-left: 20px; display: inline-block; width: 150px; text-align: left;}



.mb_foots{display: block;font-size: 14px;color: #333; line-height: 30px; text-align: center; margin-top: 100px;}
.mb_foots .tit{font-size: 20px;color: #333; margin: 20px 0 40px;}
.mb_foots .tit2{font-size: 18px; color: #333; }
.mb_foots img{width: 130px;}	

}

/*shouji底部效果样式*/
.main_visual{height:490px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
.main_image{height:490px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:490px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:490px;}


div.flicking_con{position:absolute;top:360px;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:23px!important;height:33px!important;top:50%;margin-top:-16px;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:2%;display:block;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:2%;display:block;}