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

/*===========================1200px=========================================*/
@media screen and (min-width: 1201px) {
.qm_mainb{width:1280px; margin: 0px auto;}
	.top_a,.top_b{ float: left; line-height: 40px; color:#b0b0b0; font-size:14px;}
	.top_b{text-align:right; width: 30%;}
	.top_a{width:70%;}
	.db_main{width:400px;}
	.db_maina{width:800px;}
	.top_b a{padding:12px 30px; background: #424242;}
	.top_b a:link,.top_b a:visited{color:#b0b0b0;}
	.fkm_headlogo,.fkm_headdh,.fkm_headss{ float: left;}
	.fkm_headlogo{width:250px; padding-top: 35px; padding-bottom: 15px;}
	.fkm_headdh{width:900px; float: right;padding-top: 15px; padding-bottom: 15px;}
	.fkm_headss{width:270px; float: right; margin-top:30px;    border: 1px solid #e0e0e0;}
	.fkm_headss input{width:230px; border: 0px;padding: 12px; float: left;}
	.fkm_headss button{font-size:20px; border-left: 1px solid #e0e0e0; border-top:0px; border-bottom: 0px; border-right: 0px; width:38px; height: 40px; float: right;}
	.fkm_headdh li{ float:left; line-height: 70px;}
	.fkm_headdh li a{ font-size:20px;padding-left:46px;}
	.fkm_headdh li a:link,.fkm_headdh li a:visited{color:#fff; transition: all 0.6s;}
	.fkm_headdh li .ycdh a:link,.fkm_headdh li .ycdh a:visited{color:#222;}
	.ycdh{position:absolute; width: 100%;border-bottom: 1px solid #e0e0e0;background: #fff; left:0px; z-index: 999; padding-top: 30px; padding-bottom: 20px; transition: all 0.6s; display:none;}
	.top_search{width:100%; float: left;}
	.top_search dd span{width:100px; line-height: 60px; display: block; font-size:30px; float: left;}
	.top_search dd input{width:660px; float: right; padding: 18px 0px; border: 0px;}
	.top_search dd button{width:80px; height: 40px; border: 0px; background: #0036a0; color:#fff;}
	.ycdh dd{width:200px; float: left; padding: 18px 20px; text-align: center; }
	.ycdh dd h2{font-size:14px; padding-top: 15px;}
	.fkm_headdh li .top_search dd{width:100%;}
	.fkm_headdh li  .ycdh dd a{padding:0px;}
	.fkm_headdh li:hover .ycdh{display:block;}
	.unti_left{ width:300px;  margin-top: 40px; z-index: 666; position: relative; float: left; }
	.unti_left dd{ font-size:20px; border: 1px solid #e1e1e1; margin-bottom: 20px; transition: all 0.6s;}
	.unti_left dd a:link,.unti_left dd a:visited{color:#222;}
	.unti_left dd span{float:right;}
	.unti_left dd:hover{background:#fff;}
	.unti_left dd:hover a{color:#222;}
	.unti_left dd a{display:block; width: 100%;padding:17px 30px;}
	.swiper-button-prev{left:250px;}
	.fkm_xt{background:#5f5750; height: 177px; margin-top: 15px; width: 230px; float: left;}
	.fkm_xta{width:1050px; margin-bottom: 50px; float: right;}
	.fkm_xta li{width:335px; float: left; margin-left: 15px; margin-top: 15px;}
	.fkm_xta li img{width:100%;}
	.fkm_xt li{width:50%; float: left; height: 110px; text-align: center; font-size:18px; line-height: 110px;color:#fff;}
	.unti_tt{font-size:20px; font-weight: bold; margin-bottom: 20px; margin-top: 20px;}
	.unti_tt a{float:right; font-weight: lighter; font-size:14px;}
	.unti_tt a:link,.unti_tt a:visited{color:#222;}
	.unti_tt a span{padding:3px; background: #747474;color:#fff; margin-left: 5px; border-radius: 500px;}
	.unti_cpleft{width:230px; float: left;}
	.right_cp{width:950px; margin-top:50px; float: right;}
	.right_cpa{width:296.6px; border: 1px solid #e1e1e1;padding: 22.5px 30px; text-align: center; transition: all 0.6s; float: left;  margin: 10px; background: #fff; margin-bottom: 15px;}
	.right_cpa:hover{box-shadow:0px 7px 20px #e1e1e1; }
	.right_cpa h1{font-size:18px; padding-bottom: 6px;}
	.right_cpa a:link,.right_cpa a:visited{color:#222;}
	.right_cpa p{color:#999;}
	.f_menu{width:600px; margin: 0px auto;}
	.f_menu li{width:200px; float: left; text-align: center;}
	.f_menu li dd{font-size:30px; font-weight: bold;}
	.f_menu li p{font-size:16px; color:#888;}
	.f_menu li dd span{font-weight:lighter; font-size:18px; padding-left: 10px;}
	.f_menub{width:60%; float: left; border-top:1px solid #e1e1e1; margin-top: 30px; padding-top: 30px;}
	.f_menub dd{line-height:30px; font-size:16px;}
	.googds_read{background:#fff; border: 1px solid #e1e1e1;padding: 25px;}
	.cp_leftimg{width:480px; float: left; padding-right: 30px;}
	.right_cpxx{width:400px; background: #eee;  padding-left: 30px; float: right; padding-top: 30px; padding-bottom: 30px;}
	.right_cpxxa h1{font-size:24px; font-weight: bold; padding-bottom: 5px;}
	.right_cpxxa dd{color:#777;}
	.right_cpxxa,.right_cpxxb,.right_cpxxc{width:100%; float: left;}
	.right_cpxxa{border-bottom:1px solid #e1e1e1; padding-bottom: 15px;}
	.right_cpxxb{padding-top:30px; font-size:16px; line-height: 32px;}
	.right_cpxxc{border-top:1px solid #e1e1e1; margin-top: 30px;}
	.right_cpxxc a{float:left; padding: 20px 40px;  font-size:16px; margin-top: 30px;}
	.a_lx{background:#e1e1e1;}
	.a_lx:link,.a_lx:visited{color:#333;}
	.a_xp{background:#ff6700; margin-left: 18px;font-size:16px;color:#fff;padding: 20px 40px; border: 0px; height: 61px; margin-top: 30px;}
	.a_xp:link,.a_xp:visited{color:#fff;}
	.cpxx_read{width:100%; float: left; margin-top: 40px;border-top:3px solid #e1e1e1; padding-top: 30px;}
	.cpxx_reada{font-size:24px; font-weight: bold;}
	.cpxx_reada span{padding:14px 40px; background:#0036a0;color:#fff; border-top-left-radius:7px;  border-top-right-radius:7px;}
	
	.cpxx_reada,.cpxx_readb{width:100%; float: left;}
	.cpxx_readb{font-size:16px; width: 100%; padding-top: 30px; line-height: 30px;}
	.xp_cpa,.xp_cpb{width:100%; float: left; background: #333; padding: 40px;}
	.xp_cpa img{width:100px; float: left; padding-right: 20px;}
	.xp_cpa{color:#fff; font-size:20px; line-height: 100px;}
	.xp_cpb li{width:50%; float: left; padding: 2px; margin-bottom: 15px;}
	.xp_cpb li input{width:100%; border:0px; background: #fff; padding: 15px 20px;}
	.xp_cpb dd{padding:2px; margin-top: 15px;}
	.xp_cpb dd textarea{width:100%; border:0px solid #fff; padding: 15px 20px; height: 120px;}
	.xp_cpb,.xp_cpc{padding:10px 40px;}
	.xp_cpc{background: #333;}
	.xp_cpc button{width:150px; height: 40px; margin-bottom: 38px; border: 0px; background:#ff6700; font-size:18px; color:#fff;}
	#a_a1{display:none;}
	#page{width:100%; float: left; text-align: center; margin-top: 40px; margin-bottom: 60px;}
	#page a,#page span{padding:10px; font-size:18px; transition: all 0.6s; background: #e1e1e1; margin: 5px; font-size:16px;}
	#page a:link,#page a:visited{color:#222;}
	#page .cur{background:#0036a0;}
	#page .cur:link,#page .cur:visited{color:#fff;}
	#page a:hover,#page span:hover{background:#ff6700; color:#fff;}
	.about_read{ padding:50px 0px; margin-top: 30px; width: 100%; float: left;}
	.about_read p{margin-bottom:20px; text-indent: 2em;}
	.about_read{font-size:18px; line-height: 32px;}
	.about_reada{font-sizd:26px; font-weight: bold; padding-bottom: 18px;}
	.news_righta{width:100%; float: left; border-bottom: 1px solid #e1e1e1; padding-bottom: 20px; margin-bottom: 20px;}
	.news_righta1{width:300px; float: left;}
	.news_righta2{width:890px; float: right;}
	.news_righta2 h1{font-size:22px; font-weight: bold;padding-bottom: 15px; }
	.news_righta2 p{font-size:16px; color:#888; line-height: 30px;}
	.news_righta2 dd{font-size:16px; color:#888; margin-bottom: 18px;}
	.news_righta2 p a{float:right; margin-top: 20px;}
	.news_righta2 p a:link,.news_righta2 p a:visited{color:#ff6700;}
	.ht_maina{padding:80px 0px;}
	.ht_title h1{font-size:40px; font-family: 'Roboto'; font-weight: bold;}
	.ht_title p{font-size:32px;}
	.ht_title  dd{padding:10px 0px;}
	.ht_syabout{padding:30px 10%; text-align: center; }
	.ht_syabouta{font-size:18px; line-height: 32px; color:#666;}
	.ht_syaboutb {padding-top:20px;}
	.ht_syaboutb a{padding:10px 35px; border-radius: 500px; font-size:18px; background:#0036a0;}
	.ht_cpmain{position:relative;}
	.cpunti_list{padding:10.7% 10%; text-align: center;}
	.cpunti_listb h1{font-family: 'Roboto'; font-weight: bold; font-size:40px; padding-top: 20px; padding-bottom: 17px; text-transform: uppercase;}
	.ht_cpmain a:link,.ht_cpmain a:visited{color:#fff; }
	.cpunti_listb dd{font-size:26px;}
	.ht_cpmain{overflow:hidden;}
	.cpunti_listb h1,.cpunti_listb dd{display:none;}
	.cpunti_list:hover .cpunti_listb h1,.cpunti_list:hover .cpunti_listb dd{display:block;}
	.ht_tjcpm{padding:80px 0px;}
	.pc_tjcp{margin-top:36px;}
	.tjcpa dd{font-size:20px; font-weight: bold; text-align: center; padding: 20px 0px; border-top: 1px solid #e1e1e1;}
	.ht_huanjing{ background-image:-webkit-gradient(linear, left bottom, right top, color-stop(0.32, #1a59a8), color-stop(0.66, #039de5), color-stop(0.83, #039de5)); padding: 20px 0px;}
	.ht_huanjing .ht_ttb dd{color:#0c88d2; padding-top: 20px;}
	.ht_huanjing .ht_ttb h1{color:#fff;}
	.ht_synews{padding:50px 0px;}
	.syxw_list{width:413.33px;margin-top: 20px;  float: left;}
	.syxw_lista {font-family:'Arial';}
	.syxw_lista dd{font-size:32px; font-weight: bold; padding-bottom: 0px;color:#888; padding-top: 10px;}
	.syxw_lista p{font-size:14px; padding-bottom: 15px;}
	.syxw_listb h1{font-weight:bold; font-size:20px; padding-bottom: 15px;}
	.syxw_listb p{font-size:16px;color:#666; line-height: 30px;}
	.ht_left{margin-left:20px;}
	.f_ewm{width:320px; float: right; margin-top: 40px;}
	.f_ewma,.f_ewmb{width:150px; float: left;}
	.f_ewm img{width:100%; padding: 10px; background: #fff;}
	.f_ewma{text-align:right; width: 170px; font-size:18px; padding-right: 18px; padding-top:40px;}
	.f_ewma dd{padding-bottom:14px;}
	.cj_list{width:33.33%; float: left; padding: 15px;}
	.cj_list dd{font-size:18px; line-height: 48px; text-align: center;}
	.tt_nbt{position:absolute; width: 100%; text-align: center; top: 20%; padding: 100px 0px; z-index: 88; font-size:40px; color:#fff; font-family: 'cczt'; }
	.tt_nbt p{width:80px; height: 5px; background:#2070d1; margin: 15px auto;}
	.lx_list{width:406.6px; float: left; margin-top: 40px; margin-bottom: 40px;}
	.lx_lista img{border:12px solid #e1e1e1;}
	.lx_lista h1{font-size:30px; font-family: 'cczt';text-transform: uppercase; padding-top: 20px; text-align: center;}
	.lx_listb{padding:30px;}
	.lx_listb dd{width:90px; transition: all 0.6s; position: relative; z-index: 100; height:90px; margin: 0px auto; border: 2px dashed #e1e1e1; border-radius: 500px; background: #fff; }
	.lx_listb dd span{display:block; background: #fff; line-height: 70px; font-size:30px; text-align: center; width: 70px; height: 70px;border: 1px dashed #e1e1e1; border-radius: 500px; margin: 8px;color:#2070d1;} 
	.lx_listb p{width:100%; height: 1px; background: #e1e1e1; position: relative; margin-top: -44px; z-index: 10;}
	.lx_listc{margin-top:40px; text-align: center; font-size:16px; font-family: 'century';color:#666;}
	.lx_listc dd{width:100px; height: 1px; background: #e1e1e1; margin: 20px auto;}
	.lx_list:hover .lx_listb dd{background:#2070d1;}
.jlleft{margin-left:30px;}   
               
}
.goods_unti li:hover a{color:#fff;}
.n_banner{width:100%; float: left; position: relative; z-index: 10;}
/*================================1580======================================*/
@media screen and (min-width: 1600px) {
.qm_mainb{width:1500px; margin: 0px auto;}
	.db_main{width:400px;}
	.db_maina{width:800px;}
	.fkm_headdh{width:1150px; margin-left:0px;}
	.fkm_headdh li a{ padding-left:75px;}
.ycdh{position:absolute; width: 100%;border-bottom: 1px solid #e0e0e0;background: #fff; left: 0px;}
	.unti_left{}
	.lx_list{width:480px;}
	.fkm_xta,.right_cp{width:1170px; float: right;}
	.fkm_xt{height:220px;}
	.fkm_xta li{width:408.33px; float: left;}
	.right_cpa{width:370;}
	.lb_unti{ margin-top: 50px;}
	.cp_leftimg{width:500px;}
	.right_cpxx{width:570px; float: right;}
	.news_righta2{width:1110px; float: right;}
	.syxw_list{width:486.66px;}
}



/*================================wap=======================================*/
/*moble*/
@media screen and (max-width: 1200px) {
.pc_bb{display:none;}
.cp_reada{padding:15px 4%;}
.index_aboutb1{padding-left:4%; padding-right: 4%;}
.pc_fy{display:none;}
.wap_fy{display:block;}
.pc_banner{display:none;}
  .contact_lista p{line-height:30px;color:#777; }
.goods_untivv a:link,.goods_untivv a:visited{color:#666;}
.qm_mainb{width:100%;  float: left; padding: 4%;}
.index_lb_a{width:50%; float: left; padding: 1%;}
.logo_a{width:100%; text-align: center; padding-top: 30px;}
.dh_maina{width:100%; padding-top: 30px; padding-bottom: 30px;}
.dh_maina li{float:left; padding-right:70px; }
.head_dh{display:none;}
.wap_daohang{width:40px; float: right; margin-top: 15px;}
.wap_daohang li{width:100%; height: 2px; background: #fff; margin-bottom: 12px;}
.head_yy{width:150px; float: left; display: none;}
.head_yy a:link,.head_yy a:visited{color:#fff;}
.head_yy a{padding:5px 15px; float: left;}
.head_logo{width:50%; float: left; max-width: 204px;}
.hs_head {position:relative;z-index: 9999; background:#fff; border-bottom: 1px solid #fff;} 
.main2_right a{padding:15px 35px; background: #fff; font-size:16px;}
.main2_right{width:100%; float: left; margin: 20px 0px;}
.main2_right a:link,.main2_right a:visited{color:#222;}
.tc_maina{color:#fff;}
.dh_tcm{width:100%; float: left; margin-top: 15px;}
.dh_tcm a{display:block; font-size:14px; font-weight: bold;width: 100%; line-height: 40px; margin-bottom: 10px; text-align: center; border: 1px solid #fff;}
.dh_tcm a:link,.dh_tcm a:visited{color:#fff;}
.tc_maina h1,.tc_maina dd{display:none;}
.index_aboutimg{width:100%; padding: 15px 0px;}
.index_aboutimg img{width:100%;}
.index_aboutjs{width:100%;padding: 15px 0px;}
.index_aboutjsa h1{font-size:24px; margin-bottom: 10px;}
.index_aboutjsa dd{padding-bottom:20px;}
.index_aboutjsb{line-height:29px;}
.index_aboutjsb img{display:none;}
.index_aboutjsc{width:100%; margin-top: 30px; margin-right: 20px; border: 1px solid #eee; float: left; border-radius: 6px; padding: 15px;}
.index_aboutjsc1{width:20%; max-width: 44px; float: left; margin-top: 5px; border-right:1px solid #eee;text-align: center;}
.index_aboutjsc2{width:75%; float: right;}
.index_aboutjsc2 h1{font-size:14px;}
.index_aboutjsc2  dd{color:#4ca391; font-weight: bold; font-size:20px;}
.index_aboutlink{width:100%; float: left; margin-top: 60px; margin-bottom: 40px;}
.index_aboutlink a:link,.index_aboutlink a:visited{color:#4ca391;}
.index_aboutlink1{width:150px; border: 2px solid #4ca391; float: left; text-align:center; line-height: 45px; font-size:18px;font-family: 'Arial';}
.index_aboutlink2{width:40px; float: left; margin-top: 20px; margin-left: -22px;}
.index_aboutlink2{margin-left: -22px;}
.a1{animation:ani-svg .25s linear 0s alternate infinite;}
.a2{animation:ani-svg .35s linear 0s alternate infinite;}
.index_aboutlink2 dd{width:100%; height: 2px; background: #4ca391; margin-bottom: 10px;}
.index_title{width:100%; float: left; text-align: center; color:#fff;}
.index_title h1{ font-family: Aria; font-size:24px; text-transform: uppercase; font-weight:bold; padding-top: 40px;}
.index_title dd{width:100px; margin: 10px auto; height: 1px; background: #4ca391;}
.index_title p{padding-bottom:45px;}
.unti_listb h1{display:none;}
.unti_list{width:50%; float: left; }
.unti_list a:link,.unti_list a:visited{color:#fff;}
.unti_listc dd{display:none;}
.unti_listc{width:100%; padding: 15px 2%; text-align: center;}
.unti_listc h1{font-size:18px;}
.footer_a,.footer_b,.footer_c{padding:10px 4%; width: 100%; float: left;}
.footer_b dd{width:50%; float: left;}
.lk_kefu{display:none;}
.ybc_wap{width:50px; height:100px; position: fixed; right: 0px; bottom: 50px; background: #4ca391; color:#fff; z-index: 9999; border-left: 1px solid #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.ybc_wap li{width:100%; height: 50px; text-align: center; line-height: 50px;}
.ybc_wap a:link,.ybc_wap a:visited{color:#fff;}
.footer_end{padding:0px 4%;}
.lk_aboutbanner{height:250px; background: url(../images/subheader-about.jpg);color:#fff;}
.lk_contactbanner{background:url(../images/contact_banner.jpg); height: 250px;}
.banner_title{width:100%; padding-top: 70px;color:#fff;}
.banner_title h1{font-size: 22px;    font-weight: 900;}
.banner_title dd{font-size: 16px; padding: 10px 0px; }
.banner_title dd font{color:#ffd100; }
.banner_title dd a:link,.banner_title dd a:visited{color: #b7b7b7;}
 
 .goods_unti li{display:block; width: 100%; height: 40px; line-height: 40px; font-size:16px; font-family: Arial; background: #fff; margin-bottom: 5px; text-align: center;}
.goods_unti .hover_untia{background:#4ca391;}
     .hover_untia a:link,.hover_untia a:visited{color:#fff;}
     .goods{width:46%; float: left; margin: 15px 2%; text-align: center;}
     .goodsa h1{font-size:16px; font-family: Arial;}
     .cp_reada2 img{width:100%;}
     .contact_lista{margin-bottom:30px;}
     .layui-form{padding:15px 4%;}
     .news_listb h1{font-size:14px; height: 42px; overflow: hidden;}
     .hover_untia a:link,.hover_untia a:visited{color:#e97917;}
    .bem_b a { padding: 0px 6px;}
.wap_daohang li{width:100%; height: 2px; background: #e4791a; margin-bottom: 12px;}
.index_unti{background:#e4791a;}
.pc_tjcp{display:none;}
.page_a a{display:block; width: 46%; margin:5px 2%; background: #eee; text-align: center; line-height: 36px; float: left;}
#page{width:100%;color:#20416e; float: left; margin-top: 30px; text-align: center;}
#page a,#page span{padding:5px; border:1px solid #ccc; margin: 8px; font-family: Arial; font-size:14px;}
#page a:link,#page a:visited{color:#20416e;}
#page a{transition:all 0.6s;}
#page a:hover{    background: #81b61d; color: #fff; border: 1px solid #81b61d;}
.news_list a:link,.news_list a:visited{color:#222;}
}


/*==============================================================================*/
@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;}