@charset "utf-8";
/* CSS Document */
body{
font:12px "微软雅黑",Verdana, Arial, Helvetica, sans-serif;font-weight:normal;color:#666;margin:0px;padding:0px; background:#fff;-webkit-tap-highlight-color:rgba(0,0,0,0);  }
p,form,h1,h2,h3,h4,h5,h6,input,dl,dd,table,td,input,ul,li{margin:0px;padding:0px;}
h1,h2,h3,h4,h5,h6{ font-weight:normal}
ul,ol{margin:0px;padding:0px;list-style-type:none;}
img{border:none; -webkit-user-select: none;  /* Chrome all / Safari all */-moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ /* No support for these yet, use at own risk */-o-user-select: none;    user-select: none;}
li{ list-style:none}
a{color:#666;text-decoration:none;-webkit-transition:all ease-in-out 200ms;transition:all ease-in-out 200ms;-ms-transform:all ease-in-out 200ms;}
a:link{text-decoration:none;outline: none;/* 指正常的未被访问过的链接*/}
a:visited{text-decoration:none;outline: none;/*指已经访问过的链接*/}
a:hover{text-decoration:none;outline: none;/*指鼠标在链接*/}
a:active{text-decoration:none;outline: none;/* 指正在点的链接*/}
.clear{clear:both;}
input,button,textarea{outline: none;border:none;font-family:"微软雅黑";}
.content{width: 1200px;margin: 0 auto;}

@font-face {
  font-family: 'lsfont';  /* project id 752944 */
  src: url('//at.alicdn.com/t/font_752944_1k7bnp6j3l3j.eot');
  src: url('//at.alicdn.com/t/font_752944_1k7bnp6j3l3j.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_752944_1k7bnp6j3l3j.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_752944_1k7bnp6j3l3j.woff') format('woff'),
  url('//at.alicdn.com/t/font_752944_1k7bnp6j3l3j.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_752944_1k7bnp6j3l3j.svg#lsfont') format('svg');
}
.iconfont{font-family:"lsfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.lsfont{font-family:"lsfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.iconfont.f36{font-size:36px;}

/* 首页 */
.pc_header{padding: 20px 0;text-align: center;}
/* logo */

.logo{background: url(../images/logo.png) no-repeat center;width:76px;height: 75px;float: left;}
.logo a{display: block;height: 75px;}

/* nav */
.nav{display: inline-block;}
.nav li{float: left;margin:0 25px;}
.nav li:last-child{margin-right: 0}
.nav ul li a{color: #434142;font-size: 17px;line-height: 75px;position: relative;letter-spacing: 4px;}
.nav ul li:hover a,.nav ul li.on a{color: #ff6868;}

.language{float: right;font-size: 16px;color: #434142;line-height: 75px;}
.language a{color: #434142;padding: 0 2px;}



/*手机导航*/

.ph_header{ display:none}
@font-face {font-family:modesign;src:url(../fonts/modesign.ttf) format('truetype'),url(../fonts/modesign.woff) format('woff'),url(../fonts/modesign.svg) format('svg');font-weight:400;font-style:normal}

[class*=" icon-"]:before,[class^=icon-]:before {font-family:modesign!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.icon-arrow-right:before {content:"\e902"}
.icon-arrow-back:before {content:"\e90f"}

button {background:0 0;border:none;text-shadow:none;position:relative;outline:0}
#nav_overlayer {position: fixed;display: none;top: 0;left: 0;right: 0; bottom: 0;background-color: #000;opacity: 0;z-index: 900;}

header {position:fixed;top:0;left:0;width:100%;height:60px;background-color:#13a3f7;box-shadow:0 0 30px rgba(0,0,0,.1);overflow:visible;z-index:1000;background-color:#fff}
.top_logo {float:left;overflow:hidden; }
.top_logo img{ /*width:90%;*/ padding-top:15px; padding-left:15px}

nav .menu_btn {position:relative;display:none;float:right;width:60px;height:60px;overflow:hidden;text-indent:100%;white-space:nowrap;color:transparent;cursor:pointer}
nav .menu_btn span,nav .menu_btn span:after,nav .menu_btn span:before {position:absolute;width:20px;height:2px;background-color:#ff6868;border-radius:1px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease;transition:all .4s ease}
nav .menu_btn span {top:28px;left:20px}
nav .menu_btn span:after,nav .menu_btn span:before {content:"";left:0}
nav .menu_btn span:before {top:-6px}
nav .menu_btn span:after {top:6px}

.nav-open nav .menu_btn {background-color:#fff}
.nav-open nav .menu_btn span {background-color:transparent}
.nav-open nav .menu_btn span:before {background-color:#ff6868;-webkit-transform:translateY(6px) rotate(-45deg);-ms-transform:translateY(6px) rotate(-45deg);transform:translateY(6px) rotate(-45deg)}
.nav-open nav .menu_btn span:after {background-color:#ff6868;-webkit-transform:translateY(-6px) rotate(45deg);-ms-transform:translateY(-6px) rotate(45deg);transform:translateY(-6px) rotate(45deg)}

#nav>li>a {position:relative;display:block;height:100%;padding:0 20px;line-height:50px;color:#333;text-align:left;color:#999;overflow:hidden;z-index:0; }

.subnav {position:fixed;left:100%;top:0px;height:100%;background-color:#fff;width:100%;text-align:center;overflow-x:hidden;overflow-y:auto;opacity:0;visibility:hidden;-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0s;transition:all .6s cubic-bezier(.77,0,.175,1) 0s;-webkit-overflow-scrolling:touch;-webkit-transform:none;-ms-transform:none;transform:none}
.has_sub.open .subnav {opacity:1;visibility:visible;-webkit-transform:none;-ms-transform:none;transform:none}
.subnav .back_btn {cursor: pointer;display:block;width:100%;height:50px;padding:0 20px;text-align:left;font-size:12px;color:#fff;background-color:#000;font-family:novecento_bold,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-weight:400}
.has_sub.open .subnav:hover{color:#13a3f7;}



.subnav .back_btn::before {position:relative;display:inline-block;font-size:20px;margin-right:5px;margin-bottom:3px}
nav .menu_btn {display:block}
#nav {position:absolute;background-color:#fff;width:100%;right:0;top:60px;overflow-x:visible;-webkit-transition:all .4s cubic-bezier(1,0,0,1);transition:all .4s cubic-bezier(1,0,0,1)}
#nav>li {width:100%;height:0;overflow:hidden}
.nav-open #nav>li {height:50px;border-top:1px solid #d7d7d7}
#nav>li>a i {position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:20px;display:block;font-size:16px}


.ph_language{float:right;}
.ph_language a{display:inline-block;font-size:12px;color:#000;padding: 0 5px; line-height: 60px}
.ph_language a:hover,.ph_language a.on{color:#ff6868}

/* 轮播 */
.slide_banner,.ban,.ban img{width: 100%;}
.slide_banner .swiper-slide,.slide_banner .swiper-slide img{width: 100%;}
.slide_banner .swiper-pagination{bottom: 20px;}
.slide_banner  .swiper-pagination-bullet{width: 15px;height: 15px;margin: 0 5px;}
.slide_banner .swiper-pagination-bullet-active{background-color: #fff;}

.slide_banner .swiper-button-next,.slide_banner  .swiper-button-prev{background: none;}




.feedback_txt h1,.feedback_txt h2{margin: 15px 0;}
.feedback_txt h1 a{font-size: 30px;color: #ff6868;line-height: 30px;}
.feedback_txt h2 a{font-size: 22px;color: #000000;}
.feedback_txt time,.feedback_txt span{font-size: 16px;color:#434142;}
.feedback_txt span{position: relative;padding-left: 15px;}
.feedback_txt span:before{content: "";position: absolute;left: 0;top: 7px;width: 6px;height: 1px;background-color: #333;}
.feedback_txt{margin-bottom: 20px;}
.feedback .item {padding:30px 10px;}
.js .animate-box {opacity: 0;}
.feedback_img img{width: 100%;}

.feedback{margin: 80px 0 120px;overflow: hidden;zoom: 1;}
/* Base styles */
.js .animate-box {opacity: 0;}
#fh5co-board[data-columns]::before {content: '2 .column.size-1of2';}
#list[data-columns]::before {content: '3 .column.size-1of3';}
.column {float: left;}
.size-1of4 {width: 25%;}
.size-1of3 {width: 33.333%;}
.size-1of2 {width: 50%;}

.list{padding:0px 0 0;border-top: 1px solid #000000;}
.list_detail{padding: 50px 0;border-top: 1px solid #000000;}
.list_detail img{max-width: 100%;}
.list_detail h1{font-size: 30px;color: #000;text-align: center;}
.list_detail h1 p{font-size: 16px;color: #000;margin: 20px 0;}
.list_detail img{max-width: 100%;}

.about{padding:50px 0; border-top: 1px solid #000000;}
.ab_left{float:left; margin-right:50px;}
.ab_left img{max-width:600px;}
.ab_right{font-size:18px; line-height:36px; display: flex;}

.contact{padding:50px 0; border-top: 1px solid #000000;}
.contact h1{margin:30px 0;}
.contact p{font-size:16px; letter-spacing:1.2px; line-height:30px;}
.contact_left{float:left; margin-right:148px; text-align:center;}
.contact_right{ text-align:center; float:right;}

/* foot */
#top-back{position: fixed;right: 20px;bottom: 30px;}


.clearfix:after {display: block;content: '';clear: both;visibility: hidden;}

@media screen and (max-width:1280px){
.content{margin: 0 30px;width: auto;}

}

@media screen and (max-width:1024px){
.content{margin: 0 30px;width: auto;}
.contact{margin: 100px 0 50px;}
.contact img{width:400px;}
.contact_left{margin-right:80px;}

.about{margin:100px 0 50px;}
.ab_left img {width: 90%;}
.ab_left{margin-right:0;}

.pc_header{display: none;}
.ph_header{display: block;}
.list_detail,.list,.slide_banner{margin-top: 60px;border-top: 0;} 
}



@media screen and (max-width:780px){
.feedback_txt h1 a{font-size: 20px;}  
.about{margin:50px 0 50px;}
.ab_left img {width: 100%;}
.ab_left{margin-right:0;}

}


@media screen and (max-width: 640px) {
.column {float: none;position: relative;clear: both;}
.size-1of3 {width: 100%;}
.size-1of2 {width: 100%;}
.feedback_txt h1 a{font-size: 16px;}
.feedback .item{padding: 20px 10px;}
.slide_banner  .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 3px;}
.slide_banner .swiper-pagination{bottom: 10px;}
.about{margin:50px 0 50px;}
.ab_left{margin-right:0;margin-top:40px;margin-bottom:20px;}
.ab_left img {width: 100%;}
.ab_right{float:right;}
.contact{margin: 50px 0;}
.contact_left{margin-top:40px;margin-right:0;}
.contact_left img{width:100%;}
.contact_left p{margin-bottom:20px;}
.contact_right img{width:100%;}
}