@charset "UTF-8";
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;outline:0}
abbr, acronym, fieldset, img {border: 0;}
ol, ul {list-style: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6, em, i, b, strong {font-style: normal;font-weight: normal;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;outline:0}
.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}
.clearfix{zoom:1}
input,select,textarea{font-size:14px;color:#999;font-family:"Microsoft Yahei",sans-serif;outline:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
::-ms-input-placeholder{color:#999}
input, button{ border-radius:0; -webkit-appearance:none;} /*清除IOS默认圆角*/
textarea{ resize :none; outline:none; border: none;} /*去除右下角拖动边框标识*/
input:-ms-clear{ display:none;} /*消除 IE10 里的叉号*/
body{color:#333;font-size:16px;line-height:1.7;font-family:"Microsoft Yahei",'Roboto';overflow-x:hidden}
*{-wekit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a,img{-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
img,video{width:auto;height:auto;max-width:100%;}
a{color:#000;text-decoration:none;border:0;outline:0}
textarea{resize:none}
.dn{display:none}
table{ border-collapse: separate;} /*边线重叠*/
.wrap{max-width:1200px;width:94%;margin:0 auto}

/* ====================== header ============================ */

.header{ line-height: 40px;padding: 20px 0;width: 100%;position: absolute;left: 0;top: 0;z-index: 99999;}
.header.flx-head{position: fixed;background: #092a52;background: -moz-linear-gradient(60deg, #092a52, #4d6c8f);background: -webkit-linear-gradient(60deg, #092a52, #4d6c8f);background: -ms-linear-gradient(60deg, #092a52, #4d6c8f);background: linear-gradient(60deg, #092a52, #4d6c8f);box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.8);}
.logo{float: left;width: 200px;}
.logo img{width: 100%;height: auto;vertical-align: middle;}
.nav{float: right;}
.nav ul{overflow: hidden;}
.nav ul li{float: left;margin: 0 40px;}
.nav ul li.on a{color: #FF9823;}
.nav ul li a{display: block;color: #fff;font-size: 16px;text-transform: uppercase;}
.nav ul li a:hover{color: #FF9823;}
.navBtn{display: none;float: right;cursor: pointer;}

@media screen and (max-width:900px){
    .logo{width: 180px;}
    .nav ul li{margin: 0 16px;}
}
@media screen and (max-width:768px){
    .header{padding:10px 0;line-height: 30px;position: relative;background-color: #3a5473;}
    .navBtn{display: block;}
    .navBtn img{width: 32px;height: auto;vertical-align: middle;}
    .nav{display: none;position: absolute;left: 0;top: 100%;background-color: #051E3C;width: 100%;z-index: 9999;}
    .nav ul li{line-height: 50px;margin: 0;width: 100%;}
    .nav ul li a{color:#AAA;padding: 0 10px}
}
@media screen and (max-width:420px){
    .logo{width: 160px;}
}
/* ====================== banner ============================ */

.banner{position: relative;}
.banner:after{content:'';position: absolute;top: 0;left: 0;bottom: 0;right: 0;    background: #092a52;background: -moz-linear-gradient(60deg, #092a52, #4d6c8f);background: -webkit-linear-gradient(60deg, #092a52, #4d6c8f);background: -ms-linear-gradient(60deg, #092a52, #4d6c8f);background: linear-gradient(60deg, #092a52, #4d6c8f);z-index: 1;opacity: 0.8;}
.banner:before{content:'';position: absolute;bottom: 0;width: 100%;height: 230px;background: url(../images/shape3.png) no-repeat bottom center;z-index: 4;}
.banner img{width: 100%;height: auto; min-height: 420px;-webkit-object-fit: cover;object-fit: cover;vertical-align: middle;}
.ban-info{position: absolute; top: 45%;width: 100%;color: #FFF;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);line-height: 1.2;z-index: 2;}
.ban-con{width: 60%;}
.ban-con span{display: block; color: #ffba00;font-size: 20px;line-height: 1.2;}
.ban-con strong{display: block;font-size: 50px;line-height: 1.2;margin-top: 10px;}
.ban-con h1{display: block;font-size: 50px;line-height: 1.2;margin-top: 10px;}
.ban-con p{font-size: 18px;line-height: 32px; font-weight: 300;margin-top: 20px;}
.btn-con {position: relative;z-index: 1;display: inline-block;line-height: 52px;padding: 0 20px;font-weight: bold;text-align: center;vertical-align: middle;-webkit-border-radius: 26px;-moz-border-radius: 26px;-ms-border-radius: 26px;-o-border-radius: 26px;border-radius: 26px;-webkit-transition:.8s;-moz-transition:.8s; -ms-transition:.8s;-o-transition:.8s;transition:.8s;background: #092a52;background: -moz-linear-gradient(60deg, #092a52, #4d6c8f);background: -webkit-linear-gradient(60deg, #092a52, #4d6c8f);background: -ms-linear-gradient(60deg, #092a52, #4d6c8f);background: linear-gradient(60deg, #092a52, #4d6c8f );color: #fff;margin-top: 50px;}
.btn-con:hover{background: #092a52;background: -moz-linear-gradient(-60deg, #092a52, #4d6c8f);background: -webkit-linear-gradient(-60deg, #092a52, #4d6c8f);background: -ms-linear-gradient(-60deg, #092a52, #4d6c8f);background: linear-gradient(-60deg, #092a52, #4d6c8f );}

@media screen and (max-width:1200px){
    .ban-con{width: 100%;}
}
@media screen and (max-width:768px){
    .ban-con span{display: none;}
    .ban-con{text-align: center;}
    .ban-con strong{font-size: 36px;}
}
@media screen and (max-width:660px){
    .btn-con{line-height: 46px;}
    .ban-con strong{display: none;}
}
/* ====================== index title ============================ */

.in-title {margin-bottom: 40px;text-align: left;position: relative;text-align: center;}
.in-title h2{color: #111111;font-size: 30px;line-height: 40px;text-transform: capitalize;position: relative;padding-bottom: 10px;}
.in-title h2 span{font-weight: 700;}
.in-title h2:before{content:'';width: 100px;height:3px;background: #092a52;background: -moz-linear-gradient(60deg, #092a52, #4d6c8f);background: -webkit-linear-gradient(60deg, #092a52, #4d6c8f);background: -ms-linear-gradient(60deg, #092a52, #4d6c8f);background: linear-gradient(60deg, #092a52, #4d6c8f);position: absolute;left: 0;bottom: 0;right: 0;margin: auto;}
.in-title a {color: #111111;}
.in-title p{font-size: 18px;line-height: 28px;color: #666;margin-top: 10px;}
.in-title  h1{color: #111111;font-size: 32px;line-height: 40px;font-weight: bold;text-transform: capitalize;}

@media screen and (max-width:768px){
.in-title h2{font-size: 26px;line-height: 1.1;}
.in-title p{font-size: 16px;}
}
@media screen and (max-width:480px){
.in-title h2{font-size: 24px;}
.in-title p{font-size: 14px;}
}
/* ====================== index-about ============================ */
.index-wrapper{overflow: hidden;}

.index-grid .right{
float: right;
width: 45%;
}
.index-grid .right p{
    font-size: 18px;
    line-height: 1.7;
}
.index-grid .left{
float: left;
width: 50%;
}
.index-grid .left img{
width: 100%;
height: auto;
}
@media screen and (max-width:800px){
    .index-grid .left{
        width: 100%;
      }
      .index-grid .right{
        width: 100%;
      }
}

/* ====================== about-good  ============================ */
.footer-news{padding: 50px 0;}
.news-txt{margin-bottom: 30px;}
.news-txt strong{position: relative;display: block; font-size: 36px;line-height: 1.2;padding-bottom: 16px;}
.news-txt strong:after{content: "";position: absolute;left: 0;bottom: 0;width: 50px;height: 5px;background-color: #FF9823;}
.list-news{margin-left: -4%;}
.list-news li{float: left;width: 29.3%;margin-left: 4%;margin-bottom: 20px;}
.list-news li a{display: block; color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 30px;}
.list-news li a:hover{color:#FF9823;}
.list-news li a:before{content: '';display: inline-block;vertical-align: middle;width: 10px;height: 10px;background: url(../images/news-arrow.png) no-repeat;margin-right: 6px;}


@media screen and (max-width:1000px){
    .footer-news{padding: 40px 0;}
    .news-txt{margin-bottom: 20px;}
    .news-txt strong{font-size: 32px;}
}
@media screen and (max-width:768px){
    .footer-news{padding: 30px 0 24px;}
    .news-txt strong{font-size: 30px;}
    .news-txt strong:after{height: 3px;}
    .list-news{margin-left: 0;}
    .list-news li{width: 100%;margin-left: 0;margin-bottom: 12px;}
}
@media screen and (max-width:420px){
    .footer-news{padding: 24px 0 20px;}
    .news-txt strong{font-size: 26px;padding-bottom: 12px;}
    .list-news li{font-size: 15px;}
    .footer{font-size: 14px;line-height: 26px;}
}

/* ====================== index-type ============================ */
.index-type{margin-top: 50px;}
.index-type ul{margin-left: -2%;}
.index-type ul li{float: left;width: 23%;margin-left: 2%;background-color: #FFF;-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);-ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);-o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);text-align: center;padding: 20px 10px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.index-type ul li a{display: block;font-size: 18px;color: #17354F;margin-top: 8px;}
.index-type ul li a img{width: 120px;height: auto;vertical-align: middle;}
.index-type ul li:hover a{color: #fff;}
.index-type ul li:hover{ -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px);transform: translateY(-5px);background-color: #092a52;}
.index-type strong{font-size: 44px;font-family: Impact; color: #092a52;}
.index-type p{font-size: 15px;line-height: 26px;color: #17354F;}
@media screen and (max-width:800px){
    .index-type ul li a{font-size: 16px;}
    .index-type{margin-top: 40px;}
}
@media screen and (max-width:700px){
    .index-type ul li{width: 48%;margin-bottom: 16px;}
    .index-type{margin-top: 30px;}
}
@media screen and (max-width:520px){
    .index-type{margin-top: 20px;}
    .index-type ul{margin-left: 0;}
    .index-type ul li{width: 100%;margin-left: 0;}
   
}
/* ====================== index-pro ============================ */
.index-pro{padding: 50px 0;position: relative;z-index: 1;}
.index-pro:before{background: #092a52;background: -moz-linear-gradient(60deg, #092a52, #4d6c8f);background: -webkit-linear-gradient(60deg, #092a52, #4d6c8f);background: -ms-linear-gradient(60deg, #092a52, #4d6c8f);background: linear-gradient(60deg, #092a52, #4d6c8f);transform: skewY(-4deg);content: "";height: 100%;right: 0;position: absolute;top: 0;width: 100%;z-index: -1;}
.index-pro h2{color: #fff;}
.index-pro h2::before{background: #fff;}
.list-pro{margin-left: -2.3%;}
.list-pro li{float: left;width: 31%;margin-left: 2.3%;margin-bottom: 30px;text-align: center; background-color: #FFF;-webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.list-pro li:hover{-webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px);transform: translateY(-5px);}
.pro-pic{position: relative;padding-top: 75%;display: block;}
.pro-pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.pro-info{padding: 20px 10px;}
.pro-txt{display: block; color: #111;font-size: 22px;font-weight: 700;line-height: 1.2;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pro-txt:hover{color:#ffba00}
.list-pro li p{color: #666;font-size: 15px;line-height: 26px;height: 78px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;margin-top: 10px;}
.pro-btn{display: inline-block;line-height: 40px;padding: 0 24px;text-align: center;color: #ffba00;background-color: #FFF;border:2px solid #ffba00;margin-top: 15px;-webkit-transition: all .3s;transition: all .3s;font-size: 14px;font-weight: bold;}
.pro-btn:hover{color: #FFF;background-color: #ffba00;}
@media screen and (max-width:900px){
    .list-pro li{width: 47.7%;}
}
@media screen and (max-width:550px){
    .list-pro{margin-left: 0;}
    .list-pro li{width: 100%;margin-left: 0;margin-bottom: 20px;}
    .list-pro li p{height: 52px;-webkit-line-clamp: 2;}
    .pro-info{padding: 12px 6px 16px;}
    .pro-txt{font-size: 20px;}
    .pro-btn{line-height: 36px;}
}
/* ====================== index-ask ============================ */
.index-ask{    background: #092a52;
    background: -moz-linear-gradient(60deg, #092a52, #4d6c8f);
    background: -webkit-linear-gradient(60deg, #092a52, #4d6c8f);
    background: -ms-linear-gradient(60deg, #092a52, #4d6c8f);
    background: linear-gradient(60deg, #092a52, #4d6c8f);
    padding: 70px 0;text-align: center;}
.index-ask p{color: #fff;font-size: 30px;line-height: 1.3;letter-spacing: 2px;}
.index-ask a{display: inline-block; width: 200px;line-height: 52px;background-color: #fff;color: #ffba00;font-size: 14px;font-weight: bold;-webkit-border-radius: 52px;-moz-border-radius: 52px;-ms-border-radius: 52px;-o-border-radius: 52px;border-radius: 52px;margin-top: 40px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.index-ask a:before{content: '';display: inline-block;margin-right: 8px; width: 16px;height: 16px;background: url(../images/ask-icon02.png) no-repeat;vertical-align: middle;margin-top: -4px;}
.index-ask a:hover{color: #fff; background: -moz-linear-gradient(-60deg, #092a52, #4d6c8f);
    background: -webkit-linear-gradient(-60deg, #092a52, #4d6c8f);
    background: -ms-linear-gradient(-60deg, #092a52, #4d6c8f);
    background: linear-gradient(-60deg, #092a52, #4d6c8f);}
.index-ask a:hover:before{background: url(../images/ask-icon01.png) no-repeat;}

@media screen and (max-width:768px){
    .index-ask{padding: 40px 0;}
}
@media screen and (max-width:660px){
    .index-ask p{font-size: 26px;}
    .index-ask a{margin-top: 30px;}
}
@media screen and (max-width:420px){
    .index-ask{padding: 32px 0;}
    .index-ask p{font-size: 24px;}
    .index-ask a{line-height: 46px;margin-top: 24px;}
}

/* ====================== index-case ============================ */
.index-case{padding: 50px 0;position: relative;z-index: 1;}
.index-case:before{background: #092a52;background: -moz-linear-gradient(60deg, #092a52, #4d6c8f);background: -webkit-linear-gradient(60deg, #092a52, #4d6c8f);background: -ms-linear-gradient(60deg, #092a52, #4d6c8f);background: linear-gradient(60deg, #092a52, #4d6c8f);transform: skewY(-4deg);content: "";height: 100%;right: 0;position: absolute;top: 0;width: 100%;z-index: -1;}
.index-case h2{color: #fff;}
.index-case h2::before{background: #fff;}
.case-list{margin: 0 -15px;}
.case-list li{float: left;width: 33.3%;margin-bottom: 30px;}
.case-list li .inner-box{margin: 0 15px;}
.case-list li .inner-box .a-img{position: relative;padding-top: 72%;overflow: hidden;}
.case-list li .inner-box .a-img>img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;}
.overlay-link{position:absolute;left:0;top:0;right:0;bottom:0;display:block}
.overlay-link:before{position:absolute;content:'';right:0;top:0;width:50%;height:100%;display:block;opacity:0;z-index:1;text-align:center;-webkit-transition:all 900ms ease;-ms-transition:all 900ms ease;-o-transition:all 900ms ease;transition:all 900ms ease;-webkit-transform:perspective(400px) rotateY(-90deg);-moz-transform:perspective(400px) rotateY(-90deg);-ms-transform:perspective(400px) rotateY(-90deg);-o-transform:perspective(400px) rotateY(-90deg);transform:perspective(400px) rotateY(-90deg);-webkit-transform-origin:right;-moz-transform-origin:right;-ms-transform-origin:right;-o-transform-origin:right;transform-origin:right;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;background-color:rgba(22,26,51,0.90)}

.case-list li .inner-box:hover .a-img .overlay-link:after{opacity: 1;-webkit-transform: perspective(400px) rotateY(0deg);-moz-transform: perspective(400px) rotateY(0deg);-ms-transform: perspective(400px) rotateY(0deg);-o-transform: perspective(400px) rotateY(0deg);transform: perspective(400px) rotateY(0deg);}
.overlay-link:after{position:absolute;content:'';left:0;top:0;width:50%;height:100%;display:block;opacity:0;text-align:center;-webkit-transition:all 900ms ease;-ms-transition:all 900ms ease;-o-transition:all 900ms ease;transition:all 900ms ease;-webkit-transform:perspective(400px) rotateY(90deg);-moz-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);-o-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-transform-origin:left;-moz-transform-origin:left;-ms-transform-origin:right;-o-transform-origin:left;transform-origin:left;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;background-color:rgba(22,26,51,0.90)}
.case-list li .inner-box:hover .a-img .overlay-link:before{
opacity: 1;-webkit-transform: perspective(400px) rotateY(0deg);
-moz-transform: perspective(400px) rotateY(0deg);-ms-transform: perspective(400px) rotateY(0deg);-o-transform: perspective(400px) rotateY(0deg);transform: perspective(400px) rotateY(0deg);
}


.lower-content{position: relative;padding: 50px 25px 0px;text-align: center;}
.lower-content .tit{display: block;position:absolute;left:30px;top:-35px;right:30px;color:#222222;font-weight:700;text-align:center;font-size:20px;padding:10px 15px;z-index:1;background-color:#ffffff;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;font-family:'Playfair Display',serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lower-content .tit:before{position:absolute;content:'';left:0;top:0;width:0;height:100%;display:block;z-index:-1;background-color:#ffba00;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease}
.case-list li .inner-box:hover .lower-content .tit{
	color:#ffffff;
}
.case-list li .inner-box:hover .lower-content .tit:before{
	width:100%;
}
.lower-content p{position:relative;color:#fff;font-size:15px;line-height:1.8em;margin-bottom:20px;height: 54px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.lower-content .read-more{font-weight:700;color:#fff;display:inline-block;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;font-family:'Playfair Display',serif;padding-left: 22px;}
.lower-content .read-more:after{content:'';width: 20px;height: 12px;background: url(../images/arr-left.png) no-repeat;display: inline-block;opacity: 0;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}
.lower-content .read-more:before{content:'';width: 20px;height: 12px;background: url(../images/arr-right.png) no-repeat;display: inline-block;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}
.case-list li .inner-box:hover .read-more:after{opacity: 1;}
.case-list li .inner-box:hover .read-more:before{opacity: 0;}
.case-list li .inner-box:hover .read-more{color: #ffba00;padding-right: 0;padding-right: 22px;}
@media screen and (max-width:1000px){
    .lower-content{padding: 65px 15px 0px;}
}
@media screen and (max-width:850px){
    .case-list li{width: 50%;}
}
@media screen and (max-width:580px){
    .case-list{margin: 0 0;}
    .lower-content{padding: 40px 15px 0px;}
    .lower-content .tit {font-size: 18px;padding: 10px 15px;    top: -20px;left: 15px;right: 15px;}
}
@media screen and (max-width:480px){
    .case-list li{width: 100%;}
}

/* ====================== footer ============================ */


.footer{background-color: #092a52;border-top:1px solid rgba(255, 255, 255, .07);line-height: 30px;padding: 20px 0;;}
.footer p{font-size: 14px;color:#FFF;text-align: center;}
.footer p a{color: #ffba00;margin-left: 8px;}
.footer p a:hover{color: #FFF;}

/* ====================== 返回顶部============================ */
.return-top {width: 40px;height: 40px;background: url(../images/top.png) no-repeat center;position: fixed;right: 20px;bottom: 50px;-webkit-background-size: 100%;-moz-background-size: 100%;-ms-background-size: 100%;-o-background-size: 100%;background-size: 100%;cursor: pointer;display: none;z-index: 9999;}

/* ====================== 商务通 ============================ */
.right-service{position:fixed;right:40px;top:400px;border-radius:50%;box-shadow:0 5px 10px 0 rgba(255,186,0, 0.3);z-index:99990}
.right-service span{display:block;position:relative;border-radius:50%;overflow:hidden;border:5px solid #ffba00;z-index:8;width:105px;height:105px;cursor:pointer}
.right-service span img{display:block;width:100%}
.right-service::after{content:'';width:12px;height:12px;border-radius:50%;background-color:#ffba00;position:absolute;right:0;top:0;z-index:50}
.right-service .circle{position:absolute;top:-5px;left:-5px;z-index:7}
.right-service .circle.animate .a1{animation:2s cubic-bezier(.25,.46,.45,.94) forwards scaleToggleOne}
.right-service .circle.animate .a2{animation:2.5s cubic-bezier(.25,.46,.45,.94) forwards scaleToggleTwo}
.right-service .circle.animate .a3{animation:3s cubic-bezier(.25,.46,.45,.94) forwards scaleToggleThree}
.right-service .circle b{background:rgba(255,186,0, 0.25);width:115px;height:115px;border-radius:50%;position:absolute;z-index:49;transform:scale(1);-webkit-transform:scale(1);display:block}
.right-service .word{width:150px;color:#fff;padding:10px 15px;font-weight:400;line-height:1.45;background-color:#ffba00;left:-60px;top:50%;margin-top:-30px;-webkit-transition:all .3s cubic-bezier(.86,0,.07,1);transition:all .3s cubic-bezier(.86,0,.07,1);-webkit-box-shadow:0 2px 2px rgba(0,0,0,.2);box-shadow:0 2px 2px rgba(0,0,0,.2);font-size:14px;border-radius:3px;position:absolute;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;opacity:0;filter:alpha(opacity=0);z-index:9}
.right-service .word::after{position:absolute;display:block;content:'';height:20px;width:20px;-webkit-box-shadow:none;box-shadow:none;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;z-index:50;background-color:#ffba00;-webkit-box-shadow:3px 3px 10px 0 rgba(255,186,0,.2);box-shadow:3px 3px 10px 0 rgba(255,186,0,.2);right:-6px;top:50%;margin-top:-10px}
.right-service .show {left: -195px;opacity: 1;filter: alpha(opacity=100)}

@keyframes scaleToggleOne {
	0%,100% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}

	50% {
		transform: scale(1.5);
		-webkit-transform: scale(1.5)
	}
}

@keyframes scaleToggleTwo {
	0%,100%,20% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}

	100% {
		transform: scale(1.5);
		-webkit-transform: scale(1.5)
	}
}

@keyframes scaleToggleThree {
	0%,100%,33% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}

	66% {
		transform: scale(1.5);
		-webkit-transform: scale(1.5)
	}
}
@media(max-width:768px){
  .right-service{display: none;}
}

/* ====================== 面包屑 ============================ */
.place-show {position: relative;}
.place-show:before{    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #092a52;
    background: -moz-linear-gradient(60deg, #092a52, #4d6c8f);
    background: -webkit-linear-gradient(60deg, #092a52, #4d6c8f);
    background: -ms-linear-gradient(60deg, #092a52, #4d6c8f);
    background: linear-gradient(60deg, #092a52, #4d6c8f);
    z-index: 1;
    opacity: 0.8;}
.place-show .wrap{position: relative;}
.place-show img{min-height: 120px;-webkit-object-fit: cover;object-fit: cover;vertical-align: middle;}
.place-info{position: absolute;left: 0;bottom:20px;z-index: 3;}
.place-info ol{position: relative;background-color: #333;height: 40px;line-height: 40px;padding: 0 20px 0 35px;-webkit-border-radius: 40px;-moz-border-radius: 40px;-ms-border-radius: 40px;-o-border-radius: 40px;border-radius: 40px;font-size: 15px;}
.place-info ol:before{content: '';position: absolute;left: 20px;top: 12px; vertical-align: middle;width: 16px;height: 16px;background: url(../images/icon-place.png) no-repeat;}
.place-info ol li{float: left;color: #CCC;padding-left: 8px;}
.place-info ol li a{color: #EEE;margin-right: 8px;}
.place-info ol li a:hover{color: #ffba00;}
@media screen and (max-width:660px){
    .place-show{background-color: #333;padding: 8px 0;}
    .place-show img{display: none;}
    .place-info{position: initial;bottom: auto;}
    .place-info ol:before{left: 0;}
    .place-info ol{padding-left: 14px;font-size: 14px;}
}

/* ====================== 内页 banner ============================ */
/* ====================== about ============================ */ 

.about-show{margin-top:50px;position: relative;}
.about-show p{line-height: 32px;margin-bottom: 20px;}

.about-pic{float: right;width: 40%;}
.about-pic img{width: 100%;height: auto;vertical-align: middle;}


/* ====================== contact ============================ */ 

.cont-show{margin-top: 40px;}
.cont-show p{line-height: 32px;}
.cont-main{background-color: #FFF;border:15px solid #F5F5F5;margin-top: 20px;}
.cont-pic{float: right;width: 550px;}
.cont-pic img{width: 100%;height: auto;vertical-align: middle;}
.cont-base{display: block;overflow: hidden; background-color: #FFF;}
.cont-base ul{margin-top: 15px;}
.cont-base ul li{float: left;width: 46%;margin: 0 2%; text-align: center;}
.cont-icon{display: inline-block;width: 100px;height: 100px; padding: 24px;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%; background-color: #1F273A;}
.cont-icon img{vertical-align: middle;}
.cont-base ul li span{display: block;font-size: 20px;font-weight: bold;line-height: 24px;margin: 10px 0 15px;}
a.cont-link{display: block;color:#ffba00;font-size: 20px;font-weight: bold;text-decoration: underline;}
.cont-ask{display: inline-block; font-size: 18px;background-color: #ffba00; color: #FFF;width: 180px;line-height:40px;}
@media screen and (max-width:1200px){
    .cont-pic{display: none;}
    .cont-base{width: 100%;}
    .cont-base ul{margin-top: 0;}
    .cont-main{padding: 20px;}
}
@media screen and (max-width:600px){
    .cont-base ul li{width: 100%;margin: 0 0 12px;}
    .cont-icon{width: 90px;height: 90px;}
    a.cont-link{font-size: 18px;}
    .cont-base ul li span{margin-bottom: 10px;}
}
.msg-show{background-color: #FFF;margin: 50px 0 50px 100px;font-size: 15px;line-height: 26px;min-height: 520px;-webkit-box-shadow: 0 0 21px rgba(0,0,0,0.18);-moz-box-shadow: 0 0 21px rgba(0,0,0,0.18);-ms-box-shadow: 0 0 21px rgba(0,0,0,0.18);-o-box-shadow: 0 0 21px rgba(0,0,0,0.18);box-shadow: 0 0 21px rgba(0,0,0,0.18);padding: 60px 60px 60px 320px;position: relative;}
.msg-info{position: absolute;left: -100px;top: 10%;width: 360px;height:80%;color: #fff;padding: 40px 30px;background: #092a52;background: -moz-linear-gradient(60deg, #092a52, #4d6c8f);background: -webkit-linear-gradient(60deg, #092a52, #4d6c8f);background: -ms-linear-gradient(60deg, #092a52, #4d6c8f);background: linear-gradient(60deg, #092a52, #4d6c8f);}
.msg-show strong{display: block;font-size:30px;line-height: 1.2;margin-bottom: 20px;}
.msg-info p{padding-left: 36px;background-position: left 8px;background-repeat: no-repeat;margin-top: 30px;line-height: 36px;}
.msg-info p.yx{background-image: url(../images/msg-mark01.png);}
.msg-info p.dz{background-image: url(../images/msg-mark02.png);}
.msg-info p a{color: #FFF;}
.msg-info p a:hover{text-decoration: underline;}
.msg-link{display: inline-block; border:2px solid #FFF;background-color: #FFF;line-height: 40px;-webkit-border-radius: 40px;-moz-border-radius: 40px;-ms-border-radius: 40px;-o-border-radius: 40px;border-radius: 40px;padding: 0 20px;margin-left: 30px;margin-top: 30px;color: #092a52;font-size: 18px;}
.msg-link:hover{background-color: #092a52;color: #FFF;}


.msg-con strong{color: #092a52;}
.msg-con p{color: #555;}
.msg-con ul{overflow: hidden;margin-left: -2%;margin-top: 26px;}
.msg-con ul li{float: left;position: relative;width: 48%;margin-left: 2%;margin-bottom: 16px;}
.msg-con ul li img{position: absolute;left: 10px;top: 13px;width: 20px;height: auto;}
.msg-con ul li input, .msg-con ul li textarea{color:#666;width: 100%;line-height: 32px;padding: 8px 6px 8px 40px;background-color: #F5F5F5;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}
.msg-con ul li.msg-area{width: 98%;}
.msg-con ul li.msg-area textarea{height: 120px;}
.msg-con ul li.msg-area img{top: 14px}
.msg-con .msg-btn{margin-top: 30px;}
.msg-con .msg-btn input{display: inline-block;line-height: 40px;padding: 0 40px;color: #FFF;font-size: 18px;text-transform: uppercase;-webkit-border-radius: 40px;-moz-border-radius: 40px;-ms-border-radius: 40px;-o-border-radius: 40px;border-radius: 40px;cursor: pointer;background-color: #092a52;border:2px solid #092a52;}
.msg-con .msg-btn input:hover{background-color: #FFF;color: #092a52;}
input:-webkit-autofill{-webkit-text-fill-color: #222;-webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset !important;box-shadow: 0 0 0px 1000px #FFFFFF inset !important;}
input[type="checkbox"], input[type="radio"]{background-color: initial;cursor: default;-webkit-appearance: checkbox;box-sizing: border-box;margin: 3px 3px 3px 4px;padding: initial;border: initial;}
.msg-privacy{margin-bottom: 15px;color: #666;}
.msg-privacy input{margin-right: 8px;}

@media screen and (max-width:1410px){
    .msg-show{padding: 30px;margin-left: 0;}
    .msg-info{position: relative;left: 0;width: 100%;height: auto;top: 0;padding: 20px;margin-bottom: 20px;}
    .msg-info p{margin-top: 20px;}
}
@media screen and (max-width:1000px){
    .msg-show{padding: 20px;}
    .msg-show strong{font-size: 28px;}
}
@media screen and (max-width:768px){
    .msg-con ul{margin-left: 0;}
    .msg-con ul li{width: 100%;margin-left: 0;}
    .msg-con ul li.msg-area{width: 100%;}
}
@media screen and (max-width:480px){
    .msg-show{padding: 16px;padding-bottom: 40px;}
    .msg-show strong{font-size: 26px;}
    .msg-info p{margin-top: 12px;line-height: 32px;}
}
@media screen and (max-width:360px){
    .msg-show{padding: 10px;padding-bottom: 30px;}
    .msg-con .msg-btn input{width: 100%;}
    .msg-privacy{font-size: 13px;}
    .msg-con ul li input, .msg-con ul li textarea{font-size: 15px;}
}

/* ====================== product list ============================ */ 
.product-box {margin-top:50px;position: relative;}
.product-lb {overflow: hidden;margin-bottom: 40px;}
.product-lb li{float:left;background:#121212;text-align:center;margin-right:5px;line-height:1.2;padding:10px 15px;margin-bottom:10px;border-radius:10px}
.product-lb li a{color:#fff;display:block}
.product-lb li.on{background:#ffba00}

.inner-list .related {background: #111;font-size: 28px;line-height: 50px;height: 50px;color: #fff;padding-left: 20px;margin-bottom: 40px;}


/* ====================== case list ============================ */ 
.case-box{margin-top:50px;}
.case-grid li{ overflow: hidden;margin-bottom: 20px;padding-bottom: 20px;border-bottom:1px solid #EEE;}
.case-grid .case-pic{float: left;width:320px;margin-right: 20px;}
.case-grid .case-pic a{display: block;position: relative;padding-top: 67%;}
.case-grid .case-pic a img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;}
.case-grid .case-info{display: block;overflow: hidden;margin-top: 5px;}
.case-grid .case-txt{font-size: 22px;font-weight: bold;display: block;margin-bottom: 10px;line-height: 30px;}
.case-grid  .case-info p{line-height: 28px;height: 84px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;color: #666;}
.case-grid  .case-btn{display: inline-block; width: 160px;line-height: 42px;text-align: center; -webkit-border-radius: 50px;-moz-border-radius: 50px;-ms-border-radius: 50px;-o-border-radius: 50px;border-radius: 50px;border:1px dashed #ffba00;margin-top: 16px;color: #ffba00;}
.case-grid .case-btn:hover{background-color: #ffba00;color: #FFF;}

@media screen and (max-width:768px){
    .case-grid .case-pic{width: 100%;margin-right: 0;margin-bottom: 15px;}
    .case-grid .case-info{width: 100%;margin-top: 0;}
}
@media screen and (max-width:420px){
    .case-grid .case-txt{font-size: 20px;}
    .case-grid .case-btn{line-height: 36px;width: 100%;}
}
/* ====================== long-index ============================ */ 

.keyword-show{margin-top: 40px;}
.keyword-base{margin-bottom: 50px;}
.keyword-pic{float: left;width: 44%;}
.keyword-pic img{width: 100%;height: auto;vertical-align: middle;}
.keyword-info{float: right;width: 52%;}
.keyword-info h1{font-size: 40px;line-height: 1.3;margin-bottom: 15px;}
.keyword-info p{line-height: 30px;margin-bottom: 5px;}
.txt-mail{display: block;font-size: 18px;padding-left: 36px;margin-top: 20px;background: url(../images/pro-mail.png) no-repeat left center;}
.txt-mail:hover{color: #ffba00;}
.link-base{overflow: hidden;margin-left: -2%;margin-top: 20px;}
.link-base a{float: left;width: 200px;margin-left: 2%;display: block;color: #FFF;line-height: 40px;text-align: center;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}
.link-base .link-msg{background-color: #014073;border: 1px solid #014073;}
.link-base .link-msg:hover{background-color: #FFF;color: #014073;}
.link-base .link-ask{background-color: #ffba00;border: 1px solid #ffba00;}
.link-base .link-ask:hover{background-color: #FFF;color: #ffba00;}


.keyword-main{float: right; width: 70%;}
.pro-detail{line-height: 30px;}
.pro-detail h3{font-size: 28px;line-height: 1.2;margin-bottom: 16px;}
.pro-detail p{margin-bottom: 16px;}
.pro-detail p img{max-width: 100%;height: auto;vertical-align: middle;}
.mobile{display: none;}

.keyword-side{float: left; width: 26%;}
.side-tab{font-size: 15px;border-top: 3px solid #ffba00;}
.side-tab .sublink{color: #FFF;padding: 8px 5px 8px 15px;line-height: 30px;margin-bottom: 1px;background-color: #8E8E8E;cursor: pointer;}
.side-tab .sublink.current{background-color: #014073;}
.side-tab .submenu{border-top: none;display: none;}
.side-tab .submenu li{color: #FFF;padding: 8px 5px 8px 15px;line-height: 30px;background-color: #E2E2E2;margin-bottom: 1px;}
.side-tab .submenu li:hover a{color: #ffba00;}

.relate-pro{margin-top: 40px;}
.relate-txt{position: relative; line-height: 40px;border-bottom:1px solid rgba(0, 0, 0, 0.09);padding-bottom: 10px;margin-bottom: 30px;}
.relate-txt:after{content: "";position: absolute;left: 0;bottom: -2px;width: 50px;height: 3px;background-color: #ffba00;}
.relate-txt h2{font-size: 32px;}
.list-relate{margin-left: -2%;}
.list-relate li{float: left;width: 23%;margin-left: 2%;}
.relate-pic{position: relative;padding-top: 75%;display: block;}
.relate-pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.relate-info{display: block;text-align: center;font-size: 20px;margin: 8px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-relate li:hover a{color: #ffba00;}



@media screen and (max-width:1000px){
    .keyword-side{display: none;}
    .keyword-main{width: 100%;}
}
@media screen and (max-width:900px){
    .link-base a{width: 48%;}
}
@media screen and (max-width:768px){
    .mobile{display: block;}
    .computer{display: none;}
    .keyword-show{margin-top: 30px;}
    .keyword-pic{width: 100%;}
    .keyword-info{width: 100%;margin-top: 20px;}
    .keyword-base{margin-bottom: 40px;}
    .relate-pro{margin-top: 30px;}
    .relate-txt h2{font-size: 26px;}
}
@media screen and (max-width:480px){
    .keyword-show{margin-top: 20px;}
    .link-base a{width:48%;line-height: 44px;font-size: 15px;}
    .relate-pro{margin-top: 20px;}
    .link-base a{width:48%;line-height: 44px;font-size: 15px;}
    .list-relate{margin-left: 0;}
    .list-relate li{width: 100%;margin-left: 0;}
    .relate-info{font-size: 19px;}
    .relate-txt{margin-bottom: 20px;}
    .relate-txt h2{font-size: 24px;}
    .keyword-pro .list-pro li{width:100%;}
}

/* ====================== inner ============================ */ 

.con-show{margin-top: 40px;}
.con-main{float: left; width: 70%;}
.pro-con img{width: 100%;height: auto;vertical-align: middle;}
.pro-con h1{font-size: 40px;line-height: 1.2;margin: 20px 0;}
.pro-con p{line-height: 30px;margin-bottom: 8px;}
.pro-con p strong{padding-right: 4px;}
.txt-mail{display: block;font-size: 18px;padding-left: 36px;margin-top: 20px;background: url(../images/pro-mail.png) no-repeat left center;}
.txt-mail:hover{color: #ffba00;}

.link-base{overflow: hidden;margin-left: -2%;margin-top: 20px;}
.link-base a{float: left;width: 200px;margin-left: 2%;display: block;color: #FFF;line-height: 50px;text-align: center;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}
.link-base .link-msg{background-color: #333;}
.link-base .link-msg:before{content: '';display: inline-block;vertical-align: middle;width: 20px;height: 20px;background: url(../images/pro-base01.png) no-repeat;margin-right: 8px;}
.link-base .link-msg:hover{background-color: rgba(51,51,51, 0.8);}
.link-base .link-ask{background-color: #ffba00;}
.link-base .link-ask:before{content: '';display: inline-block;vertical-align: middle;width: 20px;height: 20px;background: url(../images/pro-base02.png) no-repeat;margin-right: 8px; margin-top: -5px;}
.link-base .link-ask:hover{background-color: rgba(240,95,64, 0.8);}

.pro-detail{border-top:3px solid #EEE;margin-top: 40px;padding-top: 30px;line-height: 30px;}
.pro-detail h3{font-size: 28px;line-height: 1.2;margin-bottom: 16px;}
.pro-detail p{margin-bottom: 16px;}
.pro-detail p img{max-width: 100%;height: auto;vertical-align: middle;}
.mobile{display: none;}

.con-side{float: right; width: 26%;}
.side-pro{padding: 20px;background: #FFF;-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .11);box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .11);}
.side-pro strong{position: relative; display: block;font-size: 22px;margin-bottom: 30px;line-height: 30px;}
.side-pro strong:before{content: "";position: absolute;bottom: -15px;left: 18%;height: 4px;width: 15px;background-color:#DDD;}
.side-pro strong:after{content: "";position: absolute;left: 0;bottom: -15px;height: 4px;width: 15%;background-color: #ffba00;}
.side-pro ul li{border-bottom: 1px dashed #DDD;padding: 15px 0;}
.side-pro ul li:last-child{border-bottom:none;}
.side-pro ul li a{display: block;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 30px;}
.side-pro ul li a:before{content: '';display: inline-block;vertical-align: middle;width: 6px;height: 6px;background-color: #444;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;margin-right: 8px;margin-top: -2px;}
.side-pro ul li:hover a{color: #ffba00;}
@media screen and (max-width:1000px){
    .con-side{width: 100%;}
    .con-main{width: 100%;}
}
@media screen and (max-width:768px){
    .mobile{display: block;}
    .computer{display: none;}
    .con-show{margin-top: 30px;}
}
@media screen and (max-width:480px){
    .con-show{margin-top: 20px;}
    .link-base a{width:48%;line-height: 44px;font-size: 15px;}
    .pro-detail{margin-top: 30px;padding-top: 20px;}
    .side-pro{padding: 16px;}
    .side-pro ul li{padding: 12px 0;}
    .side-pro ul li a{font-size: 15px;}
}

.table-row table td {
    word-break: break-all;
}
.table-row table {margin-bottom:20px;}


/* ====================== 404 ============================ */ 

.error{max-width: 800px;width: 100%;margin: 50px auto;}
.error img{display:block;width:100%}

.show-grid{margin-bottom: 80px;}

@media screen and (max-width:768px){
    .keyword-one h1{font-size: 36px;line-height: 1.34;}
    .inner-top .text {margin-top: 20px;}
    .inner-top .text h1{font-size: 36px;margin-bottom: 20px;}
    .mian-con h2{font-size: 24px;}
    .inner-content{margin-bottom: 30px;}
    .index-grid{margin-top: 30px;}
    .inner-right{width: 100%;margin-top: 30px;}
    .show-grid{margin-bottom:50px;}
}

@media screen and (max-width:480px){
    .show-grid,.main-contact{margin-bottom:30px;}
    .keyword-one h1{font-size: 24px;}
    .keyword-one p{font-size: 16px;}
    .keyword-con h2{font-size: 22px;margin-bottom: 20px;}
    .mian-con h2{font-size: 22px;}
    .inner-top .text{margin-top:30px}
    .inner-top .text .qt span{width:100%;line-height:40px}
    .inner-top .text .chat{margin-left:0;margin-top:10px}
    .inner-top .text h1{font-size:22px;margin-bottom:20px}
    .inner-top .text p{font-size:16px}
    .inner-top .text .gn{margin-top:12px}
    .inner-top .img{padding: 0;}
}

.canshu_pc{display: block;}
.canshu_m{display: none;}
@media screen and (max-width:660px){
    .canshu_pc{display: none;}
    .canshu_m{display: block;}
}