@charset "utf-8";
html{font-size:62.5%;}
body{margin:0px; font-size:12px; color:#91989f; font-family: Arial, Helvetica, sans-serif,Microsoft YaHei; cursor:default; }
*{padding:0px; margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-family: Arial, Helvetica, sans-serif,Microsoft YaHei;}
h1,h2,h3,h4,h5,h6 {list-style:none; font-weight:normal; color:#555;}
input,select,button{font-size:12px; font-family: Arial, Helvetica, sans-serif,Microsoft YaHei; border:0; background:none; outline:none; vertical-align:middle;}
button {overflow:visible}
img{border:none;}
li{list-style:none;}
a{color:#91989f; text-decoration:none;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;
transition:all .3s;}
a:hover{color:#005caf;}
.con{width:1200px; margin:0 auto;}
.clear{overflow:hidden; clear:both; height:0px;}
.fl{float:left;}
.fr{float:right;}

.con{width:80%; margin:0 auto;}
.container { width:80%; margin:0 auto}
.header{width:100%; position: relative;}

.header .container{position:relative;}
.header .logo{width:200px; float:left; margin:10px 0 10px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}

.header .logo img{width:100%; height:auto; display:block;}

.header .an{position:absolute; top:50%; right:15px; height:18px; width:30px; display:none;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}
.header .an span{width:30px; height:2px; background-color:#555; display:block; position:absolute;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}

.header .nav{ margin-top:35px; float:right;}
.header .nav i{font-size:12px; color:#aaa; line-height:54px; text-align:right; position:absolute; width:50%; height:54px; right:0px; top:50%; display:none;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}
.header.on .nav{ float:right; margin-top:15px}
.header .nav ul li{margin:0 2px; line-height:45px; float:left; position:relative;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}

.header.on .nav ul li{line-height:45px;}
.header .nav ul li a{display:block; font-size:16px; color:#333; position:relative; z-index:999}

.header .nav ul li span{width:0; height:45px; background-color:#08367f; position:absolute; left:50%; bottom:0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;
transform:translate(-50%,0);
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);}
.header .nav ul li:hover span{width:100%;}
.header .nav ul li:hover a { color:#fff}
.header .nav ul li.on span{width:100%;}

.nav .y_j{position:relative; padding:0 30px;}
.nav .e_j{width:150px; background-color:rgba(255,255,255,.5); position:absolute; top:45px; left:50%; margin-left:-75px; display:none; z-index:9999;}
/*.header.on .nav .e_j{box-shadow:0 2px 2px #aaa;}*/
.header .nav ul li .e_j a{display:block; font-size:14px; color:#000; line-height:40px; border-bottom:1px solid rgba(0,0,0,0.5); text-align:center }
.nav .e_j .ejy { position:relative}
.nav .e_j .s_j {width:150px; background-color:rgba(255,255,255,.5); position:absolute; top:0px; left:150px; display:none; z-index:9999;}
.header .nav .e_j a:hover{background-color:#e77817; color:#fff;}

@media (min-width:1024px){

.header .nav .e_j{display:none !important;}
.header .nav ul li:hover .e_j{display:block !important;}
.head_h { height: 68px; display: none}
}
@media (max-width:102px){
.header .nav ul li{margin:0 15px;}
.header .nav ul li a{font-size:15px;}
}
@media (max-width:1200px){
.header .nav ul li{margin:0 20px;}
.header .nav ul li a{font-size:16px;}
}
@media only screen and (max-width:1024px){
.head_h { height: 70px; display: none}
.header{border:0; height:70px;width:100%}
.header .container{ padding:0; overflow:hidden; width:94%}
.header .logo{width:180px; margin:10px auto;}

.header .an{display:block; right:10px;}
.header .an span { background-color:#999}
.header .nav ul { width: 100%;}
.header.on .nav { top:0; margin-top:0}
.header .nav{width:30%; padding:15px 5%; background-color:#000; height:100%; position:fixed; top:70px; right:-70%; z-index:9999; overflow:auto;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s; margin-top:0}
.header .nav.on{right:0;}
.header.on .nav ul li a { font-size: 16px;color: #fff;}
.header .nav i{display:block;}
.header .nav ul li{line-height:60px; text-align:left; border-bottom:1px solid #444; float:none; margin:0; padding:0}
.header .nav ul li::after { background: rgba(0,0,0,0);}
.header.on .nav ul li{line-height:60px;}
.header .nav .e_j { width: 100%; border-top: 1px solid #444; background: none; position: relative;display: none;top: auto; left: auto; margin: 0;padding-bottom: 10px;}
.header .nav ul li .e_j a { color:#aaa;}
.header .nav ul li .e_j a:hover { color:#fff}
.header .nav .e_j a{border-top:0; font-size:12px; color:#aaa; line-height:32px;}
.header .nav .e_j a:hover{background:none;}
.header .nav ul li:hover .e_j{display:none;}
.header .nav ul li a{font-size:15px; color:#fff;}

.header .nav ul li:hover span{width:0;}
.header .nav ul li.on span{width:0;}
}
@media only screen and (max-width:375px){
.header .container{ padding:0}
.header .logo{width:160px; margin:15px auto;}
.header.on .logo{width:160px; margin:15px auto;}
}


.gallery-top{width:100%; position:relative;}
.gallery-top .swiper-slide img{width:100%; height:auto; display:block;}
.gallery-top .swiper-pagination{bottom:20px !important;}
.gallery-top .swiper-pagination-bullet {width:15px; height:15px; display:inline-block; border-radius:0; opacity:1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.gallery-top .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#08367f}



.sy_about { padding:60px 0; overflow:hidden}
.tit { margin-bottom:50px; text-align:center}
.tit h1 { font-size:36px; color:#333; margin-bottom:15px; position:relative}
.tit h1::after { content: " ";position: absolute; left: 50%; bottom: -12px; width: 60px; margin-left: -30px;height: 0;border: 1px solid #08367f;}
.tit h3 { font-size:14px; color:#666; margin-top:25px;}
.tit2 { margin-bottom:50px; text-align:center}
.tit2 h1 { font-size:36px; color:#fff; margin-bottom:15px; position:relative}
.tit2 h1::after { content: " ";position: absolute; left: 50%; bottom: -12px; width: 60px; margin-left: -30px;height: 0;border: 1px solid #fff;}
.sy_about .nr { font-size:14px; margin:0 auto}
.sy_about .nr p {line-height:1.8; color:#333; text-indent:2em}
.sy_about .nr .lb { width:1200px; margin:0 auto}

.gybe-main{margin-top:50px;}
.gybe-main li{float: left;width:30.3333%;height: 200px; margin:0 1.5%}
.gybe-main li p { text-indent:0em}
.gybe-main li a{display: block;}
.gybe-main li.no{margin-right:0;}
.gybe-main .gm-img{height: 95px;background-repeat:no-repeat;background-position: center center;transition: all 0.2s linear 0s;}
.gybe-main li:hover  .gm-img{
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
}
.lsct{background-image: url("../images/png-5.png");}
.gsnl{background-image: url("../images/png-6.png");}
.gsjz{background-image: url("../images/png-7.png");}
.beqq{background-image: url("../images/png-8.png");}
.wdy{background-image: url("../images/png-az.png");}
.tg {background-image: url("../images/png-07.png");}
.gybe-main .gm-font1{color:#0351c6;font-size: 18px;text-align: center; font-weight:bold}
.gybe-main .gm-font2{color:#333;font-size: 14px;text-align: center;margin-top: 10px;}



.xx3{ height:430px; position:relative}
.xx3 .hd{ position:absolute; bottom:10px; text-align:center; z-index:99; width:100%;}
.xx3 .hd ul li{ display:inline-block; margin:0 5px; width:11px; height:11px; background:#FFF;text-indent:-9999px;cursor:pointer;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.xx3 .hd ul li.on{ background:#F00;}
.xx3 .bd{ height:100%}
.xx3 .bd ul{ height:100%}
.xx3 .bd ul li{ height:100%}
.sy_about .nr .more a { font-size:14px; text-transform:capitalize; color:#f18c16; text-align:center; line-height:32px; margin-bottom:30px; display: inline-block; width:110px; position:relative}
.sy_about .nr .more a  span{width:0; height:2px; background-color:#e77817; position:absolute; left:50%; bottom:0;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;
transform:translate(-50%,0);
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);}
.sy_about .nr .more a:hover span{ width:100%}
.ny_gsjj .ny_bt .nb_nr{ width:270px; margin:0 auto; margin-bottom:35px;}

.ny_gsjj .ny_bt .nb_nr.ydsj{ width:320px;}

.ny_gsjj .ny_bt h3{font-size:28px; float:left; margin:0px 15px; font-weight:normal}

.ny_gsjj .ny_bt p{font-size:15px; line-height:26px; margin-top:6px;}

.ny_gsjj .ny_bt em{width:50px; height:2px; background-color:#df600e; margin:0 auto; display:block; float:left; margin-top:18px;}

.ny_gsjj .box { overflow:hidden; margin-bottom:50px;}

.ny_gsjj .gy_wm{font-size:15px; line-height:26px; text-align:center; margin-bottom:30px; margin-top:25px;}

.ny_gsjj .gy_wm ul li{ width:32.3333%; float:left; margin:0 1% 0 0;}
.ny_gsjj .gy_wm ul li.last { margin-right:0}

.ny_gsjj .gy_wm .n_r{position:relative;}

.ny_gsjj .gy_wm .t_p img{width:100%; height:auto; display:block;}

.ny_gsjj .gy_wm .b_t{position:absolute; top:0; left:0; width:100%; background:url(../images/a5.png) no-repeat center / 100% 100%; font-size:25px; color:#fff; line-height:50px; padding:15px 0 25px; text-align:center}

.ny_gsjj .gy_wm .w_z{width:80%; position:absolute; top:55%; left:10%; font-size:22px; line-height:26px; color:#fff;

transform:translate(0,-50%);

-webkit-transform:translate(0,-50%);

-moz-transform:translate(0,-50%);

-ms-transform:translate(0,-50%);

-o-transform:translate(0,-50%);}

.sy_cp { width:80%; margin:0 auto;}
.sy_cp ul li { width:27.333%; margin:0 3% 50px; float: left;height:230px; background-color:rgba(255,255,255,0.8);border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; }
.sy_cp ul li:hover {box-shadow: 0px 0px 10px #4aa4f2;

	transform: translateY(-5px);

	-wbkit-transform: translateY(-5px);

	-o-transform: translateY(-5px);

	-moz-transform: translateY(-5px);

	transition: all 0.3s;

	-wbkit-transition: all 0.3s;

	-o-transition: all 0.3s;

	-moz-transition: all 0.3s;}
.sy_cp ul li .w_z{width:100%; padding:5px 40px 20px;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s; -moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box; text-align:center}
.sy_cp ul li:hover h3 { color:#08367f;}
.sy_cp ul li:hover p { color:#08367f}
.sy_cp ul li h3 { font-size:20px; color:#333; margin:20px; font-weight:bold; position:relative}
.sy_cp ul li h3::after { content: " ";position: absolute; left: 50%; bottom: -12px; width: 60px; margin-left: -30px;height: 0;border: 1px solid #08367f;}
.sy_cp ul li p { font-size:14px; color:#666; line-height:2; padding:0 10px; text-align:left}
.sy_cp ul li p::before {content: "•"; display: inline-block; margin-right: 5px;}


.swiper-cpcxsj { display:none}
.swiper-cpcx{width:100%; margin:0px auto 0; -moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box; padding:0 30px;}
.swiper-cpcx .swiper-slide{position:relative;background:#fff;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s; margin:10px auto 30px; overflow:hidden;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}

.swiper-cpcx .swiper-slide:hover{transform: translateY(-10px);-wbkit-transform: translateY(-10px);-o-transform: translateY(-10px);-moz-transform: translateY(-10px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.swiper-cpcx .swiper-slide img{width:70%; height:auto; display:block;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; margin:0 auto; border:#6CF 4px solid}
.swiper-cpcx .swiper-slide .w_z{width:100%; padding:5px 5px 20px; background-color:rgba(255,255,255,1); 
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s; -moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box; text-align:center}

.swiper-cpcx .swiper-slide:hover h3 { color:#08367f;}
.swiper-cpcx .swiper-slide:hover p { color:#08367f}
.swiper-cpcx .swiper-slide h3 { font-size:20px; color:#333; margin:20px; font-weight:bold; position:relative}
.swiper-cpcx .swiper-slide h3::after { content: " ";position: absolute; left: 50%; bottom: -12px; width: 60px; margin-left: -30px;height: 0;border: 1px solid #08367f;}
.swiper-cpcx .swiper-slide p { font-size:14px; color:#666; line-height:2; padding:0 10px; text-align:left}
.swiper-cpcx .swiper-slide p::before {content: "•"; display: inline-block; margin-right: 5px;}
.swiper-cpcx .swiper-button-next, .swiper-cpcx .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 30px;
	height:30px;

	z-index: 10;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat
}
.swiper-cpcx .swiper-button-prev { background:url(../images/lrlr.png) no-repeat 0 0; left:0px}
.swiper-cpcx .swiper-button-prev:hover { background:url(../images/lrlr.png) no-repeat 0 -30px}
.swiper-cpcx .swiper-button-next { background: url(../images/lrlr.png) no-repeat -30px 0; right:0px;}
.swiper-cpcx .swiper-button-next:hover { background: url(../images/lrlr.png) no-repeat -30px -30px;}

.cpfw { padding:60px 0; background:url(../images/bg3.png) center center / cover no-repeat}

.sy_td { padding:60px 0; overflow:hidden; background:#f6f6f6}
.sy_td ul li { width:18%; float:left; margin:0 2% 35px 0;}
.sy_td ul li .tu { margin:30px 0; text-align:center}
.sy_td ul li.last { margin-right:0}
.sy_td ul li .tu img { width:80px;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.sy_td ul li:hover .tu img {-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);transform: rotateY(360deg);}
.sy_td ul li h3 { margin:0 0 6px 0; text-align:center;font-size: 18px;font-weight: 600; color:#333}
.sy_td ul li p { font-size:14px; color:#555; line-height:1.5}

/* start footer */
.footer_bg{background:#454545; width:100%;padding:35px 0 0;}
.footer { width:80%; margin:0 auto; padding:20px 0; z-index:999}
.footer .zuo3{ float: left;}
.footer .zuo3 ul li { float:left;}
.footer .zuo3 ul li .tit1 a { font-size:20px; font-weight:bold; color:#fff; line-height:36px; display:block}
.footer .zuo3 ul li .line { margin-bottom:20px; height:2px; margin-top:10px}
.footer .zuo3 ul li .line span { width:15px; height:1px; background:#003399;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s; display:block}
.footer .zuo3 ul li:hover .line span { width:50px; height:1px;}
.footer .zuo3 ul li a { width:100%; display:block; line-height:28px; font-size:14px; color:#999;}
.footer .zuo3 ul li a:hover { color:#eee}
.dzwz {line-height:30px;color:#fff;font-size:14px; float:left; }
.dzwz p { line-height:30px;color:#fff;font-size:14px;opacity:0.7;-webkit-opacity:0.7;-moz-opacity:0.7;  padding-left:25px; margin-bottom:5px}
.dzwz p.p1 { background: url(../images/fd-img1.png) left center no-repeat}
.dzwz p.p2 { background: url(../images/fd-img2.png) left center no-repeat}
.dzwz p.p3 { background: url(../images/fd-img3.png) left 8px no-repeat}
.dzwz p.p4 { background: url(../images/fd-img4.png) left 8px no-repeat}
.footer .you3 {float:right;}
.footer .you3 .weixin { width:120px; padding-top:20px; float: right; line-height:30px; color:#fff; text-align:center}
.footer .you3 .dian { width:230px; float: left;}
.footer .you3 .dian h2 { font-size:20px; line-height:50px; color:#fff; padding-top:20px;}
.footer .you3 .dian p { line-height:30px; font-size:14px; color:#fff; text-align: left}
.footer_btm {margin:30px auto 0; width:100%; background:#333; line-height:60px;}
.copy { width:80%; margin:0 auto; text-align:center}
.copy p {font-size: 12px;text-transform: uppercase;color: #B9B9B9;}
.copy p a { color: #ffffff; -webkit-transition: 0.9s; -moz-transition: 0.9s;-o-transition: 0.9s;transition: 0.9s;}
@media only screen and (max-width:1440px) {
	
.sy_cp ul li .w_z { padding: 5px 5px 20px;}	
.sy_cp ul li { width:29.3333%; margin:0 2% 50px}	
	
	
	
	
	
}

@media only screen and (max-width:1368px) {
.con{width:90%; margin:0 auto;}
.container { width:90%; margin:0 auto}	
.sy_cp { width: 90%;}	
.swiper-cpcx .swiper-slide h3 { font-size:16px;}	
}
@media only screen and (max-width:1280px) {
.sy_cp { width: 90%;}	
	
}

@media only screen and (max-width:1024px) {

.container { width: 94%; margin: 0 auto;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.pc_ban .mb h1 { font-size: 30px;margin-bottom: 20px;margin-top: 18%;}
.sy_about { padding: 40px 0;}
.sy_about .nr .lb { width: 100%; margin: 0 auto;}
.cpfw { padding: 30px 0;}
.sy_cp ul li { width:46%; margin:0 2% 30px; height:10rem}
.xx3 { height:12rem}
.sy_td {padding: 40px 0;}
.sy_td ul li {width:46%; margin: 0 2% 30px;}
.sy_td ul li.last { margin-right:2%}
.sy_pro { padding: 40px 0;}
.sy_pro ul li .wenz { padding: 0 3%; width:100%}
.sy_pro ul li .tp { width:100%;}
.sy_pro ul li { width:94%; margin:0 auto}



.footer { width:94%; padding: 20px 0 0; z-index: 999;}
.footer .zuo3 ul li { width:33.3333%; overflow:hidden; margin-bottom:20px}
.footer .zuo3 ul li.lx { width:100%}
.footer .you3 .weixin {width: 100px; padding-top: 20px;float: none; margin:0 auto}
.footer_btm { margin: 20px auto 0; width: 100%;}
.footer .you3 { width: 100%; float: right;}
.footer .zuo3 { width:100%;}

  }

@media only screen and (max-width:600px){
.pc_ban .mb { display:none}
.pc_ban .mb h1 { font-size: 2.5rem;margin-bottom: 1.5rem;margin-top: 18%;}
.tit {margin-bottom:30px;}
.tit h1 {font-size:2rem;}
.ny_gsjj .gy_wm .b_t {

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: url(../images/a5.png) no-repeat center / 120% 100%;
    font-size:18px;
    line-height:30px;
    padding: 5px 0 10px;
    text-align: center;

}
.ny_gsjj .gy_wm .w_z {

    width: 94%; top: 70%;
    left:3%;
    font-size: 14px;
    line-height: 20px;}
.sy_td ul li { width:50%; margin: 0 0 20px;}
.sy_td ul li.last {

    margin-right:0%;

}
.tit2 h1 {font-size: 2rem;}
.sy_cp ul li { width:100%; height:15rem}
.sy_cp ul li h3 {
    font-size: 1.4rem; margin: 1rem 0 2rem;}
.sy_cp ul li p {
    font-size: 1.1rem;line-height:1.6;}
.sy_td ul li h3 {font-size: 16px;}
.sy_pro ul li .wenz .ico { width: 80px; margin:30px auto 20px;}
.sy_sp { padding:0px 0 40px;}
.sy_sp .right { width:100%; height:20rem;background: url(../images/gold.png) center center / 100% no-repeat;}
.sy_sp .right .dnk { width:76%;height: 15rem; position: absolute; left:12%; top:2.5rem;}
.sy_sp .right .dnk img { width: 100%; height:15rem;}
.sy_sp .left h3 { font-size: 2.2rem;margin-bottom:10px; margin-top:30px; text-align: center;}
.sy_sp .left { margin-bottom:10px; height: auto;}

.footer .zuo3 ul li a {line-height: 22px; font-size: 12px;}
.footer .zuo3 ul li .line { margin-bottom:10px;  margin-top:1px;}
.footer_bg { padding:5px 0 0;}
.footer_btm {line-height:1.8; padding:10px 0}

}