@charset "utf-8";
/*=========== PC public CSS ===========*/
*,:before,:after{ margin:0; padding:0; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, pre, form, fieldset, figure, figcaption, table, th, td img{ margin:0; padding:0;}
body{ font-family:"Microsoft YaHei","微软雅黑"; color:#333; font-size: 16px; line-height: 1.7; margin:0 auto; background-color:#FFF;min-width: 1240px;}
ol,ul,li{list-style:none;}
i,em{font-style: normal;}
a{ color:#333; text-decoration:none; outline:none; cursor:pointer;}
a:hover, a:active, a:link, a:visited{ text-decoration:none;}
fieldset,img,video{ max-width: 100%; border:none; vertical-align:middle;}

input,select,textarea,button{color:#333;font-size:16px;font-family:"Microsoft Yahei",sans-serif;outline:none; border: none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
input, button{ border-radius:0; -webkit-appearance:none;} /*清除IOS默认圆角*/
textarea{ resize :none; outline:none; border: none;-webkit-appearance: none;} /*去除右下角拖动边框标识*/
input:-ms-clear{ display:none;} /*消除 IE10 里的叉号*/
input[type="button"], input[type="submit"], input[type="reset"]{ -webkit-appearance: none; outline:none;}
::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}

table{ border-collapse: separate;} /*边线重叠*/
.clearfix:after{ content:"."; display:block; height:0; line-height:0; clear:both; visibility:hidden;}
.clearfix{ zoom:1;}

.transition{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
.wrap{width:98%;max-width:1300px;margin:0 auto}
.wp{width:98%;max-width:1360px;margin:0 auto}

.base-wp{width:98%;max-width:1680px;margin:0 auto}
.header{position: absolute;left: 0;right: 0;top: 90px;line-height: 36px;}
.head-logo{float: left;position: relative;z-index:100;}
.logo-bg02{display: none;}

.logo-line{width: 26px;height: 18px;position: absolute;top:11px;cursor: pointer;}
.logo-line b{position: absolute;width: 26px;height: 3px;overflow: hidden;}
.logo-line b:nth-child(1){top: 0px;}
.logo-line b:nth-child(2){top: 7px;}
.logo-line b:nth-child(3){top: 14px;}
.logo-line b:before,.logo-line b:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #FFF;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.logo-line b:after{left: 30px;}
.logo-line b:nth-child(2):before,.logo-line b:nth-child(2):after{-webkit-transition-delay:0.1s;transition-delay:0.1s;}
.logo-line b:nth-child(3):before,.logo-line b:nth-child(3):after{-webkit-transition-delay:0.2s;transition-delay:0.2s;}
.logo-line:hover b:before,.logo-line:hover b:after{-webkit-transform: translateX(-30px);transform: translateX(-30px);}

.header.open .logo-line b{opacity:0;position:absolute}
.header.open .logo-line b:nth-child(1){left:2px;top:0;opacity:1;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);transform-origin:0 0}
.header.open .logo-line b:nth-child(3){opacity:1;left:0;top:18px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform-origin:0 0;-moz-transform:rotate(-45deg);width: 100%;}
.header.open .logo-line b:before, .header.open .logo-line b:after{background: #000;}

.nav-show{ position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;overflow: hidden;-webkit-transform: translateY(-100%);transform: translateY(-100%);background: url(/news_images/navBg.png) #F8F8F8 no-repeat 200px top;z-index: 99;}
.nav-show.nav-on{-webkit-transform: translateY(0);transform: translateY(0);will-change:transform;transition:transform .7s cubic-bezier(.77,0,.175,1);}
.nav-show.nav-on .header{z-index: 4;}
.nav-roll{width: 100%;height: 100%;overflow: hidden;}

.head-logo a{margin-left: 48px;}
.head-nav{float: right;position: relative;z-index:100;}
.nav-index{position: relative;}
.nav-index:after{content: "";position: absolute;left: 0;bottom: -16px;width: 100%;height: 1px;background: -webkit-linear-gradient(left, transparent 0%,#E6F1FE 50%, transparent 100%);background: -moz-linear-gradient(left, transparent 0%, #E6F1FE 50%, transparent 100%);background: -ms-linear-gradient(left, transparent 0%,#E6F1FE 50%, transparent 100%);background: -o-linear-gradient(left, transparent 0%,#E6F1FE 50%, transparent 100%);background: linear-gradient(to right, transparent 0%,#E6F1FE 50%, transparent 100%);}
.nav-index li{display: inline-block;margin-right: 60px;}

.nav-index li.nav-lianxi a sup{color: #FF4E58;}
.nav-index li a{color: #FFF;font-size: 16px;}
.nav-index li a sup{position: relative;right:2px;font-size: 12px;}
.nav-index li a:hover{color: #FF4E58;}

.nav-index .active a{
    color: #FF4E58;
}

.header.open .logo-bg01{display: none;}
.header.open .logo-bg02{display: block;}
.header.open .nav-index{display: none;}


.index-ban{width: 100%;height: 100vh;
    background: url("/news_images/banner.jpg") no-repeat top center;
    min-height: 940px;


}
.ban-pic{width: 100%;height: 100%;
    display: none;}
.ban-pic img{width: 100%;height: 100%;-webkit-object-fit: cover;object-fit: cover;}
.ban-font{position: absolute;top: 33%;color: #FFF;font-size: 60px;font-weight: bold; line-height: 1.8;}
.ban-case{position: absolute;top: 51%;left: 55%;width: 330px; color: #76BBEA;line-height: 1.6;font-size: 20px;}
.ban-case strong{display: block;font-size: 32px;font-weight: bold;}
.ban-case p{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.ban-more{position: absolute;left: 0;right:0;bottom: 11%;text-align: center;}
.ban-more i{display: block; background: rgba(255,255,255,.2);width: 100%;height: 1px;position: relative;}
.ban-more i:before,.ban-more i:after{content: "";position: absolute;top:50%;margin-top:-4px;width: 8px;height: 8px;background-color: #FFF;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}
.ban-more i:before{left: 20.5%;}
.ban-more i:after{right: 12%;}
.ban-more a{position: relative;top: -36px; display: inline-block;width: 230px;height: 70px;
    border:2px solid #384e65;
    background: transparent;-webkit-border-radius: 70px;-moz-border-radius: 70px;-ms-border-radius: 70px;-o-border-radius: 70px;border-radius: 70px;line-height: 70px;color: #FFF;font-size: 20px;text-align: center;text-indent: 1.2em;}
.ban-more a:before{content: "";position: absolute;left: 10px;top: 50%;margin-top: -24px; width: 48px;height: 48px;border:2px solid #4993C9;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%; -moz-transform:scale(0.8); -webkit-transform:scale(0.8); -o-transform:scale(0.8);transform:scale(0.8);-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; }
.ban-more a:after{content: "";position: absolute;left: 28px;top: 50%;margin-top: -5px; width: 11px;height: 11px;background: url(/news_images/btn-icon.png) no-repeat;}
.ban-more a:hover:before{-moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1);transform:scale(1); }

/* 无缝滚动 Begin */
.str_wrap{overflow:hidden;width:100%;position:relative;-moz-user-select: none;-khtml-user-select: none;user-select: none;white-space:nowrap;}
.str_wrap.str_active {background:none;}
.str_move{ white-space:nowrap;position:absolute; top:0; left:0;cursor:move;}
.str_move_clone{display:inline-block;vertical-align:top;position:absolute; left:100%;top:0;}
.str_vertical .str_move_clone {left:0;top:100%;}
.str_down .str_move_clone {left:0;bottom:100%;}
.str_vertical .str_move,.str_down .str_move {white-space:normal;width:100%;}
.str_static .str_move,.no_drag .str_move,.noStop .str_move{cursor:inherit;}
.str_wrap img{max-width:none !important;}
.str_wrap a img{
    max-width: 600px !important;
}
.str-pic{
    display: block;
}

/* .str{position: absolute;top: 40%;left: 0;right: 0;z-index: 22;height: 350px!important;} */
.str li{display:inline-block;margin-left: -5px;position: relative;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.str img{-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.str img:hover{-moz-transform: scale(1.02);-ms-transform: scale(1.02);-o-transform: scale(1.02);-webkit-transform: scale(1.02);transform: scale(1.02);}
.str-txt{position: absolute;left: -3px;right: 0;bottom: -100%; line-height: 50px;background: rgba(0,0,0,.6);color: #FFF;font-size: 20px;text-align: center;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.str li:hover .str-txt{bottom:0;}
/* 无缝滚动 End */

.nav-base{position: absolute;bottom:-10%;left: 0;right: 0;z-index: 22;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-transition-delay:.6s;transition-delay:.6s;opacity: 0;}
.nav-show.nav-on .nav-base{opacity: 1;}
.nav-line{width:100%;height:1px;background:#D6EAFF;margin-top: 110px;}
.nav-line i{width: 8px;height: 8px;background-color: #062446;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;position: absolute;margin-top: -4px;}

.nav-main{width: 680px;opacity: 0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-transition-delay:.6s;transition-delay:.6s;}
.nav-show.nav-on .nav-main{opacity: 1;}
.nav-main li{display: inline-block;margin-left: 130px;}
.nav-main li.nav-lianxi{margin-right: 0;}
.nav-main li a{color: #062446;font-size: 18px;display: block;line-height: 2.6;}
.nav-main li a:hover{color: #FF4E58;}

/* 首页底部 */
.index-foot{background-color: #062446;padding: 35px;color: #FFF;font-size: 14px;text-align: center;}
.index-foot p i{display: inline-block;margin-left:20px;}
.index-foot p a{display: inline-block;color: #FFF;margin-left:20px;}
.index-foot p a:hover{color: #FF4E58;}


/* 商务通 */
.fixed-show{position: fixed;right: 0px;top: 30%;width: 177px;
    z-index: 999;}
.fixed-kf{position: relative;cursor: pointer;}
.fixed-kf span{position: absolute;left: 0;right: 0;bottom: 12px;color: #FFF;font-size: 18px;text-align: center;line-height: 40px;letter-spacing: 0.8px;}
.fixed-con{margin:0 19px; position: relative;background: -webkit-linear-gradient(left, #6194D5 0%,#335D9F 100%);background: -moz-linear-gradient(left, #6194D5 0%, #335D9F 100%);background: -ms-linear-gradient(left, #6194D5 0%,#335D9F 100%);background: -o-linear-gradient(left, #6194D5 0%,#335D9F 100%);background: linear-gradient(to right, #6194D5 0%,#335D9F 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#6194D5, endColorstr=#335D9F, GradientType=1);-webkit-border-radius: 0 0 70px 70px;-moz-border-radius: 0 0 70px 70px;-ms-border-radius: 0 0 70px 70px;-o-border-radius: 0 0 70px 70px;border-radius: 0 0 70px 70px;}
.fixed-code{background-color: #FFF;margin: 0 5px;padding:10px 0;-webkit-border-radius: 0 0 24px 24px;-moz-border-radius: 0 0 24px 24px;-ms-border-radius: 0 0 24px 24px;-o-border-radius: 0 0 24px 24px;border-radius: 0 0 24px 24px;text-align: center;}
.fixed-code strong{color: #3983E6;font-size: 14px;display: block;line-height: 20px;}
.fixed-code strong i{font-size: 16px;}
.fixed-code img{width: 82px;margin: 4px auto;}
.fixed-code p{color: #205CCC;font-size: 18px;line-height: 1.4;}
.fixed-totop{text-align: center;padding:14px 0 20px;}
.fixed-totop img{cursor: pointer;}
.fixed-zx{position: relative;cursor: pointer;}
.fixed-zx a{position: absolute;left: 0;right: 0;bottom: 12px;color: #FFF;font-size: 18px;text-align: center;line-height: 40px;letter-spacing: 0.8px;}

/* 首页关于 */
.index-about{background-color: #f2f2f2;}
.about-fl{float: left;width: 42%;}
.about-fl img{width: 100%;}
.about-fr{float: left;width: 58%;}
.about-fr i{display: block; width: 100%;height: 1px;background-color: #2E6790; margin-top: 160px;position: relative;}
.about-fr i:before,.about-fr i:after{content: "";position: absolute;top:-4.5px;width: 9px;height:9px;background-color: #2E6790;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}
.about-fr i:before{left: 20%;}
.about-fr i:after{left: 60%;}
.about-font{padding: 100px 0 0 160px;width: 75%;}
.about-font h1{font-size: 64px;font-weight: bold;color: #17486A;line-height: 1.1;}
.about-font h1 strong{color: #FF4E58;}
.about-font p{color: #000;font-size: 24px;line-height: 2.25;margin-top: 40px;}

/* 首页产品类型 */

.pro-grid{padding: 106px 0 162px;overflow: hidden;position: relative;background-color: #fff;}
.pro-grid .title-pro{position: absolute;left: 16%;}
.title-pro p{font-size: 28px;color: #000000;line-height: 38px;}
.title-pro p i{color: #ff4e58;}
.title-pro span{display: inline-block;color: #2e6790;font-size: 18px;line-height: 38px;border-bottom: 1px dashed;cursor: pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.title-pro span:hover{color: #ff4e58;}

.slick-box{margin-left: 16%;overflow: hidden;padding-top: 155px;}
.slick-show{margin-left: -130px;}
.slick-box .item-slick{padding:0 20px;outline: none;}
.slick-box .item{position: relative;z-index: 1;}
.slick-box .item2 .pic{padding-right: 86px;}
.slick-box .item3 .pic{padding-right: 18px;}
.slick-box .item4 .pic{padding-right: 114px;}
.slick-box .item5 .pic{padding-right: 50px;}
.slick-box .item i{font-size: 154px;display: block;position: absolute;font-weight: bold;color: #999999;z-index: -1;top: -25px;left: 0;line-height: 1.1em;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.slick-box .pic{display: block;text-align: right;height: 170px;}
.slick-box .pic img{display: inline-block;}
.slick-box .item .txt{margin-top: 35px;}
.slick-box .item .txt .title{display: block;font-size: 32px;color: #333333;line-height: 42px;font-weight: bold;margin-bottom: 10px;}
.slick-box .item .txt p{font-size: 18px;line-height: 30px;color: #666666;padding-right: 80px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 60px;}
.slick-box .slick-current .item i{color: #17486a;}
.slick-box .slick-arrow{position: absolute;right: 16%;top: -145px;width: 58px;height: 58px;border:1px solid #000000;border-radius: 50%;cursor: pointer;font-size: 0;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.slick-box .slick-prev{left: auto;right: 21%;background: url(../news_images/arrow-left.png) no-repeat center;}
.slick-box .slick-next {background: url(../news_images/arrow-right.png) no-repeat center;}
.slick-box .slick-prev:before,.slick-box .slick-next:before{display: none;}

.slick-box .slick-arrow:hover{background-color: #ff4e58;border-color: #ff4e58;}


/* 首页特别推荐 */
.index-good{position: relative;background-color: #e9e9e9;overflow: hidden;height:720px;}
.index-good strong{position: absolute;left:14%;color: #ff4e58;font-size: 40px;line-height: 1;width: 40px;z-index: 22;top: 80px;}
.good-show{position: relative;}
.good-item img{float: right;}
.good-font{position: absolute;bottom: 58px;left: 0;text-align: left;background: -webkit-linear-gradient(left, #022449 0%,#425F8B 100%);background: -moz-linear-gradient(left, #022449 0%, #425F8B 100%);background: -ms-linear-gradient(left, #022449 0%,#425F8B 100%);background: -o-linear-gradient(left, #022449 0%,#425F8B 100%);background: linear-gradient(to right, #022449 0%,#425F8B 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#022449, endColorstr=#425F8B, GradientType=1);height: 187px;width: 628px;padding:38px 60px 0 40px;}
.good-font>a{color: #ffffff;font-size: 36px;font-weight: bold; line-height: 1.1;}
.good-font>a:hover{color: #FF4E58;}
.good-link{overflow: hidden;}
.link-fl{display: inline-block;}
.link-fl p{color: #ffffff;font-size: 18px;line-height: 1.2;margin-top: 16px;}
.link-fr{vertical-align: bottom;float: right;}
.link-fr a{display: inline-block;line-height: 30px; position: relative;color: #FFF;font-size: 18px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;width: 108px;}
.link-fr a:before{content: "";position: absolute;right: 0;top: 8px;width: 29px;height: 16px;background: url(/news_images/btn-arrow.png) no-repeat;}
.link-fr a:hover{-webkit-border-radius: 4px 30px 30px 30px;-moz-border-radius: 4px 30px 30px 30px;-ms-border-radius: 4px 30px 30px 30px;-o-border-radius: 4px 30px 30px 30px;border-radius: 4px 30px 30px 30px;color: #FF4E58;}


.good-show{margin-left: 12%;}
.good-item{padding-left: 243px;}
.good-item img{width: 100%;}
.good-item.slick-slide{outline: none;}

.custom-nav{position: absolute;left: 13%;top: 295px;}
.custom-nav .slick-dot{padding-left: 42px;font-size: 18px;line-height: 28px;margin-bottom: 10px;position: relative;}
.custom-nav .slick-dot span{cursor: pointer;margin-left: 14px;}
.custom-nav .slick-dot i{display: none;opacity: 0;}
.custom-nav .slick-dot:before{content:'';position: absolute;left: -10px;top: 6px;width: 0;height: 0;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 12px solid #062446;display: none;opacity: 0;}
.custom-nav .slick-dot:after{content:'';width: 3px;height: 3px;background-color: #112d4e;position: absolute;left: 26px;top: 14px;}
.custom-nav .slick-dot.on{font-weight: bold;color: #062446;padding-left: 20px;}
.custom-nav .slick-dot.on i{display: inline-block;opacity: 1;}
.custom-nav .slick-dot.on:before{display: block;opacity: 1;}
.custom-nav .slick-dot.on:after{display: none;}


/* 首页新闻咨询 */
.index-news{padding:170px 0 200px;background: url(/news_images/news-bg.png);}
.index-news .wrap{position: relative;}
.index-txt{position: relative;text-align: center;}
.index-txt:before{content: "";display: inline-block;vertical-align: middle;margin-bottom: -60px; width: 798px;height: 91px;background: url(/news_images/news-txt.png) no-repeat;}
.index-txt:after{content: "";position: absolute;left: 50%;top: -100px;width: 1px;height: 108px;background: -webkit-linear-gradient(top, transparent 0%,#FF4E58 100%);background: -moz-linear-gradient(top, transparent 0%, #FF4E58 100%);background: -ms-linear-gradient(top, transparent 0%,#FF4E58 100%);background: -o-linear-gradient(top, transparent 0%,#FF4E58 100%);background: linear-gradient(to bottom, transparent 0%,#FF4E58 100%);}
.index-txt h2{color: #062446;font-size: 60px;line-height: 1.1;}
.index-txt p{color: #3A434E;font-size: 18px;line-height: 1.7;margin-top: 15px;}

.news-slick{margin-top: 60px;}
.news-slick .item{float:left;width:30%;font-size: 16px;line-height: 1.7;padding:36px 30px;background-color: #FFF;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 0 10px rgba(101,173,255,.24);-moz-box-shadow: 0 0 10px rgba(101,173,255,.24);-ms-box-shadow: 0 0 10px rgba(101,173,255,.24);-o-box-shadow: 0 0 10px rgba(101,173,255,.24);box-shadow: 0 0 10px rgba(101,173,255,.24);margin: 16px 1.6% 16px 1.6%;}

.news-slick span{display: inline-block; background: url(/news_images/news-time.png) no-repeat left center;color: #919599;font-size: 16px;padding-left: 22px;}
.news-slick p{color: #3A434E;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-name{display: block;color: #062446;font-size: 24px;line-height: 36px;height: 72px;font-weight: bold;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 30px 0 24px;}
.news-name:hover{color: #FF4E58;}
.news-more{color: #FF4E58; background: url(/news_images/news-arrow.png) no-repeat right center;padding-right: 34px;margin-top: 60px;display: inline-block;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.news-more:hover{margin-left: 10px;}


.news-slick .slick-slide{outline: none;}
.news-slick .slick-prev:before, .news-slick .slick-next:before{display: none;}
.news-slick .slick-prev,.news-slick .slick-next{top:auto;bottom:-90px;width: 62px;height: 62px;text-align: center;line-height: 62px;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;background-color: #FFF;-webkit-box-shadow:0 2px 8px rgba(30,204,52,.1);-moz-box-shadow:0 2px 8px rgba(30,204,52,.1);-ms-box-shadow:0 2px 8px rgba(30,204,52,.1);-o-box-shadow:0 2px 8px rgba(30,204,52,.1);box-shadow:0 2px 8px rgba(30,204,52,.1);background-repeat: no-repeat;background-position: center center;}
.news-slick .slick-prev{left: 0;background-image: url(/news_images/news-arrow01.png);}
.news-slick .slick-prev:hover{left: 0;background-image: url(/news_images/news-arrow03.png);}
.news-slick .slick-next{right: 0;background-image: url(/news_images/news-arrow02.png);}
.news-slick .slick-next:hover{right: 0;background-image: url(/news_images/news-arrow04.png);}

.slick-line{position: absolute;left: 110px;right:110px; bottom: -63px;height:3px;background: #FDF3E1;-webkit-border-radius: 1.5px;-moz-border-radius: 1.5px;-ms-border-radius: 1.5px;-o-border-radius: 1.5px;border-radius: 1.5px;}
.slick-line i{background: #FF8000;content: "";position: absolute;left: 0;top: 0;height: 100%;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

/* 首页实力 */
.index-strength{background: url(/news_images/strengthBg01.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;-webkit-transition:all 0.8s ease 0.2s;-moz-transition:all 0.8s ease 0.2s; -ms-transition:all 0.8s ease 0.2s;-o-transition:all 0.8s ease 0.2s;transition:all 0.8s ease 0.2s;}
.index-strength ul{height: 100vh;}
.index-strength li{float: left;width: 20%; height: 100%; border-left:1px solid rgba(230,241,254,.5);padding:140px 26px 0 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;}

.strength-show{margin-top: 30px;}
.strength-show strong{color: #FFD87D;font-family: "Bahnschrift";font-size: 100px;font-weight: bold;line-height: 1;letter-spacing: -8px;}
.strength-show strong sub{font-size: 20px;font-weight: normal;vertical-align: baseline;letter-spacing: 0;margin-left: 6px;}
.strength-show p{color: #FFF;font-size: 24px;min-width:204px;line-height: 66px;background: url(/news_images/strength-bg.png) no-repeat left center;padding-left: 20px;margin-top: 5px;}
.strength-info{margin-top: 90px;color: #FFF;display: none;}
.strength-info strong{font-size: 26px;line-height: 1.6;}
.strength-info p{font-size: 16px;line-height: 2.6;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.strength-info a{display: inline-block;width: 153px;line-height: 58px;text-align: center; border:1px solid #FFF;-webkit-border-radius: 58px;-moz-border-radius: 58px;-ms-border-radius: 58px;-o-border-radius: 58px;border-radius: 58px;margin-top: 180px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.strength-info a:hover{margin-left: 16px;border-color:#FF8800;}

.index-strength li.on{width: 40%;padding-left: 80px;}
.index-strength li.on .strength-info{display: block;}
.index-strength li.on .strength-show{margin-top:0;}
.index-strength li.on .strength-show strong{font-size: 160px;letter-spacing: -12px;}
.index-strength li.on .strength-show p{display: inline-block;}


/* ---------- 产品列表 ---------- */
.base-show{width: 100%;height: 100vh;overflow: hidden;position: relative;
    background: url("/news_images/bg-pro.jpg") no-repeat top center;
    -webkit-background-size: cover;
    background-size: cover;
}
.base-show .base-bg{
    display: none;
}
.base-bg{position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.base-bg img{display: block;width: 100%;height: 100%;-webkit-object-fit: cover;object-fit: cover;}
.base-foot{position: absolute;bottom: 0;left: 0;right: 0;}

.pro-show{padding: 150px 0 0;position: relative;max-width: 1400px;
    width: 94%;
    margin: 0 auto;
}

.base-tel{position: relative;line-height: 98px;color: #062446;font-size: 18px;padding:0 40px;margin-top: 20px;z-index: 0;padding-right: 0;white-space: nowrap}
.base-tel:before{content: "";min-width: 550px;position: absolute;left: 0;top: 18px;right:0;height: 62px;background-color: rgba(117,183,255,.2);-webkit-border-radius: 62px;-moz-border-radius: 62px;-ms-border-radius: 62px;-o-border-radius: 62px;border-radius: 62px;z-index: -1;}
.base-tel i{display: inline-block;line-height: 1.3;vertical-align: middle;margin-top: -4px;}
.base-tel img{-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 1px 7px #6CAFFF;-moz-box-shadow: 0 1px 7px #6CAFFF;-ms-box-shadow: 0 1px 7px #6CAFFF;-o-box-shadow: 0 1px 7px #6CAFFF;box-shadow: 0 1px 7px #6CAFFF;margin:0 20px;}
.base-tel a{color: #FF4E58;font-size: 20px;display: inline-block;vertical-align: middle;}
.base-tel a strong{font-size: 24px;}

.pro-fl{float: left;width: 43%;padding-top: 4%;}
.pro-fl strong{display: inline-block;color: #FFF;font-size: 60px;font-weight: bold;line-height: 1.1;}
.pro-fl p{color: #89C0FF;font-size: 16px;line-height: 2.5;margin-top: 45px;}
.pro-fl .base-tel{padding:0 30px 0 0;color: #89C0FF;margin-top: 70px;width: 500px;}

.pro-fl .base-tel i{color: #FFF;font-size: 18px;margin-left: 28px;}
.pro-fl .base-tel strong{color: #FF4E58;}

.pro-fr{float: right;width: 50%;position: relative;}


.tab-show{margin-left: -2%;position: relative;}

.tab-show ul{
    position: relative;
    padding: 20px 0;
}
.tab-show ul li{position: relative;margin-bottom: 40px;
    float: left;
    width: 44%;
    margin-left: 4%;
}
.tab-show ul li:first-child{
    margin-left: 0;
}
.tab-pic{display: block; position: relative;padding-top: 95.3%;
    overflow: hidden;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
}
.tab-pic img{
    -webkit-transition:transform 0.3s linear;
    -moz-transition: transform 0.3s linear;
    -ms-transition:  transform 0.3s linear;
    -o-transition:  transform 0.3s linear;
    transition: transform 0.3s linear;position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-border-radius: 18px;-moz-border-radius: 18px;-ms-border-radius: 18px;-o-border-radius: 18px;border-radius: 18px;}

.tab-txt {
    color: #FFF;
    line-height: 1.2;
    font-size: 18px;
    text-align: center;
    display: block;
    margin-top: 12px;
}

.roll-down,.roll-up{
    padding-top: 40px;float: left;width: 100%;overflow:hidden;
   }
.roll-down{
    padding-top: 80px;
}
.tab-pic:hover img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.pro-nav{background-color: #062446;line-height: 120px;}
.pro-nav li{float: left;width: 20%;text-align: center;color: #FFF;font-size: 22px;cursor: pointer;}
.pro-nav li a{text-align: center;color: #FFF;font-size: 22px;cursor: pointer;}
.pro-nav li.on{font-size: 30px;font-weight: bold;position: relative;}
.pro-nav li.on:after{content: "";position: absolute;left: 50%;bottom: 0;width: 45px;height: 24px;margin-left:-22.5px;background: url(/news_images/nav-on.png) no-repeat;}

.pro-list{margin: 100px auto;}
.pro-no{display: none;}
.pro-lists ul{margin-left: -3%;}
.pro-lists ul li{float: left;width: 30.3%;margin-left: 3%;margin-bottom: 50px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.lists-pic{display: block;position: relative;padding-top: 74.6%;}
.lists-pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.data-show p:nth-child(1){
    margin-bottom: 20px;
    color: #ffffff;
}


.pro-lists li p {
    margin-right: 18%;
    background: #E7F2FF;
    color: #062446;
    font-size: 24px;
    font-weight: bold;
    line-height: 78px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    -webkit-border-bottom-right-radius: 60px;
    -moz-border-bottom-right-radius: 60px;
    -ms-border-bottom-right-radius: 60px;
    -o-border-bottom-right-radius: 60px;
    border-bottom-right-radius: 60px;
    -webkit-box-shadow: 0 4px 16px #AAB6FF;
    -moz-box-shadow: 0 4px 16px #AAB6FF;
    -ms-box-shadow: 0 4px 16px #AAB6FF;
    -o-box-shadow: 0 4px 16px #AAB6FF;
    box-shadow: 0 4px 16px #AAB6FF;
}

.pro-lists li p a {
    display: block;
    background: #E7F2FF;
    color: #062446;
    font-size: 24px;
    font-weight: bold;
    line-height: 78px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 4px;
    text-align: center;
    -webkit-border-bottom-right-radius: 60px;
    -moz-border-bottom-right-radius: 60px;
    -ms-border-bottom-right-radius: 60px;
    -o-border-bottom-right-radius: 60px;
    border-bottom-right-radius: 60px;

    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.pro-lists ul li:hover{-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);}
.pro-lists ul li:hover p a{background: -webkit-linear-gradient(left, #335D9F 0%,#6194D5 100%);background: -moz-linear-gradient(left, #335D9F 0%, #6194D5 100%);background: -ms-linear-gradient(left, #335D9F 0%,#6194D5 100%);background: -o-linear-gradient(left, #335D9F 0%,#6194D5 100%);background: linear-gradient(to right, #335D9F 0%,#6194D5 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#335D9F, endColorstr=#6194D5, GradientType=1);color:#FFF;-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none;box-shadow: none;}



/* ---------- 产品内页 ---------- */
.code-list li{
    float: left;
    color: #062446;
    font-weight: bold;
    font-size: 24px;
    padding: 0 35px;
    line-height: 38px;
    position: relative;
}
.code-list li:before{
    position: absolute;
    content: '';
    background: url("/news_images/hxgicon2.png") no-repeat;
    left: 0;
    top:0;
    width: 1px;
    height: 74px;
}
.code-list li:first-child{
    padding-left: 0;
}
.code-list li:first-child:before{
    display: none;
}
.code-list li span{
    display: block;
    font-size: 14px;
    line-height: 28px;
}
.pro-flt p{
    color: #548cd5;
    font-size: 22px;
    line-height: 36px;
    margin-left: -60px;
}
.pro-flt p span{
    margin-left: 60px;
    padding-left: 34px;
    background: url("/news_images/hxgicon.png") left center no-repeat;
}
.pro-flt p span:first-child{
    margin-left: 0;
}


.pro-main{background: url(/news_images/casebg2.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-bottom: 40px;}
.top-show{padding-top: 150px;}
.place-show{margin-bottom: 20px;}
.place-show ol{line-height: 30px;}
.place-show ol li{display: inline-block; color: #548CD5;padding-left: 8px;font-size: 14px;}
.place-show ol li a{color: #548CD5;margin-right: 8px;}
.place-show ol li a:hover{color: #FF4E58;}

.pro-flt{float: left;width:52%;padding-bottom: 66px;}
.flt-pro{background: url(/news_images/pro-fl.png) no-repeat right;margin-left: -16%;padding:77px 0 50px}
.flt-pro img{width: 100%;height: auto;}

.pro-flt ul{margin-top: 50px;white-space: nowrap;}
.pro-flt li{display: inline-block;background: url(/news_images/flt-line.png) no-repeat left center;color: #FFF;font-size: 32px;font-weight: bold;line-height: 1.6;padding:0 24px;}
.pro-flt li:first-child{background: none;padding-left: 0;}
.pro-flt li span{display: block;color: #5684C2;font-size: 14px;}

.pro-frt{float: right;width: 47%;
    background: url(/news_images/pro-fr.png) no-repeat;background-size:auto 100%;z-index: 0;min-height: 723px;padding:90px 100px 40px 100px;
    position: relative;
    overflow: hidden;}
.pro-frt h1{color: #062446;font-size: 66px;line-height: 1.2;margin-left: 12px;margin-bottom: 60px;}
.intro-txt{color: #548CD5;font-size: 22px;line-height: 2;background: url(/news_images/flr-icon.png) no-repeat left center;padding-left: 30px;}
.txtfl{margin-left: 50px;}
.intro-font{color: #001942;font-size: 16px;line-height: 2.1;width: 85%;margin-top: 50px;}
.pro-frt .base-tel{color: #001942;font-size: 16px;font-weight: bold;padding:0 30px;margin-right: 50px;margin-top: 60px;max-width: 670px}
.pro-frt .base-tel:before{background: #D9E4FF;left: 2px;right: 2px;top:17px;}
.pro-frt .base-tel:after{content: "";position: absolute;left: 0;top: 20px;width: 100%;height: 62px;background-color: rgba(117,183,255,.2);-webkit-border-radius: 62px;-moz-border-radius: 62px;-ms-border-radius: 62px;-o-border-radius: 62px;border-radius: 62px;z-index: -2;box-sizing: border-box;background: -webkit-linear-gradient(top, #FFF 0%,#2E629B 100%);background: -moz-linear-gradient(top, #FFF 0%, #2E629B 100%);background: -ms-linear-gradient(top, #FFF 0%,#2E629B 100%);background: -o-linear-gradient(top, #FFF 0%,#2E629B 100%);background: linear-gradient(to bottom, #FFF 0%,#2E629B 100%);}
.pro-frt .base-tel i{color: #7B838D;font-weight: normal;}
.pro-frt:before{
    content: '';
    width: 50%;
    position: absolute;
    height: 100%;
    right: -15%;
    top:0;
    z-index: -1;
    background: #ffffff;
}
.pro-frt .base-tel img{margin: 0 5px;}
.pro-frt .base-tel a{font-size: 26px; color: rgb(249,72,40);

background-image: -webkit-gradient(linear, 0 0, 150 0, from(rgb(249,140,48)), to(rgb(249,72,40)));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.intro-good{margin-top: 30px;}
.intro-good span{display: inline-block; color: #F94928;font-size: 18px;position: relative;padding-left: 24px;line-height: 1.2;margin-right: 10px;}
.intro-good span:before{content: "";position: absolute;left: 0;top: -20px;width: 47px;height: 37px;background: url(/news_images/flr-line.png) no-repeat;}
.intro-good span strong{font-family: "Impact";font-size: 26px;}

.pro-intro{padding: 40px 0;}
.intro-nav{border-bottom:1px solid #EDEDED;margin-bottom: 100px;}
.intro-nav li{float: left;width: 25%;text-align: center;}
.intro-nav li a{display: inline-block; color: #666;font-size: 20px;position: relative;line-height: 80px;}
.intro-nav li.active a,.intro-nav li:hover a{color: #062446;font-weight: bold;}
.intro-nav li.active a:before,.intro-nav li:hover a:before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 4px;background-color: #062446;}

.base-size h3{color: #3E5D81;font-size: 32px;background: url(/news_images/txt-bg01.png) no-repeat left center;height: 123px;line-height: 106px;padding-left: 60px;margin: 40px 0;}
.base-sizet.base-size h3{background-image: url(/news_images/txt-bg02.png);color: #FFF;}
.base-size p{color: #062446;font-size: 20px;line-height: 2.4;}
.intro-fl{float: right;width: 42%;}
.intro-fr{float: left;width: 50%;position: relative;padding-right: 47px;
    position: relative;}
.intro-fr img{width: 100%;height: auto;-webkit-border-radius: 60px 0 0 60px;-moz-border-radius: 60px 0 0 60px;-ms-border-radius: 60px 0 0 60px;-o-border-radius: 60px 0 0 60px;border-radius: 60px 0 0 60px;-webkit-box-shadow: 0 0 16px rgba(23,100,185,.5);-moz-box-shadow: 0 0 16px rgba(23,100,185,.5);-ms-box-shadow: 0 0 16px rgba(23,100,185,.5);-o-box-shadow: 0 0 16px rgba(23,100,185,.5);box-shadow: 0 0 16px rgba(23,100,185,.5);}


.play-btn{
    width: 80px;
    height: 80px;
    background-color: #ffffff;
    background-image: url('/news_images/playbtn.png');
    background-position: center ;
    background-repeat: no-repeat;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    cursor: pointer;
    z-index: 999;
    -webkit-transition: all 0.3s linear ;
    -moz-transition: all 0.3s linear ;
    -ms-transition: all 0.3s linear ;
    -o-transition: all 0.3s linear ;
    transition: all 0.3s linear ;
}
.play-btn:hover{
    -webkit-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    transform: rotate(120deg);
}

.intro-fr strong {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -102px;
    width: 94px;
    height: 204px;
    color: #FFF;
    font-size: 26px;
    background: -webkit-linear-gradient(top, #335D9F 0%, #6194D5 100%);
    background: -moz-linear-gradient(top, #335D9F 0%, #6194D5 100%);
    background: -ms-linear-gradient(top, #335D9F 0%, #6194D5 100%);
    background: -o-linear-gradient(top, #335D9F 0%, #6194D5 100%);
    background: linear-gradient(to bottom, #335D9F 0%, #6194D5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#335D9F, endColorstr=#6194D5, GradientType=0);
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    -ms-border-radius: 70px;
    -o-border-radius: 70px;
    border-radius: 70px;
    letter-spacing: 12px;
    text-align: center;
    line-height: 30px;
    padding-top: 28px;
    padding-left: 12px;
    border: 10px solid #F7F8FA;
}

.shot-show .slick-slide img{
    display: block;
    width: 100%;
}
.pro-good{background: url(/news_images/pro-bggood.jpg) right top no-repeat; -webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding:100px 38% 100px 248px;}

.good-list{margin-left: -10%;margin-top: 100px;}
.good-list li{float: left;width: 40%;margin-left: 10%;color: #9FB8DA;font-size: 16px;line-height: 2.5;margin-bottom: 80px;}
.good-list li strong{display: block;color: #FFF;font-size: 26px;
    line-height: 1.5;
    margin-bottom: 22px;
}

.pro-shot{background: url(/news_images/pro-bgpic.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover; padding:60px 0 380px;}
.pro-shot .base-size{text-align: center;}
.pro-shot .base-size h3{display: inline-block;min-width: 383px;text-align: left;}
.pro-shot .base-size i{display: inline-block;color: #3E5D81;font-size: 24px;margin-left: -150px;}

.shot-show{margin: 0 106px;margin-top: 40px;padding-bottom: 120px;}
.shot-show .slick-slide{ outline: none;}
.shot-show .item{margin: 0 30px;}
.shot-show .slick-prev:before, .shot-show .slick-next:before{display: none;}
.shot-show .slick-prev{top:auto;bottom:0;left: 50%;margin-left: -400px; width: 75px;height: 41px; background: url(/news_images/pro-arrow01.png) no-repeat;z-index: 22;}
.shot-show .slick-next{top:auto;bottom:0;left:auto;right: 50%;margin-right: -400px; width: 75px;height: 41px; background: url(/news_images/pro-arrow02.png) no-repeat;z-index: 22;}
.shot-show .slick-dots{bottom:10px;}
.shot-show .slick-dots li button{width: 16px;height: 16px;border:1px solid #E5472E;padding: 0;}
.shot-show.slick-slider .slick-active button{background: transparent;}
.shot-show .slick-dots li button:before{top:10px;left:10px;width: 6px;height: 6px;background-color: #E5472E;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;opacity: 0;}
.shot-show .slick-dots li.slick-active button:before{opacity: 1;}
.shot-show .slick-slider img{
    width: 100%;
}
.pro-tenet{background-color: #E6F2FE;margin: -254px 106px 0;-webkit-border-radius: 30px 30px 0 0;-moz-border-radius: 30px 30px 0 0;-ms-border-radius: 30px 30px 0 0;-o-border-radius: 30px 30px 0 0;border-radius: 30px 30px 0 0;-webkit-box-shadow: 0 6px 12px rgba(173,120,67,.26);-moz-box-shadow: 0 6px 12px rgba(173,120,67,.26);-ms-box-shadow: 0 6px 12px rgba(173,120,67,.26);-o-box-shadow: 0 6px 12px rgba(173,120,67,.26);box-shadow: 0 6px 12px rgba(173,120,67,.26);}
.tenet-fl{float: left;width: 44%;padding: 40px 0 60px;}
.tenet-fr{float: right;width: 52%;background: url(/news_images/pro-bgtenet.jpg) no-repeat top center;min-height: 490px;text-align: center;}
.tenet-fr img{margin-top: 160px;}

.pro-canshu {
    background: url(/news_images/pro-bgcanshu.jpg) no-repeat top right;
    position: relative;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    padding: 80px 0
}
.pro-canshu:before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: -moz-linear-gradient( 0deg, rgb(4,36,70) 0%, rgb(44,81,126) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(4,36,70) 0%, rgb(44,81,126) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(4,36,70) 0%, rgb(44,81,126) 100%);
    z-index: -1;
}

.pro-canshu .base-size h3{background-image: url(/news_images/txt-bg03.png);color: #FFF;}

.data-pro{margin-bottom: 70px;}
.data-list{margin-bottom: 20px;}
.data-list ul li{line-height: 50px;margin-bottom: 20px;}
.btn-cont{display: inline-block;font-size: 18px;padding: 10px 40px;background-color: #F4F6FA;cursor: pointer;-webkit-border-radius: 100px;-moz-border-radius: 100px;-ms-border-radius: 100px;-o-border-radius: 100px;border-radius: 100px;margin-right: 30px;}
.btn-cont:hover{font-weight: bold;}
.btn-cont i{display: inline-block;vertical-align: middle;width: 50px;height: 50px;background: url(/news_images/data-arrow.png) #FFF no-repeat center;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.1);-moz-box-shadow: 0 5px 15px rgba(0,0,0,.1);-ms-box-shadow: 0 5px 15px rgba(0,0,0,.1);-o-box-shadow: 0 5px 15px rgba(0,0,0,.1);box-shadow: 0 5px 15px rgba(0,0,0,.1);}
.data-list ul li i{display: none;}
.data-list ul li.on.btn-cont{padding-left: 10px;background-color: #EDF3FF;font-weight: bold;}
.data-list ul li.on i{display: inline-block;margin-right: 22px; vertical-align: middle; margin-top: -2px;}
table td{padding: 10px 4px;line-height: 36px;}
.data-no{display: none;}

.pro-flow{padding-bottom:80px;}
.pro-flow p{color: #E5472E;font-size: 24px;font-weight: bold; line-height: 82px;padding-left: 30px; background: url(/news_images/pro-txt.png) no-repeat left center;margin-bottom: 12px;}

.ser-fl{float: left;width: 58%;}
.ser-fl ul{overflow: hidden;margin-top: 60px;}
.ser-fl ul li{position: relative;float: left;width: 25%;text-align: center;line-height: 1.1;z-index: 0;}
.ser-fl ul li i{display: block;color: #FFF;font-size: 22px;}
.ser-fl ul li span{display: block;color: #BFBFBF;font-size: 16px;margin-top: 10px;}
.ser-fl ul li:after{content: '';position: absolute;left: -36px;top: 40px;width: 80px;height: 1px;z-index: -1;background-color: #ACACAC;}
.ser-fl li.ser-on{cursor: pointer;}

.ser-fl li em{display: inline-block; width: 80PX;height: 80px;line-height: 80px;margin-bottom: 26px;}
.ser-fl ul li img{width: 46px;height: auto;vertical-align: middle;}
.ser-fl li.ser-on em{background-color: #6690B3;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;-webkit-box-shadow: 0 0 16px #1b2329;-moz-box-shadow: 0 0 16px #1b2329;-ms-box-shadow: 0 0 16px #1b2329;-o-box-shadow: 0 0 16px #1b2329;box-shadow: 0 0 16px #1b2329;}
.ser-fl ul li.ser-on:after{display: none;}
.ser-cont{ margin-top: 100px;}
.ser-cont span {display: inline-block;width: 271px;height: 56px;line-height: 56px;text-align: center;text-indent: -40px;color: #303D48;font-size: 16px;background: url(/news_images/pro-sertel.png) no-repeat;}
.ser-cont span strong {color: #E5472E;font-size: 24px;font-weight: bold;}
.ser-cont i{ display: inline-block;color: #FFF;font-size: 28px;font-weight: bold;margin-left: 40px;}

.ser-fr{float: right;width: 42%;}
.ser-pic{position: relative;padding-left: 36px;z-index: 0;}
.ser-pic:before{content: "";position: absolute;left: 0;top: 26px;bottom:0;right:0;background: url(/news_images/pro-serbg.png) no-repeat;z-index: -1;}
.ser-fr img{border:1px solid #4B4B4B;-webkit-border-radius: 30px 4px 4px 4px;-moz-border-radius: 30px 4px 4px 4px;-ms-border-radius: 30px 4px 4px 4px;-o-border-radius: 30px 4px 4px 4px;border-radius: 30px 4px 4px 4px;}

.ser-pic a{
    display: block;
    position: absolute;
    bottom: 0;
    left:37px;
    width: 343px;
    height: 78px;
    -webkit-border-radius: 39px 39px 39px 0;
    -moz-border-radius: 39px 39px 39px 0;
    border-radius: 39px 39px 39px 0;
    -webkit-box-shadow: 0px 4px 21px 0px rgba(4, 12, 26, 0.6),inset 0px 17px 40px 0px rgba(224, 51, 23, 0.59);
    -moz-box-shadow: 0px 4px 21px 0px rgba(4, 12, 26, 0.6),inset 0px 17px 40px 0px rgba(224, 51, 23, 0.59);
    box-shadow: 0px 4px 21px 0px rgba(4, 12, 26, 0.6),inset 0px 17px 40px 0px rgba(224, 51, 23, 0.59);
    font-size: 30px;
    line-height: 78px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    background: url("/news_images/lybtn.png") center;
}




.pro-case{background: url(/news_images/pro-bgcase.jpg) no-repeat;padding: 100px 0;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-left: 106px;padding-right: 106px;}
.pro-case h3{color:#28323A;font-size: 32px;line-height: 44px;padding-left: 70px; background: url(/news_images/pro-icon.png) no-repeat left center;margin-bottom: 40px;}

.list-show{margin-left: -5%;}
.list-show li{float: left;width: 28.3%;margin-left: 5%;-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-pic{display: block;position: relative;padding-top: 70.8%;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;overflow: hidden;}
.list-pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;border:1px solid #D6D6D6;}
.list-info{padding:30px 50px 50px; background-color: #FFF;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;position: relative;overflow: hidden;-webkit-box-shadow: 0 2px 8px rgba(72,95,224,.1);-moz-box-shadow: 0 2px 8px rgba(72,95,224,.1);-ms-box-shadow: 0 2px 8px rgba(72,95,224,.1);-o-box-shadow: 0 2px 8px rgba(72,95,224,.1);box-shadow: 0 2px 8px rgba(72,95,224,.1);margin: -72px 8% 0;}
.list-info:before{content: "";position: absolute;left: 0;bottom: 0;width: 60%;height: 4px;background-color: #4273B2;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;-webkit-border-radius: 0 2px 2px 0;-moz-border-radius: 0 2px 2px 0;-ms-border-radius: 0 2px 2px 0;-o-border-radius: 0 2px 2px 0;border-radius: 0 2px 2px 0;}

.list-txt{display: block;color: #062446;font-size: 24px;font-weight: bold;line-height: 1.2;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 30px;}
.list-txt:hover{color: #E5472E;}
.list-info p{color: #708194;font-size: 16px;line-height: 1.8;padding-left: 36px;margin-bottom: 6px;}
.list-info p.list01{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background: url(/news_images/pro-icon01.png) no-repeat left center;}
.list-info p.list02{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; background: url(/news_images/pro-icon02.png) no-repeat left 4px;}
.list-more{display: inline-block;position: absolute;right: 40px;bottom:16px;-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-more:hover{right: 30px;}

.list-show li:hover{-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);}
.list-show li:hover .list-info:before{width: 100%;}

.pro-work{background: url(/news_images/pro-bgwork.jpg) no-repeat;
    background-position: center top;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;min-height: 912px;text-align: center;padding-top: 280px;}
.pro-work strong{display: block; color: #FFF;font-size: 60px;line-height: 1.2;}
.pro-work strong i{color: #FF4E58;}
.pro-work p{color: #FFF;font-size: 20px;line-height: 2;margin-top: 20px;}

#computer>p{
    position: relative;
    color: #fff;
    padding-left: 30px;
    margin: 20px 0;
}
#computer>p:before{
    position: absolute;
    width: 10px;
    height: 10px;
    display: block;
    content: '';
    border-left: 10px solid #ffffff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    left: 0;
    top: 50%;
    margin-top: -5px;
}

/* ---------- 新闻列表 ---------- */
.news-main{background: url(/news_images/bg-news.jpg) #FFF no-repeat top center;
   }
.txt-show{position: relative;text-align: center;margin-top: 40px;}
.txt-show:before{content: "";display: inline-block;vertical-align: middle;margin-bottom: -16px; width: 798px;height: 91px;background: url(/news_images/news-txts.png) no-repeat;}

.txt-show strong{display: none; color: #FFF;font-size: 60px;line-height: 1.1;}

.news-hot{background: url(/news_images/news-tab.jpg) no-repeat;padding:50px 26px 204px 65px;position: relative;margin-top: 70px;}
.news-hot .news-slick{margin-top: 0;}
.news-hot .news-slick .slick-next{right: 40px;}
.news-hot .slick-line{bottom:143px;left: 170px;right: 170px;}

.news-list{margin-top: 80px;}
.news-list li{position: relative;margin-bottom: 60px;}
.news-list li:before{content: '';position: absolute;right: 150px;top: 0;width: 1px;height: 100%;background-color: #5380B7;}
.news-list li:after{content: '';position: absolute;right: 150px;bottom: -60px;width: 1px;height: 60px;background-color: #5380B7;}
.news-list li:hover .list-fl{border-color:#F1F7FF; background-color: #F1F7FF; box-shadow: 0 0 12px rgba(72,124,188,0.4); -webkit-box-shadow: 0 0 12px rgba(72,124,188,0.4); -moz-box-shadow: 0 0 12px rgba(72,124,188,0.4);}
.news-list li:hover a.list-name{color: #FF4E58;}

.list-fl{display: block;overflow: hidden;border:1px solid #E5F0FD;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;background-color: #FFF;padding: 32px 40px;}
.list-fl a.list-name{display: block; color: #062446;font-size: 22px;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 1.2;}

.list-tag{margin: 25px 0; padding-left: 79px; background: url(/news_images/news-tag.png) no-repeat left center;color: #666;line-height: 31px;}
.list-tag a{display: inline-block; color: #666; height: 31px; -webkit-border-radius: 30px;border-radius: 30px; padding: 0 15px; margin-left: 12px; border: 1px solid #5380B7;line-height: 28px;}
.list-font{color: #3A434E; height: 60px;line-height: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.list-fr{float: right;width: 150px;color: #B2B2B2; font-size: 20px; padding-left: 50px;margin-left: 60px;margin-top: 20px; position: relative;}
.list-fr strong{display: block;color: #5380B7; font-size: 30px;line-height: 1.1;margin-bottom: 4px;}
.list-fr:before{content: ''; display: block; position: absolute; left: 0; top: 6px; width: 20px; height: 1px; background-color: #ADCBEF;}


/* ---------- 新闻内页 ---------- */
.news-detail{background: url(/news_images/bg-newsd.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-bottom: 40px;}
.news-detail .txt-show strong{color: #6690CC;}


.news-base .news-time{background: url(/news_images/news-times.png) no-repeat left center;padding-left:24px;color:#7085B2;font-size: 16px;line-height: 1.4;font-weight: bold;}
.news-time i{font-weight: normal;margin-left: 22px;}
.news-base h1{color: #FFF;font-size: 50px;font-weight: bold; line-height: 1.4;margin: 24px 0;}
.news-tips{text-align: right;color: #7EB3FF;font-size: 18px;line-height: 2;}

.news-cont{position: relative;}
.news-cont:before{content: "";position: absolute;left: -276px;top: 0;width: 276px;height: 240px;background: url(/news_images/news-line.png) no-repeat;}


.news-link{margin: 30px 0;position: relative;}
.nlink-fl{width: 871px; padding-left: 110px; height: 95px;line-height: 110px; background: url(/news_images/news-link.png) no-repeat;color: #FFF;font-size: 18px;}
.nlink-fr{position: absolute;right: 0;top: -18px;}
.nlink-fr .base-tel:before{height: 68px;border:1px solid #FFF;}
.nlink-fr .base-tel{line-height: 102px;color: #89C0FF;    padding: 0 32px;}
.nlink-fr .base-tel a{margin-top: -8px;}
.nlink-fr .base-tel i{color: #FFF;font-size: 20px;}
.nlink-fr .base-tel a strong{font-size: 30px;}
.nlink-fr .base-tel img{margin: 0 10px;}

.cont-show{margin-top: 70px;}
.cont-show p{color: #555;line-height: 2.25;margin-bottom: 30px;}
.cont-show p img,.cont-show p video{max-width: 800px;width: 100%;height: auto;display: block;margin: 0 auto;}
.cont-show h3{color: #062446;font-size: 34px;line-height: 1.2;padding-left: 40px;position: relative;z-index: 0;margin-bottom: 30px;}
.cont-show h3:before{content: "";position: absolute;left: 0;top: -10px;width: 89px;height: 55px;background: url(/news_images/news-name.png) no-repeat;z-index: -1;}

.cont-show h2{color: #062446;font-size: 34px;line-height: 1.2;padding-left: 40px;position: relative;z-index: 0;margin-bottom: 30px;}
.cont-show h2:before{content: "";position: absolute;left: 0;top: -10px;width: 89px;height: 55px;background: url(/news_images/news-name.png) no-repeat;z-index: -1;}

.cont-good{margin-top: 40px;}
.cont-good li{padding: 20px;position: relative;padding-left: 110px;color: #555;margin-bottom: 42px;}
.cont-good li i{position: absolute;left: 0;top:50%;margin-top: -51px;width: 219px;height: 102px;background: url(/news_images/news-good.png) no-repeat;color: #3766C7;font-size: 18px;text-indent: 42px;line-height: 90px;}

.cont-page{margin: 50px 0;}
.cont-page ul{margin-left: -2%;}
.cont-page ul li{float: left;width: 48%;margin-left: 2%;background-color: #FFF;color: #666;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 10px rgba(61,118,177,.3);-moz-box-shadow: 0 0 10px rgba(61,118,177,.3);-ms-box-shadow: 0 0 10px rgba(61,118,177,.3);-o-box-shadow: 0 0 10px rgba(61,118,177,.3);box-shadow: 0 0 10px rgba(61,118,177,.3);padding:15px 30px;line-height: 44px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cont-page ul li img{margin-right: 16px;}
.cont-page ul li a{color: #666;}
.cont-page ul li a:hover{color: #FF4E58;}

.news-other{margin: 80px 0;}
.other-news{float: left;width: 46%;}
.other-txt{background-color: #F0F3FA;height: 77px;}
.other-txt strong{display: inline-block;background-color: #FFF;-webkit-border-radius: 10px 30px 0 0;-moz-border-radius: 10px 30px 0 0;-ms-border-radius: 10px 30px 0 0;-o-border-radius: 10px 30px 0 0;border-radius: 10px 30px 0 0;margin-left: 2px;margin-top: 5px;padding:0 50px;line-height: 72px;color: #062446;font-size: 40px;}
.other-news ul{background-color: #FFF;-webkit-box-shadow: 0 16px 14px rgba(61,118,177,.3);-moz-box-shadow: 0 16px 14px rgba(61,118,177,.3);-ms-box-shadow: 0 16px 14px rgba(61,118,177,.3);-o-box-shadow: 0 16px 14px rgba(61,118,177,.3);box-shadow: 0 16px 14px rgba(61,118,177,.3);padding:20px 40px 0;}
.other-news ul li{line-height: 40px;padding:30px 0;border-bottom:1px dashed #C6D6FB;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.other-news ul li:last-child{border:none;}
.other-news ul li:before{content: '';display: inline-block;vertical-align: middle;width: 18px;height: 19px;background: url(/news_images/news-icon.png) no-repeat;margin-right: 10px;}
.other-news ul li a{color: #555;}
.other-news ul li:hover{padding-left: 6px;}
.other-news ul li:hover a{color: #FF4E58;}

.other-pro{float: left;width: 50%;margin-left: 4%;
    margin-bottom: 40px;}
.other-txts strong{display: inline-block;color: #062446;font-size: 40px;position: relative;line-height: 1.2;}
.other-txts strong:before{content: "";position: absolute;right: -50px;top: -6px;width: 31px;height: 51px;background: url(/news_images/news-ico.png);}

.other-show{
    float: left;
    position: relative;
    width: 54%;
}
.other-show ul{
    float: left;
    width: 100%;
    position: relative;
}
.other-show ul li{
    padding-right: 30px;
    margin-bottom: 42px;
    position: relative;
    float: left;
    width: 48%;
    margin-left: 2%;
}
.other-show li a{
    display: block;
    padding-top: 96%;
    position: relative;
}
.other-show li img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    border-radius: 18px;
}
.other-show li span{
    position:absolute;
    top: 50%;
    right: -30px;
    width: 20px;
    font-size: 16px;
    color: #062446;
    line-height: 18px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* ---------- 关于我们 ---------- */
.about-base{background: url(/news_images/bg-about.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-bottom: 40px;}
.about-base h1{color: #FFF;font-size: 60px;line-height: 1.4;margin-top: 100px;}
.about-base p{color: #FFF;font-size: 20px;line-height: 1.4;margin-top: 30px;}

.about-base ul{position: relative;margin-left: 160px;width: 710px;height: 350px;margin-top: 110px;}
.about-base ul li{position: absolute;color: #FFF;font-size: 20px;padding:0 36px;}
.about-base ul li:before{content: "";position: absolute;width: 1px;background: -webkit-linear-gradient(top, transparent 0%,rgba(255,255,255,.2) 20%,rgba(255,255,255,.2) 80%, transparent 100%);background: -moz-linear-gradient(top, transparent 0%,rgba(255,255,255,.2) 20%,rgba(255,255,255,.2) 80%, transparent 100%);background: -ms-linear-gradient(top, transparent 0%,rgba(255,255,255,.2) 20%,rgba(255,255,255,.2) 80%, transparent 100%);background: -o-linear-gradient(top, transparent 0%,rgba(255,255,255,.2) 20%,rgba(255,255,255,.2) 80%, transparent 100%);background: linear-gradient(to bottom, transparent 0%,rgba(255,255,255,.2) 20%,rgba(255,255,255,.2) 80%, transparent 100%);}
.about-base ul li:after{content: "";position: absolute;width: 9px;height: 73px;top: 50%;margin-top:-36px;background-color: #F23B47;}
.about-base ul li strong{display: block;font-size: 50px;line-height: 1.1;}
.about-base ul li strong sub{font-size: 20px;vertical-align: baseline;}
.data01{left: 0;top: 72px;}
.data02{left: 340px;top: 0;}
.data03{right: 0;top: 140px;}
.data04{left: 121px;top: 210px;}
.data01:before{left: 4px;top: -90px;bottom:-90px;}
.data01:after{left: 0;}
.data02:before{left: 4px;top: -50px;bottom:-120px;}
.data02:after{left: 0;}
.data03:before{right: 4px;top: -90px;bottom:-90px;}
.data03:after{right: 0;}
.data04:before{right: 4px;top: -120px;bottom:-50px;}
.data04:after{right: 0;}

.about-base .base-wp{position: relative;}
.about-video{position: absolute;right: 0;bottom:60px; width:524px;height:561px;background: url(/news_images/video-bg.png) no-repeat;padding-right:240px;text-align: right;}
.about-video span{display: inline-block;margin-top: 240px;cursor: pointer;}
.about-video p{color: #FFF;font-size: 16px;line-height: 2.25;}

.popu-video {position: fixed;width: 100%;height: 100%;left: 0;top: -100%;-webkit-transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;opacity: 0;filter: alpha(opacity=0);z-index: 9999;}
.popu-video.open {top: 0;opacity: 1;filter: alpha(opacity=100);}
.popu-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);}
.popu-video .video-show {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 1;width: 92%;max-width: 1000px;}
.popu-video .video-show video {display: block;width: 100%;height: auto;}
.popu-video .video-close{position: absolute;right: -50px;top: -50px;cursor: pointer;}
.popu-video .video-close img{width: 36px;height: auto;}

.about-target{position: relative;margin-top: 130px;z-index: 0;}
.about-target:before{content: "";position: absolute;left: 0;top: -130px;width: 430px;height: 1016px;background: url(/news_images/about-yuan01.png) no-repeat;z-index: -1;}
.target-fl{float: left;width: 52%;}
.target-fl img{width: 100%;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;}
.target-fr{float: left;width: 48%;position: relative;}
.target-fr:after{content: "";position: absolute;left: 0;bottom: -20px;width: 158px;height: 1px;background-color: #062446;}

.about-txt{position: relative;text-align: center;margin-bottom: 50px;}
.about-txt:before{content: "";display: inline-block;vertical-align: middle;margin-bottom: -40px; width: 564px;height: 61px;background: url(/news_images/about-txt.png) no-repeat;}
.about-txt h2{color: #062446;font-size: 58px;line-height: 1.1;}
.about-txt strong{display: block; color: #44515C;font-size: 36px;line-height: 1.1;}
.target-fr .about-txt{margin-top: 110px;}
.target-fr p{color: #44515C;font-size: 18px;line-height: 2.7;margin:50px 40px 0 70px;}

.about-intro{margin-top:180px;position: relative;}
.about-name{color: #44515C;font-size: 38px;font-weight: bold;line-height: 1.1;background: url(/news_images/about-name.png) no-repeat left center;padding-left: 77px;margin-bottom: 40px;}

.intro-show{padding-left:10%;position: relative;}
.intro-show:before{content: "";position: absolute;left: 100px;bottom: 0;width: 400px;height: 300px;background: url(/news_images/about-intro.png) no-repeat;z-index: -1;}
.intro-flt{float: left;width: 40%;padding-top:100px;}
.intro-flt p{color: #44515C;font-size: 18px;line-height: 2.7}
.about-shili{margin-top: 60px;}
.about-shili span{display: inline-block;color: #062446;font-size: 20px;margin-right: 50px;}
.about-shili span strong{font-size: 48px;margin-right: 16px;}
.intro-frt{float: right;width: 56%;position: relative;}
.intro-frt:before{content: "";position: absolute;left: -70px;bottom:-70px;width: 140px;height: 140px;background-color: #A2D0F6;border:30px solid #FCFCFC;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}
.intro-frt img{width: 100%;}

.about-area{margin-top: 180px;}
.about-area p{color: #44515C;font-size: 18px;line-height: 2;}
.about-area ul{margin-top: 60px;margin-left: -2.3%;padding-bottom: 25px;}
.about-area ul li{float: left;width: 31%;margin-left: 2.3%;position: relative;}
.about-area ul li:before{content: "";position: absolute;left: 24px;right:24px;bottom: -25px;height: 40px;background-color: #D9E6FE;-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;-ms-border-radius: 0 0 10px 10px;-o-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;-webkit-box-shadow: 0 5px 10px rgba(5,26,89,.1);-moz-box-shadow: 0 5px 10px rgba(5,26,89,.1);-ms-box-shadow: 0 5px 10px rgba(5,26,89,.1);-o-box-shadow: 0 5px 10px rgba(5,26,89,.1);box-shadow: 0 5px 10px rgba(5,26,89,.1);z-index: -2;}
.about-area ul li:after{content: "";position: absolute;left: 9px;right:9px;bottom: -13px;height: 40px;background-color: rgba(59,90,133,.6);-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;-ms-border-radius: 0 0 10px 10px;-o-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;-webkit-box-shadow: 0 5px 10px rgba(5,26,89,.1);-moz-box-shadow: 0 5px 10px rgba(5,26,89,.1);-ms-box-shadow: 0 5px 10px rgba(5,26,89,.1);-o-box-shadow: 0 5px 10px rgba(5,26,89,.1);box-shadow: 0 5px 10px rgba(5,26,89,.1);z-index: -1;}
.about-area ul li img{width: 100%;-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;-ms-border-radius: 0 0 10px 10px;-o-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;}

.about-area ul li i{position: absolute;left: 0;right: 0;bottom: 0;text-align: center;background: -webkit-linear-gradient(top, transparent 0%,#1D2532 100%);background: -moz-linear-gradient(top, transparent 0%, #1D2532 100%);background: -ms-linear-gradient(top, transparent 0%,#1D2532 100%);background: -o-linear-gradient(top, transparent 0%,#1D2532 100%);background: linear-gradient(to bottom, transparent 0%,#1D2532 100%);color:#FFF;font-size: 20px;line-height: 70px;-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;-ms-border-radius: 0 0 10px 10px;-o-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;}

.about-type{margin-top: 180px;position: relative;padding-right: 60px;}
.about-type:before{content: "";position: absolute;left: 134px;top: -40px;width: 507px;height: 527px;background: url(/news_images/about-dot.png) no-repeat;z-index: -1;}
.about-type:after{content: "";position: absolute;right: 0;top: 60px;width: 4px;height: 130px;background-color: #3B5A85;}
.about-type .about-name{margin-left: 110px;}
.about-type ul{margin-top: 80px;margin-left: -2%;margin-bottom: 20px;height: 520px;}

.about-type ul li {
    float: left;
    width: 17%;
    height: 460px;
    padding: 60px 20px 0;
    margin-left: 2%;
    background: url(/news_images/about-typeline.png) no-repeat top left #3B5A85;
    position: relative;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.type-font img{
    width: 80%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.type-pic {
    position: absolute;
    right: -12px;
    bottom: -12px;
    width: 70%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.about-type ul li.type-tu {
    width: 22%;
    background: url(/news_images/about-typebg.jpg) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 520px;
    margin-top: -30px;
}

.about-type ul li:hover {
    width: 22%;
    margin-top: -30px;
    height: 520px;
}

.about-type li:hover .type-font img{
    width: 86%;
}
.about-type li:hover .type-pic{
    width: 80%;
}

.about-type li:nth-child(1):hover{
    background: url("/news_images/about-type-bg1.jpg") left top no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.about-type li:nth-child(2):hover{
    background: url("/news_images/about-type-bg2.jpg") left top no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.about-type li:nth-child(3):hover{
    background: url("/news_images/about-type-bg3.jpg") left top no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.about-type li:nth-child(4):hover{
    background: url("/news_images/about-type-bg4.jpg") left top no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.about-type li:nth-child(5):hover{
    background: url("/news_images/about-type-bg5.jpg") left top no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.about-ability{position: relative;overflow: hidden;padding:200px 0;}
.about-ability:before{content: "";position: absolute;left: 106px;top: 252px;width: 4px;height: 130px;background-color: #3B5A85;}
.about-ability:after{content: "";position: absolute;right: 0;top: 0;bottom:0;width: 563px;background: url(/news_images/about-yuan02.png) no-repeat;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-ms-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%; z-index:-1;}

.ability-show{margin-left: 180px;padding:70px 0 0 60px;position: relative;z-index: 0;}
.ability-show:before{content: "";position: absolute;left: 0;top: 0;bottom:100px;width: 100%;background-color: #FFF;-webkit-box-shadow: 0 28px 38px rgba(87,166,255,.2);-moz-box-shadow: 0 28px 38px rgba(87,166,255,.2);-ms-box-shadow: 0 28px 38px rgba(87,166,255,.2);-o-box-shadow: 0 28px 38px rgba(87,166,255,.2);box-shadow: 0 28px 38px rgba(87,166,255,.2);z-index: -1;}
.ability-show:after{content: "";position: absolute;right: 100px;top: 100px;width: 507px;height: 527px;background: url(/news_images/about-dot.png) no-repeat;z-index: -1;}
.ability-show p{color: #44515C;font-size: 18px;line-height: 2.7;margin:0 77px;}

.ability-pic{margin-left:70px;margin-top: 10px;}
.ability-pic .slick-slide{outline: none;}
.ability-pic .item{margin: 8px 0 8px 8px;-moz-transform:scale(0.9); -webkit-transform:scale(0.9); -o-transform:scale(0.9);transform:scale(0.9);border:8px solid transparent;padding-top:30px;}
.ability-pic .item.slick-current{padding-top:0;-moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1);transform:scale(1);border:8px solid #FFF;-webkit-box-shadow: 0 3px 15px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 15px rgba(0,0,0,.15);-ms-box-shadow: 0 3px 15px rgba(0,0,0,.15);-o-box-shadow: 0 3px 15px rgba(0,0,0,.15);box-shadow: 0 3px 15px rgba(0,0,0,.15);}
.ability-pic .item img{width: 100%;}
.ability-pic .slick-prev:before,.ability-pic .slick-next:before{display: none;}
.ability-pic .slick-prev{width: 86px;height: 86px;background: url(/news_images/about-arrow01.png) #062446 no-repeat center;z-index: 10;left:-26px;}
.ability-pic .slick-next{width: 86px;height: 86px;background: url(/news_images/about-arrow02.png) #F7F7F7 no-repeat center;z-index: 10;right:auto;left:-26px;margin-top:76px;}

.about-parter{position: relative;margin-bottom: 180px;}
.about-parter:before{content: "";position: absolute;left: 106px;top: 0;width: 4px;height: 130px;background-color: #3B5A85;}
.parter-show{margin-left: 180px;background-color: #FFF;-webkit-box-shadow: 0 28px 38px rgba(87,166,255,.2);-moz-box-shadow: 0 28px 38px rgba(87,166,255,.2);-ms-box-shadow: 0 28px 38px rgba(87,166,255,.2);-o-box-shadow: 0 28px 38px rgba(87,166,255,.2);box-shadow: 0 28px 38px rgba(87,166,255,.2);position: relative;padding:80px 136px 120px;position: relative;z-index: 0;overflow: hidden;}
.parter-show:before{content: "";position: absolute;left:300px;bottom: -300px;width: 597px;height: 596px;background: url(/news_images/about-parters.png) no-repeat;z-index: -1;}
.parter-fl{float: left;width: 43%;}
.parter-fl strong{display: block; color: #44515C;font-size: 38px;font-weight: bold;line-height: 1.1;margin-bottom: 40px;}
.parter-fl p{ color: #44515C;font-size: 18px;line-height: 2.7;}
.parter-fl a{display: inline-block;width: 210px;height:70px;line-height:70px;text-align: center;color: #FFF;font-size: 18px;-webkit-border-radius: 70px;-moz-border-radius: 70px;-ms-border-radius: 70px;-o-border-radius: 70px;border-radius: 70px; background-image:linear-gradient(to right , #425F8B 0%,  #022449 50%);background-position:left center;background-size:300% 100%;background-repeat:no-repeat;background-size:200% 100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;margin-top: 40px;}
.parter-fl a:hover{background-position:right center;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.parter-fr{float: left;width: 47%;margin-left: 10%;}
.parter-fr ul{margin-left: -9.3%;margin-top: -16px;}
.parter-fr ul li{float: left;width: 24%;margin-left: 9.3%;margin-bottom: 50px;}
.parter-fr ul li img{width: 100%;height: auto;}
.parter-pic{margin-top: -55px;margin-left: 24px;position: relative;}
.parter-pic img{width: 100%;}



/* ---------- 联系我们 ---------- */
.contact-show{position: relative;padding: 150px 0 100px;margin-left: 13%;max-width:760px;}
.contact-show h1{color: #FFF;font-size: 60px;line-height: 1.2;margin-top: 130px;}
.con-good{margin: 20px 0 20px -34px;}
.con-good i{display: inline-block;position: relative;color: #FFBB85;font-size: 22px;line-height: 72px;padding-left: 60px;margin-left: 6px;}
.con-good i:before{content: "";position: absolute;left: 0;top: 0;width: 72px;height: 72px;background: url(/news_images/con-icon.png) no-repeat;}

.con-font{position: relative;color: #FFF;font-size: 20px;line-height: 1.6;margin-top: 86px;}
.con-font p{margin-top: 30px;}
.con-font p img{margin-right: 20px;}
.con-font p strong{color: #FF4E58;font-size: 30px;border-bottom:2px solid}

.con-code{position: absolute;right:0;bottom:-28px;line-height: 98px;color: #89C0FF;font-size: 18px;padding:0 30px 0 40px;margin-top: 20px;z-index: 0;}
.con-code:before{content: "";position: absolute;left: 0;top: 18px;right:0;height: 62px;background-color: rgba(117,183,255,.2);-webkit-border-radius: 62px;-moz-border-radius: 62px;-ms-border-radius: 62px;-o-border-radius: 62px;border-radius: 62px;z-index: -1;border:1px solid rgba(255,255,255,.6);}
.con-code img{-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 1px 7px #6CAFFF;-moz-box-shadow: 0 1px 7px #6CAFFF;-ms-box-shadow: 0 1px 7px #6CAFFF;-o-box-shadow: 0 1px 7px #6CAFFF;box-shadow: 0 1px 7px #6CAFFF;margin-right:20px;}


/* ---------- 404 ---------- */
.error-show{position: relative;padding: 200px 0 100px;text-align: center;}
.error-show p{color: #FFF;font-size: 24px;line-height: 2.4;margin-top: 30px;}
.error-show p.error-link{font-size: 16px;margin-top:0;}
.error-show p.error-link a{color: #FFF;margin-left: 5px;}
.error-show p.error-link a:hover{color: #FF4E58;}
.error-btn{display: inline-block;width: 500px;height: 80px;line-height: 80px;text-align: center; background: url(/news_images/error-btn.png) no-repeat;color: #FFF;font-size: 26px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;margin-top: 20px;}
.error-btn:hover{font-size: 24px; -webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);}



/* ---------- 案例列表 ---------- */
.case-show{position: relative;padding: 200px 0 100px;}
.case-slick{position: relative;}
.case-info{color: #FFF;font-size: 20px;line-height: 1.7;z-index: 2;
    margin-top: 20px;}
.case-info a{display: block;color: #FFF;font-size: 46px;font-weight: bold; line-height: 62px;margin-bottom: 40px;max-width: 640px;}
.case-info a:hover{color: #FF4E58;}
.case-pic{width: 66%;}
.case-pic img{width: 100%;}
.case-next{color:#78808D;font-size: 60px;font-weight: bold; line-height: 1.2;margin: 50px 0;cursor: pointer;width: 70%}

.case-show .paging{width: 100px;position: absolute;left: -190px;top:50%;color: #FFF;font-size: 14px;}
.case-show .paging .cur{font-size: 18px;}
.case-slick .slick-slide{outline: none;}
.case-slick .slick-prev:before, .case-slick .slick-next:before{display: none;}
.case-slick .slick-prev{top:230px;left:auto;right:0;width: 13px;height: 13px;background: url(/news_images/case-arrow01.png) no-repeat;margin-top: -50px;z-index: 20;}
.case-slick .slick-next{top:230px;right:0;width: 13px;height: 13px;background: url(/news_images/case-arrow02.png) no-repeat;margin-top: 50px;z-index: 20;}

.case-slick .item{position: relative;
    margin-bottom:50px;}

.case-slick .item:nth-of-type(2n) .case-pic{
    float: right;
}
.case-slick .item:nth-of-type(2n) .case-info{
    float: right;
    text-align: right;
}

.case-slick .item{
    background-image: url('/news_images/lyicon.png');
    background-repeat: no-repeat;
    background-position: right 180px;
 }
.case-slick .item:nth-of-type(2n){
    background-position: left 180px;
}

/* ---------- 案例内页 ---------- */
.case-scroll{position: relative;padding: 230px 0 100px;max-width: 1540px;
    margin: 0 auto;
    width: 94%;
}
.base-shows{
    overflow: hidden;
    position: relative;
    background: url("/news_images/bg-cases.jpg") no-repeat center top;
    background-size: cover;
}
.base-shows .base-bg{
    display: none;
}
.case-pro{
    background: #ebebeb;
    padding: 128px 0 50px;

}
.case-pro .pro-lists{
    width: 94%;
    max-width: 1300px;
    margin: 0 auto;
}
.case-pro h2{
    font-size: 40px;
    line-height: 48px;
    color: #3e5d81;
    font-weight: bold;
    text-align: center;
}
.case-pro h2 + p{
    color: #3e5d81;
    font-size: 18px;
    line-height: 48px;
    text-align: center;
    margin: 0 0 45px;
}

.case-ly h3{
    color: #3E5D81;
    font-size: 40px;
    background: url(/news_images/txt-bg01.png) no-repeat left center;
    height: 123px;
    line-height: 106px;
    padding-left: 60px;
    margin: 36px 0 28px;
}
.case-ly video,.cont-show video{
    max-width: 800px;
    display: block;
    margin: 0 auto;
}
.case-ly p{
    color: #062446;
    font-size: 20px;
    line-height: 48px;
}
.case-ly{
    padding: 70px 0 95px;
    width: 94%;
    max-width: 1300px;
    margin: 0 auto;
}
.case-ly ul{
    margin-bottom: 54px;
}
.case-ly li{
    padding-left: 60px;
    position: relative;
    color: #062446;
    font-size: 20px;
    line-height: 48px;
    background: url("/news_images/pro-arrow02.png") no-repeat;
    -webkit-background-size: 40px auto;
    background-size: 40px auto;
    background-position: left 16px;
}
.case-ly img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.case-user{
    background-color: rgb(230, 242, 254);
    box-shadow: 9px 0px 16px 0px rgba(173, 120, 67, 0.26);
    max-width: 1540px;
    width: 94%;
    margin: 0 auto 112px;
    -webkit-border-radius: 30px 30px 0 0;
    -moz-border-radius: 30px 30px 0 0;
    border-radius: 30px 30px 0 0;
    padding: 95px 107px 86px 134px;
    position: relative;

}

.case-user h3{
    color: #3E5D81;
    font-size: 32px;
    background: url(/news_images/txt-bg01.png) no-repeat left center;
    height: 123px;
    line-height: 106px;
    padding-left: 60px;
    margin: 0 0 40px;
}
.case-user p{
    padding-right: 369px;
    font-size: 16px;
    line-height: 48px;
    color: #062446;
}
.case-uright{
    position: absolute;
    top: 40px;
    right: 107px;
    text-align: center;
}
.case-uright img{
    display: block;
    margin: 0 auto;
}
.case-uright img:nth-child(2){
    margin: 16px auto 10px;
}
.case-uright a.btn{
    display: block;
    background-image: -moz-linear-gradient( 180deg, rgb(97,148,213) 0%, rgb(51,93,159) 100%);
    background-image: -webkit-linear-gradient( 180deg, rgb(97,148,213) 0%, rgb(51,93,159) 100%);
    background-image: -ms-linear-gradient( 180deg, rgb(97,148,213) 0%, rgb(51,93,159) 100%);
    width: 335px;
    height: 66px;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    line-height: 66px;
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    border-radius: 33px;
}





.case-con{display: inline-block;width: 100%;white-space: normal;vertical-align: top;}
.case-base{float: left;width: 43%;}
.case-base h1{color: #FFF;font-size: 56px;font-weight: bold; line-height: 1.2;margin-bottom: 40px;margin-top:22px;}
.case-base p{color: #FFF;font-size: 18px;line-height: 40px;
    color: #89C0FF;}
.case-base .base-tel{width: 520px;color: #89C0FF;padding:0 36px;margin-top: 44px;}
.case-base .base-tel:before{border:1px solid rgba(2155,255,255,.8)}
.case-base .base-tel i{color:#FFF;font-size: 20px;}
.case-base .base-tel img{margin:0 10px;}
.lymt{
    margin-top: 26px;
}
.case-pic01{float: right;width: 51.8%;position: relative;}
.case-pic01 img{width:100%;
    position: relative;
    z-index: 9;}
.case-pic01:before{content: "";position: absolute;left: -300px;top: -58px;width: 625px;height: 625px;border:1px solid rgba(230,241,254,.2);-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}
.case-pic01:after{content: "";position: absolute;left: -70px;top: 50%;width:141px;height: 39px;margin-top:-20px;background: url(/news_images/case-line01.png) no-repeat;}

.case-line{position: relative;z-index:0;}
.case-line:before,.case-line:after{content: "";position: absolute;top: 220px;height:1px;background-color: rgba(255,255,255,.5);z-index:-1;}
.case-content{
	height: 200px;
	overflow: auto;
	height: 260px;
}
.case-content::-webkit-scrollbar {display:none}
.case-content img{
	display: block;
	width: 100%;
}
.case-content video{
	width: 100%;
}
.case-pic02{float: left;width: 40%;padding:0 5%;min-height: 2px;}
.case-pic02:before{left: -5px;right:0;}
.case-pic02:after{display: none;}
.case-pic02 img{width:100%;}
.case-intro{float: left;width: 60%;padding-right: 23%;}
.case-intro:before{display: none;}
.case-intro:after{right:0;width: 38.4%;}
.intro-info{border:1px solid rgba(255,255,255,.5);padding:140px 80px;color:#FFF;position: relative;}
.intro-info:before{content: "";position: absolute;left: -21px;top: 198px;width: 42px;height: 42px;background: url(/news_images/case-dot.png) no-repeat;}
.intro-info h3{font-size: 40px;font-weight: normal;position: relative;line-height: 1.2;margin-bottom: 60px;}
.intro-info h3:before{content: "";position: absolute;left: 0;top: -24px;width: 40px;height: 4px;background-color: #FF4E58;}
.intro-info p{font-size: 18px;line-height: 2;margin-top: 30px;}

.case-map{float: left;width: 23%;padding:140px 7% 0 5%;}
.case-map:before{left: -4px;width: 23%;}
.case-map:after{right:0;width: 31%;}
.case-plate01{width: 77%;padding-right: 40%;}
.case-plate01.case-intro:after{width: 51%;}
.case-plate01 .intro-info:before{left:auto;right:-21px;}

.case-pic03{float: left;width: 50%;padding:0 5% 0 6%;min-height: 2px;}
.case-pic03:before{left: -5px;right:0;}
.case-pic03:after{right: -21px;top: 198px;width: 42px;height: 42px;background: url(/news_images/case-dot.png) no-repeat;    margin-right: 10%; z-index: 1;}
.case-pic03 img{width:100%;}

.case-plate02{width: 50%;padding-right: 12%;}
.case-plate02.case-intro:after{display: none;}
.case-plate02 .intro-info:before{left:auto;right:-21px;}
/*留言*/
.hxmsg-box{
    background: url("/news_images/msg-bg.jpg") center top no-repeat;
    padding: 82px 0;
}
.hxmsg-bar{
    width: 94%;
    margin: 0 auto;
    max-width: 1360px;
}
.hxmsg-left{
    float: left;
    background:url("/news_images/msg-left-user.png") -2px 46px no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    height: 100%;
    position: relative;
    width: 41%;
    padding-top: 426px;
}
.hxmsg-left-text{
    width: 424px;
    height: 300px;
    background: url("/news_images/msg-left-view.png");
    padding: 36px 45px 0 54px;

}
.hxmsg-left-text strong{
    display: block;
    text-align: center;
    font-size: 36px;
    line-height: 36px;
    color: #ff8a2b;
    margin-bottom: 36px;
}
.hxmsg-left-text li{
    font-size: 18px;
    color: #d2d2d2;
    line-height: 35px;
    padding-left: 42px;
    background: url("/news_images/msg-left-icon.png") left center no-repeat;
    margin-bottom: 15px;
}
.hxmsg-right{
    float: left;
    width: 59%;
    background: url("/news_images/msg-form-bg.jpg") no-repeat;
    -webkit-border-radius: 50px;
    overflow: hidden;
    -moz-border-radius: 50px;
    border-radius: 50px;
    position: relative;
    padding: 38px 58px 60px 65px;



}
.msg-right-icon {
    position: absolute;
    left: -34px;
    top: 54px;

}
.hxmsg-right .t1{
    font-size: 40px;
    color: #ffffff;
    font-weight: bold;
    line-height: 50px;
    margin-bottom: 8px;
}
.hxmsg-right .t2{
    font-size: 24px;
    color: #ffffff;
    margin-bottom: 22px;

}
.hxmsg-right .t2 span{
    font-weight: bold;
    margin-right: 38px;
}
.hxmsg-right .t2 strong{
    font-size: 32px;
    font-weight: bold;
    color: #f5d500;
}
.hxmsg-right .t3{
    font-size: 16px;
    color: #ffb558;
    margin-bottom: 25px;
    line-height: 20px;
}
.hxmsg-item{
    width: 350px;
    height: 58px;
    -webkit-border-radius: 10px 0 10px 10px;
    -moz-border-radius: 10px 0 10px 10px;
    border-radius: 10px 0 10px 10px;
    background: #ffffff;
    position: relative;
    padding:0 30px;
    line-height: 58px;
    font-size: 18px;

}
.hxmsg-item{
    margin-bottom: 24px;
}
.hxmsg-item input{
    display: block;
    width: 100%;
    border: 0;
    background: transparent;
    height: 58px;
    line-height: 58px;
    position: relative;
    z-index: 9;
}
.hxmsg-item p{
    position: absolute;
    width: 100%;
    height: 58px;
    cursor: pointer;
    top: 0;
    left: 0;
    padding-left: 30px;
    color: #bebebe;
}
.hxmsg-item p span{
    color: #ff0000;
}
.hxmsg-item textarea{
    width: 100%;
    padding:18px 0;
    height: 140px;
    position: relative;
    z-index: 9;
    background: transparent;
}

.hx-msg-textarea p{
    font-size: 16px;
    line-height: 36px;
    padding-top: 18px;
    padding-right: 25px;
}
.hx-msg-textarea{
    height: 143px;
}
.hxmsg-tip{
    font-size: 14px;
    line-height: 26px;
    color: #ff9638;
    text-align: center;
    width: 350px;
    margin: 30px 0 2px;
}
.hxmsg-submit button{
    background-image: -moz-linear-gradient( 90deg, rgb(250,90,32) 0%, rgb(253,120,44) 47%, rgb(255,150,56) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(250,90,32) 0%, rgb(253,120,44) 47%, rgb(255,150,56) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(250,90,32) 0%, rgb(253,120,44) 47%, rgb(255,150,56) 100%);
    -webkit-box-shadow: 0px 8px 16px 0px rgba(54, 1, 4, 0.4);
    -moz-box-shadow: 0px 8px 16px 0px rgba(54, 1, 4, 0.4);
    box-shadow: 0px 8px 16px 0px rgba(54, 1, 4, 0.4);
    width: 351px;
    height: 76px;
    -webkit-border-radius: 38px;
    text-align: center;
    -moz-border-radius: 38px;
    border-radius: 38px;
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

}
.hxmsg-submit{
    background: url("/news_images/msg-sub-bg.png") 280px top no-repeat;
    position: relative;

}
.hxmsg-submit button:hover{
    background-image: -moz-linear-gradient( 180deg, rgb(250,90,32) 0%, rgb(253,120,44) 47%, rgb(255,150,56) 100%);
    background-image: -webkit-linear-gradient( 180deg, rgb(250,90,32) 0%, rgb(253,120,44) 47%, rgb(255,150,56) 100%);
    background-image: -ms-linear-gradient( 180deg, rgb(250,90,32) 0%, rgb(253,120,44) 47%, rgb(255,150,56) 100%);
    -webkit-box-shadow: 0px 8px 16px 0px rgba(54, 1, 4, 0.6);
    -moz-box-shadow: 0px 8px 16px 0px rgba(54, 1, 4, 0.6);
    box-shadow: 0px 8px 16px 0px rgba(54, 1, 4, 0.6);
}
.msg-tel{
    position: absolute;
    left: 380px;
    top: 0;
    height: 100%;
    padding-top: 14px;
}
.msg-tel p{
    font-size: 14px;
    color: #ffffff;
}

.hxmsg-val{
    position: absolute;
    bottom: 8px;
    left: 380px;
    width: 294px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 4px solid #fbb600;
    background: #ffffff;
    padding: 15px 10px;
}

.hxmsg-val strong{
    display: block;
    font-size: 16px;
    color: #fa5a20;
    line-height: 30px;
}
.hxmsg-val li{
    font-size: 14px;
    color: #999999;
    text-decoration: underline;
    cursor: pointer;
    line-height: 30px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.hxmsg-val img{
    position: absolute;
    left: -17px;
    bottom: 64px;
}
.hxmsg-val li:hover{
    color: #333333;
}



/*留言end*/


@media screen and (min-width: 1921px){
    .base-show{
        -webkit-background-size: 100% auto !important;
        background-size: 100% auto !important;
    }
    .news-main{
        background-size: 100% auto !important;
    }
    .index-ban{
        background-size: cover !important;
    }
    .pro-work{
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
        background-position: center;
    }
    .contact-show{
        padding-top: 260px;
    }
    .hxmsg-box{

        -webkit-background-size: 100% auto;
        background-size: 100% auto;
    }
    .index-good{height: auto;}
}


@media screen and (max-width: 1919px){
    .pro-frt{padding-right: 40px;}
}
@media screen and (max-width: 1900px){
    .about-font{width: 84%;padding-left: 100px;}
    .about-font p{padding-right: 50px;}
    .pro-frt h1{font-size: 62px;}
    .intro-good{margin-left: -40px;white-space: nowrap}
    .case-show .paging{left: -100px;}
    .pro-frt{
        padding-right: 180px;
        width: 52%;
    }
    .intro-font{
        width: 100%;
    }
    .pro-flt{
        width: 46%;
    }
}
@media screen and (max-width: 1800px){
    .pro-frt .base-tel{margin-right: 0;}
    .pro-frt .base-tel b{display: none;}

    .case-base h1{margin-top: 20px;}
    .intro-info{padding: 80px 60px;}
    .intro-fl{
        width: 48%;

    }
    .index-good strong{top: 20px;}
    .custom-nav{top: 210px;}
    .good-item{padding-left: 218px;}
    .index-good{height: auto;}
}
@media screen and (max-width: 1700px){
    .strength-show p{font-size: 22px;}
    .about-font h1,.pro-frt h1,.case-base h1,.contact-show h1,.about-base h1{font-size: 56px;}
    .intro-good span{font-size: 16px;}
    .intro-fl{
        padding-right: 80px;
    }
    .base-size p{
        font-size: 18px;
        line-height: 36px;
    }
    .slick-box{margin-left: 14%;}
    .pro-grid .title-pro{left: 14%;}
    .slick-show{margin-left: -113px;}
    .good-show{margin-left: 11%;}
    .custom-nav{left: 12%;}
    .index-good strong{left: 13%;}
    .good-font{bottom: 18px;}
    
}
@media screen and (max-width: 1600px){

    .code-list li{
        padding: 0 25px;
        font-size: 22px;
    }
    .pro-flt p{
        margin-left: 40px;
    }
    .pro-flt p span{
        display: block;
        margin-left: 0;
        margin-top: 20px;
    }
    .pro-flt p span:first-child{
        margin-top: 0;
    }
    .intro-fl{
        padding-right: 120px;
    }
    .ban-font,.txt-show strong{font-size: 52px;}
    .ban-case{font-size: 18px;}
    .ban-case strong{font-size: 30px;margin-bottom: 6px;}
    .about-font h1,.pro-frt h1,.case-base h1,.contact-show h1,.about-base h1{font-size: 54px;}
    .about-fr i{margin-top: 100px;}
    .about-font p{font-size: 20px;}
    .index-good strong{left: 2%;font-size: 36px;}
    .good-show{margin-left: 8%;}
    .index-txt h2{font-size: 52px;}
    .index-strength li{width: 22%;padding-left: 20px;}
    .index-strength li.on{width: 34%;padding-left: 40px;}
    .index-strength li.on .strength-show strong{font-size: 140px;}
    .flt-pro{margin-left: -6%;}
    .pro-flt li{padding: 0 16px;font-size: 28px;}
    .pro-shot{padding-bottom: 320px;}
    .pro-tenet{margin-left: 2%;margin-right: 2%;}
    .pro-tenet .base-size{padding:0 20px;}
    .case-show .paging{left: -60px;}

    .case-scroll{padding-top: 260px;}
    .about-base ul{margin-left: 80px;}
    .type-pics .active{
        width: 300px;
        height: 300px;
    }
    .type-pics .active:hover{
        width: 300px;
        height: 300px;
    }
    .slick-box{margin-left: 8%;}
    .slick-show{margin-left: -110px;}
    .pro-grid .title-pro{left: 8%;}

    .slick-box .item .txt p{padding-right: 0;}
    .slick-box .item i{font-size: 120px;top: -19px;}
    .custom-nav{left: 2%;}
    .good-show{margin-left: 1%;}
    .good-font{height: 174px;width: 590px;padding: 27px 40px 0 30px;}
}
@media screen and (max-width: 1440px){
    .tab-show ul li{
        width: 40%;
    }
    .code-list li{
        padding: 0 20px;
        font-size: 20px;
    }


    .header{top:50px;}
    .about-font h1,.pro-frt h1,.case-base h1,.contact-show h1,.about-base h1{font-size: 50px;}
    .about-font{padding-left: 50px;padding-top: 80px;}
    .good-show .slick-dots{top:32%;}
    .index-news{padding: 120px 0 160px;}
    .news-slick{margin-top: 40px;}
    .pro-frt{padding-top: 80px;}
    .pro-frt .base-tel{margin-left: -50px;}
    .intro-good span{margin-right: 6px;margin-top: 10px;}
    .flt-pro{margin-left: 0;}
    .intro-fl{width: 48%;}
    .base-size h3{font-size: 30px;margin:0 0 20px;}
    .base-size p{font-size: 18px;}
    .shot-show{margin: 0 24px;}
    .shot-show .item{margin: 0 10px;}
    .pro-case{padding-left: 2%;padding-right: 2%;}
    .pro-work{padding-top: 220px;}
    .pro-work strong{font-size: 54px;}
    .pro-flow{padding-bottom: 20px;}
    .good-list{margin-top: 80px;}
    .good-list li{margin-bottom: 40px;}
    .case-info{left: 12%;}
    .case-show .paging{left: 0;}
    .case-next{margin: 40px 0 40px 8%;}
    .case-info a,.case-next{font-size: 50px;}
    .case-show{padding-top: 150px;}
    .case-base h1{margin-top: 20px;}
    .case-intro{padding-right: 16%;}
    .case-intro:after{width: 26.8%;}
    .case-plate01.case-intro:after{width: 20%;}
    .case-plate02{padding-right: 12%;}
    .news-name{font-size: 22px;}
    .contact-show{margin-left: 5%;}
    .error-show img{width: 80%;}
    .about-base ul{margin-left: 20px;}
    .about-txt h2{font-size: 50px;}
    .intro-flt{padding-top: 30px;}
    .intro-show{padding-left: 2%;}
    .intro-frt{margin-top: 50px;}
    .intro-flt p{line-height: 2.4;}
    .about-shili{margin-top: 40px;}
    .about-shili span strong{font-size: 40px;margin-right: 12px;}
    .about-area,.about-type{margin-top: 120px;}
    .about-type .about-name{margin-left: 20px;}
    .ability-show,.parter-show{margin-left: 100px;padding-left: 40px;}
    .about-ability{padding: 150px 0;}
    .about-ability:before,.about-parter:before{left: 50px;}
    .ability-show:before{bottom:0;}
    .about-parter{margin-bottom: 120px;}
    .about-type{padding-right: 40px;}
    .parter-fl{width: 50%;}
    .parter-fr{margin-left: 3%;margin-top: 10px;}
    .pro-nav li.on{font-size: 26px;}
    .pro-list{margin: 80px auto;}
    .pro-lists ul li{margin-bottom: 40px;}
    .pro-lists li p a{font-size: 22px;line-height: 70px;}
    .slick-box{margin-left: 3%;}
    .pro-grid .title-pro{left: 3%;}
    .slick-show {margin-left: -90px;}
    .slick-box .slick-arrow{right: 3%;}
    .slick-box .slick-prev{right: 8%;}
    .hxmsg-right .t2 strong{font-size: 28px;}
}
@media screen and (max-width: 1360px){
    .pro-frt h1{
        margin-bottom: 35px;
    }
    .code-list li{
        font-size: 18px;
    }
    .pro-flt p{
        font-size: 20px;
    }
    .intro-fl{
        padding-right: 164px;
    }

    .about-fr i{margin-top: 60px;}
    .type-fl{
        padding-left: 8%;
    }
    .case-pic01:after{
        top: 62%;
    }
    .intro-fr{
        margin-top: 60px;
    }
    .about-font{padding-top: 60px;}
    .strength-show p{font-size: 20px;}
    .strength-info strong{font-size: 22px;}
    .strength-show strong{font-size: 90px;}
    .index-strength li.on .strength-show strong{font-size: 120px;}
    .strength-info a{width: 150px;line-height: 50px;}
    .intro-font{margin-top: 30px;}
    .pro-frt{padding-right: 180px;}
    .pro-frt .base-tel{margin-top: 30px;margin-left: -60px;}
    .list-info{padding-left: 24px;padding-right: 24px;}
    .list-show{margin-left: -3%;}
    .list-show li{width: 30.3%;margin-left: 3%;}
    .case-slick:before{right: 0;}
    .case-slick .slick-prev,.case-slick .slick-next{right: 22px;}
    .news-hot{-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-ms-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;}
    .txt-show{margin-top:40px;}
    .nlink-fl{font-size: 16px;}
    .other-txt strong,.other-txts strong{font-size: 32px;}
    .contact-show h1{margin-top: 100px;}
    .error-show img{width: 72%;}
    .about-video{width:460px;-webkit-background-size: 100%;-moz-background-size: 100%;-ms-background-size: 100%;-o-background-size: 100%;background-size: 100%; padding-right: 180px;}
    .about-video span{margin-top: 160px;}
    .about-base ul{width: 680px;}
    .target-fr .about-txt{margin-top: 60px;}
    .good-font{display: none;}
    .hxmsg-right .t2 strong{font-size: 22px;}
}