@charset "utf-8";

/* --- body---*/
body{font-family: "Open Sans","Arial","Hiragino Sans GB","Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei","SimSun","sans-serif";padding:0; margin:0; font-size:14px; color:#4a4a4a; background-color:#fff;}
body { -webkit-tap-highlight-color: rgba(0,0,0,0);margin:0; padding:0;min-width:1200px;min-height: 100%;width: (100vw-34px);height: (100vh);}
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, span, i, img, ol, ul, li, dl, dd, dt{ padding:0; margin:0; border:none;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust:none;}
ul,li{ list-style:none outside none; }
h1,h2,h3,h4,h5,h6{ font-size:14px; font-weight:normal;}
img { vertical-align:top;}
em { padding:0px 5px; font-style:normal;}
a{ color:#4a4a4a; text-decoration:none; outline:0;}
a:hover{ color:#055bb3; text-decoration:underline; outline:0;}

::-webkit-input-placeholder { color:#d9d9d9; }
input:-moz-placeholder { color:#d9d9d9; }
button::-moz-focus-inner, input::-moz-focus-inner { margin:0; padding:0;}
input, button, textarea { font-size: 100%; vertical-align:middle; outline:0 none;}
textarea { resize:none;}
input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance: none;}
select{position:relative; zoom:1;font-size:inherit;-webkit-text-size-adjust:none;}
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.clearfix{ zoom:1; clear:both;}
.center{text-align:center;}
.hidden{display:none;}

/* ---首页头部导航---*/
.index_co1{position: absolute;top: 0;left:0;width:100%; z-index:99;}
.index_co1.on{  position: fixed;   top: 0;  left: 0;  margin-top: 0;height:110px; z-index:99999;	background:#fff;	color:#000;}
.index_co1.on .menu li .to {color: #000;  text-decoration: none;  text-align: center;  line-height: 34px;  width: 108px; height: 34px; border-radius: 4px;  display: block;}
.index_co1.on .menu li a { color: #000;  text-decoration: none;  text-align: center;  line-height: 34px; width: 108px; height: 34px; display: block;}


.header{padding-top:10px; max-width:1800px; min-width:1240px; height:100px;margin:auto;}

.logo{float:left; width:26%;}
.logo img{ margin:18px 0px 0px 10px;}



.menu{width:66%;float:left;height:100px;  margin-top:30px;}
.menu ul{zoom:1;overflow:hidden; margin-top:5px;}
.menu li{float:left;  margin-left:30px; font-size:18px;}
.menu li a{color:#fff;text-decoration: none; text-align:center; line-height:34px; width:108px; height:42px; display:block;}
.menu li a:hover{ color:#fff;text-decoration: none; text-align:center; line-height:34px; width:108px; height:42px; display:block;border-bottom:3px solid #D2B27A; color:#fff;}
.menu li .to{ color:#fff;text-decoration: none; text-align:center; line-height:34px; width:108px; height:42px; display:block;border-bottom:3px solid #D2B27A;font-weight: bold;}





.qr{float:right; width:95px;;height:38px; margin-top:34px;}

.qr .ewm{ width:30px; height:100%; background:url(/images/rwm.png) center center no-repeat; position:relative; float:left}
.qr .ewm:after{/* content:""; *//* display:block; *//* background:url(g_04.jpg) center center no-repeat; *//* width:2px; *//* height:20px; *//* position:absolute; *//* right:-1px; *//* top:50%; *//* transform:translateY(-50%); */}
.qr .ewm .pic{    margin-top: 25px;box-shadow:0 0  10px rgba(00,00,00,0.1); position:absolute; left:50%; transform:translateX(-50%); top:120%; padding:5px; background:#fff; visibility:hidden; opacity:0; transition:all 0.3s; -webkit-transition:all 0.3s}
.qr .ewm:hover .pic{ visibility:visible; opacity:1; top:100%}
.qr .soa{ width:30px; height:100%; float:left; background:url(/images/so.png) center center no-repeat; cursor:pointer}
.qr .menu{/* width:60px; *//* height:100%; *//* float:left; *//* background:url(g_01x.png) center center no-repeat; *//* cursor:pointer; *//* position:relative; *//* background-size:20px; *//* display:none; */}
.qr .menu:after{ content:""; display:block; background:url(/images/g_04.jpg) center center no-repeat; width:2px; height:20px; position:absolute; left:-1px; top:50%; transform:translateY(-50%)}
.qr .xiant {
    width: 20px;
    height: 100%;
    background: url(/images/xiant.png) center center no-repeat;
    position: relative;
    float: left;
	top: -2px;
}


.soa_on{ width:100%; height:100%; left:0; top:0; background:rgba(00,00,00,0.5); position:fixed; z-index:99; display:none}
.soa_on form{ padding:0px;margin:0px;border: 0;}
.soa_on input{ padding:0px;margin:0px;border: 0;}
.soa_on .s1{ width:400px; height:68px; position:absolute; left:50%; margin-left:-200px; top:50%; margin-top:-34px; background:#fff}
.soa_on .s1 .inp1{ width:200px; height:68px; border:0; position:absolute; left:10px; top:0; font-size:14px;}
.soa_on .s1 .inp2{ width:76px; height:68px; background:url(/images/sgb_01.png) center center no-repeat #e95513; position:absolute; right:0; top:0; cursor:pointer; background-size:24px} 
.soa_on .s1 .sgb{ width:30px; height:30px; background:url(/images/sgb.png) center center no-repeat; background-size:30px; position:absolute; right:0; top:-50px; cursor:pointer}
@media (max-width:1200px) {
	.soa_on .s1{ width:300px; height:48px;margin-left:-150px;margin-top:-24px;}
	.soa_on .s1 .inp1{ width:180px; height:48px;}
	.soa_on .s1 .inp2{ width:76px; height:48px;background-size:20px} 
	.soa_on .s1 .sgb{ width:24px; height:24px; background:url(/images/sgb.png) center center no-repeat; background-size:24px; position:absolute; right:0; top:-30px; cursor:pointer}
}


.qr ul{margin:0px; padding:0px;}
.qr ul li{float:left; margin-left:8px; margin-right:8px;}
/* ---内页头部导航---*/
.header_pd{ padding-top:10px; max-width:1800px; min-width:1240px; height:100px;margin:auto;}
.menu2{width:66%;float:left;height:100px;  margin-top:30px;}
.menu2 ul{zoom:1;overflow:hidden; margin-top:5px;}
.menu2 li{float:left;  margin-left:30px; font-size:18px;text-align:right;}
.menu2 li a{color:#000;text-decoration: none; text-align:center; line-height:34px; width:108px; height:42px; display:block;}
.menu2 li a:hover{ color:#555;text-decoration: none; text-align:center; line-height:34px; width:108px; height:42px; display:block;border-bottom:3px solid #D2B27A;}
.menu2 li .to{ color:#000;text-decoration: none; text-align:center; line-height:34px; width:108px; height:42px; display:block;border-bottom:3px solid #D2B27A;font-weight: bold;}


.banner_1{background-image:url(../images/bannet_1.jpg);	height:420px;width:100%;background-attachment: scroll;background-repeat: no-repeat;background-size:100%;
background-position: center top; display:block;}
.banner_2{background-image:url(../images/bannet_2.jpg);	height:420px;width:100%;background-attachment: scroll;background-repeat: no-repeat;background-size:100%;
background-position: center top; margin:0 auto;z-index:999;}
.banner_3{background-image:url(../images/bannet_3.jpg);	height:420px;width:100%;background-attachment: scroll;background-repeat: no-repeat;background-size:100%;
background-position: center top;}
.banner_4{background-image:url(../images/bannet_4.jpg);	height:420px;width:100%;background-attachment: scroll;background-repeat: no-repeat;background-size:100%;
background-position: center top;}
.banner_5{background-image:url(../images/bannet_5.jpg);	height:420px;width:100%;background-attachment: scroll;background-repeat: no-repeat;background-size:100%;
background-position: center top;}
.banner_6{background-image:url(../images/bannet_6.jpg);	height:420px;width:100%;background-attachment: scroll;background-repeat: no-repeat;background-size:100%;
background-position: center top;}

/*--------首页头部大图--------*/
.home_wrapper{position: relative;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}
.indexbanner{width:100%;position:relative;overflow:hidden;background-color:#f2f2f2; display: block;}
.indexbanner li{width:100%;position:relative;width:100%; overflow:hidden;float:left; -webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;height:100%;position:relative;}
.indexbanner ul{width:100%;height:100%; z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.indexbannerbtn{width:100%;text-align:center;position:absolute;left:0;z-index:20;bottom:30px;}
.indexbannerbtn p span{display:inline-block;width:14px;height:14px; border-radius:8px ;background:#fff; overflow:hidden;margin:0 5px;cursor:pointer;}
.indexbannerbtn p span.swiper-pagination-bullet-active{background:#1e9fff;}
.indexbannerbtn p span.swiper-active-switch{background:#1e9fff;}
.indexbanner img{display:block;width:100%;position:relative;}


/* ---四组参数---*/
/*.digit_bj{position: relative; max-width:1280px; min-width:1200px;margin:auto;  z-index:99; width:100%;  height:180px; display:block;background-color: #0684cd;}*/

.digit_bj {
    position: absolute;
    max-width: 1280px;
    min-width: 1200px;
    z-index: 99;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 10%;
    /* background-color: #0684cd;*/
    /* top: 0%; */
    /* width: 100%; */
    /* height: 180px; */
    /* text-align-last: center; */
}
.digit{width:100%; margin:auto; z-index:99;}
.digit ul{float:left; width:22.5%; margin:0px; padding:0px; margin-top:16px; margin-left:2%;animation:zoom-out 0.5s;}
.digit li{margin:auto; text-align:center; font-size:16px; line-height:32px; text-align:center; color:#fff;}
.digit .digitnum{ color:#fff; font-size:42px; text-align:center; font-weight: bold;}
.digit span{}
.digit li img{ margin-bottom:10px; width:25%;}


/* 鼠标移入时添加动画效果 */
.digit ul:hover{
    animation: zoom-in 0.5s forwards;
}
 

/* ---index_斯派迪介绍---*/
.about{ width: 99.1vw; height:37.5vw;  margin:auto; display:block; background: url(../images/index_b1.jpg);background-size: cover;}
.about .p1 { float:left; background:url(../images/about_img1.jpg); height:28.6vw; width:55vw;margin-left:6vw;margin-right:0.8vw;background-size: cover; margin-top:4.4vw;animation:zoom-out 0.5s;}
.about .p1 ul{padding:0px; width:54%; margin-left:7%; margin-top:7%;text-align: justify;}
.about .p1 li{float:left; display: block;overflow: hidden; font-size:16px; line-height:28px; color:#000;}
.about .p1 ul li img{float:left; display: block;transition: all .36s ease;}
.about .p1 .t34{font-size:34px; font-weight: bold; line-height:50px;}
.about .p1 .t32{font-size:32px; line-height:50px; margin-bottom:50px;}
.about .p1 span{ font-weight: bold; color:#f0630e;}
.about .p1 .more{font-family:Arial, Helvetica, sans-serif; color:#5075a2; width:150px;height:45px; line-height:45px; text-align:center; border-radius:50px;border: 1px solid #9fadbe; margin-top:60px;text-decoration: none;}
.about .p1 .more:hover{font-family:Arial, Helvetica, sans-serif;color:#FFF;width:150px;height:45px;line-height:45px; text-align:center;border-radius:50px;border: 1px solid #9fadbe;margin-top:60px;text-decoration: none;background-color: #2772cd;}




.txt .txtmore{float:right;font-family:微软雅黑,Arial, Helvetica, sans-serif; color:#fff; width:120px;height:35px; line-height:32px; text-align:center; border-radius:6px; margin-top:60px;text-decoration: none;background-color: #9fadbe;}
.txt .txtmore:hover{font-family:微软雅黑,Arial, Helvetica, sans-serif;color:#FFF;width:120px;height:35px;line-height:32px; text-align:center;border-radius:6px;margin-top:60px;text-decoration: none;background-color: #2772cd;}




.about .p2{ float:right; background:url(../images/about_img2.jpg); background-position: center;height:28.6vw; width:29.7vw; margin-right:6vw; margin-left:0.8vw;background-size: cover;margin-top:4.4vw;animation:zoom-out 0.5s;}

.about .p1:hover{
    animation: zoom-in 0.5s forwards;
}
 
.about .p2:hover{
    animation: zoom-in 0.5s forwards;
}




.about .p2 ul{ padding:0px; margin:0px; margin-top:65%; margin-left:8%;}
.about .p2 li{ font-size:18px; color:#fff; width:80%; margin-left:8%; line-height:35px; text-align: justify;font-weight: bold; }
.about .p2 span{ font-size:24px;color:#fff;font-weight: bold;}

/*---index_产品分类---*/
.cp_title{ background:url(../images/index_min.jpg); width: 99.1vw; height:50vw; background-size: cover; margin-bottom:35px;}
.cp_four_min{ margin:auto; max-width:1800px;  display:block; padding-top:150px; margin:auto;}
.cp_tie{ float:left;width:64.5%; }
.cp_tie ul{ margin:0px; padding:0px;}
.cp_tie li{ font-size:24px; color:#333; line-height:36px; margin-left:10%;}
.cp_tie span{font-size:32px;font-weight: bold; color:#000;}
.cp_four{width: 100%;} 
.cp_four ul{margin:0px; padding:0px;}
.cp_four li{float:left;width:14vw; height:14.58vw; margin-left:1%; margin-bottom:1%; display:block; text-align:center;border: 1px solid #FFFFFF;}
.cp_four li span{ text-align:center; font-size:22px;  display:block;color:#fff; margin-top:3%; text-align:center;font-weight: bold;}
.cp_four li img{width:40%; margin:auto;text-align:center;  margin-top:15%;}
.cp_four .w1{ background-color: rgba(0, 0, 0, 0.4);}
.cp_four .w1:hover{background:url(../images/xtb_09.png); width:14vw; height:14.58vw;;}
.cp_four .w2{ background-color: rgba(0, 0, 0, 0.4);}
.cp_four .w2:hover{background:url(../images/xtb_10.png); width:14vw; height:14.58vw; }
.cp_four .w3{ background-color: rgba(0, 0, 0, 0.4);}
.cp_four .w3:hover{background:url(../images/xtb_11.png); width:14vw; height:14.58vw; }
.cp_four .w4{ background-color: rgba(0, 0, 0, 0.4);}
.cp_four .w4:hover{background:url(../images/xtb_12.png); width:14vw; height:14.58vw; }


/*-----产品中心-----*/
#banner-box{width: 99.1vw; margin:auto; zoom:1;margin-top:25px; display:block;position: relative;height:50vw;}
.banner-inner{position:absolute;left:0;}
.banner-list{width:100%;margin:auto;display:block;height:50vw;position:relative;z-index:2;overflow:hidden;}
.banner-list li{width:100%;height:50vw;text-align:center;float:left;display:inline-block; margin-left:0px; margin-right:8px;}
.banner-list li .animate-box {width:94%;margin:0px auto;position:relative;margin-left:8%;margin-top:8%}
.banner-list li .animate-box .t-d{position:absolute;width:40vw;left:16px;top:50px}
.banner-list li .animate-box .t-d h2 {display:block;margin:0px;padding:0px;font-size:32px;text-align:left;color:#fff;font-weight: bold;}
.banner-list li .animate-box .t-d h3 {display:block;margin:0px;padding:0px;font-size:24px;text-align:left;color:#fff;margin-top:0px;line-height: 36px;}
.banner-list li .animate-box .t-d p{color:#fff;padding:40px 0px 0 0;line-height:30px;left:20px;text-align:left;font-size:16px;text-align: justify; text-align:left;width: 100%;}
.banner-list li .animate-box .animate-img{ margin:0px; padding:0px; line-height:30px;}
.slider-btn{width:100px;height:30px;background:#fff;border-radius:4px;-moz-border-radius:4px;line-height:30px;text-align:center;font-size:12px;color:#444;display:block ;font-family:"宋体";}
.slider-btn:hover{color:#fff;background:#c80106;}
.bg1{ width:100%; height:100%;}
.bg1 img{}
.banner-nav{margin:auto;display:block; position:absolute;z-index:99;bottom: 20%;right: 5%;width:32%;}
.banner-nav ul {top:18px;}
.banner-nav li {float:left;display:inline;width:14vw; height:14.58vw;font-size:14px;cursor:pointer;position:relative;margin:auto;text-align:center;margin-right:12px; background:#eef0f0; line-height:40px;margin-top:20px}
.banner-nav li a{width:100%;color:#333333;display: block;height: 96%;text-decoration:none;}
.banner-nav li img{}
.banner-nav li.current{}

.cp_four .w1.current{background:url(../images/xtb_09.png); width:14vw; height:14.58vw;}
.cp_four .w2.current{background:url(../images/xtb_10.png); width:14vw; height:14.58vw;}
.cp_four .w3.current{background:url(../images/xtb_11.png); width:14vw; height:14.58vw;}
.cp_four .w4.current{background:url(../images/xtb_12.png); width:14vw; height:14.58vw;}

.banner-nav li.current img{/*filter: brightness(50%);*/}
.consulting a{ margin-top:20px; margin-left:-5px; border-radius:6px; font-size:15px; width:100px; height:32px; line-height:30px;text-align:center;  color:#FFFFFF; display:block;text-decoration: none; background:#008cd6;}
.consulting a:hover{ margin-top:20px; margin-left:-5px; border-radius:6px; font-size:15px; width:100px; height:32px; line-height:30px;text-align:center;  color:#FFFFFF; display:block;text-decoration: none; background:#0068b7;}













/*---index_产品展示---*/
.show_mian{ width:99.1vw; height:25vw; margin-top:50px; margin:auto; }
.show{ float:left;width:20.8vw;height:21.9vw;top:1vw; margin-left:0.92vw; margin-right:0.92vw; background-size: cover;border: 0px;background-size: 100% 90%;background-repeat: no-repeat;cursor:pointer;position: relative;box-shadow: 3px 3px 7px #c0c0c0;}
.show ul{ margin:0px; padding:0px;}
.show li{ width:100%;}
.show li img{ width:100%;height: 56vh;}
.show span{ width:100%; height:60px; background:#e7ecf2; text-align:center; color:#fff; font-size:17px; line-height:58px; display:block;}
.gd_z{float:left; width:20px;height:60px; margin-top:9vw; margin-left:2.7vw; text-align:center; display:block; display:block;} 
.gd_y{float:left; width:20px;height:60px;margin-top:9vw; margin-right:2.7vw; text-align:center; display:block; display:block;} 
/*
.show_mian .show:hover:before {
    transform: translateY(0%);
}

.show_mian .show li{
    position: absolute;
    top: 50%;
    left: 0px;
    right: 0px;
    text-align: center;
    z-index: 10;
    transform: translateY(50%);
    transition: all 0.5s;
    opacity: 0;
}

.show_mian .show:hover li {
    opacity: 1;
    transform: translateY(-50%);
}
.about .p2{ float:right; background:url(../images/about_img2.jpg); background-position: center;height:28.6vw; width:29.7vw; margin-right:6vw; margin-left:0.8vw;background-size: cover;margin-top:4.4vw;}
*/







.show_mian .show::before,
.show_mian .show::after{
        position: absolute;
        content: ' ';
        width: 0;
        height: 0;
		z-index:88;
        border: 6px solid transparent;
        box-sizing: border-box;
    }
.show_mian .show::before{
        top: 0;
        left: 0;
        transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;
    }
.show_mian .show::after{            
        bottom: 0;
        right: 0;
        transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;
    }
.show_mian .show:hover:before,
.show_mian .show:hover:after{
        width: 100%;
        height: 100%;
    }
.show_mian .show:hover::after{
        border-bottom-color: #fff;
        border-left-color: #fff;
        transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
    }

.show_mian .show:hover span{
        background:#89c3c5;
        transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
    }

.show_mian .show:hover::before{            
        border-top-color: #fff;
        border-right-color: #fff;
        transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;
    }


.show_mian .show{
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.show_mian .show ul li span {

    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
	background:#0079ca;
}

.show_mian .show:hover {
    transform: translate(0,-10px);
    -webkit-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);
}

.owl-wrapper{
	height:23.9vw; 
}


	#scroll{width:91vw;margin:0 auto;padding-top:30px;font-family:"Microsoft Yahei";}
	#scroll .owl-wrapper-outer{margin:0 auto;}
	#scroll .item{position:relative;width:320px;height:356px;margin:0 auto;background-color:#fff;float:left;}
	#scroll .txt{background-color:#02acac;width:320px;height:36px;line-height:34px;overflow:hidden;float:left;color:#FFFFFF; font-family:"微软雅黑"; font-size:15px;text-align:center;}
	#scroll .txt a{color:#FFFFFF;}
	#scroll .shd{width:320px;height:320px;float:left;overflow:hidden;}
	#scroll .shd img{
	    width:100%;
	    height: 100%;
	    cursor: pointer;
	    transition: all 0.6s;
	    -ms-transition: all 1.2s;
	}
	#scroll .shd img:hover{
	    transform: scale(1.2);
	    -ms-transform: scale(1.2);
	}


.owl-theme .owl-controls .owl-buttons div{position:absolute;top:180px;width:40px;height:100px;margin:0;padding:0;border-radius:0;font:90px/90px "宋体";background-color:transparent;overflow:hidden;_display:none;color:#000;}
.owl-theme .owl-controls .owl-buttons .owl-prev{left:-40px;background-image:url(/images/jiant_z.png);background-repeat: no-repeat;opacity: 100;background-color: transparent;}
.owl-theme .owl-controls .owl-buttons .owl-next{right:-40px;background-image:url(/images/jiant_y.png);background-repeat: no-repeat;opacity: 100;background-color: transparent;background-position:right}
.owl-theme .owl-controls .owl-buttons .owl-prev:before{}/*images/jiant_z.png/*/
.owl-theme .owl-controls .owl-buttons .owl-next:before{}/*images/jiant_y.png/*/




/*---index_技术支持---*/
.three {width:93.8vw;  margin:auto; display:block; margin-top:35px;}
.threediv{margin:auto; display:block;width:95%;margin-bottom: 20px;}
/*
.threediv ul{  width:28.3vw; height:32.2vw;  float:left; margin-right:1.5%;  padding:0px; display:block; }
.threediv li{ font-size:18px; color:#fff; margin-left:8%; line-height:30px;}
.threediv .d28{ font-size:28px; color:#fff;font-weight: bold; margin-top:15%; margin-bottom:4%;}
.threediv .tu1 { background:url(../images/santu1.jpg); margin-left:5.46vw;  background-size: cover;}
.threediv .tu2 { background:url(../images/santu2.jpg); background-size: cover;}
.threediv .tu3 { background:url(../images/santu3.jpg); margin-right:5.46vw; background-size: cover;}
*/
.threediv ul{ font-size:0; }
.threediv ul li{ display:inline-block; vertical-align:top; width:32%; position:relative; margin-right:2%; box-sizing:border-box;}
.threediv ul li:last-child{ margin-right:0}
.threediv ul li .tpic{ width:100%; overflow:hidden}
.threediv ul li .tpic img{ width:100%}
.threediv ul li .tpic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.threediv ul li:hover .tpic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.threediv ul li .titem{ color:#fff; position:absolute; left:50px; top:100px; z-index:3}
.threediv ul li .titem .intro{ font-size:18px; margin-top:15px;transition:all 0.5s linear;}
.threediv ul li .titem h3{ font-size:26px; font-weight:bold;transition:all 0.5s linear;}
.threediv ul li .num{ position:absolute; font-size:0; width:100%; height:100%; background:rgba(00,00,00,0); transition:all 0.5s linear; z-index:2; top:0; left:0}
.threediv ul li:hover .num{/*background:rgba(00,00,00,0.4); */}
.threediv ul li:hover .titem h3{ font-size:28px}
.threediv ul li:hover .titem .intro{ font-size:20px}



/* ---index_版权信息---*/
.foot_body{ width:100%; background:#e7ecf1; height:280px; display:block; margin-top:35px;}
.foot{max-width:1800px; min-width:1240px; width:98%; margin:auto; height:100px;}
.foot .tel{ float:left;width:36%; margin-top:30px; padding-left:5px;}
.foot .tel ul{ margin:0px; padding:0px;}
.foot .tel li{ font-size:14px; color:#000; line-height:28px;}
.foot .tel li img{ margin-bottom:40px;}
.foot .tel .d28{ color:#0865a5; font-size:28px;font-weight: bold; margin-bottom:10px;}
.foot .now{float:left; width:54%; margin-top:30px;}
.foot .now ul{ float:left; width:15.5%; margin:0px; padding:0px; height:200px; margin:1px;}
.foot .now li{ font-size:14px; color:#000; line-height:28px;}
.foot .now span{ font-size:15px;font-weight: bold; height:40px; display:block;}
.foot .rwm{float:right; width:8.5%; margin-top:30px;}
.bottom_min{width:100%; margin:auto; height:50px; background:#0865a5;}
.bottom{max-width:1800px; min-width:1240px;margin:auto;}
.bottom .bq{ float:left; margin-left:8px; line-height:45px; font-size:14px; color:#fff;}
.bottom .bq a{color:#ccc;}
.bottom .bq a:hover{ color:#fff; text-decoration: none;}
.bottom .icp{ float:right; margin-right:8px; font-size:14px; color:#fff; line-height:45px;}
.bottom .icp a{color:#fff;}

/* ---pd_关于斯派迪---*/
.pd_link{ max-width:1400px;  min-width:1240px;  height:60px; background:#fff; margin:auto; margin-top:40px;}
.pd_link ul{ margin:0px; padding:0px; margin:auto; margin-left:20px;}
.pd_link li{ float:left; font-size:18px; text-align:center; width:150px; height:45px; line-height:45px; color:#fff;text-decoration: none; display:block; border-radius:5px; margin:0px 8px 0px 8px;}
.pd_link li a{background:#8fc551;display:block; color:#fff;border-radius:5px;}
.pd_link li a:hover{ background:#1670c5;display:block;color:#fff;border-radius:5px;text-decoration: none;}
.pd_link li .wo{ background:#1670c5;display:block;color:#fff;border-radius:5px;font-weight: bold;text-decoration: none;}
.pd_aobut{max-width:1400px;   margin:auto;}
.pd_aobut ul{ margin:auto; padding:0px;}
.pd_aobut li{ font-size:16px; line-height:29px; text-align:justify;}
.pd_aobut .img { text-align:center; margin:auto; margin-top:25px;}
.pd_aobut span{font-size:20px; line-height:25px; text-align:justify; color:#000;}


/* ---pd-产品中心---*/
/* ---pd-产品中心---*/
.pd_class{ max-width:1400px;  min-width:1240px;min-height:400px; background:#fff; margin:auto; margin-top:40px;}
.pd_class ul{ margin:0px; padding:0px; margin:auto; margin-left:20px;}
.pd_class li{ float:left; font-size:16px; text-align:center; width:180px; height:45px; line-height:45px; color:#fff;text-decoration: none; display:block; border-radius:5px; margin:0px 0px 0px 0px;}
.pd_class li a{background:#8fc551;display:block; color:#fff;border-radius:5px;}
.pd_class li a:hover{ background:#1670c5;display:block;color:#fff;border-radius:5px;text-decoration: none;}
.pd_class li .wo{ background:#1670c5;display:block;color:#fff;border-radius:5px;font-weight: bold;text-decoration: none;}
.cp_mian{ max-width:1400px;  margin-top:50px; margin:auto;}
.pd_img{ float:left;width:23%; margin:0.9%; background-size: cover; }

.pd_img {
	border: 0px;
    position: relative;
    box-shadow: 3px 3px 7px #c0c0c0;
}


.pd_img {
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.pd_img ul li span {

    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.pd_img:hover {
    transform: translate(0,-10px);
    -webkit-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);
}

.pd_img:hover span{
        background:#89c3c5;
        transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
}

.pd_img:hover .spantj{
        background:#b23134;
        transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
}


.pd_img ul{ margin:0px; padding:0px;}
.pd_img li{ width:100%;}
.pd_img .liebiaokuang {
		width: 100%;
		/* height: 100%; */
		/* position: relative; */
		/* width: 100%; */
		height: 322px;
}
.pd_img li img{
    width: 100%;
    /* height: 100%; */
    position: absolute;
    left: 50%;
    /* transform: translateY(-50%); */
    transform: translateX(-50%);
}
.pd_img li span{ width:100%; height:50px; background:#0079ca; text-align:center; color:#fff; font-size:17px; line-height:50px; display:block;}
.pd_img .spantj{ width:100%; height:50px; background:#d13a3e; text-align:center; color:#fff; font-size:17px; line-height:50px; display:block;}





.product_img{float:left; width:23.4%; margin:0.8%; background-size: cover;transition: all 0.8s;-ms-transition: all 0.8s;}
.product_img:hover{
    transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.product_img ul{ margin:0px; padding:0px;}
.product_img li{ width:100%;}
.product_img li img{ width:100%;}
.product_img span{ width:100%; height:50px; background:#e7ecf2; text-align:center; color:#fff; font-size:17px; line-height:50px; display:block;}

/*利用:after伪元素*/ 
.cp_mian:after { 
content:""; 
display: block; 
clear: both; 
} 




/* ---pd-创新科研---*/
.ky_img{ float:left;width:31.3%; margin:1%; background-size: cover; }
.ky_img ul{ margin:0px; padding:0px;}
.ky_img li{ width:100%;}
.ky_img li img{ width:100%;}
.ky_img span{ width:100%; height:50px; background:#0079ca; text-align:center; color:#fff; margin-bottom:0.5%; font-size:17px; line-height:50px; display:block;}

.rongyu_mian{ max-width:1400px;  margin-top:50px; margin:auto;}
.rongyu_img{float:left; width:21.7%; margin:1%; background-size: cover;border:1px solid #5c79cb; padding:8px;height: 40%;}
.rongyu_img:hover{float:left; width:21.7%; margin:1%; padding:8px; background:#edeacf;}

.rongyu_img ul{ margin:0px; padding:0px;}
.rongyu_img li{ width:100%;}
.rongyu_img li img{ width:100%;}
.rongyu_img span{ width:100%; height:50px; background:#0079ca; text-align:center; color:#fff; font-size:17px; line-height:50px; display:block;}

.shiyan_mian{ max-width:1400px; margin-top:50px; margin:auto;}
.shiyan_img{float:left; width:30.0%; margin:1%; background-size: cover; padding:8px;height: 30%;transition: all 0.8s;-ms-transition: all 0.8s;}
.shiyan_img:hover{float:left; width:30.0%; margin:1%; padding:8px;transform: scale(1.1); -ms-transform: scale(1.1);}

.shiyan_img ul{ margin:0px; padding:0px;}
.shiyan_img li{ width:100%;}
.shiyan_img li img{ width:100%;}
.shiyan_img span{ width:100%; height:50px; text-align:center; color:#000; font-size:17px; line-height:50px; display:block;}





/* ---pd-新闻中心---*/
.pd_news{max-width:1400px;  min-width:1200px; margin:auto;padding-bottom: 100px;}
.bar{width:92%; margin:auto;margin-top:8px; margin-bottom:8px; background:#fff; height:200px; padding:1%;}
.bar:hover{ background:#e6eaf0;}
.bar .tup{ margin-left:3.5%; float:left; width:20%;height:100%;}
.bar .tup img{ width:100%;height: 100%;}
.bar .xiw{ float:left; margin-left:3%; width:70%; font-size:15px; line-height:28px; color:#000;}
.bar .xiw ul{ margin:0px; padding:0px;}
.bar .xiw li{ font-size:16px; color:#000;}
.bar .xiw .dh20{ font-size:20px;color:#000; height:38px; margin-top:10px;}
.bar .xiw .hs14{ color:#333; font-size:14px;}
.txt{ width:100%; margin:auto; padding-top:35px; font-size:16px; color:#000; line-height:26px; padding-bottom:40px;display: inline-block;}
.txtimg{ margin:auto; text-align:center; margin-top:20px; margin-bottom:10px;}
.txt img{ max-width:95%;}
.bar .more a{ float:left; width:90px; height:30px;font-size:15px; display:block; background:#dfdfdf; text-align:center; line-height:29px; border-radius:5px; color:#000;margin-left:0px; margin-top:25px;}
.order{ width:30%; height:80px; margin-top:1%; margin-bottom:10px; margin-left:70%;}
.order ul{ padding:0px;}
.order li{ float:left; width:24px; height:30px; margin:10px;}
.order li a{ float:left;  margin:0px 20px 0px 20px; width:30px; height:30px; display:block; background-color:#c9caca; text-align:center; font-size:17px; line-height:30px; display:block; color:#000;text-decoration: none;}
.order li a:hover{ float:left;  margin:0px 20px 0px 20px; width:30px; height:30px; display:block; background-color:#0050b2; text-align:center; font-size:17px; line-height:30px; display:block; color:#fff;text-decoration: none;text-decoration: none;}
.biaoti{ max-width:1400px; background:#fff; margin:auto; }
.biaoti .h25{ margin:auto; width:95%; height:60px; font-size:28px; line-height:65px; display:block; text-align:center;font-family: "微软雅黑";text-decoration: none; color:#000;}
.biaoti .t14{ font-family:14px; line-height:24px; text-align:center;}
.biaoti .wz14{ width:96%; margin:auto; font-family:14px; margin:auto;}
.biaoti .wz14 span img{ margin:-5px 5px 0px 0px;}
.xxt{ width:96%; margin:auto; margin-top:20px; margin-bottom:10px; border-top-width:1px; border-top-style: solid; border-top-color:#ccc;}



/* ---频道-服务与支持---
.pd_service{max-width:1280px;  min-width:1200px; min-height:400px;  margin:auto; margin-top:30px; margin-bottom:45px;}
.pd_service ul{ width:100%; margin:auto; padding:0px;}
.pd_service li{ height:50px;  border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color:#afc6e2;}
.pd_service dd { float:left; width:90%; font-size:18px; line-height:50px; padding-left:10px; color:#000;}
.pd_service dl { float:right; text-align:right; font-size:16px;line-height:50px;}
.pd_service li dt a{ float:right;font-size:15px; background:#d9e0e8; width:100px; height:28x; line-height:28px; text-align:center; color:#000; display:block;border-radius:4px; margin-top:8px;}
.pd_service li dt a:hover{ float:right;font-size:15px; background:#0050b2; width:100px; height:28px; line-height:28px; text-align:center; color:#fff; display:block;text-decoration: none;border-radius:4px;margin-top:8px;}
.fwtxt{ width:90%; margin:auto; padding-top:35px; font-size:15px; line-height:26px; padding-bottom:40px;}
*/
.pd_service{max-width:1400px;  min-width:1200px; min-height:400px;  margin:auto; margin-top:30px; margin-bottom:45px;}
.pd_prob{ width:95%; margin:auto; }
.pd_prob ul{  margin:auto; padding:0px;}
.pd_prob li{ height:50px;  border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color:#c2d9ee;}
.pd_prob dd { float:left; width:90%; font-size:16px; line-height:50px; padding-left:10px; color:#000;}
.pd_prob dl { float:right; width:10%;text-align:right; font-size:15px;line-height:25px;}
.pd_prob li dt { float:right;font-size:15px; width:100px; height:28x; line-height:28px; text-align:center; color:#000; display:block;border-radius:4px; margin-top:8px;}
.pd_prob .txt{min-height: 400px;}







.fwdiv_min{ max-width:1400px; width:96%; margin:auto; }
.fwdiv { float:left;width:30%; margin-left:2.5%; height:115px; background:#1670c5; border-radius:8px; margin-bottom:3%; padding-top:2%; display:block;}
.fwdiv ul{ margin:0px;padding:0px;}
.fwdiv li{ float:left;font-size:24px; color:#fff; text-align:center; line-height:38px; width:100%; height:100px;}
.fwdiv .cu{font-size:30px; color:#fff; text-align:center;font-weight: bold; }
.fwdiv  span{ float:left; width:28%;  height:100px;text-align:right;}
.fwdiv span img{ margin:0px; padding:0px;}




.fwtxt ul{ margin:0px;  padding:0px;}
.fwtxt li{ width:92%; margin:auto; font-size:17px; line-height:32px; color:#000; display:block; text-align: justify; } 
.fwtxt span{ font-size:18px;font-weight: bold; color:#054ec6;}
.pd_services {max-width:1400px;  min-width:1200px; min-height:400px;  margin:auto; margin-top:30px; margin-bottom:45px;}
.pd_services ul{ width:94%; margin:auto; padding:0px;}
.pd_services li{ height:50px;  border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color:#afc6e2;}
.pd_services dd { float:left; width:90%; font-size:18px; line-height:50px; padding-left:10px; color:#000;}
.pd_services dl { float:right; text-align:right; font-size:16px;line-height:50px;}
.pd_services li dt a{ float:right;font-size:15px; background:#d9e0e8; width:100px; height:28x; line-height:28px; text-align:center; color:#000; display:block;border-radius:4px; margin-top:8px;}
.pd_services li dt a:hover{ float:right;font-size:15px; background:#0050b2; width:100px; height:28px; line-height:28px; text-align:center; color:#fff; display:block;text-decoration: none;border-radius:4px;margin-top:8px;}




/* ---频道-联系我们---*/
.pd_contact{max-width:1400px;  min-width:1200px; min-height:450px; margin:auto; margin-top:30px; margin-bottom:30px;}
.pd_contact .lxwm {width:100%;}
.pd_contact .lxwm ul{margin:0px; padding:0px;}
.pd_contact .lxwm li{ font-size:17px; line-height:32px; color:#000;}
.pd_contact .lxwm .dtitle{ font-size:20px;font-weight: bold; line-height:30px;}
.pd_contact .map{ width:100%; }
.pd_contact .jrhr {width:98%; margin:auto; }
.pd_contact .jrhr ul{margin:0px; padding:0px;}
.pd_contact .jrhr li{ font-size:17px; line-height:32px; color:#000; margin-top:20px; margin-bottom:20px;}
.pd_contact .jrimg{ background:url(/images/hr.jpg); width:72.9vw; height:15.3 vw; background-size:cover; margin: auto; min-height:300px;  margin-bottom:30px; display:block;overflow:hidden;}
.pd_contact .jrimg ul{ padding:0px;  margin-left:4%; display:block;}
.pd_contact .jrimg li{ font-size:20px; color:#fff; line-height:34px;}
.pd_contact .jrimg .s35{ font-size:35px; color:#fff;font-weight: bold; display:block; margin-bottom:20px; margin-top:80px;}



/*-----资质荣誉-----*/
.cp_list{ float:left;width:100%;}
.cp_list li{ float:left; width:268px; height:390px; margin:10px 20px 20px 20px; border: 1px solid #dcdee0; font-size:13px; color:#000;}
.cp_list li span{ padding:9px 15px 5px 15px; margin:0px;	width:240px; height:325px; display:block;}
.cp_list li p{ height:26px; text-align:center; line-height:26px;}
.cp_list li img{ width: 100%;height: 56vh;}
.cp_list li:hover{ float:left; width:268px; height:390px; margin:10px 20px 20px 20px; border: 1px solid #8dd0f9; font-size:13px; color:#0277bf; background-color:#f6f9fb;text-decoration:none}
.cp_list .example-image-link a{text-decoration:none} 
.cp_list .example-image-link a:hover{text-decoration:none}  




@keyframes zoom-in{
    0%{
        transform: scale(1); 
    }
    100%{
        transform: scale(1.1);
    }
} 

@keyframes zoom-out{
    0%{
        transform: scale(1.1);
    }
    100%{
        transform: scale(1);
    }
} 




.picbox{ width:1000px;margin:50px auto;font-family: "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53",serif;}
.picbox h2{font-size:22px;line-height:36px;color:#d13a3e;text-align:center;}
.picbox .text{font-size:16px;line-height:30px;color:#2a2d39;padding:10px 0 20px 0;text-align:center;}
.piclist{margin-left:1px}
.piclist:after{height:0;display:block;clear:both;visibility:hidden;content:'.';font-size:0}
.piclist ul{ width:1000px;margin:0 auto;position:relative;}
.piclist li{ float:left;text-align:center;cursor:pointer;z-index:0;position:relative;margin:0 10px 10px 0;width:240px;height:200px;margin-bottom:10px;box-shadow:0px 1px 0px #edecec;border: 1px solid #e5e5e5;}
.piclist li.r{ margin-right:0}
.piclist li .in img{*width:240px;*height:auto;}
.piclist li .in{ position: absolute;left: 0;top: 0;z-index:2;width: 240px;}
.piclist li .in .imgdiv{display:block;width:230px;height: 142px;margin:0 auto;margin-top:4px;overflow:hidden;}
.piclist li span{ display:block;text-align: center;height:46px;padding:8px 3px 0 3px;font-size:14px;line-height:20px;color:#666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.piclist li span b{display:block;color:#d13a3e}
.piclist li.pic .original{display:none;padding:5px;padding-bottom:0;border: 1px solid #d13a3e;position:absolute;text-align: center;left:-16px; top:-59px; background: #fff;}
.piclist li.pic .original .imga{display:block;}
.piclist li .original img{*height:250px;*width:auto;}
.piclist li .original span {height:36px;padding-top:0}
.piclist li .original b{ line-height:36px;}
.piclist li.on{z-index:999}
.piclist li.on .original{ display:block;z-index:100;}




.set_4_button3 {
  position: relative;
  font-weight: 400;
  text-align: center;
  width: auto;
  float:left;
  padding:0 25px;
  line-height:45px;
  overflow: hidden;
  position: relative;
  z-index: 0;
  cursor: pointer;
  color:#ffffff;
  margin-right: 2.5em;
}
.set_4_button3.raised {
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  background: #f2625a;
}
.set_4_button3.raised:active {
  background: #515151;
  box-shadow: 0px 1px 1px #063e6b;
}
.anim {
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
}
.anim:before {
  position: relative;
  content: '';
  display: block;
  margin-top: 100%;
}
.anim:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 50%;
}

.clickable .toggle:checked + .anim {
  -moz-animation: anim-in 0.75s;
  -webkit-animation: anim-in 0.75s;
  animation: anim-in 0.75s;
}
.clickable .toggle:checked + .anim:after {
  -moz-animation: anim-in-pseudo 0.75s;
  -webkit-animation: anim-in-pseudo 0.75s;
  animation: anim-in-pseudo 0.75s;
}
.clickable .toggle:not(:checked) + .anim {
  -moz-animation: anim-out 0.75s;
  -webkit-animation: anim-out 0.75s;
  animation: anim-out 0.75s;
}
.clickable .toggle:not(:checked) + .anim:after {
  -moz-animation: anim-out-pseudo 0.75s;
  -webkit-animation: anim-out-pseudo 0.75s;
  animation: anim-out-pseudo 0.75s;
}

.hoverable:hover > .anim {
  -moz-animation: anim-out 0.75s;
  -webkit-animation: anim-out 0.75s;
  animation: anim-out 0.75s;
}
.hoverable:hover > .anim:after {
  -moz-animation: anim-out-pseudo 0.75s;
  -webkit-animation: anim-out-pseudo 0.75s;
  animation: anim-out-pseudo 0.75s;
}
@-webkit-keyframes anim-in {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes anim-in {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-ms-keyframes anim-in {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes anim-in {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes anim-in-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.25);
  }
  100% {
    background: transparent;
  }
}
@-moz-keyframes anim-in-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.25);
  }
  100% {
    background: transparent;
  }
}
@-ms-keyframes anim-in-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.25);
  }
  100% {
    background: transparent;
  }
}
@keyframes anim-in-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.25);
  }
  100% {
    background: transparent;
  }
}
@-webkit-keyframes anim-out {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes anim-out {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-ms-keyframes anim-out {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes anim-out {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes anim-out-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.25);
  }
  100% {
    background: transparent;
  }
}
@-moz-keyframes anim-out-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.25);
  }
  100% {
    background: transparent;
  }
}
@-ms-keyframes anim-out-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.25);
  }
  100% {
    background: transparent;
  }
}
@keyframes anim-out-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.25);
  }
  100% {
    background: transparent;
  }
}
















#cp_mian_div {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display-radio: 1;
    background-color: rgba(255,255,255,1)
}

#cp_mian_div .p_gridbox::after {
    content: '';
    clear: left;
    display: block
}

#cp_mian_div > div > .p_gridbox {
    width: 100%;
    overflow: hidden;
    position: static
}

#cp_mian_div > div > .p_gridCell {
    float: left;
    position: static
}

#cp_mian_div > .p_gridbox.signal {
    min-height: inherit
}

#cp_mian_div > .p_gridbox.signal > .p_gridCell {
    min-height: inherit !important
}



#cp_mian_div > .p_gridbox > .p_gridCell:nth-child(1n + 1) {
        width:100%;
        margin-left: 0%;
        margin-right: 0%;
        margin-top: 0rem;
        margin-bottom: 0rem;
        clear: left
    }
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
    #cp_mian_div > .p_gridbox > .p_gridCell:nth-child(1n + 1) {
        width:100%;
        margin-left: 0%;
        margin-right: 0%;
        margin-top: 0rem;
        margin-bottom: 0rem;
        clear: left
    }
}


@media screen and (min-width: 769px) {
    #cp_mian_div > .p_gridbox > .p_gridCell:nth-child(1n + 1) {
        width:100%;
        margin-left: 0%;
        margin-right: 0%;
        margin-top: 0rem;
        margin-bottom: 0rem;
        clear: left
    }
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
    #cp_mian_div > .p_gridbox > .p_gridCell:nth-child(1n + 1) {
        width:100%;
        margin-left: 0%;
        margin-right: 0%;
        margin-top: 0rem;
        margin-bottom: 0rem;
        clear: left
    }
}






#product_top_div {
    min-height: 300px;
    display-radio: 1;
    max-width: 1400px;
    width: 92%;
    margin-left: auto;
    margin-right: auto
}

#product_top_div .e_loop-1 .p_list {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    max-width: 100%
}

#product_top_div .e_loop-1 .p_loopitem {
    flex: 0 0 33.3%;
    position: relative
}

#product_top_div .e_loop-1 .p_page {
    text-align: center;
    display-radio: 1;
    margin-top: 30px
}

#product_top_div .e_loop-1 .p_filter_wrapper {
    width: 100%;
    font-size: 13px
}

#product_top_div .e_loop-1 .p_kv_wrapper {
    display: flex;
    flex-wrap: nowrap;
    line-height: 24px;
    margin: 15px 0
}

#product_top_div .e_loop-1 .p_filter_key {
    width: 70px;
    overflow: hidden;
    margin-right: 10px;
    font-weight: bold;
    color: #333333;
    font-size: 12px
}

#product_top_div .e_loop-1 .p_v_item {
    display: inline-block;
    padding: 0 3px;
    cursor: pointer;
    font-size: 13px;
    color: #555555;
    margin-right: 30px
}

#product_top_div .e_loop-1 .p_active {
    color: #fff;
    background-color: #f08200;
    border-radius: 2px
}

#product_top_div .e_loop-1 .p_result_item {
    position: relative;
    padding: 3px 20px 3px 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-right: 10px
}

#product_top_div .e_loop-1 .p_filter_close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 3px;
    font-style: normal;
    font-size: 16px;
    margin-top: -5px;
    cursor: pointer
}

#product_top_div .e_loop-1 .multSelect {
    font-size: 13px;
    position: relative
}

#product_top_div .e_loop-1 .multSelect .inputWrap {
    width: 100%;
    min-width: 100px;
    min-height: 24px;
    border: 1px solid #DCDFE6;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    background: white
}

#product_top_div .e_loop-1 .multSelect.is-invalid .inputWrap {
    border-color: #dc3545
}

#product_top_div .e_loop-1 .multSelect ul {
    padding: 0 5px;
    margin: 0;
    padding-right: 35px
}

#product_top_div .e_loop-1 .multSelect ul,li {
    list-style: none
}

#product_top_div .e_loop-1 .multSelect li {
    display: inline-block;
    background: #edf0f3;
    color: #92969c;
    padding: 0px 5px;
    margin: 1px 5px 1px 0;
    border-radius: 5px;
    line-height: 16px
}

#product_top_div .e_loop-1 .multSelect .multSelect-option {
    width: 100%;
    border: 1px solid #DCDFE6;
    border-radius: 2px;
    border-top: 0;
    max-height: 200px;
    overflow-y: scroll;
    position: absolute;
    height: 0;
    opacity: 0;
    z-index: 9;
    background: #fff
}

#product_top_div .e_loop-1 .multSelect .multSelect-option>div {
    line-height: 24px;
    cursor: pointer;
    padding: 0 10px
}

#product_top_div .e_loop-1 .multSelect .multSelect-option>div.selected {
    color: #f08200
}

#product_top_div .e_loop-1 .multSelect .multSelect-option>div:hover {
    color: #f08200;
    background: #f3f6f9
}

#product_top_div .e_loop-1 .multSelect .fa-close {
    font-style: normal;
    font-size: 12px;
    padding: 0 5px 0 7px
}

#product_top_div .e_loop-1 .multSelect .inputWrap>.fa svg {
    fill: #666;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 0;
    top: calc(50% - 3px)
}

#product_top_div .e_loop-1 .multSelect .inputWrap>.fa-down svg {
    transform: rotate(-90deg)
}

#product_top_div .e_loop-1 .multSelect .inputWrap>.fa-up svg {
    transform: rotate(90deg)
}

#product_top_div .e_loop-1 .multSelect .placeholder {
    line-height: 40px;
    padding-left: 10px;
    color: #aaa;
    position: absolute;
    left: 0;
    top: 0
}

#product_top_div .e_loop-1 .p_filter_select {
    width: 110px;
    height: 24px;
    padding: 0;
    border: 1px solid #DCDFE6
}

#product_top_div .e_loop-1 .p_normal_start {
    display: inline;
    width: 60px;
    height: 22px
}

#product_top_div .e_loop-1 .p_date_start {
    display: inline;
    width: 105px;
    height: 22px
}

#product_top_div .e_loop-1 .p_normal_end {
    display: inline;
    width: 60px;
    height: 22px;
    margin-right: 5px
}

#product_top_div .e_loop-1 .p_date_end {
    display: inline;
    width: 105px;
    height: 22px;
    margin-right: 5px
}

#product_top_div .e_loop-1 .p_split {
    margin: 0 5px
}

#product_top_div .e_loop-1 .p_normal {
    margin-right: 16px
}

#product_top_div .e_loop-1 {
    background_radio: 1;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    max-width: none;
    display-radio: 1;
    background-color: rgba(255,255,255,0)
}

#product_top_div .e_loop-1 .p_loopitem:hover .e_image-3 img {
    transform: scale(1)
}

#product_top_div .e_container-2 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(229,229,229,1);
    display-radio: flex;
    background-color: rgba(255,255,255,1);
    box-shadow: 0px 5px 15px #e7e7e7
}

#product_top_div .e_container-2 > .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%
}

#product_top_div .e_container-2:hover .e_text-4 {
    color: #03943d
}

#product_top_div .e_image-3 {
    overflow: hidden;
    display-radio: 1;
    position: relative;
    padding-bottom: 140%
}

#product_top_div .e_container-2:hover .e_line-5 {
    border-top-color: #03943d
}

#product_top_div .e_image-3 img {
    width: 100%;
    /*height: 100%;*/
    object-fit: cover;
    transform: scale(0.95);
    transition: all .5s ease;
    position: absolute;
    top: 0px;
    left: 0px;
    content: ''
}

#product_top_div .e_text-4 {
    line-height: 2;
    font_radio: 2;
    font-size: 18px;
    color: rgba(51,51,51,1);
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: normal;
    display-radio: -webkit-box;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: "367500f3-ac9a-4400-beb9-b2f596dc10dc"
}

#product_top_div .e_line-5 {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: rgba(214,214,214,1);
    margin-bottom: 0px;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 0px;
    min-height: 0px;
    max-height: none;
    height: auto;
    transition: all 0.6s;
    display-radio: 1
}

#product_top_div .e_richText-6 {
    font_radio: 2;
    font-size: 15px;
    color: rgba(153,153,153,1);
    line-height: 1.8;
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display-radio: -webkit-box;
    padding-left: 0px;
    margin-left: 10px;
    margin-right: 10px;
    min-height: 55px
}




@media screen and (min-width: 769px) {
    #product_top_div .e_loop-1 .p_loopitem {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100% / 4)
    }

    #c_grid-1646729993185 > .p_gridbox > .p_gridCell:nth-child(1) {
        width: 300px !important;
        margin-left: 0% !important;
        margin-right: 30px !important;
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
        clear: left !important
    }

    #c_grid-1646729993185 > .p_gridbox > .p_gridCell:nth-child(2) {
        width: calc(100% - 330px) !important;
        margin-left: 0% !important;
        margin-right: 0px !important;
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
        clear: inherit !important
    }
}














#cp_mian_divs {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display-radio: 1;
    padding-top: 4%;
    padding-bottom: 5%;
    background-color: rgba(255,255,255,1)
}

#cp_mian_divs .p_gridbox::after {
    content: '';
    clear: left;
    display: block
}

#cp_mian_divs > div > .p_gridbox {
    width: 100%;
    overflow: hidden;
    position: static
}

#cp_mian_divs > div > .p_gridCell {
    float: left;
    position: static
}

#cp_mian_divs > .p_gridbox.signal {
    min-height: inherit
}

#cp_mian_divs > .p_gridbox.signal > .p_gridCell {
    min-height: inherit !important
}



#cp_mian_divs > .p_gridbox > .p_gridCell:nth-child(1n + 1) {
        width:100%;
        margin-left: 0%;
        margin-right: 0%;
        margin-top: 0rem;
        margin-bottom: 0rem;
        clear: left
    }
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
    #cp_mian_divs > .p_gridbox > .p_gridCell:nth-child(1n + 1) {
        width:100%;
        margin-left: 0%;
        margin-right: 0%;
        margin-top: 0rem;
        margin-bottom: 0rem;
        clear: left
    }
}


@media screen and (min-width: 769px) {
    #cp_mian_divs > .p_gridbox > .p_gridCell:nth-child(1n + 1) {
        width:100%;
        margin-left: 0%;
        margin-right: 0%;
        margin-top: 0rem;
        margin-bottom: 0rem;
        clear: left
    }
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
    #cp_mian_divs > .p_gridbox > .p_gridCell:nth-child(1n + 1) {
        width:100%;
        margin-left: 0%;
        margin-right: 0%;
        margin-top: 0rem;
        margin-bottom: 0rem;
        clear: left
    }
}






#product_top_divs {
    min-height: 300px;
    display-radio: 1;
    max-width: 1400px;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

#product_top_divs .e_loop-1 .p_list {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    max-width: 100%
}

#product_top_divs .e_loop-1 .p_loopitem {
    flex: 0 0 33.3%;
    position: relative
}

#product_top_divs .e_loop-1 .p_page {
    text-align: center;
    display-radio: 1;
    margin-top: 30px
}

#product_top_divs .e_loop-1 .p_filter_wrapper {
    width: 100%;
    font-size: 13px
}

#product_top_divs .e_loop-1 .p_kv_wrapper {
    display: flex;
    flex-wrap: nowrap;
    line-height: 24px;
    margin: 15px 0
}

#product_top_divs .e_loop-1 .p_filter_key {
    width: 70px;
    overflow: hidden;
    margin-right: 10px;
    font-weight: bold;
    color: #333333;
    font-size: 12px
}

#product_top_divs .e_loop-1 .p_v_item {
    display: inline-block;
    padding: 0 3px;
    cursor: pointer;
    font-size: 13px;
    color: #555555;
    margin-right: 30px
}

#product_top_divs .e_loop-1 .p_active {
    color: #fff;
    background-color: #f08200;
    border-radius: 2px
}

#product_top_divs .e_loop-1 .p_result_item {
    position: relative;
    padding: 3px 20px 3px 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-right: 10px
}

#product_top_divs .e_loop-1 .p_filter_close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 3px;
    font-style: normal;
    font-size: 16px;
    margin-top: -5px;
    cursor: pointer
}

#product_top_divs .e_loop-1 .multSelect {
    font-size: 13px;
    position: relative
}

#product_top_divs .e_loop-1 .multSelect .inputWrap {
    width: 100%;
    min-width: 100px;
    min-height: 24px;
    border: 1px solid #DCDFE6;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    background: white
}

#product_top_divs .e_loop-1 .multSelect.is-invalid .inputWrap {
    border-color: #dc3545
}

#product_top_divs .e_loop-1 .multSelect ul {
    padding: 0 5px;
    margin: 0;
    padding-right: 35px
}

#product_top_divs .e_loop-1 .multSelect ul,li {
    list-style: none
}

#product_top_divs .e_loop-1 .multSelect li {
    display: inline-block;
    background: #edf0f3;
    color: #92969c;
    padding: 0px 5px;
    margin: 1px 5px 1px 0;
    border-radius: 5px;
    line-height: 16px
}

#product_top_divs .e_loop-1 .multSelect .multSelect-option {
    width: 100%;
    border: 1px solid #DCDFE6;
    border-radius: 2px;
    border-top: 0;
    max-height: 200px;
    overflow-y: scroll;
    position: absolute;
    height: 0;
    opacity: 0;
    z-index: 9;
    background: #fff
}

#product_top_divs .e_loop-1 .multSelect .multSelect-option>div {
    line-height: 24px;
    cursor: pointer;
    padding: 0 10px
}

#product_top_divs .e_loop-1 .multSelect .multSelect-option>div.selected {
    color: #f08200
}

#product_top_divs .e_loop-1 .multSelect .multSelect-option>div:hover {
    color: #f08200;
    background: #f3f6f9
}

#product_top_divs .e_loop-1 .multSelect .fa-close {
    font-style: normal;
    font-size: 12px;
    padding: 0 5px 0 7px
}

#product_top_divs .e_loop-1 .multSelect .inputWrap>.fa svg {
    fill: #666;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 0;
    top: calc(50% - 3px)
}

#product_top_divs .e_loop-1 .multSelect .inputWrap>.fa-down svg {
    transform: rotate(-90deg)
}

#product_top_divs .e_loop-1 .multSelect .inputWrap>.fa-up svg {
    transform: rotate(90deg)
}

#product_top_divs .e_loop-1 .multSelect .placeholder {
    line-height: 40px;
    padding-left: 10px;
    color: #aaa;
    position: absolute;
    left: 0;
    top: 0
}

#product_top_divs .e_loop-1 .p_filter_select {
    width: 110px;
    height: 24px;
    padding: 0;
    border: 1px solid #DCDFE6
}

#product_top_divs .e_loop-1 .p_normal_start {
    display: inline;
    width: 60px;
    height: 22px
}

#product_top_divs .e_loop-1 .p_date_start {
    display: inline;
    width: 105px;
    height: 22px
}

#product_top_divs .e_loop-1 .p_normal_end {
    display: inline;
    width: 60px;
    height: 22px;
    margin-right: 5px
}

#product_top_divs .e_loop-1 .p_date_end {
    display: inline;
    width: 105px;
    height: 22px;
    margin-right: 5px
}

#product_top_divs .e_loop-1 .p_split {
    margin: 0 5px
}

#product_top_divs .e_loop-1 .p_normal {
    margin-right: 16px
}

#product_top_divs .e_loop-1 {
    background_radio: 1;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    max-width: none;
    display-radio: 1;
    background-color: rgba(255,255,255,0)
}

#product_top_divs .e_loop-1 .p_loopitem:hover .e_image-3 img {
    transform: scale(1)
}

#product_top_divs .e_container-2 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(229,229,229,1);
    display-radio: flex;
    background-color: rgba(255,255,255,1);
    box-shadow: 0px 5px 15px #e7e7e7
}

#product_top_divs .e_container-2 > .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%
}

#product_top_divs .e_container-2:hover .e_text-4 {
    color: #03943d
}

#product_top_divs .e_image-3 {
    overflow: hidden;
    display-radio: 1;
    position: relative;
    padding-bottom: 75%
}

#product_top_divs .e_container-2:hover .e_line-5 {
    border-top-color: #03943d
}

#product_top_divs .e_image-3 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(0.95);
    transition: all .5s ease;
    position: absolute;
    top: 0px;
    left: 0px;
    content: ''
}

#product_top_divs .e_text-4 {
    line-height: 2;
    font_radio: 2;
    font-size: 18px;
    color: rgba(51,51,51,1);
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: normal;
    display-radio: -webkit-box;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: "367500f3-ac9a-4400-beb9-b2f596dc10dc"
}

#product_top_divs .e_line-5 {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: rgba(214,214,214,1);
    margin-bottom: 0px;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 0px;
    min-height: 0px;
    max-height: none;
    height: auto;
    transition: all 0.6s;
    display-radio: 1
}

#product_top_divs .e_richText-6 {
    font_radio: 2;
    font-size: 15px;
    color: rgba(153,153,153,1);
    line-height: 1.8;
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display-radio: -webkit-box;
    padding-left: 0px;
    margin-left: 10px;
    margin-right: 10px;
    min-height: 55px
}




@media screen and (min-width: 769px) {
    #product_top_divs .e_loop-1 .p_loopitem {
        flex-grow:0;
        flex-shrink: 0;
        flex-basis: calc(100% / 4)
    }

    #c_grid-1646729993185 > .p_gridbox > .p_gridCell:nth-child(1) {
        width: 300px !important;
        margin-left: 0% !important;
        margin-right: 30px !important;
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
        clear: left !important
    }

    #c_grid-1646729993185 > .p_gridbox > .p_gridCell:nth-child(2) {
        width: calc(100% - 330px) !important;
        margin-left: 0% !important;
        margin-right: 0px !important;
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
        clear: inherit !important
    }
}




#w_grid-waibu {
    width: 100%;
    max-width: 1400px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 1%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5%;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
}

.w_grid-000 > .w_grid.signal {
    min-height: inherit;
}
.w_grid-000 > .w_grid.signal > .p_gridbox {
    min-height: inherit;
}
.w_grid-000 > div > .p_gridbox {
    width: 100%;
    overflow: hidden;
    position: static;
}


#w_grid-waibu > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

.w_grid-000 > .w_grid.signal > .p_gridbox > .p_gridCell {
    min-height: inherit;
}
.w_grid-000 > div > div > .p_gridCell:not(:empty):before {
    content: '';
    height: 0px;
    display: block;
}
#w_grid-waibus {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
#w_grid-waibus >div {
    animation-fill-mode: both;
    background: #f6f6f6;
}

.w_grid-000 > .w_grid {
    width: 100%;
    position: relative;
}

#w_grid-waibus> div > .p_gridbox {
    display: flex;
}
#w_grid-waibus> div > .p_gridbox > .p_gridCell:nth-child(2n+1) {
    margin-left: 0;
    clear: left;
    margin-right: 0;
    width: 40%;
}
.w_grid-000 > div > div > .p_gridCell:not(:empty):before {
    content: '';
    height: 0px;
    display: block;
}
#w_grid-waibus-1 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
#w_grid-waibus-1 >div {
    padding: 50px;
}
#w_grid-waibus-1 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#w_grid-waibus-1 .reset_style h4:before {
    display: inline-block;
    margin-right: 10px;
    font-size: 24px;
    color: #f53600;
    font-family: "iconfont";
}
#w_grid-waibus-2 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
#w_grid-waibus-2 >div {
    margin-bottom: 2vw;
}
#w_grid-waibus-3 {
    width: auto;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
#w_grid-waibus-2 .reset_style * {
    font-family: "mon-black"!important;
    text-transform: uppercase;
}
#w_grid-waibus-4 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
#w_grid-waibus-5 >div {
    animation-fill-mode: both;
}
.w_fline-001 .w_fline {
    width: 100%;
    min-height: inherit;
    font-size: 0;
}
.w_fline-001 .w_fline:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    min-height: inherit;
    width: 0;
}
#w_grid-waibus-5 .w_fline .p_FLine {
    border-top-style: solid;
	    margin-top: 22px;
}
#w_grid-waibus-5 .p_FLine {
    border-top-color: #1670c5;
    border-top-width: 3px;
}
.w_fline-001 .p_FLine {
    width: 20%;
    opacity: 1;
    display: inline-block;
    vertical-align: middle;
}




.reset_style h4 {
font-weight: 100;

}
.reset_style p {
    margin: 0;
    font-size: 14px;
	color: #696969;
}





#w_grid-waibus-4 .reset_style h4:before {
    content: "\e604";
}
#w_grid-waibus-1 .reset_style h4:before {
    display: inline-block;
    margin-right: 10px;
    font-size: 24px;
    color: #1670c5;
    font-family: "iconfont";
}
#w_grid-waibus-6 .reset_style h4:before {
    content: "\e618";
}
#w_grid-waibus-1 .reset_style h4:before {
    display: inline-block;
    margin-right: 10px;
    font-size: 24px;
    color: #1670c5;
    font-family: "iconfont";
}

#w_grid-waibus-7 .reset_style h4:before {
    content: "\e621";
}
#w_grid-waibus-1 .reset_style h4:before {
    display: inline-block;
    margin-right: 10px;
    font-size: 24px;
    color: #1670c5;
    font-family: "iconfont";
}

#w_grid-waibus-8 .reset_style h4:before {
    content: "\e611";
}

#w_grid-waibus-1 .reset_style h4:before {
    display: inline-block;
    margin-right: 10px;
    font-size: 24px;
    color: #1670c5;
    font-family: "iconfont";
}

#w_grid-waibus-9 {
    width: auto;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}








#w_grid-waibus> div > .p_gridbox > .p_gridCell:nth-child(2n) {
    margin-right: 0;
}
#w_grid-waibus> div > .p_gridbox > .p_gridCell:nth-child(2n+0) {
    width: 60%;
    margin-left: 0;
    margin-right: 0;
    clear: none;
}
#w_grid-waibus> div > .p_gridbox > .p_gridCell {
    margin-bottom: 0rem;
    margin-top: 0rem;
    margin-left: 0;
}
#c_portalResPublic_codeContainer {
    width: auto;
    max-width: none;
    min-width: 0px;
    height: 100%;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
#c_portalResPublic_codeContainer .e_box {
    position: relative;
}
#c_portalResPublic_codeContainer .e_box:before {
    position: absolute;
    content: "";
    background-image: linear-gradient(90deg,rgba(246,246,246,1), rgba(246,246,246,0));
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    width: 30%;
    z-index: 10;
}