*{ 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: 15px;margin-right: 20px;}



/**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;

}





*{ font-family: "微软雅黑";}



/*通和建材新版留言板样式*/

.ny_ly{ padding:32px; padding-top:30px; }

.ny_ly > h3{ font-size:36px; font-weight:bold; }

.ny_ly > p{ font-size:14px; margin-top: 20px;}

.mes_form{ margin-top:59px; display:table; width: 61%; margin:0 auto;}

.mes_form_l{ float:left;width: 558px;}

.mes_form_l > p{ margin-bottom:13px; position:relative;}

.mes_form_r p{position:relative;float: left;}

.mes_form_l > p > input{ width:550px; height: 50px; background: #eee; border: none; text-indent: 10px; font-size: 14px; color: #434343;}

.mes_form_r{ float:right;  margin-top: 17px;  position: relative;}

.mes_form_r > textarea{ height: 245px; width:530px; padding: 10px 10px 0 10px;  background: #eee; border: none; position:relative; margin-top: -16px;}

.mes_form_r > p > input{width:550px; height: 49px; background: #eee; border: none; text-indent: 10px; font-size: 14px; color: #434343;margin-bottom:13px;}

.mes_form_tj{ cursor: pointer;display:block; float:left; width:192px; height: 45px;margin-top: 30px; clear: left; background: #13204a; border: none; color:#fff; font-size: 16px;}

.mes_form_cz{cursor: pointer;width:192px; height: 45px;margin-top: 30px; float: left; margin-left: 10px; background: #a0a0a0;border: none;color:#fff; font-size: 16px;}

.ny_zxyjy{margin-bottom: 90px; }

.ny_zxyjy > h3{ font-size:24px; font-weight:bold; border-left: 5px solid #0093dd; height: 30px; padding-left: 20px; line-height: 30px; margin-bottom: 60px;}

.nyly_li{ display:table; margin:34px 0; border-bottom:1px solid #eee;    width: 100%;}

.nyly_li > h3{ color:#333333; font-size: 16px; font-weight: bold;}

.nyly_li > h3 > span{ display:inline-block; width:8px; height: 8px; border: 3px solid #0093dd; border-radius: 50%; margin: 0 10px 0 4px;}

.nyly_li > p{ color:#666666; font-size: 14px; margin-top: 14px;}

.nyly_li > div > p{ float:left; margin-left: 10px; font-size: 14px; color:#666666; line-height: 30px;}

.nyly_li > div{display: table; float:right;}

.nyly_li > div > p .icon-liulan{ font-size:20px;display: block; line-height: 30px; float: left;}

.mes_form_p p input{ display: block; float:left; height: 50px; border: none;  background: #eee;  text-indent: 10px; }

.mes_form_p a { display:block; float:left;  margin-top: 25px;  margin-left: 20px;  }

.mes_form_p p span{ overflow: inherit !important; left: 0 !important;top: 52px !important; }



.Validform_checktip{

        display: block;

    position: absolute;

    color: #f00;

    right: 20px;

    top: 0;

    line-height: 50px;

}

.Validform_right,.Validform_wrong{top:15px;}

@media screen and (max-width:1024px){

    .mes_form{display:block;}

    .mes_form_l > p > input,.mes_form_r > textarea,.mes_form_r > p > input{width:100%;box-sizing:border-box;}

    .mes_form_r > textarea{height:247px;}

    .mes_form_l{width:45%}

    .mes_form_r{width:50%;margin-left:5%}

    .mes_form_tj,button.mes_form_cz{width:48%}

    button.mes_form_cz{margin-left:4%;}

}



@media screen and (max-width:1024px){

    .mes_form_l,.mes_form_r{width:48%;margin-left:0}

}