﻿@charset "UTF-8";
*{word-break:break-all;margin:0;padding:0;}
body {behavior:url("csshover3.htc");} 
body{font-size:16px;color:#333333; font-family:"微软雅黑","microsoft Yahei","Courier New",Courier,monospace;padding:0px;margin:0px auto;line-height:32px; background-color:#FFF; overflow-x: hidden; width:100%;}
a{ color:#333333; text-decoration:none;}
a:hover{color:#d2180f;text-decoration:none}
h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd{ margin:0; padding:0;}
ul,li,dl,dt,dd{ list-style:none;}
.fl{ float:left;}
.fr{ float:right;}
.about{ float:right;}
.lan{ color:#1372f4;}
.clear,.c,.clearfix{ clear:both;}
img{pointer-events:none}
.imgZoom { overflow:hidden;}
.imgZoom img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s; display:block; }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}



table {
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;
	margin:0 auto;
}
table tr:nth-child(odd) {
	background: #F4F4F4;
}
table td:nth-child(even) {
}
table tr:hover {
	background: #d30009;
	color:#fff;
}
table td, table th {
	border: 1px solid #dddddd;
}
table tr:nth-of-type(1) {
	background: #666666;
	color: #ffffff;
}

.blank{ clear:both; height:20px;}
img{max-width:100%; border:0; height:auto;}
.input,.textarea{border-top:ridge 1px #ccc;border-right:inset 1px #D8D8D8;border-bottom:inset 1px #D8D8D8;border-left:ridge 1px #ccc;font-size:14px;color:#666;padding-top:5px;padding-right:5px;padding-bottom:4px;padding-left:5px;background-color:#fff}
.wrap{ width:1200px; margin:0 auto;}
.wrapa{ width:auto; margin:0 auto;}
.top1{ height:40px; line-height:40px; background-color:#282828; color:#ffffff;}
.top1 a{color:#ffffff;}
.top1 .t1{ float:left; background:url(../images/t1.png) no-repeat left center; text-indent:30px;}
.topr{  float:right;}
.top2 {
	width: 100%; background-color:#ffffff; height:120px;  position:relative;
}
.logo {
	float: left;
	width: 430px;padding-top: 20px;height:100px; overflow:hidden;
}
.top2r{ width:770px; float:left;}
.sjdh{ display:none;}
.nav { height:120px;}
.nav ul { line-height:120px;}
.nav ul li {
    width: 14.28%;
    float: left;
    text-align: center;
    position: relative;
}
.nav ul li a{
    color: #222222;
	 font-size:18px;
	 display:block;
	 font-weight:bold;
}

.a05 .xiala01, .a04 .xiala01{ left:auto; right:0;}
/*.a01,.a03,.a04,.a05{ position:relative;}*/

.xiala01 {
    width: 460px;
    position: absolute;
    top: 120px;
    line-height: normal;
    background: #f8f8f8;
    text-align: left;
    display: none;
	z-index:999;
}
.xiala01_l {
    width: 150px;
    background: #c9151e;
    float: left;
    padding: 38px 0;
}

.xiala01_r {
    width: 250px;
    float: left;
    margin-left: 30px;
}

.xiala01_l dl dd {
    border-bottom: 1px dashed white;
    width: 80%;
    margin: 0 auto;
    line-height: 46px;
}

.xiala01_l dl dd a {
    color: white;
	font-size:14px;
	font-weight:normal;
}

.xiala01_r {
    padding: 38px 0;
}

.xiala01_r dl dt {
    text-align: center
}

.xiala01_r dl dd {
    margin-top: 26px;

}

.xiala01_r dl dd p {
    font-size: 20px;
}

.xiala01_r dl dd span {
    color: #979797;
}
.xiala02 {
    width: 800px;
    position: absolute;
    top: 120px;
    line-height: normal;
    background: #f8f8f8;
    text-align: left;
    display: none;
	z-index:999;
	left:-250px;
	padding:20px;
}
.xiala02 dl{ width:31.33333%; margin:0 1%; float:left;}
.xiala02 dt{ font-size:18px; height:40px; line-height:40px;}
.xiala02 dt a{ color:#c9151e;}
.xiala02 dd{ line-height:26px;}
.xiala02 .gd a{ color:#c9151e;}
.nav ul li .xiala02 dd a{ font-size:14px; font-weight:normal;}


.banner{ width:100%;position: relative; clear:both; margin-bottom:30px;}
.vidbacking{ background-position:center bottom;}
.video-back{display:block; height:350px; padding:200px 0px;text-align:center;color:#fff; background:url(../images/tm1.png);}
.video-back h3{font-size:45px; font-weight:normal; margin-bottom:20px; line-height:60px;}
.video-back h2{font-size:90px; line-height:90px;}
.video-back p{display:block;color:#fff;text-shadow:2px 2px 1px #000;margin:0px;padding:0px;margin-bottom:20px;}
.video-back img{width:150px;}
.main-heading{text-align: center;margin: 50px auto;font-size: 70px;}
.main-para{margin: 10px 100px;text-align: center; font-size: 20px;}
.video-back ul{ width:760px; margin:40px auto auto;}
.video-back li{ float:left; height:50px; line-height:20px; text-align:left; width:29.3333%; box-sizing:border-box; border-right:1px #ffffff solid; margin:0 2%;}
.video-back i{ background:url(../images/ico.png) no-repeat; display:block; width:50px; height:50px; float:left; margin-right:20px;}
.video-back .nobg{border-right:0;}
.video-back .li1{ background-position:0 0;}
.video-back .li2{ background-position:0 -60px;}
.video-back .li3{ background-position:0 -120px;}

.m1t{margin-bottom: 30px;}
.m1t h2{ font-size:36px; background:url(../images/m1t.jpg) no-repeat left center; padding-left:60px; height:47px; line-height:47px; }
.m1t h2 span{ border-left:1px #999 solid; font-size:18px; font-weight:normal; height:47px; margin-left: 10px;padding-left: 10px;line-height: 47px;}
.m1t .gd{ float:right; width:100px; height:30px; line-height:30px; margin-top:10px; border:1px #aeaeae solid; text-align:center;}
.m1c{ background-color:#f5f5f5; padding:80px 0;}
.m1c ul{ overflow:hidden;}
.m1c li{ width:390px; float:left; height:330px; background-color:#ffffff; margin:0 5px; position:relative;}
.m1c li h2{ font-size:26px; font-weight:normal; margin:20px auto auto 20px;}
.m1c li p{ font-size:14px;  margin-left:20px;}
.m1c li .gd{ margin-left:20px; width:87px; height:26px; line-height:26px; background-color:#d2180f; text-align:center; border-radius:26px; position:absolute; bottom:50px; color:#ffffff;}
.m1c li .gd a{ color:#ffffff;}
.m1c li .img{ position:absolute; left:0; top:0; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.m1c li .img:hover{transform:translateY(-15px);}

.m2{ background:url(../images/m2.jpg) #f5f5f5 no-repeat center top; padding-bottom:50px; margin-bottom:50px; }
.m2t{ text-align:center; padding-top:60px; margin-bottom:50px; color:#fff;}
.m2t h2{ font-size:36px; margin-bottom:10px;}
.m2c{ padding:26px; background-color:#fff; overflow:hidden;}
.m21{ width:568px; height:352px; overflow:hidden; background-color:#999; float:left;}
.m21 img{ width:100%;} 
.m22{ width:580px; float:left;}
.m22 li{ width:278px; height:172px; float:left; background-color:#999; margin-left:12px; margin-bottom:12px; overflow:hidden;}
.sjcp{ display:none;}

.m3{ margin-bottom:50px;}
.video-back1{display:block; height:490px;color:#fff; }
.m3 .htmleaf-demo{ width:50%; float:right; height:490px; background:url(../images/tm2.png);}
.m3 .txt{ padding:100px 60px 0; color:#ffffff;}
.m3 .txt h2{ font-size:36px;  text-align:right; height:100px; line-height:100px; border-bottom:2px #d2180f solid; margin-bottom:30px; }
.m3 .txt p{ text-indent:28px;}

.mat{ margin-bottom:30px; text-align:center;}
.mat h2{ font-size:36px;  line-height:50px;}
.mat p{ text-transform:uppercase;}
.mat div{ width:30px; height:3px; background-color:#d2180f; margin:0px auto;}
.marquee1 {overflow: hidden; width: 100%; height: 310px; margin-bottom:50px;}
.marquee1 ul {float: left; overflow: hidden; height: 310px}
.marquee1 ul li { float: left; display:inline; margin: 0px 8px 40px; width: 380px; height: 310px; text-align: center; background-color:#ffffff; position:relative;}
.marquee1 ul li a img {width: 380px; height: 310px; display:block;}
.marquee1 ul li .p1{ /*background-color:#fff;filter: Alpha(Opacity=60); -moz-opacity: 0.6; opacity: 0.6;*/ background:url(../images/tm4.png); height:50px; width:100%; position:absolute; bottom:0; left:0; transform:scale(1); z-index:999; }
.marquee1 ul li .p1 a{ color:#333; font-size:18px; line-height:50px;}
.marquee1 li .syalbox{ left:-100%; transform:scale(0); transition:0.3s;opacity:1; }
.marquee1 li:hover .p1{opacity: 0;  transform:scale(0);}
.marquee1 li:hover .syalbox{width:100%; height:100%; left:0; top:0; position:absolute;/* background-color:#3a3936;filter: Alpha(Opacity=85); -moz-opacity: 0.85; opacity: 0.85;*/ z-index:9; padding:30px; color:#ffffff; box-sizing:border-box;  transform:scale(1);text-align:center; background:url(../images/tm3.png);}
.syalbox h2{ font-size:20px; font-weight:normal; margin-top:15%; }
.syalbox p{ font-size:14px; line-height:22px; margin:20px 0;}
.syalbox .gd{ width:120px; height:30px; background-color:#d2180f; line-height:30px; margin:0 auto; border-radius:5px;}
.syalbox a{ color:#ffffff;}
.aline{ border:1px #ffffff solid; height: 250px;}

.m5{ background-color:#f5f5f5; padding:50px 0;}
.m5 .m1t h2{  background:url(../images/m5t.png) no-repeat left center; }
.m5 ul{ overflow:hidden;}
.m5 li{  width:31.333333%; float:left; margin:1%; padding:20px; box-sizing:border-box;-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.m5 li .time{ width:100px; height:25px; line-height:25px; background-color:#000000; color:#fff; text-align:center; font-style:italic; font-size:12px;}
.m5 li h2{ font-size:16px; margin:10px 0;overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap}
.m5 li p{ line-height:20px; font-size:12px;}
.m5 li:hover{ background-color:#ffffff;-moz-box-shadow:0px 0px 10px #d0d0d0; -webkit-box-shadow:0px 0px 10px #d0d0d0; box-shadow:0px 0px 10px #d0d0d0;transform:translateY(-15px);}
.m5 li:hover .time{ background-color:#d2180f;}
.m5 hr{ border-bottom:1px #c4c4c4 solid; margin-bottom:10px;}

.m6{ background:url(../images/m6.jpg) no-repeat center top; height:603px; margin-bottom:30px;}
.m6 .mat{ padding-top:80px;}
.m6 .mat div{ margin-top:20px;}
.m6txt{ text-align:center; width:80%; margin:0 auto; text-indent:28px; font-size:16px; margin-bottom:50px;}
.m6 ul{ overflow:hidden;}
.m6 li{ width:24%; float:left; margin:0.5%; background-color:#fff; padding:20px 0; box-sizing:border-box; height:120px;}

.m6 li .item{padding-left:80px;height:80px;float:left;color:#3E3E3E;}
.m6 li .item:hover{color:red; cursor:pointer;}
.m6 li .item .title{line-height:50px;height:40px;font-size:18px;font-weight:bold;}
.m6 li .item .info{font-size:11px;}
#qywh{background:url(../images/12.jpg) 10px 15px no-repeat;}
#qywh:hover{background:url(../images/11.jpg) 10px 15px no-repeat;}
#fzlc{background:url(../images/14.jpg) 10px 15px no-repeat;}
#fzlc:hover{background:url(../images/13.jpg) 10px 15px no-repeat;}
#zzry{background:url(../images/16.jpg) 10px 15px no-repeat;}
#zzry:hover{background:url(../images/15.jpg) 10px 15px no-repeat;}
#qysl{background:url(../images/18.jpg) 10px 15px no-repeat;}
#qysl:hover{background:url(../images/17.jpg) 10px 15px no-repeat;}

.flink{ margin-bottom:30px;}
.flink b{ font-size:18px; float:left; }
.flink .wrap p{ float:left; width:auto;margin-left:3px; list-style-type:none;}
.foot{ background:url(../images/foot.jpg) no-repeat center top;  color:#fff;}
.footc{ padding:70px 0 50px; overflow:hidden;}
.foot a{ color:#949495;}
.foot dl{ width:200px; float:left;}
.foot dt{ font-size:20px; margin-bottom:20px;}
.foot .flx{ width:440px;}
.foot .flx dd{ color:#949495;}
.foot .fwx{ width:160px;}
.foot .flx b{ font-size:16px;}
.bq{ text-align:left; padding:8px 0; color:#949495; border-top:1px #4a494d solid;}
.bq a{ color:#949495;}
.fr{ float:right;}
.fdh{ display:none;}

.nyban{ height:300px;position: relative;}
.gyban{ background:url(../images/gyban.jpg) no-repeat center bottom;}
.fwban{ background:url(../images/fwban.jpg) no-repeat center bottom;}
.newban{ background:url(../images/newban.jpg) no-repeat center center;}
.cpban{ background:url(../images/cpban.jpg) no-repeat center bottom;}


.dqwz{ height:60px; background:url(../images/a1.jpg) no-repeat center bottom; line-height:60px; margin-bottom:50px;}

/*鍏充簬鎴戜滑*/
.ma1 ul{ overflow:hidden; margin-bottom:50px;}
.ma1 li{ width:24%; float:left; height:50px; line-height:50px; border:1px #dcdcdc solid; margin:0.5%; box-sizing:border-box; text-align:center;}
.ma1 li a{ font-size:18px; display:block;}
.ma1 li a:hover{ background-color:#d8231b; color:#ffffff;}
.ma2{ overflow:hidden; margin-bottom:40px;}
.maimg{ float:right; margin-left:30px;}
.ma2 h2{ font-size:36px; color:#0d1b29;}
.ma2 h4{ font-weight:normal; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; margin-bottom:50px;}
.ma2 p{ text-indent:28px; font-size:16px; line-height:34px; margin-bottom:20px;}
.ma2 ul{ overflow:hidden;}
.ma2 li{ width:32.33333%; float:left; margin:1% 0.5%;}
.ma3{ background:url(../images/ma3.jpg) no-repeat center top; height:215px; margin-bottom:50px;}
.ma3 li{ width:33%; float:left;  text-align:center; padding-top:80px;  }
.ma3 .nobg{ background-image:none;}
.ma3 li .counter{ display: block; font-size: 70px; font-family:"微软雅黑","microsoft Yahei",Arial;}
.ma3 li span{ position:relative; height:50px;}
.ma3 li span:after{ position:absolute; font-size:16px;font-family:Arial,"微软雅黑","microsoft Yahei"; bottom:0;}
.ma3 li .ma31:after{ content:"年";}
.ma3 li .ma32:after{ content:"平米"; }
.ma3 li .ma33:after{ content:"项"; }
.ma4 ul{ overflow:hidden; margin-bottom:40px; }
.ma4 li{ width:48%; float:left; margin:1%;}
.ma4 li h3{ height:60px; line-height:60px; background-color:#eeeeee; color:#271507; font-size:24px; padding-left:20px;}
.ma5{ background-color:#f4f5f7; padding:50px 0;margin-bottom:50px;}
.marquee2 {overflow: hidden; width: 100%; }
.marquee2 ul {float: left; overflow: hidden; }
.marquee2 ul li { float: left; display:inline; margin: 0px 8px; width: 284px; height: 189px; text-align: center; background-color:#ffffff; position:relative;}
.ma6{ margin-bottom:50px;}
.ma6 ul{ overflow:hidden; margin-bottom:50px;}
.ma6 li{ width:400px; float:left; background-color:#f7f8f9;}
.ma6 li .txt{ padding:82px 30px;}
.ma6 li .txt h2{ font-size:26px; margin-bottom:10px; text-align:center;}
.ma6 li .txt p{ line-height:32px; font-size:16px; text-indent:28px;}


.mlxbg{ background:url(../images/mlxbg.jpg) #fff no-repeat center top; padding-top:110px;}
.mlx1{ background:url(../images/mlxtm.png); padding-top:50px; margin-bottom:50px;}
.mlx1 .txt{ width:80%; margin:0 auto; text-align:center; font-size:16px; margin-bottom:30px;}
.mlx1con{ background-color:#d2180f; padding:30px 0; color:#fff; font-size:16px;}
.mlx1con ul{ overflow:hidden;}
.mlx1con li{ float:left; background:url(../images/mlxi1.png) no-repeat left center; width:32%; margin-left:18%; padding-left:90px; height:90px; box-sizing:border-box;}
.mlx1con .li1{background:url(../images/mlxi2.png) no-repeat left center; width:48%; margin-left:2%; line-height:40px;}
.mlx2 ul{ overflow:hidden; margin-bottom:50px;}
.mlx2 li{ width:25%; float:left; text-align:center;transition:all .8s ease 0s;-moz-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;}
.mlx2 li:hover{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}

.mlx3{ margin-bottom:50px;}
.mlx3 .mat div{ margin-top:10px;}

.mlx4{background:url(../images/ly_bg.jpg) repeat-x center bottom; padding-bottom:10px  }
.mlx4t{background:url(../images/mlx4t.png) no-repeat center top; height:100px; font-size:30px; line-height:100px; color:#fff;text-shadow:2px 2px 6px #333333; font-weight:bold; padding-left:60px;}
.mlx4t h3{ }

.group_form{margin:20px auto 10px; background-size: cover; background-color:#fff; padding-bottom:10px;}
.group_form h3,.Pro_con_l .group_form h3{ margin:15px 0 10px; text-align:left;height: 40px; text-indent:0; padding:0; background:none; font-weight:bold;line-height: 40px;color: #d2180f;  font-size: 24px; }
.group_form h3{ color:#333}
.Pro_con_l .group_form p,#Context .group_form p{clear: both; text-indent:0px; margin:0 auto; }
.group_form ul{width:100%;margin:0 auto 10px; }
.group_form li{margin:8px 0;width: 48.5%;}
.group_form .wbk{margin-top:10px;width:100%}
.group_form li span{width: 100%;display: block;overflow: hidden;text-align: left;font-size: 18px;line-height: 38px;color: #000;}
.group_form li span font{color:#d2180f;}
.group_form li input{font-family:"微软雅黑","microsoft Yahei";height:46px;line-height:46px;width:100%;color: #666;font-size: 15px;background-color: #fff;    border: #bcbcbc 1px solid;
    border-radius:8px;text-indent: 35px;    box-sizing: border-box;}
.group_form li .tex_tel {background: url(../images/lytb2.png) no-repeat 12px center #fff;}
.group_form li .tex_user {background: url(../images/lytb1.png) no-repeat 10px center #fff;}
.group_form li .tex_message {font-family:"微软雅黑","microsoft Yahei";background: url(../images/lytb3.png) no-repeat 10px 17px #fff;padding: 15px 0 0;text-indent: 35px;width:100%; border: #bcbcbc 1px solid;
    border-radius:8px;height: 100px;line-height: 20px;font-size: 15px;color: #666;box-sizing: border-box;}
.group_form .button{ width:100%; overflow:hidden; padding-top:10px;}
.button input{color: #fff;height: 45px;line-height:30px;display: block;width: 220px;cursor: pointer;font-size: 16px; font-weight:bold; border-radius:2px;border: none; background-color:#d2180f;font-family:"微软雅黑","microsoft Yahei";}


.con_m1{ max-width:1080px; overflow:hidden; margin:10px auto;}
.group_zxfw{width: 100%;overflow: hidden;}
.group_zxfw em{width:191px;height: 191px;margin-right: 16px; background: url(../images/lyhxr.png) no-repeat;display: block;float: left; margin-right:30px;}
.group_zxfw h3{padding-top: 20px;font-size: 30px;}
.group_zxfw p{font-size: 16px;text-indent: 0;line-height: 36px; padding-top:50px;}
.group_zxfw p span{margin: 0 5px;}
.group_zxfw p span a{background:#d2180f;color: #fff;padding: 4px 10px;border-radius: 4px;white-space: nowrap;}
.group_zxfw p strong{font-size: 26px;margin: 0 5px;font-weight:normal;color: #d2180f;}
.group_zxfw p strong a{color: #d2180f;white-space: nowrap;}
.group_zxfw p i{font-style:normal;font-weight:700;}

@media only screen and (max-width: 660px){
.group_form li{width: 99.5%;}
.group_zxfw h3{font-size: 22px;padding-top: 0;margin-bottom: 0;}
.group_zxfw p{font-size: 14px;margin: 0;padding-left: 140px;}
.group_zxfw p strong{font-size: 18px;}
.group_zxfw em{width:140px;height: 150px;background-size: 100%;margin-right: 5px;}
}
@media only screen and (max-width: 400px){
.group_zxfw em {width:120px;height: 130px;}
.group_zxfw p{padding-left: 120px;}
.group_zxfw p span{margin: 0;}
.group_zxfw p span a{background: none;color: #eb0001;padding: 0;}
}
.left{ float: left;}
.right{float: right;}

.mfw1{ margin-bottom:50px;}
.mfw1 ul{ overflow:hidden;}
.mfw1 li{ width:398px; float:left; border-right:1px #b2b2b2 dashed;  border-bottom:1px #b2b2b2 dashed;text-align:center;}
.mfw1 li .mfwc{ width:230px; height:230px; border:5px #cccccc solid; border-radius:50%; margin:20px auto;}
.mfw1 li .mfwc div{ width:70px; height:70px; background:url(../images/mfwico.png) no-repeat 0 0; margin:30px auto 10px;-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.mfw1 li .mfwc h3{ font-size:26px;}
.mfw1 li .mfwc p{ width:80%; margin:10px auto 0; line-height:20px;}

.mfw1 .l3,.mfw1 .l6{ border-right:0;}
.mfw1 .l4,.mfw1 .l5,.mfw1 .l6{ border-bottom:0;}

.mfw1 .l2 .mfwc div{ background-position:-80px 0;}
.mfw1 .l3 .mfwc div{ background-position:-160px 0;}
.mfw1 .l4 .mfwc div{ background-position:-240px 0;}
.mfw1 .l5 .mfwc div{ background-position:-320px 0;}
.mfw1 .l6 .mfwc div{ background-position:-400px 0;}
.mfw1 li:hover .mfwc div{-webkit-transform: rotateY(360deg); transform: rotateY(360deg);}
.mfw2{ height:522px;background:url(../images/mfw21.jpg) no-repeat left center; margin-bottom:50px;}
.mfw21{ width:50%; float:left; }
.mfw21c{ padding:150px 110px 0 0; color:#fff; position:relative;}
.mfw21c h2{ font-size:36px; margin-bottom:60px;}
.mfw21c div{ width:40%; height:2px; background-color:#ffffff; position:absolute; top:165px; left:40%;}
.mfw21c p{ text-indent:32px; font-size:16px;}
.mfw22{ width:50%; float:left;}
.img-holder{float: left !important; overflow:hidden; height:522px;}
.img-holder img {max-width: none;}

.mfw3 ul{ overflow:hidden; margin-bottom:50px;}
.mfw3 li{ width:380px; margin:0 10px; display:inline; float:left; background-color:#f7f7f7; margin:0 10px; display:inline; height:500px; }
.mfw3 li .imgZoom{ }
.mfw3 li .txt{ padding:20px 30px;}
.mfw3 li .txt h2{ font-size:26px; text-align:left; position:relative; margin-bottom:25px; font-weight:normal;}
.mfw3 li .txt h2:after{ margin-top:15px; width:30px; height:1px; background-color:#cc1d14; display:block; content: ""; position: absolute; z-index: 11;}
.mfw3 li .txt p{ line-height:24px; font-size:14px; text-indent:28px;}


.nchtit{margin-bottom: 30px;}
.nchtit h2{ font-size:26px; font-weight:normal; background:url(../images/nchtit.jpg) no-repeat left center; padding-left:40px; height:47px; line-height:47px; }
.nchtit h2 span{ border-left:1px #999 solid; font-size:18px; font-weight:normal; height:47px; margin-left: 10px;padding-left: 10px;line-height: 47px;}
.nchtit .gd{ float:right; width:100px; height:30px; line-height:30px; margin-top:10px; border:1px #aeaeae solid; text-align:center;}

.nch1{ overflow:hidden;  margin-bottom:50px;}
.nch1 li{ width:380px; margin:0 10px; display:inline; float:left; background-color:#f5f5f5;  display:inline;-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;  }
.nch1 li .txt{ padding:20px;overflow:hidden; }
.nch1 li .txt h2{ font-size:18px; text-align:left; margin-bottom:10px;}
.nch1 li .txt p{ line-height:24px; font-size:14px;}
.nch1 li .txt .gd{ width:33px; height:33px; float:right;}
.nch1 li .txt .gd a{ display:block; background:url(../images/nchico.png) no-repeat 0 0;width:33px; height:33px; }
.nch1 li .txt .gd a:hover{ background-position:-33px 0; transition:all .3s ease 0s;-moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s;}
.nch1 li:hover{transform:translateY(-10px);-moz-box-shadow:0px 0px 20px #666; -webkit-box-shadow:0px 0px 20px #666; box-shadow:0px 0px 20px #666;}

.nch2{ background-color:#f7f7f7; padding:50px 0; overflow:hidden;}
.nch21{ width:580px; float:left; margin-right:60px; display:inline; background-color:#ffffff;}
.nch2 h3{ font-size:18px;}
.nch21 .txt{ padding:20px;}
.nch21 .txt p{ line-height:22px;}
.nch22{ width:560px; float:left;}
.nch22 li{ background-color:#fff; padding:20px; margin-bottom:13px;transition:all .8s ease 0s;-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s;}
.nch22 li:hover{background-color:#d2180f; color:#ffffff; }
.nch22 li:hover a{color:#ffffff;}
.nch3{ background-color:#fff;}
.nch22 li p{ line-height:22px;}
.nch22 h3{ margin-bottom:12px;}
.newnav{ background-color:#f3f3f3; padding:30px 0; margin-top:-50px; margin-bottom:50px;}
.newnav ul{ width:80%; margin:0 auto; overflow:hidden;}
.newnav li{ width:31.3333%; margin:0 1%; float:left; height:50px; line-height:50px;text-align:center; font-size:18px;}
.newnav li a{ display:block; background-color:#fff; }
.newnav li a:hover,.newnav .cur{ background-color:#d8231b; color:#fff;}

.mcon h1{ font-size:24px; text-align:center; margin-bottom:10px;}
.minfo{text-align:center;line-height:30px;color:#666;padding-right:18px; border-top:1px #dddddd solid;  border-bottom:1px #dddddd solid; margin-bottom:20px;}
.prenext {
	color: #E50012;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	float: left;
	width: 98%;
	line-height: 30px;
	margin-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	margin-bottom: 15px;
}
.prenext .pre {
	float: left;
	width: 100%;
}
.prenext .pre a {
	color: #333;
	text-decoration: none;
}
.prenext .pre a:hover {
	color: #ff0000;
}
.prenext .next {
	text-align: left;
	float: left;
	width: 100%;
}
.prenext .next a {
	color: #333;
	text-decoration: none;
}
.prenext .next a:hover {
	color: #ff0000;
}


.nlist{ padding:30px 0;margin-bottom:30px;}
.nlist:hover{ background-color:#f3f3f3;}
.nlist h2{ font-size:20px;}
.nlist .time{ background:url(../images/time.png) no-repeat left center; text-indent:20px; margin:10px 0;}
.nlist .gd{ width:120px; height:35px; line-height:35px; border:1px #d7d7d7 solid; background-color:#fff; text-align:center; margin-top:20px;}


.mcp{ margin-top:-50px; margin-bottom:50px;}
.mcp .m1c{ padding: 50px 0;}
.mcpzs{ overflow:hidden;margin-bottom:50px;}
.mcpzs ul{ margin:0 -1%;}
.mcpzs li{ width:23%; float:left; margin:0 1% 2%; text-align:center; border-bottom:3px #f3f3f3 solid;}
.mcpzs li p{ height:45px; line-height:45px; font-size:16px; margin:0; padding:0;overflow:hidden; text-overflow:ellipsis;  white-space:nowrap}
.mcpzs li:hover{border-bottom:3px #d2180f solid;}


.line_pro{width:100%; height:auto; margin-bottom:50px; overflow:hidden;}
.line_img {overflow:hidden; width:550px; float:left;}
.line_img img{ width:100%; height:auto;}
.line_left{ width:600px; margin-left:50px;  float:right;}
.line_pro h1,.line_left h1{font-size:32px; font-weight:600;  line-height:1.2em; padding-bottom:5px; margin-bottom:10px;overflow:hidden;}
.line_left h1{ border-bottom:2px #d82315 solid; padding-bottom:20px; margin-bottom:30px;}
.line_left p{margin:12px auto; font-size:16px;}
.line_left p strong,.line_left p span{font-weight:bold; color:#333;}
.line_left ul{ margin-left:-1%; margin-bottom:5%; margin-top:5%; overflow:hidden;}
.line_left ul li{ width:19%; margin-left:1%; float:left;}
.line_left ul li img{ width:100%; height:auto; }
.line_left dl{ width:100%; margin-top:22px; overflow:hidden;}
.line_left dl dt{ width:250px; display:inline-table; height:60px; font-size:24px; line-height:60px; color:#fff; border-radius:4px; background-color:#d82315; text-align:center; overflow:hidden;}
.line_left dl dt a{ color:#fff;}
.line_left dl dd{ width:180px; height:50px; float:left;overflow:hidden; background:url(../images/ico.png) no-repeat 20px -180px; border:1px #dddddd solid; padding:0px 20px 10px 70px; margin-right:40px;}
.line_left dl dd span{ width:100%; font-size:12px; line-height:1em; color:#333; margin-top:15px; display:block;}
.line_left dl dd a{ display:block;  font-size:22px;padding-top:0px;}
.line_left dl dd a strong{ font-size:26px; line-height:1em; font-weight:normal;  letter-spacing:-1px; }

.promenu{margin:60px -0.5% 10px; overflow:hidden;}
.promenu ul{ margin:0 auto;}
.promenu ul li{ float:left; text-align:center; width:24%; margin:0.5%; background-color:#a5a5a5;}
.promenu ul li a{  color:#fff; display:block; font-size:18px;border-right:solid 1px #fff; padding:10px 0; }
.promenu ul li a:hover{color:#fff;}
.promenu ul li:hover,.promenu .cur{ background-color:#d82315;}
.promenu ul li span{ width:50px; height:50px; display:block; margin:0 auto; background:url(../images/ico.png) no-repeat;}
.promenu ul .li1 span{ background-position:-88px 0;}
.promenu ul .li2 span{ background-position:-88px -55px;}
.promenu ul .li3 span{ background-position:-88px -110px;}
.promenu ul .li4 span{ background-position:-88px -165px;}

.pro{ width:100%; margin:0 auto;}
.pro p{ width:100%;margin:15px 0; overflow:hidden;}
.pro p span{color:#E53333; font-weight:bold;}
.pro table{ margin:15px 0;}
.pro tr{ line-height:27px;}
.pro h2,.xgal h2,.xgpro h2{ margin-top:35px;line-height:1.5em;font-size:28px; margin:30px auto 10px; font-weight:600; color:#2a2a2a;}
.pro_ys{ margin-left:-5%;margin-top:15px; overflow:hidden; }
.pro_ys dl{ width:45%; margin-left:5%;  padding-bottom:15px; float:left; overflow:hidden;}
.pro_ys dt{ float:left; width:60px; margin-top:5px;  float:left; margin-right:15px;}
.pro_ys dt img{ width:100%; height:auto;border-radius:100%;}
.pro_ys dd{ overflow:hidden;}
.pro_ys dd p{ width:100%; text-indent:0; margin:5px 0 5px;}
.pro_ys dd p span{ color:#ed1c24; font-weight:bold; font-size:16px;}
.pro_ys dd p strong{ color:#444; font-weight:600; font-size:18px;}
.pro_ys dl div{ background:#f6f6f6; height:35px; font-weight:bold; padding-left:15px; line-height:35px; margin-bottom:10px;}

.xgpro .mcpzs,.xgpro .mcpzs li{ margin-bottom:0;}

.xgal ul{ margin:0 -1% 50px; overflow:hidden;}
.xgal li{ width:23%; float:left; margin:0 1%; background-color:#f3f3f3; border-bottom:2px #f3f3f3 solid;}
.xgal li .txt{ padding:5px 10px 20px;}
.xgal li h3{ font-size:18px; font-weight:normal; margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xgal li p{ margin:0; padding:0; line-height:22px; font-size:12px;}
.xgal li:hover{ border-bottom:2px #cd2c19 solid;}

.mwl{ overflow:hidden;margin-bottom:50px;}
.mwl ul{ margin:0 -1%;}
.mwl li{ width:23%; float:left; margin:0 1% 2%; text-align:center; border-bottom:3px #f3f3f3 solid;}
.mwl li p{ height:45px; line-height:45px; font-size:16px; margin:0; padding:0;}
.mwl li:hover{border-bottom:3px #d2180f solid;}

.mwl .nchtit h2,.xgal .nchtit h2{ background-image:none; padding:0;}
.mwl .nchtit h2 i{ width:33px; height:47px; float:left;background:url(../images/ico.png) no-repeat 0 -240px; margin-right:10px;}

.wlnav{ background-color:#f3f3f3; padding-top:30px; margin-top:-50px; margin-bottom:50px;}
.wlnav ul{ overflow:hidden;}
.wlnav li{ width:260px; margin-right:20px; float:left; height:60px; line-height:60px;text-align:center; font-size:20px;}
.wlnav li a{ display:block; background-color:#fff; }
.wlnav li a:hover,.wlnav .cur{ background-color:#d8231b; color:#fff;}

.xgal .nchtit h2 i{ width:33px; height:47px; float:left;background:url(../images/ico.png) no-repeat -49px -240px; margin-right:10px;}

#cone1{ margin:10px auto 0px; overflow:hidden;  padding:30px 15px; background-color:#fffefa; border:1px #fee7bf dashed; position:relative;}
#cone1 .tb{ position:absolute; top:0; left:0; background:url(../images/dd.png) no-repeat 0 0; height:85px; width:85px; font-size:18px; color:#cf730f; padding-left:10px; padding-top:10px;}
#cone1 p{clear:both;color:#666666; margin:20px 30px 10px; text-indent:30px; }
#cone1 p span{ color:#009610;}
.ctel{ float:left; overflow:hidden}
.an{float:right; width:300px; overflow:hidden; margin-right:30px;}
.an a{ height:40px; font-size:16px;line-height:40px; display:block; float:left; width:130px; text-align:center; background-color:#f3f3f3; margin-left:20px;}
.an a.online{ background-color:#e73c33; color:#fff;}


.botton3{font-size:30px; color:#333;font-weight:bold; display:inline-table;}
.mat1,.mat2,.mat3,.mat4,.mat5{ max-width:1200px; margin:40px auto 0; overflow:hidden;}
.mat1 h1{ font-size:32px; line-height:1.3em; font-weight:600; text-align:center;color:#00132b; display:block;}
.mat2 h2,.mat3 h2,.mat4 h2,.mat5 h2{ width:100%; line-height:48px; font-size:28px;font-weight:normal; margin:0 0 10px;}
.mat2 h2 span,.mat3 h2 span,.mat4 h2 span,.mat5 h2 span{ font-size:20px; margin-left:10px; color:#009610; display:none;}
.mat2 dl,.mat3 dl{ width:100%;}
.mat2 dl dt{ overflow:hidden; }
.mat3 dl dt p span{ color:#fff; width:20px; height:20px; line-height:20px; margin-right:5px; text-align:center; border-radius:50%; display:inline-table; overflow:hidden;}
.mat2 dl dt p,.mat3 dl dt p{ margin-bottom:10px; overflow:hidden;}
.mat2 dl dd{ overflow:hidden; float:right;margin-left:50px;}
.mat2 dl dd img,.mat3 dl dd img,.mat4 dl dd ul li img{ width:100%; height:auto;}
.mat3 dl dd{ float:left;width:550px; margin-right:50px;}
.mat4 dl dd{ width:400px; margin-top:20px;background-color:#f0f0f0; float:right;margin-left:20px;}
.mat4 dl dd ul{ padding:10px 8px 10px 10px; margin-left:-2%; }
.mat4 dl dd ul li{ width:48%; margin-left:2%; margin-bottom:10px; float:left;}
.mat4 dl dd ul li p{ text-align:center; margin:0 auto; background-color:#fff;}
.mat4 dl dd ul li p a{ padding:0px 3px;white-space:nowrap; display:block; text-overflow:ellipsis; overflow:hidden; height:2.5em;line-height:2.5em;}
.mat4 dl{ margin:15px auto 0;}
.mat4 h3{ font-size:16px; font-weight:600; color:#444; overflow:hidden;} 
.mat4 p{ margin:10px auto; overflow:hidden;}
.mat5 ul{margin-bottom:50px; width:100%; margin:0 0 70px -3%; overflow:hidden;}
.mat5 ul li{ width:22%; margin:5px 0 0% 1.5%; background:url(../images/wl_tbbg.png) right 50px no-repeat; text-align:center; float:left;overflow:hidden; }
.mat5 ul li span{ width:90px; height:90px;background-color:#FDCE06; display:block; margin:0 auto 10px; padding:15px;  border-radius:50%; overflow:hidden;}
.mat5 ul li span img{ width:100%; height:auto; display:block;-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.mat5 ul li h4{ font-size:18px; color:#333; line-height:1.5em; text-align:center; font-weight:normal; }
.mat5 ul li:hover span img{ -webkit-transform: rotateY(360deg); transform: rotateY(360deg);}

.mwltit{ text-align:center; background-color:#f3f3f3; height:97px; line-height:97px; margin-top:-50px;}

.page{ line-height: normal; font-size: 14px; }
.page a,.page span{display:block;color:#390;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:3px;float:left;margin-top:5px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:18px} 
.page a:hover, .page a.current{color:#F44;border:1px solid #F44} 
.page input{padding:0px;color:#390;height:16px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px}


@media screen and (max-width: 1200px) {
.wrap{ width:100%;}
.logo{ width:40%;}
.top2r{width:60%;}
.nav ul li{ width:16.666666%;}
.m1c li{ width:31.3333%; margin:0 1%;}
.m2c{display:none;}
.sjcp{ display:block; overflow:hidden;}
.sjcp li{ width:31.33333%; margin:1%; text-align:center; font-size:16px; float:left; background-color:#fff;}

.foot dl,.foot .fwx{ width:15%;}
.foot .flx{ width:40%;}

.nch1 li{ width:31.3333%; margin:0 1%;}
.nch21{ width:48%; margin-right:2%;}
.nch22{ width:48%;}

.mfw1 li{ width:33.3333%; box-sizing:border-box;}
.mfw3 li{ width:31.33333%; margin:0 1%; height:auto;}
.mfw21c div{ display:none;}

.ma2 h2{ font-size:30px;}
.ma6 li{ width:33.33333333%;}
.ma6 li .txt{padding: 30px;}

.line_img { float:left; width:48%;}
.line_left{ width:48%; margin-left:4%;  float:right;}
.line_left dl dt{ width:40%; float:right;}
.line_left dl dd{ width:auto; margin-right:0;}

}

@media screen and (max-width: 980px) {
	.nav{ display:none;}
	.top2{ height:auto;}
	.top2r{ width:100%;}
	.logo{ width:100%; text-align:center;}
.sjdh{ display:block;width: 100%;height: 50px; background-color:#d61e14; line-height:50px;}
.sjdh li{ width:16.666666%; float:left; text-align:center;}
.sjdh li a{ color:#ffffff;}

.video-back,.m3{ display:none;}
.m1c{ padding:4% 0;}
.m1c li{ height:auto; padding-bottom:20px;}
.m1c li .img{ display:none;}
.m1c li .gd{ position:relative; display:none;}
.m1t h2 span{ display:none;}
.m1t h2,.m2t h2,.mat h2{ font-size:26px;}
.m1t{ margin-bottom:2%;}
.nlist .wrap{ width:98%; margin:0 1%;}
.mat2 dl dd{ width:48%; margin-left:2%;}
.mat3 dl dd{ width:48%; margin-right:2%;}
.mat5 ul li h4{ font-size:15px;}
.mat5 ul{ margin-left:0; margin-bottom:15px;}
.mat5 ul li{ width:23%; padding:0 1%; margin:0;}

}
@media screen and (max-width:860px){	
.mat1, .mat2, .mat3, .mat4, .mat5{ margin:25px auto 0;}
.mat5 ul li span{ width:50%; height:auto;}
.mat5 ul li{ background-size:20px 20px;}
.line_img { float:none; width:100%;}
.line_left{ width:100%; margin-left:0;  float:none; margin-bottom:20px;}

}

@media screen and (max-width: 800px) {
.top1{ display:none;}
.sjdh{ height:80px; line-height:40px; overflow:hidden;}
.sjdh li{ width:25%; border:1px #ff3126 solid; box-sizing:border-box; margin-left:-1px; margin-bottom:-1px;}
.m2t{ padding-top: 3%;margin-bottom: 5%;}
.m2{ margin-bottom:5%;}
.marquee1 { height: 188px; margin-bottom:5%;}
.marquee1 ul {height: 188px; }
.marquee1 ul li { float: left; display:inline; margin: 0px 8px 40px; width: 250px; height: 188px; text-align: center; background-color:#ffffff; position:relative;}
.marquee1 ul li a img { width:100%; height:100%;}
.m5 li,.m6 li{ width:48%;}
.m6{ height:auto; background-size:cover;}
.foot .f1{ display:none;}
.foot .flx,.foot .fwx{ width:100%; text-align:center;}
.footc{ padding:3% 0;}
.foot{ background-size:cover;}
.bq .fr{ float:none;}
.bq { text-align:center;}
.nyban{ height:200px;}
.newban,.cpban,.fwban,.gyban{background-size: 240%;}
.nch21{ display:none;}
.nch22{ width:98%; margin:0 1%;}

.xgal li,.mwl li{ width:48%;}
.mlx1con li,.mlx1con .li1{ margin-left:auto; width:100%; background-image:none; text-align:center; padding:0;}

.maimg{ float:none; margin-left:0; margin-bottom:20px;}
.maimg img{ width:100%;}
.ma2 h4{margin-bottom: 20px;}
.marquee2 ul,.marquee2{height:273px;}
.marquee2 ul li{ width:200px; height:273px;}
.bq{ margin-bottom:40px;}
.fdh{ line-height:40px; height:40px; background-color:#db2917; width:100%; display:block; position:fixed; z-index:99999; bottom:0px; color:#FFF; }
.fdh li{ width:25%; float:left; display:block; text-align:center; border-right:1px #ddd solid; box-sizing:border-box;}
.fdh .li{ background-color:#282828;}
.fdh a{ color:#FFF;}
.mlx3{ display:none;}
.ma1,.ma4,.ma5,.ma6{ display:none;}

}
@media screen and (max-width: 640px) {
.m1c li p{ display:none;}
.m2t p,.mat p{ display:none;}
.m5 li{ width:98%;}
.sjcp li{ width:48%;}
.mcp .m1c{ padding:3% 0;}
.mcpzs li{ width:48%;}
.nch1 li{ width:98%;}
.nch1 li img{ width:100%;}
.mfw1 li{ width:50%; border:1px #b2b2b2 dashed;}
.mfw1 .l1, .mfw1 .l2,.mfw1 .l3, .mfw1 .l4,.mfw1 .l5, .mfw1 .l6{  border:1px #b2b2b2 dashed;}
.mfw2{ background-size:cover;}
.mfw22,.mfw21{ width:100%;}
.mfw21c{ padding:5%; text-align:center;}
.mfw21c h2{ margin-bottom:3%;}
.img-holder{float: none !important; overflow:hidden; height:auto;}
.img-holder img {max-width: 100%;}

.nyban{ height:120px;}


.wlnav li{ width:48%; margin:0 1%;}
.mat5 ul li{ background:none;}
.mlx4{ height:auto; background-size:cover;}
.ma6 li{ width:100%; text-align:center;}
.ma6 li img{ width:100%;}

.pro_ys dl{ width:95%;}
.xgal li p{ display:none;}

}

@media screen and (max-width: 580px) {
.m6 ul{ display:none;}
.m6{ background-image:none;}
.m6 .mat{ padding-top:3%;}
.m6txt{ width:98%;}
.m1c li{ padding:0;}
.m1c li h2{ font-size:14px; height:50px; line-height:50px; text-align:center; margin:0;}
.mfw3 li{ width:98%;}
.mfw3 li img{ width:100%;}
.mfw1 li .mfwc{ width:auto; height:180px; border:0;}
.mat2 dl dd,.mat3 dl dd{ width:98%; float:none;}
.mat2 dl dt p, .mat3 dl dt p{ margin:0 1%;}
.group_zxfw p{ padding-top:0;}
.ma3{ display:none;}
.ma4 li{ width:98%}
.logo{ padding:10px 0; height:auto;}

}

@media screen and (max-width: 450px) {
/*.m1c li{ width:98%; margin-bottom:1%;}*/
.nchtit .gd{ display:none;}
.mat5 ul li span{ margin-bottom:0px;}
.mat5 ul li h4{ font-size:14px; margin-top:5px; line-height:1.3em;}	
.mat5 ul li span{ padding:8px;}
.mlx2 li{ width:50%;}
.promenu ul li a{  font-size:14px;}
.pro h2{ font-size:24px;}
.line_left dl dt{ width:100%;}
.line_left dl dd{ margin-bottom:10px;}
}

/*list*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}
