@charset "utf-8";/* CSS Document */
html {font-size: 62.5%;height: 100%}
body {margin: 0 auto;font-family: "Poppins-Regular";font-size: 12px;font-size: 1.2rem;height: 100%;background:#fff;width:100%;max-width:1920px;margin:0 auto; overflow-x:hidden;}
img {border: none;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;color: #333;}
img{display:block;}
a {text-decoration: none;color: #333;outline: none;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}
h1,h2 {margin: 0;padding: 0;font-weight: normal;color: #333;}
.clear {clear: both;}
.maln {margin-left: auto !important}
input, textarea, select {font-family: "Poppins-Regular";font-size: 12px;font-size: 1.2rem;color:#999999;border: none;outline: none;}
.fl {float:left;}
.fr {float:right;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
::selection { color: #fff; background: #e5b27f;}


::-webkit-input-placeholder {/* WebKit browsers */
 color:#333;opacity:1}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#333;opacity:1 }
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#333;opacity:1 }
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#333;opacity:1 }

.sou::-webkit-input-placeholder {/* WebKit browsers */
 color:#dbd6d6;opacity:1}
.sou:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#dbd6d6;opacity:1 }
.sou::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#dbd6d6;opacity:1 }
.sou:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#dbd6d6;opacity:1 }

.lxy input::-webkit-input-placeholder {/* WebKit browsers */
 color:#666666;opacity:1}
.lxy input:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#666666;opacity:1 }
.lxy input::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#666666;opacity:1 }
.lxy input:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#666666;opacity:1 }

.lxy textarea::-webkit-input-placeholder {/* WebKit browsers */
 color:#666666;opacity:1}
.lxy textarea:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#666666;opacity:1 }
.lxy textarea::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#666666;opacity:1 }
.lxy textarea:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#666666;opacity:1 }

.comain2 input::-webkit-input-placeholder {/* WebKit browsers */
 color:#999999;opacity:1}
.comain2 input:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#999999;opacity:1 }
.comain2 input::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#999999;opacity:1 }
.comain2 input:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#999999;opacity:1 }

.comain2 textarea::-webkit-input-placeholder {/* WebKit browsers */
 color:#999999;opacity:1}
.comain2 textarea:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#999999;opacity:1 }
.comain2 textarea::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#999999;opacity:1 }
.comain2 textarea:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#999999;opacity:1 }

@media screen and (min-width:1220px) {.zong {width: 1200px;margin: auto;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.zong {width: 980px;margin: auto;}}
@media screen and (max-width:999px) {.zong {width: 95%;margin: auto;}}


.at-resp-share-element .at4-share-count-container {text-decoration: none;float: right; padding-right: 15px;line-height: 25px !important;}
.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}
.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}


/*  head  */
.head{ font-family: "Roboto-Regular";}
.head .zong{position:relative;z-index:99; padding-top:2px;}
.logo{display:block; width:150px; margin:auto; margin-top:30px;}
.logo img{display:block;margin:auto;width:100%;max-width:150px;max-height:52px;}

.her{float:right;margin-right:46px;}

.daohang{ float:left; margin-top:32px;}
.daohang>li{float:left;position:relative;z-index:999;padding-bottom:19px;margin-right: 50px;}
.daohang>li>a{display:block;font-size:16px;font-size:1.6rem;line-height:25px;text-transform:uppercase; color: #000000; padding:0 16px;}
.daohang>li:hover>a{background:#000000 !important;border-radius:13px; color:#fff;}
.dangqiandao{background:#000000 !important;border-radius:13px; color:#fff !important;}

.yijiw{background:#fff;background:rgba(255,255,255,0);position:absolute;width:189px;top:-9999px;left:0px;}
.yiji{background:#000000;}
.yiji li{position:relative;transition:0.5s;}
.yiji li a{display:block;font-size:14px;font-size:1.4rem;line-height:0px;padding:5px 12px; color:#fff;}
.yiji li:hover{background:#f1f1f1;}
.yiji li:hover>a{color:#000;}
.erji{position:absolute;width:189px;background:#000000;top:-9999px;left:189px;}
.sanji{position:absolute;width:189px;background:#000000;top:-9999px;left:189px;}
.daohang>li:hover .yijiw{top:44px;}
.daohang>li:hover .yiji>li>a{line-height:26px;}
.yiji>li:hover .erji{top:0px;}
.yiji>li:hover .erji>li>a{line-height:26px;}
.erji>li:hover .sanji{top:0px;}
.erji>li:hover .sanji>li>a{line-height:26px;}
.matn{margin-top:auto !important;}

/*  sousuo  */
.sousuo{ float:right; margin-top:29px;}
.sousuo form{ width:198px; height:29px; border:1px solid #dbd6d6; border-radius:15px; overflow:hidden; position:relative; z-index:1}
.sou{ width:160px; height:27px; float:left; line-height:26px; float:left; padding-left:12px; font-size:14px; font-size:1.4rem; color:#999999; border-radius:15px; font-family: "Roboto-Regular";}
.suo{ width:25px; height:29px; float:right; cursor:pointer; background:none; position:relative; z-index:3;}
.sousuo form i{ display:block; width:25px; line-height:29px; position:absolute; right:0px; top:0px; color:#000000; font-size:18px; font-size:1.8rem; z-index:2;}

.daohang2,sousuo2,.xnav{display:none}

/*  banner  */
.banner { position: relative; z-index: 2; overflow: hidden; }
.banner img{ max-width: 100%;}
.banner .carouse { max-height: 916px; overflow: hidden; }
.banner .slideItem { position: relative; }
.banner video { position: absolute; display: block; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 101%; min-height: 100%; max-width: none; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; display: none \9; display: block \9\0; }
.banner .dotList { position: absolute; left: 0; width: 100%; bottom: 44px; }
.banner .dotList ul { text-align: center; /*display:none !important*/}
.banner .dotList ul li { position: relative; margin: 0 12px; width: 18px; height: 18px; }
.banner .dotList ul li.active { }

.banner.hide { display: none; width: 41px; height: 41px; cursor: pointer;}
.banner .carousel-control.left { left: 50%; margin-left:-45px; background:url(../images/baleft.png) no-repeat center; cursor: pointer;}
.banner .carousel-control.right { right: 50%; margin-right:-44px; background:url(../images/baright.png) no-repeat center; cursor: pointer;}
.banner .carousel-control.left:hover { background:url(../images/balefth.png) no-repeat center;}
.banner .carousel-control.right:hover { background:url(../images/barighth.png) no-repeat center;}


.slide .carouse{width:100%;overflow:hidden;position:relative}
.slide .slideItem .banner-img{width:100%;cursor:pointer}
.slide .carouse .slideItem{width:100%;position:absolute}
.slide .console{height:57px;display:inline-block;width:35px;position:absolute;top:40%}
.slide .dotList{text-align:center;margin-top:20px}
.slide .dotList ul li{display:inline-block;width:16px;height:16px;margin-left:10px;cursor:pointer;background: #333;}
.slide .dotList ul li.active{background-position:0 0; background: #dec897;}
.slide .carousel-control{position:absolute; bottom:66px;width:41px;height:41px;z-index:999}
.slide .slidedetail{display:none}
.imgtoVideo img{width:100%}
.imgtoVideo>div{padding:1px;position:relative;cursor:pointer;width:49%;display:inline-block}
.imgtoVideo>div:hover .imgtoVideoDetail{display:block}
.imgtoVideo .imgtoVideoDetail{width:100%;height:100%;position:absolute;top:0;left:0;padding:1px;display:none}
.imgtoVideo .imgtoVideoDetail>div{background:rgba(0,98,197,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49,endColorstr=#C8142B49);width:100%;height:100%;text-align:center}
.imgtoVideo .tovideo .imgtoVideoDetail{display:block}
.imgtoVideo .tovideo .imgtoVideoDetail>div{background:#0c2d47;width:60px;height:60px;color:#fff;line-height:60px;vertical-align:middle;margin:0 auto;margin-top:17%}
.imgtoVideo .imgtoVideoDetail .fa-search{color:#fff;font-size:25px;margin-top:21%}
.contentIV{position:fixed;top:0;left:0;right:0;width:100%;height:100%;display:table;background:rgba(20,43,73,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49,endColorstr=#C8142B49);margin:0 auto;z-index:-999;max-width:1024px;display:none}
#picturetoVideo .carouse .slideItem{display:table;height:100%}
#picturetoVideo .carouse .slideItem>div{display:table-cell;vertical-align:middle;text-align:center}
#picturetoVideo .carouse .slideItem .banner-img{max-width:100%;width:auto}
.closeContentIV{position:absolute;top:10px;right:10px;font-size:25px;color:#fff;font-weight:bold;cursor:pointer;z-index:999}

@media screen and (max-width:1219px) {
.daohang>li{margin-right: 40px;}
.daohang>li>a{font-size:14px;font-size:1.4rem; padding:0 10px;}
.slide .carousel-control{ bottom:20px;}
}
@media screen and (min-width:1000px) {.carousel,.nav{display: none}}
@media screen and (max-width:999px) {
.logo{float:left;width:100px;margin-top:10px;}
.daohang{margin-top:20px; float:none; text-align:center; font-size:0px;}
.yijiw,.yiji2{display:none}
.daohang>li{ display:inline-block; vertical-align:middle; float:none; *float:left; margin:auto;}
.daohang>li>a{font-size:14px;font-size:1.4rem;text-transform:uppercase;padding:0 13px;}
.sousuo{ display:none}

.xnav{ display:block}
.nav { position: absolute;width: 35px;height: 27px;background: #000;right: 2.5%;top: 10px;cursor: pointer; border-radius:5px;z-index: 9999999999}
.nav span {display: block;width: 20px;height: 2px;background: #ffffff;position: absolute;left: 50%;margin-left: -10px;top: 50%;transition: 0.5s;z-index: 9999999991}
.nav .nav1 {margin-top: -1px;}
.nav .nav2 {margin-top: -8px;}
.nav .nav3 {margin-top: 6px;}
.nav:hover .nav1 {width: 25px;}
.navh .nav1 {transform: rotate(45deg)}
.navh .nav2 {transform: rotate(-45deg);width: 10px;margin-left: -1px;margin-top: -5px;}
.navh .nav3 {transform: rotate(-45deg);width: 9px;margin-top: 3px;margin-left: -8px;}
.navh:hover .nav2 {margin-top: -8px;margin-left: 7px;}
.navh:hover .nav3 {margin-top: 5px;margin-left: -12px;}
.smdaohang {position: fixed;width: 100%;height: 0%;overflow: auto;top: 0px;right: -100%;background:#f1f1f1; z-index: 9999999;transition: 0.7s;text-align: center;}
.smdaohangh {right: 0px;height: 100%;}
.smdaohangh
.topnav {margin: auto;margin-top: 30px;padding: 20px;}

ul.topnav li {text-align: left; position:relative;}
ul.topnav li a {padding: 5px;padding-left: 0px;color: #333;display: block; font-size: 14px;font-size: 1.4rem;line-height: 24px; padding-right:50px;}
ul.topnav ul {display: none;}
ul.topnav ul li {clear: both;}
ul.topnav ul li a {padding-left: 20px;font-size: 14px;font-size: 1.4rem;font-weight: normal;outline: 0;}
ul.topnav ul li a:hover {
}
ul.topnav ul ul li a {padding-left: 40px;}
ul.topnav ul ul ul li a {padding-left: 60px;}
ul.topnav span { display:block; position:absolute; right:0px; top:5px; width:24px; height:24px; cursor:pointer; border-radius:5px;}
ul.topnav span:before{ content:""; width:16px; height:2px; background:#333; position:absolute; left:4px; top:50%; margin-top:-1px;}
ul.topnav span:after{ content:""; width:16px; height:2px; background:#333; position:absolute; left:4px; top:50%; margin-top:-1px; transform:rotate(90deg); transition:0.5s;}
ul.topnav span.yizi:after{ transform:rotate(0deg);}

.smdaohang form { margin-top:15px; margin-bottom:15px; width: 240px;height: 26px;border: 1px solid #fff;position: relative;background: #fff;}
.smdaohang form .iptc {-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 15px;background-color: #fff;width: 80%;height: 26px;line-height: 26px;display: block;float: left;}
.smdaohang form .ipsc {width: 20%;height: 26px;line-height: 26px;display: block;float: right;background: transparent;position: relative;z-index: 99;}
.smdaohang form i {position: absolute;right: 10px;top: 5px;}

  }
@media screen and (max-width: 959px) { .banner { display: block; }
.banner .dotList { bottom: 10px; }
.banner .dotList ul li { margin: 0 5px; }
.banner.hide { display: block; }
.n-banner { display: none; } 
.banner .slideItem{ overflow: hidden;}
.banner video{object-position: inherit; object-fit: inherit;  width: 100%; height: 100%; transform: translate(0, 0); left: 0; top: 0;}
}
@media screen and (min-width:768px) {.clear3{display: none}}
@media screen and (max-width:767px) {.head{padding-bottom:5px;}
.daohang2{display:block;text-align:center;margin-top:13px;}
.daohang2 a{float:left;width:25%;font-size:12px;font-size:1.2rem; line-height:24px;text-align:center;}
.daohang2 .dangqiandao{}

.daohang,.daohang1{display: none}
.slide .carousel-control{ width:26px; height:26px; background-size:cover !important; bottom:5px;}
.banner .carousel-control.left { margin-left:-30px;}
.banner .carousel-control.right { margin-right:-30px;}
}

/*  main1  */
.main1{ padding:0 2.5%; padding-top:82px; padding-bottom:101px;}
.m1biao{ display:block; text-align:center; font-size:60px; font-size:6rem; color: #000000; line-height:70px; font-family: "CormorantGaramond-SemiBold";}
.m1n{text-align:center;font-size:0px;}
.m1lie{width:20%;display:inline-block;vertical-align:top; *float:left;margin:0 0.7%;margin-top:75px;}
.m1lien{background-color: #f1f1f1;border: solid 1px #dbd6d6;padding:0 25px;padding-top:76px;/* padding-bottom: 23px; */}
.m1tu{ color:#555555; text-align:center; display:block; line-height:80px; font-size:60px !important;}
.m1a{ display:block; text-align:center; font-size:18px; font-size:1.8rem; color: #000000; line-height:24px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; margin-top:10px;}
.m1p a{display:block;font-size:14px;font-size:1.4rem;line-height:24px;color: #000000;height: 169px;margin-top:23px;}
.m1biao:hover,.m1lie a:hover{ color:#e5b27f;}

@media screen and (max-width:1219px) {
.m1lie{width:24%;margin:0 0.5%;margin-top:75px;}
.m1lien{padding:0 10px;padding-top:36px;/* padding-bottom:30px; */}
}
@media screen and (max-width:999px) {
.main1{ padding:0 2.5%; padding-top:20px; padding-bottom:31px;}
.m1biao{ font-size:26px; font-size:2.6rem; line-height:35px;}
.m1lie{margin-top:20px;}
.m1tu{ font-size:30px !important; line-height:30px;}
.m1a{ font-size:14px; font-size:1.4rem;}
.m1p a{ margin-top:10px; font-size:12px; font-size:1.2rem;}
}
@media screen and (max-width:699px) {
.m1lie{ width:49%; margin:0 0.5%; margin-top:20px;}
.m1lien{ padding:0 5px; padding-top:20px; padding-bottom:20px;}
}

/*  main2  */
.main2{ background:url(../images/m2bei.jpg) repeat-x bottom; background-size:auto 100%; padding-bottom:93px;}
.m2biao{ background:url(../images/m1biao.jpg) no-repeat center; padding:40px 2.5%;}

.img-scroll {position: relative; z-index:9; padding-top:39px;}
.img-scroll .prev, .img-scroll .next {position: absolute; top:50%; margin-top:-34px; text-align:center;display: block; width:68px; height:68px; line-height:68px; background:rgba(0,0,0,0.4); border-radius:50%; color:#fffdf8; font-size:26px; font-size:2.6rem; z-index:99; transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s;}
.img-scroll .prev {left:50%; margin-left:-723px; cursor: pointer;}
.img-scroll .next {right:50%; margin-right:-723px; cursor: pointer;}
.img-scroll .prev:hover,.img-scroll .next:hover { background:#000;}
.img-list {position: relative;overflow: hidden; z-index:90;}
.img-list ul {width: 10000%;}
.img-list li {float: left;display: inline;width:0.316%; margin-right:0.026%; position:relative; text-align:center;}
.m2lie{ margin-top:53px;}
.m2tu2{ display:block; border: 3px solid;
border-image: -webkit-linear-gradient( #f5f5f5, #d9d9d9) 45 45;
border-image: -moz-linear-gradient( #f5f5f5, #d9d9d9) 45 45;
border-image: linear-gradient( #f5f5f5, #d9d9d9) 45 45;}
.m2tu2 img{ width:100%; max-width:561px; max-height:596px;}
.m2zi{ display:block; text-align:center; font-size:16px; font-size:1.6rem; color: #000000; line-height:24px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; margin-top:30px;}
.m2zi:hover{color: #e5b27f;}
@media screen and (max-width:1499px) {
.img-scroll .prev {left:1.5%; margin-left:0px; cursor: pointer;}
.img-scroll .next {right:1.5%; margin-right:0px; cursor: pointer;}
.img-scroll .prev, .img-scroll .next { width:30px; height:30px; line-height:30px; font-size:16px; margin-top:-15px;}
}
@media screen and (max-width:999px) {
.main2{ padding-bottom:30px;}
.m2biao{ padding:20px 2.5%;}
.m2lie{ margin-top:23px;}
.m2zi{ font-size:14px; font-size:1.4rem; line-height:22px; margin-top:10px;}
.img-scroll { padding-bottom:40px; padding-top:10px;}
.img-scroll .prev, .img-scroll .next { top:auto; margin-top:auto; bottom:0px;}
.img-scroll .prev {left:50%; margin-left:-35px; cursor: pointer;}
.img-scroll .next {right:50%; margin-right:-35px; cursor: pointer;}
}
@media screen and (max-width:599px) {
.img-list li { width:1%;}
.img-list li:after { content:""; clear:both; display:block;}
.m2lie{ width:48%; float:left; margin:10px 1%;}
}

/*  main3  */
.main3{ background:#f5f5f5; padding-bottom:108px;}
.m3n{ width:95%; max-width:1450px; margin:auto; text-align:center; font-size:0px; position:relative; margin-top:124px;}
.m3n:before{ content:""; position:absolute; width:84%; height:1px; background:#999999; left:8%; top:40px;}
.m3lie{ width:14%; display:inline-block; vertical-align:top; *float:left; margin:0 1.33%; position:relative; z-index:3}
.m3tup{ display:inline-block; border:7px solid #f5f5f5; border-radius:50%; transition:0.5s;}
.m3tu{ display:block; width: 55px;	height: 55px; background-image: linear-gradient(0deg,#d9d9d9 0%, #ffffff 52%, #f5f5f5 100%); border-radius:50%; text-align:center; line-height:55px; border:6px solid #cac9c8; color:#999999; font-size:32px !important; margin:auto;}
.m3p a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; color: #000000; margin-top:37px;}
.m3lie:hover .m3p a{ color:#e5b27f;}
.m3lie:hover .m3tup{ transform:scale(1.3,1.3)}
.m3mor{ display:inline-block; background:#e5b27f; min-width:416px; padding:0 5px; line-height:50px;color: #ffffff; font-size:18px; font-size:1.8rem; text-align:center; margin-top:95px;}
.m3mor:hover{ background:#333;}

@media screen and (max-width:999px) {
.main3{ padding-bottom:28px;}
.m3n{ margin-top:20px;}
.m3n:before{ display:none}
.m3lie{ width:31.33%; margin:10px 1%;}
.m3p a{ margin-top:10px;}
.m3mor{ min-width:200px; font-size:14px; font-size:1.4rem; margin-top:20px; line-height:34px;}
}
@media screen and (max-width:549px) {
.m3lie{ width:48%; margin:10px 1%;}
}

/*  main4  */
.main4{}

.nelie{ position:relative; min-height:352px; margin-top:81px; padding-bottom:52px;}
.netu{ display:block; width:595px; position:absolute; top:0px;}
.netu img{ width:100%; max-width:595px; max-height:352px;}
.nezi{ padding-top:35px;}
.neshijian{ width:119px; height:139px; border:1px solid #000000;}
.neshijian span{ display:block; text-align:center; font-size:68px; font-size:6.8rem; color:#212121; font-weight:bold; line-height:70px; margin-top:21px;}
.neshijian p{ font-size:18px; font-size:1.8rem; color:#212121; line-height:20px; text-align:center;}
.nen{ padding-top:39px;}
.nen>a{ display:block; font-size:18px; font-size:1.8rem; line-height:30px; color:#000; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; position:relative; padding-bottom:8px;}
.nen>a:before{ content:""; position:absolute; width:67px; height:1px; background:#e5b27f; left:0px; bottom:0px;}
.nen p a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; color:#000; height:48px; overflow:hidden; margin-top:9px;}

.nelie1 .netu{ left:0px;}
.nelie2 .netu{ right:0px;}
.nelie1 .nezi{ margin-left:698px;}
.nelie2 .nezi{ margin-right:696px;}
.nen a:hover{ color:#e5b27f;}

@media screen and (max-width:1219px) {
.nelie1 .nezi{ margin-left:620px;}
.nelie2 .nezi{ margin-right:620px;}
}

/*  foot  */
.foot{ background:#f1f1f1; padding-top:50px; padding-bottom:57px;}
.fo1{ width:158px; float:right;}
.fo2{ width:276px; float:right; margin-right:158px;}
.fo3{ width:505px; float:left;}

.flogo{ display:block; width:150px; float:left; margin-top:17px;}
.flogo img{ width:100%;}
.shejiao{ float:left; margin-left:10px; margin-top:27px;}
.shejiao a{ display:block; float:left; width:27px; height:27px; line-height:27px; text-align:center; margin-left:14px; color:#ffffff; font-size:16px;}
.she1{ background:#5d82d1}
.she2{ background:#238cc8}
.she3{ background:#c4302a}
.she4{ background:#eb5e4c}
.she5{ background:#40bff5}
.she6{ background:#e13138}
.fditu{ margin-top:27px;}
.fditu img{ max-width:100%;}

.fobiao{ display:block; color: #000000; font-size:20px; font-size:2rem; line-height:24px; font-weight:bold; margin-top:11px;}
.foul{ font-family: "Roboto-Regular"; margin-top:12px;}
.foul li{ font-size:14px; font-size:1.4rem; line-height:18px; color: #000000; margin-bottom:16px;}
.foul li a{ color:#000;}
.copy{ display:inline-block; vertical-align:middle; background-color: #000000; border-radius: 12px; line-height:24px; min-width:50px; padding:0 5px; color: #ffffff; font-size:14px; font-size:1.4rem; text-align:center; text-transform:uppercase; margin-top:5px; cursor:pointer;}
.fonav{ font-family: "Roboto-Regular"; margin-top:6px;}
.fonav a{ display:block; font-size:14px; font-size:1.4rem; color: #000000; line-height:30px;}
.fop{ font-size:14px; font-size:1.4rem; color: #000000; line-height:24px; margin-top:63px; float:left; font-family: "Roboto-Regular";}
.fop a{ display:inline-block; color:#000;}
.youlian{ float:right; position:relative; margin-top:56px; font-family: "Roboto-Regular";}
.yous{ display:block; width: 171px;	height: 27px; line-height:27px; background-color: #ffffff;	border: solid 1px #dbd6d6; position:relative; font-size:14px; font-size:1.4rem; color: #999999; padding-left:9px; cursor:pointer;}
.yous i{ color:#000000; display:block; position:absolute; right:8px; line-height:27px; top:0px; font-size:10px;}
.youn{ width:100%; position:absolute; left:0px; bottom:120%; background:#fff; border-radius:5px; display:none}
.youn a{ display:block; padding:3px 9px; font-size:14px; font-size:1.4rem; line-height:24px; color:#666}
.foot a:hover{ color:#e5b27f;}
.foot .copy:hover,.shejiao a:hover{ background:#e5b27f; color:#fff}
.youn a:hover{ background:#333; color:#fff}

.top{width: 42px; height: 42px; background:url(../images/top.png) no-repeat center; border-radius: 50%; line-height:42px; color:#fff; font-size:0px !important; text-align:center; margin:auto; cursor:pointer;position:fixed;right:20px;bottom:-100px;transition:0.9s;z-index:99999;}
.bottom{bottom:150px;}

.lianxi{ position:fixed; width:50px; height:204px; right:0px; top:50%; margin-top:-102px; z-index:99999}
.lianxi>div{ position:absolute; right:0px;}
.lianxi>div a{ display:block; background:#dbd6d6; margin-top:1px; width:50px; height:50px; position:relative; text-align:center; line-height:50px; font-size:24px; color:#fff;}
.lianxi>div span{ display:block; width:0px; overflow:hidden; color:#fff; font-size:14px; font-size:1.4rem; text-align:left;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.lianxi>div a i{ display:block; width:50px; height:50px; position:absolute; left:0px; top:0px; text-align:center; line-height:50px; font-size:24px; color:#fff;}
.ke1{ top:0px;}
.ke2{ top:51px;}
.ke3{ bottom:51px;}
.lianxi div:hover a{ width:218px; background:#000000}
.lianxi div span{ width:auto; margin-left:50px;}
.weixin{ position:absolute; cursor:pointer; bottom:0px;}
.weixin img{ position:absolute; width:149px; height:150px; top:0px; left:-149px; display:none;}
.weixin:hover img{ display:block;}
.weixin2,.tankuang{ display:none}
.tankuang{ position:absolute; bottom:50px; left:50% !important; margin-left:-75px;}
.tankuang img{ display:block; position:relative; width:150px; height:150px; left:auto; margin:auto;}
.lianxi div a:hover{ background:#000000;}
.lianxi .weixin:hover a{ width:50px;}
.clear2{ display:none}

@media screen and (max-width:1219px) {
.fo2{ margin-right:58px;}
.fo3{ width:440px; float:left;}
}
@media screen and (max-width:999px) {
.fo1{ width:48%; float:right;}
.fo2{ width:48%; float:left; margin-right:0px;}
.fo3{ width:100%; float:none; margin-top:20px;}

.fop{ float:none; margin-top:20px;}
.youlian{ float:none; margin-top:10px;}
.clear2{ display:block; clear:both;}
}
@media screen and (max-width:767px) {
.foot{ padding-bottom:60px; padding-top:10px;}
.youlian,.fo1,.fo2{display:none}
.flogo{ float:none; width:100px; margin:auto;}
.shejiao{ text-align:center; float:none; margin:auto; margin-top:10px;}
.shejiao a{ float:none; display:inline-block; vertical-align:middle; *float:left; margin:5px;}

.top{width:25%;height:50px;line-height:50px;bottom:0px;right:0px;border-radius:0px;border:none; background:#000; font-size:20px !important;}

.lianxi{ width:100%; height:50px; right:auto; top:auto; margin:auto; left:0px; bottom:0px; border-top:1px solid #fff}
.lianxi>div{ width:20%; height:50px; float:left; position:relative; top:auto; bottom:auto;}
.lianxi>div a{ margin:auto; width:100%; height:50px; line-height:50px; color:#fff !important; border-radius:0px; background:#000;}
.lianxi>div a span{ display:none}
.lianxi>div a i{ width:100%; position:relative;}
.lianxi>div:hover a{ width:auto !important;}
.weixin2{ display:block}
.weixin1{ display:none}
}

/***************************  product  *************************/
.mianbao{ background:#fff; text-align:center; padding-top:73px; padding-bottom:54px;}
.fenbiao{color: #000000; font-size:36px; font-size:3.6rem; line-height:45px; font-family: "CormorantGaramond-SemiBold";}
.mianbaon{ font-size:16px; font-size:1.6rem; color: #555555; line-height:24px; margin-top:4px;}
.mianbaon a{color: #555555;}
.mianbaon a:hover{color: #e5b27f;}
.comian{ color:#e5b27f !important;}

.main{ background:url(../images/m2bei.jpg) repeat-x center bottom; background-size:auto 100%; background-attachment:fixed; position:relative; padding-top:1px;}
.main:before{ content:""; position:absolute; width:100%; height:100%; left:0px; top:0px; background:url(../images/m2bei.jpg) repeat-x center bottom; background-size:auto 100%; z-index:-1}

.prmain{padding-bottom:117px;}
.prmain:before{ content:""; position:absolute; width:100%; height:100%; left:0px; top:0px; background:url(../images/m2bei.jpg) repeat-x center bottom; background-size:auto 100%; z-index:-1}
.prnav{ text-align:center; font-size:0px; padding-top:80px; position:relative; z-index:3}
.prnav>li{ position:relative; display:inline-block; vertical-align:middle; margin:0 16px; margin-top:8px; padding-bottom:10px; z-index:4}
.prnav>li>a{ display:block; padding:0 34px; border: solid 1px #000000; font-size:16px; font-size:1.6rem; color: #000000; border-radius:15px; line-height:30px;}
.prerji{ width:100%; position:absolute; left:0px; top:-9999px; background:#000000; text-align:left; z-index:5}
.prerji li a{ display:block; font-size:14px; font-size:1.4rem; line-height:0px; color:#fff; padding:5px;}
.prsanji{ display:none;}
.prnav>li:hover>a{ background:#000; color:#fff;}
.prnav>li:hover> .prerji{ top:39px;}
.prnav>li:hover> .prerji>li>a{ line-height:24px;}
.prerji li:hover>a{ background:#fff; color:#000;}
.dangpryi>a{ background:#000 !important; color:#fff !important;}

.prmain form{ z-index:2}
.prlie{float: left;display: inline;width:31.6%; margin-left:2.6%; position:relative; text-align:center; margin-top:53px;}
.prtuz{ position:relative;}
.prtu{ display:block; border: 3px solid;
border-image: -webkit-linear-gradient( #f5f5f5, #d9d9d9) 30 30;
border-image: -moz-linear-gradient( #f5f5f5, #d9d9d9) 30 30;
border-image: linear-gradient( #f5f5f5, #d9d9d9) 30 30;}
.prtu img{ width:100%; max-width:561px; max-height:596px;}
.pra{ display:block; font-size:16px; font-size:1.6rem; color: #ffffff; line-height:20px; background:#000000; background:rgba(0,0,0,0.5); width:76px; padding:23px 5px; border-radius:50%; position:absolute; left:50%; margin-left:-38px; top:50%; margin-top:-38px; opacity:0}
.przi{ text-align:center; margin-top:30px;}
.przi input{ display:inline-block; vertical-align:middle; cursor:pointer;}
.prmor{ display:inline-block; vertical-align:middle; text-align:center; font-size:16px; font-size:1.6rem; color: #000000; line-height:24px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; max-width:80%;}
.prmor span{}
.prmor:hover{color: #e5b27f;}
.pra:hover{color: #e5b27f;}
.prlie:hover .pra{ opacity:1}

.fenye{ padding-top:68px;}
.fenyen{ float:left; margin-top:5px;}
.fenyen a{ display:block; float:left; width:23px; height:23px; text-align:center; line-height:23px; border:1px solid #dbd6d6; border-radius:50%; font-size:14px; font-size:1.4rem; margin:0 5px; margin-bottom:10px;}
.fenyen .sx{ width:auto; border:none; margin-bottom:10px; font-size:12px; font-size:1.2rem; line-height:25px;}
.fenyen .sx1{ padding-right:5px;}
.fenyen .sx2{ padding-left:5px;}
.fuxuan{ float:right; padding-left:30px; background:url(../images/fuxuan.png) no-repeat left center; margin-bottom:10px;}
.fuxuan span{ line-height:32px; font-size:16px; font-size:1.6rem; padding-right:14px; font-family:Arial, Helvetica, sans-serif;}
.fuxuan input{ min-width:170px; height:32px; line-height:32px; padding:0 5px; background:#000000; color:#ffffff; font-size:14px; font-size:1.4rem; cursor:pointer; transition:0.5s;}
.fenyen a:hover{ background:#000000; border:1px solid #000000; color:#fff;}
.dangfen,.fenyen .active{ background:#000000 !important; border:1px solid #000000 !important; color:#fff !important;}
.fenyen .sx:hover{ background:none; border:none; color:#e5b27f;}
.fuxuan input:hover{background:#e5b27f;}

@media screen and (max-width:1219px) {
.prnav>li{ margin:0 5px;}
.prnav>li>a{ padding:0 30px; font-size:14px; font-size:1.4rem;}
.prerji li a{ font-size:12px; font-size:1.2rem;}
.prnav>li:hover> .prerji>li>a{ line-height:20px;}
}
@media screen and (max-width:999px) {
.mianbao{ padding-top:20px; padding-bottom:20px;}
.fenbiao{ font-size:24px; font-size:2.4rem; line-height:32px;}
.mianbaon{ font-size:14px; font-size:1.4rem; margin-top:4px;}

.prmain{ padding-bottom:30px;}
.prnav{ display:none;}
.prlie{width:32.333%; margin-left:1.5%; margin-top:23px;}
.przi input{ position:absolute; left:5px; top:5px;}
.przi{ margin-top:5px;}
.prmor{ max-width:none; font-size:12px; font-size:1.2rem; display:block;}
.pra{ font-size:12px; font-size:1.2rem; opacity:1; padding:5px; width:auto; position:relative; left:auto; top:auto; margin:auto; border-radius:0px;}
.fenye{ padding-top:38px;}
}
@media screen and (max-width:599px) {
.prlie{width:48%; margin-left:1% !important; margin-right:1%; margin-top:23px;}
}

/***************************  news  *************************/
.nemain{ padding-top:58px; padding-bottom:107px;}
.nemain .nelie{ min-height:237px; border-bottom:1px solid #dbd6d6; padding-bottom:57px; margin-top:57px;}
.nemain .netu{ width:402px;}
.nemain .nezi{ margin-left:440px; padding-top:18px;}
.nemain .neshijian{ width:75px; height:88px;}
.nemain .neshijian span{ font-size:42px; font-size:4.2rem; line-height:40px; margin-top:15px;}
.nemain .neshijian p{ font-size:12px; font-size:1.2rem; line-height:18px;}
.nemain .nen{ padding-top:18px;}
.nemain .fenye{ text-align:center; padding-top:53px;}
.nemain .fenyen{ display:inline-block; float:none;}

@media screen and (max-width:999px) {
.nemain{ padding-top:28px; padding-bottom:27px;}
.nemain .fenye{ padding-top:33px;}

.nelie{ margin-top:20px !important; padding-bottom:20px !important; min-height:94px !important;}
.nelie .netu{ width:300px;}
.neshijian{ width:80px; height:72px !important;}
.neshijian span{ font-size:30px !important; font-size:3rem !important; line-height:40px; margin-top:5px !important;}
.neshijian p{ font-size:14px; font-size:1.4rem; line-height:24px;}
.nen{ padding-top:7px !important;}
.nen>a{ font-size:16px; font-size:1.6rem;}
.nelie1 .nezi{ margin-left:320px; padding-top:0px;}
.nelie2 .nezi{ margin-right:320px; padding-top:0px;}
}
@media screen and (max-width:599px) {
.nelie .netu{ width:160px; left:0px; right:auto;}
.neshijian{ width:80px; height:92px !important; margin-left:170px;}
.neshijian span{ margin-top:15px !important;}
.nelie .nezi{ margin-left:0px; margin-right:0px; padding-top:0px;}
.nen>a{ font-size:16px; font-size:1.6rem;}
}

/***************************  news2  *************************/
.nemain2{ padding-top:81px;}
.nemain2 h1{ font-size:24px; font-size:2.4rem; color:#555; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:30px; text-align:center;}
.net{ text-align:center; padding-top:11px; padding-bottom:3px;}
.neriqi{ display:inline-block; *float:left; font-size:14px; font-size:1.4rem; color:#666666; vertical-align:middle; line-height:24px; padding-right:9px; font-family:Arial, Helvetica, sans-serif;}
.net .share{ float:none; display:inline-block; *float:left; vertical-align:middle; border:none; padding:0px; margin:auto; font-family:Arial, Helvetica, sans-serif;}
.net .share1{ float:none; display:inline-block; *float:left; vertical-align:middle; color:#555555; font-size:14px; font-size:1.4rem;}
.net .share2{ float:none; display:inline-block; *float:left; vertical-align:middle}
.nexiang{ border-top:1px solid #dfdfdf; font-size:16px; font-size:1.6rem; line-height:30px; color:#555555; margin-top:27px; padding-top:32px; font-family:Arial, Helvetica, sans-serif;}
.nexiang p,.nexiang em,.nexiang li,.nexiang strong{ color:#555555;}
.nexiang a{ color:#e5b27f;}
.nexiang img{ max-width:100%; display:inline-block}
.fanpian{ border-top:1px solid #dfdfdf; margin-top:45px; padding-top:27px; font-family:Arial, Helvetica, sans-serif;}
.fanpian li{ font-size:16px; font-size:1.6rem; line-height:26px; margin-top:10px;}
.fanpian li span{ display:inline-block; min-width:82px; line-height:24px; padding:0 5px; border:1px solid #000000; color:#000000; border-radius:13px; text-align:center; margin-right:7px;}
.fanpian li a:hover{ color:#e5b27f;}

.homain{ padding-top:85px; padding-bottom:84px;}
.homain:after{ content:""; clear:both; display:block;}
.hobiao{ display:block; font-size:30px; font-size:3rem; text-align:center; color: #e5b27f; line-height:40px;}
.homain .prlie{ margin-top:28px;}
.hobiao:hover{ color:#333;}
@media screen and (max-width:999px) {
.nemain2{ padding-top:31px;}
.nemain2 h1{ font-size:18px; font-size:1.8rem;}
.fanpian li,.nexiang{ font-size:14px; font-size:1.4rem;}
.homain{ padding-bottom:30px; padding-top:30px;}
.hobiao{ font-size:22px; font-size:2.2rem;}
.homain .prlie{ margin-top:20px;}
}

/***************************  about  *************************/
.abnav{ text-align:center; font-size:0px; padding-top:36px; padding-bottom:30px;}
.abnav li{ display:inline-block; vertical-align:top; *float:left; width:24%;}
.abnav li .m3tup{ border:none}
.abnav li .m3tu{ width:75px; height:75px; line-height:75px; font-size:40px !important; border-width:7px}
.abnavzi a{ display:block; text-align:center; color: #000000; font-size:18px; font-size:1.8rem; line-height:24px; margin-top:10px;}
.abnav li:hover .m3tup{ transform:scale(1.1,1.1)}
.abnav li:hover .abnavzi a{ color:#e5b27f;}
.dangab .m3tup{ transform:scale(1.1,1.1) !important}
.dangab .abnavzi a{ color:#e5b27f !important;}
 
.ab1main{ padding-top:63px;}
.ab1main:after{ content:""; clear:both; display:block;}
.ab1biao{ display:block; font-size:60px; font-size:6rem; line-height:70px; color: #000000;  font-family: "CormorantGaramond-SemiBold";}
.ab1tu{ width:50%; max-width:554px; float:right; margin-right:18px; margin-top:21px; position:relative; z-index:1; margin-left:60px;}
.ab1tu:before{ content:""; position:absolute; width:100%; height:100%; left:18px; top:-21px; background:#f1f1f1; z-index:2}
.ab1tu img{ max-width:100%; position:relative; z-index:3}
.ab1p{ font-size:18px; font-size:1.8rem; line-height:30px; color: #000000; margin-top:70px;}
.dazi{ float:left; font-size:194px; font-size:19.4rem;font-family: "CormorantGaramond-SemiBold"; line-height:124px; margin-right:45px;}

.ab1main2{ padding-top:41px; max-width:1004px; margin:auto; padding-bottom:68px;}
.abshipin{position: relative; padding-bottom:43.22%;height: 0;overflow: hidden;}
.abshipin iframe {  position: absolute; top:0; left: 0; width: 100%; height: 100%; border:none;}
.abshipin iframe body{ margin:0px !important;}

@media screen and (max-width:999px) {
.abnav{ padding-top:26px; padding-bottom:20px;}
.abnav li .m3tu{ width:35px; height:35px; line-height:35px; font-size:20px !important; border-width:7px}
.abnavzi a{ font-size:14px; font-size:1.4rem;}
.ab1main{ padding-top:13px;}
.ab1biao{ font-size:26px; font-size:2.6rem; line-height:34px;}
.dazi{ display:none}
.ab1p{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:20px;}
.ab1main2{ padding-top:21px; padding-bottom:28px;}
.ab1tu{ margin:auto; margin-left:20px;}
.ab1tu:before{ display:none}
}
@media screen and (max-width:599px) {
.abnav li{ width:50%;}
.ab1tu{ float:none; width:70%; margin:auto; margin-top:20px;}
}

/***************************  about2  *************************/
.ab2main{ padding-bottom:80px;}
.ab2lie{ position:relative; margin-top:80px; margin-bottom:90px;}
.ab2tu{ position:absolute; left:0px; top:50%; margin-top:-98px; transition:0.5s;}
.ab2tu a{ display:block; width:171px; border:13px solid #e8e8ea; border-radius:50%;}
.ab2tu a img{ width:100%; border-radius:50%;}
.ab2zi{ background:#e7e7e8; background:rgba(231,231,231,0.3); margin-left:103px; padding:20px; padding-left:136px; min-height:109px; padding-bottom:30px;}
.ab2a{ display:block; font-size:22px; font-size:2.2rem; line-height:30px; color: #000000;}
.ab2p{ font-size:18px; font-size:1.8rem; line-height:30px; margin-top:20px; transition:0.5s;}
.ab2lie:hover .ab2tu{ transform:scale(1.15,1.15)}
.ab2lie:hover .ab2p{ color:#000}

@media screen and (max-width:999px) {
.ab2main{ padding-bottom:30px;}
.ab2lie{ margin-top:30px; margin-bottom:30px;}
.ab2zi{ margin-left:60px; padding-left:75px; min-height:69px; padding-top:10px; padding-bottom:10px;}
.ab2tu{ margin-top:-60px;}
.ab2tu a{ width:110px; border:5px solid #e8e8ea; border-radius:50%;}
.ab2a{ font-size:16px; font-size:1.6rem; line-height:24px;}
.ab2p{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:10px;}
.ab2lie:hover .ab2tu{ transform:scale(1.05,1.05)}
}
@media screen and (max-width:449px) {
.ab2tu{ top:0px; left:50%; margin-left:-60px;}
.ab2zi{ margin-left:0px; padding:10px; padding-top:70px;}
.ab2lie{ margin-top:70px; margin-bottom:auto;}
}

/***************************  about3  *************************/
.ab3main{ padding-top:90px; padding-bottom:85px;}
.ab3lie{}
.ab3tu{ display:block; line-height:71px; width:55px; text-align:center; color:#999999; font-size:48px !important;}
.ab3zi{ margin-left:25px; border-left:2px solid #999999; padding-left:46px; padding-top:18px; padding-bottom:30px;}
.ab3a{ font-size:22px; font-size:2.2rem; line-height:30px; color: #000000;}
.ab3p{ font-size:18px; font-size:1.8rem; line-height:30px; color: #333333; margin-top:16px;}
.ab3lie:last-child .ab3zi{ border-color:rgba(153,153,153,0)}
@media screen and (max-width:999px) {
.ab3main{ padding-top:20px; padding-bottom:25px;}
.ab3tu{ line-height:50px; width:35px; font-size:28px !important;}
.ab3zi{ margin-left:16px; border-left:1px solid #999999; padding-left:16px; padding-top:10px; padding-bottom:15px;}
.ab3a{ font-size:16px; font-size:1.6rem; line-height:24px;}
.ab3p{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:10px;}
}

/******************************************************************  about4  *****************************************************/
.ab4main{ padding-top:31px; padding-bottom:144px; font-family:Verdana, Geneva, sans-serif;}
.subNav2{cursor:pointer; position:relative; background:#eeeeee; line-height:23px; padding:10px 27px; padding-right:40px; font-size:14px; font-size:1.4rem; margin-top:21px; color:#000;}
.subNav2 span{ color:#000}
.subNav2:before{ content:""; position:absolute; width:15px; height:2px; background:#b9b9b9; top:50%; margin-top:1px; right:16px;}
.subNav2:after{ content:""; position:absolute; width:15px; height:2px; background:#b9b9b9; top:50%; margin-top:1px; right:16px; transform:rotate(90deg); transition:0.5s;}
.currentDd2{}
.currentDd2:after{ transform:rotate(0) !important}
.navContent2{display: none; padding:20px 17px; padding-bottom:40px; font-size:14px; font-size:1.4rem; line-height:24px; color:#555555}
.navContent2 p,.navContent2 strong,.navContent2 em{ color:#555555;}
.navContent2 span{ color:#e5b27f;}
.navContent2 a{ color:#e5b27f;}
.navContent2 img{ max-width:100%; display:inline-block}
.navContent2 table{ width:97%; border-collapse:collapse; line-height:24px;}
.navContent2 tr td{ line-height:24px; padding:2px;}
.navContent2 tr td a{ color:#333;}

@media screen and (max-width:999px) {
.ab4main{ padding-top:15px; padding-bottom:25px;}
.subNav2{ padding:10px; padding-right:40px;}
.navContent2{ font-size:12px; font-size:1.2rem; line-height:26px; padding:10px;}
}
@media screen and (max-width:499px) {
.subNav2{ font-size:14px; font-size:1.4rem;}
}

/******************************************************************  2-1  *****************************************************/
.famain1{ background:#f1f1f1; margin-top:88px;}
.famain1:after{ content:""; clear:both; display:block;}

.img-scroll2 {position: relative; z-index:9; width:50%; float:left;}
.img-scroll2 .prev, .img-scroll2 .next {position: absolute; bottom:0px; text-align:center;display: block; width:28px; height:28px; line-height:28px; background:rgba(0,0,0,0.6); color:#ffffff; font-size:16px; font-size:1.6rem; z-index:99; transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s;}
.img-scroll2 .prev {left:50%; margin-left:-29px; cursor: pointer;}
.img-scroll2 .next {right:50%; margin-right:-29px; cursor: pointer;}
.img-scroll2 .prev:hover,.img-scroll2 .next:hover { background:#000;}
.img-list2 {position: relative;overflow: hidden; z-index:90;}
.img-list2 ul {width: 10000%;}
.img-list2 li {float: left;display: inline;width:1%; margin-right:0%; position:relative; text-align:center;}
.img-list2 li img{ max-width:100%; margin:auto;}
.far{ width:50%; float:right;}
.farn{ padding:45px;}
.fabiao1{font-family: CormorantGaramond-Semibold; font-size:40px; font-size:4rem; line-height:50px; color:#000; margin-top:18px;}
.fap{ font-size:16px; font-size:1.6rem; line-height:30px; color: #000000; margin-top:18px;}
.famor1{ display:inline-block; background-color: #e5b27f; min-width:416px; line-height:50px; padding:0 5px; text-align:center; font-size:18px; font-size:1.8rem; color: #ffffff; margin-top:54px;}
.famor1:hover{ background:#000;}

.famain2{ font-size:0px; padding-top:37px;}
.famain2:after{ content:""; clear:both; display:block;}
.falie{ width:24.5%; display:inline-block; vertical-align:top; *float:left; margin-left:0.6666%}
.fatu{ display:block;}
.fatu img{ max-width:100%; margin:auto;}
.fazi{ font-size:16px; font-size:1.6rem; color: #000000; line-height:24px; text-align:center; margin-top:12px;}

.famain3{ padding-top:70px; max-width:1075px; margin:auto; padding-bottom:80px;}
.fashipin{position: relative; padding-bottom:42.23%;height: 0;overflow: hidden;}
.fashipin iframe {  position: absolute; top:0; left: 0; width: 100%; height: 100%; border:none;}
.fashipin iframe body{ margin:0px !important;}

@media screen and (max-width:1219px) {
.famor1{ min-width:300px; margin-top:30px;}
.farn{ padding:20px;}
.fabiao1{ margin-top:0px;}
}
@media screen and (max-width:999px) {
.famain1{ margin-top:28px;}
.img-scroll2 { width:100%; float:none;}
.famor1{ min-width:300px; margin-top:30px;}
.far{ width:100%; float:none;}
.farn{ padding:15px;}
.fabiao1{ font-size:26px; font-size:2.6rem; line-height:26px;}
.fap{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:10px;}
.famor1{ font-size:14px; font-size:1.4rem; line-height:40px; min-width:200px; margin-top:10px;}
.fazi{ font-size:13px; font-size:1.3rem;}
.famain3{ padding-top:30px; padding-bottom:30px;}
}
@media screen and (max-width:599px) {
.falie{ width:48%; margin:10px 1% !important;}
}

/******************************************************************  COLLECTINS  *****************************************************/
.ctmain{ padding-bottom:110px; padding-top:40px;}
.ctlie{ width:49.16%; background:#333333; border-radius: 10px; margin-top:49px;}
.ctshipin{position: relative; padding-bottom:74.5%;height: 0;overflow: hidden; border-radius: 10px;}
.ctshipin iframe {  position: absolute; top:0; left: 0; width: 100%; height: 100%; border:none;}
.ctshipin iframe body{ margin:0px !important;}
.ctzi{ text-align:center; font-size:18px; font-size:1.8rem; color: #ffffff; line-height:30px; padding:17px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.ctmain .fenye{ text-align:center; padding-top:116px;}
.ctmain .fenyen{ display:inline-block; float:none;}
@media screen and (max-width:999px) {
.ctmain{ padding-bottom:30px; padding-top:20px;}
.ctzi{ font-size:13px; font-size:1.3rem; padding:5px;}
.ctlie{ margin-top:20px;}
.ctmain .fenye{ padding-top:26px;}
}

/******************************************************************  SUSTAINABILITY  *****************************************************/
#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;  background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease;z-index:99999999999999999999999999999999999999;}
 #baguetteBox-overlay.visible{opacity:1}
 #baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center;}
 #baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
 #baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);}
 
 #baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:Verdana, Geneva, sans-serif;}
 #baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
 #baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}
 #baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
 #baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
 .baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
 .baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;
 border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;}
 .baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
 .baguetteBox-button#next-button{right:2%}
 .baguetteBox-button#previous-button{left:2%}
 .baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
 .baguetteBox-button svg{position:absolute;left:0;top:0}
 .spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
 .double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
 .double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
 @-webkit-keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
 @keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
 @-webkit-keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
 @keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
 @-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}
 @keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}

.sumain{ text-align:center; font-size:0px; padding-top:63px; padding-bottom:51px;}
.sulie{ display:inline-block; margin:26px 3.4%; width:37%;}
.sulie img{ max-width:100%; margin:auto;}
.sumain .fenye{ text-align:center; padding-top:36px;}
.sumain .fenyen{ display:inline-block; float:none;}
@media screen and (max-width:999px) {
.sumain{ padding-top:23px; padding-bottom:21px;}
.sulie{ margin:10px 1%; width:48%;}
}

/***************************************************************  contact  *********************************************************************/
.comain{ margin-top:80px; padding-bottom:118px;}
.lxz{ width:390px; float:left;}
.lxy{ width:646px; float:right;}

.colbiao{ display:block; font-size:24px; font-size:2.4rem; color: #000000; line-height:30px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.colp{ font-size:14px; font-size:1.4rem; line-height:24px; color: #555555; font-family:Arial, Helvetica, sans-serif; margin-top:8px;}
.lxfs{ line-height:34px; font-size:14px; font-size:1.4rem; margin-top:43px;}
.lxfs p{ position:relative; font-size:14px; font-size:1.4rem; line-height:34px; padding-left:25px; min-height:34px; color:#555555;}
.lxfs p a{ color:#555555;}
.lxfs p em{ color:#555555; font-size:16px; position:absolute; left:0px; top:0px;} 

.lxtou{ font-size:24px; font-size:2.4rem; line-height:24px; color:#333; text-transform:uppercase; font-weight:bold; margin-top:5px;}
.lxfs p a:hover{ color:#e5b27f;}

.lxy form{}
.lxy .xing{ background:url(../images/xing.png) no-repeat left 16px;}
.lxy .int1{ padding-left:13px; margin-bottom:19px; margin-top:8px;}
.lxy .int1 input{  width:614px; height:33px; border:1px solid #cccccc; padding-left:15px; line-height:33px; font-size:14px; font-size:1.4rem; color:#666666; font-family: "Roboto-Regular";}
.lxy .int1 textarea{ width:614px; height:212px; border:1px solid #cccccc; padding-left:15px; line-height:33px; margin-top:2px; font-size:14px; font-size:1.4rem; color:#666666; font-family: "Roboto-Regular";}
.lxy .int4{ padding-left:12px; margin-top:22px;}
.lxy .int5{ width:163px; height:33px; border:1px solid #cccccc; padding-left:15px; line-height:33px; float:left; margin-right:14px; font-size:14px; font-size:1.4rem; color:#666666; font-family: "Roboto-Regular";}
.lxy .int6{ width:252px; height:37px; float:right; background:#000000; border:1px solid #000000; font-size:14px; font-size:1.4rem; color:#fff; cursor:pointer; text-transform:uppercase; transition:0.5s; font-family: "Roboto-Regular";}
.lxy .int6:hover{ background:#fff; color:#000000;}
.yanzheng{ width:120px; height:37px; float:left; cursor:pointer}

.ditu{ margin-top:80px;}
.ditu img{ max-width:100%;}

@media screen and (min-width:1000px) and (max-width:1219px){
.lxz{ width:370px; float:left;}
.lxy{ width:494px; float:right; margin-right:20px;}
.lxy .int1 input{ width:463px;}
.lxy .int1 textarea{ width:463px; height:160px;}
.lxy .int5{ width:98px;}
.lxy .int6{ width:126px;}	
}
@media screen and (max-width:999px){
.comain{ padding-top:20px; background:none; margin-top:auto; padding-bottom:1px;}
.lxms2,.lxtou{ font-size:20px; font-size:2rem;}
.lxfs{ margin-top:20px;}
.lxfs p{ font-size:14px; font-size:1.4rem;}
.lxz{ width:100%; float:none; background:none; padding:0px; min-height:inherit; margin-top:20px;}
.lxy{ width:100%; float:none; margin-top:20px;}
.comain{ padding-bottom:30px;}
.lxy .int1 input{ width:95%;}
.lxy .int1 textarea{ width:95%; height:130px;}
.lxy .int6{ float:left; margin-left:20px;}
.ditu{ margin-top:30px;}
.colbiao{ font-size:20px; font-size:2rem;}
}
@media screen and (max-width:639px){
.lxy .int2{ width:65%;}
.lxy .int1 input{ width:90%;}
.lxy .int1 textarea{ width:90%;}
.lxy .int5{ width:98px; margin-bottom:20px;}
.lxy .int6{ width:126px;}	
.lxy .int5{ width:90%;}
.lxy .int6{ width:106px; margin-left:10px;}
.lxms1{ font-size:14px; font-size:1.4rem;}
}

/*****************************  7-1  **************************************/
.comain2{ padding-top:60px; padding-bottom:39px;}
.comain2 form{ padding-bottom:26px; padding-top:27px;}
.co2a{ display:block; text-align:center; font-size:24px; font-size:2.4rem; color:#000000; line-height:40px;}
.comain2 .xing{ background:url(../images/xing2.png) no-repeat left 17px;}
.comain2 .int1{ padding-left:20px; margin-bottom:21px;}
.comain2 .int1 input{ width:533px; height:30px; line-height:30px; border:1px solid #cccccc; background:#fff; padding-left:15px; font-size:14px; font-size:1.4rem; color:#999999; font-family:Arial, Helvetica, sans-serif;}
.comain2 .int2{ padding-left:20px; margin-bottom:21px;}
.comain2 .int2 textarea{ width:1160px; line-height:30px; height:132px; border:1px solid #c7c5c4; background:#fff; padding-left:15px; font-size:14px; font-size:1.4rem; color:#999999; font-family:Arial, Helvetica, sans-serif;}
.comain2 .int2.xing{ background:url(../images/xing2.png) no-repeat left 18px;}
.comain2 .int3{ padding-left:20px; margin-bottom:35px; float:left;}
.comain2 .int3 input{ width:358px; height:30px; padding-left:15px; line-height:30px; border:1px solid #c7c5c4; background:#fff; font-size:14px; font-size:1.4rem; color:#999999; font-family:Arial, Helvetica, sans-serif;}
.comain2 .yanzheng{ width:118px; height:35px; margin-left:50px; float:left; cursor:pointer}
.comain2 .int4{ width:324px; height:34px; float:right; background:#030303; padding:0 5px; cursor:pointer; font-size:16px; font-size:1.6rem; color:#ffffff; text-transform:uppercase; transition:0.5s; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.comain2 .int4:hover{ background:#e5b27f}
	
@media screen and (max-width: 1219px) { 
.comain2 form{ margin-left:30px; margin-right:30px; padding-bottom:21px;}
.comain2 .int1 input{ width:401px;}
.comain2 .int2 textarea{ width:98%;}
.comain2 .int3 input{ width:362px;}
.comain2 .int4{ width:212px;}
}
@media screen and (max-width: 999px) { 
.comain2{ padding-top:12px; padding-bottom:20px;}
.co2a{ font-size:18px; font-size:1.8rem; line-height:24px;}
.comain2 form{ margin-left:10px; margin-right:10px; padding-top:16px;}
.comain2 .int1{ float:none; margin-bottom:10px;}
.comain2 .xing{ background:url(../images/xing.png) no-repeat left 14px;}
.comain2 .int1 input{ width:96%; padding-left:5px;}
.comain2 .int2{ margin-bottom:10px;}
.comain2 .int2 textarea{ width:96%; padding-left:5px; height:100px;}
.comain2 .int3{ float:none; margin-bottom:10px;}
.comain2 .int3 input{ margin-left:auto; width:96%; padding-left:5px;}
.comain2 .yanzheng{ margin-left:24px;}
.comain2 .int4{ width:auto; min-width:100px; float:left; margin-left:15px; font-size:14px; font-size:1.4rem;}
}
@media screen and (max-width: 399px) { 
.comain2 .int3 .yanzheng{ position:relative; top:auto; left:auto; margin-top:10px;}
.comain2 .int4{ margin-left:5px;}
}


/*  xuanze  riqi  */
.memain{padding-top:8px;padding-bottom:0px;margin-top: 30px;}
.mebiao{ text-align:center; font-size:24px; font-size:2.4rem; color: #000000; line-height:30px;}
.mep{ font-size:16px; font-size:1.6rem; color: #999999; line-height:24px; text-align:center; margin-top:6px;}
.menav{ text-align:center; font-size:0px; margin-top:54px;}
.menav a,.menav input{ display:inline-block; min-width: 277px; line-height:30px; border-radius: 16px; border: solid 1px #000000; font-size:16px; font-size:1.6rem; color: #000000; padding:0 5px; margin:10px 66px;}
.menav a,.menav input:hover{ color:#ffffff; background:#000000;}
.dangme{ color:#ffffff !important; background:#000000 !important;}

.meb{ box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.17); background-color: #f1f1f1;	border-radius: 20px; overflow:hidden; margin-top:93px;}
.mel{ width:50%; float:left; background:#333333; padding-top:55px; padding-bottom:30px;}
.mer{ width:50%; float:right;}
.mern{ padding:43px;}
.metu{ width:82px; margin:auto; border-radius:50%; border: solid 4px #ffffff;}
.metu img{ width:100%; border-radius:50%;}
#flatpickr-tryme{ display:none}
.mezi{ text-align:center; font-size:16px; font-size:1.6rem; color: #ffffff; line-height:24px; margin-top:12px;}

.merp{ font-size:16px; font-size:1.6rem; color: #000000; line-height:24px;}

.mese{ font-size:14px; font-size:1.4rem; color:#555555; line-height:24px; background:none; border:none; cursor:pointer; margin-top:5px; max-width:100%;}
.mese option{ cursor:pointer; max-width:100%; word-break:break-all;}
.shijian{ max-height:390px; overflow:auto; margin-top:20px;}
.shijian input[type="radio"] {display: none;}
.shijian label { display:block; width:90%; padding:0 2%;background-color: #e7e5e5;border-radius: 5px;border: solid 1px #dbd6d6; line-height:36px; margin-bottom:11px; text-align:center; font-size:14px; font-size:1.4rem; color: #555555; cursor:pointer;}
.shijian input[type="radio"]:checked+label { background:#333; border-color:#333; color:#fff;}
	
::-webkit-scrollbar{width: 7px;/* height: 7px; */background-color: #F5F5F5;}
::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;background-color: #F5F5F5;}
::-webkit-scrollbar-thumb{ border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #7f7f7f;}

.flatpickr-input {cursor: pointer; z-index: 1}
.flatpickr-mobileInput {opacity: 0; visibility: hidden; position: absolute; width: 0; height: 0; box-sizing: border-box; padding: 0;}
.flatpickr-calendar {background: #333333; text-align: center; padding: 0; font-size: 90%; border-radius: 3px; width:100%; margin-top:27px;}
.flatpickr-calendar.open {opacity: 1; z-index: 99999; display: inline-block}
.flatpickr-calendar.inline {max-width: 19rem; display: table; margin-top: 2px; position: relative}
.flatpickr-calendar:after, .flatpickr-calendar:before {position: absolute; display: block; pointer-events: none; border: solid transparent; content: ''; height: 0; width: 0; left: 22px}
.flatpickr-month, .flatpickr-next-month i, .flatpickr-prev-month i {position: relative}
.flatpickr-calendar:before {border-width: 5px; margin: 0 -5px}
.flatpickr-calendar:after {border-width: 4px; margin: 0 -4px}
.flatpickr-calendar.arrowTop:after, .flatpickr-calendar.arrowTop:before {bottom: 100%}
.flatpickr-calendar.arrowTop:before {border-bottom-color: #e6e6e6}
.flatpickr-calendar.arrowTop:after {border-bottom-color: #fff}
.flatpickr-calendar.arrowBottom:after, .flatpickr-calendar.arrowBottom:before {top: 100%}
.flatpickr-calendar.arrowBottom:before {border-top-color: #e6e6e6}
.flatpickr-calendar.arrowBottom:after {border-top-color: #fff}
.flatpickr-month {background: 0 0; color: rgba(0,0,0,.9); fill: rgba(0,0,0,.9); padding: 4px 0 0; text-align: center}
.flatpickr-next-month, .flatpickr-prev-month {text-decoration: none; cursor: pointer}
.flatpickr-next-month svg, .flatpickr-prev-month svg {width: 14px; position: absolute; top: 9px; fill:#ffffff}
.flatpickr-next-month svg path, .flatpickr-prev-month svg path {fill: inherit}
.flatpickr-next-month svg:hover, .flatpickr-prev-month svg:hover {fill: #999}
.flatpickr-next-month:hover, .flatpickr-prev-month:hover {color: #fff}
.flatpickr-prev-month svg {left: 50%; margin-left:-130px;}
.flatpickr-next-month svg {right: 50%; margin-right:-130px;}
.flatpickr-current-month {font-size: 135%; font-weight: 300; color: inherit; position: relative; display: inline-block;}
.flatpickr-current-month .cur_month { color: inherit; color:#ffffff; font-size:16px; font-size:1.6rem; line-height:30px;}
.flatpickr-current-month .cur_year {background: 0 0; box-sizing: border-box; color: inherit; cursor: default; padding: 0; margin: 0; width: 4em; display: inline; font-size: inherit; color:#ffffff; font-size:16px; font-size:1.6rem; line-height:30px; line-height: inherit; height: initial; border: 0;}
.flatpickr-current-month .cur_year:hover {background: rgba(0,0,0,.05)}
.flatpickr-weekdays {background: 0 0; text-align: center; overflow: hidden; margin-top:20px;}
.flatpickr-days {padding-top: 1px; outline: 0}
.flatpickr-day {background: 0 0; border: 1px solid transparent; border-radius: 150px; box-sizing: border-box; color: #fff; cursor: pointer; display: inline-block; font-weight: 300; width: 35px; height: 35px; line-height: 35px; margin: 0; text-align: center; font-size:16px; font-size:1.6rem; margin:5px 18.5px;}
.flatpickr-day.nextMonthDay:focus, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.prevMonthDay:hover, .flatpickr-day:focus, .flatpickr-day:hover {cursor: pointer; outline: 0; background:#ffffff; color:#999}
.flatpickr-day.today { background:#ffffff; color:#999}
.flatpickr-day.today:focus, .flatpickr-day.today:hover {background:#ffffff; color:#999}
.flatpickr-day.selected, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover {background: #e5b27f; color: #fff; border-color: #e5b27f}
.flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.nextMonthDay, .flatpickr-day.prevMonthDay {color: rgba(57,57,57,.3); background: 0 0; border-color: transparent; cursor: default; color:#999}
span.flatpickr-weekday {cursor: default; font-size: 90%; color: rgba(0,0,0,.54); height: 24px; line-height: 24px; margin: 0; background: 0 0; text-align: center; display: block; float: left; width: 14.28%; color: #ffffff; font-size:16px; font-size:1.6rem;}
.flatpickr-weekwrapper {display: inline-block; float: left}
.flatpickr-weekwrapper .flatpickr-weeks {
padding:0 .25rem; border-right: 1px solid #e6e6e6}
.flatpickr-weekwrapper .flatpickr-weekday {float: none; width: 100%}
.flatpickr-weekwrapper span.flatpickr-day {display: block; width: 100%}
.flatpickr-rContainer {display: inline-block; max-width:510px;}
.flatpickr-time {overflow: auto; text-align: center; border-top: 0; outline: 0; display: block; display: flex}
.flatpickr-am-pm, .flatpickr-time input, .flatpickr-time-separator {height: 38px; display: inline-block; line-height: 38px; color: #393939}
.flatpickr-time input {background: 0 0; box-shadow: none; border: 0; border-radius: 0; flex: 1; width: 33%; min-width: 33%; text-align: center; margin: 0; padding: 0; cursor: pointer; font-weight: 700}
.flatpickr-am-pm:focus, .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time input:hover {background: #f0f0f0}
.flatpickr-time input.flatpickr-minute {width: 26%; font-weight: 300}
.flatpickr-time input.flatpickr-second {font-weight: 300}
.flatpickr-time input:focus {outline: 0; border: 0}
.flatpickr-time.has-seconds input[type=number] {width: 25%; min-width: 25%}
.hasTime .flatpickr-days, .hasWeeks .flatpickr-days {border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0}
.hasWeeks .flatpickr-days {border-left: 0}
.flatpickr-rContainer+.flatpickr-time {border-top: 1px solid #e6e6e6}
.flatpickr-am-pm {outline: 0; width: 21%; padding: 0 2%; cursor: pointer; text-align: left; font-weight: 300}
@media all and (-ms-high-contrast:none) {
.flatpickr-month {padding: 0}}
@media screen and (max-width: 1219px) { 
.flatpickr-day { margin:5px 17px;}
}
@media screen and (max-width: 999px) { 
.memain{ padding-top:3px; padding-bottom:35px;}
.mebiao{ font-size:20px; font-size:2rem;}
.mep{ font-size:14px; font-size:1.4rem; margin-top:3px;}
.menav{ text-align:center; font-size:0px; margin-top:10px;}
.menav a,.menav input{ min-width: 180px; font-size:14px; font-size:1.4rem; color: #000000; padding:0 5px; margin:4px 6px;}

.meb{ margin-top:30px;}
.mel{ width:100%; float:none; padding-top:25px; padding-bottom:25px;}
.mer{ width:100%; float:none;}
.mern{ padding:10px;}
.flatpickr-rContainer { max-width:280px;}
.flatpickr-day { margin:0 2px;}
.metu{ width:50px; border-width:2px;}
.merp,.flatpickr-current-month .cur_month,.flatpickr-current-month .cur_year,.flatpickr-day ,span.flatpickr-weekday{ font-size:14px; font-size:1.4rem;}
}
@media screen and (max-width: 499px) { 
.menav a,.menav input{ width:90%;}
.mese{ font-size:12px; font-size:1.2rem;}
.merp,.flatpickr-current-month .cur_month,.flatpickr-current-month .cur_year,.flatpickr-day ,span.flatpickr-weekday{ font-size:12px; font-size:1.2rem;}
.shijian{ max-height:290px; overflow:auto; margin-top:20px;}
.mern{ padding:10px 5px;}
}

@font-face {
  font-family: "CormorantGaramond-SemiBold";
  src: url("../fonts/CormorantGaramond-SemiBold.woff2") format("woff2"),
       url("../fonts/CormorantGaramond-SemiBold.woff") format("woff"),
       url("../fonts/CormorantGaramond-SemiBold.ttf") format("truetype"),
       url("../fonts/CormorantGaramond-SemiBold.eot") format("embedded-opentype"),
       url("../fonts/CormorantGaramond-SemiBold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Regular";
  src: url("../fonts/Roboto-Regular.woff2") format("woff2"),
       url("../fonts/Roboto-Regular.woff") format("woff"),
       url("../fonts/Roboto-Regular.ttf") format("truetype"),
       url("../fonts/Roboto-Regular.eot") format("embedded-opentype"),
       url("../fonts/Roboto-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Poppins-Regular";
  src: url("../fonts/Poppins-Regular.woff2") format("woff2"),
       url("../fonts/Poppins-Regular.woff") format("woff"),
       url("../fonts/Poppins-Regular.ttf") format("truetype"),
       url("../fonts/Poppins-Regular.eot") format("embedded-opentype"),
       url("../fonts/Poppins-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1592877958889'); /* IE9 */
  src: url('../fonts/iconfont.eot?t=1592877958889#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAACdoAAsAAAAAQ9wAACcYAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCLXgrrGNR0ATYCJAOCDAuBCAAEIAWEbQeFChtmN1VGho0DgEzsqyOiUhRHUbInuez/jwd0jMFzB7SqRJjCVdWTRpDY0VEx3opjThB3X3De4Wj5pFZEKcxRrO70QkJ8iYUAa+6tXpYbVbZ8iUL4jHoeRnz/KLfXX2CEr2wrr9dDKRP+vx9r5+u6YGKhkIjJE8RGK8y7lLYQwNo8RBs8Jo+ZJrLYpBL61qqXuhC3KNbHw9vt/e4uaGsLksASipLA4yiOIKKoeWRJEugYcwI/WlpT31x9d4JUdaNVI4Rwywn4ia2fiIysCSSnxuZn5nf6fbZEsNtNHFhDLGFVuZF693Vtft5heptpOeTqipKiWh/7n6f39Z/aH8EKkA0Ig3Aanp9b77//V8mIGmyAIJIljLEBAoMNNjI3UBjVI0SlDow7Z06MU2wsrEZBGz0r7jCRU7xrBoXcfrvb2oJannBuEYQlHJRwmvhbqFsl9uGgEcR8c1k3GlBhqbJV0yXBBY1lPLp7VHVdolSKux+sK0Lt7lFLBPDweQPa+YfdgLJnsMs07ZIAw5Ig4NiicBEEnDH296q1VnI4QrIhdxaDSLGooOhoaormPXmDvmTfWs6SLumybIJ00TIpGXIVK0qGiqGovrR7jESUvIQN6VK26biKkMorySV1KormSoI6My07eY2B5YumdMfP2OyF5bUep5jbEFGfjY3xI9twoGxWnGQ+zVeoRfqVA26nyx3qwCxywilOmXGbG+6Holh9+TvAN/3e/WSjwUsJ/dHzNjjS/sDn7mBNNKzpmROuDSCBALZBhL+Zi7tIzrpNpvz6thyv4JpIbvpDlDR0mLBmK0Ck48YsmP/byym73PMupE2aVkHntKEHU4+nXk29mfr8bvdEDwbecQlTq/YXEfyccnAbe9Z18Rx971xrGhppWs8tY2Wdt/blyu2P8HArLCGjoysipCouKa+mIipH4k5MVkpbWkFRSZlUECVZwTW1krKKqpq6hiYdPSuBjZ2DgYmRk4uZhcjNw8vHLyCoAVeDjlVAGA/bIwwQuIUhsA7DwQ4MDwcwAjzAiAPESEKwAWPAGowFlzA2bMMMYBdmAscwa7iC2XZcwGATFgBHsAhwsEi4g+XBFqweDmFHYA/2AO5hL2Ef4sMJZAOnkC2cQXZwDjmBh5whQC4QIVdIkBtkyB0KkDdcQ8FQhEKgBG2EMrQJKpAOqtDPUINGoA6dggZ0GprQGWhBZ6ENnYcRdAE60EUYQ5dgCroM09AV6EJXoQ+NQQ+6BjPQdZiFxmEATcAQugHz0E2Yg27BAnQbFqHHsAS9gmXoDaxAn2EV/7vXuRs3AJ7Md3gHf4BWh94D9LLvaVbFP4RBIhnxSktNwvnuSZ2XRabsKUDgy4ULQK7csYV4EpAeZaXXGXMY8Z7gxKRgW76KwcDqe5bIwJshLWW2AustYLjiooDQhP16sdNcJ+5sojWMiEFzMWzG+PuziBZFXWqLVTh2CSCRBYcmY4hpbsKKc3nSNpUKARcSeU9IW8bqusSQIZkxFokxJEVl6pl8QZM21vWqcmM4JPB1Mqb9E4XZtPBA1DQGqQJjuAPojBy34rDvCv2qjvP/y6Eym7cqK9BU3tX0ombsScg6G59XjAdA+hnB3/S+uosYtCukBACujFVECGScMoQopF3B+11oHvXATV/7qSVR2WIdM1kdo4xUbCXWbmbKfW1x4eNII1SSaELYqlBsrSOuqCPGnaIlj7bhTKm3fYRGJ2pcqKqIj5bIhj0UKzsDI0WrSoZ/ddV1a/BRZjhesWu5uIWc3KBY7tcr4twQ3h5HG0eM+KgWa0g0xPWRmDnamGi74j7a8Lf3dvv14InGk/5IwbH4ANHAGF9PbGvJwrA+Dmqz0t5iwsranbICRQVXfX+ARAgDFLI8OdW7gkmwGxTdnitoO8iv1uYmfVhB8Lq/kDkFfwyjkPGZbn6xHxShBySkY4gyMUz8PsT4vgQMZ64jgOVH/zGGwziE9xqa3mJWNDo9WPLUdhYMV04mgo3uHTW90EK7Nil9RrOKwaOG+zL8cq8XzCA3fNPcLM4s6ihw0z6jDrfVgCSyNy3vc6TLbRQT/uMj684rxmYxMOtXW+5nsTbcHnuu6fFTwbtX+di0m2ibf9AVmni4tX3pn+7w5OZfo0fC9ujLabgMH237Nc5A6NBITuVYIqmQhcaIqFg2neoBHx6ZHkd5lqZkzwMPR9Td947/gX1Fu9LUXh2uPHN5SrnkwzyWGgQ9uupl2tOm7powecWTzEAdVryeejLJiXcsbb++vXD8jNvn/9udDvSSK1Hv9aoni7X+pdnjFvMbEoabmUpU4VS5wrnUhJzBJ4IQZevQw+OCgW0KR01UorQPL+yfPI8QzGz2tNBsMQkAcrISTYJQcpDlMAbJh/2tpFDJQIhzw2LMsJ0+wUHw5IJbGZNBy++IaRBeSgtVFZsr4Vb9BlxxaKoSzlCGR0Cizclk2VIxQM4DBwxz1RaQFMqG24VM5OLeTXN6KE0mQfYF0o/2TAZmhnhep/sjMYCUAEu0UAoaLCa3Vre9kfMjGKBXWH/4qXFbjOVr9gapWutmU33zj4hSi2FMhM0N5HhpGYvnZi//5umwx5oLlShMl/uaskUArJLZDJriLQ6YsUCMxx84m1swqUQb02WEGLEGnJ54nFIrqcBGu/xXI25obznR2vD9Ne26538xtOm/MddH9+VwJthOVgZL1UhqNjI7IVk7sj09VGKzFy9W795dkYUazURP95OFnbmV3lx1sDQLxt2eoht7SBcm76TWhisqr32yumsXdyTakeygRQnRW5+UN4cgudulk6pdUQv9XRqY7kzPdV6qKc5A8ckZN5KMT/s8segP8bSS5sqlOe6LXW0mi8s9WYXQIw0+15meGg7M2068971p1R0oHrvKnbnZCEvJzNtKBBanhnz/f65WjKQGLYaXAlVk1Mzp/rXg6xZntTYZ5YIGTnrAcaeUGl9fjjmaCzlZxa1ko1P4hr8YYcQYq3jEo+fkZmIK+ifD6bmHJsw9nhvv8v6vk/5x5GprRRftJ0pPFjlxKX6cR6PKOWgH3oZ3Pbm/gMnk28GRjo7IWWC5McOvZzYwGWSDJVKB9if3UvvoTkTXF4A1UETOEH+63G4B1st3yacbMJglknd6sqAQE7ODdwu5iJ6aGaA0dXFn9abMCqpQh0VBZp40xr+B7mdCm5p5l3i90fxfoh4bHLQZ5+l91SL6fD0wEF560k+8l8baqtx7v8YEbifywVicgTrrL67UC3X05zauxHVGVHOU/mrPrd5a7DN4nnNoY7JQKuUw2YD2po/MvXMBOFu9uVW/WstZy8hZLXsDOTPA6hvt9wPdcpF9Mt9EeFS6L51X4vDxkmzwaO+6mGgFLRqJ1BpuC6EQBu0Qhw+0wNZfwq2hhdG3l208432eXQcTnk6CbjwnY19h1/oqa+zZqlrwjXN+39TTmc6Z7YAlIzOPgKz77GER6B4U6r58V9eZ92ngH3vU3N9Q/t8f6bUnMsHWBU9nM32LfjTtm9S/Y65ezjqzrex3VhNYTUbVNXPB24rTkzBwI1eyis6qvXYk/yX1B3JjIoz3NuR6v27c92O8rIgKvtT0vPvFehIejv0nMzib3nGdyB3pdR9zNnhm499j/x1ergbRP7PrVpVs2DXDVuItwpFDHnEVHMckgBXbP2CtoyYNNjm1wJYbuJVUgfbecXTbUf2YCl/ITF5tPhQJFa8YForO/BUBDMg9v0VQ5LMyaLEIGgH5uvWKqR/HWLKI2pxyZ307bIOZSj8G69MGsBVYuYLitpciexDAkLAaa+TDqbqbONQcxrFYO2gba1sSSf2JtJ+6qZt2T7Rl1zvqUlXcTjai9enaLEt+GgISnNd+2OMHDh3Vj71zzNSPHP36W/Orbw1T/+Edw2zWtRf/bLrbDTgCUfPdA4HrQbd9ru/gnj0DJry34fd34PifBKV2sTcccxTDTSf69/pMZ8miQWTd4Bn1fgBbUjNFbC3I7tIU0xqvm9llp6hnbu/WmWhx1kHIUh/Y+C61vcliT0u+3BluGtIqC+UAOktoO1bEzck8DztFADQbIQPaY5xIPgmGeRQqEJqYQB1kgJ5hQ1Hhu/3IOUKQZp28ArGeShplbpebhYDK4cduErQ5anIoAMrFNbs+Mx3529uK5UhEgPQqaWqvDeVejNX+/sJahhdCjUZVvBQ8kTk5V+uD300G/aoqg4hvt3xtCzy+Y4fOqCQhpBgadThXTYNzIbBpCkGYrOuE8SxQH1/vieL+UJXlnNcFv+0Ap4uv3Yfha4tf0xe2N6zvxI0EStcQSq86yx3IWU9mPrhhotrbWtjobrRrR0h1et1ZSt2/plRq4hxCW6jNJVchpbXKBlFugHf81qwEW/VcP2YMhCyKNh/RlBjnkpad7+NpVezBz1SuD+YiMsev41D9u0MCbKnSCbHMcqrIKHYcNqYUruyLy1yxl5V0VCgccGwKQoyZPCs9SVOysCIDd2M51y8ASNLVMmDyzAsxjrTC85KjQLusOJIDoUj7kaX9CrTW23akBpkl0QfIlFeoNN5RbFcOH+d9H1FH2YT57L1aTSvvVDsiNkU0PcRtVfyDg/yy6J+KCoyrvj0fY72fCiI/BKQBKqXktxnTKvam88B6SOLAW1SaBVS6gWxOydqVziDnAw7FM1y5luZvu3eFOgeFultgMiurRK4Mq+R9JllPMvlqKOatMMHSvrEgDNbFIduWaIKTtW0tXOkC+xc3MFHdipc2umEzOZMj8tgIca5AUacXEnwtelYcxZtOao7hskZlK8gRcTR5DIXttHIsrKRXe45ki6AOOckE36OdZGy+L4TCx443NH27Gzslr5UBDGAKD/02orsDPaUzPod07ltbK1/xLYCwtt37selnKc1zdUqpbMN6hFGJtjoKvxc2lLKaBIcAnrPfSHjt8D6vesCzNLFvhCvSngFYHGXf0dkzI7H9zXuNHjoBzUjPz0T0FImaIv3t6GexkS+Ox74cjX++P8SRJ5Ng4nbdhrYaV2NuCEIomPnaxDjcaUxU1F/VEJLek5HrvWlaQLNkT89NzMz3/aJII1LxWqcCE04RhFrq5y4sASmqafzeEregTNh+JC5s5RX+vaipmUYCjG0JqH1sUh1BvLhb3k5MaK8VPSpLyTuZ7D0ns1QyizS6qCj5S3Or49egyfFI99Il2oPmff+eovCyr+0Gt1VVYJONsnY5dVaWJ86Wct99uGWmTm1JTypKehvfS/rpC72MpVKW1JUEIJkyYUq2VC4/c9kUQoXDLOTkwy7fn6ak+6yVz0Xbg3lbAusCfXVuMnoq6M6ky3l0Rd53/Kk97pQxNTAzT5iz3nZ11kiMr6O2+cnE7aR6guStYHc6qsdGdnF1zj69ttRbuHnRunCjr7c5/Hfm73QlIyFeBHA+eDug/i0ZzkBod5b9gUJuXytSMm3SBSYcqHMIMbBkhskwxCEEZ/qye0HQJn+cex7rJtZ8yuTPw930fcfVID/auGt5j0zc3ep5JDCX7ndPBbb/nbzJ3qSG08k700smL69PdCSRMxQcxqCCSSTVpSNgYRIVEbpMSUmp6AylIbSjFTKYAsAA0NwViEniRn/tcvcdbVPaHehS2OCM5+28tuv7eWV+21ekO0DW53n4/Tdt5b6XRlgjFV13RrWrkLpj76FRaHADopqjNE8OYded8QK1zKGhZz+pPm/bPrvWN/4yRiBgYlwh4C9bsODQQXLQxmOmyxmeXE/Gck3ZcG3kZYHcsgctw1lb0UePsa0sPHp08KI8Qi34+f0LkH6EkDffAbIwCIFBYmbmM4eJeZ/oFL7huvlaAZ9GfT7vybwbmel8WwMIQnJUgrS5mdY6ecCwv3hkWL/K/IPDCv8TAXIAJgbX31LXKq7Lh0dQDx8+iNu4O0AM1BrHROvCzs7wiDkdGs7rLQQ2npo7xq8Asl91I2BUqWygTuEBvuWodxJSWYbICb08CUn0QkzOA+CZ4Z2LY15zge2H9nZBBYUzqss1CVNDZ9E1NBaN4Nu+BDbfNOA/3X/AGR8as/wHgwX28ebpum+hJjsCF86s/EnsJpskCG2zW3QjCZErj5fZA8dAbaI2J+fk2FXui5NrX7FKt/SXIxXI1n56aSaxrh3JhDmdS3MRgUIQCmTxiAAJlclCEex0JJJWU5uGCDTU9SJPY6GITIaYAll8KIg4sVykcynMQTLr2gG8M59/qfVy682xf+UfahC3wVMBA3cr21Y8uAh1Q62rxwcVXoBoAzX10rZ6dRXLNbslTIi7vmFdnan26fDg8g3aPTJRWGvifMOKJQ2t0XeqUxXTaYrE1I+JKWmJ06mJSSkfn80rMpw2rAGPtjyqMZwzrJVEjoPA0GvY6Pfvo+KH/fEdHU0NXb8b+eefnaK1UgC73/61Jb3zNly8zPRtB9GodmJiHSzojQmojfmyM8GjdNjQUDMxvcV0I4gHIGmIorwjk9Gosvjbt7NApWGbwB9+sn75jDZHe/aSTtyXmUmjMqemiGH+nnOpc3MGHyjzuSymHfFLAjtcPMwdroUCVm+am+D2HWgTkpzWG23Tu+DAW2QdeYIzQUZ3vXq5E21Cd2yHTWzdsaPJXAl7eiBE1b5QiagQRKIS+1oF6amdrLO8gmh/6bYs0oTBUzJQpRxLEAC7zMAKM0c4oKATfDMMnIzxAuwR08+2VZRjl2wrX9qZaJNiezlg4H6Nrdwu+SLDPyGb8dXjT6Wpz0ns7+/YcWy0Sycx71gZDeZVoZMLTq397Z5R16740MnhqhhQ9qJiMS7vlDRXFhjssygeWqZt31cY7Y5s3GowDbBVqHsYCyeEYwIRTszncGwhKUW0RTCOx7G1fAyPiXgIVg7dRUycEL0qCJOKWRw7/nableHGBtaITEkiFHlRPjHMjmims8+5vB5XDrProxkn9lzbzbxE7x5/GGugMK4rd7OaI2bWjs92Ps/c7f5yM+YFAZvFRL0068n1iclPUcyLz2aGCbwEaCGKsKJT1tQTPSHPoGQmGjForMsoCEeGyHIWE2IDq4UmJC/fwmJS/mAsjtehoJzHvFAeRIUCIZouEEEmD+fW78LxX31jMJRGX3HyJJsTsFIDQqp9Ypio3GUtMv4g5Mw44BZWb3BgjnqMOnfAQDdHOUaZ8w7t4Hf8Ll1L19K09LW4jhUHvP29/ET+4qs7xjaNAc6pmIGbJrfIMaRbJjeJPTFkzPSipQ7EaG5L/cZoMSlKB8kn9+InanAqmvwiSUK8lHCGhFLRA8/tDVVlQAGUBOmkWUqWwrC7MKtwljjA9GYBGyu2N9Mm9UrysUU+LAVixWVW1FlWbFhcU6TROp39o09ZxBCzrViKgLwwY40xUwNsjNuMwacKVpnb08P12cuWKbMboifcyliGHlmG9yPEeQyOwsb8/B83s2AQb43P3OWwLcHYtvefL6fH4rNFUR3ayewZoimIetpKORgmFzJ8xOGS3Ez3cf/8qnS1KNWWay4wCSAkG+Hsxz2bDFhrsJL+iq6RzRduI9Kq6rff1iJal6yI33GMoPeBqo6EhztQ9fbB5feFeyrwuZ3qbaYCMs06VVSWplYA/9BRXanpjzf2W1ovyXXJYKjSGc65pa7czbvOe63xMWZ6fjHksG7VxUraHEc6DbqXGlxsd4yLVeHT5myuvB4oYqnXO7DMBOLrCsNz7DfIxFBvuPjXGM7raLFYYWbCQt4YnFMYnhAJzNjGe9QFzGWH1pld9JojYUZqx0ivhARXVcC8gIEbnuGN1Bhpzuti4cSMapudgJMP6T1W66x66BCANtW2LwUCkJg476qJCoEFS5hlKYmJgjmdlkLW6tB/ZIoWBLIiQ/nY5b8IJzGre+fDq+CGbUhj5BcPBLvyN+EEZrYSF2XsUA3XbYeN0qYvX2J4C2ZE//ArTCTdwUVLLCIsomRWIbzWlf4uVtIgAecK6n/fhQ5ZcMol5hGWXCx/4M+QE0dARzInkoWS1LZOq6o2QoerHLcRdZiENSpRVnDrrMftzWVV9q7HEi4bG3O6Oa5vGk44/R0O1A2WwEN6dN2a37AoYgJP6XLlJb7Ay1sBsx1ynBavOcAWl15ZR9v25dAqXmH9xph6g1X3le5r7eyc94BJzMICm0xwX/08+MT5oIe9jlGTOAtzbJITs7AA1mjzFvjwPrqdUHo+InP10vgj912XbCC2oNv/WLfcui2R0Kh5udsDUomFpSC4vgyuXg1LLNuIhj2KTcfnAfJ2/aMbJdgCBsl6UO+O6jB3K5VEKKFwCP64EGschvnjORJKXY5OIJCJG3LlDLmpMrHgt8N/3yyyaKanjsrZ5XXaPrJTvOmSHM8+hjlmZvU119THPpL5LcuRn7ASM04wcLpq5vLUzvLuaP15puV5M6/uqBzHaM6ftsJbsjSNJi1q76hj/OrgkpLg1fGOPY+j7imAiuI0IRpMsJShrgqgQKPXvPB8i/7M3tbapmlrkl4ASl9TEV4leaiRsaKOfhIb49M8RCA4yVFnoEt0DBGBVA8jY/Gn6/ahnaGaKQlBZSoSuYmTY4oM2nHdPx7phB2wT2j47gqUh6MtcheHgcB99LL0/JKk+qj085W+SSdvJkRkxBpJ/YoE3nEsXKaQ1rLUa6dbI45weq4wINmjVBAuoBW/O7yC/iPcNEvF5ICTV2U2IhSyo0riWJ/XPd3JPob7P/U1swgj1vYCz3g3R8u2T0NDcAROX0XXK5J/iPNybFkVvkZMd1ugqDeEg1dOiSp1jxc89nFc4Gig1EmxQer3874Tg9ac2bwMDsIjm2GNTu3E5l5ote690tc8VxVTdlw900VhtDOlO4x3XALgPQRLcNT4qAAECrpx1SMeOAyP2QTw1ejK7yWjzCPMP0v2usYiRQVIFBJdpIqFqBcWIbXTJYW519r9s06vacc6cFc2uSqOR+ISHFoN17K17FYTb0I0axJQrW8vD16xsD647m/g0FcEL5/L6sgBKhXI0QZFVZy78gacmM4tvkSt+alI7abA1G6wqppgyjK5nynTMya2U/te1gXXG5Q6oG/6BeNysV8EGg/DnpFzqrmph6pn/vkHi+gWDsbf/5xBDc/RFzSWOeuc/txCDXbW04HTnnR/l/D0jPTKioxwWnMzLdzFumeG2pMwRfBUi07jApVhqJYj4mhR5yHXoR5U65YRvhURRE9ZvNjipkWPj2a4TZ+RnvHuHZgylR5gh0g4nQDoG98UsjNkU/nPO4ixxbEggql5fVAaa/bOrEYOOgHoxdHXt7to72jLuK+5y3CvdaWsfnD3QYVHibjkfnl4ORD8eQU+shv9mAoXLr0AO1jlK5fsTxXK0Uojngv/a7N+45An6t2Q2FV+SLa/bGG7y54276YgLaA+V8G+bqgk9HIVLPb8iiHgKd6S7OUbiwpAPkAYeznpLRIawuB922dfPNpZjzQgAif0vm88RmgIAizaaK0eq1o8LJOdlOtBSUuEVK1PdQJg09lSOrflyq0yT6L//FI3RDCyJnPBCwHCfVpFwWuik9wvHqcslbqaCxdtuZnX4iC07dae9ZAX3tyDtkHT1qMpEl5FH8nw1AIwJ69iuB0YTThF2m6InXKcWDDueBIDXijQWPItz5FBasBfifrlfKme2Iu8XxRYa85prBmACxjAVKQeyElbvBkg7NZ6vDcTsoBOzeoFYEYswW2UQsvqoSJgaSuewbSMtL3BD+kUFHTFzn9MXqjcUm5SvkW5kPzB1DDGyKnhcDY8p6fiOo/IDuJ1MdRp6hjp2Rgd/qCsmhfi3/JreIiOaPfPvT36Wi4tL1EOwFlBpeoq5eGVNG7tF+X5Qy1EXXjIry3+IbxqkLttnbFoTCrd0m3q59bZNwgmPNPSzVIgh8VEobXEm2GtcR4caJYS7cfCcEKYhXCToQfeA86CZCFQiMNY4LDnYF+nm59p9xapdMxYtA6ANRBmt7Rkwyy4CESWltYsJBtBvz3bHUrCkDq8CInjnkaym06k4TMsamryLdLxjSeRLI4EBByK26JUm0srcY64ynhzdfIW0MDwAt0zX2dOAC/rEz/ZmPFRlhfbkw1rKGsrbt6CzSj6A4dOT35H0VO0VD3VlBCt92kCC527lZfEJPOnCUqpnXoXkU4cJrpRan72DEN8xa9yq0NNKuxXVwRgB+jzL0Rsa+cW2A7Hj76rtJFd8UHe42J4AOGfuDu2o2sBYvfEw59+NEeAx65DV95r+m3Ynyw9QvN9+hJ2vhVL+v6xz7eGK0jDRNq8a1r20TXd53ucdiIeXbJOwISmudU8i0gmROCn1feLAII47QRjFzYgrIgSP22NcBUCEIbtK2IuBqFE++khisCG4qugc7sEi3ATkCTqeyW2RH4vk4h5zP45GyOcT5bgCrDN94gcPtnjKBW1wd9SDsa9d0vEJLgkNPLJ5XdjpKvgPL4/lIMuV4huuk/ALvQ8SsECbqZ0SN4Jws9UTyc/T3lOtue7jED8g6j6TApAnBD0j+QDmCbyDxRxYiHk2PqoB/hA/GSaKpOMgMKjYV1GnsPUGYAJLViAEqtMe3AwgDAZ1aB1Osd0OjMhKbYhapLwnE5TZkkF6OIIGkZMJ0zYFlXaZHGX4RcnMtPSaptdMFXgP3LsiAmYAHLmKWDST5k2mqb0E5GTTDkYR4hHgoXZwKbp5Lppspw8TZFTcs37tCNM4SQzyUwwbzGsZtrFtZ6mPjd6Tj0NMp5YPIlYV+VSmNAgOTBkEHjbnBtFf/oneS/brktetbXJqIwzwqX/bqZvaaLNmOtjMZLPU0+ub25y1TkoRuh6C32LqTKoB086HdD9SF+JQR15U15aonzgRxZZD7bKkJISpETZBuhSZLEHapXGzyTIudwsz7ykPovu3U7n+wU7L0lMKnVqDBi434aGt7H/DVdm/68bLFu1ag8FDfBw+9ehtNJtH8ZrZxaR0t3VnaST7JMaMKLx5UhZLoS3h2KX0Ih/0nlJsK9NOghCzkw47efs5Oy/4VRsptVtHbYerlat2dXasor9QBPWW01Xp5pK9jHciC58pOeNzlHX+6a5Gei7+vi6pJN1Q0Bf59r+an2sd9SdLnMEbuWaPj3R+uAhQfRzqXDXRvUyykY9MCAPSory4sLRnEwoRopA0eidGNxOwV87/33aTGTN+oTaW3zbyARD5Jo4UazYymn2wjO4ywVdf46erEwfX2QI/Hl66Sds9bHu2hHtrwlsN9DC36DW2tZaC6+g2oFX6zd+cfjybM5hTv7fOgwtMy4tA26r6oayvaOdqg4bH9lw59SdDUc3dFW0NhWnGgFRe9Kl3HbBYoJVyM/jdCaIi7rgw/EKbTYaRO4GHN1Buf1n6qVQ6xtblxFIC/nsde7CcoWRwDb86TOFT5A0MDVuDV/qQGUbrDBZj+RcYvGWRu95+sMPX1+RMmYu8FwtSJ2Pr/bxucsp9zkyrQIvJ0fel3vw6ASikQkCHQer2qQutTYJZmYiwyKeMGc/yD3mBepZQBJY83i1g9kZP/eaiABu4IKiBGmx/cpapKUxF7QXHJCjUvXBFaJ3/CUmzP11n1iIIB4IGUHRwQalrDJs0CZcYasqnmOHd0TbHRiEe54h+5Guaxf3YPfw91+DkN81+Gfz5POexZrLAzQuH4C+AK+yxzRjyricM1amrmYhZ8q/dhuHGHV/9Yu/9SY61Cd2QKAdWbQodUrzsuBBse/9xaCvD64G34B99HfnXOfZ6BgQM3vY99+jadft3fE1eHf7QUEM95nnTTZiTmYQHniaelrdPaA5HmzmYTbPw86JYxBov8puVUDYC62ftm6xrPxfjoSwHm4ImCgYpXwTlpeL5u8rp6AxhA3ohg2ahDKY/PHmxRGDBH6CQO/9P1V5cO945wVRnnpOIFl8Zu97nDmPl27imvebe1R7NLZYcDdLcacF+e72ZmwvlOtJJBgzeyVxabPOOU5v0yUxs04BM6LaeUbUiV3jVCMQ8vr02ofoh8MXI2kGy40EvK9+zYyIDsKzitisc6DMPWUP7xgKotPUUcyP7wwFqtgwpLHTOcK0PXIHtwCJfLJ7KXhMoz7dDwJ510pLqYoABVVdek7hn2hZXm5Z4P9BKVdbJlKCqkGr3skcKb4MmmZXMotqAOhf4R/UAIB+5n+UCEDCv3Ajjf1/hXZgiTayS9lmXSNIMoTObcWw09C0vJbFrUGPVpFOJDdBSEeSXiFhDn7mVnAKbeF0UtAMro05tLXZjTVaj9Pf0Ta9j79Fmr8JUE4w/mhpH3/hZGt+DDr9P3zauMYx1LfMFwnQLmc/x9Fm/c2WQrEdo+93I5qin+orzVGzusS5pEMG2TquQo92Qso7ofV7BmPuLjdRWfMJJ1HbvNIaFHDPqEZ53FuUqBVpL5t8mKcPwmNUHYBfEPeCoyjX3MUTVI64udCGIp/vOdfgfwAkArhcwzLkiLIewqf5pPmMc6ggD4mMN0pMhF3BxIaL0CMP9M3Csup9DOHmCxF0Pl76L9r43wtjgfHUiStZjKDvRMo/Oaz9jDu7qCCvUsCiHnqRDyPuLfufCUqBwxh+G9LJ0/szh7DD0214z0YL8ZCoGZObnr7ClEOx9HSmw7N1wHe++GkuIl448OSfSzc9KBvPg/+MWN72Jr98T1gwSTEwcOa9ghk+KFpmY3KbTyqO+azoji/bMnrvio4zGZdLwKYbjXea7niv7pcPml7YmHzlk74/PmtG8GUvIYSsWF0prrVhZwTBSZmnIsvZRVUO9pa/0PcI1T9EM/+wNlqr9PB+e+cHZqwQAe3mRxGnXOWkTtpHwxhZlcpntDIEkfLzeHSsSQyW0+zATYWAQBPFeJo3JRbL3CuLw92X/wvyughUzkO+3vQfVDX05hVt8C7AfshZ6CHL4mxuvJFg1VHk3hVLlBNWUTSaTCns0c6QJQYhgVn8dMRP5kTlIf98Gr8yve9h9S6eAhIkhTDN4tfAx8rL4fLx6/SCwWgyW6w2u8Ppcoser88fCIbCkWgsnkim0plsLl8olsqVaq3eaLZ++LmDJEJJmEQEFxnyHusqopN1JR9k2Yu2YRFOuh6VtE6X6NnLZi57yk3AV0gb6cnEupv4niPDtLcPsnZDqDZ8NkxTxdbWmIDi1nIWsLK7B5AGpSwdPDaJDUVcl8AZl4Jxc7qPrnZ5FtxHq+hOp6IboKSVIkw2kqITxtTzel3FN7XuaGMNpKOOTs9vDR53FiLmCere7lKHcNk+uRuCvH11yC3QaioYiy/fkg8ECMo+dJ44+8OVnlgPjmffPSj7RKS1WLf6CfjqfOcWuO9soNjzqx+SqU+MoMrGf2iN3p4D/ocOBrLrBvP8Ievkt/i3xLfJfcvACVc4kewcWDTMl8Xtsi+UBZtAlfUZ0jZ2pHyJIOXyE0nP3MqdhEtWV20cAAA=') format('woff2'),
  url('../fonts/iconfont.woff?t=1592877958889') format('woff'),
  url('../fonts/iconfont.ttf?t=1592877958889') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/iconfont.svg?t=1592877958889#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-bigger:before {
  content: "\e647";
}

.icon-left:before {
  content: "\e72c";
}

.icon-right:before {
  content: "\e72d";
}

.icon-up1:before {
  content: "\e72e";
}

.icon-bottom1:before {
  content: "\e72f";
}

.icon-left1:before {
  content: "\e730";
}

.icon-right1:before {
  content: "\e731";
}

.icon-up:before {
  content: "\e73e";
}

.icon-bottom:before {
  content: "\e73f";
}

.icon-instagram:before {
  content: "\e79d";
}

.icon-tumblr:before {
  content: "\e79e";
}

.icon-download:before {
  content: "\e7a0";
}

.icon-download1:before {
  content: "\e7a7";
}

.icon-search4:before {
  content: "\e7b2";
}

.icon-address:before {
  content: "\e7bc";
}

.icon-email:before {
  content: "\e7bd";
}

.icon-contact:before {
  content: "\e7be";
}

.icon-whatsapp:before {
  content: "\e7bf";
}

.icon-fax:before {
  content: "\e7c2";
}

.icon-mobile:before {
  content: "\e7c6";
}

.icon-phone:before {
  content: "\e7c8";
}

.icon-tel:before {
  content: "\e7c7";
}

.icon-phone1:before {
  content: "\e7cb";
}

.icon-skype:before {
  content: "\e7cc";
}

.icon-whatsapp1:before {
  content: "\e7c1";
}

.icon-address1:before {
  content: "\e7c3";
}

.icon-contact1:before {
  content: "\e7c4";
}

.icon-email1:before {
  content: "\e7c5";
}

.icon-skype1:before {
  content: "\e7c9";
}

.icon-fax1:before {
  content: "\e7ca";
}

.icon-qq:before {
  content: "\e7ce";
}

.icon-tel1:before {
  content: "\e7cd";
}

.icon-wechat:before {
  content: "\e7cf";
}

.icon-phone2:before {
  content: "\e7d0";
}

.icon-message:before {
  content: "\e7da";
}

.icon-calendar:before {
  content: "\e7e1";
}

.icon-calendar1:before {
  content: "\e7e3";
}

.icon-top:before {
  content: "\e7ed";
}

.icon-youbian:before {
  content: "\e60f";
}

.icon-zuanshi:before {
  content: "\e601";
}

.icon-icon:before {
  content: "\e609";
}

.icon-57:before {
  content: "\e639";
}

.icon-shichanghuodong:before {
  content: "\e663";
}

.icon-qiyerongyu:before {
  content: "\e612";
}

.icon-xingming:before {
  content: "\e605";
}

.icon-icon1:before {
  content: "\e613";
}

.icon-hezuowoshou:before {
  content: "\e6b5";
}

.icon-chilunzu:before {
  content: "\e6e0";
}

.icon-chanyelian:before {
  content: "\e606";
}

.icon-gongsi:before {
  content: "\e679";
}

.icon-icon_huabanfuben:before {
  content: "\e63a";
}

.icon-x:before {
  content: "\e618";
}

.icon-up7:before {
  content: "\e722";
}

.icon-bottom7:before {
  content: "\e723";
}

.icon-left7:before {
  content: "\e724";
}

.icon-right7:before {
  content: "\e725";
}

.icon-home:before {
  content: "\e624";
}

.icon-edit:before {
  content: "\e611";
}

.icon-facebook:before {
  content: "\e620";
}

.icon-vk:before {
  content: "\e735";
}

.icon-pinterest:before {
  content: "\e8ab";
}

.icon-jian2:before {
  content: "\e600";
}

.icon-linkedin:before {
  content: "\e648";
}

.icon-youtube:before {
  content: "\e6d6";
}

.icon-twitter:before {
  content: "\e607";
}

.icon-jia2:before {
  content: "\e608";
}





.listcart{ width:100%; margin-top:40px;margin-bottom: 40px;}
.listcart a{ background:#fff;display:inline-block;height: 30px;   line-height: 30px;cursor: pointer;border: none;overflow: hidden;color: #000000;cursor: pointer;  border:1px solid #000000; padding-left:10px; padding-right:10px; text-align:center; font-size:14px; font-size:1.4rem; margin-left:10px;}
.listcart a:hover{  border:#000000 solid 1px; background:#000000; color:#fff!important;}
@media screen and (max-width:999px){
.listcart a{margin-left:2.5%; margin-right:2.5%; padding-left:0px; padding-right:0px }
.listcart{ width:100%;
}
}
@media screen and (max-width:420px){
.listcart a{ width:95% !important ; float:none; overflow:hidden; margin-bottom:1rem; margin-top:1rem}
}
.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}
.ppp{line-height: 30px;margin-bottom: 20px;margin-top: 20px;}
.fl a.no:hover{color: #333;}
.shuxp_c a:hover{color: #000000;}
@media screen and (max-width: 1920px){
.m-kefu-chat.mobile-hide {
 
    right: 0px!important;
   
}
}
.ppp,.shuxp_c{font-size: 16px;}

.fenyen a.no:hover{color: #333;}

.menav input{ display:none}
.menava{ display:inline-block; min-width: 277px; line-height:30px; border-radius: 16px; border: solid 1px #000000; font-size:16px; font-size:1.6rem; color: #000000; padding:0 5px; margin:10px 66px; cursor:pointer;}
.menav input[type="radio"]:checked+label { background:#000000;  color:#fff;}
@media screen and (max-width: 999px) { 
.menava{ min-width: 180px; font-size:14px; font-size:1.4rem; color: #000000; padding:0 5px; margin:4px 6px;}
}
@media screen and (max-width: 499px) { 
.menava{ width:90%;}
.ctlie {width:100%;}
}
.m3mor22{width: 150px;
line-height: 48px;
padding: 0 5px;
margin: auto;
display: block;
border: 1px solid #e5b27f;
text-align: center;
color: #e5b27f;
font-size: 18px;
font-size: 1.8rem;
margin: auto;margin-bottom: 30px;margin-top: 18px;}




.head{ padding-bottom:15px;}
.logo{ float:left; margin-top:20px; margin-right:70px;}

.sousuo{ float:right;width:26px; height:37px; position:relative; z-index:9999; margin-top:25px;}
.sousuo form{ width:236px; height:0px; overflow:hidden; position:absolute; right:0px; top:37px;background:#fff;border:1px solid rgba(0,0,0,0); border-radius:18px;color:#2f3135; transition:0.5s; z-index:99999}
.sou{width: 180px;height:35px;line-height:35px; border-radius:18px; padding-left:10px; font-size:14px; font-size:1.4rem; color:#333;}
.suo{width:26px;height:35px; float:right; background:none; position:relative; z-index:9999999; border-radius:18px; cursor:pointer;}
.sou2,.sou1{ width:26px; height:35px; text-align:center; line-height:35px; font-size:20px; position:absolute; right:0px; top:0px; font-size:20px !important; cursor:pointer; z-index:99990}
.sousuof form{ height:37px;border:1px solid #2e427a;}
@media screen and (max-width:1219px) {
.logo{ margin-right:50px;}
}
@media screen and (max-width:1219px) {
.logo{ margin-top:10px;}
}
 
.mobile-hide{display: none;}
.fymain{padding-top: 58px;padding-bottom: 82px;}
.l{ float:left;}
.r{ float:right;}
.no_margin{margin-left: auto\0!important;}
@media screen and (min-width:1220px) {.no_margin{margin-left: auto!important;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.no_margin{margin-left: auto!important;}}
/************  product2  *************/
/*-------------products2 start-------------------------------------------------------------*/
.m-propic { margin: 0 auto; width: 635px; }

.m-propic .pic-big { position: relative; float: left; width: 504px; }

.m-propic .big-img { display: block; line-height: 0; font-size: 0; border-radius: 0; border: 1px solid #ddd; }

.m-propic .big-img .zoomPad { float: none; z-index: 8; }

.m-propic .big-img .zoomPad img { border-radius: 0; }

.m-propic .zoomWrapperImage img { max-width: 1200px; }

.m-propic .pic-small { position: relative; float: right; width: 111px; padding-top: 21px; padding-bottom: 21px; overflow: hidden; }

.m-propic .pic-btn { position: absolute; margin: 0 auto; left: 0; right: 0; display: block; width: 100%; cursor: pointer; text-align: center; }
.m-propic .pic-btn img{margin: auto;}
.m-propic .pic-btn .iconfont { font-size:24px;font-size:2.4rem; color: #aaaaaa; }

.m-propic .pic-btn .iconfont:hover { color: #e5b27f; }

.m-propic .pic-btn.prev { top: 0; }

.m-propic .pic-btn.next { bottom: 0; }

.m-propic .pic-list { height: 440px; margin-top: 11px; margin-bottom: 13px; overflow: hidden; }

.m-propic .pic-list ul { height: 2000px; }

.m-propic .pic-list .list-item { margin-bottom: 52px; overflow: visible; padding-left: 0; position: relative; }

.m-propic .pic-list .list-item .pxjiao { position: absolute; left: -3px; top: 50%; margin-top: -4px; display: none; }

.m-propic .pic-list .item-pics { display: block; border-radius: 0; border: 1px solid #ddd; position: relative; }

.m-propic .pic-list .item-pics img { width: 100%; display: block; }

.m-propic .item-pics:hover, .m-propic .item-pics.zoomThumbActive { border-color: #e5b27f; }

.m-propic .item-pics:hover .pxjiao, .m-propic .item-pics.zoomThumbActive .pxjiao { display: block; }

.m-propic2 { display: none; }

@media screen and (max-width: 1219px) { .zoomPad { cursor: default !important; }
  .zoomPup { display: none !important; }
  .zoomWindow { display: none !important; }
  .zoomPreload { display: none !important; }
  .m-propic { max-width: 100%; float: none; }
  .m-propic .pic-big { height: auto; }
  /*.m-propic .pic-small { width: 110px; } .m-propic .pic-list { height: 444px; } .m-propic .list-item { margin-bottom: 40px; } */ }

@media screen and (max-width: 767px) { .m-propic1 { display: none; }
  .m-propic2 { position: relative; display: block; overflow: hidden; width: auto; padding-left: 30px; padding-right: 30px; }
  .m-propic2 .box-btn { position: absolute; top: 50%; margin-top: -12px; display: block; width: 24px; height: 24px; }
  .m-propic2 .box-btn .iconfont { font-size: 24px; font-size: 2.4rem; color: #888; }
  .m-propic2 .box-btn .iconfont:hover { color: #e5b27f; }
  .m-propic2 .box-btn.prev { left: 0; }
  .m-propic2 .box-btn.next { right: 0; }
  .m-propic2 .box-list { overflow: hidden; }
  .m-propic2 .box-list ul { width: 1000%; }
  .m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width: 3.13%; border-radius: 0; border: 0 solid #d7d7d7; border: 0 solid rgba(113, 113, 113, 0.3); overflow: hidden; }
  .m-propic2 .list-item img { display: block; max-width: 100%; } }

@media only screen and (max-width: 500px) { .m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width: 4.8%; } }

@media only screen and (max-width: 480px) { .m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width: 9.8%; } }

.item-btns { margin-top: 4px; }

.pro2-info .item-title { line-height: 26px; font-size:18px;font-size:1.8rem;font-weight: bold;border-bottom: 1px solid #dfdfdf;padding-bottom: 8px; margin-bottom: 13px; }

.pro2-info .pro-share { float: left; margin-top: 8px; }

.pro2-info .item-btn { display: inline-block; width: 100%; height: 58px; line-height: 58px; background: #e5b27f; text-align: center; font-size: 20px; font-size: 2rem; color: #555555; }

.pro2-info .item-btn:hover { background-color: #e5b27f; color: #fff; border-color: #e5b27f; }

.pro2-info .item-btn span { color: #fff; display: inline-block; padding-right: 50px; background: url(../images/xpjt.png) no-repeat right center; }

@media only screen and (max-width: 999px) { .pro2-info { text-align: center; }
  .pro2-info .item-title { padding-right: 0; }
  .pro2-info .pro-share { float: none; }
  .pro2-info .item-btns { float: none; margin-top: 20px; } }

@media only screen and (max-width: 767px) { .pro2-info .item-title { line-height: 30px; font-size: 20px; font-size: 2rem; margin: 20px 0 10px; }
  .pro2-info .item-btn { height: 32px; line-height: 30px; font-size: 14px; font-size: 1.4rem; } }

@media only screen and (max-width: 400px) { .pro2-info .item-btn { width: 45%; }
  .pro2-info .item-btn:first-child { margin-right: 5%; } }

.pro2-title { font-size: 24px; font-size: 2.4rem; border-bottom: solid 1px #BFBFBF; position: relative; padding-bottom: 15px; text-transform: capitalize; }

.pro2-title, .pro2-title a { color: #e5b27f; }

.pro2-title:after { position: absolute; content: ''; width: 129px; height: 3px; background-color: #e5b27f; left: 0; bottom: -2px; }

@media screen and (max-width: 767px) { .pro2-title { font-size: 20px; font-size: 2rem; padding-bottom: 10px; } }

.pro2-descbox { margin-top: 64px; }

@media screen and (max-width: 999px) { .pro2-descbox { margin-top: 50px; } }

@media screen and (max-width: 767px) { .pro2-descbox { margin-top: 30px; } }

.pro2-spec { padding: 24px 0 52px; font-size: 16px; font-size: 1.6rem; line-height: 30px; }

.pro2-spec, .pro2-spec p, .pro2-spec li, .pro2-spec a, .pro2-spec span, .pro2-spec b, .pro2-spec strong, .pro2-spec dd, .pro2-spec em { color: #555; }

.pro2-spec img, .pro2-spec iframe { max-width: 100%; }

.pro2-spec table { border: 0; }

.pro2-spec table tr:nth-child(odd) { background-color: #f3f3f3; }

.pro2-spec table tr:first-child td { padding-top: 10px; }

.pro2-spec table tr:last-child td { padding-bottom: 8px; }

.pro2-spec table tr td { border: solid 2px #f3f3f3; line-height: 28px; padding: 0 24px; font-size: 16px; font-size: 1.6rem; font-family: Verdana; }

.pro2-spec table tr td:first-of-type { border-left: 0; }

.pro2-spec table tr td:last-of-type { border-right: 0; }

@media screen and (max-width: 767px) { .pro2-spec { padding: 24px 0 30px; font-size: 14px; font-size: 1.4rem; line-height: 24px; }
  .pro2-spec table tr td { font-size: 14px; font-size: 1.4rem; } }

/* pro2-parabox start */
.pro2-parabox .pro2-spec { padding: 42px 0 70px; }

@media screen and (max-width: 999px) { .pro2-parabox .pro2-spec { padding: 42px 0 50px; } }

@media screen and (max-width: 767px) { .pro2-parabox .pro2-spec { padding: 30px 0; } }

/* pro2-parabox end */
/* related-pro start */
.related-pro .pro1-list { padding-bottom: 0; }

.related-pro .pro1-list .list-item { margin-top: 45px; margin-bottom: 0; }

@media screen and (max-width: 767px) { .related-pro .pro1-list .list-item { margin-top: 30px; } }

.related-pro .pro1-list .item-btnbox { text-align: center; padding-left: 0; }

/* related-pro end */
/*-------------products2 end---------------------------------------------------------------*/
.cpxx { line-height: 30px; color: #666666;}

.cpxx p,.cpxx li,.cpxx div,.cpxx span{color: #666666;}

.cpxx a{color: #e5b27f;}

.pro2-info { padding-top: 21px;width: 510px;}

.share {margin-top: 25px;}

.share1{color: #666666;margin-right: 5px;line-height: 26px;}

.share img { vertical-align: middle; }

.btn {margin-top: 27px; }

.btn a { display: inline-block; width: 170px; height: 40px; line-height: 40px; text-align: center; border-radius: 20px; background: #eaeaea; color: #333333; font-size: 16px; font-size: 1.6rem; }

.btn a:hover { background: #e5b27f; }

.btn1 { margin-right: 60px; }

.xzbtn { display: inline-block; margin-left: 25px; margin-right: 30px; }

.xzbtn a { font-size: 18px; font-size: 1.8rem; color: #e5b27f; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline; }

.xzbtn i { font-size: 26px; font-size: 2.6rem; color: #e5b27f; margin-right: 5px; }

.chanpinx { line-height: 30px; padding-top: 3px; color: #333333; }

.chanpinx li, .chanpinx span, .chanpinx b, .chanpinx p { color: #333333; }
.chanpinx p{font-size:16px;font-size:1.6rem;}
.chanpinx a { color: #e5b27f; }

.chanpinx img { max-width: 100%; }

.chanpinx iframe { max-width: 100%; }

.chanpinx table, .nex table, .cpxx table { width: 97%; border-collapse: collapse; line-height: 25px; text-align: center;}

.chanpinx tr td, .nex tr td, .cpxx tr td { line-height: 24px; padding: 2px; }

.table table { width: 100%; border-collapse: collapse; line-height: 22px; border: 1px solid #808080;margin-top: 24px; }

.table table tr td { padding: 3px; border: 1px solid #808080; }

@media screen and (max-width: 1000px) { .table { width: 100%; overflow: scroll; }
  .table table { width: 885px; } }

#outer { margin-top: 63px; }

#outer #tab { background: #eaeaea;border: 2px solid #eaeaea; }

#outer #tab li { width: 140px;line-height: 40px;float: left; text-align: center;font-size:16px;font-size:1.6rem; cursor: pointer; margin-right: 1px;background: #dcdcdc;}

#outer #tab li.current {background: #e5b27f;}

#outer #tab li:hover { background: #e5b27f;}

#outer .ul { display: none; padding-top: 28px; }


.zjpbt { text-align: center;font-size: 30px;font-size: 3rem; text-transform: uppercase; font-weight: bold;margin-top: 73px; margin-bottom: 50px; background: url(../images/desbg.png) no-repeat center center;}
.zjpbt a:hover { color: #e5b27f; }
.zjpbox{width: 280px;float: left;margin-left: 26px;}
.zjpbox img{display: block;width: 100%;max-width: 504px;max-height: 450px;}
.zjpbox p{text-align: center;margin-top: 22px;}
.zjpbox p a{display: block;font-size:16px;font-size:1.6rem;font-weight: bold;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.zjpbox p a:hover{color: #e5b27f; }

@media screen and (max-width: 1219px) { .btn1 { margin-right: 5px; }
  .pro2-info{width: 100%;padding-top: 30px;}
  .zjpbox{margin-left: 20px;width: 230px;}
}
@media screen and (max-width: 999px) { 
    .share{display: inline-block;}
    #outer{margin-top: 40px;}
    .zjpbox{width: 23%;margin: 0 1%;}
}

@media screen and (max-width: 767px) { #outer #tab li { width: 33.333%; margin: 0; text-align: center; }
  .btn { display: block; margin-bottom: 15px; }
  .zjpbt { font-size: 24px; font-size: 2.4rem; } 
  .zjpbox{width: 48%;margin-bottom: 20px;}
}

@media screen and (max-width: 500px) { #outer #tab li { width: 50%; }
  .btn a { width: 135px; } 
  .zjpbt{background: none;margin-top: 40px;margin-bottom: 30px;}
  .pro2-info .item-title{font-size:16px;font-size:1.6rem;}
}
#outer { margin-top: 63px; }

#outer #tab { background: #eaeaea;border: 2px solid #eaeaea; }

#outer #tab li { width: 140px;line-height: 40px;float: left; text-align: center;font-size:16px;font-size:1.6rem; cursor: pointer; margin-right: 1px;background: #dcdcdc;}

#outer #tab li.current {background: #e5b27f;}

#outer #tab li:hover { background: #e5b27f;}

#outer .ul { display: none; padding-top: 28px; }

.pro1-top { padding: 19px 0 0; font-size: 16px; font-size: 1.6rem; line-height: 28px; }
.pro1-txt .pro1-desc { overflow: hidden; line-height: 24px; }

.pro1-txt .pro1-desc p { min-height: 24px; }

.pro1-txt .more_btn { display: none; color: #e5b27f; text-align: center; font-size: 16px; font-size: 1.6rem; line-height: 22px; margin-top: 10px; }

.pro1-txt .more_btn span {  color: #e5b27f;cursor: pointer; }


.about-video{text-align: center;}
.about-video iframe{width:560px;}