.header{ padding:5px 2%; box-sizing: border-box; position:relative;}
.header .menu{ position:absolute;left:50%; top:50%; transform: translate(-50%, -50%);}
.header .menu ul li{ float:left; padding:0 15px; font-size:calc(0.9rem + 0.2vw); font-weight:500; color:#333;}
.header .menu ul li a{transition:.4s;}
.header .menu ul li a:hover{ color:#C00;transition:.4s;}
.header .rexian{text-align:right; padding-right:50px; color:#666;}
.header .rexian h1{ font-size:20px; color:#333;}
.header .rexian .fuwurx{float:left; line-height: 1.2rem; border-right:1px solid #ccc; padding-right:15px; margin-top:2px;}

.drawer-main{position: fixed; top:0; width:280px; height:100%;overflow:hidden; z-index:1000;}
.drawer-left .drawer-main{left:-280px;-webkit-transition:left .4s cubic-bezier(0.19,1,.22,1);-o-transition:left .4s cubic-bezier(0.19,1,.22,1);transition:left .4s cubic-bezier(0.19,1,.22,1)}
.drawer-left.drawer-open .drawer-main{left:0}
.drawer-right .drawer-main{right:-280px;-webkit-transition:right .4s cubic-bezier(0.19,1,.22,1);-o-transition:right .4s cubic-bezier(0.19,1,.22,1);transition:right .4s cubic-bezier(0.19,1,.22,1)}
.drawer-right.drawer-open .drawer-main{right:0}
.drawer-overlay{position:relative}
.drawer-left .drawer-overlay,.drawer-left .drawer-hamberger{left:0;-webkit-transition:left .4s cubic-bezier(0.19,1,.22,1);-o-transition:left .4s cubic-bezier(0.19,1,.22,1);transition:left .4s cubic-bezier(0.19,1,.22,1)}
.drawer-left.drawer-open .drawer-overlay,.drawer-left.drawer-open .drawer-hamberger{left:280px}
.drawer-right .drawer-overlay,.drawer-right .drawer-hamberger{right:0;-webkit-transition:right .4s cubic-bezier(0.19,1,.22,1);-o-transition:right .4s cubic-bezier(0.19,1,.22,1);transition:right .4s cubic-bezier(0.19,1,.22,1)}
.drawer-right.drawer-open .drawer-overlay,.drawer-right.drawer-open .drawer-hamberger{right:280px}
.drawer-overlay-upper{position:fixed;top:0;z-index:1100;display:none;height:100%;background-color:#000;background-color:rgba(0,0,0,.0)}
.drawer-left.drawer-open .drawer-overlay-upper{right:0}
.drawer-right.drawer-open .drawer-overlay-upper{left:0}
.drawer-default{background-color:#000;-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.5);box-shadow:inset 0 0 0 rgba(0,0,0,.5); text-align:left; padding-left:10px; padding-top:2%;}
.drawer-default+.drawer-overlay{background-color:#fff}
.drawer-default .drawer-brand a{display:block;width:100%;padding:20px 15px;font-size:22px;color:#fff}
.drawer-default .drawer-brand a:hover{color:#444;text-decoration:none}
.drawer-default .drawer-nav-title{display:block;padding:15px 15px 0 15px;font-size:18px;color: #fff;}
.drawer-default .drawer-nav-title a{color: #fff;}
.drawer-default .drawer-nav-title a:hover{color: #888;}
.drawer-default .drawer-nav-list{padding:0;margin:10px 0;list-style:none}
.drawer-default .drawer-nav-list li{display:block}
.drawer-default .drawer-nav-list li a{display:block;padding:0 15px;color:#888}
.drawer-default .drawer-nav-list li a:hover{color:#666}
.drawer-default .drawer-nav-list li ul a{padding:8px 20px}
.drawer-hamberger{position:fixed;z-index:1000;display:block;width:70px;height:70px;padding:13px 0 0 22px;background-color:transparent;border:0; margin-right:1%;}
.drawer-hamberger span{margin-top:10px}
.drawer-hamberger span,.drawer-hamberger span:before,.drawer-hamberger span:after{position:absolute;display:block;width:30px;height:2px;cursor:pointer;content:'';background-color:#333;border-radius:1px;-webkit-transition:all .4s cubic-bezier(0.19,1,.22,1);-o-transition:all .4s cubic-bezier(0.19,1,.22,1);transition:all .4s cubic-bezier(0.19,1,.22,1)}
.drawer-hamberger span:before{top:-10px}
.drawer-hamberger span:after{bottom:-10px}
.drawer-open .drawer-hamberger span{background-color:transparent}
.drawer-open .drawer-hamberger span:before,.drawer-open .drawer-hamberger span:after{top:0}
.drawer-open .drawer-hamberger span:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.drawer-open .drawer-hamberger span:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.drawer-hamberger:hover{cursor:pointer}
@media (min-width:767px){
	.drawer-responsive.drawer-left .drawer-toggle,.drawer-responsive.drawer-right .drawer-toggle{display:none;visibility:hidden}
	.drawer-responsive.drawer-left .drawer-main{left:0}
	.drawer-responsive.drawer-right .drawer-main{right:0}
}
@media (min-width:768px){
	.drawer-responsive{background-color:#222}
	.drawer-responsive.drawer-left .drawer-main,.drawer-responsive.drawer-right .drawer-main{position:absolute;width:150px!important;height:auto!important;overflow:visible!important}
	.drawer-responsive.drawer-left .drawer-main{float:left}
	.drawer-responsive.drawer-left .drawer-overlay{margin-left:150px}
	.drawer-responsive.drawer-right .drawer-main{float:right}
	.drawer-responsive.drawer-right .drawer-overlay{margin-right:150px}
}
@media (min-width:1200px){
	.drawer-responsive.drawer-left .drawer-main,.drawer-responsive.drawer-right .drawer-main{width:280px!important}
	.drawer-responsive.drawer-left .drawer-overlay{margin-left:280px}
	.drawer-responsive.drawer-right .drawer-overlay{margin-right:280px}
}

.banner{ position:relative;}
.banner .swiper-wrapper .swiper-slide{ position:relative;}
.banner .swiper-wrapper .swiper-slide img{ max-width:100%;}
.banner .swiper-wrapper .swiper-slide .banner-wz{ position: absolute; z-index:100; color:#fff; transform:translateY(-50%);top:46%; left:13%;}
.banner .swiper-wrapper .swiper-slide .wz2{left:58%;}
.banner .swiper-slide .banner-wz h1{ font-size:calc(1.1rem + 3vw); font-weight:300;}
.banner .swiper-slide .banner-wz h2{font-weight:300;}
.banner .swiper-pagination{ bottom:5.3%; top: inherit; width: 130px;right: 100px;left: inherit; overflow:visible;}
.banner .swiper-pagination-progressbar{background: rgba(255,255,255,0.2);height: 1px;overflow: visible;}
.banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height:3px;background: #fff;display: block;margin-top: -1px;}
.banner .swiper-button{background:inherit;}
.banner .swiper-button-box{ width: 200px; height: 20px; position: absolute;bottom:5%;left: inherit; right:70px; transform: translate(0%,5px);z-index: 10;}
.re{position: relative;}
.banner .swiper-button-box .re{width: 100%;height: 100%;position: relative;}
.banner .swiper-button-box .swiper-button{margin: 0;top: 0;bottom: 0;width: 20px;height: 20px;} 
.banner .swiper-button-box .swiper-button i{color: #fff; font-size: 26px;line-height: 20px; display: block;} 
.banner .swiper-button-box .swiper-button-prev{left: 0;}
.banner .swiper-button-box .swiper-button-next{right: 0;}
.banner .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{content: '';}
.banner .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{content: '';}

.cpfl{ padding:70px 0 0;}
.cpfl-bt{font-size:calc(1rem + 1vw); font-weight:300; color:#333;}
.cpfl-bt .cpfl-bt-z{background: url(../images/btdt.png);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-color: white; font-weight:600; background-size: cover;}
.cpfl-bt p{ font-size:15px; padding-top:8px; color:#888;}
.cpfl-bt p a{ color:#888;}
.cpfl-bt p a:hover{ color:#000;}
.scpfl{ padding-top:30px;}
.cpfl-bt2{font-size:calc(1rem + 1vw); font-weight:300; color:#333;}
.cpfl-bt2 .cpfl-bt-z{background: url(../images/btdt.png);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-color: white; font-weight:600; background-size: cover;}
.cpfl-bt2 p{ font-size:15px; padding-top:8px; color:#666;}
.cpfl-bt2 p a{ color:#666;}
.cpfl-bt2 p a:hover{ color:#000;}
.cpcdon{ color:#C00!important; font-weight:600;}
.scpfl .service-category-items-container .service-category-items-wrapper { width: calc(100% + 28px); margin-left: -14px; display: flex; justify-content: space-between; align-items: flex-start; }
.scpfl .service-category-items-container .service-category-item { transition: all 1s; flex: 1; height: 445px; padding: 0 14px; }
.scpfl .service-category-items-container .service-category-item .service-category-item--wrapper { width: 100%; height: 100%; border-radius: 10px; }
.scpfl .service-category-items-container .service-category-item .service-category-item--main-body { width: 100%; height: 100%; position: relative; }
.scpfl .service-category-items-container .service-category-item .service-category-item--main-body::before { content: ''; width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; border-radius: 10px; }
.scpfl .service-category-items-container .service-category-item .service-category-item--main-body::after { content: ''; position: absolute; transition: all 1s; }
.scpfl .service-category-items-container .service-category-item .service-category-item--main-body.--type-1::before { background-color: #B0D6FD; }
.scpfl .service-category-items-container .service-category-item .service-category-item--main-body.--type-1 .type-describe-container .sub { position: absolute;left:205%; top:25%; transition: all 1s; opacity:0.6; }
.scpfl .service-category-items-container .service-category-item .service-category-item--main-body.--type-1 .type-overflow-mask { width: 288px; background-color: #B0D6FD; }
.scpfl .service-category-items-container .service-category-item .service-category-item--main-body.--type-2::before { background-color: #BCEDE5; }
.scpfl .service-category-items-container .service-category-item .service-category-item--main-body.--type-2 .type-overflow-mask { background-color: #BCEDE5; }
.scpfl .service-category-items-container .service-category-item .service-category-item--main-body.--type-2::after { background: url("../images/sfl2.png") no-repeat right 44px; background-size: 441px 356px; width: 0; height: 100%; left: 100%; top: 0; }
.scpfl .service-category-items-container .service-category-item .service-category-item--main-body.--type-2 .type-describe-container { background: url("../images/sfl2.png") no-repeat 252px 44px; background-size: 441px 356px; }
.scpfl .service-category-items-container .service-category-item .service-category-item--main-body.--type-3::before { background-color: #FDE499; }
.scpfl .service-category-items-container .service-category-item .service-category-item--main-body.--type-3 .type-overflow-mask { background-color: #FDE499; }
.scpfl .service-category-items-container .service-category-item .service-category-item--main-body.--type-3 .type-describe-container { background: url("../images/sfl3.png") no-repeat 237px center;}
.scpfl .service-category-items-container .service-category-item .service-category-item--main-body .text-container { position: absolute; top: 56px; left: 43px; z-index: 19; }
.scpfl .service-category-items-container .service-category-item .service-category-item--main-body .text-container .type-lists { font-size: 16px; color: #000; line-height: 35px; position: relative; }
.scpfl .service-category-items-container .service-category-item .service-category-item--main-body .text-container .type-lists::after { content: ''; width: 29px; height: 1px; background-color: #000; position: absolute; bottom: -26px; left: 0; }
.scpfl .service-category-items-container .service-category-item .service-category-item--main-body .text-container .type-title { color: #000; margin-top: 118px; }
.scpfl .service-category-items-container .service-category-item .service-category-item--main-body .text-container .type-title .en { text-transform: uppercase; }
.scpfl .service-category-items-container .service-category-item .service-category-item--main-body .type-describe-container { position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; border-top-right-radius: 10px; transition: all 1s; }
.scpfl .service-category-items-container .service-category-item .service-category-item--main-body .type-overflow-mask { position: absolute; right: 0; top: 0; z-index: 9; border-radius: 10px; height: 100%; transition: all 1s; display: none;}
.scpfl .service-category-items-container .service-category-item.active { flex: 2.2; }
.scpfl .service-category-items-container .service-category-item.active .service-category-item--main-body.--type-1::after { opacity: 1; background-position-x: 333px; }
.scpfl .service-category-items-container .service-category-item.active .service-category-item--main-body.--type-1 .type-overflow-mask { width: 0; }
.scpfl .service-category-items-container .service-category-item.active .service-category-item--main-body.--type-1 .type-describe-container { background-position-x: 333px; }
.scpfl .service-category-items-container .service-category-item.active .service-category-item--main-body.--type-1 .type-describe-container .sub { left:98%; opacity: 1; }
.scpfl .service-category-items-container .service-category-item.active .service-category-item--main-body.--type-2 .type-describe-container { background-position-x: 320px; }
.scpfl .service-category-items-container .service-category-item.active .service-category-item--main-body.--type-3::after { opacity: 1; background-position-x: 289px; }
.scpfl .service-category-items-container .service-category-item.active .service-category-item--main-body.--type-3 .type-describe-container { background-position-x: 289px; }

.home-alok{ padding:60px 0; width:100%; background:#212121; margin-top:45px;}
.home-al{ padding:30px 0;}
.home-al ul li{ width:calc(100%/2 - 10px); float:left; position:relative; overflow: hidden; margin:5px;}
.home-al ul li img{width:100%;}
.home-al .card_text{ position: absolute; left:10px; bottom:10px; width: 58.261%; height:45px; line-height:45px; transform-origin: left bottom 0; transition: 0.4s cubic-bezier(0.555, 0.205, 0.295, 0.975); z-index: 10; box-sizing: border-box; background-color: rgba(255, 255, 255, 0.96); padding: 0 3.571%; text-transform: uppercase; display: flex; justify-content: space-between; align-items: baseline; }
.home-al ul li:hover .card_text { transform: matrix(0.9, 0, 0, 0.9, 40, -39); color:#333; line-height:45px;}
.home-al ul li:hover img{-webkit-transform: scale(0.97,0.95);  transition: 0.7s;-ms-transform: scale(0.97,0.95);-o-transform: scale(0.97,0.95);	transform: scale(0.97,0.95);}

.home-al2{ padding:30px 0;}
.home-al2 ul li{ width:calc(100%/3 - 20px); float:left; position:relative; overflow: hidden; margin:10px;}
.home-al2 ul li img{ max-width:100%;}
.home-al2 .card_text{ position: absolute; left:17px; bottom:17px; width: 58.261%; height: 45px; line-height:45px; transform-origin: left bottom 0; transition: 0.4s cubic-bezier(0.555, 0.205, 0.295, 0.975); z-index: 10; /*opacity: 0; filter:alpha(opacity=0); */ box-sizing: border-box; background-color: rgba(255, 255, 255, 0.96); padding: 0 3.571%; text-transform: uppercase; display: flex; justify-content: space-between; align-items: baseline; }
.home-al2 ul li:hover .card_text { transform: matrix(0.9, 0, 0, 0.9, 20, -19); color:#333; line-height:45px;}
.home-al2 ul li:hover img{-webkit-transform: scale(0.97,0.95);  transition: 0.7s;-ms-transform: scale(0.97,0.95);-o-transform: scale(0.97,0.95);transform: scale(0.97,0.95);}

	
.yjgdt .left-txts h3 { font-size: 32px; font-weight: 400; margin-bottom: 60px; }
.yjgdt .left-txts .en { display: block; margin-bottom: 45px; }
.yjgdt .left-txts .en em { display: block; font-size: 12px; color: #fff; }
.yjgdt .left-txts { padding-bottom: 80px; position: relative; }
.yjgdt .left-txts:after { content: ''; display: block; width: 32px; height: 7px; background-color: #f30000; position: absolute; left: 0; bottom: 0; z-index: 5; }
.yjgdt .left-txts03:after { display: none; }
.yjgdt .case-move-box { zoom:65%; /* width: 860px; position: relative;*/}
.yjgdt .case-move-box .pc-cont { width: 833px; height: 490px; background: url(../images/banner_pc_bg.png) no-repeat; position: absolute; top: -80px; right: 15px; padding: 21px 0 0 103px; box-sizing: border-box;}
.yjgdt .case-move-box .m-cont { width: 191px; height: 377px; background: url(../images/banner_mobile_bg.png) no-repeat; position: absolute; top: 40px; right: 0; z-index: 9; padding: 5px 0 0 7px; box-sizing: border-box;}

.yjgdt .case-move-box .pc-case-imgs { width: 630px; height: 400px; overflow: hidden; position: relative;}
.yjgdt .case-move-box .pc-case-imgs span,
.yjgdt .case-move-box .m-case-imgs span { display: block; width: 100%; height: auto; position: absolute; left: 0; top: 0; z-index: 2;}
.yjgdt .case-move-box img { display: block; width: 100%; height: auto }
.yjgdt .case-move-box .m-case-imgs { width: 177px; height: 368px; border-radius: 20px; overflow: hidden; position: relative; }
.yjgdt .case-move-box .m-case-imgs img { border-radius: 20px; }

@media screen and (max-width: 1600px){.yjgdt .left-txts01 { width: 400px;}}
@media screen and (max-width: 1400px){
	.yjgdt .case-move-box { -webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8); }
	.yjgdt .case-move-box .pc-cont { top: -20px; }
}

.info-b{background:#3a3e42;padding-left:2%; color:Rgb(255,255,255,0.3); font-size:12px; }
.info-b2{background:url(../images/tmlogo.png) no-repeat 93% -8%; background-size:25%; padding:5vw 0 1vw 0;}
.sjjq{ padding:60px 0 0; position:relative;}
.sjjq .sjianj{ padding-top:0;}
.sjianj{ padding-top:30px;}
.sjianj dl{ padding:30px 0;}
.sjianj dl dd span{color:#e60000;}
.sjianj dl dd{font-size:18px; color:#333; line-height:31px;display: block; width:100%; }
.sjianj dl dd a{float:left; display:block; width:120px; height:60px; border:1px solid #f4f4f4; overflow:hidden; margin-bottom:3px; margin-right:3px;}
.sjianj dl .sxwok{ width:100%;font-size:18px; color:#333; line-height:35px;}
.sjianj .swiper-container{ max-width:100%;}
.sjianj .swiper-slide img{ max-width:100%;}
.sxwwz{ color:#333; padding-top:20px; display:block; min-height:180px;}
.sxwwz h1{ font-weight:500;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-size:19px;}
.sxwwz a{color:#333;}
.sxwwz p{ line-height:22px; margin-top:8px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;color:#888; font-size:15px;}

.more_button{position:relative; overflow:hidden;z-index:1;width:48px;height:48px;border:1px solid #555;-moz-border-radius:100%;border-radius:100%;color:#e0e0e0;text-align:center;line-height:48px;display:block;margin:0 auto;font-size:12px;-o-transition:all 1.7s ease;-moz-transition:all 1.7s ease;transition:all 1.7s ease;-webkit-mask-image:radial-gradient(white,#000);mask-image:radial-gradient(white,#000)}
.more_button:focus{outline:0}
.more_button:hover{background:#e00012;color:#fff;border:1px solid #e00012}
.more_button i{display:block;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);width:100%;height:100%;background:-moz-radial-gradient(#e00012,red,#e00012,red,#e00012,red,#e00012,red,#e00012);background:-o-radial-gradient(#e00012,red,#e00012,red,#e00012,red,#e00012,red,#e00012);background:radial-gradient(#e00012,red,#e00012,red,#e00012,red,#e00012,red,#e00012);opacity:0;-o-transition:1.2s,opacity 1.8s;-moz-transition:1.2s,opacity 1.8s;transition:1.2s,opacity 1.8s;-moz-border-radius:50%;border-radius:50%}
.more_button:hover i{-webkit-transform:scale(10);-moz-transform:scale(10);-o-transform:scale(10);transform:scale(10);opacity:1;-o-transition:3s,opacity .3s;-moz-transition:3s,opacity .3s;transition:3s,opacity .3s}
.dot1 span,.dot2 span{position:absolute;color:#d1d1d1;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}
.dot1 span{color:#d1d1d1}
.dot1 span:nth-child(1){-o-transition:all .4s .5s ease,color .3s;-moz-transition:all .4s .5s ease,color .3s;transition:all .4s .5s ease,color .3s;left:30%}
.dot1 span:nth-child(2){-o-transition:all .4s .4s ease,color .3s;-moz-transition:all .4s .4s ease,color .3s;transition:all .4s .4s ease,color .3s;left:50%}
.dot1 span:nth-child(3){-o-transition:all .4s .3s ease,color .3s;-moz-transition:all .4s .3s ease,color .3s;transition:all .4s .3s ease,color .3s;left:70%}
.more_button:hover .dot1 span:nth-child(1){left:120%;-o-transition:all .4s .2s ease,color .3s;-moz-transition:all .4s .2s ease,color .3s;transition:all .4s .2s ease,color .3s;color:#fff}
.more_button:hover .dot1 span:nth-child(2){left:120%;-o-transition:all .4s .1s ease,color .3s;-moz-transition:all .4s .1s ease,color .3s;transition:all .4s .1s ease,color .3s;color:#fff}
.more_button:hover .dot1 span:nth-child(3){left:120%;-o-transition:all .4s 0s ease,color .3s;-moz-transition:all .4s 0s ease,color .3s;transition:all .4s 0s ease,color .3s;color:#fff}
.dot2 span:nth-child(1){left:-20%;-o-transition:all .4s .2s ease,color .3s;-moz-transition:all .4s .2s ease,color .3s;transition:all .4s .2s ease,color .3s;color:#d1d1d1}
.dot2 span:nth-child(2){left:-20%;-o-transition:all .4s .1s ease,color .3s;-moz-transition:all .4s .1s ease,color .3s;transition:all .4s .1s ease,color .3s;color:#d1d1d1}
.dot2 span:nth-child(3){left:-20%;-o-transition:all .4s 0s ease,color .3s;-moz-transition:all .4s 0s ease,color .3s;transition:all .4s 0s ease,color .3s;color:#d1d1d1}
.more_button:hover .dot2 span:nth-child(1){left:30%;-o-transition:all .4s .5s ease,color .3s;-moz-transition:all .4s .5s ease,color .3s;transition:all .4s .5s ease,color .3s;color:#fff}
.more_button:hover .dot2 span:nth-child(2){left:50%;-o-transition:all .4s .4s ease,color .3s;-moz-transition:all .4s .4s ease,color .3s;transition:all .4s .4s ease,color .3s;color:#fff}
.more_button:hover .dot2 span:nth-child(3){left:70%;-o-transition:all .4s .3s ease,color .3s;-moz-transition:all .4s .3s ease,color .3s;transition:all .4s .3s ease,color .3s;color:#fff}

.shousp{position:relative; width:100%; overflow:hidden;}
.shousp .video{ position:relative; z-index:3; display:inline-block; vertical-align:baseline;}
.shousp .shouspwz{ position:absolute; z-index:5; background:url(../images/spbj2.png) center no-repeat; background-size:cover; width:100%; height:100%; }
.shousp .shouspwz .shouspwz-n{text-align:center; color:#fff; top:65.5%;transform:translateY(-65.5%); position:relative; line-height:2.2vw;}
.shousp .shouspwz .shouspwz-n h1{ font-size:0.9vw; font-weight:500; color:#999;}
.footer{ background:#f4f4f4; padding:30px 0;}
.footer dl dt{ float:left; font-size:14px; color:#000;}
.footer dl dt p:nth-child(1){color:#666;}
.footer dl dt p:nth-child(2){font-size:26px; padding-top:10px;}
.footer dl dt p:nth-child(2) span{ color:#F00;}
.footer dl dt p:nth-child(2) span i{ font-size:18px;font-style:normal;}
.footer dl dt p:nth-child(3){ padding-bottom:30px;}
.footer dl dt u{ font-size:12px;text-decoration: none; color:#666; line-height:18px;}
.footer dl dd{ float:right; padding-top:5px;}
.footer dl dd img{ padding:9px; background:#fff; box-sizing: border-box; max-width: 80%; display: block; margin: 0 auto;}
.footer dl dd p{ float:left;font-size:12px; line-height:16px; text-align:center; }
.footer dl dd p span{margin-top:4px; display:block;}
.footer2{ background:#212121; padding:15px 0; text-align:center; color:#888; font-size:14px;}
.footer2 a{ color:#888;}

.alxq-jj dl dt{ float:left; width:30%; color:#666; font-size:20px;}
.alxq-jj dl dd{ float:right; width:60%; color:#999;}
.alxq-jj dl dd a{ color:#999;}
.alxq-jj dl dd a:hover{ color:#333;}
.alxq-nr{ background:#fff; margin:60px 0;}
.alxq-nr img{width:100%;}
.alxq-jj dl dd .jj-2{ float:left; width:60%;}
.alxq-jj dl dd .jj-3{ float:right; width:30%;}

.yjjj-nr span{color:#e60000;}
.yjjj-nr img{ max-width:100%;}
.yjjj-nr{font-size:18px; color:#333; line-height:31px;display: block; float:right; width:60%; }
.jj-xxbj{ background:url(../images/shili_back.jpg) center no-repeat fixed; background-size:cover; padding:380px 0;}


#xwbt{}
#xwxxbt{ font-size:13px; padding:50px 0 15px; max-width:1634px; width:90%; margin:0 auto; text-align:center;}
#xwxxbt h1{ color:#212121; font-size:24px; font-weight:500;}
#xwxxbt span{ color:#666; font-size:14px;}
.news_wrap{ padding-top:30px;}
#news_list{ float:left; width:100%;}
.right-xw{ float:right; width:30%; padding-left:3%; box-sizing:border-box;}

#news_list li{ margin:0 0 10px;transition-duration:0.5s; background:#f4f4f4;}
#news_list li a{display:block; height:100%;}
#news_list li:hover{background:#666;transition-duration:0.5s; cursor:pointer; height:100%;}
#news_list li picture{display:block; overflow:hidden; float:left; width:27%;}
#news_list li picture img{width:100%; height:auto; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#news_list li .xw-nrsl{padding:40px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;float:left; width:60%; box-sizing:border-box; overflow:hidden;}
#news_list li h2{margin-bottom:5px; color:#333; font-size:22px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
#news_list li p{height:44px; color:#999; font-size:14px; overflow:hidden; line-height:1.8;}
#news_list li span{color:#999; padding-top:30px; display: block;}
#news_list li a h2, #news_list li a p, #news_list li a span{-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#news_list li:hover a h2, #news_list li:hover a p, #news_list li:hover a span{color:#fff;}
#news_list li:hover a picture img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}

#news_list li.first{position:relative; width:795px;}
#news_list li.first picture{width:100%; height:100%;}
#news_list li.first div{position:absolute; bottom:0; left:0; right:0; background:rgba(0,0,0,0.7);}
#news_list li.first h2{color:#fff;}
#news_list li.first p{width:70%; color:#bbb;}
#news_list li.first span{color:#ddd;}

.news{-webkit-animation:gfadeIn 0.6s 0.6s both; -moz-animation:gfadeIn 0.6s 0.6s both; animation:gfadeIn 0.6s 0.6s both;}
.news article{ padding:30px; background:#fff;color:#333;font-size:14px; line-height:26px;}
.news article img{max-width:100%; margin-bottom:20px; display:inline;}
.news article p{color:#666;line-height:1.8; margin-bottom:20px;}
.news .bdsharebuttonbox{float:right; margin-top:30px; overflow:hidden;}
.news .bdsharebuttonbox em{float:left; line-height:28px;}

.page{text-align:center; margin-top:20px;}
.page ul{float:left; position:relative; left:50%;padding-bottom:12px;}
.page ul li{position:relative; right:50%; float:left; margin-right:8px; text-align:center; border: 1px solid #e1e1e1;}
.page ul li a{display:block;color:#666;width:36px; height:36px; line-height:36px; text-align:center; }
.page ul li a:hover{background:#666;color:#FFF;width:36px; height:36px; line-height:36px; text-align:center; display:block;}
#page-dq{ background:#666;border: 1px solid #666;}
#page-dq a{color:#FFF;}
#page-dq a:hover{background: none;}

.backBtn{width:115px;height:34px;background:url(../images/newsPage.jpg) no-repeat;line-height:34px;float:right;margin-top:30px; border-right:1px solid #f1f1f1;}
.backBtn a{width:80px;height:34px;float:right;line-height:34px;text-align:center;display:block}
.sameList{width:80%;height:auto;float:left;}
.sameList h3{width:80%;height:35px;line-height:35px;border-bottom:1px dotted #ccc;font-size:16px;color:#3e3e3e}
.sameList h3 span{margin-left:15px;color:#c00;font-style:italic;font-family:Georgia,"Times New Roman",Times,serif;text-transform:uppercase}
.sameList ul{margin-top:15px}
.sameList li{width:80%;height:35px;border-bottom:1px dotted #f1f1f1;line-height:35px;margin:2px 0}
.sameList li a{width:100%;height:35px;display:block;position:relative;overflow:hidden}
.sameList li span{width:10px;height:35px;background:url(../images/newsIcon.png) no-repeat;position:absolute;left:0;top:0;-webkit-transition-duration:.5s;transition-duration:.5s}
.sameList li div{width:100%;height:35px;position:absolute;left:18px;top:-35px;-webkit-transition-duration:.5s;transition-duration:.5s}
.sameList li b{width:100%;height:35px;font-weight:400;display:block}
.sameList li a:hover span{background-position:0 -35px}
.sameList li a:hover div{top:0}
.sameList li strong{position:absolute;right:25px;top:0;font-weight:400;font-size:12px}
.yjsj{display: none; visibility: hidden;}
.yjpc{ display: block; visibility: inherit;}

.tgheader{ background: #fff url("../images/di.jpg") center top no-repeat; background-size: 100%; padding-top: 30px;}
.tgheader .logotg img{ height: 60px;}
.t-z{ text-align: center; color: #fff; padding-top:140px;}
.t-z h1{ font-weight: 500; font-size: calc(20px + 4vw); line-height: calc(20px + 5.3vw);}
.t-z h1 span{ display: block; font-weight: bold;}
.t-z p{ padding-top: 15vh; font-size: 24px; font-weight: bold; padding-bottom: 50px;}
.t-z p img{ display: block; margin: 0 auto; height: 50px; padding-top:1vh; animation:fadeInUp 1s .2s ease both;animation: 2s linear 0s normal none infinite rotatetwo;}
@keyframes rotatetwo {0% {transform: translateY(0px);}50% {transform: translateY(20px);}100% {transform: translateY(0px);}}
.t-gd{ background: #fff; border-radius: 10px; padding:55px 30px 40px;box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 7%);}
.t-gd h2{ font-size: calc(20px + 3vw); color: #3825e1;line-height: calc(20px + 4.4vw);font-weight: 500; text-align: center; padding-bottom: 40px;}
.t-gd h2 span{ font-weight: bold; display: block;}
.gd-sz{ width: 40px; height: 40px; font-size: 30px; background: #999; color: #fff; border-radius: 50%; text-align: center; line-height: 40px; font-weight: bold; margin: 0 auto;}
.t-gd h5{ font-size:22px; font-weight: 500; line-height: 24px; padding: 20px 0 10px;}
.t-gd p{ font-size: 14px; color: #666;}
.swi-index-banner{padding-bottom: 50px !important;}
.zxyy input{ width: 100%; height:48px; border: 1px solid #eee; border-radius: 5px; padding:0 10px; margin-bottom: 10px;}
.submit-btn{ background: #ff2524; background-image: linear-gradient(to right, #ff6831, #ff2524); color: #fff; font-size: 20px; text-align: center; border: none;}
.bt{color: #3825e1; font-size: calc(20px + 3vw); line-height: calc(20px + 4.3vw); text-align: center; width: 100%; padding-top: 50px;}
.bt span{ color: #ff2524;font-weight: bold;}
.s2-yy{ background: #fff8f5; padding: 5px 15px; border-radius: 10px; font-size: 18px; width: 200px; margin:15px auto;}
.s2-yy span{background: #ff6831; color: #fff; font-weight: bold; border-radius: 5px; padding:3px 8px; margin: 0 10px;}
.s3 img{ width: 100%;}
.s3-bt2{ font-weight: 500; padding:8px 0 20px; text-align: center;}
.s4{ background: #3825e1;}
.s4 img{ width: 100%;}
.s4 .bt{ color: #fff;padding-top: 0;}
.s4 .s3-bt2{ color: #fff;}
.s4-nr{ padding-top: 15px;}
.s4-nr li{ width: calc(100%/2 - 5px); margin-right: 10px; float: left; margin-bottom: 25px; text-align: center;}
.s4-nr li img{ border-radius: 8px;}
.s4-nr li:nth-child(2n){ margin-right: 0;}
.s4-nr li:nth-child(5){ width: 100%; margin-right: 0;}
.s4-nr li p{ font-size: 15px; color: #fff; font-weight: bold; padding-top: 8px;}
.s4lx{ text-align: center; font-size: calc(20px + 3vw); line-height: calc(20px + 4vw); color: #fff; font-weight: bold; padding: 30px 0 50px;}
.s4lx a{ display: block; background: #ff2524; background-image: linear-gradient(to right, #ff6831, #ff2524); border-radius: 20px; font-size: 24px; width:250px; margin: 0 auto; text-align: center; padding: 8px 0; color: #fff; margin-top: 20px;}
.s5{ background: #f5f5f5; padding-bottom: 50px;}
.s5 .bt{ padding-top: 20px;}
.s5 img{ width: 100%;}
.s5 p{ font-size: 12px; color: #666; text-align: center; padding-top: 25px;}
.s6 ul li{ width: calc(100%/3 - 7px); margin-right: 10px; float: left; margin-bottom:20px;}
.s6 ul li:nth-child(3n){ margin-right: 0;}
.s6 ul li img{ width: 100%; border-radius: 5px;}
.s6 ul li p{ text-align: center; padding-top: 8px; font-size: 12px; color: #666;}
.ysd{ position: relative;}
.ysd p{ position: absolute; top: 10px; width: 100%; text-align: center; font-size: 16px; font-weight: bold; color: #ff2524;}
.ysd img{ width: 100%;}
.s7{ background: #3825e1;}
.s7 .bt{ color: #fff; padding-bottom: 20px;}
.s7bz img{ width: 100%;}
.s7 ul li{ background: #fff; border-radius: 10px; padding: 15px; margin-bottom: 15px; font-size: 24px; color: #000;}
.s7 ul li i{ display: block; float: left; width: 80px; height: 80px; line-height: 80px; text-align: center; background: #ff2524; background-image: linear-gradient(to right, #ff6831, #ff2524); color: #fff; font-size: 50px; border-radius: 8px;}
.s7 ul li p{ float: right; width: calc(100% - 100px);}
.s7 ul li p span{ display: block; font-size: 12px; line-height: 16px; color: #666;}
.s7z1{ text-align: center; color: #fff; font-size: 18px; font-weight: bold; padding-top: 50px;}
.s7 .s4lx{ padding-bottom: 10px;}
.s7z2{text-align: center; color: #fff; font-size: 18px; font-weight: bold;}
.z7z3{ color: #fff; padding-top: 40px; text-align: center;}
.z7z3 h1{ font-size: 18px; font-weight: bold;}
.z7z3 p{ font-size: 12px;}
.z7e{ border-radius: 50%; background: #fff; max-width: 60%; margin:20px auto 0;}
.z7e img{ width: 100%;border-radius: 50%;}
.s7z4{ font-size: 18px; font-weight: bold;color: #fff; text-align: center; padding-top: 15px; padding-bottom: 100px;}
.footertg{ background: #fff; position: fixed; bottom: 0; width: 100%; z-index: 100;box-shadow: 0px 0px 55px 0px rgb(0 0 0 / 7%);}
.footertg a{display: block; float: left; width: calc(100%/2); text-align: center; font-size: 18px; font-weight: bold;padding: 15px 0;}
.footertg a i{padding-right: 10px; color: #666; font-size: 20px; font-weight: 500;}


@media screen and (max-width: 768px){
	.header .menu{display: none;}
	.header .rexian .fuwurx{display: none;}
	.home-al2 ul li{width: calc(100%/2);}
	.footer dl dd{display: none;}
	.yjsj{display: block; visibility: inherit;}
	.yjpc{display: none; visibility: hidden;}

}


@media screen and (max-width: 320px){
	.t-gd h2{ font-size: 26px; line-height: 32px;}
	.bt{ font-size: 26px;line-height: 32px;}
	.ysd{ padding-top: 15px;}
	.s7z2,.s7z1{ font-size: 16px;}

}