*{ 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;position: relative;
}
/*top_bar*/
.top_bar{
	color: #FFFFFF;
	font-size: 14px;
	width: 100%;
	height: 24px;
	background: #333333;
}
.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: 24px;
	font-size: 12px;color: #999;
}
.f-fr{
	float: right;
	line-height: 24px;
	margin-left: 20px;
}
.f-fr_left{line-height: 24px;margin-right: 6px;font-size: 12px;
	color: #999;float: left;}
	.f-fr_left a:hover{color: #FFFFFF;}
/*logobar*/
.logo_bar{height: 82px;border-bottom: 1px solid #eeeeee;}
h3.logo {
	float: left;
	margin-top: 10.5px;
}
h3.logo img{float: left;}
.lb_r{float: right;margin-top: 30px;}
i.ico_ttel{display: block;float: left;background: url(../images/ttel.png) no-repeat;width: 23px;height: 20px;margin-right: 7px;margin-top: 2px;}
.lb_r span{display: inline-block;float: left;font-size: 16px;color: #333333;}
.lb_r h6{float: left;font-size: 20px;color: #333333;font-family: impact;}
i.telkine{display: block;float: left;width: 1px;height: 16px;background: #141414;margin: 0 10px;margin-top: 4px;}

/**nav_bar**/
.nav_bar{height: 50px;}
.nav_bar .main_container{position: relative;}
.pchr_tb{background: url(../images/bg_nav.png) no-repeat center left;width: 489px;height: 50px;position: absolute;top: 0;right: -360px;padding-top: 11px;padding-left: 21px;}
.tbe i{float: left;display: block;width: 29px;height: 29px;}
.tbe{position: relative;float: left;cursor: pointer;}
.tbe_pic{display:none;width: 90px;height: 90px;position: absolute;top: 40px;left: 50%;margin-left: -45px;z-index:999;}
.tbe_pic img{width: 100%;height: 100%;}
.tbe:hover .tbe_pic{display: block;}
i.ico_tweixin{background: url(../images/tweixin.png) no-repeat;}
i.ico_tshouji{background: url(../images/tshouji.png) no-repeat;}
i.ico_tshuian{display: block;width: 1px;height: 29px;background: #FFFFFF;float: left;margin: 0 15px;}

ul.nav{float: left;}
.nav .nLi h3{height: 100%;text-align: center;}
.nav .nLi h3 a{display:block;box-sizing: border-box;cursor: pointer;}
.nav_yc{
    display:none;
    position:absolute;
	top:50px;
	
    left: 50%;
    margin-left: -60px;
    width: 120px;
    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: #284793;color: #FFFFFF;
}

ul.nav>li{text-align: center; width: 120px;height:50px;margin-right:15px;text-align:center;line-height: 50px;float:left;position:relative;display:inline;font-size: 14px;color: #333333;}
ul.nav>li:last-child{margin-right: 0;}
ul.nav>li.tab,ul.nav>li:hover{background: #284793;}
ul.nav>li.tab>h3>a,ul.nav>li:hover>h3>a{color: #FFFFFF;}
ul.nav>li a{display: block;}

/*banner*/
.mbanner{width:100%; height:600px;}
.mbanner .slideBox{ width:100%; height:600px; overflow:hidden; position:relative; }
.mbanner .slideBox .hd{ height:22px; overflow:hidden; position:absolute; right:50%; bottom:25px; z-index:1;  margin-right: -36px;}
.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 #284793; cursor:pointer; }
.mbanner .slideBox .hd ul li.on{ background:#284793;}
.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;  }

/**mabout**/
.mabout{padding-top: 60px;padding-bottom: 67px;}
.mabu_u{overflow: hidden;}
.mabuu_l{width: 600px;float: left;padding-left: 27px;}
.mabu_jj{width: 499px;font-size: 14px;color: #333;line-height: 24px;height: 72px;margin-top: 35px;margin-bottom: 30px;}
.mabu_jj p{
	 word-break:break-all;display:-webkit-box; -webkit-line-clamp:3;
  -webkit-box-orient:vertical; overflow:hidden;
}
a.mabu_more{display: block;width: 133px;height: 41px;background: #284793;text-align: center;line-height: 41px;font-size: 14px;color: #FFFFFF;}
a.mabu_more:hover{background: #102f7c;}
.mabu_u .mabuu_r{float: right;}
.mabuu_r{float: left;overflow: hidden;}
.mabuur_pic{float: left;width: 265px;height: 258px;overflow: hidden;}
.mabuur_pic img,.mabud_pic img,.mabudr_pic img{width: 100%;height: 100%;transition: all 0.8s ease-in-out;}
.mabuur_pic:hover img,.mabud_pic:hover img,.mabudr_pic:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.mabuur_txt{float: left;width: 331px;height: 258px;background: #284793;}
.mabu_nr{color: #FFFFFF;padding: 78px 40px 0 40px;}
.mabu_bt h6{font-size: 20px;font-family: arial;text-transform: uppercase;}
.mabu_bt span{font-size: 20px;}
i.mabu_line{display: block;width: 55px;height: 2px;background: #FFFFFF;margin-top: 16px;}
a.mabu_gd{display: block;text-align: right;font-size: 14px;margin-top: 50px;}
a.mabu_gd:hover{text-decoration: underline;}
.mabu_d{overflow: hidden;}
.mabud_pic{float: left;width: 603px;height: 456px;overflow: hidden;}
.mabudr_wz{background: #2bbb86;}
.mabudr_wz a.mabu_gd{text-align: left;}
.mabudr_pic{width: 332px;height: 258px;overflow: hidden;}
.mabudr_d h3{font-size: 70px;color: #d6d6d6;font-family: impact;text-transform: uppercase;line-height: 199px;text-align: right;}

/**mproduct**/
.mproduct{background: #eeeeee;padding-top: 75px;padding-bottom: 74px;}
.mpro_tit{text-align: center;}
.mpro_tit h3{font-size: 30px;color: #333333;font-weight: bold;margin-bottom: 10px;}
i.ico_yuan{display: inline-block;width: 12px;height: 12px;border-radius: 50%;background: #284793;}
.mpro_tit h3 em{font-style: normal;color: #284793;}
.mpro_tit p{font-size: 20px;color: #999999;font-weight: bold;}

.slideTxtBox{ width:100%;  text-align:left;margin-top:30px;  }
		.slideTxtBox .hd{text-align: center;}
		.slideTxtBox .hd ul{   overflow: hidden; display: inline-block; }
		.slideTxtBox .hd ul li{text-align: center;line-height: 34px;margin-right: 15px; float:left;width: 136px;height: 34px;background: #b9b9b9;font-size: 16px;color: #333333;  cursor:pointer;  }
		.slideTxtBox .hd ul li:last-child{margin-right: 0;}
		.slideTxtBox .hd ul li.on{ background: #284793;color: #FFFFFF; }
		.slideTxtBox .bd{margin-top: 50px;}
		.slideTxtBox .bd ul{ zoom:1;overflow: hidden;  }
		.slideTxtBox .bd li{float: left;width: 388px;margin-right: 18px;margin-bottom: 18px;  }
		.slideTxtBox .bd li:nth-child(3n){margin-right: 0;}
		.mpro_pic{width: 388px ;  overflow: hidden;position: relative}
		.mpro_pic img{width: 100%;height: 100%;transition: all 0.8s ease-in-out;}
		.slideTxtBox .bd li:hover .mpro_pic img{
			transform: scale(1.1);
	-webkit-transform: scale(1.1);
		}
.mpro_txt{width: 388px;height: 54px;background: #bfbfbf;text-align: center;line-height: 54px;font-size: 16px;color: #FFFFFF;}
.mpro_txt h6{
	 overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
}
.slideTxtBox .bd li:hover .mpro_txt{background: #284793;}
.mpro_more{margin:0 auto;margin-top: 38px; }
.mpro_hd{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(../images/mpro_hd.png) no-repeat;display:none;}
.slideTxtBox .bd li:hover  .mpro_hd{display: block;}


/**myoushi**/
.myoushi{background: url(../images/bg_youshi.jpg) no-repeat center top;padding-top: 60px;padding-bottom: 84px;}
.mys_tit{text-align: center;background: url(../images/mys_line.png) no-repeat center bottom;padding-bottom: 38px;}
.mys_tit h6{font-size: 30px;color: #333333;font-weight: bold;margin-bottom: 5px;}
.mys_tit h6 em{font-size: 45px;color: #284793;font-family: impact;}
.mys_tit p{font-size: 16px;color: #999999;font-family: arial;text-transform: uppercase;}
.mys_list{margin-top: 89px;}
.mys_list ul{overflow: hidden;}
.mys_list ul li{float: left;overflow: hidden;height: 172px;margin-bottom: 35px;}
.mys_list ul li:nth-child(2n){float: right;}
.mys_pic{float: left;background: url(../images/mys_pic.png) no-repeat;width: 106px;height: 122px;padding-top: 35px;}
.mys_pic i{display: block;width: 60px;height: 51px;margin: 0 auto;}
i.ico_scys{background: url(../images/scys.png) no-repeat center;}
.mys_wz{width: 439px;float: left;margin-left: 30px;margin-top: 18px;}
.mys_bt h6{font-size: 30px;color: #141414;font-weight: bold;}
.mys_bt h6 span{font-size: 16px;font-weight: normal;display: inline-block;margin-left: 19px;}
.mys_jj{font-size: 16px;color: #141414;line-height: 26px;margin-top: 10px;}
i.ico_fwys{background: url(../images/fwys.png) no-repeat center;}
i.ico_zlys{background: url(../images/zlys.png) no-repeat center;}
i.ico_jyys{background: url(../images/jyys.png) no-repeat center;}
.mys_list ul li:hover .mys_pic{background: url(../images/mys_pic_on.png) no-repeat;}
.mys_list ul li:hover i.ico_scys{background: url(../images/scys_on.png) no-repeat center;}
.mys_list ul li:hover i.ico_fwys{background: url(../images/fwys_on.png) no-repeat center;}
.mys_list ul li:hover i.ico_zlys{background: url(../images/zlys_on.png) no-repeat center;}
.mys_list ul li:hover i.ico_jyys{background: url(../images/jyys_on.png) no-repeat center;}

/**mnews**/
.mnews{padding-top: 66px;padding-bottom: 70px;}
.mn_tit{text-align: center;}
.mn_tit h6{font-size: 30px;color: #141414;font-weight: bold;}
.mn_tit span{font-size: 30px;color: #999999;font-family: impact;text-transform: uppercase;}
.mn_list{margin-top: 70px;}
.mn_list > ul{overflow:hidden;}
.mn_list > ul > li{float: left;width: 346px;}
.mn_pic{width: 346px;height: 252px;overflow: hidden;position: relative;}
.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);
}
.mn_bt{width: 168px;height: 75px;background: rgba(0,0,0,.6);text-align: center;line-height: 75px;position: absolute;left: 0;top: 0;font-size: 24px;color: #FFFFFF;}
.mn_wz{margin-top: 15px;}
.mn_wz h6{font-size: 16px;color: #333333;
 overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
}
.mn_wz span{font-size: 14px;color: #999999;display: inline-block;margin-top: 10px;margin-bottom: 15px;}
.mn_wz p{font-size: 14px;color: #999999;line-height: 24px;}
a.mn_more{display: block;width: 92px;height: 33px;background: #284793;border-radius: 16.5px;text-align: center;line-height: 33px;font-size: 14px;color: #FFFFFF;margin-top: 20px;}
.mn_lb{margin-top: 30px;}
.mn_lb ul li{overflow: hidden;border-top: 1px dashed #dcdcdc;padding-top: 15px;margin-bottom: 15px;}
.mn_lb ul li p{width: 224px;font-size: 16px;color: #333333;float: left;overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}
.mn_lb ul li span{font-size: 14px;color: #999999;float: right;}
.mn_lb ul li:last-child{border-bottom: 1px dashed #DCDCDC;padding-bottom: 15px;}
a.mn_gd{display: block;text-align: right;margin-top: 10px;font-size: 14px;color: #333333;}
.mn_wz:hover h6{color: #284793;}
a.mn_more:hover{background: #102F7C;}
.mn_lb ul li:hover p,.mn_lb ul li:hover span{color: #284793;}
a.mn_gd:hover{color: #284793;}
i.mn_shuxain{display: block;float: left;background: url(../images/mn_shuxian.png) no-repeat;width: 3px;height: 684px;margin-left: 35px;margin-right: 40px;}

/**footer**/
.footer{background: #333333;padding-top: 35px;}
.ft_con{overflow: hidden;padding-bottom: 45px;}
.ft_logo{float: left;margin-top: 15px}
.ftc_lx{float: left;margin-top: 15px;font-size: 14px;line-height: 24px;color: #999999;margin-left: 111px;width: 350px;}
.ft_er{float: right;overflow: hidden;}
.fte{float: left;text-align: center}
.fte_pic{width: 118px;height: 115px;background: #eeeeee;border-radius: 5px;text-align: center;line-height: 115px;}
.fte_pic img{display: inline-block;width: 97px;height: 97px;vertical-align: middle;}
.fte span{font-size: 12px;color: #999999;display: inline-block;margin-top: 10px;}
.fte:first-child{margin-right: 23px;}
.bq_con{overflow: hidden;font-size: 12px;color: #999999;padding-bottom: 14px;}
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;}
.bqc_l a:hover{color: #FFFFFF;}
.mlinks{border-top: 1px solid #999999;height: 32px;line-height: 32px;font-size: 14px;color: #999999;}
.mlk_con{overflow: hidden;}
.mlk_con > span{float: left;display: inline-block;margin-right: 15px;}
.mlk_con ul{overflow: hidden;float: left;}
.mlk_con ul li{float: left;margin-right: 10px}
.mlk_con ul li:hover{color: #FFFFFF;}
.zzx{ background: url(../images/zzx_1.png) no-repeat; width:60px; height: 26px; display: block; float: right;  }
.zzx:hover{ background: url(../images/zzx_2.png) no-repeat;}


/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:310px;
    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: 48px;
    line-height: 48px;
    margin-top: 2px;
    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-te {
    background-position: -34px -52px;
}
.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;
	    margin-top: 10px
}
.lxfx li {
    background:#284793;
    height: 70px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}
.lxfx li i.icon-en{
	background-position: -31px -47px;
}