body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input,figure { margin: 0;padding: 0; }

*{margin: 0;padding: 0; font-family: '微软雅黑'; }
body { -webkit-overflow-scrolling: touch; text-align:left;max-height: 100%; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 14px;color: #666;
 }
a{ text-decoration: none; outline: none; color: #666;}
li { list-style: none;}
img { border: none; max-width:100%;}
input, select, textarea { border: none; outline: none; background: none;}
em,i { font-style: normal;}
h1, h2, h3, h4, h5, h6 { font-weight: normal;}
p{ color: #888888;}
.image{ width:100%; height: 100%;}
.clear{clear: both;}
.over-h{overflow: hidden;}
.left{ float: left;}
.right{ float: right;}
.is-center{ text-align: center;}
.container{ width:1200px; margin:0 auto;}
.white{ color: #fff;}
.color01{ color: #2b2b2b;}
.text-hidden{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.padding{ padding:100px 0 60px;}
.padding01{ padding:70px 0;}
.no-wrap{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.two-wrap{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.color5{ color: #555555;}
.auto{ margin:0 auto;}
.mt20{ margin-bottom:20px;}
.pt50{ padding-bottom:50px;}
.pp50{ padding-top:50px;}
.bg{ background:#fafafa;}
.pl{ margin-left:98px;}
.pt{ padding-bottom:80px;}
.pp20{ padding:20px;}
.pt30{ padding-bottom:30px;}

#hang{ position: fixed; top:500px; right:50px; z-index: 99999999;}
#hang .cont{ background: #fff;border: solid 1px #e0e1e5;border-radius: 5px;padding: 15px;
z-index: 999;box-shadow: 0 1px 3px #ccc;}
#hang .cont .tel-hover{ width:146px;}
#hang .cont .tel-hover .name{ font-size: 15px; color: #f27e2f; font-weight: bold; }
#hang .cont .tel-hover p{ line-height: 24px;color: #f27e2f;font-size: 20px;font-weight: bold; margin-top: 5px;}
#hang .cont .hang-hover{ width:140px; height:140px; margin-top:10px;}
#hang .cont img{ display: block; width:100%; height:100%;}

.header{ height:138px; background:#f6f6f6;}
.header .logo{ width:200px; height:100px; margin:10px 0;overflow: hidden;}
.header .tel{ width:200px; background:url(../img/tel.jpg) no-repeat left 40px; background-size: 46px 46px; padding-left:50px; padding-top:40px;}
.header .tel p{ line-height: 28px; color: #ff393f; font-size: 16px;}
.header .tel .number{ font-size: 22px;}
.navi{ height:46px; background:#f3f3f3; border-top:solid 2px #ef680c; padding-top:4px;}
.navi ul{ text-align: center; }
.navi ul li{ width:139px; text-align: center; height:46px; line-height: 46px; display: inline-block;position: relative;}
.navi ul li.active{ margin-top:-10px; width:139px; height:46px; background:url(../img/index.png) no-repeat left top; padding-top:10px;}
.navi ul li.active>a{ color: #fff;}
.navi ul li>a:hover{margin-top:-10px; width:139px; height:46px; background:url(../img/index.png) no-repeat left top; padding-top:10px; color: #fff; }
.navi ul li>a{ display: block; font-size: 16px; color: #2b2b2b;}
.navi ul li .li-hover{ display: none; position: absolute; left: 0; z-index: 9999;}
.navi ul li:hover .li-hover{display: block;}
.navi ul li .li-hover dl{ width:139px; background:#fff;box-shadow: 0 0 10px #ccc; padding:10px 0;}
.navi ul li .li-hover dl dt{ height:34px; line-height: 34px;}
.navi ul li .li-hover dl dt>a{ display: block; height:34px; padding:0 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition: all 0.5s;}
.navi ul li .li-hover dl dt>a:hover{ background:#f27e2f; color: #fff; transition: all 0.5s;}
.navi ul li:hover{margin-top:-10px; width:139px; height:46px; background:url(../img/index.png) no-repeat left top; padding-top:10px; color: #fff;}
.navi ul li:hover .f{color: #fff;}

.banner{ position: relative; width:100%; overflow-x: hidden;background:#f2f2f2; max-height: 520px;border-radius: 5px; overflow: hidden;}
.model{ width:1362px; margin:0 auto;}
.service-index{width:224px;}
.service-index .service-item{ width: 202px; height: 40px;background: url(../img/title-bgbg.jpg)no-repeat;color: #fff; font-size: 18px;font-style: italic; padding-left: 22px;padding-top: 20px;}
.service-index .service-item span{ font-size: 14px; padding-left:10px;}
.service-index{ background:#fa8a3e; margin-top:60px; height:416px; overflow: hidden;}
.service-index ul{ margin-top:-4px;padding-bottom: 5px;}
.service-index ul li{ overflow: hidden;position: relative;padding:15px 7px;transition: all 0.5s;}
.service-index ul li .icon{ width:52px; height:52px; overflow: hidden; float: left;}
.service-index ul li p{width:110px; line-height: 24px; color: #fff; font-size: 16px; float: left; }
.service-index ul li::after{ content: ""; width:210px; height:1px; background:#fff; position: absolute; left: 7px; bottom:0;}
.service-index ul li:hover{ background:#a66b44; transition: all 0.5s; }
.service-index ul li a{ display: block;}
.service-index ul .active{background:#a66b44; }
.model .company-index{ width:633px; height: 416px; margin:60px 23px 0 21px; position: relative; overflow: hidden;}
.model .company-index .company-img{ width:633px; height:415px; overflow: hidden; position: absolute; left: 0; top: 0; right:0;}
.model .company-index .cont{ position:absolute; width:633px; height:203px; border-top:solid 6px #ea7c31; background:rgba(133, 53, 5, 0.6); left:0; top:0; right:0;}
.model .company-index .cont .title{ text-align: center; padding-top:20px;}
.model .company-index .cont .title span{ display: inline-block; color: #fff; border-bottom:solid 1px #fff; font-size: 20px; padding-bottom:3px;}
.model .company-index .cont .title span b{ font-weight:normal; font-size: 14px; padding-left:10px; }
.model .company-index .cont .about{  margin:30px 20px 0 20px; width:594px; height:80px; overflow: hidden;}
.model .company-index .cont .about p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;line-height: 26px; color: #fff; }
.model .contact-index .title{ width:283px; height:53px; padding-left:10px; padding-top:22px; color: #fff; font-size: 20px;font-style: italic;
 background:url(../img/contact-title.png) no-repeat;}
.model .contact-index .title span{font-size: 14px; padding-left:10px; }
.model .contact-index{ width:363px; height:426px; margin-top:60px; background:url(../img/contactus.png)no-repeat; overflow: hidden; }
.model .contact-index p{ line-height: 32px; color: #fff; padding-left:10px; width:270px;}
.model2{ padding-top:20px; margin-left:-20px;}
.model2 .cont { width:380px; margin-left:20px; float: left; margin-bottom:20px;}
.model2 .cont .top{ height:40px; position: relative;}
.model2 .cont .top .name{ font-size: 16px; padding-left:15px; color: #000; width:70%; height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.model2 .cont .top .name::before{ width:2px; height:25px; background:#f27e2f; position: absolute;left: 5px; top:0; content: "";}
.model2 .cont .top .more-btn{line-height: 26px; padding-right:5px; width:80px; text-align: right;}
.model2 .cont .top .more-btn a{ display: block;}
.model2 .cont .top .more-btn a:hover{text-decoration: underline;color: #f27e2f;transition: all 0.3s; }
.model2 .cont .bot{ height:376px; overflow: hidden;}
.model2 .cont .bot .bot-img{ width:380px; height:160px; overflow: hidden; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.model2 .cont .bot .about{width:378px; height:210px;overflow: hidden; border:solid 1px #cccccc;border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;
border-top:none; transition: all 0.5s;}
.model2 .cont .bot .about p{ width:350px; padding:8px 14px; line-height: 28px; text-align: justify; color: #666; font-size: 15px;}
.model2 .cont:hover .bot .about{border:solid 1px #fa8a3e; border-top:none; transition: all 0.5s;}
.footer{ background:#e27023; padding:10px 0;margin-top: 80px;}
.footer p{ color: #fff; line-height: 26px; text-align: center;}

.inner .links{ height:40px; border-bottom:solid 1px #dddddd; position: relative; margin-top:18px;}
.inner .links .name{ font-size: 18px; line-height: 40px; padding-left:8px; color: #000;}
.inner .links .name span{ padding-left: 15px;;}
.inner .links .name::before{ content: ""; height:28px; width:3px; background:#e27023; position: absolute; left:5; top:7px; border-radius: 5px;}
.inner .links .address a{ padding:0 5px; line-height: 40px;}
.inner .links .address a.active{ color: #e27023;}
.inner .company{ padding:20px;}
.inner .company p{ font-size: 16px; line-height: 26px;}
.service-detail{ width:945px;}
.service-list{ padding:20px 10px;}
.service-list ul li{ width:925px; height:42px; line-height: 42px; border-bottom:dashed 1px #ccc; overflow: hidden;}
.service-list ul li span{ float: right;}
.service-list ul li p{ float: left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; width:830px; color: #666; padding-left:5px;  }
.service-list ul li a{ display: block; }
.service-list ul li:hover{border-bottom:dashed 1px #e27023;}
.service-list ul li:hover p, .service-list ul li:hover span{ color: #e27023;}
.service-about .name{ text-align: center; padding:30px 20px; font-size: 20px; color: #333;}
.service-about .about{ padding:0 20px 20px 20px;}
.service-about .about p{ line-height: 26px; text-align: justify;}
.service-about ul{ padding:0 20px;}
.service-about ul li{ line-height: 30px; color: #333; font-weight: 500;}
.service-about ul li a:hover{ color: #e27023;}
.honor ul{ padding:30px 0;}
.honor ul li{ width:356px; height:218px; border:solid 1px #ccc; position: relative; float: left; margin-left:28px; margin-bottom:28px;transition: all 0.5s;}
.honor ul li:hover{ border:solid 1px #e27023; transition: all 0.5s;}
.honor ul li .honor-img{ width:356px; height:218px; overflow: hidden; position: absolute;left: 0; top: 0; z-index: 666;}
.honor ul li .honor-img img{transform: scale(1)}
.honor ul li:hover .honor-img img{transform: scale(1.1);transition: all 0.5s;}
.honor ul li p{ width:356px; height:40px; background:rgba(242,126,42,0.6); color: #fff; line-height: 40px; text-align: center; 
position: absolute; left:0; bottom:0; right:0; z-index: 999; }
.honor-detail{ padding:20px;}
.honor-detail .name{ font-size: 20px; padding:30px 0 0; text-align: center; color: #333;}
.honor-detail .about{ padding-bottom:20px;}
.honor-detail .about p{ line-height: 26px; font-size: 16px; color: #666;}
.honor-detail ul li{ line-height: 30px; color: #333; font-weight: 500;}
.honor-detail ul li a:hover{ color: #e27023;}
#myform { padding:60px 0 80px 100px;}
#myform p{ padding-bottom:15px;}
#myform p label{ width:120px; text-align: right; float: left; line-height: 32px; color: #333;}
#myform p input{ width:170px; height:32px; padding:0 5px; line-height: 32px; background:#fff; border:solid 1px #e3e3e3;}
#myform p textarea{ width:500px; height:150px; background:#fff;border:solid 1px #e3e3e3;}
#myform p button{ width:132px; height:40px; margin-left: 120px; background:#e27023; color: #fff; text-align: center; line-height: 40px;border:none;outline: none;}
.contact p{ line-height: 28px; color: #333; font-size: 15px;}
.news{ padding:10px;}
.news ul li{ width:1180px; height:42px; line-height: 42px; border-bottom:dashed 1px #ccc; overflow: hidden;}
.news ul li span{ float: right;}
.news ul li p{ float: left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; width:830px; color: #666; padding-left:5px;  }
.news ul li a{ display: block; }
.news ul li:hover{border-bottom:dashed 1px #e27023;}
.news ul li:hover p, .news ul li:hover span{ color: #e27023;}
.honor-detail .time{ text-align: center; padding:15px 0 30px;}

/* 页码 */
.page .pageoption{text-align: center;margin: 20px 0;margin-top: 50px;}
.page .pageoption ul li{display: inline-block;margin: 0 3px;}
.page .pageoption ul li a{display: block}
.page .pageoption ul li span{display: block;padding: 5px 10px;border:1px solid #efefef;}
.page .pageoption ul .current{background: #e27023}
.page .pageoption ul .current span{color: #fff;border:1px solid #e27023;}
.page .pageoption ul li a:hover{background: #e27023}
.page .pageoption ul li a:hover span{color: #fff;border:1px solid #e27023;}


.min-cont{min-height: 400px;}
.mt50{margin-top: 50px;}
.news-lists ul{margin: 10px 0;}
.news-lists li a{display: block}
.news-lists li p{width: 65%!important;font-size: 14px!important;padding: 2px 10px!important;;;}
.news-lists li  span{width: 21%;font-size: 13px;line-height: 28px;padding: 2px 10px;}
.news-lists li:hover p{color: #e27023!important;; transition: all 0.3s;}
.news-lists li:hover span{color: #e27023; transition: all 0.3s;}

.limit-h{max-height: 320px;overflow: hidden;}