/*
Theme Name:Sketch
Theme URI:http://www.0515jia.com
Description:少年，感谢你使用主题。
Author: MR.Z
Author URI:http://www.0515jia.com
Version:1.0
*/

@charset "utf-8";
html, body, div,a, em, font, img, ins, kbd, q, s, samp,small, strike, tt, var, dl, dt, dd, ol, ul, li,p,fieldset, form, label, legend, table, caption, tbody, tfoot,thead{margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;text-transform: none;text-decoration: none;color:#5b5b5b;list-style:none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body,html{font:14px/1.5 'Microsoft JhengHei','Microsoft YaHei', sans-serif;height:100%;}
@font-face{font-family:'MicrosoftJH';src:url('css/zi/MicrosoftJhengHei.ttf');}
h1,h2,h3,h4,h5,h6,b{font-weight:normal;margin: 0;}
table{border-collapse:separate;border-spacing:0}
a img,iframe,.m-pic{border:none;width: 100%;height: auto;}
button,input,textarea{font-size:100%;vertical-align:middle;outline:0;border-radius:0;-webkit-appearance:none}
a,a img,em,li,a:hover,*:before, *:after,.m-menu i,.section-title .btn-black,.cat-pro li .title,.searchw,.navigation,.search_form .search_btn,ul a i,p,.cat-pro ul li a .txt h3{transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease}
a:before,h2:before,h2:after,h3:before,h3:after,h4:before,h4:after,ul:before,ul:after{font-family: "iconfont"}
a,a:hover{text-decoration:none}
.bg-1 {display: none;position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 100;left: 0;top: 0;}
.fl {float: left;}
.fr {float: right;}
/*header*/
.header {-moz-box-shadow: 0 1px 3px #999;-webkit-box-shadow: 0 1px 3px #999;box-shadow: 0 1px 3px #999;position: fixed;height: 70px;z-index: 1000; left: 0;top:0;width: 100%; background-color: #fff; }
.m-menu,.mobile-tel{display: none; }
.w1660 {width:87.492%; margin:0 auto;}
.logo {display: inline-block;margin: 0;}
.logo a{height:70px;display: table-cell;vertical-align: middle;}
.logo .lp {width: 165px; height: 65px;display: block;}
.navigation .two-menu li.xiazai a i{padding-right: 10px;}
.footer{padding:80px 0; background-color: #262626;}
.footer .container:after {display: block; float: none; clear: both; content: '';}
.foot-infor { font-size: 0; margin-top: 40px; }
.foot-infor img {display: inline-block; vertical-align: middle; }
.foot-infor .txt {display: inline-block; margin-left: 35px; vertical-align: middle;}
.foot-infor .txt p {font-size: 14px; line-height: 26px; color: #fff; }
.foot-logo img {width: 128px; height: 44px;}
.foot-right .content { font-size: 0; float: none; clear: both; padding-top:143px;position: relative}
.foot-right .link{color:#999;font-size: 12px;padding-bottom: 8px;position: absolute;top:0}
.foot-right .link li{display: inline-block;padding-bottom: 8px;}
.foot-right .link li a{color:#999;padding: 0 8px;}
.foot-right .link li a i{font-size: 12px;}
.foot-right .copyright {display: inline-block;vertical-align: top;}
.foot-right .copyright p, .foot-right .copyright a {font-size: 12px; color: #999; }
.foot-right .copyright p i{font-size: 14px;margin-right: 6px;}
.foot-right .copyright a:hover { color:#fff}
.footer-nav { position: fixed; bottom: 100px; right: 0; z-index: 101; text-align: center; }
.footer-nav a{ position: relative; width: 54px; height: 54px;display: flex;align-items: center;justify-content: center; background-color: #000;}
.footer-nav .footer_qq:hover,.footer-nav a:hover{ background-color: #999; }
.footer-nav .wave{width: 54px; height: 54px;position: fixed;z-index: 100;}
.footer-nav .wave .dot { transition: background 0.6s ease-in-out; display: inline-block; width: 3px; height: 3px; border-radius: 50%; margin-right: -1px; margin-top: 22px; background-color: #000; animation: wave 1.3s linear infinite; }
.footer-nav .wave .dot:nth-child(2) { animation-delay: -1.1s; }
.footer-nav .wave .dot:nth-child(3) { animation-delay: -.9s; }
@keyframes wave { 0%, 20%, 60% { transform: initial; }20% { transform: translateY(-2px); } }
@keyframes hoverStart { 100% { transform: translateX(0%); } }
@keyframes hoverEnd { 45% { transform: translateX(0%); }100% { transform: translateX(100%); } }
@keyframes bannerProgress { 100% { width: 10px; } }
.footer-nav a i{color: #fff;font-size: 30px;}
.footer-nav .footer_tel i{font-size: 22px;}
.footer-nav .footer_tel .wave{margin-left: 6px;}
.footer-nav .footer_tel .wave .dot{background-color: #fff;margin-top: 17px;}
.wx-box{z-index: 101;position: fixed;left: 50%;top: 50%;width: 200px;height: 220px;text-align: center;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);background: #fff;border: 1px solid #efefef;border-radius: 10px;padding: 10px;display:none}
 .wx-box img {width: 100%;}
/*Search*/
.search_form {width: 100%;overflow: hidden;}
.search_form .text_input {padding-left:1%;border: 0;border-bottom: 1px solid #cccccc;width: 80%;}
.search_form input {height:40px;float: left;font-size:15px;box-sizing: border-box;}
.search_form .search_btn {cursor: pointer;font-weight: 100;width: 20%;color: #fff;border: 0;}
.search_form .search_btn:hover{background-color:#000}
/*banner*/
.index-banner{width: 100%;display: block;overflow: hidden;position: relative;}
.index-banner .swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.index-banner .swiper-button-next, .index-banner .swiper-button-prev{opacity: 0;background-image:none;}
.index-banner .swiper-button-prev:before{content: "\e629";font-family: iconfont!important;font-size: 50px;color: #fff;left: 20px;position: absolute;}
.index-banner .swiper-button-next:before{content: "\e628";font-family: iconfont!important;font-size: 50px;color: #fff;right: 20px;position: absolute;}
.index-banner .swiper-button-next:hover,.index-banner .swiper-button-prev:hover{ opacity: 1;-webkit-transition:0.2s; -moz-transition:0.2s; transition:0.2s;}
.in-banner-txt{display: block;position: absolute;background: rgba(0, 0, 0, 0.7);right: 0;bottom: 0;padding:5%;}
.in-banner-txt h3{line-height: 1em;display: block;font-size: 2em;margin: 0 0 26px 0;letter-spacing: 1px;width: 100%;text-align: left; color:#fff; }
.in-banner-txt h4{ display: block;font-size: 17px;letter-spacing: 2px;margin: 0 0 26px 0; color:#fff;}
.index-banner .in-banner-txt a{display: inline-block;padding: 8px 40px;font-size: 14px;border: 1px solid #fff;color: #fff;}
.index-banner .in-banner-txt a:hover{background-color:red}
.index-banner .swiper-pagination-bullet {width: 48px;height: 2px;display: inline-block;background: #fff;opacity: 0.5;border-radius: 0;}
.index-banner .swiper-pagination-bullet-active {opacity: 1;}
.index-banner .swiper-pagination-bullets{bottom:30px}
/*index-about*/
.index-lead{padding: 90px 0 90px;font-size: 15px;line-height: 30px;text-align: center;letter-spacing:2px;}
.index-about h2{position: relative;display: inline-block;vertical-align: top;margin-bottom:10px;font-size: 18px;line-height: 30px;color: #333;letter-spacing:5px;}
.index-about h4{letter-spacing:0;margin-bottom:15px;font-size: 14px;line-height: 18px;color: #999;font-family: Consolas;}
.index-about h2:before{content:"\ec81";position:absolute;top:-32px;left:-45px;color: #fcc800;font-size:35px;}
.index-about h2:after{content:'';position:absolute;bottom:0;right:-40px;width:18px;height:3px;background-color:#fcc800}
/*titletongyong*/
.section-title {text-align: center;margin-bottom:5%}
.section-title .btn{position: relative; padding:0 90px 0 30px; display: inline-block; margin: 0 auto; border:1px solid #fff; font-size:19px; line-height: 2; color: #fff;}
.section-title .btn-black{width: 360px; border-color: #000; color: #231815; line-height: 2.5; text-transform: uppercase;background: -webkit-linear-gradient(right, #fff 50%, #000 50%); background: linear-gradient(to left, #ffffff 50%,#000000 50%); background-size: 200% 100%; background-position: right bottom; box-sizing: border-box;}
.section-title .btn-black:hover{background-position: left bottom; color: #fff;}
.section-title .btn-black:hover:before,.section-title .btn-black:hover:after{background-color: #fff;}
.section-title .btn:before{width: 60px; height: 2px; margin-top: -1px; right: 36px;}
.section-title .btn:after{right: 50px; width:3px; height: 16px; margin-top: -8px;}
.section-title .btn:before, .btn:after{content: ""; position: absolute; background-color: #fff; top: 50%;}
.section-title .btn-black:before, .btn-black:after{background-color: #000; -moz-transition: background-color .3s ease-out; -o-transition: background-color .3s ease-out; -webkit-transition: background-color .3s ease-out; transition: background-color .3s ease-out;}
/*index-pro*/
.index-pro{overflow: hidden;}
.index-pro .cat-pro{padding-bottom:0;padding-top: 0;}
.proMain ul,.index-new .container,.index-case .case-list{margin-top: 60px;-ms-zoom: 1;}

.clearfix {display: block;clear: both;float: none;}
.index-more{height: 250px;display: flex;align-items: center;background: url(images/index_bg2.jpg) no-repeat center;background-size: cover;margin-top: 1%;}
.index-more p {display:inline-block;font-size: 18px;color: #fff;line-height: 30px}
.index-more a {float: right;display: block;width: 150px;height: 42px;line-height: 42px;text-align: center;border-radius: 50px;font-size: 14px;border: 1px solid #fff;color:#fff}
.index-more a:hover{color:#fff}
/*index-new*/
.index-new{padding-top:10%;font-size: 0;}
.index-new .news-item {float: left;width:31.5%;height: 400px;margin-right: 1.5%;background:#f8f8f8;position: relative;}
.index-new .news-item h4,.index-new .news-item span,.index-new .news-item .txt {padding:0 18px;}
.index-new .news-item h4 {margin-top: 30px;font-size: 18px;color:#000;font-weight: bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.index-new .news-item span {display:block;font-size:12px;line-height:12px;margin:10px 0 25px;color:#999;}
.index-new .news-item .txt {font-size: 14px;color:#999;margin-bottom: 25px;overflow:hidden;}
.index-new .news-item .pic {position: absolute;bottom: 0;left: 0;overflow:hidden;}
.index-new .news-item img {width:100%;height:200px;}
.index-new .news-list {width:30.4%;display: inline-block;height:400px;padding:0 1.5%;background:#f8f8f8;overflow:hidden;}
.index-new .news-list>h2{color: #999;margin: 25px 0 16px;font-size: 14px;line-height: 18px;}
.index-new .news-list li {line-height:42px;font-size:14px;position:relative;}
.index-new .news-list li a {display:block;width:75%;color:#666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}
.index-new .news-list li a:hover{-webkit-transform: translateX(10px);-moz-transform: translateX(10px);transform: translateX(10px);}
.index-new .news-list li span {position:absolute;top:0;right:0;color:#b4b4b4;font-size:12px;}
/*index-case*/
.index-case{padding-top:10%}
.index-case .case-list,.cat-pic .case-list{display: block;position: relative;}
.case-list li{width: 25%;float: left;}
.styleB .pic{display: block;margin: 0 1% 2%;position: relative;}
.styleB .pic a{display: block;position: relative;overflow: hidden;padding-top: 61.54%;}
.case-list li:nth-child(4) .pic a,.case-list li:nth-child(9) .pic a,.cat-pic .case-list li:nth-child(3n+4) .pic a{padding-top:123.08%;padding-bottom: 14px;}
.styleB .pic a {background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;display: block;position: relative;}
.styleB .pic .mask {text-indent: 0;position: absolute;z-index: 2;top: 0;width: 100%;height: 100%;background: #000;opacity: 0;transition: opacity ease-out 0.5s;;}
.styleB .pic .mask div {font-size:13px;color:#fff;position: absolute;top: 50%;right: 20px;left: 20px;text-align: center;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.styleB .pic .mask h3{font-size:15px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.styleB .pic:hover .mask {visibility: visible;-webkit-opacity: 0.8;-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.styleB .pic:hover .mask em {width: 40px;}
.styleB .pic .mask em {margin: 17px auto 0 auto;display: block;width: 0;height: 3px;}
/*index-footer*/
.footer-ch{background: url(images/dev-bj.jpg) center no-repeat;background-size: cover;background-attachment: fixed;text-align:center;position: relative;padding-top: 140px;padding-bottom: 75px;width: 100%;overflow: hidden;}
.footer-title {padding-bottom: 50px;font-size: 32px;color: #fff;line-height: 1;font-weight: 200;}
.btns a.lj{position: relative;overflow: hidden;font-size: 17px;line-height:42px;margin-bottom: 15px;width:190px;height: 42px;color: #fff;display: inline-block;background-color: #000;}
.btns a.link{border-bottom: 1px solid #fff;text-align: justify;color:#fff}
.btns a.lj:before,.btns a.lj:after {content: ""; display: block; width: 100%; height: 100%; position: absolute; z-index: 0; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transform: translateX(-100%); }
.btns a.lj:after {background-color: #999;}
.btns a.lj:hover:after {animation: hoverEnd .6s ease-in-out forwards; }

/*Pro*/
.page-navigation { min-height: 76px; margin-top: 6.5%; }
.page-navigation:after { display: block; float: none; clear: both; content: ''; }
.page-title{margin-bottom: 10px;max-width: 30%;font-size: 0; display: inline-block; vertical-align: top; }
.page-title .le, .page-title .lc {font-family:Consolas;text-transform:capitalize;font-size: 30px; display: inline-block;vertical-align: middle; letter-spacing: 1px; color: #000; }
.page-title .single{display:block;margin:20px 0;}
.page-title .lc a{position: relative;color: #afafaf;font-size: 14px;display: inline-block;letter-spacing: 1px;}
.page-title .lc a:before{content:"\e606";font-size: 20px}
.page-title .lc a:hover{color:#000}
.page-title .lc a:after{content:'';width: 20px;height: 1px;background-color:#afafaf;position: absolute;vertical-align: top;left: 0;top: 50%;}
.page-title .lc a:hover:after{width:110px;background-color: #000}
.page-title .le {margin-right:15px; }
.page-tags { font-size: 0; float: right;max-width: 70%;}
.page-tags .mt { display: none; }
.page-tags li { display: inline-block; margin-left: 4px; vertical-align: top; margin-bottom: 10px; }
.page-tags a {background-color:#000;font-size: 14px; line-height: 30px; display: block; width: 150px; height: 30px; padding: 0 15px; transition: height 0.6s ease-in-out; letter-spacing: 1px; color: #fff;text-align: center;}
.page-tags a:hover { height: 43px; }
.page-tags li:nth-child(1) a{background-color:#545454}
.page-tags li:nth-child(2) a{background-color:#81262d}
.page-tags li:nth-child(3) a{background-color:#614234}
.page-tags li:nth-child(4) a{background-color:#4f9525}
.page-tags li:nth-child(5) a{background-color:#e5cc98}
.page-tags li:nth-child(6) a{background-color:#ff922c}
.page-tags li:nth-child(7) a{background-color:#1e4058}
.page-tags li:nth-child(8) a{background-color:#8c928b}
.page-tags li:nth-child(9) a{background-color:#da5555}
.page-tags li:nth-child(10) a{background-color:#860488}
.page-tags li:nth-child(11) a{background-color:#610202}
.page-tags li:nth-child(12) a{background-color:#39b6ff}
.page-tags li:nth-child(13) a{background-color:#0bcc58}
.page-tags li:nth-child(14) a{background-color:#100815}
.page-tags li:nth-child(15) a{background-color:#988181}
.page-tags li:nth-child(16) a{background-color:#2f5c84}
.page-tags li:nth-child(17) a{background-color:#3c842f}
.page-tags li:nth-child(18) a,.cat-news li:nth-child(18) .date{background-color:#00acbd}
.cat-pro,.cat-news,.cat-pic{padding-top:6%;padding-bottom: 7%;background: linear-gradient(#f3f3f3, rgba(243, 243, 243, 0.45));font-size: 0;min-height:400px;}
.cat-pro ul{width: 100%;position: relative;}
.cat-pro ul li {display:inline-block;position:relative;width:32.3%;margin:0 .5%;margin-bottom:30px;vertical-align:top;}
.cat-pro ul li a{display:block;width:100%;overflow:hidden;position:relative;}
.cat-pro ul li a img {width:100%;height:auto;transition:all 1.2s ease-in-out;-moz-transition:all 1.2s ease-in-out;-webkit-transition:all 1.2s ease-in-out;}
.cat-pro ul li a .txt {box-sizing: border-box;height:100px;overflow:hidden;width:100%;position:relative;text-align:center;z-index:2;background:#f8f8f8;font-size:14px;line-height:1.5;padding:0px 15px 10px;color:#000;}
.cat-pro ul li a .txt h3 {font-weight:bolder;color:#333;font-size:16px;margin-top: 15px;margin-bottom: 5px;height: 25px;overflow: hidden;}
.cat-pro ul li a .txt h3:first-child+p {color:#666;font-size:12px;margin-top:0;}
.cat-pro ul li:hover a .txt h3,.cat-pro ul li:hover a .txt h3:first-child+p,.cat-pro ul li:hover a .txt {color:#fff;}
.cat-pro ul li a .txt small {display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;transform:translateY(-100%);-moz-transform:translateY(-100%);-webkit-transform:translateY(-100%);transition:all .4s ease-in-out .2s;-moz-transition:all .4s ease-in-out .2s;-webkit-transition:all .4s ease-in-out .2s;}
.cat-pro ul li:hover .txt small {transform:translate(0);-moz-transform:translate(0);-webkit-transform:translate(0);opacity:1}
.cat-pro ul li:hover img {transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1)}
.pagination{padding: 5px 40px;background-color: #f3f3f3;}
.pagination .page-numbers{display:none}
.pagination .prev {float: left;padding-left: 90px;display: block;}
.pagination .next {float: right;padding-right: 90px;display: block;}
.pagination li,.pagination>a{font-size: 14px;position: relative;transition: color 0.6s ease-in-out;letter-spacing: 1px;color: #666;}
.pagination li span,.pagination>a span{font-size: 12px;display: block;transition: color 0.6s ease-in-out;text-transform: uppercase;color: #999;}
.pagination a:after {position: absolute;bottom: 10px;display: block;width: 75px;height: 1px;content: '';transition: background 0.6s ease-in-out;background-color: #999;}
.pagination .next a:after,.pagination .next:after{right: 0;}
.pagination .prev a:after,.pagination .prev:after{left: 0;}
.pagination:after {display: block;float: none;clear: both;content: '';}
.pagination a:hover,.pagination a:hover span { color: #000; }
.pagination a:hover:after { background-color: #000;}
.page-width .pagination{margin-bottom: 7%;}
/*News*/
.cat-news ul{}
.cat-news li { position: relative; margin-bottom: 34px; }
.cat-news li>a {height: 100%; }
.cat-news li a img {width:467px;display: inline-block; vertical-align: top; padding-left: 50px;}
.cat-news li .date{background-color:#666;position: absolute; left: 0; top: 0; z-index: 10;display: inline-block;width: 50px;height: 100%;text-align: center;vertical-align: top;}
.cat-news li .date>div{ position: absolute; top: 50%; width: 100%; transform: translateY(-50%); }
.cat-news li .date strong {font-size: 24px; line-height: 26px; display: block; margin-bottom: 22px; letter-spacing: 2px; color: #fff; }
.cat-news li .date div,.cat-news li .date span{font-size: 12px; line-height: 20px; letter-spacing: 1px; color: #fff; }
.cat-news .newleft{position: absolute;display: inline-block;box-sizing: border-box;height: 100%; padding:3% 13% 0 5%; vertical-align: top; background-color: #fff;width: calc(100% - 517px);}
.cat-news .newleft h3{position:relative;border-bottom: 1px #f2f2f2 solid;padding-bottom: 8px;}
.newleft h3:before{position: absolute;content: '';bottom: 0;left: 0;right: 0;width: 0;height: 1px;}
.cat-news .newleft h3 a{ font-size: 20px; line-height: 28px; color: #000; max-height: 56px; overflow: hidden; }
.cat-news .newleft h3 a:hover{color: #666;}
.cat-news .newleft p{color: #666;font-size: 14px; line-height: 24px; overflow: hidden; height: 90px; letter-spacing: 1px; margin-top:20px; }
.cat-news .newleft span {bottom:30px;position:absolute;color: #666;font-size: 13px;padding-right: 30px;}
.cat-news .newleft span:nth-child(n+4){left:20%}
.cat-news .newleft span a{color: #666;}
.cat-news .newleft span i{font-weight:300;font-size: 13px;vertical-align: 0.5px;}
.cat-news li:hover{-moz-transform: translateY(-6px);-ms-transform: translateY(-6px);-webkit-transform: translateY(-6px);transform: translateY(-6px);}
.cat-news li:hover .newleft h3:before{width: 100%}
.cat-news li:hover img{opacity: .7;}
.page-width .container{position:relative}
.news-data-share { margin-top: 40px; text-align: center; }
.news-data-share a{display:inline-block;width:30px;height:30px;border-radius:50%;background-color: #929292;}
.news-data-share a i{display:inline-block;width:30px;height:30px;color:#fff;text-align:center;font-size:15px;line-height:30px;letter-spacing: 0.01rem;}
.news-data-sidebar{margin-top: 20px;}
.news-data-sidebar .date{background-color: #666;width: 30%;display: inline-block;color: #fff;font-size: 14px;letter-spacing: 1px;padding: 14px 17px;}
.news-data-sidebar .date strong{margin-right: 15px;}
.news-data-sidebar .news-data-share,.news-data-sidebar .news-data-share a{display:inline-block;margin: 0 10px;}
.news-data-sidebar h5{font-size: 14px;line-height: 63px;float: right;}	
/*About*/
.page-about{position: relative;font-size: 0;}
.page-mt{margin-top: 69px;}
.page-about img { width: 100%; }
.page-about .txt {position: absolute;z-index:3;bottom:33px;left:6.6%;color: #fff;}
.page-about .txt h1{font-size: 29px;letter-spacing: 4px;}
.page-about .txt h3{font-size: 14px;margin-top: 10px;letter-spacing: 2px;color: #fff;padding-right: 10px;}
.page-about .txt h3 i{margin-right: 25px;font-size: 14px;}
.page-about .txt h3 a{color: #fff;}
.page-about .txt h4{font-size: 36px;margin-top: 10px;letter-spacing: 2px;font-family:Baskerville,Baskerville Old Face,Hoefler Text,Garamond,Times New Roman,serif;text-transform:uppercase}
.page-about .pro-ms{position: absolute;z-index: 3;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;    font-size: 20px;line-height: 38px;text-align:center}
.BannerBg{position: absolute;background: url(images/hbj.png) center repeat-x;width: 100%;height: 100%;bottom: 0;left: 0;z-index: 2;}
.about-intro{margin:90px 0;position:relative;text-align:right}
.about-intro .about-intro-title {position: absolute;text-align: left;top: 0;left: 0;width: 32%;}
.about-intro .about-intro-img{position: absolute;bottom:0;left:0;width:32%;}
.about-intro .about-intro-img img{width:100%}
.about-intro .page-des{width: 56.94444%}
.page-nav {z-index:2;position:relative;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);max-width:1200px;margin:0 auto;background:#fff;height:57px;line-height:57px;text-align:center;white-space:nowrap;overflow-x:auto;overflow-y:hidden;margin-bottom:20px;border-bottom: 1px solid #ccc;}
.page-nav li {display:inline-block;white-space:normal;}
.page-nav li a {position:relative;padding:0 25px;text-transform:uppercase;font-size:14px;color:#000;}
.page-nav li+li a {border-left: 1px solid #ccc;}
.page-nav li a:before {content:"";position:absolute;top:50%;left:20px;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);width:0px;height:16px;background:url(images/page/icon_1.png);}
.page-nav li a:hover:before,.page-nav .current-menu-item a:before {left:10px;width:4px;}
/*PAGE*/
.about-intro h2{margin-left: 20px;}
.page-pro-bg{z-index: 5;position: relative;width: 100%;margin-top: -90px;background: #fff;}
.page-pro-bg h1{color: #000;text-align: center;padding-top: 20px;font-weight: bolder;}
.page-pro-bg .pro-zx,.page-pro-bg .pro-tel{text-align: center;margin: 15px 0;}
.page-pro-bg .pro-tel a{border: 1px solid #656565;padding: 6px 15px;}
.page-pro-bg .pro-tel a:nth-child(1),.page-pro-bg .pro-tel a:hover{background-color:#000;color: #fff;}
.page-pro-bg .pro-tel a:nth-child(1):hover{background-color:#fff;color: #000;}
.page-pro{margin:6% 2%;}
.page-des h2,.page-des h3{margin-left: 30px;margin-bottom:13px;letter-spacing: 1px;color: #000;font-family: Consolas;font-size: 25px;vertical-align: top;position: relative;}
.page-des h3{font-size: 20px;}
.page-des h4{margin:13px 0;font-size: 20px;padding-left: 15px;border-left: 7px solid #c50000;}
.page-des h2:before,.page-des h3:before {content: "\ec81";position:absolute;color:#fcc800;top: -8px;left: -30px;}
.page-des p{margin-bottom:13px;}
.page-des p strong{color: #c00;font-size: 19px;}
.page-des p a,.page-des h2 a,.page-des h3a{color: unset;font-weight:500;}
.page-des p a.btn{text-decoration: none;border-radius: 20px;margin: 0 5px;background-color: #dc3545;color: #fff;padding: 5px 16px;}
.page-des p a.btn:hover {color: #fff;background-color: #262626;}
.page-des{width:100%;font-size:14px;line-height:26px;text-align:left;letter-spacing:2px;color:#333;display: inline-block;vertical-align: top;min-height: 400px;}
.page-des img{max-width:100%;height: auto}
.page-des ul,.page-des ol{padding:30px 80px;background-color:#f7f7f7;position:relative;margin-bottom:20px}
.page-des ul:before,.page-des ol:before{content: "\ec81";position:absolute;color:#dadada;top: 37px;left:14px;font-size: 60px;}
.page-des ul:after,.page-des ol:after{content: "\ec81";position:absolute;color:#dadada;font-size: 60px;right: 14px;bottom: 37px;transform: rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg); }
.page-des ul li,.page-des ol li{}
.table-container{overflow-y: auto;_overflow: auto;}
.page-des table{width: 100%;border: 1px solid #dddddd;line-height: 40px;border-collapse: collapse;margin: 30px 0}
.page-des table tr:nth-child(1),.page-des table th{color: #d4d4d4;background-color: #1a1d24;}
.page-des table tr:nth-child(1) td,.page-des table th{border-color: #343434;}
.page-des tr td{border:1px solid #dddddd;text-align:center}
.page-des table tr:nth-child(2n)>td {background-color: rgba(242,242,242,0.33);}
.page-des .page_tag a{display:inline-block;padding:7px 18px;color: #1e1e21;border: 1px solid #dbe3e3;border-radius: 2px;font-weight: 500;margin-right:10px;letter-spacing: 1px;}
.page-des .page_tag a:hover{background-color:#cbcbcb}
.share-links{margin-top: 40px;overflow: hidden;border-top: 1px solid #e6e6e6;padding-top: 40px;display: block;}
.share-links li{display: inline-block;}
.share-links li a{display: inline-block;line-height: 30px;border-radius: 30px;padding: 0 13px;color: #7d7d7d;border: 1px solid #dadada;font-size: 12px;}
.share-links li a:hover{color:#fff}
.share-links li:nth-child(2) a{color:#fff;margin-left:20px}
.share-links li .done{cursor: not-allowed;}
.share-links .news-data-share{margin-top: 0;float: right;}
.share-links em{font-style: normal;}
/*donate_box*/
.share-links .hidden {display: none;}
.donate_hide_box{z-index:9991;background:rgba(120,129,147,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-moz-opacity:.5;left:0;top:0;height:100%;width:100%;position:fixed}
.donate_box{position:fixed;bottom:40%;left:50%;padding:30px 50px;padding-bottom:50px;background-color:#fff;border-radius:3px;transform:translateX(-50%);text-align:center;z-index:9999;box-shadow:0 10px 50px -5px rgba(6,39,67,.12)}
.donate_box .donate_close{position:absolute;bottom:0;left:0;margin-bottom:0;width:100%;z-index:44;cursor:pointer;transform:translateY(150%);text-align:center}
.donate_box h2{font-size:16px;font-weight:400;text-align:center;margin:5px 0 20px 0;color:#333}
.donate_box h2+p{font-size:12px;margin-bottom:15px}
.donate_box span{position:relative;display:inline-block}
.donate_box img{width:120px;margin:0 10px}
.donate_box .wedo img{border:1px solid #28ae61;padding:2px}
.donate_box .alido img{border:1px solid #108ee9;padding:2px}
.donate_box .alido:after,.donate_box .wedo:after{position:relative;text-align:center;display:block;font-size:25px;margin-top:10px}
.donate_box .wedo:after{font-family:iconfont!important;content:"\e63a";color:#28ae61}
.donate_box .alido:after{font-family:iconfont!important;content:"\e64b";color:#108ee9}
.donate_box .close_icon{width:32px!important;height:32px!important;font-size:.85em;overflow:hidden;vertical-align:middle}
.donate_box svg path{fill:#fff}
/*About-qywh*/
.qywh_box {background:url(images/page/qywh_bj.jpg) center no-repeat;background-size: cover; padding: 80px 0 90px;}
.qywh_tab_box {float: right; margin-top: -50px;}
.qywh_tab_box li {float: left; padding: 5px;}
.qywh_tab_box li a {display: block;width:130px;padding: 0 10px; line-height: 40px; text-align: center; color: #2f2f2f; font-weight: bold; border: 1px solid #2f2f2f; box-sizing: border-box;}
.qywh_tab_box .active a, .qywh_tab_box li a:hover {color: #fff; border-color: transparent;}
.qywh_con_box {padding: 40px 0 0 40px;}
.qywh_con_box h5+h5 {display: none;}
.qywh_p {color: #787878; line-height: 30px;font-size: 16px;}
.qywh_con_box ul{padding-top: 32px;overflow: hidden;}
.qywh_con_box ul li{display: inline-block;float: left;width: 33.33%; padding:1% 5%;box-sizing: border-box;}
/*About-shiji*/
.dsj_box {padding-top: 80px;position: relative;}
.dsj_box h3,.qywh_box h3{font-size: 30px;}
.dsj_box h4,.qywh_box h4{font-size: 18px;}
.dsj_con_box {background: url(images/about_bj.png) bottom center no-repeat; padding: 25px 0 110px; box-sizing: border-box;}
.dsj_swiper_container {position: relative; margin: 34px 0; padding: 26px 0 16px; box-sizing: border-box;}
.dsj_swiper_container .swiper-button-prev {position: absolute; top: -34px; left: 50%; margin-left: -17px; margin-top:0;width: 34px; height: 34px; background: url(images/page/prev1.png) center no-repeat;z-index: 10;}
.dsj_swiper_container .swiper-button-next {position: absolute; bottom: -34px;top:auto; left: 50%; margin-left: -17px; width: 34px; height: 34px; background: url(images/page/next1.png) center no-repeat;z-index: 10;}
.dsj_swiper_container .swiper-slide {float: none; padding-bottom: 30px; box-sizing: border-box;height:auto}
.dsj_year{width: 88px; height: 88px; line-height: 88px; background-color: #303030; font-family: arial; color: #fff; font-size: 24px; text-align: center; border-radius: 44px; margin: 0 auto;}
.dsj_swiper_container .swiper-container {height:820px;}
.dsj_swiper_container:before {content:""; position: absolute; top: 0; left: 50%; height: 100%; width: 1px; background: #ccc;z-index: 0;}
.dsj_swiper_container ul {overflow: hidden;}
.dsj_swiper_container ul li {width: 50%; line-height: 20px; padding-top: 28px; box-sizing: border-box;display: block; color: #787878;position: relative;}
.dsj_swiper_container ul li:before {content:"";position: absolute;width: 20px;height: 20px; background: url(images/page/circle.png) center no-repeat;z-index: 10;}
.dsj_swiper_container .li1:before {left: -10px;}
.dsj_swiper_container .li2:before {right: -10px;}
.dsj_swiper_container .li1 {margin-left: 50%;padding-left: 25px;}
.dsj_swiper_container .li2 {text-align: right;padding-right: 25px}
.dsj_swiper_container ul li:hover {color: #94243a;}
.dsj_swiper_container ul li:hover:before {background: url(images/page/circle_hover.png) center no-repeat;}
.dsj_con_box .container:before {content: '';display: table;}
.dsj_con_box .container:after { content: ''; display: table; clear: both }
/*Contact*/
.contact-body{font-size:0}
.contact-body .contact-us{display: inline-block;vertical-align: text-top;width: 50%;padding: 8% 0 5% 0;font-size: 16px;text-align: center;}
.contact-body .contact-intro {color:#000}
.contact-intro h3{color: #000;padding:0 75px;display:inline-block;vertical-align:top;font-size:22px;line-height:2.2;border:2px solid #000;text-transform:uppercase;}
.contact-intro h2{font-size:21px;line-height:1.5;margin:24px 0 10px}
.contact-intro p{font-size:14px;line-height:2.2}
.contact-intro .c_ewm{padding-top: 20px;font-weight: bold;}
.contact-intro a{text-decoration:underline;color:#231815}
.contact-booking {padding-bottom:6%;min-height: 600px;background-color: #e8eaea;}
.contact-form h3{font-size:21px;margin:20px 0 15px;color:#000}
.contact-body .form-item {width: 56%;margin: 0 auto 2%;}
.contact-body .form-item input {display: block;width: 100%;border: 0;border-bottom: 2px solid #000;outline: 0;background: 0 0;text-align: center;line-height: 3;-moz-transition: border .5s ease-out;-o-transition: border .5s ease-out;-webkit-transition: border .5s ease-out;transition: border .5s ease-out;}
.contact-body .form-item input:hover{border-bottom: 2px solid #f43064;}
.contact-body .submit {cursor: pointer;display: block;margin:6% auto;width: 34.75%;font-size:18px;line-height: 2.4;background-color: #241a11;color: #fff;outline: 0;border: 0;text-transform: uppercase;font-family: Consolas;letter-spacing: 2px;-moz-transition: background-color .3s ease-out;-o-transition: background-color .3s ease-out;-webkit-transition: background-color .3s ease-out;transition: background-color .3s ease-out;appearance:button;-moz-appearance:button;-webkit-appearance:button;}
.contact-body .wpcf7-validation-errors,.screen-reader-response{display:none}
.contact-body .wpcf7-not-valid-tip{color: #d40000;font-size: 12px;}
#map{height: 700px;}
#map .anchorBL {display: none!important;}
.contact-jobs{text-align: center;padding-top:8%;}
.contact-jobs .swiper-container,.page-more .swiper-container{width: 100%; margin:5% auto 2%;}
.contact-jobs .swiper-container:before{content: ""; display: block; padding-top: 25%;}
.contact-jobs .swiper-wrapper{position: absolute; top: 0; height: 100%;}
.contact-jobs .swiper-slide{text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center;
align-items: center;}
.contact-jobs .jobs-item{background: #e8eaea; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.contact-jobs .jobs-item-txt{padding: 0 18px;position:absolute;top:50%; left:0;width: 100%; color: #000; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%)}
.contact-jobs .jobs-item-txt h3{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size:18px; line-height: 1.5; text-transform: capitalize; margin-bottom:12%;}
.jobs-item-txt h3 span{display:block}
.jobs-item-txt>span{position: relative; padding-right:75px; display: inline-block; vertical-align: top; font-size:13px; line-height: 1;}
.jobs-item-txt>span:before{right: 0; width: 60px; height: 1px;}
.jobs-item-txt>span:after{right: 9px; margin-top: -6px; width: 1px; height: 12px;}
.jobs-item-txt>span:after, .jobs-item-txt>span:before{content: ""; position: absolute; top: 50%; background-color: #000;}
.contact-jobs .swiper-slide a:hover .jobs-item-txt>span:after,.contact-jobs .swiper-slide a:hover .jobs-item-txt>span:before{background-color: #fff;}
.contact-jobs .swiper-slide a:hover .jobs-item-txt{color: #fff;}
.project-pager{position:relative;margin:0 auto;max-width:620px;text-align:center;margin-bottom: 2.0625%;padding-top:10px}
.project-pager a{position:relative;display:inline-block;vertical-align:top;font-size:18px;line-height:2.4;color:#000;opacity: 1;pointer-events: auto;cursor:pointer}
.project-pager a:after,.project-pager a:before{content:"";position:absolute;top:50%;background-color:#000}
.project-pager a:before{width:35%;height:2px;margin-top:-1px}
.project-pager a:after{width:2px;height:16px;margin-top:-8px}
.project-pager a.swiper-button-prev,.project-pager a.swiper-button-next{width:35%;background-image:none}
.project-pager a.swiper-button-prev:before{left:0}
.project-pager a.swiper-button-prev:after{left:12px}
.project-pager a.swiper-button-next:before{right:0}
.project-pager a.swiper-button-next:after{right:12px}
.bd_weixin_popup {height: 310px !important;}
/*Solution*/
.solution-txt {background: #f8f8f8;overflow: hidden;position: relative;padding: 120px 10%;}
.solution-txt h5 {float: left;width: 20%;margin: 0 0 0 0;}
.solution-txt h5 font{color: #000;display:inline-block;width: 50%;text-transform: uppercase;font-size: 1.5em;font-weight: 100;letter-spacing: 2px;float: left;}
.solution-txt  h5 span{width: 50%;height: 1px;background: #ccc;float: left;margin: 1em 0 0 0;}
.solution-txt dd {float: right;width: 70%;}
.solution-txt dd h3{color: #000;font-size: 2.5em;line-height: 1em;text-transform: uppercase; }
.solution-txt dd h4{color: #000;font-size: 1.5em;line-height: 1em;letter-spacing: 2px;margin: 1.5em 0;}
.solution-txt dd h6{ color: #444;font-weight: 100;font-size: 16px; letter-spacing: 2px;margin: 2em 0 3em;line-height: 1.8em;}
.solution-txt dd a{ margin: 0;width: 16%;display: block;}
.solution-1,.solution-2{overflow:hidden;position:relative;}
.solution-1 li:nth-child(2n) {background:none;}
.solution-1 li {position:relative;width:80%;margin:0 auto;overflow:hidden;padding:100px 10%;background:#f8f8f8;}
.solution-1 li p {position:absolute;width:66%;top:0;right:0;height:100%;background:#eee;}
.solution-1 li .toa {float:left;display: block;width:70%;position:relative;overflow:hidden;}
.solution-1 li:nth-child(2n) .toa,.solution-3 li .toa{float:right;}
.solution-1 li .toa img {width:100%;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.solution-1 li .right {position:absolute;top:50%;right:15%;width:15%;margin-top:-140px;font-weight: 300;}
.solution-1 li:nth-child(2n) .right {right:0;left:10%;width:20%;}
.solution-1 li .right .en {text-transform:uppercase;letter-spacing:1px;font-size: 1.3em;color:#999;margin-bottom:1em;}
.solution-1 li .right .title {font-size:1.9em;font-weight: normal;letter-spacing:2px;line-height:1em;margin-bottom:30px;}
.solution-1 li .right .txt {color:#444;font-size:16px;letter-spacing:1px;margin:2em 0 3em;line-height:1.8em;}
.solution-2 h5 {width:80%;margin:0 auto;font-weight: 200;}
.solution-2 h5 font {color:#000;text-transform:uppercase;font-size:14px;letter-spacing:2px;}
.solution-2 h5 span {display:inline-block;width:18%;height:1px;background:#ccc;margin:0.1em 0 0 1em;}
.solution-2 ul {margin:60px 1%;overflow: hidden;}
.solution-2 ul a {position:relative;float:left;width:32.666%;margin:0 1% 1% 0;}
.solution-2 ul a:hover dd i{border: 1px solid #000;background-color:#000}
.solution-2 ul a:nth-child(3n) {margin:0;}
.solution-2 ul a h4 {position:relative;overflow:hidden;}
.solution-2 ul a h4 img {display:block;width:100%;transition:all .5s;}
.solution-2 ul a h4 p {position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.6);top:0;left:0;transition:all .5s;opacity:1;}
.solution-2 ul a dd{position: absolute;font-weight:300;width: 80%;height: auto;bottom: 10%;left: 10%;z-index: 2;}
.solution-2 ul a dd .en{text-transform: uppercase;letter-spacing: 2px;font-size: 1.2em;color: #fff;margin-bottom: 1em;}
.solution-2 ul a dd .title{font-size:1.9em;letter-spacing: 2px;line-height: 1em;margin-bottom:1em;color: #fff;}
.solution-2 ul a dd .txt{color: #fff;font-size: 13px;letter-spacing: 1px;margin: 0.5em 0 1em;line-height: 1.8em;text-transform: uppercase;}
.solution-2 ul a dd i{display: block;color: #fff;width: 40px;height: 40px;text-align: center;border: 1px solid #fff;line-height: 40px;font-size: 18px;}
.solution-2 ul a:hover h4 img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.solution-2 ul a:hover dd i{color:#fff; }
.solution-2 ul a:hover h4 p{opacity: 0; left:100%; }
.solution-3 p {right: auto;left: 0;}
.solution-3 li .right {right: auto;left: 10%;width: 20%;}
.solution-4{position: relative; padding:60px 0 0;}
.solution-4 .solution-4-title{width: 80%;margin: 90px auto;overflow: hidden; }
.solution-4 .solution-4-title .line{width: 10%;height: 1px;background: #ccc;float: left;margin: 1em 0 0 0;}
.solution-4 .solution-4-title h4{width: 85%;float: right;}
.solution-4 .solution-4-title h4 span{color: #000;font-size: 1.8em;line-height: 1em;letter-spacing: 2px;margin:0 0 1.5em 0;font-weight: normal;}
.solution-4 .solution-4-title h4 font{color: #444;font-size: 18px;letter-spacing: 2px;margin: 2em 0 3em;line-height: 1.8em; width: 65%; display: block;text-transform: uppercase; }
.solution-4 .solution-4-img{ background: #ededed; position: relative;    }
.solution-4 .solution-4-img img{ z-index: 2;width: 56%;margin: 0 0 0 10%;  position: relative;}
.solution-4 .solution-4-img p {position: absolute;width: 100%;height: 50%;top: 0;left: 0;background: #fff;z-index: 1;}
.solution-4 .solution-4-info{background: #ededed;padding: 0 15% 90px;}
.solution-4 .solution-4-info h5{line-height: 1em;margin-bottom: 30px;font-size: 2em;letter-spacing: 2px;}
.solution-4 .solution-4-info .line{width: 6%;height: 1px;margin: 30px 0;background: #999;}
.solution-4 .solution-4-info dl{width: 65%;overflow: hidden;}
.solution-4 .solution-4-info dl dd{float: left;width: 30%;letter-spacing: 2px;text-align: justify;font-size: 16px;font-weight: 300;}
.solution-4 .solution-4-info dl dt{ color: #444;font-size: 16px;letter-spacing: 2px;margin: 0;line-height: 1.8em;float: right;width: 65%;}
.solution-4 .solution-4-info dl dt a{ width: 30%; margin: 60px 0 0 0;display: block;}
.solution-4 .solution-4-info dl dt h4{margin: 0 0 30px 0;font-size: 18px;}
.solution-4 .solution-4-info dl dt h6{ color: #999;font-size: 16px;letter-spacing: 2px;margin: 0;line-height: 1.8em;}
.more-a{border: 1px solid #000;color: #000;display:inline-block;font-size: 12px;height: 36px;line-height: 36px;padding: 0 20px;text-align: center;}
.more-a i{font-size: 12px;margin-left: 10px;z-index: 2;color: #000;}
.more-a:hover{background-color: #000;color:#fff}
.more-a:hover i{color: #fff;}
.in-l-h6{transition: 0.5s;opacity: 0;position: absolute;width: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.7);height: 100%;}
.in-l-h6 #h5{margin-top: -21px;display: block;position: absolute;top: 50%;left: 0;width: 100%;}
.in-l-h6 #h5 #h4{transition: 0.5s;display: block;width: 20%;height: 1px;background: #eee;margin: 0 auto;}
.in-l-h6 #h5 #title{display: block;color: #fff;text-align: center;font-size: 14px;letter-spacing: 2px;height: 40px;line-height: 40px;}
a:hover .in-l-h6{opacity:1;}
a:hover .in-l-h6 #h5 #h4{width:5%;}
@media (max-width:950px) and (min-width:751px){.more-a{display:none}}
@media (max-width: 750px) {
.solution-txt h5,.solution-1 li .right .en,.solution-2 ul a dd .en,.solution-2 ul a dd .txt,.solution-4 .line,.solution-4 .solution-4-title h4 font,.solution-4 .solution-4-info dl dd,.solution-4 .solution-4-info dl dt h6{display:none}
.solution-txt {padding:80px 1% 30px;}
.solution-txt dd {width: 100%;margin: 15px 0;float: none;}
.solution-txt dd h3 {font-size: 18px;margin-bottom: 20px;}
.solution-txt dd h4 {font-size: 15px;margin: 15px 0;letter-spacing: 0;line-height: 20px;}
.solution-txt dd h6 {font-size: 14px;letter-spacing: 0;margin: 0 auto 15px;line-height: 20px;}
.solution-1 li {padding:30px 1%;width:98%;}
.solution-1 li p,.solution-4 .p-solution-4-info dl{width:100%;}
.solution-1 li .toa,.solution-4 .solution-4-title h4{width:100%;float:none;}
.solution-1 li:nth-child(2n) .toa {float: none;}
.solution-1 li .right {position:relative;top:0;right:0;width:100%;margin-top:30px;}
.solution-1 li:nth-child(2n) .right {position: relative;top: 0;right: 0;width: 100%;margin-top: 15px;left: 0;}
.solution-1 li .right .title {font-size:17px;letter-spacing:0;margin-bottom:20px;}
.solution-1 li .right .txt {font-size:14px;margin:15px 0;letter-spacing:0;line-height:20px;}
.solution-2 h5 {width:98%;}
.solution-2 h5 font {letter-spacing:0;}
.solution-2 ul {margin:30px 0;}
.solution-2 ul a {width:49%;margin:0 1% 1% 0;}
.solution-2 ul a:nth-child(2n) {margin:0 0 1% 0;}
.solution-2 ul a:nth-child(3n) {margin:0 1% 0 0;}
.solution-2 ul a dd .title {font-size:18px;display:inline-block;float:left;margin:0;line-height:36px;}
.solution-2 ul a dd {bottom:auto;top:50%;margin-top:-20px;}
.solution-2 ul a dd i {border-radius:50%;width:36px;height:36px;line-height:36px;font-size:14px;float:right;display:inline-block;}
.solution-3 li .right {left: 0;}
.solution-4 .solution-4-title {margin: 30px auto;}
.solution-4 .solution-4-title h4 span {font-size: 17px;letter-spacing: 0;margin: 0 0 15px 0;}
.solution-4 .solution-4-img img {margin: 0 0 0 5%;width: 90%;}
.solution-4 .solution-4-info {padding: 0 15% 30px;}
.solution-4 .solution-4-info h5 {font-size: 17px;letter-spacing: 0;margin-bottom: 15px;}
.solution-4 .solution-4-info dl {width: 100%;}
.solution-4 .solution-4-info dl dt {width: 100%;float: none;letter-spacing: 0;}
.solution-4 .solution-4-info dl dt h4 {font-size: 15px;margin: 0 0 15px 0;line-height: 20px;}
.solution-4 .solution-4-info dl dt a,.solution-txt dd a{margin: 15px 0;width:auto}
}
/*Solution-end*/
@media (min-width:1201px){
.container{width:87.492%;margin: 0 auto;}
.page-width .container{width: 1000px;}

}
@media (min-width: 1025px){
.index-banner{height:calc(100% - 70px);margin-top:70px;}
.footer-nav .footer_tel,.footer-nav .footer_home{display:none}
.navigation {font-size: 0; float: right;}
.navigation>ul{display:inline-flex;}
.navigation>a>i{font-size: 20px;margin-left: 10px;cursor: pointer;}
.navigation>ul>li {position: relative;display: inline-block; margin: 0 21px; vertical-align: top; }
.navigation>ul>li>a{line-height: 70px;}
.navigation li:hover .two-menu { visibility: visible; pointer-events: all; opacity: 1; }
.navigation li > a { transition: color 0.6s ease-in-out; font-size: 14px; position: relative; display: inline-block; letter-spacing: 1px; color: #333;font-weight: bolder;}
.navigation li > a:hover { color: #999; }
.navigation li > a:hover:after { border-color: #999 transparent transparent transparent; }
.navigation .menu-item-has-children > a { padding-right: 13px; }
.navigation .menu-item-has-children > a:after { transition: border 0.6s ease-in-out; position: absolute; top: 50%; right: 0; display: block; width: 0; height: 0; margin-top: -2px; content: ''; border-width: 4px; border-style: solid; border-color: #000 transparent transparent transparent; }
.navigation .sub-menu{ text-align: center; background-color: #fff; border-top: 3px solid #333; }
.navigation .two-menu{ position: absolute;left: 50%; padding-top:3px; visibility: hidden; width: 200px; transition: all 0.6s ease-in-out 0s; pointer-events: none; transform: translateX(-50%); z-index: 100; opacity: 0; }
.navigation .two-menu:after { display: block; float: none; clear: both; content: ''; }
.navigation .two-menu li { display: block; transition: background 0.6s ease-in-out; vertical-align: top; }
.navigation .two-menu li.xiazai a{background-color:#333;color: #fff;border-bottom: none;}
.navigation .two-menu li:hover,.navigation .two-menu li.xiazai a:hover {background-color: #000; }
.navigation .two-menu li:hover a { color: #fff; border-color: #000; }
.navigation .two-menu a {transition: color 0.6s ease-in-out, border 0.6s ease-in-out; font-size: 14px; position: relative; display: block; padding: 15px 5px; letter-spacing: 1px; color: #333; border-bottom: 1px solid #eee; }
/*.page-pro .page-des div{display:flex;}
.page-pro .page-des div>h2,.page-pro .page-des div>h3,.page-pro .page-des div>h4,.page-pro .page-des div>strong{width:28%;display: inline-block;}
.page-pro .page-des div>p,.page-pro .page-des div>ul,.page-pro .page-des div>ol{float:right;width:70%;display: inline-block}*/
/*min-Search*/
.searchw{visibility: hidden;opacity: 0;padding:4%;width: 80%;display: inline-block;margin: 0 auto;left: 0;right: 0;position: absolute;top:0;z-index: 100;background-color: #fff;border: 1px #eee solid;text-align: center;border-radius:5px;}
.searchw h4{margin-bottom: 5px;text-align: left;font-size: 20px;color: #000;font-weight: 300;}
.close{display: block;cursor: pointer;position: absolute;top: 10%;right: 3%;font-size: 20px;}
.searchopen{visibility: visible;opacity:1;transform:translateY(70px);}
}
@media (min-width: 768px){
.customize-support .header{margin-top:32px}
.page-m,.index-banner .swiper-slide .m-pic{display: none;}
}
/*zishiying*/
@media (max-width:1200px){
.cat-pro .container,.cat-news .container,.cat-pic .container,.container{width: 95%;margin: 0 auto;}
.cat-news li a img {width:350px;}
.cat-news .newleft{padding: 16px;width: calc(100% - 400px);}
.cat-news .newleft h3 a{max-height: 48px;font-size: 18px;line-height: 26px;}
.cat-news .newleft p{font-size:13px}
.about-intro .about-intro-title{position: relative;width: 100%;text-align: center;}
.about-intro .page-des {position: relative;width: 100%;margin-top: 80px;min-height: auto;}
.about-intro .about-intro-img{position: inherit;width: 100%;margin-top: 60px;}
.foot-right .link{display:none}
}
@media (max-width:1200px) and (min-width:700px){


}
@media (max-width: 1024px){
.w1660, .footer .main { width: auto; margin-left: 24px; margin-right: 24px; }
.header,.logo a{height: 50px;}
.logo .lp { width: 120px; height:auto; }
.mobile-tel{display:inline-block;line-height: 50px;font-size: 14px;float: right;margin-right:30px;color: #8e0000;font-weight: bolder;}
.mobile-tel i{padding-right: 5px;font-weight: bolder;}
.foot-logo img {width: 100px; height: 36px;margin: auto; }
.footer { padding-top: 24px; padding-bottom: 24px; }
.foot-right .copyright {padding: 0 0 25px;display: block;}
.foot-infor img,.open .m-menu i:nth-of-type(2) ,.navigation .search,.navigation .close,.navigation h4{display: none; }
.foot-left { float: none; width: 100%; text-align: center; }
.foot-infor {margin-top: 0;}
.foot-infor .txt { margin-left: 0; margin-top: 20px; }
.foot-infor .txt p { font-size: 13px; }
.foot-right {float: none;width: 100%;text-align: center;}
.foot-right .content { padding-top: 25px; }
.footer-nav .wave,.footer-nav a{width: 44px;height: 44px;}
.footer-nav a i {font-size: 27px;}
.footer-nav .footer_tel i {font-size: 18px;}
.footer-nav .wave .dot{margin-top: 18px;}
.m-menu { float: right; cursor: pointer; margin-top:14px; z-index: 1200; position: relative; display: block; }
.m-menu i {display: block; width: 20px; height: 2px; background-color: #000; margin: 4px 0; }
.open .navigation {opacity: 1; visibility: visible; transform: translateX(0);overflow-x: hidden;overflow-y: auto;}
.open .m-menu i:nth-of-type(1) { transform: translateY(13px) rotate(-50deg); }
.open .m-menu i:nth-of-type(3) { transform: translateY(7px) rotate(48deg); }
.proMain li {width:50%;}
.navigation {position: fixed;transform: translateX(100%);opacity:0;visibility:hidden; top: 0; right: 0; padding: 80px 40px 0 40px;width:380px;height:100%;background-color: #fff; z-index: 1100;}
.navigation li {margin: 20px 0;}
.navigation li a {font-size: 16px;color: #000;position: relative;}
.navigation .two-menu{ display: none;}
.navigation .menu-item-has-children > a { padding-right: 13px; }
.navigation .menu-item-has-children > a:after { position: absolute; top: 50%; right: 0; display: block; width: 0; height: 0; margin-top: -2px; content: ''; border-width: 4px; border-style: solid; border-color: #000 transparent transparent transparent; }
.navigation .sub-menu { padding-left: 10px; }
.navigation .sub-menu li { padding: 6px 0; }
.navigation .sub-menu li a { font-size: 13px; color: #999; }
.search_form .text_input {width: 75%;}
.search_form .search_btn {width: 25%;}
.index-banner{margin-top:50px;}
.in-banner-txt h3 {font-size: 1.6em;}
.in-banner-txt h4 {font-size: 16px;}
.index-banner .in-banner-txt a {padding: 8px 30px;}
.wrap{padding-top: 50px; }
.page-navigation{margin-top:10%; min-height: inherit; }
.pagination a { font-size: 12px; }
.pagination a:after { width: 40px; }
.pagination .prev { padding-left: 50px; }
.pagination .next { padding-right: 50px; }
.section-title .btn-black {text-align: center;width: 300px;}
.page-title{max-width:50%}
.page-title .le, .page-title .lc {font-size: 20px;margin: auto;}
.page-tags {position: relative;max-width: inherit;padding-bottom: 20px;z-index: 400}
.page-tags .mt {display: block;width: 128px;height: 26px;line-height: 26px;text-align: center;font-size: 14px;color: #fff;background-color: #000;cursor: pointer;}
.page-tags ul {position: absolute;left: 0;display: none;}
.page-tags li {display: block;margin-left: 0;margin-bottom: 0;}
.page-tags a {font-size: 13px;width: 128px;}
.case-list li{width: 33.333%;}
.page-mt{margin-top: 50px;}
.page-about .txt h1,.page-pro-bg h1{font-size: 26px;letter-spacing: 2px;}
.page-about .txt h4{font-size: 31px;}
.dsj_box .container,.qywh_box .container{text-align: center;padding-bottom: 25px;}
.qywh_tab_box{overflow: hidden;float: none;margin: 20px auto 0;text-align: center;display: inline-block;}
.contact-body .contact-us {width: 100%;padding-bottom: 8%;}
.project-pager a{line-height:3.6}
.page-des{margin:0 20px}
.page-des h2{font-size: 16px;font-weight: bold;}
.page-des h3,.page-des p strong,.page-des h4{font-size: 15px;}
.qywh_tab_box li a{width: 100px;line-height: 36px;}
.qywh_con_box ul li{padding: 1%;}
.qywh_con_box ul li img{width:100%}
.cat-pro ul li{width:49%}
}
@media (max-width:950px) {
.index-about h2:before{font-size: 27px;left: 0;}
.index-about h2:after{height: 2px;right: 0;}
.index-new .news-item+div{margin: 0;}
.index-new .news-item{width:49%;margin-right: 2%;display: inline-block;height: 350px;}
.index-new .news-list{width:94%;margin-top:2%;padding:0 3%;height:auto}
.page-nav{-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);margin-bottom:1em;}
.index-more p{font-size:16px}
.page-about .pro-ms{font-size:16px;width: 90%;text-align: left;}
.page-pro-bg{margin-top:0;padding-bottom: 20px;height:auto;border-bottom: 1px solid #e5e5e5;}
.index-more a{float: none;margin-top: 40px;}
.news-data-sidebar .date{width:auto;padding: 6px 17px;}
.news-data-sidebar h5{display: contents;}
}
@media (max-width: 767px) {
.customize-support .header{margin-top:46px}
.index-banner .in-banner-txt a,.page-pc,.in-banner-txt h4{display: none;}
.index-banner .swiper-slide{background: none!important;}
.index-banner .swiper-slide .m-pic{display: block;}
.in-banner-txt {width:80%;padding: 10%;}
.in-banner-txt h3 {font-size: 16px;margin: 0 0 15px 0;}
.index-new .news-item{width:100%;margin:0 0 2%;height: 400px;}
.cat-pro ul li{width:100%;margin: 0 0 30px 0;}
.cat-news li{width:100%;margin-left: auto;margin-right: auto}
.cat-news li>a{position: relative;display: block;overflow: hidden;}
.cat-news li a img {width:100%;padding-left: 42px;}
.cat-news li .date{width: 42px;}
.cat-news li .date div,.cat-news li .date span {letter-spacing: 0;}
.cat-news li .date strong { margin-bottom: 8px; font-size: 18px; letter-spacing: 1px; }
.cat-news .newleft {width: 100%; position: inherit; right: inherit;}
.cat-news .newleft span {margin-top: 20px;display: inline-block;position: inherit;bottom: inherit;}
.cat-news .newleft h3 a{max-height: inherit;font-size: 16px;}
.cat-news .newleft p { line-height: 22px; height: auto; margin-top: 8px; font-size: 12px; }
.case-list li{width: 50%;}
.page-navigation{margin-top: 20%;}
.page-m{padding-top: 60%;}
.page-about .txt h1,.page-pro-bg h1{font-size: 20px;letter-spacing:0;}
.page-about .txt h4{font-size: 21px;margin-top: 0;}
.about-intro .page-des,.about-intro .about-intro-img{margin-top:60px;margin: 0 auto;}
.contact-jobs .swiper-container:before {padding-top: 50%;}
.project-pager a.swiper-button-prev,.project-pager a.swiper-button-next{width:33%;}
.project-pager a {line-height: 2.5;}
.page-des ul, .page-des ol{padding:30px 20px 30px 45px}
.page-des ul:before, .page-des ol:before{top: 26px;left: 9px;font-size: 30px;}
.page-des ul:after, .page-des ol:after{font-size: 25px;right: 9px;bottom: 26px;}
.page-pro {margin: 6% 0;}
.contact-body .form-item {width: 80%;}
.contact-body .submit{width:40%}
.qywh_p {line-height: 24px;font-size: 12px;}
.qywh_con_box{padding: 20px 0 0 0;}
.dsj_year{width: 60px;height: 60px;line-height: 60px;font-size: 16px;}
.dsj_box h3,.qywh_box h3{font-size: 20px;}
.dsj_box h4,.qywh_box h4,.page-pro-bg .pro-zx, .page-pro-bg .pro-tel{font-size: 12px;}
.footer-ch{background-attachment: scroll}
.footer-title{font-size:28px}
.news-list li:nth-child(odd){animation-delay: 0.3s;}
.news-list li:nth-child(even){animation-delay: 0.5s;}
ul li{animation-delay: 0.5s;}
.share-links{text-align: center;padding-top: 30px;}
.share-links .news-data-share{display:block;float:none;margin-top: 25px;}
.donate_box{width:300px;padding:20px 10px}
.donate_box img{margin:0}
}
@media (max-width: 500px) {
.open .navigation {width:50%;}
.case-list li {width: 100%;}
.case-list li:nth-child(4) .pic a, .case-list li:nth-child(9) .pic a,.cat-pic .case-list li:nth-child(3n+4) .pic a{padding-top:61.54%;}
.cat-pro .container{width: auto;margin-left: 24px;margin-right: 24px;}
.cat-news .newleft span:nth-child(n+4){left:0}
.qywh_tab_box li a{width: 85px;line-height: 30px;}
}