﻿.mnSubBg{border-bottom:0px #ccc solid; background-color:rgba(255, 255, 255, 0.98); z-index:111;top:70px; position:fixed; display:none; zoom:1; width:100%; overflow:hidden; /*box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);*/}


/*aboutus
.nav_aboutbg{width:100%; background:linear-gradient(to right, #ffffff 52%, #f9f9f9 0%);}
.nav_about{width:1300px; overflow:hidden; position:relative; padding:80px 0; margin:0 auto;}
.nav_about_left{float:left; width:50%;}
.nav_about_left p{ font-size:12px; margin-bottom:20px;}
.nav_about_left ul{overflow:hidden; letter-spacing:-8px;}
.nav_about_left ul li{letter-spacing:normal; display:inline-block; width:45%; font-size:14px; line-height:20px; vertical-align:top;}
.nav_about_left ul li h2{font-size:22px; font-weight:700; margin-bottom:5px; font-family:Tahoma, Geneva, sans-serif;}
.nav_about_left ul li:not(:nth-of-type(2n)){margin-right:10%;}
.nav_about_left ul li:nth-child(n+3){margin-top:10%;}
*/
.divtest{
    position: absolute;
    top: 110px;
    right: 50px;
    height: 2px;
    width: 10px;
    padding-left: 110px;
    background:#fff;
    line-height: 120px;
}
.divtest:before{
   content: '';
    position: absolute;
    top: -3px;
    right: -1px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
}


/*aboutus*/
.nav_aboutbg{width:100%; background:linear-gradient(to right, #075eb1 20%, #757475 0%); }
.nav_about{width:1300px; overflow:hidden; position:relative; margin:0 auto; display:flex; align-items:stretch;/*最后两个作用使两边的div高度一样*/}

.nav_about_left{ width:100%; display:flex; align-items:stretch;/*最后两个作用使两边的div高度一样*/}
.nav_about_left ul{overflow:hidden;float:left; width:21.7%; overflow:hidden; background:#075eb1; padding:50px 4% 50px 0; color:#FFF; position:relative;}
.nav_about_left ul p{ font-size:24px; line-height:45px; text-align:right; text-transform:uppercase; font-weight:700;}
.nav_about_left ul h3{}

.nav_about_left ul li{width:100%; font-size:16px; line-height:45px; font-weight:700; cursor:pointer}
.nav_about_left ul li i{margin-right:6px; border:solid black;border-width:0 2px 2px 0;display: inline-block;padding:3px;transform: rotate(315deg);-webkit-transform: rotate(315deg); border-color:#333; margin-bottom:2px; float:right; top:19px; position:relative;}
.nav_about_left ul li:hover{color:#e67813;}
.nav_about_left ul li:hover i,.nav_about_left ul li.active i{margin-right:6px; border:solid black;border-width:0 2px 2px 0;display: inline-block;padding:3px;transform: rotate(315deg);-webkit-transform: rotate(315deg); border-color:#e67813; margin-bottom:2px; float:right; top:19px; position:relative;}
.nav_about_left ul li.active{color:#e67813;}

.nav_about_right{float:right; width:67.3%; overflow:hidden; padding:50px 5% 50px 4%; color:#FFF;}
.nav_about_right_top{ padding-bottom:40px; margin-bottom:40px; border-bottom:1px #999 solid; overflow:hidden;}
.nav_about_right_top_txt{ font-size:14px; width:100%; line-height:24px;}
.nav_about_right_top_txt img{ display:inline-block; max-width:30%; width:auto; height:auto; margin:0 15px 15px 0;}

#nav_about_rightul{overflow:hidden; letter-spacing:-8px; width:100%;  background:none; padding:0px;}
#nav_about_rightul li{display:inline-block; vertical-align:top; letter-spacing:normal; line-height:1.5; font-size:16px; width:22.75%; color:#FFF; font-weight:normal;}
#nav_about_rightul li:not(:nth-of-type(4n)){margin-right:3%;}
#nav_about_rightul li:nth-child(n+5){margin-top:20px;}
#nav_about_rightul li a{color:#FFF;}
#nav_about_rightul li a:hover{color:#075eb1;}




.nav_btn{margin-top:15px; font-weight:normal; font-size:12px; width:140px; height:30px; line-height:30px; background:#193c82; border-radius:15px; text-align:center; color:#FFF;}
.nav_btn:hover{background:#e67813; }

/*product*/
.nav_prodbg{width:100%; background:linear-gradient(to right, #075eb1 20%, #757475 0%); }
.nav_prod{width:1300px; overflow:hidden; position:relative; margin:0 auto; display:flex; align-items:stretch;/*最后两个作用使两边的div高度一样*/}

.nav_prod_left{ width:100%; display:flex; align-items:stretch;/*最后两个作用使两边的div高度一样*/}

.nav_prod_left ul{overflow:hidden;float:left; width:23.2%; overflow:hidden; background:#075eb1; padding:50px 2% 50px 0; color:#FFF;}
.nav_prod_left ul a{color:#FFF;}
.nav_prod_left ul a:hover{color:#e67813;}
.nav_prod_left ul p{ font-size:14px; margin-bottom:20px;}
.nav_prod_left ul li{width:100%; font-size:16px; line-height:45px; cursor:pointer}
.nav_prod_left ul li i{margin-right:6px; border:solid #fff;border-width:0 2px 2px 0;display: inline-block;padding:3px;transform: rotate(315deg);-webkit-transform: rotate(315deg); border-color:#fff; margin-bottom:2px; float:right; top:19px; position:relative;}
.nav_prod_left ul li:hover{color:#e67813;}
.nav_prod_left ul li:hover i,.nav_prod_left ul li.active i{margin-right:6px; border:solid black;border-width:0 2px 2px 0;display: inline-block;padding:3px;transform: rotate(315deg);-webkit-transform: rotate(315deg); border-color:#e67813; margin-bottom:2px; float:right; top:19px; position:relative;}
.nav_prod_left ul li.active{color:#e67813;}
.nav_prod_left ul li.active a{color:#e67813;}

.nav_prod_right{float:right; width:65.8%; overflow:hidden; padding:50px 5% 50px 4%;color:#FFF;}
.nav_prod_right_top{ padding-bottom:40px; margin-bottom:40px; border-bottom:1px #999 solid; overflow:hidden;}
.nav_prod_right_top_left{ font-size:16px; line-height:1.2; float:left; margin-right:4%; width:21%;}
.nav_prod_right_top_right{ font-size:14px; float:right; width:75%; line-height:24px;}
.nav_prod_right_top_right img{ display:inline-block; width:auto; max-width:100%;}

#nav_prod_rightul{overflow:hidden; letter-spacing:-8px; width:100%;  background:none; padding:0px;}
#nav_prod_rightul li{vertical-align:top; letter-spacing:normal; line-height:1.5; width:30%; display:inline-block; font-size:16px; font-weight:normal;}
#nav_prod_rightul li:not(:nth-of-type(3n)){margin-right:5%;}
#nav_prod_rightul li:nth-child(n+4){margin-top:15px;}
#nav_prod_rightul li a{color:#FFF;}
#nav_prod_rightul li a:hover{color:#075eb1;}




/*news*/
.nav_newsbg{width:100%; background:linear-gradient(to right, #ffffff 20%, #f9f9f9 0%);}
.nav_news{width:1300px; overflow:hidden; position:relative; margin:0 auto; display:flex; align-items:stretch;/*最后两个作用使两边的div高度一样*/}

.nav_news_left{ display:flex; align-items:stretch;/*最后两个作用使两边的div高度一样*/}

.nav_news_left ul{overflow:hidden;float:left; width:24%; overflow:hidden; background:#FFF; padding:50px 2% 50px 0;}
.nav_news_left ul p{ font-size:12px; margin-bottom:20px;}
.nav_news_left ul li{width:100%; font-size:16px; line-height:45px; font-weight:700; cursor:pointer}
.nav_news_left ul li i{margin-right:6px; border:solid black;border-width:0 2px 2px 0;display: inline-block;padding:3px;transform: rotate(315deg);-webkit-transform: rotate(315deg); border-color:#333; margin-bottom:2px; float:right; top:19px; position:relative;}
.nav_news_left ul li:hover{color:#e67813;}
.nav_news_left ul li:hover i,.nav_news_left ul li.active i{margin-right:6px; border:solid black;border-width:0 2px 2px 0;display: inline-block;padding:3px;transform: rotate(315deg);-webkit-transform: rotate(315deg); border-color:#e67813; margin-bottom:2px; float:right; top:19px; position:relative;}
.nav_news_left ul li.active{color:#e67813;}

.nav_news_right{float:right; width:65%; overflow:hidden; padding:50px 5% 50px 4%;}
.nav_news_right_top{ padding-bottom:40px; margin-bottom:60px; border-bottom:1px #ddd solid; overflow:hidden;}
.nav_news_right_top_left{ font-size:16px; line-height:1.2; font-weight:700; float:left; margin-right:4%; width:26%;}
.nav_news_right_top_right{ font-size:14px; float:right; width:70%; line-height:24px;}

#nav_news_rightul{overflow:hidden; letter-spacing:-8px; width:100%;  background:none; padding:0px;}
#nav_news_rightul li{vertical-align:top; letter-spacing:normal; line-height:1.5; width:45%; display:inline-block; font-size:16px; font-weight:normal;}
#nav_news_rightul li:not(:nth-of-type(2n)){margin-right:10%;}
#nav_news_rightul li:nth-child(n+3){margin-top:15px;}




/*project*/
.nav_projectbg{width:100%; background:linear-gradient(to right, #ffffff 20%, #f9f9f9 0%);}
.nav_project{width:1300px; overflow:hidden; position:relative; margin:0 auto; display:flex; align-items:stretch;/*最后两个作用使两边的div高度一样*/}

.nav_project_left{ display:flex; align-items:stretch;/*最后两个作用使两边的div高度一样*/}

.nav_project_left ul{overflow:hidden;float:left; width:24%; overflow:hidden; background:#FFF; padding:50px 2% 50px 0;}
.nav_project_left ul p{ font-size:12px; margin-bottom:20px;}
.nav_project_left ul li{width:100%; font-size:16px; line-height:45px; font-weight:700; cursor:pointer}
.nav_project_left ul li i{margin-right:6px; border:solid black;border-width:0 2px 2px 0;display: inline-block;padding:3px;transform: rotate(315deg);-webkit-transform: rotate(315deg); border-color:#333; margin-bottom:2px; float:right; top:19px; position:relative;}
.nav_project_left ul li:hover{color:#e67813;}
.nav_project_left ul li:hover i,.nav_project_left ul li.active i{margin-right:6px; border:solid black;border-width:0 2px 2px 0;display: inline-block;padding:3px;transform: rotate(315deg);-webkit-transform: rotate(315deg); border-color:#e67813; margin-bottom:2px; float:right; top:19px; position:relative;}
.nav_project_left ul li.active{color:#e67813;}

.nav_project_right{float:right; width:65%; overflow:hidden; padding:50px 5% 50px 4%;}
.nav_project_right_top{ padding-bottom:40px; margin-bottom:40px; border-bottom:2px #ddd solid; overflow:hidden;}
.nav_project_right_top_left{ font-size:16px; line-height:1.2; font-weight:700; float:left; margin-right:4%; width:26%;}
.nav_project_right_top_right{ font-size:14px; float:right; width:70%; line-height:24px;}

#nav_project_rightul{overflow:hidden; letter-spacing:-8px; width:100%;  background:none; padding:0px;}
#nav_project_rightul li{vertical-align:top; letter-spacing:normal; line-height:1.5; width:45%; display:inline-block; font-size:16px; font-weight:normal;}
#nav_project_rightul li:not(:nth-of-type(2n)){margin-right:10%;}
#nav_project_rightul li:nth-child(n+3){margin-top:15px;}



/*services*/
.nav_servicetbg{width:100%; background:linear-gradient(to right, #ffffff 52%, #f9f9f9 0%);}
.nav_service{width:1300px; overflow:hidden; position:relative; padding:80px 0; margin:0 auto;}
.nav_service_left{float:left; width:100%;}
.nav_service_left p{ font-size:12px; margin-bottom:20px;}
.nav_service_left ul{overflow:hidden; letter-spacing:-8px;}
.nav_service_left ul li{letter-spacing:normal; display:inline-block; width:26.66%; font-size:14px; line-height:20px; vertical-align:top;}
.nav_service_left ul li h2{font-size:22px; font-weight:700; margin-bottom:5px;}
.nav_service_left ul li:not(:nth-of-type(3n)){margin-right:10%;}
.nav_service_left ul li:nth-child(n+4){margin-top:4%;}


@media screen and (max-width:768px) {
.mnSubBg{display:none;}
}




