@charset "utf-8";
/* CSS Document */
@import url('swiper-bundle.min.css');
@import url('animate.min.css');
@import url('iconfont.css');
@import url('wap.css');
/* CSS Document */
body {font-family:  "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif; margin: 0px; padding: 0; line-height: 24px; color: #555; background:#fff; font-size: 14px;  background: #fff;}
td { font-family: "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif; text-decoration: none; color: #555; }
th { font-family:  "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif;text-decoration: none;  color: #555; }
a:link {font-family:  "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif;text-decoration: none;color: #555;}
a:visited {font-family: "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif;text-decoration: none;color: #555; }
a:hover {font-family: "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif;  text-decoration: none; color: #0047fc;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
a:active {font-family:  "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif; text-decoration: none;  color: #0047fc; }
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,menu{ display: block; margin: 0px; padding: 0px; }
h1,h2,h3,h4,h5,h6{display:block;padding:0px;margin: 0px;font-family: "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif;}
p,ul,ol,li,form,img,dl,dt,dd{margin:0;padding:0;border:0;font-family:  "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif;}
em,i { font-style: normal; }
img{border: 0px !important; }
input,button,select { margin: 0; vertical-align: middle; outline: none;font-family: "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif;}
dl,dt,ul,ol { margin: 0px; display: block; padding: 0px; list-style: none; }

@media (max-width:1003px) {body {padding: 0; font-size: 1rem; line-height: 2rem;}}

.img_fd img{width:100%;overflow-x: hidden; overflow-y: hidden; position: relative; z-index: 1; transition-delay: 0s; transition-duration: 1s; transition-property: all; transition-timing-function: ease; /* Firefox 4 */
-moz-transition-delay: 0s; -moz-transition-duration: 1s; -moz-transition-property: all; -moz-transition-timing-function: ease; /* Safari 和 Chrome */
-webkit-transition-delay: 0s; -webkit-transition-duration: 1s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; /* Opera */
-o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease;}
.img_fd:hover img{transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); 	/* IE 9 */ -moz-transform: scale(1.2, 1.2); 	/* Firefox */ -webkit-transform: scale(1.2, 1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2, 1.2); 	/* Opera */opacity:0.6; }
.jbxg{-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}

/*Pagination*/
.pagination{display:flex; justify-content: center;padding: 30px 0;}
.pagination a{display: inline-block; padding: 2px 10px !important;border: 1px solid #ddd; margin: 0 2px;}.img_fd img{width:100%;overflow-x: hidden; overflow-y: hidden; position: relative; z-index: 1; transition-delay: 0s; transition-duration: 1s; transition-property: all; transition-timing-function: ease; /* Firefox 4 */-moz-transition-delay: 0s; -moz-transition-duration: 1s; -moz-transition-property: all; -moz-transition-timing-function: ease; 
/* Safari 和 Chrome */-webkit-transition-delay: 0s; -webkit-transition-duration: 1s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; -o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease;}
/*nav*/
.w1210{width: 1210px; display: block; margin: 0 auto;}

.top{width: 100%; height: 3rem;height: auto; display: none;}
.top img{display: block; width: 100%;}

.logo{display: block; width: 185px; height: 47px; float: left;}
.nav-wapr{width:100%; padding: 10px 0px; height: 47px;}

.nav{width:800px; height: 47px; float: right;}
.nav ul{display: flex;flex-wrap: wrap; justify-content: space-around;}
.nav ul li{display:inline-block;width: 90px; height: 47px; line-height: 47px;text-align: center;}
.nav ul li a{display: block;font-size: 16px; }
.nav ul li a.active{color: #002ffc;}
.nav ul li a:hover{color: #002ffc;}
/*banner*/
.banner{display: block; height: auto;}
.banner ul li{background-size: 100%; height: 700px;}
.banner ul li a{display: block; width: 100%; height: 100%;}
.banner .swiper-pagination{bottom: 10px;}
.banner img{display: block; width: 100%;}

/*banner*/
.index-banner ul li{background-size: 100%; height: 500px;}
.index-banner ul li a{display: block; width: 100%; height: 100%;}
.index-banner .swiper-pagination{bottom: 10px !important;}

.title1{display: block; text-align: center;padding: 10px 0; color: #000; line-height: 38px; font-size: 36px;;font-weight: bold;}
.title1 span{display: block; color: #888; font-size: 16px; height: 44px; line-height: 44px; font-weight: normal;}

.kecheng{ height: auto; padding: 40px 0;}
.kecheng ul{display: flex;flex-wrap: wrap; justify-content: space-between;}
.kecheng ul li{display:inline-block; width:48%; margin-bottom: 20px; float: left;}
.kecheng ul li a{display: block;}
.kecheng ul li i a {display: block;}
.kecheng ul li i a img{display: block; width: 100%;}
.kecheng ul li a p{display:block; line-height: 34px;}

.title2{display: block; padding: 10px 0; color: #000; font-size: 24px;font-weight: bold;}
.title2 span{display: block; color: #888;height: 30px; line-height:30px; font-size: 16px; font-weight: normal;}

.niwen{display: block; padding: 1rem 0; background:#eee;}
.niwen ul{width: 1200px; margin: 0 auto;display: flex; flex-wrap: wrap; justify-content: space-between;}
.niwen ul li{padding: 0; border-bottom: 1px dotted #ccc; width: 32%;}
.niwen ul li a{display: block;}
.niwen ul li i a {display: block;}
.niwen ul li i a img{display: block; width: 100%;}
.niwen ul li a p{display:block; line-height: 20px;}

.home-case{ padding: 1rem 0px;}
.home-case ul{flex-wrap: wrap; justify-content: space-between; display: flex; padding-top:20px;}
.home-case ul li{display: inline-block; width: 32%; text-align: center;}
.home-case ul li a{display: block;}
.home-case ul li a img{display: block; width: 100%;}
.home-case ul li a span{display: block; height: 40px; line-height: 40px;}

.more{display: block; width: 120px; height: 35px; line-height:35px; background: #eee; text-align: center; margin: 1rem auto;}
.tabnav{width: 100%; height: 40px; display: flex;justify-content: center; flex-wrap: wrap;}
.tabnav a{display:inline-block;width:120px; height: 40px; line-height: 40px;text-align: center; background: #fff; }
.tabnav a.active{color: #fff;background: #0047fc;}

.hoem-news{display: block; padding: 1rem 0; background: #eee;}
.hoem-news ul{flex-wrap: wrap; justify-content:space-between; display: flex; padding: 0; width: 1200px; margin: 0 auto;}
.hoem-news ul li{display: block;border-bottom: 1px dotted #ccc; padding: 0.5rem 0px; width: 48%;}
.hoem-news ul li a{display: block;}
.hoem-news ul li a h3{display: block; line-height: 30px; color: #000; font-size: 16px;}
.hoem-news ul li a i{display: block; height: 30px; line-height:30px; color: #888;}
.hoem-news ul li a p{display: block; }

.hoem-news .more{background: #fff;}

.bottom{width: 98%;background: #15191e; color: #666; text-align: center; padding:20px 1% 20px 1%;}
.bottom a{color: #666;}
.bottom a:hover{color: #fff;}

.kefu-wap {display: none;width: 100%;height: 3rem; border-top: 1px solid #ddd; background: #fff; position: fixed; left: 0px; bottom: 0px; z-index: 999999999; padding-top: 5px; }
.kefu-wap a {display: flex;justify-content: center; flex-wrap: wrap; width: 100%;}
.kefu-wap a i {display:inline-block;width: 3rem; height: 3rem; line-height: 3rem; text-align: center; font-size: 2rem;  color: #0047fc;}
.kefu-wap a span { display:inline-block; width: 70%; height: 3rem; line-height: 3rem; text-align: center; font-size: 1.5rem; }
.kefu{display: none;}

.Introduction{padding: 20px 0; width: 1200px; margin: 0 auto;}

.position{display: block; height:35px; line-height: 35px; border-bottom: 1px solid #cccc; font-size: 13px;padding-left: 10px; font-weight: normal;}
.position a{ font-size: 13px;}

.show-title{display: block; font-size: 30px; color: #000; line-height: 35px;}
.show-title2{display: block; font-size: 30px; color: #000; line-height: 35px; padding: 30px 0; text-align: center;}
.show_Date{display:block; padding:20px 0px; border-bottom:1px solid #ddd; margin-bottom: 20px;}

.new-more{padding:20px 0 0 0; border-top: 1px solid #ddd; margin-top: 40px;}
.new-more dl{display: block; line-height: 30px; border-bottom: 1px dotted #eee;}
.new-more dl span{display: inline-block;}

.news-list{display: block; padding: 1rem 0;}
.news-list ul{display: block; padding: 0px;  margin: 0 auto;flex-wrap: wrap; justify-content:space-between; display: flex;}
.news-list ul li{display: block;border-bottom: 1px dotted #ccc; padding: 20px 0px;}
.news-list ul li a{display: block;}
.news-list ul li a h3{display: block; line-height: 35px; color: #000; font-size: 16px;}
.news-list ul li a i{display: block; height: 30px; line-height: 30px; color: #888;}
.news-list ul li a p{display: block; }

.tabnav2{width: 100%; height: 40px; background: #eee; display: flex;justify-content: center; flex-wrap: wrap;}
.tabnav2 ul{display:flex; justify-content: space-between;;flex-wrap:nowrap;}
.tabnav2 ul li a{display:inline-block;width:120px; height: 40px; line-height: 40px;text-align: center;}
.tabnav2 ul li a:hover{color: #fff;background: #0047fc;}
.tabnav2 ul li a.active{color: #fff;background: #0047fc;}

.Introduction-show{padding: 50px 0px; width: 900px; }

#Pagination {padding: 50px 0px 10px 0;}
#Pagination a {display:inline-block; margin-right: 6px; margin-bottom: 10px;  height: 24px; line-height: 24px; border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; behavior: url(pie.htc); padding: 10px 15px; border: 1px solid #555; font-size: 14px; font-weight: bolder; behavior: url(pie.htc); color:#ccc;}
#Pagination a#pa_hover{display:inline-block; margin-right: 6px; margin-bottom: 10px;  height: 24px; line-height: 24px; border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; behavior: url(pie.htc); padding: 10px 15px; border: 1px solid #0f56cc; font-size: 14px; font-weight: bolder; behavior: url(pie.htc); color:#0f56cc;}
#Pagination a#pa_hover hover{display:inline-block; margin-right: 6px; margin-bottom: 10px;  height: 24px; line-height: 24px; border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; behavior: url(pie.htc); padding: 10px 15px; border: 1px solid #0f56cc; font-size: 14px; font-weight: bolder; behavior: url(pie.htc); color:#fff;}
#Pagination a:nth-of-type(1){display: inline-block;margin: 0px; padding: 0;height: 45px;border: 0px;}
#Pagination a:nth-of-type(1):hover{padding: 0px;margin: 0px; height: 45px;border: 0px; background: none;}
#Pagination a:nth-of-type(1) b { color:#0f56cc; background: none;margin: 0px;}
#Pagination a:hover { display:inline-block;;  background:#0f56cc; border: 1px solid #0f56cc; color: #fff;  height: 24px; border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; behavior: url(pie.htc); }
#Pagination b{display:inline-block;  background:#0f56cc; border: 1px solid #0f56cc; color: #fff;  height: 24px; line-height: 24px; border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; behavior: url(pie.htc); padding: 10px 16px; margin-right: 6px;}.img_fd img{width:100%;overflow-x: hidden; overflow-y: hidden; position: relative; z-index: 1; transition-delay: 0s; transition-duration: 1s; transition-property: all; transition-timing-function: ease; /* Firefox 4 */-moz-transition-delay: 0s; -moz-transition-duration: 1s; -moz-transition-property: all; -moz-transition-timing-function: ease; /* Safari 和 Chrome */-webkit-transition-delay: 0s; -webkit-transition-duration: 1s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; /* Opera */-o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease;}.img_fd:hover img{transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); 	/* IE 9 */ -moz-transform: scale(1.2, 1.2); 	/* Firefox */ -webkit-transform: scale(1.2, 1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2, 1.2); 	/* Opera */opacity:0.6; }

.lf-box{width: 900px;padding: 50px 0px; overflow: hidden;}
.ri-box{width: 260px;padding: 50px 0px;}

.side-title{display: block; height: 50px; line-height: 50px; font-size: 18px; color: #000; border-bottom: 1px solid #ddd;}
.side-title2{display: block; height: 50px; line-height: 50px; font-size: 18px; color: #000; padding-top: 20px;}
.side-title2 a{display: inline-block; float: right; color: #888; font-weight: normal;}

.side-news{ margin-bottom: 10px;}
.side-news ul{display: block; padding: 10px 0;}
.side-news ul li{height: 35px; line-height: 35px; border-bottom: 1px dotted #ddd; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; background: url(../images/news_07.jpg) no-repeat left; padding-left: 15px;}

.side-lxwm{ margin-bottom: 10px;}
.side-lxwm p{display: block; padding: 10px 0 0 0;}

.position{display: block; height: 50px; line-height: 50px; font-size: 24px; font-weight: bold; color: #000; display: flex; justify-content: space-between; flex-wrap: wrap; border-bottom: 1px solid #ddd;}
.position p{display: inline-block;}
.position span{display: inline-block; font-weight: normal; color: #888;font-size: 13px;}
.position span a{color: #888; font-size: 13px;}

.main{display: flex; justify-content: space-between; flex-wrap: wrap;}

.show-box{padding-top:20px;}
@media (max-width:1003px) {
	.w1210{width:98%;margin: 0;padding:0 1%;}
	.top{display:block;}
	.logo{display: none;}
	
	.nav{width: 100%; height: 5rem;background: #0047fc;}
	.nav ul li{width: 25%; height: 2.5rem; line-height: 2.5rem;border-bottom:1px solid #356dfd;}
	.nav ul li a{font-size: 1.3rem; color: #fff; border-right: 1px solid #356dfd;}
	.nav ul li a.active{color: #FFED00;}
	
	.title1{padding: 1rem 0; font-size: 2rem;}
    .title1 span{ font-size: 1rem; height: 2rem; line-height: 2rem;}
	
	.title2{ padding: 1rem 0; font-size: 1.5rem;}
    .title2 span{font-size: 1rem; height: 2rem; line-height: 2rem;}
	
	.kecheng{display: block; padding: 1rem 0;}
    .kecheng ul{}
    .kecheng ul li{display: block; width: 98%; padding: 1rem 1%; border-bottom: 1px dotted #ccc;}
    .kecheng ul li i a img{display: block; width: 100%;}
    .kecheng ul li a p{line-height: 2rem; font-size: 1rem; padding-left: 2.5rem; background: url(../images/index_09.jpg) no-repeat 0 0.5rem; background-size: 1.5rem;}
	
	.niwen{padding: 1rem 0;}
    .niwen ul{display:block; width: 100%;}
    .niwen ul li{display:block; padding: 1rem 1%; border-bottom: 1px dotted #ccc; width: 98%;}
    .niwen ul li a{display: block;}
    .niwen ul li i a {display: block;}
    .niwen ul li i a img{width: 100%;}
    .niwen ul li a p{display:block; line-height: 2rem; font-size: 1rem; }
	
	.home-case ul li{display: inline-block; width: 46%; text-align: center;}
    .home-case ul li a span{display: block; height: 3rem; line-height: 3rem; font-size: 1.5rem;}
	
	.news-list ul{padding: 0 1%; width: 98%;}
	
.hoem-news{display: block; padding: 1rem 0; background: #eee;}
.hoem-news ul{flex-wrap: wrap; justify-content: space-around; display: flex; padding: 0 1%; width: 98%; margin: 0 auto;}
.hoem-news ul li{display: block;border-bottom: 1px dotted #ccc; padding: 1rem 0px; width: 100%;}
.hoem-news ul li a{display: block;}
.hoem-news ul li a h3{display: block; line-height: 2rem; color: #000; font-size: 1.3rem;}
.hoem-news ul li a i{display: block; height: 2rem; line-height: 2rem; color: #888;}
.hoem-news ul li a p{display: block; }
	
.more{display: block; width: 40%; height: 3rem; line-height: 3rem; background: #eee; text-align: center; margin: 1rem auto;}
.tabnav{width: 100%; height: 4rem; display: flex;justify-content: center; flex-wrap: wrap;}
.tabnav a{display:inline-block;width: 25%; height: 2.5rem; line-height: 2.5rem;text-align: center; background: #fff; }
.tabnav a.active{color: #fff;background: #0047fc;}
	
.position{display: block; height: 3rem; line-height: 3rem; border-bottom: 2px solid #cccc; font-size: 1rem; padding-left: 10px; font-weight: normal;}
.position a{font-size: 1rem;}
	
.kefu-wap {display: block; width: 100%;height: 3rem; border-top: 1px solid #ddd; background: #fff; position: fixed; left: 0px; bottom: 0px; z-index: 999999999; padding-top: 5px; }
.kefu-wap a {display: flex;justify-content: center; flex-wrap: wrap; width: 100%;}
.kefu-wap a i {display:inline-block;width: 3rem; height: 3rem; line-height: 3rem; text-align: center; font-size: 2rem;  color: #0047fc;}
.kefu-wap a span { display:inline-block; width: 70%; height: 3rem; line-height: 3rem; text-align: center; font-size: 1.5rem; }
.kefu{display: none;}
	
.bottom{width: 98%; line-height:2rem; background: #15191e; color: #666; text-align: center; padding:1rem 1% 5rem 1%;}
.bottom a{color: #666;}
.bottom a:hover{color: #fff;}
	
.Introduction{padding: 1rem 1%; width: 98%;}

.index-banner{height: 19vh; width: 100%;}
.index-banner ul li{height: 19vh; background-size: 150% !important;}
	
.news-list{display: block; padding: 1rem 0;}
.news-list ul{display: block; padding: 0px 1%; width: 98%; margin: 0 auto;}
.news-list ul li{display: block;border-bottom: 1px dotted #ccc; padding: 1rem 0px; width:100%;}
.news-list ul li a{display: block;}
.news-list ul li a h3{display: block; line-height: 2rem; color: #000; font-size: 1.3rem;}
.news-list ul li a i{display: block; height: 2rem; line-height: 2rem; color: #888;}
.news-list ul li a p{display: block; }
	
.Introduction-show{padding: 1rem 1%; width: 98%; border: none;}
.Introduction-show img{width:100%;}
.show-title2{display: block; font-size: 3rem; color: #000; line-height: 3rem; padding: 2rem 0; text-align: center;}

.lf-box{width: 100%;padding: 0px 0px 20px 0px;}
.ri-box{width: 100%;padding: 0px 0px 20px 0px;}

.position p{display: none;}
.position span{display: block; float: none;}
	
.side-title{padding-left:10px;}
}