/*头部样式*/
.header-nav{width: 100%; height: 84px; position: relative;}
.header-nav .logo{display: block; float: left;}
.header-nav .logo img{width: 316px; height: 84px; display: block;}
.contain{ position: relative; width: 1200px; margin: 0 auto;}
.trig{ display: none; position: absolute; bottom: 0px; left: 45px; border-bottom: 6px solid lightsalmon; border-left: 8px solid transparent; border-right: 8px solid transparent;
}
.second-bg{ display: none; position: relative; width: 100%; height: 42px; background:#328acd; z-index: 1;}
.nav-list{ position: relative; height: 84px; z-index: 2; float: right; padding-right: 20px;}
.nav-list .menu_name{ position: relative; float: left; width: 103px; height: 84px; line-height: 84px; text-align: center;}
.nav-list .menu_name>a{ color: #333333; display: block; position: relative; font-size: 16px;
}
.nav-list .menu_name>a.cur{color: #fff; background: #328acd;}
.nav-list .menu_name>a:hover{ background: #328acd; color: #fff;}/*鼠标放在上面时背景和字的颜色*/
.nav-list>.menu_name .menu_sit{ position: absolute; width: 100px; display: none; z-index: 666;}
.nav-list>.menu_name .menu_sit li{ height: 42px; font-size: 14px; line-height: 42px; margin: 0 2px; display: inline-block; float: left; color: #f4f4f4; background: url(../img/menu_line.png) no-repeat right center;}
.nav-list>.menu_name .menu_sit li:nth-last-child(1){background: none;}
.nav-list>.menu_name .menu_sit li a{ color: #d0ebff; padding:0 16px; font-size: 14px;}
.nav-list>.menu_name .menu_sit li a:hover{color: #fff;}


/*底部样式*/
.footer{background: #1d1d1d; padding: 35px 0;}
.footer_box{width: 1200px; margin: 0 auto;}
.footer_box .footer_sit{display: inline-block; border-right: solid 1px #43464e; width: 220px; color: #b2b6b8; padding: 10px 0 10px 20px; float: left;}
.footer_box .footer_sit:nth-last-child(1){border-right: 0;}
.footer_box li .titlebox{color: #ffffff; font-size: 14px; display: block; margin-bottom: 15px; font-weight: normal;}
.footer_box li .footer_name{display: block; line-height: 24px; text-align: left; color: #a5a5a5;}
.footer_box li .footer_name:hover{color: #fff;}
.footer_box .footer_sit2{width: 430px; float: left; padding-left: 40px;}
.footer_box .footer_sit2 .titlebox{float: left; width: 100%; padding-top: 10px;}
.footer_box .footer_sit2 img{float: left;}
.footer_nav{background: #121212; height: 44px; line-height: 44px; text-align: center; color: #666666; font-size: 12px;}
.footer_address{float: right; color: #fff; padding-top: 40px; width: 301px;}
.footer_phonebox{float: right;width: 301px; margin-top: 15px; color: #ffffff; font-size: 30px; line-height: 30px;}
.footer_phonebox img{ vertical-align: middle; margin-right: 5px;}

/*返回顶部*/
.to-top{display: block; width: 45px; height: 45px; text-align: center; line-height: 45px; overflow: hidden; position: absolute; background: #377fd0 url(../img/fixed_icon1.png) no-repeat center; -webkit-border-radius: 27px; -moz-border-radius: 27px;border-radius: 27px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s cubic-bezier(0.15, 0.65, 0.58, 0.99); -moz-transition: all .3s cubic-bezier(0.15, 0.65, 0.58, 0.99); -ms-transition: all .3s cubic-bezier(0.15, 0.65, 0.58, 0.99); -o-transition: all .3s cubic-bezier(0.15, 0.65, 0.58, 0.99); transition: all .3s cubic-bezier(0.15, 0.65, 0.58, 0.99);}
.to-top span{color: #fff;font-size:14px;line-height: 45px; background: #377fd0; display: none; opacity: 0;filter:alpha(opacity=0); -webkit-transition: all .5s 1s cubic-bezier(0.15, 0.65, 0.58, 0.99); -moz-transition: all .5s 1s cubic-bezier(0.15, 0.65, 0.58, 0.99); -ms-transition: all .5s 1s cubic-bezier(0.15, 0.65, 0.58, 0.99); -o-transition: all .5s 1s cubic-bezier(0.15, 0.65, 0.58, 0.99); transition: all .5s 1s cubic-bezier(0.15, 0.65, 0.58, 0.99); float: left; margin-left: 45px;}
.to-top:hover{width: 130px;}
.to-top:hover span{display: inline-block; opacity: 1; filter: alpha(opacity=100);}
.to-top:hover{background:#377fd0 url(../img/fixed_icon1.png) no-repeat 15px center;}

.slider_box i{display: block; width: 45px; height: 45px;}
.slider_box{width: 45px; height: 100px; position: fixed; right: 20px; bottom: 50px;}
.slider_box .slider_name{display: block; width: 45px; height: 45px; text-align: center; line-height: 45px; overflow: hidden; position: absolute; background: #377fd0; -webkit-border-radius: 27px; -moz-border-radius: 27px;border-radius: 27px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s cubic-bezier(0.15, 0.65, 0.58, 0.99); -moz-transition: all .3s cubic-bezier(0.15, 0.65, 0.58, 0.99); -ms-transition: all .3s cubic-bezier(0.15, 0.65, 0.58, 0.99); -o-transition: all .3s cubic-bezier(0.15, 0.65, 0.58, 0.99); transition: all .3s cubic-bezier(0.15, 0.65, 0.58, 0.99);}
.slider_box i{display: block; width: 45px; height: 45px;}
.slider_box .slider_icon1{ background:#377fd0 url(../img/qq.png) no-repeat 0 center; right: 0; top: 0;-ms-behavior: url(backgroundsize.htc); behavior: url(backgroundsize.htc);}
.slider_box .slider_icon2{ background:#377fd0 url(../img/phone2.png) no-repeat center; right: 0; top: 50px;-ms-behavior: url(backgroundsize.htc); behavior: url(backgroundsize.htc);}
.slider_box span{color: #fff;font-size:14px;line-height: 45px; background: #377fd0; display: none; opacity: 0;filter:alpha(opacity=0); -webkit-transition: all .5s 1s cubic-bezier(0.15, 0.65, 0.58, 0.99); -moz-transition: all .5s 1s cubic-bezier(0.15, 0.65, 0.58, 0.99); -ms-transition: all .5s 1s cubic-bezier(0.15, 0.65, 0.58, 0.99); -o-transition: all .5s 1s cubic-bezier(0.15, 0.65, 0.58, 0.99); transition: all .5s 1s cubic-bezier(0.15, 0.65, 0.58, 0.99); float: left; margin-left: 45px;}
.slider_box .slider_name:hover{width: 190px;}
.slider_box .slider_name:hover span{display: inline-block;opacity: 1;filter: alpha(opacity=100); }
.slider_box .slider_icon1:hover{background:#377fd0 url(../img/qq.png) no-repeat 0 center;}
.slider_box .slider_icon2:hover{background:#377fd0 url(../img/phone2.png) no-repeat 0 center;}

/*地图*/
.wrap{ width:600px; margin:0 auto;}
.stateTip, #StateTip{display:none; position:absolute; padding:8px; background:#6a6967; border:2px solid #d9ddde; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size:12px; font-family:Tahoma; color:#fff;}
.mapInfo i{ display:inline-block; width:15px; height:15px; margin-top:5px; line-height:15px; font-style:normal; background:#aeaeae; color:#fff; font-size:11px; font-family: Tahoma; -webkit-border-radius:15px; border-radius:15px; text-align:center}
.mapInfo i.active{background:#E27F21;}
.mapInfo span{ padding:0 5px 0 3px;}
.mapInfo b{ font-weight:normal; color:#2770B5}

/*地图*/
.items{width: 540px; height: 450px; position: relative;}
.location_text {color:#25467E; font-family: "microsoft yahei"; font-size:12px; position: absolute; z-index: 3;}
.heilongjiang {top:65px; left:465px;}
.jilin {top:105px; left:465px;}
.liaoning {top:140px; left:440px;}
.hebei {top:190px; left:385px;}
.beijing {top:160px; left:390px;}
.tianjin {top:170px; left:405px;}
.shangdong {top:205px; left:410px;}
.jiangsu {top:245px; left:430px;}
.shanghai {top:265px; left:460px;}
.zhejiang {top:285px; left:445px;}
.fujian {top:330px; left:430px;}
.taiwan {top:350px; left:460px;}
.guangdong {top:365px; left:380px;}
.hainan {top:420px; left:340px;}
.guangxi {top:365px; left:330px;}
.yunnan {top:355px; left:250px;}
.guizhou {top:330px; left:305px;}
.jiangxi {top:310px; left:400px;}
.anhui {top:260px; left:410px;}
.henan {top:240px; left:370px;}
.hubei {top:275px; left:360px;}
.hunan {top:320px; left:360px;}
.sichuan {top:285px; left:265px;}
.chongqin {top:296px; left:308px;}
.shanxi {top:200px; left:355px;}
.sanxi {top:240px; left:320px;}
.nmg {top:120px; left:380px;}
.ningxia {top:205px; left:300px;}
.gansu {top:230px; left:280px;}
.qinhai {top:220px; left:220px;}
.xinjiang {top:140px; left:120px;}
.xizang {top:275px; left:140px;}
.maplocation {position: absolute; width:13px; height:13px; z-index: 3; top:265px; left:445px;}
.maplocation img {width:100%;height:100%}
.maplocation .arr {width:19px; height:22px; z-index: 2; animation:arrTop 1s linear infinite; -moz-animation:arrTop 1s linear infinite; -webkit-animation:arrTop 1s linear infinite;}
.maplocation .shadow {width:15px; height:9px; z-index: 1; top:18px;left:2px;}