<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:"Opensans-Regular";src: url("../font/Opensans-Regular.woff2") format('opentype');font-weight: normal;font-style: normal
}
@font-face{font-family:"Oswald-Bold";src: url("../font/Oswald-Bold.woff2") format('opentype');font-weight: normal;font-style: normal
}
@font-face{font-family:Techna;src:url(../font/Techna-Sans-Regular.otf) format('opentype');font-weight:400;font-style:normal;}
/*@font-face{font-family: "Opensans-Regular";src: url("../font/Opensans-Regular.woff2") format('opentype');font-weight: normal;font-style: normal
}*/
body{font-family:"Opensans-Regular",Arial,sans-serif;height: 100%;color:#333;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:#2C3A99;}
::-moz-selection {color:#fff;background:#2C3A99;}
::selection {color:#fff;background:#2C3A99;}
.text-lowercase {text-transform:lowercase;}
.text-uppercase,.initialism {text-transform:uppercase;}
.text-capitalize {text-transform:capitalize;}
a {color:#333;text-decoration:none}
a:focus,a:hover {color:#333;transition:none}
input:focus,textarea:focus{outline:1px solid #3EBE61;}
a.text-gray:hover{color:#504E4E}
a.blocklink{display: block;border:1px solid #3EBE61;}

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(135deg,#6AD98A, #3EBE61)}
.bg-blue-gradient{background: linear-gradient(135deg,#6AD98A, #3EBE61);color:#fff;}
/* a.bg-blue-gradient:hover,.bg-blue-gradient:hover{background: linear-gradient(135deg,#53ccf3, #3EBE61);color:#fff;} */
.gradient-text {position: relative;display: inline-block;background: linear-gradient(to top, #0A71E4, #22CC8E);background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.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;text-indent:-3000px}
.product_ph{padding-bottom:100%;transition:.5s;display:block;width:100%;height:0;overflow:hidden;background-position:center top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;text-indent:-3000px}
.mainwen{background-image:url(../images/wen.png);background-repeat:no-repeat;background-position:right bottom;background-size:50%;}
.Bebas{font-family: 'Bebas';}
.Techna{font-family:"Techna";letter-spacing:1px}/*æ•°å­—å­—ä½“*/
.Oswald{font-family:"Oswald-Bold";}
.mainbg{background-image:url(../images/mainbg.png);background-repeat:no-repeat;background-position:center top;background-size:cover;}
/*.Poppins {font-family:"Poppins-Regular";font-weight: 600}*/
/*.Opensans{font-family: "Opensans-Regular";font-weight: 500}*/

@keyframes fadein{from{opacity:0}to{opacity:1}}

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

.container-layout{max-width:1300px;}
.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:21%;float:left;z-index:999;position:relative}
.side-r{width:79%;float:right}
.side-r .padding{padding:0 0 0 20px}
.side-r .margin-left{margin-left:30px}

/* owl-carouselæ»šåŠ¨æ’ä»¶*/
/* é»˜è®¤åœ†ç‚¹ */
.owl-carousel .owl-dots {display:inline-block;width:100%;bottom:5px;position:absolute;padding:0;text-align: center;-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-color:rgba(255,255,255,.6);display:inline-block;text-align:center;-webkit-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s;}
.owl-carousel .owl-dots .owl-dot.active span {background-color:rgba(0,0,0,.6);width:20px;border-radius:10px;}
/* é»˜è®¤ç®­å¤´ */
.owl-carousel .owl-nav i{font-size:24px;}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next {background:#FFF;opacity:0;width:48px;height:48px;line-height:56px;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%;padding:0;}
.owl-carousel .owl-nav .owl-prev {left:20px;right:auto;}
.owl-carousel .owl-nav .owl-next {right:20px;}
/* owl-carouselæ»šåŠ¨æ’ä»¶ end */

 /* å¼¹å‡ºå±‚*/
.dialog {border:0;width:50%;margin:0 auto;box-shadow:0 10px 25px rgba(0,0,0,0.3);position:relative;border-radius:12px}
.dialog .dialog-head{padding:12px 0 15px 40px ;border-bottom: 0;border-radius:0;color:#333;background:#fff}
.dialog .dialog-head strong{font-size: 36px;font-family:"Oswald-Bold";}
.dialog .close{position:absolute;right:15px;top:10px;z-index:9;font-size:32px;}
.dialog .close:hover{color:#D81A1B}
.dialog.fb{width:40%;border-radius:0}
.dialog.fb .close{font-size:48px;right:20px;top:20px;color:#333;}

.dialog .dialog-body{padding:0px;line-height:24px;}
.dialog .dialog-body .register_img{position:relative;}
.dialog .dialog-body .register_img img{border-radius: 12px 0 0 12px}
.dialog .dialog-body .register_text{position:absolute;bottom:10px;right:30px;z-index:3}
.dialog-body h3 {font-size:24px;font-weight:600;color:#3A3A3F;margin-bottom:20px}
.dialog-body .form-group {padding-bottom:12px}
.dialog-body .input{height:48px;line-height:24px;padding:0 20px;width:100%;display:block;-webkit-appearance:none;box-shadow:0 0px 0px rgba(0,0,0,0.0)}
.dialog-body .textarea {padding:15px 20px;line-height:24px;width:100%;}
.dialog-body .label {padding-bottom:10px;display:block;line-height:24px;}
.dialog-body .label label {font-weight:400;}
.dialog-body select {padding:0 30px 0 15px;width: 100%; height:48px;line-height:48px;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#fff url(../images/select-down.png) no-repeat right 50%;}
.dialog-body .form-tips .dialog-body .input-help ul {border:solid 0px #DDD;background:#fff;padding:5px 10px;box-shadow:0 0 0 #fff;border-radius:0 0 4px 4px;width:150px;min-width:150px;width:auto;_width:150px;color:#EE3333;font-size:12px}
.dialog-body .input::-webkit-input-placeholder, .dialog-body .textarea::-webkit-input-placeholder {color: #000;}
.dialog-body .input:-moz-placeholder, .dialog-body .textarea:-moz-placeholder {color: #000;}
.dialog-body .input::-moz-placeholder, .dialog-body .textarea::-moz-placeholder {color: #000;}
.dialog-body .input:-ms-input-placeholder, .dialog-body .textarea:-ms-input-placeholder {color: #000;} 
 /* å¼¹å‡ºå±‚ end*/
 
/*è½®æ¢å¹¿å‘Š*/
.slides .img-box{min-height: calc(100vh - 180px);transition:.5s;display:block;width:100%;height:0;overflow:hidden;background-position:center top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;}
/*.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 h1{font-size: 72px;font-family:"Oswald-Bold";display: block;width: 800px;margin:15% auto 0 auto;}
.slides .img-box p{font-size:20px;display: block;width: 800px;margin:20px auto 30px auto;}
.slides:hover .owl-nav .owl-next,.slides:hover .owl-nav .owl-prev{opacity:1;box-shadow: 0 5px 15px 0 rgba(0,64,128,.015);}
.slides .owl-dots {position:relative;top:-30px;margin-bottom:-30px;padding:0;text-align:center;vertical-align:middle;width:100%;}
/*è½®æ¢å¹¿å‘Š end*/
.slider-title strong a{font-weight: 400;}
.slider-title strong a:hover{color:#3EBE61;}

/* è§£å†³æ–¹æ¡ˆ  */
.solution{position:relative;}
.solution .title{display: inline-block;position:absolute;top:80px;left:0;right:0;z-index: 9}
.solution .title h2{height:60px;font-size:36px;font-weight: 600;display: block;padding:0 20px;text-transform:uppercase;}
.solution li{height:500px;position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;overflow: hidden}
.solution li:before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.2);transition:all .4s cubic-bezier(.4,0,.2,1)}
.solution li a{position:absolute;width:100%;height:100%;left:0;top:0}
.solution li .item-title{position:absolute;bottom:60px;left:0;right:0;-webkit-transition:.3s;transition:.3s;}
.solution li .item-title strong{font-size:24px;font-weight:600;position:relative;display: block;padding:0 20px;}
/*.solution li .item-title strong:before {content:"";position:relative;display:block;width:50px;border-bottom:2px solid #fff;bottom:-60px;left:50%;margin-left:-25px;transition:all .4s cubic-bezier(.4,0,.2,1)}*/
.solution li .item-title p{margin-top:30px;-webkit-transition:.3s;transition:.3s;filter:alpha(opacity=80);opacity:.8;display: block;padding:0 30px;height: 50px;overflow: hidden}
.solution li:hover .item-title{bottom:100px;;-webkit-transition:.3s;transition:.3s;}
.solution li:hover:before {background: linear-gradient(45deg,rgba(0,199,152,0.6),rgba(1,135,206,0.6));}
.solution li:hover .item-title:before {opacity:0;margin-bottom:0}
.solution li:hover .item-title p{-webkit-transition:.3s;transition:.3s;margin-top: 30px;filter:alpha(opacity=0);opacity:0;}
/* è§£å†³æ–¹æ¡ˆ  */

/*é¦–é¡µå…³å¥è¯*/
.hotkeyword{line-height: 60px}
.hotkeyword span{font-weight: 600}
.hotkeyword a{color:#504E4E;display:inline-block;margin-right: 10px}
.hotkeyword a:hover{color:#004E96;}

.hotserchbar .form-group{border-radius:30px;padding:10px 0}
.hotserchbar .input {height:42px;padding:0 0 0 20px;border-radius:30px 0 0 30px;}
.hotserchbar .input-group .addbtn {padding:0px;}
.hotserchbar .button {height:42px;width:50px;color:#fff;border-radius:0 30px 30px 0;padding:0;}

/* å®¢æˆ·æ¡ˆä¾‹ */
.carousel-project .media{position:relative;}
.carousel-project .media .media-body {text-align:left;padding:10px 12px;margin-top: 0}
.carousel-project .media .media-body strong a{font-size:16px;height:40px;font-weight:400}
/*.carousel-project .media:hover .media-body{background: #3EBE61}*/
/*.carousel-project .media:hover .media-body strong a{color:#3EBE61;}*/
.carousel-project .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;text-indent: -3000px /*å›¾ç‰‡ä¸è£åˆ‡éœ€è¦å…¨éƒ¨æ˜¾ç¤ºæ”¹ç”¨background-size:containï¼Œæ”¹å˜å›¾ç‰‡ç¼©æ”¾æ¯”ä¾‹æ”¹paddding-bottomçš„ç™¾åˆ†æ¯”,å¦‚å›¾ç‰‡å®½é«˜1:1 100%ï¼Œ4:3 75%ï¼Œ3:4 133.33%*/}
.carousel-project .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-project .media:hover .ph{transform:scale(1.05);-webkit-transition:.3s;transition:.3s;}
/*.carousel-project .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-project .owl-nav .owl-prev,.carousel-project .owl-nav .owl-next {background:#3EBE61;opacity:.8;color:#fff;}
.carousel-project:hover .owl-nav .owl-prev,.carousel-project:hover .owl-nav .owl-next {opacity:1;color:#fff;}
.carousel-project .owl-nav .owl-prev {left:-50px;}
.carousel-project .owl-nav .owl-next {right:-50px;}
.carousel-project .owl-dots {position:relative;top:30px;padding:0;text-align:center;vertical-align:middle;width:100%;}
/* å®¢æˆ·å®‰ä¾‹ end*/

/* æ—¶é—´æ‹†åˆ†çš„æ–°é—» */
.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:105px;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:36px;padding:0; position: relative;display: inline-block;color: #3EBE61;}
.list-post-time .media .date .f-year{font-size:16px;color:#504E4E;}
.list-post-time .media .date hr{width:24px;height:2px;margin:5px auto 10px auto;background:#3EBE61}
.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: #3EBE61}
.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;
}

/*æ»šåŠ¨æ•°å­—*/
.countUp{margin:0 auto;}
.countUp i{font-style:normal;padding-top:10px;}
.countUp .media{position:relative;-webkit-transition:.5s;transition:.5s;display:inline-block;width:300px;}
.countUp .media:first-child{border-right:1px solid #DDD;}
.countUp .counter{font-size:52px;}
.countUp span{font-weight:normal;font-size:24px;}
.countUp p{line-height:24px;}
/* é¦–é¡µå…³äºŽæˆ‘ä»¬ */

/*å…³äºŽæˆ‘ä»¬==============*/
/* æ»šåŠ¨èµ„è´¨ */
.honour .media {-webkit-transition:.5s;transition:.5s;}
.honour .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%*/}
.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:#3EBE61;}
.honour .media:hover .media-body p {color:#504E4E}
.honour .owl-nav .owl-prev,.honour .owl-nav .owl-next {background:#3EBE61;opacity: .8;}
.honour:hover .owl-nav .owl-prev,.honour:hover .owl-nav .owl-next {background:#3EBE61;opacity: 1;}
.honour .owl-nav .owl-prev {left:20px;}
.honour .owl-nav .owl-next {right:20px;}
/* æ»šåŠ¨èµ„è´¨ end*/


.blockcon{display: inline-block;background: #fff}
.blockcon:hover{color:#fff;background: #C3DA5E}
.blockcon:hover h2{color:#fff;}
.blockcon:hover ul li:before{background:#fff;}

.blockcon h2{display: block;font-size:20px;margin-bottom:20px;font-weight: 600}
.blockcon ul li{padding:0 0 5px 20px;line-height:28px;position:relative;font-size:16px}
.blockcon ul li p{line-height:28px}
.blockcon ul li:before{content:'';position:absolute;top:11px;left:0;background:#3EBE61;width:8px;height:8px;border-radius:50%}
.blockcon p{font-size:16px;line-height:28px;margin-bottom:10px}

/*å…³äºŽæˆ‘ä»¬*/
/*å•é¡µ*/
.about-post-x dl{margin-bottom:50px}
.about-post-x dl dt {display:block;width:60%;font-weight:normal;position:relative;}
.about-post-x dl dt .content strong{font-size:36px;display: block;font-family:"Oswald-Bold";font-weight: 400}
.about-post-x dl dt .content h2{font-size:36px;display: block;position:relative;font-family:"Oswald-Bold";line-height:48px;margin-bottom: 20px;z-index:1}
.about-post-x dl dt .content h2:after {
    content: '';
    display: block;
    width: 100px;
    height: 10px;
    background-color: #3EBE61;
    position: absolute;
    z-index: -1;
    top: 20px;
	left:-80px;
}

.about-post-x dl dt .content p{margin-bottom: 10px;line-height:30px;font-size: 16px}
.about-post-x dl dt .content ul li{padding:0 0 5px 20px;line-height:28px;position:relative;font-size:16px}
.about-post-x dl dt .content ul li p{line-height:28px}
.about-post-x dl dt .content ul li:before{content:'';position:absolute;top:10px;left:0;background:#3EBE61;width:10px;height:10px;border-radius:50%}

.about-post-x dl dd {display:block;width:40%;padding:50px 0;}
.about-post-x dl dd .ph{padding-bottom:110%;transform:scale(1);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;}
.about-post-x dl dd .pw{padding-bottom:80%;transform:scale(1);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;}
.about-post-x dl:nth-child(2n+0){background: -webkit-linear-gradient(right, #f5f6f7 65%, #fff 65%);
background: linear-gradient(to left, #f5f6f7 65%, #fff 65%);}
.about-post-x dl:nth-child(2n+1){background: -webkit-linear-gradient(left, #f5f6f7 65%, #fff 65%);
background: linear-gradient(to right, #f5f6f7 65%, #fff 65%);}

.about-post-x dl:nth-child(2n+1) dt {float:left;}
.about-post-x dl:nth-child(2n+1) dt .content{padding:50px 50px 50px 0px;}
.about-post-x dl:nth-child(2n+0) dt {float:right}
.about-post-x dl:nth-child(2n+0) dt .content{padding:50px 50px 50px 0;}
.about-post-x dl:nth-child(2n+1) dd {float:right}
.about-post-x dl:nth-child(2n+0) dd {float:left}
 
.about-post-x dl:nth-child(2n+0) dd .img-wrap{position:relative;padding-left:30px;z-index:1}
.about-post-x dl:nth-child(2n+0) dd .img-wrap:after {
    content: '';
    display: block;
    width: 400px;
    height:400px;
    background-color: #DFF0E0;
    position: absolute;
    z-index: -1;
    bottom: 0px;
	left:0;
	border-radius: 50%
}
.about-post-x dl:nth-child(2n+1) dd .img-wrap{position:relative;padding-right:30px;z-index:1}
.about-post-x dl:nth-child(2n+1) dd .img-wrap:after {
    content: '';
    display: block;
    width: 400px;
    height:400px;
    background-color: #DFF0E0;
    position: absolute;
    z-index: -1;
    bottom: 0px;
	right:0;
	border-radius: 50%
}

.about{overflow: hidden;position:relative;z-index: 3;}
.about .padding-large{padding:40px 50px}
.about.mt{margin-top:0px;}
.about.sh{height:500px}
.about .ch{height:300px}
.about h4{font-size:24px;font-family:"Oswald-Bold";line-height:30px;display: block;margin-bottom: 10px;}
.about .ltxt{padding-right:50px}
.about .rtxt{padding-left:80px}
.about .lpic{overflow:hidden;border-radius: 12px 0  0 12px}
.about .rpic{overflow:hidden;border-radius: 0 12px 12px 0}
.about .content p img{max-width: 100%}
.about .content h2{font-size:36px;font-family:"Oswald-Bold";display: block;margin-bottom: 20px;line-height:40px;color:#333}
.about .content h3{font-size:32px;font-family:"Oswald-Bold";display: block;margin-bottom: 20px;line-height:38px;color:#333}
.about .content strong{font-size:18px;display: inline-block;margin: 10px 0;color:#333}
.about .content p{font-size: 16px;font-weight: 400;margin-bottom: 10px}
.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:10px;left:0px;background:#3EBE61;width:10px;height:10px;border-radius:50%;}
/*å•é¡µ*/

.sustainable h2{font-size:32px;font-family:"Oswald-Bold";display:block;line-height:36px}

/* æ»šåŠ¨é—¨åº— */
.mall .img-big{padding-bottom:110%;transition:.5s;display:block;width:100%;height:0;overflow:hidden;background-position:center top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;text-indent:-3000px}

.mall .img-box{padding-bottom:85%;transition:.5s;display:block;width:100%;height:0;overflow:hidden;background-position:center top;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}*/
.mall .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%;}
.mall:hover .owl-nav .owl-next,.mall:hover .owl-nav .owl-prev{opacity:1;border:1px solid #fff;}
.mall .owl-dots {position:relative;top:-30px;margin-bottom:-30px;padding:0;text-align:center;vertical-align:middle;width:100%;}
/* æ»šåŠ¨é—¨åº— end*/

.partners .logo {position:relative;overflow:hidden;-webkit-box-shadow: 0px 5px 15px 10px rgba(0, 0, 0, 0.03);box-shadow: 0px 5px 15px 10px rgba(0, 0, 0, 0.03);margin-bottom: 30px}
.partners .logo:hover {background: #fff; z-index:3;position:relative;-webkit-box-shadow: 0px 15px 35px 20px rgba(0, 0, 0, 0.09);box-shadow: 0px 15px 35px 20px rgba(0, 0, 0, 0.09);-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
.partners .logo img {height:80px;width:auto;border-radius: 50%; margin:0 auto;-webkit-transition:.3s;transition:.3s}
.partners .logo:hover img{transform:scale(1.02);-webkit-transition:.3s;transition:.3s}
.partners .logo p{line-height:22px;display: block;height:44px;margin-top:5px;}

.history{position:relative;}
.history:after{position:absolute; content:"";background-color:#B2C40B;height:2px; width:100%;left:0;right:0;top:150px;margin-top:-33px;z-index: -1}
.history .item{padding:10px 0px;}
.history .item .titime{border:0;position: relative;transform: rotate(45deg);margin:0 auto;width:84px;height: 84px;line-height: 84px;border-radius: 20px;background: linear-gradient(to bottom, #3EBE61, #E7E84D);}
.history .item .titime h2{font-size:28px;transform: rotate(-45deg)}
.history .item .hiscon{margin-top:70px;height:400px;transition:all .3s;overflow: hidden}
.history .item .hiscon .con{padding:20px;}
.history .item .titpic{position:relative;}
.history .item .titpic .postit {
    background: linear-gradient(to left, rgba(178, 196, 11, 0) 0%, rgba(178, 196, 11, 1) 100%);
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0px;
    vertical-align: middle;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 1;
}
.history .item .titpic .postit strong {
    padding: 10px 20px;
    line-height: 24px;
    overflow: hidden;
    display: block;
    font-size: 16px;
}
/*background-image: linear-gradient(130deg, #3962AD 0%, #537CC6 45%, #46A3E4 100%);*/
/*.history .item:hover .hiscon{background: linear-gradient(to left, #BFA35C, #E1CD98);color:#fff;-webkit-transition:0.5s;-o-transition:0.5s;transition:all .3s;}*/
.history .item h2:after{position:absolute; content:""; border:2px solid #B2C40B; background: #fff;height:18px; width:18px;border-radius:50%;bottom:-32px;left:0;right:0;text-align:center; margin:0 auto;transition:all .3s;z-index: 6}
.history .item:hover h2:after{position:absolute; content:""; height:20px; width:20px;transition:all .3s;z-index: 6}

.history .owl-nav .owl-prev,.history .owl-nav .owl-next {background:#1B2009;opacity:1;top:118px;color:#B5C615;}
.history:hover .owl-nav .owl-prev,.history:hover .owl-nav .owl-next {background:#1B2009;opacity:1;}
.history .owl-nav .owl-prev {left:0px;right:auto;}
.history .owl-nav .owl-next {right:0px;}

.ico-text-y .media{padding:10px;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
/*.ico-text-y .media:hover{background:#F7F4ED;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}*/
.ico-text-y .media-body strong{display: block;position:relative;margin:10px 0 ;}
/*.ico-text-y .media-body strong:before {content:'';display:block;position:absolute;width:30px;height:3px;bottom:-20px;left:0;background-color:rgba(255,255,255,.9);}*/
/*.ico-text-y .media-body p{height:70px;}*/
/*.ico-text-y .media:hover strong,.ico-text-y .media:hover p{color:#fff;}*/

.ico-y .media {display:block;-webkit-transition:.3s;transition:.3s;}
/*.ico-y .media:hover {-webkit-box-shadow: 0px 15px 35px 25px rgb(0 0 0 / 5%);box-shadow: 0px 15px 35px 25px rgb(0 0 0 / 5%);-webkit-transition:.3s;transition:.3s;}*/
.ico-y .media .imgbig{max-height:120px;}
.ico-y .media .imgmid{max-height:90px;}
.ico-y .media-body strong {margin:0 0 20px 0;position:relative;font-weight:400;height:40px;}
/*.ico-y .media-body strong:before {content:'';display:block;position:absolute;width:20px;height:2px;bottom:-10px;left:50%;margin-left:-10px;background:#ddd;}*/
.ico-y .media:hover .media-body strong{color:#B2C40B}

/* å¸¸è§é—®é¢˜æŠ˜å&nbsp;style2 box-shadow: 0 1px 1px rgba(9,30,66,.25);*/
.collapse {width:100%;margin-bottom:20px;}
.collapse .head {font-size:18px;height:60px;line-height:60px;padding:0 30px;cursor:pointer;font-weight:600;}
.collapse .head i {margin:23px 0 0 0;}
.collapse .arrow {float:right;width:16px;height:16px;overflow:hidden;background:url(../images/ico_jia.png) no-repeat;display:inline-block;border:0px}
.collapse .icon-jia {background-position:0 0;}
.collapse .icon-jian {background:url(../images/ico_jian.png) no-repeat;}
.collapse .cbody {padding:0 70px 30px 30px;display:block;font-size:16px;border-radius:0 0 10px 10px;}
.collapse .cbody p {line-height:26px;margin-bottom:10px;}
.collapse .cbody a{color:#2C4BFF;text-decoration:underline;}
.collapse .cbody a:hover{text-decoration:none;}
.collapse .cbody a.button{color:#fff;text-decoration:none}
.collapse .cbody ul li{padding:0 0 0 15px;position:relative;line-height:26px;font-size:15px;margin-bottom:10px}
.collapse .cbody ul li:before{content:'';position:absolute;top:11px;left:1px;background:#949494;width:8px;height:8px;border-radius:50%}

.video-list .media{-webkit-transition:.5s;transition:.5s;margin-bottom:20px}
.video-list .media.border{box-shadow:0 1px 2px 1px rgba(229,229,229,.5);border:0}
.video-list .media:hover{box-shadow:0 30px 50px rgba(229,229,229,.8)}
.video-list .media-img{position:relative;overflow:hidden}
.video-list .media-body{margin-top: 0;padding:0;}
.video-list .media-body .padding-big{padding:10px 20px 20px 20px;}
.video-list .media-body strong{overflow:hidden;font-weight:500}
.video-list .media-body em{display:block;position:relative;line-height:18px;padding-left:15px;color:#858586}
.video-list .media-body em:before{position:absolute;border-radius:20px;width:8px;height:8px;background-color:transparent;display:block;content:'';left:0;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
.video-list .media .post-zoom{transform:scale(1);transition:.5s;padding-bottom:57%;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}
.video-list .media a.collect{opacity:0;position:absolute;top:20px;right:20px;width:68px;height:30px;line-height:28px;border:1px solid rgba(255,255,255,.8);z-index:2;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.video-list .media a.play{opacity:.5;position:absolute;top:50%;left:50%;margin-left:-20px;margin-top:-20px;width:40px;height:40px;line-height:40px;background:rgba(0,0,0,1);z-index:2;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.video-list .media .playtime{position:absolute;bottom:10px;right:10px;padding:0 8px;height:20px;line-height:18px;background:rgba(0,0,0,.5);z-index:2;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.video-list .media:hover .post-zoom{transform:scale(1.02);-webkit-transition:.3s;transition:.3s}
.video-list .media:hover a.collect,.video-list .media:hover a.play{opacity:1;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}

/*å®¢æˆ·æ¡ˆä¾‹*/
.project-list dl{overflow: hidden;position: relative;margin-bottom:30px;}
/* .project-list dl:nth-child(2n+1){clear:both;margin-left:0;} */
.project-list dl:hover .ph{transform:scale(1.1);-webkit-transition:.3s;transition:.3s;}
.project-list dl dd{ width: 100%;height:100%; position: absolute;left:0;top:0;overflow: hidden;}
.project-list dl dd a{display: block;}
.project-list dl dd .mask{background: rgba(0,0,0,.1);width: 100%;height:100%;left:0;top:0;transition: all 0.3s ease 0s; position:absolute;}
.project-list dl dd .mask::before, .project-list dl dd .mask::after {border-radius: 0;box-sizing: border-box; content: ''; position: absolute; top: 12px; left:12px;bottom:12px;right:12px;-webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; }
.project-list dl dd .mask::before { border-top: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); border-radius: 10px}
.project-list dl dd .mask::after { border-left: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1);border-radius: 10px }
.project-list dl dd a:hover .mask::before,.project-list dl dd a:hover .mask::after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; }
.project-list dl dd a:hover .mask{background: rgba(0,0,0,0.4);}

.list-post-x dl{margin-bottom:40px;}
.list-post-x dl dt {display:block;width:50%;font-weight:normal;position:relative;}

.list-post-x dl dd {display:block;width:50%;padding:50px 0;}

.list-post-x dl:nth-child(2n+1){background: -webkit-linear-gradient(right, #F5F6F7 58.5%, #fff 58.5%);
background: linear-gradient(to left, #F5F6F7 58.5%, #fff 58.5%);}
.list-post-x dl:nth-child(2n+0){background: -webkit-linear-gradient(left, #F5F6F7 58.5%, #fff 58.5%);
background: linear-gradient(to right, #F5F6F7 58.5%, #fff 58.5%);}

.list-post-x dl:nth-child(2n+0) dt {float:left;}
.list-post-x dl:nth-child(2n+0) dt .content{padding:50px 50px 50px 0;}
.list-post-x dl:nth-child(2n+1) dt {float:right}
.list-post-x dl:nth-child(2n+1) dt .content{padding:50px 0 50px 50px;}
.list-post-x dl:nth-child(2n+0) dd {float:right}
.list-post-x dl:nth-child(2n+1) dd {float:left}


/* å›¾æ–‡å·¦å³äº¤X */
.excerpt-dang dl.margin-big-bottom{margin-bottom:80px}
.excerpt-dang dl dt{display:block;width:50%;font-weight:normal;position:relative;}
.excerpt-dang dl dt i{position:absolute;top:20px;left:30px;font-size:96px;color:#FCFAFA}
.excerpt-dang dl dt h2{font-size:36px;font-family:"Oswald-Bold";margin-bottom:20px;line-height:40px}
.excerpt-dang dl dd {display:block;width:50%;}

.excerpt-dang dl:nth-child(2n+0) dt {float:right;}
.excerpt-dang dl:nth-child(2n+0) dt .padding{padding:0px 0 0 30px}
.excerpt-dang dl:nth-child(2n+1) dt {float:left}
.excerpt-dang dl:nth-child(2n+1) dt .padding{padding:0px 30px 0 0}
.excerpt-dang dl:nth-child(2n+0) dd {float:left}
.excerpt-dang dl:nth-child(2n+1) dd {float:right}

.excerpt-dang dl:nth-child(2n+1) dd .img-wrap{position:relative;padding-right:30px}
.excerpt-dang dl:nth-child(2n+1) dd .img-wrap:after {
    content: '';
    display: block;
    width: 380px;
    height: 80%;
    max-height: 354px;
    background-color: #DFF0E0;
    position: absolute;
    z-index: -1;
    bottom: -30px;
	right:0
}
.excerpt-dang dl:nth-child(2n+0) dd .img-wrap{position:relative;padding-left:30px}
.excerpt-dang dl:nth-child(2n+0) dd .img-wrap:after {
    content: '';
    display: block;
    width: 380px;
    height: 80%;
    max-height: 354px;
    background-color: #DFF0E0;
    position: absolute;
    z-index: -1;
    bottom: -30px;
	left:0
}

.shop-index .media {-webkit-transition:.3s;transition:.3s;padding:10px}
.shop-index .media:hover {box-shadow:0 5px 20px 5px rgba(0,0,0,.05);-webkit-transition:.3s;transition:.3s;}
.shop-index .media-body {padding:0 10px}
.shop-index .media-body h2{margin:20px 0 50px 0;}
.shop-index .media-body h2 a {font-size:16px;}
.shop-index .media-body p {color:#666;line-height:26px;font-size:14px}
.shop-index .button {margin-top:20px;height:38px;width:100px;line-height:20px;background:#F9F9F9;color:#666;border:1px solid #eee}
.shop-index .media:hover .button {background:#2684FE;color:#FFF;border:1px solid #2684FE}
.shop-index .media:hover .media-body h2 a {color:#7DD150;}
.shop-index .media:hover .media-body p {color:#666}
.shop-index .owl-dots{position:relative;top:20px;padding:0;text-align:center;vertical-align:middle;display:inline-block;width:100%}


/* å›¾æ–‡å·¦å³äº¤X */
.excerpt-x dl.margin-big-bottom{margin-bottom:80px}
.excerpt-x dl dt{display:block;width:60%;font-weight:normal;position:relative;}
.excerpt-x dl dt i{position:absolute;top:20px;left:30px;font-size:96px;color:#FCFAFA}
.excerpt-x dl dt h2{font-size:36px;font-family:"Oswald-Bold";margin-bottom:20px;line-height:40px}
.excerpt-x dl dt p{line-height:32px}
.excerpt-x dl dd {display:block;width:40%;}

.excerpt-x dl:nth-child(2n+0) dt {float:right;}
.excerpt-x dl:nth-child(2n+0) dt .padding{padding:0px 0 0 20px}
.excerpt-x dl:nth-child(2n+1) dt {float:left}
.excerpt-x dl:nth-child(2n+1) dt .padding{padding:0px 20px 0 0}
.excerpt-x dl:nth-child(2n+0) dd {float:left}
.excerpt-x dl:nth-child(2n+1) dd {float:right}

.excerpt-x dl:nth-child(2n+1) dd .img-wrap{position:relative;padding-right:30px}
.excerpt-x dl:nth-child(2n+1) dd .img-wrap:after {
    content: '';
    display: block;
    width: 380px;
    height: 80%;
    max-height: 354px;
    background-color: #DFF0E0;
    position: absolute;
    z-index: -1;
    bottom: -30px;
	right:0
}
.excerpt-x dl:nth-child(2n+0) dd .img-wrap{position:relative;padding-left:30px}
.excerpt-x dl:nth-child(2n+0) dd .img-wrap:after {
    content: '';
    display: block;
    width: 380px;
    height: 80%;
    max-height: 354px;
    background-color: #DFF0E0;
    position: absolute;
    z-index: -1;
    bottom: -30px;
	left:0
}

/*æ–°é—»åˆ—è¡¨ç½®é¡¶*/
.excerpt-top dl{-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
.excerpt-top dl:hover .ph{transform:scale(1.02);-webkit-transition:.3s;transition:.3s;}
.excerpt-top dl dt span{display:inline-block;padding:0 12px;line-height:24px;background: #DCF9E6}
.excerpt-top dl dt{display:block;width:50%;line-height:28px;float:left;overflow: hidden;border-radius:0}
.excerpt-top dl dd{display:block;width:50%;float:left;}
.excerpt-top dl dd .title{padding:30px 30px 30px 60px;}
.excerpt-top dl dd .title strong{font-size:24px;font-weight:600;margin:50px 0 30px 0;display:block;}
.excerpt-top dl:hover dd .title strong a{text-decoration: underline;}
.excerpt-top dl dd .title .dec{height: 50px;overflow: hidden;margin-bottom: 60px}
.excerpt-top .owl-dots{position:relative;top:30px;padding:0;text-align:center;vertical-align:middle;display:inline-block;width:100%}
.excerpt-top .owl-dots .owl-dot span {background:#ccc;border:0;}

/* æ–°é—»åˆ—è¡¨ */
.excerpt-3 .media {-webkit-transition:.3s;transition:.3s;margin-bottom:30px;position:relative;}
.excerpt-3 .media .ph{padding-bottom:64%;transform:scale(1);display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;}
.excerpt-3 .media-body {text-align:left;padding:30px;margin:0;}
.excerpt-3 .media-body strong {height:58px;margin:10px 0;overflow:hidden;display: block;}
.excerpt-3 .media-body strong a{font-size: 20px;font-weight: 400}
.excerpt-3 .media:hover .media-body strong a{text-decoration: underline;color:#3EBE61;}
.excerpt-3 .media:hover .ph{transform:scale(1.02);-webkit-transition:.3s;transition:.3s;}
.excerpt-3 .media-body .des{height: 50px;overflow: hidden}

/* åˆ†ç±»5 */
.nav-5 .cat .tit{padding:20px 0;text-indent:30px;overflow: hidden}
.nav-5 .cat .tit strong{font-size:28px;}
.nav-5 .cat .tit p{font-size:16px}

.nav-5 .cat .cat-tree{padding-bottom:10px;}
.nav-5 .cat .cat-tree ul li{border-bottom:1px solid #f2f2f2; padding:12px 10px 12px 25px;}
.nav-5 .cat .cat-tree ul li:last-child{border-bottom:none}
.nav-5 .cat .cat-tree ul li a{font-size:15px;font-weight:400;color:#333;line-height:32px;height:32px;display: block}
.nav-5 .cat .cat-tree ul li a:hover{color:#2C3A99;}
.nav-5 .cat .cat-tree ul li a i{font-size:15px;line-height:32px;margin-right:10px;color:#ccc}
.nav-5 .cat .cat-tree ul li ul{padding:0px;}
.nav-5 .cat .cat-tree ul li ul li{padding:3px 0 0 0;border-bottom:none;display:block;}
.nav-5 .cat .cat-tree ul li ul li a{font-size:15px;color:#504E4E;display:block;}
.nav-5 .cat .cat-tree ul li.active ul li a{color:#504E4E;}
.nav-5 .cat .cat-tree ul li.active a{color:#2C3A99;font-weight: 600}
.nav-5 .cat .cat-tree ul li.active ul li a.active{color:#2C3A99;font-weight: 400}
.nav-5 .cat .cat-tree ul li.active ul li a{font-weight: 400}
/* å·¦è¾¹-äº§å“åˆ†ç±»æ&nbsp;‘åž‹ begin*/

.nav-ico{margin-top:-35px;}
/*.nav-ico .nav i {height:30px;display: inline-block;margin:12px 0 10px 0}*/

.nav-ico .nav li a{height:70px;line-height:64px;background:#fff;color:#333;box-shadow:0 10px 25px 0 rgba(0,0,0,.06);position:relative;font-size:16px;font-weight:400}
.nav-ico .nav li:first-child a {border-radius:2px 0 0 2px;}
.nav-ico .nav li:last-child a{border-radius:0 2px 2px 0}
.nav-ico .nav li a:hover,.nav-ico .nav li.active a{color:#3EBE61;border-bottom:3px solid #3EBE61;background: #FFF}

.nav-ico .nav li ul{padding:0;top:100%;border-radius:0px;transition: 0.3s;min-width:100%;}
.nav-ico .nav li.active ul li a {color:#333;}

.nav-ico .nav li ul li a{height:50px;line-height:50px;padding:0 20px;background:#FFF;width:100%;color:#504E4E;font-weight:normal;display:block;width:100%;text-align:left;}
.nav-ico .nav li ul li:first-child a {border-radius:0;}
.nav-ico .nav li ul li:last-child a{border-radius:0}
.nav-ico .nav li ul li a:hover{background:#3EBE61;color:#fff}
.nav-ico .nav li.active ul li a {color: #504E4E;background: #fff}
.nav-ico .nav li.active ul li a:hover{background: #FFF;color:#3EBE61}

/*äº§å“ä¸­å¿ƒåˆ—è¡¨*/
.product-list .media{-webkit-transition:.3s;transition:.3s;margin-bottom:20px;}
/*.product-list .media:hover{box-shadow:0 5px 20px rgba(0,0,0,0.03);-webkit-transition:.3s;transition:.3s;}*/
.product-list .media.media-y .padding{padding:10px;}
/*.product-list .media:hover {-webkit-transition:.3s;transition:.3s;box-shadow:0 5px 10px 5px rgba(0,0,0,.03);}*/
.product-list .media .media-body {padding:10px 20px 10px 20px;margin:0;}
.product-list .media .media-body strong a{display: block;overflow: hidden;font-weight: 400}
.product-list .media .media-body p{height:70px;overflow:hidden}
/* =====================äº§å“è¯¦ç»†begin =====================*/

.product-des{padding:10px 0 0 50px}
.product-des a{color:#54BD5E;text-decoration:underline;}
.product-des h1{font-size:36px;font-family: "Oswald-Bold";line-height:40px}
.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:10px;left:0px;background:#3EBE61;width:10px;height:10px;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 #ddd}
.product-overview .tab .tab-nav li {display:inline-block;width:10%;margin-left:40px;}
/*.product-overview .tab .tab-nav li:last-child {margin-left:10px}*/
.product-overview .tab .tab-nav li a {margin-bottom:-1px;color:#333;padding:20px 0;display:block;line-height:24px;border:0;border-radius:0;font-size:18px;text-align:center;font-weight: 600}
.product-overview .tab .tab-nav .active {border-radius:0px;}
.product-overview .tab .tab-nav .active a {cursor:default;color:#3EBE61;background:#FFF;border-bottom:3px solid #3EBE61;}
.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{padding:0 40px;}
.product-overview .tab .tab-body .content strong{font-size:20px;margin-bottom:10px;}
.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%}
.product-overview .tab .tab-body .content table{margin:10px 0;width:100%;}
.product-overview .tab .tab-body .content table th{background:#daf0fd;color:#fff;border:1px solid #fff}
.product-overview .tab .tab-body .content table tr td{padding:12px;font-size:15px;}
.product-overview .tab .tab-body .content ul li{padding:0 0 5px 20px;line-height:28px;position:relative;font-size:16px}
.product-overview .tab .tab-body .content ul li p{line-height:28px}
.product-overview .tab .tab-body .content ul li:before{content:'';position:absolute;top:12px;left:0;background:#3EBE61;width:6px;height:6px;border-radius:50%}
/* äº§å“è¯¦æƒ…TAB END */

/* æ”¾å¤§é•œ begin */
#zoomimg{cursor:pointer;display:block}
/*.product-thumb .item{overflow: hidden;}*/
.product-thumb .item:hover{box-shadow:0 5px 12px rgba(0,0,0,0.06)}
.product-thumb .owl-nav .owl-next,.product-thumb .owl-nav .owl-prev{background:#3EBE61;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 .owl-dots {position:relative;top:10px;padding:0;text-align:center;vertical-align:middle;display:inline-block;width:100%;}
.product-related .owl-dots .owl-dot span {border-radius:50%;background:#999;}

/* =====================è¯¦æƒ…é¡µbegin===================== */

/* å†…å®¹ begin */
.article{overflow:hidden}
.article .margin-right{margin-right:30px}
.article .post h1{font-size:28px;line-height:36px;font-family:Techna;}
.article .post h2{font-size:24px;margin:20px 0;font-family:Techna;}
.article .post h3{font-size:40px;margin:20px 0;font-family:Techna;}
.article .post hr{margin:10px 0;height:1px;background: #EBEBEB}
.article .post strong{font-size:20px;margin:10px 0;font-weight:400;font-family:Techna;}
.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 #3EBE61;color:#3EBE61}
.article .post a:hover{border-bottom:0 solid #e7161a}
.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:#3EBE61;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 */

.tagbox li{display: block;float:left;margin:0 0 10px 0;}
.tagbox li a{padding:6px 20px;line-height:32px;border:1px solid #eee}
.tagbox li a:hover{border:1px solid #ddd;}

/* =====================è¯¦æƒ…é¡µEND===================== */

/*é¢åŒ…*/
.bread-name{line-height:60px;height:60px;overflow:hidden;}
.bread-name strong{font-size:18px;padding:0 30px;display: inline-block;position:relative;}
.bread-name strong::before {position: absolute;content: '';height: 2px;background: #3EBE61;left:0;bottom: 0;width:100%;}

.nav-bread {height:60px;line-height:60px;font-size:0}
.nav-bread i{font-size:16px;color:#ccc;}
.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:#3EBE61}
.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 {display:inline-block;border-radius:3px;border:0;font-size:16px;}
.pagination li i{font-weight:600;} 
.pagination li a,.pagination li span{border-radius:3px;color:#504E4E;background:#fff;padding:12px 17px;display:block;margin:5px;}
.pagination li a:hover,.pagination li.active a,.pagination li .current{background:#3EBE61;color:#fff;}
/*åˆ†é¡µ end*/

/* æ&nbsp;‡é¢˜æ&nbsp;·å¼-å±…ä¸­ */
.title-t{line-height:54px;border-radius: 12px 12px 0 0;overflow: hidden}
.title-t h2{position:relative;font-size:18px;font-weight:600;text-indent:20px}
.title-c{line-height:54px}
.title-c h2{position:relative;font-size:18px;font-weight:600;text-indent:20px}
/*.title-c h2:before{background:#D90F11;content:'';display:block;position:absolute;width:30px;height:5px;bottom:-10px;left:50%;margin-left:-15px;}*/
.title-h{margin:0 auto;max-width: 900px}
.title-h h1{position:relative;font-size:42px;display: inline-block;font-family:"Oswald-Bold";line-height:48px}
.title-h h1::before {position: absolute;content: '';background: #3EBE61;bottom: 17px;height: 4px;width: 30px;right: -45px;border-radius: 5px}
.title-h h1::after {position: absolute;content: '';background: #3EBE61;bottom: 17px;height: 4px;width: 30px;left: -45px;border-radius: 5px}

.title-h{margin:0 auto;max-width: 900px}
.title-h h2{position:relative;font-size:42px;display: inline-block;font-family:"Oswald-Bold";line-height:48px}
.title-h h2::before {position: absolute;content: '';background: #3EBE61;bottom: 17px;height: 4px;width: 30px;right: -45px;border-radius: 5px}
.title-h h2::after {position: absolute;content: '';background: #3EBE61;bottom: 17px;height: 4px;width: 30px;left: -45px;border-radius: 5px}

.title-x h2{position:relative;font-size:32px;display: inline-block;font-family:"Oswald-Bold";line-height:40px}
.title-x h2::before {position: absolute;content: '';background: #FFF;top: 20px;height: 4px;width:30px;left: -40px;border-radius: 5px}
.title-w h2{position:relative;font-size:32px;display: inline-block;font-family:"Oswald-Bold";line-height:40px}
.title-w h2::before {position: absolute;content: '';background: #54BD5E;top: 20px;height: 4px;width:30px;left: -40px;border-radius: 5px}

.title-h p{display: block;}
.hasLine {position: relative;height: 4px;width:40px;margin:10px auto 0 auto;}
.hasLine::before {position: absolute;content: '';height: 4px;background: #3EBE61;bottom: 0;width: 50%;right: 0;}
.hasLine::after {position: absolute;content: '';height: 4px;background: #3EBE61;bottom: 0;width: 50%;left: 0;}

.hasLine-l {position: relative;height: 4px;width:40px;margin:10px 0 0 0;}
.hasLine-l::before {position: absolute;content: '';height: 4px;background: #3EBE61;bottom: 0;width: 50%;right: 0;}
.hasLine-l::after {position: absolute;content: '';height: 4px;background: #3EBE61;bottom: 0;width: 50%;left: 0;}

/* æ¨ªå‘åˆ†ç±» */
.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 40px;position:relative;color: #504E4E;background:#fff;box-shadow:0 10px 25px 0 rgba(0,0,0,.06);text-align:center;display:block;font-size: 16px}
.nav-x-button li a:hover,.nav-x-button li a.active{color:#fff;background: #3EBE61;}
.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}
/* æ¨ªå‘åˆ†ç±» */

/* æ¨ªå‘åˆ†ç±» */
.nav-x-line{position:relative;height:66px;line-height: 66px;background: #fff}
/*.nav-x-line.border{border-bottom:1px solid #eee;margin-bottom:3px;}*/
.nav-x-line.bd{}
.nav-x-line.bd:before {content:'';position:absolute;height:1px;bottom:-4px;right:0;width:100%;background:#F4F4F4;}
.nav-x-line ul{padding:0; margin:0;font-size:0;-webkit-text-size-adjust:none;}
.nav-x-line li{display:inline-block;position:relative}
.nav-x-line li:before {content:'';position:absolute;height:16px;top:26px;right:0;background:#ccc;width:1px;}
.nav-x-line li a{margin:0 25px;position:relative;color: #333;text-align:center;display:block;font-size: 16px;border-bottom:3px solid #fff;}
.nav-x-line li:last-child:before{width:0}
.nav-x-line li a:hover,.nav-x-line li a.active{color:#3EBE61;border-bottom:3px solid #3EBE61;}

.nav-x-bread {font-size:0}
.nav-x-bread i{font-size:16px;color:#ccc;}
.nav-x-bread a{color:#ccc;font-size:14px;display:inline-block;}
.nav-x-bread a:hover{color:#3EBE61}
.nav-x-bread a:after {content:"";padding:0 8px;background:url(../images/nav-bread.png) no-repeat center 50%;}
.nav-x-bread a:last-child:after {content:"";background:none;}
/* æ¨ªå‘åˆ†ç±» */

/*çºµå‘ä¸€çº§åˆ†ç±»*/
.nav-6 .cat {overflow: hidden}
.nav-6 .cat .tit{line-height: 50px;text-indent:20px;overflow: hidden}
.nav-6 .cat .tit strong{font-size:18px;}

/*.nav-6 .cat .cat-tree{background:#791D35;}*/
.nav-6 .cat .cat-tree ul li{position:relative}
.nav-6 .cat .cat-tree ul li a{border-bottom:1px solid #eee;background: #fff; font-weight:400;color:#333;line-height:50px;height:50px;display:block;text-indent:20px}
.nav-6 .cat .cat-tree ul li:hover a{color:#3EBE61;background:#f7f7f7}
.nav-6 .cat .cat-tree ul li:last-child a{border-bottom:0 solid #CCBE9B;border-radius: 0 }

.nav-6 .cat .cat-tree ul li.active a{color:#3EBE61;background:#f7f7f7}
.nav-6 .cat .cat-tree ul li.active a:hover{color:#3EBE61;background:#f7f7f7}
.nav-6 .cat .cat-tree ul li i{position:absolute;right:20px;top:20px;opacity:0}
.nav-6 .cat .cat-tree ul li:hover i{color:#3EBE61;opacity:1}
.nav-6 .cat .cat-tree ul li.active i{color:#3EBE61;opacity:1}
/*çºµå‘ä¸€çº§åˆ†ç±»*/

/* çº¯æ–‡å­—åˆ—è¡¨  begin*/
.list-post-text li {padding:5px 0;}
.list-post-text li a{display:inline-block;}
.list-post-text li.dot a{padding-left:15px;position:relative}
.list-post-text li.dot:hover a:before {background:#3EBE61;}
.list-post-text li.dot a:before {content:'';position:absolute;left:-2px;background:#ccc;width:6px;height:6px;top:8px;border-radius:50%}
/* çº¯æ–‡å­—åˆ—è¡¨  end*/
.
/* æ¨ªå‘å·¦å›¾å³å­—åˆ—è¡¨ begin*/
.list-download .media {border-bottom:1px solid #f9f9f9;padding-bottom:10px;margin-bottom:20px;}
/*.list-download .media:last-child{border-bottom:0px solid #f9f9f9;padding-bottom:0px;margin-bottom:0px;}*/
.list-download .media.media-x .float-left {margin-right:30px}
.list-download .media img {width:150px;}
.list-download .media-body {text-align:left;padding:0;margin-top:-5px;}


/*çº¯æ–‡å­—åˆ—è¡¨-ä¸¤åˆ—*/
.list-post-row li {display: block;width:50%;float:left;height:34px;line-height:34px}
.list-post-row li a{display:inline-block;}
.list-post-row li.dot a{padding-left:18px;position:relative}
.list-post-row li.dot:hover a:before {background:#3EBE61;}
.list-post-row li.dot a:before {content:'';position:absolute;left:0px;background:#ccc;width:6px;height:6px;top:14px;border-radius:50%}

.channel-banner {height:420px;position:relative;background-repeat:no-repeat;background-position:center 60%;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 strong{margin-top:150px;font-size:56px;font-family:"Oswald-Bold";position:relative;display: inline-block;color:#fff;}

.getstarted{background-image:url(../images/footer.png);background-repeat:no-repeat;background-position:center top;background-size:100%;}
.getstarted h2{font-size:54px;display: inline-block;margin:50px 0 30px 0;font-family:"Oswald-Bold";line-height:64px}
.getstarted .pic{position:relative;margin-top:-50px;}
footer{padding:60px 0 0 0;background-color: #1B200A;}
footer h3{font-size:20px;margin-bottom:20px;display: block;font-family:"Oswald-Bold";}
footer ul li.block{float:left}
footer ul li.block-0 .flogo img{max-height: 36px;}
footer ul li.block-0 .shop-ico{padding-left:32px;}
footer ul li.block-0 .shop-ico img{max-height: 24px;display: inline-block;margin-right:10px;}
footer ul li.block-0 .padding-right{padding-right:20px;;}
footer ul li.block-0{width:42%;}
footer ul li.block-1{width:16%}
footer ul li.block-2{width:16%}
footer ul li.block-3{width:16%;}
footer ul li.block-4{width:10%;}
footer ul li ul li a{line-height:40px;}
footer ul li ul li.row a{line-height:40px;width:40%;float:left;}
footer ul li ul li a:hover{color:#fff}
footer .contact{margin-right:70px}
footer .contact .media {margin:0 0 20px 0;}
footer .contact .media span{height:28px;}
footer .contact .media i{line-height:28px;font-size:18px;}
footer .contact .media .media-body a,footer .contact .media .media-body{padding:0;margin:0;}
footer .contact .media .media-body .text-large{font-size:24px;padding-top:5px;}
footer .contact .media .media-body p em{display: inline-block;margin:0 5px;}
footer .copyright{margin:30px 0 0 0 ;line-height:60px;border-top:1px solid #2B3310;}
footer .copyright a{color:#999}
footer .qrimg{display: inline-block;background: #2C340F; color:#fff;max-width:125px;}
/*å®¢æœ begin*/
.customer{position:fixed;width:54px;right:10px;top:60%;z-index:999;}
.customer ul li{position:relative;transition:all .1s;background:#CE58AE;text-align: center;}
.customer ul li:hover{background:#C844A4}
.customer ul li i{font-size:24px;color:#FFF;line-height:54px}
.customer ul li:hover i,.customer ul li:hover p{color:#fff;}

.customer ul li.feedback{border-right:1px solid #EBEEF5;border-left:1px solid #EBEEF5;}
.customer ul li.vippay{margin-bottom: 10px;border:1px solid #EBEEF5;border-radius: 8px}
.customer ul li.vippay .vip-ico{width:24px;height:24px;display: inline-block;background:url(../images/vippay.png) no-repeat center 50%}
.customer ul li:hover.vippay .vip-ico{background:url(../images/vippay_w.png) no-repeat center 50%}

.customer ul li.side-wx{border:1px solid #EBEEF5;border-top:0;border-radius: 0 0 0 8px}
.customer ul li.side-wx .wxBox{position:relative;padding:20px;box-shadow:0 1px 1px 1px rgba(0,0,0,.075);border-radius: 8px}
.customer ul li.side-wx .wxBox:after{top:70px;right:-10px;border-left:10px solid #fff;z-index: 3;position: absolute;display: inline-block;border-top:10px solid transparent;border-bottom: 10px solid transparent;content: '';}
.customer ul li.side-wx .wxBox:before{top:68px;right:-10px;border-left:10px solid #E2E2D2;z-index: 2;position: absolute;display: inline-block;border-top:10px solid transparent;border-bottom: 10px solid transparent;content: '';}

.customer ul li.side-wx .wxBox.son{left:-400px;top:-60px;width:390px;padding:20px;display:none;position:absolute;}
.customer ul li.side-wx .wxBox .media.media-x img{max-width: 120px}
.customer ul li.side-wx .wxBox p{color:#6E7077;font-size:15px;font-weight: 400}

.customer ul li.side-kf{border-radius: 30px;height:54px;width:54px;line-height:48px;}
.customer ul li.side-kf .kfbox.son{left:-249px;top:0px;width:249px;padding:0 15px 0 0;display:none;position:absolute;}
.customer ul li.side-kf .kfbox .kfcon{position:relative;padding:20px;box-shadow:0 1px 1px 1px rgba(0,0,0,.075);border-radius: 8px}
.customer ul li.side-kf .kfbox .kfcon:after{top:30px;right:-10px;border-left:10px solid #fff;z-index: 3;position: absolute;display: inline-block;border-top:10px solid transparent;border-bottom: 10px solid transparent;content: '';}
.customer ul li.side-kf .kfbox .kfcon:before{top:28px;right:-10px;border-left:10px solid #E2E2D2;z-index: 2;position: absolute;display: inline-block;border-top:10px solid transparent;border-bottom: 10px solid transparent;content: '';}
.customer ul li.side-kf .kfbox .kfcon .media .media-body{padding:0;margin:0px;}
.customer ul li.side-kf .kfbox .kfcon .media.media-y img{max-width: 150px}
.customer ul li.side-kf .kfbox .kfcon p{color:#6E7077;font-size:14px;font-weight: 400;line-height: 28px}
.customer ul li.side-kf .kfbox .kfcon hr{background: #eee;margin:20px 0;}
.customer ul li.side-kf .kfbox .worktime strong{display: block;}

.customer ul li.gotop{border-radius:0 0 0 8px;border:1px solid #EBEEF5;cursor:pointer}
.customer ul li:hover .son{display:block!important;animation:fadein .3s}
/*å®¢æœ end*/
@media screen and (max-width:1300px){
.container-layout{max-width:1160px;}
footer .contact{margin-right:30px}
}

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

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

.ico-y .padding-large{padding:0px;}
/* é»˜è®¤ç®­å¤´ */
.owl-carousel .owl-nav i{font-size:16px;color:#B2C40B;}
.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 */

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

.solution li{height:300px;margin-bottom: 1px}
.solution .title h2{font-size:24px;}
.solution li .item-title strong{font-size:18px;}
.solution li .item-title strong:before {content:"";width:40px;bottom:-50px;left:50%;margin-left:-20px;}

.excerpt-top dl{overflow: hidden}
.excerpt-top dl dt{display:block;width:100%;float:none;border-radius: 4px}
.excerpt-top dl dd{display:block;width:100%;float:none;}
.excerpt-top dl dd .title{padding:20px;}
.excerpt-top dl dd .title strong{font-size:18px;margin:10px 0;}
.excerpt-top .owl-dots{top:0;}

.carousel-project .owl-dots {top:10px;}

.collapse .head {height:50px;line-height:50px;padding:0 20px;overflow: hidden}
.collapse .head i {margin:20px 0 0 0;}
.collapse .cbody {padding:0 20px 20px 20px;}
.collapse .cbody ul li,.support-body ul li{padding:0 0 0 12px;}
.collapse .cbody ul li:before,.support-body ul li:before{top:9px;left:0;}
.collapse .content{padding:20px 10px}

.video-list .media{margin-bottom:10px}
.video-list .media a.play{margin-left:-16px;margin-top:-16px;width:32px;height:32px;line-height:32px;}

/* style3 */
.excerpt-3 .media {margin-bottom:10px;}
.excerpt-3 .media-body {padding:0 10px 10px 10px}
.excerpt-3 .media-body strong{margin:10px 0 0 0;height: 60px;}
.excerpt-3 .media-body strong a{font-size:16px;}
.excerpt-dang dl dt{width:100%;}
.nav-ico{background: none}
.nav-ico .nav{position:relative;border-radius:5px;box-shadow:0 15px 36px -12px rgba(0,0,0,.3);padding:10px 0;margin:10px 0;background: #fff}
.nav-ico .nav:after{position: absolute;top:-8px;left:35px;display:inline-block;border-right:10px solid transparent;border-bottom:10px solid #FFF;border-left:10px solid transparent;content: ''; }
.nav-ico .nav li a{color:#504E4E;text-align:left;height:56px;line-height:56px;padding-left:20px;border-bottom:1px solid #EEEBEA}
.nav-ico .nav li a:hover{color:#0000ff;}
.nav-ico .nav li.active a{color:#ff0000;}
.nav-ico .nav li ul{border-top-left-radius:0px;border-top-right-radius:0px;transition: 0.3s;min-width:100%;}
.nav-ico .nav li ul li a {background:#0000ff;}
.nav-ico .button{padding:0 20px;height:56px;line-height:56px;border-radius:5px;margin-top:20px; background:#fff;border:0;position: relative;color:#504E4E; font-size:16px; text-align:center;box-shadow: 0px 2px 5px 0 rgba(0,0,0, 0.1);}
.nav-ico .button.bg-white:focus,.nav-ico .button.bg-white:hover,.nav-ico .button.border-white:focus,.nav-ico .button.border-white:hover{color:#504E4E;border-color:#fff;background-color:#fff}

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

/* äº§å“è¯¦ç»†é¡µ */
.product-des{padding:0 20px 30px 20px}
.product-des h1{font-size:24px;}
.product-overview .tab .tab-body .content{padding:20px;}
.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}
/* äº§å“è¯¦ç»†é¡µend */

.nav-x-button{margin:10px auto;}
.nav-x-button .nav{position:relative;border-radius:5px;box-shadow:0 15px 36px -12px rgba(0,0,0,.3);padding:10px 0;margin:10px 0;background: #fff}
.nav-x-button .nav:after{position: absolute;top:-8px;left:35px;display:inline-block;border-right:10px solid transparent;border-bottom:10px solid #FFF;border-left:10px solid transparent;content: ''; }
.nav-x-button .nav li a{color:#504E4E;text-align:left;height:56px;line-height:56px;padding-left:20px;border-bottom:1px solid #EEEBEA}
.nav-x-button .nav li a:hover{color:#0000ff;}
.nav-x-button .nav li.active a{color:#ff0000;}
.nav-x-button .nav li ul{border-top-left-radius:0px;border-top-right-radius:0px;transition: 0.3s;min-width:100%;}
.nav-x-button .nav li ul li a {background:#0000ff;}
.nav-x-button .button{padding:0 20px;height:56px;line-height:56px;border-radius:5px;margin-top:20px; background:#fff;border:0;position: relative;color:#504E4E; font-size:16px; text-align:center;box-shadow: 0px 2px 5px 0 rgba(0,0,0, 0.1);}
.nav-x-button .button.bg-white:focus,.nav-x-button .button.bg-white:hover,.nav-x-button .button.border-white:focus,.nav-x-button .button.border-white:hover{color:#504E4E;border-color:#fff;background-color:#fff}

.nav-x-line{background: none}
.nav-x-line .nav-split li:last-child {border-right-width:0}
.nav-x-line .nav{position:relative;border-radius:5px;box-shadow:0 15px 36px -12px rgba(0,0,0,.3);padding:10px 0;margin:10px 0;background: #fff}
.nav-x-line .nav:after{position: absolute;top:-8px;left:35px;display:inline-block;border-right:10px solid transparent;border-bottom:10px solid #FFF;border-left:10px solid transparent;content: ''; }
.nav-x-line .nav li a{color:#504E4E;text-align:left;height:56px;line-height:56px;padding-left:20px;border-bottom:1px solid #EEEBEA}
.nav-x-line .nav li a:hover{color:#0000ff;}
.nav-x-line .nav li.active a{color:#ff0000;}
.nav-x-line .nav li ul{border-top-left-radius:0px;border-top-right-radius:0px;transition: 0.3s;min-width:100%;}
.nav-x-line .nav li ul li a {background:#0000ff;}
.nav-x-line .button{padding:0 20px;height:56px;line-height:56px;border-radius:5px;margin-top:20px; background:#fff;border:0;position: relative;color:#504E4E; font-size:16px; text-align:center;box-shadow: 0px 2px 5px 0 rgba(0,0,0, 0.1);}
.nav-x-line .button.bg-white:focus,.nav-x-button .button.bg-white:hover,.nav-x-button .button.border-white:focus,.nav-x-button .button.border-white:hover{color:#504E4E;border-color:#fff;background-color:#fff}

.nav-x .nav-split li {border-right:solid 0px rgba(0,0,0,.06)}
.nav-x ul{border-radius:10px;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:#504E4E;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: #791D35;border-color: #FFF;background-color: #FFF;}

/* åˆ†ç±»5 */
.nav-5 .cat .tit{display:none;}
.nav-5 .cat .cat-tree{padding:5px 0 0;border-radius:10px}
.nav-5 .cat .cat-tree ul li{border-bottom:1px solid #f2f2f2;padding:10px 0 10px 25px;text-align:left}
.nav-5 .cat .cat-tree ul li ul li{padding:3px 0;border-bottom:none;text-align:left}
.nav-5 .cat .cat-tree ul li ul li a.active,.nav-5 .cat .cat-tree ul li a.active{color: #FFF;}
.nav-5 .menu{text-align:center;margin:0;}
.nav-5 .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:#504E4E; font-size:16px; text-align:center;}
.nav-5 .menu i{font-size:18px;color:#999}

.nav-6 .cat .tit{display:none}
.nav-6 .cat .cat-tree{padding:0;border-radius:0;}
.nav-6 .cat .cat-tree ul li:hover{color:#fff;background:#3EBE61}
.nav-6 .cat .cat-tree ul li.active a{color:#fff}
.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{margin:0 0 10px 0}
.nav-6 .menu button{background:#3EBE61;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;}

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

.about-post-x dl dt,.about-post-x dl dd {width:100%;padding:0;}
.about-post-x dl dt .content strong{font-size:24px;}
.about-post-x dl:nth-child(2n+0) dt {float:none;}
.about-post-x dl:nth-child(2n+0) dt .content{padding:0px;}
.about-post-x dl:nth-child(2n+1) dt {float:none}
.about-post-x dl:nth-child(2n+1) dt .content{padding:0;}
.about-post-x dl:nth-child(2n+0) dd {float:none}
.about-post-x dl:nth-child(2n+1) dd {float:none}
.about-post-x dl:nth-child(2n+1){background:none}
.about-post-x dl:nth-child(2n+0){background:none;}

.about{margin-top:-30px;}
.about.sh,.about .ch{min-height:auto}
.about .content{padding:20px;}
.about .content h2{font-size:24px;}
.about .content h3{font-size:20px;}
.about .content strong{font-size:18px;margin: 10px 0}

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

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

/* æ&nbsp;‡é¢˜æ&nbsp;·å¼ */
.title-h h1,.title-h h2{font-size:24px;}
.title-t,.title-c{font-size:16px;}
/* å·¦å³äº¤X */
.excerpt-dang dl:nth-child(2n+1) dt .padding-large{padding:40px}
.excerpt-x dl:nth-child(2n+1) dt .padding-large{padding:40px}

.list-post-x dl dt,.list-post-x dl dd {width:100%;padding:0;}
.list-post-x dl dt .content strong{font-size:24px;}
.list-post-x dl:nth-child(2n+0) dt {float:none;}
.list-post-x dl:nth-child(2n+0) dt .content{padding:0px;}
.list-post-x dl:nth-child(2n+1) dt {float:none}
.list-post-x dl:nth-child(2n+1) dt .content{padding:0;}
.list-post-x dl:nth-child(2n+0) dd {float:none}
.list-post-x dl:nth-child(2n+1) dd {float:none}
.list-post-x dl:nth-child(2n+1){background:none}
.list-post-x dl:nth-child(2n+0){background:none;}


/* æ—¶é—´æ‹†åˆ†çš„æ–°é—» */
.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;}

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

.channel-banner.h-b{height:300px;}
.channel-banner {height:250px;}
.channel-banner .banner-info strong{font-size:32px;margin-top:100px;}

footer{padding:0;background:#fff url(../images/main.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 #3EBE61;text-align: center;padding:20px 0;background: #333}

.customer{width:30px;right:10px;top:48%;}
.customer ul li i{font-size:20px;}

.dialog,.dialog.fb{width:100%}
.dialog.fb .close{right:15px;top:15px;}
.dialog .dialog-head{padding:10px 0 10px 20px ;}
.dialog .dialog-head strong{font-size: 32px;}
.dialog .dialog-body{padding:20px}
.dialog .dialog-body .padding-large{padding:0px}

/*ç§»åŠ¨åº•éƒ¨å¯¼èˆª begin*/
.blank-bottom{height:60px;line-height:60px;clear:both; font-size:0;}
.bottom-bar{box-sizing:border-box;display:block;}
.bottom-menu .media {display:block;transition:all .3s;position:relative;margin:0;}
.bottom-menu .media span{display: block;margin:10px;height:40px;width:40px;border-radius:6px;background:#fff;-webkit-transition:.3s;transition:.3s;}
.bottom-menu .media span i{font-size:22px;line-height: 40px;}
.bottom-menu .media-body strong{display: block;margin-top:5px;}
.bottom-menu a.button{margin-top:12px;}
/*ç§»åŠ¨åº•éƒ¨å¯¼èˆª end*/
}
</pre></body></html>