html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td ,dd,dt{margin: 0;padding: 0;}
*{ margin:0; padding:0; outline:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; outline:none }
.clear{ clear:both; }
a,i{text-decoration:none;color:#333;margin: 0;padding: 0;}
a:hover{color:#305dc3}
input{border:none;   outline:medium; padding:0 5px;font-family:;}
textarea{font-family:;}
body{ width:100%;font-family:"microsoft yahei"; background:#fff; color:#333; font-size:14px;}
html{overflow-x: hidden;}
table{border-collapse:collapse}
ul,li,ol{ list-style: none;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display: table;line-height: 0;content:"";}
.clearfix:after{clear:both;}
.clear{clear: both;}
.transition {-moz-transition: all .3s ease;-webkit-transition: all .3s ease;transition: all .3s ease;}

.header-pc{width: 100%;background: #000;height: 120px;}
.container{width: 1200px;margin: auto;}
.header-pc .logo{display: block;float: left;margin-top: 12px;}
.header-pc nav{float:right;}
.header-pc nav ul li a{display: block;color: #fff;}
.header-pc nav>ul>li{float: left;position: relative;line-height: 120px;height: 120px;width: 120px;text-align: center;}
.header-pc nav>ul>li span{display: none;width: 26px;height: 2px;background: #f1c586;position: absolute;bottom: 42px;left: 50%;margin-left: -13px;}
.header-pc nav>ul>li.active span{display: block;}
.header-pc nav>ul>li.active>a{color:#f1c586 ;}
.header-pc nav>ul>li:hover a{color:#f1c586 ;}

.header-pc nav>ul>li>ul{position: absolute;top: 100%;width: 100%;display: none;z-index: 60000000000000;}
.header-pc nav>ul>li>ul>li>a{background: #000;height: 40px;line-height: 40px;color: #fff;}
.header-pc nav>ul>li>ul>li>a:hover{background:#f1c586 ;color: #000;}
.header-pc nav>ul>li:hover ul{display: block;}

#wap-nav{width: 100%;display: none;transition:ease-out .3s;position: relative;z-index: 999999999;}
.navbar{padding: 10px 0;overflow: auto;background: #000;}
.navbar .navbar-brand{float:left;width: 20%;margin-left:10px;display: block;}
.navbar .header-toggle{width: 28px;height: 25px;float:right;cursor: pointer;margin-top: 17px;margin-right: 16px;}
.navbar .header-toggle span{display: block;width: 29px;height: 3px;background-color: #fff;position: relative;margin-top:6px;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}
.navbar .header-toggle span:nth-child(1){ margin-top:0;    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
 }
.navbar .on span:nth-child(1){margin-top:0px; -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);-webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}
.navbar .on span:nth-child(2){ opacity:0;}
.navbar .on span:nth-child(3){margin-top: 7px; -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);-webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}
#wap-nav .nav{ position: absolute; width: 100%; opacity: 1;display: none;z-index: 10000;}
#wap-nav .nav li{background: #000;border-bottom: 1px dashed #666;text-indent: 10px;padding: 10px 20px;width: 100%;}
#wap-nav .nav li a{ display: block; color: #fff;}
#wap-nav .nav li dl{ padding-left: 20px;}
#wap-nav .nav li dl dd{ margin: 15px 0;}
.nav-cer{width: 90%;margin: auto;}
.navbar .navbar-brand img{width: 100%;}

.fullSlide{position:relative;background:#000;margin:0 auto;z-index: -1;}
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd li img{width:100%; vertical-align:top;  } 
.fullSlide .hd{position: absolute;z-index:1;right: 40px;bottom: 100px;top: 50%;margin-top: -45px;}
.fullSlide .hd ul{text-align:center;padding-top: 0px;}
.fullSlide .hd ul li{
    cursor:pointer;
    display:block;    
    zoom:1;
    width: 10px;
    height: 10px;
    overflow:hidden;
    font-size:0;
    position: relative;    
    background: #343434;
    border-radius: 50%;
    margin-top: 20px;
}

.fullSlide .hd ul .on{ background: #f1c586; }
.fullSlide .prev,.fullSlide .next{ z-index:1; display:block; width:55px; height:55px; position:relative; margin:-27% 0 0 3%; float:left;  background:url(../images/arrow.png) 0 0 no-repeat; filter:alpha(opacity=40);opacity:0.4  }
.fullSlide .next{  background-position:right 0; float:right; margin-right:3%  }
.fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=80);opacity:0.8 }
.wap_ban{display: none;}
.fullSlide .bd li .text{position: absolute;top: 30%;color: #fff;z-index: 1;}
.fullSlide .bd li .text h2,.fullSlide .bd li .text p,.fullSlide .bd li .text a{color: #fff;}
.fullSlide .bd li .text h2{font-size: 50px;}
.fullSlide .bd li .text p {width: 600px;margin-top: 40px;line-height: 40px;font-size: 20px;}
.fullSlide .bd li .text a{font-size:18px;position:relative;margin-top:50px;display: block;width: 150px;height:40px;line-height:40px;text-align:center;border: 1px solid #FFFFFF;border-radius: 50px;}
.fullSlide .bd li .text a:hover{transform: translateY(-10px);color: #fff;}
.fullSlide .bd li .text a::before {
    content: '';
    width: 100%;
    position: absolute;
    top: 0;
    height: 100%;
    -webkit-transition: top .4s ease-in-out;
    transition: top .4s ease-in-out;
    background: #166ec9;
    display: none;
    z-index: -1;
    border-radius: 50px;
}
.fullSlide .bd li .text a:hover::before
{
	display: block;
}

.navbar .navbar-brand img{width: 100%;}
#banner{ width: 100%;}
#banner img{ display: block; width: 100%;}
#banner .pc-banner{}
#banner .wap-banner{ display: none;}
.demo{background: rgba(255,255,255,0.15);width: 100%;/* padding:20px 0; */overflow: hidden;margin-top: -110px;position: relative;}
.demo ul li{float: left;width: 24.9%;text-align: center;color: #fff;padding: 20px 0;}
.demo ul li+li{border-left: 1px solid #fff;}
.demo ul li dt span{font-size: 30px;font-weight: bold;}
.demo ul li dt sub{color: #f5eb0c;font-size: 20px;margin-left: 3px;font-weight: bold;}
.demo ul li dd{font-size: 18px;margin-top: 5px;}

.index-about{width: 100%; }
.index-about{margin-top: -193px;position: relative;z-index: 2000000;box-shadow: 3px -1px 30px #999;/* overflow: hidden; *//* top: 0; *//* width: 1200px; */}
.index-about .about-left{float: left;width:50%;}
.index-about .about-left img{display: block;width: 100%;}
.index-about .about-right{float: right;width: 50%;background: #fff;height: 415px;}
.index-title{text-align: center;}
.index-title h2{font-size: 30px;font-weight: normal;}
.index-title>img{display: block;margin: 15px auto;}
.index-about .about-right .index-title h2{margin-top: 50px;font-size: 26px;color: #333;letter-spacing: 2px;}
.index-about .about-right dl dd{width: 85%;margin: 30px auto;}
.index-about .about-right dl dd p{line-height:32px;color: #999;}
.index-about .about-right dl dd a{float: right;margin-top: 30px;display: block;}
.index-about .about-right dl dd a:hover{text-decoration: underline;color: #000;}

#index-about{/* position: relative; */}
#index-about .about-cer{background: url(../images/bg1.jpg) top center no-repeat;background-size: 100%;/* overflow: hidden; *//* padding-bottom: 50px; */}
#index-about .about-cer .index-title{padding-top: 40px;}
#index-about .about-cer .index-title h2{}
#index-about .about-cer .about-text{width: 40%;margin: 7px auto;font-weight: bold;color: #0f2a4d;text-align: center;font-size: 18px;letter-spacing: 1px;line-height: 30px;margin-top: 30px;}
#index-about .about-cer video{/*height: 400px;*/width: 100%;display: block;object-fit:fill;margin-top: 20px;box-shadow: 3px -1px 30px #999;}

#index-pro{margin-top: 70px;}
.index-title2 h2{}
#index-pro .pro-items {display: flex;display: -webkit-flex;justify-content: space-around;margin-top: 40px;}
#index-pro .pro-items li{float: left;overflow: hidden;position: relative;width: 32%;}
#index-pro .pro-items li a{display: block;}
#index-pro .pro-items li .items-img{width: 100%;height: 100%;overflow: hidden;}
#index-pro .pro-items li .items-img img{width: 100%;display: block;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;transition: all .5s ease;}
#index-pro .pro-items li span{display: block;position: absolute;bottom: 0;left: 0;height: 38px;line-height: 38px;background: rgba(255,255,255,0.6);color: #333;text-align: center;width: 100%;font-weight: bold;font-size: 16px;}
#index-pro .pro-items li:hover img{transform: scale(1.5);}
#index-pro .pro-items li:hover span{background: #f1c586;}

#index-service{background: url(../images/bg2.jpg) top center no-repeat; background-size: cover;padding: 40px 0;margin-top: 70px;}
#index-service .index-title2 h2{color: #fff;}
#index-service .container{width: 900px;}
#index-service .ser-items{display: flex;display: -webkit-flex;justify-content: space-around;margin-top: 60px;}
#index-service .ser-items li{float: left;width: 30%;text-align: center;}
#index-service .ser-items li p{line-height: 40px;color: #fff;font-size: 20px;letter-spacing: 3px;}
#index-service .ser-items li:hover p{
     background-image: -webkit-gradient(linear, 1 5, 1 bottom, from(rgba(204, 157, 90, 1)), to(rgba(255, 255, 255, 1)));
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     -webkit-transition:color 0.3s linear;
     -moz-transition:color 0.3s linear;
     -o-transition:color 0.3s linear;
     transition:color 0.3s linear;
     font-weight: bold;
}
#index-service .ser-items li img{margin: 0 auto;}
#index-service .container>p{text-align: center;width: 50%;margin: 40px auto 0 auto;color: #fff;font-size: 18px;line-height: 30px;letter-spacing: 2px;}

#index-news{margin-top: 70px;}
.news-items{}
.news-items ul{margin-top: 50px;}
.news-items ul li{width: 100%;background: #000;width: 100%;height: 150px;}
.news-items ul li a{display: block;color: #fff;}
.news-items ul li:nth-child(2n){background: #fff;}
.news-items ul li:nth-child(2n) a{color: #0f2a4d;}
.news-items ul li .news-img{width: 150px;height: 150px;float: left;overflow: hidden;}
.news-items ul li .news-img img{width: 100%;height: 100%;-moz-transition: all .3s ease;-webkit-transition: all .3s ease;transition: all .3s ease;}
.news-items ul li .data{width: 100px;float: left;text-align: center;margin: 37px 20px;}
.news-items ul li .data p{font-size: 42px;}
.news-items ul li .data span{display: block;font-size: 10px;}
.news-items ul li dl{float: left;width: 780px;margin-top: 50px;}
.news-items ul li dl dt{font-size: 18px;}
.news-items ul li dl dd{font-size: 14px;margin-top: 15px;}
.news-items ul li .more{display: block;float: right;width: 110px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #fff;color: #fff;margin-top: 50px;-webkit-transition:margin-top 0.3s linear;
     -moz-transition:margin-top 0.3s linear;
     -o-transition:margin-top 0.3s linear;
     transition:margin-top 0.3s linear;}
.news-items ul li:nth-child(2n) .more{color: #0f2a4d ;border-color:#0f2a4d ;}
.news-items ul li .more:hover{ margin-top: 40px; background: #f1c586;color: #0f2a4d;border: none;}
.news-items ul li:hover img{transform: scale(1.5);}

#index-contact{background: url(../images/bg3.jpg) no-repeat top center;background-size: cover;padding: 40px 0;overflow: hidden;}
#index-contact .index-title2 h2{color: #FFFFFF;}
#index-contact .cont-left{float: left; width: 290px;}
#index-contact .cont-left img{display: block;margin-left: auto;margin-right: auto;}
#index-contact .cont-left a{display: block;width: 200px;height: 40px;line-height: 40px;border-radius: 10px; background: #f1c586;color: #333;text-align: center;margin-top: 20px;font-size: 16px;margin:30px auto;font-size: 18px; font-weight: bold;}
#index-contact .cont-left a:hover{background: #fff;}
#index-contact  .cont-right{ float: right;width: 862px;}
#index-contact  .cont-right>img{display: block;width: 100%;}
#index-contact .cont-left,#index-contact  .cont-right{margin-top: 30px;}

#index-join{background: url(../images/bg4.jpg) no-repeat top center;background-size: cover;padding: 40px 0;overflow: hidden;position: relative;}
#index-join .index-title2 h2{color: #FFFFFF;}
#index-join .index-title{
    position: absolute;
    left: 50%;
    margin-left: -65px;
    top: 50%;
    margin-top: -35px;
}
#index-join .join-box{color: #fff;}
#index-join .join-box ul li{width: 36%;float: right;}
#index-join .join-box ul li img{display: block;float: right;}
#index-join .join-box ul li h2{color: #f1c586;font-size: 30px;margin-top: 40px;}
#index-join .join-box ul li p{font-size: 15px;line-height: 26px;margin-top: 20px;letter-spacing: 2px;}
#index-join .join-box ul li:nth-of-type(2){float: left;width: 45%;}
#index-join .join-box ul li:nth-of-type(2) img{float: left;margin-top: -21px;}
#index-join .join-box ul li:nth-of-type(2) p,#index-join .join-box ul li:nth-of-type(2) h2{margin-left: 40px;}

#footer{background: #0f2a4d;width: 100%;border-top: 5px solid #f1c586;color: #fff;padding: 60px 0 40px 0;overflow: hidden;}
#footer a{color: #fff;}
#footer .fot-left{float: left;}
#footer .fot-left nav *{float: left;}
#footer .fot-left nav a{font-size: 12px;}
#footer .fot-left nav span{margin: 0 10px;vertical-align: middle;font-size: 12px;}
#footer .fot-left>p{opacity: 0.6;font-size: 12px;margin-top: 30px;line-height: 20px;}
#footer .fot-right{float: right;width: 40%;}
#footer .fot-right>p{font-size: 26px;font-style: italic;float: left;margin-top: 12px;}
#footer .fot-right .ewm{float: right;}
#footer .fot-right .ewm img{display: block;}
#footer .fot-right .ewm span{display: block;line-height: 16px;text-align: center;font-size: 12px;margin-top: 5px;}

#Bot-nav{position: fixed;bottom: 0;width: 100%;max-width: 1200px;overflow: hidden;z-index: 555555555;display: none;}
#Bot-nav ul li{width: 24.7%;border-right: 1px solid #999;float:left;overflow: hidden;}
#Bot-nav ul li:last-child{border: none;}
#Bot-nav ul li a{display: block;color: #fff;/* width: 100%; *//* height: 100%; */background: #000;padding: 10px 0;}
#Bot-nav ul li a .nav-img{width: 30%;margin: 0 auto;}
#Bot-nav ul li a .nav-img img{ width: 100%;}
#Bot-nav ul li a.cur-bot{background: #e8b56b;}
#Bot-nav ul li a p{font-size: 14px;text-align: center;margin-top: 0px;}
.marginTop{height: 0px;}

.common-resign{position: fixed;bottom: 0;left: 0;width: 285px;}
.common-resign .com-top{height: 40px;/* line-height: 40px; */background: #f1c586;color: #fff;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.common-resign .com-top h2{float: left;margin-left: 10px;font-size: 16px;font-weight: normal;line-height: 40px;}
.common-resign .com-top span{display: block;float: right;margin-right: 10px;color:#fff;margin-top: 13px;cursor: pointer;font-size: 60px;line-height: 1px;}
.common-resign .com-bot{background: #ededed;color: #666;height: 60px;border-bottom: 1px solid #d5d5d5;text-indent: 10px;overflow: hidden;width: 100%;}
.common-resign .com-bot p{margin-top: 14px;font-size: 15px;}
.common-resign .com-bot span{display: block;font-size: 12px;color: #999;}
.common-resign .resign-form{background: #ededed;color: #666;padding: 20px 0px;}
.input-form{height:30px;line-height: 30px;margin-top:10px;}
.input-form span{display: block;float: left;width: 24%;text-align: right;}
.input-form input{display: block;float: left;width: 62%;border: 1px solid #ccc;height: 30px;margin-left: 3%;}
.input-form button{display: block;background: #f1c586;color: #fff;border: none;border-radius: 5px;margin: 20px auto;width: 100px;height: 35px;font-size: 16px; font-family: "microsoft yahei";cursor: pointer;}
.common-resign2{height: 40px;}
.aside-tc{position: fixed;top: 30%;right: 0;z-index: 999999999;}
.aside-tc ul li{position: relative;margin-top: 2px;}
.aside-tc ul li a{display: block;cursor: pointer;}
.aside-tc ul li .tel{position: absolute;height: 39px;line-height: 39px;top: 0;background: #f2c46c;color: #fff;display: block;right: -160px;WIDTH: 160PX;text-align: center;transition: all .5s;cursor: pointer;}
.aside-tc ul li:hover .tel{transform: translateX(-200px);}
.aside-tc ul li .ewm{position: absolute;right: 41px;top: -18px;display: none;}
.aside-tc ul li:hover .ewm{display: block;}
.leader{width: 100%;height: 100%;background: url(../images/leader.jpg) center center no-repeat;background-size: cover;position: absolute;top: 0;left: 0;z-index: 999999999999999;overflow: hidden;}
.leader img{
  position: absolute;
  bottom: 10%;
  left: 50%;
  animation: changeBiger 2s linear forwards;
  animation-delay: .1s;
  -webkit-animation-delay: .1s;
  transform: scale(0.5);
  margin-left: -52px;
}
@keyframes changeBiger {
    0% {
        transform: scale(0.5);
    }
    100% {
        transform: scale(1);
    }
}

/*.show-slow{display: none;}*/
.footer-nei{margin-top:70px}
.nei-banner img{width: 100%;display: block;}
.nei-banner img:nth-child(2){display: none;}
.hy-resign{}
.nei-title{text-align: center;font-size: 28px;font-weight: normal;margin: 40px 0;}
.hy-resignL{float: left;width: 47%;}
.hy-resignL span{display: block;font-size: 15px;}
.hy-resignR{float: right;width: 47%;}
.hy-resign .hy-box{margin-top:20px;}
.hy-resign .hy-box .hy-input{width: 100%;position: relative;margin-top: 8px;}
.hy-resign .hy-box .hy-input input,.hy-resign .hy-box textarea{display: block;width: 100%;height: 40px;line-height: 35px;border: 1px solid #e1e1e1;border-radius: 3px;}
.hy-resign .hy-box .hy-input i{position: absolute;right: 10px;top: 10px;color: red;font-size: 18px;}
.hy-resign .hy-box textarea{height: 136px;width: 101%;}
.hy-resign button[type='submit']{display: block;width: 100%;background: #f1c586;color: #fff;height: 50px;letter-spacing: 22px;font-size: 22px;border: none;margin-top: 30px;cursor: pointer;}
input,button,textarea{font-family: "microsoft yahei";}

#contact{}
#contact .con-listss{}
#contact .con-listss li{float: left;width: 33.3%;margin-top: 50px;height: 105px;overflow: hidden; cursor: pointer;}
#contact .con-listss .cl-left{float: left;width: 80px;height: 80px;text-align: center;background: #eeeeee;border-radius: 50%;line-height: 80px;font-size: 36px;}
#contact .con-listss .cl-left i{color: #999;}
#contact .con-listss .cl-right{float: left;margin-left: 16px;margin-top: 7px;/* width: 70%; */}
#contact .con-listss .cl-right h3{font-size: 16px;color: #666;}
#contact .con-listss .cl-right span{display: block;width: 20px;height: 3px;background: #eee;margin: 5px 0 10px 0;}
#contact .con-listss .cl-right p{/* width: 0%; */}
#contact .con-listss li:hover .cl-left{background: #f1c586;}
#contact .con-listss li:hover i{color: #fff;}
#contact .con-listss li:hover span{background-color: #f1c586;}
#contact .con-listss li:hover h3,#contact .con-listss li:hover p{color: #f1c586;}

#contact .con-lists2{margin-top: 45px;}
#contact .con-lists2 dd{float: left;width: 30%;height: 170px;overflow: hidden;text-align: left;padding: 0 1.5%;/*margin: 50px 0 30px 0;*/}
#contact .con-lists2 dd+dd{/*border-left: 1px solid #e1e1e1;*/}
#contact .con-lists2 dd p{line-height: 2px;color: #666;margin-top: 20px;}
#contact .con-lists2 dd h3{font-weight: normal;color: #000;font-size: 18px;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
#dituContent{width: 100%;height: 400px;margin-top: 50px;}

#news{}
#news ul.n-cer li{background: #fff;padding: 40px 0;}
#news ul.n-cer li:nth-child(2n){background: #f5f5f5;}
#news ul.n-cer li a{color: #333;display: block;}
#news ul.n-cer li .news-image{float: left;width: 20%;height: 150px;overflow: hidden;}
#news ul.n-cer li .news-image img{width: 100%;height: 100%;display: block;transition: all .5s;}
#news ul.n-cer li dl{float: right;width: 77%;}
#news ul.n-cer li dl dt{font-size: 16px;margin-top: 5px;}
#news ul.n-cer li dl dd span{font-size: 12px;margin-top: 10px;}
#news ul.n-cer li dl dd p{line-height: 26px;margin-top: 20px;}
#news ul.n-cer li:hover{box-shadow: 0px 1px 22px #ccc;}
#news ul.n-cer li:hover img{transform: scale(1.5);}
#news ul.n-cer li:hover dt{text-decoration: underline;}
#page{ text-align:center; margin-top:50px}
.page li{ display:inline-block; margin: 0 3px;}
.page li a{display:block;padding: 2px 8px;text-align:center;border:1px solid #ccc;background:#fff;color:#999;font-size: 14px;}
.page li a.cur-page,.page li a:hover{ background: #f1c586; color: #fff; border-color:#f1c586 ;}
.page li a:hover,.page li a:active,.page li a:focus,.page li a:visited
{
	text-decoration: none;
}

#News-More{/* margin-top: 40px; */}
#News-More h2{text-align: center;font-size: 24px;}
#News-More .data-news{text-align: center;margin-top: 15px;color: #999;}
#News-More .data-news i{color: #999;}
#News-More .news-TexT{width: 80%;margin:0 auto; padding: 30px 0;border-top: 1px dashed #676767;margin-top: 30px;border-bottom: 1px solid #e1e1e1;}
#News-More .news-TexT p{line-height: 33px;color: #595959;}
#News-More .news-TexT img{display: block;margin: 15px auto;width: 100%;}
.bdsharebuttonbox{margin-top: 15px;float: right;}
.pre-next{margin-left: 10px;margin-top: 15px;color: #999;}
.pre-next li{margin-top: 10px;}
.pre-next a{color: #999;}
.pre-next a:hover{color: #f1c586;}
.common-nav{width:100%;background: #f5f5f5;height: 50px;line-height: 50px;margin-bottom: 40px;}
.common-nav ul{text-align: center;}
.common-nav ul li{display: inline-block;width: 12%;text-align: center;}
.common-nav ul li a{display: block;width:100%;color: #333;font-size: 18px;}
.common-nav ul li a:hover,.common-nav ul li.active a{background: #f1c586;}

#pro-detarils{}
.pros-box{}
.pros-box .pro-img{float: left;width: 35%;/*height: 200px;;*/}
.pros-box .pro-img img{display: block;width: 100%;height: 100%;}
.pros-box .pro-img .bdsharebuttonbox{float: none;}
.pros-box dl{float: right;width: 57%;margin-top: 30px;}
.pros-box dl dt{font-weight: bold;color: #000;font-size: 20px;}
.pros-box dl dd{
    line-height: 30px;
    margin-top: 15px;
}

#pro-detarils .pro-more{margin-top: 30px;}
#pro-detarils .pro-more .cp-del{border-bottom: 1px solid #E1E1E1;}
#pro-detarils .pro-more .cp-del h3{border-bottom: 2px solid #f1c586;width: 80px;line-height: 40px;text-align: center;font-weight: normal;font-size: 18px;}
.pro-show-img img{display: block;margin-top: 10px;width: 100%;}
.pre-next-pro{}
.pre-next-pro ul li{float: left;width: 50%;margin-top: 32px;}
.pre-next-pro ul li:nth-child(2){text-align: right;}
.pre-next-pro ul li a{display: block;height: 30px;line-height: 30px;}
.pre-next-pro ul li span{display: inline-block;width: 64px;border: 1px solid #E1E1E1;text-align: center;margin-right: 10px;}
.pre-next-pro ul li:hover a{color: #f1c586;}
.pre-next-pro ul li:hover span{background:  #f1c586;color: #fff;border-color:#f1c586;}

#pro-show{}
.show-items{}
.show-items .pro-img{width: 95%;margin: 0 auto;/*height: 300px;*/overflow: hidden;}
.show-items .pro-img img{width: 100%;/*height: 100%;*/ transition: all .5s; }

.show-items li{float: left;width: 32%;margin-left: 1%;text-align: center;margin-top: 40px;}
.show-items li h3{height: 20px;overflow: hidden;/*margin-top: 10px;*/}
.show-items li p{height: 20px;overflow: hidden;margin: 15px 0;}
.show-items li a{display: block;width: 100px;height: 30px;line-height: 30px;border: 1px solid #E1E1E1;color: #333;margin-left: auto;margin-right: auto;}
.show-items li a:hover{background: #f1c586;border-color: #f1c586;}
.show-items li:hover img{transform: scale(1.5);}

#brand{}
#brand .brand-items{}
#brand .brand-items li{width:100%;background: #fff;padding: 70px 0;overflow: hidden;}
#brand .brand-items li:nth-child(2n){background: #f5f5f5;}
#brand .brand-items li .brand-box{float: left;width: 48%;}
#brand .brand-items li .brand-box:nth-child(2){float: right;}
#brand .brand-items li .brand-box dl {margin-top: 30px;}
#brand .brand-items li .brand-box dl dt {font-size: 30px;color: #000;font-weight: bold;}
#brand .brand-items li .brand-box dl dt span{display: block;font-size: 14px;font-weight: normal;color: #f1c586;text-transform: uppercase;}
#brand .brand-items li .brand-img{width: 100%;height: 320px;}
#brand .brand-items li .brand-img img{width: 100%;height: 100%;}
#brand .brand-items li .brand-box dl{margin-top: 50px;}
#brand .brand-items li .brand-box dl dd{font-size: 24px;color: #666;margin-top: 30px;line-height: 34px;}
#brand .brand-items li .brand-box dl dd span{display: block;font-size: 18px;}

.cntl {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.cntl-center {
	left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
}

.cntl-bar {
	position: absolute;
	width: 10px;
	top: 0;
	bottom: 0;
	background-color: #ccc;
	box-shadow: inset 0px 0px 7px -2px #000;
}


.cntl-bar-fill {
	background-color: #f1c586;
	position: absolute;
	left:0;
	right:0;
	top:0;
	height:0;

}

.cntl-state {
	position: relative;
	width:100%;
	/* min-height: 200px; */
	margin-bottom: 50px;
}

.cntl-state::after {
	display:block;
	content: ' ';
	clear:both;
}

.cntl-icon {
	border-radius: 50%;
	width: 80px;
	height: 80px;
	background-color: #0f2a4d;
	border: solid 5px #f1c586;
	box-shadow: 0px 0px 19px -9px #000;
	position: absolute;
	top: 0;
	text-align: center;
	line-height: 80px;
	font-size: 18px;
	color: #fff;
}

.cntl-content {
	width: 40%;
	padding: 2%;
	background-color: rgba(238, 238, 238, 0.25);
	border-radius: 8px;
	border-bottom: solid 3px #f1c586;
	float:left;
	opacity:0;
	position:relative;
	margin-left:-40%;
}

.cntl-state:nth-child(2n+2) .cntl-content {
	float:right;
	margin-right:-40%;
}

.cntl-image {
	opacity:0;
	width: 30%;
	padding: 2%;
}

.cntl-state:nth-child(2n+1) .cntl-image {
	float:right;
}

.cntl-image img {
	width:100%;
}

.cntl-content h4 {
	font-size:20px;
	font-weight: normal;
	margin-bottom: 10px;
}


/*
animations
*/
.cntl-bar-fill,.cntl-content,.cntl-image {
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	transition: all 500ms ease;
}

.cntl-state:nth-child(2n+2).cntl-animate .cntl-content {
	margin-right: 0;
}

.cntl-animate .cntl-content {
	opacity:1;
	margin-left:0%;
}

.cntl-animate .cntl-image {
	opacity:1;
}

#join{}
.js-items{width: 95%;margin: 30px auto 0 auto;}
.js-items dl{width: 100%;margin-top: 25px;}
.js-items dl dt{color: #666;cursor: pointer; line-height: 40px;font-size: 15px;font-size: 16px;}
.js-items dl:nth-child(1) dd{display: block;}
.js-items dl dt .bg{vertical-align: middle;margin-right: 10px;display:inline-block;width:42px;height:47px;}
.js-items dl:nth-child(1) dt .bg{background: url(../images/pa1.png) left center no-repeat;}
.js-items dl:nth-child(2) dt .bg{background: url(../images/pa2.png) left center no-repeat;}
.js-items dl:nth-child(3) dt .bg{background: url(../images/pa3.png) left center no-repeat;}
.js-items dl:nth-child(4) dt .bg{background: url(../images/pa4.png) left center no-repeat;}
.js-items dl dt.cur-hire{color: #f1c586;}
.js-items dl dt i{ display: inline-block;float: right;margin-right: 15px;height: 20px;width: 20px;line-height: 20px;border: 1px solid #ccc;color: #666;text-align: center;border-radius: 50%;margin-top: 10px;font-weight: bold;}
.js-items dl dt.cur-hire i{border-color: #333;color: #333;} 
.js-items dl dt.cur-hire .bg{background-position-x: right;}
.js-items dl dd {line-height: 30px;color: #666;margin-left: 20px;margin-top: 20px;display: none;font-size: 16px;}
.js-items dl dd strong{display: block;color: #555;}
.js-items dl dt span.hidden-sm{float: right;margin-right: 40px;}
.js-items dl dt strong{margin-right: 30px;font-size: 18px;}
.js-items dl dt.cur-hire span.hidden-sm{color: #666;}
.js-items dl{border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;}

#gycc{}
#gycc ul li{width: 100%;padding: 40px 0;background: #fff; text-align: center;}
#gycc ul li:nth-child(2n){background: #f5f5f5;}
#gycc ul li h3{color: #333;font-size: 32px;}
#gycc ul li p{width: 80%;margin: 30px auto;color: #333;font-size: 16px;line-height: 26px;}
#gycc ul li img{display: block;width: 100%;}