@charset "UTF-8";
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;outline:0}
abbr, acronym, fieldset, img {border: 0;}
ol, ul {list-style: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6, em, i, b, strong {font-style: normal;font-weight: normal;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;outline:0}
.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}
.clearfix{zoom:1}
input,select,textarea{font-size:14px;color:#fff;font-family:"Microsoft Yahei",sans-serif;outline:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}
::-webkit-input-placeholder{color:#fff}
::-moz-placeholder{color:#fff}
::-ms-input-placeholder{color:#fff}
input, button{ border-radius:0; -webkit-appearance:none;} /*清除IOS默认圆角*/
textarea{ resize :none; outline:none; border: none;} /*去除右下角拖动边框标识*/
input:-ms-clear{ display:none;} /*消除 IE10 里的叉号*/
body{color:#333;font-size:16px;line-height:1.7;font-family:"Microsoft Yahei",'Roboto';overflow-x:hidden}
*{-wekit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a,img{-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
img,video{width:auto;height:auto;max-width:100%;}
a{color:#000;text-decoration:none;border:0;outline:0}
textarea{resize:none}
.dn{display:none}
table{ border-collapse: separate;} /*边线重叠*/
.wrap{max-width:1200px;width:94%;margin:0 auto}

/* ====================== header ============================ */
.header{ padding: 15px 0;width: 100%;position: absolute;top: 0;left: 0;z-index: 9999;}
.logo{float: left;width: 180px;}
.logo img{width: 100%;height: auto;vertical-align: middle;}
.nav{float: right;}
.nav ul{overflow: hidden;}
.nav ul li{float: left;margin: 0 40px;line-height: 40px;}
.nav ul li.on a{color: #333;}
.nav ul li a{display: block;color: #fff;font-size: 16px;text-transform: uppercase;font-weight: bold;}
.nav ul li a:hover{color: #333;}
.navBtn{display: none;float: right;cursor: pointer;}

@media screen and (max-width:900px){
    .logo{width: 150px;}
    .nav ul li{margin: 0 16px;}
}
@media screen and (max-width:768px){
    .header{padding:10px 0;line-height: 30px;position: relative;}
    .navBtn{display: block;margin-top: 15px;}
    .navBtn img{width: 32px;height: auto;vertical-align: middle;}
    .nav{display: none;position: absolute;left: 0;top: 100%;background-color: #fff;width: 100%;z-index: 9999;}
    .nav ul li{line-height: 50px;margin: 0;width: 100%;text-align: center;}
    .nav ul li a{color:#111;padding: 0 10px}
}
@media screen and (max-width:420px){
    .logo{width: 160px;}
}


/* ====================== banner ============================ */

.banner{background: url(../images/slide.png) no-repeat top center; -webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding: 130px 0 200px;position: relative;}
.banner:after{content:'';width: 100%;height: 240px;background: url(../images/banner-curve.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;position: absolute;bottom: 0;left: 0;background-position: 0 0;}
.banner .cp-pic{float: right;width: 46%;}
.banner .cp-pic img{display: block;width: 100%;height: auto;}
.banner .cp-text{float: left;width: 54%;padding-right: 30px;box-sizing: border-box;margin-top: 50px;}
.banner .cp-text h3 a{display: block;font-size: 60px;line-height: 1.1;font-weight: bold;margin-bottom: 30px;color: #fff;}
.banner .cp-text span{display: block;font-size: 18px;line-height: 2em;color: #ccc;margin-bottom: 10px;}
.banner .cp-text p{font-size: 18px;line-height: 32px;color: #fff;margin-top: 40px;}
.banner .cp-text strong{font-weight: bold;}
.banner .btn-a{display: inline-block;font-size: 18px;line-height: 45px;padding: 0 30px;border:1px solid #fff;margin-top: 80px;color: #fff;border-radius: 23px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.banner .btn-a:hover{background-color: #6b26b9;}
.banner .cp-text h3:hover a{color: #6b26b9;}
@media screen and (max-width:1100px){
    .nav ul li{margin: 0 20px;}
    .banner{padding: 120px 0 180px;}
    .banner .cp-text h3 a{font-size: 46px;}
    .banner .btn-a{margin-top: 45px;}
}
@media screen and (max-width:900px){
    .nav ul li {margin: 0 10px;}
    .banner .cp-pic{width: 100%;margin-bottom: 30px;}
    .banner .cp-text{width: 100%;}
}
@media screen and (max-width:480px){
    .banner .cp-text h3 a{font-size: 38px;}
    .banner{padding: 54px 0 80px;}
    .banner .cp-text{padding-left: 0;}
    .banner .cp-text span{margin-bottom: 0;}
    .banner .cp-text p{margin-top: 20px;font-size: 16px;}
}
@media screen and (max-width:320px){
    .banner .cp-text h3 a{font-size: 34px;}
}

/* ====================== title ============================ */

.in-title {margin-bottom: 40px;text-align: center;}
.in-title h2,.in-title h1{color: #212121;font-size: 34px;line-height: 44px;font-weight: bold;position: relative;display: inline-block;padding: 0 30px;z-index: 1;}
.in-title h1{font-size: 40px;}
.in-title a {color: #212121;}
.in-title p{font-size: 16px;line-height: 26px;color: #666;text-align: center;}

@media (max-width:768px){
.in-title h1{font-size: 28px;line-height: 1.1;}
.in-title h2{font-size: 26px;line-height: 1.1;}
.in-title p{font-size: 14px;}
}
@media (max-width:480px){
.in-title{margin-bottom: 20px;}
.in-title h1{font-size: 26px;}
.in-title h2{font-size: 24px;}
.in-title p{font-size: 12px;}
}

/* ====================== index-pro ============================ */
.index-pro{background-color: #f6f6fc;padding: 30px 0;}
.pro-list li{float:left;width:31.3%;margin:0 1% 20px;position:relative;background-color:#fff;border:1px solid #ddd}
.pro-list .pro-pic{position:relative;padding-top:75%;display:block;overflow:hidden}
.pro-list .pro-pic img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:10px 10px 0 0}
.pro-list .pro-info{padding:20px 10px 40px}
.pro-list .pro-txt{display:block;color:#111;font-size:18px;font-weight:700;line-height:1.2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all .6s}
.pro-list .pro-txt:hover{color:#6b26b9}
.pro-list li p{color:#666;font-size:15px;line-height:26px;height:55px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:12px;padding-bottom:10px;border-bottom:1px solid #ccc}
.pro-list .pro-more{float:right;margin:20px 10px 10px}
.pro-list .pro-more a{display:block;color:#6b26b9;font-size:16px;text-align:center;font-weight:600}
.pro-list .pro-more a:hover{color:#153356}
@media screen and (max-width:900px){
    .pro-list li{width:47.7%}
    .pro-list li p{height:52px;-webkit-line-clamp:2}
}
@media screen and (max-width:550px){
    .pro-list{margin-left:0}
    .pro-list li{width:100%;margin-left:0;margin-bottom:40px}
    .pro-list .pro-info{padding:12px 6px 32px}
}
@media screen and (max-width:420px){
    .pro-list .pro-txt{font-size:20px}
}

/* ====================== index-about ============================ */
.index-about{padding: 50px 0;}
.about-pic{float: left;width: 44%;position: relative;z-index: 0;}
.about-pic:before{ content: "";position: absolute;left: 0;top: 0;width: 95%;height: 95%;background-color: #7e28e0;z-index: -1;}
.about-pic img{margin-left: 24px;margin-top: 24px;width: 100%;height: auto;  vertical-align: middle;}
.about-info{float: right;width: 48%;margin-top: 40px;}
.about-info p{line-height: 40px;}
.btn-con{display: inline-block;line-height: 50px;padding: 0 40px;margin-top: 30px; color: #FFF;border: 3px solid #7e28e0;background-color: #7e28e0;-webkit-box-shadow: 0px 5px 16px 0px rgba(126,40,224,0.6);box-shadow: 0px 5px 16px 0px rgba(126,40,224,0.6);-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.btn-con:hover{background-color: #FFF;color: #7e28e0;}

.index-txt{position: relative;text-align: center; line-height: 1.4;margin-bottom: 40px;}
.about-info .index-txt{text-align: left;border-bottom:1px solid rgba(0, 0, 0, 0.09);}
.about-info .index-txt:after{content: "";position: absolute;left: 0;bottom: -2px;width: 50px;height: 3px;background-color: #7e28e0;}
.index-txt i{color: #7e28e0;}
.index-txt h1{font-size: 40px;padding-bottom: 10px;}
.index-txt h2{font-size: 36px;}

@media screen and (max-width:1000px){
    .about-pic{display: none;}
    .about-info{width: 100%;}
    .about-info p{line-height: 36px;}
}
@media screen and (max-width:480px){
    .about-pic img{padding: 10px;}
    .about-info p{line-height: 32px;}
}
/* ====================== index-grid ============================ */
.choice {margin-left: -3.3%;}
.choice li{width: 30%; float: left; margin-left: 3.3%;margin-bottom: 55px;height: 190px;}
.choice li .l{width: 60px; height: 60px; margin-top: 17px;float: left;}
.choice li .r{width: 80%;float: right;}
.choice li .r strong{font-size: 20px; font-weight: 100; margin-bottom: 10px;line-height: 1.1;display: block;}
.choice li .r p{ color: #666; line-height: 20px;}
@media screen and (max-width:1200px){
    .choice li{width: 46%;}
}
@media screen and (max-width:768px){
    .choice{margin-left: 0;}
    .choice li{width: 100%;height: auto;margin-left: 0;margin-bottom: 35px;}
}

@media screen and (max-width:375px){
    .choice li .l{width: 100%;margin-top: 0;margin-bottom: 15px;}
    .choice li .r{width: 100%;}
}

/* ====================== index-case ============================ */
.list-case{margin-left: -3%;margin-top: 30px;}
.list-case li{float: left; width: 47%;margin-left: 3%;margin-bottom: 50px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}

.case-con{position: relative;margin-left: 5%;-webkit-box-shadow: 0 0 10px rgba(126,40,224,.3);-moz-box-shadow: 0 0 10px rgba(126,40,224,.3);-ms-box-shadow: 0 0 10px rgba(126,40,224,.3);-o-box-shadow: 0 0 10px rgba(126,40,224,.3);box-shadow: 0 0 10px rgba(126,40,224,.3);-webkit-border-radius: 12px;-moz-border-radius: 12px;-ms-border-radius: 12px;-o-border-radius: 12px;border-radius: 12px;padding-left: 37%;margin-top: 50px;}
.case-pic{position: absolute;left: -5%;top: -20px;width: 44%;}
.case-pic a{position: relative;padding-top: 74%;display: block;}
.case-pic a img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}

.case-info{padding: 25px;}
.case-txt{display: block;font-size: 22px;line-height: 30px;height: 60px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-weight: bold;}
.case-info p{color: #4E4E50;line-height: 28px;height: 84px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;margin-top: 8px;}
.list-case li:hover{-webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px);transform: translateY(-5px);}
.list-case li:hover a{color: #e5472e;}

@media screen and (max-width:1100px){
    .case-con{margin-left: 0;padding-left: 0;}
    .case-pic{position: initial;width: 100%;}
    .list-case li{margin-bottom: 30px;}
    .case-info{padding: 20px;}
    .case-txt{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height: auto;}
}
@media screen and (max-width:680px){
    .list-case{margin-left: 0;}
    .list-case li{width: 100%;margin-left: 0;margin-bottom: 20px;}
    .case-info p{font-size: 15px;line-height: 24px;height: 48px;-webkit-line-clamp: 2;}
    .case-txt{margin-top: 0;font-size: 20px;}
    .case-info{padding: 12px;}
}
/* ====================== index-ask ============================ */
.index-ask{padding: 50px 0;background-color: #7e28e0;text-align: center;border-radius: 66px 66px 0 0;}
.index-ask p{color: #FFF;font-size: 30px;line-height: 1.3;letter-spacing: 2px;}
.index-ask a{display: inline-block; width: 200px;line-height: 52px;background-color: #333;color: #FFF;font-size: 14px;font-weight: bold;-webkit-border-radius: 52px;-moz-border-radius: 52px;-ms-border-radius: 52px;-o-border-radius: 52px;border-radius: 52px;margin-top: 40px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.index-ask a:before{content: '';display: inline-block;margin-right: 8px; width: 16px;height: 16px;background: url(../images/ask-icon01.png) no-repeat;vertical-align: middle;margin-top: -4px;}
.index-ask a:hover{background-color: #FFF;color: #7e28e0;}
.index-ask a:hover:before{background: url(../images/ask-icon02.png) no-repeat;}

@media screen and (max-width:768px){
    .index-ask{padding: 40px 0;}
}
@media screen and (max-width:660px){
    .index-ask p{font-size: 26px;}
    .index-ask a{margin-top: 30px;}
}
@media screen and (max-width:420px){
    .index-ask{padding: 32px 0;}
    .index-ask p{font-size: 24px;}
    .index-ask a{line-height: 46px;margin-top: 24px;}
}
/* ====================== footer ============================ */

.foot-link{background: url(../images/foot-bg.png) no-repeat bottom center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
.footer-txt{position: relative; line-height: 40px;border-bottom:1px solid rgba(255, 255, 255, 0.09);padding-bottom: 10px;margin-bottom: 24px;}
.footer-txt:after{content: "";position: absolute;left: 0;bottom: -2px;width: 50px;height: 3px;background-color: #E52F3C;}
.foot-link strong{display: block; color: #EEE; font-size: 28px; font-family: 'Gotham'; line-height: 1.2;}

.link-show{padding: 40px 0 30px;}
.foot-word ul{margin-left: -2.3%;}
.foot-word ul li{float: left;width: 31%;margin-left: 2.3%;}
.foot-word ul li a{display: block;color: #CCC;line-height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 15px;position: relative;padding-left: 18px;}
.foot-word ul li a:before{content: "";position: absolute;left: 0;top: 17px;width: 6px;height: 6px;background-color: #CCC;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}
.foot-word ul li:hover a{color: #fff;}

.footer{line-height: 30px;padding: 20px 0;border-top:1px solid rgba(255, 255, 255, 0.09)}
.footer p{font-size: 14px;color:#CCC;text-align: center;}
.footer p a{color: #999;margin-left: 8px;}
.footer p a:hover{color: #FFF;}

@media screen and (max-width:1000px){
    .foot-word ul li{width: 47.7%;}
}
@media screen and (max-width:768px){
    .link-show{padding: 30px 0 20px;}
    .foot-link strong{font-size: 26px;}
    .foot-word ul{margin-left: 0;}
    .foot-word ul li{width: 100%;margin-left: 0;}
    .footer{padding: 12px 0;}
}
@media screen and (max-width:420px){
    .footer-txt{margin-bottom: 16px;}
    .link-show{padding: 24px 0 18px;}
}

/* ====================== 面包屑 ============================ */

.place-show{position: relative;}
.place-show:before{content: "";position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: #7e28e0;opacity: 0.6;}
.place-show img{width: 100%;min-height: 180px;-webkit-object-fit: cover;object-fit: cover;vertical-align: middle;}
.place-tit{position: absolute; top: 50%; color: #FFF; left: 50%; -webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); width: 80%; text-align: center;}
.place-tit strong{display: block; font-size: 30px;line-height: 1.1;margin-bottom: 16px;}
.place-tit ol:before{content: '';display: inline-block;vertical-align: middle;width: 12px;height: 12px;background: url(../images/icon-place.png) no-repeat;-webkit-background-size: 100%;-moz-background-size: 100%;-ms-background-size: 100%;-o-background-size: 100%;background-size: 100%; margin-top: -2px;margin-right: 3px;}
.place-tit li{display: inline-block;color: #CCC;line-height: 1.2;}
.place-tit li i{color: #6b26b9;}
.place-tit li a{color: #FFF;}
.place-tit li a:hover{color: #6b26b9;}
@media screen and (max-width:768px){
    .place-tit strong{font-size: 24px;}
    .place-tit ol{font-size: 14px;}
}
/* ====================== 返回顶部 ============================ */

.return-top {width: 40px;height: 40px;background: url(../images/top.png) no-repeat center;position: fixed;right: 20px;bottom: 50px;-webkit-background-size: 100%;-moz-background-size: 100%;-ms-background-size: 100%;-o-background-size: 100%;background-size: 100%;cursor: pointer;display: none;z-index: 9999;}

/* ====================== 商务通 ============================ */


.right-service{position:fixed;right:40px;top:400px;border-radius:50%;box-shadow:0 5px 10px 0 rgba(126,40,224,.3);z-index:99990}
.right-service span{display:block;position:relative;border-radius:50%;overflow:hidden;border:5px solid #6b26b9;z-index:8;width:105px;height:105px;cursor:pointer}
.right-service span img{display:block;width:100%}
.right-service::after{content:'';width:12px;height:12px;border-radius:50%;background-color:#6b26b9;position:absolute;right:0;top:0;z-index:50}.right-service .circle{position:absolute;top:-5px;left:-5px;z-index:7}
.right-service .circle.animate .a1{animation:2s cubic-bezier(.25,.46,.45,.94) forwards scaleToggleOne}
.right-service .circle.animate .a2{animation:2.5s cubic-bezier(.25,.46,.45,.94) forwards scaleToggleTwo}
.right-service .circle.animate .a3{animation:3s cubic-bezier(.25,.46,.45,.94) forwards scaleToggleThree}
.right-service .circle b{background:rgba(126,40,224,0.25);width:115px;height:115px;border-radius:50%;position:absolute;z-index:49;transform:scale(1);-webkit-transform:scale(1);display:block}
.right-service .word{width:150px;color:#fff;padding:10px 15px;font-weight:400;line-height:1.45;background-color:#6b26b9;left:-60px;top:50%;margin-top:-30px;-webkit-transition:all .3s cubic-bezier(.86,0,.07,1);transition:all .3s cubic-bezier(.86,0,.07,1);-webkit-box-shadow:0 2px 2px rgba(0,0,0,.2);box-shadow:0 2px 2px rgba(0,0,0,.2);font-size:14px;border-radius:3px;position:absolute;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;opacity:0;filter:alpha(opacity=0);z-index:9}
.right-service .word::after{position:absolute;display:block;content:'';height:20px;width:20px;-webkit-box-shadow:none;box-shadow:none;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;z-index:50;background-color:#6b26b9;-webkit-box-shadow:3px 3px 10px 0 rgba(281,37,29,.2);box-shadow:3px 3px 10px 0 rgba(281,37,29,.2);right:-6px;top:50%;margin-top:-10px}
.right-service .show {left: -195px;opacity: 1;filter: alpha(opacity=100)}

@keyframes scaleToggleOne {
	0%,100% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}

	50% {
		transform: scale(1.5);
		-webkit-transform: scale(1.5)
	}
}

@keyframes scaleToggleTwo {
	0%,100%,20% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}

	100% {
		transform: scale(1.5);
		-webkit-transform: scale(1.5)
	}
}

@keyframes scaleToggleThree {
	0%,100%,33% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}

	66% {
		transform: scale(1.5);
		-webkit-transform: scale(1.5)
	}
}
@media(max-width:768px){
  .right-service{display: none;}
}

/* ====================== about ============================ */ 

.about-ser{margin-top: 80px;}
.list-ser{margin-left: -1.6%;}
.list-ser li{float: left;width: 15%;margin-left: 1.6%;background-color: #EEE;text-align: center;padding: 20px 10px;}
.list-ser li img{width: 80px;height: auto;vertical-align: middle;}
.list-ser li p{font-size: 16px;line-height: 24px;margin-top: 16px;color: #444;}
.list-ser li:nth-child(even){border-bottom:2px solid #F58A2E;}
.list-ser li:nth-child(odd){border-bottom:2px solid #2e41f5;}
@media screen and (max-width:1000px){
    .list-ser li img{width: 66px;}
}
@media screen and (max-width:900px){
    .list-ser li{width: 31.7%;margin-bottom: 20px;}
}
@media screen and (max-width:660px){
    .list-ser{margin-left: -2%;}
    .list-ser li{width: 48%;margin-left: 2%; margin-bottom: 12px;}
    .list-ser li img{width: 52px;}
}


.about-show h1{text-align: center; font-size: 34px;line-height: 1.1;font-weight: bold;margin-bottom: 30px;position: relative;}
.about-show p{line-height: 32px;margin-bottom: 30px;}

.good-show{background-color: #F6F7F8;margin-top: 40px;padding: 30px;}
.good-show strong{display: block; color: #6b26b9;font-size: 24px;}
.good-show p{position: relative; line-height: 32px;padding-left: 32px;margin-bottom: 20px;}
.good-show p:before{content: "";position: absolute;left: 0;top: 2px;width: 24px;height: 24px;background: url(../images/icon-good.png) no-repeat;}
.about-nation > p{margin-top: 40px;}
.about-nation > p img{width: 100%;height: auto;}

.show-grid{margin-bottom:80px;}

@media screen and (max-width:768px){
    .about-show h1{font-size: 30px;}
}
@media screen and (max-width:480px){
    .about-show h1{font-size: 24px;}
}


.ser-list{overflow:hidden;padding:0 5px;margin-top:20px;}
.ser-list li{float:left;width:16.3667%;background:#f2f2f2;margin-bottom:1px;padding:15px 0;margin:0 .15% 1px;box-sizing:border-box;text-align:center}
.ser-list li img{display:block;height:65px;margin:0 auto}
.ser-list li p{line-height:25px;font-size:16px}
@media(max-width:767px){
    .ser-list li{width:33.0333%}
}
@media(max-width:414px){
    .ser-list li{width:49.5%}
    }

/* ====================== contact ============================ */ 

.main-contact{margin-top: 50px;}
.msg-show{background-color: #FFF;margin: 50px 100px 50px 0;font-size: 15px;line-height: 26px;min-height: 520px;-webkit-box-shadow: 0 0 21px rgba(0,0,0,0.18);-moz-box-shadow: 0 0 21px rgba(0,0,0,0.18);-ms-box-shadow: 0 0 21px rgba(0,0,0,0.18);-o-box-shadow: 0 0 21px rgba(0,0,0,0.18);box-shadow: 0 0 21px rgba(0,0,0,0.18);padding: 60px 320px 60px 60px;position: relative;}
.msg-info{position: absolute;right: -100px;top: 20%;width: 360px;height:60%;color: #fff;padding: 40px 30px;background: #7e28e0;}
.msg-show strong{display: block;font-size:30px;line-height: 1.2;margin-bottom: 20px;}
.msg-info p{padding-left: 36px;background-position: left 8px;background-repeat: no-repeat;margin-top: 30px;line-height: 36px;}
.msg-info p.yx{background-image: url(../images/msg-mark01.png);}
.msg-info p.dz{background-image: url(../images/msg-mark02.png);}
.msg-info p a{color: #FFF;}
.msg-info p a:hover{text-decoration: underline;}
.msg-link{display: inline-block; border:2px solid #FFF;background-color: #FFF;line-height: 40px;-webkit-border-radius: 40px;-moz-border-radius: 40px;-ms-border-radius: 40px;-o-border-radius: 40px;border-radius: 40px;padding: 0 20px;margin-left: 30px;margin-top: 30px;color: #37374a;font-size: 18px;}
.msg-link:hover{background-color: #7e28e0;color: #FFF;}


.msg-con strong{color: #37374a;}
.msg-con p{color: #555;}
.msg-con ul{overflow: hidden;margin-left: -2%;margin-top: 26px;}
.msg-con ul li{float: left;position: relative;width: 48%;margin-left: 2%;margin-bottom: 16px;}
.msg-con ul li span{font-size: 16px;line-height: 26px;font-weight: 600;margin-bottom: 5px;display: block;}
.msg-con ul li input, .msg-con ul li textarea{color:#666;width: 100%;line-height: 32px;padding: 8px 6px 8px 10px;border:1px solid #9f9f9f;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}
.msg-con ul li.msg-area{width: 98%;}
.msg-con ul li.msg-area textarea{height: 120px;}
.msg-con ul li.msg-area img{top: 14px}
.msg-con .msg-btn{margin-top: 30px;}
.msg-con .msg-btn input{display: inline-block;line-height: 40px;padding: 0 40px;color: #FFF;font-size: 18px;text-transform: uppercase;-webkit-border-radius: 40px;-moz-border-radius: 40px;-ms-border-radius: 40px;-o-border-radius: 40px;border-radius: 40px;cursor: pointer;background-color: #7e28e0;border:2px solid #7e28e0;}
.msg-con .msg-btn input:hover{background-color: #FFF;color: #7e28e0;}
input:-webkit-autofill{-webkit-text-fill-color: #222;-webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset !important;box-shadow: 0 0 0px 1000px #FFFFFF inset !important;}
input[type="checkbox"], input[type="radio"]{background-color: initial;cursor: default;-webkit-appearance: checkbox;box-sizing: border-box;margin: 3px 3px 3px 4px;padding: initial;border: initial;}
.msg-privacy{margin-bottom: 15px;color: #666;}
.msg-privacy input{margin-right: 8px;}

@media screen and (max-width:1410px){
    .msg-show{padding: 30px;margin-right: 0;}
    .msg-info{position: relative;left: 0;width: 100%;height: auto;top: 0;padding: 20px;margin-top: 20px;}
    .msg-info p{margin-top: 20px;}
}
@media screen and (max-width:1000px){
    .msg-show{padding: 20px;}
    .msg-show strong{font-size: 28px;}
}
@media screen and (max-width:768px){
    .msg-con ul{margin-left: 0;}
    .msg-con ul li{width: 100%;margin-left: 0;}
    .msg-con ul li.msg-area{width: 100%;}
}
@media screen and (max-width:480px){
    .msg-show{padding: 16px;padding-bottom: 40px;}
    .msg-show strong{font-size: 26px;}
    .msg-info p{margin-top: 12px;line-height: 32px;}
}
@media screen and (max-width:360px){
    .msg-show{padding: 10px;padding-bottom: 30px;}
    .msg-con .msg-btn input{width: 100%;}
    .msg-privacy{font-size: 13px;}
    .msg-con ul li input, .msg-con ul li textarea{font-size: 15px;}
}

/* ====================== product list ============================ */ 
.product-box {margin-top: 50px;}
.product-lb {overflow: hidden;margin-bottom: 40px;}
.product-lb li{float:left;background:#7e28e0;text-align:center;margin-right:5px;line-height:1.2;padding:10px 15px;margin-bottom:10px;border-radius:10px}
.product-lb li a{color:#fff;display:block}
.product-lb li.on{background:#6b26b9}


/* ====================== case list ============================ */ 
.case-box{margin-top: 50px;}


/* ====================== long-index ============================ */ 

.keyword-one{margin-top: 50px;}
.word-base{padding: 20px; border:2px dashed #7e28e0;}
.word-base h1{text-align: center;color: #7e28e0;line-height: 1.2;}
.word-main{margin-top: 40px;}
.word-btns{float: left;width: 24%;}
.word-btns p{color: #222;font-size: 20px;line-height: 38px;text-transform:capitalize}
.word-btns a{display: inline-block; width: 160px;height: 46px;line-height: 46px;text-align: center; -webkit-border-radius: 50px;-moz-border-radius: 50px;-ms-border-radius: 50px;-o-border-radius: 50px;border-radius: 50px;color:#FFF;background-color: #333;margin-top: 20px;}
.word-btns a:hover{background-color: #7e28e0;}
.base-info{float: right;width: 70%;overflow: hidden;}
.base-info .base-pic{float: right;width: 248px;margin-left: 20px;}
.base-info .base-pic img{width: 100%;height: auto;vertical-align: middle;}
.base-info p{display: block;overflow: hidden;line-height: 32px;height: 128px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;color: #666;}

@media screen and (max-width:900px){
    .word-btns{width: 100%;}
    .base-info{width: 100%;margin-top: 20px;}
}
@media screen and (max-width:520px){
    .word-base{padding: 12px;}
    .base-info .base-pic{display: none;}
    .word-btns p{font-size: 18px;line-height: 32px;}
    .word-btns a{margin-top: 16px;}
}
@media screen and (max-width:420px){
    .word-btns p{font-size: 16px;}
    .word-btns a{width: 100%;}
    .base-info{margin-top: 12px;}
}

.list-pro{margin-left: -2%;}
.list-pro li{float: left;width: 23%;margin-left: 2%;background-color: #FFF;margin-bottom: 20px; -webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0px 1px 10px rgba(160,160,160,.3);-moz-box-shadow: 0px 1px 10px rgba(160,160,160,.3);-ms-box-shadow: 0px 1px 10px rgba(160,160,160,.3);-o-box-shadow: 0px 1px 10px rgba(160,160,160,.3);box-shadow: 0px 1px 10px rgba(160,160,160,.3);overflow: hidden;}
.list-pro li a{display: block;}
.pro-pic{position: relative;padding-top: 74%;overflow: hidden;}
.pro-pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.list-pro li:hover img{-webkit-transform:scale(1.08,1.08);-moz-transform:scale(1.08,1.08);-ms-transform:scale(1.08,1.08);-o-transform:scale(1.08,1.08);transform:scale(1.08,1.08);}
.pro-txt{text-align: center;padding:10px 6px;line-height: 30px; font-size: 20px;color: #212121;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

@media screen and (max-width:1000px){
    .list-pro li{width:48%;}
}
@media screen and (max-width:550px){
    .list-pro{margin-left: 0;}
    .list-pro li{width: 100%;margin-left: 0;}
}



.keyword-con h2{font-size: 34px;line-height: 44px;font-weight: bold;margin-bottom: 40px;background: url(../images/msg-tit02.png) no-repeat left center;padding-left: 40px;}


/* ====================== inner ============================ */ 

.con-show{margin-top: 40px;}
.con-main{float: left; width: 70%;}
.new-main{float: left; width: 100%;}
.con-show{margin-top: 40px;}
.con-base{margin-bottom: 50px;}
.con-pic{float: left;width: 44%;}
.con-pic img{width: 100%;height: auto;vertical-align: middle;}
.con-info{float: right;width: 52%;}
.con-info h1{font-size: 40px;line-height: 1.3;margin-bottom: 15px;}
.con-info p{line-height: 30px;margin-bottom: 5px;}
.txt-mail{display: block;font-size: 18px;padding-left: 36px;margin-top: 20px;background: url(../images/pro-mail.png) no-repeat left center;}
.txt-mail:hover{color: #FF9D34;}
.link-base{overflow: hidden;margin-left: -2%;margin-top: 20px;}
.link-base a{float: left;width: 200px;margin-left: 2%;display: block;color: #FFF;line-height: 40px;text-align: center;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}
.link-base .link-msg{background-color: #7e28e0;border: 1px solid #7e28e0;}
.link-base .link-msg:hover{background-color: #FFF;color: #7e28e0;}
.link-base .link-ask{background-color: #FF9D34;border: 1px solid #FF9D34;}
.link-base .link-ask:hover{background-color: #FFF;color: #FF9D34;}
.link-base{overflow: hidden;margin-left: -2%;margin-top: 20px;}
.link-base a{float: left;width: 200px;margin-left: 2%;display: block;color: #FFF;line-height: 50px;text-align: center;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}
.link-base .link-msg{background-color: #333;}
.link-base .link-msg:before{content: '';display: inline-block;vertical-align: middle;width: 20px;height: 20px;background: url(../images/pro-base01.png) no-repeat;margin-right: 8px;}
.link-base .link-msg:hover{background-color: rgba(51,51,51, 0.8);}
.link-base .link-ask{background-color: #6b26b9;}
.link-base .link-ask:before{content: '';display: inline-block;vertical-align: middle;width: 20px;height: 20px;background: url(../images/pro-base02.png) no-repeat;margin-right: 8px; margin-top: -5px;}
.link-base .link-ask:hover{background-color: rgba(240,95,64, 0.8);}

.pro-detail{border-top:3px solid #EEE;margin-top: 40px;padding-top: 30px;line-height: 30px;}
.pro-detail h3{font-size: 28px;line-height: 1.2;margin-bottom: 16px;}
.pro-detail p{margin-bottom: 16px;}
.pro-detail p img{max-width: 100%;height: auto;vertical-align: middle;}
.mobile{display: none;}

.con-side{float: right; width: 26%;}
.side-pro{padding: 20px;background: #FFF;-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .11);box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .11);}
.side-pro strong{position: relative; display: block;font-size: 22px;margin-bottom: 30px;line-height: 30px;}
.side-pro strong:before{content: "";position: absolute;bottom: -15px;left: 18%;height: 4px;width: 15px;background-color:#DDD;}
.side-pro strong:after{content: "";position: absolute;left: 0;bottom: -15px;height: 4px;width: 15%;background-color: #6b26b9;}
.side-pro ul li{border-bottom: 1px dashed #DDD;padding: 15px 0;}
.side-pro ul li:last-child{border-bottom:none;}
.side-pro ul li a{display: block;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 30px;}
.side-pro ul li a:before{content: '';display: inline-block;vertical-align: middle;width: 6px;height: 6px;background-color: #444;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;margin-right: 8px;margin-top: -2px;}
.side-pro ul li:hover a{color: #6b26b9;}
@media screen and (max-width:1000px){
    .con-side{width: 100%;}
    .con-main{width: 100%;}
}
@media screen and (max-width:768px){
    .mobile{display: block;}
    .computer{display: none;}
    .con-show{margin-top: 30px;}
    .con-pic{width: 100%;}
    .con-info{width: 100%;margin-top: 20px;}
}
@media screen and (max-width:480px){
    .con-show{margin-top: 20px;}
    .link-base a{width:48%;line-height: 44px;font-size: 15px;}
    .pro-detail{margin-top: 30px;padding-top: 20px;}
    .side-pro{padding: 16px;}
    .side-pro ul li{padding: 12px 0;}
    .side-pro ul li a{font-size: 15px;}
}
/* ====================== 404 ============================ */ 

.error-show .error{max-width: 600px;margin: 50px auto;}
.error-show img{display: block;width: 100%;height: auto;}




@media screen and (max-width:768px){
    .keyword-one h1{font-size: 36px;line-height: 1.34;}
    .inner-top .text {margin-top: 20px;}
    .inner-top .text h1{font-size: 36px;margin-bottom: 20px;}
    .mian-con h2{font-size: 24px;}
    .inner-content{margin-bottom: 30px;}
    .index-grid{margin-top: 30px;}
}

@media screen and (max-width:480px){
    .show-grid,.main-contact{margin-bottom:30px;}
    .keyword-one h1{font-size: 24px;}
    .keyword-one p{font-size: 16px;}
    .keyword-con h2{font-size: 22px;margin-bottom: 20px;}
    .mian-con h2{font-size: 22px;}
    .inner-top .text{margin-top:30px}
    .inner-top .text .qt span{width:100%;line-height:40px}
    .inner-top .text .chat{margin-left:0;margin-top:10px}
    .inner-top .text h1{font-size:32px;margin-bottom:20px}
    .inner-top .text p{font-size:16px}
    .inner-top .text .gn{margin-top:12px}
}



/* 参数 */
.canshu_pc {display: block;}  .canshu_m {display: none;}
@media screen and (max-width: 480px) {  .canshu_m {display: block;}  .canshu_pc {display: none;}  }
/* 参数 */

/* 翻页 */
.main-page{position: relative;width: 100%;color: #999;font-size: 18px;line-height: 38px;text-align: center;margin: 80px auto 100px;}
.main-page span,.main-page a{display: inline-block;color: #999;margin: 0 5px;padding: 0 14px;border: 1px solid #b5b5b5;background-color: #FFF;cursor: pointer;-webkit-border-radius: 4px;border-radius: 4px;}
.pagination {display: inline-block;margin: 0 auto;}
.pagination li {float: left;}
.active span,.disabled span{cursor: default;}
.main-page a:hover,.pagination .active span,.ul-tab-page .on a,.page-active span {color: #FFF;border: 1px solid #8742e0;background: #7e28e0;}

.pagination ul {display: inline-block;}
.dn {display: none;}
.t-page {box-sizing: inherit;display: none;position: absolute;left: 50%;width: 600px;bottom: 80px;margin-left: -300px;padding: 36px 26px 10px;border: 1px solid #DEDFE0;z-index: 10;background-color: #FFF;-webkit-border-radius: 4px;border-radius: 4px;}
.t-page .close {position: absolute;right: 0;top: 0; width: 30px;height: 30px;line-height: 30px;color: #999;cursor: pointer;font-size: 30px;}
.t-page .ico {content: '';position: absolute;bottom: -12px;left: 50%;margin-left: -12px;width: 0;height: 0;border-width: 12px 12px 0;border-style: solid;border-color: #DEDFE0 transparent transparent;}
.t-page .ico em {content: '';position: absolute;bottom: 1px;left: -12px;width: 0;height: 0;border-width: 12px 12px 0;border-style: solid;border-color: #FFF transparent transparent;}
.ul-page {text-align: center;overflow: hidden;}
.ul-page li {float: left;margin-bottom: 10px;}
.ul-page li a {display: block;padding: 2px;width: 40px;height: 40px;line-height: 35px;border: 1px solid #b5b5b5;text-align: center;}
.ul-page li a,.ul-page li span {margin: 0 6px;}
.ul-tab-page {overflow: hidden;margin-top: 20px;}
.ul-tab-page li {float: left;width: 20%;text-align: center;margin-bottom: 15px;}
.ul-tab-page li a {display: block;font-size: 16px;color: #333;padding: 0 12px;line-height: 36px;border: 1px solid #F5F5F5;background-color: #F5F5F5;}

.page-m{display: none;margin: 40px auto 60px;}
.page-tab{text-align: center;color: #666;line-height: 32px;}
.page-tab a{font-size: 20px;}
.page-tab span{border: 1px solid #b5b5b5;-webkit-border-radius: 4px;border-radius: 4px;display: inline-block;padding: 0 10px;margin: 0 20px;cursor: pointer;}
.page-list{position: fixed;left:0;bottom: 0;max-width: 768px;width: 100%;height: 160px;overflow-y: scroll;z-index: 9999999;padding: 10px 0;background-color: #FFF;-webkit-box-shadow: 0px -1px 6px rgba(82,131,204,.4);-moz-box-shadow: 0px -1px 6px rgba(82,131,204,.4);box-shadow: 0px -1px 6px rgba(82,131,204,.4);display: none;}
.page-top{border-bottom: 1px solid #DEDFE0;font-size: 16px;padding-bottom: 10px;}
.page-top a{display: inline-block;margin-left:10px;}
.page-top .hide{display: block;float: right;font-size: 30px;margin-top: -14px; margin-right: 10px;color: #666;cursor: pointer;}
.page-list li{ float: left; width: 13.3%;margin-left: 3%;text-align: center;font-size: 16px;color: #333;-webkit-border-radius:4px;border-radius:4px;line-height: 30px; margin-top: 10px;background: #F5F5F5;}
.page-list li a{color: #333;display: block;}
.page-list li.on{background: #fc7449;}
.page-list li.on a{color: #FFF;font-weight: bold;}
/* 翻页 */


.fix-foot{position: fixed;bottom:0; width: 100%;height:50px;line-height: 50px; background-color: rgba(0,0,0,.7);-webkit-border-radius: 20px 20px 0 0;-moz-border-radius: 20px 20px 0 0;-ms-border-radius: 20px 20px 0 0;-o-border-radius: 20px 20px 0 0;border-radius: 20px 20px 0 0;display: none;z-index: 999;}
.fix-foot li{float: left;width: 45%;text-align: center;}
.fix-foot li.fix-cn{float: right;}
.fix-foot li a{display: block;color: #FFF;font-size: 20px;}
.fix-pic{position: absolute;left: 50%;bottom:0;width: 20%;margin-left: -10%;}
.fix-pic a img{vertical-align: middle;}

@media screen and (max-width:768px){
    body{padding-bottom: 60px;}
    .fix-foot{display: block;}
    .fix-ser{display: none;}
}
@media screen and (max-width:680px){
    .fix-foot li{width: 44%;}
    .fix-pic{width: 14%;margin-left: -7%;}
}
@media screen and (max-width:480px){
    .fix-foot li{width: 42%;}
    .fix-foot li a{font-size: 18px;}
    .fix-pic{width: 16%;margin-left: -8%;}
}
@media screen and (max-width:400px){
    .fix-foot li a{font-size: 16px;}
}
@media screen and (max-width:360px){
    .fix-foot li a{font-size: 15px;}
    .fix-pic{bottom:10px}
}