@charset "utf-8";
/* CSS Document */

body,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;list-style:none;}
body{font:12px "Microsoft YaHei","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%; width:100%; height:100%; overflow:auto;}
input{font-family:"Microsoft YaHei","Arial","Arial Narrow",HELVETICA;}

a{color:#333;text-decoration:none}
a:hover{color:#e36c0a;text-decoration:none;}
em{font-style:normal}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
.fl{ float:left;}
.fr{ float:right;}
.cl,.clear{ clear:both;height:0;line-height:0;content:'.';display:block;visibility:hidden;}
.wrap{ width:1000px; margin:0 auto; padding:0 10px;}
.hand{cursor:pointer;}
.red{color:red;}
.red a{color:red;}
.darkblue{color:darkblue;}
.tag{color:#666;}
.mb10{margin-bottom:10px;}
.mbottom10{margin-bottom:10px;}
/*清除浮动*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}

.toTop {
    background: url(imgs/to-top.png) center center no-repeat;
    width: 48px;
    height: 48px;
    border: 0;
}

.wrapper{ width:100%; margin:0 auto; clear:both;}
/* 页头属性 */
header{background: #fff; width: 100%; }
.navmid{width:80%; margin: 0 auto; overflow:hidden; line-height:100px;}
.logo{ float:left; width:20%;}

/*导航*/
.rgnav{ width:70%; float:right;}
.rgnav .on a,.rgnav ul li:hover a{ color: #fff; background: #f08519; padding: 10px 20px; border-radius: 5px;}
.rgnav ul li{ float: left; width:14%; text-align:center; line-height: 100px;font-size: 16px;color: #333;}
.rgnav ul li a{color: #333;}
.rgnav ul li:hover{color: #e36c0a;}

/*滚动大图*/
.banner{position:relative;width:100%;margin:0 auto;}
.banner .bd ul{list-style:none;margin:0;padding:0}
.banner .bd ul li{text-align:center;}
.banner .bd ul li img{width:100%;}
.banner .hd{ width:100%; position:absolute; bottom:30px; text-align:center; }
.banner .hd ol{list-style:none;margin:0;padding:0}
.banner .hd ol li{ width:14px; height:14px; background-color:#aaa; display:inline-block; +display:inline; zoom:1; margin:0 1px; cursor:pointer; border-radius:50%; }
.banner .hd ol li.on{background:#e36c0a; }


.index_main{ width:100%; margin:0 auto; padding:10em 0 0; overflow:hidden;}

/*首页公司简介*/
.index_aboutIn{ width:80%; margin:0 auto; overflow:hidden;}
.index_aboutLeft{ float:left; width:55%;}
.index_aboutRight{ float:right; width: 40%; margin-top:15px;}
.index_aboutLeft i{ width: 20px; height: 4px; background: #f08519; display: inline-block; }
.index_aboutLeft h6{ font-size: 40px; text-transform: uppercase; font-family: Arial; color: #f08519; font-weight: normal; padding: .4em 0 0 0; box-sizing:border-box; }
.index_aboutLeft h6 span{ color:#353535; }
.index_aboutLeft h5{ font-weight: normal; font-size: 18px; }
.index_aboutLeft .index_aboutCon{ display: inline-block; padding: 3.5em 0; line-height: 2; font-size: 16px; }
.index_aboutLeft .more{ font-size: 16px; background: #f08519; padding: 10px 30px; box-sizing:border-box; color: #fff; display:inline-block;}


/*首页产品中心*/
.index_productIn,.index_NumberIn,.index_AdvanIn{ margin:0 auto;}
.index_productTitlt{ text-align:center; padding:0 0 68px 0; box-sizing:border-box;}
.index_productTitlt h6{ color:#e1e1e1; font-size:30px; font-weight:normal; line-height:1.8;text-transform: uppercase;}
.index_productTitlt h5{ color:#f08519; font-size:28px; font-weight:normal; letter-spacing: 2px;}
.index_productTitlt h5 span{ color:#353535;}
.index_productTitlt h3{ color:#353535; font-size:28px; font-weight:normal; letter-spacing: 2px;}
.index_productTitlt h3 span{ color:#f08519;}
.index_productTitlt h4{ color:#838383; font-size:16px; font-weight:normal; line-height:2.5;}

.index_productCon{ width:100%; margin:0 auto; overflow:hidden;}

.index_productLi ul li{ list-style: none; float: left; width: 25%; position: relative; }
.index_productLi ul li a img{ width: 100%; display:flex; }
.index_productLi ul li .ceng{ width: 100%; background: #000; position: absolute; opacity:.5; bottom: 0; padding:20px 0; text-align:center; box-sizing:border-box; }
.index_productLi ul li .showDetail{display: none; width: 100%; background: #fff; position: absolute; bottom: 0; text-align:center; box-sizing:border-box;}
.index_productLi ul li .ceng p{ color: #fff;}
.index_productLi ul li .p1{ font-size: 24px; line-height: 1.8;}
.index_productLi ul li .p2{ font-size: 18px; text-transform: uppercase; line-height: 1.8;  }
.index_productLi ul li .showDetail p{color: #f08519;}
.index_productLi ul li .showDetail .more{ padding:10px 20px; font-size:16px; margin-top:15px; box-sizing:border-box; border:1px solid #f08519; color:#f08519; display:inline-block;}



/*首页历程*/
.index_numberCon{ width: 60%; margin: 0 auto; overflow: hidden; display: flex; align-items: center; justify-content: space-between;}
.index_numberCon .index_numberLeft{ width:50%; float:left; text-align:right;}
.index_numberCon .index_numberRight{ width:40%; float:left;}
.index_numberRight ul li{ padding:20px 0; box-sizing:border-box;}
.index_numberRight ul li h6,.index_numberRight ul li p{ display:inline-block;}
.index_numberRight ul li h6{ padding: 10px 14px; box-sizing:border-box; background: #353535; color: #fff; font-size: 40px; font-family: Arial; }
.index_numberRight ul li p{ font-size: 24px; color: #838383; margin-left: 20px; }


/*首页产品优势*/
.index_AdvanIn .index_advanImg{ width:100%; margin:0 auto;}





/*内页大图*/
.ListBanner{ overflow: hidden; }

/*内页标题*/
.mainList{ width: 100%; margin: 0 auto 50px; overflow: hidden;}
.PageTitle{ width: 100%; margin: 0 auto; }
.PageTitle .TitleH6{ width: 70%; display: block; margin: 30px auto; line-height: 42px;}
.TitleH6 h6{ font-size: 32px; font-weight: normal; display: inline-block;}
.TitleH6 .location{ float: right; display: inline-block; font-size: 16px; color: #999; background: url(imgs/location.png) no-repeat left center; padding-left: 25px;}                                                                                                                                                                                                   
.TitleH6 .location p{ display: inline-block;  }
.TitleH6 .location a{ color: #999; }
.PageTitle .PageSubTitle{ border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; width: 100%; }
.PageSubTitle .ListTitle{ width: 70%; margin: 0 auto; }
.ListTitle .ListUl li{ float: left; margin-right: 60px; }
.ListTitle .ListUl li a{ font-size: 16px; line-height: 70px; }
.ListTitle .ListUl li a i{ width: 8px; height: 8px; border: 1px solid #999; border-radius: 50%; display: inline-block; margin-right: 5px; }
.ListTitle .ListUl li.current a{ color: #e36c0a; }
.ListTitle .ListUl li a:hover i,.ListTitle .ListUl li.current a i{ background: #e36c0a; border-color: #e36c0a; }

/*关于我们*/
.ListPage{ width: 100%; margin: 0 auto; }
.ListPage .AboutIn{ width: 70%; margin: 0 auto; }
.ListPage .AboutCon{ width:100%; margin: 20px 0; font-size: 16px; line-height: 1.8;}
/*.ListPage .AboutMap{ position: absolute; top: 0; left: 460px; }*/

/*资质证书&荣誉*/
.ListPage .AboutCert{ width: 70%; margin: 20px auto; overflow: hidden; }
.AboutImg ul li{ width: 20%; height: 312px; float: left; text-align: center; overflow: hidden; padding: 0 20px 20px 0; box-sizing: border-box;}
.AboutImg ul li .CertIn{ padding: 20px; box-sizing: border-box; border:1px solid #eaeaea; height: 286px; display: flex; flex-direction: row; justify-content: center;}
.AboutImg ul li a{ width: 100%; position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; }
.AboutImg img{ max-width: 100%; max-height: 250px; }
.AboutImg li a .TitleBg{ position: absolute; bottom: 0; left: 0; padding: 10px; width: 100%; text-align: left; background-color: rgba(0,0,0,.3); display: inline-block; box-sizing: border-box; }
.TitleBg p{ font-size: 14px; color: #fff; }

/*新闻资讯*/
.ListPage .NewList{ margin: 20px 0; overflow: hidden; }
.ListPage .NewList .NewTitle{ display: flex; justify-content: space-between; font-size: 12px; line-height: 2; }
.ListPage .NewList .NewTitle a{ font-size: 14px; color: #666; }
.ListPage .NewList .NewTitle span,.ListPage .NewList .NewNote{ font-size:12px; color: #999; }
.ListPage .NewList .NewNote{ line-height: 1.8; }
.ListPage .NewList .NewIn{ width:70%; margin:0 auto;}
.ListPage .NewList .NewIn h6{ font-size: 16px; color: #333; line-height: 3; text-align: center; }
.ListPage .NewList .NewIn .hits { font-size: 14px; color: #999; text-align: center; line-height: 2; }
.ListPage .NewList .NewIn .NewCon{ font-size: 14px; color: #666; line-height: 2; padding: 10px 0; box-sizing: border-box; }
.ListPage .NewList .NewIn .NewCon p{ text-indent: 2em; }


/*列表样式--新闻列表*/
.NewUl{ min-height:180px;}
.NewUl li{ padding:40px 0; box-sizing:border-box;}
.NewUl>li:nth-child(even){ background:#f6f6f6;}
.NewUl>li>div{ width:70%; margin:0 auto; overflow:hidden; }
.list_pic{ width:7%;}
.list_pic>div{ float:left;}
.list_pic .date>p:nth-child(1){ font-size:16px; color:#333; margin:10px 0 5px; font-weight:bold; }
.list_pic .date>p:nth-child(2){ font-size:14px; color:#999; margin-left:20px; }

.list_pic>a{ display:block; float:left; width:200px; height:120px; overflow:hidden; position:relative; margin-right:60px; }
.NewUl>li:first-child .list_pic>a{ width:320px; height:190px;}
.list_pic>a>img{ position:absolute; margin:auto; top:-9999px; left:-9999px; bottom:-9999px; right:-9999px; width:100%;}
.list_text{ width:90%;}
.list_text>a:first-child{ font-size:16px; color:#333; font-weight:bold; display:block; margin:5px 0 13px; line-height:26px; }
.list_text>span{ color:#999; font-size:14px; margin-bottom:15px; display:none; }
.NewUl>li:first-child .list_text>span{ display:block; }
.list_text>p{ font-size:14px; color:#666; line-height:24px;}
.list_text>a:last-child{ font-size:14px; color:#7dc01d; display:block; margin:15px 0; }

/*产品*/
.list_con{ width:70%; margin:0 auto; padding: 40px 0 0 0; box-sizing:border-box; }
.list_title>p{ font-size:18px; color:#333; font-weight:bold; line-height:28px;}
.list_title>div{ overflow:hidden; line-height:30px; padding:20px 0 30px 0; box-sizing:border-box; border-bottom:1px dashed #ddd; }
.list_title>div>span{ float:left; font-size:14px; color:#999; margin-right:20px; }
.list_title>div>a{ float:right; font-size:14px; color:#333; border:1px solid #ddd; display:inline-block; width:74px; line-height:28px; text-align:center; }
.content-text{ padding-top:40px; }
.content-text p{ font:14px Arial; color:#3e3e3e; line-height:2; }
.content-text .des_con img{ max-width:750px;}
/*产品描述*/
.content-text .des{ padding:15px; box-sizing:border-box; background:#eee; font-weight:normal; font-size:20px; margin-bottom:25px; }
.content-text .c_list{ padding-top:0 !important; overflow:hidden;}
.content-text .c_list .prolis{ width:50%; height:500px; border:1px solid #ccc; padding:5px;  position:relative;  overflow:hidden;  zoom:1; float:left; }
.prolis .hd{ width:98px;  height:500px; position:absolute; right:5px; overflow:hidden; }
.prolis .hd ul li{ text-align:center; padding:0 0 5px 5px;  }
.prolis .hd ul li img{ width:50px; height:50px; border:4px solid #ddd; cursor:pointer; vertical-align:bottom; }
.prolis .hd ul li.on img{ border-color:#f60;  }
.prolis .bd{ width:580px;  height:500px; position:relative;  }
.prolis .bd li{ position:relative; zoom:1; vertical-align:middle; text-align:center;}
.prolis .bd li .pic{ position:relative; z-index:0;  }
.prolis .bd li .pic img{ width:500px; height:500px; vertical-align:bottom; }

.content-text .c_list .proNote{float: left; padding: 0 0 0 40px; box-sizing: border-box; max-width:600px;}

/*上下篇*/
.Prev{ width:70%; box-sizing: border-box; padding: 10px 0; border-top: 1px dashed #ccc; margin: 20px auto 0; }
.Prev li{ line-height: 3; }
.Prev li a{ color: #005a98; }
.Prev li a:hover{ color:#e36c0a;}

/*页数*/
.page{ width: 100%; overflow: hidden; padding: 20px; box-sizing: border-box; display: flex; justify-content: center;}
.page ul li{ float: left; padding: 10px 20px; border: 1px solid #eaeaea; margin-left: 10px; }
.page ul li a{ font-size:14px; display: inline-block; }
.page ul li.am-active,.page ul li:hover{ background: #e36c0a; border:1px solid #e36c0a; }
.page ul li.am-active a,.page ul li:hover a{ color: #fff; }

/*留言板*/
.ListPage .Message{ width: 70%; margin: 20px auto; overflow: hidden; }
.ListPage .Message .MessGroup li{ float: left; width: 50%; margin: 10px 0; display: flex; }
.ListPage .Message .MessGroup li:last-child{ width: 100%; }
.ListPage .Message .MessGroup li .MessTitle{ width: 80px; font-size: 14px; display: inline-block; line-height: 30px; }
.ListPage .Message .MessGroup li .MessHtml{ display: inline-block; }
.ListPage .Message .MessGroup li .MessHtml input{ line-height: 30px; width: 400px !important; border: 1px solid #dadada; }
.ListPage .Message .MessGroup li:last-child .MessHtml{ width:83.4% }

.ListPage .Message .MessGroupImg{ width: 100%; display: inline-block; }
.ListPage .Message .MessGroupImg .MessTitle{ width: 80px; font-size: 14px; display: inline-block; line-height: 30px; float: left; }
.ListPage .Message .MessGroupImg .MessVcode{ display: inline-block; }
.ListPage .Message .MessGroupImg .MessVcode input{ line-height: 30px; border: 1px solid #dadada; width: 100px !important; padding: 0 10px; box-sizing: border-box; }
.ListPage .Message .MessGroupImg .MessVcodeImg{ display: inline-block; }

.ListPage .Message .MessGroupSub{ margin: 25px 0 0 0; }
.ListPage .Message .MessGroupSub input{ font-size: 14px; padding: 10px 50px; border: none; background: #dfdfdf; color: #333; cursor: pointer; }
.ListPage .Message .MessGroupSub input:hover{ background: #e36c0a; color: #fff; }

.joinTitle{ font-size:14px; line-height:2; margin-bottom:40px; }
.joinTitle h6{ font-size:18px; color:#f08519; line-height:3;}

/*底部版权*/
footer{ width: 100%; margin: 0 auto; text-align: center; padding:8em 0 0; overflow:hidden;}
footer .footerIn{ width:100%; margin:0 auto; background:url(imgs/footBg.png) repeat-x top;}
.footerIn .footerInWid{ width:70%; margin:0 auto;}
.footerInWid .footTop{ overflow: hidden; line-height: 2; height: 120px; display: flex; align-items: center; justify-content: space-around;  }
.footTop li{ float:left; margin-right: 15em; text-align:left;}
.footTop li h6,.footTop li p{ font-size:16px; font-weight:normal; color:#fff;}
.footTop li:first-child{ background:url(imgs/add.png) no-repeat left center; padding-left:80px; box-sizing:border-box; }
.footTop li:nth-child(2){ background:url(imgs/tel.png) no-repeat left center; padding-left:80px; box-sizing:border-box;}
.footTop li:last-child{ background:url(imgs/fax.png) no-repeat left center; padding-left:100px; box-sizing:border-box; margin-right:0;}

.footNav{ text-align:left; width:80%; margin:0 auto;}
.footNav ul li{ color: #a9a9a9; font-size: 18px; float: left; width: 25%; padding: 1.4em; box-sizing:border-box; line-height:3; }
.footNav ul dl dd{ line-height:2;}
.footNav ul dl dd a{ color:#666; font-size:16px; }
.footNav ul li img{ width:150px;}

.copyright { width:100%; margin:0 auto; padding:40px 0; box-sizing:border-box;}
.copyright p,.copyright a{ font-size:14px; color:#666; line-height:1.8;}


.im_floatonline { position: fixed; right: 10px; top: 40%; width: 150px; }
.am-panel-primary { border-color: #e36c0a; }
.am-panel { background-color: #fff; border: 1px solid transparent; border-radius: 0; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05); }
.am-panel-hd { padding: .6rem 1.25rem; border-bottom: 1px solid transparent; border-top-right-radius: 0; border-top-left-radius: 0; }
.am-panel-primary>.am-panel-hd { color: #fff; background-color: #e36c0a; border-color: #e36c0a; text-align: center; }
.am-list>li { position: relative; display: block; margin-bottom: -1px; background-color: #fff; border: 1px solid #dedede; border-width: 1px 0; }
.im_floatonline .kf a { text-align: center; }
.am-list>li>a { display: block; padding: 1rem 0;}
.am-list{ border-left: 1px solid #e36c0a; border-right: 1px solid #e36c0a; border-bottom: 1px solid #e36c0a; }
.am-list li:last-child{ border-bottom: 1px solid #e36c0a; }
.am-panel-bd .mobile{ padding: 1rem; font-size: 14px; font-weight: bold; color: #e36c0a; border-left: 1px solid #e36c0a; border-right: 1px solid #e36c0a; }