@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
body{ color:#333; font-size:14px; font-family:Arial; overflow-x:hidden;}
section,article,aside,header,footer,nav,dialog,figure{ display:block;}
ul, ol{ list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
address,cite,code,em,th{ font-weight:normal; font-style:normal;}
input,button,textarea,select{ font:100% Arial; vertical-align:middle}
table,td,tr,th{ font-size:14px;}
.nodispaly{ display:none;}
.line{ height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{ *zoom:1;}
.clearfix:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{ color:#333; text-decoration:none;}
a:hover{ color:#2a3382; text-decoration:underline;}
.width_all{ max-width:1260px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*head_top*/
.head_top{ width:100%; margin:0 auto; z-index:99; padding:0px 0; transition:all .35s;}
.h_active{ background:#fff; position:fixed; box-shadow:0 1px 3px #999;}
.head_top .logo{ float:left; width:42px; position:relative; z-index:9; margin:20px 0;}
.head_top .logo img{ width:100%;}
.head_top .company_name{ float:left; margin:22px 0 22px 16px; font-size:14px; color:#333; line-height:26px; font-family:Arial; text-transform:uppercase;}
.head_top .company_name h1{ font-size:24px; color:#000; line-height:30px; font-weight:bold; font-family:Microsoft Yahei; letter-spacing:0.3px;}
.head_top .cnen{ float:right; font-size:14px; color:#666; line-height:36px; margin:32px 0;}
.head_top .cnen a{ color:#666;}
.head_top .cnen a:hover{ text-decoration:none; color:#2a3382;}
.head_top .search{ float:right; display:inline; width:199px; height:36px; margin:32px 10px;}
.head_top .search .ip01{ width:110px; height:36px; float:left; line-height:36px; background:url(../images/search_left.png) no-repeat; padding:0 0 0 31px; border:0; overflow:hidden; color:#333; font-size:14px; outline:none;}
.head_top .search .ip02{ width:58px; height:36px; border:0; background:url(../images/search_right.png) no-repeat; line-height:36px; text-align:center; cursor:pointer; overflow:hidden; float:right;}

/*nav*/
.nav{ float:right;}
.navbar_nav{ font-size:0;}
.navbar_nav li{ float:left; position:relative; text-align:center; padding:0 24px;}
.navbar_nav li:after{ content:""; position:absolute; left:0; bottom:0; width:100%; background:#2a3382; height:0; z-index:-1; -webkit-transition:0.3s;transition:0.3s;}
.navbar_nav li:hover:after{ height:100%;}
.navbar_nav li a{ text-decoration:none; height:100px; line-height:100px; display:block; color:#333; font-size:16px;}
.navbar_nav li:hover>a{ color:#fff;}
.navbar_nav li.dropdown{ display:inherit; position:relative;}
.navbar_nav li.dropdown .dropdown_menu{ display:none; z-index:99; position:absolute; top:100px; width:1920px; left:0; background:#4c4a4f; padding:0 0 0 20px;}
.navbar_nav li.dropdown .dropdown_menu a{ float:left; height:60px; line-height:60px; font-size:14px; color:#eee; margin-right:30px;}
.navbar_nav li.dropdown .dropdown_menu a:hover{ color:#fff;}
#navToggle{ display:none;}
.m_nav{ position:fixed; top:0px; width:100%; height:100%; background:#fff; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; z-index:1000; opacity:1; visibility:visible; margin-top:0; overflow-y:auto; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; top:0; transform:translateX(100%);}
.m_nav.open{ transform:translateX(0);}
.m_nav .top{ height:60px; padding:20px; box-sizing:border-box;}
.m_nav .top .closed{ width:30px; height:30px; vertical-align:middle; float:right; cursor:pointer;}
.m_nav .ul{ margin-top:30px;}
.m_nav .ul li{ padding:0 20px; border-bottom:1px solid #f5f5f5; -webkit-transform:translateY(100%); transform:translateY(100%); -webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; opacity:0;}
.m_nav.open .ul li{	opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
.m_nav .ul li:nth-child(1){ -webkit-transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(2){ -webkit-transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(3){ -webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(4){ -webkit-transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(5){ -webkit-transition:all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(6){ -webkit-transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li a{ display:block; text-decoration:none; color:#333; font-size:20px; height:50px; line-height:50px; width:100%;}
.m_nav .ul li .dropdown_menu{ display:none;}
.m_nav .ul li.dropdown.active .dropdown_menu{ display:block;}
.m_nav .ul li .dropdown_menu a{	display:block; height:50px; line-height:50px; font-size:18px; padding:0 20px; box-sizing:border-box; border-bottom:1px solid #f5f5f5;}
.m_nav .ul li .dropdown_menu a:last-child{ border:none;}

/*banner*/
.banner_sj{ display:none;}
.flexslider{ position:relative; height:auto;}
.flexslider .slides > li{ display:none; -webkit-backface-visibility:hidden;}
.flexslider .slides img{ width:100%; display:block;border-radius:0px;}
.flex-pauseplay span{ text-transform:capitalize;}
.flex-control-nav{ width:100%; text-align:center; position:absolute; bottom:0;}
.flex-control-nav li{ margin:0 4px; display:inline-block; zoom:1;}
.flex-control-paging li a{ width:28px; border-radius:3px; height:6px; display:block; background:#eee; cursor:pointer; text-indent:-9999px;}
.flex-control-paging li a:hover{ background:#eee;}
.flex-control-paging li a.flex-active{ background:#999; cursor:default;}
.flex-direction-nav li a{ width:48px; height:48px; position:absolute; top:50%; margin-top:-24px; box-shadow:0 1px 8px #000;}
.flex-direction-nav li a.flex-prev{ background:url(../images/left.jpg) center center no-repeat; left:2%; z-index:6;}
.flex-direction-nav li a.flex-next{ position:absolute; background:url(../images/right.jpg) center center no-repeat; right:2%;}

/*home_center*/
.home_center{ width:100%; margin:0.5% auto; overflow:hidden;}
.home_center ul{ overflow:hidden;}
.home_center ul li{ float:left; width:33%; margin:0 0.5% 0 0; overflow:hidden; position:relative;}
.home_center ul li:last-child{ margin:0;}
.home_center ul li img{ width:100%; transition:all .75s;}
.home_center ul li:hover img{ transform:scale(1.2);}
.home_center .h_c_name{ position:absolute; left:10%; top:50%; font-size:16px; color:#2a3382; line-height:28px; margin:-32px 0 0 0;}
.home_center .h_c_name span{ font-size:24px; color:#333; font-weight:bold; display:block; margin:0 0 8px 0;}

/*news*/
.news{ margin:60px auto;}
.news .h_news{ float:left; width:57%;}
.news .h_news_name{ margin:0 0 24px 0; font-size:24px; color:#333; line-height:24px; font-weight:bold;}
.news .h_news_name p{ font-size:14px; font-weight:normal; text-transform:uppercase; color:#666; font-family:Arial; margin:2px 0 0 0;}
.news .h_news dl{ width:100%; margin:0 auto; overflow:hidden;}
.news .h_news dl a{ font-size:14px; line-height:25px; color:#666; display:block;}
.news .h_news dl a:hover{ text-decoration:none; color:#2a3382;}
.news .h_news dl dd{ float:left; width:33.4%;}
.news .h_news dl dd img{ width:100%;}
.news .h_news dl dt{ float:right; width:63.6%;}
.news .h_news dl dt .news_dt_name{ font-size:16px; color:#333; height:25px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news .h_news dl dt .news_dt_nr{ margin:6px 0 12px 0; height:75px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.news .h_news dl dt .news_dt_more{ width:124px; color:#2a3382; line-height:34px; border:#2a3382 1px solid; text-align:center; border-radius:3px;}
.news .h_news ul{ width:100%; margin:2px auto 0 auto; overflow:hidden;}
.news .h_news ul li{ border-bottom:#ccc 1px solid; overflow:hidden;}
.news .h_news ul li a{ display:block; color:#666; line-height:64px; overflow:hidden;}
.news .h_news ul li a:hover{ text-decoration:none; color:#2a3382;}
.news .h_news ul li i{ float:left; width:8px; height:2px; margin:31px 12px 31px 0; background:#2a3382;}
.news .h_news ul li span{ float:left; width:75%; height:64px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news .h_news ul li font{ float:right; font-size:14px; color:#999;}
.news .faqs{ float:right; width:36%;}
.news .faqs_name{ margin:0 0 24px 0; font-size:24px; color:#333; line-height:24px; font-weight:bold;}
.news .faqs_name p{ font-size:14px; font-weight:normal; text-transform:uppercase; color:#666; font-family:Arial; margin:2px 0 0 0;}
.news .faqs ul{ width:100%; margin:0 auto; overflow:hidden;}
.news .faqs ul li{ overflow:hidden; margin:0 0 2px 0;}
.news .faqs ul li:last-child{ margin:0;}
.news .faqs ul li a{ display:block; color:#666; line-height:72px; overflow:hidden; background:#eee;}
.news .faqs ul li a:hover{ text-decoration:none; background:#2a3382; color:#fff;}
.news .faqs ul li i{ float:left; width:8px; height:2px; margin:35px 12px 35px 24px; background:#d2d2d2;}
.news .faqs ul li:hover i{ background:#fff;}
.news .faqs ul li span{ float:left; width:68%; height:72px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news .faqs ul li font{ float:right; width:26px; height:26px; margin:23px 30px 23px 0; background:url(../images/news_tb.png) center no-repeat;}
.news .faqs ul li:hover font{ background:url(../images/news_tb_hover.png) center no-repeat;}

/*footer*/
.footer{ width:100%; background:#eee; margin:0 auto; overflow:hidden;}
.footer_width{ margin:42px auto 60px auto; position:relative;}
.footer_width:before{ position:absolute; right:30.8%; top:0; width:1px; height:100%; content:""; background:#ccc;}
.footer_left{ float:left; width:65.4%;}
.footer_left dl{ float:left; width:18.5%;}
.footer_left dl:nth-child(1){ width:21.5%;}
.footer_left dl:nth-child(2){ width:23%;}
.footer_left dl dd{ font-size:16px; color:#333; line-height:28px; border-bottom:#ccc 1px solid; padding:0 0 4px 0; margin:0 0 8px 0;}
.footer_left dl dt{ line-height:25px;}
.footer_left dl dt a{ font-size:14px; color:#666; display:block;}
.footer_left dl dt a:hover{ text-decoration:none; color:#2a3382;}
.footer_contact{ float:right; width:27%;}
.footer_contact dl{ overflow:hidden;}
.footer_contact dl dd{ font-size:16px; color:#333; line-height:28px; border-bottom:#ccc 1px solid; padding:0 0 4px 0; margin:0 0 8px 0;}
.footer_contact dl dt{ font-size:14px; color:#666; line-height:25px;}
.footer_contact dl dt a{ font-size:14px; color:#666; display:block;}
.footer_contact dl dt a:hover{ text-decoration:none; color:#2a3382;}
.footer_icp{ width:100%; margin:0 auto; background:#2a3382; font-size:14px; color:#eee; line-height:22px; padding:19px 0;}
.footer_icp a{ color:#eee;}
.footer_icp a:hover{ text-decoration:none; color:#fff;}

/*ny_banner*/
.ny_banner{ width:100%; padding:60px 0 0 0; overflow:hidden; background:url(../images/ny_banner.jpg) center center no-repeat;}
.ny_banner .ny_banner_zt{ color:#333; font-size:30px; line-height:34px;}
.ny_banner .lujing{ width:100%; overflow:hidden; margin:10px auto 0 auto; font-size:14px; color:#666; line-height:25px;}
.ny_banner .lujing a{ color:#525252;}
.ny_banner .lujing a:hover{ text-decoration:none; color:#2a3382;}
.ny_banner .lujing span{ color:#2a3382; font-weight:bold;}

/*ny_nav*/
.ny_nav{ width:100%; margin:48px 0 0 0; border-top:#ccc 1px solid;}
.ny_nav ul{ margin:0 auto;}
.ny_nav ul li{ float:left; font-size:16px; line-height:20px; margin:0 3% 0 0; padding:20px 0; transition:all 0.5s; position:relative;}
.ny_nav ul li:after{content:""; width:0px; height:2px; background:#2a3382; position:absolute; top:-1px; left:0; transition:all 0.5s;}
.ny_nav ul li:hover:after{ width:100%;}
.ny_nav ul li a{ color:#525252;}
.ny_nav ul li a:hover{ text-decoration:none; color:#2a3382;}
.ny_nav ul li.curt:after{ width:100%;}
.ny_nav ul li.curt a{ color:#2a3382;}

/*content*/
.content{ margin:60px auto;}

/*products*/
.products{ width:100%; margin:30px auto 0 auto; font-size:14px; color:#333; line-height:24px; background:#fff; font-family:Arial;}
.products .product_h{ background:#2a3382; font-weight:bold; color:#fff; border-bottom:1px solid #ccc;}
.products .product_h span{ padding:4px 0 !important; min-height:72px !important; line-height:32px;}
.products .product_search{ background:#ddd !important;}
.products .product_search span{ padding:6px 0 !important; height:35px;}
.products .product_search select{ border:1px solid #b5b5b5; width:90%; padding-left:5px;}
.products .product_h span, .products .product_search span, .products .ul li span{ float:left; overflow:hidden; padding:10px 0; position:relative; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.products .product_h div{ width:100%; margin:0 auto; overflow:hidden; text-align:center;}
.products .product_h p{ border-top:#ccc 1px solid; display:block; width:100%; margin:2px 0 0 0; text-align:center;}
.products .product_h span:before, .products .product_search span:before, .products .ul li span:before{ position:absolute; top:0; right:0; width:1px; height:100%; background:#ccc; content:"";}
.products .product_h span:last-child:before, .products .product_search span:last-child:before, .products .ul li span:last-child:before{ display:none;}
.products .ul li{ display:block; border-bottom:1px solid #ccc;}
.products .ul:nth-child(2n-1){ background:#f2f2f2;}
.products .ul li a{ color:#333; display:block; overflow:hidden;}
.products .ul li a:hover{ text-decoration:none; color:#2a3382;}
.products .pro1{ width:12%;}
.products .pro2{ width:11%;}
.products .pro3{ width:11%;}
.products .pro4{ width:11%;}
.products .pro5{ width:11%;}
.products .pro6{ width:11%;}
.products .pro7{ width:11%;}
.products .pro8{ width:11%;}
.products .pro9{ width:11%;}
.products .pro9 img{ float:left; width:19px; height:19px; margin:3px 8px 0 0;}

/*case*/
.case{ width:100%; margin:0 auto;}
.case ul{ overflow:hidden;}
.case ul li{ float:left; width:23.5%; background:#eee; margin:0 2% 2% 0;}
.case ul li:nth-child(4n){ margin:0 0 2% 0;}
.case ul li a{ padding:3%; width:94%; display:block; font-size:14px; line-height:25px; color:#666;}
.case ul li a:hover{ text-decoration:none; color:#2a3382;}
.case ul li img{ width:100%;}
.case ul li em{ font-size:16px; color:#333; text-align:center; margin:14px 0; height:25px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

/*ny_news*/
.ny_news{ width:100%; margin:0 auto;}
.ny_news dl{ border-bottom:#eee 1px solid; padding:20px 20px 20px 0; background:#fff; transition:all .35s; overflow:hidden;}
.ny_news dl:hover{ box-shadow:0 0 20px #eee; padding:20px 0 20px 20px; position:relative; z-index:9;}
.ny_news dl a{ display:block; color:#666;}
.ny_news dl a:hover{ text-decoration:none; color:#2a3382;}
.ny_news dl dd{ float:left; width:22.95%;}
.ny_news dl dd img{ width:100%;}
.ny_news dl dt{ float:right; width:73%; margin:0 2%;}
.ny_news dl dt .ny_n_name{ margin:3% 0 1% 0; font-size:18px; color:#333; line-height:28px;}
.ny_news dl a:hover dt .ny_n_name{ color:#2a3382;}
.ny_news dl dt .ny_n_profiles{ margin:1% 0 1.4% 0; font-size:14px; line-height:22px;}
.ny_news dl dt .ny_n_time{ font-size:14px; color:#999; line-height:22px;}
.ny_news dl dt .ny_n_time span{ margin:0 10px;}
.ny_news dl dt .ny_n_time span.ny_n_t1{ color:#333; margin:0;}
.ny_news dl dt .ny_n_time span.ny_n_t2{ margin:0;}
.ny_news dl dt .ny_n_jiantou{ text-align:right; transition:all .35s; opacity:0;}
.ny_news dl dt .ny_n_jiantou img{ width:29px; height:18px;}
.ny_news dl a:hover dt .ny_n_jiantou{ opacity:1;}

.news_width_show{ width:100%; margin:0 auto;}
.news_width_show .news_w_s_name{ font-size:24px; color:#333; line-height:32px; text-align:center;}
.news_width_show .news_w_s_time{ width:100%; margin:14px auto; overflow:hidden; position:relative; text-align:center;}
.news_width_show .news_w_s_time:before{ width:100%; height:1px; background:#eee; position:absolute; z-index:1; left:0; top:50%; content:"";}
.news_width_show .news_w_s_time p{ position:relative; z-index:1; display:inline-block; background:#fff; padding:0 10px; font-size:14px; color:#999; line-height:25px;}
.news_width_show .news_w_s_profiles{ width:100%; margin:26px auto; overflow:hidden; font-size:14px; color:#666; line-height:25px;}
.news_width_show .news_w_s_profiles img{ max-width:100%;}
.news_width_show .news_w_s_profiles .video_ny{ float:left; width:100%;}
.news_width_show .news_w_s_next{ width:100%; margin:36px auto; overflow:hidden; border-top:#999 1px dotted;}
.news_width_show .news_w_s_next dl{ margin:20px 0 0 0;}
.news_width_show .news_w_s_next dl a{ font-size:14px; color:#666; line-height:25px;}
.news_width_show .news_w_s_next dl a:hover{ text-decoration:none; color:#2a3382;}
.news_width_show .news_w_s_next dl dd{ float:left;}
.news_width_show .news_w_s_next dl dt{ float:right;}
.news_width_show .news_w_s_tuijian{ width:100%; margin:0 auto;}
.news_width_show .news_w_s_tuijian .news_w_tj_name{ font-size:16px; color:#333; line-height:28px; margin:0 0 16px 0;}
.news_width_show .news_w_s_tuijian ul{}
.news_width_show .news_w_s_tuijian ul li{ float:left; width:32%; margin:0 2% 0 0; transition:all .35s; position:relative;}
.news_width_show .news_w_s_tuijian ul li:last-child{ margin:0;}
.news_width_show .news_w_s_tuijian ul li:hover{ box-shadow:0 0 12px #ccc;}
.news_width_show .news_w_s_tuijian ul li a{ display:block;}
.news_width_show .news_w_s_tuijian ul li a:hover{ text-decoration:none;}
.news_width_show .news_w_s_tuijian ul li .news_w_s_img{ width:100%; margin:0 auto; overflow:hidden;}
.news_width_show .news_w_s_tuijian ul li .news_w_s_img img{ width:100%;}
.news_width_show .news_w_s_tuijian ul li .news_w_tj_biaoti{ width:90%; margin:18px auto; font-size:16px; color:#333; line-height:24px; height:48px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news_width_show .news_w_s_tuijian ul li .news_w_tj_time{ width:90%; margin:18px auto 24px auto; font-size:14px; color:#999; line-height:24px;}
.news_width_show .news_w_s_tuijian ul li .news_w_tj_jiantou{ position:absolute; bottom:29px; right:5%; height:14px;}
.news_width_show .news_w_s_tuijian ul li .news_w_tj_jiantou img{ transition:all 0.5s; opacity:0; width:23px; height:14px; position:absolute; right:23px; top:0;}
.news_width_show .news_w_s_tuijian ul li:hover .news_w_tj_jiantou img{ right:0; opacity:1;}

/*about*/
.about{ width:100%; margin:0 auto; font-size:14px; color:#666; line-height:25px;}
.about img{ max-width:100%;}

.honor{ width:100%; margin:0 auto;}
.honor ul{ overflow:hidden;}
.honor ul li{ width:22.9%; float:left; margin:0 2.8% 2.8% 0; position:relative;}
.honor ul li:nth-child(4n){ margin:0 0 2.8% 0;}
.honor ul li img{ width:100%;}
.honor ul li em{ position:absolute; left:0; bottom:0; width:100%; background:rgba(42,51,130,.8); font-size:14px; line-height:36px; height:36px; text-align:center; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.honor ul li a{ color:#fff; display:block; border:#ddd 1px solid;}
.honor ul li a:hover{ text-decoration:none;}

.partner{ width:100%; margin:0 auto;}
.partner ul{ overflow:hidden;}
.partner ul li{ float:left; width:15%; margin:0 2% 2% 0;}
.partner ul li:nth-child(6n){ margin:0 0 2% 0;}
.partner ul li a{ display:block; border:#ddd 1px solid;}
.partner ul li a:hover{ text-decoration:none;}
.partner ul li img{ width:100%;}
.partner ul li em{ font-size:14px; line-height:36px; text-align:center; height:36px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

/*join_us*/
.join_us{ width:100%; margin:0 auto; font-size:14px; color:#666; line-height:25px;}
.join_us ul{ background:#2a3382; overflow:hidden; border-bottom:#eee 1px solid;}
.join_us ul li{ line-height:28px; margin:2px 0; overflow:hidden;}
.join_us ul li span{ font-size:16px; color:#fff;}
.join_us dl{ overflow:hidden; border-bottom:#eee 1px solid;}
.join_us dl dt{ overflow:hidden; background:#fff;}
.join_us dl dt em{ float:left; font-size:16px; color:#333; font-weight:bold; line-height:30px; margin:0 0 0 2%;}
.join_us dl.cur dt{ background:#eee; border-bottom:#eee 1px solid;}
.join_us span{ float:left; width:20%; text-align:center; font-size:14px; color:#525252; line-height:28px; padding:8px 0;}
.join_us span a{ color:#2a3382; display:block;}
.join_us span a:hover{ text-decoration:none;}
.join_us dl dd{ display:none; padding:2%; font-size:14px; color:#525252; line-height:25px;}
.join_us dl dd em{ display:block; color:#2a3382; font-size:16px; line-height:28px; margin:0 0 16px 0;}
.join_fuli{ width:100%; margin:28px auto 0 auto; overflow:hidden; font-size:14px; color:#525252; line-height:25px;}
.join_fuli em{ font-size:16px; color:#000; font-weight:bold; line-height:30px; display:block; margin:0 0 6px 0;}

/*contact_us*/
.contact_us{ width:100%; margin:0 auto; overflow:hidden;}
.contact{ float:left; width:56%;}
.contact .contact_name{ font-size:18px; color:#333; line-height:30px; margin:0 0 16px 0;}
.contact .contact_locat{ font-size:14px; color:#666; line-height:28px;}
.contact .contact_locat p{ margin:0 0 10px 0;}
.contact_name_map{ width:100%; margin:32px auto 16px auto; font-size:18px; color:#333; line-height:30px;}
.contact_map{ width:100%; margin:16px auto 0 auto; overflow:hidden;}
.contact_map iframe{ width:100%; float:left; height:456px;}
.messages{ float:right; width:36%;}
.messages .mes_name{ font-size:18px; color:#333; line-height:30px; margin:0 0 16px 0;}
.messages ul{ overflow:hidden;}
.messages ul li{ margin:0 0 3% 0;}
.messages ul li:last-child{ margin:0;}
.messages .text-input{ width:96.7%; padding:0 0 0 3%; border:#ddd 1px solid; height:42px; font-size:14px; color:#666; line-height:42px;}
.messages .cont-input{ width:96.7%; padding:1% 0 0 3%; border:#ddd 1px solid; height:100px; font-size:14px; color:#666; line-height:25px;}
.messages .messages-button{ width:158px; line-height:46px; font-size:16px; color:#fff; text-align:center; background:#2a3382; cursor:pointer; text-transform:uppercase;}