/*--------全局样式--------*/
body{font-size: 12px;color: #333;line-height: 26px;font-family: '思源黑体 CN';}
form, div, body, img, p, a, img, dl, dd, dt, table, tr, td, th, h1, h2, h3, h4{margin: 0px;padding: 0px;border: 0;}
a:link{color: #333;text-decoration: none;}
a:visited{color: #333;text-decoration: none;}
a:hover{color:#bb1b21;text-decoration: none;}
a:focus{-moz-outline-style: none;}
a:active{outline: none;text-decoration: none;}
ul, li{list-style: none;margin: 0;padding: 0;}
input, textarea, select{color: #333;margin: 0;padding: 0;font-size: 12px;font-family: '思源黑体 CN';vertical-align: middle;}
input:focus, textarea:focus{outline: 0;}
/*-------- clear --------*/
.clearfix:before, .clearfix:after{display:block;clear:both;content:"";visibility:hidden;}
.clearfix{zoom:1}
.clear{clear: both;height: 0px;overflow: hidden;}
.clear100{clear: both;height: 100px;overflow: hidden;}
.clear270{clear: both;height: 270px;overflow: hidden;}
.fl{float: left;}
.fr{float: right;}
.w{width: 1400px;margin: 0 auto;}

.scroll::-webkit-scrollbar{width: 10px;height: 10px;background-color: #fcfcfc;}
.scroll::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #fcfcfc;}
.scroll::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #eee;}

/* 首页 */
.banner{position: relative; width: 100%;}
.banner .bd ul li img{width: 100%;display: block;}
.banner .hd{position: absolute;left: 0;right: 0;bottom: 20px;width: 100%;text-align: center;}
.banner .hd ul li{display: inline-block;width: 10px;height: 10px;background: rgba(255, 255, 255, .5);border-radius: 100%;margin: 0 10px;}
.banner .hd ul .on{background: #fff;}

.banner .header{position: absolute;top: 0;left: 0;right: 0;width: 100%;padding: 10px 0; background: rgba(255, 255, 255, .5);}
.banner .header.mover{position: fixed;background: #fff;transition: all 1s;z-index: 999;}
.banner .header .fl{width:190px;line-height: 50px;}
.banner .header .fl img{width: 100%;vertical-align: middle;}
.banner .header .fr{width: 60%;}
.banner .header .fr ul li{float: left;text-align: center;color: #4c4c4c;font-size: 13px;cursor: pointer;margin-left: 25px;}
.banner .header .fr ul li a{display: block; height: 50px; line-height: 50px; color: #4c4c4c;font-size: 13px;font-family: '思源黑体 CN';}
.banner .header .fr ul li a:hover{color: #bda060;border-bottom: 2px #bda060 solid;}
.banner .header .fr ul li .this{color: #bda060;border-bottom: 2px #bda060 solid;}
.banner .header .fr ul li:last-child a:hover{border-bottom:none}
.banner  .next{position: absolute;top: 41%;left: 0; width: 40px;height: 70px;line-height: 70px;font-size: 30px;font-weight: lighter; background: rgba(255,255,255,0.2);text-align: center;color: #808080;cursor: pointer;filter:Alpha(Opacity=20);border-top-right-radius:50px;border-bottom-right-radius:50px;}
.banner  .prev{position: absolute;top: 41%;right: 0; width: 40px;height: 70px;line-height: 70px;font-size: 30px;font-weight: lighter; background:  rgba(255,255,255,0.2);text-align: center;color: #808080;cursor: pointer;filter:Alpha(Opacity=20);border-top-left-radius:50px;border-bottom-left-radius:50px;}

.banner:hover .next{background: rgba(255,255,255,0.5) url(../images/arrowleft_white.png) center no-repeat; background-size:contain}
.banner:hover .prev{background: rgba(255,255,255,0.5) url(../images/arrowright_white.png) center no-repeat; background-size:contain}

.index .index_Brand{margin: 100px auto;}
.index .title{text-align: center;margin: 50px auto;}
.index .title .icon{width: 30px;margin: 0 auto;}
.index .title .icon img{width: 100%;}
.index .title h3{position: relative; color: #e0c399;font-size: 25px;line-height: 30px;height: 30px; letter-spacing: 3px;font-weight: 300;display: inline-block;text-transform:uppercase;font-family:"思源宋体"}
.index .title h3::before{position: absolute;top: 14px;left: -100px; content: "";width: 80px;height: 2px;background: #e0c399;}
.index .title h3::after{position: absolute;top: 14px;right: -100px; content: "";width: 80px;height: 2px;background: #e0c399;}
.index .title p{color: #e0c399;font-size: 15px;font-weight: lighter;text-transform: uppercase;margin-bottom: 50px;}
.index .title .p{width: 50%;margin: 0 auto; color: #4c4c4c;font-size: 15px;}

.index .Top ul li{display: flex;justify-content: space-between;margin-top: 2%;}
.index .Top .l{width: 30%;overflow: hidden;}
.index .Top .r{width: 68%;overflow: hidden;}
.index .Top .l:hover p{transform: scale(1.1);transition: all 1s;}
.index .Top .r:hover p{transform: scale(1.1);transition: all 1s;}
.index .Top p{width: 100%;height: 500px;transform: scale(1.0);transition: all 1s;}
.index .Top img{width: 100%;display: block;}


.index .index_GemShow .bg{width: 100%;height: 350px; background: url('../images/index_03.png') center no-repeat;background-size: cover;overflow: hidden;}
.index .index_GemShow .list{margin-top: -150px;padding-bottom: 60px;margin-bottom: 40px;height: 500px;}
.index .index_GemShow .list ul li{position: relative; float: left;width: 25%;}
.index .index_GemShow .list .img{width: 100%;height:450px;cursor: pointer;transition: all 0.8s;}
.index .index_GemShow .list .icon{position: relative; display: none; position: absolute;top: 3%;left: 3%;right: 0;width: 94%;height: 94%;background:url('../images/index_05.png') center no-repeat;background-size: cover; text-align: center;font-family: '思源黑体 CN'}
.index .index_GemShow .list .icon h3{color: #fff;font-size: 30px;margin-top: 140px;}
.index .index_GemShow .list .icon .eg{color: #fff;font-size: 25px;margin: 10px 0 30px;text-transform:uppercase}
.index .index_GemShow .list .icon p{color: #fff;font-size: 14px;padding: 0 20%;}
/* .index .index_GemShow .list .icon::before{position: absolute;content:"";top: 0;left: 0;right: 0;bottom: 0;border: 10px #f8f8fa solid;} */
.index .index_GemShow .list ul li:hover{z-index:9999}
.index .index_GemShow .list ul li:hover .icon{display: block;}
.index .index_GemShow .list ul li:hover .img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;z-index:9999}


.foot{width: 100%;padding: 40px 0; background: #020e18;overflow: hidden;font-family: '思源黑体 CN';}
.foot .fl{width: 30%;height: 330px;}
.foot .fl img{width: 100%;}
.foot .fr{width: 65%;}
.foot .fr .top{border-bottom: 1px #434343 solid;line-height: 90px;}
.foot .fr .top .logo{float: left; width: 197px;}
.foot .fr .top .logo img{width: 100%;vertical-align: middle;}
.foot .fr .top .icon{float: right;width: 200px;display:none}
.foot .fr .top .icon img{width: 30px;margin: 0 10px;vertical-align: middle;}

.foot .fr .under .l{float: left;}
.foot .fr .under .l .nav ul li{float: left;}
.foot .fr .under .l .nav ul li a{display: block;color: #fff;font-size: 12px;height: 80px;line-height: 80px;margin-right: 35px;}
.foot .fr .under .l p{color: #666666;font-size: 12px;text-transform: uppercase;}
.foot .fr .under .l .p{color: #666666;font-size: 15px;margin-bottom: 0px;text-transform:uppercase}
.foot .fr .under .l .p span{font-size: 12px;}
.foot .fr .under .l .span{color: #e5e5e5;font-size: 13px;margin-top: 10px;}

.foot .fr .under .r{float: right;text-align: center;}
.foot .fr .under .r .wechat{width: 144px;margin-top: 45px;}
.foot .fr .under .r img{width: 100%;}
.foot .fr .under .r p{color: #666666;font-size: 12px;}


/* 联系我们 */
.My .title{margin: 50px 0; text-align: center;font-family: "思源黑体 CN";}
.My .title .icon{width: 30px;margin: 0 auto;}
.My .title .icon img{width: 100%;}
.My .title h3{position: relative; color: #e0c399;font-size: 25px;line-height: 30px;height: 30px; letter-spacing: 3px;font-weight: normal;display: inline-block;text-transform:uppercase;font-family:"思源宋体"}
.My .title h3::before{position: absolute;top: 14px;left: -100px; content: "";width: 80px;height: 2px;background: #e0c399;}
.My .title h3::after{position: absolute;top: 14px;right: -100px; content: "";width: 80px;height: 2px;background: #e0c399;}
.My .title p{color: #1a1a1a;font-size: 15px;font-weight: lighter;text-transform: uppercase;}
.My .Top .address{width: 90%;margin: 0 auto;margin-bottom:35px}
.My .Top .address .fl{margin-top: 60px;width:50%}
.My .Top .address .fl ul li{color: #4c4c4c;font-size: 20px;margin-bottom: 35px; font-family: "思源黑体 CN";}
.My .Top .address .fl ul li img{display:inline-block;vertical-align:middle;margin-right:5px;}
.My .Top .address .fl .wechat{width: 140px;display: inline-block;text-indent: 0;}
.My .Top .address .fl .wechat .img{width: 140px;}
.My .Top .address .fl .wechat img{width: 100%;}
.My .Top .address .fl .wechat p{color: #7f7f7f;font-size: 12px;text-align: center;}
.My .Top .address .fr{width: 50%;}
.My .Top .address .fr img{width: 100%;}

.My .under{width: 100%;height: 840px; background: url('../images/My_04.png') center no-repeat;background-size: cover;overflow: hidden;display:none}
.My .under .Slide{position: relative; width: 1500px;margin: 0 auto;}
.My .under .bd{padding: 50px 5%;}
.My .under .bd ul{display: flex;justify-content: space-around;}
.My .under .bd ul li{width: 20%;height: 260px; background: rgba(255, 255, 255, .5);border: 1px #e4d1b7 solid;border-radius: 5px;font-family: "思源黑体 CN";text-align: center;}
.My .under .bd ul li .box{padding: 40px 5%;}
.My .under .bd ul li .icon{width: 30px;margin: 0 auto;}
.My .under .bd ul li .icon img{width: 100%;}
.My .under .bd .name{color: #333333;font-size: 20px;margin-bottom: 50px;}
.My .under .bd .name span{color: #333333;font-size: 15px;text-transform: uppercase;display: none;}
.My .under .bd .info{display: flex;flex-direction: column;}
.My .under .bd .info p{color: #4b4b4b;font-size: 12px;text-indent: 2em;width: 42%;margin: 0 auto;}
.My .under .bd .ft{display: none;}
.My .under .bd .ft .item{margin-top: 20px;}
.My .under .bd .ft .item h3{color: #bf9f62;font-size: 18px;}
.My .under .bd .ft .item p{color: #666666;font-size: 15px;margin-top: 10px;}

.My .under .bd ul .roundabout-in-focus{width: 50%;height: auto;text-align: left;margin-top: 0;}
.My .under .bd ul .roundabout-in-focus .icon{display: none;}
.My .under .bd ul .roundabout-in-focus .ft{display:block;}
.My .under .bd ul .roundabout-in-focus .info{flex-direction: row;}
.My .under .bd ul .roundabout-in-focus .info p{width: 100%;margin-right: 20px;}
.My .under .bd ul .roundabout-in-focus .name{margin-bottom: 20px;}
.My .under .bd ul .roundabout-in-focus .name span{display: inline-block;}

.My .under .Slide a{display: block;width: 70px;height: 70px;line-height: 70px;text-align: center;background: #e0c399;cursor: pointer;}
.My .under .Slide a img{width: 16px;vertical-align:middle;}
.My .under .Slide .prev{position: absolute;top: 245px;left: 0;}
.My .under .Slide .next{position: absolute;top: 245px;right: 0;}

.foot.on{padding: 20px 0;}
.foot.on .fl{display: none;}
.foot.on .fr{float: none;width: 100%;}
.foot.on .fr .under .l{float: none;width: 100%;}
.foot.on .fr .under .l .p{display: none;}
.foot.on .fr .under .l p{display: none;}
.foot.on .fr .under .r{display: none;}
.foot.on .fr .under .l .nav{text-align: center;}
.foot.on .fr .under .l .nav ul{display: inline-block;text-align: center;}
.foot.on .fr .under .l .nav ul li{width: 150px;}
.foot.on .fr .under .l .nav ul li a{height: 60px;line-height: 60px;margin-right: 0;}
.foot.on .fr .under .l .span{text-align: center;color: #909090;}

/* 产品列表 */
.Product{margin-bottom: 100px;}
.Product .Top{box-shadow: 0 0 9px #e5e5e5;margin-bottom: 20px;margin-top: 50px;position:relative}
.Product .Top.on{box-shadow: none;}
.Product .Top .Silde{position: relative; float: left;width: 60%;}

.Product .Top .Silde .bd ul li{width: 100%;height: 500px;}
.Product .Top .Silde .pic{width:100%;height:500px;}
.Product .Top .hd{position: absolute;right: 20px;bottom: 20px;width: 100%;text-align: right;box-sizing:border-box;padding:0 30px;}
.Product .Top .hd ul li{width: 5px;height: 5px;border: 1px #666666 solid;border-radius: 50%;margin: 0 10px;display: inline-block;cursor: pointer;}
.Product .Top .hd ul .on{background: #666666;}
.Product .Top  .next{position: absolute;top: 41%;left: 0; width: 40px;height: 70px;line-height: 70px;font-size: 30px;font-weight: lighter; background: rgba(255,255,255,0.2);text-align: center;color: #808080;cursor: pointer;filter:Alpha(Opacity=20)}
.Product .Top  .prev{position: absolute;top: 41%;right: 0; width: 40px;height: 70px;line-height: 70px;font-size: 30px;font-weight: lighter; background:  rgba(255,255,255,0.2);text-align: center;color: #808080;cursor: pointer;filter:Alpha(Opacity=20)}
.Product .container:hover .next{background: rgba(255,255,255,0.5) url(../images/arrowleft.png) center no-repeat; background-size:contain}
.Product .container:hover .prev{background: rgba(255,255,255,0.5) url(../images/arrowright.png) center no-repeat; background-size:contain}
.Product .item1:hover .next{background: rgba(255,255,255,0.5) url(../images/arrowleft.png) center no-repeat; background-size:contain}
.Product .item1:hover .prev{background: rgba(255,255,255,0.5) url(../images/arrowright.png) center no-repeat; background-size:contain}
.Product .item2:hover .next{background: rgba(255,255,255,0.5) url(../images/arrowleft.png) center no-repeat; background-size:contain}
.Product .item2:hover .prev{background: rgba(255,255,255,0.5) url(../images/arrowright.png) center no-repeat; background-size:contain}
.Product .Top:hover .next{background: rgba(255,255,255,0.5) url(../images/arrowleft.png) center no-repeat; background-size:contain}
.Product .Top:hover .prev{background: rgba(255,255,255,0.5) url(../images/arrowright.png) center no-repeat; background-size:contain}

.item .hd{bottom:-30px !important;}

.Product .Top .ft{float: right;width: 40%;text-align: center;padding-top: 80px;}
.Product .Top .ft .name{color: #4c4c4c;font-size: 20px;font-weight: 500;width:100%;box-sizing:border-box;padding:0 20px;overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:2; }
.pic a{display:block;width:100%;height:100%}
.Product .Top .ft .eg{color: #4c4c4c;font-size: 20px;text-transform: uppercase;margin: 20px 0;}
.Product .Top .ft .img img{width: 200px;}
.Product .Top .ft p{width: 60%;margin: 50px auto;color: #666666;font-size: 15px;}
.Product .Top .ft .more{width: 30%;margin: 0 auto;}
.Product .Top .ft .more a{display: block;width: 100%;height: 50px;line-height: 50px;text-align: center;color: #bf9f62;border: 1px #bf9f62 solid;font-size: 15px;}
.Product .Top .ft .more a:hover{background: #e3a121;border: 1px #e3a121 solid;color: #fff;cursor: pointer;}
.Product .Top:nth-child(2){}
.Product .Top:nth-child(2) .Silde{ float:right}
.Product .Top:nth-child(2) .ft{ float:left}
.Product .Top:nth-child(2) .hd{text-align:left}

.Product .Top .item{float: left;width: 48%;margin-right: 4%;position:relative;}
.Product .Top .item:nth-of-type(2){margin-right: 0;}
.Product .Top .item .Silde{float: none;width: 100%;}
.Product .Top .item .ft{float: none;width: 100%;}


.Product .under{margin: 100px 0;}
.Product .under .Silde{position: relative; float: left;width: 60%;}
.Product .under .Silde .bd ul li{width: 100%;height: 550px;}
.Product .under .Silde .pageState{position: absolute;bottom: 20px;right: 20px; width: 85px;height: 40px;line-height: 40px;text-align: center;color: #fff;font-size: 20px;font-weight: lighter; border-radius: 30px;background: rgba(0,0,0,0.3);}


.Product .under .ft{float: right;width: 40%;text-align: center;padding-top: 80px;}
.Product .under .ft .name{color: #4c4c4c;font-size: 20px;font-weight: bold;}
.Product .under .ft .eg{color: #4c4c4c;font-size: 24px;text-transform: uppercase;margin: 20px 0;}
.Product .under .ft .img img{width: 200px;}
.Product .under .ft p{width: 50%;margin: 10px auto;color: #666666;font-size: 15px;}
.Product .under .sum{margin-top: 0px;}
.Product .under .sum .money{color: #bf9f62;font-size: 25px;font-weight: bold;}
.Product .under .sum .span{color: #808080;font-size: 16px;margin-top: 20px;}
.Product .info .title{color: #444444;font-size: 28px;height: 50px;line-height: 50px;border-bottom: 1px #eeeeee solid;margin-bottom:10px;}
.Product .info .title span{color: #e4c982;font-size: 18px;}
.Product .info .list ul{display:inline-block;margin-right:50px;width:100%}
.Product .info .list ul li{width: 100%;margin-top: 20px; color: #303030;font-size: 20px;font-weight: lighter;text-transform: uppercase;display:inline-block;width:50%}

/* 客户支持 */
.Support{margin-bottom: 150px;}
.Support .title{text-align: center;margin: 50px auto;}
.Support .title .icon{width: 30px;margin: 0 auto;}
.Support .title .icon img{width: 100%;}
.Support .title h3{position: relative; color: #e0c399;font-size: 25px;line-height: 30px;height: 30px; letter-spacing: 3px;font-weight: normal;display: inline-block;text-transform:uppercase;font-family:"思源宋体"}
.Support .title h3::before{position: absolute;top: 14px;left: -100px; content: "";width: 80px;height: 2px;background: #e0c399;}
.Support .title h3::after{position: absolute;top: 14px;right: -100px; content: "";width: 80px;height: 2px;background: #e0c399;}
.Support .title p{color: #e0c399;font-size: 15px;font-weight: lighter;text-transform: uppercase;}

.Support .Slide{position: relative; width: 1400px;margin: 0 auto;}
.Support .Slide .bd ul{display: flex;justify-content: space-between;}
.Support .Slide .bd ul li{position: relative; width: 23%;height: 410px;margin-right: 30px;cursor: pointer;overflow: hidden;}
.Support .Slide .bd ul li .box{visibility: hidden; position: absolute;top: 5%;left: 5%; width: 90%;height: 90%;text-align: center;transform: translateX(-110%);transition: all 1s; background: rgba(255, 255, 255, .9);overflow: hidden;font-family: "思源宋体";}
.Support .Slide .bd ul li .box .icon{width: 50px;height: 50px;margin: 50px auto 0;}
.Support .Slide .bd ul li .box .name{color: #151515;font-size: 27px;margin: 30px 0;}
.Support .Slide .bd ul li .box p{width: 80%;margin: 0 auto; color: #3e3e3e;font-size: 18px;text-align: left;}
.Support .Slide .bd ul li .box .number{color: #e0c399;font-size: 40px;margin-top: 65px;}
/*.Support .Slide .bd ul li:hover .box{visibility: initial;transform: translateX(0%);transition: all 1s;}*/

.Support .Slide a{display: block;width: 30px;height: 30px;line-height: 30px;text-align: center;background: #cccccc;cursor: pointer;}
.Support .Slide a img{width: 10px;vertical-align: middle;}
.Support .Slide .prev{position: absolute;top: 44%;left: -35px;}
.Support .Slide .next{position: absolute;top: 44%;right: -35px;}
.Support .Slide a:hover{background: #e6cfad;}

.Support .cen{width: 100%;padding-bottom: 100px;margin: 100px 0; background: url('../images/support_06.png') center no-repeat;background-size: cover;overflow: hidden;}
.Support .cen .title h3{color: #fff;}
.Support .cen .title p{color: #fff;}
.Support .cen .List ul{padding:0 5%;display: flex;}
.Support .cen .List ul li{flex: 1;background: rgba(255, 255, 255, .9);overflow: hidden;font-family: "思源宋体";text-align: center;cursor: pointer;}

.Support .cen .List .ft{padding:60px 0}
.Support .cen .List ul li:nth-child(2) .ft{padding-top:30px;}
.Support .cen .List .ft h3{color: #333333;font-size: 20px;text-transform:uppercase}
.Support .cen .List .ft p{color: #555555;font-size: 15px;width: 90%;margin: 0 auto;height:80px;}
.Support .cen .List .img{width: 100%;height: 460px;}
.Support .cen .List .img img{width: 100%;height: 100%;display: block;}
.Support .cen .List ul li:hover{background: rgba(224, 200, 166,.8);}
.Support .cen .List ul li:hover h3{color: #fff;}
.Support .cen .List ul li:hover p{color: #fff;}

.Support .under .content .fl{position: relative; width: 50%;padding-bottom: 50px;}
.Support .under .content .fl .bd ul li{width: 100%;font-family: "思源宋体";}
.Support .under .content .fl .bd ul li img{width: 100%;display: block;}
.Support .under .content .fl .bd .time{color: #e0c399;font-size: 15px;margin-top: 40px;}
.Support .under .content .fl .bd p{color: #555555;font-size: 18px;}

.Support .under .content .fl a{display: block;width: 30px;height: 30px;line-height: 30px;text-align: center;background: #cccccc;cursor: pointer;}
.Support .under .content .fl a img{width: 10px;vertical-align: middle;}
.Support .under .content .fl .prev{position: absolute;bottom: 0;right: 30px;}
.Support .under .content .fl .next{position: absolute;bottom: 0;right: 0;background: #e6cfad;}
.Support .under .content .fl a:hover{background: #e6cfad;}

.Support .under .content .fr{width: 45%;font-family: "思源宋体";}
.Support .under .content .fr ul li{padding-bottom: 20px;margin-bottom: 20px; border-bottom: 1px #eee solid;}
.Support .under .content .fr .l{float: left;width: 30%;}
.Support .under .content .fr .l img{width: 100%;display: block;}
.Support .under .content .fr .r{float: right;width: 65%;}
.Support .under .content .fr .r .name{display: flex;justify-content: space-between;margin: 20px 0 30px;}
.Support .under .content .fr .r .name h3{color: #333333;font-size: 20px;}
.Support .under .content .fr .r .name .time{color: #e0c399;font-size: 20px;}
.Support .under .content .fr .r p{color: #535353;font-size: 15px;}

.Support .under .content .item{display: flex;justify-content: space-between;}
.Support .under .content .item h3{color: #333333;font-size: 20px;}
.Support .under .content .item .time{color: #e0c399;font-size: 20px;}

/* 关于BESTFORU */
.About{font-family: "思源宋体";margin-bottom: 60px;overflow:hidden}
.About .title{text-align: center;margin: 50px auto;}
.About .title .icon{width: 30px;margin: 0 auto;}
.About .title .icon img{width: 100%;}
.About .title h3{position: relative; color: #e0c399;font-size: 25px;line-height: 30px;height: 30px; letter-spacing: 3px;font-weight: 500;display: inline-block;text-transform:uppercase}
.About .title h3::before{position: absolute;top: 14px;left: -100px; content: "";width: 80px;height: 2px;background: #e0c399;}
.About .title h3::after{position: absolute;top: 14px;right: -100px; content: "";width: 80px;height: 2px;background: #e0c399;}
.About .title p{color: #e0c399;font-size: 15px;font-weight: lighter;text-transform: uppercase;}
.About .yl{text-align: center;color: #666666;font-size: 20px;width: 70%;margin: 0 auto 50px;line-height: 35px;}
.About .Top{margin: 100px auto;}
.About .Top .Silde{position: relative; float: left;width: 55%;}
.About .Top .Silde .bd ul li{width: 100%;height: 510px;}
.About .Top .Silde .pageState{position: absolute;bottom: 20px;right: 20px; width: 85px;height: 40px;line-height: 40px;text-align: center;color: #505050;font-size: 18px;font-weight: lighter; border-radius: 30px;background: rgba(255, 255, 255, .5)}
.About .Top .Silde .pageState span{color: #e0c399;font-size: 40px;font-weight: bold;}
.About .Top .fr{width: 40%;}
.About .Top .fr .img{width: 100%;}
.About .Top .fr .img img{width:100%;}
.About .Top .fr p{color: #666666;font-size: 18px;line-height: 35px; margin-top: 45px;}
.About .Top  .next{position: absolute;top: 41%;left: 0; width: 40px;height: 70px;line-height: 70px;font-size: 30px;font-weight: lighter; background: rgba(255,255,255,0.2);text-align: center;color: #808080;cursor: pointer;filter:Alpha(Opacity=20)}
.About .Top  .prev{position: absolute;top: 41%;right: 0; width: 40px;height: 70px;line-height: 70px;font-size: 30px;font-weight: lighter; background:  rgba(255,255,255,0.2);text-align: center;color: #808080;cursor: pointer;filter:Alpha(Opacity=20)}

.About .Top .Silde:hover .next{background: rgba(255,255,255,0.5) url(../images/arrowleft.png) center no-repeat; background-size:contain}
.About .Top .Silde:hover .prev{background: rgba(255,255,255,0.5) url(../images/arrowright.png) center no-repeat; background-size:contain}

.About .cen{width: 100%;padding-bottom: 100px;margin: 100px 0; background: url('../images/About_03.png') center no-repeat;background-size: cover;overflow: hidden;}
.About .cen .List{position: relative; width: 1400px;margin: 0 auto;}
.About .cen .List ul li{width:350px;margin:0 60px; background: rgba(255, 255, 255, .9);overflow: hidden;font-family: "思源宋体";text-align: center;cursor: pointer;}
.About .cen .List .ft{height: 210px;overflow: hidden;padding-top: 20px;}
.About .cen .List .ft h3{color: #333333;font-size: 20px;text-transform:uppercase}
.About .cen .List .ft p{color: #555555;font-size: 15px;width:80%;margin: 10px auto 0;}
.About .cen .List .img{width: 100%;height: 250px;}
.About .cen .List .img img{width: 100%;height: 100%;display: block;}
.About .cen .List ul li:hover{background: rgba(224, 200, 166,.8);}
.About .cen .List ul li:hover h3{color: #fff;}
.About .cen .List ul li:hover p{color: #fff;}

.About .cen .List a{display: block;width: 70px;height: 70px;line-height: 70px;text-align: center;background: #e0c399;cursor: pointer;}
.About .cen .List a img{width: 10px;vertical-align: middle;}
.About .cen .List .prev{position: absolute;top: 44%;left: -35px;}
.About .cen .List .next{position: absolute;top: 44%;right: -35px;}
.About .cen .List a:hover{background: #e6cfad;}

.About .under .list ul{justify-content: space-between;}
.About .under .list ul li{width: 30%;text-align: center;cursor: pointer;display:inline-block;margin:20px 1.5%;vertical-align:top}
.About .under .list .icon{width: 100%;}
.About .under .list .icon img{width: 100%;transform: scale(1);transition: all 1s;}
.About .under .list p{color: #333333;font-size: 18px;margin-top: 20px;}
.About .under .list ul li:hover .icon img{transform: scale(1.1);transition: all 1s;}
.About .under .list .img{width: 100%;margin-top: 30px;}
.About .under .list .img img{width: 100%;}

/* 保养知识 */
.Knowledge{margin-bottom: 100px;font-family: "思源宋体";}
.Knowledge .search{padding: 25px 0;border-bottom: 1px #bfbfbf solid;}
.Knowledge .search .fl{color: #7b7b7b;font-size: 20px;line-height: 35px;}
.Knowledge .search .fr{width: 20%;}
.Knowledge .search .fr input{width: 100%;height: 35px;line-height: 35px;background: url('../images/icon_01.png') 90% no-repeat;background-size: 20px;border: 1px #bfbfbf solid;border-radius: 5px;}

.Knowledge .Slide{margin: 50px 0;}
.Knowledge .Slide .hd{float: left;width: 20%;}
.Knowledge .Slide .hd ul li{width: 100%;height: 65px;line-height: 65px;color: #333333;font-size: 22px;text-align: center;border-bottom: 1px #eee solid;cursor: pointer;}
.Knowledge .Slide .hd ul li:hover{background: url('../images/My_07_1.png') 90% no-repeat;background-size: 10px; background-color: #e0c399;color: #fff;}
.Knowledge .Slide .hd ul .on{background: url('../images/My_07_1.png') 90% no-repeat;background-size: 10px; background-color: #e0c399;color: #fff;}

.Knowledge .Slide .bd{float: right;width: 75%;}
.Knowledge .Slide .bd ul li{padding: 0 3%;border-bottom: 1px #eeeeee solid;padding-bottom: 20px;margin-bottom: 20px;background: url('../images/icon_03.png') left top no-repeat;background-size: 17px;}
.Knowledge .Slide .bd ul li .img{position: relative; width: 100%;overflow: hidden;}
.Knowledge .Slide .bd ul li .img img{width: 100%;display: block;}
.Knowledge .Slide .bd ul li .img span{position: absolute;bottom: 0;left: 0;width: 100%;height: 50px;line-height: 50px;color: #fff;font-size: 22px;background: rgba(224, 195, 153,.8);text-indent: 2em;}
.Knowledge .Slide .bd ul li p{color: #666666;font-size: 14px;padding: 10px 5px;}
.Knowledge .Slide .bd ul li h3{color: #505050;font-size: 22px;font-weight: 500;}
.Knowledge .Slide .bd ul li .p{position: relative; border: 1px #e0c399 solid;margin-top: 15px;}
.Knowledge .Slide .bd ul li .p::before{position: absolute;top: -15px;left: 10px;content: "";width: 15px;height: 15px; background: url('../images/icon_04.png') center no-repeat;background-size: 15px;}

.Knowledge .page{text-align: right;margin-top: 100px;}
.Knowledge .page span{display: inline-block;color: #636571;font-size: 15px;width: 25px;height: 25px;text-align: center;margin-left: 10px;border: 1px #eee solid;cursor: pointer;}
.Knowledge .page span:hover{color: #fff;background: #e0c399;}
.banner.Detail{height: 70px;box-shadow: 0 0 9px #e5e5e5;}
/* 移动端 */
.index .index_GemShow .list .m_ft{display:none;}
.About .under .list .p{display: none;}
.m_header{display: none;}
.About .cen .m_List{display: none;}
.Support .Top .m_List{display: none;}
.My .under .m_Slide{display: none;}
.About .cen .m_List{display: none;}
.banner .m_bd{display: none;}
.Support .cen .m_List{display:none;}
.m_List{display:none}


.roundabout_box {height:425px;width:1200px;margin:40px auto 20px auto;}
.roundabout-holder{list-style:none;width:1200px;height:370px;margin:0px auto;}
.roundabout-moveable-item{font-size:12px!important;height:370px;width:800px;cursor:pointer;border-radius:10px}
.roundabout-moveable-item img{height:100%;width:100%;background-color:#FFFFFF;margin:0;}
.roundabout-in-focus{cursor:auto;border-left:1px #fff solid;border-right:1px #fff solid;}
.roundabout-in-focus000:hover{-webkit-box-shadow:0px 0px 20px #787878;-moz-box-shadow:0px 0px 20px #787878;background:#f9f9f9;}
.roundabout-holder .text{color:#fff;z-index:999;font-size:20px;width:100%;text-align:center;display:block;padding-top:390px}
.roundabout-in-focus000:hover span{display:inline;position:absolute;bottom:5px;right:5px;padding:8px 20px;background:#f9f9f9;color:#3366cc;z-index:999;-webkit-border-top-left-radius:5px;-moz-border-radius-topLeft:5px;border-left:1px solid #aaaaaa;border-top:1px solid #aaaaaa;}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited{outline:none;text-decoration:none;}
.roundabout li{margin:0}
.roundabout_box {width:1200px;height:370px;}
.roundabout_box ul {}
.roundabout_box img {width:100%; }
/*.roundabout_box ul a{display:block;width:100%;height:100%;border-radius:10px;position:relative}*/
.roundabout_box li{border:none;border-radius:35px;overflow:hidden}

.Support .Slide .bd ul li .content{position:absolute;width:100%;text-align:center;bottom:0}
.Support .Slide .bd ul li .content .icon{}
.Support .Slide .bd ul li .content p{color:#fff;margin:10px 0;font-size:24px;}
.Support .Slide .bd ul li .content .icon2{margin-bottom:20px}
.Support .Slide .bd ul li .content .icon2 img{height:20px;}
/*.Support .Slide .bd ul li:hover .content{display:none}*/


.index_Leader{width:1400px;margin:100px auto;}
.index_Leader .left{float:left;width:950px;box-sizing:border-box;padding-left:70px;background:url(../images/leftBar.png) left top no-repeat;background-size:35px;}
.index_Leader .left .tit{font-weight:bold;color:#333;margin-top:40px;font-size:36px;margin-bottom:40px;}
.index_Leader .left .brief{color:#666;font-size:24px;line-height:35px;margin-bottom:50px;}
    .index_Leader .left .content {
        background: rgba(238,238,238,0.8);
        width:100%;
        box-sizing:border-box;
        padding :50px 50px;
        margin-bottom:60px;
        line-height:28px;
        color:#666;
        font-size:18px;
        z-index:9999
    }
.index_Leader .left .content span{display:block;text-align:right;margin-top:30px;font-size:20px;}
.index_Leader .left .btn{display:inline-block;width:120px;height:50px;line-height:50px;text-align:center;color:#be9e61;border:1px solid #be9e61;font-size:16px;cursor:pointer}
.index_Leader .left .btn:hover{color:#fff;background:#be9e61}
.index_Leader .right{float:right;width:400px;position:relative;background:#be9e61;height:650px;z-index:-1}
.index_Leader .right img{position:absolute;width:450px;right:30px;top:30px;}

.index_Leader .title{text-align: center;margin: 50px auto;font-family:"思源宋体"}
.index_Leader .title .icon{width: 30px;margin: 0 auto;}
.index_Leader .title .icon img{width: 100%;}
.index_Leader .title h3{position: relative; color: #e0c399;font-size: 25px;line-height: 30px;height: 30px; letter-spacing: 3px;font-weight: normal;display: inline-block;text-transform:uppercase}
.index_Leader .title h3::before{position: absolute;top: 14px;left: -100px; content: "";width: 80px;height: 2px;background: #e0c399;}
.index_Leader .title h3::after{position: absolute;top: 14px;right: -100px; content: "";width: 80px;height: 2px;background: #e0c399;}
.index_Leader .title p{color: #e0c399;font-size: 15px;font-weight: lighter;text-transform: uppercase;}
.index_Leader .mcontent{width:100%;display:none}
.index_Leader .mcontent .info{width:100%;box-sizing:border-box;padding:10px 5%}
.index_Leader .mcontent .info .word{flex:1;margin-right:10px;}
.index_Leader .mcontent .info .pic{flex:1}
.index_Leader .mcontent .info .pic img{width:100%;}
.index_Leader .mcontent .info .word h3{font-weight:bold;font-size:20px;margin-bottom:5px;color:#333}
.index_Leader .mcontent .info .word p{font-size:14px;color:#666;line-height:20px;}
.index_Leader .mcontent .info .word .line{width:50%;margin:10px 0;height:1px;background:#be9e61}
.index_Leader .mcontent .info .word span{font-size:12px;color:#666;line-height:20px;}
.index_Leader .mcontent .info .word div{text-align:right;font-size:14px;}
.index_Leader .mcontent .btn{width:80px;height:30px;line-height:30px;font-size:14px;text-align:center;color:#bf9f62;border:1px solid #bf9f62;margin:10px auto;}
 
.organization{}
.organization .content img{width:100%}
.organization .title{text-align: center;margin: 50px auto;font-family:"思源宋体"}
.organization .title .icon{width: 30px;margin: 0 auto;}
.organization .title .icon img{width: 100%;}
.organization .title h3{position: relative; color: #e0c399;font-size: 25px;line-height: 30px;height: 30px; letter-spacing: 3px;font-weight: normal;display: inline-block;text-transform:uppercase}
.organization .title h3::before{position: absolute;top: 14px;left: -100px; content: "";width: 80px;height: 2px;background: #e0c399;}
.organization .title h3::after{position: absolute;top: 14px;right: -100px; content: "";width: 80px;height: 2px;background: #e0c399;}
.organization .title p{color: #e0c399;font-size: 15px;font-weight: lighter;text-transform: uppercase;}
.organization .mcontent{display:none}
.organization .mcontent img{width:100%;display:block}

@media screen and (max-width:1440px) {
    .w{width: 1200px;margin: 0 auto;}
    .About .yl{width: 85%;}
    .About .Top .fr p{font-size: 17px;}
    .About .cen .List{width: 1200px;margin: 0 auto;}
    .About .cen .List ul li{width: 280px;}

    .My .Top .address .fl ul li{margin-bottom: 24px;}
    .My .under .Slide{width: 1200px;}
    .My .under .hd .info p{width: 60%;}
    .My .under .hd ul li .box{padding: 20px 5%;}
    .My .under .Slide a{width: 55px;height: 55px;line-height: 55px;}
    .My .under .Slide a img{width: 12px;}

    .banner .header .fr{width: 60%;}
    .banner .header .fl{width: 170px;}
    .index .fl{top: 85px;}
    .index .Brand .eg{margin: 20px 0;}
    .index .index_GemShow .list ul li{height: 380px;}
    .index .index_GemShow .list{padding-bottom: 0;}

    .Product{margin-bottom: 100px;}
    .Product .under .Silde .bd ul li{height: 450px;}
    .Product .under .ft{padding-top: 30px;}
    .Product .under .sum{margin-top: 85px;}
    .Support .Slide{width: 1200px;}
    .Support .Slide .bd ul li .box .number{margin-top: 35px;}
      .index_Leader{width:1200px;}
}
@media screen and (max-width:1000px){
    .About .under .list p{width:100% !important ;position:relative !important;left:0 !important;}
    .organization .mcontent{display:block}
    .organization .content{display:none}
    .index_Leader{width:100%;margin:30px auto} 
    .index_Leader .content{display:none}
    .index_Leader .mcontent{display:block}
    .Product .Top .Silde .pic{height:300px;}
    .Product .Top .hd{display:none}
    .Product .container .next{background: rgba(255,255,255,0.5) url(../images/arrowleft.png) center no-repeat; background-size:50% !important}
.Product .container .prev{background: rgba(255,255,255,0.5) url(../images/arrowright.png) center no-repeat; background-size:50% !important}
.Product .item1 .next{background: rgba(255,255,255,0.5) url(../images/arrowleft.png) center no-repeat; background-size:50% !important}
.Product .item1 .prev{background: rgba(255,255,255,0.5) url(../images/arrowright.png) center no-repeat; background-size:50% !important}
.Product .item2 .next{background: rgba(255,255,255,0.5) url(../images/arrowleft.png) center no-repeat; background-size:50% !important}
.Product .item2 .prev{background: rgba(255,255,255,0.5) url(../images/arrowright.png) center no-repeat; background-size:50% !important}
.Product .Top .next{background: rgba(255,255,255,0.5) url(../images/arrowleft.png) center no-repeat; background-size:50% !important}
.Product .Top .prev{background: rgba(255,255,255,0.5) url(../images/arrowright.png) center no-repeat; background-size:50% !important}

.banner .next{background: rgba(255,255,255,0.5) url(../images/arrowleft_white.png) center no-repeat; background-size:50% !important}
.banner .prev{background: rgba(255,255,255,0.5) url(../images/arrowright_white.png) center no-repeat; background-size:50% !important}
.About .Top .Silde:hover .next{background: rgba(255,255,255,0.5) url(../images/arrowleft.png) center no-repeat; background-size:50% !important}
.About .Top .Silde:hover .prev{background: rgba(255,255,255,0.5) url(../images/arrowright.png) center no-repeat;background-size:50% !important}
.banner  .next{position: absolute;top: 41%;left: 0; width: 20px;height: 40px;font-size: 30px;font-weight: lighter; background: rgba(255,255,255,0.2);text-align: center;color: #808080;cursor: pointer;filter:Alpha(Opacity=20);border-top-right-radius:50px;border-bottom-right-radius:50px;}
.banner  .prev{position: absolute;top: 41%;right: 0; width: 20px;height: 40px;font-size: 30px;font-weight: lighter; background:  rgba(255,255,255,0.2);text-align: center;color: #808080;cursor: pointer;filter:Alpha(Opacity=20);border-top-left-radius:50px;border-bottom-left-radius:50px;}
.Product .Top  .next{position: absolute;top: 30%;left: 0; width: 40px;height: 70px;line-height: 70px;font-size: 30px;font-weight: lighter; background: rgba(255,255,255,0.2);text-align: center;color: #808080;cursor: pointer;filter:Alpha(Opacity=20)}
.Product .Top  .prev{position: absolute;top: 30%;right: 0; width: 40px;height: 70px;line-height: 70px;font-size: 30px;font-weight: lighter; background:  rgba(255,255,255,0.2);text-align: center;color: #808080;cursor: pointer;filter:Alpha(Opacity=20)}

.index .index_GemShow .list ul li:hover .img{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;z-index:9999}
.index .index_GemShow .list ul li:hover .icon{display:none}
    body{font-family: "苹方";}
    .w{width: 100%;}
    .m_header.mover{position: fixed;top: 0;left: 0;width: 100%;background: #fff;z-index: 999;}
    .m_header{display: block;z-index: 999;font-family: "苹方";}
    .m_header .nav_box .list{display: flex;justify-content: space-between;padding: 0 5%; height: 50px;line-height: 50px;}
    .m_header .nav_box .logo img{width: 100px;vertical-align: middle;}
    .m_header .nav_box .ig{ width: 20%;display: flex;justify-content: space-between;}
    .m_header .nav_box .ig span{color: #bf9f62;font-size: 12px;display: inline-block;margin-right: 5%;}
    .m_header .nav_box .ig img{width: 25px;height: 20px;margin-top: 15px; vertical-align: middle;}

    .m_header .item{display: none; position: fixed;top: 0;left: 0; width: 100%;height: 100vh;background: rgba(0,0,0,0.8);z-index: 999;}
    .m_header .item .box{float: right; background: #fff;width: 50%;height: 100vh;transition: all 1s; animation: my 1s 1 ease;}
    .m_header .item ul li{width: 90%;margin: 0 auto; line-height: 50px; text-align: center;}
    .m_header .item ul li img{width: 100px;}
    .m_header .item ul li a{display: block;color: #666666;font-size: 14px;border-bottom: 1px #eaeaea solid;}
    .m_header .item .close{height: 50px;line-height: 50px;text-align: right;padding: 0 10%;}
    .m_header .item .close img{width: 16px;vertical-align: middle;}

    @keyframes my {
        0%{transform: translateX(100%);}
        100%{transform: translateX(0%);} 
    }
    .banner.Detail{display: none;}
    .banner .header{display: none;}
    .banner .hd{bottom: 0;}
    .banner .hd ul li{width: 5px;height: 5px;margin: 0 5px;}
    .index{margin-bottom: 50px;overflow:hidden}
    .index .title{margin: 25px auto;}
    .index .index_Brand{width: 90%;margin: 30px auto;font-family: "苹方";}
    .index .title h3{font-size: 18px;}
    .index .title h3::before{left: -75%;width: 60%;height: 1px;}
    .index .title h3::after{right: -75%;width: 60%;height: 1px;}
    .index .title p{font-size: 15px;margin-bottom: 15px;}
    .index .title .p{width: 100%;text-align: left;font-size: 14px;}
    .index .Top p{height: 140px;}
    .index .Top{margin-bottom: 60px;}
    .index .index_GemShow .bg{display: none;}
    .index .index_GemShow .list{margin-top: 0;height: auto;width: 90%;margin: 0 auto;}
    .index .index_GemShow .list .icon{display: none;}
    .index .index_GemShow .list ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
    .index .index_GemShow .list ul li{width: 48%;height: auto;font-family: "苹方";}
    .index .index_GemShow .list .img{height: 220px;}
    .index .index_GemShow .list .m_ft{display: block; margin: 10px 0;text-align: center;}
    .index .index_GemShow .list .m_ft h3{color: #333333;font-size: 15px;}
    .index .index_GemShow .list .m_ft .line{width: 50%;height: 1px;background: #bf9f62;margin: 0 auto;}
    .index .index_GemShow .list .m_ft .eg{color: #666;font-size: 12px;}
    .index .index_GemShow .list .m_ft p{color: #333333;font-size: 12px;}
    .index .index_GemShow .title h3::before{left: -45%;width: 40%;height: 1.5px;}
    .index .index_GemShow .title h3::after{right: -45%;width: 40%;height: 1.5px;}
    .foot{padding: 0;font-family: "苹方";}
    .foot .fl{display: none;}
    .foot .fr .under .r{display: none;}
    .foot .fr .top .icon{display: none;}
    .foot .fr .under .l .p{display: none;}
    .foot .fr .under .l p{display: none;}
    .foot .fr .top{line-height: 60px;}
    .foot .fr .top .logo{width: 100%;text-align: center;}
    .foot .fr .top .logo img{width: 120px;}
    .foot .fr .under .l{width: 100%;}
    .foot .fr .under .l .nav ul{width:100%;box-sizing:border-box;padding:10px 5%}
    .foot .fr .under .l .nav ul li{text-align: center;padding:5px 10px;}
    .foot .fr .under .l .nav ul li a{margin-right: 0;font-size: 10px;line-height: 30px; color: #cccccc;height:auto}
    .foot .fr{width: 100%;}
    .foot .fr .under .l .span{color: #666666;font-size: 10px;text-align: center;margin: 0 0 10px 0;}

    .About .Top{width: 90%;margin: 50px auto;}
    .About .Top .Silde{width: 100%;}
    .About .Top .Silde .bd ul li{height: 200px;}
    .About .Top .fr{width: 100%;}
    .About .title{margin: 20px 0;}
    .About .title h3{font-size: 18px;}
    .About .title h3::before{left: -75%;width: 60%;height: 1px;}
    .About .title h3::after{right: -75%;width: 60%;height: 1px;}
    .About .title p{font-size: 15px;margin-bottom: 15px;}
    .About .Top .Silde .pageState{font-size: 12px;width: 60px;height: 25px;line-height: 25px;}
    .About .Top .Silde .pageState span{font-size: 18px;}
    .About .Top .fr .img{margin-top: 30px;}
    .About .Top .fr .img img{width: 60%;}
    .About .Top .fr p{font-size: 14px;line-height: 25px;margin-top: 15px;}
    .About .cen{margin: 50px 0;background: none;padding-bottom: 0;}
    .About .cen .List{display: none;}
    .About .cen .m_List{display: block;padding: 0 5%;}
    .About .cen .m_List ul li{display: flex;margin-top: 20px;}
    .About .cen .m_List .l{width: 55%;height: 150px;}
    .About .cen .m_List .r{width: 45%; height: 150px;background: #f7f7f7;overflow: hidden;}
    .About .cen .m_List .r .box{padding: 0 5%;}
    .About .cen .m_List .r h3{color: #333333;font-size: 15px;text-align: center;margin-top: 20px;}
    .About .cen .m_List .r p{color: #666666;font-size: 10px;line-height: 20px;}
    .About .under .list ul{display: block;padding: 0 5%;}
    .About .under .list ul li{width: 100%;margin-bottom: 30px;}
    .About .under .list .img{width: 90%;margin: 20px auto 0;}
    .About .under .list .p{color: #333;font-size: 18px;margin-top: 20px;text-align: center;display: block;}

    .Product{width: 90%;margin: 0 auto;}
    .Product .under{margin: 0;}
    .Product .under .Silde{width: 100%;}
    .Product .under .Silde .bd ul li{height: 250px;}
    .Product .under .Silde .pageState{font-size: 12px;width: 60px;height: 25px;line-height: 25px;}
    .Product .under .Silde .pageState span{font-size: 18px;}
    .Product .under .ft{width: 100%;}
    .Product .under .ft .eg{margin: 5px 0;font-size: 15px;}
    .Product .under .ft p{width: 75%;font-size: 14px;}
    .Product .under .sum{margin: 25px 0;}
    .Product .info .title{font-size: 18px;}
    .Product .info .title span{font-size: 12px;}
    .Product .info .list{margin-bottom: 50px;}
    .Product .info .list ul li{font-size: 12px;font-weight: 400;margin-top: 10px;vertical-align:top}

    .Support{margin-bottom: 50px;}
    .Support .title h3{font-size: 18px;color: #e0c399;}
    .Support .title h3::before{left: -75%;width: 60%;height: 1px;}
    .Support .title h3::after{right: -75%;width: 60%;height: 1px;}
    .Support .title p{font-size: 15px;margin-bottom: 15px;color: #e0c399;}
    .Support .Top .Slide{display: none;}
    .Support .Top .m_List{display: block;padding: 0 5%;}
    .Support .Top .m_List ul li{display: flex;margin-top: 20px;}
    .Support .Top .m_List .l{width: 55%;height: 150px;}
    .Support .Top .m_List .r{width: 45%; height: 150px;background: #f7f7f7;overflow: hidden;}
    .Support .Top .m_List .r .box{padding: 30px 5%;}
    
    .Support .Top .m_List .r .img{width: 100%;height: 30px;}
    .Support .Top .m_List .r h3{color: #333333;font-size: 15px;text-align: center;}
    .Support .Top .m_List .r p{color: #666666;font-size: 12px;line-height: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;display:none}
    .Support .Top .m_List .r .nm{color: #e0c399;font-size: 16px;text-align: center;margin-top:20px;}

    .Support .cen .title h3{color: #e0c399;}
    .Support .cen .title p{color: #e0c399;}
    .Support .cen{background: none;margin: 50px 0;padding-bottom: 0;}
    .Support .cen .List{display: none;}
    .Support .cen .m_List{display: block;padding: 0 5%;}
    .Support .cen .m_List ul li{margin-top: 20px;text-align: center;}
    .Support .cen .m_List .img{width: 100%;}
    .Support .cen .m_List .img img{width: 100%;display: block;}
    .Support .cen .m_List h3{color: #333333;font-size: 15px;text-transform:uppercase}
    .Support .cen .m_List p{color: #333333;font-size: 12px;}

    .My .title h3{font-size: 18px;color: #e0c399;}
    .My .title h3::before{left: -75%;width: 60%;height: 1px;}
    .My .title h3::after{right: -75%;width: 60%;height: 1px;}
    .My .title p{font-size: 15px;margin-bottom: 15px;color: #e0c399;}
    .My .Top .address .fl{width: 100%;margin-top: 0;}
    .My .Top .address .fl ul li{font-size: 12px;margin-bottom: 15px; font-family: "苹方";box-sizing:border-box;padding-left:30px;}
    .My .Top .address .fr{width: 100%;}
    .My .under{background: none;height: auto;}
    .My .under .Slide{display: none;}
    .My .under .m_Slide{display: block;}

    .My .under .m_Slide{position: relative;}
    .My .under .m_Slide .m_hd{padding: 0px 5%;}
    .My .under .m_Slide .m_hd ul li{width: 100%; margin-bottom:30px; border-radius: 5px;box-shadow: 1px 1px 9px #e5e5e5;}
    .My .under .m_Slide .m_hd ul li .box{padding: 20px 5%;}
    .My .under .m_Slide .m_hd .name{color: #333333;font-size: 20px;}
    .My .under .m_Slide .m_hd .name span{color: #333333;font-size: 15px;text-transform: uppercase;}
    .My .under .m_Slide .m_hd .info{display: flex;justify-content: space-between;}
    .My .under .m_Slide .m_hd .info p{color: #4b4b4b;font-size: 12px;flex: 1;padding-left: 8%;}
    .My .under .m_Slide .m_hd .ft .item{margin-top: 20px;}
    .My .under .m_Slide .m_hd .ft .item h3{color: #bf9f62;font-size: 15px;}
    .My .under .m_Slide .m_hd .ft .item p{color: #666666;font-size: 12px;margin-top: 10px;}

    .Product .Top{box-shadow: none;}
    .Product .Top .Silde{width: 100%;}
    .Product .Top .Silde .bd ul li{height: 200px;}
    .Product .Top .Silde .hd{right: 5%;bottom: 5px;}
    .Product .Top .Silde .hd ul li{width: 3px;height: 3px;margin: 0 5px;}
    .Product .Top .ft{width: 100%;padding-top: 20px;}
    .Product .Top .ft .name{font-size: 16px;}
    .Product .Top .ft .eg{font-size: 18px;margin: 10px 0;}
    .Product .Top .ft p{width: 80%;margin: 10px auto;}
    .Product .Top .ft .more{width: 50%;}
    .Product .Top .ft .more a{height: 40px;line-height: 40px;}
    .Product .Top.on .item{width: 100%;margin-right: 0;margin-bottom: 50px;}
   
    .banner .bd{display: none;}
    .banner .m_bd{display: block;}
    .banner .m_bd ul li img{width: 100%;}
    .Product .info .list ul{width:100%;margin:auto;}
}

@media screen and (max-width:320px){
    .index .index_GemShow .list .m_ft p{font-size: 10px;}
    .index .index_GemShow .list .m_ft .eg{font-size: 10px;}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
}