@charset "gb2312";
/* CSS Document */
@charset "utf-8";
body{ margin:0px; font-size:12px; color:#3d2f1b;font-family:"΢���ź�";}

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:#3d2f1b;text-decoration:none;}
a:hover{color:#e60013;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;}


.contain{ width:1200px; margin:0 auto}

.logo{ float:left; margin:20px 0}
.logo img{ height:60px; width:auto; }


.lange{ float:right; color:#747474;  font-size:14px; position:relative; line-height:30px; margin-left:30px;  padding:0 15px; margin-top:35px; border:#e1e1e1 1px solid; border-radius:5px  }
.lange img{ vertical-align:middle; background:#fff;}


#dian{ color:#666; cursor:pointer }

.xian{ display:none; position:absolute; top: 30px; z-index: 1010;	left:0;   width: 100%;  border: 1px solid #e1e1e1;	background:#fff; padding:10px; box-sizing:border-box	}
.xian ul li{ line-height:30px;}
.xian ul li a{ display:block; color:#666; padding-left:10px;}
.xian ul li a:hover{ background:#f1f1f1; color:#e60013}
	
	
	
.fullSlide{width:100%;position:relative;height:720px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:720px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:720px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:4px;margin:5px;overflow:hidden;background:#fff;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:3%;z-index:1;width:40px;height:60px;background:url(slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:3%;background-position:-6px -137px;}


.hui{ background:#f1f1f1; padding:50px 0; overflow:hidden}
.bt1{ text-align:center; margin-bottom:30px; overflow:hidden}
.bt1 h3{ display:block; font-size:30px; color:#333}
.bt1 em{ display:block; width:80px; height:3px; margin:10px auto; background:#e60113}
.bt1 span{ display:block; color:#666; font-size:14px; line-height:25px}



 .remen {width:100%; min-width:1200px; max-width:1400px; box-sizing:border-box}
 
 .remen  .swiper-slide{padding:0; box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
padding:30px;

}

 .remen  .swiper-slide .kuang{background:#fff;
  transition: All 0.3s ease;  box-sizing:border-box}

 .remen  .tp{width:100%; overflow:hidden;}
 .remen  .tp img{width:100%; height:auto; display:block;
transition:all 2s;
-webkit-transition:all 2s;
-moz-transition:all 2s;
-ms-transition:all 2s;
-o-transition:all 2s;}

 .remen  .swiper-slide:hover .tp img{transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);}


 .remen  .swiper-slide  .tp2{ border-top:#e1e1e1 1px solid; padding:30px; position:relative; height:100px; box-sizing:border-box; transition:all 0.6s}
 
 .remen  .swiper-slide  .tp2 h3{ display:block; font-size:16px; color:#333; font-weight:normal}
  .remen  .swiper-slide  .tp2  span{ display:block; margin-top:10px;color:#888; font-size:14px; }
  
   .remen  .swiper-slide  .tp2 i{ display:block; position:absolute; right:30px; top:40px; height:20px;border-left:#fff 1px solid; padding-top:15px; transition:all 0.6s }
    .remen  .swiper-slide:hover  .tp2 i{ text-align:center; transform:translateX(15px); padding-left:15px; border-left:#e1e1e1 1px solid; transition:all 0.6s}
	
   .remen  .swiper-slide:hover .kuang{box-shadow: rgba(0,0,0,0.188235) 0px 17px 20px 0px;
    -webkit-transform: translate3d(0px, -2px, 0px);
    transform: translate3d(0px, -2px, 0px);
    transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: All 0.3s ease;
    z-index: 10;}
   
 .remen  .swiper-slide:hover .tp2{ position:relative; transform:translateY(-20px);transition:all 0.6s}
 
 

 .remen  .swiper-button-next{width:40px; height:40px; background:url(../images/right.png) no-repeat; right:0; margin-top:-20px; background-size:40px 40px; -webkit-background-size:40px 40px; -moz-background-size:40px 40px; -ms-background-size:40px 40px; -o-background-size:40px 40px;}
 .remen  .swiper-button-prev{width:40px; height:40px; background:url(../images/left.png) no-repeat; left:0; margin-top:-13px; background-size:40px 40px; -webkit-background-size:40px 40px; -moz-background-size:40px 40px; -ms-background-size:40px 40px; -o-background-size:40px 40px;}
 
 
 
 .cpcp{ width:1200px; margin:40px auto; overflow:hidden}
  .cpcp ul{ position:relative; margin:0 -10px}
 
  .cpcp ul li{ float:left; width:25%; padding:10px; box-sizing:border-box}
  
  .cpcp ul li div{ text-align:center; background:#fff}
  
 .cpcp ul li div i{ display:block; width:100%; height:auto; overflow:hidden}
 
  .cpcp ul li div i img{ width:100%; height:272px; transition:all 0.6s}
   .cpcp ul li:hover div i img{ transform:scale(1.1,1.1); transition:all 0.6s}
 
  .cpcp ul li div p{ display:block; font-size:16px; line-height:45px; height:45px;overflow:hidden; transition:all 0.6s}
 
   .cpcp ul li:hover div p{ background:#e60113; color:#fff}
 
 
 
 .kslj{ width:1200px; margin:0 auto; margin-bottom:40px; overflow:hidden}
  .kslj ul li{ float:left; border:#f1f1f1 1px solid; box-sizing:border-box; background:#fff; line-height:80px; text-align:center; font-size:16px; position:relative; overflow:hidden}
  
    .kslj ul li:after{ content:""; width:100%; height:100%; position:absolute; z-index:0; background:#e70012; top:0; left:0; transform:translateY(-80px); transition:all 0.6s}
	.kslj ul li:hover:after{ transform:translateY(0px); transition:all 0.6s}
	
  
   .kslj ul li a{ display:block; color:#333; position:relative; z-index:1}
    .kslj ul li a:hover{ color:#fff}
    .kslj ul li:nth-child(1){ width:10%}
   .kslj ul li:nth-child(2){ width:10%;}
  .kslj ul li:nth-child(3){ width:10%}
  .kslj ul li:nth-child(4){ width:10%;}
 
    .kslj ul li:nth-child(5){ width:15%;}
   .kslj ul li:nth-child(6){ width:15%;}
    .kslj ul li:nth-child(7){ width:10%;}
   .kslj ul li:nth-child(8){ width:10%}
  .kslj ul li:nth-child(9){ width:10%;}
 
 
 .foot{ }
 .foot1{ width:1200px; margin:0 auto; padding:30px 0}
 .dlx{ float:left; width:300px; font-size:14px; color:#fff; line-height:25px}
 .dbt{ font-size:16px; color:#fff; margin-bottom:15px}
 .lx2{ margin-top:20px; width:120px; text-align:center}
 
 .lx2 img{ width:120px; height:auto}



.dlink{ float:right}
.dlink ul li{ float:left; margin-left:80px;}

.dlink ul li p a{ display:block; color:rgba(255,255,255,0.7); line-height:25px; font-size:14px}

.dlink ul li p a:hover{ color:#fff; text-decoration:underline}


.foot2{ text-align:center; border-top:rgba(255,255,255,0.2) 1px solid; padding:20px 0; font-size:14px; text-align:center; color:#fff}

.hui2{ background:#f1f1f1; padding:0; overflow:hidden}
.weizhi{ width:1200px; margin:15px auto;border-bottom:#e1e1e1 1px solid; overflow:hidden; padding-bottom:10px;}
.weizhi h3{ display:block; float:left; font-size:20px; color:#333; border-left:#e70012 5px solid; padding-left:10px;}

.weizhi  span{ display:block; float:right; color:#888; padding-top:10px}

.nmain{ width:1200px; margin:40px auto}

.ndh{  width:1200px; margin:0 auto; text-align:center; font-size:0 ; text-align:center}
.ndh ul li{  display:inline-block; margin:0 5px}
.ndh ul li a{font-size:14px; line-height:50px; background:#fff; padding:10px  20px; transition:all 0.6s}
.ndh ul li a:hover{ background:#e70012; color:#fff; transition:all 0.6s}
.ndh ul li a.on{background:#e70012; color:#fff; transition:all 0.6s}


.tk{ width:1200px; margin:30px auto; overflow:hidden }

.tuwen{ font-size:14px; line-height:30px; color:#666;background:#fff; padding:40px; box-sizing:border-box}
.tuwen img{ max-width:100%; height:auto}



.rongyu{ width:1200px; background:#fff; padding:40px; box-sizing:border-box;}

.zzfl{ float:left; width:200px;}
.zzfl ul li{ display:block; margin-bottom:10px; }
.zzfl ul li a{ display:block; font-size:14px; line-height:45px; background:#f1f1f1; padding-left:15px; border-radius:10px;position:relative;transition:all 0.6s }
.zzfl ul li a:hover{ background:#e70012; color:#fff; transition:all 0.6s }

.zzfl ul li a:after{ font-family: 'FontAwesome'; content: "\f105"; position:absolute; right:15px }

#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:557px; position:absolute; z-index:9999; left:50%;   }
#mbCenter.mbLoading {  -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:block;color:#fff; font-weight:bold; line-height:20px; font-size:14px; text-align:center; text-align:center; width:100% }
#mbNumber { display:none; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { display:block; position:fixed; left:15px; top:50%; }
#mbPrevLink:before{font-family: 'FontAwesome'; content: "\f104";font-size:20px; background:#333; color:#fff; padding:15px}
#mbNextLink { isplay:block; position:fixed; right:15px; top:50%; }
#mbNextLink:before{font-family: 'FontAwesome'; content: "\f105";font-size:20px; background:#333; color:#fff; padding:15px}

#mbCloseLink { position:fixed; right:15px; top:25px; }
#mbCloseLink:before{ font-family: 'FontAwesome'; content: "\f00d"; font-size:20px; background:#333; color:#fff; padding:15px}



#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }


.mod_gallerylist{ float:right; width:860px;overflow:hidden}
.mod_gallerylist ul{margin:0 -15px; position:relative;}

.mod_gallerylist ul li{float:left; width:33.33%; padding:0 15px; box-sizing:border-box; margin-bottom:15px;}
.mod_gallerylist ul li .image_container{ width:100%; padding-bottom:80%; position:relative; box-sizing:border-box; border:#e1e1e1 1px solid;}
.mod_gallerylist ul li .image_container img{ position:absolute; max-width:100%; max-height:100%; top:50%; left:50%;  transform:translate(-50%,-50%)}
.mod_gallerylist ul li .meta a{color:#333; text-decoration:none; line-height:50px; font-size:14px}
.mod_gallerylist ul li .meta{font-size:12px; text-align:center;}






.cp1{ position:relative;}

.anniu{ position:absolute; right:0; bottom:50px; width:600px;}
.anniu p a{ display:block; float:left; width:240px; line-height:40px; float:left; background:#e70012; font-size:16px; color:#fff; text-align:center; border-radius:20px; margin:0 30px;transition:all 0.6s}
.anniu p a:hover{ background:#088be3; transition:all 0.6s}
.anniu p i{ font-size:16px; padding-right:5px;}

.datail{background:#fff; padding:30px; box-sizing:border-box}


.cpjs1{ float:right; width:600px;}
.cpjs1 h3{ display:block; font-size:23px; color:#333; font-weight:normal; border-bottom:#e1e1e1 1px solid; line-height:45px; margin-bottom:20px}

.cpjs1 p{ display:block; font-size:14px; color:#666; line-height:30px}

.xqbt{ background:#f8f8f8; margin:20px 0; border-left:#e70012 5px solid; padding-left:10px; line-height:40px; font-size:20px; color:#333}

.cp2 img{ max-width:100%; height:auto}

.shangxia{ margin:30px 0;
    padding: 20px 0;
    border-top: #dedede solid 1px;
    border-bottom: #dedede solid 1px;
    position: relative;
    font-size: 15px;
	    display: flex;
    justify-content: space-between;
	}


.page_rel_title{ background-color:#f2f2f2; padding:10px 20px; font-size: 18px;color:#e50112;font-weight: bold;}
.page_rel_title:before{
    display: inline-block;
    content: '';
    width: 3px;
    height: 18px;
    background-color: #e50112;
    margin-right: 10px;
    vertical-align: middle;

}





 

  .xiangguan ul{ position:relative; margin:0 -10px}
 
  .xiangguan ul li{ float:left; width:25%; padding:10px; box-sizing:border-box}
  
  .xiangguan ul li div{ text-align:center; background:#fff}
  
  .xiangguan ul li div i{ display:block; width:100%; height:auto; overflow:hidden}
 
  .xiangguan ul li div i img{ width:100%; height:auto; transition:all 0.6s}
  .xiangguan ul li:hover div i img{ transform:scale(1.1,1.1); transition:all 0.6s}
 
  .xiangguan ul li div p{ display:block; font-size:14px; line-height:45px; transition:all 0.6s}
 
  .xiangguan ul li:hover div p{ color:#e60113}
 





.allb{overflow:hidden}
.allb ul{ margin:0 -10px}
.allb ul li{ float:left; width:33.33%; padding:10px; box-sizing:border-box; }
.allb ul li div{ display:block; width:100%; padding-bottom:75%; position:relative; overflow:hidden}

.allb ul li div i img{ position:absolute; width:100%; height:100%; left:0; top:0; transition:all 0.6s}
.allb ul li:hover div i img{ transform:scale(1.1,1.1); transition:all 0.6s}
.allb ul li div p{ display:block; position:absolute; bottom:0; width:100%; padding:10px; box-sizing:border-box; text-align:center; background:rgba(0,0,0,0.6); color:#fff; font-size:14px; line-height:25px;transition:all 0.6s; z-index:10}

.allb ul li div:after{ content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:0; height:0; background:url(sou.png) center no-repeat rgba(0,0,0,0.6); background-size:0; transition:all 0.6s; z-index:9}
.allb ul li:hover div:after{ background-size:50px auto; transition:all 0.6s; width:100%; height:100%;}

.allb ul li:hover p{ background:#e70012}


.xzlb ul li{ float:left; width:33.33%; text-align:center;box-sizing:border-box; margin-bottom:20px;  transition:all 0.6s}
.xzlb ul li a{ display:block}
.xzlb ul li i{ display:block; width:90%; margin:0 auto; background:#fff; text-align:center}
.xzlb ul li i img{ height:70px; width:auto}

.xzlb ul li .xzxx{ background:#fff; width:90%; margin:0 auto; padding:20px 15px; box-sizing:border-box}
.xzlb ul li .xzxx h3{ color:#000; font-size:20px; padding-bottom:1rem;}
.xzlb ul li  .xzxx p em{ line-height:16px; font-style:normal; color:#666; font-size:14px; padding-right:10px}
.xzlb ul li  span{  margin:0 auto; color:#fff; display:block; margin-top:15px; text-align:center; width:160px; font-size:14px; line-height:25px; border-radius:10px;}

.xzlb ul li  span a{ display:block;background:#e70012; color:#fff; transition:all 0.6s}

.xzlb ul li  span a:hover{ transition:all 0.6s; transform:translateY(-10px)}




/*��������*/

.xwlb ul li { background:#fff; border:#fff 1px solid; padding:1%; box-sizing:border-box; margin-bottom:25px;}
.xwlb ul li .tp { float:left; width:366px; overflow:hidden}
.xwlb ul li .tp img { width:366px; height:255px; transition:all 0.6s}
.xwlb ul li:hover .tp img{ transform:scale(1.1,1.1); transition:all 0.6s}
.xwlb ul li .wz { width:730px; margin-left:40px; float:left; margin-top:20px} 
.xwlb ul li .wz h1 { font-size:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:40px; font-weight:bold;  }
.xwlb ul li .wz h1 a {font-size:20px;}
.xwlb ul li .wz p { font-size:14px; display:block; margin:15px 0; line-height:25px; color:#666; height:100px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow:hidden}
.xwlb ul li .wz .rq { float:left; color:#999; font-size:14px;}
.xwlb ul li .wz .rq  i{ padding-right:5px}
.xwlb ul li .wz .gd { background:#e70012; width:130px; text-align:center; color:#fff; line-height:30px; height:30px; float:right; font-size:14px; }
.xwlb ul li .wz .gd a{ color:#fff}
.xwlb ul li .wz .gd i{ padding-left:10px;transition:all 0.6s}
.xwlb ul li .wz .gd i img{ height:10px; width:auto; vertical-align:middle}
.xwlb ul li .wz .gd:hover i{ padding-left:20px; text-align:right; transition:all 0.6s}
.xwlb ul li:hover { border:1px solid #e70012; background:#fff;}



/*��Ƹ*/

.zhaopin{  background:#fff}


.zhaopin .conbox .conTop {display: block;
    padding: 15px 55px 15px 30px;
    font-size: 16px;
    color: #333;
    border: none;
    margin: 0;
    position: relative;
	border-bottom:#e1e1e1 1px solid;
	background:url(jt1.png) 98% center no-repeat; background-size:20px auto; font-weight:bold}

.zhaopin .conbox.cur .conTop{
display: block;
    padding: 15px 55px 15px 30px;
    font-size: 16px;
    color: #fff;
    border: none;
    margin: 0;
    position: relative;
    background: #e70012 url(jt2.png) 98% center no-repeat; background-size:20px auto;

	}

.zhaopin .conbox .boxBot {display: none;background: #f9f9f9;padding: 30px; font-size:14px; line-height:30px; color:#666}
.zhaopin .conbox.cur .conTop li.li1 em {display: block;}
.zhaopin .conbox.cur .boxBot {display: block;}

.zhaopin .boxBot .info {
    display:block;

    border-bottom: 1px solid #cccccc;
    padding-bottom: 20px;
    margin-bottom: 30px;
    line-height: 36px;
    color: #3e3e3e;
	overflow:hidden
	}

.zhaopin .boxBot  .info span {
    width: 25%; display:block; float:left
}
	
.zhaopin .boxBot  .des {
    margin-top: 20px;
}

.boxBot p{ display:block; margin-bottom:10px}
.zhaopin .boxBot  .des .am-btn {
    background-color: #e70012;
    color: #fff;
    margin-right: 10px;
	padding:10px 20px; border-radius:5px
}
	
	
	
		
.lianxi{  background:#fff; padding:30px; box-sizing:border-box;overflow:hidden}
.lx01{ float:left; width:45%; }
.lx01 h3{ font-size:25px; display:block; margin:25px 0; font-weight:bold; color:#000; font-weight:normal}
.lx01 p{ display:block; margin-bottom:20px; font-size:16px;   position:relative; overflow:hidden}
.lx01 p i{ width:40px; font-size:20px; text-align:center; line-height:25px; color:#e70012; font-style:normal; display:block; float:left}
.lx01 p em{ font-style:normal; display:block; float:right; width:calc(100% - 50px); line-height:25px }
#dituContent{ height:350px}

.lx02{ width:50%; float:right}
.lx03{ margin-top:50px}
.lx03 h3{ display:block;  color:#333; font-weight:normal;  margin:15px 0; font-size:20px}
.lx03 h3:before{  content: "\f0da"; font-family: 'FontAwesome'; color:#e70012; padding-right:5px}
.lx03 ul li{ border-top:#e1e1e1 1px solid; padding:20px 0}
.lx03 ul li p{ display:block; font-size:16px; line-height:30px; color:#666}