﻿@charset "utf-8";
/* CSS Document */

/**********************************头部开始********************************/

.w1250{ width:1250px; margin:0 auto;}
.w1200{width:1200px; margin:0 auto;}
.w1200:after{content:" "; display:block; visibility:hidden; clear:both;}
.head-top{ position:relative;}
.head{  width:100%;z-index:99; background: url(../webimages/head-navbg.png) no-repeat center top;position:relative;}
.head-foot{width:100%; height:3px; background:url(../webimages/topline.jpg) no-repeat center center;}
.head-logo{ float:left; margin-top:23px;}


/* 联系 */
.head-tel{float:right; margin:10px 0 0; text-align:center;}
.head-tel:after{content:" "; display:block; clear:both;}
.head-img{display:inline-block; float:right}
.head-img a img{ display:block; height:110px;}
.head-text{ color:#000; float:left;font-size:26px;margin:10px 10px 0 0; color:#000;  line-height:40px;}
/* 联系 */

.head-icon{float:left;margin:32px 0 0 40px;width:230px; }
.head-icon h3{margin-top:5px;}
.head-icon h3 span{margin-right:8px; cursor:pointer;display:inline-block; word-break:break-all;}
.head-icon h3 span:hover{color:#004098;}
.head-icon dl{float:left; margin-left:10px; position:relative; cursor:pointer;}
.head-icon dl dt{}
.head-icon dl dt img{display:block; width:35px; height:35px;}
.head-icon dl dd{position:absolute;}
.head-icon dl dd.ss{top:35px; right:-5px;} 
.head-icon dl dd.wx{top:30px; right:-45px; padding-top:9px;  background:url(../webimages/indexEwmBg.png) no-repeat; text-align:center; width:122px; height:130px;}

.head-search{overflow:hidden;}
.head-searchin{ float:left; display:block; height:34px; line-height:34px; padding-left:9px; width:182px; background:#fff;border:1px solid #efefef; font-size:14px; color:#bfbfbf;}
.head-searchbt{ float:right; width:36px; height:36px; cursor:pointer;background:#efefef url(../webimages/hsh07.png) no-repeat center;}

/* 菜单 */
.head-nav{ z-index: 990;padding:19px 0 19px; height:67px; margin-bottom:-19px;background:none;}
.menu-text{ color:#fff; position:absolute; right:0px; top:50%; margin-top:-2px;}
.menu-text a{display:inline-block; font-size:32px; /* font-family:fantasy; */color:#fff; padding-left:50px; line-height:40px; background:url(../webimages/tel.png) no-repeat left center;}
.menu-ul{width:1200px; margin:0 auto; position:relative;}
.menu-ul li{ float:left; z-index:99; position:relative; }
.menu-ul li h3 a{ display:block;  padding:0 20px;  line-height:67px; font-size:18px; color:#fff; text-align:center;z-index:9999;}

.menu-ul li h3 a:hover,.menu-ul li h3 a.cur{ color:#fff; background:#004098;}

.subnav{ position: absolute; top:67px; overflow: hidden; width:100%;  display: none; z-index: 999;}
.subnav a{display:block;line-height: 40px; font-size: 15px; color: #fff; border-bottom:1px dotted #014475; text-align:center;overflow: hidden; background:#004098; height:40px; }
.subnav2 a.alt{border-right:1px dotted #014475; margin-left:-1px;}
.subnav a:hover, .subnav a.cur{ color: #fff; background:#56B5FF;}
.subnav2{width:235%; float:left; margin-left:-67%}
/* 菜单 */



#head_div{ float:left; padding-top:15px; margin-left:30px;}
#head_div .top_div{ text-align:right}
#head_div .top_div a{ display:inline-block; margin-right:16px; font-size:16px;}
#head_div .top_div a:hover{ color:#F78218}
#head_wx{ float:right; text-align:center; padding-top:10px; padding-right:5px}
#head_wx img{ margin:0; padding:0; float:left;}
#head_wx p{ font-size:16px; height:20px;}




/* banner 小图标 start*/
.banner-pic{position:absolute;width:43px; top:50%; right:50%;margin-top:-64px;margin-right:-570px;z-index:999}
.banner-pic .btn-a{display:block; width:43px; height:43px; margin-bottom:10px; background-repeat:no-repeat; background-position:center top;transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;}
.banner-pic .btn-a:hover{ background-position:center bottom;}
.banner-pic .btn-en{background-image:url(../webimages/pic-en.png);}
.banner-pic .btn-email{background-image:url(../webimages/pic-email.png);}
.banner-pic .btn-skype{background-image:url(../webimages/pic-skype.png);}
/* banner 小图标 end*/


/******************************头部 结束*************************/











/*****************************  底部开始   ******************************/

.mtr-footbg{ background: url(../webimages/footbg.jpg) no-repeat center; width:100%; height:42px;}
.hsh-foot{background: url(../webimages/footbg.jpg) no-repeat center;}
.hsh-footTop{ overflow:hidden; padding:30px 0 0px; width:1200px; }
.hsh-foot dl{ float:left; margin-right:50px;}
.hsh-foot dt a{ font-size:16px; color:#efefef;display:block; margin-bottom:10px;}
.hsh-foot dd a{ line-height:27px; font-size:14px; color:#A2A2A2 ; display:block;}
.hsh-foot dl.menu_dl{width:250px; margin-right:15px;}
.hsh-foot dl.menu_dl dd  a{width:45%; padding-right:4%; float:left;}

.hsh-foot dd a em{ margin-left:15px;}
.hsh-last{ overflow:hidden; float:right; width:125px; margin-top:40px; height:186px;}
.hsh-last dl{ float:none; margin:0; border-bottom:1px solid #69CBFF; padding-bottom:15px; margin-top:17px;}

.hsh-foot dl.foot_dl{ margin-right:50px}
.hsh-foot dl.foot_dl dd{ width:280px;}
.hsh-foot dl.foot_dl dd a{ display:inline-block; width:48%;}



.hsh-footEnd{ border-top: 0px solid #fff;  background:#E60012; height:45px;}
.foot_end{ width:1200px; margin:0 auto;text-align:center;color:#fff; padding:10px 0}
.foot_end p a{ color:#fff;}
.foot_end p a:hover{ color:#000;}
.foot_end .pt a{ margin:0 2px;}


.hsh-foot .Pleft{ line-height:50px; float:left;font-size:14px; color:#ccc}
.hsh-foot .Pleft a{ color:#444444;}
.hsh-foot .pright{font-size:14px; color:#444444; float:right; line-height:50px;}
.hsh-foot .pright a{ color:#ccc;}
.hsh-foot a:hover{ color:#004098 ;}


.hsh-footTop .foot_center{text-align:center; float:right; padding:0px 0 0 30px; position:relative;}
.foot_center img{display:block; width:140px;}
.foot_center p{ color:#fff; line-height:20px;font-size:13px; margin-top:10px;}
.foot_center div{position:absolute; width:192px; right:0px; bottom:-70px;}
.foot_center div img{width:100%; }

.hsh-footTop .foot_left{ float:left; }
.hsh-footTop .foot_right{ float:left; text-align: left; color:#A2A2A2; font-size:14px;width:400px; margin-right:80px;padding:3px 25px 5px 0px; border-right:1px solid #adadad}
.foot_right h3{font-size:26px; font-weight:bold;color:#fff; line-height:36px; margin-bottom:18px;}
.foot_right h5{color:#fff; margin-bottom:10px; font-size:11px;}
.foot_right img{ margin-bottom:10px; width:100%;}
.hsh-foot .foot_right p{ padding-left:30px; line-height:22px; text-align:left; background-size:22px 22px; margin-bottom:10px;}

.foot_right .foot_p1{background:url(../webimages/foot_add.png) left top no-repeat;}
.foot_right .foot_p2{background:url(../webimages/foot_tel.png) left top no-repeat;}
.foot_right .foot_p3{background:url(../webimages/foot_email.png) left top no-repeat;}
.foot_right .foot_p4{background:url(../webimages/foot_qq.png) left top no-repeat;}
.foot_right .foot_p5{background:url(../webimages/foot_us.png) left top no-repeat;}
.foot_right .foot_p6{background:url(../webimages/foot_fax.png) left top no-repeat;}

.foot-link{ width:100%; float:left; padding-top:15px; padding-bottom:10px;}
.foot-link span{ display:inline-block; padding:3px 10px; color:#a2a2a2;/*  border:1px solid #69CBFF; background:url(../webimages/link_bg1.png) 80px center no-repeat */}
.foot-link a{ display:inline-block; color:#a2a2a2; padding:3px 20px 3px 0px; margin-right:20px; background:url(../webimages/link_bg2.png) no-repeat right center;}
.foot-link a:hover{ color:#FFF;}

.hsh-footpp{float:left;}
.footduty{float:left;padding-right:50px;margin-left:10px;}
.footduty a{margin-right:8px;color:#fff;}




/* 右侧浮动 */  
.bdshare_popup_bg,.bdshare_popup_box{ right:89px !important; left:auto !important;}
.leftfloat{ position:fixed; right:15px; width:54px; height:363px; bottom:15%; color:#fff; z-index:99; /*border-top:3px solid #034379;*/}
.leftfloat div{ height:52px; margin-top:1px; cursor:pointer;}
.bdsharebuttonbox{background:#000; color:#fff;}
.leftfloat .bdsharebuttonbox .bds_more {  margin: 0 !important;  background: url(../webimages/right01.png) center 8px no-repeat; width:54px; height:22px; display:block; font-size:12px; color:#fff; text-align:center; padding-top:28px; padding-left:0;}
.leftfloat div.float02{ background:#E60012; color:#fff; text-align:center; padding-top:8px; height:44px; font-size:12px;}
.float02 img{ margin:0 auto 1px; display:block;}
.float03 {position:relative;}
.float03 a{ display:block; height:52px; width:54px; background:#000 url(../webimages/limg05.png) no-repeat center center;}
.float03 a:hover{background:#fff url(../webimages/limg01.png) no-repeat center center;}
.float03 .sub_float03{position:absolute; line-height:52px; width:110px; padding:0 15px; right:54px; top:0; background:#004098; color:#fff; margin:0; display:none;}
.leftfloat div.float04{padding-top:16px; height:36px; position:relative; background:#000 url(../webimages/limg02.png) no-repeat center center;}
.leftfloat div.float04:hover{ background:#fff url(../webimages/limg03.png) no-repeat center center;}
.leftfloat div.float04 img{ margin:0 auto;}
.leftfloat div.float05{ padding-top:14px; padding-left:15px; height:38px; width:39px; background:#000; position:relative;}
.float06 a{ background:#e71419 url(../webimages/right07.png) 11px center no-repeat; display:block; height:52px; width:54px;}
.float07{ background:#004098 url(../webimages/right08.png) 16px center no-repeat;}
.sub_float05{ width:105px; position:absolute; left:-110px; top:50%;display:none; padding-right:5px; height:auto !important;}
.sub_float05 a{ height:32px; margin-bottom:1px; display:block; background:#000 url(../webimages/right06.png) 17px center no-repeat; text-indent:40px; color:#fff; font-size:12px; line-height:32px;}
.sub_float05 span{ display:block; position:absolute; background:url(../webimages/right10.png) no-repeat; width:5px; height:10px; right:0px; top:50%; margin-top:-5px;}
.leftfloat div.float04 .sub_float04{ width:133px; height:149px; border:1px solid #e6e6e6; background:#fff; text-align:center; font-size:12px; color:#666; position:absolute; left:-137px; top:-50px; display:none;}
.leftfloat div.float04 .sub_float04 span{ display:block; position:absolute; background:url(../webimages/wei01.png) no-repeat; width:5px; height:10px; right:-5px; top:50%; margin-top:-5px;}
.leftfloat div.float04 .sub_float04 img{ margin:0px auto 0; display:block}
/* 右侧浮动 */

/* 留言 */
.feedBack{width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999999;background:url(../webimages/index_12.png) repeat; display:none;}
.leave_message{width:644px; background:#f2f2f2; position:fixed; left:50%; margin-left:-322px; top:50%; margin-top:-259px; z-index:999; }
.message_form h2{ font-size:24px; color:#000; font-weight:bold; line-height:40px; border-bottom:1px solid #e6e6e6;}
.leave_message .email_form{ width:408px; margin:0 auto; padding-top:30px;}
.leave_message .email_form ul li textarea{ height:116px; width:280px; background:#fff; border:1px solid #e6e6e6; padding:10px;}
.hsh_close{ position:absolute; background:url(../webimages/close01.png) no-repeat; height:42px; width:42px; top:-21px; right:-21px; cursor:pointer;}
.diyform .codediv{overflow:hidden; margin-bottom:10px;}
.diyform .codediv input{border:1px solid #a5aeb6; margin:0 10px 0 80px; padding:3px; width:70px; height:26px; line-height:26px;float:left;}
.diyform .codediv img{height:30px; display:block; float:left;}

/******************************* 底部结束 ********************************/





/******************************* 底部样式2 ********************************/
.footer{background:#004098; padding:15px 0;}
.footer-left{float:left; margin-right:40px;padding-right:20px; border-right:1px solid #2FA7FF;}
.footer-left img{display:block; width:250px;}
.footer-center{float:left; padding-top:50px;}
.footer-center .pt{margin-bottom:8px;}
.footer-center .pt a{margin-right:20px; color:#fff; }
.footer-center p  a:hover{color:#2FA7FF;}
.footer-center p, .footer-center p a {color:#fff;}
.footer-right{float:right; font-size:12px; color:#fff; text-align:center;}
.footer-right img{display:block; width:100px; }

/******************************* 底部样式2结束 ********************************/












/**************************** 内页主体 *********************************/
.innerweb{ width: 1130px; padding:30px; background:#fff; margin: 30px auto 40px; border:1px solid #fff; margin-top:-300px;}

.banner img {display: block; position: absolute;left: 50%;margin-left: -960px;width: 1920px;z-index:-1}
.banner {width: 100%;position: relative;overflow: hidden; height: 600px !important;z-index:-1}
/*---标题---*/
.title{border-bottom:0px solid #cccccc; font-size:22px; color:#004098; padding-bottom:12px; padding-top:20px;}
.title span{ float:right; background:url(../webimages/titleimg.png) no-repeat left center; padding-left:25px; font-size:13px;}
.title span a{ padding:0px 5px; color:#666;}
.title span a:hover{ color:#1a1a1a;}
.title span a.cur{ color:#1a1a1a;}
.title1{ font-size:36px; color:#E4E6EA; padding-bottom:12px; padding-top:5px;}
/*---标题---*/

.nav-title{padding:15px 0px; text-align:center; margin-top:10px;}
.nav-title a{display:inline-block; color:#4c4c4c; width:149px; font-size:16px;height:57px; line-height:50px; text-align:center; background:url(../webimages/nav.png) no-repeat;
margin:0 8px; }
.nav-title a.cur,.nav-title a:hover{color:#fff; background:url(../webimages/nav_on.png) no-repeat center center;}

/************************* 内页主体 结束 ******************************/














#nav {padding:0; margin:0; list-style:none;height: 32px; position:relative; z-index:500; font-family:arial, verdana, sans-serif; margin-top:0px; float:left; width: 760px;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:36px; line-height:27px;  text-decoration:none; font-size:18px; text-align:center; cursor:pointer; color:#fff ; line-height:67px;}
#nav li a.top_link span {float:left; display:block; padding:0 22px 0 18px; height:67px;background:url(blank.gif) right top;color:#fff ; }
#nav li a.top_link span.down {float:left; display:block; padding:0 22px 0 18px; height:67px; background:url(blanka.gif) no-repeat right top;}
#nav li a.top_link:hover {background: #FFF ; color:#595757}
#nav li a.top_link:hover span {}
#nav li:hover > a.top_link {color:#fff; background: url(blank_over.gif) no-repeat;}
#nav li:hover > a.top_link span {background: #FFF ; color:#595757}


/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover ul.sub
{left:0; top:67px; background: #004098;border:0px solid #e1e1e1; white-space:nowrap; width:225px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:35px; line-height:35px; position:relative; float:left; width:225px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:16px; height:35px; width:210px; line-height:35px; text-indent:5px; color:#fff; text-decoration:none; padding-left:13px}
#nav li:hover ul.sub li li{ background: #004098; color:#fff}

#nav li ul.sub li a.fly
{color:#fff;background: url(../webimages/arrow.gif) 200px 7px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#fff;  color:#000;}
#nav li:hover ul.sub li a.fly:hover
{background:#fff; background: url(../webimages/arrow1.gif) 200px 7px #fff no-repeat; color:#004098;}


#nav li.on span
{background:#fff !important; color:#004098 !important;}


#nav li:hover ul li:hover > a.fly {background:#fff; color:#000;} 

#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{ background: #fff;   border-left:none; white-space:nowrap;z-index:400; position:absolute; left:225px; top:0px;}





























