.layui-btn-green{ background: #037e48;}
.layui-btn-black{ background: #000;}
.layui-container{ width: 1200px;}

.page_title{ width: 100%;}
.page_title{ width: 100%;  font-weight: bold; font-size: 44px; color: #FFF; font-family: 'microsoft yahei', 'Helvetica', simhei, simsun, sans-serif}
.page_line{ background: url("../images/top_page_tit1.jpg") no-repeat 0px 12px; padding-left: 30px;}


.top_section .top_nav_wrap{width: 100%;position: absolute; bottom:12%; left: 0; z-index: 6000;}
.top_section .top_nav_list{ width: 1200px; margin: 0 auto; height: 70px; background: #FFF;}
.top_section .top_nav_list ul li{ border-left: 1px solid #d9d9d9;}
.top_section .top_nav_list ul li{ line-height: 70px; text-align: center; font-size: 16px;}
.top_section .top_nav_list ul li.cur,.top_section .top_nav_list ul li.cur a{ background: #27a9ec; color: #FFF; }
.top_section .top_nav_list ul li:hover,.top_section .top_nav_list ul li:hover a{ background: #27a9ec; color: #FFF;}


.page_body{ width: 100%}
.page_body .localhost{ width: 100%; height: 30px; line-height: 30px; margin-top: 15px;}
.page_body .localhost a{ font-size: 12px; color:#333; padding: 0px 3px 0px 3px;}
.page_body .page_content{ margin-top: 30px;}
.page_body .company_intro{ font-size: 14px; padding-right: 80px; border-right: 1px solid #eee}
.page_content .company_intro p{ font-size: 14px; line-height:24px; padding: 0px 3px  20px 0px;}
.page_body  .dl_wrap{ margin-left: 80px;}
.page_body  .dl_wrap .wp-title_content{ width:175px; height:105px; padding:30px; border: 1px solid rgb(217, 217, 217); margin-bottom: 40px;}
.page_body  .dl_wrap .wp-title_content .year{ font-weight: bold; color:#27a9ec;font-size: 60px; line-height: 80px; text-align: center}
.page_body  .dl_wrap .wp-title_content .desc{ font-family: 微软雅黑; font-size: 16px; line-height: 22.4px; color: rgb(102, 102, 102); text-align: center}
.page_content .page_content_txt p{ font-size: 14px; line-height:24px; padding: 0px 3px  20px 0px;}


.left_wrap{ width: 260px;}
.left_wrap h2 { width: auto; height: 45px; line-height: 45px; background-color: #0067AC;  text-indent: 20px; color: #fff; font-size: 16px; font-weight: normal; }
.page_nav_menu { width: auto; border: 1px solid #d8d8d8; border-top: none; margin-bottom: 5px; }
.page_nav_menu ul { }
.page_nav_menu ul li{height: 45px; background-color: #f0f0f0; line-height: 45px; text-indent: 20px; border-bottom: 1px solid #d1d1d1; }
.page_nav_menu ul li a{ color: #333; }
.page_nav_menu ul li:hover{background-color: #fff;}
.page_nav_menu ul li:hover a{color: #0067AC;}
.page_nav_menu ul li.on{background-color: #fff; }

.cases_wrap{}
dl.cases_list{ float: left; width: 100%; height:190px; border-bottom: 1px solid #EEE; margin-bottom: 25px;}
dl.cases_list dd{ float: left; }
dl.cases_list dd.image{ width: 248px; height: 200px; overflow: hidden }
dl.cases_list dd.image img{ width: 248px; height: 174px;}
dl.cases_list dd.content{ float: right; width:620px;}
dl.cases_list dd.content h2{ font-size: 16px; font-weight: bold; color: #333; margin-bottom: 15px;}
dl.cases_list dd.content .desc{ font-size: 14px; color: #666;  line-height: 22px;}


.cases_show_content{ width: 1000px; margin: 0 auto;}
.cases_show_content .hd{ height: 60px; color: #333; font-size: 30px;color: #333;border-bottom: 1px solid  #ccc;}
.cases_show_content .in_content{color: #919191; padding: 10px;margin-top: 20px;}
.cases_show_content .in_content p{ font-size:16px; padding: 8px 0px 8px 0px; line-height: 25px;}
.dataprvenext{ margin-top: 15px;}
.dataprvenext p a{ color: #919191; }
.bottom_area{ float:left; display:block; width:100%; margin-top:20px;}
.bottom_area a.link_act{ margin-left:15px; padding:8px 25px; background:rgb(24, 185, 231); color:#FFF}



.pro_list{width: 100%;}
.pro_list ul li{ float: left; width: 202px; height: 270px; padding: 0px 10px 0px 10px;margin-bottom: 15px;}
.pro_list ul li .images{ width: 202px; height: 210px; overflow: hidden}
.pro_list ul li .images img{ min-height: 210px; max-width: 220px;}
.pro_list ul li .title{ margin-top: 5px; text-align: center;  width: 100%; height: 25px; overflow: hidden}
.pro_list ul li .price{ text-align: center;width: 100%; height: 25px; overflow: hidden}
.pro_list ul li .price .num{ color: #ff3c00;}



.new_center{ width: 100%; margin-top: 50px;}
.new_center ul li{ height: 360px; margin-bottom: 30px;}
.new_center ul li .itemcont{ width: 380px;}
.new_center ul li .image{ width: 100px; height: 300px; overflow: hidden }
.new_center ul li .image img{ max-width: 380px; max-height: 240px;}
.new_center ul li .title{ font-size: 16px; color: #5a5a5a; font-weight: bold; margin-top: 5px; height: 30px; line-height: 30px;}
.new_center ul li .time{ font-size: 12px; color: #929292; height: 30px; line-height: 30px;}
.new_center ul li .desc{ color: #7e7e7e; font-size: 12px; height: 40px; line-height: 20px;}

.new_page_content{  width: 1200px; margin-top: 50px;}
.new_page_content .hd{ height: 50px; line-height:50px; color: #333; font-size: 26px;  text-indent: 25px;color: #555555;}
.new_page_content .hd2{border-bottom: 1px solid  #eee; height: 70px; line-height: 70px; }

.new_page_content .tm_hd{border-bottom: 1px solid  #eee; }
.new_page_content .hd_section span{ padding: 0px 15px;}
.new_page_content  .hd_section{ font-size: 12px; color: #c2c2c2; width: 100%; height: 45px;border-bottom: 1px solid  #eee; margin-bottom: 30px;}
.new_page_content .in_content{ width: 100%; color: #919191;margin-top: 20px;color: #666666;}
.new_page_content .in_content p{ font-size:14px; padding: 8px 0px 8px 0px; line-height: 25px;}
.new_page_content img{ max-width: 1200px;}



.view_page_content{  width: 100%; }
.view_page_content .hd{ height: 50px; line-height:50px; color: #333; font-size: 26px;  text-indent: 25px;color: #555555;}
.view_page_content .hd2{border-bottom: 1px solid  #eee; height: 70px; line-height: 70px; }
.view_page_content .tm_hd{border-bottom: 1px solid  #eee; }
.view_page_content .hd_section span{ padding: 0px 15px;}
.view_page_content  .hd_section{ font-size: 12px; color: #c2c2c2; width: 100%; height: 45px;border-bottom: 1px solid  #eee; margin-bottom: 30px;}
.view_page_content .in_content{ width: 100%; color: #919191;margin-top: 20px;color: #666666;}
.view_page_content .in_content p{ font-size:14px; padding: 8px 0px 8px 0px; line-height: 25px;}
.view_page_content img{ max-width: 750px;}

dl.tech_list{ float: left; width: 100%; height:190px; border-bottom: 1px solid #EEE; margin-bottom: 25px;}
dl.tech_list dd{ float: left; }
dl.tech_list dd div.image{ width: 248px; height: 200px; overflow: hidden }
dl.tech_list dd div.image img{ width: 248px; height: 174px;}
dl.tech_list dd div.content{ float: right; width:100%; height: 182px; position: relative;}
dl.tech_list dd div.content h2{ font-size: 16px; font-weight: bold; color: #333; margin-bottom: 15px;}
dl.tech_list dd div.content .desc{ font-size: 14px; color: #666;  line-height: 22px;}
dl.tech_list dd div.botttom{ position: absolute; right: 0;bottom: 10px; z-index: 200;}
dl.tech_list dd div.botttom a{ cursor: pointer; display: inline-block; background: #FFF; color: #27a9ec; padding: 3px 15px;}

.quality_list{width: 100%;}
.quality_list ul li{ float: left; width: 225px; height: 340px; padding: 0px 5px 0px 5px;margin-bottom: 15px;}
.quality_list ul li .images{ width: 225px; height: 306px; overflow: hidden}
.quality_list ul li .images img{ min-height: 306px; max-width: 225px;}
.quality_list ul li .title{ margin-top: 5px; text-align: center;  width: 100%; height: 25px; overflow: hidden}




/***post form*/
.top_desc{ width: 100%; height:50px; padding: 15px; background: #EEE; margin-bottom: 30px;}
.top_desc h3{ font-weight: bold; font-size: 16px; color: #046ebe}
.post_form { width: auto; overflow: hidden; }
.post_form p { display: block; margin: 10px 0px; padding-left: 50px; }
.post_form p label { width: 150px; text-align: right; float: left; display: block; margin-right: 10px; line-height: 25px; }
.post_form p input { height: 25px; line-height: 25px; border: 1px solid #d1d1d1; background: none; outline: none; width: 350px; text-indent: 10px; }
.post_form  #content { width: 330px; height: 80px; border: 1px solid #d1d1d1; background: none; outline: none; line-height: 25px; padding: 10px; }
.post_form  #address { width: 352px; border: 1px solid #d1d1d1; background: none; outline: none; }
.post_btn { padding-left: 250px; margin-top: 30px; }
.post_btn input { padding: 10px 30px; display: block; border: none; background-color: #ccc; float: left; margin-right: 20px; cursor: pointer; }
.post_btn input:hover { background-color: #0067AC; color: #fff; }

/*Recruitment*/
.RecruitmentContent{padding-top: 23px;margin-bottom: 10px;}
.RecruitmentContent li{float: left;width: 180px;}
.RecruitmentContent ol{margin: 0;padding-left: 61px;background: #27a9ec;overflow: hidden;height: 40px;line-height: 40px;color: #FFF;font-weight:bold;font-weight: bold;}
.RecruitmentContent ul{padding-left: 61px;height: 50px;line-height: 50px;font-size: 14px;color: #666;border-bottom: 1px dashed #ccbfb9;}
.RecruitmentContent .last_li_day{width: 129px;}
.zhiwei div{padding-left: 61px;line-height: 24px;font-size: 12px;color: #666;padding-top: 14px;padding-bottom: 39px;display: none;}
.zhiwei ul{cursor: pointer;}
.on_div ul li{font-size: 14px;font-weight: bold;color: #cc0000;}
.on_div{background: #fafafa;}
.on_div{display: block;}



.photo_list{width: 100%;}
.photo_list ul li{ float: left; width: 260px; height: 210px; padding: 0px 15px 0px 15px;margin-bottom: 15px;}
.photo_list ul li .images{ width: 260px; height: 169px; overflow: hidden}
.photo_list ul li .images img{ min-height: 169px; max-width: 260px;}
.photo_list ul li .title{ margin-top: 5px; text-align: center;  width: 100%; height: 25px; overflow: hidden}

.contact_page_main{ margin-top: 100px;}
dl.contact_item{ float: left; width: 219px; height: 120px; background: #EEE; margin: 0px 10px 0px 10px;}
dl.contact_item dd{  width: 100%; height: 120px; position: relative;}
dl.contact_item dd  .in_main{ width: 100%; height: 120px; position: relative;}
dl.contact_item dd  .item_ico_mod{  position: absolute; top: -40px; left: 0px; width: 100%;  }
dl.contact_item dd  .item_ico_body{  margin: 0 auto;border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; word-wrap: break-word; padding: 0px; border: 0px solid transparent; height: 70px; width: 70px; display: block; background-color: rgb(4, 110, 184); }
dl.contact_item dd  .item_ico_img{ padding: 15px 10px 10px 10px; width: 50px; height: 50px; text-align:center; }
dl.contact_item dd  .in_main .content{  position: absolute; top: 42px; left: 0px; width: 100%; }
dl.contact_item dd  .in_main .content p{padding: 0px 3px 5px 0px; text-align: center}
.map{ margin-top: 50px;}
dl.contact_item dd  .in_main .content .detail_text{ width: 60%; margin: 0 auto;word-wrap: break-word; word-break: normal;  word-break:break-all;}



/**product**/
dl.cplist { width: 362px; border: 1px solid #ccc; float: left; margin: 20px 50px 0 0; }
dl.cplist dt { width: 120px; float: left; text-align: center; }
dl.cplist dt img { max-width: 90%; height: auto; display: block; margin: 10px auto 0 auto; }
dl.cplist dt span { display: block; margin-top: 10px; font-size: 12px; }
dl.cplist dd { margin-left: 121px; border-left: 1px solid #ccc; min-height: 186px; }
dl.cplist dd p { line-height: 30px; text-align: center; border-bottom: 1px solid #ccc; font-size: 12px; }

/* tab_con*/

.right_title{	padding-bottom:10px;	border-bottom:1px solid #d1d1d1;	}
.right_title h2{font-size:26px;	color:#0067AC;	text-indent:15px;	font-weight:normal;}

.tab_con table td { text-indent: 20px; }
#tabbox { width: auto; overflow: hidden; margin-top: 50px; margin-bottom: 50px; }
.tab_conbox { border: 1px solid #d1d1d1; border-top: none; }
.tab_con { display: none; }
.tabs { height: 47px; border-bottom: 1px solid #d1d1d1; width: 100%; }
.tabs li { height: 46px; line-height: 46px; float: left; margin-bottom: -1px; background: #f0f0f0; overflow: hidden; position: relative; margin-right: 10px; font-size: 14px; font-weight: bold; }
.tabs li a { display: block; padding: 0 20px; outline: none; }
.tabs li a:hover { background: #0067AC; color: #fff; }
.tabs .thistab a { color: #fff; }
.tabs .thistab, .tabs .thistab a:hover { background: #0067AC; color: #fff; }
.tab_con { padding: 20px; font-size: 14px; line-height: 30px; }
.tab_con1 { padding: 20px; font-size: 14px; overflow: hidden; }
.product_description{ font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; padding:3px 0px 5px 0px}
.product_description p{ font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; padding:3px 0px 5px 0px}
.product_description  img{ max-width:870px;}