@charset "utf-8";
/* CSS Document */
.container-fluid{ width:100%; float:left;}
.container-fluid,.container{ padding:0;}
#obtn{ overflow:hidden;}
@media screen and (max-width:767px){
.container-fluid .container span
{
    display: block;
}
}





#obtn .slide_banner{ width:100%; float:left; position:relative; z-index:2; min-height:500px;}
#obtn .slide_banner img{ float:left; width:100%;}
#obtn .slide_banner .img2{ display:none;}
#obtn .slide_banner .slick-dots
{
    position: absolute;
    bottom: 30px;
}
#obtn .slide_banner .slick-dots li
{
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 4px;
    padding: 0;
	background:white;
    cursor: pointer;
	-moz-border-radius:4px; 
-webkit-border-radius:4px; 
-khtml-border-radius:4px;
border-radius:4px;
opacity:0.8;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
}
#obtn .slide_banner .slick-dots li button{ display:none;}
#obtn .slide_banner .slick-dots li.slick-active{ opacity:1; width:30px;}
@media screen and (max-width:991px){
#obtn .slide_banner{ min-height:200px;}
#obtn .slide_banner .img2{ display:block;}
#obtn .slide_banner .img1{ display:none;}
}
@media screen and (max-width:767px){
#obtn .slide_banner .slick-dots
{
    bottom: 15px;
}
#obtn .slide_banner .slick-dots li
{
    position: relative;
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 3px;}
#obtn .slide_banner .slick-dots li.slick-active{ width:20px;}
}

#obtn .indexHead{ width:100%; float:left; text-align:center;}
#obtn .indexHead h3{ width:100%; float:left; font-size:36px; color:#333; line-height:47px; font-weight:bold; letter-spacing:2px;}
#obtn .indexHead h4{ width:100%; float:left; font-size:18px; color:#f08200; line-height:28px; text-transform:uppercase; letter-spacing:1px;}
#obtn .indexHead .bian{ width:100%; float:left; margin-top:28px; height:12px;}
#obtn .indexHead .bian span{ display:inline-block; vertical-align:top; position:relative; width:12px; height:12px; background:#f08200;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
#obtn .indexHead .bian span:before,#obtn .indexHead .bian span:after{ content:''; width:87px; height:1px; background:black; opacity:0.2; position:absolute; left:-96px; top:50%;}
#obtn .indexHead .bian span:after{ left:auto; right:-96px;}
#obtn .indexHead h5{ width:100%; float:left; margin-top:19px; font-size:18px; color:#666; line-height:28px;}
#obtn .index1{ padding:60px 0 71px 0;}
#obtn .index1 .pic1{ width:100%; float:left; position:relative; margin-top:62px;}
#obtn .index1 .pic1 img{ width:100%; float:left;}
#obtn .index1 .pic1 .text{ width:100%; position:absolute; left:0; bottom:0; background:white; background:rgba(255,255,255,0.84); padding:28px 40px 22px 73px;}
#obtn .index1 .pic1 .text .title{ width:100%; line-height:34px; margin-left:-33px; padding-left:33px; background:url(_im_g/414-3.png) no-repeat left center; font-size:22px; color:#f08200; letter-spacing:1px;}
#obtn .index1 .pic1 .text .jj{ width:100%; margin-top:19px; line-height:30px; font-size:16px; color:#666; letter-spacing:1px;}
#obtn .index1 .index1Box{ width:100%; float:left; margin-top:26px; border:solid 1px #e5e5e5; padding:40px 0 0 0; text-align:center;}
#obtn .index1 .index1Box dl{ width:100%; margin-top:51px; background:url(_im_g/414-4.jpg); padding:25px 0 26px 0;}
#obtn .index1 .index1Box dl dt{ width:100%; color:white; font-size:20px; line-height:52px;}
#obtn .index1 .index1Box dl dt strong{ font-size:40px;}
#obtn .index1 .index1Box dl dd{ display:inline-block; vertical-align:top; padding:0 40px; margin-top:19px; font-size:20px; line-height:34px; color:white; position:relative;}
#obtn .index1 .index1Box dl dd strong{ font-size:22px;}
#obtn .index1 .index1Box dl dd:before{ content:''; width:1px; height:20px; background:white; opacity:0.5; position:absolute; left:0; top:50%; margin-top:-10px;}
#obtn .index1 .index1Box dl dd.d1:before{ display:none;}
@media screen and (max-width:1369px){
#obtn .index1 .index1Box dl dd.d2:before{ display:none;}
}
@media screen and (max-width:991px){
#obtn .indexHead h3{ font-size:30px; line-height:41px; letter-spacing:1px;}
#obtn .indexHead h4{ font-size:16px; line-height:22px; letter-spacing:0px;}
#obtn .indexHead .bian{ margin-top:22px; height:10px;}
#obtn .indexHead .bian span{ width:10px; height:10px;}
#obtn .indexHead .bian span:before,#obtn .indexHead .bian span:after{ width:70px; left:-80px;}
#obtn .indexHead .bian span:after{ left:auto; right:-80px;}
#obtn .indexHead h5{ margin-top:12px; font-size:16px; line-height:22px;}
#obtn .index1{ padding:40px 0 50px 0;}
#obtn .index1 .pic1{ margin-top:40px;}
#obtn .index1 .pic1 .text{ padding:20px 20px 12px 50px;}
#obtn .index1 .pic1 .text .title{ line-height:28px; font-size:16px; letter-spacing:0px; padding-left:30px; background-size:18px auto; margin-left:-30px;}
#obtn .index1 .pic1 .text .jj{ margin-top:10px; line-height:24px; font-size:14px; letter-spacing:0px;}
#obtn .index1 .index1Box{ margin-top:20px; padding:30px 0 0 0;}
#obtn .index1 .index1Box dl{ margin-top:30px; padding:20px 0;}
#obtn .index1 .index1Box dl dt{ font-size:14px; line-height:44px;}
#obtn .index1 .index1Box dl dt strong{ font-size:30px;}
#obtn .index1 .index1Box dl dd{ padding:0 45px; margin-top:12px; font-size:14px; line-height:28px;}
#obtn .index1 .index1Box dl dd strong{ font-size:16px;}
#obtn .index1 .index1Box dl dd:before{ height:16px; margin-top:-8px;}
}
@media screen and (max-width:767px){
#obtn .indexHead h3{ font-size:20px; line-height:26px; letter-spacing:0px;}
#obtn .indexHead h4{ font-size:14px; line-height:20px;}
#obtn .indexHead .bian{ margin-top:11px; height:8px;}
#obtn .indexHead .bian span{ width:8px; height:8px;}
#obtn .indexHead .bian span:before,#obtn .indexHead .bian span:after{ width:60px; left:-70px;}
#obtn .indexHead .bian span:after{ left:auto; right:-70px;}
#obtn .indexHead h5{ margin-top:8px; font-size:14px; line-height:20px;}
#obtn .index1{ padding:20px 10px 25px 10px;}
#obtn .index1 .pic1{ margin-top:20px;}
#obtn .index1 .pic1 .text{ position:relative; left:auto; top:auto; float:left; padding:10px 10px 6px 30px;}
#obtn .index1 .pic1 .text .title{ line-height:22px; font-size:14px; padding-left:24px; background-size:16px auto; margin-left:-24px;}
#obtn .index1 .pic1 .text .jj{ margin-top:6px; line-height:20px; font-size:12px;}
#obtn .index1 .index1Box{ margin-top:10px; padding:20px 0 0 0;}
#obtn .index1 .index1Box dl{ margin-top:20px; padding:10px 0;}
#obtn .index1 .index1Box dl dt{ font-size:12px; line-height:38px;}
#obtn .index1 .index1Box dl dt strong{ font-size:20px;}
#obtn .index1 .index1Box dl dd{ padding:0 20px; margin-top:6px; font-size:12px; line-height:22px;}
#obtn .index1 .index1Box dl dd strong{ font-size:14px;}
#obtn .index1 .index1Box dl dd:before{ display:none; height:10px; margin-top:-5px;}
}

#obtn .index7{ background:#f5f5f5; padding:59px 0 62px 0;}
#obtn .index7 .index7Head{ width:100%; float:left; padding-bottom:23px; position:relative; text-align:center; font-size:26px; color:#333; line-height:38px;}
#obtn .index7 .index7Head:before{ content:''; width:44px; height:2px; background:#f08200; position:absolute; left:50%; bottom:0; margin-left:-22px;}
#obtn .index7 .pic{ float:left; width:40.5%; margin-top:73px;}
#obtn .index7 ul{ width:58.68%; float:right; margin-top:29px;}
#obtn .index7 ul li{ padding:25px 0; border-bottom:dashed 1px #dcdcdc; float:right; text-align:left;}
#obtn .index7 ul li .title{ width:100%; float:left; font-size:16px; color:#e77d00; line-height:28px;}
#obtn .index7 ul li .title strong{ font-size:18px;}
#obtn .index7 ul li .jj{ width:100%; margin-top:1px; float:left; font-size:16px; color:#666; line-height:30px;}
#obtn .index7 ul li.l1{ width:95%;}
#obtn .index7 ul li.l2{ width:90%;}
#obtn .index7 ul li.l3{ width:85%;}
@media screen and (max-width:1369px){
#obtn .index7 .pic{ width:100%; text-align:center; margin-top:50px; padding:0 10%;}
#obtn .index7 ul{ width:100%; margin-top:29px;}
#obtn .index7 ul li.l1{ width:100%;}
#obtn .index7 ul li.l2{ width:100%;}
#obtn .index7 ul li.l3{ width:100%;}
}
@media screen and (max-width:991px){
#obtn .index7{ padding:35px 0 40px 0;}
#obtn .index7 .index7Head{ padding-bottom:12px; font-size:20px; line-height:32px;}
#obtn .index7 .index7Head:before{ width:32px; margin-left:-16px;}
#obtn .index7 .pic{ margin-top:30px;}
#obtn .index7 ul{ margin-top:20px;}
#obtn .index7 ul li{ padding:20px 0;}
#obtn .index7 ul li .title{ font-size:14px; line-height:22px;}
#obtn .index7 ul li .title strong{ font-size:16px;}
#obtn .index7 ul li .jj{ font-size:14px; line-height:24px;}
}
@media screen and (max-width:767px){
#obtn .index7{ padding:20px 10px 20px 10px;}
#obtn .index7 .index7Head{ padding-bottom:8px; font-size:14px; line-height:26px;}
#obtn .index7 .index7Head:before{ width:22px; margin-left:-11px;}
#obtn .index7 .pic{ margin-top:20px;}
#obtn .index7 ul{ margin-top:10px;}
#obtn .index7 ul li{ padding:10px 0;}
#obtn .index7 ul li .title{ font-size:12px; line-height:20px;}
#obtn .index7 ul li .title strong{ font-size:14px;}
#obtn .index7 ul li .jj{ font-size:12px; line-height:20px;}
}

#obtn .footer{ background:#232323; text-align:center; font-size:16px; color:rgba(255,255,255,0.5); letter-spacing:1px; line-height:60px;}
@media screen and (max-width:767px){
#obtn .footer{ font-size:14px; letter-spacing:0px; line-height:40px;}
}

#obtn .index2{ padding:66px 0 83px 0;}
#obtn .index2 ul{ width:100%; float:left; margin-top:70px;}
#obtn .index2 ul li{ width:50%; float:left; background:white; padding:49px 72px 65px 69px;}
#obtn .index2 ul li .index2Head{ width:100%; float:left; font-size:26px; color:#333; line-height:34px; padding-bottom:17px; position:relative; letter-spacing:2px;}
#obtn .index2 ul li .index2Head:before{ content:''; width:44px; height:2px; background:#f08200; position:absolute; left:0; bottom:0;}
#obtn .index2 ul li .text{ width:100%; float:left; font-size:16px; color:#666; line-height:30px; margin-top:28px; letter-spacing:1px;}
#obtn .index2 ul li .pic{ width:100%; float:left; margin-top:40px; overflow:hidden;}
#obtn .index2 ul li .pic img{ width:100%; float:left;
		 transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
 -webkit-transition: all 0.3s linear;
-o-transition: width all 0.3s linear;}
#obtn .index2 ul li:hover .pic img{transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	
-webkit-transform: scale(1.1,1.1);
	 -o-transform: scale(1.1,1.1);	
   -moz-transform: scale(1.1,1.1);}

@media screen and (max-width:991px){
#obtn .index2{ padding:33px 0 60px 0;}
#obtn .index2 ul{ margin-top:40px;}
#obtn .index2 ul li{ padding:25px 35px 30px 35px;}
#obtn .index2 ul li .index2Head{ font-size:20px; line-height:28px; padding-bottom:12px; letter-spacing:1px;}
#obtn .index2 ul li .index2Head:before{ width:33px;}
#obtn .index2 ul li .text{ font-size:14px; line-height:26px; margin-top:20px; letter-spacing:0px;}
#obtn .index2 ul li .pic{ margin-top:30px;}
}
@media screen and (max-width:767px){
#obtn .index2{ padding:22px 10px 30px 10px;}
#obtn .index2 ul{ margin-top:20px;}
#obtn .index2 ul li{ width:100%; padding:10px 20px 15px 20px;}
#obtn .index2 ul li .index2Head{ letter-spacing:0px;}
#obtn .index2 ul li .index2Head:before{ width:22px; height:1px;}
#obtn .index2 ul li .text{ margin-top:10px;}
#obtn .index2 ul li .pic{ margin-top:20px;}
}


#obtn .index3{ padding:64px 0 88px 0; background:#f5f5f5;}
#obtn .index3 ul{ width:100%; float:left; margin-top:50px;}
#obtn .index3 ul li{ width:100%; float:left; padding:15px;}
#obtn .index3 ul li .zbox{ width:100%; float:left; box-shadow:0 2px 6px rgba(0,0,0,0.19); padding:15px; min-height:490px; background:white;}
#obtn .index3 ul li .zbox .pic{ width:100%; float:left; padding-bottom:61.61%; position:relative; overflow:hidden;}
#obtn .index3 ul li .zbox .pic img{ width:100%; position:absolute; left:0; top:0; min-height:100%;
		 transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
 -webkit-transition: all 0.3s linear;
-o-transition: width all 0.3s linear;}
#obtn .index3 ul li .zbox:hover .pic img{transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	
-webkit-transform: scale(1.1,1.1);
	 -o-transform: scale(1.1,1.1);	
   -moz-transform: scale(1.1,1.1);}
#obtn .index3 ul li .zbox .text{ width:100%; float:left; text-align:center; margin-top:30px;}
#obtn .index3 ul li .zbox .text h4{ width:100%; float:left; font-size:24px; color:#333; line-height:35px; letter-spacing:1px; padding-bottom:21px; position:relative;}
#obtn .index3 ul li .zbox .text h4:before{ content:''; width:40px; height:2px; background:#f08200; position:absolute; left:50%; bottom:0; margin-left:-20px;}
#obtn .index3 ul li .zbox .text .p{ width:100%; float:left; margin-top:22px; font-size:16px; color:#333; line-height:30px; letter-spacing:1px;}
@media screen and (max-width:1369px){
#obtn .index3 ul li .zbox .text .p{ font-size:14px; line-height:26px; margin-top:11px;}
#obtn .index3 ul li .zbox{ min-height:440px;}
}
@media screen and (max-width:991px){
#obtn .index3{ padding:40px 0 23px 0; }
#obtn .index3 ul{ margin-top:30px; padding-bottom:20px; position:relative;}
#obtn .index3 ul li .zbox{ padding:10px; min-height:400px;}
#obtn .index3 ul li .zbox .text{ margin-top:20px;}
#obtn .index3 ul li .zbox .text h4{ font-size:18px; line-height:28px; letter-spacing:0px; padding-bottom:16px;}
#obtn .index3 ul li .zbox .text h4:before{ width:30px; margin-left:-15px;}
#obtn .index3 ul li .zbox .text .p{ letter-spacing:0;}
#obtn .index3 ul .slick-dots
{
    position: absolute; padding:0; margin:0;
    bottom: 0px;
}
#obtn .index3 ul .slick-dots li
{
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 4px;
    padding: 0; float:none;
	background:#f08200;
    cursor: pointer;
	-moz-border-radius:4px; 
-webkit-border-radius:4px; 
-khtml-border-radius:4px;
border-radius:4px;
opacity:0.8;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
}
#obtn .index3 ul .slick-dots li button{ display:none;}
#obtn .index3 ul .slick-dots li.slick-active{ opacity:1; width:30px;}
}
@media screen and (max-width:767px){
#obtn .index3{ padding:20px 10px 15px 10px; }
#obtn .index3 ul{ margin-top:20px; padding-bottom:10px;}
#obtn .index3 ul li .zbox{ min-height:330px;}
#obtn .index3 ul li .zbox .text{ margin-top:10px;}
#obtn .index3 ul li .zbox .text h4{ font-size:16px; line-height:22px; letter-spacing:0px; padding-bottom:10px;}
#obtn .index3 ul li .zbox .text h4:before{ width:20px; margin-left:-10px; height:1px;}
#obtn .index3 ul li .zbox .text .p{ letter-spacing:0; font-size:12px; line-height:20px; margin-top:6px;}
#obtn .index3 ul .slick-dots li
{
    width: 6px;
    height: 6px;
    margin: 0 3px;}
#obtn .index3 ul .slick-dots li.slick-active{ width:20px;}
}

#obtn .index4{ padding:70px 0 82px 0;}
#obtn .index4 .index4Body{ width:100%; float:left; position:relative; margin-top:73px;}
#obtn .index4 .pic{ float:right; width:34.3%;}
#obtn .index4 .text{ float:left; width:65.7%; margin-top:23px; border:solid 8px #e7e7e7; border-right:0; padding:35px 44px 62px 42px; height:472px; position:relative;}
#obtn .index4 .text h4{ width:100%; float:left; font-size:24px; color:#333; line-height:32px; letter-spacing:1px;}
#obtn .index4 .text .contact{ width:100%; float:left; margin-top:26px; position:relative; height:310px; overflow:hidden;}
#obtn .index4 .text .contact .scroll_cont{ font-size:16px; color:#666; line-height:30px; letter-spacing:1px;}
#obtn .index4 .index4Body .slick-prev,
#obtn .index4 .index4Body .slick-next
{
    position: absolute;
    left:0px;
    top: auto;
	bottom:0;
    display: block;
    width: 46px;
    height: 46px;
    padding: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: #c4c4c4 url(_im_g/index8.png) no-repeat left center;
    z-index:10;
}
#obtn .index4 .index4Body .slick-next{
    left:62px;
    right:auto;
	background-position:right center;
}
#obtn .index4 .index4Body .slick-prev:hover,
#obtn .index4 .index4Body .slick-next:hover{ background-color:#f08200;}
#obtn .index4 .index4Box{ display:none;}
#obtn .index4 .text .detail{ width:100%; position:absolute; left:0; bottom:0; background:white; text-align:center; font-size:18px; font-weight:bold; line-height:3; color:#f08200; cursor:pointer;}
#obtn .index4 .index4Box{ width:100%; height:100%; position:fixed; left:0; top:0; background:white; padding:30px 20px; overflow-y:auto; z-index:99; display:none;}
#obtn .index4 .index4Box .text{ width:100%; float:left; font-size:12px; color:#333; line-height:22px; padding:0; margin:0; border:0; height:auto;}
#obtn .index4 .index4Box .text h4{ font-size:22px; font-weight:bold; width:100%; margin-bottom:20px; letter-spacing:1px;}
#obtn .index4 .index4Box .text img{ width:100%; float:left;}
#obtn .index4 .index4Box .close{ font-size:50px; position:fixed; right:30px; top:10px; font-weight:bold; line-height:1;}
@media screen and (max-width:1369px){
#obtn .index4 .text{ padding:25px 44px 32px 42px; height:330px;}
#obtn .index4 .text .contact{ height:210px;}
}
@media screen and (max-width:991px){
#obtn .index4{ padding:40px 0 50px 0;}
#obtn .index4 .index4Body{ margin-top:50px; padding-bottom:30px;}
#obtn .index4 .text{ padding:25px 33px 32px 32px; height:260px;}
#obtn .index4 .text .contact{ height:150px; margin-top:20px;}
#obtn .index4 .text h4{ font-size:18px; line-height:26px; letter-spacing:0px;}
#obtn .index4 .text .contact .scroll_cont{ font-size:14px; line-height:24px; letter-spacing:0px;}
#obtn .index4 .index4Body .slick-prev,
#obtn .index4 .index4Body .slick-next{ width:40px; height:40px; background-size:auto 40px;}
}
@media screen and (max-width:767px){
#obtn .index4{ padding:20px 10px 25px 10px;}
#obtn .index4 .index4Body{ margin-top:20px; padding:10px 10px 20px 10px; border:solid 5px #e7e7e7;}
#obtn .index4 .pic{ width:100%;}
#obtn .index4 .text{ border:0; padding:15px 0 30px 0px; height:auto; width:100%; margin-top:10px;}
#obtn .index4 .text .contact{ height:100px; overflow:hidden; margin-top:10px;display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 5;-webkit-box-orient: vertical;word-break: break-all;}
#obtn .index4 .text h4{ font-size:16px; line-height:24px;}
#obtn .index4 .text .contact .scroll_cont{ margin-right:0; font-size:12px; line-height:20px;}
#obtn .index4 .text .detail{ bottom:5px; text-align:center; font-size:14px; font-weight:bold; line-height:2; color:#f08200;}

#obtn .index4 .index4Body .slick-prev,
#obtn .index4 .index4Body .slick-next{ width:40px; height:40px; background-size:auto 40px;}
#obtn .index4 .index4Body .slick-dots
{
    position: absolute; padding:0; margin:0; text-align:center;
    bottom: 10px; left:0;
}
#obtn .index4 .index4Body .slick-dots li
{
    position: relative;
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 3px;
    padding: 0; float:none;
	background:#f08200;
    cursor: pointer;
	-moz-border-radius:4px; 
-webkit-border-radius:4px; 
-khtml-border-radius:4px;
border-radius:4px;
opacity:0.8;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
}
#obtn .index4 .index4Body .slick-dots li button{ display:none;}
#obtn .index4 .index4Body .slick-dots li.slick-active{ opacity:1; width:20px;}

#obtn .index4 .index4Box{ width:100%; height:100%; position:fixed; left:0; top:0; background:white; padding:30px 20px; overflow-y:auto; z-index:5; display:none;}
#obtn .index4 .index4Box .text{ width:100%; float:left; font-size:12px; color:#333; line-height:22px; padding:0; margin:0;}
#obtn .index4 .index4Box .text h4{ font-size:16px; font-weight:bold; width:100%; margin-bottom:20px; letter-spacing:1px;}
#obtn .index4 .index4Box .text img{ width:100%; float:left;}
#obtn .index4 .index4Box .close{ font-size:30px; position:fixed; right:10px; top:0; font-weight:bold; line-height:1;}






}

#obtn .index5{ padding:65px 0 71px 0; background:#f5f5f5;}
#obtn .index5 .index5Body{ margin:0 -13px;}
#obtn .index5 .index5Body ul{ width:100%; float:left; padding-bottom:35px; position:relative; margin-top:20px;}
#obtn .index5 .index5Body ul li{ width:20%; float:left; padding:0 13px; margin-top:28px;}
#obtn .index5 .index5Body ul li .zbox{ width:100%; float:left; border:solid 1px #eee; position:relative; overflow:hidden;}
#obtn .index5 .index5Body ul li .zbox img{ width:100%; float:left;}
#obtn .index5 .index5Body ul li .zbox a{ display:table; position:absolute; left:0; top:100%; width:100%; height:142px; background:rgba(240,130,0,0.9);}
#obtn .index5 .index5Body ul li .zbox a span{ display:table-cell; vertical-align:middle; width:100%; text-align:center; font-size:18px; line-height:1.2; color:white; letter-spacing:1px;}
#obtn .index5 .index5Body ul li .zbox:hover a{ top:0;}
#obtn .index5 .index5Body ul .slick-dots
{
    position: absolute; padding:0; margin:0; text-align:center;
    bottom: 0px; left:0;
}
#obtn .index5 .index5Body ul .slick-dots li
{
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    padding: 0; float:none;
	background:#f08200;
    cursor: pointer;
	-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-khtml-border-radius:5px;
border-radius:5px;
opacity:0.4;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
}
#obtn .index5 .index5Body ul .slick-dots li button{ display:none;}
#obtn .index5 .index5Body ul .slick-dots li.slick-active{ opacity:1;}
@media screen and (max-width:1369px){
#obtn .index5 .index5Body ul li .zbox a{ height:100px;}
}
@media screen and (max-width:991px){
#obtn .index5{ padding:40px 0 50px 0;}
#obtn .index5 .index5Body{ margin:0 -5px;}
#obtn .index5 .index5Body ul{ padding-bottom:30px; margin-top:10px;}
#obtn .index5 .index5Body ul li{ padding:0 5px; margin-top:20px;}
#obtn .index5 .index5Body ul li .zbox a{ height:82px;}
#obtn .index5 .index5Body ul li .zbox a span{ font-size:16px; letter-spacing:0px;}
}
@media screen and (max-width:767px){
#obtn .index5{ padding:20px 10px 30px 10px;}
#obtn .index5 .index5Body ul{ padding-bottom:25px; margin-top:5px;}
#obtn .index5 .index5Body ul li{ width:50%; margin-top:10px;}
#obtn .index5 .index5Body ul li .zbox a{ position:relative; left:auto; top:auto; width:100%; float:left; text-align:center; padding:10px 5px; height:auto;}
#obtn .index5 .index5Body ul li .zbox a span{ font-size:14px;}
#obtn .index5 .index5Body ul .slick-dots li
{
    width: 8px;
    height: 8px;
    margin: 0 4px;}
}

#obtn .index6{ padding:68px 0 60px 0;}
#obtn .index6 .index6Body{ width:100%; float:left; background-color:white !important; border:solid 1px #e5e5e5; margin-top:55px; padding:25px 282px 18px 485px; position:relative;}
#obtn .index6 .index6Body .ewm{ position:absolute; right:46px; top:40px; width:183px;}
#obtn .index6 .index6Body .ewm .img{ width:100%; float:left; padding:5px;}
#obtn .index6 .index6Body .ewm .img img{ width:100%; float:left;}
#obtn .index6 .index6Body .ewm h5{ width:100%; float:left; margin-top:13px; line-height:26px; font-size:16px; color:#666; text-align:center;}
#obtn .index6 .index6Body dl{ float:left; width:100%; position:relative;}
#obtn .index6 .index6Body dl dd{ width:100%; float:left; position:relative; height:85px; display:table; border-bottom:solid 1px #e5e5e5;}

#obtn .index6 .index6Body dl dd .jj{ display:table-cell; vertical-align:middle; width:100%; font-size:16px; color:#666; line-height:24px; letter-spacing:1px;}
#obtn .index6 .index6Body dl dd .ico{ position:absolute; left:-60px; top:20px; width:40px; height:40px; background:#f08200; overflow:hidden;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
#obtn .index6 .index6Body dl dd:last-child{ border-bottom:0;}
@media screen and (max-width:1369px){
#obtn .index6 .index6Body{ padding:25px 252px 18px 455px; background-size:421px auto !important;}
#obtn .index6 .index6Body dl dd.l1{ width:100%; padding-right:0px;}
#obtn .index6 .index6Body dl dd.l2{ width:100%;}
}
@media screen and (max-width:991px){
#obtn .index6{ padding:44px 0 40px 0;}
#obtn .index6 .index6Body{ margin-top:30px; padding:25px 200px 18px 85px; background:white !important;}
#obtn .index6 .index6Body .ewm{ right:30px; top:30px; width:130px;}
#obtn .index6 .index6Body .ewm h5{ margin-top:9px; line-height:20px; font-size:14px;}
#obtn .index6 .index6Body dl dd{ height:60px;}
#obtn .index6 .index6Body dl dd .jj{ font-size:14px; line-height:22px; letter-spacing:0px;}
#obtn .index6 .index6Body dl dd .ico{ left:-50px; top:15px; width:30px; height:30px;}
}
@media screen and (max-width:767px){
#obtn .index6{ padding:22px 0 20px 0;}
#obtn .index6 .index6Body{ margin-top:20px; padding:15px 20px 10px 60px;}
#obtn .index6 .index6Body .ewm{ position:relative; right:auto; top:auto; width:150px; float:left; margin-top:10px;}
#obtn .index6 .index6Body .ewm .img{ width:100%; float:left; padding:5px;}
#obtn .index6 .index6Body .ewm .img img{ width:100%; float:left;}
#obtn .index6 .index6Body dl dd .ico{ left:-45px;}

}