@charset "utf-8";
/*============================ 初始化样式 ============================*/
* { margin:0; padding:0; box-sizing: border-box}
body {color:#333; font-size:14px;  font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif;min-width: 1368px;/*overflow-x: hidden*/}
*html { background-image:url(about:blank);background-attachment:fixed;}
li { list-style:none;}
img { border:none;}
body a img { border:none;}
a { color: #333; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:focus { outline:none;}
a:link { text-decoration:none;}
a:hover { text-decoration:none; }
input,textarea,button{border: none;outline: none;background: 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;}/*限制文字,文字超出显示冒号*/

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

/* 文章上下篇 */
.wengzhengfanye { overflow: hidden;padding: 20px 0;line-height: 2}
.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB {width:50%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;}
.wengzhengfanye a:hover {color: #0189dd}
.wengzhengfanyeB{text-align: right}

/* 文章类别上下页 */
.page { overflow:hidden;}
.pagelink {text-align:center;margin-top: 40px}
.pagelink span,.pagelink a
{ display:inline-block;text-align:center; font-size:12px; padding:8px 13px; border:solid 1px #ddd; color:#666; margin:0 2px;}
.pagelink a:hover,.pagelink a.on
{ background:#0189dd; color:#fff; border:solid 1px #0189dd;}
.pagelink span{display:inline-block; color:#fff; background:#0189dd; border:solid 1px #0189dd;}

/*========================================= 首页 =====================================*/
.container { width:1368px; margin:0 auto;}
.fl{float: left}
.fr{float: right}

.head{display: flex;justify-content: space-between;align-items: center;padding: 25px 0}
.head .logo{display: flex;align-items: center}
.head .logo dl{margin-left: 20px}
.head .logo dl h1{color: #0189dd;margin-bottom: 5px}
.head .logo dl p{display: flex;justify-content: space-between}
.head .logo dl p span{display: inline-block;padding: 5px;border-radius: 3px;background: #2e9b2a;color: #fff;letter-spacing: 2px;}

.headr ul{display: flex;justify-content: space-between;align-items: center}
.headr ul li{margin-left: 30px;position: relative;cursor: pointer}
.headr ul li:nth-child(2){font-size: 28px;color: #0189de;background: url("../img/tel.png") no-repeat left;padding-left: 35px;}
.headr ul li dd{position: absolute;top: 45px;left: 50%;margin-left: -65px;z-index: 999;box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.3);
    animation: fadeInUp 0.5s .1s ease both;display: none;padding: 15px;background: #fff;}
.headr ul li dd img{width: 100px;}
.headr ul li dd p{margin-top: 10px;text-align: center}
.headr ul li:hover dd{display: block}


.nav{background: #0189dd}
.nav ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.nav li{position:relative;line-height: 50px;padding: 0 27px;display: flex;align-items: center}
.nav li a{position:relative;color: #fff;font-size: 16px}
/*.nav li a:after{content: '';width: 0;height: 2px;background: #fff;position: absolute;bottom: 0;left: 0;transition: all 0.5s ease;}
.nav li:hover a:after,.nav li.active a:after{width: 100%}*/
.nav li i{display: inline-block;width: 12px;height: 7px;background: url("../img/navli.png") no-repeat center;margin-left: 4px}
.nav ul li:hover,.nav ul li.active{background: #2e9b2a}
.nav ul li a:hover, .nav ul li .active {color: #fff;}

.xlnav{display:none;z-index: 100;width: 180px;position: absolute;top: 50px;left: 50%;margin-left:-50%;animation: fadeInUp 0.5s .1s ease both;
    background-color: #f9f9f9;box-shadow: 0 3px 10px rgba(0,0,0,.08);border-radius: 3px;}
.xlnav dd{width: 100%;line-height: 34px;border-bottom: 1px solid rgba(0,0,0,.07);transition: all .3s ease 0s;}
.xlnav dd a{color: #555!important;padding: 0 10px;background: url("../img/right.png") no-repeat 94%;display: block}
.xlnav dd:hover a{color: #2e9b2a!important;}
.xlnav dd:hover a{background: url("../img/righth.png") no-repeat 94%;}
.nav li:hover .xlnav{display: block}

.xlnav2,.xlnav3,.xlnav4{width: 200px}


/*banner图片切换样式*/
.banner{width:100%; overflow:hidden;position: relative}
.banner li{overflow:hidden;height: 772px;display:flex;justify-content:center;align-items:center}
.banner .swiper-button-prev{width: 40px;height: 40px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
    opacity: .5;background-size:100% 100%;left: 50%;margin-left: -684px}
.banner .swiper-button-next { width: 40px;height: 40px;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
    opacity: .5;background-size:100% 100%;right: 50%;margin-right: -684px}
.banner .swiper-pagination{ position: absolute; bottom:30px!important; width:100%; z-index:100; text-align: center;}
.banner .swiper-pagination-bullet {width:30px;height:3px;margin:0 7px!important;cursor: pointer;background-color:rgba(255,255,255,0.6);position: relative;border-radius: 0}
.banner .swiper-pagination-bullet-active{background: #fff}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{opacity: 1}


.oneA{box-shadow: 0 0 10px #ccc;overflow: hidden;padding: 45px 0}
.oneA ul{display: flex;justify-content: space-between;}
.oneA ul li{width: 25%;text-align: center;}
.oneA ul li h2{font-size: 54px;color: #0189dd;line-height: 60px;display: inline-block;font-family: Arial;font-weight: normal}
.oneA ul li i{font-size: 22px;color: #0189dd;text-align: right;display: inline-block;font-style: normal;vertical-align: top}
.oneA ul li p {color: #666;font-size: 18px;font-family: 'Rubik', sans-serif;line-height: 36px;}

.oneB{margin-top: 80px;}
.oneBa{display: flex;justify-content: space-between;overflow: hidden}
.oneBl{width: 48%}
.oneBl img{max-width: 100%}
.oneBr{width: 48%}
.oneBr h5{color: #666;font-size: 16px;font-weight: normal}
.oneBr h2{font-size: 24px;line-height: 1.8}
.oneBr .text{line-height: 2;font-size: 16px;color: #666;margin-top: 20px}
.oneBr .more_a{color: #0189dd;}


.oneBb{margin-top: 60px}
.oneBb ul{display: flex;justify-content: space-between}
.oneBb ul li{width: 15.4%;line-height: 60px;border-radius: 5px;border: 1px solid #eeeeee;text-align: center;font-size: 16px;}
.oneBb ul li:hover {background: #0189dd;border-color: #0189dd;color: white;box-shadow: 0 10px 20px rgba(1,137,221,.35);}
.oneBb ul li:hover a{color: #fff}

.title{text-align: center;margin-top: 80px}
.title h2{font-size: 30px;color: #0189dd}
.title p{color: #666;margin-top: 10px}

.oneC .hd{margin-top: 38px}
.oneC .hd ul{display: flex;justify-content: space-between}
.oneC .hd li{width: 12%;line-height: 38px;border-radius: 3px;text-align: center;background: #0189dd}
.oneC .hd li a{color: #fff}
.oneC .hd li:hover{background: #2E9B2A}

.oneC .bd{position: relative;overflow: hidden;padding-bottom: 50px}
.oneC .bd ul li{width: 429px;margin: 40px 40px 0 0;background: #f6f6f6;transition: all 0.5s ease;float: left}
.oneC .bd ul li dd{width: 100%;height: 428px;overflow: hidden;border: 5px solid #f6f6f6;transition: all 0.5s ease;}
.oneC .bd ul li dd img{width: 100%;}
.oneC .bd ul li dl{padding: 17px 20px 23px;display: flex;justify-content: space-between;transition: all 0.5s ease}
.oneC .bd ul li dl h3{font-size: 18px;font-weight: normal}
.oneC .bd ul li dl i{display: inline-block;width: 27px;height: 27px;background: url("../img/ocli.png") no-repeat center;}
.oneC .bd ul li:hover{background: #0189dd}
.oneC .bd ul li:hover dl h3{color: #fff}
.oneC .bd ul li:hover dl i{background: url("../img/oclih.png") no-repeat center;}
.oneC .bd ul li:nth-child(3n){margin-right: 0}
.oneC .bd ul li:hover dd{border-color: #0189dd}
.oneC .swiper-pagination{ position: absolute; bottom:0!important; width:100%; z-index:100; text-align: center;}
.oneC .swiper-pagination-bullet {width:10px;height:10px;margin:0 4px!important;cursor: pointer;background-color:#dddcdc;position: relative;border-radius: 100%}
.oneC .swiper-pagination-bullet-active{background: #5bb1e6}

.oneC_more{text-align: center;position: relative;margin-top: 35px}
.oneC_more a{display: inline-block;width: 200px;line-height: 45px;border: 1px solid #cccccc;font-size: 16px;background: #fff;z-index: 1}
.oneC_more:before{content: '';position: absolute;width: 50%;height: 1px;background: #cccccc;left: 0;top: 24px;z-index: -1}
.oneC_more:after{content: '';position: absolute;width: 50%;height: 1px;background: #cccccc;right: 0;top: 24px;z-index: -1}
.oneC_more a:hover{background: #0189dd;color: #fff;border-color: #0189dd}

.oneD{margin-top: 80px;}
.oneDa{display: flex;justify-content: space-between;align-items: center}
.oneDa .title{margin-top: 0;text-align: left}
.oneDa .title h2{font-weight: normal}
.oneDa .hd ul{display: flex;justify-content: space-between}
.oneDa .hd ul li{border: 1px solid #b9b9b9;border-radius: 5px;line-height: 50px;padding: 0 10px;margin-left: 15px;font-size: 16px;transition: all 0.3s ease}
.oneDa .hd ul li:hover{background: #0189dd;border-color: #0189dd}
.oneDa .hd ul li:hover a{color: #fff}

.oneDb{margin-top: 55px;position: relative;height: 510px;overflow: hidden}
.oneDb .hd{position: absolute;top: 0;width: 400px;height:100%;left: 0;background: rgba(1,137,221,0.95);padding: 20px;z-index: 2}
.oneDb .hd ul{}
.oneDb .hd ul li{font-size: 16px;line-height: 38px;margin-top: 5px;position: relative;padding-left: 12px}
.oneDb .hd ul li a{color: #fff;position: relative;z-index: 2}
.oneDb .hd ul li:before{content: '';width: 428px;height: 38px;background: url("../img/odli.png") no-repeat center;position: absolute;left: 0;top: 0;z-index: 1;opacity: 0}
.oneDb .hd ul li.on:before{opacity: 1}

.oneD_more{text-align: center;margin-top: 30px}
.oneD_more a{font-size: 16px;color: #fff;}

.oneDb .bd{position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 510px;}
.oneDb .bd ul li img{width: 100%;height: 510px;}

.oneE{background: #f5f7fa;padding: 55px 0;margin-top: 70px}
.oneE ul{display: flex;justify-content: space-between}
.oneE ul li{width: 320px;}
.oneE ul li h3{font-size: 18px;color: #0189dd;font-weight: normal}
.oneE ul li p{margin-top: 15px;font-size: 12px;color: #888;line-height: 2}
.oneE ul li dd{border-radius: 5px;overflow: hidden;margin-top: 40px}
.oneE ul li dd img{max-width: 100%;transition: all 0.5s ease}
.oneE ul li:hover dd img{transition: all 0.5s ease;transform: scale(1.1)}


.oneF{overflow: hidden}
.oneF .hd{margin-top: 40px}
.oneF .hd ul{display: flex;justify-content: center}
.oneF .hd ul li{width: 170px;line-height: 50px;text-align: center;font-size: 16px;background: #f4f6f8;margin: 0 15px}
.oneF .hd ul li.on{background: #0189dd;}
.oneF .hd ul li.on a{color: #fff}

.oneF .bd{margin-top: 50px}
.oneF .hds{}
.oneF .hdsl{width: 755px;}
.oneF .hdsl ul li{float: left;width: 369px;}
.oneF .hdsl ul li dd{width: 100%;height: 270px;overflow: hidden;
    display: flex;flex-direction: column;justify-content: center;align-items: center}
.oneF .hdsl ul li dd img{/*max-width: 100%;*/height:270px;transition: all 0.5s ease}
.oneF .hdsl ul li dl h3{font-size: 16px;font-weight: normal;margin-top: 15px}
.oneF .hdsl ul li dl p{color: #999;margin-top: 10px}
.oneF .hdsl ul li dl span{color: #2a3879;display: inline-block;margin-top: 15px}
.oneF .hdsl ul li:nth-child(2n){float: right}
.oneF .hdsl ul li dl span:hover{color: #0189dd}
.oneF .hdsl ul li:hover dd img{transform: scale(1.1);transition: all 0.5s ease}
.oneF .hdsl ul li:hover dl h3{color: #0189dd}

.oneF .hdsr{width: 585px;}
.oneF .hdsr ul li{border-bottom: 1px solid #e5e5e5;padding-bottom: 15px;overflow: hidden;margin-bottom: 15px}
.oneF .hdsr ul li dd{width: 70px;height: 70px;background: #f4f6f8;text-align: center;font-size: 12px;line-height: 1.6}
.oneF .hdsr ul li dd p{font-size: 40px;line-height: 30px;padding: 12px 0 5px;}
.oneF .hdsr ul li dd span{color: #555}
.oneF .hdsr ul li dl{width: 500px;margin-left: 15px}
.oneF .hdsr ul li dl h3{font-size: 16px;font-weight: normal}
.oneF .hdsr ul li dl p{color: #666;margin-top: 10px}
.oneF .hdsr ul li:last-child{border: none}
.oneF .hdsr ul li:hover dd{background: #0189dd;color: #fff}
.oneF .hdsr ul li:hover dd span{color: #fff}
.oneF .hdsr ul li:hover dl h3{color: #0189dd}

.footer{width:100%;position: relative;background: #f4f6f8;margin-top: 70px;}
.foot{overflow: hidden;padding: 60px 0 35px}
.footl{border-right: 1px solid #e5e7e8;width: 25%}
.footl ul li {padding: 10px 0;}
.footl ul li p {display: inline-block;color: #333;}
.footl ul li span {display: inline-block;color: #818181;}
.footl ul li:first-child {background: url(../img/phone.png) no-repeat left center;padding-left: 50px;}
.footl ul li:first-child span {color: #818181;font-size: 14px;width: 100%;}
.footl ul li:first-child p {color: #9f9f9f;font-size: 12px;width: 100%;}
.footl ul li:first-child h4 {color: #333;margin-top: 6px;font-size: 20px;font-weight: bold;}
.footl ul li:nth-child(2) {background: url(../img/phone2.png) no-repeat left center;padding-left: 25px;}
.footl ul li:nth-child(3) {background: url(../img/phone2.png) no-repeat left center;padding-left: 25px;}

.footc{border-right: 1px solid #e5e7e8;padding-right: 75px;display: flex;justify-content: space-between}
.footc ul{margin-left: 50px}
.footc ul h3{font-size: 16px;font-weight: normal}
.footc ul li{margin-top: 20px}
.footc ul li a{color: #818181}
.footc ul li a:hover{color: #0189dd}

.footr{}
.footr ul{display: flex}
.footr ul li{margin-left: 25px;text-align: center}
.footr ul li dd{width: 88px;height: 88px;}
.footr ul li dd img{max-width: 100%}
.footr ul li p{margin-top: 10px}

.link{padding-bottom: 40px;}
.link a{color: #818181;margin: 0 10px}
.link a:hover{color: #0189dd}

.copy{background: #d6d6d6;padding: 15px 0;overflow: hidden}

/*========================================= 关于我们 =====================================*/
.ny_ban{overflow: hidden;height: 240px;display:flex;justify-content:center;align-items:center;position: relative}
.ny_ban dl{color: #fff;position: relative;z-index: 2}
.ny_ban dl h2{font-size: 24px;}
.ny_ban dl p{font-size: 24px;text-transform: uppercase;font-weight: bold}

.location{border-bottom: 1px solid #dedede;line-height: 40px;color: #999;overflow: hidden}
.local{display: flex;align-items: center}
.local a{margin: 0 10px;display: inline-block}
.location ul{display: flex;}
.location ul li{margin-left: 20px;font-size: 16px;position: relative;line-height: 39px;}
.location ul li:hover::after,.location ul li.active::after {content: "";width: 0;height: 0;border-right: 7px solid transparent;border-left: 7px solid transparent;border-bottom: 7px solid #0189dd;position: absolute;bottom: 0;left: 50%;margin-left: -7px;}
.location ul li:hover:hover, .location ul li.active {color: #0189dd;border-bottom: 1px solid #0189dd;font-weight: bold}

.one{line-height: 2;font-size: 16px;min-height: 300px;margin-top: 40px}
.one img{line-height: 2;font-size: 16px;}

.ny_title{margin-top: 40px;text-align: center}
.ny_title h2{font-size: 20px;font-weight: normal}
.ny_title p{font-size: 36px;font-weight: bold;font-family: "Arial Black";text-transform: uppercase;}

.search{margin-top: 30px}
.search form{display: flex;justify-content: center;}
.search input {width: 340px;padding: 0 20px;text-align: left;font-size: 16px;line-height: 50px;background: #f9f9f9;box-shadow: 0 0 15px rgba(0,0,0,0.2) inset;border-top-left-radius: 10px;border-bottom-left-radius: 10px;height: 50px;}
.search button {width: 80px;height: 50px;background: url(../img/search.png) no-repeat center #0189dd;background-size: 30px;cursor: pointer;border-top-right-radius: 10px;border-bottom-right-radius: 10px;-webkit-transition: .5s;-o-transition: .5s;transition: .5s;border: 0;}

.pronav{margin-top: 40px;border-bottom: 1px solid #dedede;padding-bottom: 50px}
.pronav ul{border: 1px solid #e6e5e6;border-top: none;}
.pronav ul li{display: flex;justify-content: space-between;border-top: 1px solid #e6e5e6;overflow: hidden;}
.pronav ul li dt{width: 10%;background: #f4f4f4;font-size: 16px;text-align: center;font-weight: bold;padding: 10px 0}
.pronav ul li dl{width: 90%;display: flex;justify-content: space-between;padding: 10px 40px;line-height: 2}
.pronav ul li dl dd{width: 15%;}
.pronav ul li dl dd a:hover,.pronav ul li dl dd a.active{color: #0189dd;}
.pronav ul li dl label{display: flex;flex-wrap:wrap;width: 85%;}
.pronav ul li dl label span{display: inline-block;width: 20%}
.pronav ul li dl label span a:hover,.pronav ul li dl label span a.active{color: #0189dd;}


.product{}
.product ul{display: flex;flex-wrap: wrap}
.product ul li{width:425px;margin-top: 45px;transition: all 0.5s;padding:30px;margin-right: 46px;border: 1px solid rgba(0,0,0,.1)/*box-shadow: 0 0 20px rgba(0,0,0,.2);*/}
.product ul li dd{background: #fff;position: relative;width:365px;height: 365px;overflow: hidden}
.product ul li dd img{max-width: 100%;height:365px;transition: all 0.5s;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.product ul li h3{font-size: 18px;font-weight: normal;text-align: center;margin-top: 30px}
.product ul li:hover{box-shadow: 0 0 30px rgba(0,0,0,.2);transition: all 0.3s;}
.product ul li:nth-child(3n){margin-right: 0}
.product ul li:hover{box-shadow: 0 0 30px rgba(0,0,0,.2);}

.case_nav{margin-top: 25px;overflow: hidden}
.case_nav ul li{float: left;border: 1px solid #ddd;width: 222px;line-height: 36px;padding: 0 10px;border-radius: 3px;margin:7px 7px 0 0;text-align: center}
.case_nav ul li:nth-child(6n){margin-right: 0}
.case_nav ul li:hover a{color: #0189dd}
.case_nav ul li.active a{color: #fff}
.case_nav ul li.active{background: #0189dd;border-color: #0189dd}


.solution{background: #f2f2f2;overflow: hidden;padding: 20px 0 60px;margin-top: 30px}
.solution ul li{width: 436px;margin: 30px 30px 0 0;float: left}
.solution ul li dd{width: 100%;height: 200px;overflow: hidden}
.solution ul li dd img{max-width: 100%;height: 200px;transition: all 0.5s ease}
.solution ul li p{padding: 10px 15px;background: #fff;font-size: 18px}
.solution ul li:nth-child(3n){margin-right: 0}
.solution ul li:hover dd img{transform: scale(1.1);transition: all 0.5s ease;}
.solution ul li:hover p{background: #0189dd;color: #fff}

.case{background: #f2f2f2;overflow: hidden;padding: 20px 0 60px;margin-top: 30px}
.case ul li{width: 319px;margin: 40px 30px 0 0;float: left}
.case ul li dd{width: 100%;height: 195px;overflow: hidden;border-radius: 8px;}
.case ul li dd img{max-width: 100%;transition: all 0.5s ease}
.case ul li p{font-family: Impact;font-size: 30px;line-height: 30px;margin-top: 27px}
.case ul li h3{font-size: 16px;line-height: 24px;color: rgba(32,36,37,0.60);height: 48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: normal;margin-top: 10px;}
.case ul li:nth-child(4n){margin-right: 0}
.case ul li:hover dd img{transform: scale(1.1);transition: all 0.5s ease;}
.case ul li:hover h3{color: #0189dd}


.news{background: #f2f2f2;overflow: hidden;padding: 20px 0 60px;}
.news ul li{width: 436px;margin: 30px 30px 0 0;float: left;background: #fff;transition: all 0.5s ease}
.news ul li dd{width: 100%;height: 253px;overflow: hidden}
.news ul li dd img{max-width: 100%;transition: all 0.5s ease}
.news ul li dl{padding: 20px}
.news ul li dl h3{font-size: 20px;font-weight: normal;margin-bottom: 10px}
.news ul li dl span{color: #666;}
.news ul li dl p{line-height: 1.8;margin: 10px 0;}
.news ul li dl label{display: inline-block;border: 1px solid #e5e5e5;padding: 12px 30px;border-radius: 50px;margin-top: 20px;}
.news ul li:nth-child(3n){margin-right: 0}
.news ul li:hover dd img{transform: scale(1.1);transition: all 0.5s ease;}
.news ul li:hover{background: #0189dd;color: #fff}
.news ul li:hover dl h3{color: #fff}
.news ul li:hover dl span{color: #fff}
.news ul li:hover dl p{color: #fff}
.news ul li:hover dl label{color: #fff;border-color: #fff}

/*.contactA{padding: 0 50px}*/
.contactA ul{display: flex;flex-wrap: wrap;justify-content: center;align-content: flex-start;}
.contactA ul li{box-shadow: 0 0 0.2rem rgba(1, 137, 221, 0.2);margin: 0 20px;margin-top: 90px;width: 182px}
.contactA ul li dd{width: 94px;height: 94px;border-radius: 100%;transform: translateY(-50%);margin-bottom: -35px}
.contactA ul li dd img{max-width: 100%}
.contactA ul li dl{padding: 0 10px}
.contactA ul li h3{font-size: 20px;display: flex;align-items: flex-end}
.contactA ul li h3 span{font-size: 14px;color: #0189dd;display: inline-block;margin-left: 8px}
.contactA ul li .text{margin-top: 15px;font-size: 12px;line-height: 1.8}
.contactA ul li .text p{}
.contactA ul li .txt{background: #0189dd;padding: 10px;color: #fff;margin: 15px 0;min-height: 64px;line-height: 24px}

.contactB{margin-top: 20px;}
.contactB ul{display: flex;flex-wrap: wrap}
.contactB ul li{box-shadow: 0 0 0.2rem rgba(1, 137, 221, 0.2);width: 429px;float: left;margin: 40px 40px 0 0}
.contactB ul li h3{line-height: 42px;color: #fff;background: #0189dd;padding: 0 15px}
.contactB ul li dl{line-height: 2;padding: 15px}
.contactB ul li:nth-child(3n){margin-right: 0}
/*
.ny_nav{background: #f6f6f6;margin-top: 30px}
.ny_nav ul{display: flex;flex-wrap: wrap}
.ny_nav ul li{position: relative;padding: 0 30px;font-size: 15px;line-height: 80px;float: left;}
.ny_nav ul li:after {content: "";position: absolute;width: 1px;height: 15px;display: block;background: #ccc;top: 50%;margin-top: -7px;right: 0;transition: all 0.5s ease}
.ny_nav ul li:hover,.ny_nav ul li.active{background: linear-gradient(to right, #0189dd, #07CD69);transition: all 0.5s ease}
.ny_nav ul li:hover a,.ny_nav ul li.active a{color: #fff}
*/

.contactAr{width: 62%;background: #F9F9F9;padding: 25px}

.message{overflow: hidden}
.message dl{display: flex;justify-content: space-between;margin-top: 20px}
.message input{width: 100%;line-height: 44px;padding: 0 15px;background:rgba(204, 204, 204, 0.15);color: #333}
.message textarea{width: 100%;min-height: 120px;padding: 15px;font-family: "微软雅黑";background:rgba(204, 204, 204, 0.15);color: #333}
.message a{display:block;line-height: 44px;background: linear-gradient(to right, #0189dd, #07CD69);color: #fff;width: 335px;outline: none;border: none;
    font-size: 16px;text-align: center;margin-top: 20px}
.message a:hover{background: #0189dd}

#dituContent{height: 400px;margin-top: 40px}



/*=======================================产品详情页============================================*/
.show{overflow: hidden;display: flex;justify-content: space-between;margin-top: 40px;padding: 20px;background: #F5F6F8;}
.showl{width: 48%;text-align: center;position: relative;}
.showl dd{background: #fff;width: 100%;height: 100%}
.showl dd img{position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;max-width: 100%}
.showr{width: 48%}
.showr h1{font-size: 34px;padding-bottom: 25px;margin-bottom: 25px;border-bottom: 2px solid #333;}
.showr .text{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;margin: 15px 0;color: #555;line-height: 1.6;}
.showra{display: flex;flex-direction: row;flex-wrap: wrap;margin: 30px 0px 0px;border-top: 1px dashed #aaa;border-bottom: 1px dashed #aaa;padding: 20px 0px;}
.showra a{display: inline-block;font-size: 16px;margin-right: 30px}
.showra a:nth-child(1){background: url("../img/showra1.png") no-repeat 0 -19px;padding-left: 30px;}
.showra a:nth-child(2){background: url("../img/showra2.png") no-repeat 0 -18px;padding-left: 28px;}
.showra a:hover{color: #e5322c}
.showrb{font-size: 16px;font-weight: bold;padding: 20px 0px 10px;align-items: center;
    display: flex;background: url("../img/tel.png") no-repeat 0 25px;padding-left: 35px}
.showrb a{font-size: 26px;}
.showr .btn{display: inline-block;width: 145px;line-height: 45px;background: #e5322c;color: #fff;text-align: center;font-size: 16px;margin: 20px 0 5px}
.showr .btn:hover{background: #1D2088}
.showcon{margin-top: 40px;font-size: 16px;line-height: 2}
.showcon img{max-width: 100%}

/*=======================================新闻详情页============================================*/
.content{margin-top: 40px}
.news_info{overflow:hidden;}
.info_title{text-align:center;}
.info_title h1{font-size:28px;font-weight: normal}
.info_laiyuan{text-align:center; color: #666;margin-top: 20px}
.info_text{padding:20px 0;line-height:2;min-height: 300px;}
.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)}