/* CSS Document */
@charset "utf-8";
*{margin:0px; padding:0px;}
html,body{width:100%;}
body{font:14px "Microsoft YaHei";min-width:1200px;}
h2,h3,h4,h5,h6{font-weight:normal;font-weight:500;}
em,i{font-style: normal;}
ul,li,ol{list-style:none;}
a{text-decoration:none;}
a:link{color:#444;}
img{border:none;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.overflow{overflow:hidden;}
.content{width: 1200px; margin: 0 auto; display: flex; justify-content: space-between;}

.header{width:100%;height:80px;background: rgba(68,33,0,.75);box-shadow: 0 5px 20px 0 rgba(67,67,67,.2); position: absolute; top: 0; left: 0;}

.nav-content{width: 100%;height:80px;position: absolute;top: 0;left: 0; z-index: 2;}
.nav-content .content{ width: 1200px; margin:10px auto 0; display: flex; justify-content: space-between; align-items: center;}
.nav-content .logo{width:256px; height: 60px;}
.nav-content .nav{width: 842px; display: flex; justify-content: space-between;}
.nav-content .nav a{display: block; font-size: 16px; font-weight: bold; color: #fff;} 

.banner{width: 100%;height: 580px; background: url(../images/banner_01.jpg) center 0 no-repeat;}
.banner .banner-con{width:1280px; margin: 0 auto; display: flex; justify-content: space-between;}
.banner .banner-l{display: block; width: 580px; height: 216px; margin: 162px 0 0 40px;}
.banner .banner-r{display: block;width: 624px; height: 410px; margin: 132px 0 0;}

.a-ease-down{animation:ease-down 1s ease-in-out both;-webkit-animation:ease-down 1s ease-in-out both;}
@keyframes ease-down {
    0% {opacity: 0;transform: translateY(-500px);}
    60% {opacity: 1;transform: translateY(30px);}
    80% {transform: translateY(-10px);}
    100% {transform: translateY(0);}
}
@-webkit-keyframes ease-down {
    0% {opacity: 0;-webkit-transform: translateY(-500px);}
    60% {opacity: 1;-webkit-transform: translateY(30px);}
    80% {-webkit-transform: translateY(-10px);}
    100% {-webkit-transform: translateY(0);}
}
.a-bigger{animation:bigger .8s .6s ease-in-out both;transform-origin: 50% 50%;-webkit-animation:bigger .8s .6s ease-in-out both;-webkit-transform-origin: 50% 50%; }
@keyframes bigger {
    0%{transform:scale(0);opacity:0;}
    85%{transform:scale(1.1);}
    100%{transform:scale(1);opacity:1;}
}
@-webkit-keyframes bigger {
    0%{-webkit-transform:scale(0);opacity:0;}
    85%{-webkit-transform:scale(1.1);}
    100%{-webkit-transform:scale(1);opacity:1;}
}


.fuwu{width: 100%; box-shadow: 0 5px 20px 0 rgba(246,100,12,.08); padding: 42px 0; }
.fuwu .content{width: 1200px; margin: 0 auto; display: flex; justify-content: space-between;} 
.fuwu .content a{width:120px; display: block;}
.fuwu .content a img{width: 100px; height: 100px; display: block; margin: 0px auto 10px;} 
.fuwu .content a p{font-size:22px; color: #333; text-align: center;} 

.zscp{width: 100%; background: #fff; margin-top: 54px;}
.nav-title h2{font-size: 50px; color: #000; text-align: center;}
.nav-title .line{width: 60px; height: 5px;background: linear-gradient(to right,#ffae00,#ff4500); margin:16px auto 0;}
.zscp .content{width: 1200px; margin: 0 auto; display: flex; justify-content: space-between;}
.zscp01{width: 360px; margin-top: 36px;}
.zscp01 h3{font-size: 26px; font-weight: bold; color: #000;text-align: center; margin: 0 0 18px;}
.zscp01 p{height: 90px; font-size: 16px; color: #444; line-height: 30px; text-align: center;}
.zscp01 img{width:320px; height: 180px; margin:22px auto 0;}

.xxhy{width: 100%; background: #fff8f1; margin-top: 54px; padding: 54px 0 70px;}
.xxhy01{width:385px; height: 230px; background: #fff; border-radius:8px; display: flex;box-shadow: 0 5px 20px 0 rgba(246,100,12,.2); margin-top: 40px;}
.xxhy01 img{width: 64px; height: 64px; margin: 20px 8px 0 10px;}
.xxhy01 h3{font-size: 26px; font-weight: bold; color: #000; margin:28px 0 10px;}
.xxhy01 p{width: 280px; font-size: 16px; color: #444; line-height:26px;}

.xtrj{width: 100%; height:670px; background: url(../images/xtrj-bg.jpg) center 0; padding-top: 55px;}
.nav-title2 h2{color: #fff;}
.nav-title2 .line{background: #fff;}
.xtrj01{width: 360px;height: 410px; border-radius:22px; background: #fff; border: 5px solid #fed28c;box-shadow: 0 5px 24px 0 rgba(246,100,12,.3); margin-top: 36px;}
.xtrj01 .xtrj01-tit{ width: 360px; height: 130px;background: linear-gradient(to right,#f8ca5c,#e93f38); border-radius: 16px 16px 0 0; padding-top: 20px; margin-bottom: 35px;}
.xtrj02 .xtrj01-tit{background: linear-gradient(to right,#ffa600,#f76b66); }
.xtrj03 .xtrj01-tit{background: linear-gradient(to right,#f3646e,#ef3468); }
.xtrj01 .xtrj01-tit img{display: block; width:70px; height: 67px; margin:0px auto 7px;}
.xtrj01 .xtrj01-tit h3{font-size: 30px; font-weight: bold; color: #fff; text-align: center;} 
.xtrj01 ul li{display: flex; margin-bottom: 6px; }
.xtrj01 ul li i{width: 5px; height: 5px; display: block; border-radius: 50%; border: 2px solid #ff9706;margin:10px 8px 0 24px;}
.xtrj01 ul li p{width: 310px; font-size: 16px; color: #444; line-height:30px; }

.xinmeiti{padding: 40px 0 50px;}
.xinmeiti01{width: 320px; margin-top:46px;}
.xinmeiti01 img{display: block; width:150px; height:150px; margin:0 auto;}
.xinmeiti01 h3{font-size:30px; font-weight: bold; color: #000;text-align: center; margin:25px 0 16px;}
.xinmeiti01 p{font-size: 16px; color: #444; line-height: 30px; text-align: center;}

.pinpai{width: 100%; background: #f3f3f3; padding: 54px 0 70px;}
.pinpai01{width: 386px; height: 470px;background: #fff; margin-top: 100px;box-shadow: 0 5px 20px 0 rgba(246,100,12,.16);}
.pinpai01 img{display: block; width: 386px; height: 219px;}
.pinpai01-con{ padding:30px 38px; }
.pinpai01-con h3{background: url(../images/pinpai01.png) no-repeat; font-size:24px; color: #000; line-height: 28px; padding-left:36px; margin-bottom: 20px;}
.pinpai01-con ul li{display: flex; margin-bottom: 6px;}
.pinpai01-con ul li i{width: 5px; height: 5px; display: block; border-radius: 50%; border: 2px solid #ff9706;margin:10px 8px 0 2px;}
.pinpai01-con ul li p{width: 290px; font-size: 16px; color: #444; line-height:30px; }
.pinpai02{width:428px; height:590px;background: linear-gradient(to bottom,#ff4400,#ffae00); margin-top: 40px;}
.pinpai02 img{width:428px; height:280px;}
.pinpai02 .pinpai01-con h3{background: url(../images/pinpai02.png) no-repeat; color: #fff;}
.pinpai02 .pinpai01-con ul li i{border: 2px solid #fff;}
.pinpai02 .pinpai01-con ul li p{width:340px;color: #fff; }
.pinpai03 .pinpai01-con h3{background: url(../images/pinpai03.png) no-repeat;}

.footer{width: 100%; background: url(../images/footer.jpg) center 0 no-repeat; padding: 40px 0 60px;}
.footer .gongsi{width:460px; }
.footer .gongsi h3{width:100px; height: 40px; background: #4f3e28; font-size: 16px; font-weight: bold; color: #fff; line-height: 40px; text-align: center;}
.footer .gongsi p{font-size: 16px; color: #a7b0bf; line-height: 30px; margin-top: 30px;}
.footer .gongsi p a{ color: #a7b0bf;}
.footer .gongsi p a:hover{ text-decoration: underline;}
.footer .lianxi{width:270px;}
.footer .erweima{width:400px; display: flex; justify-content: space-between;margin-top: 10px;}
.footer .erweima .ewm{width:184px; height: 158px; background: #2d343f; display: flex; }
.footer .erweima .ewm p{width:28px; font-size:15px; color: #fff; text-align: center;writing-mode:tb-rl;line-height:28px; letter-spacing:6px; }
.footer .erweima .ewm img{display: block; width:144px; height:144px;margin:7px 7px 0 0;}