@charset "utf-8";
/*=========== public CSS ===========*/
*,::before,::after{ margin:0; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-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: 26px; margin:0 auto; overflow-x: hidden; background-color:#FFF;}
input,select,textarea,button{ outline:none;} /*去掉默认蓝边框*/
input, button{ border-radius:0; outline:none; border: none; -webkit-appearance:none;} /*清除ios默认圆角*/
input:-ms-clear{ display:none;} /*消除 IE10 里的叉号*/
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; outline:none;}
textarea { resize :none; outline:none; border: none;} /*去掉提交框右下角箭头*/
table{ border-collapse: separate;} /*边线重叠*/
fieldset,img{ max-width: 100%; border:0 none; vertical-align:middle;}
ul,li{list-style:none;}
em,i{ font-style: normal;}
a{ color:#333; text-decoration:none; outline:none; cursor:pointer;}
a:hover, a:active, a:link, a:visited{ text-decoration:none;}
.clearfix:after{ content:" "; display:block; height:0; line-height:0; clear:both; visibility:hidden;}
.clearfix{ zoom:1;}
.fl{ float: left;}
.fr{ float: right;}
.box{ max-width: 1200px; margin: 0 auto;width: 98%;}

.head{ position: relative; z-index: 20; width: 100%; height: 100px; line-height: 100px; background-color: #1E254F; box-shadow: 0 3px 6px 0 rgba(30,37,79,0.5); -webkit-box-shadow: 0 3px 6px 0 rgba(30,37,79,0.5); -moz-box-shadow: 0 3px 6px 0 rgba(30,37,79,0.5);}
.logo{ float: left; width: 360px; height: 100px; text-align: right; background: url(../images/logo-bg.png) no-repeat left center;}
.logo a{ display: inline-block; margin-right: 15px;}
.top-tel{ position: relative; float: right; width: 220px; height: 100px; margin: 0 90px 0 110px; box-sizing: initial;}
.top-tel:before{ content: ''; display: block; position: absolute; left: -110px; top: 50%; width: 80px; height: 2px; margin-top: -1px; background-color: #4b506E;}
.top-tel:after{ content: ''; display: block; position: absolute; right: -90px; top: 50%; width: 60px; height: 2px; margin-top: -1px; background-color: #4b506E;}
.top-tel p{ color: #7896DE; font-size: 16px; line-height: 24px; letter-spacing: -0.2px; margin-top: 24px; padding-left: 50px; background: url(../images/head-tel.png) no-repeat left center;}
.top-tel p span{ display: inline-block; font-size: 20px; letter-spacing: 0; margin-top: 4px;}
.nav{ float: left; width: -webkit-calc(100% - 780px); width:-moz-calc(100% - 780px); width:-o-calc(100% - 780px); width:calc(100% - 780px); width: 58%\0;}
.nav li{ position: relative; float: left; width:14.2%; text-align: center; font-size: 18px;height:100px;}
.nav li a{ display: block; color: #FFF; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease;}
.nav li a.nav-font{ display:block; height:0; overflow:hidden; color: #FFF; font-size:16px; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease;}
.nav li.select a.nav-font, .nav li:hover a.nav-font{ height:26px; line-height: 1; margin-top: 20px; padding: 0;}
.nav li.select a, .nav li:hover a{line-height: 20px; padding: 6px 0 24px;font-weight: bold;}
.nav li:after{ content: ''; display: block; position: absolute; bottom: -24px; left: 50%; width: 2px; height: 0; background: #efbd45; opacity: 0; filter: alpha(opacity=0);}
.nav li.select:after, .nav li:hover:after{ opacity: 1; filter: alpha(opacity=100); height: 40px;}

.r-fixed{ position: fixed; right:20px; top: 240px; width: 100px; z-index: 999;}
.r-fixed img{ display: block; margin: 0 auto;}
.r-fixed .fixed-ser{ position: relative; height: 60px; width: 100%; margin-bottom: 15px; border: 1px solid #1E254F; border-radius: 6px; background-color: #FFF; box-shadow: 0px 1px 10px 0px rgba(15,18,39,0.6); -webkit-box-shadow: 0px 1px 10px 0px rgba(15,18,39,0.6); -moz-box-shadow: 0px 1px 10px 0px rgba(15,18,39,0.6); }
.r-fixed .fixed-ser img{ margin-top: -22px;}
.r-fixed .fixed-link{ position: relative; width: 100%; padding-top: 22px; border: 1px solid #1E254F; border-radius: 6px; background-color: #FFF; box-shadow: 0px 1px 10px 0px rgba(15,18,39,0.6); -webkit-box-shadow: 0px 1px 10px 0px rgba(15,18,39,0.6); -moz-box-shadow: 0px 1px 10px 0px rgba(15,18,39,0.6);}
.fixed-link::before{ content: ''; display: block; position: absolute; left: 10px; top: -15px; width: 10px; height: 35px; background: url(../images/r-line.png) no-repeat center;}
.fixed-link::after{ content: ''; display: block; position: absolute; right: 10px; top: -15px; width: 10px; height: 35px; background: url(../images/r-line.png) no-repeat center;}
.fixed-link li{ text-align: center; padding: 12px 0; cursor: pointer;}
.fixed-link li:hover, .fixed-link li:hover a{ color: #EFBD45; font-weight: bold;}
.fixed-link li img{ margin-bottom: 10px;}
.fixed-link li .r-tel{ width: 0; text-align: center; border-radius: 6px; border: 2px solid #1E254F; background-color: #FFF; position: absolute; right:0; top: 134px; display: block; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; -o-transition:.5s; transition:.5s; opacity: 0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); box-shadow: 0px 1px 10px 0px rgba(15,18,39,0.6); -webkit-box-shadow: 0px 1px 10px 0px rgba(15,18,39,0.6); -moz-box-shadow: 0px 1px 10px 0px rgba(15,18,39,0.6);}
.fixed-link li .r-tel i{ color: #1E254F; font-size: 24px; line-height: 68px; display: block; white-space: nowrap; overflow: hidden; }
.fixed-link li:hover .r-tel{ width: 224px; right: 90px; opacity: 1; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }
.fixed-link li:hover .r-tel::after{ content: ""; position: absolute; right: -19px; top: 50%; margin-top: -10px; width: 20px; height: 20px; background: url(../images/r-arrow.png) no-repeat right center;}
.r-top { border: 2px solid #1E254F; background-color: #1E254F; box-shadow: 0px 1px 10px 0px rgba(15,18,39,0.6); -webkit-box-shadow: 0px 1px 10px 0px rgba(15,18,39,0.6); -moz-box-shadow: 0px 1px 10px 0px rgba(15,18,39,0.6); -ms-transition:.8s; -moz-transition:.8s; -webkit-transition:.8s; -o-transition:.8s;transition:.8s; }
.r-top img{ display: block; margin:10px auto;}

/* slick */
.slick-slider{position:relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slide,.slick-slide img,.slick-slider .slick-list,.slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;left:0;top:0;display:block;zoom:1}
.slick-track:after,.slick-track:before{content:"";display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left;height:100%;min-height:1px;display:none}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-next,.slick-prev{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:0 0;color:transparent;top:50%;margin-top:-10px;padding:0;border:none;outline:0}
.slick-next:focus,.slick-prev:focus{outline:0}
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}
.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;color:#fff;opacity:.85;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:-25px}
.slick-prev:before{content:"\2190"}
.slick-next{right:-25px}
.slick-next:before{content:"\2192"}
.slick-dots{position:absolute;bottom:-45px;list-style:none;display:block;text-align:center;padding:0;width:100%}
.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{border:0;background:0 0;display:block;height:20px;width:20px;outline:0;line-height:0;font-size:0;color:transparent;padding:5px;cursor:pointer}
.slick-dots li button:focus{outline:0}
.slick-dots li button:before{position:absolute;top:0;left:0;content:"\2022";width:20px;height:20px;font-family:slick;font-size:6px;line-height:20px;text-align:center;color:#000;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{opacity:.75}

/* banner */
.banner-slider{ position: relative; padding-top: 36.46%;}
.banner-slider.slick-slider{ padding-top: 0;}
.banner-slider .slick-dots{ z-index: 10; bottom:55px;}
.banner-slider .slick-dots li{ width: auto; height:10px; margin:0 6px;}
.banner-slider .slick-dots li button:before{ display: none;}
.banner-slider .slick-dots li button{ width: 10px; height:10px; cursor: pointer; border-radius: 10px; border: 2px solid #F5F5F5; transition: all 0.25s ease-in; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in;}
.banner-slider .slick-dots li.slick-active button{ opacity: 1; width:36px; border-color: #FFD800; background-color: #FFD800;}
.banner-slider .ban-con img{display: block; width: 100%; z-index: 1;}
.banner-slider img{ position: absolute; left: 0; top: 0; width: 100%;}
.banner-slider.slick-slider img{ position: relative;}

.index-type{  background-color: #FFF;}
.index-type .hd ul{ clear: both; overflow: hidden; padding-top: 50px;}
.index-type .hd li{ float: left; width: 20%; text-align: center;}
.index-type .hd li .type-pic{ display: block; padding-bottom: 60px; background: url(../images/pro-type.png) no-repeat center bottom;}
.index-type .hd li p{ margin-top: -25px;}
.index-type .hd li p a{ color: #333; font-size: 20px;}
.index-type .hd li img{ transition:all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;}
.index-type .hd li.type-on a, .index-type .hd li:hover a{ color: #EFBD45; font-weight: bold;}
.index-type .hd li.type-on a img, .index-type .hd li:hover a img{ transform: translateY(-8px); -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -o-transform: translateY(-8px);}
.index-type .hd li.type-on a, .index-type .hd li.on a{ color: #EFBD45; font-weight: bold;}
.index-type .hd li.type-on a img, .index-type .hd li.on a img{ transform: translateY(-8px); -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -o-transform: translateY(-8px);}


.index-mating{ margin-top: 80px;}
.index-tit{ text-align: center; line-height: 1.1;}
.index-tit h1, .index-tit h2{ position: relative; display: inline-block; color: #FFF; }
.index-tit h1{ color: #333; font-size: 34px;}
.index-tit h2{ color: #333; font-size: 32px;}
.index-tit h1::before, .index-tit h2::before{ content: ''; display: block; position: absolute; top: 50%; left: -120px; width: 100px; height: 2px; background-color: #EFBD45;}
.index-tit h1::after, .index-tit h2::after{ content: ''; display: block; position: absolute; top: 50%; right: -120px; width: 100px; height: 2px; background-color: #1E254F;}
.index-mating .index-tit { padding: 25px 0; background: url(../images/index-font01.png) no-repeat center;}

.mating-show{ padding-top: 60px;}
.mating-name{ float: left; width: 29.2%;}
.mating-name li{ position: relative; width: 100%; height: 144px; line-height: 144px; padding-left: 20%; background-color: #ADCAEB;}
.mating-name li, .mating-name li a{ display: inline-block; color: #333; font-size: 24px; font-weight: bold;}
.mating-name li.name-bg{ background-color: #C8D4F1;}
.mating-name li:hover{ cursor: pointer;}
.mating-name li.active{ background-color: #1E254F;}
.mating-name li.active::after{ content: ''; display: block; position: absolute; top: 0; right: -30px; width: 0; height: 0; border-left: 30px solid transparent; border-right: 0; border-top: 72px solid transparent; border-bottom: 72px solid transparent; border-left-color: #1E254F; z-index: 10;}
.mating-name li i{ position: absolute; left: 35px; top: -20px; color: #C8D4F1; font-size: 20px; font-weight: bold; width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 20px; background-color: #FFF; z-index: 20;}
.mating-name li:first-child i{ border: 1px solid #CAD5F1;}
.mating-name li.active, .mating-name li.active a{ color: #FFF;}
.mating-name li.active i{ color: #333; border: none; background-color: #EFBD45; box-shadow: 0 4px 8px rgba(30,37,79,0.8); -webkit-box-shadow: 0 4px 8px rgba(30,37,79,0.8); -moz-box-shadow: 0 4px 8px rgba(30,37,79,0.8);}
.mating-slider .slick-next:before, .mating-slider .slick-prev:before{ display: none;}
.mating-slider .mating-con img{display: block;width: 100%;z-index: 1;}
.mating-slider img{ position: absolute;left: 0;top: 0;width: 100%;}
.mating-slider.slick-slider img{ position: relative;}

.mating-pic{ float: left; width: 70.8%; position: relative; }
.mating-pic img{ width: 100%;}
.mating-pic .slick-slide{ position: relative;}
.mating-info{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px 0; background-color: rgba(30,37,79,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#991E254F,endColorstr=#991E254F); z-index: 10;  }
.mating-info p{ color: #EFBD45; font-size: 16px; line-height: 36px; padding-left: 6%;}
.mating-info p img, .mating-slider .mating-con .mating-info p img{ float: left; margin: 10px 12px 0 0; width: auto;}


.index-case{ margin-top: 80px; }
.index-case .index-tit { padding: 25px 0; background: url(../images/index-font03.png) no-repeat center;}
.index-case .index-tit p{ color: #E0E0E0;}
.case-show{ position: relative; margin-top: 70px;}
.base-show{ position: absolute; top: 90px; right: 0; width: 60%;}
.base-show li{ float:  left; width: 30%; margin-right: 3.3%; margin-right: 3.3%\0; margin-right: 3%\9; border-radius: 10px;}
.base-show li img{ border-radius: 6px; }
.base-show li i{ display: block; text-align: center; color: #FFF; font-size: 16px; margin-top: 10px;}
.base-show li.active02{ border: 5px solid #1E254F; border: 5px solid #1E254F\0; border:2px solid #1E254F \9;}
.case-data{ clear: both; overflow: hidden; }
.data-bg{display: none; width: 100%; height: 250px; width: 100%\0; height:250px\0; width: 96%\9; height:100px\9; padding: 140px 3% 10px; color: #FFF;  background-color: #1E254F;}
.case-data .active01{ display: block;  }
.data-bg h3{ margin: 15px 0;}
.data-bg h3 a{ color: #FFF; font-size: 24px;}
.data-info p img{ float: left; border-radius: 0; margin-right: 10px;}
.data-info p{ display: inline-block; line-height: 16px; padding-right: 15px; margin-right: 15px; }
.data-info p:first-child{ border-right: 1px solid #6774B8;}
.data-info p strong{ color: #6774B8; font-weight: normal;}
.case-main .case-slider{ position: relative; width: 33%; margin-left: 30px; margin-bottom: -130px;}
.case-main img{ border-radius: 10px;}
.case-slider .slick-prev:before, .case-slider .slick-next:before{ content: '';}
.pagination{ position: absolute; bottom: 40px; right: 7.2%; color: #CCC; font-size: 18px; font-weight: bold; font-style: italic; margin-top: 40px;}
.pagination .cur{ color: #FFF; font-size: 26px;}
.case-slider .slick-prev{ position: absolute; left: auto; top: auto; bottom: -80px; right:-154%; width: 30px; height: 30px; background: url(../images/tab-arrow01.png) no-repeat center;}
.case-slider .slick-next{ position: absolute; left: auto; top: auto; bottom: -80px; right:-189%; width: 30px; height: 30px; background: url(../images/tab-arrow02.png) no-repeat center;}
.case-slider .case-con img{display: block; width: 100%; z-index: 1;}
.case-slider img{ position: absolute; left: 0; top: 0; width: 100%;}
.case-slider.slick-slider img{ position: relative;}

/* IE9+ */
@media all and (min-width:0) {
    .base-show li.active02{ border: 5px solid #1E254F \9;}
    .base-show li{ margin-right: 3.3%\9; }
    .data-bg{ width: 100%\9; height:250px\9; }
}

.index-news{ position: relative; padding-bottom:60px; margin-top: 80px; background: url(../images/index-bg04.jpg) no-repeat top center;}
.index-news .index-tit { padding: 25px 0; background: url(../images/index-font04.png) no-repeat center;}
.index-news .box{ position: relative; padding: 70px 50px 80px;  border-radius: 60px 0 0 60px; background-color: #F9F9F9;}
.index-news .box::before{ content: ''; display: block; position: absolute; right: -114px; top: 0; width: 114px; height: 82px; background: url(../images/news-page01.png) no-repeat center;}
.index-news .box::after{ content: ''; display: block; position: absolute; right: -114px; bottom: 0; width: 114px; height: 82px; background: url(../images/news-page02.png) no-repeat center;}
.index-news .index-tit p a{ float: right; color: #666; font-size: 16px; padding-right: 32px; background-image: url(../images/more-arrow02.png); background-repeat: no-repeat; background-position: right 12px center; background-position: right center\0;}
.index-news .index-tit p a:hover{ color: #6774B8; background-image: url(../images/more-arrow04.png);}
.index-show{ padding: 40px 0 20px;}
.show-info{ margin-left: -5%;}
.show-info li{ float: left; width: 45%; margin-left: 5%; padding-bottom: 50px; border-bottom: 1px dashed #DDD;}
.show-info li img{ border-radius:6px;}
.show-info li .info-fl{ float: left; width: 34%; margin-right: 3%; }
.show-info li .info-fr{ float: left; width: 63%;}
.show-info li h3 a{ color: #333; font-size: 16px; height: 60px; line-height: 30px; display: -webkit-inline-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.show-info li h3 a:hover{ color:#6774B8;}
.show-info li span{ display: block; color: #999;}
.show-info li p{ font-size: 16px; margin-top: 10px; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis;}

.show-list{ margin-left: -5%;}
.show-list li{ float: left; width: 45%; margin-left: 5%; line-height: 30px; padding: 20px 0; border-bottom: 1px dashed #DDD;}
.show-list li a{ float: left; width: 80%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 24px; background: url(../images/tit-ico03.png) no-repeat left center;}
.show-list li:hover a{ color:#6774B8;}
.show-list li span{ float: right; color: #999; font-size: 15px;}

.link{ clear: both; overflow: hidden; font-size: 14px; padding: 10px 0; line-height: 30px;}
.link span{ float:left;}
.link ul{ float:left; width:80%;}
.link li{ float:left; margin-left:2%;}
.link a{ color:#444;}
.link a:hover{ color:#6774B8}
.copyright{ width: 100%; text-align: center; background-color: #1E254F;}
.copyright p{ color: #FFF; font-size: 14px; line-height: 35px; padding: 10px 0;}
.copyright p a{ color: #BDBDBD; margin-left: 80px;}
.copyright p a:hover{ text-decoration: underline;}

/* products style */
.pro-type{ padding: 10px 0 48px; padding-bottom: 48px\0; padding-bottom: 30px\9; background: url(../images/ban-top01.jpg) no-repeat top center; background-size: cover;}
.pro-type .pro-place{ margin-bottom: 10px;}
.pro-type ul{ clear: both; overflow: hidden; padding-top: 10px;}
.pro-type li{ float: left; width: 20%; text-align: center;}
.pro-type li .type-pic{ display: block; padding-bottom: 60px; background: url(../images/pro-type.png) no-repeat center bottom;}
.pro-type li p{ margin-top: -25px;}
.pro-type li p a{ color: #FFF; font-size: 16px;}
.pro-type li img{ transition:all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;}
.pro-type li.type-on a, .pro-type li:hover a{ color: #EFBD45; font-weight: bold;}
.pro-type li.type-on a img, .pro-type li:hover a img{ transform: translateY(-8px); -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -o-transform: translateY(-8px);}
/* IE9+ */
@media all and (min-width:0) {
    .pro-type{
        padding-bottom: 48px\9;
    }
}

.top-info{ padding: 40px 0; background: url(../images/ban-font01.png) #20295E no-repeat right top; box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4); -webkit-box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4); -moz-box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4);}
.top-info .box{ position: relative;}
.index-mark{ position: absolute; left: 0; top: 20px; }
.top-name{ color: #FFF; font-size: 18px; line-height: 33px; height: 67px; text-align: center; padding-left: 100px; background: url(../images/ban-font.png) no-repeat left center;}
.position{ width: 254px; height: 90px; padding: 20px 26px; margin-top: 26px; margin-left: -10px; background: url(../images/ban-bg.png) no-repeat left top;}
.position p{ display: block; color: #333; font-size: 14px; padding-left: 24px; background: url(../images/ban-ico.png) no-repeat left center;}
.position p a:hover{ color: #7896DE;}
.position p strong{ color: #7896DE; font-weight: normal;}
.position p.po-mark{ background-image: none; color: #999; margin-top: 2px;}
.index-marks{ width: 324px;}
.index-marks .top-name{ background-position: 70px center;}
.index-marks .position{ width: 324px; background-image: url(../images/ban-bgs.png);}
.top-info .top-font{ float: left; color: #7896DE; font-size: 16px; line-height: 36px; width: 46%; margin-left: 24%;}
.top-info span{ float: right; color: #FFF; font-size: 18px; width: 220px; height: 52px; line-height: 52px; text-align: center; margin-top: 30px; border-radius: 6px; cursor: pointer; background-color: #7896DE; box-shadow: 0 0 8px rgba(17,21,44,0.7); -webkit-box-shadow: 0 0 8px rgba(17,21,44,0.7); -moz-box-shadow: 0 0 8px rgba(17,21,44,0.7);}
.top-info span:hover{ background-color: #5E80D2;}

.info-make{ padding: 60px 0; background: url(../images/ban-make.jpg)   no-repeat center; background-size: cover; box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4); -webkit-box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4); -moz-box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4);}
.info-make .box{ height: 50px; line-height: 50px;}
.info-make ul{ clear: both; overflow: hidden; float: left; width: 86%; }
.info-make ul li{ float: left; width: 23%; margin-right: 2%;}
.info-make li select, .info-make li input{ color: #FFF; font-size: 16px; width: 100%; height:50px; line-height: 50px;  padding: 10px 10px 10px 15px; border-radius: 4px; border: 1px solid #7896DE; background-color: rgba(120,150,222,0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C7896DE);}
.info-make li input{ color: #FFFFFF\0; height: 50px\0; line-height: 50px\0; width: 100%\0; padding: 10px 10px 10px 15px\0; color: #666666 \9; height: 30px\9; line-height: 30px\0; width: 90%\9; padding: 10px 3% 10px 6%\9; }
.info-make li input:-webkit-autofill {
    color:#FFF;
    -webkit-text-fill-color: #FFF;
    -webkit-box-shadow: 0 0 0px 1000px #3A4A85 inset !important;
}
.info-make li select option{ line-height: 30px; background-color: #7896de;}
.info-make ul li.make-last{ position: relative; }
.info-make ul li.make-last i{ position: absolute; left: 6px; top: 22px; width:6px; height: 6px; background: url(../images/make-star.png) no-repeat top center; background-size: 6px; }

.make-name::-webkit-input-placeholder{ color: #FFF; }
.make-name::-moz-input-placeholder{ color: #FFF; }
.make-name::-ms-input-placeholder{ color: #FFF; }
.make-tel::-webkit-input-placeholder{ color: #FFF; }
.make-tel::-moz-input-placeholder{ color: #FFF; }
.make-tel::-ms-input-placeholder{ color: #FFF; }

.make-btn{ float: right; width: 12%; height: 50px; color: #FFF; font-size: 16px; font-weight: bold; background-color: #7896DE; cursor: pointer; border-radius: 4px; box-shadow: 0 0 10px 0 rgba(30,37,79,0.9); -webkit-box-shadow: 0 0 10px 0 rgba(30,37,79,0.9); -moz-box-shadow: 0 0 10px 0 rgba(30,37,79,0.9);}
.make-btn:hover{ background-color: #5E80D2;}

.pro-list{ margin-top:100px;}
.pro-tit{ line-height: 72px; text-align: center;}
.pro-tit span{ float: left; color: #6774B8; font-size: 16px; width: 200px; padding-left: 36px; background: url(../images/tit-ico01.png) no-repeat left center;}
.pro-tit .tit-more{ float: right; width: 200px; text-align: right;}
.tit-more a{ color: #6774B8; font-size: 16px; padding-right: 42px; background: url(../images/tit-more01.png) no-repeat right center;}
.tit-more a:hover{ font-weight: bold;}
.pro-tit h2{ display: inline-block; width: 427px; height: 72px; line-height: 70px; background: url(../images/tit-bg.png) no-repeat right center;}
.pro-tit h2 a{ display: inline-block; color:#FEFEFE; font-size: 30px; font-weight: normal; padding: 0 40px;}
.pro-list ul{ clear: both; overflow: hidden; padding: 6px 6px 12px; margin-top: 60px;}
.pro-list ul li{ float: left; width: 30%; margin-right: 5%; margin: 0 5% 0 0\0;  margin: 0 1.5%\9; border-radius: 10px; background-color: #FFF; box-shadow: 0 2px 10px 0 rgba(30,37,79,0.4); -webkit-box-shadow: 0 2px 8px 0 rgba(30,37,79,0.4); -moz-box-shadow: 0 2px 8px 0 rgba(30,37,79,0.4);  border:none\0; border:1px solid #EEEEEE \9;}
/* IE9+ */
@media all and (min-width:0) {
    .pro-list ul li{
        margin: 0 5% 0 0 \9;
        border:none\9;
    }
    .info-make li input{ color: #FFFFFF \9; height: 50px\9; line-height: 30px\9; width: 100%\9; padding: 10px 10px 10px 15px\9;  }
}
.pro-list ul li:last-child{ margin-right: 0;}
.list-pic{ position: relative; overflow: hidden;}
.list-pic > a{position: relative;padding-top: 75%;display: block;}
.list-pic a img{position: absolute;left: 0;top: 0;height: 100%; width: 100%; border-radius: 10px 10px 0 0; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.list-pic p{ position:absolute; top:100%; left:0; width:100%; height:100%; border-radius: 10px 10px 0 0; background-color: rgba(32,41,94,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#C820295E,endcolorstr=#C820295E); transition:all ease .3s; -webkit-transition:all ease .3s; -ms-transition:all ease .3s; -moz-transition:all ease .3s; -o-transition:all ease .3s;}
.list-pic p a{ display: block; width: 100%; height: 100%; opacity: 0; padding-top: 32%; box-shadow: 0 3px 8px 0 rgba(30,37,79,0.7); -webkit-box-shadow: 0 3px 8px 0 rgba(30,37,79,0.7); -moz-box-shadow: 0 3px 8px 0 rgba(30,37,79,0.7);}
.list-pic p a i{ display: block; color: #20295E; font-size: 18px; text-align: center; width: 66%; height: 52px; line-height: 52px; margin: 0 auto; background-color: #FFF; border-radius: 26px; }
.list-pic p a i:hover{ background-color: #C8D4F1;}
.pro-list ul li:hover .list-pic a img{ border-radius: 50px 50px 0 0; -moz-transform:scale(1.08,1.08); -ms-transform:scale(1.08,1.08); -o-transform:scale(1.08,1.08); -webkit-transform:scale(1.08,1.08); transform:scale(1.08,1.08);}
.pro-list ul li:hover .list-pic p{top: 0;}
.pro-list ul li:hover .list-pic p a{ opacity: 1; transition: 0.3s; transition-delay: 0.2s;}
.pro-list li .list-info{ padding: 20px 26px; border-left: 10px solid #FFF; border-right: 10px solid #FFF; border-radius: 0 0 10px 10px; -ms-transition:all .4s ease 0s; -o-transition:all .4s ease 0s; -webkit-transition:all .4s ease 0s; transition:all .4s ease 0s;}
.pro-list li:hover .list-info{ border-left: 10px solid #273375; border-right: 10px solid #273375; border-radius: 0 0 10px 10px;}
.list-info h3{ margin-bottom: 10px;}
.list-info h3 a{ display: block; color: #333; font-size: 18px;}
.side-pro .list-info h3 a{ font-size: 16px;}
.pro-list ul li:hover h3 a{ color: #6774B8;}
.list-info p{ font-size: 16px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list-info p sup{ vertical-align: top; position: relative;top: -4px;}
.list-info p strong{ color: #666; font-weight: normal;}
.list-info p img{ float: left; margin-right: 12px; width: 16px; height: 16px; margin-top: 7px;}
.pro-lists{ padding: 45px 0 92px; background: url(../images/list-bg.jpg) no-repeat top center; background-size: cover;}
.pro-lists .tit-more a{ color: #D9D9D9; background-image: url(../images/tit-more02.png);}
.pro-last{ margin-bottom: 40px;}

.index-key{ margin-top: 80px; }
.index-key .index-tit { padding: 25px 0; background: url(../images/index-font02.png) no-repeat center;}
.key-info{ padding: 60px 0 20px; margin-top: 60px; background: url(../images/key-bg.jpg) no-repeat top center; background-size: cover;}
.index-key .pro-list ul{ margin-top: 0;}

.list-show ul{ margin-left: -5%;}
.list-show ul li{ width: 28.3%; margin-left: 5%; margin-left: 4.8%\0; margin-right: 0; margin-bottom: 40px;}

.main-show{ padding: 10px 0 40px; padding-bottom: 28px\0; background: url(../images/pro-bg.jpg) no-repeat top center; background-size: cover;}
.line-show{ margin-bottom: 80px; background-image: url(../images/line-bg.jpg);}
.pro-place{ display: block; color: #FFF; font-size: 14px; padding-left: 24px; margin: 20px 0; background: url(../images/ban-ico.png) no-repeat left center;}
.pro-place a{ color: #FFF;}
.pro-place a:hover{ text-decoration: underline;}
.main-show .box{ position: relative;}
.con-name{ position: absolute; left: -24px; top: 40px; width: 310px; height: 470px; background: url(../images/con-name.png) no-repeat top center;}
.con-name h1{ position: relative; width: 100%; text-align: center; color: #1E254F; font-size: 30px; line-height: 1.1; margin-top: 45px;}
.con-name h1::before{ content: ''; display: block; position: absolute; left: 0; top: -16px; width: 310px; height: 1px; background: url(../images/con-line.png) no-repeat center;}
.con-name h1::after{ content: ''; display: block; position: absolute; left: 0; bottom: -16px; width: 310px; height: 1px; background: url(../images/con-line.png) no-repeat center;}
.con-show{ position: relative; z-index: 20; clear: both; overflow: hidden; margin-top: 85px;}
.proline-info{ margin-top: 20px; margin-bottom: 20px;}
.proline-info .show-pics{ width: 52%;}
.proline-info .show-base{ width: 43%; margin-top: 90px;}
.proline-info .show-pics p{ text-align: left; margin: 30px 0;}
.proline-info p.line-mise{ margin: 24px 0;}
.proline-info .show-pics p span{ margin-left: 0; margin-right: 70px;}
.proline-info h1{ color: #FFF; font-size: 30px; line-height: 1.1; margin-bottom: 30px;}
.proline-info .show-base span{ margin-top: 10px;}
.show-pics{ float: left; width: 60%; padding: 1%;}
.show-pics p{ text-align: right; color: #CFCFCF; font-size: 14px; line-height: 16px; margin-bottom: 25px;}
.show-pic{ margin-bottom: 25px;}
.show-pics p img{ margin: -2px 10px 0 0;}
.show-pics p span{ margin-left: 70px;}
.show-pic img{ border-radius: 6px; box-shadow: 5px 5px 18px rgba(13,18,47,0.8); -webkit-box-shadow: 5px 5px 18px rgba(13,18,47,0.8); -moz-box-shadow: 5px 5px 18px rgba(13,18,47,0.8);}
.show-base{ float: right; width: 35%; margin-top: 55px;}
.show-base p{ color: #FFF; font-size: 16px; line-height: 32px; margin-bottom: 30px;}
.show-base p sup{ vertical-align: top; position: relative; top: -4px;}
.show-base p.base-info01{ color: #7896DE; font-size: 18px; padding-left: 70px; background: url(../images/base-line.png) no-repeat left center;}
.show-base p.base-info01 strong{ color: #FFF; font-size: 20px;}
.show-base p.base-info02{ padding-left: 30px; background: url(../images/tit-ico02.png) no-repeat left 6px;}
.show-base p.base-info02 i{ color: #7896DE; }
.show-base p.base-tel{ color: #7896DE; margin-top: 20px;}
.show-base p.base-tel strong{ color: #FFF; font-size: 17px; margin-left: 10px;}
.show-base span{ display: inline-block; color: #FFF; font-size: 20px; text-align: center; width: 220px; height: 50px; line-height: 46px; margin-top: 20px; background: url(../images/con-btn.png) no-repeat center; cursor: pointer; }
.show-base span:hover{ background-image: url(../images/con-btns.png);}

.detail-show{ clear: both; overflow: hidden;}

.detail-nav{ width: 100%; height: 60px; line-height: 60px; margin-bottom: 80px; background: url(../images/nav-bgs.png) repeat-x left center;}
.detail-nav ul{ clear: both; overflow: hidden;}
.detail-nav li{ float: left; width: 20%; text-align: center;}
.detail-nav li a{ display: block; color: #FFF; font-size: 16px;}
.detail-nav li.case-on{ font-weight: bold; background: url(../images/navs-on.png) no-repeat center;}
.detail-nav li.case-on a{ color: #EFBD45; }
.detail-nav li:hover{ font-weight: bold; background: url(../images/navs-on.png) no-repeat center;}
.detail-nav li:hover a{ color: #EFBD45; }

.show-fl{ float: left; width: 70%;}
.show-fl h2{ text-align: center; color: #333; font-size: 28px; line-height: 1.1; padding-bottom: 24px; margin-bottom: 20px; margin-top: 20px; background: url(../images/tit-mark.png) no-repeat bottom center;}
.show-fl p{ color: #333; font-size: 16px; line-height: 30px; text-indent: 2em; margin-bottom: 12px;}
.show-fl p img, .show-fl p video{ max-width: 100%; height: auto;display: block;margin: 0 auto 10px;}
.show-fl table{ margin-bottom: 10px;}
.show-fl p a, .show-fl p span{ color: #DA251D; }
.show-fl p a.dzsc{ cursor:pointer; display:inline-block; color:#FFF; width:200px; line-height:32px; text-indent: 0; font-size:15px; background-color: #7896DE;}
.show-fl table td{ padding: 5px 2px; word-break: break-all;}
.show-fl p em{ position: relative; display: inline-block; height: 42px; color: #FFF; font-size: 16px; font-weight: normal; line-height: 54px; padding: 0 4px; margin: 0 18px 0 90px; margin-left: 0\0;}
.show-fl p em::before{ content: ''; display: block; position: absolute; left: -90px; top: 0; width: 90px; height: 42px;}
.show-fl p em::after{ content: ''; display: block; position: absolute; right: -18px; top: 0; width: 18px; height: 42px;}
.show-fl p.pro-good01, .show-fl p.pro-good02, .show-fl p.pro-good03, .show-fl p.pro-good04, .show-fl p.pro-good05, .show-fl p.pro-good06, .show-fl p.pro-good07, .show-fl p.pro-good08{ text-indent: 0;}
.show-fl p.pro-good01 em, .show-fl p.pro-good03 em, .show-fl p.pro-good05 em, .show-fl p.pro-good07 em{ background: url(../images/order-line01.png) repeat-x;}
.show-fl p.pro-good01 em::after, .show-fl p.pro-good03 em::after, .show-fl p.pro-good05 em::after, .show-fl p.pro-good07 em::after{ background: url(../images/order-side01.png) no-repeat right center;}
.show-fl p.pro-good02 em, .show-fl p.pro-good04 em, .show-fl p.pro-good06 em, .show-fl p.pro-good08 em{ background: url(../images/order-line02.png) repeat-x;}
.show-fl p.pro-good02 em::after, .show-fl p.pro-good04 em::after, .show-fl p.pro-good06 em::after, .show-fl p.pro-good08 em::after{ background: url(../images/order-side02.png) no-repeat right center;}
.show-fl p.pro-good01 em::before{ background: url(../images/order-nu01.png) no-repeat left center;}
.show-fl p.pro-good02 em::before{ background: url(../images/order-nu02.png) no-repeat left center;}
.show-fl p.pro-good03 em::before{ background: url(../images/order-nu03.png) no-repeat left center;}
.show-fl p.pro-good04 em::before{ background: url(../images/order-nu04.png) no-repeat left center;}
.show-fl p.pro-good05 em::before{ background: url(../images/order-nu05.png) no-repeat left center;}
.show-fl p.pro-good06 em::before{ background: url(../images/order-nu06.png) no-repeat left center;}
.show-fl p.pro-good07 em::before{ background: url(../images/order-nu07.png) no-repeat left center;}
.show-fl p.pro-good08 em::before{ background: url(../images/order-nu08.png) no-repeat left center;}

.show-fl p.line-good01, .show-fl p.line-good02{ text-indent: 0;}
.show-fl p.line-good01 em{ height: 34px; line-height: 34px; padding: 0 15px 0 18px; margin: 0 16px 0 10px; background: url(../images/order-line03.png) repeat-x;}
.show-fl p.line-good01 em::before{ content: ''; display: block; position: absolute; left: -12px; top: 0; width: 12px; height: 34px; background: url(../images/order-side03.png) no-repeat left center;}
.show-fl p.line-good01 em::after{ content: ''; display: block; position: absolute; right: -16px; top: 0; width: 16px; height: 34px; background: url(../images/order-side04.png) no-repeat left center;}
.show-fl p.line-good02 em{ height: 34px; line-height: 34px; padding: 0 15px 0 18px; margin: 0 16px 0 10px; background: url(../images/order-line04.png) repeat-x;}
.show-fl p.line-good02 em::before{ content: ''; display: block; position: absolute; left: -12px; top: 0; width: 12px; height: 34px; background: url(../images/order-side05.png) no-repeat left center;}
.show-fl p.line-good02 em::after{ content: ''; display: block; position: absolute; right: -16px; top: 0; width: 16px; height: 34px; background: url(../images/order-side06.png) no-repeat left center;}

.show-fr{ float: right; width: 25%; border-left: 1px solid #E6E6E6;} 
.show-year{ padding: 20px 10%; text-align: center;border-left: 1px solid #E6E6E6; }
.show-year p{ color: #666; font-size: 14px; line-height: 30px; text-align: left; margin-top: 20px;}
.side-pro{border-left: 1px solid #E6E6E6;}
.side-tit{ width: 100%; height: 56px; line-height: 56px; text-align: center; font-size: 18px; font-weight: bold; margin-left: -1px; background: url(../images/pro-tit.png) no-repeat center;}

.side-pro ul{ clear: both; overflow: hidden; padding: 20px 10%;}
.side-pro ul li{ width: 100%; border-radius: 10px; border:1px solid #EEEEEE\0; margin-bottom: 25px; background-color: #FFF; box-shadow: 0 2px 10px 0 rgba(30,37,79,0.4); -webkit-box-shadow: 0 2px 8px 0 rgba(30,37,79,0.4); -moz-box-shadow: 0 2px 8px 0 rgba(30,37,79,0.4);}
.side-pro .list-pic p a i{ height:46px; line-height: 46px;font-size: 16px;}
.side-pro ul li:hover .list-pic a img{ border-radius: 36px 36px 0 0; -moz-transform:scale(1.08,1.08); -ms-transform:scale(1.08,1.08); -o-transform:scale(1.08,1.08); -webkit-transform:scale(1.08,1.08); transform:scale(1.08,1.08);}
.side-pro ul li:hover .list-pic p{top: 0;}
.side-pro ul li:hover .list-pic p a{ opacity: 1; transition: 0.3s; transition-delay: 0.2s;}
.side-pro li .list-info{ text-align: center; line-height: 20px; padding: 12px 0; border-left: 10px solid #FFF; border-right: 10px solid #FFF; border-radius: 0 0 10px 10px; -ms-transition:all .4s ease 0s; -o-transition:all .4s ease 0s; -webkit-transition:all .4s ease 0s; transition:all .4s ease 0s;}
.side-pro li:hover .list-info{ border-left: 10px solid #273375; border-right: 10px solid #273375; border-radius: 0 0 10px 10px;}
.side-pro .list-info h3{ margin-bottom: 0; font-weight: normal;}
.side-pro .tit-more a{ color: #D9D9D9; background-image: url(../images/tit-more02.png);}
.side-list ul{ clear: both; overflow: hidden; margin: 20px 10%; border-radius: 10px; border:1px solid #EEEEEE\0; box-shadow: 0 2px 10px 0 rgba(30,37,79,0.4); -webkit-box-shadow: 0 2px 8px 0 rgba(30,37,79,0.4); -moz-box-shadow: 0 2px 8px 0 rgba(30,37,79,0.4);}
.side-list ul li{ height: 56px; line-height: 56px; padding: 0 10px;}
.side-list ul li a{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 30px; background: url(../images/news-arrow01.png) no-repeat right center;}
.side-list ul li:hover{ background-color: #7896DE;}
.side-list ul li:hover a{ color: #FFF; background-image: url(../images/news-arrow02.png);}

.rele-case{ position: relative; margin-top: 40px;}
.rele-line{ position: absolute; left: 0; top: 36px; width: 100%; height: 2px; background-color: #A6B7DE; z-index: -1;}
.rele-tit{ height: 56px;}
.rele-tit strong{ font-size: 28px;}
.rele-tit strong img{ float: left; margin-right: 6px;}
.rele-tit a{ float: right; color: #6774B8; font-size: 16px; padding-right: 42px; background: url(../images/tit-more01.png) no-repeat right center;}
.rele-tit a:hover{ font-weight: bold;}
.rele-case ul{ clear: both; overflow: hidden; margin-top: 40px; margin-left: -4%;}
.rele-case ul li{ float: left; width: 46%; margin-bottom: 20px; margin-left: 4%;}
.rele-case li .line-pic{ float: left; width: 62%;}
.line-pic a{position: relative;padding-top:75%;display: block;}
.rele-case li .line-pic img{position: absolute;left: 0;top:0;width: 100%;height:100%; border-radius: 10px 0 0 10px;}
.rele-case li .line-info{ float: left; width: 38%; position: relative; padding: 20px 15px 37px; width: 34%\0; padding: 20px 2% 37px\0; margin: 15px 0; border-radius: 0 10px 10px 0; background-color: #1E254F;}
.rele-case li .line-info::before{ content: ''; display: block; position: absolute; top: -15px; left: 0; width: 15px; height: 15px; background: url(../images/case-horn01.png) no-repeat center;}
.rele-case li .line-info::after{ content: ''; display: block; position: absolute; bottom: -15px; left: 0; width: 15px; height: 15px; background: url(../images/case-horn02.png) no-repeat center;}

.rele-news{ position: relative; margin-top: 40px;}
.rele-news ul{ clear: both; overflow: hidden; margin: 20px 0 40px;}
.rele-news li{ float: left; width: 48%; height: 30px; line-height: 30px; margin-bottom: 15px; margin-right: 2%;}
.rele-news li a{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 24px; background: url(../images/tit-ico03.png) no-repeat left center;}
.rele-news li a:hover{ color: #6774B8;}
.rele-news li.news-hand a{background: url(../images/news-hand.png) no-repeat left center;}

/* page style */
.main-page{ position: relative; width:100%; color: #666; font-size:14px; text-align:center; margin:0 auto 40px;}
.main-page span{ cursor: pointer;} 
.page{ overflow: initial; display: inline-block; position: relative; line-height: 36px; margin: 0 40px; background: url(../images/page-fc.png) repeat-x top 7px center;}
.page li{ display: inline-block; color:#666; width: 40px; height: 31px; margin-right:4px;} 
.page li a, .page li span{ display: block;}
.page li::before, .page li::after{ display: none;}
.page li:hover, .page li.current{ color: #FFF; width: 40px; height: 31px; padding: 0; background: url(../images/page-bg.png) no-repeat top center;}
.page li:hover a{ color: #FFF;}
.page::before{ content: ''; display: block; position: absolute; left: -40px; top: 7px; width: 40px; height: 24px; background: url(../images/page-fl.png) no-repeat left center;}
.page::after{ content: ''; display: block; position: absolute; right: -40px; top: 7px; width: 40px; height: 24px; background: url(../images/page-fr.png) no-repeat left center;}

.page a{ display: inline-block;}
.t-page{ box-sizing: inherit; display: none; position: absolute; left: 0; width: 84%; bottom:80px; margin-left: 0; padding: 30px 30px 10px; border: 1px solid #EEE; background-color: #FFF; z-index: 10; box-shadow: 0 0 4px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,0.1);}
.t-page .close{ position: absolute; right: 0;top: 5px; width: 30px; height: 30px; line-height: 30px; color: #333; cursor: pointer;}
.t-page .ico{ content: ''; display: block; position: absolute; bottom: -12px; left: 50%; margin-left: -12px; width: 0; height: 0; border-width: 12px 12px 0; border-style: solid; border-color: #E2E2E2 transparent transparent;}
.t-page .ico em{ content: ''; display: block; position: absolute; bottom: 1px; left: -12px; width: 0; height: 0; border-width: 12px 12px 0; border-style: solid; border-color: #FFF transparent transparent;}
.ul-page{ clear: both; overflow: hidden; position: relative; line-height: 36px; width: 100%; padding: 0 40px; background: url(../images/page-fc.png) repeat-x top 7px center;}
.ul-page::before{ content: ''; display: block; position: absolute; left: 0; top: 7px; width: 40px; height: 24px; background: url(../images/page-fl.png) no-repeat left center;}
.ul-page::after{ content: ''; display: block; position: absolute; right: 0; top: 7px; width: 40px; height: 24px; background: url(../images/page-fr.png) no-repeat left center;}

.ul-page li{ float: left; color: #666; width: 10%; margin-bottom: 10px;}
.ul-page li a{ display: block;  height: 31px; text-align: center;}
.ul-page li:hover, .ul-page li.on{color: #FFF; height: 31px; background: url(../images/page-bg.png) no-repeat top center;}
.ul-page li:hover a, .ul-page li.on a{ color: #FFF;}

.ul-tab-page{ overflow: hidden; margin-top: 20px;}
.ul-tab-page li{ float: left; width: 17%; text-align: center; margin: 0 1.5% 15px 1.5%;}
.ul-tab-page li a{ display: block; font-size: 16px; color: #333; padding: 0 12px; line-height: 36px; border-radius: 4px; border: 1px solid #DDD; background-color: #FFF;}
.ul-tab-page li:hover a, .ul-tab-page li.on a{ background-color: #E2E2E2;}
.dn{ display: none;}
/* case style */
.top-case{ padding-top: 10px; background: url(../images/ban-top02.jpg) no-repeat top center; background-size: cover; box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4); -webkit-box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4); -moz-box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4);}
.top-news{ background: url(../images/ban-top03.jpg) no-repeat top center; background-size: cover;}
.top-ser{ background: url(../images/ban-top04.jpg) no-repeat top center; background-size: cover;}
.top-about{ background: url(../images/ban-top05.jpg) no-repeat top center; background-size: cover;}
.top-cont{ background: url(../images/ban-top06.jpg) no-repeat top center; background-size: cover; position: relative; z-index: 1;}
.top-case .box{ position: relative;}
.top-case .top-info{ background: none;box-shadow:none;}
.top-tit{ position: absolute; top: 0; left: 0; color: #FFF; font-size: 42px; font-weight: bold; line-height: 47px; padding-left: 36px; margin-bottom: 10px; margin-top: 30px; background: url(../images/topTit-bg.png) no-repeat left center;}

.case-nav{ position: relative; width: 100%; height: 60px; line-height: 60px; background: url(../images/nav-bg.png) repeat-x left center;}
.case-nav::before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background-color: rgba(120,150,222,.3);}
.case-nav ul{ clear: both; overflow: hidden;}
.case-nav li{ float: left; width: 20%; text-align: center;}
.case-nav li a{ display: block; color: #FFF; font-size: 16px;}
.case-nav li.case-on{ font-weight: bold; background: url(../images/nav-on.png) no-repeat center;}
.case-nav li.case-on a{ color: #EFBD45;}
.case-nav li:hover{ font-weight: bold;}
.case-nav li:hover a{ color: #EFBD45; }
.case-list{ margin-top: 80px; margin-bottom: 40px;}
.case-list ul{ clear: both; overflow: hidden; margin-left: -4%;}
.case-list ul li{ float: left; width: 46%; margin-bottom: 50px; margin-left: 4%;}
.case-list li .line-pic{ float: left; width: 62%;}
.case-list li .line-pic img{border-radius: 10px 0 0 10px;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.case-list li .line-info{ float: left; width: 38%; position: relative; padding: 20px 15px 37px; width: 38%\0; padding: 20px 15px 37px\0; width: 34%\9; padding: 20px 2% 37px\9; margin: 15px 0; border-radius: 0 10px 10px 0; background-color: #1E254F;}
.case-list li .line-info::before{ content: ''; display: block; position: absolute; top: -15px; left: 0; width: 15px; height: 15px; background: url(../images/case-horn01.png) no-repeat center;}
.case-list li .line-info::after{ content: ''; display: block; position: absolute; bottom: -15px; left: 0; width: 15px; height: 15px; background: url(../images/case-horn02.png) no-repeat center;}
.line-info h3{ position: relative; height: 52px; line-height: 26px; text-align: center; margin-bottom: 8px;}
.line-info h3 a{ position: absolute; top: 50%; left: 0; width: 100%; transform: translate(0, -50%); margin-top: 0\0; margin-top: -26px\9; color: #FFF; font-size: 18px;}
.line-info h3 a:hover{ color: #EFBD45;}
.line-info span{ display: block; color: #6774B8; font-size: 16px; line-height: 30px;}
.line-info span img{ float: left; margin: 8px 10px 0 0;}
.line-info p{ color: #FFF; font-size: 16px; line-height: 30px; padding-left: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.line-info p sup{ vertical-align: top; position: relative;top: -4px;}
.line-info p.line-group{ height: 60px; line-height: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal;}
.line-info a.line-more{ position: absolute; left: 50%; bottom: -23px; margin-left: -31%; display: block; color: #FFF; width: 62%; width: 62%\0; width: 52%\9; height: 38px; line-height: 38px; border-radius: 6px; padding-left: 10%; background: url(../images/line-more01.png) no-repeat #1E254F right center; box-shadow: 0 -2px 10px rgba(23,28,60,0.9); -webkit-box-shadow: 0 -2px 10px rgba(23,28,60,0.9); -moz-box-shadow: 0 -2px 10px rgba(23,28,60,0.9);}
.line-info a.line-more:hover{ color: #EFBD45; background-image: url(../images/line-more02.png);}
/* IE9+ */
@media all and (min-width:0) {
    .case-list li .line-info{ width: 38%\9; padding: 20px 15px 37px\9; }
    .line-info h3 a{ margin-top: 0\9;}
    .line-info a.line-more{ width: 62%\9; }
}

/* news style */
.news-type{ margin: 140px 0 70px; background: url(../images/news-bgs.jpg) no-repeat #FFF bottom center; }
.news-font{ padding-top: 30px; margin: 40px 0; background: url(../images/news-font01.png) no-repeat top center;}
.news-tab{ position: relative; }
.news-tab .tab-btn{ position: absolute; top: 0; cursor: pointer;}
.news-tab .tab-prev-btn{ left: 0;}
.news-tab .tab-prev-btn img { display: block; margin-left: 82%; margin-top: -2px; }
.news-tab .tab-next-btn{ right: 0;}
.news-tab .tab-prev-btn::after{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; 
    background: -moz-linear-gradient(left, rgba(255,255,255,0.6) 0%, transparent 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.6) 0%, transparent 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0.6) 0%, transparent 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0.6) 0%, transparent 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.6) 0%, transparent 100%);
}
.news-tab .tab-next-btn::after{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; 
    background: -moz-linear-gradient(left, transparent 0%, rgba(255,255,255,0.6) 100%);
    background: -webkit-linear-gradient(left, transparent 0%,rgba(255,255,255,0.6) 100%);
    background: -o-linear-gradient(left, transparent 0%,rgba(255,255,255,0.6) 100%);
    background: -ms-linear-gradient(left, transparent 0%,rgba(255,255,255,0.6) 100%);
    background: linear-gradient(to right, transparent 0%,rgba(255,255,255,0.6) 100%);
}
.news-tab .tab-next-btn img { display: block; margin-left: 10%; margin-top: -2px; }
.news-tab .tab-list li { position: absolute; left: 0; top: 0;}
.news-tab .tab-list li img{ border-radius: 10px; }
.tab-txt{ text-align: center; margin-top: 15px; }
.tab-txt a{ color: #333; font-size: 16px; line-height: 30px; padding-bottom: 6px; border-bottom: 1px solid #CFCFCF;}
.tab-txt a:hover{ color: #6774B8;}

.news-list01 ul{ clear: both; overflow: hidden; padding-top: 40px; margin-left: -6%; margin-bottom: 100px;}
.news-list01 li{ float: left; width: 44%; margin-left: 6%; padding: 15px 0; margin-bottom: 20px;}
.news-list01 li:hover{ border-radius: 6px; background-color: #FFF; box-shadow: 0 0 6px rgba(153,153,153,0.6); -webkit-box-shadow: 0 0 6px rgba(153,153,153,0.6); -moz-box-shadow: 0 0 6px rgba(153,153,153,0.6);}
.news-list01 li span{ display: inline-block; position: relative; vertical-align: middle; width: 16%; text-align: center; color: #999; font-size: 16px;}
.news-list01 li span::after{ content: ''; display: block; position: absolute; right: 0; top: 50%; margin-top: -15px; width: 2px; height: 30px; background-color: #CCC;}
.news-list01 li span i{ display: block; color: #333; font-size: 28px; margin-bottom: 3px;}
.news-list01 li .news-info{ display: inline-block; width: 77%; margin: 0 3%; color: #333; font-size: 16px; line-height: 30px; height: 60px; vertical-align: middle; }
.news-info h3{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news-info h3 a{ font-size: 16px;}
.news-list01 li:hover h3 a{ color: #6774B8;}
.news-info p{ color: #666; font-size: 16px; height: 30px; overflow: hidden;}
.news-list02{ padding-top:70px; background: url(../images/news-font02.png) no-repeat top 10px center;}
.news-list02 ul{ clear: both; overflow: hidden; padding-bottom: 20px; border-radius: 10px; background-color: #FFF; box-shadow: 0 0 12px rgba(46,55,98,0.4); -webkit-box-shadow: 0 0 12px rgba(46,55,98,0.4); -moz-box-shadow: 0 0 12px rgba(46,55,98,0.4); border:1px solid #EEEEEE\0;}
.news-list02 li{ float: left; width: 42%; margin:0 4%; padding: 40px 0 30px; border-bottom: 1px dashed #C0C0C0;}
.news-list02 li h3{ font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news-list02 li:hover h3 a{ color: #6774B8;}
.news-list02 li p{ color: #666; font-size: 16px; line-height: 30px; height: 60px; margin: 22px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.news-other{ height: 30px; line-height: 30px;}
.news-other span{ color: #666; font-size: 16px; padding-left: 26px; background: url(../images/news-time.png) no-repeat left center; }
.news-other a{ float: right; color: #666; font-size: 16px; }
.news-list02 li:hover .news-other a{ color: #EFBD45; font-weight: bold; }
.news-list02 li:last-child, .news-list02 li:nth-last-child(2){ border-bottom: none;}

.news-list{ margin-top: 60px;}
.news-list .index-tit{ padding: 25px 0; background: url(../images/news-font03.png) no-repeat center;}
.news-list ul{ clear: both; overflow: hidden; margin: 50px 0 20px;}
.news-list li{ position: relative; clear: both; overflow: hidden; padding: 5px 0 5px 5px;}
.news-list li::before{ content: ''; display: block; position: absolute; right: 12%; top: 0; width: 1px; height: 100%; background-color: #a6B7DE;}
.news-list li::after{ content: ''; display: block; position: absolute; right: 12%; top: -30px; width: 1px; height: 30px; background-color: #a6B7DE;}
.news-list li .list-main{ float: left; width: 84%; width: 78%\0; padding: 20px 30px; margin-bottom: 30px;}
.news-list li .list-time{ position: relative; float: right; width: 12%; color: #B2B2B2; font-size: 20px; padding-left: 50px;}
.list-main h3{ line-height: 30px;}
.list-main h3 a{ color: #333; font-size: 16px;}
.list-main p{ color: #666; font-size: 16px; line-height: 30px;}
.list-main .list-tag{ margin: 20px 0; padding-left: 72px; background: url(../images/news-tag.png) no-repeat left center;}
.list-tag a{ color: #666; height: 26px; border-radius: 12px; padding: 2px 15px; margin-left: 12px; border: 1px solid #6774B8;}
.list-tag i{ color: #666; height: 26px; border-radius: 12px; padding: 2px 15px; border: 1px solid #6774B8;}
.list-time strong{ display: block; color: #7896DE; font-size: 30px; margin-bottom: 12px;}
.list-time::before{ content: ''; display: block; position: absolute; left: 0; top: 14px; width: 20px; height: 1px; background-color: #a6B7DE;}
.news-list li:hover .list-main{ border-radius: 6px; background-color: #FFF; box-shadow: 0 0 6px rgba(46,55,98,0.4); -webkit-box-shadow: 0 0 6px rgba(46,55,98,0.4); -moz-box-shadow: 0 0 6px rgba(46,55,98,0.4);}
.news-list li:hover h3 a{color: #6774B8;}
.list-main .list-txt{ height: 60px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.news-top{ padding: 25px 0; background: url(../images/ban-top03.jpg) no-repeat top center; background-size: cover; box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4); -webkit-box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4); -moz-box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4);}
.news-place{ display: block; color: #FFF; font-size: 14px; padding-left: 24px; background: url(../images/ban-ico.png) no-repeat left center;}
.news-place a{ color: #FFF;}
.news-place a:hover{ text-decoration: underline;}
.news-top h1{ color: #FFF; font-size: 28px; height: 104px; line-height: 104px; padding: 0 70px; margin-top: 40px; background: url(../images/news-tit.png) no-repeat left center;}
.news-page{ text-align: right;}
.news-page a, .news-page span{ display: inline-block; margin-left: 28px; transition:all ease 0.5s;}
.news-data{ color: #D4D4D4; font-size: 16px; line-height: 20px;}
.news-data i{ margin-left: 40px;}

.news-show{ margin-top: 70px;}
.news-link{ position: relative; height: 82px; margin-left: -14px; background: url(../images/news-link.png) no-repeat left top;}
.news-link p{ display: inline-block; color: #FFF; font-size: 16px; width: 65%; height: 66px; line-height: 66px; padding-left: 4%; margin:8px 0 0 90px; border-radius: 0 10px 10px 0; background-color: #1E254F; box-shadow: 2px 6px 10px 0 rgba(17,21,44,0.3); -webkit-box-shadow: 2px 6px 10px 0 rgba(17,21,44,0.3); -moz-box-shadow: 2px 6px 10px 0 rgba(17,21,44,0.3);}
.news-link p strong{ font-size: 18px;}
.news-link span{ position: absolute; right: 25px; top: 0; color: #FFF; font-size: 18px; width: 338px; height: 82px; line-height: 82px; text-indent: 180px; cursor: pointer; background: url(../images/news-click.png) no-repeat; }
.news-main{ clear: both; overflow: hidden; margin-top: 40px;}
.news-main table{ margin-bottom: 20px;}
.main-fl{ float: left; width: 70%;}
.main-fr{ float: right; width: 25%; } 
.main-fl h2{ color: #333; font-size: 25px; line-height: 47px; padding-left: 20px; margin-bottom: 20px; background: url(../images/news-name.png) no-repeat left center;}
.main-fl h3{ color: #333; font-size: 24px; line-height: 47px; padding-left: 20px; margin-bottom: 20px; background: url(../images/news-name.png) no-repeat left center;}
.main-fl p{ color: #333; font-size: 16px; line-height: 30px; text-indent: 2em; margin-bottom: 12px;}
.main-fl p img, .main-fl p video{ max-width: 700px; height: auto; display: block;margin: 0 auto 10px;}
.main-fl p a, .main-fl p span{ color: #DA251D; cursor: pointer; white-space: nowrap; }
.main-fl p span.zx{ font-size: 18px;color: #FFF;width: 148px;height: 47px; line-height: 47px;text-align: center;margin: 0 5px;display: inline-block;cursor: pointer;text-indent: 0px;background: url(../images/btn-ask.png) no-repeat;background-size: cover;}
.main-fl p em.news-mark{display:inline-block;width:20px;height:20px;margin-right:8px;vertical-align:middle;}
.mark-icon01{background: url(../images/newsIcon01.png) no-repeat left top;background-size:18px;}
.mark-icon02{background: url(../images/newsIcon02.png) no-repeat left top;background-size:18px;}
.mark-icon03{background: url(../images/newsIcon03.png) no-repeat left top;background-size:20px;}
.mark-icon04{background: url(../images/newsIcon04.png) no-repeat left top;background-size:20px;}
.mark-icon05{background: url(../images/newsIcon05.png) no-repeat left top;background-size:20px;}
.mark-icon06{background: url(../images/newsIcon06.png) no-repeat left top;background-size:20px;}
.mark-icon07{background: url(../images/newsIcon07.png) no-repeat left top;background-size:20px;}
.mark-icon08{background: url(../images/newsIcon08.png) no-repeat left top;background-size:20px; }
.mark-icon09{background: url(../images/newsIcon09.png) no-repeat left top;background-size:20px;}

.main-fl p em.news-title{display:inline-block;width:24px;height:24px;margin-right:8px;vertical-align:middle;}
.title-icon01{background: url(../images/newsTit01.png) no-repeat left top;background-size:24px;}

.base-case p em.news-mark:before,.base-case p em.news-mark:after{display: none;}
.base-case p em.news-mark{display:inline-block;width:20px;height:20px;margin:0 8px 0 0;vertical-align:middle;}
.base-case p em.news-title{display:inline-block;width:24px;height:24px;margin:0 8px 0 0;vertical-align:middle;}


.main-fl table td{ padding: 5px 2px; word-break: break-all;}
.news-pages{ margin: 30px 0;}
.news-pl{ float: left; width: 40%; text-align: center;}
.news-pages b{ display: block; margin-bottom: 6px;}
.news-pages span a{ display: block; width: 58px; height: 58px;}
.news-pages span{ position: relative; display: inline-block; width: 58px; height: 58px;}
.news-pages span img{ position: absolute; left: 0; top: 0;}
.news-pages span .page-hide{ display: none;}
.news-pages p{ text-indent: 0;}
.news-pages p a{ display: block; color: #333; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news-pl:hover a, .news-pr:hover a{ color: #DA251D;}
.news-pc{ float: left; width: 20%; text-align: center;}
.news-pr{ float: left; width: 40%; text-align: center;}
.news-pl:hover .page-show, .news-pc:hover .page-show, .news-pr:hover .page-show{ display: none;}
.news-pl:hover .page-hide, .news-pc:hover .page-hide, .news-pr:hover .page-hide{ display: block;}


.more-top{ padding: 25px 0 60px;}
.more-top h1{ color: #FFF; font-size: 42px; font-weight: normal; height: auto; line-height: 1.1; padding: 0; margin: 70px 0 30px; background: none;}
.more-top h1 a{ color: #EFBD45; font-weight: bold; }
.more-top p{ color: #D6D6D6; font-size: 24px;}
.news-more{ margin: 70px auto;}
.news-more ul{ clear: both; overflow: hidden; margin-left: -3%; margin-bottom: 40px;}
.news-more ul li{ float: left; font-size: 16px; width: 47%; width: 44%\0; line-height: 30px; padding-left: 25px; margin-left: 3%; margin-bottom: 30px; background: url(../images/news-icon.png) no-repeat left center;}
/* IE9+ */
@media all and (min-width:0) {
    .news-more ul li{
        width: 47%\9;
    }
}
.news-more li a{ float: left; width: 78%; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news-more li span{ float: right; width: 18%; color: #999;}
.news-more li:hover a{ color: #6774B8;}
.map-more li a{ width: 96%;}

/* service style */
.ser-sure{ margin-top: 90px;}
.ser-sure .index-tit{ padding: 25px 0; background: url(../images/ser-font01.png) no-repeat center;}
.ser-sure ul{ clear: both; overflow: hidden; margin-top: 50px; margin-left: -2.8%;}
.ser-sure li{ position: relative; float: left; width: 22.2%; margin-left: 2.8%;}
.ser-sure li span{ display: block; position: absolute; left: 0; bottom: 24px; width: 100%; text-align: center; color: #666; font-size: 16px; line-height: 30px;}
.ser-sure li span strong{ display: block; color: #333; font-size: 18px;}
.ser-sure p{ position: relative; font-size: 16px; line-height: 30px; padding: 30px; margin-top: 30px; }
.ser-sure p:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 34px; height: 34px; background: url(../images/ser-line01.png) no-repeat center; background-size: 100%;}
.ser-sure p:after{ content: ''; position: absolute; right: 0; top: 0; width: 34px; height: 34px; background: url(../images/ser-line02.png) no-repeat center; background-size: 100%;}

.ser-aim{ margin-top: 80px;}
.ser-aim .index-tit{ padding: 25px 0; background: url(../images/ser-font02.png) no-repeat center;}
.ser-show{ position: relative; border-radius: 6px; margin-top: 60px; background: url(../images/ser-bg.png) #6774B8 no-repeat right center;}
.aim-show{ position: absolute; top: 30px; right: 9%; width: 48%; padding: 50px 80px; border-radius: 6px; background-color: #FFF;}
.ser-video img{ border-radius: 6px 0 0 6px; cursor: pointer;}
.aim-show dl dt{ position: relative; font-size: #000; font-size: 30px; font-weight: 600; line-height: 1.1; padding-bottom: 20px; margin-bottom: 36px; }
.aim-show dl dt span{ display: block; color: #666; font-size: 14px; font-weight: normal; margin-top: 10px;}
.aim-show dl dt::after{ content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 80px; height: 2px; background-color: #6774B8; }
.aim-show dl dd{ line-height: 32px; padding-left: 28px; background: url(../images/ser-icon.jpg) no-repeat left center;}
#boxBlank { display: none; position: fixed; z-index: 99; left: 0; top: 0; width: 100%; height: 100%;background: url(../images/bg-back.png) repeat; }
.pop-show .ser-close { position: absolute; top: 10px; right: 1%; width: 30px; height: 30px; background: transparent url(../images/pop-close.png); background-repeat: no-repeat; cursor: pointer; z-index: 10; }
.pop-show{-webkit-transform: scale(1); transform: scale(1); opacity: 1; -webkit-transition: all 160ms ease-in-out; transition: all 160ms ease-in-out; position: fixed; top: 200px; left: 50%; margin-left: -400px; z-index: 999; display: none; }
.video-show{ position: relative; padding: 0; font-size: 10px; vertical-align: middle; font-weight: 400; font-style: normal; font-family: Arial,sans-serif; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.video-show video{ width: 800px; height:450px; }

.ser-scene{ margin-top: 80px;}
.ser-scene .index-tit{ padding: 25px 0; background: url(../images/ser-font03.png) no-repeat center;}
.scene-show{ background: url(../images/ser-bg.jpg) no-repeat bottom center; background-size: contain;}
.scene-slider{ margin-top: 50px; outline: none;}
.scene-slider .scene-pic{ transition:all 300ms ease; display: block; position: relative; -moz-transform:scale(0.85); -ms-transform:scale(0.85);-o-transform:scale(0.85); -webkit-transform:scale(0.85); transform:scale(0.85);}
.scene-slider .scene-pic.slick-center{-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); transform:scale(1); }
.scene-slider .scene-pic.slick-center img{ box-shadow: 0 4px 10px rgba(30,37,79,0.6); -webkit-box-shadow: 0 4px 10px rgba(30,37,79,0.6); -moz-box-shadow: 0 4px 10px rgba(30,37,79,0.6);}
.scene-pic img{ text-align: center; border-radius: 6px;width:100%;}
.scene-show .scene-txt{ text-align: center; padding: 40px 0;}
.scene-txt p{ display: inline-block; position: relative; line-height: 30px; color: #C4D5FF; font-size: 16px; text-align: center; padding-top: 20px;}
.scene-txt p::before{ content: ''; display: block; position: absolute; left: 0; top: 0; width:80px ; height: 1px; background-color: #A8BDF0;}

.ser-flow{ position: relative; margin-top: 80px;}
.ser-flow .index-tit{ padding: 25px 0; background: url(../images/ser-font04.png) no-repeat center;}
.ser-flow .ser-line{ position:absolute; bottom: 33%; width:100%; height:1px; display:block; background-color:#C8D4F1; z-index:-1;}
.ser-flow ul{ clear: both; overflow: hidden; margin: 50px auto;}
.ser-flow li{ float:left; width:16.6%; text-align:center;}
.ser-flow li h3{ font-size:16px; }
.ser-flow li span{ display:block; position:relative; width:54px; height:54px; font-size:16px; font-weight: bold; margin:30px auto;}
.ser-flow li i{ display:block; width:54px; height:54px;line-height:54px; }
.ser-flow li .ser-line01{ position:absolute; top:0; color:#7896DE;background:url(../images/ser-line03.png) no-repeat center; transform:rotateX(0deg); backface-visibility:hidden; transition:all ease 0.5s;}
.ser-flow li .ser-line02{ color: #FFF; background:url(../images/ser-line04.png) no-repeat center; transform:rotateX(-180deg); backface-visibility:hidden; transition:all ease 0.5s;}
.ser-flow li p{ color: #666; line-height: 26px;}
.ser-flow li:hover h3{color:#7896DE;}
.ser-flow li:hover .ser-line01{ transform:rotateX(180deg); -ms-transform:rotateX(180deg); -moz-transform:rotateX(180deg); -webkit-transform:rotateX(180deg); -o-transform:rotateX(180deg);}
.ser-flow li:hover .ser-line02{ transform:rotateX(0deg); -ms-transform:rotateX(0deg); -moz-transform:rotateX(0deg); -webkit-transform:rotateX(0deg); -o-transform:rotateX(0deg);}

/* company style */
.about-show{ position: relative; margin-top: 90px;}
.about-show::after{ content: ''; display: block; position: absolute; left: 50%; bottom: -30px; margin-left: -30px; width: 60px; height: 60px; background: url(../images/about-arrow.png) no-repeat center;}
.about-show .index-tit{ padding: 25px 0; background: url(../images/about-font01.png) no-repeat center;}
.about-main{ clear: both; overflow: hidden; border-radius: 6px; margin-top: 50px; background-color: #FFF; border:1px solid #EEEEEE\0; box-shadow: 0 0px 14px rgba(46,55,98,0.2); -webkit-box-shadow: 0 0px 14px rgba(46,55,98,0.2); -moz-box-shadow: 0 0px 14px rgba(46,55,98,0.2); }
.about-fl{ float: left; width: 50%;}
.about-fl.ser-show{ margin-top: 0; background: none; cursor: pointer;}
.about-fl img{ border-radius: 6px 0 0 6px;}
.about-fr{ float: left; width: 50%;}
.about-base ul{ position: relative; clear: both; overflow: hidden; margin: 0 60px;}
.about-base ul::before{ content: ''; display: block; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background-color: #E3E3E3;}
.about-base ul::after{ content: ''; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #E3E3E3;}
.about-base li{ float: left; text-align: center; width: 50%; padding: 50px 0 30px; }
.about-base li p{ color: #8B8B8B; font-size: 16px; line-height: 30px; margin-bottom: 25px;}
.about-base li p img{ display: inline-block;}
.about-base li p i{ margin-left: 10px; vertical-align: bottom; color: #79A0F3;}
.about-base li p i{ margin-left: 10px; vertical-align: bottom;
    color: #79A0F3;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#79A0F3), to(#79A0F3));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.about-font{ padding: 0 16%;}
.about-font img{ margin: 50px auto;}
.about-font p{ line-height: 30px;}
.about-slider .item{ height: 580px; height: 480px\0; padding-top: 50px; padding-bottom: 50px;}
.about-fr .slick-dots{ width: 24px; height: 70px; left: -12px; top:50%; margin-top: -35px; border-radius: 10px; background-color: #FFF;}
.about-fr .slick-dots li.slick-active button{ background-color: #7896DE; border: 1px solid #7896DE;}
.about-fr .slick-dots li{ display: block; width: 6px; height: 6px; margin: 12px auto; }
.about-fr .slick-dots li button{ width: 6px; height: 6px; padding: 0; border-radius: 6px; border: 1px solid #AEC2F1;}
.about-fr .slick-dots li button:before, .about-fr .slick-dots li.slick-active button:before{ display: none;}
.about-slider .slick-prev, .about-slider .slick-prev:before, .about-slider .slick-next:before{ display: none;}
.about-slider .slick-next{ width: 55px; height: 55px; right: 0; top: 0; margin-top: 0; background: url(../images/about-next.png) no-repeat center;}

.about-pro{ margin-top: 90px;}
.about-pro .index-tit{ padding: 25px 0; background: url(../images/about-font02.png) no-repeat center;}
.about-links{ position: relative; padding-top: 110px; margin-top: 50px; background: url(../images/about-bg01.jpg) no-repeat top center;}
.about-links::after{ content: ''; display: block; position: absolute; left: 50%; top: 20px; width: 60px; height: 60px; margin-left: -30px; background: url(../images/about-icon.png) no-repeat center;}
.about-link p{ position: relative; color: #FFF; line-height: 30px; padding: 50px 100px 20px;}
.about-link p::before{ content: ''; display: block; position: absolute; left: 100px; top: 0; width: 80px; height: 1px; background-color: #A8BDF0;}
.about-link ul{ clear: both; overflow: hidden; margin-top: 40px; margin-right: 3.5%;}
.about-link ul li{ position: relative; float: left; width: 16.5%; margin-left: 3.5%; }
.type-show img{ width: 100%;}
.type-click{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; background: url(../images/about-type.png) no-repeat center; background-size: cover; opacity: 0; filter: alpha(opacity=0); transition:all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;}
.type-click img{ margin: 40px auto 20px; }
.type-click h3 a{ color: #FFF; font-size: 20px;}
.about-link ul li:hover .type-click{ opacity: 1; filter: alpha(opacity=100); }

.about-ability{ position: relative; margin-top: 80px;}
.about-ability::before{ content: ''; display: block; position: absolute; left: 10%; top: -180px; width: 1px; height: 550px; background-color: #6774B8;}
.about-ability::after{ content: ''; display: block; position: absolute; right: 10%; bottom: -380px; width: 1px; height: 550px; background-color: #6774B8;}
.about-ability .box{ clear: both; overflow: hidden;}
.ability-fl{ position: relative; float: left; width: 66%;}
.ability-fl::after{ content: ''; display: block; position: absolute; left: 200px; top: 160px; width: 480px; height: 400px; background: url(../images/about-line.png) no-repeat center; z-index: -1;}
.ability-fl::before{ content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 333px; height: 206px; background: url(../images/about-font.png) no-repeat center; z-index: -1;}
.fl-info{ padding: 6px; font-size: 0;}
.info-pic{ display: inline-block; width: 47%; }
.info-pic img{ border-radius: 6px; box-shadow: 0 0 10px rgba(18,22,48,0.6); -webkit-box-shadow: 0 0 10px rgba(18,22,48,0.6); -moz-box-shadow: 0 0 10px rgba(18,22,48,0.6); }
.fl-info .info-show{ display: inline-block; width: 50%; vertical-align: top; margin: 40px 0 0 3%;}
.info-show img{ box-shadow: none; margin-left: 10px; margin-top: -4px;}
.info-show b{ font-size: 18px;}
.info-show p{ color: #666; font-size: 16px; line-height: 30px; margin-top: 10px;}
.fl-infos{ margin-top: 20px; margin-bottom: 90px;}
.fl-infos .info-show{ text-align: right; margin-left: 0; margin-right: 3%; }
.fl-infos .info-show img{ float: none; margin-right: 10px;}
.ability-fr{ float: right; width: 34%; margin-top: 120px;}
.ability-tit{ text-align: right; line-height: 1.1; }
.ability-tit h2{ position: relative; display: inline-block; color: #333; font-size: 32px; padding: 25px 0; width: 100%; background: url(../images/about-font03.png) no-repeat right center;}
.ability-tit h2::before{ content: ''; display: block; position: absolute; top: 50%; right: 150px; width: 100px; height: 2px; background-color: #EFBD45;}
.ability-tit p{ color: #333; font-size: 16px; line-height: 30px; text-align: right; margin-top: 24px;}
.fr-info{ float: right; padding: 6px; margin-top: 100px;}
.fr-info img{ display: block; border-radius: 6px; box-shadow: 0 0 10px rgba(18,22,48,0.6); -webkit-box-shadow: 0 0 10px rgba(18,22,48,0.6); -moz-box-shadow: 0 0 10px rgba(18,22,48,0.6); }
.fr-info b{ display: block; margin: 20px 0;}
.fr-info b img{ display: inline-block; box-shadow: none; margin-left: 10px; margin-top: -4px;}

.about-nation{ margin-top: 70px; }
.about-nation .index-tit{ padding: 25px 0; background: url(../images/about-font04.png) no-repeat center;}
.about-nation p{ margin: 40px auto; color: #666; line-height: 30px; padding-left: 30px; background: url(../images/tit-ico02.png) no-repeat left 3px;}
.nation-pic{ text-align: center; background-color: #1E254F;}

/* contact style */
.cont-show{ position: relative; padding: 100px 0 140px; background: url(../images/cont-bg01.jpg) no-repeat top center; background-size: cover;}
.cont-show .index-tit p{ color: #333; width: 680px; line-height: 30px; text-align: center; margin: 24px auto;}
.cont-show ul{ clear: both; overflow: hidden; }
.cont-show li{ position: relative; float: left; width: 22%; width: 16%\0; margin-right: 17%; margin-bottom: 60px; overflow: hidden; border-radius: 6px; box-shadow: 0 6px 12px rgba(46,55,98,0.5); -webkit-box-shadow: 0 6px 12px rgba(46,55,98,0.5); -moz-box-shadow: 0 6px 12px rgba(46,55,98,0.5);}
.cont-show li:first-child{ margin-left: 17%;}
.cont-show li:last-child{ margin-right: 0;}
.cont-txt{ position: absolute; left: 0; top: 50%; margin-top: -40px; width: 100%; height: 80px; text-align: center; line-height: 1.1;}
.cont-txt strong{ font-size: 28px;
    color: #545ED8;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#545ED8), to(#8AD1FA));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.cont-txt p{ font-size: 18px; color: #7896DE; margin-top: 20px;}
.cont-data{ position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; text-align: center; line-height: 46px; background: url(../images/cont-tit.png) no-repeat bottom center;}
.cont-pic img{ width: 100%; border-radius: 6px; }

.cont-show li:before { content: ""; position: absolute; width:100%; height: 100%; top: 0; left: -105%; overflow: hidden;
    background: -moz-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.4)50%, rgba(255,255,255,0)100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.4)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.4)50%, rgba(255,255,255,0)100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.4)50%, rgba(255,255,255,0)100%);
    transform:skewX(-25deg);
    -o-transform:skewx(-25deg);
    -moz-transform:skewX(-25deg);
    -webkit-transform:skewX(-25deg);
}
.cont-show li:hover:before{ left: 105%; transition:all .3s ease; }

.cont-link{ margin-top: -135px;}
.cont-link .index-tit{ position: relative; padding: 25px 0; background: url(../images/cont-font.png) no-repeat center;}
.cont-msg{ margin-top: 50px; padding: 50px 0; background: url(../images/msg-bg.jpg) no-repeat top center; background-size: cover;}
.message{ clear: both; overflow: hidden; padding: 75px 5%; background: url(../images/msg-side.png) no-repeat center;}
.msg-show{ float: left; width: 50%; margin-left: 5%\0;}
.msg-tit{ color: #232B5B; font-size: 24px;}
.msg-tit img{ margin-right: 10px;}
.msg-tit i{ color: #999; font-size: 16px; margin-left: 16%;}
.msg-show p{ clear: both; overflow: hidden; color: #666; font-size: 16px; line-height: 1.1; text-align: center; margin: 24px 0; }
.msg-show p span{ margin-right:50px; }
.msg-show p span:last-child{ margin-right: 0; }
.msg-show p span img{ margin-right: 10px; margin-top: -4px; }
.msg-show ul{ clear: both; overflow: hidden; padding-top:5px;}
.msg-show ul li{ padding: 0 4px; margin-bottom: 24px; position: relative;}
.msg-show ul li input{ width:100%; height: 50px; line-height: 50px; color: #333; font-size: 16px; padding-left:60px; border: none; border-radius: 6px; background-repeat: no-repeat; background-position:30px center; background-size: 18px; box-shadow: 0 0 5px rgba(30,37,79,0.2); -webkit-box-shadow: 0 0 5px rgba(30,37,79,0.2); -moz-box-shadow: 0 0 5px rgba(30,37,79,0.2); border:1px solid #EEEEEE\0; }
.msg-show ul li input:-webkit-autofill {
    -webkit-text-fill-color: #333;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
.msg-show ul li textarea{ font-family:Microsoft YaHei; width:100%; height: 120px; line-height: 30px; color: #333; font-size: 16px; padding-left:60px; padding-top:5px; border: none; margin-bottom: 0; border-radius: 6px; background-repeat: no-repeat; background-position:30px 13px; background-size: 18px; background-color: #FFF; box-shadow: 0 0 0.19rem rgba(30,37,79,0.2); -webkit-box-shadow: 0 0 0.19rem rgba(30,37,79,0.2); -moz-box-shadow: 0 0 0.19rem rgba(30,37,79,0.2); border:1px solid #EEEEEE\0;}
::-webkit-input-placeholder{ color: #999; }
::-moz-input-placeholder{ color: #999; }
::-ms-input-placeholder{ color: #999; }
.msg-show ul li .msg-name{ background-image: url(../images/msg-ico04.png);}
.msg-show ul li .msg-tel{ background-image: url(../images/msg-ico05.png);}
.msg-show ul li .msg-area{ background-image: url(../images/msg-ico06.png);}
.msg-show ul li:nth-child(2) i{ position: absolute; right: 20px; top: 20px; width:10px; height: 10px; background: url(../images/msg-star.png) no-repeat top center; background-size: 10px; }
.msg-show ul li i{ display: block\0; display: none\9;}
/* IE9+ */
@media all and (min-width:0) {
    .msg-show ul li i{
        display: block\9;
    }
}
.msg-btn{ clear: both; overflow: hidden; margin-top: 6px; }
.msg-btn input{ color: #FFF; font-size: 20px; text-align: center; border:0; width: 200px; height: 48px; line-height: 46px; background: url(../images/msg-btn.png) no-repeat center; cursor: pointer; }
.msg-btn input:hover{ background-image: url(../images/msg-btns.png);}

.msg-base{ position: relative; float: right; width: 42%;}
.msg-base dl{ margin-top: 30px;}
.msg-base dt{ font-size: 24px; line-height: 1; margin-bottom: 55px;}
.msg-base dd{ color: #444; height: 24px; line-height: 24px; margin-bottom: 30px;}
.msg-base dd i{font-weight: bold;font-size: 24px;}
.msg-base dd img{ float: left; margin-right: 16px;}
.msg-base p{ font-size: 18px; line-height: 30px; margin-top: 50px; }
.msg-base span{ display: inline-block; color: #FFF; font-size: 18px; width: 50%; height: 50px; line-height: 50px; text-align: center; margin-top: 40px; border-radius: 6px; cursor: pointer; background-color: #7896DE;}
.msg-base span:hover{ background-color: #5E80D2;}

.map-show{ width: 100%; height: 400px; background-color: #12213E; overflow: hidden;}
#allmap{ width: 100%; height: 120%;  background-color: #12213E!important;}
#allmap *{ -ms-transition:0s; -moz-transition:0s; -webkit-transition:0s; -o-transition:0s; transition:0s}
#allmap img{ max-width:999px}
#allmap .BMap_Marker{ width:40px!important; height:40px!important; position:relative; cursor:default;}
#allmap .BMap_noprint.BMap_Marker::before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-animation:1s infinite alternate scale3; -o-animation:1s infinite alternate scale3; animation:1s infinite alternate scale3; border-radius:50%; transform-origin:center; background-color:rgba(255,255,255,.2)}
@-webkit-keyframes scale3{
	0%{-webkit-transform:scale(1);transform:scale(1)}
	100%{-webkit-transform:scale(1.8);transform:scale(1.8)}
}
@keyframes scale3{
	0%{-webkit-transform:scale(1);transform:scale(1)}
	100%{-webkit-transform:scale(1.8);transform:scale(1.8)}
}

/* error style */
.error{ position: relative; width: 100%;}
.error img{ width: 100%;}
.error-show{ position: absolute; left:10%; top: 50%; margin-top: -180px;}
.error-show strong{ display: inline-block; color: #1E254F; font-size: 70px; line-height: 1.1;; margin-bottom: 35px;}
.error-show p{ color: #1E254F; font-size: 30px; line-height: 1.1;;}
.error-show p strong{ font-size: 40px; margin-bottom: 25px;}
.error-show a{ display: inline-block; color: #1E254F; font-size: 24px; padding: 15px 100px; margin-top: 70px; border: 2px solid #1E254F; border-radius: 4px;}
.error-show a:hover{ color: #FFF; background-color: #1E254F;}

/* 案例内页表格 */
.case-table{margin-bottom: 20px;border-right: 1px solid #DEDFE0;border-bottom: 1px solid #DEDFE0;background-color: #FFF;}
.case-table td{border-top: 1px solid #DEDFE0;border-left: 1px solid #DEDFE0;padding: 10px 8px!important;font-size: 16px;line-height: 24px;word-break: break-all;text-align: center;} 
.case-table tr.table-name td{color: #FFF;font-size: 17px;}
.case-table tr:nth-child(odd){background-color: #FFF8E8;}
.case-table tr:nth-child(even){background-color: #FFF;}
.case-table tr.table-name{background-color: #7896DE}

/* 0803 more news */
.con-news{padding: 10px 0 40px; background: url(../images/news-bg01.jpg) no-repeat top center; background-size: cover;}
.con-news .con-show{padding: 40px 50px; margin-top: 24px; background: url(../images/news-bg02.jpg) #1E254F no-repeat center; background-size:cover;border-radius: 4px;-webkit-box-shadow: 0 0 16px rgba(30,37,79,1);-moz-box-shadow:0 0 16px rgba(30,37,79,1);box-shadow: 0 0 16px rgba(30,37,79,1);}
.con-news .show-pics{padding: 0;width: 51%;}
.con-news .show-pic{margin-bottom: 0;}
.con-news .show-pic a:hover img{-webkit-box-shadow: none;-moz-box-shadow:none;box-shadow:none;border-radius: 10px;}
.con-news .show-base{margin-top: 5px;width: 42%;}
.show-base p.base-good{color: #CFCFCF;font-size: 18px;}
.show-base p.base-good img{margin-right: 6px;}
.con-news .show-base p.base-tel{font-size: 18px;margin-bottom: 0;margin-top: 30px;}
.con-news .show-base p.base-tel strong{font-size: 18px;}

.news-more{margin-top: 40px;}
.more-tit{text-align: center;color: #333;font-size: 42px;line-height: 1.2;padding-bottom: 25px; margin-bottom: 25px; background: url(../images/tit-mark.png) no-repeat bottom center;}
.more-tit h1{display: inline-block;font-size: 42px;margin-right: 10px;}
.more-tit h1 a{color: #242D5F;}
.more-tit h1 a:hover{color: #EFBD45;}

/* 0808 产品参数 */
.data-pro h2{ text-align: center; color: #333; font-size: 28px; line-height: 1.1; padding-bottom: 24px; margin-bottom: 20px; margin-top: 20px; background: url(../images/tit-mark.png) no-repeat bottom center;}
.data-list{margin-top: 36px;margin-bottom: 10px;}
.data-list ul {overflow: hidden;margin-left: -2%;margin-bottom: 0;}
.data-list ul li {float: none;display: inline-block;margin-left: 2%;color: #3F619E;font-size: 17px;box-sizing: border-box;cursor: pointer;margin-bottom: 16px;-webkit-box-shadow: 0 0 15px rgba(0,0,0,.05);-moz-box-shadow: 0 0 15px rgba(0,0,0,.05);box-shadow: 0 0 15px rgba(0,0,0,.05); border-radius: 10px; }
.data-list ul li span{display: block; padding: 9px 25px;line-height: 1.5;border: 1px solid #DEE1F1;border-radius: 10px;background-color: #FFF;}
.data-list ul li:hover{color: #39437e;}
.data-list ul li.cur{position: relative;z-index: 2;text-align: center;border:3px solid #ffc64a;border-radius: 12px;}
.data-list ul li.cur span{display: block;color: #FFF;font-weight: bold; width:100%;height:100%;border-radius: 10px;
    background: -moz-linear-gradient(left, #37427B 0%, #424F93 49%, #37417A 100%);
    background: -webkit-linear-gradient(left, #37427B 0%, #424F93 49%, #37417A 100%);
    background: -o-linear-gradient(left, #37427B 0%, #424F93 49%, #37417A 100%);
    background: -ms-linear-gradient(left, #37427B 0%, #424F93 49%, #37417A 100%);
    background: linear-gradient(to right, #37427B 0%, #424F93 49%, #37417A 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#37427B, endColorstr=#37417A, GradientType=0 ); 
    }
.data-no{display: none;}
.data-tit{
    background: -moz-linear-gradient(left, #3D4C84 50%, #27326B 100%);
    background: -webkit-linear-gradient(left, #3D4C84 50%, #27326B 100%);
    background: -o-linear-gradient(left, #3D4C84 50%, #27326B 100%);
    background: -ms-linear-gradient(left, #3D4C84 50%, #27326B 100%);
    background: linear-gradient(to right, #3D4C84 50%, #27326B 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#3D4C84, endColorstr=#27326B, GradientType=0 ); 
}
.data-show table td{font-size: 15px;}

/* newsdetail 右侧资讯 */
.side-tits{ width: 100%; height: 56px; line-height: 52px; text-align: center; font-size: 18px; font-weight: bold; color:#FFF; background: url(../images/pro-tits.png) no-repeat center;}
.side-show{padding:20px;margin: 15px 6px 15px 0;background-color: #FFF;-webkit-box-shadow: 0 2px 6px rgba(30,37,79,.18);-moz-box-shadow: 0 2px 6px rgba(30,37,79,.18);-ms-box-shadow: 0 2px 6px rgba(30,37,79,.18);-o-box-shadow: 0 2px 6px rgba(30,37,79,.18);box-shadow: 0 2px 6px rgba(30,37,79,.18);-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;}

.side-show ul{height: 1000px;overflow-x: hidden;padding-right: 10px;}
.side-show ul::-webkit-scrollbar{width: 8px;}
.side-show ul::-webkit-scrollbar-thumb{ border-radius: 8px; background:url(../images/bar-line.png) no-repeat #C0D1FF center;}
.side-show ul::-webkit-scrollbar-track{background-color: #fff;  background: -webkit-linear-gradient(left, #FFF 30%,#F5F7FB 30%,#F5F7FB 70%,#FFF 70%);background: -moz-linear-gradient(left, #FFF 30%,#F5F7FB 30%,#F5F7FB 70%,#FFF 70%);background: -ms-linear-gradient(left, #FFF 30%,#F5F7FB 30%,#F5F7FB 70%,#FFF 70%);background: -o-linear-gradient(left, #FFF 30%,#F5F7FB 30%,#F5F7FB 70%,#FFF 70%);background: linear-gradient(to right,#FFF 30%,#F5F7FB 30%,#F5F7FB 70%,#FFF 70%);}

.side-show ul li{border-bottom:1px solid #F2F2F2;padding-bottom: 10px;margin-bottom: 20px;}
.side-show ul li:last-child{border-bottom: none;margin-bottom: 0;}
.side-pic{display: block;position: relative;padding-top:66.3%;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;overflow: hidden;}
.side-pic img{position: absolute;left: 0;top:0;width: 100%;height:100%;-webkit-transition:all .8s ease;-moz-transition:all .8s ease; -ms-transition:all .8s ease;-o-transition:all .8s ease;transition:all .8s ease;}
.side-pic img:hover{-webkit-transform:scale(1.08,1.08);-moz-transform:scale(1.08,1.08);-ms-transform:scale(1.08,1.08);-o-transform:scale(1.08,1.08);transform:scale(1.08,1.08);}
.side-txt{display: block;color: #333;font-size: 16px;line-height: 30px;padding: 5px 0;}
.side-txt:hover{ color: #6774B8;}


@media screen and (min-width: 2000px) and (max-width: 4000px){
    .top-case{height: 290px;background-position: bottom -40px center;}
}
@media screen and (max-width:1900px){
    .top-tel{ margin: 0 10px\9; margin: 0 10px\0;}
    .top-tel:before, .top-tel:after{ display: none\9; display: none\0;}
}
@media screen and (max-width:1800px){
    .paginations{ right: 12%;}
}
@media screen and (max-width:1700px){
    .paginations{ right: 14%;}
}
@media screen and (max-width:1600px){
    .paginations{ right: 16%;}
    .key-pic{ width: 50%; margin-left: 0\9;}
    .nav{ width: 50%\0;}
}
@media screen and (max-width:1400px){
    .paginations{ right: 19%;}
    .top-tel{ margin: 0 10px;}
    .top-tel:before, .top-tel:after{ display: none;}
    .nav{ width: -webkit-calc(100% - 780px); width:-moz-calc(100% - 600px);width:-o-calc(100% - 600px); width: calc(100% - 600px); width: 50%\0;}
    .key-pic{ width: 100%; margin-top: 0;}
    .key-pic img{ border-radius: 10px 10px 0 0 ;}
}
@media screen and (max-width:1300px){
    .paginations{ right: 21%;}
    .error-show{ left: 6%;}
    .error-show strong{ font-size: 60px;}
    .error-show p{ font-size: 24px;}
    .error-show p strong{ font-size: 36px;}
    .error-show a{ padding: 12px 60px;}
}
@media screen and (max-width:1240px){
    .mating-name li{ height: 140px; line-height: 140px}
    .mating-name li.active::after{ border-top: 70px solid transparent; border-bottom: 70px solid transparent; }
}
@media screen and (max-width:1200px){
    .logo{ background: none; width: 220px; margin: 0 10px;}
    .logo img{width: 100%;}
    .nav{ width: -webkit-calc(100% - 510px); width:-moz-calc(100% - 510px);width:-o-calc(100% - 510px);width: calc(100% - 510px);}
    .index-case li .case-pic img{ width: 64%;}
    .index-case li .case-pic .case-info{ margin-top: 80px;}
    .index-news .box{ border-radius: 50px;}
    .index-news .box::before, .index-news .box::after{ display: none;}
    .index-news{ padding-bottom: 80px;}
    .paginations{ right: 22%;}
    .case-list li .line-info::before, .case-list li .line-info::after{ display: none;}
    .case-list li .line-info{ margin-top: 0; width: 42%; width: 40%\0;}
    .case-list li .line-pic{ width: 58%;}
    .line-info p.line-group{ height: auto; -webkit-line-clamp: 1;}
    .news-list li .list-time{ padding-left: 40px;}
    .ser-sure li span{ bottom: 20px;}
    .about-link p{ padding: 50px 10px 20px;}
    .about-link p::before{ left: 10px;}
    .about-link ul{ margin-right: 2%;}
    .about-link ul li{ width: 18%; margin-left: 2%;}
    .show-base{ width: 38%;}
    .rele-case li .line-info::before, .rele-case li .line-info::after{ display: none;}
    .rele-case li .line-info{ margin-top: 0; width: 42%; width: 40%\0;}
    .rele-case li .line-pic{ width: 58%;}
    .news-link p{ padding-left: 10px;}
    .news-link span{ right: 0;}
    .proline-info h1{ font-size: 26px;}
    .show-base p{ margin-bottom: 25px;}
    .news-more li a{ width: 74%;}
    .news-more li span{ width: 22%;}
    .map-more li a{ width: 96%;}
    .mating-name li{ height: 128px; line-height: 128px}
    .mating-name li.active::after{ border-top: 64px solid transparent; border-bottom: 64px solid transparent; }
    .show-list li a{ width: 78%;}
}
@media screen and (max-width:1100px){
    .nav li{ font-size: 15px;}
    .index-case li .case-base{ margin-top: 10px;}
    .case-base h3{ margin-bottom: 25px;}
    .case-base p{ margin-bottom: 15px;}
    .key-slider .slick-prev{ left: 66%;}
    .news-list01 ul{ margin-left: -3%;}
    .news-list01 li{ width: 47%; margin-left: 3%;}
    .news-list li .list-time{ padding-left: 30px; padding-left: 20px\0;}
    .news-list li .list-main{ width: 76%\0; padding: 20px\0;}
    .ser-sure li span{ bottom: 15px;}
    .aim-show{ padding: 50px 50px 50px 60px;}
    .ability-fl::after{ display: none;}
    .msg-show ul li textarea{ height: 90px;}
    .news-link p i{ display: none;}
    .show-base p{ margin-bottom: 20px;}
    .news-more li a{ width: 72%;}
    .news-more li span{ width: 24%;}
    .map-more li a{ width: 96%;} 
    .mating-name li{ height: 123px; line-height: 123px}
    .mating-name li.active::after{ border-top: 61.5px solid transparent; border-bottom: 61.5px solid transparent; }
}
p.ms{position: relative;text-align: center;display: block;font-size: 16px;line-height: 1.4;padding:10px;color: #666!important;padding-top: 0;text-indent: 0;}
p.ms::after{content: "";position: absolute;left: 50%;bottom:5px;width: 2em;height: 1px;background-color: #ffc949;margin-left: -1em;}

/* new foot */
/************************ foot *************************************************/

.container{width:100%;clear:both}
.row{width:75pc;margin:0 auto;overflow:hidden}
.foot_container_bor{background:#f8f8f8;border-top:1px solid #e5edf0;overflow:hidden;padding-bottom:70px}
.foot_left,.foot_right_top{margin-top:50px}
.foot_left,.foot_right_bottom,.foot_right_top{float:left}
.foot_left{width:390px;border-right:1px solid #e5edf0;margin-bottom:30px}
.foot_left p{text-indent:25px;font-size:9pt;color:#696969;padding-right:8px}
.foot_left img{height:5pc;margin-bottom:30px}
.foot_left address{color:#333232;font-size:14px}
.foot_left address i{margin-right:20px}
.foot_right_top{border-bottom:1px solid #e5edf0}
.foot_right_top p{margin-left:60px;margin-bottom:15px}
.foot_right_top p span:first-child{font-size:24px}
.foot_right_top p span:last-child{font-size:1pc;margin-left:90pt}
.foot_right_top p span strong{font-size:24px;color:#ec1a23}
.foot_right_top input{width:529px;height:50px;font-size:1pc;margin-bottom:50px;margin-left:50px;border:1px solid #afafaf;padding-left:15px;border-radius:4px}
.foot_right_top button{width:200px;height:54px;background-color:#1e254f;padding:0;margin-top:-5px;margin-left:0;align-items:flex-start;text-align:center;cursor:pointer;color:buttontext;box-sizing:border-box;border:2px outset buttonface;border-image:initial}
.foot_right_top button i{font-size:36px;color:#fff;margin-top:0}
.foot_right_bottom .foot_right_bottom_ul{display:block;width:580px;float:left;margin-top:25px}
.foot_right_bottom .foot_right_bottom_ul li{width:20%;text-align:left;float:left;margin-left:5%}
.foot_right_bottom .foot_right_bottom_ul li a{display:block;list-style-type:circle;font-size:14px;color:#999}
.foot_right_bottom .foot_right_bottom_ul li a i{vertical-align:middle;display:inline-block;font-size:8px;margin-right:10px}
.foot_right_bottom_div{float:right;margin-left:50px}
.foot_right_bottom_div ul li:first-child{margin:50px 0 20px}
.foot_right_bottom_div li{float:left}
.foot_right_bottom_div_code{clear:both;margin-right:15px}
.foot_copyright_div{background-color:#1e254f;padding:20px 0 18px}
.foot_copyright_div p,.foot_copyright_div ul li a{color:#aeaeae;font-size:14px}
.foot_copyright_div ul li a{margin:0 25px}
.foot_copyright_div p{float:left;display:block}
.foot_copyright_div ul li{color:#aeaeae;display:block;overflow:hidden;float:right}
.foot_copyright_div ul li span{content:"";display:block;height:14px;border-right:2px solid #aeaeae;float:right;margin-top:7px}
.new_foot_tit01{font-size:20px;padding:20px 0}
.new_foot_tit02{font-size:18px;padding:20px 0}
.btn{padding:6px 9pt;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border-radius:4px;transition-duration:.3s;position:relative;display:inline-block;overflow:hidden;z-index:0}
.btn,.btn:hover{text-decoration:none}
.btn_fill_white:before,.hb_empty_red:before{position:absolute;content:'';transition-duration:.3s;z-index:-1;top:0;right:auto;bottom:auto;left:0;width:0;height:100%;opacity:1}
.btn_index_fill_white a:hover,.btn_index_fill_white:hover,.btn_index_fill_white:hover a{color:rgba(0,0,0,.7)!important;font-weight:700!important}
.btn_index_fill_white:before{position:absolute;content:'';background:#fff;transition-duration:.3s;z-index:-1;top:0;right:auto;bottom:auto;left:0;width:0;height:100%;opacity:1}
.btn_index_fill_white:hover:before{height:100%;opacity:1;width:100%}
.btn_fill_white:hover{border:1px solid #ec1a23!important;color:#fff!important}
.btn_fill_white:hover,.hb_empty_red:hover{background-color:#ec1a23!important;transition:all .3s ease}
.hb_empty_red:hover{border:1px solid #ec1a23;color:#fff}
.corner img{height:100%!important;width:100%!important}
.btn_fill_white:before,.hb_empty_red:before{background:#ec1a23}



.hb_empty_red:hover:before, .btn_fill_white:hover:before, .hb_empty_red:hover:before { height: 100%; opacity: 1; width: 100%;}
.btn_fill_red:hover:before { height: 100%; opacity: 1; width: 0;}

/* input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;
    background-color: buttonface;
    box-sizing: border-box;
    padding: 2px 6px 3px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
} */

/*new案例默认页*/
.wrap{width:1200px;margin:0 auto;  overflow:hidden}
.solution_list{ margin:60px auto 40px;}
.solution_list .solution_title{font-size: 40px; line-height:42px;color: #414141;font-weight: normal;text-align: center;}
.solution_list .solution_con{font-size: 15px;color: #666;width: 80%;margin: 0 auto; overflow:hidden;text-align: center;padding-bottom:30px;}
.solution_list .list_text{padding:6.5% 4% 0;float:right;width:45%; overflow:hidden; text-align:left;}
.solution_list li:hover {background-color: #1E254F; cursor: pointer;}
.solution_list h3{font-size:30px;font-weight:normal;}
.solution_list p{font-size:13px;color: #858585;line-height:26px;padding:20px 0px;}
.solution_list li:hover h3,.solution_list li:hover p{color: #fff;}
.solution_list .list_img{ float:left; width:50%; overflow:hidden}
.solution_list li .list_img img{ transition: transform 400ms; -webkit-transition: -webkit-transform 400ms;}
.solution_list li:hover .list_img img{ transform: scale(1.15); -webkit-transform: scale(1.15);}
.solution_list li.odd .list_img{float:right;}
.solution_list li.odd .list_text{float:left;}
.solution_list .kase_more a{ display: inline-table;height: 40px;line-height: 40px;border-radius: 20px;border: 1px solid #878787;text-align: center;padding:0 25px;overflow:hidden; position:relative; }
.solution_list li:hover .kase_more a{border: 1px solid #fff;color: #fff;background-color: transparent;}
.solution_list ul li{margin-bottom: 45px; width:100%;transition: .2s width ease; background:#f0f3fa;  overflow:hidden; border-radius:10px;}
.pro_tab { margin:0 auto 100px; text-align: center;  position: relative; height: 120px; line-height: 120px; background:#1F2B4D; padding-left:3%; }  
.pro_tab li{ float: left; margin: 0 1%; text-align:center; width: 17.9%; border-right:#23375C 1px solid;height: 120px; }
.pro_tab li ._title{ margin-top:0;}
.pro_tab li:nth-child(5){ border-right:0; }
.pro_tab li a { display: block; font-size:20px; color: #333; font-weight:600; margin-left: -27px;  z-index: 9; zoom: 1; }
.pro_tab li ._ico { display: inline-block; width: 87px; height: 87px; margin-top:16px; background: url(/images/news_tab_ico.png) no-repeat center top; }
.pro_tab li ._ico1 { background-position: 0 0; }
.pro_tab li ._ico2 { background-position: -87px 0; }
.pro_tab li ._ico4 { background-position: -174px 0; }
.pro_tab li ._ico3 { background-position: -261px 0; }
.pro_tab li ._ico5 { background-position: -348px 0; }
.pro_tab li ._t { font-size: 16px; margin: 0; padding: 0; line-height: 28px; color: #272c4c; font-weight: 500; }
.pro_tab ul li a.act { background:#e40045; color: #07284E; margin-top: -10px; padding-top: 10px; height: 130px; }

.tj_pro{margin-bottom:20px;}
.h3_tit h3{font-size: 38px;text-align: center; margin: 40px 10px 0px;color: #222;display: inline-block; *zoom:1;*display: inline;}
.h3_tit{ width:100%; margin:0 auto 30px; text-align:center; overflow:hidden;}
.left-line{width:175px; height: 11px;vertical-align: 6px; display: inline-block; *zoom:1;*display: inline; background:url(/images/left_l.png) no-repeat}
.right-line {  width:175px;height: 11px;vertical-align: 6px;display: inline-block; *zoom:1;*display: inline;background:url(/images/right_l.png) no-repeat}

.InCaseul { padding: 70px 0px 0px 0px; clear: both; }
.InCaseul .InCaseul_item { width: 33.333%; display: inline-block;  float: left;}
.InCaseul .InCaseul_item em { background: #1E254F; width: 104px; height: 104px; padding: 25px; border-radius: 50%; border: 3px solid #7896DE; display:block; margin:0 auto; }
.InCaseul .InCaseul_item em img { width: 100%; }
.InCaseul .InCaseul_item span { clear: both; display: block; text-align: center; padding:20px 40px; }
.InCaseul { padding: 70px 0px 0px 0px; }

.InCasePic { width:100%; text-align: center; padding-top:50px;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; }

.InCasetit { margin-bottom: 30px;  height: 60px; background: #f2f2f2; text-align: center;}
.InCasetit span { background:url(../images/icon04.png) no-repeat right top; background-size:230px; color:#FFFFFF; display:inline-block; float:left; font-size:26px; font-weight:bold; line-height:60px; margin-top:-10px; padding:10px 50px 0px 10px; padding-left:30px; padding-right:80px; padding-top:10px; width:230px;
}

.incasetext h3 { font-size:20px; font-weight:700; }
.incasetext video { max-width:700px; }
.relInforbompro { border:1px solid #E3E3E3; clear:both; margin:0 auto; margin-bottom:70px; margin-top:30px; padding:0px 0px; width:1200px; }
.relInforbompro p.relInforbomprotit { padding:0px 0px; background:#F0F0F0; border-bottom:0px; }
.relInforbompro p.relInforbomprotit span { display:block; line-height:48px; border-top:2px solid #1E254F; background:#FFFFFF; font-size:20px; font-weight:bold; color:#3B3B3B; width:150px; text-align:center; }
.relInforbompro ul { margin:20px 0px 0px 0px; padding:20px 0px; }
.relInforbompro ul li { padding:0px; margin-left:17px; width:278px; float:left; }
.relInforbompro ul li:hover .relInforbompropic img { filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }
.relInforbompro ul li .relInforbomprotxt { display:block; font-size:14px; padding:10px 0px; text-align:center; }
.relInforbompro ul li:hover .relInforbomprotxt { color:#FFFFFF; background:#1E254F; }




/*  */
.pro_banner	{ background: url(..//images/pro_banner.jpg) no-repeat center top; height:853px;overflow:hidden; width:100%;position:relative; margin:0 auto}
/*=======================产品中心分类 start===================*/
.pro_fenlei {bottom:1.5%;text-align:center;z-index:10;overflow:hidden;position:absolute;/*left:27.5%;*/ width:100%;}
.pro_fenlei ul{ width:90%; margin:0 auto;overflow: hidden; text-align: center;}   
.pro_fenlei li{display:inline-block;color:#07284E; font-size:20px;cursor:pointer;position:relative;z-index:999; color:#fff;vertical-align: middle; }
.pro_fenlei li em { display:block; width:50%; height:13px; border-bottom:1px solid #FFFFFF; position:absolute; right:-18px; top:0; }
.pro_fenlei li cite { display:block; width:50%; height:13px; border-bottom:1px solid #FFFFFF; position:absolute; left:-18px; top:0; }

.pro_fenlei li a{color:#3D4B69;display: inline-block;overflow: hidden;margin:0 30px;}
.pro_fenlei li ._title{ background: -webkit-linear-gradient(top,rgba(255,255,255,1),rgba(231,238,254,1));background: -webkit-gradient(linear,left top,right top,from(#fff),to(#E7EEFE));background: linear-gradient(to bottom,#fff,#E7EEFE);filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #ffffff, endColorstr = #E7EEFE);border-radius: 10rem;line-height: 2.1rem; padding:7px 26px;display: inline-block; font-weight:600}
.pro_fenlei li.active .active{ background-color:#DB0047;border-radius: 10rem;line-height: 2.1rem; padding:5px 20px;display: block; color:#fff}
.pro_fenlei li.active  ._title{background: -webkit-linear-gradient(top,rgba(235,0,1,1),rgba(204,0,0,1));background: -webkit-gradient(linear,left top,right top,from(#eb0001),to(#c00)); background: linear-gradient(to bottom,#eb0001,#c00);filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #eb0001, endColorstr = #c00);color:#fff}
.pro_fenlei .dot_icon{width:26px;height:26px;border:1px solid transparent;border-radius:50%;display:block;margin:0 auto 16px;position:relative;z-index: 20;}
.pro_fenlei .dot_icon:after{content:"";width:20px;height:20px;background:#fff;display:block;position:absolute;z-index:10;top:50%;left:50%;margin-top:-10px;margin-left:-10px;border-radius:50%;}
.pro_fenlei li.active .dot_icon{border-color:#eb0001; z-index:999}
.pro_fenlei li.active .dot_icon:after{background:#eb0001;content:""; }
// .pro_fenlei li:after{content:"";width:200px;height:2px;background:rgba(255,255,255,.90); z-index:10; filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99cfcecf,endcolorstr=#99000000);position:absolute;top:6px;right:63%;}
// .pro_fenlei li:first-child:after{display:none;}
.pro_fenlei li.active{z-index: 1000;}
/*=======================产品中心分类end===================*/

/* 产品列表 */
.pro-listpage{margin:40px auto; overflow:hidden; width:100%;}
.pro-listpage ul{margin:0 auto;}
.pro-listpage li{float: left;width:28%;margin: 10px 2% 30px;list-style: none;background: #f0f3fa;}
.port-1 .text-desc {position: absolute;left: 0;background:url(../images/porlist_bg.png);height: 100%;width: 100%;transition: 0.5s; color: #fff;top: auto; bottom: -100%;overflow: hidden}
.port-1{float: left; width: 100%; position: relative; overflow: hidden;}

.port-1 .image-box{ background:url(../images/pro_x.png) repeat}
.port-1 .image-box img{transition: 0.5s;display: block;margin:6px auto 0; width:96%;  }
.port-1 .image-box{ overflow: hidden;}
.port-1 .bj-btn,.port-1 .r_btn{ width:90px; margin: 0 5px 15px;  display: inline-block; text-align: center;  font-size: 14px;   line-height: 36px;}
.port-1 .bj-btn{color: #3d3d3d;border:#333 1px solid; background:#fff}
.port-1 .r_btn{ background: #99A4AE; border:#99A4AE 1px solid;color: #fff;}
.port-1 .bj-btn:hover{color: #07284E; background: #fff; border:1px solid #999;}
.port-1 .r_btn:hover{color: #fff; background:#252A3C; border:1px solid #252A3C;}
.port-1 .image-box h4{height: 50px;line-height: 50px;text-align: center;font-size: 18px;color: #07284E;}
.port-1 .image-box h4 a{color:#07284E;}
.port-1:hover .text-desc{bottom: 0;}
.port-1 p {text-align: center;}
.port-1 .text-desc h4{font-size:20px;line-height: 1;font-weight: normal;margin-bottom: 30px;text-overflow: ellipsis;white-space: nowrap;margin-top: 15%; text-align:center}
.port-1 .text-desc p{font-size: 18px;margin:10px auto 0 20%; text-align:left}
.port-1 .text-desc a{color:#fff;}
.pro-link{font-size: 16px; text-align:center}
.pro-link a img{margin-right: 1%}
.pro-listpage .pro-arr {position: absolute;right:25%;bottom:20%;}
/* 产品列表end*/

/* 通栏广告 */
.pro_tj_tit{ background:#f5f5f5 url(../images/kehu_bg.jpg); overflow:hidden; padding:20px 0 20px 30px; margin-bottom:35px;}
.pro_tj_tit h3{font-weight: 600;font-size: 38px;text-align: left;margin-bottom:20px;border-left: 6px solid #eb0001;color:#fff;display: inline-block; padding-left:15px; line-height:35px; height:35px;margin-top:30px;}
.pro_tj_tit h3 a{color:#fff;}
.pro_tj_tit p{text-align:left;font-size: 16px;margin-bottom:20px; color:#fff}

.pro_kh { margin: 0 auto;  overflow: hidden; }
.wrapaa { width:1200px; margin: 0 auto;}
.pro_kh li {width: 12.18571%;*width:11.2%; margin: 1%;float:left; }  
.pro_kh li img{ padding:8px; width:100%; height:auto; background:#fff;border:#d8d8d8 1px solid}

.pro_kh_yingdao{position: relative;padding-top:70px;overflow: hidden; margin-bottom:40px;}
.pro_kh_yingdao .left {width: auto;position: absolute;left: 15px;bottom: 10px; margin-right:2%;}
.pro_kh_yingdao .right { background: #fff1f0; padding: 50px 65px 20px 0;overflow: hidden;}
.pro_kh_yingdao .right .con{ margin-left:13%;}
.pro_kh_yingdao .right .tip{text-indent:0; font-size:16px; color:#3d3d3d}
.pro_kh_yingdao .right .tel{ width:52%; float:left; color:#ed2225; font-size:28px; font-weight:bold; margin-top:8px;}
.pro_kh_yingdao .right .tel span{ font-size:15px; color:#333; font-weight:normal; vertical-align:center;}
.pro_kh_yingdao .btn{display: block; float:right;margin-top: -15px;}
.pro_kh_yingdao .btn a img{ width:35px;vertical-align: middle;margin-right: 5px;animation: myfirst 0.5s infinite;display: inline-block;margin-left: 10px;}
.pro_kh_yingdao .btn a.baojia{padding:8px 45px;background: #f20d01; color:#fff;font-size: 20px;background: -webkit-gradient(linear, 0% 2%, 60% 10%,from(#f20d01), to(#ff461f));-webkit-box-shadow: #ff461f 0px 2px 5px;-moz-box-shadow: #ff461f 0px 0px 5px; /*box-shadow: #ff461f 0px 0px 5px;*/}
@keyframes myfirst {
  0% { -webkit-transform: translatex(0); transform: translateY(0);}
 50% { -webkit-transform: translatex(-5px) scale(1.01); transform: translatex(-5px) cale(1.01);}
 70% { -webkit-transform: translatex(1px) scale(1);  transform: translatex(1px) scale(1);}
 100% { -webkit-transform: translatex(0);  transform: translatex(0);}
 }


 /* 首页类别切换 */
 .tab-products { width:1200px;margin:0 auto; }
 .tab-products .bd {width:100%;overflow:hidden; padding-top:60px;}
.tab-products .bd ul {width:100%;overflow:hidden;padding-bottom:20px;}
.tab-products .bd ul li {width:33.3333%;padding:0 2%;float:left;margin-top:16px;}
.tab-products .bd ul li:hover dl {background:#ffffff;-o-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;-webkit-box-shadow:2px 3px 13px rgba(0,0,0,0.05);-moz-box-shadow:2px 3px 13px rgba(0,0,0,0.05);-ms-box-shadow:2px 3px 13px rgba(0,0,0,0.05);box-shadow:2px 3px 13px rgba(0,0,0,0.05);}
.tab-products .bd ul li:hover dl dt a span {bottom:0;left:0;-o-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.tab-products .bd ul li:hover dl dd a {color:#da251d;}
.tab-products .bd ul li dl {width:100%;overflow:hidden;border-top-right-radius:100px;position:relative;z-index:2;-o-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.tab-products .bd ul li dl dt {padding:5px 0 5px 5px;width:100%;overflow:hidden;position:relative;}
.tab-products .bd ul li dl dt i {position:absolute;left:0;display:block;z-index:2;}
.tab-products .bd ul li dl dt i.lt-bg {top:0;width:34px;height:39px;background:url("../images/lt_bg.png") center center no-repeat;}
.tab-products .bd ul li dl dt i.lb-bg {bottom:0;width:64px;height:66px;background:url("../images/lb_bg.png") center center no-repeat;}
.tab-products .bd ul li dl dt a {display:block;width:100%;overflow:hidden;position:relative;border-top-right-radius:100px;}
.tab-products .bd ul li dl dt a span {display:block;width:138px;height:138px;background:url("../images/img_hover_bg.png") center center no-repeat;z-index:1;position:absolute;left:-138px;bottom:-138px;}
.tab-products .bd ul li dl dt a span i {display:block;width:40px;height:40px;position:absolute;bottom:30px;left:40px;overflow:hidden;background:white;border-radius:100%;}
.tab-products .bd ul li dl dt a span i:after {content:"";width:0;height:0;display:block;border-left:8px solid #da251d;border-top:8px dashed transparent;border-bottom:8px dashed transparent;position:absolute;left:16px;top:12px;}
.tab-products .bd ul li dl dt a img {display:block;width:100%;}
.tab-products .bd ul li dl dd {width:100%;height:48px;line-height:48px;font-size:20px;text-align:center;color:#000000;}
.line-bg {min-width:980px;background:url("../images/item_bg.jpg") left top repeat;padding:0 0 70px;}

/* 成套方案 */
.wrapper {min-width:980px;width:100%;position:relative; margin-top:50px;}
.line-bg {min-width:980px;background:url("../images/item_bg.jpg") left top repeat;padding:1px 0 70px;}
.line-bg .index-title span {color:#e8e8e8;}
.index-title {width:100%;overflow:hidden;position:relative;margin-top:60px;text-align:center;font-size:0;vertical-align:middle;}
.index-title span {display:block;width:100%;height:96px;line-height:96px;text-align:center;text-transform:uppercase;font-size:120px;color:#f6f6f6;font-weight:bold;position:absolute;left:0;top:0;z-index:0;}
.index-title h1,.index-title h2 {display:inline-block;line-height:96px;height:96px;font-size:40px;color:#000;position:relative;z-index:1;}
.index-title h1:before,.index-title h2:before {content:"";display:block;width:36px;height:36px;background:url("../images/icon_title.png") center center no-repeat;position:absolute;left:-42px;top:50%;margin-top:-18px;}
.index-title p {display:block;width:100%;overflow:hidden;line-height:32px;font-size:16px;color:#b5b5b5;text-align:center;position:relative;z-index:1;}
.lines {width:100%;height:1px;background:#efefef;position:absolute;z-index:-1;top:306px;left:0;right:0;}
.case-list-index {width:100%;overflow:hidden;padding:0 2%;min-width:980px;}
.case-list-index li {margin-left:2%;width:30%;float:left;margin-top:36px;}
.case-list-index li:hover .case-img a.img-link img {-o-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);}
.case-list-index li:hover .case-img a.icon-link span {-webkit-animation:bounce 1s .2s ease both;-moz-animation:bounce 1s .2s ease both;-ms-animation:bounce 1s .2s ease both;animation:bounce 1s .2s ease both;}
.case-list-index li:hover .case-img > span {-o-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;bottom:70px;}
.case-list-index li:hover dl dt a {color:#da251d;}
.case-list-index li .case-img {padding-right:100px;width:100%;overflow:hidden;position:relative;}
.case-list-index li .case-img:before {content:"";display:block;width:268px;height:206px;background:url("../images/d_icon.png") left top repeat;position:absolute;top:0;right:30px;z-index:1;}
.case-list-index li .case-img a.img-link {display:block;width:100%;overflow:hidden;border-top-right-radius:80px;position:relative;z-index:2;}
.case-list-index li .case-img a.img-link img {-o-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;display:block;width:100%;}
.case-list-index li .case-img a.icon-link {display:block;width:191px;height:114px;position:absolute;right:0;bottom:0;z-index:4;background:url("../images/img_bg.png") center center no-repeat;}
.case-list-index li .case-img a.icon-link span {display:block;width:40px;height:40px;position:absolute;bottom:20px;right:32px;overflow:hidden;background:white;border-radius:100%;}
.case-list-index li .case-img a.icon-link span:after {content:"";width:0;height:0;display:block;border-left:8px solid #da251d;border-top:8px dashed transparent;border-bottom:8px dashed transparent;position:absolute;left:16px;top:12px;}
.case-list-index li .case-img > span {display:block;width:62px;height:36px;position:absolute;right:20px;bottom:80px;z-index:3;-o-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.case-list-index li .case-img > span img {display:block;width:100%;}
.case-list-index li dl {width:100%;overflow:hidden;}
.case-list-index li dl dt {width:100%;height:76px; overflow:hidden;}
.case-list-index li dl dt a {line-height:76px;color:#000;font-size:30px; font-size:22px;}
.case-list-index li dl dt + dd {background:url("../images/icon_wl.png") left center no-repeat;}
.case-list-index li dl dd + dd {background:url("../images/icon_nl.png") left center no-repeat;}
.case-list-index li dl dd {width:100%;height:36px;padding-left:40px;line-height:36px;font-size:18px;color:#595959;}