html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	line-height: 1.15;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
body {
	margin: 0;
	font-family: "Microsoft Yahei", PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
	line-height: 1.42857143;
	font-size: 14px;
	min-width: 1230px;
	background: #fff;
	color: #333;
}
figure {
	margin: 1em 40px;
}
hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
a {
	-webkit-text-decoration-skip: objects;
	background-color: transparent;
}
abbr[title] {
	border-bottom: none;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}
b, strong {
	font-weight: bolder;
}
dfn {
	font-style: italic;
}
mark {
	background-color: #ff0;
	color: #000;
}
small {
	font-size: 80%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -.25em;
}
sup {
	top: -.5em;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
img {
	border-style: none;
}
svg:not(:root) {
	overflow: hidden;
}
button, input, optgroup, select, textarea {
	line-height: 1.42857143;
	margin: 0;
	outline: none;
}
body, button, input, select, textarea {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-feature-settings: "liga", "kern";
}
button, input {
	overflow: visible;
}
button, select {
	text-transform: none;
}
button, html [type=button],/* 1 */ [type=reset], [type=submit] {
-webkit-appearance:button;
}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
border-style:none;
padding:0;
}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
outline:1px dotted ButtonText;
}
fieldset {
	padding: .35em .75em .625em;
}
legend {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
progress {
	display: inline-block;
	vertical-align: baseline;
}
textarea {
	overflow: auto;
}
[type=checkbox], [type=radio] {
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:0;
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height:auto;
}
[type=search] {
-webkit-appearance:textfield;
outline-offset:-2px;
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance:none;
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit;
}
summary {
	display: list-item;
}
article, aside, footer, header, nav, section, figcaption, figure, main, details,/* 1 */ menu {
	display: block;
}
pre, code, kbd, samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
audio, video, canvas {
	display: inline-block;
}
template, [hidden] {
display:none;
}
.clearfix {
	zoom: 1;
}
.clearfix:before, .clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}
.clearfix:after {
	clear: both;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #2d6fca;
}
ul {
	margin: 0;
	list-style: none;
	padding: 0;
}
.img-center {
	text-align: center;
	font-size: 0;
	overflow: hidden;
}
.img-center img {
	display: inline-block;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.img-cover {
	overflow: hidden;
}
.img-cover span {
	display: block;
	width: 100%;
	background: no-repeat center / cover;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.container {
	padding: 0 15px;
	width: 1200px;
	margin: 0 auto;
}
.m-txt1 {
	overflow: hidden;
	margin-top: 5px;
	margin: 0;
	padding-left: 38px;
}
.m-txt1 .tit {
	font-size: 16px;
	padding-bottom: 9px;
	margin-bottom: 9px;
	border-bottom: 1px dotted #a9a9a9;
	font-weight: 600;
}
.m-txt1 .txt {
/*margin-right: 100px;*/
}
.m-txt1 .txt p {
	line-height: 28px;
	margin-bottom: 10px;
	font-size: 14px;
	color: #2f2f2f;
}
.m-txt1 .btn {
	display: block;
	width: 98px;
	height: 32px;
	line-height: 32px;
	padding-left: 15px;
	background-color: #2d6fca;
	color: #fff;
	border-radius: 5px;
}
.m-txt1 .btn:hover {
	background-color: #444;
}
.m-txt1 .btn span {
	display: block;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left center;
}
#message {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1000;
	transform: scale(0);
	transition: .3s;
}
.messagebg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	z-index: 1001;
}
#message .m-content {
	margin-top: 10%;
}
#message .m-content .m-message {
	background: #fff;
	width: 580px;
	background: #fff;
	padding: 50px;
	margin: 0 auto;
	position: relative;
	z-index: 1002;
	box-shadow: 1px 1px 50px rgba(0,0,0,.3);
}
.m-message {
	width: 60%;
	margin: 48px auto 0;
}
.m-message label {
	margin-bottom: 15px;
	display: block;
	font-size: 14px;
}
.m-message label em {
	display: block;
	float: right;
	color: red;
	height: 32px;
	line-height: 32px;
}
.m-message label span {
	width: 70px;
	height: 34px;
	line-height: 34px;
	color: #2F2F2F;
	float: left;
	font-weight: bold;
	text-align: right;
	margin-right: 30px;
	display: inline-block;
}
.m-message label input.inp, .m-message label textarea, .m-message label.code input {
	width: 73%;
	overflow: hidden;
	height: 32px;
	line-height: 32px;
	border: #cccccc 1px solid;
	border-radius: 3px;
	padding: 0 14px;
	box-sizing: border-box;
	color: #555;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.m-message label input:focus, .m-message label textarea:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);
}
.m-message label textarea {
	height: 72px;
	line-height: 24px;
	padding: 10px 14px;
}
.m-message label.code {
	line-height: 34px;
}
.m-message label.code input {
	width: 30%;
	float: left;
	margin-right: 30px;
}
.m-message label.code .pic {
	display: inline-block;
	vertical-align: top;
	width: 80px;
	height: 32px;
}
.m-message label.code img {
	display: block;
	width: 100%;
	height: 100%;
}
.btn {
	display: block;
	width: 90px;
	height: 32px;
	line-height: 32px;
	padding-left: 15px;
	background-color: #2d7953;
	color: #fff;
	margin-top: 10px;
}
.btn:hover {
	background-color: #444;
	color: white;
}
.btn span {
	display: block;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left center;
}
.btn-1 input {
	width: 52px;
	height: 32px;
	line-height: 32px;
	background: #e8e8e8;
	border: none;
	color: #333;
	margin-right: 22px;
	cursor: pointer;
	transition: 0.3s;
}
.btn-1 {
	padding-left: 100px;
}
.btn-1 input.focus {
	background: #2d7953;
	color: #fff;
}
.btn-1 input.focus:hover {
	background: #444;
}
.btn-1 input:hover {
	background: #ccc;
}


.guide{padding:87px 0 89px;background:url(https://www.sakobpq.com/images/guide.jpg) no-repeat center top;}
.gui{width:75.3%; margin:0 auto;}
.gui .gui-left{width:594px;height:578px; float:left;padding-top:43px; position: relative;z-index:200;}
.gui .gui-left h2{margin-bottom: 28px;}
.gui .gui-left h2 span{display: inline-block; height:56px; line-height: 56px; font-size: 45px; color:#333333;padding-right:37px;font-weight: bold;background:url(https://www.sakobpq.com/images/gui-yy.png) no-repeat right 11px;}
.gui .gui-left h2 em{display: block; height:73px; line-height: 73px;font-size: 55px;color:#003171; font-weight: bold;}
.gui .gui-left strong{display: block; line-height: 33px; font-weight: normal;font-size: 20px; color:#333333; font-family: "思源黑体 CN"; margin-top: 45px;}
.gui .gui-left .hd{width:330px; height:47px;margin-bottom: 100px;}

.gui .gui-left .gui-sz{width:973px; height:138px; background: #FFF;box-shadow: 0px 0px 10px rgba(0,0,0,0.2);padding-top:24px; box-sizing: border-box;}
.gui .gui-left .gui-sz ul li{float:left; height:83px;border-right:1px solid #eeeeee;}
.gui .gui-left .gui-sz ul li span{display: block;text-align: center;height:56px;}
.gui .gui-left .gui-sz ul li span em{display: inline-block; height:56px; line-height: 56px;font-size: 55px; color:#003171; font-weight: bold;font-style: normal;}
.gui .gui-left .gui-sz ul li span i{display: inline-block; width:17px; height: 17px; background:#E60012;border-radius: 50%; text-align: center; line-height: 17px;font-size: 13px;color:#FFFFFF; vertical-align: bottom;margin:0 0 5px -8px;}
.gui .gui-left .gui-sz ul li p{height:27px;font-size: 14px; line-height: 27px; color:#333333;text-align: center;}

.gui .gui-left .gui-sz ul li:last-child{border-right:0;}
.gui .gui-rig{width:715px; height: 533px;overflow: hidden;float:right;}
.gui .gui-rig .gui-con,.gui .gui-rig .gui-con .con{height:100%;}
.gui .gui-rig span{display: block; width:100%;height:100%; line-height: 0; overflow: hidden;}
.gui .gui-rig span img{width: 100%;height:100%; transition: 1s;}
.gui .gui-rig span:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
@media screen and  (min-width:760px) and (max-width:1680px){
    .gui{width:93.3%;}
    .gui .gui-left{width:530px;height:540px;}
    .gui .gui-rig{width:670px;}
}

.pro-top{height:775px;background:url(https://www.sakobpq.com/images/product.jpg) no-repeat center top;padding-top:80px; box-sizing: border-box; overflow: hidden; /*margin-bottom: 30px;*/}
.pro-top h2{text-align: center; margin-bottom: 10px;}
.pro-top h2 span{display: inline-block; height:70px; line-height: 70px;font-size: 50px; color:#FFF;padding:0 21px;position: relative; font-weight: normal;}
.pro-top h2 span:before{width:15px; height:20px; background:url(https://www.sakobpq.com/images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.pro-top h2 span:after{width:15px; height:20px; background:url(https://www.sakobpq.com/images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.pro-top h2 em{display: block; height:44px; line-height: 44px;font-size: 24px; color:#e0e0e0;font-weight: normal;}
.pro-top .pro-con{width: 75.3%; height:513px;margin:0 auto; position: relative;padding-top:31px; box-sizing: border-box;}
.pro-top .pro-con ul li{width:575px; height:85px; margin-bottom: 89px;}
.pro-top .pro-con ul li i{display: block; width:74px; height:84px;overflow: hidden;}
.pro-top .pro-con ul li i img{width:100%; transition: .5s;}
.pro-top .pro-con ul li h4{padding-top:3px;}
.pro-top .pro-con ul li h4 span{display: block; height:41px; line-height: 41px;font-size: 28px; color:#ffffff;font-weight: bold; font-family: "思源黑体 CN";}
.pro-top .pro-con ul li h4 p{height:33PX;line-height: 33px;font-size: 17px; color:rgba(255,255,255,0.66); font-weight: normal;}
.pro-top .pro-con ul li.odd{float:left;}
.pro-top .pro-con ul li.even{float:right;}
.pro-top .pro-con ul li.odd i{float:left; margin-right: 21px;}
.pro-top .pro-con ul li.even i{float:right; margin-left: 21px;}

.pro-top .pro-con ul li.even h4{float:right; text-align: right;}
.pro-top .pro-con ul li:hover i img{margin-top:-84px;}
.pro-top .pro-con .pro-cen{width:615px; position: absolute; left:350px; top:0;margin-top: 45px;}
.pro-top .pro-con .pro-cen i{display: block; width:275px; height:432px; margin:0 auto; line-height: 0; overflow: hidden;}
.pro-top .pro-con .pro-cen i img{width:100%;}
.pro-top .pro-con .pro-cen p em{display: block;float:left; height:20px; line-height: 20px; font-size: 14px; color:#FFF; font-weight: bold; padding-left:28px;background:url(https://www.sakobpq.com/images/pro-dd.png) no-repeat left; margin-left: 38px;}
.pro-top .pro-con .pro-cen p em:first-child{margin-left: 0;}
.pro-bot{background:url(https://www.sakobpq.com/images/probj.jpg) no-repeat center top; padding:30px 12px 112px }
.pro-bot ul li{float:left; width:49%;padding:22px 0;background:#FFF;}
.pro-bot ul li dl dt{width:71.3%; line-height: 0; overflow: hidden; float:right;}
.pro-bot ul li dl dt img{width:100%;}
.pro-bot ul li dl dd{width:28.7%;float:left;padding:47px 0 0 5%; box-sizing: border-box;}
.pro-bot ul li dl dd h4{height:89px; line-height: 89px; margin-bottom: 21px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro-bot ul li dl dd h4 a{font-size: 28px; color:#1e1e1e; font-weight: bold;padding-left:13px; background:url(https://www.sakobpq.com/images/pro-xt.png) no-repeat left; font-weight: bold;}
.pro-bot ul li dl dd p{margin-bottom: 53px;}
.pro-bot ul li dl dd p em{display: block;height:36px;line-height: 36px;background:url(https://www.sakobpq.com/images/pro-dd.png) no-repeat left;padding-left:27px;}
.pro-bot ul li dl dd p em a{font-size: 19px; color:#1e1e1e; font-family: "思源黑体 CN";}
.pro-bot ul li dl dd strong{display: block; width:159px; height:44px; background:url(https://www.sakobpq.com/images/pro-kk.png) no-repeat center;}
.pro-bot ul li dl dd strong a{display: block;width:159px;height:44px; text-align: center;}
.pro-bot ul li dl dd strong i{display: inline-block; height:44px;line-height: 44px;padding-right:41px;background:url(https://www.sakobpq.com/images/pro-jt.png) no-repeat right; font-weight: normal;}
.pro-bot ul li:last-child{float:right;}
@media screen and  (min-width:760px) and (max-width:1680px){
    .pro-top .pro-con{width:93.3%;}
    .pro-top .pro-con .pro-cen{left:350px;}
    .pro-bot ul li dl dd h4 a{font-size: 20px;}
    .pro-bot ul li dl dd p em a{font-size: 16px;}
}

.solution{padding-top:93px; box-sizing: border-box;}
.solution h2{text-align: center; margin-bottom: 35px;}
.solution h2 span{display: inline-block; height:68px; line-height: 68px;font-size: 50px; color:#333333;padding:0 21px;position: relative; font-weight: bold;}
.solution h2 span:before{width:15px; height:20px; background:url(https://www.sakobpq.com/images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.solution h2 span:after{width:15px; height:20px; background:url(https://www.sakobpq.com/images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.solution h2 em{display: block; height:42px; line-height: 42px;font-size: 24px; color:#666666;font-weight: normal;}
.sol-con{width:100%;height:840px;position: relative;}
.sol-con .sol-list,.sol-con .sol-pic{height:840px;}
.sol-con .sol-pic{position: relative;width:100%;}
.sol-con .sol-pic span{display: block; width:100%; height:100%; line-height: 0; overflow: hidden;}
.sol-con .sol-pic span img{width:100%;height:100%;}
.sol-pic  img{width: 100%;height:840px;}
.sol-con .sol-pic .sol-left{width:50%; height:840px;padding:106px 0 0 178px; box-sizing: border-box; position: absolute; left:0; top:0;}
.sol-con .sol-pic .sol-left i{display: block; width:32px; height:2px; background: #E60012; margin-bottom: 31px;}
.sol-con .sol-pic .sol-left h4{width:342px;}
.sol-con .sol-pic .sol-left h4 em{display: block; line-height:23px; font-size: 16px; color:rgba(255,255,255,0.37); text-transform: uppercase; font-weight: normal;}
.sol-con .sol-pic .sol-left h4 span{display: block; height:62px;line-height: 62px;font-size: 42px; color:#FFF; font-weight: bold; font-family: "思源黑体 CN"; margin-bottom: 16px;}
.sol-con .sol-pic .sol-left p{ line-height:27px;font-size: 16px; color:#FFF; margin-bottom: 372px;width:342px; }
.sol-con .sol-pic .sol-left strong{display: block; width:159px; height: 44px; background:url(https://www.sakobpq.com/images/sol-kk.png) no-repeat center;}
.sol-con .sol-pic .sol-left strong a{display: block; height:44px; text-align: center;}
.sol-con .sol-pic .sol-left strong em{display: inline-block; height:44px; line-height: 44px;font-size:14px; color:#FFF;padding-right:40px;background:url(https://www.sakobpq.com/images/sol-jt1.png) no-repeat right;font-weight: normal;}
.sol-con .sol-hd{width:50%; height:840px;background:rgba(0,49,113,0.77); position: absolute;right:0;top:0;}
.sol-con .sol-hd ul li{height:210px;border-bottom:1px solid rgba(255,255,255,0.18); box-sizing: border-box; transition: .5s;}
.sol-con .sol-hd ul li a{display: block;height:208px;padding:19px 106px 0 42px; box-sizing: border-box;}
.sol-con .sol-hd ul li i{display: block;  height:80px; line-height: 80px;font-size: 62px; color:rgba(255,255,255,0.1); font-family: "Impact"; margin-bottom: 26px; transition: .5s;font-style: normal;}
.sol-con .sol-hd ul li span{display: block; height:37px; line-height: 37px;font-size: 26px; color:#FFF; font-family: "思源黑体 CN";}
.sol-con .sol-hd ul li p{height:24px; line-height: 24px;font-size: 16px; color:rgba(255,255,255,0.37); text-transform: uppercase; background:url(https://www.sakobpq.com/images/sol-jt.png) no-repeat right;}
.sol-con .sol-hd ul li:last-child{border-bottom:0;}
.sol-con .sol-hd ul li.cur{background: rgba(255,255,255,0.25);}
.sol-con .sol-hd ul li.cur i{color:#E60012;}
.sol-con .sol-hd ul li.cur p{background:url(https://www.sakobpq.com/images/sol-jt_h.png) no-repeat right;}

* {
            margin: 0;
            padding: 0;
            list-style: none;
            text-decoration: none;
        }
        .clearfix::after {
            content: "";
            display: block;
            clear: both;
        }

        /* 原样式保留 */
        .ysbj{height:970px; overflow: hidden;}
        .ys{padding-top:100px;}
        .content {
            width: 1200px;
            margin: 0 auto;
        }
        .ys h2{text-align: center; margin-bottom: 28px;}
        .ys h2 span{display: inline-block; height:68px; line-height: 68px;font-size: 50px; color:#333333;padding:0 21px;position: relative; font-weight: bold; font-family: "思源黑体 CN";}
        .ys h2 span:before{width:15px; height:20px; background:url(https://www.sakobpq.com/images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
        .ys h2 span:after{width:15px; height:20px; background:url(https://www.sakobpq.com/images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
        .ys h2 em{display: block; height:44px; line-height: 44px;font-size: 24px; color:#666666;font-weight: normal;}
        .ys .ys-nav{height:74px;}
        .ys .ys-nav ul li{float:left; width:300px; height:51px; text-align: center;position: relative; cursor: pointer; /* 鼠标悬浮显示指针，提升交互体验 */}
        .ys .ys-nav ul li:before{width:1px; height:26px; background: #e5ecf6;content:""; position: absolute; right:0;top:14px;}
        .ys .ys-nav ul li:last-child:before{display: none;}
        .ys .ys-nav ul li i{display: inline-block; width:40px; height:46px; overflow: hidden; margin-right:12px; }
        .ys .ys-nav ul li i img{width: 100%; transition: .5s;}
        .ys .ys-nav ul li h4{display: inline-block; text-align: left;}
        .ys .ys-nav ul li h4 span{display: block; height:34px; line-height: 34px;font-size: 26px; color:#333333; font-weight: normal;}
        .ys .ys-nav ul li h4 p{height:17px; line-height: 17px;font-size: 14px; color:#666666;text-transform: uppercase; font-weight: normal;}
        .ys .ys-nav ul li.cur i img{margin-top:-46px;}
        .ys .ys-nav ul li.cur h4 span{color:#E60012; font-weight: bold;}
        .ys .ys-con dl{height:600px; position: relative;}
        .ys .ys-con dl dt{width:100%; line-height: 0; overflow: hidden;}
        .ys .ys-con dl dt img{width:100%;height:600px;}
        .ys .ys-con dl dd{width:1168px;height:169px; background:rgba(255,255,255,0.95); position: absolute; left:15px; bottom:15px;padding:28px 0 0 53px; box-sizing: border-box;}
        .ys .ys-con dl dd .left{width:440px;float:left;padding-top:3px;}
        .ys .ys-con dl dd .left h4{height:41px; line-height: 41px;font-size: 30px; color:#333333; font-family: "思源黑体 CN";}
        .ys .ys-con dl dd .left h4 i{display: inline-block;width:4px; height:4px; background:#e60012;margin:19px 17px 0 11px; border-radius: 50%;vertical-align: top;}
        .ys .ys-con dl dd .left h4 em{color:#003171;display: inline-block; vertical-align: top;}
        .ys .ys-con dl dd .left p{height:22px; line-height: 22px;font-size: 14px; color:#bfc0bb; font-family: "思源黑体 CN";padding-bottom:25px; background:url(https://www.sakobpq.com/images/ys-yy.png) no-repeat left 6px bottom; text-transform: uppercase;letter-spacing: 1px;}
        .ys .ys-con dl dd ul{float:left;}
        .ys .ys-con dl dd ul li{height:35px; line-height: 35px; font-size: 16px; color:#666666; font-weight: normal;padding-left:13px;background:url(https://www.sakobpq.com/images/ys-dd.png)  no-repeat left;}

        /* 初始隐藏除第一个外的所有内容 */
        .ys-list .con {
            display: none;
        }
        .ys-list .con:first-child {
            display: block;
        }
        
.zcbj{padding-top:56px;box-sizing: border-box;}
.zcbj h2{text-align: center; margin-bottom: 25px;}
.zcbj h2 span{display: inline-block; height:68px; line-height: 68px;font-size: 50px; color:#333333;padding:0 21px;position: relative; font-weight: bold; font-family: "思源黑体 CN";}
.zcbj h2 span:before{width:15px; height:20px; background:url(https://www.sakobpq.com/images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.zcbj h2 span:after{width:15px; height:20px; background:url(https://www.sakobpq.com/images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.zcbj h2 em{display: block; height:44px; line-height: 44px;font-size: 24px; color:#666666;font-weight: normal;}
.zcbj .zc-con{height:509px;background:url(https://www.sakobpq.com/images/zcbj.jpg) no-repeat center;}
.zcbj .zc-con .zc{padding-top:80px;}
.zcbj .zc-con .zc h3{height:80px; line-height: 80px;font-size: 30px; color:#333333;font-family: "思源黑体 CN"; font-weight: bold; position: relative;margin-bottom: 24px;}
.zcbj .zc-con .zc h3 i{font-size: 40px; color:#e60012;font-family: "思源黑体 CN"; font-weight: bold;}
.zcbj .zc-con .zc h3:before{width:56px; height:1px; background:#E60012; content:""; position: absolute; left:0;bottom:0;}
.zcbj .zc-con .zc ul li{height:62px; line-height: 62px;padding-left:36px; background:url(https://www.sakobpq.com/images/zc-ico.png) no-repeat left;font-size: 19px; color:#333333; position: relative;}
.zcbj .zc-con .zc ul li:before{width:1px; height:46px; background:#e60012;content:""; position: absolute; left:8px;top:39px;}
.zcbj .zc-con .zc ul li:last-child:before{display: none;}

.flow_path{height:379px; background:url(https://www.sakobpq.com/images/flow_path.jpg) no-repeat center;}
.flow{padding-top:30px;}
.flow h2{text-align: center;}
.flow h2 span{display: inline-block; height:146px; line-height: 146px;font-size: 50px; color:#FFF;padding:0 21px;position: relative; font-weight: bold; font-family: "思源黑体 CN";}
.flow h2 span:before{width:15px; height:15px; background:url(https://www.sakobpq.com/images/tit-left1.png) no-repeat center; content:""; position: absolute; left:0;top:67px;}
.flow h2 span:after{width:15px; height:15px; background:url(https://www.sakobpq.com/images/tit-rig1.png) no-repeat center; content:""; position: absolute; right:0;top:67px;}
.flow .lc-con{
    display: flex;
    align-items: center;
    justify-content: center;
}
.flow .lc-con .lc{
    width:114px;
    float:left;
    cursor: pointer; /* 显示指针，提示可交互 */
    transition: transform 0.3s ease-out; /* 添加过渡效果 */
}
.flow .lc-con .lc:hover{
    transform: translateY(-5px); /* 鼠标悬停时上移效果 */
}
.flow .lc-con .lc em{display: block; width:74px;height:74px;margin:0 auto 20px; position: relative; overflow: hidden;}
.flow .lc-con .lc em i{display: block; width:74px; height:74px; line-height: 0; overflow: hidden;}
.flow .lc-con .lc em i img{width:100%;}
.flow .lc-con .lc em i.default{
    position: absolute;
    left:0;
    top:0;
    -webkit-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.flow .lc-con .lc em i.hover{
    position: absolute;
    left:0;
    top:0;
    opacity: 0; 
    transform: scale(0);
    transition: .5s;
}
.flow .lc-con .lc span{
    display:block; 
    text-align: center; 
    line-height: 18px;
    font-size: 16px; 
    color:#FFF; 
    font-family: "思源黑体 CN";
    transition: color 0.3s ease-out; /* 文字颜色过渡 */
}
.flow .lc-con b{
    display: block; 
    width:20px; 
    height:16px;  
    background:url(https://www.sakobpq.com/images/flo-jt.png) no-repeat center; 
    float:left; 
    margin: 0 10px; /* 调整连接线间距 */
    transition: opacity 0.3s ease-out; /* 连接线过渡 */
}
/* 激活状态样式 */
.flow .lc-con .lc.cur i.default,
.flow .lc-con .lc:hover i.default{
    opacity: 0;
    visibility:hidden;
    -webkit-transform: translateX(100%) rotate(180deg);
    transform: translateX(100%) rotate(180deg);
}
.flow .lc-con .lc.cur i.hover,
.flow .lc-con .lc:hover i.hover{
    opacity: 1; 
    transform: scale(1);
}
.flow .lc-con .lc.cur span,
.flow .lc-con .lc:hover span{
    color:#E60012; 
    font-weight: bold;
}
/* 为当前项之前的连接线添加激活样式 */
.flow .lc-con .lc.cur ~ b,
.flow .lc-con .lc:hover ~ b {
    opacity: 0.3;
}

.case{height:1232px;}
.cas{padding-top:79px;}
.cas h2{text-align: center; margin-bottom: 32px;}
.cas h2 span{display: inline-block; height:68px; line-height: 68px;font-size: 50px; color:#333333;padding:0 21px;position: relative; font-weight: bold; font-family: "思源黑体 CN";}
.cas h2 span:before{width:15px; height:20px; background:url(https://www.sakobpq.com/images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.cas h2 span:after{width:15px; height:20px; background:url(https://www.sakobpq.com/images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.cas h2 em{display: block; height:45px; line-height: 45px;font-size: 24px; color:#666666;font-weight: normal;}
.cas .cas-nav{width: 100%; height:47px; border:1px solid #e9e9e9; margin-bottom: 40px;	transform:skew(-20deg);-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform:skew(-20deg);-ms-transform:skew(-20deg); }
.cas .cas-nav ul li{float:left; width:240px; height:47px;position: relative;}
.cas .cas-nav ul li a{display: block; height:47px; text-align: center;transform:skew(20deg);-webkit-transform: skew(20deg);-moz-transform: skew(20deg);-o-transform:skew(20deg);-ms-transform:skew(20deg);}
.cas .cas-nav ul li i{display: inline-block; width:25px; height:21px; overflow: hidden;margin: 12px 5px 0 0;}
.cas .cas-nav ul li i img{width:100%; transition: .5s;}
.cas .cas-nav ul li em{display: inline-block; height:47px; line-height: 47px;font-size: 20px; vertical-align: top;}
.cas .cas-nav ul li:before{width:6px; height:16px;content:"/";color:#e9e9e9;position: absolute;right:0; top:15px;transform:skew(20deg);-webkit-transform: skew(20deg);-moz-transform: skew(20deg);-o-transform:skew(20deg);-ms-transform:skew(20deg); transition: .5s;}
.cas .cas-nav ul li:last-child:before{display: none;}
.cas .cas-nav ul li.cur{background:#E60012;}
.cas .cas-nav ul li.cur i img{margin-top:-21px;}
.cas .cas-nav ul li.cur em{color:#FFF;}
.cas .cas-nav ul li.cur:before{opacity: 0;}
.cas .cas-con{height:598px; margin-bottom: 58px;}
.cas .cas-con dl{width:791px; height:598px;float:left; position: relative;}
.cas .cas-con dl dt{width:100%; height:598px; line-height: 0; overflow: hidden;}
.cas .cas-con dl dt img{width: 100%; height:100%; transition: 1s;}
.cas .cas-con dl dd{height:91px;padding:10px 24px 0 30px; box-sizing: border-box;width:100%; position: absolute; left:0;bottom:0;background:rgba(0,0,0,0.6);}
.cas .cas-con dl dd h4{height:38px; line-height: 38px;background:url(https://www.sakobpq.com/images/cas-jt1.png) no-repeat right;}
.cas .cas-con dl dd h4 a{font-size: 18px; color:#FFF; font-weight: bold;display: block;}
.cas .cas-con dl dd p{height:33px;line-height: 33px; font-size: 14px;color:#FFF;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cas .cas-con dl:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.cas .cas-con ul{float:right;width:398px; }
.cas .cas-con ul li{width:100%; position: relative;height:293px; margin-bottom: 9px;}
.cas .cas-con ul li span{display: block; width:100%; height:100%; line-height: 0; overflow: hidden;}
.cas .cas-con ul li span img{width: 100%; height:100%; transition: 1s;}
.cas .cas-con ul li em{display: block; width:100%; height:56px; padding:0 16px 0 20px; box-sizing: border-box; position: absolute;left:0;bottom:0;background:rgba(0,0,0,0.6);}
.cas .cas-con ul li em i{display: block; height:56px; line-height: 56px; font-size: 16px; color:#FFF; font-weight: bold; background:url(https://www.sakobpq.com/images/cas-jt2.png) no-repeat right;}
.cas .cas-con ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.cas .cas-ml h4{height:67px; margin-bottom:32px; }
.cas .cas-ml h4 span{display: block;height:67px; line-height: 67px; float:left; padding:0 24px;font-size: 28px; color:#333333; font-family: "思源黑体 CN"; font-weight: bold; position: relative;}
.cas .cas-ml h4 span:before{width:15px; height:20px; background:url(https://www.sakobpq.com/images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.cas .cas-ml h4 span:after{width:15px; height:20px; background:url(https://www.sakobpq.com/images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.cas .cas-ml h4 i{display: block; height:67px; line-height: 67px; float:right;position: relative; font-size: 14px; color:#333333; font-weight: normal; text-transform: uppercase;}
.cas .cas-ml h4 i:before{width:899px; height:1px; background: #EAEAEA; content:""; position: absolute; left:-946px; top:34px;}
.cas .cas-ml .cas-bd{overflow: hidden;}
.cas .cas-ml .cas-bd ul li{float:left;width:188px !important; box-sizing: border-box; margin-right: -15px;}
.cas .cas-ml .cas-bd ul li a{display: block; width:100%; }
.cas .cas-ml .cas-bd ul li i{display: block; width:150px; height:155px; margin:0 auto; line-height: 0; overflow: hidden;}
.cas .cas-ml .cas-bd ul li i img{width: 100%;}
.cas .cas-ml .cas-bd {
  overflow: hidden; /* 隐藏超出容器的内容，只显示当前可视区域 */
  width: 1206px; /* 与原代码中 .tempWrap 的 width 一致，确保1屏显示范围 */
  margin: 0 auto; /* 可选：居中显示 */
}

/* 2. 列表容器：开启绝对定位（用于位移）+ 清除浮动 + 设置总宽度 */
.cas .cas-ml .cas-bd ul {
  position: relative; /* 关键：动画基于自身定位位移 */
  width: 3819px; /* 原代码已设置（所有li+克隆li的总宽度，无需修改） */
  overflow: hidden;
  padding: 0;
  margin: 0;
  list-style: none; /* 清除默认列表样式 */
  
  /* 3. 核心动画：持续向左滑动 */
  animation: scrollLeft 30s linear infinite; /* 30s=动画时长，linear=匀速，infinite=循环 */
}

/* 4. 定义动画关键帧 */
@keyframes scrollLeft {
  0% {
    left: 0; /* 初始位置：列表最左侧 */
  }
  100% {
    left: -2613px; /* 结束位置：向左滑动「非克隆li的总宽度」（计算逻辑见下方） */
  }
}

/* 5. 鼠标悬停暂停（可选优化：提升用户体验） */
.cas .cas-ml .cas-bd ul:hover {
  animation-play-state: paused; /* 鼠标放在列表上时，动画暂停 */
}

.about{background:url(/uploads/about.jpg) no-repeat top center;padding-bottom:69px;}
.abo{padding-top:380px;}
.abo .abo-con{background:#FFF;padding:38px 39px 52px; box-sizing: border-box;box-shadow: 0px 0px 18px rgba(0,0,0,0.1);}
.abo .abo-con h4{text-align: center;margin-bottom:26px; }
.abo .abo-con h4 span{display: inline-block;height:77px;line-height: 77px;font-size: 50px; color:#333333;padding:0 25px;position: relative; font-weight: bold; font-family: "思源黑体 CN";}
.abo .abo-con h4 span:before{width:15px; height:20px; background:url(https://www.sakobpq.com/images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:28px;}
.abo .abo-con h4 span:after{width:15px; height:20px; background:url(https://www.sakobpq.com/images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:28px;}
.abo .abo-con h4 em{display: block; height:47px;line-height: 47px;font-size: 24px; color:#666666;font-weight: normal;}
.abo .abo-con p{width:1010px; margin:0 auto 24px; line-height:33px; font-size: 16px; color:#666666; text-align: center;}
.abo .abo-con .abo-nav{width:268px;  height:47px;margin:0 auto 32px;background:#f3f3f3;}
.abo .abo-con .abo-nav li{float:left;width:141px; height:47px;text-align: center; line-height: 47px;}
.abo .abo-con .abo-nav li a{font-size: 16px; color:#666666; font-weight: bold;display: block;}
.abo .abo-con .abo-nav li.ab2{margin-left: -14px;}
.abo .abo-con .abo-nav li.cur a{color:#FFF;}
.abo .abo-con .abo-nav li.ab1.cur{background:url(https://www.sakobpq.com/images/abo-nav1.png) no-repeat center;}
.abo .abo-con .abo-nav li.ab2.cur{background:url(https://www.sakobpq.com/images/abo-nav2.png) no-repeat center;}
.abo .abo-con .abo-bot{position: relative;}
.abo .abo-con .abo-bot .abo-list{width:1005px;margin:0 auto;}
.abo .abo-con .abo-bot .abo-list .bd{overflow: hidden;}
.abo .abo-con .abo-bot .abo-list .bd ul li{float:left; width:238px;margin-right: 17px;}
.abo .abo-con .abo-bot .abo-list .bd ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}
.abo .abo-con .abo-bot .abo-list .bd ul li span img{width:100%;}
.abo .abo-con .abo-bot .abo-list .bd ul li em{display: block; width:100%; height:17px; background:url(https://www.sakobpq.com/images/abo-yy.png) no-repeat center;}
.abo .abo-con .abo-bot .abo-list .abo-jt i{display: block; width:19px; height:33px;cursor: pointer;}
.abo .abo-con .abo-bot .abo-list .abo-jt i.abo-prev{background:url(https://www.sakobpq.com/images/abo-prev.png) no-repeat center;position: absolute; left:0;top:40%;}
.abo .abo-con .abo-bot .abo-list .abo-jt i.abo-next{background:url(https://www.sakobpq.com/images/abo-next.png) no-repeat center;position: absolute; right:0;top:40%;}


.section h4{text-align: center;margin-bottom:26px; }
.section h4 span{display: inline-block;height:77px;line-height: 77px;font-size: 50px; color:#333333;padding:0 25px;position: relative; font-weight: bold; font-family: "思源黑体 CN";}
.section h4 span:before{width:15px; height:20px; background:url(https://www.sakobpq.com/images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:28px;}
.section h4 span:after{width:15px; height:20px; background:url(https://www.sakobpq.com/images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:28px;}


/*客服*/
.kf {
	width: 208px;
	position: fixed;
	/* right: 20px; */
	right: -208px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 999;
}
.kt-top {
	height: 40px;
	line-height: 40px;
	background: url("../images/kefu.png") 12px center no-repeat #2d6fca;
	-o-background-size: auto 20px;
	-ms-background-size: auto 20px;
	-moz-background-size: auto 20px;
	-webkit-background-size: auto 20px;
	background-size: auto 20px;
	padding-left: 46px;
	font-size: 14px;
	color: #fff;
}
.kt-top span:hover {
	transform: rotate(90deg);
}
.kt-top span {
	width: 18px;
	height: 16px;
	float: right;
	position: relative;
	margin: 10px 10px 0px 0px;
	cursor: pointer;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}
.kt-top span b {
	width: 100%;
	height: 2px;
	background: #fff;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
}
.kt-top span b:first-child {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}
.kt-top span b:last-child {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}
.kf .con {
	overflow: hidden;
	background: #fff;
}
.kf .qq li {
	height: 36px;
	line-height: 36px;
	border-bottom: #f5f5f5 solid 1px;
	padding-left: 16px;
}
.kf .qq li a {
	height: 36px !important;
	color: #666;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-decoration: initial;
	display: block;
}
.kf .qq li a img {
	padding-right: 6px;
}
.kf .con h5 {
	height: 26px;
	line-height: 26px;
	margin-top: 12px;
	background: url('../images/lianxi.png') 16px center no-repeat;
	padding-left: 45px;
	color: #666;
	font-size: 14px;
	margin-bottom: 0;
}
.kf .contact {
	margin-top: 1px;
}
.kf .contact p {
	height: 26px;
	line-height: 26px;
	color: #666;
	font-size: 14px;
	padding-left: 22px;
	margin: 0;
}
.kf .contact p:nth-child(2n) {
	padding-left: 32px;
}
.kf .con h5.qr-icon {
	background: url('../images/erweima.png') 16px center no-repeat;
}
.kf .con .qr {
	margin-top: 10px;
	padding-left: 40px;
}
.kf .con .qr img {
	width: 110px;
	height: 110px;
}
.kf .backTop {
	width: 100%;
	height: 40px;
	margin-top: 10px;
	background: url('../images/huidaodingbu.png') center center no-repeat #2d6fca;
	background-size: 18px auto;
	cursor: pointer;
}
.kf-side {
	padding: 18px 10px 10px;
	background: #2d6fca;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	left: -34px;
	cursor: pointer;
}
.kf-side b {
	display: block;
	color: #fff;
	line-height: 18px;
	font-size: 14px;
	font-weight: normal;
}
.kf-side span.arrow {
	width: 12px;
	height: 12px;
	background: url('../images/jt-1.png') no-repeat;
	-o-background-size: auto 12px;
	-ms-background-size: auto 12px;
	-moz-background-size: auto 12px;
	-webkit-background-size: auto 12px;
	background-size: auto 12px;
	display: block;
	margin-top: 10px;
}
.kf-side span.on {
	background: url('../images/jt-2.png') no-repeat;
	-o-background-size: auto 12px;
	-ms-background-size: auto 12px;
	-moz-background-size: auto 12px;
	-webkit-background-size: auto 12px;
	background-size: auto 12px;
}
/*.kefu{position:fixed;right:-170px;top:50%;z-index:900;}*/
/*.kefu li a{text-decoration:none;}*/
/*.kefu li{margin-top:1px;clear:both;height:71px;position:relative;}*/
/*.kefu li i{background:url(../images/fx.png) no-repeat;display:block;width:30px;height:27px;margin:0 auto;text-align:center;}*/
/*.kefu li p{height:20px;font-size:14px;line-height:20px;overflow:hidden;text-align:center;color:#fff;margin: 0;}*/
/*.kefu .kefu-qq i{background-position:4px 5px;}*/
/*.kefu .kefu-tel i{background-position:0 -21px;}*/
/*.kefu .kefu-liuyan i{background-position:4px -53px;}*/
/*.kefu .kefu-weixin i{background-position:-34px 4px;}*/
/*.kefu .kefu-weibo i{background-position:-30px -22px;}*/
/*.kefu .kefu-ftop{display:none;}*/
/*.kefu .kefu-ftop i{width:33px;height:35px;background-position:-27px -51px;}*/
/*.kefu .kefu-left{float:left;width:77px;height:47px;position:relative;}*/
/*.kefu .kefu-tel-right{font-size:16px;color:#fff;float:left;height:24px;line-height:22px;padding:0 15px;border-left:1px solid #fff;margin-top:14px;}*/
/*.kefu .kefu-right{width:20px;}*/
/*.kefu .kefu-tel-main{background:#2d6fca;color:#fff;height:56px;width:247px;padding:9px 0 6px;float:left;}*/
/*.kefu .kefu-main{background:#2d6fca;width:97px;height:56px;position:relative;padding:9px 0 6px;float:left;}*/
/*.kefu .kefu-weixin-pic{position:absolute;left:-130px;top:-24px;display:none;z-index:333;}*/
/*.kefu-weixin-pic img{width:115px;height:115px;}*/

.header {
	background-color: #fff;
}
.header .topbar {
	line-height: 34px;
	background-color: #f5f5f5;
	font-size: 13px;
	color: #888;
}
.header .topbar ul {
	float: right;
}
.header .topbar li {
	float: left;
	color: #ddd;
}
.header .topbar li.pipe {
	padding: 0 10px;
}
.header .logo {
	float: left;
	font-size: 0;
	height: 80px;
	line-height: 80px;
	text-align: left;
	padding: 15px 0;
}
.logo1 {
	float: left;
	margin-top: 20px;
	height: 100px;
	line-height: 120px;
}
.logo2 {
	width: 242px;
	float: left;
}
.logo2 a {
	width: 242px;
	display: block;
	text-indent: -999em;
}
.header .tel {
	float: right;
	background: url(../images/tel.jpg) no-repeat 0 center;
	padding-left: 55px;
	margin-top: 31px;
}
.header .tel strong {
	display: block;
	font-size: 28px;
	font-family: Impact;
	line-height: 1;
	color: #2d6fca;
}
.header .text {
	float: left;
	font-size: 16px;
	margin: 20px 0 20px 30px;
	padding: 5px 0 5px 30px;
	border-left: 1px solid #ddd;
}
.header .text strong {
	display: block;
	font-size: 26px;
}
.header .text span {
	color: #2d6fca;
}
.header .nav {
	font-size: 0;
	background: #2d6fca;
	color: #fff;
}
.header .nav li {
	display: inline-block;
	vertical-align: middle;
	background: url(../images/su.png) no-repeat right center;
}
.header .nav li:last-child {
	background: none;
}
.header .nav li a {
	display: block;
	font-size: 16px;
	line-height: 70px;
	padding: 0 35px;
	color: #fff;
}
.header .nav li .arr {
	float: right;
	height: 40px;
	width: 40px;
	position: relative;
	display: none;
}
.header .nav li .arr:after {
	content: '';
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	display: block;
	width: 8px;
	height: 8px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	right: 15px;
}
.header .nav li.dropdown {
	position: relative;
}
.header .nav li.dropdown:before {
	content: "";
	position: absolute;
	border: 4px solid transparent;
	border-bottom: 0;
	border-top-color: currentColor;
	top: 50%;
	margin-top: -2px;
	right: 15px;
}
.header .nav .dropdown-box {
	position: absolute;
	left: 0;
	min-width: 100%;
	top: 100%;
	display: none;
	z-index: 10;
	text-align: center;
}
.header .nav .dropdown-box p {
	margin: 0;
}
.header .nav .dropdown-box a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 10px;
	font-size: 14px;
	background-color: rgba(0, 0, 0, 0.5) !important;
	line-height: 40px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.header .nav .dropdown-box a:hover {
	background-color: #ffae00 !important;
}
.header .nav li.active a, .header .nav li.open a, .header .nav li a:hover {
	color: #fff;
	background-color: #ffae00;
}
.header .nav li.open .dropdown-box {
	display: block;
}
.menu-btn {
	display: none;
	padding: 18px 0;
	float: right;
	margin-left: 15px;
}
.menu-btn:before, .menu-btn:after, .menu-btn span {
	display: block;
	height: 2px;
	background-color: #2d6fca;
	content: '';
}
.menu-btn:before {
	width: 24px;
}
.menu-btn:after {
	width: 18px;
	margin-left: 6px;
}
.menu-btn span {
	width: 12px;
	margin: 6px 0 6px 12px;
}
.banner .swiper-slide {
	background: no-repeat center / cover;
	height: 650px;
}
.banner .swiper-slide a {
	display: inline-block;
	width: 100%;
	height: 500px;
}
.banner .swiper-slide img {
	display: block;
	width: 100%;
	height: auto;
}
.yunu-showcase {
	margin: 0 auto 20px;
}
.yunu-showcase-info {
	margin-left: 430px;
}
.yunu-showcase-info h1 {
	font-size: 20px;
	margin: 0;
	border-bottom: 1px dashed #ddd;
	padding-bottom: 15px;
}
.yunu-showcase-info p {
	margin: 15px 0 0;
	color: #666;
	line-height: 1.8;
}
.yunu-showcase-info .tel {
	margin-top: 15px;
}
.yunu-showcase-info .tel a {
	line-height: 42px;
	color: #fff;
	display: inline-block;
	width: 120px;
	text-align: center;
	border-radius: 5px;
	background-color: #2d6fca;
}
.pc-slide {
	float: left;
	width: 400px;
}
.view .swiper-slide .imgauto {
	width: 100%;
	height: 300px;
	line-height: 300px;
}
.view .swiper-container {
	width: 100%;
}
.preview {
	width: 100%;
	margin-top: 10px;
	position: relative;
}
.preview .swiper-container {
	margin: 0 30px;
}
.preview .swiper-slide .imgauto {
	height: 80px;
	border: 1px solid #ddd;
	text-align: center;
	cursor: pointer;
	position: relative;
}
.preview .swiper-slide .imgauto img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}
.preview .arrow-left {
	background: url(../images/feel3.png) no-repeat left top;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}
.preview .arrow-right {
	background: url(../images/feel4.png) no-repeat left bottom;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}
.preview img {
	padding: 1px;
}
.preview .active-nav .imgauto {
	border: 1px solid #2d6fca;
}
div.zoomDiv {
	z-index: 999;
	position: absolute;
	top: 0;
	left: 0;
	background: #ffffff;
	border: 1px solid #ddd;
	display: none;
	text-align: center;
	overflow: hidden;
	font-size: 0;
}
div.zoomMask {
	position: absolute;
	background: url(../images/mask.png) repeat scroll 0 0 transparent;
	cursor: move;
	z-index: 1;
}
.yunu-sou {
	padding: 15px 0;
	background-color: #f5f5f5;
}
.yunu-sou .hot {
	float: left;
	padding: 5px 0;
}
.yunu-sou .hot a {
	margin-right: 10px;
}
.yunu-sou .hot strong {
	color: #2d6fca;
}
.yunu-sou .hform {
	float: right;
}
.yunu-sou .hform input {
	float: left;
	font-size: 12px;
	border: 1px solid #eee;
	padding: 6px 12px;
	line-height: 16px;
	width: 210px;
}
.yunu-sou .hform button {
	border: 0;
	border-bottom: 1px solid transparent;
	padding: 0;
	float: left;
	cursor: pointer;
	outline: none;
	width: 49px;
	height: 30px;
	background: #2d6fca;
	color: #fff;
}
.yunu-link {
	padding: 20px 0;
}
.yunu-link h3 {
	border-bottom: 1px solid #ddd;
	margin: 0;
	font-size: 18px;
	color: #2d6fca;
	padding-bottom: 15px;
}
.yunu-link h3 small {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal;
	color: #999;
}
.yunu-link ul {
	margin-left: -20px;
}
.yunu-link li {
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}
.section {
	padding: 10px 0;
}
.section-title {
	margin-bottom: 40px;
	text-align: center;
	font-size: 24px;
}
.section-title i {
	display: block;
	border-bottom: 1px solid #eee;
	margin-top: 10px;
}
.section-title i:after {
	display: block;
	height: 2px;
	width: 70px;
	content: '';
	background-color: #f58c53;
	margin: 0 auto -1px;
}
.section-title small {
	display: block;
	margin-top: 10px;
	font-size: 12px;
	text-transform: uppercase;
}
.section-title p {
	margin: 10px auto 0;
	font-size: 14px;
	color: #777;
	max-width: 80%;
}
.list-1 {
	margin: -20px 0 0 -20px;
}
.list-1 li {
	float: left;
	width: 25%;
}
.list-1 li a {
	display: block;
	margin: 10px 0 0 20px;
	-webkit-box-shadow: 0 0 8px #dbdbdb;
	box-shadow: 0 0 8px #dbdbdb;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	border: 2px solid #fff;
	background-color: #fff;
}
.list-1 li .img-center {
	height: 250px;
	line-height: 200px;
}
.list-1 li .text {
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 8px;
	background-color: #2d6fca;
	color: #fff;
}
.list-1 li a:hover {
	border-color: #2d6fca;
}
.list-1 li a:hover .img-center img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.list-1-1 li {
	width: 33.333333%;
}
.in-prd-cate {
	float: left;
	width: 240px;
}
.in-prd-cate h2 {
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 60px;
	text-align: center;
	background: url(../images/jiao.png) no-repeat right 0 #2d6fca;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}
.in-prd-cate dl {
	margin: 0;
	border: 1px solid #ddd;
	padding: 0 10px 10px;
}
.in-prd-cate dt {
	margin-bottom: 10px;
	line-height: 60px;
	text-align: center;
	background: url(../images/jiao.png) no-repeat right 0 #2d6fca;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}
.in-prd-cate dd {
	margin: 0;
}
.in-prd-cate dd a {
	display: block;
	padding: 10px 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	background-color: #f1f1f1;
	margin-top: 5px;
}
.in-prd-cate dd a:hover {
	background-color: #2d6fca;
	color: #fff;
}
.in-prd-con {
	float: right;
	width: 890px;
	padding: 20px;
	background-color: #f0f0f0;
}
.in-prd-con .list-1 li {
	width: 33.333333%;
}
.in-prd-con .list-1 li .img-center {
	height: 260px;
	line-height: 260px;
}
.in-about {
	margin: 0;
}
.in-about dt {
	float: left;
	width: 528px;
}
.in-about dd {
	margin-left: 560px;
}
.in-about dd p {
	margin: 0;
	line-height: 1.8;
	text-indent: 2em;
	text-align: justify;
}
.in-about dd .more {
	float: left;
	margin-top: 15px;
	padding: 5px 15px;
	border: 1px solid #777;
	background-color: #777;
	color: #fff;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size: 12px;
}
.in-about dd .more:hover {
	background-color: #fff;
	color: #777;
}
.bg1 {
	background-color: #2d6fca;
	color: #fff;
}
.bg1 .section-title i {
	border-color: #3db361;
}
.bg1 .section-title p {
	color: #fff;
}
.in-choose {
	width: 580px;
}
.in-choose dl {
	margin: 0 0 40px;
	background: no-repeat 0 0;
	padding-left: 70px;
}
.in-choose dt {
	padding: 10px 0;
	font-weight: bold;
	background: url(../images/strong_bg.png) 0 bottom repeat-x;
	font-size: 22px;
	color: #2d6fca;
}
.in-choose dt small {
	color: #999;
	font-weight: normal;
	padding-left: 10px;
	font-size: 12px;
}
.in-choose dd {
	margin: 10px 0 0;
	background: url(../images/chooselist_bg.png) no-repeat left 5px;
	padding-left: 30px;
	text-align: justify;
	color: #666;
}
.in-choose-left {
	float: left;
}
.in-choose-right {
	float: right;
}
.in-choose-right dl {
	margin: 40px 0 0;
}
.in-dd {
	background: url(../images/bj_jg.jpg) no-repeat center / cover;
	min-height: 100px;
}
.in-dd h4 {
	margin: 0;
	font-size: 42px;
	color: #fff;
}
.in-dd p {
	margin: 10px 0 0;
	font-size: 26px;
	color: #fff;
}
.list-2 {
	margin: -20px 0 0 -20px;
}
.list-2 li {
	float: left;
	width: 25%;
}
.list-2 li a {
	display: block;
	margin: 20px 0 0 20px;
	-webkit-box-shadow: 0 0 5px #999;
	box-shadow: 0 0 5px #999;
	border-radius: 5px;
	border: 5px solid #fff;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.list-2 li .img-center {
	height: 196px;
	line-height: 196px;
}
.list-2 li .text {
	text-align: center;
	background-color: #f7f7f7;
	padding: 10px;
}
.list-2 li .text p {
	margin: 0;
	color: #666;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.list-2 li a:hover {
	border-color: #2d6fca;
}
.list-2 li a:hover .img-center img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.in-news {
	width: 580px;
}
.in-news .tit {
	background: url(../images/c6t.png) repeat-x bottom;
	padding-bottom: 30px;
	margin-bottom: 20px;
	font-size: 0;
}
.in-news .tit span {
	line-height: 1;
	border-left: 4px solid #2d6fca;
	display: inline-block;
	padding-left: 15px;
	font-weight: bold;
	font-size: 20px;
}
.in-news .tit small {
	color: #999;
	text-transform: uppercase;
	font-size: 14px;
	padding-left: 10px;
}
.in-news .tit .more {
	float: right;
	font-size: 14px;
	background: url(../images/iconmore.png) no-repeat right center;
	padding-right: 15px;
}
.in-news-left {
	float: left;
}
.in-news-right {
	float: right;
}
.list-3 li {
	border-bottom: 1px dashed #a7a7a7;
}
.list-3 li a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 40px;
	background: url(../images/dian.png) no-repeat 0 center;
	padding-left: 25px;
}
.list-3 li span {
	float: right;
	color: #999;
}
.footer {
	background: #232324;
  border-top: 8px solid #003171;
	color: #fff;
	padding-bottom: 30px;
}
.footer a {
	color: #fff;
}
.footer-link {
	margin-bottom: 30px;
	font-size: 0;
	padding: 30px 0 20px;
	border-bottom: 1px solid #2ead54;
	text-align: center;
}
.footer-link a {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	margin: 0 20px;
}
.footer-link span {
	color: #294a72;
	padding: 0 20px;
}
.footer-logo {
	float: left;
	margin-right: 30px;
	padding: 10px 0;
	width: 200px;
}
.footer-info {
	float: left;
	line-height: 1.8;
}
.footer-info p {
	margin: 0;
}
.footer-ewm {
	float: right;
	width: 220px;
}
.footer-ewm img {
	width: 120px;
}
.footer-ewm p {
	text-align: center;
	margin: 10px 0 0;
}
.banner-sub {
	height: 350px;
	background: no-repeat center / cover;
}
.position {
	padding: 20px 0;
	background-color: #f1f1f1;
}
.position span {
	background: url(../images/crumbs_bg.png) no-repeat 0 center;
	padding-left: 25px;
}
.daodu {
	background-color: #fafafa;
	color: #999;
	margin: 16px;
	padding: 15px 30px;
	line-height: 2em;
}
.ct2-sd {
	float: left;
	width: 240px;
}
.ct2-mn {
	float: right;
	width: 930px;
}
.mrt {
	background-color: #e7e7e7;
	height: 47px;
	line-height: 47px;
	border-left: #2d6fca 5px solid;
	font-size: 16px;
	font-weight: bold;
	text-indent: 20px;
	margin-top: 0;
	margin-bottom: 25px;
}
.lmms {
	background: #fff;
	border-bottom: 1px #2d6fca dashed;
	padding: 10px;
	margin-top: 10px;
	line-height: 28px;
	font-size: 16px;
	margin-bottom: 10px;
}
.panel-sd {
	margin-bottom: 20px;
	background-color: #f6f6f6;
}
.panel-sd:last-child {
	margin-bottom: 0;
}
.panel-sd .tit {
	text-align: center;
	color: #fff;
	font-size: 20px;
	background-color: #2d6fca;
	padding: 15px 0;
}
.panel-sd .tit span {
	display: block;
	text-transform: uppercase;
	font-size: 14px;
	color: #fff;
}
.lanmu li {
	border-bottom: 1px dotted #ddd;
}
.lanmu li:last-child {
	border-bottom: 0;
}
.lanmu li>a {
	display: block;
	line-height: 44px;
	padding: 0 0 0 25px;
}
.lanmu li .arr {
	float: right;
	height: 45px;
	width: 40px;
	position: relative;
	cursor: pointer;
}
.lanmu li .arr:after {
	content: '';
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	display: block;
	width: 8px;
	height: 8px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	right: 15px;
}
.lanmu-box {
	display: none;
}
.lanmu-box p {
	margin: 0;
	border-top: 1px dotted #ddd;
	padding-left: 15px;
}
.lanmu-box p a {
	padding: 0 25px;
	display: block;
	line-height: 40px;
}
.lanmu-box p a.on {
	color: #2d6fca;
}
.lanmu li>a:hover, .lanmu li.active>a {
	color: #2d6fca;
	font-weight: bold;
}
.lanmu li.open .lanmu-box {
	display: block;
}
.lanmu li.open .arr:after {
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
.list-7 {
	padding: 15px;
}
.list-7 li a {
	display: block;
	line-height: 26px;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-bottom: 1px #e6e6e6 solid;
	padding-bottom: 3px;
	margin-bottom: 3px;
}
.list-7 li span {
	display: inline-block;
	vertical-align: top;
	width: 20px;
	line-height: 20px;
	text-align: center;
	background-color: #999;
	color: #fff;
	margin-top: 3px;
	margin-right: 5px;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}
.list-7 li:nth-of-type(1) span, .list-7 li:nth-of-type(2) span, .list-7 li:nth-of-type(3) span {
	background-color: #2d6fca;
}
.pages {
	margin: 30px 0 0;
	text-align: center;
	font-size: 0;
}
.list-4 li {
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.list-4 li a {
	display: block;
	overflow: hidden;
}
.list-4 li .img-center {
	float: right;
	width: 165px;
}
.list-4 li .date {
	float: left;
	border-right: 3px solid #e3e1e2;
	color: #999;
	font-size: 12px;
	text-align: center;
	padding: 24px 0;
	width: 130px;
}
.list-4 li .date span {
	display: block;
	font-size: 45px;
	line-height: 1;
	margin-bottom: 10px;
}
.list-4 li .text {
	margin: 0 195px 0 160px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.list-4 li .text h3 {
	margin: 0;
	font-size: 18px;
}
.list-4 li .text p {
	margin: 15px 0 0;
	color: #888;
	line-height: 1.8;
}
.list-4 li a:hover .img-center img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.list-4 li a:hover .text {
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
}
.content-title {
	margin-bottom: 20px;
	text-align: center;
}
.content-title h1 {
	font-size: 22px;
	margin: 0;
}
.content-title p {
	margin: 15px 0 0;
	font-size: 12px;
	color: #999;
	border-top: 1px dashed #ddd;
	padding-top: 15px;
}
.content-title p span {
	padding: 0 10px;
	display: inline-block;
}
.wztuijian span {
	height: 55px;
	font-size: 16px;
	line-height: 55px;
	color: #2d6fca;
}
.wztuijian li {
	height: 46px;
	font-size: 16px;
	line-height: 46px;
	color: #2d6fca;
	border-top: 1px dashed #2d6fca;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.content-body p {
	margin: 15px 0;
	font-size: 16px;
}
.content-body h2 {
	font-size: 18px;
	line-height: 40px;
	color: #2d6fca;
	padding-left: 20px;
	background-color: #f5f5f5;
	font-weight: bold;
	margin-top: 20px;
	border-left: 3px #2d6fca solid;
	border-right: 3px #2d6fca solid;
}
.content-body {
	line-height: 1.8;
}
.content-body img {
	max-width: 100% !important;
	height: auto !important;
}
.content-exp {
	padding: 10px 15px;
	font-size: 14px;
	background-color: #f5f5f5;
	margin-top: 20px;
	border-radius: 5px;
}
.content-exp li {
	line-height: 2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.contact {
	font-size: 16px;
	color: #888;
}
.contact p {
	margin-top: 0;
}
.map {
	height: 400px;
}
.yunu-footer-fix {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #2d6fca;
	z-index: 10;
	display: none;
}
.yunu-footer-fix li {
	float: left;
	width: 33%;
}
.yunu-footer-fix li a {
	display: block;
	text-align: center;
	color: #fff;
	padding: 7px 0;
	font-size: 12px;
	line-height: 1;
}
.yunu-footer-fix li i {
	display: block;
	height: 20px;
	background: no-repeat center;
	background-size: contain;
	margin-bottom: 4px;
}
.yunu-footer-fix li i.i1 {
	background-image: url(../images/f_01.png);
}
.yunu-footer-fix li i.i2 {
	background-image: url(../images/f_02.png);
}
.yunu-footer-fix li i.i3 {
	background-image: url(../images/f_03.png);
}
.yunu-footer-fix li i.i4 {
	background-image: url(../images/f_04.png);
}
 @media screen and (max-width: 767px) {
body {
	min-width: 320px;
	padding-top: 50px;
	padding-bottom: 50px;
}
.container {
	width: auto;
}
#message .m-content .m-message {
	width: 90%;
	padding: 20px;
}
.kf {
	display: none;
}
.header {
	padding: 10px 0;
	position: fixed;
	z-index: 1000;
	width: 100%;
	top: 0;
	left: 0;
	-webkit-box-shadow: 0 0 10px #ddd;
	box-shadow: 0 0 10px #ddd;
}
.header .topbar, .header .text, .header .tel {
	display: none;
}
.logo2 {
  width: 210px;
  height: 55px;
}
.logo2 a{
  height: 55px;
}
.header .logo {
	height: 55px;
	line-height: 30px;
	float: none;
	padding: 0;
}
.header .nav {
	margin: 10px 0 -10px;
	text-align: left;
	display: none;
	background: transparent;
	border-bottom: 0;
}
.header .nav ul {
	margin: 0 -15px;
}
.header .nav li {
	display: block;
	margin: 0;
	border-top: 1px solid #eee;
	background: none;
}
.header .nav li a {
	line-height: 40px;
	padding: 0 15px;
	color: #333;
}
.header .nav li .arr {
	display: block;
}
.header .nav li.active a, .header .nav li.open a, .header .nav li a:hover {
	background-color: transparent;
	color: #2d6fca;
}
.header .nav li.open .arr:after {
	border-color: #2d6fca;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
.header .nav .dropdown-box {
	position: static;
	background-color: #f5f5f5;
	min-width: auto;
	text-align: left;
}
.header .nav .dropdown-box a {
	color: #333 !important;
	border-top: 1px dotted #ddd;
	padding: 0 15px;
	line-height: 40px;
	background-color: transparent !important;
	border-bottom: 0;
}
.header .nav .dropdown-box a:hover {
	background-color: transparent !important;
}
.menu-btn {
	display: block;
}
.banner .swiper-slide {
	height: 215px;
	width: 100%;
}
.swiper-container {
	margin-top: 25px;
}


.guide {
  padding: 0 0 19px !important;
}
.gui {
  width: 97% !important;
  margin: 0 auto;
}
.gui h2 {
  margin-bottom: 0.6rem;
	font-size: 10px;
}
.gui h2 span, .gui .gui-left h2 em{
  font-size: 2.1rem !important;
}
.gui .gui-left {
  width: 100% !important;
  height: 610px !important;
}

.gui .gui-left .hd {
  width: 100% !important;
  margin-bottom: 20px !important;
}
.gui .gui-left .gui-sz {
  width: 100% !important;
  margin-top: 190px !important;

}
.gui .gui-left .gui-sz ul li {
  width: 24% !important;
}
.gui .gui-left .gui-sz ul li:last-child {
  display: none;
}
.gui .gui-left .gui-sz ul li span em {
    font-size: 38px !important;
}
.gui .gui-rig {
  width: 100% !important;
  height: 290px !important;
    margin-top: -325px !important;
}

.pro-top {
  padding-top: 30px !important;
  height: 575px !important;
}
.pro-top h2 span {
  font-size: 20px !important;
  height: 50px !important;
}
.pro-top h2 em {
  font-size: 16px !important;
  height: 20px !important;
}
.pro-con {
  width: 100% !important;
}
.pro-con ul{
  display: none;
}
.pro-con .pro-cen {
  width: 75% !important;
  left: 65px !important;
}
.pro-con .pro-cen i {
  width: 100% !important;
  height: 300px !important;
}
.pro-con .pro-cen p em {
    width: 126px !important;
    padding-left: 28px !important;
    margin-left: 0px !important;
}

.content {
  width: 100% !important;
}
.about {
  background-size: 255% !important;
}
.abo {
  padding-top: 190px !important;
}
.abo .abo-con p {
  width: 100% !important;
}
.abo .abo-con .abo-bot .abo-list {
  width: 75% !important;
}
.cas .cas-ml .cas-bd {
  width: 100% !important;
}
.ys {
  padding-top: 30px !important;
}
.ys h2 span {
  font-size: 20px !important;
  height: 50px !important;
}
.ys h2 em {
  font-size: 16px !important;
}
.ys .ys-nav ul li i {
  display: none !important;
}
.ys-nav ul li {
  width: 25% !important;
}
.ys .ys-nav ul li h4 span {
    font-size: 16px !important;
}
.ys .ys-nav ul li h4 p {
    font-size: 12px !important;
}
.ys .ys-con dl {
  height: 410px !important;
}    
.ys .ys-con dl dt img {
  height: 215px !important;
}
.ys .ys-con dl dd {
   width: 100% !important;
   padding: 18px 0 0 13px !important;
}
.ys .ys-con dl dd .left {
  width: 100% !important;
}
.ys .ys-con dl dd ul li {
	padding-left: 0.7rem;
  line-height: 1rem !important;
  margin-bottom: 0.75rem;
  font-size: 12px !important;
  color: #666666;
}
.ys .ys-con dl dd .left h4 {
   font-size: 20px !important;
}
.ysbj {
  height: 715px !important;
}
.solution {
  padding-top: 23px !important;
}
.solution  {
   display: none !important;
}
.zcbj h2 span {
  font-size: 20px !important;
  height: 50px !important;
}
.zcbj h2 em {
  font-size: 16px !important;
}
.zcbj {
  padding-top: 23px !important;
  height: 500px !important;
}
.zcbj .zc-con {
 width: 100% !important;
 background-size: contain !important;
 height: 115px !important;
}
.zcbj .zc-con .zc {
  padding: 100px 15px 0 !important;
}
.zcbj .zc-con .zc h3 {
    font-size: 16px !important;
    text-align: center;
    height: 40px !important;
}
.zcbj .zc-con .zc h3 i {
    font-size: 18px !important;
}
.zcbj .zc-con .zc ul li {
	font-size: 0.8rem !important;
	height: 2rem !important;
	line-height: 2.25rem !important;
}
.zcbj .zc-con .zc ul li::before {
  height: 17px !important;
  top: 24px !important;
}
.flow_path  {
   display: none !important;
}
.cas {
  padding-top: 0px !important;
}
.cas h2 span {
  font-size: 20px !important;
  height: 50px !important;
}
.cas h2 em {
  font-size: 16px !important;
}
.cas .cas-nav ul li {
    width: 25% !important;
}  
.cas .cas-nav ul li em {
  display: inline-block;
  height: 2.9rem !important;
  line-height: 2.9rem !important;
  font-size: 0.6rem !important;
  color: #666666;
}
.cas .cas-nav ul li:last-child {
  display: none;
}
.cas .cas-con dl {
  width: 100% !important;
 height: 26.0rem !important;
}
.cas .cas-con dl dt {
 height: 323px !important;
}
.cas .cas-con ul li {
  float: left;
  width: 49.4% !important;
  height: 148px !important;
}
.cas .cas-con ul {
  width: 100% !important;
}
.cas .cas-ml h4 i::before {
    background:none !important;
}


.pc-slide {
	float: none;
	width: auto;
	margin-bottom: 16px;
}
.yunu-showcase-info {
	margin: 20px 0 0;
}
.yunu-showcase-info h1 {
	padding-bottom: 10px;
}
.yunu-showcase-info p {
	margin-top: 10px;
}
.yunu-sou {
	padding: 0;
}
.yunu-sou .container {
	padding: 0;
}
.yunu-sou .hot {
	display: none;
}
.yunu-sou .hform {
	float: none;
	position: relative;
}
.yunu-sou .hform input {
	font-size: 14px;
	border-color: transparent;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 20px;
	padding: 9px 60px 9px 15px;
	border-radius: 0;
	background-color: #f5f5f5;
}
.yunu-sou .hform button {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 40px;
	font-size: 14px;
}
.section {
	padding: 30px 0;
}
.section-title {
	font-size: 20px;
	margin-bottom: 20px;
}
.section-title small {
	font-size: 12px;
}
.section-title p {
	max-width: none;
}
.list-1, .list-2 {
	margin: -10px 0 0 -10px;
}
.list-1 li, .list-2 li {
	width: 50%;
}
.list-1 li a, .list-2 li a {
	margin: 10px 0 0 10px;
}
.list-1 li .img-center {
	height: 118px;
	line-height: 118px;
}
.in-prd-cate {
	display: none;
}
.in-prd-con {
	float: none;
	width: auto;
	background-color: transparent;
	padding: 0;
}
.in-prd-con .list-1 li {
	width: 50%;
}
.in-prd-con .list-1 li .img-center {
	height: 160px;
	line-height: 160px;
}
.in-about dt {
	float: none;
	width: auto;
}
.in-about dd {
	margin: 20px 0 0;
}
.in-choose-left, .in-choose-right {
	float: none;
}
.in-choose {
	width: auto;
}
.in-choose dl {
	background-size: 30px auto;
	margin: 0 0 20px;
	padding-left: 40px;
}
.in-choose dt {
	padding-top: 0;
	font-size: 18px;
}
.in-choose dd {
	padding-left: 20px;
}
.in-choose .img-center {
	display: none;
}
.in-choose-right dl {
	margin: 20px 0 0;
}
.in-dd {
	background-position: center right;
	min-height: 0;
}
.in-dd h4 {
	font-size: 20px;
}
.in-dd p {
	font-size: 14px;
}
.list-2 li .img-center {
	height: 110px;
	line-height: 110px;
}
.in-news-left, .in-news-right {
	float: none;
}
.in-news-left {
	margin-bottom: 30px;
}
.in-news {
	width: auto;
}
.in-news .tit {
	margin-bottom: 10px;
	padding-bottom: 20px;
}
.in-news .tit span {
	font-size: 18px;
}
.in-news .tit small {
	font-size: 12px;
}
.in-news .tit .more {
	font-size: 12px;
}
.list-3 li span {
	font-size: 12px;
}
.footer {
	padding: 30px 0;
}
.footer-logo {
	display: none;
}
.footer-ewm {
	float: none;
	width: auto;
	margin-top: 20px;
}
.footer-info {
	float: none;
	font-size: 12px;
	text-align: center;
}
.footer-link {
	display: none;
}
.pages {
	margin-top: 15px;
}
.pages a {
	font-size: 12px;
	line-height: 30px;
	padding: 0 12px;
}
.position {
	padding: 10px 0;
	font-size: 12px;
}
.position span {
	padding-left: 15px;
	background-size: auto 15px;
}
.banner-sub {
	height: 234px;
}
.ct2-sd {
	display: none;
}
.ct2-mn {
	float: none;
	width: auto;
}
.list-4 li {
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.list-4 li .img-center {
	display: none;
}
.list-4 li .date {
	width: 60px;
	text-align: left;
	padding: 0;
}
.list-4 li .date span {
	font-size: 30px;
}
.list-4 li .text {
	margin: 0 0 0 80px;
}
.list-4 li .text h4 {
	font-size: 14px;
}
.list-4 li .text p {
	font-size: 12px;
	margin-top: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.content-title {
	margin-bottom: 15px;
}
.content-title p {
	margin-top: 10px;
	padding-top: 10px;
}
.content-title p span {
	padding: 0 5px;
}
.content-exp {
	margin-top: 15px;
}
.panel-sd .tit {
	font-size: 18px;
	padding: 10px 0;
}
.panel-sd .tit span {
	font-size: 12px;
}
.contact {
	font-size: 14px;
}
.map {
	height: 300px;
}
.yunu-footer-fix {
	display: block;
}
.m-message {
	width: 100%;
	margin: 48px auto 0;
}
.m-message label {
	width: 100%;
	margin-bottom: 15px;
	display: block;
	font-size: 14px;
	overflow: hidden;
}
.m-message label em {
	display: block;
	float: right;
	color: red;
	height: 32px;
	line-height: 32px;
}
.m-message label span {
	width: 20%;
	height: 34px;
	line-height: 34px;
	color: #2f2f2f;
	float: left;
	font-weight: bold;
	text-align: right;
	margin-right: 0px;
	display: inline-block;
}
.m-message label input.inp, .m-message label textarea, .m-message label.code input {
	width: 77%;
	overflow: hidden;
	height: 32px;
	line-height: 32px;
	border: #cccccc 1px solid;
	border-radius: 3px;
	padding: 0 14px;
	box-sizing: border-box;
	color: #555;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.m-message label input:focus, .m-message label textarea:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.m-message label textarea {
	height: 72px;
	line-height: 24px;
	padding: 10px 14px;
}
.m-message label.code {
	line-height: 34px;
}
.m-message label.code input {
	width: 112px;
	float: left;
	margin-right: 30px;
}
.m-message label.code .pic {
	display: inline-block;
}
.m-message label.code img {
	width: 60px;
	height: 17px;
	vertical-align: middle;
}
.btn-1 input {
	width: 52px;
	height: 32px;
	line-height: 32px;
	background: #e8e8e8;
	border: none;
	color: #333;
	margin-right: 22px;
	cursor: pointer;
	transition: 0.3s;
}
.btn-1 {
	padding-left: 100px;
}
.btn-1 input.focus {
	background: #2d6fca;
	color: #fff;
}
.btn-1 input.focus:hover {
	background: #444;
}
.btn-1 input:hover {
	background: #ccc;
}
}
.pagination p {
	margin: 0;
	cursor: pointer
}
.pagination {
	height: 40px;
	padding: 20px 0px;
	text-align: center;
}
.pagination a {
	display: inline-block;
	margin-right: 10px;
	padding: 2px 12px;
	height: 24px;
	border: 1px #cccccc solid;
	background: #fff;
	text-decoration: none;
	color: #808080;
	font-size: 12px;
	line-height: 24px;
}
.pagination a:hover {
	color: #2d6fca;
	background: white;
	border: 1px #2d6fca solid;
}
.pagination a.cur {
	border: none;
	background: #2d6fca;
	color: #fff;
}
.pagination p {
	display: inline-block;
	padding: 2px 12px;
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	color: #bbb;
	border: 1px #ccc solid;
	background: #fcfcfc;
	margin-right: 8px;
}
.pagination p.pageRemark {
	border-style: none;
	background: none;
	margin-right: 0px;
	padding: 4px 0px;
	color: #666;
}
.pagination p.pageRemark b {
	color: red;
}
.pagination p.pageEllipsis {
	border-style: none;
	background: none;
	padding: 4px 0px;
	color: #808080;
}
.dates li {
	font-size: 14px;
	margin: 20px 0
}
.dates li span {
	float: right
}
.liuyan-title {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px
}
/*手机端*/
@media (max-width: 767px) {
.ueditor_baidumap {
	width: 100%;
}
}
/*平板电脑*/
@media (min-width: 768px) and (max-width: 991px) {
.ueditor_baidumap {
	width: 100%;
}
}
/*PC端*/
@media (min-width: 768px) {
.ueditor_baidumap {
	width: 100%;
}
}