/*banner*/

.banner{position: relative; height:auto;clear: both;}

.banner img {display: block;width: 100%;margin:0 auto;}

.slick-dots {position: absolute;left:5%; font-size:0;bottom:8%;width:90%;text-align: center;outline: none;z-index: 4;}

.slick-dots li {display: inline-block;margin: 0 15px; outline: none;}

.slick-dots li button {display: block;border: 0 none;width: 20px;height: 20px;margin-right:13px; display: inline-block;outline: none;background:url(../image/ban_ico1.png) no-repeat center;}

.slick-dots .slick-active button {background:url(../image/ban_ico2.png) no-repeat center;}

.banner .slick-arrow{width:26px;height:46px;cursor: pointer;z-index: 22;top:44.5%;outline: none;position:absolute;border:0;overflow: hidden;text-align: center;transition:.8s;line-height: 140px;opacity: 0;text-indent: 100px;}





.til01{text-align: center;color: #1e1e1e;font-size:44px;line-height:68px;font-family: "Microsoft Yahei";clear: both;display: block;white-space: nowrap;padding: 0 0 30px;}

.til01 p{display: block;font-size:20px;line-height:33px;font-weight: normal;letter-spacing: 6px;color: #666;}

.til01 em{display: block;font-size:36px;line-height:52px;font-weight: normal;font-family: Times New Roman;text-transform: uppercase;}

.til01 a{color: #1e1e1e;}



.list1{background: url(../image/al_bj.jpg) no-repeat center top;height: 1060px;padding-top:85px;}

.al_t{height: 342px;border-bottom:1px dashed #d2d2d2;}

.al_t .tit{float:left;width:250px;}

.al_t .tit h4 {padding-top:17px;height: 51px;line-height: 51px;font-size:40px;color: #333333;font-weight: bold;background: url(/template/default/index/skin/images/al_ico4.jpg) no-repeat left top;}

.al_t .tit h4 a {color:#333;}

.al_t .tit h4 em { color: #3fb150 }

.al_t .tit i {display: block;height:29px;line-height:29px;font-size:24px;color: #333;font-weight: bold;text-transform: uppercase;}

.al_t .tit p {background: url(../image/al_ico5.jpg) no-repeat;padding:27px 0 0 8px;width:208px;height: 67px;margin-top:26px;font-size:20px;color: #000000;line-height: 22px;}

.al_t .tit span {display:block;margin-top:15px;font-size:12px;color: #aaaaaa;line-height: 22px;text-transform: uppercase;}

.al_img1{float:left;font-size:0;line-height: 0;width:280px;margin-top:11px;}

.al_img1 img {width:280px;height: 264px;}

.al_f{float:right;width:628px;}

.al_a {float:left;background: url(../image/al_a1.jpg) no-repeat right;}

.al_a i{font-size:0;line-height: 0;display: block;}

.al_a h4 {height: 39px;font-size:18px;color: #222222;line-height: 39px;}

.al_a h4 a{color: #222222;}

.al_a li{float:left;height: 36px;line-height: 36px;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}

.al_a li a{font-size:14px;color: #666666;}

.al_a li a:hover{color: #000000}

.al_a:nth-child(1){width:200px;margin-right:16px;}

.al_a:nth-child(1) i{background:url(../image/al_ico1.jpg) no-repeat; width:34px;height:22px;display:block;}

.al_a:nth-child(2) i{background:url(../image/al_ico2.jpg) no-repeat; width:19px;height:22px;display:block;}

.al_a:nth-child(3) i{background:url(../image/al_ico3.jpg) no-repeat; width:19px;height:22px;display:block;}

.al_a:nth-child(1) li{width:180px;background: url(../image/al_a2.jpg) no-repeat left;padding-left:11px;}

.al_a:nth-child(1) li:hover{background: url(../image/al_a2_hv.jpg) no-repeat left;}

.al_a:nth-child(2){width:200px;;margin-right:16px;}

.al_a:nth-child(2) li{width:180px;}

.al_a:nth-child(3){width:195px;background: none}

.al_a:nth-child(3) li{float:none;}

.al_b{height: 482px;padding-top:61px;position: relative;}

.al_n{height: 490px;}

.al_c li{float:left;font-size:0;line-height: 0;width:380px;margin-right:30px;position: relative;overflow: hidden;    margin-bottom: 20px;}

.al_c li img {width:380px;height:229px;transition: all 1s}

.al_c li:hover img{transform: scale(1.1);}

.al_c li:hover {box-shadow: 0 10px 30px #bbbbbb}

.al_c li p {position: absolute;height: 51px;padding:0 16px 0 22px;left:0;bottom:0;background: rgba(43,38,34,0.8);line-height: 51px;width:100%;box-sizing: border-box;}

.al_c li span a{font-size:14px;color: #fff;}

.al_c li i a{padding-right:27px;font-size:14px;color: #fff;background: url(/template/default/index/skin/images/ico1.png) no-repeat right;display: block;float:right;}

.al_c li:hover p {display: block;}

.al_c li:last-child{margin:0;}
.al_c li:nth-child(3){margin:0;}

.al_hd{width:70px;position:absolute;top:575px;left:47.5%;z-index: 2}

.al_hd li{float:left;width:10px;height: 10px;background: #1e1e1e;border-radius: 50%;margin-left:10px;}

.al_hd li.on{background: #3fb150}

.al_j{position: absolute;left:551px;top:568px;}

.al_j img {margin-right:81px;}

.tm_c{background: #f7f7f7;padding-top: 60px;}

.tm_c .tit{text-align: center;height: 161px;}

.tm_c .tit h4 {background: url(/template/default/index/skin/images/tm_ico1.jpg) no-repeat center top;height: 82px;line-height: 82px;font-size:40px;color: #333333;font-weight: bold;}

.tm_c .tit p {font-size:18px;color: #333333;padding-top:8px;letter-spacing:7px;}

/*.tm_nr {width:1200px;margin:0 auto;position: relative;}

.tm_nr li{float:left;font-size:0;line-height: 0;width:384px;height: 384px;position: absolute;top:0;}

.tm_nr li em img{width:384px;height: 384px;}

.tm_nr li p {width:136px;height: 136px;background: #fff100;text-align: center;position: absolute;top:137px;left:124px;font-size:16px;color: #2b2622;line-height: 24px;}

.tm_nr li i {padding-top:28px;font-size:0;line-height: 0;display: block;margin-bottom:16px;}

.tm_nr li span {position: absolute;bottom:0;left:0;display: block;width:100%;text-align: center;height: 50px;padding-top:14px;background:rgba(17,17,17,0.6);font-size:14px;color: #fff100;line-height: 20px;display: none}

.tm_nr li:hover{height: 415px;width:450px;z-index:9;margin:-31px 0 0 -33px;box-shadow: 0 0 20px #80796e;}

.tm_nr li:hover em img{width:450px;height: 415px;}

.tm_nr li:hover span {display: block;}

.tm_nr li:hover p{display:none}

.tm_nr li:nth-child(1){left:-360px;}

.tm_nr li:nth-child(2){left:24px;}

.tm_nr li:nth-child(3){left:408px;}

.tm_nr li:nth-child(4){left:792px;}

.tm_nr li:last-child{right:-360px;}*/

/*自適應代碼*/

.tm_nr li {width:20%;float:left;position: relative;font-size:0;line-height: 0}

.tm_nr li em img {width:100%;}

.tm_nr li p {width:35.41%;height:10.8rem;background: #3fb150cc;text-align: center;position: absolute;top:9.85rem;left:32.29%;font-size:1.6rem;color: #fff;line-height:1.2rem;}

.tm_nr li i {padding-top:28px;font-size:0;line-height: 0;display: block;margin-bottom:16px;}

.tm_nr li span {position: absolute;bottom:0;left:0;display: block;width:100%;text-align: center;height: 50px;padding-top:14px;background:rgba(17,17,17,0.6);font-size:14px;color: #fff100;line-height: 20px;display: none}

.tm_nr li:hover{z-index:9;margin:-1.65rem 0 0 -2%;box-shadow: 0 0 1rem #80796e;width:22%;}

.tm_nr li:hover em img{width:width:22%;}

.tm_nr li:hover span {display: block;}

.tm_nr li:hover p{display:none}

/*搜索*/

.seabox{width:28px;height:28px;z-index:10;position: absolute;top:32px;right:3%;}

.sea_ico{width:28px;height:28px;background:url(../image/sea_ico.png) no-repeat right 0;position: absolute;top:0;right:0;z-index: 99;}

/* .sea_ico:before{content: "";position: absolute;width:1px;height:12px;background:#cdcdcd;left:0;top:2px;} */

.sea_inp{width:380px;overflow: hidden;height:40px;right:0;top:-100px;z-index:-1;}

.sea_inp .serach{width:281px;height:40px;border: 0; background:#fff;line-height:40px;color:#b8b8b8;padding:0 13px;float:left;outline: none;display: block;font-size:14px;position: relative;border: solid 1px #c9c9c9;}

.sea_inp .sub{ width:66px; height:42px;background:#3fb150;display: block;float: left;border: 0;color: #fff;}



/*引子*/

.webox{font-size:16px;color: #666;line-height:26px;position: relative;z-index:2;padding:57px 0 0;background:url(../image/webg.gif) no-repeat center bottom #f5f5f5;height: 530px;}

.webox_c{height:333px;}

.webox_w{width:544px;position: relative;}

.webox_w h2{font-size:50px;color: #333;line-height:64px;padding: 20px 0 10px;}

.webox_w span{display: block;color: #666;letter-spacing: 0px;font-size:14px;}



.webox_p p,.webox_p p img{width:598px;height: 280px;display: block;overflow: hidden;}



.webox_l{height: 112px;border-bottom: 0px solid #dcdcdc;    padding: 0 68px;}

.webox_l li{float: left;position: relative;margin: 0 180px 0 0;height:90px;}

.webox_l li:last-child{margin-right: 0;}

.webox_l li span{display: block;height:54px;}

.webox_l li span b{line-height:54px;font-family:Times New Roman;font-size: 60px;color: #000;}

.webox_l li span em{display: inline-block;line-height: 25px;border-radius: 13px;color: #fff;background: #787878;font-size: 18px;padding: 0 8px;}

.webox_l li:hover,.webox_l li.cur{border-bottom: 3px solid #3fb150;}







.types_icon img{

	max-width: 100%;

	border-radius:50%;

	border: 5px solid #D2D2D2;

	box-sizing: border-box;

	-webkit-transition: all ease .4s;

	transition: all ease .4s;

}



.jiajutypes:hover  .types_icon img{

	border-color: #3fb150;

	transform: scale(0.9);

}

.jiaju_types{

	margin-top: 0px;

	margin-bottom: 20px;

}

.jiaju_main_l_one{

	background: #f7f7f7;

	height: 126px;

	text-align: center;

	width: 100%;

	margin-bottom:3px;

}

.lc_bj{padding-top:50px;height: 218px;background: #f6f6f6;}

.liuc ul{float:left;width:970px;}

.liuc li{ float:left;width:128px;border-right:1px solid #949494;height: 130px;background: url(../image/lc_ico1.jpg) no-repeat left 104px;margin-right:12px;box-sizing: border-box;}

.liuc li span {float:left;width:42px;font-size:16px;color: #1b140e;font-weight: bold;margin-right:8px;line-height: 24px}

.liuc li em {float:left;font-size:12px;color: #b7b7b7;line-height: 24px}

.liuc li:last-child{border:0;margin:0;}

.lc_fr {float: right;width:214px;}

.lc_fr p {height: 62px;font-size:16px;color: #666666;font-weight: bold;}

.lc_fr p span {font-size:28px;color: #1b140e;font-weight: bold;display: block;}

.lc_fr a {background: url(../image/lc_btn1.jpg) no-repeat;width:212px;height: 47px;line-height: 47px;text-align: center;font-size:16px;color: #1b140e;font-weight:bold;display: block;padding-right:40px;box-sizing: border-box;}

.jiaju_main_l_one>div>img{

	border-radius:50%;

	background: #fff;

	height:80px;

	width: 80px;

	margin-bottom: 10px;

	margin-top: 10px;

	box-sizing: border-box;

}

.jiaju_main_l_one.active{

	background: #3fb150;

}

.jiaju_main_l_one.active>p{

	color: #fff;

}

.jiaju_main_l_one>p{

	color: #333;

	font-size: 16px;

}

.jiaju_main_l_one.active>div>img{

	border: 5px solid #3fb150;

}

.jiaju_main_r_one_bigimg{

	position: relative;

}

.jiaju_main_r_one_bigimg img{

	height: 375px;

	width: 100%;

}

.jiaju_main_r_one_bigimg .title,.jiaju_main_r_r_img1 .title,.jiaju_main_r_r_img2 .title{

	

	position: absolute;

	bottom: 0;

	left: 0;

	right:0;

	width:100%;

	    height: 56px;

    font-size: 16px;

	line-height: 26px;

	background: #00000070;

	text-align: center;

	overflow: hidden;

}

.jiaju_main_r_one_bigimg .title span,.jiaju_main_r_r_img1 .title span,.jiaju_main_r_r_img2 .title span{

	font-size: 14px;

    height: 30px;

    line-height: 24px;

}

.jiaju_main_r_one_bigimg:hover .title,.jiaju_main_r_r_img1:hover .title,.jiaju_main_r_r_img2:hover .title{

	display: block;

}

.jiaju_main_r_one_bigimg .title a,.jiaju_main_r_r_img1 .title a,.jiaju_main_r_r_img2 .title a{

	color: #fff;

}

.jiaju_main_r_r_imgs{

	height: 375px;

	width: 100%;

}

.jiaju_main_r_r_img1{

	top: 0;

	height: 180px;

}

.wdz_main_r_r_img1{

	top: 0;

	height: 180px;

}

.jiaju_main_r_r_img1 img{

	width: 100%;

	height: 100%;

}

.jiaju_main_r_r_img2 img{

	width: 100%;

	height: 100%;

}

.jiaju_main_r_r_img2{

	bottom: 0;

	height: 170px;

}

.wdz_main_r_r_img2{

	bottom: 0;

	height: 170px;

}

.tutop{

	margin-bottom: 20px;

}

.f18 {

    font-size: 18px;

	color:#333;

}

.home_part2 {

    margin-bottom:80px;

	margin-top: 60px;



}

/*

.col-md-2 {

    width: 16.66666667%;

}

.col-sm-2 {

    width: 16.66666667%;

}

.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {

    float: left;

}

.col-md-3 {

    width: 25%;

}

.col-sm-3 {

    width: 25%;

}

.col-md-8 {

    width: 66.66666667%;

}

.col-sm-8 {

    width: 66.66666667%;

}

.col-md-4 {

    width: 33.33333333%;

}

.col-sm-4 {

    width: 33.33333333%;

}

.col-md-9 {

    width: 75%;

}

.jiaju_main_r {

    padding-left: 0;

}

.tutop {

    margin-bottom: 20px;

}

.tutop .col-md-8 {

    padding-right: 0;

}

.wdz_main_r_r_img2 {

    bottom: 0;

    height: 170px;

}



.col-sm-9 {

    width: 75%;

}

.home_part2 {

    margin-bottom: 76px;

	margin-top: 35px;

	height:900px;

}

.text-center {

    text-align: center;

}

.jiajutypes:hover  .types_icon img{

	border-color: #3fb150;

	transform: scale(0.9);

}

.jiaju_types{

	margin-top: 75px;

	margin-bottom: 20px;

}

.jiaju_main_l_one{

	background: #F7F2EC;

	height: 126px;

	text-align: center;

	width: 100%;

	margin-bottom:3px;

}

.jiaju_main_l_one>div>img{

	border-radius:50%;

	background: #fff;

	height:80px;

	width: 80px;

	margin-bottom: 10px;

	margin-top: 10px;

	box-sizing: border-box;

}

.jiaju_main_l_one.active{

	background: #B98E4A;

}

.jiaju_main_l_one.active>p{

	color: #fff;

}

.jiaju_main_l_one>p{

	color: #b98e4a;

	font-size: 16px;

}

.jiaju_main_l_one.active>div>img{

	border: 5px solid #3fb150;

}

.jiaju_main_r_one_bigimg{

	position: relative;

}

.jiaju_main_r_one_bigimg img{

	height: 375px;

	width: 100%;

}

.jiaju_main_r_one_bigimg .title,.jiaju_main_r_r_img1 .title,.jiaju_main_r_r_img2 .title{

	display: none;

	position: absolute;

	bottom: 0;

	left: 0;

	right:0;

	width:100%;

	height: 30px;

	line-height: 30px;

	background: #000;

	text-align: center;

	overflow: hidden;

}

.jiaju_main_r_one_bigimg:hover .title,.jiaju_main_r_r_img1:hover .title,.jiaju_main_r_r_img2:hover .title{

	display: block;

}

.jiaju_main_r_one_bigimg .title a,.jiaju_main_r_r_img1 .title a,.jiaju_main_r_r_img2 .title a{

	color: #fff;

}

.jiaju_main_r_r_imgs{

	height: 375px;

	width: 100%;

}

.jiaju_main_r_r_img1{

	top: 0;

	height: 180px;

}

.wdz_main_r_r_img1{

	top: 0;

	height: 180px;

}

.jiaju_main_r_r_img1 img{

	width: 100%;

	height: 100%;

}

.jiaju_main_r_r_img2 img{

	width: 100%;

	height: 100%;

}

.jiaju_main_r_r_img2{

	bottom: 0;

	height: 170px;

}

.row {

    margin-right: -15px;

    margin-left: -15px;

}

.types_icon img{

	max-width: 100%;

	border-radius:50%;

	border: 5px solid #D2D2D2;

	box-sizing: border-box;

	-webkit-transition: all ease .4s;

	transition: all ease .4s;

}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {

    position: relative;

    min-height: 1px;

    padding-right: 15px;

    padding-left: 15px;

}*/

/*现有產品中心*/

.probox{clear: both;font-size:14px;font-family:"Microsoft Yahei";line-height:48px;position: relative;padding:78px 0 116px;z-index: 1;}

.pro_nav{margin-bottom: 30px;color: #fff;}

.pro_nav,.pro_nc1,.pro_nc1 img{width: 100%;display: block;}

.pro_nt,.pro_ntl,.pro_ntp,.pro_ntp img{left: 0;top: 0;width: 100%;display: block;height: 100%;}

.pro_ntl ul{height: 100%;}

.pro_nt li,.pro_more{float: left;width: 17.3%;position: relative;z-index: 1;text-align: center;height: 100%;box-sizing:border-box;overflow: hidden;}

.pro_nt li:before,.pro_more:before{content: "";position: absolute;width:100%;height:62.7%;background:rgba(41, 41, 41, 0.5);bottom:0;left:0;z-index:-1;display: none;}

.pro_nt li:nth-child(2n):before{top: 0;bottom: auto;height:53.4%;}

.pro_nt li span,.pro_more span{padding:105% 0 26px;display: block;font-size: 24px;line-height: 44px;}

.pro_nt li p{background:url(../image/ico02.png) no-repeat center bottom;padding-bottom: 110px;display: none;}

.pro_nt li p a{opacity: 0.7;}

.pro_nt li p a:hover{opacity: 1;text-decoration: underline;}

.pro_nt li span em,.pro_more span em{display: block;font-family:Times New Roman;font-size:14px;text-transform: uppercase;line-height: 28px;opacity: 0.5;}

.pro_nt li:nth-child(2n) span{padding-top:12.5%;}

.pro_nt li:nth-child(3){width: 17.65%;}

.pro_nt li:first-child{margin-left:5.4%;}

.pro_nt a{display: block;color: #fff;}

.pro_nt li.cur:before,.pro_more:hover:before,.pro_nt li.cur p{display: block;}

.pro_list{margin: 0 2%;overflow: hidden;height: 220px;}

.pro_list li{position: relative;float: left;margin:0 0.5% 0 0;width: 24.83%;}

.pro_list li p,.pro_list li p img{width: 100%;display: block;}

.pro_list li span{position: absolute;background:rgba(41, 41, 41, 0.2);bottom:0;left:0;width:90%;height: 48px;line-height: 48px;padding: 0 5%;}

.pro_list li span a{display: block;color: #fff;background:url(../image/ico01.png) no-repeat right center;padding-right: 30px;}



/*研發中心*/

.yfzx{clear: both;font-size:16px;font-family:"Microsoft Yahei";line-height:28px;position: relative;padding:90px 0;z-index: 1;color: #666;background:url(/template/default/index/skin/images/ea3de359583d49c9a0cd9aea968d383b.jpg) no-repeat center 0;}

.yfzx_c{padding: 45px 0 0;}

.yfzx_rl{width: 728px;}

.yfzx_r{width: 459px;}

.yfzx_w{padding: 16px 0 0 51px;height: 258px;}

.yfzx_w p{display: block;height: 164px;}

.yfzx_w span a{display: block;width: 240px;line-height: 48px;text-align: center;color: #787878;border: solid 1px #787878;}

.yfzx_p{position: relative;display: block;margin-bottom: 12px;}

.yfzx_p img{display: block;}

.yfzx_p span{width: 80%;display: block;position: absolute;bottom: 0;left: 44px;font-size:30px;line-height: 38px;height: 88px;}

.yfzx_p span a,.case_cp p em a{color: #fff;display: block;}

.yfzx_p span em{text-transform: uppercase;font-size:14px;line-height:22px;font-family: Times New Roman;opacity: 0.5;display: block;}

.yfzx_p2{margin-left: 178px;}



.chara{clear: both;font-size:18px;font-family:"Microsoft Yahei";line-height:27px;position: relative;padding: 60px 0 80px;z-index: 1;text-align: center;color: #000;background:url(../image/yfzxbg.jpg) no-repeat center 0;}

.chara_c dl{float: left;width: 227px;margin:0 16px 0 0;height: 482px;background: #fff;box-sizing:border-box;border-bottom: 5px solid #3fb150;}

.chara_c dl.cur{background: #3fb150;color: #fff;}

.chara_c dl:last-child{margin: 0;}

.chara_c dl:nth-child(2n){margin-top: 78px;}

.chara_c dt{position: relative;
    width: 227px;
    height: 380px;
    overflow: hidden;}

.chara_c dt img{width: 227px;height: 306px;opacity: 1;}

.chara_c dt span{display: block;
    width: 227px;
    /* left: 0; */
    /* top: 124px; */
    position: absolute;
    color: #3fb150;
    font-size: 24px;
    padding-top: 20px;
    line-height: 32px;
    font-weight: bold;}

.chara_c dt span em{display: block;opacity: 0.6;font-weight: normal;font-size: 14px;line-height: 20px;}

.chara_c dd{padding: 10px 10px 10px;font-size: 16px;color: #333;}

.chara_c dd b{display: block;}

/*案例典型*/

.case{clear: both;font-size:14px;font-family:"Microsoft Yahei";line-height:28px;position: relative;padding:80px 0;z-index: 1;color: #666;overflow: hidden;}

.case_t{width: 70%;margin: 0 auto;min-width: 1200px;max-width: 1400px;}

.case_t1{height: 70px;line-height: 70px;margin-bottom: 12px;}

.case_t1 h3{float: left;text-align: center;width: 20%;font-size: 24px;font-weight: normal;color: #535353;}

.case_t1 h3 a{color: #535353;display: block;}

.case_t1 p{width: 80%;float: left;font-weight: bold;}

.case_t1 p a{display: inline-block;color: #000;padding-left: 7%;}

.case_t1 p a:hover{color: #787878;}

.case_t1:hover,.case_t1.cur{background: #f7f7f7;}

.case_t1:hover h3,.case_t1.cur h3{background: #999;color: #fff;}

.case_t1:hover h3 a,.case_t1.cur h3 a{color: #fff;}

.case_c{width: 80%;margin: 0 auto;min-width: 1280px;max-width: 1700px;background:url(../image/casetbg.gif) no-repeat right bottom #535353;}

.case_c .pageState{position: absolute;color: #fff;bottom: 0;width:26.765%;height: 100px;right: 0;z-index: 3;font-size: 18px;letter-spacing: 10px;}

.case_c .pageState:before{content: "";position: absolute;width:102px;height:1px;background:#c39d61;top:22px;left:-108px;z-index: 1;}

.case_c .pageState:after{content: "next";position: absolute;width:20px;height:10px;top:8px;left:48px;font-size: 8px;line-height: 8px;letter-spacing:0;}

.case_c .pageState span{font-size: 42px;line-height: 38px;}



.case_c dt{width: 69.53%;float: left;}

.case_c dt img,.case_cp p img{width: 100%;display: block;}

.case_c dd{width: 24.59%;float: left;padding:60px 0 0 3.8%;color: #fff;}

.case_c dd h4{font-size: 40px;line-height: 92px;margin-bottom: 20px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.case_c dd h4 a{display: block;color: #fff;border-bottom: 1px solid #a9a9a9;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.case_c dd span{display: block;}

.case_cw{padding: 0 0 30px;}

.case_cp span{font-size: 16px;line-height: 42px;}

.case_cp p{display: block;width: 47.8%;position: relative;float:left;}

.case_cp p:nth-child(3){margin-left: 3%;}

.case_cp p em{background:rgba(41, 41, 41, 0.5);bottom:0;left:0;position: absolute;width: 96%;line-height: 26px;text-align: center;padding:0 2%;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

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

.case_cw{padding: 0 0 20px;height:90px;}

    .pro_nt li p{background-size:46px;}

}

/*優勢*/

.edge{clear: both;font-family:"Microsoft Yahei";line-height:24px;font-size: 14px;padding:15px 0 0;position: relative;overflow: hidden;z-index: 1;}

.edge:before{content: "";position: absolute;width:100%;height:200px;background:#f7f7f7;bottom:0;left:0;z-index: -1;}

.edge_c,.edge_c img{width: 100%;overflow: hidden;display: block;}

.edge_t{width: 88%;margin: -130px auto 0;min-width: 1280px;max-width: 1700px;background:#fff;height: 320px;position: relative;z-index: 2;}

.edge_t li{width: 22.59%;float: left;position: relative;height: 320px;box-sizing:border-box;padding: 50px;}

.edge_t li:before{content: "";position: absolute;width:1px;height:320px;background:rgba(41, 41, 41, 0.2);top:0;left:0;}

.edge_t li:first-child:before{width: 0;height: 0;}

.edge_t li em{position: absolute;width: 67px;height: 56px;display: block;right: 47px;top: 50px;overflow: hidden;}

.edge_t li i{display: block;height: 88px;font-size: 30px;font-family: Times New Roman;color: #666;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}

.edge_t li span{display: block;font-size: 16px;line-height: 32px;height: 116px;}

.edge_t li span b{display: block;font-size: 30px;line-height:50px;}

.edge_t li p{display: none;}

.edge_t li.cur{width:32.23%;color: #fff;background: #909090;}

.edge_t li.cur em img{margin-top: -79px;}

.edge_t li.cur i{height: 0;opacity: 0;}

.edge_t li.cur p{display: block;opacity: 0.5;}



/*实时新聞資訊*/

.nswsbox{font-family:"Microsoft Yahei";line-height: 28px;font-size: 14px;clear: both;color: #333;padding: 55px 0 75px;position: relative;overflow: hidden;background:#fff;}

.new_t{font-size:20px;height:78px;line-height:44px;padding: 0px 0 0;text-align: center;}

.new_more a{display: block;color: #fff;width: 242px;line-height: 49px;margin: 0 auto;background: #787878;text-align: center;}

.new_t span{display: inline-block;margin-left: 20px;}

.new_t span:nth-child(2){margin-left: 20px;}

.new_t span a{display: block;color: #7e7e7e;}

.new_t span.cur a,.new_t span a:hover{color: #333;border-bottom: 1px solid #000;font-weight: bold;}



.news_c{height: 325px;overflow: hidden;}

.news_c dl{width: 389px;float: left;}

.news_c dl:nth-child(2){margin: 0 16px;}

.news_c dl:nth-child(5){margin: 0 16px;}

.news_c dt,.news_c dt img{}

.news_c dd{padding: 0px 0 0;}

.news_c dd h3{color: #333;display: block;font-size: 18px;height: 32px;line-height:32px;}

.news_c dd h3 a{color: #333;display: block;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.news_c dd p{height: 60px;border-bottom: 1px solid #e1e1e1;margin-bottom: 5px;}

.news_c dd span{display: block;font-size: 16px;line-height: 34px;color: #666;}



/*關于*/

.aboutbox{font-family:"Microsoft Yahei";font-size: 14px;line-height:24px;color: #5a5b5b;overflow: hidden;padding:0 0 85px;background:#f7f7f7;}

.about_p,.about_p img{width: 100%;display: block;}

.about_w{height:341px;margin: -258px auto 0;position: relative;width: 1200px;background: #ffffffcf;box-shadow: 0 0 10px 10px rgba(0, 0 , 0 , 0.05);text-align: center;}

.about_w h3{height:92px;line-height: 92px;font-size:46px;font-weight: normal;padding: 13px 0 0;}

.about_w h3 a{ color: #000;display: block;}

.about_wc{padding: 15px 68px;height: 120px;}

.about_l{height: 71px;line-height: 46px;font-size: 16px;}

.about_l span a{display: inline-block;padding: 0 48px;color: #333;}

.footWrap:before{background:#f7f7f7!important;}





.prod1_c dt p img, .prod2_c li p img, .plan_r dt img, .case_l li img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}

.prod1_c dl:hover dt p img, .prod2_c li:hover p img,.plan_r dl:hover dt img, .case_l li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}





@keyframes living {

    0%{

        transform: scale(1);

        opacity: 1;

    }

    50%{

        transform: scale(1.3);

        opacity: 0.7;

    }

    100%{

        transform: scale(1);

        opacity: 1;

    }

}

@-webkit-keyframes swing{

    20%,40%,60%,80%,100%{-webkit-transform-origin:top center}

    20%{-webkit-transform:rotate(15deg)}

    40%{-webkit-transform:rotate(-10deg)}

    60%{-webkit-transform:rotate(5deg)}

    80%{-webkit-transform:rotate(-5deg)}

    100%{-webkit-transform:rotate(0deg)}

}

@-moz-keyframes swing{

    20%,40%,60%,80%,100%{-moz-transform-origin:top center}

    20%{-moz-transform:rotate(15deg)}

    40%{-moz-transform:rotate(-10deg)}

    60%{-moz-transform:rotate(5deg)}

    80%{-moz-transform:rotate(-5deg)}

    100%{-moz-transform:rotate(0deg)}

}