@charset "utf-8";
*{margin:0;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
HTML {OVERFLOW-X: hidden;}
body{ font-family:"Source Han Sans CN","Hiragino Sans GB","Heiti SC","PingFang SC","Microsoft Yahei","WenQuanYi Micro Hei",Helvetica,Arial,sans-serif;font-size:16px; line-height:30px;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; color:#333; }
a{color:#222; text-decoration:none;outline:none; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.3s;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a:hover{text-decoration:none; color:#b88f50}
ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clear{ clear:both}
.clearfix{clear:both;zoom:1;}
.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}
.ovh{ overflow:hidden}
table{ border-collapse:collapse;}
img{ border:none;}
input,textarea,select,button,input{ outline:none;font-size:16px;font-family:"Source Han Sans CN","Hiragino Sans GB","Heiti SC","PingFang SC","Microsoft Yahei","WenQuanYi Micro Hei",Helvetica,Arial,sans-serif;}
input{-webkit-appearance: none ;}

#b01, #b02, #b03, #b04{ position: absolute;  margin-top:-100px;}

.section{ padding:90px 0 110px 0;}
.sectionpre{ padding-top:90px;}
.sectionnext{ padding-bottom:110px;}

.wrap{ width:80%; max-width:1550px; margin:0 auto}

.jvzhong{ text-align:center}
.title { margin-bottom:45px; position: relative;}
.title h4{font-size:24px; margin-bottom:15px; color:#666; display:inline-block; padding-left:30px; background:url(../images/icon.png) no-repeat left center; background-size:20px auto;}
.title h3{font-size:45px; line-height:45px; font-weight:bold; color:#555;} 
.iabout .title h3, .icase .title h3, .inews .title h3{ /* color:#012598;*/color:#c27e00}
.title h3 span{ color:#b89050;}
.title p{ font-size:18px;margin-top:25px; color:#666;}
.title p span{ display:block}
.title .more{ width:160px; height:55px; font-size:18px; line-height:55px; position:absolute; bottom:0; right:0}
.title .more a{ display:block; color:#fff; padding-right:20px; background: url(../images/pnext.png) #b88f50 no-repeat 80% center; background-size:12px auto; text-align:center;-moz-transition: 0.5s ease;-webkit-transition: 0.5s ease;transition: 0.5s ease;}
.title .more a:hover{background: url(../images/pnext.png) #b88f50 no-repeat 85% center; background-size:12px auto;}

.ntitle { margin-bottom:45px; position: relative;}
.ntitle h3{font-size:36px; line-height:36px; font-weight:bold;} 

.pic{ height:auto; display:block; overflow:hidden;}
.pic img{ width:100%; height:auto;transition: all 1.5s; display:block}
.kuai:hover .pic img, .item:hover .pic img, li:hover .pic img, a:hover .pic img,  .pic:hover img{transform:scale(1.05);}

.img-dv{ position:relative; overflow:hidden}
.img-dv .img1{ display:block; width:100%; opacity:0}
.img-dv .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; max-width:100%; max-height:100%}

.nzhibao .img-dv .img2{ min-width:100%; min-height:100%}

body{ position:relative;}
.space{ height:100px;}

.header{ height:100px; background:#fff; position:fixed; left:0; top:0; width:100%; z-index:99;box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.header .wrap{ position:relative;}
.header .logo{ position:absolute; left:0; top:50%; margin-top:-32px;}
.header .logo img{ display:block; height:64px; width:auto;}

.header .menu{position: relative;z-index: 2; float:right; margin-right:160px; text-transform:capitalize}
.header .menu>ul{display:flex;display:-webkit-flex;justify-content:space-between}
.header .menu>ul>li{ position:relative;white-space: nowrap;}
.header .menu .menu_a{color:var(--black-color);font-size:18px;line-height:100px;padding:0 22px;position:relative;display: block;}
.header .menu .menu_a:hover, .header .menu .menu_a.cur{ color:#b88f50;}
.header .menu .sub{position:absolute; overflow:hidden; line-height:45px; width:calc(100% + 60px); margin-left:-30px; text-align:center; display:none;clear:both;z-index:99; }
.header .menu li:nth-child(3) .sub{width:calc(100% + 100px);margin-left:-50px; }
.header .menu .sub .con {background-color: #fff;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); position:relative;padding:5px;margin-top: 10px; border-radius:10px; }
.header .menu .sub .con:before { content:""; width:0; height:0; border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff; display:block; position:absolute; left:50%; margin-left:-6px; top:-6px}
.header .menu .sub a { display:block; border-bottom:1px solid #e8e8e8;line-height: 20px; padding: 13px 20px;word-wrap: break-word;white-space:normal}
.header .menu .sub a:first-child{ }
.header .menu .sub a:last-child{border-bottom: 0; }
.header .menu li:hover .sub {opacity: 1;visibility: visible;}
.header .menu .sub a:hover {background:#b88f50; color:#fff;}

/*.header .menu .sub{ position:absolute;left: 50%;top: 100%; width:150px;text-align: center;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%); opacity: 0;visibility: hidden;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.header .menu .sub .con {background-color: #fff;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); position:relative;padding:5px;margin-top: 10px; border-radius:10px; }
.header .menu .sub .con:before { content:""; width:0; height:0; border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff; display:block; position:absolute; left:50%; margin-left:-6px; top:-6px}
.header .menu .sub a { display:block; border-bottom:1px solid #e8e8e8;line-height: 20px; padding: 13px 20px;word-wrap: break-word;white-space:normal}
.header .menu .sub a:first-child{ }
.header .menu .sub a:last-child{border-bottom: 0; }
.header .menu li:hover .sub {opacity: 1;visibility: visible;}
.header .menu .sub a:hover {background:#b88f50; color:#fff;}*/

.header .lang{ width:135px; position:absolute; top:50%; right:0%; margin-top:-50px;height:100px;}
.header .lang .button{line-height:100px; width:135px; position:relative; display:block; background:url(../images/lan02.png) no-repeat left center; padding-left:35px;}
.header .lang .button i{ content:""; width:14px; height:7px; position:absolute; top:50%; margin-top:-3.5px; right:0;background:url(../images/lanjt02.png) no-repeat left center;}
.header .lang .button.cur:after{content:""; position:absolute; left:50%; bottom:0; margin-left:-8px; width:0; height: 0; border: 8px solid transparent;border-bottom: 8px solid #fff; opacity:1}
.header .lang .sub{position:absolute; overflow:hidden; line-height:45px; width:100%; text-align:center; display:none;clear:both;z-index:99; }
.header .lang .sub .con {background-color: #fff;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); position:relative;padding:5px;margin-top: 10px; border-radius:10px; }
.header .lang .sub .con:before { content:""; width:0; height:0; border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff; display:block; position:absolute; left:50%; margin-left:-6px; top:-6px}
.header .lang .sub a { display:block; border-bottom:1px solid #e8e8e8;line-height: 20px; padding: 13px 20px;word-wrap: break-word;white-space:normal}
.header .lang .sub a:first-child{ }
.header .lang .sub a:last-child{border-bottom: 0; }
.header .lang li:hover .sub {opacity: 1;visibility: visible;}
.header .lang .sub a:hover {background:#b88f50; color:#fff;}


.banner{ position:relative; z-index:1;  height:auto !important; width:100%;}
.banner img{ display:block; width:100%; height:auto !important; opacity:0}
.banner .swiper-container{position:relative; height:auto !important}
.banner .swiper-slide{ position:relative; overflow:hidden}
.banner .swiper-slide:after{ content:""; position:absolute; left:0; bottom:0; width:60%; height:160px;  background-image: linear-gradient(to right, rgba(184,143,80,1) 70%,  rgba(184,143,80,0));}
.banner .swiper-slide .text{ color:#fff;position:absolute; padding-bottom:40px; width:100%; left:0; bottom:0; z-index:99}


.banner .text h3 {display: block;font-size: 40px; line-height:45px; margin-bottom:10px; font-weight:bold; opacity: 0;visibility: hidden;transform: translateX(20px);transition: 0.45s;}
.banner .text h4 {font-size: 25px;line-height:30px; opacity: 0;visibility: hidden;transform: translateX(20px);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: 0.45s;}
.banner .swiper-slide.wenzi01 .text h4, .banner .swiper-slide.wenzi03 .text h4{letter-spacing:18px !important; }
.banner .swiper-slide.wenzi02 .text h4{letter-spacing:7px !important; }
.banner .text .more {opacity: 0;visibility: hidden;  line-height:50px; transform: translateY(20px);transition: 0.45s; position:relative; display:inline-block; margin-top:70px; font-size:18px;}
.banner .text .more i{ position:absolute; top:50%; right:30px; width:10px; height:10px; margin-top:-5px; background:url(../images/bnext.png) no-repeat center center; background-size:8px;}
.banner .text .more a{ color:#fff; border-radius:20px; display:block;border:solid 1px #fff; position:relative;padding:0 60px 0 30px;}
.banner .text .more:hover a{ background:#f5a100; border:solid 1px #f5a100;}
.banner .swiper-slide.swiper-slide-active .text h3, .banner .swiper-slide.swiper-slide-active .text h4, .banner .swiper-slide.swiper-slide-active .text .more {opacity: 1;visibility: visible;transform: translateX(0);transition-delay: 0.5s;}
.banner .swiper-slide.swiper-slide-active .text h4 {transition-delay: 0.7s;}
.banner .swiper-slide.swiper-slide-active .text .more {transition-delay: 1s;}

.banner .swiper-button-prev, .banner .swiper-button-next{ width:40px; height:50px; margin-top:-20px; outline:none; opacity:0.6; top:50%; overflow:hidden}
.banner .swiper-button-prev{ background:url(../images/bpre.png) rgba(0,0,0,0.5) no-repeat center center; background-size:20px auto; left:0%; opacity:0.3}
.banner .swiper-button-next{ background:url(../images/bnext.png) rgba(0,0,0,0.5) no-repeat center center;background-size:20px auto; right:0%; opacity:0.3}
.banner .swiper-button-prev:hover{ background:url(../images/bpre.png) rgba(0,0,0,0.5) no-repeat center center;background-size:20px auto; opacity:1}
.banner .swiper-button-next:hover{ background:url(../images/bnext.png) rgba(0,0,0,0.5) no-repeat center center;background-size:20px auto; opacity:1}
.banner .swiper-pagination{bottom:35px; text-align:right; width:1550px; right:calc(50% - 775px)}
@media screen and (max-width:1937.5px){
.banner .swiper-pagination{width:90%; right:10%; }	
}
.banner .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #fff;opacity: 1;margin:0 12px!important;position: relative;}
.banner .swiper-pagination-bullet:after{content: '';border: 1px solid #fff;border-radius: 50%;width: calc(100% + 12px);height: calc(100% + 12px);position: absolute;left: -6px;top: -6px;box-sizing: border-box;opacity: 0;}
.banner .swiper-slide-active{z-index: 2;}
.banner .swiper-pagination-bullet-active{ background:#fff; }
.banner .swiper-pagination-bullet-active:after{opacity: 1;}
.banner .swiper-slide .bnr-bg{ position:absolute; width:100%; height:100%; top:0; left:0; transform:matrix(1.1, 0, 0, 1.1, 0, 0);-webkit-transition:all 0.4s ease 1.2s; -moz-transition:all 0.4s ease 1.2s; -ms-transition:all 0.4s ease 1.2s; -o-transition:all 0.4s ease 1.2s; transition:all 0.4s ease 1.2s;}
.banner .swiper-slide.swiper-slide-active .bnr-bg{transition-delay:0.4s !important; transform:matrix(1, 0, 0, 1, 0, 0); -webkit-transition:all 7.0s ease; -moz-transition:all 7.0s ease; -ms-transition:all 7.0s ease; -o-transition:all 7.0s ease; transition:all 7.0s ease;}

.iabout .outpic{box-shadow: 10px 10px 15px rgba(0,0,0,0.2); position:relative}
.iabout .i-about-list .swiper-slide{ width:980px; padding:30px 60px;}
.iabout .i-about-list .swiper-slide .tit{text-align:center; font-size:22px; color:#333; line-height:35px; overflow:hidden; white-space:nowrap; margin-top:25px; opacity:0 }
.iabout .i-about-list .swiper-slide.swiper-slide-active{ padding:0 !important}
.iabout .i-about-list .swiper-slide-active .tit{ opacity:1}
.iabout .i-about-list .swiper-button-prev, .iabout .i-about-list .swiper-button-next{ width:40px; height:50px; margin-top:-50px; outline:none; opacity:0.6; top:50%; overflow:hidden}
.iabout .i-about-list .swiper-button-prev{ background:url(../images/bpre.png) rgba(0,0,0,0.5) no-repeat center center; background-size:20px auto; left:0%; opacity:0.3}
.iabout .i-about-list .swiper-button-next{ background:url(../images/bnext.png) rgba(0,0,0,0.5) no-repeat center center;background-size:20px auto; right:0%; opacity:0.3}
.iabout .i-about-list .swiper-button-prev:hover{ background:url(../images/bpre.png) rgba(0,0,0,0.5) no-repeat center center;background-size:20px auto; opacity:1}
.iabout .i-about-list .swiper-button-next:hover{ background:url(../images/bnext.png) rgba(0,0,0,0.5) no-repeat center center;background-size:20px auto; opacity:1}


.iabout .videosrcval{ position:absolute; left:50%; top:50%; margin-left:-40px; margin-top:-40px; width:80px; height:80px;}
.iabout .videosrcval i{ display:block;background:url(../images/videobut.png) no-repeat center center / cover; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:50%;}
.iabout .videosrcval::before, .iabout .videosrcval::after {position: absolute;left: 50%;top: 50%;width: 80px;height: 80px;  -webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);border-radius: 50%;-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);-webkit-animation: rippleOne 3s infinite;animation: rippleOne 3s infinite;}
.iabout .videosrcval::before {-webkit-animation-delay: 0.9s;animation-delay: 0.9s;content: "";position: absolute;right: 0;bottom: 0;}
.iabout .videosrcval::after {-webkit-animation-delay: 0.6s;animation-delay: 0.6s;content: "";position: absolute;right: 0;bottom: 0;}
@keyframes rippleOne {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
  }
}
.focusvideo{display: none; position: fixed;width: 100%;height: 100%;top:0; left:0;z-index: 9999;background-color: rgba(0, 0, 0, 0.85);}
.show-video{ display:block}

.video-show {position: absolute;z-index: 999;width:90%; max-width:1200px; height:auto; max-height:80%; background: #000;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.video-close{ height:37px; width:30px;background:url(../images/close.png) no-repeat; background-size:30px 30px; position:absolute; top:-37px; right:0;cursor:pointer; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s; color:#fff; font-size:18px;}
.video-close:hover{ -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}
.focusvideo #videovl {width: 100%;height: 100%;}


.ipro{ background:#ceb184; position:relative}
.ipro .proswiper {width:65%; margin-left:35%}
.pro-slide {overflow: hidden;}
.pro-slide{position: relative;display: block;overflow: hidden;}

.ipro_probtn { position:absolute; left:0; top:5%; width:35%; padding-left:calc(50% - 775px); padding-right:30px; margin-top:50px;}
@media screen and (max-width: 1937.5px){
.ipro_probtn {padding-left:10%; }
}
.probtn{display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: start; justify-content: flex-start;}
.probtn li {padding:0; text-align:center; width:100%; line-height:80px; margin-bottom:12px;position: relative;z-index: 2;cursor: pointer; background:#c19d65;}
.probtn li:nth-child(2n){ margin-right:0}
.probtn li h3 {color: #fff;font-size:18px; white-space: nowrap;}
.probtn li h3 a{color: #fff;}
.probtn li:hover,.probtn li.active {background:#b88f50;}

.icase{ background: url(../images/jmys2.png) no-repeat center center; background-size:cover;}
.icase .conn{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; border-radius:10px;}
.icase .conn .item{ width:16.666666%; background:#c19d65; text-align:center; font-size:22px; color:#fff;}
.icase .conn .item:nth-child(3), .icase .conn .item:nth-child(7){ width:33.3333%}
.icase .conn .item img{ display:block; margin:0 auto;}
.icase .conn .item .icon{ margin-top:20%; -moz-transition: 0.5s ease;-webkit-transition: 0.5s ease;transition: 0.5s ease;}
.icase .conn .item:hover .icon{ -webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}

.inews .swiper-slide{ border:solid 1px #ddd; margin-bottom:40px;}
.inews .swiper-slide .pic{ background:#f5f5f5;}
.inews .swiper-slide .text{ padding:25px 35px;}
.inews .swiper-slide .text h4{ font-size:18px; color:#b88f50; margin-bottom:5px;}
.inews .swiper-slide .text h3{ font-size:22px; color:#222;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; height:60px;}
.inews .swiper-slide .date{ color:#999; padding:0 35px; line-height:60px; border-top:solid 1px #ddd; background:url(../images/pnext02.png) no-repeat calc(100% - 35px) center; background-size:12px auto;}
.inews .swiper-pagination{ bottom:0 !important;}

.inews .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #d2d2d2;opacity: 1;margin:0 12px!important;position: relative;}
.inews .swiper-pagination-bullet:after{content: '';border: 1px solid #b88f50;border-radius: 50%;width: calc(100% + 12px);height: calc(100% + 12px);position: absolute;left: -6px;top: -6px;box-sizing: border-box;opacity: 0;}
.inews .swiper-slide-active{z-index: 2;}
.inews .swiper-pagination-bullet-active{ background:#b88f50; }
.inews .swiper-pagination-bullet-active:after{opacity: 1;}

.big{ font-size:24px; color:#b88f50; font-weight:bold;}
.footer{ background:#353f4c; padding:60px 0; color: rgba(255,255,255,0.7)}
.footer a{color: rgba(255,255,255,0.7)}
.footer h3, .footer h3 a, .footer a:hover{ color:#fff}
.footer .ftop{ border-bottom:solid 1px rgba(255,255,255,0.1); padding-bottom:30px;}
.footer img{ display:block}
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content: space-between; }
.footer li {display:inline-block;}
.footer .ftop li:nth-child(1) img{ height:64px; width:auto;}
.footer .ftop li:nth-child(2) img{ margin-top:25px;}

.footer .fcontent{ line-height:32px; border-bottom:solid 1px rgba(255,255,255,0.1);}
.footer .fcontent li{padding:45px 0; }
.footer .fcontent li:nth-child(5){ text-align:center; border-left:solid 1px rgba(255,255,255,0.1); border-right:solid 1px rgba(255,255,255,0.1); padding-left:50px; padding-right:50px;}
.footer .fcontent li:nth-child(5) .kuai:nth-child(1){ margin-bottom:10px;}
.footer .fcontent li:nth-child(5) .kuai img{ display:block; width:145px; height:auto}
.footer h3{ font-size:22px; margin-bottom:15px;}

.liuy { margin-top:35px; width:140px; height:45px; line-height:45px; }
.liuy a{ display:block; color:#fff; padding-right:20px; background: url(../images/pnext.png) #b88f50 no-repeat 80% center; background-size:12px auto; text-align:center;-moz-transition: 0.5s ease;-webkit-transition: 0.5s ease;transition: 0.5s ease;}
.liuy a:hover{background: url(../images/pnext.png) #b88f50 no-repeat 85% center; background-size:12px auto;}

.footer .copyright{ padding-top:25px;}
.footer .copyright  li:nth-child(1){background: url(../images/mjy_i80fQ7q7Ly0GYvquVQ.png) no-repeat left center; padding-left:30px; background-size:20px auto;} 



.nbanner{ position:relative; overflow:hidden}
.nbanner img{ display:block; width:100%; height:auto}
.nbanner .text{ position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; color:#fff; width:100%}
.nbanner .text h3{ font-size:45px; line-height:60px; font-weight:bold;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);}
.nbanner .text p{ margin-top:15px; font-size:18px;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);}
.nbanner .text p span{ padding:0 10px;}
.nbanner .text p a{ color:#fff}
.nbanner .text p a:hover{ color:#f5a100;}
.nbanner .text span{ font-size:20px; font-weight:normal}



.nguide{ line-height:70px; border-bottom:solid 1px #ddd; position:relative;  background:#fff}
.nguide ul{/*overflow-x:auto;overflow-y: hidden; width:100%;display: flex; display: -webkit-flex;*/}
.nguide li{white-space:nowrap; width:auto; display:inline-block; }
.nguide li a{ display:block; margin:0 35px 0 0; font-size:18px; position:relative}
.nguide li a:after {content: '';width: 0;height: 2px;background-color: #b88f50;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);bottom: -2px ;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.nguide li.cur a:after, .nguide li a:hover:after{ width:100%}
.nguide li.cur a, .nguide li a:hover{color: #b88f50;}




.ncb01 .conn{ background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.15);padding:30px 0 60px 0; }
.ncb01 .item{ width:33.33%; float:left; text-align:center;  border-right:solid 1px #eee}
.ncb01 .item:nth-child(3){ border-right:none}
.ncb01 .item .icon{  width:30%; max-width:70px;border-radius:50%; overflow:hidden; }
.ncb01 .item .icon img{ display:block; width:100%; height:auto}
.ncb01 .item .wenzi p{ color:#b88f50;font-size:18px;  margin-top:-10px; min-height:90px;}
.ncb01 .item p span{ color:#333; font-size:20px; margin-bottom:10px; display:block; }
.ncb01 .item .icon{transition: 0.5s; margin:10px auto 20px auto;}
.ncb01 .item:hover .icon{ margin:0px auto 30px auto;}
.ncb01 .map {position:relative; z-index:-1; margin-top:-60px}
.map #allmap {width:100%; height:520px; }
.BMap_bubble_title{ white-space:normal !important;color: #151515; font-size:16px;padding:15px 0;}
.BMap_bubble_content{color: #888;}
.iwTitle {color: #CC5522;font-weight: bold;line-height:22px;display:block;padding-bottom:8px;}
#allmap .map-address-name {text-align: center;font-size: 17px;color: #333; margin-bottom:5px}
#allmap .map-address-detail {text-align: center;font-size: 14px; line-height:25px; color: #888;}

.nguide.fixeds{position:fixed; left:0; top:100px; width:100%; z-index:9; }
.section-wrapper {margin-top: -180px;padding-top: 170px;}

.ncb02 .liuyan {box-shadow: 0 0 10px rgba(0,0,0,0.15); padding:5%;}
.ncb02 .liuyan form{ max-width:920px; margin:0 auto;}
.ncb02 .liuyan .row_1{ position:relative; clear:both}
.ncb02 .liuyan .column{position:relative; margin-bottom:20px;}
.ncb02 .liuyan label{ position:absolute; color:#666; left:0;top:0; line-height:48px; padding-left:15px}
.ncb02 .liuyan label span{ color:#b88f50}
.ncb02 .liuyan .row_1 .column{ width:calc(50% - 10px); float:left; position:relative}
.ncb02 .liuyan .row_1 .column:nth-child(2){ float:right}
.ncb02 .liuyan .inp{width: 100%; border: 1px solid #eee;line-height:48px;padding: 0 15px;transition: border-color .5s; padding-left:85px;}
.ncb02 .liuyan .form .row_1 input{ line-height:48px; height:48px;width:100%; padding:0 15px 0 90px;  border-radius:5px; border:solid 1px #eee; color:#666}
.ncb02 .liuyan .form .row_1 select{ border:solid 1px #eee; line-height:48px;height:48px; width:100%; border-radius:5px;  padding:0 15px; color:#666}
.ncb02 .liuyan .form .row_2{position:relative}
.ncb02 .liuyan .form .row_2 textarea{ width:100%; height:150px; border:none; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:15px; overflow:hidden;color:#666; border-radius:5px; border:solid 1px #eee}
.ncb02 .liuyan .submit{ width:200px; margin:38px auto 0 auto; padding-right:30px; background: url(../images/pnext.png) #b88f50 no-repeat 80% center;background-size: 12px auto;-moz-transition: 0.5s ease;-webkit-transition: 0.5s ease;transition: 0.5s ease;display:block; border:none; line-height:50px; height:50px; color:#fff;}
.ncb02 .liuyan .submit:hover{background: url(../images/pnext.png) #b88f50 no-repeat 85% center;background-size: 12px auto;}


.ncase .wrap{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.ncase .wrap .item{ width:32%; margin-right:2%; margin-bottom:2.5%; border:solid 1px #ddd;}
.ncase .wrap .item:nth-child(3n){ margin-right:0;}
.ncase .wrap .item .text{ padding:20px 30px 30px 30px;}
.ncase .wrap .item .text h3{ font-size:20px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ncase .wrap .item .text p{ color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ncase .wrap .item .date{ color:#999; padding:0 30px; line-height:60px; border-top:solid 1px #ddd; background:url(../images/pnext02.png) no-repeat calc(100% - 35px) center; background-size:12px auto;}

.location {height:60px; line-height:60px;background: #f5f5f5;}
.location span{ padding:0 10px;}

.single-product-top{ position:relative; padding: 0 8%;}
.single-product-top .swiper-button-next, .single-product-top .swiper-button-prev{ top:auto; top:50%; border:none !important;outline: none !important; color: #666 !important; left:0px;}
.single-product-top .swiper-button-next:hover, .single-product-top .swiper-button-prev:hover{color:#b89050 !important}
.single-product-top .swiper-button-next{ right:0 !important; left:auto !important;}
.single-product-top .swiper-button-next:after, .single-product-top .swiper-button-prev:after{font-size: 50px !important; border:none !important}
.single-product-top .swiper-button-next.swiper-button-disabled, .single-product-top .swiper-button-prev.swiper-button-disabled{ opacity:1; color:#aaa}
.nprodetail .swiper-button-prev, .nprodetail .swiper-container-rtl .swiper-button-next{background-image:none !important}
.nprodetail .swiper-button-next, .nprodetail .swiper-container-rtl .swiper-button-prev{background-image:none !important}

.single-product-top .gallery-thumbs .swiper-slide { position:relative; padding-top:10px}
.single-product-top .gallery-thumbs .swiper-slide img{ display:block; width:calc(100% - 2px); margin:1px; height:auto;border: 1px solid #ddd;}
.single-product-top .gallery-thumbs .swiper-slide-thumb-active img {border: 2px solid #b88f50;}
.single-product-top .gallery-thumbs .swiper-slide-thumb-active:after{ opacity:1}
.single-product-top .gallery-top {width: 100%;height: 100%;}
.single-product-top .gallery-top .img2{ display:block; width:100%;height:100%; }


.proxs{ border-top:solid 1px #e2e2e2; padding-top:50px; width:84%; margin:50px auto 0 auto}
.proxs h3{ font-size:24px; font-weight:bold; margin-bottom:15px;}
.proxs p{ padding-left:30px; position:relative}
.proxs p:after{content: '';position: absolute;top: 12px;left: 0;width: 0.25rem;height: 0.25rem;border: 1px solid #b88f50;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}


.back{ margin:70px auto; text-align: center; width:160px; height:55px; font-size:18px; line-height:55px; }
.back a{ display:block; color:#fff; padding-right:20px; background: url(../images/pnext.png) #b88f50 no-repeat 80% center; background-size:12px auto; text-align:center;-moz-transition: 0.5s ease;-webkit-transition: 0.5s ease;transition: 0.5s ease;}
.back a:hover{background: url(../images/pnext.png) #b88f50 no-repeat 85% center; background-size:12px auto;}

.shangxia{ border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; padding:22px 0; margin-top:50px;color:#888}
.shangxia li{ float:left;}
.shangxia li:nth-child(2){ float:right;}
.shangxia li a{ color:#888}
.shangxia li a:hover{ color:#b88f50}

.nab01 .video{ width:100%; max-width:1024px; position:relative; margin:0 auto 40px auto;}

.nab01 .video-btn{ position:absolute; left:50%; top:50%; margin-left:-40px; margin-top:-40px; width:80px; height:80px;}
.nab01 .video-btn i{ display:block;background:url(../images/videobut.png) no-repeat center center / cover; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:50%;}
.nab01 .video-btn::before, .iabout .video-btn::after {position: absolute;left: 50%;top: 50%;width: 80px;height: 80px;  -webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);border-radius: 50%;-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);-webkit-animation: rippleOne 3s infinite;animation: rippleOne 3s infinite;}
.nab01 .video-btn::before {-webkit-animation-delay: 0.9s;animation-delay: 0.9s;content: "";position: absolute;right: 0;bottom: 0;}
.nab01 .video-btn::after {-webkit-animation-delay: 0.6s;animation-delay: 0.6s;content: "";position: absolute;right: 0;bottom: 0;}

.nab01 .video-btn02{ position:absolute; opacity:0; left:50%; top:50%; margin-left:-40px; margin-top:-40px; width:80px; height:80px;}
.nab01 .video-btn02 i{ display:block;background:url(../images/videobut.png) no-repeat center center / cover; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:50%;}
.nab01 .video-btn02::before, .iabout .video-btn02::after {position: absolute;left: 50%;top: 50%;width: 80px;height: 80px;  -webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);border-radius: 50%;-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);-webkit-animation: rippleOne 3s infinite;animation: rippleOne 3s infinite;}
.nab01 .video-btn02::before {-webkit-animation-delay: 0.9s;animation-delay: 0.9s;content: "";position: absolute;right: 0;bottom: 0;}
.nab01 .video-btn02::after {-webkit-animation-delay: 0.6s;animation-delay: 0.6s;content: "";position: absolute;right: 0;bottom: 0;}

.nab01 .video .hide{ display:none !important}
.nab01 .video video{ display:block; width:100%; height:auto; border:none;object-fit: cover;}

.nab02 .section{background: #f4ede9;}
.nab02 img{ display:block; margin:0 auto 50px auto; max-width:50%;}

.nab03 .swiper-slide{  margin:50px 0;}
.nab03 .swiper-slide .pic{border:solid 1px #ddd;}
.nab03 .swiper-slide .text{ padding:15px; text-align:center;}
.nab03 .swiper-slide .img2{ width:auto !important; height:100% !important;}
.nab03 .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #d2d2d2;opacity: 1;margin:0 12px!important;position: relative;}
.nab03 .swiper-pagination-bullet:after{content: '';border: 1px solid #b88f50;border-radius: 50%;width: calc(100% + 12px);height: calc(100% + 12px);position: absolute;left: -6px;top: -6px;box-sizing: border-box;opacity: 0;}
.nab03 .swiper-slide-active{z-index: 2;}
.nab03 .swiper-pagination-bullet-active{ background:#b88f50; }
.nab03 .swiper-pagination-bullet-active:after{opacity: 1;}



.nprolist .wrap{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.nprolist .wrap .item{ width:48.5%; margin-right:3%; margin-bottom:3%; border:solid 1px #ddd;}
.nprolist .wrap .item:nth-child(2n){ margin-right:0;}
.nprolist .wrap .item .text{ text-align:center; padding:25px;}



.protop{background:url(../images/protopbg.jpg) no-repeat center center; background-size:cover;}
.protop .location{ width:100%; line-height:24px; padding:18px 0; border-bottom:solid 1px rgba(255,255,255,0.3); border-top:solid 1px rgba(255,255,255,0.3); color:#666}
.protop .location a{ color:#666}
.protop .procon{ padding:40px 0 100px 0; position: relative;}
.protop .swiper-container-wrapper{ float:left; width:48%; position:relative; border:solid 1px #dedede; background:#fff; padding:10px;}
.protop .swiper-container-wrapper .gallery-top img{ display:block; width:100%; height:auto;}
.protop .gallery-thumbs {width: 15.5%;position:absolute; left:20px; top:10px; padding:30px 0;}
.protop .gallery-thumbs .swiper-wrapper {flex-direction: column;}
.protop .gallery-thumbs .swiper-slide {flex-flow: column nowrap;width: 100%; min-width:60px !important; margin-bottom:5px; margin-right:0 !important; cursor: pointer; height:auto !important}
.protop .gallery-thumbs .swiper-slide .pic{ border: 1px solid #ddd;}
.protop .gallery-thumbs .swiper-slide .img2{ display:block; width:auto; height:auto; max-width:calc(100% -2px); max-height:calc(100% -2px)}
.protop .gallery-thumbs .swiper-slide-thumb-active .pic{border: 1px solid #b88f50;}
.protop .gallery-top {width: 80%; margin-left:20%}

.protop .swiper-button-next, .protop .swiper-button-prev{ top:20px; bottom:0px; left:50%; margin-left:-12.5px; border:none !important; color: #15274d !important; width:25px; height:25px;text-align:center; transform: rotate(90deg);}
.protop .swiper-button-next{ top:auto; bottom:0px;}
.protop .swiper-button-next:after, .protop  .swiper-button-prev:after{font-size: 18px !important; border:none !important; line-height:25px; width:25px; height:25px;}

.protop .wenzi{ width:48%; float:right; margin-top:3%;}
.protop .wenzi .conn .kuai{ margin-bottom:20px; border-bottom:solid 1px #ddd; padding-bottom:20px; line-height:30px; font-size:18px; color:#666;}
.protop .wenzi .conn .kuai img{ display:block; width:100%; max-width:500px;}
.protop .wenzi .conn .item{ color: #666; margin:8px 0; clear:both; display:block;}
.protop .wenzi .conn .item .left{ width:90px; float:left; display:block}
.protop .wenzi .conn .item .right{ float:right; width:calc(100% - 90px)}
.protop .wenzi .conn .item .right a{ display:inline-block; padding:0px 10px 0px 30px; color:#fff; margin-right:3px; margin-bottom:3px; background:url(../images/tag.png) #999 no-repeat 10px center;}
.protop .wenzi .conn .item .right a:hover{background:url(../images/tag.png) #b88f50 no-repeat 10px center;}
.protop .wenzi .protitle h3{ font-size:30px; font-weight:bold; margin-bottom:15px;}
.protop .wenzi .use{ margin-top:60px;}


.protop .wenzi .use .ptel{float:left;}
.protop .wenzi .use .ptel a{ display:block; border-radius:5px; overflow:hidden; width:160px; line-height:42px; height:42px; background:url(../images/icon_7.png) #b88f50 no-repeat 25px center; color:#fff; padding-left:30px; text-align:center;} 

.protop .wenzi .use .pfeedback{margin-left:45px; float:left;}
.protop .wenzi .use .pfeedback a{ display:block; border-radius:5px; overflow:hidden; width:160px; line-height:42px; height:42px; background:url(../images/pfeed.png) #b88f50 no-repeat 25px center; color:#fff; padding-left:30px; text-align:center;} 


.npdpnav{ background-color:rgba(255,255,255,0.5);line-height:55px; height:55px; font-size:18px; }
.npdpnav ul{overflow-x:auto;overflow-y: hidden; width:100%;display: flex; display: -webkit-flex;}
.npdpnav li{white-space:nowrap; width:auto; display:inline-block; }
.npdpnav li a{ color:#222; padding:0 35px; display:inline-block; white-space:nowrap;}
.npdpnav li.cur a{ background:#b88f50; color:#fff;}


.npdpnav.fixeds{position:fixed; left:0; top:100px !important; width:100%; z-index:9; background: #eee;}
.nmain.section{ padding-top:60px !important}
.prodetail .conn img{ display:block; margin:0 auto; max-width:100%}



.nnews .pic{ float:left; width:30%; padding:1%; border:solid 1px #ddd;}
.nnews .pic img{ width:100%; height:100%}
.nnews .wenzi{ float:right; width:67%; margin-top:20px;}
.nnews .wenzi h3 { padding:15px 0; line-height:32px; font-size:24px; font-weight:bold; color:#333}
.nnews .wenzi h3 span{ float:right; color:#999; font-weight:normal; font-size:16px;}
.nnews li{ position:relative; padding-bottom:45px; margin-bottom:45px; border-bottom:solid 1px #ddd}
.nnews li:hover .wenzi h3{ color:#b88f50}
.nnews .wenzi p{ color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; line-height:30px;}

.nnews li .more {line-height:40px; margin-top:50px; position:relative; }
.nnews li .more i{ position:absolute; top:50%; right:20px; width:10px; height:10px; margin-top:-5px; background:url(../images/bnext02.png) no-repeat center center; background-size:6px;}
.nnews li:hover .more i{background:url(../images/bnext.png) no-repeat center center;background-size:6px; }
.nnews li .more{ color:#666; display:inline-block;border:solid 1px #666; padding:0 40px 0 25px;}
.nnews li:hover .more{ background:#b88f50; color:#fff; border:solid 1px #b88f50;}


.nnewslist .newsItem:first-child{ padding-top:0px}
.newsItem{padding:40px 0; position:relative; border-bottom: 1px solid #ddd;}
.newsItem a{align-items: center;position: relative;justify-content: space-between;display: flex; flex-wrap: wrap; }
.newsItem::after{content: "";position: absolute;right: 0;bottom: -1px;width: 0;height: 1px;background:#b88f50;transition: all .8s ease;}
.newsItem-date{width: 90px;margin-right: 50px; text-align:center;color:#666;}
.newsItem-date .day{border-bottom: 1px solid #eee;font-size: 48px; line-height:72px;}
.newsItem-date .year{ margin-top:16px;}
.newsItem-img{width: 27%;margin-right: 50px;}
.newsItem-con{width: calc(100% - 27% - 220px) ; }
.newsItem .newsItem-title{color: #000; font-size:24px;}
.newsItem .newsItem-text{ margin:15px 0; color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.newsItem .more {line-height:40px; margin-top:40px; position:relative; }
.newsItem .more i{ position:absolute; top:50%; right:20px; width:10px; height:10px; margin-top:-5px; background:url(../images/bnext02.png) no-repeat center center; background-size:6px;}
.newsItem:hover .more i{background:url(../images/bnext.png) no-repeat center center;background-size:6px; }
.newsItem .more{ color:#666; display:inline-block;border:solid 1px #666; padding:0 40px 0 25px;}
.newsItem:hover .more{ background:#b88f50; color:#fff; border:solid 1px #b88f50;}

.newsdetail.conn img{ display:block; width:auto; max-width:100%; margin:10px auto;}


.nprodetail .ntitle { border-bottom:solid 1px #ddd; padding-bottom:30px;}
.nprodetail .single-product-top .gallery-top .img2{ width:auto;}



.prokuais{font-size:18px;}
.prokuais img{ max-width:100%}
.prokuai201{ position:relative}
.prokuai201 img{ display:block; width:100%;}
.prokuai201 .text{position:absolute;left:5%; background-color: rgba(184,143,80,0.8); padding:4%;-moz-transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%); text-align:center; top:50%; color:#fff; width:40%;}
.prokuai201 .text h3{ font-size:50px; line-height:60px;}
.prokuai201 .text h4{ font-size:32px;line-height:60px; margin-bottom:15px;}
.prokuai201 .text p{ text-align:center;}

.prokuai202 .youshi{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; margin:50px auto; text-align:center; max-width:1024px;}
.prokuai202 .youshi .item{ width:16.66%; padding:2%; display:inline-block}
.prokuai202 .youshi .item .icon img{ display:block; width:auto; max-width:80%; margin:0 auto}
.prokuai202 .youshi .item h3{ font-size:20px; margin:10px 0;}

.prokuai203 .you{ width:50%; float:right}
.prokuai203 .zuo{ width:46%; float:left; margin-top:50px;}
.prokuai203 .zuo h3{ font-size:40px; line-height:60px; margin:80px 0 20px 0}
.prokuai203 .zuo p{ opacity:0.8}
.prokuai203 .zuo h4{ display:inline-block; background:#000; color:#fff; font-size:24px; padding:10px 30px; margin-top:50px;}
.prokuais .huadong{ width:auto; overflow-x:auto}
.prokuais .prokuai203 table{ border-left:solid 1px #333; border-top:solid 1px #333;}
.prokuais .prokuai203 table td {border-right:solid 1px #333; border-bottom:solid 1px #333;padding:6px 10px}
.prokuais .prokuai203 table tr:first-child td{ background:#e1bc64; font-weight:bold; color:#fff}
.prokuais .prokuai203 table tr:nth-child(2) td{ background:#c49b1b; font-weight:bold; color:#fff}

.prokuais .psbiaoti{ background:#b88f50; padding:60px 20px; color:#fff; text-align:center}
.prokuais .psbiaoti h3{ font-size:50px; line-height:60px; font-weight:bold}
.prokuais .psbiaoti h4{ font-size:24px; line-height:50px;}

.prokuais .psbiaoti02{ background:#ddd; padding:60px 20px; text-align:center}
.prokuais .psbiaoti02 h3{ font-size:50px; line-height:60px; font-weight:bold}
.prokuais .psbiaoti02 h4{ font-size:24px; line-height:50px;}

.prokuais .listzy .tu{ float:left; width:50%}
.prokuais .listzy .text{ float:right; width:40%; text-align:center; margin-top:10%}
.prokuais .listzy .item:nth-child(2n) .tu{ float:right}
.prokuais .listzy .item:nth-child(2n) .text{ float:left}
.prokuais .listzy .text h3{ font-size:45px; line-height:60px; margin:20px 0; position:relative; padding-bottom:15px;}
.prokuais .listzy .text h3:after{ content:""; position:absolute; left:50%; bottom:0; width:60px; height:3px; background:#000; margin-left:-30px;}
.prokuais .listzy .text p{ opacity:0.8}

.prokuai204 { position:relative}
.prokuai204 img{ display:block; width:100%}
.prokuai204 h3{ font-size:40px; margin:20px 0;}
.prokuai204 p{ opacity:0.8; line-height:26px;}
.prokuai204 .item{ position:absolute; width:32%;left:9%; top:9%;}
.prokuai204 .item:nth-child(2){ left:42%; top:30%;}
.prokuai204 .item:nth-child(3){ left:48%; top:40%;}
.prokuai204 .item:nth-child(4){ left:25%; top:84%;}

.prokuai204.prokuai2304 .item{ position:absolute; width:32%;left:20%; top:5%;}
.prokuai204.prokuai2304 .item:nth-child(2){ left:20%; top:5%;}
.prokuai204.prokuai2304 .item:nth-child(3){ left:37%; top:33%;}
.prokuai204.prokuai2304 .item:nth-child(4){ left:40%; top:76%;}

.prokuais .biao h3{ font-size:45px; line-height:60px; margin:20px 0; position:relative; padding-bottom:15px; text-align:center}
.prokuais .biao h3:after{ content:""; position:absolute; left:50%; bottom:0; width:60px; height:3px; background:#000; margin-left:-30px;}
.prokuais .list{ text-align:center}
.prokuais .list .item{ width:calc(32% - 10px); margin-right:2%; margin-bottom:2%; display:inline-block}
.prokuais .list .item:nth-child(3n), .prokuais .list .item:last-child{ margin-right:0}

@media screen and (max-width:1650px){
.prokuais{font-size:16px;}
.prokuai201 .text h3{ font-size:45px; line-height:50px;}
.prokuai201 .text h4{ font-size:28px;line-height:50px; margin-bottom:10px;}


.prokuai202 .youshi .item h3{ font-size:18px; margin:10px 0;}

.prokuai203 .zuo h3{ font-size:35px; line-height:60px; margin:80px 0 20px 0}

.prokuais .psbiaoti{ padding:50px 10px;}
.prokuais .psbiaoti h3{ font-size:40px; line-height:60px; font-weight:bold}
.prokuais .psbiaoti h4{ font-size:20px; line-height:50px;}

.prokuais .psbiaoti02{ padding:50px 10px;}
.prokuais .psbiaoti02 h3{ font-size:40px; line-height:60px; font-weight:bold}
.prokuais .psbiaoti02 h4{ font-size:20px; line-height:50px;}

.prokuais .listzy .text h3{ font-size:40px; line-height:50px; margin:15px 0;padding-bottom:15px;}

.prokuai204 h3{ font-size:36px; margin:20px 0;}
.prokuai204 p{ line-height:20px;}

.prokuais .biao h3{ font-size:40px; line-height:50px;}


}

@media screen and (max-width:1366px){
	
.prokuai201 .text h3{ font-size:32px; line-height:50px;}
.prokuai201 .text h4{ font-size:20px;line-height:50px; margin-bottom:0px;}
.prokuai203 .zuo h3{ line-height:40px;}
.prokuai203 .zuo h4{ font-size:20px; padding: 5px 20px; margin-top:45px}

.prokuai204 h3{ font-size:30px; margin:0 0 15px 0}
.prokuais .psbiaoti h4, .prokuais .psbiaoti02 h4{ line-height:40px;}

.prokuais .listzy .text h3{ font-size:32px; padding-bottom:10px;}
.prokuais .biao h3{ font-size:32px; line-height:45px;}
.prokuai203 .zuo{ margin-top:0}
}

@media screen and (max-width:1240px){
.prokuais{font-size:14px;}	
.prokuais .psbiaoti{ padding:30px 10px;}
.prokuais .psbiaoti h3{ font-size:30px; line-height:40px;}
.prokuais .psbiaoti h4{ font-size:18px; line-height:30px;}

.prokuais .psbiaoti02{ padding:30px 10px;}
.prokuais .psbiaoti02 h3{ font-size:30px; line-height:40px;}
.prokuais .psbiaoti02 h4{ font-size:18px; line-height:30px;}	
.prokuais .listzy .text{ margin-top:6%}
.prokuais .listzy .text h3{ font-size:28px; padding-bottom:10px;}
.prokuais .biao h3{ font-size:28px;}
.prokuai203 .zuo h3{ font-size:30px;margin: 40px 0 10px 0;}

}


@media screen and (max-width:920px){
.prokuais{font-size:14px; line-height:25px;}	
.prokuais .psbiaoti{ padding:25px 5px;}
.prokuais .psbiaoti h3{ font-size:24px; line-height:35px;}
.prokuais .psbiaoti h4{ font-size:16px; line-height:35px;}
.prokuais .psbiaoti p{ line-height:24px;}
.prokuais .psbiaoti02{ padding:25px 10px;}
.prokuais .psbiaoti02 h3{ font-size:24px; line-height:35px;}
.prokuais .psbiaoti02 h4{ font-size:16px; line-height:35px;}	
.prokuais .listzy .text h3{ font-size:24px; padding-bottom:10px;}	
.prokuais .listzy .item{ margin-bottom:30px;}
.prokuais .listzy .tu{ float:none; width:100%}
.prokuais .listzy .text{ float:none; width:100%; margin-top:20px}
.prokuais .listzy .item:nth-child(2n) .tu{ float:none}
.prokuais .listzy .item:nth-child(2n) .text{ float:none}

.prokuais .biao h3{ font-size:24px;}
.prokuai203 .zuo h3{ font-size:24px;}

.prokuai203 .you{ width:100%; float:none}
.prokuai203 .zuo{ width:100%; float:none; margin-bottom:50px;}

.prokuai202 .youshi .item{ width:33.33%;}
.prokuai201 .text{ position:relative; padding:20px 20px 40px 20px; left:auto; top:auto; width:100%; -moz-transform: translate(0%, 0%);-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}

.prokuai201 .text h3{ font-size:24px; line-height:35px;}
.prokuai201 .text h4{ font-size:16px;line-height:35px; margin-bottom:0px;}
}

@media screen and (max-width:640px){
.prokuais .listzy .text h3{ font-size:22px;}
.prokuais .list .item{ width:calc(48.5% - 10px); margin-right:3%; margin-bottom:3%;}
.prokuais .list .item:nth-child(3n), .prokuais .list .item:last-child{ margin-right:3%}	
.prokuais .list .item:nth-child(2n), .prokuais .list .item:last-child{ margin-right:0%}	
}


.prokuais .listsan{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; margin:50px auto; max-width:1200px;}
.prokuais .listsan .item{ width:31%; margin-right:3.5%}
.prokuais .listsan .item:nth-child(3n){ margin-right:0}
.prokuais .listsan h3, .prokuais .lister h3{ font-weight:bold; margin-bottom:15px;}
.prokuais .lister{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; margin:50px auto; max-width:900px;}
.prokuais .lister .item{ width:48%; margin-right:4%}
.prokuais .lister .item:nth-child(2n){ margin-right:0}

.prokuai202{ position: relative}
.prokuai202 .you{ position:absolute; width:40%; top:0; right:0}

.prokuai202 h3{ font-weight:bold; margin-bottom:15px;}
.prokuai202 .left{ position:absolute; width:40%; top:0; left:20%}
.prokuai202 .right{ position:absolute; width:36%; bottom:0; right:0}

.prokuais .prokuai202 table{ border-left:solid 1px #333; border-top:solid 1px #333; text-align:center}
.prokuais .prokuai202 table td {border-right:solid 1px #333; border-bottom:solid 1px #333;padding:6px 10px}


.prokuai501 .tu{ float:left; width:50%}
.prokuai501 .text{ float:right; width:46%}

.prokuai502 .tu{ float:right; width:50%}
.prokuai502 .text{ float:left; width:46%}

.prokuai501 h3, .prokuai502 h3{ margin-bottom:15px;}
.prokuai501, .prokuai502{ padding:50px 0}

.prodetail .conn .psbiaoti img{ width:auto; max-width:80%; margin:0 auto; display: block}

@media screen and (max-width:768px){
.prokuais .listsan .item{ width:100%; margin-right:0%; margin-top:20px;}
.prokuais .listsan .item:nth-child(3n){ margin-right:0%}
.prokuais .listsan .item:nth-child(2n){ margin-right:0%}


.prokuai202 .left{ float:none}
.prokuai202 .right{ float:none}

.prokuai202 .you{ position: relative; width:100%; top:auto; right:auto}
.prokuai202 .left{position: relative; width:100%; top:auto; left:auto;right:auto}
.prokuai202 .right{ position: relative; width:100%; top:auto; left:auto;right:auto}


.prokuai501 .tu, .prokuai502 .tu{ float:none; width:100%}
.prokuai501 .text, .prokuai502 .text{ float:right; width:100%}
}