/* 首页轮播图 */

.swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

#banner{width:100%;height: 630px;  position: relative; }
#banner .bg{ width: 100%; height: 630px; float: left; background-position:  center center;}
#banner .bg.bg1{ background-image: url(/uploads/image/t1zi/index-banner1.jpg);}
#banner .bg.bg2{ background-image: ;}
#banner .bg.bg3{ background-image: ;}
#banner .bg .con{width: 1200px;height: 630px; margin: 0px auto; position: relative;}

#banner .bg .con a.btn{ display:block;  cursor: pointer;width: 121px;height: 32px; line-height: 32px; position: absolute; color: #ffffff; font-size: 15px; text-align: center; border-radius: 32px; background: url(/uploads/image/t1zi/index-banner-btn.png) no-repeat;}
#banner .bg .con a:hover{ text-decoration: none; font-size: 16px;
	background: -webkit-linear-gradient(75deg, #b47ffc, #3774ff); /* safari 5.1 - 6.0 */
	background: -o-linear-gradient(75deg, #b47ffc, #3774ff); /* opera 11.1 - 12.0 */
	background: -moz-linear-gradient(75deg, #b47ffc, #3774ff); /* firefox 3.6 - 15 */
	background: linear-gradient(75deg, #b47ffc, #3774ff); /* 标准的语法 */
	transition-duration: 0.1s;
	-webkit-transition-duration: 0.1s;
}
#banner .bg.bg2 .con a.btn{  left: 149px; top:428px;}
#banner .bg.bg3 .con a.btn{  left: 159px; top:435px;}
#banner .swiper-pagination-bullet{ display: inline-block; width: 16px;height: 16px; margin:0px 4px; border-radius: 100%; background: #b6a8a1;  opacity: 0.8;}
#banner .swiper-pagination-bullet-active{ background: #ffffff; opacity: 1;}


/* 首页快速入口 */
.fastlink{ width: 100%; background: #f8f8f8;}
.fastlink ul{width: 660px; margin: 0px auto;  }
.fastlink ul li{width: 33.33%; float: left; padding:16px 0px 25px;}
.fastlink ul li a{color: #333333; display: block; background: right top repeat-y; }
.fastlink ul li:last-child a{ background: none;}
.fastlink ul li a:hover{ text-decoration: none;}
.fastlink ul li .img{ height: 56px; background-position: center center; background-repeat: no-repeat;}
.fastlink ul li .img.bg1{ background-image: ;}
.fastlink ul li .img.bg2{ background-image: ;}
.fastlink ul li .img.bg3{ background-image: ;}
.fastlink ul li .img.bg4{ background-image: ;}
.fastlink ul li .img.bg5{ background-image: ;}
.fastlink ul li p{ text-align: center; height: 36px;line-height: 36px; font-size: 16px;}
.fastlink ul li:hover{background: #ffffff; }
.fastlink ul li:hover .img.bg1{ background-image: ;}
.fastlink ul li:hover .img.bg2{ background-image: ;}
.fastlink ul li:hover .img.bg3{ background-image: ;}
.fastlink ul li:hover .img.bg4{ background-image: ;}
.fastlink ul li:hover .img.bg5{ background-image: ;}


/* 首页产品 */
.ititle{ padding:40px 0px 0px;}
.ititle h2{ line-height: 100px; font-size: 28px; text-align: center; background: url(/uploads/image/t1zi/title-bg.png) center bottom no-repeat;}
.ititle p{line-height: 30px; padding:25px 0px; font-size: 16px; color: #999999; text-align: center;}

.chanpin{}
.chanpin .level1{width: 1080px;margin: 30px auto 0px; padding-bottom: 30px; }
.chanpin .level1 li{ width: 268px; padding:0px 30px; border: 1px solid #f1ebeb;  margin:0px 15px; text-align: center; background: #ffffff;  float: left;}
.chanpin .level1 li .img{  margin:38px 0px 25px;}
.chanpin .level1 li .img img{width: 60px;height: auto;}
.chanpin .level1 li h4{line-height: 36px;  font-size: 18px; font-weight: bold;  padding:30px 0px 20px; margin:0px 40px; border-top:1px solid #f1ebeb; color: #333333;}
.chanpin .level1 li p{line-height:24px;height: 72px; overflow: hidden; margin-bottom: 40px; text-align: left; font-size: 15px; color: #555555;}
.chanpin .level1 li a{ display: inline-block; width: 50%; line-height: 34px; margin: 0px auto 35px; border:1px solid #ee9532; font-size: 16px; color: #ee9532; text-decoration: none; }
.chanpin .level1 li:hover{ transform:scale(1.2, 1.2); border-color: #ee9532 ; box-shadow: 0px 0px 15px #cccccc;
	-ms-transform:scale(1.1, 1.1); /* ie 9 */
	-webkit-transform:scale(1.1, 1.1); /* safari and chrome */
	transition-duration: .2s;
	-webkit-transition-duration:.2s;
}
.chanpin .level1 li:hover a{ width: 90%;transition-duration: .8s;
	-webkit-transition-duration:.8s;}

.fuwu{width: 1200px; margin: 40px auto 0px;}
.fuwu ul li{width: 399px;height: 153px; overflow:visible; border-color: #eeeeee; border-style: solid; float: left;}
.fuwu ul li.border1{ border-width: 0px 1px 1px 0px;}
.fuwu ul li.border3{ border-width: 0px 0px 1px 0px;}
.fuwu ul li.border4{ border-width: 0px 1px 0px 0px;}
.fuwu ul li.border6{ border-width: 0px 0px 0px 0px;}
.fuwu ul li.nochildren a{ display: block; padding:20px 0px 30px;}
.fuwu ul li .img{height: 73px; background-position: center center; background-repeat: no-repeat; }
.fuwu ul li .img.bg1{ background-image: url(/uploads/image/t1zi/fuwu01.png);}
.fuwu ul li .img.bg2{ background-image: url(/uploads/image/t1zi/fuwu02.png);}
.fuwu ul li .img.bg3{ background-image: url(/uploads/image/t1zi/fuwu03.png);}
.fuwu ul li .img.bg4{ background-image: url(/uploads/image/t1zi/fuwu04.png);}
.fuwu ul li .img.bg5{ background-image: url(/uploads/image/t1zi/fuwu05.png);}
.fuwu ul li .img.bgmore{ background-image: url(/uploads/image/t1zi/fuwu-more.png);}
.fuwu ul li.haschildren .img{ margin-top: 20px;}
.fuwu ul li p{ text-align: center; line-height: 30px; font-size: 16px; }
.fuwu ul li .bubble{width: 200px;  height: 50px; padding:15px 6px 15px; background: url(/uploads/image/t1zi/fuwu-bubble.png); margin: 0px auto;  text-align: center; display:none;}
.fuwu ul li .bubble a{ display: inline-block; width:40% ; text-align: center; font-size: 14px;line-height: 50px;;}

.fuwu ul li a:hover{text-decoration: none;}
.fuwu ul li.nochildren a:hover{color: #d71209;  background: url(/uploads/image/t1zi/fuwu-arrow.png) 320px center no-repeat; }
.fuwu ul li.haschildren:hover .bubble{ display: block;}
.fuwu ul li.haschildren .bubble a:hover{ color: #d71209;}




.jiejuefa{ background: url(/uploads/image/t1zi/jiejuefa.jpg) center center no-repeat; padding-bottom: 100px;}
.jiejuefa ul{width: 783px; margin: 0px auto;}
.jiejuefa ul li{width: 260px;height: 436px; float: left; position: relative; border-right: 1px solid #737373; color: #ffffff; overflow: hidden; background-size: 100% 100%;}
.jiejuefa ul li.bg1{ background-image: url(/uploads/image/t1zi/jiejuefa-bg1.jpg);}
.jiejuefa ul li.bg2{ background-image: url(/uploads/image/t1zi/jiejuefa-bg2.jpg);}
.jiejuefa ul li.bg3{ background-image: url(/uploads/image/t1zi/jiejuefa-bg3.jpg);}
.jiejuefa ul li.bg4{ background-image: url(/uploads/image/t1zi/jiejuefa-bg4.jpg);}
.jiejuefa ul li.bg5{ background-image: url(/uploads/image/t1zi/jiejuefa-bg5.jpg);}
.jiejuefa ul li .shadow{width: 260px;height: 436px; background-image: url(/uploads/image/t1zi/jiejue-shadow.png); background-size: 100% 100%; position: absolute; left: 0; top: -473px; z-index: 1; }
.jiejuefa ul li .con{width: 100%;position: absolute; left: 0px; top: 153px;z-index: 2;}
.jiejuefa ul li .con .showpart .img{height: 82px;background-position: center center; background-repeat: no-repeat;}
.jiejuefa ul li .con .showpart .img.icon1{background-image: url(/uploads/image/t1zi/jiejuefa01.png);}
.jiejuefa ul li .con .showpart .img.icon2{background-image: url(/uploads/image/t1zi/jiejuefa02.png);}
.jiejuefa ul li .con .showpart .img.icon3{background-image: url(/uploads/image/t1zi/jiejuefa03.png);}
.jiejuefa ul li .con .showpart .img.icon4{background-image: url(/uploads/image/t1zi/jiejuefa04.png);}
.jiejuefa ul li .con .showpart .img.icon5{background-image: url(/uploads/image/t1zi/jiejuefa05.png);}
.jiejuefa ul li .con .showpart p{ text-align: center; line-height: 48px; font-size: 20px; font-weight: bold;}
.jiejuefa ul li .con .tooglepart{ padding:27px 10px 0px ; text-align: center;  background: url(/uploads/image/t1zi/jiejue-line.png) center top no-repeat;  opacity: 0;}
.jiejuefa ul li .con .tooglepart>p{line-height: 28px; margin-bottom: 20px; height: 84px; overflow: hidden;}
.jiejuefa ul li .con .tooglepart>p>a{ color: #ffffff;}
.jiejuefa ul li .con .tooglepart>p>a:hover{ text-decoration: none;}
.jiejuefa ul li .con .tooglepart>a{ display: inline-block; width: 50px;height: 50px; background: url(/uploads/image/t1zi/jiejue-more.png);}
.jiejuefa ul li:hover{ border-right-color: ffffff;}
.jiejuefa ul li:hover .shadow{ top: 0;transition-duration:.3s;}
.jiejuefa ul li:hover .con{  top: 58px; transition-duration:.3s;}
.jiejuefa ul li:hover .tooglepart{ opacity: 100; transition-duration:1.2s;}

.kehu{ background: #f6f6f6;}
.kehu .con{width: 1200px; margin:0 auto; padding:30px 0px 50px;}
.kehu .con ul{margin-left: -13px;}
.kehu .con ul li{width: 187px;height: 88px; background: #ffffff; border: 1px solid #ffffff;background-position: center center; background-repeat: no-repeat; float: left;  margin:24px 0px 24px 13px;}
.kehu .con ul li.bg1{background-image: url(/uploads/image/t1zi/kehu01.jpg);}
.kehu .con ul li.bg2{background-image: url(/uploads/image/t1zi/kehu02.jpg);}
.kehu .con ul li.bg3{background-image: url(/uploads/image/t1zi/kehu03.jpg);}
.kehu .con ul li.bg4{background-image: url(/uploads/image/t1zi/kehu04.jpg);}
.kehu .con ul li.bg5{background-image: url(/uploads/image/t1zi/kehu05.jpg);}
.kehu .con ul li.bg6{background-image: url(/uploads/image/t1zi/kehu06.jpg);}
.kehu .con ul li.bg7{background-image: ;}
.kehu .con ul li.bg8{background-image: url(/uploads/image/t1zi/kehu08.jpg);}
.kehu .con ul li.bg9{background-image: url(/uploads/image/t1zi/kehu09.jpg);}
.kehu .con ul li.bg10{background-image: url(/uploads/image/t1zi/kehu10.jpg);}
.kehu .con ul li.bg11{background-image: url(/uploads/image/t1zi/kehu11.jpg);}
.kehu .con ul li.bg12{background-image: url(/uploads/image/t1zi/kehu12.jpg);}
.kehu .con ul li.bg13{background-image: url(/uploads/image/t1zi/kehu13.jpg);}
.kehu .con ul li.bg14{background-image: url(/uploads/image/t1zi/kehu14.jpg);}
.kehu .con ul li.bg15{background-image: url(/uploads/image/t1zi/kehu15.jpg);}
.kehu .con ul li.bg16{background-image: url(/uploads/image/t1zi/kehu16.jpg);}
.kehu .con ul li.bg17{background-image: url(/uploads/image/t1zi/kehu17.jpg);}
.kehu .con ul li.bg18{background-image: url(/uploads/image/t1zi/kehu18.jpg);}
.kehu .con ul li.bg19{background-image: url(/uploads/image/t1zi/kehu19.jpg);}
.kehu .con ul li.bg20{background-image: url(/uploads/image/t1zi/kehu20.jpg);}
.kehu .con ul li.bg21{background-image: url(/uploads/image/t1zi/kehu21.jpg);}
.kehu .con ul li.bg22{background-image: ;}
.kehu .con ul li.bg23{background-image: ;}
.kehu .con ul li.bg24{background-image: url(/uploads/image/t1zi/kehu24.jpg);}
.kehu .con ul li:hover{border-color: #f56e51;}


.news{ background: #eeeeee; padding-bottom: 100px;}
.news .con{width: 1200px; margin: 0px auto;}
.news .con .listnews{width: 384px; float: left; margin-right: 15px;  background: url(/uploads/image/t1zi/news-bg1.png) left top no-repeat;}
.news .con .listnews.bg1{background: url(/uploads/image/t1zi/news-bg2.png) left top no-repeat;}
.news .con .listnews p.title{height: 144px;}
.news .con .listnews p.title a{ display: inline-block; width: 129px; text-align: center; padding-top: 40px; text-align: center; color: #ffffff; font-size: 18px; font-weight: bold;}
.news .con .listnews p.title a:hover{ text-decoration: none;}
.news .con .listnews ul li{padding-right: 20px; height: 36px; line-height: 36px; word-break: keep-all;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.news .con .listnews ul li a{cursor: pointer;}
.news .con  .photonews{width: 401px; height: 284px; overflow: hidden; float: left; position:relative;}
.news .con  .photonews .bd ul li{width: 401px; height: 284px; position: relative;}
.news .con  .photonews .bd ul li div{width:290px;padding-left:26px; padding-right:105px; height: 38px; line-height: 38px; background: url(/uploads/image/t1zi/news-bg3.png); word-break: keep-all;white-space: nowrap;overflow: hidden; text-overflow: ellipsis; position: absolute; left: 0; bottom: 0;}
.news .con  .photonews .bd ul li div a{ color: #ffffff;}
.news .con  .photonews .hd{height:38px; width:55px; position:absolute;bottom:0px; right:0px;}
.news .con  .photonews .hd ul li{width:8px; height:8px;margin:15px 4px 0px; border-radius:100%; background:#999999; float:left; }
.news .con  .photonews .hd ul li.on{ background:#efefef;}

.footer{  background: #181818; color: #aeaeae;}
.footer  .container{width: 1200px; margin: 0px auto; padding:30px 0px 50px;}
.footer  .container h4{font-size: 18px; margin-bottom: 22px;}
.footer  .container a{ color: #aeaeae; cursor: pointer;}
.footer  .container .lpart{ float: left;  margin-top: 15px;}
.footer  .container .lpart>ul>li{ float: left; margin-right: 130px;}
.footer  .container .lpart>ul>li>h4{ font-size: 16px; color: #cccccc;}
.footer  .container .lpart>ul>li>ul>li{height: 16px; line-height: 16px; margin-bottom:16px;}
.footer  .container .rpart{ float: left; padding-top: 10px; padding-left: 65px; margin-left: -32px; border-left: 1px solid #5e5e5e;}
.footer  .container .rpart ul li{padding-left: 42px; font-size: 14px; line-height: 24px; margin-bottom: 20px; margin-left: 72px;}
.footer  .container .rpart ul li.tel400{padding-left: 70px; font-size: 18px; line-height: 50px; margin-bottom: 26px; color: #ffffff; margin-left: 0px; background: url(/uploads/image/t1zi/footer-icon01.png)  left center no-repeat;}
.footer  .container .rpart ul li.telphone{ background: url(/uploads/image/t1zi/footer-icon02.png)  1px center no-repeat;}
.footer  .container .rpart ul li.fax{ background: url(/uploads/image/t1zi/footer-icon03.png)  0 center no-repeat;}
.footer  .container .rpart ul li.address{ background: url(/uploads/image/t1zi/footer-icon04.png)  3px center no-repeat;}
.footer  .container .rpart ul li a.map{ color: #00deff; display: inline-block;height: 18px;  background:   7px center no-repeat;}
.footer  .container .rpart ul li a.map:hover{ text-decoration: none;}
.footer  .container .footerfastlink{ width: 1200px; padding-top: 32px; margin-top: 27px; border-top: 1px solid #5e5e5e; float: left;}
.footer  .container .footerfastlink ul li{ margin-bottom: 16px; line-height: 16px;}
.footer  .container .footerfastlink ul li span{ display: inline-block;  font-size: 16px; padding:0px 7px 0px 5px; margin-right: 15px; border-right: 1px solid #5e5e5e;}
.footer  .container .footerfastlink ul li em{ display: inline-block; font-style: normal; min-width: 127px;}
.footer  .container .footerfastlink ul li em:last-child{ min-width: 86px;}
.footer  .container .footerfastlink ul li em a{}
.footer  .container .wechataccount{ float: left; margin-top: 40px;}
.footer  .container .wechataccount{}
.footer  .container .wechataccount ul li{ float: left; margin:0px 139px 0px;}
.footer  .container .wechataccount ul li .img{width: 122px;height: 122px; background-repeat: no-repeat;}
.footer  .container .wechataccount ul li .img.bg1{ background-image: ; background-position: center center;}
.footer  .container .wechataccount ul li .img.bg2{ background-image: ;}
.footer  .container .wechataccount ul li .img.bg3{ background-image: ;}
.footer  .container .wechataccount ul li p{ text-align: center; line-height: 24px; margin-top: 22px;}
.footer  .beianhao{ font-size: 12px; line-height: 24px; background: #2f2f2f; text-align: center; padding:15px 0px;}

/*在线咨询和留言的按钮和弹框*/
.online-zixunbtn, .online-liuyanbtn{width: 62px; height: 24px; line-height: 20px; padding-top: 38px; position: fixed;z-index: 99; right: 5px; text-align: center; font-size: 12px; color: #ffffff; cursor: pointer;}
/**/
.online-zixunbtn{top:368px; background:  center 8px no-repeat #ff3c00;}
.online-liuyanbtn{top:454px; background:  center 8px no-repeat #ec1d27;}
/**/
.online-zixuncon, .online-liuyancon{ position: fixed; left: 50%; top:50%; z-index: 99; box-shadow: 0px 0px 5px #dddddd;}
.online-zixuncon .close, .online-liuyancon .close{width: 16px;height: 20px; position: absolute; right: 10px; top:3px; cursor: pointer;}
.online-zixuncon .close span, .online-liuyancon .close span{ display: inline-block; width: 100%;height: 3px; margin-top: 8px; background: #f67758;}
/**/
.online-zixuncon{width: 344px;height: 422px; margin-left: -172px; margin-top: -211px;  background:#f1f1f1; border: 1px solid #cccccc;  display: none;}
.online-zixuncon .time1{width: 231px;height: 24px; line-height: 24px;  margin:15px auto 0px; background: #f6f6f6; color:#999999; font-size: 14px; text-align: center;}
.online-zixuncon .time2area{height: 20px; line-height: 20px; margin:12px 20px 0px;}
.online-zixuncon .time2area font{ display: inline-block; line-height: 20px;}
.online-zixuncon .time2{ display: inline-block; width: 132px;   color:#999999; font-size: 14px;}
.online-zixuncon .chatcon{ margin:0px 20px; background: #ffffff; color: #999999; line-height: 20px;padding:10px 15px;}
.online-zixuncon .textarea{width: 100%;height: 90px; position:absolute; left: 0px; bottom: 49px;}
.online-zixuncon .textarea textarea{width: 334px; padding:5px; height: 90px;  overflow: auto; font-size: 14px; line-height: 26px; font-family: "microsoft yahei"; border: 0px none; resize: none; outline: none; color: #666666;}
.online-zixuncon .operatearea{height: 40px; width: 100%; position: absolute; bottom: 0px; background: #ffffff; border-top: 1px solid #cccccc;}
.online-zixuncon .operatearea .lpart{width: 176px; height: 40px; background:  -20px 2px no-repeat; float: left;}
.online-zixuncon .operatearea .rpart {width: 58px;height: 30px;line-height: 30px; color: #ffffff; border-radius: 5px; float: right; margin-right: 15px; margin-top: 5px; border: 0px none;
	background: -webkit-linear-gradient(left, #d44137 , #fb9c4b); /* safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #d44137, #fb9c4b); /* opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #d44137, #fb9c4b); /* firefox 3.6 - 15 */
	background: linear-gradient(to right, #d44137 , #fb9c4b); /* 标准的语法 */
}
/**/
.online-liuyancon{width: 344px;height: 422px; margin-left: -172px; margin-top: -211px;  background: #ffffff; display: none;}
.online-liuyancon .title{width: 243px; text-align: center; height: 50px;line-height: 50px; background: #ffffff; position: absolute; top: 2px; left: 50px; font-size: 16px;}
.online-liuyancon .textarea{width: 261px;height: 102px; position:absolute; left: 39px; top: 79px; background: #f6f6f6;  }
.online-liuyancon .textarea textarea{width: 261px;height: 102px;  background: transparent;overflow: auto; font-size: 14px; line-height: 26px; font-family: "microsoft yahei"; border: 0px none; resize: none; outline: none;}
.online-liuyancon .input1, .online-liuyancon .input2, .online-liuyancon .input3, .online-liuyancon .input4{width: 243px;height: 29px;position:absolute; left: 64px;  background: #f6f6f6;  }
.online-liuyancon .input1 input, .online-liuyancon .input2 input, .online-liuyancon .input3 input, .online-liuyancon .input4 input{width: 243px;height: 29px;  background: transparent;overflow: auto; font-size: 14px; line-height: 29px; font-family: "microsoft yahei"; border: 0px none; resize: none; outline: none;}
.online-liuyancon .input1{top:198px;}
.online-liuyancon .input2{top:239px;}
.online-liuyancon .input3{top:280px;}
.online-liuyancon .input4{top:318px;}

.returntop{ width: 46px; padding:16px 0px; text-align: center; background: #f4f4f4; position: fixed; right: 5px; top:540px; cursor: pointer; display: none;}
.returntop:hover{ background: #e6e4e4;}
.returntop:hover img{
	transform:translatey(-2px);
	-ms-transform:translatey(-2px); /* ie 9 */
	-webkit-transform:translatey(-2px); /* safari and chrome */
	transition-duration: .1s;
	-webkit-transition-duration:.1s;
}