/* 公用样式表*/ 
body, ul, li, dl, dt, dd, h1, h2, h3, h4, p {margin:0; padding:0; list-style:none;
} 
img {border:none;
}
.clear {
	clear:both; 
}
h1,h2.h3,h4{font-family:"Hiragino Sans GB","Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STHeiti, "华文细黑", sans-serif; color:#444;}
* { margin:0; -webkit-transform-style:preserve-3d; -webkit-transform-style:flat;/* -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;*/ /*1px距离不计算 不支持ie*/
}
html, body {height:100%;
}
body {font-family:"Hiragino Sans GB","Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STHeiti, "华文细黑", sans-serif; color:#666;
}
body#gray {background:#f2f2f2;
}

.block {
	height:300px;
	background: blue;
	margin-bottom: 20px;
}

 

/*鼠标经过图片放大CSS3*/ 
.home_value_img{float:left; width:100%; overflow:hidden;}
.home_value_img img, .home_service_top_left_img img, .home_service_bottom_right_img img,.nei_ab_img img,.news_box_main_img img{  -webkit-transition: all ease .3s;   
    transition: all ease .3s
	}
.home_value_img img:hover, .home_service_top_left_img img:hover, .home_service_bottom_right_img img:hover,.nei_ab_img img:hover,.news_box_main_img img:hover{ -webkit-transform: scale(1.15);  
    transform: scale(1.15);
  -webkit-transition:all 0.6s ease-in-out;
  -moz-transition:all 0.6s ease-in-out;
  -o-transition:all 0.6s ease-in-out;
  -ms-transition:all 0.6s ease-in-out;
  transition:all 0.6s ease-in-out;}

/*鼠标经过图片变亮*/
.home_value_img img:hover,.h_news_title_name_img img:hover{opacity:0.75;filter:(alpha=75);}
				 
/*标准样式区*/
.row{margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px; position:relative;
}




/****** PC端导航 ******/
.head-v3{position:absolute; z-index:300; width:100%; } 
.head-v3 .navigation-inner{margin:0 auto;width:100%;position:relative; z-index:300;}
.navigation-up{height:105px; }
.navigation-up .navigation-v3{ float:left; width:100%;}
/* .navigation-up .navigation-v3 ul{float:left; width:100%;}
.navigation-up .navigation-v3 li{float:left; font-size:16px; height:105px; color:#fff; width:100%; font-weight:bold; line-height:16px;} */
.navigation-up .navigation-v3 .nav-up-selected{ background-color:#041445;
	background-color:rgba(4, 20, 69, .7); width:100%; }
.navigation-up .navigation-v3 .nav-up-selected-inpage{background:#fff; }
.navigation-up .navigation-v3 li h2{font-weight:normal; padding:0; margin:0; width:100%; display:inline-block;  -webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;}


.phone_menu{display:none;}

/*下拉菜单*/
 
.navigation-down{position:absolute; top:105px; left:0px; width:100%;}
.navigation-down .nav-down-menu{width:100%; margin:0; position:absolute; top:0px; background:#0CF; height:400px;}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto; width:100%; position:relative; font-size:14px;}
.navigation-down .nav-down-menu dl{float:left; margin:8px 0px 18px 0; width:10%; }
.navigation-down .menu-1 dl{margin:10px 0px 45px 0; float:left; width:16.5%;}
.navigation-down .menu-1 dt{ font-size:14px; color:#61789e; padding-bottom:10px; border-bottom:1px solid #61789e; margin-bottom:10px}
.navigation-down .menu-1 dd a{color:#444; font-size:13px; line-height:30px; text-decoration:none;}
.navigation-down .menu-1 dd a:hover{color:#f08519; text-decoration:underline;   -webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#fff; }


.clearfix:after {content:"."; display:block; height:0;	clear:both;	visibility:hidden;}
.clearfix10:after {content:".";	display:block;	height:10px; clear:both; visibility:hidden;}
.h10{height:10px;}
.h15{height:15px;} 
.navBar {width:100%; margin:0 auto; height:34px; line-height:38px; color:#444;}
.nav {position:relative; width:100%; margin:0 auto; font-size:16px; letter-spacing:1px;}
.nav a {color:#fff; text-transform:uppercase; text-decoration:none; }
.nav h3 {font-size:100%; font-weight:normal; width:100%;}
.nav .m {float:left; position:relative;	z-index:1;}
.nav .s {float:left;
	width:3px;
	text-align:center;
	color:#D4D4D4;
	font-size:12px;
}
.nav h3 a {display:block; font-weight:bold;}
.nav .sub {display:none; position:absolute;	left:-12px; top:39px; width:145px; border-top:0; }
.nav .sub li { padding:0 12px;	margin-top:1px; background-color:#041445; background-color:rgba(4, 20, 69, .7); }
.nav .sub li:hover{ background-color:#041445; background-color:rgba(4, 20, 69, 1.0);  -webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;}
.nav .sub li a {display:block; padding:12px 0px; line-height:22px; color:#fff; font-size:16px; 
}
.nav .sub li a:hover {color:#fadd08;}
.nav .block {height:3px; width:14%; background:#FE7700; position:absolute; left:0; top:34px; overflow:hidden; display:none;}

 
.header_box{margin:0 auto; padding:0px; width:100%; background:#1655a4; position:relative;}
.logo{float:left; width:18%; padding-top:12px;}
.logo_right{float:right; width:82%; }
.menu_top_links{float:left; width:100%; height:30px; margin-top:20px; margin-bottom:12px; line-height:30px; font-size:14px; text-align:right; display:block; }
.wid_30{border-radius:5px; background:#005298; width:30px; margin-left:12px;}
.p_15{padding-right:10px; margin-bottom:7px;}
.wid_30:hover{background:#002268; -webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;}
.p_15:hover{ filter:alpha(opacity=80);  opacity:0.8; -webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;}
.wid_30 a{display: inline-block; color:#fff; text-decoration:none;}
.wid_30 a:hover{ display: inline-block; color:#ffe100; -webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;}
.menu_box{float:left; width:100%; }
.menu_10{width:10%;}
.menu_12{width:12%;}
.menu_14{width:14%;}
.menu_15{width:15%;}
.menu_16{width:16%;}
.menu_17{width:17%;}
.menu_18{width:18%;}
.menu_19{width:19%;}
.menu_20{width:20%;}
.menu_24{width:24%;}
.menu_box a:hover{color:#ffe100;  -webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;}
.menu_h_list{width:100%;}
.menu_h_list ul{float:left; width:100%; padding-top:25px;}
.menu_h_list ul li{float:left; width:12%; text-align:center; color:#444; line-height:25px; font-size:15px;}
.menu_h_list ul li a{color:#444; text-decoration:none;  font-weight:bold;}
.menu_h_list ul li a:hover{ color:#1654a1; text-decoration:none;   -webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;}
 

.menu_b_right{float:right; text-align:right; width:8%; padding-top:12px;}
.menu_b_right a img{padding-left:15px; display:inline-block; text-align:right; width:23px;}
.menu_b_right a img:hover{filter:alpha(opacity=60); opacity:0.6; -webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;}
 

/*首页banner*/
.home_ban_dw{float:left; width:100%; margin-bottom:25px;}
.home_banner{width:100%; height:auto; position:relative; top:0px;}
.home_rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0;}
.home_rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.home_rslides li:first-child { position: relative; display: block; float: left; }
.home_rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
.home_slide_container {position:relative; width: 100%;}
.home_slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.home_slide li { position: absolute; width: 100%; left: 0; top: 0; }
.home_slide img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.home_slide .caption { display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; left: 0; right: 0; bottom: 50px; padding: 10px 20px; margin: 0; max-width: none; }
.home_slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("../images/themes.gif") no-repeat left top; margin-top: -45px; }
.home_slide_nav:active { opacity: 1.0; }
.home_slide_nav.next { left: auto; background-position: right top; right: 0; }
.home_slide_tabs{position:absolute; bottom:80px; z-index:100; margin-left:12%; display:inline;}
.home_slide_tabs li{ float:left; margin-left:10px; }
.home_slide_tabs li a{margin:0px; width:50px; display:block; background:#fff; text-align:center; height:3px; filter:alpha(opacity=65);  opacity:0.65; font-size:0px; line-height:3px; color:#fff;}
.home_slide_tabs li a:hover{background:#ffe100; filter: alpha(opacity=100); opacity:1.0; -webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out}
.home_slide_tabs .home_slide_here a{background:#ffe100;}

.home_banner_title{width:93%; margin-left:5%; height:100%; margin-top:22%; position:absolute; z-index:10;}
.home_banner_title h1{font-size:50px;  letter-spacing:5px; line-height:90px; color:#fff;  display:block; font-family:"Helvetica Neue", "Luxi Sans", "Microsoft YaHei", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti; }
.home_banner_title h2{font-size:30px; line-height:35px;  color:#fff; letter-spacing:2px;}
.home_banner_title p{font-size:18px; line-height:35px; margin-top:15px; display:block;  color:#fff;}
.home_banner_title p a{color:#fff; border:1px solid #fff; margin-top:30px; width:50px; line-height:50px; height:50px; display:block; text-align:center; font-size:16px; border-radius:50%; text-decoration:none; background:url(../images/banner_title_more.png) no-repeat center;}
.home_banner_title p a:hover{ background:url(../images/banner_title_more_ov.png) no-repeat center; border:1px solid #ffe100; -webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;}
 

.content{width:100%;}
.home_ab{width:100%; padding:0px 0px 40px 0px; background:#fff; margin-bottom:20px; float:left;} 
.home_about_box{height:135px; position:absolute; z-index:20; bottom:0px;}
.home_about_img{width:42%; height:135px; float:right; position:relative; background:#FFF;}  
.iphone_abtil{ display:none;}
.home_ab_title{ width:88%; margin:50px 6% 0px 6%;}
.home_ab_title h2{ width:100%; color:#444; background:url(../images/yeline.png) no-repeat top left; line-height:38px; padding-top:20px; font-size:38px; text-transform:uppercase; font-family:"Helvetica Neue", "Luxi Sans", "Microsoft YaHei", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti; font-weight:900; position:relative;}
.lomin{background:url(../images/lomin.png) no-repeat; width:41px; position:absolute; top:20px; right:0px; } 

.home_ab_phonetitle{width:100%; margin:20px 0% 25px 0%;}
.home_ab_phonetitle h2{ width:100%; color:#444; background:url(../images/yeline.png) no-repeat top left; line-height:38px; padding-top:20px; font-size:28px; text-transform:uppercase; font-family:"Helvetica Neue", "Luxi Sans", "Microsoft YaHei", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti; font-weight:900; position:relative;}

.home_development{width:58%; float:left;} 
.home_development_title{width:89%; margin:80px 6% 0px 5%;}
.home_development_title h2{ width:100%; color:#444; background:url(../images/yeline.png) no-repeat top left; line-height:38px; padding-top:20px; font-size:38px; text-transform:uppercase; font-family:"Helvetica Neue", "Luxi Sans", "Microsoft YaHei", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti; font-weight:900; position:relative;}
.development_js{width:100%; float:left; margin-top:2px;} 
 
.home_jieshao{ float:right; width:42%;}
.home_jieshao_box{ width:88%; margin:4px 6% 2px 6%; float:left; }
.home_jieshao_box p{line-height:21px; font-size:14px;}
.home_jieshao_yuan{width:100%; margin-top:25px; margin-bottom:25px;}
.home_jieshao_yuan ul{width:100%;}
.home_jieshao_yuan ul li{ width:25%; text-align:center; float:left;}
.home_jieshao_yuan ul li h3{font-size:22px; color:#132b88; line-height:40px; margin-bottom:15px;}
.home_jieshao_bg{ line-height:19px;  text-align:center; border-radius:100%; font-weight:bold;}

.home_jieshao_more{margin:20px 0px 25px 0px; padding:15px 0px; width:100%; float:left; font-size:12px; color:#132b88; border-bottom:1px solid #dcdcdc;}
.home_jieshao_more a{ color:#132b88; text-decoration:none; line-height:13px;}
.home_jieshao_more a:hover{ color:#132b88; text-decoration:underline;}
.more_dw{position: relative; top:2px;}

.home_value{width:100%; position:relative;}
.home_value_img{width:100%; overflow:hidden;}
.home_value_img img{width:100%;}
.home_value_icon{width:90%; position:absolute; z-index:10; padding:6% 5% 20px 5%; text-align:right;}
.home_value_icon a{border:1px solid #fff; border-radius:100%; height:42px; line-height:42px; width:42px; display:inline-block; margin-left:8px;}
.home_value_icon a:hover{background:#132b88; border:1px solid #132b88;  -webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out} 

/*首页服务*/
.home_service{width:100%; padding:0px 0px 0px 0px; background:#fff; margin-bottom:20px; float:left;} 
.home_service_top{width:100%; float:left;}
.home_service_top_left{width:42%; float:left; position:relative;}
.img_more_but{position:absolute; width:100%; margin:0 auto; text-align:center; z-index:1; margin-top:40%;}
.img_more_but a{display:inline-block; width:135px; margin:0 auto; font-weight:bold; color:#132b88; text-decoration:none; padding:13px 0px; border:2px solid #132b88;  font-size:15px; background-color:#fff;  background-color:rgba(255, 255, 255, .2); }
.img_more_but a:hover{border:2px solid #ffe100; color:#132b88;  background-color:#ffe100;  -webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;}
.home_service_top_left_img{width:100%; float:left; overflow:hidden;}
.home_service_top_left_img img{width:100%;}
.home_service_top_right{width:58%; float:right;}
.home_service_bottom{width:100%; float:left; background:#ededed;}
.home_sercice_top_right_box{width:95%; margin:11% 5% 0 0%; float:left; }
.home_sercice_title{ width:88%; margin-left:10%;}
.home_sercice_title h2{ width:100%; color:#444; background:url(../images/yeline.png) no-repeat top left; line-height:38px; padding-top:20px; font-size:38px; text-transform:uppercase;  font-family:"Helvetica Neue", "Luxi Sans", "Microsoft YaHei", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti; font-weight:900; position:relative;}
.home_sercice_title p{color:#666; width:100%; padding-top:10px; padding-bottom:30px; font-weight:bold; letter-spacing:3px;}
.h_s_width{width:90%; float:left; margin-top:2%; margin-left:8%;}
.h_s_icon{float:left; width:24%; margin-right: 1%;  margin-bottom:30px; min-height:105px; overflow:hidden;}
.h_s_icon_img{width:100%;}
.h_s_icon_img img{width:100%;}
.h_s_icon p{font-size:16px; text-align:center; padding-top:4px;}
.h_s_icon p a{color:#666; text-decoration:none;}
.h_s_icon p a:hover{ color:#132b88;} 

.home_service_bottom{width:100%; float:left;}
.home_service_bottom_left{width:58%; float:left;}
.home_service_bottom_right{width:42%; float:right;}
.home_service_bottom_right_img{width:100%; float:left; overflow:hidden;}
.home_service_bottom_right_img img{width:100%;}
.home_sercice_bottom_right_box{width:87%; margin:8% 8% 0% 5%; float:left; }
.home_sercice_bottom_title{ width:100%; float:left;}
.home_sercice_bottom_title h2{ float:left; width:100%; color:#444; background:url(../images/yeline.png) no-repeat top left; line-height:38px; padding-top:20px; font-size:38px; text-transform:uppercase;  font-family:"Helvetica Neue", "Luxi Sans", "Microsoft YaHei", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti; font-weight:900;}
.h_pro_icon{float:left; width:100%; margin-top:35px;}
.h_pro_icon ul{float:left; width:100%;}
.h_pro_icon ul li{float:left; width:19%; margin-right:1%; margin-bottom:25px;}
.h_pro_icon ul li p{width:100%; float:left; background:#dedede;}
.h_pro_icon ul li p img{width:100%;}
.h_pro_icon ul li h5{width:100%; float:left; color:#666; font-weight:normal; font-size:13px; text-align:center; line-height:18px; padding-top:7px;}

/*  首页新闻 */
.home_news{width:100%; padding:0px 0px 0px 0px; background:#fff; float:left;} 
.home_news_top{width:94%; margin:6% 3% 6% 3%; float:left;}
.home_news_menu{width:100%; float:left; margin-top:40px;} 
 
.h_news_title{width:30%; float:left; }
.h_news_title_name{width:85%; background:url(../images/date_icon.png) no-repeat left top; padding-left:15%;  float:left;}
.h_news_title_biaoti{width:100%; float:left; height:42px; color:#132b88;}
.h_news_title_name span{font-size:12px; color:#888; width:100%; float:left; padding-bottom:3px;}
.h_news_title_name p{font-size:16px; line-height:21px; width:100%; float:left; overflow:hidden;}
.h_news_title_name_img{width:100%; float:left; margin-top:15px;}
.h_news_title_name_img img{width:100%; float:left;}
.h_news_more{width:100%; float:left; margin-top:15px;}
.h_news_more a{color:#132b88; text-decoration:none; font-size:12px;}
.h_news_more a:hover{color:#132b88; text-decoration:none; text-decoration:underline;}
.h_news_blank{width:5%; float:left;}

.home_news_center{width:100%; background:#001042; float:left;}  
.home_word_title{width:100%; position:absolute; z-index:2; text-align:center;}
.home_word_title h2{ float:left; width:100%; color:#fff; line-height:65px; padding-top:70px; font-size:38px; text-transform:uppercase;  font-family:"Helvetica Neue", "Luxi Sans", "Microsoft YaHei", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti; font-weight:900;}
.home_word_title p{float:left; text-align:center; width:100%; color:#eee; font-weight:bold; letter-spacing:3px;}
.home_word_title span{float:left; width:100%; margin-top:20px;}
.home_word_title a{margin:0 auto; width:120px; margin-top:30px; height:45px; font-size:14px; color:#fff; border:1px solid #fff; line-height:45px; display:inline-block; text-decoration:none; font-weight:bold;}
.home_word_title a:hover{ color:#444; font-weight:bold;filter:alpha(opacity=70);  opacity:0.7; border:1px solid #fff; background:#FFF; -webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out}
	
.wordmap_bg{width:100%; text-align:center; margin-top:10%; margin-bottom:5%; position:relative;}
.wordmap_bg a{ color:#ffe100; text-decoration:none;}
.wordmap_bg img{width:80%;}
.greece{position:absolute; left:52%; top:38%; height:17px; width:12px; background:#990; color:#ffe100; background:url(../images/site.png) no-repeat left; padding-left:15px; font-size:12px; line-height:17px; text-transform:uppercase;}
.uae{position:absolute; left:59%; top:47%; height:17px; width:12px; background:#990; color:#ffe100; background:url(../images/site.png) no-repeat left; padding-left:15px; font-size:12px; line-height:17px; text-transform:uppercase;}
.china{position:absolute; left:69%; top:43%; height:17px; width:12px; background:#990; color:#ffe100; background:url(../images/site.png) no-repeat left; padding-left:15px; font-size:12px; line-height:17px; text-transform:uppercase;}
.japan{position:absolute; left:77%; top:40%; height:17px; width:12px; background:#990; color:#ffe100; background:url(../images/site.png) no-repeat left; padding-left:15px; font-size:12px; line-height:17px; text-transform:uppercase;}
.australia{position:absolute; left:74%; top:76%; height:17px; width:12px; background:#990; color:#ffe100; background:url(../images/site.png) no-repeat left; padding-left:15px; font-size:12px; line-height:17px; text-transform:uppercase;}
.greece,.uae,.china,.japan,.australia{cursor:pointer;}

/*popover样式*/
.popover {position:absolute; z-index:10; top:0;	left:0;	z-index:1010; display:none;	max-width:276px; font-size:12px; padding:1px; text-align:left; white-space:normal; background-color:#fff; border:1px solid #ffc000; border:1px solid #ffc000; border-radius:6px; -webkit-box-shadow:0 5px 5px rgba(0, 0, 0, 0.2); box-shadow:0 3px 5px rgba(0, 0, 0, 0.2);	background-clip:padding-box; -webkit-bg-clip:padding-box; -moz-bg-clip:padding; opacity:0.7;filter:(alpha=70);}
.popover.top {margin-top:-10px}
.popover.right {margin-left:10px}
.popover.bottom {margin-top:10px}
.popover.left {	margin-left:-10px}
.popover-title {padding:6px 14px; margin:0;	font-size:14px;	font-weight:normal;	line-height:18px; background-color:#ffe100;	border-bottom:1px solid #ffe100;
	border-radius:5px 5px 0 0; color:#132b88; font-weight:bold;}
.popover-content {padding:8px 14px; color:#111;}
.popover .arrow, .popover .arrow:after {position:absolute;	display:block;	width:0; height:0;	border-color:transparent; border-style:solid}
.popover .arrow {border-width:9px}
.popover .arrow:after {	border-width:8px; content:""}
.popover.top .arrow {bottom:-9px; left:50%;	margin-left:-9px; border-top-color:#999; border-top-color:rgba(0, 0, 0, 0.25); border-bottom-width:0}
.popover.top .arrow:after {bottom:1px;	margin-left:-8px; border-top-color:#fff; border-bottom-width:0;	content:" "}
.popover.right .arrow {top:50%; left:-9px;	margin-top:-9px; border-right-color:#999; border-right-color:rgba(0, 0, 0, 0.25); border-left-width:0}
.popover.right .arrow:after {bottom:-8px; left:1px;	border-right-color:#fff;border-left-width:0;content:" "}
.popover.bottom .arrow {top:-9px;	left:50%;	margin-left:-9px;	border-bottom-color:#999; border-bottom-color:rgba(0, 0, 0, 0.25); border-top-width:0}
.popover.bottom .arrow:after {top:1px; margin-left:-8px; border-bottom-color:#fff;	border-top-width:0;	content:" "}
.popover.left .arrow {top:50%;right:-9px; margin-top:-9px; border-left-color:#999; border-left-color:rgba(0, 0, 0, 0.25); border-right-width:0}
.popover.left .arrow:after {right:1px;	bottom:-8px; border-left-color:#fff; border-right-width:0;	content:" "}
/*popover end*/


.home_news_bottom{width:100%; background:#ededed; float:left; padding:40px 0px;} 
.home_cont_bg{width:100%; padding:0px 0px 0px 0px; background:#000c31 url(../images/contactbg0.jpg) repeat-x center bottom; position:relative; height:720px; background-size: cover;}

.home_contact{width:100%; position:absolute; z-index:1;}
.home_contact_top{width:100%; float:left; background:#ededed; }
.h_cont_title{width:100%; float:left;}
.h_cont_title h2{ width:100%; color:#444; line-height:38px; padding-top:40px; font-size:38px; text-transform:uppercase;  font-family:"Helvetica Neue", "Luxi Sans", "Microsoft YaHei", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti; font-weight:900; float:left; text-align:center;}
.h_cont_title span{float:left; width:100%; text-align:center; margin-top:15px; margin-bottom:30px;}
 
.h_cont_up{position:relative; width:100%;}
.h_cont_up_one{ width:100%; text-align:center; font-size:14px; float:left; margin-bottom:40px;}
.h_cont_up p{margin:5px 0px; width:100%; float:left; text-align:center;}
.h_cont_up p a{color:#132b88; text-decoration:none;}
.h_cont_up p a:hover{ color:#111; text-decoration:none; -webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;}
.dq_icon{line-height:23px; font-size:18px; padding-bottom:6px; font-weight:bold; color:#444;}
.h_cont_up img{vertical-align:text-top;}

.h_cont_bottom_one{position:relative; width:100%; font-size:14px;}
.h_cont_bottom_one ul{float:left; width:99%; margin-left:1%;  margin-bottom:40px;}
.h_cont_bottom_one ul li{float:left; width:25%; margin:0px 4%; margin-bottom:30px;}
 
.home_contact_bottom{width:100%; float:left;}
.fenxiang_links{width:320px; position:relative; background:#33F; margin:70px auto 40px auto; font-size:14px; text-align:center;}
.fenxiang_links span{width:33%; text-align:center; float:left;}
.fenxiang_links span a{color:#b9b9b9; text-decoration:none; font-size:12px;}
.fenxiang_links span a:hover{ color:#ffe100; -webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;}


.fenxiang_box{width:300px; position:relative; background:#33F; margin:40px auto; font-size:14px; text-align:center; display:none;}
.fenxiang_box ul{float:left; width:99%; margin-left:1%;}
.fenxiang_box ul li{width:33%; float:left; margin-bottom:20px;}
.fenxiang_box a{ width:42px; height:42px;}
.fb_icon{ width:42px; height:42px; display:inline-table; background:url(../images/fb_icon.png) no-repeat center; border:1px solid #fff; border-radius:100%;}
.fb_icon:hover{background:#00396a url(../images/fb_icon_ov.png) no-repeat center;  border:1px solid #ffe100; -webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;}
.f_icon{ width:42px; height:42px; display:inline-table; background:url(../images/f_icon.png) no-repeat center; border:1px solid #fff; border-radius:100%;}
.f_icon:hover{background:#00396a url(../images/f_icon_ov.png) no-repeat center; border:1px solid #ffe100;-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;}
.in_icon{ width:42px; height:42px; display:inline-table; background:url(../images/in_icon.png) no-repeat center; border:1px solid #fff; border-radius:100%;}
.in_icon:hover{background:#00396a url(../images/in_icon_ov.png) no-repeat center; border:1px solid #ffe100; -webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;} 

.h_logo{margin:40px auto 60px auto; width:70%;} 
.h_logo ul{float:left; width:100%;}
.h_logo ul li{float:left; width:20%; text-align:center; vertical-align:middle;} 

.footer{float:left; width:100%; text-align:center; background:#ececec; padding:15px 0px; font-size:11px; line-height:23px;}
.footer p strong{ color:#132b88;}

.blank_content_yemian{padding:4% 6% 5% 6%; line-height:25px;}
.blank_content_yemian a{color:#666; text-decoration:underline; font-size:12px;}
.blank_content_yemian a:hover{ text-decoration:none; color:#132b88;}

/*----top顶部----*/
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(232, 98, 86, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}

#topcontrol{z-index:999;}
 

/*宽屏 1440分辨率以上（大于1440px）*/ 
@media screen and (min-width:1440px) { 
.row{width:1360px; margin:0px auto; } 
.home_slide_tabs{ margin-left:15%;} 
.fenxiang_box{width:370px;}
.fenxiang_links{width:380px;}
.phone_menu{display:none;}
}

/*宽屏 1280分辨率以上（大于1200px）*/ 
@media screen and (min-width:1280px) and (max-width:1440px) { 
 .row{width:94%; margin:0px 3%;} 
 .menu_top_links{margin-top:20px; margin-bottom:12px;}
 .home_slide_tabs{ margin-left:8%;}
 .h_s_icon{ min-height:128px;}
 .head-v3{display:block;}
 .phone_menu{display:none;}
 .iphone_abtil{ display: none;}
}

/*笔记本窄屏 1100分辨率（大于960px，小于1280px) */
@media screen and (min-width:960px) and (max-width:1280px) { 
.row{ width:94%; margin:0px 3%;}  
.logo{float:left; width:8%; padding-top:20px;}
.logo img{width:100%;}
.menu_top_links{  margin-top:15px; margin-bottom:7px;}
.menu_box{width:100%; } 
.menu_box a{font-size:12px;}
.nav .sub li a {font-size:14px;}
.menu_b_right{width:10%; }
.menu_b_right a img{width:20px; }
.home_banner_title h1{font-size:32px; line-height:30px;}
.home_banner_title h2{font-size:18px;}
.home_jieshao_yuan ul li{width:23%; margin-bottom:15px;}
.home_development_title h2,.home_sercice_title h2,.home_sercice_bottom_title h2,.home_word_title h2,.home_ab_title h2{line-height:24px; padding-top:20px; font-size:28px;}
.home_about_box{height:105px;}
.home_about_img{width:42%; height:105px; float:right; position:relative; background:#FFF;}  
.home_ab_title{ width:88%; margin:35px 6% 0px 6%;}
.lomin{display:none;}
.home_sercice_title p{ padding-bottom:10px;}
.h_s_icon{margin-bottom:20px; min-height:120px; overflow:hidden;}
.h_s_icon p a{ display:block; font-size:14px;}
.h_pro_icon ul li h5{height:35px; font-size:12px; overflow:hidden; line-height:16px;}
.h_news_title_name p{font-size:12px; line-height:17px;}
.h_news_title_name{padding-left:20%;}
.h_logo img{width:100px;}
.home_word_title h2,.h_cont_title h2{line-height:30px; padding-top:50px; font-size:28px;}
.home_cont_bg{ height:810px;} 
.home_sercice_top_right_box{margin-top:5%;}
.home_sercice_bottom_right_box{margin-top:5%;} 
 .iphone_abtil{ display: none;}


.head-v3{display:block;}
.phone_menu{display:none;}

}
/*窄屏 880分辨率（大于768px，小于960px）*/
@media screen and (min-width:768px) and (max-width:960px) { 
.row{ width:96%; margin:0px 2%; }
.logo{float:left; width:10%; padding-top:25px;}
.logo img{width:100%;}
.menu_top_links{  margin-top:20px; margin-bottom:2px;}
.menu_box{width:100%; } 
.nav h3 a{ font-weight:normal; text-transform:none;}
.menu_box a{font-size:12px;}
.nav .sub li a {font-size:12px; padding:5px 0px; text-transform:none;}
.menu_b_right{width:10%; }
.menu_b_right a img{width:18px;}
.home_banner_title h1{font-size:32px; line-height:30px;}
.home_banner_title h2{font-size:18px;}
.home_jieshao_yuan ul li{width:47%; margin-bottom:15px;}
.home_development_title h2,.home_sercice_title h2,.home_sercice_bottom_title h2,.home_word_title h2,.home_ab_title h2{line-height:24px; padding-top:20px; font-size:28px;}
.home_about_box{height:105px;}
.home_about_img{width:42%; height:105px; float:right; position:relative; background:#FFF;}  
.home_ab_title{ width:88%; margin:35px 6% 0px 6%;}
.lomin{display:none;}
.home_sercice_title p{ padding-bottom:10px;}
.h_s_icon{margin-bottom:10px;}
.h_s_icon p a{font-size:12px; line-height:18px; display:block;}
.h_pro_icon ul li h5{height:35px; font-size:12px; overflow:hidden; line-height:16px;}
.h_news_title_name p{font-size:12px; line-height:17px;}
.h_news_title_name{padding-left:20%;}
.h_logo img{width:100px;}
.home_word_title h2,.h_cont_title h2{line-height:30px; padding-top:50px; font-size:28px;}
.home_cont_bg{ height:810px;} 
.home_sercice_top_right_box{margin-top:5%;}
.home_sercice_bottom_right_box{margin-top:5%;} 
.iphone_abtil{ display: none;}

.navigation-up .navigation-v3 .nav-up-selected{ background:none;}
.logo_right{display:none;}
.phone_menu{display:block; z-index:9999;}
}

/*ipad 720分辨率（大于480px，小于768px）*/
@media screen and (min-width:480px) and (max-width:768px) {
.row{ width:94%; margin:0px 3%; }
.logo{float:left; width:15%; padding-top:12px;}
.logo_right{width:85%;}
.menu_top_links{margin-top:10px; margin-bottom:8px;}
.logo img{width:100%;}
.menu_b_right{float:right; text-align:right; width:25%;}
.menu_b_right a img{width:15px; }
.menu_box{display:none;}
.home_slide_tabs{position:absolute; bottom:20px; z-index:100; margin-left:4%; display:inline;}
.home_development_title{margin-top:35px;}
.home_banner_title h1{font-size:22px; line-height:30px; color:#fff;  display:block; font-family:"Helvetica Neue", "Luxi Sans", "Microsoft YaHei", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti; }
.home_banner_title h2{font-size:12px; line-height:25px;  color:#fff;}
.home_banner_title p a{ display:none;}
.home_banner_title{margin-top:30%;}
.home_development{width:100%; float:left;} 
.home_about_box{display:none;}
.home_jieshao{float:left; width:100%;}
.home_service_top_left{ display:none;}
.home_service_top_right{float:left; width:100%;}
.home_development_title h2,.home_sercice_title h2,.home_sercice_bottom_title h2,.home_word_title h2{line-height:24px; padding-top:20px; font-size:28px;}
.home_word_title h2,.h_cont_title h2{line-height:30px; padding-top:50px; font-size:28px;}
.events-content h1{font-size:24px;} 
.h_cont_up_one{margin-bottom:15px;}
.h_logo{margin:20px 0px; width:100%;}
.home_news_bottom{padding:10px 0px;}
.home_jieshao_yuan ul li{width:24%; margin-right:1%;}
.h_s_icon p{font-size:12px;}
.home_sercice_top_right_box,.home_service_bottom_left{width:94%; margin:8% 3% 30px 3%; float:left; }
.home_sercice_title{ width:98%; margin-left:2%;}
.h_s_icon{float:left; width:31%; margin-left:2%; margin-bottom:30px;}
.h_s_icon_img img{width:100%;}
.events-content_word{font-size:12px;}
.home_service_bottom_right{float:left; width:100%; display:none;}
.home_sercice_bottom_right_box{width:100%; margin:0 0 0 0; float:left; float:left;}
.h_pro_icon ul li h5{font-size:12px;}
.h_news_title{width:100%;}
.home_news_center{height:350px; overflow:hidden;}
.wordmap_bg img{width:95%;}
.h_logo img{width:60px;}
.h_cont_bottom_one ul li {width:100%; margin:0px 0px 15px 0px;}
.home_cont_bg{ height:1100px;} 
.development_js{margin-top:0px;} 
.fenxiang_box ul li{margin-bottom:10px;}
.home_jieshao_box p{font-size:12px;}
.h_pro_icon ul li{width:19%;}
 
.greece{ left:53%; top:36%;  font-size:11px;  }
.uae{  left:61%; top:45%; font-size:11px; }
.china{ left:69%; top:41%;  font-size:11px; }
.japan{ left:82%; top:39%; font-size:11px; }
.australia{ left:77%; top:73%; font-size:11px; }
.greece,.uae,.china,.japan,.australia{ font-size:0.6em;}
.iphone_abtil{ display: block;}

.navigation-up .navigation-v3 .nav-up-selected{ background:none;}
.logo_right{display:none;}
.phone_menu{display:block; z-index:9999;}

}


/*手机端 440分辨率以下（小于480px）*/
@media only screen and (max-width:480px) {
 
.row{ width:92%; margin:0px 4%; }
.logo{float:left; width:20%; padding-top:12px;}
.logo_right{width:80%;}
.menu_top_links{margin-top:10px; margin-bottom:8px;}
.menu_b_right a img{width:15px;}
.logo img{width:100%;}
.menu_b_right{float:right; text-align:right; width:25%;}
.menu_box{display:none;}
.home_slide_tabs{position:absolute; bottom:20px; z-index:100; margin-left:4%; display:inline;}
.home_development_title{margin-top:35px;}
.home_banner_title h1{font-size:22px; line-height:30px; color:#fff;  display:block;  font-family:"Helvetica Neue", "Luxi Sans", "Microsoft YaHei", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti; }
.home_banner_title h2{font-size:12px; line-height:25px;  color:#fff;}
.home_banner_title p a{ display:none;}
.home_banner_title{margin-top:30%;}
.home_development{width:100%; float:left;} 
.home_about_box{display:none;}
.home_jieshao{float:left; width:100%;}
.home_service_top_left{ display:none;}
.home_service_top_right{float:left; width:100%;}
.home_development_title h2,.home_sercice_title h2,.home_sercice_bottom_title h2,.home_word_title h2{line-height:24px; padding-top:20px; font-size:24px;}
.home_word_title a{line-height:38px; height:38px;}
.home_word_title p{font-size:14px; font-weight:bold;}
.home_word_title h2,.h_cont_title h2{line-height:30px; padding-top:38px; font-size:24px; padding-bottom:6px;}
.events-content h1{font-size:22px;} 
.h_cont_up_one{margin-bottom:15px;}
.h_logo{margin:20px 0px; width:100%;}
.home_news_bottom{padding:10px 0px;}
.home_jieshao_yuan ul li{width:24%; margin-right:1%;}
.h_s_icon p{font-size:12px;}
.home_sercice_top_right_box,.home_service_bottom_left{width:94%; margin:8% 3% 30px 3%; float:left; }
.home_sercice_title{ width:98%; margin-left:2%;}
.h_s_icon{float:left; width:46%; margin-left:2%; margin-left:2%; margin-bottom:30px;}
.h_s_icon_img img{width:100%;}
.events-content_word{font-size:12px;}
.home_service_bottom_right{float:left; width:100%; display:none;}
.home_sercice_bottom_right_box{width:100%; margin:0 0 0 0; float:left; float:left;}
.h_pro_icon ul li h5{font-size:12px;}
.h_news_title{width:100%;}
.home_news_center{height:290px;}
.wordmap_bg img{width:100%;}
.h_logo img{width:60px;}
.h_cont_bottom_one ul li {width:100%; margin:0px 0px 15px 0px;}
.home_cont_bg{ height:1100px;} 
.development_js{margin-top:0px;} 
.fenxiang_box ul li{margin-bottom:10px;}
.home_jieshao_box p{font-size:12px;}
.h_pro_icon ul li{width:32%;}
.fenxiang_links{width:280px;}
.greece{ left:53%; top:36%;  font-size:11px;  }
.uae{  left:61%; top:45%; font-size:11px; }
.china{ left:69%; top:41%;  font-size:11px; }
.japan{ left:82%; top:39%; font-size:11px; }
.australia{ left:79%; top:73%; font-size:11px; } 
.greece,.uae,.china,.japan,.australia{ font-size:0.5em;}
.iphone_abtil{ display: block;}
 
.navigation-up .navigation-v3 .nav-up-selected{ background:none;}
.logo_right{display:none;}
.phone_menu{display:block; z-index:9999;}
 
}



/*************IPAD PHONE导航样式*********************/
.drawer-main {
	position:fixed;
	top:0;
	width:245px;
	height:100%;
	overflow:hidden; 
}
.drawer-left .drawer-main {
	left:-245px;
-webkit-transition:left .4s cubic-bezier(0.19, 1, .22, 1);
-o-transition:left .4s cubic-bezier(0.19, 1, .22, 1);
transition:left .4s cubic-bezier(0.19, 1, .22, 1)
}
.drawer-left.drawer-open .drawer-main {
	left:0
}
.drawer-right .drawer-main {
	right:-245px;
-webkit-transition:right .4s cubic-bezier(0.19, 1, .22, 1);
-o-transition:right .4s cubic-bezier(0.19, 1, .22, 1);
transition:right .4s cubic-bezier(0.19, 1, .22, 1)
}
.drawer-right.drawer-open .drawer-main {
	right:0
}
.drawer-overlay {
	position:relative
}
.drawer-left .drawer-overlay, .drawer-left .drawer-hamberger {
	left:0;
-webkit-transition:left .4s cubic-bezier(0.19, 1, .22, 1);
-o-transition:left .4s cubic-bezier(0.19, 1, .22, 1);
transition:left .4s cubic-bezier(0.19, 1, .22, 1)
}
.drawer-left.drawer-open .drawer-overlay, .drawer-left.drawer-open .drawer-hamberger {
	left:245px
}
.drawer-right .drawer-overlay, .drawer-right .drawer-hamberger {
	right:0;
-webkit-transition:right .4s cubic-bezier(0.19, 1, .22, 1);
-o-transition:right .4s cubic-bezier(0.19, 1, .22, 1);
transition:right .4s cubic-bezier(0.19, 1, .22, 1)
}
.drawer-right.drawer-open .drawer-overlay, .drawer-right.drawer-open .drawer-hamberger {
	right:245px
}
.drawer-overlay-upper {
	position:fixed;
	top:0;
	z-index:1100;
	display:none;
	height:100%;
	background-color:#000;
	background-color:rgba(0, 0, 0, .6)
}
.drawer-left.drawer-open .drawer-overlay-upper {
	right:0
}
.drawer-right.drawer-open .drawer-overlay-upper {
	left:0
}
.drawer-default {
	background-color:#041445;
	-webkit-box-shadow:inset 0 0 0 rgba(0, 0, 0, .5);
	box-shadow:inset 0 0 0 rgba(0, 0, 0, .5);
	z-index:9999;
	opacity:0.85; filter:(alpha=85);
}
.drawer-default+.drawer-overlay {
	background-color:#fff
}
.drawer-default .drawer-brand a {
	display:block;
	width:100%;
	padding:20px 15px;
	font-size:16px;
	color:#fff;
	text-decoration:none;
}
.drawer-default .drawer-brand a:hover {
	color:#ffe100;
	text-decoration:none
}
.drawer-default .drawer-nav-title {
	display:block;
	padding:0px 15px 0 15px;
	font-size:16px;
	background:#00175d;
	font-weight:bold;
}
.drawer-nav-title:hover{background:#0038a0;
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  -ms-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;}
.drawer-default .drawer-nav-list {
	padding:0;
	margin:0 0 20px 0;
	list-style:none
}
.drawer-default .drawer-nav-list li {
	display:block;
	border-bottom:1px solid #021242;
}
.drawer-default .drawer-nav-list li a {
	display:block;
	padding:9px 15px;
	color:#fff;
	text-decoration:none;
}
.drawer-default .drawer-nav-list li a:hover{ color:#ffe100; 
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  -ms-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;}
.drawer-default .drawer-nav-title a {
	display:block; 
	color:#fff;
	padding:10px 0px;
	text-decoration:none;
}
.drawer-default .drawer-nav-title a:hover{ color:#ffe100;}
.drawer-default .drawer-nav-list li ul a {
	padding:8px 20px
}
.drawer-hamberger {
	position:fixed;
	z-index:1000;
	display:block;
	width:30px;
	height:70px;
	padding:25px;
	background-color:transparent;
	border:0
}
.drawer-hamberger span {
	margin-top:10px
}
.drawer-hamberger span, .drawer-hamberger span:before, .drawer-hamberger span:after {
	position:absolute;
	display:block;
	width:30px;
	height:2px;
	cursor:pointer;
	content:'';
	background-color:#ffea00;
	border-radius:1px;
-webkit-transition:all .4s cubic-bezier(0.19, 1, .22, 1);
-o-transition:all .4s cubic-bezier(0.19, 1, .22, 1);
transition:all .4s cubic-bezier(0.19, 1, .22, 1)
}
.drawer-hamberger span:before {
	top:-10px
}
.drawer-hamberger span:after {
	bottom:-10px
}
.drawer-open .drawer-hamberger span {
	background-color:transparent
}
.drawer-open .drawer-hamberger span:before, .drawer-open .drawer-hamberger span:after {
	top:0
}
.drawer-open .drawer-hamberger span:before {
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg)
}
.drawer-open .drawer-hamberger span:after {
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
.drawer-hamberger:hover {
	cursor:pointer
}
@media (min-width:767px) {
.drawer-responsive.drawer-left .drawer-toggle, .drawer-responsive.drawer-right .drawer-toggle {
display:none;
visibility:hidden
}
.drawer-responsive.drawer-left .drawer-main {
left:0
}
.drawer-responsive.drawer-right .drawer-main {
right:0
}
}
@media (min-width:768px) {
.drawer-responsive {
background-color:#222
}
.drawer-responsive.drawer-left .drawer-main, .drawer-responsive.drawer-right .drawer-main {
position:absolute;
width:150px!important;
height:auto!important;
overflow:visible!important
}
.drawer-responsive.drawer-left .drawer-main {
float:left
}
.drawer-responsive.drawer-left .drawer-overlay {
margin-left:150px
}
.drawer-responsive.drawer-right .drawer-main {
float:right
}
.drawer-responsive.drawer-right .drawer-overlay {
margin-right:150px
}
}
@media (min-width:1200px) {
.drawer-responsive.drawer-left .drawer-main, .drawer-responsive.drawer-right .drawer-main {
width:280px!important
}
.drawer-responsive.drawer-left .drawer-overlay {
margin-left:280px
}
.drawer-responsive.drawer-right .drawer-overlay {
margin-right:280px
}
}
/**结束**/