@charset "utf-8";
/* CSS Document */
* { padding:0; margin:0;}
body {padding: 0;margin: 0 auto;font-size: 14px;color: #666;background-color: #fff;font-family: "Microsoft YaHei";}
li {list-style: none;}
img{border: none;vertical-align: middle;}
a {color: #333;text-decoration: none;}  
.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;clear:both;}/*IE/7/6*/
/***手机网站导航***/
.Top001700{ position:relative; z-index:20;}
.Top001700 header{ position:relative; background:#191244; height:50px}
.Top001700 header .logo img{ height: 50px;}
.Top001700 nav{  display:none; text-align:center;position:absolute; top:100%; right:0; width:50%; 
max-width:320px; z-index:9900; background:#2e2e2e;}
.Top001700 nav li{ width:100%; height:50px; line-height:50px}
.Top001700 nav li a{ display:block;width:100%;height:50px; line-height:50px;border-bottom: 1px solid #ccc; color:#fff; font-size:16px}
.Top001700 .mobile_menu{ position:absolute; width:48px; height:36px; border-radius:5px;  /*background-color:#f8b600;*/ top:20%; right:2%; }
.Top001700 .mobile_menu i,
.Top001700 .mobile_menu i::before,
.Top001700 .mobile_menu i::after{ position:absolute; height:4px; border-radius:4px; width:100%; background: #fff; }
.Top001700 .mobile_menu i{ width:70%; left:15%; top:50%; margin-top:-2px;transition:background 0.3s;}
.Top001700 .mobile_menu i::before,
.Top001700 .mobile_menu i::after{ content:''; left:0;transition:transform 0.3s;}
.Top001700 .mobile_menu i::before{top:-8px}
.Top001700 .mobile_menu i::after{top:8px;}
.Top001700 .mobile_menu#phone i{ background-color:transparent; border-bottom:0; box-shadow:none;}
.Top001700 .mobile_menu#phone i::before{ top:0; transform:rotate(45deg);}
.Top001700 .mobile_menu#phone i::after{ top:0; transform:rotate(-45deg);}
/*banner*/
 .Banner{position:relative;width:100%;overflow:hidden;height:60vw}
.Banner .slider{position:relative;width:100%;height:100%;margin:0;padding:0;list-style:none}
.Banner .slider li{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity 0.5s ease}
.Banner .slider li.active{opacity:1;visibility:visible}
.Banner .slider .w1200,.Banner .slider .w1200B,.Banner .slider .w1200C{width:100%;height:100%;margin:0 auto}
.Banner .slider img{width:100%;height:100%;object-fit:cover}
.bx-controls{position:absolute;bottom:15px;left:0;width:100%;text-align:center;z-index:10}
.bx-pager{display:inline-block;padding:8px 12px;background-color:rgba(0,0,0,0.3);border-radius:15px}
.bx-pager-item{display:inline-block;margin:0 6px}
.bx-pager-link{display:block;width:10px;height:10px;border-radius:50%;background-color:rgba(255,255,255,0.5);cursor:pointer;transition:background-color 0.3s ease}
.bx-pager-link.active{background-color:#fff;width:22px;border-radius:5px}
/*wzyhbanner*/
.wzyh_ban{ width:100%; background:#0A4B90;height:120px;}
.wzyh_ban li{width:100%; margin:0 auto;  } 
.wzyh_ban .slogen{width:80%; margin:0 auto; position:relative; top:40px; text-align:center}
.wzyh_ban .slogen .h2{line-height:25px;font-size:36px; color:#fff;}
.wzyh_ban .slogen .h3{margin-top: 14px;width: 96%; font-size:16px; line-height:30px; color:#fff;}

.slogen{padding-left:15px; width:100%; margin:0 auto; position:relative; top:30px; float:left;}
.slogen .h2{font-weight: 500; height:50px;line-height:50px;font-size:30px; color:#fff;letter-spacing:6px;}
.slogen .h3{margin-top: 14px; font-size:16px; line-height:40px; color:#fff;letter-spacing:3px; width: 95%;}
.ban1{ background:#004080}
.ban1 img{ float:right; margin-top:35px; right:15px;}
.w1200{ width:1200px; margin:0 auto;}
.ban2{background:#0051A2}
.ban3{ background:#00557D}
.ban4{ background:#00509F}
.ban5{ background:#000046}
.ban6{ background:#0E46AF}
.ban7{ background:#036A9C}
.index-title{text-align:center; font-size:16px; color:#666; height:100px;line-height:26px; }
.index-title span{display:block;font-size:26px; color:#333; margin-bottom: 5px;}

.about-title{text-align:center; font-size:16px; color:#666; height:70px;line-height:26px; }
.about-title span{display:block;font-size:26px; color:#333; margin-bottom: 5px;}

/* 产品 */
.h_pro_min{ width:100%;  margin:0 auto; clear:both;background:#f4f4f4;padding-top:10px; height:1160px}
.h_pro_box{ width:100%; margin:0 auto; padding-top:5px;}

.h_pro_lei{ width:98%; margin-left: 1%;  margin-top:10px;}

.h_pro_lei_02{width:99.5%; height:250px; float:left; background:#fff; border: #E2E2E2 0px 0px 15px; margin-bottom: 10px;}

.h_pro_lei_02z{ width:100%; height:30px;  text-align:center; margin-top:27px; overflow:hidden;}
.h_pro_lei_02z span{ font-size:22px; color:#252525;}
.h_pro_lei_02w{ width:94%; height:50px; float:left;overflow: hidden; border-bottom:1px #E1E1E1 solid;
border-top:1px #E1E1E1 solid; margin-left:13px; display:inline; margin-top:20px; padding-top:15px; color:#686868; padding-bottom:20px; text-align:center; line-height:32px;}
.h_pro_lei_02s{ width:50%; height:50px; float:left; text-align:center; color:#000; margin-top:10px;}
.h_pro_lei_02s span{ font-size:36px; color:#08548E;}
.h_pro_lei_02m{ float: right;}
.tpt-list-none{display: block;}
.h_pro_lei_02m a{color:#08548E;width:120px; height:33px; float:left; background-color:#f6f7f9;border:1px #E1E1E1 solid; text-align:center; margin-right: 10px; margin-top:18px; padding-top:7px;}

.section02{ overflow:hidden; width:98%; margin-left: 1%; margin-top:15px;}
.index-case{width:100%; margin-bottom:40px; margin:0 auto;}
.index-case .owl-carousel{padding-bottom:80px;}
.index-case .item{margin:0 !important;}
.index-case ul{padding-bottom:30px;}
.index-case ul li{width:48%; float:left; margin-bottom: 10px; margin-left:1%; margin-right: 1%; background-color:#fff; margin-bottom:15px;}

.index-case ul li .pic{display:block; width:100%; overflow:hidden; background-color:#eee; background-position:center center; background-repeat:no-repeat; position:relative;}
.index-case ul li .pic img{ width:100%;}
.index-case ul li .bg{display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; background-color:#000; filter:alpha(opacity=50); background-color:rgba(0, 0, 0, 0.5); visibility:hidden; opacity:0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.index-case ul li:hover .bg{visibility:visible; opacity:1;}
.btn-group{position:absolute; width:100%; height:100px; overflow:hidden; bottom:0px; -webkit-backdrop-filter: blur(10px); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-align:center;background:#ccc;}
.btn-group a{display:block;width:100%;height: 50px;line-height: 50px;margin-bottom: 1px;font-size: 12px;background-color: rgba(255, 255, 255, 0.8); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color:#000;}


.index-case ul li .pic img{width:100%; display:block; -webkit-transition: all .5s ease; transition: all .5s ease;}
.index-case ul li .pic:hover img{-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}
.index-case ul li .h2{padding:15px 15px; min-height:20px; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;background-color: #08548E;}

.index-case ul li:hover .h2 span,.index-case ul li:hover .h2 i{color: white;}
.index-case ul li:hover .h2:before{-webkit-transform: scaleY(1); transform: scaleY(1); height:auto\0;}
.index-case ul li .h2 span{font-size:16px; color:#fff; margin-right:10px; position:relative; z-index:5;-webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; height:0px\0;}
.index-case ul li .h2 i{font-size:12px; color:#999; position:relative; z-index:5;}

.sjzal{ margin:0 auto; clear:both; margin-top:10px; height: auto;}
.items1{ width:100%; margin:0 auto;}
.items1 .xcxal{ }
.items1 .xcxal p{ line-height:30px; text-align:center; margin-top:10px;}
.items1 .xcxal a{ color:#000;}
.items1 .xcxal img{ width:230px; height:450px;}

 .version-img{width:50%; float:left;position:relative;}
.version-img img{width:96%;}
.version-img .mask{background:rgba(0,0,0,.5);position:absolute;top:50px;right:25px;left:15px;bottom:95px;visibility:hidden;}
.version-img .hover-show{background:#fff;border-radius:2px;text-align:center;width:180px;margin:90px auto 0}
 .version-img .hover-show p{font-size:14px;color:#666;padding-bottom:14px}
 .version-img .hover-show img{width:140px;height:160px;padding:10px 0}
 .version-img:hover .mask{visibility:visible}
 
 /*关于远腾发展历程*/
.la_lichengUl{ padding:30px 0 0 0;}
.la_lichengUl ul{ border-left:4px solid #e2e2e2; margin:0 0 0 78px; padding:0 5px 0 5px; color:#666; font-size:12px; line-height:24px; }
.la_lichengUl ul li{ position:relative; padding:0 0 40px 0; }
.la_lichengUl ul h3{ height:50px; line-height:50px; position:absolute; left:-88px; top:-7px; background:#fff; width:66px;  }
.la_lichengUl ul h3 b{ font-size:18px; color:#333; font-weight:bold; }
.la_lichengUl ul h3 i{position:absolute; right:-5px; top:50%; margin-top:-6px; width:12px; height:12px; border-radius:6px; background:#008cd6; }

.la_lichengUl ul li.lan i{background:#008cd6;}
.la_lichengUl ul li.lvse i{ background:#a4c749; }
.la_lichengUl ul li.hong i{background:#e94448;}
.la_lichengUl ul li.huang i{background:#f6c100;}
 
 /*首页about*/
.iAbout{width:96%; margin-left: 2%; margin-top:15px; clear:both; }
.aboutInfo{text-align: center;line-height: 36px; color:#555; width:95%; margin:0 auto; font-size:16px;}
.about-time ul{display: flex;justify-content : space-between;text-align: center;margin-top: 63px;}
.about-time ul li span{color: #ff4343;font-size: 40px;font-family: Arial, "Helvetica Neue",Helvetica, sans-serif;margin-bottom: 20px; vertical-align: top;}
.about-time ul li em{font-size: 72px;font-weight: bold;}
.fbar{min-width: 98%; margin-left: 1%; padding: 20px 0; }
.fbar li{float: left; width: 33%;  text-align: center; height: 112px;}
.fbar li .img{height: 48px; line-height: 48px; overflow: hidden; margin-top: 10px; font-size: 48px; font-family: arial; font-weight: bold; color: #08548E;}
.fbar li .txt{margin-top: 16px;}

.h-navbg{ width:30px; height:30px; /*background:url(../images/m/navbg.png) no-repeat center #c75000;*/  background-size:70%; float:right; border:0px;border-radius:5px;margin-top:5px;}
.h-navlist{ height:auto; overflow:hidden;background:rgba(255,255,255,1);margin-top:10px;}
.h-navlist ul{ height:auto; overflow:hidden;}
.h-navlist ul li{ height:30px; line-height:30px;width:33.33%;float:left; overflow:hidden;}
.h-navlist ul li a{ font-size:14px; color:#fff; display:block;text-align:center;background:#13b27b;border:solid 1px #fff}
.index_focus {position: relative;width: 100%;
margin: 0 auto;overflow: hidden; height:120px; }
.index_focus .bd li {  display: none;}
.index_focus .bd li img{ width:100%; height:120px; }
.index_focus .bd ul{margin:0 auto; }
.index_focus_post {z-index: 10;}
.index_focus .pic { height: auto; display: block; }
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav { position: absolute; left: 35%;
bottom:8%;}
.index_focus .slide_nav a {cursor:pointer;float:left; font-size:28px;font-family: arial;color: #fff;padding:5px 10px;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none;color: #040f97;filter: alpha(opacity=100);opacity: 1;}
.index_focus_pre,.index_focus_next {display: none;position: absolute;top: 50%; margin-top: -36px; width: 72px;height: 72px; text-indent: 100%;white-space: nowrap;overflow: hidden; z-index: 10; background: url(ico_sliding.png) no-repeat;}
.index_focus_pre {left: 30px;background-position: 0 0;}
.index_focus_pre:hover {background-position: 0 -144px;}
.index_focus_next {right: 30px; background-position: 0 -72px;}
.index_focus_next:hover { background-position: 0 -216px;}

.newsbg{ width:100%; float:left ; clear: both;margin-top:15px;}

.newslist{width: 100%; overflow:hidden;}
.newslist li{width:94%; margin-left: 2%;; overflow:hidden; padding:2% 1%; float: left; border:1px solid #efeeee;  margin-bottom:10px;}
.newslist li .time{color:#555555; /*width:15%;*/ text-align: center; margin-top: 10px; float: left;}
.newslist li .time .d{font-size:40px; display:block; line-height: 1}
.newslist li .time .y{display:block;}
.newslist li .zi{width:79%; float: right;}
.newslist li .zi span{color:#484848; font-size:16px; margin-bottom: 10px; display: block;
height: 25px; overflow: hidden;}
.newslist li .zi span i{display: inline-block; width: 0px; height: 1px; background: #0166ce; vertical-align: middle;}
.newslist li:hover .zi span i{width: 15px;margin-right: 5px;}
.newslist li:hover .zi span{color: #0166ce}
.newslist li .zi p{color:#818181; height:40px; overflow: hidden;}

.footer1{background: #383838; width:100%; color: #888; height:250px; clear:both; float:left;}
.footer1 a{color: #888;}
.top-sct-zxrx{font-size: 14px; width: 90%; line-height: 25px; text-align: left; padding-left:2%; margin-top:15px; margin-bottom:35px;}
/*搴曢儴瀵艰埅*/
.float_footer{width: 100%; height: 50px; position: fixed; background:#06060b; bottom: 0; left: 0; right: 0; margin: auto; z-index: 999;}
.float_footer ul li{width: calc(100%/5); float: left; text-align: center; height: 45px; position: relative; padding-top:3px;}
.float_footer span{color: #fff; font-size: 12px; overflow:hidden; text-align:center; height:20px; line-height:20px;}
.float_footer .footimg{width:100%; float: left;}

.listcaidan{ width:98%; margin-left:1%; margin-right:1%;}
.listcaidan li{width:22%; float:left;font:normal 14px/30px ''; height:30px;background:#08548E; color:#fff; border-radius:8px; text-align:center;margin:0 1.5%; margin-bottom:10px;}
.listcaidan li a{color:#fff;}
.cl-ul{padding-top:10px; width:98%; margin-left:1%; margin-right:1%; margin-bottom:10px; height:auto; overflow:hidden}
.cl-ul li{width:99%;position:relative;overflow:hidden;float:left;z-index:0; margin-bottom:10px;border:1px solid #e3e3e3;}
.cl-ul li .imgs{overflow:hidden; position:relative; width:40%; float:left}
.cl-ul li .imgs img{display: block;width: 140px; height: 100px; padding:5px;}
.cl-ul li .txts{ overflow:hidden; width:60%; float:left; height:106px;}
.cl-ul li .txts .cons{width:100%; margin:0 auto; padding-top:10px; overflow:hidden;}
.cl-ul li .txts .h2{color:#333; font-size:16px; padding-left: 5px; height:30px; line-height:30px; margin-bottom:5px; overflow:hidden;}
.cl-ul li .txts .p{font-size:14px; color:#888888; line-height:24px; height:48px; overflow:hidden; width:96%; margin:0 auto}
.newsxia{/*width: 100%;*/ display: table; overflow:hidden; clear: both; margin-top: 10px; }
.newsxia li{width:97%;overflow:hidden; padding:2% 0; margin: 0 .5%; float: left;
	position: relative; border-bottom: 1px solid #efefef; padding: 5px; margin-bottom: 5px;}
.newsxia li h3{ color:#191919; font-size:16px; display: block;
height: 25px; overflow: hidden;} 
.newsxia li h3>i{ display: inline-block; width: 0px; height: 1px; background: #fff; vertical-align: middle; }
.newsxia li p{ color:#909090; height:40px; overflow: hidden; margin: 15px 0;}
.newsxia li span{color: #979797; display: block; background: url(biaobg.png) no-repeat center left;
padding-left: 20px;}
.newsxia li:hover:after{width: 100%;}
.newsxia li:hover h3>i{ width: 15px;margin-right: 5px;}
.newsxia li:hover {background: #0166ce; }
.newsxia li:hover h3{color: #fff;}
.newsxia li:hover p{color: #fff;}
.newsxia li:hover span{color: #fff;}
.newsxia li:hover span{background: url(biaobgh.png) no-repeat center left;}
.newsxia li, .newsxia li h3>i{transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out;}
.case-list {
	width:98%;
	display:table; margin-left: 1%;
	padding:40px 0 80px;
}
.case-list li {
	width:48%;
	float:left;
	background:#fff;
	margin-right:2%;
	margin-bottom:25px;
	transition:all ease .5s;box-shadow:0 0 25px 0 rgba(0,0,0,.15);
}

.case-list li a {
	width:100%;
	display:block;
}
.case-list li .img {
	width:100%;
	overflow:hidden;
	position:relative;
}

.case-list li .img img {
	width:100%; height: 211px ;
	transition:all ease .5s;
}
.case-list li .tbox {
	width:80%;
	padding:10px;
}
.case-list li .tbox .t1 {
	font-size:22px;
	line-height:24px;
	color:#222;
	margin-bottom:24px;
	transition:all ease .5s; height:24px; overflow:hidden;
}
.case-list li .tbox .t2 {
	font-size:14px;
	line-height:24px;
	color:#666;
	margin-bottom:10px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.case-list li .tbox .t3 {
	font-size:14px;
	line-height:24px;
	color:#999;
	background:url(icon38.png) 68px center no-repeat;
	transition:all ease .5s;
}

#post_content {padding:20px 20px;overflow: hidden;	background: #fff; width: 90%;}
#post_title {text-align: center;font-size:22px;line-height:30px;margin-bottom: 35px;color: #333;	word-break: normal}
#post_info {color: #221815;font-size: 16px}
#post_info_left div{	float: left; font-size:13px; margin-bottom:10px; margin-right:20px}
#post_info_left .hidden{ margin-left:20px;}
#post_source { width:823px;text-align:center; color:#333;}
#post_date {margin-right: 0!important}
#post_brief { clear:both;color: #6D6D6D;margin-top: 20px;line-height: 28px;font-size: 13px;	word-wrap: break-word;overflow: hidden;background: #F6FAFF;padding: 20px 40px;border-radius: 5px;	word-break: normal}
#post_description  {font-size: 14px;line-height:30px;overflow: hidden;/*margin-bottom:10px;padding:20px 0;*/color: #333; }


.flexslider {margin: 0; padding: 0; height:auto; overflow:hidden}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;list-style-type: none;}
 /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.warp-tit{
    text-align: center;
    font-weight:normal;
    font-size: 20px;
    color:#13b27b;height:30px; line-height:30px; margin-top:10px;
}

.warp-tit1{
    text-align: center;
    font-weight:normal;
    font-size: 20px;
    color:#13b27b;height:30px; line-height:30px;
}

.warp-tit span{
    color:#262727;
    font-weight: normal;
}
.warp-tit font{
    color:#EA6A26;
    text-transform: uppercase;
}

.warp-tit1 span{
    color:#262727;
    font-weight: normal;
}
.warp-tit1 font{
    color:#EA6A26;
    text-transform: uppercase;
}

.warp-fonts{
    text-align: center;
    font-size: 12px;
    color:#666;
    margin-bottom: 10px; margin-top:10px;
}.plans-imgs{
    width: 100%;
    overflow: hidden;
}
.plan{
    width: 50%;
    height: 100px;
    float:left;
    margin-bottom: 8px;
}

.plan-img{
    width: 98%;
    height: 100px;
    margin: 0 1%;
    font-size: 14px;
    color:#fff;
    text-align: center;
}


.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
}.hovereffect .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    text-align: center;
    background: #000;opacity: 0.6; padding-top:30px;
}
.hovereffect .overlay a{ color:#fff; font-size:16px;}
.hovereffect img {
   
    max-width: 100%;
    width:100%; height:100px;
}.keys{
    width: 100%; margin:0 auto;
    overflow: hidden;
    /*margin:0 -1%;*/
}

.keys li{
    float:left;
    width: 48%;
    margin:0 1%;
	margin-top:10px;
}
.keys li p{
    font-size: 14px;
    color:#262727;
    line-height: 32px;
    text-align: center;
}

.keys li p a{ color:#333;}

.keys li img {
    width: 100%; height:120px;
}


.keys li:hover{transform: scale(1.1)}.advantage{
    width: 98%;
    padding: 5px 0 0px 0;
}
.advant{
    width: 100%; 
    padding-bottom: 25px; margin-bottom:20px;

}
.advant-left{
    width: 100%;
    float:left; 
}
.warning-img{
    margin-top: -20px;
	max-width: 100%;
}
.adv-num{
    display: inline-block;
    width: 35px;
    height: 35px;
    background: #EA6A26;
    font-size: 28px;
    color:#fff;
    text-align: center;
    border-radius: 50%;
    margin-right: 10px; line-height:35px;
}
.advant-tit{
    font-size: 18px;
    color:#13b27b;
    margin-bottom: 5px; margin-top:5px;
}
.adv-fonts{
    font-size: 14px;
    color:#272727;
    margin-bottom: 0; line-height:25px;
}
.advant-right{
    width: calc(100% - 860px);
    float:right;
    padding-left: 40px;
}
.advant-right img.comp{
    height: 254px;
}
.news-right {
    width: 100%; margin-top:15px;
}
.font-16{ font-size:14px; height:40px; line-height:40px;}
.font-16 span{ float:right}

.list-day {
   
    float: left; text-align:center; 
   height: 73px;
   width: 20%; padding-top:10px; padding-left:3px; color:#fff
  
}

.news-list-detial {
     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 25px;
    color: #fff; font-size:12px; 
}

.news-list {
   
    height: 73px;
    margin-bottom: 15px;   background: url(red.png) no-repeat;    background-color: rgba(0, 0, 0, 0.8);


}
.news-list-title{ color:#fff}
.list-con {
    width: 73%;
    margin-right: 2%; float:right;
}.font-28 {
    font-size: 28px ; padding-top:15px;
}


.top-right-content .right-detial {
    line-height: 20px;
}



.news-list:last-child {
    margin-bottom: 0;
}




.news-list:hover {
 background: url(red.png) no-repeat;    background-color: rgba(0, 0, 0, 0.8);
    color: #fff !important;
}

/*栏目标题 带英文*/
.b-title{ height:auto; overflow:hidden; background:url(../images/d.jpg) repeat-x center; width:60%; margin:10px auto; font-weight:bold}
.b-title-txt{ width:60%; margin:0 auto; background:#fff; text-align:center; font-size:15px; color:#006011}
.b-title-txt span{ display:block; font-size:12px; color:#ff916b}



.b-ads{ height:auto; overflow:hidden; width:80%; margin:0 auto; text-align:center}
.b-ads img{ max-width:45%; height:80px;}

.b-content{font-size:12px;  line-height:25px; padding:10px;}
a.mbut{ display:block; width:30%; margin:15px auto; text-align:center; font-size:11px; color:#fff; background:#13b27b;border-radius:5px}

/*产品展示列 图片+标题*/
.b-prolist{ height:auto; overflow:hidden;}
.b-prolist ul{ height:auto; overflow:hidden}
.b-prolist ul li{ width:46%; float:left; margin-left:2%; margin-right:2%; margin-bottom:10px; text-align:center; height:120%;}
.b-prolist ul li img{ width:100%; height:120px;}
.b-prolist ul li a{ color:#666}

/***图片加文字加摘要 每行1个***/
.b-clist{ height:auto; overflow:hidden;}
.b-clist ul{height:auto; overflow:hidden; margin:2%;}
.b-clist ul li{ width:90%; height:90%; overflow:hidden; border:solid 1px #eee; padding:4%;border-radius:3px; margin:5px auto}
.b-clist ul li img{width:100%; height:70%;}
.b-clist ul li h3{ display:block; height:30px; line-height:30px; overflow:hidden; margin:10px 0px 0px;}
.b-clist ul li h3 a{ font-size:13px; color:#666;}
.b-clist ul li p{ font-size:10px; color:#999;}




/***图片横条，装饰用***/
.b-imgline{ height:auto; overflow:hidden; padding:1px; background:#fff;border: 4px solid #f2f2f2; position:relative}
.b-imgline img{ width:100%; height:100%; }

.b-imgline span{ display:block; position:absolute; height:auto; overflow:hidden;top:18px; font-size:16px; color:#13b27b; font-weight:bold; left:30px}
.b-imgline span em{ display:block; font-size:11px; font-weight:normal;text-transform:uppercase}








.next-prev-single{ padding:20px; color:#444; font-size:12px; overflow:hidden;  display:block}
.next-prev-single p{ height:auto;overflow:hidden; display:block; margin:10px 0px}
.next-prev-single p a{ color:#428bca; text-decoration:none;}
.c_imgbox{ height:auto; overflow:hidden; margin:30px 0px; text-align:center; width:90%; margin:30px auto;}
.c_imgbox img{width:100%;text-align:center}


.fudong{ height:40px; overflow:hidden; background:#01539D; position:fixed; bottom:0px; width:100%; border-top:solid 2px #F00;padding:5px 0px; z-index:9999}
.fudong ul{ height:40px; overflow:hidden;}
.fudong ul li{ width:25%; float:left; height:40px; overflow:hidden; text-align:center;}
.fudong ul li a{ display:block; height:40px; font-size:12px; color:#fff;}
.fudong ul li img{ width:20px; height:20px;}
.fudong ul li em{ font-weight:bold; color:#fff; font-size:12px;}
.b-content1{font-size:12px; color:#666; line-height:25px; padding:10px; margin-bottom:20px;}
.b-content1 li{ width:30%; float:left;}


.pro_list{background:url(pro_bg.jpg) repeat;}
.pro_list_juzhong,.cloth_intro_juzhong{width:100%;margin:0 auto;overflow:hidden;padding-top:40px;}
.pro_list_juzhong{position:relative;}
.title{text-align: center;width: 100%;padding-bottom: 30px;} .title h3{font-size: 28px;font-weight: normal;display: block;line-height: 30px;background: url(title.png) no-repeat center; color:#d9b561} .title p{color: #717171;font-size: 16px;text-transform: uppercase;font-weight: normal;padding-top: 20px;} .title h3 b{display: inline-block;font-weight: normal;color: #333;} 


.newsnav2{overflow:hidden; padding-bottom:2%; margin: 0 auto; display: table; width:96%}
.newsnav2 li{font-size: 16px; color: #9e9894; float:left;background: #2B2B2B; border-radius:20px; width:44%; margin-left:3%; margin-right:3%; margin-bottom:10px; }
.newsnav2 li a{display:block;padding: 6px 18px; font-size:16px;color: #9e9894;font-weight:normal}
.newsnav2 li.cur,.newsnav2 li:hover{ color:#d9b561;}

.icase { width:96%; margin:0 auto}
.icase li{float: left;margin-right: 2%;margin-bottom: 21px;width: 49%;} .icase li:nth-child(2n){margin-right:0px;} .icase li a.img{width: 100%;overflow: hidden;display: block;position: relative;cursor: pointer;} .icase li .img img{width:100%;height: 260px;transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;} .icase li .img .on{width: 100%;height: 100%;background: rgba(0,0,0,0);position: absolute;left: 0;top: 0;opacity: 0;filter: Alpha(opacity=0);
*zoom:1;-webkit-transform: rotateX(180deg) scale(0.5, 0.5);transform: rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s} .icase li .img .on i{width: 65px;height: 65px;background-position: -150px -147px;position: absolute;left: 50%;top: 50%;margin-top: -32px;margin-left: -32px;} .icase li .p{background: #333;color: #9e9894 ;display: block;width: 100%;height: 50px;line-height: 50px;font-size: 16px;text-align: center;} .icase li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);} .icase li:hover .on{opacity: 1;filter: Alpha(opacity=100);-webkit-transform: rotateX(0deg) scale(1, 1);transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, 0.3);}.icon{background: url(icon.png) no-repeat; display: inline-block; vertical-align: middle;}

/*brand*/
#design{ background:url(liucheng_bg.jpg) ; height:770px;}
#design_center{width:94%; margin:0 auto; padding-top:40px;}

#left-br{width:100%; float:left; font-family:Microsoft YaHei; clear:both}
#brand{width:94%; margin-top:10px; overflow:hidden;}
#brand #position{width:100%;overflow:hidden;padding-top:8px;background:#232323;padding-bottom:8px;}
#brand #position span,#brand #style span{width:10px; float:left; font-size:22px; margin-left:15px; color:#b3b3b3; margin-top:5px;}
#brand #position h4,#brand #style h4{width:100px; float:left; font-size:22px; color:#9e9894; margin-top:5px;}
#brand #position h5,#brand #style h5{width:200px; float:left; font-size:16px; color:#9e9894; margin-top:10px;}
#brand #think h6,#brand #think h5,#brand #lis h6,#brand #lis h5{font-weight:normal; font-size:16px; color:#9e9894;}
#brand #think span,#brand #lis span{color:#9e9894;}
#brand #think h6,#brand #lis h6{padding-top:10px; font-size:14px;}
#brand #think h5,#brand #lis h5{margin-top:-15px;}
#brand #style{width:100%;overflow:hidden;padding-top:8px;background:#232323;padding-bottom:8px;}
#brand #lis h5{text-indent:30px;}
#right{width:100%; margin-top:40px;}
#right img{width:100%; margin-top:40px;}
.indnews{padding: 40px 0 40px 0; background: url(praise_bg_03.jpg) repeat;}
.newsBox{width: 96%;overflow: hidden;position: relative; margin:0 auto}
.newsBox li{border-bottom: 1px solid #666;padding: 11px 0 0;position: relative;}
.newsBox li:first-child{padding-top: 0;}
.newsBox li a{display: block;padding-bottom: 10px;}
.newsBox li a:hover{ color:#d9b561}
.newsBox li h3{font-size: 18px;color:#9e9894; font-weight:normal}
.newsBox li p{font-size: 14px;line-height: 23px;height: 50px;color:#8C837D;p}

.newsBox li em{width: 80px;height: 15px;display: inline-block;background-position: -304px 0;
+display: inline; font-size:13px;color: #9e9894; float:right;
*zoom: 1;}
.newsBox li:before{position: absolute;bottom: -1px;left: 0;height: 1px;content: "";width: 0;background: #d9b561;transition: width .6s ease-out; }
.newsBox li:hover:before{width: 100%;}

.iabout{width: 100%; background: url(enter_bg_03.jpg) repeat-x; padding-top:40px; padding-bottom:15px;}
.iabout .txt{width: 90%;display: block; background: #979892 ; padding: 10px; margin:0 auto;}
.iabout .txt p{color: #605F5D; line-height:30px; text-indent:2em;}
.iabout .txt span{width: 154px;height: 34px;line-height: 34px;text-align: center;display: block;border: 1px solid #605F5D;margin-top: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;cursor: pointer;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s; color:#605F5D}
.iabout .txt span:hover{background: #d9b561;color: #605F5D;}


.footer_main{width: 100%;padding-bottom: 65px; background:url(footer_bg_02_02.jpg);color: #fff; height: 290px;}
.footer_main .footer{padding-top: 10px;}
.footer_main .qcode{width: 100%; }
.footer_main .blogo{width: 90%;line-height: 28px; margin:0 auto;}
.footer_main .blogo img{display: block;margin: 0 auto 8px;max-width: 100%;max-height: 60%;}
.footer_main .blogo .p1{color: #999;}
.footer_main .blogo .p2{font-family: "GrayDesign Regular", "arial, helvetica, sans-serif";font-size: 30px;color: #d9b561;padding-bottom: 18px;}
.footer_main .blogo .p3{color: #999;line-height: 22px;}
.footer_main .blogo a{color: #999;}


#welcome_bg{height:35px; background:#01539D;overflow:hidden }
#welcome_center{width:96%; margin:0 auto;}
#welcome_center #visit{ color:#FFF; float:left; font-size:14px; line-height:35px;}


#flag{height:110px;}
#flag  img { height:40px; padding-top:15px; float:left; padding-left:5PX;}

 #order{float:right;}
#order p{color:#9e9894; font-size:20px; float:right; font-family:Microsoft YaHei; margin-top:25px;}
 #phone{margin-top:20px;}
 #phone #icon img{position: absolute;
    top: 85px;
    margin-left: -55px;
    width: 45px;}
 #phone h2{color:#01539D; 
    padding-right: 10px;float:right; font-size:20px; font-family:Microsoft YaHei;}
 #phone h2 a{color:#01539D; }

.nav_main{width: 100%;height: 80px;line-height: 40px;background:#01539D;position: relative;z-index: 10;}
#nav ul{margin: 0 auto;width: 100%;}
#nav li{float: left;width: 25%;display: block;list-style: none;font-size: 14px;text-align: center;line-height: 40px;position: relative;margin: 0;background: url(nav_line.png) no-repeat right center;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
#nav li:last-child{background: none;}
#nav li a{display: block;text-align: center;position: relative;color: #fff;height: 40px;border: 1px solid;}
#nav li:hover a, #nav li.hover a{color: #000;}
#nav li:hover, #nav li.hover{background: #d9b561 url(nav_line.png) no-repeat right center;}
#nav li:last-child:hover, #nav li:last-child.hover{background: #d9b561;}
.submian {
    padding-bottom: 30px;
  
}.daohang{width:100%; height:40px;line-height:40px; text-align: center;  background-color:#f8f8f8; color: #9e9894; font-size:16px;}
.box1{width:93%; padding-left:5%; z-index: 11; overflow:hidden;}
.box1 a{width:28%; margin-right: 3%; height: 40px; line-height:40px; color:#9e9894; border: 1px solid #9e9894; font-size:14px; text-align: center; display: block; float: left; margin-top:10px; margin-bottom:5px;}

/***内页分类导航***/
.b-nclist{ height:auto; overflow:hidden; text-align:center; padding:5px;}
.b-nclist a{display:block; width:20%;height:25px;line-height:25px; overflow:hidden; font-size:12px; color:#666; border:solid 1px #ddd;border-radius:3px; margin:5px 5px 5px;float:left}
.b-nclist a.hover{ background:#13b27b; color:#fff}

/**内容排版**/
.b-ncontent{ height:auto; overflow:hidden; width:92%; margin:20px auto; font-size:13px; color:#444; line-height:26px;}
.b-ncontent img{ max-width:100%; text-align:center}

.head-bar{width:100%;height:40px;line-height:40px;overflow:hidden;background:#666;color:#9e9894}
.nav{padding:0 10px 20px 32px;height:24px;line-height:24px;background:url('ico-nav.png') no-repeat 10px 3px;font-size:14px; margin-top:10px;}
.nav i{font-style:normal;font-weight:bold;color:#9e9894;padding:0 6px;font-family:simsun;}
.nav a{color:#9e9894;}
.t20{  margin-top:20px;}


/*新闻列表*/
.b-nlist{ height:auto; overflow:hidden}
.b-nlist ul{ height:auto; overflow:hidden; margin:0px 10px 10px }
.b-nlist ul li{ height:30px; line-height:30px;  padding-left:5px; border-bottom:dashed 1px #9e9894; margin-bottom:5px;}
.b-nlist ul li em{ float:right; font-size:12px; color:#9e9894; padding-right:5px;}
.b-nlist ul li a{ font-size:12px; color:#9e9894;}



/*详情页*/
.n-nrbox{ height:auto; overflow:hidden; margin:30px 0px;}
.meta{ margin:0px 0 0 0; padding:0 0 15px 0; border-bottom:1px solid #f0f0f0; text-align:center }
.meta:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
.meta h1{ margin:0; padding:0 5px 10px 0; color:#9e9894; font-size:16px; line-height:30px; }
.meta .meta-info{ color:#999; font-size:12px; line-height:24px; padding:0px 10px; }
.meta .meta-info span{ margin-right:5px; padding-left:20px; color:#777; background:url(../images/sprite.gif) no-repeat; }
.meta .meta-info .time{ background-position:left -156px; }
.meta .meta-info .view{ background-position:left -32px; }
.meta .meta-info .comm{ background-position:left 4px; }
.next-prev-single{ padding:20px; color:#444; font-size:12px; overflow:hidden;  display:block}
.next-prev-single p{ height:auto;overflow:hidden; display:block; margin:10px 0px}
.next-prev-single p a{ color:#428bca; text-decoration:none;}
.c_imgbox{ height:auto; overflow:hidden; margin:30px 0px; text-align:center; width:90%; margin:30px auto;}
.c_imgbox img{width:100%;text-align:center}


.index_zyyw{ width:100%; background:#efefef; height:1050px;}
.sec_02 {clear:both;  padding:40px 0; 
}
.sec_02 ul{ width:96%; margin:0 auto; }
.sec_02 ul li {
	float: left;
	width: 44%;
	display: block;
	overflow: hidden;
	margin-top: 10px;
	position: relative; margin-right:2%; background:#fff; padding:2%;
}.sec_02 ul li .img{   width: 100%;
    text-align: center;
    margin: 0 auto;
    height: 80px;}
.sec_02 ul li .img img{ width: 100%;
    height: 80px;}
.sec_02 ul li h3 {
	 text-align: center;
	font-size: 18px;     padding-top: 15px;
}
.sec_02 ul li h4 {
	 text-align: center;
	font-size: 16px; font-weight:normal;
}
.sec_02 ul li span{font-size: 18px; line-height: 28px; text-align: center;   }
.sec_02 ul li p{font-size: 14px; line-height: 24px; text-transform: uppercase;text-align: center;    padding-top: 10px; }
.fs{color: rgb(90, 90, 90); font-family: Arial, 宋体, Helvetica, sans-serif, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; line-height: 140%; text-align: center;font-size: 18px; line-height: 24px; text-transform: uppercase; color: rgb(255, 255, 255);}
.xfdz_tit{   display: block;
    text-align: center;
    font: 14px/40px "微软雅黑";
    color: #999;    line-height: 50px;
    text-transform: uppercase;
    letter-spacing: 1px; }.bt2{ width:70px; border-bottom:4px solid #d42216; margin: 0 auto; border-radius:10px; margin-top:10px;}
.xfdz_tit_1{font-size: 28px; line-height: 28px;text-align: center; color: #333;font-family: 微软雅黑;}
.anli_tit{ font-family: Arial, 宋体, Helvetica, sans-serif, Verdana; text-align: center; font-style: normal; font-variant: normal;font-family: 微软雅黑; font-size: 20px; line-height: 42px; text-transform: uppercase; color:#01539D;}
.anli_tit_1{font-size: 24px; line-height: 28px;text-align: center; font-style: normal; font-variant: normal; color:#01539D; font-weight:bold}
.gcyj{ width:96%; margin:0 auto; margin-top:20px;}


.ipro {
	position: relative;
	overflow: hidden; margin-top:25px; margin-bottom:5px;
}
.ipro .list {
	width: 108%;
}
.ipro .item {
	float: left;
	width: 46%;
	display: block;
	height: 160px;
	overflow: hidden;
	margin-bottom: 20px;
	position: relative; margin-right:3%;
}
.ipro .item a {
	display: block;
	position: relative;
	width: 100%;
	height: 160px;
}
.ipro .item img {
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	width: 100%;
	height: 120px;
	display: block;
}
.ipro .item:hover img {
	transform: scale(1.06, 1.06);
}
.ipro .item span {

	font-weight: normal;
	font-size: 16px;
	height: 40px;
	line-height: 40px;color:#333;    background: #efefef;display: block;text-align: center;
    padding-left: 5px;
    padding-right: 10px;
}

.ipro .item h3 { text-align:center;
	font-weight: normal;
	font-size: 16px;
	height: 40px;
	line-height: 40px;color:#333;    background: #efefef;display: block;   padding-left: 5px;
    padding-right: 5px;
}

.ipro .item:hover span {
background:#138CDB; color:#fff
}


.main6{width: 100%;}
.main6_1{width: 100%;padding:0;margin: 0 auto;background-color: #01539D; height:440px;}
.main6_11{width: 90%; margin:0 auto;}
.main6_11 h3{font-size: 30px;color: #F0F0F0;line-height: 1;padding: 30px 0 10px; font-weight:normal;}
.main6_11 h2{font-size: 24px;color: #F0F0F0;line-height: 1; font-weight:normal}
.main6_11 span{display: block;width: 40px;height: 2px;background-color: #F0F0F0;margin: 23px 0 12px;}
.main6_11 p{font-size: 14px;color: #F0F0F0;line-height: 30px;margin-bottom: 25px;}
.main6_11 a{display: block;width: 118px;height: 38px;border: 1px solid #F0F0F0;font-size: 16px;color: #F0F0F0;text-align: center;line-height: 38px;margin: 0px 0 0;}
.qywh {
    width: 100%;
    margin: 20px auto;  border-top:1px solid #dbdbdb; clear:both; height:250px;
}
.t25{  width:90%; margin:10px 20px auto;  }
.t25 p{ width:90%; float:left; line-height:40px; height:40px; }
.t25 span{ font-size:16px; color:#01539D; font-weight:700}
.t25 strong{ color:#808080;font-size:16px; font-weight:normal}
.main6_11 a:hover{border: 1px solid #F0F0F0;background-color: #F0F0F0;color: #0068b7;}

/*wzjsys*/
.wzjsys {width:100%; background:url(bg.jpg);clear:both;overflow:hidden; margin-bottom:20px;}
.wzjsys_n {width:100%;margin:0 auto;margin-top:25px;}
.wzjsys_n ul {width:100%;margin:0 auto;}
.wzjsys_n li {width:45%;float:left;margin-left: 2%; margin-right: 2%;}
.wzjsys_n li img {margin-left:65px;width:58px;}
.wzjsys_n h3 {width:100%;height:40px;margin:0 auto;line-height:40px;text-align:center;font-size:18px;color:#fff; font-weight:normal; margin-top:5px;}
.wzjsys_n p {width:100%;height:50px;margin:0 auto;line-height:50px;text-align:center;font-size:26px;color:#fff; font-weight:bold}


.w200{ width:80%; margin:0 auto;}
.ewm{width:48%; float:left; margin-top:8px;  }
.ewm p{ display:block; width:130px; height:40px; font-size:14px; line-height:40px; float:left; color:#969595;text-align:center;margin-left: 12px;}

 .ewm span img{width:130px; height:130px; display:block; margin-left:12px;}
 
 .ewm1{width:48%; float:right; margin-top:8px;  }
.ewm1 p{ display:block; width:130px; height:40px; font-size:14px; line-height:40px; float:left; color:#969595;text-align:center;margin-left: 12px;}

 .ewm1 span img{width:130px; height:130px; display:block; margin-left:12px;}
 
 
 /*-- news-grids --*/
.news-grids{padding: 3em 0 4em;}
.news-grids h3{color:#2C3E50;text-transform:uppercase;padding-top:10px; font-weight:normal   }.news-grids h3 a{ color:#337ab7; font-size: 24px; font-weight:500;}
.news-grids h6{ text-transform:uppercase;font-weight:normal}
.news-grids .title{ background:url(title_bg.png) no-repeat center bottom; width:208px;height:70px; margin:0 auto 20px;}.text-center {
    text-align: center;
}
.news-grids h5{ color:#173654; font-weight:normal;  font-size: 14px;}
.news-grids p{ color:#959595; line-height: 20px; font-size:14px;}
.news-grids .media-left img{ width: 128px; height: 110px;}
.news-grids .list-group{}
.news-grids .list-group li{ background:url(dot.png) no-repeat left center;position:relative;display:block;padding:0 15px; line-height:38px; border:none; overflow:hidden; }
.news-grids .list-group li a{ color:#173654; font-size:14px; float:left;    line-height: 38px;  }
.news-grids .list-group li span{ float:right; font-size:14px; }
.news-grids  .media{margin:15px 0 15px; }
.media-list{margin-top:40px}
.media{border-bottom:1px dotted #ddd;margin-bottom:25px;padding-bottom:10px;}
.media-left{padding-right:10px; float:left;}
.media-left img{width:135px;height:88px}
.media-body{font-size:14px;margin:10px 0}
.media-body a{color:#26405b; word-break:keep-all; whitewhite-space:nowrap; overflow:hidden;  text-overflow:ellipsis;}
.media-body p{line-height:26px;font-size:14px; color:#9a9a9a;}
.media-list  li{border-bottom:1px dotted #ddd;margin-bottom:25px;padding-bottom:10px; height:90px}
.media-list .date{ color:#26405b; text-align:center; line-height:33px; border-right:1px solid #26405b; margin-right:25px; padding-top:10px;padding-bottom:10px;}
.media-list .date span{ display:block; border-bottom:1px solid #26405b;font-size:14px;}
  .col-md-6 {
    width: 96%; float:left; position: relative;
  min-height: 1px;
  padding-left: 2%;
  }.container {
    width: 100%; margin:0 auto;
}
.col-md-1 {
    width: 8.33333333%; float:left
}



.title_hy {
	width: 100%;
	height: 35px;
	line-height: 22px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
	padding: 9px 0; clear:both;
}
.title_hy h3 {
	font-size: 20px;
	font-weight: bold;
	color: #01539D; line-height:20px;
}
.title_hy h3 s {
	width: 4px;
	height: 22px;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	background: #01539D;
}
.title_hy a {
	color: #575757;
	margin-right: 10px;
	margin-top: 0;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.title_hy a:hover {
	margin-right: 0;
}
.fr {
    float: right;
}

/*关于我们*/
.t2{margin:0; clear:both }
.bt1{ font:36px/56px "微软雅黑"; color:#333; text-align: center;}
.block64{ height:30px;}
.bt3{ display:block; text-align:center; font:16px/40px "微软雅黑"; color:#999; text-transform:uppercase; letter-spacing:4px;}
.jj_box{ width: 100%; margin:0 auto; }
.jj_ps{ width: 100%; overflow: hidden;  }
.jj_ps img{ width: 100%;  overflow: hidden; }
.jj_ps p{ font:16px/28px "微软雅黑"; color:#333;    padding: 10px;}