@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:60%; float: left;}
.index_aboutb{width:36%; 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:240px; float: left;}
.margin-leftb{margin-left:50px;}
.footer_c{width:280px; 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;  margin-top: 66px; 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:830px; margin-left: 20px; float: left;}
.head_dh li{padding:0px 35px;}
.head_dh li a{padding:25px 10px; 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 #5692c8; background: #5692c8;}
.head_dh li a:link,.head_dh li a:visited{color:#222;}
.head_dh li .hover_link:link,.head_dh li .hover_link:visited{color:#fff;}
.head_yy{width:100px;float:right;}
.head_yy a{padding:39px 15px; }
.head_yy a:link,.head_yy a:visited{color:#222;}
.wap_daohang{width:32px; float: right; margin-top: 23px;}
.wap_daohang li{width:100%; height: 2px; background: #666; 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:21px;font-family: 'calibri';}
.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: #0087ce; 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: 90px;}
.index_aboutjs{width:640px; float:left; margin-top: 90px;}
.index_aboutjsa h1{ font-family:'calibri'; font-size: 46px;color:#333; font-weight: bold;}
.index_aboutjsa h1 span{color:#222; 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:#666;}
.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:25%; float: left; padding-right: 1px;}
.unti_listb{width:100%; height:100px; background: #4ca391; text-align: center; line-height: 100px;}
.unti_list a:link,.unti_list a:visited{color:#fff;}
.unti_listc{background: #4ca391; 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:-207px; 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: 251px; 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: 180px; text-align: center; color:#fff;}
.banner_title h1{font-size: 36px;    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: #fff;}
.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: 8px 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;line-height: 40px; 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:#0087ce; line-height: 40px;}
    .lk_kefua a:link,.lk_kefua a:visited{color:#fff;}
    .lk_kefua span,.lk_kefub span{padding-right:12px; padding-top: 5px; float: left;}
    .lk_kefua font,.lk_kefub font{padding-top:6px; float: left;}
    .lk_kefub{background:#616060; color:#fff;line-height: 40px;}
    .lk_kefub dd{float:left; width: 100%; line-height: 40px;}
    .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 {position: fixed;z-index: 9999; border-top:3px solid #5692c8;background:#fff;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:35px;}
    .jj_main{width:740px; margin: 0px auto; line-height: 28px; color:#645555;}
    .jl_cplb{width:277.5px; float: left;}
    .left_jl{margin-left:30px;}
    .jl_cplba{width:100%; height:auto;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;}
    .product-number-info li{width:25%; float: left; text-align: center;}
    .cp_xxleft{width:750px; float: left;}
    .cp_xxright{width:450px; padding: 30px; float: right; background: #eee;}
    .wap_daohang{display:none;}
    .jl_cplbv{width:20%; float: left;}
    .jl_cplbv a:link,.jl_cplbv a:visited{color:#333;}
    .jl_cplbb{height:60px; background: #eee; transition: all 0.6s;}
    .jl_cplbv:hover .jl_cplbb{background:#337ab7;}
    .jl_cplbv:hover .jl_cplbv a{color:#fff;}
    .ty_sb{width:380px; float: left; margin-top: 25px; overflow: hidden; height: 253px;}
    .ty_sb img{width:100%;}
    .ty_sbb{padding:20px 30px; transition: all 0.6s; display: none;width: 100%; float: left; position: relative; z-index: 88; margin-top: -100px;}
    .ty_sbb h1{font-size:30px; }
    .ty_sb a:link,.ty_sb a:visited{color:#fff;}
    .ty_sbb dd{font-size:20px; font-family: Arial;}
    .ty_sb:hover .ty_sbb{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 */}
     .page_lb{width:100%; float: left; text-align: center; margin-top: -50px; background: none;}
    .page_a a{padding:20px 50px; font-size:18px; font-family: Arial; line-height: 50px; background:rgba(255,255,255,0.8);}
    .hover_untia a:link,.hover_untia a:visited{color:#e97917;}
    
    .cont{width:1000px;margin:0 auto;padding:20px 0 50px}
.biz-timeline-box{width:785px;margin:0 auto 45px}
.biz-timeline-box:nth-child(odd) .biz_timeline-eventbox{-webkit-border-radius:0 40px 40px 0;-moz-border-radius:0 40px 40px 0;border-radius:0 40px 40px 0;float:right}
.biz-timeline-box:nth-child(even) .biz_timeline-eventbox{-webkit-border-radius:40px 0 0 40px;-moz-border-radius:40px 0 0 40px;border-radius:40px 0 0 40px;float:left}
.biz-timeline-box:nth-child(odd) .biz_timeline-event{-webkit-border-radius:0 30px 30px 0;-moz-border-radius:0 30px 30px 0;border-radius:0 30px 30px 0}
.biz-timeline-box:nth-child(even) .biz_timeline-event{-webkit-border-radius:30px 0 0 30px;-moz-border-radius:30px 0 0 30px;border-radius:30px 0 0 30px}
.biz-timeline-box:nth-child(odd) .biz_timeline-time{float:left;width:344px;text-align:right}
.biz-timeline-box:nth-child(even) .biz_timeline-time{float:right;width:344px;text-align:left}
.biz-timeline-box:nth-child(even) .biz_timeline-node{float:right}
.biz-timeline-box:nth-child(odd) .biz_timeline-node{float:left}
.biz_timeline-time{font-size:16px;color:#d81919;font-weight:600;line-height:73px}
.biz_timeline-eventbox{width:336px;height:69px;border:4px solid #d94646;text-align:center}
.biz_timeline-event{width:323px;height:57px;margin:6px;color:#fff;background:#d94646;text-align:center;font-size:16px;line-height:57px}
.biz_timeline-node{width:8px;height:8px;border-radius:50%;background:#fff;border:4px solid #0087ce;margin:29px 40px}
.biz_longString{position:absolute;left:50%;width:8px;height:200px;background:#bfbfbf;top:-57px;z-index:10;margin-left:-4px}
.biz_timtline-box{position:relative;margin-top:100px}
.biz_timeline{z-index:20;position:relative}
.biz_title{text-align:center;margin:0 auto 35px}
.biz_title h2{font-size:28px;color:#d81919}
.biz_title p{color:#eca7a7;margin-top:15px}
.hzhb_list,.hzhb_listb{width:100%; float: left;}
.hzhb_listb li{width:180px; padding: 15px; border-top-left-radius:15px; border-bottom-right-radius:15px; overflow: hidden;background: #eee; float: left; margin: 10px; }
.hzhb_listb img{background:#fff;}
.hzhb_lista{with:100%; text-align: center; padding: 30px 0px;}
.ybj_marg{width:385px; margin: 10px;}
.ybj_a{width:100%; padding: 10px; margin-top: 30px; }
.ybj_a h1{font-family:Arial;}
.ybj_margb{width:285px; margin: 10px;}

.page_a .page_ahover:link, .page_a .page_ahover:visited {
    color: #fff;}
    .jl_cplbva{width:580px; float: left; margin: 10px; border: 4px solid #eee; background: url(../images/bg_tw.jpg) right 20px bottom 20px no-repeat;}
    .jl_cplbbv{width:350px; float: right; /*background: rgba(86,146,200,0.7);*/ padding: 15px; color:#333; z-index: 888; position: relative;}
    .jl_cplbann{width:200px; padding: 25px; border-radius: 500px; overflow: hidden; float: left;}

    .jl_cplbbv h1{font-size:22px; padding-top: 25px; margin-bottom: 20px;}
    .jl_cplbbv span{color:#888; padding-right: 8px;}
    .jl_cplbbv dd,.jl_cplbbv p{margin-bottom:5px;}
    .jl_cplbbv a:link,.jl_cplbbv a:visited{color:#333;}
    .jl_cplbay{width:200px; float: left;}
    .jl_cplbay img{border-radius:500px; padding: 30px;}
    .ck_banner{height:650px;}
    .q{zoom:1}
.product-number-info li{float:left;color:#fff;padding-top:1px}
.product-number-info li:first-child{}
.product-number-info li b{font-weight:400;font-size:36px;line-height:1;display:inline-block;position:relative;margin:20px 0 20px}
.product-number-info li p{font-size:16px;font-family: Bahnschrift;}
.product-number-info li b i{font-style:normal;font-family: Bahnschrift; font-size:50px;}
.product-number-info li b sup{position:absolute;font-size:20px;right:-15px;top:-3px}
.product-number-info li.li-2 b,.product-number-info li.li-2 p{padding-left:70px}
.product-number-info li b em{font-style:normal;font-size:28px;font-weight:100;padding-left:2px;position:relative;top:-4px}
.product-number-info li.li-3 b,.product-number-info li.li-3 p{padding-left:70px}
.product-number-info li.li-4 b,.product-number-info li.li-4 p{padding-left:78px}
.product-number-info li.li-5{text-align:right}

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



}



/*================================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: #555; 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-top: 3px solid #5692c8;} 
.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: 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;}
 
 .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;}
    .product-number-info li{width:50%; float: left; text-align: center;}
    .q{zoom:1}
.product-number-info li{float:left;color:#fff;padding-top:1px}
.product-number-info li:first-child{}
.product-number-info li b{font-weight:400;font-size:36px;line-height:1;display:inline-block;position:relative;margin:20px 0 20px}
.product-number-info li p{font-size:16px;font-family: Bahnschrift;}
.product-number-info li b i{font-style:normal;font-family: Bahnschrift; font-size:50px;}
.product-number-info li b sup{position:absolute;font-size:20px;right:-15px;top:-3px}
.product-number-info li.li-2 b,.product-number-info li.li-2 p{}
.product-number-info li b em{font-style:normal;font-size:28px;font-weight:100;padding-left:2px;position:relative;top:-4px}
.product-number-info li.li-3 b,.product-number-info li.li-3 p{}
.product-number-info li.li-4 b,.product-number-info li.li-4 p{}
.product-number-info li.li-5{text-align:right}
.jl_cplbv{width:50%; padding:0px 4%; float:left; margin-bottom:30px;}
.jl_cplbb{padding:15px; background:#1993d2;width:100%; float:left;}
.jl_cplbv a:link,.jl_cplbv a:visited{color:#fff;}
.page_a a{width:33.33%; display: block;float:left; text-align:center; background:  #5692c8; line-height: 45px;}
.page_a a:link,.page_a a:visited{color:#fff;}
.ybj_margb,.ybj_marg{width:48%; float:left; margin: 1%;}
.ybj_margb img,.ybj_marg img{width:100%;}
.jl_cplb{width:48%; float: left; margin: 1%;}
.jl_cplb a:link,.jl_cplb 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;}