--primaray-color:#cd5030;

ul{list-style: none;}
a{text-decoration: none;    color: #686868;}
img{border: none;}
.l{float:left}
.holer{height:124px; overflow:hidden; background:none;}
#headdiv{position: fixed; top: 0px; width: 100%; z-index: 1000; background: none;}
/*顶部bar*/
.top01,.top02{display: flex;justify-content: space-between;align-items: center;color:#333;background-color: rgb(255, 255, 255);}
.top01{width:100%;height:38px;line-height:38px;overflow:hidden;padding: 0 50px;font-size: 1rem;}
.top01 .l{font-size:inherit}
.top01_center{text-align:left;}
.top01_center>*{margin-right:8px;font-size:inherit;line-height: 20px;}
.top01_center>.van-icon{font-size:20px;}
.cando{cursor: pointer;font-size: 1rem;}
.cando.lang .van-cell__value>span{display: flex;align-items: center;}
.cando.lang .van-cell__value>span>span{padding-top: 5px;}
.cando:hover{color: var(--primaray-color);}
.cando .van-cell-group{width: 50%;height: auto;top: 50%;left: 50%;transform: translate(-50%,-50%);position: fixed;}
.cando.lang .van-cell{justify-content: center;}
.cando.lang .van-cell__value{max-width: 10rem; flex-shrink:0;text-align: left;}
.cando.search input{border: 1px solid #E2E3E5;border-radius: 4px;padding: 5px;}
.logoname .logo img{height: 46px;}
@media (max-width: 768px) { .logoname .logo img{height: 16px;}}
/*logo和导航*/
.top02{width:100%; height: 86px;padding: 0 50px;}
.top02 .logoname{display: flex;align-items: center;justify-content: center;}
.top02 .logoname>a{display: flex;align-items: center;font-weight: bold;color:var(--primaray-color) ;}
.top02 .logoname>span{font-size: 0.6rem; letter-spacing: .12em;padding-left: 1em;}
.top02 .logoname>.van-icon-search{margin-left:15px;margin-top: 2px;}
@media (max-width: 768px) { .top02{ padding: 0 10px;}}
.nav{align-self: center;flex-grow: 1;display: flex;justify-content: flex-end;position: relative;
    top: 10px;}

.nav>ul{display: flex;}
.nav li.m{min-width:80px; text-align:center;padding:0 15px 10px 10px ;position: relative;}
.nav li.m:not(:last-child){background:url(/home/loadFile?d=img&f=top_bg1.png) right 5px no-repeat;}
@media screen and (max-width:1095px) {
	.nav li.m{padding-bottom: 22px;}
}
.nav .m.on a.mmm{color:var(--primaray-color)}
.nav a.mmm{font-size:16px;}
.nav a:hover{color:var(--primaray-color);}
.nav li.m span{font-size: 16px;text-align: left;word-break: keep-all;word-wrap: break-word;}
/*二级导航*/
/* .nav .m:hover .sub{display: block;height: auto;} */
/* .nav .menu2{display: none; max-height: 400px;height: 400px; width:100%;padding-left:20px;position:fixed;top:124px;text-align:left;z-index:110;left:0px;background-color: transparent;}
.nav .sub2{display: none; width: 120px; padding-left:20px;position:absolute;top:0px;text-align:left;z-index:111;left:150px;background:#fff;}

.nav .menu2 .nav_xiao{max-height:400px;height: 400px;margin:0 auto;display:inline-flex;flex-direction: column;background:#fff;padding-left:50px;
justify-content:flex-start;flex-wrap: wrap;align-items: center;align-content: center;position: relative;top: 0;z-index: 999;} */
/*二级导航-网站建设*/
/* .nav .menu2 .nav_xiao  a{display:flex;align-items: center; height:56px;width:140px;line-height:56px;overflow:hidden;color:#000;font-size:18px;transition:all .3s;}
.nav .menu2 .nav_xiao a:hover{color:#f67524;}
.nav .menu2 .nav_xiao  a i.bgs1{display:block;width:43px;height:36px;background-position:0px top;overflow:hidden;background-image:url(/home/loadFile?d=img&f=top_pic1.png);background-repeat:no-repeat;background-size:auto 200%;transition:all .3s;}
.nav .menu2 .nav_xiao  a:hover i.bgs1{background-image:url(/home/loadFile?d=img&f=top_pic1.png);background-position:0px -36px;}
.nav .menu2 .nav_xiao  a:hover .sub2{display: block; color: #000000;}
.nav .menu2 .nav_xiao  a .sub2 p{ height:56px;}
.nav .menu2 .nav_xiao  a:hover .sub2 p:hover{display: block; color: var(--primaray-color);} */

.nav .sub2{display: none;padding-top: 10px;  position:absolute;top:0px;text-align:left;z-index:111;left:180px;background:#fff;flex-direction: column;}
.nav .sub2>span{height: 56px;vertical-align:middle;display: flex;align-items: center; padding-left: 15px;}.nav .sub2>span:hover{background-color: #e8e8e8;}

.nav .menu2{display: none; max-height:400px;height: 400px;margin:0 auto;display:inline-flex;flex-direction: column;background:#fff;
justify-content:flex-start;flex-wrap: wrap;position:absolute;top:100%;left:0;z-index: 999;}
.nav .menu2>div{display: flex;flex-direction: column;flex-wrap: wrap;}
/*二级导航-网站建设*/
.nav .menu2   a{display:flex;align-items: center; height:56px;width:100%;overflow:hidden;color:#000;font-size:18px;transition:all .3s;padding-left: 20px;}
.nav .menu2 a:hover{background-color: #e8e8e8;}
.nav .menu2 a:hover .sub2{display: flex;}
.nav .menu2   a i.bgs1{display:block;width:43px;height:36px;background-position:0px top;flex-shrink:0;overflow:hidden;background-image:url(/home/loadFile?d=img&f=top_pic1.png);background-repeat:no-repeat;background-size:auto 200%;transition:all .3s;margin-right: 2px;}
.nav .menu2  a:hover i.bgs1{background-image:url(/home/loadFile?d=img&f=top_pic1.png);background-position:0px -36px;}
.nav .menu2   a:hover .sub2{display: flex; color: #000000;flex-direction: column;width: auto;}
/* .nav .menu2   a:hover .sub2 span:hover{color: var(--primaray-color);} */



.nav_app{display: none;}
@media (max-width: 768px) { .nav_app{display: block;}.nav,.top01{display: none;}}

div.van-collapse-item[subitems='0'] i.van-icon{display: none;}
/*轮播图*/
.fuSlide{width:100%;height:820px;position:relative;z-index:1}
.fuSlide .imgs{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%;height: 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;width:100%;height:100%;}
.ck-slide ul.ck-slide-wrapper li a .img{width:100%;height:100%;opacity:0;filter:alpha(opacity='0');}
.ck-slide ul.ck-slide-wrapper li.current a .img{opacity:1;filter:alpha(opacity='1')}
.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:50%; left:0; width:100%; height:100%; position:absolute; transform: translateY(-50%);font-size: 1.875rem;font-family: "华文细黑";color: #fff;}

/*轮播图按钮滑轮*/
.index-waper-box{position:absolute;bottom:0;width:100%;height:100px;overflow:hidden;z-index:9;perspective:800px;transform-style:preserve-3d;}
@media (max-width: 768px) { .index-waper-box{height: 50px;}}
.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(/home/loadFile?d=img&f=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(/home/loadFile?d=img&f=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 .3s ease-out 0s;}
.index-back-box .sub-arrows i.icom font{color:#000;transition:all .3s 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 #333;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);
	}
}
/*优势*/
.i_bg{background-color:#f5f5f5;overflow:hidden;width: 100%;}
.i_one{background-color:#fff;overflow:hidden;height:316px;margin:0 auto;margin-bottom:32px}
.i_service_t{text-align:center;padding-top:15px;color:#666;font-size:18px;line-height:32px;padding-bottom:50px}
.i_service_t h2{height:66px;line-height:66px;font-size:40px;color:#000;font-weight:400;letter-spacing:1px;font-family:"华文细黑"}
.i_service_t p{font-size:18px}
.advantage{text-align:center;overflow:hidden}
.num_box{width:20%;float:left;height:124px;background:url(/home/loadFile?d=img&f=i_one_bg1.png) right center no-repeat}
.num_box:last-child{background:0 0}
.num_box .num{font-weight:700;color:#f67524;font-family:"华文细黑";font-weight:400;font-size:60px;width:100%;height:70px;line-height:70px;text-align:center;position:relative;z-index:2;letter-spacing:1px;margin-top:10px}
.num_box h3{font-size:16px;color:#333;font-weight:400;line-height:30px}


/* 新闻必要布局样式css */
.pattern-list {
    position: relative;
    width: 100%;
    height: 400px;
	top: 50%;
	transform: translateY(-70%);
}

.pattern-list .pattern-item {
    opacity: 0;
    position: absolute;
    top: 40px;
    left: 50%;
    width: 264px;
    height: 360px;
    text-align: center;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 10px 12px 0px rgba(3, 74, 115, 0.3);
}

.pattern-list .item-1 {
    margin-left: -132px;
    z-index: 50;
}

.pattern-list .item-2 {
    margin-left: -363.8px;
    -webkit-transform: translateX(220px);
    -moz-transform: translateX(220px);
    transform: translateX(220px);
    width: 237.6px;
    height: 324px;
    top: 60px;
    z-index: 40;
}

.pattern-list .item-3 {
    margin-left: 126.2px;
    -webkit-transform: translateX(-220px);
    -moz-transform: translateX(-220px);
    transform: translateX(-220px);
    width: 237.6px;
    height: 324px;
    top: 60px;
    z-index: 40;
}

.pattern-list .item-4 {
    margin-left: -568.92px;
    -webkit-transform: translateX(280px);
    -moz-transform: translateX(280px);
    transform: translateX(280px);
    width: 213.84px;
    height: 291.6px;
    top: 75px;
    z-index: 30;
}

.pattern-list .item-5 {
    margin-left: 355.08px;
    -webkit-transform: translateX(-280px);
    -moz-transform: translateX(-280px);
    transform: translateX(-280px);
    width: 213.84px;
    height: 291.6px;
    top: 75px;
    z-index: 30;
}

.in .pattern-list .pattern-item {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .9s;
    -moz-transition: all .9s;
    transition: all .9s;
}

.pattern-item-title {
    width: 100%;
    height: 240px;
    margin-bottom: 30px;
    border-radius: 8px 8px 0 0;
    background-color: #ff6d01;
    background-image: -moz-linear-gradient(180deg, #016ddc 0%, #2c92fb 53%, #33aaff 100%);
    background-image: -webkit-linear-gradient(180deg, #016ddc 0%, #2c92fb 53%, #33aaff 100%);
    background-image: -ms-linear-gradient(180deg, #016ddc 0%, #2c92fb 53%, #33aaff 100%);
    background-image: linear-gradient(180deg, #016ddc 0%, #2c92fb 53%, #33aaff 100%);
}

.pattern-item-title img {
    vertical-align: top;
    display: inline-block;
    background-color: transparent;
	width: 100%;height: 100%;
    border-radius: 8px 8px 0 0;
}

.pattern-item p {
    line-height: 1.6;
    color: #353535;
    font-size: 14px;
	display: flex;flex-direction: column;
}

.item-2 .pattern-item-title {
    height: 216px;
}

.item-3 .pattern-item-title {
    height:216px;
}

.item-4 .pattern-item-title {
    height: 194.4px;
}

.item-5 .pattern-item-title {
    height: 194.4px;
}

@media (max-width: 768px) {
	.pattern-list {
	    position:inherit;
	    width: 100%;
		height: auto;
		transform: none;
		padding: 5px;
		display: flex;
		flex-direction: column;
	}
	
	.pattern-list .pattern-item,.item-1,.item-2,.item-3,.item-4,.item-5{
	    width: 100%;
	    height: 130px;
		opacity: 1;
		position: inherit;
		margin-left: 0;
		display: flex;
		transform: none;
		margin-bottom: 15px;
		box-shadow: 0px 0px 3px 0px rgba(3, 74, 115, 0.3);
	}
	.pattern-item-title{
		width: 40%;
		height: 100%;
		border-radius: 8px 0 0 8px;
		flex-shrink: 0;
	}
	.pattern-item-title img {
		width: 100%;height: 100%;
		border-radius: 8px 0 0 8px;
	}
	.item-2 .pattern-item-title{width: 40%;	height: 100%;border-radius: 8px 0 0 8px;	}
	.item-3 .pattern-item-title{width: 40%;	height: 100%;border-radius: 8px 0 0 8px;	}
	.item-4 .pattern-item-title{width: 40%;	height: 100%;border-radius: 8px 0 0 8px;	}
	.item-5 .pattern-item-title{width: 40%;	height: 100%;border-radius: 8px 0 0 8px;	}
	.pattern-item p{text-align: left;padding: 10px;}
}

.pbanner{max-height: 400px;}
div.pbanner img{width: 100%;height: 100%;display: block;max-height: 400px;}
div.neirong{width: 90vw;margin: 0 auto;padding: 20px 0;
font-family:"Noto Sans SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "Heiti SC", "PingFang SC", "Hiragino Sans GB", Arial, "Helvetica Neue", Helvetica, sans-serif;}
div.neirong h1.title{font-size: 1.5rem;    line-height: 1.5; text-align: center;color: rgb(51,51,51);font-family: inherit;font-weight: 500;}
div.neirong span.date{color:rgb(189, 0, 46);display:block;border-bottom: 1px solid #ddd;
font-size:0.7rem;line-height:3;text-align:center}
div.neirong .text{margin-top: 30px;}
div.neirong p{line-height: 1.8;}
div.contact{position: relative;}
.contact .copyright{position: static;}
.location{width: 100%;background-color: rgb(247,247,247);height: 60px;}
.location>ul{width: 90vw;margin: 0 auto;display: flex;line-height: 60px;}
.location>ul li:not(:last-child)::after{margin: 0 8px;  content: '>';}
.location>ul li:not(:last-child):hover a{color: var(--primaray-color);}
.location>ul li:last-child a{color: var(--primaray-color);}
.location>ul li a{font-size: 1.2em;}
nav.van-pagination li.van-pagination__item--active button{background-color: var(--primaray-color);color: #fff;}
nav.van-pagination button{color: var(--primaray-color);}
@media screen and (max-width:768px) {
	#app{	padding-top: 86px;	}
	.location{height: 40px;}
	.location>ul{width: 95vw;line-height: 40px;}
	div.neirong img{width: 90vw !important;height: 50vw !important;}
	.btm-nav>div{
		min-width: 36vw;width: 36vw;
	}
}
.btm-nav{width: 90vw;margin:20px auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.btm-nav>div{display: flex;flex-direction: column;flex-grow: 1;align-items: center;margin-right:1.625rem;margin-top: 12px;}
.btm-nav>div:first-child,.btm-nav>div:last-child{display: none;}
.btm-nav a{color: #fff;font-size: 1em !important;line-height: 1.8;}
.btm-nav .title{font-size: 1.2em !important;line-height: 1.5;font-weight: normal;margin-bottom: 0.5rem;border-bottom: 1px solid #fff; width: 100%;text-align: center;}

.btm-cct{width: 90vw;margin: 0 auto 20px;padding-right: 1.625rem;}
.btm-cct>div{padding: 30px 5%;text-align: center;align-items: center;
    border-top: 1px solid #e59bad; border-bottom: 1px solid #e59bad; display: flex;justify-content: center;flex-wrap: wrap;}
.btm-cct .ttf{padding: 30px;font-size: 1.2em; font-weight: normal;line-height: 40px; }
.btm-cct .cpy{text-align: left;border-left: 1px solid #e59bad;padding-left: 0.625rem;flex-grow: 1;}
.btm-cct .cpy .contact{font-size: 1.5em !important;}
span.van-tab__text{font-size: 26px;line-height: 40px;color: rgb(102, 102, 102);font-weight: normal;}
div.van-tabs__line{width: 60px;transform: none !important;align-self: center;left: auto;position: relative;bottom: auto;margin-top: 15px;}
div.van-tabs__nav--line {padding-top: 20px; align-items: center;flex-direction: column;justify-content: flex-start;height: auto;margin-bottom: 5px;}
.van-tabs--line .van-tabs__wrap{height: auto;}
@media screen and (max-width:768px) {
	span.van-tab__text{font-size: 18px;}
}