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

/*===========================1200px=========================================*/
@media screen and (min-width: 1201px) {
.qm_mainb,.footer_main{width:1200px; margin: 0px auto;}
.logo_a{width:100%; text-align: center; padding-top: 50px;}
.dh_maina{width:100%; padding-top: 30px; padding-bottom: 30px;}
.dh_maina li{float:left; padding-right:70px; }
.padding_a{padding:50px 0px;}
.index_lb_a{width:23.5%; float: left; margin-bottom: 2%;}
.margin_lefta{margin-left:2%;}
.padding_b{padding:30px 0px;}
.index_abouta{width:50%; float: left;}
.index_aboutb{width:45%; float:right;}
.fx_a,.fx_b,.fx_b1,.fx_b2{width:49%; float: left;}
.fx_a,.fx_b1{margin-right:2%;}
.fx_b3{width:100%; margin-top: 3%; background: #eed0a3; height: 309px;padding: 100px 0px; text-align: center;}
.footer_a p{margin-top:30px; line-height: 28px;}
.footer_a dd{width:100%; float: left; padding-top: 20px; font-size:26px;}
.footer_a dd a{padding:4px; margin-right: 8px;}
.footer_a{width:370px; float: left;}
.footer_b{width:130px; float: left;}
.margin-leftb{margin-left:50px;}
.footer_c{width:300px; background: url(../images/kf_ewm.jpg) right bottom no-repeat; float: right;}
.goods_list{width:25%; float: left; padding: 1%;}
.contact_lista{width:380px; float: left;padding: 89px 15px 76px 15px; }
.margin_leftc{margin-left:30px;}
.lx_stylea1{ padding-left: 45px;}
.lx_stylea2{position: relative; margin-top: -60px;}
.ly_a{width:49%; float: left;}
.yccd_top dd a{line-height:40px; display: block; width: 100%; float: left; height: 40px; padding: 0px 15px; }
.yccd_top{position: absolute;display: none; width: 100px; background: #0087ce; box-shadow: 0 4px 5px -2px rgba(0,0,0,0.22), 0 2px 1px -1px rgba(0,0,0,0.05); transition: all 0.6s;}
.head_yy li:hover .yccd_top{ display: block;animation: hideIndex 0.3s; display: block;
     -moz-animation: hideIndex  0.3s; /* Firefox */
     -webkit-animation: hideIndex  0.3s; /* Safari and Chrome */
     -o-animation: hideIndex  0.3s; /* Opera */ }
.head_logo{WIDTH:250PX;float: left; padding-top:3px;}
.head_dh{width:730px; margin-top: 10PX; margin-left: 60px; float: right;}
.head_dh li{padding:0px 35px;}
.head_dh li a{padding:23px 0px; text-transform: uppercase;transition: all 0.6s; font-weight: bold;line-height: 70px; font-size:16px; font-family: 'calibri';}
.head_dh li:hover  a{color:#4ca391;}
.hover_link{border-bottom: 4px solid #fff;}
.head_dh li a:link,.head_dh li a:visited{color:#333;}
.head_dh li .hover_link:link,.head_dh li .hover_link:visited{color:#d8251e;}
.head_yy{width:100px;float:right; margin-top:25px;}
.head_yy a{ line-height:30px; text-align: center; display: block; width: 50px; float: left;}
.head_yy a:link,.head_yy a:visited{color:#fff;}
.wap_daohang{width:32px; float: right; margin-top: 23px;}
.wap_daohang li{width:100%; height: 2px; background: #fff; margin-bottom:8px;}
.main2_bg{padding:40px 0px;}
.main2_left h1{font-size:33px; font-family: 'calibri'; padding-bottom: 10px;}
.main2_left dd{font-size:16px; line-height: 30px;}
.main2_left{width:900px; float: left;}
.main2_right{width:300px; float: right; text-align: right; margin-top: 20px; margin-top: 60px; }
.main2_right a,.alink,.more_a{padding:15px 35px; background:#029747; font-size:18px; font-weight:bold;border-radius: 8px;}
.main2_right a:link,.main2_right a:visited,.more_a:link,.more_a:visited{color:#0087ce;}
.alink{background:#0087ce;}
.index_aboutimg{width:537px; margin-bottom:110px; float: right; margin-left: -37px; margin-top: 200px;}
.index_aboutjs{width:640px; float:left; margin-top: 150px;}
.index_aboutjsa h1{ font-family:'calibri'; font-size: 46px;color:#fff; font-weight: bold;}
.index_aboutjsa h1 span{color:#fff; padding-left: 10px;}
.index_aboutjsa p{font-size:16px; padding-bottom: 18px; padding-top: 10px; font-family: 'calibri';}
.index_aboutjsa dd{width:60px; height: 1px; background: #ccc; margin-bottom: 18px;}
.index_aboutjsb{font-family: 'calibri'; font-size:14px; line-height: 28px;color:#fff;}
.index_aboutjsc{width:230px; margin-top: 30px; margin-right: 20px; border: 1px solid #eee; float: left; border-radius: 6px; padding: 15px;}
.index_aboutjsc1{width:44px; float: left; margin-top: 5px; border-right:1px solid #eee;text-align: center;}
.index_aboutjsc2{width:145px; float: right;}
.index_aboutjsc2 h1{font-size:14px;}
.index_aboutjsc2  dd{color:#4ca391; font-weight: bold; font-size:20px;}
.index_aboutlink{width:100%;  margin-top: 60px; margin-bottom: 40px;}
.index_aboutlink a:link,.index_aboutlink a:visited{color:#fff;}
.more_a:link,.more_a:visited{color:#0087ce;}
.index_aboutlink1{width:150px; border: 2px solid #fff;  float: left; text-align:center; line-height: 45px; font-size:18px;font-family: 'calibri';}
.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: #fff; margin-bottom: 10px;}
.index_title{width:100%; float: left; text-align: center; color:#fff;}
.index_title h1{ font-family:'calibri'; font-size:30px; text-transform: uppercase; font-weight:bold;}
.index_title dd{width:100px; margin: 10px auto; height: 1px; background: #4ca391;}
.index_title p{padding-bottom:45px;}
.unti_list{width:280px; margin: 10px; float: left;}
.unti_listb{width:100%; height:50px; background: #eee; text-align: center; line-height:50px;}
.unti_list a:link,.unti_list a:visited{color:#222;}
.unti_listc{background: rgba(176,72,73,0.8); padding: 15px; height: 260px; width: 100%; position: relative; display: none; transition: all 0.6s; float: left; text-align: center; padding-top: 20px; padding-bottom: 30px;}
.unti_listc dd{padding-bottom:60px; padding-top: 10px;}
.unti_listc p span{padding:7px 30px; border:1px solid #fff;}
.unti_list:hover .unti_listc{ margin-top:-260px; display: block;animation: hideIndex 0.3s; display: block;
     -moz-animation: hideIndex  0.3s; /* Firefox */
     -webkit-animation: hideIndex  0.3s; /* Safari and Chrome */
     -o-animation: hideIndex  0.3s; /* Opera */ }
.sy_news{padding:80px 0px;}
.news_list{width:385px; float: left; margin: 10px;}
.index_newsmain{width:1220px;}
.news_listb dd{ color:#777; padding: 10px 0px;}
.news_list a:link,.news_list a:visited{color:#03132b;}
.news_listb dd span{margin:0px 10px;}
.news_listb dd font{color:#0087ce;}
.news_listb h1{font-size:20px; font-weight: bold; padding: 5px 0px;}
.news_listb p{font-size:16px; line-height: 28px; color:#666;}
.news_listb h1{transition:all 0.6s;}
.news_list:hover .news_listb h1{color:#4ca391;}
.news_lista{width:100%; height: 261px; overflow: hidden;}
.news_lista img{transition:all 0.6s;}
.news_list:hover .news_lista img{transform: scale(1.2);}
.lk_aboutbanner{height:450px; background: url(../images/subheader-about.jpg);}
.banner_title{width:100%; padding-top: 250px;color:#fff;}
.banner_title h1{font-size: 50px;    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;}
.about_cs{width:100%; padding-top: 20px; margin-bottom: 60px;}
.about_cs h1{color:#4ca391; font-weight: bold; padding-bottom: 30px; padding-top: 40px;}
.about_reada p{margin-bottom:25px;color:#666;}
.about_reada{padding-bottom:80px;}
.goods_main{padding:50px 0px; }
.goods_unti{width:100%; margin: 10px 10px; float: left; text-align: center; font-size:20px;     font-family:'calibri'; }
.goods_unti a{ padding:0px 40px; line-height: 54px;}
.goods_unti a:link,.goods_unti a:visited{color:#333;}
.goods_unti a span{display:block; width: 100%;  background: #4ca391;}
.goods_unti li{ float:left;  height: 54px; width: 385px; background: #027fc1; border:1px solid #ccc; margin:10px 10px;  overflow: hidden;}
.unti_bg{width:100%; height: 53px; z-index: 1; background:#fff; margin-top: -54px; display: none; transition: all 0.6s; position: relative;}
 .goods_unti li a{z-index:3; position: relative;}   
.goods_unti li:hover .unti_bg{display:block;animation: hideIndex 0.3s; display: block;
     -moz-animation: hideIndex  0.3s; /* Firefox */
     -webkit-animation: hideIndex  0.3s; /* Safari and Chrome */
     -o-animation: hideIndex  0.3s; /* Opera */}
     .hover_untia{background:#0087ce;}
     .hover_untia a:link,.hover_untia a:visited{color:#fff;}

     .goods_img{width:100%; margin: 0px auto;height:auto; overflow: hidden; border: 4px solid #eee;}
     .cp_reada3 a{padding:10px 25px; margin-right: 15px; margin-top: 10px; float: left;}
     .news_readmian{padding:50px 0px;}
     .mail_width{width:310px;}
     .mail_widtha{width:225px;}
    .tc_maina{color:#fff;}
    .tc_maina h1{padding:15px 0px; font-size:26px;}
    .dh_tcm{width:100%; float: left; padding-top: 30px;}
    .dh_tcm a:link,.dh_tcm a:visited{color:#fff;}
    .dh_tcm a{padding:15px 30px; transition: all 0.6s; margin: 0px 15px; line-height: 36px; border: 1px solid #eee;}
    .dh_tcm a:hover{background:#4ca391;}
    .lk_kefu{width:130px;position: fixed; right: 5px; bottom: 130px;  z-index: 9999;}
    .lk_kefua,.lk_kefub{padding:0px 15px; margin-bottom: 8px; width: 100%; float: left;box-shadow: 0 4px 5px -2px rgba(0,0,0,0.22), 0 2px 1px -1px rgba(0,0,0,0.05);}
    .lk_kefua{background:#333; text-align: center; padding: 6px 0px; }
    .lk_kefua a:link,.lk_kefua a:visited{color:#fff;}
    .lk_kefua span,.lk_kefub span{ padding-top: 5px; }
    .lk_kefua font,.lk_kefub font{padding-top:6px; }
    .lk_kefub{background:#333; color:#fff; text-align: center;}
    .lk_kefub dd{float:left; width: 100%; }
    .ewm_kf{width:120px; position: absolute; margin-left: -140px; box-shadow: 0px 2px 10px #ccc; display:none;}
    .ewm_kfb{width:150px; position: absolute; margin-left: -170px; box-shadow: 0px 2px 10px #ccc;  background:#fff; padding: 5px 10px; color:#333; font-size:18px; display: none;}
    .ewm_kf img{width:100%;}
    .lk_kefub:hover .ewm_kf{display: block;animation: hideIndex 0.3s; display: block;
     -moz-animation: hideIndex  0.3s; /* Firefox */
     -webkit-animation: hideIndex  0.3s; /* Safari and Chrome */
     -o-animation: hideIndex  0.3s; /* Opera */ }
     .lk_kefub:hover .ewm_kfb{ display: block;animation: hideIndexa 0.3s; display: block;
     -moz-animation: hideIndexa  0.3s; /* Firefox */
     -webkit-animation: hideIndexa  0.3s; /* Safari and Chrome */
     -o-animation: hideIndexa  0.3s; /* Opera */}
     .yb_main{WIDTH:790PX; margin: 0px auto;}
     .cp_reada3 li{width:23%; float: left; margin-right: 2%; border: 1px solid #eee; margin-top: 30px;}
     .cp_reada3 li img{width:100%;}
     .hs_head {z-index: 9999; padding: 15px 0px; border-bottom: 4px solid #68707b;box-shadow: 0 4px 5px -2px rgba(0,0,0,0.22), 0 2px 1px -1px rgba(0,0,0,0.05); } 
     .wap_b,.ybc_wap{display:none;}
     .lk_aboutbanner{height:450px; background: url(../images/subheader-about.jpg);color:#fff;}
.lk_contactbanner{background:url(../images/contact_banner.jpg); height: 450px;}
    .lb_mgtop{margin-top:95px;}
    .jj_main{width:740px; margin: 0px auto; line-height: 28px; color:#645555;}
    .jl_cplb{width:275px; background: #eee; padding: 15px; float: left;}
    .left_jl{margin-left:30px;}
    .jl_cplba{width:100%;  overflow: hidden;  text-align: center; }
    .jl_cplba img{ transition: all 0.6s; width: 100%; }
    .jl_cplbc{width:380px; display: none;height: 380px; background: url(../images/lbzz.png); z-index: 88; position: relative; margin-top: -380px;}
    .jl_cplbb{width:100%; line-height: 60px; font-family:'calibri'; font-size:18px; font-weight: bold;text-align: center; z-index: 99; position: relative;}
    .jl_cplb a:link,.jl_cplb a:visited{color:#444;}
    .jl_cplb:hover .jl_cplba img{/*transform: scale(1.2);*/}
    .jl_cplb:hover .jl_cplbb{}
    .jl_cplb:hover a{color:#0087ce;}
    .more_a{width:200px; margin: 60px auto; border: 1px solid #eee; height: 60px; transition: all 0.6s;}
    .more_aa{ transform: skewX(-45deg); background: #0087ce; width: 100px; height: 58px; margin-left: 50px; transition: all 0.6s;}
    .more_ab{width:100%; text-align: center; font-family:'calibri'; font-size:16px;  z-index: 50; position: relative; margin-top: -40px;}
    .more_ab a:link,.more_ab a:visited{color:#fff;}
    .more_a:hover{width:240px;}
    .more_a:hover .more_aa{width: 140px;  margin-left: 50px;}
     .cplb_yc{position:absolute;width:300px; z-index: 9999; background:#fff; margin-left: -10px; padding: 15px; transition: all 0.6s; display: none;box-shadow: 0 4px 5px -2px rgba(0,0,0,0.22), 0 2px 1px -1px rgba(0,0,0,0.05);}
    .cplb_yca{width:295px; padding: 0px 10px; float: left;color:#fff;}
    .cplb_yca img{width:100%;}
    .cplb_yca dd a{line-height:40px; text-transform: inherit;  transition: all 0.6; font-size:16px; font-weight: normal; font-family:'calibri';}
   .head_dh li .cplb_yca dd a:link, .head_dh li .cplb_yca dd a:visited{color:#555;}
   .head_dh li .cplb_yca h1 a:link,.head_dh li .cplb_yca h1 a:visited{color:#222;}
    .head_dh li .cplb_yca h1 a{line-height:40px;}
    .head_dh li:hover .cplb_yc{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 */}
    .jj_main a{font-weight:bold; padding: 0px 15px;}
    .head_dh li  .cplb_yca dd a:hover{color:#0087ce; padding-left: 6px;}
    .wap_daohang span{display:none;}
    .index_aboutjsgg{padding-top:50px;}
    .lc_about{width:600px; float: left;}
    .lc_about h1{font-size:20px; padding-bottom: 15px; padding-top: 15px;}
    .lc_about p{font-size:14px; line-height: 30px;}
    .lc_synews{width:580px; float: right;}
    .lc_synewsa{width:100%; margin-bottom: 15px; border-bottom: 1px solid #ccc; float: left; padding-bottom: 15px;}
    .lc_synewsb{width:100px; font-size:16px; text-align: center; border-right:1px solid #ccc;color:#666;float: left;}
    .lc_synewsb h1{font-size:50px; font-family: Arial;color:#d6d6d6;}
    .lc_synewsc{width:450px;  float: right;}
    .lc_synewsc h1{font-size:18px; padding-bottom: 10px; font-weight: bold;}
    .lc_about dd{color:#666; width: 100%; float: left; margin-top: 20px;}
    .lc_about dd a{padding:8px 25px; background: #6f737e;}
    .lc_about dd a:link,.lc_about dd a:visited{color:#fff;}
    .lc_biaoti{font-size:24px; padding-bottom: 20px; font-weight: bold; color:#333;}
    .footer_c p,.footer_b p{width:30px; height: 3px; background: #fff; margin-bottom: 15px;}
    .left_lx{width:250px; float: left;}
    .left_lxa{width:100%; float: left; padding: 20px 15px; background: #343a48; color:#fff; border-top-left-radius:10px;border-top-right-radius:10px; margin-top: 60px; }
    .left_lxb{width:100%; float: left;}
    .left_lxb dd{background:#eee; padding:10px 15px; transition: all 0.6s; margin-bottom: 1px;}
    .left_lxb dd span{padding-right:6px;}
    .left_lxb dd a:link,.left_lxb dd a:visited{color:#333;}
    .left_lxb dd:hover{ background:#d92622;}
    .left_lxb dd:hover a,.left_lxb .lc_hover a{color:#fff;}
    .left_lxb .lc_hover{background:#d92622;}
    .left_lxb .lc_hover a:link,.left_lxb .lc_hover a:visited{color:#fff;}
    .right_lx{width:910px; float: right; margin-top: 60px;}
    .right_lxa{width:100%; float: left;}
    .right_lxa1{width:130px; height: 60px; font-weight: bold;  line-height: 60px; font-size: 18px; border-bottom: 3px solid #d92622; float: left;}
    .right_lxa2{width:780px;height: 60px;  text-align: right;float: right;line-height: 60px;border-bottom: 1px solid #eee;}
    .right_lxa2 font{margin:0px 10px;}
    .right_xx{width:100%; padding: 15px 0px; font-size:16px; line-height: 30px;}
    .right_xx p{margin-bottom:15px;}
    .cplb_a{width:283px; margin: 10px; float: left;height:248px;}
    .cplb_a h1{font-size:16px; padding: 10px 0px; text-align: center;}
    .cplb_a a:link,.cplb_a a:visited{color:#333;}
	.cplb_a img{height:211px;width:283px;}
    .lccp_reada1{font-size:18px; width: 100%; float: left; margin-top: 25px; font-weight: bold; padding: 15px 0px; border-bottom: 1px solid #eee;}
    .lccp_reada1 span{padding:8px 15px;  float: left; background: #d92622; border-top-left-radius:12px;  border-top-right-radius:12px;color:#fff;font-weight:normal;}
    .lccp_readb{padding:18px 0px; line-height: 30px;}
    .lccp_readb p{margin-bottom:15px;}
    .k_a{width:160px; float: left;}
    .k_b{width:720px; float: right;}
    .top_lc{margin-top:15px;}
    .lc_synewsc h1,.lc_synewsb h1{transition:all 0.6s;}
    .lc_synewsa:hover .lc_synewsc h1,.lc_synewsa:hover .lc_synewsb h1{color:#db241e;}
    .news_xxa{ text-align:center;}
    .news_xxa h1{font-size:20px; font-weight: bold;}
    .news_xxa dd{font-size:16px;padding: 15px 0px; border-bottom: 1px solid #eee; margin-bottom: 20px;}
    .news_xxa span{margin:0px 10px;}
    .news_xxa span font{padding-right:8px;}

 

}
.goods_unti li:hover a{color:#fff;}

/*================================1580======================================*/
@media screen and (min-width: 1600px) {
/*.qm_mainb{width:1580px; margin: 0px auto;}*/
.fx_b3{height:407px; padding: 150px 0px; text-align: center;}
.cn_main{width:1440px;}
.head_dh{margin-left:300px;}



}



/*================================wap=======================================*/
/*moble*/
@media screen and (max-width: 1200px) {

.pc_banner{display:none;}
.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: #333; margin-bottom: 5px;}
.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: 'calibri';}
.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:'calibri'; font-size:30px; text-transform: uppercase; font-weight:bold;}
.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:30px;    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: 'calibri'; 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:'calibri';}
     .cp_reada2 img{width:100%;}
     .contact_lista{margin-bottom:30px;}
     .layui-form{padding:15px 4%;}
     .news_listb h1{font-size:18px; margin-bottom: 15px;}
	.jl_cplb{width:50%; float: left; text-align: center;}
	.jl_cplba img{width:80%; border-radius: 500px; border:6px solid #0087ce;}
	.jl_cplbb{padding:10px 16px; line-height: 50px; font-family:'calibri'; font-weight: bold;}
	.jj_main{color:#645555; line-height: 26px;}
	.index_aboutjs{color:#fff;}
	.index_aboutjsa h1{ font-family: 'calibri'; font-weight: bold; font-size:26px;}
	.index_aboutlink a:link, .index_aboutlink a:visited {    color: #fff;}
	.main2_right a,.alink,.more_a{padding:15px 35px; background:#0087ce; font-size:18px; font-weight:bold;border-radius: 8px;}
	.main2_right a,.alink,.more_a{padding:15px 35px; background: #fff; font-size:18px; font-weight:bold;border-radius: 8px;}
.main2_right a:link,.main2_right a:visited,.more_a:link,.more_a:visited{color:#0087ce;}
.main2_left h1{font-size:30px; padding-top: 30px; padding-bottom:18px; }
.footer_a dd a{ font-size:26px; margin: 5px 10px;}
 .main2_left  dd{font-size:21px;font-family:'calibri';}
}


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