@charset "utf-8";

/*
 
 * 17素材vip建站专区模块代码
 * 详尽信息请看官网：http://www.17sucai.com/pins/vip
 *
 * Copyright , 温州易站网络科技有限公司版权所有
 * 图片不能商用，代码可商用。
 
 
 * 请尊重原创，未经允许请勿转载。
 * 在保留版权的前提下可应用于个人或商业用途
 
*/

*{margin: 0;padding: 0;font-family: "微软雅黑";font-size: 12px;}
ul{list-style: none;}
a{text-decoration: none;    color: #686868;}
a:hover{  color: #55b2f5;}
img{border: none;}
.l{float:left}
.gy2{width:1366px;margin:0 auto;overflow:hidden}
.holer{height:166px; overflow:hidden; background:none;}
#headdiv{height: 146px; position: fixed; top: 0px; width: 100%; z-index: 1000; background: none;}
/*顶部bar*/
.top01{width:100%;height:100px;line-height:38px;background:#fff;color:#000;overflow:hidden;font-size:12px}
.top01 .l{font-size:14px}
.top01_center{text-align:left;float:right;font-size:14px; margin-top: 25px!important; margin-right: 30px}
.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: 66px; background: #55b2f5}
.top02 .top02_center{width:1366px;min-width:1200px;margin:0 auto; height: 66px}
.logo{float:left;padding-top:10px; }
.logo img{float:left; height: 73px}
.logo .logo-year{margin-top:17px;height:20px;line-height:20px;width:38px;text-align:center;font-size:12px;color:#fff;background:#0271c0;border-radius:4px;overflow:hidden;font-size:14px;color:#fff}
.logo .logo-text{margin-top:5px;height:18px;color:#656565;line-height:18px;overflow:hidden}
.nav{}
.nav li{position:relative}
.nav li.m{width:227px;float:left;text-align:center;}
.nav .m.on a.mmm{color:#fff; background: #fb710e; height: 66px}
.nav a.mmm{width:100%;height:66px;padding-top:20px;display:block;font-size:20px;color:#fff}
/*二级导航*/
.nav .sub{display:none;width:100%;padding:0;position:fixed;top:166px;overflow:hidden;text-align:left;z-index:110;left:0;background-color:#f8f8f8}
.nav .sub .nav_xiao{width:1366px;overflow:hidden;margin:0 auto}
.nav .sub .nav_xiao.max1100{max-width:1100px}
/*二级导航-网站建设*/
.nav .sub .nav_xiao .xiao_one{overflow:hidden;padding-top:40px;padding-bottom:40px}
.nav .sub .nav_xiao .xiao_one ul li{float:left;display:inline;height:184px;width:25%;overflow:hidden;text-align:center}
.nav .sub .nav_xiao .xiao_one 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 .3s}
.nav .sub .nav_xiao .xiao_one ul li:last-child a{border-right:0}
.nav .sub .nav_xiao .xiao_one ul li a:hover{color:#0271c0}
.nav .sub .nav_xiao .xiao_one ul li a i{display:block;width:101px;height:84px;margin:0 auto;margin-bottom:23px;overflow:hidden;background-image:url(../images/top_pic1.png);background-repeat:no-repeat;transition:all .3s;margin-top:20px}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs1{background-position:-720px top}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs2{background-position:left top}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs3{background-position:-360px top}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs4{background-position:-1088px top}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs5{background-position:-1362px top}
.nav .sub .nav_xiao .xiao_one ul li a:hover i{background-image:url(../images/top_pic1.png)}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs1{background-position:-720px bottom}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs2{background-position:left bottom}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs3{background-position:-360px bottom}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs4{background-position:-1088px bottom}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs5{background-position:-1362px bottom}
/*二级导航-关于我们*/
.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;width:20%;text-align:center}
.nav .sub .nav_xiao .xiao_two ul li a{display:block;height:100%;line-height:56px;overflow:hidden;color:#000;margin-top:13px;font-size:18px;transition:all .3s}
.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:#0271c0}
.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:#0271c0;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(../images/top_pic2.png);background-repeat:no-repeat;margin-top:10px;background-color:#999;border-radius:50%;position:relative;transition:all .3s}
.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 i.bgs5{background-position:-1332px center}
.nav .sub .nav_xiao .xiao_two ul li a:hover i{background-color:#0271c0;margin-top:5px}

.nav .sub .nav_xiao .xiao_two span{ display: block; font-size: 14px;  color: #ccc;line-height: 25px; height: 25px }
.nav .sub .nav_xiao .xiao_two span a{  color: #666!important; font-size: 14px!important ;line-height: 25px!important; height: 25px!important ;display:block;overflow:hidden;transition:all .3s}
.nav .sub .nav_xiao .xiao_two span a:hover{ color: #0d7fcd!important }
/*二级导航-新闻动态*/
.nav .sub .nav_xiao .xiao_three{overflow:hidden;margin-top:60px;margin-bottom:30px}
.nav .sub .nav_xiao .xiao_three ul li{float:left;display:inline;width:30%; margin-left: 1%; height:250px;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 .3s; height: 160px;}
.nav .sub .nav_xiao .xiao_three ul li a{color:#000;width:100%;font-size:15px;height:100%;display:block}
.nav .sub .nav_xiao .xiao_three ul li a:hover{color:#0271c0}
/*二级导航-解决方案*/
.nav .sub .nav_xiao .xiao_four{width:50%;overflow:hidden;margin-top:40px;margin-bottom:40px}
.nav .sub .nav_xiao .xiao_four.l{border-right:1px solid #e3e3e3}
.nav .sub .nav_xiao .xiao_four.r{width:49%}
.nav .sub .nav_xiao .xiao_four h2{font-size:20px;font-weight:700;color:#000;height:18px;line-height:18px; margin-left: 1%}
/*解决方案左边*/
.nav .sub .nav_xiao .xiao_four .ul{margin-top:23px; height: 150px; overflow: hidden;}
.nav .sub .nav_xiao .xiao_four .ul li{padding-top:11px;height: 60px; padding-bottom:11px;line-height:23px;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 a{display:block;text-align:left;color:#999;font-size:14px}
.nav .sub .nav_xiao .xiao_four .ul li a 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 a i{background-image:url(../images/top_pic8.png)}

.nav .sub .nav_xiao .xiao_four .ul li a b{font-weight:400;font-size:16px;display:block;color:#000;height:22px;overflow:hidden}
/*解决方案右边*/
.nav .sub .nav_xiao .xiao_four .ul2{width:540px;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:44px;line-height:22px;margin-right:40px;width:250px;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:#999;font-size:14px}
.nav .sub .nav_xiao .xiao_four .ul2 li a b{font-weight:400;font-size:16px;display:block;color:#000;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(../images/top_pic12.png) no-repeat;margin-left:3px}
.nav .sub .nav_xiao .xiao_four .ul2 li a:hover b{color:#0271c0}
/*二级导航-成功案例左*/
.nav .sub .nav_xiao .xiao_five{width:549px;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{float:right;text-align:left;margin-top:71px}
.nav .sub .nav_xiao .xiao_five2 a{text-align:left;float:left;margin-right:100px;height:38px;line-height:38px;color:#000;font-size:18px;margin-bottom:42px;transition:all .3s}
.nav .sub .nav_xiao .xiao_five2 a:nth-child(2n+0){margin-right:3px}
.nav .sub .nav_xiao .xiao_five2 a i{width:38px;height:38px;border-radius:50%;background-color:#999;background-repeat:no-repeat;background-image:url(../images/top_pic3.png);float:left;margin-right:20px;transition:all .3s;margin-left:0}
.nav .sub .nav_xiao .xiao_five2 a:hover{color:#0271c0}
.nav .sub .nav_xiao .xiao_five2 a:hover i{background-color:#0271c0}
.nav .sub .nav_xiao .xiao_five2 a i.bgs1{background-position:9px 8px}
.nav .sub .nav_xiao .xiao_five2 a i.bgs2{background-position:-233px 8px}
.nav .sub .nav_xiao .xiao_five2 a i.bgs3{background-position:9px -72px}
.nav .sub .nav_xiao .xiao_five2 a i.bgs4{background-position:-233px -72px}
.nav .sub .nav_xiao .xiao_five2 a i.bgs5{background-position:9px -200px}
.nav .sub .nav_xiao .xiao_five2 a 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%;overflow:hidden;border-right:1px solid #e6e6e6;text-align:center}
/*.nav .sub .nav_xiao .xiao_six ul li.bgs1{background:url(../images/yuming_bg1.png) right 168px no-repeat}
.nav .sub .nav_xiao .xiao_six ul li.bgs2{background:url(../images/yuming_bg2.png) right 168px no-repeat}
.nav .sub .nav_xiao .xiao_six ul li.bgs3{background:url(../images/yuming_bg3.png) right 168px no-repeat}*/
.nav .sub .nav_xiao .xiao_six ul li .xiao_six_con{margin:0 auto;width:80%;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{font-size:18px;font-weight:700;height:62px;line-height:62px;border-bottom:1px solid #e6e6e6;margin-bottom:23px}
.nav .sub .nav_xiao .xiao_six ul li a{float:left;width:125px;overflow:hidden;height:30px;line-height:30px;font-size:16px;color:#666}
.nav .sub .nav_xiao .xiao_six ul li a:hover{color:#0271c0}
.nav .sub .nav_xiao .xiao_six ul li .a{display:block;width:182px;height:42px;line-height:42px;text-align:center;color:#fff;font-size:16px;margin-top:40px;transition:all .3s;clear:both}
.nav .sub .nav_xiao .xiao_six ul li .a.bgs1{background-color:#0271c0;margin-top:70px}
.nav .sub .nav_xiao .xiao_six ul li .a.bgs2{background-color:#248cf6;margin-top:100px}
.nav .sub .nav_xiao .xiao_six ul li .a.bgs3{background-color:#1ecc85;margin-top:100px}
.nav .sub .nav_xiao .xiao_six ul li .a.bgs4{background-color:#1ecc85; margin-top: 10px}
.nav .sub .nav_xiao .xiao_six ul li .a:hover{opacity:.8;filter:Alpha(opacity=80);color:#fff}
/*轮播图*/
.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%}
.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{position:absolute;width:100%; 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:6%;font-family:"华文细黑";}
.banner1_one h2{ font-weight:normal; margin-bottom:0.5%;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;}
.banner_con .f90{ font-size:90px;}
.banner_con .f72{ font-size:72px;}
.banner_con .f48{ font-size:48px;}
.banner_con .f36{ font-size:36px;}
.banner_con .f30{ font-size:30px;}
.banner2_one{ float:right; width:45%; color:#fff;}
.banner2_one h2{ font-weight:normal; margin-bottom:1%;font-family:"华文细黑"; margin-top:35%;opacity:0;filter:Alpha(opacity=0);}
.banner2_one p{ color:#fff;font-family:"华文细黑";opacity:0;filter:Alpha(opacity=0);}
.banner2_one em{ display:block; width:208px; height:46px; line-height:46px; border:1px solid #fff; border-radius:30px; font-size:16px; text-indent:50px; background:url(../images/i_bg9.png)  138px center no-repeat; font-style:normal; margin-top:10%;transition:all 0.3s; cursor:pointer;}
.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:#fff;}
.banner4_one h2{ font-weight:normal; margin-bottom:1%;font-family:"华文细黑"; margin-top:35%;opacity:0;filter:Alpha(opacity=0);}
.banner4_one p{ color:#fff;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:16px; text-indent:50px; background:url(../images/i_bg10.png)  138px center no-repeat; font-style:normal; margin-top:6%;transition:all 0.3s; 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(../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(../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 .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}
.i_one{background-color:#fff;overflow:hidden;margin:0 auto;margin-bottom:32px}
.i_service_t{text-align:center;color:#666;font-size:18px;line-height:32px;}
.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(../images/i_one_bg1.png) right center no-repeat}
.num_box:last-child{background:0 0}
.num_box .num{font-weight:700;color:#55b2f5;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:12px;color:#333;font-weight:400;line-height:30px}



.titbox { margin:50px 0; text-align: center; }

.xiao_four .a{ background: #0d7fcd; color: #fff; padding: 10px 30px; display: inline-block; margin-left: 1% }






.conleft{ float: left;  width: 240px;  margin-right:46px;}
 /*分辨率低于1280，采用下面的样式*/ 
@media screen and (max-width:1366px){
       .conleft{ float: left;  width: 240px;  margin-right:30px;}
       
}


.conright{ float: left; width: 1080px;  }



/*列表分类*/
/*------------ Main Menu ------------*/
.prolist{width: 240px; float: left; background: #fafafa; border: 1px solid #eee;    }
.mainmenu{margin: 0 auto; position:relative; padding:0; }
.mainmenu > li{background-color: #f1f1f1; border-bottom: 1px solid #f8f8f8;  height: 50px; line-height: 50px; color: #000; box-sizing: border-box; }
.mainmenu > li span{display:block; line-height: 48px; padding-left: 10px;font-size: 18px;transition: border-left 220ms ease-in;}
.mainmenu > li span:hover{ color: #55b2f5; border-left: solid 6px #55b2f5;  }
.mainmenu > li .icon{padding: 14px 20px 0 20px; float: left; width: 20px; height: 20px; display:block;}
.mainmenu > li .messages{padding: 0; margin-top: -33px; margin-right: 19px; float: right; display: block; width: 34px; height: 18px; text-align: center; font-size: 11px; line-height: 19px;}
/*------------ Sub Menu ------------*/
.submenu{box-sizing: border-box; color: #ae9f9f; font-size: 13px; content: " "; /*opacity: 0.5;*/}
.submenu li{line-height: 20px; height: 50px; line-height: 50px;  background-color: #fbfbfb; border-bottom: 1px solid #eee; 
	transition: border-left 220ms ease-in;}
.submenu .chosen a,
.submenu .chosen a:hover{border-left: solid 6px #55b2f5;color: #55b2f5}
.submenu li a:hover,.submenu li a.on {border-left: solid 6px #55b2f5; color: #55b2f5}
.submenu li a{padding-left:30px; display: block; font-size: 16px; }
.animate{animation: flip 2000ms ease-in-out alternate;}
@keyframes flip{to{transform: rotateY(360deg);}}









:root {
	--thm-font: "Karla", sans-serif;
	--heading-font: "Playfair Display", serif;
	--special-font: "Work Sans", sans-serif;
	--thm-base: #55b2f5;
	--thm-base-rgb: 170, 160, 129;
	--thm-black: #252930;
	--thm-black-rgb: 37, 41, 48;
}



/* Cursor*/




.membership-one {

	padding-bottom: 110px;
}

.membership-one__single {
	padding-left: 50px;
	padding-right: 50px;
	margin-bottom: 40px;
	text-align: center;
	box-shadow: 0px 20px 50px 0px rgba(33, 37, 43, 0.1);
	background-color: #fff;
	padding-top: 50px;
	padding-bottom: 50px;
}
.membership-one__single ul { margin-top: 30px }
.membership-one__single ul li{ }
.membership-one__single ul li a{ line-height: 40px; font-size: 18px; color: #666 ; transition: 0.5s}
.membership-one__single ul li:hover a{  color: #55b2f5 }
.membership-one__single h3 {
	color: var(--thm-black);
	font-size: 24px;
	font-weight: bold;
	margin: 0;
	margin-bottom: 5px;
	color: #55b2f5;
}

.membership-one__single p {
	margin: 0;
	font-size: 16px;
	line-height: 26px;
	color: #848484;
	margin-top: 30px;
	margin-bottom: 25px;
}

.membership-one__btn {
	padding: 6px 26.5px;
	border: 2px solid #e5e5e5;
	font-size: 16px;
	font-weight: bold;
	color: var(--thm-black);
	background-color: #fff;
}


.membership-one__btn:hover {
	background-color: var(--thm-base);
	border-color: var(--thm-base);
	color: #fff;
}

.membership-one__price {
	margin-bottom: 35px;
	border-radius: 50%;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 10px 20px 0px rgba(33, 37, 43, 0.1);
	font-size: 14px;
	line-height: 1em;
	color: #848484;
	width: 100px;
	height: 100px;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	        justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	        flex-direction: column;
	margin-left: auto;
	margin-right: auto;
}

.membership-one__price span {
	display: block;
	color: #55b2f5;
	font-size: 30px;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 10px;
	padding-top: 60%
}
.membership-one__price span img {
	
	 height: 60%;
}
.membership-one__price {
	position: relative;
}

.membership-one__price::before {
	content: "";
	width: 180px;
	height: 10px;
	border-top: 2px solid var(--thm-base);
	border-bottom: 2px solid var(--thm-base);
	opacity: 0.5;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(-45deg) skewX(45deg);
	        transform: translate(-50%, -50%) rotate(-45deg) skewX(45deg);
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.membership-one__single:hover .membership-one__price::before {
	-webkit-transform: translate(-50%, -50%) rotate(45deg) skewX(45deg);
	        transform: translate(-50%, -50%) rotate(45deg) skewX(45deg);
}

.membership-one__price-inner {
	position: relative;
	background-color: #fff;
	z-index: 10;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	        justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	        flex-direction: column;
	border-radius: 50%;
}



.guide {width: 100%; height: 41px;  padding-top:20px!important; margin-bottom: 30px!important; display: block;}
.guide .header { margin: 0 auto; line-height: 40px; height: 40px; border-bottom: #ccc  solid 1px;}
.guide .header img {float: left;}
.guide .header a {float: left; color: #000; font-size: 14px; line-height: 40px;}
.guide .header a:hover {color: #55b2f5 ; text-decoration: underline;}
.guide .header span {float: left; margin: 0 5px; color: #666; font-size: 14px;}







.protext{ float: left; width: 100%; }

.protext h3{  color: #55b2f5; font-size: 20px; font-weight: bold; line-height: 50px;  height: 50px; text-align:center;}
.protext p{ color: #666;   margin:30px 0; line-height: 30px;  font-size: 16px; display: none; }
.morelink { margin-top:50px; border: 1px solid #55b2f5; display: inline-block;  }
.morelink  b,.morelink  span,.morelink  a{ padding: 10px 5px }
.morelink  b i{display: none;  position: absolute; left: 0; top: 35px;  width: 160px;  border: 1px solid #ccc; background: #fff; height: 40px; line-height: 40px; font-style: normal; }
.morelink  b i a{ width: 77px; text-align: center; display: inline-block; padding: 0 }
.morelink  b i a:hover{ background: #55b2f5; color: #fff }
.morelink  b{ position: relative; display: inline-block; font-weight: normal;  }
.linktit{ color: #55b2f5 }


.imgtext{    position: absolute;
    bottom: 0px;
    z-index: 1000;
   
    width: 100%;
    background: #000; opacity:0.5; color:#fff; font-size:14px; text-align:center;
    height: 40px;
    line-height:40px;}

#example {
width:100%;
	
	margin:0 auto;
	position:relative;
	z-index:0;
	float: left;
	height:800px;
	position:relative; }

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;

	height:341px;
	top:-3px;
	left:-80px;
}

#slides {
	/*position:absolute;
	top:0px;
	left:0px;
	z-index:100;*/
}

#slides .prev {
	position:absolute;
	top:38%;
	left:22px;
	width:22px;
	height:32px;
	display:block;
	z-index:101;
}
#slides .next {
	position:absolute;
	top:38%;
	right:22px;
	width:22px;
	height:32px;
	display:block;
	z-index:101;
}

.slides_container {
	width:100%;
	height:650px;
	overflow:hidden;
	position:relative;  margin:0 auto;
}
.slides_control
.slides_container a{ display:block; width:800px; text-align:center;}
.slides_container img{ /*max-width:800px; height: 580px;*/ margin:0 auto; display:block; overflow:hidden; }



.pagination {
	margin:26px auto !important;
	display: block!important; position:absolute; left:45%;

}

.pagination li {
	float:left;
	margin:0 1px;
}

.pagination li a {
	display:block;
	width:20px;
	height:0;
	padding-top:15px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
	border: none!important;
}

.pagination li.current a {
	background-position:0 -15px;
}

.caption {
	position:absolute;
	bottom:-35px;
	height:30px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:540px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}
#footer {
	text-align:center;
	width:580px;
	margin-top:9px;
	padding:4.5px 0 18px;
	border-top:1px solid #dfdfdf;
}

#footer p {
	margin:4.5px 0;
	font-size:12px;
}




/*--- 产品详情页面样式开始 ---*/
.infoWrap {float: left; background: #fff; width: 100%; margin: 20px 0 0 0;}
.infoWrap .infoL {width: 50%; float: left;}
.infoWrap .infoL h2 {font-size: 18px; font-weight: bold; padding: 20px; color: #55b2f5;}
.infoWrap .infoL p {font-size: 14px; color: #555; line-height: 24px; padding: 0 20px 5px;}
.infoWrap .infoL .quick {float: left; margin: 20px; width: 90%; height: 38px; line-height: 38px; color: #555; border: #55b2f5 solid 1px; }
.infoWrap .infoL .quick span {float: left; color: #55b2f5; font-size: 14px; padding: 0 5px;}
.infoWrap .infoL .quick a {float: left; color: #555; font-size: 14px;}
.infoWrap .infoL .quick a:hover {color: #55b2f5;}
.infoWrap .infoL .quick b a {float: left; color: #555; font-size: 14px; display: inline-block;}
.infoWrap .infoL .quick b a:hover {color: #fff;background-color:#55b2f5;}
.infoWrap .infoL .quick b {float: left; color: #555; font-size: 14px;  font-weight: normal; cursor: pointer; position: relative;}
.infoWrap .infoL .quick b:hover {color: #55b2f5;}
.infoWrap .infoL .quick b dl {width: 480px; height: 38px; border: #ccc solid 1px; background: #fff; display: none; position: absolute; top: 30px; z-index: 99; white-space: nowrap;}
.infoWrap .infoL .quick b dl dd {float: left; margin: 0 10px; width: auto; height: 38px; line-height: 38px;}
.infoWrap .infoL .quick b dl dd a:hover { text-decoration: underline; color: #ff0000;}
.infoWrap .infoL .quick b:hover dl {display: block;}

.infoWrap .infoR {width: 48%; float: right;}
.infoWrap .infoR .img {width: 100%; text-align: center;}

.list-photo{ display:none;}
.infoWrap .infoFull {width: 100%; float: left;}
.infoWrap .infoFull h2 {font-size: 18px; font-weight: bold; padding: 20px; color: #55b2f5;}
.infoWrap .infoFull p {font-size: 14px; color: #555; line-height: 24px; padding: 0 20px 15px; padding: 0 20px 5px;}
.infoWrap .infoFull p.tcen { text-align: center;}
.infoWrap .infoFull p.links {font-size: 18px; color: #333;}
.infoWrap .infoFull p.links a {font-size: 14px; color: #555; text-decoration: underline;}
.infoWrap .infoFull p.links a:hover {font-size: 14px; color: #f00; text-decoration: none;}

.infoWrap .infoFull ul li{width: 30%; float: left; margin:10px 1.5%; float:left; height:auto;}
.infoWrap .infoFull ul li img{ max-width:100%; height:190px;}

.cntl {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.cntl-center {
	left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
}

.cntl-bar {
	position: absolute;
	width: 2px;
	top: 0;
	bottom: 0;
	background-color: #0d7fcd;

}


.cntl-bar-fill {
	background-color: #009ABB;
	position: absolute;
	left:0;
	right:0;
	top:0;
	height:0;

}

.cntl-state {
	position: relative;
	width:100%;
	min-height: 200px;
	margin-bottom: 50px;
}

.cntl-state::after {
	display:block;
	content: ' ';
	clear:both;
}

.cntl-icon {
	border-radius: 50%;
	width:40px;
	height: 40px;
	background-color: #55b2f5;
	border: solid 10px #addafb;
	position: absolute;
	top: 0;
	text-align: center;
	line-height: 80px;
	font-size: 40px;
	color: #fff;
}
.cntl-state:last-child{ display:none;}
.cntl-content {
	width: 40%;
	padding: 2%;
	background-color: rgba(238, 238, 238, 0.25);
	border-radius: 8px;
	border-bottom: solid 3px #55b2f5;
	float:left;
	position:relative;

}

.cntl-state:nth-child(2n+2) .cntl-content {
	float:right;
}

.cntl-image {
	width: 40%;
	padding: 2%;
}

.cntl-state:nth-child(2n+1) .cntl-image {
	float:right;
}

.cntl-image img {
	width:100%;
}

.cntl-content h4 {
	font-size:20px;
	font-weight: normal;
	margin-bottom: 10px;
}


/*
animations
*/
.cntl-bar-fill,.cntl-content,.cntl-image {
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	transition: all 500ms ease;
}

.cntl-state:nth-child(2n+2).cntl-animate .cntl-content {
	margin-right:0%;
}

.cntl-animate .cntl-content {
	opacity:1;
	margin-left:0%;
}

.cntl-animate .cntl-image {
	opacity:1;
}




/* mobile support */

@media (max-width: 600px) {

	.cntl-bar {
		left:auto;
		right: 37px;
	}

	.cntl-content {
		width:80%;
		float:none;
	}
	.cntl-state:nth-child(2n+2) .cntl-content {
		margi-right:0%;
		float:none;
	}

	.cntl-image {
		width:80%;
	}

	.cntl-state:nth-child(2n+1) .cntl-image {
		float:none;
	}

	.animate .cntl-content {
		margin-left: 2%;
	}

	.cntl-icon {
		left: auto;
		right: 0;
	}

}





/*动画*/
		
.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes bounceInUp {


  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }


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

@keyframes bounceInUp {

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }


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

.bounceInUp {
  -webkit-animation-name: bounceInUp;
          animation-name: bounceInUp;
}



/*--------------------------------------------------------------
#工作
--------------------------------------------------------------*/

.faq-one {
	padding-bottom: 110px;
}

.faq-one__top {
	margin-bottom: 60px;
}

.faq-one__top>p {
	margin: 0;
	font-size: 16px;
	line-height: 28px;
	color: #848484;
	margin-top: 55px;
}

.faq-one .accrodion-grp {
	margin-bottom: 40px;
}

.faq-one .accrodion {
	border: 1px solid #e5e5e5;
}

.faq-one .accrodion+.accrodion {
	margin-top: 20px;
}

.faq-one .accrodion-title {
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 30px;
	cursor: pointer;
	padding-right: 30px;
}

.faq-one .accrodion-title h4 {
	font-family: var(--thm-font);
	color: #252930;
	font-size: 20px;
	margin: 0;
}

.faq-one .accrodion-content {
	padding-left: 30px;
	padding-right: 30px;
	border-top: 1px solid #e5e5e5;
	padding-top: 25px;
	padding-bottom: 25px;
}
.faq-one .accrodion-content b{ font-size: 18px;  margin-top: 20px; margin-bottom:5px; display: inline-block;}
.faq-one .accrodion-content p {
	margin: 0;
	font-size: 14px;
	line-height: 28px;
	color: #848484;
}

.faq-one .accrodion-content a{ background: #55b2f5; color: #fff; margin-top: 30px; padding: 10px; display: inline-block; transition: 0.5s }
.faq-one .accrodion-content a:hover{ background: #0d7fcd; }


.blog-one__single {
	margin-bottom: 30px; 
}
.blog-one__single p{ font-size: 16px; line-height: 26px; text-indent: 30px;}
.blog-one__single p img{ width:80%; margin:10px auto;}
.ny_img{text-align:center; }
.ny_img a{text-align:left; display:block; }

.blog-one__image {
	overflow: hidden;
	background-color: var(--thm-black);
}

.blog-one__image>img {
	width: 100%;
	-webkit-transform: scale(1);
	        transform: scale(1);
	opacity: 1;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.blog-one__single .blog-one__image>img:hover {
	opacity: 0.5;
	-webkit-transform: scale(1.05);
	        transform: scale(1.05);
}

.blog-one__date {
	display: inline-block;
	vertical-align: middle;
	color: #252930;
	line-height: 45px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #ffffff;
	position: absolute;
	top: 40px;
	left: 40px;
	text-transform: uppercase;
}


.blog-one__date i {
	color: var(--thm-base);
	margin-right: 4px;
}

.blog-one__content {
	position: relative;
	padding-top: 40px;
	padding-bottom: 45px;
	padding-left: 40px;
	padding-right: 40px;
	box-shadow: 0px 20px 50px 0px rgba(33, 37, 43, 0.1);
}

.blog-one__content::before {
	content: "";
	width: 2px;
	height: 40px;
	background-color: var(--thm-base);
	position: absolute;
	top: -20px;
	right: 40px;
	z-index: 10;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.blog-one__single:hover .blog-one__content::before {
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
}


.blog-one__content h3 {
	margin: 0;
	font-size: 24px;
	line-height: 34px;
	color: var(--thm-black);
	margin-bottom: 15px;
}

.blog-one__content h3 a {
	color: inherit;
	-webkit-transition: 500ms;
	transition: 500ms;
}

.blog-one__content h3 a:hover {
	color: var(--thm-base);
}

.blog-one__content p {
	margin: 0;
	font-size: 16px;
	line-height: 28px;
	color: #848484;
	margin-bottom: 10px;
}




/*-------------------------------------------------------------- 
# 荣誉
--------------------------------------------------------------*/

.exhibition-one {
	/*padding-bottom: 120px;*/
}


.exhibition-one .row.high-gutter>[class*="col-"] {
	padding-left: 20px;
	padding-right: 20px;
}

.exhibition-one__single {
	margin-bottom: 30px;
}

.exhibition-one__image {
	overflow: hidden;
	position: relative;
	height: 250px;
}
.exhibition-one__image img{ width: 100%; height: 100% }

.exhibition-one__image::after {
	content: "";
	width: 150%;
	height: 200%;
	position: absolute;
	top: -100%;
	left: -180%;
	z-index: 11;
	-webkit-transition: 1s;
	transition: 1s;
	-webkit-transform: rotate(30deg) scale(1.2);
	        transform: rotate(30deg) scale(1.2);
	background: -webkit-gradient(linear,
			left top, right top,
			color-stop(50%, rgba(255, 255, 255, 0)),
			to(rgba(255, 255, 255, 0.7)));
	background: linear-gradient(90deg,
			rgba(255, 255, 255, 0) 50%,
			rgba(255, 255, 255, 0.7) 100%);
}

.exhibition-one__single:hover .exhibition-one__image::after {
	top: 100%;
	left: 100%;
	-webkit-transform: rotate(0);
	        transform: rotate(0);
}

.exhibition-one__image>img {
	width: 100%;
	box-shadow: 0px 20px 50px 0px rgba(33, 37, 43, 0.1);
	height: 330px;
}

.exhibition-one__content {
	text-align: center;
}

.exhibition-one__content h3 {
	margin: 0;
	font-size: 24px;
	line-height: 36px;
	color: var(--thm-black);
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 15px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.exhibition-one__content h3 a {
	color: inherit;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	font-size: 20px;
}

.exhibition-one__content h3 a:hover {
	color: var(--thm-base);
}

.exhibition-one__content p {
	margin: 0;
	font-size: 16px;
	text-transform: uppercase;
	color: var(--thm-base);
}



/*-------------------------------------------------------------- 
# 新闻
--------------------------------------------------------------*/

.event-one {
	padding-bottom: 150px;
	position: relative;

}

.event-one::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0.3;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/backgrounds/event-bg-1-1.jpg);
}

.event-one__moc {
	position: absolute;
	top: -150px;
	right: 2%;
	-webkit-animation: ImgBounce 5s ease-in-out 0s infinite alternate;
	        animation: ImgBounce 5s ease-in-out 0s infinite alternate;
}

.event-one__home-three .event-one__moc {
	left: 2%;
	right: auto;
}

.event-one .container {
	position: relative;
}

.event-one .container .row>[class*="col-"]+[class*="col-"] {
	margin-top: 30px;
}

.event-one__single {
	background-color: #fff;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	        align-items: center;
	padding-left: 80px;
	padding-right: 80px;
	flex-wrap: wrap;
	padding-top: 55.5px;
	padding-bottom: 55.5px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	margin-bottom: 50px;
	border: 1px solid #ddd
}

.event-one__single:hover {
	box-shadow: 0px 20px 50px 0px rgba(33, 37, 43, 0.1);
}

.event-one__image {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	        align-items: center;
	position: relative;
}

.event-one__image-inner {
	position: relative;
}

.event-one__image-inner::before {
	content: "";
	width: 260px;
	height: 10px;
	border-top: 2px solid var(--thm-base);
	border-bottom: 2px solid var(--thm-base);
	opacity: 0.5;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(-45deg) skewX(45deg);
	        transform: translate(-50%, -50%) rotate(-45deg) skewX(45deg);
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.event-one__single:hover .event-one__image-inner::before {
	-webkit-transform: translate(-50%, -50%) rotate(45deg) skewX(45deg);
	        transform: translate(-50%, -50%) rotate(45deg) skewX(45deg);
}

.event-one__image-inner>img {
	position: relative;
	z-index: 10;
	border-radius: 50%;
	box-shadow: 0px 10px 20px 0px rgba(33, 37, 43, 0.2);
	width: 150px;
	height: 150px;
}

.event-one__content {
	padding-left: 80px;
	padding-right: 30px;
	-webkit-box-flex: 1;
	        flex: 1 1 54%;
}

.event-one__content h3 {
	margin: 0;
	margin-bottom: 15px;
	font-size: 24px;
	font-weight: bold;
	color: var(--thm-black);
}

.event-one__content h3 a {
	color: inherit;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	font-size: 18px;
}

.event-one__content h3 a:hover {
	color: var(--thm-base);
}

.event-one__content p {
	margin: 0;
	width: 87%;
	font-size: 14px;
	color: #848484;
}

.event-one__date {
	font-size: 20px;
	color: var(--thm-base);
	line-height: 1em;
	text-align: center;
	margin-right: 85px;
}

.event-one__date span {
	display: block;
	font-size: 47px;
	font-weight: bold;
	color: var(--thm-black);
	margin-bottom: 15px;
}

.event-one__btn {
	border: 2px solid #e5e5e5;
	background-color: transparent;
	font-size: 16px;
	color: var(--thm-black);
	padding: 10px;
}

.event-one__btn:hover {
	background-color: var(--thm-base);
	border-color: var(--thm-base);
	color: #fff;
}

.event-one__event-page-2 {
	padding-top: 150px;
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(245, 247, 250, 0)), to(rgba(245, 247, 250, 0.8)));
	background-image: linear-gradient(90deg, rgba(245, 247, 250, 0) 0%, rgba(245, 247, 250, 0.8) 100%);
}

.event-one__event-page-2::before {
	display: none;
}

.event-one__event-page-2 .more-post__block {
	margin-top: 70px;
}



.post-pagination {
	text-align: center;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
}

.post-pagination a {
	color: var(--thm-black);
	font-size: 18px;
	font-weight: 700;
	border-style: solid;
	border-width: 1px;
	border-color: #e3e9ec;
	padding-left: 18.5px;
	padding-right: 18.5px;
	padding-top: 8px;
	padding-bottom: 8px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.post-pagination a.active,
.post-pagination a:hover {
	color: #fff;
	background-color: var(--thm-black);
	border-color: var(--thm-black);
}

.post-pagination a+a {
	margin-left: 10px;
}

.post-pagination a.active {
	cursor: auto;
}

.post-pagination__prev,
.post-pagination__next {
	border: none !important;
	background-color: transparent !important;
	text-decoration: underline;
	color: var(--thm-black) !important;
	text-transform: uppercase;
	font-size: 14px !important;
}






/*工艺与技术*/

/* event two */

.event-two {
	padding-bottom: 150px;
	position: relative;
}

.event-two__sculpture {
	position: absolute;
	top: -120px;
	right: 3%;
	-webkit-animation: ImgBounce 5s ease-in-out 0s infinite alternate;
	        animation: ImgBounce 5s ease-in-out 0s infinite alternate;
}

.event-two .container {
	position: relative;
}



.event-two__single+.event-two__single {
	margin-top: 70px;
}

.event-two__single:nth-child(odd) .row {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	        flex-direction: row-reverse;
}

.event-two__single:nth-child(even) .row .d-flex {
	padding-left: 50px;
	float: left;

}

.event-two__single:nth-child(odd) .row .d-flex {
	padding-right: 50px;
	float: right;

}
.event-two__single:nth-child(even) .row .d-img {
	padding-left: 50px;
	float: left;

}

.event-two__single:nth-child(odd) .row .d-img {
	padding-right: 50px;
	float: right;

}

.event-two__image {
	position: relative;
}

.event-two__image::before {
	content: '';
	width: 250px;
	height: 202px;
	background-image: url(../images/event-2-dot-1.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: -75px;
}


.event-two__single:nth-child(odd) .event-two__image::before {
	left: auto;
	right: -75px;
}

.event-two__image {
	display: inline-block;
	box-shadow: 0px 20px 50px 0px rgba(33, 37, 43, 0.2);
}

.event-two__image-inner>img {
	position: relative;
	height: 370px; 
	width: 450px;
}

.event-two__image-inner {
	overflow: hidden;
	position: relative;
}

.event-two__image-inner::after {
	content: "";
	width: 150%;
	height: 200%;
	position: absolute;
	top: -100%;
	left: -180%;
	z-index: 11;
	-webkit-transition: 1s;
	transition: 1s;
	-webkit-transform: rotate(30deg) scale(1.2);
	        transform: rotate(30deg) scale(1.2);
	background: -webkit-gradient(linear,
			left top, right top,
			color-stop(50%, rgba(255, 255, 255, 0)),
			to(rgba(255, 255, 255, 0.7)));
	background: linear-gradient(90deg,
			rgba(255, 255, 255, 0) 50%,
			rgba(255, 255, 255, 0.7) 100%);
}

.event-two__single:hover .event-two__image-inner::after {
	top: 100%;
	left: 100%;
	-webkit-transform: rotate(0);
	        transform: rotate(0);
}


.event-two__content .block-title {
	margin-bottom: 40px;
}

.event-two__content .block-title p {
	font-size: 16px;
}

.event-two__content .block-title h3 {
	font-size: 30px;
	margin-top: 15px;
}

.event-two__content>p {
	margin: 0;
	color: #848484;
	font-size: 16px;
	line-height: 28px;
	max-height: 174px;
	overflow: hidden;
}
.event-two__content  a {
margin-top: 50px;
display: inline-block;
}

.event-two__btn {
	border: 2px solid #e5e5e5;
	background-color: transparent;
	color: #252930;
	margin-top: 40px;
}

.event-two__btn:hover {
	background-color: var(--thm-base);
	color: #fff;
	border-color: var(--thm-base);
}

.event-two__event-1-page {
	padding-top: 150px;
}

.event-two__event-1-page .more-post__block {
	margin-top: 70px;
}


.htmlcon{ background: url(../images/innerbg.jpg) no-repeat center top fixed; background-size: 100% 100%;overflow:hidden; }


.listpage {
    clear: both;
    font-size: 12px;
    height: 50px;
    line-height: 30px;
	padding-top: 10px;
	text-align:center;
}
.listpage a {
    background-color: #FFFFFF;
    border-color: #C6DDF1;
    border-style: solid;
    border-width: 1px;
    color: #666666;
    display: block;
    float: left;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin: 5px 2px;
    padding-left: 10px;
    padding-right: 10px;
}
.listpage span {
    background-color: #FBF779;
    border-color: #C6DDF1;
    border-style: solid;
    border-width: 1px;
    color: #FF7400;
    display: block;
    float: left;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin: 5px 2px;
    padding-left: 10px;
    padding-right: 10px;
}
.listpage .current{ background:#C6DDF1}