@charset "utf-8";
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;outline:0}
abbr,acronym,fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}
.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}
.clearfix{zoom:1}
.dn{display:none}
body{color:#333;font-size:16px;line-height:1.7;font-family:"Microsoft Yahei",sans-serif;min-width:1200px}
*{-wekit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a{-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
img,video{width:auto;height:auto;max-width:100%;vertical-align:middle}
img{object-fit:cover}
video{outline:0;border:none}
a{color:#333;text-decoration:none;border:none;outline:0}
li{list-style: none;}
textarea{resize:none}
input,textarea,select {
	border: none;
	outline: none;
	border-radius: none;
	appearance: none;
	-webkit-appearance: none;
	vertical-align: bottom
}

::placeholder {
	font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Microsoft YaHei UI;
	color: grayscale(1)
}

strong,b {
	font-weight: 600
}
input,select,textarea{font-size:14px;color:#999;font-family:"Microsoft Yahei",sans-serif;outline:0;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
::-ms-input-placeholder{color:#999}
input:-webkit-autofill{ -webkit-box-shadow: 0 0 0px 1000px #f4f4f4 inset !important;box-shadow: 0 0 0px 1000px #f4f4f4 inset !important;-webkit-text-fill-color: #333!important;}
.wrap{max-width: 1400px;width: 94%; margin: 0 auto;}
.fl{float:left;}
/* =============== Slider 轮播插件================= */
.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list1{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list1:focus{outline:0}
.slick-list1.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list1,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}

/* ===================走马灯插件 样式================= */
.threesixty{position:relative;overflow:hidden;margin:0 auto}
.threesixty .threesixty_images{display:none;list-style:none;margin:0;padding:0}
.threesixty .threesixty_images img{position:absolute;top:0;width:100%;height:auto}
.threesixty .threesixty_images img.previous-image{visibility:hidden;width:0}
.threesixty .threesixty_images img.current-image{visibility:visible;width:100%}
.threesixty .spinner{width:60px;display:block;margin:0 auto;height:30px;background:#333;background:rgba(0,0,0,.7);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.threesixty .spinner span{font-family:Arial,ms trebuchet,sans-serif;font-size:12px;font-weight:bolder;color:#fff;text-align:center;line-height:30px;display:block}
.threesixty .nav_bar{position:absolute;top:10px;right:10px;z-index:11}
.threesixty .nav_bar a{display:block;width:32px;height:32px;float:left;text-indent:-99999px}
.threesixty .nav_bar a.nav_bar_play{background-position:0 0!important}
.threesixty .nav_bar a.nav_bar_previous{background-position:0 -73px!important}
.threesixty .nav_bar a.nav_bar_stop{background-position:0 -37px!important}
.threesixty .nav_bar a.nav_bar_next{background-position:0 -104px!important}
.threesixty:-webkit-full-screen{background:#fff;width:100%;height:100%;margin-top:0;padding-top:200px}
.threesixty:-moz-full-screen{background:#fff;width:100%;height:100%;margin-top:0;padding-top:200px}

/* ============ header ==========*/

.header{text-align: center;/* padding:26px 0 20px; */-webkit-box-shadow: 3px 6px 15px rgba(71,3,3,0.05);-moz-box-shadow: 3px 6px 15px rgba(71,3,3,0.05);-ms-box-shadow: 3px 6px 15px rgba(71,3,3,0.05);-o-box-shadow: 3px 6px 15px rgba(71,3,3,0.05);box-shadow: 3px 6px 15px rgba(71,3,3,0.05);height: 100px;}
.header .logo{float: left;margin-top: 18px;}
.header .logo img{
    width: 165px;
}
.header .head-tel{float: right;/* text-align: left; */position: relative;cursor: pointer;border: 1px solid #cccccc;margin-top: 30px;height: 40px;line-height: 40px;}
.head-tel span{font-weight: 400;text-align: left;color: #666666;font-weight: 400;/* text-align: left; */color: #666666;font-size: 14px;padding: 0px 5px;}
.head-tel p{font-size: 14px;color: #FFFB00;line-height: 18px;padding: 5px;background: #174499;}
.head-tel strong{display: block;font-size: 22px;color: #FFFB00;/* line-height: 18px; */padding: 0px 10px;background: #174499;font-weight:400;font-weight: 600;height: 100%;float: right;}
.head-box{position: absolute;right: 20px;width: 120px;z-index: 2;top: 100px;display: none;}
.head-box .ewm{background-color: #e53536;padding: 18px;margin-bottom: 1px;}
.head-box span{display: block;background-color: #fff;text-align: center;line-height: 38px;}
.head-box span img{margin-right: 6px;vertical-align: middle;margin-top: -2px;}

.header .nav{display: inline-block;/* margin-top: 12px; */}
.header .nav>li{float: left;/* margin:0 25px; */line-height: 30px;font-size: 16px;position: relative;-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;position: relative;padding: 35px 25px;}
.header .nav>li>a{display: block;color: #333;}
.header .nav>li:after{/* content:''; */position: absolute;left: 0;top: 0px;background-color: #174499;height: 100%;border-radius: 0 0 4px 4px;-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;width: 0;-webkit-box-shadow: 2px 3px 4px rgba(39,0,0,0.3);-moz-box-shadow: 2px 3px 4px rgba(39,0,0,0.3);-ms-box-shadow: 2px 3px 4px rgba(39,0,0,0.3);-o-box-shadow: 2px 3px 4px rgba(39,0,0,0.3);box-shadow: 2px 3px 4px rgba(39,0,0,0.3);}

.sub-nav{position: absolute;z-index: 2;top: 28px;left: -10px;right: -10px;-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;padding-top: 30px;display: none;opacity: 0;filter:alpha(opacity=0);}
.sub-nav li a{display: block;font-size: 14px;color: #fff;line-height: 34px;background-color: #ea4546;}
.sub-nav li:first-child a{padding-top: 10px;}
.sub-nav li:last-child a{padding-bottom: 10px;}
.header .nav>li.on,.header .nav>li:hover{
    background: #174499;
}
.header .nav>li:hover a{color:#fff}
.header .nav>li.on>a,.header .nav>li>a:hover{color: #ffffff;}
.header .nav>li.on::after,.header .nav>li:hover::after{width: 100%;}
.header .nav>li:hover .sub-nav{display: block;opacity: 1;filter:alpha(opacity=100);}
.sub-nav li a:hover{color:#333;}


.search_hot{width: 891px;/* float: left; */margin: 0px auto;overflow: hidden;margin-bottom: 30px;text-align: center;}
.f_left{float:left;}
.f_right{float:right;}
.search_hot strong{width: 77px;
height: 18px;
font-size: 19px;
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
font-weight: 700;
text-align: left;
color: #174499;
line-height: 45px;
letter-spacing: 0.95px;
    text-align: center;
}
.but4:hover{ background:url(../images-pc/search_btn.png) no-repeat center center #1f3846; padding-left:5px;}
.index_search div span{ color:#ffc71c; padding-right:8px;padding-top: 2px;}
.index_search div b{ color:#FFF;font-weight: lighter;}
.top_honor{ margin:10px 10px 0 35px;}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{
-webkit-box-shadow: 0 0 0px 1000px #fff inset 
}

input.search_bj4{background: #ffff;margin-top:13px;line-height:45px;height:45px;color:#a1a0a0;width: 736px;text-indent: 20px;border:0;border-top-left-radius: 3px;border-bottom-left-radius: 3px;transition: 0.5s;/* width: 80%; */}
.but4{border-radius:0px 3px 3px 0px;margin-top:13px;height:45px;color:#FFF;transition:all 0.4s linear 0s;background: url(../images/search_btn.png)  no-repeat center center #172a8a;width: 155px;cursor:pointer;border:0;}


/* ============ footer ==========*/
.foot{/*border-top: 10px solid #ffac2a;background: #353535;*/ background: #333333; color: #fff; font-size: 14px}
.foot a {color: #fff;}
.foot .content{/* width: 1200px; */margin: auto;overflow: hidden;}
.foot-con{padding: 35px 0;}
.foot-menu {width: 60%;overflow: hidden;}
.foot-menu dl {width: 139px;float: left;}
.foot-menu dl dt {font-size: 18px; margin-bottom: 20px;}
.foot-menu dl dd {font-size: 14px; line-height: 30px;}
.foot-contact {width: 28%;/* margin-left: 40px; */}
.foot-contact img {display: block;margin-bottom: 5px;width: 150px;}
.foot-contact p {font-size: 14px; line-height: 30px;}
.foot-ewm {width: 117px;text-align: center;float: right;}
.foot-ewm img {display: block; width: 100%;}
.foot-ewm span {display: block; margin-top: 10px;}
.foot .copy {border-top: 1px solid rgba(255,255,255,0.3); line-height: 50px; text-align: center;}

.foot-bottom {background: #fff}
.foot-bottom p {font-size: 14px;color: #051741;font-weight: bold;padding: 20px 0;}
.foot-bottom p a {color: #4b556e;font-size: 14px;font-weight: normal;margin: 0 5px;}
.foot-bottom p a:hover{color: #ea4546;}
/* ============ 首页 ==========*/
.index-top{background-color: #131621;position: relative;}
.index-slick{overflow: hidden;/* height: 762px; */}
.index-slick .text{float: left;width: 49%;margin-top: 162px;padding-right: 40px;}
.index-slick .text .tit{display: block;font-size: 50px;font-weight: bold;line-height: 60px;color: #f6fffd;margin-bottom: 36px;}
.index-slick .text p{font-size: 16px;line-height: 2em;color: #f6fffd;margin-bottom: 26px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.index-slick .text ul{margin-bottom: 54px;}
.index-slick .text li{display: inline-block;color: #fff;}
.index-slick .text li span{display: block;font-size: 14px;line-height: 24px;}
.index-slick .text li strong{display: block;font-size: 24px;line-height: 34px;}
.index-slick .text li:first-child{margin-right: 70px;}
.more-a{display: inline-block;width: 160px;height: 48px;line-height: 48px;text-align: center;color: #fff;font-size: 18px;border-radius: 4px;background: #2267E6;background: -moz-linear-gradient(left, #fd4c4c 0%, #174499 100%);/* background: -webkit-linear-gradient(left, #fd4c4c 0%,#174499 100%); */background: -o-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#174499 100%);/* background: linear-gradient(to right, #fd4c4c 0%,#174499 100%); */background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease;}
.more-a:hover {background-position: right center;}
.index-slick .pic{float: right;width: 100%;position: relative;}
.index-slick .pic>a{display: block;position: relative;margin-right: -90px;}
.index-slick .materiel{width: 445px;position: absolute;bottom: 8px;left: 210px;}
.index-slick .materiel>p{font-size: 16px;color: #fff;line-height: 26px;margin-bottom: 6px;}
.index-slick .materiel ul{overflow: hidden;margin:0 -4px;position: relative;z-index: 1;padding-bottom: 8px;}
.index-slick .materiel li{width: 33.3%;float: left;text-align: center;color: #fff;padding:0 4px;}
.index-slick .materiel li img{display: block;width: 100%;border-radius: 4px;}
.index-slick .materiel li p{font-size: 14px;color: #c39b9b;line-height: 24px;margin-top: 10px;}
.index-slick .materiel ul:after{content:'';width: 100%;height: 16px;background: url(../images/bc-bot.png) no-repeat;position: absolute;left: 2px;bottom: 2px;z-index: -1;}
.index-slick .slick-dots{position: absolute;bottom: 58px;left: 13.2%;z-index: 1;width: 540px;}
.index-slick .slick-dots li{float: left;position: relative;width: 16.66%;border-bottom: 1px solid #71737a;-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;}
.index-slick .slick-dots li button{display: block;font-size: 0;border:none;outline: none;cursor: pointer;border-radius: 50%;width: 8px;height: 12px;background-color: #71737a;position: absolute;right: 0;top: -6px;}
.index-slick .slick-dots li.slick-active{border-color: #ea3440;}
.index-slick .slick-dots li.slick-active button{width: 10px;height: 14px;background-color: #ea3440;}
.index-slick .text .tit:hover{color: #ea3440;}

.index-scroll{padding:15px 0;}
.index-scroll .tit{display: block;float: left;margin-right: 38px;font-size: 20px;color: #d53242;background-image: -webkit-gradient(linear, 0 0, right 0, from(#d53242), to(#e3674f));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;line-height: 40px;}
.index-scroll .dowebok{float: left;overflow: hidden;width: 50%;margin-top: 5px;} 
.index-scroll .dowebok .item{display: inline-block;margin-right: 10px;font-size: 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 30px;}
.index-scroll .dowebok .item img{display: inline-block;vertical-align: middle;margin-top: -5px;margin-right: 20px;width: 31px;}
.index-scroll .dowebok .item a{display: inline-block;font-size: 16px;color: #333333;line-height: 30px;}
.index-scroll .dowebok .item a:hover{color: #d53242;}
.index-scroll .more{display: block;float: right;font-size: 16px;color: #666666;line-height: 40px;}
.index-scroll .more:hover{color: #d53242;}
/*Plugin CSS*/
.str_wrap{overflow:hidden;width:100%;font-size:16px;line-height:30px;position:relative;-moz-user-select:none;-khtml-user-select:none;user-select:none;background:#fff;white-space:nowrap}
.str_wrap.str_active{background:#fff}
.str_move{white-space:nowrap;position:absolute;top:0;left:0;cursor:move}
.str_move_clone{display:inline-block;vertical-align:top;position:absolute;left:100%;top:0}
.str_vertical .str_move_clone{left:0;top:100%}
.str_down .str_move_clone{left:0;bottom:100%}
.str_down .str_move,.str_vertical .str_move{white-space:normal;width:100%}
.noStop .str_move,.no_drag .str_move,.str_static .str_move{cursor:inherit}
.str_wrap img{max-width:none!important}

.index-pro{background-color: #f7f7f7;padding: 30px 0 50px;}
.base-title{text-align: center;}
.base-title h1,.base-title h2,.base-title b{font-size: 42px;color: #333333;line-height: 60px;font-weight: normal;margin-bottom: 15px;}
.base-title h2, .base-title b{font-size: 40px;}
.base-title h1 strong,.base-title h2 a,.base-title h2 strong, .base-title b a, .base-title b strong{color: #fff;background-color: #174499;padding:0 16px;margin-right: 10px;display: inline-block;font-weight: bold;}
.base-title p{font-size: 16px;color: #666666;line-height: 26px;margin-top: 20px;}
.base-title p a{color: #666;}
.base-title p a:hover{color: #174499;}
.base-title h2 a:hover{color: #333;}


.pro-area {margin-top: 32px;margin-bottom: 5px;}
.pro-area li{float: left;position: relative;/* background: #fff; */}
.pro-area li.one{width: 43.6%;background: #fff;}
.pro-area li.two{width: 27.15%;margin-left: 1%;}
.pro-area li.three{width: 27.15%;/* padding-left: 6px; */margin-left: 1%;}
.pro-area li .img{display: block;}
.pro-area li .img img{display: block;}
.pro-area li.one img{
    margin: 52px auto;
    width: 60%;
}
.pro-area li.two img{
    
float: left;
    
overflow: hidden;
    
/* margin: 8px 0px; */
    
margin-top: 5px;
    
/* width: 80%; */
}
.pro-area li.three .sub img{
    
/* margin: 51px 0px; */
    
overflow: hidden;
    
margin-top: 50px;
    
margin-bottom: 40px;
}
.pro-area li.three .sub1 img{
    
margin: 19px 0px;
}
.pro-area .one p{/* position: absolute; */text-align: center;font-size: 16px;color: #666666;line-height: 30px;left: 0;bottom: 25px;width: 100%;margin-bottom: 15px;}
.pro-area li span{font-size: 20px;font-weight: bold;cursor: pointer;-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;}
.pro-area li .sub{margin-bottom: 6px;overflow: hidden;background: #fff;padding: 20px;}
.pro-area li.two .sub img{width: 80%;margin: 4px;}
.pro-area li.two .sub1 img{/* width: 50%; */}
.pro-area li.three .sub img{width: 67%;margin: 2px 0px;}
.pro-area li.three .sub1 img{width: 59%;/* margin: 18px 0px; */margin-top: 35px;margin-bottom: 1px;}
.pro-area li .txt span{font-size: 20px;font-weight: bold;cursor: pointer;-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;line-height: 30px;}
.pro-area li .txt p{font-size: 16px;color: #666666;line-height: 26px;}
.pro-area li .sub .text{/* position: absolute; *//* top: 28px; *//* right: 12px; */float: right;overflow: hidden;margin-bottom: 20px;}
.pro-area li.three .sub .text{
    /* margin-bottom: 30px; */
}
.pro-area li .sub1{position: relative;background: #fff;padding: 20px;overflow: hidden;}
.pro-area li .sub1 .text{position: absolute;top: 44%;right: 12px;margin-top: -30px;}
.pro-area li .sub:hover span,.pro-area li .sub1:hover span,.pro-area li.one:hover span{color: #174499;}

.about_two-hot .pro-area li .sub .about_two_hot_bot,.about_two-hot .pro-area li .sub1 .about_two_hot_bot{
    
/* width: 120%; */
    
padding: -20px;
    
margin: -20px;
    
margin-bottom: -26px;
    
overflow: hidden;
}
.about_two-hot .pro-area li .about_two_hot_bot img{
    margin: 0px !important;
    /* width: 120%; */
}
.about_two-hot .pro-area li .img{
    display: none;
    
}


.about_two-hot .pro-area li.one:hover .img,.pro-area li .sub:hover .img,.pro-area li .sub1:hover .img{
    display: block;
}
.about_two-hot .pro-area li.one:hover .about_two_hot_bot,.pro-area li .sub:hover .about_two_hot_bot,.pro-area li .sub1:hover .about_two_hot_bot{
    display: none;
}
@media screen and (max-width: 1599px){
    
    .pro-area li.two .sub1 img{
        
margin-top: 0px;
        
width: 59%;
    }
    .pro-area li.two .sub .text{
        margin-bottom: 10px;
    }
    .pro-area li.three .sub img{
        
/* margin-bottom: 19px; */
        
margin: 0px;
        
width: 65%;
    }
    .pro-area li.three .sub1 img{
        width: 57%;
        /* margin: 25px 0px; */
        margin-top: 41px;
        margin-bottom: 3px;
    }
}
.pro-ul{background-color: #fff;padding:20px 7px;}
.pro-ul li{float: left;width: 25%;padding:0 13px;margin-bottom:30px;}
.pro-ul li .item{border-radius: 4px;-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;background-color: #fff;}
.pro-ul li a.img{width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 68.75%;border-radius: 4px 4px 0 0;display: block;}
.pro-ul li a.img img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;}
.pro-ul li .tit{font-size: 18px;color: #333333;line-height: 60px;padding-right: 50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position: relative;padding-left: 10px;display: block;}
.pro-ul li .tit:after{content: '';width: 24px;height: 16px;background: url(../images/index-arr.png) no-repeat;position: absolute;right: 30px;top: 20px;opacity: 0;filter:alpha(opacity=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;}
.pro-ul li:hover .item{-webkit-box-shadow: 6px 10px 20px rgba(210,61,71,0.1);-moz-box-shadow: 6px 10px 20px rgba(210,61,71,0.1);-ms-box-shadow: 6px 10px 20px rgba(210,61,71,0.1);-o-box-shadow: 6px 10px 20px rgba(210,61,71,0.1);/* box-shadow: 6px 10px 20px rgba(210,61,71,0.1); */border-radius: 0px 0px 5px 5px;box-shadow: 4.5px 5.36px 14px 0px rgba(11,34,76,0.10);}
.pro-ul li:hover .tit:after{opacity: 1;filter:alpha(opacity=100);}
.pro-ul li .item p {font-weight: normal;text-align: center;text-align: left;font-size: 18px;margin-bottom: 0px;}

.index-special{padding-bottom: 78px;background-color: #f7f7f7;}
.index-special .wrap{background: url(../images/zt-bg.jpg) no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;border: 1px solid #eb4247;border-radius: 4px;}
.index-special .col-l{color: #fff;float: left;width: 56%;padding:54px 42px 0 80px;}
.index-special .col-l strong{display: block;font-size: 32px;line-height: 42px;padding-bottom: 18px;position: relative;margin-bottom: 10px;}
.index-special .col-l strong:after{content:'';width: 70px;height: 4px;background-color: #fff;position: absolute;left: 0;bottom: 0;}
.index-special .col-l p{font-size: 16px;line-height: 2em;}
.index-special .col-r{float: right;width: 44%;padding:60px 120px 60px 180px;}
.ep-box{position: relative;}
.ep-box .pic{display: block;border-radius: 4px;}
.ep-box .pic img{border-radius: 4px;display: block;width: 100%;}
.ep-box .tit{display: block;width: 200px;line-height: 48px;text-align: center;font-size: 18px;color: #fff;background:#174499;background: -moz-linear-gradient(left, #fd4c4c 0%, #174499 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: linear-gradient(to right, #fd4c4c 0%,#174499 100%);border-radius: 4px;position: absolute;bottom: -28px;right: -40px; background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease;}
.ep-box .tit img{margin-left: 5px;margin-top: -2px;}
.ep-box .tit:hover{background-position: right center;}

.index-about{position:relative;margin-bottom: 60px;}
.index-about:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);z-index:1}
.index-about video{width:100%;}
.index-txt{position:absolute;top:50%;left:0;width:100%;z-index:2;margin-top: -80px;}
.index-txt dt strong{vertical-align:middle;display:inline-block;line-height:70px;font-size:60px;color:#fff;}
.index-txt dt i{display:inline-block;width:14px;height:14px;position:relative;top:8px;margin:0 20px;border-radius:100%;background:#fff}
.index-txt dd{margin-top:30px}
.index-txt dd p{font-size:20px;line-height:30px;color:#fff;font-weight: bold;}

.index-case .base-title{/* text-align: left; *//* position: relative; */margin-bottom: 35px;}
.base-title .btn-a{display: block;position: absolute;right: 0;bottom: 5px;font-size: 16px;color: #333333;line-height: 36px;}
.base-title .btn-a:after{content:'';position: absolute;bottom: 0;left: 0;height: 2px;background-color: #174499;width: 100%;-webkit-transform: scale(0);-moz-transform: scale(0); -o-transform: scale(0);-ms-transform: scale(0);transform: scale(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;}
.base-title .btn-a img{vertical-align: middle;margin-top: -4px;margin-left: 4px;}
.base-title .btn-a:hover::after{-webkit-transform: scale(1);-moz-transform: scale(1); -o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.base-title .btn-a:hover img{margin-left: 10px;}

.index_field{
    padding: 50px 0px;
}
.options {
 
display: flex;
 
flex-direction: row;
 
align-items: stretch;
 
overflow: hidden;
 
min-width: 1400px;
 
max-width: 1400px;
 
/*width: calc(100% - 100px);*/
 
height: 480px;
 
margin: 0px auto;
 
transition: all 0.5s;
}

 
.options .option {
    position: relative;
    overflow: hidden;
    min-width: 200px;
    transition: all 0.5s;
    background: var(--optionBackground, var(--defaultBackground, #E6E9ED));
    background-size: auto 100%;
    background-position: center;
    cursor: pointer;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}

 .options .option a{
     color: #fff;
 }

.options .option.active {
    flex-grow: 10000;
    -webkit-transform: scale(1.05);
    transform: scale(1);
    min-width: 640px;
    transition: all 0.5s;
}

.options .option.active .shadow {
    /* box-shadow: inset 0 -120px 120px -120px black, inset 0 -120px 120px -100px black; */
    /* opacity: 0.8; */
    /* background: #174499; */
}

.options .option.active .label {
    bottom: 0px;
    left: 0px;
    /* background: #fff; */
    opacity: 0.8;
    background: #174499;
}

.options .option.active .label .info>div {
    left: 0px;
    opacity: 1;
}

.options .option:not(.active) {
    flex-grow: 1;
    
}

.options .option:not(.active) .shadow {
    bottom: -40px;
    box-shadow: inset 0 -120px 0px -120px black, inset 0 -120px 0px -100px black;
}

.options .option:not(.active) .label {
    bottom: 0px;
    left: 0px;
}

 

.options .option .shadow {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 125px;
    /* transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95); */
}

.options .option .label {
    display: flex;
    position: absolute;
    right: 0px;
    height: 125px;
    bottom: 0px;
    /* transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95); */
    opacity: 0.4;
    background: #000000;
    width: 100%;
}

 
.options .option .label .info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 10px;
    color: white;
    white-space: pre;
    position: relative;
    height: 50px;
    line-height: 30px;
    margin-top: 30px;
    font-size: 14px;
}
.options .option .label .info:after{/* position:absolute; *//* content: ""; */width: 60px;height: 3px;background: #fff;left: 0px;}
.options .option .label .info>div {
    position: relative;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95), opacity 0.5s ease-out;
}

.options .option .label .info .main {
    /* font-weight: bold; */
    font-size: 22px;
    color: #fff;
}

.options .option .label .info .sub {
    transition-delay: .1s;
}


.index-case{margin-bottom: 68px;position: relative;background: #ffffff url(../images/case_big.jpg) no-repeat;padding:30px 0px;overflow: hidden;}
.slick-case{/* height: 480px; */overflow: hidden;margin-right: -1%;}
.slick-case .slick-list11{overflow: hidden;width:30%;float:left;margin-right:2%;}
.slick-case .pic{display: block;float: left;width: 97%;/* padding-left: 4px; */text-align: center;line-height: 50px;}
.slick-case .pic img{display: block;border-radius: 4px;width: 100%;}
.slick-case .text{float: right;width: 44%;padding-left: 40px;margin-top: 34px;}
.slick-case .text .tit{display: block;font-size: 32px;color: #333333;line-height: 42px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 18px;}
.slick-case .text .tit:hover{color: #f64949;}
.slick-case .text p{font-size: 16px;color: #666;line-height: 2em;margin-bottom: 35px;padding-right: 20px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.slick-case .text .qt{overflow: hidden;}
.slick-case .text .qt span{display: block;float: left;width: 50%;padding-left: 52px;background: url(../images/index-icon.png) no-repeat left center;font-size: 20px;color: #666;line-height: 30px;margin-bottom: 30px;}
.slick-case .text .qt span strong{color: #333;}
.slick-case .text .btn-more{text-align: right;margin-top: 44px;}
.slick-case .text .btn-more a{display: inline-block;}
.slick-case .text .btn-more a img{margin-left: 6px;vertical-align: middle;margin-top: -4px;display: inline-block;}
.slick-case .slick-prev, .slick-next{
    position: absolute;
    z-index: 100;
    top: 36%;
    height: 120px;
    border: none;
    background: #174499db;
    color: #fff;
    width: 40px;
    overflow: hidden;
    font-size: 55px;
    font-weight: 100;
}
.slick-case .slick-prev{
    left: 0px;
}
.slick-case .slick-next{
    right: 12px;
}

.slick-case .slick-next:before {
    content: '>' !important;
}
.slick-case .slick-prev:before {
    content: '<' !important;
}
.index-case .paging{position: absolute; right: 240px; font-size: 20px; color: #333;line-height: 30px;bottom: 46px;}
.index-case .paging .cur{color: #f64949;}
.index-case .paging .full{margin-left: 290px;}
.index-case .slick-dots{/* position: absolute; *//* right: 288px; *//* bottom: 54px; *//* z-index: 1; */display: none !important;height: 0px;}
.index-case .slick-dots li{display: inline-block;margin:0 5px}
.index-case .slick-dots li button{font-size: 0;width: 70px;height: 3px;background-color: #cccccc;border-radius: 1.5px;border:none;outline: none;cursor: pointer;}
.index-case .slick-dots li.slick-active button{background-color: #f64949;}

.index_video{width:100%;margin-top: 20px;}
.index_video ul{width: 101%;}
.index_video ul li{text-align: center;width:24%;margin: 0.5%;float:left;}
.index_video ul li .pic{position:relative;display: block;}
.index_video ul li .pic_bf{position:absolute;left:0px;top:0px;width: 100%;height: 100%;background: #3b3636b5;}
.index_video ul li .pic_bf img{
    margin: 24%;
}
.index_video ul li span{width:100%;line-height:50px;font-size:16px;}
.index-goods {margin-bottom: 30px;/* background: url(../images/index-img1.jpg) no-repeat top center; */-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;/* padding-top: 110px; */padding-bottom: 16px;position:relative}
.index-goods .wrap{padding-left: 300px;position: relative;}
.index-goods .pic{margin-bottom: 40px;}
.index-goods .pic img{display: block;width: 100%;}
.index-goods a{
    position: absolute;
    width: 300px;
    height: 30px;
    display: block;
    right: 10%;
}
.index-goods a.dz{
     bottom: 38%;
     height: 60px;
}
.index-goods a.jj{
    bottom: 30%;
}

.index-goods .wrap:before{/* content:''; */width: 365px;height: 410px;/* background: url(../images/in-img1.png) no-repeat; */position: absolute;bottom: -16px;left: -20px;}
.good-box{padding-left: 52px;}
.good-box>span{display: block;float: left;font-size: 16px;color: #fff;line-height: 26px;margin-top: 16px;}
.good-box ul{float: left;width: 62%;margin-left: 12px;}
.good-box ul li{float: left;width: 20%;padding:0 5px;}
.good-box ul li .img{position: relative;overflow: hidden;}
.good-box ul li .img img{display: block;width: 100%;border-radius: 4px;}
.good-box .good-btn{float: right;width: 200px;}
.good-box .more-a{display: block; cursor: pointer;width: 100%;}
.good-box .more-a img{margin-left: 6px;vertical-align: middle;margin-top: -4px;display: inline-block;}
.good-box ul li .text{position: absolute;top: -100%;left: 0;background-color: rgba(0,0,0,.5);text-align: center;font-size: 16px;line-height: 26px;color: #fff;display: block;padding-top: 38px;width: 100%;height: 100%;}
.good-box ul li .text:before{content:'';width: 8px;height: 37px;background: url(../images/index-dot.png) no-repeat center;position: absolute;top: 0;left: 50%;margin-left: -4px;}
.good-box ul li:hover .text{top: 0;}
.good-a{text-align: center;}
.good-a a{display: inline-block;font-size: 14px;color: #666666;line-height: 20px;border-bottom:1px solid #666;}
.good-a a:hover{color: #174499;border-color: #174499;}

.index-news{margin-bottom: 112px;}
.index-box{margin-top: 45px;}
.new-title{overflow: hidden;margin-bottom: 34px;}
.new-title h3, .new-title b{float: left;font-size: 28px;color: #333333;line-height: 38px;}
.new-title h3 a, .new-title b a {color: #333;}
.new-title h3:hover a, .new-title b:hover a {color: #174499;}
.new-title .more{float: right;display: block;font-size: 36px;line-height: 38px;color: #404040;}
.new-title .more:hover{color: #174499;}
.index-box .col-l{float: left;width: 50%;padding-right: 40px;}
.index-box .col-r{float: right;width: 50%;padding-left: 40px;}


.index-box li{font-size: 18px;color: #333333;line-height: 38px;padding:20px 0;overflow: hidden;border-bottom: 1px dashed #f2f2f2;}
.index-box li.two{position: relative;padding-left: 42px;}
.index-box li i{font-style: normal;width: 32px;height: 20px;text-align: center;border-radius: 2px;background-color: #f44848;line-height: 20px;font-size: 16px;color: #fff;display: block;position: absolute;left: 0;top: 30px;}
.index-box li>a{float: left;width: 80%;display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #333333;}
.index-box li>span{display: block;float: right;}
.index-box li>a:hover{padding-left: 10px;color: #f44848;}

.index-box li.one{overflow: hidden;margin-bottom: 10px;-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;border-radius: 4px;border-bottom: none;padding:20px;}
.index-box li.one .img{display: block;width: 242px;float: left;object-fit: cover;overflow: hidden;border-radius: 4px;padding-left: 0;height: 182px;}
.index-box li.one .img img{display: block;width: 100%;}
.index-box li.one .text{float: right;width: 60%;padding-left: 18px;position: relative;}
.index-box li.one .text .tit{display: block;font-size: 18px;color: #333333;font-weight: bold;line-height: 28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top: 5px;margin-bottom: 10px;}
.index-box li.one .text p{font-size: 16px;line-height: 28px;color: #333333;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 56px;margin-bottom: 28px;}
.index-box li.one .text span{display: inline-block;font-size: 16px;color: #666666;line-height: 26px;}
.index-box li.one .more{display: block;position: absolute;right: 0;bottom: -10px;}
.index-box li.one:hover{-webkit-box-shadow: 4px 10px 16px rgba(69,0,5,0.05);-moz-box-shadow: 4px 10px 16px rgba(69,0,5,0.05);-ms-box-shadow: 4px 10px 16px rgba(69,0,5,0.05);-o-box-shadow: 4px 10px 16px rgba(69,0,5,0.05);box-shadow: 4px 10px 16px rgba(69,0,5,0.05);}
.index-box li.one:hover .tit{color: #174499;}

.index-grid>img{display: block;width: 100%;}
.index-grid .wrap{position: relative;}
.index-grid .pic{position: absolute;left: 0;top: -32px;}
.index-grid .ewm-box{position: absolute;right: 20px;top: 88px;}
.ewm-box dl{text-align: center;margin-bottom: 44px;}
.ewm-box dl dt img{border-radius: 4px;}
.ewm-box dl dd{font-size: 18px;color: #ffffff;line-height: 28px;margin-top: 16px;}

/* ============ 面包屑  ==========*/

.crumbs{padding-top: 58px;padding-left: 20px;position: relative;}
.crumbs:before{content:'';width:11px;height:13px;background: url(../images/dz.png) no-repeat;position: absolute;left: 0;top: 67px;}
.crumbs li{display: inline-block;font-size: 14px;color: #b3b1b1;line-height: 34px;}
.crumbs li a{color: #b3b1b1;}
.crumbs li span,.pro-inner .crumbs li span{/* color: #b3b1b1; */}
.crumbs li a:hover,.pro-inner .crumbs li a:hover{color: #f35555;}
.pro-inner .crumbs li{color: #fff;}
.pro-inner .crumbs li a{color: #fff;}

/* ============ 产品中心  ==========*/
.pro-top{position: relative;overflow: hidden;}
.pro-top>img{display: block;width: 100%;}
.main-pro{position: absolute;left: 0;top:0;right: 0;}
.top-text{margin-top: 152px;width: 50%;}
.top-text h1,.top-text strong, .top-text b{font-size: 42px;line-height: 52px;color: #fff;margin-bottom: 26px; display: block;}
.top-text p{font-size: 18px;color: #fff;line-height: 2em;margin-bottom: 76px;}
.top-text .more-a{display: inline-block;width: 200px;height: 60px;line-height: 60px;font-size: 18px;font-weight: bold;cursor: pointer;}
.top-text .more-a img{margin-right: 5px;vertical-align: middle;margin-top: -2px;}
.top-text .lx-a{margin-right: 20px;cursor: pointer;}

.pro-item{padding: 66px 0 38px;}
.pro-item.item{background-color: #f6f8fb;}
.pro-title{position: relative;padding-right: 130px;margin-bottom: 58px;}
.pro-title h2, .pro-title b{display: inline-block;font-size: 40px;color: #333333;line-height: 50px;margin-right: 20px;}
.pro-title h2 a, .pro-title b a{color: #333333;}
.pro-title .pro{position: relative;z-index: 1;margin-bottom: 10px;}
.pro-title .pro .wz{display: inline-block;position: relative;z-index: 1;}
.pro-title .pro span{height: 33px;line-height: 33px;text-align: center;font-size: 20px;color: #fff;background:#174499;background: -moz-linear-gradient(left, #fd4c4c 0%, #174499 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: linear-gradient(to right, #2267e6 0%,#174499 100%);border-radius: 4px;-webkit-box-shadow: 5px 5px 13px rgba(69,0,5,0.2);-moz-box-shadow: 5px 5px 13px rgba(69,0,5,0.2);-ms-box-shadow: 5px 5px 13px rgba(69,0,5,0.2);-o-box-shadow: 5px 5px 13px rgba(69,0,5,0.2);box-shadow: 5px 5px 13px rgba(69,0,5,0.2);padding:0 20px;display: inline-block;}
.pro-title .pro img{position: absolute;bottom: 0;right: -36px;z-index: -1;}
.pro-title h2 a:hover{color: #174499;}
.pro-title p{font-size: 18px;color: #666666;line-height: 28px;}
.pro-title .more{display: block;width: 118px;height: 32px;text-align: center;text-align: center;position: absolute;right: 0;top: 7px;border-radius: 4px;font-size: 16px;line-height: 30px;border:1px solid #666666;color: #666;-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;}
.pro-title .more:hover {-webkit-box-shadow: 5px 5px 13px rgba(69,0,5,0.2);-moz-box-shadow: 5px 5px 13px rgba(69,0,5,0.2);-ms-box-shadow: 5px 5px 13px rgba(69,0,5,0.2);-o-box-shadow: 5px 5px 13px rgba(69,0,5,0.2);box-shadow: 5px 5px 13px rgba(69,0,5,0.2);color: #fff;background:#174499;background: -moz-linear-gradient(left, #fd4c4c 0%, #174499 100%);background: -webkit-linear-gradient(left, #2267e6 0%,#174499 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: linear-gradient(to right, #2267e6 0%,#174499 100%);border-color: transparent;}

.pro-list{margin:0 -34px;}
.pro-list li{float: left;width: 25%;padding:0 34px;margin-bottom: 30px;}
.pro-list li .item{border-radius: 4px;-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;}
.pro-list li a.pic{width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 76.7%;border-radius: 4px 4px 0 0;display: block;}
.pro-list li a.pic img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;}
.pro-list li .tit{font-size: 18px;color: #333333;line-height: 60px;padding-right: 50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position: relative;padding-left: 10px;display: block;}
.pro-list li .tit:after{content: '';width: 24px;height: 16px;background: url(../images/index-arr.png) no-repeat;position: absolute;right: 30px;top: 20px;opacity: 0;filter:alpha(opacity=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;}
.pro-list li:hover .item{-webkit-box-shadow: 6px 10px 20px rgba(210,61,71,0.1);-moz-box-shadow: 6px 10px 20px rgba(210,61,71,0.1);-ms-box-shadow: 6px 10px 20px rgba(210,61,71,0.1);-o-box-shadow: 6px 10px 20px rgba(210,61,71,0.1);/* box-shadow: 6px 10px 20px rgba(210,61,71,0.1); */background-color: #fff;transform: translateY(-5px);border-radius: 0px 0px 5px 5px;box-shadow: 4.5px 5.36px 14px 0px rgba(11,34,76,0.10);}
.pro-list li:hover .tit:after{opacity: 1;filter:alpha(opacity=100);}


/*解决方案*/
.grid-8 {
    /* display: grid; */
    /* grid-template-columns: repeat(8,1fr); */
    /* grid-gap: 24px; */
    width: 100;
}
.solution-head {
	height: 300px;
	color: #fff
}

.solution-head .container {
	position: relative
}

.solution-head .presentation {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%)
}

.solution-head p {
	margin-top: 20px
}

.solution-body {
	padding: 20px 0;
	background: #f0f0f0
}

.solution-body .tab-titles {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	grid-gap: 2px
}

.solution-body .tab-titles span {
	height: 55px;
	line-height: 55px;
	text-align: center;
	font-weight: 600;
	background: #fff;
	cursor: pointer
}

.solution-body .tab-titles span.active {
	background: #bae212
}

.solution-body .tab-titles span:before {
	content: '\e90b';
	display: inline-block;
	margin-right: 10px;
	font-size: .6em;
	font-weight: 400;
	color: #bae212;
	transition: transform .2s ease
}

.solution-body .tab-titles span.active:before {
	color: #333;
	transform: rotate(45deg)
}

.solution-body .tab-contents {
	position: relative;
	height: 820px;
	background: #fff;
	overflow: hidden;
}

.solution-body .tab-contents .content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	filter: opacity(0);
	visibility: hidden;
	transition: all .5s .1s ease-in-out
}

.solution-body .tab-contents .content.active {
	filter: opacity(1);
	visibility: visible
}

.solution-body .tab-contents .figure {
	position: relative;
	height: 440px;
	overflow: hidden
}

.solution-body .tab-contents .figure:after {
	content: '';
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 200px;
	background: linear-gradient(to bottom,transparent,#fff 90%,#fff)
}

.solution-body .tab-contents .figure img {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	max-width: none;
	max-height: none !important
}

.solution-body .description {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px
}

.solution-body .description .title {
	font-size: 20px;
	margin-bottom: 20px
}

.solution-body .description .text {
	box-sizing: border-box;
	width: calc(40% - 24px);
	padding-left: 20px;
}

.solution-body .description p {
	line-height: 1.8;
	color: #666
}
.solution-body .description a{
    width: 192px;
    height: 48px;
    background: #2267e6;
    border-radius: 5px;
    color: #fff;
}
.solution-body .description .chat {
	display: inline-block;

	margin-top: 30px;
	margin-right: 24px;
	line-height: 45px;

	text-align: center;
	
}

.solution-body .description .chat:before {
	/* content: '\e905'; */
	margin-right: 10px;
	font-size: 1.2em;
}
.solution-body .description a img{
    padding-right: 5px;
}
.solution-body .description .more {
	display: inline-block;
	width: 225px;
	margin-top: 30px;
	margin-right: 24px;
	line-height: 45px;
	font-weight: 600;
	text-align: center;
	/* background: #f0f0f0 */
}

.solution-body .description .more:before {
	/* content: '\e917'; */
	margin-right: 10px;
	font-size: 1.2em;
}

.solution-body .description .applications {
	box-sizing: border-box;
	width: calc(60% - 24px);
	padding-right: 20px;
}

.solution-body .description .applications ul {
	display: grid;
	grid-template-columns: repeat(5,1fr);
	grid-gap: 10px;
	text-align: center;
	/* font-weight: 600; */
}
.solution-body .description .applications ul li{
    background: #f7f7f7;
    font-size: 14px;
    line-height: 30px;
}
.solution-body .description .applications img {
	/* border-radius: 50%; */
	/* margin-bottom: 10px; */
}

.section-material-process {
	margin-top: 40px;
	margin-bottom: 40px
}

.section-material-process-body {
	display: grid;
	grid-template-columns: 4fr 8fr;
	grid-gap: 24px;
	margin-top: 30px
}

.section-material-process-body .tab-contents {
	position: relative
}

.section-material-process-body .tab-contents li {
	position: absolute;
	top: 0;
	left: 0;
	filter: opacity(0);
	visibility: hidden;
	transition: all .26s ease-in-out
}

.section-material-process-body .tab-contents li.active {
	position: static;
	filter: opacity(1);
	visibility: visible
}

.section-material-process-body .content {
	position: absolute;
	top: 50px;
	right: 50px;
	bottom: 50px;
	left: 50px;
	display: flex;
	flex-wrap: wrap;
	place-items: center;
	padding: 50px 30px;
	font-size: 14px;
	color: #fff;
	background: rgba(21,28,48,.8)
}

.section-material-process-body .content strong {
	display: block;
	width: 100%;
	font-size: 18px;
	color: #fff;
	overflow: hidden;
}
.section-material-process-body .content p{
    width: 100%;
}
.section-material-process-body .content .more {
	margin-top: 20px;
	font-weight: 100;
	color: #fff;
	/* background: url(../images/jj_m.png) no-repeat; */
}

.section-material-process-body .content .more:after {
	
	margin-left: 10px;

}

.section-material-process-body .tab-titles li {
	display: table;
	box-sizing: border-box;
	width: 93px;
	height: 84px;
	padding: 0 5px;
	font-size: 14px;
	text-align: center;
	background: #f0f0f0;
	cursor: pointer;
	transition: all .2s ease-in-out;
	float: left;
	margin-right: 24px;
	margin-bottom: 24px;
}
.section-material-process-body .tab-titles li:nth-child(8n){
    margin-right: 0px;
}
.section-material-process-body .tab-titles li.empty {
	border: 2px solid #f0f0f0;
	background: none;
	cursor: default
}

.section-material-process-body .tab-titles li.active {
	background: #174499;
	cursor: default;
	color: #fff;
}

.section-material-process-body .tab-titles li span {
	display: table-cell;
	vertical-align: middle
}


/* ============ 视屏中心  ==========*/

.video-grid .top-text h1 img{margin-left: 20px;}

.video-box{margin-top: 100px;}
.video-box .top-text{float: left;margin-top: 0;}
.video-box .top-text h1 img,.top-text strong img{margin-left: 20px;}
.video-box .top-text p{margin-bottom: 40px;}
.video-box .top-right{float: right;width: 38%;}
.video-box video{border-radius: 4px;display: block;width: 100%;}

.video-item{padding: 66px 0 38px;}
.video-item.item{background-color: #f6f8fb;}
.video-item .pro-title span{position: relative;}
.video-item .pro-title span:after{content:'';width: 27px;height: 27px;background: url(../images/play1.png) no-repeat;position: absolute;top: -13px;right: -15px;}


.video-list{margin:0 -46px;}
.video-list li{float: left;width: 33.3%;padding:0 46px;margin-bottom: 48px;}
.video-list li .item{border-radius: 4px;-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;}
.video-list li .item .img{overflow: hidden;border-radius: 4px;width: 100%; height: 0;position: relative;padding-top: 56.34%;}
.video-list li .item .img>img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;}
.video-list li .item .play{display: block;width: 100%;height:100%;position: absolute;bottom: -100%;left: 0;background-color: rgba(0,0,0,.3);-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;}
.video-list li .item .play img{position: absolute;top: 50%;left: 50%;margin-left: -21.5px;margin-top: -16.5px;}
.video-list li .tit{font-size: 18px;color: #333333;line-height: 60px;padding-right: 60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position: relative;padding-left: 10px;display: block;}
.video-list li .tit:after{content: '';width: 24px;height: 16px;background: url(../images/index-arr.png) no-repeat;position: absolute;right: 30px;top: 20px;opacity: 0;filter:alpha(opacity=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;}
.video-list li:hover .item{-webkit-box-shadow: 6px 10px 20px rgba(210,61,71,0.1);-moz-box-shadow: 6px 10px 20px rgba(210,61,71,0.1);-ms-box-shadow: 6px 10px 20px rgba(210,61,71,0.1);-o-box-shadow: 6px 10px 20px rgba(210,61,71,0.1);box-shadow: 6px 10px 20px rgba(210,61,71,0.1);background-color: #fff;}
.video-list li:hover .tit{color: #f64949;}
.video-list li:hover .tit:after{opacity: 1;filter:alpha(opacity=100);}
.video-list li:hover .play{bottom: 0;}


/* ============ 新闻中心 ==========*/

.new-top{background: url(../images/new-top.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;overflow: hidden;padding-bottom: 46px;margin-bottom: 26px;}

.new-info{position: relative;margin-top: 40px;}
.new-info .top-text{width: 41%;position: absolute;right: 0;top: 0;margin-top: 0;}
.new-info .top-text p{margin-bottom: 0;}
.new-slick {position: relative;height: 528px;overflow: hidden;}
.new-slick .slick-list1{overflow: hidden;}
.new-slick .img{display: block;float: left;width: 57%;border-radius: 4px;position: relative;z-index: 1;}
.new-slick .img img{display: block;width: 100%;border-radius: 4px;}
.new-slick .text{float: right;width: 44%;position: relative;margin-left: -1%;background-color: #fff;padding:32px 0 0 68px;margin-top: 178px;border-radius: 4px;}
.new-slick .text .tit{display: block;font-size: 26px;color: #333333;line-height: 42px;height: 84px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding-right: 28px;font-weight: bold;margin-bottom: 8px;}
.new-slick .text span{display: block;font-size: 16px;color: #999999;line-height: 26px;margin-bottom: 20px;}
.new-slick .text p{font-size: 18px;color: #666666;line-height: 2em;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 108px;margin-bottom: 12px;padding-right: 28px;}
.new-slick .btn-more{text-align: right;}
.new-slick .btn-more .more-a{display: inline-block;border-radius: 4px 4px 4px 0;width: 180px;height: 60px;line-height: 60px;-webkit-box-shadow: 5px 5px 13px rgba(69,0,5,0.2);-moz-box-shadow: 5px 5px 13px rgba(69,0,5,0.2);-ms-box-shadow: 5px 5px 13px rgba(69,0,5,0.2);-o-box-shadow: 5px 5px 13px rgba(69,0,5,0.2);box-shadow: 5px 5px 13px rgba(69,0,5,0.2);}
.new-slick .btn-more .more-a img{margin-left: 10px;vertical-align: middle;margin-top: -4px;display: inline-block;}
.new-slick .text .tit:hover{color: #174499;}
.new-slick .slick-dots{position: absolute;left: 25px;bottom: 20px;}
.new-slick .slick-dots li{display: inline-block;margin:0 4px;}
.new-slick .slick-dots li button{display: block;font-size: 0;width: 62px;height: 3px;border-radius: 1.5px;background-color: #ffffff;border: none;outline: none;cursor: pointer;}
.new-slick .slick-dots li.slick-active button{background-color: #f64949;}

.news-list{margin-left: -3%;margin-top: 60px;}
.news-list li{float: left;width: 47%;margin-left: 3%;overflow: hidden;margin-bottom: 10px;}
.news-list li a{display: block;float: left;width: 80%;color: #ffffff;line-height: 38px;font-size: 18px;padding-left: 30px;background: url(../images/icon.png) no-repeat left center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list li span{display: block;float: right;line-height: 38px;font-size: 16px;color: #999999;}
.news-list li:hover a{padding-left: 50px;color: #f64949;}

.news-item{padding: 66px 0 28px;}
.news-ul{margin-left: -3%;}
.news-ul li{float: left;width: 47%;margin-left: 3%;overflow: hidden;padding:20px;border-radius: 4px;-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;margin-bottom: 40px;background: #ffffff;border-radius: 5px;box-shadow: 3.21px 3.83px 10px 0px rgba(11,34,76,0.07);}
.news-ul li .img{float: left;display: block;width: 242px;object-fit: cover;overflow: hidden;height: 160px;}
.news-ul li .img img{display: block;width: 100%;}
.news-ul li .text{float: right;width: 62%;padding-left: 18px;position: relative;}
.news-ul li .text .tit{display: block;font-size: 18px;color: #333333;line-height: 28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: bold;margin-bottom: 10px;}
.news-ul li .text p{font-size: 16px;color: #666666;line-height: 28px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 56px;margin-bottom: 30px;}
.news-ul li .text span{font-size: 16px;color: #666666;line-height: 26px;display: inline-block;}
.news-ul li .text .more{display: block;width: 80px;height: 40px;line-height: 40px;text-align: center;background:#174499;background: -moz-linear-gradient(left, #fd4c4c 0%, #174499 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: linear-gradient(to right, #2267e6 0%,#174499 100%);background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease;position: absolute;right: -20px;bottom: -30px;border-radius: 4px 0 4px 0;}
.news-ul li .text .more:hover {background-position: right center;}
.news-ul li:hover{-webkit-box-shadow: 4px 10px 16px rgba(69,0,5,0.05);-moz-box-shadow: 4px 10px 16px rgba(69,0,5,0.05);-ms-box-shadow: 4px 10px 16px rgba(69,0,5,0.05);-o-box-shadow: 4px 10px 16px rgba(69,0,5,0.05);box-shadow: 4px 10px 16px rgba(69,0,5,0.05);background-color: #fff;}
.news-ul li:hover .text .tit{color: #1d57c3;}

.news-item.item{background-color: #f6f8fb;padding-bottom: 52px;}
.news-item.item .news-ul li{margin-bottom: 30px;}
.news-item .news-list{margin-top: 0;}
.news-item .news-list li{margin-bottom: 30px;}
.news-item .news-list li a{color: #333333;}
.news-item .news-list li a:hover{color: #4255b5;}

/* ============ 案例中心 ==========*/

.case-top .video-box{margin-top: 146px;}
.case-top .top-text p,.about-top .top-text p{margin-bottom: 75px;}
.case-top .video-box .top-right,.about-top .video-box .top-right{position: relative;}
.case-top .video-box .play-btn,.about-top .video-box .play-btn{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(../images/play3.png) no-repeat center rgb(0 0 0 / 65%);cursor: pointer;display: block;}
.case-top .video-box .play-btn.close,.about-top .video-box .play-btn.close{display: none;}
.case-top .video-box video,.about-top .video-box video{border:1px solid #fff;}

.case-msg {position: relative;margin-top: -180px;z-index: 1;}
.case-msg .wrap{border-bottom: 4px solid #ef4c43;background: url(../images/case-bg.jpg) no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;border-radius: 4px;padding:29px 20px 20px 142px;position: relative;}
.case-msg .wrap:before{content:'';width: 141px;height: 257px;background: url(../images/case-pic.png) no-repeat;position: absolute;left: 0;bottom: 0;}
.case-msg .one{overflow: hidden;margin-bottom: 28px;}
.case-msg .one strong{display: block;float: left;font-size: 30px;color: #ffffff;line-height: 64px;}
.case-msg .one p{float: right;background:#ffcb8d;background: -moz-linear-gradient(left, #f7b875 0%, #ffcb8d 100%);background: -webkit-linear-gradient(left, #f7b875 0%,#ffcb8d 100%);background: -o-linear-gradient(left, #f7b875 0%,#ffcb8d 100%);background: -ms-linear-gradient(left, #f7b875 0%,#ffcb8d 100%);background: linear-gradient(to right, #f7b875 0%,#ffcb8d 100%);font-size: 26px;font-weight: bold;line-height: 64px;border-radius: 4px;padding:0 32px;}
.case-msg .one p span{color: #e3674f;background-image: -webkit-gradient(linear, 0 0, right 0, from(#d53242), to(#e3674f));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}

.case-msg form{overflow: hidden;}
.case-msg ul{margin-right: -1%;width: 86%;float: left;}
.case-msg li{float: left;width: 24%;margin-right: 1%;}
.case-msg li select,.case-msg li input,.case-msg li textarea{width: 100%;height: 56px;line-height: 56px;background-color: #ffffff;padding:0 10px 0 20px;border-radius: 4px;font-size: 14px;color: #333333;outline: none;}
.case-msg .last{position: relative;}
.case-msg .last:after{content:'*';font-size: 18px;color: #d53442;position: absolute;top: 14px;left: 12px;}

.case-msg .sub-btn{float: right;width: 152px;}
.case-msg .sub-btn input{width: 100%;height: 56px;line-height: 56px;text-align: center;font-size: 14px;color: #fff;border-radius: 4px;cursor: pointer;outline: none;background:#174499;background: -moz-linear-gradient(left, #fd4c4c 0%, #174499 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: linear-gradient(to right, #fd4c4c 0%,#174499 100%);background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease;cursor: pointer;}
.case-msg .sub-btn input:hover {background-position: right center;}

.case-item{padding: 80px 0 1px;}
.case-box{background-color: #f7f9fc;position: relative;margin-top: -21px;padding:106px 0 20px;}

.case-item .pro-title span{width: auto;background:#e3674f;background: -moz-linear-gradient(left, #d53242 0%, #e3674f 100%);background: -webkit-linear-gradient(left, #d53242 0%,#e3674f 100%);background: -o-linear-gradient(left, #d53242 0%,#e3674f 100%);background: -ms-linear-gradient(left, #d53242 0%,#e3674f 100%);background: linear-gradient(to right, #d53242 0%,#e3674f 100%);padding:0 22px;}

.case-list{margin-left: -2%;}
.case-list li{float: left;width: 23%;margin-left: 2%;margin-bottom: 50px;-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;background: #ffffff;box-shadow: 1.93px 2.3px 10px 0px rgba(23,67,153,0.10);}
.case-list li .pic{display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 75%;border-radius: 4px;z-index: 1;}
.case-list li .pic img{position: absolute;top: 0; left: 0;width: 100%; height: 100%;display: block;}
.case-list li .pic .pic_bf{
    position: absolute;
    /* opacity: 0.3; */
    background: #3b3636b5;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.case-list li .pic .pic_bf img{
    display: block;
    width: 93px;
    height: 92px;
    margin: 23.5% 36%;
}
.case-list li .text{background-color: #fff;border-radius: 0 0 4px 4px;padding: 15px;position: relative;}
.case-list li .text .tit{display: block;font-size: 16px;line-height: 30px;color: #333;/* font-weight: bold; *//* margin-bottom: 10px; */overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case-list li .text .tit img{float:right;margin-top: 5px;}
.case-list li .text p{font-size: 14px;color: #333333;line-height: 26px;overflow:hidden;/* text-overflow:ellipsis; *//* white-space:nowrap; */}
.case-list li .text .more{background:#e3674f;background: -moz-linear-gradient(left, #d53242 0%, #e3674f 100%);background: -webkit-linear-gradient(left, #d53242 0%,#e3674f 100%);background: -o-linear-gradient(left, #d53242 0%,#e3674f 100%);background: -ms-linear-gradient(left, #d53242 0%,#e3674f 100%);/* background: linear-gradient(to right, #d53242 0%,#e3674f 100%); */border-bottom-right-radius: 4px;display: block;position: absolute;right: 0;bottom: 0;padding:2px 18px 3px;width: 59px;height: 32px;background: linear-gradient(0deg,#2267e6 0%, #174499 100%);}
.case-list li .text:before{/* content:''; */width: 0;height: 8px;position: absolute;left: 0;top: -4px;background:#e3674f;background: -moz-linear-gradient(left, #d53242 0%, #e3674f 100%);background: -webkit-linear-gradient(left, #d53242 0%,#e3674f 100%);background: -o-linear-gradient(left, #d53242 0%,#e3674f 100%);background: -ms-linear-gradient(left, #d53242 0%,#e3674f 100%);background: linear-gradient(to right, #d53242 0%,#e3674f 100%);border-radius: 0 0 4px 4px;-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;}
.case-list li:hover{-webkit-box-shadow: 6px 10px 21px rgba(210,61,71,0.05);-moz-box-shadow: 6px 10px 21px rgba(210,61,71,0.05);-ms-box-shadow: 6px 10px 21px rgba(210,61,71,0.05);-o-box-shadow: 6px 10px 21px rgba(210,61,71,0.05);box-shadow: 6px 10px 21px rgba(210,61,71,0.05);}
.case-list li:hover .text:before{width: 100%;}
.case-list li .text .tit:hover{color: #174499;}
.sp_xg_top{
    background: #fff;
}
.sp_xg{
        font-size: 28px;
        line-height: 26px;
        padding-left: 25px;
        position: relative;
        margin: 30px 0 20px;
        display: block;
        border-left:5px solid #2267E6;
        height: 30px;
}
.main-cont .left-cont .pro_content{
    /* max-width: 1400px; */
    width: 85%;
    margin: 0 auto;
}
.main-cont .left-cont h2:before, .main-cont .left-cont h3:before, .sp_xg:before {
    /* content: ''; */
    /* width: 5px; */
    /* height: 35px; */
    /* background-color: #2267E6; */
    position: absolute;
    top: 8px;
    left: 0;
}
.main-cont .left-cont h4, .main-cont .left-cont h5{
    padding-left: 20px;
    border-left: 8px solid #2267E6;
    height: 24px;
    line-height: 24px;
}
.main-cont .left-cont h4:before, .main-cont .left-cont h5:before, .sp_xg:before {
    content: '';
    width: 8px;
    height: 24px;
    /* background-color: #2267E6; */
    /* position: absolute; */
    /* top: 8px; */
    /* left: 0; */
}
.pro_content video{
    width: 100%;
}
.wl-list{margin:0 -33px;}
.wl-list li{float: left;width: 25%;padding:0 33px;margin-bottom: 50px;}
.wl-list li .item{-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;border-radius: 4px;}
.wl-list li .pic{display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 73.34%;}
.wl-list li .pic img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;}
.wl-list li .tit{display: block;font-size: 20px;color: #333333;line-height: 60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position: relative;padding-right: 45px;}
.wl-list li .tit:after{content: '';width: 24px;height: 16px;background: url(../images/index-arr.png) no-repeat;position: absolute;right: 10px;top: 20px;opacity: 0;filter:alpha(opacity=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;}
.wl-list li .text{-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;}
.wl-list li .item:hover{-webkit-box-shadow: 6px 10px 21px rgba(210,61,71,0.1);-moz-box-shadow: 6px 10px 21px rgba(210,61,71,0.1);-ms-box-shadow: 6px 10px 21px rgba(210,61,71,0.1);-o-box-shadow: 6px 10px 21px rgba(210,61,71,0.1);box-shadow: 6px 10px 21px rgba(210,61,71,0.1);background-color: #fff;}
.wl-list li .item:hover .text{padding-left: 20px;}
.wl-list li .item:hover .tit{color: #f64949;}
.wl-list li .item:hover .tit:after{opacity: 1;filter:alpha(opacity=100);}

/* ============ 有问必答  ==========*/

.question-top .top-text p{margin-bottom: 40px;}
.question-wrap{background-color: #f6f8fb;padding:62px 0 0;overflow: hidden;}
.question-wrap .col-l{float: left;width: 72%;margin-top: 5px;}
.question-wrap .pro-title span{width: auto;padding:0 14px;position: relative;}
.question-box .pro-title span:after{content:'';width: 22px;height: 22px;background: url(../images/icon-time.png) no-repeat;position: absolute;top: -13px;right: -12px;}
.reply-box .pro-title span:after{content:'';width: 15px;height: 22px;background: url(../images/icon2.png) no-repeat;position: absolute;top: -13px;right:-8px;}

.question-box{margin-bottom: 70px;}
.question-list li{background-color: #fff;padding: 40px;border-radius: 4px;overflow: hidden;margin-bottom: 50px;}
.question-list li .pic-left{float: left;width: 32.7%;margin-top: 5px;}
.question-list li .pic-left .pic{padding-left: 6px;position: relative;z-index: 1;}
.question-list li .pic-left .pic img{display: block;width: 100%;border-radius: 4px;}
.question-list li .pic-left .pic:after{content:'';width: 8px;position: absolute;left: 0;top: 10px;bottom: 10px;background-color: #d8dade;z-index: -1;}
.question-list li .pic-left .p1{text-align: center;}
.question-list li .pic-left p{text-align: center;}
.question-list li .pic-left p span{display: inline-block;font-size: 16px;color: #333333;line-height: 40px;background-color: #fff;border-radius: 0 0 4px 4px;-webkit-box-shadow: 2px 2px 10px rgba(69,0,5,0.05);-moz-box-shadow: 2px 2px 10px rgba(69,0,5,0.05);-ms-box-shadow: 2px 2px 10px rgba(69,0,5,0.05);-o-box-shadow: 2px 2px 10px rgba(69,0,5,0.05);box-shadow: 2px 2px 10px rgba(69,0,5,0.05);padding:0 26px;}
.question-list li .pic-left p em{font-style: normal;color: #fb4b4b;}

.question-list li .text{float: right;width: 67.3%;padding-left: 40px;}
.question-list li .one{font-size: 18px;color: #666666;line-height: 28px;margin-bottom: 35px;}
.question-list li .one a{color: #666;}
.question-list li .one a:hover{color: #fb4b4b;}
.question-list li .two{position: relative;}
.question-list li .two .sub{position: absolute;right: 4px;top: -52px;}
.question-list li .two .sub img{border-radius: 50%;margin-left: 20px;-webkit-box-shadow: 4px 4px 10px rgba(69,0,5,0.1);-moz-box-shadow: 4px 4px 10px rgba(69,0,5,0.1);-ms-box-shadow: 4px 4px 10px rgba(69,0,5,0.1);-o-box-shadow: 4px 4px 10px rgba(69,0,5,0.1);box-shadow: 4px 4px 10px rgba(69,0,5,0.1);}
.question-list li .two .tit{display: block;text-align: center;background-color: #3a455b;font-size: 18px;color: #fff;line-height: 55px;border-radius: 4px;border: 1px solid #999999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px;}
.question-list li .two p{font-size: 16px;color: #333333;line-height: 34px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;margin-top: 40px;}
.question-list li .other{margin-top: 70px;overflow: hidden;}
.question-list li .other .more{display: block;float: left;background:#174499;background: -moz-linear-gradient(left, #fd4c4c 0%, #174499 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: linear-gradient(to right, #fd4c4c 0%,#174499 100%);background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease;cursor: pointer;font-size: 16px;color: #ffffff;line-height: 40px;border-radius: 4px;padding:0 24px;}
.question-list li .other .more:hover {background-position: right center;}
.question-list li .other span{display: block;float: right;font-size: 16px;color: #999999;line-height: 40px;}
.question-list li .two .tit:hover{color: #174499;}

.reply-box{margin-bottom: 112px;}
.reply-list{background-color: #fff;border-radius: 4px;padding:26px 26px 20px 30px;}
.reply-list li{position: relative;padding:18px 0 18px 70px;border-bottom: 1px dashed #f2f2f2;overflow: hidden;}
.reply-list li em{font-style: normal;font-size: 16px;color: #ffffff;background:#174499;background: -moz-linear-gradient(left, #fd4c4c 0%, #174499 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: linear-gradient(to right, #fd4c4c 0%,#174499 100%);line-height: 25px;display: block;position: absolute;border-radius: 4px;padding:0 6px;left: 0;top: 18px;}
.reply-list li a{display: block;width: 75%;float: left;font-size: 16px;line-height: 25px;color: #333;}
.reply-list li span{display: block;float: right;font-size: 16px;line-height: 25px;color: #999;}
.reply-list li:hover a{color: #174499;padding-left: 10px;}
.reply-list li:last-child{border-bottom: none;}

.question-wrap .col-r{float: right;width: 22%;}
.question-wrap .col-r>strong{display: block;background-color: #344463;text-align: center;line-height: 60px;font-size: 26px;border-radius: 4px;color: #fff;margin-bottom: 5px;}
.question-wrap .col-r .box{-webkit-box-shadow: 8px 13px 27px rgba(0,16,47,0.14);-moz-box-shadow: 8px 13px 27px rgba(0,16,47,0.14);-ms-box-shadow: 8px 13px 27px rgba(0,16,47,0.14);-o-box-shadow: 8px 13px 27px rgba(0,16,47,0.14);box-shadow: 8px 13px 27px rgba(0,16,47,0.14);border-radius: 4px;}
.right-msg{background-color: #344463;border-radius:4px 4px 0 0;padding:30px 22px 12px;border-bottom:1px solid #9aa2b1;}
.right-msg select,.right-msg textarea,.right-msg input{display: block;width: 100%;margin-bottom: 18px;height: 40px;line-height: 40px;padding:0 6px 0 20px;font-size: 14px;color: #999999;}
.right-msg textarea{line-height: 24px;height: 105px;padding-top: 8px;padding-bottom: 8px;}
.right-msg .btn{margin-top:44px;font-size: 18px;color: #fff;background:#174499;background: -moz-linear-gradient(left, #fd4c4c 0%, #174499 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: linear-gradient(to right, #fd4c4c 0%,#174499 100%);background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease;cursor: pointer;}
.right-msg .btn:hover{background-position: right center;}
.right-info{background-color: #344463;padding: 20px 32px 15px;}
.right-info p{color: #fff;font-size: 16px;line-height: 34px;}
.right-info .ewm{color: #fff;margin-top: 26px;}
.right-info .ewm span{display: block;font-size: 14px;line-height: 24px;}
.right-info .ewm strong{display: block;font-size: 28px;line-height: 38px;}
.info-btn{display: block;background:#174499;background: -moz-linear-gradient(left, #fd4c4c 0%, #174499 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: linear-gradient(to right, #fd4c4c 0%,#174499 100%);background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease;cursor: pointer;font-size: 18px;line-height: 48px;text-align: center;color: #fff;border-radius: 0 0 4px 4px;}
.info-btn:hover{background-position: right center;}

.question-wrap .reply-box{margin-bottom: 0;}

/*合作客户*/
.index_hz{
    width: 100%;
    background: url(../images/hz_big.jpg) no-repeat;
    /* overflow: hidden; */
    padding: 50px;
    margin-bottom: -140px;
    /* padding-bottom: 223px; */
    min-height: 500px;
}
.index_hz_hot{
    width: 100%;
   
}
.index_hz_hot ul{
     background: #fff;
     overflow: hidden;
}
.index_hz_hot ul li{
    width: 16.66%;
    float: left;
}
.index_hz_hot ul li a{
    
display: block;
    
    
border: 1px solid #e5e5e5;
}
.index_hz_hot ul li a img{
    
/* max-width: 100%; */
}
.hz_more{
 width: 203px;
 height: 54px;
 border-radius: 2px;
 margin: 30px auto;
 color: #fff;
 background: #174499;
 display: flex;
 /* text-align: center; */
}
.hz_more a{
    color: #fff;
    width: 100%;
    text-align: center;
    line-height: 54px;
    font-size: 18px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0px
}

.container {
	clear: both;
	width: 1560px;
	margin: 0 auto;
	padding: 0px 0px;
	position: relative
}

.homefour {
	width: 100%;
	min-width: 980px;
	max-width: 1920px;
	background: url(../images/about_big.png) no-repeat center top;
	background-size: cover;
	padding-top: 130px;
	padding-bottom: 88px;
	margin: auto;
}
.homefour .base-title b,.homefour .base-title p{
    color: #fff;
}
.homefour .homefourtit {
	clear: both;
	display: block;
	width: 100%;
	position: relative;
	text-align: center;
	z-index: 2;
	padding-top: 24px
}

.homefour .homefourtit h2 {
	position: relative;
	color: #fff;
	font-size: 55px;
	line-height: 1;
	display: inline-block
}

.homefour .homefourtit h2:after, .homefour .homefourtit h2:before {
	content: '';
	position: absolute;
	width: 17px;
	left: 50%;
	margin-left: -8px;
	display: block
}

.homefour .homefourtit h2:after {
	background: url(../images/hometwoicon02.png) no-repeat center bottom;
	top: -115px;
	height: 109px
}

.homefour .homefourtit h2:before {
	background: url(../images/hometwoicon01.png) no-repeat center bottom;
	bottom: -70px;
	height: 63px
}

.homefour .homefourtit i {
	width: 508px;
	position: absolute;
	top: 0px;
	left: 50%;
	z-index: -1;
	margin-left: -254px
}

.homefour .homefourtit i img {
	clear: both;
	display: block;
	width: 100%
}

.homefour .homefourtxt {
	clear: both;
	display: block;
	color: #fff;
	font-size: 16px;
	line-height: 36px;
	text-align: center;
	padding: 60px 13% 0px;
}

.homefour ul {
	clear: both;
	padding-top: 90px;
	padding-bottom: 120px
}

.homefour ul li {
	float: left;
	width: 25%
}

.homefour ul li p {
	clear: both;
	display: block;
	text-align: center;
	width: 67.6923076923%;
	margin: 0 auto;
}
.homefour ul li p strong{
    
font-size: 60px;
    
font-weight: 600;
    
background: linear-gradient(to bottom, #1D56BF, #4C8BFF);
    
-webkit-background-clip: text;
    
color: transparent;
}
.homefour ul li p i{
    
color: #4C8BFF;
    
font-style: normal;
}
.homefour ul li p img {
	width: 100%
}

.homefour ul li span {
	clear: both;
	display: block;
	width: 64.1025641026%;
	margin: 0 auto;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 0px;
	text-align: center;
	/* padding-top: 25px */
}

.homefour .homefourp1 {
	clear: both;
	display: block;
	text-align: center;
	font-size: 30px;
	color: #FFF600;
	line-height: 1;
}

.homefour .homefourp2 {
	clear: both;
	display: block;
	text-align: center;
	font-size: 16px;
	color: #fff;
	line-height: 1;
	padding-top: 30px;
	padding-bottom: 40px
}

.homefour .homefourbtn {
	width: 379px;
	height: 69px;
	display: block;
	text-align: center;
	margin: 0px auto 0;
	position: relative;
	z-index: 1;
	font-size: 25px;
	cursor: pointer;
	color: #FEFEFE;
	line-height: 69px
}

.homefour .homefourbtn:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	/* background: -webkit-linear-gradient(90deg, #CCC500, #FFF600); */
	background: linear-gradient(0deg, #CCC500, #FFF600);
	border-radius: 35px;
	z-index: -1;
	box-shadow: 0px 4px 0px 0px #ccc500;
}

.homefour .homefourbtn:after {
	content: '';
	width: 96%;
	height: 95.65%;
	background: #CCC500;
	position: absolute;
	left: 2%;
	top: 11.59%;
	z-index: -2;
	border-radius: 33px;
}

.homefour .homefourbtn:hover {
	-webkit-animation: hyh 0.5s;
	animation: hyh 0.5s
}

@media (max-width: 1760px) {
	

	.container {
		width: 1440px
	}

	.homefour {
		padding-top: 100px;
		padding-bottom: 80px
	}

	.homefour .homefourtit {
		padding-top: 20px
	}

	.homefour .homefourtit h2 {
		font-size: 50px
	}

	.homefour .homefourtit h2:after, .homefour .homefourtit h2:before {
		width: 16px
	}

	.homefour .homefourtit h2:after {
		top: -110px;
		height: 103px
	}

	.homefour .homefourtit h2:before {
		bottom: -65px;
		height: 59px
	}

	.homefour .homefourtit i {
		width: 472px;
		margin-left: -236px
	}

	.homefour .homefourtxt {
		font-size: 14px;
		line-height: 33px;
		padding: 80px 19% 0px
	}

	.homefour ul {
		padding-top: 90px;
		padding-bottom: 110px
	}

	.homefour ul li span {
		font-size: 14px;
		line-height: 27px;
		padding-top: 22px
	}

	.homefour .homefourp1 {
		font-size: 28px
	}

	.homefour .homefourp2 {
		font-size: 15px;
		padding-top: 28px;
		padding-bottom: 38px
	}

	.homefour .homefourbtn {
		width: 350px;
		height: 64px;
		font-size: 23px;
		line-height: 64px
	}
}

@media (max-width: 1600px) {

	.container {
		width: 1280px
	}

	.homefour {
		padding-top: 87px;
		padding-bottom: 70px
	}

	.homefour .homefourtit {
		padding-top: 20px
	}

	.homefour .homefourtit h2 {
		font-size: 45px
	}

	.homefour .homefourtit i {
		width: 416px;
		margin-left: -208px
	}

	.homefour .homefourtxt {
		font-size: 13px;
		line-height: 29px;
		padding: 65px 19% 0px
	}

	.homefour ul {
		padding-top: 80px;
		padding-bottom: 100px
	}

	.homefour ul li span {
		font-size: 13px;
		line-height: 24px;
		padding-top: 20px
	}

	.homefour .homefourp1 {
		font-size: 24px
	}

	.homefour .homefourp2 {
		font-size: 13px;
		padding-top: 22px;
		padding-bottom: 30px
	}

	.homefour .homefourbtn {
		width: 310px;
		height: 56px;
		font-size: 20px;
		line-height: 56px
	}
}

@media (max-width: 1440px) {


	.container {
		width: 1120px
	}

	.homefour {
		padding-top: 78px;
		padding-bottom: 62px
	}

	.homefour .homefourtit {
		padding-top: 16px
	}

	.homefour .homefourtit h2 {
		font-size: 39px
	}

	.homefour .homefourtit i {
		width: 366px;
		margin-left: -183px
	}

	.homefour .homefourtxt {
		font-size: 13px;
		line-height: 29px;
		padding: 65px 19% 0px
	}

	.homefour ul {
		padding-top: 60px;
		padding-bottom: 70px
	}

	.homefour ul li span {
		font-size: 12px;
		line-height: 24px;
		padding-top: 20px
	}

	.homefour .homefourp1 {
		font-size: 21px
	}

	.homefour .homefourp2 {
		font-size: 12px;
		padding-top: 17px;
		padding-bottom: 25px
	}

	.homefour .homefourbtn {
		width: 272px;
		height: 49px;
		font-size: 18px;
		line-height: 49px
	}
}

@media (max-width: 1280px) {

	.container {
		width: 960px
	}

	.homefour {
		padding-top: 67px;
		padding-bottom: 52px
	}

	.homefour .homefourtit {
		padding-top: 15px
	}

	.homefour .homefourtit h2 {
		font-size: 33px
	}

	.homefour .homefourtit i {
		width: 314px;
		margin-left: -157px
	}

	.homefour .homefourtxt {
		font-size: 12px
	}

	.homefour ul {
		padding-top: 55px;
		padding-bottom: 70px
	}

	.homefour .homefourp1 {
		font-size: 18px
	}

	.homefour .homefourbtn {
		width: 234px;
		height: 42px;
		line-height: 42px;
		font-size: 15px;
		line-height: 42px
	}
}

@-webkit-keyframes hyh {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	20% {
		-webkit-transform: translateX(-8px);
		transform: translateX(-8px)
	}

	40% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	60% {
		-webkit-transform: translateX(-4px);
		transform: translateX(-4px)
	}

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

@keyframes hyh {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	20% {
		-webkit-transform: translateX(-8px);
		transform: translateX(-8px)
	}

	40% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	60% {
		-webkit-transform: translateX(-4px);
		transform: translateX(-4px)
	}

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

/* ============ 关于我们 ==========*/

.about-num{position: relative;margin-top: -102px;margin-bottom: 100px;}
.number-ul{overflow: hidden;background: url(../images/about-bg.jpg) no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;border-radius: 4px;border-bottom: 5px solid #174499;padding:34px 0 30px;-webkit-box-shadow: 6px 3px 29px rgba(21,0,0,0.1);-moz-box-shadow: 6px 3px 29px rgba(21,0,0,0.1);-ms-box-shadow: 6px 3px 29px rgba(21,0,0,0.1);-o-box-shadow: 6px 3px 29px rgba(21,0,0,0.1);box-shadow: 6px 3px 29px rgba(21,0,0,0.1);}
.number-ul li{float: left;width: 25%;text-align: center;}
.number-ul li span{display: inline-block;font-family: "Impact";line-height: 80px;color: #174499;background-image: #174499;/* -webkit-background-clip: text; */background-clip: text;/* -webkit-text-fill-color: transparent; */position: relative;font-size: 20px;font-weight: bold;}
.number-ul li strong{font-size: 70px;margin-right: 8px;color: #174499;}
.number-ul li p{font-size: 20px;color: #333333;line-height: 30px;}
.number-ul li strong:after{content:'';width: 21px;height: 13px;background: url(../images/ab-arr.png) no-repeat;position: absolute;left: 50%;bottom: 8px;margin-left: -10px;}

.about-one{margin-bottom: 105px;}
.about-title p{line-height: 34px;}
.about-one ul{overflow: hidden;margin-top: 40px;margin-left: -3.33%;}
.about-one li{float: left;width: 23%;margin-left: 2%;}
.about-one li .pic img{display: block;width: 100%;border-radius: 4px;}
.about-one li p{margin-top: 25px;font-size: 18px;color: #333333;line-height: 32px;/* text-align: center; */position: relative;padding-left: 15px;}
.about-one li p:before{content:'';width: 6px;height: 25px;background:#e3674f;background: -moz-linear-gradient(left, #d53242 0%, #e3674f 100%);background: -webkit-linear-gradient(left, #d53242 0%,#e3674f 100%);background: -o-linear-gradient(left, #d53242 0%,#e3674f 100%);background: -ms-linear-gradient(left, #d53242 0%,#e3674f 100%);background: linear-gradient(to right, #174499 0%,#2267e6 100%);position: absolute;top: 3px;left: 0;}

.about-two{background-color: #f1f3f6;padding-top: 90px;position: relative;margin-bottom: 105px;overflow: hidden;}
.about-two:before{content:'';width: 197px;height: 968px;background: url(../images/ab-txt.png) no-repeat;position: absolute;left: 0;top: 10px;}
.about-pro{/* padding-left: 230px; */margin-top: 40px;position: relative;margin-bottom: 40px;}
.about-pro .col-l{float: left;width: 46%;}
.about-pro .col-r{float: left;width: 54%;}
.cp-list{width: 100%;/* position: absolute; *//* right: -1px; *//* bottom: 0; */overflow: hidden;margin-top: 20px;}
.cp-list li{/* float: left; *//* width: 100%; */margin-top: 20px;}

.cp-item{/* position: relative; */width: 48%;float: left;margin-left: 2%;position: relative;}
.cp-item .img{-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; */}
.cp-item .img img{display: block;width: 100%;}
.cp-item .pic{display: block;position: absolute;-webkit-transform: scale(0);-moz-transform: scale(0); -o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);top: 0;right: 0;left: 0;bottom: 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;opacity: 0;filter:alpha(opacity=0);}
.cp-item .pic>img{display: block;width: 100%;}
.cp-item .pic span{display: block;position: absolute;left: 0;bottom: 10px;font-size: 20px;color: #f64949;height: 38px;line-height: 38px;background: url(../images/ab-bg.png) no-repeat;padding-left: 32px;padding-right: 28px;cursor: pointer;opacity: 0;filter:alpha(opacity=0);}
.cp-item .pic span img{margin-left: 20px;width: 18px;height: 18px;margin-top: -4px;}
.cp-item:hover .pic{-webkit-transform: scale(1);-moz-transform: scale(1); -o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;filter:alpha(opacity=100);}
.cp-item:hover .img,.about-pro .about-tops:hover .img{-webkit-transform: scale(0);-moz-transform: scale(0); -o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);opacity: 0;filter:alpha(opacity=0);}
.cp-item:hover .pic span{opacity: 1;filter:alpha(opacity=100);}
.about-pro-hot{display:none;position: absolute;left: 0px;top: 0px;}
.about-pro .about-tops:hover .about-pro-hot, .cp-item:hover .about-pro-hot{display: block;}
.about-pro:before{/* content:''; */width: 271px;height: 741px;background: url(../images/zb-pic.png) no-repeat no-repeat;position: absolute;left: 0;bottom: 0;z-index: 2;}

.about-three{margin-bottom: 100px;}
.about-three .about-title h2{font-weight: bold;}
.about-three .pic{margin-top: 42px;}
.about-three .pic img{display: block;width: 100%;}

.about-img img{display: block;width: 100%;}


/* ============ 服务支持  ==========*/

.service-top .top-text{width: 53%;}
.fw-one{position: relative;margin-top: -100px;z-index: 1;}
.fw-one ul{overflow: hidden;background-color: #ffffff;border-radius: 4px;border-bottom: 5px solid #ef4c43;-webkit-box-shadow: 6px 3px 29px rgba(21,0,0,0.1);-moz-box-shadow: 6px 3px 29px rgba(21,0,0,0.1);-ms-box-shadow: 6px 3px 29px rgba(21,0,0,0.1);-o-box-shadow: 6px 3px 29px rgba(21,0,0,0.1);box-shadow: 6px 3px 29px rgba(21,0,0,0.1);padding:48px 0 40px}
.fw-one li{float: left;width: 16.66%;text-align: center;position: relative;}
.fw-one li .img{margin-bottom: 14px;}
.fw-one li p{font-size: 20px;line-height: 30px;color: #666666;}
.fw-one li:before{content:'';width: 36px;height: 10px;background: url(../images/fw-dot.png) no-repeat;position: absolute;left: -18px;bottom: 54px;}
.fw-one li:first-child:before{display: none;}

.fw-two{background-color: #f1f3f6;padding-top: 198px;position: relative;margin-top: -100px;padding-bottom: 94px;}
.goods-ul{overflow: hidden;margin-left: -3.33%;}
.goods-ul li{float: left;width: 30%;margin-left: 3.33%;}
.goods-ul li .img img{display: block;border-radius: 4px;}
.goods-ul li strong{display: block;text-align: center;font-size: 22px;color: #333333;line-height: 32px;font-weight: normal;position: relative;margin-top: 25px;margin-bottom: 34px;}
.goods-ul li strong:before{content:'';width: 6px;height: 25px;background:#e3674f;background: -moz-linear-gradient(left, #d53242 0%, #e3674f 100%);background: -webkit-linear-gradient(left, #d53242 0%,#e3674f 100%);background: -o-linear-gradient(left, #d53242 0%,#e3674f 100%);background: -ms-linear-gradient(left, #d53242 0%,#e3674f 100%);background: linear-gradient(to right, #d53242 0%,#e3674f 100%);position: absolute;top: 3px;left: 0;}
.goods-ul li p{font-size: 18px;color: #666666;line-height: 34px;}

.fw-fitting{padding:50px 0;}
.fw-fitting .text{float: left;width: 33%;padding:0 106px 0 60px;margin-top: 76px;}
.fw-fitting .text strong{display: block;font-size: 40px;color: #333333;line-height: 50px;margin-bottom:42px;}
.fw-fitting .text p{font-size: 16px;color: #666666;line-height: 2em;margin-bottom: 104px;}
.fw-fitting .text .more-a{width: 280px;line-height: 80px;height: 80px;font-size: 22px;font-weight: bold;margin-right: 0;cursor: pointer;}
.fw-fitting .text .more-a img{margin-left: 10px;}
.fw-fitting .img{float: right;width: 67%;}
.fw-fitting .img img{display: block;width: 100%;}

/* ============ 联系我们 ==========*/

.contact-top .top-text{width: 100%;}
.contact-top .top-text .qt{overflow: hidden;}
.contact-top .top-text .lx-a{margin-right: 0;position: relative;z-index: 1;display: block;float: left;cursor: pointer;}
.lx-tel{display: block;/* background: url(../images/lx-bg.png) no-repeat left center; */line-height: 60px;position: relative;margin-left: -6px;color: #fff;padding-left: 66px;font-size: 28px;font-weight: bold;float: left;margin-top: -1px;cursor: pointer;}
.lx-tel strong{font-size: 36px;}
.lx-tel img{margin-right: 20px;margin-top: -4px;margin-left: 4px;}
.lx-a img{margin-left: 4px;}

.contact-one{margin-top: 70px;margin-bottom: 42px;}
.contact-one .img{position: relative;}
.contact-one .brand{position: absolute;right: -20px;bottom: -5px;width: 183px;}

.contact-msg,.inner-msg{background-color: #191e26;}
.show-msg{float: left;width: 51%;/* background-color: #191e26; */padding: 120px 0 42px 0;color: #fff;border-radius: 4px 4px 0 0;-webkit-box-shadow: 8px 13px 32px rgba(18,0,1,0.36);-moz-box-shadow: 8px 13px 32px rgba(18,0,1,0.36);-ms-box-shadow: 8px 13px 32px rgba(18,0,1,0.36);-o-box-shadow: 8px 13px 32px rgba(18,0,1,0.36);box-shadow: 8px 13px 32px rgba(18,0,1,0.36);position: relative;z-index: 1;}
.show-msg .show{padding-left: 26%;}
.show-msg .text{margin-bottom: 28px;padding-right: 50px;}
.show-msg .text strong{display: inline-block;font-size: 40px;line-height: 50px;padding-left: 68px;position: relative;color: #ffffff;/* background-image: -webkit-gradient(linear, 0 0, right 0, from(#d53242), to(#e3674f)); */-webkit-background-clip: text;background-clip: text;/* -webkit-text-fill-color: transparent; */margin-right: 20px;}
.show-msg .text strong:before{content:'';width: 28px;height: 28px;background: url(../images/index-icon.png) no-repeat left center;position: absolute;left: 0;top: 50%;margin-top: -14px;}
.show-msg .text span{font-size: 20px;color: #fff;/* background-image: -webkit-gradient(linear, 0 0, right 0, from(#d53242), to(#e3674f)); */-webkit-background-clip: text;background-clip: text;/* -webkit-text-fill-color: transparent; */font-weight: 700;}
.show-msg .text p{font-size: 16px;color: #fff;line-height: 30px;margin-top: 10px;}
.show-msg ul{padding-right: 50px;}
.show-msg li{float: left;width: 48%;margin-bottom: 22px;}
.show-msg li:first-child{margin-right: 4%;}
.show-msg li.txt-area{width: 100%;position: relative;}
.show-msg li>span{display: block;font-size: 20px;line-height: 30px;color: #fff;margin-bottom: 5px;}
.show-msg li>span i{font-style: normal;color: #ff0000;}
.show-msg li input,.show-msg li textarea,.show-msg li select{width: 100%;height:44px;line-height: 44px;outline: none;border:none;background: #fff;padding:0 12px;font-size: 16px;color: #999;}
.show-msg li textarea{height: 180px;line-height: 1.5;padding-top: 10px;padding-right: 33px;}

.show-msg .sub-btn{position: relative;display: inline-block;margin-bottom: 40px;}
.show-msg .sub-btn input{width: 240px;line-height: 60px;height: 60px;line-height:60px;background: #2267E6;background: -moz-linear-gradient(left, #d53242 0%, #e3674f 100%);/* background: -webkit-linear-gradient(left, #d53242 0%,#e3674f 100%); */background: -o-linear-gradient(left, #d53242 0%,#e3674f 100%);background: -ms-linear-gradient(left, #d53242 0%,#e3674f 100%);/* background: linear-gradient(to right, #d53242 0%,#e3674f 100%); */border-radius: 4px;font-size: 22px;color: #ffffff;font-weight: bold;padding-left: 68px;text-align: left;-webkit-box-shadow: 5px 5px 13px rgba(69,0,5,0.2);-moz-box-shadow: 5px 5px 13px rgba(69,0,5,0.2);-ms-box-shadow: 5px 5px 13px rgba(69,0,5,0.2);-o-box-shadow: 5px 5px 13px rgba(69,0,5,0.2);box-shadow: 5px 5px 13px rgba(69,0,5,0.2);}
.show-msg .sub-btn:after{content:'';width: 20px;height: 20px;background: url(../images/icon-lx1.png) no-repeat;position: absolute;top: 50%;margin-top: -10px;right:60px;-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;}
.show-msg .sub-btn:hover:after{right: 50px;}

.scroll-box{background-color: #282f3d;padding-left: 26%;overflow: hidden;}
.msg-scroll{height: 53px;background-color: #282f3d;}
.msg-scroll p{line-height: 53px;font-size: 16px;color: #e3e3e3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left: 38px;}
.msg-scroll p span{margin-left: 30px;}
.show-msg .str_wrap.str_active{background:#282f3d;}

.map-box{float: right;width: 49%;padding-top: 28px;background-color: #fff;}
#allmap{height: 600px;overflow: hidden;}
#allmap img{max-width: none;}
.map-msg{background-color: #fff;-webkit-box-shadow:0 0 10px rgba(45,0,7,0.1);-moz-box-shadow:0 0 10px rgba(45,0,7,0.1);-ms-box-shadow:0 0 10px rgba(45,0,7,0.1);-o-box-shadow:0 0 10px rgba(45,0,7,0.1);box-shadow:0 0 10px rgba(45,0,7,0.1);width: 400px;border-radius: 4px;padding-bottom: 10px;padding-top: 10px;padding-left: 10px;}
.map-msg img{display: block;width: 100%;border-radius: 4px;}
.map-msg p{font-size: 14px;line-height: 24px;/* padding:0 15px; */}
.map-msg p strong{font-size: 18px;color: #e3674f;background-image: -webkit-gradient(linear, 0 0, right 0, from(#d53242), to(#e3674f));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}

.inner-msg .show-msg .text strong{padding-left: 0;font-size: 40px;}
.inner-msg .show-msg .text strong:before{display: none;}
.inner-msg .show-msg .text span{font-size: 18px;}
.inner-msg .map-box{background-color: #f1f3f6;}
.video-msg .map-box{background-color: #fafbfc;}

.show-msg li .fast-btn{width: 32px;background: #d83f45;position: absolute;top: 35px;right: 0;bottom: 6px;text-align: center;line-height: 1.1;padding-top: 16px;font-size: 18px;cursor: pointer;}
.show-msg li .fast-btn img{margin-top: 4px;}
.fast-box{position: absolute;width:420px;overflow: hidden;background-color: #f1f3f6;padding:10px 12px 0 12px;height: 170px;right: 0;z-index: 9;top: 215px;display: none;}
.fast-box em{display: block;cursor: pointer;position: absolute;top: 0.1rem;right: 0.2rem;}
.fast-box p {font-size: 16px;color: #333333;line-height: 30px;cursor: pointer;-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;}
.fast-box p:hover{color: #f64949;}



/* ============ 产品列表 ==========*/

.list-top{position: relative;}
.list-top>img{display: block;width: 100%;min-height: 380px;}
.list-box{margin-top: 35px;}
.list-box .top-text{float: left;margin-top: 0;}
.list-box .btn-area{float: right;width: 50%;text-align: right;margin-top: 80px;}
.list-box .btn-area a{display: inline-block;}
.list-box .btn-area a img{margin-left: 4px;}
.list-box .btn-area .lx-a{margin-right: 4px; cursor: pointer;}

.cate-gory{position: relative;margin-top: -74px;z-index: 1;}
.cate-gory .wrap{background-color: #fff;border-radius: 4px;-webkit-box-shadow: 6px 3px 29px rgba(21,0,0,0.05);-moz-box-shadow: 6px 3px 29px rgba(21,0,0,0.05);-ms-box-shadow: 6px 3px 29px rgba(21,0,0,0.05);-o-box-shadow: 6px 3px 29px rgba(21,0,0,0.05);box-shadow: 6px 3px 29px rgba(21,0,0,0.05);}
.cate-gory li{float: left;width: 16.66%;text-align: center;padding:28px 0 20px;position: relative;}
.cate-gory li:after{content:'';width: 0;height: 4px;background-color: #174499;position: absolute;left: 0;bottom: 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;}
.cate-gory li a{display: block;line-height: 72px;font-size: 18px;color: #333333;border-left: 1px solid #f5f5f5;}
.cate-gory li:first-child a{border-left:none;}
.cate-gory li:hover:after,.cate-gory li.on:after{width: 100%;}
.cate-gory li:hover a,.cate-gory li.on a{color: #174499;font-weight: bold;}

.pro-wrap{/* background-color: #f6f8fb; */position: relative;margin-top: -46px;padding-top: 118px;}

.same-pro{padding:68px 0;}

/* ============ 案例列表 ==========*/

.solution-top .top-text{margin-top: 35px;}
.solution-top .top-text p{margin-bottom: 68px;}
.solution-top .case-msg{margin-top: 0;}
.solution-top .case-msg .sub-btn{width: 200px;;padding-left: 0;position: relative;}
.solution-top .case-msg .sub-btn .btn{text-align:left;font-size: 18px;color: #fff;font-weight: bold;padding-left: 50px;}
.solution-top .case-msg .sub-btn:after{content:'';width: 16px;height: 16px;background: url(../images/index-icon1.png) no-repeat;position: absolute;top: 50%;margin-top: -8px;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;right: 54px;}
.solution-top .case-msg ul{width: 85%;}
.solution-top .case-msg li{width: 22%;}
.solution-top .case-msg .li1{width: 28%;}

.solution-gory{position: relative;margin-top: -45px;z-index: 1;}
.solution-gory .wrap{background-color: #fff;border-radius: 4px;-webkit-box-shadow: 6px 3px 29px rgba(21,0,0,0.05);-moz-box-shadow: 6px 3px 29px rgba(21,0,0,0.05);-ms-box-shadow: 6px 3px 29px rgba(21,0,0,0.05);-o-box-shadow: 6px 3px 29px rgba(21,0,0,0.05);box-shadow: 6px 3px 29px rgba(21,0,0,0.05);}
.solution-gory li{float: left;width: 20%;text-align: center;padding:28px 0 20px;position: relative;}
.solution-gory li:after{content:'';width: 0;height: 4px;background-color: #f35555;position: absolute;left: 0;bottom: 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;}
.solution-gory li:before{content:'';width: 20px;height: 20px;background: url(../images/index-icon.png) no-repeat;-webkit-background-size: 20px;background-size: 20px;position: absolute;top: 50%;margin-top: -6px;left: 68px;opacity: 0;filter:alpha(opacity=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;}
.solution-gory li a{display: block;line-height: 72px;font-size: 18px;color: #333333;border-left: 1px solid #f5f5f5;}
.solution-gory li:first-child a{border-left:none;}
.solution-gory li:hover:after,.solution-gory li.on:after{width: 100%;}
.solution-gory li:hover:before,.solution-gory li.on:before{opacity: 1;filter:alpha(opacity=100);}
.solution-gory li:hover a,.solution-gory li.on a{color: #f35555;font-weight: bold;}

.solution-item{background-color: #f6f8fb;padding-top: 110px;padding-bottom: 50px;}

/* ============ 物料列表 ==========*/

.wl-wrap{padding-top: 70px;background-color: #f6f8fb;padding-bottom: 98px;}

/* 页码 */
.pager-box{text-align: center;margin: 0 auto;}
.pager-box .prev{display: inline-block;vertical-align: middle;margin-top: -50px}
.pager-box .next{display: inline-block;vertical-align: middle;margin-top: -50px}
.pager-box ul{display: inline-block;overflow: hidden;}
.pager-box li{float: left;padding:0 3px;}
.pager-box li a,.pager-box li span{display: block;line-height: 60px;font-size: 18px;color: #333333;padding:0 16px;-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;cursor: pointer;}
.pager-box li a:hover,.pager-box li.on span{background-color: #f35555;color: #fff;}
.pager-box .prev a,.pager-box .prev span {padding:0 24px 0 46px;background: url(../images/page-left1.png) no-repeat 24px center;display: block;line-height: 60px;font-size: 18px;color: #333333;-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;cursor: pointer;}
.pager-box .next a,.pager-box .next span {padding:0 46px 0 24px;background: url(../images/page-right1.png) no-repeat 92px center;display: block;line-height: 60px;font-size: 18px;color: #333333;-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;cursor: pointer;}
.pager-box .prev a:hover{color: #f35555;background: url(../images/page-left01.png) no-repeat 24px center;}
.pager-box .next a:hover{color: #f35555;background: url(../images/page-right01.png) no-repeat 88px center;}

.pager-wrap .wrap{position: relative;z-index: 1;}
.pager-wrap .wrap:after{content:'';width: 100%;height: 79px;background: url(../images/pager.png) no-repeat center;position: absolute;left: 0;top: -5px;z-index: -1;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
.pager-list{background-color: #fff;border:1px solid #f35555;border-radius: 4px;position: absolute;left: 0;width: 100%;bottom: 110px;z-index: 999;display: none;}
.pager-list:after{content:'';width: 30px;height: 16px;background: url(../images/pager-arr.png) no-repeat;position: absolute;bottom: -16px;left: 50%;}
.ul-pager{border-bottom: 1px solid #f35555;overflow: hidden;padding:18px 15px 10px;}
.ul-pager li{width: 10%;float: left;padding:0 15px;text-align: center;}
.ul-pager li a,.ul-pager li span{display: block;font-size: 18px;line-height: 32px;-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;}
.ul-pager li.on span,.ul-pager li a:hover{color: #f35555;background-color: #f35555;color: #fff;}
.ul-tab-pager{overflow: hidden;padding-top: 26px;padding-bottom: 2px;}
.ul-tab-pager li{float: left;width: 20%;text-align: center;padding:0 29px;}
.ul-tab-pager li span{display: block;cursor: pointer;color: #666666;font-size: 18px;line-height: 32px;border:1px solid #666666;cursor: pointer;-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;margin-bottom: 18px;}
.ul-tab-pager li.on span,.ul-tab-pager li span:hover{background-color: #f35555;border-color: #f35555;color: #fff;}

/* ============ 物料列表 ==========*/

.video-gory li {position: relative;}
.video-gory li:before{content:'';width: 17px;height: 17px;background: url(../images/icon-vlist.png) no-repeat;position: absolute;top: 50%;margin-top: -4px;left: 54px;opacity: 0;filter:alpha(opacity=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;}
.video-gory li:hover:before,.video-gory li.on:before{opacity: 1;filter:alpha(opacity=100);}
.video-gory li:hover a,.video-gory li.on a{color: #f35555;font-weight: bold;}

.video-wrap{position: relative;margin-top: -46px;padding-top: 115px;background-color: #f6f8fb;padding-bottom: 98px;}

/* ============ 新闻列表 ==========*/

.top-news{position: relative;}
.top-news img{display: block;width: 100%;min-height: 380px;}
.top-news .top-text{margin-top: 38px;}
.top-news .top-text p{margin-bottom: 40px;}
.top-news .top-text a{display: inline-block;text-align: center;width: 200px;line-height: 57px;color: #fff;font-size: 18px;border:1px solid #fff;margin-right: 14px;}
.top-news .top-text a.active{border:none;line-height: 60px;background:#174499;background: -moz-linear-gradient(left, #fd4c4c 0%, #174499 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: linear-gradient(to right, #fd4c4c 0%,#174499 100%);}

.item-news{margin-bottom: 70px;}
.item-news li{overflow: hidden;-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;padding:40px 0 32px;position: relative;z-index: 1;}
.item-news li:after{content:'';position: absolute;top: 0;left: 0;bottom: 0;z-index: -1;background-color: #f6f7fa;-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;width: 0;}
.item-news li .date{float: left;width: 88px;text-align: center;}
.item-news li .date strong{display: block;font-size: 40px;color: #ffffff;line-height: 65px;background-color: #666666;margin-bottom: 5px;-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;}
.item-news li .date span{display: block;font-size: 16px;color:#333;line-height: 26px;}
.item-news li .text{float: right;width: 90%;}
.item-news li .text .tit{display: block;font-size: 20px;color: #333333;line-height: 30px;font-weight: bold;margin-bottom: 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.item-news li .text .qt{color: #666666;line-height: 26px;margin-bottom: 8px;}
.item-news li .text .qt span{display: inline-block;}
.item-news li .text .autor{margin-right: 50px;}
.item-news li .text p{font-size: 16px;color: #666666;line-height: 28px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.item-news li:hover:after{width: 100%;}
.item-news li:hover .date strong{background-color: #d43737;}
.item-news li:hover .tit{color: #d43737;}

.pager-wrap{margin-bottom: 98px;}

/* ============ 有问必答列表 ==========*/

.answer-top{background-color: #3a455b;padding-bottom: 35px;}
.list-top.answer-top{background-color: #f6f8fb;}
.answer-top .top-text{margin-top: 35px;}
.answer-top .top-text p{margin-bottom: 68px;}
.answer-top .case-msg{margin-top: 0;}
.answer-top .case-msg .sub-btn{width: 200px;;padding-left: 0;position: relative;}
.answer-top .case-msg .sub-btn .btn{text-align:left;font-size: 18px;color: #fff;font-weight: bold;padding-left: 50px;}
.answer-top .case-msg .sub-btn:after{content:'';width: 16px;height: 16px;background: url(../images/pro-icon.png) no-repeat;position: absolute;top: 50%;margin-top: -6px;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;right: 54px;}
.answer-top .case-msg ul{width: 85%;}
.answer-top .case-msg li{width: 22%;}
.answer-top .case-msg .li1{width: 28%;}

.question-wrap{padding-bottom: 96px;}
.question-wrap .question-list {margin-bottom: 75px;}
.question-wrap .question-list li{padding:20px 40px 10px 20px;}
.question-wrap .question-list li .pic-left {width: 27%;}
.question-wrap .question-list li .pic-left .pic:after{display: none;}
.question-wrap .question-list li .pic-left .pic{padding-left: 0;}
.question-wrap .question-list li .pic-left p span{box-shadow:none;padding:0;}
.question-wrap .question-list li .pic-left .pic{object-fit: cover;overflow: hidden;border-radius: 4px;}
.question-wrap  .question-list li .text{width: 73%;}

/* ============ 视频内页 ==========*/

.video-inner{overflow: hidden;background: url(../images/vd-bg.jpg) no-repeat top center #fafbfc;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;}

.video-area{background-color: #131621;overflow: hidden;margin-top: 30px;}
.video-area .vo-left{float: left;width: 74%;}
.video-area .vo-left video{display: block;width: 100%;}         
.video-area .text{overflow: hidden;padding:20px 240px 20px 26px;position: relative;}
.video-area .text h1{font-size: 28px;color: #fff;line-height: 38px;margin-bottom: 8px;}
.video-area .text p{display: inline-block;color: #fff;font-size: 14px;line-height: 24px;padding-left: 12px;position: relative;margin-right: 15px;}
.video-area .text p:before{content:'';width: 3px;height: 13px;border-radius: 1.5px;background-color: #f34747;position: absolute;left: 0;top: 6px;}
.video-area .text .pirce{display: block;width: 223px;height: 52px;text-align: center;background:#174499;background: -moz-linear-gradient(left, #fd4c4c 0%, #174499 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: linear-gradient(to right, #fd4c4c 0%,#174499 100%);position: absolute;right: 0;top: 30px;font-size: 18px;color: #fff;background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease;cursor: pointer;line-height: 52px;}
.video-area .text .pirce img{margin-left: 6px;}
.video-area .text .pirce:hover{background-position: right center;}
.video-area .vo-right{float: right;width: 26%;padding-left: 40px;padding-top: 20px;}
.side-box{padding-right: 20px;margin-bottom: 40px;}
.side-box ul{height: 280px;overflow: hidden;overflow-y: scroll;}
.side-box ul::-webkit-scrollbar {width: 4px;height: 1px;}
.side-box ul::-webkit-scrollbar-thumb {box-shadow: inset 0 0 1px #f3f3f3;background: #f35555;}
.side-box ul::-webkit-scrollbar-track {background: #fff;}
.side-box li{overflow: hidden;margin-bottom: 14px;}
.li-left{float: left;width: 48%;position: relative;}
.li-left span{display: block;position: absolute;right: 0;bottom: 0;font-size: 16px;color: #ffffff;line-height: 22px;width: 56px;text-align: center;background: #666666;}
.con-right{float: right;width: 52%;padding-left: 15px;}
.con-right .tit{font-size: 16px;line-height: 1.5em;color: #fff;display: block;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.con-right p{font-size: 16px;color: #fff;line-height: 26px;padding-left: 14px;background: url(../images/icon-vo.png) no-repeat left center;}
.con-right .tit:hover{color: #f35555;}
.side-box .more{display: block;font-size: 16px;color: #d73843;line-height: 26px;text-align: center;}
.side-box .more:hover{color: #fff;}
.vo-right .img{padding-right: 24px;margin-top: 22px;}
.vo-right .tel{position: relative;padding-top: 13px;background: url(../images/tel-bg.png) no-repeat top;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
.vo-right .tel p{font-size: 16px;color: #fff;line-height: 26px;}
.vo-right .tel strong{display: block;font-size: 28px;line-height: 38px;color: #fc5a5a;background-image: -webkit-gradient(linear, 0 0, right 0, from(#fc4c4c), to(#fc5a5a));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}



.inner-top .side-right{float: right;width: 17%;margin-top: 36px;padding-bottom: 16px;}
.side-year{background: url(../images/year-side.png) no-repeat top center;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;padding-bottom: 35px;position: relative;}
.side-year:after{content: "";position: absolute;right: 0;top: 63px;width: 45px;height: 83px;background: url(../images/year-deng.png) no-repeat;animation:moves ease-in-out 1s infinite alternate;transform-origin:top;}
@keyframes moves{
    0%{transform:rotate(6deg)}
    100%{transform:rotate(-6deg)}
}
.side-year .cont{padding-top: 80px; margin-bottom: 20px;}
.side-year .tel strong{color: #FFF;font-size: 26px;-webkit-text-fill-color:#FFF;}
@media screen and (max-width: 1660px){
    .year-tab:before,.year-tab:after{display: none;}
    .year-tab .wrap{max-width: 1400px;}
}
@media screen and (max-width: 1599px){
    .year-tab .wrap{max-width: 1200px;}
    .side-year:after{top: 55px;}
    .side-year .cont{padding-left: 15px;padding-top: 66px;margin-bottom: 12px;}
    .side-year .cont p{margin-bottom: 12px;font-size: 15px;}
    .side-year .tel strong{font-size: 22px;}
}
@media screen and (max-width: 1240px){
    .side-r .tel{padding-left: 16px;}
    .side-year .tel strong{font-size: 20px;}
}
.side-bg{background-color: #131621;}
.side-right .pic{position: relative;padding-bottom: 20px;}
.get-pirce{display: block;line-height: 48px;text-align: center;background:#174499;background: -moz-linear-gradient(left, #fd4c4c 0%, #174499 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: linear-gradient(to right, #fd4c4c 0%,#174499 100%);position: absolute;left: 14px;bottom: 0;right: 14px;font-size: 18px;color: #fff;background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease;cursor: pointer;}
.get-pirce img{margin-left: 6px;}
.get-pirce:hover{background-position: right center;}


.video-cont{background-color: #fafbfc;}
.main-cont{padding-top: 70px;font-size: 18px;line-height: 2em;/* padding-bottom: 90px; */}
.main-cont .left-cont{float: left;width: 100%;position: relative;}
.main-cont .left-cont h2,.main-cont .left-cont h3,.xg-bt{font-size: 28px;line-height: 38px;padding-left: 50px;position: relative;margin: 30px 0 20px;background: url(../images/pro_xq3.png) 5px no-repeat;height: 38px;}
/*.main-cont .left-cont h2:before,.main-cont .left-cont h3:before,.xg-bt:before{content:'';width: 46px;height: 41px;position: absolute;top: 8px;left: 0;}*/
.main-cont .left-cont h6,.main-cont .left-cont h5{
     font-size: 20px;
     font-weight: 100;
}
.main-cont .left-cont h6 strong,.main-cont .left-cont h5 strong{
    display: block;
    /* font-size: 16px; */
    width: 55px;
    height: 34px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    /* position: absolute; */
    /* left: -38px; */
    /* top: 4px; */
    background: url(../images/pro_xq4.png) no-repeat;
    -webkit-background-size: 26px;
    background-size: 60px;
    float: left;
}
.xg-bt{display: block;}
.main-cont .left-cont p{margin-bottom: 10px;font-size: 16px;line-height: 30px;}
.main-cont .left-cont p.ms{text-align: center;margin-top: -5px;color:#666;}
.main-cont .left-cont p em{font-style: normal;}

.main-cont .right-side{float: right;width: 17%;}
.side-tit{background: #344463;text-align: center;line-height: 48px;font-size: 20px;color: #ffffff;display: block;font-weight: normal;}
.related-pro,.more-related{background-color: #fff;-webkit-box-shadow: 6px 6px 15px rgba(71,3,3,0.05);-moz-box-shadow: 6px 6px 15px rgba(71,3,3,0.05);-ms-box-shadow: 6px 6px 15px rgba(71,3,3,0.05);-o-box-shadow: 6px 6px 15px rgba(71,3,3,0.05);box-shadow: 6px 6px 15px rgba(71,3,3,0.05);margin-bottom:48px;}
.related-pro ul{padding: 20px 15px 10px;}
.related-pro li {margin-bottom: 10px;}
.related-pro li a{display: block;}
.related-pro li .img img{display: block;width: 100%;}
.related-pro li .tit{font-size: 16px;color: #333333;text-align: center;line-height: 36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.related-pro li:hover .tit{color: #174499;}

.main-cont table{margin-bottom: 30px;}
.main-cont table td{word-break: break-all;padding:5px 4px;font-size: 16px;}

/* ============ 案例内页 ==========*/
.case-inner{background: url(../images/cp-bg.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-bottom: 60px;}

.inner-top{margin-top: 22px;}
.inner-top .col-l{float: left;width: 81%;}
.inner-top .col-l h1{font-size: 34px;color: #fff;line-height: 44px;margin-bottom: 25px;}
.vo-box{overflow: hidden;background-color: #131621;}
.vo-box .mp{float: left;width: 72%;}
.vo-box .mp img{display: block;width: 100%;}
.vo-box .text{float: right;width: 28%;padding-left: 20px;color: #fff;padding-top: 36px;}
.vo-box .text p{font-size: 20px;line-height: 30px;padding-left: 16px;margin-bottom: 40px;position: relative;}
.vo-box .text p span{display: block;font-size: 18px;line-height: 28px;margin-top: 24px;}
.vo-box .text p:before{content:'';width: 8px;height: 20px;background-color: #f35555;position: absolute;left: 0;top: 8px;}
.vo-box .pirce{padding-right: 30px;}

.case-inner .side-right{padding-top: 20px;margin-top: 68px;padding-bottom: 0;padding-left: 34px;}
.case-inner .get-pirce{position: static;}
.case-inner .side-right>strong{display: inline-block;font-size: 22px;color: #fff;position: relative;z-index: 1;margin-bottom: 24px;font-weight: normal;}
.case-inner .side-right>strong:after{content: '';position: absolute;left: 0;right: 0;bottom: 5px;height: 5px;background-color: #f35555;z-index: -1;}

.case-inner .side-right ul{padding:0 10px 0 0;}
.case-inner .side-right li{overflow: hidden;margin-bottom: 35px;}
.case-inner .side-right li .pic-a{display: block;float: left;width: 55%;margin-right: 12px;}
.case-inner .side-right li .text-a{font-size: 14px;color: #ffffff;line-height: 24px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.case-inner .side-right li:hover .text-a{color: #f35555;}

.case-inner .other{overflow: hidden;color: #fff;margin-top: 15px;}
.case-inner .other .cont{float: left;}
.case-inner .other .cont p{display: inline-block;font-size: 18px;line-height: 28px;background: url(../images/icon-r.png) no-repeat left center;padding-left: 34px;background-size: 13px;margin-right: 40px;}
.case-inner .other .tel-p{float: right;font-size: 14px;line-height: 28px;}
.case-inner .other .tel-p strong{font-size: 24px;color: #f8a07d;background-image: -webkit-gradient(linear, 0 0, right 0,from(#fd4c4c), to(#f8a07d));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}

.case-part{padding:74px 0 70px;}
.case-part .col-l{float: left;width: 50%;padding-right: 42px;}
.case-h2{font-size: 30px;line-height: 40px;font-weight: normal;color: #333;margin-top: 22px;margin-bottom: 38px;}
.case-h2 span{background-color: #174499;display: inline-block;padding:0 10px 4px 12px;color: #fff;font-weight: bold;line-height: 40px;margin-right: 4px;}
.case-part .col-l p,.case-part1 .col-l p{font-size: 18px;color: #333;line-height: 2em;margin-bottom: 26px;position: relative;padding-left: 45px;}
.case-part .col-l p strong,.case-part1 .col-l p strong{display: block;font-size: 16px;color: #fff;line-height: 26px;width: 26px;text-align: center;height: 26px;background: url(../images/index-icon.png) no-repeat center;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;position: absolute;left: 0;top: 4px;font-weight: normal;}
.case-part .col-r{float: right;width: 50%;padding-left: 20px;}
.case-part .col-r img{display: block;width: 100%;}
.case-part video{display: block;width: 100%;}

.case-part1{background-color: #f1f3f6;padding: 70px 0;margin-bottom: 48px;}
.case-part1 .col-l{float: right;width: 57%;padding-left: 70px;}
.case-part1 .col-r{float: left;width: 43%;}
.case-part1 .col-r img{display: block;width: 100%;}

.case-part2{margin-bottom: 68px;}
.case-part2 h2{text-align: center;}
.case-part2 ul{overflow: hidden;margin-left: -1%;}
.case-part2 li{float: left;;width: 32.33%;margin-left: 1%;}
.case-part2 li img{display: block;width: 100%;}
.case-part2 p{margin-bottom: 30px;}

.case-info{overflow: hidden;background-color: #fff;padding-right: 62px;-webkit-box-shadow: 3px 6px 15px rgba(71,3,3,0.05);-moz-box-shadow: 3px 6px 15px rgba(71,3,3,0.05);-ms-box-shadow: 3px 6px 15px rgba(71,3,3,0.05);-o-box-shadow: 3px 6px 15px rgba(71,3,3,0.05);box-shadow: 3px 6px 15px rgba(71,3,3,0.05);position: relative;z-index: 1;}
.case-info .zx-btn{float: left;width: 213px;margin-right: 42px;cursor: pointer;}
.case-info .zx-btn img{display: block;width: 100%;}
.case-info .zx-btn strong{display: block;text-align: center;font-size: 18px;color: #fff;line-height: 48px;background:#174499;background: -moz-linear-gradient(left, #fd4c4c 0%, #174499 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: linear-gradient(to right, #fd4c4c 0%,#174499 100%);font-weight: normal;background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease;}
.case-info .zx-btn:hover strong{background-position: right center;}
.case-info h2{margin-bottom: 8px;margin-top: 20px;}
.case-info .info p{font-size: 18px;color: #333;line-height: 2em;}

.related-box{/* background-color: #f1f3f6; */padding-top: 40px;position: relative;margin-top: 0px;padding-bottom: 50px;width: 100%;overflow: hidden;}
.related-box .title{overflow: hidden;margin-bottom: 20px;}
.related-box .title strong{display: block;background-color: #174499;font-size: 30px;float: left;color: #fff;line-height: 40px;padding:0 10px;margin-right: 18px;}
.related-box .title p{font-size: 16px;color: #666666;line-height: 26px;margin-top: 14px;}

.related-box .case-list{margin-left: -4%;}
.related-box .case-list li{width: 21%;margin-left: 4%;}
.related-box .case-list li .text{padding:10px 10px 15px 18px;}
.related-box .case-list li .text .tit{font-weight: normal;}
.related-box .case-list li .text:before{top: -6px;}
.related-box .case-list li .text .more{padding: 0px 11px 3px;}

/* ============ 产品内页 ==========*/

.pro-msg .map-box{background-color: #fff;}
.pro-inner{background: url(../images/pro-bg2.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-bottom: 46px;}
.pro-inner .inner-top{margin-top: 36px;}
.pro-inner .cp-box{overflow: hidden;}
.pro-inner .cp-left{float: left;width: 47.6%;}
.pro-inner .cp-img{margin-bottom: 26px;}
.pro-inner .cp-left img{display: block;width: 100%;}
/*.cp-img .slick-list{height:auto;}*/
.cp-img-top-hot{width:100%;}
.pro-inner .cp-left video{display: block;width:100% ;}
.cp-img-bottom{/* margin-left:10px; *//* width: 140px !important; */position:relative;}
.cp-img-bottom .pic_bf{position:absolute;left:0px;top:0px;width: 100%;height: 100%;background: #3b3636b5;}
.cp-img-bottom .pic_bf img{width: 40px !important;margin: 23% auto;}
.slick-prev, .slick-next{
    
}
.cp_hot{width: 94%;margin:0px auto;}
.cp-img-bottom img{display: block;width: 95% !important;margin: 0px auto;}
.pro-inner .cp-left .slider-nav .slick-list{
    /* padding: 0px 42px !important; */
    /* margin-left: 27px !important; */
    /* margin-right: 24px !important; */
}
.cp_hot .slick-next {
     right: -3% !important;
     width: 3% !important;
     background: #174499 !important;
     top: 0px !important;
     height: 100% !important;
     transform: inherit !important;
}

.cp_hot .slick-prev{
     left: -3% !important;
     width: 3% !important;
     background: #174499 !important;
     top: 0px !important;
     height: 100% !important;
     transform: inherit !important;
     display: block;
     z-index: 111;
}
.cp_hot .slick-next:before {
    content: '>' !important;
}
.cp_hot .slick-prev:before {
    content: '<' !important;
}
.cp-text {float: right;width: 51%;}
.cp-text h1{font-size: 32px;color: #fff;margin-bottom: 18px;line-height: 42px;padding-left: 16px;position: relative;}
.cp-text h1:before{content:'';width: 8px;height: 35px;background-color: #174499;position: absolute;left: 0;top: 5px;}
.cp-text .ys{
    
margin-bottom: 20px;
    
overflow: hidden;
}
.cp-text .ys span{
    text-align: center;
    width: 113px;
    height: 39px;
    background: #2267e6;
    border-radius: 20px;
    display: block;
    float: left;
    margin-right: 20px;
    line-height: 39px;
    color: #fff;
}
.cp-text .info{padding-right: 170px;overflow: hidden;margin-bottom: 18px;}
.cp-text .info dl{float: left;width: 50%;color: #fff;}
.cp-text .info dt{font-size: 18px;line-height: 26px;display: block;float: left;font-weight: 600;}
.cp-text .info dd{font-size: 18px;line-height: 28px;/* font-weight: bold; */display: block;}
.cp-text .txt {margin-bottom: 20px;}
.cp-text .txt p{font-size: 16px;color: #fff;line-height: 2em;}
.cp-text .txt p strong{font-size:18px;}
.cp-text .txt p a{color:#fff;}
.cp-text .txt p a:hover{color:#174499;}
.cp-text .wl{margin-bottom: 18px;padding-left: 14px;}
.cp-text .wl p{font-size: 16px;color: #fff;line-height: 26px;margin-bottom: 5px;}
.cp-text .wl p strong{font-weight: normal;}
.cp-text .wl ul{overflow: hidden;margin:0 -17px;width: 90%;}
.cp-text .wl li{float: left;width: 19.3%;padding: 0 7px;margin-bottom: 10px;}
.cp-text .wl li img{display: block;width: 100%;height: 81px;}
.pirce-box{margin-top: 27px;}
.pirce-box .more-a{width:220px;margin-right:30px;}
.pirce-box .pirce{display: inline-block;width: 220px;height: 48px;line-height: 48px;background-color: #e53536;text-align: center;font-size: 18px;color: #fff;cursor: pointer;}
.pirce-box .pirce a {color: #fff;}
.pirce-box .pirce img{vertical-align: middle;margin-top: -2px;margin-right: 2px;}

.pro-tab{background-color: #fff;-webkit-box-shadow: 0 3px 24px rgba(69,0,5,0.1);-moz-box-shadow: 0 3px 24px rgba(69,0,5,0.1);-ms-box-shadow: 0 3px 24px rgba(69,0,5,0.1);-o-box-shadow: 0 3px 24px rgba(69,0,5,0.1);box-shadow: 0 3px 24px rgba(69,0,5,0.1);}
.pro-tab ul{overflow: hidden;}
.pro-tab li{float: left;width: 20%;text-align: center;position: relative;}
.pro-tab li a{display: block;font-size: 16px;color: #333;line-height: 64px;}
.pro-tab li:after{content:'';width: 1px;height: 20px;background-color: #e0e0e0;position: absolute;left: 0;top: 50%;margin-top: -10px;}
.pro-tab li:first-child:after{display: none;}
.pro-tab li.one{text-align: left;width: 18%;padding-left: 20px;}
.pro-tab li.last{text-align: right;width: 18%;padding-right: 40px;}
.pro-tab li:hover a{color: #f35555;}



/*视频内页*/
.vi_inner_top{background:none !important;}
.vi_inner{overflow:hidden;background: #ffffff;box-shadow: 4.5px 5.36px 14px 0px rgba(11,34,76,0.10);/* width:90%; */margin:0px auto;padding-bottom: 10px;}
.vi_inner .cp-text h1{color: #333333;}
.vi_inner .cp-text h1:before{content:'';width: 8px;height: 35px;background-color: #174499;position: absolute;left: 0;top: 5px;}
.vi_inner .cp-text .ys{
    
margin-bottom: 20px;
    
overflow: hidden;
}
.vi_inner .cp-text .ys span{
    text-align: center;
    width: 113px;
    height: 39px;
    background: #2267e6;
    border-radius: 20px;
    display: block;
    float: left;
    margin-right: 20px;
    line-height: 39px;
    color: #fff;
}
.vi_inner .cp-text .info{padding-right: 170px;overflow: hidden;margin-bottom: 18px;}
.vi_inner .cp-text .info dl{float: left;width: 50%;color: #333;}
.vi_inner .cp-text .info dt{font-size: 16px;line-height: 26px;}
.vi_inner .cp-text .info dd{font-size: 20px;line-height: 30px;font-weight: bold;}
.vi_inner .cp-text .txt {margin-bottom: 20px;}
.vi_inner .cp-text .txt p{font-size: 16px;color: #333;line-height: 2em;}
.vi_inner .cp-text .txt p a{color:#333;}
.vi_inner .cp-text .txt p a:hover{color:#174499;}
.vi_mess{
    
}
.vi_mess li{
   float: left;
   margin-right: 20px;
   margin-bottom: 20px;
}
.vi_mess li input,.vi_mess li select{
    width: 266px;
    height: 37px;
    background: #f5f5f5;
    padding-left: 10px;
}
.vi_mess li.vi_mess_bo input{
    background: #174499 !important;
    color: #fff;
}
.vi-cont{
    width: 89% !important;
    /* margin: 0px auto; */
    float: inherit !important;
    overflow: hidden;
}
.pro-cont{padding-top: 60px;}
/* .pro-cont .right-side{margin-top: 52px;} */
.more-related ul{padding:20px 15px 1px;}
.more-related li{text-align: center;margin-bottom: 20px;-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;}
.more-related li a{display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 18px;color: #666666;line-height: 48px;border: 1px solid #666666;padding:0 5px;}
.more-related li:hover{background:#174499;background: -moz-linear-gradient(left, #fd4c4c 0%, #174499 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: linear-gradient(to right, #fd4c4c 0%,#174499 100%);}
.more-related li:hover a{color: #fff;border-color: transparent;}

.advantage{margin-bottom: 10px;}
.advantage li {padding-left: 38px;}
.advantage li strong{display: block;font-size: 22px;color: #333333;font-weight: normal;position: relative;margin-bottom: 4px;}
.advantage li strong span{display: block;font-size: 16px;width: 26px;height: 26px;color: #fff;line-height: 26px;text-align: center;position: absolute;left: -38px;top: 4px;background: url(../images/index-icon.png) no-repeat center;-webkit-background-size: 26px;background-size: 26px;}
.advantage li p{color: #666666;}

.main-cont .left-cont p a{color: #174499;}
.main-cont .left-cont p>a:hover{text-decoration: underline;}
.main-cont .left-cont p a.cpxqzx,.span_zixun{color: #fff;padding:0 16px;display: inline-block;background:#174499;background: -moz-linear-gradient(left, #fd4c4c 0%, #174499 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: linear-gradient(to right, #fd4c4c 0%,#174499 100%);margin:0 5px;cursor: pointer;-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;}
.main-cont .left-cont p a.cpxqzx:hover,.span_zixun:hover{border-radius:16px 0 16px 0;}

.tab-cs li{display: inline-block;margin-right: 30px;margin-bottom: 30px;-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;}
.tab-cs li span{display: block;padding:0 28px;font-size: 18px;color: #666666;line-height: 46px;border: 1px solid #666666;cursor: pointer;}
.tab-cs li.on,.tab-cs li:hover{background:#174499;background: -moz-linear-gradient(left, #fd4c4c 0%, #174499 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: linear-gradient(to right, #fd4c4c 0%,#174499 100%);}
.tab-cs li.on span,.tab-cs li:hover span{border-color: transparent;color: #fff;}
.cs-box table{width: 100%;}
.cs-box table td {padding: 5px 2px;word-break: break-all;}
.one-color{background: #174499;background: -webkit-linear-gradient(left, #174499, #fd4c4c);background: -o-linear-gradient(right, #174499, #fd4c4c);background: -moz-linear-gradient(right, #174499, #fd4c4c);background: linear-gradient(to right, #174499, #fd4c4c);color: #fff;}
.one-td{background: #174499;color: #fff;}

.xg-case{margin-top: 40px;}
.xgcase-list{margin-left: -3%;}
.xgcase-list li{float: left;width: 47%;margin-left: 3%;overflow: hidden;background-color: #fff;-webkit-box-shadow: 6px 10px 21px rgba(210,61,71,0.05);-moz-box-shadow: 6px 10px 21px rgba(210,61,71,0.05);-ms-box-shadow: 6px 10px 21px rgba(210,61,71,0.05);-o-box-shadow: 6px 10px 21px rgba(210,61,71,0.05);box-shadow: 6px 10px 21px rgba(210,61,71,0.05);position: relative;}
.xgcase-list li .pic{display: block;float: left;width: 50%;position: relative;}
.xgcase-list li .pic img{display: block;width: 100%;}
.xgcase-list li .pic:after{content: '';width: 0;height: 2px;position: absolute;left: 0;bottom: 0;background: #174499;background: -webkit-linear-gradient(left, #174499, #fd4c4c);background: -o-linear-gradient(right, #174499, #fd4c4c);background: -moz-linear-gradient(right, #174499, #fd4c4c);background: linear-gradient(to right, #174499, #fd4c4c);-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;}
.xgcase-list li .text{float: left;width: 50%;padding:28px 15px 0;}
.xgcase-list li .text .tit{display: block;font-size: 18px;line-height: 22px;color: #333333;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 18px;}
.xgcase-list li .text p{margin-bottom: 0;font-size: 16px;color: #666666;line-height: 26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 5px;}
.xgcase-list li .text .more{display: block;position: absolute;width: 46px;height: 25px;right: 0;bottom: 0;background:#174499;background: -moz-linear-gradient(left, #fd4c4c 0%, #174499 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: linear-gradient(to right, #fd4c4c 0%,#174499 100%);text-align: center;}
.xgcase-list li .text .more img{display: inline-block;vertical-align: middle;margin-top: -16px;}
.xgcase-list li .pic img{display: block;width: 100%;}
.xgcase-list li:hover .pic:after{width: 100%;}
.xgcase-list li:hover .text .tit{color: #174499;}

.xg-top{position: relative;}
.xg-top a{display: block;position: absolute;right: 0;bottom: 0;font-size: 14px;color: #666666;line-height: 34px;}
.xg-top a:hover{color: #174499;}

.xg-news{margin-top: 70px;}
.xw-list li{overflow: hidden;-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;border-radius: 4px;margin-bottom: 30px;width: 50%;float: left;}
.xw-list li .pic{display: block;float: left;width: 242px;overflow: hidden;object-fit: cover;border-radius: 4px 0 0 4px;height: 160px;}
.xw-list li .pic img{display: block;width: 100%;}
.xw-list li .text{float: right;width: 57%;padding: 5px 30px 0 18px;}
.xw-list li .text .tit{font-size: 22px;color: #333333;line-height: 32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 4px;display: block;}
.xw-list li .text .time{overflow: hidden;}
.xw-list li .text .time span{display: block;font-size: 16px;color: #666666;line-height: 36px;float: left;}
.xw-list li .text .time a{float: right;}
.xw-list li:hover{-webkit-box-shadow: 0 4px 16px rgba(69,0,5,0.05);-moz-box-shadow: 0 4px 16px rgba(69,0,5,0.05);-ms-box-shadow: 0 4px 16px rgba(69,0,5,0.05);-o-box-shadow: 0 4px 16px rgba(69,0,5,0.05);box-shadow: 0 4px 16px rgba(69,0,5,0.05);background-color: #fff;}
.xw-list li .tit:hover {color: #174499;}
.xw-list li:hover .time a{margin-right: 14px;}

.xg-cas li .text{
    width: 61%;
}

/* ============ 新闻内页 ==========*/

.news-inner{background: url(../images/new-bg1.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-bottom: 40px;}
.news-inner .top{color: #fff;margin-top: 30px;}
.news-inner .top h1{font-size: 32px;line-height: 42px;margin-bottom: 30px;}
.news-inner .top span{display: inline-block;font-size: 14px;line-height: 24px;margin-right: 16px;}

.news-cont{/* background-color: #f1f3f6; */}
.side-r {margin-bottom: 52px;padding-bottom: 15px;}
.side-r .cont p{font-size: 16px;padding-left: 22px;margin-bottom: 18px;}
.side-r .tel {color: #fff;padding-left: 22px;}
.side-r .tel p{font-size: 14px;line-height: 24px;}
.side-r .tel strong{display: block;font-size: 24px;line-height: 34px;color: #f8a07d;background-image: -webkit-gradient(linear, 0 0, right 0, from(#fd4c4c), to(#f8a07d));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}

.news-inner .top .line-a{display: inline-block;font-size: 18px;color: #fff;line-height: 40px;background:#174499;background: -moz-linear-gradient(left, #fd4c4c 0%, #174499 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: linear-gradient(to right, #2267e6 0%,#174499 100%);background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease;padding:0 32px;border-radius: 4px;cursor: pointer;margin-left: 24px;}
.news-inner .top .line-a img{margin-left: 8px;}
.news-inner .top .line-a:hover{background-position: right center;}


.prev-box{background-color: #fff;margin: 40px 0;padding:0 40px;-webkit-box-shadow: 6px 6px 15px rgba(71,3,3,0.05);-moz-box-shadow: 6px 6px 15px rgba(71,3,3,0.05);-ms-box-shadow: 6px 6px 15px rgba(71,3,3,0.05);-o-box-shadow: 6px 6px 15px rgba(71,3,3,0.05);box-shadow: 6px 6px 15px rgba(71,3,3,0.05);}
.prev-box li{font-size: 20px;line-height: 50px;color: #5b6770;padding:28px 0 26px;overflow: hidden;width: 50%;float: left;border-bottom: 1px dashed #d0d0d0;}
.prev-box li span{display:block;color: #174499;float: left;}
.prev-box li span img{margin-right: 28px;}
.prev-box li:first-child{border-bottom: 1px dashed #d0d0d0;}
.prev-box li a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}
.prev-box li:hover a{color: #174499;}

/* ============ 问答内页 ==========*/

.question-inner{background: url(../images/wd-bg1.jpg) no-repeat top center;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;}
.question-inner .top{color: #fff;background-color: #101b2c;margin-top: 45px;border-bottom:4px solid #d14540;padding: 25px 52px;position: relative;z-index: 1;}
.question-inner .top h1{font-size: 30px;color: #fff;line-height: 40px;margin-bottom: 20px;}
.question-inner .top span{display: inline-block;font-size: 16px;line-height: 26px;margin-right: 20px;}
.question-inner .top .pic{position: absolute;right: 10px;bottom: 30px;}

.question-cont{background-color: #f1f3f6;position: relative;margin-top: -20px;padding-top: 90px;}

.side-r .piece{padding:20px 14px 0;text-align: center;margin-bottom: 15px;}
.side-r .piece .p1{font-size: 16px;color: #fff;line-height: 36px;}
.side-r .piece .p2{font-size: 16px;color: #fb4b4b;line-height: 23px;border:1px dashed #fb4b4b;}
.question-cont .side-r .cont{padding-top: 0;margin-bottom: 20px;}
.question-cont .side-r .pic{padding:0 14px;margin-top: 0;}
.question-cont .side-r .get-pirce{position: static;}


/* ============ 物料内页 ==========*/

.wl-inner{background: url(../images/wl-bg1.jpg) no-repeat top center #f1f3f6;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;}
.wl-area{width: 71%;background-color: #101b2c;overflow: hidden;margin-top:52px;padding-bottom: 26px;position: relative;}
.wl-area .left{float: left;width: 70%;padding-left: 40px;color: #fff;padding-top: 25px;}
.wl-area .left h1{font-size: 30px;line-height: 40px;margin-bottom: 10px;}
.wl-area .left p{font-size: 16px;line-height: 26px;margin-bottom: 22px;}
.wl-area .wl-btn{float: right;width: 24.5%;padding-right:30px;padding-top: 106px;position: relative;}
.wl-area .wl-btn .pirce{display: block;height: 48px;text-align: center;background:#174499;background: -moz-linear-gradient(left, #fd4c4c 0%, #174499 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: linear-gradient(to right, #fd4c4c 0%,#174499 100%);font-size: 18px;color: #fff;background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease;cursor: pointer;line-height: 48px;}
.wl-area .wl-btn .pirce img{margin-left: 6px;}
.wl-area .wl-btn .pirce:hover{background-position: right center;}
.wl-area .wl-btn span{position: relative;z-index: 1;}
.wl-area .wl-btn:after{content: '';width: 99px;height: 170px;background: url(../images/wl-gcs.png) no-repeat;position: absolute;top: 8px;left: 70px;}

.wl-area:after{content:'';width: 100%;height: 5px;position: absolute;left: 0;bottom: 0;background:#d14540;background: -moz-linear-gradient(left, #ef4c43 0%, #d14540 100%);background: -webkit-linear-gradient(left, #ef4c43 0%,#d14540 100%);background: -o-linear-gradient(left, #ef4c43 0%,#d14540 100%);background: -ms-linear-gradient(left, #ef4c43 0%,#d14540 100%);background: linear-gradient(to right, #ef4c43 0%,#d14540 100%);}

.wl-cont{padding-top: 88px;background-color: #f1f3f6;}
.wl-cont .ewm{padding-top: 20px;padding-bottom: 5px;}

.solution-ul{margin-left: -2%;}
.solution-ul li{float: left;width: 48%;margin-left: 2%;margin-bottom: 30px;}
.solution-ul li .pic{width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 74.58%;display: block;}
.solution-ul li .pic img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;}
.solution-ul li .tit{display: block;font-size: 20px;color: #333333;line-height: 66px;background-color: #ffffff;padding:0 50px 0 30px;position: relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.solution-ul li .tit:after{content:'';width: 40px;height: 25px;background: url(../images/wl-arr.jpg) no-repeat;position: absolute;right: 0;top: 50%;margin-top: -10px;}
.solution-ul li .tit:before{content:'';width: 0;height: 3px;background:#174499;background: -moz-linear-gradient(right, #fd4c4c 0%, #174499 100%);background: -webkit-linear-gradient(right, #fd4c4c 0%,#174499 100%);background: -o-linear-gradient(right, #fd4c4c 0%,#174499 100%);background: -ms-linear-gradient(right, #fd4c4c 0%,#174499 100%);background: linear-gradient(to left, #fd4c4c 0%,#174499 100%);position: absolute;top: 0;left: 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;}
.solution-ul li .tit:hover{color: #f64949;}
.solution-ul li:hover .tit:before{width: 100%;}

/* ============ 产品相关列表 ==========*/

.more-article{background-color: #3a455b;padding-bottom: 35px;}
.more-article h1{margin-top: 36px;color: #fff;font-size: 40px;line-height: 50px;}
.more-article h1 a{color: #f35555;margin:0 10px;}
.more-article h1 a:hover{text-decoration: underline;}
.article-box{background-color: #f6f8fb;}
.article-box .col-l{float: left;width: 71%;}
.related-pro .pro{padding: 20px 15px 10px;}
.related-pro .pro a{display: block;}
.related-pro .pro .img img{display: block;width: 100%;}
.related-pro .pro .tit{font-size: 16px;color: #333333;text-align: center;line-height: 36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.related-pro .pro:hover .tit{color: #174499;}
.article-box .right-side{margin-top: 15px;}
.article-list li{overflow: hidden;position: relative;padding:8px 0 14px;}
.article-list li a{display: block;float: left;width: 80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 20px;line-height: 40px;color: #333333;}
.article-list li span{display: block;float: right;font-size: 16px;color: #999999;line-height: 40px;-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;}
.article-list li:before{content:'';width: 95%;border-top: 1px dashed #e9ebee;position: absolute;right: 0;top: 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;}
.article-list li:hover a{color: #f64949;}
.article-list li:hover span{color: #f64949;}

/* ============ 404 ==========*/

.error-box{text-align: center;padding-top: 110px;}
.error-box strong{display: block;font-size: 24px;line-height: 34px;margin-top: 42px;margin-bottom: 20px;}
.error-box p{font-size: 16px;line-height: 26px;}
.error-box p a:hover{color: #174499;}
.error-box .return-home{display: inline-block;background:#174499;background: -moz-linear-gradient(left, #fd4c4c 0%, #174499 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#174499 100%);background: linear-gradient(to right, #fd4c4c 0%,#174499 100%);font-size: 18px;color: #ffffff;line-height: 48px;width: 360px;margin-top: 25px;border-radius: 4px;background-repeat: no-repeat;background-position: left center;background-size:  200% 100%;transition: background-position .6s ease;margin-bottom: 20px;}
.error-box .return-home:hover{background-position: right center;}


/* ============ 商务通 ==========*/
/* 新年商务通 */
/*.year-fixed{position: fixed;right: 10px;bottom: 20%;width: 171px; background: url(../images/year-bg.png) no-repeat;padding-top: 120px;padding-bottom: 15px; text-align: center;z-index: 9999;}*/
/*.year-niu{position: absolute;top: 0;cursor: pointer;}*/
/*.year-fixed ul{width: 80px;margin:0 auto;}*/
/*.year-fixed li{height: 100px;text-align: center;font-size: 20px;line-height: 46px;cursor: pointer;position: relative;}*/
/*.year-fixed li.year-list01{border-bottom:1px solid #D48585;}*/
/*.year-fixed li.year-list01 a{padding-top: 44px; background: url(../images/year-icon01.png) no-repeat top center;}*/
/*.year-fixed li.year-list02 span{padding-top: 44px; background: url(../images/year-icon02.png) no-repeat top center;}*/
/*.year-fixed li a,.year-fixed li span{display: block; color: #ffd9c1;text-shadow: 5px 5px 13px rgba(69,0,5,.2);}*/
/*.year-fixed li:hover a,.year-fixed li:hover span{color: #FFF;}*/
/*.year-top{width: 120px;margin: 22px auto; line-height: 28px;cursor: pointer;color: #a8182e;background: url(../images/year-top.png) no-repeat top center;padding-top: 4px;}*/
/*.year-top img{margin-left: 4px;}*/
/*.year-top:hover{font-weight: bold;}*/
/*.year-tel{ position:absolute;right:-20px;top:0;padding:6px;background: url(../images/year-tel.png) no-repeat;width: 306px; display: none;z-index: 9;}*/
/*.year-tel img{float:left;width: 84px;}*/
/*.year-tel p{display: block;overflow: hidden;color: #FFF;font-size: 20px;line-height: 1.2;margin-top: 10px;}*/
/*.year-tel p i{color: #fc4b4b;font-style: normal;}*/
/*.year-tel p strong{display:block;font-size:24px;color:#f14646;margin-top: 13px;}*/



.fixed-swt{width: 142px;position: fixed;right: 20px;bottom: 240px;z-index: 9999;background: url(../images/swt-bg.png) no-repeat;border-radius: 40px;/* box-shadow: 2px 5px 10px rgba(255,43,75,0.3); */padding:0 5px 18px;}
.fixed-swt li{text-align: center;}
.fixed-swt li em{display: block;font-style: normal;font-size: 18px;color: #fff2dc;line-height: 28px;margin-top: -12px;}
.swt-zx{position: relative;padding-top: 75px;cursor: pointer;}
.swt-zx a{display: block;/* background-color: #fff0d6; */font-size: 18px;color: #174499;line-height: 49px;/* border-radius: 8px; */font-weight: bold;/* box-shadow: 2px 2px 8px rgba(48,0,7,0.34); */width: 122px;background: linear-gradient(-30deg,#ffe1ad 0%, #fff2dc 100%);border-radius: 10px;box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.20);margin-left: 8px;}
.swt-zx a img{margin-top: -2px;}
.swt-zx:before{content:'';width: 134px;height: 167px;background: url(../images/swt-kf.png) no-repeat;left: -2px;bottom: 50px;position: absolute;z-index: -1;}
.swt-msg{position: relative;padding-bottom: 20px;}
.swt-msg a{display: block;cursor: pointer;}
.swt-msg:after{content:'';width: 81px;height: 1px;background-color: #ffedd1;position: absolute;left: 50%;margin-left: -40px;bottom: 0;}
.swt-tel .tel{display: block;cursor: pointer;padding-bottom: 10px;}
.swt-area{width: 160px;height: 200px;position: absolute;right: 160px;bottom: 16px;text-align: center;background: #174499;background: -moz-linear-gradient(top, #dd1d2f 0%, #d94353 100%);/* background: -webkit-linear-gradient(top, #dd1d2f 0%,#d94353 100%); */background: -o-linear-gradient(top, #dd1d2f 0%,#d94353 100%);background: -ms-linear-gradient(top, #dd1d2f 0%,#d94353 100%);/* background: linear-gradient(to bottom, #dd1d2f 0%,#d94353 100%); */border-radius: 12px;display: none;}
.swt-area .ewm{padding: 20px 20px 0;margin-bottom: 4px;}
.swt-area .ewm img{border-radius: 4px;box-shadow: 2px 2px 9px rgba(56,0,6,0.7);}
.swt-area p{font-size: 14px;color: #ffffff;line-height: 24px;}
.swt-area strong{display: block;font-size: 18px;color: #fff2dc;line-height: 22px;}
.fixed-swt li:hover .swt-area{display:block;}
.t-top{position: fixed;bottom: 0;right: 0;width: 110px;height: 50px;cursor: pointer;z-index: 9999;display: none;}

.swt-msg a:hover em,.swt-tel .tel:hover em{color: #fff;}

.t-top{
    width: 100px;
    /* height: 49px; */
    opacity: 0.8;
    background: #174499;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    color: #fff;
    font-weight: 700;
    text-align: left;
    color: #ffffff;
    /* line-height: 36px; */
    font-size: 18px;
    cursor: pointer;
    z-index: 9999;
    text-align: center;
    padding: 10px 0px;
}
.t-top img{
    display: block;
    margin: 0px auto;
    /* margin-top: 10px; */
}
/*.fixed-right{position: fixed;width: 136px;right: 20px;bottom: 200px;text-align: center;z-index: 9999;height: 311px;}*/
/*.fixed-right>img{border-radius: 0 0 68px 68px;-webkit-box-shadow: 6px 9px 29px rgba(69,0,5,0.15);-moz-box-shadow: 6px 9px 29px rgba(69,0,5,0.15);-ms-box-shadow: 6px 9px 29px rgba(69,0,5,0.15);-o-box-shadow: 6px 9px 29px rgba(69,0,5,0.15);box-shadow: 6px 9px 29px rgba(69,0,5,0.15);}*/
/*.fixed-right .fixed{position: relative;}*/
/*.fixed-right:before{content:'';width:140px;height:130px;background:url(../images/flx-kf.png) no-repeat;position: absolute;top: -130px;left: 0;}*/
/*.fixed-right:after{content:'';width: 37px;height: 37px;background: url(../images/flx-img.png) no-repeat;position: absolute;left: -18px;top: -24px;z-index: -1;}*/
/*.fixed-right .fix-ul{position: absolute;top: 0;width: 100%;left:0;height: 311px;z-index: 99990;}*/
/*.fix-ul li{text-align: center;cursor: pointer;}*/
/*.fix-ul .fix-tel{font-size: 24px;font-weight: bold;color: #cd2738;line-height: 60px;text-shadow: 5px 5px 13px rgba(69,0,5,0.15);position: relative;z-index: 1;}*/
/*.fix-ul .fix-tel:after{content:'';position: absolute;left: -6px;right: -6px;top: -2px;bottom: -2px;background:#ffffff;background: -moz-linear-gradient(left, #f2e7d5 0%, #ffffff 100%);background: -webkit-linear-gradient(left, #f2e7d5 0%,#ffffff 100%);background: -o-linear-gradient(left, #f2e7d5 0%,#ffffff 100%);background: -ms-linear-gradient(left, #f2e7d5 0%,#ffffff 100%);background: linear-gradient(to right, #f2e7d5 0%,#ffffff 100%);border: 1px solid #f37e71;z-index: -1;}*/
/*.fix-ul .fix-tel img{position: absolute;right: -10px;top: 15px;}*/
/*.fix-ul li span{display: block;font-size: 20px;color: #ffd9c1;line-height: 30px;margin-top: 2px;}*/
/*.fix-zx,.fix-ly{padding: 20px 0 15px;}*/
/*.fix-zx{position: relative;}*/
/*.fix-zx .box{overflow: hidden;background-color: #ffffff;border: 1px solid #f14646;position: absolute;top: 3px;right: 0;bottom: 0;width: 300px;display: none;padding: 4px;}*/
/*.fix-zx .box img{float: left;display: block;width: 84px;}*/
/*.fix-zx .box .text{margin-top: 14px;}*/
/*.fix-zx .box p{font-size: 16px;color: #33507a;line-height: 28px;}*/
/*.fix-zx .box p i{font-style: normal;color: #e83148;}*/
/*.fix-zx .box strong{display: block;font-size: 20px;color: #e83148;line-height: 34px;}*/
/*.fix-ul li.return-top{width: 86px;height: 44px;border-radius:43px 43px 0 0 ;position: absolute;bottom:0;left:50%;margin-left: -43px;color:transparent;line-height:44px;font-size:20px}*/
/*.fix-ul li:hover span{color: #fff;}*/


.fixed-box{width: 384px;position: fixed;bottom: -100%;right: 0;z-index: 99991;-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;}
.fix-colse{width: 75px;height: 30px;position: absolute;right: 4px;top: 10px;cursor: pointer;display: block;}
.fixed-box.open{bottom: 0;}

.chat-btn{position: fixed;right: 60px;width: 50px;height: 50px;bottom: 100px;border-radius: 50%;background: url(../images/icon-chact.png) no-repeat center #3498db;background-size: 24px;cursor: pointer;display: none;z-index: 9999;}
.chat-btn i{display: block;width: 12px;height: 12px;background-color: #fd4c4c;border-radius: 50%;position: absolute;top: 0;left: 0;}


/* ============ 内页悬浮导航 ==========*/
.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{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{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}

.side-auto{position: fixed;width: 140px;-webkit-box-shadow:0 0 15px rgba(71,3,3,0.05);-moz-box-shadow:0 0 15px rgba(71,3,3,0.05);-ms-box-shadow:0 0 15px rgba(71,3,3,0.05);-o-box-shadow:0 0 15px rgba(71,3,3,0.05);box-shadow:0 0 15px rgba(71,3,3,0.05);bottom: 40%;left: 50%;overflow: hidden;padding:20px 0 20px 18px;z-index: 99;background-color: #fff;margin-left: 300px;display: none;}

.side-auto .toc-link::before{left: -10px;}
.toc-list li{position: relative;padding-bottom: 10px;padding-right: 4px;}
.toc-list .toc-link{color: #666666;line-height: 24px;font-size: 14px;display: block;}
.toc-list li:after{content: "";position: absolute;left: -11px;top: 10px;width: 4px;height: 3px;background-color: #dddddd;}
.is-active-link::before{background-color: #EEE;}
.toc-list li.is-active-li:after{width: 5px;height: 8px;background-color: #174499;}

/* ============ 更多问答列表 ==========*/

.xg-question{margin-top: 60px;}
.xg-question .reply-list{background-color: transparent;padding:0;}
.xg-question .reply-list li{border-color: #e5e7e9;}


.answer-top h1{font-size: 40px;color: #ffffff;line-height: 50px;margin-top: 38px;}
.answer-top h1 em{font-style: normal;}
.answer-top h1 strong{color: #f35555;margin-right: 10px;}

/* ============ 案例聚合页 ==========*/

.solution-box{background-color: #f7f9fc;padding-top: 68px;}
.wl-box{padding-top: 54px;}

/* ============ 特殊样式 ==========*/

.video-cs{background:url(../images/videocs_bg.jpg) no-repeat;background-size:100% 100%;width:100%;padding:5px 60px 50px;box-sizing:border-box;margin-bottom: 30px;}
.main-cont .video-cs h3{font-size:26px;margin-bottom:30px;color:#fff;font-weight:700;margin:25px 0 25px;text-align:center}
.main-cont .video-cs h3:before{width:82px;height:21px;content:"";display:inline-block;background:url(../images/icb1.png) no-repeat;position:static;margin-right:15px}
.main-cont .video-cs h3:after{width:82px;height:21px;content:"";display:inline-block;background:url(../images/icb2.png) no-repeat;position:static;margin-left:15px}
.video-cs table{margin:0 auto;border:12px solid #fff;width:100%;box-shadow:0 0 30px rgba(44,80,179,.2)}
.video-cs table tbody{background:#fff}
.video-cs table td{padding:14px 10px;}
.video-cs table td p{margin:0;text-align:center;text-indent:0}
.video-cs a{padding:25px 10px 65px;border-radius:20px;color:#6b86cf;height:100%;text-decoration:underline;text-align:left;line-height:2em;background:#ebf0ff;position:relative}
.video-cs a:after{background:url(../images/vd_cs.png) no-repeat;width:52px;height:52px;content:"";display:block;position:absolute;left:50%;margin-left:-26px;bottom:10px}

.content_video{text-align:center}
.content_video video{width:800px;display:block;margin:0 auto;outline:0}
.content_video p{font-size:16px;background:#fd4c4c;background:-webkit-linear-gradient(left,#fd4c4c,#174499);background:-o-linear-gradient(right,#fd4c4c,#174499);background:-moz-linear-gradient(right,#fd4c4c,#174499);background:linear-gradient(to right,#fd4c4c,#174499);color:#fff;padding:10px 60px;margin:15px auto;display:inline-block;border-radius:30px;text-indent:0}

.icon-one{background-image:url(../images/icon-newzs-one.png);background-repeat:no-repeat;background-size:26px;background-position:left 5px;text-indent:3em}
.icon-two{background:url(../images/icon-newzs-two.png) no-repeat left 5px;background-size:26px;text-indent:3em}
.icon-three{background:url(../images/icon-newzs-three.png) no-repeat left 5px;background-size:26px;text-indent:3em}
.icon-four{background:url(../images/icon-newzs-fore.png) no-repeat left 5px;background-size:26px;text-indent:3em}
.icon-five{background:url(../images/icon-newzs-five.png) no-repeat left 3px;background-size:30px;text-indent:3em}
.icon-six{background:url(../images/icon-newzs-six.png) no-repeat left 3px;background-size:30px;text-indent:3em}

.wz-csb2{text-align:center;margin:24px auto}
.wz-csb2 a{border-radius:15px;font-size:18px;color:#263560;position:relative;background:#ffa6b4;padding:18px 7px}
.wz-csb2 a:before{position:absolute;left:-10px;top:50%;transform:translateY(-50%);background:url(../m{dede:global.cfg_templets_skin/}/images/wz_icon2.png) no-repeat;background-size:100% 100%;width:37px;height:45px;content:"";display:block}
.wz-csb2 a span{font-size:18px;color:#263560;border:1px solid #fff;padding:12px 20px 12px 30px;border-radius:7px}

.wz-csb3{text-align:center;margin:24px auto}
.wz-csb3 a{border:1px solid #751212;padding:10px 72px 10px 24px;font-size:18px;color:#033;border-radius:6px;position:relative;background:#fff}
.wz-csb3 a:before{content:"";display:block;width:102%;background:#fa2346;background-size:100% 100%;border:1px solid #751212;height:52px;position:absolute;left:-2%;z-index:-2;border-radius:20px 0 10px 10px}
.wz-csb3 a:after{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:30px;height:30px;background:url(../m{dede:global.cfg_templets_skin/}/images/wz_icon3.png) no-repeat;background-size:100% 100%;content:"";display:block}
.wz-csb3 a span{font-size:18px;color:#033}

.new-bgys{background:#e6ecfa;border:1px dashed #b1c3ee;margin-top:15px;margin-bottom:15px;padding:0 30px;box-sizing:border-box;overflow:hidden;padding-top: 15px;}
.new-bgys p.dj{overflow:hidden;padding-right:45px}
.new-bgys p.dj a{float:right;position:relative;background:url(../m{dede:global.cfg_templets_skin/}/images/bgys_c.png) no-repeat;background-size:100% 100%;font-size:18px;padding:8px 40px;color:#fff}
.new-bgys p em{font-style: normal;font-size: 20px;color: #05163f;font-weight: bold;}

.yx-cp{text-align:center}
.yx-cp p{display:inline-block;text-indent:0;position:relative}
.yx-cp p:before{position:absolute;width:150px;height:20px;background:url(../images/ys_lbg.png) no-repeat;background-size:100% 100%;content:"";display:block;left:-150px;top:12px}
.yx-cp p:after{position:absolute;width:150px;height:20px;background:url(../images/ys_rbg.png) no-repeat;background-size:100% 100%;content:"";display:block;right:-150px;top:12px}
.yx-cp p span{display:inline-block;font-size:18px;color:#333;font-weight:700;border:2px solid #751212;padding:5px 50px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;position:relative;background:#fff}
.yx-cp p span:before{content:"";display:block;width:100%;background:#fa2346;background-size:100% 100%;border:1px solid #751212;height:50px;position:absolute;left:-10px;top:0;z-index:-2;border-radius:20px 0 10px 10px}

.swiper-lb{position:relative;max-width:800px;margin:50px auto 55px}
.swiper-lb:before{width:100%;height:124px;background:url(../images/swiper_lb_bg.png) no-repeat;background-size:cover;display:block;content:"";position:absolute;top:-15px;left:0}
.swiper-lb .pic{margin:0 auto 40px;display:block;text-align:center}
.swiper-lb ul{overflow:hidden;margin-left:-3%}
.swiper-lb li{float:left;color:#162989;font-size:24px;padding:15px 7%;border-radius:30px;margin-left:3%;border:1px solid #172a8a;margin-bottom:30px;cursor:pointer}
.swiper-lb li:hover{color:#fff;background:-webkit-linear-gradient(left,#4255b5,#172a8a);background:-o-linear-gradient(right,#4255b5,#172a8a);background:-moz-linear-gradient(right,#4255b5,#172a8a);background:linear-gradient(to right,#4255b5,#172a8a);border:none;position:relative}
.swiper-lb li.cur{color:#fff;background:-webkit-linear-gradient(left,#4255b5,#172a8a);background:-o-linear-gradient(right,#4255b5,#172a8a);background:-moz-linear-gradient(right,#4255b5,#172a8a);background:linear-gradient(to right,#4255b5,#172a8a);border:none;position:relative}
.swiper-lb li.cur:after{background:url(../images/sjfh.png) no-repeat;background-size:cover;width:23px;height:11px;position:absolute;bottom:-11px;left:50%;margin-left:-11px;display:block;content:""}
.swiper-lb li:hover:after{background:url(../images/sjfh.png) no-repeat;background-size:cover;width:23px;height:11px;position:absolute;bottom:-11px;left:50%;margin-left:-11px;display:block;content:""}
.swiper-lb .list{position:relative}
.swiper-lb .list:after{background:url(../images/la_b.png) no-repeat;background-size:cover;width:97%;height:22px;display:block;content:"";position:absolute;bottom:-22px;left:1.5%}
.swiper-lb .list img{margin:0 auto;display:block;border-radius:30px}
.swiper-lb .list .box{position:absolute;background:url(../images/l_bg.png) no-repeat;background-size:cover;width:100%;bottom:0;left:0;padding:25px 40px;border-radius:30px;box-sizing:border-box}
.swiper-lb .list .box strong{font-size:30px;color:#fff;font-weight:700;display:block;margin-bottom:20px}
.swiper-lb .list .box p{font-size:22px;color:#cbd2f4;text-indent:0;margin:0 auto;line-height:1}

.dxh-cs li{background:#f6f6f6;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;margin-bottom:15px;position:relative}
.dxh-cs li:before{background:#50b1c5;width:30px;height:56px;content:"";display:block;position:absolute;left:0;top:0;border-radius:15px 0 0 15px;-webkit-border-radius:15px 0 0 15px;-moz-border-radius:15px 0 0 15px;-ms-border-radius:15px 0 0 15px;-o-border-radius:15px 0 0 15px}
.dxh-cs li.one:before{background:#50b1c5}
.dxh-cs li.two:before{background:#699fd7}
.dxh-cs li.three:before{background:#51b0d9}
.dxh-cs .tb-bg{background:#9dd4e1;overflow:hidden;height:56px;padding:3px 0 3px 30px;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px}
.dxh-cs li.one .tb-bg{background:#9dd4e1}
.dxh-cs li.two .tb-bg{background:#9dbae1}
.dxh-cs li.three .tb-bg{background:#8bcfec}
.dxh-cs .tb-l{float:left;width:80px;text-align:center;line-height:52px;font-size:32px;color:#fff;font-family:Impact}
.dxh-cs .tb-r{margin:0 50px 0 80px;overflow:hidden;background:#fff;border-radius:0 15px 15px 0;-webkit-border-radius:0 15px 15px 0;-moz-border-radius:0 15px 15px 0;-ms-border-radius:0 15px 15px 0;-o-border-radius:0 15px 15px 0;position:relative;padding-right:15px}
.dxh-cs .tb-r:before{position:absolute;left:0;top:3px;width:0;height:0;border-top:22px solid transparent;border-bottom:22px solid transparent;border-left:22px solid #9dd4e1;content:"";display:block}
.dxh-cs li.two .tb-r:before{border-left:22px solid #9dbae1}
.dxh-cs li.three .tb-r:before{border-left:22px solid #8bcfec}
.dxh-cs .tb-r p{float:left;margin:0;line-height:50px;width:50%;text-align:center;font-size:18px;font-weight:700;color:#636363;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dxh-cs .tb-r .r-rgt{float:right}
.dxh-cs .tb-r .r-rgt span{display:inline-block;border:1px dashed #50b1c5;width:146px;height:40px;line-height:40px;text-align:center;margin-top:4px;margin-right:15px;border-radius:8px;position:relative;cursor:pointer}
.dxh-cs .tb-r .r-rgt span.active,.dxh-cs .tb-r .r-rgt span:hover{background:-webkit-linear-gradient(left,#fca713,#ff8b24);background:-o-linear-gradient(right,#fca713,#ff8b24);background:-moz-linear-gradient(right,#fca713,#ff8b24);background:linear-gradient(to right,#fca713,#ff8b24);border:1px dashed transparent}
.dxh-cs .tb-r .r-rgt span:before{position:absolute;width:138px;height:32px;border:1px dashed #fff;content:"";display:block;background:0 0;left:3px;top:3px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}
.dxh-cs .icon{float:right;display:block;width:24px;height:25px;background:url(../images/down_xx.png) no-repeat;background-size:100% 100%;margin-top:-35px;margin-right:15px;cursor:pointer}
.dxh-cs li.active .icon{background:url(../images/up_xs.png) no-repeat}
.tab-box{padding:40px 10px;text-align:center;display:none}
.tab-box img{max-width:100%;display:block;margin:0 auto}
.dxh-cs li.active .tab-box{display:block}
.cs-list{display:none}
.cs-list p{font-size:16px;color:#465174;font-weight:700;margin:-40px 50px 0}
.cs-list.on{display:block}

.hq-bj{text-indent:0;text-align:center}
.hq-bj a{font-size:18px;color:#fff;padding:0;display:inline-block;border-radius:30px;padding:10px 80px 10px 40px;background:#174499;background:-webkit-linear-gradient(left,#174499,#fd4c4c);background:-o-linear-gradient(right,#174499,#fd4c4c);background:-moz-linear-gradient(right,#174499,#fd4c4c);background:linear-gradient(to right,#174499,#fd4c4c);border:3px solid #fff;box-shadow:0 3px 9px rgba(26,15,125,.52);position:relative;color: #fff!important;}
.hq-bj a:after{position:absolute;background:url(../images/sx.png) no-repeat;width:28px;height:34px;background-size:100% 100%;content:"";display:block;right:30px;top:10px}

.pj-box{background:#f2f5ff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;position:relative;margin-top:65px}
.pj-box .pic{width:260px;height:172px;box-shadow:5px 5px 18px rgba(68,76,104,.35);border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;cursor:pointer}
.pj-box .pic:after{position:absolute}
.pj-box .pic img{width:100%;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px}
.pj-one{margin-left:60px;padding:35px 30px 20px 230px}
.pj-one .pic{position:absolute;left:-60px;top:-25px;z-index:10}
.pj-one .pic:before{background:url(../images/faj.png) no-repeat;width:78px;height:46px;background-size:100% 100%;content:"";display:block;position:absolute;right:0;top:0;border-radius:23px 30px 0 23px;-webkit-border-radius:23px 30px 0 23px;-moz-border-radius:23px 30px 0 23px;-ms-border-radius:23px 30px 0 23px;-o-border-radius:23px 30px 0 23px;cursor:pointer}
.pj-one .pj-xq strong{font-size:18px;background:#699fd7;color:#fff;display:inline-block;padding:13px 100px 13px 230px;position:absolute;left:0;top:-25px;border-radius:26px;-webkit-border-radius:26px;-moz-border-radius:26px;-ms-border-radius:26px;-o-border-radius:26px}
.pj-one .pj-xq strong:after{width:42px;height:44px;background:url(../images/zz.png) no-repeat;background-size:100% 100%;content:"";display:block;position:absolute;right:40px;top:5px}
.pj-box .pj-xq p{font-size:14px!important;text-indent:0;text-align:left}
.pj-one .pj-xq p strong,.pj-two .pj-xq p strong{position:static!important;color:#05163f;padding:0;background:0 0;display:inline}
.pj-one .pj-xq p strong:after,.pj-two .pj-xq p strong:before{background:0 0}
.pj-two{margin-right:60px;padding:35px 230px 15px 30px}
.pj-two .pic{position:absolute;right:-60px;top:-25px;z-index:10}
.pj-two .pic:before{background:url(../images/faj.png) no-repeat;width:78px;height:46px;background-size:100% 100%;content:"";display:block;position:absolute;left:0;top:0;border-radius:35px 23px 30px 0;-webkit-border-radius:35px 23px 30px 0;-moz-border-radius:35px 23px 30px 0;-ms-border-radius:35px 23px 30px 0;-o-border-radius:35px 23px 30px 0;cursor:pointer}
.pj-two .pj-xq strong{font-size:18px;background:#699fd7;color:#fff;display:inline-block;padding:13px 230px 13px 100px;position:absolute;right:0;top:-25px;border-radius:26px;-webkit-border-radius:26px;-moz-border-radius:26px;-ms-border-radius:26px;-o-border-radius:26px}
.pj-two .pj-xq strong:before{width:42px;height:44px;background:url(../images/dzf.png) no-repeat;background-size:100% 100%;content:"";display:block;position:absolute;left:40px;top:5px}

.gw-case{background:#f2f5ff;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border:1px dashed #6090cc;position:relative;z-index:1;margin:30px auto}
.gw-case .tb{overflow:hidden;background:#fff;margin:0 23px;border-radius:0 0 32px 32px;-webkit-border-radius:0 0 32px 32px;-moz-border-radius:0 0 32px 32px;-ms-border-radius:0 0 32px 32px;-o-border-radius:0 0 32px 32px;padding:15px 25px;line-height:2.5em;box-shadow:0 3px 9px rgba(26,15,125,.52)}
.gw-case .tb img{float:left;}
.gw-case .tb span{font-size:14px;color:#3f475f;float:left;text-indent:20px;}
.gw-case .gw-al{overflow:hidden;padding:30px 35px;margin-left:-5.8%}
.gw-case .gw-al .al-l{width:44.2%;text-align:center;float:left;margin-left:5.8%}
.gw-case .gw-al .box{background:#699fd7;border-radius:26px;-webkit-border-radius:26px;-moz-border-radius:26px;-ms-border-radius:26px;-o-border-radius:26px}
.gw-case .gw-al .box strong{font-size:18px;color:#fff;line-height:3.2em}
.gw-case .gw-al .box strong img{margin-right:8px;margin-top:-5px;display:inline-block}
.gw-case .gw-al .box .pic{background:#fff;border-radius:40px 40px 26px 26px;-webkit-border-radius:40px 40px 26px 26px;-moz-border-radius:40px 40px 26px 26px;-ms-border-radius:40px 40px 26px 26px;-o-border-radius:40px 40px 26px 26px;position:relative}
.gw-case .gw-al .box .pic:before{background:url(../images/faj.png) no-repeat;width:78px;height:46px;background-size:100% 100%;content:"";display:block;position:absolute;right:0;top:0;border-radius:23px 30px 0 23px;-webkit-border-radius:23px 30px 0 23px;-moz-border-radius:23px 30px 0 23px;-ms-border-radius:23px 30px 0 23px;-o-border-radius:23px 30px 0 23px;cursor:pointer}
.gw-case .gw-al .box .pic img{border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;width:100%;box-shadow:5px 2px 18px rgba(68,76,104,.35);cursor:pointer}
.gw-case .gw-al .box .pic p{padding:23px;text-align:left;text-indent:0;margin:0;font-size:14px;color:#3f475f}
.gw-case .gw-al .box .pic p strong{color:#05163f!important;line-height:auto}
.gw-case .gw-al .wz-csb{text-align:center}
.gw-case .gw-al .wz-csb a{padding:8px 50px 8px 80px}
.gw-case .gw-al .wz-csb a:before{background:url(../images/mtp.png) no-repeat;background-size:100% 100%;width:45px;height:45px}
.gw-case .gw-al .wz-csb a:after{height:44px}

.dialog-bg{display:none;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.8);z-index:500}
.dialog-bg .img-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
.dialog-bg .img-box img{width:100%;height:100%}


.anchor-box{margin-bottom:46px}
.anchor-box p{font-size:14px;color:#555f7d;line-height:2em;margin-bottom:15px;text-indent:0}
.anchor-list li{float:left;width:26%;text-align:center;background:url(../pc{dede:global.cfg_templets_skin/}/images/a-bg.png) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin:0 -6px 18px;-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;box-shadow:-8px 12px 8px -15px #ddd6e1}
.anchor-list li a{display:block;font-size:14px;line-height:40px;color:#612076;-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}
.anchor-list li:hover{background:url(../pc{dede:global.cfg_templets_skin/}/images/a-bg1.png) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.anchor-list li:hover a{color:#fff}


.video-model1 video{max-width:100%}
.video-model1{width:800px;margin:50px auto;background-color:#29417b;background:-moz-linear-gradient(top,#598aff 0,#29417b 100%);background:-webkit-linear-gradient(top,#598aff 0,#29417b 100%);background:-o-linear-gradient(top,#598aff 0,#29417b 100%);background:-ms-linear-gradient(top,#598aff 0,#29417b 100%);background:linear-gradient(to bottom,#598aff 0,#29417b 100%);padding:24px 24px 20px;border-radius:13px;-wekit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.video-model1 video{display:block}
.video-model1 .model{overflow:hidden;padding-top:20px}
.video-model1 .model .ico{float:left;margin-right:10px}
.video-model1 .model .txt{overflow:hidden;text-align:center;font-size:24px;color:#fff;line-height:34px;padding-top:10px}
.video-model1 .model .txt strong{font-size:32px;line-height:42px;display:block}
.video-model1 .model .txt span{opacity:.8}
.video-model1 .model .kf{float:right;margin-left:10px;color:#fff;text-align:center}
.video-model1 .model .kf .zx{width:198px;line-height:52px;border:10px solid;border-color:#d42453;border-image:-webkit-linear-gradient(#d42453,#2e1173) 20 20;border-image:-moz-linear-gradient(#d42453,#2e1173) 20 20;border-image:linear-gradient(#d42453,#2e1173) 20 20;background-color:#fff;font-size:24px;color:#e52f2f;margin-bottom:8px;display:block;font-weight:700;cursor:pointer}
.video-model1 .model .kf span{font-size:20px}
@media screen and (max-width:1280px){
.video-model1{width:100%}
.video-model1 .model .txt{font-size:20px}
}

.goods-slick{padding:36px 40px 36px 35px;position:relative;z-index:1;margin-bottom:40px}
.goods-slick:after,.goods-slick:before{content:'';width:184px;height:680px;position:absolute;z-index:-1}
.goods-slick:before{background:url(../pc{dede:global.cfg_templets_skin/}/images/x-pro-icon.png) no-repeat left top;top:0;left:0}
.goods-slick:after{background:url(../pc{dede:global.cfg_templets_skin/}/images/x-pro-icon1.png) no-repeat right bottom;right:0;bottom:0}
.goods-slick .slider-for{margin-bottom:16px}
.goods-slick img{display:block;width:100%;height:auto}
.goods-slick .slider-nav{margin:0 -10px}
.goods-slick .slider-nav .slick-slider{outline:0}
.goods-slick .slider-nav .slick-slider .img{position:relative;padding:0 10px;cursor:pointer}
.goods-slick .slider-nav .slick-slider .img:before{content:'';position:absolute;top:0;bottom:0;left:10px;right:10px;background-color:rgba(99,152,191,.5);z-index:2}
.goods-slick .slider-nav .slick-slider.slick-current .img:before{display:none}
.goods-slick .slider-nav .slick-slider.slick-current .img img{-webkit-box-shadow:0 9px 10px rgba(0,0,0,.4);-moz-box-shadow:0 9px 10px rgba(0,0,0,.4);-ms-box-shadow:0 9px 10px rgba(0,0,0,.4);-o-box-shadow:0 9px 10px rgba(0,0,0,.4);box-shadow:0 9px 10px rgba(0,0,0,.4)}
.goods-slick .slick-arrow{width:40px;height:40px;position:absolute;z-index:3;font-size: 0;border: none;outline: none;top: 50%;margin-top: -20px;cursor: pointer;}
.goods-slick .slick-prev{background:url(../pc{dede:global.cfg_templets_skin/}/images/x-prev.png) no-repeat;left:-13px}
.goods-slick .slick-next{background:url(../pc{dede:global.cfg_templets_skin/}/images/x-next.png) no-repeat;right:-13px}

/* ============ 特殊样式end ==========*/

@media screen and (max-width: 4000px) and (min-width:1999px){
    .pro-tab:before{display: none;}
    .pro-tab{-webkit-box-shadow: 0 0 24px rgba(69,0,5,0.05);-moz-box-shadow: 0 0 24px rgba(69,0,5,0.05);-ms-box-shadow: 0 0 24px rgba(69,0,5,0.05);-o-box-shadow: 0 0 24px rgba(69,0,5,0.05);box-shadow: 0 0 24px rgba(69,0,5,0.05);}
    .index-slick .slick-dots{left: 22.2%;}
    #allmap img{width:100%;}
}

@media screen and (max-width: 1800px){
    .solution-top .top-text p{margin-bottom: 30px;}
    .wl-msg{margin-top: -105px;}

    .question-cont{margin-top: -64px;padding-top: 134px;}
    .question-top .top-text{margin-top: 102px;}
    .xw-list li .pic{width: 220px;}
    .xw-list li .text .tit{margin-bottom: 10px;}
    .solution-gory li{padding: 0;}
    .solution-top .top-text{width: 100%;}
    .case-msg{margin-top: -80px;}
    .case-box{margin-top: -120px;padding: 160px 0 20px;}
    .index-grid .pic{left: 136px;top: -18px;width: 480px;}
    .index-grid .ewm-box{top: 50px;}
    .ewm-box dl{margin-bottom: 20px;}
    .show-msg .show,.scroll-box{padding-left: 12%;}
    .fixed-right{width: 120px;height: 274px;bottom: 100px;right: 10px;}
    .fixed-right .fix-ul{height: 274px;}
    .fix-ul li span{font-size: 16px;}
    .fix-zx, .fix-ly{padding: 10px 0 8px;}
    .fix-ul .fix-tel{font-size: 20px;line-height: 56px;}
    .fixed-right:before{-webkit-background-size: 120px;background-size: 120px;top: -110px;}
    .fix-zx .box img{width: 65px;}
    .fix-zx .box .text{margin-top: 4px;}
    .chat-btn{bottom: 20px;right: 46px;}
    .show-msg{-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none;box-shadow: none;}

    .show-msg .sub-btn input{width: 205px;padding-left: 40px;}
    .show-msg .sub-btn:after{right: 36px;}
    .show-msg .sub-btn:hover:after{right: 45px;}
  
    
}
@media screen and (max-width: 1599px){
    .wrap {max-width: 1200px;}
    .header .nav>li{/* margin: 0 12px; */padding: 35px 18px;}
    .index-slick .pic>a{margin-right: -10px;}
    .index-slick .materiel{left: 136px;width: 397px;}
    .index-slick{/* height: 590px; */}
    .index-box li.one .img{width: 146px;height: 110px;}
    .index-box li.one .text{width: 66%;}
    .index-slick .slick-dots{left: 8.2%;}
    .crumbs{padding-top: 18px;}
    .crumbs:before{top: 28px;}
    .video-box{margin-top: 80px;}
    .fw-one{margin-top: -50px;}
    .fw-two{margin-top: -150px;padding-top: 258px;}
    .answer-top .top-text p{margin-bottom: 35px;}
    .new-slick .text{padding: 32px 0 0 42px;}
    .new-slick .text p{-webkit-line-clamp: 2;height: 72px;}
    .news-ul li .img,.xw-list li .pic{width: 200px;height: 150px;}
    .news-ul li .text .more{bottom: -10px;}
    .case-top .video-box{margin-top: 86px;}
    .show-msg .show, .scroll-box{padding-left: 6%;}
    .index-slick .text{margin-top: 100px;}
    .index-scroll .dowebok{width: 24%;}
   .xw-list li .text{
       width: 59%;
   }
    .index-case .slick-dots li button{width:50px}
    .index-case .paging .full{margin-left:220px;}
    .good-box .good-btn{width: 156px;}
    .new-slick .text{margin-top: 185px;}
    .new-slick .slick-dots{bottom: 45px;}
    .side-r .tel strong{font-size: 22px;}
    .pro-list{margin: 0 -20px;}
    .pro-list li{padding: 0 20px;}
    .xgcase-list li .text{padding: 10px 15px 0;}
    .side-right .cont p{padding-left: 24px;font-size: 16px;margin-bottom: 10px;}
    .case-list li .text{padding: 20px 46px 25px 20px;}
    .case-inner .side-right{padding-left: 20px;}
    .case-inner .other .cont p{font-size: 16px;margin-right: 10px;}
    .case-info .info p{font-size: 16px;}
    .fw-fitting .text{padding: 0 36px 0 0;margin-top: 0;}
    .msg-scroll p{padding-left: 0;}
    .video-list{margin: 0 -14px;}
    .video-list li{padding: 0 28px;}
    .right-info .ewm strong{font-size: 24px;}
    .right-info{padding: 20px 28px 15px;}
    .question-list li .other{margin-top: 40px;}
    .wl-list{margin: 0 -10px;}
    .wl-list li{padding: 0 20px;}
    .wl-area{width: 83%;}
    .gw-case .tb span{line-height: 24px;width: 94%;padding-left: 10px;text-indent: 0;}
    .solution-top .case-msg ul,.case-msg ul,.answer-top .case-msg ul{width: 84%;}
    .cate-gory{margin-top: -40px;}
    .video-gory li:before{left: 36px;}
    .video-wrap{margin-top: -76px;}
    .pro-wrap{margin-top: -78px;}
   
    .index-special .col-r{padding: 60px 60px 60px 120px;}
    .ep-box .tit{right: -20px;}
}

@media screen and (max-width: 1439px){
   
    .index-slick .materiel{left: 136px;}
    .index-scroll .tit{margin-right: 12px;}
    .index-case .slick-dots{right: 248px;}
    .index-case .paging{right: 216px;}
    .index-box li.one .text p{margin-bottom: 0;}
    .ewm-box dl{margin-bottom: 20px;}
    .ewm-box dl dt img{width: 100px;}
    .ewm-box dl dd{margin-top: 10px;}
    .solution-top .case-msg .sub-btn{width: 180px;}
    .solution-top .case-msg .sub-btn:after{right: 34px;}
    .header .nav>li{/* margin: 0 14px; *//* padding: 35px 18px; */}
    .video-gory li:before{padding-left: 45px;}
    .cate-gory{margin-top: -20px;}
    .cate-gory li{padding: 0;}
    .video-list{margin:0 -20px;}
    .video-list li{padding: 0 25px;}
    .video-gory li:before{left: 40px;}
    .cp-text .fun{margin-bottom: 20px;}
    .contact-top .top-text{margin-top: 58px;}
    .xgcase-list li .text{padding: 13px 15px 0;}
    .good-box ul{width: 57%;}
    
    
}

@media screen and (max-width: 1359px){
    
    .good-box .more-a{width: 150px;}
   
    .index-slick .slick-dots{bottom: 25px;}
    .index-slick .materiel{left: 126px;width: 418px;}
    .show-msg .tel strong{font-size: 30px;}
    .show-msg .sub-btn:after{right: 40px;}
    .show-msg .sub-btn input{width: 200px;padding-left: 40px;}
    .show-msg .text p{font-size: 16px;}
    .cate-gory{position: relative;margin-top: 0;background-color: #f6f8fb;padding-top: 30px;}
    .video-gory li:before{margin-top: -8px;}

    .video-box{margin-top: 50px;}
    .service-top .top-text{width: 100%;}
    .top-text{margin-top: 102px;}
    .top-text p{margin-bottom: 56px;}
    .answer-top .case-msg ul{width: 83%;}
    .answer-top .top-text{width: 100%;}
    .pro-list{margin:0 -14px;}
    .pro-list li{padding:0 14px;}
    .pro-top .top-text{width: 100%;}
    .top-text h1,.top-text strong{margin-bottom: 10px;}
    .top-text p{font-size: 16px;}
    .case-top .top-text,.video-box  .top-text{width: 50%;}
    .xgcase-list li .text .more{display: none;}
    .side-right .cont p{font-size: 16px;padding-left: 28px;}
    .cp-text .wl ul{margin:0 -10px;}
    .cp-text .wl li{padding:0 10px;}
    .wl-area .left{padding-left: 20px;}
    .wl-area .wl-btn:after{left: 36px;}
    .case-inner .other .tel-p{display: none;}
    .related-box .case-list li .text .more{display: none;}
    
    .index-slick .materiel{left: 128px;width: 360px;}
    .index-slick .text{margin-top: 60px;}

    .index-special .col-r{padding: 60px 60px 60px 80px;}
}
@media screen and (max-width: 1279px) and (min-width:1024px){
    .index-goods .wrap:before{display: none;}
    .index-goods .wrap{padding-left: 0;}
    .index-box li.one{padding: 10px;}
    .pro-inner .side-right{display: none;}
    .index-box li>a{width: 70%;}
    .index-grid .pic{top: -12px;width: 320px;}
    .ewm-box dl dt img{width: 60px;}
    .slick-case .text .qt span{padding-left: 32px;font-size: 16px;margin-bottom: 10px;}
    .index-case .slick-dots{display: none!important;}
    .index-case .paging{display: none;}
    .slick-case .text{margin-top: 0;}
    .pro-area li .sub .text p{display: none;}
    .pro-area .one p{display: none;}
    .pro-area li .sub1 .text p{display: none;}
    .index-slick .materiel{display: none;}
    .index-slick .text{margin-top: 62px;}
    .index-slick{/* height: 554px; */}
    .index-slick .text ul{margin-bottom: 30px;}
    .header .head-tel{/* display: none; */}
    .solution-top .case-msg .sub-btn:after{right: 26px;}
    .solution-top .case-msg .sub-btn {width: 150px;}
    .solution-top .case-msg .sub-btn .btn{padding-left: 26px;}
    .wl-list{margin: 0 -15px;}
    .wl-list li{padding: 0 15px;}
    .wl-list li .tit{padding-left: 28px;}
    .top-text h1,.top-text strong{margin-bottom: 0;}
    .case-msg .wrap:before{display: none;}
    .case-msg .wrap{padding-left: 20px;}
    .case-msg ul{width: 82%;}
    .show-msg .tel{display: none;}
    .map-box{padding-top: 0;}
    .video-gory li:before{left: 18px;}
    .case-inner .side-right{display: none;}
    /* .inner-top .col-l{width:100%;} */
    .side-right .ewm .left p{font-size: 12px;}
    .video-cs{padding: 5px 30px 50px;}
    .video-box .top-text p{margin-bottom: 0;}
    .service-top .top-text p{margin-bottom: 20px;}
    .answer-top .case-msg ul{width: 80%}
    .question-cont{margin-top: -100px;}
    .question-list li .pic-left p span{line-height: 1.5em;}
    .question-list li .other{margin-top: 20px;}
    .right-info .ewm strong{font-size: 18px;}
    .side-auto{display: none!important;}
    .xg-case .case-list li .text{padding: 10px 10px 28px 18px;}
    .lx-tel{padding-left: 22px;}
    .solution-gory li:before{left: 32px;margin-top: -10px;}
    .related-box .case-list li .text {padding: 10px 10px 33px 18px;}
    .case-list li .text{padding: 20px 46px 25px 10px;}
    .case-msg .one p{display: none;}
    .base-title p br{display: none;}
    .about-pro:before{display: none;}
    .about-pro{padding-left: 0;}
    .about-two:before{display: none;}
    .error-box img{display: block;width: 100%;}
    .side-right .cont{padding-left: 10px;}
    .side-right .cont p{padding-left: 18px;}
    .msg-scroll p{padding-left: 0;}
    .fast-box p{font-size: 16px;}
    .video-area .vo-right{padding-left: 20px;}
    .con-right .tit{font-size: 14px;}
    .con-right p{font-size: 12px;}
    .li-left span{font-size: 12px;}
    .wl-area .wl-btn:after{display: none;}

}

@media \0screen {
    .ie8-p{padding-left: 30px;}
    .ie8-p,.ie8-p a{color: #fff;}
    .ie8-p a:hover{color: #d60404;}
    .right-msg select{height: auto;padding: 10px 6px 10px 20px;}
    .about-top .video-box video{border-color: transparent;}
    .case-msg li select{height: auto;padding:17px 10px 17px 20px;}
}