@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; font-size:12px; color:#666; overflow-x:hidden; background: #f5f5f5;}
a{color:#666; text-decoration:none; outline:none;}
a:active{star:expression(this.onFocus=this.blur());} 
img{border:0px; vertical-align:middle; max-width:100%;}
a:link {text-decoration: none; outline:none;}
a:visited{text-decoration: none; outline:none;}
a:hover{text-decoration:none; color:#007fca; 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;}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}

.h10{height:10px; overflow:hidden; clear:both;}
.h30{height:30px; overflow:hidden; clear:both;}
.h60{height:60px; overflow:hidden; clear:both;}
.h70{height:70px; overflow:hidden; clear:both;}
.h100{height:100px; overflow:hidden; clear:both;}
input, textarea{background:transparent; padding:0px; font-size:12px; color:#888; outline:none; border:0px;}
em{font-style:normal;}
.btn1{cursor:pointer;}
.red{color:#cb1f18;}
.wal{width:1200px; margin:0px auto;}
.wal2{width:1280px; margin:0px auto;}


.indexPart3 .list li .boxbox{
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;	
}



.w320{ width:320px;}
.w860{ width:860px;}

.fangda{ overflow: hidden;}
.fangda img{ transition:2s;-moz-transition:2s;-webkit-transition:2s;-o-transition:2s;}
.fangda:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.line1_hidden{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.line2_hidden{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.line3_hidden{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

/*按钮动画--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*/

.Phone-Box{ display: none; }

/*头部导航*/
.header{ padding: 0 60px; height: 123px; position: relative; z-index: 8;} 
.header .logo{ position: absolute; left: 60px; top: 31px; }
.header.hov{background:#fff;} 
.header2{ position: absolute; left: 0px; top: 0px; padding: 0; width: 100%;}
.header2.hov{background:#fff;}
.nav{ text-align: center; height: 123px; }
.nav li{ padding: 0 44px; display: inline-block; font-size: 14px; height: 123px;}
.nav li a{ display: block; height: 25px; padding-top: 54px; color: #0e0e0e; }
.nav li.liNow1 a, .nav li .aNow{ border-bottom: #838383 solid 1px;} 

.navIco{ display: none; position: absolute; right: 0px; top: 0px; height: 50px; width: 50px; line-height: 50px; text-align: center;}
.navIco img{ width: 24px; }

.header .topSearch{ position: absolute; right:96px; top:46px;} 
.header .topSearch input{ display:none; height: 32px; line-height: 32px; border-bottom: #bdbdbd solid 1px; width: 180px; font-size: 14px;} 
.header .topSearch img{position: absolute; right: 0px; top: 8px; cursor: pointer;} 


/*.sNav{ display: none; position: absolute; z-index:  8; width:  100%; background: #fff; height:246px; left:0px; top: 103px;} 
.sNav .bigBox{ width: 1200px; margin: 0 auto;}
.sNav .leftImg{ padding: 25px 0 0 108px; }
.sNav .rightDiv{ padding: 25px 120px 0 0; width: 610px;}
.sNav .rightDiv ul{ margin-right: -80px; }
.sNav .rightDiv li{ margin-bottom: 20px; width: 50%; float: left; height: 60px; line-height: 60px; font-size: 15px;}
.sNav .rightDiv li .box{ margin-right: 80px; background: url(../images/line1.jpg) left bottom no-repeat;}
.sNav .rightDiv li a{ color: #000; display: block; height: 60px; background: url(../images/nimg8_1.png) right center no-repeat }
*/

.sNav{ display: none; position: absolute; z-index:  8; width:  100%; background: #fff; height:246px; left:0px; top: 123px;} 
.sNav .bigBox{ width: 1200px; margin: 0 auto;}
.sNav .leftImg{ padding: 25px 0 0 108px; max-width:290px;}
.sNav .rightDiv{ padding: 25px 120px 0 0; width: 610px;}
.sNav .rightDiv dl{ margin-right: -80px; }
.sNav .rightDiv dd{ opacity:0; margin-bottom: 20px; width: 50%; float: left; height: 60px; line-height: 60px; font-size: 15px;}
.sNav .rightDiv dd .box{ margin-right: 80px; background: url(../images/line1.jpg) left bottom no-repeat;}
.sNav .rightDiv dd a{ text-align: left; color: #000; display: block; height: 60px; background: url(../images/nimg8_1.png) right center no-repeat; padding-top: 0px; }

/*导航菜单触发*/
.navLayer{overflow-x: auto; height:100%; width:100%; overflow:hidden; position:fixed; z-index:555; right:-100%; top:0px;}
.navLayer .bg{overflow-x: auto;position:relative; background:#f5f5f5; height:100%;width:100%;}
.navLayer .top{ position:relative; height:50px;}
.navLayer .logo{ position:absolute; left:10px; top:7px;}
.navLayer .logo img{ width: 36px; }
.navLayer .closeBtn{ height:50px; width:50px; position:absolute; top:0px; right:0px; text-align: center; line-height: 50px;}
.navLayer .closeBtn img{ position:relative; width: 20px;}
.sideNav{ padding: 40px 20px 0; }
.subNav{cursor:pointer; height:50px; line-height: 50px; position:relative; font-size:14px; background:url(../images/ico2.png) right center no-repeat; background-size: 10px;}
.subNav .name{ position:relative;}
.subNav .txt1{ font-size: 16px; color: #000; background: url(../images/line2.jpg) left bottom no-repeat;}
.subNav a{ display: block; height:50px;}
.currentDt{ background:url(../images/ico2on.png) right center no-repeat; background-size: 10px;}
.navContent{display: none; }
.navContent li{ position:relative; border-bottom: #d7d7d7 solid 1px;}
.navContent a{display:block; height:45px; line-height:45px; font-size:14px; color: #4e4e4e;}

.main-wrap{ margin-bottom: 190px;  position: relative;  left: 0; z-index: 1; background: #f5f5f5;}

.pageBg{ position:fixed; z-index:5; width:100%; height:100%; display:none; background:url(../images/bg1.png) repeat; left:0px; top:0px;}

.footDiv{ height: 190px; overflow: hidden; position: fixed; width: 100%; left: 0px; bottom: 0px; z-index: -1; background: #f5f5f5;}
.footDiv .bigBox{ padding: 0 150px; position: relative;}
.footDiv2{ padding: 38px 150px 0; background: #f1f1f1;}
.footDiv .msg{ padding-top: 75px; color: #363636; width: 450px;}
.footDiv .msg a{ color: #363636; display: block; }
.footDiv .tel{ padding-top: 75px; color: #363636;}
.footDiv .tel img{ padding-left: 5px; }
.footDiv .midDiv{ width: 120px; position: absolute; left: 50%; margin-left: -60px; top: 40px;}
.footDiv2 .midDiv{ top: 38px; }
.footDiv .logo{ display: block; text-align: center;}
.footDiv .share{ padding-top: 22px; text-align: center;}
.footDiv .share li{ margin: 0 11px; display: inline-block; }

.footTel{ padding: 15px 15px 25px; }
.footTel2{ background: #f1f1f1;}
.footTel .logo{ display: block; text-align: center;}
.footTel .share{ padding-top: 22px; text-align: center;}
.footTel .share li{ margin: 0 11px; display: inline-block; }
.footTel .msg{ padding-top: 20px; color: #363636; text-align: center;}
.footTel .msg a{ color: #363636; display: block; }
.footTel .tel{ padding-top: 20px; color: #363636; text-align: center; font-size: 14px;}
.footTel .tel img{ padding-right: 5px; }

.pageBanner{ position:relative; padding: 0 60px;}
.pageBanner .imgDiv{ position: relative;}
.pageBanner .text-cover__img{ max-height:853px;}
.pageBanner .imgDiv img{ width:100%;}
.pageBanner .txt{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 72px; overflow: hidden; background: url(../images/bg2.png) repeat; line-height: 72px; text-align: center; color: #fff; font-size: 24px; font-weight: bold;}
.pageBanner .ico{ position: absolute; left: 50%; top: 50%; width: 102px; height: 59px; margin-left: -51px; margin-top: -30px; z-index: 5; }
.pageBanner .ico img{ width: 102px; }
.pageBanner .nameDiv{ position: absolute; left: 6.66%; bottom: 13.4%; }
.pageBanner .name1{ padding-top: 15px; position: relative; color: #fff; font-size: 32px; font-weight: bold; }
.pageBanner .name1 em{ position: absolute; left: 0px; top: 0px; display: block; width: 18px; height: 2px; background: #fff; }
.pageBanner .name2{ color: #fff; opacity: 0.1;  }

.pageBannerTel{ display:none; position: relative;}
.pageBannerTel img{ width:100%;}

.pageBox{ padding:40px 60px 20px; position: relative;}
.pageTitle{ padding-left: 45px; }
.pageTitle2{ padding-left: 0px; }
.pageTitle .title{ font-size: 30px; color: #393939; font-family:aparaj; line-height: 55px;}
.pageTitle .txt{ font-size: 18px; color: #000; }


.pageTitleTel{ height:50px; background:#f4f4f4; position:relative; font-size:14px; display:none;}
.sideTitleTel{ width:100%; height:50px; position:absolute; left:0px; top:0px;}
.sideTitleTel .con{ height:50px; line-height:50px; padding-left:10px; position:relative;}
.sideTitleTel .con a{ display:block; color:#333; background:url(../images/nimg51_1.png) right center no-repeat; background-size:36px; font-size:15px;}
.sideTitleNav{ position:absolute; top:50px; z-index:10; width:100%; display:none; box-shadow:0 1px 5px rgba(35,25,25,0.2); -moz-box-shadow:0 1px 5px rgba(35,25,25,0.2); -webkit-box-shadow:0 1px 5px rgba(35,25,25,0.2);}
.sideTitleNav li{ border-bottom:#ddd solid 1px;}
.sideTitleNav li a{ display:block; height:36px; line-height:36px; padding-left:10px; color:#333; background:#f4f4f4;}


/*分页*/
.pageNum{height:100px; padding-top:20px; text-align:center;}
.pageNum a{margin:0 11px; display:inline-block; color: #353535; height:48px; line-height:48px; background:#fff; width: 48px; font-size:13px;}
.pageNum a:hover, .pageNum .aNow{background:#2d2d2d; color:#FFF;}
.pageNum .prev, .pageNum .next{ width: 80px; }

.pageMore{ display:none; padding: 20px 0;}
.pageMore a{ display:block; color:#fff; height: 45px; line-height: 45px; text-align:center; font-size:16px; background: #2d2d2d; width: 100%;}

.pageMore2{ padding-top: 7px; }
.pageMore2 .a{ display: block; height: 45px; background: #fff; line-height: 45px; text-align: center; font-size: 16px; color: #0e0e0e;}
.pageMore2 .a:hover{ background: #0e0e0e; color: #fff; }

.topA{ position: fixed; right: 0px; bottom: 70px; display: none; width: 57px; height: 57px; }

.tabContent{ display:none;}
.tab li{ cursor:pointer;}
.tabContent2{ display:none;}
.tab2 li{ cursor:pointer;}
.tabContent3{ display:none;}
.tab3 dd{ cursor:pointer;}

.cd-top {
    /* image replacement properties */
    overflow: hidden;

    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {

    opacity: 1;
}

#Layer1{
	position:absolute;
	position:fixed;
	_position:absolute;
	width:100%;
	z-index:111;
	top:0; left:0px;
	background-color:#000;
	display:none;
}


.selectDiv{cursor:pointer;}
.selectDiv span{padding-left:10px;}
.selectDiv select{display:none;}
/**/
.selectLayer{position:absolute; z-index:100; display:none; background:#FFF; border:#bababa solid 1px;}
.selectLayer li{height:22px; line-height:22px; overflow:hidden; padding-left:10px; color:#666;}



@-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 dd {
  -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 dd:nth-of-type(2) {
  -webkit-animation-delay: .4s;
     -moz-animation-delay: .4s;
       -o-animation-delay: .4s;
          animation-delay: .4s;
}
.sNav dd:nth-of-type(3) {
  -webkit-animation-delay: .5s;
     -moz-animation-delay: .5s;
       -o-animation-delay: .5s;
          animation-delay: .5s;
}
.sNav dd:nth-of-type(4) {
  -webkit-animation-delay: .6s;
     -moz-animation-delay: .6s;
       -o-animation-delay: .6s;
          animation-delay: .6s;
}