@charset "UTF-8";
*{ margin: 0; padding: 0;}
body{ background: #fff; color: #333; font: 12px/1.5 "Microsoft Yahei","Hiragino Sans GB",arial,sans-serif; min-width: 1200px; overflow-x: hidden;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
address,cite,dfn,em,var,i{ font-style:normal}
ol, ul { list-style: none;}
img{ border: 0;}
table { border-collapse: collapse; border-spacing: 0;}
a{ color: #333; text-decoration: none;}
a:hover{ color: #ff6300; text-decoration: none;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix { height: 1%;}
input::-ms-clear, ::-ms-reveal{display: none;}
input:focus,textarea:focus,select:focus{ outline:none;}
.mask{ display: none; z-index: 9999; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background:rgba(0,0,0,0.4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); zoom:1;}
:root .mask{filter:none\9;}/*for IE9*/
.outHide{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.box{ width: 1200px; margin: 0 auto; position: relative; max-height: 99999999px;}

.header{ position: fixed; top: 0; left: 0; width: 100%; height: 90px; background: #fff; border-bottom: 1px solid #eee; z-index: 99;}
.logo{ float: left; height: 90px; line-height: 90px; overflow: hidden;}
.logo img{ vertical-align: middle; margin-bottom: 3px;}
.header_tit{ float: left; margin: 22px 0 0 22px; font-size: 30px; color: #222;}
.header_zxrx{ float: left; margin: 33px 0 0 22px; font-size: 18px; color: #ff0606;}
.header_nav{ float: right; margin-top: 27px;}
.header_nav a{ display: inline-block; padding: 6px 20px; margin-left: 5px; border-radius: 800px; font-size: 16px; color: #888;}
.header_nav a.on,.header_nav a:hover{ background: #575656; color: #fff;}
.banner{ height: 549px; margin-top: 91px; background: url(../images/banner.jpg) center top no-repeat;}
.top_sq{ position: absolute; right: 0; top: 90px; width: 322px; height: 370px; background: rgba(0,0,0,0.55); border-radius: 6px; overflow: hidden;}
.top_sq_tit{ margin: 33px 0 24px; padding: 0 40px; font-size: 22px; color: #e21e20; letter-spacing: 2px;}
.top_sq_form_info{ width: 238px; height: 43px; line-height: 43px; margin: 0 auto 18px; border: 1px solid #DCDCDC; background: #fff; border-radius: 3px; position: relative;}
.top_sq_form_info span{ position: absolute; left: 0; top: 0; width: 43px; height: 43px; border-right: 1px solid #dcdcdc; border-radius: 3px 0 0 3px;}
.top_sq_form_info span.gsm{ background: url(../images/gsm.jpg) center center no-repeat #F5F5F5;}
.top_sq_form_info span.lxr{ background: url(../images/lxr.jpg) center center no-repeat #F5F5F5;}
.top_sq_form_info span.lxdh{ background: url(../images/lxdh.jpg) center center no-repeat #F5F5F5;}
.top_sq_input{ position: absolute; right: 0; top: 0; border: 0; width: 174px; padding: 0 10px; height: 43px;}
.top_sq_btn{ text-align: center; margin-top: 7px;}
.top_sq_btn input{ width: 240px; height: 45px; text-align: center; border: 0; background: #CD2325; font-size: 16px; color: #fff; font-family: 微软雅黑; letter-spacing: 2px; border-radius: 3px; cursor: pointer;}
.top_sq_btn input:hover{ background: #c12123; color: #fff;}
.top_sq_error{ min-height: 15px; line-height: 15px; color: #f00; text-align: center; margin: -12px 0 0 0;}
.tit{ height: 100px; line-height: 100px; text-align: center; background: #CD2325;}
.tit img{ vertical-align: middle; margin-bottom: 3px;}
.nr_box{ overflow: hidden;}
.nr{ margin: 88px 0; text-align: center;}
.nr img{ vertical-align: text-bottom;}
.qwzz_box{ background: url(../images/qwzz_bg.jpg) center bottom no-repeat;}
.qxrz_box{ background: url(../images/qxrz_bg.jpg) center bottom no-repeat;}
.qxrz_tit{ width: 680px; margin: 0 auto 78px; text-align: left; font-size: 18px; color: #fdf3f3; line-height: 32px;}
.qxrz_info{ display: inline-block; margin: 0 30px 25px;}
.qxrz_info_tit{ display: inline-block; width: 100px; line-height: 40px; margin-right: 10px; text-align: right; font-size: 16px; color: #b2b0b0;}
.qxrz_info_input{ height: 40px; line-height: 40px; padding: 0 15px; width: 240px; background: #fff; border: 0; border-radius: 4px; font-size: 16px; color: #444;}
.qxrz_info_input::-webkit-input-placeholder{ color: #bbb;}
.qxrz_info_input::-moz-placeholder{ color: #bbb;}
.qxrz_info_input:-ms-input-placeholder{ color: #bbb;}
.qxrz_btn{ margin-top: 30px;}
.qxrz_btn input{ width: 300px; height: 55px; line-height: 55px; background: #C21015; border: 0; border-radius: 10px; color: #fff; font-size: 22px; letter-spacing: 2px; cursor: pointer;}
.qxrz_btn input:hover{ background: #b70e13; color: #fff;}
.qxrz_error{ height: 18px; color: #f00; font-size: 12px;}




@media screen and (max-width:767px){
	.header_nav,.top_sq,.header_zxrx{ display: none;}
	body{ min-width: 0; background-size: 100%;}
	.box{ width: 100%;}
	.logo img{ height: 40px; margin-left: 10px;}
	.header_tit{ font-size: 22px; margin-top: 30px;}
	.banner{ height: 250px; background-size: 930px;}
	.tit{ height: 60px; line-height: 60px;}
	.tit img{ height: 28px;}
	.nr{ margin: 40px 0;}
	.nr img{ max-width: 96%;}
	.qxrz_box{ background: #272729;}
	.qxrz_tit{ width: 100%; padding: 0 20px; margin-bottom: 40px; box-sizing: border-box; font-size: 16px; line-height: 26px;}
	.qxrz_info{ width: 100%; margin: 0 0 10px; padding: 0 20px; box-sizing: border-box;}
	.qxrz_info_tit{ width: 100%; margin-bottom: 2px; text-align: left;}
	.qxrz_info_input{ width: 100%; box-sizing: border-box;}
}

@media screen and (max-width:413px){
    .banner{ height: 230px; background-size: 860px;}
    .nr{ margin: 30px 0;}
    .tit{ height: 55px; line-height: 55px;}
	.tit img{ height: 25px;}
}

@media screen and (max-width:374px){

}