<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face{font-family: "Bebas";src: url("../font/BEBAS___-webfont.woff.ttf") 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: "Rounded";
    src: url("../font/Rounded.woff2") format('opentype');
    font-weight: normal;
    font-style: normal
}
body{font-family:"Microsoft Yahei",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:#00469B;}
::-moz-selection {color:#fff;background:#00469B;}
::selection {color:#fff;background:#00469B;}
.text-lowercase {text-transform:lowercase;}
.text-uppercase,.initialism {text-transform:uppercase;}
.text-capitalize {text-transform:capitalize;}
a {color:#666;text-decoration:none}
a:focus,a:hover {color:#00469B;transition:none}
a.text-gray:hover{color:#00469B}
p {margin:0}
dd,dl,li,ul{margin:0;padding:0;list-style:none}

.fixed {z-index:9999;}
.Bebas {font-family:"Bebas";}
.DINCondensedC{font-family: 'Conv_DINCondensedC';}

.bg-gradient{background-color: transparent;background-image: linear-gradient(145deg, #00B3FE 30%, #01EDC9 80%);}
.gradient-text{
  position: relative;
  display: inline-block;
  background: linear-gradient(to left, #002F68, #0F3FBB);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bg-gradient-blue{background: linear-gradient(to left, #002F68, #0F3FBB);}

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

.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:30px;line-height:30px;clear:both;font-size:0;}
.blank-big {height:50px;line-height:50px;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-wrap{max-width:1000px;margin:0 auto;display:block;padding:0 10px}
.container-wrap:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}

.container-layout{max-width:1480px;}
.side-l {margin-right:50px}
.side-r {margin-left:-50px;}
.news-l {margin-right:50px}
.news-r {margin-left:0px;}
/* å¸ƒå±€ end */

.ph{transform:scale(1);-webkit-transition:.3s;transition:.3s;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}

.grip{overflow: hidden;}
.grip .leften{height:195px;position:relative;}
.grip .leften .tite{position:absolute;left:0;bottom: 0px;width:100%;padding:0 20px;line-height: 44px;}
.grip .centit{height: 195px;padding-right: 20px}
.grip .centit .cn{font-size: 42px;font-weight: 600;display: block;padding-top:60px;padding-bottom: 20px}
.grip .centit .en{font-size: 18px;}
.grip .rightpic{position:relative;}
.grip .rightpic .tit{position:absolute;left:0;bottom: 0;width:100%;padding:0 20px;line-height: 44px;background: linear-gradient(to left, rgba(0, 70, 155, 0) 0%, rgba(0, 70, 155, 1) 100%);}

/* ========================== é¦–é¡µ ========================== */
/*è½®æ¢å¹¿å‘Š*/
.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:40px;top:50%;-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 {font-size:56px;font-weight:600;position:relative;margin-bottom:20px;}
.banner .banner-tit h2:before {left:50%;margin-left:-50px;bottom:-10px;width:100px;height:4px;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:#00469B;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:#00469B;-webkit-transition:.5s;transition:.5s;}

/* å†…é¡µå¹¿å‘Šé«˜åº¦ */
.banner-big{height:500px}
.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:#666;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:#00469B}
.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: #666;}

.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}

/* é¦–é¡µä¼˜åŠ¿ */
.adv-style1 {background-repeat:no-repeat;background-position:center center;}
/* .adv-style1{overflow: hidden;position: relative;padding:0} */
/* .adv-style1::before {content: "";background: #ccc;position: absolute;bottom:-35px;top: 35px;left: 0;right: 0;transform: skewY(-2deg);} */
.adv-style1 .left{margin-right:30px}
.adv-style1 .middle{margin:0;padding:30px;}
.adv-style1 .middle img{width:100%;}
.adv-style1 .right{margin-left:30px;}
.adv-style1 .pic-x{margin-top:60px}
.adv-style1 .pic-x .media.media-x strong {font-size:24px;margin-bottom:20px;}
.adv-style1 .pic-x .media.media-x .media-body{line-height:28px;font-size:16px}

/*å…³äºŽ&amp;é¦–é¡µ-åˆä½œä¼™ä¼´ logo*/
.partners-style1 ul {border-collapse:collapse;}
.partners-style1 ul li{width:25%;float:left;}
.partners-style1 ul li .list-li{overflow:hidden;border-bottom:2px dashed #eee;border-right:2px dashed #eee;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
.partners-style1 ul li:nth-child(4) .list-li,.partners-style1 ul li:nth-child(8) .list-li,.partners-style1 ul li:nth-child(12) .list-li{border-right:0px solid #0000ff;}
.partners-style1 ul li:nth-child(13) .list-li,.partners-style1 ul li:nth-child(14) .list-li{border-bottom:0px solid #0000ff;}
.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%);}
.partners-style1 .last-li{width:50%;float:left;text-align: center}

/*å…³äºŽ&amp;é¦–é¡µ-åˆä½œä¼™ä¼´ 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:#00469B;}

/* é¦–é¡µæ–°é—» */
.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:#666}
.carousel-news .media:hover a.button{background:#6497B2;border:2px solid #6497B2;color:#fff;}
.carousel-news .media:hover .media-body h2 a {color:#00469B;}
.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:#00469B}*/
.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:#999 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:#00469B}
.contact-guestbook .title a{font-size:24px;text-decoration: none;border-bottom: 2px solid #00469B;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}

.notice .tit1{display: block;height:243px;background: linear-gradient(to left, #002F68, #0F3FBB);padding:50px 30px;color:#fff;}
.notice .tit1 strong{margin:0 0 20px 0;font-size: 36px;display: block}
.notice .tit1 p{line-height: 28pxï¼›font-size: 16px}

.notice dt{float:left;width:60%;}
.notice dt img{padding-right:10px;}
.notice dd{float:left;width:40%;height:245px;background: linear-gradient(to left, #002F68, #0F3FBB);padding:50px 30px;color:#fff;}
.notice dd strong{margin:0 0 20px 0;font-size: 32px;display: block}
.notice dd p{line-height: 28px;font-size: 16px}

.notice3 dl{margin-top:10px;}
.notice3 dt{float:left;width:60%;}
.notice3 dt img{padding-left:10px;}
.notice3 dd{float:left;width:40%;height:243px;background: linear-gradient(to left, #002F68, #0F3FBB);padding:50px 30px;color:#fff;}
.notice3 dd strong{margin:0 0 20px 0;font-size: 32px;display: block}
.notice3 dd p{line-height: 28px;font-size: 16px}

.notice4 dd{padding:30px 20px;color:#fff;}
.notice4 dd.bg1{background:#FACB00 }
.notice4 dd.bg2{background:#2D88F7 }
.notice4 dd.bg3{background:#9FBF00 }
.notice4 dd strong{margin:0 0 10px 0;font-size: 24px;display: block}

.notice5 {display: block;padding:30px;color:#fff;}
.notice5 strong{margin:0 0 20px 0;font-size: 36px;display: block}

.notice6 dd{padding:20px;color:#fff;}
.notice6 dd strong{font-size:18px;}

/* æ¨ªå‘å¯¼èˆª2 */
.nav-x-button{width:30%;position:relative;margin:0 auto;}
.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: #333;background:#fff;box-shadow:0 10px 25px 0 rgba(0,0,0,.06);line-height:70px;padding:0 30px;text-align:center;display:block;font-size: 16px}
.nav-x-button li a:hover,.nav-x-button li a.active{color:#fff;background: linear-gradient(to left, #002F68, #0F3FBB)}

/* =====================é¦–é¡µ 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:#666;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}*/

/* about_mask begin */
.aboutmask1 {position:relative;background-repeat:no-repeat;background-position:center top;background-size:cover;margin:0;padding:0;}
.aboutmask1 .content1{margin: 150px 0 0 0;padding:80px 0 80px 40px;background:rgba(255,255,255,0.6)}
.aboutmask1 .content1 h2{font-size:50px;font-weight: 600}
.aboutmask1 .content1 h3{font-size:28px;font-weight: 600;letter-spacing:1px}
.aboutmask1 .content1 .text1{padding:60px 200px 0 0;}
.aboutmask1 .content1 .text1 p{line-height: 32px;font-size: 16px}

.aboutmask2 {min-height:500px;position:relative;background-repeat:no-repeat;background-position:center top;background-size:cover;}
.aboutmask2 .content2{position:absolute;top:240px;bottom:-120px;left:12%;right:0;padding:40px;background:rgba(0,70,155,0.95)}
.aboutmask2 .content2 h2{font-size:50px;font-weight: 600}
.aboutmask2 .content2 h3{font-size:36px;font-weight: 600}
.aboutmask2 .content2 .text1{padding:60px 200px 0 0;}
.aboutmask2 .content2 .text1 p{line-height: 32px;font-size: 16px}

.yinrong{}
.yinrong .title{padding:20px;}
.yinrong .title strong{font-size: 20px}

.excerpt-logo {-webkit-transition:.3s;-o-transition:.3s;transition:.3s;background-repeat:no-repeat;background-position:center 0;background-size:cover;}
.excerpt-logo .media{padding:20px;box-shadow:0 10px 25px 0 rgba(0,0,0,.06);}
.excerpt-logo .media img{width:90px;}
.excerpt-logo .media:hover {transition:all 0.5s;top:-10px}
.excerpt-logo .media:hover .media-body strong a,.excerpt-logo .media:hover .media-body p {color:#FF9E00}
.excerpt-logo .media-body strong {font-size:16px;display: block;height: 24px;overflow: hidden;font-weight: 400;margin-top:5px;}

.aboutmask3 {position:relative;}
.aboutmask3 .content3{position:absolute;top:50%;left:0;right:0;padding: 30px;}

/* æ’­æ”¾åŠ¨ç”» */
.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}

.countUpmask {position:relative;background-repeat:no-repeat;background-position:center 80%;background-size:cover;margin:0;padding:0;}

.countUp{margin-top:110px;margin-right:20px}
.countUp i{font-style:normal;}
.countUp .media{position:relative;padding:20px 30px;-webkit-transition:.5s;transition:.5s;}
.countUp .counter{font-size:60px;font-weight: 600;padding-top:10px;}
.countUp span{font-weight:normal;font-size:36px;}
.countUp p{line-height:24px;}

/* æ»šåŠ¨èµ„è´¨ */
.honour2 .media {-webkit-transition:.5s;transition:.5s;}
.honour2 .media .vh{padding-bottom:135%;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%*/}
.honour2 .media-body {text-align:center;padding:10px}
.honour2 .media-body h2 a {line-height:24px;font-size:16px;color:#333;}
.honour2 .media:hover .media-body h2 a {color:#00469B;}
.honour2 .media:hover .media-body p {color:#666}
.honour2:hover .owl-nav .owl-prev,.honour2:hover .owl-nav .owl-next {background:#00469B;opacity: 1;color:#fff;}
.honour2 .owl-nav .owl-prev {left:-20px;}
.honour2 .owl-nav .owl-next {right:-20px;}

.honour .media {-webkit-transition:.5s;transition:.5s;}
.honour .media .ph{padding-bottom:74%;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:#00469B;}
.honour .media:hover .media-body p {color:#666}
.honour:hover .owl-nav .owl-prev,.honour:hover .owl-nav .owl-next {background:#00469B;opacity: 1;color:#fff}
.honour .owl-nav .owl-prev {left:-20px;}
.honour .owl-nav .owl-next {right:-20px;}
/* æ»šåŠ¨èµ„è´¨ end*/

/* ä¼˜åŠ¿ begin */
.advantage{background-repeat:no-repeat;background-position:center 60px;background-size:cover;padding-bottom:50px}
.advantage .pic{position:relative;}
.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:20px 30px;box-shadow:0 10px 25px 4px rgba(0,0,0,.06);margin-bottom:20px}
.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}
.advantage .ico .media-body strong {margin:10px 0;font-size:18px;color:#333}

.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 30px;box-shadow:0 10px 25px 4px rgba(4,0,51,.06);margin-bottom:20px}
/*.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}
.advantage .ico .media-body strong {margin:10px 0;font-size:18px;color:#333;text-transform: uppercase;}

/* =====================å…³äºŽæˆ‘ä»¬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 #F0EEEF;margin-bottom: 0px;padding: 0 30px;height: 60px;line-height:58px;}
.nav-y .nav-sub a {border-bottom: solid 1px #F0EEEF;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:#00469B}
.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:#F0EEEF;}
.nav-y .nav li a:hover i{color:#00469B}
.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:#00469B;}
.nav-y .nav li ul li a {background:#FFF;width:100%;line-height:50px;color:#333;font-size:16px;font-weight:normal;display:block;width:100%;text-align:left;}
.nav-y .nav li.active ul li a {color: #666;}
.nav-y .nav li ul li a.active{color:#00469B}
.nav-y .nav li ul li a.active:hover{color:#00469B}
.nav-y .nav li.active ul li a:hover{color:#00469B}
.nav-y .nav i {float: right;margin-top:20px;color:#ccc}

.product_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}
.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-y{text-align: left}
.product-list .media .media-body {padding:20px 30px;margin:0;}
.product-list .media .media-body strong {font-size:16px;display: block;height: 48px}
.product-list .media .media-body p.entit{height: 24px;overflow: hidden}
.product-list .media .media-body ul li {padding:5px 0 5px 15px;position:relative;font-size:14px;color:#999}
.product-list .media .media-body ul li:before {content:'';position:absolute;top:13px;left:0px;background:#ccc;width:5px;height:5px;border-radius:50%;}
.product-list .button {margin-top:20px;height:38px;width:100px;line-height:20px;background:#F0EEEF;color:#666;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:#00469B;}
.product-list .media:hover .media-body p {color:#666}

/* æ¡ˆä¾‹ */
.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 #F0EEEF;padding-bottom:10px;margin-bottom:15px;}
.list-post-x .media:last-child{border-bottom:0px solid #F0EEEF;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:#666;line-height:24px}
/* æ¨ªå‘ä¸Šå›¾ä¸‹å­—åˆ—è¡¨ end */

/* åˆ†ç±» */
.nav-x{width:25%;margin:0 auto;position:relative;}
.nav-x .nav-split li {border-right:solid 1px #fff}
.nav-x .nav-split li:last-child{border-right: 0}
.nav-x .nav li.active ul li a {color:#fff;}
.nav-x .nav li.active a i{color:#fff}
.nav-x .nav li.active a{background: #002F68}
.nav-x .nav li a{background: linear-gradient(115deg, #0F3FBB, #002F68);height:70px;line-height:70px;color:#fff;position:relative;padding:0 15px;font-size:16px;font-weight:400}
.nav-x .nav li a:hover{background: linear-gradient(115deg, #002F68, #0F3FBB);color:#fff;}
.nav-x .nav li ul li{border-right:solid 0 #F9F9F9}
.nav-x .nav li ul li a:hover{color:#fff}

/*.nav-x .nav li.active a,.nav-x .nav li a:hover{color:#fff;}*/
.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:16px;background:#FFF;width:100%;height:50px;line-height:50px;color:#666;font-weight:normal;display:block;width:100%;text-align:left;}
.nav-x .nav li.active ul li a {color: #666;background: #fff}
.nav-x .nav li ul li a.active{color:#fff;background: linear-gradient(115deg, #002F68, #0F3FBB);}
.nav-x .nav li ul li a.active:hover{color:#fff}
.nav-x .nav li.active ul li a:hover{color:#002F68}
.nav-x .nav i {color:#fff}


/* =====================äº§å“åˆ—è¡¨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:#666;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 #00469B;}
.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 #00469B}
.product-thumb .owl-nav .owl-next,.product-thumb .owl-nav .owl-prev{background:#00469B;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:#666;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:33%;margin-right:50px;}
.excerpt h2{display:block;margin:50px 50px 30px 0;font-weight:600;overflow:hidden}
.excerpt h2 a{font-size:24px;color: #333;}
.excerpt h2 a:hover{color:#00469B}
.excerpt .note {font-size:16px;color:#999;word-wrap:break-word;line-height:24px;padding-right:30px}
.excerpt .time {position:absolute;left:33%;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 */

/* æ–°é—»åˆ—è¡¨ */
.list-news {margin-bottom:30px}
.list-news .time{margin-top:70px;margin-right:-20px;padding:15px 0 10px 0;border-right:1px solid #eee;}
.list-news .time .text-large{font-size:52px;line-height:54px;}
.list-news .news {margin-top:70px;margin-left:50px;margin-right:30px}
.list-news .news h3 a{display:block;font-size:24px;color:#333;margin-bottom:20px}
.list-news .button{margin-top:70px;width:70px;line-height:56px;font-size:24px;border:1px solid #ebebeb;}
.list-news:hover .button{background:#00469B;color:#fff;border:1px solid #00469B}
.list-news:hover h3 a{color:#00469B}
/* æ–°é—»åˆ—è¡¨ */

.team-photo .media{overflow:hidden;position:relative;-webkit-transition:.5s;transition:.5s;}
.team-photo .media.media-x img{width:150px;}
.team-photo .media .media-body {text-align:left;padding-left: 10px}
.team-photo .media .media-body strong{overflow:hidden;font-weight: 600;font-size: 16px}
.team-photo .media .media-body strong span{display: inline-block;font-weight:400;font-size:14px}
.team-photo ul li {padding:0 0 8px 0;position:relative;font-size:16px;}
.team-photo ul li p {line-height:22px}

.team-num{padding:30px 0 0 50px;}
.team-num .media{overflow:hidden;position:relative;margin: 20px 0}
.team-num .media.media-x img{width:64px;}
.team-num .media .media-body {text-align:left;padding-left: 10px;font-size: 15px;padding-top:5px;}
.team-num .media .media-body strong{height:50px;overflow:hidden;font-weight: 400;font-size: 15px}

/* =====================æ–°é—»åˆ—è¡¨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:#00469B;border-bottom: 0px solid #00469B;}
.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 #00469B;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:#00469B;width:12px;height:12px;border:2px solid #fff;border-radius:50%;}
.content ol li:hover:before {content:'';position:absolute;top:7px;left:-8px;background:#00469B;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:#00469B;color:#fff;border-radius:6px;border:none}
.pagination li i {font-weight:bold;}
.pagination li.active a,.pagination li a:hover {background:#00469B;color:#fff;}
/*åˆ†é¡µ end*/

/* ç¤¾äº¤å›¾æ&nbsp;‡ */
.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.weibo{background:#FFCC00}
.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}
/* ç¤¾äº¤å›¾æ&nbsp;‡ end */

.title-style5 h5{position: relative;display: inline-block;font-size: 20px;line-height: 24px;margin-bottom: 0px;padding: 0px 120px 0px 120px}
.title-style5 h5::before{position: absolute;content: '';background: #999;width: 100px;height: 2px;left: 0px;bottom: 10px}
.title-style5 h5::after{position: absolute;content: '';background: #999;width: 100px;height: 2px;right: 0px;bottom: 10px}

/* æ&nbsp;‡é¢˜-å±…å·¦ */
.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:#00469B;left:0}

/* æ&nbsp;‡é¢˜-å±…ä¸­ */
.title-style2{position:relative;z-index:2;}
.title-style2 h2,.title-style2 h3{position:relative;font-size:48px;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:#00469B;}
*/.title-style2 p {line-height:28px;font-size:16px;}

/* æ&nbsp;‡é¢˜-ä¾§è¾¹åŠ&nbsp;çº¿æ¡ */
.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:#00469B;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:#00469B;}
.list-post-text li.dot a:before {content:'';position:absolute;left:-2px;background:#ccc;width:6px;height:6px;top:8px;border-radius:50%}
/* æœ‰åºåˆ—è¡¨  end*/

/* æ&nbsp;‡ç­¾ */
.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);}

/* è·¯å¾„æ&nbsp;·å¼ */
.bread-style1 {line-height:60px;height:60px;font-size:0}
.bread-style1 i,.bread-prolist i{font-size:14px;color:#999}
.bread-style1 a,.bread-prolist a{color:#999;font-size:14px;display:inline-block;}
.bread-style1 a:hover,.bread-prolist a:hover{color:#999}
.bread-style1 a:after,.bread-prolist a:after {content:"/";padding:0 10px;color:#ccc;}
.bread-style1 a:last-child:after,.bread-prolista:last-child:after {content:"";background:none;}
/* è·¯å¾„æ&nbsp;·å¼ */

/* åŽ†å²è¿›ç¨‹ */
/*.history{position:relative;margin:0;padding:0;}
.history:after{position:absolute; content:"";background-color:rgba(255,255,255,0.4);height:1px; width:100%;left:0;right:0;top:50%;margin-top:-74px}
.history .item{padding:30px 0px;}
.history .item .his-content{font-size:16px;}
.history .item h2{display: block;margin-bottom: 60px; font-family: "Conv_DINCondensedC";font-size:64px;position:relative;}
.history .item .hiscon{height: 210px;border-radius: 0 20px 0 20px;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
.history .item:hover h2{color:#fff}
.history .item:hover .hiscon{background: linear-gradient(to left, #002F68, #0F3FBB);color:#fff;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
.history .item h2:after{position:absolute; content:""; border:2px solid #fff; background: #fff;height:18px; width:18px;border-radius:50%;bottom:-35px;left:0;right:0;text-align:center; margin:0 auto;}
.history .item:hover h2:after{position:absolute; content:""; height:18px; width:18px;background: linear-gradient(to left, #002F68, #0F3FBB);z-index:3}
.history .owl-nav .owl-prev,.history .owl-nav .owl-next {background:#fff;opacity:1;top:32%;}
.history:hover .owl-nav .owl-prev,.history:hover .owl-nav .owl-next {background:#fff;opacity:1;}
.history .owl-nav .owl-prev {left:-40px;right:auto;}
.history .owl-nav .owl-next {right:-40px;}*/

/* åŽ†å²è¿›ç¨‹ */
.history{position:relative;}
.history:after{position:absolute; content:"";background-color:rgba(255,255,255,1);height:2px; width:100%;left:0;right:0;top:40%;margin-top:-30px;z-index: 3}
.history .item{padding:10px 0px;}
.history .item .titime{border:3px solid #fff;position: relative;transform: rotate(45deg);margin:0 auto;width:80px;height: 80px;line-height: 80px;border-radius: 20px;background: linear-gradient(to right, #002F68, #0F3FBB);}
.history .item .titime h2{font-family: "Conv_DINCondensedC";font-size:36px;transform: rotate(-45deg)}
.history .item .hiscon{margin-top:50px;background: linear-gradient(to right, #002F68, #0F3FBB);height: 210px;border-radius:20px;transition:all .3s;}
.history .item:hover .hiscon{background: linear-gradient(to left, #002F68, #0F3FBB);color:#fff;-webkit-transition:0.5s;-o-transition:0.5s;transition:all .3s;}
.history .item h2:after{position:absolute; content:""; border:2px solid #fff; background: #fff;height:18px; width:18px;border-radius:50%;bottom:-32px;left:0;right:0;text-align:center; margin:0 auto;transition:all .3s;}
.history .item:hover h2:after{position:absolute; content:""; height:20px; width:20px;transition:all .3s;}

.history .owl-nav .owl-prev,.history .owl-nav .owl-next {background:#fff;opacity:1;top:32%;}
.history:hover .owl-nav .owl-prev,.history:hover .owl-nav .owl-next {background:#fff;opacity:1;}
.history .owl-nav .owl-prev {left:-40px;right:auto;}
.history .owl-nav .owl-next {right:-40px;}


/*æ‚¬æµ®å®¢æœ 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*/

/* åº•éƒ¨-é¡µè„šæ&nbsp;·å¼1 begin*/
footer{background:#00469B;color:#fff;padding:60px 0 0 0;}
/* url(../images/footer-bg.jpg) no-repeat;background-position:center center;background-size:cover */
footer h3 {font-size:18px;color:#fff;margin-bottom:30px;font-weight:700}
/* footer h3:before {content:'';width:5px;height:5px;border-radius:50%;background:#10D000;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:25%}*/
footer ul li.block-1 {width:20%}
footer ul li.block-2 {width:20%}
footer ul li.block-3 {width:20%}
footer ul li.block-4 {width:30%}
footer ul li.block-5 {width:10%}
/*footer ul li.block-6 {width:10%}*/

footer ul li ul {margin-top:20px;}
footer ul li ul li a {line-height:36px;font-size:16px;color:#fff;}
footer ul li ul li a:hover {color:#fff;}
footer .about {padding:30px 120px 0 0;line-height:24px;color:#fff;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:#fff;font-size:16px}
footer .copyright {color:#fff;line-height: 70px;}
footer .copyright a {color:#fff}

@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:10px;line-height:10px;}
.blank-large{height:10px;line-height:10px;}
.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: #666;}
.index_about .pic{border-radius: 10px 10px 0 0}
.index_about .pic img{max-width:100%}

.adv-style1 .left{margin-right:0px}
.adv-style1 .middle{margin:20px 0;}
.adv-style1 .middle img{width:100%}
.adv-style1 .right{margin-left:0px;}
.adv-style1 .pic-x{margin-top:0px}
.adv-style1 .pic-x .media.media-x strong {font-size:20px;margin-bottom:20px;}
.adv-style1 .pic-x .media.media-x .media-body{line-height:28px;font-size:16px}

.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}

.partners-style1 ul li{width:33.33333%;float:left;}
.partners-style1 ul li .list-li{overflow:hidden;border-bottom:2px dashed #eee;border-right:2px dashed #eee;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
.partners-style1 ul li:nth-child(4) .list-li,.partners-style1 ul li:nth-child(8) .list-li,.partners-style1 ul li:nth-child(12) .list-li{border-right:0px solid #0000ff;}
.partners-style1 ul li:nth-child(9) .list-li,.partners-style1 ul li:nth-child(10) .list-li,.partners-style1 ul li:nth-child(11) .list-li{border-bottom:0px solid #0000ff;}
.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%);}
.partners-style1 .last-li{width:auto;float:left;background: #0000ff}

.partners-style2{}

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

.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{width:100%;}
.nav-x .nav-split li {border-right:solid 0px rgba(4,0,51,.06)}
.nav-x ul{border-radius:10px;box-shadow:0 15px 36px -12px rgba(0,0,0,.3);}
/*.nav-x ul:after{position: absolute;top:0;left:35px;display:inline-block;border-right:10px solid transparent;border-bottom:10px solid #FFF;border-left:10px solid transparent;content: ''; }
*/
/*.nav-x .nav li a{height:50px;line-height:50px;}*/
.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:16px;background:#FFF;color:#666;font-weight:normal;display:block;width:100%;text-align:left;}
.nav-x .button {background:#FFF;border:1px solid #f7f7f7;border-radius:10px;padding:15px 20px;box-shadow: 0px 2px 5px 0 rgba(0,0,0, 0.1);}
.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: #9DCC49;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:#666;padding:15px 0;line-height:30px;margin:0;background:#fff}
.nav-x-button .menu{text-align:center;background:#F0EEEF;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:#666; font-size:16px; text-align:center;}
.nav-x-button li a:hover,.nav-x-button li a.active{color:#00469B;}
/* æ¨ªå‘å¯¼èˆª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 */

/* æ–°é—»åˆ—è¡¨ */
.list-news {margin-bottom:10px}
.list-news .news {margin:10px;}
.list-news .news h3 a{font-size:16px;}
/* æ–°é—»åˆ—è¡¨ */

/* 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;}

/* æ&nbsp;·å¼äºŒ
.history{margin:20px 0 0 0}
.history:after{margin-top:0}
.history .item h2{font-size:48px;margin-bottom:30px;}
.history .item h2:after{bottom:-22px;}
.history .item p{font-size:16px}
.history .item:hover h2:after{bottom:-11px;}
.history .owl-nav .owl-prev {left:-15px;top:74px}
.history .owl-nav .owl-next {right:-15px;top:74px}
.history .owl-nav i {font-size:32px;}
æ&nbsp;·å¼äºŒ end*/

/* åŽ†å²è¿›ç¨‹ */

.history .item{padding:10px 0px;}
.history .item .titime{border:3px solid #fff;position: relative;transform: rotate(45deg);margin:0 auto;width:80px;height: 80px;line-height: 80px;border-radius: 20px;background: linear-gradient(to right, #002F68, #0F3FBB);}
.history .item .hiscon{margin-top:50px;background: linear-gradient(to right, #002F68, #0F3FBB);height: 200px;padding:20px;border-radius:20px;transition:all .3s;}
.history .owl-nav .owl-prev {left:-10px;}
.history .owl-nav .owl-next {right:-10px;}


.aboutmask1 .content1{margin:10px 0;padding:30px 0 30px 20px;}
.aboutmask1 .content1 h2{font-size:36px;}
.aboutmask1 .content1 h3{font-size:24px;}
.aboutmask1 .content1 .text1{padding:10px 0 0 0;}
.aboutmask1 .content1 .text1 p{line-height: 30px;}

.aboutmask2 {min-height:320px;}
.aboutmask2 .content2{position:absolute;top:10px;bottom:10px;left:10px;right:10px;padding:20px;background:rgba(0,70,155,0.95)}
.aboutmask2 .content2 h2{font-size:36px;}
.aboutmask2 .content2 h3{font-size:24px;}
.aboutmask2 .content2 .text1{padding:20px 0 0 0;}
.aboutmask2 .content2 .text1 p{line-height: 30px;}

.notice .tit1{display: block;height:130px;padding:20px;}
.notice .tit1 strong{margin:0 0 10px 0;font-size: 24px;}
.notice dl{margin-top:10px;}
.notice dt{float:left;width:50%;}
.notice dt img{padding-right:0px;}
.notice dd{float:left;width:50%;height:137px;padding:20px;}
.notice dd .cd{margin-left:10px;}
.notice dd strong{margin:0 0 10px 0;font-size: 24px;}
.notice dd p{line-height: 28px;font-size: 16px}

.notice3 dl{margin-top:10px;}
.notice3 dt{width:50%;}
.notice3 dd{width:50%;height:130px;padding:20px;}
.notice3 dd strong{margin:0 0 10px 0;font-size: 24px;}
.notice3 dd p{line-height: 28px;font-size: 16px}

.team-num{padding:30px 20px 0 20px;}

footer{padding:0;}
footer .copyright {color:#fff;text-align:center;line-height:24px;}
}</pre></body></html>