﻿
/*============================ 初始化样式 ============================*/
*
{ margin:0; padding:0;  }
body
{ font-family:Microsoft YaHei,'黑体',Verdana,Tahoma,Arial,sans-serif; font-size:14px; color:#333;}
*html
{ background-image:url(about:blank);background-attachment:fixed;}
li
{ list-style:none;}
img
{ border:none;}
body a img
{ border:none;}
/*a:hover img
{opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; }
*/
a
{ color:#333; text-decoration:none; }
a:hover
{ color:#f19015;}
a:focus
{ outline:none;}
.clear:after
{content:''; display:block; clear:both; }
.clear
{ height:0px; clear:both; }
.text-cut  /*限制文字,文字超出显示冒号*/
{ overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;}

/*效果*/
.trans1
{ transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

/*图片放大*/
.fdapic
{ overflow:hidden;}
.fdapic img
{
-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease; -o-transition:all 0.4s ease;transition:all 0.4s ease;}
.fdapic:hover img
{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}

/*按钮样式*/
.yu_a0
{ display:inline-block;  text-align:center; transition:all 0.4s ease;-moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; }

/*============================ 公共部分 ============================*/

/* 文章上下篇 */
.wengzhengfanye
{ line-height:25px; padding:20px 0; clear:both; }
.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB
{ font-size:14px; color:#666;}
.wengzhengfanye a
{ font-size:14px;}
.wengzhengfanye a:hover
{ text-decoration:underline; color:#f19015;}

/* 文章类别上下页 */
.page
{ padding:20px; overflow:hidden; text-align:center;}
.pagelink a
{ display:inline-block; padding:6px 12px; color:#b8b8b8;border: 1px solid #b8b8b8;margin: 0 4px}
.pagelink a:hover,.pagelink a.on
{ background:#d81b3b;color:#fff;}
.pagelink span{display:inline-block; background:#d81b3b;padding:6px 12px; color:#fff;margin: 0 3px}

/*用于手机屏幕，大于480px小于640px
@media (min-width: 480px) and (max-width: 640px) {}*/

/* 数字上下页 */
.page_fanye
{ width:100%; height:auto; text-align:center; padding:40px 0 20px; margin:0 auto; overflow:hidden; clear:both;}
.page_fanye a
{ line-height:16px; font-size:14px; text-indent:0px; color: #333;  margin-right: 5px; padding:4px 9px; background:#efefef;  border:1px solid #dedddd;  display: inline-block; }
.page_fanye span
{  height:24px; line-height:20px;  padding:0 10px 0 5px; display: inline-block;}
.page_fanye span input
{ width:30px; height:20px;}
.page_fanye a.page_home,.page_fanye a.page_home:hover,.page_fanye a.page_end,.page_fanye a.page_end:hover
{ width:60px;  color:#666666; }
.page_fanye .onpage,.page_fanye a:hover
{ color: #fff; background:#856493; }

/*========================================= 首页 =====================================*/
.container{margin: 0 auto}
.fl{float: left}
.fr{float: right}
.clear{clear: both}
header{ width:100%; position:fixed;padding: 20px 0;top: 0;left: 0;background-color: #fff;box-shadow:0 0 10px #999;z-index: 9999}

.nav li
{line-height:50px;height:50px;position:relative;float: left;margin-right: 30px;box-sizing: border-box;}
.nav li a
{ display:block;font-size:16px;height:50px;box-sizing: border-box;color: #000}
.nav li a:hover,.nav li.active a
{color:#f19015;border-bottom: 2px solid #f19015}
.nav li .xlnav
{ z-index:2; left:-25px; top:50px;right:auto; position:absolute;display:none;padding-top: 20px;
    background-color: #fff;width: 180%;overflow: hidden}
.nav li .xlnav li{margin: 0;height: 35px!important;line-height: 35px!important;width: 100%;text-align: center}
.nav li .xlnav li a
{ font-size:14px;height: 35px!important;color: #333!important;}

.line{width: 100%;height: 90px;overflow: hidden}
.nav li .xlnav li:hover{background-color: #f19015}
.nav li .xlnav li:hover a{color: #fff!important;}
.headlink{margin-top: 10px}
.headlink a{display: block;width: 36px;height: 36px;-webkit-transition: all .3s;transition: all .3s}
.icon-search{background: url(../image/hico1.png) no-repeat center;  float: left;position: relative;border: 1px solid #ccc;}
.header-search{position: absolute;z-index: 999;top: 60px;right: 0;width: 0;height: 45px;color: #333;
    background: #fff;overflow: hidden;transition: all .4s;border-top: 1px solid #006540;
}
.icon-search:hover .header-search{width: 377px;}
.hs-input{width:317px;height: 45px;line-height: 45px;padding: 0 10px;float: left;border: none;outline: none}
.hs-submit{width: 40px;height: 45px;background: url(../image/hico1.png) no-repeat center;float: right;cursor: pointer;border: none;}
.icon-lang {background: url(../image/hico2.png) no-repeat center;float: left;margin-left: 4px;border: 1px solid #ccc;position: relative}
.header_tel{ position: absolute;z-index: 999;top: 60px;right: 0;width: 0;height: 45px;color: #006540;font-size: 20px;line-height: 45px;
    background: #fff;overflow: hidden;transition: all .4s;font-weight: bold;text-align: center;border-top: 1px solid #006540;
}
.icon-lang:hover .header_tel{width: 280px;}
.icon-menu {background: url(../image/hico3.png) no-repeat center;float: left;margin-left: 4px;border: 1px solid #ccc}
.headlink a:hover{border: none}

#side-mask {position: fixed;top: 0;width: 100%;height: 100%;background-color: #000;
    z-index: 110;display: none;filter: alpha(opacity=20);-moz-opacity: .2;opacity: .2
}
.open-side .side-box {right: 0;  opacity: 1;  visibility: visible}
.open-side #side-mask {display: block}
.side-box {width: 450px;background: #f19015;position: fixed;top: 0;right:0;height: 100%;
    z-index: 99999;  padding: 35px 0 0 35px;transition: all .4s;opacity: 0; visibility: hidden
}
.side-close {display: block;width: 28px;height: 29px;background: url(../image/side-close.png) no-repeat }
.side-title {color: #fff;font-size: 18px;padding-top: 20px;  padding-bottom: 10px;  line-height: 20px;  margin-bottom: 10px
}
.side-dl{overflow: hidden;margin-top: 10px;width: 25%;float: left;height: 240px;margin-bottom: 0;}
.side-dl a {color: #fff;transition: all .3s}
.side-dl a:hover {color: #fff;font-weight: bold}
.side-dl dt a{font-size: 16px;padding-bottom: 5px;display: inline-block;color: #fff;border-bottom: 1px solid #fff;margin-bottom: 10px
}
.side-dl dd a {  margin-right: 10px;  display: block;  margin-bottom: 8px;  font-size: 13px; }

/*banner图片切换样式*/
.bannerA
{ width:100%; height:660px; position:relative;overflow:hidden;}
.banner
{ width:100%; height:660px; overflow:hidden;}
.banner  ul
{ width:9999px; position:absolute; left:0px; top:0px;}
.banner ul li
{ overflow:hidden; float:left; height: 660px}
/*.banner ul li img{max-width: 100%}*/
.banner .pic_pre,.banner .pic_next
{ width:60px; height:90px; background:url(../image/banner_arrows.png); position:absolute; top:40%; z-index:99; cursor:pointer;}
.banner .pic_pre
{ background-position:0px 180px; left:5px;}
.banner .pic_next
{ background-position:0px 90px; right:5px;}
.banner .pic_pre:hover
{ background-position:0px 0px; left:5px;}
.banner .pic_next:hover
{ background-position:0px 270px; right:5px;}
.banner_btn
{ width:100%; height:16px; text-align:center; position:absolute; bottom:10px;}
.banner_btn ol
{  height:16px; margin:0 auto;}
/*
.banner_btn ol li
{ width:25px; height:3px; background:#fff;float:left; margin:0 5px; cursor:pointer;}
.banner_btn ol .Btn_ys
{ width:25px; height:3px; background:#c01b21; float:left; margin:0 5px; cursor:pointer;}
*/
/*.bannerB{position: absolute;bottom: 0;left: 0;width: 100%;padding-top: 10px;background: rgba(0,0,0,0.8)}
.bannerB ul li{float: left;font-size: 24px;color: #e9e9e9;transition: all 0.3s;}
.bannerB ul li b{}
.bannerB ul li a{color: #e9e9e9;padding: 13px 25px;display: inline-block;width: 99%;height: 101px}
.bannerB ul li p{font-family: Arial;text-transform: uppercase}
.bannerB ul li span{font-size: 20px;line-height: 1.8}
.bannerB ul li:nth-child(1){text-align: center}
.bannerB ul li:nth-child(1) img{display: inline-block}
.bannerB ul li:nth-child(2) a{background-color: #f19015}
.bannerB ul li:nth-child(3) a{background-color: #01b1b1}
.bannerB ul li:nth-child(4) a{background-color: #006540}
.bannerB ul li:nth-child(5) a{background-color: #5bbea0}*/
.slidemask {position: absolute;  bottom: 0;  left: 0;  z-index: 10;  width: 100%;  height: 120px;  background: rgba(0,0,0,0.8);}
.bs-box {position: absolute; right: 0;left:0;bottom: 0;overflow: hidden;height: 180px}
.bs-box ul li b{font-size: 24px;color: #e9e9e9;}
.bs-box ul li{float: left}
.bs-box ul li a{position: relative;  float: left;  display: block;  margin-top: 75px;height: 219px;width: 99%;  transition: all .3s;color: #fff;}
.bs-box ul li:nth-child(1) a{margin-top: 90px;text-align: center}
.bs-box ul li:nth-child(1) a img{display: inline-block}
.bs-box ul li a span {position: absolute;  top: 15px;  left: 23px;  display: block;transition: all .3s }
.bs-box ul li:nth-child(2) a{background-color: #f19015}
.bs-box ul li:nth-child(3) a{background-color: #01b1b1}
.bs-box ul li:nth-child(4) a{background-color: #006540 }
.bs-box ul li:nth-child(5) a{background-color: #5bbea0;}
.bs-box ul li a .th {top: 50px;visibility: hidden;color: #fff;font-weight: 400;font-size: 30px;opacity: 0;transition: all .4s}
.bs-box ul li a .tt {visibility: visible;opacity: 1}
.bs-box ul li a .tt strong {font-weight: 400;line-height: 35px;font-size: 20px}
.bs-box ul li a:hover {margin-top: 0  }
.bs-box ul li:nth-child(1) a:hover{margin-top: 90px}
.bs-box ul li a:hover .tt {visibility: hidden;opacity: 0}
.bs-box ul li a:hover .th {visibility: visible;opacity: 1}

/*banner图片切换样式*/
.bannerAsj
{ width:100%; position:relative; z-index:5;overflow: hidden;display: none}
.bannerAsj ul li
{ float:left; }
.bannerAsj ul li img
{ display:block;}
/*.slider img{max-width: 100%}*/

.bannerBsj{overflow: hidden;display: none}
.bannerBsj ul{margin: 25px 0;overflow: hidden}
.bannerBsj ul li{width: 48%;float: left;margin-bottom: 20px;padding: 15px 10px;height: 100px;}
.bannerBsj ul li span{font-size: 16px;margin-top: 5px;display: inline-block}
.bannerBsj ul li a{color: #fff}
.bannerBsj ul li:nth-child(1){background-color: #f19015}
.bannerBsj ul li:nth-child(2){background-color: #01b1b1}
.bannerBsj ul li:nth-child(3){background-color: #006540 }
.bannerBsj ul li:nth-child(4){background-color: #5bbea0;}
.bannerBsj ul li:nth-child(2n){float: right}


.title{overflow:hidden; text-align:center;margin: 0 auto; margin-top: 50px}
.title p{font-size: 54px;font-family: Arial;color: #303030;text-transform: uppercase}
.title h2{font-size:28px; color:#313131;font-weight: normal;background: url("../image/title.png") no-repeat center;
    width: 284px;height: 48px;margin: 0 auto;line-height: 48px}

.oneA{overflow: hidden;background: url("../image/onea.jpg") no-repeat center;background-size: cover}
.oneA1{text-align: center;margin-top: 45px}
.oneA1 a{display:inline-block;border-radius: 30px;border: 1px solid #828282;font-size: 22px;float: inherit;
    text-align: center;line-height: 55px;margin: 0 25px}
.oneA1 a:hover,.oneA1 a.active{background-color: #006540;color: #fff}
.oneA2{overflow: hidden;margin: 40px 0 60px}
.oneA2 ul{display: none}
.oneA2 ul:first-child{display: block}
.oneA2 ul li{margin-bottom: 25px;}
.oneA2 ul li a{margin: 0 10px;display: inline-block;box-sizing: border-box;position: relative;overflow: hidden}
.oneA2 ul li dd{max-width: 580px;overflow: hidden}
.oneA2 ul li p{position: absolute;bottom: 0;left: 0;line-height: 50px;background: rgba(0,0,0,0.8);width: 100%;
    color: #fff;font-size: 18px;text-indent: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.oneA2 ul li img{transition: all 0.6s;}
.oneA2 ul li:hover img{transition: all 0.6s;transform:rotateY(180deg);}
.oneA2 ul li:hover p{background-color: #006540}

.oneB{background: url("../image/oneb.jpg") no-repeat top center;overflow: hidden}
.oneB .title h2,.oneB .title p{color: #fff}
.oneB1{overflow: hidden;margin: 80px auto}
.oneB1r{color: #fff;padding-left: 20px}
.oneB1r h3{font-size: 28px;font-weight: normal}
.oneB1r .text{line-height: 1.8;margin: 30px 0;
    overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:7;
}
.oneB1r .gd{display: inline-block;width: 107px;line-height: 32px;color: #fff;background-color: #f19015;text-align: center}

.oneC{overflow: hidden;background: url("../image/onec.jpg") no-repeat center;background-size: cover}
.oneC ul{margin: 50px 0;overflow: hidden}
.oneC ul li{text-align: center;padding: 0 15px;}
.oneC ul li dd{min-height: 340px;display: flex;justify-content: center;align-items: center;}
.oneC ul li a{display: inline-block;background-color: #989898;width: 100%;}
.oneC ul li img{display: inline-block;margin: 20px 0;transition: all 0.3s;}
.oneC ul li p{background-color: #006540;line-height: 50px;color: #fff;font-size: 18px;
width: 100%}
.oneC ul li:hover img{transform: scale(1.1);transition: all 0.3s;}
.oneC ul li:hover p{background-color: #f19015}

.oneCsj{overflow: hidden;background: url("../image/onec.jpg") no-repeat center;position: relative;
    background-size: cover;display: none}
.oneCsj ul{margin: 25px 0;}
.oneCsj ul li{padding: 0 15px;text-align: center}
.oneCsj ul li dd{display: flex;justify-content: center;align-items: center;}
.oneCsj ul li a{display: inline-block;background-color: #989898;width: 100%;}
.oneCsj ul li img{display: inline-block;margin: 10px 0;max-width: 40%}
.oneCsj ul li p{background-color: #006540;line-height: 40px;color: #fff;font-size: 16px;width: 100%}

.oneD{background-color: #eee;overflow: hidden;padding: 50px 0}
.oneD ul li{position: relative;padding-left: 70px}
.oneD ul li:before{content: '';width: 60px;height: 60px;position: absolute;top: -10px;left: 0}
.oneD ul li h3{font-size: 18px;font-weight: bold}
.oneD ul li p{font-size: 12px;color: #666;margin-top: 8px}
.oneD ul li:nth-child(1):before{background: url("../image/oned1.png") no-repeat center}
.oneD ul li:nth-child(2):before{background: url("../image/oned2.png") no-repeat center}
.oneD ul li:nth-child(3):before{background: url("../image/oned3.png") no-repeat center}
.oneD ul li:nth-child(4):before{background: url("../image/oned4.png") no-repeat center}

.footer
{ width:100%; background:#333; overflow:hidden;}
.foot{padding: 50px 0;overflow: hidden}
.foot1{text-align: center;color: #d4d4d4;font-size: 13px}
.foot1 .ewm{margin: 25px 0 10px}
.foot2{border-left: 1px solid #4b4b4b;border-right: 1px solid #4b4b4b;}
.foot2 ul{float: left;margin: 0 7.5%}
.foot2 ul h3{font-size: 18px;color: #e5e5e5;font-weight: normal;margin-bottom: 15px}
.foot2 ul li{line-height: 2;}
.foot2 ul li a{color: #e7e7e7}
.foot2 ul li a:hover{color: #f19015}
.foot3{color: #a19f9f;font-size: 13px;padding-left: 50px}
.foot3 h3{font-size: 18px;color: #e5e5e5;font-weight: bold;margin-bottom: 15px}
.foot3 p{line-height: 2}
.footA { width:100%;background:#262626;color: #9a9a9a;padding: 20px 0;font-size: 12px}
.footA a{color: #9a9a9a}

/*========================================= 关于新华 =====================================*/
.slider{height: 470px;overflow: hidden;color: #fff;padding-top: 145px}
.slider i{display: inline-block;width: 33px;height: 3px;background-color: #fff;}
.slider h3{font-size: 42px;margin: 40px 0 15px}
.slider p{font-size: 22px;font-family: Arial;text-transform: uppercase}

.subnav{border-bottom: 1px solid #d9d9d9;line-height: 54px}
.subnav a{font-size: 17px;text-align: center;display: inline-block;float: left;position: relative}
.subnav a:after{content: '';position: absolute;top: 20px;right: 0;width: 1px;height: 17px;background-color: #d9d9d9}
.subnav a:last-child:after{opacity: 0}
.subnav a:hover,.subnav a.active{background-color: #f19015;color: #fff}
.subnav a:hover:after,.subnav a.active:after{opacity: 0}

.titles{margin-top: 70px}
.titles p{font-size: 65px;color: #ededed;font-family: Arial;text-transform: uppercase}
.titles h2{font-size: 30px;font-weight: bold}
.titles dt{font-size: 16px;color: #525252;line-height: 2;margin-top: 20px}

.aboutA{overflow: hidden;background: url("../image/abouta.png") no-repeat right bottom;padding: 100px 0;background-size: 40%}
.aboutAl {padding-right: 40px}
.aboutAl .titles{margin-top: 0}
.aboutAl .aboutA_con{line-height: 1.8;margin-top: 30px;color: #585858}

.aboutB{overflow: hidden;}
.aboutBs{margin: 30px 0 100px;overflow: hidden;background-color: #f0f1f1;}
.aboutB2{line-height: 2;background-color: #f0f1f1;padding: 142px 50px 0;}

.honor{overflow: hidden;}
.honor ul{margin: 60px auto 30px;overflow: hidden}
.honor ul li{text-align: center;padding: 0 15px;margin-bottom: 40px;transition: all 0.3s;}
.honor ul li img{display: inline-block;vertical-align: middle;transition: all 0.3s;}
.honor ul li dd{background-color: #f6f6f6;min-height: 290px;display: flex;justify-content: center;align-items: center;}
.honor ul li p{margin-top: 25px;font-size: 16px}
.honor ul li:nth-child(3n){margin-right: 0}
.honor ul li:hover img{transition: all 0.3s;transform: scale(1.05)}

.bghj{overflow: hidden;}
.bghj ul{margin: 60px auto 30px;overflow: hidden}
.bghj ul li{text-align: center;padding: 0 15px;margin-bottom: 40px;transition: all 0.4s;overflow: hidden}
.bghj ul li img{display: inline-block;vertical-align: middle;transition: all 0.4s;}
.bghj ul li dd{background-color: #f6f6f6;max-width: 400px;overflow: hidden}
.bghj ul li p{margin-top: 25px;font-size: 16px}
.bghj ul li:nth-child(3n){margin-right: 0}
.bghj ul li:hover img{transition: all 0.4s;transform: scale(1.1)}

/*========================================= 核心业务 =====================================*/
.hxyw{margin: 70px auto;overflow: hidden}
.hxyw ul li{overflow: hidden;margin-bottom: 30px;background-color: #fafafa;transition: all 0.3s}
.hxyw ul li dt{line-height: 2;padding: 100px 60px 0}
.hxyw ul li dt h3{font-size: 22px;margin-bottom: 25px}
.hxyw ul li p{word-break:break-all;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical; verflow:hidden;}
.hxyw ul li:hover{background-color: #fd8f14;color: #fff;transition: all 0.3s}
.hxyw ul li:nth-child(2n):hover{background-color: #006540;color: #fff;transition: all 0.3s}

/*========================================= 产品中心 =====================================*/
.product{overflow: hidden;}
.product ul{margin: 60px auto 30px;overflow: hidden}
.product ul li{text-align: center;padding: 0 15px;margin-bottom: 40px}
.product ul li img{display: inline-block;transition: all 0.3s;}
.product ul li dd{background-color: #989898;min-height: 320px;display: flex;justify-content: center;align-items: center;}
.product ul li p{margin-top: 25px;font-size: 16px}
.product ul li:nth-child(3n){margin-right: 0}
.product ul li:hover img{transition: all 0.3s;transform: scale(1.1)}

/*========================================= 合作案例 =====================================*/
.case{overflow: hidden;}
.case ul{margin: 60px auto 30px;overflow: hidden}
.case ul li{text-align: center;padding: 0 6px;margin-bottom: 30px;overflow: hidden;transition: all 0.3s}
.case ul li img{display: inline-block;transition: all 0.3s}
.case ul li dd{max-width: 388px;overflow: hidden}
.case ul li p{margin-top: 25px;font-size: 16px}
.case ul li:nth-child(3n){margin-right: 0}
.case ul li:hover img{transform: scale(1.1);transition: all 0.3s}

/*========================================= 合作案例详情 =====================================*/
.casexq{overflow: hidden;margin: 70px auto}
.casexql{border-right: 2px solid #e9e9e9}

.casexql h1{font-size: 30px;font-weight: bold;}
.case_con img{max-width: 100%}
.casexqr{padding-left: 6%}
.casexqr div{margin-bottom: 30px}
.casexqr b{display: inline-block;width: 30%}
.casexqr span{color: #666}
.casexqr a{display: inline-block;width: 100%;color: #fff;line-height: 65px;padding-left: 50%;box-sizing: border-box;
background: url("../image/back.png") no-repeat 42% #262729}
.casetj{border-top: 2px solid #e5e5e5;overflow: hidden}
.casetj .titles{margin-top: 50px}
.casetj .case ul{margin: 25px 0}

/*========================================= 人力资源 =====================================*/
.rlzyA{overflow: hidden}
.rlzyA ul{padding: 40px 0;overflow: hidden}
.rlzyA ul li{padding: 40px 0;background-color: #f5f5f5;overflow: hidden;color: #666;
    display: flex;justify-content: center;align-items: center;margin: 0 10px 20px;transition: all 0.2s;}
.rlzyA ul li dd{padding: 0 0 0 4%;}
.rlzyA ul li b{font-size: 20px;color: #585858}
.rlzyA ul li dl{border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;padding: 0 4%;margin: 0;
    line-height: 2;box-sizing: border-box}
.rlzyA ul li dt{text-align: center;}
.rlzyA ul li:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}

/*========================================= 联系我们 =====================================*/
.contactA{margin: 50px 0;overflow: hidden}
.contactAl{}
.contactAl h3{font-size: 24px;font-weight: bold}
.contactAl i{display: inline-block;width: 42px;height: 6px;background-color: #fd8f14;margin-top: 15px}
.contactAl p{font-size: 16px;margin-top: 20px;line-height: 1.8;padding-left: 30px}
.contactAl .p1{background: url("../image/ico1.png") no-repeat left}
.contactAl .p2{background: url("../image/ico2.png") no-repeat left}
.contactAl .p3{background: url("../image/ico3.png") no-repeat left}
.contactAl .p4{background: url("../image/ico4.png") no-repeat left 5px}
.contactAr{}
.contactAr p{font-size: 16px;color: #999}
.contactAr form{margin-top: 40px}
.contactAr dl{border-bottom: 2px solid #d4d4d4;width: 31%;float: left;margin-right: 3%;margin-bottom: 30px}
.contactAr input{width: 80%;border: none;outline: none;text-indent: 10px}
.contactAr textarea{min-height: 70px;width: 100%;border: none;outline: none;}
.contactAr dl:nth-child(3){margin-right: 0}
.contactAr dl:nth-child(4){width: 100%}
.contactAr #btn{width: 140px;line-height: 40px;text-align: center;border: 2px solid #919090;display: inline-block;box-sizing: border-box;color: #000;
font-weight: bold}
#map{width: 100%;height: 480px;}

/*=======================================新闻详情页============================================*/
.news_info
{ padding:30px 0px;overflow: hidden}
.news_infol{width: 810px;box-shadow: 0 0px 10px #ccc;padding: 20px;border-radius: 5px;background-color: #fefefe}
.info_title
{ text-align:center; }
.info_title h1
{ font-size:24px; font-weight:normal;}
.info_laiyuan
{ line-height:40px; font-size:12px; color:#666; text-align:center;border-bottom: 1px solid #cecece}
.info_zhaiyao
{ padding:10px 20px; height:50px; border:solid 1px #E5E5E5; background:#f5f5f5; font-size:12px; color:#868686; line-height:24px;}
.info_text
{ padding:20px 0px; font-size:16px; line-height:32px;min-height: 400px}
.info_text img
{ max-width:100%;  }
.info_picA
{ padding:10px; text-align:center;}
.info_picA img
{ max-width:100%; width: expression(this.width > 720 ? 720: true)}

/*手机底部*/
.footB
{ width:100%; overflow:hidden; background:#fff; bottom:0; z-index:99; position:fixed;display: none}
.footB ul li
{ width:33.33%;float:left; text-align:center;padding: 5px 0}
.footB ul li img
{ width:30px; height:30px;}
.footB ul li a
{ display:block; font-size:12px; color:#9c9c9c;}


/*=======================================电脑屏幕============================================*/
.col-lgs-2{width:20%}
@media screen and (min-width: 1024px) {
    .oneA2 ul li img{min-height: 395px}
}
@media screen and (max-width: 1024px) {
    .icon-search{display: none!important;}
    .icon-lang{display: none!important;}
    .foot2 ul{margin: 0 6%}
}

@media screen and (max-width: 768px) {
    .nav{display: none}
    .foot1{display: none}
    .foot2{display: none}
    .foot3{display: none}
    .footB{display: block}
    .aboutAr{display: none}
    .container{padding: 0 10px}
    header{padding: 5px 0}
    .logo img{max-width: 80%}
    .line{height: 50px}
    .footA{margin-bottom: 59px;padding: 15px 10px}
    .footA .cxhl{display: none}
    .bannerA{height: 300px}
    .banner ul li{height: 300px}
    .bannerB{display: none}
    .title{margin-top: 25px}
    .title p{font-size: 32px}
    .title h2{font-size:20px;background-size: cover;height: 35px;line-height: 35px;width: 207px}
    .oneA1{margin-top: 25px}
    .oneA1 a{line-height: 30px;font-size: 16px}
    .oneA2{margin: 25px 0}
    .oneA2 ul li{margin-bottom: 15px}
    .oneA2 ul li a{margin: 0 5px}
    .oneA2 ul li p{font-size: 12px;line-height: 30px}
    .oneB1{margin: 25px 0}
    .oneB1r h3{font-size: 22px}
    .oneB1r .text{margin: 15px 0 0}
    .oneC ul{margin: 25px 0}
    .oneC ul li{padding: 0 6px}
    .oneD{padding: 20px 10px}
    .oneD ul li{padding-left: 30px;margin-bottom: 15px}
    .oneD ul li h3{font-size: 16px}
    .oneD ul li:before{width: 25px;height: 25px;background-size: cover!important;top: 5px}
    .foot{padding: 0}

    .titles{margin-top: 25px}
    .titles p{font-size: 30px}
    .titles h2{font-size: 20px}
    .titles dt{font-size: 14px}
    .subnav a{font-size: 14px}
    .subnav .container{padding: 0}
    .slider{height: 200px;padding-top: 60px}
    .slider h3{font-size: 24px;margin: 25px 0 10px}
    .slider p{font-size: 16px}

    .aboutA{background: none!important;}
    .aboutA{padding: 25px 0}
    .aboutAl{padding-right: 0}
    .aboutAl .aboutA_con{margin-top: 20px}
    .aboutBs{margin: 25px 0}
    .aboutB2{padding: 20px}
    .honor ul{margin: 25px 0}
    .honor ul li{padding: 0 6px;margin-bottom: 20px}
    .honor ul li p{margin-top: 15px;font-size: 14px}
    .bghj ul{margin: 25px 0}
    .bghj ul li{padding: 0 6px;margin-bottom: 20px}
    .bghj ul li p{margin-top: 15px;font-size: 14px}

    .hxyw ul li dt{padding: 30px 40px 0;}

    .product ul{margin: 25px 0}
    .product ul li{padding: 0 6px;margin-bottom: 20px}
    .product ul li img{max-width: 50%}
    .product ul li p{margin-top: 15px}

    .case ul{margin: 25px 0}
    .case ul li{margin-bottom: 20px}
    .case ul li p{margin-top: 15px}

    .rlzyA ul{padding: 25px 0}
    .rlzyA ul li{padding: 20px 10px;}
    .rlzyA ul li dd{padding: 0}
    .rlzyA ul li dl{padding: 0 2%;}

    .contactA{margin: 25px 0}
    .contactAl h3{font-size: 18px}
    .contactAl p{margin-top: 15px;font-size: 14px}
    .contactAr{margin-top: 25px}
    .contactAr dl{width: 100%;}
    .contactAr form{margin-top: 25px}

    .bs-box ul li a span{left: 6px}

    #map{height: 250px}
}

@media screen and (max-width: 767px) {
    .slidemask{display: none}
    .bannerBsj{display: block}
    .rlzyA ul li{display: block}
    .rlzyA ul li dl{border: none;padding: 0;margin: 0}
    .rlzyA ul li dt{display: none}
    .oneB1r{padding-left: 0;margin-top: 15px}
    .oneC ul li{padding: 0;margin-bottom: 10px}
    .honor ul li dd{min-height: 250px}
    .hxyw{margin: 30px 0}
    .hxyw ul li dt{padding: 30px 20px 40px}
    .hxyw ul li dt h3{margin-bottom: 15px}
    .product ul li dd{min-height: 180px}
    .subnav{line-height: 40px}
    .oneB1r .gd{margin-top: 15px}
    .bannerA{display: none}
    .bannerAsj{display: block}
    .oneC{display: none}
    .oneCsj{display: block}
    .headlink{margin-top: 3px}
    .side-box{width: 100%}
    .casexq{margin: 30px auto}
    .casexql h1{font-size: 24px}
    .casexql{border: none}
    .casexqr{padding-left: 0;margin-top: 25px;}
    .casexqr div{margin-bottom: 20px}
    .casexqr a{line-height: 50px}
}