@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}

.pic{overflow: hidden;font-size: 0;}
.pic img{-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;-o-transition:-o-transform 0.5s;transition:transform 0.5s;}
.pic img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}



.tit{text-align: center;font-weight: normal;padding-bottom: 30px;position: relative;}
.tit:after{position: absolute;width: 95px;height: 4px;content: "";background: rgba(0, 0, 0, 0.36);left: 50%;bottom: 0;transform: translateX(-50%);}
.tit b{display: block;font-size: 42px;color: #7f462b;line-height: 52px;}
.tit i{display: block;font-size: 22px;color: #363636;line-height: 28px;padding-top: 20px;}



/*banner*/
.banner{position: relative;}
.banner li{width: 100%;}
.banner li img{display: block;width: 100%;}
.ban_pg{position: absolute;bottom: 30px;height: 17px;z-index: 10;width: 100%;text-align: center;}
.ban_pg i{display: inline-block;width: 16px;height: 16px;background: #fff;border-radius: 50%;margin: 0 10px;vertical-align: top;box-sizing: border-box;}
.ban_pg i.on{background: #7f462b;}
.banner .prev{position: absolute;font-size: 0;left: 0;opacity: 0;top: 50%;transform: translateY(-50%);z-index: 10;transition: all 0.5s;}
.banner .next{position: absolute;font-size: 0;right: 0;opacity: 0;top: 50%;transform: translateY(-50%);z-index: 10;transition: all 0.5s;}
.banner:hover .prev{left: 4%;opacity: 1;}
.banner:hover .next{right: 4%;opacity: 1;}


/*sou*/
.sou{height: 80px;}
.htwd{float: left;height: 80px;line-height: 80px;font-size: 14px;color: #000;}
.htwd b{color: #7f462b;}
.htwd a{color: #9d9d9d;margin: 0 20px;}
.htwd a:hover{color: #7f462b;}
.s_box{float: right;height: 32px;margin-top: 24px;width: 290px;border-radius: 16px;background: #F5F5F5;}
.s_box .txt{float: left;width: 260px;height: 32px;line-height: 32px;padding-left: 15px;box-sizing: border-box;font-size: 12px;color: #9D9D9D;background: none;border: 0;outline: 0;}
.s_box .btn{float: left;width: 18px;height: 32px;background: url(/images/sou.png) no-repeat center;border: 0;outline: 0;cursor: pointer;}

/*guide*/
.guide{padding: 20px 0 0;width: 100%;overflow-x: hidden;}
.guide h2{margin-bottom: 30px;padding-bottom: 0;}
.guide h2:after{display: none;}
.guide h2 b{font-size: 42px;line-height: 60px;}
.guide h2 i{font-size: 22px;line-height: 34px;color: #555;padding-top: 10px;}
.guide ul{height: 190px;position: relative;}
.guide ul:after{position: absolute;width: 360px;right: -360px;height: 100%;content: "";background: #683b28;top: 0; display: none;}
.guide li{float: left;width: 310px;height: 190px;text-align: center;padding-top: 44px;box-sizing: border-box;background: #683b28;}
.guide li:nth-child(2n){background: #7f462b;}
.guide li:nth-child(2){width: 270px;}
.guide li span{display: block;height: 64px;font-size: 26px;color: #fff;line-height: 26px;}
.guide li span b{font-size: 62px;font-family: Arial;display: inline-block;line-height: 64px;height: 64px;vertical-align: top;margin-right: 4px;}
.guide li p{font-size: 20px;color: #fff;line-height: 50px;}


/*tig*/
.tig{padding: 70px 0 0;height: 1042px;box-sizing: border-box;background: url(/images/tig_bg.jpg) no-repeat center 0;position: relative;width: 100%;overflow-x: hidden;}
.tig h4{position: absolute;left: 50%;transform: translateX(-50%);bottom: 70px;text-align: center;font-size: 36px;color: #7f462b;line-height: 36px;padding-bottom: 18px;border-bottom: 2px solid #7f462b;}
.tig h2{padding-bottom: 24px;margin-bottom: 38px;}
.tig h2 b{font-size: 42px;line-height: 60px;}
.tig h2 i{font-size: 22px;line-height: 34px;color: #555;padding-top: 10px;}
.tig li{height: 100px;padding: 20px 0 0;box-sizing: border-box;margin-bottom: 10px;}
.tig li h3{font-size: 20px;color: #1E1E1E;line-height: 28px;}
.tig li p{font-size: 18px;color: #656565;line-height: 22px;padding-top: 10px;}
.tig ul.fl li:nth-child(1){margin-left: 152px;}
.tig ul.fl li:nth-child(2){margin-left: -30px;}
.tig ul.fl li:nth-child(3){margin-left: -100px;}
.tig ul.fl li:nth-child(4){margin-left: -52px;}
.tig ul.fl li:nth-child(5){margin-left: 80px;}

.tig ul.fr li{text-align: right;}
.tig ul.fr li h3{}
.tig ul.fr li:nth-child(1){margin-right: -16px;}
.tig ul.fr li:nth-child(2){margin-right: -54px;}
.tig ul.fr li:nth-child(3){margin-right: -90px;}
.tig ul.fr li:nth-child(4){margin-right: -70px;}
.tig ul.fr li:nth-child(5){margin-right: 60px;}


/*nanti*/
.nanti{padding: 75px 0 0;box-sizing: border-box;height: 1093px;background: url(/images/nanti_bg.jpg) no-repeat center 0;}
.nanti h2{margin-bottom: 40px;}
.nt_list li{float: left;width: 226px;height: 262px;text-align: center;background: rgba(255, 255, 255, 0.56);transition: all 0.3s; margin-right: 17px;margin-bottom: 15px;   box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.15);}
.nt_list li:nth-child(5n){margin-right: 0;}
.nt_list li i{display: block;height: 80px;overflow: hidden;margin: 36px 0 18px;}
.nt_list li i img{transition: all 0.5s;}
.nt_list li h3{font-size: 20px;color: #575757;line-height: 26px;margin-bottom: 16px;transition: all 0.3s;}
.nt_list li p{font-size: 18px;color: #8E8E8E;line-height: 24px;transition: all 0.3s;}
.nt_list li:hover{background: #7f462b;}
.nt_list li:hover h3,.nt_list li:hover p{color: #fff;}
.nt_list li:hover i img{transform: translateY(-50%);}

.nt_ct{margin-top: 25px;}
.nt_ct li{float: left;width: 587px;height: 210px;text-align: center;border-radius: 15px;background: rgba(255, 255, 255, 0.56); box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.15);}
.nt_ct li:nth-child(2){float: right;}
.nt_ct li h3{font-size: 28px;color: #313131;font-weight: normal;line-height: 32px;padding: 38px 0 24px;}
.nt_ct li p{font-size: 20px;color: #8E8E8E;line-height: 36px;}


/*spt*/
.spt{padding: 70px 0;}
.spt h2{margin-bottom: 44px;padding-bottom: 20px;}
.spt h2 i{font-size: 20px;color: #494949;line-height: 36px;}
.spt_list dl{float: left;width: 400px;border: 1px solid #EAEAEA;box-sizing: border-box;padding: 14px 18px 0;margin-right: -1px;transition: all 0.3s;}
.spt_list dd{height: 260px;text-align: center;padding: 0 16px;}
.spt_list dd h3{font-size: 20px;color: #333;line-height: 26px;padding: 28px 0 20px;}
.spt_list dd p{font-size: 18px;color: #7E7E7E;line-height: 30px;}
.spt_list dl:hover{background: #FDFDFD;    box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.45);}


/*sys*/
.sys{height: 300px;background: url(/images/sys_bg.jpg) no-repeat center 0;}
.sys_l{float: left;margin-top: 94px;}
.sys_l h3{font-size: 30px;color: #fff;line-height: 36px;margin-bottom: 22px;}
.sys_l li{float: left;width: 114px;height: 114px;text-align: center;border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.68);margin-right: 66px;position: relative;}
.sys_l li:after{position: absolute;width: 28px;height: 26px;content: "";background: url(/images/sys_jt.png) no-repeat;right: -47px;top: 44px;}
.sys_l li img{display: block;height: 56px;margin: 10px auto 0;}
.sys_l li p{font-size:18px;color: #fff;line-height: 34px;}
.sys_l li:hover img{animation: flipInY 1.5s;}
.sys_l li:last-child{overflow: hidden;}
.sys_r{float: right;margin-top: 120px;}
.sys_r h4{font-size: 22px;color: #fff;line-height: 24px;margin-bottom: 25px;}
.sys_r p{font-size: 20px;color: #fff;line-height: 32px;padding-left: 65px;}


/*why*/
.why{padding: 70px 0;background: url(/images/coop_bg.png) no-repeat bottom center;}
.why h2{margin-bottom: 40px;}
.why li{float: left;width: 600px;text-align: center;}
.why li h3{height: 126px;font-size:22px;color: #fff;line-height: 34px;font-weight: normal;background: #727272;position: relative;}
.why li h3 b{display: block;padding-top: 28px;}
.why li h3 img{position: absolute;left: 64px;bottom: 30px;}
.why li h3 i{position: absolute;width: 58px;height: 24px;line-height: 24px;text-align: center;font-size: 16px;color: #fff;right: 70px;top: 30px;background: #66341d;}
.why li p{border: 1px solid rgba(49, 49, 49, 0.27);height: 115px;display: flex;margin-bottom: -1px;justify-content: center;flex-direction: column;}
.why li p span{font-size: 18px;color: #727272;line-height: 30px;height: auto;display: block;}
.why li p:nth-child(4),.why li p:nth-child(5){height: 140px;}
.why li:nth-child(1) p{border-right: 0;position: relative;}
.why li:nth-child(1) p:after{position: absolute;width: 83px;height: 83px;content: "";background: url(/images/vs.png) no-repeat;right: -42px;top: 50%;margin-top: -42px;}
.why li:nth-child(2) h3{background: #7f462b;}
.why li:nth-child(2) p{border-color: rgba(197, 45, 41, 0.27);padding-left: 20px;}
.why li:nth-child(2) p span b{color: #7f462b;padding: 0 4px;}


/*pinz*/
.pinz{padding: 60px 0 66px;background: url(/images/pinz_bg.jpg) no-repeat center 0;}
.pinz h2{margin-bottom: 31px;text-align: center;}
.pinz h2 b{color: #fff;display: block;font-size: 42px;line-height: 52px;}
.pinz ul{height: 287px;background: #fff;padding-top: 30px;box-sizing: border-box;}
.pinz li{float: left;width: 300px;height: 255px;border-right: 1px solid rgba(0, 0, 0, 0.14);text-align: center;padding: 0 40px;box-sizing: border-box;}
.pinz li img{display: block;height: 84px;margin: 15px auto 0;}
.pinz li h3{font-size: 20px;color: #7f462b;line-height: 56px;height: 56px;position: relative;margin-bottom: 14px;}
.pinz li h3:after{position: absolute;width: 60px;height: 1px;content: "";background: rgba(197, 45, 41, 0.43);left: 50%;bottom: 0;margin-left: -30px;}
.pinz li p{font-size: 18px;color: #515151;line-height: 24px;}
.pinz li:hover img{animation: flipInY 1.5s;}


/*cus*/
.cus{height: 712px;padding: 70px 0 0;box-sizing: border-box;background: url(/images/cus_bg.jpg) no-repeat center 0;}
.cus h2{margin-bottom: 45px;}
.cus_list{position: relative;}
.cus_list dl{float: left;width: 276px;padding: 3px;border: 1px solid #D1D1D1;margin-right: 21px;transition: all 0.3s;}
.cus_list dt img{display: block;width: 100%;}
.cus_list dd{height: 170px;padding: 0 10px;}
.cus_list dd p{font-size: 17px;color: #5A5A5A;line-height: 25px;padding: 20px 0;transition: all 0.3s;}
.cus_list dd .xq{display: block;width: 115px;height: 32px;line-height: 32px;text-align: center;font-size: 15px;color: #686868;text-transform: uppercase;border: 2px solid #bab8b8;margin: 0 auto;transition: all 0.3s;}
.cus_list dl:hover{background: #7f462b;border-color: #7f462b;}
.cus_list dl:hover dd p{color: #fff;}
.cus_list dl:hover dd .xq{color: #fff;border-color: #fff;}
.cus_list .prev{position: absolute;left: -55px;top: 180px;}
.cus_list .next{position: absolute;right: -55px;top: 180px;}
.cus_list .tempWrap{width: 100% !important;}


/*coop*/
.coop{padding: 70px 0 50px;background: url(/images/coop_bg.png) no-repeat bottom center;}
.coop h2{margin-bottom: 40px;}
.coop_bd li{float: left;width: 215px;height: 120px;text-align: center;border-radius: 10px;border: 1px solid #DCDCDC;margin-right: 30px;margin-bottom: 36px;box-sizing: border-box;overflow: hidden;}
.coop_bd li img{height: 100px;padding-top: 9px;transition: all 0.5s;}
.coop_bd li:nth-child(5n){margin-right: 0;}
.coop_bd li:hover img{transform: scale(1.05);}
.coop_pg{height: 12px;margin-top: 14px;text-align: center;}
.coop_pg i{display: inline-block;width: 12px;height: 12px;border-radius: 6px;border: 1px solid #dbe0e6;box-sizing: border-box;margin: 0 10px;vertical-align: top;transition: all 0.3s;}
.coop_pg i.on{width: 32px;background: #fcd244;border: 0;}


/*honor*/
.honor{padding: 70px 0;background: #f7f7f7;}
.honor h2{margin-bottom: 40px;}
.hn_l{float: left;width: 640px;text-align: center;}
.hn_l h3,.hn_l p.cur{font-size: 18px;color: #fff;line-height: 36px;background: #7f462b;}
.hn_l p{font-size: 18px;color: #5b5b5b;line-height: 36px;padding: 15px 0;border-bottom: 1px solid #b7b7b7;}
.hn_r{float: right;width: 515px;height: 565px;background: url(/images/hn_bg.jpg) no-repeat;}
.hn-pic{text-align: center;padding-top: 108px;}
.hn-pic .honor_contain{ width:442px; display:block; height:365px; margin:0 auto;}
.hn-pic img{ width:100%; display:block;}


/*team*/
.team{padding: 65px 0 80px;background: url(/images/team_line.png) no-repeat bottom center;}
.team_t{height: 46px;text-align: center;margin: 30px 0 40px;}
.team_t span{display: inline-block;width: 193px;height: 46px;line-height: 46px;font-size: 20px;color: #fff;background: #525252;margin: 0 12px;transition: all 0.3s;cursor: default;}
.team_t span.on{background: #7f462b;color: #fff;}
.team_list{position: relative;}
.team_list li{float: left;width: 282px;overflow: hidden;margin-right: 24px;}
.team_list li img{display: block;width: 100%;transition: all 0.5s;}
.team_list li:hover img{transform: scale(1.05);}
.team_list .sprev{position: absolute;left: -55px;top: 80px;}
.team_list .snext{position: absolute;right: -55px;top: 80px;}
.team_list .tempWrap{width: 100% !important;}


/*news*/
.news{padding: 40px 0;}
.news h2{margin-bottom: 45px;}
.new_l{float: left;width: 598px;}
.new_l h3,.new_r h3{height: 30px;line-height: 30px;font-size: 18px;color: #333;font-weight: normal;margin-bottom: 24px;}
.new_l h3 span,.new_r h3 span{float: left;position: relative;}
.new_l h3 .more,.new_r h3 .more{float: right;font-size: 15px;color: #555;}
.new_l h3 span a:nth-child(1){margin-right: 50px;}
.new_l h3 span:after{position: absolute;content: "/";left: 50%;top: 0;transform: translateX(-50%);}
.new_l h3 span a.on{color: #7f462b;}
.new_l dt{overflow: hidden;position: relative; height:153px;}
.new_l dt:after{position: absolute;width: 62px;height: 62px;content: "";background: url(/images/tout.png) no-repeat;right: 0;top: 0;}
.new_l dt img{display: block;width: 100%;transition: all 0.5s;margin-top: -5%;}
.new_l dt:hover img{transform: scale(1.05);}
.new_l dd{height: 126px;border-bottom: 1px solid rgba(179, 179, 177, 0.52);}
.new_l dd h4{height: 30px;line-height: 30px;padding: 14px 0 6px;}
.new_l dd h4 a{display: block;font-size: 14px;color: #4A4A4A;width: 500px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.new_l dd h4 i{float: right;font-size: 14px;color: #777;font-weight: normal;}
.new_l dd p{font-size: 14px;color: #666;line-height: 26px;}
.new_list{padding-top: 22px;}
.new_list p{font-size: 14px;color: #666;height: 36px;line-height: 36px;padding-left: 14px;position: relative;}
.new_list p:after{position: absolute;width: 7px;height: 2px;content: "";left: 0;top: 17px;background: #555555;}
.new_list p a{color: #666; display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;width: 462px;}
.new_list p i{float: right;color: #777;}
.new_list p:hover a,.new_list p:hover i,.new_l dd h4 a:hover{color: #7f462b;}
.new_list p:hover:after{background: #7f462b;}

.new_r{float: right;width: 556px;}
.rdgz dl{height: 110px;margin-bottom: 34px;}
.rdgz dl:last-child{margin-bottom: 0;}
.rdgz dt{float: left;overflow: hidden;}
.rdgz dt img{display: block;width: 250px;height: 110px;transition: all 0.5s;}
.rdgz dt:hover img{transform: scale(1.05);}
.rdgz dd{float: right;width: 280px;}
.rdgz dd h4 a{display: block;font-size: 14px;color: #4B4B4B;line-height: 20px;height: 20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.rdgz dd p{font-size: 14px;color: #555;line-height: 26px;margin-top: 10px;}
.rdgz dd h4 a:hover{color: #7f462b;}

.ser{margin-top: 50px;}
.ser li{
    float: left;
    width: 396px;
    height: 218px;
    border-bottom: 7px solid #323232;
    padding-left: 30px;
    box-sizing: border-box;
    background: url(/images/ser1.jpg) no-repeat;margin-right:6px;
}
.ser li:nth-child(2){
    background: url(/images/ser2.jpg) no-repeat;
}
.ser li:nth-child(3){
    margin-right:0;
    background: url(/images/ser3.jpg) no-repeat;
}
.ser li h3{font-size: 21px;color: #F7F7F7;line-height: 34px;padding: 36px 0 0;}
.ser li h3 i{display: block;font-weight: normal;font-size: 27px;}
.ser li .tel{padding-left: 66px;background: url(/images/ser_ic1.png) no-repeat left center;margin-top: 22px;}
.ser li .tel span{display: block;font-size: 20px;color: #F7F7F7;line-height: 26px;}
.ser li .zx{display: block;width: 108px;height: 34px;padding-left: 50px;line-height: 34px;font-size: 22px;color: #80462b;background: url(/images/ser_ic2.png) no-repeat 20px center #fff;margin-top: 30px;border-radius: 16px;}
.ser li .enter{display: block;width: 108px;height: 34px;padding-left: 50px;line-height: 34px;font-size: 22px;color: #80462b;background: url(/images/enter.png) no-repeat 15px center #fff;margin-top: 30px;border-radius: 16px;}



 .links{height: 80px;background: #232323;line-height: 80px;font-size: 14px;color: #EFEFEF;}
.links a{color: #EFEFEF;margin-right: 50px;opacity: 0.5;}
.links a:last-child{float: right;color: #555;opacity: 1;}
.links a:hover{color: #fff;opacity: 1;}