@charset "utf-8";
*{margin:0;padding:0;list-style:none; font-family:"微软雅黑","Open Sans", Helvetica, Arial, sans-serif;}
*{-webkit-box-sizing:border-box;box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td,figure{margin:0;padding:0;font-family:"微软雅黑","Open Sans", Helvetica, Arial, sans-serif;}
html{font-size:16px;font-family:'Microsoft YaHei';-ms-text-size-adjust:none;-webkit-text-size-adjust:none;}
body{min-width:320px; margin:0 auto; overflow-x: hidden; position: static !important; font-family:"微软雅黑","Open Sans", Helvetica, Arial, sans-serif; background-color:#fff;}
img{border:0;}
a{text-decoration:none;}
.left{float:left;}
.right{float:right;}
.clear{font-size:0; line-height:0; clear:both; overflow:hidden; zoom:1;}
h1,h2,h3,h4{font-weight:normal;}

.banner{display:none;}
.banner-pic{width:100%}
.banner-pic-wap{width:100%; display:none}
.banner-pic img{width:100%}
.banner-pic-wap img{width:100%}
.q_con{width:1200px;height:auto;overflow:hidden;font-family:"微软雅黑","Open Sans", Helvetica, Arial, sans-serif; margin:0px auto 20px}
.h_left{width:1200px;height:auto;min-height:600px;float:left;border:1px solid #EEE;color:#555;line-height:30px;padding:20px;}
.h_left h1{text-align:center; color:#464541; font-size:28px; font-weight:lighter; display:block; margin-top:10px; padding-bottom:10px; border-bottom:1px solid #ccc; margin-bottom:25px;}
.h_right{width:260px;height:auto;min-height:600px;float:right;}
.h_biao{width:258px;height:140px;border:1px solid #EEE; background-color:#FAFAFA;}
.h_pan{width:86%;height:36px;line-height:30px;font-size:17px; margin:0 auto;margin-top:12px; background:url(h_di.jpg) 0px bottom no-repeat;color:#017b66; }
.h_pan span{display:block;width:120px;height:30px;line-height:30px;background:url(b001.jpg) 0 5px no-repeat;text-indent:28px; color:#cd4e74;}
.h_zi{margin:0 auto;width:86%;height:30px;line-height:30px;font-size:16px;margin-top:15px;color:#555;}
.mtop{margin-top:19px;}
.m-foot{display:none}
.wid{width:1200px; margin:0 auto;}
.scrollpic {
	width: 1040px;
	margin:0 auto;
	position:relative
}
#myscroll {
	display: block;
	width: 100%;
	position: relative;
	height: 240px;
	overflow: hidden;
}
#myscroll #myscrollbox {
	display: block;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	width: 1000000px;
}
#myscroll ul {
	display: block;
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#myscroll ul li {
	display: block;
	float: left;
	padding: 0;
	width:208px;
}
#myscroll ul li p{text-align:center; padding-top:15px; font-size:26px; color:#464541; display:block; font-weight:bold;}
#myscroll ul li img{display:block; margin:0 auto;}
#myscroll ul li a {
	display: block;

	padding: 0;
	position: relative;
	color: #333;
}
#myscroll a .intro {
	position: absolute;
	left: 0;
	z-index: 10;
	background-color: #0057c4;
	filter: alpha(opacity=70);
	width: 260px;
	color: #fff;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	text-align: center;
}
#myscroll a .intro h5 {
	padding: 0;
	margin: 0;
	font-size: 16px;
	height: 40px;
	width: 260px;
	line-height: 30px;
	border-bottom: 1px solid #347fdc;
	font-weight:100;
}
#myscroll a .intro p {
	font-size: 13px;
	line-height: 20px;
	margin: 65px 70px;
	height: 70px;
	overflow: hidden;
}
#myscroll a .intro {
	bottom: -211px;
}
#myscroll a:hover .intro {
	bottom: 0px;
}
#mybtns {
	width: 1200px;
	display: block;
	position:absolute;
	left:50%;
	margin-left:-600px;
	top:60px;
}
#mybtns a {
	width: 36px;
	height: 72px;
	display: block;
	float: right;
	margin-right: 1px;

	margin-left:10px;
}
#mybtns a:hover {
	opacity:0.8;
}
#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns #left {
	background-image: url(server_l.png); float:left;
}
#mybtns #right {
	background-image: url(server_r.png); float:right;
}

#kinMaxShow {
	visibility: hidden;
	width: 100%;
	height: 500px;
	overflow: hidden;
}





#demo{overflow: hidden; width:400px; float: left; display: inline; height:50px; margin-top:6px;}
#demo ul{text-align: left;margin: 0px;padding: 0px;width: 400px;}
#demo ul li{margin-left:5px; display:block; list-style:none; font-size:14px; height:50px; padding-top:5px;}
#demo ul li a{color:#fff}



.flexslider {
	margin: 0px auto;
	position: relative;
	width: 100%;
	overflow: hidden;
	zoom: 1;
	height:500px;
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}
.flexslider .slides li a{display:block; width:100%; height:100%}

.flex-direction-nav a {
	width: 56px;
	height: 89px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
}

.flex-direction-nav .flex-next {
	right: 0;
	background:url(ban_right.jpg) no-repeat;
}

.flex-direction-nav .flex-prev {
	left: 0;
	background:url(ban_left.jpg) no-repeat;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: url(dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background-position: 0 0;
}

.flexslider .slides a img {
	width: 100%;
	height: auto;
	display: block;
}



.yyq-top{height:31px; line-height:31px; background-color:#f2f2f2; color:#bd1447; font-size:14px; border-bottom:1px #e1e1e1 solid;}
.yyq-top .yyq-top-conter{width:1200px; margin:0 auto}
.yyq-top .yyq-r{float:right;}
.yyq-top .yyq-r div{display:inline-block}
.yyq-top .yyq-r .yyq-wb{background:url(ico_wb.png) no-repeat left center; text-indent:23px; position:relative}
.yyq-top .yyq-r .yyq-wb a{color:#c90a4a;}
.yyq-top .yyq-r .yyq-wb a:hover{color:#f83274; text-decoration:underline;}

.yyq-top .yyq-r .yyq-wb dd{position:absolute; top:32px; right:0; display:none; z-index:100;}
.yyq-top .yyq-r .yyq-wb dd img{width:200px;}
.yyq-top .yyq-r .yyq-wb:hover dd{display:block;}


.yyq-top .yyq-r .yyq-gzh{background:url(ico_gzh.png) no-repeat left center; text-indent:22px; margin-left:15px; position:relative; cursor:pointer}
.yyq-top .yyq-r .yyq-gzh dd{position:absolute; top:32px; right:0; display:none; z-index:100;}
.yyq-top .yyq-r .yyq-gzh:hover dd{display:block;}
.yyq-top .yyq-r .yyq-gzh a:hover{color:#f83274; text-decoration:underline;}


.yyq-top .yyq-r .yyq-jituan{background:url(ico_jituan.png) no-repeat left center; background-size:auto 14px; text-indent:22px; margin-left:15px; position:relative; cursor:pointer}
.yyq-top .yyq-r .yyq-jituan dl{display:none; position:absolute; left:-10px; top:30.5px; border-bottom:1px #e1e1e1 solid; border-left:1px #e1e1e1 solid; border-right:1px #e1e1e1 solid; z-index:1000; background-color:#f2f2f2; text-indent:0; width:120px; text-align:center}
.yyq-top .yyq-r .yyq-jituan dl dd{text-align:center; font-size:12px;}
.yyq-top .yyq-r .yyq-jituan dl dd a{color:#c90a4a;}
.yyq-top .yyq-r .yyq-jituan dl dd a:hover{color:#f83274; text-decoration:underline;}


.yyq-top .yyq-r .yyq-reg{background:url(ico_reg.png) no-repeat left center; text-indent:23px; position:relative; margin-left:20px;}
.yyq-top .yyq-r .yyq-reg a{color:#c90a4a;}
.yyq-top .yyq-r .yyq-reg a:hover{color:#f83274; text-decoration:underline;}

.yyq-top .yyq-r .yyq-login{background:url(ico_login.png) no-repeat left center; text-indent:23px; position:relative; margin-left:10px;}
.yyq-top .yyq-r .yyq-login a{color:#c90a4a;}
.yyq-top .yyq-r .yyq-login a:hover{color:#f83274; text-decoration:underline;}


.yyq-tbox{height:59px; background-color:#fff;}
.yyq-t{width:1200px; margin:0 auto; position:relative;}
.yyq-t .yyq-logo{height:36px; position:absolute; top:12px; left:0;}
.yyq-t .yyq-logo a{border-right:#ccc 1px solid; display:inline-block;}
.yyq-t .yyq-logo dd{display:inline-block; font-size:13px; color:#bb0943; vertical-align:top; padding-left:10px;}
.yyq-t .yyq-logo dd p{color:#bd1447; padding-top:7px;}
.yyq-t .yyq-logo dd p:last-child{color:#5d5d5d}
.yyq-t .yyq-nav{position:absolute; right:0; height:59px; top:0px;}
.yyq-t .yyq-nav li{display:inline-block; padding:0 22px; font-size:13px; line-height:59px;}
/*
.yyq-t .yyq-nav li:hover{border-top:3px #92ccd2 solid;}
*/
.yyq-t .yyq-nav li a{color:#000000;}
.yyq-t .yyq-nav li a:hover{color:#c90a4a;}

.yyq-t .yyq-nav li.curr{border-top:3px #c90a4a solid;}


.yyq-serch-box{height:62px; background-color:#383838;}
.yyq-serch-box .yyq-serch{width:1200px; margin:0 auto; height:62px; position:relative;}
.yyq-serch-box .yyq-serch .serchbox{width:260px; height:32px; position:absolute; right:0; top:50%; margin-top:-16px; background-color:#fff; border-radius:3px;}
.yyq-serch-box .yyq-serch .serchbox input[type='text']{height:100%; width:80%; text-indent:5px; border:none; background:#fff; outline:none; color:#666; border-radius:3px; padding-left:3px;}
.yyq-serch-box .yyq-serch .serchbox img{position:absolute; right:12px; top:50%; margin-top:-9px; cursor:pointer;}

.yyq-keyword{width:100%; height:48px; border-color:#fafafa; color:#666; text-align:center; background-color:#fafafa;}
.yyq-keyword a{color:#666; font-size:15px; display:inline-block; padding:0 15px; height:48px; line-height:48px;
box-sizing:border-box;  
-moz-box-sizing:border-box; /* Firefox */  
-webkit-box-sizing:border-box; /* Safari */ }
/*
.yyq-keyword a:hover{border-bottom:2px #92ccd2 solid;}
*/
.yyq-posbox{width:100%; height:48px; border-color:#fafafa; text-align:left; background-color:#fafafa; color:#666;}
.yyq-pos{width:1200px; margin:0 auto; height:48px; font-size:15px; line-height:48px;}
.yyq-pos a{color:#666; display:inline-block; height:48px; line-height:48px;}

.yyq-customer-box{background-color:#fff; padding:25px 0 0px;}}
.yyq-customer-box2{background-color:#f6f6f6; padding:50px 0 75px;}
.yyq-customer{width:1200px; margin:0 auto; color:#434643;}
.yyq-customer dt{text-align:center; margin:0 auto; font-size:24px; position:relative; display:block;}
.yyq-customer dt:before{position:absolute; height:1px; background-color:#686763; content:""; left:0; bottom:10px; width:496px;}
.yyq-customer dt:after{position:absolute; height:1px; background-color:#686763; content:""; right:0; bottom:10px; width:496px;}
.yyq-customer dd{font-size:16px; text-align:center; font-weight:bold; letter-spacing:1px;}
.yyq-customer ul{width:100%}
.yyq-customer ul li{width:25%; text-align:center; float:left; margin-top:55px;}
.yyq-customer ul li img{width:280px; margin-bottom:25px;}
.yyq-customer ul li img:hover{opacity:0.6}
.yyq-customer ul li p a{color:#464541; font-size:18px; font-weight:bold;}

.yyq-index-box01-b{background-color:#464541;}
.yyq-index-box01{width:1200px; margin:0 auto; padding:16px 0;}
.yyq-index-box01 .index-box01-l{float:left;}
.yyq-index-box01 .index-box01-r{float:right;}

.yyq-index-box01 .index-box01-l .index-box01-l-tit{}
.yyq-index-box01 .index-box01-l .index-box01-l-tit dt{font-size:16px; color:#f2eeeb;}
.yyq-index-box01 .index-box01-l .index-box01-l-tit dd{font-size:24px; color:#8ccccc; font-weight:bold; padding-top:3px; padding-bottom:20px; position:relative}
.yyq-index-box01 .index-box01-l .index-box01-l-tit dd:before{position:absolute; content:""; left:0; bottom:0; width:92px; height:1px; background-color:#ede9e6;}
.yyq-index-box01 .index-box01-l ul{width:350px;}
.yyq-index-box01 .index-box01-l li{width:100%; margin-top:33px;}
.yyq-index-box01 .index-box01-l li a{display:block; width:100%; position:relative; font-size:15px; color:#fff;}
.yyq-index-box01 .index-box01-l li dt{position:absolute; left:64px; top:5px;}
.yyq-index-box01 .index-box01-l li dd{position:absolute; left:64px; bottom:5px;}
.yyq-index-box01 .index-box01-l .index-box01-btn{width:217px; line-height:50px; display:block; background-color:#fe824c; text-align:center; color:#fff; font-size:15px; margin-top:45px;}
.yyq-index-box01 .index-box01-r{width:615px; float:right; margin-top:15px;}
.index-box01-r .box01-r-01{width:100%;}
.index-box01-r .box01-r-01 .box01-r-pubbox{text-align:center;}
.index-box01-r .box01-r-01 .box01-r-pubbox img{margin-bottom:10px}
.index-box01-r .box01-r-01 .box01-r-pubbox p{color:#fff; text-align:center; font-size:24px;}
.index-box01-r .box01-r-02{height:118px; background:url(ico_09.png) no-repeat center; line-height:118px; text-align:center; color:#fff; font-size:24px; margin:27px 0;}
.yyq-huibg{background-color:#f6f6f6;}


.yyq-index-news{width:1200px; margin:80px auto 0;}
.yyq-index-news .index-news-box{width:565px;}
.yyq-index-news .index-news-box .tit{height:36px; border-bottom:1px #cdcac6 solid;}
.yyq-index-news .index-news-box .tit dt{position:relative; color:#666; font-size:12px; padding-left:75px; height:36px; line-height:36px;}
.yyq-index-news .index-news-box .tit dt span{position:absolute; line-height:38px; bottom:0px; left:0; border-bottom:2px solid #007cc5; font-size:16px; color:#333; display:inline-block;}
.yyq-index-news .index-news-box ul li a{display:inline-block; width:440px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height:28px; background:url(ico_jt.png) left center no-repeat; text-indent:13px; color:#404d5f}
.yyq-index-news .index-news-box ul{padding-top:15px}
.yyq-index-news .index-news-box ul li span{float:right; color:#404d5f}
.yyq-index-news .index-news-box ul li{font-size:13px; line-height:28px;}
.yyq-index-news .index-news-box ul li a:hover{text-decoration:underline; color:#666;}


.index-case-box{width:1183px; margin:0 auto;}
.index-case-box .index-case-li{float:left; width:568px; margin-bottom:43px;}
.index-case-box .index-case-li:nth-child(2n+2){margin-left:47px;}
.index-case-box .index-case-li img{float:left; width:160px; height:200px; display:block;}
.index-case-box .index-case-li .case-text{float:right; background-color:#8ccccc; width:408px; height:200px; position:relative; padding:85px 10px 0; font-size:13px; line-height:20px; color:#fff;}
.index-case-box .index-case-li .case-text a{color:#666}
.index-case-box .index-case-li .case-text dt{width:400px; height:42px; line-height:42px; position:absolute; top:30px; left:-14px; background-color:#464541; text-indent:40px;}
.index-case-box .index-case-li .case-text dt a{color:#fff; font-size:16px;}

.pagenext li{line-height:45px; color:#71716f;}
.pagenext li a{color:#cd4e74;}


.footer-box{background-color:#8ccccc; padding:55px 0 30px;}
.footer{width:1080px; margin:0 auto;}
.footer .footer01,.footer .footer02,.footer .footer03{display:inline-block; vertical-align:top;}
.footer .footer01 img{margin-right:100px; margin-top:80px;}
.footer .footer02{color:#fff; font-size:14px; width:416px;}
.footer .footer02 .foot-ico{position:absolute; bottom:0; right:0;}
.footer .footer02 .foot-ico img{margin:0 10px 7px;}
.footer .footer02 .foot-ico a{display:inline-block;}
.footer .footer02 .foot-ico a:hover{background:url(ico_dsj.png) no-repeat center bottom;}


.footer .footer02 .foot-ico a{position:relative}
.footer .footer02 .foot-ico a .ferwm{position:absolute; top:32px; right:0; display:none; z-index:100; border:4px #fff solid}
.footer .footer02 .foot-ico a:hover .ferwm{display:block}





.footer .footer03{color:#fff; font-size:14px;}
.footer .footer03 p{padding-top:8px;}
.footer .footer03 p a{color:#fff}
.footer dt{padding-bottom:10px}
.footer dd{border-bottom:1px #fff solid; padding-bottom:8px; position:relative; width:330px;}
.footer-tel{background:url(ico_tel.png) center left no-repeat; padding-left:44px; line-height:35px; margin:15px 0 15px 10px;}
.footer-bot{text-align:center; width:1200px; color:#464541; font-size:16px; padding-top:50px; margin:0 auto;}
.myerweima{border:4px #8ccccc solid}
.yyq-list-fy{width:1200px; margin:50px auto 0;}
.yyq-list-fy li {width:330px; margin-left:105px; box-sizing:border-box; border:1px #ccc solid; float:left;}
.yyq-list-fy li dt{height:52px; border-bottom:1px #ccc solid; line-height:52px; text-align:center; color:#666; font-weight:lighter; font-size:22px; position:relative; background-color:#eee;}
.yyq-list-fy li dt img{position:absolute; left:20px; top:8px;}
.yyq-list-fy li:first-child{margin-left:0}
.yyq-list-fy li dd{text-align:center; font-size:18px;font-weight:lighter;  color:#434643; padding:30px 0; line-height:35px;}
/*
.yyq-list-fy li dd{background:url(ico_s.png) center top 10px no-repeat,url(ico_x.png) center bottom 10px no-repeat;}
*/
.yyq-list-w{width:1200px; margin:40px auto 0;}
.yyq-list-w li{float:left; width:224px;  margin-left:20px;   text-align:center; margin-left:20px;}
.yyq-list-w li:first-child{margin-left:0}
.yyq-list-w li dt{box-sizing:border-box; border:1px solid #2EABAB;border-radius:0px; padding:20px 0; background-color:#DAF2F5;}
.yyq-list-w li dd{height:30px; text-align:center; background-color:#2EABAB; line-height:30px; font-size:15px; color:#fff; margin-top:15px;}

.yyq-list-news{width:1200px; margin:40px auto 0;}
.yyq-list-news li{border-bottom:1px #a4a2a0 dashed; position:relative; height:126px;}
.yyq-list-news li img{width:132px; height:82px; position:absolute; left:0; top:15px;}
.yyq-list-news li dt{position:absolute; left:160px; top:16px; font-size:18px;}
.yyq-list-news li dt a{color:#464541}
.yyq-list-news li dt a:hover{text-decoration:underline}
.yyq-list-news li dd{position:absolute; left:160px; top:48px; overflow:hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:12px; line-height:20px; color:#5c5b58}
.yyq-list-news li dd a{color:#bd1447}
.yyq-list-news li span{position:absolute; left:160px; bottom:20px; font-size:12px; color:#5c5b58}


.pagelist table,.pagelist table a{color:#ce6081; font-size:15px;}



.pagelist{text-align:center; width:1200px; margin:30px auto; font-size:14px;}
.pagelist li a{color:#ce6081; height:100%; display:inline-block; padding:0 10px;}
.pagelist li {display:inline-block; border:1px solid #ce6081; line-height:25px; color:#ce6081;}
.pagelist li.thisclass{padding:0 10px;}
.pagelist li.thisclass a{color:#666}

.yyq-ys-box{text-align:center; color:#434643; font-size:14px; padding-top:7px;}

.yyq-list-swt{width:1200px; margin:35px auto 0;}
.yyq-list-swt li{width:560px; border-bottom:1px #d5d2d0 dotted; float:left; line-height:55px; font-size:18px; position:relative; margin-top:10px;}
.yyq-list-swt li:nth-child(2n+2){margin-left:80px;}
.yyq-list-swt li a{width:106px; height:30px; display:block; position:absolute; right:0; bottom:10px; color:#cb4e72; border:1px #cb4e72 solid; text-align:center; line-height:30px;}

.yyq-list-xg{text-align:center; font-size:22px; font-weight:bold; color:#464541; padding:70px 0;}



.yyq-list-xgnews{width:1110px; margin:0 auto 0;}
.yyq-list-xgnews li{width:550px; float:left; line-height:35px; font-size:18px; position:relative; margin-top:10px;}
.yyq-list-xgnews li:nth-child(2n+2){text-indent:60px;}
.yyq-list-xgnews li a{color:#3c3c3a}


.yyq-posn{line-height:70px; font-size:14px; color:#464541;}
.yyq-posn a{color:#464541;}
.yyq-content{width:1200px; margin:0 auto;}
.yyq-content .yyq-content-l{float:left; width:1220px;}
.yyq-content .yyq-content-r{float:right; width:340px; padding-top:30px;}
.yyq-content .yyq-content-l h1{text-align:center; color:#464541; font-size:18px; display:block; margin-top:10px; padding-bottom:10px;}
.yyq-con-time{font-size:12px; color:#737373; text-align:center; padding-top:10px;}
.yyq-content .yyq-content-l .con {padding:0px 0; line-height:27px; color:#464541; font-size:16px;}  


.yyq-con-r{width:100%; box-sizing:border-box; border:1px #8e8d8a solid; position:relative; padding-bottom:10px; margin-bottom:30px;}
.yyq-con-r dt{position:relative; border-bottom:1px solid #a9a7a4; width:305px; margin:0 auto; height:35px; font-size:15px; color:#cd4e74; font-weight:bold;}
.yyq-con-r dt span{position:absolute; border-bottom:2px solid #74726e; bottom:-1px; left:0;}
.yyq-con-r dt a{float:right; color:#555555; font-size:13px; position:absolute; right:0; bottom:1px;}
.con-r-list01{width:305px; margin:10px auto 0;}
.con-r-list01 li{line-height:30px;}
.con-r-list01 li a{color:#333; font-size:14px;}

.con-r-p-news{position:relative; height:80px; margin-top:15px;}
.con-r-p-news img{width:140px; height:80px; position:absolute; left:0; top:0;}
.con-r-p-news dd{position:absolute; left:150px; top:5px;}
.con-r-p-news dd a{color:#000; font-size:14px;}
.con-r-p-news span{position:absolute; right:0; bottom:5px; color:#949494; font-size:13px;}

.yyq-fanyi-btn{text-align:center;width:86%; padding-top:25px;}
.yyq-fanyi-btn a{display:inline-block; width:160px; line-height:42px; background-color:#8ccccc; border-radius:5px; text-align:center; color:#fff; font-size:16px;}
.yyq-fanyi-btn a:last-child{margin-left:50px}
.yyq-fanyi-btn a:hover{background-color:#4ea7a7;}





@media only screen and (max-width: 1024px){
.yyq-customer {
    width: 100%;
    margin: 0 auto;
    color: #434643;
}
	
.yyq-customer dt::before {
    position: absolute;
    height: 1px;
    background-color: #686763;
    content: "";
    left: 0;
    bottom: 10px;
    width: 30%;
}

.yyq-customer dt::after {
    position: absolute;
    height: 1px;
    background-color: #686763;
    content: "";
    right: 0;
    bottom: 10px;
    width: 30%;
}
	
	
	
	
.yyq-keyword{display:none}
	
.banner {position:relative; width:100%; overflow:hidden; display:block;}
.banner  .swiper-main{width:100%; overflow:hidden; margin:auto;}
.banner  .swiper-slide{width:100%;overflow:hidden;text-align:center;}
.banner  .swiper-slide img{width:100%;}
.banner .pag {text-align: center;height:10px;position:absolute;bottom:10px;left:0%; width:100%;z-index:5;}
.banner .pag .swiper-pagination-switch {display: inline-block;width: 10px;height:10px; margin-right:10px; border-radius:50%; background:#fff;vertical-align:top}
.banner .pag .swiper-active-switch {background:#8ccccc;width:10px;height:10px;}

#banner_tabs{display:none}
	
	
	
.yyq-serch-box{display:none}
.yyq-top{display:none}

.yyq-t{
    width: 100%;
}

.yyq-t .yyq-logo {
    height: 36px;
    position:static;
	margin:10px 0;
	padding-left:10PX;
}

.yyq-t .yyq-nav {
    position:static;
    height:auto;
}

.yyq-tbox {
    height:auto;
    background-color: #fff;
}


.yyq-t .yyq-nav li {
    display: inline-block;
    padding: 0;
    font-size: 13px;
    line-height: 45px;
	width:25%;
	box-sizing:border-box;
	border-right:1px solid #fff;
	text-align:center;
	background-color:#464541;
	margin-top:1px;
}

.yyq-t .yyq-nav li a {
    color: #fff;
}

.yyq-t .yyq-nav li.curr {
    border-top: 0;
}

.yyq-t .yyq-logo dd{text-align:left}


.yyq-customer-box {
    background-color: #fff;
    padding: 20px 0 35px;
}



.yyq-customer ul li {
    width: 50%;
    text-align: center;
    float: left;
    margin-top: 55px;
}
.yyq-customer ul li {
    width: 50%;
    text-align: center;
    float: left;
    margin-top: 35px;
}

.yyq-customer ul li img {
    width: 90%;
    margin-bottom: 5px;
}


.yyq-index-box01 {
    width: 100%;
    margin: 0 auto;
    padding: 16px 0;
}

.yyq-index-box01 .index-box01-l {
    float:none;
	padding-left:10px;
}


.yyq-index-box01 .index-box01-r {
    width: 95%;
    float:none;
	margin:10px auto;
	display:none;
}

#mybtns {
    width: 100%;
    display: block;
    position: absolute;
    left: 0%;
    margin-left: 0;
    top: 20%;
	z-index:1000;
}

.scrollpic {
    width: 100%;
    margin: 0 auto;
    position: relative;
}


#mybtns a {
    width: 15px;
    height: 30px;
    display: block;
    float: right;
    margin-right: 1px;
    margin-left: 10px;
}

#mybtns #right {
    background-image: url(server_r.png);
	background-size:100% 100%;
    float: right;
	margin-right: 10px
}

#mybtns #left {
    background-image: url(server_l.png);
	background-size:100% 100%;
    float: left;
}

#myscroll {
    display: block;
    width: 80%;
    position: relative;
    height: 160px;
    overflow: hidden;
	margin:0 auto;
}
#myscroll ul li {
	margin-bottom:40px;
	
}

#myscroll ul li {
    display: block;
    float: left;
    padding: 0;
    width: 10%;
}
#myscroll ul li img{
	width:95%;
	}
	
.yyq-customer-box2 {
    background-color: #f6f6f6;
    padding: 50px 0 45px;
}
#myscroll ul li p {
    text-align: center;
    padding-top: 15px;
    font-size: 14px;
    color: #464541;
    display: block;
    font-weight: bold;
}

.yyq-index-news {
    width: 95%;
    margin: 80px auto 0;
}

.yyq-index-news .index-news-box {
    width: 100%;
}


.yyq-index-news .index-news-box ul li a {
    display: inline-block;
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 28px;
    background: url(ico_jt.png) left center no-repeat;
    text-indent: 13px;
    color: #404d5f;
}


.index-case-box {
    width: 100%;
    margin: 0 auto;
}

.index-case-box .index-case-li {
    float: none;
    width: 100%;
    margin-bottom: 23px;
}

.index-case-box .index-case-li img {
    float: left;
    width: 28%;
    height: 150px;
    display: block;
}
.index-case-box .index-case-li .case-text {
    float: right;
    background-color: #8ccccc;
    width: 72%;
    height: 150px;
    position: relative;
    padding: 85px 10px 0;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
}

.index-case-box .index-case-li:nth-child(2n+2) {
    margin-left:0;
}

.index-case-box .index-case-li .case-text dt {
    width:calc(100% + 10px);
    height: 42px;
    line-height: 42px;
    position: absolute;
    top: 10px;
    left: -10px;
    background-color: #464541;
    text-indent: 20px;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.index-case-box .index-case-li .case-text dt a {
    color: #fff;
    font-size: 14px;
}
.yyq-index-news .index-news-box ul li span {
    float: right;
    color: #404d5f;
	display:none;
}

.index-case-box .index-case-li {
background-color: #8ccccc;
}
.index-case-box .index-case-li .case-text {
    float: right;
    background-color: #8ccccc;
    width: 72%;
	height:auto;
	box-sizing:border-box;
    position: relative;
    padding: 60px 10px 0;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.footer-box{display:none}

.m-foot{ background-color:#8ccccc; padding:10px 0; text-align:center; font-size:12px; color:#fff; display:block}
.index-case-box .index-case-li .case-text a {
    color: #666;
}
.pcurl{display:none}

.yyq-pos {
    width: 100%;
    margin: 0 auto;
    height: 48px;
    font-size: 15px;
    line-height: 48px;
	text-indent:5px;
}

.yyq-customer dt{font-size:20px}


.yyq-list-news {
    width: 95%;
    margin: 20px auto 0;
}

.yyq-list-news li dt {
    position: absolute;
    left: 140px;
    top: 12px;
    font-size: 14px;
	overflow:hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}

	
	.yyq-list-news li dd {
    position: absolute;
    left: 140px;
    top: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 12px;
    line-height: 20px;
    color: #5c5b58;
}

.yyq-list-news li span {
    position: absolute;
    left: 140px;
    bottom: 10px;
    font-size: 12px;
    color: #5c5b58;
}

.yyq-list-news li {
    border-bottom: 1px #a4a2a0 dashed;
    position: relative;
    height: 110px;
}


.pagelist {
    text-align: center;
    width: 100%;
    margin: 30px auto;
    font-size: 14px;
}


.yyq-list-w {
    width: 95%;
    margin: 40px auto 0;
}

.yyq-list-w li {
    float: left;
    width: 100%;
    margin-left: 20px;
    text-align: center;
    margin-left: 0;
	margin-top:15px;
}

.yyq-list-w li dd {
    height: 30px;
    text-align: center;
    background-color: #2EABAB;
    line-height: 30px;
    font-size: 15px;
    color: #fff;
    margin-top: 0px;
}

.yyq-list-swt {
    width: 95%;
    margin: 35px auto 0;
}

.yyq-list-swt li:nth-child(2n+2) {
    margin-left: 0;
}
.yyq-list-swt li {
    width: 100%;
    border-bottom: 1px #d5d2d0 dotted;
    float: left;
    line-height: 55px;
    font-size: 18px;
    position: relative;
    margin-top: 10px;
}

.yyq-content {
    width: 95%;
    margin: 0 auto;
}

.yyq-content .yyq-content-l {
    float: none;
    width: 100%;
}

.yyq-content .yyq-content-l img{max-width:100%}

.yyq-con-r {
    width: 100%;
    box-sizing: border-box;
    border: 1px #8e8d8a solid;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 30px;
	display:none;
}



.q_con {
    width: 95%;
    height: auto;
    overflow: hidden;
    font-family: "微软雅黑","Open Sans", Helvetica, Arial, sans-serif;
    margin: 0px auto 20px;
}

.h_left {
    width: 100%;
    height: auto;
    min-height:inherit;
    float: none;
    border: 1px solid #EEE;
    color: #555;
    line-height: 30px;
    padding: 20px;
}

.yyq-fanyi-btn a {
    display: inline-block;
    width: 40%;
    line-height: 42px;
    background-color: #8ccccc;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}
.h_right {
    width: 100%;
    height: auto;
    min-height:inherit;
    float: none;
}

.h_biao {
    width: 100%;
    height: 140px;
    border: 1px solid #EEE;
    background-color: #FAFAFA;
	    margin-top: 19px;
}


.banner-pic{display:none}
.banner-pic-wap{display:block}

#myscroll #myscrollbox {
	width:200%;
}


#myscroll{height:200px}
#mybtns a {
    width: 30px;
    height: 60px;
	}

	}
@media only screen and (max-width: 768px){
	
	#myscroll {
    height: 170px;
}
#mybtns a {
    width: 25px;
    height: 50px;
	}

}
	
@media only screen and (max-width: 414px){
#myscroll {
    height: 100px;
}
#mybtns a {
    width: 15px;
    height: 30px;
	}
}



	
@media only screen and (max-width: 375px){
#mybtns a {
    width: 15px;
    height: 30px;
	}
}

	
	
	
	
	
@media only screen and (max-width: 320px){
.yyq-t .yyq-nav li {
    font-size: 12px;
}

#myscroll ul li p {

    font-size: 12px;

}

#myscroll {
    height: 90px;
}


.yyq-customer dt{font-size:18px}
.m-foot{font-size:11px}

#mybtns a {
    width: 10px;
    height: 20px;
	}

	}