@charset "utf-8";
:root {
    --5xnet-red: #D0121B;      /* VI 标准红 C15 M100 Y100 K0 */
    --5xnet-blue: #003686;     /* VI 辅助蓝 C100 M80 Y0 K20 */
    --5xnet-red-80: #D94149;   /* 标准红 80% 色阶 */
    --5xnet-red-40: #ECA0A4;   /* 标准红 40% 色阶 */
    --5xnet-red-20: #F6D0D1;   /* 标准红 20% 色阶 */
    --5xnet-red-soft: #FBF0F0; /* 标准红 10% 色阶（浅底）*/
    --5xnet-red-deep: #A00F15; /* 标准红深色衍生（反白底文字用）*/
    --5xnet-blue-deep: #00265E;
    --5xnet-blue-20: #CCD7E7;  /* 标准蓝 20% 色阶 */
    --5xnet-blue-soft: #E6EBF3;/* 标准蓝 10% 色阶 */
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0;padding: 0;background: transparent;border: 0;outline: 0;}
body,table,input,textarea,select,option {font-family: "Microsoft Yahei", sans-serif;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display: block;}
ol,ul,li {list-style: none;}
blockquote,q {quotes: none;}
h1, h2, h3, h4, h5, h6, b {font-weight: normal;display: block;}
:focus {outline: 0;}
ins {text-decoration: none;}
img {vertical-align: top;}
a,a:link {color: #000;text-decoration: none;}
a:visited {color: #000;}
a:hover {color: #000;}
a:active {color: #000;}
.tran{transition: all .3s ease}

.container{max-width:1680px}
@media (max-width:1680px){.container{max-width:1440px}}
@media (max-width:1200){.container{padding:0 80px}}
@media (max-width:768px){.container{width:100%;padding:0 15px}}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
/*------------------------------------------------------------ header ------------------------------------------------------------*/
#header {width: 100%;height: 99px;position: fixed;left: 0;top: 0;z-index: 1000;border-bottom: 1px solid #E3E3E3;background: #fff;}
#header.active {height: 61px;}
#header .hInner {padding: 16px 60px 0 50px;}
#header.active .hInner {padding: 5px 60px 0 50px;}
#header .hInner h1 {float: left;}
#header.active .hInner h1 img {width: 184px;}
#header .hInner .rBox {margin-top: 10px;width: 970px;float: right;}
#header.active .hInner .rBox {margin-top: 0;width: 620px;}
#header .searchBox {padding-right: 86px;float: right;position: relative;}
#header.active .searchBox {padding-right: 40px;}
#header .searchBox:before {width: 1px;height: 35px;position: absolute;left: -41px;top: 2px;background: #DFDFDF;content: "";}
#header.active .searchBox:before {display: none;}
#header .searchBox .tel {padding-right: 38px;float: left;color: #000;font-size: 14px;line-height: 1.2;text-align: right;transition: all 0.3s;-webkit-transition: all 0.3s;background: url(../images/h_tel.png) no-repeat right top;}
#header.active .searchBox .tel {display: none;}
#header .searchBox .tel span {display: block;font-size: 24px;font-weight: bold;}
#header .searchBox.active .tel {visibility: hidden;opacity: 0;}
#header .searchBox .search {width: 40px;position: absolute;right: 0;top: 3px;border-radius: 20px;background: #ddd;transition: all 0.3s;-webkit-transition: all 0.3s;cursor: pointer;}
#header.active .searchBox .search {top: 5px;background: none;}
#header .searchBox.active .search {width: 270px;background: #ddd !important;}
#header .searchBox .search input {padding: 0px;width: 100%;height: 40px;color: #000;border-radius: 20px;font-size: 14px;line-height: 40px;border: none;box-sizing: border-box;background: none;}
#header .searchBox .search #topSearch {width: 40px;height: 40px;display: block;position: absolute;right: 0;top: 0;background: #ddd;border: 0px; border-radius: 20px;}
#header .searchBox.active .search input {padding: 0 40px 0 20px;}
.menu {display: none;}
#gNavi {margin-top: 13px;float: left;transition: all 0.3s;-webkit-transition: all 0.3s;}
#header.active #gNavi.active {visibility: hidden;opacity: 0;}
#gNavi>li {margin-right: 41px;float: left;}
#gNavi>li:last-child {margin-right: 0;}
#gNavi>li>a {height: 61px;display: block;position: relative;color: #666;font-size: 14px;overflow: hidden;}
#gNavi>li>a s {display: block;position: absolute;width: 100%;height: 99%;top: 0;left: 0;background: #fff;transition: all 0.7s;-webkit-transition: all 0.7s;}
#gNavi.act>li>a s {left: 100%;}
#header.active #gNavi>li>a {height: 44px;}
#gNavi>li>a:before {width: 0;height: 2px;position: absolute;left: 50%;bottom: 0;z-index: 10;transform: translateX(-50%);-webkit-transform: translateX(-50%);background: #000;content: "";transition: all 0.3s;-webkit-transition: all 0.3s;}
#gNavi>li:hover>a:before {width: 100%;}
#gNavi li div {width: 100%;position: absolute;left: 0;top: 100%;display: none;overflow: hidden;zoom: 1;box-shadow: 0 4px 2px rgba(197, 197, 195, 0.1);border-top: 1px solid #E3E3E3;background-color: #fff;}
#gNavi li ul {width: 1030px;float: right;}
#gNavi>li:nth-child(4) ul {box-sizing: border-box;width: 920px;}
#gNavi>li:nth-child(5) ul {box-sizing: border-box;width: 760px;}
#header.active #gNavi li ul {width: 672px;}
#gNavi li li {margin-right: 45px;float: left;}
#gNavi li li a {display: block;color: #999;font-size: 13px;line-height: 58px;}
#gNavi li li a:hover {color: #000;}
#gNavi>li>a {color: #262626;}
#header .searchBox.active .search {width: 400px;}
#header .searchBox .tel {margin-top: -8px;}
#header .hInner .link_btn {float: left;height: 44px;margin-right: 40px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
#header .hInner .link_btn a {height: 20px;}
#header .hInner .link_btn a:first-child {margin-right: 10px;}
#gNavi {margin-top: 11px;}
#gNavi>li>a {height: 63px;}
.menuBox,.btmBox,.padShow {display: none;}
@media (max-width: 1600px) and (min-width: 1201px) {
	#header .searchBox {padding-right: 68px;}
	#header .searchBox.active .search {width: 340px;}
	#header .hInner .rBox {width: 910px;}
	#header .searchBox:before {left: -25px;}
	#header .hInner .link_btn {margin-right: 20px;}
	#header .hInner {padding: 16px 50px 0;}
}
@media (max-width: 1320px) and (min-width: 1201px) {
	#header .hInner .rBox {width: 830px;}
}
@media all and (min-width: 768px) and (max-width: 1200px) {
	.menuBox {width: 100%;height: 100%;position: fixed;left: 0;top: 0;overflow-y: auto;z-index: 9999;background: rgba(0, 0, 0, 0.9);-webkit-overflow-scrolling: touch;}
	.menuBox .close {position: absolute;right: 64px;top: 28px;}
	.menuBox .close a {display: block;transition: all 0.3s;-webkit-transition: all 0.3s;}
	.menuBox .close a:hover {transform: rotate(180deg);-webkit-transform: rotate(180deg);}
	.menuBox .close img {width: 50px;}
	.menuBox ul {margin: 99px 0 65px;}
	.menuBox li {margin-bottom: 19px;text-align: center;}
	.menuBox li a {padding-bottom: 10px;display: inline-block;position: relative;color: #fff;font-size: 24px;}
	.menuBox li a:before {width: 0;height: 2px;position: absolute;left: 50%;top: 100%;transform: translateX(-50%);-webkit-transform: translateX(-50%);transition: all 0.3s;-webkit-transition: all 0.3s;background: #fff;content: "";}
	.menuBox li a:hover:before {width: 100%;}
	.menuBox .tel {margin: 0 auto 41px;padding-right: 60px;width: 300px;color: #fff;font-size: 21px;line-height: 1.35;text-align: right;box-sizing: border-box;background: url(../images/sp_tel.png) no-repeat right center;background-size: 40px auto;}
	.menuBox .tel span {display: block;font-size: 35px;font-weight: bold;}
	.menuBox .search {margin: 0 auto 80px;width: 90%;max-width: 620px;position: relative;border-radius: 40px;background: #ddd;}
	.menuBox .search a {width: 70px;position: absolute;right: 6px;top: 0;}
	.menuBox .search a img {width: 100%;}
	.menuBox .search input {padding: 0 80px 0 40px;width: 100%;height: 72px;color: #000;font-size: 20px;line-height: 72px;border: none;border-radius: 0;box-sizing: border-box;background: none;}
	#header .rBox {display: none;}
	#header .menu {position: absolute;right: 60px;top: 27px;display: block;}
	#header .menu a {width: 58px;height: 49px;display: block;}
	#header .menu span {width: 58px;height: 6px;display: block;position: absolute;left: 0;top: 0;background: #000;transition: all 0.3s;-webkit-transition: all 0.3s;}
	#header .menu span:nth-child(2) {top: 22px;}
	#header .menu span:nth-child(3) {width: 29px;top: 43px;}
	#header .menu a:hover span {width: 20px;}
	#header .menu a:hover span:nth-child(2) {width: 39px;}
	#header .menu a:hover span:nth-child(3) {width: 58px;}
}
@media all and (min-width: 0px) and (max-width: 767px) {
	.menuBox {width: 100%;height: 100%;position: fixed;left: 0;top: 0;overflow-y: auto;z-index: 9999;background: rgba(0, 0, 0, 0.9);-webkit-overflow-scrolling: touch;}
	.menuBox .close {width: 24px;position: absolute;right: 20px;top: 14px;opacity: initial;}
	.menuBox .close a {display: block;transition: all 0.3s;-webkit-transition: all 0.3s;}
	.menuBox .close a:hover {transform: rotate(180deg);-webkit-transform: rotate(180deg);}
	.menuBox ul {margin: 99px 0 35px;}
	.menuBox li {margin-bottom: 19px;text-align: center;}
	.menuBox li a {padding-bottom: 10px;display: inline-block;position: relative;color: #fff;font-size: 18px;}
	.menuBox li a:before {display: none;width: 0;height: 2px;position: absolute;left: 50%;top: 100%;transform: translateX(-50%);-webkit-transform: translateX(-50%);transition: all 0.3s;-webkit-transition: all 0.3s;background: #fff;content: "";}
	.menuBox li a:hover:before {width: 100%;}
	.menuBox .tel {margin: 0 auto 26px;padding-right: 30px;width: 195px;color: #fff;font-size: 11px;text-align: right;box-sizing: border-box;background: url(../images/sp_tel.png) no-repeat right center;background-size: 20px auto;}
	.menuBox .tel span {display: block;font-size: 17px;font-weight: bold;}
	.menuBox .search {margin: 0 auto 80px;width: 90%;max-width: 310px;position: relative;border-radius: 20px;background: #ddd;}
	.menuBox .search a {width: 35px;position: absolute;right: 3px;top: 0;}
	.menuBox .search input {padding: 0 40px 0 20px;width: 100%;height: 38px;color: #000;font-size: 14px;line-height: 38px;border: none;border-radius: 0;box-sizing: border-box;background: none;}
	#header {height: 51px;}
	#header .hInner {padding: 10px 20px;}
	#header .rBox {display: none;}
	#header .menu {margin-top: 8px;width: 20px;float: right;display: block;}
	#header .menu a {width: 20px;height: 17px;display: block;position: relative;}
	#header .menu span {width: 20px;height: 2px;display: block;position: absolute;left: 0;top: 0;background: #000;transition: all 0.3s;-webkit-transition: all 0.3s;}
	#header .menu span:nth-child(2) {top: 7px;}
	#header .menu span:nth-child(3) {width: 10px;top: 15px;}
	#header .menu a:hover span {width: 7px;}
	#header .menu a:hover span:nth-child(2) {width: 14px;}
	#header .menu a:hover span:nth-child(3) {width: 20px;}
	#header div a img {width: 112px !important;}
}

.footer{background: #333;padding: 45px 0;position: relative;color: #6a6a6a; line-height: 2; z-index: 10}
.footer1{width: 420px}
.footer1-1{width: 120px;font-size: 12px;text-align: center;color: #6a6a6a}
.footer1-2{width: 255px;font-size: 12px;color: #6a6a6a}
.footer1-2 img{display: block;margin-bottom: 20px}
.footer2{width: 350px;margin-left: 75px}
.footer2 dl{float: left;margin-right: 60px;margin-top: -15px}
.footer2 dl dt{font-size: 24px; font-weight: 400; border-bottom: 1px solid #6a6a6a;margin-bottom: 10px;color: #999}
.footer2 dl dd{height: 24px}
.footer2 dl dd a{color: #6a6a6a;transition: all .3s ease;font-size: 12px;display: block;line-height: 24px}
.footer2 dl dd a:hover{color: #fff}.footer3{width: 255px;font-size: 12px;color: #757575}
.footer-bottom{margin-top: 25px}.footer-bottom h3{color: #6a6a6a;font-size: 14px}
.footer-bottom ul li{width: 12.5%;float: left}
.footer-bottom ul li a{font-size: 12px;color: #6a6a6a;transition: all .3s ease;line-height: 24px;display: block}
.footer-bottom ul li a:hover{color: #fff}
.back2top {display: block;width: 43px;height: 43px;background: url(../images/back2top.png) no-repeat;position: fixed;right: 3.5%;bottom: 10%;opacity: .33;z-index: 99;}

/* 首页Banner */
.rat-banner {padding: 0px; margin: 99px 0px 0px; overflow: hidden;}
#banner {position: relative;overflow: hidden;padding-top: 33.85416666666667%;-webkit-animation: gfadeIn 1s 0.4s both;-moz-animation: gfadeIn 1s 0.4s both;animation: gfadeIn 1s 0.4s both;}
#progress {width: 0;height: 2px;position: absolute;bottom: 0;left: 0;background: #ddd;background: rgba(0, 0, 0, .05);}
#banner .pic {width: 100%;vertical-align: top;pointer-events: none;-moz-user-select: none;-webkit-user-select: none;user-select: none;}
#focus_main {width: 100%;overflow: hidden;position: absolute;top: 0;left: 0;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
#focus_main li {width: 100%;float: left;}
#focus_main li a {display: block;height: 100%;}
#focus_main img {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);width: 100%;}
#focus_info {width: 1200px;height: 128px;position: absolute;bottom: 50px;left: 50%;margin-left: -600px;transform-style: preserve-3d;}
#focus_info article {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 88%;padding: 10px 0;background: #fff;-webkit-perspective-origin: 50% 50%;-moz-perspective-origin: 50% 50%;perspective-origin: 50% 50%;}
#focus_info p {float: left;width: 650px;min-height: 60px;padding: 20px 0 0 85px;background: url(../img/quote.png) no-repeat 30px 25px;font-size: 0.7rem;}
#focus_info .client_logo {float: right;width: 229px;height: 100%;border-left: 1px dotted #d1d1d1;text-align: center;overflow: hidden;}
#focus_info .client_logo span {display: inline-block;width: 0;height: 100%;vertical-align: middle;}
#focus_info .client_logo img {max-height: 50px; max-width: 100%;display: inline-block;vertical-align: middle;}
#focus_dot {position: absolute;top: 50%;right: 0;padding: 20px 45px;width: 14px;overflow: hidden;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);-webkit-animation: grightIn 1s 0.5s both;-moz-animation: grightIn 1s 0.5s both;animation: grightIn 1s 0.5s both;}
#focus_dot li {float: left;width: 12px;height: 12px;margin: 4px 0;border: 2px solid transparent;border-radius: 50%;cursor: pointer;overflow: hidden;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
#focus_dot li b {width: 100%;height: 100%;border-radius: 50%;background: #fff;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
#focus_dot li.cur,#focus_dot li:hover {border-color: #fff;}
#focus_dot li.cur b,#focus_dot li:hover b {-webkit-transform: scale(0);-moz-transform: scale(0);transform: scale(0);}
.flip_front {-webkit-animation: flipOutX 0.4s linear both;-moz-animation: flipOutX 0.4s linear both;animation: flipOutX 0.4s linear both;}
#banner .img2 {display: none;}
@-webkit-keyframes flipOutX {
	0% {-webkit-transform: perspective(800px) rotateX(0deg) scale(1);}
	100% {-webkit-transform: perspective(800px) rotateX(-90deg) scale(0.86);}
}
@-moz-keyframes flipOutX {
	0% {-moz-transform: perspective(800px) rotateX(0deg) scale(1)}
	100% {-moz-transform: perspective(800px) rotateX(-90deg) scale(0.86)}
}
@keyframes flipOutX {
	0% {transform: perspective(800px) rotateX(0deg) scale(1);}
	100% {transform: perspective(800px) rotateX(-90deg) scale(0.86);}
}
.flip_back {-webkit-animation: flipInX 0.8s ease both;-moz-animation: flipInX 0.8s ease both;animation: flipInX 0.8s ease both;}
@-webkit-keyframes flipInX {
	0% {-webkit-transform: perspective(800px) rotateX(90deg) scale(0.86);}
	40% {-webkit-transform: perspective(800px) rotateX(-10deg);}
	70% {-webkit-transform: perspective(800px) rotateX(10deg);}
	100% {-webkit-transform: perspective(800px) rotateX(0deg) scale(1);}
}
@-moz-keyframes flipInX {
	0% {-moz-transform: perspective(800px) rotateX(90deg) scale(0.86);}
	40% {-moz-transform: perspective(800px) rotateX(-10deg);}
	70% {-moz-transform: perspective(800px) rotateX(10deg);}
	100% {-moz-transform: perspective(800px) rotateX(0deg) scale(1);}
}
@keyframes flipInX {
	0% {transform: perspective(800px) rotateX(90deg) scale(0.86);}
	40% {transform: perspective(800px) rotateX(-10deg);}
	70% {transform: perspective(800px) rotateX(10deg);}
	100% {transform: perspective(800px) rotateX(0deg) scale(1);}
}
@media screen and (max-width: 767px) {
	#banner .img1 {display: none;}
	#banner .img2 {display: block;}
}


/* 首页简介 */
.rat-index-aboutall {padding: 80px 0px;margin: 0px;overflow: hidden;}
.rat-index-aboutinfo {display: flex; flex-direction: row-reverse;overflow: hidden;}
.rat-index-aboutimg {position: relative;z-index: 1;flex: 1;background: #d2d2d2;}
.rat-index-aboutimg:after {position: absolute;left: -50%;top: 0;bottom: 0;width: 50%;height: 100%;background: #f0f0f0;content: "";z-index: -1;}
.rat-index-aboutimg .thumb img {
	width: 100%;
	height: 100%;
    max-width: 100%;
    max-height: 100%;
    transition: all .3s ease-in-out;
		vertical-align: middle;
}
.rat-index-aboutbody {
    position: relative;
    flex: 1;
    z-index: 2;
    padding: 50px 0px 10px;
}
.rat-index-aboutbody:after {
    position: absolute;
    left: 0;
    bottom: 30px;
    z-index: -1;
    font-weight: bold;
    font-size: 24px;
    opacity: .7;
    content: "01.";
}
.rat-index-aboutbody .heading h3 {
    font-weight: 500;
    line-height: 1.35em;
}
.rat-index-aboutbody .heading small {
    display: block;
    margin-bottom: 15px;
}
.rat-index-aboutbody .text {
    position: relative;
    color: #666;
    line-height: 1.8em;
    padding: 0 80px 0 120px;
    margin-top: 40px;
}
.rat-index-aboutbody .text:before {
    position: absolute;
    left: 0;
    top: 12px;
    width: 80px;
    height: 2px;
    background: #000;
    content: "";
}

/*首页案例 */
.rat-index-caseall{margin: 0 auto;position: relative;z-index: 10;background-color: #fff; padding: 0px;overflow: hidden;}
.rat-case-infoall .warp-type{position: relative;margin-bottom: 15px; overflow: hidden;}
.rat-case-infoall .warp-type p{font-size: 20px; font-weight: 600; line-height: 50px;float: left;}
.rat-case-infoall .warp-type p a:hover {color: #C00}
.rat-case-infoall .warp-type-list{float: right;position: absolute;right: 0}
.rat-case-infoall .warp-type-list .active{text-decoration: none;color: #C00;font-size: 16px}
.rat-case-infoall .warp-type-list a{display: inline-block;margin-right: 25px;line-height: 35px;margin-top: 10px; color: #888889;font-size: 14px}
.rat-case-infoall .warp-type-list a:last-child {margin-right: 0px;}
.rat-case-infoall .warp-type-list a:hover{text-decoration: none;color: #C00}
.rat-case-infoall ul{width: 100%; display: grid; gap: 0; grid-template-columns: 1fr 1fr 1fr;}
.rat-case-infoall ul a{display:block;position: relative;overflow: hidden;}
.rat-case-infoall ul li img{width: 100%;height: auto;display: block}
.rat-case-infoall ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1)}
.rat-case-infoall .case-summary{display: none;width: 100%;height: 100%;background: url(../images/black.png) repeat;top: 0;left: 0;position: absolute;padding: 5%}
.rat-case-infoall .case-summary p{color: #f9f9f9;position: absolute;left: 0;font-size: 18px}
.rat-case-infoall .case-summary span{font-size: 18px}
.rat-case-infoall .case-summary .p1{top: 0}
.rat-case-infoall .case-summary .p2{bottom: 0;font-size: 14px; line-height: 1.8;}
.rat-case-infoall ul li:hover .case-summary {display: block;transform: scale(1);}
.rat-case-infoall .case-more{display: block;color: #b9b9b9;width: 300px;height: 50px;margin: 50px auto;transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;border-radius: 0px;text-align: center;text-indent: 0px;line-height: 50px;font-size: 13px;border: 1px solid #D9D9D9;}
.rat-case-infoall .case-more i {font-family: 'simsun';font-size: 18px;text-indent: -10px;line-height: 50px;transition: all ease-out .3s;color: #fff;display: inline-block;opacity: 0;}
.rat-case-infoall .case-more:hover {color: #333;}
.rat-case-infoall .case-more:hover i {color: #333;text-indent: 10px;opacity: 1;}
/* 首页新闻 */
.wx-index-news {
	padding: 60px 0;
	overflow: hidden;
}
.wx-index-news .wx-index-newsleft {
	width: 550px;
	position: relative;
	z-index: 2;
}

.wx-index-news .wx-index-newsleft .com-biaoti {
	text-align: left;
	padding: 0 0 20px;
}
.com-biaoti .dn1 {
	color: #0b0205;
	line-height: 40px;
	font-size: 32px;
	margin: 0 0 10px;
}
.com-biaoti .dn2 {
	color: #666666;
	font-size: 16px;
	text-transform: uppercase;
}
.wx-index-news .wx-index-newsleft .wx-index-newsleft-bot {
	width: 110%;
}

.wx-index-news .wx-index-newsleft .wx-index-newsleft-bot .a1 {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.wx-index-news .wx-index-newsleft .wx-index-newsleft-bot .a1 img {width: 100%;}

.wx-index-news .wx-index-newsleft .wx-index-newsleft-bot .dn-wen {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #ffffff;
	font-size: 15px;
	padding: 10px 24px;
	background: rgba(0, 0, 0, 0.6);
}

.wx-index-news .wx-index-newsleft .wx-index-newsleft-bot .dn-wen i {
	position: absolute;
	right: 24px;
	top: 18px;
	font-size: 16px;
	display: inline-block;
	transition: all 0.4s ease;
}

.wx-index-news .wx-index-newsleft .wx-index-newsleft-bot:hover .dn-wen i {
	transform: translate(10px, 0);
}

.wx-index-news .wx-index-newsleft .wx-index-newsleft-bot:hover .img-box {
	transform: scale(1.05);
}

.wx-index-news .wx-index-newsright {
	width: calc(100% - 550px);
	background: #F6F6F6;
	margin: 20px 0;
	position: relative;
}

.wx-index-news .wx-index-newsright-box {
	padding: 3% 4% 3% 8%;
	width: 100%;
	height: 530px;
	position: relative;
}

.wx-index-news .wx-index-newsright .ul1 li {
	margin: 0 0 30px;
}

.wx-index-news .wx-index-newsright .ul1 .a1 {
	display: block;
	width: 100%;
	color: #666666;
}

.wx-index-news .wx-index-newsright .ul1 li .dn2 {
	color: #0b0205;
	line-height: 30px;
	font-weight: bold;
	margin: 5px 0 10px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.wx-index-news .wx-index-newsright .ul1 li .dn2 .b1 {
	display: inline-block;
	vertical-align: middle;
	width: 0;
	border-top: 1px solid #0b0205;
	margin: 0 3px 0 0;
	transition: all 0.4s ease;
}

.wx-index-news .wx-index-newsright .ul1 li:hover .dn2 .b1 {
	width: 40px;
}

.wx-index-news .wx-index-newsright .ul1 li .dn3 {
	width: 100%;
	line-height: 20px;
	height: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.wx-index-news .wx-index-newsright .wx-index-newsright-bot2 {
	padding: 20px 0 0;
	position: absolute;
	bottom: 20px;
}

.wx-index-news .wx-index-newsright .wx-index-newsright-bot2 .a1 {
	color: #000000;
}

/* 内页开始 */
.rat-ny-caseall {
	padding: 50px 0px;
	margin: 80px 0px 0px;
	overflow: hidden;
}
/* 翻页 */
.pagination{display:inline-block;padding-left:0;margin:30px 0 0;border-radius:4px}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:var(--5xnet-red);text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:var(--5xnet-red);border-color:var(--5xnet-red)}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
.pagination .page-item a {display: inline-block;width: 30px;height: 30px;line-height: 24px;text-align: center;font-size: 16px;color: #666;background-color: #f1f1f1;border-radius: 3px;margin-right: 10px;transition: all .6s;}
.pagination .page-item a.page-link {padding: 2px 0px;}
.pagination .page-item.active a.page-link,.pagination .page-item:hover a.page-link {background-color:var(--5xnet-red); border: 1px solid var(--5xnet-red); color: #fff;}


/* 信息类内容 */
.st-ny-infoall {margin: 100px auto 0px; padding: 5rem 0px; line-height: 30px; overflow: hidden;}
.st-ny-infoall .contain {max-width: 1700px;}
.st-ny-infotitle {width: 32%;float: left;text-align: right;padding-right: 100px;box-sizing: border-box;font-size: 30px;}
.st-ny-inforight {width: 68%;float: right;}
.st-ny-editor {font-size: 16px; color: #666; line-height: 2; padding: 0px; margin: 0px; overflow: hidden;}

/* 新闻动态 */
.rat-news-title {
	padding: 0px;
	margin: 0px 0 35px;
	overflow: hidden;
}
.rat-news-title p {
	float: left;
	color: #000;
	font-size: 24px;
}
.rat-news-title .tabNavi {
	margin-top: 4px;
	float: right;
}
.rat-news-title .tabNavi li {
	margin-left: 27px;
	float: left;
}
.rat-news-title .tabNavi li a {
	padding: 0 10px 10px;
	display: block;
	color: #000;
	font-size: 14px;
}
.rat-news-title .tabNavi li.on {
	border-bottom: 4px solid #000;
}
.rat-ny-newsall {
	width: 100%;
	margin: 0px;
	padding: 10px 0px;
	overflow: hidden;
}
.rat-ny-newsall li {
	padding: 0px 0px 20px;
	margin: 0px 0px 20px;
	border-bottom: 1px dashed #ddd;
	overflow: hidden;
	width: 49%;
	float: left;
}
.rat-ny-newsall li:nth-child(2n) {margin-left: 2%; float: right;}
/* .rat-ny-newsall li:last-child {margin-bottom: 0px ; border-bottom: 0px;} */
.rat-ny-newsimg {
    width: 300px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    display: table-cell;
    vertical-align: top;
}
.rat-ny-newsimg img {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.4s ease;
}
.rat-ny-newstxt {
    padding: 0px 0px 0px 20px;
    margin: 0px;
    overflow: hidden;
    display: table-cell;
    vertical-align: top;
}
.rat-ny-newstxt h3 {
    padding: 0px;
    margin: 0px 0px 10px;
    color: #666;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.rat-ny-newstxt h3 i {
    padding: 0px 5px;
    margin: 0px 0px 0px 20px;
    background-color: #83d1f2;
    color: #fff;
    display: inline-flex;
    line-height: 20px;
    font-weight: bold;
}
.rat-ny-newstxt p {
    padding: 0px;
    margin: 0px;
    line-height: 25px;
    height: 50px;
    font-size: 14px;
    color: #999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.rat-ny-newstxt span {
    border: 1px solid #dc372b;
    color: #dc372b;
    line-height: 30px;
    font-size: 14px;
    padding: 0px 0px 0px 10px;
    margin: 15px 0px 0px;
    display: inline-block;
    overflow: hidden;
}
.rat-ny-newstxt span b {
    background-color: #dc372b;
    color: #fff;
    padding: 0px 10px;
    margin: 0px 0px 0px 10px;
    overflow: hidden;
    display: inline-flex;
}
.rat-ny-newsall li:hover .rat-ny-newsimg img {
    transform: scale(1.1);
}
.rat-ny-newsall li:hover .rat-ny-newstxt h3 {color: #dc372b;}

.st-ny-infoall .sread-right {padding-top: 20px; width: 25%;border-top: 1px solid #eeeeee;float: left;}
.xgnr-list {margin-top: 20px;}
.xgnr-list li {border-top: 1px solid #eeeeee;}
.xgnr-list li p {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 48px;color: #646464;}
.st-ny-infoall .sread-left {width: 70%;box-sizing: border-box;border-top: 1px solid #eeeeee;float: right;padding-top: 20px; }
.st-ny-infoall .sread-left .title {color: #000000;line-height: 35px; margin-bottom: 35px;}
.st-ny-infoall .sread-left .sread-content {padding-bottom: 5px;}
.st-ny-infoall .sread-left .sread-content p, .st-ny-infoall .sread-left .sread-content span {color: #333;}

.news-tool{margin-top: 26px; padding-top: 20px; border-top: 1px solid #ccc;}
.news-tool-right {float: right;}
.news-tool-right li{position: relative;height: 32px;float: left;margin: 0 7px}
.news-tool-right li .icon{background-image: url(../images/icon.png);background-repeat: no-repeat;display: block;width: 26px;height: 26px}
.news-tool-right #close a{background-position: 0 -114px}
.news-tool-right #prev a{background-position: 0 -155px}
.news-tool-right #next a{background-position: 0 -194px}
.news-tool-right #close a:hover{background-position: -36px -114px}
.news-tool-right #prev a:hover{background-position: -36px -155px}
.news-tool-right #next a:hover{background-position: -36px -194px}

/* 案例详情 */
.case-read-top{padding: 50px 30px 50px; color: #333; background-color: #f6f6f6;margin: 0px 0px 20px; overflow: hidden;}
.case-read-top .left{width: 40%;text-align: right; line-height: 2.5;float: left;}
.case-read-top .right{width: 50%;margin-right: 5%; float: right;}
.case-read-top .right p{line-height: 1.8em;margin-bottom: 20px}
.case-read-top .right ul{padding: 0px; margin: 80px 0px 0px;}
.case-read-top .right ul li{font-size: 14px; line-height: 2;}
.case-read-details {
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.case-read-details img {width: 100%;}
.case_about-t {
	text-align: center;
	margin-bottom: 20px;
}
.case-page {
	position: relative;
	margin: 80px auto 0px;
	max-width: 100%;
}
.zuo {
	background: url(../images/zuo.png) no-repeat;
	display: block;
	position: absolute;
	width: 20%;
	height: 50px;
	top: 7px;
}
.you {
	background: url(../images/zuo.png) no-repeat;
	display: block;
	position: absolute;
	width: 20%;
	height: 50px;
	right: 0;
	top: 7px;
	transform: rotateY(180deg);
}

/* 服务 */
.rat-service-topinfo {
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.rat-service-topinfo .text {
	float: left;
}
.rat-service-topinfo .text .subtitle {
	line-height: 1.5;
	font-weight: 200;
	margin-bottom: .5em;
}
.rat-service-topinfo .text .richtext {
	max-width: 800px;
}
.rat-service-topinfo .heading {
	max-width: 400px;
	margin-left: auto;
	color: #888;
	float: right;
}
.rat-service-topinfo .heading h3 {
	font-weight: 200;
	position: relative;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	line-height: 1.5em;
}
.notfound {
	padding: 2em;
	margin: 50px 0px;
	color: #888;
	text-align: center;
}

@media (max-width: 767px) {
	.rat-banner {margin-top: 51px;}
	#banner {min-width: 100%;padding-top: 0px;}
	#focus_main {position: initial; top: initial;}
	#focus_dot {padding: 0;width: auto;top: auto;left: 43%;bottom: 10px;transform: translateX(-50%);}
	#focus_info {width: 96%;left: 2%;margin-left: 0;bottom: 4%;}
	#focus_info .client_logo {display: none;}
	#focus_info article {height: auto;}
	#focus_info p {box-sizing: border-box;width: auto;background: none;padding: 10px;}
	#focus_main li {overflow: hidden;}
	#banner .img2 {width: 100%;}
	.profession {width: 100%;position: static;margin-left: 0;}
	.bd_top {margin: 60px auto;}
	.profession h2 {font-size: 18px;font-weight: normal;margin-top: 20px;}
	
	.inde-dongcha {padding: 30px 0px;}
	.com-biaoti .dn1 {font-size: 26px; float: left;}
	.com-biaoti .dn2 {float: left;margin-left: 15px; padding: 10px 0px 0px;}
	.inde-dongcha .dfl,.inde-dongcha .dfr {width: 100%;}
	.inde-dongcha .dfl .dfl-bot {width: 100%;}
	.inde-dongcha .dfr-box {padding: 10px 10px 30px; height: auto;}
	.inde-dongcha .dfr .dfr-bot2 {bottom: 10px;}
	.inde-dongcha .dfr .ul1 li .dn2 {font-size: 18px;}

	.rat-index-aboutall,.wx-index-news {padding: 35px 0px;}
	.rat-index-aboutinfo {display: block;}
	.rat-index-aboutbody {padding-top: 20px;}
	.rat-index-aboutbody .heading h3 {line-height: 1.2;}
	.rat-index-aboutbody .text {padding: 0px 10px 0px 45px; margin-top: 20px;}
	.rat-index-aboutbody .text::before {width: 35px;}
	.rat-index-aboutbody::after {font-size: 18px; bottom: 10px;}

	.rat-case-infoall .warp-type p,.rat-news-title p {width: 100%; float: initial; line-height: 30px; text-align: center;}
	.rat-case-infoall .warp-type-list {position: initial; display: flex; flex-wrap: wrap; justify-content: space-evenly;}
	.rat-case-infoall .warp-type-list a {margin-top: 10px; margin-right: 10px;line-height: 25px;}
	.rat-news-title {margin-bottom: 15px;}
	.rat-news-title .tabNavi {width: 100%; float: initial;display: flex; flex-wrap: wrap; justify-content: space-evenly;}
	.rat-news-title .tabNavi li {margin: 0px; float: initial;}
	.rat-case-infoall ul {display: block;}
	.rat-case-infoall .case-more {width: 100%; margin: 20px auto;}
	.wx-index-news .wx-index-newsleft,.wx-index-news .wx-index-newsleft .wx-index-newsleft-bot {width: 100%;}
	.wx-index-news .wx-index-newsright {width: 100%; margin-top: 10px; margin-bottom: 0px;}
	.wx-index-news .wx-index-newsright-box {padding: 10px; height: initial;}
	.wx-index-news .wx-index-newsright .ul1 li {margin-bottom: 15px;}
	.wx-index-news .wx-index-newsright .ul1 li .dn2 {margin: 0px 0px 5px;}

	.footer {padding: 25px 0px;}
	.footer1,.footer1-2,.footer3 {width: 100%;}
	.rat-ny-caseall,.st-ny-infoall {padding: 30px 0px; margin-top: 60px;}
	.pagination {display: flex !important;}
	.case-read-top {padding: 10px;}
	.case-read-top .left,.case-read-top .right,.st-ny-infotitle,.st-ny-inforight {width: 100%; margin: 0px;}
	.notfound {padding: 50px 10px !important; margin-top: 20px;}
	.st-ny-infotitle {padding-right: 0px; margin-bottom: 25px; text-align: center;}
	.rat-ny-newsall li {width: 100%; float: initial; padding-bottom: 10px; margin-bottom: 10px;}
	.rat-ny-newstxt {display: block; padding: 0px;}
	.st-ny-infoall .sread-right,.st-ny-infoall .sread-left {width: 100%; float: initial; padding-top: 20px;}
	.st-ny-infoall .sread-left .title {line-height: 30px; margin-bottom: 20px;}
	.xgnr-list li p {line-height: 35px;}
}