@charset "utf-8";
.clear{clear: both;}


@import "font-awesome.css";

@font-face {
 font-family: 'Noir-l';
 src: url(../fonts/dbs.eot);
 src: local('Noir-l'),
        local('Noir-l'),
        url(../fonts/Noir-l.woff) format('woff'),
        url(../fonts/Noir-l.ttf) format('truetype'),
        url(../fonts/Noir-l.svg#fontName) format('svg');
}  
@font-face {
 font-family: 'Noir-r';
 src: url(../fonts/dbsb.eot);
 src: local('Noir-r'),
        local('Noir-r'),
        url(../fonts/Noir-r.woff) format('woff'),
        url(../fonts/Noir-r.ttf) format('truetype'),
        url(../fonts/Noir-r.svg#fontName) format('svg');
}  





html, body {
   min-height: 100%; 
}
*{box-sizing:border-box; margin:0px; padding:0px;   
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
body{
	margin:0;
	    margin: 0;
    font-size: 16px;
    font-family:   "微軟正黑體", Arial, "Noir-l"  ,"Noir-r", "Microsoft Yahei";
    line-height: 1.5; color: #333;
background: #FFFFFF;
}

a, a:hover, a:focus {
    color: #333333;
    text-decoration: none;
}
html,body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,table,th,td,fieldset,form,input,select,textarea,hr,blockquote,pre{margin:0;padding:0;}
ul,ol,dl{list-style:none;}
h1, h2, h3, h4, h5, h6,{margin:0px !important; padding:0px !important;   line-height: 1 !important;font-style: normal;}

img{border:0;margin: 0; }

.h90{width: 100%;height: 90px;overflow: hidden;}
.h50{width: 100%;height: 50px;overflow: hidden;}
@media only screen and (max-width:600px ) {
.h90{width: 100%;height: 65px;overflow: hidden;}
.h50{width: 100%;height: 35px;overflow: hidden;}
}




input{-webkit-appearance:none ;border-radius: 0;}
form input{-webkit-appearance: none;}


.w1400{width: 90%;max-width: 1400px;margin: 0 auto;height: auto;}




.pc-nav{width: 100%;height:90px ;background: #FFFFFF; position: fixed;top: 0;left: 0;z-index: 999;transition: all 0.6s ease;}
.pc-nav-c{width: 90%;max-width: 1400px;margin: 0 auto;height:90px;}
.pc-nav-c .pc-nav-l{float: left;width: 130px;height: auto;margin-top:10px;}
.pc-nav-c .pc-nav-l .logo{display: block;width: 100%;height: auto;}
.pc-nav-c .pc-nav-l .logo img{display: block;width: 100%;height: auto;}
.pc-nav-c .pc-nav-l b{display: block;border-top: 1px solid #dcdcdc;font-size: 14px;color: #666666;text-align: center;width: 100%;padding-top: 5px;margin-top:5px;}
.pc-nav-c .nav-list{color: #999999;font-size: 16px; width: calc(100% - 130px); float: right;text-align:right;}
.pc-nav-c .nav-list li{position: relative; display: inline-block;line-height: 90px;padding: 0 2%;text-align: center;}
.pc-nav-c .nav-list li a{display: block;width: 100%;height: auto;font-size:16px ;color: #333333;}
.pc-nav-c .nav-list li a:hover{color: #3879F3;}
.pc-nav-c .nav-list li .down{display: none; position: absolute;top: 100%;left: 50%;transform: translateX(-50%);width: 140px;background: rgba(255,255,255,0.8);}
.pc-nav-c .nav-list li .down a{font-size: 16px;color: #333333;width: 100%;display: block;line-height: 40px;border-bottom:1px solid #f5f5f5 ;}
.pc-nav-c .nav-list li .down a:last-child{border: none;}
.pc-nav-c .nav-list li .down a:hover{color: #3879f3;}
.pc-nav-c .nav-list li:hover .down{display: inherit;}
#dl-menu{display: none;}

@media only screen and (max-width:1150px ) {
	
	.pc-nav-c .nav-list li{padding: 0 1.5%;}
	.pc-nav-c .nav-list li a{font-size: 14px;}

}

@media only screen and (max-width:1024px ) {
	.pc-nav{display: none;}
		#dl-menu{display: inherit;}
	
	
}

.pc-nav2{width: 100%;height: 60px;    border-bottom: 1px solid #aaa;}
.pc-nav2 .pc-nav-l b{display: none;padding: 0;}

.pc-nav2 .pc-nav-c li{line-height: 60px;}



.banner{width: 100%;height: auto;margin-top: 90px;z-index: 199;}

.banner .video-slide{width: 100%;height: auto;position: relative;}
.banner .vidbacking{object-fit: cover; position: absolute;top: 0;left: 0; width: 100%;height:100%;object-fit: cover;}
.banner .video-slide .img1{display: block;}
.banner .video-slide .img2{display: none;}

.banner .in-banner{width: 100%;height: auto;position: relative;z-index: 199;}
.banner .in-banner img{display: block;width: 100%;height: auto;}
.banner .in-banner .img2{display: none;}

.banner .in-banner .swiper-pagination-bullet {
    width: 25px;
    height: 4px;
    display: inline-block;
    border-radius: 0;
    background: #fff;
    opacity:1;
}
.banner .in-banner .swiper-pagination-bullet-active {
    opacity: 1;
    background: #3879f3;
}
@media only screen and (max-width:1024px ) {
	.banner{margin-top: 60px;}
	
}
@media only screen and (max-width:600px ) {
	.banner .in-banner .img2{display: inherit;}
	.banner .in-banner .img1{display: none;}
	.banner .video-slide .img1{display: none;}
	.banner .video-slide .img2{display: block;}
	.banner .vidbacking{display: none;}

	
}

.patent{width: 100%;height: auto;border-bottom:1px solid rgba(53,106,200,0.2) ;}
.patent-c{width:90%;max-width: 1400px;margin: 0 auto;overflow: hidden;padding: 20px 0;text-align: center;}
.patent-c li{display:inline-block;overflow: hidden; margin: 0 2%;line-height:50px; font-size: 16px;color: #666666;  position: relative;background-repeat: no-repeat;}
.patent-c li  .pic{display: block;width: 50px;height:auto;float: left;margin-right: 10px;}
.patent-c li  .pic img{display: block;width: 100%;height: auto;}

@media only screen and (max-width:1470px ) {
	.patent-c li{margin: 0 1.5%;}
	.patent-c li .pic{width: 40px;margin-top: 5px;}
}
@media only screen and (max-width:1350px ) {
	.patent-c li{margin: 0 1.5%;font-size: 14px;}
	.patent-c li .pic{width: 30px;margin-top: 10px;}
}
@media only screen and (max-width:1150px ) {
	.patent-c li{margin: 0 1%;font-size: 13px;}
	.patent-c li .pic{width: 30px;margin-top: 10px;}
}
@media only screen and (max-width:1024px ) {
	.patent-c{padding: 5px 0 0 0;}
.patent-c li:nth-child(5){display: none;}
	.patent-c li{margin: 0 2%;}
}
@media only screen and (max-width:900px ) {
.patent-c li:nth-child(5){display: none;}
.patent-c li:nth-child(4){display: none;}
}
@media only screen and (max-width:600px ) {
.patent-c li:nth-child(5){display: none;}
.patent-c li:nth-child(4){display: none;}
.patent-c li:nth-child(3){display: none;}
}


.mail{width: 1005;height: auto;}
.mail .mail-c{height: auto;}
.mail .mail-c  li{width: calc(33.3%  - 24px);box-shadow: 1px 0 10px rgba(62,139,243,0.2);transition: all 0.4s ease;  height: auto; margin-right: 36px;float: left;background: #FFFFFF;}
.mail .mail-c li:last-child{margin-right: 0;}
.mail .mail-c  li .mail-top{padding:15px 25px; width: 100%;height:auto;background-size: cover;background-position: center;background-repeat: no-repeat;}
.mail .mail-c  li .mail-top h5{color:#FFFFFF;font-size: 24px;}
.mail .mail-c li .mail-top h6{font-size: 16px;font-weight:normal;color:#FFFFFF;margin-top: 10px;}

.mail .mail-c  li .mail-top h2{color:#FFFFFF;font-size: 24px;}
.mail .mail-c li .mail-top h4{font-size: 16px;font-weight:normal;color:#FFFFFF;margin-top: 10px;}



.mail .mail-c li .mail-con{padding: 25px 25px 0 25px;}
.mail .mail-c li .mail-con p{display: block;position: relative;width: 100%;margin-bottom:10px;font-weight: bolder;   font-size: 16px;color: #333333; height: auto;padding-left: 15px;}
.mail .mail-c li .mail-con p:before{content: "";position: absolute;left: 0;top: 8px;width: 5px;height: 5px;border-radius:100%;background: #3572CF;}
.mail .mail-c li  .line{display: block;height: 1px;border-bottom:1px dashed #DCDCDC;margin-top: 14px;}
.mail .mail-c li .mail-adv{width: 100%;padding: 25px 25px 0 25px;}
.mail .mail-c li .mail-adv-c{border-bottom:1px dashed #DCDCDC ;height: auto;overflow: hidden;}
.mail .mail-c li .mail-adv p{display: block; width: 50%;margin-bottom: 15px; height: auto;float: left;font-size: 16px;padding-left: 25px; color: #666666;position: relative;}
.mail .mail-c li .mail-adv p:before{position: absolute;content: "";left: 0;top: 3px;width: 16px; height: 16px; background:url(../img/a002.png)center no-repeat;background-size: cover;}
.mail .mail-c li .mail-price{width: 100%;height: auto;padding: 25px;overflow: hidden;}
.mail .mail-c li .mail-price .price{color: #3879f3;font-size: 16px;font-weight: bold;float: left;}
.mail .mail-c li .mail-price b{font-size: 36px;font-family: arial;}
.mail .mail-c li .mail-price sup{font-size:22px;}
.mail .mail-c li .mail-price .buy{display: block;width:140px ;float: right;background: #5304d6; margin-top: 5px; font-size: 16px;color:#FFFFFF;line-height:40px ;text-align: center;}
.mail .mail-c li:hover{box-shadow:0px 5px 10px  rgba(62,139,243,0.2);transform: translateY(-10px);}

@media only screen and (max-width:1250px) {

	.mail .mail-c  li{width: calc(33.3%  - 16px);margin-right: 24px;}
	.mail .mail-c li:last-child{margin-right: 0;}
	.mail .mail-c  li .mail-top{padding:15px 15px;}
	.mail .mail-c li .mail-con{padding: 25px 15px 0 15px;}
	.mail .mail-c li .mail-adv{padding: 25px 15px 0 15px;}
	.mail .mail-c li .mail-price{padding: 25px  15px;}
}
@media only screen and (max-width:1150px) {

	.mail .mail-c  li{width: calc(33.3%  - 16px);margin-right: 24px;}
	.mail .mail-c li:last-child{margin-right: 0;}
	.mail .mail-c  li .mail-top{padding:15px 15px;}
	.mail .mail-c li .mail-con{padding: 25px 15px 0 15px;}
	.mail .mail-c li .mail-adv{padding: 25px 15px 0 15px;}
	.mail .mail-c li .mail-price{padding: 25px  15px;}
	.mail .mail-c li .mail-adv p{width: 100%;}
	.mail .mail-c li .mail-price .price{float: inherit;}
	.mail .mail-c li .mail-price .buy{float: inherit;display: block;}
}
@media only screen and (max-width:720px ) {
		.mail .mail-c  li{width: 100%;height: auto;margin-bottom: 24px;}
		.mail .mail-c  li:last-child{margin-bottom: 0;}
	
}


.title{width: 100%;height: auto;text-align: center;}
.title h1{font-size: 36px;color: #333333;}
.title h2{font-size: 16px;color: #666666;font-weight: normal;margin-top: 10px;}
.title h3{font-size: 36px;color: #333333;}
.title h4{font-size: 16px;color: #666666;font-weight: normal;margin-top: 10px;}




@media only screen and (max-width:600px ) {
	.title h1{font-size: 28px;color: #333333;}
		.title h3{font-size: 28px;color: #333333;}
}



.in-ab{width: 100%;height: auto;}
.in-ab .txt{width: 90%;max-width:1000px;margin: 0 auto;}
.in-ab .txt p{font-size:16px;color: #666666;}
@media only screen and (max-width:600px ) {
	.in-ab .txt{width: 100%;height: auto;}
}

.in-ab .num{width: 90%;max-width: 1000px;margin: 0 auto;font-size: 0; height: auto;overflow: hidden; margin-top: 45px;}
.in-ab .num li{width: 33.3%;float: left; text-align: center; vertical-align: top;zoom: 1;}
.in-ab .num li .num-c{line-height: 1.2; font-size: 60px;font-weight: bold;font-family: arial;color: #3879f3;}
.in-ab .num li .num-c h2{display: inline-block;color: #3879f3;}
.in-ab .num li h6{font-size: 16px;font-weight: normal;}
@media only screen and (max-width:1100px ) {
	.in-ab .num li .num-c{font-size: 48px;}
}
@media only screen and (max-width:800px ) {
	.in-ab .num li .num-c{font-size: 36px;}
	.in-ab .num li h6{font-size: 14px;}
}
@media only screen and (max-width:700px ) {
	.in-ab .num li .num-c{font-size: 30px;}
	.in-ab .num li h6{font-size: 12px;}
}
@media only screen and (max-width:600px ) {
.in-ab .num{width: 100%;}
}
@media only screen and (max-width:480px ) {
		.in-ab .num li .num-c{font-size: 34px;}
	.in-ab .num li h6{font-size: 14px;}
.in-ab .num{width: 100%;text-align: center;}
.in-ab .num li{width: 50%;display: inline-block;float: inherit;padding-bottom: 20px;}
.in-ab .num li:last-child{padding-bottom: 0;}
}

.in-advantage{width: 100%;height: auto;background: url(../img/b009.jpg)center no-repeat;background-size: cover;}
.in-advantage ul{width: 100%;height: auto;overflow: hidden;}
.in-advantage ul li{transition: all 0.3s ease; height: 260px; text-align: center;background: rgba(0,0,0,0.55); width: 16.6%;float: left;position: relative; border-left:1px solid rgba(255,255,255,0.4);border-bottom:1px solid rgba(255,255,255,0.4) ;;}
.in-advantage ul li .li-con{width: 100%;padding: 0 1.5%;position: absolute;top: 50%;transform: translateX(-50%) translateY(-50%); left: 50%;}
.in-advantage ul li .ico{width:auto;height: 70px;}
.in-advantage ul li .ico img{width: auto;height: 100%;display: inline-block;}
.in-advantage ul li .line{width: 45px;height: 2px;display: block;margin: 0 auto;margin-top: 23px; background: #FFFFFF;}
.in-advantage ul li h5{font-size: 22px;color: #FFFFFF;margin-top: 20px;margin-bottom: 20px;}
.in-advantage ul li .txt{width: 100%;height:auto;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;display: none; }
.in-advantage ul li .txt p{color: #FFFFFF;font-size: 16px;}
.in-advantage ul li:hover .txt{display: inherit;}
.in-advantage ul li:hover .line{display: none;}
.in-advantage ul li:hover{background: rgba(56,121,243,0.6);}

@media only screen and (max-width: 1480px) {
	.in-advantage ul li h5{font-size: 18px;}
	.in-advantage ul li .txt p{font-size: 14px;}
}
@media only screen and (max-width: 1200px) {
	.in-advantage ul li h5{font-size: 16px;}
	.in-advantage ul li .txt p{font-size: 14px;}
}
@media only screen and (max-width: 1100px) {
	.in-advantage ul li{width: 25%;}
	.in-advantage ul li h5{font-size: 16px;}
	.in-advantage ul li .txt p{font-size: 14px;}
}
@media only screen and (max-width: 800px) {
	.in-advantage ul li{width: 33.3%;}
	.in-advantage ul li h5{font-size: 16px;}
	.in-advantage ul li .txt p{font-size: 14px;}
}
@media only screen and (max-width: 600px) {
	.in-advantage ul li .ico{width:auto;height: 60px;}
	.in-advantage ul li .line{width: 35px;}
	.in-advantage ul li{width: 50%;}
	.in-advantage ul li h5{font-size: 16px;}
	.in-advantage ul li .txt p{font-size: 14px;}
}


.in-function{width: 100%;height: auto;background: #f4f8fc;}
.in-function-con{width: 95%;max-width: 1600px;margin: 0 auto;position: relative;}
.in-function .function-js{margin-top: 20px; width: 100%;height: auto;}
.in-function .function-js .con{width: 100%;height: 80px;background: #FFFFFF; display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;}
.in-function .function-js .con p{font-size: 16px;color: #666666;}
.in-function .function-js .con:hover{background: #3879f3;}
.in-function .function-js .con:hover p{font-size: 16px;color:#FFFFFF;}
.in-function-con .swiper-button-next{
    background-image: url(../img/a016.png);
    right: 0px;
    left: auto;
}
.in-function-con .swiper-button-prev{
    background-image:url(../img/a015.png);
    left:0px;
    left: auto;
}

.in-function-con .swiper-button-prev, .in-function-con .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 170px;
    margin-top: -85px;
    z-index: 10;
    cursor: pointer;
    background-size: 60px 170px;
    background-position: center;
    background-repeat: no-repeat;
}


@media only screen and (max-width:1200px ) {
	.in-function-con .swiper-button-prev, .in-function-con .swiper-button-next {
    width: 50px;
    height: 142px;
    margin-top: -71px;
    background-size: 50px  142px;
}
}
@media only screen and (max-width:800px ) {
.in-function-con{width: 90%;}
.in-function .function-js .con{height: 60px;}
.in-function .function-js .con p{font-size: 14px;}
.in-function-con .swiper-button-prev, .in-function-con .swiper-button-next {
    width: 35px;
    height: 100px;
    margin-top: -50px;
    background-size: 35px  100px;
}
}

.in-user{width: 100%;height:auto;z-index: 3;overflow: hidden;}
.in-user .bk{width: 100%;height: auto;background:url(../img/a024.png)center no-repeat;background-size: contain; z-index: 2;position: relative;}
.in-user  .title h1 span{color: #3879f3;}
.in-user  .title h3 span{color: #3879f3;}
.in-user  .title{margin-bottom:0%;}
.in-user .in-user-con{
	z-index: -1; 
position: absolute;
    left: 50%;
    top: 30%;
    -moz-transform: translate(-50%,-50%) rotateX(50deg);
    transform: translate(-50%,-50%) rotateX(50deg);
    -webkit-transform: translate(-50%,-50%) rotateX(50deg);
    width: 600px;
    height: 400px;
    background-image: url(../img/a025.png);
    background-repeat: no-repeat;
    background-position: center 160px;}
    
.in-user .in-user-con div{
position: absolute;
top: 10%;
left: 0;
 width: 100%;
 height: 100%;
background: url(../img/a026.png) 50% 50% no-repeat;
-webkit-background-size: 35% 35%;
-moz-background-size: 35% 35%;
background-size: 35% 35%;
opacity: 0;
 filter: alpha(opacity=0);
}


.in-user .in-user-con .circle1{
    -webkit-animation: ani-circle1 4.5s ease-out forwards infinite;
    -moz-animation: ani-circle1 4.5s ease-out forwards infinite;
    animation: ani-circle1 4.5s ease-out forwards infinite;}


.in-user .in-user-con .circle2 {
    -webkit-animation: ani-circle1 4.5s ease-out 1.5s forwards infinite;
    -moz-animation: ani-circle1 4.5s ease-out 1.5s forwards infinite;
    animation: ani-circle1 4.5s ease-out 1.5s forwards infinite;}
.in-user .in-user-con .circle3 {
   -webkit-animation: ani-circle1 4.5s ease-out 3s forwards infinite;
    -moz-animation: ani-circle1 4.5s ease-out 3s forwards infinite;
    animation: ani-circle1 4.5s ease-out 3s forwards infinite;

}



@keyframes ani-circle1{
0% {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    transform: scale(.8);
    opacity: 0;
    filter: alpha(opacity=0);
}
10% {
    opacity: .7;
    filter: alpha(opacity=70);
}

100% {
    -webkit-transform: scale(5.6);
    -moz-transform: scale(5.6);
    transform: scale(5.6);
    opacity: 0;
    filter: alpha(opacity=0);
}
}

.in-user .in-user-list{ width: 85%;max-width:1000px;margin: 0 auto;padding-top:20%; text-align: center;}
.in-user .in-user-list li{transition: all 0.3s ease; width: calc(33.3% - 80px);margin: 0 35px;color: #333333; text-align: left;background: #FFFFFF; padding: 2% 3% 3% 3%; display: inline-block;border:2px solid #3879f3;}
.in-user .in-user-list li:nth-child(2){border:2px solid #5304d6;}
.in-user .in-user-list li h3{font-size: 46px;}
.in-user .in-user-list li h6{font-size: 20px;font-weight: normal;}
.in-user .in-user-list li .bn{font-size: 16px;margin-top: 65px;}
.in-user .in-user-list li:hover{background: #3879f3;color: #FFFFFF;transform: translateY(-10px);box-shadow:1px 0 10px rgba(0,0,0,0.2) ;}
.in-user .in-user-list li:hover h3{color: #FFFFFF;}
.in-user .in-user-list li:hover h6{color: #FFFFFF;}
.in-user .in-user-list li:hover .bn{color: #FFFFFF;}
.in-user .in-user-list li:nth-child(2):hover{background: #5304d6;color: #FFFFFF;}



.in-user .online-zx{width: 190px;display: block;margin: 0 auto;text-align: center;margin-top: 40px; line-height: 38px;height: 40px;border:1px solid #3879f3;font-size: 16px;color: #3879f3;}
.in-user .online-zx:hover{background: #3879f3;color: #FFFFFF;}
@media only screen and (max-width:1220px ) {
.in-user .in-user-list li{width: calc(33.3% - 40px);margin: 0 18px;}
.in-user .in-user-list li h3{font-size: 40px;}
.in-user .in-user-list li h6{font-size: 18px;font-weight: normal;}
.in-user .in-user-con{width: 300px;height:200px;top:33%;  background-position: center 55px;}
.in-user .in-user-con div {
    position: absolute;
    top: 1%;
    left: 0;
    -webkit-background-size:44% 46%;
    -moz-background-size:44% 46%;
    background-size: 44% 46%;}
}
@media only screen and (max-width:950px ) {
	.in-user .in-user-list li{width: calc(33.3% - 25px);margin: 0 11px;}
	.in-user .in-user-list li h3{font-size:30px;}
.in-user .in-user-list li h6{font-size: 16px;font-weight: normal;}
}

@media only screen and (max-width:720px ) {
	.in-user .in-user-list li{width: calc(33.3% - 15px);margin: 0 6px;}
	.in-user .in-user-list li h3{font-size:24px;}
.in-user .in-user-list li h6{font-size: 14px;font-weight: normal;}
.in-user .in-user-list li .bn{font-size: 14px;}
.in-user .in-user-con{width:200px;height:100px;top:33%;  background-position: center 10px;}
.in-user .in-user-con div {
    position: absolute;
    top: 2%;
    left: 0;
    -webkit-background-size:44% 46%;
    -moz-background-size:44% 46%;
    background-size: 44% 46%;}

}
@media only screen and (max-width:600px ) {
		.in-user .in-user-list li{width:100%;margin:6px 0;}
		.in-user .in-user-con {
    width: 200px;
    height: 100px;
    top: 22%;
    background-position: center 10px;
}
}




.in-free{width: 100%;background: #3572cf;position: relative;z-index: 1;}
.in-free .bk-pic{position: absolute;z-index: -1; left: 0;top: 0;height:100%;width:40%;background: url(../img/b010.jpg)center no-repeat;background-size: cover;}
.in-free  .top{width: 100%;height: auto;padding-left: calc(40% + 50px);}
.in-free  .top .title{text-align: left;color: #FFFFFF;}
.in-free  .top .title h1{color: #FFFFFF;}
.in-free  .top .title h2{color: #FFFFFF;}
.in-free  .top .title h3{color: #FFFFFF;}
.in-free  .top .title h4{color: #FFFFFF;}
.in-free .in-free-c{padding: 40px 3%; width: 100%;height: auto;background: #FFFFFF;border-radius: 10px;}
.in-free .in-free-c .form{float: left; position: relative; width: 36.5%;height: auto;border-right:1px solid #f5f5f5 ;}
.in-free .in-free-c .form form{display: block;width:85%;height: auto;}
.in-free .in-free-c .form form  .c1{display: block; width: 100%;line-height: 40px;padding-left: 15px;font-size: 16px;color: #666666;border: 1px solid #e0ebef;border-radius: 10px;margin-bottom: 15px;}
.in-free .in-free-c .form .bn{position: absolute;background: #5304d6;font-size: 16px;color: #FFFFFF; border: none; bottom:-80px;left: 0;width: 120px;text-align: center;line-height: 40px;color: #FFFFFF;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.in-free .in-free-c .form .zx{position: absolute;background: #3879f3; border: none;font-size: 16px; bottom: -80px;left:140px;width: 120px;text-align: center;line-height: 40px;color: #FFFFFF;display: block; border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.in-free .in-free-c .trends{float: right;width: 63.5%;padding-left: 5%;}
.in-free .in-free-c .trends .trends-top{width: 100%;line-height: 40px;padding: 0 20px;background: #ecf1f7;overflow: hidden;}
.in-free .in-free-c .trends .trends-top h6{font-weight: normal;font-size: 16px;color: #333333;line-height: 40px;float: left;}
.in-free .in-free-c .trends .trends-top .more{float: right;color: #333333;font-size: 16px;line-height: 40px;}
.in-free .in-free-c .trends .trends-top .more:hover{color: #3879F3;}
.in-free .in-free-c .trends .trends-con{width: 100%;height:100px; margin-top: 20px;overflow: hidden;}
.in-free .in-free-c .trends .trends-con dl{padding: 0 20px; width: 100%;height: auto;line-height: 35px;position: relative; overflow: hidden;}
.in-free .in-free-c .trends .trends-con dl h6{float: left;width: calc(100% - 90px);overflow: hidden;font-size: 16px;color: #666666; text-overflow:ellipsis;white-space: nowrap;padding-right: 20px;}
.in-free .in-free-c .trends .trends-con dl span{float: right;font-size: 16px;width: 90px; text-align: right; color: #666666;}

@media only screen and (max-width:900px ) {
	.in-free .in-free-c .form{width: 100%;height: auto;float: inherit;border-right: none;}
		.in-free .in-free-c .form form{width: 100%;}
		.in-free .in-free-c .form .bn{position: inherit;width: calc(50% - 15px); border-radius: 5px;display:inline-block;}
		.in-free .in-free-c .form .zx{position: inherit;width: calc(50% - 15px); border-radius: 5px;display:inline-block;margin-left: 20px;}
.in-free .in-free-c .trends{width: 100%;margin-top:40px;padding-left: 0;}
.in-free .in-free-c .trends .trends-top{padding: 0 15px;}
.in-free .in-free-c .trends .trends-con dl{padding: 0 15px; width: 100%;height: auto;line-height: 30px;position: relative; overflow: hidden;}
.in-free .in-free-c .trends .trends-con dl h6{font-size: 14px;width: calc(100% - 80px);}
.in-free .in-free-c .trends .trends-con dl span{font-size: 14px;width:80px ;}
.in-free  .top{padding-left: 0;}
.in-free  .top .title{text-align: center;}
}

.in-evaluate{width: 100%;height: auto;background: #f4f8fc;}
.in-evaluate-c{width: 90%;height: auto;max-width: 1200px;margin: 0 auto;}
.in-evaluate-con{width: 100%;height: auto;position: relative;}
.in-evaluate-con  .s1-evaluate-con{width:70%;margin: 0 auto;display: flex;position: relative;}
.in-evaluate-con  .s1-evaluate-con .swiper-slide {width: 36%;margin: auto 0;padding: 10px  90px;border-radius: 100%;}
.in-evaluate-con  .s1-evaluate-con .swiper-wrapper {margin-left: -5%;}

.in-evaluate-con  .s1-evaluate-con .swiper-slide-active {width: 46%;height: auto;margin: auto 0;border-radius: 100%;}
.in-evaluate-con  .s1-evaluate-con .swiper-slide-active .img{box-shadow:1px 0 10px rgba(58,123,243,0.4) ;}
.in-evaluate-con  .s1-evaluate-con .img{width: 100%;height: auto;border-radius: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;}

.in-evaluate-con  .s1-evaluate-con .swiper-slide img{display: block;width: 100%;height: 100%;border-radius: 100%;	}
.in-evaluate-con  .s2-evaluate-con{width: 70%;margin: 0 auto; margin-top: 40px;text-align: center;}
.in-evaluate-con  .s2-evaluate-con h4{font-size: 26px;color: #333333;}
.in-evaluate-con  .s2-evaluate-con .s-text{font-size: 16px;color: #666666;margin-top: 35px;}
.in-evaluate-con .swiper-button-prev.swiper-button-white {
    background-image: url(../img/a018.png);
    left: 0;
    right: auto;
}
.in-evaluate-con .swiper-button-next.swiper-button-white {
    background-image: url(../img/a019.png);
    right: 0;
    left: auto;
}

.in-evaluate-con .swiper-button-prev, .in-evaluate-con .swiper-button-next {
    position: absolute;
    top: calc(32% - 10px);
    width:20px;
    height:40px;
    margin-top: -20px;
    z-index: 10;
    cursor: pointer;
    background-size: 20px 40px;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width:1200px ) {
	
.in-evaluate-con .s1-evaluate-con .swiper-slide {
	width: 36%;
	padding: 10px  70px;
}
.in-evaluate-con .s1-evaluate-con .swiper-slide-active {
	width: 46%;
	height: auto;
}

.in-evaluate-con .swiper-button-prev, .in-evaluate-con .swiper-button-next {
    position: absolute;
    top: 23%;
}
}

@media only screen and (max-width:1024px ) {
	.in-evaluate-con .s1-evaluate-con .swiper-slide {
	width: 36%;
	padding: 10px  60px;
}
.in-evaluate-con .s1-evaluate-con .swiper-slide-active {
	width: 46%;
	height: auto;
}
}
@media only screen and (max-width:900px ) {
	.in-evaluate-con .s1-evaluate-con .swiper-slide {
	width: 36%;
	padding: 10px 65px;
}

.in-evaluate-con .s1-evaluate-con .swiper-slide-active {
	width: 46%;
	height: auto;
}
.in-evaluate-con  .s1-evaluate-con{width: 90%;}
.in-evaluate-con  .s2-evaluate-con{width: 90%;}
.in-evaluate-con .swiper-button-prev, .in-evaluate-con .swiper-button-next {
    position: absolute;
    top: 15%;
}
}

@media only screen and (max-width:720px ) {
	.in-evaluate-con .s1-evaluate-con .swiper-slide {
	width: 36%;
	padding: 10px 48px;
}

.in-evaluate-con .s1-evaluate-con .swiper-slide-active {
	width: 46%;
	height: auto;
}
.in-evaluate-con  .s1-evaluate-con{width: 90%;}
.in-evaluate-con  .s2-evaluate-con{width: 90%;}
.in-evaluate-con .swiper-button-prev, .in-evaluate-con .swiper-button-next {
    position: absolute;
    top: 15%;
}
}

@media only screen and (max-width:480px ) {
	.in-evaluate-con  .s1-evaluate-con{width: 100%;}
	.in-evaluate-con  .s2-evaluate-con{width: 100%;}
.in-evaluate-con  .s1-evaluate-con .swiper-slide {
	width:80%;
	padding: 10px  35px;
}
.in-evaluate-con  .s1-evaluate-con .swiper-wrapper {
	margin-left: -0%;
}
.in-evaluate-con  .s1-evaluate-con .swiper-slide-active {
	width: 80%;
}
.in-evaluate-con .swiper-button-prev, .in-evaluate-con .swiper-button-next {
    position: absolute;
    top: 80px;
}
}


.in-news{width: 100%;height: auto;}
.in-news-sort{width: 100%;height: auto;text-align: center;margin-top: 40px;}
.in-news-sort li{cursor: pointer; display: inline-block;font-weight: bolder; font-size: 16px;color:#333333;margin: 0 15px;}
.in-news-sort li.cut{color: #3879F3;}
.in-news-sort li:hover{color: #3879F3;}
@media only screen and (max-width:600px ) {
	.in-news-sort li{font-size: 14px;margin:10px ;}
}



.in-news-list{display: none; width: 100%;height: auto;overflow: hidden;}
.in-news-list ul{width: 100%;height: auto;overflow: hidden;}
.in-news-list li{width: calc(33.3% - 40px);position: relative; float: left;margin-right:40px;margin-bottom: 40px;border: 1px solid #dcdcdc;}
.in-news-list li:hover:before{content:"";z-index: 2; position: absolute;left: 0;bottom: 0;width: 100%; border-bottom: 2px solid #3879F3;}
.in-news-list li:nth-child(3n){margin-right: 0;}
.in-news-list li .date{z-index: 1; position: absolute;top: 0;left: 0;  text-align: center;width: 94px;height:100%; border-right:1px solid #dcdcdc ;float: left;}
.in-news-list li .date b{font-size: 20px;font-family: "Noir-l";color: #333333;display: block;margin:25px  0 10px 0;}
.in-news-list li .date span{font-size: 14px;font-family:"Noir-l" ;color: #666666;display: block;}
.in-news-list li .con{width: calc(100% - 94px);float:right;padding: 4%;}
.in-news-list li .con h5{font-size: 18px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in-news-list li .con h3{font-size: 18px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}





.in-news-list li .con .txt{width: 100%;height: 41px;margin-top: 10px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.in-news-list li .con .txt p{color: #666666;font-size: 14px;}

.in-news-list .more{transition: all 0.3s ease;  display: block;height: 36px; color: #3879F3;font-size: 16px;border: 1px solid #aaa;line-height:36px;text-align:center;width: 140px;float: none;margin: 0 auto; margin-top: 20px;}
.in-news-list .more:hover{background: #3879F3;color: #FFFFFF;border:1px solid #3879F3 ;}
@media only screen and (max-width:1100px ) {
.in-news-list li{width: calc(50% - 30px);margin-right: 30px;margin-bottom: 30px;}
.in-news-list li:nth-child(3n){margin-right: 30px;}
.in-news-list li:nth-child(2n){margin-right: 0px;}
.in-news-list li:last-child{display: none;}
}
@media only screen and (max-width: 720px) {
	.in-news-list li{width: 100%;margin-right: 0;margin-bottom: 25px;}
	.in-news-list li:nth-child(3n){margin-right: 0px;}
	.in-news-list li:nth-child(2n){margin-right: 0px;}
}

.in-contact{overflow: hidden; width: 100%;height: auto;background: url(../img/b013.jpg)center no-repeat;background-size: cover;}
.in-contact  .in-cont-form{float: right; padding:40px  5%; width:calc(100% - 480px);margin-left:90px;background: #FFFFFF;}
.in-contact  .in-cont-form h5{font-size: 30px;color: #333333;margin-bottom: 35px; font-weight:550;}
.in-contact  .in-cont-form .c1{font-size: 16px; color:#666666; display: block;width: 100%;height: 50px;line-height: 48px;border:1px solid #eaeaea;margin-top: 15px;padding-left: 20px;}
.in-contact  .in-cont-form .c2{width: calc(50% - 13px);display: inline-block;margin-right: 20px;}
.in-contact  .in-cont-form .c3{margin-right: 0;}
.in-contact  .in-cont-form .tjbn{width: 100%;line-height: 50px;text-align: center;color: #FFFFFF;font-size: 16px;border:none ;background: #3879F3;margin-top: 20px;}
.in-contact .in-cont-c{width: 390px;float: left;}
.in-contact .in-cont-c h5{font-size: 30px;color: #FFFFFF;margin-top: 40px;margin-bottom: 35px;}

.in-contact .in-cont-c .rx{color: #FFFFFF;font-size: 24px;margin-bottom: 40px; width: 100%;height: auto;font-weight: bold !important;}
.in-contact .in-cont-c .rx span{font-family: "Noir-l";font-weight: bold !important;}
.in-contact .in-cont-c .in-cont-list{line-height: 1; padding: 20px 0; width: 100%;height: auto;border-top:1px solid #FFFFFF ;border-bottom:1px solid #FFFFFF ;}
.in-contact .in-cont-c .in-cont-list a{display: inline-block;width: 50px;height: 50px;margin-right: 24px;}
.in-contact .in-cont-c .in-cont-list a img{display: block;width: 100%;height: auto;}
.in-contact .in-cont-c .in-cont-list .wx{position: relative;}
.in-contact .in-cont-c .in-cont-list .wx .ewm{
	width: 120px;
    height: 120px;
    position: absolute;
    left: -35px;
    top: -135px;
    background: #fff;
    border: 0px solid #fff;
    display: none;
    border-radius: 5px;
    box-shadow: 0px 0px 6px rgba(0,0,0,0.35);
}
.in-contact .in-cont-c .in-cont-list .wx .ewm img{display: block;border-radius:5px;}
.in-contact .in-cont-c .in-cont-list .wx .ewm:after{content: "";position: absolute;left: 53px;top:100%;border-right: 8px solid rgba(0,0,0,0);border-top: 10px solid #FFFFFF;border-bottom:8px solid rgba(0,0,0,0);border-left: 8px solid rgba(0,0,0,0);}
.in-contact .in-cont-c .in-cont-list .wx:hover .ewm{display: inherit;}
.in-contact .in-cont-c .in-cont-down{width: 100%;height: auto;padding-left: 50px;position: relative;margin-top: 40px;color: #FFFFFF;}
.in-contact .in-cont-c .in-cont-down:before{content:"";position: absolute;left: 0;top: 0;width: 45px;height: 45px;background: url(../img/a023.png)center no-repeat;background-size:cover;}

@media only screen and (max-width:1100px ) {
	.in-contact  .in-cont-form{padding: 40px 3%;width: calc(100% - 450px);margin-left: 60px;}
}

@media only screen and (max-width:1000px ) {
	.in-contact  .in-cont-form{padding: 40px  3%;width:100%;float:inherit; margin-left: 0px;margin-top: 50px;}
	.in-contact .in-cont-c {width: 100%;height: auto;float: inherit;}
	.in-contact .in-cont-c .in-cont-list{text-align: center;}
	.in-contact .in-cont-c .in-cont-list a{margin: 0  4.5%;}
	.in-contact .in-cont-c h5{margin-top: 0;}
}
@media only screen and (max-width:600px ) {
	.in-contact .in-cont-c .in-cont-list a{width: 40px;height: 40px;line-height: 40px;margin:0 1%;}
	.in-contact  .in-cont-form .c2{width:100%;display:block;margin-right: 0px;}
}
.in-question{width: 100%;height: auto;}
.in-question .in-ques-sort{text-align: center; width: 100%;height: auto;border-bottom:1px solid #eaeaea;}
.in-question .in-ques-sort li{cursor: pointer; font-size: 18px;color: #333333; display: inline-block;margin: 0 30px;padding: 0 5px;line-height: 50px;position: relative;}
.in-question .in-ques-sort li.cut:before{content:"";position: absolute;left: 0;width: 100%;bottom: 0; border-bottom:2px solid  #3879f3;}
.in-question .in-ques-sort li:hover:before{content:"";position: absolute;left: 0;width: 100%;bottom: 0; border-bottom:2px solid  #3879f3;}
.in-question .in-ques-list{overflow: hidden; display: none; width: 100%;height: auto;margin-top: 40px;}
.in-question .in-ques-list a{width: 25%;padding-right: 3%;float: left; display: block;height: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in-question .yqlj{font-size: 14px; width: 100%;height: auto;padding: 35px 0;border-top:1px solid #eaeaea ;}
.in-question .yqlj a{display: inline-block;padding: 0 3px;}
.in-question .footer{width: 100%;padding: 15px 0;line-height: 30px; color: #FFFFFF;font-size: 16px;text-align: center;background: #000000;}

.in-question .footer a{color: #fff;}

@media only screen and (max-width:1000px ) {
	.in-question .in-ques-sort li{font-size: 16px;}
	.in-question .in-ques-list a{width: 50%;padding-left: 3%;}
}
@media only screen and (max-width:900px ) {
	.in-question .in-ques-sort li {font-size: 14px;margin: 0 10px;padding: 0 3px;}
}

@media only screen and (max-width:600px ) {
	.in-question .in-ques-sort{border-bottom:none ;}
	.in-question .in-ques-sort li{border:1px solid #eaeaea;line-height: 40px;padding: 0  5px;margin:5px; display: inline-block;}
	.in-question .in-ques-list {margin-top: 25px;}
}


/*关于我们页面*/
.banners{width: 100%;height: auto;position: relative;z-index: 99;}
.banners img{display: block;width: 100%;height: auto;}
.banners .img2{display: none;}
.banners .title2{width: 100%;height: auto; position: absolute;top: 50%;left:0;transform: translateY(-50%);}
.banners .title2 h1{color: #FFFFFF;font-size: 54px;}
.banners .title2 h2{color: #FFFFFF;font-size: 30px;font-family: "Noir-r";font-weight: normal;}

.banners .title2 h2{color: #FFFFFF;font-size: 54px;}
.banners .title2 h4{color: #FFFFFF;font-size: 30px;font-family: "Noir-r";font-weight: normal;}


@media only screen and (max-width:1440px ) {
	.banners .title2 h1{color: #FFFFFF;font-size: 36px;text-shadow: 0 0 5px rgba(0,0,0,0.5);}
.banners .title2 h2{color: #FFFFFF;font-size:24px;font-weight: normal;text-shadow: 0 0 5px rgba(0,0,0,0.5);}
	.banners .title2 h2{color: #FFFFFF;font-size: 36px;text-shadow: 0 0 5px rgba(0,0,0,0.5);}
.banners .title2 h4{color: #FFFFFF;font-size:24px;font-weight: normal;text-shadow: 0 0 5px rgba(0,0,0,0.5);}
}


@media only screen and (max-width:900px ) {
	.banners .title2 h1{color: #FFFFFF;font-size: 34px;text-shadow: 0 0 5px rgba(0,0,0,0.5);}
.banners .title2 h2{color: #FFFFFF;font-size:24px;font-weight: normal;text-shadow: 0 0 5px rgba(0,0,0,0.5);}
	.banners .title2 h2{color: #FFFFFF;font-size: 34px;text-shadow: 0 0 5px rgba(0,0,0,0.5);}
.banners .title2 h4{color: #FFFFFF;font-size:24px;font-weight: normal;text-shadow: 0 0 5px rgba(0,0,0,0.5);}
}
@media only screen and (max-width: 600px) {
	.banners .img2{display: inherit;}
	.banners .img1{display: none;}
}

.ab{width: 100%;height: auto;background-size: cover;background-position: center;background-repeat: no-repeat;}
.ab .txt{width: 100%;height: auto;text-align: center;}
.ab .ab-bk{width: 100%;height: auto;background: rgba(255,255,255,0.91);}

.ab .num{width: 100%;height: auto;overflow: hidden;}
.ab .num li{width: 33.3%;float: left;padding-right: 20px;height: auto;vertical-align: top;}
.ab .num li .ico{width: 110px;height: 110px;border-radius: 100%;float: left;}
.ab .num li .ico img{display: block;width: 100%;height: auto;}
.ab .num li .num-con{width: calc(100% - 110px);float: left;padding-left: 35px;}
.ab .num li .num-con .num-c{width:100%;font-size: 48px;color:#333333;}
.ab .num li .num-con .num-c h2{display: inline-block;font-size: 60px; font-family: "Noir-r";line-height: 1;}

.ab .num li .num-con h6{margin-top: 8px; font-size: 16px;color: #333333;font-weight: normal;}

@media only screen and (max-width:1150px ) {
	.ab .num li .ico{width:80px;height: 80px;border-radius: 100%;}
	.ab .num li .num-con{width: calc(100% - 80px);}
	.ab .num li .num-con .num-c{width:100%;font-size: 36px;color:#333333;}
.ab .num li .num-con .num-c h2{display: inline-block;font-size: 46px;}
.ab .num li .num-con h6{font-size: 14px;}
}

@media only screen and (max-width:900px ) {
		.ab .num li .ico{width:60px;height: 60px;border-radius: 100%;}
			.ab .num li .num-con{width: calc(100% - 60px);padding-left: 20px;}
				.ab .num li .num-con .num-c{width:100%;font-size: 28px;color:#333333;}
.ab .num li .num-con .num-c h2{display: inline-block;font-size: 30px;}
.ab .num li .num-con h6{font-size: 12px;}
}
@media only screen and (max-width:600px ) {
.ab .num li{width: 100%;margin-bottom: 20px;padding-right: 0;}
.ab .num li .ico{width:80px;height: 80px;border-radius: 100%;}
.ab .num li .num-con{width: calc(100% - 80px);padding-left: 20px;}
.ab .num li .num-con .num-c{width:100%;font-size: 30px;color:#333333;}
.ab .num li .num-con .num-c h2{display: inline-block;font-size:42px;}
.ab .num li .num-con h6{font-size: 14px;}
}

.honor{width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.honor .honor-c{width:94%;max-width: 1550px;margin: 0 auto; height: auto;position: relative;}
.honor .honor-js{width: 90%;max-width: 1400px; margin:0 auto; height: auto;}
.honor .honor-js img{display: block;width: 100%;height: auto;}
.honor .honor-js h6{width: 100%;height: auto;margin-top: 20px;text-align: center;font-size: 20px;color: #333333;}


.honor .honor-c .swiper-button-next {
    background-image: url(../img/a031.png);
    right: 0px;
    left: auto;
}
.honor .honor-c .swiper-button-prev {
    background-image: url(../img/a030.png);
    left: 0px;
   right: auto;
}
.honor .honor-c .swiper-button-prev,.honor .honor-c .swiper-button-next {
    position: absolute;
    top: 40%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    z-index: 10;
    cursor: pointer;
    background-size: 60px 60px;
    background-position: center;
    background-repeat: no-repeat;
}
@media only screen and (max-width:1300px ) {
	.honor .honor-js h6{font-size: 18px;}
	.honor .honor-c .swiper-button-prev,.honor .honor-c .swiper-button-next {
		    width: 50px;
    height: 50px;
    margin-top: -25px;
      background-size: 50px 50px;
	}
	
}
@media only screen and (max-width:1200px ) {
	.honor .honor-js h6{font-size: 16px;}
		.honor .honor-c .swiper-button-prev,.honor .honor-c .swiper-button-next {
		    width: 40px;
    height: 40px;
    margin-top: -20px;
      background-size: 40px  40px;
	}
}
@media only screen and (max-width:720px ) {
	.honor .honor-js h6{font-size: 14px;}
			.honor .honor-c .swiper-button-prev,.honor .honor-c .swiper-button-next {
		    width:30px;
    height: 30px;
    margin-top: -15px;
      background-size: 30px 30px;
	}
}

.brands{width: 100%;height: 600px;position: relative;}

.brands-bk {
    width: 100%;
    height: 600px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 20;
    background-size:cover;
    background-attachment: fixed;
     background-position: center;
     background-repeat: no-repeat;}
    
.brands .bk{position: absolute;z-index: 30; top: 0;left: 0;width: 100%;height:100%;background: rgba(1,5,27,0.3);}
.brands .brands-con{width: 100%;z-index: 50; height: auto;position: absolute;top: 65%;left: 0;transform: translateY(-50%);color: #FFFFFF;}
.brands .brands-con h3{font-size: 48px; padding-right: 40%;}
.brands .brands-con h4{font-size: 30px;margin-top: 45px;padding-right: 40%;}
.brands .brands-con .txt{font-size: 18px;font-weight: bolder;padding-right: 40%;margin-top: 10px;}
@media only screen and (max-width:1200px ) {
	.brands{width: 100%;height:550px;position: relative;}
	.brands-bk { width: 100%;height: 550px;}
	.brands .brands-con h3{font-size: 36px; padding-right: 25%;}
.brands .brands-con h4{font-size: 28px;margin-top: 35px;padding-right:25%;}
.brands .brands-con .txt{font-size: 16px;padding-right:25%;}
}

@media only screen and (max-width:800px ) {
	.brands{width: 100%;height:450px;position: relative;}
	.brands-bk { width: 100%;height: 450px;}
	.brands .brands-con h3{font-size: 30px; padding-right: 20%;}
.brands .brands-con h4{font-size: 24px;margin-top: 35px;padding-right:20%;}
.brands .brands-con .txt{font-size: 16px;padding-right:20%;}
}

@media only screen and (max-width:600px ) {
	.brands{width: 100%;height:360px;position: relative;}
	.brands-bk { width: 100%;height:360px;}
		.brands .brands-con{top: 50%;}
	.brands .brands-con h3{font-size: 24px; padding-right: 0%;}
.brands .brands-con h4{font-size: 18px;margin-top: 25px;padding-right:0%;}
.brands .brands-con .txt{font-size: 14px;padding-right:0%;}
}

.service{width: 100%;height: auto;}
.service .sevice-list{width: 100%;height: auto;}
.service .service-list li{vertical-align: top; width:calc(50% - 7.5px);padding: 3%; float: left;margin-right:15px;margin-bottom:15px;border:1px solid #eaeaea ;}
.service .service-list li .ico{width: 110px;height: auto;}
.service .service-list li .ico img{display: block;width: 100%;height: auto;}
.service .service-list li .ico .img2{display: none;}
.service .service-list li:nth-child(2n){margin-right: 0;}
.service .service-list li:hover{border: 1px solid #3879f6; }
.service .service-list li:hover .img1{display: none;}
.service .service-list li:hover .img2{display: inherit;}
.service .service-list li h5{font-size: 24px;color: #333333; overflow: hidden;margin-top: 40px; text-overflow: ellipsis;white-space: nowrap; }
.service .service-list li h3{font-size: 24px;color: #333333; overflow: hidden;margin-top: 40px; text-overflow: ellipsis;white-space: nowrap; }


.service .service-list li .txt{width: 100%;margin-top: 20px; height: 72px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;word-break: break-all;}
.service .service-list li .txt p{font-size: 14px;color: #666;}
@media only screen and (max-width:950px ) {
.service .service-list li .ico{width:80px;height: auto;}
.service .service-list li h5{font-size: 20px;margin-top: 30px;}
.service .service-list li h3{font-size: 20px;margin-top: 30px;}
.service .service-list li .txt{height: 84px; margin-top: 10px;-webkit-line-clamp: 4;}
.service .service-list li .txt p{font-size: 14px;}
}
@media only screen and (max-width:720px ) {
.service .service-list li .ico{width:60px;height: auto;}
.service .service-list li h5{font-size: 18px;margin-top: 30px;}
.service .service-list li h3{font-size: 18px;margin-top: 30px;}
.service .service-list li .txt{height: 90px; margin-top: 10px;-webkit-line-clamp: 5;}
.service .service-list li .txt p{font-size: 12px;}
}
@media only screen and (max-width:600px ) {
	.service .service-list li{width: 100%;margin-left: 0;}
.service .service-list li .ico{width:50px;height: auto;}
.service .service-list li h5{font-size: 18px;margin-top: 25px;}
.service .service-list li h3{font-size: 18px;margin-top: 25px;}
.service .service-list li .txt{height: 72px; margin-top: 10px;-webkit-line-clamp: 4;}
.service .service-list li .txt p{font-size: 12px;}
}


.evaluate{position: relative; z-index: 11; width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.evaluate .title{z-index: 11;}
.evaluate .title h1{color: #FFFFFF;}
.evaluate .bk{position: absolute;width: 100%;height: 100%;z-index: -1; position: absolute;top: 0;left: 0;background: rgba(3,13,67,0.4);}
.evaluate .evaluate-c{width:100%;height: auto;position: relative;overflow: inherit;}
.evaluate .evaluate-js{width: 100%;height: auto;padding-top: 75px;}
.evaluate .evaluate-js .eva-c{padding: 0  5% 5% 5%; padding-top: 75px; width: 100%;height: auto;background: #FFFFFF; position: relative;}
.evaluate .evaluate-js .eva-c .pic{border:2px solid #3978f6 ;position: absolute;left: 50%;top: 0; transform: translateX(-50%) translateY(-50%); width: 150px;height: 150px;border-radius: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;}
.evaluate .evaluate-js .eva-c .txt{width: 100%;height:192px;margin-top: 40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;word-break: break-all;}
.evaluate .evaluate-js .eva-c .txt p{font-size: 16px;color: #333333;text-align: center;}
.evaluate .evaluate-js .eva-c .date{width: 100%;height: auto;margin-top: 30px; text-align: center;font-size: 16px;color: #333333;}
.evaluate .evaluate-js .eva-c .date span{font-family: "Noir-r";}
.evaluate .evaluate-c .swiper-button-prev{
    background-image: url(../img/a036.png);
    left: -33px;
    right: auto;
}

.evaluate .evaluate-c .swiper-button-next{
    background-image: url(../img/a037.png);
    right: -33px;
    left: auto;
}
.evaluate .evaluate-c  .swiper-button-prev, .evaluate .evaluate-c  .swiper-button-next {
    position: absolute;
    top: 100%;
    width: 66px;
    height: 36px;
    transform: translateY(-70px);
    z-index: 10;
    cursor: pointer;
    background-size: 66px 36px;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width:1024px ) {
	.evaluate .evaluate-js{width: 100%;height: auto;padding-top: 50px;}
.evaluate .evaluate-js .eva-c{padding: 0  5% 5% 5%; padding-top: 50px;}
	.evaluate .evaluate-js .eva-c .pic{width: 100px;height: 100px;}
	.evaluate .evaluate-js .eva-c .txt{height:168px ;margin-top: 25px;}
	.evaluate .evaluate-js .eva-c .txt p{font-size: 14px;}
	.evaluate .evaluate-js .eva-c .date{font-size: 14px;}
}
@media only screen and (max-width:900px ) {
	.evaluate .evaluate-js{width: 100%;height: auto;padding-top: 50px;}
.evaluate .evaluate-js .eva-c{padding: 0  5% 5% 5%; padding-top: 50px;}
	.evaluate .evaluate-js .eva-c .pic{width: 100px;height: 100px;}
	.evaluate .evaluate-js .eva-c .txt{height:168px ;margin-top: 25px;}
	.evaluate .evaluate-js .eva-c .txt p{font-size: 14px;}
	.evaluate .evaluate-js .eva-c .date{font-size: 14px;}
	
	
	.evaluate .evaluate-c .swiper-button-prev{
    background-image: url(../img/a036.png);
    left: -10px;
    right: auto;
}

.evaluate .evaluate-c .swiper-button-next{
    background-image: url(../img/a037.png);
    right: -10px;
    left: auto;
}
	.evaluate .evaluate-c  .swiper-button-prev, .evaluate .evaluate-c  .swiper-button-next {
    position: absolute;
    top: 100%;
    width:44px;
    height: 24px;
        transform: translateY(-70px);
            background-size: 44px 24px;
        
}
}
.alipay{width: 100%;height: auto;}
.alipay .alipay-list{width: 100%;height: auto;margin-top: 10px;}
.alipay .alipay-list li{padding-top:60px;padding-bottom: 30px;  position: relative; width: calc(33.3%  -  50px);height: auto; margin-right: 75px;margin-bottom:75px; float: left;border:1px  solid  #3879f6;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; }
.alipay .alipay-list li:nth-child(3n){margin-right: 0;}
.alipay .alipay-list li .ico{position: absolute;width: 50%;top: 0; left: 50%;transform:translateX(-50%) translateY(-50%); height: auto;}
.alipay .alipay-list li .ico img{display: block;width: 100%;height: auto;}
.alipay .alipay-list li .con{width:auto;height: 120px;display: inline-block;}
.alipay .alipay-list li .con p{font-size: 20px;color: #333333;line-height: 2;font-weight: bold;}

@media only screen and (max-width:1280px ) {
.alipay .alipay-list li .con p{font-size: 16px;}
.alipay .alipay-list li{padding-top: 40px;}
.alipay .alipay-list li .con{height: 108px;}
}
@media only screen and (max-width:1100px ) {
.alipay .alipay-list li .con p{font-size: 16px;}
.alipay .alipay-list li{padding-top: 40px;width:calc(33.3% - 30px);margin-right:45px ;}
.alipay .alipay-list li:nth-child(3n){margin-right: 0;}
.alipay .alipay-list li .con{height: 108px;}
}

@media only screen and (max-width:1000px ) {
.alipay .alipay-list li .con p{font-size: 14px;}
.alipay .alipay-list li{padding-top: 40px;width:calc(33.3% - 15px);margin-right:22.5px ;margin-bottom: 55px;}
.alipay .alipay-list li:nth-child(3n){margin-right: 0;}
.alipay .alipay-list li .ico{width: 60%;}
.alipay .alipay-list li .con{height: 84px;}
}

@media only screen and (max-width:850px ) {
.alipay .alipay-list li .con p{font-size: 12px;}
.alipay .alipay-list li{padding-top: 40px;width:calc(50% - 15px);margin-right:15px ;margin-bottom: 55px;}
.alipay .alipay-list li:nth-child(3n){margin-right: 15px;}
.alipay .alipay-list li:nth-child(2n){margin-right: 0;}
.alipay .alipay-list li .ico{width: 60%;}
.alipay .alipay-list li .con{height: 84px;}
}
@media only screen and (max-width:520px ) {
.alipay .alipay-list li .con p{font-size: 14px;}
.alipay .alipay-list li{padding-top: 40px;padding-bottom: 30px; width:100%;margin-right:0px ;margin-bottom:45px;}
.alipay .alipay-list li:nth-child(3n){margin-right: 15px;}
.alipay .alipay-list li:nth-child(2n){margin-right: 0;}
.alipay .alipay-list li .ico{width: 60%;}
.alipay .alipay-list li .con{height: 84px;}
}
.ab-lj{width: 100%;height: auto;overflow: hidden;}
.ab-lj li{width: 50%;height: auto;float: left;position: relative;transition: all 0.3s ease;}
.ab-lj li img{display: block;width: 100%;height: auto;}
.ab-lj li .bk{color: #FFFFFF; width: 100%;padding:4%; height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.45);}
.ab-lj li .bk .line{transition: all 0.3s ease; border:1px solid rgb(255,255,255,0);position: absolute;top: 0px;left: 0px;width:100%;height:100%;}
.ab-lj li .bk .line .con{position: absolute; top: 50%;left: 50%;transform: translateX(-50%)translateY(-50%);text-align: center;}
.ab-lj li .bk h5{font-size: 40px;text-align: center;margin-bottom: 65px;}
.ab-lj li .bk  .apply{font-weight: bolder; display: inline-block;border:1px solid #FFFFFF;text-align: center;line-height: 50px;width:180px;color: #FFFFFF;font-size: 20px;}
.ab-lj li:hover .line{border:1px solid rgba(255,255,255,1) ;position: absolute;top: 20px;left: 20px;width: calc(100% - 40px);height: calc(100% - 40px);}
.ab-lj li .bk  .apply:hover{background: #FFFFFF;color: #333333;}
@media only screen and (max-width:1550px ) {
	.ab-lj li .bk h5{font-size: 34px;}
	.ab-lj li .bk  .apply{font-size: 16px;line-height: 46px;width: 160px;}
}
@media only screen and (max-width:1300px ) {
	.ab-lj li .bk h5{font-size: 30px;margin-bottom: 45px;}
	.ab-lj li .bk  .apply{font-size: 16px;line-height: 40px;width: 160px;}
}
@media only screen and (max-width:1150px ) {
	.ab-lj li .bk h5{font-size: 26px;margin-bottom: 35px;}
	.ab-lj li .bk  .apply{font-size: 16px;line-height: 36px;width: 140px;}
}
@media only screen and (max-width:900px ) {
	.ab-lj li .bk h5{font-size: 20px;margin-bottom: 25px;}
	.ab-lj li .bk  .apply{font-size: 16px;line-height: 36px;width: 140px;}
}
@media only screen and (max-width:720px ) {
	.ab-lj li{width: 100%;float: inherit;}
	.ab-lj li .bk h5{font-size: 28px;margin-bottom: 25px;}
	.ab-lj li .bk  .apply{font-size: 16px;line-height: 36px;width: 140px;}
}
@media only screen and (max-width:600px ) {
	.ab-lj li{width: 100%;float: inherit;}
	.ab-lj li .bk h5{font-size: 20px;margin-bottom: 25px;}
	.ab-lj li .bk  .apply{font-size: 16px;line-height: 36px;width: 140px;}
}


.item{width: 100%;padding-top:249px;position: relative;}
.item-c{ height: auto; position: absolute; top: -110px;z-index: 111; padding: 50px; background: #f9f9f9; left: 50%;transform: translateX(-50%);}
 .title3{width: 100%;text-align: center;}
 .title3 h1{font-size: 30px;color: #333333;}
 .title3 h2{font-size: 16px;color: #999999;font-weight: normal;font-family: "Noir-l";}
 .title3 h3{font-size: 30px;color: #333333;}
 .title3 h4{font-size: 16px;color: #999999;font-weight: normal;font-family: "Noir-l";}
 
 
 
.item .item-con{width:100%;height: auto;margin-top: 35px;overflow: hidden;}

.item .item-con ul{width:70%;overflow:hidden;height: auto;float: left; padding-right: 8%;}
.item .item-con ul li{width: 33.3%;float: left;text-align: center;}
.item .item-con ul li .ico{width: 50px;height: 50px;display: inline-block;}
.item .item-con ul li .ico img{display: block;width: 100%;height: auto;}
.item .item-con ul li h5{font-size:18px ;color:#333333;margin-top: 20px;}
.item .item-con ul li h6{font-size: 16px;color: #999999;margin-top: 20px;font-weight: normal;}
.item .item-con  .apply-free{width:30%;float: right;border-left:1px solid #666666;padding-left:8%;}
.item .item-con .apply-free h3{font-size: 24px;color: #333333;}
.item .item-con .apply-free h4{font-size: 16px;color: #999999;font-weight: normal;margin-top: 15px;}
.item .item-con .apply-free a{display: block;margin-top: 40px; width: 140px;height: 40px;text-align: center;border:1px solid #333333;font-size: 18px;color: #333333;line-height: 38px;}

@media only screen and (max-width:1380px ) {
.item .item-con ul li h5{font-size:16px ;color:#333333;margin-top: 20px;}
.item .item-con ul li h6{font-size: 14px;color: #999999;margin-top: 20px;}
.item .item-con .apply-free h3{font-size: 20px;color: #333333;}
.item .item-con .apply-free h4{font-size: 14px;color: #999999;font-weight: normal;margin-top: 15px;}
}


@media only screen and (max-width:960px ) {
.item .item-con ul li h5{font-size:14px ;color:#333333;margin-top: 20px;}
.item .item-con ul li h6{font-size: 12px;color: #999999;margin-top: 20px;}
.item .item-con .apply-free h3{font-size: 18px;color: #333333;}
.item .item-con .apply-free h4{font-size: 12px;color: #999999;font-weight: normal;margin-top: 15px;}
}


@media only screen and (max-width:900px ) {
	.item{padding-top: 120px;}
	.item-c{padding: 20px;}
 .title3 h1{font-size: 24px;color: #333333;}
 .title3 h2{font-size: 12px;color: #999999;font-weight: normal;}
  .title3 h3{font-size: 24px;color: #333333;}
 .title3 h4{font-size: 12px;color: #999999;font-weight: normal;}
	.item .item-con  .apply-free{display: none;}
	.item .item-con ul{width: 100%;padding-right: 0;}
		.item .item-con ul li{padding: 0 8px;}
		.item .item-con ul li .ico{width:36px;height: 36px;}
		.item .item-con ul li h5{margin-top: 10px;}
		.item .item-con ul li h6{margin-top: 10px;}
}




.solu-adv{width: 100%;height: auto;}
.solu-adv .solu-adv-list{width: 100%;height: auto;text-align: center;}
.solu-adv .solu-adv-list li{border-radius:10px ; padding: 35px 20px ;text-align: left;  position: relative; width:calc(20% - 16px);margin-right: 16px;display: inline-block;border:1px solid #3879f6 ;position: relative;}
.solu-adv .solu-adv-list li:nth-child(5){margin-right: 0;}
 .solu-adv .solu-adv-list li .ico{width: 70px;height: 70px;}
  .solu-adv .solu-adv-list li .ico img{display: block;width: 100%;height: auto;}
 .solu-adv .solu-adv-list li .img2{display: none;}
  .solu-adv .solu-adv-list li .img1{display: inherit;}
 .solu-adv .solu-adv-list li:before{content: "";position:absolute;bottom: -1px;right:-1px;width: 50px;height: 50px;background:url(../img/a048.png)center no-repeat;background-size: cover;}
 .solu-adv .solu-adv-list li .line{width: 100%;display: block;background: #f5f5f5;height:1px;margin: 15px 0;}  
 .solu-adv .solu-adv-list li h5{font-size: 18px;color: #333333;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  .solu-adv .solu-adv-list li h3{font-size: 18px;color: #333333;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
 .solu-adv .solu-adv-list li .txt{width: 100%;height: 48px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
 .solu-adv .solu-adv-list li .txt p{font-size: 16px;color: #666666;}
 .solu-adv .solu-adv-list li:hover{border:none;background: url(../img/a047.png)center no-repeat;background-size: cover;}
 .solu-adv .solu-adv-list li:hover .img1{display: none;}
  .solu-adv .solu-adv-list li:hover .img2{display: inherit;}
  .solu-adv .solu-adv-list li:hover h5{color: #FFFFFF;}
    .solu-adv .solu-adv-list li:hover h3{color: #FFFFFF;}
   .solu-adv .solu-adv-list li:hover .line{color:#FFFFFF;}
    .solu-adv .solu-adv-list li:hover .txt p{color:#FFFFFF;}
 .solu-adv .solu-adv-list li:hover:before{bottom: 0;right: 0;}

@media only screen and (max-width:1200px ) {
	.solu-adv .solu-adv-list li{padding: 25px 15px;width:calc(20%  - 8px);margin-right: 6px;}
	.solu-adv .solu-adv-list li:nth-child(5){margin-right: 0;}
}
@media only screen and (max-width:1024px ) {
	.solu-adv .solu-adv-list li{padding: 25px 10px;width:calc(33.3%  - 8px);margin-bottom: 8px; margin-right: 6px;}
	.solu-adv .solu-adv-list li:nth-child(3){margin-right: 0;}
}
@media only screen and (max-width:720px ) {
	 .solu-adv .solu-adv-list li .ico{width: 40px;height: 40px;}
	  .solu-adv .solu-adv-list li h5{font-size: 16px;}
	    .solu-adv .solu-adv-list li .txt{height: 42px;}
	   .solu-adv .solu-adv-list li .txt p{font-size: 14px;}
	.solu-adv .solu-adv-list li{padding: 15px 10px;width:calc(50%  - 8px);margin-bottom: 8px; margin-right: 6px;}
	.solu-adv .solu-adv-list li:nth-child(2n){margin-right: 0;}
		.solu-adv .solu-adv-list li:nth-child(3){margin-right: 8px;}
		 .solu-adv .solu-adv-list li:before{width: 30px;height: 30px;}
}

.industry{width: 100%;height: auto;}
.industry .industry-list{width: 100%;height: auto;overflow: hidden;}

.industry .industry-list li{ margin-bottom: 20px; width: calc(25% - 15px);float: left;margin-right: 20px;padding-bottom: 20px;border-bottom:1px solid #e1e1e1 ;}
.industry .industry-list li:nth-child(4n){margin-right: 0;}
.industry .industry-list li .pic{width: 100%;height: auto;overflow: hidden;}
.industry .industry-list li .pic img{display: block;width: 100%;height: auto;}
.industry .industry-list li h5{width: 100%;margin-top: 15px; padding-left: 10px; font-size: 20px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.industry .industry-list li h3{width: 100%;margin-top: 15px; padding-left: 10px; font-size: 20px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.industry .industry-list li .txt{margin-top: 15px; width: 100%;padding-left: 10px; height: 72px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;word-break: break-all;}
.industry .industry-list li .txt p{font-size: 16px;color: #666666;}
.industry .industry-list li:hover h5{color: #3879f6;}
.industry .industry-list li:hover img{transform: scale(1.1);;transition: all 0.8s ease; }
@media only screen and (max-width:1024px ) {
	.industry .industry-list li{width: calc(33.3%  - 14px);margin-right: 21px;}
	.industry .industry-list li:nth-child(4n){margin-right: 21px;}
	.industry .industry-list li:nth-child(3n){margin-right: 0px;}
}
@media only screen and (max-width:600px ) {
	
	.industry .industry-list li{width: calc(50%  - 6px);margin-right: 12px;}
	.industry .industry-list li:nth-child(4n){margin-right: 12px;}
	.industry .industry-list li:nth-child(3n){margin-right:12px;}
	.industry .industry-list li:nth-child(2n){margin-right: 0px;}
}

.free-zx{width: 100%;height: auto;position: relative;z-index: 11;}
.free-zx .bk{width:calc(100% - 40px);position: absolute;z-index: -1; height: 85%; left: 0;top: 0;background-size: cover;background-position:right center;background-repeat: no-repeat;}
.free-zx .blue{width: calc(100% - 80px);position: absolute;z-index: -2; height: 65%; bottom: 0;right: 0; background-size: cover;background-position: left center;background-repeat: no-repeat; }
.free-zx .free-zx-con{width: 100%;height: auto;color: #FFFFFF;}
.free-zx .free-zx-con-l{float: left;width: 310px;text-align: left;}
.free-zx .free-zx-con-l .title3 {text-align: left;margin-bottom: 30px;}
.free-zx .free-zx-con-l .title3 h1{color:#FFFFFF;}
.free-zx .free-zx-con-l .title3 h2{color: #FFFFFF;}

.free-zx .free-zx-con-l .title3 h3{color:#FFFFFF;}
.free-zx .free-zx-con-l .title3 h4{color: #FFFFFF;}
.free-zx .free-zx-con-l  .txt{width: 100%;height: auto;}
.free-zx .free-zx-con-l  .txt p{font-size: 16px;color: #FFFFFF;}
.free-zx .free-zx-con-r{width: calc(100% - 310px);float: right;}
.free-zx .free-zx-con-r li{width: 33.3%;float: left;height: auto;text-align: center;}
.free-zx .free-zx-con-r li .ico{display: inline-block;width: 110px;height: 110px;}
.free-zx .free-zx-con-r li .ico img{display: block;width: 100%;height: auto;}
.free-zx .free-zx-con-r li h6{font-size: 20px;color: #FFFFFF;font-weight: normal;margin-top: 20px;}
.free-zx .free-zx-con-r li:first-child h6{font-family: "Noir-r";}
.free-zx .free-zx-con-r li.wx{position: relative;}
.free-zx .free-zx-con-r li.wx .ewm{
	width: 120px;
    height: 120px;
    position: absolute;
    left: 50%;
   transform:translateX(-50%);
    top: -135px;
    background: #fff;
    border: 0px solid #fff;
    display: none;
    border-radius: 5px;
    box-shadow: 0px 0px 6px rgba(0,0,0,0.35);
}
.free-zx .free-zx-con-r li.wx .ewm img{display: block;width: 100%;height: auto; border-radius:5px;}
.free-zx .free-zx-con-r li.wx .ewm:after{content: "";position: absolute;left: 53px;top:100%;border-right: 8px solid rgba(0,0,0,0);border-top: 10px solid #FFFFFF;border-bottom:8px solid rgba(0,0,0,0);border-left: 8px solid rgba(0,0,0,0);}
.free-zx .free-zx-con-r li.wx:hover .ewm{display: inherit;}
@media only screen and (max-width:1024px ) {
	.free-zx .free-zx-con-r{margin-top: 30px;}
.free-zx .free-zx-con-r li .ico{display: inline-block;width: 80px;height: 80px;}
.free-zx .free-zx-con-r li h6{font-size: 16px;}
}

@media only screen and (max-width:800px ) {
.free-zx .free-zx-con-l{width: 100%;height: auto;text-align: center;}
	.free-zx .free-zx-con-l .title3 {text-align:center;}
.free-zx .free-zx-con-r{width: 100%; margin-top: 30px;}
.free-zx .free-zx-con-r li .ico{display: inline-block;width: 80px;height: 80px;}
.free-zx .free-zx-con-r li h6{font-size: 14px;}
.free-zx .bk{width:calc(100% - 15px);}
.free-zx .blue{width:calc(100% - 15px);background-position: right center; }

}

.partner{width: 100%;height: auto;}
.partner .partner-c{width: 100%;height: auto;}
.partner .partner-c .partner-js{width: 100%;height: auto;}
.partner .partner-c .partner-js img{display: block;width: 100%;height: auto;}

.process{width: 100%;height: auto;background:url(../img/b040.jpg)center no-repeat;background-size: cover;}
.process-list{width: 100%;height: auto;position: relative;}
.process-list:before{content: "";position: absolute;left: 0;top:100px;width: 100%;height:1px;background: #cccccc;} 
.process-list li{z-index: 0; transition: all 0.6s ease;float: left; width: 25%;padding-left:70px;padding-right: 5%; position: relative;}
.process-list li h4{width: 100%; font-family: "Noir-l";color:#999999;font-size: 60px;margin-bottom: 30px;}
.process-list li:before{content: "";  position: absolute;left:95px;top:94px;width: 12px;height: 12px;background: #cccccc; border-radius:100%;}
.process-list li h5{font-size: 20px;width: 100%; color: #333333;margin-top: 40px;} 
.process-list li h6{font-size: 16px;color: #666666;font-weight: normal;margin-top: 15px;}
.process-list li .con{ display:none;width: 75%;z-index: 25; position: absolute;left: 135px;top:0; border:1px solid #ccc ;background: #FFFFFF;padding: 10px 0;}
.process-list li .con h3{padding: 5%;width: 100%;height: auto;font-size: 20px;color: #333333;margin-bottom: 15px;}
.process-list li .con:before{content: ""; position: absolute;left:-8px;top:93px;width:8px;height: 13px;transform:rotate(180deg); background:url(../img/a046.png)center no-repeat;background-size: cover;}
.process-list li .line{display: block; width: 100%;height:1px;background: #CECCC6;}
.process-list li .txt{width: 100%;padding: 0 5%;margin-top: 15px;}
.process-list li .txt p{font-size: 16px;color: #666;}
.process-list .li1 .con{position: absolute;left:55px;top: 0;transform: translateX(-100%);}
.process-list li:hover .con{display: inherit;}
.process-list .li1 .con:before{content: ""; position: absolute; right:-8px; left:auto;top:93px; width:8px;transform:rotate(360deg); height: 13px; background:url(../img/a046.png)center no-repeat;background-size: cover;}
@media only screen and (max-width:1200px ) {
	.process-list li{padding-left: 40px;padding-right: 4%;}
	.process-list li:before{left:65px;}
	.process-list li .con{left: 95px;}
}
@media only screen and (max-width:850px ) {
		.process-list{width: 92%;margin: 0 auto;overflow: hidden;}
	.process-list li {width:calc(50% - 20px);margin:10px;float: left;padding: 0;vertical-align: top;}
		.process-list li .con{position:inherit;top: 0;left: 0; width: 100%;height: auto;display: inherit;transform: translateX(0);}
		.process-list .li1 .con{position: inherit;top: 0;left: 0; width: 100%;height:auto; transform: translateX(0);}
		.process-list li .con:before{display: none;}
		.process-list:before{display: none;}
.process-list li h4{display: none;}
.process-list li h5{display: none;}
.process-list li h6{display:none ;}
.process-list li:before{display: none;}
.process-list .li1 .con:before{display: none;}

}


.solution-d{width: 100%;height: auto;}
.solution-d .tab{width: 100%;font-size-adjust: 16px;margin-bottom: 30px; height: auto;color: #3879f6;}
.solution-d .tab a{color: #666666;font-size: 16px;display: inline-block;margin: 5px 10px;}
.solution-d .tab a:hover{color: #3879F6;}
.yw{width: 100%;height: auto;padding:25px  5% 50px 5%;color: #FFFFFF; background: #3879F6;}
.yw .txt{margin: 10px 0; width: 100%;height: auto;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.yw .txt p{font-size: 16px;color:#FFFFFF;}
.yw span{width: 26px;height: 26px;display:block;}
.yw span img{display: block;width: 100%;height: auto;}
.yw span.img2{float: right;}

.wenzhang{width: 100%;height: auto;}
.wenzhang p{font-size: 16px;color:#666;}

.item-sort{width: 100%;height: auto;background: #f9f9f9;text-align: center;}
.item-sort ul{width: 100%;text-align: center;height: auto;margin-top: 20px;}
.item-sort li{color: #666; width: calc(25% - 15px);text-align: center; display: inline-block; margin-right: 16px;line-height:36px;border:1px solid #666666;margin-bottom: 18px;}
.item-sort li:nth-child(4n){margin-right: 0;} 
.item-sort li a{color: #666;font-size: 16px;display: block;width: 100%;line-height: 36px;}
.item-sort li:hover{border:1px solid #3879f6 ;background: #3879f6;color: #FFFFFF;}
.item-sort li:hover a{color:#FFFFFF;}
@media only screen and (max-width:1200px ) {
	.item-sort li{width: calc(33.3% - 10px);margin-right: 10px;}
	.item-sort li:nth-child(4n){margin-right: 10px;} 
	.item-sort li:nth-child(3n){margin-right: 0;} 
}
@media only screen and (max-width:900px ) {
	.item-sort li{width: calc(50% - 10px);margin-right: 10px;}
	.item-sort li a{font-size: 14px;}
	.item-sort li:nth-child(4n){margin-right: 10px;} 
	.item-sort li:nth-child(3n){margin-right: 10px;} 
	.item-sort li:nth-child(2n){margin-right: 0;} 
}
@media only screen and (max-width:520px ) {
	.item-sort li{width: 100%;margin-right: 0px;margin-bottom: 10px;}
	.item-sort li a{font-size: 14px;}
	.item-sort li:nth-child(4n){margin-right: 0px;} 
	.item-sort li:nth-child(3n){margin-right: 0px;} 
	.item-sort li:nth-child(2n){margin-right: 0;} 
}
.solu-case{width: 100%;height: auto;}
.solu-case .solu-case-c{position: relative; width: 95%;max-width: 1550px;margin: 0 auto; height: auto;}
.solu-case .solu-case-js{width:90%;max-width: 1400px;margin: 0 auto; height: auto;}
.solu-case .solu-case-js .list{overflow: hidden; width: 100%;height: auto;padding-bottom:35px;border-bottom:1px  dashed #dcdcdc ;}
.solu-case .solu-case-js .list .pic{width: 100px;height: 100px;border:1px solid rgba(56,121,246,0.5) ;float: left;}
.solu-case .solu-case-js .list .pic img{display: block;width: 100%;height: auto;}
.solu-case .solu-case-js .list .con{width: calc(100% - 100px);padding-left: 30px;float: left;}
.solu-case .solu-case-js .list .con h5{width: 100%;height: auto;font-size: 20px;color:#333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.solu-case .solu-case-js .list .con .txt{width: 100%;height: 48px;margin-top: 20px; overflow: hidden;text-overflow:ellipsis ;display: -webkit-box;-webkit-line-clamp:2 ;-webkit-box-orient:vertical ;word-break: break-all;}
.solu-case .solu-case-js .list .con .txt p{color: #666;font-size: 16px;}
.solu-case .solu-case-c .swiper-button-next{
    background-image: url(../img/a016.png);
    right: 0px;
    left: auto;
}
.solu-case .solu-case-c .swiper-button-prev{
    background-image:url(../img/a015.png);
    left:0px;
    left: auto;
}
.solu-case .solu-case-c .swiper-button-prev,.solu-case .solu-case-c .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 140px;
    margin-top: -70px;
    z-index: 10;
    cursor: pointer;
    background-size:50px 140px;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width:1024px ) {
		.solu-case .solu-case-js .list{padding-bottom: 15px;}
	.solu-case .solu-case-js .list .pic{width: 80px;height: 80px;}
	.solu-case .solu-case-js .list .con{width: calc(100% - 80px);padding-left: 20px;}
.solu-case .solu-case-js .list .con h5{font-size: 18px;}
.solu-case .solu-case-js .list .con .txt{height: 42px;margin-top: 15px;}
.solu-case .solu-case-js .list .con .txt p{font-size: 14px;}
}
@media only screen and (max-width:600px ) {
	.solu-case .solu-case-c .swiper-button-prev,.solu-case .solu-case-c .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 86px;
    margin-top: -43px;
    z-index: 10;
    cursor: pointer;
    background-size:30px 86px;
    background-position: center;
    background-repeat: no-repeat;
}
}

.main-box{width: 100%;height: auto;overflow: hidden;}
.main-box .box-l{width:330px ;height: auto; float: left;}
.main-box .box-l .return{width: 100%;line-height: 40px;text-align: center;border:1px solid #3879f6;font-size: 16px;}
.main-box .box-l .return a{color: #3879f6;}
.main-box .box-l .return:hover{background: #3879f6;}
.main-box .box-l .return:hover a{color: #FFFFFF;}
.main-box .box-l .mail-c{width: 100%;height: auto;}
.main-box .box-l .mail-c li{width: 100%;height: auto;margin-top: 30px;box-shadow: 1px 0 10px rgba(62,139,243,0.2);transition: all 0.4s ease; background: #FFFFFF;}
.main-box .box-l .mail-c li .mail-top{padding:15px 25px; width: 100%;height:auto;background-size: cover;background-position: center;background-repeat: no-repeat;}
.main-box .box-l .mail-c li .mail-top h5{color:#FFFFFF;font-size: 24px;}
.main-box .box-l .mail-c li .mail-top h6{font-size: 16px;font-weight:normal;color:#FFFFFF;margin-top: 10px;}

.main-box .box-l .mail-c li .mail-top h2{color:#FFFFFF;font-size: 24px;}
.main-box .box-l .mail-c li .mail-top h4{font-size: 16px;font-weight:normal;color:#FFFFFF;margin-top: 10px;}
.main-box .box-l .mail-c li .mail-con{padding: 25px 25px 0 25px;}
.main-box .box-l .mail-c li  .line{display: block;height: 1px;border-bottom:1px dashed #DCDCDC;margin-top: 14px;}
.main-box .box-l .mail-c li .mail-adv{width: 100%;padding: 25px 25px 0 25px;}
.main-box .box-l .mail-c li .mail-adv-c{border-bottom:1px dashed #DCDCDC ;height: auto;overflow: hidden;}
.main-box .box-l .mail-c li .mail-adv p{display: block; width: 100%;margin-bottom: 15px; height: auto;float: left;font-size: 16px;padding-left: 25px; color: #666666;position: relative;}
.main-box .box-l .mail-c li .mail-adv p:before{position: absolute;content: "";left: 0;top: 3px;width: 16px; height: 16px; background:url(../img/a002.png)center no-repeat;background-size: cover;}
.main-box .box-l .mail-c li .mail-price{width: 100%;height: auto;padding: 25px;overflow: hidden;}
.main-box .box-l .mail-c li .mail-price .price{color: #3879f3;font-size: 16px;font-weight: bold;float: left;}
.main-box .box-l .mail-c li .mail-price b{font-size: 30px;font-family: arial;}
.main-box .box-l .mail-c li .mail-price sup{font-size:20px;}
.main-box .box-l .mail-c li .mail-price .buy{display: block;width:140px ;float: right;background: #5304d6; margin-top: 5px; font-size: 16px;color:#FFFFFF;line-height:40px ;text-align: center;}
.main-box .box-l .mail-c li:hover{box-shadow:0px 5px 10px  rgba(62,139,243,0.2);transform: translateY(-10px);}
.main-box .box-l .a1{width: 100%;height: auto;margin-top: 30px;}
.main-box .box-l .a1 .top{margin-bottom: 15px; position: relative; border-bottom:2px solid #3879f6 ; width: 100%;padding-bottom:10px;font-size:20px ;color: #333333;}
.main-box .box-l .a1 .top .more{position:absolute;right: 0;bottom:10px; font-size: 14px;color: #666;}
.main-box .box-l .a1 li{width: 100%;height: 36px;line-height: 36px;display: block;border-bottom:1px solid #dcdcdc ;}
.main-box .box-l .a1 li a{font-size: 14px;color: #666; display: inline-block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main-box .box-l .a1 li a:hover{color: #3879f6;}
.main-box .box-l .a1 .top .turn{position: absolute;right: 0;bottom: 10px;padding-left: 20px;font-size: 14px;color: #666666;}
.main-box .box-l .a1 .top .turn:before{content: ""; width: 14px;height: 14px;position: absolute;left: 0;top: 4px;background:url(../img/a056.png)center no-repeat;background-size: cover;}
.main-box .box-l .a2{width: 100%;height: auto;}
.main-box .box-l .a2 li{display: inline-block;border:1px solid #3879f6;width: auto;line-height: 30px;text-align: center;margin-right:5px;margin-bottom:8px;}
.main-box .box-l .a2 li a{width: 100%;display: inline-block; padding: 0 12px;}
.main-box .box-l .a3{width: 100%;height: auto;overflow: hidden;}
.main-box .box-l .a3 li{width:calc(33.3% - 8px);float: left;margin-bottom: 8px;  margin-right: 8px;text-align: center; border:1px solid #dcdcdc ;} 
.main-box .box-l .a3 li:nth-child{3n}{margin-right: 0;}
.main-box .box-l .a3 li a{display: inline-block;width: 100%;text-align: center; line-height: 30px;}

.main-box .box-r{width: calc(100% - 330px);padding-left:6%;float: right; overflow: hidden;}
.main-box .box-r .case-list{width: 100%;height: auto;}
.main-box .box-r .case-list li{width: 100%;height: auto;margin-bottom: 30px; overflow: hidden;padding-bottom: 30px;border-bottom:1px dashed #dcdcdc ;}
.main-box .box-r .case-list li .logo{width: 150px;height: 150px;border: 1px solid rgba(56,121,246,0.5);float: left;}
.main-box .box-r .case-list li .logo img{display: block;width: 100%;height: auto;}
.main-box .box-r .case-list li .con{width:calc(100% - 150px);float: left;padding-left: 5%;}
.main-box .box-r .case-list li .con h5{font-size: 20px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main-box .box-r .case-list li .con h3{font-size: 20px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.main-box .box-r .case-list li .con .txt{margin-top: 25px; width: 100%;height: auto;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
.main-box .box-r .case-list li .con .txt p{font-size: 16px;color: #666;}
.main-box .box-r .case-list li .con .tab{width: 100%;height: auto;color: #3879f6;margin-top: 15px;font-size: 16px;}
.main-box .box-r .case-list li .con .tab a{display: inline-block; color: #333;margin: 5px 5px;}
.main-box .box-r .case-list li .con .tab a:hover{color: #3879f6;}

.fy{width: 100%;height: auto;text-align: center;margin-top: 30px;}
.fy a{font-size: 16px;color: #666;display: inline-block;margin:0 10px;font-family: "Noir-r";}
.fy a.cut{color: #3879f6;}
@media only screen and (max-width:1024px ) {
	.main-box .box-r .case-list li .logo{width: 80px;height: 80px;}
	.main-box .box-r .case-list li .con{width: calc(100% - 80px);}
}
@media only screen and (max-width:850px ) {
		.main-box .box-l{width: 100%;height: auto; margin-top: 50px;}
		.main-box .box-r{width: 100%;height: auto;padding-left: 0;}
			.main-box .box-r .case-list li{padding-bottom: 20px;margin-bottom: 20px;}
		.main-box .box-r .case-list li .con h5{font-size: 18px;}
				.main-box .box-r .case-list li .con h3{font-size: 18px;}
		.main-box .box-r .case-list li .con .txt{margin-top: 15px;height: 42px;}
			.main-box .box-r .case-list li .con .txt p{font-size: 14px;}
		.main-box .box-r .case-list li .con .tab{margin-top: 10px;font-size: 14px;}
}
	.news-sort2{display: none;}
.news-sort1{position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(0,0,0,0.15);line-height: 46px;}
.news-sort ul{width: 100%;height: auto;overflow: hidden;}
.news-sort ul li{width: auto;display: inline-block;line-height: 46px;color: #FFFFFF;font-size: 18px;}
.news-sort ul li a{display: block;padding: 0 50px;width: 100%; line-height: 46px;color: #FFFFFF;}
.news-sort ul li:hover{background: #3879f6;}
.news-sort ul li.cut{background: #3879f6;}
@media only screen and (max-width:1200px ) {
	.news-sort ul li a{display: block;padding: 0 30px}
}
@media only screen and (max-width:800px ) {
	.news-sort ul li a{display: block;font-size: 16px; padding: 0 15px;}
}
@media only screen and (max-width:600px ) {
	
	.news-sort1{position: inherit;top:100%; background: none;display: none;}
		.news-sort2{display: inherit;}
		.news-sort ul li a{color: #333333; display: block;font-size: 14px; padding: 0 15px;}
		.news-sort ul li:hover a{color: #FFFFFF;}
}

.main-box .box-r .news-list{width: 100%;height: auto;}
.main-box .box-r .news-list li{width: 100%;height: auto;overflow: hidden;padding-bottom: 30px;margin-bottom: 30px;border-bottom:1px dashed #dcdcdc ;}
.main-box .box-r .news-list li .date{width: 60px;height: 60px;float: left;text-align: center;font-family: "Noir-l";}
.main-box .box-r .news-list li .date b{display: block;font-size: 24px;background: #3879f6;color: #FFFFFF;}
.main-box .box-r .news-list li .date span	{display: block;line-height: 24px; border:1px solid #3879f6;font-size: 12px;color: #3879f6;}
.main-box .box-r .news-list li .con{width: calc(100% - 60px);overflow: hidden;padding-left: 5%; float: left;}
.main-box .box-r .news-list li .con h5{color: #333333;font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main-box .box-r .news-list li .con h3{color: #333333;font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.main-box .box-r .news-list li .con .txt{width: 100%;height: 48px;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
.main-box .box-r .news-list li .con .txt p{font-size: 16px;color: #666666;}
.main-box .box-r .news-list li .con .tab{width: 100%;height: auto;color: #3879f6;font-size: 16px; margin-top: 15px;}
.main-box .box-r .news-list li .con .tab a{display: inline-block; color: #333;margin: 5px 5px;}
.main-box .box-r .news-list li .con .tab a:hover{color: #3879f6;}
@media only screen and (max-width:850px ) {
	.main-box .box-l{width: 100%;height: auto; margin-top: 50px;}
	.main-box .box-r{width: 100%;height: auto;padding-left: 0;}
	.main-box .box-r .news-list li{padding-bottom: 20px;margin-bottom: 20px;}
	.main-box .box-r .news-list li  .con h5{font-size: 18px;}
		.main-box .box-r .news-list li  .con h3{font-size: 18px;}
	.main-box .box-r .news-list li  .con .txt{margin-top: 15px;height: 42px;}
	.main-box .box-r .news-list li  .con .txt p{font-size: 14px;}
	.main-box .box-r .news-list li  .con .tab{margin-top: 10px;font-size: 14px;}
	.main-box .box-r .news-list li .con .tab a{margin: 0 5px;}
}

.news-d{width: 100%;height: auto;}
.news-d h5{color:#333333;font-size: 24px;}
.news-d h1{color:#333333;font-size: 24px;}
.news-d .date{margin: 15px 0 30px 0; width: 100%;height: auto;color: #666;font-size: 16px;}
.news-d .date span{display: inline-block;margin-right: 20px;}
.news-d .yw{width: 100%;height: auto;padding:25px  5% 50px 5%;color: #FFFFFF; background: #f5f5f5;}
.news-d .date span a{color: #666;}
.news-d .yw .txt{margin: 10px 0; width: 100%;height: auto;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news-d .yw .txt p{font-size: 16px;color:#333333;}
.news-d .yw span{width: 26px;height: 26px;display:block;}
.news-d .yw span img{display: block;width: 100%;height: auto;}
.news-d .yw span.img2{float: right;}
.news-d .creat{width: 100%;padding: 10px;margin-bottom: 40px; text-align: center;line-height: 30px;background: #f4f8fc;margin-top: 40px;}
.news-d .creat span{color: #3879f6;}
.news-d .in-fy{width: 100%;height: auto;border:1px solid #666666 ;overflow: hidden;}
.news-d .in-fy .prev{font-size: 16px; float: left;width: calc(50% - 60px);text-align: left;padding:10px;border-right:1px solid #666666 ;}
.news-d .in-fy h6{font-size: 16px;color: #666666;font-weight: normal;}
.news-d .in-fy .next a,.news-d .in-fy .prev a{display: block; margin-top: 10px; font-size: 16px;color: #666666;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-d .in-fy .return{float:left;width: 120px;height: auto;text-align: center;}
.news-d .in-fy .return span{font-size: 16px;color: #666666;}
.news-d .in-fy .return .ico{display: block;width: 25px;height: 25px;margin: 0 auto;margin-top: 10px;margin-bottom: 10px;}
.news-d .in-fy .return:hover span{color: #3879f6;}
.news-d .in-fy .next{font-size: 16px; width: calc(50% - 60px);float: left;text-align: right;padding: 10px;border-left:1px solid #666666 ;}
.news-d .in-fy .prev h5{padding-left: 15px;}
.news-d .in-fy .next h5{padding-right: 15px;}
.main-box .box-r  .tl-top{width: 100%;height: auto;text-align: center;line-height: 120px;background-size: cover;background-position: center;background-repeat: no-repeat;color: #FFFFFF;font-size: 48px;margin-bottom:40px;}

@media only screen and (max-width:600px ) {
	.main-box .box-r  .tl-top{font-size: 30px;line-height: 90px;}
	.news-d .in-fy .prev{width: 100%;border-right: none;border-bottom:1px solid #666666 ;}
	.news-d .in-fy .next{width: 100%;border-top:1px solid #666666;border-left: none;}
	.news-d .in-fy .return{width: 100%;padding:10px 0;}
	
}


/*帮助中心*/
.help-bk{width: 100%;height: auto;background: #f8f8f8;}
.help-bk .help{margin-top: -80px; z-index: 199; padding-right: 45px; width: 100%;height: auto;position: relative;background: #FFFFFF; box-shadow:1px 0 10px rgba(0,0,0,0.2) ;}
.help-bk .help .sort-top{width: 220px;background: #3879f6;line-height: 80px;color: #FFFFFF;font-size: 18px;padding-left: 50px;position: relative;}
.help-bk .help .sort-top:before{content: "";position: absolute;left:15px;top: 28px;width: 24px;height: 24px;background: url(../img/a060.png)center no-repeat;background-size: cover;}
.help-bk .help .help-box .tab{font-size: 16px; color:#3879F6; width:100%; height: auto; padding:30px 0 20px 0; border-bottom:1px solid #dcdcdc ;}
.help-bk .help .help-box .tab a{font-size: 16px;margin:5px 10px;}
.help-bk .help .help-sort{ width: 220px;position: absolute;left: 0;height: 100%;}
.help-bk .help .help-sort .sort-list{background: #3879F6; width: 100%;height: auto;border-top:1px solid rgba(0,0,0,0.1);}
.help-bk .help .help-sort a{display: block;width: 100%;line-height: 54px;border-bottom: 1px solid rgba(0,0,0,0.1);padding-left: 15px;color: #FFFFFF;font-size: 16px;background: #3879F6;}

.help-bk .help .help-sort a.cut{background: #5104c4;}
.help-bk .help .help-sort a:hover{background: #5104c4;}
.help-bk .help .help-box{padding-bottom: 45px; width: calc(100% - 220px);float: right;padding-left: 45px;}
.help-bk .help .help-box ul{width: 100%;height: auto;}
.help-bk .help .help-box ul li{position: relative;width: 100%;height: auto;padding: 20px 0 20px 35px;border-bottom: 1px solid #dcdcdc;}
.help-bk .help .help-box ul li:before{content: "";position: absolute;left: 0;top: 20px;width: 22px;height: 22px;background: url(../img/a061.png)center no-repeat;background-size: cover;}
.help-bk .help .help-box ul li h5{width: 100%; font-size: 18px;color: #333333;}
.help-bk .help .help-box ul li h3{width: 100%; font-size: 18px;color: #333333;}

.help-bk .help .help-box ul li .txt{margin-top: 15px; width: 100%;height: auto;}
.help-bk .help .help-box ul li .txt p{font-size: 16px;color: #666666;}
/*.help-bk .help .help-box ul li .txt p img{display: block;width: 100%;height: auto;}*/
@media only screen and (max-width:1250px ) {
	.help-bk .help{margin-top: -30px;}
	.help-bk .help .help-sort{height: calc(100% - 50px);}
}
@media only screen and (max-width:720px ) {
	.help-bk{background: #FFFFFF;}
		.help-bk .help{background: none;box-shadow: none;}
	.help-bk .help .help-sort .sort-list{background: none;margin-top: 10px;border: none;}
	.help-bk .help{padding:0;}
	.help-bk .help .sort-top{width: 100%;height: auto;line-height: 60px;}
	.help-bk .help .sort-top:before{top: 18px;}
	.help-bk .help .help-sort{width: 100%;height: auto;position: inherit;background: none;}
	.help-bk .help .help-sort .sort-list a{border:1px solid #3879F6;background: none;color: #3879F6;text-align: center;font-size: 12px;padding: 0; line-height: 46px;vertical-align: top; width: calc(50% - 10px); float: left;margin:5px 5px;}
	.help-bk .help .help-sort .sort-list a.cut{background: #5104c4;border: 1px solid #5104C4; color: #FFFFFF;}
	.help-bk .help .help-sort .sort-list a:hover{background: #5104c4;border: 1px solid #5104C4; color: #FFFFFF;}
	.help-bk .help .help-box{width: 100%;height: auto;padding: 10px;}
}

/*联系我们*/
.map{width: 100%;height: auto;}
.map img{display: block;width: 100%;height: auto;}

.cont-box{ width: 100%;height: auto;position: relative;}

.contact{ height: 450px; position: absolute;top: 0%;left: 50%; transform: translateX(-50%) translateY(-20%);z-index: 188; width: 90%;max-width: 1200px;background: url(../img/a062.png)top center no-repeat  #FFFFFF;box-shadow: 1px 0 10px rgba(0,0,0,0.2);}
.contact-c{width: 100%;padding: 5%  8%;position: absolute;top: 50%;left: 50%;transform: translateX(-50%)translateY(-50%);}
.contact .cont-l{width: 270px;float: left;}
.contact .cont-l .title {width:100%;text-align: left;}
.contact .cont-l .title  .line{width:85px;margin-top: 20px; display: block;height: 2px;background: #3879F6;}
.contact .cont-l ul{width: 100%;height: auto;margin-top: 45px;overflow: hidden;}
.contact .cont-l ul li{width: 120px;text-align: center;height: auto;float: left;margin-right: 25px;}
.contact .cont-l ul li:last-child{margin-right: 0;}
.contact .cont-l ul li img{display: block;width: 100%;height: auto;}
.contact .cont-l ul li h6{font-size: 16px;color:#333333;font-weight: normal;margin-top: 10px;}
.contact .cont-r{width: calc(100% - 270px);float: left;padding-left: 20%;}
.contact .cont-r .logo{display: block;width: 140px;height: auto;}
.contact .cont-r .logo img{display: block;width: 100%;height: auto;}
.contact .cont-r ul{width: 100%;margin-top: 40px;}
.contact .cont-r ul li{width: 100%;height: auto;padding-left: 35px;font-size: 16px;color: #333333;margin-bottom: 20px; position: relative;background-repeat: no-repeat;}
.contact .cont-r ul li:before{content: "";position: absolute;left: 0;top: 0;width: 24px;height: 24px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.trial{padding-top: 350px; background: url(../img/b050.jpg) center no-repeat;background-size: cover;  width: 100%;height: auto;}
.trial .trial-c{width: 90%;max-width: 1200px;margin: 0 auto;height: auto;}
.trial .trial-c .title{color: #FFFFFF;text-align: left;}
.trial .trial-c .title h1{color:#FFFFFF;}
.trial .trial-c .title h3{color:#FFFFFF;}
.trial .trial-c .title h6{font-size:16px;margin-top: 10px;font-weight: normal;}
.trial .trial-c .form{width: 100%;height: auto;margin-top: 30px;overflow: hidden;}
.trial .trial-c .form .c1{font-size: 16px; display: block;float: left;width: calc(25% - 55px);margin-right: 15px;border:1px solid #FFFFFF;padding-left: 10px;line-height: 44px;background: none;color: #FFFFFF;}
.trial .trial-c .form .tj{width: 160px;line-height: 46px;float: right; background: #FFFFFF;text-align: center;color: #3879F6;border: none;font-size: 16px;}
.trial .trial-c  .zx{width: 100%;margin-top: 55px;height: auto;}
.trial .trial-c .zx h6{font-size: 16px;color: #FFFFFF; font-weight: normal;}
.trial .trial-c .zx h5{font-family: "Noir-r";font-weight: normal; color: #FFFFFF;font-size: 40px;}

.trial .trial-c .form .c1::-webkit-input-placeholder {
	color: #ffffff;
	font-family: "微軟正黑體";
}

.trial .trial-c .form .c1::-moz-placeholder {
	color: #ffffff;
	font-family: "微軟正黑體";
}

.trial .trial-c .form .c1::-moz-placeholder {
	color: #ffffff;
	font-family: "微軟正黑體";
}

.trial .trial-c .form .c1::-ms-input-placeholder {
	color: #ffffff;
	font-family: "微軟正黑體";
}

@media only screen and (max-width:950px ) {
	.contact .contact-c{padding: 3%  4%; }
	.contact .cont-r{padding-left: 10%;}
		.trial .trial-c .form .c1{width: calc(50% - 10px);margin-right: 20px;margin-bottom: 10px;}
.trial .trial-c .form .c2{margin-right: 0;}
	.trial .trial-c .form .tj{float: inherit;width: 100%;}
}
@media only screen and (max-width:720px ) {
.map{width: 100%;height:auto;}
.map #map{width: 100%;height: 100%;}
.contact{position: inherit;width:100%;box-shadow: none;height: auto;transform: translate(0);}

.contact{background: url(../img/a062.png)center no-repeat  #FFFFFF;}






.contact .contact-c{width: 90%;margin: 0 auto; position: inherit;overflow: hidden;transform: translate(0);padding: 50px  0;}
.contact-c .cont-l{width: 100%;}
.contact .cont-l ul{margin-top: 30px;}
.contact-c .cont-l ul li{width: 100px;float: left;}
.contact-c .cont-r{width: 100%;padding-left: 0;}
.contact-c .cont-r .logo{display: none;}
.trial .trial-c .form .c1{width: 100%;margin-right: 0;}
.cont-box{position: inherit;}
.trial{padding-top: 0;}
}


/*集团企业邮箱*/
.brief{width: 100%;height: auto;margin-bottom: 28px;}
.brief-k{text-align: center; width: 100%;height: auto;padding: 3% 5%; position: relative; border: 1px solid #3879F6;}
.brief-k .title h1{color: #3879F6;}
.brief-k .con{margin-top: 30px;width: 100%;height: auto;}
.brief-k .con h4{font-size: 28px;color: #333333;}
.brief-k .con .txt{font-size: 18px;color: #666666;margin-bottom:28px;margin-top: 10px;}
.brief .zx{position: absolute;left: 50%;bottom:-28px; transform:translateX(-50%); line-height: 56px;padding: 0 40px;background: #3879F6;color: #FFFFFF;font-size: 16px;}
@media only screen and (max-width:720px ) {
	.brief-k .con h4{font-size: 18px;color: #333333;}
	.brief-k .con .txt{font-size: 16px;}
	.brief .zx{font-size: 14px;width: 190px;padding: 0;}
}

.mail2-sort{width: 100%;height: auto;}
.mail2-sort ul{width: 100%;height: auto;overflow: hidden;}
.mail2-sort ul li{width:16.6%;float: left;vertical-align: top;border-right:1px solid #dcdcdc ;padding: 0 20px;text-align: center;}
.mail2-sort ul li:last-child{border-right: none;}
.mail2-sort ul li .ico{width: 60px;height: auto;display: inline-block;}
.mail2-sort ul li .ico img{display: block;width: 100%;height: auto;}
.mail2-sort ul li h5{margin-top: 20px; font-size: 18px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mail2-sort ul li h6{font-size: 16px;color: #666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mail2-sort ul li .line{width: 35px;height: 2px;display: block;background: #3879f6;margin: 15px auto;}
@media only screen and (max-width:1024px ) {
	.mail2-sort ul li{width: 33.3%;padding: 20px;border-bottom:1px solid #DCDCDC ;}
	.mail2-sort ul li:nth-child(3n){border-right: none;}
	.mail2-sort ul li:nth-child(4){border-bottom: none;}
	.mail2-sort ul li:nth-child(5){border-bottom: none;}
	.mail2-sort ul li:nth-child(6){border-bottom: none;}
}
@media only screen and (max-width:600px ) {
	.mail2-sort ul li{width: 50%;padding: 20px 10px ;border-bottom:1px solid #DCDCDC ;}
	.mail2-sort ul li .ico{width: 45px;}
	.mail2-sort ul li h5{font-size: 18px;}
	.mail2-sort ul li h6{font-size: 14px;}
	.mail2-sort ul li:nth-child(3n){border-right: 1px solid #dcdcdc;}
	.mail2-sort ul li:nth-child(2n){border-right:none;}
	.mail2-sort ul li:nth-child(4){border-bottom:1px solid #DCDCDC ;}
	.mail2-sort ul li:nth-child(5){border-bottom: none;}
	.mail2-sort ul li:nth-child(6){border-bottom: none;}
}

.mail2-price{width: 100%;height: auto;background: url(../img/b055.jpg)center no-repeat;background-size: cover;}
.mail1-price{background: none;}
.mail2-price ul{width: 100%;height: auto;}
.mail2-price ul li{width:calc(33.3% - 24px);margin-right: 36px;float: left;vertical-align: top;}
.mail2-price ul li:last-child{margin-right: 0;}
.mail2-price ul li .top{height: 80px;font-weight: bold; text-align: center;line-height: 80px;color: #FFFFFF;font-size: 24px;background-position: center;background-repeat: no-repeat; background-size: cover;}
.mail2-price ul li .top span{font-size: 48px;font-family:garamond;}
.mail2-price ul li table{border-collapse: collapse;text-align: center; border-spacing: 0; width: 100%;height: auto;border:1px solid #dcdcdc ;}
.mail2-price ul li table tr{font-size: 16px;color: #333333; width: 100%; border-bottom:1px solid #DCDCDC ;line-height: 40px;}
.mail2-price ul li table tr.bt{font-size: 18px;color: #333333;font-weight: bolder;}
.mail2-price ul li table td{border-left:1px solid #DCDCDC ;width: 50%; }

@media only screen and (max-width:800px ) {
.mail2-price ul li{width: 100%;margin-bottom: 30px;}
}

.relat-news{width: 100%;height: auto;}
.relat-news-c{width: 95%;max-width: 1550px;margin: 0 auto;position: relative;}
.relat-news-c .relat-news-js{width: 90%;max-width: 1400px;margin: 0 auto;height: auto;}
.relat-news-c .list{width: 100%;height: auto;overflow: hidden;padding-bottom: 30px;margin-bottom: 30px;border-bottom:1px dashed #dcdcdc ;}
.relat-news-c .list .date{width: 60px;height: 60px;float: left;text-align: center;font-family: "Noir-l";}
.relat-news-c .list .date b{display: block;font-size: 24px;background: #3879f6;color: #FFFFFF;}
.relat-news-c .list .date span	{display: block;line-height: 24px; border:1px solid #3879f6;font-size: 12px;color: #3879f6;}
.relat-news-c .list .con{width: calc(100% - 60px);overflow: hidden;padding-left: 5%; float: left;}
.relat-news-c .list .con h5{color: #333333;font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.relat-news-c .list .con h3{color: #333333;font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.relat-news-c .list .con .txt{width: 100%;height:48px;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
.relat-news-c .list .con .txt p{font-size: 16px;color: #666666;}

.relat-news-c .swiper-button-next{
    background-image: url(../img/a016.png);
    right: 0px;
    left: auto;
}
.relat-news-c .swiper-button-prev{
    background-image:url(../img/a015.png);
    left:0px;
    left: auto;
}
.relat-news-c .swiper-button-prev, .relat-news-c .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 140px;
    margin-top: -70px;
    z-index: 10;
    cursor: pointer;
    background-size:50px 140px;
    background-position: center;
    background-repeat: no-repeat;
}



@media only screen and (max-width: 850px) {
	
.relat-news-c .list{padding-bottom: 20px;margin-bottom: 20px;}
.relat-news-c .list  .con h5{font-size: 18px;}
.relat-news-c .list  .con .txt{margin-top: 15px;height: 42px;}
.relat-news-c .list  .con .txt p{font-size: 14px;}
	
}



@media only screen and (max-width:600px ) {
.relat-news-c .swiper-button-prev,.relat-news-c .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 86px;
    margin-top: -43px;
    z-index: 10;
    cursor: pointer;
    background-size:30px 86px;
    background-position: center;
    background-repeat: no-repeat;
}
}

.group{width: 100%;height: auto;background: #f5f7fc; }
.group2{width: 100%;height: auto;background: none; }
.group-c{position: relative;height: auto;}
.group .content{float: left;width: 72%;height: auto;text-align: left;padding-right: 8%;}
.group .content .title{text-align: left;}
.group .content .txt{width: 100%;height: auto;}
.group .content .txt p{font-size: 16px;color: #333333;}
.group .pic{width: 25%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.group2 .content{float: right;padding-left: 8%;padding-right: 0;}
.group2 .pic{position: absolute;left: 0;right: auto;}
.group .pic img{display: block;width: 100%;height: auto;}
@media only screen and (max-width:850px ) {
	.group .pic{display: none;}
	.group .content{width: 100%;padding: 0;}
}

.mail1-adv{width: 100%;height: auto;}
.mail1-adv ul{width: 100%;height: auto;font-size: 0;text-align: center;}
.mail1-adv ul li{ margin-bottom:15px;width: calc(20% - 12px);display: inline-block; padding: 3% 15px;vertical-align: top;  background: #FFFFFF;box-shadow: 1px 0 10px rgba(56,121,243,0.12); margin-right: 15px;border: 2px solid #FFFFFF;border-radius: 10px;height: auto;text-align: center;}
.mail1-adv ul li:nth-child(5n){margin-right: 0;}
.mail1-adv ul li .ico{display: inline-block;width: 70px;height: 70px;}
.mail1-adv ul li .ico img{display: block;width: 100%;height: auto;}
.mail1-adv ul li .ico  .img2{display: none;}
.mail1-adv ul li h5{font-size: 18px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-top: 50px;}
.mail1-adv ul li .txt{width: 100%;height: 84px;margin-top: 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-break: break-all;}
.mail1-adv ul li .txt p{font-size: 14px;color: #333333;}
.mail1-adv ul li:hover{border: 2px solid #3879f6;}
.mail1-adv ul li:hover .img1{display: none;}
.mail1-adv ul li:hover .img2{display: inherit;}
@media only screen and (max-width:1200px ) {
	.mail1-adv ul li .ico{width: 60px;height: 60px;}
	.mail1-adv ul li h5{font-size: 16px;}
}
@media only screen and (max-width:900px ) {
	.mail1-adv ul li{width: calc(33.3% - 10px);margin-right: 10px;margin-bottom: 10px;}
	.mail1-adv ul li:nth-child(3n){margin-right: 0;}
	.mail1-adv ul li:nth-child(5n){margin-right: 10px;}
}

@media only screen and (max-width:600px ) {
	.mail1-adv ul li .ico{width: 48px;height: 48px;}
		.mail1-adv ul li h5{font-size: 14px;margin-top: 25px;}
			.mail1-adv ul li .txt{height: 72px;margin-top: 10px;}
				.mail1-adv ul li .txt p{font-size: 12px;}
	.mail1-adv ul li{width: calc(50% - 5px);}
				.mail1-adv ul li:nth-child(3n){margin-right:10px;}
	.mail1-adv ul li:nth-child(5n){margin-right: 10px;}
			.mail1-adv ul li:nth-child(2n){margin-right: 0px;}
}

.mail1-function{width: 100%;height: auto;position: relative;z-index: 1;}
.mail1-function .bk{position: absolute;top: 0;left: 0;width: 100%;z-index: -1; background: #ecf0f6;height: 70%;}
.mail1-function .mail1-function-sort{text-align: center;width: 100%;height: auto;}
.mail1-function .mail1-function-sort li{display: inline-block;border-radius: 23px;line-height: 46px;border: 1px solid #666;padding: 0 25px;margin: 0 20px; }
.mail1-function .mail1-function-sort li.cut{color: #3879f6; border:1px solid #3879f6 ;}
.mail1-function .mail1-function-sort li:hover{color: #3879f6; border:1px solid #3879f6 ;}
.mail1-function .mail1-function-con{display: none; padding: 50px  30px; width: 100%;height: auto;background:url(../img/a089.png)right center no-repeat  #FFFFFF;box-shadow:0px 1px 10px  rgba(56,121,243,0.2); background-size: cover; border-bottom:3px solid #3879f6 ;overflow: hidden;}
.mail1-function .mail1-function-con .con-l{width:45%;padding: 3%  8%; float: left;text-align: center;}
.mail1-function .mail1-function-con .con-l .pic{ width: 72px;height: 72px;display: inline-block;}
.mail1-function .mail1-function-con .con-l .pic img{display: block;width: 100%;height: auto;}
.mail1-function .mail1-function-con .con-l h6{margin-top: 15px; font-weight: normal; font-size: 18px;color: #333333;}
.mail1-function .mail1-function-con .con-r{width: 55%;float: right;border-left:1px solid #dcdcdc ;padding-left: 5%;}
.mail1-function .mail1-function-con .con-r span{margin-bottom: 10px; font-size: 16px; color:#666666;display: block;width: 100%;height: auto;position:relative;padding-left: 18px;}
.mail1-function .mail1-function-con .con-r span:before{position: absolute;content: "";left: 0;top: 8px;width: 8px;height: 8px;background: #3879f6;}
.mail1-function .mail1-function-con .con-r span b{display: block;font-size: 18px;color: #333333;}

@media only screen and (max-width:720px ) {
	.mail1-function .mail1-function-sort li{border-radius: 18px;line-height: 36px;font-size: 14px;padding: 0 10px;margin: 0 5px;}
	.mail1-function .mail1-function-con .con-l{width: 100%;padding: 0;}
		.mail1-function .mail1-function-con .con-l .pic{width: 48px;height: 48px;}
	.mail1-function .mail1-function-con .con-l h6{font-size: 14px;}
	.mail1-function .mail1-function-con .con-r{width: 100%;border-top:1px solid #dcdcdc ;padding: 20px 0;margin-top: 20px;border-left: none;}
.mail1-function .mail1-function-con{padding: 30px 10px;}
.mail1-function .mail1-function-con .con-r span{font-size: 14px;}
.mail1-function .mail1-function-con .con-r span b{font-size: 16px;}
}

.mail1-adm{width: 100%;height: auto;}
.mail1-adm ul{width: 100%;height: auto;overflow: hidden;}
.mail1-adm ul li{margin-bottom: 30px; width: calc(33.3% - 16px);float: left; vertical-align: top; margin-right: 24px;border: 1px solid #ecf0f6;}
.mail1-adm ul li:last-child{margin-right: 0;}
.mail1-adm ul li .top{width: 100%;height: auto;overflow: hidden; background: #ecf0f6; padding:15px 18px;}
.mail1-adm ul li .top .pic{width: 62px;height: 62px;float: left;} 
.mail1-adm ul li .top .pic img{display: block;width: 100%;height: auto;}
.mail1-adm ul li .top .pic .img2{display: none;}
.mail1-adm ul li .top .top-r{width: calc(100% - 62px);float: left;padding-left: 20px;}
.mail1-adm ul li .top .top-r h5{font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mail1-adm ul li .top .top-r .txt{width: 100%;margin-top: 15px; height:42px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;}
.mail1-adm ul li .top .top-r .txt p{font-size: 14px;color: #666666;}
.mail1-adm ul li:hover .top{background: #3879f6;}
.mail1-adm ul li:hover{border:1px solid #3879f6;}
.mail1-adm ul li:hover .top .img1{display: none;}
.mail1-adm ul li:hover .top .img2{display: inherit;}
.mail1-adm ul li:hover .top h5{color: #FFFFFF;}
.mail1-adm ul li:hover .top .txt p{color: #FFFFFF;}
.mail1-adm ul li .con{width: 100%;padding: 25px 18px;}
.mail1-adm ul li .con span{margin-bottom: 10px; font-size: 16px; color:#666666;display: block;width: 100%;height: auto;position:relative;padding-left: 18px;}
.mail1-adm ul li .con span:before{position: absolute;content: "";left: 0;top: 8px;width: 8px;height: 8px;background: #3879f6;}
.mail1-adm ul li .con span b{display: block;font-size: 18px;color: #333333;}
@media only screen and (max-width:950px ) {
	.mail1-adm ul li{width: 100%;}
	.mail1-adm ul li .con span{font-size: 14px;}
.mail1-adm ul li .con span b{font-size: 16px;}
.mail1-adm ul li .top .pic{width: 48px;height: 48px;float: left;} 
.mail1-adm ul li .top .top-r{width: calc(100% - 48px);}
.mail1-adm ul li .top .top-r h5{font-size: 16px;}
}
.mail1-chara{width: 100%;height: auto;background:url(../img/b057.jpg)center no-repeat;background-size: cover;}
.mail1-chara .title h1{color: #FFFFFF;}
.mail1-chara .title h3{color: #FFFFFF;}
.mail1-chara ul{width: 100%;height: auto;overflow: hidden;}
.mail1-chara ul li{width: 25%;float: left;text-align: center; padding: 25px 20px;}
.mail1-chara ul li .ico{width: 90px;height: 90px;display: inline-block;}
.mail1-chara ul li .ico img{display: block;width: 100%;height: auto;}
.mail1-chara ul li h5{color: #FFFFFF;margin-top: 20px; font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mail1-chara ul li .txt {margin-top: 10px; width: 100%;height: 72px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;word-break: break-all;}
.mail1-chara ul li .txt p{font-size: 16px;color: #FFFFFF;}
@media only screen and (max-width:950px ) {
	.mail1-chara ul li .ico{width: 65px;height: 65px;}
	.mail1-chara ul li h5{font-size: 18px;}
	.mail1-chara ul li .txt{height: 63px;}
	.mail1-chara ul li .txt p{font-size: 14px;}
}
@media only screen and (max-width:720px ) {
	.mail1-chara ul li{width: 50%; padding: 15px 10px;}
}
.mail3-brief{width: 100%;height: auto;}
.mail3-brief-c{width: 100%;height: auto;overflow: hidden;position: relative;}
.mail3-brief .mail3-brief-l{width: 60%;height: auto; float: left;}
.mail3-brief .mail3-brief-l .title{text-align: left;}
.mail3-brief .mail3-brief-l .txt{ width: 100%;height: auto;}
.mail3-brief .mail3-brief-l .txt p{font-size: 16px;color: #333333;margin-bottom: 5px;}
.mail3-brief .mail3-brief-l .txt p span{color: #3879f6;}
.mail3-brief .mail3-brief-l .buy{display: block;background: #3879f6;text-align: center;color: #FFFFFF;font-size: 18px;width: 260px;line-height: 55px;margin-top: 40px;}
.mail3-brief .pic{width:40%;height: auto;position: absolute;right: 0;bottom: 0;}
.mail3-brief .pic img{display: block;width: 100%;height: auto;}
@media only screen and (max-width:720px ) {
	.mail3-brief .mail3-brief-l{width: 100%;}
	.mail3-brief .pic{display: none;}
	.mail3-brief .mail3-brief-l .buy{width: 180px;line-height: 40px;}
}

.mail3-char{width: 100%;height: auto;}
.mail3-char  .mail3-char-c{width: 100%;height: auto;position: relative;z-index: 1;}
.mail3-char .mail3-char-c .bk{position: absolute;top: 0;left: 0;height:50%; z-index: -1; width: 100%; background: url(../img/b059.jpg);background-size: cover; background-position: center; background-attachment: fixed;}
.mail3-char .mail3-char-c .num{width: 100%;height: auto;overflow: hidden;}
.mail3-char .mail3-char-c .num li{margin-bottom: 30px; vertical-align: top; width: 25%;float: left;}
.mail3-char .mail3-char-c .num li .ico{width: 90px;height: 90px;float: left;}
.mail3-char .mail3-char-c .num li .ico img{display: block;width: 100%;height: auto;}
.mail3-char .mail3-char-c .num li .num-con{color: #FFFFFF; width: calc(100% - 90px);float: left;padding-left: 20px;}
.mail3-char .mail3-char-c .num li .num-c{font-size: 18px;color: #FFFFFF;font-family: "Noir-r";}
.mail3-char .mail3-char-c .num li .num-c h2{font-size: 46px;color: #FFFFFF;display: inline-block;}
.mail3-char .mail3-char-c .num li .num-con h6{font-size: 16px;color: #FFFFFF;}
.mail3-char .mail3-char-c .t-lisit{padding: 10px; width: 100%;height: auto;overflow: hidden;text-align: center;}
.mail3-char .mail3-char-c .t-lisit li{vertical-align: top; width: calc(25% - 15px); padding: 40px 10px; float: left;margin-right: 20px;background: #FFFFFF;border-bottom: 2px solid #3879F6;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.mail3-char .mail3-char-c .t-lisit li .ico{width: 70px;height: 70px;display: inline-block;}
.mail3-char .mail3-char-c .t-lisit li .ico img {display: block;width: 100%;height: auto;}
.mail3-char .mail3-char-c .t-lisit li h5{color: #333333;font-size: 18px;margin-top: 20px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mail3-char .mail3-char-c .t-lisit li:last-child{margin-right: 0;}
.mail3-char .mail3-char-c .t-lisit li .txt{width: 100%;height:147px;margin-top: 15px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;word-break: break-all;}
.mail3-char .mail3-char-c .t-lisit li .txt p{font-size: 14px;color: #333333;}

@media only screen and (max-width:1200px ) {
	.mail3-char .mail3-char-c .num li .ico{width: 60px;height: 60px;float: left;}
	.mail3-char .mail3-char-c .num li .num-con{width: 100% - 60px;}
	.mail3-char .mail3-char-c .num li .num-c{font-size: 16px;}
	.mail3-char .mail3-char-c .num li .num-c h2{font-size: 36px;}
	.mail3-char .mail3-char-c .num li .num-con h6{font-size: 14px;}
}
@media only screen and (max-width:1024px ) {
	.mail3-char .mail3-char-c .t-lisit li .ico{width: 60px;height: 60px;}
	.mail3-char .mail3-char-c .num li .ico{width: 48px;height: 48px;float: left;}
	.mail3-char .mail3-char-c .num li .num-con{width: 100% - 48px;}
	.mail3-char .mail3-char-c .num li .num-c{font-size: 14px;}
	.mail3-char .mail3-char-c .num li .num-c h2{font-size: 30px;}
	.mail3-char .mail3-char-c .num li .num-con h6{font-size: 12px;}
	
}
@media only screen and (max-width:850px ) {
	.mail3-char .mail3-char-c .num li{width: 50%;}
		.mail3-char .mail3-char-c .t-lisit li .ico{width: 48px;height: 48px;}
	.mail3-char .mail3-char-c .t-lisit li{width: calc(50% - 5px);margin-right: 10px;margin-bottom: 20px;}
.mail3-char .mail3-char-c .t-lisit li:nth-child(2n){margin-right: 0;}
}
@media only screen and (max-width:520px ) {
	.mail3-char .mail3-char-c .t-lisit li h5{font-size: 14px;}
	.mail3-char .mail3-char-c .t-lisit li .txt{height: 126px;}
	.mail3-char .mail3-char-c .t-lisit li .txt p{font-size: 12px;}
	.mail3-char .mail3-char-c .num li{text-align: center; width: 50%;}
		.mail3-char .mail3-char-c .num li .ico{display: none;}
			.mail3-char .mail3-char-c .num li .num-con{width: 100%;height: auto;float: inherit;}
	.mail3-char .mail3-char-c .num li .num-c{font-size: 12px;}
	.mail3-char .mail3-char-c .num li .num-c h2{font-size: 28px;}
	.mail3-char .mail3-char-c .num li .num-con h6{font-size: 12px;}
	
}






.mail3-function{width: 100%;height: auto;}
.mail3-function-c{width: 95%;max-width: 1550px;margin: 0 auto; position: relative;}

.mail3-function-js{padding:35px 10px; width: 90%;max-width: 1400px;margin: 0 auto;height: auto;}
.mail3-function-js .f-box{margin-bottom: 20px; text-align: right; padding: 30px 20px; position: relative; width: 100%;background: #FFFFFF;height: auto;box-shadow:0 0 10px rgba(0,0,0,0.2) ;}
.mail3-function-js .f-box .ico{position: absolute;top: -30px;width:60px;height: 60px;left: 20px;}
.mail3-function-js .f-box .ico img{display: block;width: 100%;height: auto;}
.mail3-function-js .f-box .ico .img2{display: none;}
.mail3-function-js .f-box:hover .ico .img1{display: none;}
.mail3-function-js .f-box:hover .ico .img2{display: inherit;}
.mail3-function-js .f-box h5{ font-size: 18px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mail3-function-js .f-box .txt{margin:20px 0; width: 100%;height:63px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;word-break: break-all;}
.mail3-function-js .f-box .txt p{font-size: 14px;color: #333333;}
.mail3-function-js .f-box .line{display: block;width: 100%;height: 1px;background: #3789f6;}

.mail3-function-c .swiper-button-next{
    background-image: url(../img/a016.png);
    right: 0px;
    left: auto;
}
.mail3-function-c .swiper-button-prev{
    background-image:url(../img/a015.png);
    left:0px;
    left: auto;
}
.mail3-function-c .swiper-button-prev,.mail3-function-c .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 140px;
    margin-top: -70px;
    z-index: 10;
    cursor: pointer;
    background-size:50px 140px;
    background-position: center;
    background-repeat: no-repeat;
}
@media only screen and (max-width:600px ) {
.mail3-function-c .swiper-button-prev,.mail3-function-c .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 86px;
    margin-top: -43px;
    z-index: 10;
    cursor: pointer;
    background-size:30px 86px;
    background-position: center;
    background-repeat: no-repeat;
}
}








.mail3-adv{width: 100%;height: auto;background: url(../img/b055.jpg)center no-repeat;background-size: cover;}
.mail3-adv ul{width: 100%;height: auto;overflow: hidden;}
.mail3-adv ul li{vertical-align: top; background: #FFFFFF;border:1px solid #dcdcdc ;text-align: center;padding: 30px 15px; width: calc(33.3% - 24px);margin-right: 36px;float: left;}
.mail3-adv ul li:last-child{margin-right: 0;}
.mail3-adv ul li .ico{width: 80px;height: 80px;display: inline-block;}
.mail3-adv ul li .ico img{display: block;width: 100%;height: auto;}
.mail3-adv ul li .ico .img2{display: none;}
.mail3-adv ul li h5{font-size: 20px;color: #333333;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mail3-adv ul li .txt{width: 100%;height:144px;margin-top: 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;word-break: break-all;}
.mail3-adv ul li .txt p{font-size: 16px;color: #333333;}
.mail3-adv ul li:hover{background: #3789f6;border: 1px solid #3789f6;}
.mail3-adv ul li:hover h5{color: #FFFFFF;}
.mail3-adv ul li:hover .txt p{color: #FFFFFF;}
.mail3-adv ul li:hover .img1{display: none;}
.mail3-adv ul li:hover .img2{display: inherit;}



@media only screen and (max-width: 1024px) {
	.mail3-adv ul li{width: calc(33.3% - 12px);margin-right: 18px;}
	.mail3-adv ul li .ico{width: 60px;height: 60px;}
	.mail3-adv ul li h5{font-size: 18px;}
	.mail3-adv ul li .txt{height: 126px;}
	.mail3-adv ul li .txt p{font-size: 14px;}
}
@media only screen and (max-width:720px ) {
		.mail3-adv ul li{width: 100%;margin-right: 0px;margin-bottom: 20px;}
}




/*标签页*/
.list-content {width: 100%;height: auto;}
.list-content .fix {width: 100%;height: auto;}
.list-content .fix li {display: inline-block;padding: 5px 10px;border: 1px solid #eee;margin: 5px;font-size: 16px;color: #666666;}
.list-content .fix li a{color: #333333;}
.list-content .fix li:hover a {color: #3879f6;}
@media (max-width:1000px) {
	.list-content .fix li {font-size: 16px;}
}
@media (max-width:765px) {
	.list-content .fix li {font-size: 14px;}
}





.tabs {width: 100%;height: auto;}
.tabs ul {width: 100%;height: auto;}
.tabs li {float: left;width: calc(25% - 20px);margin: 10px 10px;padding-left: 20px;background: #3879f6;opacity: 0.8;color: #FFFFFF;}
.tabs li:hover {opacity: 1;}
.tabs li h2 {font-size: 20px;color: #fff;font-weight: normal;padding-top: 12px;}
.tabs li p {font-size: 14px;color: #fff;text-transform: uppercase;padding-bottom: 12px;font-family: Arial;}
@media (max-width: 1050px) {
	.tabs li {float: left;width: calc(33.3% - 20px);}
	}

@media (max-width: 780px) {
	.tabs li h2 {font-size:18px;}
.tabs li {width: calc(50% - 20px);}
}

@media (max-width: 520px) {
.tabs li {width: 100%;}
}


.nnew-content {width: 100%;}
.nnew-content li {width: 100%;background: #f7f7f7;zoom: 1;margin-top: 40px;overflow: hidden;}
.nnew-content li:hover {box-shadow: 0px 2px 20px rgba(0,0,0,0.2);transition: all 0.3s ease;}
.news_time {background: #3879f6;width: 120px;height: 100%;float: left;padding: 18px 20px 40px 0;}
.news_time .day {display: block;font-size: 70px;color: #fff;font-family: impact;text-align: right;line-height: 1.5;}
.news_time .year {display: block;color: #eee;text-align: right;line-height: 1;}
.news_time .type {display: block;font-size: 16px;text-align: right;padding-top: 20px;}
.news_time .type a {color: #fff;}
.news_cont {float: left;width: calc(100% - 200px);margin: 0 40px;}
.news_cont h2 {font-size: 20px;font-weight: normal;padding-top: 30px;}
.news_cont h2 a {color: #333;}
.news_cont a:hover {color: #3879f6;}
.news_cont .demo {line-height: 24px;margin-top: 25px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;  word-break: break-all; }
.news_cont .vis {color: #999;line-height: 38px;margin-top: 20px;}
.news_cont .more {float: right;color: #3879f6;;display: inline-block;border: 1px solid #3879f6;line-height: 38px;padding: 0 24px;}
@media (max-width: 1050px) {
.nnew-content li {position: relative;}
.news_cont .vis {margin-top: 25px;}
}

@media  (max-width:720px ) {
.news_time {width: 100%;height: 100%;float: left;padding: 10px 10px 10px 20px;}
.news_time .day {font-size: 50px;text-align: right;display: inline-block;}
.news_time .year {display: inline-block;font-size: 16px;margin-right: 20px;line-height: 22px;}
.news_time .type {display: inline-block;margin-left: 20px;padding-top: 6px;margin-top: 4px;}
.news_cont {float: left;width: calc(100% - 80px);margin: 0 40px;padding-bottom: 20px;}
.news_cont h2 {font-size: 18px;}
.news_cont .demo {margin-top: 20px;}
.news_cont  .vis a{display:inline-block;margin: 5px 10px;float: left;}
.news_cont  .more {margin: 0 20px;float: left;}
}

@media   (max-width:350px ) {
.news_cont .demo {line-height: 24px;margin-top: 20px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all; }
.news_cont  .vis a{display: block;}
.news_cont  .more {
	margin-top: 20px;
	margin-right: 20px;
	border: 1px solid  #3879f6;
	float: left;
	line-height: 38px;
}
}


.lab-content{width: 100%;}
.lab1{width: calc(50% - 20px);min-height: 272px;float: left;margin-right: 40px;background: #f7f7f7;position: relative;}

.lab-content   .lab-l{
	position: absolute;
	top: 0;
	left: 0;
width: 120px;
height: 100%;
background: #3879f6;
text-align: center;
}

.lab-content    .lab-r h5{
font-size: 36px;
position: absolute;
top: 50%;
margin-top: -74px;
font-weight: 600;
color: #FFFFFF;
 writing-mode: vertical-lr;
line-height: 120px;
}


.lab-content   .lab-l  h5{
	position: absolute;
	top: 50%;
	margin-top: -74px;
	font-size: 36px;
font-weight: 600;
color: #FFFFFF;
 writing-mode: vertical-lr;
line-height: 120px;
}



.lab-content   ul{
width: calc(100%  - 180px);
height: auto;
float: right;
margin:  30px;
font-size: 14px;
overflow: hidden;

}
.lab-content  .lab1 li {
display: inline-block;
padding:5px 10px;
color: #666666;
margin: 5px;
border: 1px #3879f6 solid;
border-radius: 5px;
}
.lab-content  .lab1 li :hover{
color: #3879f6;
}


.lab2{
	width: calc(50% - 20px);
	float: left;
	min-height: 272px;
	background:#f7f7f7;
	position: relative;
}

.lab-r{
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 100%;
text-align: center;
background: #3879f6;

}

.lab-r   span{
position: absolute;
bottom: 20px;
left: 50%;
margin-left: -22px;
font-size: 14px;
color: #FFFFFF;
}

.lab2 li {
	width: 100%;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #dfdfdf;
	float: left;
	color: #666666;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

}

.lab2 li:hover  a{
color: #3879f6;
}

@media  (max-width:1050px ) {
.lab1{
	width: 100%;
	height: auto;
	background: #f7f7f7;
	overflow: hidden;
	position: relative;
	
}

.lab-l {
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;
height: 100%;
	background: #3879f6;
	float: left;

}

.lab-content   h5{
font-size: 36px;
font-weight: 600;
color: #FFFFFF;
 writing-mode: vertical-lr;
line-height: 120px;
}

.lab-content   ul{
width: calc(100%  - 180px);
height: 100%;
float: right; 
margin:30px ;
font-size: 14px;
overflow: hidden;

}
.lab-content  .lab1 li {
display: inline-block;
padding:5px 10px;
color: #666666;
margin: 5px;
border: 1px #3879f6 solid;
border-radius: 5px;
}
.lab-content  .lab1 li :hover{
color: #3879f6;
}


.lab2{
	width:100%;
	margin-top: 40px;
	background:#f7f7f7;
}

.lab-r{
	width: 120px;
	height: 100%;
	background: #3879f6;
	float: left;

}

.lab-r   span{
	position: absolute;
	bottom: 15px;
	left: 50%;
margin-left: -22px;
font-size: 14px;
color: #FFFFFF;

}

.lab2 li {
	width: 100%;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #dfdfdf;
	float: left;
	color: #666666;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

}

.lab2 li:hover  a{
color: #3879f6;
}
}

@media  (max-width:750px ) {
.lab1{
	width: 100%;
	height: auto;
	background: #f7f7f7;
	overflow: hidden;
	position: relative;
	
}

.lab-l {
	width: 100% !important;
	height: 80px !important;
	position: absolute;
	top: 0;
	left: 0;
	background: #3879f6;
	padding: 0px 30px;

}

.lab-content  .lab-l  h5{
font-size: 36px;
margin-top: -40px;
font-weight: 600;
color: #FFFFFF;
 writing-mode: inherit;
float: left;
line-height: 80px;
}

.lab-content  .lab-r  h5{
font-size: 36px;
margin-top: -40px;
font-weight: 600;
color: #FFFFFF;
 writing-mode: inherit;
float: left;
line-height: 80px;
}


.lab-content   span{
display: block;
font-size: 14px;
position: absolute;
top: 50%;
left: 80%;
margin-top: -14px;
color: #FFFFFF;

}
.lab-content   ul{
width: calc(100% - 60px);
height: auto;
float: left; 
margin: 110px 30px 30px 30px  ;
font-size: 14px;
overflow: hidden;

}
.lab-content  .lab1 li {
display: inline-block;
padding:5px 10px;
color: #666666;
margin: 5px;
border: 1px #3879f6 solid;
border-radius: 5px;
}
.lab-content  .lab1 li :hover{
color: #3879f6;
}


.lab2{
	width:100%;
	margin-top: 40px;
	background:#f7f7f7;
}

.lab-r{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	background: #3879f6;
	float: left;
	padding: 0 30px;
 

}


.lab2 li {
	width: 90%;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #dfdfdf;
	float: left;
	color: #666666;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

}

.lab2 li:hover a{
color: #3879f6;
}
}


@media  (max-width:300px ) {
.lab1{
	width: 100% ;
	height: auto ;
	background: #f7f7f7;
	overflow: hidden;
	
}

.lab-l {
	width: 100% !important;
	height: 60px !important;
	background: #3879f6;
	padding: 10px 10px;
	text-align: center;

}

.lab-content   h5{
	width: 100%;
font-size: 26px !important;
font-weight: 600;
color: #FFFFFF;
 writing-mode: inherit;
 line-height: 40px;
}

.lab-content   ul{
width: calc(100% - 60px);
height: auto;
float: left; 
margin:66px 30px 30px 30px ;
font-size: 14px;
overflow: hidden;

}
.lab-content  .lab1 li {
display: inline-block;
padding:5px 10px;
color: #666666;
margin: 5px;
border: 1px #3879f6 solid;
border-radius: 5px;
}
.lab-content  .lab1 li :hover{
color: #3879f6;
}


.lab2{
	width:100%;
	height: auto;
	margin-top: 40px;
	background:#f7f7f7;
}
.lab-r{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%  !important;
	height: 120px !important;
	background: #3879f6;
	text-align: center;
	padding-bottom: 30px;
}
.lab-content   span{
position: absolute;
top: 80%;
left: 50%;
font-size: 14px;
color: #FFFFFF;
}

.lab2 li {
	width: 90%;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #dfdfdf;
	float: left;
	color: #666666;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.lab2 li:hover a{
color: #3879f6;
}
}



.gab{width: 100%;text-align: center;padding: 10px 0 15px 0;}
.gab a{display: inline-block;color: #bbb;font-size: 14px;text-decoration: none}
.gab a img{width: 16px;height:auto;display: inline-block;margin-right:5px;vertical-align: middle;}
.gab a p{display: inline-block !important;vertical-align: middle;}