@charset "utf-8";
/* CSS Document */
/*banner*/
.Banner .swiper-container { width: 100%; height: 100%; }
.Banner .swiper-pagination-bullet { background: #fff; opacity: 0.5;}
.Banner .swiper-pagination-bullet-active { background: #fff; opacity: 1;}
.Banner a { display: block;}
.Banner .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 30px;}


/* AboutCon */
.AboutCon {  margin: 80px 0; text-align: left; float: left; width: 560px;}
.AboutCon .Title { text-align: left;}
.AboutCon p { font-size: 16px; color: #333; line-height: 26px; margin-top: 20px;display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.AboutCon a { display: block; width: 88px; height: 28px; text-align: center; line-height: 28px; font-size: 12px; color: #895B43; border: 1px solid #895B43; border-radius: 30px; margin: 25px 0; float: right;}
.AboutCon a:hover { background: #895B43; color: #fff;}
.AboutCon ul { width: 100%; border: 1px solid #eee; padding: 18px 0; overflow: hidden;}
.AboutCon ul li { border-right:1px solid #eee; text-align: center; float: left; width: 185px;}
.AboutCon ul li:last-child { border-right: none;}
.AboutCon ul li h4 { color: #895B43; font-size: 20px; font-family: Arial, Helvetica, sans-serif;}
.AboutCon ul li h4 b { font-size: 50px;}
.AboutCon ul li span { color: #666; }
.AboutImg { float: right; width: 565px; padding-top: 120px; }

/* AD */
.Ad { height: 290px; text-align: center; color: #fff;}
.Ad h3 { font-size: 50px; font-weight: bold; padding: 70px 0 30px 0;}
.Ad span { font-size: 44px; border: 3px solid #895B43; padding-right: 10px;}
.Ad span b { font-size: 44px; background: #895B43; font-weight: normal; padding: 0 10px; margin-right: 10px; }

/*Service*/
.Service { width: 100%; overflow: hidden; padding: 100px 0;}
.Service .Title { margin-bottom: 0;}
.Service ul { width: 110%; overflow: hidden;}
.Service ul li {float: left;width: 218px;text-align: center;margin-right: 25px;border: 1px solid #ccc;position: relative;margin-top: 75px;}
.Service ul li span {width:118px;height:118px;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;position: absolute;top: -55px;left: 51px;}
.Service ul li span img { max-width:118px; max-height:118px; display:block; margin:0 auto;}
.Service ul li div { padding: 90px 30px 40px 30px;}
.Service ul li h3 { font-size: 18px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Service ul li p { font-size: 12px; line-height: 22px; height: 66px; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.Service ul li i { display: block; width: 20px; height: 2px; background: #895B43; margin: 15px auto; }
.Service ul li a { display: block; color: #333;}
.Service ul li a:hover { background: #895B43; color: #fff; }.Service ul li a:hover i { background: #fff;}


/*Support*/
.Support { background: #895B43; height: 860px; position: relative; overflow: hidden; padding: 50px 0;}
.Support ul li { overflow: hidden; margin-bottom: 35px; margin-left: 80px; }
.Support ul li b { float: left; display: block; font-size: 32px; font-weight: normal; width: 62px; height: 62px; background: url(../images/circle.png) no-repeat center center; line-height: 62px; text-align: center;}
.Support ul li div { float: left; width: 400px; padding-left: 15px;}
.Support ul li h3 { font-size: 30px; padding: 0 5px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Support ul li p { font-size: 20px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Support ul li a { color: #fff; display: block; transition: all 0.5s;}
.Support ul li a:hover { transform: translateX(10px);}
.supportImgRight { width: 50%; height: 480px; position: absolute; right: 0; top: 0;}
.supportImgLeft { width: 50%; height: 480px; position: absolute; left: 0; bottom: 0;}

.Support ul li.supportItem5 { margin-top: 115px;}
.Support ul li.supportItem5,
.Support ul li.supportItem6,
.Support ul li.supportItem7,
.Support ul li.supportItem8 { padding-left: 50%;}

/*Service*/
.inService { background: none; padding: 0; }
.inService ul { padding-top: 10px; }
.inService ul li { float: left; width:448px; margin-right: 30px; border: 1px solid #eee; }
.inService ul li span { width: 448px; height: 220px; }
.inService ul li span img { max-width: 448px; max-height: 220px; }
.inService ul li h3 { font-size: 18px;}
.inService ul li i { width: 80px; margin: 5px 0;}
.inService ul li p { font-size: 14px; line-height: 26px; height: 52px; }
.inService ul li div { padding: 0 10px 10px 10px; }

/* Case */
.Case { margin: 100px 0;}
.Case .left { float: left; width: 604px; position: relative;} 
.Case .left ul li { float: left; width: 150px; height: 120px; overflow: hidden; margin-right: 1px; margin-bottom: 1px;}
.Case .left ul li img { width: 150px; height: 120px;transition: all 0.5s; }
.Case .left ul li a { display: block;}
.Case .left ul li a:hover img { transform: scale(1.02);}
.JoinBox { position: absolute; right: 1px; top: 121px; z-index: 2; }
.JoinBox a { width:241px; height: 241px; background: #fff; padding-left: 60px; display: block; color: #895B43; letter-spacing: 1px;}
.JoinBox a:hover {  background: #895B43; color: #fff; }
.JoinBox h3 { padding: 60px 0 15px 0; font-size: 40px;}
.JoinBox span { font-size: 20px; line-height: 28px; }
.viewMore { position: absolute; bottom: 1px; right: 1px; z-index: 2; overflow: hidden;}
.viewMore a { display: block; width: 150px; height: 120px; background: #895B43; color: #fff; text-align: center;}
.viewMore span { display: block; padding: 25px 0 20px 0; font-size: 16px;transition: all 0.5s;}
.viewMore img { width: 26px; height: 34px; margin: 0 auto;}
.viewMore a:hover span { transform: translateY(-10px)}

.Case .right { float: right; width: 596px; height: 483px; position: relative;} 
.Case .right a { display: block;}
.Case .right a img { width:596px; height:483px;}
.Case .swiper-pagination-bullet { background: #fff; opacity: 0.5;}
.Case .swiper-pagination-bullet-active { background: #fff; opacity: 1;}
.Case .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 30px;}

/* News */
.News { width: 100%; background: url(../images/newsbg.jpg) no-repeat center bottom; padding-bottom: 60px; }
.News .left { float: left; width: 600px; }
.News .left ul li { margin-bottom: 40px; overflow: hidden; }
.News .left ul li .txt { float: left; width: 490px; }
.News .left ul li .txt h3 { font-size: 20px; color: #000; margin-bottom: 15px; padding-left: 30px; height: 30px; line-height: 30px; background: url(../images/new-icon.png) no-repeat left center; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.News .left ul li .txt p { font-size: 14px; color: #333; line-height: 32px; padding-left: 10px; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.News .left ul li .date { float: right; text-align: right; width: 100px;}
.News .left ul li .date b { font-size: 24px; color: #333; line-height: 30px; }
.News .left ul li .date span { font-size: 14px; color: #999; display: block; }
.News .left ul li a { display: block; }
.News .left ul li a:hover h3 { color: #895B43; }
.News .left ul li a:hover b { color: #895B43; }

.News .right { float: right; width: 530px; margin-top: 7px;}
.News .right .pic { position: relative; width: 530px; height: 305px;}
.News .right .pic span { width:530px;height:305px;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;}
.News .right .pic span img { max-width:530px; max-height:305px; display:block; margin:0 auto; transition: all 0.5s;}
.News .right .pic h3 { width: 100%; height: 48px; padding:0 15px; line-height: 48px; box-sizing: border-box; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; position: absolute; bottom: 0; left: 0; right: 0; background: rgb(51,51,51,0.8); font-size: 22px; color: #fff;}
.News .right p { margin-top: 30px; font-size: 14px; color: #333; line-height: 32px; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.News .right a { display: block;}
.News .right a:hover h3 { background: #895B43;}.News .right a:hover img { transform: scale(1.02);}

/* Contact */
.Contact { padding: 80px 0 60px 0;}
.Contact .left { float: left; width: 700px;}
.Contact .left h3 { font-size: 26px; color: #333; text-transform: uppercase; margin-bottom: 40px;}
.Contact .left ul li { height: 32px; line-height: 32px; padding-bottom: 20px; }
.Contact .left ul li i { display: inline-block; width: 37px; height: 32px; margin-right: 15px; vertical-align: middle;}
.Contact .left ul li span { font-size: 18px; color: #333; vertical-align: middle;}
.icon-address { background: url(../images/icon-address.jpg) no-repeat center center;}
.icon-tel { background: url(../images/icon-tel.jpg) no-repeat center center;}
.icon-kefu { background: url(../images/icon-kefu.jpg) no-repeat center center;}
.icon-mail { background: url(../images/icon-mail.jpg) no-repeat center center;}
.icon-qq { background: url(../images/icon-qq.jpg) no-repeat center center;}

.Contact .right { float: right; width: 490px; overflow: hidden;}
.Contact .right ul li { position: relative; background: #f9cb7f; margin-bottom: 10px; line-height: 55px; border-radius: 5px; font-size: 18px; color: #fff;}
.Contact .right ul li h3 { text-indent: 20px; position: absolute; top: 0; left: 0;}
.Contact .right ul li .FootFormInput {  width: 100%; box-sizing: border-box; border: none; background: none; outline: none; color: #fff; font-size: 18px; line-height: 55px; text-indent: 80px; padding-right: 20px; }
.Contact .right ul li span { position: absolute; right: 20px;}
.Contact .right .FootFormButton { float: left; background: #895B43; border: none; font-size: 18px; color: #fff; width: 230px; height: 55px; border-radius: 5px;}

/*内页banner*/
.inBanner{width: 100%; margin: 0 auto; height: auto; }
.inBanner a{display: block; width: 100%; height: auto; }
.inBanner a img{width: 100%; display: block; height: auto; }

/*单页面*/
.Single { width: 100%; line-height: 24px; font-size: 12px; overflow: hidden;}

/* inBusiness */
.inBusiness { overflow: hidden;}
.inBusiness ul { width: 110%; overflow: hidden;}
.inBusiness ul li { box-sizing: border-box;float: left; width: 290px; margin-right: 30px; margin-bottom: 30px;}
.inBusiness ul li h3 { font-size: 18px; color: #895B43; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inBusiness ul li p { font-size: 14px; line-height: 22px; height:44px; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.inBusiness ul li i { display: block; width: 30px; height: 2px; background: #895B43; margin: 15px 0; }
.inBusiness ul li a { padding: 20px; display: block; color: #333; border: 1px solid #eee;}
.inBusiness ul li a:hover { background: #895B43; color: #fff;}
.inBusiness ul li a:hover h3 { color: #fff;}
.inBusiness ul li a:hover i { background: #fff;}

/*详情页*/
.incontent{width:100%;overflow: hidden;min-height: 300px;}
.incontent .in_tit{width:359px; margin:60px auto 20px auto; background:url(../images/in_title.png) no-repeat center center; height:63px;}
.incontent .in_tit h2{font-size:23px; color:#333; text-align:right; line-height:98px;}
.newsInfo{overflow:hidden;line-height:26px;font-size:12px;}
.newsInfo_title{width:100%;height:40px;line-height:40px;text-align:center;font-size:20px;color:#222;font-family:"微软雅黑", "宋体";overflow:hidden;margin-bottom: 10px;}
.newsInfo_tips{width:100%;height:30px;line-height:30px;font-family:Arial, Helvetica, sans-serif;text-align:center;font-size:14px;color:#666;overflow:hidden;background: #f7f7f7;}
.newsInfo_tips li{display:inline; padding:0 10px 0 10px;}
.newsInfo_con{width:100%;padding:10px 0;line-height: 24px;color:#333;overflow:hidden;min-height:350px;font-size: 12px;}
.rNews{width:100%;padding:10px 0;font-size: 14px;border-top:1px dashed #ccc;overflow:hidden;}
.rNews li{width:100%; height:30px; line-height:30px; overflow:hidden;}
.rNews li a:hover{color:#895B43; }
.newsInfo_tips li a{color:#f35f15}
.newsInfo a:hover{text-decoration:underline;}
.newsInfo_con p{width: 100%; margin-bottom: 6px; }
.newsInfo_con img{display:block; margin:10px auto; max-width:100%;}

/*内页--case*/
.inCase{width: 100%; overflow: hidden;min-height: 300px; margin: 30px 0 0 0;}
.inCase ul { width: 110%; overflow: hidden;}
.inCase ul li { float: left; margin-right: 30px; width: 288px; height: 215px; margin-bottom: 30px; border: 1px solid #eee; position: relative;}
.inCase ul li span {width: 288px;height: 215px;overflow:hidden;display: table-cell;text-align:center;vertical-align: middle;}
.inCase ul li span img{margin: 0 auto;max-width: 288px;max-height: 215px;overflow: hidden;transition: all 0.3s;}
.inCase ul li p {padding: 0 10px;height: 40px;line-height: 40px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;letter-spacing: 0.5px;text-align: center;position: absolute;bottom: 0;width: 100%;box-sizing: border-box;background: rgba(255,255,255,.85);}
.inCase ul li a { display: block;}
.inCase ul li:hover p { background: #895B43; color: #fff;}
.inCase ul li:hover span img{ transform: scale(1.02);}

/*内页--新闻资讯*/
.inNews{width: 100%; height: auto; margin: 30px auto 0; overflow: hidden; }
.inNews ul li { margin-bottom: 20px; padding-bottom: 20px; overflow: hidden; border-bottom: 1px dashed #eee; }
.inNews ul li .pic {float: left;width:192px;overflow: hidden;}
.inNews ul li .pic span { width:190px;height:110px;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center; border: 1px solid #eee;}
.inNews ul li .pic span img { max-width:190px; max-height:110px; display:block; margin:0 auto; transition: all 0.5s;}
.inNews ul li .txt {float: left;width: 590px;overflow: hidden;padding: 0 20px;}
.inNews ul li .txt h3 { font-size: 20px; color: #000; margin-bottom: 15px; padding-left: 30px; height: 30px; line-height: 30px; background: url(../images/new-icon.png) no-repeat left center; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.inNews ul li .txt p { font-size: 14px; color: #333; line-height: 32px; padding-left: 10px; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.inNews ul li .date { float: right; text-align: right; width: 100px;}
.inNews ul li .date b { font-size: 24px; color: #333; line-height: 30px; }
.inNews ul li .date span { font-size: 14px; color: #999; display: block; }
.inNews ul li a { display: block; }
.inNews ul li a:hover h3 { color: #895B43; }
.inNews ul li a:hover b { color: #895B43; }
.inNews ul li:hover span img{ transform: scale(1.02);}


/*内页--在线留言*/
.Message{width: 100%;height: auto;box-sizing: border-box;color: #333;padding: 0 20px;}
.Message .MessageTit{width: 100%;height: auto;border-bottom: 1px dashed #e7e7e7;margin-bottom: 20px;padding-bottom: 14px;}
.Message .MessageTit h6{font-size: 14px;color: #895B43;margin-bottom: 10px;}
.Message .MessageTit p{font-size: 12px;margin-bottom: 10px;}
.Message .MessageTit p b{color: #895B43; }
.Message .Table{width: 100%;height: auto;padding-top: 10px;}
.Message .Table .Box{width: 100%;height: auto;margin-bottom: 20px;overflow:  hidden;}
.Message .Table .Box span{font-size: 14px;line-height: 40px;float: left;}
.Message .Table .Box .messageText01{width: 360px;height: 38px;border: 1px solid #e7e7e7;padding: 0 0 0 10px;float: left;margin-right:  5px;font-size: 12px;margin-left: 10px;line-height: 38px;}
.Message .Table .Box .messageText02{width: 525px;height: 150px;float: left;border: 1px solid #e7e7e7;resize: none;box-sizing:  border-box;padding: 10px;font-size: 12px;margin-left:  10px;outline: none;}
.Message .Table .messageBtn{width: 100px;height: 34px;background: #895B43;color: #fff;outline:  none;border-radius: 3px;margin-left: 80px;margin-top: 20px;cursor: pointer;}