@charset "utf-8";
/******header**********/
.phom, .topby, .fook { display: none; }
.header { width: 100%; height: 144px; display: block; color: #FFF; position: fixed; left: 0; top: 0; z-index: 90;}
.header a{ color: #FFF;}
.header .head { width: 84%; height: 34px; margin: 0 auto; padding-top:40px;}
.header .head .logo { width: 15.3%; height: 34px; background-repeat: no-repeat; background-position: center center; background-size: contain; display:block;}
.header .head .xf_logo{ width: 15.3%; height: 34px; background-repeat: no-repeat; background-position: center center; background-size: contain; display:none;}
.header .head .menu { width:auto; height: 34px; }
.header .head .menu li { float: left; display: inline; width:auto; position: relative; text-align: center; }
.header .head .menu li a.xialaguang { display: inline-block; width:auto; height: 34px; line-height: 34px; }
.header .head .menu li a.navhover, .header .head .menu li a.xialaguang:hover { cursor: pointer; color: #FFF; background: #e49800; }
.header .head .menu .children { display: none; position: absolute; top: 34px; left: 0; width: 100%; line-height: normal; z-index: 9999; }
.header .head .menu .children li { width: 100%; display: block; border-top: 1px #f2b439 solid; }
.header .head .menu .children li a { display: block; padding: 10px 5px; color: #FFF; background: #e49800; border-top: 1px #b37b0c solid; }
.header .head .menu .children li a:hover { color: #FFF; background: #b37b0c; }
.header.clone { background: #FFF; box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.2); color: #282828; height: 74px;}
.header.clone .head{ padding-top:20px;}
.header.clone a{ color: #282828;}
.header.clone .head .logo{ display:none;}
.header.clone .head .xf_logo{ display:block;}

/*footer*/
.boys{ background:url(../images/bg2.jpg) repeat-x bottom #f4f4f4;}
.bo_ysl{ width:38%; overflow:hidden; float:left;}
.bo_ysr{ width:62%; overflow:hidden; float:right; padding-top:8%;}
.lycent{ width:25%; overflow:hidden; position:relative;}
.lycent dd{ width:100%; height:3px; display:block; position:absolute; left:0; bottom:0; background: #fff;}

.fo_lxwm{ width:auto; overflow:hidden; float:left;}
.fo_lxwm dt{ width:300px; overflow:hidden;}
.fo_fov{ width:auto; overflow:hidden; float:right;}
/***************共用内页***************/
.bannerny{ position:relative;}
.bannerny .white{ position:absolute; left:0; top:30%; z-index:5; text-shadow: 5px 5px 5px rgba(0,0,0,0.5);}

.sub_bo{ width: 100%; overflow: hidden; padding-bottom:10px; border-bottom:1px #e0dcdc solid;}
.sub_bo li{ width:20%; overflow: hidden; float:left; text-align:center;}
.sub_bo li a{ width:90%; overflow:hidden; display:block; margin:0 auto;}
.sub_bo li:hover a, .sub_bo li.cur a{ background:#e49800; color:#FFF;}


.cpkl li{ width:16.66%; overflow: hidden; float:left; text-align:center; margin-bottom:15px;}
.cpkl li a{ width:90%; overflow:hidden; display:block; margin:0 auto; border:1px #d2d2d2 solid;}
.cpkl li:hover a, .cpkl li.cut a{ background:#e49800; color:#FFF; border:1px #e49800 solid;}
.cateList { display: none; }

.right img { max-width: 100%; height: auto; display: block; margin: 0 auto; }
/*product-list*/
.product-list { width: 100%; overflow: hidden; }
.xgcpn { width: 100%; margin: 20px 0 0 0; }
.cpnb li { width: 48%; float: left; margin: 0 1% 20px 1%; }
.cpnc li { width: 31.33%; float: left; margin: 0 1% 20px 1%; }
.cpnd li { width: 23%; float: left; margin: 0 1% 20px 1%; }
.cpne li { width: 18%; float: left; margin: 0 1% 20px 1%; }
.product-list li { overflow: hidden; position: relative; }
.product-list li i { width: 100%; display: block; overflow: hidden; display: block; }
.product-list li i img { width: 100%; display: block; }
.product-list li figcaption { width: 100%; display: block; height: 55px; line-height: 55px; overflow: hidden; transition: 350ms; text-align: center; background-color: #eee; }
.product-box .product-down { float: left }
.product-list li mark { position: absolute; left: 0; top: 0; box-sizing: border-box; width: 100%; height: 100%; background: rgba(170,240,232,.2); background: #aaf0e8\9; filter: alpha(opacity=20); z-index: 20; opacity: 0; transform: skewX(45deg); visibility: hidden; transition: 360ms; z-index: 5; }
.product-list li mark b { display: block; width: 46px; height: 46px; position: absolute; left: 50%; top: 50%; margin-left: -23px; margin-top: -23px; z-index: 10; }
.product-list li mark b:before { content: ""; width: 100%; height: 1px; background: #e49800; position: absolute; left: 0; top: 23px; transform: translateX(-200px); -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px) }
.product-list li mark b:after { content: ""; width: 1px; height: 100%; background: #e49800; position: absolute; left: 23px; top: 0; transform: translateY(-200px); -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px) }
.product-list li mark:before { content: ""; width: 100%; height: 0%; border-left: 3px solid #e49800; border-right: 3px solid #e49800; box-sizing: border-box; position: absolute; left: 0; top: 0; transition: 320ms }
.product-list li mark:after { content: ""; width: 0%; height: 100%; border-top: 3px solid #e49800; border-bottom: 3px solid #e49800; box-sizing: border-box; position: absolute; left: 0; top: 0; transition: 320ms }
.product-list li:hover mark { opacity: 1; transform: skewX(0); visibility: visible }
.product-list li:hover mark:before { height: 100%; transition: 330ms 200ms }
.product-list li:hover mark:after { width: 100%; transition: 330ms 200ms }
.product-list li:hover mark b:before { transition: 355ms 180ms; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0) }
.product-list li:hover mark b:after { transition: 355ms 240ms; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0) }
.product-list li:hover figcaption { color: #e49800; }
/*PageBar*/
.PageBar { clear: both; width: 80%; overflow: hidden; text-align: center; }
.PageButtons span, .PageButtons a { display: inline-block; height: 30px; line-height: 30px; border: 1px solid #ddd; padding: 0 10px; margin-left: 5px; }
.PageButtons span { color: #ffffff; background-color: #e49800; border: 1px solid #e49800; }
.PageButtons a:hover { background: #e49800; color: #FFF; }
.PageInfo { width: 100%; overflow: hidden; padding-top: 10px; }
.disabled { display: none; }
/*新闻列表*/
.arList { width: 100%; overflow: hidden; }
.arList li { overflow: hidden; padding: 20px 0; border-bottom: 1px solid #dedede; line-height: normal; }
.newm { border-left: 6px #e49800 solid; padding-left: 7px; }
.new2 { color: #666; margin-top: 10px; background: url(../images/time.png) no-repeat left center; padding-left: 26px; height: 20px; line-height: 20px; }
.arList li .newsl { width: 25%; overflow: hidden; float: left; height: auto; }
.arList li .newsr { width: 72%; overflow: hidden; float: right; }
.arList li .moren { padding: 10px 20px; border: 1px solid #e49800; display: block; float: right; margin-top: 20px; color: #e49800; }
.arList li:hover { padding: 20px 20px; background: #f7f7f7; border-bottom: 1px solid #e49800;}
.arList li:hover .newm { color: #e49800; }
.arList li:hover .newsl img { transform: scale(1.5, 1.5); -moz-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); -o-transform: scale(1.5, 1.5); }
.arList li:hover .moren { background: #e49800; color: #FFF; }
.arList li:last-child { border-bottom: none; }
/*新闻内页*/
.left{ width:70%; overflow:hidden; float:left;}
.righy{ width:27%; overflow:hidden; float:right;}
.news_tit { width: 100%; overflow: hidden; border-bottom: 1px #eeeeee solid; }
.news_tit p { color: #666; margin-top: 10px; }
.arKeywords { padding: 15px; overflow: hidden; background: #f7f7f7; margin-top: 20px; }
.arContent h2, .arContent h3, .arContent h4 { color: #e49800; padding-left: 15px; margin: 20px 0; display: block; font-family: "PingFang sc", Source Han Sans CN, Microsoft Yahei; position: relative; }
.arContent h2:after, .arContent h3:after, .arContent h4:after { content: ''; width: 6px; height: 6px; border-radius: 100%; background: #e49800; position: absolute; left: 0; top: 50%; margin-top: -3px; }
.arContent h2 { font-size: 24px; }
.arContent h3 { font-size: 22px; }
.arContent h4 { font-size: 20px; }
.arContent table { border-collapse : collapse; font-size: 12px; background: #f4f4f4; }
.arContent table tr td { padding: 10px 5px; border: 1px solid #ffffff; }
.arContent table tr:nth-child(1) { background: #0b1a3e; color:#FFF;}
.arContent table tr td:nth-child(1) { background: #0b1a3e; color:#FFF;}
.arContent table tr:nth-of-type(even) { background: #fae5e5; }
/*产品内页*/
.centa { background:url(../images/cp_bg.png) no-repeat right center;}
.centa .nr1_img{ width: 51.4%; overflow: hidden; float:left;}
.centa .nr1_txt{ width: 43.3%; overflow: hidden; float:right;}
.centa .yfimg dl{ width:47.6%; overflow:hidden; position:relative;}
.centa .yfimg dl dt{ height:auto;}
.centa .yfimg dl dt img{ width:100%;}
.centa .yfimg dl dd{ position:absolute; left:0; top:45%; z-index:5;}
.centa .yfimg dl:nth-of-type(odd) { float: left; }
.centa .yfimg dl:nth-of-type(even) { float: right; }

.nr2_img{ width: 54%; overflow: hidden; float:left;}
.nr2_txt{ width: 41.7%; overflow: hidden; float:right;}
.nr2_txt .pt100 dl{ width:25%; overflow:hidden; float:left; box-sizing: border-box; -moz-box-sizing: border-box; border-right:1px #e3e3e3 solid; text-align:center;}
.nr2_txt .pt100 dl:last-child{ border-right:none;}
.nr2_txt .pt100 dl dt{ width:auto; margin:0 auto;}
.nr2_txt .pt100 dl dt img{ height:44px;}

.centc dl{ position:relative;}
.centc dl dt{ width:100%; overflow:hidden; height:auto;}
.centc dl dd{ width:92%; position:absolute; left:4%; bottom:4%; z-index:5;}
.centc dl dd span.fl{ width:23%;}
.centc dl dd span.fr{ width:auto; overflow:hidden; margin-right:45%;}
.centc dl dd .pt80{ text-align:right;}

/*内容*/
photo { display: block; width: 33.33%; overflow: hidden; float: left; margin-top: 20px; }
photo span { width: 90%; overflow: hidden; display: block; margin: 0 auto; }
photo span img { width: 100%; }
photo p { width: 90%; overflow: hidden; display: block; margin: 0 auto; text-align: center; padding: 10px 0; height: 55px; line-height: normal; }
contenta, contentb, contentc { display: block; overflow: hidden; float: left; margin-top: 20px; line-height: 2; }
contenta p, contentb p, contentc p { width: 90%; overflow: hidden; display: block; margin: 0 auto; }
contenta img, contentb img, contentc img { width: 100%; }
.zs p { padding-left: 14px; position: relative; }
.zs p:after { content: ''; width: 6px; height: 6px; border-radius: 100%; background: #e49800; position: absolute; left: 0; top: 2px; }
contenta { width: 50%; }
contentb { width: 33.33%; }
contentc { width: 25%; }
ewm { width: 40%; overflow: hidden; display: block; margin: 20px 5% 0 5%; float: left; }
ewm span { width: 35%; overflow: hidden; display: block; float: left; }
ewm div { width: 60%; overflow: hidden; display: block; float: right; }

/*FastMove*/
.FastMove { margin: 30px 0 0 0; overflow: hidden; border: 1px solid #e5e5e5; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: relative; }
.FastMove:after { content: ''; width: 1px; height: 100%; background: #e5e5e5; position: absolute; left: 50%; top: 0; }
.FastMove div { width: 50%; padding: 20px 0; overflow: hidden; }
.FastMove div p { width: 94%; overflow: hidden; margin: 0 auto; display: block; }
.FastMove div:hover { background: #e49800; color: #FFF; }
.FastMove div:hover a { color: #FFF; }
/*相关文章*/
.xgxx_l { width: 43%; overflow: hidden; float: left; }
.xgxx_l a { height: 24px; line-height: 24px; overflow: hidden; }
.xgxx_l:hover a { color: #e49800; }
.xgxx_r { width: 45%; overflow: hidden; float: right; }
.xgxx_r li { width: 100%; overflow: hidden; display: block; margin-top: 12px; position:relative;}
.xgxx_r li:after { content: ''; width: 6px; height: 6px; border-radius: 100%; background: #333; position: absolute; left: 0; top: 5px; }
.xgxx_r li a { padding-left: 14px; height: 20px; line-height: 20px; overflow: hidden; }
.xgxx_r li:hover:after{ background: #e49800; border-radius: 100%;}
.xgxx_r li:hover a { color: #e49800; }


/*在线留言*/
.zxly { width: 100%; overflow: hidden; background: #f0f0f0; padding: 10px 0 30px 0; margin-top: 30px; }
.zxly .subform { width: 96%; overflow: hidden; margin: 0 auto; }
.zxly .subform .form-groupfl { width: 47%; overflow: hidden; float: left; }
.zxly .subform .form-groupfl .form-control { width: 100%; height: 44px; line-height: 44px; background: #FFF; border: 0; margin-top: 20px; text-indent: 2em; }
.zxly .subform .form-groupfr { width: 47%; overflow: hidden; float: right; margin-top: 20px; }
.zxly .subform .form-groupfr textarea { width: 100%; height: 105px; background: #FFF; border: 0; padding: 10px 0; text-indent: 1em; }
.zxly .subform .form-groupfr .btn-info { width: 100%; height: 44px; line-height: 44px; background: #e49800; border: 0; margin-top: 20px; float: right; color: #FFF; }
.fla { width: 55%; overflow: hidden; float: left; }
.subformc { width: 40%; overflow: hidden; float: right; }
.subformc .form-group { width: 100%; overflow: hidden; margin-bottom: 20px; }

.subformc .form-group .control-div { width: 98%; overflow: hidden; float:right;}
.subformc .form-group .control-div .form-control { width: 100%; height: 40px; line-height: 40px; border: 1px #dadada solid; text-indent: 1em; }
.subformc .form-group .control-div .form-controlv { width: 100%; height: 150px; border: 1px #dadada solid; padding: 10px 0; text-indent: 1em; }
.subformc .btn-info { width: 100%; height: 44px; line-height: 44px; background: #e49800; border: 0; color: #FFF; }


@media screen and (max-width: 1700px) and (min-width:0) {
.header { height: 102px;}
.header .head { width: 86%; padding-top:35px; height: 32px;}
.header .head .logo, .header .head .xf_logo { width: 14%; height: 32px;}
.header .head .menu { height: 32px; }
.header .head .menu li a.xialaguang { height: 32px; line-height: 32px; }
.header .head .menu .children{ top: 32px;}


.product-list li figcaption { height: 50px; line-height: 50px; }
}
@media screen and (max-width: 1500px) and (min-width:0) {
.header { height: 90px;}
.header .head { width: 90%; padding-top:30px; height: 30px;}
.header .head .logo, .header .head .xf_logo { width: 13%; height: 30px;}
.header .head .menu { height: 30px; }
.header .head .menu li a.xialaguang { height: 30px; line-height: 30px; }
.header .head .menu .children{ top: 30px;}

.product-list li figcaption { height: 45px; line-height: 45px; }
}
@media screen and (max-width: 1300px) and (min-width:0) {
.header { height: 80px;}
.header .head { width: 94%; padding-top:26px; height: 28px;}
.header .head .logo, .header .head .xf_logo { width: 12%; height: 28px;}
.header .head .menu { height: 28px; }
.header .head .menu li a.xialaguang { height: 28px; line-height: 28px; }
.header .head .menu .children{ top: 28px;}




.product-list li figcaption { height: 35px; line-height: 35px; }
}
 @media screen and (max-width: 1100px) and (min-width:0) {
.header { height: 80px;}
.header .head { width: 96%;}
.header .head .logo, .header .head .xf_logo { width: 10%;}

}