@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;}

.banner{ height: 640px; background:#121732 url(../images/banner_bg.png) center center no-repeat;}
.banner_txt{ text-align: center; line-height: 640px; vertical-align: middle;}
.banner_txt img{ vertical-align: middle; margin-bottom: 3px;}
.tg_box{ text-align: center; font-size: 0; line-height: 0; background: #E45325;}
.p1,.p3,.p8{ padding: 90px 0; background: #F4F4F4; overflow: hidden;}
.p2,.p4,.p5,.p6,.p7{ padding: 90px 0; overflow: hidden;}
.tit{ padding: 0 15px 15px; margin-bottom: 90px; text-align: center; font-size: 43px; color: #343e54; position: relative;}
.tit span{ color: #fd7344;}
.tit i{ position: absolute; width: 66px; height: 3px; bottom: 0; left: 50%; margin-left: -33px; background: #FD7344;}
.nr_box{ text-align: center; line-height: 0;}
.tit2{ margin: -50px 0 50px; text-align: center; padding: 0 15px; line-height: 25px; font-size: 16px; color: #5b5b5b;}
.p6_info{ height: 744px; position: relative;}
.p6_info .swiper-slide{height: 100%;}
.p6_info_pagination{ position: absolute; bottom: 0; width: 100%; text-align: center; z-index: 9;}
.p6_info_pagination .swiper-pagination-switch{ display: inline-block; width: 12px; height: 12px; background: #e5e5e5; border-radius: 50%; margin: 0 4px; cursor: pointer;}
.p6_info_pagination .swiper-active-switch{ background: #f60;}
.p9{ padding: 40px 0; background: url(../images/p9_bg.png) center bottom no-repeat #F4F4F4; overflow: hidden;}

.sqxx_box{ width: 990px; margin: 30px auto 30px; text-align: left;}
.sqxx_b{ padding: 24px 0; max-height: 9999px;}
.sqxx_info{ float: left; margin: 0 0 30px 24px; line-height: 35px;}
.sqxx_l{ display: inline-block; min-width: 66px; text-align: right; margin-right: 5px; font-size: 14px; color: #343E54;}
.sqxx_l i{ color: #f00; font-weight: bold; padding-right: 4px; color: #343E54;}
.sqxx_input{ height: 33px; line-height: 33px; width: 200px; padding: 0 10px; border: 1px solid #B1B4BC; border-radius: 2px; background: none; color: #343E54;}
.sqxx_input::-webkit-input-placeholder { color: #ababab;}
.sqxx_textarea{ vertical-align: middle; height: 134px; line-height: 22px; width: 380px; padding: 6px 10px; border: 1px solid #B1B4BC; border-radius: 2px; background: none; font-family: 微软雅黑; resize: none; color: #343E54;}
.sqxx_l_ly{ position: relative; top: -54px;}
.sqxx_kjy{ float: right; width: 420px; margin-right: 25px;}
.sqxx_kjy_t{ height: 40px; line-height: 40px; background: #FF7445; padding: 0 20px; font-size: 16px; color: #fff;}
.sqxx_kjy_b{ border: 1px solid #A9ADB5; border-top: 0; padding: 8px 18px;}
.sqxx_kjy_info{ height: 30px; line-height: 30px; padding-left: 25px; background: url(../images/zjt887.png) left center no-repeat; font-size: 14px; color: #343E54; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sqxx_kjy_info:hover{ color: #09101e;}
.sqxx_btn{ float: left; width: 100%; text-align: center;}
.sqxx_btn input{ display: inline-block; width: 167px; height: 43px; line-height: 43px; text-align: center; background: #FF7445; border: 0; color: #fff; font-size: 17px; letter-spacing: 2px; border-radius: 8888px; cursor: pointer;}
.sqxx_btn input:hover{ background: #ee6537; color: #fff;}
.sqxx_error{ float: left; width: 100%; min-height: 18px; margin: -16px 0 12px; color: #f00; text-align: center;}

.r_nav_box{ position: fixed; right: 10px; bottom: 50%; margin-bottom: -200px; width: 85px; z-index: 99;}
.r_nav{ display: block; height: 83px; margin-bottom: -1px; border: 1px solid #e0e0e0; background: #fff; text-align: center; color: #333; position: relative; cursor: pointer; z-index: 99;}
.r_nav:hover{ background: #ff6300; color: #fff; border-color: #ff6300;}
.r_nav i{ display: inline-block; width: 38px; height: 38px; margin: 12px 0 -3px;}
.r_nav_kf i{ background: url(../images/zxzx1.png) center center no-repeat;}
.r_nav_kf:hover i{ background: url(../images/zxzx2.png) center center no-repeat;}
.r_nav_dh i{ background: url(../images/lxdh1.png) center center no-repeat;}
.r_nav_dh:hover i{ background: url(../images/lxdh2.png) center center no-repeat;}
.goTop i{ background: url(../images/fhdb1.png) center center no-repeat;}
.goTop:hover i{ background: url(../images/fhdb2.png) center center no-repeat;}
.r_nav_dhxx{ display: block; position: absolute; right: 84px; top: -1px; width: 0; height: 84px; line-height: 84px; background: #ff6300; font-size: 26px; color: #fff; font-family: arial; overflow: hidden; transition: all 0.2s;}
.r_nav_dhxx img{ vertical-align: middle; margin: 0 10px 3px 0;}
.r_nav_dh:hover .r_nav_dhxx{ width: 240px;}
.r_nav_ljwz{ display: inline-block; line-height: 16px;}
.r_nav_fwscx i{ margin: 5px 0 -5px; background: url(../images/fws1.png) center center no-repeat;}
.r_nav_fwscx:hover i{ background: url(../images/fws2.png) center center no-repeat;}
.r_nav_sdsj i{ margin: 5px 0 -5px; background: url(../images/sdsj1.png) center center no-repeat;}
.r_nav_sdsj:hover i{ background: url(../images/sdsj2.png) center center no-repeat;}
.r_nav_mjb i{ margin: 5px 0 -5px; background: url(../images/mjb1.png) center center no-repeat;}
.r_nav_mjb:hover i{ background: url(../images/mjb2.png) center center no-repeat;}

.regDialog{ position: fixed; left: 50%; top: -8888px; width: 500px; margin-left: -250px; padding-top: 45px; background: #A3020F; z-index: 10000;}
.regDialog_close{ position: absolute; right: 8px; top: 8px; display: block; width: 32px; height: 32px; background: url(../images/close.png) center center no-repeat;}
.regDialog_info{ padding: 0 40px;}
.regDialog_info_tit{ margin-bottom: 40px; font-size: 23px; color: #ffed8f; line-height: 36px;}
.regDialog_info_nr{ margin-bottom: 15px; position: relative;}
.regDialog_info_nr span{ position: absolute; left: 20px; top: 0; line-height: 45px; color: #fff; font-size: 14px;}
.regDialog_info_input{ height: 45px; line-height: 45px; padding: 0 20px 0 100px; width: 298px; border: 1px solid #E0ABAF; font-size: 14px; color: #fff; border-radius: 4px; background: none;}
.regDialog_info_btn{ margin: 0 0 40px;}
.regDialog_info_btn input{ width: 100%; border: 0; height: 47px; line-height: 47px; background: #FFC12B; background: linear-gradient(#FFF880, #eea905); border-radius: 4px; color: #A3020F; font-size: 18px; letter-spacing: 2px; cursor: pointer;}
.regDialog_info_btn input:hover{ background: #eea905; background: linear-gradient(#eea905, #FFF880);}
.regDialog_info_error{ text-align: center; height: 18px; line-height: 18px; margin: -8px 0 6px; font-size: 12px; color: #ff0;}

.topbar{ min-width: 1200px; height: 30px; line-height: 30px; background: #fafafa; border-bottom: 1px solid #dfdfdf; font-size: 12px; color: #666; position: relative; z-index: 88;}
.topbar_l{ float: left; width: 45%;}
.topbar_l a{ color: #666;}
.topbar_l a:hover{ color: #f50;}
.top_xl_box{ float: left; position: relative;}
.top_xl{ display: inline-block; padding: 0 10px; color: #666; border-left: 1px solid #fafafa; border-right: 1px solid #fafafa; position: relative;}
.top_xl_active{ height: 31px; background: #fff; border-color: #dfdfdf;}
i.top_arrow{ display:inline-block;width:9px;height:6px;overflow:hidden; margin-left: 5px; *margin-top: -10px; background: url(../images/xjt10.png); -webkit-transition: all 0.1s; transition: all 0.1s; opacity: .8; filter:alpha(opacity=80);}
.top_xl_box:hover i.top_arrow{ transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.top_xl_info{ display: none; position: absolute; background: #fff; top: 31px; border: solid 1px #dfdfdf; border-top: 0;}
.top_link{ color: #3b73ab; padding: 0 5px; display: inline-block; margin-bottom: -10px; height: 30px; max-width: 230px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.topbar_r{ float: right; width: 50%;}
.top_rightinfo{ right: 0; width: 290px; padding: 10px;}
.top_dh_box{ margin-bottom: 15px; max-height: 9999px;}
.top_dh_box:last-of-type{ margin-bottom: 0;}
.top_dh_l{ float: left; width: 80px; font-weight: bold; color: #f50;}
.top_dh_r{ float: right; width: 205px; padding-top: 3px; line-height: 0;}
.top_dh_r a{ color: #666; display: inline-block; height: 12px; line-height: 12px; margin: 6px 0; margin-right: 6px; border-right: 1px solid #e5e5e5; padding-right: 6px;}
.top_dh_r a:last-child{ border-right: 0;}
.top_dh_r a:hover{ color: #f50;}
.top_fr{ right: 0; left: inherit;}
.fr{ float: right;}

.top_xl_mr{ width: 82px; text-align: center;}
.top_xl_mr a{ display: block; height: 30px; line-height: 30px; overflow: hidden; padding: 0 5px;}
.top_zssl{ width: 330px; padding: 0 10px;}
.top_zssl_box{ max-height: 9999px; margin-top: 5px;}
.top_zssl_info{ float: left; width: 80px; margin: 0 15px;}
.top_zssl_t{ text-align: center; font-size: 12px;}
.top_zssl_t span{ font-size: 12px; color: #888; }
.top_zssl_b img{ width: 77px; height: 77px; padding: 2px; border: 1px solid #e6e6e6;}
.top_cpyl{ width: 110px; padding: 5px 15px 0;}
.top_cpyl_info{ display: block; border-bottom: 1px solid #e6e6e6; padding-bottom: 8px; margin-bottom: 6px; text-align: center;}
.top_cpyl_t{ display: block; font-size: 14px; font-weight: bold;}
.top_cpyl1 .top_cpyl_t,.top_cpyl1:hover .top_cpyl_b{ color: #00B0F5;}
.top_cpyl2 .top_cpyl_t,.top_cpyl2:hover .top_cpyl_b{ color: #C65911;}
.top_cpyl3 .top_cpyl_t,.top_cpyl3:hover .top_cpyl_b{ color: #3AB050;}
.top_cpyl4 .top_cpyl_t,.top_cpyl4:hover .top_cpyl_b{ color: #7030A0;}
.top_cpyl_b{ display: block; margin-top: -2px; line-height: 19px; font-size: 12px; color: #999;}
.top_cpyl_info_more{ display: block; height: 40px; line-height: 40px; margin-top: -6px; text-align: center; font-size: 14px; font-weight: bold;}

.header{ height: 100px; background: #fff;}
.logo{ float: left; margin-top: 22px;}
.logo_r_txt{ float: left; height: 55px; line-height: 55px; margin: 24px 0 0 15px; padding-left: 15px; overflow: hidden; font-size: 25px; font-weight: bold; letter-spacing: 2px; color: #5c5c5c; background: url(../images/h_bg.png) left center no-repeat;}
.logo_r_phone{ float: right; margin-top: 16px; padding-left: 72px; font-size: 18px; color: #2c2c2c; background: url(../images/h_dh.png) left center no-repeat;}
.logo_r_phone_t{ margin-top: 6px; }
.logo_r_phone_b{ margin-top: -10px; font-size: 32px; font-family: Impact; color: #ff4e00;}

.footer{ position: relative; clear: both; background: #fff; border-top: 2px solid #FF4E00; padding-top: 10px; min-width: 1200px; overflow: hidden;}
.letter_class,.footer_lj{ height: 30px; line-height: 30px; text-align: center; overflow: hidden;}
.letter_class{ color: #ccc; font-size: 12px;}
.letter_class span{ color: #039;}
.letter_class a{ padding: 0 8px; color: #039; margin: 0 5px;}
.letter_class a:hover{ color: #f60; text-decoration: underline;}
.footer_lj a{ padding: 0 8px;}
.footer_lj a:hover{ text-decoration: underline;}
.footerTxt{width:1200px; line-height:25px; margin:5px auto 20px;text-align: center;}
.footerTxt p{clear:both;width:100%;margin:0 auto;color: #999;text-align: center; line-height:28px;}
.footerTxt p span{padding: 0 10px;}
.footerTxt p a{ color: #555;}
.footerTxt p a:hover{ color: #555; text-decoration: underline;}
.footerTxt p.orange{ color: #f60;}
.footerTxt p.orange a{ color: #f60;}
.footerTxt p.orange a:hover{ color: #f60; text-decoration: underline;}
.footerTxt .sina{ display: inline-block; width: 18px; height: 18px; margin: 0 0 -4px 10px; background: url(../images/f_wb.png);}
.footerTxt .wxcode{ display: inline-block; width: 18px; height: 18px; padding: 0; margin: 0 0 -4px 10px; background: url(../images/f_wx.png); position: relative;}
.footerTxt .wxcode img{ display: none; position: absolute; top: -5px; right: -100px; width: 100px; height: 100px; z-index: 9;}
.footerTxt .wxcode:hover img{ display: block;}
.bottom_img{width:620px;margin:10px auto 20px;height:47px;}
.bottom_img ul li{float:left;margin:0 10px;position:relative;height:47px;line-height: 0;overflow: hidden;}

.footFixedForm{ z-index: 6666; position: fixed; bottom: 0; left: 0; width: 100%; height: 115px; background:rgba(0,0,0,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000); zoom:1; transition: height 0.4s;}
:root .footFixedForm{filter:none\9;}/*for IE9*/
.footFixedForm_box{ height: 115px; padding-left: 75px; background: url(../images/ruzhu.png) left center no-repeat; overflow: hidden;}
.footFixedForm_l{ float: left; width: 135px; margin-top: 26px; font-size: 26px; color: #f30;}
.footFixedForm_l span{ display: block; margin-top: 2px; font-size: 13px; color: #f4f4f4;}
.footFixedForm_input{ display: block; float: left; width: 150px; padding: 0 20px; height: 40px; line-height: 40px; margin: 38px 0 0 16px; border: 0; border-radius: 55px; background: #fff; font-size: 14px; color: #666;}
.footFixedForm_btn{ display: block; float: left; width: 100px; height: 40px; line-height: 40px; margin: 38px 0 0 16px; background: #f30; color: #fff; border: 0; border-radius: 55px; font-size: 14px; cursor: pointer;}
.footFixedForm_btn:hover{ background: #f20; color: #fff;}
.footFixedForm_r{ float: right; margin-top: 26px;}
.footFixedForm_r_t{ font-size: 14px; color: #f4f4f4;}
.footFixedForm_r_t img{ vertical-align: middle; margin: 0 10px 3px 0;}
.footFixedForm_r_b{ font-size: 30px; color: #f30;}
.footFixedForm_close{ position: absolute; right: 5px; top: 10px; width: 16px; height: 16px; background: url(../images/close2.png); opacity: .8;}
.footFixedForm_error{ position: absolute; left: 0; bottom: 10px; width: 100%; text-align: center; font-size: 12px; color: #f00;}

.zjtx-swiper {
	height: 236px;
}

.zssj {
	width: 870px;
	max-height: 400px;
	overflow-y: auto;
	font-size: 0;
	left: -490px;
}

.zssj a {
	display: inline-block;
	vertical-align: top;
	width: 85px;
	height: 30px;
	overflow: hidden;
	word-break: keep-all;
	margin: 0;
}

.zssj a span {
	display: inline-block;
	font-size: 12px;
	max-width: 60px;
	overflow: hidden;
	letter-spacing: 0;
}

.zssj-link {
	float: right;
	color: #ff6300;
	font-size: 14px;
	line-height: 31px;
	margin-left: 20px;
}


@media screen and (max-width:767px){
    .topbar,.logo_r_txt,.logo_r_phone,.footer,.footFixedForm{ display: none;}
    .header{ height: 60px;}
    .logo{ margin: 17px 0 0 10px; height: 30px;}
    body{ min-width: 0; background-size: 100%;}
    .box{ width: 100%;}
    .sqxx_box{ width: 96%;}
    .sqxx_b{ padding: 0;}
    .sqxx_info{ float: none; width: 100%; margin: 0 0 15px; padding: 0 20px; box-sizing: border-box;}
    .sqxx_l{ display: block; text-align: left; margin: 0;}
    .sqxx_r{ display: block;}
    .sqxx_input{ display: block; width: 100%; box-sizing: border-box;}
    .sqxx_textarea{ display: block; height: 120px; width: 100%; box-sizing: border-box;}
    .sqxx_error{ margin: -6px 0 10px;}
    .sqxx_l_ly{ top: 0;}
    .sqxx_kjy,.r_nav_box{ display: none;}
    .banner{ height: 240px; background-size: 175%;}
    .banner_txt{ line-height: 240px;}
    .banner_txt img{ width: 60%;}
    .tg_box img{ display: block; width: 100%;}
    .p1,.p3,.p8,.p2,.p4,.p5,.p6,.p7{ padding: 40px 0;}
    .tit{ font-size: 24px; margin-bottom: 50px;}
    .nr_box img{ max-width: 98%;}
    .tit2{ font-size: 14px; margin: -20px 0 40px;}
    .p6_info{ height: 260px; position: relative;}
    .p6_info .swiper-slide{height: 100%; background-size: cover!important;}
    .p6_info_pagination .swiper-pagination-switch{ width: 6px; height: 6px;}
    .p8 .nr_box img{ width: 32%; }
    .regDialog{ width: 96%; margin-left: -48%;}
    .regDialog_info{ padding: 0 20px;}
    .regDialog_info_tit{ margin-bottom: 30px; font-size: 18px; line-height: 28px;}
    .regDialog_info_input{ width: 100%; box-sizing: border-box;}
}

@media screen and (max-width:413px){
    .banner{ height: 210px; background-size: 170%;}
    .banner_txt{ line-height: 210px;}
    .tit{ font-size: 22px; margin-bottom: 38px;}
    .tit2{ font-size: 13px; margin: -20px 0 30px;}
    .p6_info{ height: 240px; position: relative;}
    .regDialog_info_tit{ font-size: 16px;}
}

@media screen and (max-width:374px){
    .banner{ height: 175px; background-size: 165%;}
    .banner_txt{ line-height: 175px;}
    .p1,.p3,.p8,.p2,.p4,.p5,.p6,.p7{ padding: 30px 0;}
    .tit{ font-size: 19px; margin-bottom: 30px;}
    .tit2{ font-size: 12px; margin: -20px 0 20px;}
    .p6_info{ height: 210px; position: relative;}
    .regDialog_info_tit{ font-size: 14px; line-height: 25px;}
}


/*mobile*/
.info2,
.mT1d2,
.m_b_bar{
	display: none;
}
@media screen and (max-width: 767px){
	html {
    font-size: 41.4px;
}
.info2,
.mT1d2,
.m_b_bar{
	display: block;
}
.info2 {
    padding: 0.8rem 0.5rem 1.2rem;
    margin-top: 0.3rem;
    background: url(../images/bg2.png) center bottom no-repeat #F4F4F4;
    background-size: 100%;
    
}
.zxsq_box{ padding: 0 0.6rem;}
.zxsq_input{ width: 100%; box-sizing: border-box; height: 1rem; line-height: 1rem; margin-bottom: 0.4rem; padding: 0 0.4rem 0 1.2rem; background: transparent; border: 1px solid #777D8B; border-radius: 0.1rem; font-size: 0.35rem; color: #595f6e;}
.zxsq_textarea{ display: block; width: 100%; box-sizing: border-box; height: 2.4rem; line-height: 0.46rem; margin-bottom: 0.4rem; padding: 0.25rem 0.4rem 0.25rem 1.2rem; background: transparent; border: 1px solid #777D8B; border-radius: 0.1rem; font-size: 0.35rem; font-family: 微软雅黑; color: #595f6e;}
.zxsq_input_name{ background: url(../images/user.png) 0.4rem center no-repeat; background-size: 0.43rem;}
.zxsq_input_phone{ background: url(../images/phone.png) 0.4rem center no-repeat; background-size: 0.43rem;}
.zxsq_input_message{ background: url(../images/email.png) 0.4rem 0.3rem no-repeat; background-size: 0.43rem;}
.zxsq_btn{ width: 100%; box-sizing: border-box; height: 1rem; line-height: 1rem; text-align: center; background: #FF7445; border: 0; border-radius: 0.1rem; font-size: 0.38rem; color: #fff; letter-spacing: 0.1rem;}

.mT1d2{ margin-top: 1.2rem;}
.m_b_bar{ display: block; position: fixed; left: 0; bottom: 0; width: 100%; height: 1.2rem; line-height: 1.2rem; background: #fff; border-top: 1px solid #eee; box-sizing: border-box; z-index: 99;}
.m_b_bar a{ float: left; width: 50%; box-sizing: border-box; text-align: center; border-right: 1px solid #f2f2f2; font-size: 0.37rem;}
.m_b_bar a img{ height: 20px; vertical-align: middle; margin: 0 0.2rem 3px 0;}
.m_b_bar a.m_b_bar_r{ border-right: 0; background: #750ff6; background: linear-gradient(to bottom,#f20,#f70); color: #fff; font-size: 0.39rem;}
}