﻿@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'Tyfzfont';
	src: url('fontTYFZ.eot');
	src: local('Tyfzfont Regular'), 
	local('Tyfzfont'), 
	url('fontTYFZ.TTF') format('truetype'), 
	url('fontTYFZ.svg#Tyfzfont') format('svg');
}




a:hover {text-decoration:none;}


.banner {height: 811px;}
.banner .container {height: 811px;position: relative;}
#flashs a.a1,.banner .container .banlist {display: block; height: 811px;width: 1920px;position: absolute;left: -360px;top: 0;z-index: 1;}

.banner .banBox {position: absolute;left: -360px;top: 660px;z-index: 2;height: 90px;background: url(Img/Index/banline.png) no-repeat left center;width: 396px;}
.banner .banBox .banBtnT {display: block;width: 45px;height: 30px;position: absolute;right: 0;top: 0;background: url(Img/Index/banjtt01.png) no-repeat center top;padding-top: 15px;cursor: pointer;}
.banner .banBox .banBtnT i {display: block;text-align: center;color: #fff;position:  relative;}
.banner .banBox .banBtnB {display: block;width: 45px;height: 30px;position: absolute;right: 0;bottom: 0;background: url(Img/Index/banjtb01.png) no-repeat center bottom;padding-bottom: 15px;cursor: pointer;}
.banner .banBox .banBtnT i.banI2 {display: block;text-align: center;color: #fff;margin-top: 25px;}
.banner .banMenu {position: absolute;left: 50%;width: 100px;bottom: 5%;margin-left: -50px;color: #fff;text-align: center;z-index: 5;}
.banner .banMenu i {display: block;width: 24px;height: 40px;/*background: url(Img/Index/banMenu.png) no-repeat center;*/margin: 0 auto 20px auto;cursor: pointer;}
.banner .banMenu em {display: block;text-align: center;}

.banner .banMenu i img {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-animation: bounceY 2s infinite;
  -moz-animation: bounceY 2s infinite;
  -o-animation: bounceY 2s infinite;
  -ms-animation: bounceY 2s infinite;
  animation: bounceY 2s infinite;
}

@-webkit-keyframes bounceY {
  0%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-moz-keyframes bounceY {
  0%,
  100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-o-keyframes bounceY {
  0%,
  100% {
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounceY {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}


.product {background: #f7f7f7;}
.product h2 {text-align: center;padding-top: 55px;font-size: 35px;font-weight: normal;font-family: "宋体";margin-bottom: 30px;}
.product h2 a {display: block;color: #333;margin-bottom: 7px;}
.product h2 i {display: block;font-size: 16px;}
.product .proCon {position: relative;height: 570px;}
.product .conleft {position: relative;overflow: hidden;width: 710px;z-index: 2;}
.product .conleft ul {position: relative;}
.product .conleft ul li {float: left;width: 710px;height: 570px;}
.product .conleft ul li img {display: block;width: 710px;height: 570px;}

.product .conright {width: 490px;overflow: hidden;height: 570px;position: relative;z-index: 2;}
.product .conright ul {position: relative;}
.product .conright ul li {float: left;width: 490px;height: 570px;}
.product .conright ul li dl {width: 380px;padding: 60px 20px 0 50px;margin-bottom: 40px;}
.product .conright ul li dl dt {font-size: 18px;margin-bottom: 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product .conright ul li dl dt a {color: #333;}
.product .conright ul li dl dd {padding-left: 10px;background: url(Img/Index/prodian.png) no-repeat left center;margin-bottom: 10px;}
.product .conright ul li .p1 {margin: 0 20px 0 50px;}
.product .conright ul li .p1 a {float: left;width: 110px;height: 40px;line-height: 40px;border-radius: 27px;text-align: center;background: #748ea9;color: #fff;margin-left: 15px;}
.product .conright ul li .p1 a:first-child {margin-left: 0;}
.product .conright ul li .p1 a:hover {background: #0076D0;}

.product .probg {height: 570px;width: 850px;position: absolute;right: -360px;bottom: 0;background: url(Img/Common/fbg.jpg);}

.product .proNum {position: absolute;left: 760px;top: 505px;z-index: 3;}
.product .proNum b {font-size: 44px;font-family: "宋体";}
.product .proNum i {font-size: 15px;}
.product .proBtnl {display: block;width: 30px;height: 30px;position: absolute;left: 840px;top: 520px;background: url(Img/Index/projtl01.png) no-repeat center;cursor: pointer;z-index: 3;}
.product .proBtnl:hover {background: url(Img/Index/projtl02.png) no-repeat center;}
.product .proBtnr {display: block;width: 30px;height: 30px;position: absolute;left: 870px;top: 520px;background: url(Img/Index/projtr01.png) no-repeat center;cursor: pointer;z-index: 3;}
.product .proBtnr:hover {background: url(Img/Index/projtr02.png) no-repeat center;}


.advantage {padding-bottom: 50px;background: url(Img/Common/fbg.jpg);}
.advantage h2 {text-align: center;padding-top: 55px;font-size: 35px;font-weight: normal;font-family: "宋体";margin-bottom: 30px;}
.advantage h2 span {display: block;color: #333;margin-bottom: 7px;}
.advantage h2 i {display: block;font-size: 16px;}
.advantage .advCon {position: relative;height: 610px;margin-bottom: 25px;}
.advantage .advCon .advImg {position: absolute;left: -360px;top: 0;height: 610px;z-index: 1;}
.advantage .advCon .advImg ul li {display: none;width: 1920px;height: 610px;}
.advantage .advCon .advImg ul li img {display: block;width: 1920px;height: 610px;}
.advantage .advCon .advImg ul li.cur {display: block;}
.advantage .advTit {height: 610px;position: relative;z-index: 2;}
.advantage .advTit ul li {float: left;width: 300px;padding-top: 420px;height: 190px;color: #fff;}
.advantage .advTit ul li b {display: block;font-size: 70px;margin-left: 40px;margin-bottom: 5px;font-family: "Tyfzfont";}
.advantage .advTit ul li span {margin-left: 40px;}
.advantage .advTit ul li.cur {background: url(Img/Index/bg03.png);}

.advantage .p1 {text-align: center;line-height: 30px;margin-bottom: 30px;}
.advantage .p2 {width: 126px;height: 46px;position: relative;overflow: hidden;margin-left: 536px;}
.advantage .p2 a {display: block;height: 46px;line-height: 46px;position: relative;z-index: 3;text-align: center;transition: all 0.5s;}
.advantage .p2 em {display: block; width: 120px;height: 40px;border: 1px solid #000;position: absolute;transition: all 0.5s;}
.advantage .p2 em.em1 {left: 0;top: 0;}
.advantage .p2 em.em2 {right: 0;bottom: 0;}
.advantage .p2 i {display: block; width: 120px;height: 40px;border: 1px solid #0076d0;position: absolute;background: #0076d0;transition: all 0.5s;}
.advantage .p2 i.i1 {left: -120px;top: -50px;}
.advantage .p2 i.i2 {right: -120px;bottom: -50px;}
.advantage .p2:hover .em1 {left: -120px;top: -50px;}
.advantage .p2:hover .em2 {right: -120px;bottom: -50px;}
.advantage .p2:hover a {color: #fff;}
.advantage .p2:hover .i1 {left: 0;top: 0;}
.advantage .p2:hover .i2 {right: 0;bottom: 0;}


.hszq {height: 370px;background: url(Img/Index/hszqbg.jpg) no-repeat center top;padding-top: 80px;}
.hszq .box {width: 590px;height: 226px;position: relative;}
.hszq .box .pImg img {display: block;width: 590px;height: 226px;}
.hszq .box .p1 {position: absolute;left: 275px;top: 50px;}
.hszq .box .p1 span {display: block;font-size: 24px;color: #333;margin-bottom: 10px;}
.hszq .box .p2 {position: absolute;left: 275px;top: 130px;width: 121px;height: 44px;background: #748ea9;color: #fff;border-radius: 27px;line-height: 44px;text-align: center;}
.hszq .hszqBox2 .p2 {background: #b88458;}


.jdal {background: url(Img/Common/fbg.jpg);padding-bottom: 60px;}
.jdal h2 {text-align: center;padding-top: 55px;font-size: 35px;font-weight: normal;font-family: "宋体";margin-bottom: 30px;}
.jdal h2 a {display: block;color: #333;margin-bottom: 7px;}
.jdal h2 i {display: block;font-size: 16px;}

.jdal .jdalType {text-align: center;margin-bottom: 30px;}
.jdal .jdalType li {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 113px;height: 98px;border: 1px solid #ece6e6;border-radius: 3px;position: relative;margin: 0 5px;}
.jdal .jdalType li a {display: block;padding-top: 65px;height: 33px;border-radius: 3px;}
.jdal .jdalType li em {display: none;width: 20px;height: 8px;background: url(Img/Index/jdalxl.png) no-repeat center;position: absolute;left: 48px;top: 99px;}
.jdal .jdalType li.cur {background: #0076D0;border-color: #0076D0;}
.jdal .jdalType li.cur a {color: #fff;}
.jdal .jdalType li.cur em {display: block;}
.jdal .jdalType li.li1 a {background: url(Img/Index/jdalicon01.png) no-repeat center 23px;}
.jdal .jdalType li.li1.cur a {background: url(Img/Index/jdalicon02.png) no-repeat center 23px;}
.jdal .jdalType li.li2 a {background: url(Img/Index/jdalicon03.png) no-repeat center 23px;}
.jdal .jdalType li.li2.cur a {background: url(Img/Index/jdalicon04.png) no-repeat center 23px;}
.jdal .jdalType li.li3 a {background: url(Img/Index/jdalicon05.png) no-repeat center 23px;}
.jdal .jdalType li.li3.cur a {background: url(Img/Index/jdalicon06.png) no-repeat center 23px;}
.jdal .jdalType li.li4 a {background: url(Img/Index/jdalicon07.png) no-repeat center 23px;}
.jdal .jdalType li.li4.cur a {background: url(Img/Index/jdalicon08.png) no-repeat center 23px;}
.jdal .jdalType li.li5 a {background: url(Img/Index/jdalicon09.png) no-repeat center 23px;}
.jdal .jdalType li.li5.cur a {background: url(Img/Index/jdalicon10.png) no-repeat center 23px;}

.jdal .jdalCon .conbox {display: none;}
.jdal .jdalCon .conbox.cur {display: block;}
.jdal .jdalCon .conbox .box {float: left;margin-left: 30px;width: 585px;}
.jdal .jdalCon .conbox .box:first-child {margin-left: 0;}
.jdal .jdalCon .box dt {position: relative;overflow: hidden;margin-bottom: 22px;}
.jdal .jdalCon .box dt img {display: block;width: 585px;height: 438px;}
.jdal .jdalCon .box dt p {position: absolute;left: 0;top: 450px;width: 100%;text-align: center;transition: all 0.5s;}
.jdal .jdalCon .box dt p a {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 162px;height: 80px;color: #fff;line-height: 80px;text-indent: 50px;}
.jdal .jdalCon .box dt p a.a1 span {display: block;height: 80px;background: url(Img/Index/jdalicon11.png) no-repeat 35px center;}
.jdal .jdalCon .box dt p a {background: url(Img/Index/bg01.png);}
.jdal .jdalCon .box dt p a.a2 span {display: block;height: 80px;background: url(Img/Index/jdalicon12.png) no-repeat 35px center;}
.jdal .jdalCon .box dt p a:hover {background: url(Img/Index/bg03.png);}
.jdal .jdalCon .box dd.dd1 {font-size: 18px;margin-bottom: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.jdal .jdalCon .box dd.dd1 a {color: #333;}
.jdal .jdalCon .box dd.dd2 {line-height: 24px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;height: 48px;margin-bottom: 20px;}
.jdal .jdalCon .box dd.dd3 a {display: block;height: 15px;background: url(Img/Index/jdalicon13.png) no-repeat left center;}
.jdal .jdalCon .box:hover dt p {top: 350px;}
.jdal .jdalCon .box:hover dd.dd1 a {color: #0076D0;}


.zxad {height: 500px;}
.zxad .container {color: #fff;}
.zxad .p1 {padding-top: 80px;font-size: 30px;margin-bottom: 25px;}
.zxad .p1 b {font-size: 85px;font-family: "宋体";}
.zxad .p2 {margin-bottom: 35px;padding-bottom: 35px;background: url(Img/Index/zxadline.png) no-repeat left bottom;}
.zxad .p2 span {display: block;}
.zxad .p2 b {display: block;font-size: 45px;margin: 5px 0;}
.zxad .p2 i {display: block;font-size: 18px;}
.zxad .p3 {padding-left: 55px;background: url(Img/Index/zxadltel.png) no-repeat left center;}
.zxad .p3 i {display: block;margin-bottom: 5px;}


.hzhb {padding-bottom: 60px;}
.hzhb h2 {text-align: center;padding-top: 55px;font-size: 35px;font-weight: normal;font-family: "宋体";margin-bottom: 45px;}
.hzhb h2 a {display: block;color: #333;margin-bottom: 7px;}
.hzhb h2 i {display: block;font-size: 16px;color: #999;}
.hzhb .hzhbCon {position: relative;}
.hzhb .hzhbCon .hzhbBtnl {display: block;width: 329px;height: 35px;position: absolute;left: -360px;top: 65px;background: url(Img/Index/hzhbjtl01.png) no-repeat right center;cursor: pointer;}
.hzhb .hzhbCon .hzhbBtnl:hover {background: url(Img/Index/hzhbjtl02.png) no-repeat right center}
.hzhb .hzhbCon .hzhbBtnr {display: block;width: 329px;height: 35px;position: absolute;right: -360px;top: 65px;background: url(Img/Index/hzhbjtr01.png) no-repeat left center;cursor: pointer;}
.hzhb .hzhbCon .hzhbBtnr:hover {background: url(Img/Index/hzhbjtr02.png) no-repeat right center}
.hzhb .hzhbCon .conbox {position: relative;overflow: hidden;}
.hzhb .hzhbCon .conbox ul {position: relative;}
.hzhb .hzhbCon .conbox ul li {float: left;width: 188px;height: 161px;background: url(Img/Index/hzhbbg.png) no-repeat center;margin-left: 12px;}
.hzhb .hzhbCon .conbox ul li a {display: block;height: 106px;padding-top: 55px;}
.hzhb .hzhbCon .conbox ul li img {display: block;width: 130px;height: 45px;margin: 0 auto;}



.news {height: 824px;background: url(Img/Index/newsbg.jpg) no-repeat center top;}
.news h2 {text-align: center;padding-top: 55px;font-size: 35px;font-weight: normal;font-family: "宋体";margin-bottom: 45px;}
.news h2 a {display: block;color: #fff;margin-bottom: 7px;}
.news h2 i {display: block;font-size: 16px;color: #fff;}

.newsCon {position: relative;height: 600px;}
.newsCon .conleft {width: 854px;background: url(Img/Index/bg04.png);height: 600px;}
.newsCon  .NewsTop {height: 85px;border-bottom: 1px solid #e6dfdf;margin-bottom: 30px;}
.newsCon .NewsTop ul {float: left;}
.newsCon .NewsTop ul li {float: left;width: 205px;height: 86px;}
.newsCon .NewsTop ul li a {display: block;padding-left: 90px;height: 86px;line-height: 86px;font-size: 18px;color: #333;}
.newsCon .conleft .NewsTop ul li.li1 a {background: url(Img/Index/newsicon01.png) no-repeat 37px center;}
.newsCon .conleft .NewsTop ul li.li2 a {background: url(Img/Index/newsicon03.png) no-repeat 37px center;}
.newsCon .conleft .NewsTop ul li.li1.cur a {background: url(Img/Index/newsicon02.png) no-repeat 37px center;color: #fff;}
.newsCon .conleft .NewsTop ul li.li2.cur a {background: url(Img/Index/newsicon04.png) no-repeat 37px center;color: #fff;}
.newsCon .conleft .NewsTop ul li.cur {background: #0076D0;}

.newsCon .NewsTop .morea {float: right;height: 85px;line-height: 85px;margin-right: 28px;}

.newsCon .conleft .newsBox {padding: 0 30px;}
.newsCon .conleft .newsBox .box {display: none;}
.newsCon .conleft .newsBox .box.cur {display: block;}
.newsCon .conleft .box dl {float: left;width: 465px;}
.newsCon .conleft .box dl dt {overflow: hidden;width: 465px;height: 347px;margin-bottom: 20px;}
.newsCon .conleft .box dl dt img {display: block;width: 465px;height: 347px;}
.newsCon .conleft .box dl dd.dd1 {font-size: 18px;font-weight: bold;margin-bottom: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsCon .conleft .box dl dd.dd1 a {color: #333;}
.newsCon .conleft .box dl dd.dd2 {line-height: 24px;height: 48px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.newsCon .conleft .box ul {float: right;width: 295px;}
.newsCon .conleft .box ul li {margin-bottom: 22px;padding-left: 15px;background: url(Img/Index/newsdian.png) no-repeat left center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsCon .conleft .box ul li:hover a {color: #0076D0;}


.news .conright {width: 344px;background: url(Img/Index/bg04.png);height: 600px;}

.news .conright .NewsTop ul li a {background: url(Img/Index/newsicon05.png) no-repeat 23px 34px;padding-left: 50px;}
.news .conright .cjwt {padding:0 20px;}
.news .conright .cjwt dl {padding-bottom: 20px;border-bottom: 1px dashed #e6dfdf;margin-bottom: 20px;}
.news .conright .cjwt dl dt {padding-left: 30px;background: url(Img/Index/newsicon06.png) no-repeat left center;height: 20px;line-height: 20px;margin-bottom: 15px;}
.news .conright .cjwt dl dd {line-height: 24px;height: 48px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news .conright .cjwt dl:hover dt a {color: #0076D0;}



.yqlj {background: #fff;}
.yqlj .container {position: relative;padding: 30px 0 25px 0;}

.yqlj .box {text-align: left;position: relative;z-index: 2;}
.yqlj .box .p1 {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 125px;height: 36px;line-height: 20px;font-weight: bold;}
.yqlj .box .p1 a {color: #000;}
.yqlj .box ul {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;}
.yqlj .box ul li {float: left;padding: 0 16px;border-right: 1px dotted #cccccc;height: 14px;line-height: 14px;}
.yqlj .box ul li a {color: #666;}
.yqlj .box ul li:last-child {border-right: none;}
.yqlj .box ul li:hover a {color: #0076D0;}
.yqlj .box .morea {position: absolute;right: 0;top: 0;height: 36px;line-height: 36px;color: #666;font-weight: bold;}


