@charset 'utf-8';
/* ---------- reset ---------- */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin: 0; padding: 0;}
body,button,input,textarea,select{font: 12px/1.5 Arial,'microsoft yahei',Helvetica,sans-serif;-webkit-font-smoothing: antialiased;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block }
address, caption, cite, code, dfn, em, th, var {font-style: normal; font-weight: 400; }
table {border-collapse: collapse; border-spacing: 0 }
ol, ul {list-style: none; }
img {border: 0 none ;}
i,em,h1,h2,h3,h4,h5,h6{ font-style: normal; }
input,select,textarea {font-size: 100%;}
h1,h2,h3,h4,h5,h6 {font-size: 100%; font-weight: 400 }
a {cursor: pointer;}
a:hover {text-decoration: underline;}
:focus {outline: 0 }
/*banner*/
.index-cont{margin-bottom:3.2rem;}
.index-banner .ban_v{position: absolute; left: 0; top: 0px; z-index: 1; width: 100%; height: 100%; background-image: url(../images/home_bg_s.png); background-size: cover;}
.index-banner .pc{display: none;}
.index-banner .mobile{display: block}
.index-banner .cont-box{position:absolute;z-index:4999;    width: 100%;left:0;top: 12%;}
.index-banner .cont-btn{position:absolute;z-index:4999;    width: 100%;left:0;top: 78%;}
.index-banner .cont-box .img{width:90%;height:auto;margin:0 auto 3rem;}
.index-banner{background-image: url(../images/banner1.jpg);height:32.4rem;position: relative;
	    margin-top: 3rem;
    height: -webkit-calc(80vh);
    height: -moz-calc(80vh);
    min-height: 320px;
    z-index: 2;
    width: 100%;
    height: 100%;
    overflow: hidden;
    height: calc(80vh);}
.index-banner .cont .pc{display: none}
.index-banner .cont .mobile{display: block}
.index-banner .cont{width:90%; margin:0 auto; padding: 195px 0 50px;}
.index-banner .btn a{width:50%;float: left;font-size:18px;color:#fff;}
.index-banner .btn a span{border:1px solid #fff;border-radius: 5px;position:relative; display: block;width:9rem;height:2.8rem; margin: 0 auto;line-height:2.5rem;}
.index-banner .btn a span.down{margin-right: .4rem;}
.index-banner .btn a span.user{margin-left: .4rem;}
.index-banner .btn a span:hover{background:#0091fd;border:1px solid #0091fd;}
.index-banner .btn a span img{left: 1.2rem;top: 50%;margin-top: -.6rem;width: 1.1rem;}
.index-banner .btn a span em{    padding-left: 3rem;font-size: 1.2rem;}
.index-banner-bottom .hr{width:56px;margin:0 auto;border-bottom: 1px solid #d9d9d9}
.index-banner-bottom  p{line-height:2;padding: 0;}
.index-banner-bottom{padding: 0 1rem}
/*fl*/
.title-xian h4:after,.title-xian h4:before {content: " "; display: block; border-bottom:1px solid #797979; width:2.3rem; position: absolute;margin-left:-.8rem; top:50%; margin-top:-1px;}
.title-xian .tit-cont {padding:0 1rem;line-height:1.8;}
.index-section-f1 h4:before{left:28%; }
.index-section-f1 h4:after {right:24%;}
.index-section-f1 ul {    margin-right:0;padding: .6rem;}
.index-section-f1 ul li{float: left;width: 49%;margin-right: 6px;margin-bottom: 6px; background: #fff;border: 1px solid #e6e6e6;box-shadow: 0 1px 10px 0 rgba(0,0,0,.1);box-sizing:border-box;  -moz-box-sizing:border-box; /* Firefox */  -webkit-box-sizing:border-box; /* Safari */ } 
.index-section-f1 ul li:nth-child(2n){margin-right:0;}
.index-section-f1 ul li .cont{padding:18px 11px;height: auto; }
.index-section-f1 ul li .cont p{line-height:22px;}
.index-section-f1 ul li .detail{padding:10px 9px;top: 0;bottom: 0;background: #fff;visibility: hidden;opacity: 0;-webkit-transition: all .8s; -moz-transition: all .8s; -o-transition: all .8s; transition: all .8s;box-sizing:border-box;  -moz-box-sizing:border-box; /* Firefox */  -webkit-box-sizing:border-box; /* Safari */ }
/*f2*/
.index-section-f2 h4:before{left:24%; }
.index-section-f2 h4:after {right:21%;}
.index-section-f2 ul{padding:1.6rem 1rem}
.index-section-f2 ul li{ float:left; width:100%; height:auto; margin:0; position:relative;-webkit-transition: top 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);-moz-transition: top 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);-ms-transition: top 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);-o-transition: top 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);transition: top 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);top:0;display: inline-block;border:1px solid #e6e6e6; border-bottom:none;
    box-sizing: border-box;}
.index-section-f2 ul li:last-child{border-bottom:1px solid #ccc;}    
.index-section-f2 ul li .img{width:65px;margin:0 auto;}
.index-section-f2 ul li .left{width:24%;float: left;padding: .8rem 0;background: #fafafa;border-right: 1px solid #e6e6e6;}
.index-section-f2 ul li .cont p{display: inline-block;}
.index-section-f2 ul li .cont{margin-top: .7rem;}
.index-section-f2 ul li .img .icon{width: 2.3rem; height: 2.3rem; display: inline-block; margin-top: 0; margin-left: 1.8rem; opacity: 1; filter: alpha(opacity=100);}
.index-section-f2 ul li .img .icon-1{ background: url(../images/icon01.png) no-repeat;background-position: -.3rem 0.1rem;background-size: 2.6rem;}
.index-section-f2 ul li .img .icon-2{ background: url(../images/icon02.png) no-repeat;background-position: .2rem 0.1rem;background-size: 1.8rem;}
.index-section-f2 ul li .img .icon-3{ background: url(../images/icon03.png) no-repeat;background-position: -.5rem 0.4rem;background-size: 2.8rem;}
.index-section-f2 ul li .img .icon-4{ background: url(../images/icon04.png) no-repeat;background-position: -.5rem 0.3rem;background-size: 2.8rem;}
.index-section-f2 ul li .img .icon-5{ background: url(../images/icon05.png) no-repeat;background-position: -.3rem 0.3rem;background-size: 2.4rem;}

/*f3*/
.index-section-f3{background-image: url(../images/banner3.jpg); }
.index-section-f3 .cont{width:100%;margin:0 auto; }
.index-section-f3 .cont img{display: none}
.index-section-f3 ul{margin: 0 1rem;}
.index-section-f3 ul li .num{margin-top:.8rem;}
.index-section-f3 .num-cont ul li{width:50%;float:left;text-align: center;height: 10.8rem;border-right: 1px solid #87a2b8;
    border-bottom: 1px solid #87a2b8;
    box-sizing: border-box;}
.index-section-f3 ul li:nth-child(2n){border-right:none;}
.index-section-f3 ul li:nth-child(5),.index-section-f3 ul li:nth-child(6){border-bottom:none;}
.index-section-f3 .num-cont{top:0; margin-top: 0;   width: 100%;position: static!important;}
.index-section-f3 .num-cont .num-box{width:1.2rem;display: inline-block;position: relative;}
.index-section-f3 .num-cont .num-box img{position: absolute;top: 50%;margin-top:-23px;font-size: 50px;left: -2px;}
.index-section-f3 .num-cont .num-box .ci-cont{font-size:16px;position: absolute;top: 50%;left: 0;margin-top: -24px;}
/*f4*/
.index-section-f4 h4:before{left:21%; }
.index-section-f4 h4:after {right:17%;}
.index-section-f4 .mobile{display: none}
.index-section-f4 .store-cont{position: static;}
.index-section-f4 ul{width: 90%;margin: 0 auto;border-top: 1px solid #eee;height: 36rem;}
.index-section-f4 ul li .yuan{display: block}
.index-section-f4 ul li .yuan .left,.index-section-f4 ul li .yuan .right,.index-section-f4 ul li .yuan .bottom,.index-section-f4 ul li .yuan .left-bottom{background: #ccc;width: 2px;height: 2px;border: 13px solid #fff;border-radius: 100%;position: absolute;}
.index-section-f4 ul li .yuan .left{left: -14.2px; top: -14px;}
.index-section-f4 ul li .yuan .right{right: -14.2px; top: -14px;}
.index-section-f4 ul li .yuan .bottom{right: -14.2px; bottom: -14px;}
.index-section-f4 ul li .yuan .left-bottom{left: -14.2px; bottom: -14px;}
.index-section-f4 ul li{width:50%;height: 6.9rem; float:left;border-bottom: 1px solid #eee;    border-right: 1px solid #eee;box-sizing:border-box;  -moz-box-sizing:border-box; /* Firefox */  -webkit-box-sizing:border-box; /* Safari */ }
.index-section-f4 ul li:nth-child(2n-1){border-left: 1px solid #eee;}
.index-section-f4 ul li  .img{margin:0 auto;width:11rem;}
.index-section-f4 ul li  .img  i{background: url(../images/store-logo.png) no-repeat;width: 11rem; height: 4rem; display: inline-block; margin-top: 1.5rem; opacity: 1; filter: alpha(opacity=100);}
.index-section-f4 ul li  .img  .icon-1{background-position: 0 -.9rem;background-size: 11rem;}
.index-section-f4 ul li  .img  .icon-2{background-position: 0 -5rem;background-size: 11rem}
.index-section-f4 ul li  .img  .icon-3{background-position: 0 -9rem;background-size: 11rem;}
.index-section-f4 ul li  .img  .icon-4{background-position: 0 -12.7rem;background-size: 11rem;}
.index-section-f4 ul li  .img  .icon-5{background-position: 0 -16.5rem;background-size: 11rem;}
.index-section-f4 ul li  .img  .icon-6{background-position: 0 -20.4rem;background-size: 11rem;}
.index-section-f4 ul li  .img  .icon-7{background-position: 0 -24rem;background-size:11rem;}
.index-section-f4 ul li  .img  .icon-8{background-position: 0 -28.3rem;background-size: 11rem;}
.index-section-f4 ul li  .img  .icon-9{background-position: 0 -32.2rem;background-size: 11rem;}
.index-section-f4 ul li  .img  .icon-10{background-position: 0 -36.8rem;background-size: 11rem;}
.index-section-f4 .cont .pc{display: none}
.index-section-f4 .cont .mobile{display: block}
.index-section-f4 .cont{width:100%;margin: 0 auto;}
.index-section-f4 .store-cont{top:5.8rem;left:5px;}
.index-section-f4 ul li.active  .img  i{display: none}
.index-section-f4 ul li .code-img {width:136px; position:absolute;top:50%;padding:10px;border-radius: 4px; margin-top:-76px; left:50%;margin-left:-68px;visibility: hidden;opacity: 0;-webkit-transition: all .8s; -moz-transition: all .8s; -o-transition: all .8s; transition: all .8s;z-index: 1000;box-sizing:border-box;  -moz-box-sizing:border-box; /* Firefox */  -webkit-box-sizing:border-box; /* Safari */ }
.index-section-f4 ul li .code-img p{padding-top:10px;}
.index-section-f4 ul li.active .code-img{visibility: visible;opacity: 1;    box-shadow: 0 0 5px 2px rgba(0,0,0,.1); background: #fff; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
/*f5*/
.index-section-f5 h4:before{left:26%; }
.index-section-f5 h4:after {right:23%;}
.index-section-f5 ul{padding:0 1rem;}
.index-section-f5 ul li.left-img {display: none}
.index-section-f5 ul li.left-img ,.index-section-f5 ul li.cont-two {margin-right:10px;width:100%;box-sizing:border-box;  -moz-box-sizing:border-box; /* Firefox */  -webkit-box-sizing:border-box; /* Safari */ }
.index-section-f5 ul li.cont-two .list{width:100%;height:auto;  display: block;  padding: 1rem 1rem;overflow: hidden; box-sizing:border-box;  -moz-box-sizing:border-box; /* Firefox */  -webkit-box-sizing:border-box; /* Safari */ }
.index-section-f5 ul li.cont-two .list{margin-bottom:10px;}
.index-section-f5 ul li.cont-two .list .p{border-bottom:1px solid #eeeeee;padding-bottom:24px;}
.index-section-f5 ul li.cont-stree .list{width:100%;height:auto;  display: block;  padding: 1rem 1rem;box-sizing:border-box;  -moz-box-sizing:border-box; /* Firefox */  -webkit-box-sizing:border-box; /* Safari */ }
.index-section-f5 ul li.cont-stree .list .left{width:26%;border-right:1px solid #eeeeee;}
.index-section-f5 ul li.cont-stree .list .left h3:after,.index-section-f5 ul li.cont-two .list .right h3:after{content: " "; display: block; border-bottom:1px solid #ccc; width:20px; margin:.3rem 0;}
.index-section-f5 ul li.cont-stree .list .right{width:73%;padding-left: 25px;box-sizing:border-box;  -moz-box-sizing:border-box; /* Firefox */  -webkit-box-sizing:border-box; /* Safari */ }
.index-section-f5 ul li.cont-stree .list{margin-bottom:10px;}
.index-section-f5 ul li.cont-stree .list:last-child{margin-bottom:0;}
.index-section-f5 ul li.cont-two .list .p{display: none}
.index-section-f5 ul li.cont-two .list .left{width:73%;padding-left: 25px; float:right;box-sizing:border-box;  -moz-box-sizing:border-box; /* Firefox */  -webkit-box-sizing:border-box; /* Safari */ }
.index-section-f5 ul li.cont-two .list .right{width:26%;float:left;border-right:1px solid #eee;box-sizing:border-box;  -moz-box-sizing:border-box; /* Firefox */  -webkit-box-sizing:border-box; /* Safari */ }
.index-section-f5 ul li.cont-stree{float: initial;}
.index-section-f5 ul li.cont-two .list img{top: 50%;right: 59%;margin-top: 1rem;}
.index-section-f5 ul li  .p p{height:auto;}

@media (min-width: 1024px){	
.ect-nav .cont ul{margin-left:40px;}    
/*首页*/
.index-banner .cont-box{position:absolute;z-index:4999;    width: 100%;left:0;top: 34%;}
.index-banner .cont-btn{position:absolute;z-index:4999;    width: 100%;left:0;top: 63%;}
.index-cont{margin-bottom:0;}
.index-banner .ban_v{position: absolute; left: 0; top: 0px; z-index: 1; width: 100%; height: 100%; background-image: url(../images/home_bg_s.png); background-size: cover;}
.index-banner{position: relative;
	    margin-top: 0;
    height: -webkit-calc(80vh);
    height: -moz-calc(80vh);
    min-height: 320px;
    z-index: 2;
    width: 100%;
    height: 100%;
    overflow: hidden;
    height: calc(80vh);
}
.index-banner .cont-box .img{width:780px;margin:0 auto 70px;}
.index-banner .pc{display: block;}
.index-banner .mobile{display: none}
.index-banner .btn{width:100%!important;}
.index-banner .btn a span img{left: 30px;margin-top: -13px;width: auto;}
.index-banner .cont{padding:263px 0 70px;}
.index-banner .btn a span{border:1px solid #fff;border-radius: 5px;position:relative; display: block;width:180px;height:50px; margin: 0 auto;line-height:50px;}
.index-banner .btn a span.down{margin-right: 14px;}
.index-banner .btn a span.user{margin-left: 14px;}
.index-banner .btn a span em{padding-left: 68px;font-size:18px;}
.index-banner-bottom  p{line-height:35px; padding: 0 295px;margin: 0 auto;}
/*f1*/
.title-xian h4:after,.title-xian h4:before {content: " "; display: block; border-bottom:1px solid #797979; width:68px; position: absolute;margin-left:-.8rem; top:50%; margin-top:-1px;}
.title-xian .tit-cont {padding:0 50px;line-height:1.8; display: block}
.index-section-f1 h4:before{left:35%; }
.index-section-f1 h4:after {right:34%;}
.index-section-f1 ul li{float: left;width: 290px;margin-right: 13px;background: #fff;border: 1px solid #e6e6e6;box-shadow: 0 1px 10px 0 rgba(0,0,0,.1);} 
.index-section-f1 ul {margin-right: -13px;padding: 0;}
.index-section-f1 ul li .cont{padding:26px 50px ;height: auto;}
.index-section-f1 ul li .detail{padding:30px 20px;}
.index-section-f1 ul li.active .detail .f1-line1{position: absolute; bottom: 116px; width: 20px; height: 2px;display: block}
.index-section-f1 ul li:nth-child(2n){margin-right:13px;}
.index-section-f1 ul li.active .detail{visibility: visible;opacity: 1;-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.index-section-f1 ul li.active .detail .f1-lnk{border-top: 1px solid #e3e2e5; position: absolute; bottom: 0px; left: 20px; right: 20px; text-align: center; font-size: 12px;}
.index-section-f1 ul li.active .detail .f1-lnk>span{position: relative; top: -10px; color: #2589ff; padding: 0 20px; background-color: #fff; transition: all .2s linear;}
.index-section-f1 ul li.active .detail .f1-l1{background-color: #0091fd;}
.index-section-f1 ul li.active .detail .f1-line1{position: absolute; bottom: 120px; width: 20px; height: 2px;}
/*f2*/
.index-section-f2 h4:before{left:35%; }
.index-section-f2 h4:after {right:34%;}
.index-section-f2 ul{padding: 0}
.index-section-f2 ul li{ float:left; width:238px; height:420px; margin:60px -1px 0 0; position:relative;-webkit-transition: top 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);-moz-transition: top 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);-ms-transition: top 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);-o-transition: top 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);transition: top 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);top:0;display: inline-block;border:1px solid #e6e6e6;}
.index-section-f2 ul li .left h5:after{content: " "; display: block; border-bottom:1px solid #e6e6e6; width:60px; margin:22px auto;}
.index-section-f2 ul li:hover{ cursor:pointer;}
.index-section-f2 ul li .cont{text-align: center;}
.index-section-f2 ul li .left{width:100%;float: none;padding: 0;background: none;border-right: none;}
.index-section-f2 ul li .cont p{display: block;}
.index-section-f2 ul li.active{ background:#0091fd; width:251px; height:439px; top: -14px;z-index: 7;-webkit-transition: top 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);-moz-transition: top 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);-ms-transition: top 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);-o-transition: top 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);transition: top 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);    box-shadow: 0 1px 10px 0 rgba(0,0,0,.1);}
.index-section-f2 ul li.active .left h5{color:#fff;}
.index-section-f2 ul li.active .left h5:after{content: " "; display: block; border-bottom:1px solid #33a7fd; width:140px; margin:22px auto;}
.index-section-f2 ul li.active .cont p{color:#fff;line-height:1.8;} 
.index-section-f2 ul li.active .cont p em{padding-left:40px;}
.index-section-f2 ul li.active .cont p img{position: absolute;top: 50%;margin-top: -3px;left: 30%;}
.index-section-f2 ul li .img .icon{width: 65px; height: 65px; display: inline-block; margin-top: 20px;margin-left: 0;  opacity: 1; filter: alpha(opacity=100);}
.index-section-f2 ul li .img .icon-1{ background: url(../images/icon01.png) no-repeat;background-position: 0 15px;}
.index-section-f2 ul li .img .icon-2{ background: url(../images/icon02.png) no-repeat;background-position: 10px 15px;}
.index-section-f2 ul li .img .icon-3{ background: url(../images/icon03.png) no-repeat;background-position: -6px  15px;}
.index-section-f2 ul li .img .icon-4{ background: url(../images/icon04.png) no-repeat;background-position: -4px 15px;}
.index-section-f2 ul li .img .icon-5{ background: url(../images/icon05.png) no-repeat;background-position: 0 15px;} 
.index-section-f2 ul li.active  .img .icon-1{background-position: -1px -47px;}
.index-section-f2 ul li.active  .img .icon-2{background-position: 9px -45px;}
.index-section-f2 ul li.active  .img .icon-3{background-position: -6px -43px;}
.index-section-f2 ul li.active  .img .icon-4{background-position: -5px -43px;}
.index-section-f2 ul li.active  .img .icon-5{background-position: 2px -43px;}

/*f3*/
.index-section-f3{background-image: url(../images/index-f3-bg.jpg);height: 800px;background-attachment: fixed;}
.index-section-f3 .cont{width:1140px;margin:0 auto;height:500px;}
.index-section-f3 .cont img{display: block}
.index-section-f3 .num-cont{top:50%; margin-top: -172px;   width: 100%;position:absolute!important;}
.index-section-f3 .num-cont ul li{width:33%;float:left;text-align: center;    height: 213px;border-right: none;border-bottom: none;}
.index-section-f3 ul{margin: 0;}
.index-section-f3 ul li .num{margin-top:0;}
.index-section-f3 ul li:nth-child(2n){border-right:none;}
.index-section-f3 .num-cont .num-box{width:32px;display: inline-block;position: relative;}
.index-section-f3 .num-cont .num-box img{position: absolute;top: 50%;margin-top:-44px;font-size: 50px;left: 4px;}
.index-section-f3 .num-cont .num-box .ci-cont{font-size:1.7rem;position: absolute;top: 50%;left: 12px;margin-top: -47px;}
/*f4*/
.index-section-f4 h4:before{left:32%; }
.index-section-f4 h4:after {right:31%;}
.index-section-f4 .cont .pc{display: block}
.index-section-f4 .cont .mobile{display: none}
.index-section-f4 .cont{width:1100px;margin: 0 auto;}
.index-section-f4 ul li{width:240px;height: 190px; float:left;    overflow: hidden;border-bottom: none;    border-right: none;}
.index-section-f4 ul li:nth-child(2n-1){border-left: none;}
.index-section-f4 ul li  .img{margin:0 auto;width: 168px;}
.index-section-f4 ul li  .img  i{background: url(../images/store-logo.png) no-repeat;width: 168px; height: 67px; display: inline-block; margin-top: 60px; opacity: 1; filter: alpha(opacity=100);}
.index-section-f4 ul li  .img  .icon-1{background-position: 0 -3px;background-size: auto;}
.index-section-f4 ul li  .img  .icon-2{background-position: 0 -72px;background-size: auto;}
.index-section-f4 ul li  .img  .icon-3{background-position: 0 -135px;background-size: auto;}
.index-section-f4 ul li  .img  .icon-4{background-position: 0 -192px;background-size: auto;}
.index-section-f4 ul li  .img  .icon-5{background-position: 0 -249px;background-size: auto;}
.index-section-f4 ul li  .img  .icon-6{background-position: 0 -306px;background-size: auto;}
.index-section-f4 ul li  .img  .icon-7{background-position: 0 -364px;background-size: auto;}
.index-section-f4 ul li  .img  .icon-8{background-position: 0 -427px;background-size: auto;}
.index-section-f4 ul li  .img  .icon-9{background-position: 0 -488px;background-size: auto;}
.index-section-f4 ul li  .img  .icon-10{background-position: 0 -557px;background-size: auto;}
.index-section-f4 ul{width: 100%;margin: 0 auto;border-top:none;height: auto;}
.index-section-f4 .store-cont {top: 200px;left: 5px;position:absolute;}
.index-section-f4 .mobile{display: block}
.index-section-f4 ul li.active .code-img{box-shadow: 0 0 5px 2px rgba(0,0,0,0);}
/*f5*/
.index-section-f5 h4:before{left:38%; }
.index-section-f5 h4:after {right:38%;}
.index-section-f5 ul li.left-img {display: block;}
.index-section-f5 ul li.left-img ,.index-section-f5 ul li.cont-two {width:396px;}
.index-section-f5 ul li.cont-two .list img{top: 50%;right: 67px;margin-top: 62px;}
.index-section-f5 ul li.cont-two .list .p{display: block}
.index-section-f5 ul li.cont-two .list{width:396px;height:235px;padding:25px 30px; box-sizing:border-box;  -moz-box-sizing:border-box; /* Firefox */  -webkit-box-sizing:border-box; /* Safari */ }
.index-section-f5 ul li.cont-two .list:hover,.index-section-f5 ul li.cont-stree .list:hover{box-shadow: 0 1px 10px 0 rgba(0,0,0,.1);}
.index-section-f5 ul li.cont-stree .list{width:396px;height:153px;padding:25px 30px; box-sizing:border-box;  -moz-box-sizing:border-box; /* Firefox */  -webkit-box-sizing:border-box; /* Safari */ }
.index-section-f5 ul li.cont-two .list .left{width:100%;float:initial;    padding-left: 0;}
.index-section-f5 ul li.cont-two .list .right{width:100%;float:initial;border-right:none;}
.index-section-f5 ul li.cont-stree{float: left;}
.index-section-f5 ul{padding:0;}
.index-section-f5 ul li.cont-stree .list .left h3:after{content: " "; display: block; border-bottom:1px solid #ccc; width:20px; margin:10px 0;}
.index-section-f5 ul li.cont-two .list .right h3:after{content: " "; display: block; border-bottom:none; width:0; margin:0;}
.index-section-f5 ul li .cont{width:396px;height:477px;overflow: hidden;}
.index-section-f4 ul li .yuan{display: none}
.index-section-f5 ul li .cont{display: block}
.index-section-f5 ul li .cont:hover img{transform: scale(1.05); transition: all .4s;}
.index-section-f5 ul li .cont img{transform: scale(1); transition: all .4s;}
.index-section-f5 ul li  .p p{height:42px;}
.new-title{bottom:50px;left:35px;width:100%;    border-left: 1px solid #fff;padding-left: 20px;}
.icon-news{background: url(../images/icon.png) no-repeat;width: 15px; height: 15px; display: inline-block; opacity: 1; filter: alpha(opacity=100);position:absolute;right: 100px;
    bottom: 2px;}
.icon-news.active{background-position: 0 -17px;}
}