﻿@charset "utf-8";
@font-face{font-weight:400;font-style:normal;font-family:fontawesome;src:url(//:) format("no404"),url(../font-awesome/fontawesome-webfont.woff) format("woff"),url(../font-awesome/fontawesome-webfont.ttf) format("truetype")} 

img,object{max-width:100%}
img{-ms-interpolation-mode:bicubic;border:0;background-size:cover}
body{color:#111;font-size:12px;line-height:24px;clear:both;font-family:"微软雅黑";background:#fff}
*,li,ol,ul{margin:0;padding:0}
li,ol,ul{float:left;list-style:none}
p{ margin-bottom:8px;}
a{color:#757575;blr:expression(this.onFocus=this.blur())}
a:hover{color:#757575}
a:focus{outline:0}
a,a:focus,a:hover{text-decoration:none!important;transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s}
.clear{clear:both;margin:0;padding:0;height:0;font-size:0;line-height:0;width:0}
h2{display:block;margin:0;line-height:30px;padding:0 0 15px 0;font-size:18px;color:#555;font-weight:400;font-family:Ubuntu Bold}
h2 span{font-size:18px;color:#777}
h3{display:block;margin:0;padding:5px 0;font-size:20px;line-height:24px;color:#333}
strong{font-weight:400;font-size:16px;color:#000;font-family:Ubuntu Bold;line-height:26px}
button,input{outline: none;}
hr {margin-top: 5px; margin-bottom: 5px; border: 0; border-top: 1px solid #eee;}

#tkl{position: fixed; top:0; left:-990px;}

#sj{ max-width:640px; margin:0 auto;}
#container{ padding-top:50px; }
/*header*/
#header{width:100%; height:50px; max-width:640px;position: fixed;top:0;z-index:999; background:rgba(5,203,203,1)}
.logo{ float:left; width:30%; padding:8px 15px 0;}
.logo img{width:140px; margin-top:2px;}
.header_search{width:40%;margin:10px auto; margin-left:10px; float:left;border-radius:5px; border:1px solid #fff; height:30px;position:relative;}
.header_search input{position:absolute; top:0px; left:30px; width:70%; height:30px; line-height:30px; border:none; background:none; padding-left:10px; color:#fff; }
.header_search button{position:absolute; top:3px; width:30px; height:20px;left:0;background: transparent;border: 0; }
.header_search button img{width:70%;vertical-align: middle;border:0;}
.header_search button span{ position:relative}
.header_search button span:before{position:absolute; content:'\f002' ;font-family: fontawesome; font-size:14px;  display:block; color:#fff; left: -5px;
top: -10px;}
.header_nav{float:right; width:15%; text-align:right; margin-right:15px;}
.header_nav img{width:40px; margin-top:8px;}

.nav_list{ width:100%;position: relative; z-index:9999; display:none}
.nav_list>li{width:100%;}
.nav_list>li a{ font-size:12px !important;}
.nav_xl:hover .nav_list{ display:block  !important;font-size:12px !important;}

.navlist{ width:89%; margin-right:10%; margin-left:1%; display:none}
.navlist a{font-size:12px !important; line-height:28px !important; margin-left: 0!important; display:block; position:relative; }
.navlistfl{ width:30% !important; float:right}

.navlist1{ width:95%; margin-left:10%; margin-right:1%}
.navlist1 a{font-size:12px !important; line-height:28px !important; margin-left: 0!important; display:block; position:relative; }
.navlistfl1{ width:30% !important; float:left}

#fysm a{float: left; margin-left: 10%; border-bottom:none !important; display:block; width:20px; top:-35px; color:#fff; position:relative}
#fysm a:before{position:absolute; content:'\f053' ;font-family: fontawesome; font-size:14px; width:30px; height:50px; color:#fff; right:0; top:-5px;}
#lb,#lb1,#lb2{width:100%;}
#fysm a:hover:before{content:'\f078' ;}

.pro_title{margin:20px auto; width:80%; border-bottom:solid 1px #999}
.pro_title span{text-align:center; margin:0 auto; display:block; width:140px;  font-size:20px;position:relative;background:#F6F7F7; bottom:-10px; color:#525252;}
.pro_title1 span{ background:#FFF;}
.pro_titlenews{margin:0 auto; text-align:center; width:80%; font-size:12px; color:#999; margin-top:20px;}
.pro_title span:before{position:absolute;content:''; width:30px; height:3px; background:#0CC;left:-15px;top:13px;}
.pro_title span:after{position:absolute;content:''; width:30px; height:3px; background:#0CC;right:-15px;top:13px;}
.gywm_txt{width:98%; margin:25px  auto;  }
.gywm_txt img{  margin:15px 0}
.gywm{ float:left; width:100%; background-color:#F6F7F7; display:block; }
.gywm{width:100%; margin:0 auto}
.gywm ul{width:100%; margin:0 auto; position: relative; padding-bottom:20px; }
.gywm ul li{ float:left; width:32%; margin-right:2%;}
.gywm ul li:nth-child(3n){ margin-right:0}
.gywm ul li img{ width:60%;}
.gywm ul li a{ font-size:16px; text-align:center; display:block}
.gywm ul li a span{ margin-top:10px;font-size: 12px; display:block}
.nav_lyfl ul li a:hover{ color:#F30}

.pro_home{padding:5px 0 20px; width:100%; max-width:640px;}
.pro_home{position: relative; max-width:640px; margin: 0 auto;}

.pro_img4{ float:left; width:100%; margin-bottom:50px;}
.pro_img4 ul{ width:100%;}
.pro_img4 ul li{ float:left; width:48%; margin-right:2%;  margin-top:15px; border:solid 1px #CCC; padding:10px; position:relative}
.pro_txt{ color:#000; font-size:16px; margin-top:10px;}
.pro_jg{ color:#999; font-size:12px;}
.pro_jg span{ color:#09F; font-size:16px;}
.pro_xx{ color:#999; font-size:12px;}
.pro_img4 ul li:nth-child(2n){ margin-right:0}
.pro_img4 ul li:nth-child(2n+1){ clear:both}
.pro_img4 ul li:hover{border:solid 1px #09F;}

.case_box ul li:hover{ background:#f2f2f2;border: solid 1px #acacac; z-index:2}
.case_box ul li a:hover{ color:#00e1ef}
.case_more{ background:#00d6d6; width:140px; text-align:center; margin:15px auto 0; padding:5px;transition:all ease-in-out .8s;-moz-transition:all ease-in-out .8s;-webkit-transition:all ease-in-out .8s;-o-transition:all ease-in-out .8s;-ms-transition:all ease-in-out .8s}
.case_more a{ color:#fff;  display:block;}
.case_more:hover{ background:#000}

.flexslider{position:relative; max-width:600px; margin:0 auto}
.slides{position:relative;z-index:1;width:100%;}
.slides li{width:100%;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer; display:none}
.flex-control-nav .flex-active{background-position:0 0; }
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px; margin-top:40%;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px; margin-top:40%;background:url(../images/next.png) center center no-repeat;}

.display_txt_title{ width:100%;border-bottom: 1px solid #ccc; line-height:38px; margin:10px 0;}
.display_txt_title span{border-top: 2px solid #000; border-bottom: 1px solid #FFF; font-size:14px; color: #000; border-left: 1px solid #ddd; border-right: 1px solid #ddd; z-index: 3; padding:10px 30px;}
.display_txt_cs ul{ width:100%;}
.display_txt_cs ul li{ float:left; width:25%; padding:2px 5px;}
.display_txt_cs ul li:nth-child(4n+1){ clear:both}
.display_txt_sm{ font-size:14px; line-height:28px; text-align:left;}

.zxyd a{ float:left; background:#ed000b; color:#FFF;padding:5px 20px; margin:5px 0 5px 5px;}
.zxyd a:hover{ background:#a90008; color:#FFF;}

/*分页*/
.page-bar{text-align: center;}
.pages {position: relative; margin:20px 0 20px;}
.pages a,.pages span.current2{margin-top:5px !important;}
.pages a,.pages span{color: #666; background-color:#fff; background:-webkit-linear-gradient(#fff, #ddd); background: -o-linear-gradient(#fff, #ddd); background: linear-gradient(#fff, #ddd);}
.pages a,.pages span.current2 {position: relative; display: inline-block; vertical-align: middle;
    *display: inline; *zoom: 1; border: 1px solid #ddd; line-height: 25px; min-width: 25px;
    padding: 3px 12px; border-radius: 3px; margin: 0 0 0 5px;}
.pages a.current,.pages a:hover {background:#000; border-color:#000; color: #FFF;}
.pages span.current2 {vertical-align: middle;}

.news_box{ float:left; width:100%;  max-width: 640px; margin: 0 auto; background: #F6F7F7;padding-bottom: 25px;}
.news_box1{ background:none}

.news_lb{ float:left; width:98%; margin-left:1%; margin-bottom:50px;}
.news_lb ul{ margin-top:10px; width:100%;}
.news_lb ul li{ width:100%;color:#aeaeae; float:left; display:block; border-bottom: dashed 1px #CCC; padding:10px 0;}
.news_lb ul li a{ text-align:left; color:#000}
.news_lb ul li span{ display:block; font-size:12px; text-align:left}
.news_lbny{ width:98%; margin-left:1%;}
.news_lbny ul li a{ text-align:left; color:#000}
.news_lbny ul li a:hover{ color:#06d1f0}

/*新闻内页*/
.tit_2{text-align:center; font-size:20px; color:#333; line-height:32px; margin-bottom:20px;}
.source{margin:0  auto 30px;text-align:center; display: table}
.source ul{ width:100%;margin:0  auto;text-align:center; display:block}
.source ul li{float:left; color:#666; font-size:14px; margin-right:20px;}
.source ul li em{font-style:normal;  }
.Fanye{float:left; padding:30px 0;}
.Fanye .xu{ width:100%; color:#999}
.Fanye .xu a{ color:#000}
.Fanye .xu a:hover{ color:#f10510}

.ggt{ float:left;margin-top:35px; position:relative; font-size:14px; color:#FFF}
.ggt span{ position: absolute; width:100%; top:15%; left:0; text-align:center; color:#FFF; z-index:2;}
.ggt span b{font-size:18px; line-height:34px;}
.ggt span strong{ font-size:16px; color:#fff; line-height:40px; border-top: solid 2px #FFF; }

.ys_home{max-width:640px; margin:0 auto; display:none}
.ys_nav{width:100%;margin:20px auto; display: inline-block; position:relative}
.ys_nav ul li{ float:left; width:98%; margin:0 0 0 1%; background:#b71423;border-top:solid 2px #FFF; display:block}
.ys_nav ul li:nth-child(2n){ background:#282828; display:block}
.ys_nav ul li .ys_img{ float:left; width:40%; border-right:solid 2px #FFF}
.ys_nav ul li .ys_txt{ float:right; width:60%; color:#fff; padding:5px; font-size:12px; line-height:18px; }
.ys_nav ul li .ys_txt span{ font-size:14px; display:block; font-weight:700}
.ys_nav ul li:nth-child(2n) .ys_img{ float:right; border-left:solid 2px #FFF;border-right:solid 0 #FFF}

.qyys{max-width:640px; margin:0 auto;}
.qyys_title{width:100%;margin:20px auto; padding:0 0 15px 0; text-align:center; background:#222026; color:#FFF}
.qyys_title p span{ font-size:20px; font-weight:bold; background:#F00; padding:5px 15px 8px 15px; border-bottom-left-radius:50%;border-bottom-right-radius:50%;}
.qyys_title strong{ font-size:18px;color:#FFF; font-weight:700}
.qyys_title strong span{ color:#F00}
.qyys ul{ width:100%; }
.qyys ul li{ width:98%; margin-left:1%; margin-top:25px;border-radius:5px; background:#FFF; border:solid 1px #CCC; box-shadow:2px 2px 2px #000;box-shadow: 5px 5px 5px #dadada;}
.qyys ul li:nth-child(1){ margin-top:5px;}
.qyys ul li .qyys_img{ width:40%; float:left;}
.qyys ul li .qyys_img img{ padding:4px;border-radius:50%;}
.qyys ul li .qyys_txt{ float:right; width:53%; color:#000; padding:10px 5px; font-size:12px; line-height:24px; }
.qyys ul li .qyys_txt span{ font-size:18px; line-height:30px; display:block; color:#000; font-weight:700}
.qyys ul li .qyys_txt span b{ font-size:20px; background:#F00; color:#FFF; padding:1px 8px;border-radius:50%;}
.qyys ul li:nth-child(2n) .qyys_img{float:right;}
.qyys ul li:nth-child(2n) .qyys_txt{ float:left}

.ys_nav ul li:nth-child(2n) .ys_txt{ float:left;}

.footer-box{background: #202e31; overflow: hidden; width: 100%; color: #888;padding: 10px 0 0 0; }
.footer-container{max-width:640px; margin: 0 auto; padding: 0;}
.contact{ padding:10px 0 0 0;}
.contact_title{margin-left:1%;  font-size:18px; border-bottom:solid 2px #FFF; color:#FFF; padding:5px; display: inline-block}
.contact_xx{ width:98%; margin-left:1%; font-size:14px; color:#CCC; line-height:24px; margin-top:15px; position:relative}
.contact_xx_img{ float:left;margin-bottom: 20px;}
.contact_xx span{ float:left;  line-height:30px; margin-left:10px; padding-left:15px;}
.contact_erm{ float:left; position:absolute; right:20px; top:-35px; }
.contact_erm img{ width:110px;}

.footer-line{height: 0; margin-top:15px; display: block; clear: both; border-bottom: 1px solid #393854; display:none}
.footer-links{padding-top: 10px; padding-left: 69px;display:none}
.footer-ewm{float: left; width: 110px; margin-right: 18px; text-align: center;}
.footer-ewm img{width: 110px; height: 110px; display: block; border: none;}
.footer-ewm p{font-size: 12px; color: #ccc; margin-top: 12px;}
.footer-friend{max-width:640px; line-height: 30px; margin: 10px auto;display:none}
.footer-friend-title{float: left; width:98%; margin-left:1%; color: #ccc; font-size: 12px;}
.footer-friend-title a{ margin-right:5px;}
.footer-friend-title a:hover{color: #fff;}
.footer-copyright{line-height: 20px; font-size: 12px; text-align: center;background: #202e31;padding:15px 0; border-top:solid 1px #FFF; margin-top:10px; }
.footer-copyright p{margin-bottom: 0px; font-size: 12px; color: #888; line-height:26px;}

.footer{width:100%; max-width:640px; margin:50px auto 0 ; }
.footer_bg{width:100%;max-width:640px;position:fixed; bottom:0; background: -moz-linear-gradient(top, #000 0%, #000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(100%,#000));
    background: -webkit-linear-gradient(top, #000 0%,#000 100%);
    background: -o-linear-gradient(top, #000 0%,#000 100%);
    background: -ms-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
    background: linear-gradient(top bottom, #f2f2f2 0%,#ffffff 100%);  height:55px; z-index:999; }
.footer_bg ul{ width:100%;}
.footer_bg ul li{ float:left; width:25%; text-align:center;padding-top:28px; padding-bottom:5px; position:relative}
.footer_bg ul a { font-size:14px; color:#fff;transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s}
.footer_bg ul li .footer_home:before{position:absolute; content:'\f015' ;font-family: fontawesome; font-size:20px; color:#909090; left:44%; top:8px;transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s}
.footer_bg ul li .footer_fl:before{position:absolute; content:'\f095' ;font-family: fontawesome; font-size:20px; color:#909090; left:43%; top:8px;transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s}
.footer_bg ul li .footer_zb:before{position:absolute; content:'\f086' ;font-family: fontawesome; font-size:20px; color:#909090; left:43%; top:8px;transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s}
.footer_bg ul li .footer_wd:before{position:absolute; content:'\f200' ;font-family: fontawesome; font-size:20px; color:#909090; left:43%; top:8px;transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s}
.footer_bg ul a:hover,.footer_bg ul li .footer_home:hover:before,.footer_bg ul li .footer_fl:hover:before,.footer_bg ul li .footer_zb:hover:before,.footer_bg ul li .footer_wd:hover:before,.footer_bg ul li .footer_zb:hover:after{ color:#f10510}

/*quick list*/
#fyxp_producttitle{margin:0 auto;height:auto;color:#1f1d29;line-height:18px;font-size:13px; border-bottom:solid 1px #999; margin-bottom:15px;}
#fyxp_producttitle ol{ width:100%; max-width:1160px; margin:0 auto; float:none; overflow:hidden;padding: 5px 0;}
#fyxp_producttitle a{color:#999;padding-right:6px}
#fyxp_producttitle li{display:inline-block;padding: 3px 0;}
#fyxp_producttitle li+li::before{padding:0 5px;color:#ccc;content:"/\00a0"}
#fyxp_producttitle a:hover{color:#676664}
#fyxp_producttitle small{display:inline}

.description{ line-height:24px; padding:20px 1%;}
.zzfw_nav{ width:100%; margin:0 auto}
.zzfw_nav a{ padding:5px 15px; margin:10px 10px 15px 0; background:#0041A4; color:#FFF; display:inline-block}
.zzfw_nav .dq,.zzfw_nav a:hover{ background:#9e0f04}
.description_title{ font-size:18px; color:#09F; margin:15px 0; border-left:solid 5px #09F; padding-left:10px; background:#eeeeee; line-height:40px;}
.description_title1{ font-size:16px; color:#09F; margin:15px 0; border-left:solid 5px #09F; padding-left:10px; line-height:30px;}
.advantage { display: block; margin-bottom: 20px; float: left;}
.table{margin:5px 0 0;}
.table-responsive{margin-bottom:20px; }
.table-responsive p{margin:5px 0}
table,td{border:1px solid #ccc!important;white-space:normal;}
.table>tbody>tr{background-color:#fff; width:25%; text-align:center}
.table>tbody>tr.top{ color:#000;background-color:#f8f8f9!important}
.table>tbody>tr.top span{ color:#CCC;font-size:14px;}
.table>tbody>tr:nth-of-type(odd){background-color:#fff} 
.table>tbody>tr>td{vertical-align:middle;padding:6px; font-size:12px;} 
.table>tbody>tr>td span{ font-size:18px; margin-right:5px; color:#09F} 
.table1>tbody>tr{background-color:#fff; width:25%; text-align:left}
.table1>tbody>tr>td{vertical-align:middle;padding:15px; line-height:28px; font-size:14px;position:relative;white-space: inherit !important;} 

/*在线留言*/
.inquiry-form-wrap{position:relative; width:100%;}
.inquiry-form{position:relative; background:#FFF; padding:20px; border:1px solid #ddd; top:-1px;}
.inquiry-form .inquiry-form-ico{position:absolute; right:20px;top:27px; width:75px;display:block;overflow:hidden;}
.inquiry-form .inquiry-form-ico img{position:relative;width:100%;}
.inquiry-form .form-item{position:relative; width:100%; display:block;}
.inquiry-form  input[type="text"].form-input,.inquiry-form textarea.form-text{position:relative;
	border:1px solid #ddd; width:60%; height:30px; line-height:30px; margin:0 0 10px;
	color:#000; padding:2px 0 0 30px; font-size:12px;}
.inquiry-form textarea.form-text{width:90%; height:90px; padding:0 5px;}
.inquiry-form .form-input-name,.inquiry-form input[type="text"].form-input-name{
	background:url(../images/inq04.png) no-repeat 8px 10px;}
.inquiry-form .form-input-email,.inquiry-form input[type="text"].form-input-email{
	background:url(../images/inq05.png) no-repeat 8px 12px;}
.inquiry-form .form-input-email,.inquiry-form input[type="text"].form-input-phone{
	background:url(../images/inq06.png) no-repeat 8px 11px;}
.inquiry-form .form-btn-submitx{display:block; line-height:26px; padding:0 35px; background:#f10510;
	border:1px solid #f10510; border-radius:8px; color:#fff;}
	.inquiry-form .form-input-email,.inquiry-form input[type="text"].form-input-yzm{
	background:url(../images/yzm.png) no-repeat 8px 8px;}
.inquiry-form .form-btn-submitx{display:block; line-height:26px; padding:0 35px; background:#ff0000;
	border:1px solid #ff0000; border-radius:8px; color:#fff;}	
.form-input-yzm{ float:left; width:140px !important;}	
.yzmtu{ float:left; width:100px; height:30px; margin:0 5px;}
.yzmtu img{ width:100%; height:100%;}
.yzmhyz{ float:left; line-height:30px;}
	
.inquiry-form ::-webkit-input-placeholder{color:#999;}
.inquiry-form :-moz-placeholder {color:#999;}
.inquiry-form ::-moz-placeholder {color:#999;}
.inquiry-form :-ms-input-placeholder{color:#999;}

.case_box1 ul li{ float:left;width:49%;margin:0 2% 20px 0;padding:10px 10px 5px 10px; background:#fff; border: solid 1px #ccc;transition:all ease-in-out .8s;-moz-transition:all ease-in-out .8s;-webkit-transition:all ease-in-out .8s;-o-transition:all ease-in-out .8s;-ms-transition:all ease-in-out .8s}
.case_box1 ul li img{ width:100%;}
.case_box1>ul>li:nth-child(3n){margin-right:2%}
.case_box1>ul>li:nth-child(3n+1){clear:none}
.case_box1>ul>li:nth-child(2n){margin-right:0}
.case_box1>ul>li:nth-child(2n+1){clear:both}
.case_box1 ul li{ font-size:14px; color:#626262; display:block; margin-top:15px; line-height:34px; text-align:center;  position:relative;transition:all ease-in-out .8s;-moz-transition:all ease-in-out .8s;-webkit-transition:all ease-in-out .8s;-o-transition:all ease-in-out .8s;-ms-transition:all ease-in-out .8s}
.case_box ul li:hover{ background:#f2f2f2;border: solid 1px #acacac; z-index:2}
.case_box ul li a:hover{ color:#ff0000}
.case_more{ background:#505050; width:140px; text-align:center; margin:15px auto 0; padding:5px;transition:all ease-in-out .8s;-moz-transition:all ease-in-out .8s;-webkit-transition:all ease-in-out .8s;-o-transition:all ease-in-out .8s;-ms-transition:all ease-in-out .8s}
.case_more a{ color:#fff;  display:block;}
.case_more:hover{ background:#000}

@media screen and (max-width:540px){
	.join_txt ul li:nth-child(1):before{left:30%;}
	.banner_xtext ul li .banner_xtext_text{ margin-top:0;}
	.banner_xtext ul li .banner_xtext_img img{ margin-top:5px;}
	.footer_bg ul li .footer_wd:before{left:42%; }	
}
@media screen and (max-width:460px){
	.logo{ width:34%; padding-top:12px;}
	.logo img{ width:100%;}
	.contact_xx_img{ display:none}
	.contact_xx span{ margin-left:5px; padding-left:0}
    .contact_erm{ float:left; position:absolute;  top:-50px; }
  
	.join_txt ul li:nth-child(1):before{left:30%;}
	.banner_xtext ul li .banner_xtext_text{ margin-top:0;}
	.banner_xtext ul li .banner_xtext_img img{ margin-top:5px;}
    .display_txt_cs ul li{ float:left; width:50%; padding:2px 5px;}
	.display_txt_cs ul li:nth-child(3n+1){ clear:none}
    .display_txt_cs ul li:nth-child(2n+1){ clear:both}
	.footer_bg ul li .footer_home:before{left:42%; }
	.footer_bg ul li .footer_wd:before{left:40%; }	
}
@media screen and (max-width:400px){
	.ys_nav5 span{ text-align:center; vertical-align:middle; display:block; margin-top:10%;}
	.footer_bg ul li .footer_home:before{left:39%; }
	.footer_bg ul li .footer_fl:before{left:40%; }
	.footer_bg ul li .footer_zb:before{left:40%; }
	.footer_bg ul li .footer_wd:before{left:38%; }	
}