@charset "utf-8";

@keyframes  myrotate{
   100%{
        transform: rotate(-360deg);
    }
}
@-webkit-keyframes  myrotate{
    100%{
        -webkit-transform: rotate(-360deg);
    }
}
.sq_center_1{
    opacity: 0;
    margin-top:-270px;
    margin-left:-197px;
}
.sq_center_2{
    position: absolute;
    top:0;
    left:50%;
    z-index: 3;
    opacity: 0;
    margin-top:-135px;
    margin-left:-161px;
    animation: fadeInDown 0.5s forwards 1s;
    -webkit-animation: fadeInDown 0.5s forwards 1s;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

.sq_start{
    position: absolute;
    bottom: 10%;
    left:50%;
    z-index:3;
    margin-left:-66px;
    height: 20px;
    font-size: 18px;
    background: -webkit-gradient(linear,left top,right top,color-stop(0, #391B0A),color-stop(0.3, #391B0A),color-stop(0.5, white),color-stop(0.7, #391B0A),color-stop(1, #391B0A));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    -webkit-animation: slidetounlock 4s linear infinite;
    animation: slidetounlock 4s linear infinite;
}

@-webkit-keyframes slidetounlock { 0% {background-position: -150px 0;} 80%{background-position: 100px 0;} 100% {background-position: 150px 0;}}
@keyframes slidetounlock { 0% {background-position: -150px 0;} 80%{background-position: 100px 0;} 100% {background-position: 150px 0;}}

.sq_mouse{
    position: absolute;
    bottom: 3%;
    left:50%;
    margin-left:-10px;
    z-index:3;
}
.sq_m_small{
    position: absolute;
    top:5px;
    left:50%;
    margin-left:-1px;
    width:2px;
    height:8px;
    border-radius: 6px;
    background: #fff;
    animation: smallDown 1.5s forwards infinite;
    -webkit-animation: smallDown 1.5s forwards infinite;
}
@keyframes smallDown {
    0%{top:7px;opacity: 1;}
    50%{top:9px;opacity: 0.5;}
    100%{top:10px;opacity: 0}
}
@-webkit-keyframes smallDown {
    0%{top:7px;opacity: 1;}
    50%{top:9px;opacity: 0.5;}
    100%{top:10px;opacity: 0}
}
.sq_tow_screen{
    position: absolute;
    top:0;
    left:50%;
    opacity: 0;
    line-height: 30px;
    width:1000px;
    margin-left:-465px;
    font-size: 20px;
    z-index:3;
    letter-spacing: 5px;
    animation: fadeInDown 0.5s forwards 1s;
    -webkit-animation: fadeInDown 0.5s forwards 1s;
}
.active .sq_tow_screen{
    top:15%;
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
}

.sq_tow_msg{
    position: absolute;
    top:10%;
    left:42%;
    margin-left:-350px;
    z-index: 3;
    width:1000px;
    text-align: left;
    cursor: pointer;
	line-height:55px;
	text-indent:35px;
	font-size:18px;
	}
.sq_tow_msg ul li {
    float:left;
    margin:0 40px;
    padding-top:300px;
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.active .sq_tow_msg ul .sq_li1{
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
}
.active .sq_tow_msg ul .sq_li2{
    transition-delay: 0.9s;
    -webkit-transition-delay: 0.9s;
}
.active .sq_tow_msg ul .sq_li3{
    transition-delay: 1.1s;
    -webkit-transition-delay: 1.1s;
}
.active .sq_tow_msg ul .sq_li4{
    transition-delay: 1.3s;
    -webkit-transition-delay: 1.3s;
}
.active .sq_tow_msg ul li{
    opacity: 1;
    padding-top:0;

}
.sq_img .sq_img_s1{
    margin-top:25px;
}

.sq_zw{
    position: absolute;
    bottom:10%;
    left:0;
    z-index: 3;
}

.sq_three{
    width:100px;
    position: absolute;
    z-index:3;
    top:20%;
    left:50%;
    margin-left:-50px;
    font-size: 50px;
    font-weight: bold;
    letter-spacing: 8px;
}
.sq_three_s1{
    width: 200px;
    margin-left: 60px;
}
.sq_three_s1_span{
    float:left;display:block;width:20px;background: #9f9f9f;height:1px;
}
.sq_three_s1_span1{
    float:left;display:block;width:50px;background: #3CAF5A;height:1px;
}

.sq_three_s2{
    position: absolute;
    z-index:3;
    width:1205px;
    top:40%;
    left:50%;
    margin-left:-600px;
}
.sq_three_s2 ul li{
    float:left;
    margin:0 15px;
    cursor: pointer;
}
.sq_three_top{
    margin-top:15px;
}
.sq_three_s3{
    position: absolute;
    bottom: 10%;
    left: 50%;
    z-index: 3;
    cursor: pointer;
    opacity: 0;
    transition: all 1s;
    -webkit-transition: all 1s;
}
.active .sq_three_s3{
    opacity: 1;
    transition-delay: 1s;
    -webkit-transition-delay: 1s;
}
.sq_three_all{
    width:300px;
    height:50px;
    line-height: 50px;
    border:1px #fff solid;
    text-align: center;
    color:#3CAF5A;
    margin-left:-150px;
    font-size: 18px;
    letter-spacing: 5px;
}
.sq_four{
    position: absolute;
    left:10%;
    z-index: 6;
    margin-left:-187px;
    transition: all 2s;
    -webkit-transition: all 2s;
    opacity: 0;
}
.active .sq_four{
    opacity: 1;
    left: 25%;
    top: 20%;
    transition-delay:0.5s;
    -webkit-transition-delay: 0.5s;
}
.sq_four2{
    position: absolute;
    left:30%;
    bottom: 20px;
    z-index:3;
    margin-left:-40px;
     transition: all 1s;
    -webkit-transition: all 1s;
    opacity: 0;
}
.active .sq_four2{
    opacity: 1;
    left: 40%;
    transition-delay:2s;
    -webkit-transition-delay: 2s;
}

.sq_four_all{
    position: absolute;
    right:10%;
    margin-left:-155px;
    margin-top:20px;
    z-index:3;
    transition: all 1s;
    -webkit-transition: all 1s;
    opacity: 0;
}
.active .sq_four_all{
    opacity: 1;
    right: 10%;
    top: 20%;
    transition-delay:1s;
    -webkit-transition-delay: 1s;
}
.sq_z_left{
    position: absolute;top:38%;;left:0;opacity: 0;
}
.sq_z_right{
    position: absolute;top:49%;;right:0;opacity: 0;
}
.sq_z_back{
    position: absolute;top:0;left:0;width:270px;height:220px;background: #7bc91e;opacity: 0;
}


.he_border1 {
	background: #391c0a;
	width: 100%;
	height: 240px;
	padding: 0;
	margin: 0;
	border: 1px solid #000;
	position: relative;
	z-index: 6;
	box-sizing: border-box;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	overflow: hidden
}

.he_border1 .he_border1_img {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	opacity: 1;
	overflow: hidden;
	height: 100%;
}

.he_border1:hover .he_border1_img {
	position: absolute;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	opacity: .6
}

.he_border1 .he_border1_caption {
	color: #fff;
	padding: 0;
	margin: 0;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	overflow: hidden
}

.he_border1 .he_border1_caption::before,
.he_border1 .he_border1_caption::after {
	position: absolute;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.4s, -webkit-transform .4s;
	-moz-transition: opacity 0.4s, -moz-transform .4s;
	-o-transition: opacity 0.4s, -o-transform .4s;
	transition: opacity 0.4s, transform .4s
}

.he_border1 .he_border1_caption::before {
	top: 8%;
	right: 10%;
	bottom: 8%;
	left: 10%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	-o-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0
}

.he_border1 .he_border1_caption::after {
	top: 8%;
	right: 10%;
	bottom: 8%;
	left: 10%;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1, 0);
	-moz-transform: scale(1, 0);
	-o-transform: scale(1, 0);
	transform: scale(1, 0);
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	-o-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.he_border1:hover .he_border1_caption::before,
.he_border1:hover .he_border1_caption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.he_border1 .he_border1_caption,
.he_border1 .he_border1_caption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	overflow: hidden;
	z-index: 1000
}

.he_border1 .he_border1_caption_h {
	font-size: 1.3em;
	font-weight: 700;
	text-align: center;
	width: 80%;
	position: absolute;
	top: 10%;
	left: 10%;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	overflow: hidden;
	opacity: 1;
	text-shadow: 5px 5px #333333;
}





/*内页公共头部*/


/*产品列表页面*/
.product-all-bg{
	position: relative;
	z-index: 1;
	width: 100%;
	background: url(../img/contact.jpg) no-repeat;
	background-size: coveproduct-all-bgr;
}
.product-ul-list{
	position: absolute;
	top: 20px;
	z-index: 10;
	left: 5%;
	padding: 0px 20px 0px 20px;
}
.product-ul-list li{
	float: left;
	position: relative;
	padding: 10px 0px 10px 0px;
}
.product-ul-list li em{
	color: #EEDBBB;
	text-shadow: 1px 1px 1px #333;
}
.product-ul-list li a{
	text-shadow: 1px 1px 1px #333;
	font-size: 16px;
	color: #EEDBBB;
	padding: 10px 20px 10px 20px;
}
.product-ul-list .product-line{
	background-color: #fce3b9;
	position: absolute;
	display: inline-block;
	z-index: 9999;
	transition:all 1s ease 0s;

}
.product-ul-list .line-bottom{
	bottom: 0px;
	height: 2px;
	left: -50%;
	opacity: 0;
	
}
.product-ul-list li:hover .line-bottom{
	left: 6px;
	width: 90%;
	opacity: 1;
}
/*产品列表页面*/


/*案例页面*/
.demo-gallery{
	position: absolute;
	width: 68%;
	overflow: hidden;
	background-color: #000;
	top: 5%;
	left: 20%;

	
}

.case-ul{
    width: 15%;
	position: absolute;
	top: 5%;
	left: 4%;
	background-color: rgba(32,32,32,0.5);
	min-height: 300px;
	
}
.case-ul li{
	width: 80%;
	float: none;
	text-align: center;
	padding: 20px 0px 20px 0px;
	position: relative;
}
.case-ul li a{
	text-shadow: 2px 2px 2px #313131;
	font-size: 16px;
}
.case-ul li a:hover{
	color: #EEDBBB;
}
.case-ul .product-line{
	background-color: #391B0A;
	position: absolute;
	display: inline-block;
	z-index: 9999;
	transition:all 1s ease 0s;

}
.case-ul .line-bottom{
	bottom: 0px;
	height: 2px;
	left: -50%;
	opacity: 0;
	
}
.case-ul li:hover .line-bottom{
	left: 25%;
	width: 50%;
	opacity: 1;
}


            .list-unstyled{
            	width: 100%;
            	overflow: hidden;
            }
            .list-unstyled  li {
                float: left;
                margin-bottom: 15px;
                margin-right:35px;
                width: 260px;
           
            }
           .list-unstyled   li a {
              border: 3px solid #FFF;
              border-radius: 3px;
              display: block;
              overflow: hidden;
              position: relative;
              float: left;
            }
           .list-unstyled    li a  img {
              -webkit-transition: -webkit-transform 0.5s ease 0s;
              -moz-transition: -moz-transform 0.5s ease 0s;
              -o-transition: -o-transform 0.5s ease 0s;
              transition: transform 0.5s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
             
              width: 100%;
       
            }
           .list-unstyled   li a:hover img {
              -webkit-transform: scale3d(1.3, 1.3, 1.3);
              transform: scale3d(1.3, 1.3, 1.3);
            }
            .list-unstyled    li a:hover .demo-gallery-poster  img {
              opacity: 1;
            }
            .list-unstyled    li a:hover .demo-gallery-poster  span {
              opacity: 1;
            }
             .list-unstyled   li a:hover .demo-gallery-poster  h1 {
              opacity: 1;
            }
            .list-unstyled    li a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .list-unstyled  li a .demo-gallery-poster  span {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 35%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .list-unstyled   li a .demo-gallery-poster  h1 {
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
              font-size: 16px;
              text-align: center;
              display: block;
              width: 100%;
            }
            .list-unstyled  li a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
       .icon-fdz{
        	width: 20px;
        	height: 20px;
        	background: url(../img/zoom.png) no-repeat;
        	display: block;
        }
        .lg-download{
        	display: none;
        }
  .case-left-word{
  	position: absolute;
  	z-index: 9999;
  	animation: my-word 3s;
  	top: 20%;
  	right: 2%;
  	width: 20%;
  }      
  @keyframes my-word{
  	from{
  		opacity: 0;
  		right: -5%;
  	}
  	to{
  		opacity: 1;
  		right: 2%;
  	}
  	}
  
/*案例页面*/

	#imageFlow {
		position: absolute;
		width: 100%;
		height: 80%;
		left: 0%;
		top: 10%;
		z-index: 9;
	}
	
	#imageFlow .diapo {
		position: absolute;
		left: -1000px;
		cursor: pointer;
		-ms-interpolation-mode: nearest-neighbor;
	}
	#imageFlow .link {
		border: dotted #fff 1px;
		margin-left: -1px;
		margin-bottom: -1px;
	}
	#imageFlow .bank {
		visibility: hidden;
	}
	#imageFlow .top {
		position: absolute;
		width: 100%;
		height: 40%;
	}
	#imageFlow .text {
		position: absolute;
		left: 0px;
		width: 100%;
		bottom: 16%;
		text-align: center;
		color: #FFF;
		z-index: 1000;
	}
	#imageFlow .title {
		font-size: 0.9em;
		font-weight: bold;
	}
	#imageFlow .legend {
		font-size: 14px;
	}
	#imageFlow .scrollbar {
		position: absolute;
		left: 10%;
		bottom: 10%;
		width: 80%;
		height: 16px;
		z-index: 1000;
	}
	#imageFlow .track {
		position: absolute;
		left: 1%;
		width: 98%;
		height: 16px;
		filter: alpha(opacity=30);
		opacity: 0.3;
	}
	#imageFlow .arrow-left {
		position: absolute;
		top: -8px;
	}
	#imageFlow .arrow-right {
		position: absolute;
		right: -5px;
		top: -8px;
	}
	#imageFlow .bar {
		position: absolute;
		height: 16px;
		left: 25px;
	}
	

/*加盟页面*/
.jiameng-all{
	background-color: rgba(32,32,32,0.5);
	width: 80%;
	position: absolute;
	top: 5%;
	left: 2%;
}

/*新闻*/
.news-ul{
	width: 100%;
}
.news-ul li{
	overflow: hidden;
	padding: 0px 0px 50px 0px;
	animation: slideInRight 1.5s ;
}


.news-all{

	width: 100%;
	
}
.news-img{
	width: 20%;
	background:url(../img/news_icon.png) no-repeat;
	height: 30px;
	background-position: 60% 0;
}

.news-word{
	width: 100%;
	padding-right: 10%;
}
.news-word span{
	margin: 0px 0px 10px 0px;
	display: block;
	color: #EEDBBB;
	text-shadow: 2px 2px 2px #333;
}
.news-word h2{
	margin-bottom: 10px;
	text-shadow: 2px 2px 2px #333;
}
.news-word p{
	line-height: 26px;
	text-shadow: 2px 2px 2px #333;
}

.news-info{
	float: right;
	width: 100%;
	
}
.news-ny-word{
	line-height: 26px;
	animation: zoomIn 3s;
}


/*公司*/
#menu {
	margin: 0;
	padding: 0;
	position: fixed;
	left: 30px;
	top: 30px;
	list-style-type: none;
	z-index: 70;
}
#menu li {
	float: left;
	margin: 0 10px 0 0;
	font-size: 14px;
}
#menu a {
	float: left;
	padding: 10px 15px;
	color: #EEDBBB;
	text-decoration: none;
	border-radius: 4px;
}
#menu .active a {
	color: #391B0A;
	background-color: #EEDBBB;
}

.company-bg1{
	position: relative;
	z-index: 1;
}
.company-word-1{
	position: absolute;
	z-index: 10;
	top: 20%;
	width: 50%;
    opacity: 0;
    animation: fadeOutUp 1s;
    left: 5%;
    
}
.active .company-word-1{
	animation: fadeInUp 2s forwards 1s;
	-webkit-animation: fadeInUp 2s forwards 1s;
	left: 5%;
}
.company-word-1 h1{
	color: #EEDBBB;
	margin: 10px 0px 10px 0px;
}
.company-word-1 h2{
	margin: 10px 0px 10px 0px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #EEDBBB;
}
.company-word-1 p{
	line-height: 26px;
}

.company-word-2{
	position: absolute;
	z-index: 10;
	top: 13%;
	width: 50%;
	left: 5%;
	opacity: 0;
	 animation: fadeOutUp 1s;
	 -webkit-animation: fadeOutUp 1s;
}
.active .company-word-2{
	animation: fadeInUp 2s forwards 1s;
	-webkit-animation: fadeInUp 2s forwards 1s;
	left: 5%;
}
.company-word-2 h1{
 color: #EEDBBB;
 font-size: 30px;	
 margin: 10px 0px 10px 0px;
}
.company-word-2 h2{
 color: #EEDBBB;
 font-size: 36px;	
 margin: 10px 0px 10px 0px;
 padding-bottom: 20px;
	border-bottom: 1px dashed #EEDBBB;
}
.company-word-3{
	position: absolute;
	z-index: 10;
	top: 20%;
	width: 50%;
	left: 5%;
	opacity: 0;
	animation: fadeOutUp 1s;
	-webkit-animation: fadeOutUp 1s;
}
.active .company-word-3{
	animation: fadeInUp 2s forwards 1s;
	-webkit-animation: fadeInUp 2s forwards 1s;
	left: 5%;
}
.company-word-3 h1{
 color: #EEDBBB;
 font-size: 24px;	
 margin: 10px 0px 10px 0px;
}
.company-word-3 h2{
 color: #EEDBBB;
 font-size: 26px;	
 margin: 10px 0px 10px 0px;
 padding-bottom: 20px;
	border-bottom: 1px dashed #EEDBBB;
}

.company-p{
	line-height: 22px;
}
.company-word-4{
	position: absolute;
	z-index: 10;
	top: 20%;
	width: 20%;
	left: 5%;
	opacity: 0;
	animation: fadeOutUp 1s;
	-webkit-animation: fadeOutUp 1s;
}
.active .company-word-4{
	animation: fadeInUp 2s forwards 1s;
	-webkit-animation: fadeInUp 2s forwards 1s;
	left: 5%;
}
.company-word-4 h1{
	color: #EEDBBB;
	margin: 10px 0px 10px 0px;
}
.company-word-4 h2{
	margin: 10px 0px 10px 0px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #EEDBBB;
}
.company-word-4 p{
	line-height: 26px;
}

.company-word-5{
	position: absolute;
	z-index: 10;
	top: 20%;
	width: 60%;
	left: 5%;
	opacity: 0;
	-webkit-animation: fadeOutUp 1s;
	animation: fadeOutUp 1s;
}
.active .company-word-5{
	-webkit-animation: fadeInUp 2s forwards 1s;
	animation: fadeInUp 2s forwards 1s;
	left: 5%;
}
.company-word-5 h1{
	color: #EEDBBB;
	margin: 10px 0px 10px 0px;
}
.company-word-5 h2{
	margin: 10px 0px 10px 0px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #EEDBBB;
	color: #EEDBBB;
	width: 50%;
}
.company-p b{
	font-size: 16px;
}


/*分页*/
.page-all{
	overflow: hidden;
    float: right;
    margin-top: 30px;
}
.page-all li{
	float: left;
	list-style: none;
	padding: 10px;
	margin: 0px 2px 0px 2px;
	border: 1px solid #fff;
}
.thisclass{
	color: #EEDBBB;
	border: 1px solid #EEDBBB!important;
}

/*新闻内页补充*/
.news-title{
	text-align: center;
	padding: 10px 0px 10px 0px;
	margin-bottom: 30px;
	border-bottom: 1px solid #EEDBBB;
}
.change-news {
	float: right;
	overflow: hidden;
	margin-top: 50px;
}
.change-news span{
	display: block;
	border: 1px solid #EEDBBB;
	color:#EEDBBB;
	padding: 10px;
	margin-top: 10px;
}
.change-news span a{
	color:#EEDBBB;
}


/*合作伙伴*/
.huoban-ul{
	overflow: hidden;
	padding: 2% 4% 4% 4%;
}
.huoban-ul li{
	float: left;
	line-height: 26px;
}
.huoban-ul li a{
	color: #EEDBBB;
	text-shadow: 2px 2px 2px #333;
}
.huoban-ul li em{
	font-style: normal;
	padding: 0px 10px 0px 10px;
	color: #EEDBBB;
}

.hezuo-ul{
	width: 100%;
	overflow: hidden;
}
.hezuo-ul li{
	overflow: hidden;
	padding: 0px 0px 20px 0px;
	animation: slideInRight 1.5s ;
	float: left;
	width: 40%;
	padding-left: 5%;
}

.content-h2{
	border-bottom: 1px solid #EEDBBB;
}




/*样式补充*/
@media (max-width:1440px ) {

	nav{
	height: 70px;	
}
.neiye-ul {
 	padding-top: 10px;
 }
 .sq_nav_left{
 	font-size: 14px;
 }
	.ny-nav.button_link{
	padding: 5px 10px 5px 10px;
}
.neiye-ul .sq_nav_left{
	
}
.company-word-5{
	position: absolute;
	z-index: 10;
	top: 10%;
	width: 80%;
	left: 5%;
	opacity: 0;
	animation: fadeOutUp 1s;
	font-size: 12px;
}

.case-left-word{
  	position: absolute;
  	z-index: 9999;
  	animation: my-word 3s;
  	top: 5%;
  	right: 0%;
  	width: 16%;
  } 
  @keyframes my-word{
  	from{
  		opacity: 0;
  		right: -5%;
  	}
  	to{
  		opacity: 1;
  		right: 0%;
  	}
  	}
  
  .five-cp-all{
	background: url(../img/index/five-cp.png) no-repeat;
	background-size: 100%;
	width: 458px;
	height: 519px;
}
  .five-form-div {
	overflow: hidden;
	margin-top: 8px;
}
.five-cp-all form{
	padding: 20px 40px 0px 40px;
}
.five-form-div label{
	color: #391C0A;
	display: block;
	margin-bottom: 5px;
}
.five-form-div input[type=text]{
	border: 1px solid #391B0A;
	border-radius: 4px;
	padding: 4px;
	width: 80%;
	height: 20px;
}
.five-form-div textarea{
	border: 1px solid #391B0A;
	border-radius: 4px;
	padding: 4px;
	width: 80%;
	height: 30px;
	resize: none;
}
.five-cp-btn{
	background: #391B0A;
	color: #fff;
	border: none;
	border-radius: 4px;
	padding: 4px 20px 4px 20px;
	cursor: pointer;
	
}
.sq_four2{
	margin-left: -100px;
}
}


@media (max-width:1200px ) {
	


.sq_tow_msg ul li{
	margin: 0px 10px 0px 10px;
}

.active .sq_four_all{
    opacity: 1;
    right: 5%;
    top: 20%;
    transition-delay:1s;
    -webkit-transition-delay: 1s;
}
.active .sq_four2{
    opacity: 1;
    left: 30%;
    transition-delay:2s;
    -webkit-transition-delay: 2s;
}

.company-word-2{
	position: absolute;
	z-index: 10;
	top: 13%;
	width: 80%;
	left: 5%;
	opacity: 0;
	 animation: fadeOutUp 1s;
}

.company-word-2 h2{
 color: #EEDBBB;
 font-size: 20px;	
 margin: 10px 0px 10px 0px;
 padding-bottom: 20px;
	border-bottom: 1px dashed #EEDBBB;
}

.list-unstyled li{
	width: auto;
}




}

.team-all-bg{
	position: relative;
	z-index: 1;
	width: 100%;
	background: url(../img/team-list.jpg) no-repeat;
	background-size: cover;
}

.product-all-bg1{
	position: relative;
	z-index: 1;
	width: 100%;
	background-size: cover;
}
.product-all-bg-jiameng{
	position: relative;
	z-index: 1;
	width: 100%;
	background: url(../img/jiameng.jpg) no-repeat;
	background-size: cover;
}
.product-all-bg-show{
	position: relative;
	z-index: 1;
	width: 100%;
	background: url(../img/360show.jpg) no-repeat;
	background-size: cover;
}
.product-all-bg-fengcai{
	position: relative;
	z-index: 1;
	width: 100%;
	background: url(../img/product-bg.jpg) no-repeat;
	background-size: cover;
}
.product-all-bg-huoban{
	position: relative;
	z-index: 1;
	width: 100%;
	background: url(../img/huoban.jpg) no-repeat;
	background-size: cover;
}
.company-bg1{
	position: relative;
	z-index: 1;
	width: 100%;
	background: url(../img/company-bg.jpg) no-repeat;
	background-size: cover;
}
.company-bg2{
	position: relative;
	z-index: 1;
	width: 100%;
	background: url(../img/company-bg2.jpg) no-repeat;
	background-size: cover;
}
.company-bg3{
	position: relative;
	z-index: 1;
	width: 100%;
	background: url(../img/company-bg3.jpg) no-repeat;
	background-size: cover;
}
.company-bg4{
	position: relative;
	z-index: 1;
	width: 100%;
	background: url(../img/company-bg4.jpg) no-repeat;
	background-size: cover;
}
.company-bg5{
	position: relative;
	z-index: 1;
	width: 100%;
	background: url(../img/company-bg5.jpg) no-repeat;
	background-size: cover;
}



@media (max-width:1366px ) {
		
.active .sq_four_all{
    opacity: 1;
    right: 12%;
    top: 20%;
    transition-delay:1s;
    -webkit-transition-delay: 1s;
}
}

@media (min-width:1366px ) {
		
.active .sq_four_all{
    opacity: 1;
    right: 12%;
    top: 20%;
    transition-delay:1s;
    -webkit-transition-delay: 1s;
}
}

@media (max-width:1440px ) {
		.company-word-1{
			width: 90%;
		}
      .five-contant{
      	width: 400px;
      }
}



.product-all-bg-anli{
	position: relative;
	z-index: 1;
	width: 100%;
}

.product-all-bg-hr{
	position: relative;
	z-index: 1;
	width: 100%;
	background: url(../img/contact1.jpg) no-repeat;
	background-size: cover;
}


.jiameng-all img{
	max-width: 100%;
	display: block;
	height: auto!important;
}

.company-foot-name{
	position: fixed;
	bottom: 5px;
	color: #fff;
	z-index: 9999;
	width: 100%;
	text-align: center;
	display: none;
}
.active .company-foot-name{
	display: block;
}



/**售后申请**/
.aftermarket_form{ padding:0 16px; width:100%; margin:30px auto; max-width:1200px;}
.aftermarket_colspan3{ float:left; width:33.33%; padding:0 16px; position:relative; z-index:1; margin-bottom:20px;}
.aftermarket_colspan2{ float:left; width:50%; padding:0 16px; position:relative; z-index:1; margin-bottom:20px;}
.aftermarket_colspan1{ float:left; width:100%; padding:0 16px; position:relative; z-index:1; margin-bottom:20px;}
.aftermarket_input{ width:100%; border:1px solid #D2D0D1; height:46px; line-height:44px;}
.aftermarket_textarea{ width:100%; border:1px solid #D2D0D1; height:250px; text-indent:124px; padding:10px;}
.aftermarket_select{ width:100%; position:relative; z-index:5;}
.aftermarket_select dt{ text-indent:16px; width:100%; border:1px solid #D2D0D1; height:46px; line-height:44px; font-weight:normal; cursor:pointer; position:relative;}
.aftermarket_select dt:after{ content:"\e915";  position:absolute; right:10px; font-weight:normal; font-family: 'icomoon'; font-size:20px;}
.aftermarket_select_list{ background-color:#fff; position:absolute; top:46px; left:0; width:100%; border:1px solid #D2D0D1; border-top:none; z-index:6; padding:10px 0; display:none;}
.aftermarket_select dd{ cursor:pointer; line-height:32px; font-size:14px; color:#333; text-indent:8px;}
.aftermarket_select dd:hover{ background:#005BAC; color:#fff;}
.tip_titile{ display:block; height:44px; line-height:44px; text-align:right; font-size:14px; color:#333; position:absolute; top:0; left:16px; z-index:5;}
.tip_titile b{ color:#004096;}
.pading96{ padding-left:96px;}



.page2-wrap{position:absolute;width:960px;left:50%;top:50%;margin-left:-480px;margin-top:-300px; z-index:99}
#page2_logo{ text-align:center; transform:translateY(-30px);margin-top:30px;}
#page2_title{ float:left; margin-top:100px; transform:translateY(-30px);}
.page2-com{ width:777px; float:right; margin-top:115px;}
#page2_nav{}
#page2_nav:after{ display:table; content:''; clear:both;}
#page2_nav li{ margin:0 20px 0 0;transform:translateY(-30px); opacity:0;display:inline-block;}
#page2_nav li a{display:inline-block; padding:0 15px; line-height:36px;font-size:14px; color:#c59355; text-align:center; border:1px #342718 solid;cursor:pointer;}
#page2_nav li a:hover{ background:#c59355; color:#000;}
#page2_conts{ padding:35px; margin-top:8px; font-size:14px; line-height:36px;transform:translateY(-30px); position:relative;}
#page2_conts:before{ position:absolute; content:''; width:79px; height:73px; right:0; top:0; box-sizing:border-box;border-top:3px #fff solid; border-right:3px #fff solid; z-index:1;}
#page2_conts:after{position:absolute; content:''; width:79px; height:73px; left:0; bottom:0; box-sizing:border-box;border-bottom:3px #fff solid; border-left:3px #fff solid; z-index:1;}
#page2_conts p{ position:relative; color:#fff; font-size:14px; line-height:36px;}


.page5-wrap{ position:absolute; width:700px;left:50%; top:45%; margin-left:-350px; margin-top:-280px; z-index:99;}
#page5_title{ text-align:center; transform:translateY(-30px);}
#page5_com{  padding-bottom:30px;}
#page5_com:after{ content:''; display:table; clear:both;}
#page5_left{ transform:translateY(30px);}

.index-contact h2{ width:60px; line-height:23px; background:#452d16; text-align:center; color:#c59355; font-size:14px; font-weight:bold; margin-bottom:12px;}
.index-contact p.comp{ font-size:14px; line-height:24px; padding-bottom:10px; color:#bd8d51; font-weight:bold;}
.index-contact p{ line-height:35px; font-size:14px; color:#fff;}
.index-contact a{ color:#786e61;}
.index-contact a:hover{ color:#fff;}
#page5_querycode{ text-align:center; clear:both; transform:translateY(30px);}


@media (max-width:640px){
 .list-unstyled  li {
                float: left;
                margin-bottom: 15px;
              margin-right:0px;
                width: 100%;
           
            }
}