@charset "utf-8";
/* CSS Document */

/*===========================1200px=========================================*/
@media screen and (min-width: 1201px) {
.qp_maina,.qp_mainc,.wg_cpjs,.wg_cpjsb,.sy_rightabout dd,.footer_a,.footer_end{width:100%; float: left;}
.qp_mainb{width:1200px; margin: 0px auto;}
.head{background:url(../images/head_bg.png) top center no-repeat;/*box-shadow: 0px 0px 20px rgba(53, 106, 146, 0.16)*/ z-index: 100; position: relative;}
.head_logo{width:400px; float: left; margin-top: 35px; margin-bottom: 25px;}
.head_tel{width:145px; float: right; text-align: center; margin-top: 40px; background: url(../images/lx_bg.png); line-height: 30px;font-size:16px; font-family: 'qipei';}
.head_tel a:link,.head_tel a:visited{color:#fff;}
.hh_top{width:100%; float: left;}
.hh_top1,.hh_top2{width:50%; float: left;line-height: 42px;}
.hh_top2{text-align:right;}
.hh_top2 a:link,.hh_top2 a:visited{color:#fff;}
.hh_top2 a{padding-left:30px;}
.hh_top1{text-align:left; color:#fff; }
.head_dh{width:560px; float: left; text-transform: uppercase;font-family: 'qipei'; margin-left: 50px;}
.head_dh{font-size:16px; font-weight:bold;}
.head_dh a:link,.head_dh a:visited{color:#222327;}
.head_dh a{padding:0px 23px; line-height: 120px; float: left;}
.qp_banner{width:100%; float: left; z-index: 1; margin-top: -10px;position: relative;}
.lm_a{width:33.3%; float: left; height:400px;}
.bgc{width:33.4%;background:url(../images/bgc.jpg) top no-repeat;}
.bga{background:url(../images/bga.jpg) top no-repeat; padding: 100px 40px;color:#fff; }
.bgb{background:url(../images/bgb.jpg) top no-repeat; padding: 100px 60px;}
.lm_title{font-size:33px; text-transform: uppercase; padding-bottom: 32px;font-family:'qipei';color:#fff;}
.lm_nr p{font-size:14px; font-family: Arial; line-height: 30px;}
.lm_nr dd a:link,.lm_nr dd a:visited{color:#fff;}
.lm_nr dd{padding-top:60px;}
.wg_cpjsb{margin-top:30px;}
.wg_cpjsb button{width:210px; height: 40px; background: #09316f; color:#fff; border: 0px;}
.wg_lx{font-size:16px;font-family: Arial;}
.wg_lx dd{ line-height: 30px; }
.sy_about,.sy_tjcp{padding:100px 0px;}
.sy_leftabout{width:550px; float: right;}
.sy_leftabout img{width:100%;}
.sy_rightabout{width:600px; float:left;}
.sy_rightabout dd{font-family:Arial; color:#ff5e10; font-size:14px;}
.sy_rightabout h1{font-size:60px;color:#09316f; font-family: 'qipei'; padding: 10px 0px;}
.sy_rightabout p{font-size:16px; font-family: Arial; color:#333; line-height:30px;}
.sy_rightabout dd a:link,.sy_rightabout dd a:visited{color:#ff5e10;}
.sy_rightabout dd a{float:left; padding-top: 40px;}
.sy_tjcp{ background:url(../images/image-1.png) left no-repeat #eee;}
.wg_title{width:700px; margin: 0px auto; text-align: center; font-size:14px; font-family: Arial;}
.wg_title h1{font-size:40px;color:#09316f; font-family: 'qipei'; padding: 4px 0px;}
.wg_title p{line-height:30px;}
.tjcp_a h1{font-size:18px;font-family: 'qipei'; padding: 20px 0px;}
.brand_a{width:100%;background: url(../images/brand_bg.jpg) center no-repeat; padding: 60px 0px;}
.qp_footer{background:url(../images/footer_bg.jpg) center; padding: 30px 0px;}
.footer_a{border-bottom:1px solid #222b46; padding-bottom: 15px;}
.footer_a2 a:link,.footer_a2 a:visited{color:#fff;}
.footer_a1,.footer_a2{width:50%; float: left;}
.footer_a1 img{width:180px;}
.footer_a2{text-align:right; font-size:24px; padding-top: 35px;}
.footer_a2 a{border-radius:500px; border: 1px solid #fff; padding:4px; margin-left: 10px;}
.footer_dha,.footer_dhb,.footer_dhc{ float: left;color:#b6b9bd; padding-top: 40px;}
.footer_dha{width:300px; }
.footer_dha h1,.footer_dhb h1,.footer_dhc h1{font-family:'qipei'; padding-bottom: 15px; font-size:20px;color:#fff;}
.footer_dha dd{line-height:28px;}
.footer_a22{width:100%;}
.footer_a22 a{margin-left:0px; margin-right: 5px;}
.footer_dhb{width:180px; float: left; margin-left: 100px;}
.footer_dhc{width:520px; float: left; margin-left: 100px; }
.footer_dhc dd,.footer_dhb dd{font-size:14px; line-height: 30px; color:#b6b9bd;}
.footer_dhb dd a:link,.footer_dhb dd a:visited{color:#b6b9bd;}
.footer_end{ line-height: 70px;}
.footer_end{color:#b6b9bd;}
.about_banner{background:url(../images/about_banner.jpg) center no-repeat;}
.banner_title{text-align:center; color:#fff; padding: 150px 0px;}
.banner_title h1{font-size:56px; font-family: 'qipei'; padding-bottom: 10px;}
.banner_title a:link,.banner_title a:visited{color:#fff;}
.banner_title span{padding-right:10px;}
.banner_title font{padding:0px 15px; font-size:14px;}
.ny_about{width:100%;}
.ny_about p{margin-bottom:20px; font-family: Arial;}
.unti_list{width:100%; text-align: right; font-size:16px; font-family: 'qipei';}
.unti_list a{padding:10px 25px; border-radius: 500px; border:3px solid #ccc; margin-left: 15px; transition: all 0.6s;}
.unti_list a:link,.unti_list a:visited{color:#09316f;}
.unti_list a:hover{background:#ff5e10; border:3px solid #ff5e10;color:#fff;}
.unti_list .hovera{background:#ff5e10; border:3px solid #ff5e10;}
.unti_list .hovera:link,.unti_list .hovera:visited{color:#fff;}
.cp_left{width:280px; float: left;  margin-top: 10px;}
.cp_right{width:880px; float: right;}
.cp_lefta{width:100%; padding:20px 20px; background: url(../images/ss_bg.jpg) center no-repeat;color:#fff; font-size: 40px; font-family: 'qipei';}
.cp_leftb{background:#f2f4f6; padding: 10px 20px;}
.cp_leftb select{width:100%; border: 0px; line-height: 30px; padding: 10px;}
.cp_leftb li{margin-bottom:5px;}
.cp_leftb button{width:100%; border: 0px; line-height: 42px;background: #001238;font-family: 'qipei'; color:#fff; font-size:18px;}
.cp_leftc,.cp_leftd{padding:15px 20px; width: 100%; background:#f2f4f6; margin-top: 10px; float: left;}
.cp_leftc input{width:190px; float: left; background: #fff; padding: 10px; border: 0px;}
.cp_leftc button{width:50px;float: right;border: 0px; background:#fff; height: 37px; }
.auto_list{width:273.3px; background:#f2f3f5; float: left; margin: 10px; border: 2px solid #eee;}
.auto_list2{width:100%; line-height: 40px; padding: 10px 20px; text-align: center;}
.auto_list2 h1{font-size:18px; font-family: Arial;}
.auto_list3{text-align:center; padding-bottom: 15px; font-family: Arial; font-size:14px;}
.read_auto{border:3px solid #f2f4f6; margin-top: 10px; padding: 20px;}
.goods_reada{width:480px; float: left;}
.goods_readb{width:300px; float: right;}
.goods_readb h1{font-family:Impact; padding-bottom: 15px; margin-top: 20px;}
.goods_readb h2{font-size:16px; font-weight: bold; font-family: Arial; padding-bottom: 15px;}
.goods_readb dd{font-size:14px; line-height: 30px;}
.goods_readc{width:100%; float: left; border-top:1px solid #eee; padding-top: 30px;}
.goods_readc1{width:80px; margin: 0px auto;}
.goods_readc11{width:100%; float: left; height: 4px; background: #ff5e10; margin-top: -32px;}
.a_link{float:left; margin-top: 30px; padding: 8px 35px; background: #001238; border-radius: 3px; font-family: Arial;}
.a_link:link,.a_link:visited{color:#fff;}
.auto_cx{width:100%; float: left;}
.auto_cxa{font-size:18px; font-weight: bold; padding-bottom: 20px;}
.hj_a{width:100%; float: left; background:#f2f3f5; padding: 15px 10px; margin-bottom: 20px;}
.hj_a h1{font-size:18px; font-weight: bold; text-transform: uppercase;}
.hj_list li{width:380px; float: left; margin: 10px; border: 1px solid #eee;}
.hj_list li img{width:100%;}
.hj_list li h1{font-size:16px; text-align: center; padding-bottom: 20px;}
.contact_a{width:100%; float: left;box-shadow: 0px 6px 47px 3px rgba(37, 37, 37, 0.05);    background: #fff;    z-index: 999;    position: relative;    border-radius: 5px;}
.contact_b{width:380px; float: left; margin: 10px; text-align: center; padding: 80px 30px;}
.contact_b1 img{padding:18px 10px;box-shadow: 0px 6px 47px 3px rgba(37, 37, 37, 0.05); background: #fff; border-radius: 30px;}
.contact_b2 h1{font-size:22px; font-family: 'qipei';color:#09316f; padding-bottom: 15px;}
.contact_b2 dd{font-size:14px; font-family:Arial;}
.lx_tq{FONT-SIZE:20px;font-family: 'qipei'; margin-bottom: 30px;color:#222;}
.lx_left{width:800px; padding: 30px; float: left;box-shadow: 0 0 12px 0 rgba(2, 2, 2, 0.16);}
.lx_right{width:400px; float: right; background: url(../images/about_banner.jpg) center; padding: 25px 50px;color:#fff;}
.lx_righta,.lx_lefta{font-size:20px;font-weight: bold;padding-bottom: 50px;}
.lx_rightb{width:100%; float: left; margin-bottom: 25px;}
.lx_rightb1{width:50px; height: 50px; float: left; border-radius: 500px; text-align: center; font-size:25px; line-height: 50px; border: 1px solid #ff5e10;}
.lx_rightb2{width:230px; float: right; font-size:14px; font-family: Arial; line-height: 26px;}
.lx_leftb li{width:355px; float: left; margin-bottom: 15px;}
.lx_leftb li input{width:100%; padding: 5px 10px; font-size:14px; font-family: Arial; line-height: 36px; border:1px solid #eee;}
.lx_leftb textarea{width:100%; height: 150px; border:1px solid #eee;padding: 5px 10px;}
.lx_leftb button{width:180px; height: 50px; background: #ff5e10; color:#fff; border:0px; font-size:16px;font-family: 'qipei'; margin-top: 10px;}
.mg_left{margin-left:30px;}
.inco_auto a{font-size:24px; padding-right: 10px; padding-top: 21px; float: left;}
.inco_auto a:link,.inco_auto a:visited{color:#fff;}
.sy_ss{width:100%; float: left; margin-top: -50px; z-index: 888; background: #fff;box-shadow: 0 0 12px 0 rgba(2, 2, 2, 0.16); position: relative;}
.sy_ssa{width:300px; height: 150px; float: left; background: url(../images/ss_bg.jpg) center; color:#fff;font-family: 'qipei'; font-size:28px; padding: 25px 40px; }
.sy_ssb{width:700px; float: left;}
.sy_ssb li{width:155px; float: left; margin: 5px 10px;}
.sy_ssb li select,.sy_ssb li input{width:100%; border: 1px solid #eee; padding: 10px 6px; font-size:14px; font-family: 'Arial';}
.ss_title{font-size:20px; text-transform: uppercase;font-family: 'qipei'; padding: 15px; padding-left: 10px; margin-top: 10px;}
.sy_ssc{width:130px; float: right;margin-right: 20px; margin-top: 60px;}
.sy_ssc button{width:100%; border: 0px; height: 50px; background: url(../images/ss_bg.jpg) center;color:#fff; font-size:18px; border-radius: 4px; }
.sy_lxbg{background: url(../images/sylxbg.jpg) center; padding: 70px 0px;color:#fff;}
.sylx_bb{width:720px; float: right;}
.sylx_bb h1{font-size:36px;font-family: 'qipei'; }
.sylx_bb a{float:left; border: 2px solid #b53125; padding:10px 45px;font-family: 'qipei'; margin-top:25px;}
.sylx_bb a:link,.sylx_bb a:visited{color:#fff;}
.auto_kf{width:60px; position: fixed; right: 0px; bottom:200px; z-index: 9999;}
.auto_kfa{width:100%; height: 60px; transition: all 0.6s; background: #1c1c1c; text-align: center; line-height: 60px;color:#fff;}
.auto_kfa:hover{background:#b53125;}
.kf_tel{width:200px; height: 60px; display: none; transition: all 0.6s; font-size:18px; background: #b53125; color:#fff; position: absolute; margin-left: -200px; margin-top: -62px;}
.kf_tel span{padding-right:8px;}
.auto_kfa:hover{background: #b53125;}
.auto_kfa:hover .kf_tel{display:block;animation: hideIndex 0.3s;-moz-animation: hideIndex  0.3s; /* Firefox */-webkit-animation: hideIndex  0.3s; /* Safari and Chrome */-o-animation: hideIndex  0.3s; /* Opera */}
.auto_kfa a:link,.auto_kfa a:visited{color:#fff;}
.auto_kfa a{display:block; width: 100%; height: 60px;}
.contact_left{width:470px; background: #f7f7f7;  float: left;   padding: 70px 50px;}
.contact_lefta1{width:60px; float: left; font-size:36px;color:#81b61d;}
.contact_lefta2{width:300px; float: right;}
.contact_lefta2 h1{font-weight: 600; line-height: 35px; padding-top: 7px; font-size: 24px; color: #1b232c; margin-bottom: 20px;    font-family: "Barlow Condensed", sans-serif;}
.contact_lefta2 dd{font-size: 16px; font-family:Arial;  color: #5e7281; line-height: 28px;}
.contact_lefta{width:100%; float: left; margin-bottom: 50px;}
.contact_right{width:660px; float: right;}
.contact_rightb li textarea{height:200px;}
.foo_us a{font-size:24px; transition: all 0.6s;}
.foo_us a:link,.foo_us a:visited{color:#5e7281;}
.foo_us a:hover{COLOR:#81b61d;}
.contact_right dd{font-family:cczt;color:#81b61d;}
.contact_right h1{    font-size:38px;  font-weight: 700;  margin-bottom: 22px; margin-top: 10px;}
.contact_rightb li{width:100%; margin-bottom: 20px;}
.contact_rightb li input{width:100%; line-height: 55px; padding: 0px 15px;border: 2px solid #dfe4ea; font-family: Arial;    color: #596a77;}
.contact_rightb li textarea{width:100%;padding: 15px 15px;border: 2px solid #dfe4ea; font-family: Arial;    color: #596a77;}
#page{width:100%;color:#20416e; float: left; margin-top: 30px; text-align: center;}
.tjcp_a img{height:209px;}
	.footer_lxdh,#toggle,.wap_lx{display:none;}
}

/*================================1580======================================
@media screen and (min-width: 1600px) {
.qp_maina,.qp_mainc{width:100%; float: left;}
.qp_mainb{width:1500px; margin: 0px auto;}
.x_weight{width:1200px;}
.head{background:url(../images/head_bg.png) right no-repeat;}
.head_dh{width:920px; float: left; margin-left: 100px;}
.head_tel{width:210px; display: block;float: right;color:#fff;}
.head_dh a{padding:0px 35px; line-height: 120px; float: left;}
.head_tela{width:50px; text-align: center; line-height: 120px; font-size:24px; color:#fff; float: left;}
.head_tela span{font-size:26px;}
.head_telb{width:150px; margin-top: 40px; float: right;}
.head_telb dd{font-size:14px; padding-bottom: 5px;}
.head_telb h1{font-size:16px; font-weight: bold; font-family: Arial;}
.bga,.bgc{padding:  100px 70px;}
.wg_cpjs li{width:240px; float: left; margin-bottom: 15px;}
.wg_cpjs li input{border:0px; padding:15px 10px; width: 100%;}
.wg_left{margin-left:25px;}

}
*/


/*================================wap=======================================*/
/*moble*/
@media screen and (max-width: 1200px) {
    .hh_top{width:100%; float: left; background: #222; padding: 10px 4%; color:#fff;}
    .hh_top1,.hh_top2{width:100%; float: left;}
    .hh_top1 span{display:none;}
    .hh_top2{padding-top:10px;}
    .hh_top2 a{padding-right:15px;}
    .hh_top2 a:link,.hh_top2 a:visited{color:#fff;}
    .head_dh{width:100%; float: left; background: #b53125;}
    .head_dh  a:link,.head_dh a:visited{color:#fff;}
    .head_dh a{line-height:40px; display: block; width: 100%; padding: 0px 4%; border-bottom: 1px solid #a6291e;}
    .head{position:relative;}
    .head_tel{position:absolute; top:15px; right:4%; background: #b53125; padding: 5px;}
    .head_tel a:link,.head_tel a:visited{color:#fff;}
    
    
    .sy_ss{width:100%; float: left;  z-index: 888; background: #fff;box-shadow: 0 0 12px 0 rgba(2, 2, 2, 0.16); position: relative;}
.sy_ssa{width:100%; float: left; background: url(../images/ss_bg.jpg) center; color:#fff;font-family: 'qipei'; font-size:28px; padding: 25px 40px; }
.sy_ssb{width:100%; float: left;}
.sy_ssb li{width:48%; float: left; margin: 5px 1%;}
.sy_ssb li select,.sy_ssb li input{width:100%; border: 1px solid #eee; padding: 10px 6px; font-size:14px; font-family: 'Arial';}
.ss_title{font-size:20px; text-transform: uppercase;font-family: 'qipei'; padding: 15px; padding-left: 10px; margin-top: 10px;}
.sy_ssc{width:100%; float: right; text-align: center; padding: 10px 10%;}
.sy_ssc button{width:100%; border: 0px; height: 50px; background: url(../images/ss_bg.jpg) center;color:#fff; font-size:18px; border-radius: 4px; }
    
    .sy_rightabout,.sy_about,.qm_maina{width:100%; float:left;}
    .sy_about{padding:5% 4%;}
.sy_rightabout dd{font-family:Arial; color:#ff5e10; font-size:14px;}
.sy_rightabout h1{font-size:38px;color:#09316f; font-family: 'qipei'; padding: 10px 0px;}
.sy_rightabout p{font-size:16px; font-family: Arial; color:#333; line-height:30px;}
.sy_rightabout dd a:link,.sy_rightabout dd a:visited{color:#ff5e10;}
.sy_rightabout dd a{float:left; padding-top: 40px;}
    
    .sylx_bb{width:100%; float: right;}
.sylx_bb h1{font-size:28px;color:#fff;font-family: 'qipei'; }
.sylx_bb a{float:left; border: 2px solid #b53125; padding:10px 45px;font-family: 'qipei'; margin-top:25px;}
.sylx_bb a:link,.sylx_bb a:visited{color:#fff;}
    .sy_lxbg{padding:5% 4%;   background: #222; float: left;}
    
    .wg_title{width:100%; margin-top: 5%; text-align: center; font-size:14px; font-family: Arial; padding: 10px 4%;}
.wg_title h1{font-size:40px;color:#09316f; font-family: 'qipei'; padding: 4px 0px;}
.wg_title p{line-height:30px;}
    .swiper-containerb{padding:0px 4%;}
    .tjcp_a h1{font-size:16px; font-weight: bold;}
    .qp_footer{background: #111; padding: 5% 4%;color:#fff;}
    .footer_dha,.auto_kf{background:#111; display: none;}
    .footer_dhb,.footer_dhc{width:100%; float: left; margin-top: 15px;}
    .footer_dhb h1,.footer_dhc h1{margin-bottom:20px; font-weight: bold;}
    .footer_dhb dd{width:33.33%; float: left;}
    .footer_dhb dd a:link,.footer_dhb dd a:visited{color:#fff;}
    .about_banner{background:url(../images/about_banner.jpg) center no-repeat; padding: 5% 4%; color:#fff; text-align:center;}
    .banner_title a:link,.banner_title a:visited{color:#fff;}
    .cp_left{width:100%; float: left; padding: 25px; background:  #f1f1f1;}
    .cp_lefta{font-size:20px; font-weight: bold; padding-bottom: 15px;}
    .cp_leftb,.cp_leftb li,.cp_leftb li input,.cp_leftb li select{width:100%; float: left;}
    .cp_leftb li select{padding:8px; border: 1px solid #eee; margin-bottom: 10px;}
    .cp_leftb dd button{width:100%; border: 0px; background: #222;color:#fff; margin-top: 20px;  line-height: 38px;}
    .cp_leftc,.cp_unti{display:none;}
    .cp_right{width:100%; float: left; margin-top: 30px;}
    .hj_list li{width:31.33%; margin: 10px 1%; float: left;}
    .hj_list li img{width:100%;}
    .hj_list li h1{font-size:16px; line-height: 30px; background: #f1f1f1;}
	.head_tel{display:none;}
	.head_logo{width:60%; float: left; margin-left: 4%; margin-top: 10px; margin-bottom: 10px;}
	.head_logo img{width:100%;}
	#toggle{width:35px; height: 30px; background: #b53125; float: right; margin-right: 4%; color:#fff; line-height: 30px; text-align: center; margin-top: 15px;}
	#unti_main{display:none;}
	.footer_lxdh{width:100%; z-index: 888; text-align: center; font-weight: bold;position:fixed; bottom: 0px; background: #b53125; color:#fff; line-height: 40px;}
	.footer_lxdh a:link,.footer_lxdh a:visited{color:#fff;}
}


/*==============================================================================*/
@keyframes hideIndex{
0%{ opacity: 0; transform: translate(0, 50px) }
100%{opacity: 1; transform: translate(0, 0) }
}

@keyframes hideIndexa{
0%{ opacity: 0; transform: translate(50px, 0) }
100%{opacity: 1; transform: translate(0, 0) }
}


.ly_ka2 input::-webkit-input-placeholder,.yusuan textarea::-webkit-input-placeholder{
color:#444; font-size:14px;
}
.ly_ka2   input::-moz-placeholder,.yusuan textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#444;font-size:14px;}
.ly_ka2  input:-moz-placeholder,.yusuan textarea::-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#444;font-size:14px;}
.ly_ka2   input:-ms-input-placeholder,.yusuan textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#444;font-size:14px;}

.dh_tcm a{text-transform: uppercase;}