@charset "utf-8";
/* CSS Document */
html{font-size: 14px;}
body{margin:0px; padding:0px; font-size:14px; color:#666;}
a{color:#666; text-decoration:none; outline:none;}
a:active{star:expression(this.onFocus=this.blur());} 
img{border:0px; vertical-align:middle;}
a:link {text-decoration: none; outline:none;}
/*a:visited{text-decoration: none; outline:none;}*/
/*a:hover{text-decoration:none; color:#36a390; outline:none;}*/
ul, p, dl, dt, dd{padding:0px; margin:0px;}
li{list-style-position:outside; list-style-type:none;}
h1, h2, h3, h4, h5{font-size:14px; padding:0px; margin:0px;}
h1{font-size:16px;}
h5{font-size:12px;}
.fl{float:left;}
.fr{float:right;}
.ovh{overflow: hidden;}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}

input, textarea{background:transparent; padding:0px; font-size:14px; color:#666; outline:none; border:0px;}
em{font-style:normal;}
input,textarea,input[type=button], input[type=submit],input[type=file], button { cursor: pointer;-webkit-appearance: none; } 

/*通用*/
input::-webkit-input-placeholder{color: #666;} 
input:-moz-placeholder{color: #666; } 
input::-moz-placeholder{color: #666; } 
input:-ms-input-placeholder{color: #666; }
textarea::-webkit-input-placeholder{color: #666;} 
textarea:-moz-placeholder{color: #666; } 
textarea::-moz-placeholder{color: #666; } 
textarea:-ms-input-placeholder{color: #666; }

input:focus {outline: none; } 
input:focus::-webkit-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; } 
input:focus::-moz-placeholder {text-indent: 100%; opacity: 0; -moz-transition: .4s; } 
input:focus:-ms-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; }
textarea:focus {outline: none; } 
textarea:focus::-webkit-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; } 
textarea:focus::-moz-placeholder {text-indent: 100%; opacity: 0; -moz-transition: .4s; } 
textarea:focus:-ms-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; }
i{font-style: normal;}

.wal{width: 1200px;margin:0 auto;}
.pc-show{display: block!important;}
.pc-hide{display: none!important;}

.l1{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.l2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.l3{display: -webkit-box;/*-webkit-line-clamp: 3;*/-webkit-box-orient: vertical;/*overflow: hidden;*/}
.l4{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}

/*图片放大*/
.icb{overflow: hidden;}
.icb img{transition: all .5s;}
.icb:hover img{-webkit-transform: scale(1.2);transform: scale(1.2);}

.icb1{overflow: hidden;}
.icb1 img{transition: all .5s;}
.icb1:hover img{-webkit-transform: scale(1.08);transform: scale(1.08);}

/*按钮动画--start*/
.ico_h {display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } 
.ico_h:before {pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } 
.ico_h:hover, .ico_h:focus, .ico_h:active {-webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } 
.ico_h:hover:before, .ico_h:focus:before, .ico_h:active:before {opacity: .4; -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }
/*按钮动画--end*/

.tran_2{-webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;color: #eee;}
.tran_3{-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;color: #eee;}
.tran_4{-webkit-transition: all .9s;-moz-transition: all .9s;-o-transition: all .9s;transition: all .9s;}
.tran_5{-webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;}
.tran_6{-webkit-transition: all 2.1s;-moz-transition: all 2.1s;-o-transition: all 2.1s;transition: all 2.1s;}
.tran_7{-webkit-transition: all 2.7s;-moz-transition: all 2.7s;-o-transition: all 2.7s;transition: all 2.7s;}

/*模拟下划线动画*/
.lm:after{content:' '; display: block; width: 0%; height: 1px; background: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } 
.lm:hover:after{width: 100%; } 

/*头部*/
.header{width: 100%;height: 100px;line-height: 100px;z-index: 90;background:#f9f9f9; position:fixed; left:0px; top:0px;} 
.header .box{/*overflow:  hidden;*/position:  relative;} 
.header .logo{margin-left: 2%; } 
.header .list{overflow:hidden;margin-right: 217px;} 
.header .list li{float: left; } 
.header .list li .a1{display: block;font-size: 16px;color: #2c2c2c; width:130px; display:table-cell; text-align:center; vertical-align:middle} 
/*.header .list li a{display: block;font-size: 16px;color: #2c2c2c;padding: 0 33px;}*/
.header .list li .a1 i{width: 1px; height: 13px; background: #bbbbbb; display: inline-block; float: right; margin-top:  48px; margin-left: 30px; } 
.header .list li.on .a1{color: #fff; background:#283b59;font-size: 14px;} 
.header .list li.on2 .a1{color: #fff; background:#283b59;font-size: 14px;} 
.header .list li .a1:hover{color: #fff; background:#283b59;font-size: 14px; } 
.header .icos{position:  relative;} 
.header .icos li{float: left;} 
.header .icos li.phone{font-size:  18px; color:  #313247; } 
.header .icos li.phone img{margin-right:  15px; margin-top: -5px; } 
.header .icos li.wx{width:  70px; text-align:  center; cursor: pointer; } 
.header .icos li.wx .ewm{display: none; width: 100px; margin-top: -32px; margin-left: -50px; } 
.header .icos li.wx:hover .ewm{display: block;} 
.header .icos li.search{width:  77px; text-align:  center; background: #283b59; cursor:  pointer; }

.ind-header{position:fixed;width: 100%;top: 18px;background:rgba(255,255,255,0.8);}
.header1 .list{margin-right: 217px;} 
.header-intro .memu img{float: left;}
.header-intro{background: none;}
.header-intro .logo,.header-intro .icos,.header-intro .list{display: none;}
.header-intro-on{background: rgba(255,255,255,0.8);}
.header-intro-on .logo,.header-intro-on .icos,.header-intro-on .list{display: block;}

/*搜索触发*/
.search-bg{display: none;position: fixed;z-index:100;width: 100%;height: 260px;background: rgba(0,0,0,.5);}
.search-box{display: none;position:fixed;z-index: 120;width:  583px;right:  0;top: 140px;font-size: 0;} 
.search-box input{line-height: 58px;width: 380px;height: 58px;background: url(../images/bg1.png);color: #8e8e8d;padding: 0 15px;font-size: 14px;} 
.search-box .ico1{display: inline-block;width: 67px;height: 58px;line-height: 58px;text-align:  center;cursor: pointer;background: url(../images/bg1.png);vertical-align:  top;}
.search-box input::-webkit-input-placeholder{color: #8e8e8d;font-size: 14px;} 
.search-box input:-moz-placeholder{color: #8e8e8d;font-size: 14px; } 
.search-box input::-moz-placeholder{color: #8e8e8d;font-size: 14px; } 
.search-box input:-ms-input-placeholder{color: #8e8e8d;font-size: 14px; }
.search-box .close{display: inline-block; width:  58px; height:  58px; line-height: 58px; text-align:  center; margin-left: 25px; vertical-align: top; cursor:  pointer; }

/*二级导航*/
/*.sNav{position: absolute;z-index:  90;width:  100%;top: 100px;display:none;background: url(../images/bg2.png);height:44px;} 
.sNav ul{overflow: hidden;display: table;margin:0 auto;} 
.sNav ul li{float: left;} 
.sNav ul li a{display: block; line-height: 44px; height: 44px; padding: 0 30px; font-size: 14px;color: #f7f7f7; }
.sNav ul li a .on{display: none;}
.sNav ul li:hover a .off{display: none;}
.sNav ul li:hover a .on{display: initial;}
.sNav2 ul{ position:absolute; right:50%; margin-right:-420px; top:0px; height:44px; display:block;}*/

  .sNav{position: absolute;z-index:  90;width:  100%;top: 100px;background: url(../images/bg2.png); height:44px; display:none; left:0px;} 
.sNav ul{overflow: hidden;display: table;margin:0 auto;} 
.sNav ul li{float: left; opacity:0; } 
.sNav ul li a{display: block; line-height: 44px; height: 44px; padding: 0 30px; font-size: 14px;color: #f7f7f7; }
.sNav ul li a .on{display: none;}
.sNav ul li:hover a .off{display: none;}
.sNav ul li:hover a .on{display: initial;}
.sNav2 ul{ position:absolute; right:50%; margin-right:-420px; top:0px; height:44px; display:block;}


@-webkit-keyframes detailsNavList {
  0% {
    opacity: 0;
    -webkit-transform: translateX(70px);
            transform: translateX(70px);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
}
@-moz-keyframes detailsNavList {
  0% {
    opacity: 0;
    -moz-transform: translateX(70px);
         transform: translateX(70px);
    -moz-backface-visibility: hidden;
         backface-visibility: hidden;
    -moz-transform-style: preserve-3d;
         transform-style: preserve-3d;
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
         transform: translateX(0);
    -moz-backface-visibility: hidden;
         backface-visibility: hidden;
    -moz-transform-style: preserve-3d;
         transform-style: preserve-3d;
  }
}
@-o-keyframes detailsNavList {
  0% {
    opacity: 0;
    -o-transform: translateX(70px);
       transform: translateX(70px);
    backface-visibility: hidden;
    transform-style: preserve-3d;
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
       transform: translateX(0);
    backface-visibility: hidden;
    transform-style: preserve-3d;
  }
}
@keyframes detailsNavList {
  0% {
    opacity: 0;
    -webkit-transform: translateX(70px);
       -moz-transform: translateX(70px);
         -o-transform: translateX(70px);
            transform: translateX(70px);
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
}


.sNav li {
  -webkit-animation: detailsNavList 1s 0.3s forwards;
     -moz-animation: detailsNavList 1s 0.3s forwards;
       -o-animation: detailsNavList 1s 0.3s forwards;
          animation: detailsNavList 1s 0.3s forwards;
}
.sNav li:nth-of-type(2) {
  -webkit-animation-delay: .4s;
     -moz-animation-delay: .4s;
       -o-animation-delay: .4s;
          animation-delay: .4s;
}
.sNav li:nth-of-type(3) {
  -webkit-animation-delay: .5s;
     -moz-animation-delay: .5s;
       -o-animation-delay: .5s;
          animation-delay: .5s;
}
.sNav li:nth-of-type(4) {
  -webkit-animation-delay: .6s;
     -moz-animation-delay: .6s;
       -o-animation-delay: .6s;
          animation-delay: .6s;
}
.sNav li:nth-of-type(5) {
  -webkit-animation-delay: .7s;
     -moz-animation-delay: .7s;
       -o-animation-delay: .7s;
          animation-delay: .7s;
}
.sNav li:nth-of-type(6) {
  -webkit-animation-delay: .8s;
     -moz-animation-delay: .8s;
       -o-animation-delay: .8s;
          animation-delay: .8s;
}
.sNav li:nth-of-type(7) {
  -webkit-animation-delay: .9s;
     -moz-animation-delay: .9s;
       -o-animation-delay: .9s;
          animation-delay: .9s;
}
.sNav li:nth-of-type(8) {
  -webkit-animation-delay: 1s;
     -moz-animation-delay: 1s;
       -o-animation-delay: 1s;
          animation-delay: 1s;
}
/**/



.ind-sNav .sNav{top:118px;}
/*底部*/
.footer{background: #f6f6f6; } 
.footer .top{padding: 94px 0 85px; overflow: hidden; } 
.footer .list{overflow: hidden; } 
.footer .list li{float: left; margin-right: 85px; } 
.footer .list li a{display: block; color: #999; line-height: 30px; } 
.footer .list li a:first-child{font-size: 16px;color: #4d4948; padding-bottom: 23px;line-height: auto; } 
.footer .list li a:hover{color: #283b59; } 
.footer .list li a:first-child:hover{color: #4d4948; } 
.footer .ewm img{border:1px solid #eaeaea; } 
.footer .ewm span{display: block; color: #999;line-height: 35px;text-align: center; } 
.footer .bot{height: 82px; line-height: 82px; color: #999; border-top:1px solid #d9d9d9; } 
.footer .links a{float: left; margin-right: 17px; color: #999; } 
.footer .links a:hover{color: #283b59; } 
.footer p a{color: #999; } 
.footer p a:hover{color: #283b59; }

/*路径*/
.path {padding: 135px 0 35px; height: 45px; font-size: 12px;color: #c1c1c1; line-height: 45px;text-align: right; } 
.path img{margin-right: 12px;margin-top: -2px;} 
.path a{display: inline-block; font-size: 12px;color: #c1c1c1; } 
.path i{display: inline-block; font-size: 12px;color: #c1c1c1; } 
.path .box a:hover{color: #283b59; } 
.path .box a:last-child:hover{color: #283b59;}

.comm-tlt{margin:45px 0;position:relative; } 
.comm-tlt em{display: block; font-size: 30px;color: #32405b; font-weight: bold;text-transform: uppercase; } 
.comm-tlt span{display: block; font-size: 24px;color: #363635; line-height: 40px; padding-bottom: 5px; } 
.comm-tlt p{width: 33px; height: 3px; background: #32405b; }

.container{padding-bottom: 140px;}

/*分页*/
.pageNumDiv{text-align:center; height:34px; overflow:hidden; color:#666;margin-top: 65px;}
.pageNumDiv a{display:inline-block; height:30px; line-height:30px; padding:0 11px; margin:0 4px; border:#d9d9d9 solid 1px; color:#666; font-size:14px;}
.pageNumDiv .prev{ background:url(../images/ii3_3.png) no-repeat 10px center; padding-left:20px;}
.pageNumDiv .prev:hover{background:url(../images/ii3_3on.png) no-repeat 10px center; background-color:#32405b;}
.pageNumDiv .next{ background:url(../images/ii3_4.png) no-repeat 60px center; padding-right:20px;}
.pageNumDiv .next:hover{background:url(../images/ii3_4on.png) no-repeat 60px center; background-color:#32405b;}
.pageNumDiv a:hover, .pageNumDiv .aNow{background:#32405b; border:#32405b solid 1px; color:#fff;}
.pageNumDiv .input1{width:33px; height:30px; line-height:30px; text-align:center; margin:0 5px; border:#d7d7d7 solid 1px;}
.pageNumDiv .btn1{ width: 57px; height: 30px; margin-left: 5px;cursor: pointer; border: #d7d7d7 solid 1px; color: #666;}
.pageNumDiv .btn1:hover{background:#32405b; border:#32405b solid 1px; color:#fff;}

.topA{ position: fixed; right: 3px; bottom: 50px; z-index: 2; display: none; width: 44px; height: 44px; }

.h80 {
    height: 108px;
    overflow: hidden;
    margin-top: -108px;
	background:none;
}