@charset "utf-8"; 


body{ padding:0px;  margin:0px auto; font-family:Microsoft YaHei,arial,'??????'; font-size:14px; line-height:1.8; color:#000; width:100%; zoom:1; overflow-x:hidden;-webkit-text-size-adjust:none; -webkit-tap-codearea-color:rgba(0,0,0,0); -webkit-tap-codearea:rgba(0,0,0,0); -webkit-font-smoothing:antialiased;}
ul,li,form,dl,dt,dd,div,p,h1,h2,h3,h4,h5,h6{padding:0px;margin:0px;}
ul,li{ list-style:none; margin:0px;}
select,input,textarea{border-radius:0;-webkit-border-radius:0;color: #020000;font-size: 16px;}
input:focus{ outline:none;}
input,button,select,textarea{ outline:none;}
textarea{ resize:none;}
textarea,input,select{ background:none; border:none; margin:0; padding:0;}
audio,canvas,progress,video{ display:inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
figure,figcaption{ margin:0px; padding:0px;}
img{ border:none; border:0; max-width:100%; vertical-align:top;}
a{ color:#000; text-decoration:none;}
a:focus{ outline:none; -moz-outline:none; text-decoration:none;}
a:hover{ color: #089af3;}
.dot{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
*{box-sizing: border-box;outline:none !important;word-break:break-all;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}


.sbar::-webkit-scrollbar{ width:8px; height:8px;}
.sbar::-webkit-scrollbar-track{ background-color:#f1f1f1;}
.sbar::-webkit-scrollbar-thumb{ background-color:#dfe5f8; border-radius:10px;}
.sbar::-webkit-scrollbar-thumb:hover{ background-color:#b0c1f7;}
.sbar::-webkit-scrollbar-thumb:active{ background-color:#123c8f;}

.w{ width: 1370px; margin: 0 auto; max-width: 100%; padding:30px;}
.w1{width: 100%;height: 950px;}
.flex{ display: flex; align-items: center; justify-content: space-between;}
.span202019 {color: #f45428; font-weight: 700; margin-left: 3px;} 
.swiper-slide{ overflow: hidden;}

.header .tip{position:absolute;right: -20px;top: -18px;background: rgba(255,255,255,0.5);font-size: 12px;padding: 0 8px;line-height: 24px;border-radius: 2px;color: #fff;animation: moveUpDown 1s infinite;-webkit-animation: moveUpDown 1s infinite;}
.header .tip:after{position: absolute;content: '';left: 8px;bottom: -4px; width: 0;height: 0;border-left:4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid rgba(255,255,255,0.5);}
@-webkit-keyframes moveUpDown{
	25% {
		top: -18px;
	}
	50% {
		top: -22px;
	}
	75% { 
		top: -20px;
	}
	100% {
		top: -18px;
	}
}
@keyframes moveUpDown{
	25% {
		top: -18px;
	}
	50% {
		top: -22px;
	}
	75% { 
		top: -20px;
	}
	100% {
		top: -18px;
	}
}
@font-face {
    font-family: element-icons;
    src: url(../fonts/afont.woff2) format("woff"), url(../fonts/element-icons.ttf) format("truetype");
    
}
@font-face {
    font-family: NotoSansSC-Black;
    src: url(../fonts/NotoSansSC-Black.woff2) format("woff"), url(../fonts/element-icons.ttf) format("truetype");
}
.f-12{font-size: 12px;}
.f-15{ font-size: 15px;}
.f-16{font-size: 16px;text-align:center;}
.f-17{ font-size: 17px;}
.f-18{ font-size: 17px;font-family: element-icons;}
.f-18-1{font-size: 17px;font-family: element-icons;color: bisque;font-weight: 900;}
.f-18-2{font-size: 17px;font-family: element-icons;color: bisque;font-weight: 900;}
.f-18-3{font-size: 17px;font-family: element-icons;color: #d1514e;font-weight: 900;}
.f-99{ font-size: 17px;font-family: element-icons;font-weight:bold;}
.f-99-1{ font-size: 17px;font-family: element-icons;}
.f-20{ font-size: 18px;}
.f-22{ font-size: 17px;}
.f-24{font-size: 16px;}
.f-26{ font-size: 26px;}
.f-28{ font-size: 28px;}
.f-30{ font-size: 20px;font-family: element-icons;}
.f-34{ font-size: 34px;}
.f-38{ font-size: 38px;}
.f-40{ font-size: 35px;}
.f-42{ font-size: 42px;}
.f-48{ font-size: 42px;font-weight: 300;}
.f-56{ font-size: 56px;}
.f-64{ font-size: 64px;font-weight: 600;}
.f-title{ font-size: 24px;font-weight: bolder;text-align:center;}
.fw-b202057{ font-size: 24px;font-weight: 300;}
.fw-b202057 .f-56{ font-size: 35px;}

@media screen and (max-width:1400px){
.w{ padding: 0 3%;}
}
@media screen and (max-width:1366px){
.f-15,
.f-16{ font-size: 14px;}
.f-18{ font-size: 7px;}
.f-20{ font-size: 18px;}
.f-22{ font-size: 19px;}
.f-24{ font-size: 20px;}
.f-26{ font-size: 22px;}
.f-28{ font-size: 24px;}
.f-30{ font-size: 26px;}
.f-34{ font-size: 28px;}
.f-38{ font-size: 30px;}
.f-40{ font-size: 32px;}
.f-42{ font-size: 34px;}
.f-48{ font-size: 38px;}
.f-56{ font-size: 48px;}
.f-64{ font-size: 54px;}
.fw-b202057 .f-56{display: block;font-size: 28px}
}
@media screen and (max-width:960px){
.f-17,
.f-18{ font-size: 16px;font-family: Roboto,sans-serif;}
.f-20{ font-size: 16px;}
.f-22{ font-size: 17px;}
.f-24{ font-size: 18px;}
.f-26{ font-size: 19px;}
.f-28{ font-size: 20px;}
.f-30{ font-size: 22px;}
.f-34{ font-size: 23px;}
.f-38{ font-size: 24px;}
.f-40{ font-size: 25px;}
.f-42{ font-size: 26px;}
.f-48{ font-size: 28px;}
.f-56{ font-size: 36px;}
.f-64{ font-size: 40px;}
}
@media screen and (max-width:768px){
.f-15,
.f-16,
.f-17{ font-size: 14px;}
.f-18,
.f-20{ font-size: 15px;}
.f-22,
.f-24,
.f-26{ font-size: 16px;}
.f-28{ font-size: 17px;}
.f-30{ font-size: 18px;}
.f-34,
.f-38{ font-size: 19px;}
.f-40{ font-size: 20px;}
.f-42{ font-size: 20px;}
.f-48{ font-size: 23px;}
.f-56{ font-size: 28px;}
.f-64{ font-size: 20px;}
}


.fw-l{ font-weight: 600;}
.ta-c{text-align: center;}
.ta-d{/* text-align: left; */padding-top: 150px;padding-left: 250px;}
.ta-r{ text-align: right;}
@media screen and (max-width:1200px){
.fw-l{ font-weight: normal;}
}

.c-fff{color: #123c8f;}

.c-666{ color: #808080;}
.c-999{ color: #999;}
.c-blue{ color: #234aaf;}
.c-red{ color: #ea0909;}
.c-fh{ color: #000000;}
.c-000{ color: #000;}

.header{position: absolute;left: 0;right: 0;top: 0;z-index: 9999;background-color: #FF6600;height: 100px;background-color:#FF5429;}
.header .logo img{ width: 165px;}
.header .nav{ width: 100%; margin-right: 40px;}
.header .btn{ flex: 0 0 auto;}
.header .nav li{ position: relative;}
@media screen and (min-width:961px){
.header .user,
.header .menu,
.header .close{ display: none !important;}
.header .nav{ display: flex !important;}
.header .right{ width: calc(100% - 185px); max-width: 1040px;}
.header .nav li > i { display: none;}
.header .btn > span{ position: relative; cursor: pointer;}
.header .nav li > a{font-size: 21px;color: #fff;position: relative;display: block;line-height: 44px;font-weight:bold;}
.header .btn > span::after,
.header .nav li > a::after{content: "";position: absolute;left: 0;right: 0;width: 0;height: 2px;background: #fff;top: 100%;margin: 0 auto;transition: all 0.2s ease 0s;}
.header .nav li:hover > a,
.header .nav .on > a{ color: #fff;}
.header .btn:hover > span::after,
.header .nav li:hover > a::after,
.header .nav .on > a::after{width: 100%;}
.header .btn{ position: relative; display: flex !important;}
.header .btn > a{  font-size: 16px; color: rgba(255, 255, 255, 0.7); width: 68px; text-align: center; border: 1px solid rgba(255, 255, 255, 0.7); line-height: 32px; border-radius: 3px; transition: all .3s ease 0s;}
.header .btn > a + a{ margin-left: 10px;}
.header .btn > a:hover{ color: #123c8f; background: #fff; border-color: #123c8f;}
.header .btn > span{ color: #fff;}
.header .btn > .userinfo{position: absolute;width: 160px;top: 100%;left: 50%;margin-left: -80px; padding-top: 20px; z-index: -300; opacity: 0; pointer-events: none; transition: all .5s ease 0s; }
.header .btn:hover > .userinfo{ z-index: 100; opacity: 1; pointer-events: all;}
.header .btn > .userinfo .gcont{background: #fff;padding: 10px 5px;border-radius: 5px;text-align: center; font-size: 15px}
.header .btn > .userinfo .gcont > * + *{ margin-top: 10px;}
.header .nav li dl{ position: absolute;  width: 10em; left: 50%; margin-left: -5em; top: 100%; padding-top: 20px; z-index: -300; opacity: 0; transition: all .5s ease 0s; pointer-events: none; display: block !important;}
.header .nav li:hover dl{ z-index: 100; opacity: 1; pointer-events: all;}
.header .nav li dl dd{background: #fff; padding: 0 5px; text-align: center;}
.header .nav li dl dd a{ display: block; font-size: 15px}
.header .nav li dl dd:nth-child(1){ padding-top: 10px; border-radius: 5px 5px 0 0;}
.header .nav li dl dd:last-child{ padding-bottom: 10px; border-radius:0 0 5px 5px;}
}
@media screen and (max-width:960px){
.header{ position: fixed; left: 0; right: 0; padding: 12px 15px; background: #536178; box-shadow: 1px 10px 10px rgba(0,0,0,.2);}
.header .logo img{ width: auto; height: 26px;}
.header .user{display: flex; align-items: center; justify-content: center; width: 30px;}
.header .menu{ width: 30px; height: 30px; position: relative;}
.header .menu span{ position: absolute; width: 20px; height: 2px; left: 50%; margin-left: -10px; transition: all .2s ease 0s; background: #fff; border-radius: 5px; cursor: pointer;}
.header .menu span:nth-child(1){ top: 50%; margin-top: -9px;}
.header .menu span:nth-child(2){ top: 50%; margin-top: -1px;}
.header .menu span:nth-child(3){ top: 50%; margin-top: 7px;}
.header .menu.on span:nth-child(1){ margin-top: 0; transform: rotate(135deg);}
.header .menu.on span:nth-child(2){ left: -60px; opacity: 0;}
.header .menu.on span:nth-child(3){ margin-top: 0; transform: rotate(-135deg);}
.header .nav,
.header .btn{ display: none;}
.header .btn,
.header .nav{ position: absolute!important; left: 10px; right: 10px; top: 100%; background: #fff; padding: 15px; margin: 15px 0 0 0; width: auto; border-radius: 5px; box-shadow: 1px 1px 10px rgba(0,0,0,.2);}
.header .nav::after{ content: ""; position: absolute; top: -25px; right: 15px; border: 15px solid transparent; border-bottom-color: #fff;}
.header .nav li > a{ font-size: 16px; line-height: 40px; display: block;}
.header .btn::after{ content: ""; position: absolute; top: -25px; left: 15px; border: 15px solid transparent; border-bottom-color: #fff;}
.header .btn > span{ display: none;}
.header .btn a{ display: block; font-size: 16px; line-height: 40px;}
.header .close{ position: fixed;  left: 0; top: 54px; right: 0; bottom: 0; display: none;}


.header .nav li{ position: relative;}
.header .nav li dl{ border-top: 1px solid #ddd; padding: 10px 0; display: none;}
.header .nav li dl a{ display: block; padding-left: 15px; line-height: 36px;}
.header .nav li > i{ position: absolute; width: 40px; height: 40px; right: 0; top: 0;}
.header .nav li > i::after{ content: ""; position: absolute; right: 14px; top: 10px; display: block; width: 10px; height: 10px; border-top: 2px solid #aaa; border-left: 2px solid #aaa; transform:rotate(-135deg);}
.header .nav li > i.a::after{ transform:rotate(45deg); top: 14px; border-color: #666;}
}

.topbanner{ position: relative; padding-top: 630px;}
.topbannerwz{ position: relative; padding-top: 230px;}
.topbanner .bg,
.topbanner .bg img{ width: 100%; position: absolute; left: 0; top: 0; z-index: -1;}
.topbanner .bg{ min-height: 100vh; overflow: hidden;}
.topbanner1{ position: relative; padding-top: 580px;}
.topbanner1 .bg,
.topbanner1 .bg img{ width: 100%; position: absolute; left: 0; top: 0; z-index: -1;}
.topbanner1 .bg{ min-height: 100vh; overflow: hidden;}
.indexban .b{ width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.3); color: #089af3; margin-top: -20px;}
.indexban .b::after{ font-size: 18px;}
.neiban{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 13% 10px;/* margin-top: 310px; */}
.neiban > * + *{ margin-top: 1%;}
.neiban .span{ display: block; max-width: 670px; margin: 0 auto;}
@media screen and (min-width:961px){
.topbanner .bg{ min-height: 100vh;}
}
@media screen and (max-width:1200px){
.topbanner .bg img{ max-width: none; width: 140%; left: -20%;}

}
@media screen and (min-width:961px){
.topbanner1 .bg{ min-height: 100vh;}
}
@media screen and (max-width:1200px){
.topbanner1 .bg img{ max-width: none; width: 140%; left: -20%;}

}
.indexban .pic{ width: 50%; flex: 0 0 auto;}
@media screen and (max-width:960px){
.topbanner{margin-top: 50px;padding-top: 260px;}
.topbanner1{margin-top: 50px;padding-top: 260px;}
.indexban .down{ display: none;}
.indexban .b{ width: 28px; height: 28px; margin-top: -14px;}
.neiban .fw-l{ font-size: 14px;}
.indexban .txt a{width: 122px !important;height: auto !important;line-height: 38px !important;}
}
@media screen and (max-width:767px){
.topbanner .bg img{width: 190%;left: -44%;}
.topbanner1 .bg img{width: 190%;left: -44%;}
.indexban .pc{ padding: 20px 3%;}
.indexban .f-64{ font-size: 26px}
.indexban .f-48{ font-size: 22px}
.indexban .txt a.f-16{ font-size: 18px; width: 7em; line-height: 32px; height: 32px;}
.indexban .pic{ min-width: 30%; max-width: 40%; flex: 0 0 auto;}
.indexban .pic img{ max-width: 140%; width: 140%; left: -40%; position: relative;}
.indban-li .swiper-pagination{width: 100%;}
.indban-li .swiper-pagination-clickable .swiper-pagination-bullet{width: 25px !important;height: 3px !important;}
}
@media screen and (max-width:480px){
.indexban .f-64{ font-size: 16px}
.indexban .f-48{ font-size: 14px}
.indexban .txt a.f-16{ font-size: 12px;}
}

.footer{ border-top: 1px solid #e4e4e4; margin-top: 4%; background-image: url(../img/w1-5.jpg); padding-top: 3%;}
.footer .tlist li{ max-width: 20%; display: flex; align-items: center;}
.footer .tlist img{ width: 50px; height: 50px; flex: 0 0 auto; margin-right: 20px;}
.footer .tlist span{padding-right: 15px;color: #FFFFFF;}
.footer .pt{ padding: 3% 0; color: #666; border-bottom: 1px solid #e5e5e5; margin-bottom: 3%;}
.footer .navlist{ align-items: flex-start; width: 45%;}
.footer .navlist dt{ font-size: 17px; margin-bottom: 20px;}
.footer .navlist dd{ font-size: 15px; line-height: 35px;}
.footer .navlist dd a{ color: #666;}
.footer .navlist dd a:hover{ color: #ff5429;}
.footer .lx{ width: 35%; margin: 0 15%; line-height: 2;}
.footer .lx .logo{ margin-bottom: 10px;}
.footer .lx .logo img{ width: 50%; max-width: 154px;}
.footer .lx .logo + div{ margin-bottom: 20px;}
.footer .code{ flex: 0 0 auto; width: 150px;}
.footer .fb{ color: #999; padding-bottom: 3%;}
.footer .fb .fr{ float: right; margin-left: 20px;}
.footer .fb a{ color: #999;}
.footer .fb a:hover{ color: #ff5429;}
@media screen and (max-width:960px){
.footer .lx{ margin: 0 5%;}
.footer .tlist img{ width: 35px; height: 35px; margin-right: 10px;}
.footer .lx .logo + div{ margin-bottom: 10px;}
.footer .navlist dd{ font-size: 14px; line-height: 24px;}
}
@media screen and (max-width:768px){
.footer .tlist{align-items: flex-start;}
.footer .tlist li{ display: block; text-align: center; }
.footer .tlist li img{ display: block; margin: 0 auto 10px auto;}
.footer .tlist li span{ padding-right: 0;}
.footer .fb .fr{ float: none; margin-left: 0; display: block;}
.footer .fb p{ margin-top: 10px;}
}
@media screen and (max-width:640px){
.footer .tlist{ display: none;}
.footer .pt{ align-items: flex-start;}
.footer .navlist{ width: 60%;}
.footer .lx{ width: 40%;}
.footer .code{ display: none;}
}
@media screen and (max-width:480px){
.footer .pt{ flex-wrap: wrap;}
.footer .navlist dt{ margin-bottom: 10px;}
.footer .navlist,
.footer .lx{ width: 100%;}
.footer .lx{ padding-top: 15px; margin: 0;}
}

.alltitle{ margin: 2% 0 3% 0; padding: 0 10px;}
@media screen and (max-width:768px){
.alltitle{ margin: 30px 0 20px 0;}
}

.fwqtitle{margin: 2% 0 3% 0;padding: 0 10px;color: aliceblue;}
@media screen and (max-width:768px){
.fwqtitle{ margin: 30px 0 20px 0;}
}

.contactbox{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 10px;}
.contactbox .close{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.3);}
.contactbox .box2{ width: 100%; max-width: 1050px; position: relative; z-index: 1; border-radius: 20px; overflow: hidden;}
.contactbox .box2 .top{ background: url(../img/contact-bg.png) center no-repeat; background-size: cover; justify-content: center; color: #fff; padding: 15px 5% 0 5%;}
.contactbox .box2 .top .ico{ width: 30%; max-width: 217px; margin-right: 10%;}
.contactbox .box2 .closebtn{ position: absolute; right: 20px; top: 20px; cursor: pointer; width: 43px; height: 43px;}
.contactbox .box2 .cont{ background: #fff; padding: 3%;}
.contactbox .box2 .cont .sbar{ overflow: auto; max-height: calc(100vh - 380px); padding: 0 3%;}
.contactbox .box2 .cont li{ padding: 3% 0;}
.contactbox .box2 .cont li+li{ border-top: 1px solid #e4e4e4;}
.contactbox .box2 .cont li.last{ border-top: none; padding-top: 0;}
.contactbox .box2 .cont li.last .line{ border-top: 1px solid #e4e4e4; margin-bottom: 3%;}
.contactbox .box2 .cont li .left{ border-right: 1px solid #e4e4e4; width: 30%; flex: 0 0 auto; justify-content: flex-start; max-width: 270px; padding-left: 3%;}
.contactbox .box2 .cont li .left img{ width: 50px; height: 50px; margin-right: 20px;}
.contactbox .box2 .cont li .right{ width: 100%; padding: 0 3%;}
.contactbox .box2 .cont li .right .flex{ justify-content: flex-start; flex-wrap: wrap; padding-bottom: 10px; margin-left: -20px;}
.contactbox .box2 .cont li .right .flex > *{ margin-left: 20px;}
.contactbox .box2 .cont li .right .btn{ background: #ff5429; color: #fff; width: 8em; text-align: center; border-radius: 5px; line-height: 40px;}
@media screen and (max-width:960px){
.contactbox .box2 .top{ padding: 15px;}
.contactbox .box2 .top .ico{ max-width: 150px; width: 20%;}
.contactbox .box2 .cont{ padding: 1%;}
.contactbox .box2 .cont li .left{ padding-left: 1%;}
.contactbox .box2 .cont li .left img{ width: 30px; height: 30px; margin-right: 10px;}
.contactbox .box2 .cont li .right{ padding: 0 1% 0 3%;}
.contactbox .box2{ border-radius: 10px;}
}
@media screen and (max-width:768px){
.contactbox .box2 .closebtn{ width: 30px; height: 30px; right: 10px; top: 10px;}
.contactbox .box2 .cont .sbar{ max-height: calc(100vh - 250px);}
.contactbox .box2 .cont{ padding: 15px 10px;}
.contactbox .box2 .cont li{ display: block;}
.contactbox .box2 .cont li .left{ border-right: none; width: 100%; padding: 0;}
.contactbox .box2 .cont li .right{ padding: 15px 0 0 0;}
.contactbox .box2 .cont li.last .right{ padding-top: 0;}
.contactbox .box2{ border-radius: 5px;}
}


.indexban{ position: relative;}
.indexban .txt{ color: #fff; white-space: nowrap; position: relative; z-index: 2;}
.indexban .txt a{ display: block; width: 140px; height: 46px; line-height: 46px; text-align: center; background: #fff; border-radius: 5px; color: #123c8f; margin-top: 5%; font-weight: normal;}
.indexban .down{ position: absolute; left: 0; right: 0; bottom: 20px; margin: 0 auto; cursor: pointer;}
.indexban .down,
.indexban .down img{ width: 42px; height: 40px;}
.indexban .down img{ margin: 0 auto; height: 42px; display: block; animation:downup 1s infinite; -webkit-animation:downup 1s infinite;}
.indban-li{height: 20px;}
.indban-li .swiper-pagination-clickable .swiper-pagination-bullet{ width: 30px;height: 5px;background: rgba(255,255,255,0.7);margin:0 6px 0 3px;border-radius: 0;}
.indban-li .swiper-pagination-clickable .swiper-pagination-bullet-active{background: rgba(255,255,255,1);}
@media screen and (min-width:1380px){
.indexban{ height: calc(100vh - 110px); display: flex; align-items: center; justify-content: center; padding-bottom: 80px;}
.indexban .pic{ }
}
@keyframes downup{
from { transform:translate(0,0);}
60% { transform:translate(0,-5px);}
to { transform:translate(0,0);}
}
@-webkit-keyframes downup{
from { transform:translate(0,0);}
60% { transform:translate(0,-5px);}
to { transform:translate(0,0);}
}

.index_jd ul{ display: flex; justify-content: space-between;height:60px;}
.index_jd li{ width: 32%; padding: 0 2% 4% 2%; margin-top: 10%; text-align: center; border-radius: 5px; transition: transform .3s ease 0s;background: #d8d8d8;}
.index_jd li + li{ margin-left: 2%;}
.index_jd a{ display: block; color: #333;}
.index_jd .ico{ position: relative;}
.index_jd .ico img{ display: block; margin: 0 auto;}
.index_jd .ico .p1{ position: absolute; left: 0; right: 0; top: -15%; transition: transform .3s ease 0s; width: 130px; height: 130px;}
.index_jd .ico .p2{ width: 205px; height: 208px;}

.index_jd .p{ padding: 6% 0; line-height: 2; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.index_jd .p span{ padding: 0 0.5em;}
.index_jd .f span{ color: #ea0909; font-weight: bold;}
@media screen and (min-width:961px){
.index_jd li:hover{ transform:translate(0,-15px);}
.index_jd li:hover .p1{transform:translate(0,-15px);}
}
@media screen and (max-width:960px){
.index_jd .ico .p1{ width: 90px; height: 90px;}
.index_jd .ico .p2{ width: 148px; height: 150px;}
}
@media screen and (max-width:640px){
.index_jd ul{ display: block;}
.index_jd li{ width: 100%;  text-align: left; padding: 15px; margin-top: 10px;}
.index_jd li + li{ margin-left: 0%;}
.index_jd li a{ display: flex ; align-items: center;}
.index_jd li .ico{ margin: 20px 20px 0 0; flex: 0 0 auto;}
.index_jd li .txt{ width: 100%;}
.index_jd .t{ padding: 0 0 10px 0;}
.index_jd .p{ justify-content: flex-start; padding: 10px 0; margin-left: -0.5em; line-height: 1.4;}
}
@media screen and (max-width:480px){
.index_jd .ico .p1{ width: 50px; height: 50px;}
.index_jd .ico .p2{ width: 80px; height: 80px;}
.index_jd .t{ padding-bottom: 5px;}
}

.index_yw{ border: 1px solid #123c8f; background: #ffffff12;}
.index_yw .tab{ flex: 0 0 auto; width: 100%; background: #172b70; display: flex; flex-direction: initial;height:60px;}
.index_yw .tab > li{display: flex;padding: 10px 30px;align-items: center;cursor: pointer;height: 60px;position: relative;}
.index_yw .tab > li .ico,
.index_yw .tab > li .ico img{ width: 50px; height: 50px; position: relative; flex: 0 0 auto; transition: opacity .5s ease 0s;}
.index_yw .tab > li .ico img{ display: block; position: absolute; left: 0; right: 0;}
.index_yw .tab > li .ico img.p2,
.index_yw .tab > li.on .ico img.p1{ opacity: 0;}
.index_yw .tab > li .ico img.p1,
.index_yw .tab > li.on .ico img.p2{ opacity: 1;}
.index_yw .tab > li.on{ background: linear-gradient(90deg,#ff5429,#24288b); color: #fff;}
.index_yw .tab > li.on::after{ content: ""; position: absolute; right: -6px; width: 20px; height: 20px; background: #089af3; transform:rotate(50deg); -webkit-transform:rotate(50deg);}
.index_yw .tab > li .txt{ padding-left: 20px;}
.index_yw .list{ width: 100%;  background: url(../img/yunwei-bg.png) right bottom no-repeat;}
.index_yw .list > li{ display: none;}
.index_yw .list > li > .title{ display: none;}
.index_yw .list .content.sbar{ overflow-y: auto; height: 445px;}
@media screen and (max-width:1400px){
.index_yw .tab > li{ height: 80px;}
.index_yw .list .content.sbar{ height: 370px;}
}
@media screen and (max-width:960px){
.index_yw{ display: block;}
.index_yw .list{ padding-left: 15px;}
.index_yw .tab{ width: 100%; flex-direction: row;}
.index_yw .tab > li{padding: 5px;height: 60px;width: 25%;font-size: 12px;}
.index_yw .tab > li.on::after{ display: none;}
.index_yw .tab > li .txt{padding-left: 5px;font-size: 14px;}
.index_yw .list{ background-size: 30% auto;}
.index_yw .list .content.sbar{ height: auto;}
}
@media screen and (max-width:768px){
.index_yw .tab > li{ justify-content: center; padding: 0; height: 40px;}
.index_yw .tab > li .ico,
.index_yw .tab > li .ico img{ width: 40px; height: 40px;}
.index_yw .tab > li .txt{ display: none;}
.index_yw .list > li > .title{ display: block; color: #123c8f;}
}


.index_wyfw > .w{ position: relative;}
.index_wyfw .swiper-container{ border-radius: 10px; background: #fff; box-shadow: 1px 1px 20px rgba(0,0,0,.1);}
.index_wyfw .swiper-slide .flex{ padding: 3% 110px;}
.index_wyfw .swiper-slide .left{ width: 60%; flex: 0 0 auto;}
.index_wyfw .swiper-slide .left .t b{ color: #ff5429; font-weight: 400;}
.index_wyfw .swiper-slide .left .t{ padding-bottom: 15px;}
.index_wyfw .swiper-slide .left .t + div{ min-height: 75px;}
.index_wyfw .swiper-button-next,
.index_wyfw .swiper-button-prev{ width: 60px; height: 60px;}
.index_wyfw .swiper-button-next{ right: -19px;}
.index_wyfw .swiper-button-prev{ left: -21px;}
.index_wyfw .swiper-button-next::after{ background: url(../img/wuyoufuwu-next.png); left: -22px; top: -19px;}
.index_wyfw .swiper-button-prev::after{ background: url(../img/wuyoufuwu-prev.png); left: -22px; top: -19px;}
.index_wyfw .swiper-button-next::after,
.index_wyfw .swiper-button-prev::after{ content: ""; display: block; width: 108px; height: 108px; position: absolute; pointer-events: none;}
.index_wyfw .swiper-slide{ opacity: 0 !important;}
.index_wyfw .swiper-slide-active{ opacity: 1 !important;}
.index_wyfw .swiper-slide-active .left{ animation-duration: 1s; animation-name: fadeInLeft;}
.index_wyfw .swiper-slide-active .right{ animation-duration: 1s; animation-name: fadeInRight;}
@media screen and (max-width:1430px){
.index_wyfw .swiper-button-next{ right: 25px;}
.index_wyfw .swiper-button-prev{ left: 20px;}
}
@media screen and (max-width:960px){
.index_wyfw .swiper-button-next,
.index_wyfw .swiper-button-prev{ transform: scale(0.7)}
.index_wyfw .swiper-slide .flex{ padding: 3% 80px;}
}
@media screen and (max-width:640px){
.index_wyfw .swiper-slide .flex{ display: block; position: relative; padding: 15px;}
.index_wyfw .swiper-button-next{ right: 10px;}
.index_wyfw .swiper-button-prev{ left: 8px;}
.index_wyfw .swiper-button-next,
.index_wyfw .swiper-button-prev{ opacity: .8;}
.index_wyfw .swiper-slide .left{ width: 100%; padding-top: 170px; text-align: center;}
.index_wyfw .swiper-slide .left .t + div{ font-size: 14px;}
.index_wyfw .swiper-slide .right{ position: absolute; left: 80px; top: 15px; bottom: 0; right: 80px;}
.index_wyfw .swiper-slide .right img{ position: absolute; right: 0; left: 0; margin: 0 auto; top: 0; max-width: 100%; max-height: 150px;}
}


.index_wljd .map{ position: relative;}
.index_wljd .map .bg img{ display: block; width: 100%;}
@-webkit-keyframes pulsate{
0% {-webkit-transform: scale(0);opacity: .05;}
20% {-webkit-transform: scale(0.7);opacity: .1;}
40% {-webkit-transform: scale(1.5);opacity: .2;}
60% {-webkit-transform: scale(2);opacity: .3;}
100% {-webkit-transform: scale(3);opacity: 0;}
}
@keyframes pulsate{
0% {-webkit-transform: scale(0);opacity: .05;}
20% {-webkit-transform: scale(0.7);opacity: .1;}
40% {-webkit-transform: scale(1.5);opacity: .2;}
60% {-webkit-transform: scale(2);opacity: .3;}
100% {-webkit-transform: scale(3);opacity: 0;}
}
@media screen and (min-width:961px){
.index_wljd .list li{ position: absolute; width: 12px; height: 12px; border-radius: 50%; background: #ff5429; cursor: pointer;}
.index_wljd .list li:after{position: absolute; top: 50%; left: 50%; display: block; content: ""; height: 26px; width: 26px; margin: -13px 0 0 -13px; -webkit-animation: pulsate 2s linear; animation: pulsate 2s linear; animation-iteration-count: 1; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background-color:#ff5429; border-radius:  100%;}
.index_wljd{ margin-bottom: 4%;}
.index_wljd .list .t{ position: absolute; overflow: hidden; background: #ffffff7a; padding: 10px 30px; box-shadow: 1px 1px 5px rgba(0,0,0,.1); border-radius: 5px; line-height: 30px; top: -60px; display: flex; align-items: center; justify-content: center; z-index: 1;}
.index_wljd .list .t img{ width: 30px; height: 30px; border-radius: 50%;}
.index_wljd .list .t span{ white-space: nowrap; display: block;}
.index_wljd .list .t img + span{ display: block; padding-left: 15px;}
.index_wljd .list .p{ line-height: 30px; white-space: nowrap; position: absolute; background: rgba(0,0,0,0.3); padding: 8px; border-radius: 5px; color: #fff; font-size: 16px; opacity: 0; transition: all .5s ease 0s; pointer-events: none;}
.index_wljd .list li:hover{ z-index: 99;}
.index_wljd .list li:hover .p{ opacity: 1; pointer-events: visible; margin-top: 0;}
.index_wljd .list .p::after{border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; height: 0; position: absolute; left: 30px; top:  -7px; width: 0;}

.index_wljd .list .l1 .p,
.index_wljd .list .l4 .p,
.index_wljd .list .l5 .p{ margin-top: 20px;}
.index_wljd .list .l2 .p,
.index_wljd .list .l3 .p{ margin-top: -20px;}
.index_wljd .list .l1 .p::after,
.index_wljd .list .l4 .p::after,
.index_wljd .list .l5 .p::after{ border-bottom: 7px solid rgba(0,0,0,0.3);}
.index_wljd .list .l4 .p::after,
.index_wljd .list .l5 .p::after{ left: auto; right: 30px;}
.index_wljd .list .l2 .p::after,
.index_wljd .list .l3 .p::after{ border-top: 7px solid rgba(0,0,0,0.3); left: auto; right: 30px; top: auto; bottom: -7px;}

.index_wljd .list .l1{ top: 42%; left: 14%;}
.index_wljd .list .l1 .t{ left: -75px; top: 40px;}
.index_wljd .list .l1 .p{left: -75px;top: 130px;}

.index_wljd .list .l2{ top: 49%; left: 78%;}
.index_wljd .list .l2 .t{ left: auto; right: -125px; top: 65px;}
.index_wljd .list .l2 .p{right: -175px;top: 130px;}

.index_wljd .list .l3{ top: 46.6%; left: 79.9%;}
.index_wljd .list .l3 .t{ left: auto; right: -220px; top: -51px;}
.index_wljd .list .l3 .p{ right:-180px; top: -130px;}

.index_wljd .list .l4{ top: 48%; left: 79.6%;}
.index_wljd .list .l4 .t{ left: auto; right: -230px; top: 1px;}
.index_wljd .list .l4 .p{right: -180px; top: -160px;}

.index_wljd .list .l5{ top: 51%; left: 78%;}
.index_wljd .list .l5 .t{ left: auto; right: 5px; top: 15px;}
.index_wljd .list .l5 .p{right: -170px;top: 100px;}

.index_wljd .list .l6{ top: 42%; left: 79%;}
.index_wljd .list .l6 .t{ left: auto; right: 15px; }
.index_wljd .list .l6 .p{right: 15px;top: -100px;}

.index_wljd .list .l7{ top: 45%; left: 79.5%;}
.index_wljd .list .l7 .t{ left: auto; right: 25px; top: -20px;}
.index_wljd .list .l7 .p{right: 15px;top: -100px;}

.index_wljd .list .l8{ top: 49.5%; left: 79.5%;}
.index_wljd .list .l8 .t{ left: auto; right: -210px; top: 50px;}
.index_wljd .list .l8 .p{ right:-180px; top: -130px;}

.index_wljd .list .l9{ top: 47%; left: 75.6%;}
.index_wljd .list .l9 .t{ left: auto; right: 150px; top: 20px;}
.index_wljd .list .l9 .p{right: -180px; top: -100px;}
}
@media screen and (max-width:960px){
.index_wljd{ position: relative;}
.index_wljd .map .bg img{ position: absolute; width: 100%; height: 100%; object-fit: contain; z-index: -1; opacity: .3;}
.index_wljd .list .t{ display: flex; color: #089af3; align-items: center; line-height: 20px;}
.index_wljd .list .t img{ width: 20px; height: 20px; border-radius: 50%; margin-right: 10px;}
.index_wljd .list .p{ padding: 10px 0 25px 0;}
}


.index_zc{ margin-top: 4%;}
.index_zc .form{ justify-content: center; margin: 2% 0;}
.index_zc .form > * + *{ margin-left: 20px;}
.index_zc .form .line{ width: 100%; max-width: 360px; height: 60px;position: relative;}
.index_zc .form .line span{ position: absolute; right: 10px; line-height: 30px; border-radius: 5px; background: #e11f5a; color: #fff; top: 50%; margin-top: -15px; padding: 0 8px; font-size: 14px; pointer-events: none;}
.index_zc .form .line input{  width: 100%; height: 100%; line-height: 58px; padding: 0 10px; border: 1px solid #e4e4e4; border-radius: 5px; background: #fff;-webkit-appearance : none ;}
.index_zc .form .sbtn{ width: 110px; height: 60px; text-align: center; background: #e11f5a; font-size: 18px; color: #fff; cursor: pointer; border-radius: 5px; flex: 0 0 auto;-webkit-appearance : none ;}
@media screen and (max-width:960px){
.index_zc .form .line{ height: 40px;}
.index_zc .form .line input{ line-height: 38px;}
.index_zc .form .line span{ line-height: 24px; margin-top: -12px;}
.index_zc .form .sbtn{ height: 40px;}
}
@media screen and (max-width:640px){
.index_zc .form{ flex-wrap: wrap;}
.index_zc .form .line{ width: 50%; max-width: none;}
.index_zc .form .line:nth-child(1){ padding-right: 5px;}
.index_zc .form .line + .line{ padding-left: 5px;}
.index_zc .form .sbtn{ width: 100%; margin-top: 10px;}
.index_zc .form > * + *{ margin-left: 0;}
}

.index_news{ margin-bottom: 4%;}
.index_news dl::after{ content:''; display: block; clear: both; height: 0;}
.index_news dt{ float: left; width: 100%; }
.index_news dt .top{ background:#6f4df7; background-size: cover; color: #fff; padding: 0 6%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; border-radius: 5px 5px 0 0;}
.index_news dt .top{height: 60px;}
.index_news dt .txt{border: 1px solid #fff;border-top: none;border-radius: 0 0 5px 5px;height: 1000%;padding: 1%;display: flex;flex-direction: column;justify-content: center;color: #999;background: #f5f6fd;}
.index_news dt .txt,
.index_news dt .txt > *{ transition: all .5s ease 0s;}
.index_news dt .dot{ margin-bottom: auto; color: #333;}
.index_news dt .dot span{ float: right; padding-left: 30px; color: #999;}
.index_news dt .p{/* height: 90px; */line-height: 30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.index_news dd{ float: right; width: 50%; padding-left: 20px;}
.index_news dd a{ height: 115px; border: 1px solid #e4e4e4; border-radius: 5px; transition: all .5s ease 0s; display: flex; flex-direction: column; justify-content: center; padding: 0 25px;}
.index_news dd + dd{ margin-top: 20px;}
.index_news dd .t{ padding-bottom: 10px;}
.index_news dd .p{ color: #999;}
@media screen and (min-width:961px){
.index_news dt .txt:hover{ box-shadow: 1px 1px 20px rgba(0,0,0,.2);}
.index_news dt .txt:hover > *{ transform: translate(0,-5px);}
.index_news dd a:hover{ box-shadow: 1px 1px 20px rgba(0,0,0,.2); transform: translate(0,-5px);}
}
@media screen and (max-width:1200px){
.index_news dt .top,
.index_news dt .txt{ height: 200px;}
.index_news dt .dot{ margin-bottom: 20px;}
.index_news dd a{ height: 88px;}
.index_news dt{ padding-right: 8px;}
.index_news dd{ padding-left: 8px;}
.index_news dd + dd{ margin-top: 16px;}
}
@media screen and (max-width:768px){
.index_news dt,
.index_news dd{ width: 100%; float: none; padding: 0; margin-top: 10px !important;}
.index_news dt .top,
.index_news dt .txt{ height: auto;}
.index_news dt .top{ padding: 6%;}
.index_news dt .txt{ padding: 15px;}
.index_news dt .dot{ margin-bottom: 10px;}
.index_news dt .p{ height: 50px; line-height: 25px; -webkit-line-clamp: 2;}
.index_news dd a{ height: auto; padding: 15px;}
}

.rent_news{ margin-bottom: 4%;}
.rent_news dl::after{ content:''; display: block; clear: both; height: 0;}
.rent_news dt{ float: left; width: 50%; padding-right: 20px;}
.rent_news dt .top{ background: url(../img/news_top_bg.jpg) right bottom; background-size: cover; color: #fff; padding: 0 6%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; border-radius: 5px 5px 0 0;}
.rent_news dt .top{height: 60px;}
.rent_news dt .txt{border: 1px solid #fff;border-top: none;border-radius: 0 0 5px 5px;height: 1000%;padding: 1%;display: flex;flex-direction: column;justify-content: center;color: #999;background: #f5f6fd;}
.rent_news dt .txt,
.rent_news dt .txt > *{ transition: all .5s ease 0s;}
.rent_news dt .dot{ margin-bottom: auto; color: #333;}
.rent_news dt .dot span{ float: right; padding-left: 30px; color: #999;}
.rent_news dt .p{/* height: 90px; */line-height: 30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.rent_news dd{ float: right; width: 50%; padding-left: 20px;}
.rent_news dd a{ height: 115px; border: 1px solid #e4e4e4; border-radius: 5px; transition: all .5s ease 0s; display: flex; flex-direction: column; justify-content: center; padding: 0 25px;}
.rent_news dd + dd{ margin-top: 20px;}
.rent_news dd .t{ padding-bottom: 10px;}
.rent_news dd .p{ color: #999;}
@media screen and (min-width:961px){
.rent_news dt .txt:hover{ box-shadow: 1px 1px 20px rgba(0,0,0,.2);}
.rent_news dt .txt:hover > *{ transform: translate(0,-5px);}
.rent_news dd a:hover{ box-shadow: 1px 1px 20px rgba(0,0,0,.2); transform: translate(0,-5px);}
}
@media screen and (max-width:1200px){
.rent_news dt .top,
.rent_news dt .txt{ height: 200px;}
.rent_news dt .dot{ margin-bottom: 20px;}
.rent_news dd a{ height: 88px;}
.rent_news dt{ padding-right: 8px;}
.rent_news dd{ padding-left: 8px;}
.rent_news dd + dd{ margin-top: 16px;}
}
@media screen and (max-width:768px){
.rent_news dt,
.rent_news dd{ width: 100%; float: none; padding: 0; margin-top: 10px !important;}
.rent_news dt .top,
.rent_news dt .txt{ height: auto;}
.rent_news dt .top{ padding: 6%;}
.rent_news dt .txt{ padding: 15px;}
.rent_news dt .dot{ margin-bottom: 10px;}
.rent_news dt .p{ height: 50px; line-height: 25px; -webkit-line-clamp: 2;}
.rent_news dd a{ height: auto; padding: 15px;}
}

.page_bg_right{ position: absolute; right: 0; margin-top: -300px; max-width: 40%; z-index: -1;}
.page_bg_left{ position: absolute; left: 0; margin-top: -300px; max-width: 40%; z-index: -1;}
@media screen and (max-width:960px){
.page_bg_right,
.page_bg_left{ display: none;}
}

.pagecont{ background: #fff; border-radius: 20px; padding: 60px; box-shadow: 1px 1px 15px rgba(0,0,0,.2); min-height: 50vh;}
@media screen and (max-width:960px){
.pagecont{ padding: 30px; border-radius: 10px;}
}
@media screen and (max-width:640px){
.pagecont{ padding: 20px 15px; border-radius: 5px;}
}

.newslist .list .dot{ padding-bottom: 30px;}
.newslist .list .left{ width: 150px; flex: 0 0 auto; margin-right: 30px; height: 110px; position: relative;}
.newslist .list .left a,
.newslist .list .left img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%;}
.newslist .list .left a{ border: 1px solid #fff;}
.newslist .list .left img{ padding: 5px;}
.newslist .list .right{ width: 100%; max-width: calc(100% - 180px);}
.newslist .list .dot span{  float: right; margin-left: 1000px;}
.newslist .list li + li{ margin-top: 20px; padding-top: 20px; border-top: 1px solid #e4e4e4;}
.newslist .list .p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
@media screen and (max-width:960px){
.newslist .list .dot{ padding-bottom: 20px;}
.newslist .list li + li{ margin-top: 20px; padding-top: 20px;}
}
@media screen and (max-width:768px){
.newslist .list .dot{ padding-bottom: 5px;}
.newslist .list .dot span{ display: none;}
.newslist .list .left{ margin-right: 10px; width: 120px; height: 90px;}
.newslist .list .right{ max-width: calc(100% - 130px);}
}

.newsinfo > .p{ display: flex; justify-content: center; padding: 15px 0; margin: 0 -10px; color: #666; flex-wrap: wrap;}
.newsinfo > .p > span{ margin: 0 10px;}
.newsinfo > .cont{ padding: 40px 0; margin-top: 40px; overflow: hidden; border-top: 1px solid #e5e5e5;}
.newsinfo > .cont img{ max-width: 100%;}
.newsinfo > .pan{ border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 15px 0;}
.newsinfo > .pan .left{ line-height: 2;}
.newsinfo > .pan .left b{ color: #1f43a5; }
.newsinfo > .pan .right .btn{ overflow: hidden;}
.newsinfo > .pan .right .btn a{ display: block; background: url(../img/backlist.png); width: 141px; height: 42px; line-height: 42px; text-align: center; padding-left: 20px; color: #000; float: right;}
.newsinfo > .pan .right .bdsharebuttonbox{ margin-right: -12px; padding-top: 10px;}
.newsinfo > .tuijain .title{ padding: 20px 0;}
.newsinfo > .tuijain .list{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: -30px;}
.newsinfo > .tuijain .list li{ width: 50%; margin-bottom: 30px;}
.newsinfo > .tuijain .list li:nth-child(2n+1){ padding-right: 20px;}
.newsinfo > .tuijain .list li:nth-child(2n){ padding-left: 20px;}
.newsinfo > .tuijain .list a{ display: block; border: 1px solid #e4e4e4; padding: 15px 30px; border-radius: 5px; transition: all .5s ease 0s;}
.newsinfo > .tuijain .list .t{ padding-bottom: 10px;}
@media screen and (min-width:961px){
.newsinfo > .tuijain .list a:hover{ box-shadow: 1px 1px 20px rgba(0,0,0,.2); transform: translate(0,-5px);}
}
@media screen and (max-width:960px){
.newsinfo > .cont{ padding: 20px 0; margin-top: 20px;}
.newsinfo > .pan .right{ display: none;}
.newsinfo > .tuijain .list li:nth-child(2n+1){ padding-right: 10px;}
.newsinfo > .tuijain .list li:nth-child(2n){ padding-left: 10px;}
.newsinfo > .tuijain .list{ margin-bottom: -15px;}
.newsinfo > .tuijain .list li{ width: 50%; margin-bottom: 15px;}
.newsinfo > .tuijain .list a{ padding: 15px;}
}
@media screen and (max-width:768px){
.newsinfo > .tuijain .list{ margin-bottom: -10px;}
.newsinfo > .tuijain .list li{ margin: 0 0 10px 0 !important; padding: 0 !important;  width: 100%;}
.newsinfo > .tuijain .list a{ padding: 10px;}
.newsinfo > .cont{ padding: 10px 0; margin-top: 10px;}
.newsinfo > .p{ padding:5px 0 0 0;}
.newsinfo > .tuijain .list .t{ padding-bottom: 0;}
}

.turning{ margin-top: 40px;}
.turning ul{ display: flex; align-items: center; justify-content: center;}
.turning ul li + li a{ margin-left: 10px;}
.turning ul a{border: 1px solid #e7e7e7; line-height: 38px; height: 40px; min-width: 40px; text-align: center; padding: 0 10px; transition: all .3s ease 0s;}
.turning ul a:hover,
.turning ul a.on{ background: #1988fc; color: #fff; border-color: #1988fc;}
@media screen and (max-width:960px){
.turning{ margin-top: 20px;}
.turning ul li a{ display: none;}
.turning ul li a{ line-height: 30px; height: 32px;}
.turning ul li .on,
.turning ul li:nth-child(1) a,
.turning ul li:nth-last-child(1) a{ display: block;}
}

.alltitle + .servicelist{ margin-top: -3%;}
.servicelist li:nth-child(2n+1){ background: #fff; border-radius: 25px; box-shadow: 1px 1px 15px rgba(0,0,0,.2); flex-direction:row;}
.servicelist li:nth-child(2n+1) .left{ margin-right: 10%;}
.servicelist .flex,
.servicelist li:nth-child(2n){ flex-direction: row-reverse;}
.servicelist .box .left,
.servicelist li:nth-child(2n) .left{ margin-left: 10%;}
.servicelist li{ padding: 30px 120px;}
.servicelist li + li{ margin-top: 30px;}
.servicelist li b{  color: #ff5429;}
.servicelist .left{ width: 60%; flex: 0 0 auto;}
.servicelist .left .t b{ color: #ff5429; font-weight: 400;}
.servicelist .left .t{ padding-bottom: 15px;}
.servicelist .left .t + div{ min-height: 75px;}
@media screen and (max-width:960px){
.servicelist li{ padding: 30px;}
.servicelist li:nth-child(2n+1){ border-radius: 10px;}
}
@media screen and (max-width:768px){
.servicelist li:nth-child(2n+1){ border-radius: 5px;}
.servicelist .left .t{ padding-bottom: 5px;}
}
@media screen and (max-width:640px){
.servicelist .flex,
.servicelist li{ display: block; position: relative;}
.servicelist li{ padding: 15px;}
.servicelist .left{ width: 100%; padding-top: 170px; text-align: center; margin: 0 !important;}
.servicelist .right{ position: absolute; left: 80px; top: 15px; right: 80px;}
.servicelist .right img{ position: absolute; right: 0; left: 0; margin: 0 auto; top: 0; max-width: 100%; max-height: 150px;}
.servicelist .left .t + div{ font-size: 14px; min-height: 0;}
}

.iolist ul{ display: flex; justify-content: space-between; color: #666;}
.iolist li{ background: #fff; padding: 40px; border-radius: 5px; box-shadow: 1px 1px 15px rgba(0,0,0,.2); width: 31%; transition: all .5s ease 0s;}
.iolist li .c-red{ text-align: center;}
.iolist li div.flex{ font-size: 15px; margin: 30px -3px 50px -3px; flex-wrap: wrap;}
.iolist li div.flex span{ padding: 0 3px;}
.iolist li dl{ margin: 50px -3px; flex-wrap: wrap;}
.iolist li dd{ text-align: center; padding: 0 3px;}
.iolist li dd .t{ font-weight: bold;}
.iolist li .btn a{ display: block; width: 80%; max-width: 185px; background: #ff5429; text-align: center; color: #fff; line-height: 50px; font-size: 16px; border-radius: 5px; margin: 0 auto;}
@media screen and (min-width:961px){
.iolist li:hover{ transform:translate(0,-15px);}
}
@media screen and (max-width:960px){
.iolist li{ padding: 20px;}
.iolist li div.flex,
.iolist li dl{ margin: 30px -3px;}
.iolist li .btn a{ line-height: 46px;}
}
@media screen and (max-width:640px){
.iolist ul{ display: block;}
.iolist li{ width: 100%;}
.iolist li + li{ margin-top: 15px;}
}

.iofuwuqi{ margin: 2% 0;}
.iofuwuqi .left{ width: 35%; margin-right: 5%; flex: 0  0 auto; padding-bottom: 50px; overflow: hidden;}
.iofuwuqi .right > div + div{ line-height: 2; padding-top: 30px;}
.iofuwuqi .left ul{ justify-content: space-around;}
.iofuwuqi .left li{ background: #e1e5f2; transition: all 3s ease 0s; position: relative;}
.iofuwuqi .left li:nth-child(1){ background: #ff5429;}
.iofuwuqi .left .t1,
.iofuwuqi .left .t2{ position: absolute; white-space: nowrap;}
.iofuwuqi .left ul{ width: 100%; height: 500px; border-left: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; display: flex; align-items: flex-end;}
.iofuwuqi .left li{ width: 70px !important;height: 0;}
.iofuwuqi .left .t1{ left: -100px; right: -100px; margin: 0 auto; top: -30px; text-align: center; line-height: 20px;}
.iofuwuqi .left .t2{ left: -100px; right: -100px; margin: 0 auto; bottom: -30px; text-align: center; line-height: 20px;}
@media screen and (max-width:960px){
.iofuwuqi .left ul{ height: 260px;}
}
@media screen and (max-width:768px){
.iofuwuqi .cont{ display: block;}
.iofuwuqi .left{ width: 100%;}
.iofuwuqi .right > div + div{ line-height: 1.8; padding-top: 10px;}
}

.btmianbao .box{ border: 1px solid #e4e4e4; padding: 3%; background: #fff;}
.btmianbao .left,
.btmianbao .right{ width: 49%;}
.btmianbao .left .alltitle{ margin-top: 0;}
.btmianbao .tab{ display: flex; margin-top: 10%;}
.btmianbao .tab li + li{ margin-left: 4%;}
.btmianbao .tab li{ width: 48%; max-width: 185px;}
.btmianbao .tab a{ display: block; text-align: center; line-height: 48px; border-radius: 24px; border: 1px solid #ff5429; color: #ff5429;}
.btmianbao .tab a:hover,
.btmianbao .tab .on a{ background: #ff5429; color: #fff; line-height: 50px; border: none;}
.btmianbao .list a{ display: block;}
.btmianbao .list img{ width: 100%;}
@media screen and (max-width:768px){
.btmianbao .box{  display: block;}
.btmianbao .left,
.btmianbao .right{ width: 100%;}
.btmianbao .left{ padding-bottom: 15px; text-align: center;}
.btmianbao .tab{ margin-top: 10px; justify-content: center;}
.btmianbao .tab a{ line-height: 38px;}
}

.zhuyishixiang .list{ border: 1px solid #e4e4e4; background: #fff;}
.zhuyishixiang .list li{ display: flex;}
.zhuyishixiang .list li + li{ border-top: 1px solid #e4e4e4;}
.zhuyishixiang .list .left{ width: 250px; background: #f6f6f6; flex: 0 0 auto; justify-content: center; transition: all .5s ease 0s;}
.zhuyishixiang .list .left:hover{ background: #ff5429; color: #fff;}
.zhuyishixiang .list .left,
.zhuyishixiang .list .right{ padding: 15px 40px; display: flex; align-items: center;text-align-last:left;}
@media screen and (max-width:1366px){
.zhuyishixiang .list li{ min-height: 80px;}
}
@media screen and (max-width:960px){
.zhuyishixiang .list .left{ width: 170px;}
.zhuyishixiang .list .left,
.zhuyishixiang .list .right{ padding: 10px;}
.zhuyishixiang .list li{ min-height: 0;}
}
@media screen and (max-width:768px){
.zhuyishixiang .list .left{ width: 100px;}
}

.cloudbtnlist{ width: 100%;}
.cloudbtnlist ul{ display: flex; flex-wrap: wrap; justify-content: center;}
.cloudbtnlist li{width: 100%;max-width: 170px;text-align: center;line-height: 46px;border: 1px solid #1d95ce;border-radius: 5px;cursor: pointer;user-select: none;font-weight: 300;}
.cloudbtnlist li.on{ background: #4d7ba2; color: #1d3e9f;}
@media screen and (min-width:861px){
.cloudbtnlist li + li{ margin-left: 30px;}
}
@media screen and (max-width:860px){
.cloudbtnlist ul{ max-width: 500px; margin: 0 auto;}
.cloudbtnlist li{ width: 48%; justify-content: space-between; margin: 1%; line-height: 38px;}
}

.cloudsflist{ width: 100%;}
.cloudsflist a{ color: #fff;}
.cloudsflist ul{ display: flex; justify-content: center;}
.cloudsflist li{ cursor: pointer; opacity: 0.7; transition: all .2s ease 0s; border-bottom: 1px solid transparent; user-select: none;font-weight: 300;font-size: 18px;}
.cloudsflist li + li{ margin-left: 30px;}
.cloudsflist li.on{ border-bottom-color: #fff; opacity: 1;}
.cloudsflist li.noclick{ cursor: no-drop;}

.cloudlist{background: #ffffff;border-radius: 15px;padding: 15px;box-shadow:1px 1px 15px rgb(33 135 206);}
.cloudlist table{ min-width: 100%; padding-right: 5px; border-spacing: 0;}
.cloudlist table a{ width: 140px; line-height: 48px; background: #24288b; color: #fff; text-align: center; display: block; border-radius: 4px;}
.cloudlist table tr:nth-child(2n+1){ box-shadow: 0 0 8px rgba(0, 0, 0, .1); border-radius: 8px; height: 30px; background: #fff;}
.cloudlist table tr:nth-child(2n+1) td{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.cloudlist table tr:nth-child(2n+1) td:nth-child(1){ border-radius: 8px 0 0 8px; border-left: 1px solid #ddd;}
.cloudlist table tr:nth-child(2n+1) td:last-child{ border-radius: 0 8px 8px 0; border-right: 1px solid #ddd;}
.cloudlist table tr.tr:last-child{ display: none;}
.cloudlist table td{text-align: center; white-space:nowrap; padding: 10px;}
.cloudlist table .line{ padding-bottom: 1px;}
.cloudlist .sbar{overflow: auto;}
.cloudlist .sbar .list{padding: 15px 0 15px 0;width: auto;}
@media screen and (min-width:961px){

}
@media screen and (max-width:960px){
.cloudlist{ padding: 10px; border-radius: 5px;}
.cloudlist .sbar .list{ padding: 5px 0 5px 5px;}
.cloudlist table{ padding-right: 5px;}
.cloudlist table tr:nth-child(2n+1){ height: 80px;}
.cloudlist table .line{ padding-bottom: 7px;}
.cloudlist table a{ width: 120px;}
}

.duibibox{ background: #fff; border: 1px solid #e4e4e4; padding: 60px 90px;}
.duibibox ul{ align-items: flex-start;}
.duibibox li{ padding: 0 10px;}
.duibibox li .ico{ position: relative; padding: 20px 20px 60px 20px; text-align: center;}
.duibibox li .ico .t1{ position: absolute;}
.duibibox li .ico .t2{ position: absolute; left: 0; right: 0; line-height: 30px; bottom: 20px;}
.duibibox li .ico .t1,
.duibibox li .ico .t2{ white-space: nowrap;}
.duibibox li:nth-child(1) .ico .t1{ top: 12%; left: 80%;}
.duibibox li:nth-child(2) .ico .t1{ top: 3%; left: 68%;}
.duibibox li:nth-child(3) .ico .t1{ top: 11%; left: 82%;}
.duibibox .p{ padding-top: 4%;}
@media screen and (max-width:1200px){
.duibibox{ padding: 15px;}
.duibibox ul{ padding-right: 50px;}
}
@media screen and (max-width:768px){
.duibibox ul{ padding-right: 0; display: block;}
.duibibox li{ max-width: 300px; margin: 0 auto;}
}

.pingtuan .alltitle{ margin-top: -4%;}
.pingtuan .list{ max-width: 1200px; margin: 0 auto;}
.pingtuan .list li{ background: #fff; border-radius: 5px; width: 48%; max-width: 560px; padding: 40px; box-shadow: 1px 1px 15px rgba(0,0,0,.2); transition: all .3s ease 0s;}
.pingtuan .list .p{ text-align: center; margin: 20px -30px;}
.pingtuan .list .p .d{ padding: 0 5px; line-height: 1; width: 25%;}
.pingtuan .list .p .d + .d{ border-left: 1px solid #dadadf;}
.pingtuan .list .p .d > div + div{ padding-top: 10px;}
.pingtuan .list .dline{ color: #999;}
.pingtuan .list .bli .left{ flex: 0 0 auto; margin-right: 10px;}
.pingtuan .list .bli .btn{ width: 100%; text-align: center; max-width: 180px;}
.pingtuan .list .bli .btn a{ display: block; width: 100%; background: #ff5429; color: #fff; border-radius: 5px; line-height: 50px; text-align: center;}

.qiang-com .list{flex-direction: row;flex-wrap: wrap;}
.qiang-com .list li{padding: 30px 30px 20px;}
.qiang-com .list li .padd{padding: 10px 0 15px;}
.qiang-com .alltitle{ margin: 4% 0 3% 0;}
.qiang-com .list li:nth-child(3),.qiang-com .list li:nth-child(4){margin-top: 4%;}
.qiang-com .alltitle.alltitle1{ margin-top: -4%;}

.qiang_wyfw{margin-top: 4%;}
@media screen and (min-width:961px){
.pingtuan .list li:hover{ transform:translate(0,-15px);}
}
@media screen and (max-width:960px){
.pingtuan .list li{ padding: 20px;}
.qiang-com .list li{padding: 20px 20px 10px;}
.pingtuan .list .p{ margin: 10px -10px;}
}
@media screen and (max-width:960px) and (min-width:769px) {
.pingtuan .list .bli{ display: block; text-align: center;}
.pingtuan .list .bli .left{ margin-right: 0;}
.pingtuan .list .bli .btn{ margin: 10px auto;}
}
@media screen and (max-width:768px){
.pingtuan .list{ display: block;}
.pingtuan .list li{ width: 100%; max-width: none;}
.pingtuan .list li + li{ margin-top: 15px;}
}

.tuanjllist .ico{ width: 184px; flex: 0 0 auto; margin-right: 35px;}
.tuanjllist li + li{ margin-left: 20px;}
.tuanjllist .txt{ line-height: 1.4; width: 100%;}
.tuanjllist .txt > div + div{ padding-top: 20px;}
@media screen and (max-width:960px){
.tuanjllist .ico{ width: 110px; margin-right: 20px;}
}
@media screen and (max-width:768px){
.tuanjllist .list{ display: block;}
.tuanjllist li + li{ margin:15px 0 0 0;}
}

.ktbzbox .amallbtn{ display: block; width: 100%; background: #ff5429; color: #fff; border-radius: 5px; line-height: 50px; text-align: center; max-width: 140px; margin: 4% auto 0 auto;}
.ktbzbox{ background: #fff; border: 1px solid #e4e4e4; border-radius: 5px; box-shadow: 1px 1px 15px rgba(0,0,0,.2); padding: 40px;}
.ktbzbox .tt{ margin-top: 4%;}
.ktbzbox .list{ text-align: center; align-items: flex-start; margin: 2% 0 0 0;}
.ktbzbox .list + .tt{ margin-top: 4%;}

.ktbzbox .p p{ line-height: 1.4; margin: 1em 0;}
@media screen and (min-width:961px){
.ktbzbox .list li{ max-width: 20%;}
.ktbzbox.tl .list li{ width: 20%;}
.ktbzbox .list .t{ line-height: 1.2; padding-top: 20px;}
.ktbzbox .list .line{ width: 26px !important; border-top: 1px solid #d9d9d9; margin-top: 35px;}
.ktbzbox .list .n{ width: 70px; height: 70px; border-radius: 50%; position: relative; background: #dee1e9; margin: 0 auto; line-height: 70px; z-index: 100; color: #333; user-select: none; transition: all .5s ease 0s;}
.ktbzbox .list .n::before{ content: "0";}
.ktbzbox .list .n::after{ content: ""; position: absolute; z-index: -1; width: 60px; height: 60px; background: #edf0f8; border-radius: 50%; left: 5px; top: 5px; transition: all .5s ease 0s;}
.ktbzbox .list .n:hover{ background: #cce5fe; color: #fff; font-weight: bold;}
.ktbzbox .list .n:hover::after{ background: #ff5429;}
}
@media screen and (max-width:960px){
.ktbzbox{ padding: 15px;}
.ktbzbox .list{ display: block; text-align: left;}
.ktbzbox .list li{ overflow: hidden; color: #333; line-height: 1.4; margin: 1em 0;}
.ktbzbox .list .n{ float: left;}
.ktbzbox .list .n::after{ content: "??";}
.ktbzbox .list li .br{ display: inline-block; padding-left: .5em;}
.ktbzbox .list .line{ display: none;}
}

.loginbox{ background: url(../img/user-bg.jpg) center center; background-size: cover; height: 100vh; position: relative; display: flex; align-items: center; justify-content: center; padding-bottom: 56px;}
.loginbox .copyright{ position: absolute; left: 0; right: 0; bottom: 0; background: #f7f8f9; padding: 15px 10px; line-height: 26px; text-align: center; color: #666;}
.loginbox .contbox{ max-width: 95%; width: 1200px; background: #fff;border-radius: 15px;}
.loginbox .contbox .left,
.loginbox .contbox .right{ width: 50%; padding: 40px; align-items: center; justify-content: center;display: inline-block; vertical-align:middle;}
.loginbox .contbox .right .box{ width: 100%; max-width: 390px; margin: 0 auto;}
.loginbox .contbox .right .l img{ display: block; margin: 0 auto;}
.loginbox .contbox .form ul{ margin: 70px 0;}
.loginbox .contbox .form .ul{ margin: 15px 0 40px 0;}
.loginbox .contbox .form li{ border-bottom: 1px solid #dfdfdf; display: flex; align-items: center;}
.loginbox .contbox .form li .getcode{ color: #fff; line-height: 30px; background: #0f5fda; padding: 0 15px; border-radius: 22px; flex: 0 0 auto; margin-left: 20px; user-select: none; cursor: pointer;}
.loginbox .contbox .form li+li{margin-top: 5px;}
.loginbox .contbox .form li input{ line-height: 26px; padding: 10px 0; width: 100%;}
.loginbox .contbox .form li.user input{ background: url(../img/user-user.png) left center no-repeat; padding-left: 30px !important; background-size: 20px;}
.loginbox .contbox .form li.pswd input{ background: url(../img/user-password.png) left center no-repeat; padding-left: 30px !important; background-size: 20px;}
.loginbox .contbox .form .btn{ background: #0f5fda; border-radius: 35px; line-height: 50px; text-align: center; color: #fff; width: 100%; margin-bottom: 15px; cursor: pointer;-webkit-appearance: none;  display: block;}
.loginbox .contbox .form .btn:last-child{ margin-bottom: 0;}

@media screen and (max-width:1366px){
.loginbox{ padding: 0 15px 56px 15px;}
.loginbox .contbox{ border-radius: 10px; max-width: 800px;}
.loginbox .contbox .left,
.loginbox .contbox .right{ padding: 20px;}
.loginbox .contbox .right .l img{ width: 50%;}
.loginbox .contbox .form ul{margin: 20px 0 !important;}
.loginbox .contbox .form li input{ padding: 6px 0;}
.loginbox .contbox .form .btn{ line-height: 40px;}
}
@media screen and (max-width:640px){
.loginbox .contbox .left{ display: none;}
.loginbox .contbox .right{ width: 100%; padding: 30px 15px;}
.loginbox .contbox .form ul{ margin:0 0 20px 0 !important;}
.loginbox .contbox .form li input{ padding: 8px 0;}
.loginbox .contbox{ max-width: 360px; width: 100%;}
}
.i11211621 p{ margin: .65em 0; line-height: 1.4;}
.i11211621 span{ color: #ff5429; font-weight: bold;}

.amallbtn{ overflow: hidden; position: relative;}
.amallbtn em,
.amallbtn span{ position: relative; z-index: 2; font-style: normal;}
@media screen and (min-width:961px){
.amallbtn .sbg{ width: 0; height: 0; position: absolute; transition: width .2s ease,height .2s ease; background:radial-gradient(circle closest-side,#51b9ff,transparent); left: 0; top: 0; transform: translate(-50%,-50%);}
.amallbtn:hover .sbg{ width: 300px; height: 300px;}
}


.ktbzbox .list2{ text-align: center; align-items: inherit; margin-top: 2%;}
.ktbzbox .list2 li{ width: 30%; display: flex;}
.ktbzbox .list2 li a{ background: #f0f2f6; display: block; padding:5% 15%; border-radius: 5px; height: 100%; width: 100%; transition: all .5s ease 0s;}
.ktbzbox .list2 li a:hover{ background: #ff5429; color: #fff;}
.ktbzbox .list2 li a:hover .t{ font-weight: bold;}
@media screen and (max-width:960px){
.ktbzbox .list2 li a{ padding: 5%;}
}
@media screen and (max-width:640px){
.ktbzbox .list2{ display: block;}
.ktbzbox .list2 li{ width: 100%;}
.ktbzbox .list2 li + li{ margin-top: 15px;}
}

.countdown span{ background: #fff; border-radius: 3px; line-height: 1.6; min-width: 1.6em; display: inline-block; margin: 0 5px; color: #ea1010;}

.groupbox{ background: #fff; border-radius: 10px; box-shadow: 1px 1px 15px rgba(0,0,0,.2); padding: 3% 8%;}
.groupbox .t{ color: #234aaf;}
.groupbox .jw{ margin: 3% 0;}
.groupbox .p{ width: 50%;}
.groupbox .p{ text-align: center; margin: 20px -30px;}
.groupbox .p .d{ padding: 0 5px; line-height: 1; width: 25%;}
.groupbox .p .d + .d{ border-left: 1px solid #dadadf;}
.groupbox .p .d > div + div{ padding-top: 10px;}
.groupbox .dline{ color: #999;}
.groupbox .link{ border-top: 1px solid #e9e9e9; padding-top: 3%; margin-top: 3%;}
.groupbox .link a:hover span,
.groupbox .link a{ color: #1b3c9c;}
.groupbox .link span{ color: #333;}
.groupbox .group .head{ justify-content: center; text-align: center; margin: 3% 0;}
.groupbox .group .head .pic,
.groupbox .group .head .pic img{ width: 120px; height: 120px; border-radius: 50%;}
.groupbox .group .head .box{ flex-direction: column; position: relative;}
.groupbox .group .head .box .tz{ position: absolute; top: 20%; left: 50%; background: #ea0909; color: #fff; width: 3.4em; border-radius: 5px; margin-left: 40px;}
.groupbox .group .list ul{ justify-content: center; margin: -15px 0; flex-wrap: wrap; align-items: inherit;}
.groupbox .group .list li{  margin: 5px  10px; flex-direction: column; min-width: 70px; align-items: center;}
.groupbox .group .list .ico,
.groupbox .group .list .ico img{ width: 40px; height: 40px; border-radius: 50%;}
.groupbox .group .list .ico{ margin-bottom: 5px;}
.groupbox .group .list .wen{ width: 40px; height: 40px; border: 1px dashed #ff5429; border-radius: 50%; line-height: 38px; text-align: center; background: #eef2f6;}
.groupbox .group .btn{ margin-top: 3%;}
.groupbox .group .btn .amallbtn{ margin: 0 auto; display: block; max-width: 165px; line-height: 50px; border-radius: 5px; background: #ff5429; text-align: center; color: #fff;}
@media screen and (max-width:960px){
.groupbox{ padding: 30px;}
}
@media screen and (max-width:640px){
.groupbox{ padding: 15px;}
.groupbox .jw{ display: block;}
.groupbox .p{ width: auto; margin-top: 10px;}
.groupbox .group .list ul{ margin: 0;}
}


.fenxiao_li + .fenxiao_li{ padding-top: 20px;}
.fenxiao_li_tt{ border-bottom: 1px solid #ddd;}
.fenxiao_li_tt > span{ position: relative; display: inline-block; line-height: 40px;}
.fenxiao_li_tt > span::after{ content: ""; position: absolute; width: 100%; left: 0; bottom: -1px; border-top: 2px solid #1b3c9c;}
.fenxiao_li .bbox{ padding: 15px 0;}
.fenxiao_li .fx_left{ flex: 0 0 auto; width: 20%; margin-right: 2%; max-width: 130px;}
.fenxiao_li .fx_right{ width: 100%;}


.aboutcontent .pic{ margin-right: 2%; width: 40%; flex: 0 0 auto; min-width: 350px;}
.aboutcontent .pic .pbx{ width: 48%; padding: 2%; border: 1px solid #ddd;}
.aboutcontent .pic .pbx img{ min-width: 100%; min-height: 100%;}

@media screen and (max-width:960px){
.aboutcontent > .flex{ display: block;}
.aboutcontent .pic{ min-width: 0; width: 100%; max-width: 600px; margin: 0 auto 3% auto;}
}


.yhqlist{ overflow: hidden; margin-top: -6%;}
.yhqlist ul{ text-align: center; font-size: 0; margin: 0 -15px;}
.yhqlist li{ display: inline-block; margin: 0 30px;}
.yhqlist li{ width: 406px; height: 154px; background: url(../img/i12_yhq.png); color: #fff; position: relative; margin-top: 3%; background-size: 100% 100%;}
.yhqlist li a{ color: #fff;}
.yhqlist li .flex{ width: 100%; position: relative; left: 0; top: 0; height: 100%;}
.yhqlist li .song{ position: absolute; width: 50px; height: 50px; background: #fff; color: #222; text-align: center; line-height: 50px; border-radius: 50%; box-shadow: 1px 1px 5px rgba(255, 255, 255, 0.3); left: 54%; top: 50%; margin: -25px 0 0 -25px;}
.yhqlist li .left{ width: 53.8%;}
.yhqlist li .right{ width: 46.2%;}
.yhqlist li .left,
.yhqlist li .right{text-align: center; line-height: 1.4; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.yhqlist li .br{ display: none;}
@media screen and (max-width:1400px){
.yhqlist li{ width: 30%; margin: 1.5% 1.6666666%;}
.yhqlist li .song{ width: 30px; height: 30px; line-height: 30px; margin: -15px 0 0 -15px; font-size: 14px}
}
@media screen and (max-width:960px){
.yhqlist li{ width: 48%; margin: 1.5% 1%; height: auto; padding: 3% 0;}
}
@media screen and (max-width:640px){
.yhqlist ul{ margin: 0 -8px;}
.yhqlist li{ transform:scale(0.75,0.75); width: 60%; margin: -2% -6%;}
.yhqlist li .br{ display: block;}
}

.gndbtable .table{ border-collapse: collapse; width: 100%; border: 1px solid #E5E5E5; border-collapse: separate; overflow: hidden; background: #ffffff;border-radius:6px; line-height: 1.4;}
.gndbtable .table .thead-tr,
.gndbtable .table .thead-tr th {background:#3669f0; color: #fff; font-weight: normal;}
.gndbtable .table .thead-tr th{ border-left: 1px solid #E5E5E5; text-align: center;}
.gndbtable .table .thead-tr th,
.gndbtable .table tr td{ padding: 20px 30px;}
.gndbtable .table .thead-tr th:first-child{border-left-color:#3669f0}
.gndbtable .table tr td { border: 1px solid #E5E5E5; border-right: none; border-bottom: none; vertical-align: middle;}
.gndbtable .table tr td.tname{ border-left: none; text-align:center; font-weight: bold;}
.gndbtable .table .yes{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAChElEQVQ4T52Uz0sUcRjGn2dWly0PBiZ4CaKgDlLBzgpCZLq7kJC4WliC0CEisCjUU39BdQk99OtQp4hEJWet9FCuIlSQu7pCXQqCCCrIIJdEWnfmiTF323TJzTm+3+f5PDPv+86XKPC0DcAz7ws0GZIJwS8wAECEEiBmJE1XpGdGB0/AXmvn2kL4cc0uLasfRE2hsFxNmGYp2581Tb/P1/0FbBj2nzXIXoBb/wlbPZT0g2DXeGv8blafA4Ys8xzAG8WA1mpEdcYiidtufQUYHDZ3g3xNwLcZIKBFlTrVsaOzHwjBCFrmK5Lm/8AEZCgtgix3fQKexyLxQ6wf8dd6HOPlf8GEJRh2I8HvkDGX9TpQLUNRswfitWKB7iBA+0isJfmiYSQQMRxYWa/kdDM0HBgCcTxXBB4RqgRYu6757lQ9dnC8OTntwuhgiEDJH6AGXOA8iIrffZCW0t6yFFJ2lXfLEwDhPGgKRibswoJRs40O+kEaa0I/MmgFPhOoyqUQfbFIvLt+YqfPs1AxsfqmKVuZw5OtyWQo6u+QeI/gup9CwBeGrMAYgMb8JEm3Yi2J8/WD1WUer2/Uln3RhTVEA6cp3SkEW/lCYYxBy7xC8NL6oej+eCRxCoSzuqudJG9uMLzLDFn+k4DRX1goy+tdaP+ZLu8ieLWITWij2ytjYXuSwN5CBklfSVZuCJPe2du+7V9pbNgy90mIg/RuaCycmnY8Gf9E89yb3KSCw/4u0ujdDFDChVhr/HrucshCgpZ5hkAfwLIiwSkIPQWvryygzqrZUQI9IHBwA+ikQbvjaWT2U75u3XJmD0MPD+yRUVIHsI5QSMIyyClAU3QyU+PH5t4WCvwFIhoEHsPQr38AAAAASUVORK5CYII="); background-position:center center; background-repeat:no-repeat; }
.gndbtable .table .no{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAA3NCSVQICAjb4U/gAAAAh1BMVEX/////mZn/mZn/k5P/iYn/h4f/jY3/i4v/h4f/g4P/iYn/h4f/dHT/cnL/cXH/b2//Xl7/WFj/////9/f/9fX/8/P/8fH/7+//7Oz/6+v/5+f/np7/kZH/kJD/jY3/Zmb/Y2P/YGD/Xl7/XFz/Wlr/WFj/Vlb/VFT/U1P/TEz/SEj/QkL/QUFqVWvnAAAALXRSTlMAd4iIiIiZmbu7zMzd3d3d7u7///////////////////////////////////9R2fnNAAAACXBIWXMAAAsSAAALEgHS3X78AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAALJJREFUGJVtUdkSgjAMDCgeiIqhxQPkqBwW+//fJwk4HLIv6e5MNpsUgLHx/Eb73hoGrCrTo7R+2sGM4C5ovWqZGcjh3VYdK6Iq1uQLsCWWoMyNyQQmxBw4U8kDvBavEIOC2AlK9kkFPm4oUyYXaDr3TCKGefdulkQ9ar+jzPp2HqTaQaUKUXCyYxfpiWISCWpyibgxjSh83W5kz7b88KHcqbhbONP+/8iVPbq94/l6+I4v/uYuRXssRSIAAAAASUVORK5CYII="); background-position:center center; background-repeat:no-repeat; text-align:center; color:#FF0000; font-size:14px; text-indent:-999em; }
.gndbtable .table .txt{ text-align:center; white-space: nowrap;}
@media screen and (max-width:1200px){
.gndbtable .table .thead-tr th,
.gndbtable .table tr td{ padding: 12px 20px;}
}
@media screen and (max-width:768px){
.gndbtable .table .thead-tr th,
.gndbtable .table tr td{ padding: 5px 8px;}
}

.btsoft{ align-items: inherit; border: 1px solid #ddd;}
.btsoft .left{ width: 70%; flex: 0 0 auto; max-width: 812px; position: relative; z-index: 2; margin: -1px;}
.btsoft .right{ border-radius: 5px; background: #fff; display: flex; padding: 30px; flex-direction: column; justify-content: center;}
.btsoft .right > * + *{ margin-top: 10%;}
@media screen and (max-width:960px){
.btsoft{ display: block; border: none;}
.btsoft .left,
.btsoft .left img{ width: 100%; max-width: none; margin: 0;}
.btsoft .right{ border: 1px solid #ddd; margin-top: -10px; padding: 20px 15px 15px 15px;}
.btsoft .right > * + *{ margin-top: 3%;}
}


    
.bt_list .flex{ max-width: 1000px; margin: 0 auto;flex-direction: row-reverse;}
.bt_list .left{ flex: 1; max-width: 675px; margin-right: 20px;}

.bt_list .list2 li > div{ position: relative;}
.bt_list .list2 img{ box-shadow: 0 0 20px #bbb; width: 100%; flex: 0 0 auto; height: auto;}
.bt_list .list2 .dbimg{width: 62%;}
.bt_list .list2 .bt-wx-app{position: absolute;top: -4%;box-shadow: none;width: 36.2%; right: 0;}


.bt_list .right{ width: 260px;}
.bt_list .list3{ overflow: hidden; margin: -30px 0 0 -60px;}
.bt_list .list3 li{ text-align: center; float: left; margin: 30px 0 0 60px; cursor:pointer;}
.bt_list .list3 li .icon{ background-image:url("../img/pro-icon.png"); background-repeat:no-repeat; border:#ccc 1px solid; height:70px; width:70px; border-radius:35px; margin: 0 auto 10px auto;}
.bt_list .list3 li .ico1{background-position:0 0;}
.bt_list .list3 li .ico2{background-position:-212px 0;}
.bt_list .list3 li .ico3{background-position:-283px 0;}
.bt_list .list3 li .ico4{background-position:-142px 0;}
.bt_list .list3 li .ico5{background-position:-71px 0;}
.bt_list .list3 li .ico6{background-position:-355px 0;}

.bt_list .list3 li.on .ico1{background-position:0 -71px;}
.bt_list .list3 li.on .ico2{background-position:-212px -71px;}
.bt_list .list3 li.on .ico3{background-position:-283px -71px;}
.bt_list .list3 li.on .ico4{background-position:-142px -71px;}
.bt_list .list3 li.on .ico5{background-position:-71px -71px;}
.bt_list .list3 li.on .ico6{background-position:-355px -71px;}

.bt_list .list3 .on .icon{border:#20a53a 1px solid;background-color:#20a53a;}
.bt_list .list3 li:hover .icon{border:#20a53a 1px solid;}
@media screen and (max-width:960px){
.bt_list .flex{ display: block;}
.bt_list .left{ margin: 4% auto 0 auto;}
.bt_list .right{ width: 100%;}
.bt_list .list3{ margin: 0 auto; display: flex; align-items: center; justify-content: space-between;max-width: 675px; }
.bt_list .list3 li{ margin: 0;}
.bt_list .list3 li .icon{ width: 35px; height: 35px; background-size: 212px;}

.bt_list .list3 li .ico1{background-position:-1px -1px;}
.bt_list .list3 li .ico2{background-position:-107px -1px;}
.bt_list .list3 li .ico3{background-position:-142px -1px;}
.bt_list .list3 li .ico4{background-position:-72px -1px;}
.bt_list .list3 li .ico5{background-position:-36px -1px;}
.bt_list .list3 li .ico6{background-position:-178px -1px;}

.bt_list .list3 li.on .ico1{background-position:-1px -36px;}
.bt_list .list3 li.on .ico2{background-position:-107px -36px;}
.bt_list .list3 li.on .ico3{background-position:-142px -36px;}
.bt_list .list3 li.on .ico4{background-position:-72px -36px;}
.bt_list .list3 li.on .ico5{background-position:-36px -36px;}
.bt_list .list3 li.on .ico6{background-position:-178px -36px;}
}
@media screen and (max-width:480px){
.bt_list .list3 li .appname{ display: none;}
}

table{border-collapse: collapse;width:100%;background: #ffffff;border: 1px solid #e4e4e4;}































/*wrapper*/
.wrapper1{width: 90%;margin:0 auto;position: relative;background: rgb(245, 246, 250);}
.wrapper{width:80%;margin:0 auto;position: relative;}
.title{position: relative;padding:50px;}
.title h2{font-size:58px;font-weight: normal;}
.title p{color:#666;margin-top:10px;}
.main_product{margin:27px 0 50px 0}
.main_product li{width:360px;height: 230px;display: inline-block;background:#fff;box-shadow: 1px 1px 10px rgba(0,0,0,.1);position: relative;padding-bottom:60px;vertical-align:top;}
.main_product li:hover{box-shadow: 1px 1px 10px rgba(0,0,0,.3);}
.main_product li h3{font-size:20px; /*background:rgba(10,118,214,.2);*/color:#0a76d6; text-align: center;padding:25px 8px 0 8px;}
.main_product li h2{font-size:18px; text-align: center;}
.main_product li h4{font-size:14px; text-align: center;}
.main_product li h4 dfn{color:#CC0000;font-size:30px;}
.main_product li div.parameter{border-top:1px solid #efefef;padding:20px;color:#666;line-height:2;margin:10px 0;}
.main_product li div.parameter p{display: inline-block; background: #f3f8fd;padding:2px 10px;margin-right:10px;margin-bottom:10px;}
.main_product li .bluebtn{position: absolute;bottom:-20px;left:30%;right:30%;margin:0 auto;box-shadow: 5px 5px 5px rgba(0,0,0,.3);font-size:16px;}
.main_product li .info{padding:30px 20px;}
.main_product li .info span,.main_product li .info p{display: inline-block;width:70%;margin-left:10px;color:#666;}
.main_product li .info span{width:70px;height:80px; vertical-align: top;margin-top:5px;font-size:75px;color:#0a76d6;}
.main_product li .info span.t-in02{background:url(../images/xinlogo2) no-repeat;background-size:100% auto; }
.main_product li .info span.icon-gfip{margin-left:0;}
.main_product li.tdun{margin:0 35px;width:400px;position: relative;top:-70px;height:531px;}
.main_product li.tdun h3{position: relative;}
.icon-hot{position: absolute;right:-5px;top:-6px; background: url("../images/hot") no-repeat; background-size:cover;width:60px;height:60px; }
.solution_con{position: relative;padding:100px 0 30px 0;}
.tdun_con dt,.tdun_con dd{display: inline-block; vertical-align: top;}
.tdun_tab{ width:100%;left:0;background: #fff;box-shadow: 1px 1px 10px rgba(0,0,0,.1);border-radius: 0 0 5px 5px;padding:10px;position: absolute;top:-40px;height:80px;line-height:60px;font-size:18px; text-align:center;z-index:6;cursor: pointer;}
.tdun_tab li.swiper-pagination-bullet{display:inline-block;width:24.5%;color:#666;border-right:1px solid #f2f2f2;}
/*.tdun_tab li:hover{text-shadow: 1px 1px 10px rgba(0,0,0,.2)}*/
.tdun_tab li:last-child{border-right:0;}
.tdun_tab li em{color:rgba(10, 118, 214, 0.2);margin-right:10px;font-size:35px;}
.tdun_tab li.active,.tdun_tab li.active em,.tdun_tab li:hover,.tdun_tab li:hover em{color:#0a76d6;}

.tdun_tab li.swiper-pagination-bullet-active em,.tdun_tab li.swiper-pagination-bullet-active{color:#0a76d6;}
 li.swiper-pagination-bullet{background: none;width:auto;height:100%;opacity: 1;border-radius: 0;}
 li.swiper-pagination-bullet-active{ background: none;border-radius: 0;outline:none; }





.tdun_con dd{width:835px;padding:0 20px;}

.tdun_con dd h4{font-size:14px;margin-top:15px;}
.tdun_con dd p{color:#666;}
.tdun_con dd .detail{margin-bottom:20px;}
.tdun_con dd h3{font-size:20px;margin-bottom:10px;font-weight:normal}
.tdun_con dd .bluebtn{font-size:14px;margin-top:20px;}
.tdun_con dd ul li{padding-bottom:15px;}
.tdun_con dt{width:330px;margin-right:20px;}

.tdun_con dt img{width:100%;}
.tdun_con dt h3{padding:10px; text-align: center;font-size:18px;font-weight:normal;}
.logo_flink{margin-top:2500px;}
.logo_flink img{display: inline-block;margin-left:20px;width:100px;height:46px;}
.pro_feature {margin:50px 0;}
.pro_feature li{ background: #fff;box-shadow: 1px 1px 10px rgba(0,0,0,.1);width:32%;display:inline-block;margin-right:1.5%;padding:40px 25px;color:#666;line-height:2;margin-bottom:25px; position: relative;}
.pro_feature li h2{font-size:20px;color:#333;font-weight:normal;margin-bottom:10px;margin-left:40px;}
.pro_feature li:nth-child(3n){margin-right:0}
.pro_feature li i{position:absolute;left:10px;top:-30px;font-size:80px;font-family: Arial, 'Franklin Gothic Medium', 'Arial Narrow', sans-serif;color:rgba(10,118,214,.08);font-style: italic}
.pro_feature li em{color:#0a76d6;font-size:14px;margin-right:5px;}
.news_index dt{height:400px;background: #fff;}
.news_index dt h3{margin-top:20px;}
.news_index dt p{padding:0 20px;color:#666;}
.news_index dt a{color:#333}
.news_index dt:hover{box-shadow: 1px 1px 10px rgba(0,0,0,.2)}
.news_index div{padding:15px 10px;border-bottom:1px solid #fff;position: relative;}
.news_index div:hover{box-shadow: 1px 1px 10px rgba(0,0,0,.5);border-radius:5px;}
.news_index div:first-child{padding-top:0;}
.news_index div:last-child{border-bottom:0;}
.news_index div h3{font-weight:normal;font-size:16px;margin-bottom:5px;width:78%;display: inline-block;}
.news_index div h3 a,.news_index div a h3{color:#333; vertical-align: top;}
.news_index div span{font-size:14px;color:#999;display: inline-block;position: absolute;right:20px;}
.news_index div a span{color:#999;}
.news_index div h3 em{color:#0a76d6;}
.news_index div p,.solution_box p{font-size:12px; position: relative;}
.news_index div p{padding-right:30px;}
.news_index div p em.icon-arrow,.solution_box em.icon-arrow{position: absolute;right:0;bottom:-5px;color:rgba(10,118,214,.3);font-size:25px;}
.solution_box em.icon-arrow{bottom:0;}
.news_more{ text-align: right;position: relative;bottom:-35px;}
.partner li{width:14.2%;margin:1%;display: inline-block; text-align: center;}
.partner li img{width:130px;height:60px;border:1px solid #f2f2f2;}
.phone_submit_bar{ background: #f2f2f2;padding:15px; text-align: center;font-size:20px;color:#333;}
.phone_submit_bar .greenbtn{cursor: pointer;margin-left:20px;}
/* .input_phone,.submit_green{display: inline-block;vertical-align: middle;} */
.input_phone{width:500px; background: #fff;height:40px;padding:0 10px;}
.submit_green{height:40px; border-radius: 0 2px 2px 0;position: relative;left:-4px;cursor: pointer;}
.foot{ background: #333;color:#999;}
.foot a{color:#999;}
.foot a:hover{color:#fff;}
.copyright{font-size:12px;}
.alink_list a,.copyright_txt span{display:inline-block;margin:0 10px;}
.copyright,.subnav{padding:40px 0;}
.subnav,.linkfriend{border-top:1px solid #434343;}
.linkfriend{padding: 8px 0;font-size:12px;}
.weixin_phone,.subnav ul,.weixin_phone h1,.qrcode{display: inline-block; vertical-align: middle;}
.subnav li{display: inline-block;width:195px;}
.subnav li h3{font-size:16px;margin-bottom:10px;}
.subnav li a{display:block;line-height:2.2;}
.weixin_phone h1{color:#fff;font-size:30px;font-weight:normal;margin-right:35px;}
.weixin_phone em{margin-right:20px;}
.qrcode {padding:5px;background:#fff;color:#333; text-align: center;font-weight:bold;}
.qrcode span{width:100px;height:100px;display: block; background:#fff url(../images/wx.png) no-repeat; background-size:cover;margin-bottom:5px; }
.service_txt li{width:28.5%; display: inline-block;font-size:18px;color:#ccc;margin:30px 0}
.service_txt li:last-child{width:13%}
.service_txt li em{font-size:40px;margin-right:10px;}
.service_txt li em.icon-vip{font-size:33px;}
/*?ogȨei*/
.consultation,.right_contact{position: fixed;right:0;bottom:40%; background: #fff;box-shadow: 1px 1px 10px rgba(0,0,0,.1);z-index:999;border-radius: 2px 0 0 2px;}
.consultation{right:50px;padding:10px 0;}
.consultation li{padding:5px 0;text-align: center;}
.icon-qq{width:30px;height:30px; background:url("../images/qq") no-repeat; background-size:cover;display:inline-block; vertical-align: middle; }
.consultation li.phone{font-size:16px;border-top:1px solid #f2f2f2;padding:10px;margin-top:20px; background:#f2f2f2;color:#333;}
.consultation li .icon-phone{font-size:30px;color:#CC0000;display: block; }
.right_contact{cursor: pointer;}
.right_contact em.icon-phone,.right_contact em.icon-top{font-size: 30px;}
.right_contact p{border-top:1px solid #e5e5e5;padding:10px;}
.right_contact p:first-child{border-top:0;}

/*Ȧ?ƌȦ?i????@*/
.shadow{ box-shadow: 1px 1px 10px rgba(0,0,0,.1);}
.left_con{/*width:76%;position: relative;*/padding:30px 40px 40px 40px;}
.right_con{width:18%;position: absolute;right:0;top:0;background:#fff;box-shadow: 1px 1px 10px rgba(0,0,0,.1);}
.right_con dt{color:#CC0000;padding:8px 15px 5px 15px;border-bottom:1px solid #f2f2f2;font-weight:bold;}
.right_con dd{padding:15px;line-height:2.5;}
.btn_space a{margin-right:20px;margin-top:30px;}

.tdun_advantages li{min-height:318px;display:inline-block; vertical-align: middle;width:24%;margin-right:1%; background: #fff;border:1px solid #e5e5e5;padding:30px; text-align:center;margin-bottom:20px;}
.tdun_advantages li:nth-child(4n){margin-right:0;}
.tdun_advantages li h3{font-size:18px;font-weight:normal;margin-bottom:15px;}
.tdun_advantages li em{display: block;margin-bottom:15px;font-size:70px;color:#333;}
.tdun_advantages li p{text-align: left;color:#666;}
.tdun_advantages li em.icon-t02{font-weight:600;}



.tdun_tab_scene{left:200px;position: absolute;top:90px;font-size:16px; text-align:center;z-index:6;cursor: pointer;}
.tdun_tab_scene li{display:inline-block;margin:0 20px;color:#666;border-bottom:2px solid #fff;}
.tdun_tab_scene li.swiper-pagination-bullet-active,.tdun_tab_scene li:hover{color:#0a76d6;border-bottom:2px solid #0a76d6;}
.border-gray{border:1px solid #e5e5e5;}
.tdun_cont_scene{position: relative;}
.tdun_cont_scene .swiper-slide {padding:20px;}
.tdun_cont_scene dt,.tdun_cont_scene dd{display: inline-block; vertical-align: top;}
.tdun_cont_scene dt,.tdun_cont_scene dt img{width:200px;height:150px;}
.tdun_cont_scene dd{margin-left:50px;width:800px;}
.tdun_cont_scene dd h3,.tdun_cont_scene dd p .white-btn{margin-top:58px;}
.tdun_cont_scene .swiper-container{margin-bottom:40px;}

.pro_attribute td,.pro_attribute th{padding:10px; text-align: center;font-size: 22px;font-weight:500;}
.pro_attribute tbody tr:nth-child(even){ background: #f2f2f2;}
.pro_attribute thead{background:#FF5429;color:aliceblue;box-shadow: 1px -1px 5px rgba(0,0,0,.1)}
.pro_attribute thead td{color: #010000;font-weight: bold;}
.pro_attribute .greenbtn,.pro_attribute .bluebtn{font-size:14px;padding:3px 10px;margin:0 10px;}
.pro_attribute tbody tr td:nth-child(9){ }
.tdun_step{padding:40px 20px;border:1px solid #f2f2f2;}
.tdun_step li{display: inline-block; text-align: center;width:250px;}
.tdun_step li i{color:#e5e5e5;font-size:80px;margin-left:35px; }
.tdun_step li span{ background: #e5e5e5;color:#333;display:inline-block;border-radius: 50%;width:110px;height:110px;padding-top:20px;font-size:16px; vertical-align: middle;}
.tdun_step li em{display: block;font-size:40px;margin-bottom:5px;}
.tdun_step li:last-child{width:110px;margin-left:20px;}
.video_con {margin-bottom:100px;}
.video_con li,.tdun_solution_secen li{width:31.4%;margin-right:2.5%; background: #fff;border:1px solid #e5e5e5;padding:10px;display: inline-block;vertical-align: top; text-align: center;}
.video_con li:last-child,.tdun_solution_secen li:last-child{margin-right:0;}
.video_con li h3{font-weight:normal;font-size:16px;}
.video_con li div{width:100%;height:206px;position: relative;margin-bottom:10px;cursor: pointer;}
.video_con li div em{position: absolute;top:85px;left:155px;z-index:100;color:#fff;}
/* .video_con li div:before{content:'';width:100%;height:100%; background: rgba(0,0,0,.5);position:absolute;left:0;top:0;z-index:1;} */
.tdun_solution_secen{margin-top:80px;}
.tdun_solution_secen li{text-align: left;padding:0;min-height:500px;}
.tdun_solution_secen li h3{ background: #f2f2f2; text-align: center;font-size:18px;font-weight:normal;padding:10px 0;}
.tdun_solution_secen div{padding:20px;}
.tdun_solution_secen div.keyword span{display:inline-block;margin-right:25px; }
.tdun_solution_secen li .detail{padding:20px;color:#666;}
.successful_cases{margin-bottom:100px;}
.successful_cases dl{padding:30px 0;border-bottom:1px solid #e5e5e5;}
.successful_cases dl:last-child{border-bottom:0;}
.successful_cases dl dt,.successful_cases dl dd,.successful_cases dl dd em,.successful_cases dl dd span{display: inline-block;vertical-align: top; }
.successful_cases dl dt{width:510px;box-shadow: 1px 1px 5px rgba(0,0,0,.1);}
.successful_cases dl dt img{width:510px;height:200px;}
.successful_cases dl dd{margin-left:50px;width:630px;color:#666;}
.successful_cases dl dd h3{font-weight:normal;font-size:16px;color:#333;margin-bottom:10px;}
.successful_cases dl dd em{display: inline-block;font-weight:bold;vertical-align: top;}
.successful_cases dl dd span{width:550px;margin-left:10px;}
.successful_cases dl dd p{margin-bottom:5px;}

.tdun_tab_technical{border-bottom:2px solid #e5e5e5;margin:0 20px;}
.tdun_tab_technical li{display: inline-block;padding:10px 0;margin-right:30px;cursor: pointer;position: relative;top:1px;font-size:18px;}
.tdun_tab_technical li.active,.tdun_tab_technical li.swiper-pagination-bullet-active{border-bottom:3px solid #0a76d6;color:#0a76d6;}
.tdun_cont_technical .swiper-wrapper{margin-bottom:100px;}
.tdun_cont_technical .swiper-slide{padding:20px;}
.tdun_cont_technical h3{font-size:16px;font-weight:normal;background:#fff;box-shadow: 1px 1px 5px rgba(0,0,0,.1);border-left:2px solid #0a76d6;padding:5px 10px;margin:30px 0 20px 0; }
.tdun_cont_technical p{margin-top:10px;color:#666;}
.tdun_newslist dl{padding:20px; background:#fff;box-shadow: 1px 1px 5px rgba(0,0,0,.1);margin-bottom:20px;}
.tdun_newslist dt,.tdun_newslist dd{display: inline-block; vertical-align: top;}
.tdun_newslist dt,.tdun_newslist dt img{width:126px;height:98px;}
.tdun_newslist dt.noticeimg,.tdun_newslist dt.noticeimg img{width:126px;height:68px;}
.tdun_newslist dd{width:883px;margin-left:30px;}
.tdun_newslist dd h4{position: relative;font-size:16px;font-weight:normal;}
.tdun_newslist dd h4 span{position: absolute;right:0;top:0;color:#999;font-size:14px;}

.certificate{margin:40px 0;}
.certificate li{width:22%;display: inline-block; background: #ccc;margin-right:3.5%;padding:15px; text-align: center;background: #f2f2f2; }
.certificate li img{width:100%;}
.certificate li:last-child{margin-right:0;}
.aboutus_con p{text-indent: 25px;}
.aboutus_con .title{margin-bottom:30px;font-weight:normal;border-bottom:2px solid #e5e5e5;padding-bottom:10px;}
.aboutus_con .title span{border-bottom:3px solid #0a76d6;position: relative;top:12px;font-size:24px;display: inline-block;padding-bottom:10px;}
.aboutus_con strong{color:#333;}
/*.logo_ab{ float:left;background: #f2f2f2;width:320px;height:266px;margin-right:20px;}
.logo_ab img{width:100%;}	*/
.join_us,.right_txt{line-height:2;}
.join_us{margin:30px 0;}
.join_us p{text-indent: 0;}

.contactus dt,.contactus dd,.qcode,.qq_zx,.contactus dd img,.qcode span{display: inline-block; vertical-align: top;}
.contactus dt{width:795px;line-height:2.5}
.contactus dd{width:400px;border:1px solid #e5e5e5;padding:20px;margin-top:30px;}
.contactus dd img{width:80px;height:80px;}
.contactus p{text-indent:0;}
.qq_zx{width:150px;}
.qcode span{margin-left:20px;}
.contactus dd img,.qcode span,.qq_zx,.qcode{ vertical-align: middle;}
/*map*/
#allmap {
  width: 100%;
  height: 400px;
  overflow: hidden;
  margin:40px 0 100px 0;
  font-family: "???Ȩ?eȦ?mȦ?n";
}

.warpper_hd{ width: 100%; margin: 55px 0;}
.warpper_hd ul{ text-align: center;}
.warpper_hd ul li{width: 200px;height: 60px;text-align: center;line-height: 56px;border: 1px solid #c7cdd9;border-radius:6px;box-sizing: border-box;font-size: 27px;margin: 0 7px;display: inline-block;cursor: pointer;}
.warpper_hd ul li.on{background: #FF5429;color: #fff;}



.menu_con{background: #fff;box-shadow: 1px 1px 10px rgba(0,0,0,.1);}
.menu_con li{padding:15px;display: inline-block;width:32%; text-align: center;font-size:18px;}
.menu_con li a{display: block;color:#333;}
.menu_con li.on,.menu_con li:hover{color:#fff; background: #0a76d6;}
.menu_con li.on a,.menu_con li a:hover,.menu_con li:hover a{color:#fff;}

.news_detail .info{line-height:2;margin-top:50px;min-height:600px;}
.news_detail h1{font-size:28px;font-weight:normal;text-align: center;margin-bottom:5px;}

.current{ background: #f5f5f5;padding:10px;}
.current .icon-rarrow{font-size:20px;margin:0 5px;color:#ccc;}
.current .title{padding:0;}
#myPage1,#myPage2{ text-align: center;margin-top:50px;}

.freebox{ z-index:999;background: #fff;box-shadow: 1px 1px 10px rgba(0,0,0,.5);width:500px;height:350px;padding:20px 0; position: fixed;top:50%;left:50%;margin-left:-250px;margin-top:-175px;}
.mask{width:100%;height:100%; background: rgba(0,0,0,.5);position: fixed;top:0;left:0;z-index:99}
.freebox input{margin:10px 0;}
.freebox .inp_text{width:80%; background: #fff;border:1px solid #e5e5e5;height:40px;padding:0 10px;margin-left:10px;}
.freebox .bluebtn{cursor: pointer;height:40px;}
.freebox h3{font-size:18px;font-weight: normal;margin-bottom:10px; text-align: left;padding-left:30px;position: relative;}
.freebox .close{position: absolute;right:20px;top:5px;font-size:20px;cursor: pointer;color:#0a76d6;}
.sucessbox{height:100px !important;margin-top:-50px !important;}
.sucessbox h1{text-align: center;font-size:20px;line-height:50px;color:#0a76d6;}
/*Ȩl?Ȧin??q?hoȦ?ƌȦ?i*/

.video-player-wrapper{width: 70%;position: fixed;top: 2%; left: 50%;margin-left:-35%;z-index: 999; background: #fff; box-shadow: 1px 1px 10px rgba(0,0,0,.1); }
.video-player-wrapper .closer-handler{ text-align: right;color:#0a76d6;margin-bottom:15px;cursor: pointer;}
.video-player-wrapper .con{padding:20px;}
.app_txt{display: none;}
.about_banner{position:relative;padding-top: 140px; width:100%;min-height:400px; background: url(../images/aboutus) no-repeat; background-size: cover; color:#fff;}
.about_banner:before{content:"";position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.2);z-index:0;}
.about_banner h1{font-weight:normal;font-size:38px;margin-bottom:10px;}
.about_banner .info{width:1200px;margin:0 auto;padding-right:500px;position: relative;z-index:3;}
.safe_img{padding:40px 0;border:1px solid #e5e5e5;margin-bottom:50px;}
.safe_img div.img1{background: url("../images/tdun") center center no-repeat; background-size: 70% auto;min-height:500px;height:auto; }
.safe_img div.img2{background: url("../images/gfip") center center no-repeat; background-size: 70% auto;min-height:600px;height:auto; }
.safe_img div.img3{background: url("../images/server") center center no-repeat; background-size: 70% auto;min-height:600px;height:auto; }
.social-share{text-align: right;margin:50px 0 100px 0;}
.social-share .icon-qq:before{content:""!important;}
.spacebox{position: relative;margin:90px 0 70px 0;}
/*app*/


@media (min-width: 768px){
li.pcmr {
    margin: 0 35px;
}
}

@media (max-width: 768px){
	.warpper_hd{ width: 100%; margin: 15px 0;}
	.warpper_hd ul{ text-align: center; width: 100%; padding: 0 10px; overflow: hidden;}
	.warpper_hd ul li{ width: 30%;margin:0 2% 0 0; height: 35px; float: left; text-align: center; line-height: 33px; border: 1px solid #d1514e; border-radius:6px; color: #d1514e; box-sizing: border-box; font-size: 16px;display: inline-block; cursor: pointer;}
	.warpper_hd ul li.on{ background: #d1514e; color: #fff;}
	.warpper_hd ul li:last-child{ margin-right: 0;}
	body{font-size:.85rem;}
    .top .topbar,.banner_index .swiper-slide .con,.wrapper{
        width:100%;
    }
  .top52{margin-top:-162px !important;}
  .topbar{content:'';width:100%;height:80px;position: absolute;top:0;left:0; background: rgba(255,255,255,.1);z-index:3;}
  .topbar .nav {display:none;background: #fff;color:#333;position: absolute;left:0;width:100%;top:52px;margin-left: 0;box-shadow: 1px 1px 10px rgba(0,0,0,.5); }
  .topbar .nav a{display: block;font-size:16px;border-bottom:1px solid #f2f2f2;color:#333;}
  .top{padding-bottom:52px;}
  .topbar .nav a.on{color:#d1514e;border-bottom:4px solid #d1514e;}
  .menu_app{display:inline-block;color:#fff;margin-right:10px;}
  .menu_app em{font-size:20px;}
  #top{position: absolute;top:0;width:100%;left:0;z-index:99999;}
    .top .topbar{height:55px;line-height: 32px;}
    .topbar .logo{width:90px;}
    .topbar .login-link{ vertical-align: top; position: absolute;right:10px;}
    .topbar .login-link a{margin-left:15px;}
    .register_a{padding:5px 8px;}


	.banner_01 .con{background:#000111 url(../images/banner01) right 75% no-repeat;background-size: 50% auto;}

	.banner_02 .con{background:#000543 url(../images/banner02) right 75% no-repeat;background-size:50% auto;}

	.banner_03 .con{background:#14004d url(../images/banner03) right 75% no-repeat;background-size:50% auto;}
	.banner_index{padding-top:50px;}
  .banner_index .swiper-slide .con h1{padding-top:110px;font-size: 16px}
	.banner_index .swiper-slide .con h3{font-size:12px;}
	.banner_index .swiper-slide .con p{font-size:12px;}
	.banner_index .swiper-slide .con p,.banner_index .swiper-slide .con h3,.banner_index .swiper-slide .con h1{margin-bottom: 0;}
	.banner_index .swiper-slide .con{padding:0 30% 0 20px;}
	.banner_index .swiper-slide .con,.banner_index .swiper-slide{height:300px;}
	.banner_index  .banner_02 .con  h3{display: none;}

	.banner_index .swiper-slide .con .greenbtn, .swiper-slide .con .whitebtn{margin-right:10px;}
	.greenbtn,.bluebtn,.whitebtn{padding:5px 10px;font-size:12px;}

	.right_contact em.icon-phone, .right_contact em.icon-top,.right_contact em.icon-qq{font-size:20px;}

	.icon-qq{width:25px;height:25px;}
	.right_contact p{padding:5px;}
	.main_product{margin:20px 0 30px 0; text-align: center;}

	.main_product li{height:auto;width:92%;padding-bottom:20px;display: block;margin:0 auto;margin-bottom: 20px;}
	.main_product li.tdun{margin:10px auto;width:92%;height:auto;top:auto;}
	.main_product li .info{padding:10px;text-align: left;}
	.main_product li .info p{width:100%;padding:0 20px;margin:0;}
	.main_product li .info span{display: none;}
	.main_product li div.parameter{padding:0;margin:10px;padding-top:10px; padding-left:10%;display: none;}
	.main_product li h3{padding:12px 0 0 0;}
	.main_product li h3,.main_product li h2{font-size:16px;}
	.main_product li h2{padding-top:10px;display:none;}
	.main_product li h4 dfn{font-size:16px;}
	.main_product li .bluebtn{padding:5px 20px;left:auto;right:auto;bottom:0; position: relative;box-shadow:none;}

	.icon-hot{width:40px;height:40px;top:-4px;right:0;}
	.title{padding:0 15px;}
	.title h2{font-size:20px;}
	.mgtb100{margin:50px 0;}
	.tdun_tab{font-size: 14px;height:60px;}
	.tdun_tab li{width:24%;line-height:25px; position: relative;}
	.tdun_tab li em{font-size:20px;display: block;}
	.tdun_tab li em.icon-s04{font-size:30px;position: absolute;bottom:35px;width:100%; text-align: center;}
	.tdun_con dt{display: none;}

	.tdun_con dd{width:100%;margin:0;}
	.tdun_con dd ul li:last-child{border-bottom:0;padding-bottom: 0;}
	.pro_feature{margin:20px 0 40px 0;}
	.pro_feature li{width:100%;margin:0;padding:20px;}
	.pro_feature li i{font-size:70px;}
	.pro_feature li h2{font-size:16px;}
	.news_more{bottom:0;right:20px;}
	.mgtb40{margin:0;}
	.pdtb60{padding:20px;}
	.news_index{margin-bottom:40px;}
  .news_index div{padding:10px 0;}
	.news_index div h3{font-size: 14px;width:100%;}
	.news_index div span{display: block;position: relative;left:0}


	.partner { text-align: center; }
	.partner li{width:30%;}
	.partner li img{width:100%;height:auto;}
	.phone_submit_bar{font-size:16px;}
	.service_txt li,.service_txt li:last-child{font-size:14px;width:24%;text-align: center;font-size:12px; vertical-align: top;}
	.service_txt li em{font-size:28px;display: block;}
	.service_txt li em.icon-vip{font-size:23px;}
	.subnav ul{display: none;}
	.weixin_phone{margin:0 auto;}
	.copyright, .subnav{padding:10px 0;text-align: center;}
	.weixin_phone h1{font-size:18px;margin:0;width:100%;}
	.weixin_phone em{font-size:30px;margin-right:10px;}
	.qrcode {display: none}
	.freebox{width:80%;margin-left:-40%;padding:20px;}
	.freebox .close{right:0;}
	.tdun_advantages li{width:100%;padding:20px;min-height:auto;}
	.right_con{display: none;}
	.left_con{width:100%;padding:5px 5px 25px 5px;margin:0;}
	.btn_space{margin-left:15px;}
	.btn_space a{margin-top:10px;}
  .wappadding{padding:0;}

	.tdun_advantages li{border:0;border-bottom:1px solid #f2f2f2;margin: 0;}
	.tdun_advantages li:first-child{border-top:1px solid #f2f2f2;}
	.tdun_advantages li em{display: none;}
	.pro_attribute{font-size:12px;}
	.app-w{width:100%;overflow-y: hidden;white-space: nowrap;}
	.pro_attribute tr td:last-child{/* display: none; */}
	.video_con{margin-bottom:0;}
	.tdun_solution_secen {margin-top:40px;}
	.tdun_solution_secen li{width:100%;min-height: auto;border:0;border-bottom:1px solid #f2f2f2;}
	.tdun_solution_secen div,.tdun_solution_secen li .detail{padding:10px 20px;}
	.video_con li{width:32%;margin:0;}
	.video_con li div{height:auto;}
	.video_con li h3{font-size:12px;}
	.video_con li div em{top:30%;left:35%;font-size:20px;}
	.tdun_step{padding:20px 10px 40px 10px;}
	.tdun_step li{width:19%;}
	.tdun_step li span{width:48px;height:48px;font-size:12px;color:#333;padding-top:15px;}
	.tdun_step li em{font-size:20px;color:#333;margin-bottom: 15px;}
	.tdun_step li i{display:none;font-size:14px;margin-left:0;}
	.tdun_step li:last-child{margin-left:0;width:16%;}
	.tdun_tab_scene{left:130px;top:35px;}
	.tdun_tab_scene li{margin:0 10px;}
	.tdun_cont_scene dt, .tdun_cont_scene dt img{display: block;width:150px;height:auto;margin:0 auto;}
	.tdun_cont_scene dd{margin-left: 0;width:100%;}
	.tdun_cont_scene dd p:last-child{ text-align: center }
	.tdun_cont_scene dd p .white-btn{margin-top:10px;font-size:14px;padding:5px 15px;margin:0 auto;}
	.tdun_advantages li h3{font-size:16px;margin-bottom:5px;}
	.successful_cases{margin-bottom: 20px;}
	.successful_cases dl{padding:0;}
	.successful_cases dl dt,.successful_cases dl dd{width:100%;padding:20px;margin-left: 0}
	.successful_cases dl dd span{width:75%;}
	.successful_cases dl dt img{width:100%;height:auto;}
	.tdun_newslist dt, .tdun_newslist dt img{display: none;}
	.tdun_newslist dd{margin-left:0;width:100%;}
	.tdun_newslist dd h4 span{display: block;position: relative;right:auto;left:0;}
	.news_detail{margin-top:-20px;padding:20px;}
	.news_detail h1{font-size:20px;}
  .news_detail .info{margin-top:20px;}
	.logo_ab{float: none;display: block;margin:0 auto;display: none;}
	.aboutus_con{padding:0 20px;}
	.aboutus_con .title span{font-size:18px;top:2px;}
	.aboutus_con .title{padding:0;margin-bottom:20px;}
	.certificate,.contactus{margin:20px 0;}
	.certificate li{margin-right:2.5%;padding:10px;}
	.contactus dt,.contactus dd{width:100%;}

	.left_con .title{margin-top:30px;}
	.mgtb{margin-top:30px;}
	.contactus dd{padding:20px 10px;}
  .contactus dd img{width:60px;height:60px;}
  .qcode span{margin-left: 5px;}
	.qq_zx{width:100px;}
	.app_txt{display: block; color:#0a76d6;}
	.freebox .bluebtn{padding:5px 20px;}
	.freebox h3{padding-left:0;}
  .solution_con{padding:50px 0 0 0;}
   .solution_con .solution_box_tab dl{padding:0 20px;}
   .about_banner{min-height:300px;padding-top:18%;background:url(../images/aboutus) center center no-repeat }
   .about_banner .info{width:85%;padding-right:10px;}
   .about_banner  h1{font-size:20px;}
    .safe_img{padding:20px 0;}
   .safe_img div.img1{background-size: 80% auto;min-height:150px;height:auto; }
  .safe_img div.img2{ background-size: 80% auto;min-height:230px;height:auto; }
  .safe_img div.img3{ background-size: 80% auto;min-height:230px;height:auto; }
  .menu_con li{font-size:14px;padding:10px;}
  #allmap {height:200px;}
  .qq_con,.phone_con{display: none;}
  .video-player-wrapper{top:20%}
  .video-player-wrapper .con{padding:10px;}
  .video-player-wrapper .closer-handler{margin-bottom:5px;}
  .social-share{text-align: center;margin:0;}
	.spacebox{position: relative;margin:90px 0 30px 0;}
 }

.ksc-intro-new{position:relative;margin:0 auto;z-index:1;width:70%;padding-top:31px}
.ksc-intro-new .ksc-intro-list{margin:50px 0 50px;border: 1px solid #dddddd;height: 101px;background:#fafafa;box-shadow:0 5px 20px rgba(0,0,0,0.07);border-radius:.675em;}
.ksc-intro-new .ksc-intro-list .ksc-intro-item{float:left;height:60px;margin:20px 0;width: 25%;text-align:left;border-left:1px solid #ddd;cursor:pointer;}.ksc-intro-new .ksc-intro-list .ksc-intro-item a{display:block;height:100%;width:100%}
.ksc-intro-new .ksc-intro-list .ksc-intro-item .ksc-icon-url-bg{margin:0 20px;display:inline-block;background-repeat:no-repeat;background-position-y:-1380px;background-position-x:0;background-position:0 -1380px;background-size:100%;height:60px;width:60px}
.ksc-intro-new .ksc-intro-list .ksc-intro-item .ksc-intro-text{display:inline-block;vertical-align:top}
.ksc-intro-new .ksc-intro-list .ksc-intro-item .title{padding:10px 0 12px 0;font-size:16px;color:#181931;letter-spacing:0;line-height:16px;max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:all .2s ease-in-out}
.ksc-intro-new .ksc-intro-list .ksc-intro-item .descript{font-size:14px;color:#7b7b86;letter-spacing:0;line-height:14px;max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ksc-intro-new .ksc-intro-list .ksc-intro-item:hover .title{color:#e60000}
.ksc-intro-new .ksc-intro-list .ksc-intro-item:first-child{border:0}
.ksc-intro-new .ksc-intro-list-shadow{position:absolute;top:0;left:0;height:114px;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1}
.ksc-intro-new-animate{animation:topMove 1s;animation-fill-mode:forwards} 


.index-product{ padding: 90px 0 100px; background: #fafafa; overflow: hidden;}
.index-product .module-title{ margin-bottom: 80px; }
.section-title h2,.section-title h3{font-size:38px;line-height:60px;-webkit-font-smoothing:antialiased;font-weight: bold;position: relative;z-index: 99}
.section-title{text-align: center;margin-bottom: 60px;}
.section-title p{font-size: 16px;line-height: 30px;max-width: 1380px;width:96%;margin:0 auto}
.center{text-align: center}
.btn2{display:inline-block;border:1px solid #c7cdd9;color:#e24242;width: 110px;line-height: 40px;text-align: center;border-radius: 40px;}
.block01{width:265px;height: 420px;position: relative;display: inline-block;cursor: pointer;vertical-align: top;margin: 30px 9px 30px 0;font-size: 14px;}
.block01 .decorate{width:100%;height:100%;position: absolute;top:0;}
.block01 .decorate>.icon{position: absolute;top:-32px; left: 50%;margin-left: -32px}
.block01 .decorate svg{width: 100%;height:100%;}
.block01 .content{padding:50px 0 30px 0;}
.block01 .content .col-title{margin-bottom: 20px}
.block01 .para{margin-bottom: 20px;text-align: left;display: inline-block;max-width: 225px}
.block01 .para li{line-height: 30px;text-align: justify;}
.block01:last-child{margin-right: 0}
.block01 .btn-div{position: absolute;bottom: 40px;left: 50%;margin-left:-55px;white-space: nowrap}
.block01 .btn{margin:0 5px}
.block01 .btn.copy{display: none}
.line-item{stroke:#d1514e;fill: none;fill-rule:evenodd;stroke-dasharray: 1250;stroke-dashoffset: 1250;}
.dot-item01,.dot-item02{fill:#d1514e}
.block01:hover .line-item{-webkit-animation: lineMove 2s ease-out forwards;-moz-animation: lineMove 2s ease-out forwards;-o-animation: lineMove 2s ease-out forwards;animation: lineMove 2s ease-out forwards; }
.block01:hover .dot-item01{fill:#d1514e}
.block01:hover .dot-item02{fill: #32363f;transition: fill .3s 1.7s}

@-webkit-keyframes lineMove {
    to {
        stroke-dashoffset: 0;
    }
}
@-moz-keyframes lineMove {
    to {
        stroke-dashoffset: 0;
    }
}
@-o-keyframes lineMove {
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes lineMove {
    to {
        stroke-dashoffset: 0;
    }
}
.icon{display: block;background-size: 100% 100%}
.icon-24{width: 24px;height: 24px;}
.icon-64{width: 64px;height: 64px;}
.icon-92{width: 92px;height: 92px;}
.icon01{background-image: url(../img/icon01-1.png);}
.icon02{background-image: url(../img/icon01-2.png);}
.icon03{background-image: url(../img/icon01-3.png);}
.icon04{background-image: url(../img/icon01-4.png);}
.icon05{background-image: url(../img/icon01-5.png);}


.nindex_map {
	width:70%;
	display:block;
	margin:0 auto;
	padding:0px;
	overflow:hidden;
}
.nindex_map .bt {
	text-align:center;
	color:#333;
	font-size:30px;
	padding-top:50px;
}
.nindex_map .fbt {
	text-align:center;
	color:#666;
	font-size:14px;
	padding-top:10px;
}
.nindex_map .layer1 {
	width:1200px;
	margin:30px auto;
	display:block;
	overflow:hidden;
}
.nindex_map .layer1 ul li {
	width:300px;
	float:left;
	font-size:14px;
	color:#666;
}
.nindex_map .layer1 ul li .d1 {
	width:200px;
	margin:0px auto;
	display:block;
	font-size:18px;
	color:#333;
	text-align:center;
}
.nindex_map .layer1 ul li .d1 span {
	color:#18b0ff;
	font-size:36px;
	font-weight:bold
}
.nindex_map .layer1 ul li .img {
	width:160px;
	height:160px;
	margin:20px auto 0 auto;
}
.nindex_map .layer1 ul li .d2 {
	display:block;
	font-size:14px;
	width:220px;
	margin:10px auto;
	line-height:25px;
	color:#666
}
.single_banner .banner_img {
    height: 500px;
    width: 100%;
    min-width: 1200px;
    position: relative;
    background-image: url(../img/fwqbanner.jpg);
}
.single_banner .banner_img1 {
    height: 300px;
    width: 80%;
    position: relative;
    background-image: url(../img/z_bg3.jpg);
}
.ProductPage .banner_text .banner_content {
    width: 500px;
}

.single_banner .banner_text .banner_title {
    font-size: 45px;
    color: #fff;
    text-align: left;
    font-weight: 400;

}
.single_banner .banner_text .banner_content {
    font-size:15px;
    color:rgba(181,181,182,1);
    text-align: left;
    margin-top: 20px;
    line-height: 30px;
    width: 500px;
}
.single_banner .banner_text1 {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 180px;
    text-align: center;
    color: white;
    font-size: 22px;
}
.single_banner .banner_text {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 180px;
    text-align: left;
    color: white;
    font-size: 22px;
}
.ymzcPage .banner_text{
    padding-top: 220px;

}
.single_banner .banner_btn {
    color: #fff;
    font-size: 14px;
    background: #00AAFF;
    margin-top: 42px;
    margin-right: 22px;
    width: 118px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    display: inline-block;
    transition: all linear .2s;
}
.ripple {
    position: relative;
    overflow: hidden;
}
.single_banner .banner_btn2 {
    border: 1px solid #00AAFF;
    font-size: 14px;
    color: #00AAFF;
    background-color: transparent;
    width: 118px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    display: inline-block;
    margin-right: 22px;
    margin-top: 42px;
    transition: all linear .2s;
    overflow: hidden;
}
.single_banner .banner_btn2:hover{
    background: #00AAFF;
    color: #fff;
 }