@charset "utf-8";

html{font-size:625%}

body{font-size:16px;background:#FFF}

body,html,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,th,td,form,object,iframe,blockquote,pre,a,abbr,address,code,img,fieldset,form,label,figure{margin:0;padding:0}

body,html,input,button,textarea{color:#000;font-family:'Roboto-Regular',Arial,Helvetica,sans-serif;line-height:1.5}

body{background-color:#fff}

article,aside,figcaption,figure,footer,header,main,nav,section{display:block}

h1{font-size:20px}

h2{font-size:18px}

h3{font-size:16px}

h4,h5{font-size:16px}

img{border:none;vertical-align:middle;max-width:100%}

li{list-style:none}

i,em{font-style:normal}

a{color:#333;text-decoration:none}

a:focus{outline:none}

a:hover{color:#000;text-decoration:none}

input[type="text"]:focus{outline:none}

input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer}

input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0}

hr{height:1px;border:none;border-top:1px dashed #c1c1c1;margin:15px 0}

a:active,select,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:0!important}

*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;outline:0}

body{width:100%;position:absolute;left:0;top:0;overflow-x:hidden}

.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}
.ellipsis4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow:ellipsis;}
.ellipsis5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow:ellipsis;}
.ellipsis6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow:ellipsis;}
.head_nav>li>a>b:after, .nav_wrap .head_nav li ul a{
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.about_logos li img{
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}


.sep-container{font-family: 'Roboto-Regular',Arial,Helvetica,sans-serif !important;}

/* layout */

.layout{width:1400px;margin:0 auto}

.hide{display:none}

.img{position:relative;width:100%;padding-top:100%;height:0}

.img>img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;transition:all ease-in-out .3s}

.index_title{font-family: Century751BT-BoldB;/* font-family: Roboto-Bold; */font-size:50px;line-height:50px;color:#013B53;line-height: 130%;}
.index_title a:hover{color: var(--conmmonSideColor-color);}

.index_title_small{font-family: Roboto-Bold;font-size: 18px;color: #013B53;margin-bottom: 18px; text-transform: uppercase;}

.index_detail{font-size: 18px;color: #666;line-height: 150%; margin-top: 20px;}

.floatL{float:left}

.floatR{float:right}

.clearfloat{clear:both}

.product_cate .index_title a{

    color:#013B53;

}

.index_customer .index_title a{
    color:#013B53;
}
.product_cate .index_title a:hover, .index_customer .index_title a:hover{color: var(--conmmonSideColor-color);}



/* font family */



@font-face{font-family:'OpenSans-Bold';src:url(fonts/OpenSans/OpenSans-Bold.eot);src:url(fonts/OpenSans/OpenSans-Bold.eot?#iefix) format("embedded-opentype"),url(fonts/OpenSans/OpenSans-Bold.woff2) format("woff2"),url(fonts/OpenSans/OpenSans-Bold.woff) format("woff"),url(fonts/OpenSans/OpenSans-Bold.ttf) format("truetype"),url(fonts/OpenSans/OpenSans-Bold.svg#OpenSans-Bold) format("svg");font-weight:700;font-style:normal;font-display:swap}

@font-face{font-family:'Roboto-Regular';src:url(fonts/Roboto/Roboto-Regular.eot);src:url(fonts/Roboto/Roboto-Regular.eot?#iefix) format("embedded-opentype"),url(fonts/Roboto/Roboto-Regular.woff2) format("woff2"),url(fonts/Roboto/Roboto-Regular.woff) format("woff"),url(fonts/Roboto/Roboto-Regular.ttf) format("truetype"),url(fonts/Roboto/Roboto-Regular.svg#Roboto-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}

@font-face{font-family:'Roboto-Bold';src:url(fonts/Roboto/Roboto-Bold.eot);src:url(fonts/Roboto/Roboto-Bold.eot?#iefix) format("embedded-opentype"),url(fonts/Roboto/Roboto-Bold.woff2) format("woff2"),url(fonts/Roboto/Roboto-Bold.woff) format("woff"),url(fonts/Roboto/Roboto-Bold.ttf) format("truetype"),url(fonts/Roboto/Roboto-Bold.svg#Roboto-Bold) format("svg");font-weight:700;font-style:normal;font-display:swap}

@font-face {font-family: 'Century751BT-BoldB';src: url('fonts/Century751BT/Century751BT-BoldB.eot');src: url('fonts/Century751BT/Century751BT-BoldB.eot?#iefix') format('embedded-opentype'),url('fonts/Century751BT/Century751BT-BoldB.woff2') format('woff2'),url('fonts/Century751BT/Century751BT-BoldB.woff') format('woff'),url('fonts/Century751BT/Century751BT-BoldB.ttf') format('truetype'),url('fonts/Century751BT/Century751BT-BoldB.svg#Century751BT-BoldB') format('svg');font-weight: bold;font-style: normal;font-display: swap;}





@font-face{font-family:'fontawesome';src:url(fonts/Font-Awesome/fontawesome-webfont.eot?v=4.5.0);src:url(fonts/Font-Awesome/fontawesome-webfont.eot?#iefix&v=4.5.0) format("embedded-opentype"),url(fonts/Font-Awesome/fontawesome-webfont.woff2?v=4.5.0) format("woff2"),url(fonts/Font-Awesome/fontawesome-webfont.woff?v=4.5.0) format("woff"),url(fonts/Font-Awesome/fontawesome-webfont.ttf?v=4.5.0) format("truetype"),url(fonts/Font-Awesome/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular) format("svg");font-weight:400;font-style:normal;font-display:swap}







/* header */

.web_head{position: fixed;top: 27px;left: 0;width: 100%;z-index: 999;transition: all ease-in-out .3s;}

.web_head .layout{display:flex;align-items:center;justify-content:space-between;background-color: #fff;box-shadow: 0px 1px 40px 0px  rgba(199, 228, 251, 0.2);border-radius: 10px;height: 100px;padding: 0 3%;}

.web_head .header_right{display:flex;align-items:center}

.nav_wrap{flex: 1; text-align: center;}

.head_nav>li{display:inline-block;padding:0 2%;position:relative; text-align: left;}

.head_nav>li>a{text-transform:capitalize;font-size: 18px;color: #333;transition: all ease-in-out .3s;font-weight: bold; line-height: 50px; display: block;}

.head_nav>li:hover>a,.head_nav>li.nav-current>a{color:#013B53;}

.head_nav>li::after{content: '';display: inline-block;/* background-image: url(img/sanjiao.webp);width: 19px; */height: 6px;position: absolute;bottom: -4px;left: 50%;transform: translateX(-50%) translateY(10px);opacity: 0;transition: all ease-in-out .3s;
    border-top: 0;
    border-bottom: 7px solid var(--conmmonSideColor-color);
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;

}

.head_nav>li:hover::after,.head_nav>li.nav-current::after{transform: translateX(-50%) translateY(0);opacity: 1;}

.head_nav>li>a>b {
    display: inline-block; margin-left: 5px;
}
.head_nav>li>a>b:after {
    content: "\f107"; font-family:fontawesome;
    display: block; font-size: 18px;
}
.nav_wrap .head_nav>li:hover>a>b:after {
    border-top-color: #fff;
    -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg); transform: rotate(180deg)
}


.btn--search{width:16px;height:16px;background-image:url(img/seach.webp);position:relative;margin-right:60px;cursor:pointer}

.btn--search::after{content:'';display:inline-block;position:absolute;right:-30px;top:50%;transform:translateY(-50%);width:1px;height:14px;background-color:#000}

.nav_wrap .head_nav li ul a{font-size:16px;text-transform:capitalize;color:#fff; display: block; padding: 8px 15px;}

.nav_wrap .head_nav li li ul{top:0;left:250px;background-color:#333}

.nav_wrap .head_nav li:hover > ul{transform:scale3d(1,1,1);opacity:1;visibility:visible}

.nav_wrap .head_nav li ul{position:absolute;left:0;top:100%;width:250px;padding:10px 0;z-index:999;opacity:0;visibility:hidden;background-color:#333;}

.nav_wrap .head_nav li ul li{margin:0 0};

.nav_wrap .head_nav li ul a{font-size:16px;color:#fff;}
.nav_wrap .head_nav li ul a:hover{background-color: var(--conmmonSideColor-color);}

.nav_wrap .head_nav li ul li.has-child{position: relative;}

.nav_wrap .head_nav li ul li.has-child::after{content: '>';display: inline-block;font-size: 16px;color: #fff;position: absolute;top: 50%;transform: translateY(-50%);right: 16px;}

.fixed-nav.web_head{top: 0;}
.fixed-nav .web_header{background: #fff; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .15);}

.fixed-nav.web_head .pc_logo img{height: 50px;}

.fixed-nav.web_head .layout{height: 80px;}
.fixed-nav .head_nav>li::after{bottom: 0;}









/* banner */

.slider_banner{margin-bottom: 60px;}

.slider_banner .swiper-slide a{display:block;position:relative}

.slider_banner .swiper-slide img{width:100%;min-height:150px}

.slider_banner .swiper-slide img+img{position:absolute;left:0;top:0}

.slider_banner .swiper-slide img{width:100%;transition:3s linear;transform:scale(1.08)}

.slider_banner .swiper-slide.swiper-slide-active img{transform:scale(1)}

.slider_banner .swiper-slide-active .banner-title,.slider_banner .swiper-slide-active .banner-ft{-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;opacity:1}

.slider_banner .swiper-pagination{bottom: 14px!important;text-align:center;color: #0070bc;}
.slider_banner .layout{position: relative;}
.slider_banner .swiper-pagination .swiper-pagination-bullet{width:30px;height:30px;background-color:#dfdfdf;border-radius:0; background: transparent; font-size: 20px; vertical-align: baseline; line-height: 30px; margin-right: 6px; background: rgba(255,255,255,.75); border-radius: 50%; box-shadow: 0 0 3px 1px rgba(0, 0, 0, .15);}

.slider_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{/* background-color:#000; background: none; */ color: #000; font-weight: bold; font-size: 22px;}

.slider_banner .slide-page-box{display:none}

.slider_banner .banner_button_prev,.slider_banner .banner_button_next{position:absolute;top:50%;transform:translateY(-50%);z-index:90;cursor:pointer}

.slider_banner .banner_button_prev::after,.product_arrow .swiper-button-prev::after,.review-layout .swiper-button-prev::after{content:'\f104'}

.slider_banner .banner_button_next::after,.product_arrow .swiper-button-next::after,.review-layout .swiper-button-next::after{content:'\f105'}

.slider_banner .banner_button_prev::after,.slider_banner .banner_button_next::after{font-family:fontawesome;color:#bcbcbc;font-size:50px;transition:all ease-in-out .3s}

.slider_banner .banner_button_prev:hover::after,.slider_banner .banner_button_next:hover::after,.product_arrow .swiper-button-next:hover::after,.review-layout .swiper-button-next:hover::after,.product_arrow .swiper-button-prev:hover::after,.review-layout .swiper-button-prev:hover::after{color:#000}

.slider_banner .banner_button_prev{left:70px;width:50px;text-align: center;}

.slider_banner .banner_button_next{right:70px;width:50px;text-align: center;}





/*  index product */

.product_cate_list{overflow: hidden;margin-top: 4%;margin-bottom: 6%;}

.product_cate_list li{width: 21.25%;margin-right: 5%;float: left;margin-bottom: 50px;}

.product_cate_list li:nth-child(4n){margin-right:0 ;}

.product_cate_list li .img{padding-top: 100%;}

/* .product_cate_list li .img>img{object-fit: contain;max-width: 100%;max-height: 100%;width: auto;height: auto;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);} */
.product_cate_list li .img>img{object-fit: cover;}

.product_cate_list li .title{text-align: center; margin-top: 10px;}

.product_cate_list li .title a{font-size: 22px;color: #000;transition: all ease-in-out .3s;}

.product_cate_list li .title a:hover{color:  #0070bc;}

.product_cate_list li .more_btn{position: absolute;top: 50%;left: 50%;opacity: 0;transform: translateX(-50%) translateY(0);transition: all ease-in-out .3s; width: 66px; height: 66px;}
.product_cate_list li .more_btn img{width: 100%; height: 100%;}
.product_cate_list li:hover .more_btn{transform: translateX(-50%) translateY(-50%);opacity: 1;}





/* index_about */

.index_about{display: flex;justify-content: space-between;align-items: flex-end;} 

.index_about .ll{width:31.4% ;}

.index_about .ll .img{padding-top: 160%;}

.index_about .ll:hover img{

    transform: scale(1.05);

}

.index_about .rr{width:60.78% ;padding-right: calc(50% - 700px);}

.about_logo_ww{padding-right: 14.41%;}

.logotop{font-family: Roboto-Bold;font-size: 18px;color: #013B53;margin-top: 60px;margin-bottom: 28px;}

.about_logos{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}

.about_logos li{width: 25%;margin-bottom: 20px; overflow: hidden;}

.about_logos li:hover  img{

    transform: scale(1.1);

}

.index_about .index_title_small{margin-bottom: 8px;}

.index_about .index_detail{margin-top: 40px;}

.index_more_btn{margin-top: 40px;}

.index_more_btn a{display: inline-block;background-color: #65AAC9;box-shadow: 0px 9px 16px 0px #c7e4fb;border-radius: 30px;line-height: 70px;font-size: 22px;color: #fff;padding: 0 43px; background-color: var(--conmmonSideColor-color);}

.index_more_btn a:hover{text-decoration: underline;}

.about_video_btn{position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);z-index: 800;cursor: pointer}

.aboutvideo{display: none; position: fixed;top: 50%;left: 50%;z-index: 9998;width:100%; max-width: 1000px; transform: translateX(-50%) translateY(-50%);}

.aboutvideo .position {position: relative;}

.aboutvideo .position .video-close {width: 40px;height: 40px;background-color: rgba(0, 0, 0, .6);color: #fff;line-height: 40px;font-size: 18px;text-align: center;transition: all ease-in-out .4s;top: -40px;right:0px;position: absolute;display: inline-block;cursor: pointer;}

.aboutvideo .position .video-close:hover {background-color: red;}

.iframebox{

    width:100%;

    /* height:300px; */

    border:none;

}







/* news */

.relate-news{margin-top: 120px;}

.relate-news .ppp_title{margin-bottom: 80px;}

.relate-news .img{padding-top: 68.8%;}

.relate-news .img .time{line-height: 40px;background-color: #73B1CE;border-radius: 10px;display: inline-block;padding: 0 20px;font-family: Roboto-Regular;color: #ffffff;position: absolute;left: 40px;bottom: -12px; background-color: var(--conmmonSideColor-color);}

.relate-news .news_con{padding: 40px;}
.relate-news .swiper-slide:hover .news_con{box-shadow: 0px 25px 35px 0px rgba(199,228,251,0.19);;}

.relate-news .news_con .title{font-family: Roboto-Bold;font-size: 26px;	color: #333;line-height: 120%;margin-bottom: 18px; line-height: 1.25; height: 3.75em;}

.relate-news .news_con .detail{font-family: Roboto-Regular;color: #666;height: 72px;}

.read_btn{display: flex;align-items: center;justify-content: space-between;margin-top: 24px;}

.read_btn a{font-family: Roboto-Regular;font-size: 18px;color:  #013B53;}

.read_btn img{opacity: .4;transition: all ease-in-out .3s;}

.read_btn:hover img{opacity: 1;}

.relate-news .swiper-slide:hover .img img{transform: scale(105%);}

.relate-news .news_con .title:hover{text-decoration: underline;}

.up_news{position: relative;}

.relate-news.index_news{margin-top: 50px;}

.relate-news.index_news .index_title{margin-bottom: 70px;}

.relate-news.index_news .index_title a{
    color:#013B53;
}
.relate-news.index_news .index_title a:hover{color: var(--conmmonSideColor-color);}



/* customer */

.index_customer{margin-top: 150px; padding-bottom: 30px;}

.index_customer .index_detail{margin-top: 20px;margin-bottom: 50px;}

.services_lists{display: flex;justify-content: space-between;}

.services_lists li{width: 24.6%;padding: 50px 38px 60px 32px;transition: all ease-in-out .3s;}

.services_lists li .icon{margin-bottom: 26px;transition: all ease-in-out .3s;}

.services_lists li .icon img{transition: all ease-in-out .3s;}

.services_lists li .title{font-family: Roboto-Bold;font-size: 18px;color: #000;transition: all ease-in-out .3s;}

.services_lists li .detail{color: #666666;line-height: 150%;margin-top: 16px;}

.services_lists li:hover{box-shadow: 0px 25px 35px 0px  rgba(199, 228, 251, 0.43);}

.services_lists li:hover .title{color: #0070bc;}

.services_lists li:hover .icon img{transform: rotateY(180deg);}







/* High-Rated Online */

.bl_bg_top{background-image: url(img/demo/topbg.png);background-repeat: no-repeat;background-position: top left;background-size: 100% auto;padding-top: 276px;margin-top: -120px;background-color: #F1F9FF;}

.bl_bg_bottom{background-image: url(img/demo/bottombg.png);background-repeat: no-repeat;background-position: bottom left;background-size: 101% auto;padding-bottom: 278px;}

.bl_bg_top .layout{padding: 90px 0 ;color: #333;}

/* .ms_bottom{background-color: #F1F9FF;} */

.ms_bottom p{

    font-family: 'Roboto-Regular';

    color: #333;

    font-size: 18px;

    line-height: 30px;

    margin:20px 0;

}

.bl_bg_bottom .bl_bg_title{

    font-family: Century751BT-BoldB;

    font-size: 50px;

    color: #013B53;

    position: relative;

    line-height: 100%; line-height: 1.25;

    text-align: center;

}

.bl_bg_top.index_high{margin-top: -100px;}

.index_high .index_title{text-align: center;margin-bottom: 34px;}

.index_high .index_detail{text-align: center;}

.star_bottom{position: relative;}

.star_container{margin-top: 100px;}

.star_container .swiper-slide{text-align: center; height: auto; position: relative; padding-bottom: 66px;}

.star_container .star_icon img{width:17px ;height: auto;}

.star_container .title{font-size: 24px;color: #000000;margin-top: 24px;}

.star_container .name{margin-top: 40px;background-color: #65AAC9;box-shadow: 0px 9px 16px 0px #c7e4fb;border-radius: 10px;line-height: 43px;color: #fff;font-size: 18px;padding: 0 20px;width: auto;display: inline-block; background-color: var(--conmmonSideColor-color); position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); max-width: 100%; white-space: nowrap;}



.page_contactbtn{display: flex;align-items: center;background-color: #f1f9ff;border-radius: 83px;padding:50px 6.2% ; justify-content: space-between;margin-top: 90px;}

.page_contactbtn .ll{width: 68%;}

.page_contactbtn .ll .title{font-family: Century751BT-BoldB;font-size: 40px;color: #013B53 ;}

.page_contactbtn .ll .detail{font-family: 'Roboto-Regular';font-size: 20px;color: #666666;line-height: 28px;margin-top: 10px;}

.page_contactbtn .get_onclick{display: inline-block;background-color: #65AAC9;background-color: var(--conmmonSideColor-color);box-shadow: 0px 9px 16px 0px #c7e4fb;border-radius: 30px;line-height: 68px;padding: 0 24px;font-family: 'Roboto-Regular';font-size: 22px;color: #fff;transition: all ease-in-out .3s;}

.page_contactbtn .get_onclick:hover{opacity: .6;}



/* footer */

.web_footer{

    margin-top: 90px;

    background-image: url(img/demo/footbg.png);

    padding-top: 215px;

    background-repeat: no-repeat;

    background-size: cover;

    /* background-color: #65AAC9; */

}

.web_footer .foot_items {

    /*padding-right: 21%;*/

    display: flex;justify-content: space-between;}

.web_footer .foot_detail{font-size: 18px;margin-top: 30px;color: #fff;line-height: 150%;}

.touch_list{margin-top: 35px;display: flex;align-items: center;}

.touch_list li a{display: flex;align-items: center;justify-content: center;}

.touch_list li{margin-right: 36px;}

.touch_list li .img2{display: none;}

.touch_list li:hover .img2{display: block;}

.touch_list li:hover .img1{display: none;}

.foot_title{font-family: Roboto-Bold;font-size: 22px;color: #fff;margin-bottom: 35px; text-transform: uppercase;}
.foot_title a{color: #fff; position: relative; display: inline-block;}
.foot_title a::before{position: absolute; left: 0; bottom: -2px; height: 2px; background: #fff; content: ''; width: 0; transition: all 0.5s ease;}
.foot_title a:hover::before{width: 60px;}

.foot-item-contact,.foot-item-link{padding-top: 18px;}

.foot-item-logo{width: 28%;}
.foot-item-contact{width: 48%;}
.foot-item-link{width: 20%;}

.foot-item-link.mobile{

    display:none;

}

.foot-item-link .group{

   display: flex;

    justify-content: space-between;

}

.foot-item-link .group .links_list{

    width:100%;



}

.foot-item-link .group .links_list:nth-child(2){

    /*margin-right:20px;*/

    width:44%;

}

.foot-item-logo.mobile{

    display:none;

}



.links_list li a{color: #e7f3fb;font-size: 18px;text-transform: capitalize;}

.links_list li{margin-bottom: 25px;transition: all ease-in-out .3s;position: relative;}

.links_list li::after{content: '';display: inline-block;width: 0;height: 9px;background-image: url(img/sjsj.png);position: absolute;left: 0;top: 50%;transition: all ease-in-out .3s;transform: translateY(-50%);}

.links_list li:hover::after{width: 7px;}

.links_list li:hover{padding-left: 13px;}


.foot-item-contact .links_list{display: flex; flex-wrap: wrap;}
.foot-item-contact .links_list li{width: 48.5%; height: 100%;}
.foot-item-contact .links_list li:nth-child(2n){margin-left: 3%;}

.web_footer .foot-logo{

    display: block;

}

.web_footer .foot-logo img{

    display: block;

    margin: 0 2.5%;

}



.rightcopy{border-top: 1px solid #2a78b0;margin-top: 30px;}

.rightcopy,.rightcopy a{font-size: 18px;color: #fff;}

.rightcopy .layout{padding: 30px 0;
    display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex; justify-content: space-between; align-items: center;
}
.rightcopy .txt{flex: 1;}
.rightcopy .link{width: 200px;}

.rightcopy a:hover{text-decoration: underline;}









/* scrollsidebar */

#index_scrollsidebar{top:50%;right:-6px;transition:all ease-in-out 1s;visibility:hidden;opacity:0;position:static;transform:translateY(-50%)}

#index_scrollsidebar ul li{width:62px;height:62px;margin-bottom:3px;display:flex;justify-content:center;align-items:center;position:relative}

#index_scrollsidebar ul li .show0{position:absolute;background-color:#b8b8b8;padding:6px;border-radius:8px;right:80px;top:50%;transition:all ease-in-out .5s;transform:translateY(-50%);display:none}

#index_scrollsidebar ul li .show0,#index_scrollsidebar ul li .show0 a{font-size:16px;color:#fff;text-wrap:nowrap}

#index_scrollsidebar ul li:hover .show0{display:block}

#index_scrollsidebar ul li .show0 img{width:150px;height:auto}

#index_scrollsidebar ul li>a{display:inline-block;width:100%;height:100%;border-radius:8px;text-align:center;line-height:62px}

#index_scrollsidebar .gototop{background-color:#528e42;border-radius:8px}

.hvr-radial-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);position:relative;overflow:hidden;background:#b8b8b8;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}

.hvr-radial-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#000;border-radius:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}

.hvr-radial-out:hover,.hvr-radial-out:focus,.hvr-radial-out:active{color:#fff}

.hvr-radial-out:hover:before,.hvr-radial-out:focus:before,.hvr-radial-out:active:before{-webkit-transform:scale(2);transform:scale(2)}

/* .scrollsidebar li:nth-child(1) .hvr-radial-out{background-color:#865e53}

.scrollsidebar li:nth-child(2) .hvr-radial-out{background-color:#4074a5}

.scrollsidebar li:nth-child(3) .hvr-radial-out{background-color:#e17307}

.scrollsidebar li:nth-child(4) .hvr-radial-out{background-color:#528e42} */







/* search */

.search-ipt{border:0;background:transparent;border-radius:0;-webkit-appearance:none}

.web-search{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;visibility:hidden}

.web-search .btn--search-close{display:inline-block;font-size:2em;position:absolute;top:1.25em;right:1.25em;display:none;background:url(img/search_btn_close.png) no-repeat center 0;width:50px;height:50px;cursor:pointer;background-color:#000;border-radius:50%;background-position:center}

.web-search .btn--search-close:hover{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}

.js .btn--search-close{display:block}

.web-search .search-ipt{font-family:inherit;line-height:1;display:inline-block;box-sizing:border-box;width:75%;padding:.05em 0;color:#333;border-bottom:3px solid;font-size:20px;line-height:10px}

.web-search .search-ipt::-webkit-input-placeholder{color:#333;font-weight:700}

.web-search .search-ipt::-moz-placeholder{opacity:1;color:#333;font-weight:700}

.web-search .search-ipt:-ms-input-placeholder{color:#333;font-weight:700}

.web-search .search-ipt::-webkit-search-cancel-button,.web-search .search-ipt::-webkit-search-decoration{-webkit-appearance:none}

.web-search .search-ipt::-ms-clear{display:none}

.web-search .search-attr{font-size:90%;display:block;width:75%;margin:0 auto;padding:.85em 0;text-align:right;color:#333}

.js .container{position:relative;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}

.js .main-wrap--move{height:100vh}
.main-wrap--move:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100000;
}

.js .web-search{pointer-events:none}

.js .search--open{pointer-events:auto;opacity:1;visibility:visible}

.web-search .btn--search-close{opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}

.search--open .btn--search-close{opacity:1;-webkit-transition:transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease;-webkit-animation:bounceInA 1s ease;-o-animation:bounceInA 1s ease;animation:bounceInA 1s ease}

.search__suggestion,.web-search .search-attr{opacity:0;-moz-transform:translate3d(0,30px,0);-webkit-transform:translate3d(0,30px,0);-ms-transform:translate3d(0,30px,0);-o-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0);-moz-transition:opacity 0.8s,transform .8s;-webkit-transition:opacity 0.8s,transform .8s;-ms-transition:opacity 0.8s,transform .8s;-o-transition:opacity 0.8s,transform .8s;transition:opacity 0.8s,transform .8s}

.search--open .search-attr{opacity:1;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);font-size:20px}

.js .web-search .search-ipt{font-size:60px;font-weight:700;border-bottom-width:1px;padding:15px 0;-moz-transform:scale3d(0,1,1);-webkit-transform:scale3d(0,1,1);-ms-transform:scale3d(0,1,1);-o-transform:scale3d(0,1,1);transform:scale3d(0,1,1);-moz-transform-origin:0 50%;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;-o-transform-origin:0 50%;transform-origin:0 50%;-moz-transition:transform .3s;-webkit-transition:transform .3s;-ms-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s;opacity:0;text-transform:uppercase}

.js .web-search .search-ipt,.web-search .search-attr{-webkit-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s}

.js .search--open .search-ipt{-moz-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1;-moz-transition-duration:.4s;-webkit-transition-duration:.4s;-ms-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s}

.js .search--open .search-btn{display:none!important}

.web-search .search-attr{padding-bottom:0}

.js .web-search{width:70%;height:210px;position:fixed;left:0;top:0;right:0;bottom:0;padding:35px 0;margin:auto;border-radius:0;z-index:100001;perspective:1200px}

.js .web-search::before{content:'';position:absolute;top:0;right:0;width:100%;height:100%;border-radius:0;opacity:0;background:rgba(255,255,255,0.98);background-color:#fff\9;-webkit-transform:translateY(-30%) rotateX(-60deg);-ms-transform:translateY(-30%) rotateX(-60deg);-o-transform:translateY(-30%) rotateX(-60deg);transform:translateY(-30%) rotateX(-60deg);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}

.js .search--open::before{opacity:1;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none}









/* language */

.prisna-wp-translate-seo{display:none;font-family:Arial,Helvetica,sans-serif}

.change-language .prisna-wp-translate-seo,.mobile-head-language .prisna-wp-translate-seo{display:block}

.change-language .change-language-title,.change-language .change-language-title a{font-size:16px}



.change-language .change-language-title a{display:flex;align-items:center;position:relative}

.change-language:hover .change-language-title a:after{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);-ms-transform:rotate(-180deg)}

.change-language .change-language-cont{position:absolute;top:48px;right:0;z-index:999;visibility:hidden;overflow-y:scroll;padding:20px 10px 20px 20px;width:360px;max-height:80vh;border:1px solid #eee;border-radius:5px;background:#fff;opacity:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;transform:scale3d(.9,.9,1);-ms-transition:all .3s ease-in-out}

.change-language:hover .change-language-cont{visibility:visible;opacity:1;transform:scale3d(1,1,1)}

.change-language .change-language-cont li{display:inline-block;overflow:hidden;margin:1px 0;padding:0 10px 0 0;width:49%;vertical-align:top;font-size:16px}

.change-language .change-language-cont li a:hover{color:#3368c6}

.change-language .change-language-cont .lang-item-hide{display:none!important}

.change-language .change-language-cont .lang-more{position:relative;display:block;text-align:center;line-height:30px;cursor:pointer}

.change-language .change-language-cont .more-active{font-size:20px}

.language-flag span{position:relative;display:inline-block;overflow:hidden;vertical-align:top;white-space:nowrap}

.change-language-title .language-flag span{font-family:Roboto-Regular;text-transform:capitalize;padding: 0 0 0 0;}

.change-language ::-webkit-scrollbar{width:5px}

.change-language ::-webkit-scrollbar-track{background-color:#fff}

.change-language ::-webkit-scrollbar-thumb{border-radius:3px;background-color:rgba(0,0,0,.3)}

.change-language .language-cont:hover::-webkit-scrollbar-thumb{display:block}

.change-language .change-language-cont{width:560px!important;background-color:#fff}

.language-flag span{position:relative;display:inline-block;vertical-align:top;*display:inline;*zoom:1;white-space:nowrap;padding:0 0 0 26px;overflow:hidden}

.change-language ::-webkit-scrollbar{width:5px}

.change-language ::-webkit-scrollbar-track{background-color:#fff}

.change-language ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:3px}

.change-language .language-cont:hover::-webkit-scrollbar-thumb{display:block}

li.language-flag a{position:relative}

.change-language-cont li{width:49%; margin-right: 2%;}
.change-language-cont li:nth-child(2n){margin-right: 0;}

.change-language-cont{display:flex;flex-wrap:wrap}

.language-flag span{position:relative;display:inline-block;vertical-align:top;*display:inline;*zoom:1;white-space:nowrap;padding:0 0 0 0;overflow:hidden}

.change-language ::-webkit-scrollbar{width:5px}

.change-language ::-webkit-scrollbar-track{background-color:#fff}

.change-language ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:3px}

.change-language .language-cont:hover::-webkit-scrollbar-thumb{display:block}

li.language-flag a{position:relative; display: block; padding: 6px 0;}

.change-language-cont li{width:49%}
/* .change-language-cont li{width:100%;} */
.change-language-cont{display: flex;flex-wrap: wrap;}
.language--img{background: url(img/yuzhongBG.jpg)no-repeat center center;display: inline-block;width: 18px;height: 12px;margin-right: 6px; vertical-align: middle; /*position: absolute; top: 50%; transform: translate(-50%);*/}
.language-en{background-position: 0 -218px;}
.language-af{background-position: 0 -1px;}
.language-sq{background-position: 0 -940px;}
.language-am{background-position: 0 -9px;}
.language-be{background-position: 0 -48px;}
.language-eu{background-position: 0 -252px;}
.language-az{background-position: 0 -36px;}
.language-hy{background-position: 0 -456px;}
.language-ar{background-position: 0 -24px;}
.language-am{background-position: 0 -12px;}
.language-fy{background-position: 0px -300px;}
.language-fr{background-position: 0px -288px;}
.language-fi{background-position: 0px -276px;}
.language-et{background-position: 0px -240px;}
.language-eo{background-position: 0px -192px;}
.language-en{background-position: 0 -216px;}
.language-da{background-position: 0px -168px;}
.language-cs{background-position: 0px -144px;}
.language-hr{background-position: 0px -420px;}
.language-co{background-position: 0px -132px;}
.language-ceb{background-position: 0px -108px;}
.language-ca{background-position: 0px -96px;}
.language-bg{background-position: 0 -448px;}
.language-bs{background-position: 0 -84px;}
.language-bn{background-position: 0 -72px;}
.language-be{background-position: 0 -48px;}
.language-is{background-position: 0px -492px;}
.language-sm{background-position: 0px -972px;}
.language-ro{background-position: 0px -888px;}
.language-pa{background-position: 0px -840px;}
.language-pt{background-position: 0px -876px;}
.language-pl{background-position: 0px -852px;}
.language-fa{background-position: 0px -264px;}
.language-ps{background-position: 0px -264px;}
.language-or{background-position: 0px -827px;}
.language-no{background-position: 0px -780px;}
.language-ne{background-position: 0px -792px;}
.language-my{background-position: 0px -768px;}
.language-mn{background-position: 0px -720px;}
.language-mr{background-position: 0px -732px;}
.language-mi{background-position: 0px -684px;}
.language-mt{background-position: 0px -756px;}
.language-ml{background-position: 0px -708px;}
.language-ms{background-position: 0px -744px;}
.language-mg{background-position: 0px -672px;}
.language-mk{background-position: 0px -696px;}
.language-lb{background-position: 0px -624px;}
.language-lt{background-position: 0px -648px;}
.language-lv{background-position: 0px -660px;}
.language-la{background-position: 0px -613px;}
.language-lo{background-position: 0px -636px;}
.language-ky{background-position: 0px -600px;}
.language-ku{background-position: 0px -120px;}
.language-ko{background-position: 0px -588px;}
.language-rw{background-position: 0px -912px;}
.language-km{background-position: 0px -564px;}
.language-kk{background-position: 0px -552px;}
.language-kn{background-position: 0px -576px;}
.language-jv{background-position: 0px -528px;}
.language-ja{background-position: 0px -516px;}
.language-it{background-position: 0px -504px;}
.language-ga{background-position: 0px -312px;}
.language-id{background-position: 0px -467px;}
.language-ig{background-position: 0px -480px;}
.language-hu{background-position: 0px -443px;}
.language-hmn{background-position: 0px -408px;}
.language-hi{background-position: 0px -397px;}
.language-he{background-position: 0px -384px;}
.language-haw{background-position: 0px -300px;}
.language-ha{background-position: 0px -1079px;}
.language-ht{background-position: 0px -432px;}
.language-gu{background-position: 0px -348px;}
.language-el{background-position: 0px -204px;}
.language-de{background-position: 0px -180px;}
.language-ka{background-position: 0px -540px;}
.language-gl{background-position: 0px -336px;}
.language-ru{background-position: 0px -900px;}
.language-gd{background-position: 0px -324px;}
.language-sr{background-position: 0px -1006px;}
.language-st{background-position: 0px -1017px;}
.language-sn{background-position: 0px -984px;}
.language-sd{background-position: 0px -984px;}
.language-si{background-position: 0px -1271px;}
.language-sk{background-position: 0px -1223px;}
.language-sl{background-position: 0px -960px;}
.language-so{background-position: 0px -994px;}
.language-es{background-position: 0px -227px;}
.language-su{background-position: 0px -1031px;}
.language-sw{background-position: 0px -1055px;}
.language-sv{background-position: 0px -1043px;}
.language-tl{background-position: 0px -1115px;}
.language-tg{background-position: 0px -1091px;}
.language-ta{background-position: 0px -1067px;}
.language-tt{background-position: 0px -1151px;}
.language-te{background-position: 0px -1079px;}
.language-th{background-position: 0px -1103px;}
.language-tr{background-position: 0px -1138px;}
.language-tk{background-position: 0px -1115px;}
.language-uk{background-position: 0px -1175px;}
.language-ur{background-position: 0px -1187px;}
.language-ug{background-position: 0px -1163px;}
.language-uz{background-position: 0px -1175px;}
.language-vi{background-position: 0px -1211px;}
.language-cy{background-position: 0px -156px;}
.language-xh{background-position: 0px -1223px;}
.language-yi{background-position: 0px -1235px;}
.language-yo{background-position: 0px -1247px;}
.language-zu{background-position: 0px -1259px;}
.language-zh{background-position: 0px -1282px;}
.language-zh-TW{background-position: 0px -1282px;}




/* swiper */

.slider_banner{position:relative;overflow:hidden}

.swiper-container-no-flexbox .swiper-slide{float:left}

.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}

.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}

.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}

.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}

.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;overflow:hidden;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}

.swiper-invisible-blank-slide{visibility:hidden}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}

.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}

.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}

.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}

.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}

.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}

.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}

.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}

.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:50px;height:50px;margin-top:-31.5px;z-index:10;cursor:pointer;opacity:0;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}

.swiper-container:hover .swiper-button-prev{left:65px}

.swiper-container:hover .swiper-button-next{right:65px}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{cursor:auto;pointer-events:none;display:none}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background:url(img/prev.png) no-repeat center center;background-size:cover;left:10px;right:auto}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background:url(img/next.png) no-repeat center center;background-size:cover;right:10px;left:auto}

.slider_banner:hover .swiper-button-prev{left:120px;opacity:1}

.slider_banner:hover .swiper-button-next{right:120px;opacity:1}

.swiper-button-lock{display:none}

.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}

.swiper-pagination.swiper-pagination-hidden{opacity:0}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:0;left:0;width:100%}

.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}

.swiper-pagination-bullet{width:12px;height:12px;display:inline-block;vertical-align:middle;border-radius:100%;background:silver}

button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}

.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}

.swiper-pagination-bullet-active{background:#008D33}

.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}

.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}

.swiper-container-horizontal{overflow:hidden}

.swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0}

.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}

.swiper-pagination-white .swiper-pagination-bullet-active{background:#0266c3}

.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}

.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}

.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}

.swiper-pagination-lock{display:none}

.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}

.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}

.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}

.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}

.swiper-scrollbar-cursor-drag{cursor:move}

.swiper-scrollbar-lock{display:none}

.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}

.swiper-slide-zoomed{cursor:move}

.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}

.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-position:50%;background-size:100%;background-repeat:no-repeat}

@-webkit-keyframes swiper-preloader-spin {

100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}

}

@keyframes swiper-preloader-spin {

100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}

}

.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}

.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}

.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}

.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}

.swiper-container-cube{overflow:visible}

.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}

.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}

.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}

.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}

.swiper-container-flip{overflow:visible}

.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}

.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}

.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}

.slider_banner .swiper-slide img{width:100%;height:auto}

.slider_banner .swiper-slide img+img{position:absolute;left:0;top:0}

.slider_banner .swiper-slide img{width:100%;transition:3s linear}







/* animate */

.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}

.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}

@-webkit-keyframes fadeInLeftA {

0%{opacity:0;-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}

100%{opacity:1;-webkit-transform:none;transform:none}

}

@keyframes fadeInLeftA {

0%{opacity:0;-webkit-transform:translate3d(-20%,0,0);-ms-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}

100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}

}

.fadeInLeftA{-webkit-animation-name:fadeInLeftA;animation-name:fadeInLeftA}

@-webkit-keyframes fadeInUpA {

0%{opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}

100%{opacity:1;-webkit-transform:none;transform:none}

}

@keyframes fadeInUpA {

0%{opacity:0;-webkit-transform:translate3d(0,30px,0);-ms-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}

100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}

}

.fadeInUpA{-webkit-animation-name:fadeInUpA;animation-name:fadeInUpA}

@-webkit-keyframes fadeInRightA {

0%{opacity:0;-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}

100%{opacity:1;-webkit-transform:none;transform:none}

}

@keyframes fadeInRightA {

0%{opacity:0;-webkit-transform:translate3d(20%,0,0);-ms-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}

100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}

}

.fadeInRightA{-webkit-animation-name:fadeInRightA;animation-name:fadeInRightA}

@-webkit-keyframes twinkling {

0%{opacity:0}

100%{opacity:1}

}

@-webkit-keyframes OrangePulse {

from{background-color:rgba(210,174,109,.2);-webkit-box-shadow:0 0 10px rgba(210,174,109,1)}

50%{background-color:rgba(210,174,109,1);-webkit-box-shadow:0 0 10px rgba(210,174,109,1)}

to{background-color:rgba(210,174,109,.2);-webkit-box-shadow:0 0 10px rgba(210,174,109,1)}

}

@-webkit-keyframes swing {

20%{-webkit-transform:rotate(40deg);transform:rotate(40deg)}

40%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}

60%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}

80%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}

100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}

}

@keyframes swing {

20%{-webkit-transform:rotate(40deg);-ms-transform:rotate(40deg);transform:rotate(40deg)}

40%{-webkit-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg)}

60%{-webkit-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg)}

80%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}

100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}

}

.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}

@-webkit-keyframes jump {

0%{-webkit-transform:translateY(0)}

25%{-webkit-transform:translateY(-20%)}

50%{-webkit-transform:translateY(0)}

75%{-webkit-transform:translateY(-10%)}

100%{-webkit-transform:translateY(0)}

}

@keyframes jump {

0%{transform:translateY(0)}

25%{transform:translateY(-20%)}

50%{transform:translateY(0)}

75%{transform:translateY(-10%)}

100%{transform:translateY(0)}

}

@-webkit-keyframes bounceInA {

0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}

0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}

20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}

40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}

60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}

80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}

100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}

}

@keyframes bounceInA {

0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}

0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}

20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}

40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}

60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}

80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}

100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}

}

.bounceInA{-webkit-animation-name:bounceInA;animation-name:bounceInA;-webkit-animation-duration:.75s;animation-duration:.75s}

@-webkit-keyframes fadeInDownA {

0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}

100%{opacity:1;-webkit-transform:none;transform:none}

}

@keyframes fadeInDownA {

0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}

100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}

}

.fadeInDownA{-webkit-animation-name:fadeInDownA;animation-name:fadeInDownA}

@keyframes fadeInA {

0%{opacity:0}

100%{opacity:1}

}

.fadeInA{-webkit-animation-name:fadeInA;animation-name:fadeInA}

@-webkit-keyframes flipInY {

0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}

0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}

40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}

60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}

80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}

to{-webkit-transform:perspective(400px);transform:perspective(400px)}

}

@keyframes flipInY {

0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}

0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}

40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}

60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}

80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}

to{-webkit-transform:perspective(400px);transform:perspective(400px)}

}

.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}





.star-button-next,.star-button-prev{background-image: none;margin-top: 0;width:48px;height: 36px;opacity: 1;transform: translateY(-50%);opacity: .5;}

.star-button-next{background-image: url(img/demo/arrow-r.png);right:-80px}

.star-button-prev{background-image: url(img/demo/arrow-l.png);left: -80px;}

.over-visi{overflow: visible !important;}

.star-button-next:hover,.star-button-prev:hover{opacity: 1;}




@media screen and (max-width: 1700px) {

    .layout{width:1500px}



}



@media screen and (max-width: 1600px) {

    .layout{width:1300px}

    

}



@media screen and (max-width: 1400px) {

    .layout{width:1200px}



    .head_nav>li{padding:0 16px}



    .page_contactbtn .ll .title{font-size: 30px;}



    .sys_sub_head img{height: 400px;object-fit: cover;}
    
    .index_title{font-size: 42px;}
    .bl_bg_bottom .bl_bg_title{font-size: 42px;}

}



@media screen and (max-width: 1300px) {

    .layout{width:1100px}
    .web_head .layout{padding: 0 15px;}
    .btn--search{margin-right: 30px;}
    .btn--search::after{right: -15px;}
   
    .head_nav>li{padding: 0 10px}

    .web_footer .foot-logo img{margin: 0; max-height: 70px;}

}



@media screen and (max-width: 1200px) {

    .layout{width:95%}



    .head_nav>li{padding:0 8px}

    .head_nav>li>a{font-size:16px}

    .web_header .pc_logo img{height:60px}



    .bl_bg_top{padding-top: 150px;margin-top: -80px;}

    .bl_bg_bottom{padding-bottom: 120px;}

    .bl_bg_top .layout{padding: 45px 0 60px !important;}



    .page_contactbtn .get_onclick{font-size: 18px;line-height: 50px;}


    .index_about{align-items: center;}

    .services_lists li .title{height: 54px;}

    .star_container .title{font-size: 21px;}



    .relate-news .news_con{padding: 30px 20px;}

    .relate-news .img .time{left: 20px;}

    .relate-news .news_con .title{font-size: 20px;}

    .product_cate_list{margin-bottom: 2%;}
    .index_title{font-size: 36px;}
    .index_customer{margin-top: 50px;}
    .services_lists li{padding: 20px 20px;}
    .star_container{margin-top: 50px;}
    .star_container .name{margin-top: 20px;}
    .index_about .ll{width: 35%;}
    .page_contactbtn{margin-top: 20px;}
    .bl_bg_bottom .bl_bg_title{font-size: 36px;}
    .web_footer{margin-top: 50px;}
}


.phone-banner {display: none}



@media screen and (max-width: 950px) {

    #index_scrollsidebar{display:none!important}

    .head_nav{width:100%;padding:0 5px}

    .head_nav li{padding-left:28px;padding-top:0;padding-bottom:0}

    .head_nav li,.head_nav li a{color:#111}

    .head_nav li.has-child{padding-left:28px;margin-top:0;margin-bottom:0}

    .head_nav li.has-child>a{margin-top:3px;margin-bottom:3px;margin-right:35px}

    .head_nav li.has-child>ul{display:none}

    .head_nav li.siblings-no-menu{position:relative;padding-left:15px}

    .head_nav li a{display:block;height:1.4em;line-height:1.4em;position:relative}

    .head_nav li a:hover{color:inherit}

    .head_nav li em{display:block;height:1.4em;overflow:hidden}

    .head_nav li li{font-size:14px}
    .head_nav>li::after{border-bottom: 0;}

    .head_nav li li li{font-size:12px}

    .head_nav li li a{color:#666; padding: 6px 0; height: auto;}

    .head_nav li.has-child a b{display:inline-block;width:15px;height:15px;border:1px solid #111;border-radius:2px;overflow:hidden;line-height:15px;position:absolute;right:-35px;top:1px;-webkit-box-sizing:content-box;box-sizing:content-box}

    .head_nav li.has-child a b:before,.head_nav li.has-child a b:after{content:'';display:block;width:9px;height:1px;background-color:#111;position:absolute;left:3px;top:50%;margin-top:-.5px}

    .head_nav li.has-child a b:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}

    .head_nav li.has-child a:hover b{border-color:#111}

    .head_nav>li{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #f2f2f2;width:100%}

    .head_nav>li>a{font-size:16px;text-transform:uppercase;margin-bottom:-1px;position:relative;text-transform:uppercase;position:relative}

    .head_nav li,.head_nav li.has-child{padding-left:0}

    .head_nav li li,.head_nav li li.has-child{padding-left:15px}

    .head_nav li.active>a>b:after{display:none}

    .head_nav li.active>a>b{background-color:#111}

    .head_nav li.active>a>b:before,.head_nav li.active>a>b:after{background-color:#fff}

    .head_nav>li.haschild>a::after{display:none}

    .web_header{display:none}

    .mobile-head-items{position:fixed;top:20px;left:15px; right: 15px;z-index:999;}

 

    .mobile-head-items .layout{height: 60px; box-shadow: 0px 1px 40px 0px rgba(199, 228, 251, 0.2);border-radius: 33px;padding-left: 50px;padding-right: 24px;display: flex;align-items: center;justify-content: space-between;background-color: #fff; box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.15);}

    .mobile-head-items .layout .pc_logo img{height: 46px;}

    .mobile-body-mask{width:100%;height:100vh;background:rgba(0,0,0,0.6);position:fixed;left:0;top:0;z-index:999}

    .mobile-ico-close{width:.3rem;height:.3rem;background:#fff url(img/mobile_close.png) center center no-repeat;background-size:50% auto;position:absolute;right:-.35rem;top:0}

    .sub-content{position:relative;display:block;right:auto;border-radius:0;border:none;box-shadow:none;z-index:99999}

    .mobile-head-item .main-content-wrap{background:#FFF;top:0;display:block;z-index:99999}

    .mobile-head-item .main-content-wrap .content-wrap{overflow-y:auto;height:100%;padding:.15rem .1rem;background-color:#fff}

    .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap{overflow-y:hidden}

    .mobile-head-item .side-content-wrap{position:fixed;display:block;left:-70%;width:70%;height:100%}

    .mobile-head-item .middle-content-wrap{position:absolute;left:0;width:100%;height:auto;padding:.2rem 0;opacity:0;visibility:hidden}

    .mobile-head-item .middle-show-content-wrap{top:.3rem;visibility:visible;opacity:1}

    .web_head .head-search{display:none}

    .head-search{position:relative;width:90%;height:.35rem;background:#000;margin:0 auto}

    .head-search .search-ipt{position:absolute;width:100%;height:100%;left:0;top:0;color:#FFF;padding:0 .1rem;background-color:#3f3f3f}

    .head-search .search-btn{position:absolute;width:.35rem;height:100%;background:url(img/search_btn_mobile.png) no-repeat center center;-webkit-background-size:auto .16rem;background-size:auto .16rem;border:none;right:0;top:0;display:block!important;font-size:0}

    .head-search .search-attr{display:none}

    .mobile-head-search .title{width:13px;height:13px;background-image:url(img/seach.webp);background-size:cover;margin-right:30px;position:relative}

    .mobile-head-search .title::after{content:'';display:inline-block;width:1px;height:12px;background-color:#000;position:absolute;top:50%;transform:translateY(-50%);right:-14px}

    /* .mobile-head-language .title::after{display:inline-block;content:"\f107";font-size:12px;font-family:fontawesome;transition:all ease-in-out .3s;margin-left:7px} */

    .mobile-head-language .title{font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#000}

    .mobile-head-language .title::before{display:inline-block;width:15px;height:15px;margin-right:9px;background-position:0 -745px;border-radius:50%;content:'';margin-bottom:-3px;display:none}

    .mobile-head-language .title .language-flag{top:22px;transform:none}

    .p-right{display:flex;align-items:center}

    .phone_bottom{position:relative;padding-top:6px;padding-bottom:11px}

    .phone_bottom .phone_logo{text-align:center}

    .mobile-head-nav .title{width:21px;height:15px;background-image:url(img/nav.png);margin-left: 20px;}

    

    .phone-banner{display:block}

    .phone-banner .swiper-slide img{width:100%}

    .pc-banner{display:none}

    .index_more_btn a{font-size: 20px; line-height: 60px;}
    .product_cate_list li .title{margin-top: 10px;}
    .product_cate_list li .title a{font-size: 18px;}


    .index_title{font-size:40px;line-height:120%; font-size: 32px; line-height: 1.25;}
    .relate-news.index_news .index_title{margin-bottom: 30px;}

    .index_title br{display:none}



    .page_contactbtn{margin-top: 30px;padding: 30px 4%;display: block;border-radius: 16px;}

    .page_contactbtn .ll{width: 100%;margin-bottom: 30px;}

    .page_contactbtn .ll .title{font-size: 24px;}

    .page_contactbtn .ll .detail{font-size: 16px;line-height: 150%;}



    .index_btn{margin-top:30px;height:40px;border-radius:20px;padding:0 14px;font-size:14px}

    .index_btn::after{font-size:14px}

    .bl_bg_top{margin-top: 0;background-image: none;padding-top: 0;}

    .bl_bg_bottom{padding-bottom: 0;background-image: none;}


    .bl_bg_bottom .bl_bg_title{font-size: 28px;}
    .bl_bg_top .layout{padding: 30px 15px 10px !important;}


    .relate-news{margin-top: 40px;}
    .relate-news.index_news{margin-top: 40px;}

    .relate-news .news_con{padding: 30px 0 10px;}

    .relate-news .news_con .title{font-size: 18px;height: auto;}

    .relate-news .news_con .detail{height: auto;}

    .read_btn{margin-top: 16px;}

    /* .relate-news .img .time{display: none;} */

    .web_footer{margin-top:50px;padding-top:60px



    }

    .web_footer .foot_items{padding-right:0;

        flex-wrap: wrap;

    }

    .web_footer .foot_items.mobile{

        display:none;

    }



    .foot-item-logo{width:100%;display:none;}

    .foot-item-logo.mobile{

        display: block;

    }

    .foot-item-contact{

        width:51%;



        padding-right: 3%;

    }

    .foot-item-link{

        width:46%;



    }

    .links_list li a{

        font-size:16px;

    }

    .foot-item-link .group{

        flex-direction: column;

    }

    .foot_title{padding-top:20px;margin-bottom:18px}

    .links_list>li{position:relative;width: 100%; margin-bottom: 18px;}

    .links_list>li.haschild::before{content:'>';display:inline-block;font-size:16px;color:#999;position:absolute;right:0;top:4px;cursor:pointer;font-size: 20px;color: #fff;}

    .links_list>li>ul{padding-left:20px}

    .foot-item-contact .links_list li{width: 100%;}
    .foot-item-contact .links_list li:nth-child(2n){margin-left: 0;}

    .rightcopy{margin-top:20px;padding-top:20px;padding-bottom:17px}


    .index_title_small{margin-bottom: 12px;}

    .product_cate_list li{width: 49%;margin-right: 2%;}

    .product_cate_list li:nth-child(2n){margin-right: 0;}

    .product_cate{margin-top: 30px;}

    .index_about{display: block;}

    .index_about .ll{width: 100%;}

    .index_about .rr{width: 100%;padding: 0 2%;margin-top: 40px;}

    .product_cate_list{margin-bottom: 0;margin-top: 20px;}

    .index_about .index_detail{margin-top: 30px;}

    .index_about .ll .img{padding-top: 64.32%;}
    
    .logotop{margin-top: 40px;;}
    
    .about_logo_ww{padding-right: 0;}
    
    
    
    .index_customer{margin-top: 40px; padding-bottom: 0;}
    .index_customer .index_detail{margin-bottom: 30px;}

    .services_lists{flex-wrap: wrap;}

    .services_lists li{width: 49%; padding: 20px 15px;}

    .services_lists li .title{height: auto;}

    .star_container .title{height: auto;}



    .bl_bg_top.index_high{margin-top: 0;}

    .star_container{margin-top: 30px;}
    .star_container .name{margin-top: 30px;}
    .star_container .swiper-slide{padding: 0 32px 80px;}
    .star_container .name{bottom: 16px;}
    .star-button-next, .star-button-prev{width: 30px; height: 24px;}
    .star-button-next{right: 0;}
    .star-button-prev{left: 0;}

    .web_footer{

        background-size: 100% auto; background-image: url(img/foot_bg_phone.jpg); background-color: #1769A1;

    }

    .layout{

        width:100%; padding: 0 15px;

        /* padding:0 5% 20px 5%; */

        /* background-color:#65AAC9; */

    }

    .rightcopy{

        background-color:#1769A1;

        margin-top:0;
        padding-bottom: 50px;

        border-top:none;

        font-size: 18px;

    }
    .rightcopy .layout{flex-direction: column; align-items: flex-start; padding: 20px 15px;}
    .rightcopy .link{width: 100%; margin-top: 6px;}

    .web_footer .foot_items{

        flex-wrap: wrap;

    }

    .foot-item-link.mobile{

        display:block;

    }

}



.content-wrap.form .ch_form_wrap .item_submit input{background: var(--conmmonSideColor-color) !important;}

.inquiry-pop-bd{height: 440px !important;}

.content-wrap.form .ch_form_wrap ul input, .content-wrap.form .ch_form_wrap ul textarea, .content-wrap.form .ch_form_wrap ul select{border-left: 3px solid var(--conmmonSideColor-color) !important;}



.sitemap-logo-boxs>.sep-container>h2>a:hover{color: white;text-decoration: underline;}

#cont > ul > li > a{text-transform: capitalize;}

#cont h2{background: var(--conmmonSideColor-color) !important;}

#cont > ul > li > ul > li > a{color: var(--conmmonSideColor-color) !important;}

#cont > ul > li > ul > li > ul > li > a{color:var(--conmmonSideColor-color) !important;}

#cont > ul > li > ul > li.has-childs > ul > li.has-childs > ul > li > a:before,
#cont > ul > li > ul > li > ul > li > a:before{border-top-color: var(--conmmonSideColor-color) !important;border-right-color: var(--conmmonSideColor-color) !important;}

#footer{background: var(--conmmonSideColor-color) !important;}
#cont > ul > li > ul > li.has-childs > ul > li > ul > li > a{color:var(--conmmonSideColor-color) !important;}

#cont > ul > li > ul > li.has-childs > ul > li.has-childs > a:after{
    background: var(--conmmonSideColor-color) !important;
}





.mmfoot {

    display: none;

    position: fixed;

    width: 100%;

    height: 55px;

    bottom: 0;

    background-color: #2376af;

    z-index: 111;

}



.mmfoot .item {

    width: 25%;

    float: left;

    height: 100%

}



.mmfoot .item a {

    display: block;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: center

}



.mmfoot .item.bg {

    background-color: #65AAC9;

}

@media screen and (max-width: 950px) {.mmfoot_top{height: 55px;}.mmfoot {

        display: block

}}

.fix_slide_foot{display: none !important;}

@media only screen and (max-width: 1023px){
    .fix_slide_foot{display: flex !important;}
}