body{margin:0;font-family: Arial, Helvetica, sans-serif; background:  #e4e4e4  repeat-x;}

body a{transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;-o-transition: 0.5s all ease;-ms-transition: 0.5s all ease;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0; border:0;}

button,input,optgroup,select,textarea{margin: 0;font: inherit;color: inherit;}

button{overflow: visible;}

button,select{text-transform: none;}

button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance: button;cursor: pointer;}

button[disabled],html input[disabled]{cursor: default;}

button::-moz-focus-inner,input::-moz-focus-inner{padding: 0;border: 0;}

input{line-height: normal;}

input[type="checkbox"],input[type="radio"]{box-sizing: border-box;padding: 0;}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height: auto;}

input[type="search"]{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}

fieldset{padding: .35em .625em .75em;margin: 0 2px;border: 1px solid #c0c0c0;}

legend{padding: 0;border: 0;}

textarea{overflow: auto;}

optgroup{font-weight: bold;}

table{border-spacing: 0;border-collapse: collapse;}

td,th{padding: 0;}

@media print{*{color: #000 !important;text-shadow: none !important;background: transparent !important;box-shadow: none !important;}

a, a:visited{text-decoration: underline;}

a[href]:after{content: " (" attr(href) ")";}

abbr[title]:after{content: " (" attr(title) ")";}

a[href^="javascript:"]:after, a[href^="#"]:after{content: "";}

pre, blockquote{border: 1px solid #999;page-break-inside: avoid;}

thead{display: table-header-group;}

tr, img{page-break-inside: avoid;}

img{max-width: 100% !important; border:0;}

p, h2, h3{orphans: 3;widows: 3;}

h2, h3{page-break-after: avoid;}

select{background: #fff !important;}

.navbar{display: none;}

.table td, .table th{background-color: #fff !important;}

.btn > .caret, .dropup > .btn > .caret{border-top-color: #000 !important;}

.label{border: 1px solid #000;}

.table{border-collapse: collapse !important;}

.table-bordered th, .table-bordered td{border: 1px solid #ddd !important;}}

*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

*:before,*:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

html{font-size: 62.5%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

body{font-size: 14px;line-height: 1.42857143;color: #333;}

input,button,select,textarea{font-family: inherit;font-size: inherit;line-height: inherit;}

a{color: #1B242F;text-decoration: none;}

a:hover,a:focus{color: #000;text-decoration: none;}

a:focus{outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}

figure{margin: 0;}

img{vertical-align: middle; border:none;}

ol,ul,dl{list-style:none; margin:0; padding:0;}

.mt10{margin-top:10px;}

.mr20{margin-right:2em;}

.mp20{margin-top:8em;}

.mb10{ padding-bottom:2em;}

.mb20{ padding-bottom:4em;}

.mr10{ margin-right:4em;}

.zi_2{ color:#000;}

.col-lt-4{float:left;}

.col-rt-4{float:right;}



.head{background:#fff; /*padding:2em 0;*/ height:140px;}

.top{width: 1200px; margin:0 auto;}

.header_lt{width:40%; text-align:right; float:left;margin:2em 0em 0;}

.header_lt a{color:#fff; font-size:16px; text-decoration:underline; }

.header_logo{/*width:20%; float:left;*/ text-align:center;}

.header_rt{width:40%; float:left; }

.header_rt ul{margin-top:2em;}

.header_rt li{float:left; background:url(../images/enbj.png) no-repeat; width:24px; height:24px; text-align:center; line-height:24px; margin:0 0.4em 0 0;}

.header_rt li a{color:#fff;}

.miantiter, .certificate, .footer_nvice, .list-inline, .footerbt, .footwit{width:1200px; margin:0 auto;}

.mianin{  bottom repeat-x; width:100%;}

.menuin{width:100%;}

@media (min-width: 1200px){.mian, .prdmian{width: 1220px;}}

.mian{margin:0 auto; background:url(../images/aaaa.png) repeat-y; padding:0px 10px; width: 1220px;}

.prdmian{margin:0 auto;  background:url(../images/bbbbb.png) repeat-y; padding:0px 10px;width: 1220px;}



.down{position:relative; padding:2em 0;}

a.scroll{position: absolute;top: -0em;left:40em; }





.img-responsive{max-width: 100%;height: auto;}





.banner{width:1200px; height:600px; background:url(../images/banner.jpg) no-repeat; position:relative;}





.new_Cont{width:1200px; position:relative; height:auto; padding:4em 0;}

.new_Cont dl {width:1200px;  overflow:hidden; clear:both; padding-top:4em;text-align: center; } 

.new_Cont dl dd{overflow:hidden; width:40%;display: inline-block; *display:inline; *zoom:1;}

.new_Cont dl dd img{ max-width:100%;}

.new_Cont dt {height:auto; text-align:left; line-height:23px; color:#666;  font-size:14px;  display:inline; width:48%; padding:0 4em; display: inline-block;}

.t_titer{ color:#000; font-size:16px; overflow:hidden; }

.t_Tit2{line-height:25px; color:#666; font-size:15px; text-indent:24px;}



.more{padding:2em 0;}

.more1{padding:0 0 2em 0;}

.more a{padding:0.5em 0.8em;}

.more1 a{padding:0.5em 3em;}

.more a, .more1 a{line-height:30px; border:1px solid #000; text-align:center; font-size:14px; color:#000; font-family:Arial, Helvetica, sans-serif;}

.more a:hover, .more1 a:hover{background:#000; color:#fff;}







.certificatetit{width:25%; text-align:center; margin:0 auto; font-size:16px; line-height:2em;}

.certificatetit a{font-size:18px;}

.certificatepic{ width:88%; padding:4em 0 4em 26%;}

.certificatepic a{padding-right:8em;}









.worksmain{width:1195px; padding:3em 0 0 5px; position: relative; bottom:-5em;}

.home_featured_post {width:392px; height:300px; position: relative; display:inline-table; margin-bottom:3px; padding-left:2px;}

.home_featured_post img,.home_featured_post iframe { width:392px; height: 300px; border-radius:0px;}

body.home .home_featured_post { margin-bottom: 3px; }

.home_featured_post_last { margin-right: 0; }

.home_featured_post_hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-decoration: none; border-radius:0px; background: url(../images/trans-back.png) repeat; }

.home_featured_post_hover:hover { text-decoration: none; border-radius:0px; background:none; color:#000;}

.home_featured_post_tbl { display: table; width: 100%; height: 100%; }

.home_featured_post_tbl_cell { display: table-cell; text-align: center; vertical-align: middle; color: #fff; text-shadow: 1px 1px #000; font-size: 14px; font-family: 'Source Sans Pro', sans-serif; color: #fff; letter-spacing: 1.5px; font-weight: 400;  }

.home_featured_post_tbl_cell h3 { text-shadow:1px 1px #000; font-size:30px; font-family: Arial, Helvetica, sans-serif, sans-serif; color: #fff; letter-spacing: 1.5px; font-weight: 700; text-transform:uppercase;}









.container{padding:0px 0px;margin:0 auto;  width: 1200px;}

@media (min-width: 768px){.container{width: 750px;}}

@media (min-width: 992px){.container{width: 970px;}}

@media (min-width: 1200px){.container{width: 1200px;}}

.portfolio-info{position: relative; margin:0 auto}





.port-caption{padding: 4.15em 0;top:0%;}

.port-caption a{font-size: 12px;padding: 1em;}

.port-text{padding: 1.2em 1em;}

.port-caption{background: url(../images/navbj.png) repeat; width: 100%;position: absolute;left: 0%;display: none;padding:6.4em 0;}

.port-caption img{}



.port-caption a{color: #000;font-size: 16px;font-weight: 800;letter-spacing: 1px;text-decoration: none;border: 1px solid #000;padding:1em 3em;transition:.5s all; background: url(../images/narrt.png) right no-repeat; }s

.port-caption a:hover,.port-caption a:focus{color:#000;text-decoration:none;}

.services{margin:7em 0;text-align: center;}

.services h3{margin: 0;color: #fff;font-size: 17px;letter-spacing: 3px;font-weight: 400;border-bottom: 1px solid rgba(53, 58, 63, 0.55);}

.services-grids{margin: 6em 0;}

.srvs-image{float: left;width: 20%;}

.portfolio{margin:8em 0px 3em;text-align: center;}

.portfolio h3{margin: 0;color: #fff;font-size: 17px;letter-spacing: 3px;font-weight: 400;border-bottom: 1px solid rgba(53, 58, 63, 0.55);}

/*--portfolio--*/



.portfolio-info{margin: 1em 0;}

.port-grids{position:relative;}

.port-text{background: #353a3f;text-align:left;padding: 2em 3em;transition:.5s all;}

.port-text h5{color: #fff;margin: 0;font-size: 17px;}

.port-text span{color: #fff;font-size: 13px;font-weight: 300;}

.port-image img{width: 100%; height:200px;}

.port-grids:hover div.port-text{background: #c05151;}

.port-grids:hover div.port-caption{display:block;}



.col-md-4{width: 33.33333333%;}

.col-md-4{float: left;}





.miantiter{text-align:center;}

.miantiter img{margin-top:4em;}



.portfolio-list-content{clear:both; width:100%; position:relative; margin:2em 0;}

.portfolio-list-content li{width:29.5%; display:inline-block;}

.portfolio-list-content li a{float:left; width:100%; }

.portfolio-list-content li img{width:100%;}

.zi_1{text-align:center; height:60px; background:#fff; line-height:60px; font-size:18px; font-weight:800;}











/**==================弹出导航菜单==============**/



#nav-over{position:fixed;left:0;top:0;z-index:9998;display:none;width:100%;height:100%;}

.warmp{position:relative;right:0;z-index:1;-webkit-transition:all .5s ease;transition:all .5s ease;}

.openMenu{right:480px;-webkit-transition:all .5s ease;transition:all .5s ease;}

.openNav{right:0;-webkit-transition:all .5s ease;transition:all .5s ease;}

.scrollerBox{ position:relative;overflow:scroll;overflow-x:hidden;overflow-y:scroll;-ms-touch-action: none;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;}

.scroller {position: absolute;width:100%;padding:0 0 100px 0;cursor:move;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);}

.tab-honner-con .con{ display:none; padding-top:5%;}

.tab-honner-con .active{ display:block;}

.honner-focus{ position:relative;}

.honner-focus .prev,.honner-focus .next{ position:absolute;z-index:20;width:41px;height:66px;overflow:hidden;top:50%;margin:-20px 0 0 0;text-indent:-9999em;cursor:pointer;}

.honner-focus .prev{left:4%; background:url(../images/icon_prev.png) no-repeat;}

.honner-focus .next{right:4%; background:url(../images/icon_next.png) no-repeat;}

.honner-focus .bd{width:1000px;margin:20px auto;}

.honner-focus li{text-align:center;}

.honner-focus li a img{display:block;width:1000px; height:400px; padding:10px;border:0px solid #f8f8f8;border-radius:0px;}







.lttel{float:left; margin: 5em 0 0em 2%; border-bottom:1px solid #666;  width: 230px; padding-bottom:2em}

.lttel i{color:#000; font-size:16px; line-height:1.6em; font-weight:bold;}



/* Search form */

.search {margin:0;  float:left; padding: 2em 0 2em 0em;}

.search span { float:right; width: 230px; display:block; background: none; height:28px; margin:0; padding:0; border:1px solid #000;}

.search input#s { float:left; width:205px; padding:6px 0 5px 55px; margin:0; border:0;color:#afaeae; font:normal 12px/15px Arial, Helvetica, sans-serif; background:url(../images/sh.png) no-repeat; }

.search .btn { float:left; padding:0; margin:0; border:0; width:auto; }



.searchbn {margin:0 auto;  padding:0em 0 2em 0em; padding-left:40%;}

.searchbn span { width: 230px; display:block; background: none; height:28px; margin:0; padding:0; border:1px solid #fff;}

.searchbn input#s { float:left; width:205px; padding:6px 0 5px 55px; margin:0; border:0;color:#afaeae; font:normal 12px/15px Arial, Helvetica, sans-serif; background:url(../images/sh.png) no-repeat; }

.searchbn .btn { float:left; padding:0; margin:0; border:0; width:auto; }





.menuBox{width:1200px;z-index:30;position:relative;  height:100%; overflow:hidden; }



.col-left{width: 300px; display:inline-block; padding-top:9%; height:100%!important;overflow:hidden;}

.block-vertnav{width:230px; display:inline-block; margin-left:12%;}

.block-title strong{padding-left:15px; font-size:28px;}

.block-content{padding:0; border-bottom:1px solid #aaaaaa; border-top:1px solid #aaaaaa; padding:5em 0; float:left; width:230px;}

.block-content li.item{padding:5px 0;}

.block-content li.item .product-name{}

.accordion{padding:0;margin:0;list-style-type:none;}

.accordion ul{float:left;display:block;width:100%;padding:0;margin:0;}

.accordion li{float:left;display:block;width:100% !important;padding:0 !important;margin:0;list-style-type:none;cursor:pointer;position:relative;}

.accordion li.active{ color:#000;}



.accordion li.current{}

.accordion li a{display:block;padding:15px 10px;font-size:1.1666em;line-height:1.2857em;}

.accordion li li a{padding-left:20px;}

.accordion li li li a{padding-left:40px;}

.accordion li li li li a{padding-left:60px;}

.accordion li.parent > a{padding-right:54px;}

.accordion .opener{position:absolute;left:0;top:0;display:block;cursor:pointer;background:url(../images/opener.png) center center no-repeat;}

.accordion .opener:hover{border-bottom-color:#FF4B01;background:;}

.accordion-style1 li a{padding:5px 10px;}

.accordion-style1 li li a{padding-left:50px;}

.accordion-style1 li li li a{padding-left:35px;}

.accordion-style1 li li li li a{padding-left:50px;}

.accordion-style1 li.parent > a{padding-left:40px; }

.accordion-style1 li a{border-bottom-color:#eee;border-bottom:0px solid rgba(0,0,0,0.06);font-size:1em;line-height:1.5em;}

.accordion-style1 li a:hover{background: #;}

.accordion-style1 .opener{width:28px;height:28px;background:;}

.accordion-style1 .opener:hover{background-color:; background-image:url(../images/opener-w.png);}

.accordion-style1 li.active > .opener{background-image: url(../images/opener-active.png);}

.accordion-style1 li.active > .opener:hover{background-image: url(../images/opener-active-w.png);}

.block-title{font-size:1.3333em;line-height:32px;font-weight:normal; height:32px; color:#000; padding:5em 0; border-top:2px solid #000; }

.block-content,.block-content > *{margin-top:0;}

.collapsible .opener{position:absolute;right:0;top:2px;display:block;cursor:pointer;width:30px;height:30px;background-color:#f2f2f2;background-color:;background-image:url(../images/opener.png);background-position:center center;background-repeat:no-repeat;}

.collapsible .opener:hover{background-color:;background-image:url(../images/opener-w.png);}

.collapsible.active .opener{background-image:url(../images/opener-active.png);}

.collapsible.active .opener:hover{background-image:url(../images/opener-active-w.png);}

.mobile-collapsible{}





/*内右边**************************************************************/

.centerin {float:right;  width: 870px; padding-top:9%;}

.inaboutt {width:850px;  border-bottom:0px solid #d8d8d8; display: inline-block; padding:0% 0 5em 0;}/*内标题*/

.neirongin{border-bottom:0px dotted #bebebe; float:left; width:830px;}



.neirongin span{font-size:16px;color:#333;margin-right:5px; float:right; display:inline; border-bottom:1px  solid #bebebe; padding:0px 0 0 6em; line-height:25px;}

.neirongin span a{color: #a0a0a0; margin-right:5px; display:inline;}

.in_about_text{min-height:300px;border:0px solid #ccc;border-top:0px; float:left;  margin:10px 0px; display:inline;}

.in_about_textin{width:850px;padding:10px 15px; float:left;}

.newsContent{line-height:26px;width:769px;overflow:hidden; float:left;}

.newsContent p{line-height:26px; text-indent:24px; width:769px; float:left; font-size:14px; margin-top:5px;}



#ProductsUl{width:870px; float:left; padding:0em 0 2em;}

#ProductsUl ul li{float:left;padding:0px 12px; width:210px;}

.proimgdiv{border:1px solid #ccc;text-align:center;vertical-align:middle;display:table-cell;}

.proimgdiv img{vertical-align:middle; width:192px; height:144px;}

.proname{line-height:1.8em;font-size:12px;font-weight:normal; word-wrap:break-word; margin:5px 0px; height:25px; text-align:center;}





.single-men p{font-size: 1.1em;color:#000;line-height: 1.8em;}

.single-men p b{color:#000;}

.single-men p img{float:left; padding-right:2em;}











#footer{background:url(../images/foot.jpg)  repeat-x;}















/* Social */

.list-inline{list-style: none; padding:2em 0 8em;}

.sn{list-style-type:none; margin:0px auto; padding: 0px 0px 0 39.5%;}

.sn li{list-style-type:none; margin:0; padding:0 1em 0 0px; display:inline; background:transparent} 

.sn span{height:36px; width:36px; display:inline-block;}

.sn .icon-img{background-position:0 0;}

.sn .icon-img:hover{background-position:0 -36px !important;}



.icon-img.twitter{background: url(../images/twitter.png)}

.icon-img.facebook{background:url(../images/facebook.png)}

.icon-img.google{background:url(../images/google.png)}

.icon-img.rss{background:url(../images/rss.png)}

.icon-img.pinterest{background:url(../images/pinterest.png)}









.footlogo{padding:3em 3em;}

.footer_aboutlt{width:100%; height:200px; background:#1b1b1b;}

.public_footer_new .footer_sort{width:16%;float: left; padding:3em 1em 0 0; color:#fff; }

.public_footer_new .footer_sort .f_title{display: block;padding-left:5px;font-size: 16px;font-family: "microsoft yahei";color: #fff;height: 36px;line-height: 36px;}

.public_footer_new .footer_sort ul{padding-left:5px;}

.public_footer_new .footer_sort ul li{line-height: 20px;height: 20px; overflow:hidden;}

.public_footer_new .footer_sort ul li a{color:#b7b7b7;}



.footer_bootom{width:100%; height:250px; background:#e4e4e4;}

.footerbt{padding:2em 0em 2em 2em;}

.footerbt .wx{width:16%; float:left; line-height:1.8em; color:#000; text-align:center;}

.footerbtlt{width:48%; float:left; color:#fff;line-height:1.8em; padding-left:7%; border-left:1px solid #fff;}

.footerbtlt dl{overflow:hidden; }

.footerbtlt dt{height:2em; border-bottom:1px solid #fff; width:85%; float:left; font-size:16px; font-weight:bold; margin-bottom:1em; }

.footerbtlt dd{float:left; padding-right:15%; font-size:14px; line-height:2em;width: 50%;}

.footerbtlt dd a{color:#000;}





.footwit{ text-align:center; color:#000; float:left; width:1200px; padding-top:2em}



/*--slider-up-arrow--*/

#toTop{display: none;text-decoration: none;position: fixed;bottom: 9%;right: 3%;overflow: hidden;width:94px;height:89px;border: none;text-indent: 100%;background: url(../images/move-up.png) no-repeat 0px 0px;}

#toTopHover{width:94px;height:89px;display: block;overflow: hidden;float: right;opacity: 0;-moz-opacity: 0;filter: alpha(opacity=0);}





#back-top{position: fixed;right: 40px;bottom: 40px;z-index: 999;display: none;width:100px;height:100px;background: url(../images/1.png) no-repeat ;}

#back-top:after{width: 40px;height: 40px;text-align: center;color: #e1e1e1;font-size: 20px;font-family: 'fontello';line-height: 48px;-webkit-transition: all .25s ease;transition: all .25s ease;}

#back-top:hover{background: url(../images/2.png) no-repeat ;}

#back-top:hover:after{color: #fff;}



/* 2015 6 30*/

.ac_ul li {

width: 820px;

height: 136px;

border-bottom: solid 1px #ccc;

position: relative;

margin-bottom: 15px;

}

.ac_info {

width: 595px;

float: right;

height: auto;

padding-right: 10px;

position: relative;

padding-bottom: 25px;

}

.ac_info p {

line-height: 25px;

color: #333;

padding: 10px 0px;

}

.ac_more {

color: #777;

font-size: 14px;

font-weight: bold;

position: absolute;

bottom: 20px;

top: 25px;

}

.ac_info_tit span {

color: #b1b1b1;

float: right;

}

.ac_info_tit a {

font-size: 15px;

font-weight: bold;

color: #000;

float: left;

width: 490px;

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis;

}



/*201572*/

.view-con{ width:750px; margin:0 auto;}

.product-intro{width:100%;position:relative;margin-bottom:10px}

.product-image{position:relative;overflow:visible;z-index:3; height:520px;}

.pro-info{width:750px;position:absolute;z-index:4;top:0;left:422px}

.product-info{width:650px;padding:0 45px}

.product-info .split{width:100%;margin:10px 0;height:1px;background:url(../images/w3-rep-bg2.png) repeat-x 0 0}

.product-rate{width:168px;float:right;background-color:#f9f9f9;text-align:center;border:1px solid #f0f0f0}

a:hover{text-decoration:none}

.proimg-wrap{width:420px;height:420px;border:1px solid #f1f1f1;overflow:hidden;margin:auto}

.proimg-wrap img{display:none}

.proimg-wrap img.on{display:block}

.proimg-list{width:100%;height:67px;padding:15px 0 0px}

.pl-nav{width:100%;margin-top:-67px;height:67px}

.pl-wrap{height:67px;width: 420px;margin:auto;padding-top:3px;overflow:hidden}

.pl-wrap ul{width:1000px;height:67px;margin-left:0}

.pl-wrap ul li{width: 67px;height: 67px;border:1px solid #ddd;position:relative;float:left;margin-right:3px;}

.pl-wrap ul li .arr{display:none;width:8px;height:4px;background: url(../images/vrew.png) no-repeat;position:absolute;top:-5px;left:50%;margin-left:-3px}

.pl-wrap ul li.on{border-color:#fe9b0a;}

.pl-wrap ul li.on .arr{display:block}

.zi_3{ text-align:center;}



/* 2015  07 02*/

.footer_nvice{ padding-top:3.5em;}

.footer_nvice img{ margin-right:25px;}



/* 2015 7 3*/

.single-men{padding-right:20px;}

.single-men img{ margin-right:20px;}

.in_about_text1{width:820px;}

.pages{text-align:center; font-weight:bold;}

.pages .a1{color:#000;}



.banner1{width:1200px; height:600px; position:relative;}



/*2015 7 21*/

.mod18Box {padding: 10px;margin: 0px auto;width: 700px;}

.mod18{width: 700px;height: 700px;margin: 0px auto;position: relative;}

.mod18 .btn{position:absolute;width:15px;height:70px;top: 704px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}

.mod18 .prev{left:0;background:url(../images/prevbtn.png) no-repeat;}

.mod18 #prevTop,.mod18 #nextTop{}

.mod18 #prevTop{}

.mod18 #nextTop{}

.mod18 .next{right:0;background:url(../images/nextbtn.png) no-repeat;}

.mod18 li{float:left;}

.mod18 .cf li{position:relative;color:#fff;}

.mod18 .cf a{display:block;width: 700px;height: 700px;position:absolute;color:#fff;}

.mod18 .cf li span{display:block;width:640px;position:absolute;left:0;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}

.mod18 .picBox{height: 700px;position:relative;overflow:hidden;}

.mod18 .picBox ul{height: 700px;position:absolute;}

.mod18 .picBox li{width: 700px;height: 700px;}

.mod18 .listBox{ width: 660px; height: 60px; margin: 0 auto; position: relative; padding: 6px 0 0px; overflow: hidden; }

.mod18 .listBox ul{height: 86px;position:absolute;}

.mod18 .listBox li{width: 69px;height: 53px;cursor:pointer;position:relative;}

.mod18 .listBox li i{display:none;}

.mod18 .listBox li a{display:block;width:124px;height:70px;}

.mod18 .listBox li img{width:124px;height:70px;}

.mod18 .listBox .on img{width: 70px;height: 53px;border:3px solid #ff6600;}

.mod18 .listBox .on i{display:block;}

.mod18 .cf li img{ width:100%; height: 100%;}



table,tr,td{ border:1px solid}