@charset "utf-8";


::-webkit-scrollbar {



    width: 8px;



    height: 8px;



    background-color: #F5F5F5;



}







::-webkit-scrollbar-track {



    border-radius: 10px;



    background-color: #E2E2E2;



}



button{outline:none;}



::-webkit-scrollbar-thumb {



    border-radius: 10px;



    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);



    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);



    background-color: #555;



}







 ::selection {



	background-color: #b7100c;



	color: #fff;



}







::-moz-selection {



	background-color: #b7100c;



	color: #fff;



}







::-webkit-selection {



	background-color: #b7100c;



	color: #fff;



}



* {



    padding: 0;



    margin: 0;



    font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;



}







body {



    font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;



    color: #333;



    margin: 0;



    line-height: 1.5;



}



*:before, *:after {



    box-sizing: content-box;



}



:focus {



    outline: 1;



}







article,



aside,



canvas,



details,



figcaption,



figure,



footer,



header,



hgroup,



menu,



nav,



section,



summary {



    display: block;



}







a {



    color: #333;



    text-decoration: none;



}







a:link,



a:hover,



a:active,



a:visited {



    text-decoration: none;



}







ins {



    background-color: #ff9;



    color: #000;



    text-decoration: none;



}







mark {



    background-color: #ff9;



    color: #000;



    font-style: italic;



    font-weight: bold;



}







del {



    text-decoration: line-through;



}







table {



    border-collapse: collapse;



    border-spacing: 0;



}







hr {



    display: block;



    height: 1px;



    border: 0;



    border-top: 1px solid #cccccc;



    margin: 1em 0;



    padding: 0;



}







input,



select {



    vertical-align: middle;



}







li,



ul {



    list-style-type: none;



}







img {



    border: none;



}



input,textarea {



    outline: 0;



    border: 0;



    resize: none;



}















h1,



h2,



h3,



h4,



h5,



h6,



dl,



dd,



dt,



i,



em {



    font-weight: normal;



    font-style: normal;



}



.fixedNav {



    position: fixed;



    top: 0px;



    left: 0px;



    width: 100%;



    z-index: 100000;



    _position: absolute;



    _top: expression(eval(document.documentElement.scrollTop));



   box-shadow: 0px 10px 12px rgba(0,0,0,.1);



}















html{



        cursor: url(../images/cur.png),



        default;



}







a{



   cursor: url(../images/Acur.png),



   default ;



}







textarea{



    animation: animated 1s infinite;



    -moz-animation: animated 1s infinite;



    -webkit-animation: animated 1s infinite;



    -o-animation: animated 1s infinite;



 



}







input[type="text"]{



     animation: animated 1s infinite;



    -moz-animation: animated 1s infinite;



    -webkit-animation: animated 1s infinite;



    -o-animation: animated 1s infinite;



}



input[type="button"]



{



   cursor: url(../images/Acur.png),



   default  !important;



}







@keyframes animated {



    0% {



        cursor: url('../images/Pcuro1.png'),



        auto;



    }







    8.8% {



        cursor: url('../images/Pcuro2.png'),



            auto;



    }







    17.6% {



        cursor: url('../images/Pcuro3.png'),



            auto;



    }







    26.4% {



        cursor: url('../images/Pcuro4.png'),



            auto;



    }







    35.2% {



        cursor: url('../images/Pcuro5.png'),



            auto;



    }







    44% {



        cursor: url('../images/Pcuro6.png'),



            auto;



    }







    52.8% {



        cursor: url('../images/Pcuro7.png'),



            auto;



    }







    61.6% {



        cursor: url('../images/Pcuro8.png'),



            auto;



    }







    70.4% {



        cursor: url('../images/Pcuro9.png'),



            auto;



    }







    79.2% {



        cursor: url('../images/Pcuro10.png'),



            auto;



    }







    88% {



        cursor: url('../images/Pcuro11.png'),



            auto;



    }







    100% {



        cursor: url('../images/Pcuro12.png'),



            auto;



    }







    



}

@keyframes msClock {

	0%,70%,100% {transform: rotate(0) scale(1);}

	

	10%,30% {transform: rotate(-15deg) scale(1);}

	

	20%,40% {transform: rotate(15deg) scale(1);}

}






 .container {
    max-width: 1300px;
    margin: 0 auto;
}



 

.col-md-4 { float:left;
}


/* 导航开始css */

.wrap_top_links{}
.top_links{max-width: 1200px;position: relative;overflow: hidden;margin: 0 auto;}
.top_nav{width: auto;float:right;line-height: 40px;}
.top_nav a{color:#decdcd;display: inline-block;*display: inline;*zoom:1;height: 20px;line-height: 20px;margin-right: 37px;}
.top_nav a:hover{color:#fff;}
.ser{width:25%; float:right;height:auto; z-index:600;}

.top_tel {
    float: left;
    margin-top: 30px;
}

.top_tel img {
    display: inline-block;
    float: left;
    margin-right: 8px;
    margin-top: 8px;
}

.top_tel span {
    color: #666;
    display: inline-block;
    float: left;
}

.top_tel p {
    margin: 0px;
    float: left;
    color: #333;
    font-size: 25px;
    font-weight: bold;
}

.wrapTop{width: 100%;background: #019e97;}
.top{height:70px;max-width: 1200px;margin:0 auto;position:relative;width: 96%;}
.logo{overflow: hidden; margin:10px 0; float:left;}
.logo a{display: inline-block;*display: inline;*zoom: 1;}

.header{width: 100%;  z-index:999; position: relative;}

.top{height:50px;max-width: 1200px;margin:0 auto;position:relative;width: 96%;}

.nav{height: 50px;line-height: 50px;position: absolute; width:100%; right: 0;bottom:0;}
.nav a{ color:#FFF;}
.nav ul{/* width:1280px; */margin:0 auto;font-size: 0;text-align: center;white-space: nowrap;}
.nav ul > li{position: relative;text-align: center;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;transform: perspective(5000px);-moz-transform: perspective(5000px);-o-transform: perspective(5000px);-webkit-transform: perspective(5000px);}
.nav ul li > a{font-size:16px;display: block;position: relative;}
.nav ul li > a:hover:after{position: absolute;width: 100%;height: 3px;background: #f5c03d;content: "";left: 0;bottom: 0;}
.nav ul li.on > a,.nav ul li:hover > a{ color:#fff;}
.nav ul li.on .subNav{display: block;}
 
.nav ul li:first-child:before{display: none;}
.nav .active{ background:#f5c03d}


.header.currents{height:50px;line-height: 50px;background:none;background-color: #019e97;top: 0;}
.header.currents .wrap_top_links{display: none;}
.header.currents .ser{display: none;}
.header.currents .top{height:50px;}
.header.currents .nav{height: 50px;line-height: 50px;width: auto;}
.header.currents .logo{top: 3px;}
.header.currents .logo a{width: auto;height: 70px;}
.header.currents .logo img{width: auto;height:auto;}

.header.currents .subNav{top:100%;}
.header.currents .nav-wrapper{height: 56px;}
.header.currents .nav ul li > a{}
.header.currents .nav ul li.on > a,.header.currents .nav ul li:hover > a{}
.header.currents{box-shadow: 0 2px 6px rgba(0,0,0,0.2)}

.subNav{width:130%;background:#019e97;white-space: normal;}
.subNav{position: absolute;right:0;top: 100%;display: none; margin: 0 -15% 0 0;}
.subNav dd {}
.subNav a{color:#fff;padding:10px 15px;display: block;line-height: 24px;border-top:1px solid #028b85;font-size: 16px;}
.subNav a:hover{background-color:#f5c03d; color:#FFF;}




.flipInY{
	-webkit-animation-name: flipInY ;
	animation-name: flipInY ;
	animation-duration: 0.6s; 
	-webkit-animation-duration: 0.6s;
	animation-timing-function: ease-in-out; 
	-webkit-animation-timing-function: ease-in-out;   
	visibility: visible !important; 
	display: block;
}






 
.logo {
    margin-top: 10px;


    cursor: pointer;
    padding-bottom: 10px;
}
.biaot{ float:left; margin-top:30px; line-height:40px; font-size:24px; padding-left:30px;}
.biaot font{ color:#f5c03d;}

/*顶部信息*/
 

/*顶部电话*/
.top_tel{
    float: left;
    margin-top: 30px;
}
.top_tel img{
    display: inline-block; 
    float: left; margin-right: 8px;
    margin-top: 8px;
}
.top_tel span{
    color: #666; 
    display: inline-block; 
    float: left;
}
.top_tel p{
    margin: 0px;
    float: left;
    color: #333;
    font-size: 25px; 
    font-weight: bold;
}




/* 导航结束css */













/*首页banner*/



.banner{width: 100%;height:auto;overflow:hidden;overflow:hidden;position:relative; background:#000}



.banner .pos{width:75px;height:100%;position:absolute;left:6.25%;bottom:0;z-index:9;overflow:hidden;}



.banner .pos p{width:75px;line-height:75px;font-size:20px;color:rgba(255,255,255,0.3);position:absolute;left:0;top:22%;letter-spacing:17px;writing-mode: tb-rl;}



.banner .pos::before{content:'';width:1px;height:190px;background:rgba(255,255,255,0.2);position:absolute;bottom:19%;left:38px;}



.banner .tel{width:auto;padding-left:45px;height:28px;position:absolute;left:16.6%;bottom:12%;z-index:9;background:url(../images/tel01.png) left center no-repeat;font-size:30px;color:#fff;line-height:28px;}



.banner .tel span{display:block;font-size:20px;color:#cf0b06;float:left;}



.banner .swiper-container{width: 100%;height: 100%;overflow:hidden;position:relative;}



.banner .swiper-father{width:100%;height:100%;margin:0 auto;overflow:hidden;position:relative;}



.banner .swiper-father .swiper-container{width:100%;height:100%;margin:0 auto;overflow:hidden;}

 

.banner .swiper-container .swiper-slide {width: 100%;height: 100%;overflow:hidden;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;position:relative;}



.banner .swiper-container .swiper-slide img{width:100%; vertical-align:top;}



.banner .num{width:75px;height:25px;position:absolute;left:6.25%;bottom:12%;z-index:9;text-align:center;background:url(../images/b_line02.png) center center no-repeat;}



.banner .num::after{content:'';width:6px;height:15px;background:url(../images/bline.png);position:absolute;bottom:0;right:28px;}



.banner .num .swiper-pagination{width:75px;height:25px;position:absolute;bottom:0;color:rgba(0,0,0,0);text-align:center;}



.banner .num .swiper-pagination .swiper-pagination-current{font-size:30px;opacity:1;line-height:25px;position:absolute;bottom:0;left:0;width:52px;color:#fff;font-weight:bold;font-family:Arial;}



.banner .num .swiper-pagination .swiper-pagination-current::after{content:'0';font-size:30px;line-height:25px;position:absolute;bottom:0;left:0;color:#fff;font-weight:bold;}



.banner .num .swiper-pagination .swiper-pagination-total{font-size:20px;opacity:1;line-height:16px;position:absolute;bottom:0;right:0;width:auto;color:#b9b9b9;font-family:Arial;}



.banner .num .swiper-pagination .swiper-pagination-total::after{content:'0';font-size:20px;line-height:16px;position:absolute;bottom:0;right:12px;color:#b9b9b9;font-family:Arial;}



.banner .swiper-button-prev{width:50px;height:50px;margin-top:-25px;background:url(../images/b_jt_01.png) center center no-repeat;position:absolute;left:10%;top:50%;opacity:0;outline:none;-webkit-transition:all .7s;transition:all .7s;}



.banner .swiper-button-next{width:50px;height:50px;margin-top:-25px;background:url(../images/b_jt_02.png) center center no-repeat;position:absolute;right:10%;top:50%;opacity:0;outline:none;-webkit-transition:all .7s;transition:all .7s;}



.banner:hover .swiper-button-prev{opacity:1;-webkit-transition:all .7s;transition:all .7s;}



.banner:hover .swiper-button-next{opacity:1;-webkit-transition:all .7s;transition:all .7s;}













/* banner 结束 */




/*热门关键词*/



.search-text {
    line-height: 45px;
    height: 45px;
}

.col-md-9 {
    width: 80%; float:right;
}

.search-text a {
    padding: 0 9px;
}

.col-md-3 {
    width: 20%; float:left;
}
 





/*首页产品*/
.product_head h2{
    text-align: center; 
    margin-top: 40px; 
    font-size: 30px; padding-bottom:20px;
    color: #333;

}
.product_head span{
    display: block; 
    height: 3px; 
    background: url(../images/h2_line.jpg) center center no-repeat;
}
.product_head p{
    text-align: center;
    font-size: 18px; 
    color: #555; 
    margin-top:8px; padding-bottom:30px;
}
.product_list{
    clear: both;
    padding: 25px 0px 0px 0px;
 
}
.product_list2{
    padding-top: 20px;
}
.product_img{
    padding-left: 15px; 
    padding-right: 15px; 
    min-height: 250px;
}
.product_img img{
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-height: 200px; 
    max-width: 100%;
    height: auto; 
    margin-bottom: 10px; 
    padding: 0px 0px 0px 0px;
}
.product_list2 div.product_img{
    min-height: 260px;
}
.product_title{
    text-align: center;
    height: 40px;
}
.product_title a{
    color: #2F2F2F;
}
.product_title a:hover{
    text-decoration: none;
    color:#019e97;
}


/*首页-左侧栏目*/
.left_nav{
    padding: 20px 15px 30px 15px;
    background: url(../images/left_nav.jpg) no-repeat 200px 70px #019e97;
    margin-top: 25px;
    margin-bottom: 20px;
}
.left_nav p{
    color: #fff;
    font-weight: bold;
    font-size: 24px;
}
.left_nav h3{
    color: #fff;
    margin:0px 0px 30px 0px;
}
.left_nav_bg{
    background: url(../images/left_nav_bg.jpg) center bottom no-repeat #fff;
    padding: 10px 15px 22px 15px;
}
.left_nav_tel{
    margin: 80px 0px 0px 0px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}
.left_nav_ul{
    list-style:none;
    padding:0px;
    margin:15px 0px 0px 0px;
    padding-bottom: 10px;
  }
.left_nav_ul .biglink a{
	background: #f5c03d;
}
.left_nav_ul > li > a{
    display: block;
    text-decoration:none;
    color:#fff;
    font-size:15px;
    background-color: #019e97;
    border-radius: 25px; 
    padding:6px 0px 6px 18px;
    margin-bottom: 8px;
}
.left_nav_ul > li > a:hover,
.left_nav_ul li a.left_active{
    color:#fff;
    background-color: #f5c03d;
}
/*首页-左侧二级栏目*/
ul.left_snav_ul{
    list-style:none;
    padding:0px;
}
ul.left_snav_ul > li{
    margin:0px;
}
ul.left_snav_ul > li > a{
    display: block;
    text-decoration:none;
    color:#fff;
    padding:5px 0px 5px 30px;
    background: url(../images/left_tree.gif) 20px 8px no-repeat #028ae6;
    border-radius: 25px;
    margin-bottom:8px;
}
ul.left_snav_ul > li > a:hover{
    color:#fff;
    background-color: #03b29c;
}



/*首页-四大优势*/
.advantage_head h2{
    text-align: center; 
    margin-top: 60px; 
    font-size: 38px; 
    color: #333;
    font-weight: bold;
}
.advantage_head span{
    display: block; 
    height: 3px; background: url(../images/h2_line.jpg) center center no-repeat;
}
.advantage_head p{
    text-align: center;
    font-size: 18px; 
    color: #555; 
    margin-top:8px;
    margin-bottom: 50px;
}
.advantage_left img{
    width: 50%;
    float: left;
}
.advantage_left h3{
    width: 50%;
    float: right;
    text-align: right;
    font-size: 36px;
    color: #f5c03d;
    font-weight: bold;
}
.advantage_left h3 span{
  font-family: Arial black;
  font-size: 68px; color:#0071be;
}
.advantage_left h3 .xlcp{
  font-family: Arial black;
  font-size: 24px; color:#0071be;
}
.advantage_left p{
    width: 50%; text-indent:25px;
    float: right;
    color: #555;
    line-height: 38px;
    margin-top: 15px;
    padding-right: 25px;
    background: url(../images/advantage_libg.jpg) repeat-y right 13px;
}
.advantage_right img{
    width: 50%;
    float: right;
}
.advantage_right h3{
    width: 50%;
    float: left;
    text-align: left;
    font-size: 36px;
    color: #f5c03d;
    font-weight: bold;
}
.advantage_right h3 span{
  font-family: Arial black;
  font-size: 68px; color:#0071be;
}


.advantage_right h3 .xlcp{
  font-family: Arial black;
  font-size: 24px; color:#0071be;
}

.advantage_right p{
    width: 50%;
    float: left;
    text-align: left; text-indent:25px;
    color: #555;
    line-height: 38px;
    margin-top: 15px;
    padding-left: 25px;
    background: url(../images/advantage_libg.jpg) repeat-y left 13px;
}


.news_bg {
    background-color: #f7f7f7;
    padding-bottom: 80px;
}



/*首页-合作客户*/
.cooperation_head{
    margin-top: 60px;
    margin-bottom: 30px;
}
.cooperation_head p{
    text-align: center;
    font-size: 30px; 
    color: #333; 
    margin-top:8px;
}
.cooperation_head span{
    display: block; 
    height: 3px; 
    background: url(../images/cooperation_title.jpg) center center no-repeat;
}
.cooperation_img{
    padding-left: 15px; 
    padding-right: 15px; 
   
}
.cooperation_img img{
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-height: 170px; 
    max-width: 100%;
    height: auto; 
    margin-bottom: 10px; 
    padding: 0px 0px 0px 0px;
}


.img-thumbnail{
    transition : opacity 0.7s;
}
.img-thumbnail:hover,
.opacity_img:hover{
    opacity: 0.75;
}



/* 底部信息 */

.footer{width:100%;background:#019d99; height:auto;padding-top:50px;position:relative;box-sizing:content-box;overflow:hidden;cursor:default !important;}



.footer .center{width:1280px;height:auto;margin:0 auto;overflow:hidden;display:flex;justify-content: space-between;}



.footer .center .left{width:850px;height:auto;float:left;}



.footer .center .left .list{width:770px;height:230px;box-sizing:content-box;overflow:hidden;display:flex;justify-content: space-between;}



.footer .center .left .list li{width:auto;height:230px;overflow:hidden;float:left;position:relative;}



.footer .center .left .list li p{width:100px;background:url(../images/ft_line.png) right center no-repeat;font-size:18px;line-height:20px;color:#fff;font-weight:bold;margin-bottom:13px;}



.footer .center .left .list li span{display:block;font-size:12px;color:#CCC;text-transform: Uppercase;font-family:Arial;line-height:10px;margin-bottom:30px;}



.footer .center .left .list li a{display:block;font-size:14px;line-height:15px;color:#f2f2f1;margin-bottom:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



.footer .center .left .list li a:hover{color:#f5c03d;-webkit-transition:all .5s;transition:all .5s;}



.footer .center .left .copy{width:850px;height:auto;}



.footer .center .left .copy .one{height:45px;line-height:45px;}



.footer .center .left .copy .one p{float:left;font-size:14px;color:#fff;margin-right:20px;}



.footer .center .left .copy .one p a{color:#fff;-webkit-transition:all .5s;transition:all .5s;}



.footer .center .left .copy .one p a:hover{color:#b7100c;-webkit-transition:all .5s;transition:all .5s;}



.footer .center .left .copy .one p img{ vertical-align:middle;}







.footer .center .right{width:380px;height:auto;float:right;}



.footer .center .right .infro{width:380px;height:auto;}



.footer .center .right .infro li{width:380px;height:auto;margin-bottom:25px;}



.footer .center .right .infro li p:nth-of-type(1){width:auto;height:20px;line-height:20px;padding-left:30px;box-sizing:content-box;margin-bottom:10px;font-size:14px;color:#f2f2f1;}



.footer .center .right .infro li:nth-of-type(1) p:nth-of-type(1){background:url(../images/ft_icon_01.png) left center no-repeat;}



.footer .center .right .infro li:nth-of-type(2) p:nth-of-type(1){background:url(../images/ft_icon_02.png) left center no-repeat;}



.footer .center .right .infro li:nth-of-type(1) p:nth-of-type(2){font-size:14px;color:#fff;line-height:15px;padding-left:30px;box-sizing:content-box;}



.footer .center .right .infro li:nth-of-type(2) p:nth-of-type(2){font-size:36px;color:#f5c03d;line-height:30px;font-weight:bold; font-family:Arial;padding-left:30px;box-sizing:content-box;}



.footer .center .right .ewm{width:380px;height:auto;overflow:hidden;margin-top:10px;}



.footer .center .right .ewm li{width:128px;height:auto;float:left;margin-right:55px;}



.footer .center .right .ewm li .img{width:100px;height:100px;padding:14px;box-sizing:content-box;background:url(../images/kuang.png) center center no-repeat;}



.footer .center .right .ewm li .img img{display:block;width:100px;height:100px; vertical-align:top;}



.footer .center .right .ewm li p{font-size:14px;color:rgba(255,255,255,0.5);line-hieght:16px;text-align:center;}


.aboutnr{ line-height:1.9em; font-size:16px;}

.aboutnr img{max-width: 100%;
    height: auto;
    margin: 0;}


.more {
    width:120px;

}

.more a{
    width:120px;
    height: 40px; display:block; text-align:center;
    margin: 10px 0;
    background:#b7100c;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    -webkit-transition: all .7s;
    transition: all .7s;}
	
.pro_addPagenr ul li .cur{background: #019e97;}
.pro_addPagenr ul li .cur a{ color:#FFF}




.pro_addPagenr ul li .active{ color:#f5c03d;}
.pro_addPagenr ul li .active a{ color:#fff;}

.pro_addPagenr ul li h5.active{ background:#019e97;}
.pro_addPagenr ol li h5.active a{ color:#fff;}

.webqq_left{background-color: #b7100c;}.webqq_right .ren svg .svg {fill: #b7100c;}.webqq_nr{ background: #b7100c;}.webqq_ewm span{color:#b7100c; }


 
.pro_centern1Box1 .pro_centern1Box1Box .pro_centern1BoxTextBox1Center .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
        border: 1px solid #fff !important;
    }
    .wjdhColor,.wjdhColor1:hover,.pro_centern1Box4CenterR:hover .pro_centern1Box4CenterRTitle,.xgnrbd ul li:hover a,.caseMenuR a:hover,.xgnrbd1 ul li:hover a,.wjdhColor2 a:hover,.newsHot ul li:hover i,.newsHot ul li:hover span,.listliebiao ul li:hover a,.caseTitleR ul li:hover .ctc,.aboutTitle a,.pro_centern1Title a,.liebiaocolor2 ul li:hover a.newsListdt,.liebiaocolor3 ul li:hover a,.proList_sort ul li:hover .proHot_txt,.newsListL:hover a,.newsListRtopR:hover a,.newsCenterTopr:hover h4 a,.newsCenterb ul li:hover a,.driving-way .map-tab .trip-mode a.active,.pro_centern1Box2  .pro_centern1Box2Box .pro_centern1Box2List:hover .pro_centern1Box2right .pro_centern1Box2MinTitle,.pro_centern4Box1MainRBox b,.pro_centern3Box2ListBoxLi:hover a,.caseTitleR ul li .gaoliang .ctc,.caseRer a:hover,.honorBox li:hover .honorMore1,a.siteMore:hover,.honor ul li:hover .honorMore,.ShowProductCWC a:hover,.ShowProductImgRBoxTitle,.ShowProductImgBoxCenterRMore:hover,.ShowProductListBox ul li:hover .showProductListMOredL a,.ShowProductListBox ul li:hover .showProductListMOredL p,.showProductTitleMore:hover.ShowProductTitleText a:hover,.showProductTitleMore:hover,.pro_addPagenr ol li:hover a,.pro_addNewsBoxList ul li a:hover,.proListR ul li .proListCenterBpx:hover .proListCenterTextL a,.productRtopr h4,.proListRsort a:hover,.proListCenter ul li:hover a.proListTitle,.pro_centern1Box4Center .pro_centern1Box4CenterLc .bd .pro_centern1Box4CenterLi .pro_centern1Box4CenterR:hover .pro_centern1Box4CenterRTitle,.JourCenterText:hover h4 a, .JourCenterR ul li:hover span a,.JourBottomCenterBox ul li:hover  a b,.JourCenterN ul li .JourCenterNCenter:hover .JourCenterText h4 a,.pro_reason3AdvTopText p,.pro_center3ListBox ul li:hover .showProductListMOredL a,.pro_center3ListBox ul li:hover .showProductListMOredL p,.newsTOnewTopRTitleL h4,.newsTOnewTopRTitleL span,.newsTOnewTopRTitleLTitle,.newsToNewTopRRbox ul li:hover .newsToNewTopRRboxRTitle a,.newsTOnewBottomtitle h3,.newsTOnewBottomBox ul li:hover .newsToNewBottomBoxText a,.searchNews ul li a:hover,.caseMenuTop a:last-child,.service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxList i.service2NyListBoxListIco::after,.service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxListText .service2NyListBoxListTextL .service2NyListBoxListTextLMore,.service3Ny .service3NyBox ul li:hover .service3NyBoxText .service3NyBoxTextL i,.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsProduct .newsPageBoxRNewsTextBox ul li a:hover{
        color: rgb(183,16,12) !important;
    }
    
    .wjdhBg,.wjdhColor::before,.swiper-pagination-bullet-active,.pro_centern2BoxMainNew ul li:hover .bdlistdd,.pro_centern2BoxMainNew ul li:hover .bdlistdd,.pc2b1mb .hd ul li .on i,.wjdhBg1:hover,.xgnrbd ul li:hover,.wjdhBg1,.wjdhBg2:hover,.proBg,.proListclass3:hover,.proListclass1,.proListRsort1 a::before,.wjdhColor3::before,.liebiaocolor ul li:hover,.proList_classify ul li p a b,.caseLdd .button_text_container,.caseLdd:hover .button_text_container,.caseTab ul li:hover,.pro_list .newsTop ul li:hover .newsTopcenter,.pro_list ul li:hover .descdd,.news_classify ul li b,.newsQa ul li i span,.contact ul li:hover .contactTop,.driving-way .hd li .on,.pro_centern3  .pro_centern3Box .pro_centern3BoxLi1 ul li a.pro_centern3BoxLiTitle i,.pro_centern1Box3  .pro_centern1Box3R a.pro_centern1Box3RMore,.pro_centern3  .pro_centern3Box .pro_centern3BoxRight ul li .pro_centern3BoxRightBox a.pro_centern3BoxMore::after,.pro_centern3  .pro_centern3Box .pro_centern3BoxBottom ul li .pro_centern3BoxRightBox a.pro_centern3BoxMore::after,.pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .hd ul li.on i,.newsTop ul li:hover .newsTopcenter,.driving-way .hd li.on,.pro_addPageTitle,.ShowProductCenter ul li h6,.ShowProductCenter ul li ol li i,.pro_addPageTitle h4,.pro_addPagenr ul li:hover h5,.pro_addNewsTitle,pro_addNewsText:hover,.proListR ul li .proListCenterBpx:hover .proListCenterTextR,.pro_addNewsCenter .pro_addNewsBoxR:hover i, .pro_addNewsCenter .pro_addNewsBoxL:hover i,.pagination a:hover, .pagination span:hover,.pagination span.current,.pro_centern1Box1 .pro_centern1Box1Box .pro_centern1BoxTextBox1Center .pro_centern1Box1BoxList .pro_centern1Box1dd,.JourCenterTitle h3::before,.JourCenterTitle h3::after,.newsTonewsTioTime,.newsToNewTopRRboxRTitle::after,.newsTOnewBottomBox ul li:hover .newsTOnewBottomBoxTimeL,.newsTOnewBottomBox ul li::before,.newsTOnewBottomBox ul li::after,.newsTOnewTopRCenter ul li:hover .newsTOnewTopRCenterL,.aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiBg,.service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxListText .service2NyListBoxListTextL i,.newsPageProductPage1Case .newsPageProductPage1CaseBox .hd ul li.on,.newsPageProductaddPage span:hover, .newsPageProductaddPage a:hover,.service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxListText .service2NyListBoxListTextL .service2NyListBoxListTextLList a:hover,.service3Ny .service3NyBox ul li .service3NyBoxText .service3NyBoxTextR em,.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsMenu h4 i::after,.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsMenu ul li em,.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsProduct .newsPageBoxRNewsProductBox h4 i::after,.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsProduct .newsPageBoxRNewsTextBox h4 i::after,.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsProduct .newsPageBoxRNewsTextBox ul li a:hover::after,.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsProduct .newsPageBoxRNewsProductBox ul li:hover,.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsMenu ul li:hover a,.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1RXgnr .newsPageProductPageNewCenter1RXgnrMenu ul li:hover,.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHot .newsPageProductPageNewCenter1CaseHotCenter ul li .newsPageProductPageNewCenter1CaseHotCenterText b,.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHotNews ul li a:hover i{
        background: rgb(1,158,151) !important;
    }
 #pictureViewer .handel-prev:hover, #pictureViewer .handel-next:hover,#pictureViewer .menu-bar .handel:hover,.aboutNewBox2 .aboutNewBox2Box .aboutNewBox2BoxR,.aboutNewBox2 .aboutNewBox2BoxMessage h4::before,.aboutNewBox2 .aboutNewBox2BoxMessage ul li:nth-child(5) button,.newsPageProductPage1 .newsPageProductPage1BottomBd ul li .newsPageProductPage1BottomText .newsPageProductPage1BottomTextBox i em,.service3Ny .service3NyTable ul li .service3NyTableL{
        background-color: rgb(183,16,12) !important;
    }
    .newsTOnewTopRCenterL span,.newsTOnewTopRCenterL i,.newsTonewTopRTitleRMore:hover,.newsPageProductPage1 .newsPageProductPage1Hd ul li .newsPageProductPage1HdBottom a:hover span,.newsPageProductPage1Case .newsPageProductPage1CaseBox .bd .newsPageProductPage1CaseBoxList .swiper-slide ul li:hover a,.newsPageProductPage1Case .newsPageProductPage1CaseBox .bd .newsPageProductPage1CaseBoxList .swiper-slide ul li:hover a,.newsPageProductPage1 .newsPageProductPage1BottomBd ul li:hover .newsPageProductPage1BottomText .newsPageProductPage1BottomTextTitle,.service3Ny .service3NyTable ul li .service3NyTableR a:hover,.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHot .newsPageProductPageNewCenter1CaseHotCenter ul li:hover .newsPageProductPageNewCenter1CaseHotCenterText i,.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHotNews ul li a:hover,.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHot .newsPageProductPageNewCenter1CaseHotTitle a:hover,.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHotNews .newsPageProductPageNewCenter1CaseHotNewsTitle a:hover{
         color: rgb(183,16,12) ;
    }

    .newsTOnewTopRCenterL span,.newsTonewTopRTitleRMore:hover,.img_hd ul li.on,.aboutNewBox2 .aboutNewBox2Box,.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1RXgnr .newsPageProductPageNewCenter1RXgnrMenu ul li:hover,.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHotNews ul li a:hover i{
        border-color:rgb(183,16,12);
    }
    .pro_centern3  .pro_centern1Title a, .pro_centern2  .pro_centern1Title a, .pro_centern1  .pro_centern1Title a{
            border-bottom: 1px solid rgba(183,16,12,.4);
    }
    
    .pro_centern3Box2  .pro_centern3Box2List  .pro_centern3Box2ListBox ul li  .pro_centern3Box2ListBoxLi  .pro_centern3Box2ListMore:hover{
        background:  rgb(183,16,12)  url(images/pro_centern3Box2ListMore2.png)  no-repeat  center;
    }
    
    .p1ckxq{
        background:183,16,12 url(images/pro_centern1BoxTextBox1More.png) no-repeat  80% center !important;
    }
    
    .gallery-thumbs  .swiper-slide-thumb-active  .wjdhBorder,.pro_centern3Box2ListMore:hover,.xgnrbd ul li:hover .wjdhBg1,.border_color,.preview ul li .active-nav,.pro_list ul li:hover .descdd,.driving-way .map-tab .trip-mode a.active i,.honorBox ul li:hover .honorMore1::after, .honorBox ul li:hover .honorMore1::before,.ShowProductImgBoxCenterRMore:hover,.HotproductShow, .HotproductShow1,.showProductTitleMore:hover,.proListR ul li .proListCenterBpx:hover,.wjdhColor2 a:hover,.pro_centern2 .pro_centern1Title a,.pro_centern1Box1 .pro_centern1Box1Box .pro_centern1BoxTextBox1Center .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active,.JourCenterR ul li:nth-child(1) span i::before,.JourCenterR ul li span i::before,.JourCenterR ul li span i,.JourCenterR ul li:nth-child(1) span i,.JourCenterR ul li::after,.newsTOnewTopRTitleLTitle,.service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxList i.service2NyListBoxListIco::after,.service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxList i,.service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxList i::after{
        border-color: rgb(245,131,61) !important;
    }
    
    .gallery-thumbs .swiper-slide-thumb-active .wjdhBorderB{
        border-bottom: 1px solid rgba(183,16,12,.4);
    } 
    
    .pro_centern1Box3  .pro_centern1Box3R h4 i img,.pro_centern4Box1MainRBox i img,.pro_centern1Box4Center .pro_centern1Box4CenterLc .hd ul li.on i{
        border-left:360px solid transparent;  -webkit-filter:drop-shadow(-360px 0 0px  rgb(183,16,12)) !important;  filter:drop-shadow(-360px 0 0px  rgb(183,16,12)) !important;
    }
    
    .caseREimg img{
        border-left:360px solid transparent; -webkit-filter:drop-shadow(-360px 0 0px  rgb(183,16,12)) !important;  filter:drop-shadow(-360px 0 0px  rgb(183,16,12)) !important;
    }
    
    .pro_centern1Box4CenterRMore:hover{
        background: rgb(183,16,12) url(images/pro_centern1Box4CenterRMore1.png) no-repeat  80% center !important
    } 
    
    .pro_centern1Box2  .pro_centern1Box2Box .pro_centern1Box2List:hover .pro_centern1Box2right .pro_centern1Box2More{
        background: rgb(183,16,12) url(images/pro_centern1Box2More1.png) no-repeat  80% center; border:1px solid  rgb(183,16,12);
    } 
    
    .pro_centern1Box5  .pro_centern1Box5Box .pro_centern1Box5BoxLi ul li:hover .pro_centern1Box5BoxLiMore{
        background: rgb(183,16,12) url(images/pro_centern1Box5BoxLiMore1.png) no-repeat  center 50px
    }
    
    .pro_centern3Box1BoxMainR:hover.pro_centern3Box1BoxMainL:hover{
        background: rgb(183,16,12)  url(images/pro_centern3Box1BoxMainL1.png)  no-repeat  center !important
    }

    .pro_centern3Box1BoxMainR:hover.pro_centern3Box1BoxMainR:hover{
        background: rgb(183,16,12)  url(images/pro_centern3Box1BoxMainR1.png)  no-repeat  center !important
    }
    
    .pro_centern2  .pro_centern3Box1Main .pro_centern3Box1MainBox .pro_centern3Box1MainBoxLi .pro_centern3Box1MainBoxMore:hover{
        background: rgb(183,16,12) url(images/pro_centern1BoxTextBox1More.png) no-repeat  72% center
    }
    
    .pro_centern3Box1BoxMainL:hover{
        background:rgb(183,16,12) url(images/pro_centern3Box1BoxMainL1.png) no-repeat  center !important
    }
    
    .pro_centern3Box2ListMore:hover{
        background:rgb(183,16,12) url(images/pro_centern3Box2ListMore2.png) no-repeat  center !important
    } 
    
    .pro_centern2  .pro_centern3Box1Main .pro_centern3Box1MainBox .pro_centern3Box1MainBoxLi:hover i::before{
        border-top:1px solid rgb(183,16,12);border-bottom:1px solid rgb(183,16,12)
    } 
    
    .pro_centern2  .pro_centern3Box1Main .pro_centern3Box1MainBox .pro_centern3Box1MainBoxLi i::after{
        border-left:1px solid rgb(183,16,12);
        border-right:1px solid rgb(183,16,12)
    }
    
    .pro_centern2  .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList:hover .pro_centern5Box1MainBoxListB{
        background: rgba(183,16,12,.4);
    }
    
    .pro_centern1Box4CenterLBth i:hover{background: rgb(183,16,12) url(images/pro_centern1Box4CenterLBth.png) no-repeat center;}
    
    .pro_centern1Box4CenterRBth i:hover{    background: rgb(183,16,12) url(images/pro_centern1Box4CenterRBth.png) no-repeat center;}
 .service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxListText .service2NyListBoxListTextL .service2NyListBoxListTextLMore::after{border-left-color:rgb(183,16,12)} .productCenterShow .ShowProductTitle{   background: rgb(183,16,12)  url(images/ShowProductTitle.png) no-repeat top;}

    .pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox1 .pro_centern1BoxTextBoxShare a.pro_centern1BoxTextBox1More:hover{
        background:rgb(183,16,12) url(images/pro_centern1BoxTextBox1More.png) no-repeat 80% center;
    }

     .pro_centern1Box1 .pro_centern1Box1Box .pro_centern1BoxTextBox1Center .pro_centern1Box1BoxList .pro_centern1Box1dd h4{
        color: #fff !important;
    }   

    
    </style><div style="display: none" class="ubey-RecordingScreen-count-down ubey-RecordingScreen-count-down-container">
    <style>
        .ubey-RecordingScreen-count-down-container {
            position: fixed;
            height: 100vh;
            width: 100vw;
            top: 0;
            left: 0;
            z-index: 9999999999999;
            background-color: rgba(0, 0, 0, 0.2);
        }

        .ubey-RecordingScreen-count-down-content {
            position: absolute;
            display: flex;
            top: 50%;
            left: 50%;
            justify-content: center;
            align-items: center;
            color: white;
            height: 15em;
            width: 15em;
            transform: translate(-50%, -100%);
            background-color: rgba(0, 0, 0, 0.6);
            border-radius: 50%;
        }

        #ubey-RecordingScreen-count-count {
            font-size: 14em;
            transform: translateY(-2%);
        }