@charset "gb2312";
/* CSS Document */
@charset "utf-8";
body{ margin:0px; font-size:12px; color:#3d2f1b;font-family:"΢ÈíÑźÚ";}
*{padding:0px;margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,button,th,td {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:12px;list-style:none;}
input,select {font:100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "΢ÈíÑźÚ", SimSun, "ËÎÌå", STXihei, "»ªÎÄϸºÚ", Heiti, "ºÚÌå", sans-serif;}
button {overflow:visible}
img{border:none;}
a{color:#333;text-decoration:none; outline:none; border:0}
a:hover{color:#0378cb;text-decoration:none;}

input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
.clear{overflow:hidden;clear:both; height:0px;}
li{	list-style:none;}
.lf{ float:left;}
.rt{ float:right;}


.top1{ width:96%; max-width:1200px;margin:0 auto;  display: flex;   justify-content: space-between;   align-items: center; position:relative }
.logo{ width:170px}
.logo img{ height:100px; width:auto; position:absolute; z-index:999; top:0 }

.tel{ background:url(../images/tel.png) left center no-repeat; background-size:35px auto; padding-left:45px}
.tel span{ font-size:14px; color:#888}
.tel p{ display:block; font-size:20px; color:#0378cb}




.daohang{ width:650px}
.header .an{ position:absolute; right:3%; top:15px;height:18px; width:30px; display:none; float:right}
.header .an span{width:30px; height:2px; background-color:#0378cb; display:block; position:absolute;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}


.header .nav ul{ display: flex;   justify-content: space-between;   align-items: center; }
.header .nav ul>li{height:80px; width:auto; font-size:16px; line-height:80px; float:left; text-align:center;position:relative; text-transform:uppercase; }

.header .nav ul li a:hover{ color:#0378cb }
.header .nav i{font-size:14px; line-height:80px; text-align:right; position:absolute;height:80px; right:10px; top:0px; display:none;  }

.header .nav ul li a.o_lm{line-height:80px; color:#222;   display:block; }
.header .nav ul li:hover a.o_lm{ color:#0378cb}

.header .nav ul li a.o_lm:after{ content:""; display:block; position:absolute; width:0; height:3px; background:#0378cb; bottom:0; left:50%; transform:translateX(-50%); transition:all 0.6s}
.header .nav ul li:hover a.o_lm:after{ content:""; width:100%; transition:all 0.6s}


.header .nav .e_j{position:absolute; width:auto; min-width:100%;  background:#fff;box-shadow: 0px 10px 10px rgba(0,0,0,0.25); top:80px;  padding:10px 0; display:none; left:0; z-index:9999999999999; height:auto; 
 -webkit-animation: fadeInUpMenu 0.4s;
  -moz-animation: fadeInUpMenu 0.4s;
  -ms-animation: fadeInUpMenu 0.4s;
  -o-animation: fadeInUpMenu 0.4s;
  animation: fadeInUpMenu 0.4s;}



.header .nav .e_j ul{ display:block}
.header .nav ul li:hover .e_j{display:block;}
.header .nav .e_j ul li{ display:block; width:100%; line-height:35px; font-weight:normal; height:auto; text-transform:none;white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; }
.header .nav .e_j  ul li a{display:block; font-size:14px; line-height:35px; color:#333; padding: 0 20px}
.header .nav .e_j  ul li a:hover { color:#0378cb; }


.jiange{ height:50px; overflow:hidden; display:none;}





@-webkit-keyframes fadeInUpMenu {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInUpMenu {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUpMenu {
  -webkit-animation-name: fadeInUpMenu;
  animation-name: fadeInUpMenu;
}







@media only screen and (max-width:1200px){
.header .nav ul>li{font-size:14px;  }

}




@media only screen and (max-width:992px){

.jiange{ display:block}
.header{padding:0px 5px; height:50px; position:fixed; top:0; width:100%; box-sizing:border-box;  z-index:9999; background:#fff;box-shadow: 0px 0px 10px rgba(195,195,195,0.75);
}

.header .an{display:block;}
.header .nav{width:100%; height:0; padding:0; position:fixed; background-color:#fff; top:0; right:0; margin:0; margin-top:50px; overflow:auto;z-index:999999;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.header .nav.on{height:100%; padding:2% 0%;}
.header .nav ul{ display:block}
.header .nav ul li a.o_lm{ padding:0 0;  display:block;}
.header .nav i{display:block; color:#666;  top:0; right:20px; line-height:50px; height:50px}
.header .nav ul li{width:100%; height:auto; text-align:left; font-size:16px; display:block; margin:0; padding:0 20px; box-sizing:border-box;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.header .nav ul li:hover  i{ color:#666}
.header .nav ul li i{color:#666}

.header .nav ul li a.o_lm:after{ content:none; }
.header .nav ul li:hover a.o_lm:after{content:none;  }



.header .nav ul li a.o_lm{line-height:50px; color:#333;}
.header .nav ul li:hover a.o_lm{color:#333; background:none;}
.header .nav .y_j{border-bottom:1px solid #f1f1f1;}
.header .nav .e_j{padding:10px 0px; border-bottom:0px solid #666;box-shadow:none; overflow:hidden; border-top:0; background:none; position:inherit; top:auto; left:auto; width:100%; height: auto;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;}

.header .nav .e_j ul li a{ color:#666; padding:0}
.header .nav ul li:hover .e_j{display:none;}
.header .nav .e_j.n{display:block !important;}

.top1{ display:block; padding:0}
.daohang{ width:auto}

.logo{ float:left; width:auto; margin:0px 0; position:fixed; z-index:9999; left:0; top:0}
.logo img{ height:60px; width:auto}

.tel{ display:none;}


}


.banner{  width:100%; height:auto;}

.banner {
        width: 100%;
    	height:auto;
			overflow:hidden;
		position:relative;
		box-sizing:border-box
	
        
    }
    .banner  .swiper-slide {
		width:100%;
	
	
		
    }

	
.banner  .swiper-slide  img{ width:100%; height:auto }
.banner   .swiper-pagination-bullet{ width:10px; height:10px; background:#fff; opacity:1}
.banner  .swiper-pagination-bullet-active{ background:#0378cb}


.banner .swiper-button-next{width:50px; height:80px;background:none; background-color:rgba(0,0,0,0.3); right:15px; text-align:center}
.banner .swiper-button-next:after{ font-family: 'FontAwesome';content: "\f105"; color:#fff; position:relative; z-index:2;  line-height:80px; text-align:center; font-size:30px}
.banner .swiper-button-prev{width:50px; height:80px; background:none; background-color:rgba(0,0,0,0.3); left:15px; text-align:center}
.banner .swiper-button-prev:after{ font-family: 'FontAwesome';content: "\f104"; color:#fff; position:relative; z-index:2;  line-height:80px; text-align:center; font-size:30px}

.banner .swiper-button-next:hover{ background-color:rgba(0,0,0,0.6);}
.banner .swiper-button-prev:hover{ background-color:rgba(0,0,0,0.6);}


@media only screen and (max-width:992px){

.banner{ margin-top:50px}
.banner .swiper-button-next{width:30px; height:30px;background:none; background-color:rgba(0,0,0,0.3); right:15px; text-align:center}
.banner .swiper-button-next:after{ font-family: 'FontAwesome';content: "\f105"; color:#fff; position:relative; z-index:2;  line-height:30px; text-align:center; font-size:14px}
.banner .swiper-button-prev{width:30px; height:30px; background:none; background-color:rgba(0,0,0,0.3); left:15px; text-align:center}
.banner .swiper-button-prev:after{ font-family: 'FontAwesome';content: "\f104"; color:#fff; position:relative; z-index:2;  line-height:30px; text-align:center; font-size:14px}

}


@media only screen and (max-width:600px){
	

	.banner .swiper-button-next{ display:none}
	.banner .swiper-button-prev{ display:none}
	.banner .swiper-button-next:after{ content:none;}
	.banner .swiper-button-prev:after{ content:none;}
	
}



.hui{ padding:50px 0; background:#f8f8f8; overflow:hidden}

.guanyu{ width:96%; margin:0px auto; max-width:1200px; display: flex;   justify-content: space-between;   align-items: center; }
.sy_gypic{  width:50%;  overflow:hidden}
.sy_gypic img{ width:100%; height:auto;transition:all 0.6s}
.sy_gypic a:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}

.sy_gyzi{ width:45%;}
.sy_gyzi h1{ display:block; color:#0378cb; font-size:45px}
.sy_gyzi h2{ display:block; color:#333; font-size:20px}
.sy_gyzi p{ display:block; margin:30px auto; font-size:15px; max-height:180px; line-height:30px; color:#464646;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow:hidden}
.sy_gyzi span a{ display:block; border:#0378cb 1px solid; width:120px; color:#0378cb; line-height:35px;  text-align:center; font-size:14px; transition:all 0.6s}
.sy_gyzi span a:hover{ background:#0378cb;color:#fff; transition:all 0.6s}




.bt1{ text-align:center; margin-bottom:30px}
.bt1 h3{ display:block; font-size:35px; font-weight:normal; color:#333}
.bt1 em{ display:block; width:60px; height:3px; background:#0378cb; margin:5px auto}
.bt1 span{ text-transform:uppercase; font-size:14px; color:#888}




.yeji{ margin:50px auto}
.yeji ul{display: flex;   justify-content: space-between; flex-wrap:wrap}
.yeji ul li{ width:24%; position:relative; background:#000; overflow:hidden; margin-bottom:1% }
.yeji ul li i{ display:block; width:100%; padding-bottom:67%;overflow:hidden}
.yeji ul li i img{ width:100%; height:auto; min-height:100%;  transition:all 0.6s; position:absolute; left:0; top:50%; transform:translateY(-50%)}
.yeji ul li:hover i img{ transform:translateY(-50%) scale(1.1,1.1);opacity:0.5; transition:all 0.6s}
.yeji ul li:after{ content:""; position:absolute; width:100%; height:30%; bottom:0;background-image: linear-gradient(0deg, #000,transparent ); }
.yeji ul li h3{ position:absolute; bottom:20px; width:100%; padding-left:20px; box-sizing:border-box; left:0; z-index:9; color:#fff; font-size:16px; font-weight:normal; transition:all 0.6s}
.yeji ul li p{ display:block; position:absolute; opacity:1; bottom:20px; width:100%; left:-100%; z-index:9; font-size:14px; color:#fff; padding-left:20px; box-sizing:border-box; opacity:0; transition:all 0.6s}
.yeji ul li p em{ display:block; margin-top:10px}
.yeji ul li:hover h3{ bottom:80px; transition:all 0.6s}
.yeji ul li:hover p{ left:0; opacity:1; transition:all 0.6s}





.chanpin ul{ width:96%; margin:50px auto; max-width:1200px;display: flex;   justify-content: space-between; flex-wrap:wrap}
.chanpin ul li{ width:24%; border:#eee 1px solid; box-sizing:border-box; text-align:center; margin-bottom:1%;}
.chanpin ul li:hover{ border:#0378cb 1px solid;box-shadow: 0px 0px 10px rgba(195,195,195,0.75);}
.chanpin ul li:nth-child(1){ width:50%; }
.chanpin ul li:nth-child(1) a{display: flex;   justify-content: space-between;  align-items: center; }
.chanpin ul li:nth-child(6){ width:50%}
.chanpin ul li:nth-child(6) a{display: flex;   justify-content: space-between;  align-items: center; }
.chanpin ul li i{ display:block; width:80%; padding-bottom:80%; margin:0 auto; position:relative; }
.chanpin ul li i img{ position:absolute; width:100%; height:auto; left:0; top:50%; transform:translateY(-50%)}

.chanpin ul li:nth-child(1) i{ display:block; width:48%; padding-bottom:48%}
.chanpin ul li:nth-child(6) i{ display:block; width:48%; padding-bottom:48%}

.chanpin ul li:nth-child(1) h3{ display:block; width:40%; text-align:left; padding-right:20px; box-sizing:border-box}
.chanpin ul li:nth-child(6) h3{ display:block; width:40%; text-align:left; padding-right:20px; box-sizing:border-box}

.chanpin ul li h3{ display:block; font-size:16px;}
.chanpin ul li h3 p{ display:block; font-size:14px; font-weight:normal; margin-top:10px; line-height:25px; color:#666}









@media only screen and (max-width:992px){
.hui{ padding:20px 0; background:#f8f8f8; overflow:hidden}
.guanyu {  display:block}

.sy_gypic{  width:100%;  overflow:hidden}
.sy_gyzi{ width:100%; margin-top:20px}


.sy_gyzi h1{  font-size:23px}
.sy_gyzi h2{  font-size:14px}
.sy_gyzi p{  margin:15px auto; font-size:12px; line-height:23px;}
.sy_gyzi span a{  width:100px; line-height:25px;  font-size:12px; }




.bt1{ text-align:center; margin-bottom:15px}
.bt1 h3{ display:block; font-size:23px; font-weight:normal; color:#333}
.bt1 em{ display:block; width:40px; height:2px; background:#0378cb; margin:5px auto}
.bt1 span{ text-transform:uppercase; font-size:12px; color:#888}

.yeji{  margin:20px auto}

.yeji ul li{ width:49%; }
.yeji ul li h3{ font-size:14px;}
.yeji ul li:hover h3{ bottom:20px;}
.yeji ul li:hover p{ left:0; opacity:0; }


.chanpin ul{ margin:20px auto}
.chanpin ul li{ width:49%; margin-bottom:2%; padding-bottom:10px}
.chanpin ul li:nth-child(1){ width:49%; }
.chanpin ul li:nth-child(6){ width:49%; }
.chanpin ul li:nth-child(1) a{ display:block}
.chanpin ul li:nth-child(6) a{display:block}
.chanpin ul li:nth-child(1) h3{ width:100%; text-align:center; padding-right:0px; }
.chanpin ul li:nth-child(6) h3{ width:100%; text-align:center; padding-right:0px;}

.chanpin ul li h3 p{ display:none;}

.chanpin ul li:nth-child(1) i{ display:block; width:80%; padding-bottom:80%}
.chanpin ul li:nth-child(6) i{ display:block; width:80%; padding-bottom:80%}

.chanpin ul li h3{ display:block; font-size:14px; font-weight:normal}
}




.more{ width:160px; height:42px; margin:0 auto; text-align:center;  margin-top:30px;  position:relative;}
.more a{ display:block; color:#777; font-size:14px;border:#ccc 1px solid; border-radius:50px;line-height:40px;  transition:all 0.6s;}
.more a:hover{ display:block; background:#0378cb;border:#0378cb 1px solid; color:#fff; transition:all 0.6s; border-radius:50px}



.shouhou{  overflow:hidden}

.jz{ width:96%; margin:0 auto; max-width:1200px;  display: flex;   justify-content: space-between;   align-items: center; }
.kfpic{ width:45%; height:auto}
.kfpic img{ width:100%; height:auto}

.shkf{ width:45%}
.shkf h3{ font-size:25px; color:#fff}
.shkf p{ display:block; font-size:14px; line-height:30px; margin:20px 0; color:#fff;}
.shkf span a{ display:block; background:#fff; width:120px; line-height:35px; text-align:center; color:#0378cb;transition:all 0.6s}
.shkf span a:hover{ transform:translateX(10px); transition:all 0.6s}



.synew{ width:96%; margin:50px auto; max-width:1200px;}

.xinwen{  margin:0 auto; width:100%; padding-bottom:50px}
.xinwen .swiper-slide{ width:100%; position:relative}
.xinwen .swiper-slide i{ display:block; width:100%; height:auto;  overflow:hidden; position:relative;}
.xinwen .swiper-slide i img{ width:100%; height:auto; transition:all 0.6s}
.xinwen .swiper-slide i a:hover img{ transition:all 0.6s; transform:scale(1.1,1.1)}
.xinwen .swiper-slide h3 a{ font-size:16px; font-weight:bold; line-height:30px; display:block; margin:15px 0; color:#222;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap;  }
.xinwen .swiper-slide h3 a:hover{ color:#0378cb}


.xinwen .swiper-slide .time{ position:absolute; background:#0378cb; color:#fff; right:0; bottom:0; font-size:16px; padding:10px 20px; border-radius:20px 0 0 0; z-index:99; font-style:normal }

.xinwen .swiper-slide p{ display:block; font-size:14px; line-height:25px; margin:15px 0; color:#777;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden }



.xinwen .swiper-pagination-bullet{ width:12px; height:12px; background:#e1e1e1; opacity:1}
.xinwen .swiper-pagination-bullet-active{ background:#0378cb}

.xinwen .swiper-slide span a{ display:block; width:65px; position:relative;color:#0378cb; line-height:30px} 


.xinwen .swiper-slide .fa-clock-o{ padding-right:5px}

.xinwen .swiper-slide span a:after{ position:absolute; bottom:0; left:0; content:""; width:0; height:1px; background:#0378cb; opacity:0; transition:all 0.6s}
.xinwen .swiper-slide span a:hover:after{ width:100%; opacity:1; transition:all 0.6s}





@media only screen and (max-width:992px){


.jz{ display:block; padding:20px 0}

.kfpic{ width:100%; height:auto}

.shkf{ width:100%}
.shkf h3{ font-size:18px; text-align:center }
.shkf p{ display:block; font-size:12px; line-height:23px; margin:20px 0; color:#fff;}
.shkf span a{  width:80px; line-height:25px; margin:0 auto}


.synew{  margin:20px auto; }
.xinwen .swiper-slide h3 a{ font-size:14px; }
.xinwen .swiper-slide .time{  font-size:12px; padding:10px 20px;  }
.xinwen .swiper-slide p{ display:block; font-size:12px; line-height:20px; margin:10px 0; max-height:40px;}


}







.footer{background:#f1f1f1;}

.foot1{ width:96%; margin:0 auto; max-width:1200px; padding:25px 0;color:#fff;  overflow:hidden}
.foot2{ background:#0378cb;padding:25px 0;  text-align:center; font-size:14px; color:#fff}

.dlx{ float:left;  font-size:14px; color:#666; line-height:25px; width:330px }
.dlx p{ display:block; margin-bottom:10px; overflow:hidden; padding-left:10px}
.dlx i{ width:20px; display:block; float:left; color:#0378cb; font-size:14px; line-height:25px;}
.dlx em{ display:block; float:left; width:calc(100% - 35px); font-style:normal }

.dbt{ font-size:15px; color:#333; font-weight:bold; margin-bottom:10px; text-align:left}
.dbt:before{ content:"-"; padding-right:5px; color:#0378cb}
.dwx{ float:right;  width:120px; text-align:center; line-height:25px; font-size:12px; color:#666}
.dwx img{ width:100%; height:auto;}



.dlink {
	float: left;
	width: auto;
	padding:0 30px;
    width:calc(100% - 510px);
	box-sizing:border-box;
	font-size:0;
	text-align:center;

}
.dlink ul{	display:flex;
justify-content: space-around; text-align:center}

.dlink ul li {
	text-align:left;
	}

.dlink p {
	padding: 0;
	font-size: 12px;
	line-height: 26px;
	display:block;
	 padding-left:10px
}
.dlink p a {
	display: block;
	color: #666;
}
.dlink p a:hover {
	color: #0378cb;
	text-decoration: none;
	transition: all 300ms ease-in-out 0s;
}

@media only screen and (max-width:992px){	

.dlink{ display:none;}

.dlx{ font-size:12px;  line-height:23px; width:calc(100% - 130px)  }

.foot2{ padding:10px;font-size:12px; line-height:23px;}


}


.nbanner{ width:100%; height:400px; position:relative; font-size:0;  overflow:hidden; }
.nbanner img{ position:absolute; height:100%; width:auto; top:0; left:50%; transform:translateX(-50%);}
.nbanner .nnbt{ position:absolute; top:40%; width:96%; max-width:1200px; left:50%; transform:translateX(-50%);  z-index:2}
.nbanner .nnbt h1{  font-size:30px; color:#fff; display:inline-block;  position:relative;  width:auto;}
.nbanner .nnbt p{ font-size:14px; color:#fff; text-transform:uppercase;}
.nbanner .nnbt em{ display:block; width:50px; height:3px; background:#0378cb; margin-top:10px}



.nmain{ width:96%; margin:40px auto; max-width:1200px; overflow:hidden }


.cplb ul{ position:relative; margin:0 -20px; overflow:hidden}
.cplb ul li{ float:left; width:25%; padding:20px; box-sizing:border-box;}
.cplb ul li a{ display:block; border:#eee 1px solid; display:block; padding:10px; box-sizing:border-box; padding-bottom:0}
.cplb ul li i{ display:block; width:100%; padding-bottom:133%; position:relative; overflow:hidden}
.cplb ul li i img{ position:absolute; width:100%; height:100%; left:0; top:0; transition:all 0.6s}
.cplb ul li:hover i img{ transform:scale(1.1,1.1); transition:all 0.6s}
.cplb ul li p{ display:block; text-align:center; padding:15px 0; font-size:14px; color:#666; line-height:23px; text-align:center}
.cplb ul li a:hover{ border:#0378cb 1px solid;}


.nddh{ text-align:center; background:#f8f8f8; overflow:hidden; border-bottom:#ddd 1px solid}

.nddh ul li{ display:inline-block; margin:0 10px}
.nddh ul li a{ display:block; padding:0 15px; font-size:14px; color:#333; line-height:60px; position:relative}
.nddh ul li a:hover{ background:#0378cb; color:#fff}

.nddh ul li .on{color:#0378cb}
.nddh ul li a.on:after{ content:""; width:100%; transition:all 0.6s}




@media only screen and (max-width:992px){	
.nbanner{  height:120px; margin-top:50px  }

.nbanner .nnbt h1{  font-size:16px; width:auto}
.nbanner .nnbt p{ font-size:12px;  }
.nddh ul li{ margin:0}
.nddh ul li a{ padding:0 5px; font-size:12px; line-height:30px; }

.nmain{  margin:20px auto; }



}

.weizhi{ background:#f8f8f8; padding:15px 0}
.weizhi p{ display:block; width:96%; margin:0 auto; max-width:1200px; color:#888}
.weizhi .fa-home{ padding-right:5px}

.xtlb ul{ position:relative; margin:0 -15px;}
.xtlb ul li { float:left; width:33.33%; padding:0 15px; box-sizing:border-box;margin-bottom:20px;}
.xtlb ul li .xtpic{ width:100%; padding-bottom:67%; border:#ddd 1px solid; box-sizing:border-box; position:relative; overflow:hidden}
.xtlb ul li .xtpic img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; transition:all 0.6s}
.xtlb ul li:hover .xtpic img{ transform:translate(-50%,-50%) scale(1.1,1.1); transition:all 0.6s}
.xtlb ul li p{ display:block; font-size:14px; text-align:center; margin-top:10px; color:#333; padding:10px 0}
.xtlb ul li:hover p{ background:#0378cb; color:#fff}





@media only screen and (max-width:992px){	
.xtlb ul{ position:relative; margin:0 -5px;}
.xtlb ul li { float:left; width:50%; padding:0 5px; box-sizing:border-box;margin-bottom:10px;}

.xtlb ul li p{ display:block; font-size:12px; margin-top:5px;  padding:5px 0}
}



.xqbt{ border-bottom:#ccc 1px  dashed; text-align:center; font-size:30px; color:#000; padding-bottom:30px; margin-bottom:30px}
.xqnr{ font-size:15px; line-height:180%; color:#444}
.xqnr img{ max-width:100%; height:auto; display:block; margin:0 auto}

.xgcp{ margin-top:40px;}
.xgcp h3{ display:block; font-size:25px; color:#000; border-left:#0378cb 5px solid; margin:30px 0; font-weight:normal; padding-left:10px;}
.xgcp ul{ position:relative; margin:0 -20px;}
.xgcp ul li{ width:25%; float:left; padding:0 20px; margin-bottom:20px; box-sizing:border-box;}
.xgcp ul li i{ display:block; width:100%; padding-bottom:100%; position:relative; border:#eee 1px solid; box-sizing:border-box; overflow:hidden}
.xgcp ul li i img{ position:absolute; max-width:100%; max-height:100%; top:50%; left:50%; transform:translate(-50%,-50%); transition:all 0.6s}
.xgcp ul li i  a:hover img{ transform:translate(-50%,-50%) scale(1.1,1.1) ; transition:all 0.6s}
.xgcp ul li:hover i{ border:#0378cb 1px solid}
.xgcp ul li p{ display:block; padding-top:10px; text-align:center; font-size:14px; color:#666}


@media only screen and (max-width:992px){	
.xqbt{ font-size:20px; padding-bottom:10px; margin-bottom:10px}

.xqnr{ font-size:12px; line-height:23px; }

.xgcp{ margin-top:20px;}
.xgcp h3{ font-size:20px; margin:20px 0}

.xgcp ul{ position:relative; margin:0 -5px;}
.xgcp ul li{ width:50%;  padding:0 5px; margin-bottom:10px; }

.xgcp ul li p{ font-size:12px;}

}


/*my*/
.ncontent {  line-height:180%; font-size:15px; }
.ncontent img{ max-width:100%;}
.ncontent .bt1{ text-align:center; font-size:18px; min-height:30px; line-height:180%; margin-bottom:10px;} 
.ncontent .shijian1{ text-align:center; padding:0; border-bottom:1px solid #ccc;} 
.m_content{ margin-top:15px; line-height:180%; font-size:15px;}
.m_content img{ max-width:100%; height:auto !important;}
.shijian1 span{ display:none;}
 
 @media only screen and (max-width:760px) {
.ncontent .bt1{ font-size:16px;}
.m_content{ font-size:14px;}
}


.ny_xw { width: 100%; margin: 30px auto 60px auto;}
.ny_xw ul li { border-bottom: 1px solid #ddd; padding: 40px 0px;}
.ny_xw .rq { width: 13%; float: left;}
.ny_xw .rq h1 { font-weight: bold; font-size: 40px;}
.ny_xw .rq p { font-size: 24px; padding: 10px 0px 0px 5px;}
.ny_xw .tp { width: 20%; float: left;}
.ny_xw .tp img { width: 100%; height: auto;}
.ny_xw .wz { width: 78%; float: right;}
.ny_xw .wz h2 { font-size: 20px; font-weight: 800; line-height: 40px; padding-bottom: 15px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;  }
.ny_xw .wz p { line-height: 28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;  overflow: hidden;}

/*@media only screen and (max-width:992px){
.ny_xw { width: 94%; margin: 20px auto 60px auto;}
.ny_xw ul li {  padding: 20px 0px; width: 100%; margin: 0;}
.ny_xw ul li:first-child{ padding-top: 0px;}
.ny_xw .rq { display: none;}
.ny_xw .tp { width: 40%; float:left;}
.ny_xw .wz { width: 55%; float:right;}
.ny_xw .wz h2 { font-size: 16px; font-weight: 800; line-height: 30px; padding:0;}
.ny_xw .wz p { line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden;  }	
}
*/
@media only screen and (max-width:992px){
.ny_xw { width: 94%; margin: 20px auto 60px auto;}
.ny_xw ul li {  padding: 20px 0px; width: 100%; margin: 0;}
.ny_xw ul li:first-child{ padding-top: 0px;}
.ny_xw .rq { display: none;}
.ny_xw .tp { width: 100%; float:none;}
.ny_xw .wz { width: 100%; float:none;}
.ny_xw .wz h2 { font-size: 16px; font-weight: 800; line-height: 30px; padding:0;}
.ny_xw .wz p { line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden;  }	
}

@media only screen and (max-width:992px){
.ny_xw { width: 94%; margin: 20px auto 60px auto;}
.ny_xw ul li {  padding: 20px 0px; width: 100%; margin: 0;}
.ny_xw ul li:first-child{ padding-top: 0px;}
.ny_xw .rq { display: none;}
.ny_xw .tp { width: 100%; float:none;}
.ny_xw .wz { width: 100%; float:none;}
.ny_xw .wz h2 { font-size: 16px; font-weight: 800; line-height: 30px; padding:0;}
.ny_xw .wz p { line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden;  }	
}

.xiaocms-page {text-align: center;}
.xiaocms-page a {display:inline-block;margin:2px;min-width: 10px;height: 30px;border:1px solid #e7e7e7;padding:0 10px;line-height:34px;text-align:center;color:#555;display:inline-block;font-size: 14px;border-radius: 5px;}
.xiaocms-page a:hover {background-color: #222;border: 1px solid ##222;color:#fff;}
.xiaocms-page span {display:inline-block;margin:2px;min-width: 10px;height: 30px;border: 1px solid #222;color:#fff;padding:0 10px;line-height: 30px;text-align:center;display:inline-block;background-color: #222;font-size: 14px;border-radius: 5px;}
@media only screen and (max-width:640px){
.xiaocms-page{margin-top:10px;}
.xiaocms-page ul li a,.xiaocms-page ul li span{min-width:32px; height:32px; padding:0 10px; line-height:30px;}
}