﻿.swiper-slide{ background-position:top center;}
/*.swiper-button-prev {
            background:url(../images/prev.png) 0 0 no-repeat;
            width:2rem;
            height:4.3rem;
			left:0;
			background-size:100% auto;
			z-index:10
        }
        .swiper-button-next {
            background: url(../images/next.png) 0 0 no-repeat;
            width:2rem;
            height:4.3rem;
			right:0;
			background-size:100% auto;
			z-index:10
        }*/

.sec_1 {
    margin-top: 42px ;
    margin-bottom:70px;
}

    .sec_1 dl::after {
        content: "";
        clear: both;
    }

    .sec_1 dl dt {
        float: left;
        width: 46px;
        height: 46px;
    }

.ico_fast, .ico_quality, .ico_service {
    background: url(../images/ico.png) -92px 0 no-repeat;
}

.ico_quality {
    background-position-x: -139px;
}

.ico_service {
    background-position-x: -186px;
}

.sec_1 dl dd {
    width: 82%;
    float: right;
}

    .sec_1 dl dd p {
        line-height: 2em;
		height:8em;
		overflow:hidden
    }

    .sec_1 dl dd a {
        width: 85px;
        height: 30px;
        line-height: 30px;
        display: inline-block;
        background-color: #808080;
        color: #eeeeee;
        text-align: center;
        font-size: 12px;
        margin-top: 25px;
    }
.sec_1 dl dd a:hover{ background:#f08200}
.line_1 {
    width: 100%;
    margin: 28px 0;
    color: #c2c2c2;
}
    /*.line_1:after {
        content: "to The Top";
        float:right;
    }*/

    .line_1 span {
        display: inline-block;
    }

        .line_1 span:nth-child(1) {
            width: 90%;
            height: 1px;
            background-color: #e6e6e6;
        }

        .line_1 span:nth-child(2) {
            width: 10%;
            text-align: right;
        }
.swiper-second-container .swiper-slide {
    background: #a40000;
    text-align: center;
    color: #fff;
}
.swiper-second-container .pic_text{padding:0 15px 15px}
 .pic_text{ padding:0 0 15px}
 .pic_text dd {
    text-align: left;
    font-size:12px;
}
.pic_text dd p {
    line-height:2em;

}

.pic_text dt {
    width: 100%;
	text-align:center
}
.pic_text dt img{ width:100%; /*border-radius:100%; -webkit-border-radius:100%;-moz-border-radius:100%; border:1px solid #ebebeb*/ padding:15px 0}
.pic_text h4 {
      color: #fff;
  font-size: 1.2rem;
  line-height: 1.5;
  padding: 0 0 0;
  margin-bottom: 0;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; 
  
  /*padding: 0 15px;*/
}

.pic_texts .pic_text {
float:left;
width:46.5%;
}
    .pic_texts .pic_text:first-child {
    margin-right:30px;
    }
.title_1 {
    margin-bottom: 30px;
}

    .title_1 h4 {
        width: auto;
       
    }

        .title_1 h4 span,.title_2 span {
            border-bottom: 2px solid #f08200;
            padding-bottom: 10px;
        }

    .title_1 .swiper-button-next, .title_1 .swiper-button-prev,.title_2 .swiper-button-next, .title_2 .swiper-button-prev {
        width: 32px;
        height: 24px;
        top: auto;
        bottom: -10px;
    }

    .title_1 .swiper-button-prev,.title_2 .swiper-button-prev {
        background: url(../images/ico.png) -293px 0 no-repeat;
        left: auto;
        right: 50px;
    }

    .title_1 .swiper-button-next,.title_2 .swiper-button-next {
        background: url(../images/ico.png) -327px 0 no-repeat;
        right:15px;
    }
	.title_2 .swiper-button-next{ right:0px}
	 .title_2 .swiper-button-prev{ right:35px}
.title_2 {
margin-bottom:30px;
position:relative
}
.swiper-three-container .swiper-slide,{
	height:300px;
	}
.swiper-three-container .swiper-slide video{ height:auto}
.sec_2 {
background:#f6f6f6;
padding:0 0 80px 0;
}
.title_3 {
margin-bottom:20px;
margin-top:50px;
/*padding-right:1%*/
}
.title_3 h4 {
float:left;
font-size:24px;
}
.tag_1{
    float:right;
    max-width:50%;
    color:#7d7d7d;
}
    .tag_1 a {
    color:#7d7d7d;
    padding:0 5px;
    }

.sec_2 ul li {
float:left;
width:23.95%;
font-size:16px;
color:#535353;
background:#fff;
text-align:center;
margin-bottom:1.4%;
cursor:pointer;
}
.sec_2 ul li a{ color:#535353}
.sec_2 ul li a:hover{ color:#f08200}
.sec_2 ul li {
line-height:2em;
}
.sec_2 ul li p{ height:2em; overflow:hidden}
.sec_2 ul li img{
    margin-bottom:10%;
	max-width:100%
}
    .sec_2 ul li:not(:nth-child(4n)){
    margin-right:1.4%;
    }
.color_1 {
color:#f959b4;

}
.color_2 {
color:#91857b;

}
.color_3 {
color:#9ba39d;

}
.color_4 {
color:#ebebeb;

}
.color_5 {
color:#767676;

}
.color_6 {
color:#729ad6;

}
.color_7 {
color:#f6e0ca;

}
.color_8 {
color:#49bb40;

}


.navbar-default{ background:none !important; border:0}
.navbar-toggle{ top:15px}
.navbar-toggle.t1{ top:8px; margin-top:10px}

.docs-header {
  position: relative;
  background-color: #300000;
  background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #300000), color-stop(100%, #7f0000));
  background-image: -webkit-linear-gradient(135deg, #300000 0%, #7f0000 100%);
  background-image: -webkit-linear-gradient(315deg, #300000 0%, #7f0000 100%);
  background-image: -o-linear-gradient(315deg, #300000 0%, #7f0000 100%);
  /*background-repeat: no-repeat;
  background-position: 50% 40%;*/
}
.section .top{ color:#373737; text-align:center; font-weight:bold; padding:6rem 0; /*text-transform:uppercase;*/ font-size:2.5rem;/*font-family:"方正水柱简体"*/}
.section .top span,h3 span{ color:#010101; }
.section .top h3{ color:#373737;font-size:3.5rem; font-weight:bold; padding-bottom:10px; position:relative}
/*.section .top span{ color:#7e7e7e; font-family:"方正宋黑繁体","微软雅黑"; display:inline-block; margin-top:0.5rem; position:relative;padding:0 55px; font-size:1.8rem; border:0; font-weight:normal}
.section .top span i{ background:#fff; font-style:normal; position:relative; z-index:3; padding:0 15px}
.section .top span b{ border-bottom:1px solid #7e7e7e; width:100%;  display:inline-block; margin:0 auto; position:absolute; left:0; top:0.9rem; z-index:0; height:1px}*/



/*----------首页banner下面样式---------*/
/*.section.about{ text-align:center}*/
.section{ padding:4rem 0;}
.section .con h3{ color:#202020; font-weight:bold; font-size:3rem; /*text-align:center; */position:relative; letter-spacing:2px; line-height:3}
.section .con h3 .line{ position:absolute; bottom:0px; left:0; border-bottom:5px solid #a40000; width:12rem}
.section p{ color:#232323; font-size:1.7rem; line-height:3; padding:3rem 0 0}
.section .con img{ display: block;
  max-width: 100%;
  height: auto;}

.gray{ background:#f5f5f5}
/*----------首页下面样式---------
/*----------首页滑动特效样式---------*/
.comscroll-left{ width:100%;  overflow:hidden; position:relative; margin:3rem 0}
		.comscroll-left .hd{ padding:0 10px; position:relative  }
		.comscroll-left .hd .prev,.comscroll-left .hd .next{ display:block;  width:35px; height:35px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; z-index:10 }
	    .comscroll-left .hd .prev{ background:url(../images/arrow-ls.png); position:absolute; top:-230px; left:0}
		.comscroll-left .hd .next{ background:url(../images/arrow-rs.png);position:absolute; top:-230px; right:0 }
		.comscroll-left .hd .prev:hover{ background:url(../images/arrow-l.png)}
		.comscroll-left .hd .next:hover{ background:url(../images/arrow-r.png) }
		.comscroll-left .hd .prevStop{ background-position:-60px 0; }
		.comscroll-left .hd .nextStop{ background-position:-60px -50px; }
		.comscroll-left .hd ul{ width:100%; text-align:center;overflow:hidden; zoom:1; margin-top:30px; zoom:1; }
		.comscroll-left .hd ul li{ width:14px; height:14px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:#a0a0a0; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;border:2px solid #f5f5f5; display:inline-block }
		.comscroll-left .hd ul li.on{ background:#f5f5f5; border:2px solid #a40000 }
		.comscroll-left .bd{ padding:10px; margin:0 45px 0 55px  }
		.comscroll-left .bd ul{ overflow:hidden; zoom:1; }
		.comscroll-left .bd ul li{ margin:0 14px; float:left; _display:inline; overflow:hidden; /*text-align:center;*/ width:270px; height:340px  }
		.comscroll-left .bd ul li:hover{ background:#a40000}
		.comscroll-left .bd ul li .pic{ text-align:center; padding:15px }
		.comscroll-left .bd ul li .pic img{ /*width:240px; height:150px;*/ display:block;/*border:1px solid #e5e5e5; *//*border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%*/ }
		.comscroll-left .bd ul li .pic img:nth-of-type(1){ display:none}
		.comscroll-left .bd ul li .pic img:nth-of-type(2){ padding-top:4rem}
		.comscroll-left .bd ul li .pic a:hover img{ border-color:#c2c1c1;  }
		.comscroll-left .bd ul li .title{ color:#232323; font-size:1.6rem; line-height:1.5; padding:1rem 0 0; margin-bottom:0; padding:0 15px  }
		.comscroll-left .bd ul li p{ color:#232323; font-size:1.3rem; line-height:1.5; padding:1rem 15px 3rem; border-bottom:2px solid #dbdbdb;word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden; }
		.comscroll-left .bd ul li:hover .title,.comscroll-left .bd ul li:hover p{ color:#fff}
		.comscroll-left .bd ul li:hover .pic img:nth-of-type(2){ display:none}
		.comscroll-left .bd ul li:hover .pic img:nth-of-type(1){ display:block}
		.comscroll-left .bd ul li:hover p{ border-bottom:0; padding-bottom:0; margin-bottom:3rem}
		
		
/*----------首页滑动特效样式---------*/
.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:10rem 0 6rem 0; position:relative;   }
.slideGroup .slideBox .liness{ position:absolute; left:50%; height:100%; width:1px; background:#aaaaaa; top:5rem;z-index:0  }
        .slideGroup .stop{ position:absolute; left:50%;top:5rem; display:block; width:12px; height:12px; background:#fff; margin-left:-6px; z-index:3; text-align:center; border:1px solid #dcdcdc; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; }
		.slideGroup .sPrev{ position:absolute; left:50%; bottom:0; display:block; width:25px; height:25px; background:#aaaaaa; margin-left:-25px; z-index:3; text-align:center }
		.slideGroup .sNext{ position:absolute; left:50%;top:auto; bottom:0; display:block; width:25px; height:25px; margin-left:0px; background:#aaaaaa;z-index:3;text-align:center  }
		.slideGroup .sPrevs{ position:absolute; left:5px; top:15px; display:block; width:20px; height:22px; background:url(../images/arrow-ls.png) center center no-repeat;background-size:100% auto;   }
		.slideGroup .sNext,.slideGroup .sPrev{ color:#fff}
		.slideGroup .sNexts{ position:absolute;right:5px;top:15px; background:url(../images/arrow-rs.png) center center no-repeat;  background-size:100% auto;width:20px; height:22px;}
		.slideGroup .sPrev:hover{ background:#a40000; }
		.slideGroup .sNext:hover{ background:#a40000; } 
		.slideGroup .sPrevs:hover{ background:url(../images/arrow-l.png) center center no-repeat;background-size:100% auto;}
		.slideGroup .sNexts:hover{ background:url(../images/arrow-r.png) center center no-repeat;background-size:100% auto;  }

		.slideGroup .parBd ul{ overflow:hidden; zoom:1; padding:2rem 0  }
		.slideGroup .parBd ul li{ /*margin:0 8px;*/  _display:inline;/* overflow:hidden;*/ /*text-align:center;*/   }
		.slideGroup .parBd ul li .box{border:1px solid #d7d7d7; border-radius:1rem; -webkit-border-radius:1rem; -moz-border-radius:1rem; padding:0.5rem 1rem 0; margin:0 2rem; position:relative}
		.slideGroup .parBd ul li .pic{ /*text-align:center;*/ color:#2a2a2a; font-size:1.8rem; font-weight:bold }
		.slideGroup .parBd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
		.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
		.slideGroup .parBd ul li .title{ line-height:24px; font-size:1.4rem; color:#313131; /*max-height:48px; overflow:hidden  */}
		.slideGroup .parBd ul li i{ width:12px; height:12px; border:1px solid #dcdcdc; position:absolute; right:-6px; top:50%; margin-top:-6px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; background:#fff; padding:2px;}
		.slideGroup .parBd ul li i b{ width:6px; height:6px; display:block; background:#a40000; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; display:block}
.slideGroup .parBd ul li.col-sm-offset-6 i{ left:-6px; right:auto}
.maps{ width:100%; height:555px;}
.plan .sec1{ height:auto; overflow:hidden;zoom:1; }
.history li{ padding:0 15px; margin-bottom:1rem}
.history li .box{border:1px solid #d7d7d7; border-radius:1rem; -webkit-border-radius:1rem; -moz-border-radius:1rem; padding:0.5rem 1rem 0;  position:relative}
.history li .pic{ /*text-align:center;*/ color:#2a2a2a; font-size:1.8rem; font-weight:bold }
.history li .title{ line-height:24px; font-size:1.4rem; color:#313131; /*max-height:48px; overflow:hidden  */}
.col-sm-offset-6 .triangle-border {
    position:absolute;
	bottom:50%;
	margin-bottom:-9px;
    overflow:hidden;
    width:0;
    height:0;
    border-width:10px 22px 10px 10px;
    border-style:solid;
}
.col-sm-offset-6 .tb-border {
    left:-33px;
    border-color:transparent  #b2b0b0 transparent transparent;
}
.col-sm-offset-6 .tb-background {
    left:-32px;
    border-color: transparent #fff transparent transparent;
}

.slideGroup .parBd ul li.text-right .triangle-border {
    position:absolute;
	bottom:50%;
	margin-bottom:-9px;
    overflow:hidden;
    width:0;
    height:0;
    border-width:10px 10px 10px 22px;
    border-style:solid;
}


.slideGroup .parBd ul li.text-right .triangle-border{ right:-33px;border-color:transparent   transparent transparent #b2b0b0;}
.slideGroup .parBd ul li.text-right .tb-background {
    right:-32px;
    border-color: transparent  transparent transparent #fff;
}


.footer{ background:#f5f5f5; padding:7rem 0 1rem; color:#4c4c4c;font-size:1.5rem}
.footer .ew{ padding:3rem 0}
.footer a{  color:#4c4c4c; padding-left:1rem; font-size:1.5rem; /*padding-top:3rem*/}
.footer .p3{ padding-top:5rem}
.footer a:not(:nth-of-type(6)){ padding-right:1rem}
section.product{ background:#f4f4f4}

		.easy-accordion{display:block;position:relative;overflow:hidden;padding:0;margin:0}
		.easy-accordion dt,.easy-accordion dd{margin:0;padding:0}
		.easy-accordion dt,.easy-accordion dd{position:absolute}
		.easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px;  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);cursor:pointer;}
		.easy-accordion dd{z-index:1;opacity:0;overflow:hidden}
		.easy-accordion dd.active{opacity:1;}
		.easy-accordion dd.no-more-active{z-index:2;opacity:1}
		.easy-accordion dd.active{z-index:3}
		.easy-accordion dd.plus{z-index:4}
		.easy-accordion .slide-number{position:absolute;bottom:0;left:10px;font-weight:normal;font-size:1.1em;/* Safari */ -webkit-transform: rotate(90deg); /* Firefox */ -moz-transform: rotate(90deg);  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
		 
		 
		/* FEEL FREE TO CUSTOMIZE THE FOLLOWING RULES */
		
		dd p{line-height:120%}
		
		#accordion-1{width:800px;height:245px;padding:30px;background:#fff;border:1px solid #b5c9e8}
		#accordion-1 dl{width:800px;height:245px}	
		#accordion-1 dt{height:46px;line-height:44px;text-align:right;padding:0 15px 0 0;font-size:1.1em;font-weight:bold;font-family: Tahoma, Geneva, sans-serif;text-transform:uppercase;letter-spacing:1px;background:#fff url(../images/slide-title-inactive-1.jpg) 0 0 no-repeat;color:#26526c}
		#accordion-1 dt.active{cursor:pointer;color:#fff;background:#fff url(../images/slide-title-active-1.jpg) 0 0 no-repeat}
		#accordion-1 dt.hover{color:#68889b;}
		#accordion-1 dt.active.hover{color:#fff}
		#accordion-1 dd{padding:25px;background:#fff;border:1px solid #dbe9ea;border-left:0;margin-right:3px}
		#accordion-1 .slide-number{color:#68889b;left:10px;font-weight:bold}
		#accordion-1 .active .slide-number{color:#fff;}
		#accordion-1 a{color:#68889b}
		#accordion-1 dd img{float:right;margin:0 0 0 30px;}
		#accordion-1 h2{font-size:2.5em;margin-top:10px}
		#accordion-1 .more{padding-top:10px;display:block}
/*----------Product introduction---------*/
/* Successful casecss */
/*.case{ padding:5rem 0}
.case ul{ padding:2rem 0}
.case li{  margin:20px 0; overflow:hidden; position:relative}
.case li img{border:1px solid #eeeeee; transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear;}
.case li .box{ position:absolute; top:0; left:0; height:100%; background:url(../images/case-bg.png) repeat; right:0; width:100%}
.case li img,.coop img{ width:100%}
.case li .box h3{ position:absolute; bottom:0; left:0; width:100%; color:#fff; font-weight:bold; line-height:3rem; text-align:left; padding:0 1.5rem; font-size:1.8rem}
.case li.col-sm-4 .box h3{font-size:1.5rem}
.case li:hover .box{ display:none}
.case li:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.case a .more{ padding-top:2rem}*/
/* 合作伙伴css */
@media (min-width: 678px){
.coop .col-sm-2 {
  width: 20%;
}}
.coop{ border-top:1px solid #e5e5e5}
.coop img{ border:1px solid #d3d3d3; margin:0.5rem 0}
.coop img:hover{ border-color:#60af46; cursor:pointer}
.coop .row{ padding:4rem 0 0}


.message{ /*background:#60af47;*/ padding:4rem 0; color:#4c4c4c; font-size:1.5rem}
.message .btn{ background:#b2932a; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; color:#fff}
.message .form-group{ height:auto; overflow:hidden;zoom:1; margin:1rem 0; line-height:35px;}
.message input[type=text]{ background:none !important;  border:0;border-bottom:1px solid #3b3b3b; height:35px;}
.message h3{ color:#2f2f2f; font-size:3.5rem; text-align:center; padding:1rem 0 3rem; font-weight:bold}
.message :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #4c4c4c;  
}

.message ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #4c4c4c;
}

.message input:-ms-input-placeholder,
.message textarea:-ms-input-placeholder {
    color: #4c4c4c;
}

.message input::-webkit-input-placeholder,
.message textarea::-webkit-input-placeholder {
    color: #4c4c4c;
}

/* 底部css */
/*.footer ul{ height:auto; overflow:hidden;zoom:1; width:100%}
.footer{ background:#2d591f; margin:0; padding:3rem 0 1rem; color:#fffefe; font-size:1.3rem}
.footer a{color:#fffefe;font-size:1.4rem;}
.footer a:hover{ color:#7eda61}
.footer img{ padding-right:0.3rem}
.footer h3{ font-size:2rem; padding-top:1rem; padding-bottom:1rem}
.footer li{ font-size:1.2rem; padding:0.5rem 15px}
.footer .line{ border-left:1px solid #3e722e; }
.footer .divliver{ background:#3e722e; margin:2rem 0; height:1px}*/


.dropdown-menu{ border-top: 1px solid #ccc;}
.dropdown-menu>li{ display:block}
.dropdown-menu>li>a{ width:100%; display:block}

.section .pic_text p {
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.5;
  padding: 0.5rem 0 0;
  /*border-bottom: 2px solid #dbdbdb;*/
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.tel{ position:absolute; top:31px;  right:28px; color:#a6871f; font-weight:bold; font-size:20px}
.tel img{ padding-right:10px}