@charset "utf-8";
/* CSS Document */

/* reset */
html,body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select { margin:0; padding:0; }
em { font-style:normal; }
li { list-style:none; }
a { text-decoration:none; color: inherit;}
a:focus { outline: none; } 
img { border:none; vertical-align:top; max-width: 100%; }
table { border-collapse:collapse; }
input,textarea { outline:none; background: none; border: none; }
textarea { resize:none; overflow:auto; }
body { background-color: #fff; font-size:12px; font-family:"微软雅黑"; position: relative;  -webkit-text-size-adjust: none;}
/* end reset */
/* public */
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
.fl { float:left; _display: inline;}
.fr { float:right; _display: inline;}
.clearfix {*zoom: 1;}
.clearfix:before, .clearfix:after {content: '\0020';display: block;height: 0;clear: both;visibility: hidden;}

.main-box {position: relative;max-width: 1200px; width: 100%; margin: auto; *zoom: 1;}
.main-box:before, .main-box:after {content: '\0020';display: block;height: 0;clear: both;visibility: hidden;}
.pic-box div {display: table-cell;vertical-align: middle;text-align: center;*display: block;*font-family: Arial;line-height: 0;*line-height: 1;}
.pic-box img {vertical-align: middle;}

.wrapper { width: 100%; box-sizing: border-box; }
.sidebar-ico{float: right; margin: 16px 10px 0 10px; display: none;}
.side-line {background: #000 none repeat scroll 0 0;display: block;height: 3px;margin-bottom: 4px;width: 27px;display: block;}
.sidebar-ico a{display: block;}

#pSearch{display: none;}
.state1 .popup-search ,
.state2 .popup-search{
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    z-index: 100;
    display: none;

}
.state1 .popup-search .popup-search-form,
.state2 .popup-search .popup-search-form{
    padding: 46px 40px;
    background: rgba(0,0,0,0.6);
    position: relative;
    color: #fff;
    overflow: hidden;
}
.state1 .popup-search .input-search,
.state2 .popup-search .input-search{
    padding: 10px;
    background: #fff;
    color: #333;
    text-transform: uppercase;
    font-size: 14px;
    width: 87%;
    border: none;
    outline: none;
    letter-spacing: 2px;
    float: left;
}

.state1 .popup-search .input-button,
.state2 .popup-search .input-button{
    width: 10%;
    float: left;
    border: none;
    outline: none;
    background: #000;
    height: 39px;
    color: #fff;
}
.state1 .popup-search .close-popup,
.state2 .popup-search .close-popup{
    cursor: pointer;
    position: absolute;
    right: 34px;
    top: 48%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.state2 .popup-search .popup-search-form{
    padding: 10px;
    background-color: rgba(0,0,0,0.15);
}
.state2 .popup-search .close-popup{right: 10px;}

 
body.mar{padding-top: 130px;}
.header {height: 130px;background: #fff;  }
.logo {margin-top:22px; float: left;}
.menu{display: none;}

.header.fixed{position: fixed;top: 0;left: 0;right: 0;height:58px;background: #fff;z-index: 999; }
.header.fixed li{height:58px; line-height: 58px;}
.header.fixed .logo{width: 120px; margin-top:6px;  }
.header.fixed .nav  {margin-top: 0}
.header.fixed .lang-part{margin-top: 14px}
 
.nav {float: left;font-size: 18px;line-height: 2;color: #4f4f54; margin:60px 0 0 50px;}
.nav li {float: left; margin: 0 18px; text-align: center;}
.nav li:hover ,.nav .present {color: #dab867;}
 

.banner{position: relative;}
.banner img{width: 100%;}
.banner .pagination {position: absolute;left: 0; right: 0;margin: auto; text-align: center;bottom:5px;width: 100%; z-index: 30;}
.banner .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #999; margin: 0 3px;cursor: pointer;}
.banner .swiper-active-switch {background: #ddd4b7;}

.lang-part{float: right;margin-top: 62px; }
.lang-part .lang{border-radius: 50%;width: 27px; margin:0 20px; display: inline-block; height: 27px;background: #070603;color: #fff;text-align: center; line-height: 27px;}

.index-about{text-align: center;}
.index-about .tit{margin: 82px 0 38px; font-size: 44px;color: #b5b5b5;font-family: "华文仿宋";line-height: 1;}
.index-about .tit span{display: block;font-size: 30px; color: #181818;padding-top: 14px; font-family: "微软雅黑"}
.index-about .con{max-width: 1000px;margin: auto;font-size: 16px; color: #838383; line-height: 38px;}
.about-next{display: block;margin:50px auto 60px;}

.index-one-pro{position: relative;}
.index-pro .pro-mask .tit{font-size: 28px; color: #272727; line-height: 1;padding: 19% 0 10%;}
.index-pro .pro-mask .text{font-size: 20px; color: #565656; line-height: 1;}
.index-pro .pro-mask .text span{display: block;color: #a0a0a0; line-height: 2; margin-bottom: 12%;}
.index-pro .pro-mask  .add{ display: block;font-size: 49px;border:1px dotted #b9b9b9; display: block;width: 85px; height: 85px; margin: auto; text-align: center; line-height: 85px;}

.index-pro .pro-mask li{display: none;}

.arrow-wrap{font-size: 0;margin-top: 12px;}
.arrow-wrap span{display:inline-block;*display:inline; cursor:pointer; vertical-align: top; margin: 0 4px; line-height: 38px;text-align: center;font-size: 20px; color: #727272; width: 38px;height: 38px;border:1px dotted #b8b8b8;}



.index-two{font-size: 0;text-align: center; margin: 80px 0 }
.index-two .l,.index-two .r{width: 560px; margin: 0 18px; display:inline-block;*display:inline;vertical-align: top;}
.index-two p{font-size: 34px; color: #c6b99a; line-height: 76px; height: 76px;}
.index-two p span{font-size: 20px; color: #c6c6c6;padding: 0 13px;}
.index-two .l{ text-align: left;}
.index-two .r{text-align: right;}
.np{display: none;}
.index-news-tit{font-size: 44px; color: #393939; line-height: 50px;text-align: center;border-bottom: 1px dashed #b2b2b2;padding: 35px 0;}
.index-news-tit span{display: block; font-size: 30px; color: #393939;}

.one-news{width: 445px;font-size: 0;}
.one-news .tit span,.one-news .tit em{display:inline-block;*display:inline;vertical-align: top;font-size: 18px;}
.one-news .tit{height: 40px; line-height: 40px;overflow: hidden;}
.one-news .tit span{width: 325px;overflow: hidden;}
.one-news .tit  em{font-size: 22px; color: #c8c8c8;font-family: "Arial";float: right;}
.one-news .tit  em strong{font-size: 12px; color: #3b3b3b; font-weight: normal; position: relative;top: -6px; }
.one-news .con{ font-size: 14px;  color: #777777; line-height: 38px;height: 130px;overflow: hidden;}
.one-news  .more{width: 131px; display: block; height: 42px;background: url(../images/arrow.jpg); margin: auto;}
.one-news  .more:hover{ background: url(../images/arrow-on.jpg); }

.one-news {float: left; margin: 0 44px;}
.one-news2{float: right;}

.footer { background: #454545; padding:28px 0 30px;   }
.footer-con{ float: right;  }
.ewm-part{  float: right; margin-left: 50px; width: 150px;height: 150px;text-align: center; line-height: 2.4;font-size: 14px;color: #ffffff;}

.footer-con .wrap-text{color: #b4b4b4; float: left; width: 242px; font-size: 14px; margin-top: 6px; height: 110px;background: url(../images/wrap-text.png) left center no-repeat;}
.footer-con .wrap-text p{ text-indent: 40px; padding-bottom:17px; line-height:18px; }
.footer-con .wrap-text p:last-child{ line-height: 24px;}

.footlist{  color: #b4b4b4;  }
.footlist dl{ float: left; margin-right: 40px; }
.footlist dl dt{ font-size: 16px;  padding-bottom: 18px; line-height: 1}
.footlist dl ul{   line-height: 30px;  }
.footlist dl ul li a:hover{ color: #fff}
 
.sup{height:50px; line-height: 50px;background: #9c9c9c; font-size: 12px; color: #ffffff;}
.sup span{float: right;}
.sup a{margin: 0 15px;}
 
.in-nav {font-size: 14px; color: #989898; text-align: center;  border-bottom: 1px solid #ededed; }
.in-nav>ul li {display: inline-block; position: relative; margin:0 10px; min-width: 160px; height: 50px; font-size: 16px;line-height: 50px;color: #414141;border-bottom: 2px solid transparent; }
.in-nav .current ,.in-nav li:hover { border-bottom: 2px solid #314560;}
.in-nav li .current{background: #314560;}
.in-nav a {display: block;}

.about2{background: #f2f2f2;padding-bottom: 160px; margin: 48px 0;}
.brand-story {font-size: 24px;line-height: 2;color: #ef0101;}
.brand-story .bd {padding: 0 120px 100px;}
.brand-story .hd {height: 78px;text-align: center;border-bottom: 1px solid #0d0d6d;}
.brand-story .hd li {display: inline-block;*display: inline;*zoom: 1;width: 95px;height: 102px;margin: 0 30px;font-size: 30px;line-height: 90px;color: #0d0d6d;}
.brand-story .hd span {display: block;background: url(../images/course-circle.png) center 70px no-repeat;}
.brand-story .hd li.on {color: #fff;background: #0d0d6d;border-radius: 6px;background: url(../images/course-tag-bg.png);}
.brand-story .hd a {position: absolute;bottom: 240px;width: 19px;height: 36px;}
.brand-story .hd .prev {left: 24px;background: url(../images/index-pro-left.png);}
.brand-story .hd .next {right: 24px;background: url(../images/index-pro-right.png);}

.about2.index-about .tit{margin: 0; padding: 60px 0;}
.about3{height: 709px;background: url(../images/about3.jpg) center top no-repeat;}

.about-4-loop{padding:40px 50px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;  font-size: 14px; color: #6c6c6c; line-height: 2;text-align:center;}
.about-4-loop .owl-nav div{font-size: 0;width:53px; height: 53px; position: absolute; top: 50%; margin-top: -53px;}
.about-4-loop .owl-nav div.owl-prev{left: 0;background: url(../images/about4-l.png);}
.about-4-loop .owl-nav div.owl-next{right: 0;background: url(../images/about4-r.png);}
.about-4-loop .item .pic-box{width:208px; margin: auto;  }
.about-4-loop .item .pic-box div{width:208px;height: 290px }
.about-4-loop .item .pic-box img{max-width:208px;max-height: 290px;width: auto; display: inline; }
.about-4-loop .item p{height: 40px;overflow: hidden; margin-top: 16px;}
.about-4-loop .item:hover p{color: #213754}

.contact-map{margin:56px 0; }
.contact-map .l{float: left; font-size: 14px; height: 522px; color: #474747; line-height: 38px; width: 436px;background: #f3f3f3;padding: 33px 0 0 44px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.contact-map .r{float: right;width: 752px;}

.contact-form{padding: 0 24px;}
.contact-form .top{height: 98px; position: relative;}
.contact-form .top .tit{font-size: 20px;color: #cab698; line-height: 1;}
.contact-form .top .tit strong{ font-size: 40px; }
.contact-form .top .con{font-size: 16px; padding-top: 18px;}
.contact-form .bot{margin-top: 50px;}

.contact-share{position: absolute;right:0;top: 26px; }
.contact-form{margin:48px 0;}
.contact-form .l{width: 335px; float: left}
.contact-form .l .contact-row input{width: 100%; border:none;display: block; margin-bottom:21px;height:44px; line-height: 44px; background: #ededed; text-indent: 14px;}
.contact-form .r textarea{display: block;width: 100%;height: 172px;background: #ededed;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;  padding: 10px}

 
.contact-form .r{width: 820px;float: right;}
#sub-mit{width: 268px; cursor:pointer; text-align:center; margin:30px auto 0; border-radius: 28px; font-size: 14px; height: 48px; line-height: 48px; display: block;border:1px solid #838383;}

.bgf1f1f1{background: #f1f1f1;padding: 64px 0;}
.in-one-news {float: left;width:372px;padding: 10px; background: #fff; margin:0 4px 60px; text-align: center;}
.in-one-news a{ display: block; margin:auto;}
.in-one-news .pic-box {width: 372px;margin: auto; }
.in-one-news .pic-box div {width: 372px;height: 273px;*font-size: 149.63px;}
.in-one-news .pic-box img {max-width: 372px;max-height: 273px;}
.in-one-news .con{ padding: 10px 0 10px;line-height: 2;overflow: hidden; text-align: left; color: #787878 }
.in-one-news .con .tit{ font-size: 20px; color: #8a8a8a; margin-bottom: 10px; height: 40px;overflow: hidden;}
.in-one-news .con .text{height: 64px;font-size: 14px;  overflow: hidden;}
.in-one-news .con .date{display: block; font-size: 14px; color: #8a8a8a; height: 30px; line-height: 30px;}


.other-page {padding: 40px 0 ;font-size: 16px;line-height: 30px;text-align: center;color: #333333;}
.other-page a {display: inline-block;*display: inline;*zoom: 1;padding: 0 1em;text-align: center;margin: 0 2px 6px;background: #fff;border: 1px solid #666666;}
.other-page .page-on ,.other-page a:hover { background: #666666; color: #fff;}

.news-title {font-size: 24px;line-height: 3;text-align: center;}
.news-date {margin-bottom: 20px;font-size: 12px;line-height: 0;text-align: center;}
.other-news {padding-bottom: 20px;font-size: 12px;line-height: 2;}
.other-news a:hover {color: #314560;}

.in-nav dl{position: absolute;left: 0;right: 0;top: 50px;background: rgba(49,69,96,.6); z-index: 30; display: none;}
.in-nav dl dd{  line-height: 30px;height: 30px; overflow-y: hidden; color: #fff;text-align: center;}
.in-nav dl dd:hover{background: #314560;}
.in-nav li:hover dl{display: block;}

.in-nav li.d{background: url(../images/erji-arrow.png) right center no-repeat;}
.in-nav dl .sanji{background: #05387a; z-index: 30; display: none; position: absolute;top: 0; min-width: 150px; }
.in-nav dl dd:hover>.sanji{ display: block;}
 

.pro-list{padding: 26px 0 0 0;}
.one-pro {float: left;width: 25%; text-align: center; }
.one-pro .pic-box {width: 236px;padding:6px;margin: auto;border: 1px solid #dfdedb;}
.one-pro .pic-box div {width: 236px;height: 236px;*font-size: 145.25px;}
.one-pro .pic-box img {max-width: 236px;max-height: 236px;}
.one-pro  p{height: 45px; line-height: 45px;overflow: hidden; color: #78636f; font-size: 14px;}

.producut-view{ padding: 36px 0 0 0;}
.pro-left{float: left;width: 680px; }
.producut-view .bd .pic-box { width: 485px; padding: 5px;border:1px solid #dcdcdc;}
.producut-view .bd .pic-box div{width: 485px;height: 485px; }
.producut-view .bd .pic-box img {max-width: 485px;max-height: 485px;}

 
.producut-view .hd li{float: left;margin-bottom: 10px;}
.producut-view .hd .pic-box { width: 94px; padding:8px; border:3px solid #f2f2f2;}
.producut-view .hd .pic-box div{width: 94px;height: 94px;}
.producut-view .hd .pic-box img {max-width:94px;max-height: 94px;}
 
.pro-intro {position: relative;width:498px;  float:right; }
.pro-name {font-size:23px;color: #323232;line-height:64px;height: 64px; border-bottom: 1px dotted #e6e6e6; }
 
.pro-describe{padding:26px 0; }
.pro-describe p{ line-height: 30px;  font-size: 16px; color: #505050;}
.pro-describe strong{font-size: 16px; color: #505050; font-weight: normal; padding-right: 12px;}


.pro-case .tit{font-size:30px;font-weight: bold; padding: 30px 0;border-bottom: 1px solid #e5e5e5 }
.pro-case .tit i{display: block;font-size: 20px; color: #b1b1b1;}
.pro-case .list{margin: 30px 0;}
.pro-case .list li{width: 25%; float: left;}
 
 
.pro-case .list li .pic-box{ width: 98%;}
.pro-case .list li .pic-box div{display: block; }
.pro-case .list li .pic-box div img {width: 100% }
.pro-case .list li p{line-height: 2;font-size: 14px;color: #9e9e9e;}

.series-tit{font-size: 28px; height: 34px;text-indent: 24px; margin: 40px 0 0 0; line-height: 34px; color: #494949; font-weight: bold;text-align: center;background: url(../images/series-tit.png) center center no-repeat;}
.series-text{font-size: 16px;color: #505050;line-height: 2; text-align: center;padding: 40px 0;}
.other-pro{padding-top: 100px;}
.other-pro a{display: inline-block;text-align: center; font-size: 20px; width: 192px;height: 50px;line-height: 50px;background: #cfa972;color: #fff;}



@media screen and (min-width: 1200px) {
 .index-pro .m-b{position: absolute;left: 0;right: 0;z-index: 20; max-width:1200px;width: 100%; margin: auto;  top: 0;bottom: 0;  }
 .index-pro .pro-mask{position: absolute;text-align: center; right: 0; width:420px;top: 0;bottom: 0;background: rgba(255,255,255,.9); }
 .in-one-news:hover,.one-pro:hover .pic-box{box-shadow: 2px 2px 5px 2px #ccc;
transform: scale(1.01) translateY(-5px);
    -webkit-transform: scale(1.01) translateY(-5px);
    -moz-transform: scale(1.01) translateY(-5px);
    -ms-transform: scale(1.01) translateY(-5px);
    -o-transform: scale(1.01) translateY(-5px);
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;}
 .index-news .main-box{ padding: 50px 0;background: url(../images/line.jpg) center 40px no-repeat;}
  
  .producut-view .bd{float: left; margin-left: 18px; }
  .producut-view .hd{float: right;height: 520px;overflow: auto; width: 140px;}
  .in-nav dl .sanji{left: 100%;}
}

@media screen and (max-width: 1199px) {
  .menu{float: right;margin-top: 17px; display: block;}
 .nav{display: none;}
 .logo{width: 120px;margin-top: 6px; }
 .header{height: 50px;   padding: 10px;}
 .sidebar-ico  {display: block;}
 .menu-wrap {display:block !important}
  .index-two .l,.index-two .r{display: block;}
  .index-about .tit, .index-news-tit{font-size: 25px;}
  .index-about .tit span, .index-news-tit span{font-size: 16px;}
  .index-about .con{margin-bottom: 24px;}
  .index-about .con p{font-size: 16px; display: inline;}
  .index-two p{height: 50px; line-height: 50px;font-size: 24px;}
  .index-two p{padding-bottom: 10px;}
  .index-news-tit{padding: 10px 0; margin-bottom: 30px;}
   .one-news .more{background: url(../images/arrow-on.jpg); margin-bottom: 30px;}
   .one-news .tit em{display: block;float: none;}
   .one-news .tit span{width: auto;display: block;  text-align: left; height: 40px;line-height: 40px; overflow: hidden;}
   .one-news .tit{height: auto;}
   .one-news .con{height: auto;padding-bottom: 14px;}
   .sup{text-align: center;overflow: hidden;}
   .sup span{float: none;}
   .sup a{margin: 0 2px;}
   .m-b{background: #f3f3f3}
   .contact-map .l{text-align: center;}   
 
    .index-pro .pro-mask .tit{padding: 0;}
    .index-pro .bd{float: left;width: 50%;text-align: center;}
    .arrow-wrap{margin-top: 0; position: absolute;right: 15%;bottom: 17px;}
    .arrow-wrap span{width: 24px; height: 24px; line-height: 24px; font-size: 16px;}
   
    .index-pro .pro-mask .tit{font-size:20px; padding-top:20px; }
    .index-pro .pro-mask .text span{margin-bottom: 0;line-height: 1;}
    .index-pro .pro-mask .text{font-size: 14px; line-height: 2;}
    .index-pro .pro-mask .add{position: absolute;right:16%;top: 15px; width: 60px; height: 60px; line-height: 60px;}
    .pro-mask{position: relative;height: 110px; padding: 10px 0 }
     
    .in-nav{font-size: 0;}
    .brand-story .hd{padding-top: 20px;}
    .about2{padding-bottom: 60px;}
    .brand-story .hd li{margin: 0; float: left;width: 20%;font-size: 14px; }
   .about2.index-about .tit{padding-bottom: 20px;}
    .brand-story .hd a{display: none;}
   .contact-form .bot{margin-top: 20px;}
   .contact-form .top .tit strong{font-size: 28px;}
    .pro-case .tit{ margin: 0 10px; font-size: 18px; padding: 15px 0; }
    .pro-case .tit i{font-size: 12px;}
    .producut-view .hd{margin: 20px 0;height: 130px;}
    .producut-view .hd ul{height: 130px;overflow-x:auto;white-space: nowrap;}
    .producut-view .hd li{float: none;display: inline-block;}
    .other-pro{padding: 20px 0;}
    .in-nav li:nth-child(2n+1) dl .sanji{left: 100%;} 
    .in-nav li:nth-child(2n) dl .sanji{right: 100%;} 



.ha{height: auto !important;padding: 20px 10px !important;}
.dn{display: none !important;}

.np{display: block;}
.p10{padding: 0 10px !important;}
.phone-mar{margin: 20px 0 !important;}
.r-pic-box{width: 96% !important; float: none !important;margin: auto !important;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.r-pic-box .pic-box {width: auto !important;height: auto !important; margin: auto !important;}
.r-pic-box .pic-box div{display: block !important;height: auto !important;width: auto !important;}
.r-pic-box .pic-box img{max-width: 100% !important;} 
.half{width:48% !important; margin: 0 1% 10px!important; float: left !important;}
.in-one-news{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; margin-bottom: 10px !important }
.one-pro.r-pic-box .pic-box div{height: 0 !important;padding-bottom: 50% !important;position: relative;}
.one-pro.r-pic-box .pic-box img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto; max-height: 100%;}
}
@media screen and (max-width: 767px) {
.banner .owl-nav div{width: 19px;height: 34px; margin-top: -19px;}
.banner .owl-nav div.owl-prev ,.banner .owl-nav div.owl-next{background-size: contain;}
.banner .owl-dots{height: 30px; line-height: 30px;}
.banner .owl-dot{width: 10px; height: 10px;}
}


@media screen and (max-width: 640px) {
body{opacity: 0;}

 
}