@charset "utf-8";
/* CSS Document */
body,html,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img{margin:0; padding:0;}
body,html{font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:14px; width:100%; color:#232323; line-height:30px;  zoom:1; -webkit-text-size-adjust:none; background:#ffffff url(bg.jpg);}
input,area{outline:none; resize:none;}
table{border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal; font-weight:normal;}
dl,dt,dd,ol,ul,li{list-style:none;}
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;}
form{display:block; margin:0px; padding:0px;}
input,select{vertical-align:middle;}
a{color:#232323; text-decoration:none;font-family:"\5FAE\8F6F\96C5\9ED1";}
a:hover{color:#0066cc; text-decoration:none;}
.clear{width:100%; margin:0; padding:0; height:0; overflow:hidden;}

#top{width:100%; height:92px; background:url(index_02.gif) repeat-x top; z-index:999; position:relative;}
#head{width:1200px; height:17px; line-height:17px; margin:0 auto; padding:4px 0; text-align:left; color:#3399cc;}
#head a{color:#3399cc; margin-left:10px; font-size:12px; float:right;}
#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:1200px; margin:0 auto; text-align:center;}
.nav li {float:left; position:relative; z-index:999;}
.nav li a {display:inline-block; padding:0 18px; font:15px Microsoft Yahei; height:67px; line-height:67px; color:#000000;}
.nav .active {background:none; background:#0066cc; color:#ffffff; font-weight:bold;}
.nav li#logo{width:220px; background:none; margin-right:110px; height:60px; overflow:hidden; padding-top:5px; text-align:left;}
.nav li#logo a{width:220px; background:none; height:60px; overflow:hidden; padding:0;}
.nav li#logo a img{ height:100%;}

.nav li ol {display: none; Z-INDEX: 9999; background:#0066cc;  left: 0px; OVERFLOW: hidden; width:200px; POSITION: absolute; top:67px; text-align:left; padding:10px; }
.nav li ol li {float:left; width:200px;  background:none; overflow:hidden;}
.nav li ol li a {height:32px;width:190px; color:#ffffff; padding-LEFT:10px; line-height:32px;  border-bottom:1px solid #115093; font-size:14px; font-weight:normal; overflow:hidden; display:block;}

.nav li ol li a.active {background:#f18314; color:#ffffff; font-weight:bold;}
.nav li ol li a:hover {background:#f18314; color:#ffffff; font-weight:bold;}
.con {font-SIZE:12px; right:10px; color:#0066cc; position:absolute;}
.con a {color:#999;DISPLAY:inline-block; padding-LEFT:70px;}


#zzhanbocomhead{width:1200px; height:60px; margin:15px auto 15px; overflow:hidden; line-height:30px;}
#zzhanbocomhead_left{width:410px; float:left; text-align:left;}
#zzhanbocomhead_right{width:260px; float:right; text-align:right; font-size:16px; line-height:60px; color:#000000; font-weight:bold;}
#zzhanbocomhead_right img{float:right;}

.zzhanbocomdaohang{width:100%; background:#0066cc; overflow:hidden;}

.zzhanbocomnav{width:1200px; margin:0 auto; color:#999999; overflow:hidden;}
.zzhanbocomnav li {float:left; text-align:center;}
.zzhanbocomnav li a {display:inline-block; font-size:16px; color:#ffffff; padding:0 39px; border-left:1px solid #0172e4; border-right:1px solid #0251a1; height:50px; line-height:50px; font-weight:bold;}
.zzhanbocomnav li a:hover {color:#ffffff; font-weight:bold; background:#f18314;}
.zzhanbocomnav span{float:right;}


.main_image{width:100%; height:650px; overflow:hidden; margin:0 auto; position:relative;  min-width:1200px;}
.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:1px; overflow:hidden;}
.main_image li .img_1{background:url(banner1.jpg) center top no-repeat;}
.main_image li .img_2{background:url(banner2.jpg) center top no-repeat;}
.main_image li .img_3{background:url(banner3.jpg) center top no-repeat;}

div.flicking_con{width:990px; margin:0 auto; position:relative;z-index:998;}
div.flicking_con .flicking_inner{position:absolute; top:600px; left:500px; width:150px; height:70px;} /* 121126 */
div.flicking_con a{float:left; width:20px; height:20px; margin:5px; padding:0; background:url(btn_main_img.png) 0 0 no-repeat; display:block; }
div.flicking_con a img{width:100px; height:50px;}
div.flicking_con a.on{background-position:0 -21px;}
#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;}


.index_menu{width:1200px; background:url(guorui_22.gif) repeat-x top; overflow:hidden; position:relative; z-index:999; margin:-46px auto 0;}
.index_menu li{width:500px; background:url(guorui_23.gif) no-repeat left; text-align:center; float:left;}
.index_menu li a{ display:block; border-top:3px solid #f0e0af; font:14px Microsoft Yahei; line-height:37px; height:37px; padding-top:12px; color:#f0e0af;}
.index_menu li a:hover{border-top:3px solid #0066cc; color:#0066cc;}


.index_mid2{width:100%; padding-bottom:30px;  background:#f5f5f5; overflow:hidden;}

.titleh2_mid{text-align:center; clear:both; height:80px; line-height:40px; margin:0px auto 30px; display:block; font-size:40px; font-family:"Arial Black", Gadget, sans-serif; color:#0066cc; overflow:hidden; clear:both;}
.titleh2_mid h2 a{line-height:36px; font-size:30px; color:#f18314; font-weight:bold; position:relative; bottom:-20px; display:block;}
.titleh2_mid h2 a:hover{color:#f18314;}
.titleh2_mid h2 span{ color:#0066cc; padding:0 10px;}
	

.titleh2_left{clear:both; height:120px; line-height:40px; display:block; font-size:40px; font-family:"Arial Black", Gadget, sans-serif; color:#0066cc; clear:both;}
.titleh2_left h2 a{line-height:50px; font-size:50px; color:#f18314; font-weight:bold; position:relative; bottom:-10px; display:block;}
.titleh2_left h2 a:hover{}
.titleh2_left h2 span{color:#f18314;}


.about_mid{width:100%; max-width:1902px; margin:60px auto 50px; overflow:hidden; height:650px;}
.about_left{width:49.999%; height:600px; float:left; overflow:hidden; background:url(about_left.jpg) top right no-repeat #0066cc; text-align:right;}
.about_left img.about_leftimg{position:relative; top:-600px; right:0px; z-index:1; float:right;}
.about_left p{width:300px; height:480px; position:relative; float:right; right:299px; padding:80px 0px; z-index:2;}
.about_left p a{ display:block; overflow:hidden;}
.about_left p a strong{display:block; font-size:36px; font-weight:bold; padding:20px 30px 0; color:#0066cc;}
.about_left p a span{display:block; border-bottom:1px solid #d7bb96; padding:10px 30px 20px; color:#0066cc;}
.about_left p a:hover{ background:url(about_left.jpg) top left no-repeat #0066cc; }
.about_left p a:hover strong{color:#f5dca3;}
.about_left p a:hover span{color:#f5dca3;}

.about_left video{max-width:600px;}

.about_right{width:49.999%; height:600px; margin-top:30px; float:right; overflow:hidden; text-align:left; background:url(about_bg.jpg) top left no-repeat #f4f5f0;}
.about_right img.about_rightimg{position:relative; top:-600px; left:0px; z-index:1;}
.about_right img.img_about_right{ display:none;}
.about_about{width:500px; height:500px; position:relative; padding:40px 0 60px 100px; z-index:2;} 
.about_about h1{font-size:30px; color:#232323; font-weight:bold; margin:10px 0 20px;}
.about_about p{line-height:30px;}
.about_more{height:36px; line-height:36px; width:130px; margin:20px 0; display:block; background:url(about_more.png) no-repeat; color:#ffffff; text-align:center; font-weight:bold;}
.about_more:hover{background:url(about_more1.png) no-repeat; color:#ffffff; margin-left:5px;}

.about_about ul{ border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; overflow:hidden;}
.about_about ul li{width:25%; float:left; height:80px; text-align:center; padding-top:20px;}
.about_about ul li img{height:25px;}
.about_about ul li span{display:block; height:36px; line-height:18px; padding:10px 20px; border-right: 1px solid #ffffff; border-left: 1px solid #ffffff;}
.about_about ul li span#about_pro4{padding:10px 15px !important;}
.about_about ul li:hover{background:#0066cc;}
.about_about ul li:hover a{color:#ffffff; font-weight:bold;}

.about_left2{background:url(about_left2.jpg) top right no-repeat #0066cc;}
.about_right2{background:url(about_right.jpg) top right no-repeat;}


.nTab{width:1200px; overflow:hidden; margin:0 auto; clear:both;}
.TabTitle{clear:both;overflow:hidden; margin-right:-30px;}
.TabTitle .titleh2_left{float:left; width:30%;}
.TabTitle ul{float:right; width:70%; padding-top:40px;}
.TabTitle li{cursor:pointer; height:36px; line-height:36px; text-align:center; width:20%; float:left; overflow:hidden;}
.TabTitle .TabTitlep{width:20%; float:left;}
.TabTitle li a{display:block; font-size:14px;  color:#0066cc; font-weight:bold;}
.TabTitle .active{ color:#0066cc; width:20%; font-weight:bold; overflow:hidden;}

.TabTitle .normal{}
.TabTitle li.active a, .TabTitle li a:hover{color:#ffffff; font-size:16px; background:#0066cc;}
.nTab .TabContent{}
.none {display:none;}

.honor_mid{width:100%; max-width:1902px; margin:0px auto;  padding:50px 0 80px;  background:url(honor_bg.jpg) no-repeat top center; overflow:hidden;}
.honer_list{overflow:hidden; width:1200px;}
.honer_list li{margin:10px 1%; overflow:hidden; width:23%; float:left; text-align:center; height:240px; background:#ffffff;}
.honer_list li img{width:100%; height:200px; max-height:200px;}
.honer_list li p{height:40px; line-height:40px; overflow:hidden; text-align:center;}
.honer_list li:hover{background:#0066cc;}
.honer_list li:hover img{width:102%; height:200px; max-height:200px; margin:-1% -1%;}
.honer_list li:hover a{color:#FFFFFF; }

.honer_list2{overflow:hidden; margin-top:0px;}
.honer_list2 li{margin:10px 0.5%; overflow:hidden; width:15.6%; height:280px; float:left; text-align:center;}
.honer_list2 li img{width:auto; max-width:100%;  height:240px;}
.honer_list2 li p{color:#232323;height:40px; line-height:40px; overflow:hidden;}
.honer_list2 li:hover  p{background-color:#0066cc;}
.honer_list2 li:hover img{width:102%; height:240px; margin:0 -1%;}
.honer_list2 li:hover a{color:#f18314; font-weight:bold;}

.pro_list{overflow:hidden; width:1200px;}
.pro_list li{margin:10px 1%; overflow:hidden; width:23%; float:left; text-align:center; height:200px; background:#ffffff;}
.pro_list li img{width:100%; height:200px; max-height:200px;}
.pro_list li p{height:40px; line-height:40px; overflow:hidden; text-align:center; display:non;}
.pro_list li:hover{background:#0066cc;}
.pro_list li:hover img{width:102%; height:200px; max-height:200px; margin:-1% -1%;}
.pro_list li:hover a{color:#FFFFFF;}

.index_mid{width:1200px; margin:0px auto; overflow:hidden;}
.index_left{width:650px; float:left; overflow:hidden;}
.index_right{width:500px; float:right; overflow:hidden;}

.case_mid{width:1200px; margin:-50px auto 50px; overflow:hidden;}

.case_mid .nTab{width:1200px; overflow:hidden; margin:0 auto; clear:both;}
.case_mid .TabTitle{clear:both;overflow:hidden;}
.case_mid .TabTitle ul{width:100%; float:none; padding-top:0px;}
.case_mid .TabTitle li{cursor:pointer; height:500px; text-align:center; width:16.5%; float:left; overflow:hidden; margin-top:25px;}
.case_mid .TabTitle li a{display:block; font-size:18px; border-right:0; color:#f5dca3; font-weight:bold; position:relative; top:-650px; width:100%; height:100%; background:rgba(0,0,0,.4); text-align:center;}
.case_mid .TabTitle li a p{width:50%; margin:0 auto; padding:80% 0 0;}
.case_mid .TabTitle li a p span{ display:block; font-size:30px; line-height:60px;}
.case_mid .TabTitle li a p em{ display:block; width:10px; background:#ffffff; height:2px; line-height:2px; margin:0 auto;}
.case_mid .TabTitle li a p i{ display:block; font-style:normal; line-height:60px;}

.case_mid .TabTitle .active{ color:#0066cc; width:33%; font-weight:bold; overflow:hidden; height:550px; margin-top:0;}

.case_mid .TabTitle .normal{}
.case_mid .TabTitle li.active a, .case_mid .TabTitle li a:hover{color:#f5dca3; font-size:22px;  background:rgba(0,0,0,.4); width:30%; margin:25% auto; height:50%; padding:10% 0 0;}
.case_mid .TabTitle li.active a p{width:40%; margin:0 auto; padding:10% 5% 10%; border:2px solid #f5dca3;}

.case_mid .TabTitle li.active a p span{color:#f5dca3;}
.case_mid .TabTitle li.active a p em{ width:20px; background:#f5dca3;}
.case_mid .TabTitle li.active a p i{ display:block; font-style:normal; line-height:30px; padding:20px 0; color:#ffffff;}
.case_mid .nTab .TabContent{}
.none {display:none;}



.case_list{overflow:hidden; width:1200px;}
.case_list li{margin:10px 1%; overflow:hidden; width:18%; float:left; text-align:center; height:170px;}
.case_list li img{width:100%; height:auto; max-height:140px;}
.case_list li p{height:36px; line-height:36px; overflow:hidden; text-align:center;}
.case_list li:hover{}
.case_list li:hover a{color:#f18314;}

.index_news{background:#f5f5f5; padding:1px 0;}
.index_news li{margin:20px 20px; border-bottom:1px dotted #efefef; overflow:hidden; height:100px; color:#232323; font-size:12px;}
.index_news li a{color:#232323; display:block; font-weight:bold; margin:5px 0 5px; font-size:14px;}
.index_news li p{ margin:0;}
.index_news li img{float:left; margin-right:20px; height:100px; width:145px;}

.index_about{line-height:30px;}
.index_about img{float:left; margin-right:20px; width:330px; height:auto;}

.index_honor{overflow:hidden;}
.index_honor li{overflow:hidden; margin:0 1% 10px; width:31%; height:100px; float:left;}
.index_honor li img{width:100%; height:auto; max-height:100px;}

.index_cases{overflow:hidden; margin-left:-10px; margin-right:-10px; width:1040px; padding-bottom:70px;}
.index_cases li{margin-left:10px; margin-top:10px; overflow:hidden; padding:5px; width:180px; float:left; border:1px solid #efefef;}
.index_cases li img{width:180px; height:130px;}
.index_cases li h3{height:30px; line-height:30px; overflow:hidden; text-align:center; padding-top:5px;}
.index_cases li h3 a{font-size:14px;}
.index_cases li:hover{background-color:#0066cc;}
.index_cases li:hover a{color:#f18314; font-weight:bold;}

#fangan_bg{width:100%; margin:20px auto; overflow:hidden; background-color:#f5f5f5;}
#fangan{width:940px; margin:0 auto; overflow:hidden; background-color:#f0e0af; padding:25px 30px;}
#fangan_left{width:316px; height:180px; float:left;}
#fangan_right{width:580px; margin-left:44px; height:180px; float:left;}
#fangan_right a{color:#ffffff;}
#fangan_right a:hover{color:#99ccff;}
#fangan_right h2{font-weight:bold; font-size:14px; margin-bottom:10px; margin-left:25px; margin-right:35px;}
#fangan_right li{width:230px; height:24px; float:left; overflow:hidden; margin-left:25px; margin-right:35px;}

.index_cases11{overflow:hidden; width:1200px; margin:0 auto; color:#0066cc;}
.index_cases11 li{overflow:hidden; width:490px; float:left; margin-bottom:10px;}
.index_cases11 li img{float:left; width:200px; height:150px; display:block; margin-top:40px;}

.index_cases11 li p{float:right; width:265px; padding:0 10px 10px 15px; background:#0077c3; height:144px; overflow:hidden; color:#c4e3f7;}
.index_cases11 li p a{font-size:14px; line-height:40px; color:#c4e3f7; font-weight:bold;background:#005baa; display:block; margin:0 -10px 0 -15px ; padding-left:15px;}
.index_cases11 li:hover{background:#005baa; color:#ffffff;}
.index_cases11 li:hover p{background:#005baa; color:#c4e3f7;font-size:14px;}
.index_cases11 li:hover p a{color:#ffffff;}

.index_cases3{overflow:hidden;  padding:0 0 20px; margin:0 auto; width:1200px; clear:both; display:block;}
.index_cases3 li{margin:0 17px; overflow:hidden; width:300px; float:left; display:inline-block; padding-bottom:20px;border-bottom:3px solid #dceefc; padding-top:10px;}
.index_cases3 li img{width:300px; height:200px; border-bottom:3px solid #0066cc;}
.index_cases3 li p{padding:5px 0px; height:90px; overflow:hidden;}
.index_cases3 li h3{clear:both; height:40px; line-height:20px; overflow:hidden; margin-top:10px;}
.index_cases3 li h3 a{font-size:14px; padding-left:0; color:#232323;}
.index_cases3 li:hover h3 a{color:#0066cc; font-weight:bold;}
.index_cases3 li:hover{border-bottom:3px solid #0066cc; padding-top:0px;}

.index_cases4{overflow:hidden; margin-top:30px; margin-left:10px;}
.index_cases4 li{margin-left:20px; overflow:hidden; padding:8px; width:220px; float:left;}
.index_cases4 li img{width:220px; height:140px;}
.index_cases4 li p{padding-top:5px; color:#232323;}
.index_cases4 li h3{height:30px; line-height:30px; overflow:hidden;}
.index_cases4 li h3 a{font-weight:bold; font-size:14px;}
.index_cases4 li:hover{background-color:#d99f59;color:#ffffff;}
.index_cases4 li:hover a{color:#ffffff;}

#bottom{width:100%; overflow:hidden; text-align:center; padding:20px 0; font-size:12px; line-height:24px;}
#bottom span{padding-left:10px;}
#bottom a{margin-right:5px; font-size:12px;}
#bottom2{width:100%; height:40px; line-height:40px; overflow:hidden; background:#0066cc; color:#ffffff; text-align:center; margin-top:30px;}
#bottom2 a{color:#ffffff; padding:10px 30px; height:40px; font-size:14px;}
#bottom2 a:hover{background:#f18314;}

/*---------------*/
/*
#sub_banner01,#sub_banner02,#sub_banner03,#sub_banner04,#sub_banner05,#sub_banner06,#sub_banner07,#sub_banner08{height:227px; line-height:227px; width:100%; overflow:hidden; font-family:""\5FAE\8F6F\96C5\9ED1"","楷体"; clear:both; border-bottom:3px solid #f0f0f0;}
#sub_banner01{background:url(banner01.jpg) no-repeat top center}
#sub_banner02{background:url(banner02.jpg) no-repeat top center}
#sub_banner03{background:url(banner03.jpg) no-repeat top center}
#sub_banner04{background:url(banner04.jpg) no-repeat top center}
#sub_banner05{background:url(banner05.jpg) no-repeat top center}
#sub_banner06{background:url(banner06.jpg) no-repeat top center}
#sub_banner07{background:url(banner07.jpg) no-repeat top center}
#sub_banner08{background:url(banner08.jpg) no-repeat top center}

.sub_banner_center{margin:0 auto; font-size:24px; padding-left:500px; color:#fff; width:500px;}
*/

/*#sub_about{background:url(about.jpg) no-repeat center 92px}
#sub_honor{background:url(honor.jpg) no-repeat center 92px}
#sub_product{background:url(pinpai.jpg) no-repeat center 92px}
#sub_case{background:url(case.jpg) no-repeat center 92px}
#sub_fuwu{background:url(fuwu.jpg) no-repeat center 92px}
#sub_news{background:url(news.jpg) no-repeat center 92px}
#sub_renli{background:url(renli.jpg) no-repeat center 92px}
#sub_banner08{background:url(banner08.jpg) no-repeat center 92px}
#sub_banner09{background:url(banner09.jpg) no-repeat center 92px}
#sub_banner10{background:url(banner10.jpg) no-repeat center 92px}
#sub_banner11{background:url(banner11.jpg) no-repeat center 92px}*/
.sub_bg{width:100%; overflow:hidden; background:#ffffff; position:relative; z-index:90;}
.sub{width:1200px; margin:0px auto 0; overflow:hidden;  background:#ffffff;} 
.sub_left{width:200px; float:left; overflow:hidden; border-bottom:3px solid #0066cc;}

.sub_left li#sub_left_title a{background:url(guorui_03.gif) repeat-x left -2px; height:40px; line-height:40px; color:#ffffff; font-weight:bold;}
.sub_left li a{width:100px; height:30px; line-height:30px; display:block; padding-left:30px; background:url(guorui_13.gif) no-repeat; color:#000000; padding-right:70px; overflow:hidden;}
.sub_left li a:hover{background:url(guorui_14.gif) no-repeat; color:#ffffff; font-weight:bold;}

.sub_left li.sub_left_fuwu{border:none;}
.sub_left li.sub_left_fuwu a{height:59px; padding-left:0px; background:none;}

.sub_right{overflow:hidden; padding-bottom:15px;overflow:hidden;}
.sub_right_title{line-height:60px; color:#999999; font-size:14px; border-TOP:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background: url(bg.jpg); overflow:hidden;}
.sub_right_title a{padding:0 25px; color:#0066cc; display:block; float:left; border-right:1px solid #e5e5e5;font-size:12px; font-weight:bold;}
.sub_right_title a:hover{background:#f18314; color:#ffffff; }
.sub_right_title h1{font-weight:normal; color:#232323;}
.sub_right_title font{display:none;}
.sub_right_title span{float:right; font-size:12px; padding-right:10px; padding-left:18px;font-weight: normal; text-align:center; background:url(home.png) no-repeat left 50%;}
.sub_right_title span a{color:#999999; font-size:12px; padding:0 0px; margin-right:0px;font-weight:normal; display:inline; float:none; border-right:none;}
.sub_right_title span a:hover{background:none; color:#0066cc;}

.sub_right_content{padding:20px 30px 20px; overflow:hidden; clear:both;}
.sub_right_content h1{line-height:30px; height:60px; font-size:24px; text-align:center; color:#232323;}
.sub_right_content h2{line-height:30px;font-size:14px; color:#232323; font-weight:bold; height:30px; text-indent:2em;}
.sub_right_content p{margin-bottom:1em; text-indent:2em; text-align:justify; text-justify:inter-ideograph;}
.sub_right_content p.date{text-align:center; height:24px; overflow:hidden; padding-right:2em;}
.sub_right_content p.date a{text-align:center; height:24px; overflow:hidden;}
.sub_right_content p img{max-width:1108px;}
.gongsi_jpg{float:left; margin-right:20px; border:1px solid #e5e5e5; padding:5px; width:320px;}
.sub_right_content2{padding:0; overflow:hidden; font-size:14px; clear:both;}
.sub_right_content2 h2{font-size:18px; color:#0066cc; font-weight:bold; line-height:30px; text-indent:2em;}



.index_cases2{overflow:hidden; margin-top:30px;}
.index_cases2 li{margin:10px 1%; overflow:hidden; width:22.6%; height:230px; float:left; text-align:center; border:1px solid #e5e5e5;}
.index_cases2 li img{width:auto; max-width:100%; height:190px;}
.index_cases2 li p{color:#232323;height:40px; line-height:40px; overflow:hidden; padding:0 10px;}
.index_cases2 li:hover{border:1px solid #0066cc;}
.index_cases2 li:hover p{background-color:#0066cc;}
.index_cases2 li:hover a{color:#ffffff;}

.index_cases22{overflow:hidden; margin-top:30px;}
.index_cases22 li{margin:10px 1%; overflow:hidden; width:14.5%; height:280px; float:left; text-align:center;}
.index_cases22 li img{width:auto; max-width:100%;  height:240px;}
.index_cases22 li p{color:#232323;height:40px; line-height:40px; overflow:hidden;}
.index_cases22 li:hover  p{background-color:#0066cc;}
.index_cases22 li:hover img{width:102%; height:240px; margin:0 -1%;}
.index_cases22 li:hover a{color:#ffffff; font-weight:bold;}


.index_cases21{overflow:hidden; margin-top:30px;}
.index_cases21 li{margin:10px 1%; overflow:hidden; width:14.5%; height:280px; float:left; text-align:center;}
.index_cases21 li img{width:auto; max-width:100%;  height:240px;}
.index_cases21 li p{color:#232323;height:40px; line-height:40px; overflow:hidden;}
.index_cases21 li:hover  p{background-color:#0066cc;}
.index_cases21 li:hover img{width:102%; height:240px; margin:0 -1%;}
.index_cases21 li:hover a{color:#ffffff; font-weight:bold;}

.index_cases222{overflow:hidden; margin-top:30px; }
.index_cases222 li{margin:10px 1%; overflow:hidden; width:22.9%; height:200px; float:left; text-align:center;}
.index_cases222 li img{width:100%; height:200px;}
.index_cases222 li p{color:#232323;height:40px; line-height:40px; overflow:hidden; padding:0 10px; display:none;}
.index_cases222 li:hover  p{background-color:#0066cc;}
.index_cases222 li:hover img{width:102%; height:200px; margin:0 -1%;}
.index_cases222 li:hover a{color:#ffffff; font-weight:bold;}

.sub_right_img{width:100%; overflow:hidden; margin-bottom:20PX; border-bottom:1px  dotted #9f7f3b; }
.sub_right_img .sub_right_image{float:left; width:550px; height:390px; margin-right:30px;}
.sub_right_img p{ text-indent:0;}
.sub_right_img strong{ font-weight:bold; }
.sub_right_img span{  font-family:"Arial Black"; font-size:16px;}
.sub_right_img span a{color:#878787;}
.sub_right_img .sub_erweima{width:80px;}
.sub_right_img #dituContent{float:left; width:650px; height:450px; margin-right:30px;}
.sub_right_img .dituContent_img{display:none;}

.newslist{ margin:20px auto;}
.newslist li{display:block; line-height:48px; height:48px; overflow:hidden; padding:0 20px; border-bottom:1px dotted #e5e5e5; background:url(guorui_49.png) no-repeat 5px 20px;}
.newslist li:hover{background:none; background-color:#0066cc; height:120px; color:#99ccff; padding:10px 50px; line-height:30px;}
.newslist li span{float:right;}
.newslist li:hover span{color:#ffffff;}
.newslist li:hover a{color:#ffffff; font-weight:bold; line-height:48px; height:48px;}
.newslist li span{float:right;}

.clear_topbottom{clear:both; line-height:0; padding:0; border:0; font-size:0px; overflow:hidden; border-top:1px dotted #efefef; margin:10px auto;}
.sub_right_newspic{overflow:hidden;  margin:30px 0;}
.sub_right_newspic li{padding:30px 50px 10px 20px; overflow:hidden; height:170px; margin:0px 0;  border-bottom:1px solid #e5e5e5;}
.sub_right_newspic li p{text-indent:0;}
.sub_right_newspic li strong{ display:block; margin:5px 0 10px;}
.sub_right_newspic li strong a{color:#232323;}
.sub_right_newspic li span{color:#999999; float:right; background:url(seeTime.png) no-repeat left 50%; padding-left:20px;}
.sub_right_newspic li img{float:left; margin-right:50px; height:150px; width:250px;}
.sub_right_newspic li:hover{background:url(newslist_bg.jpg) no-repeat bottom;}
.sub_right_newspic li:hover img{margin-right:40px;}
.sub_right_newspic li:hover strong a{color:#0066cc; font-weight:bold;}
.sub_right_newspic li:hover span{float:none;}

.sub_yanfa{overflow:hidden; }
.sub_yanfa li{width:44.8%; float:left; padding:20px 2%; overflow:hidden; height:190px; margin:30px 0.5% 10px; border-bottom:5px solid #e5e5e5; background:url(jishu_bg.jpg) no-repeat top;}
.sub_yanfa li div{text-indent:0; }
.sub_yanfa li strong{ display:block; margin:15px 0 10px;}
.sub_yanfa li strong a{color:#232323; font-weight:bold;}
.sub_yanfa li img{float:left; margin-right:50px; height:180px; width:150px; padding:5px; border:1px solid #e5e5e5; background:#e5e5e5;}
.sub_yanfa li:hover{border-bottom:5px solid #0066cc;}
.sub_yanfa li:hover img{margin-right:30px; background:#0066cc; border:1px solid #0066cc;}
.sub_yanfa li:hover strong a{color:#0066cc; font-weight:bold;}



.sub_left2{width:450px; float:left; padding-bottom:15px;overflow:hidden;}
#sub_left2_title a{height:40px; line-height:40px; display:block; padding-left:20px; background:url(guorui_03.gif); color:#ffffff; padding-right:20px; overflow:hidden; font-size:14px; font-weight:bold;}

.sub_left2_content{padding:20px; width:410px; overflow:hidden; font-size:14px; clear:both;}
.sub_left2_content h1{line-height:24px; padding:0 0 20px; margin:0 0 20px; font-size:18px; text-align:center; color:#0066cc; border-bottom:1px dotted #e5e5e5; overflow:hidden;}
.sub_left2_content h2{font-size:18px; color:#000000; font-weight:bold; line-height:50px;}
.sub_left2_content p{margin-bottom:1em;}
.sub_left2_content p.date{text-align:center; height:24px; overflow:hidden; padding-right:2em;}
.sub_left2_content p.date a{text-align:center; height:24px; overflow:hidden;}
.sub_left2_content img{max-width:400px;}


.sub_right2{width:652px; float:right; padding-bottom:15px;overflow:hidden;}
#sub_right2_title a{height:40px; line-height:40px; padding-left:30px;  color:#0066cc; font-size:14px;font-weight:bold;}


.sub_right2_content{padding:20px; width:610px; overflow:hidden; font-size:14px; clear:both; border-left:1px solid #e5e5e5;}
.sub_right2_content h1{line-height:20px; padding:0 0 20px; margin:0 0 20px; font-size:14px; text-align:center; color:#0066cc; border-bottom:1px dotted #e5e5e5; overflow:hidden;}
.sub_right2_content h2{font-size:18px; color:#000000; font-weight:bold; line-height:50px;}
.sub_right2_content p{margin-bottom:1em;}
.sub_right2_content p.date{text-align:center; height:24px; overflow:hidden;}
.sub_right2_content p.date a{text-align:center; height:24px; overflow:hidden;}
.sub_right2_content img{max-width:500px;}


.sub_right2_content .tip i,.sub_right2_content label span i{color:#e32235; font-style:normal;}
.sub_right2_content form{ margin:30px 0 0;}
.sub_right2_content label{display:block; margin:0 0 10px; width:100%; font-weight:normal; font-family:Tahoma;}
.sub_right2_content label .eg{ color:#666; margin-left:22%; line-height:18px;}
.sub_right2_content label span{ display:inline-block; width:20%; vertical-align:top; color:#444; text-align:right; padding-right:10px; font-size:12px;}
.sub_right2_content label input,.sub_right2_content label textarea{ width:75%; height:30px; line-height:30px; border:solid 1px #d0d0d0; padding:0 5px;}
.sub_right2_content label textarea{ height:115px; padding:5px;}
.sub_right2_content label.button{ text-align:right; padding-right:5%;}
.sub_right2_content label.button input.send{width:160px; height:40px; background:#0066cc; padding:0; text-align:center; line-height:40px; color:#fff; font-size:14px; font-family:Arial; margin:10px 0 0;}
.sub_right2_content label.button input.send:hover{ border-radius:30px; -webkit-border-radius:30px; -o-border-radius:30px; -ms-border-radius:30px; -moz-border-radius:30px;}







/* 列表导航 */
.k_pagelist { font-size:12px;clear:both;width:100%;margin:5px 0px;line-height:50px;text-align:left; height: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 #0066cc;}
.k_pagelist strong {margin:0px 2px; border:1px solid #0066cc;  padding:5px 8px; color:#0066cc; font-weight:bold;}
.pagelist span {margin:0px 10px;color:#07519A;}
.k_pagelist em{color:#232323; text-decoration:none;  background-repeat:no-repeat; background-position:left center; padding:0 3px; font-style:normal; font-weight:bold;}

/* 搜索页面. */
#k_search {display:table;text-align:left; font-size:14px; background-color:#FFFFFF; padding:20px;}
#k_search form {text-align:left;clear:both;width:100%;}
#k_search .k_in3{width:400px; padding:0 5px; height:20px; line-height:20px; border-top:1px solid #808080; border-left:1px solid #808080; border-bottom:1px solid #CCC; border-right:1px solid #CCC;}

.k_search{}
.k_search p{ background-color:#D9E1F7; font-size:12px; padding:5px;}
.k_search div{ border-bottom:1px solid #CCC;}
.k_search div h3{}
.k_search div h3 a{ font-size:12px; font-weight:normal; color:#0066cc;}
.k_search div h3 a strong{ color:#FF0000;}
.k_search div p{ font-size:12px; background-color:#FFF; padding:0;}
.k_search div p a{color:#008000; font-size:12px;}
.k_search div p span{ color:#999;font-size:12px;}
.k_search div p strong{ color:#FF0000;}

/*上一篇下一篇*/
#updown{border-top:#CCC 1px solid; padding:10px; font-size:14px; text-align:left; line-height:150%;} 	
#updown a{ font-size:12px;}
#updown span{font-weight:bold;margin:0px 5px;}
#updown p{padding:0px; margin:0px; text-align:right; margin-top:5px;}	

/*在线咨询*/
.lanren{ position:absolute; right:0; top:150px;}
.lanren .slide_min{ width:28px; height:112px; background:url(slide_min.jpg) no-repeat; cursor:pointer;}
.lanren .slide_box{ width:154px; height:auto; overflow:hidden; background:url(slide_box_bg.jpg) repeat-y; font-size:12px; text-align:center; line-height:130%; color:#666; border-bottom:2px solid #0066cc;}
.lanren .slide_box .weixin{ margin-bottom:5px;}
.lanren .slide_box img{ cursor:pointer;}
.lanren .slide_box p{ text-align:center; padding:5px; margin:5px;border-bottom:1px solid #ddd;}
.lanren .slide_box span{ padding:5px 10px; display:block;}
.lanren .slide_box span a{ color:#76A20C;}

/* 在线咨询挂号开始 */
#qq5643930_right{ width:118px; height:288px; height:auto; overflow:hidden; position:fixed; right:0; background:url(qq5643930_right.jpg) no-repeat 0 0; top:30%; z-index:9999; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:12px; color:#01001d;}
#qq5643930_right #qq_top{width:113px; height:220px; line-height:32px; padding-left:8px;}
#qq5643930_right #qq_top a{width:25px; height:25px; display:block; position:absolute; right:5px; top:0;}
#qq5643930_right #qq_main{ width:143px; height:68px; overflow:hidden; text-align:left;}
#qq5643930_right #qq_main p{ height:68px; }
#qq5643930_right #qq_main p a{ height:68px; line-height:68px; padding-left:0;display:block; text-decoration:none;}
#qq5643930_right #qq_bottom{ width:143px; height:0px; }

#qq5643930_mid{ width:327px; height:172px; background:url(qq5643930_mid.gif) no-repeat; position:fixed; left:50%; top:50%; margin:-72px 0 0 -157px; display:none; font-family:"\5FAE\8F6F\96C5\9ED1"; color:#01001d;}
#qq5643930_mid ul{width:327px; height:172px; position:relative;}
#qq5643930_mid ul li a{ display:block; width:70px; height:22px; position:absolute; top:145px; color:#336699;}
#qq5643930_mid ul li a#qq_close{width:40px; height:25px; display:block; position:absolute; right:5px; top:0;}
#qq5643930_mid ul li a#qq_talk{left:173px;}
#qq5643930_mid ul li a#qq_next{left:248px;}

#qq5643930_mid ul li#qq_h1{font-size:16px; position:absolute; left:12px; top:4px; color:#01001d;}
#qq5643930_mid ul li#qq_h2{font-size:24px; position:absolute; left:115px; top:50px;}
#qq5643930_mid ul li#qq_h3{font-size:16px; position:absolute; left:115px; top:80px;}
#qq5643930_mid ul li#qq_h4{font-size:12px; position:absolute; left:115px; top:110px;}
/* 在线咨询挂号结束 */

#zzhanbocomhead, .zzhanbocomdaohang, #top,.main_visual,#bottom2,.lanren,#qq5643930_right,.sub_left_fuwu{display:block;}
.hanbo_body{display:none;}

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

*{margin: 0;padding: 0;font-family:"\5FAE\8F6F\96C5\9ED1";}
/*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.jpg) #ffffff;}
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;}


#zzhanbocomhead, .zzhanbocomdaohang, #top,.main_visual,#bottom2,.lanren,#qq5643930_right,.sub_left_fuwu{display:none;}
.hanbo_body{display:block;}
.sub_banner #wowslider-container1{	margin: 0px auto 0px !important;}


.titleh2_mid{text-align:center; clear:both; height:80px; line-height:40px; margin:0px auto 30px; display:block; font-size:40px;color:#0066cc; overflow:hidden; padding-left:2px;}
.titleh2_mid h2 a{line-height:36px; font-size:30px; color:#0066cc; font-weight:bold; position:relative; bottom:-10px; display:block;}
.titleh2_mid h2 a:hover{color:#0066cc;}
.titleh2_mid h2 span{ color:#f18314; padding:0 10px;}
	
.titleh2_left{clear:both; height:60px; line-height:30px; display:block; font-size:18px; color:#0066cc; padding-left:2px; float:none;}
.titleh2_left h2{font-weight:bold !important;}
.titleh2_left h2 a{line-height:36px; font-size:30px;  font-weight:bold; position:relative; bottom:-10px; display:block;}
.titleh2_left h2 a:hover{ bottom:-18px;}
.titleh2_left h2 span{color:#f18314; padding:0 0px;}

/*.about_mid{width:100%; margin:0px auto -600px; overflow:hidden; height:auto;}
.about_left{ display:none;}*/
.about_mid{width:100%; margin:0px auto 0px; overflow:hidden; height:auto;}
.about_left{width:100%; height:290px;margin:0px auto; float:none; overflow:hidden; background:#none; text-align:right; display:none;}
.about_left img.about_leftimg{position:relative; top:-600px; right:0px; z-index:1; float:right;}
.about_left p{width:100%; height:auto; position:relative; float:none; right:0px; padding:0px 0px !important; z-index:2;}
.about_left p a{width:50%; display: block; float:left;background:url(about_left2.jpg) no-repeat -410px -0px; padding:20px 0px;  height:102px; overflow:hidden;}
.about_left p a.about_leftem{width:50%; display: block; float:left;  background:url(about_left2.jpg) no-repeat -410px -0px; padding:20px 0px; height:102px; overflow:hidden;}
.about_left p strong{display:block; font-size:30px; font-weight:bold; padding:10px 10px 0; color:#9f7f3b;}
.about_left p span{display:block; border-bottom:none; padding:10px 10px 10px; color:#9f7f3b;}

.about_left p a:hover{background:url(about_left2.jpg) no-repeat -410px -10px;}
.about_left p a.about_leftem:hover{background:url(about_left2.jpg) no-repeat -410px -10px;}

.about_left p a:hover strong{color:#0066cc;}
.about_left p a:hover span{color:#0066cc;}


.about_right{width:100%;  height:auto; margin:0px auto; float:none; overflow:hidden; text-align:left;}
.about_right img.about_rightimg{position:relative; top:-600px; left:0px; z-index:1;}
.about_right img.img_about_right{ display: block; width:100%; height:250px;}
.about_about{width:100%; height:auto; position:relative; padding:0px 0 20px 0px; z-index:2;} 
.about_about h1{font-size:14px; color:#232323; font-weight:bold; margin:30px 0 10px;}
.about_about p{line-height:30px;}
.about_more{height:36px; line-height:36px; width:130px; margin:10px 0; display:block; background:url(about_more.png) no-repeat; color:#ffffff; text-align:center; font-weight:bold;}
.about_more:hover{background:url(about_more.png) no-repeat; color:#ffffff; margin-left:5px;}

.about_about ul{ border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; overflow:hidden;}
.about_about ul li{width:25%; float:left; height:80px; text-align:center; padding-top:20px;background:#0066cc;}
.about_about ul li img{height:25px;}
.about_about ul li span{display:block; height:36px; line-height:18px; padding:10px 0px; border-right: 1px solid #0055bb; border-left: 1px solid #0044aa;color:#ffffff; font-weight:bold;}
.about_about ul li span#about_pro4{padding:10px 0px !important;}
.about_about ul li:hover{background:#f18314;}
.about_about ul li:hover a{color:#ffffff; font-weight:bold;}


.nTab{width:100%; overflow:hidden; margin:0 auto; clear:both;}
.TabTitle{clear:both;overflow:hidden; margin-right:-2px; z-index:999;}
.TabTitle .titleh2_left{float:none; width:100%; clear:both;}
.TabTitle ul{float:none; clear:both; width:100%; padding:30px 0 0px; margin-bottom:15px; overflow:hidden;border-bottom:1px solid #e5e5e5;}
.TabTitle li{cursor:pointer; height:36px; line-height:36px; text-align:center; width:33.3%; float:left; overflow:hidden; z-index:999;}
.TabTitle li a{display:block; font-size:12px; border-right:1px solid #e5e5e5; border-top:1px solid #e5e5e5; color:#0066cc; font-weight:bold; background:#ffffff;}
.TabTitle .active{background:#0066cc; color:#ffffff; width:33.3%; font-weight:bold; overflow:hidden;}

.TabTitle .normal{}
.TabTitle li.active a, .TabTitle li a:hover{color:#ffffff; font-size:14px; }
.nTab .TabContent{}
.none {display:none;}

.honor_mid{width:100%; margin:0px auto;  padding:0px 0 30px;  background:url(about_bg.jpg) no-repeat top center; overflow:hidden;}
.honer_list{overflow:hidden; width:100%; margin-top:20px;}
.honer_list li{margin:5px 0.5%; overflow:hidden; width:32.2%; float:left; text-align:center; height:110px;}
.honer_list li img{width:100%; height:auto; max-height:80px;height:80px;}
.honer_list li p{height:30px; line-height:30px; overflow:hidden; text-align:center; }
.honer_list li:hover{}
.honer_list li:hover img{max-height:80px;height:80px;}
.honer_list li:hover a{color:#f5dca3;}
.honer_listm{display:none;}

.honer_list2{overflow:hidden; margin-top:0px;}
.honer_list2 li{margin:5px 0.5%; overflow:hidden; width:32.2%; height:140px; float:left; text-align:center;}
.honer_list2 li img{width:auto; max-width:100%;  height:110px;}
.honer_list2 li p{color:#232323;height:30px; line-height:30px; overflow:hidden;}
.honer_list2 li:hover  p{background-color:#0066cc;}
.honer_list2 li:hover img{width:102%; height:110px; margin:0 -1%;}
.honer_list2 li:hover a{color:#f5dca3; font-weight:bold;}

.pro_list{overflow:hidden; width:100%;}
.pro_list li{margin:5px 0.5%; overflow:hidden; width:32.2%; float:left; text-align:center; height:80px; background:#ffffff;}
.pro_list li img{width:100%; height:auto; max-height:80px;height:80px;}
.pro_list li p{height:30px; line-height:30px; overflow:hidden; text-align:center; display:none;}
.pro_list li:hover{}
.pro_list li:hover img{max-height:80px;height:80px;}
.pro_list li:hover p{}
.pro_list li:hover a{color:#f5dca3;}
.pro_listm{display:none;}

.index_mid{width:100%; margin:0px auto; overflow:hidden;}
.index_left{width:100%; float:none; overflow:hidden;}
.index_right{width:100%; float:none; overflow:hidden;}


.case_mid{width:100%; margin:0px auto; overflow:hidden;}
.case_mid .nTab{width:100%; overflow:hidden; margin:0 auto; clear:both;}
.case_mid .TabTitle{clear:both;overflow:hidden;}
.case_mid .TabTitle ul{width:100%; float:none; padding-top:30px;}
.case_mid .TabTitle li{cursor:pointer; height:250px; text-align:center; width:50%; float:left; overflow:hidden; margin-top:0px;}
.case_mid .TabTitle li img{width:100%; height:100%;}
.case_mid .TabTitle li a{display:block; font-size:18px; border-right:0; color:#f5dca3; font-weight:bold; position:relative; top:-250px; width:100%; height:100%; background:rgba(0,0,0,.4); text-align:center;}
.case_mid .TabTitle li a p{width:50%; margin:0 auto; padding:40% 0 0;}
.case_mid .TabTitle li a p span{ display:block; font-size:24px; line-height:40px;}
.case_mid .TabTitle li a p em{ display:block; width:10px; background:#ffffff; height:2px; line-height:2px; margin:0 auto;}
.case_mid .TabTitle li a p i{ display:block; font-style:normal; line-height:60px;}
.case_mid .TabTitle li a p img{display:none;}

.case_mid .TabTitle .active{ color:#0066cc; width:50%; font-weight:bold; overflow:hidden; height:250px; margin-top:0;}

.case_mid .TabTitle .normal{}
.case_mid .TabTitle li.active a, .case_mid .TabTitle li a:hover{color:#f5dca3; font-size:22px;  background:rgba(0,0,0,.4); width:60%; margin:25% auto; height:60%; padding:10% 0 0;}
.case_mid .TabTitle li.active a p{width:50%; margin:0 auto; padding:5% 5% 10%; border:2px solid #f5dca3;}

.case_mid .TabTitle li.active a p span{color:#f5dca3;}
.case_mid .TabTitle li.active a p em{ width:20px; background:#f5dca3;}
.case_mid .TabTitle li.active a p i{ display:block; font-style:normal; line-height:30px; padding:10px 0 0px; color:#ffffff;}
.case_mid .nTab .TabContent{}
.none {display:none;}

#TabTitle4{display:none;}

.case_list{overflow:hidden; width:1200px;}
.case_list li{margin:10px 1%; overflow:hidden; width:18%; float:left; text-align:center; height:170px;}
.case_list li img{width:100%; height:auto; max-height:140px;}
.case_list li p{height:36px; line-height:36px; overflow:hidden; text-align:center;}
.case_list li:hover{}
.case_list li:hover a{color:#0066cc;}


.index_news{background:#f5f5f5; padding:1px 0;}
.index_news li{margin:10px 5px; border-bottom:1px dotted #efefef; overflow:hidden; height:100px; color:#232323; font-size:12px;}
.index_news li a{color:#232323; display:block; font-weight:bold; margin:5px 0 5px; font-size:14px;}
.index_news li p{ margin:0;}
.index_news li img{float:left; margin-right:20px; height:100px; width:145px;}

.index_about{margin:0 auto; width:98%;}
.index_about img{float:none; margin-right:0px; width:100%; height:auto; margin-bottom:20px;}

.index_honor{overflow:hidden;}
.index_honor li{overflow:hidden; margin:0 1% 10px; width:48%; height:100px; float:left;}
.index_honor li img{width:100%; height:auto; max-height:100px;}


.sub{width:100% !important; margin:0 auto; overflow:hidden; background:none; background-color:#ffffff; border-top:none;} 
.sub_left{width:96% !important; margin:0 auto 15px; float:none; overflow:hidden; border-bottom:3px solid #0066cc;}
.sub_left li {width:50% !important; float:left;}
.sub_left li#sub_left_title{width:100% !important; float:none;}
.sub_left li#sub_left_title a{width:100% !important; background:url(guorui_03.gif) repeat-x left -2px; height:36px; line-height:36px; color:#ffffff; font-weight:bold; font-size:16px;}
.sub_left li#sub_left_pic{display:none;}

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

.sub_right{overflow:hidden; padding-bottom:15px;overflow:hidden;}
.sub_right_title{line-height:36px; color:#999999; font-size:14px; border-bottom:none; overflow:hidden; padding-bottom:-1px;}
.sub_right_title a{padding:0 0px; color:#565656; font-weight:normal; display:block; float:left; text-align:center; width:33%; border-bottom:1px solid #e5e5e5; height:36px; line-height:36px; overflow:hidden;}
.sub_right_title a#sub_right_title5{width:20% !important;}
.sub_right_title a#sub_right_title4{width:25% !important;}
.sub_right_title a#sub_right_title2{width:50% !important;}
.sub_right_title a:hover{background:#0066cc; color:#f18314; }
.sub_right_title h1{font-weight:normal; color:#232323;}
.sub_right_title font{display:none;}
.sub_right_title span{ display:none;}

.sub_right_content{margin:20px auto 0; width:98% !important; overflow:hidden; font-size:14px; clear:both; padding:0;}
.sub_right_content h1{line-height:30px; height:auto; font-size:24px; text-align:center; color:#232323;}
.sub_right h2{font-size:14px; color:#232323; text-indent:0; line-height:18px; height:24px; margin-bottom:10px;}
.sub_right_content b,.sub_right_content strong{color:#000000;}
.sub_right_content p{margin:0.5em 0; text-indent:0; text-align:justify; text-justify:inter-ideograph;}
.sub_right_content p.date, .sub_right_content p.date a{text-align:center; height:24px; overflow:hidden; font-size:12px;}
.sub_right_content .index_cases2 li p{margin-bottom:0; text-indent:0; height:30px; overflow:hidden;}
.sub_right_content .index_cases4 li p{margin-bottom:0; text-indent:0; height:30px; overflow:hidden;}
.sub_right_content2{margin:0 auto; width:100% !important; overflow:hidden; clear:both;}

.sub_right_content img{ width:100% !important; height:auto; margin:5px 0; border:none; padding:0;}

.index_cases2{width:100% !important; overflow:hidden; margin:0 auto; display:block;}
.index_cases2 li{float:left; text-align:center; overflow:hidden;width:48% !important; height:150px; padding:0; margin:10px 1% 0; border:none;}
.index_cases2 li:hover{border:none;}
.index_cases2 li p{height:30px; line-height:30px; overflow:hidden;}
.index_cases2 li img{width:100% !important; height:120px !important; margin-bottom:0px;}
.index_cases2 li#index_cases2_m{ display:none;}


.index_cases22{overflow:hidden; margin-top:20px; margin-left:0px;}
.index_cases22 li{margin:10px 1%; overflow:hidden; width:48%; height:230px; float:left; text-align:center;}
.index_cases22 li img{width:100%; height:200px;}
.index_cases22 li p{color:#232323;height:30px; line-height:30px; overflow:hidden;}
.index_cases22 li:hover img{width:104%; height:200px !important; margin:0 -2%;}

.index_cases21{overflow:hidden; margin-top:20px; margin-left:0px;}
.index_cases21 li{margin:10px 0.5%; overflow:hidden; width:32.3%; height:160px; float:left; text-align:center;}
.index_cases21 li img{width:100%; height:130px;}
.index_cases21 li p{color:#232323;height:30px; line-height:30px; overflow:hidden;}
.index_cases21 li:hover img{width:104%; height:130px !important; margin:0 -2%;}


.index_cases222{overflow:hidden; margin-top:20px; margin-left:0px;}
.index_cases222 li{margin:10px 1%; overflow:hidden; width:48%; height:120px; float:left; text-align:center;}
.index_cases222 li img{width:100%; height:120px;}
.index_cases222 li p{color:#232323;height:30px; line-height:30px; overflow:hidden; display:none;}
.index_cases222 li:hover img{width:104%; height:120px !important; margin:0 -2%;}

.sub_right_img{width:100%; overflow:hidden; margin-bottom:20PX; border-bottom:1px solid #f5f5f5; }
.sub_right_img .sub_right_image{float:none; width:80% !important; height:auto; margin:0px 10% !important;}
.sub_right_img .sub_erweima{width:33.3% !important; float:left;}
.sub_right_img #dituContent{display:none;}
.sub_right_img .sub_dituwenzi{display:none;}
.sub_right_img .dituContent_img{display:block;}

.sub_right_newspic{overflow:hidden; }
.sub_right_newspic li{padding:5px 0px 5px 0px; overflow:hidden; height:100px; margin:10px 0;color:#999999; font-size:12px;  background:#f5f5f5;}
.sub_right_newspic li p{text-indent:0;}
.sub_right_newspic li p a{color:#232323;}
.sub_right_newspic li strong{ display:block; margin:8px 0 3px; font-size:14px; line-height:20px; max-height:40px; overflow:hidden;}
.sub_right_newspic li strong span{ display:none;}
.sub_right_newspic li strong a{color:#232323;}
.sub_right_newspic li img{float:left; margin-right:10px; height:100px; width:140px;}
.sub_right_newspic li em{ float:right;}
.sub_right_newspic li:hover{padding:5px 0px 5px 0px; overflow:hidden; background:url(jishu_bg.jpg) no-repeat -18WW0px top; border:1px solid #e5e5e5;}
.sub_right_newspic li:hover img{margin-right:10px;}
.sub_right_newspic li:hover strong a{color:#0066cc;}


.sub_yanfa{overflow:hidden; }
.sub_yanfa li{width:98%; float:none; padding:20px 1%; overflow:hidden; height:140px; margin:10px 0 0; border-bottom:1px solid #e5e5e5;}
.sub_yanfa li div{text-indent:0;  height:150px; overflow:hidden;}
.sub_yanfa li strong{ display:block; margin:0px 0 0px;}
.sub_yanfa li strong a{color:#232323; font-weight:bold;}
.sub_yanfa li img{float:left; margin-right:10px; height:140px; width:120px; padding:2px; border:1px solid #e5e5e5;}
.sub_yanfa li:hover{ border-bottom:2px solid #0066cc;}
.sub_yanfa li:hover img{margin-right:10px;}
.sub_yanfa li:hover strong a{color:#0066cc; font-weight:bold;}

/*全局预设*/


.hanbo_body{min-width:320px; max-width: 720px; margin:0 auto;}
.hanbo_header{ height:60px;  text-align:left; background:url(index_02.gif) repeat-x -0 -32px;}
.home{ position:absolute;left:15px; top:15px; height:20px}
.hanbo_header .logo{margin-top:10px; margin-left:2px; height:40px;}
.hanbo_banner{width:100%; overflow:hidden;}
.banner-container {
        width: 160%;
        height: 100%;
		position:relative;
		overflow:hidden;
		margin-left:-30%;
    }
.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  .swiper-slide p{height:1px; overflow:hidden; width:1px;}
.banner-container .banner-pagination{ bottom:10px!important; text-align:center; position:absolute; width:100%; z-index:99;}	
.banner-container .swiper-pagination-bullet{ background:#fff!important;}
.banner-container .swiper-pagination-bullet-active{ background:#0066cc!important;}
.banner-container .banner-pagination span{ margin:0 3px}

.hanbo_menu{width:100%; background: #0066cc; height:60px; line-height:29px; text-align:center;}
.hanbo_menu li{float:left; width:25%; overflow:hidden;}
.hanbo_menu li a{color:#ffffff; display:block; font-size:14px; font-weight:bold; border-bottom:1px solid #006699; border-right:1px solid #006699;}



.index_news{ width:98%; margin:10px auto; overflow:hidden}
.index_news .indenewsti{margin:2% 0 4%; font-size:18px; font-weight:bold; color:#343434;}
.index_news .indenewsti img{ width:50%}
.index_news .indenewsti a{ width:60px; height:20px; line-height:20px; text-align:center; display:block; float:right; border:1px solid #e5e5e5; margin-top:1%; font-size:12px; 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%;
		overflow:hidden;
}
.index_news .swiper-slide img{height:120px;}
.index_news .swiper-slide p{ font-size:12px;  height:30px; line-height:30px; overflow:hidden; margin-top:5px; padding-left:2px; display:block; clear: both;}
.index_news .index_news-pagination{ bottom:0!important; text-align:center}
.index_news .swiper-slide p span{display:block; height:5px; line-height:36px; overflow:hidden;}
.index_news .index_news-pagination span{margin:0 1px;}

.index_pro{ width:98%; margin:10px auto; overflow:hidden; text-align:center;}
.index_pro .indenewsti{ margin:2% 0 4%; font-size:18px; font-weight:bold;color:#343434; 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; 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 !important;}
.index_pro .swiper-slide a{font-size:12px; font-weight:normal; line-height:16px;}
.index_pro .swiper-slide p{font-size:12px; text-align:left; height:30px; line-height:30px; overflow:hidden; margin-top:5px; padding-left:2px;}
.index_pro .swiper-slide p span{display:block; height:5px; line-height:36px; overflow:hidden;}
.index_pro .index_pro-pagination span{margin:0 1px;}


.menu_zhaoshang{ overflow:hidden; padding:5% 1%;}
.menu_zhaoshang li{ width:50%; float:left; margin:2px 0;overflow:hidden; overflow:hidden; color:#c4e3f7; line-height:30px;}
.menu_zhaoshang li a{line-height:30px; display:block; padding:0 3px 3px 3px;}
.menu_zhaoshang li h3{font-size:14px; background:#0066cc; color:#ffffff; text-align:center; height:36px; line-height:36px; overflow:hidden;}
.menu_zhaoshang li h3 a{ color:#ffffff; font-size:12px;line-height:36px;background:#0066cc;}
.menu_zhaoshang li img{width:100%;}


.menu_pic{ overflow:hidden; padding:5% 1%; 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% 1%;}
.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:#ffffff; font-size:12px; border:1px solid #efefef; display:block; margin:0 3px; font-weight:bold; background:#0066cc;}

.menu_pro3{ overflow:hidden; padding:5% 1%;}
.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% 1%;}
.menu_two li{ width:50%; float:left; text-align:center; height:36px; line-height:36px; margin:3px 0;}
.menu_two li a{color:#0066cc; font-size:14px; border:1px solid #efefef; display:block; margin:0 3px;}
.menu_two li a.menu_on{ background:#0066cc; color:#ffffff; border:1px solid #0066cc;}

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

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


/*
.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:#0066cc; text-align:center;}
.menu_bottom li{width:50%; float:left;}
.menu_bottom li a{color:#f5dca3; font-size:14px; text-align:center; border-right:1px solid #bb0000; display:block;}

.hanbo_bottom{ padding-top:10px; line-height:16px; width:100%; overflow:hidden; text-align:center;margin-bottom:-2px; font-size:12px; padding-bottom:8px;}
.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:30px; font-size:14px; color:#666; margin-bottom:20px;}
.hanbo_content h1{font-size:18px; font-weight:bold; text-align:center; color:#0066cc; 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; color:#0066cc; 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:#0066cc; 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-color:#0066cc;}
.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; color:#0066cc; 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:#0066cc; color:#fff; display:block;  }

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

.vimain{ overflow:hidden; width:90%; margin:20px auto; position:relative}
.vimain h1{font-size:18px; font-weight:bold; text-align:center; color:#0066cc; 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; color:#0066cc; text-align:left; margin-top:-20px;}
#zhaoshang_liu li p{margin-top:-10px;}




.sub_left2{width:100% !important; float:none; padding-bottom:15px; overflow:hidden;}
#sub_left2_title a{height:40px; line-height:40px; display:block; padding-left:20px; background:url(guorui_03.gif); color:#ffffff; padding-right:20px; overflow:hidden; font-size:14px; font-weight:bold;}

.sub_left2_content{padding:10px 0; width:96% !important; overflow:hidden; font-size:14px; clear:both; margin:0 auto 15px;}
.sub_left2_content h1{line-height:24px; padding:0 0 20px; margin:0 0 20px; font-size:24px; text-align:center; color:#0066cc; border-bottom:1px dotted #e5e5e5; overflow:hidden;}
.sub_left2_content h2{font-size:18px; color:#000000; font-weight:bold; line-height:50px;}
.sub_left2_content p{margin-bottom:1em; word-wrap: break-word; word-break: break-all;}
.sub_left2_content p.date{text-align:center; height:24px; overflow:hidden; padding-right:2em;}
.sub_left2_content p.date a{text-align:center; height:24px; overflow:hidden;}
.sub_right2_content img{max-width:100% !important;}


.sub_right2{width:100% !important; float:none; padding-bottom:15px;overflow:hidden;}
#sub_right2_title a{height:40px; line-height:40px; display:block; padding-left:20px; background:url(guorui_03.gif); color:#ffffff; padding-right:20px; overflow:hidden; font-size:14px; font-weight:bold;}


.sub_right2_content{padding:10px 0; width:96% !important;  overflow:hidden; font-size:14px; clear:both; border-left:none; margin:0 auto 15px;}
.sub_right2_content h1{line-height:24px; padding:0 0 20px; margin:0 0 20px; font-size:24px; text-align:center; color:#0066cc; border-bottom:1px dotted #e5e5e5; overflow:hidden;}
.sub_right2_content h2{font-size:18px; color:#000000; font-weight:bold; line-height:50px;}
.sub_right2_content p{margin-bottom:1em; word-wrap: break-word; word-break: break-all;}
.sub_right2_content p.date{text-align:center; height:24px; overflow:hidden;}
.sub_right2_content p.date a{text-align:center; height:24px; overflow:hidden;}
.sub_right2_content img{max-width:100% !important;}


.sub_right2_content .tip i,.sub_right2_content label span i{color:#e32235; font-style:normal;}
.sub_right2_content form{ margin:30px 0 0;}
.sub_right2_content label{display:block; margin:0 0 10px; width:100%; font-weight:normal; font-family:Tahoma;}
.sub_right2_content label .eg{ color:#666; margin-left:0; line-height:18px;}
.sub_right2_content label span{ display:inline-block; width:100%; vertical-align:top; color:#444; text-align:left; padding-right:10px; font-size:12px; display:block;}
.sub_right2_content label input,.sub_right2_content label textarea{ width:96%; height:30px; line-height:30px; border:solid 1px #d0d0d0; padding:0 5px;}
.sub_right2_content label textarea{ height:115px; padding:5px;}
.sub_right2_content label.button{ text-align:right; padding-right:5%;}
.sub_right2_content label.button input.send{width:160px; height:40px; background:#0066cc; padding:0; text-align:center; line-height:40px; color:#fff; font-size:14px; font-family:Arial; margin:10px 0 0;}
.sub_right2_content label.button input.send:hover{ border-radius:30px; -webkit-border-radius:30px; -o-border-radius:30px; -ms-border-radius:30px; -moz-border-radius:30px;}



/* 列表导航 */
.k_pagelist { font-size:12px;clear:both;  padding:20px 5px; line-height:30px; text-align:center; height:50px; 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:#0066cc;}
.k_pagelist a:hover{background-color:#0066cc; color:#ffffff;}
.k_pagelist strong {margin:0 0 0 -1px; border:1px solid #efefef; padding:5px 10px; color:#ffffff; font-weight:bold; background:#0066cc;}
.k_pagelist span {margin:0;color:#07519A;}
.k_pagelist em{color:#232323; 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; color:#0066cc;}

/*全局左侧固定展开小导航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 #0066cc;background-color: #0066cc;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: #0066cc;border-color: #0066cc;}
.hanbo-ibar.close .hanbo-ibar-toggle a{background-color: #0066cc;border-color: #0066cc;}
.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: #0066cc
}
.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: 160px;
	float: right;
	position: absolute;
	top:0;
	right:0;
	padding-top: 60px;
	z-index: 999;
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	perspective: 1200px;
	-webkit-perspective-origin: 50% 200%;
	-moz-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
}

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

.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:0;
	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;
}

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

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

.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;
}

.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: '';
}

}







/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.ban_dan {
	display: block;
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.ws_cover a {
	display: block !important;
}
#wowslider-container1 {
	display: table;
	zoom: 1;
	position: relative;
	width: 100%;
	max-width: 1920px;
	margin: 0px auto 0px;
	z-index: 90;
	text-align: left;
	font-size: 10px;
	text-shadow: none;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.sub_banner #wowslider-container1{	margin: -40px auto -70px;}
* html #wowslider-container1 {
	width: 1920px;
}
#wowslider-container1 .ws_images ul {
	position: relative;
	width: 10000%;
	height: 100%;
	left: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	border-spacing: 0;
	overflow: visible;
}
#wowslider-container1 .ws_images ul li {
	position: relative;
	width: 1%;
	height: 100%;
	line-height: 0;
	overflow: hidden;
	float: left;
	padding: 0 0 0 0 !important;
	margin: 0 0 0 0 !important;
}
#wowslider-container1 .ws_images {
	position: relative;
	left: 0;
	top: 0;
	height: 100%;
	max-width: 1920px;
	vertical-align: top;
	border: none;
	overflow: hidden;
}
#wowslider-container1 .ws_images ul a {
	width: 100%;
	height: 100%;
	display: block;
	color: transparent;
}
#wowslider-container1 img {
	max-width: none !important;
}
#wowslider-container1 .ws_images .ws_list img, #wowslider-container1 .ws_images > div > img {
	width: 100%;
	border: none 0;
	max-width: none;
	padding: 0;
	margin: 0;
}
#wowslider-container1 .ws_images iframe {
	position: absolute;
	z-index: -1;
}
#wowslider-container1 .ws-title > div {
	display: inline-block !important;
}
#wowslider-container1 a {
	text-decoration: none;
	outline: none;
	border: none;
}
#wowslider-container1 .ws_bullets {
	float: left;
	position: absolute;
	z-index: 70;
}
/* compatibility with Joomla styles */
#wowslider-container1 .ws_script {
	display: none;
}
#wowslider-container1 sound, #wowslider-container1 object {
	position: absolute;
}
#wowslider-container1 .ws_effect {
	position: static;
	width: 100%;
	height: 100%;
}
#wowslider-container1 .ws_photoItem {
	border: 2em solid #fff;
	margin-left: -2em;
	margin-top: -2em;
}
#wowslider-container1 .ws_cube_side {
	background: #A6A5A9;
}
#wowslider-container1.ws_gestures {
	cursor: -webkit-grab;
	cursor: -moz-grab;
}
#wowslider-container1.ws_gestures.ws_grabbing {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
}
#wowslider-container1.ws_video_playing .ws_bullets, #wowslider-container1.ws_video_playing .ws_fullscreen, #wowslider-container1.ws_video_playing .ws_next, #wowslider-container1.ws_video_playing .ws_prev {
	display: none;
}
#wowslider-container1 .ws_video_btn {
	position: absolute;
	display: none;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 55;
}
#wowslider-container1 .ws_video_btn.ws_youtube, #wowslider-container1 .ws_video_btn.ws_vimeo {
	display: block;
}
#wowslider-container1 .ws_video_btn div {
	position: absolute;
	-webkit-background-size: 200% 200%;
	background-size: 200%;
	top: 50%;
	left: 50%;
	width: 7em;
	height: 5em;
	margin-left: -3.5em;
	margin-top: -2.5em;
}
#wowslider-container1 .ws_video_btn.ws_youtube div {
	background-position: 0 0;
}
#wowslider-container1 .ws_video_btn.ws_youtube:hover div {
	background-position: 100% 0;
}
#wowslider-container1 .ws_video_btn.ws_vimeo div {
	background-position: 0 100%;
}
#wowslider-container1 .ws_video_btn.ws_vimeo:hover div {
	background-position: 100% 100%;
}
#wowslider-container1 .ws_playpause.ws_hide {
	display: none !important;
}
#wowslider-container1 .ws_images {
	-webkit-box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26);
	box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26);
	-webkit-transition: box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transition: -webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	transition: -webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	transition: box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	transition: box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
#wowslider-container1 .ws_images:hover {
	-webkit-box-shadow: 0px 17px 50px rgba(0, 0, 0, 0.19);
	box-shadow: 0px 17px 50px rgba(0, 0, 0, 0.19);
}
#wowslider-container1 .ws_playpause {
	display: none !important;
}

/* IE10+ hacks */
/* IE10+ hacks */
_:-ms-input-placeholder, :root #wowslider-container1 .ws_playpause:after {
line-height: 2.8em;
}
/* bottom center */
#wowslider-container1 .ws_bullets {
	bottom: 10px;
	left: 50%;
}
#wowslider-container1 .ws_bullets div {
	left: -50%;
}
#wowslider-container1 .ws-title {
	position: absolute;
	margin-right: 10em;
	z-index: 50;
	left: 0.3em;
	padding: 1em;
	bottom: 30px;
	top: auto;
	opacity: 1;
}
#wowslider-container1 .ws-title div, #wowslider-container1 .ws-title span {
	display: inline-block;
	padding: 0.5em;
}
#wowslider-container1 .ws-title div {
	display: block;
	margin-top: 0.5em;
	font-size: 1.1em;
	padding: 1em;
	line-height: 1.15em;
	color: #000000;
	border: 3px solid;
	border-color: #ffffff;
	border-radius: 7px;
	background-color: white;
}
#wowslider-container1 .ws-title span {
	font-size: 1.8em;
	border: 3px solid;
	border-color: #ffffff;
	border-radius: 7px;
	background-color: rgba(0, 0, 0, 0.2);
}
#wowslider-container1 .ws_logo {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 9;
}
#wowslider-container1 img.loading {
	width: 96px;
	height: 48px;
}
#wowslider-container1 .ws_bullets a img {
	text-indent: 0;
	display: block;
	bottom: 7px;
	left: -48px;
	visibility: hidden;
	position: absolute;
	max-width: none;
}
#wowslider-container1 .ws_bullets a:hover img {
	visibility: visible;
}
#wowslider-container1 .ws_bulframe div div {
	height: 48px;
	overflow: visible;
	position: relative;
}
#wowslider-container1 .ws_bulframe div {
	left: 0;
	overflow: hidden;
	position: relative;
	width: 96px;
	background-color: #FFFFFF;
}
#wowslider-container1 .ws_bullets .ws_bulframe {
	display: none;
	bottom: 25px;
	margin-left: 5px;
	overflow: visible;
	position: absolute;
	cursor: pointer;
	border: 3px solid;
	border-color: #ffffff;
	border-radius: 5px;
}
#wowslider-container1 .ws_bulframe div div {
	height: auto;
}
 @media all and (max-width: 760px) {
#wowslider-container1 .ws_fullscreen {
display: block;
}
}
 @media all and (max-width: 768px) {
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
display: none;
}
}
#wowslider-container1 .ws_bullets {
	bottom: 10.91%;
	left: 0;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#wowslider-container1 .ws_bullets a {
	position: relative;
	text-shadow: none;
	color: transparent;
	display: inline-block;
	width: 38px;
	height: 8px;
	margin: 0 6px;
	background-color: #cccccc;
	border-radius: 4px;
}
#wowslider-container1 .ws_bullets a span {
	font-size: 0px;
}
#wowslider-container1 .ws_bullets a.ws_selbull {
	background-color: #0066cc;
}
 @media screen and (max-width: 999px) {
#wowslider-container1 .ws_bullets {
display: block;
}
 #wowslider-container1 .ws_bullets a {
width: 28px;
margin: 0 5px;
}
}
 @media screen and (max-width: 767px) {
#wowslider-container1 .ws_bullets a {
width: 20px;
height: 5px;
margin: 0 2px;
}
}



/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */