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

*{padding:0;margin:0 auto;}
body{color:#454545; font-size:14px; font-family: "微软雅黑"; }
img{border:0}
ul,li{list-style:none;}
.left{float:left}
.right{float:right}
a{ color:#2a2a2a;text-decoration: none;}
a:hover{color: #009c30; text-decoration: none;}
.clear{ clear:both}


/*顶部*/
.top{ width:100%;height:30px; background-color:#fbfbfb; border-bottom:1px solid #CCC }
.top1{width:1212px; margin:0 auto; height:30px; line-height:30px;}
.top1a{ float:left;height:30px; line-height:30px;}
.top1b{ float:right;height:30px; line-height:30px;}
.logo_bg{background:url(../images/top_bg.jpg) no-repeat center top;background-size: cover}
.logo{ width:1212px; margin:0 auto; height:108px; }
.lg{ float:left; width:299px;}
.wz{ float:right; font-size:12px; font-weight:bold; color:#666666; margin-top:50px;} 


/*导航*/
.menubox{width:100%px; background-color:#3fb151; line-height:40px; border-bottom: 2px solid #2a6fab}
.menu{ width:1212px;margin:0 auto; color:#cccccc} 
.menu ul{}
.menu li{ float:left; display:block; line-height:40px; width:173px; text-align:center; font-size:14px;}
.menu li a{color:#FFF ;line-height:40px; height:40px;display:block; background-color:#3fb151}
.menu li a:hover{color:#FFF; height:40px;display:block; background-color:#015198}
.menu ul .cur a{color:#FFF; background-color:#015198}


/*banner*/
#banner , #S_banner {
	width:100%;
	height:622px;
	overflow:hidden;
	visibility:hidden;
	position:relative;
	top:0;
	left:0;
	z-index:999;
	}

#banner img , #S_banner img {
	width:100%;
	height:622px;
	
	}
#S_banner , #S_banner img {
	height:622px;}
#banner ul.kinMaxShow_button , #S_banner ul.kinMaxShow_button {
	right:20%;
	bottom:40px;
	z-index:9999;}
#banner ul.kinMaxShow_button li , #S_banner ul.kinMaxShow_button li {
	overflow:hidden;
	background:url(../images/banner_icon.png) no-repeat;}
#banner ul.kinMaxShow_button li.focus , #S_banner ul.kinMaxShow_button li.focus {
	background:url(../images/banner_icon_h.png) no-repeat;}
.banner_shaw {
	width:100%;
	height:11px;
	background:url(../images/banner_top_shaw.png) repeat-x;
	top:0;
	left:0;
	z-index:9990;}
.banner_bg , .S_banner_bg {
	width:100%;
}
.S_banner_bg {
	height:622px;}
.serch_bg {
	width:100%;
	height:79px;
	background:url(../images/hei_bg.png) repeat;
	position:absolute;
	bottom:0;
	left:0;
	z-index:999;
	display:block;}
#banner .wmain , #S_banner .wmain {
	margin:0 auto;
	display:block;
	height:79px;}
#banner .serch_bg .input_ser , #S_banner .serch_bg .input_ser {
	background:#fff;
	border:none;
	height:28px;
	line-height:28px;
	padding:0 10px;
	width:180px;
	margin-top:10px;
	color:#999999;}
#banner .serch_bg .ser_btn , #S_banner .serch_bg .ser_btn {
	width:43px;
	height:28px;
	background:url(../images/ser_btn.png) no-repeat;
	cursor:pointer;
	border:none;
	margin-top:10px;}
#banner .serch_bg p , #S_banner .serch_bg p {
	color:#fff;
	margin:10px 0 0 15px;
	font-size:14px;}
#banner .serch_bg p a , #S_banner .serch_bg p a {
	color:#fff;
	margin-right:5px;}
.pol {
	position:relative;}
.poa {
	position:absolute;}
.wp-title_content {font-size:12px;line-height:140%;overflow:hidden;}	


.index_case .c_img_l{ float:left;text-align:center; width:60px;}
.index_case .c_img_r{ float:right;text-align:center; width:60px;}
.index_case img{ cursor:pointer}
#CSSBox4{width:100%;}
#CSSBox4 ul li{ float:left; list-style:none; margin:0 0% 0% 0.5%; width:16%;height:350px;overflow: hidden;}
#CSSBox4 ul li img{ width:100%;height:350px;transition: all 0.6s;}
#CSSBox4 ul li img:hover {transform: scale(1.1);}
#CSSBox4 ul li a{display: block;line-height:40px;display: block}


.main{}

.case{width:100%; }
.case_c{ width:1212px; margin:0 auto;  padding-top:50px;}
.case_c h3{text-align:center; font-size:30px; font-family:"微软雅黑"; line-height:45px; color:#015198}
.w{ text-align:center;font-size:18px; color:#CCC; line-height:30px}
.w14{ width:650px;text-align:center}
.case_list{ width:1212px; margin-top:30px;}
.case_list1 {width:353px; float:left; background-color:#f7f7f7;}
.case_list1 .tittle{text-align:center; font-size:18px;line-height:42px;}
.case_list1 .tittle a{text-align:center; font-size:18px;line-height:42px; color:#000}
.case_list1 .tittle a:hover{text-align:center; font-size:18px;line-height:42px; color:#009c30}


.case_list1 .img{width:353px; margin:0 auto}
.case_list1 .img a{ border:2px solid #FFF; display:block}
.case_list1 .img a:hover{border:2px solid #009c30; display:block}

.c_img_l{ float:left; width:56px; padding-top: 160px;}
.c_img_r{ float:right;width:56px;padding-top: 160px;}
.more{ width: 200px; margin: 0 auto; margin-top: 40px; margin-bottom: 40px; border: 1px solid #3fb151; line-height: 40px; height: 40px; text-align: center; } 
.more a{border: 1px solid #3fb151; background-color: #FFFFFF;display: block;}
.more a:hover{background-color: #015198;display: block; color: #FFFFFF}


.sbanner{ width: 100%; height: 200px; background: url(../images/sbanner.jpg) center no-repeat;}


.about_c{width:1212px; margin:0 auto; color:#FFF; padding-top:100px;background:url(../images/about.jpg) center no-repeat; height:550px;}
.about_c1{width:410px; float:left; padding-top:50px;}
.about_c2{width:450px; float:right}
.about_c2 h3{ color:#015198; font-size:40px; text-align: right;}
.about_c2_img{}
.aboutmore{ margin:0 auto; width:170px; display:block; margin-top:20px;}
.aboutmore a{ width:170px;height:30px; line-height:30px; text-align:center; color:#FFF; font-weight:bold; display:block; border:1px solid #FFF; display:block; }
.aboutmore a:hover{width:170px;height:30px; line-height:30px; text-align:center; color:#009c30; font-weight:bold; border:1px solid #FFF; display:block }

.news_c{width: 100%;padding-top: 30px;}
.news h3{ font-size:22px;color: #5f5e5e; font-weight: normal; float: left}
.news span{  float: right; padding-left:10px; padding-top:5px;}

.news1{ width:500px; float: left;}

.news1 span{font-size:14px; float: left; line-height: 45px; padding-left:15px; }
.news1 h4{font-size:14px; float: left;margin-top:15px;}
.news1 .nr{font-size:12px; float: left; color: #727272; width: 500px;line-height: 24px;margin-top: 15px;}
.news1 .nr a{color: #727272;}
.news1 .nr a:hover{color: #c8151e;}
.news1 .more{ width: 100px; height: 26px; line-height: 24px; text-align: center; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;margin-top: 30px;}
.news2{ width: 650px; float: right;}
.newstit{ float: right; width: 220px;line-height: 45px; margin-bottom: 30px;}
.news2l{ float: left; height: 106px; border-right: 1px solid #bcbcbc; width:106px; padding-right: 20px; margin-bottom:35px;}
.news2l h2{font-size:30px; float: right; color: #767676; text-align: right}
.news2l span{text-align: right; float: right; color: #767676; line-height: 24px;}
.news2r{ float:right; margin-left: 0px; width:500px; margin-bottom:20px;}
.news2ra{ width: 156px; float: left;height: 105px;overflow: hidden}
.news2ra img{cursor: pointer; transition: all 0.6s;}
.news2ra img:hover{ transform: scale(1.4);}
.news2rb{width: 330px; float:right;}
.news2rb h3{font-size:14px; float: left; font-weight: bold ; padding-left: 10px;}
.news2rb span{font-size:12px; float: left; color: #727272;width:330px;line-height: 24px;margin-top:10px;}


.customer{width:100%; background-color:#e4e4e4; height:600px;}
.s_img{margin: 0 auto;width: 1212px; margin-top: 40px;}

/*====================底部样式============================*/
.footer { background-color:#2a6fab;height: 300px; overflow: hidden; }
.w_1000 { width: 1212px; margin: 0 auto; margin-top:50px;}
.footer_1 { float: left; width: 400px; height:180px; background: url(../images/footer_3.png) right center no-repeat; }
.footer_1 .tel { margin: 20px; height: 46px;  color: #fff; font: normal 20px/40px ; text-indent:15px; }
.footer_1 .address { margin: 0px 35px; color: #fff; font:14px;line-height: 24px;}
.footer_1 .address a{color: #fff; }
.footer_1 .address b { color: #fff; font: normal 16px/22px Arial }
.footer_1 .address strong{   color: #fff; font: bold 16px/22px Arial}
.footer_1 .link { margin: 10px 35px; }
.footer_1 .link a { margin-right: 10px; }
.footer_2 { float: left; width: 549px; height: 250px; background: url(../images/footer_3.png) right center no-repeat }
.footer_2 .after { margin: 16px 0px 0px 60px; height: 48px; color: #fff; font:  20px/40px; text-indent:0px }
.footer_2 p { margin: 5px 0px 5px 60px; color: #fff; }
.footer_2 p i { color: #fff; font: bold 24px/24px Arial; padding-right: 5px; }
.footer_3 { float: left; }
.footer_3 h3 { width: 225px; height: 33px; margin: 23px 0px 15px 26px; background: #303030; color: #fff; font: normal 20px/33px Arial; text-indent: 60px }
.footer_3 a { color: #fff; margin: 0px 0px 0px 95px; line-height: 20px; }
.footer_4{ width:195px; float:right;}

.copy{width:100%; background-color:#003b6e; height:50px; border-top:1px solid #636363; text-align:center; line-height:50px;color: #fff;}
.copy a{color: #fff}


/*产品分类别样式*/
.i_floor{margin-top:30px; width:1212px; margin:0 auto}
.i_title{position:relative;border-bottom:1px solid #ddd;background-position:0 -220px;height:41px;line-height:41px;}
.i_title .channel{float:left;color:#333;padding:0 1em;font-size:18px;font-weight:bold;}
.title_nav{float:right; text-align:right;}
.title_nav a{margin:0 8px;}
.title_nav{float:right;}
.title_nav a{margin:0 8px;}
.i_f_no{ float:left;height:40px;width:6px; background:#0e2b4d;color:#fff;}
.i_recom{padding:15px 0;}
.i_recom dl{background:#fff; width:1200px; }
.i_recom dt{float:left;width:240px;overflow:hidden;}
.i_recom dd{float:left;width:216px;border:3px solid #ddd;line-height:1.8;margin-right:15px; margin-top:10px;}
.i_recom .star{visibility:hidden;height:14px;overflow:hidden;width:75px;margin:10px 0 0 10px;}
.i_recom .star em{float:left;height:100%;background:url(../images/star.png);overflow:hidden;}
.i_recom .cont{display:block;width:100%;overflow:hidden;}
.i_recom .img{width:100%;height:162px;line-height:162px;text-align:center;overflow:hidden;}
.i_recom .img img{display:inline-block;vertical-align:middle;}
.i_recom .cont s{_display:inline-block;width:0;height:100%;overflow:hidden;vertical-align:middle;}
.i_recom p{margin:0 12px;height:22px;overflow:hidden;}
.i_recom .t{font-size:16px;color:#666;height:28px;overflow:hidden;}
.i_recom .panel{border-top:1px dotted #333;padding:12px 0 10px;margin:10px;}
.i_recom .panel a{margin-left:5px;}
.i_recom .panel .ico{margin-right:4px;}
.i_recom .panel a:hover{color:#e60013;}
.i_recom dd:hover{border-color:#0e2b4d;}
.i_recom dd:hover .star{visibility:visible;}
.i_recom_fj li{float:left;width:20%;}
.oh{overflow:hidden;*zoom:1;}




/*内页宽屏菜单*/
.nlist{width:900px; margin-top:30px;}
.nlist ul{}
.nlist li{ width:280px; float:left; background-color:#015198; line-height:45px; text-align:center; margin-right:12px; margin-bottom:12px; display:block; font-size:16px;}
.nlist li a{ color:#FFF; background-color:#015198;display:block}
.nlist li a:hover{ color:#0e2b4d;background-color:#d3d3d3;display:block}
.nlist ul .last a{color:#FFF; background-color:#009c30}

.nabout{ width:1212px; padding:20px 0; line-height:28px;min-height: 350px;}


.n_main{width: 100%; margin:0; padding:0; background:url(../images/n_content.png) center 73px repeat-x; height:auto; overflow:hidden; margin-top:-73px;z-index:5; position: relative;} 
.n_content{width:1200px; margin:0 auto; margin-bottom: 100px;}


.n_content_left{width:230px; height: auto; float:left; position:relative;}


.n_content_right{position:relative; width:910px; height: auto; float:right;}


.n_content_right_name{ width:100%; height:70px; margin:0 auto; position:relative; margin-top: 73px;}


.n_content_right_m {text-align:left; width:100%; margin:0 auto; line-height:24px; color:#737373; font-size:12px; position:relative; margin-top: 48px;}
.video_view_body .n_content_right_m,.news_view_body .n_content_right_m,.case_view_body .n_content_right_m,.teachers_view_body .n_content_right_m,.solution_body .n_content_right_m,.solution_complex_body .n_content_right_m{background:#f6f6f6;} 

.n_content_left_t{background: url(../images/n_l_t.jpg) no-repeat;width: 230px; height: 143px; text-align: center;overflow: hidden;}
.n_content_left{clear:both;}
.n_content_left_t1{display:block; font-size: 30px; color: #ffffff; width: 100%; height: 40px; line-height: 40px; overflow: hidden; margin-top: 38px;}
.n_content_left_t2{display:block;font-size:18px; color: #454242; width: 100%; height: 28px; line-height: 28px; text-transform: uppercase; font-weight:normal; font-family: "黑体";margin-top: 1px;}

.n_content_left_cnt{width:230px; height: auto; background:#f6f6f6; padding-top:48px; min-height:100px;padding-bottom: 59px;}
.n_content_left_cnt>ul>li{width: 230px;height: auto; text-align: center; font-size: 14px;}
.n_content_left_cnt>ul:first-child{border-top: 1px solid #e7e7e7; border-bottom: 0;}
.n_content_left_cnt>ul>li>a{width: 230px; height: 54px;line-height: 54px; display: block; color: #484848; border-bottom: 1px solid #e7e7e7;}
.n_content_left_cnt>ul>li.left_menu1_cur{background: url(../images/n_l_line.png) left top no-repeat #fff;}
.left_menu1_cur>ul{border-top: 1px solid #e7e7e7!important;}
.products_body .left_menu1_cur>ul,.video_complex_body .left_menu1_cur>ul{border-top: 0px!important;}
.n_content_left_cnt>ul>li:hover{background: url(../images/n_l_line.png) left top no-repeat #fff;}
.n_content_left_cnt>ul>li>ul{width: auto; height: auto;overflow: hidden;}
.n_content_left_cnt>ul>li>ul>li{width: 230px;height: auto; text-align: center; font-size: 13px; }
.n_content_left_cnt>ul>li>ul>li>a{width: 230px; height: 54px;line-height: 54px; display: block; color: #484848; border-top: 1px solid #e7e7e7;}
.n_content_left_cnt>ul>li>ul>li:first-child>a{border-top: 0px;}
.n_content_left_cnt>ul>li>ul>li>a:hover{background: url(../images/n_l_line.png) left top no-repeat #fff;}
.n_content_left_cnt>ul>li>ul>li>ul{width: auto; height: auto;overflow: hidden;}
.n_content_left_cnt>ul>li.left_menu1_2{background: url(../images/n_l_line.png) left top no-repeat #fff;}
.left_menu1_2>a{border-bottom: 1px solid #e7e7e7!important;}
.left_menu2_cur>a{border-bottom: 1px solid #e7e7e7!important;}
.left_menu2_2>a{border-bottom: 1px solid #e7e7e7!important;}
.n_content_left_cnt>ul>li>ul>li>ul>li{width: 230px;height: auto; text-align: center; font-size: 13px; }
.n_content_left_cnt>ul>li>ul>li>ul>li>a{width: 230px; height: 54px;line-height: 54px; display: block; color: #484848; border-top: 1px solid #e7e7e7;}
.n_content_left_cnt>ul>li>ul>li>ul>li:first-child>a{border-top: 0px;}
.n_content_left_cnt>ul>li>ul>li>ul>li>a:hover{background: url(../images/n_l_line.png) left top no-repeat #fff;}

.n_content_right{position:relative; width:910px; height: auto; float:right;}
.n_content_right_name{ width:100%; height:70px; margin:0 auto; position:relative; margin-top: 73px;}


.n_content_right_m {text-align:left; width:100%; margin:0 auto; line-height:24px; color:#737373; font-size:12px; position:relative; margin-top: 48px;}
.video_view_body .n_content_right_m,.news_view_body .n_content_right_m,.case_view_body .n_content_right_m,.teachers_view_body .n_content_right_m,.solution_body .n_content_right_m,.solution_complex_body .n_content_right_m{background:#f6f6f6;} 

.n_content_right_name_r{width:400px; height:70px; line-height: 70px; float: right; color:#808080; font-size:12px; text-align:right;}
.n_r_wz1,.n_r_wz2,.n_r_wz4,.n_r_wz5,.n_r_wz6{}
.n_r_wz3,.n_r_wz5,.n_r_wz7{padding: 0 9px;}
.n_content_right_name_r ul li{float:right; line-height:70px; height:70px; overflow: hidden;}
.n_content_right_name_r ul li img{ margin-right:8px; margin-top: 28px; *margin-top:0px; width: 15px; height: 13px;}
.n_content_right_name_r ul li a{ color:#808080;}
.n_content_right_name_r ul li a:hover{ color:#808080;}


.xn_c_75_wrap{width: 100%; height: 55px; border-bottom: 1px solid #f2f2f2;overflow: hidden;}
.about_complex_body .xn_c_75_wrap,.about_body .xn_c_75_wrap,.solution_body .xn_c_75_wrap,.solution_complex_body .xn_c_75_wrap{width: 100%;background: #f6f6f6; height: 55px;overflow: hidden; border-bottom: 0;}
.about_complex_body .xn_c_75_typename,.about_body .xn_c_75_typename,.solution_body .xn_c_75_typename,.solution_complex_body .xn_c_75_typename{font-size: 18px;color: #1e1e1e; display: block;width: auto; height: 24px; line-height: 24px; margin-left: 34px; margin-top: 18px;}
.xn_c_75_typename{font-size: 24px;color: #414141; display: block;width: auto; height:24px; line-height: 24px; margin-top: 10px;}
.xn_c_75_ename{display: none;}


.neirong{padding-top: 30px;line-height: 2;font-size: 14px;min-height: 350px;}

.about_banner{width:100%;text-align: center}
.about_banner img{max-width: 100%;height:auto}

.news_l{width:100%; margin-bottom:20px; margin: 0 auto; margin-top: 40px;border-bottom: 1px dotted #CDCDCD; padding-bottom: 30px;}
.news_l1{width:20%; float:left;}
.news_l1 img{border:1px solid #CDCDCD;width: 100%;height: auto}
.news_l2{ width:78%; float:right;}
.news_l2 h4,.news_l2 h4 a{ font-size:18px; font-weight:normal; color:#000;}
.news_l2 h4 a:hover{color:#2a6fab}
.news_l2 ul{ padding-top:10px; }
.news_l2 ul li{font-size:14px; padding-bottom:10px; line-height: 24px;color: #5E5E5E}
.news_l2 ul li a{ }
.news_l2 ul li a:hover{ color:#2a6fab}
.date{font-size:12px; color:#8e8e8e;}

.news_2{width:100%; margin-bottom:20px; margin: 0 auto; margin-top: 40px;border-bottom: 1px dotted #CDCDCD; padding-bottom: 30px;}
.news_2 h4,.news_2 h4 a{ font-size:18px; font-weight:normal; color:#000;}
.news_2 h4 a:hover{color:#2a6fab}
.news_2 ul{ padding-top:10px; }
.news_2 ul li{font-size:14px; padding-bottom:10px; line-height: 24px;color: #5E5E5E}
.news_2 ul li a{ }
.news_2 ul li a:hover{ color:#2a6fab}



.page{ width:100%;height: 24px; margin-bottom: 30px; margin-top: 30px;}
.page ul{width:180px; float:right}
.page li{ display: block; border: 1px solid #cacccb; width:30px;  float: left; text-align: center ; font-size:14px; margin:0 1px;}
.page li a{ display: block}
.page li a:hover{}
.page ul .cur a{ color: #d30002; display: block}


.news_view_head{width:100%; margin:0px auto;  height: 110px; overflow: hidden; color: #bebebe;}
.news_view_title{height: 55px; border-bottom: 1px solid #eaeaea; color: #060606; overflow: hidden;line-height: 55px;}
.news_view_title>span{margin-top: 18px; display: block; float: left;font-size: 18px;}
.news_view_bot{padding-top: 13px; overflow: hidden;float:left;}
.news_view_date{float: left;  background: url(../images/icon_time.png) left center no-repeat; padding-left: 21px; margin-right: 35px;}
.news_view_click{float: left; margin-top:13px; background: url(../images/icon_click.png) left center no-repeat; padding-left: 22px;}

.return{
    width: 140px;
    height: 50px;
    background-color: #004894;
    text-align: center;
    line-height: 50px;margin:0 auto;
    color: #fff;
    cursor: pointer;font-size: 14px;margin-top: 50px;margin-bottom: 50px;
}