@charset "utf-8";
/*样式重置*/
*{font-family:"微软雅黑",Arial, Helvetica, sans-serif,\u5FAE\u8F6F\u96C5\u9ED1;margin:0;padding:0;}
table{ border-collapse:collapse; border-spacing:0;} em{font-style:normal;} ol,ul,li{ list-style:none;} fieldset,img,abbr,acronym{ border:0;} input,select{ vertical-align:middle} h1,h2,h3,h4,h5,h6{font-size:100%;} q:before,q:after{content:'';} .clear{*zoom:1} .clear:after{content:'\20';display:block;height:0;line-height:0;visibility:hidden;clear:both} a{text-decoration:none} a:hover{ text-decoration:none;}
ul{list-style-position:inside;}/*li的标记放置在ul的里面*/
a{text-decoration:none;}/*去掉超链接下划线*/
img{border-style:none;/*去掉IE低版本img边框*/max-width:100%;max-height:100%;width:auto;height:auto;}
iframe{display: block;/*去掉四周的margin*/border: none;width: 100%;}
li{list-style:none;}
body{font:normal 14px/1.6em "microsoft yahei",simsun,Tahoma,sans-serif;cursor:default; color:#9e9e9e;}
.wall{min-width:1200px;}
.img_max img{max-width:100%;}
/*tools*/
.txt-hide{font:0/0 a; color:transparent; text-shadow:none; background-color:transparent; border:0 }
.txt-l{text-align:left;}
.txt-c{text-align:center;}
.txt-r{text-align:right;}
.txt-unl{text-decoration:underline}
.f-left{float:left;display:inline;}
.f-right{float:right;display:inline;}
.pos_r{position:relative;}
.pos_a{position:absolute;}
.txtno{display:block;height:0px !important;overflow:hidden;}
.fontnol{font-weight:normal;}
.font14{font-size:14px;}
a{color:#8c8c8c;}
a:hover{color:#cfab74;}
.jinse{color:#cfab74;}
.hei{color:#333;}
.bai{color:#fff;}
.t_over{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

/*container*/
.container{margin:0 auto;width:1200px;}
/*盒阴影*/
.f-boxShadow{width:100%;height:100%;background-color:#e5e5e5;position:absolute;top: 6px;left: 6px;/*+width: 488px;+height: 193px;width: 488px\0;height: 193px\0;*/z-index: -1;}
/*方形边框效果*/
.f-imgFrameEffect{border:.2rem solid white;border-radius:.1rem;box-shadow:#d1d0d0 0 0 .4rem;}
/*圆形边框效果*/
.yuan{border-radius:100rem;background-size:cover;background-repeat:no-repeat; border:4px solid #fff;}
/*切字效果*/
.f-cutWord{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.f-halfTransparent{position: relative;z-index: 0;}
.f-halfTransparentChild{width: 100%;height: 100%;background: black;position: absolute;top: 0;left: 0;z-index: -1;filter: alpha(opacity=20);/*IE 7 8*/opacity: 0.2;}
/*返回顶部*/
.u_returnTop{width:50px;height:50px; display:block;z-index:100; margin:0 auto; background:#7979ab; border-radius:50px;line-height:50px;top:-30px;background:url(../images/home/top.png) no-repeat;transition:background.3s cubic-bezier(0.17,.67,.40,1.25) 0s,color .2s linear 0s;}
.u_returnTop:hover{color:#7979ab; background:url(../images/home/top.png) no-repeat 0 -50px;}
/*btn*/
.btn{display:inline-block;zoom:1;}
/*header*/
.header{width:100%;height:90px; background:#ededed;z-index:999; box-shadow:0 0 10px #666;}
.logos{width:250px; height:90px;}
.logos .home{width:250px; height:70px; display:block;background:url(../images/home/cmzb-1.png) no-repeat center center;margin-top:16px;}
.nav{width:740px;color:#555;}
.nav li{width:125px;height:65px; float:left; text-align:center; border-right:1px solid #dbdbdb; padding-top:25px;background:url(../images/home/tiao.png) no-repeat 0 200px;transition:background.3s cubic-bezier(0.17,.67,.40,1.25) 0s,color .2s linear 0s;}
.nav li:hover{background-position:bottom;}
.nav a{font-size:16px; color:#4b4c4e;}
.nav a:hover{color:#cfab74;}
.nav span{font-size:10px; display:block;color:#c9caca;}
.tou_bon{width:100px; height:60px; margin-top:7px; position:relative;}
.tou_bon a{display:block;width:106px; height:24px; font-size:14px;color:#cfab74; text-align:center; border:1px solid #cfab74; margin-top:8px;border-radius:5px;}
.tou_bon a:hover{color:#fff;background:#cfab74;}
.tou_bon .email{background:url(../images/home/email.png) no-repeat 0 -2px;width:58px; height:58px; position:absolute;right:0; top:0;transition:background.3s cubic-bezier(0.17,.67,.40,1.25) 0s,color .2s linear 0s;}
.tou_bon .email:hover{background:url(../images/home/email.png) no-repeat 0 -62px;}
.u-title{line-height:normal; font-size:32px; padding:20px 0; color:#333; font-weight:bold;}
.u-title img{top:3px; position:relative;}
.u-title span{margin-left:10px; font-size:16px; color:#999;}
.f1{font-size:10px; padding:0 15px;}
.cmti{width:500px; margin:25px auto; line-height:40px;}
.cmti h1{color:#f6f7f8;font-size:80px;}
.cmti h2{color:#223857;font-size:40px;}
.cmti p{color:#8c8c8c;font-size:16px;}
.cmti span{width:100px;height:2px; background:#cca768; display:block; margin:10px auto;}

footer{padding:10px 0 30px 0;background:#eff2f4;min-width:1200px;}
footer p a{color:#666;}
footer p{line-height:24px;color:#a4a4a4;}
footer .wang{right:0px;top:20px;}
.di_ban{margin:50px auto; border-bottom:1px solid #dcdfe1;}
.di_ban li{width:33%; float:left; height:150px;}
.di_ban li h3{color:#7979ab; font-size:16px; margin-bottom:15px;}
.fmail{background:url(../images/cmciep.png) no-repeat -10px -212px;width:20px; height:20px; display:inline-block;}
.weibo,.weixin{background:url(../images/cmciep.png) no-repeat -102px -212px;width:30px; height:30px; display:inline-block; margin-right:20px;}
.weixin{background-position:-148px -208px;}

.list{}
.list li{height:28px;padding:5px 30px;position:relative;}
.list li a{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}
.list .list-info{position:absolute; right:30px; top:8px; font-size:14px;color:#c8c8c8;}  
.shine_b{-webkit-animation-name:shineBlue;-webkit-animation-duration:2.5s;-webkit-animation-iteration-count:infinite;}
.icon-spin{-moz-animation:spin 3s infinite linear;-o-animation:spin 3s infinite linear;-webkit-animation:spin 3s infinite linear;animation:spin 3s infinite linear;}
@-webkit-keyframes shineBlue{  
        from{-webkit-box-shadow:0 0 20px #000; }  
        60%{-webkit-box-shadow:0 0 25px #7cfdff; }  
        to{-webkit-box-shadow:0 0 9px #333; }  
}  
@-moz-keyframes spin {
  0%{-moz-transform: rotate(0deg); }
  100%{-moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  0%{-webkit-transform: rotate(0deg); }
  100%{-webkit-transform: rotate(360deg); }
}
@-o-keyframes spin {
  0%{-o-transform:rotate(0deg); }
  100%{-o-transform:rotate(360deg); }
}
@-ms-keyframes spin {
  0%{-ms-transform:rotate(0deg); }
  100%{-ms-transform:rotate(360deg); }
}
@keyframes spin {
  0%{transform:rotate(0deg); }
  100%{transform: rotate(360deg); }
}
.character360{
	-webkit-transition:-webkit-transform 0.5s ease-out;
	-moz-transition:-moz-transform 0.5s ease-out;
	-o-transition:-o-transform 0.5s ease-out;
	-ms-transition:-ms-transform 0.5s ease-out;
}
.character360:hover{
	-webkit-transform:rotateZ(360deg);
	-moz-transform:rotateZ(360deg);
	-o-transform:rotateZ(360deg);
	-ms-transform:rotateZ(360deg);
	transform:rotateZ(360deg);
}
.aniEffect {
  animation-delay: 0.15s;
  -webkit-animation-delay: 0.15s;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*------------------- animation -------------------*/
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

}
/* Let's get this party started */
::-webkit-scrollbar {
    width:5px;
}
/* Track */
::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 6px #CCC; 
    -webkit-border-radius:10px;
    border-radius:10rem;
}
/* Handle */
::-webkit-scrollbar-thumb{
    -webkit-border-radius:10px;
    border-radius:10rem;
    background:#cfab74;
}
.active .boleft{-webkit-animation-name:bounceInLeft; animation-name:bounceInLeft;}
.active .boright{-webkit-animation-name:bounceInRight; animation-name:bounceInRight;}
.active .boup{-webkit-animation-name:bounceInUp; animation-name:bounceInUp;}
.active .bodown{-webkit-animation-name:bounceInDown; animation-name:bounceInDown;}