@charset "utf-8";
/*** Reset ***/
body,html{width:100%;height:100%;}
body,div,dl,dt,dd,ul,ol,li,form,input,textarea,select,p,h1,h2,h3,h4,h5,h6{font:12px/24px "微软雅黑";padding:0;margin:0}
body,html{font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:14px; width:100%; color:#565656; line-height:24px; zoom:1; -webkit-text-size-adjust:none; background-color:#ffffff;}
em,i,del{font-weight:normal;font-style:normal}
img{vertical-align:top;border:0}
ol,ul{list-style:none}
li{float:left}
a{color:#565656; text-decoration:none;}
a:hover{text-decoration:none; color:#085ba1;}
input{padding-left:3px}
/*清除浮动*/
.clear{clear:both}
/*空白行和列*/
.r05{ width:100%;height:5px;margin:0 auto;clear:both}
.l05{ width:5px;height:100%;margin:0 auto;clear:both}

/*Header*/
.header{width:100%;height:88px;background:url(headerBg.gif) repeat-x top}
.headerCon{width:960px;height:88px;margin:0 auto; overflow:hidden}
.logo{ float:left;}
.logo a{line-height:88px;display:block;margin-top:19px;}
.headerLink{ float:right; margin:54px -1px 0 0; display:inline}
.headerLink a{ font:12px/24px Arial, "微软雅黑"; color:#444; padding:0 13px; background:url(aBg01.gif) no-repeat center right}
/*.nav{ width:960px; height:36px; margin:0 auto}*/
/*Banner*/
.banner{ width:100%; height:526px; border-bottom:1px solid #fff}
.indexbanner .islide{position:relative; z-index:2; height:470px; margin:0 auto; overflow:hidden;}
.indexbanner .islideimg img {position:absolute;left:0;top:0px;height:470px; width:100%;z-index:1;}



#top{width:100%; height:66px; background:url(index_02.png) repeat-x 0 -26px; padding-bottom:0px;}
#head{width:960px; height:17px; line-height:17px; margin:0 auto; padding:4px 0; text-align:right; color:#afcef8;}
#head a{color:#f7b3b3; margin-left:10px;}
#head a#ditu{background:url(ditu.png) no-repeat left center; padding-left:35px;}
#head a#weibo{background:url(weibo.png) no-repeat left center; padding-left:25px;}
#head a#youxiang{background:url(youxiang.png) no-repeat left center; padding-left:20px;}
#head a#xiazai{background:url(xiazai.png) no-repeat left center; padding-left:20px;}
#head a#zhongwen{background:url(zhongwen.png) no-repeat left center; padding-left:20px;}
#head a#yingwen{background:url(yingwen.png) no-repeat left center; padding-left:20px;}

.nav{width:960px; margin:0 auto; text-align:center;}
.nav li {float:left; position:relative;}
.nav li a {display:block; font:12px/24px "微软雅黑"; font-size:14px; height:67px; line-height:67px; color:#000000; padding:0 18px;}
.nav li a:hover{background:#ffffff; color:#000000; font-weight:bold;}
.nav li#logo{width:160px; text-align:left; margin-right:15px; margin-left:0px;}
.nav li#logo a{width:160px; background:none; text-align:left; height:46px; line-height:46px; padding:0; padding-top:10px;}

.nav li.cn{text-align:right;}
.nav li.cn a{width:30px; height:19px; line-height:19px; padding:0 0; margin-top:25px; margin-left:8px;}
.nav li.en{text-align:right;}
.nav li.en a{width:50px; height:19px; line-height:19px; padding:0 0; margin-top:25px; margin-left:8px;}

.nav li ol {display: none; Z-INDEX: 9999; background:url(navbg.gif) repeat-x bottom #ffffff;  left: 0px; OVERFLOW: hidden; width:200px; POSITION: absolute; top:50px; text-align:left; padding:0 0 0px;}
.nav li ol li {float:left; width:200px;  background:none;}
.nav li ol li a {height:30px; width:200px; line-height:30px;  border-bottom:1px solid #f5f5f5; font-size:12px;  font-weight:normal; overflow:hidden; display:block;}


.nav li ol.navli_jituan{width:104px;}
.nav li ol.navli_jituan li{width:104px; text-align:center;}
.nav li ol.navli_jituan li a{width:96px; padding:0px 5px; margin:0;}

.nav li ol.navli_xinwen{width:104px;}
.nav li ol.navli_xinwen li{width:104px; text-align:center;}
.nav li ol.navli_xinwen li a{width:96px; padding:0px 5px; margin:0;}


.nav li ol li a.active {background:#085ba1; color:#ffffff;}
.nav li ol li a:hover {background:#085ba1; color:#ffffff;}


.navEN li a {padding:0 15px;}
.navEN li a:hover{font-weight:normal;}
.navEN li#logo{margin-right:0px;}


.con {font-SIZE:12px; right:10px; color:#3363b6; position:absolute;}
.con a {color:#999;DISPLAY:inline-block; padding-LEFT:70px;}

.main_image{width:100%; height:650px; overflow:hidden; margin:0 auto; position:relative;  min-width:1102px; padding-bottom:23px;}
.main_image ul{width:9999px; height:650px; overflow:hidden; position:absolute; top:0; left:0}
.main_image li{float:left; width:100%; height:650px;}
.main_image li span{display:block; width:100%; height:650px;}
.main_image li a{display:block; width:100%; height:650px; background:url(banner_bottom_bg.png)  bottom repeat-x;}


div.flicking_con{width:990px; margin:0 auto; position:relative;z-index:998;}
div.flicking_con .flicking_inner{position:absolute; top:550px; left:260px; width:480px; height:70px;} /* 121126 */
div.flicking_con a{float:left; width:100px; height:50px; margin:5px; padding:0; background:url(btn_main_img.png) 0 0 no-repeat; display:block; border:2px solid #3363b6;}
div.flicking_con a img{width:100px; height:50px;}
div.flicking_con a.on{background-position:0 -21px; border:2px solid #ff3300;}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(hover_right.png) no-repeat right top;right:100px;}



/*Bodyer*/
.bodyer{width:100%; min-height:269px; height:auto !important; height:269px; overflow:visible; background:url(indexBodyBg.jpg) repeat-x #fff; _overflow:hidden; z-index:20; position:relative;}
.bodyerCon{width:960px;margin:0 auto; position:relative; top:-36px}
.bodyerCon .about{ width:233px; height:186px; float:left; margin:0 9px 0 0px; display:inline; background:url(newsBg.png) no-repeat}
.bodyerCon .about h2{ font:13px/36px "微软雅黑"; color:#373737; overflow:hidden;}
.bodyerCon .about h2 em{ font:9px/36px Arial; color:#cccccc; padding-left:6px; text-transform:uppercase;}
.bodyerCon .about h2 a{ font:13px/36px "微软雅黑"; color:#373737; padding-left:20px}
.bodyerCon .about img{ margin:0px 0 0 18px; display:inline;}
.bodyerCon .about p{padding:0 16px}
.bodyerCon .about p a{ font:12px/22px "微软雅黑"; color:#333; padding:5px 20px;}
.bodyerCon .about p a:hover{color:#085ba1;}
.bodyerCon .productdiv{ width:233px; height:186px; float:left; margin:0 9px 0 0px; display:inline; background:url(newsBg.png) no-repeat;}
.bodyerCon .productdiv h2{ font:13px/36px "微软雅黑"; color:#373737; overflow:hidden;}
.bodyerCon .productdiv h2 em{ font:9px/36px Arial; color:#cccccc; padding-left:6px; text-transform:uppercase;}
.bodyerCon .productdiv h2 a{ font:13px/36px "微软雅黑"; color:#373737; padding-left:20px}
.bodyerCon .productdiv img{margin:0px 0 0 18px; padding:4px; border:1px solid #e5e5e5;}
.bodyerCon .productdiv p{ text-align:center;}
.bodyerCon .productdiv p a{ font:12px/20px "微软雅黑"; color:#333; padding:5px 20px; text-align:center !important; display:block;}
.bodyerCon .productdiv p a:hover{color:#085ba1;}
.bodyerCon .products{ width:488px; height:186px; float:left; margin-right:9px; display:inline; background:url(productsBg.png) no-repeat}
.bodyerCon .products h2{ font:13px/36px "微软雅黑"; color:#313231; padding:7px 0 0 21px}
.bodyerCon .products h2 em{ font:9px/36px Arial; color:#cccccc; padding-left:6px; text-transform:uppercase;}
.bodyerCon .products h2 a{ font:8px/36px Arial; color:#7b7b7b; text-transform:uppercase; float:right; margin-right:19px; display:inline; *margin-top:-36px}
.inner{ width:450px; height:121px; float:left; margin-left:21px; display:inline}
.marquee{ display:inline; float:left; width:450px; height:121px; overflow:hidden}
.marquee ul{ width:456px; float:left; display:inline}
.marquee ul li{ width:145px; height:121px; text-align:center; margin-right:7px; display:inline; text-align:center}
.marquee ul li img{ padding:4px; border:1px solid #e5e5e5; height:135px!important; height:87px!important;}
.marquee ul li a{ font:12px/24px "微软雅黑"; color:#000}
.marquee ul li a:hover{color:#085ba1;}
.bodyerCon .invest{ width:233px; height:186px; float:right; background:url(newsBg.png) no-repeat}
.bodyerCon .invest h2{ font:13px/36px "微软雅黑"; color:#313231; padding:0px 0 0 17px}
.bodyerCon .invest h2 a{ font:13px/36px "微软雅黑"; color:#313231;}
.bodyerCon .invest h2 em{ font:9px/36px Arial; color:#cccccc; padding-left:6px; text-transform:uppercase;}
.bodyerCon .invest img{margin:0px 0 0 15px;}
.bodyerCon .invest p a{ font:12px/20px Arial, "微软雅黑"; color:#333; padding:5px 17px; float:left}
.bodyerCon .invest p a:hover{color:#085ba1;}
.bodyerCon .invest .invest_tel{ display:none;}
.bodyerCon .news{ width:930px; float:left; margin:15px 0 0 15px; display:inline}
.indexNewsTop{ width:930px; height:21px; background:url(newsTopBg.gif) repeat-x bottom}
.indexNewsTop a{ float:right; font:8px/21px Arial; color:#085ba1; font-weight:bold; text-transform:uppercase; margin-right:19px; display:inline; *margin-top:-21px}
.indexNewsLeft{ width:450px; float:left; border-right:1px dotted #c9c9c9; padding-right:50px; margin-top:12px}
.indexNewsLeft img{ float:left; margin:0 19px 0 2px; display:inline}
.indexNewsLeft h2{ font:bold 12px/24px "微软雅黑"; color:#333; padding-bottom:8px}
.indexNewsLeft h2 em{ font:12px/24px Arial; color:#7b7b7b; float:right; *margin-top:-32px}
.indexNewsLeft h2:hover{color:#085ba1;}
.indexNewsLeft a{ font:12px/20px "微软雅黑"; color:#333}
.indexNewsLeft a:hover{ color:#085ba1;}
.indexNewsRight{ width:427px; float:left}
.indexNewsRight ul{ width:392px; float:left; margin-top:12px}
.indexNewsRight li{ width:392px; height:26px; margin-left:34px; display:inline}
.indexNewsRight li a{ font:12px/26px "微软雅黑"; color:#333}
.indexNewsRight li a:hover{ font:12px/26px "微软雅黑"; color:#085ba1;}
.indexNewsRight li span{ font:12px/26px Arial; color:#7b7b7b; float:right; *margin-top:-26px}
/*Footer*/
.footer{width:100%;height:93px; background:url(footerBg.gif) repeat-x; margin-top:30px;}
.footerCon{width:930px;height:93px;margin:0 auto}
.footerBox{ width:930px; height:93px; float:left; margin-top:-33px; *margin-top:0}
.footerCon p{ font:12px/33px "微软雅黑"; color:#a9a9a9; float:left}
.footerCon p em{ font:bold 12px/33px Arial}
.footerCon select{ float:right; width:106px; margin-top:9px; font:12px/20px "微软雅黑"; color:#a9a9a9}
.footerCon p.Right{ font:12px/44px Arial, "微软雅黑"; color:#888}
.footerCon p.Right a{ font:12px/44px Arial, "微软雅黑"; color:#888}


#bottom{width:100%; overflow:hidden; background:#e9e9e9; padding:20px 0 15px;font-size:12px; font-weight:bold; border-top:1px solid #cccccc;}
#bottom_menu{width:1180px; margin:0 auto; overflow:hidden; color:#666666; text-align:center;}
#bottom_menu span{padding-left:10px;}
#bottom_menu a{color:#666666;}
#bottom_menu a:hover{}

/*inside*/
.insideBanner{ width:100%; border-bottom:1px solid #fff}
.insideBodyer{ width:100%; background:url(insideBodyBg.jpg) repeat-x #fff}
.insideCon{width:928px;margin:0 auto}
.side{ width:205px; float:left; margin-top:20px}
.aboutSide{ background:url(aboutSide.png) no-repeat top}
.productsSide{ background:url(productsSide.png) no-repeat top}
.sideTitle{ width:205px; height:172px; float:left;}

.sideTitle span{line-height:30px; margin-top:50px; padding-left:15px; font-size:13px; font-weight: bold; display:block; color:#085ba1; font-family: Georgia, "Times New Roman", Times, serif}
.sideTitle h2{line-height:20px; margin-top:0px; padding-left:15px; font-size:15px; font-weight: bold; color:#333333;}
.sideTitle p{line-height:20px; margin-top:10px; padding-left:15px; padding-right:14px; font-size:11px; color:#565656;}
.sideTitle font{padding:0 0px; margin:2px 2px 0; display:inline-block; height:8px; width:0px;}
/*.sideList{ width:205px; float:left}
.sideList ul{ width:174px; padding-left:12px}
.sideList li{ width:174px;}
.sideList li a{ display:block; width:165px; padding-left:9px; font:14px/30px "微软雅黑"; color:#888d96; border-bottom:1px dotted #c2c2c2}
.sideList li a.on{ color:#fff;}
.sideList li a.onaa,.sideList li a:hover{ color:#fff; background:url(productsLiBg.gif) no-repeat}
.sideList .sunList{ width:154px; float:left; display:none; padding-left:12px}
.sideList .sunList li{ width:154px; padding-left:0px; margin-left:-12px}*/
/*.sideList .sunList li a{ width:141px; height:28px; overflow:hidden}*/
/*.productsLi{ background:url(productsLiBg.gif) no-repeat}*/
/*.sideList .sunList a{ display:block; width:153px; height:28px; border-bottom:1px dotted #c2c2c2; background:url(aBg02.gif) no-repeat 10px 11px; font:13px/31px "微软雅黑"; color:#757575; padding-left:21px; overflow:hidden}*/
/*.sideList .sunList a{ display:block; width:161px;  border-bottom:1px dotted #c2c2c2; background:url(aBg02.gif) no-repeat 5px 11px; font:13px/18px "微软雅黑"; color:#757575; padding:6px 0 6px 13px}
.sideList .sunList a:hover{ background:url(aBg02.jpg) no-repeat 5px 11px #d2d1cf; color:#ff0000}

.sideList .sunList a.on2{color:#085ba1; background:url(aBg02.png) no-repeat 2px 12px #d2d1cf;}
.sideList .sunList a.on2:hover{color:#ff0000;}

.sideList .sunList .sunLists{ width:155px; display:none}
.sideList .sunList .sunLists li a{ width:161px; background:url(liBg01.gif) no-repeat 5px 14px; font:12px/18px "微软雅黑"; padding-left:13px; margin-left:0px; color:#757575;}
.sideList .sunList .sunLists li a:hover{ background:#d2d1cf; color:#ff0000}


.productsLiA{ height:32px; overflow:hidden;}*/



.sideList{ width:205px; float:left}
.sideList ul{ width:174px; padding-left:12px}
.sideList li{ width:174px}
.sideList li a{ display:block; width:155px; padding-left:19px; font:14px/30px "微软雅黑"; color:#085ba1; border-bottom:1px dotted #c2c2c2; overflow:hidden; height:30px;}
.sideList li a.on{ color:#fff}
.sideList li a.onaa,.sideList li a:hover{ color:#fff; background:url(productsLiBg.gif) no-repeat;}
.sideList .sunList{ width:154px; float:left; display:none; padding-left:12px;}
.sideList .sunList li{ width:174px; padding-left:0px; margin-left:-12px; overflow:hidden; height:30px;}
/*.sideList .sunList li a{ width:141px; height:28px; overflow:hidden}*/
.sideList .sunList li a{ width:154px; color:#888d96;}
.sideList .sunList .sunLists{ width:155px; display:none}
.sideList .sunList .sunLists li a{ width:111px; background:url(liBg01.gif) no-repeat 20px 13px; padding-left:35px; margin-left:-12px}
.sideList .sunList .sunLists li a:hover{ background:#d2d1cf}
.productsLi{ background:url(productsLiBg.gif) no-repeat}
/*.sideList .sunList a{ display:block; width:153px; height:28px; border-bottom:1px dotted #c2c2c2; background:url(aBg02.gif) no-repeat 10px 11px; font:13px/31px "微软雅黑"; color:#757575; padding-left:21px; overflow:hidden}*/

.sideContact{ width:205px; float:left; padding:95px 0}

.sideList_li_on{ color:#ffffff !important; padding-left:6px !important; width:168px !important; background:url(productsLiBg.gif) no-repeat;}
.sideList_liul{padding-left:0px !important; padding-left:0px !important;}
.sideList_lili_on{padding-left:6px !important;font-size:12px !important; width:168px !important;}
.sideList li a.sideList_lili_on{font-size:12px !important;}
/*.aboutSide .invest{ width:192px; height:176px; float:left; background:url(investBg.png) no-repeat; margin-top:60px; margin-bottom:20px; margin-left:5px;}
.aboutSide .invest h2{ font:13px/24px "微软雅黑"; color:#313231; padding:5px 0 0 21px}
.aboutSide .invest h2 a{ font:13px/24px "微软雅黑"; color:#313231;}
.aboutSide .invest img{ float:left; margin:5px 0 0 5px; display:inline}
.aboutSide .invest p a{ font:12px/20px Arial, "微软雅黑"; color:#333; padding:2px 10px; float:left}*/

.aboutSide .invest{ width:192px; height:186px; float:left; background:url(investBg.png) no-repeat; margin-top:60px; margin-bottom:20px; margin-left:5px;}
.aboutSide .invest h2{ font:13px/37px "微软雅黑"; color:#313231; padding:7px 0 0 15px}
.aboutSide .invest h2 a{ font:13px/37px "微软雅黑"; color:#313231; padding-right:5px;}
.aboutSide .invest h2 em{ font:9px/37px Arial; color:#d0d0d0; padding-left:6px; text-transform:uppercase}
.aboutSide .invest img{ float:left; margin:0px 0 0 15px; display:inline}
.aboutSide .invest p a{ font:12px/20px Arial, "微软雅黑"; color:#333; padding:5px 15px; float:left}
.aboutSide .invest p a:hover{color:#085ba1;}

.content{ width:707px; float:left; margin-left:16px; display:inline; _margin-left:15px}
.contentTitle{ width:707px; height:67px; margin-top:20px; background:url(titleBg.gif) repeat-x bottom}
.contentTitle h2{ font:bold 16px/20px "微软雅黑"; color:#666; float:left; padding:18px 5px 17px 0; border-bottom:2px solid #3363b6}
.contentTitle h2 em{ font:10px/10px Arial; color:#b3b3b3}
.contentTitle p{ float:right; background:url(home.gif) no-repeat left 5px; *background-position:left 2px; padding-left:15px; font:12px/18px "微软雅黑"; color:#555; margin-top:45px}
.contentTitle p a{ font:12px/18px "微软雅黑"; color:#085ba1; padding:0 5px; font-weight:bold;}
.contentTitle p img{ margin-top:8px; *margin-top:5px}
.contentTitle p a.on{ font:bold 12px/18px "微软雅黑"; color:#085ba1}

.aboutCon{ padding:12px 12px 20px 5px; width:682px; float:left; line-height:24px; max-height:640px; overflow-x: hidden; overflow-y:hidden;}
.contentCon p{ font:12px/22px "微软雅黑"; color:#333; margin-bottom:10px;}
.aboutCon h1{text-align:center; font-size:16px;}

.aboutCon #dituContent{width:350px;height:250px;border:#ccc solid 1px; float:left; margin-right:50px; margin-top:30px;}
.aboutimg{float:right; margin-left:20px; width:250px;}
.proimg{margin:0 auto; width:640px; overflow:hidden; clear:both;}
.proimg img{ border:1px solid #e5e5e5; padding:4px; margin:5px; float: left; width:140px; height:95px;}

.productsContent{ width:715px; float:left; margin-left:7px; display:inline}
.productsTitle{ width:715px; height:68px; background:url(productsTitleBg.jpg) no-repeat bottom; margin-top:32px}
.productsTitle p{ float:right; height:36px; overflow:hidden; background:url(home.gif) no-repeat left 13px; padding-left:15px; font:12px/36px "微软雅黑"; color:#555; margin:0; _background-position:left 2px; _margin-top:10px}
.productsTitle p img{ margin-top:15px; *margin-top:3px}
.productsTitle h2{ font:bold 13px/32px "微软雅黑"; color:#106aaf; padding:37px 0 0 41px; border:none;}
.productsCon{ padding:17px 0}
.productsConul{ border-top:1px solid #fff; overflow:hidden; float:left}
.productsConul li{ width:715px; height:147px; border-top:1px solid #e8e8e8; margin-top:-1px}
.productsConul li img{ float:left; padding:4px; border:1px solid #e6e6e6; margin:26px 15px 0 19px; display:inline}
.productsConul h2{ font:bold 14px/30px "微软雅黑"; color:#106aaf; margin-top:24px}
.productsConul h2 a{ color:#106aaf}
.productsConul p{ font:12px/24px "微软雅黑"; color:#808080}
.productsConul a.detial{ float:right; font:13px/24px "微软雅黑"; color:#ccc; margin-right:5px; display:inline}
.productsConul a:hover{ color:#106aaf}
.productsinfoCon{ padding:36px 15px 36px 20px}
.productsinfoCon img{ display:block; margin:20px auto}
.productsinfoCon p{ font:12px/24px "微软雅黑"; color:#555}
.productsinfoCon table{ border:1px solid #ccc; border-left:none; border-bottom:none; border-spacing:0; border-collapse:collapse}
.productsinfoCon table td{ border:1px solid #ccc; border-right:none; border-top:none}

.turn{ width:auto; margin:20px auto; border-top:1px solid #ccc; padding-top:10px}
.turn a{ font:bold 12px/20px "微软雅黑"; color:#555; padding:0 10px}

.newsSide{ background:url(newsSide.png) no-repeat}
.newsCon{ padding:12px 0}
.newsConul{ float:left}
.newsConul li{ width:680px; border-bottom:1px dotted #e5e5e5; overflow:hidden; padding-bottom:0px; margin-bottom:0px;}
.newsConul li img{ float:left; padding:4px; margin:12px 11px 0 4px; display:inline; background:url(newsImgBg.gif) no-repeat; width:135px; height:87px;}
.newsConul h2{ font:14px/32px "微软雅黑"; color:#085ba1; margin-top:2px; background:url(liBg01.gif) no-repeat 0 15px; padding-left:10px;}
.newsConul h2 span{font:12px/32px; color:#999999; float:right;}
.newsConul p{ font:12px/24px "微软雅黑"; color:#666; overflow:hidden; padding-left:10px;}
.newsConul a.detial{font:12px/20px "微软雅黑"; color:#666; margin-right:5px;}



.newsConulli{ margin-bottom:10px;}
.newsConulli h2{ background:none; margin-top:8px; color:#085ba1;}
.newsConulli h2 a{color:#085ba1;}
.newsConulli h2 a:hover{}
.newsConulli p{ padding-left:0;}

.newsinfoCon{ padding:12px 0}
.newsinfoCon h2{ font:bold 14px/30px "微软雅黑"; color:#666; text-align:center}
.newsinfoCon span{ font:12px/18px Arial, "微软雅黑"; color:#555; display:block; text-align:center; margin-bottom:20px}
.newsinfoCon p{ font:12px/22px "微软雅黑"; color:#555}
.newsinfoBox{ min-height:260px;height:auto!important;height:260px;overflow:visible}

.investSide{ background:url(investSide.png) no-repeat}
.investCon{ width:707px; padding:18px 0; float:left}
.investCon h2{ font:14px/48px "微软雅黑"; color:#3363b6; padding-left:7px}
.investCon h2 a{ float:right; font:bold 14px/48px "微软雅黑"; color:#09b1d7}
.investConBox{ border:1px solid #f2f2f2}
.investConBoxIn{ border:1px solid #fff; background:#fafafa; padding-bottom:75px}
.investA{ width:690px; background:#f1f1f1; margin:6px 0 0 6px; float:left; display:inline}
.investA p{ width:638px; font:bold 12px/34px "微软雅黑"; color:#333; float:left}
.investA em{ float:left; font:bold 12px/34px "微软雅黑"; color:#333; padding:0 20px 0 13px}
.investA span{ float:right; font:12px/34px Arial, "微软雅黑"; color:#979797; margin-right:15px; display:inline}
.investQ{ width:690px; margin:0 auto; padding-bottom:20px; border-bottom:1px solid #f1f1f1}
.investQ p{ font:12px/22px "微软雅黑"; color:#666; padding-left:13px}

.jobsSide{ background:url(jobsSide.png) no-repeat}
.jobsCon{ padding:30px 0}
.jobsCon img{ border:1px solid #cbd3da; margin-bottom:20px}
.jobsCon p{ font:14px/32px "微软雅黑"; color:#9b9b9b}

.contactCon{ width:707px; padding:60px 0; float:left}
.contactCon .map{ width:337px; height:284px; background:url(mapBg.jpg) no-repeat; float:left; margin:0 20px; display:inline}
.mapIn{ width:327px; height:274px; margin:5px}
.contactCon h2{ font:18px/30px "新微软雅黑"; color:#333}
.contactCon h3{ font:bold 12px/12px Arial; color:#333; margin-bottom:10px}
.contactCon p{ font:12px/20px "微软雅黑"; color:#333}

.honorCon{ width:707px; padding:20px 0; float:left}
.honorCon h2{ font:bold 14px/28px "微软雅黑"; color:#666; margin:20px auto 10px auto}
.honorCon p{ font:12px/24px "微软雅黑"; color:#333}
#demo {overflow:hidden;width:100%; border:1px solid #eaeaea; border-left:none; border-right:none; padding:10px 0}
#demo li{float:left;display:inline;margin:0 10px 0 0;border:1px solid #ccc}
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo2 {float: left;}

.messageText{ font:14px/24px "微软雅黑"; color:#666}
.messageTable{background:url(messageBg.jpg) repeat-x center top;margin:10px 0 0 0;padding:30px 0 0 0}
.messageTable table{width:100%;}
.messageTable table td{ font:14px/24px "微软雅黑"; color:#666; padding:3px 0}
.messageIpt{width:242px;height:22px;border:1px solid #e1e3e2;line-height:22px;padding:0 4px;}
.messageTex{border:1px solid #e1e3e2;padding:4px;height:120px;width:382px;}

/*.menubg { background:url(index_02.png) repeat-x 0px 40px;position:relative;z-index:15; overflow:hidden;}
.w928 { width:928px; margin:0 auto; }
.menu{height:66px;}
.menu li { float:left; position:relative;}
.menu li a,.menu li a.lina:hover{ font:14px/35px "微软雅黑"; color:#000000;z-index:10;position:relative;left:0;display:block;top:0;height:66px;line-height:66px; padding:0 24px;}
.menu li span{z-index:4;position:absolute; width:152px;left:0;display:block;bottom:0;}
.menu li span.on{background:url(menuli_over.jpg) repeat-x 0 0;}
.m1{line-height:30px;position:absolute;top:66px;margin:0 0 0 40px;left:0;display:none;height:60px;overflow:hidden;z-index:6; text-align:left;}
.m1 a{height:30px !important;line-height:30px !important;padding:0 15px 0 10px;display:block;background:url(menubg_over.jpg) repeat 0 0;}
.m1 a:hover{height:30px !important;line-height:30px !important;color:#1059a4;display:block;background:url(menubg_over.jpg) repeat 0 0;}
.menubbg{line-height:30px;height:60px;overflow:hidden;position:absolute;top:35px;left:0;display:none;width:100%;z-index:5;}

.islide{position:relative; z-index:2; height:490px; margin:0 auto;}
.islideimg img {position:absolute;left:0;top:0;height:490px; width:100%;z-index:1;}
.islidedian { position:absolute;left:50%;margin-left:404px;z-index:2; line-height:30px; width:100px;bottom:75px;}
.islidedian a { width:14px; height:14px; overflow:hidden;display:inline;margin:10px 0;padding:1px; position:relative; display:block;background:url(index_btn1.png) no-repeat 0 0; float:left;}
.islidedian a img {width:14px; height:14px;}
.islidedian a.selected {background:url(index_btn2.png) no-repeat 0 0;}
*/

.insideBanner .islide{position:relative; z-index:2; height:340px; margin:0 auto; overflow:hidden;}
.insideBanner .islideimg img {position:absolute;left:0;top:0px;height:340px; width:100%;z-index:1;}
.islidedian { position:absolute;left:50%;margin-left:404px;z-index:2; line-height:30px; width:100px;bottom:75px;}
.islidedian a { width:14px; height:14px; overflow:hidden;display:inline;margin:10px 0;padding:1px; position:relative; display:block;background:url(index_btn1.png) no-repeat 0 0; float:left;}
.islidedian a img {width:14px; height:14px;}
.islidedian a.selected {background:url(index_btn2.png) no-repeat 0 0;}


.honerlist{width:710px; font-size:14px; padding-right:10px; margin:0 auto;}
.honerlist li{width:150px; height:140px; margin:10px 8px 5px; overflow:hidden; float:left; display:block; text-align:center;}
.honerlist li a{color:#000000; font-size:14px; display:block; height:100px; width:150px;}
.honerlist li a:hover{color:#085ba1;}
.honerlist li img{height:100px; max-width:150px;}
.honerlist li p{ padding:20px 14px 40px; text-justify:distribute; text-indent:0;}
.honerlist li span{ display:block; height:24px; line-height:30px; text-align:center; padding-bottom:12px; overflow:hidden;}
.honerlist li.honerlistli:hover a.honerlistlia{height:320px; width:500px; display:block; margin-top:-100px; margin-left:-175px; position:absolute; z-index:999; text-align:center;}
.honerlist li.honerlistli:hover a.honerlistlia img{height:320px; max-width:500px; margin:0 auto;}


.dizhi1, .dizhi2{width:280px; height:250px; margin:50px 15px 0; padding:50px 10px 0; float:left; border:1px solid #e5e5e5; border-top:2px solid #085ba1; text-align:center;}
.dizhi1 h3, .dizhi2 h3{ font-weight:bold; font-size:16px; line-height:40px;}
.dizhi1 p, .dizhi2 p{line-height:24px; margin:0;}
.dizhi3{width:130px; margin-top:-114px;}

/*
.index_cases2{overflow:hidden; margin-top:30px; margin-left:20px;}
.index_cases2 li{margin:5px 15px; overflow:hidden; padding:10px 10px; width:120px; height:225px; float:left; border:1px solid #efefef; text-align:center;}
.index_cases2 li img{width: auto; height:auto; max-height:190px; max-width:120px;}
.index_cases2 li p{padding-top:5px; color:#333333;height:36px; line-height:18px; text-align:center;}
.index_cases2 li h3{height:30px; line-height:30px; overflow:hidden;}
.index_cases2 li h3 a{font-weight:bold; font-size:14px;}
.index_cases2 li:hover{background-color:#279d4b;color:#ffffff;}
.index_cases2 li:hover a{color:#ffffff;}
*/

/* 列表导航 */
.k_pagelist { font-size:12px;clear:both;width:100%;margin:5px 0px;line-height:50px;text-align:left; height:50px; padding-left:50px;}/* {king:pagelist/} 分页列表 构成:div a|strong|span */
.k_pagelist a {margin:0px 2px; background-color:#ffffff; border:1px solid #e5e5e5; padding:5px 8px;}
.k_pagelist a:hover{background-color:#ffffff; border:1px solid #3363b6;}
.k_pagelist strong {margin:0px 5px; border:1px solid #3363b6;  padding:5px 8px; color:#3363b6; font-weight:bold;}
.pagelist span {margin:0px 10px;color:#3363b6;}
.k_pagelist em{color:#3363b6; text-decoration:none;  background-repeat:no-repeat; background-position:left center;  padding:5px 8px; font-style:normal; font-weight:bold;}



.bodyerCon .about, .bodyerCon .invest, .menu, .index-content,.index_chanpin,.sub_right_left,.lanren,#qq5643930_right,.sub_left_fuwu, .sideList_pc{display:block;}
.hanbo_body, .bodyerConinvest, .lfooter, .sideList_m{display:none;}

/*--------------------手机端开始-----------------*/

@media screen and (max-width:720px) {

.aboutSide .invest, .bodyerCon .about, .bodyerCon .invest, .menu, .index-content,.index_chanpin,.sub_right_left,.lanren,#qq5643930_right,.sub_left_fuwu, .mnone, .sideList_pc{display:none;}
.hanbo_body, .bodyerConinvest, .lfooter, .sideList_m{display:block;}

*{margin: 0;padding: 0;font-family:"\5FAE\8F6F\96C5\9ED1","arial";}
/*Html5*/
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,
summary {display: block;}
audio,canvas,video {display: inline-block;}
audio:not([controls]) {display: none; height: 0;}
/*Base*/
html{font-size: 62.5%;/*10px*/ background: #fff; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0);/*修正手持设备字体变化*/}
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;}
body{ background:url(bg.gif); overflow-x:hidden;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
img{-ms-interpolation-mode:bicubic;/*ie7 解决图片缩放失真问题*/ border:0; vertical-align:bottom;}
address, caption, cite, code, dfn, em, strong, th, var{font-style: normal; font-weight:normal;}
ol,ul{list-style:none;letter-spacing:normal;word-spacing: normal;}
li {list-style:none; _display:inline;font-size: 12px;-webkit-tap-highlight-color:rgba(0,0,0,0);}
em{font-style:normal}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
button,input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%;outline: none;border: none;}
legend{color:#000}
button:focus {outline: 0;}
a:active,a:hover {outline: 0;/*transition:text-shadow 500ms ease-in 0ms, color 500ms ease-in 0ms;background-color: #000;*/}
button,input{line-height: normal;}
input:focus{outline: 0;}
button,select {text-transform: none;}
button,input[type="button"],input[type="reset"],input[type="submit"],input[type="text"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],
html input[disabled] {cursor: default;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;}
input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
input.sub {border: 0;margin: 0;cursor: pointer;}
input.radio {width: 13px;height: 13px;display: inline;}
input,select{-webkit-appearance:none; /*去除input默认样式*/  vertical-align:middle; }
input[type='checkbox']{-webkit-appearance:checkbox;}
input { padding-top:0; padding-bottom:0; font-family: "SimSun","宋体";}
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
input::-moz-focus-inner { border:none; padding:0; }
input { padding-top:0; padding-bottom:0; font-family: "SimSun","宋体";}
textarea {overflow: auto;vertical-align: top; -webkit-appearance: none;}
select, input, textarea { font-size:12px; margin:0; }
textarea { resize:none; }
p {word-wrap:break-word}
table { border-collapse:collapse; }
a{-webkit-tap-highlight-color:rgba(255,0,0,0);/*禁止a标签点击时的边框*/text-decoration: none;background: transparent; /*修正win8系统IE连接灰色背景*/
    outline:none;blr:expression(this.onFocus=this.blur());-webkit-touch-callout:none;/*禁止ios打开新页面*/ text-decoration:none;blr:expression(this.onFocus=this.blur());}
a:hover, a:active, a:focus {outline:0; text-decoration:none; }
.fl{float: left;}
.fr{float: right;}


/*Header*/
.header{width:100%;height:50px;background:none;}
.headerCon{width:100%;height:50px;margin:0 auto; overflow:hidden}
.logo{ float:left; margin-left:2px;}
.logo a{line-height:50px;display:block;margin-top:8px;}
.logo img{ height:36px;}
.headerLink{ float:right; margin:10px 50px 0 0; display:inline}
.headerLink a{ font:12px/24px Arial, "微软雅黑"; color:#444; padding:0 8px; background:url(aBg01.gif) no-repeat center right; line-height:35px;}

.banner{ width:100%; height:auto; border-bottom:none;display:none;}
.indexbanner{display:none;}


#top{width:100%; height:50px; background:url(index_02.png) repeat-x 0 -25px; padding-bottom:0px;}


.nav{width:100%; margin:0 auto; text-align:center;}
.nav li {float:left; position:relative; display:none;}
.nav li a {display:block; font:12px/24px "微软雅黑"; font-size:14px; height:50px; line-height:50px; color:#000000; padding:0 24px;}
.nav li a:hover{background:#e50000; color:#ffffff; font-weight:bold;}
.nav li#logo{width:120px; text-align:left; margin-right:0px; margin-left:3px; display: block;}
.nav li#logo a{width:120px; background:none; height:46px; line-height:46px; padding:0; padding-top:4px;}

.nav li.cn{text-align:left; display: block; float:right; padding-right:50px;}
.nav li.cn a{width:30px; height:19px; line-height:19px; padding:0 0; margin-top:17px; margin-left:8px;}
.nav li.en{text-align:left; display: block; float:right;}
.nav li.en a{width:55px; height:19px; line-height:19px; padding:0 0; margin-top:17px; margin-left:8px;}


.nav li ol {display: none; Z-INDEX: 9999; background:url(navbg.gif) repeat-x bottom #ffffff;  left: 0px; OVERFLOW: hidden; width:200px; POSITION: absolute; top:67px; text-align:left; padding:10px; border-bottom:2px solid #f5f5f5;}
.nav li ol li {float:left; width:200px;  background:none;}
.nav li ol li a {height:30px;width:190px; padding-LEFT:5px; line-height:30px;  border-bottom:1px solid #f5f5f5; font-size:12px; font-family:"宋体"; font-weight:normal; overflow:hidden; display:block;}

.nav li ol li a.active {background:#e50000; color:#ffffff;}
.nav li ol li a:hover {background:#e50000; color:#ffffff;}



.islide{position:relative; z-index:2; height:200px; width:100%; margin:0 auto;}
.islideimg img {position:absolute;left:0;top:0;height:200px; width:100%; z-index:1;}
.islidedian { position:absolute;left:50%;margin-left:0px;z-index:2; line-height:30px; width:60px;bottom:5px;}
.islidedian a { width:14px; height:14px; overflow:hidden;display:inline;margin:10px 0;padding:1px; position:relative; display:block;background:url(index_btn1.png) no-repeat 0 0; float:left;}
.islidedian a img {width:14px; height:14px;}
.islidedian a.selected {background:url(index_btn2.png) no-repeat 0 0;}



/*Bodyer*/
.bodyer{width:100%; min-height:auto; height:auto!important; overflow: hidden; background:url(indexBodyBg.jpg) repeat-x #fff; _overflow:hidden; z-index:20; position:relative;}
.bodyerCon{width:100%;margin:0 auto 10px; position:relative; top:0px}

.bodyerCon .productdiv{ width:48%; height:176px; float:left; margin:0 1% 0 1%; display:inline; background:none;}
.bodyerCon .productdiv h2{ font:13px/43px "微软雅黑"; color:#373737; height:40px; overflow:hidden;}
.bodyerCon .productdiv h2 a{ font:13px/43px "微软雅黑"; color:#373737; padding-left:5px}
.bodyerCon .productdiv img{margin:0px; padding:0px; border:0px solid #e5e5e5; width:100%; height:120px;}
.bodyerCon .productdiv p{ text-align:center;}
.bodyerCon .productdiv p a{ font:12px/20px "微软雅黑"; color:#333; padding:5px 0px; text-align:center !important; display:block;}
.bodyerCon .productdiv p a:hover{color:#085ba1;}

.bodyerCon .products{ width:100%; height:176px; float:none; margin-right:0px; display:inline; background:url(productsBg.png) no-repeat -5px 0px;}
.bodyerCon .products h2{ font:13px/37px "微软雅黑"; color:#313231; padding:7px 0 0 10px}
.bodyerCon .products h2 em{ font:9px/37px Arial; color:#d0d0d0; padding-left:6px; text-transform:uppercase}
.bodyerCon .products h2 a{ font:8px/36px Arial; color:#7b7b7b; text-transform:uppercase; float:right; margin-right:10px; display:inline; *margin-top:-36px}
.inner{ width:96%; height:121px; float:left; margin-left:2%; display:inline}
.marquee{ display:inline; float:left; width:100%; height:121px; overflow:hidden}
.marquee ul{ width:100%; float:left; display:inline}
.marquee li{ width:145px; height:121px; text-align:center; margin-right:7px; display:inline; text-align:center}
.marquee li img{ padding:4px; border:1px solid #e5e5e5; height:135px !important; height:87px !important;}
.marquee li a{ font:12px/24px "微软雅黑"; color:#000}
.bodyerConinvest{ width:98%; margin:1% auto; height:auto; float:none; background:none; overflow:hidden; clear:both; padding-bottom:20px; display:none;}
.bodyerConinvest h2{ font:12px/25px "微软雅黑"; color:#313231; padding:5px 0 0 10px; position:absolute; margin-bottom:-30px; display:none;}
.bodyerConinvest h2 a{ font:13px/25px "微软雅黑"; color:#313231;}
.bodyerConinvest h2 em{ font:9px/25px Arial; color:#d0d0d0; padding-left:6px; text-transform:uppercase}
.bodyerConinvest img{ float:none; margin:0px 0 0 0px; display:inline; width:100%; height:60px; display:none;}
.bodyerConinvest p{height:36px; line-height:36px; padding:0px 0 0 0px;/* position:absolute; margin-top:-30px;*/ border:1px solid #f7f7f7; margin-top:10px; text-align:center; background:url(index_02.png) repeat-x 0 -57px;}
.bodyerConinvest p a{ font:16px/36px Arial "微软雅黑";  font-size:12px; color:#666; padding:0px 0px;}
.bodyerConinvest p span{margin-left:10px; /*display:none;*/}
.bodyerConinvest .invest_tel{ display: none; width:120px; height:120px; position:absolute; margin-top:-110px; right:20px;}
.bodyerCon .news{ width:100%; float:none; margin:15px 0 0 5px; display:inline; }
.indexNewsTop{ width:96%; height:21px; background:url(newsTopBg.gif) repeat-x bottom;  margin:20px auto 0;}
.indexNewsTop a{ float:right; font:8px/21px Arial; color:#7b7b7b; text-transform:uppercase; margin-right:10px; display:inline; *margin-top:-21px}
.indexNewsLeft{ width:96%; float:none; border-right:none; padding-right:0px; margin:10px auto; overflow:hidden;}
.indexNewsLeft img{ float:left; margin:0 19px 0 2px; display:inline}
.indexNewsLeft h2{ font:bold 12px/24px "微软雅黑"; color:#333; padding-bottom:8px; overflow:hidden; height:23px;}
.indexNewsLeft h2 em{ font:12px/24px Arial; color:#7b7b7b; float:right; *margin-top:-32px}
.indexNewsLeft a{ font:12px/20px "微软雅黑"; color:#333}
.indexNewsRight{ width:96%; float:none;  margin:0px auto;}
.indexNewsRight ul{ width:100%; float:none; margin-top:12px}
.indexNewsRight li{ width:100%; height:26px; margin-left:0px; display:inline; overflow:hidden;}
.indexNewsRight li a{ font:12px/26px "微软雅黑"; color:#333}
.indexNewsRight li span{ font:12px/26px Arial; color:#7b7b7b; float:right; *margin-top:-26px}


/*Footer*/
.footer{width:100%;height:53px; background:url(footerBg.gif) repeat-x; margin-top:50px;}
.footerCon{width:96%;height:93px;margin:0 auto}
.footerBox{ width:100%; height:93px; float:left; margin-top:-33px; *margin-top:0}
.footerCon p{ font:12px/33px "微软雅黑"; color:#a9a9a9; float:left}
.footerCon p em{ font:bold 12px/33px Arial}
.footerCon select{ float:right; width:106px; margin-top:9px; font:12px/20px "微软雅黑"; color:#a9a9a9}
.footerCon p.Right{ font:12px/44px Arial, "微软雅黑"; color:#888; overflow:hidden;}
.footerCon p.Right a{ font:12px/44px Arial, "微软雅黑"; color:#888; overflow:hidden;}
.footerCon p.Right span{display:none;}


#bottom{width:100%; overflow:hidden; background:#e9e9e9; padding:20px 0 15px;font-size:12px; font-weight:bold; border-top:1px solid #cccccc; display:none;}
#bottom_menu{width:100%; margin:0 auto; overflow:hidden; color:#666666; text-align:center;}
#bottom_menu span{ display:none;}
#bottom_menu a{color:#666666;}
#bottom_menu a:hover{}

/*inside*/
.insideBanner{ width:100%; height:auto;}
.insideBodyer{ width:100%; background:url(insideBodyBg.jpg) repeat-x #fff}
.insideCon{width:100%;margin:0 auto}
.side{ width:100%; float:none; margin:0px auto;}
.aboutSide{ background:none}
.productsSide{ background:none}
.sideTitle{ width:100%; height:auto; float:none; display:none;}
.sideTitle h2{line-height:30px; margin-top:80px; padding-left:20px; font-size:22px; font-weight:bold;}
.sideTitle span{line-height:30px; padding-left:20px; font-size:11px; color:565656;}

.sideList{ width:100%; float:none;}
.sideList ul{ width:100%; padding-left:0; overflow:hidden; border-bottom:1px  solid #ccc}
.sideList li{ width:50%; float:left;}
.sideList li a{ display:block; width:96%; padding-left:4%; font:14px/30px "微软雅黑"; color:#085ba1; background:#eee; border-bottom:1px  solid #ccc}
.sideList li a.on{ color:#fff; background:url(productsLiBg.gif)}
.sideList li a.onaa,.sideList li a:hover{ color:#fff; background:url(productsLiBg.gif)}

.sideList .sunList{ width:100%; float:left; display:none !important; padding-left:0px;}
.sideList .sunList li{ width:100%; padding-left:0px; margin-left:0px}
/*.sideList .sunList li a{ width:141px; height:28px; overflow:hidden}*/
.sideList .sunList li a{  width:96%; padding-left:4%;}
.sideList .sunList .sunLists{ width:100%; display:none; height:1px; overflow:hidden;}
.sideList .sunList .sunLists li a{ width:111px; background:url(liBg01.gif) no-repeat 20px 13px; padding-left:35px; margin-left:-12px}
.sideList .sunList .sunLists li a:hover{ background:#d2d1cf}
.productsLi{ background:url(productsLiBg.gif) no-repeat}
.productsLiA{height:32px; overflow:hidden; display:block;}
/*.sideList .sunList a{ display:block; width:153px; height:28px; border-bottom:1px dotted #c2c2c2; background:url(aBg02.gif) no-repeat 10px 11px; font:13px/31px "微软雅黑"; color:#757575; padding-left:21px; overflow:hidden}*/
.sideList .sunList a{ display:block; width:153px;  border-bottom:1px dotted #c2c2c2; background:none no-repeat 10px 11px; font:13px/18px "微软雅黑"; color:#757575; padding:7px 0 7px 21px}

.sideList .sunList a.on2{color:#085ba1; background:none 2px 12px #d2d1cf;}
.sideList .sunList a.on2:hover{color:#565656;}

.sideList .sunList .sunLists{ width:155px; display:none}
.sideList .sunList .sunLists li a{ width:161px; background:url(liBg01.gif) no-repeat 5px 14px; font:12px/18px "微软雅黑"; padding-left:13px; margin-left:0px; color:#757575;}
.sideList .sunList .sunLists li a:hover{ background:#d2d1cf; color:#565656}


.productsLiA{ height:32px; overflow:hidden; background:url(productsLiBg.gif)}

.sideContact{ display:none;}


.content{ width:100%; float:none; margin-left:0px; display:inline; _margin-left:0px}
.contentTitle{ width:100%; height:42px; margin-top:5px; background:url(titleBg.gif) repeat-x bottom}
.contentTitle h2{ font:bold 16px/20px "微软雅黑"; color:#666; float:left; padding:5px 5px 5px 5px; border-bottom:2px solid #3363b6}
.contentTitle h2 em{ font:10px/10px Arial; color:#b3b3b3}
.contentTitle p{float:none; display:none;}

.aboutCon{ padding:15px 2% 20px 2%; width:96%; float:none; line-height:24px; max-height: none; overflow-x:none; overflow-y:none;}
.contentCon p{ font:12px/22px "微软雅黑"; color:#333; margin-bottom:10px;}
.contentCon img{max-width:100% !important; height:auto !important; margin:0 auto;}
.aboutCon h1{text-align:center; font-size:16px;}
.aboutCon #dituContent{width:98%;height:300px;border:#ccc solid 0px; float:left; margin-right:0px;}
.aboutimg{float:right; margin-left:10px !important; margin-top:10px !important; width:40% !important;}

.proimg{margin:0 auto; width:100%; overflow:hidden; clear:both;}
.proimg img{ border:0px solid #e5e5e5; padding:0px; margin:1%; float: left; width:48%; height:100px !important;}


.productsContent{ width:100%; float:left; margin-left:7px; display:inline}
.productsTitle{ width:100%; height:32px; background:url(productsTitleBg.jpg) no-repeat bottom; margin-top:0px}

.productsTitle p{ display:none;}
.productsTitle h2{ font:bold 13px/32px "微软雅黑"; color:#106aaf; padding:0px 0 0 10px; border:none;}

.productsConul{ border-top:1px solid #fff; overflow:hidden; float:left}
.productsConul li{ width:100%; height:104px; border-top:1px solid #e8e8e8; margin-top:10px; overflow:hidden;}
.productsConul li img{ float:left; padding:4px; border:1px solid #e6e6e6; margin:5px 15px 0 5px; display:inline}
.productsConul h2{ font:bold 14px/30px "微软雅黑"; color:#106aaf; margin-top:0px}
.productsConul h2 a{ color:#106aaf}
.productsConul p{ font:12px/24px "微软雅黑"; color:#808080}
.productsConul a.detial{ float:right; font:13px/24px "微软雅黑"; color:#ccc; margin-right:5px; display:inline}
.productsConul a:hover{ color:#106aaf}


.newsConul{ float:none}
.newsConul li{ width:100%; border-bottom:1px dotted #a4a4a4; overflow:hidden; padding-bottom:3px; margin-bottom:0px; height:95px !important;}
.newsConul li img{ float:left; padding:4px; margin:5px 11px 0 4px; display:inline; background:url(newsImgBg.gif) no-repeat; width:135px !important; height:87px !important;}
.newsConul h2{ font:bold 14px/32px "微软雅黑"; color:#106aaf; margin-top:10px;  padding-left:10px; line-height:30px; font-weight:normal;}
.newsConul h2 span{display:none;}
.newsConul p{ font:12px/24px "微软雅黑"; color:#666; overflow:hidden; height:45px;}
.newsConul a.detial{ float:right; font:13px/20px "微软雅黑"; color:#1a59a9; margin-right:5px; display:inline}


.newsConulli{ margin-bottom:10px;}
.newsConulli h2{ background:none; margin-top:8px; color:#085ba1;}
.newsConulli h2 a{color:#085ba1;}
.newsConulli h2 a:hover{}
.newsConulli p{ padding-left:0; overflow:hidden; height:45px;}







.sub{width:100% !important; margin:60px auto 0; overflow:hidden; background:none; border-top:none;} 


.sub_title{font-size:18px; color:#ffffff; border-left:5px solid #e50000; border-right:0px solid #e50000; height:18px; line-height:18px; padding-left:10px; font-weight:bold; margin:10px 0 30px; text-align:left;}
.sub_title span{color:#ffffff; font-size:14px; display:block; height:24px; line-height:24px;}

.sub_left{width:96% !important; margin:0 auto 15px; float:none; overflow:hidden; }
.sub_left li {width:50% !important; float:left;}
.sub_left li#sub_left_title{width:100% !important; float:none;  background:url(bottom_bg.png) #e50000;}
.sub_left li#sub_left_title a{width:100% !important;  background:url(bottom_bg.png) #e50000; height:40px; line-height:40px; color:#ffffff; font-weight:bold; font-family:"微软雅黑"; font-size:16px;}
.sub_left li#sub_left_pic{display:none;}

.sub_left li a{width:95% !important; height:30px; line-height:30px; display:block; padding-left:5%; background:url(guorui_13.gif) no-repeat; color:#565656; padding-right:0; overflow:hidden;}
.sub_left li a:hover{background:url(bottom_bg.png) no-repeat;  font-weight:bold;}
.sub_left_m li{width:33.333% !important; float:left;}

.sub_right{width:100% !important; float:none; overflow:hidden; padding:15px 0; margin-bottom:0; background:url(index_chanpin.jpg) repeat-x left top #ffffff;}
.sub_right_title{height:30px; line-height:30px; padding-left:5px; font-weight:bold;  margin-bottom:5px; font-family:"微软雅黑"; font-size:18px; border-bottom:1px solid #f5f5f5; overflow:hidden; text-align:center; background:none;}

.sub_right_title h1,.sub_right_title h2{font-weight:bold;}
.sub_right_title span,.sub_right_title span a{font-weight:normal; color:#666666;}

.sub_right_left{width:100% !important; margin:0 auto; float:none; padding:0;}
.sub_right_right{width:96% !important; margin:0 auto; float:none; padding:15px 0; height:auto;}

.sub_right_right2{margin:0 auto; width:96% !important; overflow:hidden; float:none; font-size:14px; clear:both; padding:0; background:none; padding-bottom:20px; height:auto;}
.sub_right_right2 h1{line-height:24px; height:60px; font-size:24px; text-align:center;  font-family:"微软雅黑";}
.sub_right_right2 h2{font-size:18px;  font-weight:bold; font-family:"微软雅黑"; text-indent:0; line-height:40px; height:40px; margin-bottom:10px;}
.sub_right_right2 b,.sub_right_right2 strong{color:#000000;}
.sub_right_right2 p{margin:0.5em 0; text-indent:0; text-align:justify; text-justify:inter-ideograph;}
.sub_right_right2 img{ width:100% !important; height:inherit; margin:5px 0;}


.sub_right_right{margin:0 auto; width:96% !important; overflow:hidden; float:none; font-size:14px; clear:both; padding:0; background:none; padding-bottom:20px; height:auto;}
.sub_right_right h1{line-height:24px; height:60px; font-size:24px; text-align:center;  font-family:"微软雅黑";}
.sub_right_right h2{font-size:18px;  font-weight:bold; font-family:"微软雅黑"; text-indent:0; line-height:40px; height:40px; margin-bottom:10px;}
.sub_right_right b,.sub_right_right strong{color:#000000;}
.sub_right_right p{margin:0.5em 0; text-indent:0; text-align:justify; text-justify:inter-ideograph;}
.sub_right_right img{ width:100% !important; height:inherit; margin:5px 0;}

.prolist{width:100% !important; overflow:hidden; margin:0 auto; overflow-x:hidden; overflow-y:auto; height:auto; padding-right:0px;}
.prolist li{width:48% !important; margin:10px 1%; overflow:hidden; border:none; border-top:1px solid #e5e5e5; float:left; display:block;}
.prolist li h3{height:39px; line-height:39px; background:url(chanpin_title.jpg) repeat-x; margin:0 0 10px; border-bottom:1px solid #cccccc; padding-left:0px;}
.prolist li h3 a{color:#000000; font-weight:bold; font-size:14px; display:block;}
.prolist li h3 a:hover{}
.prolist li img{width:100% !important; height:auto; margin:0 0px;}
.prolist li p{ padding:10px 0px 10px; text-justify:distribute; text-indent:0;}
.prolist li:hover{background:#f5f5f5;}
.prolist li:hover p{color:#565656;}
.prolist li:hover p a{color:#565656;}


.honerlist{width:100% !important; overflow:hidden; margin:0 auto;  padding-right:0px;}
.honerlist li{width:48% !important; margin:10px 1%; overflow:hidden; border:none; float:left; display:block;}
.honerlist li h3{height:39px; line-height:39px; background:url(chanpin_title.jpg) repeat-x; margin:0 0 10px; padding-left:0px;}
.honerlist li h3 a{color:#000000; font-weight:bold; font-size:12px; display:block;}
.honerlist li h3 a:hover{}
.honerlist li img{width:auto; height:100% !important; margin:0; max-height:120px;}
.honerlist li p{ padding:10px 0px 10px; text-justify:distribute; text-indent:0;}
.honerlist li span{ display:block; height:22px; line-height:14px; text-align:center; padding:6px 0;}
.honerlist li.honerlist:hover img{width:auto;  height:100% !important; margin-top:0px; margin-left:0px; position: static;}


.dizhi1, .dizhi2{width:45%; height:330px; margin:30px 1% 0; padding:0px 1% 0; float:left; border:1px solid #e5e5e5; border-top:2px solid #085ba1; text-align:center;}
.dizhi1 h3, .dizhi2 h3{ font-weight:bold; font-size:16px; line-height:30px;}
.dizhi1 p, .dizhi2 p{line-height:24px; margin:0;}
.dizhi3{width:100px; margin-top:-50px !important;}



.caselist{width:100% !important; overflow:hidden; margin:0 auto; overflow-x:hidden; overflow-y:auto; height:auto; padding-right:10px;}
.caselist li{width:48% !important; margin:10px 1%; overflow:hidden; border:none; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; float:left; display:block;}
.caselist li h3{height:39px; line-height:39px; background:url(chanpin_title.jpg) repeat-x; margin:0 0 10px; border-bottom:1px solid #cccccc; padding-left:0px;}
.caselist li h3 a{color:#000000; font-weight:bold; font-size:14px; display:block;}
.caselist li h3 a:hover{}
.caselist li img{width:100%; height:40px;}
.caselist li p{ padding:10px 0px 10px; text-justify:distribute; text-indent:0;}
.caselist li:hover{background:#e50000;}
.caselist li:hover p{color:#ffffff;}
.caselist li:hover p a{color:#ffffff;}

.sub_right_newspic{width:100% !important; overflow:hidden; margin:0 auto; display:block;}
.sub_right_newspic li{padding:0; border-bottom:1px dotted #efefef;  margin:10px 5px; font-size:12px; height:130px; overflow:hidden;}
.sub_right_newspic li p{padding-top:8px; margin:0;}
.sub_right_newspic li p a{display:none;}
.sub_right_newspic li h3 a{ font-weight:bold; display:block;}
.sub_right_newspic li img{float:left; margin-right:20px; margin-top:3px; height:100%!important; width:50%!important;}
.sub_right_newspic li:hover{border-bottom:1px dotted #efefef; overflow:hidden; background- color:#fff;border-bottom:none;}
.sub_right_newspic li:hover a{color:#fff;}
.sub_right_newspic li:hover h3 a{color:#fff;}

.lfooter {width: 100%; height: 53px; bottom: 0px; position: fixed; background:#085ba1; z-index:99999;}
.lfooter ul li {padding: 5px 0px; width: 25%; height: auto; text-align: center; float: left;}
.lfooter ul li a {color:#ffffff; line-height: 12px; font-size: 12px; border-right:1px solid #0850a1; display:block;}

/*全局预设*/

body{background-size:160% 40% !important; }
.hanbo_body{min-width:320px; max-width: 720px; margin:0 auto;background:url(bg.gif) !important;}
.hanbo_header{ height:50px;  text-align:left; background:url(index_02.gif) repeat-x -10px -42px;}
.home{ position:absolute;left:15px; top:15px; height:20px}
.hanbo_header .logo{margin-top:0px; margin-left:5px; height:50px;}
.hanbo_banner{width:100%; overflow:hidden;}
.banner-container {
        width: 400%;
		margin-left:-120%;
        height:200px;
		position:relative;
		overflow:hidden;
    }
.banner-container  .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.banner-container .banner-pagination{ bottom:10px!important; text-align:center; position:absolute; width:100%; z-index:99; margin-left:-7%;}	
.banner-container .swiper-pagination-bullet{ background:#fff!important;}
.banner-container .swiper-pagination-bullet-active{ background:#e50000!important;}
.banner-container .banner-pagination span{ margin:0 3px}

.hanbo_menu{width:100%; background:url(bottom_bg.png) #085ba1; height:40px; line-height:40px; text-align:center; overflow:hidden;}
.hanbo_menu li{float:left; width:20%; overflow:hidden; text-align:center;}
.hanbo_menu li a{color:#ffffff; display:block; font-size:12px; font-weight:bold; height:40px; line-height:40px; overflow:hidden;}



.index_news{ width:95%; margin:10px auto 30px; overflow:hidden}
.index_news .indenewsti{margin:2% 0 4%; font-size:13px; color:#313231;}
.index_news .indenewsti em{ font:9px Arial; color:#d0d0d0; padding-left:6px; text-transform:uppercase}
.index_news .indenewsti img{ width:50%}
.index_news .indenewsti a{ width:60px; height:20px; line-height:20px; text-align:center; display:block; float:right;  color:#7b7b7b; margin-top:1%; font-size:8px; font-weight:normal;}

.index_news-container {
        width: 100%;
        height: 100%;
    }
.index_news-container .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		margin-bottom:3%;
}
.index_news .swiper-slide img{height:120px; width:auto; max-width:100%;}
.index_news .swiper-slide p{ font-size:12px; text-align:center; height:30px; line-height:30px; overflow:hidden; margin-top:5px; padding-left:2px;}
.index_news .index_news-pagination{ bottom:0!important; text-align:center}
.index_news .index_news-pagination span{ margin:0 3px;}



.index_cases11{overflow:hidden; width:1002px; margin:0 auto; }
.index_cases11 li{overflow:hidden; width:490px; float:left;}
.index_cases11 li img{float:left; width:200px; height:150px; display:block; margin-top:52px;}
.index_cases11 li p{float:right; width:265px; padding:0 10px 10px 15px; background:#e50000; height:144px; overflow:hidden; color:#b9f464;}
.index_cases11 li p a{font-size:18px; line-height:52px; color:#ffffff; font-weight:bold;background:#ff6600; display:block; margin:0 -10px 0 -15px ; padding-left:15px;}
.index_cases11 li:hover{background:#ff6600; color:#ffffff;}
.index_cases11 li:hover p{background:#ff6600; color:#ffffff;}
.index_cases11 li:hover p a{color:#ffffff;}



.menu_zhaoshang{ overflow:hidden; padding:5% 2%;}
.menu_zhaoshang li{ width:50%; float:left; height:102px; margin:2px 0;overflow:hidden; overflow:hidden; color:#b9f464; line-height:24px;}
.menu_zhaoshang li a{color:#b9f464; margin:0 3px; line-height:22px;background:#e50000; display:block; padding:0 3px 3px 3px;}
.menu_zhaoshang li h3{font-size:14px; background:#ff6600; color:#ffffff; text-align:center; margin:0 3px;}
.menu_zhaoshang li h3 a{ color:#ffffff; font-size:12px;line-height:30px;background:#ff6600;}


.menu_pic{ overflow:hidden; padding:5% 2%; background:url(bg2.gif) #f9f9f9;}
.menu_pic a{ width:25%; float:left; text-align:center; color:#ffffff; font-size:14px;}
.menu_pic a img{ width:80%; margin-bottom:5px;}

.menu_pro{ overflow:hidden; padding:5% 2%;}
.menu_pro li{ width:50%; float:left; text-align:center; height:40px; line-height:36px; margin:1px 0;overflow:hidden;}
.menu_pro li a{ color:#565656; font-size:12px; border:1px solid #e5e5e5; display:block; margin:0 3px; height:36px; overflow:hidden;}

.menu_pro3{ overflow:hidden; padding:5% 2%;}
.menu_pro3 li{ width:33.3%; float:left; text-align:center; height:36px; line-height:36px; margin:3px 0;}
.menu_pro3 li a{color:#000000; font-size:14px; border:1px solid #efefef; display:block; margin:0 3px;}

.menu_two{ overflow:hidden; padding:5% 2%;}
.menu_two li{ width:50%; float:left; text-align:center; height:36px; line-height:36px; margin:3px 0;}
.menu_two li a{color:#565656; font-size:14px; border:1px solid #e5e5e5; display:block; margin:0 3px;}
.menu_two li a.menu_on{ background:#ffffff;  border:1px solid #e50000;}

.menu_three{ overflow:hidden; padding-bottom:10px; clear:both; border-top:2px solid #e50000;}
.menu_three li{ width:33.3%; float:left; text-align:center; height:36px; line-height:36px;}
.menu_three li a{ font-size:14px; border-right:1px solid #e50000; border-bottom:1px solid #e50000; display:block;}
.menu_three li a.menu_on{ background:#e50000; color:#ffffff; border:1px solid #e50000;}

.menu_four{ overflow:hidden; padding-bottom:10px; clear:both; border-top:2px solid #e50000;}
.menu_four li{ width:25%; float:left; text-align:center; height:36px; line-height:36px;}
.menu_four li a{ font-size:14px; border-right:1px solid #e50000; border-bottom:1px solid #e50000; display:block;}
.menu_four li a.menu_on{ background:#e50000; color:#ffffff; border:1px solid #e50000;}

.index_pro{ width:95%; margin:10px auto; overflow:hidden; text-align:center;}
.index_pro .indenewsti{ margin:2% 0 4%; font-size:18px; font-weight:bold;color:#565656; text-align:left;}
.index_pro .indenewsti img{ width:50%}
.index_pro .indenewsti a{ width:60px; height:20px; line-height:20px; text-align:center; display:block; float:right; border:1px solid #e5e5e5; color:#565656; margin-top:1%; font-size:12px; font-weight:normal;}
.index_pro-container, .index_pro-container2, .index_pro-container3, .index_pro-container4{
        width: 100%;
        height: 100%;
    }
.index_pro .swiper-slide{
        text-align: center;
        font-size: 18px;
        background: fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		margin-bottom:2%;
}
.index_pro .swiper-slide img{height:100px;}
.index_pro .swiper-slide a{font-size:12px; font-weight:normal; line-height:16px;}
.index_pro .swiper-slide p{height:30px; overflow:hidden;}


/*
.menu_bottom{overflow:hidden; position:relative;}
.menu_bottom .fl{ position:absolute; left:0; top:0; width:50%; height:100%; display:block;}
.menu_bottom .fr{ position:absolute; right:0; top:0; width:50%; height:100%; display:block;}
*/

.menu_bottom{height:36px; line-height:36px; width:100%; overflow:hidden; background:#085ba1; text-align:center;}
.menu_bottom li{width:50%; float:left;}
.menu_bottom li a{color:#ffffff; font-size:14px; text-align:center; border-right:1px solid #0844a1; display:block; height:36px; line-height:36px;}

.hanbo_bottom{height:38px; padding-top:10px; line-height:16px; width:100%; overflow:hidden; text-align:center;margin-bottom:-2px; font-size:12px; background:#e9e9e9;}
.hanbo_bottom a{font-size:12px;}

.hanbo_content{ text-align:center; margin-bottom:60px; padding:0 4%;}
.hanbo_content img{ margin:30px 0}
.hanbo_content p{ text-align:left; line-height:24px; font-size:14px; color:#666; margin-bottom:20px;}
.hanbo_content h1{font-size:18px; font-weight:bold; text-align:center;  line-height:18px; height:18px; padding:20px 0; display:block;}
.hanbo_content h2{font-size:18px; text-align:left; line-height:18px; height:18px; padding:20px 0; display:block;}
.hanbo_body h1{font-size:18px; font-weight:bold; text-align:center;  line-height:18px; height:18px; padding:20px 0;}
.hanbo_content p.date{color:#999; font-size:14px; margin-bottom:10px; display:block; text-align:center;}
.hanbo_content p.date a{color:#999;}
.hanbo_content p.date span a{color:#999;}
.hanbo_content img{ width:100% !important; height:inherit; margin:5px 0;}
.back{ width:100%; margin:0 auto; height:35px; line-height:35px; background:#e50000; color:#fff; text-align:center; display:block; font-size:14px;}


.ulli_pro{padding:10% 4%; text-align:center}
.ulli_pro li{ width:48%; display:inline-block; margin:5px 2px; overflow:hidden; vertical-align:bottom;}
.ulli_pro li img{ width:100% !important; height:inherit; margin:5px 0;}
.ulli_pro li p{line-height:40px; height:40px;display:block; overflow:hidden ; font-size:14px; color:#666; padding:0 5px;}
.ulli_pro li p a{color:#666; display:block;}

.ulli_pro li:hover{ background-}
.ulli_pro li:hover p a{color:#ffffff;}

.ulli_news{ overflow:hidden; }
.ulli_news li{ display:block; padding:10px 2%; height:100px; text-align:left;}
.ulli_news li a{ display:block; text-align:left;}
.ulli_news li a.even{ background:#f6f6f6}
.ulli_news li a h2{ font-weight:normal;  font-size:16px; margin-bottom:10px; height:18px; line-height:18px; overflow:hidden}
.ulli_news li a p{ font-size:14px; color:#999; margin-bottom:10px; height:40px; overflow:hidden}
.ulli_news li a span{ width:80px; height:20px; line-height:20px; text-align:center; background:#e50000; color:#fff; display:block;  }

.vimu{overflow:hidden; border-top:1px solid #e50000; border-bottom:1px solid #e50000}
.vimu a{ width:24%; float:left; display:block; height:40px; line-height:40px	; text-align:center; border-right:1px solid #e50000; color:#333; font-size:14px;}
.vimu a.clear{ border:0}
.vimu a.muon{ border-bottom:2px solid #e50000}

.vimain{ overflow:hidden; width:90%; margin:20px auto; position:relative}
.vimain h1{font-size:18px; font-weight:bold; text-align:center;  line-height:50px;}
.vi-container {
        width: 100%;
        height: 100%;
    }
.swiper-slide {
        text-align: center;
        font-size: 18px;
        background: fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.vi-pagination{ text-align:center;}
.vi-pagination span{ margin:0 3px}



#zhaoshang_liu{margin:30px auto; overflow:hidden;}
#zhaoshang_liu li{padding:10px 0 0; padding-left:90px; overflow:hidden; font-size:18px; line-height:36px; text-align:left; border-top:1px solid #efefef; margin-top:5px;}
#zhaoshang_liu li h2{font-size:20px; font-weight:bold;  text-align:left; margin-top:-20px;}
#zhaoshang_liu li p{margin-top:-10px;}

/* 列表导航 */
.k_pagelist { font-size:12px;clear:both;  padding:20px 5px; line-height:24px; text-align:center; height:24px; display:block;}/* {king:pagelist/} 分页列表 构成:div a|strong|span */
.k_pagelist a {margin:0 0 0 -1px; background-color:#ffffff; border:1px solid #efefef; padding:5px 10px; color:#085ba1;}
.k_pagelist a:hover{background-color:#085ba1; color:#ffffff;}
.k_pagelist strong {margin:0 0 0 -1px; border:1px solid #efefef; padding:5px 10px; color:#ffffff; font-weight:bold; background:#085ba1;}
.k_pagelist span {margin:0;color:#07519A;}
.k_pagelist em{color:#333333; text-decoration:none;  background-repeat:no-repeat; background-position:left center; padding:0 3px; font-style:normal; font-weight:bold;}

/*上一篇下一篇*/
p.guide{ margin-bottom:0px; border-bottom:1px solid #efefef; line-height:30px; height:30px; overflow:hidden; padding-left:5px;color:#999;}
p.guide a{color:#999;}
#k_lastpage,#k_nextpage{padding:0 10px; font-size:14px; text-align:left; line-height:30px;} 	
#k_lastpage a,#k_nextpage a{font-size:14px; }

/*全局左侧固定展开小导航begin*/
.hanbo-ibar {position:fixed;left: .96rem;bottom:18rem;z-index:998;}
.hanbo-ibar-toggle{width: 2.88rem;height:2.88rem;border-radius:50%;-webkit-border-radius: 50%;border: 1px solid #e50000;background-color: #e50000;position: absolute; z-index: 999;transition: all ease .2s;transform-origin: 50% 50%;-webkit-transition: all ease .2s;-webkit-transform-origin: 50% 50%;}
.hanbo-ibar-toggle a{width: 100%;height: 100%;display: block;border-radius: 50%;-webkit-border-radius: 50%;}
.hanbo-ibar-toggle .hline,.hanbo-ibar-toggle .vline{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); background-color: #fff;width:1px;height:1.536rem;}
.hanbo-ibar-toggle .vline{height:1px;width:1.54176rem;}
.hanbo-ibar-wrap{position: absolute;z-index: 998;width: 21.312rem;height: 21.312rem;left: -8.832rem;top: -9.832rem;border-radius: 50%;-webkit-border-radius: 50%; border: 1px solid #e0e0e0;background-color: rgba(255,255,255,.8);transition: all ease .2s ;-webkit-transition: all ease .2s  }
.hanbo-ibar.open .hanbo-ibar-toggle{transform: translate3d(0,0,0) rotate(225deg);-webkit-transform: translate3d(0,0,0) rotate(225deg);background-color: #929090;border-color: #909090;}
.hanbo-ibar.open .hanbo-ibar-toggle a{background-color: #929090;border-color: #909090;}
.hanbo-ibar.close .hanbo-ibar-toggle {transform: translate3d(0,3.4rem,0) rotate(0deg);-webkit-transform: translate3d(0,3.4rem,0) rotate(0deg);background-color: #e50000;border-color: #e50000;}
.hanbo-ibar.close .hanbo-ibar-toggle a{background-color: #e50000;border-color: #e50000;}
.hanbo-ibar.open .hline,.hanbo-ibar.open .vline {background-color: #fff;  }
.hanbo-ibar.close .hline,.hanbo-ibar.close .vline {background-color: #fff  }
.hanbo-ibar.open .hanbo-ibar-wrap {opacity: 1;transform: scale(1);-webkit-transform: scale(1);pointer-events: auto;top: -9.832rem;  }
.hanbo-ibar.close .hanbo-ibar-wrap {opacity: 0;transform: scale(0.3);-webkit-transform: scale(0.3);pointer-events: none  }
.hanbo-ibar-wrap .item {display: block;width: 5.472rem;height: 4.32rem;position: absolute;font-size: 12px;color: #353d44;z-index: 999  }
.hanbo-ibar-wrap .item .title { text-align: center;margin-top: .24rem  }
.hanbo-ibar-wrap .item:nth-child(1) {top: 1.344rem;left: 7.92rem  }
.hanbo-ibar-wrap .item:nth-child(2) {top: 3.936rem;left: 12.816rem  }
.hanbo-ibar-wrap .item:nth-child(3) {top: 8.832rem;left: 15.6rem  }
.hanbo-ibar-wrap .item:nth-child(4) {top: 13.92rem;left: 12.816rem  }
.hanbo-ibar-wrap .item:nth-child(5) {top: 15.84rem;left: 7.92rem  }
.hanbo-ibar-wrap .item .icon {width: 2.4rem;height: 2.4rem;margin: 0 auto; background: url(hanbo-ibar.png) no-repeat;background-size: 2rem }
.hanbo-ibar-wrap .item:nth-child(1) .icon,.nav-more-list li a.nav-more-icon.home-icon:after {background-position: 0 0;}
.hanbo-ibar-wrap .item:nth-child(2) .icon,.nav-more-list li a.nav-more-icon.cart-icon:after,.my-cart .icon {background-position: 0 -40px;}
.hanbo-ibar-wrap .item:nth-child(3) .icon,.nav-more-list li a.nav-more-icon.search-icon:after{background-position: 0 -82px;}
.hanbo-ibar-wrap .item:nth-child(4) .icon{background-position: 0 -130px;}
.hanbo-ibar-wrap .item:nth-child(5) .icon,.nav-more-list li a.nav-more-icon.ebuy-icon:after{background-position: 0 -180px;}
.hanbo-ibar-mask {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color: rgba(0,0,0,.5);z-index: 101;}
.hanbo-ibar.open .hanbo-ibar-mask {display: block;}
/*全局左侧固定展开小导航end*/


.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
	float: left
}
.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.swiper-container-multirow>.swiper-wrapper {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}
.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}
.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative
}
.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}
.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image: url(banner_left.png);
	left: 10px;
	right: auto
}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url(banner_right.png);
	right: 10px;
	left: auto
}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}
.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}
button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}
.swiper-pagination-white .swiper-pagination-bullet {
	background: #fff
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: #e50000
}
.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}
.swiper-container-vertical>.swiper-pagination {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	-moz-transform: translate3d(0, -50%, 0);
	-o-transform: translate(0, -50%);
	-ms-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet {
	margin: 5px 0;
	display: block
}
.swiper-container-horizontal>.swiper-pagination {
	bottom: 10px;
	left: 0;
	width: 100%
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
	margin: 0 5px
}
.swiper-container-3d {
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	-o-perspective: 1200px;
	perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -o-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: linear-gradient(to left, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -o-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-coverflow .swiper-wrapper {
	-ms-perspective: 1200px
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
	pointer-events: none
}
.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}
.swiper-container-cube {
	overflow: visible
}
.swiper-container-cube .swiper-slide {
	pointer-events: none;
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	width: 100%;
	height: 100%;
	z-index: 1
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden
}
.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}
.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}
.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0,0,0,.5);
	border-radius: 10px;
	left: 0;
	top: 0
}
.swiper-scrollbar-cursor-drag {
	cursor: move
}
.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-moz-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	animation: swiper-preloader-spin 1s steps(12, end) infinite
}
.swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform:rotate(360deg)
}
}
@keyframes swiper-preloader-spin {
100% {
transform:rotate(360deg)
}
}


/* Common styles of menus */

.dl-menuwrapper {
	width: 100%;
	max-width: 200px;
	float: right;
	position: absolute;
	top:0;
	right:0;
	margin-top: 50px;
	z-index: 999;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	-moz-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
}

.dl-menuwrapper:first-child {
	margin-right: 0px;
}

.dl-menuwrapper button {
	/*background: url(header-bg.png) repeat-x bottom left;*/
	border: none;
	width: 50px;
	height: 50px;
	text-indent: -900em;
	overflow: hidden;
	position: absolute;
	top:-50px;
	right:0;
	cursor: pointer;
	outline: none;
	background: #ffffff url(menu-button-bg.png) no-repeat center center;
	background-size: 50%;
}

 

.dl-menuwrapper ul {
	background: #383838;
}

 

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
	float:none;
	width:100%；
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 10px 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	float:none;
	border-bottom:1px solid #424242;
	outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
	background: #e50000;
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;

	top: 0;
	line-height: 50px;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(255,255,255,0.8);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(255,255,255,0.8);
}

.dl-menuwrapper .dl-menu {
 
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow:hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	top: 50px;
	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	-moz-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	-moz-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	-moz-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	-moz-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	-moz-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut1 {
	50% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-moz-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut2 {
	100% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut3 {
	100% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut4 {
	100% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut5 {
	100% {
		-moz-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	50% {
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	100% {
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	100% {
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	-moz-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	-moz-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	-moz-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	-moz-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	-moz-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}


@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn1 {
	0% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-moz-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn2 {
	0% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn3 {
	0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn4 {
	0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn5 {
	0% {
		-moz-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	-moz-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	-moz-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	-moz-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	-moz-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn1 {
	0% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn2 {
	0% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn3 {
	0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn4 {
	0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn5 {
	0% {
		-moz-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	-moz-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	-moz-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	-moz-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	-moz-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);

		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut1 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut2 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut3 {
	0% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut4 {
	0% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut5 {
	0% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(-200px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		transform: translateZ(-200px);
		opacity: 0;
	}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}

}