<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
}
body{font-family:"Microsoft Yahei",Tahoma, Arial, Helvetica, STHeiti;height: 100%;background:#f7f7f7;color:#221d1d;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:#21B939;}
::-moz-selection {color:#fff;background:#21B939;}
::selection {color:#fff;background:#21B939;}
.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:#333;transition:none}
a.text-gray:hover{color:#666}
a.blocklink{display: block;border:1px solid #198E2C;}
p{margin:0}
dl,dd,ul,li {margin:0;padding:0;list-style:none}
.fixed {z-index:9999;}
.bg-gray{background:#f7f7f7}
.bg-green-gradient{background: linear-gradient(to left, #198E2C, #21B939)}

@keyframes fadein{from{opacity:0}to{opacity:1}}
.bg-sub{background:#43B3D9}
.bottom-bar{display:none;z-index:999;}
.ph{transform:scale(1);-webkit-transition:.3s;transition:.3s;padding-bottom:67%;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;text-indent:-3000px}
/* è‹±æ–‡å­—ä½“begin */
.Bebas{font-family: 'Bebas';}
/* è‹±æ–‡å­—ä½“end */

/* è¡Œè· begin*/
.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:40px;line-height:40px;clear:both;font-size:0}
.blank-large{height:60px;line-height:60px;clear:both;font-size:0}
/* è¡Œè· end*/

.container-layout{max-width:1460px;}

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

.side-l{width:20%;float:left;z-index:999;position:relative}
.side-r{width:80%;float:right}
.side-r .padding{padding:0 0 0 20px}
.side-r .margin-left{margin-left:30px}

/* 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:#fff;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:#198E2C;border-color:#198E2C;width:15px;border-radius:10px;}

/* é»˜è®¤ç®­å¤´ */
.owl-carousel .owl-nav i{font-size:18px;}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next {background:transparent;opacity:0;width:24px;height:24px;line-height:28px;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;color:#fff;}
.owl-carousel .owl-nav .owl-next {right:20px;color:#fff;}
/* owl-carouselæ»šåŠ¨æ’ä»¶ end */

/*è½®æ¢å¹¿å‘Š*/
.slides .img-box{padding-bottom:36%;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;text-indent:-3000px}
/*.slides .img-box{transition:.5s;display:block;min-height: calc(100vh - 200px);overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative}*/
.slides .img-box .text-box{font-size: 72px;text-shadow: 3px 0 14px rgba(1,42,44,.97);color: #fff;display: inline-block;margin-top:30%;}
.slides:hover .owl-nav .owl-next,.slides:hover .owl-nav .owl-prev{opacity:1;border:1px solid #fff;}
.slides .owl-dots {position:relative;top:-30px;margin-bottom:-30px;padding:0;text-align:center;vertical-align:middle;width:100%;}
/*è½®æ¢å¹¿å‘Š end*/

/*é¦–é¡µäº§å“*/

.tab-pro .w5{width:1180px;margin:0 auto;}
.tab-pro .w4{width:800px;margin:0 auto;}
.tab-pro .w3{width:600px;margin:0 auto;}
.tab-pro .w2{width:500px;margin:0 auto;}


.tab-pro .tab-head {border-radius:0;font-size:0;-webkit-text-size-adjust:none;}
.tab-pro .tab-head .owl-nav .owl-prev,.tab-pro .tab-head .owl-nav .owl-next {opacity:1;color:#666;}
.tab-pro .tab-head .owl-nav .owl-prev {left:-10px;}
.tab-pro .tab-head .owl-nav .owl-next {right:-10px;}
.tab-pro .tab-head .owl-nav i{font-size:24px;}

.tab-pro .tab .tab-nav li {display:inline-block;width:5px auto;}
.tab-pro .tab .tab-nav li a {background:#333;color:#fff;padding:0px 25px;height:52px;line-height:52px;display:block;border:0;font-size:16px;border-radius:8px;}
.tab-pro .tab .tab-nav li.active a {background: #198E2C;cursor:default;color:#fff;}
.tab-pro .tab .tab-nav li.active{background:none}
.tab-pro .tab .tab-nav li.active a:hover {color:#FFF}
.tab-pro .tab .tab-nav li a:focus {outline:none;}
.tab-pro .tab .tab-nav li a:hover {background: #21B939;color:#fff;cursor:pointer}
.tab-pro .tab .tab-body{padding:0;border-radius:0;border-top:0}


.carousel-pro .media{position:relative;-webkit-transition:.5s;transition:.5s;margin:0 0 20px 0}
.carousel-pro .media:hover {-webkit-transition:.5s;transition:.5s;box-shadow:0px 5px 15px 5px rgba(0,0,0,.03);}
.carousel-pro .media .ph{padding-bottom:100%;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;text-indent:-3000px;/*å›¾ç‰‡ä¸è£åˆ‡éœ€è¦å…¨éƒ¨æ˜¾ç¤ºæ”¹ç”¨background-size:containï¼Œæ”¹å˜å›¾ç‰‡ç¼©æ”¾æ¯”ä¾‹æ”¹paddding-bottomçš„ç™¾åˆ†æ¯”,å¦‚å›¾ç‰‡å®½é«˜1:1 100%ï¼Œ4:3 75%ï¼Œ3:4 133.33%*/}
/*.carousel-pro .media-body strong {display: block;}*/
.carousel-pro .media .media-body{margin-top:0}
.carousel-pro .media .media-body strong a{color:#333;line-height:50px;height:50px;font-size:16px;display: block;font-weight: 400}
.carousel-pro .media:hover .media-body{background:#198E2C}
.carousel-pro .media:hover .media-body strong a{color:#fff}

.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:#21B939;opacity:1;}
.carousel-pro .owl-nav .owl-prev {left:-20px;right:auto;}
.carousel-pro .owl-nav .owl-next {right:-20px;}

/*é¦–é¡µæ–°é—»*/
.tab-news .tab-head {border-radius:0;font-size:0;-webkit-text-size-adjust:none;width:100%;}
.tab-news .tab .tab-nav li {display:inline-block;width:auto;text-align:center}
.tab-news .tab .tab-nav li a {background:#333;color:#fff;border-radius:30px;padding:0px 35px;height:54px;line-height:54px;margin:10px;display:block;border:0;font-size:16px;}
.tab-news .tab .tab-nav .active a {background: #198E2C;cursor:default;color:#fff;border-bottom:0px solid #FD3C6B;}
.tab-news .tab .tab-nav .active{background:none}
.tab-news .tab .tab-nav .active a:hover {color:#FFF}
.tab-news .tab .tab-nav li a:focus {outline:none;}
.tab-news .tab .tab-nav li a:hover {background: #198E2C;color:#fff;}
.tab-news .tab .tab-body{padding:0;border-radius:0;border-top:0}

/* é¦–é¡µä¼˜åŠ¿ */
.advantage dl{overflow:hidden}
.advantage dl dd {padding:20px 30px 30px 30px;margin-top:0;position:relative;-webkit-transition:.3s;transition:.3s;}
.advantage dl dd p{line-height: 28px;}
.advantage dl dd .ico{position:absolute;width:88px;height:88px;left:50%;margin-left:-44px;top:-44px;z-index:9}
.advantage dl dd strong a:before {content:'';display:block;position:absolute;width:30px;height:3px;bottom:-15px;left:50%;margin-left:-15px;background:#198E2C;}
.advantage dl dd strong a{font-size:18px;color:#666;display: block;position:relative;margin:35px 0 30px 0}
.advantage dl dd a.button{padding:12px 35px;border:1px solid #ccc}
.advantage dl:hover dd a.button{color:#fff}
.advantage dl:hover dd a.button:hover{color:#666}
.advantage dl:hover dd{background: #198E2C;-webkit-transition:.3s;transition:.3s;}
.advantage dl:hover dd strong a,.advantage dl:hover dd p{color:#FFF;}
.advantage dl:hover dd strong a:before {background:#fff;}
.advantage dl dt .ph{z-index:3;padding-bottom:67%;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;text-indent: -3000px /*å›¾ç‰‡ä¸è£åˆ‡éœ€è¦å…¨éƒ¨æ˜¾ç¤ºæ”¹ç”¨background-size:containï¼Œæ”¹å˜å›¾ç‰‡ç¼©æ”¾æ¯”ä¾‹æ”¹paddding-bottomçš„ç™¾åˆ†æ¯”,å¦‚å›¾ç‰‡å®½é«˜1:1 100%ï¼Œ4:3 75%ï¼Œ3:4 133.33%*/}
.advantage dl.ph::after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);-webkit-transition:.3s;transition:.3s;}
.advantage dl:hover .ph{transform:scale(1.0);-webkit-transition:.3s;transition:.3s;}
/*.advantage .media:hover .ph::after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(157,204,73,.6);-webkit-transition:.3s;transition:.3s;}*/

/* é¦–é¡µä¼˜åŠ¿ end*/

/* é¦–é¡µæ–°é—» */
.carousel-news .media{position:relative;}
.carousel-news .media .media-body {text-align:left;padding:20px;z-index: 3;margin-top: 0}
.carousel-news .media .media-body strong a{font-size:16px;color:#666;display: block;height: 50px;margin-bottom: 10px;}
/*.carousel-news .media:hover .media-body{background: #198E2C}*/
.carousel-news .media:hover .media-body strong a{color:#198E2C;}
.carousel-news .media .ph{padding-bottom:67%;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;text-indent: -3000px /*å›¾ç‰‡ä¸è£åˆ‡éœ€è¦å…¨éƒ¨æ˜¾ç¤ºæ”¹ç”¨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(0,0,0,0);-webkit-transition:.3s;transition:.3s;}
.carousel-news .media:hover .ph{transform:scale(1.05);-webkit-transition:.3s;transition:.3s;}
/*.carousel-news .media:hover .ph::after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(157,204,73,.6);-webkit-transition:.3s;transition:.3s;}*/
.carousel-news:hover .owl-nav .owl-prev,.carousel-news:hover .owl-nav .owl-next {background:#1DA433;opacity:1;color:#fff;}
.carousel-news .owl-nav .owl-prev {left:-20px;}
.carousel-news .owl-nav .owl-next {right:-20px;}
.carousel-news .owl-dots {position:relative;top:30px;padding:0;text-align:center;vertical-align:middle;width:100%;}
/* é¦–é¡µæ–°é—» end*/

/*é¦–é¡µtextæ–°é—»*/
.tab-text-news .tab-head {border-radius:0;font-size:0;-webkit-text-size-adjust:none;width:100%;}
.tab-text-news .tab .tab-nav li {display:inline-block;width:auto;text-align:center}
.tab-text-news .tab .tab-nav li a {background:#fff;-webkit-box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.03);
box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.03);color:#666;border-radius:30px;padding:0px 35px;height:54px;line-height:54px;margin:10px;display:block;border:0;font-size:16px;}
.tab-text-news .tab .tab-nav .active a {background: linear-gradient(45deg, #1DA433, #0187CE);
-webkit-box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.03);
box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.03);cursor:default;color:#fff;border-bottom:0px solid #FD3C6B;}
.tab-text-news .tab .tab-nav .active{background:none}
.tab-text-news .tab .tab-nav .active a:hover {color:#FFF}
.tab-text-news .tab .tab-nav li a:focus {outline:none;}
.tab-text-news .tab .tab-nav li a:hover {background: linear-gradient(45deg, #1DA433, #0187CE);
-webkit-box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.03);
box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.03);color:#fff;}
.tab-text-news .tab .tab-body{padding:0;border-radius:0;border-top:0}
.tab-text-news .tab .tab-body .item{display: block}
.tab-text-news .tab .tab-body .item strong{height:42px;display: block;overflow: hidden;background: #0000ff;margin-bottom: 10px}

/* å·¦å³ç»“æž„TAB */
.tab-y .tab-left{width:18%;float:left;}
.tab-y .tab-right{width:82%;float:right;}
.tab-y .tab{border-radius:8px;overflow: hidden}
.tab-y .tab .tab-nav li {width:100%;border-radius:0px;cursor:default;}
.tab-y .tab .tab-nav li a{height:64px;line-height:64px;font-size:16px;border:0;border-bottom:1px solid #1DA433;background: #198E2C;color:#FFF;padding:0;border-radius:0;}
.tab-y .tab .tab-nav li a:focus {outline:none;}
.tab-y .tab .tab-nav li a:hover {cursor:pointer}
.tab-y .tab .tab-nav li:first-child a {border-radius:0px;border-top-left-radius:8px;}
.tab-y .tab .tab-nav li:last-child a{border-bottom:1px solid #21B939;border-radius:0px;border-bottom-left-radius:8px;}
.tab-y .tab .tab-nav li.active{position:relative;}
.tab-y .tab .tab-nav li.active:after{border-left:10px solid #21B939;z-index:3;position: absolute;top:24px;right:-10px;display:inline-block;border-top:10px solid transparent;border-bottom:10px solid transparent;content: ''; }
.tab-y .tab .tab-nav li.active a{margin:0;background: #21B939}
.tab-y .tab .tab-nav li.active a:hover,.tab-y .tab .tab-nav li a:hover {color:#fff}
.tab-y .tab .tab-body {border-radius:0;border-top:0px;margin-top:0;padding:0;border-radius:0 8px 8px 0;}
.tab-y .tab .tab-body .padding-large{padding:40px 40px 10px 40px;}
/* å·¦å³ç»“æž„TAB end*/

/*é¦–é¡µäº§å“åˆ—è¡¨*/
.product-list-home .media{-webkit-transition:.3s;transition:.3s;border:1px solid #eee;margin-bottom:30px}
.product-list-home .media:hover {-webkit-transition:.3s;transition:.3s;border:1px solid #21B939;;}
.product-list-home .media .media-body {padding:0 10px;margin:0;}
.product-list-home .media .media-body strong{display: block;height: 50px;line-height:50px;overflow: hidden}
.product-list-home .media .media-body strong a {font-size:15px;font-weight: 400}
.product-list-home .media:hover .media-body strong a {color:#fff;}
.product-list-home .media:hover .media-body{background:#198E2C}


.gradient-text {
  position: relative;
  display: inline-block;
  background: linear-gradient(to left, #198E2C, #21B939);
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.countUp i{font-style:normal;}
.countUp .media{position:relative;-webkit-transition:.5s;transition:.5s;}
.countUp .counter{font-size:72px;font-weight: 600;padding-top:5px;}
.countUp span{font-weight:normal;font-size:36px;}
.countUp p{line-height:24px;}

/* é¦–é¡µç®€ä»‹ */
.index_about{background-image:url(../images/1-221025144004329.jpg)}
.index_about .text .aboutcon{padding:50px 60px;}
.index_about .text .aboutcon strong {font-size: 32px;}
.index_about .text .aboutcon p{line-height:28px;font-size: 16px;color: #5C5C5C;}
.index_about .pic{overflow:hidden;}
.index_about .pic img{transform:scale(1);-webkit-transition:.5s;transition:.5s;border-radius:10px 0 0 10px}
.index_about .pic img:hover {transform:scale(1.03);-webkit-transition:.5s;transition:.5s}
.index_about:hover .owl-nav .owl-next,.index_about:hover .owl-nav .owl-prev{opacity:1;border:1px solid #fff;}
/* é¦–é¡µå…³äºŽæˆ‘ä»¬ */

/*åˆä½œä¼™ä¼´ logo*/
.partners-style1 ul {border-right:1px solid #f2f2f2;border-top:1px solid #f2f2f2;border-collapse:collapse;}
.partners-style1 ul li .list-li{padding:30px;overflow:hidden;border-left:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;border-right:1px solid #f2f2f2;border-top:1px solid transparent;margin-left:-1px;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
.partners-style1 ul li .list-li:hover {-webkit-box-shadow: 0px 10px 50px 10px rgba(0, 0, 0, 0.06);box-shadow: 0px 10px 50px 10px rgba(0, 0, 0, 0.06);z-index:2;position:relative;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
.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*/

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

/*æ­¥éª¤*/
.step-order{margin:0 -20px;}
.step-order li{width:16.666666666667%;display: block;float:left;}
.step-order li .item{margin:0 20px;position:relative;background:#ebebeb}
.step-order li .item p{display:block;}
.step-order li .item i{display:block;width:64px; height:64px; margin:10px auto 20px auto;background-position:0px 0px; background-repeat:no-repeat; -webkit-transition: all .5s ease; transition: all .5s ease;}
.step-order li .item:after{border-top: 10px solid #ebebeb;border-right: 10px solid transparent;border-left: 10px solid transparent;position: absolute;bottom:-10px;left:50%;margin-left:-10px;display:inline-block;content: ''; }
.step-order li span{display:inline-block; border-radius: 30px;width:60px;height:60px;line-height:60px;margin:30px auto 0 auto;border:2px solid #ddd;font-size:32px;}
.step-order li:hover .item:after{border-top:10px solid #EFEFEF;}
/* .step-order li:hover .item i{background-position:0px -64px;}*/
.step-order li:hover .item{background: #EFEFEF}
.step-order li:hover span{background: #198E2C;border:2px solid #198E2C;color:#fff}

/* æ—¶é—´æ‹†åˆ†çš„æ–°é—» */
.list-post-time .media{padding:10px 20px 10px 0px;-webkit-transition:.3s;transition:.3s;margin-bottom:20px;}
.list-post-time .media .date{border-right:1px solid #efefef;height:120px;padding:20px;margin-right:30px}
.list-post-time .media .date .f-month{font-size:14px;color:#FFF}
.list-post-time .media .date .f-day{font-size:48px;padding:18px 0 10px 0; position: relative;display: inline-block;color: #198E2C;}
.list-post-time .media .date .f-year{font-size:16px;color:#666;}
.list-post-time .media .date hr{width:30px;height:2px;margin:0 auto 15px auto;background:#198E2C}
.list-post-time .media .media-body strong{padding:10px 0;display: block}
.list-post-time .media .media-body strong a{color:#333;font-size:16px;font-weight:600;transition: all 0.3s;}
.list-post-time .media .media-body p{line-height:26px;margin-top:0;color:#999;font-size:14}
.list-post-time .media:hover{background: #198E2C}
.list-post-time .media:hover .date hr{background:#fff}
.list-post-time .media:hover .date .f-year,.list-post-time .media:hover .date .f-day{color:#fff;}
.list-post-time .media:hover .media-body strong a,.list-post-time .media:hover .media-body p{color:#FFF;transition: all 0.3s;}
.list-post-time .media:hover{-webkit-box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.05);-webkit-transition:.3s;transition:.3s;}
  
  
.topnews .media-img{position:relative;overflow:hidden}
.topnews .media-img .ph{transition:.5s;padding-bottom:67%;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;text-indent:-3000px}
.topnews .media-img:hover .ph,.topnews .media-img:hover .ph150{transform:scale(1.02);-webkit-transition:.5s;transition:.5s}
.topnews .media-img:after{background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 76%,rgba(0,0,0,0.75) 100%);position:absolute;top:0;left:0;z-index:1;content:"";width:100%;height:100%;transition:0.5s}
.topnews .media-img:hover:after{background:rgba(0,0,0,0.6);-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s}
.topnews .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)}
.topnews .media-img .tit{bottom:20px;left:0;position:absolute;color:#fff;text-transform:uppercase;z-index:3;transition:0.5s;padding:0 20px}
.topnews .media-img:hover .tit{bottom:30px}
.topnews .media-img .tit strong a{display:block}
.topnews .media-img span{display:inline-block}
.topnews .media-img:hover a.play{opacity:1;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.topnews .media-img a.play{border:2px solid #fff;opacity:.8;position:absolute;top:50%;left:50%;margin-left:-24px;margin-top:-24px;width:48px;height:48px;line-height:46px;background:rgba(0,0,0,.4);z-index:2;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.topnews .owl-dots{position:relative;bottom:30px;right:20px;padding:0;text-align:right;vertical-align:middle;display:inline-block;width:100%}


.carousel-news2 .media{position:relative;}
.carousel-news2 .media .media-body {text-align:left;padding:20px 0 10px 0;z-index: 3;margin-top: 0}
.carousel-news2 .media .media-body strong a{font-size:18px;color:#333;display: block;height: 50px;}
/*.carousel-news2 .media:hover .media-body{background: #0068A5}*/
.carousel-news2 .media:hover .media-body strong a{color:#1DA433;}
.carousel-news2 .media .ph{padding-bottom:67%;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;text-indent: -3000px /*å›¾ç‰‡ä¸è£åˆ‡éœ€è¦å…¨éƒ¨æ˜¾ç¤ºæ”¹ç”¨background-size:containï¼Œæ”¹å˜å›¾ç‰‡ç¼©æ”¾æ¯”ä¾‹æ”¹paddding-bottomçš„ç™¾åˆ†æ¯”,å¦‚å›¾ç‰‡å®½é«˜1:1 100%ï¼Œ4:3 75%ï¼Œ3:4 133.33%*/}
.carousel-news2 .media .ph::after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);-webkit-transition:.3s;transition:.3s;}
.carousel-news2 .media:hover .ph{transform:scale(1.02);-webkit-transition:.3s;transition:.3s;}
/*.carousel-news2 .media:hover .ph::after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(157,204,73,.6);-webkit-transition:.3s;transition:.3s;}*/
.carousel-news2:hover .owl-nav .owl-prev,.carousel-news2:hover .owl-nav .owl-next {background:#1DA433;opacity:1;color:#fff;}
.carousel-news2 .owl-nav .owl-prev {left:20px;}
.carousel-news2 .owl-nav .owl-next {right:20px;}
.carousel-news2 .owl-dots {position:relative;top:30px;padding:0;text-align:center;vertical-align:middle;width:100%;}
/* é¦–é¡µæ–°é—» end*/


.dialog {width:100%;border:0;margin:0 auto;box-shadow:0 5px 15px rgba(99,107,151,0.1);position:relative;border-radius:10px;overflow:hidden}
.dialog .dialog-head{padding:15px 0 13px 30px ;border-bottom: 1px solid #ebebeb;background-color: #FFF;border-radius:10px 10px 0 0;}
.dialog .dialog-head strong{font-size:16px;font-weight: 400;}
.dialog .close{position:absolute;font-size:30px;right:20px;top:10px;color:#999;z-index:9}
.dialog .close:hover{color:#21B939}
.dialog .dialog-body{padding:30px;}
.dialog .dialog-body strong {font-size:16px;margin:10px 0;display: block}
.dialog .dialog-body ul.list-paddingleft-2 {padding:0}
.dialog .dialog-body ul li {padding:0 0 5px 20px;position:relative;font-size:16px;}
.dialog .dialog-body ul li p {line-height:24px}
.dialog .dialog-body ul li:before {content:'';position:absolute;top:9px;left:0px;background:#FFF;width:8px;height:8px;border-radius:50%;}

/*å•é¡µ*/
.about .pic{overflow: hidden;position:relative;z-index: 3;margin:-50px 0;}
.about .content{padding:60px;}
.about .content h2{font-size:32px;display: block;margin-bottom: 20px;font-weight: 600}
.about .content strong{font-size:20px;display: block;margin: 15px 0 5px 0}
.about .content p{line-height: 28px;font-size: 16px;font-weight: 400}
.about ul.list-paddingleft-2 {padding:0}
.about ul li {padding:0 0 5px 20px;position:relative;font-size:16px;}
.about ul li p {line-height:24px;margin-bottom:5px}
.about ul li:before {content:'';position:absolute;top:9px;left:0px;background:#21B939;width:7px;height:7px;border-radius:50%;}
/*å•é¡µ*/

.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:-20px;z-index:-1}
.history .item{padding:10px;}
.history .item .titime{position: relative;margin:0 auto;width:80px;height: 80px;line-height: 80px;}
.history .item .titime h2{font-size:36px;}
.history .item .hiscon{margin-top:50px;height:auto;border-radius:20px;transition:all .3s;}
.history .item:hover .hiscon{-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:-5px;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:-36px;right:auto;}
.history .owl-nav .owl-next {right:-36px;}

.tagtitle strong{font-size:24px}

/* æ–‡å­—åˆ—è¡¨ */
.normal-list li{position:relative;display:block;padding:0 0 0 20px;line-height:40px;height:40px;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.normal-list li a{font-size:16px;color:#333;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.normal-list li span{color:#999;}
.normal-list li:hover a{color:#21B939;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.normal-list li:hover span{color:#333}
.normal-list li:hover:before {background:#21B939;}
.normal-list li:before {content:'';position:absolute;top:16px;left:0px;background:#ccc;width:6px;height:6px;border-radius:50%}

/* æ¡ˆä¾‹ */
.project-home .media-img {position:relative;overflow:hidden;margin-bottom:20px}
.project-home .media-img .ph{transition:.5s;padding-bottom:67%;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;text-indent: -3000px}
.project-home .media-img .ph150{transition:.5s;padding-bottom:138%;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;text-indent: -3000px}
.project-home .media-img:hover .ph,.project-home .media-img:hover .ph150{transform:scale(1.1);-webkit-transition:.5s;transition:.5s}
.project-home .media-img:after {background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 76%,rgba(0,0,0,0.75) 100%);position:absolute;top:0;left:0;z-index:1;content:"";width:100%;height:100%;transition:0.5s;}
.project-home .media-img:hover:after {background:rgba(0,0,0,0.6);-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
.project-home .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-home .media-img .tit {bottom:20px;left:0;position:absolute;color:#fff;text-transform:uppercase;z-index:3;transition:0.5s;padding:0 20px;}
.project-home .media-img:hover .tit {bottom:40px;}
.project-home .media-img .tit strong a {display:block;}
.project-home .media-img span{display: inline-block;}
/* æ¡ˆä¾‹ end */

/* è·¯å¾„ */
.nav-bread {height:60px;line-height:60px;font-size:0}
.nav-bread h2{font-size:24px;font-weight:600}
.nav-bread a{color:#999;font-size:14px;display:inline-block;}
.nav-bread a:hover{color:#21B939}
.nav-bread a:after {content:"";padding:0 10px;background:url(../images/nav-bread.png) no-repeat center 50%;}
.nav-bread a:last-child:after {content:"";background:none;}
/* è·¯å¾„ */

/*åˆ†é¡µ begin*/
.pagination li a,.pagination li span {
color:#999;
background:#fff;
}
.pagination li a:hover,.pagination li.active a,.pagination li .cur {
background:#21B939;
color:#fff;
}
.pagination li span.pageRemark {
color:#666;
}
.pagination li.pageEllipsis {
color:#999;
}


/* æ&nbsp;‡é¢˜æ&nbsp;·å¼-å±…ä¸­ */
.title-t{line-height:50px}
.title-t h2{position:relative;font-size:18px;font-weight:600;text-indent:20px}
.title-c{position:relative;margin:0}
.title-c strong{position:relative;font-size:42px;margin-bottom:10px;font-weight:600;display: block}
.title-c p{font-size:15px;display: block;margin-top:10px;}
.title-c h2{position:relative;font-size:40px;font-weight:400;}
.title-c h2:before{background:#D90F11;content:'';display:block;position:absolute;width:30px;height:5px;bottom:-10px;left:50%;margin-left:-15px;}

.hasLine {position: relative;height: 3px;width:40px;margin:0 auto;}
.hasLine::before {position: absolute;content: '';height: 3px;background: #21B939;bottom: 0;width: 50%;right: 0;}
.hasLine::after {position: absolute;content: '';height: 3px;background: #A1CE00;bottom: 0;width: 50%;left: 0;}

/*äº§å“åˆ—è¡¨*/
.product_ph{padding-bottom:67%;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;text-indent:-3000px}
.product-list .media{-webkit-transition:.3s;transition:.3s;margin-bottom:30px;box-shadow:0 3px 5px 3px rgba(0,0,0,.01);}
.product-list .media:hover {-webkit-transition:.3s;transition:.3s;box-shadow:0 5px 20px 5px rgba(0,0,0,.05);}
.product-list .media .media-body {padding:10px 20px 10px 20px;margin:0;}
.product-list .media .media-body strong{display: block;height: 40px;line-height:40px;overflow: hidden}
.product-list .media .media-body strong a {font-size:15px;font-weight: 400}
.product-list .media .media-body p {color:#666;line-height:28px;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:#333;width:5px;height:5px;border-radius:50%;}
.product-list .button {margin-top:20px;height:38px;width:100px;line-height:20px;background:#F9F9F9;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{background:#198E2C;}
.product-list .media:hover .media-body strong a {color:#FFF;}
.product-list .media:hover .media-body p {color:#666}

/* æ¨ªå‘å¯¼èˆª2 */
.nav-x-button{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{line-height:60px;padding:0 30px;position:relative;color: #666;background:#fff;box-shadow:0 10px 25px 0 rgba(0,0,0,.06);text-align:center;display:block;font-size: 15px}
.nav-x-button li a:hover,.nav-x-button li a.active{color:#fff;background: linear-gradient(to left, #198E2C, #21B939);}
.nav-x-button li:first-child a {border-radius:10px 0 0 10px;}
.nav-x-button li:last-child a{border-radius:0 10px 10px 0;}
/* æ¨ªå‘å¯¼èˆª2 */

/* åˆ†ç±» */
.nav-x{position:relative;margin-top:-40px;background: #198E2C;border-radius: 8px;box-shadow:0 3px 10px 3px rgba(0,0,0,.03)}
.nav-x .nav-split li {border-right:solid 1px #1DA433}
.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:#21B939}
.nav-x .nav li a{height:80px;line-height:80px;color:#fff;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{color:#198E2C}
.nav-x .nav li:first-child a {border-radius:10px 0 0 10px;}
.nav-x .nav li:last-child a{border-radius:0 10px 10px 0;}

.nav-x .nav li.active a,.nav-x .nav li a:hover{color:#fff;background: #21B939}
.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:50px;line-height:50px;color:#21B939;;font-weight:normal;display:block;width:100%;text-align:left;}
.nav-x .nav li.active ul li a {color: #21B939;background: #fff}
.nav-x .nav li ul li a.active{color:#21B939;}
.nav-x .nav li ul li a.active:hover{color:#198E2C}
.nav-x .nav li.active ul li a:hover{color:#198E2C}
.nav-x .nav i {line-height:80px;color:#fff}

.nav-6 .cat .tit{height:80px;line-height:80px;text-indent:30px;font-size:24px;font-weight:600;background-color:#198E2C;background-image:url(../images/menu_tit.png);background-size:auto 56px;background-repeat:no-repeat;background-position:right 50%}
.nav-6 .cat .cat-tree{background:#f4f4f4;}
.nav-6 .cat .cat-tree ul li{border-bottom:1px solid #FFF;position:relative}
.nav-6 .cat .cat-tree ul li:last-child{border-bottom:0 solid #CCBE9B}
.nav-6 .cat .cat-tree ul li a{font-size:16px;font-weight:400;color:#333;line-height:56px;height:56px;display:block;text-indent:30px}
.nav-6 .cat .cat-tree ul li:hover a{color:#fff;background:#198E2C}

.nav-6 .cat .cat-tree ul li.active a{color:#333;font-weight:600}
.nav-6 .cat .cat-tree ul li.active a:hover{color:#fff;background:#198E2C}
.nav-6 .cat .cat-tree ul li i{position:absolute;right:20px;top:22px;opacity:0}
.nav-6 .cat .cat-tree ul li:hover i{color:#fff;opacity:1}

/* çº¯æ–‡å­—åˆ—è¡¨  begin*/
.list-post-text li {padding:5px 0;}
.list-post-text li a{display:block;line-height:24px}
.list-post-text li.dot a{padding-left:15px;position:relative}
.list-post-text li.dot:hover a:before {background:#21B939;}
.list-post-text li.dot a:before {content:'';position:absolute;left:-2px;background:#ccc;width:6px;height:6px;top:8px;border-radius:50%}
/* çº¯æ–‡å­—åˆ—è¡¨  end*/

.list-post-row li {display:inline-block;margin-right:10px;height:28px;}
.list-post-row li a{display:block;line-height:28px}
.list-post-row li.dot a{padding-left:15px;position:relative}
.list-post-row li.dot:hover a:before {background:#21B939;}
.list-post-row li.dot a:before {content:'';position:absolute;left:-2px;background:#ccc;width:6px;height:6px;top:8px;border-radius:50%}

/* =====================äº§å“è¯¦ç»†begin =====================*/

.product-des{padding:30px 0 0 80px}
.product-des h1{font-size:32px;font-weight: 600}
.product-des ul li {padding:0 0 5px 20px;position:relative;font-size:15px;}
.product-des ul li p {line-height:24px}
.product-des ul li:before {content:'';position:absolute;top:9px;left:0px;background:#333;width:6px;height:6px;border-radius:50%;}

/* äº§å“è¯¦æƒ…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:10%;}
/* .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:#198E2C;background:#FFF;border-bottom:3px solid #198E2C;}
.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;}
.product-overview .tab .tab-body .content p{font-size:16px;line-height:28px;margin-bottom:10px}
.product-overview .tab .tab-body .content img{max-width:100%}
/* äº§å“è¯¦æƒ…TAB END */

.attribute dl{float:left;margin-right: 10px}
.attribute dt{font-weight: 400}

/* æ”¾å¤§é•œ begin */
#zoomimg{cursor:pointer;display:block}
.product-thumb .item img{border:1px solid #ebebeb}
.product-thumb .item:hover img{border:1px solid #198E2C}
.product-thumb .owl-nav .owl-next,.product-thumb .owl-nav .owl-prev{background:#198E2C;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;color:#fff;}
.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;margin:0}
.product-related .media .media-body strong{height:50px;line-height:50px;margin:0;}
.product-related .media .media-body strong a {font-size:16px;font-weight: 400}
.product-related .media:hover .media-body{background:#198E2C}
.product-related .media:hover .media-body strong a {color:#fff;}
.product-related .owl-dots {position:absolute;top:-30px;right:0;padding:0;text-align:right;display:inline-block;width:100%;}

/* =====================äº§å“è¯¦ç»†end===================== */

/* å†…å®¹ begin */
.article{overflow:hidden}
.article .padding-large{padding:40px 50px}
.article .post h1{font-size:28px;font-weight:600;line-height:36px;color:#333}
.article .post h2{font-size:22px;font-weight:600;margin:10px 0}
.article .post h3{font-size:18px;font-weight:600;margin:10px 0}
.article .post hr{margin:10px 0;height:1px;background: #EBEBEB}
.article .post strong{font-size:16px;margin:10px 0}
.article .post table{margin:20px 0}
.article .post table th{background:#daf0fd;color:#fff;border:1px solid #fff}
.article .post table tr.ue-table-interlace-color-single{background:#daf0fd}
.article .post p{font-size:16px;line-height:28px;margin-bottom:10px}
.article .post img{max-width:100%;margin:0 auto;}
.article .post a{text-decoration:none;border-bottom:1px solid #198E2C;color:#198E2C}
.article .post a strong{font-weight:400}
.article .post a:hover{color:#198E2C;border-bottom:0 solid #198E2C}
.article .post .text-right{text-align:right}
.article .post ul li{padding:0 0 5px 20px;line-height:28px;position:relative;font-size:16px}
.article .post ul li p{line-height:28px}
.article .post ul li:before{content:'';position:absolute;top:12px;left:0;background:#198E2C;width:6px;height:6px;border-radius:50%}
.article .post ol{padding:10px 0 0 0}
.article .post ol.list-paddingleft-2{position:relative}
.article .post ol li{padding:0;position:relative}
.article .post ol li p{line-height:26px;font-size:16px;color:#999}
/* å†…å®¹ end */

.article_pgwSlideshow{padding:0 50px}

.channel-banner {height:480px;position:relative;background-repeat:no-repeat;background-position:center 50%;background-size:cover;margin:0;padding:0;}
/*.channel-banner:before {content:'';display:block;position:absolute;background:#000;opacity:.1;width:100%;height:100%;bottom:0px;left:0;right:0;right:0}*/
.channel-banner .banner-info {margin-top:180px;overflow: hidden;}
.channel-banner .banner-info strong{font-size:64px;font-weight:600;position:relative;display: inline-block;}

/* åº•éƒ¨åœ°å›¾ç‰ˆæƒ begin*/
.f-banner {padding:50px 0;position:relative;}
.f-banner:before {content:'';display:block;position:absolute;background:#000;opacity:.1;width:100%;height:100%;bottom:0px;left:0;right:0;right:0}
.f-banner strong{font-size:36px;display: block;margin-bottom:30px;}
.f-banner a.button{padding:18px 60px;}
/*background-image:url(../images/bg_footer.png);background-size:auto 600px;background-repeat:no-repeat;background-position:right 0;*/

footer{padding:80px 0 0 0;background-color:#333;}
footer h3{font-size:16px;color:#fff;margin-bottom:20px;font-weight:600}
footer ul li.block{float:left}
footer ul li.block-0{width:50%;}
footer ul li.block-0 .padding-right{padding-right:20px;;}
footer ul li.block-1{width:20%}
footer ul li.block-2{width:20%}
footer ul li.block-3{width:10%;}

footer ul li ul li a{line-height:32px;color:#f7f7f7}
footer ul li ul li.row a{line-height:32px;height:32px;width:40%;float:left;}
footer ul li ul li a:hover{color:#fff}

footer .contact{padding-right:50px;}
footer .contact .media {margin:0 0 20px 0;}
footer .contact .media span{height:28px;}
footer .contact .media i{line-height:28px;font-size:16px;color:#fff;}
footer .contact .media .media-body a,footer .contact .media .media-body{padding:0;color:#f7f7f7;}
footer .contact .media .media-body .text-large{font-size:24px;padding-top:5px;}

footer .about{padding:15px 150px 0 0;line-height:24px;}
footer .copyright{margin:30px 0 0 0 ;line-height:80px;border-top:1px solid #444;}
footer .copyright a{color:#fff}
footer .design{position:relative}
footer .qrimg{display: block;color:#fff;}

footer .foot-link{line-height:32px}
footer .foot-link a{display:block;float:left;margin-left:30px;font-size:14px;color:#EEDBDB}
footer .foot-channel{line-height:32px}
footer .foot-channel a{display:block;float:left;margin:0 30px;font-size:14px}
footer .foot-channel a:hover,footer .foot-link a:hover{color:#f7f7f7;transition:all .3s}

.friendlink ul li{display:inline-block;margin-right:10px}
.friendlink ul li a:hover{color:#ccc}

.social-button a{display:inline-block;background:#FD9E14;color:#fff;width:42px;height:42px;line-height:42px;margin-right:10px}
.social-button a.weixin{position:relative}
.social-button a.weixin .wx{display:none}
.social-button a.weixin:hover .wx{position:absolute;display:block;top:-112px;left:-28px;width:102px;height:102px;background:#fff;padding:2px}
.social-button a.weixin .wx:after{position:absolute;bottom:-8px;left:40px;display:inline-block;border-right:8px solid transparent;border-top:8px solid #fff;border-left:8px solid transparent;content:''}
/* åº•éƒ¨åœ°å›¾ç‰ˆæƒ end*/

/*æ‚¬æµ®å®¢æœ begin*/
.kefu{position:fixed;width:40px;right:10px;top:50%;padding:10px 0 8px 0;z-index:999;border-radius:80px;box-shadow:0px 5px 10px 0px rgba(0,0,0,.3);}
.kefu ul li{width:40px;float:left;position:relative;transition:all .3s;cursor:pointer;margin:8px 0}
.kefu ul li i{font-size:16px;}
.kefu ul li.sidewx .wxBox.son{left:-150px;width:150px;padding:10px;display:none;position:absolute;top:0;box-shadow:0px 0 10px 0 rgba(0,0,0,.1)}
.kefu ul li.sidetel .telBox.son{left:-180px;width:200px;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(0,0,0,.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:25px;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:24px;}
.kefu ul li.sidetel .telBox .post .media .media-body {padding:0;margin:0px;}
.kefu ul li.gotop{margin-top:5px}
.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*/

#m-b-bar{display:none;}

@media screen and (max-width:1440px){
.container-layout{max-width:98%;}
}

@media screen and (max-width:768px){

.blank-small,.blank-middle{height:10px;line-height:10px}
.blank-big{height:20px;line-height:20px}
.blank-large{height:20px;line-height:20px}
.text-big{font-size:16px}

.padding-large{padding:20px}
.container-layout{max-width:100%;}
.line-big{margin-left:-5px;margin-right:-5px}
.line-big .x1,.line-big .x10,.line-big .x11,.line-big .x12,.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 .xb1,.line-big .xb10,.line-big .xb11,.line-big .xb12,.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 .xl1,.line-big .xl10,.line-big .xl11,.line-big .xl12,.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 .xm1,.line-big .xm10,.line-big .xm11,.line-big .xm12,.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 .xs1,.line-big .xs10,.line-big .xs11,.line-big .xs12,.line-big .xs2,.line-big .xs3,.line-big .xs4,.line-big .xs5,.line-big .xs6,.line-big .xs7,.line-big .xs8,.line-big .xs9{position:relative;min-height:1px;padding-right:5px;padding-left:5px}

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

.side-l{width:100%;float:none}
.side-r{width:100%;float:none}
.side-r .padding{padding:0}
.side-r .margin-left{margin-left:0}

/* é¦–é¡µè½®æ’­ */
.slides .img-box{padding-bottom:64%;}
.slides .owl-dots {position:relative;top:-20px;margin-bottom:-20px;}

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

.product-des{padding:30px 0 0 0}
.product-des h1{font-size:24px;0}

/* äº§å“è¯¦ç»†é¡µ */
.product-overview .tab .tab-nav li {display:inline-block;width:30%;}
.product-overview .tab .tab-nav li a {padding:15px 0;font-size:18px;}
.product-overview .tab .tab-body {padding:20px 0}

.nav-x-button{margin:10px auto;}
.nav-x-button li a{line-height:50px;padding:0 20px;}

.nav-x .nav-split li {border-right:solid 0px rgba(0,0,0,.06)}
.nav-x ul{border-radius:8px;box-shadow:0 15px 36px -12px rgba(0,0,0,.3);padding:10px;}
/*.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:15px;background:#FFF;width:100%;height:36px;line-height:36px;color:#666;font-weight:normal;display:block;width:100%;text-align:left;}
.nav-x .button {background:#FFF;border:1px solid #f7f7f7;border-radius:5px;padding:15px 20px;margin:20px 0;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: #198E2C;border-color: #FFF;background-color: #FFF;}

.nav-6 .cat .tit{display:none}
.nav-6 .cat .cat-tree{padding:0;border-radius:0;background:#FFF;box-shadow:0px 5px 15px 5px rgba(0,0,0,.03)}
.nav-6 .cat .cat-tree ul li{border-bottom:1px solid #EEEBEA;}
.nav-6 .cat .cat-tree ul li:hover{color:#fff;background:#198E2C}
.nav-6 .cat .cat-tree ul li.active a{color:#198E2C}
.nav-6 .cat .cat-tree ul li ul li{border-bottom:none;text-align:left}
.nav-6 .cat .cat-tree ul li ul li a.active{color:#FFF}
.nav-6 .menu{text-align:center;margin:0 0 10px 0}
.nav-6 .menu button{background:#198E2C;border:0px solid #eee;z-index:3;height:50px;line-height:50px;padding:0 25px;border-radius:0;color:#fff;font-size:16px;text-align:center}
.nav-6 .menu i{font-size:18px;}


.tab-pro .tab .tab-nav li {display:block;width:50%;float:left;text-align:center}
.tab-news .tab .tab-nav li {display:block;width:33.33333%;float:left;text-align:center;}
.tab-news .tab .tab-nav li a{padding:0 10px;}
.tab-text-news .tab .tab-nav li {display:block;width:33.33333%;float:left;text-align:center;}
.tab-text-news .tab .tab-nav li a{padding:0 10px;}

.tab-y .tab-left{width:100%;float:none;}
.tab-y .tab-right{width:100%;float:none;}
.tab-y .tab .tab-nav li{margin:0;float:left;width:33.33333333%;}
.tab-y .tab .tab-nav li a {height:50px;line-height:50px;border-right: 1px solid #1DA433}
.tab-y .tab .tab-nav li:first-child a {border-radius:8px 0 0 0;}
.tab-y .tab .tab-nav li:last-child a{border-radius:0 0 8px 0;border-right: 0}
.tab-y .tab .tab-nav li:nth-of-type(3) a{border-radius:0 12px 0 0;}
.tab-y .tab .tab-nav li:nth-last-of-type(3) a{border-radius:0 0 0 8px;border-bottom: 0}
.tab-y .tab .tab-nav li:nth-last-of-type(2) a{border-bottom: 0}
.tab-y .tab .tab-nav li.active:after{display:none;}
.tab-y .tab .tab-body {min-height:auto;border-radius:8px;margin:10px 0 0 0;padding:0 0 20px 0;}
.tab-y .tab .tab-body .padding-large{padding:10px 10px 0 10px;}

.article .padding-large{padding:20px}
.article .post h1{font-size:24px;}
.article .post h2{font-size:20px;}
.article .post h3{font-size:18px;}

.carousel-news .media-body {padding:20px 10px;}
.carousel-news .owl-nav .owl-prev {left:10px;}
.carousel-news .owl-nav .owl-next {right:10px;}

.carousel-news2 .media .media-body {padding:10px 0 ;}
.carousel-news2 .owl-nav .owl-prev {left:10px;}
.carousel-news2 .owl-nav .owl-next {right:10px;}

.countUp .counter{font-size:36px;}
.countUp .media{margin-bottom:10px}
.countUp span{font-weight:normal;font-size:24px;}
.countUp p{line-height:24px;}

/* æ&nbsp;‡é¢˜æ&nbsp;·å¼ */
.title-c strong{font-size:24px;}
.advantage dl{margin-bottom:10px;}
.advantage dl dd strong a{font-size:16px;margin:25px 0 5px 0}

/* æ—¶é—´æ‹†åˆ†çš„æ–°é—» */
.list-post-time .media{padding:10px 10px 10px 0px;margin-bottom:10px;}
.list-post-time .media .date-list{height:110px;padding:10px 20px;margin-right:20px}
.list-post-time .media .media-body strong a{font-size:16px;line-height:28px;}
.list-post-time .media .date .f-day-list{font-size:48px;padding:15px 0;}
.list-post-time .media .date .f-year{font-size:15px;}

.f-banner {padding:30px 0;position:relative;}
.f-banner strong{font-size:24px;margin-bottom:20px;}
.f-banner a.button{padding:12px 30px;}

.channel-banner {height:220px;}
/*.channel-banner:before {content:'';display:block;position:absolute;background:#000;opacity:.1;width:100%;height:100%;bottom:0px;left:0;right:0;right:0}*/
.channel-banner .banner-info {margin-top:80px;}
.channel-banner .banner-info strong{font-size:32px;}

.index_about .text .aboutcon{padding:30px 20px;}
.index_about .text .aboutcon .title {line-height:36px;font-size:24px;}
.index_about .text .aboutcon 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%}

.about .pic{margin:-30px 0 10px 0;}
.about .content{padding:10px;}
.about .content h2{font-size:24px;}
.about .content strong{font-size:18px;margin: 10px 0}


footer{padding:0;background:#fff url(../images/bg_footer.png) no-repeat 0 0;}
footer ul{padding-left:10px}
footer ul li.block{float:none}
footer ul li.block-1,footer ul li.block-2,footer ul li.block-3,footer ul li.block-4,footer ul li.block-5,footer ul li.block-6{width:100%}
footer .copyright{margin:0 -10px;line-height:24px;border-top:0px solid #21B939;text-align: center;padding:20px 0;background: #333}

/* é»˜è®¤ç®­å¤´ */
.owl-carousel .owl-nav i{font-size:16px;}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next {width:30px;height:30px;line-height:32px;}
.owl-carousel .owl-nav .owl-prev {left:10px;}
.owl-carousel .owl-nav .owl-next {right:10px;}
/* owl-carouselæ»šåŠ¨æ’ä»¶ end */
.project-home .media-img{margin-bottom:10px} 
.project-home .media-img .tit {bottom:10px;padding:0 10px;}
.project-home .media-img:hover .tit {bottom:20px;}
.project-home .media-img .ph150{padding-bottom:67%;}

.history:after{margin-top:10px;}
.history .item h2:after{border:2px solid #fff; background: #fff;height:12px; width:12px;bottom:-12px;}
.history .item:hover h2:after{height:20px; width:20px;}
.history .item .hiscon{margin-top:30px;height:auto;border-radius:20px;transition:all .3s;}
.history .owl-nav .owl-prev,.history .owl-nav .owl-next {top:45%;}
.history .owl-nav .owl-prev {left:0px;}
.history .owl-nav .owl-next {right:0px;}

/*ç§»åŠ¨åº•éƒ¨å¯¼èˆª begin*/
.blank-bottom{height:50px;line-height:50px;clear:both; font-size:0;}
.bottom-bar{box-sizing:border-box; -webkit-box-sizing:border-box;display:block;}
.bottom-menu{height:50px; line-height:50px; border-right:1px solid #21BA3A; box-sizing:border-box; -webkit-box-sizing:border-box;}
.bottom-menu:last-child{border-right:none;}
.bar-name a{display:block;padding:8px 0 0 0;line-height:20px;font-size:14px;}
.bar-name a i{font-size:16px;display:block;}
.bottom-menu-sub .arrow{width:0px;height:0px;position:absolute;left:50%;margin-left:-10px;bottom:-9px;border-top:10px solid #EEEEEE;border-left:10px solid transparent;border-right:10px solid transparent;z-index:10;}
.bottom-menu-sub .downward{width:0px;height:0px;position:absolute;left:50%;margin-left:-9px;bottom:-8px;border-top:9px solid #FFF;border-left:9px solid transparent;border-right:9px solid transparent;z-index:11;}
/*ç§»åŠ¨åº•éƒ¨å¯¼èˆª end*/
}
</pre></body></html>