﻿*{ font-family: "微软雅黑";}
ul{
	list-style: none;
}
a{
	text-decoration: none;
	color: #666;
}
li a{width: 100%;height: 100%;}
.full {
    width: 100%;
    height: 100%;
}
.pic_box{overflow: hidden;}
.pic_box img{width: 100%;height: 100%;transition:all 0.3s linear;}
body{overflow-x: hidden;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;box-sizing: border-box;}
.left{
	float: left;
}
.right{
	float: right;
}
.clrfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.main_container{
	width: 1200px;
	min-width: 1200px;
	height: 100%;
	margin: 0 auto;
}

.header{
	width: 100%;
}
.top_bar {
    height: 40px;
    width: 100%;
    background: #434343;
}
.f-fl {
    float: left;
    line-height: 40px;
    font-size: 12px;
    color: white;
}
.f-fr {
    line-height: 40px;
    float: right;
    color: white;
}
.f-fr a {
    font-size: 12px;
    line-height: 40px;
    color: white;
    position: relative;
}
.f-fr .iconfont{
	font-size: 16px;
	color: white;
	vertical-align: middle;
}
.f-fl span{font-weight: bold;}
.f-fr a:hover .pic_box {
    display: block;
}

.f-fr .pic_box{
	width: 120px;
	height: 120px;
	padding: 10px;
	background: #ddd;
    position: absolute;
    bottom: -130px;
    z-index: 99;
    left: 50%;
    margin-left: -70px;
    display: none;
}
.logo_bar{
	width: 100%;
	height: 100px;
}
.logo_bar h1{width: 201px;height: 44px;float: left;margin-top: 26px;}
.logo_bar .top_nav{width: 900px;height: 60px;float: right;margin-top: 26px;}
#nav_bar {
    width: 100%;
    height: 100%;
}
.nav .nLi{float:left;position:relative;display:inline;height: 100%;font-size: 14px;}
.nav .nLi h3{height: 100%;width: 150px;text-align: center;}
.nav .nLi h3 a{width:auto;display:inline-block;box-sizing: border-box;cursor: pointer;font-size:14px;font-weight: 500;height: 100%;line-height:44px;text-align: center;;color: #333333}
.nav .sub{ zoom: 1; display:none; width:120px; left:15px; text-outline: 45px;  position:absolute; background:gainsboro; color: #666666; line-height:30px;  z-index: 99;}
.nav .sub li{ zoom:1; }
.nav .sub a{ line-height:34px;display:block; padding:0 26px; width: 100%; box-sizing: border-box; font-size:12px; text-align: center;}
.nav .sub a:hover{ background:#005BAC;color:white;}
.nav .on h3 a{height: 44px;color: #005BAC;border-bottom: 2px solid #005BAC;}
/*slide*/
.fullSlide{ width:100%;  position:relative;  height:680px;clear: left; }
.fullSlide .lb{ margin:0 auto; position:relative; z-index:0; overflow:hidden; }
.fullSlide .lb ul{ width:100% !important;  }
.fullSlide .lb li{ width:100% !important;  height:680px; overflow:hidden; text-align:center;}
.fullSlide .lb li a{ display:block; height:680px;width: 100%; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:20px; left:0; height:30px; line-height:30px; text-align:center;_background:#000; _filter:alpha(opacity=60); }
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:17px; height:17px; margin:5px; background:url(../images/tg_flash_p.png) -18px 0; overflow:hidden; line-height:9999px; }
.fullSlide .hd ul .on{ background-position:0 0; }
.swiper-container {
    display: none;
}

.fullSlide .prev,
.fullSlide .next{ position:absolute; left:3%; top:43%; margin-top:-25px; display:block; width:79px; height:104px; background:url(../images/slider-arrow.png) -122px 7px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.fullSlide .next{ left:auto; right:3%; background-position:8px 5px; }
.fullSlide .prev:hover,
.fullSlide .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.fullSlide .prevStop{ display:none;  }
.fullSlide .nextStop{ display:none;  }
#nszb1 ul li .main_container{position: relative;}
.ban1txt,.banimg1,.banimg2{position: absolute;left: 50%;}
.ban1txt{width: 850px;height: 190px;margin-left: -425px;margin-top: 260px;}
.ban1txt p{font-size: 18px;color: white;line-height: 32px;}
.ban1txt span{display: block;margin: 0 auto;margin-top: 30px;width: 170px;height: 47px;border-radius: 24px; border: 2px solid white;color: white;font-size: 16px;line-height: 41px;text-align: center;}
.ban1txt span:hover{border-color: #005BAC;background: #005BAC;}
.banimg1{top: 146px;margin-left: -333px;}
.banimg2{top: 170px;left: 76px;}

.pro_bar{margin-top: 40px;}
.pro_bar .probox{height: 310px;width: 381px;float: left;margin-right: 28px;}
.pro_bar .probox:last-of-type{margin-right: 0;}
.pro_bar .probox:hover img{transform: scale(1.1);}
.pro_bar .probox:hover .pic_box{box-shadow: 0 0 1px #999;}
.pro_bar .probox:hover .txtbox{color: #005BAC;}
.pro_bar .probox:hover .iconfont{border-color: #005BAC;}
.pro_bar .probox:hover h4{color: #005BAC;}
.pro_bar .pic_box{width: 100%;height: 225px;}
.probox .txtbox{width: 100%;height: 85px;padding-top: 20px;color: #999999;}
.pro_bar .txtbox i{text-align: center;line-height: 37px;display: block;float: left;width: 40px;height: 40px;border: 2px solid #999999;border-radius: 20px;}
.pro_bar .txtbox .iconfont{font-size: 32px;}
.pro_bar .txt{width: 300px;height: 100%;float:left;margin-left: 30px;}
.pro_bar .txt h4{font-size: 16px;color: #333333;}
.pro_bar .txt p{font-size: 12px;line-height: 24px;}

.about_bar{height: 655px;padding-top: 45px;margin-top: 10px;width: 100%;background: #F1F1F1;}
.about_bar .txtbox{width: 901px;}
.about_bar .txtbox .title{position:relative;height: 60px;color: #d1dff0;font-size: 60px;font-weight: bold; font-family:Arial;}
.about_bar .txtbox h2{position: absolute;font-size: 28px;font-weight: bold;color: #333333;left:0;bottom: 0;}
.about_bar p{font-size: 14px;color: #999;text-indent: 2em;line-height: 30px;margin-top: 16px;}
.about_bar  .right.pic_box{width: 220px;height: 300px;}
.about_box{float: left;width: 100%;margin-top: 30px;}
.about_box .pic_box{float: left;width: 400px;height: 460px;position: relative;color: white;}
.about_box .pic_box:hover img{transform: scale(1.1);}
.about_box .mc{width: 100%;height: 100%;position: absolute;background: rgba(0,0,0,.5);transition: all 0.1s linear;left: 0;top: 0;}
.about_box .pic_box:hover .mc{opacity: 0;}
.about_box .pic_box i{color: white;display: block;position: absolute;left: 50%;top:30%;margin-left: -40px;font-size: 80px;text-align: center;}
.about_box .pic_box span{font-size: 16px;position: absolute;left: 50%;width: 150px;top: 239px;color: white;text-align: center;margin-left: -75px;}
.news_bar{padding-top: 220px;padding-bottom: 40px;}
.news_bar .title{width: 100%;text-align: center;}
.news_bar .title h2{font-size: 30px;color: #333333;font-weight: bold;}
.news_bar .title i{display: inline-block;background: #18306C;width: 30px;vertical-align: super;height: 3px;}
.news_bar .title span{display: block;color: #999999;font-size: 14px;}
.news_nav{width: 100%;text-align: center;margin: 20px 0;}
.news_nav a{display: inline-block;width: 110px;height: 35px;font-size: 14px;color: #666666;line-height: 35px;}
.news_nav a:hover,.news_nav .active{background: #005BAC;color: white;}
.news_bar .pic_box{width: 560px;height: 390px;}
.news_bar .pic_box:hover img{transform: scale(1.1);}
.news_bar .newslist{height: 390px;width: 590px;}
.news_bar .newslist li{width: 100%;height: 39px;border-bottom: 1px dashed #999;font-size: 12px;color: #666666;line-height: 38px;}
.news_bar .newslist li span{color: #005BAC;}
.news_bar .newslist li i{display: inline-block;float: right;color: #999999;font-style: normal;}
.news_bar .newslist li a:hover{color:#005bac;}

.footer{width: 100%;height: 320px;background: #151515;}
.footer .fotnavbar{padding-top: 30px;height: 83px;border-bottom: 1px solid #434343;}
.footer .footnav{height: 21px;float: left;width: 760px;}
.footer .footnav ul li{float: left; width: 152px;border-left: 1px solid #434343;text-align: center;font-size: 14px;color: white;line-height: 20px;}
.footer .footnav ul li a{color: #fff; font-weight:bold;}
.footer .footnav ul li a:hover{color: #005BAC;}
.footer .footnav ul li:last-of-type{border-right: 1px solid #434343;}
.footer .fenx{height: 20px;float: right;}
.footbox{height: 237px;width: 100%;padding-top: 40px;}
.footbox .footcode{width: 113px;height: 150px;margin-right: 20px;}
.footcode .pic_box{width: 113px;height: 113px;}
.footcode span{display: block;width: 100%;text-align: center;margin-top: 20px;color: white;font-size: 12px;}
.footer .txtbox p{font-size: 12px;margin-left: 30px;color: white;margin-bottom: 17px;}
.footer .contBox{text-align: right;}
.footer .contBox p{color: white;font-size: 12px;line-height: 24px;}
.wl {
    width: 121px;
    height: 18px;
    display: inline-block;
    background: url(../images/vl.png) no-repeat;
    margin: 14px 15px 0 10px;
    transition: all .5s;
}
.wl:hover{
	background: url(../images/vl_hover.png);
}
.ws {
    width: 107px;
    height: 18px;
    display: inline-block;
    background: url(../images/ws.png) no-repeat;
    margin: 14px 0 0 10px;
    transition: all .5s ;
}
.ws:hover{
	background: url(../images/ws_hover.png);
}

.banner_ny{width: 100%;height: 300px;}	
.bread {
    height: 68px;
    clear: both;
}
.sub{float:left;}
.sub li{width:120px; text-align:center; margin-right:40px; float:left}
.sub li a{line-height:66px;color: #005BAC;font-size:18px;display:block;}
.bread .sub li a:hover,.bread .sub li a.active{border-bottom: #005BAC 3px solid;}
.pos{float:right; line-height:66px; font-size:12px; color:#999;}
.pos a{color:#999;}

.ny_wrap{width:100%; background:#f5f5f5; padding:30px 0px; clear:both}
.ny_t1{width:100%;font-size:36px;line-height:50px;color: #005BAC;float:left;}
.ny_t2{width:100%; font-size:24px; text-transform:uppercase; font-weight:bold; color:#e5e5e5; height:30px; float:left}
.ny{width:100%; line-height:28px; margin-top:20px; float:left; font-size: 14px;color: #666;}
.honor{width:100%; float:left;}
.honor li{width:266px;margin-right: 45px;text-align:center;float:left;}
.honor li:nth-child(4n){margin-right: 0;}
.honor li .pic_box{width:264px; height:180px; border:#ddd 1px solid; float:left;}
.honor li:hover img{transform: scale(1.1);}
.honor li p{height:40px; line-height:40px; overflow:hidden; color:#666; clear:both}
.honor li:hover p{color:#008fd0;}

/*news*/
.manage{width:100%; clear:both; margin-bottom: 20px;}
.manage li{width: 1160px;height:135px;padding:20px;border-bottom:#e6e6e6 1px dashed;float:left;box-sizing: content-box;}
.manage li a img{float:left; width:206px; height:135px;}
.manage li h3{height:28px; line-height:28px;color: #666666;}
.manage li:hover h3{color: #005BAC;}
.manage li p{font-size:12px; color:#999; line-height:26px;}
.list-left{width: 930px;margin-left:20px;float:left;}
.list-left a{box-sizing: content-box; width:108px; height:24px; line-height:24px; text-align:center; font-size:12px; border:#000 2px solid; color:#000; display:block;}
.list-left span{color:#777; line-height:24px; height:48px; margin-bottom:5px; font-size:12px; overflow:hidden;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;}
.list-left p{color:#555;}
.manage li:hover{background:#ececec;}

.pro_list{width:100%; float:left;}
.pro_list li{width:260px;margin: 0px 12px 20px;padding:8px;text-align:center;background:#fff;box-sizing: content-box;float:left;}
.pro_list li .pic_box{width:260px; height:185px;}
.pro_list li p{height:45px; line-height:45px; color:#666; clear:both}
.pro_list li:hover{background:#005BAC; color:#fff;}
.pro_list li:hover p{color:#fff;}

/*contact*/
.con_l{width:330px; line-height:26px; float:left;font-size: 14px;color: #999999;}
.con_l h3{line-height:35px; clear:both;color: #333333;font-size: 20px;}
.con_r{float:right;}
.con_r li{width:130px; padding:0px 10px; text-align:center; float:left;}
.con_r li img{width: 100%; height:100%; float:left;}
.con_r li p{line-height:30px; clear:both;width: 100%;font-size: 12px;color: #999999;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
div#dituContent div {
    box-sizing: content-box;
}


/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:200px;
    width: 77px;
    z-index: 11;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li p {
    line-height: 12px;
    text-align: center;
    font-size: 12px;
}
.lxfx li {
    background:#304d87;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}
