@charset "utf-8";

/*
 
*/
@font-face {
  font-family: 'customfont';
  src: 
/*       url('/skin/fonts/方正综艺简体.ttf') format('truetype'); 
*/
url('/skin/fonts/pfzt/苹方黑体-准-简.ttf') format('truetype'); 
  font-display: swap;
}
*{margin: 0;padding: 0;font-family: "华文细黑";}
ul,li{list-style: none;}
a{text-decoration: none;    color: #161616;}
img{border: none;
filter: brightness(1.02) contrast(1.05) saturate(1.1);
    }
.gy2{width:1440px;margin:0 auto;overflow:hidden}
.holer{height:124px; overflow:hidden; background:none;}
#headdiv{height: 131px; position: fixed; top: 0px; width: 100%; z-index: 1000; background: none;}
/*顶部bar*/
.top01{width:100%;height:38px;line-height:38px;background:#0048e5;color:#fff;overflow:hidden;}
.top01 .fl{font-size:14px}
.top01_center {float:right;}
.top01_center span{text-align:left;font-size:14px;margin-right:20px;}
.top01_center img{vertical-align:sub;display:inline-block;margin-right:8px}
/*logo和导航*/
.top02{width:100%;min-width:1200px;background-color: rgb(255, 255, 255); height: 86px;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);}
.top02 .top02_center{width:1440px;min-width:1200px;margin:0 auto}
.logo{width:344px;float:left;padding-top:13px}
.logo img{float:left;width:180px;height:60px}
.logo .logo-year{margin-top:10px;height:20px;line-height:20px;width:38px;text-align:center;font-size:12px;color:#fff;background:#0048e5;border-radius:4px;overflow:hidden;font-size:14px;color:#fff}
.logo .logo-text{font-size:12px;margin-top:5px;height:18px;color:#656565;line-height:18px;overflow:hidden}
.nav{float:right}
.nav li{position:relative}
.nav li.m{width:86px;padding-right:22px;margin:0 22px 0 0;float:left;text-align:center;}
.nav a.mmm:hover{color:#0048e5;}
.nav a.mmm{width:86px;height:40px;line-height:40px;padding:23px 0 23px 0;display:block;font-size:18px;color:#000}
/*二级导航*/
.nav .sub{display:none;width:100%;padding:0;position:fixed;top:124px;overflow:hidden;text-align:left;z-index:110;left:0; background: linear-gradient(170deg, #f7faff, #fff);}
.nav .sub .nav_xiao{width:1440px;overflow:hidden;margin:0 auto;}
.nav .sub .nav_xiao.max1100{max-width:1100px}
/*二级导航-网站建设*/
.nav .sub .nav_xiao .xiao_one{width:449px;overflow:hidden;float:left;margin:40px 20px;border-right:1px solid #e6e6e6}
.nav .sub .nav_xiao .xiao_one img{width:391px;height:259px;}
.nav .sub .nav_xiao .xiao_one2{text-align:left;margin:40px}
.nav .sub .nav_xiao .xiao_one2_p1 {margin:0 0 15px 0;font-size:28px;color:#161616}
.nav .sub .nav_xiao .xiao_one2_p1 strong{font-size:28px;color:#E62600}
.nav .sub .nav_xiao .xiao_one2 p{font-size:16px;line-height:32px;color:#161616}

/*二级导航-关于我们*/
.nav .sub .nav_xiao .xiao_two{margin-top:40px;margin-bottom:40px;overflow:hidden}
.nav .sub .nav_xiao .xiao_two ul li{float:left;display:inline;height:184px;width:25%;overflow:hidden;text-align:center}
.nav .sub .nav_xiao .xiao_two ul li a{display:block;height:100%;border-right:1px solid #e6e6e6;line-height:56px;overflow:hidden;color:#000;margin-top:13px;font-size:18px;transition:all .5s}
.nav .sub .nav_xiao .xiao_two ul li:last-child a{border-right:0}
.nav .sub .nav_xiao .xiao_two ul li a:hover{color:#0048e5}
.nav .sub .nav_xiao .xiao_two img{float:left;margin-right:25px}
.nav .sub .nav_xiao .xiao_two .nav_div{float:left;width:380px;padding-top:30px;font-size:12px;color:#666;line-height:22px}
.nav .sub .nav_xiao .xiao_two .nav_div h2{font-size:16px;color:#0048e5;font-weight:400;letter-spacing:1px;line-height:36px}
.nav .sub .nav_xiao .xiao_two ul li a i{display:block;width:104px;height:104px;margin:0 auto;margin-bottom:13px;overflow:hidden;background-image:url(/skin/images/top_pic2.png);background-repeat:no-repeat;margin-top:10px;background-color:#868686;border-radius:50%;position:relative;transition:all .5s}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs1{background-position:30px center}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs2{background-position:-330px center}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs3{background-position:-691px center}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs4{background-position:-1050px center}
.nav .sub .nav_xiao .xiao_two ul li a:hover i{background-color:#0048e5;margin-top:5px}
/*二级导航-新闻动态*/
.nav .sub .nav_xiao .xiao_three{overflow:hidden;margin-top:60px;margin-bottom:60px}
.nav .sub .nav_xiao .xiao_three ul li{float:left;display:inline;width:18%;height:218px;overflow:hidden;margin-right:2.5%;text-align:center;position:inherit;line-height:56px;background-color:#fff}
.nav .sub .nav_xiao .xiao_three ul li:last-child{margin-right:0}
.nav .sub .nav_xiao .xiao_three ul li img{width:100%;display:block;transition:all .5s}
.nav .sub .nav_xiao .xiao_three ul li a{color:#000;width:100%;font-size:18px;height:100%;display:block}
.nav .sub .nav_xiao .xiao_three ul li a:hover{color:#0048e5}
/*二级导航-解决方案*/
.nav .sub .nav_xiao .xiao_four{width:49%;overflow:hidden;margin-top:40px;margin-bottom:40px}
.nav .sub .nav_xiao .xiao_four.fl{border-right:1px solid #e3e3e3}
.nav .sub .nav_xiao .xiao_four.fr{width:50%}
.nav .sub .nav_xiao .xiao_four h2{font-size:18px;font-weight:700;color:#161616;height:18px;line-height:18px}
/*解决方案左边*/
.nav .sub .nav_xiao .xiao_four .ul{margin-top:23px}
.nav .sub .nav_xiao .xiao_four .ul li{padding-top:11px;padding-bottom:11px;height:44px;line-height:22px;padding-left:15px;margin-right:40px;width:265px;overflow:hidden;float:left;display:inline;margin-bottom:10px;position:inherit}
.nav .sub .nav_xiao .xiao_four .ul li:nth-child(2n+0){margin-right:0}
.nav .sub .nav_xiao .xiao_four .ul li:hover{background-color:#fff}
.nav .sub .nav_xiao .xiao_four .ul li ,.nav .sub .nav_xiao .xiao_four .ul li  a{display:block;text-align:left;color:#868686;font-size:14px}
.nav .sub .nav_xiao .xiao_four .ul li i{margin-right:10px;margin-top:4px;float:left;width:36px;height:36px;background-repeat:no-repeat;background-position:center center}
.nav .sub .nav_xiao .xiao_four .ul li  i.bgs1{background-image:url(/skin/images/top_pic4.png)}
.nav .sub .nav_xiao .xiao_four .ul li  i.bgs2{background-image:url(/skin/images/top_pic5.png)}
.nav .sub .nav_xiao .xiao_four .ul li  i.bgs3{background-image:url(/skin/images/top_pic6.png)}
.nav .sub .nav_xiao .xiao_four .ul li  i.bgs4{background-image:url(/skin/images/top_pic7.png)}
.nav .sub .nav_xiao .xiao_four .ul li  i.bgs5{background-image:url(/skin/images/top_pic8.png)}
.nav .sub .nav_xiao .xiao_four .ul li  i.bgs6{background-image:url(/skin/images/top_pic9.png)}
.nav .sub .nav_xiao .xiao_four .ul li i.bgs7{background-image:url(/skin/images/top_pic10.png)}
.nav .sub .nav_xiao .xiao_four .ul li i.bgs8{background-image:url(/skin/images/top_pic11.png)}
.nav .sub .nav_xiao .xiao_four .ul li  b{font-weight:400;font-size:16px;display:block;color:#161616;height:22px;overflow:hidden}
/*解决方案右边*/
.nav .sub .nav_xiao .xiao_four .ul2{width:640px;margin:0 auto;overflow:hidden}
.nav .sub .nav_xiao .xiao_four .ul2 h2{margin-bottom:23px}
.nav .sub .nav_xiao .xiao_four .ul2 li{padding-top:11px;padding-bottom:11px;height:66px;line-height:22px;margin-right:30px;width:300px;overflow:hidden;float:left;display:inline;margin-bottom:10px;position:inherit}
.nav .sub .nav_xiao .xiao_four .ul2 li:nth-child(2n+0){margin-right:0}
.nav .sub .nav_xiao .xiao_four .ul2 li a{display:block;text-align:left;color:#868686;font-size:14px}
.nav .sub .nav_xiao .xiao_four .ul2 li a b{font-weight:400;font-size:16px;display:block;color:#161616;height:22px;overflow:hidden}
.nav .sub .nav_xiao .xiao_four .ul2 li a b i{display:inline-block;width:35px;height:15px;overflow:hidden;background:url(/skin/images/top_pic12.png) no-repeat;margin-left:3px}
.nav .sub .nav_xiao .xiao_four .ul2 li a:hover b{color:#0048e5}
/*二级导航-成员企业左*/
.nav .sub .nav_xiao .xiao_five{width:449px;overflow:hidden;float:left;margin-top:40px;margin-bottom:40px;border-right:1px solid #e6e6e6}
.nav .sub .nav_xiao .xiao_five img{width:391px;height:259px}
.nav .sub .nav_xiao .xiao_five a{width:391px;height:259px;padding:0;margin-right:45px;float:left}
/*二级导航-成员企业右*/
.nav .sub .nav_xiao .xiao_five2{width:950px;float:left;text-align:left;margin-top:51px;margin-left:40px;}
.nav .sub .nav_xiao .xiao_five2 ul li{width:315px;text-align:left;float:left;margin-right:50px;height:38px;line-height:38px;color:#161616;font-size:18px;margin-bottom:42px;transition:all .5s}
.nav .sub .nav_xiao .xiao_five2 li:nth-child(2n+0){margin-right:3px}
.nav .sub .nav_xiao .xiao_five2 li i{width:38px;height:38px;border-radius:50%;background-color:#868686;background-repeat:no-repeat;background-image:url(/skin/images/top_pic3.png);float:left;margin-right:20px;transition:all .5s;margin-left:0}
.nav .sub .nav_xiao .xiao_five2 li a{font-size:18px}
.nav .sub .nav_xiao .xiao_five2 li:hover{color:#0048e5}
.nav .sub .nav_xiao .xiao_five2 li:hover i{background-color:#0048e5}
.nav .sub .nav_xiao .xiao_five2 li i.bgs1{background-position:9px 8px}
.nav .sub .nav_xiao .xiao_five2 li i.bgs2{background-position:-233px 8px}
.nav .sub .nav_xiao .xiao_five2 li i.bgs3{background-position:9px -72px}
.nav .sub .nav_xiao .xiao_five2 li i.bgs4{background-position:-233px -72px}
.nav .sub .nav_xiao .xiao_five2 li i.bgs5{background-position:9px -152px}
.nav .sub .nav_xiao .xiao_five2 li i.bgs6{background-position:-233px -152px}
/*二级导航-服务项目*/
.nav .sub .nav_xiao .xiao_six{overflow:hidden;height:338px;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}
.nav .sub .nav_xiao .xiao_six ul li{float:left;display:inline;height:338px;width:24.2%;overflow:hidden;border-right:1px solid #e6e6e6;text-align:center}
.nav .sub .nav_xiao .xiao_six ul li.bgs1{background:url(/skin/images/yuming_bg1.png) right 168px no-repeat}
.nav .sub .nav_xiao .xiao_six ul li.bgs2{background:url(/skin/images/yuming_bg2.png) right 168px no-repeat}
.nav .sub .nav_xiao .xiao_six ul li.bgs3{background:url(/skin/images/yuming_bg3.png) right 168px no-repeat}
.nav .sub .nav_xiao .xiao_six ul li .xiao_six_con{margin:0 5%;width:90%;max-width:360px;height:338px;overflow:hidden;text-align:left;}
.nav .sub .nav_xiao .xiao_six ul li:last-child{border-right:0}
.nav .sub .nav_xiao .xiao_six ul li .xiao_six_l{color:#161616;font-size:18px;font-weight:700;height:62px;line-height:62px;border-bottom:1px solid #e6e6e6;margin:10px 0 23px 0}
.nav .sub .nav_xiao .xiao_six ul li div, .nav .sub .nav_xiao .xiao_six ul li div a{float:left;width:136px;overflow:hidden;height:30px;line-height:30px;font-size:16px;color:#262626}
.nav .sub .nav_xiao .xiao_six ul li div:hover,.nav .sub .nav_xiao .xiao_six ul li a:hover{color:#0048e5}
.nav .sub .nav_xiao .xiao_six ul li .a{width:162px;height:42px;line-height:42px;text-align:center;margin-top:31px;clear:both;border:1px solid #0048e5;border-radius:22px;}
.nav .sub .nav_xiao .xiao_six ul li .a a{width:162px;height:42px;line-height:42px;color:#0048e5;display:block;font-size:16px; -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;background:url(/skin/images/xjt1.png)no-repeat center 42px;}
.nav .sub .nav_xiao .xiao_six ul li .a.bgs1{}
.nav .sub .nav_xiao .xiao_six ul li .a.bgs2{margin-top:31px}
.nav .sub .nav_xiao .xiao_six ul li .a.bgs3{margin-top:31px}
.nav .sub .nav_xiao .xiao_six ul li .a.bgs4{margin-top:61px}
.nav .sub .nav_xiao .xiao_six ul li .a :hover{background:#0048e5 url(/skin/images/xjt2.png)no-repeat 100px center;color:#fff;text-indent:-40px;}
a.ddmore:hover{color:#0048e5}
/*轮播图*/
.fuSlide{width:100%;height:820px;position:relative;z-index:1}
.fuSlide .img{width:100%}
.ck-slide,.ck-slide ul.ck-slide-wrapper li,.ck-slide ul.ck-slide-wrapper li a img{transition:all 1s ease}
.ck-slide{position:relative;overflow:hidden;width:100%}
.ck-slide ul.ck-slide-wrapper{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}
.ck-slide ul.ck-slide-wrapper li{position:absolute;width:100%;left:0;top:0;background-position:center center;background-repeat:no-repeat;background-size:cover;height:100%}
.ck-slide ul.ck-slide-wrapper li:first-child{z-index:1111}
.ck-slide ul.ck-slide-wrapper li.current{z-index:1112}
.ck-slide ul.ck-slide-wrapper li a{display:block}
.ck-slide ul.ck-slide-wrapper li a .img{width:100%;height:auto;opacity:0;filter:alpha(opacity='0')}
.ck-slide ul.ck-slide-wrapper li .leftto{filter:alpha(opacity=0);opacity:0}
/*轮播图选中动画*/
.ck-slide ul.ck-slide-wrapper li.current .leftto{animation:mymove8 .5s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:0s;}
.ck-slide ul.ck-slide-wrapper li .rightto{filter:alpha(opacity=0);opacity:0}
.ck-slide ul.ck-slide-wrapper li.current .rightto{animation:mymove7 .5s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.5s;}
.ck-slide ul.ck-slide-wrapper li.current .danim-3{animation:mymove10 .8s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:0s;}
.ck-slide ul.ck-slide-wrapper li.current .anim-1{animation:mymove6 .6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.3s;}
.ck-slide ul.ck-slide-wrapper li.current .anim-2{animation:mymove6 .6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.6s;}
.ck-slide ul.ck-slide-wrapper li.current .anim-3{animation:mymove6 .6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.9s;}
/*轮播图内容区域*/
.banner_con{ top:0; left:0; width:100%; height:100%; position:absolute; }
.banner1_one{ text-align:center; color:#fff;margin-top:10%;font-family:"华文细黑";}
.banner1_one h2{ font-weight:normal; margin-bottom:2%;font-family:"华文细黑";}
.banner1_two{ text-align:center; color:#fff; margin-top:3%;opacity:0;filter:Alpha(opacity=0);}
.banner1_two span{ display:inline-block; padding-left:60px; padding-right:60px; height:112px;}
.banner1_two span:first-child{ border-right:1px solid #677794;}
.banner1_two span b{ font-weight:normal; color:#ffc600; display:block;margin:15px 0 0 0}
.banner_con .fontsize5{ font-size:60px;line-height:1.5;}
.banner_con .fontsize4{ font-size:48px;line-height:1.5;}
.banner_con .fontsize3{ font-size:36px;line-height:1.5;}
.banner_con .fontsize2{ font-size:24px;line-height:1.5;}
.banner_con .fontsize1{ font-size:21px;line-height:1.5;}
.banner2_one{ float:right; width:45%; color:#fff;padding:0;}
.banner2_one h2{ font-weight:normal; margin:33% 0 3% 0;font-family:"华文细黑"; opacity:0;filter:Alpha(opacity=0);text-shadow: 2px 2px 4px rgba(0,0,0,0.3);}
.banner2_one p{ color:#fff;font-family:"华文细黑";opacity:0;filter:Alpha(opacity=0);text-shadow: 2px 2px 4px rgba(0,0,0,0.3);}
.banner2_one em{ display:block; width:208px; height:46px; line-height:46px; border:1px solid #fff; border-radius:30px; font-size:18px; text-indent:50px; background:url(/skin/images/i_bg9.png)  138px center no-repeat; font-style:normal; margin-top:10%;transition:all 0.5s; cursor:pointer;}
.banner2_one a{color:#fff;}
.banner2_one em:hover{ background-position:150px center; margin-left:10px;}
.ck-slide ul.ck-slide-wrapper li.current .banner2_one .leftto{animation-delay:1s;}
.banner4_one{ float:left; width:60%; color:#000;padding:0;}
.banner4_one h2{ font-weight:normal; margin:24% 0 3% 0;font-family:"华文细黑"; opacity:0;filter:Alpha(opacity=0);}
.banner4_one p{ color:#000;font-family:"华文细黑";opacity:0;filter:Alpha(opacity=0);}
.banner4_one em{ display:block; width:208px; height:46px; line-height:46px; border:1px solid #000; border-radius:30px; font-size:18px; text-indent:50px; background:url(/skin/images/i_bg10.png)  138px center no-repeat; font-style:normal; margin-top:6%;transition:all 0.5s; cursor:pointer;}
.banner4_one em:hover{ background-position:150px center; margin-left:10px;}
.ck-slide ul.ck-slide-wrapper li.current .banner4_one .leftto{animation-delay:1s;}
/*轮播图按钮滑轮*/
.index-waper-box{position:absolute;bottom:0;width:100%;height:100px;overflow:hidden;z-index:9;perspective:800px;transform-style:preserve-3d;}
.index-back-box{height:100px;background:0 0;width:1440px;margin:0 auto;overflow:hidden;transform-origin:bottom;transform:rotateX(0) translate3d(0,0,0);transition:all .65s cubic-bezier(.55,.65,.55,1) 0s;}
.index-back-box.active{background:url(/skin/images/i_banner_bg.png) left bottom repeat-x}
/*左右按钮及hover效果*/
.index-back-box .sub-arrows{position:absolute;left:0;top:0;width:auto;height:100%;line-height:100px;padding-left:10px;font-size:0}
.index-back-box .sub-arrows i.icom{display:inline-block;vertical-align:top;width:60px;height:40%;cursor:pointer;position:relative}
.index-back-box .sub-arrows i.next:before,.index-back-box .sub-arrows i.prev:before{content:'';display:inline-block;position:absolute;top:42%;width:13px;height:22px;background-image:url(/skin/images/sub-arrows.png);background-position:0 0;background-repeat:no-repeat}
.index-back-box .sub-arrows i.prev:before{background-position:0 0;left:-7px}
.index-back-box .sub-arrows i.next:before{background-position:-14px 0;left:24px}
.index-back-box .sub-arrows i.icom:after{position:absolute;content:'';left:0;top:28px;width:30px;height:2px;background-color:#fff;transform:scale(0,1);transition:all .5s ease-out 0s;}
.index-back-box .sub-arrows i.icom font{color:#000;transition:all .5s ease-out 0s;}
.index-back-box .sub-arrows i.icom.prev font{position:absolute;left:9px}
.index-back-box .sub-arrows i.icom.next font{position:absolute;left:6px}
.index-back-box .sub-arrows i:hover:after{transform:scale(1,1);}
.index-back-box .sub-arrows i.icom.prev:hover font{left:-7px}
.index-back-box .sub-arrows i.icom.next:hover font{left:20px}
/*中间鼠标图标*/
.index-back-box .sub-mouse{width:70%;height:43px;position:absolute;top:20px;left:15%;cursor:pointer;z-index:1;zoom:.7;}
.index-back-box .sub-mouse:after{display:none;z-index:-1;position:absolute;content:'';top:-30px;left:50%;height:53px;border-right:1px solid #363636;margin-left:-1px}
.index-back-box .sub-mouse span{text-align:center;display:block;position:relative;width:50%;height:100%;animation:ani-svg .85s linear 0s alternate infinite;margin:0 auto}
@keyframes ani-svg {
	0% {
		opacity: .4;
		transform: translateY(-20px);
	}

	15% {
		opacity: .65;
		transform: translateY(-15px);
	}

	25% {
		opacity: .8;
		transform: translateY(-10px);
	}

	50% {
		opacity: 1;
		transform: translateY(0);
	}

	65% {
		opacity: .8;
		transform: translateY(5px);
	}

	75% {
		opacity: .65;
		transform: translateY(10px);
	}

	100% {
		opacity: .4;
		transform: translateY(15px);
	}
}
.w100rl{width:100%;height:100%;position:relative;display:block;}
.w100b{width:100%;height:100%;background:url(/skin/images/abbg.jpg) no-repeat top #f6f6f6;}
.width1{width:1440px;height:100%;padding:80px 0 100px;margin:0 auto;position:relative;display:block;overflow:hidden;}
.width2{width:1440px;height:100%;padding:80px 0 100px;margin:0 auto;position:relative;display:block;overflow:hidden;}
.ptleft{width:640px;float:left;margin-top:20px;margin-right:30px;}
.ptright{font-size:18px;width:700px;float:left;position:relative;display:block;margin:15px 15px 15px 55px;margin-top:20px;}
.ptr1{font-size:30px;margin-bottom:15px;display:block;clear:both;}
.ptr2 p{font-size:18px;height:100%;line-height:1.6;margin:0 0 15px;display:block;clear:both;color:#161616}
.ptr3{margin:20px 0;}
.ptr3 a{

background: #125bff;
color:#fff;
font-size:16px;
padding:8px 25px;
border-radius: 25px;
  }
  .ptr3 a:hover{background:#0048e5}
.ptr4{ display: flex; flex-direction: row;flex-wrap:wrap;margin:40px 0 0 0}
.ptr4-1{width:31%;margin:1%;}
.ptr4-2{width:31%;margin:1%;}
.ptr4-3{width:31%;margin:1%;}
.ptr4n{font-size:30px;margin-bottom:15px;color:#161616}
.ptr4n-character{font-size:18px;color:#363636}
/* PicSlide */
#PicSlide{width:640px;height:100%;overflow:hidden;position:relative;margin:0px auto;}
#PicSlide .img{width:640px;height:360px;overflow:hidden;}
#PicSlide .img img{width:640px;height:360px;border-radius:30px;}
#PicSlide .img li{display:none;position:absolute;top:0;left:0;} 
#PicSlide .title{bottom:110px;width:100%;position:absolute;}
#PicSlide .shadow{background-color:#000;opacity:.5;filter:alpha(opacity=50);height:70px;}
#PicSlide .title .h3{z-index:30;line-height:62px;margin:4px 20px;position:absolute;font-weight:normal;font-size:24px;color:#fff;}
#PicSlide .thumb{bottom:0;left:0;position:relative;overflow:hidden;_zoom:1;height:110px;}
#PicSlide .thumb ul{z-index:20;width:660px;overflow:hidden;_zoom:1;margin-top:30px;}
#PicSlide .thumb li{width:120px;height:80px;margin-right:10px;float:left;_display:inline;}
#PicSlide .thumb li:hover{width:114px;height:74px;border:3px solid #175eff}
#PicSlide .thumb li img{opacity: 0.6;width:100%;height:100%}
#PicSlide .thumb li img:hover{opacity:1;}
#PicSlide .thumb .now-status{position:absolute;width:130px;height:10px;background:url(/skin/images/slider-ico.png) no-repeat 0 0;z-index:1;top:20px;left:0;}

.block-title{text-align:center;padding:15px 0 60px 0;color:#666;font-size:10px;line-height:32px;
background: -webkit-linear-gradient(#000, #333);
background: linear-gradient(135deg,#000, #333);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  }
.block-title h2{line-height:1.7;font-size:4em;color:#161616;font-weight:700;letter-spacing:1px;font-family:"华文细黑";padding-bottom:10px;
background: -webkit-linear-gradient(#000, #002470);
background: linear-gradient(135deg,#000, #002470);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
      display: inline-block;
}
.block-title p{font-size:1.8em;font-family:"华文细黑"}

.block-title-aleft{text-align:left;padding:10px 0 50px 0;color:#666;font-size:10px;line-height:32px;  }
.block-title-aleft h2{line-height:1.7;font-size:4em;color:#161616;font-weight:700;letter-spacing:1px;font-family:"华文细黑";padding-bottom:10px;
background: -webkit-linear-gradient(#000, #002470);
background: linear-gradient(135deg,#000, #002470);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
      display: inline-block;
}
.block-title-aleft p{font-size:1.8em;font-family:"华文细黑"}


.block-title-2 {
	margin-bottom: 60px;
	text-align: center;
	font-size:10px;
	
}
.block-title-2 h4 {
	font-size: 4em;
	line-height:1.7;
	position: relative;
	padding-bottom: 10px;
	font-weight:700;
	background: -webkit-linear-gradient(#000, #002470);
background: linear-gradient(135deg,#000, #002470);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
      /* display: inline-block; */
}

.block-title-2 h4:before {
	left: 38%;
	content: " ";
	display: block;
	border-bottom: 1px solid #797979;
	width: 68px;
	position: absolute;
	margin-left: -.8rem;
	top: 50%;
	margin-top: -1px;
}

.block-title-2 h4:after {
	content: " ";
	display: block;
	border-bottom: 1px solid #797979;
	width: 68px;
	position: absolute;
	margin-left: -.8rem;
	top: 50%;
	margin-top: -1px;
	right: 38%;
}

.block-title-2 p {
	font-size: 1.8em;
	color: #868686;
}

/*优势*/
.i_bg{background-color:#f5f5f5;overflow:hidden;}
.i_one{background-color:#fff;overflow:hidden;width:1440px;height:100%;padding:0 0 55px 0;margin:0 auto 90px}
.i_service_t{text-align:center;padding-top:15px;color:#666;font-size:10px;line-height:32px;padding-bottom:50px;}
.i_service_t h2{height:66px;line-height:66px;font-size:4em;color:#000;font-weight:700;letter-spacing:1px;font-family:"华文细黑";padding-bottom:10px;
background: -webkit-linear-gradient(#000, #002470);
background: linear-gradient(135deg,#000, #002470);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
      display: inline-block;
}
.i_service_t p{font-size:1.8em;font-family:"华文细黑"}
.advantage{text-align:center;overflow:hidden}
.num_box{width:20%;font-size:10px;margin:0;float:left;height:124px;background:url(/skin/images/i_one_bg1.png) right center no-repeat}
.num_box:last-child{background:0 0}
.num_box .num{font-weight:700;color:#0048e5;font-family:"华文细黑";font-weight:400;font-size:6em;width:100%;height:70px;line-height:70px;text-align:center;position:relative;z-index:2;letter-spacing:1px;margin:10px 0}
.num_box h3{text-align:center;font-size:1.8em;color:#363636;font-weight:400;line-height:1.8}


.container {
	background: #f6f6f6;
	padding: 80px 0 100px 0;
	overflow: hidden;
}

.main {
	max-width: 1440px;
	height:100%;
	margin: 0 auto;
	display:block;
}
.main ul li {
	float: left;
}

.main ul li.one {
	width: 440px;
	margin:0 10px 0 0;
}

.main ul li.one a {
	width: 440px;
	height: 530px;
	overflow: hidden;
	display: block;
	position: relative;
}

.main ul li.one a img {
	transform: scale(1);
	transition: all .4s;
	width: 100%;
	display: block;
}

.main ul li.one .news-title {
	bottom: 50px;
	left: 35px;
	width: 100%;
	border-left: 1px solid #fff;
	padding-left: 20px;
	color: #fff;
	position: absolute;
}

.main ul li.one .news-title h5 {
	font-size: 2em;
	font-weight: 700;
}

.main ul li.one .news-title p {
	font-size: 1.6em;
	letter-spacing: 2px;
}

.icon-news {
	background: url(/skin/images/icon.png) no-repeat;
	width: 15px;
	height: 15px;
	display: inline-block;
	opacity: 1;
	filter: alpha(opacity=100);
	position: absolute;
	right: 100px;
	bottom: 2px;
}

.main ul li.one a:hover img {
	transform: scale(1.05);
}

.main ul li.one a:hover .icon-news {
	background-position: 0 -17px;
}
.main ul li.two {
	float: left;
	width: 490px;
	margin-right: 10px;
}

.main ul li.two a {
	width: 490px;
	height: 260px;
	padding: 38px 44px;box-sizing: border-box;
	margin-bottom: 10px;
	display: block;
	overflow: hidden;
	position: relative;
	background: #fff;
	border-radius:50px 10px 10px 50px ;
}


.main ul li.two a .more { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top:20px;position:relative;float:right;}

.main ul li.two a .more span { padding: 0px 0px 0px 20px; height: 35px; -webkit-transition: all .8s ease; transition: all .8s ease; position: relative; font-size: 1.2em; color: #575757; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.main ul li.two a .more span i { font-size: 8px; margin-left: 8px; width: 35px; height: 35px; margin-left: -5px; -webkit-transition: all .8s ease; transition: all .8s ease; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 10; }

.main ul li.two a .more span::after { position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-border-radius: 35px; border-radius: 35px; border: 1px solid #7f7f7f; content: ''; }

.main ul li.two a:hover { background: url(/skin/images/newslistbg.jpg) no-repeat center; background-size: cover; border-color: #fff; -webkit-box-shadow: 0px 50px 30px -45px rgba(64, 50, 25, 0.3); box-shadow: 0px 50px 30px -45px rgba(64, 50, 25, 0.3); }

.main ul li.two a:hover span { border: none; padding: 0px; }

.main ul li.two a:hover span i { color: #fff; margin-left: 5px; 
/* *这一行或下面一行 background:url(/skin/images/xjt2.png)no-repeat center;  */
filter: brightness(0) invert(1)
}
.main ul li.two a:hover span::after { width: 35px; height: 35px; border-color: #0048e5; background: #0048e5; -webkit-border-radius: 100%; border-radius: 100%; }


.main ul li.two .top {
	width: 100%;
	float: initial;
	padding-left: 0;
	font-size:10px;
}

.main ul li.two .top h5 {
	font-size: 2.1em;
	line-height:1.7;
	color: #161616;
	display: -webkit-box;
	text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	font-weight: 400;
}

.main ul li.two .top div.p {
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 24px;
}

.main ul li.two .top div.p p {
	line-height:1.7;
	padding-top: 10px;
	font-size: 1.6em;
	color: #868686;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.main ul li.two .top img {
	position: absolute;
	top: 50%;
	right: 67px;
	margin-top: 62px;
}

.main ul li.two .bottom {
	width: 100%;
	float: initial;
	border-right: none;padding-top: 29px;
	font-size:10px;
}

.main ul li.two .bottom span {

	font-size: 1.4em;
	display: block;
	color: #868686;
}





.main ul li.three {
	float: left;
	font-size:10px;
}

.main ul li.three a {
	width: 490px;
	height: 170px;
	padding: 38px 44px;box-sizing: border-box;
	margin-bottom: 10px;
	display: block;
	background: #fff;
	overflow: hidden;
	position:relative;
	border-radius:10px 50px 50px 10px;
}


.main ul li.three a .more { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 10px;position:relative;float:right;}


.main ul li.three a .more span { padding: 0px 0px 0px 20px; height: 35px; -webkit-transition: all .8s ease; transition: all .8s ease; position: relative; font-size: 1.2em; color: #575757; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.main ul li.three a .more span i { font-size: 8px; margin-left: 8px; width: 35px; height: 35px; margin-left: -5px; -webkit-transition: all .8s ease; transition: all .8s ease; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 10; }

.main ul li.three a .more span::after { position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-border-radius: 35px; border-radius: 35px; border: 1px solid #7f7f7f; content: ''; }

.main ul li.three a:hover { background: url(/skin/images/newslistbg.jpg) no-repeat center; background-size: cover; border-color: #fff; -webkit-box-shadow: 0px 50px 30px -45px rgba(64, 50, 25, 0.3); box-shadow: 0px 50px 30px -45px rgba(64, 50, 25, 0.3); }

.main ul li.three a:hover span { border: none; padding: 0px; }

.main ul li.three a:hover span i { color: #fff; margin-left: 5px; 
/* *这一行或下面一行 background:url(/skin/images/xjt2.png)no-repeat center;  */
filter: brightness(0) invert(1)
}
.main ul li.three a:hover span::after { width: 35px; height: 35px; border-color: #0048e5; background: #0048e5; -webkit-border-radius: 100%; border-radius: 100%; }




.main ul li.three a .left {
	width: 26%;
	border-right: 1px solid #eeeeee;
	float: left;
}
.main ul li.three a .left span {
	font-size: 14px;
	line-height:1.7;
	display: block;
	color: #868686;
}

.main ul li.three a .right {
	width: 73%;
	padding-left: 25px;box-sizing: border-box;
	float: left;
}

.main ul li.three a .right h5 {
	font-size: 2.1em;
	line-height:1.7;
	color: #161616;
	font-weight: 400;
	
	display: -webkit-box;
	text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.main ul li.three a .right img {
	padding-top: 20px
}

.main ul li.two a:hover,
.main ul li.three a:hover{ background: url(/skin/images/newslistbg.jpg) no-repeat center; background-size: cover; border-color: #fff; -webkit-box-shadow: 0px 40px 30px -45px rgba(64, 50, 25, 0.3); box-shadow: 0px 40px 30px -45px rgba(64, 50, 25, 0.3); }



.auto-box{width:100%;height:auto;padding:80px 0 0px;background:#fff;position:relative;}
.main-box{max-width:1440px;height:auto;margin:0 auto}
.index-tserver{width:100%;font-size:10px;background:url('/skin/images/360server-line.png') no-repeat center ;background-size:100%;box-sizing:border-box;text-align:center;padding:0 0;margin-top:0px;}
.index-tserver li{width:24.8%;min-width:162px;height:162px;text-align:center;box-sizing:border-box;padding:100px 0 0 0;font-size:1.8em;color:#161616;display:inline-block;position:relative;cursor:pointer;margin:60px 0 60px -0.1%}
.index-tserver li.tserver-list1{background:url('/skin/images/360server-icon1.png') no-repeat center top}
.index-tserver li.tserver-list2{background:url('/skin/images/360server-icon2.png') no-repeat center top}
.index-tserver li.tserver-list3{background:url('/skin/images/360server-icon3.png') no-repeat center top}
.index-tserver li.tserver-list4{background:url('/skin/images/360server-icon4.png') no-repeat center top}
.index-tserver li.tserver-list5{background:url('/skin/images/360server-icon5.png') no-repeat center top}
.index-tserver li.tserver-list6{background:url('/skin/images/360server-icon6.png') no-repeat center top}
.index-tserver li.tserver-list7{background:url('/skin/images/360server-icon7.png') no-repeat center top}
.index-tserver li .appear{width:200px;height:200px;display:inline-block;position:absolute;top:-19px;left:81px;border-radius:11px;padding:20px 20px;box-sizing:border-box;text-align:left;background:linear-gradient(145deg,#0048e5,#003dc2);display:none;font-size:10px;}
.aplistmore{display:block;width:80px;border:1px solid #fff;height:24px;line-height:24px;font-size:1em;text-align:center;margin:10px 0 0 0;border-radius:12px; -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;}
.index-tserver li .appear:hover .aplistmore {background:#0048e5 url(/skin/images/xjt2.png)no-repeat 44px center;color:#fff;text-indent:-22px;}
.index-tserver li .appear a{color:#fff;font-size:1.6em;line-height:1.5;}
.index-tserver li .appear.animated{animation-duration:.5s;animation-fill-mode:both}
.index-tserver li:hover .appear{display:block}
.index-tserver-ad{width:100%;font-size:10px;margin-top:60px;background:#f6f6f6;text-align:center;padding:40px 0;
 background: -webkit-linear-gradient(45deg,#0048e5, #003dc2);
background:linear-gradient(145deg,#0048e5,#003dc2);
  
}
.index-tserver-ad li{display:inline-block;color:#fff;font-size:1.8em;padding:0 3%}
.index-tserver-ad li img{vertical-align:middle;display:inline-block;margin-right:5px;}
.index-tserver-ad li+li{border-left:1px solid #e2e3e4}
.zoomin{animation-name:zoomin}
@keyframes zoomin{0%{opacity:0;transform:scale(.3)}
50%{opacity:1}
}





.cityColumnWarp{width:100%;height:100%;margin:0 auto;color:#555;font:400 13px/22px "microsoft yahei";}

.hotSaleBrand{height:100%;font-size:10px;background:url(/skin/images/hotBrand-bg.jpg) #e0eaff no-repeat 50% 56%;padding:0;}
.hotSaleBrand-box{width:461px;height:100%;margin:23px 0 23px 5px;overflow:hidden;float:left}
.hotSaleBrand-box-right{margin-left:5px;}
.hotSaleBrand-box ul{width:461px;height:100%}
.hotSaleBrand-box ul .middleIteam{margin:32px 167px 25px ;border-radius:40%;}
.hotSaleBrand-box ul .hotSaleBrand-middleIteam{margin:32px 167px 25px ;}
.hotSaleBrand-box ul li {margin:0 52.25px;float:left;width:126px;height:126px;line-height:126px;color:#fff;overflow:hidden;background:#fff;border-radius:20%;display:block;text-align:center;position:relative}
.hotSaleBrand-box ul li  img{width:100px;height:100px;padding:13px;}
.hotSaleBrand-box ul li span{width:100%;height:100%;display:none;position:absolute;top:0;left:0;background:#0048e5;background:rgba(255,255,255,.7);background:-moz-linear-gradient(top,rgba(255, 255, 255,.8)70%,rgba(255,255,255,.3)100%);background:-webkit-linear-gradient(top,rgba(255, 255, 255,.8)70%,rgba(255,255,255,.3)100%);background:-o-linear-gradient(top,rgba(255, 255, 255,.8)70%,rgba(255,255,255,.3)100% 100%);background:-ms-linear-gradient(top,rgba(255, 255, 255,.8)70%,rgba(255,255,255,.3)100% 100%)}
.hotSaleBrand-box ul li:hover span{display:block;font-size:2.4em;font-weight:600;color:#262626}


.edit-mode{max-width:1400px;overflow:hidden;margin:82px auto 15px;text-align:center;}
.edit-mode .memt{color:#597eb3;padding:3px 0;margin:0 5px;float:left;font-size:1.6em;}
.edit-mode li {font-size:1.6em;float:left;margin:0 5px 15px;background:#597eb3;padding:3px 12px;color:#fff;border-radius:12px;}
.edit-mode li:hover{background:#0048e5;color:#fff}.




/*底部*/
.clear{clear:both;display: block;}
.clearfix:after {content: ".";display: block;height: 0;visibility: hidden;clear: both;}
.w1400 {width: 1400px;margin: 0 auto;}
.fl {float: left;}
.site-footer { font-size: 14px; line-height: 1.8; color: #a8aaba; background: #32333b;position:relative;}
.site-footer a { color: #a8aaba;}
.site-footer a:hover { color: #ffffff !important;}
.site-footer .footer-article { padding: 30px 0 20px; overflow: hidden;}
.site-footer .contact { box-sizing: border-box;background:#32333b;border-radius:20px;float: left; width: 450px;padding:15px 15px 20px;margin:0 50px 0 0}
.site-footer .contact dt { width: 90px;}
.site-footer .contact .iconfont { width: 66px;height: 66px; display: block;float: left;background: url(/skin/images/kefu.png) center center no-repeat;background-size: 55px;}
.site-footer .contact .text { font-size: 18px; margin:0 0 5px 0;line-height:1.5; color: #d9d9d9;}
.site-footer .contact .tel { padding: 5px 0 5px; font-size: 14px; line-height:1.5;color: #9f9f9f;}
.site-footer .contact .tel:hover{color:#fff;}
.site-footer .contact a { display: block; width: 90px; margin:15px 0 0 0;font-size: 14px; line-height: 30px; color: #9f9f9f; text-align: center; border: 1px solid #9f9f9f; border-radius: 4px;}
.site-footer .contact a:hover { color: #fff !important; border: 1px solid #fff; }
.site-footer .col-article { float: left; width: 191px;padding:15px 0 0;}
.site-footer .col-article dt { margin-bottom: 15px; font-size: 18px; font-weight: normal; color: #d9d9d9;}
.site-footer .col-article dd { margin-bottom: 8px; overflow: hidden;}
.site-footer .col-article dd a { font-size: 14px; color: #9f9f9f; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.site-footer .wx { float: left; width: 135px; margin-right: 0;padding:15px 0 0}
.site-footer .wx dt { margin-bottom: 15px; font-size: 18px; font-weight: normal; color: #d9d9d9;}
.site-footer .wx dd { margin-bottom: 15px;}
.site-footer .wx dd img { display: block; width: 110px; height: 110px; margin: 5px 0; border-radius: 2px;}
.footer-links { padding: 10px 0; border-top: 1px solid #41424c; border-bottom: 1px solid #41424c;}
.footer-links p { font-size: 14px; color: #a8aaba;}
.footer-links a { margin-right: 20px;color: #a8aaba;}
.footer-info .info-text { padding: 20px 0 20px;text-align: center;font-size: 14px;}
.footer-info .info-text .nav-bottom { padding: 20px 0 5px;  color: #ccc; text-align: center;}
.footer-info .info-text .nav-bottom a { padding: 0 8px; color: #9b9ea0;}
.footer-info .info-text .copyright { padding: 5px 0 8px 0;}
.footer-info .info-text em { padding: 0 8px;}


.contactline{width:100%;margin:0 auto;overflow:hidden;}
.cleft{width:50%;height:476px;margin:0}
.cleft img{width:100%;height:100%}
.cright{width:50%;margin:0;height:476px;background: #0048e5}
.cright ul {padding:85px 70px;color:#fff;}
.cright ul li b{font-size:30px;}
.cright ul li{font-size:26px;line-height:32px;margin:30px 0}



.ccon {
  position: relative;
  width: 100%;
  min-height: 100vh;
  padding: 0;
  background-color: #f6f6f6;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.big-circle {
  position: absolute;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background: linear-gradient(to bottom, #125bff, #0048e5);
  bottom: 60%;
  right: 54%;
  transform: translate(-40%, 38%);
}

.big-circle:after {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  background-color: #f6f6f6;
  border-radius: 50%;
  top: calc(50% - 180px);
  left: calc(50% - 180px);
}
.form {
  width: 100%;
  max-width: 1200px;
  height:600px;
  margin:0;
  padding:0;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
  z-index: 1;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.contact-info {
  padding: 20px;
  position: relative;
}

.contact-info:before {
  content: "";
  position: absolute;
  width: 110px;
  height: 100px;
  border: 22px solid #0048e5;
  border-radius: 50%;
  bottom: -77px;
  right: 50px;
  opacity: 0.3;
}

.contact-info .title {
  color: #161616;
   font-weight: 500;
  font-size: 24px;
  margin: 15px 0 25px ;
}
.contact-info i{float:left;width:40px;height:40px;background:url(/skin/images/cl_bg.png)no-repeat;}
i.cicon1{    background-position: -50px -2px;}
i.cicon2{background-position: 0px -2px;}
.contact-info .text {
  color: #666666;
  margin: 10px 0 15px 0;
  font-size:16px;
}
.info ul {clear:both;margin:10px 0;overflow:hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.info ul li{
width:49%;
font-size:18px;margin:5px 0.5%;position:relative;padding:5px 0;
}
.info ul li::before{
width: 0%;
background: -webkit-gradient(linear, left top, right bottom, from(rgba(0, 72, 229, 1)), to(rgba(255, 255, 255, 1))); background: linear-gradient(to right bottom, rgba(0, 72, 229, 1), rgba(255, 255, 255, 1));
height:2px;
content: "";
position: absolute;
bottom: 0px;
left: 0%;
transition: all 0.8s; 
}
.info ul li:hover::before{
left: 0%;
width: 100%;
}
.info ul li:hover{
    background: -webkit-linear-gradient(#0048e5, #161616);
    background: linear-gradient(135deg,#0048e5, #161616);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
   /* display: inline-block; */
}
.contact-form {
  background-color: #003DC2;
  position: relative;
  padding:20px 10px;


}
.contact-form:before {
  content: "";
  position: absolute;
  width: 26px;
  height: 26px;
  background-color: #003DC2;
  transform: rotate(45deg);
  top: 50px;
  left: -13px;
}

.circle {
  border-radius: 50%;
  background: linear-gradient(135deg, transparent 20%, #125bff);
  position: absolute;
}

.circle.one {
  width: 130px;
  height: 130px;
  top: 130px;
  right: -40px;
}

.circle.two {
  width: 80px;
  height: 80px;
  top: 10px;
  right: 30px;
}
.cfimg{ width:100%;height:560px;overflow:auto;}
.cfimg ul li{margin:0 0 10px;padding:0 2%;position:relative;}
.cfimg .cfimg-bg{position:absolute;bottom:0;width:96%;height:30px;line-height:30px;padding:5px 0;background:#000;opacity:.5;filter:alpha(opacity=50);border-radius:0px 0px 0px 30px;}
.cfimg .cfimg-title{color:#fff;position:absolute;bottom:0;width:96%;height:30px;line-height:30px;padding:5px 0;text-align:center;font-size:18px;}
.cfimg ul li img{width:100%;border-radius:0px 30px 0px 30px;}
.mfgs{margin:20px 0 10px;overflow:hidden;}
.mfgstitle {font-size:24px;margin:0 0 15px 0}
.cifsize{font-size:18px;margin:5px 2% 5px 0;padding:5px 0 5px 0;line-height:1.7;width:48%;float:left;position: relative;}
.cifsize span{font-size:16px;color:#ff0000;}
.cifsize::before{
width: 0%;
background: -webkit-gradient(linear, left top, right bottom, from(rgba(0, 72, 229, 1)), to(rgba(255, 255, 255, 1))); background: linear-gradient(to right bottom, rgba(0, 72, 229, 1), rgba(255, 255, 255, 1));
height:2px;
content: "";
position: absolute;
bottom: 0px;
left: 0%;
transition: all 0.8s; 
}
.cifsize:hover::before{
left: 0%;
width: 100%;
}
.cifsize:hover{
    background: -webkit-linear-gradient(#0048e5, #161616);
    background: linear-gradient(135deg,#0048e5, #161616);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
   /* display: inline-block; */
}
.cifmore a{
    display: inline-block;
    border: 1px solid #0048e5;
    color: #0048e5;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    font-size: 20px;
    line-height: 28px;
    margin-top:10px;
    padding: 5px 20px;
    border-radius: 60px;
}

.cifmore a:hover {
    background-color: #0048e5;
    color: #fff;
}


.cfimg::-webkit-scrollbar{
    width:10px;
    height:10px;
    }
    /*正常情况下滑块的样式*/
    .cfimg::-webkit-scrollbar-thumb{
    background-color:rgba(0,0,0,.2);
    border-radius:10px;
    -webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1);
    }
    /*鼠标悬浮在该类指向的控件上时滑块的样式*/
    .cfimg:hover::-webkit-scrollbar-thumb{
    background-color:rgba(0,0,0,.3);
    border-radius:10px;
    -webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1);
    }
    /*鼠标悬浮在滑块上时滑块的样式*/
    .cfimg::-webkit-scrollbar-thumb:hover{
    background-color:rgba(0,0,0,.3);
    -webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1);
    }
    /*正常时候的主干部分*/
    .cfimg::-webkit-scrollbar-track{
    border-radius:10px;
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0);
    background-color:white;
    }
    /*鼠标悬浮在滚动条上的主干部分*/
    .cfimg::-webkit-scrollbar-track:hover{
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    background-color:rgba(255,255,255,1);
    }
    
    
    
    .icon-youshangjiaojiantou {background:url(/skin/images/xjt1.png)no-repeat center; }
    .newsCompositePage { font-size:10px;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px; padding: 30px 0px 20px; }

.newsCompositePage .list { width: 30.3%; padding: 50px 1.5%; }

.newsCompositePage .list a { background: #fff; border: 2px solid transparent; -webkit-border-radius: 10px; border-radius: 30px; padding: 25px 20px; display: block; -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); }

.newsCompositePage .list a .time { font-size: 1.5em; color: rgba(0, 0, 0, 0.5); font-family: 'Bronova'; }

.newsCompositePage .list a h2 { margin-top: 10px; font-size: 2.6em;line-height:1.7;height:88px; color: #161616;font-weight:400; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.newsCompositePage .list a .desc { margin-top: 10px; font-size: 1.6em; color: #868686; display: -webkit-box; height: 90px; line-height: 2; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.newsCompositePage .list a .more { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 35px; }

.newsCompositePage .list a .more span { padding: 0px 0px 0px 20px; height: 35px; -webkit-transition: all .8s ease; transition: all .8s ease; position: relative; font-size: 1.2em; color: #575757; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.newsCompositePage .list a .more span i { font-size: 8em; margin-left: 8px; width: 35px; height: 35px; margin-left: -5px; -webkit-transition: all .8s ease; transition: all .8s ease; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 10; }

.newsCompositePage .list a .more span::after { position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-border-radius: 35px; border-radius: 35px; border: 1px solid #7f7f7f; content: ''; }

.newsCompositePage .list a:hover { background: url(/skin/images/newslistbg.jpg) no-repeat center; background-size: cover; border-color: #fff; -webkit-box-shadow: 0px 50px 30px -45px rgba(64, 50, 25, 0.3); box-shadow: 0px 50px 30px -45px rgba(64, 50, 25, 0.3); }

.newsCompositePage .list a:hover span { border: none; padding: 0px; }

.newsCompositePage .list a:hover span i { color: #fff; margin-left: 5px; 
/* *这一行或下面一行 background:url(/skin/images/xjt2.png)no-repeat center;  */
filter: brightness(0) invert(1)
}
.newsCompositePage .list a:hover span::after { width: 35px; height: 35px; border-color: #0048e5; background: #0048e5; -webkit-border-radius: 100%; border-radius: 100%; }

.detailbox{ color: #161616; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.detailleft{width:360px;padding:20px;}
.dleftbox{border-radius:30px;margin:10px 20px 20px 0px;padding:20px 20px 20px;background: -webkit-gradient(linear, left top, right bottom, from(rgba(0, 72, 229, 0.02)), to(rgba(0, 72, 229, 0.04))); background: linear-gradient(to right bottom, rgba(0, 72, 229, 0.02), rgba(0, 72, 229, 0.04));}
.dleftbox .dlefttitle{height:40px;line-height:40px;font-size:26px;margin:0 0 20px 0}
.dlefttitle i{float:left;width:40px;height:40px;background:url(/skin/images/cl_bg.png)no-repeat;}
i.dleft-icon1{background-position: -50px 2px;}
i.dleft-icon2{background-position: 0px 2px;}
.dleftbox .dleftinfo{ }
.dleftbox .dleftinfo .dleftline, .dleftbox .dleftinfo .dleftline a{color:#262626;font-size:18px;line-height:2;margin:0 0 15px 0;position: relative; display:block;}
.dleftbox .dleftinfo .dleftline::before{
width: 0%;
background: -webkit-gradient(linear, left top, right bottom, from(rgba(0, 72, 229, 1)), to(rgba(255, 255, 255, 1))); background: linear-gradient(to right bottom, rgba(0, 72, 229, 1), rgba(255, 255, 255, 1));
height:1px;
content: "";
position: absolute;
top: 50%;
left: 0%;
transition: all 0.8s; 
}
.dleftbox .dleftinfo .dleftline:hover::before{
left: 0%;
width: 8px; /* 横线展开宽度 */
transform: translateX(-10px);
}
.dleftbox .dleftinfo .dleftline:hover{
    background: -webkit-linear-gradient(#0048e5, #161616);
    background: linear-gradient(135deg,#0048e5, #161616);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
   /* display: inline-block; */
  transform: translateX(10px);
  transition: 0.8s ease; /* 宽度动画 */
}
.detailright{width:1000px;padding:20px;}
.detailtitle{ margin:15px 0;display:inline-block; font-size: 36px;line-height: 1.5;font-weight:400;}

.detaildesc{font-size:10px;margin:15px 0; padding: 15px 15px; -webkit-border-radius: 10px; border-radius: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: flex-start; -ms-flex-pack: center‌; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-image: -webkit-gradient(linear, left top, right top, from(#f7f7f7), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to right, #f7f7f7, rgba(255, 255, 255, 0));}
.detaildesc a{color:#161616}
.ddsource{margin-right:35px;font-size:1.2em;}
.dddate{font-size:1.2em;}
.detailinfo{padding:5px;color:#262626}
.detailinfo p, .detailinfo div, .detailinfo ul li{font-size:20px;line-height:2;margin:15px 0;display:block;}
 .detailinfo h2{font-size:24px;line-height:2;margin:15px 0;font-weight:400;}
.detailinfo strong, .detailinfo h3{font-size:22px;line-height:2;margin:15px 0;font-weight:400;}
 .detailinfo h4{font-size:20px;line-height:2;margin:15px 0;font-weight:400;}
.detailinfo a{font-size:20px;}
.detailinfo img{ 
max-width:950px;
height:100%;
margin:0 auto;
display:block;}
.detailinfo table{font-size:16px;width:98%;margin:1%;border:2px solid #e0e0e0;border-collapse:collapse;}
.detailinfo table th,td{border:2px solid #e0e0e0;padding:1%;}
.detailinfo table th{background:#f1f1f1;color:#363636;font-weight:normal;}
.mnav{display:none;}


.onlinebox {
/* 
	*为查看暂时屏蔽,原无
	*/
	display:none; 
	position:fixed;
	top:20%;
	right:10px;
	width:200px;
	_position:absolute;
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
	z-index:990;
}
.onlineboxcenter {
	float:left;
	width:200px;
	height:auto;
}
.onlineboxul {
	border:1px solid #fff;
	border-radius:10px;
	padding:30px 0 30px;
	background:#fff;
	height:auto;
	-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.18);
	-moz-box-shadow:0px 0px 20px rgba(0,0,0,0.18);
	box-shadow:0px 8px 20px rgba(0,0,0,0.18);
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}
.onlineboxul li {
	text-align:center;
	margin:0 0 20px 0;
	font-size:16px;
	line-height:28px;
}
.onlineboxul li span {
	color:#ff0000;
	font-size:22px;
}
.onlineboxul .weixin {
	height:100%;
	font-weight:bold;
	margin:0;
}
.onlineboxul .weixin img {
	height:130px;
}
.onlineboxul li .plx {
	display:block;
	font-weight:bold;
	font-size:16px;
}
.onlineboxul li .mlx {
	display:none;
}
.onlineboxul a.onlinecontact {
	display:block;
	background:#ff0000;
	background-image: linear-gradient(to right, #ff0000 , #ff0000);
	color:#fff;
	font-size:16px;
	padding:8px 0;
	width:160px;
	border-radius:6px;
	margin:0 auto 10px;
	overflow:hidden;

}
.tan {
	width:88%;
	height:auto;
	background: -webkit-linear-gradient(rgba(249, 249, 249, 1),  rgba(240, 240, 240, 1));
background: linear-gradient(135deg,rgba(238, 243, 255, 1), rgba(225, 236, 255, 1));
	position:fixed;
	left:6%;
	top:50%;
	display:none;
	border:1px solid rgba(251, 253, 255, 1);
	z-index:200;border-radius:15px;
	-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.09);
	-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.09);
	box-shadow:0px 8px 10px rgba(0,0,0,0.09);
}
.kuang {
	height:auto;
	padding:15px;
	font-size:14px;
	line-height:1.7;
	
	
}
.kuang b {
	font-size:16px;
}
.txtcss {
	color:red;
	font-weight:800;
	font-size:14px;
}
.copy {
	
	background-color:#0048e5;
	width:50%;
	margin:10px 25%;
	padding:1% 0;
	text-align:center;
	color:black;
	height:36px;line-height:36px;
	border-radius:30px;
}
.copy a {
	color:white;font-size:16px;
}
.guanbi {
	text-align:center;
	position:absolute;
	right:20px;
	top:10px;
	font-size:20px;
}
.guanbi:before {
    content: "✕";
    opacity:.25;
}


.prevNextArticle { margin: 30px 0 0 0; padding: 8px 15px 10px; -webkit-border-radius: 10px; border-radius: 10px; background-image: -webkit-gradient(linear, left top, right top, from(#f7f7f7), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to right, #f7f7f7, rgba(255, 255, 255, 0)); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.prevNextArticle .article-prev, .prevNextArticle .article-next { font-size: 14px; color: #a5a5a5; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 50%; display: -webkit-box; max-height: 24px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin-top: 5px; }

.prevNextArticle a { color: #161616; font-size: 14px; }
.fillfoot{display:none;}

/* ========== 锚点与跟随效果核心样式 ========== */

  /* 鼠标锚点 —— 由JS更新位置，所有跟随元素以此为定位基准 */
  #mouse-anchor {
    position: fixed;
    top: 0;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    pointer-events: none;
    z-index: 9999;
    anchor-name: --mouse;
    opacity: 0; /* 锚点本身不可见，只作为定位参考 */
  }

  /* 基础跟随点 —— 紧贴鼠标 */
  .cursor-dot {
    position: fixed;
    position-anchor: --mouse;
    left: anchor(center);
    top: anchor(center);
    translate: -50% -50%;
    width: 8px;
    height: 8px;
    background: #0048e5;
    border-radius: 50%;
    pointer-events: none;
    z-index: 9999;
    transition: width 0.2s ease, height 0.2s ease, background 0.2s ease;
    box-shadow: 0 0 12px rgba(0, 72, 229, 0.6);
  }

  /* 中环 —— 稍微延迟 */
  .cursor-ring {
    position: fixed;
    position-anchor: --mouse;
    left: anchor(center);
    top: anchor(center);
    translate: -50% -50%;
    width: 10px;
    height: 10px;
    border: 2px solid rgba(0, 72, 229, 0.5);
    border-radius: 50%;
    pointer-events: none;
    z-index: 9998;
    transition: left 0.08s ease-out, top 0.08s ease-out, width 0.25s ease, height 0.25s ease, border-color 0.25s ease;
    transition: all 0.15s cubic-bezier(0.2, 0.8, 0.2, 1);
  }

  /* 外圈大光晕 —— 延迟更大，营造拖尾感 */
  .cursor-glow {
    position: fixed;
    position-anchor: --mouse;
    left: anchor(center);
    top: anchor(center);
    translate: -50% -50%;
    width: 80px;
    height: 80px;
    background: radial-gradient(circle, rgba(0, 72, 229, 0.15) 0%, rgba(0, 72, 229, 0) 70%);
    border-radius: 50%;
    pointer-events: none;
    z-index: 9997;
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
  }

  /* 按钮/可交互元素 hover 时光标放大变色 */
  a:hover ~ .cursor-layer .cursor-dot,
  button:hover ~ .cursor-layer .cursor-dot,
  .interactive:hover ~ .cursor-layer .cursor-dot {
    width: 14px;
    height: 14px;
    background: #f43f5e;
  }

  a:hover ~ .cursor-layer .cursor-ring,
  button:hover ~ .cursor-layer .cursor-ring,
  .interactive:hover ~ .cursor-layer .cursor-ring {
    width: 56px;
    height: 56px;
    border-color: rgba(244, 63, 94, 0.6);
  }

  a:hover ~ .cursor-layer .cursor-glow,
  button:hover ~ .cursor-layer .cursor-glow,
  .interactive:hover ~ .cursor-layer .cursor-glow {
    width: 120px;
    height: 120px;
    background: radial-gradient(circle, rgba(244, 63, 94, 0.2) 0%, rgba(244, 63, 94, 0) 70%);
  }

  /* 光标层容器 —— 放在最外层便于全局兄弟选择器控制 */
  .cursor-layer {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 9997;
  }




@media (max-width: 850px) {
  .cursor-layer {
 display:none;
  }
.fillfoot{display:block;height:65px;}
.prevNextArticle .article-prev, .prevNextArticle .article-next { font-size: 14px; color: #a5a5a5; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; display: -webkit-box; max-height: 24px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin-top: 5px; }
.onlinebox {
/* 
	*为查看暂时显示,原无
	*/
	display:block; 
	position:fixed;
	top:auto;
	bottom:0;
	right:0;
	width:100%;
	_position:absolute;
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
	z-index:990;
}
.onlineboxcenter {
	float:left;
	width:100%;
	color:#fff;
}
	.onlineboxul a.onlinecontact {
	width:25%;
	height:36px;
	line-height:36px;
	padding:0;
	margin:0;
	float:left;
	border-radius:0;
}

.onlineboxul a.onlinecontact img {
	width:100%;
	height:36px;
}
.onlineboxul {
	border-radius:0px;
	border:0px solid #3c5cf6;
	padding:0px;
	margin:0;
	height:60px;
	line-height:60px;
	background:#fff
	
}
.onlineboxul li {
	text-align:center;
	width:25%;
	padding:0;
	float:left;
	margin:0;

}
.onlineboxul li a {
	display:block;
}
.onlineboxul .weixin {
	height:130px;
	display:none;
}
.onlineboxul .weixin img {
	height:130px;
}
.onlineboxul li .plx {
	display:none;
}
.onlineboxul li .mlx {
	display:block;
	font-weight:normal;
	font-size:14px;
	padding-top:10px;
	height:50px;
	line-height:25px;
	color:#262626
}
.onlineboxul li .mlx img{height:20px;}


.mfgstitle {font-size:24px;margin:0 0 15px 0}
.info ul li{width:99%;font-size:16px;margin:5px 0.5%;position:relative;padding:5px 0;}
.index-tserver{width:100%;font-size:10px;background:none;box-sizing:border-box;text-align:center;padding:0 0;margin-top:0px;}
.index-tserver li{width:24.8%;min-width:162px;height:162px;text-align:center;box-sizing:border-box;padding:100px 0 0 0;font-size:1.5em;color:#161616;display:inline-block;position:relative;cursor:pointer;margin:10px 0 10px 0.1%}
.index-tserver li.tserver-list1{background:url('/skin/images/360server-icon1.png') no-repeat center top}
.index-tserver li.tserver-list2{background:url('/skin/images/360server-icon2.png') no-repeat center top}
.index-tserver li.tserver-list3{background:url('/skin/images/360server-icon3.png') no-repeat center top}
.index-tserver li.tserver-list4{background:url('/skin/images/360server-icon4.png') no-repeat center top}
.index-tserver li.tserver-list5{background:url('/skin/images/360server-icon5.png') no-repeat center top}
.index-tserver li.tserver-list6{background:url('/skin/images/360server-icon6.png') no-repeat center top}
.index-tserver li.tserver-list7{background:url('/skin/images/360server-icon7.png') no-repeat center top}
.index-tserver li .appear{width:100%;height:100%;display:inline-block;position:absolute;top:-10px;left:0;border-radius:11px;padding:14px 14px;box-sizing:border-box;text-align:left;background:linear-gradient(111deg,#0048e5,#003dc2);display:none;}
.aplistmore{display:block;width:80px;border:1px solid #fff;height:24px;line-height:24px;font-size:1em;text-align:center;margin:10px 0 0 0;border-radius:12px;}
.index-tserver li .appear a{color:#fff;font-size:1.4em;}
.index-tserver li .appear.animated{animation-duration:.5s;animation-fill-mode:both}
.index-tserver li:hover .appear{display:block}
.index-tserver-ad{width:100%;margin-top:100px;background:#f6f6f6;text-align:center;padding:40px 0;}
.index-tserver-ad li{display:inline-block;color:#868686;font-size:1.6em;padding:0 3%}
.index-tserver-ad li img{vertical-align:middle;display:inline-block;margin-right:5px}
.index-tserver-ad li+li{border-left:1px solid #e2e3e4}

.container {
	background: #f6f6f6;
	padding: 40px 0 40px 0;
	overflow: hidden;
}
.m100all{width:100%;height:100%;position:relative;display:block;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);}
.holer,#headdiv{display:none;}
.site-footer {display:none;}
.mnav{display:block;height:60px;}
.mnav .left {
		width: auto;
		float: left;
	}
.mnav .left img{width:120px;height:60px;}
#navToggle {
		height: 40px;
		padding: 10px 15px;
		margin-right: 5px;
		display: inline-block;
		position: absolute;
		right: 0;
		top: 0
	}

	#navToggle span {
		position: relative;
		width: 25px;
		height: 2px;
		margin-top: 19px;
	}

	#navToggle span:before,#navToggle span:after {
		content: '';
		position: relative;
		width: 100%;
		height: 2px;
		left: 0;
	}

	#navToggle span,#navToggle span:before,#navToggle span:after {
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
		display: block;
		background: #4f4f4f;
	}

	#navToggle span:before {
		top: 8px;
	}

	#navToggle span:after {
		bottom: 10px;
	}

	#navToggle.open span:before {
		top: 10px;
		-webkit-transform: translateY(-11px) rotate(-45deg);
		-moz-transform: translateY(-11px) rotate(-45deg);
		-ms-transform: translateY(-11px) rotate(-45deg);
		-o-transform: translateY(-11px) rotate(-45deg);
		transform: translateY(-11px) rotate(-45deg);
	}

	#navToggle.open span:after {
		bottom: 12px;
		-webkit-transform: translateY(10px) rotate(45deg);
		-moz-transform: translateY(10px) rotate(45deg);
		-ms-transform: translateY(10px) rotate(45deg);
		-o-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg);
	}

	#navToggle.open span {
		background: none;
	}

	#navToggle.open span:before,#navToggle.open span:after {
		background: #4f4f4f;
	}

.m-nav {
	position: fixed;
	top: 0px;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
	width: 100%;
	height: 100%;
	background: #fff;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	z-index: 1000;
	opacity: 1;
	visibility: visible;
	margin-top: 0;
	overflow-y: auto;
	transition: all .6s cubic-bezier(.77,0,.175,1) 0ms;
	top: 0;
	transform: translateX(100%);
}

.m-nav.open {
	transform: translateX(0);
}

.m-nav .top {
	height: 60px;
	padding: 20px;
	box-sizing: border-box;
}

.m-nav .top .closed {
	width: 30px;
	height: 30px;
	vertical-align: middle;
	float: right;
	cursor: pointer;
}

.m-nav .m-logo {
	width: 70%;
	margin: 0 auto;
	position:absolute;top:10px;left:10px;
}

.m-nav .m-logo img {
	height: 56px;
	display: block;
	margin: 2px auto;
}

.m-nav .ul {
	margin-top: 30px;
}

.m-nav .ul li {
	padding: 0 20px;
	color: #2a2b33;
	font-size: 1.1rem;
	line-height: 50px;
	border-bottom: 1px solid #f5f5f5;
	transform: translateY(0);
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0ms;
	transition: all .6s cubic-bezier(.77,0,.175,1) 0ms;
	opacity: 0;
}

.m-nav.open .ul li {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.m-nav .ul li:nth-child(1) {
	-webkit-transition: all .2s cubic-bezier(.77,0,.175,1) 0ms;
	transition: all .2s cubic-bezier(.77,0,.175,1) 0ms;
}

.m-nav .ul li:nth-child(2) {
	-webkit-transition: all .4s cubic-bezier(.77,0,.175,1) 0ms;
	transition: all .4s cubic-bezier(.77,0,.175,1) 0ms;
}

.m-nav .ul li:nth-child(3) {
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0ms;
	transition: all .6s cubic-bezier(.77,0,.175,1) 0ms;
}

.m-nav .ul li:nth-child(4) {
	-webkit-transition: all .8s cubic-bezier(.77,0,.175,1) 0ms;
	transition: all .8s cubic-bezier(.77,0,.175,1) 0ms;
}

.m-nav .ul li:nth-child(5) {
	-webkit-transition: all 1.0s cubic-bezier(.77,0,.175,1) 0ms;
	transition: all 1.0s cubic-bezier(.77,0,.175,1) 0ms;
}

.m-nav .ul li:nth-child(6) {
	-webkit-transition: all 1.2s cubic-bezier(.77,0,.175,1) 0ms;
	transition: all 1.2s cubic-bezier(.77,0,.175,1) 0ms;
}

.m-nav .ul li a {
	display: block;
	text-decoration: none;
	color: #2a2b33;
	font-size: 1.1rem;
	height: 50px;
	line-height: 50px;
	width: 50%;
}

.m-nav li.dropdown {
	background: url(/skin/images/drop.png) no-repeat center right 20px;
}
.m-nav li.dropdown::before {
	content: " ";
	display: block;
	border-bottom: 1px solid #797979;
	width: 20px;
	position: absolute;
	right:21px;top:30px;
}
.m-nav .ul li .dropmenu {
	display: none;
	background: #e0eaff;
	border-radius: 6px;
}

.m-nav .ul li .dropmenu a {
	display: block;
	height: 50px;
	line-height: 50px;
	WIDTH: 100%;
	padding: 0 40px;
	box-sizing: border-box;
	border-bottom: 1px solid #f5f5f5;
}

.m-nav .ul li .dropmenu a:last-child {
	border: none;
}

.block-title{text-align:left;padding:15px;color:#666;font-size:10px;line-height:32px;
background: -webkit-linear-gradient(#000, #333);
background: linear-gradient(135deg,#000, #333);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  }
.block-title h2{height:66px;line-height:66px;font-size:2.8em;color:#161616;font-weight:400;letter-spacing:1px;font-family:"华文细黑";padding-bottom:5px;}
.block-title p{font-size:1.6em;font-family:"华文细黑"}
.block-title-aleft{text-align:left;padding:15px;color:#666;font-size:10px;line-height:32px;  }
.block-title-aleft h2{height:66px;line-height:66px;font-size:2.8em;color:#161616;font-weight:400;letter-spacing:1px;font-family:"华文细黑";padding-bottom:5px;
background: -webkit-linear-gradient(#000, #002470);
background: linear-gradient(135deg,#000, #002470);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
      display: inline-block;
}
.block-title-aleft p{font-size:1.6em;font-family:"华文细黑"}
.width1{width:96%;height:100%;padding:20px 2% 20px;margin:0 auto;position:relative;display:block;overflow:hidden;}
.width2{width:96%;height:100%;padding:20px 2% 20px;margin:0 auto;position:relative;display:block;overflow:hidden;}
.w100b{width:100%;height:100%;background: #f2f2f2;}
.ptleft{width:100%;float:left;margin-top:20px;margin-right:30px;}
.ptright{font-size:18px;width:96%;position:relative;display:block;margin:2%;margin-top:20px;}
.ptr2 p{font-size:16px;height:100%;line-height:1.6;margin:0 0 15px;display:block;clear:both;color:#161616}
.ptr4n{font-size:24px;margin-bottom:15px;color:#161616}
.ptr4n-character{font-size:16px;color:#363636}
/* PicSlide */
#PicSlide{width:100%;height:100%;overflow:hidden;position:relative;margin:0px auto;}
#PicSlide .img{width:100%;height:210px;overflow:hidden;}
#PicSlide .img img{width:100%;height:100%;}
#PicSlide .img li{display:none;position:absolute;top:0;left:0;} 
#PicSlide .title{bottom:46px;width:100%;position:absolute;}
#PicSlide .shadow{background-color:#000;opacity:.5;filter:alpha(opacity=50);height:50px;}
#PicSlide .title .h3{z-index:30;line-height:42px;margin:4px 20px;position:absolute;}
#PicSlide .title .h3 {font-weight:normal;font-size:21px;color:#fff;}
#PicSlide .thumb{bottom:0;left:0;position:relative;overflow:hidden;_zoom:1;height:auto;}
#PicSlide .thumb ul{z-index:20;width:100%;overflow:hidden;_zoom:1;margin-top:10px;}
#PicSlide .thumb li{width:19%;height:auto;margin-right:1%;float:left;_display:inline;}
#PicSlide .thumb li:hover{width:17%;height:auto;border:3px solid #175eff}
#PicSlide .thumb li img{opacity: 0.6;width:100%;height:100%}
#PicSlide .thumb li img:hover{opacity:1;}
#PicSlide .thumb .now-status{position:absolute;width:20%;height:10px;background:none;z-index:1;top:20px;left:0;}
.auto-box{width:100%;height:auto;padding:10px 0 0px;background:#fff;position:relative;}
.index-tserver-ad{width:100%;margin-top:10px;background:#f6f6f6;text-align:center;padding:40px 0;}
.index-tserver-ad li{display:inline-block;color:#868686;font-size:16px;padding:0 2%;width:10%;}
.index-tserver-ad li img{vertical-align:middle;display:block;margin:0 auto;}
.index-tserver-ad li+li{border-left:1px solid #e2e3e4}
.newsCompositePage { font-size:10px;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px; padding: 20px 0px 20px; }
.newsCompositePage .list { width: 97%; padding: 1.5% 1.5%; }
.newsCompositePage .list a h2 { margin-top: 10px; font-size: 2.1em;line-height:1.5;height:100%; color: #161616;font-weight:400; }

.newsCompositePage .list a .desc { margin-top: 10px; font-size: 1.6em; color: #868686; display: -webkit-box; height: 60px; line-height: 2; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.form {
  width: 100%;
  height:100%;
  margin:0;
  padding:0;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0.1);
  z-index: 1;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
 .form {
    grid-template-columns: 1fr;
  }
  .contact-info {
  padding: 20px;
  position: relative;
}
.contact-info .title {
  color: #161616;
   font-weight: 400;
  font-size: 24px;
  margin: 15px 0 25px ;
}
.contact-info i{float:left;width:40px;height:40px;background:url(/skin/images/cl_bg.png)no-repeat;}
i.cicon1{    background-position: -50px -4px;}
i.cicon2{background-position: 0px -4px;}
  .contact-info:before {
    bottom: initial;
    top: -75px;
    right: 65px;
    transform: scale(0.95);
  }

  .contact-form:before {
    top: -13px;
    left: initial;
    right: 70px;
  }
  

  .big-circle {
    bottom: 75%;
    transform: scale(0.9) translate(-40%, 30%);
    right: 50%;
  }

  .text {
    margin: 1rem 0 1.5rem 0;
  }


.cifsize{font-size:16px;margin:5px 2% 5px 0;padding:5px 0 5px 0;line-height:1.5;width:98%;float:left;position: relative;}

.dleftbox{border-radius:10px;margin:20px 10px;padding:10px;background: -webkit-gradient(linear, left top, right bottom, from(rgba(0, 72, 229, 0.02)), to(rgba(0, 72, 229, 0.04))); background: linear-gradient(to right bottom, rgba(0, 72, 229, 0.02), rgba(0, 72, 229, 0.04));}
.detailleft{width:100%;padding:0px;display:none;}
.dleftbox .dlefttitle{height:40px;line-height:40px;font-size:24px;margin:0 0 20px 0}
.dleftbox .dleftinfo .dleftline, .dleftbox .dleftinfo .dleftline a{font-size:16px;line-height:2;margin:0 0 15px 0;position: relative; }
.detailright{width:100%;padding:0px;}
.detailtitle{ margin:15px 0;display:inline-block; font-size: 24px;line-height: 1.5;font-weight:400;}
.detailinfo p, .detailinfo div, .detailinfo ul li{font-size:16px;line-height:2;margin:15px 0;display:block;}
.detailinfo img{ 
max-width:90%;
height:100%;
margin:0 auto;
display:block;}

/*轮播图*/
.fuSlide{width:100%;height:280px;position:relative;z-index:1}
.fuSlide ul li .img{width:100%;height:100%;}
.gy2{width:98%;margin:0 1%;overflow:hidden}
.i_one{background-color:#fff;overflow:hidden;width:98%;height:100%;padding:0 1% 55px;margin:0 auto 0px;}
.banner_con .fontsize5{ font-size:36px;}
.banner_con .fontsize4{ font-size:24px;}
.banner_con .fontsize3{ font-size:16px;}
.banner_con .fontsize2{ font-size:14px;}
.banner_con .fontsize1{ font-size:12px;line-height:1.5;}

.banner1_one{ text-align:center; color:#fff;margin-top:8%;font-family:"华文细黑";}
.banner1_one h2{ font-weight:normal; margin-bottom:2%;font-family:"华文细黑";}
.banner2_one{ float:right; width:45%; color:#fff;padding:0 3% 0 0;}
.banner2_one h2{ font-weight:normal; margin:20% 0 3% 0;font-family:"华文细黑"; opacity:0;filter:Alpha(opacity=0);}
.banner4_one{ float:left; width:60%; color:#000;padding:0 0 0 3%;}
.banner4_one h2{ font-weight:normal; margin:15% 0 3% 0;font-family:"华文细黑"; opacity:0;filter:Alpha(opacity=0);}

.banner2_one em{ display:block; width:88px; height:30px; line-height:30px; border:1px solid #fff; border-radius:30px; font-size:16px; text-indent:10px; background:url(/skin/images/i_bg9.png)  138px center no-repeat; font-style:normal; margin-top:10%;transition:all 0.5s; cursor:pointer;}
.banner4_one em{ display:block; width:88px; height:30px; line-height:30px; border:1px solid #000; border-radius:30px; font-size:16px;text-indent:10px;background:url(/skin/images/i_bg10.png)  138px center no-repeat; font-style:normal; margin-top:6%;transition:all 0.5s; cursor:pointer;}
.banner1_two{ text-align:center; color:#fff; margin-top:8%;opacity:0;filter:Alpha(opacity=0);}
.banner1_two span{ display:inline-block; padding:0 10px;height:72px;}

.index-waper-box{position:absolute;bottom:0;width:100%;height:60px;overflow:hidden;z-index:9;perspective:800px;transform-style:preserve-3d;}
.index-back-box{height:60px;background:0 0;width:100%;margin:0 auto;overflow:hidden;transform-origin:bottom;transform:rotateX(0) translate3d(0,0,0);transition:all .65s cubic-bezier(.55,.65,.55,1) 0s;}

/*左右按钮及hover效果*/
.index-back-box .sub-arrows{position:absolute;left:10px;top:10px;width:auto;height:100%;line-height:60px;padding-left:10px;font-size:0}
.index-back-box .sub-arrows i.icom{display:inline-block;vertical-align:top;width:40px;height:40%;cursor:pointer;position:relative}
.index-back-box .sub-arrows i.icom:after{position:absolute;content:'';left:5px;top:20px;width:20px;height:2px;background-color:#fff;transform:scale(0,1);transition:all .5s ease-out 0s;}
.index-back-box .sub-arrows i.icom font{color:#000;transition:all .5s ease-out 0s;}
.index-back-box .sub-arrows i.icom.prev font{position:absolute;left:9px}
.index-back-box .sub-arrows i.icom.next font{position:absolute;left:6px}
.index-back-box .sub-arrows i:hover:after{transform:scale(1,1);}
.index-back-box .sub-arrows i.icom.prev:hover font{left:-7px}
.index-back-box .sub-arrows i.icom.next:hover font{left:20px}

.index-back-box .sub-mouse{width:40%;height:43px;position:absolute;top:20px;left:28%;cursor:pointer;z-index:1;zoom:.7;}

.i_service_t{text-align:center;padding-top:15px;color:#666;font-size:10px;line-height:32px;padding-bottom:30px;}
.i_service_t h2{height:66px;line-height:66px;font-size:2.8em;color:#000;font-weight:400;letter-spacing:1px;font-family:"华文细黑";padding-bottom:5px;}
.i_service_t p{font-size:1.6em;font-family:"华文细黑"}
.num_box{width:18%;font-size:10px;margin:0 1%;float:left;height:124px;background:url(/skin/images/i_one_bg1.png) right center no-repeat}
.num_box .num{font-weight:700;color:#0048e5;font-family:"华文细黑";font-weight:400;font-size:2.4em;width:100%;height:50px;line-height:1.5;text-align:center;position:relative;z-index:2;letter-spacing:1px;margin:10px 0 0 0}
.num_box h3{text-align:center;font-size:1.4em;color:#363636;font-weight:400;line-height:1.5}


.hotSaleBrand{height:100%;font-size:10px;background:url(/skin/images/hotBrand-bg.jpg) #e0eaff no-repeat 50% 56%;padding:0;}
.hotSaleBrand-box{width:100%;height:100%;margin:2% 0;overflow:hidden;float:left}
.hotSaleBrand-box-right{margin-left:0px;}
.hotSaleBrand-box ul{width:100%;height:100%}
.hotSaleBrand-box ul .middleIteam{margin:1% ;border-radius:40%;}
.hotSaleBrand-box ul .hotSaleBrand-middleIteam{margin:1%;}
.hotSaleBrand-box ul li {margin:1%;float:left;width:18%;height:100%;line-height:4;color:#fff;overflow:hidden;background:#fff;border-radius:20%;display:block;text-align:center;position:relative}
.hotSaleBrand-box ul li  img{width:92%;height:92%;padding:4%;}
.hotSaleBrand-box ul li span{width:100%;height:100%;display:none;position:absolute;top:0;left:0;background:#0048e5;background:rgba(255,255,255,.7);background:-moz-linear-gradient(top,rgba(255, 255, 255,.8)70%,rgba(255,255,255,.3)100%);background:-webkit-linear-gradient(top,rgba(255, 255, 255,.8)70%,rgba(255,255,255,.3)100%);background:-o-linear-gradient(top,rgba(255, 255, 255,.8)70%,rgba(255,255,255,.3)100% 100%);background:-ms-linear-gradient(top,rgba(255, 255, 255,.8)70%,rgba(255,255,255,.3)100% 100%)}
.hotSaleBrand-box ul li:hover span{display:block;font-size:1.6em;font-weight:600;color:#262626}


.edit-mode{width:100%;overflow:hidden;margin:42px 0 15px;text-align:center;}
.edit-mode .memt{color:#597eb3;padding:3px 0;margin:0 5px;float:left;font-size:1.4em;}
.edit-mode li {font-size:1.4em;float:left;margin:0 5px 15px;background:#597eb3;padding:3px 12px;color:#fff;border-radius:12px;}
.edit-mode li:hover{background:#0048e5;color:#fff}

.block-title-2 {
	margin-bottom: 40px;
	text-align: center;
	font-size:10px;
}
.block-title-2 h4 {
	font-size: 2.4em;
	position: relative;
	padding-bottom: 5px;
	font-weight:400;
}

.block-title-2 h4:before {
	left: 38%;
	content: " ";
	display: block;
	border-bottom: 1px solid #797979;
	width: 28px;
	position: absolute;
	margin-left: -3rem;
	top: 50%;
	margin-top: -1px;
}

.block-title-2 h4:after {
	content: " ";
	display: block;
	border-bottom: 1px solid #797979;
	width: 28px;
	position: absolute;
	margin-right: -3rem;
	top: 50%;
	margin-top: -1px;
	right: 38%;
}

.block-title-2 p {
	font-size: 1.6em;
	color: #868686;
}

.main {
	max-width: 96%;
	margin: 0 2%;
}
.main ul li.one {
	width: 100%;
	margin:0 0 15px 0;
}

.main ul li.one a {
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: block;
	position: relative;
}
.main ul li.one .news-title h5 {
	font-size: 2.4em;
	font-weight: 700;
}
.main ul li.two {
	float: left;
	width: 100%;
	margin-right: 0px;
}

.main ul li.two a {
	width: 100%;
	height: 100%;
	padding: 28px 34px;box-sizing: border-box;
	margin-bottom: 10px;
	display: block;
	overflow: hidden;
	position: relative;
	background: #fff;
	border-radius:10px;
}
.main ul li.three a {
	width: 100%;
	height: 100%;
	padding: 28px 34px;box-sizing: border-box;
	margin-bottom: 10px;
	display: block;
	background: #fff;
	overflow: hidden;
	position:relative;
	border-radius:10px;
}


}