﻿/* Slider */
.slick-slider
{
    position: relative;
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout:none;
       -khtml-user-select:none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
/*    margin-left: -14px;
    margin-right: -14px;*/
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
	outline: none;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
	outline: none;
    display: none;
    float: left;
    min-height: 1px;
/*    padding-left: 14px;
    padding-right: 14px;*/
}
[dir='rtl'] .slick-slide
{
    float: right;
}

.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
}
.slick-arrow.slick-hidden {
    display: none;
}


/*wzjs*/
.tit_1{ width:100%; float:left; text-align:center;}
.tit_1 h3{ width:100%; float:left; font-size:48px; color:black; font-family:Cambria; font-weight:bold;text-transform:uppercase; letter-spacing:-1px;}
.tit_1 h4{ width:100%; float:left; font-size:24px; color:#555; margin-top:20px; letter-spacing:1px;}
@media screen and (max-width:1199px) {
.tit_1 h3{ font-size:28px;}
.tit_1 h4{ font-size:14px; margin-top:10px;}
}
/*c1*/
.c_0100_8.content1{ width:100%; float:left; padding:110px 0 120px 0; text-align:center; position:relative;z-index:4;background-color:#fff;}
.tit_1_5 h4{ margin-top:5px;}
.c_0100_8.content1 .p{ width:100%; float:left; margin-top:46px; font-size:16px; color:#444; line-height:40px; letter-spacing:1px;}
.c_0100_8.content1 ul{ width:100%; float:left; margin-top:42px;}
.c_0100_8.content1 ul li{ display:inline-block; *zoom:1; *display:inline; width:178px; border-left:solid 1px #dfdfdf;}
.c_0100_8.content1 ul li.first{ border-left:0;}
.c_0100_8.content1 ul li h2{ width:100%; float:left; font-size:48px; color:#444; line-height:1;}
.c_0100_8.content1 ul li h6{ width:100%; float:left; font-size:14px; color:#888; line-height:1; margin-top:13px;font-family: 'OPENSANS-LIGHT'; text-transform:uppercase;}
@media screen and (max-width:1569px) {
.c_0100_8.content1 ul li{ width:128px; }
}
@media screen and (max-width:1199px) {
.c_0100_8.content1{ padding:60px 0 70px 0;}
.c_0100_8.content1 .p{ margin-top:26px; font-size:14px; line-height:30px;}
.c_0100_8.content1 ul{ margin-top:32px;}
.c_0100_8.content1 ul li{ width:88px; }
.c_0100_8.content1 ul li h2{ font-size:28px;}
.c_0100_8.content1 ul li h6{ font-size:12px; margin-top:8px;}
}
@media screen and (max-width:767px) {
.c_0100_8.content1{ padding:20px 10px 30px 10px;}
}
/*c2*/
.c_0100_8.content2{ width:100%; float:left; padding:110px 0 120px 0; text-align:center; position:relative;z-index:4;}
.bian_1{ width:2px; height:60px; background:#d32329; position:absolute; left:50%; top:-30px; margin-left:-1px;}
@media screen and (max-width:1199px) {
.c_0100_8.content2{ padding:60px 0 70px 0;}
.bian_1{ width:2px; height:40px; top:-20px;}
}
@media screen and (max-width:767px) {
.c_0100_8.content2{ padding:20px 10px 30px 10px;}
}
.bg_2{ /*background:url(images/bg_11.jpg) no-repeat center center;*/background-color:#191919; background-size:cover; background-attachment: fixed;}
.bg_1{background-color:#fff;}
.tit_1_w h3,.tit_1_w h4{ color:white;}
.ul_4{ width:100%; float:left; margin-top:40px; text-align:center;}
.ul_4 li{ width:25%; float:left; padding:49px 35px 61px 35px; background:#ebebeb;}
.ul_4 li .ico{ width:100%; height:160px;}
.ul_4 li .ico img{ height:100%;}
.ul_4 li .title{ width:100%; float:left; margin-top:15px; padding-bottom:19px; background:url(../images/bian_6.jpg) no-repeat center bottom; font-size:20px; color:#111; line-height:26px; font-weight:bold;}
.ul_4 li .p{ width:100%; float:left; margin-top:14px; font-size:14px; color:#666; line-height:24px; height:48px; overflow:hidden;}
.ul_4 li.l1{ background:white;}
@media screen and (max-width:1569px) {
.ul_4 li{ padding:29px 15px 31px 15px;}
}
@media screen and (max-width:1199px) {
.ul_4 li{ width:50%; margin-top:1px;}
.ul_4 li.l1{ background:#ebebeb; border-left:solid 1px #111;}
.ul_4 li .ico{ height:120px;}
.ul_4 li .title{ margin-top:10px; padding-bottom:6px; font-size:16px; line-height:24px; background-size:18px auto;}
.ul_4 li .p{ margin-top:8px; font-size:12px; line-height:22px; height:44px;}
}
@media screen and (max-width:767px) {
.ul_4{ margin-top:20px;}
.ul_4 li{ padding:19px 10px 21px 10px;}
.ul_4 li .p{ height:66px;}
.ul_4 li .ico{ height:80px;}
}
.c_0100_8.content2 .content2_b{ width:100%; float:left; margin-top:110px;}
@media screen and (max-width:1199px) {
.c_0100_8.content2 .content2_b{ margin-top:60px;}
}
@media screen and (max-width:767px) {
.c_0100_8.content2 .content2_b{ margin-top:30px;}
}
.bg_2 {
    /*background: url(images/bg_11.jpg) no-repeat center center;*/
    background-color:#191919;
    background-size: cover;
    background-attachment: fixed;
}
/*c3*/
.ul_5{ width:100%; float:left; margin-top:40px;}
.ul_5 li{ width:33.333%; float:left; background:#141414;}
.ul_5 li .img{ width:50%; float:left; overflow:hidden;}
.ul_5 li .img img{ width:100%; float:left;
		 transition: all 1s linear;
	-moz-transition: all 1s linear;
 -webkit-transition: all 1s linear;
-o-transition: width all 1s linear;}
.ul_5 li:hover .img img{transform: scale(1.09,1.09);
	-ms-transform: scale(1.09,1.09);	
-webkit-transform: scale(1.09,1.09);
	 -o-transform: scale(1.09,1.09);	
   -moz-transform: scale(1.09,1.09);}
.ul_5 li .text{ width:50%; float:left; padding:59px 20px 25px 22px; position:relative; text-align:left; overflow:hidden;}
.ul_5 li .text h2{ font-size:36px;font-family: 'OPENSANS-BOLD'; position:absolute; right:20px; top:35px; color:white; opacity:0.2; text-align:right;}
.ul_5 li .text .title{ width:100%; float:left; text-align:right; background:url(../images/img8_7.png) no-repeat left top #d32329; margin-left:21px; padding-right:20px; font-size:16px; color:white; line-height:45px; position:relative; z-index:1; height:45px; overflow:hidden;}
.ul_5 li .text .p{ width:100%; float:left; margin-top:26px; font-size:14px; color:white; line-height:22px; height:88px; overflow:hidden;}
.ul_5 li.l1{ background:#262626;}
.ul_5 li.l1 .text .title{ background-image:url(../img8_8.png);}
.ul_5 li.l2{ background:#333;}
.ul_5 li.l2 .text .title{ background-image:url(../img8_9.png);}
.ul_5 li.l3 .img{ float:right;}
@media screen and (max-width:1569px) {
.ul_5 li{ width:50%;}
.ul_5 li.l4 .img{ float:right;}
.ul_5 li.l5 .img{ float:left;}
}
@media screen and (max-width:1199px) {
.ul_5 li .text{ padding:45px 10px 10px 12px;}
.ul_5 li .text h2{ font-size:26px; right:10px; top:25px;}
.ul_5 li .text .title{margin-left:11px; padding-right:10px; font-size:14px; line-height:35px; height:35px;}
.ul_5 li .text .p{ margin-top:16px; font-size:12px; line-height:20px; height:80px;}
}
@media screen and (max-width:991px) {
.ul_5 li .text{ padding:35px 10px 10px 10px;}
.ul_5 li .text h2{ top:15px;}
}
@media screen and (max-width:767px) {
.ul_5{ margin-top:0px; width:auto;}
.ul_5 li{ width:100%;}
.ul_5 li.l6 .img{ float:right;}
.ul_5 li .text{ padding:35px 10px 10px 12px;}
.ul_5 li .text h2{ top:15px;}
.ul_5 li.l4 .img{ float:left;}
.ul_5 li.l7 .img{ float:right;}
.ul_5 li .img,.ul_5 li .text{ width:50%;}
.ul_5 li .text .p{ margin-top:10px;}
}
/*c4*/
.c_0100_8.content3{ background:url(../images/bg_12.jpg) no-repeat center center; background-size:cover; background-attachment: fixed; padding:110px 0 106px 0; width:100%; float:left; position:relative;z-index:4;}
.slide_pic_1{ width:100%; float:left; margin-top:48px;}
.slide_pic_1 .li_hp{ width:100%; text-align:center;}
.slide_pic_1 .li_hp .ico{ width:100%; height:90px; text-align:center;}
.slide_pic_1 .li_hp .ico img{ height:100%; display:inline-block; *zoom:1; *display:inline;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.slide_pic_1 .li_hp .bian{ width:100%; float:left; margin-top:13px;}
.slide_pic_1 .li_hp .title{ width:100%; float:left; margin-top:17px;}
.slide_pic_1 .li_hp .title h4{ width:100%; float:left; font-size:18px; color:white; line-height:28px;}
.slide_pic_1 .li_hp .title h6{ width:100%; float:left; font-size:12px; color:white; line-height:20px; font-family:Arial;}
.slide_pic_1 .li_hp:hover .ico img{ transform:rotateY(180deg);}
.slide_pic_1 .slick-dots {
	position: absolute;
	bottom: -40px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	overflow:hidden;
}
.slide_pic_1 .slick-dots li {
	position: relative;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 6px;
	padding: 0;
	cursor: pointer;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
background:white;
opacity:0.55;
}
.slide_pic_1 .slick-dots li.slick-active{
	opacity: 1;
	background:#fff;
}
@media screen and (max-width:1199px) {
.c_0100_8.content3{ padding:60px 0 46px 0;}
.slide_pic_1{ margin-top:28px;}
.slide_pic_1 .slick-dots{ bottom:-30px;}
.slide_pic_1 .li_hp .ico{ height:60px;}
.slide_pic_1 .li_hp .title{ margin-top:10px;}
.slide_pic_1 .li_hp .title h4{ font-size:14px; line-height:22px;}
}
@media screen and (max-width:767px) {
.slide_pic_1 .slick-dots{ bottom:-20px;}
.c_0100_8.content3{ padding:30px 10px 40px 10px;}
}