*{margin:0;padding:0;list-style:none;border-style:none;text-decoration:none;box-sizing: border-box;}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{color:#333;font:14px/1.5 "Gotham SSm A","Gotham SSm B",'Helvetica Neue',Helvetica,"Microsoft Yahei","Yahei","微软雅黑",Arial;overflow-x:hidden; -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; -moz-text-size-adjust: 100% !important; }
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
h1,h2,h3,h4,h5,h6{font-weight:normal}
a{text-decoration:none}
:focus{outline:0}
i,em{font-style:normal}
.clearfix:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.clearfix{*zoom:1}
.fl{float:left}
.fr{float:right}
img{vertical-align:middle;border:0;max-width:100%}
input,select,textarea{border:0;outline:0;font-family: "Gotham SSm A","Gotham SSm B","Microsoft Yahei","Yahei","微软雅黑",Arial,Helvetica,sans-serif;-webkit-appearance:none}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#888}
input:-moz-placeholder,textarea:-moz-placeholder{color:#888}
input::-moz-placeholder,textarea::-moz-placeholder{color:#888}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#888}
table{border-collapse:collapse;border-spacing:0}
::-webkit-scrollbar{width:3px;height:3px;background-color:#f5f5f5}
::-webkit-scrollbar-track{background-color:#e2e2e2}
::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#555}
::selection {
background: #0368d9;
color: #ffffff;
}

::-moz-selection {
background: #0368d9;
color: #ffffff;
}

::selection {
background: #0368d9;
color: #ffffff;
}

::-moz-selection {
background: #0368d9;
color: #ffffff;
}
#tips {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0);
    z-index: 999999;
    display: none;
}
#tips div {
    position: absolute;
    top: 30%;
    left: 50%;
    padding: 10px;
    min-width: 90px;
    margin-left: -45px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    text-align: center;
    font-size: 14px;
    border-radius: 4px;
    word-wrap: break-word;
}
#tips .loading {
    padding-top: 38px;
}
@media screen and (min-width:1200px){
  .transy{transform: translateY(160px);-webkit-transform: translateY(160px);transition: 400ms;-webkit-transition: 400ms; transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out; opacity: 0;} 
  .Xtransy{transform: translateX(-160px);-webkit-transform: translateX(-160px); transition: 400ms;-webkit-transition: 400ms;transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out; opacity: 0;} 
  .tranShow{ transform: translateY(0); -webkit-transform: translateY(0); opacity: 1;}
  .XtranShow{ transform: translateX(0); -webkit-transform: translateX(0); opacity: 1;}
  .inA_con:nth-child(2n) .inA_con_L.Xtransy,.inE.Xtransy{transform: translateX(80px);-webkit-transform: translateX(80px); transition: 400ms;-webkit-transition: 400ms;transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out; opacity: 0;}
  .inA_con:nth-child(2n) .inA_con_L.XtranShow,.inE.XtranShow{ transform: translateX(0); -webkit-transform: translateX(0); opacity: 1;}
  .img:hover img {transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
}

.container {width: 1660px;margin: 0 auto;}

.header {width: 100%; padding: 0px 6%; position: fixed; top: 0px; left: 0px; right: 0px; height: 90px; z-index: 1090; background: #fff; transition: all 0.5s ease 0s; }
.header .logo {float:left;margin-top:20px;}
.header .logo a{float:left;}
.header .logo .text{font-size:16px;color:#545557;float:left;padding-left:22px;margin-left:22px;border-left:2px solid #e8e8e8;}
.header .logo .text span{display:block;font-size:14px;color:#545557;font-family:"Calibri";margin-bottom:8px;}
.header .logo .text h1 {font-size:16px;color:#545557;line-height: 120%;}

.header .navbar{float:right;margin-top:30px;}
.header .navbar ul{float:left;}
.header .navbar ul li{ float: left; margin-right:50px; padding-right:20px; background: url(../images/ico.png) no-repeat right center; height: 30px; line-height: 30px; overflow: hidden;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.header .navbar ul li a{ font-size: 16px; color: #333333; position: relative; height: 60px; top: 0; display: block; transition-duration:.3s;-ms-transition-duration:.3s;-moz-transition-duration:.3s;-webkit-transition-duration:.3s;}
.header .navbar ul li a span{ display: block; height: 30px;}
.header .navbar ul li a span.tx{ color:#0368d9; font-weight: bold;}
.header .navbar ul li.cur a{ top: -30px;}
.header .navbar ul li a:hover{ top: -30px;}
.header .navbar ul li a.cur{font-size:14px;opacity:0;visibility:hidden;}

.header .search{float:right;color:#525659;cursor:pointer;margin-top:30px;font-family:"Calibri";height:30px;line-height:30px;padding-left:28px;background:url(../images/ico1.png) no-repeat center left;}
.header .menu{float:right;padding-left:40px;margin-left:30px;margin-top:30px;color:#525659;cursor:pointer;background:url(../images/ico2.png) no-repeat 12px center;height:30px;line-height:30px;position:relative;}
.header .menu:before{content:url(../images/xian.jpg);position:absolute;left:0px;top:2px;}

.search_con{position:absolute;left:680px;top:0px;padding:0px 40px 0px 30px;bottom:0px;background:#fff;right:6%;z-index:10;opacity:0;visibility:hidden;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.search_con.cur{opacity:1;visibility:visible;}
.search_con input{height:99%;border:none;display:block;overflow:hidden;width:100%;font-family:"微软雅黑";color:#333;font-size:16px;}
.search_con:before{content:url(../images/ico1.png);position:absolute;left:0px;top:37px;position:absolute;}
.search_con>.btn{position:absolute;width:38px;height:100%;right:0px;top:0px;}
.search_con>.btn span{height: 18px;width:2px;background: #fff;position: absolute;display: block;top:35px;z-index: 1;transition-duration:.2s;-ms-transition-duration:.2s;-moz-transition-duration:.2s;-webkit-transition-duration:.2s;}
.search_con>.btn span.close-left{right: 18px;}
.search_con>.btn span.close-right{left: 18px;}
.search_con.cur>.btn span.close-left{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);background: #333;}
.search_con.cur>.btn span.close-right{-webkit-transform: rotate(45deg);transform: rotate(45deg);background: #333;}


.footer {width: 100%; padding: 0px 6%;background: #222222;}
.footer .footer-title {color: #fff;font-size: 16px;margin-bottom: 10px;}
.footer .footer-item {padding: 40px 0 30px;border-bottom: 1px solid #353535;}
.footer .footer-address {float: left;}
.footer .footer-address .footer-title {font-size: 24px;margin-bottom: 15px;}
.footer .footer-address p {color: #fff;font-size: 14px;line-height: 36px;}
.footer .footer-attention {float: right;}
.footer .footer-attention .footer-attention-link {float: left;margin-top: 115px;margin-right: 32px;}
.footer .footer-attention .footer-attention-link>a{width:40px;border:1px solid #fff;height:40px;z-index:1;position:relative;border-radius:100%;background:#fff;line-height:40px;text-align:center;float:left;margin-right: 16px;}
.footer .footer-attention .footer-attention-link>a > img{position: absolute;left: 50%;top: 0;width:38px;height:38px;margin-left: -19px;background: no-repeat center center;background-size: contain;-webkit-transition: all .7s;transition: all .7s;}
.footer .footer-attention .footer-attention-link>a .fH_img{opacity: 0;}
.footer .footer-attention .footer-attention-link>a:after{content:'';width: 0;height: 0;display: block;left: 50%;top: 50%;border-radius:18px;transition: all 0.3s ease 0s;position: absolute;overflow: hidden;z-index:-1;}
.footer .footer-attention .footer-attention-link>a:hover:after{width: 100%;height: 100%;top: 0;left: 0;background:#0368d9;}
.footer .footer-attention .footer-attention-link>a:hover{border:1px solid #0368d9;}
.footer .footer-attention .footer-attention-link>a:hover .fS_img{opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.footer .footer-attention .footer-attention-link>a:hover .fH_img{left: 50%; opacity: 1;}
.footer .footer-attention .footer-attention-link>a .hover {position: absolute;left: 50%;bottom: 45px;width: 100px;height: 100px;margin-left:-50px;opacity: 0;visibility: hidden;overflow: hidden;-webkit-transition: all .7s;transition: all .7s;}
.footer .footer-attention .footer-attention-link>a .hover img {width: 100%;}
.footer .footer-attention .footer-attention-link>a:hover .hover {opacity: 1;visibility: visible;}

.footer .footer-attention .footer-attention-qr {float: right; text-align: center; background: #e8e8e8; padding: 16px 10px 10px 10px;}
.footer .footer-attention .footer-attention-qr img {width: 100px}
.footer .footer-attention .footer-attention-qr span{display:block;font-size:12px;color:#3f4041;margin-top:12px;}

.footer .footer-links {padding: 20px 0px;border-bottom: 1px solid #353535;}
.footer .footer-links label {color: #bababa;}
.footer .footer-links a {color: #bababa;display: inline-block;margin: 0 8px 4px;}
.footer .footer-copyright {padding: 20px 0px;}
.footer .footer-copyright .footer-nav {float: left;}
.footer .footer-copyright .footer-nav a {color: #bababa;margin-right: 18px;float: left;}
.footer .footer-copyright .footer-nav a:hover {color: #ffffff;}
.footer .footer-copyright .copyright {float: right;}
.footer .footer-copyright .copyright p {color: #bababa;}
.footer .footer-copyright .copyright p a {display: inline-block;color: #bababa;margin-left: 20px;}
.footer .footer-copyright .copyright p a:hover {color: #ffffff;}

.pager{width:100%;float:left;text-align:center;margin:60px 0px;}
.pager a{display:inline-block;margin:0px 4px;background: #e5e5e5;padding: 0px 20px;line-height: 40px;color: #333;}
.pager a:hover,.pager a.on{background:#0368d9;color:#fff;}


.main{width:100%;transition: all 0.5s ease 0s;}
.banner{width:100%;position:relative;margin-top:90px;}

.innerBanner {margin-top: 90px;height: 380px;position: relative;display: flex;align-items: center;background-repeat: no-repeat;background-size: cover;background-position: center;}
.innerBanner .container {margin: 0 auto;position: relative;}
.innerBanner .innerBan-cont {font-size: 45px;color: #fff;line-height: 1.5;}
.innerBanner .innerBan-cont span {border-bottom: 4px solid #fff;padding-bottom: 30px;}
.innerBanner .innerBan-desc{max-width: 760px;margin-top: 38px;}
.innerBanner .innerBan-desc p {font-size: 18px; color: #fff; line-height: 36px; opacity: 0.8; }

.serBanner .container {height: 100%;padding: 90px 0px 0px;overflow: hidden;display: flex;flex-direction: column;justify-content: flex-end;}
.serBanner .innerBan-cont {flex:1;}
.serBan-menu{width: 100%;margin-top: 50px;border-top:1px solid rgba(255,255,255,0.1);}
.serBan-menu li{float:left;width:20%;text-align:center;padding: 30px 0px;}
.serBan-menu li a{width:100%;height:100%;float:left;background:url(../images/dian.png) repeat-y right;}
.serBan-menu li a p{height:40px;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.serBan-menu li a span{display:block;font-size:18px;color:#fff;margin-top:36px;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.serBan-menu li:last-child a{background:none;}
@media screen and (min-width:1200px){
  .serBan-menu li:hover {background-color: rgba(0, 0, 0, 0.2);}
/*  .serBan-menu li a:hover span{margin-top:40px;}*/
}

.serCont{width:100%;background:#fff;padding:90px 0px;margin-top:42px;position:relative;}
.serCont_l{width:406px;float:left;margin-left:9%;}
.serCont_l>span{font-size:32px;color:#222222;font-weight:bold;}
.serCont_l>span i{display:block;font-size:18px;color:#8e8e8e;padding-left:30px;position:relative;font-style:normal;}
.serCont_l>span i:before{content:'';width:16px;height:3px;background:#8e8e8e;position:absolute;left:0px;top:10px;}
.serCont_l>p{color:#666666;margin-top:70px;line-height:24px;}
.serCont_l>ul{width:100%;overflow:hidden;margin-top:30px;}
.serCont_l>ul li{float:left;width:80px;margin-top:20px;margin-right: 50px;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.serCont_l>ul li p{width:70px;height:70px;border:1px solid #c6c6c6;border-radius:20px;text-align:center;line-height:70px;}
.serCont_l>ul li p img{vertical-align:middle;}
.serCont_l>ul li span{display:block;color:#666666;margin-top:18px;text-align: center;width: 100%;}
.serCont_l>ul li span em{font-style: normal;}

.serCont_l>a{float:left;width:42px;height:42px;border:1px solid #cacaca;border-radius:100%;margin-top:50px;position:relative;overflow:hidden;}
.serCont_l>a:after{content:'';width:100%;height:100%;background: url(../images/sico25.png) no-repeat center;
position: absolute;bottom: 0px;right: 0px;}

.serCont_R{right:9%;top:50%;width:43.2%;transform:translateY(-50%);position:absolute;}
@media screen and (min-width:1200px){
/*.serCont_l>ul li:hover{padding-left:1%;width:32.3%;}*/
.serCont_l>a:hover:after {-webkit-animation: iHover .6s linear;animation: iHover .6s linear;background: url(../images/sico025.png) no-repeat center;}
.serCont_l>a:hover{background:#0368d9;border-color:#0368d9;}
}

.ser2{height:747px;background:url(../images/serpic6.jpg);padding:0px;position:relative;z-index:1;}
.ser2:after{content:url(../images/serpic8.png);position:absolute;left:0px;bottom:0px;z-index:-1;}
.ser2 .serCont_R{right:auto;left:15.6%;width:37.4%;}
.ser2 .serCont_l{float:right;margin:132px 9% 0px 0px;}
.ser2 .serCont_l>span,.ser2 .serCont_l>span i,.ser2 .serCont_l>p{color:#fff;}
.ser2 .serCont_l>span i:before{background:#fff;}
.ser2 .serCont_l>a:after{background: url(../images/sico025.png) no-repeat center;}
.ser2 .serCont_l>ul li span{color:#fff;}
.ser2 .serCont_l>ul li p{border-color:#fff;}

.ser3 .serCont_l{margin:68px 0px 0px 9%;}
.ser3 .serCont_R{width:49.2%;text-align: right;}

.ser4{background:url(../images/serpic6.jpg);overflow:hidden;}
.ser4:after{content:url(../images/clopic5.png);background-size:100%;}
.ser4 .serCont_l,.ser5 .serCont_l{width:506px;}
/*.ser4 .serCont_l>ul li,.ser5 .serCont_l>ul li{width:25%;}*/
/*.ser4 .serCont_l>ul li:hover,.ser5 .serCont_l>ul li:hover{width:24%;}*/
.ser4 .serCont_R{left:9%;right:auto;width:37.4%;}
.ser5 .serCont_l{margin-top:68px;}
.ser5 .serCont_R{width:32.2%}

/*案例列表*/
.case-wrap {float: right; width: 87.25%; padding: 0px 50px; background: #FFF; }
.case-wrap ul {margin-right: -10px; margin-left: -10px; }
.case-wrap ul li {width: 25%; float: left; padding-left: 10px; padding-right: 10px; text-align: center; margin-bottom: 20px; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.case-wrap ul li a {display: block; cursor:url('../images/case/cases_hover.png') 40 40, crosshair; }
.case-wrap ul li article {position: relative; width: 100%; height: 0; padding-top: 62.4%; overflow: hidden; }
.case-wrap ul li article img {position: absolute; top: 0; left: 0; width: 100.5%; height: 100%; -webkit-transition: 0.8s; -moz-transition: 0.8s; transition: 0.8s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.case-wrap ul li article summary {width: 100%; height: 50px; position: absolute; bottom: -50px; left: 0; line-height: 50px; color: #dcdcdc; background: rgba(0, 0, 0, 0.5); background: #666\9; text-align: left; text-indent: 20px; z-index: 3; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
.case-wrap ul li .info {width: 100%; height: 60px; overflow: hidden; padding: 0px 0px 0px 10px; box-sizing: border-box; }
.case-wrap ul li .info h5 {display: block; float: left; width: calc(100% - 100px); height: 40px; line-height: 40px; margin: 10px 0px; text-align: left; }
.case-wrap ul li .info h5 a {font-size: 18px; color: #333; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.case-wrap ul li .info .fr {width: 90px; height: 60px; }
.case-wrap ul li .info .fr a {display: inline-block; vertical-align: middle; text-align: right; margin-left: 10px; width: 20px; height: 60px; background-repeat: no-repeat; background-position: center; }
.case-wrap ul li .info .fr a.case_pc {background-image: url(../images/case/pc_b.png); }
.case-wrap ul li .info .fr a.case_phone {background-image: url(../images/case/phone_b.png); }
.case-wrap ul li:hover .info {background-color: #0368d9; }
.case-wrap ul li:hover a article summary {bottom: 0; }
.case-wrap ul li:hover a article img {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
.case-wrap ul li:hover a article:before {opacity: 1; filter: alpha(opacity=100); zoom: 1; }
.case-wrap ul li:hover a article:after {opacity: 1; filter: alpha(opacity=100); zoom: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
.case-wrap ul li:hover .info h5 a {color: #fff; }
.case-wrap ul li:hover .info .fr a.case_pc {background-image: url(../images/case/pc_w.png); }
.case-wrap ul li:hover .info .fr a.case_phone {background-image: url(../images/case/phone_w.png); }

.caesBanner .caesBan {margin-top: 50px;}
.caesBan .case-intro {float: left; width: 65%; padding: 0px 15px; }
.caesBan .case-intro .title {margin-bottom: 15px; }
.caesBan .case-intro .title h1 {font-size: 32px;color: #fff;}
.caesBan .case-intro .cont {color: #fff;}
.caesBan .case-intro .infor {margin-top: 10px;color: #fff;}
.caesBan .case-intro .infor dl {display: inline-block; margin-right: 10px; }
.caesBan .case-intro .infor dl dt,
.caesBan .case-intro .infor dl dd {display: inline; }

.caesBan .case-btn {float: right; position: absolute; right: 0; bottom: 0; padding: 0px 15px; }
.caesBan .case-btn a {display: inline-block; border: 2px solid #fff; border-radius: 50%; margin-left: 20px; position: relative; }
.caesBan .case-btn a:hover {background-color: #0368d9; border-color: #0368d9; }
.caesBan .case-btn a span {display: none; position: absolute; left: 50%; top: 125%; z-index: 2; background: #0368d9; line-height: 40px; font-size: 16px; color: #fff; width: 160px; margin-left: -80px; text-align: center; white-space: nowrap; }
.caesBan .case-btn a span.telphone {font-size: 18px; }
.caesBan .case-btn a span.wxcode {width: 180px; margin-left: -90px; padding: 10px 10px 0px; }
.caesBan .case-btn a span:before{content:"";width:12px;height:12px;background:#0368d9;position:absolute;left:84px;top:-6px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.caesBan .case-btn a:hover span {display: block; }

.case-preview {background: #f5f5f5;}
.case-preview .container {background: #fff;padding-top: 50px;}
.case-preview .case-preview-cover {max-width: 1200px;margin: 0 auto}
.case-preview .case-preview-cont {margin-top: 40px; }
.case-preview .case-preview-list {max-width: 1200px; margin: 0 auto; }
.case-preview .case-preview-list .h {text-align: center; font-size: 40px; color: #353535; line-height: 1; font-weight: bold; }
.case-preview .case-preview-list ul li {width: 100%; margin-top: 40px; overflow: hidden; box-shadow: 0 0 20px 6px rgba(0,0,0,0.15); }
.case-preview .case-dl {text-align: center;margin:60px 0px;}
.case-preview .case-dl dl dt{font-size:48px;color:#333333;margin-bottom: 30px}
.case-preview .case-dl dl dd a{display:inline-block;}
.case-preview .case-dl dl dd a i{display:block;font-size:16px;color:#999999;font-style:normal;margin-top:18px;}
.case-preview .case-dl dl dd a:hover img{opacity:0.8;}
.case-preview .case-dl dl dd:last-child a{padding:0px 20px;border:1px solid #242424;line-height:48px;display:inline-block;font-size:24px;color:#444444;}
.case-preview .case-dl dl dd:last-child a:hover,.case-preview .case-dl p a:hover{background:#0368d9;border-color:#0368d9;color:#fff;}
.case-preview .page {max-width: 1200px;margin: 0px auto;overflow:hidden;background:#dfdfdf;}
.case-preview .page a{width:40%;padding:0px 4%;float:left;text-align:center;font-size:14px;color:#444444;line-height:64px;position:relative;}
.case-preview .page a i{display:none}
.case-preview .page a.next {float: right;}
.case-preview .page a span{display:block;height:64px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position:relative;}
.case-preview .page a.first span:before{content:url(../images/nico3.png);position: absolute;margin-left:-20px;top:2px;}
.case-preview .page a.last span:after{content:url(../images/nico03.png);position: absolute;margin-left:14px;top:2px;}
.case-preview .page a.mid span:before{content:url(../images/nico2.png);position: absolute;margin-left:-20px;top:1px;}
.case-preview .page a:hover {color: #0368d9;}


/*新闻*/
.newsBanner .newsBan-menu {margin:50px 0px;width:100%;position: absolute;bottom: 0}
.newsBanner .newsBan-menu a{font-size:16px;color:#fff;font-weight:bold;float:left;padding-left:25px;margin-right:44px;background:url(../images/cico01.png) no-repeat center left;}
.newsBanner .newsBan-menu a.cur,.newsBanner .newsBan-menu a:hover{color: #0368d9;background:url(../images/cico1.png) no-repeat center left;}

.news-wrap ul {margin-left: -20px;margin-right: -20px;}
.news-wrap ul li {float: left; width: 33.333333%; padding: 0px 20px; margin-top: 40px;position: relative; }
.news-wrap ul li .text {padding: 20px; background: #fff;overflow:hidden; position: relative;}
.news-wrap ul li .text a.name {display:block;font-size:18px;color:#333333;height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition-duration: 0s}
.news-wrap ul li .text p{color:#999999;margin-top:20px;height:19px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-wrap ul li .text p a {color:#999999;transition-duration: 0s;}
.news-wrap ul li .text:after{content:url(n../images/ico1.png);position:absolute;right:7.8%;bottom:30px;}


.news-wrap ul li .image {overflow:hidden;width:100%;padding-bottom: 62.5%;position: relative;}
.news-wrap ul li .image a {display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.news-wrap ul li .image img {display: block;width: 100%;height: 100%;object-fit: cover;}
@media screen and (min-width:1200px){
   .news-wrap ul li:hover .text {background:#0368d9;}
   .news-wrap ul li:hover .text:after {-webkit-animation: iHover .6s linear;animation: iHover .6s linear;content:url(../images/nico01.png)}
   .news-wrap ul li:hover a,.news-wrap li:hover p{color:#fff !important;}
}

/*关于*/
.aboutBanner .container {height: 100%;overflow: hidden;}
.aboutBan{position:absolute;left:0px;right:0px;top:50%;transform:translateY(-50%);}
.aboutBan .aboutBanA{width:100%;float:left;position:relative;}
.aboutBan .aboutBanA dl{padding-right:560px;}
.aboutBan .aboutBanA dl dt{font-size:42px;color:#fff;line-height:70px;}
.aboutBan .aboutBanA dl dd{margin-top:30px;}
.aboutBan .aboutBanA dl dd p{font-size:16px;letter-spacing:0.06rem;color:#fff;line-height:30px;text-align: justify;}
.aboutBan .aboutBanA>img{position:absolute;right:0px;bottom:20px;}

.aboutBan .aboutBanB{width:100%;float:left;margin-top:50px;}
.aboutBan .aboutBanB li{float:left;padding-right:7%;margin-right:7%;border-right: 1px solid rgba(255,255,255,0.6);font-family:"Arial";color:#fff;}
.aboutBan .aboutBanB li>i{display:block;font-size:16px;}
.aboutBan .aboutBanB li>span{font-size:60px;display:block;line-height: 100%}
.aboutBan .aboutBanB li>span i{font-style:normal;}
.aboutBan .aboutBanB li>p{font-size:14px;line-height:24px;margin-top: 10px;}
.aboutBan .aboutBanB li:last-child{background:none;padding-right:0px;margin-right:0px;border-right: none;}


.aboutA{width:100%;background:#fff;margin-top:42px;}
.aboutA>p{float:left;width:50%;overflow:hidden;}
.aboutA_R{width:40%;float:right;margin:6% 5% 0px 5%;}
.aboutA_R span{display:block;font-size:26px;color:#333333;padding-bottom:26px;position:relative;margin-bottom:20px;}
.aboutA_R span i{font-style:normal;color:#0368d9;}
.aboutA_R span:after{content:'';width:40px;height:1px;background:#7f7f7f;position:absolute;bottom:0px;left:0px;}
.aboutA_R p{color:#686868;line-height:32px;}

.aboutB{width:100%;height:688px;margin-top:42px;position:relative;}
.aboutB dl{width:94.4%;padding:0px 2.8%;float:left;color:#fff;margin-top:80px;}
.aboutB dl dt{font-size:30px;padding-bottom:26px;position:relative;margin-bottom:34px;}
.aboutB dl dt:after{content:'';width:40px;height:1px;background:#9a9795;position:absolute;bottom:0px;left:0px;}
.aboutB dl dd p{line-height:32px;}
.aboutB_con{width:100%;float:left;border-top:1px solid #7c7979;position:absolute;bottom:0px;}
.aboutB_con li{width:33.3%;float:left;text-align:center;color:#fff;height:300px;background:url(../images/dian.png) repeat-y right;position:relative;z-index:1;}
.aboutB_con li:last-child{background:none;}
.aboutB_con li img{height:69px;margin-top:60px;transition-duration: .5s;
-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.aboutB_con li span{display:block;font-size:18px;margin-top:20px;}
.aboutB_con li p{line-height:24px;letter-spacing:0.1rem;padding:0px 22%;margin-top:24px;}
.aboutB_con li i{position: absolute;z-index:-1;width: 100%;height: 0%;opacity: 0;left: 0px;top: 50%;background-color:#0368d9;transition-duration: .5s;
-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
@media screen and (min-width:1200px){
.aboutB_con li:hover i{height: 100%;opacity: 1;top: 0px;}
.aboutB_con li:hover img{margin-top:52px;}
}
.aboutC>p{float:right;}
.aboutC .aboutA_R{float:left;}

.aboutD{width:100%;height:428px;position:relative;background:url(../images/abpic5.jpg) no-repeat center;background-size:cover;margin-top:42px;}
.aboutD_con{position:absolute;top:48px;bottom:48px;left:48px;right:48px;border:1px solid #a6a59f;color:#fff;text-align:center;}
.aboutD_con>span{display:block;font-size:26px;margin-top:76px;}
.aboutD_con>span i{font-size:28px;display:block;font-weight:bold;font-style:normal;text-transform:uppercase;margin-bottom:12px;}
.aboutD_con>strong{display:block;font-size:37px;margin-top:12px;}


.contactA{width:100%;background:#fff;margin-top:42px;padding-bottom:55px;}
.contactA_T{padding: 50px; overflow:hidden; border-bottom:1px solid #e2e2e2; position:relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }
.contactA_T_l{width:320px;float: left;}
.contactA_T_l>p{font-size:24px;color:#3a3a3a;}
.contactA_T_l>span{display:block;font-size:36px;font-weight: bold;color:#333333;line-height:34px; margin: 14px 0px 10px 0px;}
.contactA_T_l>i{display:block;font-style:normal;color:#999999;line-height:32px;letter-spacing:0.05rem;}
.contactA_T_l>a{display:inline-block;width:180px;line-height:50px;background:#0368d9;color:#fff;text-align:center;font-size:18px;letter-spacing:0.05rem;margin-top:45px;}

.contactA_T_R{width:170px;text-align: center;}
.contactA_T_R p{font-size:16px;line-height:28px;margin-top:30px;}

.contactA_T_m{flex: 1;overflow: hidden;margin: 0px 100px;padding: 0px 100px;height:100%;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;}
.contactA_T_m div span{font-size:24px;color:#0368d9;display:block;line-height:34px;}
.contactA_T_m div strong{display:block;font-family:"Arial";font-size:36px;color:#0368d9;line-height:34px;margin:14px 0px 10px 0px;}
.contactA_T_m div p{color:#999999;line-height:34px;}
.contactA_T_m>p{font-size:16px;color:#666666;line-height:42px;}

.contactA_B{margin:50px 50px 0px;height:455px;background:#000;overflow:hidden;position:relative;z-index:10;}
.con_img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;}
.con_img i{display: block;background: url(../images/map.png) no-repeat;width: 35px;height: 50px;margin: 0 auto 40px;animation: myanimate 0.5s infinite alternate;-webkit-animation: myanimate 0.5s infinite alternate;}
.con_img a{width:150px;padding:12px 0px;background:#0368d9;text-align:center;border-radius:6px;color:#fff;display:inline-block;}
@keyframes myanimate {
    0% { transform:translateY(0) scale(1,1);}
    100%{transform:translateY(15px)  scale(0.9,0.9);}
}
@-webkit-keyframes myanimate{
    0% { transform:translateY(0) scale(1,1);}
    100%{transform:translateY(15px)  scale(0.9,0.9);}
}
#map{width:100%;float:left;height:100%;opacity:0.9;}
.con_map{position: fixed;opacity: 0;filter: alpha(opacity=0);left: 0;top:20%;bottom: 20%;overflow: hidden;z-index:-1;width: 100%;transition: .5s all;-webkit-transition: .5s all;background:#000;}
.con_map.open{bottom: 0;top:90px;opacity: 1;filter: alpha(opacity=100);z-index:100;}
.con_map .close1 {position:absolute; right:20px; top:20px; opacity:0.8; filter:alpha(opacity=80); width:50px; height:50px; background:#0368d9; z-index:2;  }
.con_map .close1 i { width:50px; height:50px; background:url(../images/x2.gif) center no-repeat ; display:block; transition:0.5s all; -webkit-transition:0.5s all;}
.con_map .close1:hover i{ transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8); }

.contactB{width:100%;background:#fff;margin:42px 0px;height:538px;}
.contactB_l{width:30%;float:left;background:#545454;height:100%;color:#fff;position:relative;}
.contactB_l dt{margin:50px 9% 0px 9%;font-size:40px;line-height:50px;padding-bottom:30px;position:relative;}
.contactB_l dt:after{content:'';position:absolute;bottom:0px;left:0px;width:40px;height:1px;background:#fff;}
.contactB_l dd{margin:54px 9% 0px 9%;}
.contactB_l dd p{font-size:16px;line-height:35px;}
.contactB_l:after{content:url(c../images/ico2.png);position:absolute;bottom:40px;right:13%;}

.contactB_R{width:64.5%;float:right;padding-right: 50px;padding-top: 20px;}
.contactB_R input{width:45%;float:left;height:52px;background:#f2f2f2;color:#7f7f7f;font-family:"微软雅黑";margin-top:30px;padding:0px 20px;}
.contactB_R input:nth-child(2n){width:52.2%;float:right;}
.contactB_R textarea{width:100%;float:left;height:178px;background:#f2f2f2;color:#7f7f7f;font-family:"微软雅黑";margin-top:30px;padding:20px 2%;}
.contactB_R>a{float:right;width:142px;line-height:50px;cursor:pointer;text-align:center;color:#fff;background:#0368d9;font-size:16px;margin-top:24px;}
.contactB_R p{width:45%;float:left;height:52px;background:#f2f2f2;color:#7f7f7f;font-family:"微软雅黑";margin-top:30px;}
.contactB_R p input{float:left;margin-top:0px;padding:0px 20px;}
.contactB_R p img{float:right;height:100%;}


/*支付方式*/
.about-pay {
    padding: 70px 0px 80px;
    background: #fff;
}
.pay-wrapper .list {
    margin-bottom: 60px;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 50px;
}
.pay-wrapper .list.bor {
    border-bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.pay-wrapper .list .h {
    color: #333;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 30px;
}
.pay-wrapper .list .h i {
    width: 12px;
    height: 12px;
    display: block;
    float: left;
    border-radius: 12px;
    background: #0368d9;
    margin: 18px 15px;
}
.pay-wrapper .list .h em {
    color: #0368d9;
}
.pay-wrapper .list.auto .con {
    text-align: center;
}
.pay-wrapper .list.auto .con .txt {
    text-align: left;
}
.pay-wrapper .list .con img {
    display: inline-block;
    vertical-align: middle;
}
.pay-wrapper .list .con .txt {
    display: inline-block;
    vertical-align: middle;
    color: #555;
    font-size: 16px;
    line-height: 30px;
}
.pay-wrapper .list .con li {
    float: left;
    width: 50%;
    min-height: 150px;
    line-height: 25px;
    padding: 20px;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    box-sizing: border-box;
}
.pay-wrapper .list .con li.bor {
    border-right: 1px solid #ccc;
}
.pay-wrapper .list .con li i {
    color: #0368d9;
    font-weight: bold;
    font-size: 25px;
}


@media all and (max-width:1599px) {

}
@media all and (max-width:1280px) {
   

}
@media all and (max-width:992px) {
    
}
@media all and (max-width:768px) {
   
}

@media all and (max-width:640px) {
    
}
@media all and (max-width:400px) {
    
}