@charset "utf-8";
body{ margin:0px; background-color:#f8f8f8;}
body,th,div { padding:0; margin: 0; font-size: 14px;color: #333;font-family:Arial, Helvetica, sans-serif;line-height:180%;}
td{ padding:0; margin: 0;text-align:left;font-size: 14px;color: #333; font-family:Arial, Helvetica, sans-serif;	line-height:180%;}
dl,dd,dt,ul,li{ margin:0px; padding:0px}
a {	color: #333;font-family:Arial, Helvetica, sans-serif;text-decoration: none;}
a:hover {	text-decoration: none;font-family:Arial, Helvetica, sans-serif;color: #ff0000;}
img{ border:#000 solid 0px}
/***************************************导航**************************************************************************************************/
.top{width:100%;height:120px; background:#fff; }
.topcon{width:1200px; margin:0 auto;height:120px}
.toplogo{ width: 300px; height:116px; float:left; background: url(../images/logo.jpg) no-repeat; }
.toptel{ background:url(../images/tel.jpg) no-repeat; width:250px; height:70px; float:right; margin-top:30px;}
.nav {  width: 100%;  height: 40px; background: #00428c;}
.navcon{ width:1200px; margin: 0 auto;}
.topmenu {CLEAR: both; DISPLAY: inline; FONT-FAMILY: Tahoma; LIST-STYLE-TYPE: none; margin:0px; padding:0px; z-index:999;height:40px;}
.topmenu LI {FLOAT: left; WIDTH:130px; MARGIN-RIGHT:0px; height:40px; z-index:999; position:relative}
#menu_line{ width:2px; float:left;height:40px; z-index:999; background:url(../images/navline.jpg) no-repeat center center;}
.topmenu li A {DISPLAY: block; FONT-WEIGHT: normal; TEXT-ALIGN: center;TEXT-DECORATION: none;color:#fff; height:40px;font-weight:100 ; z-index:999; line-height:40px; font-size:16px;
text-transform:uppercase}
.topmenu li dl{ visibility:hidden;}
.topmenu li A:hover { COLOR: #FFFFFE; TEXT-ALIGN: center; TEXT-DECORATION: none; font-size:16px;font-weight:100;; z-index:999; background:#1c345c; }
.topmenu li dl a{ float:left; width: 120px; height:36px; color:#fff; line-height:36px; display:block; padding-left:10px; padding-right:10px; display:block; text-transform:uppercase; background:#1c345c; font-size:12px;text-align: left;}
.topmenu li dl a:hover{ float:left; width: 120px; height:36px; color:#fff; line-height:36px; display:block; padding-left:10px; padding-right:10px; display:block; text-transform:uppercase; background:#00428c; font-size:12px;text-align: left; }
.menu-search { width: 300px; float: left;    padding-top: 30px;}
.zybtn {  margin-left: 10px;}
li.cnbtn { float: left; margin-right: 20px; list-style: none;}
li.enbtn {  float: left; list-style: none;}
.cnbtn img {margin-right: 5px;}
.enbtn img {margin-right: 5px;}
/****************************************导航*************************************************************************************************/
.ber{width:100%; margin:0 auto;height:422px;background-image: url(../images/ber.jpg); background-position:center top; background-repeat:no-repeat; margin-bottom:15px}
.head_search{ background-image:url(../images/header-search.jpg); height:57px}
.head_search-1000{ width:1200px; height:57px; margin:0 auto}
.head_search-1000 dd{ width:500px; height:57px; font-size:14px; color:#FFFFFF; line-height:57px; text-align:left; float:left}
.head_search-1000 dl{ width:300px; float:right}
.clear{ clear:both}
.main{overflow:hidden;width:1200px; margin:0 auto;padding-top: 30px;margin-bottom: 30px;}
.column{padding-bottom: 32767px;margin-bottom: -32767px;}
.m_left{width:230px; text-align:center; float:left; background-repeat:no-repeat}
.m_right{width:920px!important; width:950px; float:right; background-color:#fff; padding-left:15px; padding-right:15px}
.l_t{height:120px; line-height:120px; color:#333; font-weight: 100; text-align:center; font-size:20px;text-transform:Uppercase; background-image: url(../images/l-t.jpg);background-position:center bottom }
.l_t dl{ font-size:24px; color:#fff; padding:0px; margin:0px; line-height:20px; text-align:left; font-weight:bold; padding-top:40px; padding-left:20px; font-family:Arial, Helvetica, sans-serif}
.l_t dd{ font-size:12px; color:#fff; padding:0px; margin:0px; padding-top:15px; line-height:14px; text-align:left; font-weight:100; padding-left:20px; }
.l_class{padding-bottom:50px; background-color:#00428c;}
.l_c{padding-top:10px;}
.r_t{text-transform:Uppercase;height:58px; border-bottom: 1px solid #eee;}
.r_t_l{float:left; font-size:16px; font-weight: 100; text-align:left;  height:56px;line-height:58px; color:#333;border-bottom: 3px solid #00428c; }
.r_t_l dl{ display:block; margin:0px; padding:0px; line-height:58px; float:left; font-size:28px; color: #00428c;font-weight: bold;}
.r_t_l dd{ display:block; margin:0px; padding:0px; line-height:58px; float:left; font-size:16px; color:#000; display:none}
.r_t_r{float:right; text-align:left;color:#999999; line-height:72px; font-size:12px;}
.r_t_r a{ color:#333333}
.r_content{width:920px;text-align:left; margin-top:15px;margin-bottom: 20px;}
.left_list {    color: #fff;  padding-top: 20px;}
/*****************************************************************************************************************************************/
.Pro_class_D{width:190px; height:50px; margin:0 auto}
.Pro_class_D a{display:block; width:175px!important;width:190px; padding-left:15px; height:50px; text-align:left; line-height:50px;font-size:16px; font-weight: 100; background-image:url(../images/pro_list_bg.jpg);color:#fff; background-position:left top}
.Pro_class_D a:hover{display:block; font-weight:10; background-image:url(../images/pro_list_bg_h.jpg); color:#ec7f0a;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;}
.Pro_class_D_F{width:190px; height:50px; margin:0 auto}
.Pro_class_D_F a{display:block;width:175px!important;width:190px; padding-left:15px; height:50px; text-align: left; line-height:50px;font-size:16px; font-weight:100;color:#ec7f0a; background-position:left top}
.Pro_class_D_F a:hover{display:block;}
/*****************************************************************************************************************************************/
.Pro_class_Z{width:140px; height:50px; margin:0 auto}
.Pro_class_Z a{display:block; width:125px!important;width:140px; padding-left:15px; height:50px; text-align:left; line-height:50px;font-size:16px; font-weight: 100; background-image:url(../images/pro_list_bg.jpg);color:#fff; background-position:left top}
.Pro_class_Z a:hover{display:block; font-weight:10; background-image:url(../images/pro_list_bg_h.jpg); color:#ec7f0a;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;}
.Pro_class_Z_F{width:140px; height:50px; margin:0 auto}
.Pro_class_Z_F a{display:block;width:125px!important;width:140px; padding-left:15px; height:50px; text-align: left; line-height:50px;font-size:16px; font-weight:100; background-image:url(../images/pro_list_bg_h.jpg);color:#ec7f0a; background-position:left top}
.Pro_class_Z_F a:hover{display:block;}
/*****************************************************************************************************************************************/
.pro_list{ list-style:none; padding:0; margin:0}
.pro_list li{ float:left; margin-left:10px; margin-right:10px;  width:215px; height:210px; text-align:center; position:relative; }
.box { 
/*非IE的主流浏览器识别的垂直居中的方法*/ 
display: table-cell;
vertical-align:middle; 
/*设置水平居中*/ 
text-align:center; 
/* 针对IE的Hack */ 
*display: block; 
*font-size: 209px;/*约为高度的0.873，200*0.873 约为175*/ 
*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/ 
width:200px!important; width:280px; 
/*height:276px!important; height:280px; */
border:#CCCCCC solid 1px; padding:1px;} 
.box:hover {border:#333333 solid 1px;position:relative;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s}
.box img { 
/*设置图片垂直居中*/ 
vertical-align:middle; margin:0 auto; width:200px}
.pro_list li dl{ position:absolute; bottom:0px; left:0px; width:200px; height:39px;padding:0px; margin:0px; font-size:14px; text-align:center;line-height:39px color:#333; z-index:9; font-weight:100;}
.pro_list li dl a{ color:#333; line-height:18px}
.page-style{ clear:both; margin-top:15px; padding-top:15px; text-align:left; margin-bottom:10px}
.page-style a{padding:5px; border:#333333 solid 1px; color:#333333; margin-left:5px; margin-right:5px; font-size:14px; padding-left:10px; padding-right:10px}
.page-style a:hover{ background-color:#333333; color:#FFFFFF;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s}
.nowpage a{ background-color:#333333; color:#FFFFFF}
/*****************************************************************************************************************************************/
/**********.input_k{BORDER-RIGHT: #d4d0c8 1px solid; BORDER-TOP: #808080 1px solid; FONT-SIZE:14px; BORDER-LEFT: #808080 1px solid; COLOR: #333333; BORDER-BOTTOM: #d4d0c8 1px solid; height:20px; padding-left:5px; line-height:20px;}*********/
.register td{ padding-left:15px; padding-top:2px; padding-bottom:2px;}
/*****************************************************************************************************************************************/
/*************************************产品****************************************************************************************************/
.product{ width:100%;height:740px; background:url(../images/probg.jpg) no-repeat;}
.productcon { width:1200px; margin:0 auto;}
.protit { width: 1200px; margin: 0 auto; padding:60px 0 40px 0;}
.protit h3 {text-align: center; font-size: 30px; color: #033f85; padding: 0;  margin: 0;}
.protit span { float: left; text-align: center; width: 1200px; color:#666; font-size:12px;    padding-top: 10px; padding-bottom: 10px;}
.blk_18{ overflow:hidden; zoom:1;font-size:9pt; width:1200px;margin: 0 auto;}
.blk_18 .pcont { width:1200px; float:left; overflow:hidden;}
.blk_18 .ScrCont { width:32766px; zoom:1;}
.blk_18 #List1_1, .blk_18 #List2_1 { float:left;}
.pcont li { width:220px;float:left; margin-left:10px; margin-right:10px;text-align:center;line-height:20px; font-size:14px; color:#000000;list-style: none;background: #fff;margin-top: 16px;border-radius: 6px;}
.pl dl{ width:200px!important; width:200px;}
.pl dl dt{ padding:0px; margin-top: 10px;margin-left: 10px; width:200px;  background-color:#FFFFFF}
.pl dl dd{ padding-top:2px;color:#333; overflow:hidden; font-size:12px; line-height:30px;font-family:"微软雅黑";  background: #fff;margin-left: 10px;}
.proline{ text-align:center;}
.promore{ text-align:center;margin-top: 30px;}
.prolist{    width: 24%; float: left; text-align: center;  line-height: 40px; background: #fff;margin-left: 10px;}
.prolist a{    font-size: 16px; font-weight: bold; color: #333;}
/*************************************产品****************************************************************************************************/
/*************************************简介/文化/联系***********************************************************************************/
.about {  width: 100%;  height: 600px; padding-top: 60px;}
.aboutcon {width: 1200px;margin: 0 auto;}
.profile {    width: 31.8%;  float: left;margin-right: 10px;border: 1px solid #eee;}
.profile:hover { width: 31.8%;  box-shadow: #666 0px 0px 10px;}
.profiletit {  font-size: 18px;border-bottom: 2px solid #e6e6e6;width: 74px;margin-left: 160px;height: 32px;}
.profiletxt {  text-align: center;padding: 10px 42px 30px 42px;display: block;font-size: 12px;color: #333;height: 120px;overflow: hidden;}
.culture{width: 31.8%;  float: left;margin-right: 10px;border: 1px solid #eee;}
.culture:hover { width: 31.8%;  box-shadow: #666 0px 0px 10px;}
.culturetit {  font-size: 18px;border-bottom: 2px solid #e6e6e6;width: 74px;margin-left: 160px;height: 32px;}
.culturetxt {    text-align: center;   padding: 10px;}
.contact{ width: 31.8%;  float: left;border: 1px solid #eee;}
.contact:hover { width: 31.8%;  box-shadow: #666 0px 0px 10px;}
.contacttit {  font-size: 18px;border-bottom: 2px solid #e6e6e6;width: 74px;margin-left: 160px;height: 32px;}
.contacttxt {    text-align: center;   padding: 10px;}
.imoretxt img {  margin-left: 144px;  margin-bottom: 16px;}
/*************************************简介/文化/联系***********************************************************************************/
/*************************************新闻/合作***********************************************************************************/
.box3{ width:100%; height: 500px;}
.box3con { width: 1200px; margin: 0 auto;}
.news { width: 590px; float: left;}
.newstit {    margin-top: 60px;border-bottom: 1px solid #eee;  height: 32px;}
.newstit h3 {    font-size: 24px;  color: #033f85; margin: 0;float: left;border-bottom: 3px solid #033f85;height: 30px;}
.newstit span {    font-size: 12px;    color: #999;    margin: 0;   float: left;  text-transform: capitalize;}
.newscon { margin-top: 30px;}
.newscon img {    width: 220px; height: 154px;  float: left;}
.newslist a {    display: block; height: 16px;  padding-top: 5px; color: #333; padding-bottom: 10px; float:left;margin-left: 16px;   font-weight: bold;}
.newscon p { width: 340px; float: left; margin:0;}
.newslist dd {    float: left;  color: #333; margin-left:16px;}
.newslist2{ width:550px}
.newslist2 ul{ list-style:none; padding:0px; margin:0px}
.newslist2 ul li{  margin-top:10px; width:550px; float:left; border-bottom: #999999 dashed 1px;height: 30px;}
/*.newslist2 ul li a dl{  float:left;  font-size:14px; text-align:center; line-height:20px; color:#333;}
.newslist2 ul li a dl span{ font-size:18px; display:block; height:20px; margin-top:15px; line-height:20px}
.newslist2 ul li a dd{ width:400px; height:65px; float:right}
.newslist2 ul li a dd b{ font-size:16px; color:#333;word-break:break-all}
.newslist2 ul li a dd p{ margin:0px; padding:0px; color:#333;word-break:break-all}
.newslist2 ul li a:hover dl{ width:120px; height:100px; float:left; background-color:#489961; text-align:center; line-height:20px; color:#fff}
.newslist2 ul li a:hover dd b{ font-size:16px; color:#489961}
.newslist2 ul li a:hover dd p{ margin:0px; padding:0px; color:#489961}
.newscon a{ display:block;height:16px; padding-top:5px; color:#333; padding-bottom:10px}
.newsmore a {  font-size: 12px; text-align: center; width: 74px;  display: block; line-height: 21px;padding: 0px;}*/
li.newslist { width: 580px; float: left;list-style: none;}
.newsmore{width: 40px;height: 20px;background: #033f85;box-shadow: 2px;border-radius: 5px;font-size: 10px;color: #fff;float: right;text-transform: uppercase;line-height: 22px;}
.coope { width: 590px; float: left;margin-left: 20px;}
.coopecon{ margin-top: 30px;}
.coopetit {    margin-top: 60px;border-bottom: 1px solid #eee;  height: 32px;}
.coopetit h3 {    font-size: 24px;  color: #033f85; margin: 0;float: left;border-bottom: 3px solid #033f85;height: 30px;}
.coopetit span {    font-size: 12px;    color: #999;    margin: 0;   float: left;  text-transform: capitalize;}
.coopemore{width: 40px;height: 20px;background: #033f85;box-shadow: 2px;border-radius: 5px;font-size: 10px;color: #fff;float: right;text-transform: uppercase;line-height: 22px;}
/*************************************新闻/合作***********************************************************************************/
.foot{width:100%; background-color:#262626; padding-top:30px; padding-bottom:15px; color:#fff; text-align:center; }
.footcon {   width: 1200px; margin: 0 auto;height: 140px; border-bottom:1px solid #333;}
.footleft {   width: 600px;   float: left; border-right: 1px solid #333;}
.footmid {  float: left;   width: 400px;border-left: 1px solid #000}
.footmid p { font-size: 12px;color: #fff;text-align: left; margin-left: 50px;}
.footright { float:left; width:200;}
.copyright { width: 100%; font-size: 14px; color: #fff; margin-top: 10px;}
.not-animated { opacity:0; }
.imoretxt2{ margin:0 auto}
.imoretxt2 a{display:block;box-shadow:0px 0px 0px #000 ;background-color:#262626; color:#fff;border-radius:2px; border:#333333 solid 1px; width:100px; padding:2px; line-height:25px; text-align:center; margin:0 auto}
.imoretxt2 a:hover{box-shadow:0px 0px 5px #000;display:block; padding:2px; background-color:#333333; color:#fff; line-height:25px; font-size:14px;text-align:center; margin:0 auto;border-radius:2px; border:#333333 solid 1px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;}
.flashfoot{ background:#000; height:64px; }
.flashfootcon{ width:1230px; margin:0 auto; padding-top:20px; text-align:center;}
.flashfootcon span{ font-size:12px; color:#fff;}
.flashfootcon a{ color:#fff;}
.shopbtn {    padding-top: 10px;}
.link_l {

    padding: 15px;
        padding-right: 15px;
    text-align: left;
    color: #fff;
    background-color: #00428c;
    padding-right: 15px;
    word-break: break-all;

}