*{ font-family: "微软雅黑";}
ul,ol{
	list-style: none;
}
a{
	text-decoration: none;
	color: inherit;
	transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s; 
	
}
li a{width: 100%;height: 100%;}
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;}
button{cursor: pointer;}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
.left{
	float: left;
}
.right{
	float: right;
}
.clear{clear: both;}
/*head*/
.header{
	margin: 0 auto;
	padding: 0;
}
/*top_bar*/
.top_bar{
	color: #999999;
	font-size: 12px;
	width: 100%;
	height: 40px;
	background: #FFFFFF;
	border-bottom: 1px solid #bebebe;
}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.main_container{
	width: 1200px;
	min-width: 1200px;
	height: 100%;
	margin: 0 auto;
}
.f-fl{
	float: left;
	line-height: 40px;
	font-size: 14px;color: #777777;
	overflow: hidden;
}
.fln{overflow: hidden;}
.fln i{display: inline-block;float: left;}
.fln i span{display: inline-block;float: left;}
i.ico_tyouxiang{background: url(../images/tyouxiang.png)no-repeat;width: 18px;height: 14px;margin-top: 12px;margin-right: 10px;}
.f-fl-left{width: 286px;border-right: 1px solid #bebebe;}
.f-fl-right{margin-left: 20px;}
i.ico_tdizhi{background: url(../images/tdizhi.png)no-repeat;width: 14px;height: 18px;margin-top: 10px;margin-right: 20px;}
.f-fr{
	float: right;
	line-height: 40px;
	 margin-left:20px;
	  margin-top:15px;
	
}
.f-fr a{font-size: 14px;color: #777777;position: relative;}
.fe_pic{width: 100px;height: 100px;position: absolute;top: 30px;left: 50%;margin-left: -50px;display: none; z-index:999}
.f-fr_left{line-height: 40px;margin-right: 6px;font-size: 12px;
	color: #333;float: left;}
.f-fr a:hover .fe_pic{display: block;}	
.f-fr_right{line-height: 40px;margin-left: 6px;
	}
.f-fr_left span{float: left;}


/*logobar*/
.logo_bar{
	width: 100%;
	height: 90px;
	border-bottom: 1px solid #bebebe;
}
h3.logo {
	float: left;
	margin-top: 14px;
}
h3.logo img{float: left;height: 63px;margin-top: 6px;}
.lg_txt{float: left;}
.lg_txt h6{font-size: 20px;color: #023f8a;font-weight: bold;line-height: 36px;}
.lg_txt span{font-size: 12px;color: #777;display: inherit;margin-top: -2px;}
.lb_r{float: right;overflow: hidden;margin-top: 10px;text-align: right;}
.lb_r h6{font-size: 22px;color: #023f8a;font-weight: bold;font-family: arial;line-height: 24px;}
.lb_r span{font-size: 12px;color: #777777;line-height: 24px;display: inline-block;}
.shu{width: 1px;height: 40px;background: #bebebe;float: left;margin: 0 19px;margin-top: 10px;}
/*narbar*/
.top_nav {
    width: 100%;
    height: 50px;
    background: url(../images/bg_nav.jpg)no-repeat center;
}
.top_nav .main_container{position: relative;}
ul.nav{}
.nav .nLi h3{height: 100%;}
.nav .nLi h3 a{display:block;box-sizing: border-box;cursor: pointer;text-align: center;}


.nav_yc{
    display:none;
    position:absolute;
	top:50px;
	
    left: 0;
    width: 100%;
    padding: 10px 0;
    background: rgba(245,245,245,.8);
	font-size:14px;
	z-index:999;
}
.nav_yc li{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #333;
}
ul.nav li .nav_yc li:hover
{
	background: #023f8a;color: #FFFFFF;
}

ul.nav>li{width: 150px;height:50px;text-align:center;line-height:50px; float:left;position:relative;display:inline;font-size: 14px;color: #023f75;}

ul.nav>li:last-child{margin-right: 0;}
ul.nav>li.tab,ul.nav>li:hover{display: block;background: #023f8a;color: #FFFFFF;}
ul.nav>li a{display: block;}
/*banner*/
.mbanner{width:100%; height:630px;position: relative;}
.mbanner .slideBox{ width:100%; height:630px; overflow:hidden; position:relative; }
.mbanner .slideBox .hd{ height:22px; overflow:hidden; position:absolute; right:50%; bottom:135px; z-index:1;  margin-right: -29px;}
.mbanner .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.mbanner .slideBox .hd ul li{ float:left; margin-right:15px;  width:14px; height:14px;  border-radius:50%; border:1px solid #023f8a; cursor:pointer; }
.mbanner .slideBox .hd ul li.on{ background:#023f8a;}
.mbanner .slideBox .hd ul li:last-child{margin-right: 0;}
.mbanner .slideBox .bd{ position:relative; height:100%; z-index:0;width:100%  }
.mbanner .slideBox .bd ul{height: 100%;width:100%}
.mbanner .slideBox .bd li{ zoom:1; vertical-align:middle; height: 100%;width:100%}
.mbanner .slideBox .bd li a{height: 100%;width:100%; display: block; overflow:hidden}
.mbanner .slideBox .bd img{ width:100%; height:100%; display:block;  }

.mb_hd{width: 100%;height: 130px;position: absolute;left: 0;bottom: 0;background: url(../images/bg_mb_hd.png)no-repeat center;padding-top: 20px;}
.mbh_con{}
.mpro_tit{float: left;color: #FFFFFF;border-left: 4px solid #FFFFFF;padding-left: 16px;}
.mpro_tit h6{font-size: 30px;font-weight: bold;}
.mpro_tit span{font-size: 24px;color: rgba(255,255,255,.6);text-transform: uppercase;}
.mpro_tit p{font-size: 16px;}
.mpro_list{float: left;margin-left: 118px;}
.mpro_tb{width: 66px;height: 66px;margin: 0 auto;}
.mpro_tb img{width: 100%;height: 100%;transition: all 0.6s ease-in-out;}
.mpro_list ul{}
.mpro_list ul li{width: 102px;float: left;text-align: center;margin-right: 122px;}
.mpro_list ul li:last-child{margin-right: 0px;}
.mpro_list ul li span{font-size: 14px;color: #FFFFFF;display: inline-block;margin-top: 5px}
.mpro_list ul li:hover .mpro_tb img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
}

/**mcase**/
.mcase{overflow: hidden;margin-top: 40px;margin-bottom: 40px;}
.mcl_u{overflow: hidden;}
a.mc_more{display: block;background: url(../images/mc_more.png)no-repeat;width: 96px;height: 96px;float: left;}
.mc_tit{width: 304px;height: 96px;background: #282420;float: left;color: #FFFFFF;padding-top: 15px;padding-left: 19px;}
.mc_tit h6{font-size: 30px;}
.mc_tit span{font-size: 24px;color: rgba(255,255,255,.6);text-transform: uppercase;}
.mcl_d_pic{width: 96px;height: 304px;}
.mcl_d_pic img{width: 100%;height: 100%;}
.mc_l{float: left;}

.slideTxtBox{ width:755px;  text-align:left;float: right;position: relative;  }
.slideTxtBox .hd{ width: 304px;height:304px;position:relative;position: absolute;left: -349px;top: 96px; }
.slideTxtBox .hd ul{    }
.slideTxtBox .hd ul li{font-size: 16px;color: #777777; width: 304px;height: 76px;line-height:76px;background: #f0f0f0; cursor:pointer;padding:0 20px;overflow: hidden;  }
.slideTxtBox .hd ul li span{float: left;}
i.ico_mcyou{display: inline-block;float: right;margin-top: 30px; background: url(../images/mcyou.png)no-repeat;width: 33px;height: 11px;}
.slideTxtBox .hd ul li.on{   background:#023f8a;color: #FFFFFF; }
.slideTxtBox .hd ul li.on i.ico_mcyou{background: url(../images/mcyou_on.png)no-repeat;}
.slideTxtBox .bd ul{   zoom:1;overflow: hidden;  }
.slideTxtBox .bd li{float: left;text-align: center;margin-bottom: 18px;margin-right: 20px; }
.slideTxtBox .bd li:nth-child(3n){margin-right: 0;}
.mc_pic{width: 238px;height: 154px;overflow: hidden;}
.mc_pic img{width: 100%;height: 100%;transition: all 0.8s ease-in-out;}
.slideTxtBox .bd ul li:hover .mc_pic img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.slideTxtBox .bd li span{font-size: 16px;color: #777777;margin-top: 18px;display: inline-block;}
.slideTxtBox .bd ul li:hover span{color: #023f8a;}

/**mnews**/
.mnews{background: #f0f0f0;padding-top: 40px;padding-bottom: 23px;}
.mn_con{overflow: hidden;}
.mnc_nr{width: 709px;float: left;}
.mn_tit{overflow: hidden;}
.mnt_wz{float: left;}
.mnt_wz h6{font-size: 30px;color: #023f8a;border-left: 4px solid #023f8a;padding-left: 20px;line-height: 30px;}
.mnt_wz h6 span{display: inline-block;font-size: 24px;color: rgba(119,119,119,.6);text-transform: uppercase;margin-left: 18px;}
a.mn_more{float: right;font-size: 14px;color: rgba(119,119,119,.6);line-height: 50px;}
a.mn_more:hover{color: #023f8a;}
.mncn_u{margin-top: 20px;overflow: hidden;border-bottom: 1px solid #bebebe;padding-bottom: 20px;margin-bottom: 20px;}
.mn_pic{float: left;width: 250px;height: 180px;overflow: hidden;}
.mn_pic img{width: 100%;height: 100%;transition: all 0.8s ease-in-out;}
.mn_pic:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.mncn_wz{float: left;width: 441px;margin-left: 18px;}
.mncn_wz h5{width: 100%;font-size: 20px;color: #777777;
overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
}
.mncn_wz h6{font-size: 14px;color: #bebebe;overflow: hidden;margin-top: 5px;margin-bottom: 15px;}
i.ico_time{display: inline-block;background: url(../images/time.png)no-repeat;width: 14px;height: 14px;float: left;margin-top: 2.5px;margin-right: 5px;}
.mncn_wz span{float: left;}
.mncn_wz p{font-size: 14px;color: #777777;line-height: 22px;
 word-break:break-all;display:-webkit-box; -webkit-line-clamp:5;
  -webkit-box-orient:vertical; overflow:hidden;
}
.mncn_wz:hover h5{color: #023F8A;}
.mn_list ul li{border-bottom: 1px dashed #bebebe;padding-bottom: 20px;margin-bottom: 20px;}
.mnlb_u{overflow: hidden;}
.mnlb_u h5{float: left;font-size: 16px;color: #777777;width: 584px;
overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
}
.mnlb_u h6{float: right;font-size: 14px;color: #bebebe;overflow: hidden;}
.mn_list ul li p{font-size: 14px;color: #777777;margin-top: 8px;
overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
}
.mn_list ul li:hover h5{color: #023F8A;}
.mabout{width: 440px;float: right;}
.mabu_nr{overflow: hidden;margin-top: 20px;}
.mabu_wz{width: 220px;height: 180px;background: #023f8a;color: #FFFFFF;padding: 20px 18px 0 16px;font-size: 14px;line-height: 24px;}
.mabu_wz p{
	 word-break:break-all;display:-webkit-box; -webkit-line-clamp:6;
  -webkit-box-orient:vertical; overflow:hidden;
}
.mabu_pic{width: 220px;height: 180px;overflow: hidden;}
.mabu_pic img{width: 100%;height: 100%;transition: all 0.8s ease-in-out;}
.mabu_nr:hover .mabu_pic img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.mabu_con{margin-bottom: 20px;}

/**mhezuo**/
.mhezuo{margin-top: 40px;margin-bottom: 40px;}

.picMarquee-left{ width:100%;  overflow:hidden; position:relative;    }
		.picMarquee-left .bd{    }
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left .bd ul li .pic{ text-align:center; }
		.picMarquee-left .bd ul li .pic img{ width:190px; height:120px; display:block; border:2px solid #bebebe; }
		

/**footer**/
.footer{background: #023f8a;padding-top: 20px;padding-bottom: 20px;}
.ft_nr{overflow: hidden;margin-top: -10px;}
.ft_list{text-align: center; width:100%; height:54px; line-height:54px; background:#f0f0f0}
.ft_list ul{overflow: hidden;display: inline-block; height:100%;}
.ft_list ul li{float: left;font-size: 14px;color: #023f8a;margin-right: 74px;line-height: 54px;}
.ft_list ul li:last-child{margin-right: 0;}
.ft_list ul li:hover{color: #0099ff;}
.fte_pic{background: url(../images/erk.png)no-repeat ;width: 133px;height: 133px;text-align: center;line-height: 133px;}
.fte_pic img{width: 100px;height: 100px;display: inline-block;vertical-align: middle;}
.fte_box span{font-size: 14px;color: #FFFFFF;}
.fte_box{text-align: center;width: 133px;float: left;}
.fte{overflow: hidden;float: left;}
.ft_xx{float: left;margin-left: 74px;margin-top: 45px;}
.ft_xx ul{overflow: hidden;}
.ft_xx ul li{float: left;overflow: hidden;margin-right: 40px;}
.ft_xx ul li:last-child{margin-right: 0;}
.ft_pic{float: left;width: 56px;height: 56px;}
.ft_pic img{width: 100%;height: 100%;}
.ft_wz{float: left;margin-left: 5px;color: #FFFFFF;margin-top: 8px;}
.ft_wz h6{font-size: 16px;}
.ft_wz span{font-size: 14px;}
.ft_txt{color: #FFFFFF;text-align: right;margin-top: 50px;}
.ft_txt h6{font-size:16px;font-weight: bold;}
.ft_txt span{font-size: 14px;}

.ft_links{width:1200px;overflow: hidden;color:#999999;font-size: 14px; padding:0;margin:0 auto 12px;}
.ft_links>span{float: left;margin-top: 12px;}
.ft_links ul{float: left;overflow: hidden;margin-top:12px;}
.ft_links ul li{float: left;}
.ft_links ul>span{float: left;display: inline-block;margin: 0 6px;}
.ft_links ul li:hover{color: #0099FF;}

.banquan{background:#282420;line-height: 60px;}
.bq_con{overflow: hidden;}
.ftd_l p{font-size: 12px;color: rgba(255,255,255,.5);}
.ftd_l p a:hover{color: #fff;}
.ftd_l{float: left;}
.ftd_r{float: right;}
.ftd_r span{font-size: 12px;color: rgba(255,255,255,.5);}
a.vl{width: 121px;height: 18px;display: inline-block;background: url(../images/vd.png)no-repeat;margin-right: 15px;}
a.vl:hover{background: url(../images/vd_on.png)no-repeat;}
a.ws{width: 121px;height: 18px;display: inline-block;background: url(../images/ws.png)no-repeat;}
a.ws:hover{background: url(../images/ws_on.png)no-repeat;}

/**内页**/
.banner{width: 100%;height: 120px;}

/**second_nav**/
.second_nav{overflow: hidden;margin-top: 20px;}
i.ico_home{background: url(../images/home.png)no-repeat;width: 20px;height: 20px;display: inline-block;float: left;margin-right: 10px;}
.second_nav p{font-size: 14px;color: #808080;}
.second_nav p a:hover{color: #023F8A;}

/**abu_tab**/
.abu_tab{margin: 20px auto;}
.abu_tab ul{overflow: hidden;}
.abu_tab ul li{float: left;width: 200px;height: 40px;border: 1px solid #bebebe;text-align: center;line-height: 40px;font-size: 16px;color: #777777;}
.abu_tab ul li.on,.abu_tab ul li:hover{background: #2260ad;color: #FFFFFF;}
.abu_tab ul li a{display: block;}
/**abu_con**/
.abu_con{margin-top: 20px;font-size: 14px;color: #777777;line-height: 24px;padding-bottom: 60px; overflow:hidden}
.honor_pic ul{overflow: hidden;}
.honor_pic ul li{width: 282px;padding: 8px 8px 0 8px;border: 1px solid #dddddd;float: left;margin-right: 24px;margin-bottom: 30px;}
.honor_pic ul li:nth-child(4n){margin-right: 0;}
.hon_jpg{width: 100%;height: 154px;overflow: hidden;}
.hon_jpg img{width: 100%;height: 100%; transition: all 0.8s ease-in-out; }
.hon_jpg:hover img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
}
.hon_txt{overflow: hidden;line-height: 54px;}
.hon_txt h6{font-size: 14px;color: #999999;float: left;}
a.hon_mor{display: inline-block;width: 62px;height: 20px;background: url(../images/more.png)no-repeat;float: right;margin-top: 15px;}
.honor_pic ul li:hover .hon_txt h6{color: #023F8A;}
.honor_pic ul li:hover{border-color: #023F8A}
.honor_pic ul li:hover a.hon_mor{background: url(../images/more_on.png) no-repeat;}

.wgood_pic .hon_jpg{height: 318px;}

/**news**/
.news_u{overflow: hidden;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #bebebe;}
.news_pic{float: left;width: 300px;height: 180px;overflow: hidden;}
.news_pic img{width: 100%;height: 100%;transition: all 0.8s ease-in-out;}
.news_pic:hover img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
}
.news_wz{float: left;margin-left: 32px;width: 868px;}
.news_wz h6{font-size: 20px;color: #777777;margin-bottom: 25px;}
.news_wz p{font-size: 14px;color: #777777;line-height: 22px;height: 44px;
 word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;
}
.news_wz span{font-size: 14px;color: #bebebe;display: inline-block;margin-bottom: 10px;}
.news_btn{width: 150px;height: 30px;text-align: center;line-height: 30px;border: 1px solid #023F8A;font-size: 14px;color: #023F8A;}
.news_btn:hover{background: #023F8A;color: #FFFFFF;}
.news_list ul{overflow: hidden;}
.news_list ul li{overflow: hidden;margin-bottom: 20px;}
.ndate{text-align: center;width: 120px;height: 120px;border: 1px solid #bebebe;padding-top: 30px;float: left;}
.ndate h6{font-size: 40px;color: #777777;margin-bottom: 10px;}
.ndate span{font-size: 18px;color: #777;}
.ntxt{float: right;width: 1059px;height: 120px;border: 1px solid #bebebe;padding: 25px 25px 0 20px}
.ntxt h6{font-size: 20px;color: #777777;margin-bottom: 15px;}
.ntxt p{font-size: 14px;line-height: 22px;color: #777;height: 44px;
 word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;
}
.news_list ul li:hover .ndate,.news_list ul li:hover .ntxt{background: #023F8A;border-color: #023F8A;}
.news_list ul li:hover .ndate h6,.news_list ul li:hover .ndate span,.news_list ul li:hover .ntxt h6,.news_list ul li:hover .ntxt p{color: #FFFFFF;}

/**contact**/
.map{width:700px;height:300px; float:left;}
.con_xx{margin-top: 15px;overflow: hidden; width:456px; float:right}
.conx_l{font-size: 16px;color: #333333;line-height: 30px; width:100%; margin-bottom:20px;}
.conx_r{overflow: hidden; width:100%; margin-bottom:20px;}
.coner{float: left;text-align: center;}
.cone_pic{width: 110px;height: 110px;padding: 4px;border: 1px solid #666666;}
.cone_pic img{width: 100%;height: 100%;}
.coner span{font-size: 16px;color: #333333;line-height: 30px;}
.coner:first-child{margin-right: 10px;}




/*客服*/
.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;
}
.lxfx li {
    background:#023f8a;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}