<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body {font-size:1rem;font-family:'Microsoft YaHei';color:#666666;}
body,div,ul,ol,li,dl,dt,dd,p,span,h1,h2,h3,h4,h5,h6,form,pre,fieldset,legend,table,tr,td,th,input,textarea,img {margin:0;padding:0;}
section,article,header,footer,aside,nav,dialog,figcaption,figure,menu,details {margin:0;padding:0;}
div,ul,ol,li,dl,dt,dd {margin:0 auto;list-style:none;}
fieldset,img {border:0;}
img{vertical-align:bottom; }
textarea {resize:none;font-size:1rem;}
a:link,a:visited {color:#666666;font-size:1rem;text-decoration:none;}
a:hover,a:active {color:#FF0000;font-size:1rem;text-decoration:none;}
a.white,a.white:visited {color:#FFFFFF;font-size:1rem;text-decoration:none;}
a.green,a.green:visited {color:#368d0f;font-size:0.8rem;text-decoration:none;}
a.black,a.black:visited {color:#666666;font-size:1rem;text-decoration:none;}
a.links,a.links:visited {color:#666666;font-size:1rem;text-decoration:none;margin:0px 5px 0px 4px;}

.clear,.cl {clear:both;}
.fl,.l {float:left;}
.fr,.r {float:right;}
.center {text-align:center;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.pt10 {padding-top:10px;}
.red  {color:#FF0000;}
.blue {color:#0000FF;}
.text {width:120px;height:20px;line-height:20px;border:1px solid #8A8484;}

.bridgeCode {width:99%;text-align:center;padding-bottom:5px;}
.bridgeCode span {padding:0px 10px 0px 10px;}
.button {width:100px;height:25px;font-weight:normal;font-size:12px;color:black;cursor:pointer;vertical-align:middle;}
.button_submit {padding-bottom:2px;font-weight:normal;cursor:pointer;}
.button_upload {padding-top:1px;border:1px solid #888888;width:195px;font-size:12px;cursor:pointer;}
.topCon_1 {float:left;width:100%;}
.maintop { }
.mainbot { }

.warp{ min-width:320px; max-width:640px; margin:0 auto; overflow:hidden; position:relative;}
.warp img { width:100%;}

.Top-main {width:100%;height:36px;border-bottom:1px solid #DDDDDD;}
.Top-left {float:left;width:200px;height:36px;line-height:36px;}
.Top-left span {color:#666666;padding-left:5px;}
.Top-right {float:right;width:100px;height:36px;line-height:36px;text-align:right;}
.Top-right span {padding-right:5px;}
.Top-right a:link,.Top-right a:active,.Top-right a:visited {color:#06929F;text-decoration:none;font-size:14px;}
header {width:100%;margin-top:0px;}
header .logo {float:left;width:100%;}
header .logo img {width:100%;}

nav  {clear:both;background:#008edf;overflow: hidden;width: 100%;}
nav ul {list-style:none;}
nav ul li {float:left;text-align:center;width:23.5%; border-right:1px #2fa2e4 solid; border-bottom:1px #2fa2e4 solid;}		
nav ul a {display:block;line-height:3.5rem;height:3.5rem;}
nav ul a:link,nav ul a:active,nav ul a:visited {float:left;width:100%;color:#FFFFFF;font-size:1rem;}	
nav ul li:nth-child(4), nav ul li:nth-child(8) {border-right: 0 none;}
nav ul li:nth-child(3), nav ul li:nth-child(7) {width:28%;}

.Menus1 {width:100%;clear:both;padding-top:4px;}
.Menus1 ul {list-style:none;overflow:hidden;}
.Menus1 ul li {float:left;text-align:center;width:31.5%;}		
.Menus1 ul a {display:block;margin:10px 0px 0px 12px;}
.Menus1 ul a:link,.Menus1 ul a:active,.Menus1 ul a:visited {float:left;width:90%;padding:0.6rem 0; border:1px solid #434343;border-radius:5px;font-size:1.1rem;}	

.topbg {width:100%;clear:both;z-index:1000;}
.navbtn {width:61px;height:39px;line-height:39px;position:fixed;right:1%;top:10px;z-index:1000;cursor:pointer;
    text-align:center;background:#1B6EB2;border:1px solid #DEDEDE;border-radius:5px;-moz-border-radius:5px;   
	-webkit-border-radius:5px;color:#DDDDDD;font-size:18px;filter:alpha(opacity=80);opacity:0.8;}
.navbg {width:207px;border:0px solid #0F60A2;background:#1A6DB1;position:fixed;right:1%;top:51px;display:none;z-index:999;}
.navbg li {width:100%;height:36px;border-bottom:1px solid #095DA2;}
.navbg li a {width:100%;display:block;height:35px;line-height:35px;border-bottom:1px solid #247AC1;font-size:16px;color:#FFFFFF;text-indent:23px;background:url('../images/navicos.jpg') 155px center no-repeat;}

.search {width:100%;height:27px;padding-top:10px;}
.searchA {float:left;width:80%;height:27px;margin-left:1%;}
.searchA input {width:99%;height:25px;line-height:25px;border:1px #C5C5C5 solid;font-size:12px;color:#888888;padding:0px 0px 0px 1%;}
.searchB {float:left;width:17%;height:27px;margin-left:1%;}
.searchB input {width:100%;height:27px;border:0;cursor:pointer;color:#FFFFFF;background:#008edf;}

.ContentA {clear:both;width:100%;padding:12px 0px 12px 0px;} 
.ContentA1 {width:100%;background:url("../images/wap_01.JPG") no-repeat scroll center top / 100% 100%;
    box-sizing: border-box;height: 5.16rem; line-height:3rem; padding-top:6.2%; text-align:center;} 
.ContentA1 span {color:#FFFFFF;font-size:1.2rem;}
.ContentA1 span a,.ContentA1 span a:visited {color:#FFFFFF;font-size:1.2rem;}
.about_p{background: url(../images/ge01.gif) no-repeat center bottom #eee; -webkit-background-size:90% ; -moz-background-size:100%; -o-background-size:100%; background-size:100%;padding: 0.95rem 1.15rem 2rem;margin:2% 3%}
.about_p img{box-sizing:border-box;border: solid 1px #ccc;padding: 0.1rem;display: block; width:100%;}
.about_w{padding:0rem 0 0;}
.about_w h3{text-align: center;font-size: 1.2rem;line-height: 3.3rem;font-weight: bold;color: #222;}
.about_w .a2{text-indent: 2rem;border: 0; line-height:1.8rem}
.about_w .a2 a{color: #015cb5; }
.ContentA3 {width:100%;height:30px;line-height:30px;background:#008edf;font-size:14px;font-family:'Microsoft YaHei';box-shadow:0px 3px 1px #0c81c3;}
.ContentA3a {float:left;width:10%;height:30px;background:url('../images/index_17.png') no-repeat 10px center;}
.ContentA3a a {float:left;width:100%;height:30px;display:block;}
.ContentA3b {float:left;width:70%;text-align:center;color:#FFFFFF;}
.ContentA3c {float:left;width:18%;background:url('../images/index_16.png') no-repeat 70% center;cursor:pointer;}
.ContentA3c span {color:#666666;padding-left:20px;cursor:pointer;}
.view_menumain {float:left;display:none;width:96%;background:#008edf;border-top:1px solid #008edf;padding:2% 2%;margin:6px 0 0 0;}
.view_menumain ul {padding:10px 0px 10px 0px;}
.view_menumain ul a {float:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:0 1% 10px 1%;font-size:14px;padding:0.5% 1%;border:1px solid #DDDDDD;color:#000000;border-radius:5px;background:#FFFFFF;}

.ContentB {clear:both;width:100%;}
.ContentB1 {width:100%;height:30px;background:#0087FE;}
.ContentB1a {float:left;width:100%;height:30px;line-height:30px;font-size:14px;font-family:'Microsoft YaHei';}  
.ContentB1a span {color:#FFFFFF;padding-left:15px;}
.ContentB1b {float:left;width:70px;height:14px;padding-left:2px;background:#32CFB2;color:#FFFFFF;margin-top:4px;}  

.ContentC {clear:both;width:100%;}
.ContentC1 {width:100%;height:30px;line-height:30px;background:#FCB803;font-size:14px;font-family:'Microsoft YaHei';}
.ContentC1 span {color:#FFFFFF;padding-left:15px;padding-right:10px;}
.ContentC .BB {clear:both;width:95%;height:20px;text-align:right;border-bottom:1px solid #DDDDDD;}

.telbg{clear:both;width:100%;height:3.2rem;line-height:3.2rem; background:#008edf;color:#fff; text-align:center; font-size:1.6rem;}
.telbg span{ background:url('../images/wap_tel.png') no-repeat 0 center /auto 120%;font-size:1.1rem;padding-left:8%; height:3rem; font-size:1.2rem;} 
.telbg font{padding:0.4rem 0.8rem; border-radius:8px; background:#37444d; font-size:1rem; margin-left:0.8rem;}

.Contentys{background:#f4f4f4;clear:both;width:100%;}
.ContentQ{clear:both;width:100%;}
.ContentQ img{width:100%;}
.ContentQ2{clear:both;width:100%; text-align:center}
.ContentQ2 img{width:70%;}
.ContentG_t{margin:0 auto; clear:both; width:96%; height:2rem; margin-top:0.5rem;}
.ContentG_t h2{float:left;color:#fff; width:10%; text-align:left; height:2rem; line-height:2rem; font-size:2rem; background:#9a9a9a; text-align:center; margin-right:2%;}
.ContentG_t .m5_t{float:left; width:88%;font-size:1.3rem;color:#222325; font-weight:700;line-height:2rem;}
.ContentG_t .m5_t span{color:#368d0f;}
.ContentG_c{float:left; width:92%; padding-left:5%; font-size:1rem; color:#545554;  padding-bottom:15px;}
.ContentG_c p{padding-top:0.65rem;}

.social_nav5{height:5.6rem;position:fixed;bottom:0;min-width:320px;max-width:640px;width:100%;z-index:999;background:#008edf;border-top: solid 1px #1ea2ed;}
.social_nav5 li{height:5.6rem;width:25%; float:left; text-align:center; color:#fff;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; position:relative;}
.social_nav5 li:before{content: "";position: absolute;width:1px;height:100%;left: 0;top:0;background: #1ea2ed;border-left: solid 1px #1d72a3;}
.social_nav5 li:nth-child(1):before{width:0;height:0;border: 0;}
.social_nav5 li em{ width:2.4rem; display:block; margin:0 auto; padding:0.9rem 0 0;height:2.6rem;}
.social_nav5 li em img{ width:2.4rem;}
.social_nav5 li a{font-size:1.1rem;line-height:2rem; color:#fff;}

.ContentE {clear:both;width:100%;padding-top:12px;}
.ContentE1{width:100%;line-height:2rem;font-size:1rem;text-align:center; color:#717171;}
.ContentE1 strong {display:block; color:#363635;padding-left:5px;padding-right:0px;font-size:1.8rem;}
.ContentE2 {float:left;width:48%;height:15rem;margin:1rem 1% 10px 1%;overflow:hidden;} 
.ContentE2a {width:98%;height:13rem;border:1px solid #CCCCCC;background:#FFFFFF;padding:1%;box-sizing:border-box;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;} 
.ContentE2a img {width:100%;}
.ContentE2b {width:98%;height:2rem;line-height:2rem;text-align:center;color:#3F4D5A;text-overflow:ellipsis;margin-top:2px;overflow:hidden;white-space:nowrap;} 

.ContentF {clear:both;width:100%;padding-top:20px;}
.ContentF1 {width:98%;height:2.52rem;background:#008edf; border-radius:15px;}
.ContentF1a {float:left;width:100%;height:2.52rem;line-height:2.52rem;font-size:1.25rem;font-family:Microsoft yehei;}  
.ContentF1a span {float:left;color:#FFFFFF;padding-left:20px; }
.ContentF1a p{float:right; background:#ed981c;height:2.52rem; padding:0 2%; border-radius:0 15px 15px 0; font-size:0.1rem; color:#fff;}
.ContentF2 {float:left;width:48%;height:10rem;margin:1rem 1% 10px 1%;overflow:hidden;} 
.ContentF2a {width:98%;height:7rem;border:1px solid #CCCCCC;background:#FFFFFF;padding:1%;box-sizing:border-box;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;} 
.ContentF2a img {width:100%;}
.ContentF2b {width:98%;height:2rem;line-height:2rem;text-align:center;color:#3F4D5A;text-overflow:ellipsis;margin-top:2px;overflow:hidden;white-space:nowrap;} 

.About {width:98%;height:15px;text-align:right;padding-top:0px;}
.AboutContent {width:98%;min-height:100px;_height:100px;padding:10px 0px 0px 0px;line-height:24px;border-bottom:0px solid #DDDDDD;color:#333333;clear:both;}
.aboutus {clear:both;padding:10px 0px 10px 5px;line-height:28px;}
.aboutus a:link,.aboutus a:visited {background:url('../images/ico_09.png') no-repeat left center;padding-left:12px;font-size:16px;font-weight:bold;color:#666666;margin-right:10px;display:block;float:left;}
.company {clear:both;padding:10px;}
.company img {max-width:98%;height:auto !important;}
.company table {width:99% !important;word-wrap:break-word;}

.footnav {clear:both;width:100%;height:30px;padding:10px 0;}
.footnav ul {margin:10px 0px 10px 0px;}
.footnav ul li {float:left;width:22%;margin:0 0 0 2%;height:30px;line-height:30px;border:1px solid #D5D5D5;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#EBEBEB;}
.footnav ul li a {display:block;width:100%;height:100%;box-shadow:0 0 2px #FFFFFF inset;font-size:12px;color:#686868;text-align:center;}

.shareview {font-size:14px;line-height:180%;color:#7FA6C6;width:92%;margin:10px 4% 0px 4%;}
.Footder {clear:both;width:100%;min-height:160px;_height:160px;padding-top:10px;}
.FootderA {width:100%;border-bottom:0px solid #DDDDDD;border-top:1px solid #DDDDDD;text-align:center;line-height:22px;}
.FootderAContent {padding:8px 5px 8px 5px;color:#666666;}
.FootderC {width:100%;text-align:center;background:#33D0B3;position:fixed;bottom:0;display:block;left:0;z-index:100;}
.footbtn {width:100%;height:62px;border-top:1px solid #E9F0F4;background:#F7FAFC;background-image:-moz-linear-gradient(center top, #EDF4F7, #FCFDFE);
    background-image:-moz-linear-gradient(top, #EDF4F7, #FCFDFE);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#EDF4F7), to(#FCFDFE));
    background-image:-webkit-linear-gradient(top, #EDF4F7, #FCFDFE);background-image:-o-linear-gradient(top, #EDF4F7, #FCFDFE);background-image:linear-gradient(top, #EDF4F7, #FCFDFE);}
.footbtn li {float:left;width:24.4%;height:100%;}
.footbtn a {display:block;width:100%;height:32px;margin-top:30px;color:#7FA6C6;text-align:center;}
.footbtn a span {display:block;width:100%;height:100%;line-height:32px;font-size:14px;cursor:pointer;}
.share {background:url('../images/share.png') center 6px no-repeat;border-right:1px solid #FFFFFF;}
.sms {background:url('../images/sms.png') center 6px no-repeat;border-right:1px solid #FFFFFF;border-left:1px solid #E2ECF1;}
.tel {background:url('../images/tel.png') center 6px no-repeat;border-right:1px solid #FFFFFF;border-left:1px solid #E2ECF1;}
.map {background:url('../images/map.png') center 6px no-repeat;border-left:1px solid #E2ECF1;}

.newslist1 {clear:both;width:98%;margin-left:1%;padding:5px 0px 0px 0px;}
.newslist1 ul {float:left;width:100%;}
.newslist1 ul li {padding:0px 0px 0px 13px;border-bottom:#DFDFDF 1px dashed;text-align:left;background:url('../images/more.png') no-repeat 1px center;height:28px;line-height:28px;overflow:hidden;}
.newslist1 ul li a:link,.newslist1 ul li a:visited,.newslist1 ul li a:active {text-decoration:none;font-size:12px;color:#666666;}
.newslist1 ul li span {font-size:12px;color:#666666;}

.newslist2 {clear:both;width:98%;margin-left:1%;padding:10px 0px 0px 0px;min-height:200px;_height:200px;}
.newslist2 ul {float:left;width:100%;}
.newslist2 ul li {padding:0px 0px 0px 13px;border-bottom:#DFDFDF 1px dashed;text-align:left;background:url('../images/more.png') no-repeat 1px center;height:28px;line-height:28px;overflow:hidden;}
.newslist2 ul li a:link,.newslist2 ul li a:visited,.newslist2 ul li a:active {text-decoration:none;font-size:12px;color:#666666;}
.newslist2 ul li span {color:#808080;padding-left:10px;}

.honorpiclist {float:left;width:100%;clear:both;}
.honorpiclist ul {width:94%;padding:3% 3% 0 3%;}
.honorpiclist ul li {float:left;width:48%;height:180px;margin:5px 1% 10px 1%;}
.honorpiclist li div {float:left;width:100%;}
.honorpiclist li img {float:left;width:100%;display:block;}
.honorpiclist .proimg {float:left;width:99%;height:150px;border:1px solid #CCCCCC;background:#FFFFFF;padding:1%;box-sizing:border-box;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;}
.honorpiclist .protxt {float:left;width:98%;height:25px;line-height:25px;border:1px solid #CCCCCC;background:#F2F2F2;text-align:center;color:#3F4D5A;text-overflow:ellipsis;margin-top:2px;overflow:hidden;white-space:nowrap; }

.prolist2 {float:left;width:100%;clear:both;}
.prolist2 ul {width:94%;padding:3% 3% 0 3%;}
.prolist2 ul li {float:left;width:48%;height:180px;margin:5px 1% 10px 1%;}
.prolist2 li div {float:left;width:100%;}
.prolist2 li img {float:left;width:100%;display:block;}
.prolist2 .proimg {float:left;width:99%;height:150px;border:1px solid #CCCCCC;background:#FFFFFF;padding:1%;box-sizing:border-box;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;}
.prolist2 .protxt {float:left;width:98%;height:25px;line-height:25px;border:1px solid #CCCCCC;background:#F2F2F2;text-align:center;color:#3F4D5A;text-overflow:ellipsis;margin-top:2px;overflow:hidden;white-space:nowrap; }

.content {width:100%;}
.content h1 {font-weight:bold;font-size:16px;line-height:30px;color:#325065;text-align:center;border-bottom:1px dashed #999999;width:98%;margin:10px 1%;}
.content h1 p {width:100%;font-size:16px;line-height:30px;color:#555555;text-align:center;}
.content .ptimeviews {font-size:12px;}
.content .ptimeviews span {padding-left:10px;font-size:12px;}
.content .view {font-size:13px;line-height:180%;color:#325065;width:98%;padding:8px 0px;margin:0px 1% 0px 1%;}
.content .view .center {font-size:13px;line-height:180%;color:#325065;width:100%;}
.content .view .center img {max-width:98%;height:auto !important;}
.content .view .detail img {max-width:98%;height:auto !important;}
.content .view .detail table {width:99% !important;word-wrap:break-word;}
.content .jobtable {width:99%;border-left:1px solid #CCCCCC;border-top:1px solid #CCCCCC;}
.content .jobtable td {border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;}
.content .backlist2 {display:block;width:60px;height:32px;line-height:32px;margin:15px auto;color:#FFFFFF;font-size:14px;text-align:center;background:#FF8101;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.content .prevpage,.content .nextpage {display:block;width:98%;margin:0px 1% 8px 1%;height:25px;line-height:25px;font-size:12px;color:#325065;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background:#DDDDDD;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
.content .prevpage span,.content .nextpage span {padding-left:10px;}
.content .prevpage span a,.content .nextpage span a {color:#325065;}
.content .hr {width:98%;height:0;border-top:1px dashed #999999;margin:6px 1%;}

.downloadlist {width:99%;clear:both;min-height:200px;_height:200px;}
.downloadlist dl {float:left;width:100%;padding:5px 0px 10px 0px;}
.downloadlist dt {float:left;width:25%;}
.downloadlist dt img {width:98%;margin:1%;}
.downloadlist dd {float:left;width:73%;padding-left:1%;}
.downloadlist div {float:left;width:100%;}
.downloadlist div ul {}
.downloadlist div ul li {line-height:23px;}
.downloadlist div span {color:#006699;}

.jobitem {width:98%;border-bottom:1px dashed #999999;margin:5px 1% 5px 1%;}
.linklist {width:95%;clear:both;padding:10px 0px 10px 0px;}
.linklist ul {width:100%;}
.linklist ul li {text-align:left;height:28px;line-height:28px;}
.submitTable {border:0;}
.submitTable td {height:30px;font-size:12px;}
.submitTable td input {height:30px;line-height:30px;}
.in {line-height:30px;border:1px solid #696969;}
.welcome {color:#333333;font-size:13px;font-weight:bold;background-color:orange;}
.txt {border:1px solid #999999;width:90%;height:20px;line-height:20px;padding:2px 1%;}
.txt-area {border:1px solid #999999;width:92%;height:80px;}
.txt-code {border:1px solid #999999;width:50px;height:20px;line-height:20px;vertical-align:middle;}
.form {margin:5px 0px;}
.form th {text-align:right;padding-right:5px;font-size:12px;font-weight:normal;}
.form td {padding-bottom:5px;}
.form .msg {font-size:10px;color:#333;}
.notify {background-color:Gray;color:White;padding:5px;text-align:center;margin:2px 0px;}
.imgcode {width:60px;height:22px;line-height:22px;vertical-align:middle;cursor:pointer;}

/* pages */
.dede_pages{width:98%;text-align:center;line-height:30px;padding:10px 0px 10px 0px;}
.pages {height:30px;color:#666666;margin-top:5px;text-align:center;}
.pages a:link,.pages a:visited {color:#666666;}
.pages a,.pages a:link {text-decoration:none;padding:2px 5px;border:1px solid #DDDDDD;background:#FFFFFF;margin:0px 2px;font-size:12px;color:#666666;text-align:center;}
.pages .cpb {font-weight:bold;color:#FFFFFF;background:#FB9007;border:1px solid #E61636;text-align:center;margin:0px 2px;padding:2px 5px;}
.pages .intext {width:30px;border:1px solid #7F9DB9;height:19px;line-height:19px;}

/* banner */
.big-pic{width:100%;position:relative;border-bottom:0px solid #A8A8A8;margin-top:0px;}
.big-pic img {float:left;width:100%;height:auto;display:block;}
.big-pic-in {position:relative;width:100%;height:auto;overflow:hidden;}
.pic-list {position:relative;height:auto;-webkit-transform:translate3d(0,0,0);z-index:0;}
.slide-dot {width:95%;overflow:hidden;position:absolute;left:0;bottom:0;height:26px;text-align:right;padding:0 5% 0 0;}
.slide-dot span {display:inline-block;width:6px;height:6px;border-radius:8px;vertical-align:top;z-index:10;background:#B5B5B5;margin:8px 3px 0 2px;}
.slide-dot .slide-dot-cur {z-index:10;vertical-align:top;background:#C80002;width:7px;height:7px;border-radius:10px;margin-top:7px;}
.transition {-moz-transition:-moz-transform 0.3s ease-out;-webkit-transition:-webkit-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out;}

.banner4 {width:300px;height:200px;overflow:hidden;position:relative;}
.slider4 {width:6550px;position:absolute;}
.slider4 li {float:left;display:inline;}
.slider4 img {width:300px;height:200px;display:block;}
.num4 {position:absolute;bottom:5px;right:5px;}
.num4 li {float:left;width:15px;height:14px;line-height:14px;color:#FFFFFF;background:url('../images/dots_01.png') no-repeat;text-align:center;font-size:12px;cursor:pointer;padding-bottom:5px;margin-right:5px;display:inline;}
.num4 li.on,.num4 li:hover,.num4 li.active {color:#FFFFFF;background:url('../images/dots_02.png') no-repeat;line-height:14px;font-size:12px;}

@media all and (min-width:640px) {
	body {width:640px;margin:0 auto;}
}
@media screen and (min-width:320px) {  html { font-size:75%;}}
@media screen and (min-width:360px) {  html { font-size:87%;}}
@media screen and (min-width:480px) {  html { font-size:112%;}}
@media screen and (min-width:568px) {  html { font-size:131%;}}
@media screen and (min-width:639px) {  html { font-size:150%;}}
</pre></body></html>