@charset "utf-8";
/* CSS Document */
/*切图：qsf*/
html{ overflow-x:auto; overflow-y:auto;}
*{ padding:0; margin:0 auto;outline:none !important;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}
ul, ol,li{ list-style-type:none;}
body, button, input, select, textarea{  font-family: 'Microsoft yahei'; font-size:12px;}
code, kbd, pre, samp { font-family: 'Microsoft yahei';}
a{ text-decoration:none; color:#333; cursor:pointer;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
	 -o-transition: all 0.2s ease-out 0s; 
		transition: all 0.2s ease-out 0s;}
img{border:0; max-width:100%;}
li { line-height:normal; }
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family: 'Microsoft yahei'; }
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
body{ position:relative; float:left; width:100%;}
label{ margin-bottom:0; font-weight:normal;}
 .content2 {
    width: 100%;
    /*float: left;*/
    padding: 115px 0 120px 0;
    position: relative;
     margin-bottom: 50px;
 }
 .about-flx{
     position: relative;
 }
.about-title{
    text-align: center;
}
.about-title h3{
    width: 100%;
    float: left;
    font-size: 32px;
    color: black;
    font-family: Cambria;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: -1px;
    font-style: normal;
}
.about-title h4{
    width: 100%;
    float: left;
    font-size: 32px;
    color: #555;
    margin-top: 20px;
    letter-spacing: 2px;
    font-style:normal;
    position: relative;
}
.about-title-2 h4:before{
    content: "";
    position: absolute;
    bottom: -30px;
    width: 68px;
    height: 2px;
    background: #bbbbbb;
    margin-left: 32px;
}
.about-title-2 h3,.about-title-3 h3{
    width: 100%;
    /*	overflow: hidden;*/
    text-align: center;
    font-size: 32px;
    color: #555;
    font-weight: normal;
    letter-spacing: 2px;
    position: relative;
    font-weight: bolder;

}
.about-title-2 h3:before,.about-title-3 h3:before{
    content: "";
    position: absolute;
    bottom: -30px;
    width: 68px;
    height: 2px;
    background: #bbbbbb;
    margin-left: 34px;
}
.about-title-3 h3:before{
    margin-left: 50px;
}
.about-cul{
    padding-top:0px;
    margin-bottom:100px;
}
.slide_pic_9{ width:100%; float:left;}
.slide_pic_9 .p{ width:100%; float:left; padding:0 24px; height:120px; 
    font-size:15px; color:#fff; line-height:24px; opacity:0.6; overflow:hidden;}
.slide_pic_9 .bian{ width:100%; float:left; margin-top:18px;}
.slide_pic_9 .bian img{ width:98%; margin:auto;}
.slide_pic_9 .time{ width:100%; height:132px; padding-top:60px; position:relative; float:left; text-align:center;}
.slide_pic_9 .time .ico{ display:inline-block; *zoom:1; *display:inline; width:72px; height:72px; background:#d32329; position:relative; text-align:center;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;}
.slide_pic_9 .time .ico span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; border:solid 2px #27282c; opacity:0;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;}
.slide_pic_9 .time .ico h3{ width:100%; float:left; font-size:22px; color:white; line-height:24px;font-family: 'OPENSANS-BOLD'; margin-top:14px;font-weight: bolder;}
.slide_pic_9 .time .ico h6{ width:100%; float:left; font-size:16px; color:white; line-height:20px;font-family: 'OPENSANS-REGULAR';}
.slide_pic_9 .time .ico svg{ display:block; width:2px; height:60px; background:#d32329; position:absolute; left:50%; top:-60px; margin-left:-1px;}
.slide_pic_9 .l1 .time{ width:100%; height:132px; padding-top:0; padding-bottom:60px;}
.slide_pic_9 .l1 .time .ico svg{ top:auto; bottom:-66px; height:66px;}
.slide_pic_9 .l1 .bian{ margin-top:6px;}
.slide_pic_9 .l1 .p{ margin-top:24px;}
.slide_pic_9 .slick-slide:hover .time .ico span{ opacity:1; width:96%; height:96%; left:2%; top:2%;}
.slide_pic_9 .slick-prev,.slide_pic_9 .slick-next {
	position: absolute;
	left: -78px;
	top: 50%;
	display: block;
	width: 38px;
	height: 66px;
	margin-top:-33px;
	background:url(../../../images/about/btn8.png) no-repeat left center;
}
.slide_pic_9 .slick-next {
	left: auto;
	right: -78px;
	background-position:right center;
}
.slide_pic_9 .slick-prev:hover,
.slide_pic_9 .slick-next:hover{ background-image:url(../../../images/about/btn8_h.png);}
.about-custom .bd{
      
}
.about-custom .tempWrap{
    width:848px !important;
    height:402px !important;
}
.about-custom .clearfix{
    /*width:848px;*/
    height:402px !important;
}
.about-custom ul li{
   width:848px !important;
    height:402px !important; 
    border:none !important;
}
#custom ul li a img{
    width:848px !important;
    height:402px !important;
}
@media screen and (max-width:1740px) {
.slide_pic_9 .slick-prev{ left:0;}
.slide_pic_9 .slick-next{ right:0;}
}
@media screen and (max-width:1199px) {
 .content2{ padding:65px 0 70px 0;}
.slide_pic_9 .p{ padding:0 5px; height:100px; font-size:12px; line-height:20px;opacity: 0.9;}
.slide_pic_9 .time{ height:102px; padding-top:40px;}
.slide_pic_9 .bian{ margin-top:6px;}
.slide_pic_9 .time .ico{ width:62px; height:62px;}
.slide_pic_9 .time .ico h3{ font-size:18px; line-height:22px; margin-top:10px;}
.slide_pic_9 .time .ico h6{ font-size:14px; line-height:18px;}
.slide_pic_9 .time .ico svg{ height:40px; top:-40px;}
.slide_pic_9 .l1 .time{ height:102px; padding-bottom:40px;}
.slide_pic_9 .l1 .time .ico svg{ bottom:-48px; height:48px;}
.slide_pic_9 .l1 .bian{ margin-top:4px;}
.slide_pic_9 .slick-prev,.slide_pic_9 .slick-next {
	width: 20px;
	height: 36px;
	margin-top:-16px;
	background-size:41px 36px !important;
}
.slide_pic_9 .slick-prev{ left:15px;}
.slide_pic_9 .slick-next{ right:10px;}
}
@media screen and (max-width:767px) {
 .content2{ padding:35px 10px 40px 10px;}
.slide_pic_9 .l1 .p{ margin-top:14px;}
}

 .content3{ width:100%;  padding:110px 0 120px 0;/* float:left; */position:relative;}
 .content3 .content3_box{ width:100%; float:left; padding: 80px 0 40px 0; margin-top:62px; position:relative;box-sizing: border-box;}
 .content3 .content3_box .bg_7{ content:''; width:1920px; height:100%; background:url(../../../images/about/bg_19.jpg) repeat-y center center; position:absolute; left:50%; top:0; margin-left:-960px; z-index:-1;}
 .content3 .content3_box .z_721{ width:45.92%; float:left;}
 .content3 .content3_box .z_721 h5{ width:100%; float:left; font-size:18px; color:#333; line-height:26px;letter-spacing:1px;font-weight:500;}
 .content3 .content3_box .z_721 .p{ width:100%; float:left; font-size:12px; color:#555; line-height:20px; margin-top:21px; font-family:Arial;}
 .content3 .content3_box .z_721_b{ width:100%; float:left; margin-top:37px; padding-top:37px; border-top:dashed 1px #acacac;}
 .content3 .content3_box .z_721_b ul{ width:100%; float:left;}
 .content3 .content3_box .z_721_b ul li{ width:33.333%; float:left;}
.content3 .content3_box .z_721_b ul li h1{ width:100%; float:left; font-size:65px; color:#333; line-height:62px; font-weight:bold;}
 .content3 .content3_box .z_721_b ul li h1 span{ font-size:24px; vertical-align:bottom; display:inline-block; *zoom:1; *display:inline; line-height:36px; font-weight:normal;}
 .content3 .content3_box .z_721_b ul li h5{ width:100%; float:left; font-size:16px; color:#555; line-height:24px; margin-top:5px;}
.content3 .content3_box .link_1{ width: 54%;
    float: right;overflow: hidden;position: relative;
    top: -49px;left: 101px;max-height: 365px;}
 .content3 .content3_box .link_1 ul{ width:100%; float:left; margin-left:-1px;}
 .content3 .content3_box .link_1 ul li{ width:20%; float:left; border-left:solid 1px #d9d9d9; border-bottom:solid 1px #d9d9d9;}
 .content3 .content3_box .link_1 ul li img{ width:100%; float:left;position: relative;top: -38px;}
 .content3  .content_sub{
    margin-top:0px;
    padding:0px;
 }
@media screen and (max-width:1569px) {
 .content3 .content3_box .z_721_b ul li h1{ font-size:52px;}
}
@media screen and (max-width:1199px) {
 .content3{ padding:60px 0 70px 0;}
 .content3 .content3_box{ padding:33px 0 35px 0; margin-top:22px;}
 .content3 .content3_box .z_721 h5{ font-size:14px; line-height:25px;}
 .content3 .content3_box .z_721 .p{ line-height:18px; margin-top:12px;}
 .content3 .content3_box .z_721_b{ margin-top:27px; padding-top:17px;}
 .content3 .content3_box .z_721_b ul li h1{ font-size:32px; line-height:42px;}
.content3 .content3_box .z_721_b ul li h1 span{ font-size:14px; line-height:26px;}
 .content3 .content3_box .z_721_b ul li h5{ font-size:14px; line-height:22px; margin-top:5px;}

}
@media screen and (max-width:767px) {
 .content3{ padding:30px 10px 40px 10px;}
 .content3 .content3_box{ margin-top:0; padding:23px 0 0px 0;}
 .content3 .content3_box .link_1 ul li{ width:20%;}
 .content3 .content3_box .bg_7{ display:none;}
 .content3 .content3_box .z_721,.c_0100_9 .content3 .content3_box .link_1{ width:100%;}
 .content3 .content3_box .link_1{ margin-top:20px;}
}