/* 通用样式 */
*{ padding:0; margin:0;}
body {font-family: "Microsoft YaHei","微软雅黑","Arial"; src:url("../images/msyh.ttf") format("truetype"); font-size:16px; line-height:26px; color:#231815;overflow-x: hidden !important;}
@font-face {
  font-family: "Microsoft YaHei","微软雅黑","Arial";
  src: url('../images/msyh.eot'); /* IE9 Compat Modes */
  src: url('../images/msyh.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../images/msyh.woff') format('woff'), /* Modern Browsers */
  url('../images/msyh.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../images/msyh.svg#Microsoft YaHei') format('svg'); /* Legacy iOS */
}
ul, li{ list-style-type:none; }
img, form{ border:0; }
label { }
em, cite, b { font-style:normal; }
a {color: #333333;transition-duration:.2s}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover{text-decoration: underline;}
a:active {text-decoration: none;}
.clear{ clear:both;}
table{border-collapse:collapse;}
table, td, th{ border:solid #dedede 1px; padding:0 5px;}
.pc{ display: block;}
.web{ display:none;}

.top{width:100%; height:75px; background:#000;}
.top a{border:none;outline: none;}
.top .logo{width:1200px;height:80px;margin:auto; background:url(../images/tel.png) center right no-repeat;}
.top .logo img{ position:relative; z-index:9; top:0;}
.header{width:100%;height:50px;margin:auto; background:#fff;display: flex;flex-wrap: wrap; font-size:16px;font-weight:300;}
.header .animenu__toggle {display: none;cursor: pointer;background-color: #fff;border: 0;padding: 10px;height: 50px;width: 50px;}
.header .animenu__toggle:hover {background-color: #ad804e;}
.header .animenu__toggle__bar {display: block;width: 20px;height: 2px;background-color: #fff;-webkit-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); -o-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); }
.header .animenu__toggle__bar + .animenu__toggle__bar {margin-top: 4px;}
.header .animenu__toggle--active .animenu__toggle__bar {margin: 0;position: absolute;}
.header .animenu__toggle--active .animenu__toggle__bar:nth-child(1) {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.header .animenu__toggle--active .animenu__toggle__bar:nth-child(2) {opacity: 0;}
.header .animenu__toggle--active .animenu__toggle__bar:nth-child(3) {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.header .animenu {margin: auto;padding:0;position: relative;z-index:999; width:100%;}
.header .animenu ul {padding-right:calc(50% - 600px); margin:0;list-style: none;}
.header .animenu li, .animenu a {display: inline-block;font-size:18px; font-weight:500;}
.header .animenu a {color: #333333;text-decoration: none;}
.header .animenu__nav {height:50px;display:flex;justify-content:flex-end;}
.header .animenu__nav > li {}
.header .animenu__nav > li > a {height:50px; line-height:50px;text-align: center;display: block;text-transform: uppercase; padding:0 25px;}
.header .animenu__nav > li:hover > ul {opacity: 1;visibility: visible;margin: 0;}
.header .animenu__nav > li:hover > a {border-bottom:solid #b68d4e 2px;height:48px; line-height:50px; color:#af833e;}
.header .animenu__nav__child {width: 100%;position: absolute;top: 100%;left: 0;z-index: 1;opacity: 0;visibility: hidden;margin: 20px 0 0 0;transition: margin .15s, opacity .15s; background:#f4f4f4;}
.header .animenu__nav__child .child {width:1200px; height:auto; overflow:hidden; margin:30px auto;}
.header .animenu__nav__child .introduce {float:left; width:410px; height:auto; overflow:hidden; color:#a0a0a0; font-size:14px;}
.header .animenu__nav__child .introduce h1{font-size:24px; color:#4e4e4e; margin-bottom:40px;}
.header .animenu__nav__child .introduce a{border:solid #ebeae9 1px; font-size:14px; width:160px; height:40px; line-height:40px; display:block; padding:0; margin-top:50px;}
.header .animenu__nav__child ol{float:left; width:260px; height:auto; overflow:hidden; margin-left:115px;}
.header .animenu__nav__child li {width:100%;}
.header .animenu__nav__child > li {width:100%;}
.header .animenu__nav__child > li:first-child > a:after {content: '';position: absolute;height: 0;width: 0;left: 1em;top: -6px;border: 6px solid transparent;border-top: 0;border-bottom-color:rgba(182,141,78,0.8);}
.header .animenu__nav__child > li:last-child {border: 0;}
.header .animenu__nav__child a {width:100%;font-size: 16px; color:#666666; border-bottom:solid #e0e0e0 1px; text-align:center; display:block; height:45px; line-height:45px;}
.header .animenu__nav__child a:hover {color: #af833e;}
.header .animenu__nav--open {display: block !important;}
.header .animenu__nav--open .animenu__nav__child {display: block;}

/* 轮播图开始 */
.swiper-container {width: 100%;height: auto;position: relative;z-index: 0;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;}
.swiper-container .swiper-slide {height:auto;line-height:0;}
.swiper-container .swiper-slide:nth-child(2n) {height:auto;line-height:auto;}
.swiper-slide img {max-width: 100%;height: auto;}
.gallery{ width:1000px; margin:auto;}
/* 轮播图结束 */

.service{ width:100%; height:auto; overflow:hidden; background:url(../images/pic1.png) center top no-repeat; margin-top:70px;}
.service h1{ font-size:40px; text-align:center; color:#231815; height:60px; line-height:60px;}
.service h2{ font-size:24px; text-align:center; color:#231815; width:1200px; height:100px; line-height:80px; margin:auto; font-weight:normal;}
.service ul{display: flex;flex-wrap: wrap;justify-content:space-between; width:1200px; height:auto; overflow:hidden; margin:0 auto 80px auto;}
.service ul li{ width:380px; height:auto; overflow:hidden; text-align:center;transition: transform .2s ease-in-out, box-shadow .2s cubic-bezier(.47, 0, .745, .715), border .2s linear .1s; margin-top:20px;}
.service ul li:hover {-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);transform: translateY(-10px);}
.service ul li img { width:100px; height:100px;}
.service ul li a { text-decoration:none;}
.service ul li h3{ font-size:30px; text-align:center; height:60px; line-height:60px;}
.service ul li p{ font-size:16px; font-weight:300; color:#656565;}

.data { width:100%; height:429px; background:url(../images/pic1.jpg) center no-repeat; margin-top:70px;}
.data ul{ width:1200px; height:auto; margin:auto; overflow:hidden;display: flex;flex-wrap: wrap;justify-content:space-between;}
.data ul li{ width:320px; height:320px; border:solid #FFF 10px;border-radius:50%; margin-top:45px;}
.data ul li h2{ width:220px; height:140px; border:solid rgba(255,255,255,0.2) 50px;border-radius:50%; font-size:78px; text-align:center; color:#FFF; padding-top:80px;}
.data ul li h2 p{font-size:24px; font-weight:300; margin-top:35px;}

.case{ width:100%; height:auto; overflow:hidden; background:url(../images/pic3.png) center top no-repeat; margin-top:70px;}
.case h1{ font-size:40px; text-align:center; color:#231815; height:60px; line-height:60px;}
.case .c{width:1200px; height:auto; overflow:hidden; margin:auto; padding-top:40px;}
.case .c .subnav{ width:384px; height:384px; overflow:hidden; text-align:center; float:left;}
.case .c .subnav a{ width:384px; height:75px; line-height:75px; color:#656565; font-size:36px; display:block;background:#fff; font-weight:300;}
.case .c .subnav a:hover{ background:#c2c2c2; color:#000; text-decoration:none;}
.case .c .subnav .more:hover{background:none;}
.case .c .subnav .more img{width:179px; height:29px;}
.case .c .subnav .more img:hover{transform: scale(1); }
.case .c a{width:384px; height:384px; overflow:hidden; float:left;}
.case .c img{transition: all 0.6s;width:384px; height:384px;}
.case .c img:hover{transform: scale(1.3); }

.value{ background:url(../images/pic2.jpg) center no-repeat; width:100%; height:658px; overflow:hidden;}
.value h1{ font-size:40px; text-align:center; color:#ffffff; height:40px; line-height:40px; margin-top:98px;}
.value h2{ font-size:30px; text-align:center; color:#ffffff; height:30px; line-height:30px; margin-top:35px; font-weight:normal;}
.value h3{ font-size:24px; text-align:center; color:#ffffff; height:24px; line-height:24px; margin-top:15px; font-weight:normal;}
.value ul{width:1000px; height: auto; margin:50px auto 0 auto; overflow:hidden;display: flex;flex-wrap: wrap;justify-content:space-between;}
.value ul li{ text-align:center; color:#6f6f6f; padding-top:150px; min-width:132px; font-size:18px; font-weight:normal;}
.value ul li:hover{ text-align:center; color:#FFF;}
.value ul li h4{ font-size:24px; margin-bottom:10px;}
.value ul li:nth-of-type(1){ background:url(../images/pic4.png) center top no-repeat;}
.value ul li:nth-of-type(1):hover{ background:url(../images/pic4_1.png) center top no-repeat;}
.value ul li:nth-of-type(2){ background:url(../images/pic5.png) center top no-repeat;}
.value ul li:nth-of-type(2):hover{ background:url(../images/pic5_1.png) center top no-repeat;}
.value ul li:nth-of-type(3){ background:url(../images/pic6.png) center top no-repeat;}
.value ul li:nth-of-type(3):hover{ background:url(../images/pic6_1.png) center top no-repeat;}
.value ul li:nth-of-type(4){ background:url(../images/pic7.png) center top no-repeat;}
.value ul li:nth-of-type(4):hover{ background:url(../images/pic7_1.png) center top no-repeat;}
.value ul li:nth-of-type(5){ background:url(../images/pic8.png) center top no-repeat;}
.value ul li:nth-of-type(5):hover{ background:url(../images/pic8_1.png) center top no-repeat;}

.fuwuxitong{background:url(../images/pic14.jpg) top center no-repeat; width:100%; height: auto; overflow:hidden;}
.fuwuxitong h1{ font-size:30px; text-align:center; color:#4d4d4d; height:30px; line-height:30px; margin-top:35px; font-weight:normal;}
.fuwuxitong h2{ font-size:24px; text-align:center; color:#4d4d4d; height:24px; line-height:24px; margin-top:15px; font-weight:normal;}
.fuwuxitong ul{width:1000px; height: auto; margin:50px auto 0 auto; overflow:hidden;display: flex;flex-wrap: wrap;justify-content:space-between;}
.fuwuxitong ul li{ text-align:center; color:#6f6f6f; padding-top:150px; min-width:132px; font-size:18px; font-weight:normal;}
.fuwuxitong ul li:hover{ text-align:center; color:#af833e;}
.fuwuxitong ul li h4{ font-size:24px; margin-bottom:10px;}
.fuwuxitong ul li:nth-of-type(1){ background:url(../images/pic23.png) center top no-repeat;}
.fuwuxitong ul li:nth-of-type(1):hover{ background:url(../images/pic23_1.png) center top no-repeat;}
.fuwuxitong ul li:nth-of-type(2){ background:url(../images/pic24.png) center top no-repeat;}
.fuwuxitong ul li:nth-of-type(2):hover{ background:url(../images/pic24_1.png) center top no-repeat;}
.fuwuxitong ul li:nth-of-type(3){ background:url(../images/pic25.png) center top no-repeat;}
.fuwuxitong ul li:nth-of-type(3):hover{ background:url(../images/pic25_1.png) center top no-repeat;}
.fuwuxitong ul li:nth-of-type(4){ background:url(../images/pic26.png) center top no-repeat;}
.fuwuxitong ul li:nth-of-type(4):hover{ background:url(../images/pic26_1.png) center top no-repeat;}
.fuwuxitong ul li:nth-of-type(5){ background:url(../images/pic27.png) center top no-repeat;}
.fuwuxitong ul li:nth-of-type(5):hover{ background:url(../images/pic27_1.png) center top no-repeat;}

.reason{ width:100%; height:auto; overflow:hidden; background:url(../images/pic9.png) center top no-repeat; margin-top:70px;}
.reason h1{ font-size:40px; text-align:center; color:#231815; height:60px; line-height:60px;}
.reason h2{ font-size:20px; text-align:center; color:#656565; height:20px; line-height:20px; margin-top:20px; font-weight:normal;}
#Tab1{width:1200px; height:auto; overflow:hidden; margin:70px auto 0 auto;}
#Tab1 .Menubox{width:500px;height:349px; float:left;}
#Tab1 .Menubox ul{margin:0px;padding:0px;}
#Tab1 .Menubox li{float:left; width:150px; height:83px; line-height:83px; padding:0 0 0 100px; font-size:18px; color:#656565; text-decoration:none; margin-bottom:5px;}
#Tab1 .Menubox li:nth-of-type(1){ background:url(../images/pic10.png) center left no-repeat;}
#Tab1 .Menubox li:nth-of-type(1):hover{ background:url(../images/pic10_1.png) center left no-repeat;}
#Tab1 .Menubox li:nth-of-type(2){ background:url(../images/pic11.png) center left no-repeat;}
#Tab1 .Menubox li:nth-of-type(2):hover{ background:url(../images/pic11_1.png) center left no-repeat;}
#Tab1 .Menubox li:nth-of-type(3){ background:url(../images/pic12.png) center left no-repeat;}
#Tab1 .Menubox li:nth-of-type(3):hover{ background:url(../images/pic12_1.png) center left no-repeat;}
#Tab1 .Menubox li:nth-of-type(4){ background:url(../images/pic13.png) center left no-repeat;}
#Tab1 .Menubox li:nth-of-type(4):hover{ background:url(../images/pic13_1.png) center left no-repeat;}
#Tab1 .Menubox li:nth-of-type(5){ background:url(../images/pic14.png) center left no-repeat;}
#Tab1 .Menubox li:nth-of-type(5):hover{ background:url(../images/pic14_1.png) center left no-repeat;}
#Tab1 .Menubox li:nth-of-type(6){ background:url(../images/pic15.png) center left no-repeat;}
#Tab1 .Menubox li:nth-of-type(6):hover{ background:url(../images/pic15_1.png) center left no-repeat;}
#Tab1 .Menubox li:nth-of-type(7){ background:url(../images/pic16.png) center left no-repeat;}
#Tab1 .Menubox li:nth-of-type(7):hover{ background:url(../images/pic16_1.png) center left no-repeat;}
#Tab1 .Menubox li:nth-of-type(8){ background:url(../images/pic17.png) center left no-repeat;}
#Tab1 .Menubox li:nth-of-type(8):hover{ background:url(../images/pic17_1.png) center left no-repeat;}
#Tab1 .Contentbox{float:right; width:665px; height:349px;}

.banner1{ width:100%; height:260px; overflow:hidden; background:url(../images/pic4.jpg) center no-repeat; margin-top:80px; text-align:center; color:#FFF;}
.banner1 h1{ font-size:78px; height:80px; line-height:80px; margin-top:60px;}
.banner1 h2{ font-size:36px; height:36px; line-height:36px; margin-top:20px;}
.banner2{ width:100%; height:405px; overflow:hidden; background:url(../images/pic12.jpg) center no-repeat; margin-top:50px;}

.team{ width:100%; height:auto; overflow:hidden; background:url(../images/pic18.png) center top no-repeat; margin-top:70px;}
.team h1{ font-size:40px; text-align:center; color:#231815; height:50px; line-height:50px; margin-bottom:50px;}
.team .swiper-container{ margin:auto; width:1200px; height:auto;}
.team figure {width:300px;height:270px; border:solid #a0a0a0 2px;border-radius:30px; margin-top:90px;color:#7f7f7f;}
.team .swiper-slide{display: flex;flex-wrap: wrap;justify-content:space-around;}
.team figure img{width:180px;height:180px;border-radius:50%; margin:-90px auto 0 auto;border:solid #a0a0a0 2px; padding:3px; background:#FFF;}
.team figure figcaption{ text-align:center; height:50px; line-height:50px; font-size:24px;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; overflow:hidden;}
.team figure p{ font-size:14px;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical; height:100px; line-height:23px; padding:0 15px; text-align:left;}
.team figure p a{ background:#af833e;border-radius:10px; color:#FFF; padding:0 5px; height:20px; line-height:20px; display:block; float:right; text-decoration:none; margin-top:5px;}
.team figure p a:hover{ background:#ddb583;}

.qualifications{ width:100%; height:310px; overflow:hidden; background:url(../images/pic5.jpg) no-repeat; margin-top:80px; padding-top:80px;}
#scrollarea{width:1200px;height:230px;position:relative;overflow:hidden; margin:auto;}
#scrollarea ul {width:1200px;height:230px;position:absolute;}
#scrollarea ul li {width:300px;height:230px;margin-right:2em; float:left;}
#scrollarea ul li img{ width:100%; height:230px;}

.news{ width:100%; height:auto; overflow:hidden; background:url(../images/pic19.png) center top no-repeat; margin-top:70px;}
.news h1{ font-size:40px; text-align:center; color:#231815; height:50px; line-height:50px; margin-bottom:50px;}
.news .c{ width:1200px; height:auto; overflow:hidden; margin:auto;}
.news .c .l{ width:490px; height:auto; float:left; color:#9a9a9a;text-align:justify;text-justify:inter-ideograph;}
.news .c .l .pic{ width:490px; height:340px; overflow:hidden; position:relative; z-index:0; margin-bottom:10px;}
.news .c .l .pic img{ width:490px; height:340px; }
.news .c .l .pic h2{ position:absolute; z-index:10;background:rgba(0,0,0,0.6); bottom:0; width:94%; padding:0 3%; height:50px; line-height:50px;font-size:24px; color:#FFF; font-weight:300;}
.news .c .l .pic span{ float:right;font-size:14px;}
.news .c .l .more{ display:block; float:right; color:#af833e;}
.news .c .r{ width:610px; height:auto; float:right;}
.news .c .r ul{} 
.news .c .r ul li{text-align:justify;text-justify:inter-ideograph; height:auto; overflow:hidden; padding-bottom:20px; margin-bottom:20px; border-bottom:dashed #dddddd 1px;} 
.news .c .r ul li img{ width:130px; height:120px; float:left; margin-right:20px;} 
.news .c .r ul li h2{font-size:20px; color:#4c4c4c; font-weight:600; } 
.news .c .r ul li h2 span{font-size:14px; float:right;font-weight:300; }
.news .c .r .more{ display:block; float:right; color:#af833e;}

.footer{width:100%; height:700px; overflow:hidden; background:url(../images/pic6.jpg) center no-repeat; margin-top:50px;}
.footer .cm{width:1200px; height: auto; overflow:hidden; margin:auto;}
.footer .l{width:50%; height: auto; overflow:hidden; float:left; margin-top:80px;}
.footer .l h1{font-size:16px; color:#FFF;font-weight: normal; background:url(../images/address.png) center left no-repeat; margin-top:35px; padding-left:35px;}
.footer .l h2{font-size:16px; color:#FFF;font-weight: normal; background:url(../images/address1.png) center left no-repeat;padding-left:35px;}
.footer .r {width:50%; height: auto; overflow:hidden; float:right;}
.footer .r ul{ margin-top:50px;}
.footer .r ul li{ color:#fff; margin-bottom:10px;}
.footer .r ul li .text{ border:#a0a0a0 solid 1px; padding:5px 10px; width:300px;}
.footer .r ul li .content{ border:#a0a0a0 solid 1px; padding:5px 10px; width:500px;}
.footer .r ul li .checkcode{ border:#a0a0a0 solid 1px; padding:5px 10px;}
.footer .r ul li img{ width:auto; height:30px;}
.footer .r .submit{ background:#af833e; color:#FFF;border-radius:15px; padding:5px 10px; border:0; font-size:16px; margin-left:56px;}
.footer .r .submit:hover{ background:#b68d4e;}
.footer .r a{ background:#af833e; color:#FFF;border-radius:15px; padding:0 10px; height:30px; line-height:30px; border:0; font-size:16px; float:right; text-decoration:none; display:block;}
.footer .r a:hover{ background:#b68d4e;}
.footer .footnav{ width:1200px; height:auto; overflow:hidden; margin:30px auto; padding:20px 0; color:#fff;display:-webkit-flex;display:flex;justify-content:space-around; border-top:solid #FFF 1px;border-bottom:solid #FFF 1px;}
.footer .footnav dl{}
.footer .footnav dt{ font-size:16px; margin:0 0 10px 0; color:#fff;border-bottom:solid #FFF 3px; height:38px; line-height:38px;}
.footer .footnav a{color:#fff;}
.footer .links{ width:1200px; margin:auto; color:#fff; font-size:14px; text-align:center;}
.footer .links a{color:#fff;}
.footer .copyright{color:#fff; text-align:center;}
.footer .copyright a{color:#fff;}

.head{width:100%;height:65px; background:#000;}
.head .c{width:100%;height:65px; margin:auto;}
.head .logo{ position:absolute; top:18px; left:calc(50% - 600px); z-index:999;}
.head .animenu__toggle {display: none;cursor: pointer;background-color: #fff;border: 0;padding: 10px;height: 65px;width: 65px;}
.head .animenu__toggle:hover {background-color: #ad804e;}
.head .animenu__toggle__bar {display: block;width: 20px;height: 2px;background-color: #fff;-webkit-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); -o-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); }
.head .animenu__toggle__bar + .animenu__toggle__bar {margin-top: 4px;}
.head .animenu__toggle--active .animenu__toggle__bar {margin: 0;position: absolute;}
.head .animenu__toggle--active .animenu__toggle__bar:nth-child(1) {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.head .animenu__toggle--active .animenu__toggle__bar:nth-child(2) {opacity: 0;}
.head .animenu__toggle--active .animenu__toggle__bar:nth-child(3) {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.head .animenu {margin: auto;padding:0;position: relative;z-index:999; width:100%;}
.head .animenu ul {padding-right:calc(50% - 600px); margin:0;list-style: none;}
.head .animenu li, .animenu a {display: inline-block;font-size:18px; font-weight:500;}
.head .animenu a {color: #fff;text-decoration: none;}
.head .animenu__nav {height:65px;display:flex;justify-content:flex-end;}
.head .animenu__nav > li {}
.head .animenu__nav > li > a {height:65px; line-height:65px;text-align: center;display: block;text-transform: uppercase; padding:0 30px;}
.head .animenu__nav > li:hover > ul {opacity: 1;visibility: visible;margin: 0;}
.head .animenu__nav > li:hover > a {border-bottom:solid #a07839 3px;height:62px; line-height:65px;color: #a07839;}
.head .animenu__nav__child {width: 100%;position: absolute;top: 100%;left: 0;z-index: 1;opacity: 0;visibility: hidden;margin: 20px 0 0 0;transition: margin .15s, opacity .15s; background:#f4f4f4;}
.head .animenu__nav__child .child {width:1200px; height:auto; overflow:hidden; margin:30px auto;}
.head .animenu__nav__child .introduce {float:left; width:410px; height:auto; overflow:hidden; color:#a0a0a0; font-size:14px;}
.head .animenu__nav__child .introduce h1{font-size:24px; color:#4e4e4e; margin-bottom:40px;}
.head .animenu__nav__child .introduce a{border:solid #ebeae9 1px; font-size:14px; width:160px; height:40px; line-height:40px; display:block; padding:0; margin-top:50px;}
.head .animenu__nav__child ol{float:left; width:260px; height:auto; overflow:hidden; margin-left:115px;}
.head .animenu__nav__child li {width:100%;}
.head .animenu__nav__child > li {width:100%;}
.head .animenu__nav__child > li:first-child > a:after {content: '';position: absolute;height: 0;width: 0;left: 1em;top: -6px;border: 6px solid transparent;border-top: 0;border-bottom-color:rgba(182,141,78,0.8);}
.head .animenu__nav__child > li:last-child {border: 0;}
.head .animenu__nav__child a {width:100%;font-size: 16px; color:#666666; border-bottom:solid #e0e0e0 1px; text-align:center; display:block; height:45px; line-height:45px;}
.head .animenu__nav__child a:hover {color: #af833e;}
.head .animenu__nav--open {display: block !important;}
.head .animenu__nav--open .animenu__nav__child {display: block;}

.jumbotron { width:100%; height:524px;}
.jumbotron-fluid {padding-right: 0;padding-left: 0;border-radius: 0;}
.mb-2, .my-2 {margin-bottom: .5rem!important;}
.mb-3, .my-3 {margin-bottom: 1rem!important;}
.mt-4, .my-4 {margin-top: 1.5rem!important;}
.container {max-width:1200px;margin-right: auto;margin-left: auto;}
.container .content{padding-top:10px;}
.container .content img{ margin-left:auto; margin-right:auto; display:block; max-width:100%; height:auto;}
.container .row{padding-top:10px;display:-webkit-flex;display:flex;flex-wrap:wrap;}
.container .row figure{ margin:10px 20px;}
.container .row figure img{ width:360px; height:266px;}
.container .row figure figcaption{ text-align:center;}
.container .culture{ width:100%; height:auto; overflow:hidden;}
.container .culture ul{ width:100%; height:auto; overflow:hidden; margin:30px 0;}
.container .culture ul li{ width:100%; height:auto; overflow:hidden; color:#231816;}
.container .culture ul li h1{ width:280px; height:288px; line-height:288px; font-size:24px; float:left;}
.container .culture ul li div{ width:920px; height:248px; font-size:36px; font-weight:bold; border-top:solid #010101 2px; padding:20px 0; float:left; overflow:hidden;}
.container .culture ul li div p{height:248px; line-height:50px; float:left;display:-webkit-flex;display:flex;align-items:center;}
.container .culture ul li div:nth-child(2){ border-bottom:solid #010101 2px;}
.container .culture ul li img{ width:368px; height:248px; float:right;transition: all 0.6s;}
.container .culture ul li img:hover{transform: scale(1.3); }
.container .culture .pic{ max-width:1200px; height:auto; margin:auto; display:block;}

.container .ytfw{ border:solid 1px #e2e2e2;width:calc(100% - 120px); height:auto; overflow:hidden;-moz-box-shadow:0px 0px 10px #999; -webkit-box-shadow:0px 0px 10px #999; box-shadow:0px 0px 10px #999; margin:20px auto; padding:50px;}
.container .ytfw .card{height: auto; overflow:hidden; margin-bottom:20px;}
.container .ytfw .card .card-body{ float:left; width:350px;height:248px; overflow:hidden; text-align:center;display:-webkit-flex;display:flex;align-items:center;}
.container .ytfw .card .card-body .card-title{ font-size:48px; margin-bottom:10px; text-align:center; width:350px;}
.container .ytfw .card .card-body .card-title span{ font-size:16px; display:block; color:#666; margin-top:20px;}
.container .ytfw .card a{ width:506px; height:248px; overflow:hidden; display:block; float:right;}
.container .ytfw .card img{ width:506px; height:248px;transition: all 0.6s;}
.container .ytfw .card img:hover{transform: scale(1.3); }
.container .subcase{display:-webkit-flex;display:flex;flex-wrap:wrap; width:984px; height:auto; overflow:hidden; float:right; margin-bottom:50px;}
.container .subcase a{ display:block; width:328px; height:328px; position:relative; color:#FFF;}
.container .subcase a:hover h1{width:328px; height:328px; line-height:328px;transition: height .5s;}
.container .subcase img{width:328px; height:328px;}
.container .subcase h1{width:328px; height:40px; line-height:40px; overflow:hidden; position:absolute; bottom:0; background:rgba(0,0,0,0.8); font-size:24px; font-weight:normal; text-align:center;}
.container .subnews{width:984px; height:auto; overflow:hidden; float:right;}
.container .subnews li{height:auto; overflow:hidden; border-bottom:solid #e4e4e4 1px; padding-bottom:15px; margin-bottom:15px;}
.container .subnews li h1{ font-size:24px; margin-bottom:5px;}
.container .subnews li h1 span{ font-size:14px; font-weight:normal; color:#4b4b4b; float:right;}
.container .subnews li p {color:#666666;}
.container .subnews li p a{display:block; float:right; color:#af833e;}
.container .text-center{ text-align:center; float:left;width:100%; height:auto; overflow:hidden;}
.container .fs-24{margin-top:24px;}
.container h3{ text-align:center; margin-top:50px;}
.container .subnav {display: flex;flex-wrap: wrap;justify-content:center; margin-bottom:20px;}
.container .subnav a{ font-size:20px; color:#656565; width:120px; height:30px; line-height:30px; border-radius:15px; text-align:center; text-decoration:none; border:solid #888888 1px; margin:15px 20px 0 0; background:#FFF;}
.container .subnav a:hover{color:#fff;background:#af833e;border:solid #af833e 1px;}
.container .job{ margin-top:20px;}
.container .job .card{height: auto; overflow:hidden; margin-bottom:20px; border-bottom:dashed #dedede 1px; padding-bottom:20px;}
.container .job .card .card-body a{ float:right; color:#b08447;}
.container .job .card-header{ font-size:20px; margin-bottom:5px;}
.container .job .card-footer{ float: right; color:#666; font-size:14px;}
.container .brand{ width:830px; height:auto; margin:20px auto; overflow:hidden; background:#393939 url(../images/pic20.png) no-repeat; background-position:40px 40px; padding:40px 40px 40px 130px; font-size:12px; color:#FFF;}
.container .brand1{ width:830px; height:auto; margin:20px auto; overflow:hidden; background:#393939 url(../images/pic28.png) no-repeat; background-position:40px 40px; padding:40px 40px 40px 130px; font-size:12px; color:#FFF;}
.container .brand2{ width:830px; height:auto; margin:20px auto; overflow:hidden; background:#393939 url(../images/pic29.png) no-repeat; background-position:40px 40px; padding:40px 40px 40px 130px; font-size:12px; color:#FFF;}
.subpages {max-width:1200px;margin-right: auto;margin-left: auto;}
.subpages .content .contact{width:100%; height: auto; overflow:hidden; margin-top:30px;}
.subpages .content .contact .left{ float:left; width:800px; height: auto; overflow:hidden; color:#666666;}
.subpages .content .contact .left h1{background:url(../images/pic21.png) center left no-repeat; padding-left:40px; font-size:14px; font-weight:normal; width:100%;height:30px; line-height:30px; color:#333333;}
.subpages .content .contact .left h2{background:url(../images/pic22.png) center left no-repeat; padding-left:40px; font-size:30px; font-weight:normal; font-family:Impact; width:100%;height:40px; line-height:40px; margin-top:10px; color:#333333;}
.subpages .content .contact .left h3{ width:100%; height:40px; font-size:24px; text-align:left; color:#333333; margin-top:20px;}
.subpages .content .contact .right{ float:right; width:240px; height: auto; overflow:hidden;}
.subpages .content .contact .right img{ float:left; width:123px; height:123px;}
.subpages .content .contact .right .gzh{width:100%; height:123px; margin-bottom:20px;}
.subpages .content .contact .right h4{ padding-top:80px; color:#666666; padding-left:5px; float:left; line-height:20px; font-weight:normal;}

/* 返回顶部 */
.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:0px;bottom:100px; z-index:999;}/*假设网页宽度为1300px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 0.5s;-o-moz-transition:background-position 0.5s;-webkit-moz-transition:background-position 0.5s;transition:background-position 0.5s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -798px;}
.toolbar-item-weixin:hover{background-position:0 -860px;}
.toolbar-item-feedback{background-position:0 -425px;}
.toolbar-item-feedback:hover{background-position:0 -488px;}
.toolbar-item-app{background-position:0 -550px;}
.toolbar-item-app:hover{background-position:0 -612px;}
.toolbar-item-app .toolbar-layer{height:194px;background-position:0 -222px;}
.toolbar-item-top{background-position:0 -674px;}
.toolbar-item-top:hover{background-position:0 -736px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s;}

.pages {padding-top: 10px;padding-bottom: 10px; height:auto; overflow:hidden;}
.position, .position a {color: #999; height:40px;}
.text-right {text-align: right!important;}
.d-none {display: none!important;}
.d-md-block {display: block!important;}
.badge {display: inline-block;padding: .25em .4em;font-size: 75%;font-weight: 700;line-height: 1;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: .25rem;}
.badge-light {color: #212529;background:#FFF;}
.btn-info {color: #fff; background:url(../images/sortnav.png) center top no-repeat;}
.btn-info:hover {color: #fff;background:(../images/sortnav.png) center top no-repeat;}
.btn-light:hover {color: #212529;background:url(../images/sortnav1.png) center top no-repeat;}
.btn:hover, .btn:focus {text-decoration: none;}
.sonsort {width:100%; height:auto; overflow:hidden;}
.sonsort a{ float:left; text-decoration:none; padding:0 20px; height:58px; line-height:43px;}
.justify-content-center {-ms-flex-pack: center!important;justify-content: center!important;}
.justify-content-center a{ text-decoration:none;}
.justify-content-center a:hover{ background:#af833e; color:#FFF;}
.pagination {display: -ms-flexbox;display: flex;padding-left: 0;list-style: none;border-radius: .25rem;clear:both;}
.page-link:not(:disabled):not(.disabled) {cursor: pointer;}
.page-num, .page-link {position: relative;display: block;padding: .5rem .75rem;margin-left: -1px;line-height: 1.25;color: #af833e;background-color: #fff;border: 1px solid #dee2e6;}
.page-link {position: relative;display: block;padding: .5rem .75rem;margin-left: -1px;line-height: 1.25;color: #333;background-color: #fff;border: 1px solid #dee2e6;}
.page-num-current {z-index: 1;color: #fff;background-color: #af833e;border-color: #af833e;}
.asubnav{ width:198px; height:auto; overflow:hidden; float:left;}
.asubnav .info {color: #fff; background:url(../images/subnav.png) right no-repeat; display:block;}
.asubnav .info:hover {color: #fff;background:(../images/subnav.png) right no-repeat;}
.asubnav .light {display:block;}
.asubnav .light:hover {color: #212529;background:url(../images/subnav1.png) center top no-repeat;}
.asubnav a{ height:53px; line-height:53px; text-decoration:none; font-size:20px; padding-left:40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1; -webkit-box-orient: vertical;}
.asubnav .tel{ width:198px; height:auto; overflow:hidden; background:#ededed; text-align:center; padding:20px 0; margin-top:20px;}

.subpage{ width:1300px; height:auto; margin:60px auto;}
.subpage header{ text-align:center; border-bottom:solid #000 1px; width:60%; margin:0 auto 40px auto; padding-bottom:30px;color:#704719;}
.subpage header h1{ font-weight:normal; margin-bottom:10px; font-size:20px;}
.subpage .container { padding-top:50px;}
.subpage .container img{ max-width:1200px; height:auto; margin:15px auto; display:block;}
.subpage .container header{ text-align:center; border-bottom:solid #dedede 1px; margin:10px 0 20px 0; padding:10px 0; height:auto; overflow:hidden; width:100%;}
.subpage .container header h1{ font-size:30px; font-weight:300; width:100%; margin:0 0 15px 0; color:#ad804e;}
.subpage .container header span{ font-size:12px; color:#d6b895;}
.subpage .map{border:solid #d6b895 1px;}
.subpage .album{height:auto; overflow:hidden; margin:auto; padding-top:50px;display: -webkit-flex; /* Safari */display: flex;justify-content:space-between;flex-wrap:wrap;}
.subpage .album figure img{width:100%; height:100%;border-radius:10px;}
.subpage .album figure a{ display:block;width:400px;height:400px; overflow:hidden;}
.subpage .album figure figcaption{ text-align:center; font-size:18px; height:60px; line-height:50px; color:#ad804e;}
.subpage .news_list { margin-top:50px;}
.subpage .news_list article { width:100%; height:170px; margin-bottom:50px;}
.subpage .news_list article img{ width:260px; height:170px; float:left;border-radius:10px; margin:0 40px;}
.subpage .news_list article .wrapper{ float:left; display:block; width:840px; height:170px;}
.subpage .news_list article .wrapper h1{ height:30px; font-weight:normal; margin-bottom:10px;}
.subpage .news_list article .wrapper p{ color:#d6b895;}
.subpage .news_list article a{color:#ad804e; font-size:24px; font-weight:300}
.subpage .news_list article time{ float:left; width:120px; height:170px; display:block; background:url(../images/arrow.gif)  left top no-repeat; font-size:18px; font-weight:normal;color:#ad804e;}
.pag{height:40px;clear:both;display: flex;justify-content: center;}
.pag a{ text-align:center; margin:0px 2px; padding:4px 10px;  text-decoration:none; border:1px solid #DDD;}
.pag .current{ background:#1372be; color:#FFF;}
.pag span{ display: inline; padding:5px 10px; margin:0px 5px;}
.pag_lf{ float:left; height:50px; line-height:50px;}
.sxp {font-size:14px; color:#ad804e; font-weight:300; width:100%; height:auto; overflow:hidden;}
.sxp a{color:#ad804e;}
.sxp .l{display: block;border: solid 1px #e2e2e2;padding: 5px 10px; float:left;}
.sxp .r{display: block;border: solid 1px #e2e2e2;padding: 5px 10px; float:right;}

/*相册*/ 
#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:557px; position:absolute; z-index:9999; left:50%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }
#mbCenter.mbLoading { background:#fff url(../images/WhiteLoading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat;}
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; line-height:20px; font-size:12px; color:#999; text-align:left; padding:10px 10px 10px; }
#mbTitle { display:inline; color:#999; font-weight:bold; line-height:20px; font-size:12px; }
#mbNumber { background:url(../images/mbNumber_bg.gif) no-repeat center; display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { width:32px; height:100px; background:transparent url(../images/CustomBlackPrevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }
#mbNextLink { width:32px; height:100px; background:transparent url(../images/CustomBlackNext.gif) no-repeat center; position: absolute; top:38%; right:-32px; }
#mbCloseLink { width:24px; background:transparent url(../images/CustomBlackClose.gif) no-repeat center; position:absolute; top:0; right:0; }
#mbError { position:relative; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }
.mod_gallerylist{height: auto; overflow:hidden; margin:0 0 0 -15px;}
.mod_gallerylist figure {width:385px; height:400px;overflow:hidden;float:left;margin:0 0 0 15px; text-align:center; position:relative;}
.mod_gallerylist figure .image_container{width:385px; height:350px; overflow:hidden; border:solid #dedede 1px; display:table-cell; *display: block;vertical-align:middle; text-align:center;}
.mod_gallerylist figure .image_container img{max-width:383px;width:expression(document.body.clientWidth > 348? "348px": "auto");max-height:348px;height:expression(document.body.clientHeight > 348? "348px": "auto");vertical-align:middle;transition: all 0.6s;}
.mod_gallerylist figure .image_container img:hover{transform: scale(1.4);}
.mod_gallerylist figure figcaption{ height:40px; line-height:40px; text-align:center; display:block;}

/* 下级菜单 */
.menu { position:relative; z-index:99; width:100%; display:flex;justify-content:center;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none;color:#2d2314; border:solid #e2e2e2 1px; text-align:center; height:40px; line-height:40px; margin:0 5px; padding:0 20px;font-size:16px; font-weight:300;border-radius:5px;}
.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li { position:relative;}
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#2d2314; background:#ad804e;border:solid #ad804e 1px;}
.menu ul li:hover ul {display:block; position:absolute; bottom:40px; left:0; background:#fff;-moz-box-shadow:0px 0px 10px #aaa; -webkit-box-shadow:0px 0px 10px #aaa;}
.menu ul li:hover ul li {display:block; background:#fff; color:#2d2314;width:115px; clear:both;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#fff; color:#2d2314; width:100%; border-bottom:0; border-left:0; border-right:0; border-top:0; margin:0; padding:0;font-size:14px;}
.menu ul li:hover ul li a:hover {background:#d6ac7e; color:#2d2314;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:210px; bottom:0;}
.menu ul li:hover ul li:hover ul li a {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#ad804e; color:#2d2314;}
.sub_on{background:#ad804e;color:#2d2314;}

/* 产品详情 */
.n_cp_xq{ position: relative; overflow: hidden; width: 468px; }
.n_cp_xq .bigImg{ height: 468px; position: relative; text-align:center;}
.n_cp_xq .bigImg li img{ vertical-align:middle; width:468px; height:468px;   }
.n_cp_xq .bigImg  h4{ font-size: 14px; font-weight: bold; line-height: 33px; height: 33px; padding-right: 30px; overflow: hidden; text-align: left; }
.n_cp_xq .smallScroll{ height: 47px; margin-bottom: 6px; margin-top:10px;}
.n_cp_xq .sPrev,.n_cp_xq .sNext{ float: left; display: block; width: 14px; height: 47px; text-indent: -9999px; background: url(../images/sprites1008.png) no-repeat 0 -3046px; margin-top:15px;}
.n_cp_xq .sNext{ background-position: 0 -2698px;}
.n_cp_xq .sPrev:hover{ background-position: 0 -3133px;}
.n_cp_xq .sNext:hover{ background-position: 0 -2785px;}
.n_cp_xq .smallImg{ float:left;  margin: 0 6px; display:inline; width: 428px; overflow: hidden;}
.n_cp_xq .smallImg ul{ height:79px;  width: 9999px; overflow: hidden; }
.n_cp_xq .smallImg li{ float: left; padding: 0 23px 0 0; width:89px; cursor:pointer;  display: inline;  }
.n_cp_xq .smallImg img{ border: 1px solid #dcdddd; width:87px; height:77px;  }
.n_cp_xq .smallImg .on img{ border-color: #d6ac7e;}
.n_cp_xq .pageState{ position: absolute; top: 235px; right: 5px; font-family: "Times New Roman", serif; letter-spacing: 1px;}
.n_cp_xq .pageState span{ color: #f00; font-size: 16px;}
.n_xq_top{ overflow:hidden;margin:50px 0;}
.n_xq_left{ float:left;}
.n_xq_right{ float:right; width:650px; font-size:14px; line-height:28px;}
.n_xq_right h1{ color:#ad804e; font-size:24px; font-weight: normal; border-bottom:1px dashed #CCC; padding-bottom:15px; margin-bottom:15px;}
.n_xq_right .c{overflow-y:auto; height: auto; margin:20px 0; overflow:hidden; color:#d6b895;}

/* 视频直播 */
#video {width:100%;margin: 0 auto;}
#video section {height:500px;background:#2c3e50 center no-repeat;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;}
#video section > .text {position: relative;top: 50%;transform: translateY(-50%);text-align: center;}
#video section > .text > h1 {font-size: 32px;color: #fff; height:60px;}
#video section > .text > h3 {font-size: 42px;color: #fff;}
.video_main{ background:#f6f6f6; width:100%; height:auto; overflow:hidden;}
.video_content{width:1200px; height:auto; overflow:hidden; margin:auto;}
.ceilinglamp{ height:60px; line-height:60px; font-size:18px; color:#FFF;-moz-box-shadow:0px 0px 10px #aaa; -webkit-box-shadow:0px 0px 10px #aaa; box-shadow:0px 0px 10px #aaa; margin:0 10px;}
.ceilinglamp .tab{ background:#70be44; width:590px; height:60px; line-height:60px; float:left; cursor:pointer;}
.ceilinglamp .tab1{ background:#1372be; width:590px; height:60px; line-height:60px; float:left; cursor:pointer;}
.ceilinglamp img{ float:left; margin:12px 15px 0 240px;}
#bload1 iframe{-moz-box-shadow:0px 0px 10px #aaa; -webkit-box-shadow:0px 0px 10px #aaa; box-shadow:0px 0px 10px #aaa; margin:10px;padding:0; border:0;}
#bload1 h2{ padding:20px 10px 5px 10px; font-size:14px; font-weight:normal;}
#bload2 iframe{ margin:0; padding:0; border:0;}
.video_list { padding:10px;-moz-box-shadow:0px 0px 10px #ccc; -webkit-box-shadow:0px 0px 10px #ccc; box-shadow:0px 0px 10px #ccc; float:left; width:565px; height: auto; overflow:hidden; float:left; margin:10px 0 10px 10px;}
.video_list:nth-child(2){float:right; margin:10px 10px 10px 0;}
.video_list h1{ font-size:16px; height:40px; line-height:30px; color:#666; font-weight:normal;}
.video_list h2{ padding:0 0 10px 0; font-size:12px; font-weight:normal;}

/* 按钮动画 */
.type-1 {overflow: hidden;}
.type-1 span {position: absolute;width: 100%;height: 100%;display: block;opacity: 1;left: 0;top: 0;box-sizing: border-box;-moz-box-sizing: border-box;text-align: center;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transition: all 0.6s cubic-bezier(0.05, 0.06, 0.05, 0.95);transition: all 0.6s cubic-bezier(0.05, 0.06, 0.05, 0.95);box-shadow: none;}
.type-1 span:first-of-type {z-index: 99999;}
.type-1 span:last-of-type {background: #3a3a3a;left: -100%;}
.type-1:hover span {left: 0;}
.type-15 {overflow: hidden;background: #666;}
.type-15 span {position: absolute;width: 100%;height: 100%;display: block;opacity: 1;left: 0;top: 0;box-sizing: border-box;-moz-box-sizing: border-box;text-align: center;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transition: all 0.6s cubic-bezier(0.05, 0.06, 0.05, 0.95);transition: all 0.6s cubic-bezier(0.05, 0.06, 0.05, 0.95);box-shadow: none;}
.type-15 span:first-of-type {z-index: 99999;}
.type-15 span:last-of-type {background: #ad804e;left: -100%;}
.type-15:hover span {left: 0;}

/* 公司矩阵 */
.bran_list01{ width:100%; height:600px; margin:0px; padding:0px;}
.bran_list01pic{ width:50%; height:600px; float:left; margin:0px; padding:0px; overflow:hidden;}
.bran_list01pic img{ width:auto; height:auto; margin:0px;}
.bran_list01pic img:hover{transform:scale(1.05);-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; }
.bran_list01txt{ width:40%; height:500px; float:left; margin:0px; padding:50px 5%; overflow:hidden; font-size:16px; line-height:25px; color:#343536; text-align:left}
.bran_list01txt b{ font-size:22px; font-weight:bold; line-height:34px; color:#af833e !important;}
.bran_list01txt1{ width:40%; height:500px; float:left; margin:0px; padding:50px 5%; overflow:hidden; font-size:16px; line-height:25px; color:#343536; text-align:left}
.bran_list01txt1 b{ font-size:22px; font-weight:bold; line-height:34px; color:#00ada9 !important;}
.bran_list01txt2{ width:40%; height:500px; float:left; margin:0px; padding:50px 5%; overflow:hidden; font-size:16px; line-height:25px; color:#343536; text-align:left}
.bran_list01txt2 b{ font-size:22px; font-weight:bold; line-height:34px; color:#991e23 !important;}
.bran_list01txttit{ width:100%; height:74px; text-align:left; font-size:48px; font-weight:normal; color:#231815}
.bran_list01txttit span{ font-weight:bold; color:#231815 }
.bran_list01txttit1{ width:100%; height:74px; text-align:left; font-size:48px; font-weight:normal; color:#0a2832}
.bran_list01txttit1 span{ font-weight:bold; color:#0a2832 }
.bran_list01txttit2{ width:100%; height:74px; text-align:left; font-size:48px; font-weight:normal; color:#000000}
.bran_list01txttit2 span{ font-weight:bold; color:#000000 }
.bran_list01block{ width:100%; height:140px; margin-top:30px; padding:0px;}
.bran_list01block01{ width:44%; height:50px; line-height:50px; text-align:left; font-size:16px; overflow:hidden; background-color:#af833e; color:#ffffff; padding:10px 3%; float:left; margin:0px; }
.bran_list01block01 img{ width:50px; height:50px; float:left; margin:0px;}
.bran_list01block01_1{ width:44%; height:50px; line-height:50px; text-align:left; font-size:16px; overflow:hidden; background-color:#00ada9; color:#ffffff; padding:10px 3%; float:left; margin:0px; }
.bran_list01block01_1 img{ width:50px; height:50px; float:left; margin:0px;}
.bran_list01block01_2{ width:44%; height:50px; line-height:50px; text-align:left; font-size:16px; overflow:hidden; background-color:#991e23; color:#ffffff; padding:10px 3%; float:left; margin:0px; }
.bran_list01block01_2 img{ width:50px; height:50px; float:left; margin:0px;}
.bran_list01block02{ width:44%; height:50px; line-height:50px; text-align:left; font-size:16px; overflow:hidden; background-color:#f0f0f6; color:#000000; padding:10px 3%;  float:left; margin:0px;}
.bran_list01block02 img{ width:50px; height:50px; float:left; margin:0px;}
.bran_list01block03{ width:44%; height:50px; line-height:50px; text-align:left; font-size:16px; overflow:hidden; background-color:#eeeef0; color:#000000; padding:10px 3%; float:left; margin:0px; }
.bran_list01block03 img{ width:50px; height:50px; float:left; margin:0px;}
.bran_list01block04{ width:44%; height:50px; line-height:50px; text-align:left; font-size:16px; overflow:hidden; background-color:#231815; color:#ffffff; padding:10px 3%; float:left; margin:0px; }
.bran_list01block04 img{ width:50px; height:50px; float:left; margin:0px;}
.bran_list01block04_1{ width:44%; height:50px; line-height:50px; text-align:left; font-size:16px; overflow:hidden; background-color:#0a2832; color:#ffffff; padding:10px 3%; float:left; margin:0px; }
.bran_list01block04_1 img{ width:50px; height:50px; float:left; margin:0px;}
.bran_list01block04_2{ width:44%; height:50px; line-height:50px; text-align:left; font-size:16px; overflow:hidden; background-color:#000000; color:#ffffff; padding:10px 3%; float:left; margin:0px; }
.bran_list01block04_2 img{ width:50px; height:50px; float:left; margin:0px;}
.dd_branbtn{ width:100%;height:64px; margin-top:49px;}
.dd_branbtn a{ display:block; margin:0px; padding:0 18px; width:200px; height:49px; border:#af833e 2px solid;  border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#af833e; text-decoration:none;background:rgba(175,131,62,.0); background-image:url(../images/btnicon2.png); background-position:right center; background-repeat:no-repeat; }
.dd_branbtn a:visited{ display:block; margin:0px;padding:0 18px; width:200px; height:49px; border:#af833e 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#af833e; text-decoration:none; background:rgba(175,131,62,.0); background-image:url(../images/btnicon2.png); background-position:right center; background-repeat:no-repeat; }
.dd_branbtn a:hover{ display:block;  margin:0px;padding:0 18px; width:200px; height:49px; border:#af833e 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#af833e; text-decoration:none; background:rgba(175,131,62,.10);background-image:url(../images/btnicon2.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;-moz-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;}
.dd_branbtn1{ width:100%;height:64px; margin-top:49px;}
.dd_branbtn1 a{ display:block; margin:0px; padding:0 18px; width:200px; height:49px; border:#00ada9 2px solid;  border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#00ada9; text-decoration:none;background:rgba(0,173,169,.0); background-image:url(../images/btnicon3.png); background-position:right center; background-repeat:no-repeat; }
.dd_branbtn1 a:visited{ display:block; margin:0px;padding:0 18px; width:200px; height:49px; border:#00ada9 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#00ada9; text-decoration:none; background:rgba(0,173,169,.0); background-image:url(../images/btnicon3.png); background-position:right center; background-repeat:no-repeat; }
.dd_branbtn1 a:hover{ display:block;  margin:0px;padding:0 18px; width:200px; height:49px; border:#00ada9 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#00ada9; text-decoration:none; background:rgba(0,173,169,.10);background-image:url(../images/btnicon3.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;-moz-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;}
.dd_branbtn2{ width:100%;height:64px; margin-top:49px;}
.dd_branbtn2 a{ display:block; margin:0px; padding:0 18px; width:200px; height:49px; border:#991e23 2px solid;  border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#991e23; text-decoration:none;background:rgba(150,30,35,.0); background-image:url(../images/btnicon4.png); background-position:right center; background-repeat:no-repeat; }
.dd_branbtn2 a:visited{ display:block; margin:0px;padding:0 18px; width:200px; height:49px; border:#991e23 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#991e23; text-decoration:none; background:rgba(150,30,35,.0); background-image:url(../images/btnicon4.png); background-position:right center; background-repeat:no-repeat; }
.dd_branbtn2 a:hover{ display:block;  margin:0px;padding:0 18px; width:200px; height:49px; border:#991e23 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#991e23; text-decoration:none; background:rgba(150,30,35,.10);background-image:url(../images/btnicon4.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;-moz-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;}
.bran_list02{ width:100%; height:476px; margin:0px; padding:0px;background-image:url(../images/brand03.jpg); background-position:center center; background-repeat:repeat; text-align:center}
.bran_list02-1{ width:100%; height:476px; margin:0px; padding:0px;background-image:url(../images/brand03-1.jpg); background-position:center center; background-repeat:repeat; text-align:center}
.bran_list02-2{ width:100%; height:476px; margin:0px; padding:0px;background-image:url(../images/brand03-2.jpg); background-position:center center; background-repeat:repeat; text-align:center}
.bran_list02txt{ width:80%; height:200px;  margin:0px auto; padding:138px 10%; overflow:hidden; font-size:26px; line-height:28px; color:#ffffff; text-align:center}
.bran_list02txt span{ font-size:56px; font-weight:bold; line-height:58px; color:#ffffff}
.dd_brandtn02{width:100%;height:64px; margin-top:34px; text-align:center}
.dd_brandtn02 a{ display:block; margin:0px auto; padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid;  border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none;background:rgba(255,255,255,.0); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; }
.dd_brandtn02 a:visited{ display:block; margin:0px auto;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.0); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; }
.dd_brandtn02 a:hover{ display:block;  margin:0px auto;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.22);background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;-moz-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;}
.bran_list03{ width:100%; height:476px; margin:0px; padding:0px;background-image:url(../images/brand04.jpg); background-position:center center; background-repeat:repeat;}
.bran_list03txt{ width:40%; height:200px; float:right; margin:0px; padding:100px 5%; overflow:hidden; font-size:16px; line-height:25px; color:#000000; text-align:left}
.bran_list03txt b{ font-size:22px; font-weight:bold; line-height:34px; color:#af833e !important;}
.bran_list03txttit{ width:100%; height:74px; text-align:left; font-size:48px; font-weight:normal; color:#231815}
.bran_list03txttit span{ font-weight:bold; color:#231815 }
.bran_list03txt1{ width:40%; height:200px; float:right; margin:0px; padding:100px 5%; overflow:hidden; font-size:16px; line-height:25px; color:#000000; text-align:left}
.bran_list03txt1 b{ font-size:22px; font-weight:bold; line-height:34px; color:#00ada9 !important;}
.bran_list03txttit1{ width:100%; height:74px; text-align:left; font-size:48px; font-weight:normal; color:#0a2832}
.bran_list03txttit1 span{ font-weight:bold; color:#0a2832 }
.bran_list03txt2{ width:40%; height:200px; float:right; margin:0px; padding:100px 5%; overflow:hidden; font-size:16px; line-height:25px; color:#000000; text-align:left}
.bran_list03txt2 b{ font-size:22px; font-weight:bold; line-height:34px; color:#00ada9 !important;}
.bran_list03txttit2{ width:100%; height:74px; text-align:left; font-size:48px; font-weight:normal; color:#0a2832}
.bran_list03txttit2 span{ font-weight:bold; color:#0a2832 }
.bran_list04{ width:100%; height:476px; margin:0px; padding:0px;background-image:url(../images/brand05.jpg); background-position:center center; background-repeat:repeat;}
.bran_list04txt{ width:40%; height:200px; float:left; margin:0px; padding:100px 5%; overflow:hidden; font-size:16px; line-height:25px; color:#ffffff; text-align:left}
.bran_list04txttit{ width:100%; height:74px; text-align:left; font-size:48px; font-weight:normal; color:#ffffff}
.bran_list04txttit span{ font-weight:bold; color:#ffffff }
.bran_list04txt b{ font-size:22px; font-weight:bold; line-height:34px; color:#ffffff !important;}
.dd_brandtn03{width:100%;height:64px; margin-top:34px; text-align:center}
.dd_brandtn03 a{ display:block; margin:0px; padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid;  border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none;background:rgba(255,255,255,.0); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; }
.dd_brandtn03 a:visited{ display:block; margin:0px;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.0); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; }
.dd_brandtn03 a:hover{ display:block;  margin:0px;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.22);background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;-moz-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;}

@media screen and (max-width: 960px) {
.top{width:100%; height:50px; background:#000;}
.top a{border:none;outline: none;}
.top .logo{width:95%;height:50px;margin:auto; background:url(../images/tel.png) center no-repeat; background-size:182px 20px;}
.top .logo img{ position:relative; z-index:9999; width: auto; height:50px;}
.header{width:100%;height:0;margin:auto; background:#fff;display:flex;flex-wrap:wrap; font-size:16px;font-weight:300;}
.header .animenu {display: block;width: 100%;margin: auto;padding: 0; position:absolute; top:0; right:0; background:none;}
.header .animenu ul {padding: 0; margin:0;list-style: none;}
.header .animenu__toggle {display: inline-block;float:right;margin:10px 10px 0 0; background:#ad804e;padding: 10px;height: 40px;width: 40px;}
.header .animenu__toggle__bar {display: block;width: 20px;height: 2px;background-color: #704719;-webkit-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); -o-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); }
.header .animenu__nav,.animenu__nav__child {display: none;width:100%; margin:auto;}
.header .animenu__nav > li {width:100%; float:none;margin:0; padding:0;}
.header .animenu__nav > li > a {color: #ad804e;background:rgba(0,0,0,0.9);height:38px; line-height:38px; display:block;border-bottom: 1px solid #333; font-size:14px;}
.header .animenu__nav {margin: 10px 0;}
.header .animenu__nav > li:last-child {border: 0;}
.header .animenu__nav > li:first-child > a:after {content: '';position: absolute;height: 0;width: 0;left: 1em;top: -6px;border: 6px solid transparent;border-top: 0;border-bottom-color: inherit;}
.header .animenu__nav a:hover {background-color: #ad804e;border-color: #ad804e;color: #ffffff;}
.header .animenu__nav__child {position: static;transition: none;visibility: visible;opacity: 1;}
.header .animenu__nav__child > li:first-child > a:after {content: none;}
.header .animenu__nav__child a {width:100%;font-size: 12px; color:#666666; border-bottom:solid #e0e0e0 1px; text-align:center; display:block; height:40px; line-height:40px;}
.header .animenu__nav__child > li {width: 100%;padding-left:0;padding-right:0;}
.header .animenu__nav__child .introduce { display:none;}
.header .animenu__nav__child .child {width:100%; height:auto; overflow:hidden; margin:0 auto;}
.header .animenu__nav__child .child img{display:none;}
.header .animenu__nav__child ol{float:left; width:100%; height:auto; overflow:hidden; margin-left:0;}
.header .animenu li, .animenu a {display: block;font-size:18px; font-weight:500;}

.service{ width:100%; height:auto; overflow:hidden; background:url(../images/pic1.png) center top no-repeat; background-size:190%; margin-top:30px;}
.service h1{ font-size:16px; text-align:center; color:#231815; height:20px; line-height:20px;}
.service h2{font-size: 14px;text-align: center;color: #656565;height: 20px;line-height: 20px;margin-top: 10px;font-weight: normal; width:100%;}
.service ul{display: flex;flex-wrap: wrap;justify-content:space-around; width:100%; height:auto; overflow:hidden; margin:10px auto 20px auto;}
.service ul li{ background-position:0 15px; background-size:100%; width:30%; height:auto; overflow:hidden; }
.service ul li a { text-decoration:none;}
.service ul li img { width:50px; height:50px;}
.service ul li h3{ font-size:14px; text-align:center; height:25px; line-height:25px;}
.service ul li p{ font-size:12px; font-weight:300; color:#656565; line-height:20px;}

.data { width:100%; height: auto; overflow:hidden; background:url(../images/pic1.jpg) center no-repeat; background-size:100%; margin-top:20px; padding:10px 0;}
.data ul{ width:100%; height:auto; margin:auto; overflow:hidden;display: flex;flex-wrap: wrap;justify-content:space-around;}
.data ul li{ width:63px; height:63px; border:solid #FFF 4px;border-radius:50%; margin-top:0;}
.data ul li h2{ width:55px; height:55px; border:solid rgba(255,255,255,0.2) 4px;border-radius:50%; font-size:16px; text-align:center; color:#FFF; padding-top:0;}
.data ul li h2 p{font-size:10px; font-weight:300; margin-top:0; line-height:16px;}

.case{ width:100%; height:auto; overflow:hidden; background:url(../images/pic3.png) center top no-repeat; background-size:190%; margin-top:30px;}
.case h1{ font-size:16px; text-align:center; color:#231815; height:20px; line-height:20px;}
.case .c{width:360px; height:auto; overflow:hidden; margin:auto; padding-top:40px;}
.case .c .subnav{ width:120px; height:120px; overflow:hidden; text-align:center; float:left;}
.case .c .subnav a{ width:100%; height:20px; line-height:20px; color:#656565; font-size:12px; display:block;background:#fff; font-weight:300;}
.case .c .subnav a:hover{ background:#c2c2c2; color:#000; text-decoration:none;}
.case .c .subnav .more:hover{background:none;}
.case .c .subnav .more img{width:93px; height:15px; margin-top:5px;}
.case .c .subnav .more img:hover{transform: scale(1); }
.case .c a{width:120px; height:120px; overflow:hidden; float:left;}
.case .c img{transition: all 0.6s;width:100%; height:100%;}
.case .c img:hover{transform: scale(1.3); }

.value{ background:#303030 url(../images/pic2.jpg) center top no-repeat; width:100%; background-size:190%; height: auto; overflow:hidden;}
.value h1{ font-size:16px; text-align:center; color:#ffffff; height:20px; line-height:20px; margin-top:37px;}
.value h2{ font-size:14px; text-align:center; color:#ffffff; height:20px; line-height:20px; margin-top:0; font-weight:normal;}
.value h3{ font-size:12px; text-align:center; color:#ffffff; height:24px; line-height:24px; margin-top:0; font-weight:normal;}
.value ul{width:100%; height: auto; margin:20px auto 10px auto; overflow:hidden;display: flex;flex-wrap: wrap;justify-content:space-between;}
.value ul li{ text-align:center; color:#6f6f6f; padding-top:70px; min-width:20%; width:20%; font-size:12px; font-weight:normal; line-height:18px;}
.value ul li:hover{ text-align:center; color:#FFF;}
.value ul li h4{ font-size:14px; margin-bottom:5px;}
.value ul li:nth-of-type(1){ background:url(../images/pic4.png) center top no-repeat;background-size:80%;}
.value ul li:nth-of-type(1):hover{ background:url(../images/pic4_1.png) center top no-repeat;background-size:80%;}
.value ul li:nth-of-type(2){ background:url(../images/pic5.png) center top no-repeat;background-size:80%;}
.value ul li:nth-of-type(2):hover{ background:url(../images/pic5_1.png) center top no-repeat;background-size:80%;}
.value ul li:nth-of-type(3){ background:url(../images/pic6.png) center top no-repeat;background-size:80%;}
.value ul li:nth-of-type(3):hover{ background:url(../images/pic6_1.png) center top no-repeat;background-size:80%;}
.value ul li:nth-of-type(4){ background:url(../images/pic7.png) center top no-repeat;background-size:80%;}
.value ul li:nth-of-type(4):hover{ background:url(../images/pic7_1.png) center top no-repeat;background-size:80%;}
.value ul li:nth-of-type(5){ background:url(../images/pic8.png) center top no-repeat;background-size:80%;}
.value ul li:nth-of-type(5):hover{ background:url(../images/pic8_1.png) center top no-repeat;background-size:80%;}

.fuwuxitong{background:url(../images/pic14.jpg) top center no-repeat; width:100%; height: auto; overflow:hidden;}
.fuwuxitong h1{ font-size:24px; text-align:center; color:#4d4d4d; height:30px; line-height:30px; margin-top:30px; font-weight:normal;}
.fuwuxitong h2{ font-size:16px; text-align:center; color:#4d4d4d; height:20px; line-height:20px; margin-top:10px; font-weight:normal;}
.fuwuxitong ul{width:100%; height: auto; margin:10px auto 0 auto; overflow:hidden;display: flex;flex-wrap: wrap;justify-content:space-between;}
.fuwuxitong ul li{ text-align:center; color:#6f6f6f; padding-top:33%; min-width:30%; font-size:12px; font-weight:normal; line-height:20px; margin-top:15px;}
.fuwuxitong ul li:hover{ text-align:center; color:#af833e;}
.fuwuxitong ul li h4{ font-size:16px; margin-bottom:5px;}
.fuwuxitong ul li:nth-of-type(1){ background:url(../images/pic23.png) center top no-repeat; background-size:100% auto;}
.fuwuxitong ul li:nth-of-type(1):hover{ background:url(../images/pic23_1.png) center top no-repeat; background-size:100% auto;}
.fuwuxitong ul li:nth-of-type(2){ background:url(../images/pic24.png) center top no-repeat; background-size:100% auto;}
.fuwuxitong ul li:nth-of-type(2):hover{ background:url(../images/pic24_1.png) center top no-repeat; background-size:100% auto;}
.fuwuxitong ul li:nth-of-type(3){ background:url(../images/pic25.png) center top no-repeat; background-size:100% auto;}
.fuwuxitong ul li:nth-of-type(3):hover{ background:url(../images/pic25_1.png) center top no-repeat; background-size:100% auto;}
.fuwuxitong ul li:nth-of-type(4){ background:url(../images/pic26.png) center top no-repeat; background-size:100% auto;}
.fuwuxitong ul li:nth-of-type(4):hover{ background:url(../images/pic26_1.png) center top no-repeat; background-size:100% auto;}
.fuwuxitong ul li:nth-of-type(5){ background:url(../images/pic27.png) center top no-repeat; background-size:100% auto;}
.fuwuxitong ul li:nth-of-type(5):hover{ background:url(../images/pic27_1.png) center top no-repeat; background-size:100% auto;}

.reason{ width:100%; height:auto; overflow:hidden; background:url(../images/pic9.png) center top no-repeat; background-size:190%; margin-top:30px;}
.reason h1{ font-size:16px; text-align:center; color:#231815; height:20px; line-height:20px;}
.reason h2{ font-size:14px; text-align:center; color:#656565; height:20px; line-height:20px; margin-top:10px; font-weight:normal;}
#Tab1{width:100%; height:auto; overflow:hidden; margin:20px auto 0 auto;}
#Tab1 .Menubox{width:90%;height: auto; overflow:hidden; margin:auto; float: none;}
#Tab1 .Menubox ul{margin:0px;padding:0px;}
#Tab1 .Menubox li{float:left; width:calc(50% - 40px); height:30px; line-height:30px; padding:0 0 0 40px; font-size:12px; color:#656565; text-decoration:none; margin-bottom:5px;}
#Tab1 .Menubox li:nth-of-type(1){ background:url(../images/pic10.png) center left no-repeat; background-size:30px;}
#Tab1 .Menubox li:nth-of-type(1):hover{ background:url(../images/pic10_1.png) center left no-repeat; background-size:30px;}
#Tab1 .Menubox li:nth-of-type(2){ background:url(../images/pic11.png) center left no-repeat; background-size:30px;}
#Tab1 .Menubox li:nth-of-type(2):hover{ background:url(../images/pic11_1.png) center left no-repeat; background-size:30px;}
#Tab1 .Menubox li:nth-of-type(3){ background:url(../images/pic12.png) center left no-repeat; background-size:30px;}
#Tab1 .Menubox li:nth-of-type(3):hover{ background:url(../images/pic12_1.png) center left no-repeat; background-size:30px;}
#Tab1 .Menubox li:nth-of-type(4){ background:url(../images/pic13.png) center left no-repeat; background-size:30px;}
#Tab1 .Menubox li:nth-of-type(4):hover{ background:url(../images/pic13_1.png) center left no-repeat; background-size:30px;}
#Tab1 .Menubox li:nth-of-type(5){ background:url(../images/pic14.png) center left no-repeat; background-size:30px;}
#Tab1 .Menubox li:nth-of-type(5):hover{ background:url(../images/pic14_1.png) center left no-repeat; background-size:30px;}
#Tab1 .Menubox li:nth-of-type(6){ background:url(../images/pic15.png) center left no-repeat; background-size:30px;}
#Tab1 .Menubox li:nth-of-type(6):hover{ background:url(../images/pic15_1.png) center left no-repeat; background-size:30px;}
#Tab1 .Menubox li:nth-of-type(7){ background:url(../images/pic16.png) center left no-repeat; background-size:30px;}
#Tab1 .Menubox li:nth-of-type(7):hover{ background:url(../images/pic16_1.png) center left no-repeat; background-size:30px;}
#Tab1 .Menubox li:nth-of-type(8){ background:url(../images/pic17.png) center left no-repeat; background-size:30px;}
#Tab1 .Menubox li:nth-of-type(8):hover{ background:url(../images/pic17_1.png) center left no-repeat; background-size:30px;}
#Tab1 .Contentbox{float:right; width:100%; height: auto; margin-top:10px;}
#Tab1 .Contentbox img{width:100%; height: auto;}

.banner1{ width:100%; height: auto; overflow:hidden; background:url(../images/pic4.jpg) center no-repeat; margin-top:30px; background-size:190%; text-align:center; color:#FFF;}
.banner1 h1{ font-size:16px; height:20px; line-height:20px; margin-top:20px;}
.banner1 h2{ font-size:14px; height:20px; line-height:20px; margin-top:5px; margin-bottom:20px; font-weight:normal;}
.banner2{ width:100%; height:130px; overflow:hidden; background:url(../images/pic12.jpg) center no-repeat; background-size:150%; margin-top:20px;}

.team{ width:100%; height:auto; overflow:hidden; background:url(../images/pic18.png) center top no-repeat; background-size:190%;  margin-top:30px;}
.team h1{ font-size:16px; text-align:center; color:#231815; height:20px; line-height:20px; margin-bottom:0;}
.team .swiper-container{ margin:auto; width:100%; height:auto;}
.team figure {width:300px;height:230px; border:solid #a0a0a0 2px;border-radius:30px; margin-top:110px;color:#7f7f7f;}
.team .swiper-slide{display: flex;flex-wrap: wrap;justify-content:space-around;}
.team figure img{width:180px;height:180px;border-radius:50%; margin:-90px auto 0 auto;border:solid #a0a0a0 2px; padding:3px; background:#FFF;}
.team figure figcaption{ text-align:center; height:20px; line-height:20px; font-size:14px;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; overflow:hidden; margin-top:10px;}
.team figure p{ font-size:12px;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical; height:100px; line-height:23px; padding:0 15px; text-align:left;}
.team figure p a{ background:#af833e;border-radius:10px; color:#FFF; padding:0 5px; height:20px; line-height:20px; display:block; float:right; text-decoration:none; margin-top:5px;}
.team figure p a:hover{ background:#ddb583;}

.qualifications{ width:100%; height:130px; overflow:hidden; background:url(../images/pic5.jpg) no-repeat; margin-top:30px; padding-top:30px;}
#scrollarea{width:100%;height:100px;position:relative;overflow:hidden; margin:auto;}
#scrollarea ul {width:100%;height:100px;position:absolute;}
#scrollarea ul li {width:130px;height:100px;margin-right:1em; float:left;}
#scrollarea ul li img{ width:100%; height:100px;}

.news{ width:100%; height:auto; overflow:hidden; background:url(../images/pic19.png) center top no-repeat; background-size:190%; margin-top:30px;}
.news h1{ font-size:16px; text-align:center; color:#231815; height:20px; line-height:20px; margin-bottom:20px;}
.news .c{ width:100%; height:auto; overflow:hidden; margin:auto;}
.news .c .l{ width:95%; height:auto; margin:auto; float: none; color:#9a9a9a;text-align:justify;text-justify:inter-ideograph; overflow:hidden;font-size:12px; line-height:20px;}
.news .c .l .pic{ width:100%; height: auto; overflow:hidden; position:relative; z-index:0; margin:0 auto 10px auto;}
.news .c .l .pic img{ width:100%; height: auto; }
.news .c .l .pic h2{ position:absolute; z-index:10;background:rgba(0,0,0,0.6); bottom:0; width:94%; padding:0 3%; height:50px; line-height:50px;font-size:20px; color:#FFF; font-weight:300;}
.news .c .l .pic span{ float:right;font-size:14px;}
.news .c .l .more{ display:block; float:right; color:#af833e;}
.news .c .r{ width:95%; height:auto; float:none; margin:10px auto 0 auto; overflow:hidden;}
.news .c .r ul{} 
.news .c .r ul li{text-align:justify;text-justify:inter-ideograph; height:auto; overflow:hidden; padding-bottom:15px; margin-bottom:15px; border-bottom:dashed #dddddd 1px;} 
.news .c .r ul li img{ width:130px; height:120px; float:left; margin-right:20px;} 
.news .c .r ul li h2{font-size:14px; color:#4c4c4c; font-weight:600;} 
.news .c .r ul li h2 a{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} 
.news .c .r ul li h2 span{font-size:12px; float:right;font-weight:300; }
.news .c .r ul li p{font-size:12px;line-height:20px; color:#666;}
.news .c .r .more{ display:block; float:right; color:#af833e;}

.footer{width:100%; height: auto; overflow:hidden; background:url(../images/pic6.jpg) center no-repeat; margin-top:0;}
.footer .cm{width:95%; height: auto; overflow:hidden; margin:auto;}
.footer .l{width:100%; height: auto; overflow:hidden; float: none; margin-top:30px;}
.footer .l img{width:50%; height: auto;}
.footer .l h1{font-size:12px; color:#FFF;font-weight: normal; background:url(../images/address.png) center left no-repeat; margin-top:15px; padding-left:35px;}
.footer .l h2{font-size:12px; color:#FFF;font-weight: normal; background:url(../images/address1.png) center left no-repeat;padding-left:35px;}
.footer .r {width:50%; height: auto; overflow:hidden; float:right; display:none;}
.footer .r ul{ margin-top:50px;}
.footer .r ul li{ color:#fff; margin-bottom:10px;}
.footer .r ul li .text{ border:#a0a0a0 solid 1px; padding:5px 10px; width:300px;}
.footer .r ul li .content{ border:#a0a0a0 solid 1px; padding:5px 10px; width:500px;}
.footer .r ul li .checkcode{ border:#a0a0a0 solid 1px; padding:5px 10px;}
.footer .r ul li img{ width:auto; height:30px;}
.footer .r .submit{ background:#af833e; color:#FFF;border-radius:15px; padding:5px 10px; border:0; font-size:16px; margin-left:56px;}
.footer .r .submit:hover{ background:#b68d4e;}
.footer .r a{ background:#af833e; color:#FFF;border-radius:15px; padding:0 10px; height:30px; line-height:30px; border:0; font-size:16px; float:right; text-decoration:none; display:block;}
.footer .r a:hover{ background:#b68d4e;}
.footer .footnav{ width:1200px; height:auto; overflow:hidden; margin:30px auto; padding:20px 0; color:#fff;display:-webkit-flex;display:flex;justify-content:space-around; border-top:solid #FFF 1px;border-bottom:solid #FFF 1px; display:none;}
.footer .footnav dl{}
.footer .footnav dt{ font-size:16px; margin:0 0 10px 0; color:#fff;border-bottom:solid #FFF 3px; height:38px; line-height:38px;}
.footer .footnav a{color:#fff;}
.footer .links{ width:1200px; margin:auto; color:#fff; font-size:14px; text-align:center; display:none;}
.footer .links a{color:#fff;}
.footer .copyright{color:#fff; text-align:center; font-size:12px; border-top:solid #FFF 1px; padding:10px 0; margin-top:15px;}
.footer .copyright a{color:#fff;}

.head{width:100%;height:50px; background:#000;}
.head .c{width:100%;height:50px; margin:auto; position:relative;}
.head .c img{ position:absolute; top:9px; left:10px;}
.head .animenu {display: block;width: 100%;margin: auto;padding: 0; position:absolute; top:0; right:0; background:none;}
.head .animenu ul {padding: 0;list-style: none;}
.head .animenu__toggle {display: inline-block;float:right;margin:10px 10px 0 0; background:#ad804e;padding: 10px;height: 40px;width: 40px;}
.head .animenu__toggle__bar {display: block;width: 20px;height: 2px;background-color: #704719;-webkit-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); -o-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); }
.head .animenu__nav,.animenu__nav__child {display: none;width:100%; margin:auto;}
.head .animenu__nav > li {width:100%; float:none;margin:0; padding:0;}
.head .animenu__nav > li > a {color: #ad804e;background:rgba(0,0,0,0.9);height:38px; line-height:38px; display:block;border-bottom: 1px solid #333; font-size:14px;}
.head .animenu__nav > li:hover > a {border-bottom:solid #a07839 3px;height:38px; line-height:38px;color: #a07839;}
.head .animenu__nav {margin: 10px 0;}
.head .animenu__nav > li:last-child {border: 0;}
.head .animenu__nav > li:first-child > a:after {content: '';position: absolute;height: 0;width: 0;left: 1em;top: -6px;border: 6px solid transparent;border-top: 0;border-bottom-color: inherit;}
.head .animenu__nav a:hover {background-color: #ad804e;border-color: #ad804e;color: #ffffff;}
.head .animenu__nav__child {position: static;transition: none;visibility: visible;opacity: 1;}
.head .animenu__nav__child > li:first-child > a:after {content: none;}
.head .animenu__nav__child a {width:100%;font-size: 12px; color:#666666; border-bottom:solid #e0e0e0 1px; text-align:center; display:block; height:40px; line-height:40px;}
.head .animenu__nav__child > li {width: 100%;padding-left:0;padding-right:0;}
.head .animenu__nav__child .introduce { display:none;}
.head .animenu__nav__child .child {width:100%; height:auto; overflow:hidden; margin:0 auto;}
.head .animenu__nav__child .child img{display:none;}
.head .animenu__nav__child ol{float:left; width:100%; height:auto; overflow:hidden; margin-left:0;}
.head .animenu li, .animenu a {display: block;font-size:18px; font-weight:500;}

.jumbotron { width:100%; height:120px;}
.jumbotron-fluid {padding-right: 0;padding-left: 0;border-radius: 0;}
.pages {padding-top: 0;padding-bottom: 10px; height:auto; overflow:hidden;}
.container {max-width:95%;margin-right: auto;margin-left: auto;}
.sonsort {width:100%; height:auto; overflow:hidden;display: flex;flex-wrap: wrap;justify-content:space-around;}
.sonsort a{ float: none; text-decoration:none; padding:0 20px; height:58px; line-height:43px;}
.container .fs-24{ font-size:16px; margin-top:15px;}
.container .fs-20{ font-size:16px; margin-top:15px;}
.container .text-secondary{ font-size:12px;}
.container .row{padding-top:10px;display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:space-between;}
.container .row figure{ margin:10px 0; width:48%; height:40%;}
.container .row figure img{ width: 100%; height:100%;}
.container .row figure figcaption{ text-align:center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.container h3{ text-align:center; margin-top:20px;}
.container .subnav {display: flex;flex-wrap: wrap;justify-content:space-around; margin-bottom:20px; margin-top:10px;}
.container .subnav a{ font-size:12px; color:#656565; width:30%; height:30px; line-height:30px; border-radius:15px; text-align:center; text-decoration:none; border:solid #888888 1px; margin:0; background:#FFF;}
.container .subnav a:hover{color:#fff;background:#af833e;border:solid #af833e 1px;}
.gallery{ width:100%; margin:auto;}
.container .ytfw{ border:solid 1px #e2e2e2;width:calc(100% - 60px); height:auto; overflow:hidden;-moz-box-shadow:0px 0px 10px #999; -webkit-box-shadow:0px 0px 10px #999; box-shadow:0px 0px 10px #999; margin-top:20px auto; padding:20px;}
.container .ytfw .card{height: auto; overflow:hidden; margin-bottom:15px; font-size:12px; line-height:18px;}
.container .ytfw .card .card-body{ float:left; width:40%;height: auto; overflow:hidden;}
.container .ytfw .card .card-body .card-title{ font-size:14px; margin-bottom:5px; margin-top:30px;}
.container .ytfw .card .card-body .card-title span{ font-size:12px; display:block; color:#666; margin-top:0;}
.container .ytfw .card a{ width:50%; height:30%;}
.container .ytfw .card img{ width:100%; height:100%; float:right;}
.pc{ display: none;}
.web{ display:flex;}
.container .subcase{display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:space-between; width:95%; height:auto; overflow:hidden; float: none; margin:auto;}
.container .subcase a{ display:block; width:48%; height:48%; position:relative; color:#FFF;}
.container .subcase a:hover h1{width:328px; height:328px; line-height:328px;transition: height .5s;}
.container .subcase img{width:100%; height:100%;}
.container .subcase h1{width:100%; height:30px; line-height:30px; overflow:hidden; position:absolute; bottom:0; background:rgba(0,0,0,0.8); font-size:12px; font-weight:normal; text-align:center;}
.container .subnews{width:95%; height:auto; overflow:hidden; float: none; margin:20px auto;}
.container .subnews li{height:auto; overflow:hidden; border-bottom:solid #e4e4e4 1px; padding-bottom:15px; margin-bottom:15px;}
.container .subnews li h1{ font-size:14px; margin-bottom:5px;}
.container .subnews li h1 span{ font-size:12px; font-weight:normal; color:#4b4b4b; float:right;}
.container .subnews li p {font-size:12px;  color:#666666; line-height:20px;}
.container .subnews li p a{display:block; float:right; color:#af833e;}
.container .culture{ width:100%; height:auto; overflow:hidden;}
.container .culture ul{ width:100%; height:auto; overflow:hidden; margin:20px 0;}
.container .culture ul li{ width:100%; height:auto; overflow:hidden; color:#231816; margin-bottom:10px;}
.container .culture ul li h1{ width:25%; height:84px; line-height:84px; font-size:12px; float:left;display:-webkit-flex;display:flex;align-items:center;}
.container .culture ul li div{ width:75%; height:90%; font-size:14px; font-weight:bold; border-top:solid #010101 2px; padding:10px 0; float:left; overflow:hidden;}
.container .culture ul li div p{height:60px; line-height:20px; float:left;display:-webkit-flex;display:flex;align-items:center;}
.container .culture ul li div:nth-child(2){ border-bottom:solid #010101 2px;}
.container .culture ul li img{ width:30%; height:60px; float:right;transition: all 0.6s;}
.container .culture ul li img:hover{transform: scale(1.3); }
.container .culture .pic{ max-width:100%; height:auto; margin:auto; display:block;}

.subpages {max-width:95%;margin-right: auto;margin-left: auto;}
.subpages .content .contact{width:100%; height: auto; overflow:hidden; margin-top:30px;}
.subpages .content .contact .left{ float: none; width: 100%; height: auto; overflow:hidden; color:#666666;}
.subpages .content .contact .left h1{background:url(../images/pic21.png) center left no-repeat; padding-left:40px; font-size:12px; font-weight:normal; width:100%;height:30px; line-height:30px; color:#333333;}
.subpages .content .contact .left h2{background:url(../images/pic22.png) center left no-repeat; padding-left:40px; font-size:24px; font-weight:normal; font-family:Impact; width:100%;height:40px; line-height:40px; margin-top:10px; color:#333333;}
.subpages .content .contact .left h3{ width:100%; height:40px; font-size:16px; text-align:left; color:#333333; margin-top:20px; }
.subpages .content .contact .right{ float: none; width:100%; height: auto; overflow:hidden; margin-top:20px;}
.subpages .content .contact .right img{ float:left; width:123px; height:123px;}
.subpages .content .contact .right .gzh{width:100%; height:123px; margin-bottom:20px;}
.subpages .content .contact .right h4{ padding-top:80px; color:#666666; padding-left:5px; float:left; line-height:20px; font-weight:normal;}

.container .brand{ width:calc(100% - 170px); height:auto; margin:20px auto; overflow:hidden; background:#393939 url(../images/pic20.png) no-repeat; background-position:40px 40px; padding:40px 40px 40px 130px; font-size:12px; color:#FFF;}
.container .brand1{ width:calc(100% - 170px); height:auto; margin:20px auto; overflow:hidden; background:#393939 url(../images/pic28.png) no-repeat; background-position:40px 40px; padding:40px 40px 40px 130px; font-size:12px; color:#FFF;}
.container .brand2{ width:calc(100% - 170px); height:auto; margin:20px auto; overflow:hidden; background:#393939 url(../images/pic29.png) no-repeat; background-position:40px 40px; padding:40px 40px 40px 130px; font-size:12px; color:#FFF;}
.container .job .card .card-body {font-size:12px; line-height:20px}
.container .job .card-header{ font-size:14px; margin-bottom:5px;}
.container .job .card-footer{ float: right; color:#666; font-size:12px;}

/* 公司矩阵 */
.bran_list01{ width:100%; height:auto; margin:0px auto; padding:0px; text-align:center}
.bran_list01pic{ width:100%; height:auto; float:none; margin:0px auto; padding:0px; overflow:hidden;}
.bran_list01pic img{ width:100%; height:auto; margin:0px;}
.bran_list01pic img:hover{transform:scale(1.00);-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; }
.bran_list01txt{width:90%; height:auto; float:none; margin:0px auto; padding:30px 0%; overflow:hidden; font-size:12px; line-height:18px; color:#343536; text-align:left}
.bran_list01txt b{ font-size:16px; font-weight:bold; line-height:20px; color:#af833e !important;}
.bran_list01txt1{width:90%; height:auto; float:none; margin:0px auto; padding:30px 0%; overflow:hidden; font-size:12px; line-height:18px; color:#343536; text-align:left}
.bran_list01txt1 b{ font-size:16px; font-weight:bold; line-height:20px; color:#00ada9 !important;}
.bran_list01txt2{width:90%; height:auto; float:none; margin:0px auto; padding:30px 0%; overflow:hidden; font-size:12px; line-height:18px; color:#343536; text-align:left}
.bran_list01txt2 b{ font-size:16px; font-weight:bold; line-height:20px; color:#991e23 !important;}
.bran_list01txttit{ width:100%; height:34px; text-align:left; font-size:26px; font-weight:normal; color:#231815}
.bran_list01txttit span{ font-weight:bold; color:#231815 }
.bran_list01txttit1{ width:100%; height:34px; text-align:left; font-size:26px; font-weight:normal; color:#0a2832}
.bran_list01txttit1 span{ font-weight:bold; color:#0a2832 }
.bran_list01txttit2{ width:100%; height:34px; text-align:left; font-size:26px; font-weight:normal; color:#000000}
.bran_list01txttit2 span{ font-weight:bold; color:#000000 }
.bran_list01block{ width:100%; height:auto; margin-top:20px; padding:0px;}
.bran_list01block01{ width:90%; height:30px; line-height:30px; text-align:left; font-size:12px; overflow:hidden; background-color:#af833e; color:#ffffff; padding:10px 5%; float:left; margin:0px; }
.bran_list01block01 img{ width:30px; height:30px; float:left; margin:0px;}
.bran_list01block01_1{ width:90%; height:30px; line-height:30px; text-align:left; font-size:12px; overflow:hidden; background-color:#00ada9; color:#ffffff; padding:10px 5%; float:left; margin:0px; }
.bran_list01block01_1 img{ width:30px; height:30px; float:left; margin:0px;}
.bran_list01block01_2{ width:90%; height:30px; line-height:30px; text-align:left; font-size:12px; overflow:hidden; background-color:#991e23; color:#ffffff; padding:10px 5%; float:left; margin:0px; }
.bran_list01block01_2 img{ width:30px; height:30px; float:left; margin:0px;}
.bran_list01block02{ width:90%; height:30px; line-height:30px; text-align:left; font-size:12px; overflow:hidden; background-color:#f0f0f6; color:#000000; padding:10px 5%;  float:left; margin:0px;}
.bran_list01block02 img{ width:30px; height:30px; float:left; margin:0px;}
.bran_list01block03{ width:90%; height:30px; line-height:30px; text-align:left; font-size:12px; overflow:hidden; background-color:#eeeef0; color:#000000; padding:10px 5%; float:left; margin:0px; }
.bran_list01block03 img{ width:30px; height:30px; float:left; margin:0px;}
.bran_list01block04{ width:90%; height:30px; line-height:30px; text-align:left; font-size:12px; overflow:hidden; background-color:#231815; color:#ffffff; padding:10px 5%; float:left; margin:0px; }
.bran_list01block04 img{ width:30px; height:30px; float:left; margin:0px;}
.bran_list01block04_1{ width:90%; height:30px; line-height:30px; text-align:left; font-size:12px; overflow:hidden; background-color:#0a2832; color:#ffffff; padding:10px 5%; float:left; margin:0px; }
.bran_list01block04_1 img{ width:30px; height:30px; float:left; margin:0px;}
.bran_list01block04_2{ width:90%; height:30px; line-height:30px; text-align:left; font-size:12px; overflow:hidden; background-color:#000000; color:#ffffff; padding:10px 5%; float:left; margin:0px; }
.bran_list01block04_2 img{ width:30px; height:30px; float:left; margin:0px;}
.dd_branbtn{ width:100%;height:49px; margin-top:26px;}
.dd_branbtn a{ display:block; margin:0px; padding:0 18px; width:150px; height:40px; border:#af833e 2px solid;  border-radius:0px;line-height:40px; text-align:left; font-size:12px; color:#af833e; text-decoration:none;background:rgba(0,173,169,.0); background-image:url(../images/btnicon2.png); background-position:right center; background-repeat:no-repeat; }
.dd_branbtn a:visited{ display:block; margin:0px;padding:0 18px; width:150px; height:40px; border:#af833e 2px solid; border-radius:0px;line-height:40px; text-align:left; font-size:12px; color:#af833e; text-decoration:none; background:rgba(0,173,169,.0); background-image:url(../images/btnicon2.png); background-position:right center; background-repeat:no-repeat; }
.dd_branbtn a:hover{ display:block;  margin:0px;padding:0 18px; width:150px; height:40px; border:#af833e 2px solid; border-radius:0px;line-height:40px; text-align:left; font-size:12px; color:#af833e; text-decoration:none; background:rgba(0,173,169,.10);background-image:url(../images/btnicon2.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
-o-transition: all .7s ease;
transition: all .7s ease;}
.bran_list02{ width:100%; height:276px; margin:0px; padding:0px;background-image:url(../images/brand03wap.jpg); background-position:center left; background-repeat:repeat; text-align:center; margin-top:-4px;}
.bran_list02txt{ width:90%; height:176px;  margin:0px auto; padding:50px 5%; overflow:hidden; font-size:12px; line-height:16px; color:#ffffff; text-align:left}
.bran_list02txt span{ font-size:26px; font-weight:bold; line-height:34px; color:#ffffff}
.dd_brandtn02{width:100%;height:49px; margin-top:26px; text-align:center}
.dd_brandtn02 a{ display:block; margin:0px; padding:0 18px; width:150px; height:40px; border:#ffffff 2px solid;  border-radius:0px;line-height:40px; text-align:left; font-size:12px; color:#ffffff; text-decoration:none;background:rgba(255,255,255,.0); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; }
.dd_brandtn02 a:visited{ display:block; margin:0px;padding:0 18px; width:150px; height:40px; border:#ffffff 2px solid; border-radius:0px;line-height:40px; text-align:left; font-size:12px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.0); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; }
.dd_brandtn02 a:hover{ display:block;  margin:0px;padding:0 18px; width:150px; height:40px; border:#ffffff 2px solid; border-radius:0px;line-height:40px; text-align:left; font-size:12px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.22);background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;-moz-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;}
.bran_list03{ width:100%; height:276px; margin:0px; padding:0px;background-image:url(../images/brand04wap.jpg); background-position:center right; background-repeat:repeat;}
.bran_list03txt{ width:90%; height:176px; float:right; margin:0px; padding:50px 5%; overflow:hidden; font-size:12px; line-height:16px; color:#000000; text-align:left}
.bran_list03txttit{ width:100%; height:34px; text-align:center; font-size:26px; font-weight:normal; color:#0a2832}
.bran_list03txttit span{ font-weight:bold; color:#0a2832 }
.bran_list03txt b{ font-size:16px; font-weight:bold; line-height:20px; color:#af833e !important;}
.bran_list04{ width:100%; height:276px; margin:0px; padding:0px;background-image:url(../images/brand05wap.jpg); background-position:center left; background-repeat:repeat;}
.bran_list04txt{ width:90%; height:176px; float:left; margin:0px; padding:50px 5%; overflow:hidden; font-size:12px; line-height:18px; color:#ffffff; text-align:left}
.bran_list04txttit{ width:100%; height:34px; text-align:center; font-size:26px; font-weight:normal; color:#ffffff}
.bran_list04txttit span{ font-weight:bold; color:#ffffff }
.bran_list04txt b{ font-size:16px; font-weight:bold; line-height:20px; color:#ffffff !important;}
.dd_brandtn03{width:100%;height:49px; margin-top:26px; text-align:center}
.dd_brandtn03 a{ display:block; margin:0px; padding:0 18px; width:150px; height:40px; border:#ffffff 2px solid;  border-radius:0px;line-height:40px; text-align:left; font-size:12px; color:#ffffff; text-decoration:none;background:rgba(255,255,255,.0); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; }
.dd_brandtn03 a:visited{ display:block; margin:0px;padding:0 18px; width:150px; height:40px; border:#ffffff 2px solid; border-radius:0px;line-height:40px; text-align:left; font-size:12px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.0); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; }
.dd_brandtn03 a:hover{ display:block;  margin:0px;padding:0 18px; width:150px; height:40px; border:#ffffff 2px solid; border-radius:0px;line-height:40px; text-align:left; font-size:12px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.22);background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;-moz-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;}
}
@media screen and (min-width:961px) and (max-width:1200px) {

}
.adaptive-circle {
  z-index: -1;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.6s;
  -webkit-transition-timing-function: ease;
  margin: 20px auto 20px;
  width: 60%;
  height: 0;
  padding-top: 60%;
  border-radius: 100%;
  border: 1px solid #000;
  box-sizing: border-box;
  position: relative;
  
}
.out-cicle{
  background-image: url(../images/circle.png);
}