html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}
body{margin:0;font-size:12px;line-height:2;color:#333;background-color:#fff}
a{background:transparent;text-decoration:none;color:#444}
a:active,a:hover{outline:0}
a:hover{color:#0396b8}
.cm_block{display:block}
@media (max-width:1024px){.cm_block{display:none}
}.w1400{max-width:1380px;width:99%;margin:0 auto}
.tit-16{font-size:16px;line-height:1.6}
.tit-14{font-size:14px;line-height:1.6}
.col-000{color:#000}
.col-222{color:#222}
.col-333{color:#333}
.col-444{color:#444}
.col-555{color:#555}
.col-666{color:#666}
.tit-18{font-size:18px;line-height:1.6}
.por{position:relative}
.tit-30{font-size:.75rem;line-height:1.6}
.dy_tc{-webkit-transition:color 0.5s;transition:color 0.5s;margin:0 3px}
.dy_font{font-size:13px}
/*BackTop*/
.backtop{position:fixed;bottom:101px;right:5%;background-color:rgba(255,255,255,0.9);fill:#97946b;cursor:pointer;-webkit-transition:all 0.7s cubic-bezier(0.23,1,0.32,1);transition:all 0.7s cubic-bezier(0.23,1,0.32,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:46px;padding:0;margin:0;width:46px;border-radius:50%;z-index:9;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);-webkit-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);opacity:0;-webkit-transform:translate(0,50px);-ms-transform:translate(0,50px);transform:translate(0,50px);-webkit-transition:all .6s ease;transition:all .6s ease}
.backtop svg{height:20px;width:20px;position:relative;display:block;margin:0 auto;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.backtop.active{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);opacity:1}
@media (max-width:1024px){.backtop{bottom:120px}}

.g-tit-news{text-align: center;padding: 25px 0 30px 0;overflow: hidden;}
.g-tit-news span{font-size: 22px;font-family: "Arial";color: #666;line-height: 2em;text-transform: uppercase;}
.g-tit-news b{font-size: 30px;font-family: "Arial";color: #333;line-height: 1em;text-transform: uppercase;font-weight: bold;}
.g-tit-news em{font-size: 24px;color: #005b8b;display: inline-block;padding-top: 10px;}
.g-tit-news em:after{content:"";width: 55px;border-bottom: 1px solid #005b8b;display: block;margin: 5px auto 0 auto;}

.ul-pic1 li{width: 25%;float: left;}
.ul-pic1 li a{position: relative;display: block;}
.ul-pic1 li .pic{height: 0;padding-top: 81.6%;position: relative;overflow: hidden;}
.ul-pic1 li .pic img{position: absolute;left:0;top:0;width: 100%;height: 100%;}
.ul-pic1 li:hover .pic img{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1); 
-ms-transform: scale(1.1); 
-o-transform: scale(1.1); 
transform: scale(1.1);
transform-origin: 50% 50%;}
.ul-pic1 li .txt{position: absolute;left:0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);color: #fff;}
.ul-pic1 li .txt span{display: block;width: 300px;height: 92px;position: absolute;left:50%;top:50%;transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);text-transform: uppercase;font-size: 18px;}
.ul-pic1 li .txt img{float: left;margin-right: 50px;}
.ul-pic1 li .txt em{float: left;width: 150px;}
.ul-pic1 li .txt b{font-size: 24px;font-weight: normal;letter-spacing: 5px;}
.ul-pic1 li .txt i{display: block;width: 150px;border-bottom: 1px solid #fff;margin: 6px 0;} 
.ul-pic1 li .m-txt{padding: 15px 10px;background-color: #415058;overflow: hidden;color: #fff;display: none;}
.ul-pic1 li:hover .txt,.ul-pic1 li.on .txt{background: rgba(0,91,139,0.7);}

/*经典工程*/
.g-tit1{text-align: center;padding: 40px 0 30px 0;overflow: hidden;}
.g-tit1 span{font-size: 22px;font-family: "Arial";color: #666;line-height: 2em;text-transform: uppercase;}
.g-tit1 b{font-size: 30px;font-family: "Arial";color: #333;line-height: 1em;text-transform: uppercase;}
.g-tit1 em{font-size: 24px;color: #005b8b;display: inline-block;padding-top: 10px;}
.g-tit1 em:after{content:"";width: 55px;border-bottom: 1px solid #005b8b;display: block;margin: 5px auto 0 auto;}
.g-tit2 span{color: rgba(230,230,230,0.5);}
.g-tit2 b{color: rgba(230,230,230,0.5);}
.g-tit2 em{color: #fff;}
.g-tit2 em:after{border-color: #fff;}
/*列表*/
.ul-pic1 li{width: 25%;float: left;}
.ul-pic1 li a{position: relative;display: block;}
.ul-pic1 li .pic{height: 0;padding-top: 81.6%;position: relative;overflow: hidden;}
.ul-pic1 li .pic img{position: absolute;left:0;top:0;width: 100%;height: 100%;}
.ul-pic1 li:hover .pic img{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1); 
-ms-transform: scale(1.1); 
-o-transform: scale(1.1); 
transform: scale(1.1);
transform-origin: 50% 50%;}
.ul-pic1 li .txt{position: absolute;left:0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);color: #fff;}
.ul-pic1 li .txt span{display: block;width: 80%;height: 92px;position: absolute;left:50%;top:50%;transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);text-transform: uppercase;font-size: 18px;}
.ul-pic1 li .txt img{float: left;margin-right: 50px;}
.ul-pic1 li .txt em{float: left;width: 150px;}
.ul-pic1 li .txt b{font-size: 24px;font-weight: normal;letter-spacing: 5px;}
.ul-pic1 li .txt i{display: block;width: 188px;border-bottom: 1px solid #fff;margin: 6px 0 4px 139px;} 
.ul-pic1 li .m-txt{padding: 15px 10px;background-color: #415058;overflow: hidden;color: #fff;display: none;}
.ul-pic1 li:hover .txt,.ul-pic1 li.on .txt{background: rgba(0,91,139,0.7);}
.m-news{background-repeat: no-repeat;background-position: center top; background-size: cover;overflow: hidden;padding-bottom: 147px;}
/*.ul-pic2{margin-left: -40px;}*/
.ul-pic2 li{width: 33.33%;float: left;}
.ul-pic2 li a{display: block;margin:0 20px;border: 1px solid #fff;}
.ul-pic2 li .pic{height: 0;padding-top: 69.5%;position: relative;overflow: hidden;}
.ul-pic2 li .pic img{position: absolute;left:0;top:0;width: 100%;height: 100%;}
.ul-pic2 li:hover .pic img{opacity: 1; -webkit-transform: scale(1.1);
-moz-transform: scale(1.1); 
-ms-transform: scale(1.1); 
-o-transform: scale(1.1); 
transform: scale(1.1);
transform-origin: 50% 50%;}
.ul-pic2 li .txt{background: #fff;text-align: center;height: 105px;padding: 15px 0 0 0;-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
.ul-pic2 li .txt h4{font-size: 15px;margin-bottom: 15px;color: #484848;}
.ul-pic2 li .txt p{font-size: 14px;font-family: "Arial";color: #aaa;}
.ul-pic2 li .txt em{display: inline-block;padding-left: 28px;background: url(../images/ico-yan.png) no-repeat left center;margin-left: 25px;}
.ul-pic2 li a:hover .txt{background-color: #005b8b;}
.ul-pic2 li a:hover .txt h4{color: #fff;}
.ul-pic2 li a:hover .txt p{color: #fff;}
.ul-pic2 .slick-dots{position: absolute;left:0;width: 100%;bottom:-40px;text-align: center;}
.ul-pic2 .slick-dots li{width: 16px;height: 16px;margin: 0 3px;display: inline-block;float: none;}
.ul-pic2 .slick-dots li button{width: 16px;height: 16px;border-radius: 50%;padding: 0;background: #fff;outline:none;border:none;font-size: 0;line-height: 0;}
.ul-pic2 .slick-dots li.slick-active button{background: #005b8b;}
.m-management{padding-bottom: 150px;}
.ul-team li{overflow: hidden;}
.ul-team li .pic{float: left;width: 50%;height: 465px;position: relative;overflow: hidden;-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
.ul-team li .pic img{max-width:10000px;height: 100%;position: absolute;left:50%;top:0;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.ul-team li .pic:hover{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1); 
-ms-transform: scale(1.1); 
-o-transform: scale(1.1); 
transform: scale(1.1);
transform-origin: 50% 50%;}
.ul-team li .txt{float: right;width: 50%;background-color: #404f58;height: 465px;font-size: 14px;color: #fff;padding: 55px 55px 0 55px;position: relative;z-index: 99;}
.ul-team li .txt h4{margin-bottom: 30px;}
.ul-team li .txt h4 b{font-size: 30px;font-weight: normal;}
.ul-team li .txt p{line-height: 1.8;}
.ul-team li .more{margin-top: 30px;}
.ul-team li .more a{font-size: 14px;color: #fff;}
.ul-team li .more a span{font-family: "Arial";opacity: 0.32;}
.ul-team li .more a:hover span{opacity: 1;}


img{max-width: 100%;}
a img{-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
input[type="button"],
input[type="submit"]{cursor: pointer;}
button{cursor: pointer;}
a:hover img{
    opacity: .8;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}


.ban-l{
    height:calc(50%);width: 100%;
    position: relative;}
.ban-l div{
    background-repeat: no-repeat;
    background-position: center center; 
    background-size: cover;
    height: 100%;}

.ban-ls{height:calc(40%);}
.ban-ls div{background-position: center bottom;}

.m-transformation2{display: block;}
.m-transformation2 .wp{position: absolute;left:50%;top:50%;transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);}
.ul-pic1{overflow: hidden;}

/*首页 合作伙伴（客户名录）*/
.partner_wrap{width:100%;margin:0 auto;overflow:hidden;background-color:#fff;}
.partner_hezuo{width:1380px;margin:0 auto;overflow:hidden;}
.partner_hezuo ul{width:1380px;margin-top:20px;}
h2.partner_title2{text-align:center; font-size:30px; font-weight:bold;color:#333;font-family: "";line-height: 1em;text-transform: uppercase;}
h2.partner_title2 p{color:#333;margin-top:15px;font-size:18px;font-family: "";color: #666;line-height: 2em;text-transform: uppercase;}
ul.partner_list{margin-left:0px;overflow:hidden;width:1400px;margin-bottom:40px;margin-top:40px;}
ul.partner_list li{width:150px;height:50px;margin-bottom:40px;overflow:hidden;float:left;text-align:center;}
ul.partner_list li em{display:block; width:100%; height:100%;}
.mr50{margin-right:55px;}
.mr0{margin-right:0px;}

footer{background:#f9f9f9;}
footer .footer_top{padding:1rem 0 1rem;border-bottom:1px solid #dcdcdc;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}
footer .footer_top .footer_nav{max-width:1380px;width:99%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}
footer .footer_top .footer_nav a{display:block;}
footer .footer_top .footer_nav a span{display:block;}

footer .footer_top .footer_nav .tit2{margin-bottom:.5rem}
footer .footer_top .footer_nav .tit3{margin-bottom:.5rem}
footer .footer_top .footer_nav a:hover{color:#0396b8}
footer .footer_top .footer_nav a:hover span{}

footer .footer_top .footer_r{width:0px!important}
footer .footer_top .footer_r .tit3{margin-bottom:.7rem}
footer .footer_top .footer_r .add_info{margin-top:-24px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}
footer .footer_top .footer_r .add_info .li{width:260px;height:33px;line-height:33px;font-size:16px;margin-right:0px}
footer .footer_bottom{padding:.4rem 0 .4rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:13px;line-height:1.5;color:#4c4c4c;text-align:center}
footer .footer_bottom a{color:#4c4c4c;-webkit-transition:all .3s ease;transition:all .3s ease}
footer .footer_bottom .footer_bottom_left{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
footer .footer_bottom .footer_bottom_left p{margin-top:0px;margin-right:.4rem;color:#333}
footer .footer_bottom .footer_bottom_left a{margin:0 5px;color:#333}
footer .footer_bottom a:hover{color:#0396b8}
footer .footer_bottom .fx-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-right:.65rem}
footer .footer_bottom .fx-box a{margin:0 5px;background:none !important;padding:0}
footer .footer_bottom .footer_bottom_right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
footer .footer_bottom .footer_bottom_right span{margin-left:.5rem}
footer .footer_bottom_right .wximg{position:relative}
footer .footer_bottom_right .wx-hover{position:absolute;width:150px;height:150px;background:#fff;padding:10px;bottom:49px;left:calc(50% - 60px);opacity:0;transform:rotateY(-90deg);transition:all .3s ease}
footer .footer_bottom_right .wx-hover:before{content:"";position:absolute;bottom:-8px;left:calc(50% - 8px);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff}
footer .footer_bottom_right .wximg:hover .wx-hover{opacity:1;transform:rotateY(0)}