@charset "utf-8";
ul,li {list-style: none;margin: 0px;padding: 0px;box-sizing: border-box;}
a {text-decoration: none;color: #3e3e3e;}
::selection {background: #003e6d;color: #fff;}
input {-webkit-appearance: none;}

html,body {font-family: "microsoft yahei";font-size: 14px!important;color: #3e3e3e;}
/* 去除iphone按钮默认样式代码 */
input[type=button],
input[type=submit],
input[type=file],
button {cursor: pointer;-webkit-appearance: none;}
/* 通用外层 */
.boxes {position: relative;padding: 100px 0px;background: #fff;}
.boxes.f {background: #f9f9f9;}
/* 通用宽度 */
.w1400 {width: 90%;max-width: 1400px;margin: 0px auto;position: relative;}
.w800 {width: 800px;max-width: 1400px;margin: 0px auto;position: relative;}
/* 通用弹出层样式 */
.lightBox {width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, .8);z-index: 1000;transition: all .5s cubic-bezier(.23, 1, .32, 1);opacity: 0;visibility: hidden;position: fixed;}
.lightBox.active {opacity: 1;visibility: visible}
/* 通用视频弹出层样式 */
.videoBox {width: 70%;max-width: 1000px;height: auto;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);background: #fff;padding: 35px 0px;border-radius: 10px;}

/* 通用半透明背景代码 */
.transBg {background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, .0) 100%);}
/* 通用处理单行文字溢出代码 */
.singleLine {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/* 通用处理多行文字溢出代码 */
.multiLine {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;white-space: break-spaces;-webkit-box-orient: vertical;line-height: 1.7;
}
/* 通用字体字号行距样式 */
.singePage {width: 100%;line-height: 2;font-size: 16px;}
.singePage p {margin-bottom: 15px;}
.singePage.c {text-align: center;}
/*荣誉资质*/

.lr {overflow: hidden;background: url(../images/tacn/zzbj.jpg)}
.lr .xmbt .xmbt1 { color: #fff}
.content{ width:80%; margin: 0 auto; position: relative; font-family: "Microsoft YaHei", serif;}
.content .bt{font-size: 40px; color: #0a3d99; text-align: center; font-weight: bold;    margin-top: -50px;margin-bottom: 3%;}
.content .xbt{ font-size: 65px;  color: #eceaea96; text-align: center; font-weight: bold;text-transform: uppercase;}
.lr h3 img { margin-bottom: 10px;}
.case{width: 100%;}
.case .mainCon{width: 100%;border-bottom:0px solid #e9e9e9;}
.case .mainCon .menu{width: 808px;margin: 0 auto;}
.case .mainCon .menu li{float: left;position: relative;width: 160px;height: 45px;line-height: 45px;text-align: center;border: 1px solid #e7e7e7;border-left: none;font-size: 15px;color: #666666;}
.case .mainCon .menu li:first-child{border-left: 1px solid #e7e7e7;}
.case .mainCon .menu li{float: left;position: relative;width: 160px;height: 45px;line-height: 45px;text-align: center;border: 1px solid #e7e7e7;border-left: none;font-size: 15px;color: #666666}
.case .mainCon .menu li a{color: #666666;text-decoration: none;display: block;}
.case .mainCon .menu li i{display: none;width: 11px;height: 5px;position: absolute;bottom: -5px;left: 50%;margin-left: -6px;}
.case .mainCon .menu li img{display: block;}
.case .mainCon .menu li.cur{background: #e40112;border-color: #e40112;}
.case .mainCon .menu li.cur i{display: block;}
.case .mainCon .menu li.cur a{color: #fff;}
.case .mainCon .conBox{width: 100;position: relative;margin-top:2%;}
.case .mainCon .conBox .caseBtn{width: 90%;position: absolute;left: 5%;top: 120px;height: 49px;}
.case .mainCon .conBox .btn{display: block !important;width: 52px;height: 49px;cursor: pointer;position: absolute;top: 0px;z-index: 99;}
.case .mainCon .conBox .btn img{display: block;width: 52px;height: 49px;}
.case .mainCon .conBox .prev{left: 0px;}
.case .mainCon .conBox .next{right: 0px;}
.case .mainCon .conBox .con{height:375px;width: 100%;overflow: hidden;position: relative;}
.case .mainCon .conBox .con .box{width: 1200px;height: 404px;position: relative;}
.case .mainCon .conBox .box ul{position: absolute;left: 0px;top: 0;width: 200%;}
.case .mainCon .conBox .box li{float: left;width: 362px;margin-right: 24px;position: relative;height:320px;background-color: #f5f5f5;}
.case .mainCon .conBox .box .Pics{display: block;width: 362px;height: 280px;overflow: hidden;}
.case .mainCon .conBox .box .Pics img{display: block;width: 362px;height: 260px;transform: scale(1);transition: all 1s ease-out;}
.case .mainCon .conBox .box .intro{position: absolute;width: 362px;height:54px;bottom: 0;left: 0;text-align: center;padding-top:10px;}
.case .mainCon .conBox .box .intro h3{font-size: 18px;color: #333333;font-weight: normal;}
.case .mainCon .conBox .box .intro h3 a{color: #333333;text-decoration: none;}
.case .mainCon .conBox .box .intro p{line-height: 22px;font-size: 13px;color: #9c9c9c;height: 44px;padding: 0 28px;margin-top: 22px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height:44px;}
.case .mainCon .conBox .box .intro a.more{display: none;width: 125px;height: 35px;line-height: 35px;color:#0e871e;font-size: 13px;background: url(../images/tacn/case_ty.png) no-repeat center;margin: 26px auto 0;}
.case .mainCon .conBox .box li:hover .intro{background: #0e871e;}
.case .mainCon .conBox .box li:hover .intro h3 a{color: #fff;}
.case .mainCon .conBox .box li:hover .intro p{color: #fff;}
.case .mainCon .conBox .box li:hover .Pics img{transform: scale(1.0);}


/*产品*/
.xmbt{text-align: center;margin: 2% 0;}
.xmbt .xmbt1{font-weight: 600;text-align: center; line-height: 60px;font-size: 36px;}
.xmbt .xmbt2{color: #bbb;font-size: 17px;line-height: 30px;}
.syxtbox{width: 85%;overflow: hidden;margin: 0 auto;}
    .syxtbox .xm{width: 100%;overflow: hidden;/*background-color: #c3c3c3;*/}
    .syxtbox .xm li{width: calc((100% - 3.5%) / 6);font-size: 16px;height: 60px;line-height: 60px;/*padding: 20px 0;*/box-sizing: border-box; float: left;text-align: center;color: #000;list-style-type: none;border-bottom: 2px solid #0e871e;background: #f1f1f1; margin-right: 0.5%;}
	.syxtbox .xm .xtxz{color: #fff;background: #0e871e;}
    .xtxz{background-color: #f58818;}
    .syxtzs{width: 100%;display: none;}
    .xtxs{display: block;}
	.xmtitle{text-align: center;margin: 2% 0 1% 0%;}
	.xmtitle p:nth-child(1){ font-size: 18px; margin-bottom: 10px;}
	.xmtitle p:nth-child(2){font-size: 30px;font-weight: normal;color: #333;}
	.syxtzs .xm1{background: #fff;overflow: hidden;width: 100%;height: auto;margin-top: 20px;}
	.syxtzs .xm1 li{width: calc((100% - 70px) / 4);float: left;margin-right: 20px;margin-bottom: 20px; border: #d2d2d2 1px solid;}
	.syxtzs .xm1 li:nth-child(4n){margin-right: 0;}
	.syxtbox .xm li:last-child{margin-right: 0;}
	.syxtzs .xm1 li a{display: block;width: 100%;overflow: hidden;}
	.syxtzs .xm1 li a .syxmtp{position: relative;border-bottom: 1px #d2d2d2 solid;}
	.syxtzs .xm1 li a .syxmtp::before{content: "";position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);opacity: 0;transition: all 0.6s;}
	.syxtzs .xm1 li a .syxmtp::after{content: "+";position: absolute;width: 120px;height: 120px;font-size: 120px;text-align: center;line-height: 120px;color: #fff;top: 52%;left: 50%;transform: translate(-50%,-50%);opacity: 0;transition: all 0.6s;}
	.syxtzs .xm1 li a:hover .syxmtp::before{opacity: 1;}.syxtzs .xm1 li a:hover .syxmtp::after{opacity: 1;}
	.syxtzs .xm1 li a .syxmtp img{width: 100%;display: block;}
	.syxtzs .xm1 li a p{font-size: 16px;line-height: 55px;color: #212121;margin: 0 4%;}
	.syxtzs .xm1 li a span{float: right;}

/*---- 新闻---*/
.newslistx { height:auto; overflow:hidden; padding:4% 0px 0px 0px; background:#fff;}
.newslistx .title{height:56px; line-height:56px; text-align:center; font-size:30px; color:#1d993c; font-weight:bold; background: url("../images/tacn/news.png") no-repeat center top;}
.newslistx .line{ height:31px; text-align:center; line-height:31px; background: url("../images/tacn/line.png") no-repeat center center;}
.newslistx .titlex{height:30px; line-height:30px; text-align:center; font-size:18px;  margin-bottom:40px;}
.container {width:95%;margin: 0 auto;}
.yunu-news .hd {font-size: 0;text-align: center;margin-bottom: 20px;}
.yunu-news .hd li {display: inline-block;vertical-align: middle;margin: 0 10px;}
.yunu-news .hd li a {display: block;line-height: 40px;width: 160px;font-size: 14px;border: 1px solid #ebebeb;}
.yunu-news .hd li.on a {background-color: #1d993c;border-color: #1d993c;color: #fff;font-size: 16px;}
.yunu-news .bd ul {margin-left: -40px;}
.yunu-news .bd li {float: left;width: 50%;}
.yunu-news .bd li a {display: block;margin-left: 40px;border: 1px solid #eee;background-color: #fff;margin-top: 20px;overflow: hidden;}
.yunu-news .bd li .img-center {overflow: hidden;height: 302px;line-height: 290px;}
.yunu-news .bd li .img-center img {-webkit-transition: all 0.5s;transition: all 0.5s;}
.yunu-news .bd li a:hover .img-center img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.yunu-news .bd li .date {float: left;width: 110px;color: #666;padding: 26px 0;text-align: center;border-right: 1px solid #eee;line-height: 1;}
.yunu-news .bd li .date strong {display: block;font-size: 50px;color: #333;font-family: Impact;margin-bottom: 6px;}
.yunu-news .bd li .info {margin-left: 110px;padding: 20px;}
.yunu-news .bd li .info h4 {margin: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 22px;}
.yunu-news .bd li .info p {color: #888;margin: 10px 0 0;overflow: hidden;line-height: 1.8;height: 50px;font-size: 16px;}
.yunu-news .bd li a:hover {border-color:#1d993c;box-shadow: 0 0 10px rgba(0,0,0,0.2);}


/*风采展示*/
.floor_3_main{background: #f9f9f9;margin-top: 20px;padding-bottom: 30px;}
.floor_3_main .floor_3_1{ height:78px;}
.floor_3_main .floor_3_1 .floor_3_z{ float:left;}
.floor_3_main .floor_3_1 .floor_3_z h3{ font-size:26px; color:#333333; font-weight:bold;}
.floor_3_main .floor_3_1 .floor_3_z h3 span{ font-size:26px; color:#f49600; font-weight:bold;}
.floor_3_main .floor_3_1 .floor_3_z p{ font-size:16px; color:#666666; line-height:16px; padding-top:4px;}
.floor_3_main .floor_3_1 .floor_3_y{ float:right;}
.floor_3_main .floor_3_1 .floor_3_y ul{ display:inline-block;}
.floor_3_main .floor_3_1 .floor_3_y ul li{ display:inline-block; float:left; margin-top:8px;}
.floor_3_main .floor_3_1 .floor_3_y ul li a{ display:inline-block; width:98px; height:32px; font-size:14px; color:#333333; line-height:32px; border:#cccccc solid 1px; text-align:center; margin-left:10px;}
.floor_3_main .floor_3_1 .floor_3_y ul li a:hover{ background-color:#f49600; border:#f49600 solid 1px; color:#fff;}
.floor_3_main .floor_3_1 .floor_3_y ul li a.screen-item-cur{ background-color:#004098; border:#004098 solid 1px; color:#fff;}
.floor_3_main .floor_3_2{ display:inline-block;text-align: center;}
.floor_3_main .floor_3_2 ul{ display:inline-block;}
.floor_3_main .floor_3_2 ul li{ display:inline-block; float:left; width:24%; position:relative; margin:0 0.5%; margin-top:11px; text-align:center; overflow:hidden;}
.floor_3_main .floor_3_2 ul li a.img1 img{width:100%; display:block; background-size:100%;}
.floor_3_main .floor_3_2 ul li a.img1 em{background:rgba(0,0,0,0.7); width:100%; height:50px; font-size:14px; color:#fff; line-height:50px; position:absolute; left:0; bottom:0;}
.floor_3_main .floor_3_2 ul li span.on{ background:rgba(14,135,30,0.69);width:100%;height: 100%;position:absolute; left:0; top: -15px;transition: all ease-in-out .2s;opacity: 0;filter: alpha(opacity=0);}
.floor_3_main .floor_3_2 ul li span.on h1{ font-size:18px; color:#fff; font-weight:bold; line-height:18px; padding-top:90px;}
.floor_3_main .floor_3_2 ul li span.on p{ font-size:14px; color:#fff; line-height:14px; padding-top:8px;}
.floor_3_main .floor_3_2 ul li span.on i{ display:inline-block; width:24px; height:1px; background-color:#fff; margin-top:15px;}
.floor_3_main .floor_3_2 ul li span.on a.img2{ display:inline-block; width:124px; height:34px; background-color:#fff; margin-top:19px; border-radius:17px; font-size:14px; color:#333333; line-height:34px;}
.floor_3_main .floor_3_2 ul li span.on a.img3{ display:inline-block; width:122px; height:32px; border:#fff solid 1px; margin-top:19px; border-radius:17px; font-size:14px; color:#fff; line-height:32px; margin-left:10px;}
.floor_3_main .floor_3_2 ul li span.on a.img3:hover{background-color:#fd9610; color:#fff;border:#fd9610 solid 1px;}
.floor_3_main .floor_3_2 ul li:hover span.on { opacity: 1; filter: alpha(opacity=90); top: 0;}
.floor_3_main .floor_3_2 ul li span.on a.img2:hover{ background-color:#fd9610; color:#fff;}
.floor_3_main .floor_3_2 ul li:hover a.img1 em{transition: all ease-in-out .2s;opacity: 0;filter: alpha(opacity=0);}
/*.floor_3_main .floor_3_2 ul li:nth-child(2),.floor_3_main .floor_3_2 ul li:nth-child(5){ margin:0 12px; margin-top:11px;}
.floor_3_main .floor_3_2 ul li:first-child+li,.floor_3_main .floor_3_2 ul li:first-child+li+li+li+li{ margin:0 12px; margin-top:11px;}   */
    
.view-more{width:164px; height:44px; line-height:44px; margin:31px auto 0 auto; background:#0e871e; border-radius:22px; font-size:14px; overflow:hidden;}
.view-more a{display:block;padding-left:42px;background: url("../images/tacn/add.png") no-repeat right 4px center;color:#fff;no}





/*产品结束*/
@media screen and (max-width: 425px) {
/*资质*/	
	.hon_list{
    width: 6.5rem;
    margin: 0.63rem auto 0;
}

	
.hon_img{
    display: block;
    width:1.5rem;
    height:1.1rem;
    overflow: hidden;
    border: 0.03rem solid #fff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
	 .honor {
    background: url(../images/tacn/zzbj.jpg) no-repeat;
    /* -webkit-background-size: 100% auto; */
    /* background-size: 100% auto; */
    height: 4.2rem;
    border-top: solid 1px transparent;
}
	
	.hn_hd {
   
    background-size: 100%;
}
.hn_hd h3 {
    font-size: 0.16rem;
    font-weight: bold;
    color: rgba(255,255,255,1);
    line-height: 0.2rem;
    text-align: center;
    margin-top: 0.35rem;
    background-size: 100%;
}
/*产品*/	
	.xmbt .xmbt1{font-weight: 600;text-align: center; line-height: 60px;font-size:24px;}
.xmbt .xmbt2{color: #bbb;font-size: 14px;line-height: 22px;}
.syxtbox {	width: 100%;}	
.syxtbox .xm li { width: calc((100% - 1.5%) / 3);font-size: 16px;height: 50px;line-height: 50px;box-sizing: border-box;float: left;text-align: center; color: #000;list-style-type: none; border-bottom: 2px solid #0e871e;background: #f1f1f1;margin-right: 0.4%;}		
.syxtzs .xm1 li { width: calc((100% - 40px) / 2);float: left;margin-bottom: 20px; border: #d2d2d2 1px solid; margin: 10px 10px;}	
	
	
/*新闻*/
.newslistx .title {font-size: 24px; background-size: 60%;}
.newslistx .titlex {font-size: 16px;}
.yunu-news .hd li a { width: 150px;}
.yunu-news .bd li { width: 100%;}
	

/*风采*/
.floor_3_main .floor_3_2 ul li {
    display: inline-block;
    float: left;
    width: 49%;
    position: relative;
    margin: 0 0.5%;
    /* margin-top: 11px; */
    text-align: center;
    overflow: hidden;
}
	}
@media screen and (max-width: 640px) {

/*荣誉资质*/

.lr {overflow: hidden;background: url(../images/tacn/zzbj.jpg)}
.lr .xmbt .xmbt1 { color: #fff}
.content{ width:100%; margin: 0 auto; position: relative; font-family: "Microsoft YaHei", serif;}
.content .bt{font-size: 40px; color: #0a3d99; text-align: center; font-weight: bold;    margin-top: -50px;margin-bottom: 3%;}
.content .xbt{ font-size: 65px;  color: #eceaea96; text-align: center; font-weight: bold;text-transform: uppercase;}
.lr h3 img { margin-bottom: 10px;}
.case{width: 100%;}
.case .mainCon{width: 100%;border-bottom:0px solid #e9e9e9;}
.case .mainCon .menu{width: 808px;margin: 0 auto;}
.case .mainCon .menu li{float: left;position: relative;width: 160px;height: 45px;line-height: 45px;text-align: center;border: 1px solid #e7e7e7;border-left: none;font-size: 15px;color: #666666;}
.case .mainCon .menu li:first-child{border-left: 1px solid #e7e7e7;}
.case .mainCon .menu li{float: left;position: relative;width: 160px;height: 45px;line-height: 45px;text-align: center;border: 1px solid #e7e7e7;border-left: none;font-size: 15px;color: #666666}
.case .mainCon .menu li a{color: #666666;text-decoration: none;display: block;}
.case .mainCon .menu li i{display: none;width: 11px;height: 5px;position: absolute;bottom: -5px;left: 50%;margin-left: -6px;}
.case .mainCon .menu li img{display: block;}
.case .mainCon .menu li.cur{background: #e40112;border-color: #e40112;}
.case .mainCon .menu li.cur i{display: block;}
.case .mainCon .menu li.cur a{color: #fff;}
.case .mainCon .conBox{width: 100;position: relative;margin-top:2%;}
.case .mainCon .conBox .caseBtn{width: 90%;position: absolute;left: 5%;top:43px;height: 49px;}
.case .mainCon .conBox .btn{display: block !important;width: 52px;height: 49px;cursor: pointer;position: absolute;top: 0px;z-index: 99;}
.case .mainCon .conBox .btn img{display: block;width: 52px;height: 49px;}
.case .mainCon .conBox .prev{left: 0px;}
.case .mainCon .conBox .next{right: 0px;}
.case .mainCon .conBox .con{height:190px;width: 100%;overflow: hidden;position: relative;}
.case .mainCon .conBox .con .box{width: 1200px;height: 404px;position: relative;}
.case .mainCon .conBox .box ul{position: absolute;left: 0px;top: 0;width: 200%;}
.case .mainCon .conBox .box li{float: left;width: 200px;margin-right: 24px;position: relative;height:180px;background-color: #f5f5f5;}
.case .mainCon .conBox .box .Pics{display: block;width: 200px;height: 140px;overflow: hidden;}
.case .mainCon .conBox .box .Pics img{display: block;width: 200px;height: 150px;transform: scale(1);transition: all 1s ease-out;}
.case .mainCon .conBox .box .intro{position: absolute;width: 200px;height:54px;bottom: 0;left: 0;text-align: center;padding-top:20px;}
.case .mainCon .conBox .box .intro h3{font-size: 18px;color: #333333;font-weight: normal;}
.case .mainCon .conBox .box .intro h3 a{color: #333333;text-decoration: none;}
.case .mainCon .conBox .box .intro p{line-height: 22px;font-size: 13px;color: #9c9c9c;height: 44px;padding: 0 28px;margin-top: 22px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height:44px;}
.case .mainCon .conBox .box .intro a.more{display: none;width: 125px;height: 35px;line-height: 35px;color:#0e871e;font-size: 13px;background: url(../images/tacn/case_ty.png) no-repeat center;margin: 26px auto 0;}
.case .mainCon .conBox .box li:hover .intro{background: #0e871e;}
.case .mainCon .conBox .box li:hover .intro h3 a{color: #fff;}
.case .mainCon .conBox .box li:hover .intro p{color: #fff;}
.case .mainCon .conBox .box li:hover .Pics img{transform: scale(1.0);}

}
@media screen and (max-width: 375px) {
.case .mainCon .conBox .box li{float: left;width: 180px;margin-right: 24px;position: relative;height:180px;background-color: #f5f5f5;}
.case .mainCon .conBox .box .Pics{display: block;width: 180px;height: 130px;overflow: hidden;}
.case .mainCon .conBox .box .Pics img{display: block;width: 180px;height: 140px;transform: scale(1);transition: all 1s ease-out;}
.case .mainCon .conBox .box .intro{position: absolute;width: 180px;height:54px;bottom: 0;left: 0;text-align: center;padding-top:20px;}	
	
.hon_img{
    display: block;
    width:1.28rem;
    height:1rem;
   
}
}