@charset "utf-8";
@font-face{font-weight:400;font-style:normal;font-family:fontawesome;src:url(http://:/) format("no404"),url(../font/fontawesome-webfont.woff) format("woff"),url(../font/fontawesome-webfont.ttf) format("truetype")} 
@font-face{font-weight:300;font-style:normal;font-family:'Opensans-regular';src:local('opensans-regular'),local('opensans-regular'),url(../font/opensans-regular.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:600;font-style:normal;font-family:'Opensans-bold';src:local('opensans-bold'),local('opensans-bold'),url(../font/opensans-bold.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:300;font-style:normal;font-family:Play;src:local('Play-Regular'),local('Play-Regular'),url(../font/Play-Regular.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:600;font-style:normal;font-family:Play;src:local('Play-Bold'),local('Play-Bold'),url(../font/Play-Bold.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/*basic*/
img,object{max-width:100%}
img{-ms-interpolation-mode:bicubic;border:0}
*{margin:0;padding:0}
li,ol,ul{list-style:none}
strong{
	color: #000;
    font-size: 1.4rem;
	line-height: 1.6rem;
    margin-top: 1rem;
    display: inline-block;
    position: relative;
    padding-bottom: 1rem;
    font-family: Play;
    font-weight: 600;
}
strong::before{
	position: absolute;
    content: "";
    left: 0;
    bottom: 12px;
    width: 80px;
    height: 1px;
    background-color: #1866a0;
 }
 .sendinquiry{display:inline-flex;flex-wrap:wrap;justify-content:start;cursor:pointer;text-align:center;position:relative;z-index:1;float: right;}
 .sendinquiry1{float: left;text-align: center;margin-top: 0.5rem;}
.sendinquiry span{background:#1866a0;color:#fff;padding:0.5rem 1.5rem;font-size:0.9rem;line-height:0.9rem;text-align:center;display:inline-block;margin:0 1rem 0.75rem 0;min-width:100px;position:relative;overflow:hidden;border:2px solid #dc3e12;font-weight:600;border-radius:2rem;z-index:1;transition:.5s all ease-in-out;}
.sendinquiry i{padding-right:.3rem;font-size:1rem}
.sendinquiry span:hover{box-shadow:1px 3px 10px #999;background:#fff;color:#dc3e12;}
.sendinquiry span:hover:before{left:80%;}
strong.no_before::before{display: none;}
p{margin:0;padding:0 0 1rem}
a.links{ color:#000; font-weight:600; font-style:italic}
a.links:hover{color:#f00; text-decoration:underline; }
.clear {clear:both;}
.clearfix::after {display:table;}
body{font-family:'Opensans-regular',Arial, Helvetica, sans-serif;color:#495057;   font-size:0.95rem;  line-height:1.65}
hr{ border-top:1px #ddd dashed; margin:0.2rem 0 0.5rem 0}
table{margin:5px 0 0;width:100%;}
.table-responsive{margin-bottom:15px}
.table td{border:1px solid #fff!important}
.table{border: 1px solid #EFEFEF;}
.table>tbody>tr{background-color:#fff}
.table>tbody>tr:nth-of-type(odd){background-color:#fff}
.table>tbody>tr:nth-child(even) td { background-color: #edf5f8;}
.table-hover>tbody>tr:hover,.table>tbody>tr:nth-of-type(odd):hover{background-color:#fff}  
.table tr.top{background:#1866a0!important; color: #fff; font-weight: 600;}  
.table tr.top strong{color: #fff;}

.table>tbody>tr>td{
	vertical-align: middle;
    padding: 8px 12px;
    font-size: .9rem;
	
} 
.table tr.top td{
	font-weight: 600;
    font-family: Play;
	font-size: 1.1rem;
	
}
.xd_hometitle,h2{     padding: 1rem 0;
    font-size: 1.8rem;
    line-height: 2rem;
    color: #1866a0;
    font-weight: 600;
    margin: 0;
    position: relative;
    border-bottom: 1px dotted #1866a0;
    margin-bottom: 1.5rem;
    font-family: Play;}
h2::before{position: absolute; content: ""; left: 0; top: 1rem; width: 100px; height: 5px; background-color: #1866a0; display: none;}
.xd_hometitle{font-size:1.5rem; padding-bottom:1.125rem; color:#202020; margin-bottom:1rem}
h2 span{ display:block; font-size:1.125rem; color:#666; padding-top:0.3rem}
.xd_hometitle span:before{ width:60px; height:3px; background:#2d4a9a; left:0; bottom:-15px; position:absolute; content:"";}
.text_center{ display:block; font-size:15px;}


u.inquiry {display: block;color: #fff;text-decoration: underline;} 
u.inquiry:hover{color: #000}
#xd_top{position:fixed;width:35px;height:35px;right:55px;bottom:150px;text-align:center; background:#f35d0b;z-index:100;cursor:pointer; color:#fff; font-weight:700; line-height:28px; border-radius:50%}
#xd_top a{color:#fff} 
#xd_top:hover{ transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;background:#174277; } 
.ys{ color:#171839; font-size:1.4rem; display:inline-block; }


/*头部*/
#header{width:100%;position:fixed; top:0; right:0; left:0; z-index:10; background:none; margin:0 auto; background-image: linear-gradient(to bottom,#fafafa,#f2f2f2);}
#header::before{position: absolute;content: ""; height: 32px; width: 100%; background-color: #1866a0;}
#headerin{width:100%; margin:0px auto; max-width:1200px; }  
#xd_logo{ width:auto; height:67px; float:left; margin-top: 2rem;}
.navbtn{ margin-top:1rem;}
#xd_language{width:40%; height:32px; position: absolute; top: 0; right: 0; line-height: 32px;}
#xd_language .dropdown-item{
	width: auto;
    color: #fff;
    line-height: 0.9rem;
    padding: 0;
    margin-left: 1.5rem;
    clear: inherit;
    display: inline-block;
    min-width: inherit;
    font-size: .8rem;
}
#xd_language .dropdown-item:hover{color:#000; background:none;}
#xd_language a img{margin-right: 5px;}
.dropdown-item:focus, .dropdown-item:hover{background:none !important;}
.top-nav{width: auto; float: right; max-width: inherit; margin: inherit; margin-top: 2.8rem;}
.navbar{padding:0 0.5rem;}
.navbar-collapse{justify-content:center;}
.navbar-light .navbar-nav .nav-link{color:#333; font-size:1rem; margin:0.8rem 0; padding:0 1rem; line-height:1.25rem;font-family: Play;
    font-weight: 600;} 
.navbar-light .navbar-nav .active .nav-link,.navbar-light .navbar-nav .nav-link:hover{background-color:none;color:#1866a0;}
.navbar-light .navbar-nav li.nav-item:last-child a.nav-link{border-right:0}
.navbar-light .navbar-nav li.nav-item:first-child a.nav-link{border-left:0}
.navbar-light .navbar-nav .dropdown-item{font-size:0.9rem; position: relative; } 
.navbar-light .navbar-nav .dropdown-item::before{position: absolute;content: ""; left: 1rem; top: 1rem; width: 4px; height: 4px; border-radius: 50%; background-color: #666;}
.navbar-light .navbar-nav .big::after{position: absolute;content: "\f105";font-family:fontawesome; right: 1rem; top: .2rem; font-size: 1.1rem;}


.navbar-light .navbar-nav  .dropdown-menus .dropdown-item{font-weight:700;} 
.navbar-light .navbar-nav  .dropdown-menu li span{ display:block; padding:0 0 0 1.5rem; font-size:0.875rem; font-weight:700}
.navbar-light .navbar-nav  .dropdown-menus li ol li .dropdown-item{font-weight:300; padding-left:2.5rem} 
.navbar-light .navbar-nav .dropdown-item:hover,.navbar-light .navbar-nav .dropdown-item.dq{color: #1866a0;}

.top-nav ul>li>ul.dropdown-menu>li{position:relative}
.top-nav ul>li>ul.dropdown-menu>li>.second_list{position:absolute;left:340px;top:-8px;background:#fff;transition:all .5s;width:250px;opacity:0;transform:scaleX(0);transition:all 0.4s ease 0s;z-index:9;padding:0;visibility:hidden;box-shadow:0px 10px 20px 0px rgb(0 0 0 / 20%);}
.top-nav ul>li>ul.dropdown-menu>li>.second_list>li{width:100%;display:block;border-bottom:1px #e6e6e6 solid;}
.top-nav ul>li>ul.dropdown-menu>li>.second_list>li:last-child{border-bottom:none}
.top-nav ul>li>ul.dropdown-menu>li>.second_list>li>a{display:block;color:#666;font-size:.85rem;line-height:20px;padding:8px 10px;}
.top-nav ul>li>ul.dropdown-menu>li>.second_list>li>a:before{display:none}
.top-nav ul>li>ul.dropdown-menu>li>.second_list>li>a:hover,.top-nav ul>li>ul.dropdown-menu>li>.second_list>li>a.active{color:#e60012;background:#f5f5f5;}
.top-nav ul>li>ul.dropdown-menu>li:hover>.second_list{opacity:1;visibility:visible;transform:scaleX(1);}




/*首页附加样式*/
#xd_banner{ position: relative; width:100%; margin:0 auto; }
#xd_banner img{width:100%; text-align:center; margin:0 auto;} 
#xd_banner .banner_txt{ width:100%; margin:0 auto; position: absolute; top:10%; max-width:1200px; left:0; right:0; text-align:center;} 
#xd_banner .banner_txt h1{font-size:2.4rem; color:#fff; width:100%; width:80%; float:right; padding-right:4%;font-family: Play;
    font-weight: 600;text-shadow: 1px 2px 3px #000;}   
#xd_banner .txt1{ text-align:left;}
#xd_banner .txt1 h1{ margin-right:10%;width:75%;}
#xd_banner .txt2{top: 14%;}
#xd_banner .txt2 h1{
    font-size: 4rem;
margin-top: 1rem;
text-transform: uppercase;
width: 60%;

padding-right: 10%;
}
#xd_banner .txt3{width: 100%; max-width:550px; text-align: left; position: absolute; right:4%; left: inherit; top: 32%;}
#xd_banner .txt3 h1{width: 80%; padding-right: 0; position: relative;font-size: 3rem;}
#xd_banner .txt3 h1::before{position: absolute;
    content: "";
    left: 0;
    width: 200px;
    height: 3px; background-color:#cf242c; top: -1rem;}
#xd_banner .txt4 h1::before{top: inherit; bottom: 14px;background-color:#fff;}
#xd_banner .txt4{
    max-width: 1100px;
top: 12%;
left: 8%;
color: #fff;
}
#xd_banner .txt4 h1{font-size: 3rem; width: 100%; max-width: 500px; text-align: left; float: left; text-transform: uppercase; padding-bottom: 2rem;}

#xd_banner .txt4 ul{width: 100%; }
#xd_banner .txt4 ul li{ font-size: 1.2rem;
    position: relative;
    padding-left: 1.5rem;
    font-family: Play;
    color: #fff;
    font-weight: 600;}
#xd_banner .txt4 ul li::before{position: absolute;content: ""; width: 6px; height: 6px; border-radius: 50%; background-color: #fff; left: .5rem; top: .8rem;}



#xd_banner .txt5 { 
    text-align: left;
    max-width: 970px;
    right: inherit;
    left: 12%;
    top: 15%;
}
#xd_banner .txt5 h1{font-size: 3.5rem;
    position: relative;
    padding: 0;
    width: 100%;}
#xd_banner .txt5 h1 small{display: block; color: #cf242c;text-shadow: 1px 1px 1px #fff; padding-top: 1rem; font-size: 2.8rem;}
#xd_banner .txt6{
    left: -30%;
top: 12%;
}
#xd_banner .txt6 h1{font-size: 4rem;}
#xd_banner .txt7{
    left: -22%;
top: 8%;
}
#xd_banner .txt7 h1{font-size: 3.6rem;text-align: left;
    padding: 0;}
#xd_banner .txt7 h1 span{display: block;font-size: 3.6rem;}
/* pro_banner */
.pro_banner{width: 100%; margin: 0 auto; background: url(../images/pro_banner01.jpg) no-repeat top center;background-size: cover; padding: 6rem 0; position: relative;}
.pro_banner::before {position: absolute;content: '';background: linear-gradient(90deg, rgba(0 0 0 / 20%), rgba(0 0 0 / 10%), rgba(0 0 0 / 20%));width: 100%;height: 100%;left: 0;top: 0;}
.pro_banner h1{
    color: #fff;
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 800px;
    text-shadow: 1px 2px 3px #000;
    text-align: center;
    margin: 0 auto;
    font-size: 3rem;
    font-family: Play;
    font-weight: 600;
}
.probanner_txt{position: relative;}
.probanner_txt::before {
    position: absolute;
    content: '';
    width: 30%;
    height: 170%;
    background: rgba(75 200 255 /40%);
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -50px;
    transform: skewX(-35deg);
    border-radius: 1rem;
  }



.company .xd_hometitle,.xd_hometitles{ display:block; width:60%; margin:0 auto; position:relative; text-align:center; font-weight:400; text-transform:uppercase; font-style:italic; font-size:2rem; letter-spacing:2px; border: none;}
.company .xd_hometitle:before,.xd_hometitles:before{ position:absolute; content:""; width:100%; height:1px; background:#dedede; left:0; top:50%; z-index:-1}
.company .small,.xd_hometitles .small{ 
	display: inline-block;
    width: auto;
    background: #fff;
    padding: 0 1.2rem;
    overflow: hidden;
    font-size: 2.4rem;
    font-family: Play;
    font-weight: 600;
}
.company .small small,.xd_hometitles .small small{ display:block; font-size:.85rem; letter-spacing:5px; font-style:normal; color:#474747;font-family:'Opensans-regular';}
.company{ width:100%; margin:0 auto; } 
.company_txt{ width:100%; max-width: 830px; margin: 0 auto; text-align: center;}
.company_txt h2{
	font-size: 1.6rem;
    color: #1866a0;
    padding: 0;
    margin: 0 0 0.8rem 0;
    border: none;
    font-family: Play;
    font-weight: 600;
}
.company_txt h2::before{display: none;}   
.company_txt p{color:#333; font-size: 1.2rem;  }
.company_txt text{ color:#666; font-size: 1rem; line-height: 1.55; display: block; margin-top: .5rem;}
.more a{ display:block; width:110px; line-height:25px; font-size:0.875rem;  text-transform:uppercase; color:#474747; text-align:center; border:1px #dedede solid; text-align: center; margin: 0 auto; transition: all .5s;font-family: Play;
    font-weight: 600;}
.more a:hover{ background:#1866a0; color:#fff} 
.big_more a{width: 120px; margin-top: 2rem;}
/* bg_color */
.bg_color{background-color: #e5e5e5; width: 100%; margin: 0 auto;}

/* probg_box */
.probg_box{width: 100%; margin: 3rem auto; position: relative;}
.probg_box::before{position: absolute;
	content: '';
	background: linear-gradient(90deg, rgba(0 0 0 / 80%), rgba(0 0 0 / 30%), rgba(0 0 0 / 80%));
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;}
.probg_box video{display: block;}
.probg_des{width: 100%; max-width: 830px !important; margin: 0 auto; color: #fff; text-align: center; position: absolute; top:35%; left: 0; right: 0; margin: 0 auto;}
.webtitle{font-family: Play;
    font-weight: 600; font-size: 2rem;text-transform:uppercase; font-style:italic; margin-bottom: 1rem; margin-top: 1.5rem;}
.probg_des .webtitle{
	font-size: 2.4rem;
    text-transform: uppercase;
    font-style: italic;
    margin-bottom: 1rem;
    margin-top: 1.5rem;
    font-family: Play;
    font-weight: 600;
}
.video_btn{
    display: flex;
    flex-wrap: wrap;
    position: absolute;
	left: 0; 
	right: 0;
	top: 8%;
    margin: 0 auto;
    width: 150px;
    height: 150px;
    cursor: pointer;
    background: url(../images/video_btn2.png) no-repeat;
    background-size: cover;
	
}
.video_btn_about{top: 30%; width: 100px; height: 100px; background-color: rgba(0 0 0 / 30%); border-radius: 22px;}
.video_btn1 {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    background: rgba(200 0 0/ 50%);
    border: 4px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5rem;
    padding-left: 0.8rem;
    cursor: pointer;
    transition: all .5s;
    z-index: 3;
}
.video_btn1:hover{ background: rgba(200 0 0/ 90%);
    color: #fff;
    box-shadow: 1px 3px 6px #333;}
.video_bg{ background: #eee;position: relative;overflow: hidden; border-radius:1rem ; -webkit-border-radius:1rem ; -moz-border-radius:1rem ; -ms-border-radius:1rem ; -o-border-radius:1rem ; }
.video_text{text-align:center;width:100%;padding:1rem 0;}
.video_text a{    font-size: 1rem;
    line-height: 1.2rem;
    width: 100%;
    display: block;
    padding: 0;font-weight:400;position:relative; color: #1866a0;}
.video_text a:after{position:absolute;content:"\f0a9";font-family:FontAwesome;margin:2px 0 0 8px;transition:.3s all ease-in-out;}
.video_text a:hover{color:#000}
.video_text a:hover:after{color:#000;margin-left:12px;}
.plyr--video,.plyr__poster,.plyr__video-wrapper{background-color:#fff!important}
.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:0!important}
.plyr__video-wrapper{background-color:#fff;background:var(--plyr-video-background,var(--plyr-video-background,#fff))}
.video-description .xd_hometitle{
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    margin-top: 0;
    padding-top: 0;
}





.bg_line{width: 100%; max-width: 100px; height: 4px; background-color: #1866a0;  margin: 0 auto; margin-bottom: 3rem;}

.xd_mainproducts{ width:100%; margin:4rem auto; margin-top: -180px; position: relative; } 
.xd_maincontent{max-width: 1460px !important;}


.xd_mainproducts ul{ width:100%; display:flex; flex-wrap:wrap; margin-top: 1rem;}
.xd_mainproducts ul>li{
	width: 32%;
    margin: 0 2% 1.5rem 0;
    background-color: #fff;
    padding: 0.5rem;
    box-shadow: 1px 6px 18px rgb(0 0 0 / 25%);
    transition: all .5s;
    border: 1px solid #fff;
	border-top: 3px solid #1866a0;
 }
.xd_mainproducts ul>li:nth-child(3n){ margin-right:0}
.xd_mainproducts ul>li>ol,.xd_mainproducts ul>li>ol>li{ width:100%;}   
.xd_mainproducts ul>li>ol>li.product_img{ width:100%; display:block; position:relative; text-align:center}
.xd_mainproducts ul>li>ol>li.product_img img{ width:auto; margin:0 auto;}
.xd_mainproducts ul>li>ol>li.product_con{ width:100%; padding:0 0 2.5rem 0; color:#666; font-size:0.875rem; text-align:center}
.xd_mainproducts ul>li>ol>li.product_con  a{ display:block; color:#333; font-size:1.2rem; padding:0.8rem 0 1rem 0;font-family:'Opensans-bold';line-height:1.4rem;font-family: Play;
    font-weight: 600; }
.xd_mainproducts ul>li>ol>li.product_con span{ display:block; width:100%; padding:0 3%; text-align: left; font-size: large.9rem;} 
.xd_mainproducts ul>li>ol>li.product_con  a{transition: all .5s;}
.xd_mainproducts ul>li>ol>li.product_con .more a{ 
	display: block;
    width: 130px;
    line-height: 30px;
    font-size: 0.8rem;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    border: 1px #1866a0 solid;
    margin: 1.5rem auto 0 auto;
    padding: 0;
    transition: all .5s;
    background: #1866a0;
	font-family: Play;
    font-weight: 600;
}
.xd_mainproducts ul>li>ol:hover>li.product_con>a{color:#1866a0}

.xd_mainproducts ul>li>ol>li.product_con .more a:hover{     background: #fff;
    color: #1866a0;
    text-decoration: none;} 

.xd_mainproducts ul>li:hover {border: 1px solid #1866a0;    border-top: 3px solid #1866a0;}
.xd_mainproducts ul>li>ol>li.product_smapleimg a{width: 100%; display: flex; justify-content: center; margin-top: 1rem; margin-bottom: 1rem; }
.xd_mainproducts ul>li>ol>li.product_smapleimg img{border-radius:50%; width: 100px; height: 100px; margin-right: 2%; position: relative; z-index: 1; box-shadow: 3px 3px 1px #1866a0; transition: all .5s;}
.smapleimg{position: relative;margin-right: 1rem;}
.smapleimg:last-child{margin-right: 0;}
.xd_mainproducts ul>li>ol>li.product_smapleimg a img:hover{border-radius:22px;}

/* video_box */
/* video_box */
.video_box{width: 100%; margin: 3rem auto;  margin-top: 0;}
.video_box .webtitle{margin-bottom: 2rem; position: relative;padding-bottom: 1rem;font-size: 2.4rem;   font-family: Play;
    font-weight: 600;}
.video_box .webtitle::before{position: absolute;content: ""; width: 200px; height: 4px; bottom:6px; margin: 0 auto; background-color: #1866a0; text-align: center; right: 0; left: 0; }
.video_item{width: 100%; height: 100%;}
.video_img{position: relative; text-align: center;}
.video_img::before{position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.15);}
.video_play{ position: absolute; top: 36%; left: 50%; transform: translate(-50%,-50%); cursor: pointer; } 
.video_play i{font-size:5rem; color: rgba(255, 255, 255, 1);transition: all .5s;}
.video_play:hover i{color: rgba(200, 0, 0, 0.6);}
.video_item span{color: #fff; display: block; padding: .5rem; text-align: center; position: absolute; bottom: 0; left: 0; background-color: rgba(0,0,0,.7); width: 100%;     font-size: 1rem;
    font-family: Play;
    font-weight: 600;}
.video_name{font-size: 1rem; padding-top: .5rem; line-height: 1.35;  text-align: center;}



  
#xd_bottom{ width:100%; margin:0 auto; padding:5.5rem 0 1rem 0; overflow:hidden;background: url(../images/bottom_bg.png) no-repeat top left;background-size: cover;} 
.xd_productlists{ width:100%;}
.xd_productlists ul{width:100%; display:flex; flex-wrap:wrap}
.xd_productlists ul>li{ width:23.5%;}
.xd_productlists ul>li>ol,.xd_productlists ul>li>ol>li{ width:100%;}
.xd_productlists ul>li>a{ 
	display: block;
    font-size: 1.1rem;
    color: #111;
    line-height: 1.8rem;
    padding: 0 0 0.4rem 0;
    border-bottom: 1px #cfd0ce solid;
    letter-spacing: 1px;
    margin-bottom: 1.4rem;
    font-family: Play;
    font-weight: 600;
}  
.xd_productlists ul>li>ol>li>a,.xd_productlists ul>li>ol>li>span{ color:#666; line-height:1.25rem; padding:0 1rem 0.4rem 0; font-size:0.9rem; display:block;font-family: Play;}
.xd_productlists ul li a:hover{ color:#1866a0; text-decoration:underline}  
.xd_productlists ul>li>ol>li>span a{ color:#666}
.xd_productlists ul>li>ol>li{position: relative; padding-left: 1rem;}
.xd_productlists ul>li>ol>li::before{position: absolute;content: ""; width: 5px; height: 1px; background-color: #808080; left: 0; top:.7rem;}

/*container*/
#container{margin-top:98px;} 
.content{ width:94%;  max-width:1200px; margin:0 auto;}
.xd_content{ width:94%;  max-width:1200px; margin:0 auto; background:#f4f4f4}
#xd_right{ width:74%; float:left; background:#fff; padding:0 0 2% 0} 
#xd_sidebar{ width:22%; float:right; position: relative; background:#edf5f8; padding:0.5rem 1rem 0 1rem;border-radius: 22px;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; } 
#xd_sidebar .xd_hometitle{ 
    display: block;
    color: #000;
    text-align: left;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 0.6rem 0 0.6rem 1rem;
    margin: 0;
    border-bottom: none;
    font-family: Play;
}

.xd_productlist{ width:100%; float:left; }
.xd_productlist ul,.xd_productlist ul li,.xd_productlist ul li ol li,.xd_productlist ul li ol li{ width:100%; float:left}
.xd_productlist a{transition: all .5s;}
.xd_productlist>ul>li>a{ 
    display: block;
    font-size: 1rem;
    color: #111;
    line-height: 1.125rem;
    padding: 10px 0px 10px 18px;
    position: relative;
    border-bottom: 1px dotted #777;
    margin-bottom: 0.2rem;
    font-family: Play;
    font-weight: 600;
} 
.xd_productlist>ul>li>a:before{
    position: absolute;
    content: "\f078";
    font-size: 0.65rem;
    color: #777;
    left: 0;
    top: 9px;
    font-family: fontawesome;
}
.xd_productlist>ul>li>ol{
    padding: 0.5rem 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.xd_productlist>ul>li>ol.none{ border-bottom:none; }
.xd_productlist>ul>li>ol>li>a{ 
    font-size: 0.85rem;
    color: #333;
    line-height: 1.1rem;
    padding: 4px 10px 4px 18px;
    display: block;
    margin-bottom: 0.5rem;
    font-family: Play;
}
.xd_productlist>ul>li>a:hover,.xd_productlist>ul>li>a.dq{color:#e40115; text-decoration:none}
.xd_productlist>ul>li>ol>li>a:hover,.xd_productlist>ul>li>ol>li>a.dq{color:#e40115; }
 

/*快速导航*/
#xd_producttitle{    margin: 1rem auto;
    height: auto;
    color: #666;
    overflow: hidden;
    font-size: 0.8325rem;
    float: left;
    width: 100%;}
#xd_producttitle a{ color:#999; padding-right:0.2rem; }
#xd_producttitle a i {
    color: #999;
    font-size: 1.2rem;
    padding: 0 0.2rem 0 0;
}
#xd_producttitle li{display:inline-block}
#xd_producttitle ol{ margin-bottom:0}
#xd_producttitle li+li::before{padding:0 1rem 0 0.6rem;color:#666;content:"/"; font-size:0.9375rem; font-family:fontawesome}
#xd_producttitle a:hover{color:#da4435; text-decoration:underline;} 



/*其他公用样式*/
.smalltitle{
    font-size: 1.6rem;
display: block;
color: #e40115;
line-height: 1.8rem;
padding: 0 0 0.8rem 0;
text-align: left;
position: relative;
margin-top: 0.5rem;
margin-bottom: 1rem;
text-transform: uppercase;
border-bottom: 1px solid #ddd;
font-family: Play;
} 
.smalltitle a{ color:#000; font-style:italic}
.smalltitle a:hover{color:#e40115 }
b{color:#151f48; font-size:1rem; ; padding-top:0.6rem}

.smalltitle1{ 
    display: block;
    color: #e40115;
    font-size: 1.2rem;
    background: #f1f1f1;
    line-height: 32px;
    padding: 0.6rem 1.5rem 0.5rem 2rem;
    margin: 0 0 1.5rem;
    font-family: Play;
    font-weight: 600;
    border-radius: 2rem;
}

.item1{ width:100%; height:auto; float:none; padding:8px 0 15px 0} 
.item1 li{ width:auto; height:auto; float:none; padding-bottom:20px; display:block; color:#151f48; font-size:1rem; }
.item1 li ol{ text-align:left; padding:0 0 2px 38px; line-height:20px;  font-size:0.875rem;; color:#666; width:auto; float:none; }
.item1 li p{ color:#666; padding:10px 0 0 0; font-size:0.875rem;}
.item1 li img{ width:auto; margin-right:4px;} 

ul.item{width:97%; padding-bottom:10px; float:none; margin-bottom:0 !important}
ul.item li{list-style: decimal;margin:4px 0 5px 20px; width:97%; float:none} 
ul.item li.last{ margin-left:21px;} 
ul.item li ol{display:block; width:100%; margin:4px 0 3px 0; padding-left:0; color:#474747;  line-height:20px;}

.proitem{ padding:0 0 8px 0; float:none; width:auto; overflow:hidden;margin-bottom:0 !important}
.proitem li{ width:100%; padding:0 0 0.7rem 1.6rem; position:relative; }
.proitem li::before{ 
    position: absolute;
    content: '';
    left: 1px;
    top: 4px;
    background: url(../images/checkbox-icon.png) no-repeat;
    background-size: cover;
    width: 18px;
    height: 16px;
}

/* inquiry_box */
.inquiry_box{width: 100%; background-color: #eee; margin: 0 auto; margin-top: 2rem; padding:2rem 2rem 2rem 5rem; border-radius: 20px 20px 0 0 ;font-family: Play;}
.inquiry_box h4{font-size: 1.5rem;
    color: #000;
    
    font-weight: 600;}
.inquiry_box a{
    display: inline-block;
    color: #fff;
    background-color: #1866a0;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    transition: all .5s;
    box-shadow: 0 3px 8px -2px #333;
}
.inquiry_box a:hover{background-color: #000;box-shadow: none;transform: translateY(0.3rem);}

.xd_products{ width:100%; height:auto; float:left; margin-bottom:1rem; margin-top: 1rem;}
.xd_products>ul{ width:100%; display:flex; flex-wrap:wrap}
.xd_products>ul>li{width:100%; background-color: #edf5f8; padding: 1rem; margin-bottom: 2rem; transition: all .5s;}   
.xd_products>ul>li:hover{background-color: #bde9fa;}
.xd_products>ul>li ol{position: relative;display: flex;flex-wrap:wrap;align-items: center;}
.xd_products>ul>li .product_img{ width:36%; float:left;}
.xd_products>ul>li .product_img img,.xd_products1>ul>li>ol>li.product_img{width:100%}  
.xd_products>ul>li .product_con{width: 64%;
    padding: 0 0 0 4%;
position: relative;} 
.xd_products>ul>li .product_con a{color:#363636; font-size:1.1rem; line-height:1.25rem; display: block; padding:0.3rem 0 0.8rem 0; font-weight:600;font-family: Play;}
.xd_products>ul>li .product_con a:hover{color:#e40115; text-decoration:underline}  
.xd_products>ul>li .more{margin: inherit; float: left;}
.xd_products>ul>li .more a{
    display: block;
    line-height: 28px;
    text-align: center;
    color: #363636;
    font-weight: 600;
    border: 1px #999 solid;
    margin-top: 1rem;
    font-size: 0.875rem;
    padding: 0;
    width: 90px;
    font-family: Play;
} 
.xd_products>ul>li .more a:hover{color:#fff; text-decoration:none; background:#da4435}  
.xd_products>ul>li .product_con>span{ display:block; font-size:0.875rem; line-height:1.4rem; color:#787878; padding-right:1%} 

.proreview>ul>li .product_img{ max-height:220px; overflow:hidden;}

.xd_products1{width:100%; height:auto; float:left}
.xd_products1 ul{ width:100%; display:flex; flex-flow: wrap;}
.xd_products1 ul>li{ width:31%; margin:0.8rem 3.5% 1rem 0;}
.xd_products1 ul>li:nth-child(3n){ margin-right:0} 
.xd_products1>ul>li>ol,.xd_products1>ul>li>ol>li{ width:100%}
.xd_products1>ul>li>ol>li.product_img{text-align:center; }
.xd_products1>ul>li>ol .smalltitle{ height:60px; padding-top:1.5rem}
.xd_products1>ul>li:nth-child(3)>ol .smalltitle{ height:60px; padding-top:0;}
.xd_products1>ul>li>ol>li.product_con{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.xd_products1>ul>li>ol>li.product_con a{
    text-align: center;
    font-size: 0.95rem;
    line-height: 1.125rem;
    color: #111;
    padding: 1rem 0.8rem;
    background-color: #edf5f8;
    display: flex;
    width: 100%;
    transition: all .5s;
    font-family: Play;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-radius: 0.3rem;
    min-height: 68px;
}
.xd_products1>ul>li>ol>li.product_con a span{width: 100%; display: block;}
.xd_products1>ul>li:hover>ol>li.product_con a{color: #1866a0; background-color: #bce7fa;} 
 
/* mainpro_box */
.mainpro_box{width: 100%; margin: 3rem auto; border-top:2px dotted #ccc;}
.mainpro_box ul{width: 100%; display: flex; flex-wrap: wrap;}
.mainpro_box ul>li{width: 32%; margin-right: 2%; background-color: #eee; padding: 1rem; position: relative;transition: all .5s; position: relative; bottom: 0;}
.mainpro_box ul>li:last-child{margin: 0;}
.mainpro_box .product_smapleimg{margin-bottom: 1.5rem; position: relative; margin-top: -1rem;}
.mainpro_box .product_smapleimg a{ display: flex; justify-content: center;}
.mainpro_box .product_smapleimg a img{border-radius: 50%;box-shadow: 3px 3px 4px #939393;transition: all .5s;}
.mainpro_box .product_con a{
    display: block;
    font-size: 1.1rem;
    color: #333;
    line-height: 1.45;
    padding: 0.5rem 0;
    transition: all .5s;
    font-family: Play;
    font-weight: 600;
}
.mainpro_box .product_con span{font-size: .9rem; line-height: 1.65; display: block; padding-bottom:1rem;}
.mainpro_box ul>li:hover .product_smapleimg a img{border-radius: 22px;}
.mainpro_box ul>li:hover a{color: #1866a0;}
.mainpro_box ul>li:hover{bottom: 1rem;}

.img_center{width:100%;clear:both;margin:0.3rem auto 1.25rem auto;text-align:center; }

.noborder img{ border:none}
.img_left,.img_right{width:40%;float:right; margin:10px 0 14px 4%; text-align:center;}
.img_left{float:left;margin:0 3% 20px 0;}
.sswidth{ width:20%; min-width:150px;}
.swidth{ width:24.25%; min-width:150px;}
.smwidth{ width:31.3%; margin-top:5px}
.mswidth{ width:50%; margin-top:10px;}
.mwidth{ width:38%; min-width:150px;}
.img_left img,.img_right img{ display:block; width:100%; border:1px #dedede solid}

.xd_photo{ margin:0.5rem 0;width:100%;height:auto;} 
.xd_photo ul{display:flex;width:100%;height:auto; flex-flow: wrap;}
.xd_photo ul.center{ padding:0 10%}
.xd_photo ul li{display:block;margin:0 2% 10px 0;text-align:center;}
.xd_photo ul li img{display:block; width:100%;  padding: 4px;position: relative;} 
.xd_photo1 ul li img{ padding:0;}
.xd_photo1 ul li{ margin-bottom:5px;}
.xd_photo ul.nopic li img{ border:none} 
.xd_photo ul li a{ color:#333;}
.xd_photo ul li span{ display:block; line-height:1.025rem; padding:0.3rem 0.5rem; font-size:0.8135rem}
.xd_photo ul li p{ display:block;}
.xd_pic2 ul,.xd_pic3 ul,.xd_pic4 ul,.xd_pic5 ul,.xd_pic6 ul{margin:0}
.xd_pic2 ul li{width:49%}
.xd_pic3 ul li{width:32%}
.xd_pic4 ul li{width:23.5%}
.xd_pic5 ul li{width:18.4%;font-size:12px;}
.xd_pic6 ul li{width:15%;font-size:12px;}
.xd_pic2 ul li:nth-child(2n),.xd_pic3 ul li:nth-child(3n),.xd_pic4 ul li:nth-child(4n),.xd_pic5 ul li:nth-child(5n),.xd_pic6 ul li:nth-child(6n){margin-right:0}
.xd_pic2 ul li:nth-child(2n+1),.xd_pic3 ul li:nth-child(3n+1),.xd_pic4 ul li:nth-child(4n+1),.xd_pic5 ul li:nth-child(5n+1),.xd_pic6 ul li:nth-child(6n+1){ clear:both;}
figure{ margin:0 0 0.3rem 0}
.xd_shadowpic ul li a img{box-shadow: 0px 6px 10px 0px rgb(0 0 0 / 30%);}
.xd_sample a img{box-shadow: 3px 3px 1px #1866a0;border-radius: 50%;padding: 0 !important;}
.xd_sample ul li a{padding: 2px;display: block;}
.left_pic{ width:40%; height:auto; float:right; margin:0 0 20px 4%;}
.left_pics{ width:100%; height:auto; float:left; } 
.left_pics img{ width:100%; text-align:center;}
.left_pics a{ cursor:default} 
.related_pic{ width:100%; height:auto; float:right;  text-align:center}
.related_pic a{ width:18%; height:auto; float:left; margin:10px 2% 0 0; display:block; text-align:center; color:#666; font-size:12px;}
.related_pic a:nth-child(5n){ margin-right:0}
.related_pic a img{ width:100%; } 

.about_img{width:100%;overflow:hidden; float:left; margin:10px 0 15px 0}
.about_img ul{width:100%}
.about_img>ul>li{ float:left}
.about_img>ul>li:first-child{width:73%;margin:0 1% 3px 0}
.about_img>ul>li:last-child{width:26%}
.about_img>ul>li:last-child>ol{width:100%}
.about_img>ul>li:last-child>ol>li{width:100%;margin-bottom:7px}
.about_img ul li a img{width:100%; border:1px solid #dedede;padding:2px;}
.about_img ul li a:hover img{border-color:#2c3e50}

.xd_project{ width:100%; float:left; background:#f5f5f5; padding:0 0.3rem 0 0; margin:0.8rem 0; position:relative;}
.xd_project:before{position:absolute; content:""; right:-3%; bottom:0; border-left:26px solid #dedede; border-bottom:26px solid transparent; border-right:26px solid transparent; background:#fff; border-radius:0}
.xd_project .img_center{ margin:0} 

#xd_set_feedback_form{overflow:hidden;height:auto;width:90%; margin: 0 auto;border-radius: 1rem;}
.contact_form{width: 100% !important; background-color: #eee; padding: 2rem;}
#xd_form_title{ 
    font-size: 2rem;
    color: #111;
    position: relative;
    padding: 3rem 2rem 0rem 3.6rem;
    line-height: 2rem;
    margin-bottom: 0.5rem;
    font-family: Play;
    font-weight: 600;
}
.contact_form #xd_form_title{padding: 1rem 2rem 0 1rem;}
#xd_form{
    width: 100%;
    height: auto;
    float: left;
    margin: 2rem 0 1rem 0;
    border: 1px #ededed solid;
    background: url(../images/pro_bg.jpg) no-repeat top center;
    background-size: cover;
    background-attachment: fixed;
    border-radius: 1rem;
}

.contact_des strong{font-size: 1rem; color: #333; margin-top: 0;padding-bottom: .2rem; }
.contact_des strong::before{display: none; }
.contact_des p{font-size: 0.95rem;}
.contact_des a{color: #333;}
.other_pro{width:100%; height:auto; float:left; margin:3rem auto; border-radius:3px 3px 0 0; background-color: #f1f1f1; padding: 3rem 0;transform: skewY(-2deg);}
.other_pro .smalltitle1{width: 100%; max-width: 1200px; margin: 0 auto; font-size: 2rem; text-align: center; text-transform: uppercase;color: #111; margin-bottom: 1rem; transform: skewY(2deg);}
.other_pro ul{ width:100%; padding:5px 15px 0 15px; display:flex; flex-wrap:wrap; max-width: 1200px; margin: 0 auto;transform: skewY(2deg); }
.other_pro ul>li{width:23.5%;margin:0 2% 0 0;overflow:hidden; background-color: #edf5f8; padding:1rem;} 
.other_pro ul li:nth-child(4n){margin-right:0} 
.other_pro ul li ol li.product_img{width:100%; overflow: hidden;}
.other_pro ul li ol li.product_img img{width:100%; transition: all .5s;}
.other_pro ul li ol:hover li.product_img img{border-color:#888}
.other_pro ul li ol li.product_con{width:100%;margin:0 auto;}
.other_pro ul li ol li.product_con a{color:#333;display:block;padding:8px 2px 12px 2px;font-size:1rem; line-height: 1.35; margin-top: 1rem;font-family: Play;} 
.other_pro ul li:hover ol li.product_con a,.other_pro ul li.dq ol li.product_con a{color:#1866a0; }
.other_pro ul li:hover ol li.product_img img{transform: scale(1.05);} 


.relatedpro{
    width: 100%;
    height: auto;
    float: left;
    margin: 2rem 0;
}
.relatedpro ul{
    width: 100%;
    padding: 0 0 0 2rem;
    display: flex;
    flex-wrap: wrap;
}
.relatedpro ul li{width:49%;margin: 0 2% 1rem 0;} 
.relatedpro ul li:nth-child(2n){margin-right: 0;}
.relatedpro ul li:nth-child(2n+1){clear: both;}
.relatedpro ul li a{
    padding: 3px 10px 0 15px;
    display: block;
    overflow: hidden;
    color: #666;
    line-height: 16px;
    font-size: .9rem;
    position: relative;
    transition: all .5s;
}
.relatedpro ul li a:before{ position:absolute; content:"\f101"; color:#666; font-size:14px; font-family:fontawesome; left:0; top:2px;}
.relatedpro ul li a.dq,.relatedpro ul li a:hover{color:#1866a0;}
.relatedpro ul li a.dq:before,.relatedpro ul li a:hover:before{color:#1866a0;} 
@media (max-width: 576px) {   
.xd_sample ul li{width: 32%;margin: 0 2% 10px 0;}
.xd_sample ul li:nth-child(2n){margin-right: 2%;}
.xd_sample ul li:nth-child(2n+1){clear: none;}
.xd_sample ul li:nth-child(3n){margin-right: 0;}
.xd_sample ul li:nth-child(3n+1){clear: none;}
}

/*底部*/
#footer{ width:100%;height:auto;padding:.5rem 0 .5rem 0;background: #1866a0;}
#xd_footin{margin:0 auto;width:100%;text-align:center; position:relative;}
#xd_homefooter{height:auto;padding:.5rem 0;  text-align:center; position:relative; width: 100%; }
#xd_homefooter a{
	padding: 0 0.8rem;
    color: #fff;
    margin: 0px;
    position: relative;
    font-size: 0.875rem;
    font-weight: 700;
    font-family: Play;
}
#xd_homefooter a:hover{color:#111; text-decoration:none;}
#xd_coper a{color:#fff; margin-top:.5rem;font-size:0.875rem;}
#otherlink{clear:both;width:100%;height:auto}
#otherlink a{color:#fff; font-size:0.625rem; display:inline-block;padding:0.05rem 0.3rem; margin-right:0.875rem; border:1px #fff solid;}
#otherlink a span{opacity:.5;position:relative;top:0;font-size:0.875rem;}
#otherlink a:hover{color:#111;border:1px #111 solid; text-decoration: none;}
#otherlink a:hover span{opacity:1;top:-3px;transition:all .3s ease-in-out}


@media (max-width: 1500px) {   
#xd_producttitle ul{ margin-bottom:0}
.bg_line{display: none;}
.xd_mainproducts{margin-top: -8%;}
#xd_banner .txt4{top: 5%;}
#xd_banner .txt4 h1{font-size: 2.5rem;}
#xd_banner .txt6 h1{font-size: 3rem;}
}
@media (max-width: 1300px) {  
	#xd_banner .banner_txt h1{font-size: 1.8rem;}
}
@media (max-width: 1199.98px) {  
.company_txt h1{ font-size:1.5rem; line-height:1.5rem}
.company_txt p{ font-size:0.875rem; line-height:1.25rem}
.navbar-light .navbar-nav .nav-link{ padding: 0 .8rem !important; font-size: .9rem;}

.qulicklink{ position:static}
#xd_producttitle{ margin:15px 0 0 0; color:#666; clear:both}
#xd_producttitle a,#xd_producttitle li + li::before{ color:#666} 
}

@media (max-width: 991.98px) { 
.top-nav{ width:100%; text-align:left; margin-top: 0;}
#xd_language{width: 100%;}
.navbar{padding:0.05rem 0rem 0;}
.dropdown-menu{ border:none;}
.navbar-light .navbar-toggler{ color:#004ea2; font-size:1.6rem; margin:0.5rem 0.5rem 0 0;}
.navbtn{ margin:2.4rem 1rem 0 0}
#header{position: relative; background-color: #ccc; float: left;}
#container{margin-top:0;}  
.content1{ padding:2rem 0 1.5rem 0}
.xd_productlists,.xd_contactin{ width:100%}
.xd_contactin{ padding-top:40px;}  
#xd_sidebar,#xd_producttitle,.second_list,#xd_homefooter{ display:none}
#xd_right{width:100%; padding-left:0}
.smalltitle{ padding-top:0}
.navbar-light .navbar-nav .nav-link{margin: .5rem 0; border-bottom: 1px solid #ccc; padding-bottom: .3rem !important;}
#xd_bottom{background: #eee; padding-top: 2rem;}
.company .xd_hometitle,.xd_hometitles{width: 100%;} 
.probg_des{position: relative; top: 0; margin-bottom: 2rem;}
.xd_mainproducts{margin-top: 0;}
.probanner_txt::before{display: none;}
.xd_products1>ul>li>ol>li.product_con a{height: auto;}
.xd_productlists ul>li{width: 48%;}
}

@media (max-width: 767.98px) { 
#xd_homefooter a{font-size:0.875rem;}  
.company img{ display:none;}
.company_txt{width:100%; padding-left:0}
.xd_hometitle, h2{font-size:1.6rem;line-height: 1.8rem; margin-top: 0.5rem;} 
.xd_products1 ul > li{ width:48%; margin-right:4%}
.xd_products1 ul > li:nth-child(4n){ margin-right:4%}
.xd_products1 ul > li:nth-child(3n){ margin-right:4%}
.xd_products1 ul > li:nth-child(2n){ margin-right:0}  
.xd_homelink ul > li,.xd_homelink1 ul > li{ width:48.5%; margin-right:3%}
.xd_homelink ul > li:nth-child(3n),.xd_homelink1 ul > li:nth-child(3n){margin-right:3%}
.xd_homelink ul > li:nth-child(2n),.xd_homelink1 ul > li:nth-child(2n){ margin-right:0}
.xd_mainproducts ul > li{ width:48.5%; margin:0 3% 1.125rem 0}
.xd_mainproducts ul > li:nth-child(3n){ margin-right:3%}
.xd_mainproducts ul > li:nth-child(2n){ margin-right:0}
.pro_banner{padding: 3rem 0;}  
.pro_banner h1{font-size: 1.5rem;}  
.video_btn1{width: 80px; height: 80px;}
.probg_des .webtitle{font-size: 1.5rem;}
.inquiry_box{padding: 1rem 2rem;}
.mainpro_box ul>li{width: 48%; }
.mainpro_box ul>li:nth-child(2n){margin-right: 0;}
.mainpro_box ul>li:nth-child(3n){ display: none;}
.other_pro ul>li{width:48%; margin-bottom: 1rem;} 
.smalltitle{font-size: 1.2rem; line-height: 1.35;}
strong{font-size: 1.2rem; }
}

@media (max-width: 575.98px) {
#xd_homefooter a,#xd_coper a{font-size:0.6rem;}
.xd_products ul>li,.img_left, .img_right,.left_pic,.xd_products > ul.three > li,.xd_mainproducts ul > li{width:100%; margin-right:0;}
.smwidth{width:100%;}   
.xd_products1 ul>li{ background:#fff}
.xd_pic3 ul li:nth-child(2n),.xd_pic4 ul li:nth-child(2n){margin-right:0;}
.xd_pic3 ul li,.xd_pic4 ul li{width:49%;margin-right:2%;}
.xd_productlists,.company,.xd_contactin{ width:100%; padding-bottom:1rem; margin:0} 
.xd_productlists ul > li{ width:100%; padding-bottom:15px;}
.xd_contactin{ padding-top:0px;}
.xd_products > ul > li .product_img,.xd_products > ul > li .product_con{ width:100%; padding-left:0}
.xd_products > ul > li .more a{ margin:0.8rem 0 1rem 0}
.xd_products > ul > li .product_img{margin-bottom: 1rem;}
#xd_language a img{display: none;}
.webtitle{font-size: 1.6rem;}
.dropdown-item{white-space:inherit}
.mainpro_box ul>li{margin-right: 0; width: 100%; margin-bottom: 1rem;}
.mainpro_box ul>li:nth-child(3n){ display: block;}
.other_pro ul>li,.relatedpro ul li{width:100%; margin-right: 0;} 
}
@media (max-width: 375.98px) {
	#xd_logo img{height: auto; width: 150px; margin-top: .5rem;}
	.navbar-light .navbar-toggler{font-size: 1.1rem;}
	.xd_pic3 ul li{width: 100%; margin-right: 0;}
}


/*sitemap*/
#xd_map{width:100%;margin:0 auto}
#xd_map .name{width:100%;color:#06c;background:#eee;margin-top:6px;height:20px;line-height:20px;display:block;margin-bottom:4px}
#xd_map a{color:#333;text-decoration:underline;width:100%;display:block;margin-top:5px}
#xd_map a:hover{text-decoration:none}
#xd_map .name a{color:#1d3154;margin:0;font-weight:700;text-decoration:none}
#xd_map .name a:hover{text-decoration:underline}
#xd_map .list_m{ width:100%; height:auto; margin-bottom:15px; overflow:hidden}
#xd_map .list_m a{ width:50%; display:block; float:left; color:#888; text-decoration:none; line-height:20px; padding:5px 0; padding-left:12px;}
#xd_map .list_m a:nth-child(2n+1){ clear:both}
#xd_map .list_m a:hover{text-decoration:underline; color:#0c3b64}
#xd_map a.subname{ width:100%; display:block; text-decoration:underline;padding-left:0px;}

.review{ font-size:20px; color:#F00;}
.layui-layer-dialog .layui-layer-content{padding: 0 !important;}
.layui-layer-btn .layui-layer-btn0{background: none !important; border: none !important; padding: 1rem !important;}
.layui-layer-btn a{height: auto !important; font-size: 1.6rem;}


/*video*/
.h2video {color:#111; border:none; margin-bottom:0.5rem;}
#video_right{float:left;width:72%;position:relative;}
#video_right video{ width:100%;}
#video_sidebar{float:right;width:25%;position:relative;margin:0 auto;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;background: #edf5f8;padding: 0.5rem 1rem 0 1rem;border-radius: 22px;}
#video_sidebar .webtitle{text-align:left;font-size:1.4rem;margin:1rem 0;line-height:1.4rem;color:#000;font-weight:600;position:relative;width:100%; font-style:inherit; text-transform:inherit;}

#xd_videolist>ul{position:relative;margin:1rem 0 2rem 0;}
#xd_videolist>ul>li{width:100%;position:relative;margin:1rem 0;border-radius:0.5rem;}
#xd_videolist>ul>li img{width:50%;float:left;overflow:hidden;border-radius:0.3rem; border:1px #eee solid;}
#xd_videolist>ul>li>a{display:block;display:flex;flex-wrap:wrap;align-items:center;}
#xd_videolist>ul>li>a span{width:50%;float:right;padding:0.2rem 0 0.2rem 0.8rem;color:#333;font-size:0.8rem;line-height:0.95rem;position:relative;display:block; }
#xd_videolist>ul li a.dq span,#xd_videolist>ul li a:hover span{color:#e40115;}

.zipvideo_hub{position:relative;}
.zipvideo_hub ul{display:flex;flex-wrap:wrap;position:relative;}
.zipvideo_hub ul>li{width:23.5%;margin:0 2% 1rem 0;position:relative;border:1px solid #eee;transition:.3s all ease-in-out; background:#eff7fa;border-radius:5px;}
.zipvideo_hub ul>li:nth-child(4n){margin-right:0;}
.zipvideo_hub ul>li:nth-child(4n+1){clear:both;}
.zipvideo_hub ul li ol{position:relative;display:flex;flex-wrap:wrap;align-items:center;}
.zipvideo_hub ul li ol li.product_img{width:100%;position:relative;}
.zipvideo_hub ul li ol li.product_img a{width:100%;display:flex;flex-wrap:wrap;position:relative;justify-content:center;align-items:center;}
.zipvideo_hub ul>li ol .product_img a:after{  position: absolute;content: "\f0da";left: 50%;top: 50%; transform: translate(-50%,-50%); z-index: 1;font-family:fontawesome; font-size: 2rem; line-height:2rem; color:#fff;  background:#d44848; border-radius:100%; border:2px #fff solid; width:42px; height:42px; text-align:center; padding-top:4px; padding-left:3px;}
.zipvideo_hub ul>li ol .product_img a:before{position: absolute;content: ""; width:100%; height:100%; top:0; left:0; background:rgba(0 0 0 / 40%);z-index: 1;}
.zipvideo_hub ul>li:hover ol .product_img a:after{color:#fff; background:#1866a0;}
.zipvideo_hub ul>li:hover ol .product_img a:before{background:rgba(0 0 0 / 15%);}

.zipvideo_hub ul li ol li.product_con{width:100%;position:relative;padding:0 1rem;}
.zipvideo_hub ul li ol li.product_con a{display:block;font-size:0.875rem;line-height:1.2rem;padding:0.5rem 0; color: #111;text-align: center;}
.zipvideo_hub ul li:hover ol li.product_con a{ color:#d44848;}



.zipvideo_hub ul li ol li.product_con a:hover {}
#video_right .more_details a{color:#fff;font-size:0.875rem;text-transform:uppercase;background:#1866a0;padding:0.4rem 2rem;border-radius:0.5rem;display:inline-block;margin:0.5rem 0 0 0;border:1px #aaa solid;font-weight:normal;box-shadow:0 1px 2px 0 rgba(0,0,0,.14),0 1px 4px 0 rgba(0,0,0,.12),0 2px 2px -1px rgba(0,0,0,.2);}
#video_right .more_details a:hover{border-color:#1866a0;background:none;color:#1866a0;}

@media (max-width:991.98px){
#video_sidebar,#video_right{width:100%}
#xd_videolist>ul{display:block;display:flex;flex-wrap:wrap;}
#xd_videolist>ul>li{width:49%;margin-right:2%;}
#xd_videolist>ul>li:nth-child(2n){margin-right:0;}
#xd_videolist>ul>li:nth-child(2n+1){clear:both;}
.zipvideo_hub ul>li{width:49%;}
.zipvideo_hub ul li ol li.product_img{width:100%;}
.zipvideo_hub ul li ol li.product_con{width:100%;text-align:center;}
.zipvideo_hub ul>li:nth-child(4n){margin-right:2%;}
.zipvideo_hub ul>li:nth-child(4n+1){clear:none;}
.zipvideo_hub ul>li:nth-child(2n){margin-right:0;}
.zipvideo_hub ul>li:nth-child(2n+1){clear:both;}
}
@media (max-width:575.98px){
#xd_videolist>ul>li{width:100%;margin-right:0;}
#xd_videolist>ul>li>a{border-radius:0.3rem 6px 6px 0.3rem;}
.zipvideo_hub ul>li{width:100%;margin-right:0;}
.zipvideo_hub ul>li:nth-child(3n){margin-right:0%;}
}