




@media (min-width: 768px){
#ea_h,#ea_ba,#ea_c,#ea_b{min-width: 1200px;}
.top{width: 100%;position: relative;z-index: 100;height: 146px;min-width: 1200px;background: #fff;border-top: 2px solid #3388EE;}
.t_t{width: 1200px;height: 98px;margin:0 auto;position: relative;}

.t_logo{float: left;height: 98px;/*max-width: 215px;*/}
.t_logo img{height:98px;}

.top_meun{display: none;}
#ea_n{position: relative;height: 0;width: 1200px;margin:0 auto;z-index: 102;}
.xn_n_14_wrap{}
.xn_n_14_wrap_main{}
.xn_n_14_wrap_main>ul>li{float: left;position: relative;height: 46px;font-size: 15px;color: #333333;line-height: 46px;font-weight: bold;}
.xn_n_14_wrap_main>ul>li+li{margin-left: 50px;}
.xn_n_14_wrap_main>ul>li>a{color: #333333;display: block;height: 46px;line-height: 46px;padding-right: 21px;background: url(../image/xn_n_14_wrap_main_li-20190827142.png) no-repeat right center;}
.xn_n_14_wrap_main>ul>li.xn_n_14_wrap_menu1_2>a,.xn_n_14_wrap_main>ul>li.xn_n_14_wrap_menu1_cur>a,.xn_n_14_wrap_main>ul>li:hover>a{color: #3287ed;background: url(../image/xn_n_14_wrap_main_li_hover-20190.png) no-repeat right center;}
.xn_n_14_wrap_main>ul>li#type1Li_n0>a{background: none;padding-right: 0;}
.xn_n_14_wrap_main>ul>li#type1Li_n0:hover>a{background: none;padding-right: 0;}
.xn_n_14_wrap_main>ul>li>ul{position: absolute;width: 205px;height:auto;background:rgba(255,255,255,0.8);left: 50%;top: 46px;z-index: 5;margin-left: -102px;padding:32px 24px;}
.xn_n_14_wrap_main>ul>li>ul>li{font-size: 15px;font-weight: bold;color: #333333;margin-bottom: 9px;line-height: 22px;}
.xn_n_14_wrap_main>ul>li>ul>li>a{color: #333;display: block;}
.xn_n_14_wrap_main>ul>li>ul>li>a:hover{color: #3287ed;}
.xn_n_14_wrap_main>ul>li>ul>li>ul,.xn_n_14_wrap_main>ul>li#type1Li_n1>ul{display: none!important;}
.claproducts_body .xn_n_14_wrap_main>ul>li#type1Li_n28>a{color: #3287ed;background: url(../image/xn_n_14_wrap_main_li_hover-20190.png) no-repeat right center;}

.t_t_right{float: right;height: 98px;width: 702px;}
.xn_h_2_wrap{padding-top: 32px;margin-right: 39px;float: left;}
.xn_h_2_Search{border:1px solid #DCDCDC;height: 34px;width: 478px;}
.xn_h_2_Search input{width: 422px;height: 32px;border:0;background: none;padding-left: 23px;font-size: 12px;color: #9D9D9D;outline: none;display: block;float: left;line-height: 32px;}
.xn_h_2_Search img{width: 54px;height: 32px;display: block;}

.t_ver{float: right;padding-top: 32px;margin-right: 6px;}
.t_ver ul{overflow: hidden;}
.t_ver ul li{float: left;padding-left: 15px;height: 19px;margin-top: 8px;}
.t_ver ul li:first-child{margin-right: 13px;}
.t_ver ul li:nth-child(2){background: url(../image/t_ver_li2-20190827142315940.png) no-repeat left center;}
.t_ver ul li:nth-child(2) a{    margin-top: 0px;}
.t_ver ul li img{display: none;float: left;width: 27px;height: 19px;margin-right: 5px;}
.t_ver ul li a{display: block;float: left;font-size: 12px;color: #333333;font-weight: bold;line-height:19px;}
.t_ver ul li a:hover{color: #3287ed;}
}
@media (max-width: 768px){
.top{width: 100%;position: relative;top:0;left:0;z-index: 100;height: 1.1733333333333333rem;background: #fff;border-bottom: 2px solid #7BB2F3;}
.t_logo{float: left;height: 0.96rem;margin-left: 3%;margin-top: 0.10666666666666667rem;}
.t_logo img{height: 0.96rem;}
.t_ver{display: none;}
.t_t_right{overflow: hidden;}
.xn_n_14_wrap .t_ver{display: block;margin-bottom: 0.4666666666666667rem;overflow: hidden;height: auto;}
.xn_h_2_wrap{display: none;}
.t_ver li{float: left;width: 49%;height: 1.2rem;line-height: 1.2rem;text-align: center;font-size: 0.4rem;color: #fff;background: #1E2029;}
.t_ver li:first-child{margin-right: 2%;}
.t_ver li a{color: #fff;display: block;}
.t_ver li a:hover{background: #FF1717;}
.top_meun{position: absolute;width: 1.1733333333333333rem;height: 1.1733333333333333rem;top: 0rem;right: 0;z-index: 1100;background: url(../image/top_meun_nav-20190827142315940.png) no-repeat center;background-size: 1.1733333333333333rem 1.1733333333333333rem;}
.top_meun.active{display: none;}
.top_meun_colse{background: url(../image/top_meun_nav_active-201908271423.png) no-repeat center;background-size: 1.36rem 1.36rem;position: absolute;width: 1.36rem;height: 1.36rem;top: 0rem;right: 0;z-index: 1100;display: none;}
.top_meun_colse.active{display: block;}
.t_logo2{display: none;}
.t_logo2 img{height: 1.0933333333333333rem;margin:0.13333333333333333rem 3%;}
.xn_n_14_wrap .t_logo2{display: block;}
.xn_n_14_wrap{width: 100%;height: auto;}
.xn_n_14_wrap_main{margin-left: 20%;background: #fff;position: fixed;top: 0;left: 12rem;width: 80%;height: 100%;z-index: 1000;transition: all 0.5s;overflow: scroll;}
.xn_n_14_wrap_main.active{left: 0;transition: all 0.5s;}
.xn_n_14_wrap_main>ul{border-top: 0.013333333333333334rem solid #1E2029;}
.xn_n_14_wrap_main>ul>li{height: auto;border-bottom: 0.013333333333333334rem solid #E3E3E3;font-size: 0.4rem;}
.xn_n_14_wrap_main>ul>li>a{color: #1e2029;display: block;margin:0 5%;background: url(../image/xn_n_14_wrap_main_a-201908271423.png) no-repeat right center;height: 1.4666666666666666rem;line-height: 1.4666666666666666rem;background-size: 0.2rem 0.21333333333333335rem;}
.xn_n_14_wrap_main>ul>li#type1Li_n0>a{background: none;}
.xn_n_14_wrap_main>ul>li.xn_n_14_wrap_menu1_cur,.xn_n_14_wrap_main>ul>li.xn_n_14_wrap_menu1_2{background: #068EF1;}
.xn_n_14_wrap_main>ul>li.xn_n_14_wrap_menu1_2>a,.xn_n_14_wrap_main>ul>li.xn_n_14_wrap_menu1_cur>a{color: #fff;font-weight: bold;background: url(../image/xn_n_14_wrap_main_a_hover-201908.png) no-repeat right center;background-size: 0.21333333333333335rem 0.18666666666666668rem;}
.xn_n_14_wrap_main>ul>li.xn_n_14_wrap_menu1_cur>ul{display: block!important;}
.xn_n_14_wrap_main>ul>li>ul{width: 100%;overflow: hidden;display: none;background: #fff;}
.xn_n_14_wrap_main>ul>li>ul>li{padding:0 5%;font-size: 0.37333333333333335rem;height: 1.16rem;line-height: 1.16rem;}
.xn_n_14_wrap_main>ul>li>ul>li+li{border-top: 0.013333333333333334rem solid #E3E3E3;}
.xn_n_14_wrap_main>ul>li>ul>li>a{padding-left: 0.24rem;background: url(../image/xn_n_14_wrap_main_yuan-201908271.png) no-repeat left center;color: #666666;background-size: 0.12rem 0.10666666666666667rem;display: block;}
.xn_n_14_wrap_main>ul>li>ul>li>ul{display: none!important;}
.xn_n_14_wrap_main2{position: fixed;top: 0;width: 100%;height: 100%;overflow: hidden;left: 0;z-index: 999;background: rgba(0,0,0,0.5);display: none;}
.claproducts_body .xn_n_14_wrap_main>ul>li#type1Li_n28{background: #068EF1;}
.claproducts_body .xn_n_14_wrap_main>ul>li#type1Li_n28>a{color: #fff;font-weight: bold;background: url(../image/xn_n_14_wrap_main_a_hover-201908.png) no-repeat right center;background-size: 0.21333333333333335rem 0.18666666666666668rem;}
}



  @media (min-width: 768px) {
  
    #ea_ba{position:relative;overflow:hidden;}
  #ea_ba .flex-control-nav {width: 100%;position: absolute;bottom: 32px;text-align: center;}
  #ea_ba .flex-control-nav > li {display: inline-block;width: 53px;height: 6px;margin-right: 20px;box-sizing: border-box;position: relative;}
  #ea_ba  .flex-control-nav > li a {display: inline-block;width: 100%;height: 100%;box-sizing: border-box;position: relative;text-indent: -99999px;background-color: rgba(255,255,255,0.7);}
  #ea_ba  .flex-control-nav > li a.flex-active {background: #fdd704;}
  #ea_ba .flex-control-nav > li a:hover { background:#fff; }

.xn_ba_js_1_banner{width:100%;overflow:hidden;position:relative;transition: all 1s ease;-webkit-transition: all 1s ease;}
.xn_ba_js_1_bigImg img {width:1920px;height:auto;border:0}
.xn_ba_js_1_element{}
   }
@media (max-width: 767px) {
   
  #ea_ba {  position:relative; }
  #ea_ba .flex-control-nav {width: 100%;position: absolute;text-align: center;bottom: 0.3733333rem;}
  #ea_ba  .flex-control-nav > li {display: inline-block;width: 0.5066667rem;height: 0.05333333rem;margin-right: 0.1866667rem;box-sizing: border-box;position: relative;}
  #ea_ba  .flex-control-nav > li a {display: inline-block;width: 100%;height: 100%;box-sizing: border-box;position: relative;text-indent: -1333.32rem;background-color: rgba(255,255,255,0.7);}
  #ea_ba  .flex-control-nav > li a.flex-active {background: #fdd704;}
  #ea_ba  .flex-control-nav > li a:hover { background:#fff;}

.xn_ba_js_1_banner{width:100%;overflow:hidden;position:relative;transition: all 1s ease;-webkit-transition: all 1s ease;}

.xn_ba_js_1_element{}

.xn_ba_js_1_btn{display:none;}
.xn_ba_js_1_btn li{display:none;}
}




@media (min-width: 768px){
.n_main{width: 100%;height: auto;position: relative;overflow: hidden;background: #fff;}
.n_content_left{width: 100%;height: 99px;background: #F0F0F0;position: relative;}
.n_content_left_w{width: 1200px;height: 99px;margin:0 auto;overflow: hidden;}
.n_content_right{width: 100%;height: auto;overflow: hidden;position: relative;}
.n_content_right_m{width: 100%;height: auto;overflow: hidden;position: relative;}

.n_content_right_name_r{width: auto;float: left;padding-left: 25px;background: url(../image/n_content_right_name_r-201908271.png) no-repeat 0px 38px;}
.n_content_right_name_r>ul>li{width: auto;height:99px;line-height:99px;font-size: 12px;color: #4e4e4e;float: left;}
.n_content_right_name_r>ul>li a{color: #4e4e4e;}
.n_content_right_name_r>ul>li a:hover{color: #2f80ed;}
.n_content_right_name_r>ul>li a.curr1{color: #2f80ed;}
.n_content_right_name_r img{display: none;}

.n_content_left_cnt{display: none;}

.npro_lb{width: 1200px;height: auto;position:relative;margin:0 auto;}
.npro_lb_fltitle{font-size: 20px;color: #333333;text-transform: uppercase;background: url(../image/border-20190827142316018.png) no-repeat bottom center;text-align: center;margin:66px 0 57px 0;height: 60px;line-height: 60px;}
.npro_lb_nrbox{width: 100%;height: auto;position: relative;margin-bottom: 80px;}
.npro_lb_m{width: 1200px;height: 357px;overflow: hidden;margin-bottom: 32px;transition: all 0.5s;border-radius: 3px;}
.npro_lb_m:nth-child(odd) .npro_lb_img{float: left;}
.npro_lb_m:nth-child(odd) .npro_lb_right{float: right;}
.npro_lb_m:nth-child(even) .npro_lb_img{float: right;}
.npro_lb_m:nth-child(even) .npro_lb_right{float: left;}
.npro_lb_img{width: 600px;height: 357px;overflow: hidden;}
.npro_lb_img img{width: 100%;height: 100%;transition: all 0.5s;}
.npro_lb_right{width: 600px;height: 357px;overflow: hidden;padding:62px 75px 82px 64px;background: #F0F0F0;}
.npro_lb_title{width: 100%;height: 55px;line-height: 55px;font-size: 18px;color: #333333;}
.npro_lb_title a{color: #333333;}
.npro_lb_cnt{width: 100%;height: 100px;font-size: 14px;color: #666666;line-height: 30px;overflow: hidden;}
.npro_lb_xq{overflow: hidden;}
.npro_lb_xq a{display: block;width: 133px;height: 40px;line-height: 38px;background: #fff;text-align: center;font-size: 18px;color: #1b1b1b;border:1px solid #1B1B1B;}
.npro_lb_m:hover{box-shadow: 0 0 5px 0 #666;}
.npro_lb_m:hover .npro_lb_img img{transform: scale(1.1);}
.npro_lb_m:hover .npro_lb_title a{color: #2f80ed;}
.npro_lb_m:hover .npro_lb_xq a{color: #ffffff;background: #2f80ed;border:1px solid #2f80ed;}
}
@media (max-width: 768px){
.n_main{
     width: 100%;
     height: auto;
     position: relative;
     overflow: hidden;
     background: #fff;
}
 .n_content_left{
     width: 100%;
     height: auto;
     position: relative;
}
 .n_content_left_w{
     width: auto;
     height: auto;
     margin:0 3%;
     overflow: hidden;
}
 .n_content_right{
     width: 100%;
     height: auto;
     overflow: hidden;
     position: relative;
}
 .n_content_right_m{
     width: 100%;
     height: auto;
     overflow: hidden;
     position: relative;
}

 .n_content_right_name_r{
     display: none;
}

 .n_content_left_cnt{
     width: auto;
     margin:0.26666666666666666rem 0 0.08rem 0;
     overflow: hidden;
}
 .n_content_left_cnt>ul{
}
 .n_content_left_cnt>ul>ul{
}
 .n_content_left_cnt>ul>ul>li{
     float: left;
     height: 0.4266666666666667rem;
     font-size: 0.37333333333333335rem;
     line-height: 0.4266666666666667rem;
     width: 50%;
     text-align: center;
     margin-bottom: 0.2rem;
}
 .n_content_left_cnt>ul>ul>li:nth-child(even){
     border-left: 0.013333333333333334rem solid #DCDCDC;
}
 .n_content_left_cnt>ul>ul>li>a{
     color: #333333;
}
 .n_content_left_cnt>ul>ul>li.left_menu1_cur>a,.n_content_left_cnt>ul>ul>li:hover>a{
     color: #3287ed;
}
 .n_content_left_cnt>ul>ul>li>ul{
     display: none!important;
}

 .npro_lb{
     width: auto;
     height: auto;
     position:relative;
     margin:0 3%;
}
 .npro_lb_fltitle{
     font-size: 0.48rem;
     color: #333333;
     text-transform: uppercase;
     background: url(../image/border-20190827142316018.png) no-repeat bottom center;
     text-align: center;
     margin:0.8266666666666667rem 0 0.7733333333333333rem 0;
     height: 0.8266666666666667rem;
     line-height: 0.8266666666666667rem;
     background-size: 0.6133333333333333rem 0.02666666666666667rem;
}
 .npro_lb_nrbox{
     width: 100%;
     height: auto;
     position: relative;
}
 .npro_lb_m{
     width: 100%;
     height: auto;
     transition: all 0.5s;
     margin-bottom: 1.3333333333333333rem;
}
 .npro_lb_img{
     width: 100%;
     height: 100%;
     overflow: hidden;
}
 .npro_lb_img img{
     width: 100%;
     height: 100%;
     transition: all 0.5s;
}
 .npro_lb_right{
     width: 94%;
     height: 3.36rem;
     overflow: hidden;
     padding:0 10%;
     box-shadow: 0 0 0.06666666666666667rem 0 #666;
     margin:-1.32rem auto 0 auto;
     position: relative;
     z-index: 5;
     background: #fff;
}
 .npro_lb_title{
     width: 100%;
     height: 1.4rem;
     line-height: 1.4rem;
     font-size: 0.48rem;
     color: #333333;
     text-align: center;
}
 .npro_lb_title a{
     color: #333333;
}
 .npro_lb_cnt{
     text-align: center;
     font-size: 0.37333333333333335rem;
     line-height: 0.5066666666666667rem;
     color: #666666;
}
 .npro_lb_xq{
     overflow: hidden;
     display: none;
}
 .npro_lb_m:hover .npro_lb_img img{
     transform: scale(1.1);
}
 .npro_lb_m:hover .npro_lb_title a{
     color: #2f80ed;
}
}




@media (min-width: 768px){
.foot{width: 100%;height: auto;overflow: hidden;position: relative;}

.foot_c{background: #333333;padding: 30px 0 55px 0;position: relative;overflow: hidden;}
.foot_c_w{width: 1200px;height: auto;overflow: hidden;margin:0 auto;color: #fff;}

.foot_tel{width: 295px;float: left;height: auto;overflow: hidden;}
.foot_zip{line-height: 53px;font-size: 12px;font-weight: bold;}
.foot_add{line-height: 25px;font-size: 14px;}
.foot_phone{padding-left: 23px;font-size: 12px;line-height: 21px;padding-bottom: 14px;background: url(../image/foot_phone-20190827142316128.png) no-repeat 0 7px;padding-top: 4px;}
.foot_fax{padding-left: 23px;margin-bottom: 8px;font-size: 12px;line-height: 21px;background: url(../image/foot_fax-20190827142316128.png) no-repeat 0 2px ;}
.foot_fax2{padding-left: 23px;margin-bottom: 8px;font-size: 12px;line-height: 21px;background: url(../image/foot_fax2-20190827142316128.png) no-repeat 0 4px ;}

.foot_products{width: 245px;float: left;margin-left: 85px;overflow: hidden;height: auto;}
.foot_products_name{line-height: 53px;font-size: 12px;font-weight: bold;}
.foot_products ul li{line-height: 25px;font-size: 12px;}
.foot_products ul li a{color: #fff;}
.foot_products ul li a:hover{color: #3287ed;}

.foot_nav2{width: 220px;float: left;overflow: hidden;height: auto;}
.foot_nav2_name{line-height: 53px;font-size: 12px;font-weight: bold;}
.foot_nav2 ul li{line-height: 25px;font-size: 12px;}
.foot_nav2 ul li a{color: #fff;}
.foot_nav2 ul li a:hover{color: #3287ed;}
.foot_nav2 ul li ul{display: none!important;}

.foot_c_right{width: 355px;float: right;overflow: hidden;}
.foot_c_right_name{line-height: 53px;font-size: 12px;font-weight: bold;}
.foot_c_right_name2{line-height: 25px;font-size: 12px;}
.foot_c_right .bshare-custom{width: 100%;height: 38px;margin:22px 0 32px 0;display: none;}
.foot_c_right .bshare-more{display: none!important}
.foot_c_right .bshare-linkedin{width: 43px!important;height: 38px!important;padding:0!important;margin:0!important;float: left!important;background: url(../image/bshare-linkedin-2019082714231612.png) no-repeat center!important;}
.foot_c_right .bshare-weixin{width: 43px!important;height: 38px!important;padding:0!important;margin:0!important;float: left!important;background: url(../image/bshare-weixin-20190827142316128.png) no-repeat center!important;}
.foot_c_right .bshare-linkedin:hover{background: url(../image/bshare-linkedin_hover-2019082714.png) no-repeat center!important;}
.foot_c_right .bshare-weixin:hover{background: url(../image/bshare-weixin_hover-201908271423.png) no-repeat center!important;}
#bsWXBox{box-sizing: content-box!important;}

.xn_f_5_wrap{width: 100%;height: auto;overflow: hidden;}
.footfeed_li_title,.bt{display: none;}
#EIMS_C_1_3_Email{width: 355px;height: 46px;line-height: 46px;background: #fff;padding-left: 17px;font-size: 12px;color: #333;outline: none;border:0;display: block;}
.online_but{overflow: hidden;}
#EIMS_C_1_3_Reset{display: none;}
#EIMS_C_1_3_Submit{display: block;width: 124px;height: 37px;line-height: 37px;text-align: center;background: #3287ED;font-size: 12px;text-transform: uppercase;border:0;outline: none;color: #fff;margin-top: 23px;}

.foot_c_copy{background: #222222;height: 46px;position: relative;}
.foot_c_copy_w{width: 1200px;margin:0 auto;position: relative;line-height: 46px;font-size: 0;}
.foot_c_copy_w div{display: inline-block;float: left;font-size: 12px;color: #fff;line-height: 46px;height: 46px;margin-right: 5px;}
.foot_c_copy_w div a{color: #fff;}
}
@media (max-width: 768px){
.foot{width: 100%;height: auto;overflow: hidden;position: relative;}

.foot_c{background: #333333;padding: 0.26666666666666666rem 3% 0.4rem 3%;position: relative;overflow: hidden;}
.foot_c_w{width: auto;height: auto;overflow: hidden;margin:0 3%;color: #fff;}

.foot_tel{width: 100%;height: auto;overflow: hidden;}
.foot_zip{display: none;}
.foot_add{line-height: 0.7466666666666667rem;font-size: 0.37333333333333335rem;}
.foot_phone{padding-left: 7%;font-size: 0.37333333333333335rem;line-height: 0.36rem;padding-bottom: 0.18666666666666668rem;background: url(../image/foot_phone_m-20190827142316128.png) no-repeat 0 0.09333333333333334rem;padding-top: 0.05333333333333334rem;background-size: 0.29333333333333333rem 0.4rem;}
.foot_fax{padding-left: 7%;margin-bottom: 0.05333333333333334rem;font-size: 0.37333333333333335rem;line-height: 0.44rem;background: url(../image/foot_fax_m-20190827142316128.png) no-repeat 0 center;background-size: 0.36rem 0.36rem }
.foot_fax2{padding-left: 7%;margin-bottom: 0.05333333333333334rem;font-size: 0.37333333333333335rem;line-height: 0.44rem;background: url(../image/foot_fax2_m-20190827142316128.png) no-repeat 0 center;background-size: 0.38666666666666666rem 0.28rem }

.foot_products{display: none;}

.foot_nav2{display: none;}

.foot_c_right{display: none;}

.foot_c_copy{background: #222222;height: auto;position: relative;text-align: center;padding:0 3%;overflow: hidden;}
.foot_c_copy_w{width: auto;margin:0 3%;position: relative;line-height: 0.4533333333333333rem;font-size: 0;padding:0.2rem 0;}
.foot_c_copy_w div{display: inline-block;font-size: 0.32rem;color: #fff;line-height: 0.4533333333333333rem;height: auto;}
.foot_c_copy_w div a{color: #fff;}
}









