@import url("reset.css");
@import url("global.css");
@import url("top.css");
@import url("foot.css");
@import url("animate.css");

.contenner{width: 1600px;margin:0 auto 0;overflow: hidden;}
.news-shop{overflow: hidden;margin: 0;padding: 0; }
.jdt-shop{width: 820px;height: 490px;position: relative;}
.jdt-shop img{width: 820px;height: 490px;}
.jdt-shop .jdt-title{position: absolute;bottom: 24px;right: 2px;z-index: 999;}
.jdt-shop .jdt-title li{float: left;width: 16px;height: 16px;margin:0 12px 0 0;background: #fff;cursor: pointer;border-radius:50% ;}
.jdt-shop .jdt-title li.on{background: #267fd2;}
.jdt-text{height: 70px;background: rgba(0, 0, 0, 0.5);line-height: 70px;width: calc(100% - 10px);padding-left: 10px;position: absolute;left: 0;bottom: 0;z-index: 998;}
.jdt-text a{color: #fff; font-size:18px;}
.jdt-text a:hover{color: #FF6B07;}

.gztz-shop{width: 770px;overflow: hidden;position: relative; margin-top:50px;}
.gztz-shop h3{height: 55px; border-bottom:1px solid #336699; line-height:40px;}
.gztz-shop h3 li{float: left;  font-size: 20px; height:52px; padding:0 5px; margin-right:30px;}
.gztz-shop h3 li a{color: #336699;}
.gztz-shop h3 li img{ margin-right:12px; margin-top:-7px;}
.gztz-shop h3 li.on{ border-bottom:3px solid #336699;}

.gztz-shop h3 li.on a{color: #336699;}

.gztz-center{padding-top: 17px;overflow: hidden;}
.gztz-center li{background: url(../images/jytp23.png) 3px center no-repeat; padding: 0 5px 0 24px;overflow: hidden;line-height: 61px; transition: all 0.3s ease 0s;}
.gztz-center li:hover{background: url(../images/jytp23.png) 10px center no-repeat;}
.gztz-center a.more{position: absolute;top: 10px;right: 0;font-size: 16px;}
.gztz-center li a{float: left;}
.gztz-center li span{float: right;}
.gztz-center li:nth-child(2n){}


.dqrc-shop{margin-top: 20px;overflow: hidden;}
.dqrc-shop li{float: left;margin-right: 20px; height:78px;  width:386px; text-align:center;  display: table; }


.dqrc-shop ul{ margin-right:-20px;}
.dqrc-shop li a{ color:#fff; font-size:20px;  font-weight:bold;  display: table-cell;  vertical-align: middle; }
.dqrc-shop li:nth-child(1) a{ }

.xyfc-shop{margin-top: 40px;overflow: hidden;}

.xyfc-center{overflow: hidden; width:1600px; margin:20px auto 0;}
.xyfc-center li{width: 315px; display:inline-block; text-align:center; overflow:hidden; margin-bottom:50px;}
.xyfc-center li a{ display:inline-block;  width:200px; height:200px;  text-align:center; border:2px solid #f2f2f2; border-radius:50%;color: #336699; font-weight:bold; font-size:19px;}
.xyfc-center li img{   transform: rotateY(0deg); transition: transform 0.3s ease-out 0s; margin-top:30px;}
.xyfc-center li:hover img{ transform: rotateY(180deg); }
.xyfc-center li:hover p{ color:#FF6B07;}

.xyfc-center li p{ text-align:center; font-size:18px; margin-top:15px;}
.xyfc-center li:last-child{ margin-right:0;}



.lm1{ background: url(../images/jytp9.jpg) left top repeat-x; height:100%; width:100%; min-height:1080px; overflow:hidden;}
.bt{ margin-top:200px;  height:75px; font-size:50px; text-align:center; font-family:宋体; font-weight:2000;}
.bt a{color:#204b86;}
.bt span{  font-size:40px;}
.bz{ text-align:center; width:1600px; margin:0 auto; height:75px; position:relative; overflow:hidden;}
.bz em{
    position: absolute;
    background: url(../images/jytp5.png) center repeat-x;
    width: 690px;
    height: 2px;
    top:14px;
	left:0;
    opacity: .3;
    transition: 4s;
	animation: bgfubuk1 600s ease-out infinite forwards;
}

.bz span{
    position: absolute;
    background: url(../images/jytp5.png) center repeat-x;
    width: 690px;
    height: 2px;
    top:14px;
	right:0;
    opacity: .3;
    transition: 4s;
	animation: bgfubuk2 600s linear infinite forwards;
}
.lm1 ul{ text-align:center; display:block; width:1600px; margin:0 auto;}
.lm1 ul li{ display:inline-block; margin:0 32px; border:1px solid #d1d1d1; overflow:hidden;}
.lm1 ul li img{ width:317px; height:611px;  transition: transform 0.7s ease;}
.lm1 ul li:hover img{  transform: scale(1.1);}

.lm2{ background:#fbfdff; min-height:1080px; overflow:hidden;}
.lm2 .bt{ margin-top:50px;}

.lm2_r{ width:730px; float:right; height:490px; overflow:hidden;}
.lm2_r ul li{ height:60px;  display: table; position:relative; width:100%; margin-bottom:26px;}
.lm2_r ul li em{  display: table-cell; vertical-align: middle; width:520px; padding-left:10px; position:relative; z-index:2;}
.lm2_r ul li span{ display: table-cell; vertical-align: middle; text-align:right; z-index:2; position:relative; padding-right:5px;}
.lm2_r ul li i{ height:100%; background:#204b86; position:absolute; left:0; top:0; z-index:1; width:3px;  transition: width 0.3s ease 0s;}
.lm2_r ul li:hover i{ width:100%;}
.lm2_r ul li:hover em a{ color:#fff;}
.lm2_r ul li:hover span{ color:#fff;}

.lm3 .bt{ margin-top:50px;}



@media screen and (max-width: 1700px) {
	
	
	
	
	.lm1 ul{ width:100%;}
	.lm1 ul li{ width:20%; margin:0 2%;}
	.lm1 ul li img{ width:100%; height:auto;}
	
	.lm2{ width:100%;}
	.contenner{ width:100%;}
	.jdt-shop{ width:52%;}
	.lm2_r{ width:45%;}
	.gztz-shop{ width:48%;}
	
	.xyfc-center{ width:100%;}
	.xyfc-center li{ width:19.5%;}
	.bz{ width:100%;}
	
}




@keyframes bgfubuk1 {
    0% {
      background-position: 0 0;
    }
    10% {
      background-position: -1000px 0;
    }
    20% {
      background-position: -2000px 0;
    }
    30% {
      background-position: -3000px 0;
    }
    40% {
      background-position: -4000px 0;
    }
    50% {
      background-position: -5000px 0;
    }
    60% {
      background-position:  -6000px 0;
    }
    70% {
      background-position:  -7000px 0;
    }
    80% {
      background-position: -8000px 0;
    }
    90% {
      background-position: -9000px 0;
    }
    100% {
      background-position:  -10000px 0;
    }
  }


@keyframes bgfubuk2 {
    0% {
      background-position: 0 0;
    }
    10% {
      background-position: 1000px 0;
    }
    20% {
      background-position: 2000px 0;
    }
    30% {
      background-position: 3000px 0;
    }
    40% {
      background-position: 4000px 0;
    }
    50% {
      background-position: 5000px 0;
    }
    60% {
      background-position:  6000px 0;
    }
    70% {
      background-position:  7000px 0;
    }
    80% {
      background-position: 8000px 0;
    }
    90% {
      background-position: 9000px 0;
    }
    100% {
      background-position:  10000px 0;
    }
  }