@charset "UTF-8";
.h_top{position: absolute;background: rgba(0, 0 , 0 , 0.44)!important;left: 0;top: 0;color: #fff;}
.header{width:96%!important;min-width: 1200px;max-width: 1660px;}
.t_logo{width: 12%!important;}
.t_text,.t_text b,.menu li a{color: #fff!important;}
.t_text{display:block!important;}

@media screen and (max-width: 1680px) {
	.menu li a{padding:23px 12px 0!important;}
}
@media screen and (max-width: 1560px) {
	.menu li a{padding:23px 10px 0!important;}
}
@media screen and (max-width: 1449px) {
	.menu li a{padding:23px 8px 0!important;}
}

/*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: 21px;height: 21px;border-radius: 21px;margin-right:12px; display: inline-block;outline: none;background: rgba(255, 255 , 255 , 0.85);}
.slick-dots .slick-active button {background: #c89b46;width: 48px;}
.banner .slick-arrow{width:30px;height:84px;cursor: pointer;z-index: 22;top:44.5%;outline: none;position:absolute;border:0;overflow: hidden;text-align: center;transition:.8s;opacity: 0;text-indent: 100px;}
.banner .slick-arrow.slick-prev{background:url(../images/ban_prev.png) no-repeat 0 0;left: 3%; opacity: 0;}
.banner .slick-arrow.slick-next{background:url(../images/ban_next.png) no-repeat 0 0;right: 3%; opacity: 0;}
.banner:hover .slick-prev{ left: 6%; opacity: 0.8;}
.banner:hover .slick-next{ right: 6%; opacity: 0.8;}
.banner .slick-arrow:hover{opacity: 1;}

.til01{text-align: center;color: #27292f;font-size:54px;line-height:72px;font-family: "Microsoft Yahei";white-space: nowrap;padding: 0 0 32px;}
.til01 p{display: block;font-weight: normal;font-size:20px;line-height: 40px;}
.til01 a{color: #27292f;}
.til02,.til02 p,.til02 a{color: #fff;}

/**/
.webox{font-size:16px;color: #333;line-height:30px;position: relative;height:825px;padding: 75px 0 0;z-index: 1;}
.webox:before{content: "";position: absolute;width:29.21%;height:900px;background:url(../images/webg.jpg) no-repeat 0 0 #cda559;top:0;right:0;z-index: -1;}
.webox_n{width: 19%;position: absolute;right: 0;top: 172px;font-size: 30px;font-weight: bold;color: #fff;line-height: 106px;}
.webox_n li{border-bottom: dashed 1px rgba(255, 255 , 255, 0.3);}
.webox_n li span{float: left;width: 48px;height: 48px;display: block;margin: 30px 14px 0 0;}
.webox_n li span img{width: 48px;height: 48px;display: block;}
.webox_n li:hover img,.pro_t li:hover img{-webkit-animation:swing 0.75s linear;animation:swing 0.75s linear;}
.webox_n li:last-child{border: 0;}
.webox_c{width: 820px;background:url(../images/wetbg.gif) no-repeat right 0;padding: 0 56px 0 0;}
.webox_c h2{font-size: 40px;line-height: 54px;font-weight: normal;color: #1d2f27;height: 111px;}
.webox_c h2 em{font-size: 14px;line-height: 35px;display: block;color: #cecfd2;letter-spacing: 3px;}
.webox_c h2 b{color: #cda559;}
.webox_p,.webox_p img{width: 819px;height: 356px;overflow: hidden;border-radius: 57px 0 0 0;display: block;}
.webox_w{padding: 26px 0 0;height: 142px;}

.webox_l{clear: both;height: 185px;font-size: 20px;line-height: 26px;color: #454545;}
.webox_l li{float: left;height: 96px;border-right: dashed 1px #ababab;padding: 0 30px;text-align: center;}
.webox_l li:first-child{padding-left: 0;}
.webox_l li:last-child{padding-right: 0;border: 0;}
.webox_l li span{display: block;font-size: 70px;height: 70px;font-weight: bold;}
.webox_l li span b{font-family: Times New Roman;float: left;line-height: 70px;}
.webox_l li span em{display: inline-block;width: 25px;line-height: 25px;border-radius: 25px;font-size: 18px;color: #fff;background: #cda559;float:left;margin:11px 0 0 4px;}

/**/
.probox{clear: both;font-size:16px;font-family:"Microsoft Yahei";position: relative;color: #333;line-height:30px;background:url(../images/probg.jpg) no-repeat center 0 #f4f4f4;padding: 194px 0 0;overflow:hidden;}
.pro_t{height: 306px;font-size: 20px;color: #fff;line-height: 48px;}
.pro_t ul{float: right;padding: 24px 0 0;}
.pro_t li{float: left;padding: 0 36px;border-right: solid 1px rgba(255, 255 , 255, 0.3);height: 95px;}
.pro_t li em{display: block;margin: 0 auto;}
.pro_t li:last-child{padding-right: 0;border:0;}
.pro_t .til01{text-align: left;font-size: 48px;float: left;}
.pro_nav{background: #fff;padding: 10px 9px 10px 11px;overflow: hidden;}
.pro_n1{float: left;width: 290px;height: 423px;border: solid 1px #dfdfdf;position: relative;}
.pro_n1 a{color: #333;}
.pro_n1:before{content: "";position: absolute;width:100%;height:0;background:#cda559;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;z-index: -1;}
.pro_n1 h4{padding: 36px 0 0;text-align: center;font-size: 20px;line-height: 48px;height: 146px;position: relative;z-index: 2;}
.pro_n1 h4 em{display: block;width: 70px;height: 70px;border-radius: 70px;overflow: hidden;background: #c89b46;margin: 0 auto;}
.pro_n1 p{height: 152px;padding: 0 0 0 30px;position: relative;z-index: 2;}
.pro_n1 p a{width: 128px;float: left;padding: 0 0 0 16px;position: relative;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;display: block;float: left;}
.pro_n1 p a:nth-child(2n){width: 95px;}
.pro_n1 p a:before{content: "";position: absolute;width:5px;height:5px;border-radius: 100%;left: 0;border: solid 2px #d8d8d8;top: 10px;}
.pro_n1 span{display: block;position: relative;z-index:2;}
.pro_n1 span a{display: block;width: 134px;line-height: 36px;background: #27292f;color: #fff;border-radius: 18px;margin: 0 auto;text-transform: uppercase;text-align: center;position: relative;}
.pro_n1:hover,.pro_n1.cur{z-index: 2;border-color: #cda559;color: #fff;}
.pro_n1:hover a,.pro_n1.cur a{color: #fff;}
.pro_n1 p a:hover{text-decoration: underline;}
.pro_n1:hover h4 em,.pro_n1.cur h4 em{background: #fff;}
.pro_n1:hover h4 em img,.pro_n1.cur h4 em img{margin-top: -90px;}
.pro_n1:hover p a:before,.pro_n1.cur p a:before{border-color: #fff;}
.pro_n1:hover span a,.pro_n1.cur span a{background: #fff;color: #cda559;font-weight: bold;}
.pro_n1:hover:after,.pro_n1.cur:after{content: "";position: absolute;width:276px;height:401px;border: solid 1px rgba(255, 255 , 255, 0.4);left: 9px;top: 9px;z-index: 0;}
.pro_n1:hover:before,.pro_n1.cur:before{height: 100%;}

.pro_l{padding: 63px 0;}
.pro_l li{float: left;padding:0 53px 0 0;width: 365px;}
.pro_l li p{display: block;height: 467px;background:url(../images/pro_lbg.jpg) no-repeat 0 0;padding: 11px 8px 0;}
.pro_l li p b,.pro_l li p b img{width: 349px;height: 349px;border-radius: 349px;display: block;overflow: hidden;}
.pro_l li span{display: block;padding: 8px 0 0;font-size: 20px;line-height: 76px;text-align: center;}
.pro_l li span a{display: inline-block;background:url(../images/ico01.png) no-repeat right center;color: #000;padding-right: 47px;}
.pro_l li:hover span a,.pro_l li span a:hover{background:url(../images/ico02.png) no-repeat right center;color: #cda559;font-weight: bold;}

/**/
.edge{clear: both;font-family:"Microsoft Yahei";line-height:27px;font-size: 16px;position: relative;z-index: 1;color: #444;padding:95px 0 0;}
.edge:before{content: "";position: absolute;width:100%;height:1052px;background:url(../images/edgebg2.jpg) no-repeat center 0;bottom:526px;right:0;z-index: -1;}
.edge1{height: 747px;}
.edge4{height: 690px;}
.edge1_p,.edge1_pc,.edge1_pc img{width: 1200px;height: 586px;border-radius:56px 0 0 0;display: block;overflow: hidden;}
.edge1_w{background: #fff;width: 1137px;height: 172px;box-shadow: 0 0 10px 10px rgba(0, 0 , 0 , 0.1);margin: -88px auto 0;position: relative;}
.edge1_w h3{float: left;width:232px;height: 138px;background: #c89b46;color: #fff;text-align: center;font-size: 40px;line-height: 65px;padding: 34px 0 0;}
.edge1_w h3 em{display: block;width: 46px;height: 50px;margin: 0 auto;}
.edge1_wc{width: 835px;float: right;padding: 16px 0 0;}
.edge1_wc h4{font-size: 26px;height: 68px;line-height: 60px;color: #343842;}
.edge2{height:676px;}
.edge2_p{width: 50%;height: 586px;display: block;}
.edge2_w{width: 44.9%;}
.edge2_wc{width: 500px;overflow: hidden;padding: 28px 0 0;}
.edge2_wc h3,.edge3 h3{font-size: 50px;line-height: 53px;color: #353f47;height: 204px;}
.edge2_wc h3 span{display: block;height: 113px;}
.edge2_wc h3 i{display: block;font-size: 16px;font-weight: normal;line-height: 20px;opacity: 0.4;letter-spacing: 4px;}
.edge2_wc h3 em,.edge3 h3 em{display: block;float: left;padding: 0 27px 0 0;margin: 0 27px 0 0;border-right: solid 1px #e6e6e6;}
.edge2_wc h3 p,.edge3 h3 p{display: block;font-size: 26px;line-height: 55px;background: #c89b46;border-radius: 25px 0 25px 0;font-weight: normal;color: #fff;text-align: center;}
.edge2_wz{height: 170px;overflow: hidden;}
.edge2_wz p{padding: 0 0 20px;}
.edge2_l li{overflow: hidden;float: left;margin: 0 13px 0 0;}
.edge2_l li,.edge2_l li img{width:244px;height: 183px;display: block;}
.edge3{height: 786px;padding: 106px 0 0;color: #fff;text-align: center;line-height: 30px;}
.edge4 .edge2_wc{padding: 156px 0 0;}
.edge3 h3{height: 92px;padding: 0 182px;color: #fff;}
.edge3 h3 p{float: right;width: 500px;float: right;}
.edge3 h3 span{float: left;}
.edge3 h3 em{border-color: rgba(255, 255 , 255, 0.3);}
.edg3_wz{height: 108px;}

/**/
.case{clear: both;font-size:16px;font-family:"Microsoft Yahei";line-height:26px;position: relative;padding:80px 0;z-index: 1;color: #333;}
.case .til01{padding: 0 0 45px;}
.case:before{content: "";position: absolute;width:100%;height:350px;background:#f4f4f4;top:0;left:0;z-index:-1;}
.prev1,.next1,.prev2,.next2{width:52px;height:52px;display: inline-block;cursor: pointer;top:650px;left: 50%;margin-left: 518px; z-index: 9;overflow: hidden;}
.prev1{margin-left: -568px;}
.prev2,.next2{top: 735px;margin: 0;right: 530px;left: auto;}
.prev2{left: 530px;}
.case .prev1 img,.prev1:hover img,.next1:hover img,.prev2:hover img,.next2:hover img{margin-top:-70px;}
.case_t{height:152px;font-size:22px;color: #3e4149;line-height:52px;text-align: center;}
.case_t li{float: left;padding: 0 43px;height: 112px;}
.case_t li a{color: #3e4149;display: block;}
.case_t li em{width:50px;height:50px;overflow: hidden;margin:0 auto;background: #3e4149;border-radius: 50px;display: block;}
.case_t li em img{display: block;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.case_t li.cur{border-bottom: solid 3px #c89b46;}
.case_t li.cur a,.case_t li:hover,.case_t li:hover a{color: #cda559;font-weight: bold;}
.case_t li.cur em,.case_t li:hover em{background: #cda559;}

.case_c .tempWrap{overflow: visible !important;}
.case_c dl{width: 1200px;position: relative;margin-right: 26px;}
.case_c dl:before{content: "";position: absolute;width:100%;height:600px;background:rgba(0, 0, 0, 0.6);top:0;left:0;z-index: 2;}
.case_c dt,.case_c dt img{width: 1200px;display: block;height: 600px;overflow: hidden;}
.case_c dd{height:161px;display: none;padding:21px 38px;width: 1147px;background: #fff;position: absolute;left: 27px;bottom: 32px;box-sizing:border-box;}
.case_c dd h4{display: block;font-size:20px;line-height:56px;height:56px;color: #3e4149;}
.case_c dd h4 a{color: #3e4149;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case_part{float: left;width: 165px;}
.case_part img{width: 119px;height: 119px;display: block;box-sizing:border-box;border: solid 2px #cacbcd;border-radius: 100%;}
.case_more{width:113px;height: 161px;background:#c89b46;position: absolute;top: 0;right: 0;}
.case_more a{display: block;padding: 63px 40px;}
.case_w{width: 760px;}
.case_c dl.cur dt{border-radius: 50px 0 0 0;}
.case_c dl.cur dd{display: block;}
.case_c dl.cur:before{background: none;width:0;height:0;}

/**/
.tec_p{font-family:"Microsoft Yahei";background:url(../images/tecbg.jpg) no-repeat center 0;clear: both;padding:88px 0;font-size:28px;line-height: 33px;height: 1030px;text-align: center;color: #27292f;position: relative;}
.tec_p:before,.tec_p:after{content: "";position: absolute;width:44.8%;height:4px;background:rgba(255, 255 , 255 , 0.3);top:844px;right:0;}
.tec_p:before{left:0;}
.tec_pc{height: 525px;overflow: hidden;}
.tec_pc li{float: left;margin: 0 20px 0 0;width:285px;background: #fff;border-radius: 0 0 0 56px;overflow: hidden;height: 518px;}
.tec_pc li p,.tec_pc li p img{display: block;width: 285px;height: 352px;overflow: hidden;}
.tec_pc li span{display: block;position: relative;padding: 58px 0 0;}
.tec_pc li span i{width: 59px;height: 59px;text-align: center;line-height: 59px;color: #fff;font-size: 28px;border: solid 10px #fff;border-radius: 100%;position: absolute;top:-41px;left:103px;z-index: 1;background: #27292f;}
.tec_pc li span em{display: block;font-size: 14px;line-height: 18px;opacity: 0.5;}
.tec_pc li:hover{background: #c89b46;color: #fff;}
.tec_pc li:hover span i{background:#fff;border-color:#c89b46;color:#c89b46;}

/**/
.newbox{box-sizing: border-box; font-family:"Microsoft Yahei";clear: both;height:936px;position: relative;}
.newbox .til01{width: 100%;left: 0;top: -158px;position: absolute;}
.new_t{height:69px;border-bottom: 1px solid #e3e3e3;line-height: 30px;font-size: 20px;color: #000;margin-bottom: 44px;}
.new_t li{float: left;color: #fff;position: relative;margin-right: 84px;height: 30px;padding: 17px 0 0;}
.new_t li a{color: #000000;display: block;padding-left: 36px;overflow: hidden;height: 30px;}
.new_t li.cur a{color: #c89b46;font-weight: bold;background-position: 0 -40px!important;}
.new_t li.cur:before{content: "";position: absolute;width:100%;height:2px;background:#c89b46;top:68px;left:0;z-index:-1;}
.new_t span{float: right;font-size: 14px;}
.new_t span a{color: #000;}
.new_c{width:1200px;}
.newcon dl{width: 580px;height:180px;overflow: hidden;margin-bottom: 30px;padding:33px 26px;background: #f6f6f6;box-sizing: border-box;border-radius: 27px 0 0;float: left;position: relative;}
.newcon dt,.newcon dt img{width: 202px;height: 114px;display: block;float: left;overflow: hidden;}
.newcon dd{position: relative;width:244px; float: right;padding: 4px 34px 0 0;}
.newcon dd em{display: block;height:30px;line-height: 30px;font-size: 14px;color:#666;font-family: Arial, Helvetica, sans-serif;text-align: right;position: relative;}
.newcon dd em:before{content: "";position: absolute;width:135px;height: 1px;background:#c4c5c6;left:0;top:14px;}
.newcon h3{height: 81px;line-height: 32px;font-size: 20px;color: #000000; font-weight: normal;}
.newcon h3 a{color: #000000;}
.newcon dl:nth-child(2n){float: right;}
.news_more{width: 500px;margin:17px auto 0;height: 54px;display: block;}

.newcon dl:hover{background:#c89b46;}
.newcon dl:hover dd em,.newcon dl:hover dd h3 a{color: #fff;}
.newcon dl:hover dd b:before{background:#fff;}
.newcon dl img{-webkit-transition: 0.5s;-moz-transition:0.5s;transition: 0.5s;}
.newcon dl:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}

/**/
.aboutbox{font-family:"Microsoft Yahei";font-size: 18px;line-height:34px;color: #333;overflow: hidden;position: relative;z-index: 1;}
/* .aboutbox:before{content: "";position: absolute;width:100%;height:598px;background:#f3f3f3;left:50%;margin-left: -600px;bottom:0;z-index: -2;border-radius: 0 0 0 56px;}*/
.aboutbox:after{content: "";position: absolute;width:329px;height:346px;background:#27292f;left:50%;margin-left: -600px;bottom:0;z-index:0;border-radius: 0 0 0 56px;}
.about_p,.about_p img{width: 100%;display: block;}
.about_w{width: 1200px;height: 346px;left: 50%;margin-left: -600px;bottom:0;z-index: 1;}
.about_wt{width: 329px;float: left;color: #fff;}
.about_wt p{text-align: center;position: relative;line-height: 160px;}
.about_wt p:before{content: "";position: absolute;width:1px;height:42px;left:45px;bottom:0;background: rgba(255, 255 , 255 , 0.2);}
.about_w h2{height: 164px;background: #cda559;text-align: center;padding: 44px 0 0;box-sizing:border-box;font-size: 40px;line-height: 55px;margin-top: -162px;position: relative;}
.about_w h2:before{content: "";position: absolute;width:0;height:0;left:50%;margin-left: -12px;bottom:-12px;border-right:12px solid transparent;border-left:12px solid transparent;border-top:12px solid #cda559;}
.about_w h2 em{display: block;font-weight: normal;font-size: 14px;line-height: 27px;}
.about_w h2 a{display: block;color: #fff;}
.about_pho{padding: 0 0 0 44px;}
.about_pho span{display: block;background:url(../images/c_pho.png) no-repeat 0 center;line-height: 50px;padding: 0 0 0 28px;font-size: 14px;}
.about_pho b{display: block;font-size: 30px;line-height: 42px;}
.about_wc{float: right;width:770px;padding:63px 0 0;}
.about_wc h3{font-size: 30px;line-height: 60px;height: 70px;}
.about_wc h3 a{color: #333;}
@media screen and (max-width: 1680px) {
    .about_w{height: 320px;}
    .about_wt p{line-height: 140px;}
    .about_wc{padding:48px 0 0;}
}
@media screen and (max-width: 1580px) {
    .about_w{height: 300px;}
    .about_wt p{line-height: 130px;}
    .about_wc{padding:40px 0 0;}
    .about_wt p:before{width: 0;}
}
@media screen and (max-width: 1480px) {
    .about_w{height: 250px;}
    .about_wt p{line-height: 110px;}
    .about_wc{padding:32px 0 0;}
}
/*  */
.show{clear: both;height: 380px;position: relative;padding: 60px 0;}
.prev3,.next3{width:18px;height:32px;display: inline-block;cursor: pointer;top:260px;right:-35px;z-index: 9;}
.prev3{left:-35px;}
.show_t{height:108px;font-size:20px;text-align: center;line-height: 34px;}
.show_t span{height:76px;color: #333;display: inline-block;padding: 0 38px;border-right: solid 1px #d4d4d4;}
.show_t span:last-child{border: 0;}
.show_t span em{display: block;width: 40px;height: 38px;margin: 0 auto;overflow: hidden;}
.show_t span a{color: #333;}
.show_t span.cur a,.show_t span:hover a{color: #cda559;font-weight: bold;}
.show_t span.cur em img,.show_t span:hover em img{margin-top: -60px;}

.show_cl{overflow: hidden;}
.show_cl li{width: 290px;float: left;margin:0 13px 0 0;position: relative;text-align: center;}
.show_cl li p,.show_cl li p img{width: 290px;height:217px;display: block;overflow: hidden;}
.show_c li span{font-size: 16px;display: block;line-height:46px;height:46px;}
.show_c li span a{display: block;color: #27292f;}

/**/
.link{height:0;line-height:79px;position: relative;z-index: 9;font-size: 14px;color: #ccc;width: 1200px;margin: 0 auto;opacity: 0.5;}
.link_c{
  width: 978px;
    position: absolute;
    top: -204px;
    left: 88px;
    line-height: 30px;
}
.link a {
    display: inline-block;
    color: #ccc;
    padding: 0 15px 0 0;
    height: 20px;
    line-height: 20px;
}

.f_wz{text-align: right;}

.webox_p img, .edge1_pc img, .pro_l p img, .new_c dt img, .show_cl li p img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.webox_p:hover img,.edge1_pc img:hover, .pro_l li p:hover img, .news_c dl:hover dt img, .show_cl li:hover p img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.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)}
}
