@charset "utf-8";
/* CSS Document */

/*--------------- 
鎬讳綋 
---------------*/
body{ position:relative; width:100%; font-family: "寰蒋闆呴粦"; font-size: 14px; background:#fff; color:#777; overflow-x:hidden; }
.en { position:relative; width:100%; font:normal 14px/24px "Arial"; background:#fff; color:#777; overflow-x:hidden; }
a { text-decoration:none;  }
h3, h4, h5 { font-weight:normal; }
.cl{clear: both}
.blank20{height:20px; line-height: 20px; clear: both; overflow: hidden}
.blank40{height:40px; line-height: 40px; clear: both; overflow: hidden}
.wrapper{width:1200px; overflow: hidden;margin: 0 auto;padding: 0; height:auto; position: relative;}
.wrapper-sub{width:1200px; overflow: hidden;margin: 0 auto;padding: 0; height:auto; position: relative;}
.wrapper2{width:1300px;margin: 0 auto;padding: 0; height:auto; position: relative;}
.mt50{margin-top: 50px;}
.mt70{margin-top: 70px;}
img{vertical-align: middle}
.fl{float: left;}
.fr{float: right;}
header{width: 100%;height:400px;background: url(../img/top_bg.jpg)center center no-repeat;background-size: 100% 100%;}
.itop{height: auto;width: 100%;margin:20px auto;padding:0;overflow: hidden}
.ilogo{float: left;margin-top:18px;}
.ilogo img{margin-right: 5px;}
.isearch{float: left;height: 40px;line-height: 40px;position: relative;margin-top:30px;margin-left:20px;border: #fff 1px solid;width: 280px;background: #b6d6eb;}
.isearch input[type=text]{position: relative;text-indent:0.5em;border: 0;height: 40px;line-height: 40px;width: 85%;float: right;background:none;}
.isearch input[type=submit]{position: absolute;left: 10px;top:8px;background: url(../images/search-ico.png) center center no-repeat;width:24px;height: 24px;border: 0;cursor: pointer;-webkit-appearance : none ;}
.itop_r{float: right;}
.itop_r_l{float: left;}
.itop_r_l a{display: inline-block;font-size: 16px;color:#fff;line-height: 100px;margin:0 auto;text-align: center;padding:0 20px;}
.itop_r_l a:hover{background:#054274;}
.itop_r_r{float: right;margin-left: 20px;}
.itop_r_r a{font-size: 16px;color:#fff;line-height: 100px;display: inline-block;}
.itop_r_r a:nth-child(1):after{display: inline-block;content: "|";color: #fff;font-size: 16px;margin: 0 5px;}
.itop_r_r a:hover{color:#54a2e2 }
.itop_r_r a.active{color:#54a2e2 }
.slogan{text-align: center;margin: 30px auto 40px auto;width: 100%;height: auto;overflow: hidden}
nav{width: 100%;height:60px;line-height: 60px;text-align: center;}
nav ul{width: 1200px;margin: 0 auto;}
nav ul li{width: 16.66%;text-align: center;height: 45px;line-height: 45px;float: left;position: relative;}
nav ul li a{display: block;height: 45px;line-height: 45px;color: #fff;font-size: 18px;}
nav ul li:hover{background: #7b0301;cursor: pointer}
nav ul li:hover a{color: #fff;font-weight: bold;}
nav ul li.active{background: #7b0301;}
nav ul li.active a{color: #fff;font-weight: bold;}
#nav-menu li { position: relative;}
nav ul li:last-child:after{display: none}
nav ul li:hover:after{display: none}
nav ul li ul li{width: 100%;}
nav ul li ul li:after{display: none}
#nav-menu li ul{
  position: absolute;
  left:0;
  top:60px;
  background: #fff;
  display: none;
  z-index: 99;
width: 100%;
}
#nav-menu li ul li, #nav-menu li ul li a{
height:50px;
line-height:50px;
font-size: 15px;
color: #777;
}

#nav-menu li ul li{
  border-top: 1px solid #cbcbcb;
}
#nav-menu li:hover ul{
  display: block;
}
#nav-menu li ul li:hover{background: #0d5d9b;color: #fff;border-top: #fff 1px solid;}
#nav-menu li ul li:hover a{color: #fff;}
nav ul li.menu_a a:after{content: "";background: url(../images/xl_ico.png)center center no-repeat;width: 12px;height: 7px;margin-left: 5px;display: inline-block;position: absolute;right: 25px;top: 18px;}
nav ul li.menu_a li a:after{content:"";display:none;}
.device {
width: 100%;
float: left;
margin:0 auto;
position: relative;
}
 .swiper-container { width: 100%;height: 100%;}
.pagination {
      display: block;
    position: absolute;
    right: 10px !important;
	left: auto !important;
    text-align: right;
    bottom: 15px !important;
    width: 100%;
  z-index: 999
}
.swiper-pagination-bullet{
    display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #e0e0e0;
  margin: 0 6px !important;
  cursor: pointer;
opacity:1;
  
}
.swiper-slide img{width:100%;height:100%}
.swiper-slide h2{position: absolute;bottom:0;left: 0;width: 100%;background:rgba(0,0,0,0.6);color: #fff;text-indent: 1.5em;line-height: 50px;height: 50px;text-align: left;font-size: 16px;}
.swiper-pagination-bullet-active{  background: #ff8c93;}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white
{background-image:url(../images/arrow_l.png);width:32px;height:60px;left:0;top:50%;background-size: 100% 100%;}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image: url(../images/arrow_r.png);width: 32px;height: 60px;left: auto;right:0;top:50%;background-size: 100% 100%;}
.containt:before{background: url(../img/bg-t.jpg)center center no-repeat;width: 100%;height: 540px;content: "";position: absolute;top: 0;left: 0;}
.containt:after{background: url(../img/bg-f.jpg)center center no-repeat;width: 100%;height: 800px;content: "";position: absolute;bottom: 0;left: 0;}
.containt{background: #fff;width: 100%;height:auto;position: relative;overflow: hidden;margin: 0 auto}
.containt .wrapper{padding: 40px 0;z-index: 99999;height:auto}
.part01{    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;}
.part01-l{width: 55.8%;height: auto;overflow: hidden}
.part01-r{width: 41.6%;}
.part01-l-t{width: 100%;height: 446px;overflow: hidden;position: relative}
.part01-l-f{width: 100%;height: auto;overflow: hidden;clear: both;margin-top: 25px;}
.index_title{height: 50px;width: 100%;line-height: 50px;background: #fceccf;overflow: hidden}
.index_title h2{font-size: 20px;color: #9a2a2a;display: inline-block;font-weight: bold;float: left;}
.index_title h2:before{content:"";background: url(../img/index_ico1.jpg)center center no-repeat;width: 50px;height: 50px;display: inline-block;vertical-align: middle;margin-bottom: 5px;margin-right: 20px;}
.index_title p{float: right;margin-right:20px;font-size: 16px;color: #9a2a2a;display: inline-block}
.part01-l-f ul{padding:25px 10px 0 10px}
.part01-l-f ul li{width: 100%;height:54px;overflow:hidden;margin-bottom: 14px;}
.part01-l-f ul li .part01-lf-left{width:90px;float: left;background: #e0e0e0;text-align: center;color: #555;height: 54px;}
.part01-l-f ul li .part01-lf-left b{display: block;border-bottom: #fff 1px solid;font-size: 16px;font-weight: normal;height: 26px;line-height: 26px}
.part01-l-f ul li .part01-lf-left span{display: block;font-size: 16px;vertical-align: middle;height: 27px;line-height: 27px}
.part01-l-f ul li .part01-lf-right{width: calc(100% - 110px);border-bottom: #ddd 1px solid;float: right;padding-bottom: 20px;font-size: 16px;color: #333;margin-top: 10px;}
.part01-l-f ul li:hover .part01-lf-left{background: #e2b1b1;color: #fff;}
.part01-l-f ul li:hover .part01-lf-left b{background: #ebc5c5;}
.part01-l-f ul li:hover .part01-lf-right{color: #841916;font-weight:bold;}
.part01-l-f ul li:last-child .part01-lf-right{border-bottom: 0;}
.part01-r .index_title h2:before{content:"";background: url(../img/index_ico2.jpg)center center no-repeat;}
.part01-r ul{padding:26px 10px 0 10px}
.part01-r ul li{width: 100%;border-bottom:#ddd 1px solid;margin-bottom:22px;padding-bottom: 23px;height: auto;overflow: hidden}
.part01-r ul li h2{font-size: 16px;color: #333;width: calc(100% - 100px);display: inline-block;float: left;}
.part01-r ul li h2:before{content: "";width: 6px;height: 6px;background: #ccc;border-radius: 50%;display: inline-block;margin-right: 10px;vertical-align: middle;margin-bottom: 4px;}
.part01-r ul li span{display: inline-block;font-size: 14px;width: 95px;color:#555;float: right;}
.part01-r ul li:last-child{border-bottom: 0}
.part01-r ul li:hover h2{color: #841916;font-weight:bold;}
.part01-r ul li:hover span{color: #841916;}
.part01-r ul li:hover h2:before{content: "";background: #841916;}

.belt{margin:15px auto;width: 100%;height: auto;overflow: hidden;position: relative}
.belt img{width: 100%;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;}
.belt:hover img{transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05);}
.part02{ display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
	margin: 35px auto;
    justify-content: space-between;}
.part02-r{width: 140px;overflow: hidden}
.part02-r img{width: 100%;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;}
.part02-r:hover img{transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05);}
.part02-l{width: calc(100% - 170px);display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;}
.p2-left{width: 500px;height: 468px;background: #fff;}
.p2-right{width: 500px;height: 468px;background: #fff;}
.p2-left .index_title h2:before{content:"";background: url(../img/index_ico3.jpg)center center no-repeat;}
.p2-right .index_title h2:before{content:"";background: url(../img/index_ico4.jpg)center center no-repeat;}
.part02-l ul{padding:30px 15px 0 15px;background: #fff;}
.part02-l ul li{width: 100%;border-bottom:#ddd 1px solid;margin-bottom:22px;padding-bottom: 23px;height: auto;overflow: hidden}
.part02-l ul li h2{font-size: 16px;color: #333;width: calc(100% - 100px);display: inline-block;float: left;}
.part02-l ul li h2:before{content: "";width: 6px;height: 6px;background: #ccc;border-radius: 50%;display: inline-block;margin-right: 10px;vertical-align: middle;margin-bottom: 4px;}
.part02-l ul li span{display: inline-block;font-size: 14px;width: 95px;color:#555;float: right;}
.part02-l ul li:last-child{border-bottom: 0}
.part02-l ul li:hover h2{color: #841916;font-weight:bold;}
.part02-l ul li:hover span{color: #841916;}
.part02-l ul li:hover h2:before{content: "";background: #841916;}
.part03 ul{padding: 30px;background: #fff;display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;}
.part03 ul li{width: 262px;margin:10px 15px;overflow: hidden}
.part03 ul li img{width: 100%;height: 197px;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;}
.part03 ul li p{padding: 15px 15px;font-size: 16px;color: #333;line-height: 30px;background: #f1f1f1;border-top:#950606 3px solid;}
.part03 ul li:hover p{background: #950606;color:#fff;}
.part03 ul li:hover img{transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05);}
footer{background: url(../img/foot_bg.jpg)center center no-repeat;height: 300px;width: 100%;text-align: center;margin:0 auto;background-size: 100% 100%;}
footer .flogo{margin: 50px auto}
footer .f_info{line-height: 36px;text-align: center;width: 100%;margin:30px auto;color: #fff;font-size: 16px;}
header button { position:absolute; right:10px; top:60px; width:45px; height:24px;  line-height:10px;display: none; }
header button span{    display: inline-block; margin: 2px 0; width: 100%; height: 4px; background: #fff}
	.belt img:nth-of-type(1){display: block}
	.belt img:nth-of-type(2){display: none}
	.part02-r img:nth-of-type(1){display: block}
	.part02-r img:nth-of-type(2){display: none}
#sidr-left{display: none}
.sub_content{background: #f6f6f6;width: 100%;height: auto;overflow: hidden}
.sub_content .wrapper{background: #fff;}
.mbx{width:96%;background: #f6e8e8;height: 60px;line-height: 60px;padding:0 2%;}
.mbx img{display: inline-block;margin-right: 10px;vertical-align: middle;margin-bottom: 5px;}
.mbx a{color:#444;margin: 0 5px;font-size:16px;}
.typename{border-bottom: #dcdcdc 2px solid;text-align: center;width: 94%;position: relative;margin:50px auto}
.typename h2{color: #7c1a19;font-size: 40px;font-weight: bold;padding-bottom: 25px}
.typename h2:after{width: 170px;height: 5px;background: #dcdcdc;content: "";display: inline-block;position: absolute;left: 0;right: 0;bottom: -3px;margin: 0 auto}
.list_img{padding: 0 3%;width: 94%;margin: 0 auto;height: auto;overflow: hidden}
.list_img ul{display: block;padding: 0}
.list_img ul li{float: left;margin: 0 26px 30px 0;overflow: hidden}
.list_img ul li:nth-child(4n){margin-right: 0;}
.list_img p{height: 60px;}
.list-list{padding: 0 3%;width: 94%;margin: 0 auto;height: auto;overflow: hidden}
.list-list ul li{width: 100%;border-bottom:#ddd 1px solid;margin-bottom:18px;padding-bottom:18px;height: auto;overflow: hidden}
.list-list ul li h2{font-size: 16px;color: #333;width: calc(100% - 100px);display: inline-block;float: left;}
.list-list ul li h2:before{content: "";width: 6px;height: 6px;background: #ccc;border-radius: 50%;display: inline-block;margin-right: 10px;vertical-align: middle;margin-bottom: 4px;}
.list-list ul li span{display: inline-block;font-size: 14px;width: 95px;color:#555;float: right;}
.list-list ul li:last-child{border-bottom: 0}
.list-list ul li:hover h2{color: #841916;font-weight:bold;}
.list-list ul li:hover span{color: #841916;}
.list-list ul li:hover h2:before{content: "";background: #841916;}
.article-title{width: 94%;text-align: center;height: auto;margin: 50px auto}
.article-title h1{color: #111;font-size: 28px;line-height:40px;}
.article-title p{color: #999;margin-top: 15px;font-size:16px;}
.fck{width: 94%;margin: 30px auto 50px auto;height: auto;overflow: hidden}
.fck p,.fck div{color: #555;font-size: 16px;line-height: 30px;}
.p_pages { clear:both; display:inline-block; padding:40px 0; width:100%; text-align:center; font-size:16px; }
.page a { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid; color: #111 }
.p_no_d{ display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid;background:#7b0301; color:#fff; }
.page span{display:inline-block;}
.p_fun_d { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid; color: #111 }
.p_fun_d  a { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid; color: #111 }
.p_fun_d:hover{ background:#7b0301; color:#fff; }
.p_fun_d a:hover,.p_fun_d.thisclass a { background:#7b0301; color:#fff; }
@media screen and (max-width:1024px){
	.wrapper{width: 96%;}
	.slogan{width: 90%;}
	.slogan img{width: 100%;}
	nav ul{width: 100%;}
	.part01{display: block;}
	.part01-l{width: 100%;margin: 0 auto}
	.part01-r{width: 100%;margin-top: 15px;}
	.part01-l-t{width: 670px;margin: 0 auto}
	.part01-r ul li{margin-bottom: 18px;padding-bottom: 18px;}
	.part02{display: block;}
	.part02-l{width: 100%;display: block;}
	.p2-left{width:100%;height: auto;overflow: hidden}
	.p2-right{width:100%;height: auto;overflow: hidden}
	.part02-l ul li{margin-bottom: 18px;padding-bottom: 18px;}
	.part03 ul{padding: 20px}
	.part03 ul li{margin: 10px}
	.part03 ul li img{height: 162px;}
	.part02-r{width: 100%;}
	.part02-r img:nth-of-type(1){display: none}
	.part02-r img:nth-of-type(2){display: block}
	.list_img{padding: 0 2%;width: 96%;}
	.list_img ul li{width: 32.3%;margin:0 1% 20px 0}
	.list_img ul li:nth-child(4n){margin-right: 1%;}
	.list_img ul li:nth-child(3n){margin-right: 0;}
	.list_img ul li img{height: 219px;}
	.typename{margin-bottom: 20px;}
	.sub_content .wrapper{width: 100%;}
	.mbx{width: 94%;padding: 0 3%}
		.list-list{margin-top:30px;}
}
@media screen and (max-width:800px){
	
	header{height: auto}
	.part03 ul{padding: 15px}
	.part03 ul li img{height: 124px;}
	.list_img ul li img{height: 164px;}

}
@media screen and (max-width:640px){
	.part01-l-t{width: 100%;height: 461px;}
	.part03 ul{display: block;padding: 30px}
	.part03 ul li{width: 48%;margin: 10px auto;float: left;}
	.part03 ul li:nth-child(even){float: right;}
	.part03 ul li img{height:200px;}
	nav{display: none}
	nav ul li{width: 100%;}
	header button{display: block}
	header{background-size: cover}
	footer{height: auto;background-size: cover;padding: 30px 0}
	.xs-nav {height: 100%;background: #333;position: fixed;right: -200px;top: 0;width: 200px;overflow: hidden;display: none;}
	.xs-nav #index_xiala li{height: 40px;line-height: 40px;text-align:center;border-bottom: #ddd 1px solid;}
	.xs-nav #index_xiala li a{color: #fff;}
	.belt img:nth-of-type(1){display: none}
	.belt img:nth-of-type(2){display: block}
		.typename{margin-bottom: 0px;}

}
@media screen and (max-width:480px){
	.ilogo img{width: 70%;}
	.flogo img{width: 70%;}
	.slogan{width: 95%;}
	header button{top: 50px}
	.part01-l-t{height: 299px}
	.part01-l-f ul li .part01-lf-right{margin-top: 5px;}
	.part01-r ul li h2{float:none;width: 100%;line-height: 30px}
	.part01-r ul li span{margin-top: 10px;color: #999;display: none}
	.list-list ul li h2{float:none;width: 100%;line-height: 30px}

	.list-list ul li span{margin-top: 10px;color: #999;display: none}
	.part02-l ul li h2{float:none;width: 100%;line-height: 30px}
	.part02-l ul li span{margin-top: 10px;color: #999;display: none}
	.part03 ul{padding: 15px}
	.part03 ul li img{height: 132px;}
	.part03 ul li p{font-size: 14px;line-height: 26px;padding: 10px}
	footer .flogo{margin: 10px auto}
	footer .f_info{margin: 15px auto}
	.ilogo{margin-left: 10px;}
	.typename{margin-bottom:0px;margin-top: 20px;font-size: 30px;}
	.typename h2{font-size: 30px;}
	.list_img ul li p{height: 80px}
	
}
@media screen and (max-width:375px){
	.part01-l-t{height: 260px}
	.part03 ul li img{height: 119px;}
}
@media screen and (max-width:360px){
	.part03 ul li img{height: 113px;}
}
@media screen and (max-width:320px){
	.part03 ul li img{height: 100px;}
	.part01-l-t{height: 230px}
}