.app_title{text-align:center;font-size:40px;color:#333;padding:30px 0 0 0; background:url(/static/default/assets/img/hon5.png) no-repeat center bottom;padding-bottom:15px;font-weight:600;margin-bottom:40px;}
.app_title p{font-size:16px;color:#666;padding-top:8px;font-weight:normal;}


.Floor002671{ padding:0 0 50px;overflow:hidden;height:auto;}
.Floor002671 .h1_tab{text-align: center;}
.Floor002671 .h1_tab span{display: inline-block;line-height: 36px;text-align: center;padding:0 30px;border-radius: 18px;cursor: pointer;margin-bottom:2vw;font-size:16px;}
.Floor002671 .h1_tab span.on{color:#fff;background:#00a0e9;}
.Floor002671 .auto{ max-width:1440px;}
.Floor002671 li{ float:left; }
.Floor002671 li:nth-child(1),.Floor002671 li:nth-child(4){width:65%;height: 330px}
.Floor002671 li:nth-child(2),.Floor002671 li:nth-child(3){width:34%;height: 330px;}
.Floor002671 li:nth-child(1),.Floor002671 li:nth-child(3){float:left;}
.Floor002671 li:nth-child(2),.Floor002671 li:nth-child(4){float:right;}
.Floor002671 li:nth-child(1),.Floor002671 li:nth-child(2){margin-bottom:15px;}
.Floor002671 li a{ display:block; position:relative; overflow:hidden;}
.Floor002671 li .pic { overflow: hidden;}
.Floor002671 li .Ispic { display: block; width: 100%;height: 330px; transition:0.3s;}
.Floor002671 li:hover .Ispic { transform: scale(1.05);}
.Floor002671 li .txt{ position:absolute; left:0; top:0; height:100%; width:100%; z-index:10; transition:background 0.3s;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 40%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 40%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 40%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0a000000',GradientType=0 ); /* IE6-9 */}
.Floor002671 li .txt figure{ position:absolute; left:28px; right:28px; bottom:25px; color:#fff;width:80%;}
.Floor002671 li p{ margin:0;}
.Floor002671 li p.cn{ font-size:18px;margin-bottom:8px;}
.Floor002671 li p.dot2{font-size:14px;color:rgba(255,255,255,0.8);line-height: 23px;}
.Floor002671 li p.en{ font-family:Helvetica, sans-serif;}

@media (max-width:640px) {
.Floor002671 li:nth-child(1),.Floor002671 li:nth-child(4){width:50%;height: 240px}
.Floor002671 li:nth-child(2),.Floor002671 li:nth-child(3){width:50%;height: 240px;}
.Floor002671 li .Ispic{ display: block; width: 100%;height: 240px; transition:0.3s;}
.Floor002671 li:nth-child(1),.Floor002671 li:nth-child(2){margin-bottom:2px;}
.Floor002671 li:nth-child(1),.Floor002671 li:nth-child(3){border-right:2px solid #fff;}
}

.incp_title{text-align:center;font-size:40px;color:#333;padding:70px 0 0 0; background:url(/static/default/assets/img/hon5.png) no-repeat center bottom;padding-bottom:15px;font-weight:600;margin-bottom:40px;}
.incp_title p{font-size:16px;color:#666;padding-top:8px;font-weight:normal;}



.ho_prod{width:auto;height:auto;overflow:hidden;}
.ho_prod ul{overflow:hidden;margin:0 -20px;}
.ho_prod li{float:left;width:calc(50% - 40px);margin:0 20px 40px 20px;height:auto;overflow:hidden;background:#f9f9f9;}
.ho_prod li .pic{float:left;width:300px;height:auto;overflow:hidden;}
.ho_prod li .pic img{width:100%;height:auto;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s}
.ho_prod li .conn{float:right;width:calc(100% - 330px);height:auto;overflow:hidden;padding:30px 20px 0 0;}
.ho_prod li .title{font-size:25px;color:#00479d;position:relative;padding-bottom:8px;font-weight:500;}
.ho_prod li .title:after {width: 50px;height: 2px;overflow: hidden;content: "";position: absolute;z-index: 30;bottom: 0px;left: 0px;background-color:#dc1a1a ;transition: all .3s linear;}
.ho_prod li .tedian{font-size:14px;color:#666;line-height:170%;padding-top:12px;}
.ho_prod li .nav_more{width:100px;line-height:30px;border:1px solid #ccc;background:#fff;text-align:center;font-size:13px;color:#888; border-radius:20px;margin-top:20px;}
.ho_prod li:hover  .title:after{width: 32%;}
.ho_prod li:hover  .nav_more{background:#00479d;color:#fff;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.ho_prod li:hover  .nav_more a{color:#fff;}
.ho_prod li:hover .pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}

@media screen and (max-width: 640px) {
.incp_title{font-size:40px;color:#333;padding:30px 0 0 0;}
.ho_prod ul{overflow:hidden;margin:0 0;}
.ho_prod li{float:left;width:100%;margin:0 0 10px 0;height:auto;overflow:hidden;background:#f9f9f9;}
.ho_prod li .pic{float:left;width:200px;height:auto;overflow:hidden;}
.ho_prod li .conn{float:right;width:calc(100% - 220px);height:auto;overflow:hidden;padding:30px 20px 0 0;}
.ho_prod li .tedian{display:none;}
}

/*---home about---*/
.inabox{width:auto;height:auto;overflow:hidden;}
.inabo_ban{width:100%;height:500px;background:url(/static/default/assets/img/inabo_1.jpg) center no-repeat;}

.inabo{width:1360px;margin:1px auto;height:auto;overflow:hidden;padding:50px 70px 50px 70px;background:#fff;position:relative; z-index:10;top:-100px;box-shadow:rgba(0,0,0,0.15) 0px 0px 15px; border-radius:8px;}
.abo_con{font-size:16px;color:#666;line-height:180%;}

.inabo_title{font-size:18px;color:#fff;background:url(../images/hon2.png) no-repeat left center;padding-left:35px;}
.inabo_title1 {font-size:45px;color:#FFF; font-weight:500;padding-top:70px;text-align:center;font-weight:600;}
.inabo_title1 p{font-size:26px;padding-top:8px; letter-spacing:0.8px; font-family:Arial, Helvetica, sans-serif;color:#FFF;font-weight:normal;}

.inabo_con{font-size:15px;color:rgba(255,255,255,0.8);padding-top:50px; background:url(../images/hon6.png) no-repeat bottom left;padding-bottom:10px;line-height:170%;}


.inabo_more{width:240px;height:auto;border:1px solid rgba(255,255,255,0.5);overflow:hidden;font-size:20px;color:#fff;text-align:center; border-radius:30px;margin:40px auto 0 auto; letter-spacing:2px;padding:8px 0;}



.inabo_nav{width:auto;height:auto;overflow:hidden;margin-top:50px;}
.inabo_nav li{float:left;width:calc(25% - 40px);margin:0 20px;height:auto;overflow:hidden;border:1px solid #fff; border-radius:8px;padding:20px 20px;}
.inabo_nav li .ron-ico {float:left;width:55px;height:auto;overflow: hidden;margin-left:15px;padding-top:5px;}
.inabo_nav li .ron-txt{float:left;width:auto;overflow:hidden;padding-left:10px;}

.inabo_nav li .ron-txt h3 {
    font-size: 26px;
    color: #fff;
}
.inabo_nav li .ron-txt span {
    display: block;
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
    line-height: initial;font-family: Arial;
    margin-top: 5px;
}


.abo_pic{width:auto;height:auto;overflow:hidden;margin-top:30px;}
.abo_pic ul{overflow:hidden;margin:0 -15px;}
.abo_pic li{float:left;width:calc(25% - 30px);margin:0 15px;height:auto;overflow:hidden;}
.abo_pic li img{width:100%;height:202px;}
/*---inabout--*/


@media (max-width: 640px) {
.inabo_ban{display:none}

.inabo{width:auto;padding:10px 10px 10px 10px;top:0px;}
.abo_pic li{width:calc(50% - 20px);margin:0 10px 20px 10px;height:auto;overflow:hidden;}
.abo_pic li img{width:100%;height:140px;}
}