@charset "utf-8";

/* css reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding:0; margin:0;}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
a { color:#151875; text-decoration:none; }
a:hover { }
address, caption, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content:""; }
td{ border:1px solid #cccccc; padding:3px;}

/* css base */
body { background:url(../images/body_bg.jpg) repeat-x top; font-family:"微软雅黑"; font-size:14px; color:#666; text-align:center; line-height:1.8;}
.wrapper { width:980px; margin:0 auto; text-align:left; background:#FFF;}
.left{ float:left;}
.right{ float:right;}
.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear { +display:none; clear:both;}

/*common_head*/
.head_box{ height:164px; background:url(../images/head_bg.jpg) center no-repeat; background-size:cover;}
.head_boxone{ border-bottom:1px solid #f84000; height:37px;}
.head_one{ width:1200px; margin:0 auto;}
.h_le{ float:left; line-height:37px; color:#000;}
.h_ri{ float:right;}
.h_ri a{ display:block; float:left; line-height:37px; color:#545454; padding:0 15px;}
.head_boxtwo{ width:1200px; margin:0 auto;}
.logo{ float:left; margin:15px 0 0 25px;}
.head_line{ float:right; margin:40px 100px 0 0;}
.lead{ background:#404145; height:60px;}
.leader{ width:1200px; margin:0 auto;}
.leader ul{ padding:0 5%; width:90%;}
.leader li{ float:left; height:60px; width:100px; line-height:60px; margin:0 15px;}
.leader li a{ display:block; font-size:16px; height:60px; line-height:60px; text-align:center; color:#FFF; width:100px;}
.leader li a:hover,.leader li a.hover{ background:#ff6600;}
.banner_box{width:100%; float: left}
/*index_banner*/
/* 本例子css */
		.slideBox{ width:100%; height:710px; overflow:hidden; position:relative; }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:60px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#535353; cursor:pointer;  color:#fff;  }
		.slideBox .hd ul li.on{ background:#fff; color:#000;}
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:100%; height:710px; display:block; text-align:center;}

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }

.find_words{ width:1200px; margin:0 auto; margin-top:30px; overflow:hidden;}
.key_word{ padding-left:100px;}
.key_word h2{ float:left;}
.key_word ul{ float:left;}
.key_word li{ float:left;}
.key_word li a{ display:block; color:#404145; padding:0 10px;}
.key_word li a:hover{ color:#b6b7b8;}
.in_put{ float:right; margin-right:100px;}
.check{ height:24px; text-align:left; padding-left:5px; float:left; color:#666666;}
.find{ height:28px; width:40px; background:url(../images/search.jpg) no-repeat; border:none; float:left;}

.panter_box{ width:1200px; margin:0 auto;}
.in_tit{ overflow:hidden;  margin-bottom:50px;}
.in_tit h2{ float:left; font-size:18px; background:url(../images/tit.jpg) 70px 8px no-repeat; width:300px; text-align:left; color:#000;}
.more{ float:right; margin:40px 100px 0 0; width:70px; line-height:15px; border-radius:10px; border:1px solid #d9d9d9;}
.more a{ color:#545454; height:15px;}
/* 本例子css */
		.picScroll-left{ width:1100px;  overflow:hidden; position:relative; margin:0 auto;}
		
		.picScroll-left .prev{ display:block;  width:9px; height:17px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url(../images/ico_le.jpg) no-repeat; position:absolute; left:10px; bottom:100px;}
		.picScroll-left .next{ display:block;  width:9px; height:17px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url(../images/ico_right.jpg) no-repeat; position:absolute; right:5px; bottom:100px;}	 
		
		.tempWrap{ margin:0 auto;}
		.picScroll-left .bd{ padding:10px;   }
		.picScroll-left .bd ul{ overflow:hidden;}
		.picScroll-left .bd ul li{ margin:0 8px; float:left; text-align:center; width:180px;}
		.picScroll-left .bd ul li .pic{ text-align:center; }
		.picScroll-left .bd ul li .pic img{ width:100%; display:block;  padding:2px; border:1px solid #ccc; }
		
		.picScroll-left .bd ul li .title{ line-height:50px;}
        .picScroll-left .bd ul li .title a{ display:block; color:#000;}

.recernt_project{ margin:0 auto; width:1200px; overflow:hidden;}
.recernt_project h2{ text-align:left; font-size:18px; color:#000; background:url(../images/tit.jpg) 105px 8px no-repeat;}


/* 本例子css */
		.slideBox1{ width:1200px; overflow:hidden; position:relative;}
		.slideBox1 .hd{ height:15px; overflow:hidden; position:absolute; right:70px; bottom:45px; z-index:1; }
		
		.slideBox1 .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox1 .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#838383; cursor:pointer; color:#fff; }
		.slideBox1 .hd ul li.on{ background:#fff; color:#000; }
		.slideBox1 .bd{ position:relative; z-index:0; overflow:hidden; padding:60px 0;}
		.slideBox1 .bd ul{ float:left; width:1100px;}
		.slideBox1 .bd .part_text{ float:left; width:440px; text-align:left;
		 color:#797979;}
		.cont{ padding-top:20px; background:url(../images/part_textbg.jpg) 0 8px repeat-x;}
		.detail{ margin-top:40px;}
		.detail a{ display:block; background:#ff6600; background:url(../images/detail_icon.png) no-repeat; color:#FFF; line-height:17px; padding-left:25px; height:25px;}
		.slideBox1 .bd .part_text{ float:left;}
		.slideBox1 .bd .part_text span{ display:block; font-size:24px;}
		.slideBox1 .bd li{ zoom:1; vertical-align:middle; }
		.slideBox1 .bd .intor_bann{ float:left; width:600px; margin-left:50px;}
		.slideBox1 .bd .intor_bann a{ display:block; float:left;}
		.slideBox1 .bd img{ width:100%; display:block;  border:5px solid #c8d1d8;}

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox1 .prev{ position:absolute; left:0%; top:45%; display:block;}
		
		.slideBox1 .next{ position:absolute; right:0%; top:45%; display:block;}
		.slideBox1 .prevStop{ display:none;  }
		.slideBox1 .nextStop{ display:none;  }


.proj_sh{ float:left; margin:0 26px;}
.proj_sh a{ display:block; color:#000;}
.proj_sh img{ border:5px solid #c8d1d8;}
.big_bg img{ width:100%;}
.indpro_cont{ width:1200px; margin:0 auto; overflow:hidden;}
.indpro_cont h2{ background:url(../images/pro_titbg.jpg) 60px 0 no-repeat; height:65px; font-size:33px; color:#000; padding-top:45px; padding-left:65px;}
.indpro_cont1{ width:1200px; margin:0 auto; overflow:hidden;}
.indpro_cont1 .next_tit1{ background:url(../images/pro_titbg.jpg) 60px 0 no-repeat; height:65px; font-size:33px; color:#000; padding-top:45px; padding-left:205px;}
.indpro_cont ul{ width:65%; margin:0 17.5%;}
.indpro_cont li{ float:left; margin-top:20px; margin-bottom:40px;}
.indpro_cont li a{ display:block; color:#ff6600; height:55px; background:url(../images/index_chbg.jpg) no-repeat; width:156px; line-height:55px;}

.indpro_cont1 ul{ width:65%; margin:0 17.5%;}
.indpro_cont1 li{ float:left; margin-top:20px; margin-bottom:40px;}
.indpro_cont1 li a{ display:block; color:#ff6600; height:55px; background:url(../images/index_chbg.jpg) no-repeat; width:156px; line-height:55px;}

.i_big img{ width:100%;}
.products_box{ width:1200px; margin:0 auto;}
.indpro_box1{ overflow:hidden;}
.pics1{ float:left; margin-right:56px;}
.pics2{ float:left; margin-bottom:20px;}
.pics3{ float:left;}
.indpro_box2 ul{ padding-top:40px;}
.indpro_box2 li{ float:left; margin-right:33px; margin-bottom:15px;}
.ind_bigtit2{}
.ind_bigtit2 img{ width:100%;}

.three_reasons{  width:1200px; margin:0 auto; background:url(../images/ind_bg3.jpg) no-repeat center top; padding-bottom:60px;}
.reason_one{ overflow:hidden; padding-top:60px; margin:0 5%;}
.ones_pics{ float:left;}
.rea_oneright{ float:left; margin-left:120px;}
.rea_oneright p{ text-align:left; background:url(../images/sm_iconpic.jpg)0 6px no-repeat; color:#000; padding-left:30px; margin-left:40px; line-height:35px;}
.reason_two{ overflow:hidden; padding-top:95px; margin:0 5%;}
.rea_twoleft{ float:left;}
.rea_twoleft p{ text-align:left; background:url(../images/sm_iconpic.jpg)0 6px no-repeat; color:#000; padding-left:30px; margin-left:40px; line-height:35px;}
.twos_pics{ float: right; margin-right:14px;}
.reason_three{ overflow:hidden; padding-top:60px; margin:0 5%;}
.threes_pics{ float:left; margin-right:30px;}
.rea_threeright{ float:left;}
.rea_threeright p{ text-align:left; background:url(../images/sm_iconpic.jpg)0 6px no-repeat; color:#000; padding-left:30px; margin-left:40px; line-height:35px;}

.bigbg_pics img{ width:100%;}

.infor_box{  width:1200px; margin:0 auto; overflow:hidden;}
.first_levelbox{ overflow:hidden;}

.levels_firleft{ width:700px; float:left; overflow:hidden;}
.sm_indabout{ overflow:hidden; border-bottom:1px solid #dce1e3; background:url(../images/levels_bg.jpg) 0 34px no-repeat;}
.sm_indabout h2{ float:left; font-size:20px; color:#000; background:url(../images/ab_pic.jpg) 90px 7px  no-repeat; width:300px; text-align:left;}
.levels_more{ float:right; margin-top:7px;}
.levels_more a{ display:block; border:1px solid #dce1e3; border-radius:10px; color:#9d9d9d; font-size:12px; width:55px;}
.abo_pic{ float:left; margin-top:40px;}
.in_content{ float:left; width:320px; margin-top:40px; margin-left:30px; }
.in_content p{ text-align:left; font-size:12px;}
.check_look{ margin-top:50px;}
.check_look a{ display:block; background:url(../images/ab_more.jpg) no-repeat; color:#FFF; width:106px; height:46px; text-align:center; line-height:46px; }

.levels_firright{ float:left; margin-left:40px;}
.level_tit{ overflow:hidden; border-bottom:1px solid #dce1e3; background:url(../images/levels_bg.jpg) 0 34px no-repeat;}
.level_tit h2{ float:left; font-size:20px; color:#000; background:url(../images/honors_pic.jpg) 80px 7px  no-repeat; width:300px; text-align:left;}

/* 本例子css */
		.picScroll-lefts{  overflow:hidden; position:relative; margin-top:40px; position:relative;}
		
		.picScroll-lefts .prev{ display:block; float:left; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; position:absolute; left:5px; top:30%;}
		.picScroll-lefts .next{ display:block; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; position:absolute; right:5px; top:30%;}	 
		
		
		.picScroll-lefts .bd{ padding:10px;   }
		.picScroll-lefts .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-lefts .bd ul li{ margin:0 8px; float:left; width:166px; overflow:hidden; text-align:center;  }
		.picScroll-lefts .bd ul li .pic{ text-align:center; }
		.picScroll-lefts .bd ul li .pic img{ display:block;  padding:1px; border:1px solid #ccc; }
		.picScroll-lefts .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-lefts .bd ul li .title{ line-height:24px;   }
		.picScroll-lefts .bd ul li .title a{ display:block; color:#000;}

.sec_levelleft{ float:left;}
/* 本例子css */
		.slideTxtBox{ width:650px; text-align:left;  }
		.slideTxtBox .hd{ height:50px; line-height:30px; padding:0 10px 0 20px;   border-bottom:1px solid #ddd;  position:relative; background:url(../images/levels_bg.jpg) 0 48px no-repeat;}
		.slideTxtBox .hd ul{ float:left;  position:absolute; left:20px; top:-1px; height:32px;   }
		.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer; font-size:20px; color:#000; margin-bottom:10px; line-height:40px;}
		.slideTxtBox .hd ul li.on{ height:40px; background:url(../images/xige_newhover.jpg) no-repeat; color:#FFF;}
		.slideTxtBox .bd ul{ padding-top:15px;  zoom:1;  }
		.slideTxtBox .bd li{ line-height:40px;   }
		.slideTxtBox .bd li a{ display:block; color:#45464a; background:url(../images/levels_iconbg.jpg) 0 15px no-repeat; padding-left:20px;}
		.slideTxtBox .bd li .date{ float:right; color:#999;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideTxtBox .arrow{  position:absolute; right:10px; top:0; }
		.slideTxtBox .arrow a{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat; }
		.slideTxtBox .arrow .next{ background-position:0 -50px;  }
		.slideTxtBox .arrow .prevStop{ background-position:-60px 0; }
		.slideTxtBox .arrow .nextStop{ background-position:-60px -50px; }

.innew_con{ overflow:hidden;}
.ne_conpic{ float:left;}
.ne_maincon{ float:left; width:300px; margin-left:20px;}
.ne_maincon h2{ color:#000;}
.ne_maincon a{ display:block; background:url(../images/newcheck_more.jpg) no-repeat; height:35px; width:80px; line-height:35px; color:#FFF; text-align:center; margin-top:20px;}

.sec_levelright{ float:left; overflow:hidden; width:400px; margin-top:14px; margin-left:55px;}
.level_tits{ overflow:hidden; border-bottom: 1px solid #dce1e3; background:url(../images/levels_bg.jpg) 0 35px no-repeat; padding-bottom:5px;}
.level_tits h2{ float:left; font-size:18px; background:url(../images/answer_pic.jpg) 70px 8px no-repeat; width:200px; text-align:left; color:#000;}
.levels_more{ float:right; margin-top:7px;}
.levels_more a{ display:block; border:1px solid #dce1e3; border-radius:10px; color:#9d9d9d; font-size:12px; width:55px;}

.ques_ans{ border-bottom:1px dashed #d6d6d6; text-align:left; font-size:12px; line-height:40px; padding:20px 0;}
.ques_ans:nth-child(5){ border-bottom:none;}
.ques_ans span{ display:block; color:#47484c; background:url(../images/ques_pic.png)0 4px  no-repeat; padding-left:40px;}
.ques_ans p{ color:#333333; background:url(../images/an_pic.png)0 4px no-repeat; padding-left:40px;}

.friend_line{ width:1200px; margin:0 auto; overflow:hidden; margin-top:50px;}
.fr_lintit{ overflow:hidden; border-bottom: 1px solid #dce1e3; background:url(../images/levels_bg.jpg) 0 35px no-repeat; padding-bottom:5px;}
.fr_lintit h2{ float:left; font-size:18px; background:url(../images/fri_linpic.jpg) 80px 3px no-repeat; width:200px; text-align:left; color:#000;}
.anqus_more{ float:right; margin-top:7px;}
.anqus_more a{ display:block; color:#e98101; font-size:12px;}
.line_key{ padding-top:35px;}
.line_key li{ float:left; padding-right:40px;}
.line_key li a{ display:block; color:#48494d; font-size:16px;}
/*product*/
.sec_search{ margin:0 auto; width:1200px; overflow:hidden; line-height:60px;}
.small_search{ float:left; margin-left:80px;}
.mini_sea{ width:220px; border:1px solid #d1cece; height:25px; padding-left:10px;}
.mini_input{ background:url(../images/sma_pic.jpg) no-repeat; border:none; width:55px; height:25px; cursor:pointer;}
.mini_key{ float:left; overflow:hidden; margin-left:200px;}
.mini_key ul{ overflow:hidden;}
.mini_key h2{ float:left; color:#000;}
.mini_key li{ float:left;}
.mini_key li a{ display:block; color:#8e8e8e; padding:0 15px;}

.product_box{ width:960px; margin:0 auto; overflow:hidden; text-align:left; margin-top:40px;}
.pro_left{ float:left; width:200px;}

.proleft_listone{ border:1px solid #cccccc;}
.proleft_listone h2{ background:#f68800; color:#FFF; font-size:18px; padding-left:25px; line-height:40px;}
.proleft_listone span{ display:block; color:#f68800; background:#fcd19c; text-align:center; font-size:18px; margin-top:10px; line-height:35px; }
.proleft_listone a{ display:block; color:#000; background:url(../images/pro_centericon.jpg) 35px 10px no-repeat; padding-left:55px; line-height:30px;}

.proleft_listtwo{ margin-top:5px; border:1px solid #cccccc; font-size:12px;}
.proleft_listtwo h2{  background:#f68800; color:#FFF; font-size:18px; padding-left:25px; line-height:40px;}
.pro_listtwopic{ margin:5px;}
.proleft_listtwo p{ padding:0 5px; line-height:25px; color:#232323;}
.proleft_listtwo .special{ color:#ff8d00;}

.pro_right{ float:left; overflow:hidden; width:750px; margin-left:5px;  border:1px solid #cccccc;}
.prosm_lead{ overflow:hidden; margin:15px 0; padding:0 15px;}
.lead_le{ float:left;}
.lead_le p{ float:left;}
.lead_le a{  color:#48484c;}
.pro_more{ float:right;}
.pro_more a{ display:block; border:1px solid #cccccc; border-radius:10px; font-size:12px; color:#999; padding:0 10px; line-height:14px; margin-top:7px;}
/*case*/
.midpro_show{  border:1px solid #cccccc; margin-top:5px;}
.midpro_show h2{  background:#f68800; color:#FFF; font-size:18px; padding-left:25px; line-height:40px;}

.pro_show li{ float:left; margin:17px;}
.pro_show li a{ display:block; color:#969696; text-align:center;}
.other_show{ padding:12px;}
.other_show a{ display:block; color:#8d8d8d; text-align:center;}
.shchool_show li{ float:left; margin:0 35px;}
.shchool_show li a{ display:block; text-align:center; color:#969696; line-height:50px;}

/*trends*/
.new_center{ margin:0 20px; overflow:hidden;}
.new_pic{ float:left;}
.new_titbox{ float:left; margin-left:20px; text-align:left; width:550px; margin-bottom:30px;}
.new_titbox a{ display:block;}
.new_titbox h2{ font-size:18px; color:#7f7f7f;}
.new_titbox p{ color:#666666;}

/*about_us*/
.proleft_listones{ border:1px solid #cccccc; margin-top:5px;}
.proleft_listones h2{ background:#f68800; color:#FFF; font-size:18px; padding-left:25px; line-height:40px;}
.proleft_listones a{ display:block; color:#000; background:url(../images/pro_centericon.jpg) 20px 10px no-repeat; padding-left:35px; line-height:30px;}
.about_us{ margin:15px;}
.about_us p{ text-indent:30px; text-align:left;}
.about_us font{ color:#f68800;}

/*contact_us*/
.contact_us{ margin:0 40px;}
.contact_us span{ display:block; color:#f68800; padding-left:30px;}
.contact_us p{ line-height:60px; color:#4a4a4e;}
/* -- page footer -- */
.footer{ background:#232323; margin-top:60px;}
.foot_one{ width:1200px; margin:0 auto; overflow:hidden; padding:60px;}
.foot_one ul{ margin-left:80px;}
.foot_one li{ float:left; border-right:1px solid #333333; line-height:12px;}
.foot_one li:nth-child(9){ border-right:none;}
.foot_one li a{ display:block; color:#FFF; font-size:12px; padding:0 35px;}
.foot_two{ margin:0 auto; width:1080px; overflow:hidden; padding-left:120px;}
.code_box{ float:left;  color:#FFF;}
.address_box{ float:left; margin-left:50px;}
.address_box p{ text-align:left; color:#FFF; font-size:13px;}
.address_box a{ color:#fff;}



.sub_pro_con{ width:750px; min-height:500px;}
.sub_pro_con_l{ float:left; width:320px;}
.sub_pro_con_r{ float: left; width:400px; padding-top:10px; padding-left:10px; text-align:left;color:#7d7d7d; font-size:14px;}
.sub_pro_con_r_t{ float:left; width:400px; height:35px; color:#7e7e7e; font-size:14px; font-weight:bold; border-bottom:1px dotted #7e7e7e;}
.sub_pro_con_r_t1{ float:left; width:400px; height:30px; line-height:30px;}
.sub_pro_con_r_t1 font{ color:#45250e;}
.sub_pro_con_r_t2{ float:left;width:400px; min-height:74px; color:#7d7d7d;}
.sub_pro_con_r_t3{float:left; width:400px; height:30px; line-height:30px;}
.sub_pro_con_r_t3 font{ color:#fd0000; font-weight:bold;}
.sub_pro_con_r_t4{float:left; width:400px; height:30px; line-height:30px;}
.sub_pro_con_r_t5{ float:left; width:400px; height:40px; text-align:center; margin-top:8px;}
.sub_pro_con_r_t5 a{ padding:0 12px;}

.sub_pro_con_c{ width:750px; float:left; min-height:300px; text-align:left;}
.sub_pro_title{height:25px; line-height:25px; text-align:left; width:750px; font-size:14px; border-bottom:4px #0a3375 solid;;}
.sub_pro_title h1{ width:95px; height:25px; float:left; line-height:29px;color:#FFF; font-size:16px; margin-left:5px;background:url(../images/icon15.jpg) no-repeat 0 0; text-align:center;}
.sub_pro_con_con{ padding:10px; text-align:left; width:730px;}
.sub_pro_con_con img{ max-width:730px;}