/* Reset */
@font-face {
font-family: 'Impact';
src: url('../Impact.otf'); /* IE9 Compat Modes */
src: url('../Impact.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../Impact.woff') format('woff'), /* Modern Browsers */
		 url('../Impact.ttf')  format('truetype'), /* Safari, Android, iOS */
		 url('../Impact.svg#Impact') format('svg'); /* Legacy iOS */
}

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; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, th, var { font-weight:normal; font-style:normal; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
q:before, q:after { content:''; }
abbr, acronym { border:0; }
/* End Reset */

.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix{*zoom:1;}
input:focus,textarea:focus,select:focus{outline: none;}

/* Common */
.hidden { display:none; }
.clearfix:after, .phead:after, .pbody:after { content:"\0020"; display:block; clear:both; height:0; }
.clearfix { zoom:1; }
a {color:#575757; text-decoration:none; }
a:hover {color:#1b5a30; text-decoration:none; }
.tl { text-align:left; }
.tc { text-align:center; }
.tr { text-align:right; }
.fl { float:left; display:inline; }
.fr { float:right; display:inline; }
.f10 { font-size:10px; color:#fd2828; }
.f14 { font-size:14px; }
.f16 { font-size:16px; }
.f18 { font-size:18px; }
.f20 { font-size:20px; }
.f22 { font-size:22px; }
.f24 { font-size:24px; }
.f26 { font-size:26px; }
.f32 { font-size:32px; }
.fb { font-weight:bold; }
.clear { clear:both; }
.hidden { display:none; }
.black { color:#000; }
.yellow { color:#FF9900; font-weight:bold; }
.bule{ color:#005eae; font-weight:bold;}
.font4 { font-weight: bold; color: #f00; }
.font5 { font-weight: bold; color: #000; }
.font6 { color:#ff0; font-weight:bold; }
.pt20 { padding-top: 20px; }
li { list-style:none; }
.bk{ border:5px #dbdbdb solid; padding:1px;}

h1{font-size:22px; color:#e50012; font-family:Impact; text-transform:uppercase;}

body {width:100%; margin: 0 auto; font-size:12px; color:#575757; font-family: "微软雅黑"; background:#fff;}
body img{width:100%;}

.mobile_header{width:100%; float:left;/*margin: auto; top:0;left:0;right:0;z-index:99;*/ padding:10px 0 15px; background:#e50012;}
.mobile_header .menu_icon{ width:50px; height:50px; position:absolute; z-index:99; top:12px; right:0px;}
.mobile_header .menu_icon img{ width:70%;}
#nav-phone {position: fixed;top: 0;right: -50%;width:45%;height: 100%;background: rgba(229,0,18,0.8);z-index:2000;}
.close { float: right; margin-top:15px; width:50px; height:50px;opacity: 1;font-weight: bold;}
.close img{width:50%;}
.mobile_header .mobile_menu {width:100%;margin-top:20px; float:right;height:auto;z-index:99; text-align:center;}
.mobile_header .mobile_menu li a {display:block;width:100%;height:100%;font-size:14px;padding:10px 0;color:#fff;line-height: 1.7; font-weight:bold;}
.mobile_menu li h3 {width: 100%;background: url(images/in_10.png) right center no-repeat; position:relative;}
.mobile_menu li:four-child h3{background: none;}
.mobile_menu .selected h3 {background: url(images/in_11.png) right center no-repeat;}
.mobile_menu li .list-item {position: relative;overflow: hidden;zoom: 1;display: none;padding-bottom: 30px;}
.mobile_menu li .list-item a{font-size:12px;display: block;padding:5px 0;color:#fff; font-weight:normal;}
.mobile_menu li .list-item a:hover{ color:#fff; text-decoration:underline;}
.icon { background:url(images/icon1.png); background-repeat: no-repeat; }
.logo{width:100%; float:left; font-size:17px; font-weight:bold; color:#fff; text-transform:uppercase;}
.logo img{width:8%; margin:0 5px -10px 10px;}


.banner{width:100%; float:left; position:relative; z-index:1;}
.banner img{ position:relative; width:100%;}

.why_bg{width:94%; float:left; background:url(../images/why_bg.jpg) top center no-repeat; background-size:cover; padding:3%;}
.why_img{width:100%; float:left; margin:10px 0;}
.why_info{width:100%; float:left;}
.why_bg h1{font-family:Impact; margin:20px 0;}
.why_bg p{color:#525252; line-height:18px; padding-bottom:15px;}


.what_bg{width:94%; float:left; background:url(../images/what_bg.jpg) top center no-repeat; background-size:cover; padding:3%;color:#525252; line-height:18px;}
.what_img{width:100%; float:left; margin:10px 0;}
.what_info{width:100%; float:left;}
.what_bg h1{font-family:Impact; margin:20px 0;}
.what_bg p{padding-bottom:15px;}
.what_bg ul li{width:100%; float:left; margin-bottom:10px;}
.what_bg li i{width:15px; height:15px; display:inline-block; background:url(../images/icon_l.png) top center no-repeat; background-size:cover; margin:0 12px -2px 0;}

.who_bg{width:94%; float:left; background:url(../images/who_bg.jpg) top center no-repeat; padding:3%; line-height:18px; color:#525252;}
.who_img{width:100%; float:left; margin:10px 0;}
.who_info{width:100%; float:left;}
.who_bg h1{font-family:Impact; margin:20px 0;}
.who_bg p{ padding-bottom:15px;}
.who_bg ul li{width:100%; float:left; margin-bottom:15px;}
.who_bg li i{width:15px; height:15px; display:inline-block; background:url(../images/icon_l.png) top center no-repeat; background-size:100%; margin:0 12px -2px 0;}


.footer{width:100%; float:left; background:#373737; color:#fff; text-align:center; padding:10px 0 5px;}
.footer p{font-weight:bold; color:#fff; text-transform:uppercase; line-height:18px;}
.footer_r{width:100%; float:left; padding:10px 0;}
.footer_r a img{width:6%; margin:0 2px -8px 1px;}


.consteel_bg{width:94%; float:left; padding:3% 3% 0; line-height:18px; background:url(../images/consteel_bg.jpg) top center no-repeat fixed; background-size:cover;}
.consteel_bg h1{margin:20px 0;}
.consteel_bg ul{width:100%; float:left;}
.consteel_bg li{width:100%; float:left; margin:0 0 30px;background:#fff; box-shadow:0px 0 20px 0 rgba(232,234,241,0.7); color:#525252; border-radius:8px; padding-bottom:25px;}
.consteel_bg h2{padding:30px 0px 20px 20px; font-size:16px; font-weight:bold; color:#e50012;}
.consteel_bg p{padding:0px 30px 10px 20px; width:90%; float:left;}
.consteel_bg li i{width:8px; height:8px; display:inline-block; background:url(../images/icon_3.png) bottom center no-repeat; background-size:100%; margin:0 0px 2px 0;}
.consteel_bg li span{ float:right; width:95%;}
.consteel_bg .consteel_info1{width:100%; float:left;}
.consteel_bg .consteel_info2{width:100%; float:right;}
.consteel_bg img{width:100%; border-top-left-radius:10px; border-top-right-radius:10px;}


.honor_banner{width:100%; float:left;}
.honor_bg{width:94%;display:flex; padding:80px 0 30px; background:url(images/consteel_bg.jpg) top center no-repeat fixed; background-size:cover; padding:3%; line-height:22px;}
.honor_bg h1{margin:20px 0;}
.honor_left{width:100%;}
.honor_left ul{width:100%; display:flex; flex-wrap:wrap;}
.honor_left li{flex:0 0 47%; max-width:47%; margin:0 5px 13px; background:#fff; box-shadow:0px 0 20px 0 rgba(232,234,241,0.7);}
.honor_left p{text-align:center; padding:8px 0;}
.honor_left li img{max-width:100%;}


.Applications_bg{width:94%; float:left; background:url(../images/Applications_bg.jpg) top center no-repeat fixed; background-size:cover; padding:3%; line-height:18px;}
.Applications_bg h1{font-family:Impact; margin:20px 0;}
.Applications_bg h2{font-size:14px; color:#000; font-weight:bold; margin:30px 0 10px 0;}
.Applications_bg p{padding:0px 0px 10px 0px; width:100%; float:left;}
.Applications_bg i{width:8px; height:8px; display:inline-block; background:url(../images/icon_3.png) bottom center no-repeat; background-size:100%; margin:0 12px 2px 0;}
.Applications_bg p span{ float:right; width:95%;}


.products_bg{width:94%; float:left; background:url(../images/products_bg.jpg) top center no-repeat fixed;background-size:cover; padding:3%; line-height:18px;}
.products_bg h1{font-family:Impact; margin:20px 0;}
.products_bg p{padding:0px 0px 10px 0px;}
.products_bg li{width:92%; float:left; margin-top:20px; padding:10px 4% 15px; background:#fff;}
.products_bg li:hover{box-shadow:0px 0 20px 0 rgba(232,234,241,0.7);}
.products_bg li h2{ font-size:18px; text-transform:uppercase; font-family:Impact; margin:20px 0 10px 0px;}
.products_bg li p{padding:0px 0 10px 0;width:100%; float:left;}
.products_bg li p i{width:8px; height:8px; display:inline-block; background:url(../images/icon_3.png) bottom center no-repeat; background-size:100%; margin:0 12px 0px 0;}
.products_bg li p span{ float:right; width:94.5%;}
.product_img{width:100%; float:left; text-align:center;}
.product_img img{width:70%;}
.products_bg .download{ float:left; margin:5px 0 0 0px;}
.products_bg .download a{color:#e50012;}
.products_bg .download a:hover{color:#e50012; text-decoration:underline;}
.products_bg .download img{width:12%; margin:0 10px -8px 0;}
.page{text-align:center; width:100%; clear:both; margin:20px auto 0; line-height:26px; padding:20px 0 20px;}
.page span{line-height:34px; margin-left:15px; color:#000; background:#fff; border:1px #666 solid; border-radius:2px; padding:0 20px;  display:inline-block;}
.page a span:hover{background:#d0a774; cursor:pointer; color:#fff; border:1px #d0a774 solid;}


/*在线留言css*/
.message_bg{width:94%; float:left; background:#fff; padding:3%; line-height:18px;}
.message_top{width:100%; float:left; font-size:13px; font-weight:400; text-transform:uppercase; line-height:22px; padding:20px 0;}
.message_cont{width:100%; float:left; margin:20px 0;}
.message_leave{width:98%; float:left; margin:0 1% 20px; border:1px #d5d5d5 solid;}
.message_leave b{width:98%; float:left; font-size:18px; font-weight:bold; height:50px; line-height:50px; padding-left:2%;}
.message_leave ol li{width:21.9%; float:left; font-size:12px; line-height:40px; height:40px; padding-left:3%; border-bottom:1px #efefef solid;}
.message_leave ol li.message_x{width:1px; float:left; background:#efefef; padding:0;}
.message_leave ol li.liuyan{width:96.9%; float:left;}
.message_info{width:100%; float:left;}
.message_info ol li{width:100%; float:left; margin:10px 0;}
.message_info ol li span{width:100%; float:left; padding-bottom:5px;}
.message_info ol li span i{ font-size:14px; color:#e50012; font-style:normal; padding-left:3px;}
.message_info li input{width:88%; float:left; line-height:40px; height:40px; border:1px #d9d9d9 solid; border-left:5px #d9d9d9 solid; font-size:12px; border-radius:4px; padding:0 5%;}
.message_info li.nr{width:100%;}
.message_info li textarea{width:88%; float:left; line-height:30px; height:120px; border:1px #d9d9d9 solid; border-left:5px #d9d9d9 solid; padding:0 5%; font-size:12px; border-radius:4px;}
.message_info li input.anniu{width:100%; float:left;height:45px; line-height:45px; cursor:pointer; background:#e50012; color:#fff; font-size:14px; font-weight:700; border:none;}
.message_info li.yzm{width:100%; height:42px;}
.message_info li input.yzm{width:200px;}
.message_info li .yzm_img{width:100px; float:left; margin:15px 0 0 10px;}
.message_info li .yzm_img img{width:20%;}


.contact_bg{width:94%; float:left; background:url(../images/contact_bg.jpg) bottom center no-repeat fixed; background-size:cover; padding:3%; line-height:18px;}
.contact_bg h1{font-family:Impact; margin:20px 0 40px;}
.contact_box_l{width:100%; float:left; padding-bottom:15px;}
.contact_box_l img{width:10%;}
.contact_box_r{width:100%; float:left; margin-bottom:30px; border-bottom:1px #eee solid; padding-bottom:30px;}
.contact_box_r p{color:#525252; padding:0px 0px 5px 0px;}
.contact_box_r a{ color:#e50012}
.contact_box_r a:hover{color:#e50012; text-decoration:underline;}

.contact_map{width:100%; float:left; position:relative; z-index:1;}
#gmap{width:100%;height:85vh; overflow: hidden; touch-action: pan-x pan-y manipulation; z-index:3; position:relative; left:0; top:0;}
.gm-style .gm-style-iw{font-weight:300; font-size:16px; line-height:25px; padding:20px;}



.pay_bg{width:100%; float:left; background:#fff; padding:40px 0 50px;}
.pay_top{width:100%; float:left; text-align:center; padding-bottom:20px;}
.pay_info{width:100%; float:left; font-size:15px;}

.map{ float:right;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}