@charset "utf-8";
*{ padding:0; margin:0;}
html,body{ font-family:Arial,'微软雅黑','宋体'; font-size:12px; color:#000; overflow-x: hidden;}
ul,li{ list-style:none;}
img{ border:none;}

/*banner*/
.banner_box{ width: 100%; float: left; position:absolute; z-index: 777;}
.banner_box a img{ float: left; width: 100%;}
/*nav*/
.top_box{width: 100%; float: left; z-index: 888; margin-top: 60px;}
.top_box2{ width: 1200px; margin: 0 auto;}
.logo{ width:auto; float: left; margin-top: 29px; margin-left: 45px;}
.nav_box{ width: auto; float: right; margin-top: 40px;}
.nav_box ul{ float: left;}
.nav_box ul li{ display: block;  float: left; padding: 20px;}
.nav_box ul li a{ display: block; text-decoration: none; color: #fff; }
.two_icon{ width:auto; float: right; margin-top: 50px;}
.two_icon a img{ padding: 4px 0px 0px 10px ; float: left; }
.two_icon a font{ padding: 15px 0px 0px 10px ; float: left; color: #000}

/*about*/
.aboutbox{ width: 100%; float: left; position: relative; z-index: 9;}
.about{ width: 1200px; margin: 0 auto;}
.about h1{ float: left; width: 100%; text-align: center; font-size: 40px; color: #ebebeb;}
.about h2{ float: left; width: 100%; color: #e83100; font-size: 28px; text-align: center; }
.aboutline{ float: left; width: 100%; height: 10px; text-align: center; margin-top: 20px; margin-bottom: 30px;}
.about h3{ margin: 0 auto; width: 950px; text-align: center; margin-top: 45px; line-height: 35px; font-size: 16px; color: #404040;margin-bottom: 30px; }
.about a{ margin: 0 auto; display: block; text-decoration: none; text-align: center; font-size: 15px; color: #858585; width: 120px; 
height: 35px; border-radius: 5px; border: #858585 1px solid; line-height: 35px;}
.aboutyoushibox{width: 100%; float: left; background-color:#f8f8f8; height: 278px; position:relative;  z-index:8; top: -70px;}
.aboutyoushi{width: 1200px; margin: 0 auto;}
.aboutyoushi ul{float: left; margin-top: 135px;}
.aboutyoushi ul li{ width: 298px; float: left; text-align: center; border-right: #e4e4e4 1px solid; height: 90px;}
.aboutyoushi ul li:nth-child(4){border-right: none}
.aboutyoushi ul li font{ width: 100%; float: left; font-size: 18px; color: #484848; margin-top: 10px;}

/*video*/
.shipinbox{ width: 100%; float: left; position: relative; z-index: 9;}
.shipin{ width: 1200px; margin: 0 auto;}
.shipin h1{ float: left; width: 100%; text-align: center; font-size: 40px; color: #ebebeb;}
.shipin h2{ float: left; width: 100%; color: #e83100; font-size: 28px; text-align: center; }
.shipinline{ float: left; width: 100%; height: 10px; text-align: center; margin-top: 20px; margin-bottom: 30px;}

/*service*/
.servicebox{ width: 100%; float: left;}
.service{ width: 1200px; margin: 0 auto;}
.service h1{ font-size: 28px; color: #e83100; margin-top: 50px;}
.service h1 a{ display: block; float: right; text-decoration: none; width: 120px; height: 40px; border: #b0b0b0 1px solid; text-align: center; 
color: #b0b0b0; font-size: 14px; line-height:40px; }
.service ul{ float: left;}
.service ul li{ width: 34.5%; float: left; margin-top: 30px;}
.service ul li:nth-child(3){ width: 31%;}
.service ul li h3{ width: 100%; float: left; font-size: 18px; margin-top: 10px;}
.service ul li h4{ width: 90%; float: left; font-size: 14px; color: #5e5e5e;margin-top: 10px; line-height: 25px;}

/*news*/
.newsbox{ width: 100%; float: left; margin-top: 90px; }
.news{ width: 1200px; margin: 0 auto;}
.news h1{ float: left; width: 100%; text-align: center; font-size: 40px; color: #ebebeb;}
.news h2{ float: left; width: 100%; color: #e83100; font-size: 28px; text-align: center; }
.news ul{float: left; width: 100%; margin-top: 30px;} 
.news ul li{ width: 298px; float:left; border: #eeeeee 1px solid; height: 500px; text-align: center;}
.news ul li img{ margin-top: 50px;}
.news ul li h3{ width: 80%; float: left; margin: 10% 10% 3% 10%; font-size: 16px;
overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news ul li h3 a{ text-decoration: none; color: #000;}
.news ul li h4{width: 80%; float: left; margin: 10%; text-align: justify; color: #5e5e5e; font-size: 14px; line-height: 25px;
overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.news h5{ width: 100%; float: left; margin-top: 45px;}
.news h5 a{display: block; margin: 0 auto; border-radius: 5px; text-decoration: none; width: 120px; height: 36px; border: #b0b0b0 1px solid; text-align: center; 
color: #b0b0b0; font-size: 14px; line-height:36px; }

/*hezuo*/
.hezuobox{ width: 100%; float: left; margin-top: 90px; height: 400px;}
.hezuo{ width: 1200px; margin: 0 auto;}
.hezuo h1{ float: left; width: 100%; text-align: center; font-size: 40px; color: #ebebeb;}
.hezuo h2{ float: left; width: 100%; color: #e83100; font-size: 28px; text-align: center; }
.hezuo ul{ width:1100px; float: left; margin-top: 20px; height: 240px;}
.hezuo ul li{width: 20%; margin-right: 10px; float: left;    text-align: center; height: 300px;  }
.hezuo ul li img{width: 150px; height: 30px; border: #e5e5e5 1px solid; padding: 30px 20px 30px 20px;}

/*滚动*/
.slideTxtBox2{width:1200px;margin:0 auto;margin-top:10px;}
.slideTxtBox2 .hd{height:36px;width:1000px;margin-bottom:20px;}
.slideTxtBox2 .hd ul{float:left;height:36px;}
.slideTxtBox2 .hd ul li{float:left;height:36px;text-align:center;line-height:38px;font-weight:bold;color:#008500;cursor:pointer;}
.slideTxtBox2 .hd ul li a{color:#02761b;}
.slideTxtBox2 .hd ul li a:hover{text-decoration:none;}
.slideTxtBox2 .hd ul li.on{color:#fff;background:url(../images/nabjj_12.jpg) no-repeat;}
.slideTxtBox2 .hd ul li.on a{color:#fff;}
.slideTxtBox2 .hd .btn{float:right;margin:8px 0 0 0;}
.slideTxtBox2 .hd .btn div{width:11px;height:20px;overflow:hidden;cursor:pointer;background:url(../images/arrow-left-right.gif) no-repeat;float:left;margin:0 10px 0 0;display:inline;}
.slideTxtBox2 .hd .btn .prev{background-position:0 0;}
.slideTxtBox2 .hd .btn .next{background-position:-11px 0;}
.slideTxtBox2 .bd{width:960px;height:178px;margin:0 auto;line-height:32px;text-align:center;}
.slideTxtBox2 .bd .hceg{width:176px;height:178px; margin-left:14px;}
.xpzs_box{width: 100%; float: left; }
.xpzs{ width: 1200px; margin: 0 auto;}
.xpzs h5{ margin-top: 60px; margin-bottom: 20px; font-size: 24px; color: #303030; text-align: center; font-size: 34px;}
.xpzs h6{ margin-top: 20px; margin-bottom: 40px; font-size: 24px; color: #303030; text-align: center; font-size: 16px; color: #9fa0a0;}

/*foot*/
.footbox{ width: 100%; float: left; height: 365px; background-color: #000000;}
.foot{ width: 1200px; margin: 0 auto;}
.foot ul{ float: left; width: 100%; height: 365px;}
.foot ul li{ width: 40%; float: left;text-align: center;}
.foot ul li:nth-child(3){ width: 20%;}
.foot ul li h1{ font-size: 24px; color: #d8d8d8; margin-top: 155px; text-align: left;}
.foot ul li h2{ font-size: 14px; color: #a5a5a5; margin-top: 10px;text-align: left;}
.foot ul li h3{ font-size: 20px; color: #d8d8d8; margin-top: 80px; margin-bottom: 30px;text-align: left;}
.foot ul li h4{ font-size: 14px; color: #a5a5a5; line-height: 35px;text-align: left;}
.foot ul li img{ margin-top: 77px;}
.foot ul li h5{ font-size: 16px; color: #d8d8d8; text-align: center;}
.foot ul h6{ width: 100%; float: left; text-align: center; font-size: 14px; color: #d8d8d8; margin-top: 40px;}