/* global */
html { overflow-x:hidden; }
body{margin:0px;font-size:12px;color:#333333;background:#FFFFFF;}
/* common */
.m{width:1200px;margin:auto;}
.margin20{ margin:22px auto}
.top{height:34px;line-height:34px;border-bottom:#efefef 1px solid;width:100%;}
#top a{text-decoration:none;}
.head{height:116px;overflow:hidden;}
.head div{float:left;}
.head .logo{padding:16px 10px 0 0px;height:90px;overflow:hidden;}
.head h1{font-size:24px;margin:32px 0 6px 0;color:#333333;filter:glow(color=#FFFFFF,strength=3);}
.head h4{font-size:16px;margin:0;color:#333333;}

.header_mtop{ width:100%; height:auto; min-height:70px; padding:15px 0px;}
.header_mtop .hmlogo{ float: left; overflow: hidden; margin-right:20px;}
.header_mtop .hmlogo img{ display: block;}
.header_mtop .header_mtop_m1{ float: left; overflow: hidden; margin-left:15px;}
.header_mtop .header_mtop_m1 .hm1_biaoqian i{   color:#FF0000; font-weight:bold;}
.header_mtop .header_mtop_m1 p{ overflow: hidden; margin:5px 0px;}
.header_mtop .header_mtop_m1 p.hm1_company{ font-size:16px;}
.header_mtop .header_mtop_m1 p.hm1_biaoqian span{ float: left; padding:0px; margin:0px; display: block; line-height:30px; height:30px; overflow: hidden; margin-right:12px;}
.header_mtop .header_mtop_m1 p.hm1_biaoqian .s1{ }
.header_mtop .header_mtop_m1 p.hm1_biaoqian .s1 img{ display: block; float: left; margin:6px 4px 0px 0px;}
.header_mtop .header_mtop_m2{ float:left; margin-left:60px;}
.header_mtop .header_mtop_m2 .mobile{position:relative; }
.header_mtop .header_mtop_m2 .mobile span{ float: left; line-height:63px; margin-left:10px;}
.header_mtop .header_mtop_m2 .mobile img{  float: left; position:absolute; display:none;left:0px; top:75px; z-index:999999;}
.header_mtop .header_mtop_m2 .mobile:hover img{ display:block;}
.header_mtop .header_mtop_m3{ overflow: hidden; position:relative; float: right;}
.se {height: 40px; overflow: hidden; float:left; margin-top:20px;}
.se select { display:none;}
.se input { border-radius:0px; padding:0px 10px; border: 0;outline: none; height:32px;}
.se .se_1 { margin-right:-5px; border: 1px solid #255178; border-right:none; color:#999; width: 220px; float:left;}
.se .se_2 { background: #255178;padding:0px 10px; border: 2px solid #255178; color:#fff; font-size:14px; height:34px; float:right;}

#menu a{text-decoration:none; color:#FFF;}
.menu{background:#255178;height:40px;overflow:hidden;font-size:14px;}
.menu ul{ width:1200px; margin:0px auto;}
.menu_li{float:left;white-space:nowrap;line-height:40px;padding:0 30px;}
.menu_li:hover{background:#075aa6;}
.menu_on{float:left;white-space:nowrap;line-height:40px; padding:0 30px;background:#075aa6;}

.index_pro{ margin:20px auto;}
.index_pro_t{position: relative;font-size: 18px;font-weight: 700;height: 22px;line-height: 22px;border-left: 6px solid #ef1f1f;padding-left: 10px; margin-bottom:15px;}
.index_pro ul{ overflow: hidden; margin-left:-16px;}
.index_pro ul li{ float: left; overflow: hidden; border:1px solid #e5e5e5; margin:0px 0px 20px 16px;}
.index_pro ul li img{ display: block; width:225px; height:225px; overflow: hidden; margin-bottom:5px; transition: all 0.6s; display: block;}
.index_pro ul li span{ display: block; font-size:18px; color:#d40300;line-height:35px; margin:0px 7px;}
.index_pro ul li p{ font-size:13px; color:#333; margin:0px 10px 12px 10px;} 
.index_pro ul img{ display: block; margin: 0 auto;}
.index_pro ul li:hover img{transform: scale(1.04);}
.index_pro ul li:hover{border:1px solid #F00;}

.index_about{ padding:10px; height:auto; background:url(about_bg.png) no-repeat;}
.index_about1{font-size:14px; line-height:24px; width:80%;}
.index_about1 .index_about1_t{ width:auto; height:50px; line-height:50px; margin-bottom:5px; font-size:20px;}
.index_about1 .index_about1_t span{ font-size:13px; margin-left:10px;}
.index_about1 .index_about1_t span img{ margin:0px 2px 5px 0px; vertical-align:middle;}
.index_about2{ width:auto; margin-top:25px; overflow:hidden;}
.index_about2 .index_about2_t{ width:auto; height:35px; line-height:35px; margin-bottom:5px; font-size:17px;}
.index_about2 ul{ width:500px; height:auto; font-size:14px; overflow:hidden;}
.index_about2 ul li{ width:50%; float:left; line-height:35px;}
.index_about2 p{ font-size:14px; margin-top:15px;}
.index_about2 p a{ margin-left:30px;}
.index_about2 p img{ vertical-align:middle;}


.side_head{border:#CCCCCC 1px solid;border-bottom:none;background:#EEEEEE;}
.side_head div{padding:0 16px;font-size:14px;height:44px;line-height:44px;overflow:hidden;}
.side_body{border:#CCCCCC 1px solid;border-top:none;background:#FFFFFF;padding:16px;margin:0 0 20px;overflow:hidden;}
.side_body li{background:url('../../image/ico_arrow.gif') no-repeat 4px 12px;padding:0 0 0 20px;height:32px;line-height:32px;overflow:hidden;}
.main_head{border:#CCCCCC 1px solid;border-bottom:none;background:#EEEEEE;}
.main_head div{padding:0 16px;font-size:14px;height:44px;line-height:44px;overflow:hidden;}
.main_body{border:#CCCCCC 1px solid;border-top:none;background:#FFFFFF;padding:16px;margin:0 0 20px;overflow:hidden;}