@charset "utf-8";*{margin:0;padding:0}a{text-decoration:none;color:#444;font-family:"arial","微软雅黑"}html{width:100%;height:100%;overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;overflow-scrolling:touch}html.ns{overflow:hidden}body{color:#535353;font-size:14px;font-family:"arial","微软雅黑";background:#fff;width:100%;height:100%;overflow:hidden;position:relative}a,body{font-family:"微软雅黑"/9;-webkit-tap-highlight-color:rgba(0,0,0,0)}img{border:0}ol,ul,li{list-style:none}dl,dt,dd,ul,li{margin:0;padding:0}input,textarea{outline:none}html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}i{font-style:normal}.fl{float:left}.fr{float:right}.clear{clear:both}.wrap{width:96%;margin:0 auto}.pd5{padding:5px}.pd10{padding:10px}.pd20{padding:20px}
.menu_open,.search_open,#menu ul li a i,.tel i,.mail i,.mai i,.qq i,.back i{background:url('../images/wap_icons.png') no-repeat;background-size:500px 500px}
#header{background:#fff;height:50px;overflow:hidden;position:relative;width:100%;z-index:999;left:0px;top:0; border-top:#0ba7e2 4px solid;-moz-box-shadow: 0px 0px 6px #ccc;-webkit-box-shadow: 0px 0px 6px #ccc;box-shadow:0px 0px 6px #ccc;}
#header .wrap{position:relative;overflow:hidden}
.logo{ float:left;width:150px;height:35px; margin-left:50px; margin-top:8px}
.logo a{display:block}
.logo img{display:block; height:35px;}
#header i{display:block;width:33px;height:32px;position:absolute}
#header .menu_open{background-position:-107px -441px;left:0;top:10px}
#header .search_open{top:10px;right:0;background-position:-157px -441px; display:none;}

#menu{height:100%;position:fixed;top:0;left:0;width:0px;overflow:hidden;background:#323436;visibility:hidden;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s}
#menu.push{visibility:visible;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
#container{width:200px;position:relative;top:0;left:0px;width:100%;overflow-x:hidden;overflow-y:auto;height:100%}
#content{position:relative;overflow:hidden;padding-bottom:50px}
#container{-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:-moz-transform 0.3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:-o-transform 0.3s cubic-bezier(0.165,0.84,0.44,1);transition:transform 0.3s cubic-bezier(0.165,0.84,0.44,1)}
#container.push,#us_panel.push{-webkit-transform:translateX(250px);-moz-transform:translateX(250px);transform:translateX(250px);-moz-box-shadow:-3px -3px 6px rgba(0,0,0,0.8);-o-box-shadow:-3px -3px 6px rgba(0,0,0,0.8);-webkit-box-shadow:-3px -3px 6px rgba(0,0,0,0.8);box-shadow:-3px -3px 6px rgba(0,0,0,0.8)}
#header.push{-webkit-transform:translateX(250px);-moz-transform:translateX(250px);transform:translateX(250px);-moz-box-shadow:-3px -3px 6px rgba(0,0,0,0.8);-o-box-shadow:-3px -3px 6px rgba(0,0,0,0.8);-webkit-box-shadow:-3px -3px 6px rgba(0,0,0,0.8);box-shadow:-3px -3px 6px rgba(0,0,0,0.8)}
#header.pull{-webkit-transform:translate3d(-250px,0px,0px);-moz-transform:translate3d(-250px,0px,0px);transform:translate3d(-250px,0px,0px);-moz-box-shadow:3px -3px 6px rgba(0,0,0,0.8);-o-box-shadow:3px -3px 6px rgba(0,0,0,0.8);-webkit-box-shadow:3px -3px 6px rgba(0,0,0,0.8);box-shadow:3px -3px 6px rgba(0,0,0,0.8)}
#container.pull,#us_panel.pull{-webkit-transform:translate3d(-250px,0px,0px);-moz-transform:translate3d(-250px,0px,0px);transform:translate3d(-250px,0px,0px);-moz-box-shadow:3px -3px 6px rgba(0,0,0,0.8);-o-box-shadow:3px -3px 6px rgba(0,0,0,0.8);-webkit-box-shadow:3px -3px 6px rgba(0,0,0,0.8);box-shadow:3px -3px 6px rgba(0,0,0,0.8)}
#menu{width:250px;height:100%;position:fixed;top:0px;left:0; }
#menu ul li{display:block;height:30px;line-height:30px;border-bottom:1px solid #44474a;overflow:hidden;background-color:#323436;-webkit-transition:background 0.3s ease-out;-moz-transition:background 0.3s ease-out;-o-transition:background 0.3s ease-out;transition:background 0.3s ease-out}
#menu ul li a{display:block;width:100%;height:23px;color:#fff;overflow:hidden; padding-top:7px;border-left:5px solid #1d1d1d}
#menu ul li a b{width:16px;height:16px;background-position:0px -55px;display:block;float:right;margin-right:6px;opacity:0.2}
#menu ul li a i{display:block;width:16px;height:16px;float:left;background-position:0px -56px;margin-left:20px;opacity:0.6}
#menu ul .menu_cur a i{opacity:1}
#menu ul .menu_cur a{
border-left:5px solid #64c400}
#menu ul li a span{display:block;height:16px;line-height:16px;float:left;margin-left:15px}
#menu ul li:hover,#menu ul .menu_cur{background-color:#1d1d1d}
#menu ul .nav_index a i{background-position:-7px -17px}
#menu ul .nav_site a i{background-position:-7px -67px}
#menu ul .nav_about a i{background-position:-8px -117px}
#menu ul .nav_inspire a i{background-position:-8px -167px}
#menu ul .nav_help a i{background-position:-8px -217px}
#user{width:250px;height:100%;position:fixed;top:0px;right:0;visibility:hidden;background-color:#323436;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s; }
.search_wrap{overflow:hidden;position:relative;width:240px;height:35px;margin:0 5px;-o-border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;margin-top:12.5px;background-color:#fff;}
#user.pull{visibility:visible;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
#menu.pull{visibility:hidden}
#container.push .push_msk{visibility:visible}
#container.pull .push_msk{visibility:visible}
 
#user_menu{}
#user_menu h1{font-size:18px; font-weight:bold; color:#fff; font-family:"微软雅黑"; height:49px; line-height:50px; padding-left:20px;border-bottom:1px solid #4a4c4e}
#user_menu li{height:42px;border-bottom:1px solid #4a4c4e}
#user_menu li a{display:block;height:42px; line-height:42px; padding-left:20px;}
#header{-webkit-transition:all 0.3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all 0.3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all 0.3s cubic-bezier(0.165,0.84,0.44,1);transition:all 0.3s cubic-bezier(0.165,0.84,0.44,1)} 
#user{background-color:#323436}
.blank10 { clear:both; height:10px; display:block; overflow:hidden;}
.blank15 { clear:both; height:15px; display:block; overflow:hidden;}
.search_input{ padding-left:15px;height:35px;line-height:35px;display:block;width:155px;border:none;color:#6c6c6c;background:none; float:left;}
input.bd_img { float:right; width:40px; height:35px; background:url(../images/30.png) no-repeat center;}
.reset_input{width:20px;height:35px;position:absolute;display:block;top:10px;right:10px;display:none}
.reset_input i{display:block;width:16px;height:16px;background:url('../images/wap_icons.png') no-repeat -30px -55px;background-size:500px 500px;position:absolute;top:12.5px;right:10px;opacity:0.4;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.list_loading{height:16px;padding:20px 0 30px;text-align:center}
.list_loading i{height:16px;width:16px;display:inline-block;background:url('../images/wap_icons.png') no-repeat -288px -16px;background-size:500px 500px;margin-right:10px;vertical-align:middle;-webkit-animation:loading 1s infinite linear;-ms-animation:loading 1s infinite linear;-o-animation:loading 1s infinite linear;-moz-animation:loading 1s infinite linear;animation:loading 1s infinite linear}
.list_loading span{height:16px;display:inline-block;line-height:16px;vertical-align:middle;color:#A0A0A0}
@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
#container{background:#ffffff}
.tel{ display:block; background:#d63b22; padding:0;width:100%;  height:50px ;  margin-bottom:10px; color:#fff; font-size:20px; text-align:center; line-height:50px;}
.mail{ display:block; background:#3eb0d8;padding:0;width:100%;  height:50px ; font-size:18px; text-align:center; line-height:50px;color:#fff;}
.mail i{ display:inline-table;width:36px;height:36px;position:relative;background-position:-360px -35px;  background-size:800px 800px; vertical-align:text-bottom; }
.qq{ display:block; background:#00adb5;padding:0;width:100%;  height:50px ; font-size:18px;color:#fff; text-align:center; line-height:50px;}
.tel i{  display:inline-table;width:36px;height:36px;position:relative;background-position:-360px -125px;  background-size:800px 800px; vertical-align:text-bottom }
.mai i{  display:inline-table;width:36px;height:36px;position:relative;background:url(../images/wap_2.png) no-repeat center; vertical-align:middle}
.qq i{  display:inline-table;width:36px;height:36px;position:relative;background:url(../images/wap_2.png) no-repeat center; vertical-align:middle}
.qq img { margin-right:10px; vertical-align:middle;}
img.wx { max-width:100%; height:auto !important; height:100%;}
#about{font-size:14px; line-height:24px; font-family:Arial, Helvetica, sans-serif; padding-top:20px; padding-bottom:20px;}
#about .title{ clear:both; font-size:16px;color:#333; margin-bottom:10px ;  text-transform:uppercase; display:block}
.productindex{   margin:0 auto;}
.productindex li{ display:block;   padding:5px 10px; border-bottom:#e5e5e5 1px solid;    }
.productindex li a{ width:100%; display:block; color:#666;font-size:14px; line-height:18px;overflow:hidden }
.productindex li .title{ font-size:14px;color:#333333; margin-bottom:10px;  display:block;}
.productindex li:nth-child(odd) a img{ float:left; margin-right:2%;width:45%; height:auto !important; height:100%;border-radius: 50%;  -moz-border-radius: 50%;
-khtml-border-radius: 50%;
-webkit-border-radius: 50%; }
.productindex li:nth-child(even) a img{ float:right;  height:100%;width:120px;border-radius: 50%;  -moz-border-radius: 50%;
-khtml-border-radius: 50%;
-webkit-border-radius: 50%;}
 /*copyright*/
#copyright { padding:8px; text-align:center; font-size:12px; color:#7e7e7e; clear:both; margin-bottom:18px; background:#1d1d1d; display:block    }
#copyright a{ color:#7e7e7e; font-size:12px; }
/*page */
.pagelist { margin-top: 10px; height: 40px; background:#FFF; font-weight: bold; line-height: 40px; display: box; font-size: 16px; border: 1px solid #BBB; display: -moz-box; display: -webkit-box; border-radius: 5px;-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;  }
.pagelist span { display: block; text-align: center; box-flex: 1.0; -moz-box-flex: 1.0; -webkit-box-flex: 1.0; }
.pagelist span a { display: block; color:#666;}
.page { width:30px; overflow:hidden;  border-left: 1px solid #BBB; border-right: 1px solid #BBB;}
.page select{ font-size:16px; height:40px; background:none; text-align:center; border:none; font-family: Arial; color:#666; -webkit-appearance:none; -moz-appearance: none; appearance:none; }

/*order */
dl.message2{margin: 0 auto 0 auto;padding: 0px;width: 96%;
}

dl.message2 dd{margin: 0 0 6px 0;padding: 0px;float: left;width: 100%;
}
.round1li2 input {border-radius: 5px;-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;line-height: 23px;height: 23px;width: 95%;padding-left: 5px;
	border: 1px solid;
	border-color: #CCC #EEE #EEE #CCC;
	background: whiteSmoke;
	font-size:1.2em;
}
.round1li2 textarea {
border-radius: 5px;-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
line-height: 23px;
height: 68px;
width: 95%;
padding-left: 5px;
border: 1px solid;
border-color: #CCC #EEE #EEE #CCC;
background: whiteSmoke;
font-size:1.2em;
}
.round1li3 input {
	border-radius: 5px;-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
	line-height: 23px;
	height: 23px;
	width: 150px;
	padding-left: 5px;
	border: 1px solid;
	border-color: #CCC #EEE #EEE #CCC;
	background: whiteSmoke;
	float:left;
	margin-right:10px;
	font-size:1.2em;
}
.round1li4 { margin: 0 auto 0 auto; width: 96%;}
.round1li4:after { clear: both; content: " "; display: block; }
.round1li4 input.button { 
	 font-size: 15px;
	 color:#ffffff;
	 font-weight: bold;
	  display:block;width: 100px; height: 35px; border-radius: 3px; -moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px; border: #2377b8 1px solid;  
background:-moz-linear-gradient(top,#2377b8,#0e5a96);/*Mozilla*/
background:-webkit-linear-gradient(top,#2377b8,#0e5a96);/*new gradient for Webkit*/
background:-o-linear-gradient(top,#2377b8,#0e5a96); /*Opera11*/
}
/*news */
.newslist{}
.newslist ul{ list-style: none;}
.newslist ul li { margin-bottom:10px; background:#efefef; padding:5px 10px; font-size:16px;}
.newslist ul li li { margin-bottom:0; border-bottom:#999 1px dotted; font-size:14px;}
.newslist ul li img { margin-right:10px; vertical-align:middle;}
.newslist ul li h3 { font-size:1em;}
.newslist ul li a{ display: block;color: #333; }
.newslist ul li p{font-size: 11px; line-height: 12px;color: #999; }
h2{ text-align: center; border-bottom: #e5e5e5 1px dashed; font-size: 16px; padding-bottom: 10px; margin-bottom: 10px;}
/*prolist_pic */
.prolist {margin-right: 10px;}
.prolist ul li{ text-align: center;   width: 50%; overflow: hidden; float: left;}
.prolist:after { clear: both; content: " "; display: block; }
.prolist  li p{ line-height: 12px;}
.prolist  li:nth-child(n){ }
.prolist  li:nth-child(n+1){  }
.prolist  li a{ display:block;  margin: 10px 0px 0px 10px; color:#333}
.prolist  li a img{ height: 100px; width:100%}
.order a{ float: right;  display:block;width: 80px; height: 25px; border-radius: 3px;  -moz-border-radius: 3px;
-khtml-border-radius: 3px; text-align:center; color:#FFFFFF; line-height:25px;
-webkit-border-radius: 3px;border: #b83930 1px solid; 
background:-moz-linear-gradient(top,#da4c42,#9a3129);/*Mozilla*/
background:-webkit-linear-gradient(top,#da4c42,#9a3129);/*new gradient for Webkit*/
background:-o-linear-gradient(top,#da4c42,#9a3129); /*Opera11*/} 

.back{ display:block; background:#3eb0d8;padding:0;width:100%;  height:50px ; font-size:18px; text-align:center; line-height:50px;}
.back i{display:inline-table;width:32px;height:32px;position:relative;background-position:-75px -315px;   vertical-align:text-bottom }

.syfl { clear:both; text-align:center; padding:10px 0;}
.syfl img { margin-bottom:10px;width:100%; height:auto !important; height:100%;}
.syfl a { width:20%; display:inline-block; margin:6px; background:#2377b8; color:#fff; height:30px; line-height:20px; padding:5px 0; float:left; border-radius:6px;}

.tit { clear:both; width:100%; background:url(../images/wap_06.jpg) no-repeat left bottom; padding-bottom:15px; margin-bottom:15px; overflow:hidden;}
.tit h3 { background:url(../images/wap_07.jpg) no-repeat left center; float:left; color:#3d3d3d; font-size:1.5em; font-weight:bold; padding-left:30px; line-height:22px;}
.tit a { float:right; display:block; padding-top:5px; font-family:Arial; padding-right:10px;}

.synews ul li { margin-bottom:10px; background:#e6e6e6; padding:5px 10px;}
.synews ul li h3 { font-size:1em;}
.synews ul li h3 img { vertical-align:middle; margin-right:10px;}
.synews ul li a{ display: block;color: #333; }
.synews ul li p{font-size: 11px; line-height: 12px;color: #999; }
.synews li .tex { padding-top:10px;}
.synews li .tex img { height:100px;}
.synew2 li .tex img { max-width:100%; height:auto !important; height:100%;}

.pnpage { clear:both; padding-top:15px; text-align:center;}
.pnpage a { font-weight:bold; padding:0 10px; color:#444}

span.current,a.num { display:inline-block; margin:0 5px; padding:0 8px; height:23px; line-height:23px;}
span.current,a.num:hover { background:#fbeded; border:#ff5203 1px solid; color:#ff5203;}
a.num,a.end,a.next,a.prev { border:#cdcdcd 1px solid; color:#333; background:#fff; text-decoration:none;}
a.end,a.next,a.prev { display:inline-block; padding:0 8px;height:23px; line-height:23px;}
a.prev { margin:0 5px;}

.showlist li { width:100%; padding:2% 0; float:left;}
.showlist li img {width:55%; height:auto !important; height:100%; float:left;}
.showlist li p { float:right; width:40%; padding-top:5px;}

.btimg { margin:2px 0; width:100%; height:150px; clear:both; text-align:center; background-repeat:no-repeat; background-position:center; background-size:cover;}

.ab2 img { max-width:100%; height:auto !important; height:100%;}
.ab2 p { padding:5px 0; font-size:14px;}
.ab2 a { color:#333;}
.cont strong { font-size:16px;}

.pro_img { height:155px; width:100%;}
.pro_img td { padding:0 5px; text-align:center; line-height:20px;}
.pro_img img { height:150px;}

table.bak { width:100%; margin:0 auto;border-bottom:#999 1px solid;border-right:#999 1px solid;}
.bak td,.bak th {padding:3px; font-size:12px; line-height:18px;border-top:#999 1px solid;border-left:#999 1px solid; font-family:Verdana}
.bak th { background:#1f63ac; color:#fff; font-weight:bold; line-height:20px; padding:5px 3px; text-align:center; font-size:14px;}
.bak td.bb,.bak th.bb { border-left:0;}
.bak td.pro { width:20%;}

.txtc { clear:both; text-align:center; padding-right:25px; padding-top:10px; font-size:12px}
span.current,a.num { display:inline-block; margin:0 5px; padding:0 8px; height:23px; line-height:23px;}
span.current,a.num:hover { background:#fbeded; border:#ff5203 1px solid; color:#ff5203;}
a.num,a.end,a.next,a.prev { border:#cdcdcd 1px solid; color:#333; background:#fff; text-decoration:none;}
a.end,a.next,a.prev { display:inline-block; padding:0 8px;height:23px; line-height:23px;}
a.prev { margin:0 5px;}

.pleft h3 { background:#407dba; color:#fff; padding:0 10px;}
.pleft p { padding:0 8px;}
.pright { width:300px; margin:10px auto;}
.pright .pimg { width:300px; height:225px; border:#ddd 1px solid;display:table;overflow:hidden; text-align:center;}
.pright .pimg a {width:300px; height:225px;display:table-cell;vertical-align:middle; line-height:225px;}
.pright .pimg img { max-width:290px; max-height:215px;padding:5px; vertical-align:middle;height:auto;width:auto;margin-top:expression((225-this.height)/2);}
.coa { clear:both; padding-top:10px;}
.coa a { padding-right:8px;}
.coa img { vertical-align:middle; margin-right:5px;}

.top { font-size:12px; height:30px; line-height:30px; padding:0 10px;}
.top span { color:#f00;}

.pimg2 { width:100%; clear:both; margin:2px 0; height:100px; overflow:hidden; background:#6eb0d3;}
.pimg2 img { max-width:100%; height:auto !important; height:100px; margin-top:-20%;}

#nsshop_pro_detailinfo_tags {margin:0px;background-color:#f7f7f7;width: 99%;line-height:30px;padding: 0px;padding-left: 1%;}
#nsshop_pro_detailinfo_tags LI {FLOAT: left;MARGIN-RIGHT: 1px;LIST-STYLE-TYPE: none;height:24px;}
#nsshop_pro_detailinfo_tags LI A { padding:0 20px;FLOAT: left;COLOR: #666;TEXT-DECORATION: none;font-size:14px;}
#nsshop_pro_detailinfo_tags LI.emptyTag {BACKGROUND: none transparent scroll repeat 0% 0%;WIDTH: 4px}
#nsshop_pro_detailinfo_tags LI.nsshop_selectTag {POSITION: relative;background-color:#FFF; border-top:3px #0c94ea solid;border-right:1px #dadada solid;border-left:1px #dadada solid;height:24px;line-height:24px;}
#nsshop_pro_detailinfo_tags LI.nsshop_selectTag A {color:#000;}
#nsshop_tagContent {BACKGROUND-COLOR: #fff;WIDTH: 100%;}
.nsshop_tagContent {DISPLAY: none;WIDTH: 100%;COLOR: #474747;margin: 0px;padding: 0px;}
.nsshop_tagContent_canshu{ width:95.9%; margin:0px; padding:2%;}
.nsshop_tagContent_info{ clear:both;width:99.8%;padding:0px;overflow: hidden;margin: 0;margin-top: 10px;}
.nsshop_tagContent_textinfo{width:97%;padding:0px;overflow: hidden;margin: 1.5%;}
.nsshop_tagContent_textinfo li { width:100%; padding:2% 0; float:left; border-bottom:#efefef 3px solid;}
.nsshop_tagContent_textinfo li .pimg { width:45%; float:left; text-align:center;}
.nsshop_tagContent_textinfo li .pimg img { max-width:100%; height:auto !important; height:100%;border:#79cffa 1px solid;}
.nsshop_tagContent_textinfo li .tex { width:50%; float:right;}
.nsshop_tagContent_textinfo li .tex h3 { font-size:16px; font-weight:bold; padding-bottom:10px;}

#nsshop_tagContent DIV.nsshop_selectTag {DISPLAY: block}
.nsshop_detail_shuxing{white-space: nowrap;float: left;width: 229px;font-size: 12px;line-height: 22px;color: #666;text-decoration: none;padding: 0px;margin-top: 0px;margin-right: 10px;margin-bottom: 0px;margin-left: 0px;display:inline;}

.about22 { background-image:url(../images/index_04.jpg); background-repeat:no-repeat; background-position:top center; background-size:cover; color:#fff;}
.about22 p,.about22 p a { color:#fff;}


.newslist2 ul{ list-style: none; text-align:center;}
.newslist2 ul li { margin-bottom:10px; background:#ededed; width:180px; padding:0 15px; height:36px; line-height:36px;font-size:16px; border-radius:90px; display: inline-block;}
.newslist2 ul li li { margin-bottom:0; font-size:14px;}
.newslist2 ul li img { margin-right:10px; vertical-align:middle;}
.newslist2 ul li h3 { font-size:1em;}
.newslist2 ul li a{ display: block;color: #333; }
.newslist2 ul li p{font-size: 11px; line-height: 12px;color: #999; }

.pro222 li { width:46%; margin:1.5%; float:left; text-align:center;}
.pro222 li .pimg { height:130px; overflow:hidden;}
.pro222 li img { display:block; max-width:100%; height:auto !important; height:100%; margin-bottom:5px;}

.abtit { clear:both; width:100%; line-height:30px; padding-bottom:15px; overflow:hidden; text-align:center;}
.abtit h3 { font-size:24px; color:#000; font-weight:100; text-transform:uppercase;}
.abtit p { font-size:16px; color:#888; padding-bottom:10px; line-height:24px; background:url(../images/index_04.jpg) no-repeat center bottom;}

.sytex img.abimg { max-width:100%; height:auto !important; height:100%; margin-bottom:10px;}
.syab a { color:#333;}
.sytex a.more { display:inline-block; margin-top:15px; padding:0 15px; background:#058bbb; color:#fff; font-size:12px; line-height:24px; text-decoration:none;}

.sypro { max-width:100%; overflow:hidden; position:relative;}
.sypro li { float:left; width:24%; height:216px; margin-left:1%; position:relative; overflow:hidden;}
.sypro li img.pimg {max-width:100%; height:auto !important; height:100%; position:absolute; left:0; top:-5%; z-index:9;}
.sypro li.ss { margin-left:0;}
.sypro li .tt { width:70%; height:auto;position:absolute; left:15%; top:30%; z-index:99; text-align:center;}
.sypro li .tt img { display:block;max-width:100%; height:auto !important; height:100%;}
.sypro li p { width:100%; height:25px; line-height:20px;position:absolute; left:0; top:65%; z-index:99; text-align:center; color:#fff;}
.sypro li span { width:100%; height:100%;position:absolute; left:0; top:0; z-index:11; display:block; background:rgba(0,87,166,0.5);}