@charset "UTF-8";
/*=========== PC public CSS ===========*/
*,:before,:after{ margin:0; padding:0; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, pre, form, fieldset, figure, figcaption, table, th, td img{ margin:0; padding:0;}

@font-face {
    font-family:'Hind';
    src:url('/fonts/Hind-Regular.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}
@font-face {
    font-family:'Hind-Light';
    src:url('/fonts/Hind-Light.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}
@font-face {
    font-family:'Hind-Medium';
    src:url('/fonts/Hind-Medium.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}
@font-face {
    font-family:'Helvetica';
    src:url('/fonts/Helvetica-Bold.Ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}
@font-face {
    font-family:'AgencyFB';
    src:url('/fonts/AGENCYB.TTF') format('truetype');
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}
@font-face {
    font-family:'AgencyFB-Bold';
    src:url('/fonts/AgencyFB-Bold.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}
@font-face {
    font-family:'AGENCYR';
    src:url('/fonts/AGENCYR.TTF') format('truetype');
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}
@font-face {
    font-family:'Vollkorn';
    src:url('/fonts/Vollkorn-Regular.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

body{font-family:"Hind","Microsoft YaHei","微软雅黑";  color:#232323; font-size:16px; line-height:1.7; margin:0 auto; background-color:#FFF;overflow-x:hidden;}
ol,ul,li{list-style:none;}
i,em{font-style:normal;}
a{ color:#232323; text-decoration:none; outline:none; cursor:pointer;}
a:hover, a:active, a:link, a:visited{ text-decoration:none;}
fieldset,img{ max-width:100%; border:none; vertical-align:middle;}
video{width:100%; border:none; vertical-align:middle;}
input,select,textarea,button{color:#333;font-size:16px;font-family:"Microsoft Yahei",sans-serif;outline:none; border:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
input, button{ border-radius:0; -webkit-appearance:none;} /*清除IOS默认圆角*/
textarea{ resize :none; outline:none; border:none;} /*去除右下角拖动边框标识*/
input:-ms-clear{ display:none;} /*消除 IE10 里的叉号*/
input[type="button"], input[type="submit"], input[type="reset"]{ -webkit-appearance:none; outline:none;}
::-webkit-input-placeholder{color:#4c4c4c;}
::-moz-placeholder{color:#4c4c4c;}
:-ms-input-placeholder{color:#4c4c4c;}
:-moz-placeholder{color:#4c4c4c;}

table{ border-collapse:separate;} /*边线重叠*/
.clearfix:after{ content:"."; display:block; height:0; line-height:0; clear:both; visibility:hidden;}
.clearfix{ zoom:1;}
.btn-swt{cursor:pointer;}
.transition{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
.wrap{width:92%; max-width:1200px;margin:0 auto;position:relative;}

/**库存新加开始**/
.stock_wrap{width:92%; max-width:1000px;margin:0 auto;position:relative;padding-top:30px;}
/**库存新加结束**/

/* aside */
.toTop{position:fixed;right:43px;bottom:80px;z-index:999;cursor:pointer;width:50px;display:none;background-color:rgb(0 0 0/0.6);height:50px;line-height:50px;border-radius:4px;}
.toTop .isshow{position:absolute;top:0;left:0;display:block;}
.toTop .hide{position:absolute;top:0;left:0;display:none;}
.toTop img{width:100%;height:auto;vertical-align:middle;}
.toTop:hover{background:#ffa508;}
.toTop:hover .isshow{display:none;}
.toTop:hover .hide{display:block;}

.fix-foot{display:none; position:fixed;bottom:10px;left:10px; right:10px;max-width:768px;z-index:99999;font-size:18px;line-height:52px;}
.fix-foot ul{margin-left:-2%;}
.fix-foot li{float:left;width:48%;margin-left:2%;}
.fix-foot li a{background-color:#ffa508;color:#001b34;font-size:24px;display:block;text-align:center;line-height:42px;border-radius:4px;}



/* header */
/*.header{background-color:#001b34;width:100%;top:0;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;line-height:95px;width:100%;z-index:99999;}*/
.header {
     background-color:#001b34;
    top:64px;
    transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    line-height:95px;
    width:100%;
    z-index:99999;
}

.header.jianbian{
    position:absolute;
    background-color:transparent;
    /* background:linear-gradient(to bottom,#001b34 0%,#0000); */
    background:linear-gradient(to bottom,#000 0%,#0000);

}

.header.on {background-color:#001b34;}
.header.wrap{position:relative;}
.header.flx-head{position:relative;background:#fff;box-shadow:0 0 20px -10px rgba(0, 0, 0, 0.8);z-index:9999;padding:10px 0;-webkit-transition:all .3s ease-in-out;-moz-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;}
.logo{float:left;width:240px;}
.logo img{max-width:200px;max-height:60px;}
/* PC端栏目渐变色 */
@media screen and (min-width:768px) {
    .header.jianbian{ transition-duration:.5s; }
    .header.jianbian:hover{ background:#fff; }
    .header.jianbian:hover .nav ul li a{ color:#111; }
    .header.jianbian .logo img{ filter:brightness(0) invert(1); transition-duration:.5s; }
    .header.jianbian:hover img{ filter:none; }
}
.nav{float:left;margin-right:60px;}
.nav ul{overflow:hidden;}
/* lyg  9.14 */
.nav ul li{float:left;padding-left:15px; padding-right:15px; position:relative;}
.nav ul li:after{content:"";position:absolute;left:50%;right:0;top:50%;margin-top:15px; width:0;height:2px;background-color:#ffa508;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}
.nav ul li.on:after,.nav ul li:hover:after{width:24px;}
.nav ul li a{display:block;color:#fff;font-size:20px;}
.header.flx-head a{color:#222;}
.navBtn{display:none;float:right;cursor:pointer;}


.search{position:absolute;top:0;right:0;width:60px;}
.ser-btn{position:absolute;right:0;  cursor:pointer;}
.search img{width:25px;height:26px;}
.ser-form {float:right;width:0;filter:alpha(opacity=0); -moz-opacity:0; opacity:0;margin-right:41px; overflow:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;position:relative;}
.ser-form input{width:97%;line-height:36px; padding:0 16px;background-color:#FFF;-webkit-border-radius:36px;border-radius:36px;}
/*.ser-form label{height:36px;margin-left:-50px;}*/
.ser-form label{height:36px;}
.ser-submit{position:absolute;right:16px;top:32px;cursor:pointer;z-index:22;background:transparent;display:none;}
.ser-con .ser-form{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;width:211px;margin-right:-170px;}
.ser-con .ser-submit{display:block;}

/*首页视频开始*/
.video_ban{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    pointer-events:none;
}
/* .video-overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0, 32, 255, 0.5);
	pointer-events:none;
} */
/* 全屏按钮 */
.video_ban::-webkit-media-controls-fullscreen-button {
    display:none;
}
/* 播放按钮 */
.video_ban::-webkit-media-controls-play-button {
    display:none;
}
/* 进度条 */
.video_ban::-webkit-media-controls-timeline {
    display:none;
}
/* 观看的当前时间 */
.video_ban::-webkit-media-controls-current-time-display{
    display:none;
}
/* 剩余时间 */
.video_ban::-webkit-media-controls-time-remaining-display {
    display:none;
}
/* 音量按钮 */
.index_video::-webkit-media-controls-mute-button {
    display:none;
}
.video_ban::-webkit-media-controls-toggle-closed-captions-button {
    display:none;
}
/* 音量的控制条 */
.video_ban::-webkit-media-controls-volume-slider {
    display:none;
}
/* 所有控件 */
.video_ban::-webkit-media-controls-enclosure{
    display:none;
}
/*首页视频结束*/

.advantage {
	width:100%;
	background-color:#f0f0f0;
	box-shadow:0 5px 5px rgba(0, 0, 0, 0.1);
	text-align:center;
	padding:12px 20px;
    background-image:url('//cdn.xuansiwei.com/sawan11064/images/lubu_bac.png'); 
    background-size:cover;  
    background-position:center;  
    background-repeat:no-repeat;  

}
.advantage ul {
	height: 60px;
	max-width: 1300px;
	margin: 0 auto;
	display: flex;
	/* 将ul元素变为flex容器 */
	flex-direction: row;
	/* 将子元素水平排列 */
	flex-wrap: wrap;
	/* 换行 */
	justify-content: space-between;
	/* 子元素水平均匀分布 */
}

.advantage li {
	display: flex;
	/* 将li元素变为flex容器 */
	flex-direction: column;
	/* 将子元素垂直排列 */
	justify-content: center;
	align-items: flex-start;
	height: 60px;
	position: relative;
	padding-left: 50px;
	line-height: 22px;
}

.advantage li:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 10px;
	width: 36px;
	height: 36px;
}

.advantage .free_sample:before {
	background: url(//cdn.xuansiwei.com/sawan11064/images/free-sample2.png) no-repeat;
	background-position: center;
	background-size: cover;
}

.advantage .credit_card:before {
	background: url(//cdn.xuansiwei.com/sawan11064/images/credit-card2.png) no-repeat;
	background-position: center;
	background-size: cover;
}

.advantage .world:before {
	background: url(//cdn.xuansiwei.com/sawan11064/images/world2.png) no-repeat;
	background-position: center;
	background-size: cover;
}

.advantage .hours_24:before {
	background: url(//cdn.xuansiwei.com/sawan11064/images/24-hours2.png) no-repeat;
	background-position: center;
	background-size: cover;
}

.advantage .ag {
	font-family: AgencyFB;
	color: #001b34;
}

.advantage .hl14 {
	font-size: 14px;
	color: #000;
}

/* .advantage span {
	font-family:Hind-Medium;
	font-size:17px;
	color:#000000;
	line-height:36px;
	font-weight:400;
	
}
.advantage span::before {
	content:'';
	display:inline-block;
	width:32px;
	height:24px;
	background-image:url('//cdn.xuansiwei.com/sawan11064/images/lubu_img.png'); 
	background-size:cover;  
    background-position:center;  
    background-repeat:no-repeat; 
	margin-right:10px;
	vertical-align:-5px;
} */

.index-ban{position:relative;width:100%;height:auto;min-height:100vh;-webkit-object-fit:cover;object-fit:cover;}
.index-ban picture > img{width:100%;height:auto; aspect-ratio:1903/971; min-height:94vh;-webkit-object-fit:cover;object-fit:cover;}
.ban-info{position:absolute;left:0;right:0;margin:0 auto; top:25%;width:1200px; color:#FFF;text-align:center;line-height:1.2;z-index:22;}
.ban-info h1{display:block;font-size:60px;font-family:'Helvetica';line-height:1.7;}
.ban-info .ban-form{width:800px;height:60px;line-height:60px; background-color:#FFF;-webkit-border-radius:8px;border-radius:8px;overflow:hidden; margin:180px auto 0;position:relative;padding-right:60px;}
.ban-info .ban-form input{width:100%;line-height:40px;padding:10px 20px;font-family:'Hind-Light';font-size:18px;color:#333;}
.ban-info .ban-form button{position:absolute;top:0;bottom:0; right:0;width:60px;background-color:#ffa508;cursor:pointer;}
.ban-info .ban-form button img{width:60px;height:auto;aspect-ratio:1 / 1;}


.index-about{margin-top:170px;}
.index-about .wrap{display:-webkit-box;display:flex;}
.index-about .index-name{margin-top:24px;}
.index-name{color:#000;font-family:'Helvetica';line-height:1.5;}
.index-name h1,.index-name h2{font-size:50px;}
.index-about .about-fl{float:left;width:58%;}
.about-fl > p{color:#4c4c4c;font-size:20px;line-height:1.8;margin-top:84px;}
.about-fl .index-more{margin-top:72px;}
.index-more{margin-right:35px;}
.index-more a{display:inline-block; height:63px; line-height:63px;padding:0 20px;color:#000;font-size:20px;position:relative;}
.index-more a:before{content:'';position:absolute;left:0;top:0;bottom:0;width:63px;background-color:#ffa508;-webkit-border-radius:25px 5px 5px 5px;border-radius:25px 5px 5px 5px;z-index:-1;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.index-more a:after{content:'';position:absolute;right:-36px;top:50%; margin-top:-5px; width:35px;height:11px; background:url(//cdn.xuansiwei.com/sawan11064/images/arrow-more.png) no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.index-more a:hover:before{width:100%;-webkit-border-radius:25px 5px 25px 5px;border-radius:25px 5px 25px 5px;}
.index-more a:hover:after{right:-40px;}
.about-fl ul{margin-top:66px;}
.about-fl li{float:left;width:25%;text-align:center;}
.about-fl li img{width:29px;height:auto; aspect-ratio:1 / 1;}
.about-fl li strong{display:block;color:#0055a2;font-size:30px; font-family:'AgencyFB';line-height:1.1;margin:44px 0;}
.about-fl li p{color:#333333;font-size:14px;font-family:'Hind-Light';}

.index-about .about-fr{float:left;width:40%;margin-left:2%; position:relative;}
.index-about .about-fr:before{content:'';position:absolute;right:-80px;top:-80px;width:168px;height:168px;background:url(//cdn.xuansiwei.com/sawan11064/images/about-dot.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;z-index:-1;}
.index-about .about-fr img{width:100%; height:100%; object-fit:cover;border-radius:100px 20px 20px 20px;}

.index-selling{margin-top:120px;}
.index-title{position:relative;line-height:63px;height:63px;margin-bottom:80px;}
.index-title .index-more{position:absolute;right:0;top:0;}

.selling-list{margin-left:-1.5%;margin-top:100px;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:24px;}
.selling-list .selist-con{/*float:left;width:32%;margin-left:1.5%;margin-bottom:25px;*/}
.selling-list .selist-item{background-color:#eeeeee;position:relative;text-align:center;height:624px;line-height:624px;}
.selling-list .selist-pic{display:block;overflow:hidden;}
.selling-list .selist-pic img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; aspect-ratio:454/ 368;}
.selling-list .selist-item:hover .selist-pic img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);transform:scale(1.03);}
.selling-list .selist-txt{position:absolute;color:#001b34;font-size:30px;line-height:1.2;}
.selling-list .selist-txt:hover{color:#ffa508;}
.selling-list .item01 .selist-txt{right:32px;bottom:28px;}
.selling-list .item02 .selist-txt{left:32px;bottom:28px;}
.selling-list .item03 .selist-txt{left:32px;bottom:28px;}
.selling-list .item04 .selist-txt{left:32px;top:28px;}
.selling-list .item05 .selist-txt{right:32px;top:28px;}
.selling-list .item06 .selist-txt{left:32px;top:28px;}

.selling-list .item03{height:300px;line-height:300px;}
.selling-list .item04{height:300px;line-height:300px;margin-top:24px;}
.selling-list .selist-cons{width:65%;}
.selling-list .selist-two{width:31.5%;}
.selling-list .item03 img{aspect-ratio:402/168;}
.selling-list .item04 img{aspect-ratio:417/130;}
.selling-list .item05 img{aspect-ratio:479/398;}
.selling-list .item06 img{aspect-ratio:911/480;}

.index-partner{margin-top:77px;}
.index-partner ul{margin-left:-2%;}
.index-partner li{float:left;width:23%;margin-left:2%;padding:20px 0;text-align:center;margin-bottom:22px; background-color:#fff;-webkit-box-shadow:0 0 15px rgba(0,27,52,.15); -moz-box-shadow:0 0 15px rgba(0,27,52,.15); -ms-box-shadow:0 0 15px rgba(0,27,52,.15);-o-box-shadow:0 0 15px rgba(0,27,52,.15); box-shadow:0 0 15px rgba(0,27,52,.15);}
.index-partner li >img{ aspect-ratio:26/15;width:92%;}
.index-serve{margin-top:90px;}
.serve-swiper .swiper-slide{position:relative;overflow:hidden;}
.serve-swiper .swiper-slide a{display:block;}
.serve-swiper .swiper-slide .serve-pic img{width:100%;aspect-ratio:119/208;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.serve-swiper .swiper-slide:hover .serve-pic img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);transform:scale(1.03);}
.serve-swiper .swiper-slide .serve-name{position:absolute;left:50px;top:50px;}
.serve-swiper .swiper-slide .serve-name img{width:80px; aspect-ratio:5/4;}
.serve-swiper .swiper-slide .serve-name p{color:#FFF;font-size:24px;text-shadow:1px 0 0 #000;margin-top:35px;}
.serve-swiper .swiper-slide .serve-txt{position:absolute;left:32px;bottom:40px;color:#FFF;font-size:24px;text-shadow:1px 0 0 #000;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;transform-origin:center;transform:rotate(-180deg);-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.serve-swiper .swiper-slide:hover .serve-txt{bottom:50px}

.serve-swiper.swiper-container{padding-bottom:40px;margin-top:120px;}
.serve-swiper.swiper-container-horizontal>.swiper-pagination-bullets{bottom:0;}
.serve-swiper.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 8px;}
.serve-swiper .swiper-pagination-bullet{width:10px;height:10px;background:#b5b5b5;border:1px solid #b5b5b5;opacity:1;cursor:pointer;}
.serve-swiper .swiper-pagination-bullet-active{background:#fff;}


.index-blog{margin-top:100px;margin-bottom:80px;}
.index-blog ul{margin-left:-2.3%;margin-top:110px;}
.index-blog ul li{float:left;width:31%;margin-left:2.3%;background-color:#fff;padding:10px 10px 30px;-webkit-box-shadow:0 5px 15px rgba(0,27,52,.3); -moz-box-shadow:0 5px 15px rgba(0,27,52,.3); -ms-box-shadow:0 5px 15px rgba(0,27,52,.3);-o-box-shadow:0 5px 15px rgba(0,27,52,.3); box-shadow:0 5px 15px rgba(0,27,52,.3);position:relative;margin-bottom:22px;}
.index-blog ul li:before{content:'';position:absolute;left:0;bottom:0;width:0; height:4px;background-color:#ffa508;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.index-blog li a{display:block;}
.index-blog li .idxblog-pic{position:relative;padding-top:67%;overflow:hidden;}
.index-blog li .idxblog-pic img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.index-blog li:hover .idxblog-pic img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);transform:scale(1.03);}
.index-blog li .idxblog-txt{color:#4d4d4d;font-size:22px;line-height:30px;height:60px; overflow:hidden;margin-top:30px;}
.index-blog ul li:hover:before{width:100%;}
.index-blog ul li .idxblog-txt:hover{color:#ffa508;}


.footer{background-color:#001b34;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin-top:96px;}
.foot-link{padding:60px 0 80px;color:#FFF;}
.foot-link{padding:38.5px 0;}
.foot-link .foot-logo{float:left;width:28%;}
.foot-link .foot-logo a{display:block; width:143px;margin-top:10px;}
.foot-link .foot-logo a{margin-top:0;}
/*.foot-link .foot-logo img{width:100%; aspect-ratio:143 / 51;}*/
.foot-link .foot-about{float:left;width:20%;}
.foot-link strong{display:block;font-family:'Hind';font-weight:normal;font-size:24px;margin-bottom:8px;line-height:1.8;}
.foot-link li,.foot-link li a{color:#fff; font-size:18px;font-family:'Hind-Light';line-height:2.3;}
.foot-link li a{display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.foot-link li a:hover{color:#ffa508;}

.foot-link .foot-Knowledge{float:right;margin-right:38px;}
.foot-link .foot-Knowledge a{color:#fff;font-size:20px;}
.foot-link .foot-contact{float:right;}
.foot-link .clearfix {position:relative;}
.foot-link .clearfix >p {font-family:'Hind-Light';position:absolute;right:0;bottom:-6px;font-size:16px;height:14px;font-weight:normal;color:#cccccc;}
.foot-icon{margin-top:4px;}

.foot-icon a{float:left;width:28px;margin-right:22px;}
.foot-link .foot-contact .foot-icon a:nth-child(3n){margin-right:0}
.foot-icon a .icon-hide{display:none;}
.foot-icon a:hover .icon-hide{display:block;}
.foot-icon a:hover .icon-show{display:none;}


.foot-con{border-top:1px solid #646c72;padding:20px 0 30px;font-size:16px;font-family:'Hind-Light';line-height:30px;}
.foot-con .foot-privacy{float:left;}
.foot-privacy a{display:block; width:140px;border:1px solid #ffa508;line-height:28px;border-radius:4px;position:relative;overflow:hidden;z-index:1;padding-left:34px;color:#ffa508;}
.foot-privacy a:before{content:'';position:absolute;left:0;top:0;bottom:0;width:28px;background-color:#ffa508;z-index:-1;}
.foot-privacy img{position:absolute;left:7px;top:7px;width:13px;height:13px;}
.foot-con .font-txt01{float:left;color:#FFF;margin-left:16px;}
.foot-con .font-txt02{float:right;color:#FFF;}

.foot-popu{position:fixed;left:0;bottom:0;right:0;background-color:#fff;width:100%;padding:10px 20px 5px 20px;background-color:#e6e6e6;margin:auto;box-shadow:5px -5px 5px #666;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;z-index:9999;-webkit-box-shadow:0 0 15px rgba(0,27,52,.15); -moz-box-shadow:0 0 15px rgba(0,27,52,.15); -ms-box-shadow:0 0 15px rgba(0,27,52,.15);-o-box-shadow:0 0 15px rgba(0,27,52,.15); box-shadow:0 0 15px rgba(0,27,52,.15);}
.foot-popu.popu-on{left:-200%;}
.foot-popu p{color:#333;font-size:16px;font-family:'Hind-Light';width:78%;line-height:1.6;float:left;}
.foot-popu p a{color:#0055a2;decoration:underline;}
.foot-popu p a:hover{color:#ffa508;text-decoration:underline;}
.foot-popu .popu-btn{margin-top:3px;text-align:center;width:19%;float:right;}
.foot-popu .popu-btn div{display:inline-block;width:142px;line-height:45px;border-radius:4px;color:#000;font-size:17px;cursor:pointer;}
.foot-popu .popu-btn div.popuBtn01{background-color:#ffe5b9;}
.foot-popu .popu-btn div.popuBtn02{background-color:#ffa508;margin-left:12px;}
.foot-popu .popu-btn div:hover{background-color:#0055a2;color:#FFF;}
/*
.chat{position:fixed;right:100px;bottom:0;z-index:99999;display:none;}
.chat-box{position:relative;width:132px;height:62px;}
.chat .chat-main{position:absolute;left:0;bottom:0;width:138px;height:48px;text-align:center;line-height:48px;color:#001b34;font-size:18px;font-family:'Hind-Medium';background-color:#ffa508;border-radius:8px; cursor:pointer;}
.chat:hover .chat-main{color:#FFF;}
.chat .chat-item{position:absolute;left:0;bottom:0;}

.chat .chat-item{
    position:absolute;
    top:-100px;
    left:-80px;
    border:150px solid transparent;
    transform:scale(0);
    transition:transform 1.4s 0.07s;
    z-index:-1;
}
.chat:hover .chat-item{
    transition:transform 0.4s 0.08s, z-index 0s 0.5s;
    transform:scale(1);
    z-index:1;
}
.chat .chat-item li{
    position:absolute;
    top:-130px;
    left:-130px;
	width:54px;
	height:54px;
	line-height:54px;
	text-align:center;
	border-radius:50%;
	background:#ffa508;
	box-shadow:0 0 10px rgba(0,27,52,.3);
    transform-origin:130px 130px;
    transition:all 0.5s 0.1s;
}
.chat .chat-item li > .phone{ display:none;}
.chat .chat-item li > .wechat{ display:none;}
.chat .chat-item li:hover{
	background-color:#333;
}
.chat:hover .chat-item li:nth-child(1) {
    transition-delay:0.02s;
    transform:rotate(345deg);
}
.chat:hover .chat-item li:nth-child(1) a img{
    transform:rotate(15deg);
}
.chat:hover .chat-item li:nth-child(2) {
    transition-delay:0.04s;
    transform:rotate(25deg);
}
.chat:hover .chat-item li:nth-child(2) a img{
    transform:rotate(335deg);
}
.chat:hover .chat-item li:nth-child(3) {
    transition-delay:0.06s;
    transform:rotate(65deg);
}
.chat:hover .chat-item li:nth-child(3) a img{
    transform:rotate(295deg);
}
.chat:hover .chat-item li:nth-child(4) {
    transition-delay:0.08s;
    transform:rotate(105deg);
}
.chat:hover .chat-item li:nth-child(4) a img{
    transform:rotate(255deg);
}
.chat-item li:nth-child(1):hover .phone{
opacity:1;
display:inline-block;
position:absolute;top:35px;left:40px;
font-size:16px;
color:#fff;
height:40px;
width:190px;
padding:10px;
line-height:20px;
text-align:center;
background:#333;
transform:rotate(15deg);
transition:opacity 0.25s;
}

.chat-item li:nth-child(4):hover .wechat{
display:block;
position:absolute;top:-58px;left:23px;
font-size:16px;
color:#fff;
height:40px;
width:190px;
padding:10px;
line-height:20px;
text-align:center;
background:#333;
transform-origin:130px 130px;
transition:all 0.5s 0.1s;
transform:rotate(255deg);
}*/

.chat{position:fixed;right:50px;bottom:130px;z-index:99999;}
.chat-box{position:relative;width:50px;height:240px; }

.chat-box li{position:relative;width:100%;height:50px;line-height:50px;border-radius:4px;margin:7px;text-align:center;}
.item{background-color:rgb(0 0 0 / 60%);}
.chat-box .isshow{position:absolute;top:0;left:0;display:block;}
.chat-box .hide{position:absolute;top:0;left:0;display:none;}
.chat-box img{display:inline-block;vertical-align:middle;width:100%;}
.chat-box span{padding-left:50px;text-align:left;}
.chat-box .span-email{position:absolute;top:0;display:none;background:#ffa508 url(//cdn.xuansiwei.com/sawan11064/images/chats/email-hover.png) no-repeat ;background-size:50px 50px; background-position:0px 0px; width:225px;}
.chat-box .span-whats{transition:transform 0.5s;position:absolute;top:0;display:none;background:#ffa508 url(//cdn.xuansiwei.com/sawan11064/images/chats/whatsapp-hover.png) no-repeat ;background-size:50px 50px; background-position:0px 0px; width:225px;}
.chat-box .span-wechat{position:absolute;top:0;display:none;background:#ffa508 url(//cdn.xuansiwei.com/sawan11064/images/chats/wechat-hover.png) no-repeat ;background-size:50px 50px; background-position:0px 0px; width:225px;}
.chat-box .span-contact{position:absolute;top:0;display:none;background:#ffa508 url(//cdn.xuansiwei.com/sawan11064/images/chats/contact-hover.png) no-repeat ;background-size:50px 50px; background-position:0px 0px; width:215px;}
 /*.toTop{background-color:#666;margin-top:20px;}*/

.chat-box li:hover {background:#ffa508;border-radius:0px;}
.chat-box li:hover .isshow{display:none;}
.chat-box li:hover .hide{display:none;}
.chat-box li:nth-child(1):hover .span-email{left:-210px;animation-duration:0.5s;animation-name:span-email;display:inline-block;}
.chat-box li:nth-child(2):hover .span-whats{left:-180px;animation-duration:0.5s;animation-name:whats-wechat;display:inline-block;}
.chat-box li:nth-child(3):hover .span-wechat{left:-180px;animation-duration:0.5s;animation-name:whats-wechat;display:inline-block;}
.chat-box li:nth-child(4):hover .isshow{display:none;}
.chat-box li:nth-child(4):hover .hide{display:block;}

@keyframes span-email {
from {background-color:#666;left:0px; }
to {background-color:#ffa508;left:-210px; }
}
@keyframes whats-wechat {
from {background-color:#666;left:0px; }
to {background-color:#ffa508;left:-180px; }
}


/* about */
.ban-top{position:relative;}
.ban-top img{width:100%;max-height:280px;object-fit:cover;aspect-ratio:auto 192/48;}
.crumb{position:absolute;left:0; right:0;margin:0 auto;top:10px;width:1200px;color:#808080;font-size:16px; font-family:'Hind-Light'; line-height:16px;z-index:22;background:url(//cdn.xuansiwei.com/sawan11064/images/icon-home.png) no-repeat left 0;padding-left:20px;}
.crumb li{display:inline-block;}
.crumb li a{color:#808080;}
.crumb li a:hover{color:#FFF;}
.page-name{position:absolute;left:0; right:0;margin:0 auto;top:50%;margin-top:-30px; width:1200px;text-align:center;}
.page-name > h1{color:#FFF;font-size:60px;font-family:'Helvetica';line-height:1.2;}

.mtop-con{margin-top:120px;}
.mtop-con .index-title{height:auto;line-height:1.2;}
.about-wflr{margin-left:-2%;margin-top:90px;display:flex;}
.about-witem{float:left;width:48%;margin-left:2%;line-height:1.8;overflow:hidden;}
.about-witem img{width:100%;min-height:92px;aspect-ratio:147 / 92;object-fit:cover; -webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.about-witem img:hover{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);transform:scale(1.03);}
.about-witem strong{display:block;color:#0055a2;font-size:24px;font-family:'Hind-Medium';margin:24px 0 20px;}
.about-witem p{color:#4c4c4c;font-size:18px;font-family:'Hind-Light';}

.about-data{background:url(//cdn.xuansiwei.com/sawan11064/images/about-data.jpg) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding:120px 0 100px;}
.about-data li{float:left; width:33.3%;text-align:center;}
.about-data li strong{display:block;color:#ffa508;font-size:60px; font-family:'AgencyFB';line-height:1.1;}
.about-data li p{color:#FFF;font-size:22px;font-family:'Hind-Light';margin-top:10px;}


.about-time{background:url(//cdn.xuansiwei.com/sawan11064/images/about-line.jpg) no-repeat center bottom;padding-bottom:170px;}
.about-time ul{max-width:1490px;margin:0 auto;}
.about-time li{float:left;width:12.8%;position:relative;padding:20px 10px 20px 20px;line-height:1.8;}
.about-time li:before{content:'';position:absolute;left:0;top:0;width:16px;height:16px;background-color:#0055a2;border-radius:50%;}
.about-time li:after{content:'';position:absolute;left:6px;top:4px;width:4px;height:100%;background:#0055a2;background:-webkit-linear-gradient(top, #0055a2 0%, transparent 100%);background:-moz-linear-gradient(top, #0055a2 0%, transparent 100%); background:-ms-linear-gradient(top, #0055a2 0%, transparent 100%);background:-o-linear-gradient(top, #0055a2 0%, transparent 100%);background:linear-gradient(to bottom, #0055a2 0%, transparent 100%);}
.about-time li strong{display:block;color:#0055a2;font-size:32px;font-family:'Hind-Medium';}
.about-time li p{color:#4c4c4c;font-size:16px;font-family:'Hind-Light';}
.about-time li:nth-child(1){margin-top:260px;height:470px;}
.about-time li:nth-child(2){margin-top:360px;height:360px; width:11.6%;}
.about-time li:nth-child(3){margin-top:444px;height:330px; width:11.6%;}
.about-time li:nth-child(4){margin-top:280px;height:270px;}
.about-time li:nth-child(5){margin-top:110px;height:390px;}
.about-time li:nth-child(6){margin-top:300px;height:290px;}
.about-time li:nth-child(7){margin-top:150px;height:310px;}
.about-time li:nth-child(8){height:450px;}
.about-time li:nth-child(8):before{background:#ffa508;}
.about-time li:nth-child(8):after{background:#ffa508;background:-webkit-linear-gradient(top, #ffa508 0%, transparent 100%); background:-moz-linear-gradient(top, #ffa508 0%, transparent 100%);background:-ms-linear-gradient(top, #ffa508 0%, transparent 100%);background:-o-linear-gradient(top, #ffa508 0%, transparent 100%);background:linear-gradient(to bottom, #ffa508 0%, transparent 100%);}
.about-time li:nth-child(8) strong{color:#ffa508;}

.about-work{background-color:#eeeeee;padding:80px 0 120px;}
.work-fl{float:left;width:40%;}
.work-item{position:relative;overflow:hidden;}
.work-fl .work-item img{width:100%;aspect-ratio:486/688;}
.work-fr .work-item img{width:100%;aspect-ratio:690/332;}
.work-item .work-box{position:absolute;left:-100%;top:0;width:100%;height:100%;background-color:rgba(0,85,162,.7);padding:40px;color:#FFF;align-items:center;justify-content:center;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.work-item .work-box strong{display:block; font-size:30px; font-family:'Vollkorn';font-weight:normal;text-align:center;margin-top:-25px;position:absolute;left:38px;top:50px;}
.work-item .work-box p{font-size:18px;font-family:'Hind-Light';line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;vertical-align:middle;position:absolute;top:100px;}
.work-item .work-box p .aa{vertical-align:middle;}
.work-item:hover .work-box{left:0;}
.work-fr{float:right;width:57.5%;}
.work-fr .work-item:first-child{margin-bottom:2.1%;}
.work-fr .work-item .work-box{align-items:baseline;}

.about-pics{text-align:center;width:100%;}
.about-pics img{width:80%;aspect-ratio:1646/819;}
.about-pics .abpic-hide{display:none;}
.about-major{background:url(//cdn.xuansiwei.com/sawan11064/images/about-major.jpg) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding:140px 0 150px;}
.about-major ul{margin-left:-2.3%;}
.about-major ul li{float:left;width:31%;margin-left:2.3%;background-color:#fff;border-radius:8px;text-align:center;font-family:'Hind-Light';padding:84px 40px 90px;}
.about-major li strong{display:block; color:#3778ff;font-size:28px;line-height:1.2;margin:30px 0;}
.about-major li p{color:#000;font-size:16px;line-height:28px;height:224px; text-align:left;letter-spacing:-0.1px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;}
.about-major li img{margin:0 auto;}
.about-major li .major-hide{display:none;}
.about-major li:hover .major-hide{display:block;}
.about-major li:hover .major-show{display:none;}
.about-major li img{width:40%;aspect-ratio:1/1;}

.proline-swiper.swiper-container{padding-bottom:60px;}
.proline-swiper .swiper-slide{padding:0 57px;}
.proline-swiper .swiper-slide img{width:100%;aspect-ratio:1086/579;}
.proline-swiper .swiper-button-prev{left:0;width:32px;height:32px; background-image:url(//cdn.xuansiwei.com/sawan11064/images/about-afl.png);background-size:32px 32px;margin-top:-56px;}
.proline-swiper .swiper-button-next{right:0;width:32px;height:32px; background-image:url(//cdn.xuansiwei.com/sawan11064/images/about-afr.png);background-size:32px 32px;margin-top:-56px;}
.proline-swiper .swiper-pagination-bullet{width:10px;height:10px;background:#b5b5b5;border:1px solid #b5b5b5;opacity:1;}
.proline-swiper .swiper-pagination-bullet-active{background:#fff;}


.about-cert{background-color:#eeeeee;}
.about-cert .cert-fl{float:left;width:50%;margin-top:190px;}
.about-cert .cert-fl p{color:#4c4c4c;font-size:20px;font-family:'Hind-Light';line-height:1.7;margin-bottom:40px;}
.about-cert .cert-fr{float:right;width:46%;position:relative;}
.about-cert .cert-fr .cert-frr{position:absolute;right:-144px;top:0;bottom:0;}

.cert-swiper.swiper-container{height:990px;width:384px;padding-left:40px;margin:0;}
.cert-swiper .swiper-slide{ height:300px!important;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);overflow:hidden;}
.cert-swiper .swiper-slide.swiper-slide-active{ height:491px!important;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);margin:30px 0;}
.cert-swiper.swiper-container-vertical>.swiper-pagination-bullets{right:auto;left:0;}
.cert-swiper.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:15px 0;}
.cert-swiper .swiper-pagination-bullet{width:17px;height:17px;border-radius:0;opacity:1;background:url(//cdn.xuansiwei.com/sawan11064/images/about-dot01.png) no-repeat;}
.cert-swiper .swiper-pagination-bullet-active{background-image:url(//cdn.xuansiwei.com/sawan11064/images/about-dot02.png);}
.cert-swiper img{width:100%;aspect-ratio:344/491;}

.about-choose li{float:left;width:17%; }
.about-choose li.on{width:66%;}
.about-choose li .choose-item{display:flex;justify-content:center;flex-wrap:wrap;align-content:space-between;background-color:#fff;-moz-box-shadow:0 0 15px rgba(0,85,162,.15);-webkit-box-shadow:0 0 15px rgba(0,85,162,.15);box-shadow:0 0 15px rgba(0,85,162,.15);text-align:center;padding:60px 10px 40px;height:440px;cursor:pointer;}
.about-choose li .choose-item img{width:50%;aspect-ratio:1/1;}
.about-choose li .choose-item strong{display:block;color:#333; font-size:20px;line-height:1.4;}
.about-choose li .choose-on{background-color:#0055a2;color:#FFF;padding:60px;display:none;height:440px;}
.about-choose li .choose-on strong{display:block;position:relative;font-size:30px;line-height:1.2;padding-bottom:16px;margin-bottom:40px;}
.about-choose li .choose-on strong:after{content:'';position:absolute;left:0;bottom:0;width:33px;height:4px;background-color:#ffa508;}
.about-choose li .choose-on p{font-size:18px;font-family:'Hind-Light';line-height:1.8;}

.about-choose li.on .choose-item{display:none;}
.about-choose li.on .choose-on{display:block;}

/* blog */
.blogs-fl{float:left;width:57%;}
.blog-swiper:before{content:'';position:absolute;left:0;right:0;bottom:0;height:170px; background:#011c35;background:-webkit-linear-gradient(top, transparent 0%, #011c35 100%); background:-moz-linear-gradient(top, transparent 0%, #011c35 100%);background:-ms-linear-gradient(top, transparent 0%, #011c35 100%);background:-o-linear-gradient(top, transparent 0%, #011c35 100%);background:linear-gradient(to bottom, transparent 0%, #011c35 100%);z-index:2;}
.blog-swiper .swiper-pagination{text-align:right;}
.blog-swiper .swiper-pagination-bullet{width:10px;height:10px;background:#FFF;border:1px solid #FFF;opacity:1;}
.blog-swiper .swiper-pagination-bullet-active{background:transparent;}
.blog-swiper.swiper-container-horizontal>.swiper-pagination-bullets{right:50px;width:auto;bottom:30px;}
.blog-swiper.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 7px;}
.blog-swiper a{display:block;}

.blogs-fr{float:right;width:36%;}
.blogs-fr li{margin-bottom:10px;}
.blogs-fr li a{display:block;color:#333;font-size:24px; font-family:'Hind';line-height:1.7;    overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;padding-left:40px;position:relative;}
.blogs-fr li a span{position:absolute;left:0;top:6px;background:url(//cdn.xuansiwei.com/sawan11064/images/blog-data.png) no-repeat;width:23px;height:23px;text-align:center;line-height:23px;font-size:18px;}
.blogs-fr li a:hover,.blogs-fr li.active a{color:#ffa508;}
.blogs-fr li a:hover span,.blogs-fr li.active a span{color:#333;}

.blog-list li{border-bottom:1px solid #c9c9c9;overflow:hidden;padding:36px 0;}
.blog-list li:first-child{padding-top:0;}
.blog-list li:last-child{border:none;}
.blog-list li .blog-pic{float:left;width:365px;margin-right:40px;}
.blog-list li .blog-pic a{display:block; position:relative;padding-top:67%;overflow:hidden;}
.blog-list li .blog-pic a img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.blog-list li .blog-pic a:hover img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);transform:scale(1.03);}
.blog-list li .blog-info{display:block;overflow:hidden;}
.blog-list li .blog-info a{display:block;color:#333333;font-size:24px;font-family:'Hind-Medium';line-height:30px;margin-top:24px;}
.blog-list li .blog-info a:hover{color:#ffa508;}
.blog-list li .blog-info p{color:#666;font-size:18px;font-family:'Hind-Light';line-height:30px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin-top:24px;}
.blog-list li .blog-info p.blog-time{text-align:right;}

.list-load{margin-top:30px;text-align:center;}
.list-load button{display:inline-block; border:2px solid #001b34;background-color:#fff;color:#001b34;font-size:25px;padding:5px 45px;line-height:45px;}
.list-load button:hover{background-color:#001b34;color:#FFF;}

.blog-name{position:absolute;left:0; right:0;margin:0 auto;top:44%;width:92%;text-align:center;display:block;}
.blog-name h1{color:#ffa508;font-size:38px;font-family:'Hind';line-height:1.2em;width:100%;display:inline-block;}
.blog-name p{color:#808080;font-size:16px;font-family:'Hind-Light';margin-top:14px;}
.blog-name p span{display:inline;margin:0 25px;}

	.martit{
		display:none;
	}

/* tocbot Begin*/
.toc{overflow-y:auto}
.toc>.toc-list{overflow:hidden;position:relative}
.toc>.toc-list li{list-style:none}
.toc-list{margin:0;padding-left:10px}
a.toc-link,a.toc-link-child{color:currentColor;height:100%}
.is-collapsible{max-height:1000px;overflow:hidden;transition:all 300ms ease-in-out}
.is-collapsed{max-height:0}
.is-position-fixed{position:fixed !important;top:0}
.is-active-link{font-weight:700}
.toc-link::before,.toc-link-child::before{background-color:#EEE;content:' ';display:inline-block;height:inherit;left:0;margin-top:-1px;position:absolute;width:2px}
.is-active-link::before{background-color:#54BC4B}
/*toc-lis*/
.toc-list-child{margin:0;padding-left:25px}
.boxnav-link .toc-link-child::before{width:8px;height:8px;border:1px solid #808080;border-radius:50%;top:10px;}
/* tocbot End*/


.blog-box{margin-top:60px;}
.art-show .wrap{position:relative;}
.box-link{position:absolute;left:120px;top:0; width:48px;height:100px;background-color:#ffa508;border-radius:4px;text-align:center;}
.box-link a{display:block;}
.box-link a img{margin-top:13px;}

.relat-pro{position:absolute;top:0; right:50%;margin-right:-810px; background-color:#FFF;-moz-box-shadow:0 0 15px rgba(0,0,0,.15);-webkit-box-shadow:0 0 15px rgba(0,0,0,.15);box-shadow:0 0 15px rgba(0,0,0,.15);padding:26px 30px;width:390px;z-index:22;}
.relat-pro strong{display:block;color:#000000;font-size:24px;}
.relat-pro li{margin:18px 0;}
.relat-pro li a{display:block;color:#333;font-size:16px;position:relative;padding-left:22px;line-height:1.6;}
.relat-pro li a:before{content:'';position:absolute;left:5px;top:8px; width:6px;height:6px;background-color:#ffa508;border-radius:50%;}
.relat-pro li a:hover{color:#ffa508;}

.prolist-show .box-show, .box-nav{margin:2.5em 0;}
.prolist-show .box-show, .boxnav-link{margin-top:14px;margin-left:30px;}
.prolist-show .box-show, .boxnav-link li{margin:1em 0;}
.prolist-show .box-show, .boxnav-link li a{position:relative;display:block;padding-left:18px;color:#808080;font-weight:normal;line-height:1.5;}
.prolist-show .box-show, .boxnav-link li a:hover{color:#ffa508;}

.prolist-show vedio{
	width:100%;
	max-height:450px;
	
}
.prolist-show strong a {
    color:#0077B3;
}
.prolist-show strong a:hover {
    text-decoration:underline;
}

.boxnav-link .toc-list{padding-left:0;}
.boxnav-link .toc-link::before{width:8px;height:8px;border:1px solid #808080;border-radius:50%;top:10px;}
.boxnav-link .is-active-link::before{background-color:#fff;}

.list-con01{margin-top:-36px;margin-bottom:44px;}
.list-con01 li{padding-left:24px;position:relative;margin:12px 0;line-height:1.5;}
.list-con01 li:before{content:'';position:absolute;left:3px;top:5px;width:12px;height:12px;background:url(//cdn.xuansiwei.com/sawan11064/images/blog-icon01.png) no-repeat;}
.list-con02{margin-bottom:26px;}
.list-con02 li{padding-left:28px;position:relative;margin:12px 0;line-height:1.5}
.list-con02 li:before{content:'';position:absolute;left:13px;top:10px;width:4px;height:4px;background-color:#0055a2;border-radius:50%;}
.list-con02 li strong{font-family:'Hind';font-weight:normal;}
.list-con03,.list-con10{margin-top:20px;}
.list-con03 li {overflow:hidden;}
.list-con03 div,.list-con10 div{margin-bottom:36px;overflow:hidden;}
.list-con03 div p{margin-bottom:0;}
.list-con10 div p{margin:0;}
.list-con03 img,.list-con10 img{float:left;margin-right:16px;width:200px;aspect-ratio:1/1;}
.list-con03 p strong,.list-con10 p strong{display:block;font-weight:700;color:#000;font-size:18px;margin:16px;}
/* .list-con04{margin-bottom:30px;}
.list-con04 li{padding-left:24px;position:relative;line-height:1.5;margin:12px 0;line-height:1.5;}
.list-con04 li span{position:absolute;left:0;top:5px; width:14px;height:14px;background-color:#e5e5e5;border-radius:2px;color:#0055a2;font-size:10px;text-align:center;line-height:14px;} */

.form-show{width:100%;overflow-x:auto;margin:1.8em 0;}
.form-show::-webkit-scrollbar{ height:7px;width:200px;}
.form-show::-webkit-scrollbar-thumb{border-radius:8px; background-color:#ffa508;margin:1px;}
.form-show::-webkit-scrollbar-track{ border-radius:8px; background:#a9d6ff;}
.form-show table{ background-color:#FFF;width:100%; cursor:pointer;border-top:1px solid #a9d6ff;border-left:1px solid #a9d6ff;width:100%;max-width:1200px;}
.form-show table .add{background-color:#0055a2;}
.form-show table .add td{color:#fff;}
.form-show table .aad {border-left:1px solid #a9d6ff;}
.form-show table tr:nth-child(1){background:#0055a2;color:#fff;}
.td tr:nth-child(1){background:unset!important;}
/*.form-show table td:nth-child(1){border-left:1px solid #a9d6ff;}*/
.form-show table tr td{ padding:10px; word-break:keep-all;border-right:1px solid #a9d6ff;border-bottom:1px solid #a9d6ff;text-align:center;line-height:1.5;color:#181818;font-size:16px;}
.td tr td{text-align:left!important;}
.td td.bg{background:#0055a2;color:#fff!important;}
.td td.nobg{background:#fff;color:#181818!important;}
.form-show table tr:nth-child(1) td{color:#FFF;}

table.form-show tr:nth-child(1){
    background:#0055a2;
    color:#fff;
}

table.form-show .add {
    background-color:#0055a2;
}
table.form-show .add td {
    color:#fff;
}

/*无合并的情况*/
.td tr:nth-child(1) td{color:#181818!important;}
.td tr>td:nth-last-child(1):first-child{background:#fff;color:#000!important;;}
.td tr>td:first-child{background:#0055a2;color:#fff!important;}
.td tr>td.clean {background:#fff;color:#181818!important;}

/*有合并的情况*/
.hebing tr:nth-child(1){background:unset!important;color:#181818!important;}
.hebing tr:nth-child(1) td {color:#181818!important;}
.hebing tr:nth-child(1) td:nth-child(1) {color:#fff!important;}
.hebing tr td[rowspan]{background-color:#0055a2!important;color:#fff!important;}
.hebing tr>td.clean {background:#fff!important;color:#181818!important;}
.hebing tr td.shu,.hebing .shu,.hebing .shu strong{background-color:#0055a2!important;color:#fff!important;}

/*.td tr>td[rowspan]{background:#0055a2;color:#fff!important;}
.td tr>td[bg]{background:#0055a2;color:#fff!important;}*/
.quote-show{background-color:#eeeeee;border-radius:10px;padding:24px 30px 20px;margin:0 40px 60px;}
.quote-show p{color:#666666;font-size:16px;margin-bottom:0;}
.quote-show p.quote-name{text-align:right;font-style:italic;margin-top:10px;}

.list-con05{margin-bottom:28px;}
.list-con05 li{padding-left:24px;position:relative;line-height:1.5;margin:12px 0;}
.list-con05 li:before{content:'';position:absolute;left:3px;top:7px;width:12px;height:12px;background:url(//cdn.xuansiwei.com/sawan11064/images/blog-icon03.png) no-repeat;}

.blog-refer{margin-top:44px;}
.blog-refer strong{display:block;color:#808080;font-size:20px;margin-bottom:10px;}
.blog-refer li{position:relative;padding-left:19px;margin:12px 0;}
.blog-refer li a{display:block;color:#808080;font-size:14px;position:relative;line-height:1.5;}
.blog-refer li a.refer-txt:hover{color:#ffa508;}
.blog-refer li .refer-icon{position:absolute;left:3px;top:-1px;width:9px;height:9px;overflow:initial;}

.relat-show{margin-top:40px;}
.relat-show strong{display:block;color:#000000;font-size:28px;font-family:'Hind'; margin-bottom:15px;}
.relat-show li,.blog-refer li{margin:12px 0;}
.relat-show li a{display:block;color:#000;font-size:18px;position:relative;padding-left:34px;line-height:1.5;}
.relat-show li a:hover{color:#ffa508;}
.relat-show li a:before{content:'';position:absolute;left:3px;top:5px;width:12px;height:14px;background:url(//cdn.xuansiwei.com/sawan11064/images/blog-icon05.png) no-repeat;}


.msg-box{width:1370px;margin:80px auto 0;border-radius:100px 20px 20px 20px;-moz-box-shadow:0 10px 30px rgba(0,27,52,.3);-webkit-box-shadow:0 10px 30px rgba(0,27,52,.3);box-shadow:0 10px 30px rgba(0,27,52,.3);padding:90px 80px 90px 90px;background-color:#001b34;}
.msg-box .msg-base{float:left;width:46%;color:#FFF;font-family:""}
.msg-base strong{display:block;font-size:58px;line-height:1.33;font-family:'Hind';}
.msg-base p{font-size:36px;font-family:'Hind-Light';position:relative;margin-top:10px;padding-bottom:24px;}
.msg-base p:after{content:'';position:absolute;left:0;bottom:0;width:68px;height:4px;border-radius:2px;background-color:#f2f2fa;}
.msg-base ul{margin-top:150px;}
.msg-base ul li{font-size:24px;line-height:2.5;background:url(//cdn.xuansiwei.com/sawan11064/images/msg-icon.png) no-repeat left center;padding-left:30px;}

.msg-box .msg-form{float:right;width:44%;background-color:#f2f2fa;border-radius:20px;padding:50px 40px 60px;}
.msg-form li{position:relative;padding:9px 20px;line-height:30px;background-color:#FFF;border-radius:4px;margin-bottom:28px;}
.msg-form li img{position:absolute;left:20px;top:14px;width:22px;}
.msg-form li input,.msg-form li textarea{width:100%;background-color:#FFF;padding-left:30px;font-size:14px;font-family:'Hind-Light';color:#222;line-height:30px;}
.msg-form li textarea{height:90px;line-height:1.5;}

.msg-btn{margin-top:36px;}
.msg-btn input{width:100%; line-height:48px;background-color:#ffa508;border-radius:4px;color:#001b34;font-size:24px;font-weight:bold; text-align:center;cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.msg-btn input:hover{background-color:#001b34;color:#FFF;}

.pros-name{position:absolute;left:0; right:0;margin:0 auto;top:44%;margin-top:-20px; width:92%;text-align:center;line-height:1.4;}
.pros-name h1{color:#fff;font-size:36px;text-shadow:2px 2px 5px #2d2d2d;}
.pros-name ul{font-size:0;margin-top:60px;}
.pros-name li{display:inline-block;background-color:#001b34;height:22px; line-height:24px;color:#fff;font-size:14px;border-radius:22px;padding:0 10px 0 26px;margin:0 20px;position:relative;}
.pros-name li:before{content:'';position:absolute;left:10px;top:6px;width:10px;height:10px;background:url(//cdn.xuansiwei.com/sawan11064/images/pros-icon.png) no-repeat;}
.pros-name li:after{content:'';position:absolute;left:-40px;top:10px;width:40px;height:1px;background-color:#001b34;}
.pros-name li:first-child:after{display:none;}
.pro-box{margin-top:80px;}

.list-con06{margin:1.8em 0;}
.list-con06 li{padding-left:28px!important;position:relative;margin:12px 0;line-height:1.5}
.list-con06 li:before{content:'';position:absolute;left:13px;top:10px;width:4px;height:4px;background-color:#0055a2;border-radius:50%;}
.list-con06 li strong{font-family:'Hind';font-weight:normal;}
.list-con07{margin-bottom:30px;}
.list-con07 li{padding-left:24px;position:relative;line-height:1.5;margin:12px 0;}
.list-con07 li span{position:absolute;left:0;top:4px; width:16px;height:16px;background-color:#fff;border-radius:2px;color:#343434;font-size:10px;text-align:center;line-height:16px;border:1px solid #0055a2;border-radius:2px;-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);}

.list-con08{position:relative;margin-bottom:40px;}
.list-con08:before{content:'';position:absolute;left:14px;top:7px;bottom:12px; width:1px;background-color:#0055a2;}
.list-con08 li{position:relative;padding-left:33px;line-height:1.5;margin:12px 0;}
.list-con08 li:before{content:'';position:absolute;left:9px;top:7px;width:12px;height:12px;background-color:#0055a2;border:3px solid #dcdcdc;border-radius:50%;}

/* contact */
.cont-box{position:relative;margin-top:70px;}
.cont-box:before{content:'';position:absolute;left:0;right:0;width:1478px;height:667px;background:url(//cdn.xuansiwei.com/sawan11064/images/cont-map.jpg) no-repeat top center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:0 auto;z-index:-1;}

.cont-link ul{margin-left:-2.3%;}
.cont-link li{float:left;width:31%;margin-left:2.3%;text-align:center;position:relative;padding:30px 10px;}
.cont-link li:before{content:'';position:absolute;left:0;right:0;top:100px;bottom:0;background-color:#fff;border-radius:12px; -moz-box-shadow:0 3px 15px rgba(55,120,255,.15);-webkit-box-shadow:0 3px 15px rgba(55,120,255,.15);box-shadow:0 3px 15px rgba(55,120,255,.15);z-index:-1;}
.cont-link li .cont-pic{width:134px;height:134px;border-radius:50%;background-color:#fff;-moz-box-shadow:0 3px 15px rgba(55,120,255,.15);-webkit-box-shadow:0 3px 15px rgba(55,120,255,.15);box-shadow:0 3px 15px rgba(55,120,255,.15);text-align:center;line-height:134px;margin:0 auto;}
.cont-link li .cont-name{color:#333333;font-size:24px;font-weight:bold;margin:15px 0 6px;}
.cont-link li .cont-font{display:-webkit-flex;display:flex;align-items:center;flex-wrap:wrap;height:72px;}
.cont-link li .cont-font p{color:#3778ff;font-size:22px;font-family:'Hind-Light';line-height:36px;display:block;width:100%;}
.cont-link li .cont-font p a{color:#3778ff;}
.cont-link li .cont-font p a:hover{color:#ffa508}

.cont-msg{position:relative;}
.cont-msg:before{content:'';position:absolute;left:0;right:0;bottom:-2px;height:160px;background-color:#313131;z-index:-1;}
.cont-msg .msg-box{background-color:#fff;border-radius:12px;-moz-box-shadow:0 0 15px rgba(0,27,52,.15);-webkit-box-shadow:0 0 15px rgba(0,27,52,.15);box-shadow:0 0 15px rgba(0,27,52,.15);padding:80px 80px 100px;margin-bottom:100px;}
.cont-msg .msg-box .msg-base{color:#3a7bff;}
.cont-msg .msg-base p:after{background-color:#ffa508;}
.cont-msg .msg-base ul{margin-top:130px;}
.cont-msg .msg-base ul li{color:#333;background-image:url(//cdn.xuansiwei.com/sawan11064/images/msg-icons.png);}
.cont-msg .msg-box .msg-form{background-color:#fff;padding:0;margin-top:50px;}
.cont-msg .msg-form li{background-color:#f2f2fa;border:1px solid #3778ff;}
.cont-msg .msg-form li input, .cont-msg .msg-form li textarea{background-color:#f2f2fa;}

.footer-cont{margin-top:4px!important;}

.privacy-box{margin-top:60px;}
.privacy-show{width:96%; max-width:800px;margin:0 auto;color:#343434;font-size:18px;font-family:'Hind-Light';line-height:1.7;}
.privacy-show h2{color:#000;font-size:24px;margin-bottom:16px;}
.privacy-show h3{color:#000;font-size:22px;margin-bottom:16px;}
.privacy-show p{color:#343434;margin-bottom:36px;}
.privacy-show p.pfont{font-family:'Hind';}
.privacy-show p a{text-decoration:underline;color:#6b8be3;}
.privacy-show p a:hover{color:#ffa508;}
.privacy-show .privacy-font h3{margin-bottom:10px;}
.privacy-show .privacy-font p{margin-bottom:12px;}
.privacy-show .privacy-font p:last-child{margin-bottom:36px;}
.list-con09{margin-bottom:44px;}
.list-con09 li{padding-left:24px;position:relative;line-height:1.8;margin:12px 0;}
.list-con09 li:before{content:'';position:absolute;left:3px;top:8px;width:12px;height:12px;background:url(//cdn.xuansiwei.com/sawan11064/images/blog-icon06.png) no-repeat;}


.box-show{width:800px;margin:0 auto;color:#343434;font-size:18px;font-family:'Hind-Light';line-height:1.7;display:inline-block;}

.box-show p a{color:#6b8be3;}
.box-show p a:hover{color:#ffa508;}
.box-show p video,p video{	width:95%;max-height:450px;margin-left:10px;}
.box-show h3.name-prod{margin-top:1.5em;}
.box-show h3.name-prod:before{background-image:url(//cdn.xuansiwei.com/sawan11064/images/pros-icon01.png);top:5px;}

/* product */
.prolist{width:1150px;margin:0 auto;}
.prolist-box{margin-top:60px;}
/*.prolist-show{width:92%; max-width:800px;margin:0 auto;color:#343434;font-size:18px;font-family:'Hind-Light';line-height:1.7;}*/
.prolist-show{width:800px; color:#343434;font-size:18px;font-family:'Hind-Light';line-height:1.7;display:inline-block;}
.left_list{width:300px; color:#343434;font-size:15px;font-family:'Hind-Light';line-height:1.7;display:inline-block;float:left;margin-right:50px; padding:1.2rem 0rem;}

.prolist-show > ol,.box-show > ol{
	margin-bottom:30px; 
	list-style:decimal;
    counter-reset:li;
    margin-left:0; 
    padding-left:0; 
}
.prolist-show > ol > li,.box-show > ol > li {
    position:relative; 
    list-style:none; 
	margin:12px 24px ;
}
.prolist-show > ol > li:before,.box-show > ol > li:before {
    content:counter(li); 
    counter-increment:li; 
	position:absolute;left:0px;top:5px;
    width:14px;height:14px;
    background-color:#fff;
    border-radius:2px;
    color:#0055a2;
    font-size:14px;
    text-align:center;
    line-height:14px;
	border:1px solid #0055a2;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

.prolist-show h2 ,.box-show h2{color:#000;font-size:28px;margin:2.5em 0 1em;line-height:1.2em}
.prolist-show h3 ,.box-show h3{color:#000;font-size:22px;margin:2em 0 1em;line-height:1.2em;}
.prolist-show p ,.box-show p{color:#343434;margin:1.2em 0;}
.prolist-show p >img,.box-show p >img{width:100%;height:auto;aspect-ratio:auto 800 / 530;}
.prolist-show strong ,.box-show strong{font-size:18px;}
.prolist-show h4 ,.box-show h4{display:inline-block;color:#000;font-size:18px;margin:1.5em 0 0;line-height:1.2em;}
/* .prolist-show >ul{margin-bottom:25px;}
.prolist-show >ul >li{padding-left:28px;position:relative;margin:12px 0;line-height:1.5}
.prolist-show >ul >li:before{content:'';position:absolute;left:13px;top:10px;width:4px;height:4px;background-color:#0055a2;border-radius:50%;}
.prolist-show >ul >li strong{font-family:'Hind';font-weight:normal;} */
 
.prolist-show > ol {
	margin-bottom:30px; 
	list-style:decimal;
    counter-reset:li;
    margin-left:0; 
    padding-left:0; 
}
.prolist-show > ol > li,.box-show > ol > li{
    padding-left:24px;
    position:relative;
    line-height:1.5;
    margin:12px 0;
}

.prolist-show ol li span {
    position:absolute;
    left:0;
    top:4px;
    width:16px;
    height:16px;
    background-color:#fff;
    border-radius:2px;
    color:#343434;
    font-size:10px;
    text-align:center;
    line-height:16px;
    border:1px solid #0055a2;
    border-radius:2px;
    -webkit-transform:scale(.8);
    -moz-transform:scale(.8);
    -ms-transform:scale(.8);
    -o-transform:scale(.8);
    transform:scale(.8);
}
/* 左侧列表*/
.dlist{
    padding-bottom:2.2rem;
    position:relative;
}
.left_list>.dlist>p,.left_list>.dlist>ul>li{
    border-bottom:rgba(150, 150, 150, 0.3) solid 1px;
    color:rgb(128, 128, 128);
}
.left_list>.dlist>p{
    padding-bottom:1.2rem;
    font-size:1.6rem;
    font-weight:800;
}

.left_list>.dlist>ul>li{
    padding:0.5rem 0;
    position:relative;
}

.left_list>.dlist>ul>li{
    padding-left:1.2rem;
}
.left_list>.dlist>ul>li>a{
    color:rgb(128, 128, 128);
}
.left_list>.dlist>ul.circle>li:before {
    content:'';
    position:absolute;
    display:inline-block;
    top:43%;
    left:5px;
    width:5px;
    height:5px;
    /* background-color:#000000; */
    background-color:rgb(0, 85, 162);
    border-radius:50%;
}
/*.left_list>.dlist>ul>li.select_li>a,*/
.left_list>.dlist>ul.left_border>li.select_li>a{
    color:rgb(0, 85, 162);
    font-weight:600;
}
.left_list > .dlist > ul.circle > li.select_li:before {
    /* background-color:rgb(2, 27, 52); */
    background-color:rgb(0, 85, 162);
}
.left_list>.dlist>ul.circle>li:hover:before {

    background-color:rgb(0, 85, 162);

}
.left_list > .dlist > ul.circle > li:hover {
    background-color:rgba(250, 250, 250, 0.98);
}
.left_list > .dlist > ul.circle > li>a {
    transition-property:font-size;
    transition-duration:.3s;
}
.left_list > .dlist > ul.circle > li>a:hover {
    /*font-size:17px;*/
    color:rgb(0, 85, 162);
    font-weight:600;
}
.left_list>.dlist>ul.left_border>li.select_li:before{
    /* border-left:10px solid  rgba(239, 239, 239, 0.94); */
    content:'';
    position:absolute;
    display:inline-block;
    top:0px;
    left:0px;
    width:10px;
    height:100%;
    /* background-color:#000000; */
    background-color:rgba(239, 239, 239, 0.94);
    /* border-radius:50%; */
}
.left_list>.dlist>ul.left_border>li.select_li{
    background-color:rgba(250, 250, 250, 0.98);
}
.left_list>.dlist>ul.left_border>li:hover:before{
    /* border-left:10px solid  rgba(239, 239, 239, 0.94); */
    content:'';
    position:absolute;
    display:inline-block;
    top:0px;
    left:0px;
    width:10px;
    height:100%;
    /* background-color:#000000; */
    background-color:rgba(239, 239, 239, 0.94);
    /* border-radius:50%; */
}
.left_list>.dlist>ul.left_border>li:hover{
    /* border-left:10px solid  rgba(239, 239, 239, 0.94); */
    background-color:rgba(250, 250, 250, 0.98);
}
.left_list>.panel{
    text-align:center;
    padding:40px 20px;
    /* border:0px solid #B5002C; */
    box-shadow:5px 5px  10px rgba(240, 240, 240, 1);
    border-radius:4px;
}
.content_email_left {
    /* border-radius:20px; */
    display:inline-block;
    color:#fff;
    height:40px;
    line-height:40px;
    width:150px;
    margin-top:20px;
    border-radius:4px;
    background-color:#ffa508;
    border:0px solid #B5002C;
    box-shadow:5px 5px 7px  rgba(240, 240, 240, 1);
    cursor:pointer;

}


.content_email_left:hover{
    color:#232323;
}

/*.pro-list01{margin-bottom:40px;}*/
/*.pro-list01 ol{margin-bottom:30px;}*/
/*.pro-list01 li{padding-left:24px;position:relative;line-height:1.5;margin:12px 0;line-height:1.5;}*/
/*.pro-list01 li span{position:absolute;left:0;top:5px; width:14px;height:14px;background-color:#e5e5e5;border-radius:2px;color:#0055a2;font-size:10px;text-align:center;line-height:14px;}*/

/*.pro-list01 .list01-pic{float:left;width:88px;margin-right:25px;}*/
/*.pro-list01 .list01-pic a{position:relative;padding-top:100%;overflow:hidden;display:block;border-radius:88px;}*/
/*.pro-list01 .list01-pic a img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;object-fit:cover;}*/
/*.pro-list01 .list01-txt{overflow:hidden;}*/
/*.pro-list01 .list01-txt a{display:block;font-size:20px;font-weight:bold;margin-top:8px;line-height:1.4;}*/
/*.pro-list01 .list01-txt span{display:block;color:#666666;font-size:16px;}*/
/*.pro-list01 li p{font-size:14px; overflow:hidden;line-height:24px;height:72px;margin-top:15px;margin-bottom:0;}*/
/*.pro-list01 .list01-point{font-size:0;}*/
/*.pro-list01 .list01-point span{display:inline-block;font-size:14px;line-height:25px;background-color:rgba(65,128,255,.4);border-radius:25px;padding:0 12px;margin-right:10px;margin-top:10px;}*/
/*.pro-list01 li:hover .list01-pic a img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}*/
/*.pro-list01 li .list01-txt a:hover{color:#ffa508;}*/

.pro-list01 {
    margin-bottom:40px;
}

.pro-list01 ul {
    display:-webkit-flex;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
}

.pro-list01 ul.clearfix:after{content:none;}

.pro-list01 li {
    width:48.5%;
    /*height:208px;*/
    background-color:#fff;
    border-radius:8px;
    -moz-box-shadow:0 5px 15px rgba(65, 128, 255, 0.3);
    -webkit-box-shadow:0 5px 15px rgba(65, 128, 255, 0.3);
    box-shadow:0 5px 15px rgba(65, 128, 255, 0.3);
    padding:30px;
    margin-bottom:24px;
}

.pro-list01 li .list01-flr {
    overflow:hidden;
}

.pro-list01 .list01-pic {
    float:left;
    width:88px;
    margin-right:25px;
}

.pro-list01 .list01-pic a {
    position:relative;
    padding-top:100%;
    overflow:hidden;
    display:block;
    border-radius:88px;
}

.pro-list01 .list01-pic a img {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
    object-fit:cover;
}

.pro-list01 .list01-txt {
    overflow:hidden;
}

.pro-list01 .list01-txt a {
    display:block;
    font-size:20px;
    font-weight:bold;
    margin-top:8px;
    line-height:1.4;
}

.pro-list01 .list01-txt span {
    display:block;
    color:#666666;
    font-size:16px;
}

.pro-list01 li p {
    font-size:14px;
    overflow:hidden;
    line-height:24px;
    height:72px;
    margin-top:15px;
    margin-bottom:0;
}

.pro-list01 .list01-point {
    font-size:0;
}

.pro-list01 .list01-point span {
    display:inline-block;
    font-size:14px;
    line-height:25px;
    background-color:rgba(65, 128, 255, 0.4);
    border-radius:25px;
    padding:0 12px;
    margin-right:10px;
    margin-top:10px;
}

.pro-list01 li:hover .list01-pic a img {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}

.pro-list01 li .list01-txt a:hover {
    color:#ffa508;
}
.pro-list01 li,
.pro-list03 li {
    padding:16px;
}
.pro-list01 {
    margin-bottom:20px;
}

.pro-list01 .list01-pic {
    width:66px;
    margin-right:16px;
}
.pro-list01 .list01-txt a {
    margin-top:0;
}
.pro-list01 li p {
    height:auto;
}
.pro-list01,
.pro-list02,
.pro-list03,
.pro-list04 {
    margin-bottom:10px;
}
.pro-list01 li,
.pro-list02 li,
.pro-list03 li,
.pro-list04 li {
    margin-bottom:16px;
}
.pro-list01 li,
.pro-list02 li,
.pro-list03 li,
.pro-list04 li {
    margin-bottom:16px;
}

.pro-list01 .list01-txt a,
.pro-list03 li .list03-txt a,
.pro-list04 .list04-info a,
.pro-list05 a {
    font-size:18px;
}

.pro-list02{margin-bottom:40px;}
.pro-list02 ul{display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.pro-list02 ul.clearfix::after{content:none;}
.pro-list02 li{width:31.33%;background-color:#fff;-moz-box-shadow:0 5px 15px rgba(65,128,255,.3);-webkit-box-shadow:0 5px 15px rgba(65,128,255,.3);box-shadow:0 5px 15px rgba(65,128,255,.3);padding:15px 20px;margin-bottom:24px;position:relative;}
.pro-list02 li:last-child:nth-child(3n+2){margin-left:calc(3%);margin-right:auto;}
/*.pro-list02 li:before{content:'';position:absolute;right:20px;top:27px;width:20px;height:4px;background:url(//cdn.xuansiwei.com/sawan11064/images/pro-dot.png) no-repeat;}*/
.pro-list02 .list02-font{border:2px dashed #c1c1c1;padding:5px 10px;margin:10px 0;}
.pro-list02 .list02-font p{color:#666666;font-size:14px;margin-bottom:0;}
.pro-list02 .list02-font p span{color:#4180ff;}
.pro-list02 a{display:block;padding-right:15px;line-height:1.4;}
.pro-list02 li:hover a{color:#ffa508;}
.pro-list02 p{color:#666666;font-size:14px;margin-bottom:0;}

/*.pro-list02 ul li>p {height:48px;}*/

.pro-list03{margin-bottom:40px;}
.pro-list03 ul{display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.pro-list03 li{width:48.5%;background-color:#fff;border-radius:8px;-moz-box-shadow:0 5px 15px rgba(65,128,255,.3);-webkit-box-shadow:0 5px 15px rgba(65,128,255,.3);box-shadow:0 5px 15px rgba(65,128,255,.3);padding:24px 26px 30px;margin-bottom:24px;}
.pro-list03 li .list03-txt{margin-bottom:10px;}
.pro-list03 li .list03-txt a{display:block;font-size:20px;font-weight:bold;line-height:1.4;}
.pro-list03 li .list03-flr{overflow:hidden;}
.pro-list03 .list03-pic{float:left;width:118px;margin-right:18px;}
.pro-list03 .list03-pic a{position:relative;padding-top:100%;overflow:hidden;display:block;border-radius:4px;}
.pro-list03 .list03-pic a img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;object-fit:cover;}
.pro-list03 .list03-info{overflow:hidden;}
.pro-list03 .list03-info p{color:#666666;font-size:14px;margin-bottom:0; }
.pro-list03 .list03-info p span{color:#4180ff;}
.pro-list03 li:hover .list03-pic a img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.pro-list03 li .list03-txt a:hover{color:#ffa508;}

.pro-list04{margin-bottom:40px;}
.pro-list04 li{background-color:#fff;border-radius:8px;-moz-box-shadow:0 5px 15px rgba(65,128,255,.3);-webkit-box-shadow:0 5px 15px rgba(65,128,255,.3);box-shadow:0 5px 15px rgba(65,128,255,.3);padding:24px 26px 30px;margin-bottom:24px;overflow:hidden;}
.pro-list04 .list04-pic{float:right;width:118px;margin-left:30px;}
.pro-list04 .list04-pic a{position:relative;padding-top:100%;overflow:hidden;display:block;border-radius:4px;}
.pro-list04 .list04-pic a img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;object-fit:cover;}
.pro-list04 .list04-info{overflow:hidden;}
.pro-list04 .list04-info a{display:block;font-size:20px;font-weight:bold;line-height:1.4;}
.pro-list04 .list04-info p{font-size:14px;margin-bottom:0; overflow:hidden;margin-bottom:15px;}
.pro-list04 .list04-point{font-size:0;}
.pro-list04 .list04-point span{display:inline-block;color:#4180ff;font-size:14px;line-height:25px;border:1px solid #4180ff;border-radius:4px;margin-right:8px;padding:0 10px;    margin-top:8px;}
.pro-list04 li:hover .list04-pic a img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.pro-list04 li .list04-info a:hover{color:#ffa508;}


.pro-list05{background-color:#fff;-moz-box-shadow:0 5px 15px rgba(65,128,255,.3);-webkit-box-shadow:0 5px 15px rgba(65,128,255,.3);box-shadow:0 5px 15px rgba(65,128,255,.3);padding:24px 30px 30px;margin-bottom:40px;position:relative;z-index:2;}
.pro-list05:before{content:'';position:absolute;right:15px;bottom:30px;width:360px;height:190px;background:url(//cdn.xuansiwei.com/sawan11064/images/pro-list02.jpg) no-repeat;z-index:-1;}
.pro-list05 a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:bold;border-bottom:2px dashed #aaaaaa;padding-bottom:5px;}
.pro-list05 a:hover{color:#ffa508;}
.pro-list05 .list05-font{margin-left:-2%;padding:20px 0;}
.pro-list05 .list05-font li{float:left;width:48%;margin-left:2%;color:#666;font-size:16px;line-height:2;word-wrap:break-word;}
.pro-list05 .list05-font li.list05-last{width:98%;}
.pro-list05 .list05-font li strong{color:#343434;display:inline-block;}
.pro-list05 .list05-info{float:left;width:48%;font-size:0;}
.pro-list05 .list05-info li{display:inline-block;color:#666666;font-size:16px;text-align:center;width:33.3%;vertical-align:top;line-height:1.3;}
.pro-list05 .list05-info li strong{display:block;color:#4180ff;font-size:24px;line-height:1.1;margin-bottom:10px;}
.pro-list05 .list05-pic{float:right;width:48%;}

.pro-list06 li{margin-bottom:28px;}
.pro-list06 li.select{margin-bottom:0;}
.pro-list06 .list06-name{line-height:28px;background-color:rgba(65,128,255,.4);position:relative;padding:8px 20px;cursor:pointer;}
.pro-list06 .list06-name p{margin-bottom:0;}
.pro-list06 .list06-name i{position:absolute;right:20px;top:7px;width:14px;height:14px;cursor:pointer;}
.pro-list06 .list06-font{padding:20px;display:none;}
.pro-list06 .list06-font p{font-style:italic;margin-bottom:0;}
.pro-list06 .select .list06-font{display:block;}

.pro-list07{background-color:rgba(65,128,255,.1);border-radius:8px;padding:10px 30px 30px;margin-bottom:40px;}
.pro-list07 .list07-name{position:relative;border-bottom:1px solid #898989;line-height:44px;padding:14px 0;cursor:pointer;}
.pro-list07 .list07-name i{position:absolute;right:0;top:50%;margin-top:-8px; width:17px;height:17px;background:url(//cdn.xuansiwei.com/sawan11064/images/pro-icon02.png) no-repeat;}
.pro-list07 .list07-name p{margin-bottom:0;line-height:1.4;}
.pro-list07 .list07-name p img{margin-top:-4px;margin-right:8px;}
.pro-list07 .list07-font{padding:10px 6px;display:none;}
.pro-list07 .list07-font p{margin-bottom:0;font-style:italic;}
.pro-list07 .list07-font p.list07-fonts{font-style:normal;}
.pro-list07 li.select .list07-font{display:block;}
.pro-list07 li.select .list07-name i{background-image:url(//cdn.xuansiwei.com/sawan11064/images/pro-icon03.png);}

.pro-list08 strong{display:block;color:#000;font-size:24px;margin-bottom:10px;}
.pro-list08 > ul li{margin-bottom:15px;}
.pro-list08 ul li a{display:block;color:#343434;font-size:18px;position:relative;padding-left:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.pro-list08 ul li a:before{content:'';position:absolute;left:10px;top:7px;width:11px;height:11px;background:url(//cdn.xuansiwei.com/sawan11064/images/pro-icon04.png) no-repeat;}
.pro-list08 ul li a:hover{color:#ffa508;}

.prolist-box .blog-refer{margin-top:40px;}
.msg-pro{position:relative;}
.msg-pro:before{content:'';position:absolute;left:0;right:0;bottom:-100px;height:300px;background-color:#eeeeee;z-index:-1;}
.msg-pro:before{content:none;}
.youtobe img{position:absolute;width:100%;top:0px;z-index:999}
.youtobe {max-width:800px; margin:0 auto;position:relative;padding-top:68%;overflow:hidden;}
.youtobe iframe{position:absolute;left:0;top:0;width:100%;height:100%}
.youtobe video{display:block;width:100%}
.youtobe .play{position:absolute;left:50%;top:50%;width:84px;height:84px;z-index:999;margin-top:-42px;margin-left:-42px;background:url(//cdn.xuansiwei.com/sawan11064/images/i-play.png) center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;cursor:pointer}

/* Knowledge Hub */
.knowledge-box{background-color:#f2f2f2;padding:120px 0;}
.know-show{width:96%; max-width:800px;margin:0 auto;}
.know-list li{background-color:#fff;padding:30px;overflow:hidden;margin-bottom:30px;}
.know-list .know-pic{float:right;width:150px;margin-left:30px;}
.know-list .know-pic a{position:relative;padding-top:100%;overflow:hidden;display:block;border-radius:8px;}
.know-list .know-pic a img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;object-fit:cover;}
.know-list .know-info{overflow:hidden;}
.know-list .know-info a{display:block;font-size:20px;font-weight:bold;color:#343434;}
.know-list .know-info p{color:#343434;font-size:14px; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:24px;height:72px;margin:3px 0 10px;}
.know-list .know-point{font-size:0;}
.know-list .know-point span{display:inline-block;color:#4180ff;font-size:14px;line-height:25px;border:2px solid #4180ff;border-radius:4px;margin-right:8px;padding:0 10px;margin-top:6px;}
.know-list li:hover .know-pic a img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.know-list li .know-info a:hover{color:#ffa508;}

.know-page{text-align:center;margin-top:80px;}
.know-page ul{display:inline-block;}
.know-page li{float:left;width:36px;text-align:center; margin:0 10px;font-size:18px;}
.know-page li img{margin-top:-3px;}
.know-page li span,.know-page li a{display:block;color:#001b34;border-radius:8px;border:1px solid #001b34;overflow:hidden;height:36px; line-height:36px;}
.know-page li.pagebtn span,.know-page li.pagebtn a{background-color:#001b34;}
.know-page li.pagebtn span,.know-page li.pagebtn a{color:#FFF;font-size:20px;background-color:#001b34;}
.know-page li.pagemore{margin:0;}
.know-page li.pagemore span{border-color:transparent;}
.know-page li.pageactive span{background-color:#ffa508;border-color:#ffa508;}
.know-page li.pageactive span{color:#FFF;}
.know-page li a:hover{background-color:#ffa508;border-color:#ffa508;color:#fff;}


/* Search Results */
.header-search{background-color:#001b34;position:relative;}
.ban-search{padding:24px 0;}
.ban-search .crumb{position:static;}
.ban-search .crumb li a:hover{color:#ffa508}
.search-name{margin-top:18px;color:#333333;}
.search-name strong{display:block;font-size:30px;}
.search-name p{font-size:18px;margin-top:10px;}

.search-box{margin-top:50px;}
.search-nav ul{text-align:right;font-size:0;}
.search-nav ul li{display:inline-block;border:1px solid #3778ff;border-radius:4px;line-height:48px;margin-left:16px;text-align:center;}
.search-nav ul li.on,.search-nav ul li:hover{background-color:#3778ff;}
.search-nav ul li.on a,.search-nav ul li:hover a{color:#FFF;}
.search-nav ul li a{display:block;padding:0 24px;color:#3778ff;font-size:24px;font-family:Hind-Medium;}

.search-box .know-list{margin-top:60px;margin-bottom:50px;}
.search-box .know-list li{-moz-box-shadow:0 5px 15px rgba(65,128,255,.3);-webkit-box-shadow:0 5px 15px rgba(65,128,255,.3);box-shadow:0 5px 15px rgba(65,128,255,.3);}
.search-box .know-list .know-info p{margin-top:16px;}

/* application */
.app-list ul.app-fl{float:left; width:49.4%;}
.app-list ul.app-fr{float:right; width:49.4%;}
.app-list li{position:relative;margin-top:24px;overflow:hidden;}
.app-list li .app-txt{position:absolute;left:0;bottom:0;width:100%;height:88px;line-height:88px; background-color:rgba(255,255,255,.85);-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.app-list li .app-txt a{display:block;  overflow:hidden; white-space:nowrap;text-overflow:ellipsis;padding:0 55px;color:#333333;font-size:30px;}
.app-list li .app-pic{overflow:hidden;}
.app-list li .app-pic img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.app-list li img{width:100%;/*aspect-ratio:auto 948 / 586;*/object-fit:cover;aspect-ratio:1.44;}
.app-list li:hover .app-pic img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}


/* error */
.error-box{text-align:center;margin-top:120px;}
.error-btn{margin-top:120px;font-size:0;}
.error-btn a{display:inline-block;font-size:24px;border:1px solid #3778ff;border-radius:4px;width:200px;line-height:48px;text-align:center;margin:0 18px;}
.error-btn a.error-btn01,.error-btn a.error-btn02:hover{color:#3778ff;background-color:#fff;}
.error-btn a.error-btn02,.error-btn a.error-btn01:hover{color:#fff;background-color:#3778ff;}
/* swiper 20221219 
.swiper-container {
    margin:0 auto;
    position:relative;
    overflow:hidden;
    list-style:none;
    padding:0;
    z-index:1
}
.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-slide {
    -webkit-flex-shrink:0;
    -ms-flex-negative:0;
    flex-shrink:0;
    width:100%;
    height:100%;
    position:relative;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    -o-transition-property:transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform
}
.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-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom:10px;
    left:0;
    width:100%
}
.swiper-pagination-bullet {
    width:8px;
    height:8px;
    display:inline-block;
    border-radius:100%;
    background:#000;
    opacity:.2
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor:pointer
}

.swiper-pagination-bullet-active {
    opacity:1;
    background:#007aff
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin:0 4px
}*/

.stock-show{width:1000px;}




/*计算器*/
.cb-bg{background:#F2F2FA;}
.c-clearfix{clear:both;}
.c-clearfix:before,.c-clearfix:after{content:'.';display:block;clear:both;}
.c-wrap{width:100%;max-width:1200px;height:auto;margin:0 auto;position:relative;}
.c-wrap p{
    font-size:14px;
    width:50%;
    margin-top:35px;
    text-align:justify;
    text-justify:inter-ideograph;/*IE*/
}
/*.c-wrap p:before{content:'';position:absolute;left:3px;top:5px;width:12px;height:12px;background:url(//cdn.xuansiwei.com/sawan11064/images/blog-icon01.png) no-repeat;}*/
.c-wrap p span{color:#3C7DFE;}

.c-item-list{width:100%;margin-top:90px;display:block;}

.c-item-list li{
    display:inline-block;
    color:#3C7DFE;
    font-size:18px;
    min-width:115px;
    height:43px;
    line-height:41px;
    text-align:center;
    font-family:Hind;
    font-weight:500;
    border:2px solid #3C7DFE;
    border-radius:4px;
    margin-right:10px;
    margin-bottom:10px;
}
.c-item-list li a{color:#3C7DFE;display:inline-block;	height:43px;line-height:41px;width:100%;overflow:hidden;}
.c-item-list li:hover{
    background:#3C7DFE;
}
.c-item-list li:hover a{
    color:#fff;
}
.c-item-list .active a{
    color:#fff;
}
.c-item-list .active{
    background:#3C7DFE;
    color:#fff;
}
.c-prams{
    width:100%;
    margin-top:60px;
    overflow:hidden/auto;
}
.c-prams:after{
    clear:both;
    content:' ';
    display:block;
}
.c-prams-l{
    float:left;
    width:50%;

    background:#FFFFFF;
    box-shadow:0px 15px 30px 0px rgba(0,27,52,0.05);
    border-radius:4px;
}
.c-select{padding:50px 50px;}

.c-select select{
    width:67%;
    max-width:325px;
    height:40px;
    background:#FFFFFF;
    border:1px solid #3778FF;
    box-shadow:0px 3px 6px 0px rgba(0,27,52,0.12), 2px 2px 5px 0px rgba(55,120,255,0.2);
    border-radius:4px;padding-left:8px;
}
.c-select input{
    width:67%;
    max-width:325px;
    height:40px;
    background:#FFF;
    border:1px solid #3778FF;
    box-shadow:0px 3px 6px 0px rgba(0,27,52,0.12), 2px 2px 5px 0px rgba(55,120,255,0.2);
    border-radius:4px;
    margin-top:20px;
    padding-left:10px;
    color:#333;
}

.c-select >input::-webkit-input-placeholder {color:#4D4D4D;font-size:16px;text-align:left;}
.c-select >input::-moz-input-placeholder {color:#4D4D4D;font-size:16px;text-align:left;}
.c-select >input::-ms-input-placeholder {color:#4D4D4D;font-size:16px;text-align:left;}

.c-select > .cinput::-webkit-input-placeholder{color:#ccc;font-size:14px;text-align:left;}
.c-select > .cinput::-moz-input-placeholder{color:#ccc;font-size:14px;text-align:left;}
.c-select > .cinput::-ms-input-placeholder{color:#ccc;font-size:14px;text-align:left;}

.c-select > span{
    width:100%;
    display:block;
    border-bottom:1px dashed #333;
    margin-top:60px;

}

.c-select > p{
    width:100%;
    height:40px;
    background:#FFF;
    border:1px solid #3778FF;
    box-shadow:0px 3px 6px 0px rgb(0 27 52 / 12%), 2px 2px 5px 0px rgb(55 120 255 / 20%);
    border-radius:4px;
    margin-top:20px;
    padding-left:10px;
    color:#333;

}
.c-select .c-input-l{
    max-width:325px;
}
.c-select .c-input-r,.c-select .c-select-r{
    width:30%;
    max-width:155px;
    margin-left:15px;

}
.c-prams-r{
    float:right;
    width:45%;
    background:#FFFFFF;
    box-shadow:0px 15px 30px 0px rgba(0,27,52,0.05);
    border-radius:4px;
}
.res-l{width:50%;float:left;margin-top:60px;}
.res-r{width:50%;float:right;margin-top:60px;margin-bottom:60px;}
.res-l::after{	clear:both;content:' ';display:block;}
.res-r::after{	clear:both;content:' ';display:block;}
.res-l .num{
    width:93px;
    height:40px;
    line-height:40px;
    font-size:47px;
    font-family:Bernard MT Condensed;
    font-weight:400;
    color:#3C7DFE;
}
.res-l .unit{
    width:18px;
    height:15px;
    font-size:18px;
    font-family:Hind-medium;
    font-weight:400;
    color:#000000;
}
.res-l p{width:135px;
    height:16px;
    line-height:16px;
    font-size:16px;
    font-family:Hind Light;
    font-weight:400;
    color:#4D4D4D;
    margin-top:25px;

}
.res-r .c-button{
    max-width:150px;
    height:40px;
    line-height:40px;
    background:#3778FF;
    border-radius:4px;
    color:#fff;
    text-align:center;
    margin-bottom:10px;
    margin-left:auto;
    margin-right:0;cursor:pointer;
}
/*.res-r .c-button:hover{background:#fff;color:#333;border:2px solid #3778FF;border-radius:4px;text-align:center;}*/
.res-r .c-reset{
    max-width:150px;
    height:40px;
    line-height:40px;
    background:#fff;
    border:2px solid #3778FF;
    border-radius:4px;text-align:center;
    margin-left:auto;
    margin-right:0;cursor:pointer;
}

/*计算器页面结束*/


/*首页库存开始 仅pc代码 m端代码在下面适配代码中*/
.index-aluminum {
    margin-top:80px;
}

.aluminum-list li {
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:70px;
}

.aluminum-list li:nth-child(2n) .img {
    order:2;
    margin-right:0;
    margin-left:66px;
}

.aluminum-list li:nth-child(2n) dl {
    order:1;
}

.aluminum-list li .img {
    flex-shrink:0;
    margin-right:66px;
    width:390px;
    height:250px;
    line-height:247px;
    text-align:center;
    -moz-box-shadow:0 0 25px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow:0 0 25px rgba(0, 0, 0, 0.1);
    box-shadow:0 0 25px rgba(0, 0, 0, 0.1);
}

.aluminum-list li .img:hover img {
    -ms-transform:scale(1.08);
    -moz-transform:scale(1.08);
    -webkit-transform:scale(1.08);
    -o-transform:scale(1.08);
    transform:scale(1.08);
}

.aluminum-list li .img img {
    display:inline-block;
    vertical-align:middle;
    max-width:70%;
    max-height:70%;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}

.aluminum-list li dl {
    flex-grow:1;
}

.aluminum-list li dl dt  {
    display:block;
    font-size:30px;
    color:#000;
    margin-bottom:30px;
}

.aluminum-list li dl dd {
    margin:0 -44px;
}

.aluminum-list li dl dd a {
    float:left;
    margin:0 40px;
    font-size:16px;
    color:#4d4d4d;
    line-height:30px;
    margin-bottom:15px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    width:calc(33.33% - 80px);
}

/*.aluminum-list li dl dd a {
    float:left;
    margin:0 10px;
    font-size:16px;
    color:#4d4d4d;
    line-height:30px;
    margin-bottom:15px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    width:calc(33.33% - 20px);
}*/

.aluminum-list li dl dd a:hover {
    text-decoration:underline;
}


/*首页库存结束 仅pc代码*/

/*首页聚合页开始 仅pc代码*/
.index-know {
    padding:100px 0;
    margin-bottom:80px;
    background:url(//cdn.xuansiwei.com/sawan11064/images/y-bg1.jpg) center no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-attachment:fixed;
}

.index-know .index-name, .index-know .index-more a {
    color:#fff;
}

.index-know .index-more a:before {
    z-index:0;
}

.index-know .index-more a span {
    z-index:1;
    position:relative;
}

.index-know .index-more a:after {
    background:url(//cdn.xuansiwei.com/sawan11064/images/arrow-more2.png) no-repeat;
    -webkit-background-size:100% 100%;
    background-size:100% 100%;
}

.Knowledge-list {
    overflow:hidden;
    margin:0 -10px;
}

.Knowledge-list li {
    float:left;
    width:25%;
}

.Knowledge-list li:first-child {
    width:50%;
}

.Knowledge-list li:first-child .item .ttx {
    font-size:28px;
}

.Knowledge-list li .item {
    margin:0 10px;
    display:block;
    background-color:transparent;
}

.Knowledge-list li .item .img {
    position:relative;
    overflow:hidden;
    padding-top:66.2%;
    margin-bottom:12px;
}

.Knowledge-list li .item .img:hover img {
    -ms-transform:scale(1.08);
    -moz-transform:scale(1.08);
    -webkit-transform:scale(1.08);
    -o-transform:scale(1.08);
    transform:scale(1.08);
}

.Knowledge-list li .item .img img {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}

.Knowledge-list li .item .txt {
    color:#fff;
    font-size:22px;
    line-height:32px;
    height:64px;
    display:-webkit-box;
    display:box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
}

/*首页聚合页结束 仅pc代码*/

/*首页合作伙伴开始 仅pc代码*/

.index-partner2 ul {
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
}
.index-partner2 ul li {
    margin:0 10px;
}

.index-partner2 ul li img {
    /*filter:grayscale(100%);*/
    /*filter:brightness(50%);*/
}

.index-partner2 ul li:hover img {
    /*filter:grayscale(0);*/

}


/*搜索页加搜索框*/
.search-form form {
    width:780px;
    height:48px;
    line-height:48px;
    background-color:#FFF;
    border:1px solid #3778ff;
    -webkit-border-radius:8px;
    border-radius:8px;
    overflow:hidden;
    margin:0 auto;
    margin-top:16px;
    position:relative;
    /*padding-right:60px;*/
}
.search-form form input{
    width:100%;
    padding:10px 20px;
    font-family:'Hind-Light';
    font-size:18px;
    color:#333;
}

.search-form form button {
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    width:48px;
    background-color:#3778ff;
    cursor:pointer;
}

.search-form form button img {
    width:48px;
    height:auto;
    aspect-ratio:1 / 1;
}


/*首页合作伙伴结束 仅pc代码*/

@media screen and (max-width:1700px) {
	/*.box-show{margin-left:80px;}*/
	.box-link{left:0;}
	.relat-pro{margin-right:-600px; padding:20px;width:300px;}
	.ban-top img{min-height:360px;height:auto;}
	.ban-porlist img{min-height:320px;}
	.page-name{top:58%;}
}
@media screen and (max-width:1600px) {
	.selling-list .selist-pic img{width:80%;}
	.ser-form{margin-right:-10px;}
	.ser-con .ser-form{margin-right:-10px;}
	.page-name > h1{font-size:50px;}
	.mtop-con{margin-top:100px;}
	.about-cert .cert-fl{width:38%;}
	.about-cert .cert-fr{width:60%;}
	.about-cert .cert-fr .cert-frr{right:0;}
}
@media screen and (max-width:1500px) {
	.about-time ul{width:96%;}
}
@media screen and (max-width:1400px) {
	.index-about .about-fr:before{right:-20px;top:-20px;}
	.msg-box{width:1200px;padding:60px;}
	.msg-box .msg-base{width:52%;}
}
@media screen and (max-width:1280px) {
	.index-about,.index-selling{margin-top:100px;}
	.about-fl > p{margin-top:60px;}
	.about-fl .index-more{margin-top:50px;}
	.selling-list .selist-item{height:464px;line-height:464px;}
	.selling-list .item03,.selling-list .item04{height:220px;line-height:220px;}
	.selling-list .selist-txt{font-size:26px;}
	.selling-list .item01 .selist-txt{right:24px;bottom:16px;}
	.selling-list .item02 .selist-txt{left:24px;bottom:16px;}
	.selling-list .item03 .selist-txt{left:24px;bottom:16px;}
	.selling-list .item04 .selist-txt{left:24px;top:16px;}
	.selling-list .item05 .selist-txt{right:24px;top:16px;}
	.selling-list .item06 .selist-txt{left:24px;top:16px;}
	.serve-swiper .swiper-slide .serve-name{left:30px;top:30px;}
	.serve-swiper .swiper-slide .serve-name img{width:50px;}
	.serve-swiper .swiper-slide .serve-name p{font-size:20px;margin-top:16px;}
	.serve-swiper .swiper-slide .serve-txt{font-size:20px;left:16px;}
	.about-time{padding-bottom:200px;}
	.about-major{padding:100px 0;}
	.about-major ul li{padding:40px 30px;}
	.about-major li img{width:80px;}
	.about-major li strong{font-size:22px;margin:16px 0 10px;}
	.relat-pro{width:260px;padding:16px;margin-right:-590px;}

	.msg-box{width:96%;margin:50px 2% 0;}
	.msg-base strong{font-size:52px;}


}
@media screen and (max-width:1200px) {
	.ban-info{width:100%;}
	.crumb,.blog-name,.pros-name{width:92%;margin:0 auto;}
	.page-name{width:100%;top:60%;}
	.page-name > h1{font-size:36px;}
	.ban-blogs img{min-height:320px;}
	.work-item .work-box{padding:20px;}
	.work-item .work-box strong{font-size:24px;}
	.work-item .work-box p{font-size:16px;line-height:1.6;}
	.ban-search .crumb{width:100%;margin:0;}
    .c-wrap p{padding:20px;}
    .res-l p{padding:0px;}
    .c-item-list{padding:20px;}

    .left_list{
        display:none;
    }
    .prolist{
        width:92%;
    }
    .prolist-show,.box-show{
        width:92%;
        color:#343434;font-size:18px;font-family:'Hind-Light';line-height:1.7;display:block;
        margin:0 auto;
    }
}
@media screen and (max-width:1188px) {
	.index-ban > img{height:100vh;}
	.ban-info{top:36%;left:24px;right:24px;width:auto;}
	.ban-info .ban-form{margin-top:100px;}
	.about-cert{padding:60px 0;}
	.about-cert .cert-fr .cert-frr{display:none;}
	.about-cert .cert-fl{width:100%;margin-top:0;}
	.about-cert .cert-fr{width:100%;}
	.cert-swiper .swiper-slide,.cert-swiper .swiper-slide.swiper-slide-active{height:auto!important;margin:0;}
	.cert-swiper.swiper-container{width:100%;height:auto;padding-left:0;}
	.cert-swiper.swiper-container{padding-bottom:50px;}
	.blogs-fr{width:40%;}
	.blogs-fr li a{font-size:20px;line-height:1.6;}
	.box-link,.relat-pro{display:none;}
	.box-show{margin:0 auto;}

	.pros-name ul{margin-top:40px;}
	.crumb,.crumb li a{color:#DDD;}
	.ban-search .crumb,.ban-search .crumb li a{color:#808080;}
	.cont-link li .cont-font p{font-size:18px;}
	.cont-link li .cont-pic{width:120px;height:120px;line-height:120px;}
	.cont-link li .cont-pic img{width:50px;}
	.cont-msg .msg-box .msg-form{margin-top:20px;}
	.app-list li .app-txt{height:66px;line-height:66px;}
	.app-list li .app-txt a{font-size:24px;padding:0 20px;}


    .aluminum-list li .img {
        width:240px;
        height:140px;
        line-height:137px;
        margin-right:30px;
    }
    .aluminum-list li:nth-child(2n) .img {
        margin-left:30px;
    }
    .aluminum-list li dl dt  {
        font-size:20px;
        margin-bottom:10px;
    }
    .aluminum-list li dl dd {
        margin:0 -10px;
    }
    .aluminum-list li dl dd a {
        margin:0 10px;
        width:calc(33.33% - 20px);
        font-size:14px;
    }

    .Knowledge-list li .item .txt {
        font-size:16px;
        line-height:26px;
        height:52px;
    }

}
@media screen and (max-width:1100px) {
	.nav ul li{margin-left:20px;}
	.ban-info h1{font-size:46px;line-height:1.5;}
	.ban-info .ban-form{width:680px;}
	.index-name h1,.index-name h2{font-size:42px;}
	.about-fl > p{margin-top:40px;}
	.about-fl .index-more{margin-top:30px;}
	.selling-list,.serve-swiper.swiper-container,.index-blog ul{margin-top:0;}
	.index-name h1, .index-name h2{font-size:36px;}
	.index-title{margin-bottom:60px;}
	.about-wflr{margin-top:60px;}

	.about-time{background:#FFF;padding-bottom:0;}
	.about-time li,.about-time li:nth-child(1),.about-time li:nth-child(2),.about-time li:nth-child(3),.about-time li:nth-child(4),.about-time li:nth-child(5),.about-time li:nth-child(6),.about-time li:nth-child(7),.about-time li:nth-child(8){width:33.3%;margin-top:0;height:210px;margin-bottom:20px;}

	.msg-box{padding:50px;}
	.msg-base strong{font-size:42px;}
	.msg-base p{font-size:30px;}
	.msg-base ul li{font-size:20px;}
	.msg-box .msg-form{width:46%;}
	.msg-form li{margin-bottom:20px;}
}
@media screen and (max-width:990px) {
	.logo{width:120px;}
	.nav ul li{margin-left:12px;}
	.nav ul li a{font-size:18px;}
	.index-name h1, .index-name h2{font-size:34px;}
	.index-blog,.footer{margin-top:70px;}
	.index-blog li .idxblog-txt{font-size:20px;}
	.foot-link{padding:50px 0 60px;}
	.foot-link .foot-logo,.foot-link .foot-about{display:none;}
	.foot-link .foot-Knowledge{width:50%;margin:0;display:none;}
	.foot-link .foot-contact{width:48%;display:none;}

    .foot-link .clearfix >p {
        left:50% !important;
        top:50% !important;
        transform:translate(-50%,-70%);
    }

	.mtop-con{margin-top:80px;}
	.about-data li strong{font-size:50px;}
	.about-data li p{font-size:20px;}
	.work-item .work-box p{font-size:14px;line-height:1.4;}
	.about-choose li .choose-item strong{font-size:18px;}
	.about-choose li .choose-item img{width:66px;}
	.about-choose li .choose-on{padding:30px;}
	.about-choose li .choose-on strong{font-size:24px;margin-bottom:24px;}
	.about-choose li .choose-on p{font-size:16px;line-height:1.6;}
	.about-choose li .choose-item,.about-choose li .choose-on{height:360px;}
	
	.blogs-fr li a{font-size:18px;}
	.blog-list li .blog-pic{width:300px;margin-right:20px;}
	.blog-list li .blog-info a{margin-top:10px;}
	.blog-list li .blog-info p{margin-top:18px;}
	.msg-base ul{margin-top:80px;}
	.msg-base ul li{font-size:18px;}

	.cont-box{margin-top:50px;}
	.cont-link ul{margin-left:0;}
	.cont-link li{width:100%;margin-left:0;margin-bottom:20px;background-color:#fff;border-radius:12px;-moz-box-shadow:0 3px 15px rgba(55,120,255,.15);-webkit-box-shadow:0 3px 15px rgb(55 120 255 / 15%);box-shadow:0 3px 15px rgb(55 120 255 / 15%);text-align:left;padding:30px 30px 30px 150px;}
	.cont-link li:before{display:none;}
	.cont-link li .cont-pic{position:absolute;width:80px;height:80px;line-height:80px;left:30px;top:50%;margin-top:-40px;}
	.cont-link li .cont-pic img{width:36px;}
	.cont-link li .cont-name{margin-top:0;}
	.cont-link li .cont-font{height:auto;}
	.cont-link li .cont-font p{line-height:30px;}

	.cont-msg .msg-box{padding:40px;}
	.pro-list05 .list05-font{margin-left:0;}
	.pro-list05 .list05-font li,.pro-list05 .list05-font li.list05-last{width:100%;margin-left:0;}
	.knowledge-box{padding:80px 0;}

    .index-aluminum{margin-top:30px;}
	
}

@media screen and (min-width:912px) {
  .box-shadow-con{
  	width:250px;
  	height:336px;
  }
  .con-img-f{
    overflow:hidden; 
    height:168px;
    width:250px;
  }
  .box-shadow-con2{
	  width:250px;
	  height:207px;
  }
  .box-shadow-con3{
  	width:388px;
  	height:261px;
  }
  .pro-bro{
  	width:400px;
  	height:268px;
  	overflow:hidden;
  }
  .pro-size{
  	width:400px;
  	height:268px;
  }
  .box-shadow-con4{
	width:800px;
	height:268px;
  }
  .triangle-left{
  	width:340px;
  	height:540px;
  	background-color:#ffffff;
  	box-shadow:0px 5px 20px 0px rgba(0, 0, 0, 0.07);
  	position:relative;
  }
  .leftimg-f{
  	width:340px;
  	height:375px;
  	overflow:hidden;
  }
  .triangle-left>p{
  	/* width:205px;
  	height:15px; */
  	color:#010101;
  	margin:25px 0 0 100px;
  }
  .triangle-right{
  	width:440px;
  	height:540px;
  	background-color:#ffffff;
  	color:#010101 !important;
  	/* line-height:12px; */
  	
  }
  .triangle-top{
  	height:260px;
  	box-shadow:0px 5px 20px 0px rgba(0, 0, 0, 0.07);
  	display:flex;
  	justify-content:flex-start;
  	align-items:center;
  	flex-wrap:wrap;
  	position:relative;
  }
  .topimg-f{
  	width:260px;
  	height:260px;
  	overflow:hidden;
  }
  .triangle-top>p{
  	width:180px;
  	height:39px;
    text-indent:1rem;
    padding:0 10px 25px 12px;
  	margin-top:160px;
  }
  .triangle-bot{
  	height:260px;
  	width:440px;
  	box-shadow:0px 5px 20px 0px rgba(0, 0, 0, 0.07);
  	display:flex;
  	justify-content:flex-start;
  	align-items:center;
  	flex-wrap:wrap;
  	margin-top:20px;
  	position:relative;
  	
  }
  
  .triangle-bot>p{
  	width:150px;
  	height:39px;
  	padding-left:20px;
  	margin-top:160px;
  }
  
  
}	
@media screen and (max-width:912px) {
    .c-prams{margin-top:20px;}
    .c-item-list{margin-top:30px;}
    .c-prams-l{float:left;}
    .c-prams-r{margin-top:0px;}
    .c-select{padding:20px;}
    .c-select select,.c-select .c-input-l{width:67%;}
    .c-select .c-input-r, .c-select .c-select-r{width:27%;margin-left:4%;}
    .c-wrap p{width:100%}
    .res-l{width:100%}
	.box-shadow-con{		
		width:48%;
		height:auto;
	}
	.con-img-f{
	  overflow:hidden; 
	  height:auto;
	  width:100%;
	}
	.box-shadow-con2{
		width:48%;
		height:auto;
	}
	.box-shadow-con3{
		width:48%;
		height:auto;
	}
	.box-shadow-con4{
		width:100%;
		height:auto;
	}
	.pro-bro{
		width:48%;
		height:auto;
		overflow:hidden;
	}
	.pro-size{
		width:48%;
		height:auto;
		padding-bottom:30px;
	}
	.triangle-left{
		width:100% !important;
		height:auto !important;
	}
	
	.triangle-left>p{
		margin:20px 0 10px 30% !important
	}
	.leftimg-f{
		width:100% !important;
		height:auto !important;
	}
	.triangle-right {
		height:auto !important;  
	    width:100% !important;  
	}
	.triangle-top{
		height:auto !important;
		width:100% !important; 
		margin-top:20px !important;
	}
	.triangle-bot{
		height:auto !important;
		width:100% !important; 
	}
	.triangle-top>p{
		padding:0 0 0 25% !important;
	}
	.triangle-bot>p{
		margin-top:0 !important;
		padding:10px 0 0 30% !important;
	}
	.triangle-up2{
		left:30% !important;
	}
	.triangle-up1,.triangle-up3,.triangle-up2{
		z-index:-1 !important;
	}
	.topimg-f{
		width:100%;
		height:auto;
		overflow:hidden;
	}
	
}

@media screen and (max-width:820px) {
	/*.search{display:none;}*/
	.nav{margin-right:0;}
	.index-ban > img{width:100%;height:auto; min-height:100vh;-webkit-object-fit:cover;object-fit:cover;}
	.ban-info h1{font-size:38px;}
	
	.about-time li,.about-time li:nth-child(1),.about-time li:nth-child(2),.about-time li:nth-child(3),.about-time li:nth-child(4),.about-time li:nth-child(5),.about-time li:nth-child(6),.about-time li:nth-child(7),.about-time li:nth-child(8){width:50%;height:160px;padding:5px 10px 0 20px;}
	.about-time li strong{font-size:30px;}
	.box-show{width:100%;}
	.msg-box .msg-base{width:100%;}
	.msg-base p,.msg-base ul{display:none;}
	.msg-base strong{font-size:30px;text-align:center;}
	.msg-box .msg-form{width:100%;margin-top:20px;}

	.pros-name li{margin:0 15px;}
	.pro-list01 li,.pro-list03 li{padding:16px;}
	.pro-list05 .list05-info{width:51%;}
	.search-form form {width:660px;}
	.search-nav ul {text-align:left;font-size:0;}
	.search-nav ul li{width:150px;margin-top:1%;}
	.search-nav ul li a{font-size:20px;}
	.about-pics{padding:0 24px;}
	.about-pics .abpic-hide{display:block;}
	.about-pics .abpic-show{display:none;}
    .c-prams{margin-top:20px;}
    .c-item-list{margin-top:30px;}
    .c-prams-l{float:left;}
    .c-prams-r{margin-top:0px;}
    .c-select{padding:20px;}
    .c-select select,.c-select .c-input-l{width:67%;}
    .c-select .c-input-r, .c-select .c-select-r{width:27%;margin-left:4%;}
    .c-wrap p{width:100%}
    .res-l{width:100%}

}
@media screen and (max-width:768px) {
	body{padding-bottom:60px;}
	.search{right:40px;}
    .ser-submit{top:35px;}
	.chat{display:none!important;}
	.toTop{width:40px;height:40px;bottom:100px;right:20px;}
	.fix-foot{display:none;}
	.fix-foot1{display:block;}
	.header{padding:10px 0;line-height:32px;}
	.logo{width:180px;}
	.logo img{max-width:180px;max-height:56px;filter:brightness(0) invert(1);}
	.navBtn{display:block;cursor:pointer;}
	.navBtn img{width:28px; aspect-ratio:1 / 1;}
	.nav{display:none;position:absolute;top:50px;right:0;width:160px;padding:10px; z-index:9999;background-color:#FFF;-webkit-box-shadow:0 0 6px rgba(0,27,52,.3);-moz-box-shadow:0 0 6px rgba(0,27,52,.3);-ms-box-shadow:0 0 6px rgba(0,27,52,.3);-o-box-shadow:0 0 6px rgba(0,27,52,.3);box-shadow:0 0 6px rgba(0,27,52,.3);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;}
	.nav ul:before{content:""; position:absolute;top:-9px;right:12px;width:0;border-bottom:10px solid #fff;border-right:15px solid transparent;border-left:15px solid transparent;}
	.nav ul li{width:100%;margin-left:0;text-align:center;line-height:46px;}
	.nav ul li a{display:block; padding:0;color:#333;letter-spacing:0;text-transform:capitalize;}
	.nav ul li:after{display:none;}
	.nav ul li.on a{color:#ffa508;font-weight:bold;}
	.foot-popu{display:none;}

	.ban-info .ban-form,.search-form .ban-form{width:600px;}
	.index-about, .index-selling{margin-top:50px;}
	.index-about .about-fr{display:none;}
	.index-about .about-fl{width:100%;}
	.index-about .index-name{margin-top:0;}
	.about-witem img{min-height:215px;width:100%;aspect-ratio:147 / 92;}
	.index-name h1, .index-name h2{font-size:30px;}
	.about-fl > p{margin-top:20px;font-size:18px;}
	.about-fl .index-more{margin-top:20px;}
	.index-more{margin-right:0;}
	.index-more a:before,.index-more a:after{display:none;}
	.index-more a{background-color:#ffa508;-webkit-border-radius:20px 5px 20px 5px;border-radius:20px 5px 20px 5px;height:52px;line-height:52px;}
	.about-fl ul{margin-top:40px;}
	.index-title{margin-bottom:40px;}
	.selling-list{margin-left:-2%;}
	.selling-list .selist-con{width:48%;margin-left:2%;}
	.selling-list .selist-pic img{width:66%;}
	.selling-list .item01 .selist-txt,.selling-list .item02 .selist-txt,.selling-list .item03 .selist-txt,.selling-list .item04 .selist-txt,.selling-list .item05 .selist-txt,.selling-list .item06 .selist-txt{left:6px;right:6px;top:auto;bottom:16px;text-align:center;font-size:20px;}
	.selling-list .selist-item{height:324px;line-height:324px;}
	.index-partner,.index-serve,.index-blog,.footer{margin-top:24px;}

	.index-blog ul li{width:47.7%;}
	.foot-con .font-txt02{display:none;}
	.foot-con .font-txt01{float:right;margin-left:0;}

	.page-name > h1{font-size:30px;}

	.mtop-con{margin-top:50px;}
	.about-wflr{margin-left:0;display:block;margin-top:0;}
	.about-witem{width:100%;height:auto;margin-left:0;}
	.about-data{padding:60px 0;}
	.about-data li strong{font-size:40px;}
	.about-data li p{font-size:18px;}
	.about-work{padding:60px 0;}
	.work-item .work-box{display:none;}
	.about-major{padding:50px 0 40px;}
	.about-major ul{margin-left:0;}
	.about-major ul li{width:100%;margin-left:0;margin-bottom:16px;padding:20px;}
	.about-major li p{height:auto;}
	.about-major li strong br{display:none;}
	.about-major li img{width:66px;}
	.about-cert{padding-top:50px;}
	.about-cert .cert-fl p{font-size:18px;margin-bottom:20px;}
	.about-choose li{margin-bottom:20px;}
	.about-choose li .choose-on,.about-choose li.on .choose-on{height:auto;padding:20px;}
	.about-choose li.on .choose-item{display:flex;padding:20px;}
	.about-choose li .choose-on strong{display:none;}
	.about-choose li,.about-choose li.on{width:100%;}
	.about-choose li .choose-item{height:auto;justify-content:space-between;align-items:center;display:flex;padding:20px;}
	.about-choose li .choose-on, .about-choose li.on .choose-on{background-color:#fff;color:#333;padding-top:0;}
	.about-choose li, .about-choose li.on{-moz-box-shadow:0 0 15px rgba(0,85,162,.15);-webkit-box-shadow:0 0 15px rgb(0 85 162 / 15%);box-shadow:0 0 15px rgb(0 85 162 / 15%);}
	.about-choose li.on .choose-item{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
	.about-choose li .choose-item strong{text-align:left;}
	.about-pics img{width:100%;aspect-ratio:1032/1632;}
	.blogs-fl{width:100%;}
	.blog-swiper a img{width:100%;}
	.blogs-fr{width:100%;margin-top:20px;}
	.blogs-fr li a span{font-size:16px;top:2px;}
	.blog-list li .blog-pic{width:200px;}
	.blog-list li .blog-info a{margin-top:6px;font-size:20px;}
	.blog-list li .blog-info p{margin-top:10px;font-size:16px;-webkit-line-clamp:2;}
	.blog-list li .blog-info p.blog-time{display:none;}

	.ban-top img{min-height:240px;}
	.crumb{top:1.2em;}
	.crumb, .crumb li a{color:#EEE;}
	.crumb li a:hover{color:#ffa508;}

	.blog-name h1{font-size:28px;font-family:'Hind';line-height:1.2em;}
	.blog-box{margin-top:40px;}
	.blog-name p span{margin:0 12px;}
	.prolist-box{margin-top:50px;}
	.msg-box{padding:16px;border-radius:0;width:100%;margin:30px 0 0;}
	.msg-box .msg-form{padding:40px 10px;}
	.msg-btn input{font-size:20px;}

	.pros-name h1{font-size:28px;}
	.pros-name ul{display:none;}
	.pro-box{margin-top:40px;}

	.cont-msg .msg-box{width:96%;margin:10px auto 0;padding:30px 20px;}
	.privacy-box{margin-top:40px;}

	.pro-list02 li{width:48%;}
    .pro-list02 li:last-child:nth-child(3n+2){margin-left:0}
	.pro-list05{padding:16px;}
	.pro-list05 .list05-info{width:100%;}
	.pro-list05 .list05-pic{width:100%;margin-top:10px;}
	.pro-list05 .list05-info li{text-align:left;}
	.msg-pro:before{display:none;}
	.ban-know{background-color:#f2f2f2;}
	.knowledge-box{padding:50px 0;}
	.know-list .know-info p{height:48px;-webkit-line-clamp:2;}

	.search-name{margin-top:30px;}
	.search-name strong{font-size:24px;}
	.search-name p{font-size:16px;margin-top:0;}
	.search-box{margin-top:30px;}
	.search-box .know-list{margin-top:50px;margin-bottom:30px;}
	.search-nav ul {text-align:left;font-size:0;}
	.search-nav ul li{width:30%;margin:1% 1%;}

	.app-list li .app-txt{height:50px;line-height:50px;position:static;}
	.app-list li .app-txt a{font-size:20px;padding:0 12px;}
	.error-box,.error-btn{margin-top:60px;}
	.error-box img{max-width:90%;}
	.error-btn a{width:160px;font-size:20px;margin:0 8px;}

	.ban-prodtop{padding:60px 0 105px; background:url(//cdn.xuansiwei.com/sawan11064/images/ban-pros.jpg) no-repeat top center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
	.ban-prodtop img{display:none;}
	.ban-prodtop .crumb{top:1.2em}

	.ban-topbg{padding:60px 0 30px; background:url(//cdn.xuansiwei.com/sawan11064/images/ban-blogs.jpg) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
	.ban-topbg img{display:none;}
	.ban-topbg .crumb{position:static;}
	.ban-topbg .blog-name{position:static;margin-top:30px;}
	.crumb ol{white-space:nowrap;overflow-x:scroll;}
	::-webkit-scrollbar{display:none;}

	.list-load a{font-size:20px;line-height:50px;}
	.ban-search{padding:16px 0;}
	.martit{
		display:block;
		margin-bottom:1.5em;
	}
    .msg-show + .footer {
        margin-top:0 !important;
    }

    .aluminum-list li {
        flex-wrap:wrap;
        margin-bottom:30px;
    }
    .aluminum-list li .img {
        width:100%;
        margin:0 0 20px;
    }
    .aluminum-list li dl dd a {
        width:calc(50% - 20px);
    }
    .aluminum-list li:nth-child(2n) .img {
        order:1;
        margin-left:0;
    }

    .index-know {
        padding:50px 0;
        margin-bottom:40px;
    }

    .Knowledge-list li:first-child {
        width:100%;
    }
    .Knowledge-list li {
        width:100%;
    }

    .index-partner2 ul {
        flex-wrap:wrap;
    }
    .index-partner2 ul li {
        width:calc(33.33% - 20px);
    }



}
@media screen and (min-width:660px) {
  .swiper-scrollbar{
  	position:absolute !important;
  	left:0 !important;
  	bottom:10px !important;
  	z-index:50 !important;
  	height:5px !important;
  	width:650px !important;
  	height:2px !important;
  	background-color:#dcdcdc !important;
  }
  .con-font-02{
  	font-size:14px;
  	line-height:18px;
  	height:46px;
  	overflow:hidden;
  }
  
  
}
@media screen and (max-width:660px) {
	
	.fix-foot li a{font-size:20px;}
	.ban-info h1{font-size:26px;}
	.ban-info .ban-form,.search-form .ban-form{width:400px;}
	.index-title .index-more{display:none;}
	.serve-swiper .swiper-slide .serve-name p{font-size:18px;}

	.about-time li,.about-time li:nth-child(1),.about-time li:nth-child(2),.about-time li:nth-child(3),.about-time li:nth-child(4),.about-time li:nth-child(5),.about-time li:nth-child(6),.about-time li:nth-child(7),.about-time li:nth-child(8){width:100%;height:auto;padding:0 0 0 20px;}
	.about-time li:before{width:10px;height:10px;}
	.about-time li:after{width:2px;left:4px;}
	.about-time li strong{font-size:22px;line-height:1.2;}

	.prolist-box{margin-top:40px;}
	.pro-list01{margin-bottom:20px;}
	.pro-list01 li{width:100%;padding:12px;}

	.pro-list01 .list01-pic{width:66px;margin-right:16px;}
	.pro-list01 .list01-txt a{margin-top:0;}
	.pro-list01 li p{height:auto;}
	.pro-list02{margin-bottom:20px;}
	.pro-list02 li,.pro-list03 li{width:100%;}
	.pro-list02 li{padding:12px;}
	.pro-list02 li:before{display:none;}
	.pro-list02 a{padding-right:0;height:auto;}
	.pro-list04 li{padding:16px;}
	.pro-list04 .list04-point{display:none;}
	.pro-list04 .list04-info p{margin-bottom:0;margin-top:6px;}

	.know-list li{padding:16px;margin-bottom:20px;}
	.know-list .know-pic{width:80px;margin-left:16px;}
	.know-list .know-point{display:none;}
	.know-list .know-info p{margin-bottom:0;}


    .pro-list02 .list02-font {
        height:auto;
    }
    .pro-list02 ul li>p {
        height:auto;
        margin:0;
        font-size:14px;
    }

    .c-prams{margin-top:20px;}
    .c-item-list{margin-top:30px;}
    .c-prams-l{width:100%;float:right;margin-top:400px;}
    .c-prams-r{width:100%;position:absolute;margin-top:0px;}
    .c-select{padding:20px;}
    .c-select select{width:67%;}
    .c-select .c-input-l{width:67%;}
    .c-select .c-input-r, .c-select .c-select-r{width:27%;margin-left:4%;}
    .c-wrap p{width:100%}
    .res-l{width:100%}
    .res-l,.res-l.num{}
    .res-l p{width:100%;height:16px;line-height:16px;}
    .c-item-list li{width:29%;margin-right:1%;min-width:105px;}
    .res-r{width:100%;display:block;margin-bottom:60px}
    .res-r .c-button{display:inline-block;float:right;width:40%}
    .res-r .c-reset{display:inline-block;float:left;width:40%}
    .box-shadow-con{
    	width:100% ;
		padding:12px;
		height:auto;
    }
	.swiper_img{
		height:284px !important;
	}
	.swiper-body{
		height:336px !important;
	}
	.swiper-scrollbar{
		position:absolute !important;
		left:0 !important;
		bottom:10px !important;
		z-index:50 !important;
		height:5px !important;
		width:100% !important;
		height:2px !important;
		background-color:#dcdcdc !important;
	}
	.con-font-02{
		font-size:14px;
		line-height:18px;
		height:auto;
		overflow:hidden;
	}
	.box-shadow-con2{
		width:100%;
		height:auto;
	}
    .box-shadow-con3{
    	width:100%;
    	height:180px;
    }
	.rectangle-font{
		padding-top:25px;
	}
	.pro-bro{
		width:100%;
		height:auto;
		overflow:hidden;
		margin-bottom:10px;
	}
	.pro-size{
		width:100%;
		height:auto;
		margin-bottom:10px;
	}
	.box-triangle {    
	    justify-content:center !important;
	    
	}
	.triangle-left {
	    height:auto !important;  
	}
	.rectangle-span{
		margin-top:10% !important;
	}
	
	
}

@media screen and (max-width:500px) {
	.ban-info h1{font-size:22px;}
	.ban-info .ban-form{width:300px;line-height:40px;height:40px;padding-right:40px; border-radius:4px;}
	.search-form .ban-form{width:300px;}
	.ban-info .ban-form input{padding:0 16px;font-size:16px;}
	.ban-info .ban-form button{width:40px;}
	.ban-info .ban-form button img{width:40px;height:auto; aspect-ratio:1 / 1;}
    .search-nav ul{text-align:left;font-size:0;}
	.index-name h1, .index-name h2,.page-name > h1{font-size:26px;}
	.about-fl li{width:50%;margin-bottom:20px;}
	.about-fl li strong{margin:10px 0;}
	.index-title{height:auto;line-height:1.2;margin-bottom:30px;}
	.selling-list{margin:0 2%;}
	.selling-list .selist-con{width:100%;margin-left:0;margin-bottom:12px;}
	.selling-list .selist-pic img{width:60%;}
	.selling-list .item04{margin-top:12px;}
	.selling-list .selist-item{height:300px;line-height:260px;}
	.index-partner li{width:31.3%;margin-bottom:12px;}
	.serve-swiper .swiper-slide .serve-name{left:16px;top:16px;}
	.serve-swiper .swiper-slide .serve-name img{width:40px;}
	.index-blog ul li{padding-bottom:20px;}
	.index-blog li .idxblog-txt{font-size:18px;margin-top:12px;}
	.foot-link{padding:26px 0;}
	.foot-link .foot-Knowledge{width:100%;}
	.foot-link .foot-contact{width:100%;margin-top:20px;}
	.foot-link strong{font-size:20px;}
	.foot-link li a{font-size:16px;line-height:2.6;}
	.foot-icon a{width:24px;}
	.foot-con .foot-privacy{float:none;}
	.foot-con .font-txt01{float:none;margin-top:10px;}
	.foot-con{padding:20px 0;}
	.foot-popu{bottom:110px;width:90%;}
	.foot-popu .popu-btn a{width:auto;padding:0 10px;}
	.foot-popu .popu-btn a.popuBtn02{margin-left:6px;}
	.mtop-con{margin-top:30px;}
	.about-data{padding:36px 0 20px;}
	.about-data li{width:100%;margin-bottom:16px;}
	.about-data li strong{font-size:32px;}
	.about-data li p{font-size:16px;margin-top:5px;}

	.blog-list li .blog-pic{float:none; width:100%;}
	.blog-list li .blog-info{margin-top:10px;}
	.blog-list li .blog-info a{margin-top:0;font-size:16px;line-height:1.5;}
	.blog-list li .blog-info p{display:none;}
	.blog-list li{padding:20px 0 30px;}

	.cont-box{margin-top:36px;}
	.cont-link li{padding:12px 16px 12px 100px;margin-bottom:16px;}
	.cont-link li .cont-pic{width:62px;height:62px;line-height:62px;margin-top:-31px;left:16px;}
	.cont-link li .cont-pic img{width:24px;}
	.cont-link li .cont-name{font-size:20px;}
	.cont-link li .cont-font p{font-size:16px;}

	.know-page{margin-top:30px;}
	.know-page li{margin:0 2px;width:32px;font-size:16px;}
	.know-page li span, .know-page li a{height:32px;line-height:32px;}
	.search-nav ul li{width:46%;margin:0 2% 10px;}
	.search-nav ul li a{font-size:16px;}

	.app-list ul.app-fl,.app-list ul.app-fr{width:100%;}
	.app-list li .app-txt{text-align:center;height:auto;line-height:1.8;}
	.app-list li{margin-top:16px;}

	.list-load{margin-top:16px;}
	.list-load a{font-size:16px;line-height:40px;padding:0 30px;}
	.blog-name h1 {font-size:28px;font-family:'Hind';line-height:1.2em;}
	.prolist-show p, .box-show p {color:#343434;margin:1.2em 0;font-size:18px;font-family:'Hind-Light';line-height:1.7}
    .pro-list02 ul li b>p{font-size:14px;font-weight:400;}
	.triangle-top>p{
		width:100%;
		padding:0 0 0 10% !important;
	}
	.con-font-02{
		font-size:14px !important;
	}
	
}
@media screen and (max-width:414px) {
	.index-ban > img{height:420px;min-height:auto;}
	.list-con03 img{width:100%;}
	.list-con03 div{margin-bottom:20px;}
	.list-con03 p strong{margin-top:5px;margin-bottom:8px;}
	.list-con07 li{margin:10px 0;}
	.box-show .boxnav-link li{margin:10px 0;}
	.index-blog ul li{width:100%;margin-left:0;padding-bottom:10px;margin-bottom:16px;}
	.crumb{top:1.2em}
	.crumb ol{line-height:1.2;}
	.toTop{width:40px;height:40px;bottom:122px;right:20px;}

	.blog-name h1 {font-size:28px;font-family:'Hind';line-height:1.2em;}
	.prolist-show p, .box-show p {color:#343434;margin:1.2em 0;font-size:18px;font-family:'Hind-Light';line-height:1.7}
    .c-prams{margin-top:20px;}
    .c-item-list{margin-top:30px;}
    .c-prams-l{width:100%;float:right;margin-top:280px;}
    .c-prams-r{width:100%;position:absolute;margin-top:0px;}
    .c-select{padding:20px;}
    .c-select select{width:67%;}
    .c-select .c-input-l{width:67%;}
    .c-select .c-input-r, .c-select .c-select-r{width:27%;margin-left:4%;}
    .c-wrap p{width:100%}
    .res-l{width:100%}
    .res-l,.res-l.num{}
    .res-l p{width:100%;height:16px;line-height:16px;}
    .c-item-list li{width:28%;margin-right:1%;min-width:100px;}
    /*.c-item-list li{display:flex;flex-direction:row;width:33%;justify-content:center;}*/
    .res-r{width:100%;display:block;margin-bottom:60px}
    .res-r .c-button{display:inline-block;float:right;width:40%}
    .res-r .c-reset{display:inline-block;float:left;width:40%}


}
@media screen and (max-width:375px) {
	
	.index-ban > img{height:420px;min-height:auto;}
	.ban-info{top:160px;}
	.ban-info h1{font-size:20px;}
	.ban-info .ban-form{margin-top:80px;}
	.nav{width:126px;padding:5px;right:0;}
	.nav ul li{line-height:36px;}
	.nav ul li a{font-size:16px;}
	.navBtn img{width:26px;aspect-ratio:1 / 1;}

	.index-about, .index-selling{margin-top:30px;}
	.index-name h1, .index-name h2,.page-name > h1{font-size:24px;}
	.page-name{margin-top:10px;}
	.about-fl > p{font-size:16px;margin-top:10px;}
	.index-more a{font-size:18px;height:42px;line-height:42px;}
	.index-title{margin-bottom:24px;}
	.index-partner,.index-serve,.index-blog,.footer{margin-top:26px;}
	.index-blog ul{margin-left:0;}
	.index-blog ul li{width:100%;margin-left:0;padding-bottom:10px;margin-bottom:16px;}
	.index-blog li .idxblog-txt{height:auto;line-height:1.6;}
	.mtop-con{margin-top:20px;}
	.about-witem strong{font-size:20px;margin:16px 0 10px;}
	.about-witem p{font-size:16px;}
	.about-work{padding:30px 0;}
	.proline-swiper .swiper-button-prev,.proline-swiper .swiper-button-next{display:none;}
	.proline-swiper .swiper-slide{padding:0;}
	.proline-swiper.swiper-container{padding-bottom:40px;}
	.about-cert{padding:30px 0;}
	.about-cert .cert-fl p{font-size:16px;line-height:1.6; margin-bottom:12px;}
	.about-choose li .choose-item strong{font-size:16px;}
	.about-choose li .choose-item img{width:48px;}
	.blog-list li{padding:20px 0 30px;}
	.blogs-fr li a{font-size:16px;padding-left:32px;}
	.blogs-fr li a span{font-size:14px;line-height:25px;}
	.blog-swiper.swiper-container-horizontal>.swiper-pagination-bullets{right:20px;bottom:10px;}

	.blog-name h1,.pros-name h1{font-size:26px;line-height:1.2em}
	.box-show h2,.prolist-show h2{font-size:22px;line-height:1.2em;}
	.prolist-show h3{font-size:20px;}
	.box-show h3{font-size:20px;margin-top:-5px;}
	.box-show h3:before{top:5px;}
	.blog-name p{font-size:14px;}
	.blog-box{margin-top:24px;}
	.box-show{font-size:16px;}
	.box-show .boxnav-link li{margin:10px 0;}
	.box-show p{margin-bottom:20px;}
	.box-show .box-nav{margin:20px 0;}
	.box-show .boxnav-link{margin-left:10px;}
	.list-con01{margin-top:-10px;margin-bottom:20px;}
	.list-con02{margin-top:-10px;}
	.list-con06{margin-top:-10px;margin-bottom:16px;}
	.list-con07 li{margin:10px 0;}
	.list-con03 img{width:100%;}
	.list-con03 div{margin-bottom:20px;}
	.list-con03 p strong{margin-top:5px;margin-bottom:8px;}
	.form-show{margin-bottom:20px;}
	.quote-show{margin:0 0 20px;padding:16px;}
	.blog-refer,.relat-show{margin-top:20px;}
	.relat-show strong{font-size:24px;}
	.relat-show li a{font-size:16px;}
	.msg-box{padding:20px 10px;}
	.msg-base strong{font-size:24px;}
	.msg-box .msg-form{padding:30px 16px;}
	.msg-form li img{width:18px;left:10px;}
	.msg-form li{padding:9px 10px;margin-bottom:12px;}
	.msg-form li input, .msg-form li textarea{padding-left:25px;}
	.msg-btn{margin-top:16px;}
	.msg-btn input{font-size:18px;}

	.pro-box{margin-top:24px;}
	.privacy-box{margin-top:20px;}
	.privacy-show{font-size:16px;}
	.privacy-show p,.privacy-show .privacy-font p:last-child{margin-bottom:12px;}
	.privacy-show .privacy-font p{margin-bottom:8px;}
	.privacy-show h2{font-size:20px;margin-bottom:12px;}
	.privacy-show h3{font-size:18px;}
	.list-con09{margin-bottom:16px;}

	.prolist-box{margin-top:20px;}
	.prolist-show{font-size:16px;}
	.pro-list01,.pro-list02,.pro-list03,.pro-list04{margin-bottom:10px;}
	.pro-list01 li,.pro-list02 li,.pro-list03 li,.pro-list04 li{margin-bottom:16px;}
	.pro-list05{margin-bottom:24px;}
	.pro-list01 .list01-txt a,.pro-list03 li .list03-txt a,.pro-list04 .list04-info a,.pro-list05 a{font-size:18px;}
    /*.pro-list01 li{height:225px;}*/
    .pro-list01 li{height:auto;}
    .pro-list04 .list04-pic{width:88px;margin-left:16px;}
	.pro-list05 .list05-font li{line-height:1.7;}
	.pro-list05 .list05-info li{font-size:14px;}
	.pro-list05 .list05-info li strong{font-size:18px;}
	.pro-list05:before{display:none;}
	.pro-list06 li{margin-bottom:16px;}
	.pro-list06 .list06-font{padding:10px;}
	.pro-list07{padding:10px 16px 20px;}
	.pro-list07 .list07-font{padding:6px 0;}
	.pro-list08 strong{font-size:20px;}
	.pro-list08 li{margin-bottom:8px;}
	.pro-list08 li a{font-size:16px;}
	.prolist-box .blog-refer{margin-top:20px;}

	.knowledge-box{padding:20px 0 50px;}
	.know-list li{margin-bottom:16px;}
	.know-list .know-pic{width:60px;margin-left:10px;}
	.know-list .know-info p{display:none;}
	.know-list .know-info a{font-size:16px;line-height:1.5;}

	.search-name{margin-top:20px;}
	.search-name strong{font-size:20px;}
	.search-name p{font-size:14px;}
	.search-box{margin-top:16px;}
	.search-nav ul li{line-height:40px;}
	.search-box .know-list{margin-top:30px;}

	.error-box,.error-btn{margin-top:40px;}
	.error-btn a{width:150px;font-size:18px;line-height:40px;}
	.pro-list04 .list04-info p{display:none;}
	.ban-top img{min-height:200px;}
	.page-name{top:52%;}
	.fix-foot li a{font-size:16px;}
	.toTop{width:40px;bottom:100px;}
	.crumb{top:1.2em}
	.toTop{width:40px;bottom:100px;right:20px;}
	.blog-name h1 {font-size:28px;font-family:'Hind';line-height:1.2em}
	.prolist-show p, .box-show p {color:#343434;margin:1.2em 0;font-size:18px;font-family:'Hind-Light';line-height:1.2em}
    .foot-link .clearfix >p {
        font-size:14px;
    }
}
@media screen and (max-width:450px) {
    .pro-list01 li{height:auto;}
    .foot-link .clearfix >p {font-size:14px;}
}
@media screen and (max-width:320px) {
	.index-name h1, .index-name h2,.page-name > h1{font-size:22px;}
	.ban-info h1{font-size:16px;}
	.box-show h3{font-size:18px;}
	.ban-info .ban-form{width:260px;}
	.ban-info .ban-form input{font-size:14px;}
	.pro-list03 .list03-pic{width:100%;margin-right:0;float:none;}
	.pro-list03 .list03-info{width:100%;margin-top:8px;}
	.error-btn a{width:124px;}
	.crumb{top:1.2em}
}




/**库存开始***/
.table-body {
    background-color:#f2f2fa;
    padding-top:30px;
}

.crumb.table {
    position:static;
}

.crumb.table li a:hover {
    color:#333;
}

.table-pro-yc {
    margin:50px -30px;
}

.table-pro-yc li {
    float:left;
    width:16.666%;

}
.table-pro-yc li.on .item .txt {
    background:#3778ff;
    color:white;
}

.table-pro-yc li .item {
    display:block;
    margin:0 30px;
    background-color:#fff;
    -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow:0 0 5px rgba(0, 0, 0, 0.1);
}

.table-pro-yc li .item .img {
    height:115px;
    line-height:113px;
    text-align:center;
    position:relative;
}
.table-pro-yc li.on .item .img
{
    height:114px;
}
.table-pro-yc li.on a {
    border:1px solid #3778ff;
    border-bottom:none;
}
.table-pro-yc li.on .xzhong::after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    width:14px;
    height:14px;
    background-color:#3778ff;
    background-image:url(//cdn.xuansiwei.com/sawan11064/images/duihao.png);
    background-size:14px;
}


.table-pro-yc li .item .img:hover img {
    -ms-transform:scale(1.08);
    -moz-transform:scale(1.08);
    -webkit-transform:scale(1.08);
    -o-transform:scale(1.08);
    transform:scale(1.08);
}

.table-pro-yc li .item .img img {
    display:inline-block;
    max-height:70%;
    max-width:70%;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}

.table-pro-yc li .item .txt {
    text-align:center;
    font-size:18px;
    color:#3778ff;
    line-height:34px;
    text-align:center;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    border-top:1px solid #d8d8d8;
}


.table-guige,.table-bot table caption {

    text-align:center;
    font-size:20px;
    color:#fff;
    line-height:48px;
    background-color:#3778ff;
}

a {
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}

.table-top {
    margin-bottom:26px;
    background-color:#fff;
    -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow:0 0 10px rgba(0, 0, 0, 0.1);
}

.table-top ul {
    overflow:hidden;
    padding:30px 0 15px;
    display:-webkit-flex;
    display:flex;
    /*justify-content:center;*/
}

.table-top ul li {
    padding:0 40px;
}

.table-top ul li .item {
    margin-bottom:16px;
    display:-webkit-flex;
    display:flex;
    justify-content:center;
    max-width:600px;
    background-color:#fff;
}

.table-top ul li .item span {
    flex-shrink:0;
    font-size:18px;
    color:#464646;
    margin-right:36px;
}

.table-top ul li .item .num {
    flex-grow:1;
}

.table-top ul li .item .num a {
    display:inline-block;
    margin-right:20px;
    line-height:18px;
    padding:0 2px;
    padding-top:2px;
    border:1px solid #3778ff;
    border-radius:2px;
    font-size:16px;
    color:#464646;
    width:42px;
    text-align:center;
}

.table-top ul li .item .num a:last-child {
    margin-right:0;
}

.table-top ul li .item .num a:hover {
    background-color:#3778ff;
    color:#fff;
}

.table-bot-table {
    width:100%;
    border-spacing:0;
    margin-bottom:35px;
}
.table-bot-table tr th,.table-bot-table tr td {
    text-align:left;
}

.table-contact {
    text-align:right;
    line-height:32px;
    font-size:16px;
    color:#464646;
    margin-bottom:10px;
}

.table-contact .word {
    display:inline-block;
}

.table-contact a {
    display:inline-block;
    padding:0 18px;
    color:#fff;
    background-color:#3778ff;
    border-radius:32px;
    margin-left:18px;
}

.table-contact a:hover {
    background-color:#315dff;
}

.table-top ul li {
    flex-shrink:0;
    width:50%;
    padding:0 20px;
}





.table-bot h1 {
    font-size:38px;
    color:#464646;
    margin-bottom:30px;
}

.table-bot table {
    width:100%;
    border-spacing:0;
    margin-bottom:35px;
    border:1px solid #bababa;
}



.table-bot table tr:nth-child(2n) {
    background-color:#fff;
}

.table-bot table tr th {
    border:none;
    padding-left:100px;
    line-height:46px;
    font-size:18px;
    color:#333;
    border-bottom:1px solid #bababa;
    width:25%;
    text-align:left;
}

.table-bot table tr td {
    border:none;
    line-height:27px;
    padding:10px 0 10px 100px;
    font-size:18px;
    color:#333;
    border-bottom:1px solid #bababa;
    width:25%;
}

.table-bot table tr a {
    position:relative;
    width:115px;
    padding-left:14px;
    line-height:22px;
    border-radius:2px;
    border:1px solid #3778ff;
    color:#3778ff;
    font-size:16px;
    -wekit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background-color:#fff;
    display:block;
    text-align:center;

}

.table-bot table tr a::before{
    position:absolute;
    content:'';
    left:3px;
    top:2px;
    width:14px;
    height:14px;
    background:url('//cdn.xuansiwei.com/sawan11064/images/pc-cart.png');
    background-size:14px;
}
.table-bot table tr a:hover::before{
    background:url('//cdn.xuansiwei.com/sawan11064/images/pc-white-cart.png');
    background-size:14px;
}

.table-bot table tr a:hover {
    background-color:#3778ff;
    color:#fff;
}

.table-note {
    font-size:16px;
}

.table-note p {
    color:#464646;
}

.table-note a {
    color:#315dff;
}


.pop-table {
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:99999;
}

.pop-table .bg {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, 0.5);
}
.pop-table .msg{
    position:absolute;
    left:50%;
    top:50%;
    width:50%;
    height:100px;
    line-height:100px;
    transform:translate(-50%,-50%);
    background-color:#fff;
    text-align:center;
}

.pop-table .con {
    position:absolute;
    left:50%;
    top:50%;
    -ms-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    background-color:#fff;
    width:635px;
    padding:20px 34px 40px;
    border-radius:4px;
    -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow:0 0 10px rgba(0, 0, 0, 0.1);
}

.pop-table .con .close {
    position:absolute;
    width:50px;
    height:50px;
    background:url(//cdn.xuansiwei.com/sawan11064/images/y-cha.png) center no-repeat;
    right:0;
    top:0;
    cursor:pointer;
}

.pop-table .con .tit {
    font-size:22px;
    color:#333;
    margin-bottom:10px;
}

.pop-table .con .item {
    font-size:16px;
    color:#666;
    line-height:24px;
    margin-bottom:20px;
    overflow:hidden;
    display:-webkit-flex;
    display:flex;
    background-color:#fff;
}

.pop-table .con .item span {
    float:left;
    width:180px;
    text-align:right;
    margin-right:12px;
}

.pop-table .con .item .radiobox {
    display:flex;
}

.pop-table .con .item .radiobox label {
    margin-right:12px;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
}

.pop-table .con .item .radiobox input {
    -webkit-appearance:button;
}

.pop-table .con .item .inp {
    border:1px solid #dcdcdc;
    padding:0 10px;
    color:#666;
}

.pop-table .con .item .area {
    border:1px solid #dcdcdc;
    height:90px;
    padding:5px 10px;
    font-size:14px;
    color:#666;
    flex-grow:1;
}

.pop-table .con .item .area::placeholder {
    color:#b5b5b5;
}

.pop-table .con .btnbox {
    text-align:right;
}

.pop-table .con .btnbox .btn {
    width:66px;
    line-height:24px;
    text-align:center;
    font-size:16px;
    color:#666;
    display:inline-block;
    cursor:pointer;
}

.pop-table .con .btnbox .cancel {
    border:1px solid #dcdcdc;
}

.pop-table .con .btnbox .submit {
    background-color:#3778ff;
    color:#fff;
    margin-left:12px;
}

.em1 {
    padding-top:2px;
    padding-left:5px;
}

.shaixuan {
    height:40px;
    line-height:40px;
    text-align:center;
}
.shaixuan .sx_con {
    width:600px;
    height:40px;
    margin:0 auto;
}
.shaixuan span{
    float:left;
    border:1px solid #3778ff;
    width:40px;
    height:30px;
    line-height:30px;
    margin-right:20px;
    cursor:pointer;
    text-align:center;
}

@media screen and (max-width:1188px) {
    .crumb.table, .crumb.table li a {
        color:#666;
    }
    .table-pro-yc li {
        width:33.33%;
        margin-bottom:20px;
    }
    .table-top ul li {
        flex-shrink:0;
        width:50%;
        padding:0 20px;
    }
}
@media screen and (max-width:1023px) {
    .table-body {
        padding-top:30px;
    }
    .table-pro-yc {
        margin:20px -10px;
    }
    .table-pro-yc li .item {
        margin:0 10px;
    }
    .table-pro-yc li .item .img {
        height:80px;
        line-height:77px;
        position:relative;

    }

    .table-pro-yc li.on .item .img
    {
        height:79px;
    }



    .table-top ul li .item span {
        font-size:14px;
        margin-right:12px;
    }
    .table-top ul li .item .num a {
        margin-right:12px;
    }
    .table-bot h1 {
        font-size:30px;
        margin-bottom:20px;
    }

    .table-guige,.table-bot table caption {
        font-size:16px;
        line-height:32px;
    }
    .table-bot table tr th, .table-bot table tr td {
        font-size:14px;
        padding:5px 10px;
        line-height:50px;
    }
    .table-bot table tr a {
        font-size:14px;
    }

}

@media screen and (max-width:767px) {
    .table-pro-yc li .item .txt {
        font-size:16px;
    }
    .table-top ul {
        flex-wrap:wrap;
        padding:16px 0 8px;
    }
    .table-top ul li .item {
        margin-bottom:12px;
    }
    .table-top ul li {
        width:100%;
    }
    .table-contact {
        font-size:14px;
        line-height:30px;
    }
    .table-top {
        margin-bottom:12px;
    }
    .table-contact {
        margin-bottom:20px;
    }
    .table-bot h1 {
        font-size:24px;
        margin-bottom:12px;
    }
    .table-note {
        font-size:14px;
    }
    .pop-table .con {
        width:90%;
        padding:20px 12px;
    }
    .pop-table .con .tit {
        font-size:16px;
        line-height:26px;
        margin-bottom:10px;
    }
    .pop-table .con .item {
        font-size:12px;
    }
    .pop-table .con .item span {
        width:110px;
        flex-shrink:0;
    }
    .pop-table .con .item .radiobox label {
        margin-right:8px;
    }
    .pop-table .con .item .inp, .pop-table .con .item .area {
        width:100%;
        font-size:12px;
    }
    .pop-table .con .item .radiobox input {
        width:10px;
        height:10px;
        margin-right:2px;
    }
    .pop-table .con .item {
        margin-bottom:14px;
    }
    .pop-table .con .btnbox .btn {
        font-size:12px;
    }
}



/**库存结束***/

/*编辑器快捷邮箱按钮*/
.content_email {
    display:inline-block;
    font-family:Hind-Medium;
    border-radius:4px;
    color:#232323!important;
    height:32px;
    font-size:18px;
    font-weight:normal;
    line-height:32px;
    margin-left:1%;
    padding:0 22px;
    background-color:#ffa508;
    border:0 solid #B5002C;
    cursor:pointer;
}


.stock-show h1{font-size:38px;}
@media screen and (max-width:1700px){
    .stock-show{
        margin-left:0;
    }
}

/*编辑器快捷邮箱按钮*/



/**库存页加蒙版开始**/
.ca_loader-wrapper {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    animation:fade-in 0.25s forwards, fade-out 0.25s 0.5s forwards; /* 添加淡入淡出动画 */
    /*display:flex;*/
    /*justify-content:center;*/
    /*align-items:center;*/
}

.ca_loader {
    position:absolute;
    left:50%;
    top:50px;
    border:4px solid #f3f3f3;
    border-top:4px solid #3498db;
    border-radius:50%;
    width:30px; /* 使用vw单位，让圆形加载器随屏幕尺寸自适应 */
    height:30px;
    animation:spin 1s linear infinite;
    z-index:1;
}

.ca_mask {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, 0.5); /* 使用rgba颜色值 */
    z-index:0;
}

@keyframes spin {
    0% { transform:rotate(0deg); }
    100% { transform:rotate(360deg); }
}

@keyframes fade-in {
    0% { opacity:0; }
    100% { opacity:1; }
}

@keyframes fade-out {
    0% { opacity:1; }
    100% { opacity:0; }
}


/**库存页加蒙版结束**/


.cont-msg:before {content:none;}



/*youtube样式*/
.youtube {
    position:relative;
    padding-bottom:56.25%;
    height:0;
    overflow:hidden;
    background-color:#777;
}
.youtube .pL {
    position:absolute !important;
    top:0;
    left:0;
    width:100%;
    height:100% !important;
    background:no-repeat scroll center #000;
    background-size:cover;
    cursor:pointer;
}
.youtube .ctrl, .youtube .Rctrl, .youtube .Lctrl, .youtube .play {
    background-image:url(https://superior-ind.com/wp-content/plugins/wp-youtube-lyte/lyte/lytesprite.png);
}

.play {
    background:no-repeat scroll 0 0 transparent;
    width:88px;
    height:63px;
    position:absolute;
    left:43%;
    top:38%;
}

.youtube .ctrl {
    background-position:0 -220px;
    background-repeat:repeat;
    background-attachment:scroll;
    background-color:rgba(0,0,0,0.3);
    width:100%;
    height:40px;
    bottom:0px;
    left:0;
    position:absolute;
}
.youtube .ctrl .Lctrl {
    background-position:0 -137px;
    background-repeat:no-repeat;
    background-attachment:scroll;
    background-color:transparent;
    width:158px;
    height:40px;
    bottom:0;
    left:0;
    position:absolute;
}

.youtube .ctrl .Rctrl {
    background-position:-42px -179px;
    background-repeat:no-repeat;
    background-attachment:scroll;
    background-color:transparent;
    width:117px;
    height:40px;
    bottom:0;
    right:0;
    position:absolute;
    padding-right:10px;
}
.youtube iframe {
    left:0;
    position:absolute;
    top:0;
    width:100%;
}

/*youtube样式*/


/*门窗列表形式*/
/*.prolist-show .list-con10 div img{*/
/*    float:left;*/
/*    width:150px;*/
/*    height:150px;*/
/*}*/


@media screen and (max-width:500px){
    .prolist-show .list-con10 p{
        margin:0;
    }
}



@media screen and (max-width:414px) {
    .list-con10 img {
        width:45%;
    }
}




/*门窗列表形式*/

/*首页快速问价版式产品下面*/
.index-quick-quote{
    height:240px;
    background:url("//cdn.xuansiwei.com/sawan11064/images/huaban4.jpg") center no-repeat;
}
.index-quick-quote .quick-quote-content{max-width:1000px;height:100%;color:#fff;}
.index-quick-quote .quick-quote-content h2{line-height:1;font-family:Helvetica;font-weight:normal;padding-top:50px;margin-bottom:28px;font-size:1.625em;}
.index-quick-quote .quick-quote-content p{
    width:95%;
    max-width:580px;
    font-family:Georgia;
    font-size:1.125em;
    font-weight:400;
}

.index-quick-quote .quick-quote-content a{
    position:absolute;
    right:0;
    top:102px;
    padding:0 10px;
    height:44px;
    line-height:44px;
    text-align:center;
    font-family:Hind-Medium;
    font-size:18px;
    color:#001b34;
    background-color:#f49f0a;
    box-shadow:2px 2px 10px 0 rgba(0, 0, 0, 0.15);
    border-radius:6px;
}

.inner-quick-quote {
    width:100%;
    height:460px;
    color:#fff;
    background:url("//cdn.xuansiwei.com/sawan11064/images/huaban3.jpg") center no-repeat;
    background-size:cover;
    text-align:center;
}
.inner-quick-quote h2,.inner-quick-quote p{
    color:#fff;
}
.inner-quick-quote h2{
    font-family:Helvetica;
    font-size:24px;
    margin:0;
    padding-top:3.625em;
    text-align:center;
    line-height:1;

}
.inner-quick-quote p{
    font-family:Bell MT;
    font-size:20px;
    padding:0 40px;
    text-align:center;
    font-weight:400;
    margin:0;
    line-height:2;
    margin-top:1.5em;
}
.inner-quick-quote .inner-text{
    text-align:center;
    margin-top:35px;
}
.inner-quick-quote .inner-text span{
    font-family:Hind-Light;
    font-size:16px;
    font-weight:normal;
    font-style:italic;
    font-stretch:normal;
    padding-right:38px;
    padding-left:21px;
    position:relative;
}
.inner-quick-quote .inner-text span::before{
    position:absolute;
    top:4px;
    left:0;
    content:"";
    width:15px;
    height:15px;
    background:url("//cdn.xuansiwei.com/sawan11064/images/001.png") no-repeat;
    background-size:15px 15px;
}
.inner-quick-quote .inner-text span:nth-child(2)::before{
    background:url("//cdn.xuansiwei.com/sawan11064/images/002.png") no-repeat;
    background-size:15px 15px;
}
.inner-quick-quote a{
    display:inline-block;
    margin-top:45px;
    padding:0 10px;
    height:40px;
    line-height:40px;
    background-color:#f49f0a;
    border-radius:4px;
    font-family:Hind-Medium;
    font-size:18px;
    color:#001b34;
}

.inner-quick-quote2 {
    width:100%;
    padding-left:10%;
    height:600px;
    background-color:#fff;
    color:#fff;
    background:url("//cdn.xuansiwei.com/sawan11064/1761723160495/dfsdfsdf_r__800-393_c__eae8e8_.png?x-oss-process=style/png_small") center no-repeat;
    background-size:100% auto;
}
.inner-quick-quote2 p{
    margin:0;
    width:55%;
    font-family:Bell MT;
    font-size:20px;
    padding-top:85px;
    transform:skew(-5deg, 0);
    color:#262626;
}

.inner-quick-quote2 a{
    display:inline-block;
    margin-top:60px;
    text-align:center;
    width:auto;
    height:40px;
    line-height:40px;
    background-color:#f49f0a;
    border-radius:6px;
    color:#000000;
    font-size:18px;
    padding:0 10px;
}


@media screen and (max-width:768px) {
    .index-quick-quote .quick-quote-content a{
        position:static;
        display:inline-block;
        height:38px;
        line-height:38px;
        text-align:center;
        font-family:Hind-Medium;
        font-size:16px;
        color:#001b34;
        background-color:#f49f0a;
        box-shadow:2px 2px 10px 0 rgba(0, 0, 0, 0.15);
        border-radius:6px;
        margin-top:30px;
    }
    .index-quick-quote .quick-quote-content p{font-size:1em;line-height:1.6;}
    .index-quick-quote .quick-quote-content h2{padding-top:20px;margin-bottom:10px;line-height:1.3;font-size:1.4em;}
    .inner-quick-quote2{height:auto;}
    .inner-quick-quote2 p{padding-top:40px;line-height:1.2}
    .inner-quick-quote2 a{margin:20px 0;}
}

@media screen and (max-width:500px){
    .inner-quick-quote2{background:url("//cdn.xuansiwei.com/sawan11064/images/kf_002.jpg") center no-repeat;background-size:contain;height:300px;}
    .inner-quick-quote .inner-text{padding-left:24px;}
    .index-quick-quote .quick-quote-content h2{margin-bottom:0px;}
    .inner-quick-quote p{padding:0 20px;line-height:1.5;}
    .inner-quick-quote h2{padding-top:1.5em;line-height:1.2em;padding-left:10px;padding-right:10px;}
    .inner-quick-quote2 a{font-size:16px; width:136px;height:34px;line-height:34px;}
    .inner-quick-quote2 p{font-size:16px;padding-top:50px;letter-spacing:-0.5px;}
    .index-quick-quote .quick-quote-content a{margin-top:20px;}
}
@media screen and (max-width:450px){
    .index-quick-quote .quick-quote-content a{margin-top:10px;}
}
@media screen and (max-width:400px){

    .inner-quick-quote2 a{margin-top:5px;}
}

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

    .inner-quick-quote p{font-size:19px;}
    .inner-quick-quote .inner-text span{padding-right:35px;}
}

@media screen and (max-width:650px){
    .form-show table tr td strong {font-size:12px;}
    .form-show table tr td{padding:2px;font-size:12px;}
    .form-show table .add td{font-weight:700}
    .inner-quick-quote2 a{margin-top:10px;font-family:'Hind-Medium';margin-top:18px;transform:translateX(-8px);}

}

.append li em{color:red;}


/* 8.22 lyg  导航栏悬浮*/
.panl {
   display:none;
   position:absolute;
   top:95px;
   left:0;
   z-index:9999;
   width:100%;
   height:450px;
   background-color:#ffffff;
}
.panl>div{
   width:92%;
   max-width:1150px;
   height:450px;
   margin:0 auto;
   position:relative;
}
.panl>div>ul:first-of-type{
	width:225px;
	height:321px;
	padding-top:34px;	
}
.suspend_column>ul{
	position:absolute;
	top:34px;
	left:16.5rem;
	display:none;
}

.suspend_title{	
	font-family:Hind-Medium;
	font-size:20px;
	line-height:37px;
	color:#112a42;
	padding-bottom:18px;
}
.suspend_column,.suspend_product{
	line-height:32px;	
}
.suspend_column>a,.suspend_product>a,.suspend_column>span{
	font-family:Hind;
	font-size:16px;
	color:#808080;
	cursor:pointer;
}


.suspend_product>span{
	font-family:Hind;
	font-size:10px;
	font-style:italic;	
	color:#ffffff;	
	border-radius:2px;
	text-align:center;
	padding:2px 4px;
	
	margin-right:2px;
	display:inline-block; /* 转换为块级元素 */
	line-height:1; /* 设置为1，消除额外的行高 */
	position:relative;
	top:-2px;
}
.suspend_hot{
	background-color:#ffa508;
}
.suspend_cheap{
	background-color:orangered;
}
.suspend_new{
	background-color:#0055a2;
}
.suspend_featured{
	width:55%;
	height:500px;
	position:absolute;
	top:34px;
	left:40rem;
}
.suspend_featured>li{
	float:left;
	width:38%;
	height:35%;
	margin-right:1rem;
	margin-bottom:1rem;
	position:relative;	
}
.suspend_featured img{
	width:225px;
	height:148px;
	border-radius:6px;
}

.suspend_featured>li>a:first-of-type{
	display:block;	
}
.suspend_featured>li>a:nth-of-type(2){
	font-family:Hind;
	font-size:15.8px;	
	line-height:32px;
	color:#112a42;
	display:inline-block;
	position:absolute; 
	top:85%; 
	left:0; 	
}


/* 产品内页 */
.box-shadow{
	width:100%;
	height:auto;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
}

.con-div{
	color:#262626;
	padding-left:6%;
	
}

.con-img{
	height:100%;
	width:100%;
	transition:transform 0.3s ease; /* 添加过渡效果 */
}
.con-img:hover{
	transform:scale(1.2);
}

.box-shadow-con:hover .arrow {
  /* 在悬停在.your-class时，选择与.your-class同级的.parent-div元素下的具有.arrow class 的span元素 */
  /* 设置.arrow元素的样式 */
 width:20px; /* 鼠标悬停时控制箭头长度变长 */
}


.arrow-container {
  position:relative;
  display:inline-block;
}

.arrow {
  position:relative;
  width:10px; /* 箭头的宽度 */
  height:1px; /* 箭头的高度 */
  background-color:#262626; /* 箭头的颜色 */
  display:inline-block;
  vertical-align:middle; /* 垂直居中 */
  transition:transform 0.3s ease; /* 添加过渡效果 */
}

.arrow::before {
    content:"";
    width:6px;
    height:6px;
    border:solid #000000;
    border-width:0 1px 1px 0;
    transform:translate(-50%, -50%) rotate(-45deg);
    position:absolute;
    left:90%;
    top:60%;
    transition:width 0.3s; /* 添加过渡效果 */
}

.box-shadow-con{
  	background-color:#ffffff;
  	box-shadow:0px 5px 15px 0px rgba(65, 128, 255, 0.3);
  	margin-bottom:24px;
  	position:relative;
  	
  }
.box-shadow-con2{
	
	margin-bottom:44px;
	position:relative;
	text-align:center;
	/* align-items:center; /* 垂直居中 */ 
}
.mar-top{
	margin:10px 0px !important;
	line-height:1.2;
}
.box-shadow-con3{
	
	margin-bottom:24px;
	position:relative;
	background-color:#ffffff;
	box-shadow:0px 5px 15px 0px rgba(65, 128, 255, 0.3);
	padding:3% 1% 1% 3%;
	color:#343434;
}
.rectangle{
	width:8px;
	height:8px;
	background-color:#ffa508;
	
}
.rectangle-font{
	height:49px;
	font-family:Hind-Regular;
	font-size:20px;
	
}
.rectangle-span{
	height:10px;
	font-size:12px;
	margin-top:20%;
	display:inline-block;
}
/* 鼠标悬停时的样式 */
.box-shadow-con3:hover {
    /* 更换背景图片 */
    background-image:url('//cdn.xuansiwei.com/sawan11064/images/2024T3sheet.png');
	
	
}
.box-shadow-con3::before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, 0); /* 初始状态下是完全透明的蒙版 */
    transition:background-color 0.3s; /* 添加过渡效果，使颜色变化平滑 */
	z-index:-1;
}
.box-shadow-con3:hover::before {
    background-color:rgba(0, 0, 0, 0.1); /* 悬停时改变蒙版的颜色和透明度 */
	
}
.box-shadow-con3:hover .rectangle{
    /* 改变背景颜色 */
    background-color:#ffffff;

}

.box-shadow-con3:hover .rectangle-span{
	/* 改变字体颜色 */
	color:#ffffff;

}
.box-shadow-con3:hover .rectangle-font{
	/* 改变字体颜色 */
	color:#ffffff;

}
.box-tb{
	width:100%;
	height:auto;
	min-height:569px;
	margin-bottom:50px;
}
.box-shadow-con4{
	
	background-color:#ffffff;
	box-shadow:0px 5px 20px 0px rgba(0, 0, 0, 0.07);
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	margin-bottom:30px;
}
.box-shadow-con4 img{
	width:100%;
	height:100%;
	transition:transform 0.3s ease; 
	
}

.box-shadow-con4 img:hover {
  transform:scale(1.2); 
}

.mar-top-40{
	display:inline-block;
	height:30px;
	width:118px;
	border-radius:4px;
	background-color:#ffa508;
	border:0px solid #B5002C;
	box-shadow:5px 5px 7px rgba(240, 240, 240, 1);
	font-size:14px;
	color:#000000;
}
.font-med{
	font-family:Hind-Medium;
	font-size:20px;
	color:#343434;
	margin-top:30px !important;
	margin-left:40px !important;
}
.font-14{
	font-size:14px;
	color:#343434;
	margin:5px 0 5px 40px  !important;
}
.font-blue{
	font-family:Hind;
	font-stretch:normal;
	color:#4180ff;
}
.mar-top-40 {
    display:inline-block;
    padding:5px 10px; /* 添加内边距以增加链接的可点击区域 */
    border-radius:4px;
    background-color:#ffa508;
    border:0px solid #B5002C;
    box-shadow:5px 5px 7px rgba(240, 240, 240, 1);
    font-size:14px;
    color:#000000;
    text-decoration:none; /* 移除下划线 */
	margin:20px 0 0px 40px;
	width:auto;
}
/* 鼠标悬停时的样式 */
.mar-top-40:hover {
    color:#ffffff;
}
.h2-24{
	font-family:Hind-Medium !important;
	font-size:24px !important;
}
.h2-30{
	font-family:Hind-SemiBold !important;
	font-size:30px !important;
}
.box-triangle{
	width:100%;
	height:auto;
	min-height:540px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
}
.box-triangle img{
	transition:transform 0.2s ease; /* 添加过渡效果 */
	width:100%;
	height:100%;
}
.box-triangle img:hover {
  transform:scale(1.1); /* 鼠标悬停时放大到1.2倍 */
}
.triangle-left{
	width:340px;
	height:540px;
	background-color:#ffffff;
	box-shadow:0px 5px 20px 0px rgba(0, 0, 0, 0.07);
	position:relative;
}
.leftimg-f{
	width:340px;
	height:375px;
	overflow:hidden;
}
.triangle-left>p{
	/* width:205px;
	height:15px; */
	color:#010101;
	margin:25px 0 0 100px;
}
.triangle-right{
	width:440px;
	height:540px;
	background-color:#ffffff;
	color:#010101 !important;
	/* line-height:12px; */
	
}
.triangle-top{
	height:260px;
	box-shadow:0px 5px 20px 0px rgba(0, 0, 0, 0.07);
	display:flex;
	justify-content:flex-start;
	align-items:center;
	flex-wrap:wrap;
	position:relative;
}

.triangle-top>p{
	/* width:180px;
	height:39px; */
    text-indent:1rem;
    padding:0 10px 25px 12px;
	
}
.triangle-bot{
	height:260px;
	width:440px;
	box-shadow:0px 5px 20px 0px rgba(0, 0, 0, 0.07);
	display:flex;
	justify-content:flex-start;
	align-items:center;
	flex-wrap:wrap;
	margin-top:20px;
	position:relative;
	
}

.triangle-bot>p{
	/* width:150px;
	height:39px; */
	padding-left:20px;
	margin-top:160px;
}
.triangle-up1{
    border-left:12px solid transparent; /* 左边的边框透明，调整宽度以控制三角形的大小 */
    border-right:12px solid transparent; /* 右边的边框透明，与左边对称 */
    border-bottom:15px solid #ffffff; /* 底部边框为白色，调整高度以控制三角形的大小 */
    position:absolute; /* 使用绝对定位 */
    top:360px; /* 控制距离顶部的位置 */
    left:279px; /* 控制距离左侧的位置 */
	z-index:1;
}
.triangle-up2{
    border-top:10px solid transparent; /* 顶部的边框透明，调整高度以控制三角形的大小 */
    border-bottom:10px solid transparent; /* 底部的边框透明，与顶部对称 */
    border-left:15px solid #ffffff; /* 左边的边框为白色，调整宽度以控制三角形的大小 */
    position:absolute; /* 使用绝对定位 */
    top:195px; /* 控制距离顶部的位置 */
    left:180px; /* 控制距离左侧的位置 */
	z-index:1;
}
.triangle-up3{
    border-top:10px solid transparent; /* 顶部的边框透明，调整高度以控制三角形的大小 */
    border-bottom:10px solid transparent; /* 底部的边框透明，与顶部对称 */
    border-right:15px solid #ffffff; /* 右边的边框为白色，调整宽度以控制三角形的大小 */
    position:absolute; /* 使用绝对定位 */
    top:200px; /* 控制距离顶部的位置 */
    left:245px; /* 控制距离左侧的位置 */
	z-index:1;
}
.swiper-body{
	width:100%;
	height:536px;
	padding-bottom:20px !important;
}
.swiper_img{
	width:100%;
	height:484px;
	aspect-ratio:auto 800 / 530;
}

.swiper-scrollbar-drag{
	height:2px !important;
	background-color:#000000 !important;
}
.swiper-button-prev{	
	top:528px !important;
	left:670px !important;
	width:32px !important;
	height:32px !important;
}
.swiper-button-next{
	top:528px !important;
	left:710px !important;
	width:32px !important;
	height:32px !important;

}


/*聚合页博客页下拉加载*/
#loading-spinner {
    display:none;
    width:40px;
    height:40px;
    margin:0 auto;
    border:4px solid rgba(0, 0, 0, 0.1);
    border-top:4px solid #007bff; /* 加载动画颜色 */
    border-radius:50%;
    animation:spin 1s linear infinite;
}

.pro-list04 .list04-info .content_email{
    display:inline-block;
    font-size:18px;
    font-weight:400;
    line-height:1.94;
}