@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;}
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;}
inquiry,u.inquiry{text-decoration:none;color:#666;}
u.inquiry:after{content:"Запрос";display:block;background:#e3e4e5;color:#666;text-align:center;line-height:1;padding:4px 10px;font-size:12px;float:left;width:88px;font-weight:600;font-family:Play;}
u.inquiry:hover:after{background:#285a92;color:#fff;}
.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%;}



#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;white-space: nowrap; }
.navbar-light .navbar-nav #menu-items .dropdown-item{min-width: 21rem;white-space: initial;}
.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:2.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:2rem;}
#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:2.4rem;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:1rem;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:2.8rem;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:3rem;}
#xd_banner .txt7{left:-22%;top:8%;}
#xd_banner .txt7 h1{font-size:2.4rem;text-align:left;padding:0;}
#xd_banner .txt7 h1 span{display:block;font-size:2.4rem;}
/* 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:900px;text-shadow:1px 2px 3px #000;text-align:center;margin:0 auto;font-size:2.4rem;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.4rem;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:1rem;}
.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:2rem;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 0.5rem 3rem;position: relative; 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 1.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:.9rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;}

.xd_mainproducts ul>li>ol>li.product_con a{transition:all .5s;}
.xd_mainproducts ul>li>ol>li.product_con .more{ position: absolute; left: 50%;bottom: 20px; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); }
.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;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:inline-block;line-height:28px;text-align:center;color:#363636;padding: 0 10px; font-weight:600;border:1px #999 solid;margin-top:1rem;font-size:0.875rem;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;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;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;margin-bottom:1rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;}

.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{display:block;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;}
.xd_mainproducts ul > li:nth-child(3n){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%;}
}