@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2020-03-18 10:31:45
 * @version $Id$
 */

@keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.95;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.6;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.95;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}


*{ margin:0; padding:0; font-size:100%; font-family:arial,microsoft yahei; color: #333}
body{ overflow-x: hidden; }
svg { display: block; }
img{ border:0 none}
a,img{ outline:0}
a{ text-decoration:none}
li{ list-style:none}
.fl{ float:left}
.pl{ left:0}
.pl,.pr{ position:absolute}
.pr{ right:0}
.fr{ float:right}
.page{ margin:0 auto; width:1300px;}
.cl,.clear{ clear:both; display: block; }
.dis{ display:none} 
.top35{ margin-top:35px;}
.en{ text-transform:uppercase; font-family:arial;}


.head{height: 40px;width: 100%;background: #222;position: relative;z-index: 3333333;display: block;}
.head_l{float: left;line-height: 40px;color: #888;font-size:13px;background: url(../images/head_l.jpg) no-repeat left center;padding-left:25px;}
.head_r{float: right;line-height: 40px;color: #888;font-size:13px;}
.head_tel{float: left;color: #888;font-size:13px;height: 40px;display: block;padding: 0 20px;}
.head_tel > .str{color: #aaa;font-size:16px;display: inline-block;vertical-align: middle;line-height: 40px;height: 40px;}

.laug{float: right;position: relative;width:190px;padding-left: 10px;height: 40px;}
.laug > ul{position: absolute;overflow: hidden;width: 100%;height: 40px;transition: 0.3s all ease;top: 0px;left: 0;background: #222}
.laug:hover > ul{ height:95px}
.laug > ul:after{ content: ''; display: block; width: 0; height: 0; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #999; position: absolute; top: 18px; right: 15px; transition: 0.3s all ease; }
.laug ul li a{ display: block; padding: 0 0 0 15px; line-height: 40px; font-size: 14px;  color: #999;}
.laug ul li a:hover{ color: #d3281b;}
.laug ul li a i{display: block;float: left;height: 16px;width: 22px;margin: 12px 10px 12px 0;}
.laug ul li a i img{display: block}


.banner{background: url(../images/banner.jpg) no-repeat center;width: 100%;height: 700px;}



.nav {
  position: absolute;
  width: 100%;
  /* top: 40px; */
  z-index: 3333;
  transition: 0.3s all ease;
}

.nav_white{

    background: #fff;
    position: fixed;
    top: 0;
    box-shadow: 0 0 30px 0px rgba(0,0,0,0.1);

}
.nav:hover{
    background: #fff;
    box-shadow: 0 0 30px 0px rgba(0,0,0,0.1);}
.logo{float: left;height: 40px;position: relative;width: 266px;margin:30px 0;}
.logo > .logo_b{position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;
filter: alpha(opacity=0);}
.logo > .logo_w{position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 1;
filter: alpha(opacity=100);}
.logo > .logo_b > img{
width: 100%;
height: auto;
display: block;
}
.logo > .logo_w > img{
width: 100%;
height: auto;
display: block;
}

.nav:hover .logo > .logo_w,.nav_white .logo > .logo_w{opacity: 0;
filter: alpha(opacity=0);}

.nav:hover .logo > .logo_b,.nav_white .logo > .logo_b{opacity: 1;
filter: alpha(opacity=100);}
.menu{float: right;}
.menu > ul:after{content: '';display: block;clear: both;}
.menu > ul > li{float: left;height: 100px;padding: 0 20px;}
.menu > ul > li > a {
    color: #fff;
    font-size: 17px;
    height: 100px;
    line-height: 90px;
    position: relative;
    display: block;
}
.menu > ul > li > a:after{content: '';display: block;width: 0%;height: 2px;background: #d3281b;bottom:35px;position: absolute;left: 0;transition: 0.3s all ease;}
.menu > ul > li > a > i{width: 13px;height: 6px;background: url(../images/nav_ew.png) no-repeat center;opacity: 0.5;filter: alpha(opacity=50);display: inline-block;vertical-align: middle;margin:-6px 5px 0;position: absolute;right: -25px;top:50%}
.menu > ul > li.navcurrent > a:after,.menu > ul > li:hover > a:after{width: 100%}




.nav_white .logo{height: 40px;margin:20px 0;}
.nav_white .menu > ul > li{height: 80px;}
.nav_white .menu > ul > li > a{height: 80px;color: #343434;line-height: 75px;}

.nav:hover .menu > ul > li > a > i,.nav_white .menu > ul > li > a > i{background: url(../images/nav_eb.png) no-repeat center;}
.nav:hover .menu > ul > li > a{color: #343434;}

.nav .menu > ul > li.navcurrent > a,.nav .menu > ul > li:hover > a{color: #d3281b;}
.nav:hover .menu > ul > li > a:hover,.nav:hover .menu > ul > li.navcurrent > a{color: #d3281b;}

.nav_white .menu > ul > li > a:after{bottom: 25px}
.nav_white .menu > ul > li.navcurrent > a,.nav_white .menu > ul > li:hover > a{color: #d3281b;}



.erji_menu {display: none;position: absolute;top: 100px;left: 0;width: 100%;box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1) inset;background: rgba(0,0,0,0.65);text-align: center;z-index: 3333;}
.erji_menu > ul{padding: 30px 0}
.erji_menu > ul:after{content:'';display: block;clear:both;}
.erji_menu > ul > li{display: inline-block;padding:0 15px;color: #454545}
.erji_menu > ul > li a i{display: block;width: 60px;height: 60px;margin:0 auto;}
.erji_menu > ul > li a{display: inline-block;

font-size: 16px;

line-height: 30px;

color: #ccc;

position: relative;
}
.erji_menu > ul > li a i {display: block;width: 60px;height: 60px;margin: 0 auto;background: url(../images/20191229210403_334171202.png) center 0;}
.erji_menu > ul > li:hover a i {background-position-y:-60px;}
.erji_menu > ul > li:hover a{color:#d3281b;}


.nav_white .erji_menu{top: 80px}


.case{width: 100%;height: auto;
}
.case_row1 .case_item{float: left;width: 20%;height: auto;padding: 1.5% 0;position: relative;overflow:hidden;}
.case_row1 .case_item p{display: block;text-align: center;font-size: 0.85em;line-height: 2em;font-weight:normal;position: relative;z-index: 2;transition: 0.3s all ease;white-space: nowrap;}
.case_row1 .case_item img{display: block;margin: 0 auto;width: 50%;height: auto;position: relative;z-index: 2;transition: 0.3s all ease;}
.case_row1 .case_item:before{content: '';display: block;width: 100%;height: 5px;position: absolute;background: #d3281b;bottom:-5px;left: 0;z-index: 3;transition:0.3s all ease;transform: scaleX(0);border-radius: 50px;}
.case_row1 .case_item:hover:before{bottom: 0;transform: scaleX(0.8);}
.case_row1 .case_item:hover p{line-height: 20px;color: #d3281b}
.case_row1:after{content: '';display: block;clear: both}

.case_row1 .case_item:nth-child(2):before{background: #e88300;}
.case_row1 .case_item:nth-child(2):hover p{color: #e88300}
.case_row1 .case_item:nth-child(3):before{background: #e1c900;}
.case_row1 .case_item:nth-child(3):hover p{color: #e1c900}
.case_row1 .case_item:nth-child(4):before{background: #8fd000;}
.case_row1 .case_item:nth-child(4):hover p{color: #8fd000}
.case_row1 .case_item:nth-child(5):before{background: #008cd0;}
.case_row1 .case_item:nth-child(5):hover p{color: #008cd0}
.index_product{padding: 80px 0;background: #f5f5f5;width: 100%;}
.index_product .product_i_l{float: left;width: 900px;height: 580px;position: relative;}
.index_product .product_i_r{float: right;width: 380px;height: 580px;}

.prod_i_l_page{position: relative;width: 100%;height: auto;}
.prod_i_l_page .prod_i_l_in{width: 100%;height: auto;}
.prod_i_l_page .prod_i_l_in > img{display:block;width: 100%;height: auto;}
.prod_i_l_tit{position: absolute;left: 0;bottom:0;width: 800px;height: 90px;background: rgba(0,0,0,0.7);padding: 0 50px;}
.prod_i_l_tit ul:after{content: '';display: block;clear: both;}
.prod_i_l_tit li{float: left;width: 20%;}
.prod_i_l_tit li a{line-height: 90px;height: 90px;color: #fff;font-size: 17px;font-weight: normal;display: block;text-align: center;transition:0.3s all ease;}


.prod_i_l_tit ul li.on a{color: #d3281b}

.product_i_r .product_i_r_item{width:380px;display: block;height: 180px;margin-top: 20px;background: #fff;position: relative;overflow: hidden;}
.product_i_r .product_i_r_item:first-child{margin-top: 0}
.product_i_r .product_i_r_item img{width:380px;height:180px;transition: 0.4s all ease;position: absolute;}

.product_i_r_item strong{font-size: 24px;font-weight: normal;display: block;color: #333;line-height: 35px;transition: 0.3s all ease;}
.product_i_r_item p{font-size: 14px;font-weight: normal;color: #777;display: block;line-height: 25px;position: relative;height: 60px;padding: 60px 150px 60px 30px;z-index:33;transition: 0.4s all ease;}

.product_i_r_item_2 p {
  letter-spacing: 0em;
}




.product_i_r_item:hover p{padding: 60px 40px;color: #333;}
.product_i_r_item:hover p strong{color: #d3281b;}
.product_i_r_item_2:hover p{letter-spacing: 0;}

.vjs-icon-placeholder {
    color: #fff;
}
#my-video{width: 100%;height: auto}
.company_video{padding: 80px 0;background: #fff;}
.company_video .company_row1{padding:0 0 40px 0}
.company_video .company_row1 a{font-size: 40px;color: #333;line-height: 50px;text-align: center;display: block;background: url(../images/company_video_row1.png) no-repeat center 15px;}
.company_video .company_row1 a .en{font-size: 15px;display: block;line-height: 30px;color: #999}

.company_row2{/*background: url(../images/company_video.jpg) no-repeat center;*/width: 100%;height: auto;position: relative;}
/*.company_row2:after{content: '';display: block;position: absolute;background: #000;opacity: 0.3;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;transition:0.3s all ease;}*/
.company_row2_1{position: absolute;bottom: 0;left: 0;width: 100%;height: 40px;background: url(../images/company_video_2.png) no-repeat center;z-index: 3;}
/*.company_row2:hover:after{opacity: 0.05;}*/

.company_row2 .lightbox{ display: block; width: 100%; height: 100%; position:relative; z-index: 3; }
.company_row2 .lightbox .img{ display: block; width: 28px; height: 44px; padding: 28px 33px 28px 39px; /*! border: 2px solid #fff; */border-radius: 50%; overflow: hidden; position: absolute; top: 50%; left: 50%; z-index: 3; margin-left: -50px; margin-top: -50px; }
.company_row2 .lightbox .img img{ width: 100%; height: 100%; display: block}
.pulse{ position:absolute; top:50%; left:50%; z-index:1; margin-top:-100px; margin-left:-100px; width:200px; height:200px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#d3281b; box-shadow:1px 1px 20px #d3281b; opacity:0; -webkit-animation:warn 2s ease-out 1s; -moz-animation:warn 12 ease-out 1s; animation:warn 2s ease-out 1s; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-iteration-count:infinite; transform:scale(0); }
.pulse1{ position:absolute; top:50%; left:50%; z-index:1; margin-top:-100px; margin-left:-100px; width:200px; height:200px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#d3281b; box-shadow:1px 1px 20px #d3281b; opacity:0; -webkit-animation:warn 2s ease-out; -moz-animation:warn 2s ease-out; animation:warn 2s ease-out; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-iteration-count:infinite; transform:scale(0); }

.company_row2:hover .pulse{ transform:scale(1); }
.company_row2:hover .pulse1{ transform:scale(1); }



.news{background: #f5f5f5;padding: 80px 0 40px 0}
.news .news_row1{padding:0 0 40px 0}
.news .news_row1 a{font-size: 40px;color: #333;line-height: 50px;text-align: center;display: block;background: url(../images/news_row1.png) no-repeat center 15px;}
.news .news_row1 a .small{ font-size: 16px;display: block;line-height: 32px;color: #999;font-weight: lighter;}
.news_row2{padding: 10px 0;}
.news_row2:after{content: '';display: block;clear: both;}
.news_list{float: left;width: 400px;margin-left: 50px;background-color: #fff;}
.news_list > .news_list_tit{padding:0 0 10px 0;}
.news_list > .news_list_tit a{font-size: 22px;font-weight: normal;color: #333;display: block;line-height: 40px}
.news_list > .news_list_tit a .en{display: block;float: right;line-height: 40px;color: #d3281b;font-size: 13px;}
.news_list:first-child{
    margin-left: 0;
}
.news_list > .news_cont .news_item{display: block;}
.news_list > .news_cont .news_item_c{display: block;}


.news_list > .news_cont .news_item strong,
.news_list > .news_cont .news_item_c strong{font-size: 16px;display: block;line-height: 35px;font-weight: normal;color: #333;position: relative;}

.news_list > .news_cont .news_item strong:after,
.news_list > .news_cont .news_item_c strong:after{content:'';display:block;width:10px;height:17px;position:absolute;background:url(../images/news_cur.png) no-repeat center;right:50px;top:7px;transition: 0.3s all ease;opacity: 0;
filter: alpha(opacity=0);}

.news_list > .news_cont .news_item:hover strong:after,
.news_list > .news_cont .news_item_c:hover strong:after{right: 0;opacity: 1;
filter: alpha(opacity=100);}

.news_list > .news_cont .news_item:hover strong,
.news_list > .news_cont .news_item_c:hover strong{color: #d3281b}

.news_list > .news_cont .news_item p,
.news_list > .news_cont .news_item_c p{display: block;font-size: 13px;line-height: 25px;color: #999;font-weight: normal;padding: 10px 0px 10px;transition: 0.3s all ease;}

.news_list > .news_cont .news_item_c p{border-bottom: 1px solid #e1e1d1;padding-left: 30px;}


.news_list > .news_cont .news_item:hover p,
.news_list > .news_cont .news_item_c:hover p{padding: 15px 25px 20px;background: #fff;}

.news_list > .news_cont .news_item_c:hover p{border-bottom: 1px solid #fff;}


.news_list > .news_cont .news_item img,
.news_list > .news_cont .news_item_c img{
    display: block;width: 100%;height: 240px;
}




.copy {

    background: #27251f;

}
.copy_row1{padding:50px 0;}
.copy_row2{background: #27251f;width: 100%;height:50px;padding: 30px 0;border-top:1px solid #403e37}
.copy_row2 p{text-align: center;color: #999;line-height: 25px;font-size: 14px; }
.copy_row2 p a{display: inline-block;color: inherit;font-size: inherit;}
.copy_row2 p a:hover{color: #fff;text-decoration: underline;}
.copy_row1 .copy_r1_l{float: left;width: 60%;}
.copy_row1 .copy_r1_l:after{content: '';display: block;clear: both;}
.copy_row1 .copy_r1_l .copy_item{float: left;padding-right: 100px;}
.copy_row1 .copy_r1_l .copy_item strong{display: block;}
.copy_row1 .copy_r1_l .copy_item strong a{font-weight: normal;color: #fff;font-size: 17px;display: block;line-height: 40px;padding-bottom: 10px;}
.copy_row1 .copy_r1_l .copy_item li{padding-bottom: 5px}
.copy_row1 .copy_r1_l .copy_item li a{font-size: 14px;color: #aaa;font-weight: normal;line-height: 24px;display: inline-block;position: relative; }
.copy_row1 .copy_r1_l .copy_item li a:after{content: '';display: block;position: absolute;bottom:-2px;left: 0;width: 0%;background: #d3281b;height: 1px;transition: 0.3s all ease;}
/*.copy_row1 .copy_r1_l .copy_item li a:hover:after{width: 100%;}*/
.copy_row1 .copy_r1_l .copy_item li a:hover{color: #fff;}
.copy_row1 .copy_r1_l2{float: left;width: 10%;padding-top: 25px;}
.copy_r1_l2 img{
    width: 100%;
}
.copy_row1 .copy_r1_r{float:right;width:30%;}
.copy_row1 .copy_r1_r .copy_tel{color: #fff;text-align: center;font-size: 18px;line-height: 32px;font-weight: lighter;padding-top: 25px;}
.copy_row1 .copy_r1_r .copy_tel strong{color: #fff;display: block;font-family: arial;font-size: 32px;font-weight: normal;}
.copy_row1 .copy_r1_r .copy_ico{text-align: center;padding: 10px;}
.copy_row1 .copy_r1_r .copy_ico a{
  display: inline-block;
  margin: 5px;
  position: relative;
}
.copy_row1 .copy_r1_r .copy_ico a>img{width: 40px;height: 40px;display: block;}
.copy_row1 .copy_r1_r .copy_ico a i{position: absolute;top: 40px;width: 110px;left:-100%;margin-left:10px;display:none;}
.copy_row1 .copy_r1_r .copy_ico a i img{width: 100%;}

.y-kefu-box { position: fixed; right: 0; bottom: 20%; z-index: 9999; font-size: 13px; }
.y-kefu-box img { display: block; width: 100%; height: auto; }
.y-kefu-box01 .icon { display: block; background: url(http://login.114my.cn/memberpic/ebcyxcom/uploadfile/image/20191213/20191213174237_1344224405.png) no-repeat; margin: 0 auto 6px; }
.y-kefu-box01 { width: 54px; color: #666; text-align: center; }
.y-kefu-box01 .kf-close-btn { width: 29px; height: 29px; background-position: -4px -114px; position: relative; cursor: pointer; display:none}
.y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 12px; background-color: #d3281b; position: absolute; bottom: -12px; left: 13px; z-index: 1; }
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 12px; background-color: #fff; border-left: solid 1px #efefef; border-top: solid 1px #efefef; border-right: solid 1px #efefef; position: relative; }
.y-kefu-box01 .show-status { position: relative; }
.y-kefu-box01 .show-status .kf-zixun { background-color: #d3281b; border-color: #d3281b; color: #fff; margin: 10px 0 7px; /* display: block; */}
.y-kefu-box01 .kf-zixun { border-radius: 2px; }
.y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; }
.y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.y-kefu-box01 .kf-mobile>i { width: 18px; height: 18px; background-position: -5px -32px; }
.y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; }
.y-kefu-box01 .kf-weChat>i { width: 22px; height: 19px; background-position: -5px -55px; }
.y-kefu-box01 .kf-weChat:hover>i { background-position: -30px -55px; }
.y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.y-kefu-box01 .kf-email>i { width: 18px; height: 14px; background-position: -5px -80px; }
.y-kefu-box01 .kf-email:hover>i { background-position: -30px -80px; }
.y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -5px -98px; }
.y-kefu-box01 .back-top:hover i { background-position: -30px -98px; }
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top  { border-bottom: solid 1px #efefef; }
.y-kefu-box01 .back-top { margin-top: 20px; border-radius: 2px; left: 55px; }
.y-kefu-box01 .hver:hover { background-color: #d3281b; border-color: #d3281b; }
.y-kefu-box01 .hver:hover>p { color: #fff; }

.y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none; } 
/*咨询热线*/
.y-kefu-box01 .mobile-infos { width: 250px; text-align: left; top: 0; }
.y-kefu-box01 .mobile-infos>div { padding: 20px 0 20px 45px; position: relative; }
.y-kefu-box01 .mobile-infos>div i { width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 22px; left: 20px; z-index: 2; }
.y-kefu-box01 .mobile-infos .online1 { border-bottom: solid 1px #efefef; }
.y-kefu-box01 .mobile-infos span { color: #999; }
.y-kefu-box01 .mobile-infos p { color: #d3281b; font-size: 18px; }
.y-kefu-box01 .right { width: 12px; height: 12px; position: absolute; right: -12px; top: 24px; }
.y-kefu-box01 .right-arrow1,
.y-kefu-box01 .right-arrow2 { width: 0; height: 0; display: block; position: absolute; left: 0; top: 0; border-top: 6px transparent dashed; border-right: 6px transparent dashed; border-bottom: 6px transparent dashed; border-left: 6px white solid; overflow: hidden; }
.y-kefu-box01 .right-arrow1 { left: 1px; border-left: 6px #efefef solid; }
.y-kefu-box01 .right-arrow2 { border-left: 6px white solid; }
/*二维码*/
.y-kefu-box01 .y-ewm-box { width: 150px; height: 178px; top: -60px; }
.y-kefu-box01 .y-ewm-box>div { width: 151px; height: 178px; }
.y-kefu-box01 .y-ewm-box img { width: 94px; height: 94px; margin: 30px auto 10px; }
.y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 150px; border-right: solid 1px #efefef; }
.y-kefu-box01 .y-ewm-box .right { top: 84px; }
/*email*/
.y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color: #999; text-align: left; bottom: 0; width: 172px; }
.y-kefu-box01 .y-email-infos p { color: #d3281b; font-size: 16px; }
.y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; }
.y-kefu-box01 .y-email-infos .right { top: 55px; }

.y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color: #abce03; position: absolute; top: 37px; left: 55px; z-index: 9; }
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }
.kf-weChat.hver {
    border-bottom: solid 1px #efefef;
}
.kefuqq{ background: #d3281b !important; border: none !important; width: 54px !important; }
.more-infos { background-color: #fff; border: solid 1px #ebebeb; position: absolute; right: 90px; box-shadow: 5px 5px 30px rgba(0,0,0,.2); display: none; }
.y-kefu-box02 .more-infos:before { content: ''; display: block; width: 352px; height: 3px; background-color: #d3281b; position: absolute; left: -1px; top: -1px; z-index: 9; }
.online-service-infos { width: 320px; padding: 0 15px; top: 0; z-index: 2; }
.y-kefu-box01 .part01 { padding: 18px 0 22px 45px; border-bottom: solid 1px #e9e9e9; position: relative; text-align: left; }
.y-kefu-box01 .part01 p { font-size: 16px; color: #d3281b; padding-bottom: 5px; }
.y-kefu-box01 .part01 i { width: 28px; height: 26px; position: absolute; left: 0; top: 18px; z-index: 2; background: url(http://login.114my.cn/memberpic/ebcyxcom/uploadfile/image/20191213/20191213174314_2000155721.png) no-repeat -40px -5px; }
.y-kefu-box01 .part02 { padding: 26px 0; height: 26px;}
.y-kefu-box01 .part02 li { width: 86px; float: left; position: relative; padding-left: 20px; margin-bottom: 10px; }
.y-kefu-box01 .part02 i { width: 16px; height: 16px; position: absolute; left: 0; top: 0; z-index: 2; background: url(http://login.114my.cn/memberpic/ebcyxcom/uploadfile/image/20191213/20191213174314_2000155721.png) no-repeat -5px -65px; }
.y-kefu-box01 .part02 li:hover a { color: #d3281b; }
.y-kefu-box01 .part02 li:hover i { background-position: -25px -65px; }

.nav_beta{background:url(http://login.114my.cn/memberpic/ebcyxcom/uploadfile/image/20200221/20200221155010_988079527.jpg) no-repeat center;width:100%;height:100px;position:absolute;top: 40px;left: 0;opacity:0;filter: alpha(opacity=0);transition:0.3s all ease;}
.nav_beta:hover{opacity: 1;filter: alpha(opacity=100);}
.headerNav {
display: none;
}
.zzc {
  display: none;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
}
.menu .btn{display: none;}


@media only screen and (max-width: 1300px) {
    .copy_row1 .copy_r1_r .copy_tel{font-weight: normal;}
    .page{width:100%;}
    .index_product{padding: 3.5em 0;}
    .company_video{padding: 3.5em;}
    .logo{margin: 1em 0.5em;width: 10.5em;height: 1.5em;}
    .case_row1 .case_item p{font-size: 0.75em;}
    .head_l{display: none;}
    .head_r{width: 100%;clear: both;float: none;}
    .head_tel{font-size: 0.6rem;padding: 0 0 0 0.5rem;}
    .laug ul li a{font-size: 0.6rem;}
    .laug > ul{position: relative;width: 200px;top: 0;left: 0;}
    .laug > ul > li{float: left;}
    .laug:hover > ul {height: auto}
    .laug > ul:after{display: none;}
    .head_tel .str{font-size: 0.7rem;}
    .menu{width: 0%;position: absolute;right: 0;top: 0;overflow: hidden;}
    .nav {position: relative;width: 100%;top: 0;z-index: 99999991;transition: 0.3s all ease;background: #fff;}
    .nav:after{content: '';display: block;clear:both;}
    .logo > .logo_b{opacity: 1;filter: alpha(opacity=100);}
    .logo > .logo_w{opacity: 0;filter: alpha(opacity=0);}
    .headerNav {float: right;width: 2em;height: 2em;padding: 0.75rem;display: block;}
    .headerNav span{display: block;width: 100%;height: 100%;}
    .headerNav span img{display: block;width: 100%;height: 100%;}
    .menu .btn{display: block;width: 1em;height: 1em;padding: 1.25rem;background: #fff;margin-left: auto;}
    .menu .btn img{width: 100%;height: auto;display: block;}
    .menu > ul > li > a{height: auto !important;line-height:3.5em !important;color: #eee !important;font-size: 0.8em !important;border-bottom: 1px solid rgba(255,255,255,0.2);}
    .nav .menu > ul > li.navcurrent > a, .nav .menu > ul > li:hover > a,.nav:hover .menu > ul > li > a,.nav:hover .menu > ul > li > a:hover, .nav:hover .menu > ul > li.navcurrent > a{color: #eee;}
    .menu > ul > li{float: none;height:auto !important;}
    .menu > ul > li > a:after{display: none;}
    .tp-bullets{display: none;}
    .y-kefu-box{display: none;}
    .index_product .product_i_l{float: none;width: 90%;height: auto;position: relative;margin:0 auto;display: block;}
    .index_product .product_i_r{float: none;width: 90%;height:auto;margin:0 auto;display: block;}
    .prod_i_l_tit{position: absolute;left: 0;bottom:0;width: 100%;height:auto;background: rgba(0,0,0,0.7);padding: 0;box-sizing: border-box;}
    .product_i_r .product_i_r_item:first-child{margin-top: 20px;margin-left:0;}
    .product_i_r .product_i_r_item{float: left;width:32%;margin-left:2%}
    .product_i_r .product_i_r_item strong{font-size: 1.4em}
    .product_i_r .product_i_r_item p{font-size: 0.65em;}
    .prod_i_l_tit li a{font-size: 0.8em;line-height:6em;height:6em;}
    .company_video .company_row1 a{font-size: 2em;line-height: 2em;background-size: 22rem;background-position-y: 0.85em;}
    .company_video .company_row1 a .small{font-size: 0.4em;line-height: 1em;height: auto;}
    .news .news_row1 a{font-size: 2em;line-height: 2em;background-size: 11.75rem;background-position-y: 0.75em;}
    .company_video .company_row1{padding-bottom: 0.5em}
    .news .news_row1{padding-bottom: 0.5em}
   
    .news{padding: 3.5em;}
    .news_list{width: 32%;margin-left: 2%}
    .news_list > .news_cont .news_item p, .news_list > .news_cont .news_item_c p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .news_list > .news_cont .news_item img, .news_list > .news_cont .news_item_c img{height: auto;}
    .news_list > .news_cont .news_item strong, .news_list > .news_cont .news_item_c strong{overflow: hidden;text-overflow: ellipsis;padding-right: 20px}
    .news_list > .news_cont .news_item p, .news_list > .news_cont .news_item_c p {

    font-size: 0.6em;
    line-height: 0.8em;
        padding: 1.3em 0 1.5em;}
    .news_list > .news_cont .news_item strong, .news_list > .news_cont .news_item_c strong{
    font-size: 1.3em;
    line-height: 2em;}
    .news_list > .news_cont .news_item:hover p, .news_list > .news_cont .news_item_c:hover p {

    padding: 1.3em 1.5em 1.5em;
    background: #fff;

}
    .news .news_row1 a .small{font-size:0.5em;line-height:1.6em;}
    
.news_list > .news_list_tit a{font-size: 1em;line-height:1.5em}
    .news_list > .news_list_tit a .en{line-height: 3em;font-size:0.5em;display: block;height: 1.5em;}
    .copy_row1{padding: 2em;}
    .copy_row1 .copy_r1_l .copy_item {

    padding-right: 70px;

}

}
@media only screen and (max-width: 1000px) {
    .index_product{padding: 2.5em 0;}
    .company_video{padding: 2.5em;}
    .news{padding: 2.5em;}
    .case_row1 .case_item p{font-size: 0.6em;}
    .product_i_r .product_i_r_item{float:none;width:100%;margin-left:0%}
    .product_i_r .product_i_r_item strong{font-size: 1.8em}
    .product_i_r .product_i_r_item p{font-size: 0.75em;}
    .prod_i_l_tit li a{font-size: 0.7em;line-height:6em;height:6em;}
    .company_video .company_row1 a{font-size: 1.5em;background-size: 300px;}
    .news .news_row1 a{font-size: 1.5em;}
    .news .news_row1 a{font-size: 1.5em;background-size: 10rem;background-position-y: 0.75em;}
    .company_video .company_row1{padding-bottom: 0.3em}
    .news .news_row1{padding-bottom: 0.3em}
    .news .news_row1 a .small{font-size:0.45em}
    .copy_row1{padding: 1.5em;}
    
    .copy_row1 .copy_r1_l .copy_item{float: none;padding:0.3em 0;}
    .copy_row1 .copy_r1_l .copy_item:after{content: '';display: block;clear: both;}
    .copy_row1 .copy_r1_l .copy_item li{float: left;margin-right: 10px;padding: 0;}
    .copy_row1 .copy_r1_l .copy_item strong a{display: block;font-size: 0.85em;padding: 0;line-height: 1em}
    .copy_row1 .copy_r1_l .copy_item li a{font-size: 0.65em;line-height: 0.9em;font-weight: normal;font-family: microsoft yahei;}
    .copy_row2 p{font-size: 13px;}

}
@media only screen and (max-width: 640px) {
html {
  overflow-y: scroll;
}

:root {
  overflow-y: auto;
  overflow-x: hidden;
}

:root body {
  position: absolute;
}

body {
  width: 100vw;
  overflow: hidden;
}
    .index_product{padding: 1.5em 0;}
    .company_video{padding: 1.5em;}
    .news{padding: 1.5em;}
    .case_row1 .case_item p{font-size: 0.5em;}
    .product_i_r .product_i_r_item{float:none;width:100%;margin-left:0%}
    .product_i_r .product_i_r_item strong{font-size: 1.6em}
    .product_i_r .product_i_r_item p{font-size: 0.8em;}
    .prod_i_l_tit li a{font-size: 0.62em;line-height:4em;height:4em;}
    .company_video .company_row1 a{font-size: 1.3em;background-size: 260px;}
    .news .news_row1 a{font-size: 1.3em;background-size: 8rem;background-position-y: 0.75em;}
    .company_video .company_row1{padding-bottom: 0.2em}
    .news .news_row1{padding-bottom: 0.2em}
    .news .news_row1 a .small{font-size:0.4em}
    .news_list{width: 100%;margin-left: 0;margin-top: 1.6em;}
    .news_list:first-child{margin-top: 0;}
.news_list > .news_list_tit a{font-size: 0.85em;line-height:1.5em}
    
    .copy_row1{padding: 1.5em;}
    .copy_row1 .copy_r1_l{float: none;width: 100%;}
    .copy_row1 .copy_r1_r{float: none;width: 100%;}
.copy_row2 p{font-size: 12px;}
}



@media only screen and (min-width: 1301px) {
    .zzc {
  display: none !important;
}
.menu{width: 70% !important;}
.menu .btn{display: none;}
}
.abou{width:100%;margin:0 auto;overflow:hidden;background:#fff;overflow:hidden;}
.abou .news {
    background: #fff;
}
.zlef{float:left;overflow:hidden;font-size:24px;color:#333333;}
.zlef p{padding-top:17px;}
.quas{width:100%;overflow:hidden;}
.arig{float:right;overflow:hidden;}
.arig a{display:block;margin-top:22px;width:54px;height:54px;background:url(../images/kxl.png);}
.jtle{width:100%;overflow:hidden;padding-top:50px;}
.jtle font{font-size:18px;color:#333333;font-weight:bold;}
.jtle p{font-size:14px;font-family:Arial;margin-top:14px;}
.dqiu{color:#666666;margin-top:20px;line-height:32px;}
.lkjh{float:left;overflow:hidden;padding-top:40px;padding-bottom:68px;}
.lkjh li{padding-left:16px;float:left;overflow:hidden;margin-right:70px;}
.uans{width:100%;overflow:hidden;}
.hjin{width:187px;height:52px;overflow:hidden;display:block;background:url(../images/index3_28.jpg) no-repeat left center;float:right;margin-top:78px;}
.hjin a{display:block;width:97px;height:52px;line-height:52px;padding-left:90px;color:#999999;font-size:16px;}
.l1 i{background:url(../images/p1.png) no-repeat top center;width:88px;height:88px;display:block;border-radius:50%;}
.l1:hover i{background:url(../images/p1s.png) no-repeat #d3281b top center;width:88px;height:88px;display:block;}
.l1 p{text-align:center;padding-top:12px;color:#b0b0b0;}
.l1:hover p{color:#d3281b;}

.l2 i{background:url(../images/p2.png) no-repeat top center;width:88px;height:88px;display:block;border-radius:50%;}
.l2:hover i{background:url(../images/p2s.png) no-repeat #d3281b top center;width:88px;height:88px;display:block;}
.l2 p{text-align:center;padding-top:12px;color:#b0b0b0;}
.l2:hover p{color:#d3281b;}
.l3 i{background:url(../images/p3.png) no-repeat top center;width:88px;height:88px;display:block;border-radius:50%;}
.l3:hover i{background:url(../images/p3s.png) no-repeat #d3281b top center;width:88px;height:88px;display:block;}
.l3 p{text-align:center;padding-top:12px;color:#b0b0b0;}
.l3:hover p{color:#d3281b;}

.l4 i{background:url(../images/p4.png) no-repeat top center;width:88px;height:88px;display:block;border-radius:50%;}
.l4:hover i{background:url(../images/p4s.png) no-repeat #d3281b top center;width:88px;height:88px;display:block;}
.l4 p{text-align:center;padding-top:12px;color:#b0b0b0;}
.l4:hover p{color:#d3281b;}
.pros{background:#f4f4f4;overflow:hidden;width:100%;}
.sproc{ margin-top:45px;width:100%;margin:0 auto;padding-top:30px;overflow:hidden;}
.sproc ul{height: auto;display: flex;width: 100%;flex-wrap: wrap;}
.sproc ul li{margin-right:10px;margin-top:10px;position:relative;width: calc(25% - 20px);padding: 5px;}

.sproc ul li a{ transition:all 0.5s linear; display:block; width: 100%; background:#fff; margin:0 auto;margin-top:8px; position:relative; padding-bottom: 20px;
    box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px, rgb(0 0 0 / 23%) 0px 3px 6px;
}
.sproc ul li:nth-child(4n) {
    margin-right: 0;
}
.sproyp{ position:absolute; top:14px; left:24px;}
.sprowz{ margin-left:25px;}
.sprotit{ font-size:16px; color:#666666;}
.sprox{ width:53px; border-bottom:2px solid #b0b0b0; margin-top:15px; margin-bottom:10px;}
.sprolb{ color:#666666; font-size:16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-right: 20px;}
.sproc ul li:hover a{ transform:translateY(-20px);-webkit-animation-fill-mode: none;
    animation-fill-mode: none;}
.sproc ul li:hover .sprox{ border-bottom:2px solid #d3281b;}
.sproc ul li:hover .sprolb{ color:#333333; font-weight:bold;}
.sproimg{width:100%;text-align:center;}
.sproimg img {
    width: 100%;
}

.spromore{width:212px;height:52px;margin:0 auto;margin-top:50px;text-align:center;line-height:52px;font-size:18px;margin-bottom:60px;}
.spromore span{ font-family:'simsun';color: #fff;position: absolute;right: 40px;transition: all .5s;}
.spromore a{ display:block; color:#fff;background-color: #d3281b;border-radius: 10px;position: relative;}
.spromore:hover span{ color:#fff;right: 20px;}
.sproc ul li a:after{width:100%;height:3px;position:absolute;bottom:0px;left:0px;content:"";background:#b0b0b0;transition: all .5s;}
.sproc ul li:hover a::after{
    background: #d3281b;
}
.in_case {background-color: #fff;}
@media only screen and (max-width: 748px) {
    .news {
        box-sizing: border-box;
    }
    .jtle {
        width: 100%;
        overflow: hidden;
        padding-top: 20px;
    }
    .sproc ul {
        flex-wrap: wrap;
    }
    .sproc ul li {
        width: calc(50% - 20px);
    }
    .sproc ul li:nth-child(2n) {
        margin-right: 0;
    }
    .lkjh {
        padding: 20px 0;
    }
    .copy_row1 .copy_r1_l2 {
        float: none;
        width: 30%;
        margin: 0 auto;
    }
}