@import url(font/siyuan.css);
html, body {
	font-size: 16px;
	color:#666;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	font-family:"siyuan",airal;
	background: #fff;
	-webkit-text-size-adjust: none;
}
a,a:focus,a:active {color: #1d61c4;	text-decoration: none;outline: 0px none;}
.m30{margin-top: 30px;}
.m15{margin-top: 15px;}
.m45{margin-top: 45px;}
h1,h2,h3,h4{margin:0;padding:0;}
a:hover,a:active{text-decoration: none;}
ul,dl,dl dd{padding:0;margin:0;}
ul li{list-style:none;}
.fl{float:left;}
.fr{float:right}
.ct{text-align: center;}
.clear{clear:both;}
div{padding:0;margin:0;}
.w100{width:100%;overflow:hidden;}
.w1200{width:1200px;margin:0 auto;}
.swiper-container {width: 100%;height: 100%;}
header{position: fixed;top: 0;left: 0px;width: 100%;z-index: 99;border-bottom: 2px solid #e5ca9b;box-sizing: border-box;background: rgba(0, 0, 0, 0.3);}
header .w1200{display: flex;justify-content: space-between;}
.logo{height:100px;line-height: 100px;}
.logo img{ vertical-align: middle;}
.menu{width:720px;height:61px;position: relative;}
.menu ul{display: flex;display:-webkit-flex;justify-content: space-between;-webkit-justify-content:space-between;}
.menu>ul>li {font-size:16px;height: 100px;line-height:100px;position: relative;}
.menu>ul>li::after{content: '';display: none;position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);border-left: 5px solid transparent;border-right:5px solid transparent;border-bottom: 5px solid #e5ca9b;}
.menu>ul>li.active::after,.menu>ul>li:hover::after{display: block;}
.menu>ul>li a{color:#fff;}
.menu>ul>li:hover .submenu{display: block;}
.submenu{position: absolute;z-index:999;display: none;left: 50%;transform: translateX(-50%);}
.submenu ul{display: block !important;}
.submenu ul li{line-height:50px;display: block;text-align: center;overflow: hidden;background: rgba(0, 0, 0, 0.3);padding: 0 20px;width: 80px;}
.submenu ul li a{color:#fff;display: block;width:100%;}
.submenu ul li:hover{border-bottom: none;}
.submenu ul li:hover a{display: block;color:#fff !important;}
.menu>ul>li.active .submenu ul li a,.menu>ul>li:hover .submenu ul li a{color:#fff !important;}
.toptel{border: 1px solid rgba(255, 255, 255, 0.5);line-height: 36px;height: 36px;margin-top: 30px;border-radius: 18px;color: #fff;font-size: 14px;padding: 0 25px;}
.toptel img{display: inline-block;margin-right: 10px;}
.banner{height: 100vh;overflow: hidden;}
.banner .swiper-pagination{bottom: 60px !important;width: 200px !important;left: 50% !important;transform: translateX(-50%);}
.banner .swiper-pagination-bullet{background-color: rgba(255, 255, 255, 0.5);width: 53px !important;height: 2px !important;position: relative;}
.banner .swiper-pagination-bullet::after{width: 0% !important;height: 3px !important;position: absolute !important;left: 0;top: -2px;background-color: #e6a22d;content: '';display: block;}
.banner .swiper-pagination-bullet-active::after{width: 100% !important;transition: 3s;}
.banner .swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active::after{width: 100% !important;transition: 15s !important;}
.banner .text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-60%);z-index: 99999;}
.banner .text p{display: block;font-size: 60px;color: #e6b35c;margin-bottom: 35px;text-align: center;}
.banner .text span{display: block;font-size: 24px;color: #fff;line-height: 56px;position: relative;text-align: center;}
.banner .text span::before{content: '';display: block;width: 100%;height: 1px;background-color: #fff;}
.banner .text span::after{content: '';display: block;width: 100%;height: 1px;background-color: #fff;}
.banner .swiper-slide:nth-child(2) .text,.banner .swiper-slide:nth-child(1) .text{top: 40%;}
.banner .swiper-slide:nth-child(3) .text{width: 1050px;}
.banner .swiper-slide:nth-child(3) .text p{color: #fff;}
.banner .swiper-slide-active p{animation: chongshang 0.3s ease-in;}
.banner .pimg img{width: 100%;}
.nbanner img{display: block;}
.nbanner {position: relative;}
.nbanner .text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.nbanner .text span{display: block;font-size: 50px;color: #e6b35c;text-align: center;}
.nbanner .text abbr{font-size: 24px;color: #fff;text-align: center;display: block;width: 100%;margin-top: 35px;line-height: 56px;min-width: 480px;}
.nbanner .text abbr::before{content: '';display: block;width: 100%;height: 1px;background-color: #fff;animation: chonghe1 0.3s ease-in;}
.nbanner .text abbr::after{content: '';display: block;width: 100%;height: 1px;background-color: #fff;animation: chonghe2 0.3s ease-in;}
@keyframes chongshang{
	from {transform:translateY(-20px);}
	to {transform:translateY(-0px);}
}
.banner .swiper-slide-active span::before{animation: chonghe1 0.3s ease-in;}
@keyframes chonghe1{
	0%{transform:translateY(-20px);}
	50%{transform:translateY(28px);}
	100%{transform:translateY(0px);}
}
.banner .swiper-slide-active span::after{animation: chonghe2 0.3s ease-in;}
@keyframes chonghe2{
	0%{transform:translateY(20px);background: rgba(255, 255, 255, 0.5);}
	50%{transform:translateY(-28px);background: rgba(255, 255, 255, 0.5);}
	100%{transform:translateY(0px);}
}
.banner .swiper-slide-active span{animation: chongshang2 0.3s ease-in;}
@keyframes chongshang2{
	from {transform:translateY(20px);background: rgba(255, 255, 255, 0.5);}
	to {transform:translateY(0px);background: none;}
}
/* index */
.index_pro{background:url(../images/indexpro_bg.jpg)no-repeat;padding: 60px 0;}
.index_pro .fl span{font-size: 30px;color: #e6a22d;display: block;margin-bottom: 15px;}
.index_pro .fl abbr{font-size: 24px;color: #888;display: block;text-transform:uppercase;}
.index_pro .fr a{display: block;width: 150px;height: 40px;border: 1px solid #bfbfbf;line-height: 40px;text-align: center;color: #888;border-radius: 5px;}
.index_pro .index_prolist{position: relative;margin-top: 55px;}
.index_pro .index_prolist .tabs{width: 610px;display: block;position: absolute;right: 20px;top: 0;z-index: 10;}
.index_pro .index_prolist .tabs ul{display: flex;justify-content: space-between;}
.index_pro .index_prolist .tabs ul li{width: 190px;text-align: center;color: #666;font-size: 16px;line-height: 46px;border-radius: 4px;}
.index_pro .index_prolist .tabs ul li a{display: block;text-align: center;background-color: #fff;color: #666;border-radius:4px ;}
.index_pro .index_prolist .tabs ul li.active a{color: #fff;background-color: #e6b35c;}
.index_pro .swiper-container .text{width: 547px;padding: 90px 65px 125px;background-color: #fff;box-sizing: border-box;}
.index_pro .swiper-container .text span{display: block;font-size: 24px;color: #333;}
.index_pro .swiper-container .text span::after{content: '';display: block;width: 95px;height: 4px;background-color: #e6b35c;margin-top: 25px;}
.index_pro .swiper-container .text ul{display: flex;justify-content: space-between;width: 349px;margin: 70px 0;}
.index_pro .swiper-container .text ul li i{background: url(../images/index_proico.png);width: 81px;height: 81px;display: block;margin: 0 auto;}
.index_pro .swiper-container .text ul li:nth-child(2) i{background-position-x: -81px;}
.index_pro .swiper-container .text ul li:nth-child(3) i{background-position-x: -162px;width: 69px;}
.index_pro .swiper-container .text ul li p{font-size: 16px;color: #666;text-align: center;}
.index_pro .swiper-button-next{left: 130px;}
.index_pro .swiper-button-next::after{content: '';background: url(../images/you.png);width: 16px;height: 13px;margin: 0 auto;}
.index_pro .swiper-button-prev{left: 66px;}
.index_pro .swiper-button-prev::after{content: '';background: url(../images/zuo.png);width: 16px;height: 13px;margin: 0 auto;}
.index_pro .swiper-button-next,.index_pro .swiper-button-prev{bottom: 55px;top: auto;width: 46px;height: 46px;border-radius: 50%;line-height: 46px;background-color: #7d7d7d;}
.index_pro .swiper-button-next:hover,.index_pro .swiper-button-prev:hover{background-color: #e6a22d;}
.index_pro .swiper-container .pimg{position: absolute;right: 0;bottom: 0;width: 700px;background: url(../images/index_proliliebg.jpg);height: 492px;line-height: 492px;}
.index_pro .swiper-container .pimg img{max-width: 90%;max-height: 90%;margin: 0 auto;display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.index_about{background: url(../images/index_about.jpg);padding: 85px 0;}
.index_about .tt{display: flex;justify-content: space-between;border-bottom: 1px solid #e6e3e3;padding-bottom: 20px;position: relative;}
.index_about .tt::after{content: '';display: block;position: absolute;bottom: -2.5px;left: 0;height: 5px;width: 81px;background-color: #e6a22d;}
.index_about .tt ul{display: flex;justify-content: space-between;width: 630px;}
.index_about .title span{font-size: 30px;color: #e6a22d;display: block;}
.index_about .title abbr{font-size: 24px;color: #888;display: block;}
.index_about ul li{border-right: 1px solid #e6e6e6;width: 33%;padding: 0 40px;box-sizing: border-box;}
.index_about ul li:nth-child(3){border-right: 0;}
.index_about ul li span{font-size: 35px;font-weight: bold;color: #e6a22d;}
.index_about ul li abbr{color: #333333;font-size: 14px;}
.index_about ul li p{font-size: 14px;color: #333;margin: 0;}
.index_about .tt .more{display: block;width: 150px;line-height: 40px;text-align: center;color: #888;border: 1px solid #888;border-radius: 4px;height: 40px;margin-top: 20px;}
.index_about .neirong{font-size: 14px;line-height: 30px;padding-top: 25px;}
.index_about .neirong p{text-indent: 2em;}
.index_about .neirong .pimg{margin-top: 25px;}
.index_about .neirong .pimg img{width: 100%;display: block;}
.index_changfang{padding: 85px 0;}
.index_changfang .tt{border-bottom: 1px solid #e6e3e3;padding-bottom: 20px;position: relative;margin-bottom: 55px;}
.index_changfang .tt::after{content: '';display: block;position: absolute;bottom: -2.5px;left: 0;height: 5px;width: 81px;background-color: #e6a22d;}
.index_changfang .fl span{font-size: 30px;color: #e6a22d;display: block;}
.index_changfang .fl abbr{font-size: 24px;color: #888;display: block;text-transform: uppercase;}
.index_changfang .fr .more{display: block;width: 150px;line-height: 40px;text-align: center;color: #888;border: 1px solid #888;border-radius: 4px;height: 40px;margin-top: 20px;}
.index_changfang .swiper-slide{width: 820px;height: 455px;padding-bottom: 32px;transform: scale(0.9);transition: .3s;}
.index_changfang .swiper-slide .pimg::after{content: '';width: 100%;height: 100%;background-color: rgba(230, 162, 45, 0.3);position: absolute;left: 0;top: 0;}
.index_changfang .swiper-slide .text{opacity: 0;transition: .3s;}
.index_changfang .swiper-slide-active{transform: scale(1);}
.index_changfang .swiper-slide-active .pimg::after{background: transparent;}
.index_changfang .swiper-slide .pimg{height: 455px;overflow: hidden;position: relative;}
.index_changfang .swiper-slide .pimg img{width: 100%;}
.index_changfang .swiper-slide-active .text{opacity: 1;width: 90%;background-color: #e6a22d;line-height: 64px;text-align: center;margin: 0 auto;color: #fff;font-size: 18px;transform: translateY(-50%);}
.index_changfang .swiper-button-next,.index_changfang .swiper-button-prev{width: 51px;height: 51px;border-radius: 50%;line-height: 46px;background-color: #fff;}
.index_changfang .swiper-button-next::after,.index_changfang .swiper-button-prev::after{display: block;font-size: 16px;color: #e8b96b;}
.index_rongyu{padding: 85px 0;}
.index_rongyu .tt{border-bottom: 1px solid #e6e3e3;padding-bottom: 20px;position: relative;margin-bottom: 55px;}
.index_rongyu .tt::after{content: '';display: block;position: absolute;bottom: -2.5px;left: 0;height: 5px;width: 81px;background-color: #e6a22d;}
.index_rongyu .fl span{font-size: 30px;color: #e6a22d;display: block;}
.index_rongyu .fl abbr{font-size: 24px;color: #888;display: block;text-transform: uppercase;}
.index_rongyu .fr .more{display: block;width: 150px;line-height: 40px;text-align: center;color: #888;border: 1px solid #888;border-radius: 4px;height: 40px;margin-top: 20px;}
.index_rongyu ul{display: flex;justify-content: space-between;}
.index_rongyu ul li{display: block;width: 269px;cursor: pointer;}
.index_rongyu ul li .pimg{position: relative;}
.index_rongyu ul li .pimg img{display: block;width: 100%;}
.index_rongyu ul li .jinguo{display: block;position: absolute;left: 0;top: 0;opacity: 0;transition: .3s;}
.index_rongyu ul li:hover .jinguo{opacity: 1;}
.index_rongyu ul li .text{font-size: 16px;text-align: center;color: #262626;line-height: 55px;}
.index_rongyu ul li .text::after{content: '';display: block;width: 50px;height: 3px;background-color: #d09b3e;margin: 0 auto;opacity: 0;}
.index_rongyu ul li:hover .text::after{opacity: 1;}
.index_news{padding: 85px 0;background: url(../images/indexnew_bg.jpg)no-repeat;}
.index_news .tt{border-bottom: 1px solid #e6e3e3;padding-bottom: 20px;position: relative;margin-bottom: 55px;}
.index_news .tt::after{content: '';display: block;position: absolute;bottom: -2.5px;left: 0;height: 5px;width: 81px;background-color: #e6a22d;}
.index_news .fl span{font-size: 30px;color: #e6a22d;display: block;}
.index_news .fl abbr{font-size: 24px;color: #888;display: block;text-transform: uppercase;}
.index_news .fr .more{display: block;width: 150px;line-height: 40px;text-align: center;color: #888;border: 1px solid #888;border-radius: 4px;height: 40px;margin-top: 20px;}
.index_news ul{display: flex;justify-content: space-between;margin-top: 55px;}
.index_news ul li{width: 390px;border: 2px solid #fff;box-sizing: border-box;padding: 45px 30px;box-sizing: border-box;background-color: #fff;transition: .3s;}
.index_news ul li .title a{display: block;font-size: 22px;color: #000;}
.index_news ul li .title p{font-size: 14px;color: #000;display: block;}
.index_news ul li .title span{display: block;font-size: 14px;line-height: 28px;text-transform: uppercase;margin: 40px 0;}
.index_news ul li .title span::before{content: '';display: block;width: 42px;height: 2px;background-color: #e8b96b;}
.index_news ul li .date abbr{font-size: 35px;color: #4c4c4c;display: block;}
.index_news ul li .date span{font-size: 20px;color: #4c4c4c;display: block;}
.index_news ul li .date a{display: block;width: 100%;height: 50px;border: 1px solid #e8b96b;font-size: 14px;color: #e8b96b;text-align: center;line-height: 50px;margin-top: 32px;}
.index_news ul li:hover{background: rgba(0, 0, 0, 0.4);border: 2px solid #e8b96b;}
.index_news ul li:hover .title a{color: #fff;}
.index_news ul li:hover .title p{color: #fff;}
.index_news ul li:hover .title span{color: #fff;}
.index_news ul li:hover .date abbr{color: #fff;}
.index_news ul li:hover .date span{color: #fff;}
.index_news ul li:hover .date a{text-align: left;border: none;background-color: #fff;text-indent: 2em;}

/* about */
.about{padding: 90px 0;}
.about .w1200>span{font-size: 30px;color: #e6a22d;display: block;text-align: center;}
.about .w1200>abbr{font-size: 24px;color: #888888;display: block;text-align: center;margin: 15px 0 0 0;}
.about .w1200>abbr::after{content: '';display: block;width: 80px;height: 5px;background-color: #e6a22d;margin: 15px auto 0 auto;}
.about .w1200 .neirong{font-size: 16px;line-height: 30px;text-indent: 2em;color: #333;margin-top: 35px;}
.about .w1200 ul{display: flex;justify-content: space-between;margin-bottom: 60px;}
.about .w1200 ul li{width: 395px;text-align: center;background-color: #f7f7f7;padding: 20px 130px ;box-sizing: border-box;}
.about .w1200 ul li span{color: #e8b96b;font-size: 35px;font-weight: bold;}
.about .w1200 ul li abbr{font-size: 14px;color: #333333;}
.about .w1200 ul li p{display: block;margin: 0;font-size: 14px;text-align: left;color: #333;text-indent: 1em;}
.about .w1200 ul li:nth-child(3) p{text-indent: 2em;}

/* rongyu */
.case{padding: 90px 0;}
.case .w1200>span{font-size: 30px;color: #e6a22d;display: block;text-align: center;}
.case .w1200>abbr{font-size: 24px;color: #888888;display: block;text-align: center;margin: 15px 0 0 0;text-transform: uppercase;}
.case .w1200>abbr::after{content: '';display: block;width: 80px;height: 5px;background-color: #e6a22d;margin: 15px auto 0 auto;}
.case ul{margin-top: 50px;}
.case ul li{float: left;width: 270px;display: block;margin-right: 39px;cursor: pointer;position: relative;}
.case ul li:nth-child(4){margin-right: 0;}
.case ul li .pimg{position: relative;height: 382px;}
.case ul li .pimg img{display: block;width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.case ul li .jinguo{display: block;position: absolute;left: 0;top: 0;opacity: 0;transition: .3s;}
.case ul li:hover .jinguo{opacity: 1;}
.case ul li .text{font-size: 16px;text-align: center;color: #262626;line-height: 55px;}
.case ul li .text::after{content: '';display: block;width: 50px;height: 3px;background-color: #d09b3e;margin: 0 auto;opacity: 0;}
.case ul li:hover .text::after{opacity: 1;}

/* rongyu */
.cangfang{padding: 90px 0;}
.cangfang .w1200>span{font-size: 30px;color: #e6a22d;display: block;text-align: center;}
.cangfang .w1200>abbr{font-size: 24px;color: #888888;display: block;text-align: center;margin: 15px 0 0 0;text-transform: uppercase;}
.cangfang .w1200>abbr::after{content: '';display: block;width: 80px;height: 5px;background-color: #e6a22d;margin: 15px auto 0 auto;}
.cangfang ul{margin-top: 50px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.cangfang ul li{float: left;width: 32%;display: block;cursor: pointer;position: relative;}
.cangfang ul li:nth-child(4){margin-right: 0;}
.cangfang ul li .pimg{position: relative;height: 287px;}
.cangfang ul li .pimg img{display: block;width: 100%;}
.cangfang ul li .jinguo{display: block;position: absolute;left: 0;top: 0;opacity: 0;transition: .3s;}
.cangfang ul li:hover .jinguo{opacity: 1;}
.cangfang ul li .text{font-size: 16px;text-align: center;color: #262626;line-height: 55px;}
.cangfang ul li .text::after{content: '';display: block;width: 50px;height: 3px;background-color: #d09b3e;margin: 0 auto;opacity: 0;}
.cangfang ul li:hover .text::after{opacity: 1;}

/* news */
.news{padding: 90px 0;}
.news .w1200>span{font-size: 30px;color: #e6a22d;display: block;text-align: center;}
.news .w1200>abbr{font-size: 24px;color: #888888;display: block;text-align: center;margin: 15px 0 0 0;text-transform: uppercase;}
.news .w1200>abbr::after{content: '';display: block;width: 80px;height: 5px;background-color: #e6a22d;margin: 15px auto 0 auto;}
.news ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 50px;}
.news ul li{width: 585px;display: flex;justify-content: space-between;padding: 15px 30px;background-color: #b3b3b3;box-sizing: border-box;margin-bottom: 27px;}
.news ul li:hover{background-color: #e6a22d;}
.news ul li .panel{padding: 0 30px 0 0;border-right: 1px solid rgba(255, 255, 255, 0.25);}
.news ul li .panel .panel-body{display: block;font-size: 30px;color: #fff;text-align: center;line-height: 44px;}
.news ul li .panel .panel-heading{display: block;text-align: center;color: #fff;font-size: 14px;line-height: 24px;}
.news ul li .txt{padding-left: 24px;}
.news ul li .txt a{display: block;font-size: 16px;color: #fff;}
.news ul li .txt small{display: block;font-size: 14px;color: #fff;margin-top: 10px;}
.news .neirong{font-size: 16px;line-height: 30px;text-indent: 2em;color: #333;margin-top: 35px;}
.news .neirong img{display: block;margin: 0 auto;}
/* wenda */
.wenda{padding: 90px 0;}
.wenda .w1200>span{font-size: 30px;color: #e6a22d;display: block;text-align: center;}
.wenda .w1200>abbr{font-size: 24px;color: #888888;display: block;text-align: center;margin: 15px 0 0 0;text-transform: uppercase;}
.wenda .w1200>abbr::after{content: '';display: block;width: 80px;height: 5px;background-color: #e6a22d;margin: 15px auto 0 auto;}
.wenda .jianyu{font-size: 16px;line-height: 30px;color: #000;margin-top: 50px;}
.wenda .list{display: flex;justify-content: center;margin-top: 35px;}
.wenda .list li{font-size: 18px;color: #262626;margin-right: 15px;}
.wenda .list li a{color: #262626;font-size: 18px;line-height: 28px;display: block;}
.wenda .list li.active a,.wenda .list li:hover a{color: #e6a22d;border-bottom: 1px solid #e6a22d;}
.wenda .wendalist{margin: 40px 0 0px 0;}
.wenda .wendalist .tt{padding-bottom: 7px;border-bottom: 1px solid #b3b3b3;}
.wenda .wendalist .tt img{float: left;margin-right: 26px;}
.wenda .wendalist .tt::after{content: '';display: block;clear: both;}
.wenda .wendalist .tt span{display: block;float: left;line-height: 30px;font-size: 16px;font-weight: bold;color: #000;}
.wenda .wendalist li{margin-bottom: 55px;}
.wenda .wendalist li .neirong{padding-left: 69px;font-size: 16px;color: #4c4c4c;padding-top: 25px;}
/* video */
.video{padding: 90px 0;}
.video .w1200>span{font-size: 30px;color: #e6a22d;display: block;text-align: center;}
.video .w1200>abbr{font-size: 24px;color: #888888;display: block;text-align: center;margin: 15px 0 0 0;text-transform: uppercase;}
.video .w1200>abbr::after{content: '';display: block;width: 80px;height: 5px;background-color: #e6a22d;margin: 15px auto 0 auto;}
.video ul{margin-top: 50px;display: flex;justify-content: space-between;}
.video ul::after{content: '';display: block;width: 33%;}
.video ul li{width: 376px;display: block;cursor: pointer;position: relative;}
.video ul li .pic{display: block;position: relative;height: 277px;}
.video ul li .pic img{display: block;width: 100%;}
.video ul li .pic .pimg{display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.video ul li p{display: block;margin: 0;line-height: 60px;background-color: #fff;color: #333;text-align: center;transition: .3s;}
.video ul li:hover p{background: #e6a22d;color: #fff;}
.video .neirong{margin-top: 60px;}
.video .neirong video{width: 100%;height:700px;display: block;}
.prv{margin-top: 30px;display: block;font-size: 16px;color: #333;}
.prv a{color: #666;}

/* pro */
.pro{padding: 90px 0;}
.pro .w1200>span{font-size: 30px;color: #e6a22d;display: block;text-align: center;}
.pro .w1200>abbr{font-size: 24px;color: #888888;display: block;text-align: center;margin: 15px 0 0 0;text-transform: uppercase;}
.pro .w1200>abbr::after{content: '';display: block;width: 80px;height: 5px;background-color: #e6a22d;margin: 15px auto 0 auto;}
.pro .w1200>ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.pro .w1200>ul::after{content: '';display: block;width: 394px;}
.pro .w1200>ul li{width: 394px;margin-bottom: 20px;}
.pro .w1200>ul li .pic{width: 100%;border: 1px solid #e0e0e0;height: 280px;box-sizing: border-box;}
.pro .w1200>ul li .pic a{display: block;line-height: 280px;}
.pro .w1200>ul li .pic a img{display: block;max-width: 100%;max-height: 100%;}
.pro .w1200>ul li p{margin: 0;}
.pro .w1200>ul li p a{display: block;text-align: center;line-height: 54px;color: #262626;}
.pro .w1200>ul li:hover .pic{border: 1px solid #e6a22d;}
.pro .w1200>ul li:hover p a{background: #e6a22d;color: #fff;}
.pro .list ul{display: flex;justify-content: center;margin: 48px 0;}
.pro .list ul li{width: 200px;height: 42px;line-height: 42px;text-align: center;color: #262626;font-size: 16px;margin-right: 15px;background: #f7f7f7;}
.pro .list ul li:nth-child(4){margin-right: 0;}
.pro .list ul li a{font-size: 16px;color: #262626;display: block;}
.pro .list ul li.active,.pro .list ul li:hover{background-color: #e6a22d;}
.pro .list ul li.active a,.pro .list ul li:hover a{color: #fff;}
.pro .pview{width: 650px;}
.pro .pview .gallery-top{width: 650px;height: 460px;margin-top: 50px;line-height: 460px;border: 1px solid #f7f7f7;box-sizing: border-box;}
.pro .pview .gallery-thumbs{margin-top: 10px;}
.pro .pview .gallery-thumbs .swiper-slide{border: 1px solid #f7f7f7;width: 24%;box-sizing: border-box;overflow: hidden;}
.pro .pview .gallery-thumbs .swiper-slide-thumb-active{border: 1px solid #e6a22d;}
.pro .pview img{width: 100%;display: block;}
.pro .txt{width: 520px;margin-top: 50px;}
.pro .txt h1{font-size: 20px;font-weight: bold;}
.pro .txt p{font-size: 16px;color: #b2b2b2;padding: 14px 0;border-bottom: 2px solid #262626;margin: 0;}
.pro .txt .prolianxi{margin-top: 45px;font-size: 18px;color: #262626;line-height: 32px;}
.pro .txt .prozixun{display: flex;justify-content: left;margin-top: 50px;}
.pro .txt .prozixun li{position: relative;margin-right: 8px;width: 48%;cursor: pointer;}
.pro .txt .prozixun li .proewm1{height: 0;overflow: hidden;transition: .3s;}
.pro .txt .prozixun li .proewm1 img{display: block;margin: 0 auto;}
.pro .txt .prozixun li .proewm1{margin: 0 auto;}
.pro .txt .prozixun li .text{padding: 15px 35px;background-color: #e6a22d;height: 54px;box-sizing: border-box;width: 100%;}
.pro .txt .prozixun li .text img{float: left;margin-right: 15px;}
.pro .txt .prozixun li .text span{color: #fff;}
.pro .txt .prozixun li:hover .proewm1{height: 132px;}

/* 定制 */
.dingzhi{padding-bottom: 95px;padding-top: 30px;}
.dingzhi .tt{font-size: 40px;color: #262626;text-align: center;margin-top: 65px;}
.dingzhi p{font-size: #333;font-size: 16px;margin: 0;margin-bottom: 30px;margin-top: 30px;}
.dingzhi .pimg2{margin-top: 30px;}
.dingzhi .back{background-color: #e6a22d;color: #fff;line-height: 48px;border-radius: 24px;text-align: center;display: block;width: 170px;margin: 60px auto 0 auto;padding: 0 50px;box-sizing: border-box;}
.dingzhi .back img{width: 30px;float: left;margin-top: 10px;}
.dingzhi .back span{font-size: 16px;color: #fff;float: left;}
.dingzhi .back::after{content: '';display: block;clear: both;}
.dingzhi .back:hover img{animation: dongqilai 1s infinite;}
@keyframes dongqilai{
0%{transform: translateX(0px);}
50%{transform: translateX(-10px);}
100%{transform: translateX(0px);}
}

/* contact */
.contact{padding: 90px 0;}
.contact .w1200>span{font-size: 30px;color: #e6a22d;display: block;text-align: center;}
.contact .w1200>abbr{font-size: 24px;color: #888888;display: block;text-align: center;margin: 15px 0 0 0;text-transform: uppercase;}
.contact .w1200>abbr::after{content: '';display: block;width: 80px;height: 5px;background-color: #e6a22d;margin: 15px auto 0 auto;}
.contact .w1200>p{font-size: 30px;color: #262626;margin: 50px 0;text-align: center;}
.contact ul{display: flex;justify-content: space-between;margin: 65px 0 55px 0;}
.contact ul li i{display: block;width: 50px;height: 50px;background: url(../images/contactico.png)no-repeat;margin: 0 auto 30px auto;}
.contact ul li:nth-child(2) i{background-position-x: -50px;}
.contact ul li:nth-child(3) i{background-position-x: -100px;}
.contact ul li:nth-child(4) i{background-position-x: -150px;}
.contact ul li p{display: block;text-align: center;color: #262626;font-size: 18px;}
/* footer */
footer{background-color: #2b2c2d;border-top: 4px solid #e6b35c;padding: 40px 0;}
footer .fl li{margin-bottom: 50px;}
footer .fl li i{background: url(../images/footico.png)no-repeat;width: 50px;height: 50px;display: block;margin-right: 10px;}
footer .fl li:nth-child(2) i{background-position-x: -50px;}
footer .fl li:nth-child(3) i{background-position-x: -100px;}
footer .fl li span{font-size: 14px;display: block;color: #fff;}
footer .fl li span::after{content: '';display: block;width: 16px;height: 1px;background-color: #fff;margin: 5px 0 8px 0;}
footer .fl li p{display: block;margin: 0;font-size: 14px;color: #fff;}
footer .fr>ul{display: flex;justify-content: space-between;}
footer .fr>ul li{padding: 0 15px;border-right: 2px solid #fff;height: 16px;}
footer .fr>ul li a{position: relative;color: #fff;font-size: 16px;line-height: 16px;height: 16px;display: block;}
footer .fr>ul li a::after{width: 0%;content: '';display: block;height: 2px;background-color: #e5ca9b;position: absolute;bottom: -10px;transition: .3s;}
footer .fr>ul li a::before{opacity: 0;transition: .3s;content: '';display: block;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #e5ca9b;width: 0;height: 0;position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);}
footer .fr>ul li.active a::after,footer .fr>ul li:hover a::after{width: 100%;}
footer .fr>ul li.active a::before,footer .fr>ul li:hover a::before{opacity: 1;}
footer .fr .footlianxi{margin-top: 160px;}
footer .fr .footlianxi ul{display: flex;justify-content: flex-end;}
footer .fr .footlianxi ul li{position: relative;width: 80px;cursor: pointer;}
footer .fr .footlianxi ul li .pimg{text-align: center;}
footer .fr .footlianxi ul li .pimg img{border: 2px solid #fff;border-radius: 50%;background-color: #fff;}
footer .fr .footlianxi ul li .pimg2{display: block;position: absolute;left: 50%;transform: translateX(-50%);top: -134px;opacity: 0;transition: .3s;}
footer .fr .footlianxi ul li:hover .pimg img{border: 2px solid #e5ca9b;}
footer .fr .footlianxi ul li:hover .pimg2{opacity: 1;}
.beian{background-color: #2b2c2d;border-top: 1px solid #c7c7c7;line-height: 68px;color: #c7c7c7;font-size: 14px;}
.beian a{color: #c7c7c7;}
.page {padding:30px 0; font-size:14px; overflow:hidden; text-align:center; }
.page span{float:none;}
.page a{display: inline-table;font-size: 16px;color: #262626;border: 1px solid #f7f7f7;padding: 0 15px;line-height: 40px;box-sizing: border-box;margin-right: 25px;border-radius: 10px;}
.page a:hover {color:#fff;background-color: #e6a22d;}
.page a:active {color:#fff;}
.page a.page-num{border-radius: 50%;}
.page a.page-num-current {display:inline-table;line-height:40px; padding:0 15px;background-color: #e6a22d;border: 1px solid #e6a22d;color: #fff;}
.page span.current {color:#fff; display:inline-table;line-height:40px; padding:0 15px;}
.page span.no { background:#f1f1f1; color:#333; display:inline-table;line-height:40px; padding:0 15px;}
.page span.disabled { padding:0 9px 0 0px; }

@media screen and (max-width:1440px){
	.banner .pimg img{width: auto;height: 100vh;}
}