@font-face{font-family: "Bebas";src: url("../font/BEBAS___-webfont.woff.ttf") format('opentype');font-weight: normal;font-style: normal
}
@font-face{font-family: "Opensans-Regular";src: url("../font/Opensans-Regular.woff2") format('opentype');font-weight: normal;font-style: normal
}
@font-face{font-family: "Poppins-Regular";src: url("../font/Poppins-Regular.woff2") format('opentype');font-weight: normal;font-style: normal
}
@font-face{font-family: 'Conv_DINCondensedC';src: url('../font/DINCondensedC.eot');src: local('☺'), url('../font/DINCondensedC.woff') format('woff'), url('../font/DINCondensedC.ttf') format('truetype'), url('../font/DINCondensedC.svg') format('svg');font-weight: normal;font-style: normal}@font-face{font-family: "Pathway Gothic One";src: local("Pathway Gothic One Regular"), local("PathwayGothicOne-Regular"), url("../font/MwQrbgD32-KAvjkYGNUUxAtW7pEBwx-tS1Zf.woff2") format("woff2");font-style: normal;font-weight: 400;unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family: "Montserrat";src: url("../font/Montserrat.woff2") format('opentype');font-weight: 500;font-style: normal
}
body{font-family:"Montserrat",Arial,sans-serif;background: #FFF;height: 100%;position: relative;}
input[type="text"] {-webkit-appearance:none;}
textarea {-webkit-appearance:none;}
h1,h2,h3,h4,h5,h6,figure {font-weight:400;}
::-webkit-selection {color:#fff;background:#1954B1;}
::-moz-selection {color:#fff;background:#1954B1;}
::selection {color:#fff;background:#1954B1;}
.text-lowercase {text-transform:lowercase;}
.text-uppercase,.initialism {text-transform:uppercase;}
.text-capitalize {text-transform:capitalize;}
a {color:#5C5C5C;text-decoration:none}
a:focus,a:hover {color:#1954B1;transition:none}
a.text-gray:hover{color:#1954B1}
p {margin:0}
dd,dl,li,ul{margin:0;padding:0;list-style:none}

.fixed {z-index:9999;}
.Bebas {font-family:"Bebas";}
.Poppins {font-family:"Poppins-Regular";}
.DINCondensedC{font-family: 'Conv_DINCondensedC';}
.GothicOne{font-family: "Pathway Gothic One";}

.bg-main {background:#eee}
.bg-gray {background:#F9F9F9}

.padding-small{padding:10px;}
.padding-middle{padding:20px;}
.padding-big {padding:30px;}
.padding-large {padding:50px;}

.blank {height:10px;line-height:10px;clear:both;font-size:0;}
.blank-small {height:20px;line-height:20px;clear:both;font-size:0;}
.blank-middle {height:50px;line-height:50px;clear:both;font-size:0;}
.blank-big {height:80px;line-height:80px;clear:both;font-size:0;}
.blank-large{height:100px;line-height:100px;clear:both;font-size:0;}

.line-small {margin-left:-1px;margin-right:-1px}
.line-small .x1,.line-small .x2,.line-small .x3,.line-small .x4,.line-small .x5,.line-small .x6,.line-small .x7,.line-small .x8,.line-small .x9,.line-small .x10,.line-small .x11,.line-small .x12,.line-small .xl1,.line-small .xl2,.line-small .xl3,.line-small .xl4,.line-small .xl5,.line-small .xl6,.line-small .xl7,.line-small .xl8,.line-small .xl9,.line-small .xl10,.line-small .xl11,.line-small .xl12,.line-small .xs1,.line-small .xs2,.line-small .xs3,.line-small .xs4,.line-small .xs5,.line-small .xs6,.line-small .xs7,.line-small .xs8,.line-small .xs9,.line-small .xs10,.line-small .xs11,.line-small .xs12,.line-small .xm1,.line-small .xm2,.line-small .xm3,.line-small .xm4,.line-small .xm5,.line-small .xm6,.line-small .xm7,.line-small .xm8,.line-small .xm9,.line-small .xm10,.line-small .xm11,.line-small .xm12,.line-small .xb1,.line-small .xb2,.line-small .xb3,.line-small .xb4,.line-small .xb5,.line-small .xb6,.line-small .xb7,.line-small .xb8,.line-small .xb9,.line-small .xb10,.line-small .xb11,.line-small .xb12 {position:relative;min-height:1px;padding-right:1px;padding-left:0px}
.line-large {margin-left:-15px;margin-right:-15px}
.line-large .x1,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .xl1,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xs1,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xm1,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xb1,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xb10,.line-large .xb11,.line-large .xb12 {position:relative;min-height:1px;padding-right:15px;padding-left:15px}

/* 布局 */
.container-layout{max-width:1500px;}
.side-l {margin-right:50px}
.side-r {margin-left:-50px;}
.news-l {margin-right:50px}
.news-r {margin-left:0px;}
/* 布局 end */

/* ========================== 首页 ========================== */
/*轮换广告*/
.slides .media-img{position:relative;overflow:hidden}
.slides .media-img .post-mask{background:rgba(4,0,51,0);width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;transition:.5s;text-indent:-3000px}
.slides .media-img .ph{transition:.5s;padding-bottom:36%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative}
.slides:hover .owl-nav .owl-next,.slides:hover .owl-nav .owl-prev{opacity:.3}
.slides .owl-dots{position:relative;top:-30px;padding:0;text-align:center;vertical-align:middle;display:inline-block;width:100%}
/*轮换广告 end*/

/* owl-carousel滚动插件*/
/* 默认圆点 */
.owl-carousel .owl-dots {position:absolute;top:50%;padding:0;text-align:left;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.owl-carousel .owl-dots .owl-dot {display:inline-block;position:relative;vertical-align:middle;}
.owl-carousel .owl-dots .owl-dot span {width:6px;height:6px;margin:0 5px;border-radius:50%;background:#d3d3d3;display:inline-block;text-align:center;-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s;}
.owl-carousel .owl-dots .owl-dot.active span {background:#000;border-color:#000;width:12px;border-radius:10px;}

/* 默认箭头 */
.owl-carousel .owl-nav i{font-size:20px;color:#fff;}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next {background:#000;opacity:0;width:40px;height:40px;line-height:46px;top:50%;margin-top:-20px;-webkit-transition:all ease 500ms;-o-transition:all ease 500ms;transition:all ease 500ms;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);position:absolute;text-align:center;border-radius:50%;}
.owl-carousel .owl-nav .owl-prev {left:20px;right:auto;}
.owl-carousel .owl-nav .owl-next {right:20px;}
/* owl-carousel滚动插件 end */

/* banner begin */
.banner {position:relative;background-repeat:no-repeat;background-position:center 80%;background-size:cover;margin:0;padding:0;}
.banner .banner-tit {position:absolute;top:50%;margin-top:-50px;left:0;right:0;z-index:3}
.banner .banner-tit h2 {text-transform:Uppercase;font-size:50px;font-weight:600;position:relative;margin-bottom:20px;}
.banner .banner-tit h2:before {left:50%;margin-left:-20px;bottom:-10px;width:40px;height:3px;background:#fff;content:'';display:block;position:absolute;}
.banner .banner-tit h3 {letter-spacing:1px;font-size:42px;font-weight:600;position:relative;margin-bottom:20px}
.banner .banner-tit h3:before {left:50%;margin-left:-15px;bottom:-10px;width:30px;height:3px;background:#FFF;content:'';display:block;position:absolute;}
.banner .banner-tit p{font-size:42px;line-height:50px}
.banner i{width:84px;height:84px;line-height:84px;margin-left: -42px;bottom:-42px;background:#1954B1;z-index:1;font-size:48px;border-radius:50%;text-align:center;position: absolute;left: 50%;-webkit-transition:.5s;transition:.5s;}
.banner i:hover{background:#1954B1;-webkit-transition:.5s;transition:.5s;}

/* 内页广告高度 */
.banner-big{height:350px}
.banner-full{min-height: calc(100vh - 90px)}
.banner-full:after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(4,0,51,0.3);-webkit-transition:.5s;transition:.5s;}

/* =====================首页begin====================== */

.tab-normal .tab-head {border-radius:0;font-size:0;-webkit-text-size-adjust:none;width:100%;}
.tab-normal .tab .tab-nav li {display:inline-block;width:auto;text-align:center}
.tab-normal .tab .tab-nav li a {background:#fff;color:#5C5C5C;border-radius:30px;padding:0px 25px;height:46px;line-height:46px;margin:0 1px;display:block;border:0;font-size:16px;}
.tab-normal .tab .tab-nav .active a {background:#6497B2;cursor:default;color:#fff;border-bottom:0px solid #FD3C6B;}
.tab-normal .tab .tab-nav .active{background:none}
.tab-normal .tab .tab-nav .active a:hover {color:#FFF}
.tab-normal .tab .tab-nav li a:focus {outline:none;}
.tab-normal .tab .tab-nav li a:hover {color:#1954B1}
.tab-normal .tab .tab-body {padding:0;border-radius:0;border-top:0px solid #ff0000}
/* 首页推荐产品普通常用TAB */

.carousel-pro .media{position:relative;-webkit-transition:.5s;transition:.5s;padding:10px;margin:0 0 20px 0}
.carousel-pro .media:hover {-webkit-transition:.5s;transition:.5s;box-shadow:0px 0 15px 0px rgba(4,0,51,.05);}
.carousel-pro .media-body {padding:10px;}
.carousel-pro .media-body h2 {height:24px;line-height:24px;font-size:16px;}
.carousel-pro .media-body h2 a{font-size:16px;color:#333}
.carousel-pro .media-body p{margin-bottom:30px;line-height:24px}
.carousel-pro .media .ph{padding-bottom:64%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;/*图片不裁切需要全部显示改用background-size:contain，改变图片缩放比例改paddding-bottom的百分比,如图片宽高1:1 100%，4:3 75%，3:4 133.33%*/}
.carousel-pro .media:hover .button{color:#FFF;background-color:#FF9E00;transition: all .5s ease;}
.carousel-pro .owl-dots {position:relative;top:0px;padding:0;text-align:center;vertical-align:middle;display:inline-block;width:100%;}
.carousel-pro:hover .owl-nav .owl-prev,.carousel-pro:hover .owl-nav .owl-next {background:#6497B2;opacity:1;}
.carousel-pro .owl-nav .owl-prev {left:-20px;right:auto;}
.carousel-pro .owl-nav .owl-next {right:-20px;}

/* 首页简介 */
.index_about .text .content{padding:60px 80px;}
.index_about .text .content .title {font-size: 36px;color: #333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.index_about .text .content p{line-height:28px;font-size: 16px;color: #5C5C5C;}

.index_about .pic{overflow:hidden;border-radius: 10px 0 0 10px}
.index_about .pic img{transform:scale(1);-webkit-transition:.5s;transition:.5s}
.index_about .pic img:hover {transform:scale(1.1);-webkit-transition:.5s;transition:.5s}

.qclogo li {display:inline-block;width:auto;text-align:center;margin-right: 30px}

/*关于&首页-合作伙伴 logo*/
.partners-style1 ul {border-right:1px solid #E7161A;border-top:1px solid #EFEFEF;border-collapse:collapse;}
.partners-style1 ul li.col-5{width:20%;float:left;}
.partners-style1 ul li .list-li{overflow:hidden;border-left:1px solid #EFEFEF;border-bottom:1px solid #EFEFEF;border-right:1px solid #EFEFEF;border-top:1px solid transparent;margin-left:-1px;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
.partners-style1 ul li .list-li:hover {-webkit-box-shadow: 0px 8px 30px 20px rgba(0, 0, 0, 0.08);box-shadow: 0px 8px 30px 20px rgba(0, 0, 0, 0.08);z-index:2;position:relative;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
.partners-style1 ul li .list-li img {margin:0 auto;}
/*-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);*/
.partners-style1 ul li .list-li img:hover {opacity:1;-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);}
/*关于&首页-合作伙伴 logo end*/

/* 首页简介 */

/* 解决方案  */
.solution-1 {position:relative;height:640px;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.solution-1:before {content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(4,0,51,.45);transition:all .4s cubic-bezier(.4,0,.2,1)}
.solution-1 a{position:absolute;width:100%;height:100%;left:0;top:0}
.solution-1 .item-title{font-size:32px;font-weight:600;padding:0 0;position:relative;margin-top:50%;-webkit-transition:.5s;transition:.5s;}
.solution-1 .item-title:before {content:"";position:relative;display:block;width:100px;border-bottom:2px solid #fff;bottom:-60px;left:50%;margin-left:-40px;transition:all .4s cubic-bezier(.4,0,.2,1)}
.solution-1:hover .item-title{margin-top:45%;-webkit-transition:.5s;transition:.5s;}
.solution-1:hover:before {background: linear-gradient(180deg,rgba(255,209,0,0.6),rgba(225,158,0,0.6));}
.solution-1:hover .item-title:before {opacity:0;margin-bottom:0}
/* 解决方案  */

.index-product .media{-webkit-transition:.3s;transition:.3s;padding:20px;}
.index-product .media .ph{padding-bottom:100%;transition:.5s;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative}
.index-product .media:hover {-webkit-transition:.3s;transition:.3s;box-shadow:0 5px 15px 5px rgba(4,0,51,.03);}
.index-product .media-body {padding:0 20px}
.index-product .media-body h2{height:50px;margin:0;}
.index-product .media-body h2 a {font-size:16px;}
.index-product .media:hover .media-body h2 a {color:#1954B1;}

/* 首页新闻 */
.carousel-news .media{position:relative;-webkit-transition:.5s;transition:.5s;}
.carousel-news .media:hover{-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;-webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);}
.carousel-news .media .date{position:absolute;left:0;top:0;width:80px;height:80px;background:#6497B2;border-radius: 0 0 10px 0}
.carousel-news .media .date .day{font-size:24px;padding-top:12px}
.carousel-news .media .date .year{font-size:16px;}
.carousel-news .media .date hr{width:20px;height:2px;margin:5px auto 8px auto;background:#fff}
.carousel-news .media .media-body {text-align:left;padding:30px 20px 40px 20px;margin:0;}
.carousel-news .media .media-body h2 {min-height:36px}
.carousel-news .media .media-body h2 a{font-size:20px;color:#333;}
.carousel-news .media a.button{border:2px solid #999;color:#5C5C5C}
.carousel-news .media:hover a.button{background:#6497B2;border:2px solid #6497B2;color:#fff;}
.carousel-news .media:hover .media-body h2 a {color:#1954B1;}
.carousel-news .media .ph{padding-bottom:64%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;/*图片不裁切需要全部显示改用background-size:contain，改变图片缩放比例改paddding-bottom的百分比,如图片宽高1:1 100%，4:3 75%，3:4 133.33%*/}
.carousel-news .media .ph::after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(4,0,51,0);-webkit-transition:.5s;transition:.5s;}
.carousel-news .media:hover .ph::after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(4,0,51,.2);-webkit-transition:.5s;transition:.5s;}
/*.carousel-news .media:hover .date{background:#1954B1}*/
.carousel-news:hover .owl-nav .owl-prev,.carousel-news:hover .owl-nav .owl-next {background:#6497B2;opacity:1;}
.carousel-news .owl-nav .owl-prev {left:-20px;}
.carousel-news .owl-nav .owl-next {right:-20px;}
/* 首页新闻 end*/

.contact-guestbook{background:#939393 url(../images/architect-home-section-pattern-light.png) repeat}
.contact-guestbook .title{position:relative;width:590px;float:right;text-align:left;}
.contact-guestbook .title h2{font-size:64px;line-height:64px;padding-top:25%;padding-right:50px;padding-bottom:30px;}
.contact-guestbook .title h2 span{color:#1954B1}
.contact-guestbook .title a{font-size:24px;text-decoration: none;border-bottom: 2px solid #1954B1;color: #FFF;}
.contact-guestbook .title a:hover{border-bottom: 0 solid #82CC37;}
.contact-guestbook .gb-wrap{position:relative;width:590px;float:right;text-align:left;overflow:hidden}

/* =====================首页 end====================== */

/* =====================关于我们begin====================== */
/* style1 */
.about .text{padding-left:60px;}
.about .text2{padding-right:60px;}
.about ul.list-paddingleft-2 {padding:0}
.about ul li {padding:0 0 0 30px;position:relative;font-size:16px;}
.about ul li p {line-height:24px}
.about ul li:before {content:'';position:absolute;top:9px;left:15px;background:#5C5C5C;width:6px;height:6px;border-radius:50%;}
.about p{line-height:24px;font-size:16px;margin-bottom:10px}
.about h2{font-size:36px;font-weight:600;margin-bottom:30px;margin-top:20px;}
.about .pic{position:relative;}
/*background:url(../images/about_bg.png) no-repeat scroll center center / cover;*/
/*.about .pic:after {border-radius:8px;content:'';display:block;position:absolute;background:#FF8933;width:100%;height:100%;bottom:-10px;right:-10px;z-index:-1}*/

/* 播放动画 */
.animate-video-play{text-align:center;margin:0 auto;background:#0000ff}
.animate-video-play a{font-size:14px;color:#333;height:80px;width:80px;line-height:80px;background:#fff;left:50%;margin-left:-40px;top:50%;margin-top:-40px;z-index:0;border-radius:50%;display:block;position:absolute;text-align:center;opacity:.95}
.animate-video-play a::before{content:"";position:absolute;left:50%;top:50%;height:80px;width:80px;background:rgba(255,255,255,0.479);z-index:-1;border-radius:50%;animation:pulse-border 1500ms ease-out infinite;}
@keyframes pulse-border{0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1;}100%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity:0;}}
/* 播放动画 end*/

/* 愿景 begin */
.vision{background-repeat:no-repeat;background-position:center 60px;background-size:cover;padding-bottom:50px}
.vision h2{position:relative;font-size:48px;line-height:58px;font-weight:600;margin-bottom:50px;word-break:break-all}
.vision h2:before {content:'';display:block;position:absolute;background:#FFF;width:40px;height:3px;bottom:-10px;left:0;}
.vision p{line-height:32px;font-size:24px;}
.vision .pic{position:relative;}
.vision .pic:after {border-radius:8px;content:'';display:block;position:absolute;background:#FF8933;width:100%;height:100%;bottom:-10px;right:-10px;z-index:-1}

.countUp{margin-top:110px;margin-right:20px}
.countUp i{font-style:normal;}
.countUp .media{position:relative;top:0;margin-top:30px;padding:25px 30px;box-shadow: 0 15px 30px rgba(229, 229, 229, 0.8);-webkit-transition:.5s;transition:.5s;}
.countUp .media:hover{top:-5px;-webkit-transition:.5s;transition:.5s;}
.countUp .counter{font-size:60px;line-height:70px;}
.countUp span{font-weight:normal;font-size:64px;}
.countUp p{line-height:24px;}

/* 滚动资质 */
.honour .media {-webkit-transition:.5s;transition:.5s;}
.honour .media .ph{padding-bottom:142%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;/*图片不裁切需要全部显示改用background-size:contain，改变图片缩放比例改paddding-bottom的百分比,如图片宽高1:1 100%，4:3 75%，3:4 133.33%*/}
.honour .media-body {text-align:center;padding:10px}
.honour .media-body h2 a {line-height:24px;font-size:16px;color:#333;}
.honour .media:hover .media-body h2 a {color:#1954B1;}
.honour .media:hover .media-body p {color:#5C5C5C}
.honour:hover .owl-nav .owl-prev,.honour:hover .owl-nav .owl-next {background:#1954B1;opacity: 1;}
.honour .owl-nav .owl-prev {left:-20px;}
.honour .owl-nav .owl-next {right:-20px;}
/* 滚动资质 end*/

.advantage{position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;}
/*.advantage:after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(4,0,51,0.5);-webkit-transition:.5s;transition:.5s;}*/
.advantage .pic{position:relative;}
.advantage h2{font-size:48px;}
.advantage .pic:after {border-radius:8px;content:'';display:block;position:absolute;background:#FF8933;width:100%;height:100%;bottom:-10px;right:-10px;z-index:-1}
/*.advantage .ico{margin-top:110px;margin-right:30px}*/
.advantage .ico .media{display:block;top:0;transition:all .2s;position:relative;padding:40px 25px;box-shadow:0 10px 25px 4px rgba(4,0,51,.06);margin-bottom:20px}
/*.advantage .ico .media img{width:48px;}*/
.advantage .ico .media img{width:48px;}
.advantage .ico .media.media-y {text-align:left}
.advantage .ico .media:hover {transition:all 0.5s;top:-10px}
.advantage .ico .media:hover .media-body strong a,.advantage .media:hover .media-body p {color:#FF9E00}
.advantage .ico .media-body {padding:0;font-size: 16px;height: 160px;}
.advantage .ico .media-body strong {margin:20px 0;font-size:18px;color:#333;height: 40px}

/* =====================关于我们end====================== */

/* =====================产品列表====================== */
.nav-y .nav{border-radius:10px;box-shadow:0 5px 20px 5px rgba(4,0,51,.05); }
.nav-y .nav-sub .nav-head{border-bottom: solid 1px #f9f9f9;margin-bottom: 0px;padding: 0 30px;height: 60px;line-height:58px;}
.nav-y .nav-sub a {border-bottom: solid 1px #F9F9F9;display: block;margin-bottom: 0;border-radius: 0;padding: 4px 20px;}

.nav-y .nav li:last-child a:hover{border-radius:0 0 5px 5px;}
.nav-y .nav li.active a i{color:#1954B1}
.nav-y .nav li a{color:#333;line-height:54px;position:relative;padding:0 30px;font-size:16px;font-weight:400}
/* .nav-y .nav li:last-child a{padding:0 0 0 25px;} */
.nav-y .nav li a:hover{background:#f9f9f9;}
.nav-y .nav li a:hover i{color:#1954B1}
.nav-y .nav li ul{top:0px;padding:0;border-top-left-radius:0px;border-top-right-radius:0px;transition: 0.3s;min-width: 160px;}
.nav-y .nav li ul:after{border-right:6px solid #fff;z-index: 3;position: absolute;top:20px;left:-6px;display: inline-block;border-top:6px solid transparent;border-bottom: 10px solid transparent;content: '';}
.nav-y .nav li ul li a:hover{background:#fff;}
.nav-y .nav li.active a,.nav-y .nav li a:hover,.nav-y .nav li.active ul li a:hover{color:#1954B1;}
.nav-y .nav li ul li a {background:#FFF;width:100%;line-height:50px;color:#333;font-size:15px;font-weight:normal;display:block;width:100%;text-align:left;}
.nav-y .nav li.active ul li a {color: #5C5C5C;}
.nav-y .nav li ul li a.active{color:#1954B1}
.nav-y .nav li ul li a.active:hover{color:#1954B1}
.nav-y .nav li.active ul li a:hover{color:#1954B1}
.nav-y .nav i {float: right;margin-top:20px;color:#ccc}

.product_ph{padding-bottom:63%;transition:.5s;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative}
.product-list .media{-webkit-transition:.3s;transition:.3s;margin-bottom:30px;margin-top:0}
.product-list .media:hover {-webkit-transition:.3s;transition:.3s;box-shadow:0 5px 20px 5px rgba(4,0,51,.05);}
.product-list .media .media-body {padding:0 20px;margin:0;}
.product-list .media .media-body h2{height:56px;line-height: 56px;font-size:16px;}
.product-list .media .media-body h2 a {font-size:16px;}
.product-list .media .media-body p {color:#5C5C5C;line-height:26px;font-size:14px}
.product-list ul li {padding:5px 0 5px 15px;position:relative;font-size:14px;color:#939393}
.product-list ul li:before {content:'';position:absolute;top:13px;left:0px;background:#1954B1;width:5px;height:5px;border-radius:50%;}
.product-list .button {margin-top:20px;height:38px;width:100px;line-height:20px;background:#F9F9F9;color:#5C5C5C;border:1px solid #eee}
.product-list .media:hover .button {background:#2684FE;color:#FFF;border:1px solid #2684FE}
.product-list .media:hover .media-body h2 a {color:#1954B1;}
.product-list .media:hover .media-body p {color:#5C5C5C}

/* 案例 */
.project-1 .media-img {position:relative;overflow:hidden;margin-bottom:20px}
.project-1 .media-img .ph{transition:.5s;padding-bottom:64%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative}
.project-1 .media-img .ph150{transition:.5s;padding-bottom:132%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative}
.project-1 .media-img:hover .ph,.project-1 .media-img:hover .ph150{transform:scale(1.1);-webkit-transition:.5s;transition:.5s}
.project-1 .media-img:after {background:linear-gradient(to bottom,rgba(4,0,51,0) 0%,rgba(4,0,51,0.1) 76%,rgba(4,0,51,0.75) 100%);position:absolute;top:0;left:0;z-index:1;content:"";width:100%;height:100%;transition:0.5s;}
.project-1 .media-img:hover:after {background:rgba(4,0,51,0.6);-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
.project-1 .media-img .post-link {width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;z-index:2;opacity:0;filter(alpha=0)}
.project-1 .media-img .tit {bottom:20px;left:0;position:absolute;color:#fff;text-transform:uppercase;z-index:3;transition:0.5s;padding:0 20px;}
.project-1 .media-img:hover .tit {bottom:40px;}
.project-1 .media-img .tit strong a {display:block;}
.project-1 .media-img span{display: inline-block;}
/* 案例 end */

/* 横向左图右字列表 begin*/
.list-post-x .media {border-bottom:1px solid #f9f9f9;padding-bottom:10px;margin-bottom:15px;}
.list-post-x .media:last-child{border-bottom:0px solid #f9f9f9;padding-bottom:0px;margin-bottom:0px;}
.list-post-x .media .thumb-md{max-width:120px;overflow:hidden;}
.list-post-x .media.media-x .float-left {margin-right:15px}
.list-post-x .media img {transform:scale(1);transition: all .5s ease-out;}
.list-post-x .media:hover img {transition: all .5s ease-out;transform:scale(1.1);}
.list-post-x .media-body {text-align:left;padding:0;}
.list-post-x .media-body h3 {line-height:24px;overflow:hidden;}
.list-post-x .media-body h3 a {color:#333;}
.list-post-x .media-body p {color:#5C5C5C;line-height:24px}
/* 横向上图下字列表 end */

/* 分类 */
.nav-x .nav-split li {border-right:solid 1px #F9F9F9}
.nav-x .nav li.active ul li a {color:#333;}
.nav-x .nav li.active a i{color:#1954B1}
.nav-x .nav li a{height:70px;line-height:70px;color:#333;position:relative;padding:0 15px;font-size:16px;font-weight:400}
/* .nav-x .nav li:last-child a{padding:0 0 0 25px;} */
.nav-x .nav li ul li{border-right:solid 0 #F9F9F9}
.nav-x .nav li ul li a:hover{background:#1954B1;color:#fff}
.nav-x .nav li.active a,.nav-x .nav li a:hover{color:#1954B1;}
.nav-x .nav li ul{padding:0;top:100%;border-top-left-radius:0px;border-top-right-radius:0px;transition: 0.3s;min-width:100%;}
.nav-x .nav li ul li a {font-size:15px;background:#FFF;width:100%;height:46px;line-height:46px;color:#5C5C5C;font-weight:normal;display:block;width:100%;text-align:left;}
.nav-x .nav li.active ul li a {color: #5C5C5C;}
.nav-x .nav li ul li a.active{color:#1954B1}
.nav-x .nav li ul li a.active:hover{color:#fff}
.nav-x .nav li.active ul li a:hover{color:#fff}
.nav-x .nav i {line-height:70px;color:#ccc}

/* 横向导航2 */
.nav-x-button{width:100%;position:relative;}
.nav-x-button ul{padding:0; margin:0;font-size:0;-webkit-text-size-adjust:none;text-align:center}
.nav-x-button li{display:inline-block;}
.nav-x-button li a{position:relative;color: #5C5C5C;background:#fff;border:1px solid #ccc;line-height:48px;padding:0 30px;text-align:center;display:block;font-size: 16px;margin:0 10px;border-radius: 30px}
.nav-x-button li a:hover,.nav-x-button li a.active{color:#fff;background:#6497B2}

/* =====================产品列表end====================== */

/* =====================产品详细begin =====================*/
.product-description .padding-large{padding:30px 0 0 30px}
.product-description .padding-large-top{padding:0}
.product-description p{line-height:24px}

/* 产品详情TAB begin */
.product-overview .tab-head {border-radius:0;font-size:0;-webkit-text-size-adjust:none;width:100%;border-bottom:1px solid #EFEFEF}
.product-overview .tab .tab-nav li {display:inline-block;width:15%;}
/* .product-overview .tab .tab-nav li:last-child {margin-right:0px} */
.product-overview .tab .tab-nav li a {margin-bottom:-1px;color:#5C5C5C;padding:24px 0;display:block;line-height:24px;border:0;border-radius:0;font-size:20px;text-align:center;}
.product-overview .tab .tab-nav .active {border-radius:0px;}
.product-overview .tab .tab-nav .active a {cursor:default;color:#333;background:#FFF;border-bottom:3px solid #1954B1;}
.product-overview .tab .tab-nav li a,.product-overview .tab .tab-nav .active a:focus {outline:none;}
.product-overview .tab .tab-body {padding:0;border-radius:0;border-top:solid 0px #ddd;}
/* 产品详情TAB END */

/* 放大镜 begin */
#zoomimg{cursor:pointer;display:block}
.product-thumb .item img{border:1px solid #ebebeb}
.product-thumb .item:hover img{border:1px solid #1954B1}
.product-thumb .owl-nav .owl-next,.product-thumb .owl-nav .owl-prev{background:#1954B1;width:24px;height:24px;line-height:26px;}
.product-thumb .owl-nav .owl-prev{left:-12px;}
.product-thumb .owl-nav .owl-next{right:-12px;}
.product-thumb .owl-nav i{font-size:18px;}
.product-thumb:hover .owl-nav .owl-prev,.product-thumb:hover .owl-nav .owl-next {opacity: 1;}
/* 放大镜 end */

/*相关产品 begin*/
.product-related .media .media-body {padding:0 20px}
.product-related .media .media-body h2{height:50px;margin:10px 0;}
.product-related .media .media-body h2 a {font-size:16px;}
.product-related .media .media-body p {color:#5C5C5C;line-height:26px;font-size:14px}
.product-related .media:hover .media-body h2 a {color:#FD9D00;}
.product-related .owl-dots {position:absolute;top:-30px;right:0;padding:0;text-align:right;display:inline-block;width:100%;}

/* =====================产品详细end===================== */

/* =====================新闻列表begin=====================*/
/* 左图右文新闻列表 */
.excerpt {position:relative;overflow:hidden;margin-bottom:20px;}
.excerpt:last-child{border-bottom:none;;}
.excerpt .focus {float:left;overflow:hidden;position:relative;}
.excerpt .focus .imagelink {width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;z-index:2;opacity:0;filter(alpha=0)}
.excerpt .focus span{display:block;position:absolute;top:20px;right:20px;padding:0 10px;z-index:1}
.excerpt .thumb-big {width:60%;margin-right:30px;}
.excerpt .thumb-small {width:40%;margin-right:30px;}
.excerpt h2{display:block;margin:30px 30px 20px 0;font-weight:600;overflow:hidden}
.excerpt h2 a{font-size:24px;color: #333;}
.excerpt h2 a:hover{color:#1954B1}
.excerpt .note {font-size:16px;color:#999;word-wrap:break-word;line-height:24px;padding-right:30px}
.excerpt .time {position:absolute;left:40%;margin-left:30px;bottom:30px;}
.excerpt .itag {position:absolute;right:30px;bottom:30px;}
.excerpt .focus:after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(4,0,51,0);-webkit-transition:.3s;transition:.3s;}
.excerpt:hover .focus:after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(4,0,51,.4);-webkit-transition:.3s;transition:.3s;}
/* 左图右文新闻列表 end */

.excerpt-top strong {padding:5px 0 20px 0;display: block}
.excerpt-top strong a{font-size:20px;color:#333;}
.excerpt-3 .media {top:0;-webkit-transition:.5s;transition:.5s;margin-bottom:30px;position:relative;}
.excerpt-3 .media .ph{padding-bottom:68%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;}
.excerpt-3 .media:hover {top:-5px;-webkit-transition:.5s;transition:.5s;box-shadow: 0 30px 50px rgba(229, 229, 229, 0.8);}
.excerpt-3 .media-body {text-align:left;padding:15px 20px 20px 20px}
.excerpt-3 .media-body strong {height:60px;line-height:26px;overflow:hidden;}
.excerpt-3 .media .ph:after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;-webkit-transition:.5s;transition:.5s;
background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),to(rgba(4,0,51,.8)));
background: -webkit-linear-gradient(top,transparent 50%,rgba(4,0,51,.8) 100%);
background: -o-linear-gradient(top,transparent 50%,rgba(4,0,51,.8) 100%);
background: linear-gradient(to bottom,transparent 50%,rgba(4,0,51,.8) 100%);
}
/* =====================新闻列表begin=====================*/

/* =====================内容 begin====================== */
.content {font-size:16px}
.content .padding{padding:50px}
.content hr {margin:10px 0;height:1px;}
.content h1 {font-size:36px;font-weight:600;margin:0;}
.content h2 {font-size:24px;font-weight:600;margin:10px 0;}
.content h3 {font-size:20px;font-weight:600;margin:10px 0;}
.content h4 {font-size:18px;font-weight:600;margin:10px 0;}
.content strong {font-size:18px;margin:10px 0}

.content table {margin:20px 0;}
.content table th{background:#DAF0FD;color:#FFF;border:1px solid #fff}
.content table tr.ue-table-interlace-color-single{background:#DAF0FD;}
.content p {font-size:16px;line-height:26px;margin-bottom:10px;}
.content img {margin:0;max-width:100%}
.content a{text-decoration: none;border-bottom: 0px solid #1D4696;color: #1D4696;}
.content a:hover{color:#1954B1;border-bottom: 0px solid #1954B1;}
.content .text-right {text-align:right}

.content ul.list-paddingleft-2 {padding:0}
.content ul li {padding:0 0 5px 20px;position:relative;font-size:16px;}
.content ul li p {line-height:24px}
.content ul li:before {content:'';position:absolute;top:9px;left:0px;background:#FFF;width:8px;height:8px;border-radius:50%;}

.content ol {border-left:2px solid #1954B1;padding:0}
.content ol.list-paddingleft-2 {position:relative;}
.content ol li {padding:0 0 10px 20px;position:relative;font-size:14px;}
.content ol li p {line-height:24px}
.content ol li:before {content:'';position:absolute;top:6px;left:-7px;background:#1954B1;width:12px;height:12px;border:2px solid #fff;border-radius:50%;}
.content ol li:hover:before {content:'';position:absolute;top:7px;left:-8px;background:#1954B1;width:14px;height:14px;border:2px solid #fff;border-radius:50%;}

/* 上下篇  */
.prenext-txt {border-top:1px solid #f8f8f8}
.prenext-txt .padding{padding:30px 50px}

/* =============================内容 end================ */

/* =============================项目列表========================== begin*/
/* style2 */
.project_ph{transform:scale(1);padding-bottom:64%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;-webkit-transition:.5s;transition:.5s;overflow:hidden;text-indent: -3000px}

.project-list2 dl{overflow: hidden;position: relative;margin-bottom:30px;}
/* .project-list2 dl:nth-child(2n+1){clear:both;margin-left:0;} */
.project-list2 dl:hover .project_ph{transform:scale(1.1);-webkit-transition:.5s;transition:.5s;}
.project-list2 dl dd{width: 100%;height:100%; position: absolute;left:0;top:0;}
.project-list2 dl dd .mask{background: rgba(4,0,51,0);width: 100%;height:100%;left:0;top:0; padding: 3em 5em; transition: all 0.5s ease 0s; position:absolute;}
.project-list2 dl dd .mask::before, .project-list2 dl dd .mask::after { box-sizing: border-box; content: ''; position: absolute; top: 20px; left:20px;bottom:20px;right:20px;-webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; }
.project-list2 dl dd .mask::before { border-top: 2px solid rgba(255,255,255,.6); border-bottom: 2px solid rgba(255,255,255,.6); -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); }
.project-list2 dl dd .mask::after { border-left: 2px solid rgba(255,255,255,.6); border-right: 2px solid rgba(255,255,255,.6); -webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); }
.project-list2 dl dd a:hover .mask::before,.project-list2 dl dd a:hover .mask::after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; }
.project-list2 dl dd .mask span{display: block;width:33px;height:33px; background: url(../images/product4.png) no-repeat center; background-size: 100%; position: absolute;right:50px;bottom:46px; transition: all 0.5s ease 0s; transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0; filter: alpha(opacity=0);}
.project-list2 dl dd a:hover .mask{background: rgba(4,0,51,0.4);}
.project-list2 dl dd a:hover .mask span{opacity: 1; filter: alpha(opacity=1);transform: scale(1);}
.project-list2 dl dd strong{font-size:16px;position: absolute;left:20px;bottom:20px;transition: all 0.5s;}
.project-list2 dl dd a:hover strong{left:40px;bottom:40px;}

/* =============================项目列表end========================== begin*/

/* =====================联系我们 =======================*/


/* ==========================联系我们 =============================end*/

/*分页 begin*/
.pagination {color:#999}
.pagination li {margin:5px;font-size:14px;border:none;}
.pagination li a{border-radius:5px;color:#999;background:#fff;padding:10px 16px;}
.pagination li .current{padding:10px 16px;background:#1954B1;color:#fff;border-radius:6px;border:none}
.pagination li i {font-weight:bold;}
.pagination li.active a,.pagination li a:hover {background:#1954B1;color:#fff;}
/*分页 end*/

/* 社交图标 */
.social-button a{display:inline-block;color:#fff;width:40px;height:40px;text-align:center;line-height:40px;margin-right:10px;}
.social-button a.facebook{background:#3B5999}
.social-button a.tumblr{background:#41ABE1}
.social-button a.youtube{background:#FD021C}
.social-button a.linkedin{background:#0966C3}
.social-button a:hover{opacity:0.8}
/* 社交图标 end */

.title-style5 h5{position: relative;display: inline-block;font-size: 18px;line-height: 24px;font-weight: 900;margin-bottom: 0px;padding: 0px 50px 0px 50px}
.title-style5 h5::before{position: absolute;content: '';background: #fff;width: 30px;height: 2px;left: 0px;bottom: 14px}
.title-style5 h5::after{position: absolute;content: '';background: #fff;width: 30px;height: 2px;right: 0px;bottom: 14px}
.title-style5 h2{font-size:32px;font-weight:600;text-transform:uppercase;margin-bottom:20px}

/* 标题-居左 */
.title-style1 h2 {position:relative;font-size:38px;font-weight:600;text-transform:uppercase;margin-bottom:10px}
.title-style1 h3 {position:relative;font-size:24px;font-weight:600;text-transform:uppercase;margin-bottom:30px}
.title-style1 h2:before,.title-style1 h3:before {content:'';display:block;position:absolute;width:30px;height:3px;bottom:-10px;background:#1954B1;left:0}

/* 标题-居中 */
.title-style2{position:relative;z-index:2;}
.title-style2 h2,.title-style2 h3{position:relative;font-size:38px;text-transform:uppercase;margin:0 auto 10px auto;font-weight: bold;}
.title-style2 h2:before {content:'';display:block;position:absolute;width:30px;height:3px;bottom:-10px;left:50%;margin-left:-15px;background:#fff;}
.title-style2 h3:before {content:'';display:block;position:absolute;width:30px;height:3px;bottom:-10px;left:50%;margin-left:-15px;background:#1954B1;}
.title-style2 p {line-height:28px;font-size:16px;}

/* 标题-侧边加线条 */
.title-style4 h2 {line-height:28px;height:28px;color:#333;position:relative;font-size:20px;letter-spacing:0;padding-left:20px;margin-bottom:10px;}
.title-style4 h2:before {content:'';display:block;position:absolute;width:5px;height:20px;top:4px;background:#1954B1;left:0}

/* 有序列表 begin*/
.list-post-text {padding:0px}
.list-post-text li {padding:10px 0;line-height:20px}
.list-post-text li a{display:block;}
.list-post-text li.dot a {padding-left:15px;position:relative;font-size: 16px}
.list-post-text li.dot:hover a:before {background:#1954B1;}
.list-post-text li.dot a:before {content:'';position:absolute;left:-2px;background:#ccc;width:6px;height:6px;top:8px;border-radius:50%}
/* 有序列表  end*/

/* 标签 */
.tag{display:inline-block;transition:0.3s;}
.tag.padding-small{padding:3px 8px;}
.tag.padding{padding:5px 12px;}
.tag.bg-none{padding:0;}
.tag.bg-white{background-color:rgba(255,255,255,.1);}
.tag.bg-black{background-color:rgba(4,0,51,.3);}

/* 路径样式 */
.bread-style1 {line-height:40px;height:40px;font-size:0}
.bread-style1 i,.bread-prolist i{font-size:14px;color:#fff}
.bread-style1 a,.bread-prolist a{color:#fff;font-size:14px;display:inline-block;}
.bread-style1 a:hover,.bread-prolist a:hover{color:#fff}
.bread-style1 a:after,.bread-prolist a:after {content:"/";padding:0 10px;}
.bread-style1 a:last-child:after,.bread-prolista:last-child:after {content:"";background:none;}
/* 路径样式 */

/*悬浮客服 begin*/
.kefu{position:fixed;width:40px;right:20px;top:55%;z-index:999;}
.kefu ul li{background: #6497B2;width:40px;height:40px;line-height:40px;margin:2px 0;border-radius:10px;box-shadow:0px 3px 8px 0px rgba(4,0,51,.15);float:left;position:relative;transition:all .3s;cursor:pointer;}
.kefu ul li i{font-size:16px}
.kefu ul li.sidewx .wxBox.son{left:-155px;width:150px;padding:10px;display:none;position:absolute;top:0;box-shadow:0px 0 10px 0 rgba(4,0,51,.1)}
.kefu ul li.sidetel .telBox.son{left:-196px;width:210px;padding-right:20px;display:none;text-align:left;position:absolute;top:0px;}
.kefu ul li.sidetel .telBox .post{position:relative;padding:15px 10px;box-shadow:0 0 10px 0 rgba(4,0,51,.1);border-radius:5px}
.kefu ul li.sidetel .telBox .post:after,.kefu ul li.sidewx .wxBox.son:after{border-left:6px solid #fff;z-index: 3;position: absolute;top:12px;right:-6px;display: inline-block;border-top:6px solid transparent;border-bottom: 10px solid transparent;content: '';}
.kefu ul li.sidetel .telBox .post .media {padding:5px 0;}
.kefu ul li.sidetel .telBox .post .media.media-x .float-left{margin-left:0px}
.kefu ul li.sidetel .telBox .post .media i{font-size:18px;}
.kefu ul li.sidetel .telBox .post .media .media-body {padding:0;margin-top:-3px;}
.kefu ul li.gotop:hover{opacity:.8;filter:Alpha(opacity=80);z-index:0}
.kefu ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}to{opacity:1}}
/*悬浮客服 end*/

/* 底部-页脚样式1 begin*/
footer{background:#03204C;color:#A3A3A3;padding:80px 0 0 0;}
/* url(../images/footer-bg.jpg) no-repeat;background-position:center center;background-size:cover */
footer h3 {font-size:20px;color:#fff;margin-bottom:30px;font-weight:700}
/* footer h3:before {content:'';width:5px;height:5px;border-radius:50%;background:#00BAE1;display:inline-block;margin-right:5px;vertical-align:middle;margin-top:-4px;margin-left:-10px} */
footer ul li.block {float:left;}
footer ul li.block-0 {width:40%}
footer ul li.block-1 {width:15%}
footer ul li.block-2 {width:15%}
footer ul li.block-3 {width:30%}
footer ul li ul {margin-top:20px;}
footer ul li ul li a {line-height:30px;font-size:16px;color:#A3A3A3;}
footer ul li ul li a:hover {color:#fff;}
footer .about {padding:30px 120px 0 0;line-height:24px;color:#A3A3A3;font-size:16px}
footer .design{position:relative;}
footer .footer-ico li{display:inline-block;margin-left:20px}
footer .contact {margin-top:30px;}
footer .contact .media {padding:0;margin:0;padding:0 0 20px 0;}
footer .contact .media span{width:30px;height:24px;line-height:24px;}
footer .contact .media i {font-size:16px;line-height:24px;}
footer .contact .media .media-body {padding:0 0 0 5px;}
footer .contact .media .media-body a,footer .contact .media .media-body p{line-height:24px;color:#A3A3A3;font-size:14px}
.copyright {background: #040033;color:#5C5C5C;font-size:15px;line-height: 70px;}
.copyright a {color:#A3A3A3}

@media screen and (max-width:1440px) {
.container-layout {max-width:1320px;}
.side-l {margin-right:30px}
.side-r {margin-left:-20px;}
.news-l {margin-right:30px}
.news-r {margin-left:-20px;}
.blank-middle {height:30px;line-height:30px;}
.blank-big {height:50px;line-height:50px;}
.blank-large {height:80px;line-height:80px;}
.padding-large{padding:40px;}

/*.guestbook{padding:30px 30px 40px 0}
.guestbook .input{height:40px;line-height:40px;}
*/
.contact-guestbook .wrap{width:650px;}
.contact-guestbook .title h2{padding-top:15%;}

.solution-1 {height:450px;}

}
/* 平板768begin */
@media screen and (max-width:1000px) {
.container-layout{max-width:100%;}
.side-l,.news-l{margin:0;width:100%}
.side-r,.news-r{margin:20px auto 0 auto;width:100%}

.line-large {margin-left:-10px;margin-right:-10px}
.line-large .x1,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .xl1,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xs1,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xm1,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xb1,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xb10,.line-large .xb11,.line-large .xb12 {position:relative;min-height:1px;padding-right:10px;padding-left:10px}
}

/* 手机开始 */
@media screen and (max-width:768px) {

.line-big {margin-left:-5px;margin-right:-5px}
.line-big .x1,.line-big .x2,.line-big .x3,.line-big .x4,.line-big .x5,.line-big .x6,.line-big .x7,.line-big .x8,.line-big .x9,.line-big .x10,.line-big .x11,.line-big .x12,.line-big .xl1,.line-big .xl2,.line-big .xl3,.line-big .xl4,.line-big .xl5,.line-big .xl6,.line-big .xl7,.line-big .xl8,.line-big .xl9,.line-big .xl10,.line-big .xl11,.line-big .xl12,.line-big .xs1,.line-big .xs2,.line-big .xs3,.line-big .xs4,.line-big .xs5,.line-big .xs6,.line-big .xs7,.line-big .xs8,.line-big .xs9,.line-big .xs10,.line-big .xs11,.line-big .xs12,.line-big .xm1,.line-big .xm2,.line-big .xm3,.line-big .xm4,.line-big .xm5,.line-big .xm6,.line-big .xm7,.line-big .xm8,.line-big .xm9,.line-big .xm10,.line-big .xm11,.line-big .xm12,.line-big .xb1,.line-big .xb2,.line-big .xb3,.line-big .xb4,.line-big .xb5,.line-big .xb6,.line-big .xb7,.line-big .xb8,.line-big .xb9,.line-big .xb10,.line-big .xb11,.line-big .xb12 {position:relative;min-height:1px;padding-right:5px;padding-left:5px}
.line-large {margin-left:-5px;margin-right:-5px}
.line-large .x1,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .xl1,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xs1,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xm1,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xb1,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xb10,.line-large .xb11,.line-large .xb12 {position:relative;min-height:1px;padding-right:5px;padding-left:5px}

.padding-small,.padding-middle{padding:10px;}
.padding-big,.padding-large {padding:30px 20px;}

.blank-small{height:10px;line-height:10px;}
.blank-middle,.blank-big{height:20px;line-height:20px;}
.blank-large{height:30px;line-height:30px;}
.banner-big{height:200px}

.banner .banner-tit {top:50%;margin-top:-30px;}
.banner .banner-tit h2 {font-size:36px;}

.slides .media-img .ph{padding-bottom:64%;}

.index_about .text .content{padding:30px 20px;}
.index_about .text .content .title {line-height:36px;font-size:24px;}
.index_about .text .content p{line-height:32px;font-size: 16px;color: #5C5C5C;}
.index_about .pic{border-radius: 10px 10px 0 0}
.index_about .pic img{max-width:100%}

.index-product .media{padding:10px;}

.tab-normal .tab .tab-nav li{width:33.333%;display:block;float:left;}
.tab-normal .tab .tab-nav li a {padding:0px 10px;height:42px;line-height:42px;}

.carousel-pro .owl-dots{display: none}
.carousel-pro .owl-nav .owl-prev {left:10px;}
.carousel-pro .owl-nav .owl-next {right:10px;}

.about .text {padding-left:10px;padding-right:10px;padding-top:20px}
.about .text h2{font-size:24px;margin-bottom:20px}
.about .pic{margin-top:10px;}

.vision{background-position:center 0;padding:20px 0;}
.vision .pic{margin-top:10px}

.countUp{margin-top:0;margin-right:0}
.countUp .media{margin-top:0;margin-bottom:10px;padding:20px;}
.countUp .counter{font-size:48px;line-height:58px;}
.countUp span{font-size:48px;}
.countUp p{line-height:18px;}

.advantage{background-position:center 0;padding:20px 0;}
.advantage .ico .media{padding:20px 10px;}

.title-style5 h2 {font-size:20px;}
.title-style1 h2 {font-size:20px;margin:20px auto;}
.title-style2 h2,.title-style2 h3 {font-size:24px;margin:20px auto;}

.carousel-news .media-body {padding:20px 10px;}
.carousel-news .media-body h2 {min-height:40px;line-height:20px;}
.carousel-news .media-body h2 a{font-weight:400}
.carousel-news .owl-nav .owl-prev {left:10px;}
.carousel-news .owl-nav .owl-next {right:10px;}

.carousel-pro .media {padding:0px;}

.product-list .media {margin-bottom:10px;}
.product-list .media .media-body {padding:10px}

/* 联系我们 end */
.contact-guestbook .title{width:100%;float:none;text-align:center;padding-bottom:50px}
.contact-guestbook .title h2{font-size:36px;line-height:36px;padding-top:10%;padding-left:20px;padding-right:20px;padding-bottom:20px;}
.contact-guestbook .title a{font-size:20px;}
.contact-guestbook .wrap{width:auto;float:none;}

.nav-x .nav-split li {border-right:solid 0px rgba(4,0,51,.06)}
.nav-x .button.border-white:hover, .nav-x .button.border-white:focus, .nav-x .button.bg-white:hover, .nav-x .button.bg-white:focus{color: #333;border-color: #FFF;background-color: #FFF;}

/* 横向导航2 */
.nav-x-button .container{padding:0;margin:0}
.nav-x-button ul{box-shadow: 0 10px 25px rgba(0, 0, 0, 0.075);width:96%;margin:0 auto;border-radius:5px;background:#fff}
.nav-x-button li{width:100%}
.nav-x-button li:first-child a {border-radius:0px;border-top-left-radius:5px;border-top-right-radius:5px;}
.nav-x-button li:last-child a{border-radius:0px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.nav-x-button li a{border:0;border-bottom:1px solid #f8f8f8;color:#5C5C5C;padding:15px 0;line-height:30px;margin:0;background:#fff}
.nav-x-button .menu{text-align:center;background:#f9f9f9;padding:20px 0 0 0;}
.nav-x-button .menu button{background:#fff;border:1px solid #ddd;z-index:3;height:50px;line-height:50px;padding:0 30px; margin:0 auto;border-radius:0; color:#5C5C5C; font-size:16px; text-align:center;}
.nav-x-button li a:hover,.nav-x-button li a.active{color:#1954B1;}
/* 横向导航2 */

/* 产品详细页 */
.product-description .padding-large{padding:20px 10px}
.product-description .padding-large-top{padding:0}
.product-overview .tab .tab-nav li {display:inline-block;width:48%;}
.product-overview .tab .tab-nav li a {padding:15px 0;font-size:18px;}
.product-overview .tab .tab-body {padding:10px 0}

/* 内容页 */
.content .padding{padding:10px}
.content h1 {font-size:24px;margin-bottom:10px;}
.content h2 {font-size:20px;margin-bottom:10px;}
.content h3 {font-size:18px;margin-bottom:10px;}

.prenext-txt .padding{padding:20px 10px}

/*.guestbook{padding:20px}
.guestbook .contact {padding:30px 20px}
.guestbook .content p{line-height:20px}
.guestbook .contact h2,.dialog-body h3 {font-size:20px;}
.guestbook .contact .media {margin:5px 0;padding:0 0 5px 0;}
.guestbook .input {height: 50px;line-height: 50px;}
*/
.carousel-news .media-body {padding:20px 10px;}
.carousel-news .media-body h2 {min-height:40px;line-height:20px;}
.carousel-news .media-body h2 a{font-weight:400}

.excerpt-3 .media {margin-bottom:10px;}
.excerpt-3 .media-body {padding:10px}
.excerpt-3 .media-body strong {}
.excerpt-3 .media-body strong a.text-middle {font-size:16px;}

/* 左图右文 begin */
.excerpt {margin-bottom:20px;}
.excerpt .thumb-small,.excerpt .thumb-big {margin-right:20px}
.excerpt h2 {margin:20px 20px 0 0;line-height:24px;height:48px;}
.excerpt h2 a {font-size:18px;}
.excerpt .note {color:#999;font-size:14px;}
.excerpt .time {margin-left:20px;bottom:20px;}
.excerpt .itag {bottom:20px;right:20px;}
/* 左图右文 end */

/* style2 */
.project-list2 dl{margin-bottom:10px }
.project-list2 dl dd .mask::before, .project-list2 dl dd .mask::after {top: 10px; left:10px;bottom:10px;right:10px;}
.project-list2 dl dd h2{font-size:16px;left:10px;bottom:10px;}
.project-list2 dl dd a:hover h2{left:25px;bottom:25px;}

.project-1 .media-img{margin-bottom:10px} 

/* 解决方案  */
.solution-1 {height:280px;}
.solution-1 .item-title{font-size:24px;margin-top:100px;}
.solution-1 .item-title:before {width:80px;bottom:-50px;margin-left:-40px;}
.solution-1:hover .item-title{margin-top:180px;}
/* 解决方案  */

.nav-y .nav li ul:after{display:none}
.nav-y .nav li ul {top:54px;min-width: 100%;}
.nav-y .button.border-white:hover, .nav-y .button.border-white:focus, .nav-y .button.bg-white:hover, .nav-y .button.bg-white:focus{color: #333;border-color: #FFF;background-color: #FFF;}

footer{padding:0;}
.copyright {text-align:center;font-size:16px;}
}