@charset "utf-8";  /*格式化样式*/  
/*公共压缩样式，处理各个浏览器兼容性所写，可以无视*/html,body{height:100%;  font-family: Microsoft YaHei;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}ul,ol{list-style:none}s{text-decoration:none}img{border:0}table{border-collapse:collapse;border-spacing:0}caption,cite,code,dfn,th,var{text-align:left;font-weight:normal;font-style:inherit;}body{background-color:#fff;}/* 表单 */label{display:inline-block;*display:inline;*zoom:1}button,input,select,textarea{vertical-align:baseline;*vertical-align:middle}input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]  input[type="button"]::-moz-focus-inner{border:none;padding:0}/* 字体 */h1{font-size:24px;margin:0 0 12px}h2{font-size:24px;margin:0 0 10px}h3{font-size:20px;margin:0 0 8px}h4{font-size:16px;margin:0 0 5px}h5{font-size:14px;margin:5px 0}h6{font-size:14px;margin:0 0 5px;}
.clearfix{overflow:hidden;zoom:1;clear: both;}
.clearfix{overflow:hidden;zoom:1;clear: both;}
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
*behavior: url(../css/boxsizing.htc);
}
div,body,p,h1,h2,h3,h4,h5,ul,li,dl,dd,dt{
margin:0; 
padding:0;
list-style: none;
box-sizing:border-box;
}
a:focus{outline:none;}
a{color:#333; text-decoration: none; cursor:pointer; outline:none;}  
a:hover{ color:#ffcc00; text-decoration: none; }
input[type=text],textarea {border: 1px solid #e3e3e3; background: #fff; -webkit-appearance: none;font-family: Microsoft YaHei;  -webkit-appearance: none;
    font-family: Microsoft YaHei;
    outline: none;}  
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;  font-family: Microsoft YaHei;}  
input{font-family: Microsoft YaHei;}  
textarea { -webkit-appearance: none;}
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
    font-family: Microsoft YaHei;
    outline: none;
}
img{width:auto; max-width:100%;vertical-align: bottom;}
select{outline: none;}
.Header-wrapper{position:absolute; top:0; width: 100%; background:#fff; z-index: 100; height:88px;box-shadow: 0 3px 7px rgba(0,0,0,0.09);}
.Header-container{width:95%; height:88px; margin:0 auto;align-items: center; max-width:1540px;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.tright{align-items: center;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.tright .tel{margin-left:75px; padding-left:45px;background:url(../images/tel.png) no-repeat left  center; font-size:18px; color:#333333;}
.tright .nav{display: flex;}
.logo img{height:35px;}
.tright .nav a{color:#333; font-size:18px; margin:0 25px;display:inline-block; position:relative;}
.tright .nav a:after{content: "";
display: block;
width: 100%;
height: 2px;
background-color: #ffcc00;
position: absolute;
left: 0px;
bottom:-10px;
transform: scaleX(0);
transition: transform 0.3s;}
.tright .nav a:hover,.tright .nav a.active{font-weight:bold;}
.tright .nav a:hover:after,.tright .nav a.active:after{transform: scaleX(1);}
.twoContainer{background:url(../images/bg1.jpg) no-repeat center; padding:6% 0 5%; background-size:cover;
    flex-direction: column; display:flex; align-items: center; text-align:center;justify-content: space-evenly;
}
.height{height:88px;}

.section{position:relative;}
.topheader{top:0; width: 100%; position:fixed; background:#fff;z-index:30;}
.searchbox{text-align:right; position:absolute; top: 0; width: 100%; background:#ffaf20; padding:14px 0; line-height: 33px; color: #333;z-index: 10;}
.searchbox form{width:95%; margin:0 auto; max-width:1540px; position:relative;}
.searchbox input{background:#fff; font-size:14px; border:none; border-radius:16px; padding-left:15px; line-height:33px; height:33px; width: 245px;}
.searchbox button{width:40px; height:33px;background:url(../images/search.png) no-repeat center; cursor: pointer; position:absolute;right: 5px; top: 2px; border:none;}
.ptitle h3{ font-size:32px; color:#333333; font-weight:bold; margin-bottom:12px;}
.ptitle p{font-size:18px;color:#ffb020; font-weight:bold;text-transform: uppercase;}
.pnav,.pline{padding:2.5% 0;}
.pline{padding:1% 0 3.5%;}
.pline img{vertical-align: bottom;}
.pnav a{font-size:22px;transition: all 0.35s ease-in-out; color: #666666; line-height:40px; width: 155px; display:inline-block; border-radius:20px;}
.pnav a:hover{background:#ffaf20; color:#333333;}
.hproductlist{width:95%; max-width:1880px; margin:0 auto;}
.hproductlist ul{margin:0 -14px;}
.hproductlist ul li{width:25%; float:left; padding:0 14px;}
.hproductlist ul li a{display:block; position:relative; background:#fff; border-radius:12px; box-shadow:0 0 15px rgba(0,0,0,0.12);}
.hproductlist ul li .img{overflow:hidden;}
.hproductlist ul li img{width:auto; max-width:100%;border-radius:12px;transition: all 0.5s ease-in-out;}
.hproductlist ul li a .bg{transition: opacity 0.5s ease-out; opacity:0; background:rgba(255,175,32,0.9); position:absolute; top: 0; left:0; width:100%; height: 100%;}
.hproductlist ul li a:hover .bg{opacity:1;}
.hproductlist ul li a:hover img{transform:scale(1.1, 1.1);}
.hproductlist ul li h3{font-size:36px; width: 100%; font-weight:bold;transition: all 0.5s ease-in-out; color: #fff; position:absolute; top: 55%; transform: translate(-50%, -50%);  left: 50%;}
.hproductlist ul li h3 p{padding-bottom:20%;}
.hproductlist ul li a:hover h3{top:50%;}
.threeContainer{padding:3% 0 1%;background:url(../images/bg2.jpg) no-repeat center; background-size:cover;}
.threeContainer	.habout{
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
align-items: center;
 width: 95%;
    max-width: 1540px;
    margin: 0 auto;
    padding:2% 0 6%;
}
.threeContainer .ptitle{text-align: center;}
.leftvideo{width:50%; position:relative; padding:14px;}
.leftvideo .s1{display:block; width:210px; height: 90px; position: absolute; background:#ffb020; z-index:0; right: 0; top:0;}
.leftvideo .s2{display:block; width:210px; height: 90px; background:#ffb020; position:absolute; z-index:0; bottom: 0; left:0;}
.leftvideo .video{display:block; position:relative;z-index: 2;}
.leftvideo video{position:absolute; position:relative;  top: 0; left: 0; width: 100%; height: 100%;}
.rightaboutbox{width:50%; padding-right:2%;}
.rightaboutbox .ti{text-align:center;}
.rightaboutbox .ti h3{font-size:32px; color:#333333; font-weight:bold;margin-bottom:8px;}
.rightaboutbox .ti p{font-size:18px; color:#ffb020;font-weight:bold;text-transform: uppercase;}
.rightaboutbox .info{font-size:18px; color:#666666; line-height:30px; padding:25px 0;}
.rightaboutbox .info p{margin-bottom: 15px; text-indent:2em;}
.rightaboutbox .more{text-align:center;}
.rightaboutbox .more a{display:inline-block; background:#ffb020; border-radius:5px; color: #fff;width: 112px; line-height: 36px; font-size:16px;}
.active .rightaboutbox .ti{transform: translateY(0);}
.active .rightaboutbox .info,
.active .rightaboutbox .more a
{transform: translateX(0);}
.rightaboutbox .more a:hover{background:#e99b0d;}
.rightaboutbox ul{padding-top: 50px;}
.rightaboutbox ul li{width:33.333%; float:left; text-align:center; position:relative;transform: translateY(50px);
transition: all .8s ease-in-out .4s;}
.active .rightaboutbox ul li{transform: translateY(0);}
.threeContainer ul{width:95%; max-width:1540px; text-align:center; margin:0 auto;}
.threeContainer ul li{width:16.66666%; cursor:pointer; float: left; position:relative;}
.threeContainer ul li:after{content:"";width:1px; height:36px; background:#333; position:absolute; right:0; top: 50%; margin-top:-18px;}
.threeContainer ul li.last:after{display:none;}
.threeContainer ul li p{font-size:20px; color:#333333; line-height:54px; height: 54px;}
.threeContainer ul li i{display:block;margin:0 auto; background:#ffb020; border-radius:7px; width: 67px; height: 67px;}
.threeContainer ul li i{transition: all 0.35s ease-in-out;}
.threeContainer ul li:hover i{transform: scale(1.1);}
.rightaboutbox ul li:last-child{border:none;}

.rightaboutbox ul li img{height:48px;}
.rightaboutbox ul li p{font-size:16px; color: #333; padding:15px 0 20px;}
.rightaboutbox ul li p b{font-family:Impact;}
.rightaboutbox ul li span{display:block;font-size:16px; color: #333333;}
.Footer-wrapper{background:#2d2d2d; color: #fff; padding:3% 0 1%;}
.Footer-wrapper a{color: #fff;}
.footer{display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
align-items:flex-start; width: 95%; margin:0 auto; max-width:1400px;}
.footer .fnav{width:35%;}
.footer .fnav ul{display: flex;justify-content:space-evenly;}
.footer .flogo{width:28%; padding-top: 20px;}
.footer .fnav ul h3{font-size:18px; padding-bottom: 10px;}
.footer .fnav ul p{font-size:14px;line-height:26px;}
.footer .fcontact{line-height:30px;font-size:18px;}
.footer .fcontact p{padding-bottom:10px;}
.footer .fcontact b{font-family:Impact;font-weight: normal; letter-spacing:2px;}
.footer .fcontact img{vertical-align: middle; margin-right:10px;}
.copy{font-size:14px; line-height:24px; text-align:center; padding:20px 0 5px;}
.rfixd{position:fixed;right:2%; top: 50%; margin-top: -130px; width:54px; z-index: 100; box-shadow:0 0 5px rgba(0,0,0,0.1);}
.rfixd ul{background:#fff; border-radius:6px; padding:5px 0; position:relative;} 
.rfixd ul li a{display:block; height:60px; cursor: pointer;}
.rfixd ul li .i_tel{background:url(../images/r_ico1.png) no-repeat center;}
.rfixd ul li .i_book{background:url(../images/r_ico2.png) no-repeat center;}
.rfixd ul li .i_ewm{background:url(../images/r_ico3.png) no-repeat center;}
.rfixd .t{opacity:0;transition: all 0.35s ease-in-out; visibility:hidden; position:absolute; top: 0; right:50px; line-height:62px; background:#fff; font-size:26px; font-family:Impact; color: #333;border-radius:6px 0 0 6px; width:200px; text-align: center;}
.rfixd li:hover .t,.formaskboxactive{opacity:1; visibility:visible;}
.rfixd .top{margin-top:12px; height: 54px;background:#fff url(../images/r_ico4.png) no-repeat center; border-radius:6px; cursor: pointer;}
.rfixd .top a{display:block; height: 54px;}
.formaskbox{opacity:0; visibility:hidden;transition: all 0.35s ease-in-out;box-shadow: 0 0 25px rgba(0,0,0,0.3); position:fixed; top: 50%; left: 50%;transform: translate(-50%, -50%); background:#ffaf20; width: 1045px; height:345px; border-radius:12px; z-index: 110;}
.hform{width:750px; float:left;}
.ewmbox{width:295px; float:right; padding-top: 49px; background:#f2eee7;height:345px; border-radius:0 12px 12px 0; text-align:center;}
.ewmbox h3{font-size:20px; color: #333333; font-weight:normal;}
.ewmbox p{padding:25px 0;}
.formaskbox .ti{text-align: center; padding:30px 0 20px;}
.formaskbox .ti h3{font-size:52px; color:#333333; font-weight:normal;}
.formaskbox .ti p{font-size:18px; color:#333333; text-transform: uppercase;}
.clear{clear: both;}
.formaskbox ul{overflow:hidden;width: 635px; margin:0 auto;}
.formaskbox ul li{width:50%; float:left; padding:8px 6px;}
.formaskbox ul li input{background:#fff; border:none; border-radius:3px; color: #333; width: 100%; padding-left:16px; font-size:14px; line-height:40px;}
.formaskbox .btn{text-align:center; padding-top: 23px;}
.formaskbox .btn input{cursor:pointer;background:#333333; line-height:28px; color: #fff;width: 75px; height:28px; font-size: 15px; border-radius:14px; border:none;}
.formaskboxactive{opacity:1; visibility:visible;}
.formaskbox .close{position:absolute; right: 0; top:0;font-size: 32px; color: #333; width: 50px; height: 50px; text-align: center; line-height: 50px; cursor: pointer;}
.nsearchbox{position:relative;}
.centernav{width:95%;margin:0 auto; max-width:1540px; padding:40px 0; overflow:hidden;}
.centernav a{display:block; float:left; font-size:16px; border-radius:21px; background:#eaeaea; color:#666666; width: 150px; line-height:42px; text-align:center; margin-right:12px;}
.centernav a:hover,.centernav a.active{background:#ffaf20; font-weight: bold; color: #fff;transition: all 0.35s ease-in-out; }
.productlist{width:95%;margin:0 auto; max-width:1540px; padding:45px 0;}
.productlist li{width:33.3333%; float:left; text-align:center; padding:15px;}
.productlist li a{display:block; padding:5% 8%;transition: all 0.35s ease-in-out; border-radius:5px;}
.productlist li a:hover{box-shadow:0 0 20px rgba(0,0,0,0.1);}
.productlist li h3{font-size:16px; color: #000;transition: all 0.35s ease-in-out; border-bottom:1px solid #e4e4e4; width: 75%; margin:0 auto 10px; line-height:50px;}
.productlist li p{font-size:14px; color:#777;transition: all 0.35s ease-in-out; line-height:24px;  -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;height: 48px;}
.productlist li .img{width:90%; margin:0 auto;}
.productlist li a:hover h3,.productlist li a:hover p{color:#ffaf20;}
.page{overflow:hidden; line-height:32px; padding:0 0 50px; text-align: left; text-align:center;}
.page li{display:inline-block;}
.page a{float:left; color:#000; font-size:14px; padding:2px 14px; margin:0 5px; border:1px solid #cbcbcb; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px}
.page a:nth-child(1){margin-left:0!important}
.page  a.page-num-current{background:#ffaf20; color:#FFF; border:1px solid #ffaf20;}
.page a:hover{background:#ffaf20; color:#FFF; border:1px solid #ffaf20;}
.container{width:95%; max-width:1200px; margin:0 auto;}
.productimg{margin:40px auto 50px; text-align:center;position:relative;}
.caseimg{position:relative;width:800px; margin:0 auto;}
.gallery-top{width:720px; margin:0 auto 30px;}
.gallery-thumbs{width:720px; margin:0 auto;}
.gallery-thumbs .swiper-slide a{display:block; border:1px solid #ececec;}
.gallery-thumbs .swiper-slide-thumb-active a{border:1px solid #ffaf20;}
.case-button-next,.case-button-prev{transition: all 0.35s ease-in-out; display:block; font-size:24px;color: #fff; font-weight:bold; background:#dbdbdb;width:30px; height:136px; cursor: pointer; line-height:136px; position:absolute; bottom:0;}
.case-button-next:hover,.case-button-prev:hover{background:#ffaf20;}
.case-button-next{right:0;}
.case-button-prev{left:0;}
.prev{position:absolute; left:0;text-align:center; top:30%;color:#616161;display:block;z-index: 100;}
.next{position:absolute; right:0; text-align:center; top:30%;color:#616161; z-index: 100; display:block;}
.prev i,.next i{font-size:50px; color:#999;}
.prev span,.next span{font-size:14px;display:block; padding:8px 0 3px;}
.prev p,.next p{font-size:16px; }
.prev:hover,.next:hover,.prev:hover i,.next:hover i{color:#ffaf20;}
.prductitle{background: #f9f9f9; padding:30px 0;}
.prductitle .ti{padding-bottom:10px;}
.prductitle .ti h3{font-size:24px;margin-bottom:5px;text-transform: uppercase; color:#000;}
.prductitle .ti p{line-height:1.6; color:#666; font-size:14px;}
.prductitle .cs{border-bottom: 1px solid #ebebeb;border-top: 1px solid #ebebeb; overflow:hidden; padding:15px 0;}
.prductitle .cs li{line-height:2.2; width:25%; float: left; color:#999; font-size:15px;}
.prductitle .cs li span{color: #333;}
.prductitle .buy{margin-top:20px; overflow:hidden;}
.prductitle a.a-1{font-size:12px; display: inline-block; width: 106px; height: 37px; line-height: 37px; margin-right: 10px; margin-bottom: 2px; border-radius: 5px; color: #fff; font-weight: bold; text-align: center; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.prductitle a.a-1 img{vertical-align: middle; margin-right: 5px;}
.prductitle a.bg1{background: #c60c1b;}
.prductitle a.bg1:hover{background:#d13c48;}
.prductitle a.bg2{background: #ebd639;}
.prductitle a.bg2:hover{background:#f0e173;}
.sbdsharebuttonbox{height:24px;vertical-align: middle; overflow:hidden; display: inline-block; text-align: center;}
.sbdsharebuttonbox{color:#a8a8a8}
.sbdsharebuttonbox b{font-weight: normal;vertical-align: top;}
.sbdsharebuttonbox a{width: 24px !important; height: 24px !important; float:inherit !important; display: inline-block; margin: 0 4px !important; background: #7bda6a; border-radius: 100%;}
.sbdsharebuttonbox a.bds_qzone{background: url(../images/spico4.png) no-repeat center !important; background-size:24px 24px !important;}
.sbdsharebuttonbox a.bds_tsina{background: url(../images/spico2.png) no-repeat center !important; background-size:24px 24px !important;}
.sbdsharebuttonbox a.bds_tqq{background: url(../images/spico3.png) no-repeat center !important; background-size:24px 24px !important;}
.sbdsharebuttonbox a.bds_weixin{background: url(../images/spico1.png) no-repeat center !important; background-size:24px 24px !important;}
.prductinfo{padding:20px;line-height:2; font-size: 16px; color: #333; min-height: 240px; max-width:1540px; margin:0 auto;}
.centernav2{text-align:left; max-width:1400px;}
.centernav2 a{float:inherit; display: inline-block;}
.newslist{width:95%; max-width:1400px; margin:0 auto;}
.newslist li{margin-bottom:30px;padding:15px;}
.newslist li:hover{box-shadow:0 0 20px rgba(0,0,0,0.1);}
.newslist li .img{float:left; width:300px; overflow:hidden;}
.newslist li .img img{transition: all 0.35s ease-in-out; }
.newslist li .img:hover img{transform:scale(1.08, 1.08);}
.newslist li .info{padding:0 180px 0 335px;}
.newslist li .info h3{font-size:20px; line-height:40px; padding:20px 0 10px;}
.newslist li .info p{font-size:16px; line-height:1.8; color: #666;}
.newslist li .date{float:right;margin-top: 25px; width:128px;padding-top: 15px; height:128px; border:1px solid #ffc04f; text-align:center; color: #333;} 
.newslist li .date span{font-size:48px;}
.newslist li .date p{font-size:18px;}
.page{text-align:center;}
.page a.button{color: #666; float: inherit; display: inline-block;}
.page a.button:hover{color: #fff;}
.shownews .title{border-bottom: 1px dotted #e4e4e4; padding:30px 0 30px 0;text-align: center;}
.shownews .title h3{font-weight: normal; font-size:32px; color:#121212; line-height: 48px; padding: 30px 0;}
.shownews .title .tip{line-height: 24px; height: 24px; color:#aaaaaa;}
.shownews .title .tip .sbdsharebuttonbox{color:#aaaaaa; font-size: 14px; margin-left: 20px;}
.shownews .title .tip span.time{display: inline-block; padding-left:18px; background:url(../images/timeico.png) no-repeat left  center;}
.shownews .title .tip span.hits{display: inline-block; padding-left:20px; margin-left: 20px; background:url(../images/hitsico.png) no-repeat left  center;}
.shownews .show{font-size: 16px; line-height: 35px; color:#333; padding:30px 0 50px;}
.shownews .show img{padding:5px 0;}
.updown{padding:25px 0; border-top: 1px solid #e4e4e4;}
.updown p{line-height: 30px; padding-bottom:9px; color: #666;}
.updown p span{display: inline-block; width:70px;border:1px solid #e3e3e3; border-radius: 4px; color: #666; text-align: center; margin-right: 12px;}
.updown p a{color: #666;}
.updown p a:hover{color:#ffcc00;}
.updown2{border:none; overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.nbanner{position:relative;}
.nbanner .name{color: #fff; text-align:center; width: 100%; position:absolute; bottom:20px; padding-bottom:40px; z-index:2;animation: imgdh 1s infinite linear;
    -moz-animation: imgdh 1s infinite linear;
    -webkit-animation: imgdh 1s infinite linear;
    -o-animation: imgdh 1s infinite linear;
}
.nbanner .name h3{font-size:42px;padding-bottom:15px;}
.aboutbg{background:url(../images/bg3_bak.jpg) no-repeat top center; padding-bottom:52px; padding-top:40px;}
.aboutbox{width:95%; margin:0 auto; max-width:1400px;}
.ati{text-align:center; padding:20px 0 30px;}
.ati h3{font-size:32px;color:#2d2d2d; padding-bottom: 12px;}
.ati span{width:40px; height:5px; border-radius:2px; background:#ffaf20; display:block; margin:0 auto;}
.aboutbg .centernav a{background:#eaeaea;}
.aboutbox{padding-top:30px;}
.aboutbox .about{font-size:22px;color:#666666; line-height:40px; overflow: hidden; display: flex; align-items: center;justify-content: space-between;}
.aboutbox .about .txt{width:52%; float: left; font-size: 18px; color: #333; line-height:30px; padding-right:15px;}
.aboutbox .about .img{float:right; width:48%; padding:20px; position:relative;}
.aboutbox .about .img .s1{display:block; position: absolute; right: 0 ;top: 0; z-index: -1; background:#ffaf20; width: 200px; height: 135px;}
.aboutbox .about .img .s2{display:block; position: absolute; left: 0 ;bottom: 0; z-index: -1; background:#ffaf20; width: 62px; height: 42px;}
.aboutbox .about p{padding-bottom:20px;}
.aboutbg .centernav a:hover,.aboutbg .centernav a.active{background:#ffaf20;}
.history{background:url(../images/historybg.jpg) no-repeat top center; position:relative; height:644px;}
.historybox .ati{padding:50px 0;}
.history{width: 1300px; margin:0 auto;}
.history li h3{font-size:22px; color:#333333;}
.history li .p{font-size:16px; color: #333; line-height:28px;}
.history li:nth-child(1){position:absolute;left: 66px; top: 440px; width: 150px;}
.history li:nth-child(2){position:absolute;left: 187px; top: 224px; width: 185px;}
.history li:nth-child(3){position:absolute;left: 377px; top: 372px; width: 175px;}
.history li:nth-child(4){position:absolute;left: 526px; top: 139px; width: 170px;}
.history li:nth-child(5){position:absolute;left: 705px; top: 332px; width: 200px;}
.history li:nth-child(6){position:absolute;left: 865px; top: 41px; width: 200px;}
.history li:nth-child(7){position:absolute;left: 1004px; top: 326px; width: 200px;}
.history li:nth-child(8){position:absolute;left: 1157px; top: 46px; width: 200px;}
.historybox .ati{padding-bottom: 10px;}
.swiper-history{text-align:center;}
.swiper-history .swiper-slide .img{position:relative;overflow:hidden;border-radius:5px;}
.swiper-history .swiper-slide .img img{width:100%;transition: all 0.35s ease-in-out; border-radius:5px;}
.swiper-history .swiper-slide .img .bg{opacity:0; visibility:hidden; transition: all 0.35s ease-in-out; color:#fff; background:rgba(0,0,0,0.3); position:absolute; top:0;left:0;width:100%; height: 100%;}
.swiper-history .swiper-slide .img .bg h3{font-size:26px; padding-top:25%;transition: all 0.35s ease-in-out; position:relative; top:15px; }
.swiper-history .swiper-slide .img .bg p{font-size:22px;line-height:36px;transition: all 0.35s ease-in-out;position:relative; top:15px;}
.swiper-history .swiper-slide:hover .img .bg{opacity:1; visibility:visible;}
.swiper-history .swiper-slide:hover .img .bg h3,.swiper-history .swiper-slide:hover .img .bg p{top:0;}
.swiper-history .swiper-slide:hover .img img{transform:scale(1.08, 1.08);}
.swiper-history .swiper-slide .txt p{font-size:26px;color: #000; padding:52px 0 3px;}
.swiper-history .swiper-slide .txt span{display:block; height:57px;background:url(../images/history_active.jpg) no-repeat top center;width: 100%;}
.swiper-history .swiper-slide:hover .txt p{color:#ffaf20;transition: all 0.35s ease-in-out;}
.swiper-history .swiper-slide:hover .txt span{transition: all 0.35s ease-in-out;background:url(../images/history_active2.jpg) no-repeat top center;}
.history .swiper-button-next1,.history .swiper-button-prev1{width:39px; height:39px; cursor: pointer; position:absolute;bottom:-10px;}
.history .swiper-button-prev1{background:url(../images/jt_3l.png) no-repeat center;left:-45px;}
.history .swiper-button-next1{background:url(../images/jt_3r.png) no-repeat center;right:-45px;}
.line{background:url(../images/history_ico.png) repeat-x; height: 15px; position:absolute; bottom:0; left:0; width: 100%;}
.ideabox{background:#f2f2f2 url(../images/bg4.jpg) no-repeat top center; margin-top:85px; padding-top:35px; height:545px;}
.ideabox .ati h3{color: #fff;}
.ideabox .ati span{background:#fff;}
.ideabox ul{width:95%; margin:0 auto; position:relative; max-width:1540px; text-align:center; overflow:hidden; padding-top: 105px;}
.ideabox ul li{width:25%; float:left;}
.ideabox ul li a{display:block;width:272px;transition: all 0.35s ease-in-out; position:relative; top: 0; height: 272px;background:#fff; border:5px solid #eaeaea; padding-top: 68px; border-radius:100%;}
.ideabox ul li a h3{font-size:28px; color:#333333; padding-bottom: 10px; border-bottom:1px solid #333; width:170px; margin:0 auto 18px;}
.ideabox ul li a p{font-size:16px; color:#999999; line-height:28px;}
.ideabox ul li a:hover{border-color:#ffaf20; top: -15px;box-shadow: 0 0 8px rgba(0,0,0,0.1);}
.ideabox ul li:nth-child(1) a:hover{border-color:#ffaf20;}
.ideabox ul li:nth-child(2) a:hover{border-color:#7de4e4;}
.ideabox ul li:nth-child(3) a:hover{border-color:#e50065;}
.ideabox ul li:nth-child(4) a:hover{border-color:#7d85fc;}
.honorbox{background:#f2f2f2; padding-bottom:80px;}
.honor{width:95%; margin:0 auto; position:relative; max-width:1540px; text-align:center; padding:0 150px;}
.honor .swiper-slide .txt{font-size:16px; color:#666666; line-height:50px;}
.honor .swiper-slide .img{overflow:hidden;}
.honor .swiper-slide .img img{transition: all 0.35s ease-in-out;width:100%;}
.honor .swiper-slide:hover .img img{transform:scale(1.05, 1.05);}
.honor .swiper-button-next,.honor .swiper-button-prev{width:70px;height: 70px; text-align:center;border:2px solid #333333; background:none; line-height: 70px; color: #333; font-size:30px; border-radius:100%; opacity:1; cursor:pointer; z-index: 100;}
.left-nav{margin-top: -200px; position: fixed; top: 50%; left:2%; z-index: 999; display: none;}
.left-nav a{display: block; width:80px; height: 80px; padding-top: 18px; line-height: 26px; margin-bottom: 14px; background: #fff; border-radius: 9px; box-shadow: 0 3px 7px rgba(35,24,21,0.14); font-size: 24px; color: #616161; text-align: center; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.left-nav a.a-1 {font-size: 16px;}
.left-nav a.a-1 .name {font-size:24px;font-weight: normal;}
.left-nav a span{display:block;}
.left-nav a.on {background:#ffaf20;color: #fff;}
.service1box ul{width:95%; margin:0 auto; max-width:1540px; display:flex; justify-content: space-between; padding:30px 0 100px;}
.service1box ul li{width:30%; max-width:397px;}
.service1box ul li .ti{padding-bottom: 7px;}
.service1box ul li .ti a{margin-top: 12px;float:right; display:block; width:40px; height:40px; line-height:40px; border-radius:100%; font-weight:bold; text-align:center; border:2px solid #999999; color:#999999; font-size:30px;}
.service1box ul li .ti p{font-size:26px; color:#333333; padding-bottom:8px;}
.service1box ul li .ti span{font-size:16px; color:#999999;}
.service1box ul li .img{overflow:hidden;}
.service1box ul li .img img{transition: all 0.35s ease-in-out;}
.service1box ul li:hover .img img{transform:scale(1.08, 1.08);}
.service2box{background:url(../images/bg5.jpg) no-repeat top center; text-align:center; padding-top: 65px;}
.service2box .ati h3,.service5box .ati h3{color:#fff;}
.service2box ul{width:95%; margin:10px auto 50px; max-width:1540px; background:#fff;box-shadow: 0px 0px 24px 7px rgba(0,0,0,0.11); padding:40px 0;}
.service2box ul li{padding:32px 0;}
.service2box ul li h3{font-size:26px; color:#333333; padding-bottom: 20px;}
.service2box ul li h3 img{margin-right:10px;}
.service2box ul li p{font-size:26px; color:#666666;}
.swiper-down{width:95%; margin:10px auto; max-width:1540px;}
.swiper-down .swiper-slide{padding:5px; text-align:center;}
.swiper-down .swiper-slide .img{box-shadow:0 0 12px rgba(0,0,0,0.12); border-radius:10px;}
.swiper-down .swiper-slide .img a>img{transition: all 0.35s ease-in-out;}
.swiper-down .swiper-slide .img a{display:block; overflow:hidden; position:relative;}
.swiper-down .swiper-slide .img .bg{opacity:0; visibility:hidden; transition: all 0.35s ease-in-out;position:absolute; top: 0; border-radius:10px; width: 100%; height: 100%; background:rgba(0,0,0,0.53); text-align:center;}
.swiper-down .swiper-slide .img .bg img{position:absolute; top:42%; left: 50%; transform: translate(-50%, -50%); transition: all 0.35s ease-in-out;}
.swiper-down .swiper-slide h3{font-size:20px; color:#333333; padding:15px 0 5px;}
.swiper-down .swiper-slide p{font-size:15px; color:#333333;}
.swiper-down .swiper-slide:hover .img .bg{opacity:1; visibility:visible;}
.swiper-down .swiper-slide:hover .img .bg img{top:50%;}
.swiper-down .swiper-slide:hover .img a>img{transform:scale(1.08, 1.08);}
.service5box{background:url(../images/bg6.jpg) no-repeat center; text-align:center; padding:40px 0 100px;}
.service5box .con{background:#fff; display:flex;align-items: center;flex-direction:column;justify-content: space-evenly; padding:50px 0; border-radius:20px; height: 375px; width: 940px; margin:30px auto 0;}
.service5box .con h3{font-size: 36px; color: #333333;}
.service5box .con p{font-size:22px;color: #333333;}
.service4box ul{width:95%; margin:0 auto; max-width:1500px; display:flex;justify-content:space-around; padding:60px 0;}
.service4box ul .sline{background:url(../images/line.png) no-repeat center;width: 80px;}
.service4box ul li{overflow:hidden;}
.service4box ul li .img{float:left;}
.service4box ul li .txt{margin-left:95px;}
.service4box ul li .txt h3{font-size:26px; color: #333; font-weight:normal;}
.service4box ul li .txt p{font-size:18px;line-height: 24px; color: #999999;}
#map img{max-width: inherit;}
.cotact{padding:45px 0; overflow:hidden; text-align:center;width:95%; margin:0 auto; max-width:1540px;}
.cotact li{width:25%; float: left; border-right:1px solid #999999;padding:10px 0;}
.cotact li:last-child{border:none;}
.cotact li a{display:inline-block;}
.cotact li p{font-weight:bold; font-size:16px; color: #333; line-height:40px;}
.cotact li span{font-size:14px; color: #666;}
.addbox{overflow:hidden; padding:55px 0 80px; background:#f2eee7;}
.addbox ul{text-align:center;width:95%; margin:0 auto; max-width:1540px; overflow:hidden;}
.addbox ul li{width:25%; float:left;background:linear-gradient(to right,#ffcc00,#ffe67e); padding:50px 3%;}
.addbox ul li h3{font-size:20px; color: #333333;}
.addbox ul li .p{font-size:18px; line-height: 32px; color: #333; padding:30px 0 40px;}
.addbox ul li .p p{padding-bottom: 8px;}
.ati p{font-size:22px; color:#666666; padding-top:20px;}
.join1box{padding-bottom:80px;}
.join1box ul{width:95%; padding-top: 8px; margin:0 auto; max-width:1540px;display:flex;justify-content:space-between;}
.join1box ul li{width:31.5%;}
.join1box ul li a{display:block; position:relative;}
.join1box ul li a p{position:absolute; top:50%; left: 50%;transform: translate(-50%, -50%); text-align:center;}
.join1box ul li a p span{display:block; color: #fff;font-size:34px; font-weight: bold; padding-bottom:10px;}
.join2box{background:url(../images/bg7.jpg) no-repeat top center; padding-top: 15px; padding-bottom: 60px;}
.join2box .ati h3{color: #fff;}
.join2box .ati span{background:#fff;}
.join2box ul{width:95%; padding-top:20px; margin:0 auto; max-width:1540px;display:flex;justify-content:space-between;}
.join2box ul li{padding-right:1.5%;}
.join2box ul li:last-child{padding:0;}
.join3box{padding-top: 35px;}
.projoinbox1{padding-bottom:50px;}
.projoinbox1 ul{width:95%;margin:0 auto; padding-top:45px; max-width:1540px;display:flex;justify-content:space-around; text-align:center;}
.projoinbox1 ul li{padding:0 1.5%;}
.projoinbox1 ul li span{margin:15px auto 10px; display:block; background:url(../images/ico9.png) no-repeat center; height: 23px;}
.projoinbox1 ul li p{font-size:28px; color: #000;}
.projoinbox2{background:#f5f5f5; padding:60px 0;}
.projoinbox2 ul{width:95%;margin:0 auto; max-width:1540px;display:flex;justify-content:space-around;}
.projoinbox2 ul li a{padding:0 1.5%; display:flex; align-items: center; text-align:center;}
.projoinbox2 ul li p{width: 185px;text-transform:uppercase; font-size:30px; color: #000; line-height:48px;}
.join4box{background:url(../images/bg8.jpg) no-repeat top center;padding:40px 0 50px;}
.join4box .ati h3{color: #fff;}
.join4box ul{width:95%;margin:0 auto; padding-top:10px; max-width:1540px;}
.join4box ul li{width:92%; overflow:hidden; padding-bottom:36px;}
.join4box ul li.frist .img{float:left;}
.join4box ul li.last .img{float:right;}
.join4box ul li .txt{background:#fff; margin-top: 30px; height:309px;}
.join4box ul li .txt dl{overflow:hidden; padding:25px 0;}
.join4box ul li .txt dl dd{float:left;}
.join4box ul li .txt dl dt{margin-left:90px;}
.join4box ul li .txt dl dt h3{font-size:28px; color: #000000; padding:3px 0 7px;}
.join4box ul li .txt dl dt p{font-size:24px;color: #000000; line-height:1.5;}
.join4box ul li.frist .txt{margin-left:571px; padding:0 60px;flex-direction: column; justify-content: space-around; display: flex;}
.join4box ul li.last .txt{margin-right:571px; padding:0 60px;flex-direction: column; justify-content: space-around; display: flex;}
.join5box{padding:60px 0 100px;} 
.join5box ul{width:95%;margin:0 auto;max-width:1540px;display:flex;justify-content:space-around; text-align:center;}
.support{border-top:1px solid #333333; margin-top:50px;}
.join5box ul li a{display:block; padding-top:72px; position:relative;}
.join5box ul li a span{display:block; border-radius:100%; background: #333; position:absolute; top:-11px; width: 21px;height: 21px; left: 50%; margin-left:-10px;}
.join5box ul li a p{font-size:25px; color: #333333; line-height: 60px;}
.join6box{background:#ffaf20; color: #fff; padding:20px 0 55px;}
.join6box .ati h3{color: #fff;}
.join6box .ati span{background:#fff;}
.join6box ul{width:95%; margin:0 auto; max-width:1500px; display:flex;justify-content:space-around; padding:50px 0;}
.join6box ul .sline{background:url(../images/line2.png) no-repeat center;width: 80px;}
.join6box ul li{overflow:hidden;}
.join6box ul li .img{float:left;}
.join6box ul li .txt{margin-left:95px;}
.join6box ul li .txt h3{font-size:26px; color: #fff; font-weight:normal;}
.join6box ul li .txt p{font-size:18px;line-height: 24px; color: #fff;}
.joinbtn{text-align:center;}
.joinbtn a{display: inline-block;width: 120px; line-height:44px; background: #fff; border-radius:9px; color:#333333; font-size: 16px;}
.joinbtn a img{margin-right:8px; vertical-align: middle;}
body{width: 100%; min-width: 1200px; margin:0 auto;}
.shop{text-align:center; width:22%;}
.shop h3{font-size:18px;padding-bottom:20px;}
.shop ul{display:flex;justify-content: space-evenly;;}
.shop ul li{padding:0 2%;}
.footer .fcontact{width:36%; padding-left:6%; border-left: 1px solid #fff;}
.footer .fnav{border-right: 1px solid #fff;}
.fcontact .img{padding-bottom:8px;}
.productcontent{padding:15px 0;}
.productcontent li{ display:flex;justify-content: space-between;align-items: center; text-align:center;}
.productcontent li .img{width:50%;}
.productcontent li .img img{}
.productcontent li .txt{width:50%;}
.productcontent li .txt a{display:inline-block; text-align: left; padding:0 5%;}
.productcontent li .txt h3{font-size: 35px; color:#333;}
.productcontent li .txt span{display:block; width: 90px; height:4px; background:#333; margin:11px 0 13px;}
.productcontent li .txt p{font-size: 20px; color: #999; line-height: 2;}
.productcontent li:nth-child(even){margin-top:-15%;}
.productcontent li:nth-child(even) a{transform: translateY(35%);}
.productcontent li:nth-child(odd) a{transform: translateY(-60%);}
.productcontent li .img{padding:0 0.8%;}
body{overflow-x:hidden;}
@media all and (max-width:1440px) {
.tright .tel{margin-left: 50px;}
.rightaboutbox .info{font-size:16px; margin:20px 0;}
.rightaboutbox .info p{margin-bottom:5px;}
.rightaboutbox{padding:0 3%;}
.rightaboutbox ul li img{height:38px;}
.rightaboutbox ul li p{font-size:16px;}
.rightaboutbox ul{padding-top: 30px;}
.aboutbox .about{font-size:20px;}
.ati h3{font-size:36px;}

}
@media all and (max-width:1280px) {
.ideabox ul li a{width:225px; height: 225px; padding-top: 55px;}
.ideabox ul li a h3{font-size:22px;}
}


@-webkit-keyframes fadeInLeft2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        -ms-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInLeft2 {
    -webkit-animation-name: fadeInLeft2;
    animation-name: fadeInLeft2
}

@-webkit-keyframes fadeInRight2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInRight2 {
    -webkit-animation-name: fadeInRight2;
    animation-name: fadeInRight2
}

@keyframes imgdh{
    from{
        bottom: 0;
    }
    to{
        bottom: -20px;
    }
}
@-moz-keyframes imgdh{
    from{
        bottom: 0;
    }
    to{
        bottom: -20px;
    }
}
@-webkit-keyframes imgdh{
    from{
        bottom: 0;
    }
    to{
        bottom: -20px;
    }
}
@-o-keyframes imgdh{
    from{
        bottom: 0;
    }
    to{
        bottom: -20px;
    }
}