@charset "gb2312";
body {margin:0;padding:0;font:15px/200% "Hiragino Sans GB",\5FAE\8F6F\96C5\9ED1,Arial,Helvetica;color:#999}

a,a:link {color:#09F;text-decoration:none}a:hover,a:focus {color:#09F;outline:none;-moz-outline:none}a:visited {color:#09F}a:active {color:#ff0000}
 li {list-style-type:none;}
input,textarea {outline:none;-moz-outline:none}
a:hover{text-decoration:none;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {color:#000;font-weight:500;line-height:150%}

.h1,.h2,.h3,.h4,.h5,.h6 {margin:0;padding:0}

img {padding:0;margin:0;border:0}img {height:auto;max-width:100%}

.comment-respond #submit,.banner p,.owl-prev,.owl-next,.process figcaption,.kefu,.packages .tc-box,.navbar-brand,.navbar-default,.transition,.huodong,*:link,*:visited,*:hover,*:active,*:focus {-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}

.parallax {background-attachment:fixed!important;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}

.clear{
	clear: both;
}

/*文本选择*/

::-moz-selection{background:#09F;color:#fff}::selection {background:#09F;color:#fff} 

/*背景固定*/

.pingpu-bg {background:no-repeat center top fixed;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;position:relative}

.pingpu-bg {min-width:1140px}

.fixed {background-attachment: fixed}

.red {color:#f66!important}.blue {color:#09F!important}.green {color:#089500!important}.font-12 {font-size:12px!important}

hr {margin:30px 0;border:0;border-top:1px solid #eee}hr.small {margin:15px 0}hr.big {margin:40px 0}hr.white {border-color:rgba(255,255,255,.3)}

.nowrap {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}

/*placeholder*/

::-webkit-input-placeholder,:-moz-placeholder,::-moz-placeholder,:-ms-input-placeholder {color:#ccc;font-size:12px}

/*内外补*/

.t-m-10 {margin-top:10px}.t-m-20 {margin-top:20px}.t-m-30 {margin-top:30px}.t-m-40 {margin-top:40px}.t-m-50 {margin-top:50px}.t-m-60 {margin-top:60px}.t-m-70 {margin-top:70px}

.b-m-10 {margin-bottom:10px}.b-m-20 {margin-bottom:20px}.b-m-30 {margin-bottom:30px}.b-m-40 {margin-bottom:40px}.b-m-50 {margin-bottom:50px}.b-m-60 {margin-bottom:60px}.b-m-70 {margin-bottom:70px}

.l-m-10 {margin-left:10px}.l-m-20 {margin-left:20px}.l-m-30 {margin-left:30px}.l-m-40 {margin-left:40px}.l-m-50 {margin-left:50px}.l-m-60 {margin-left:60px}.l-m-70 {margin-left:70px}

.r-m-10 {margin-right:10px}.r-m-20 {margin-right:20px}.r-m-30 {margin-right:30px}.r-m-40 {margin-right:40px}.r-m-50 {margin-right:50px}.r-m-60 {margin-right:60px}.r-m-70 {margin-right:70px}

.t-p-10 {padding-top:10px}.t-p-20 {padding-top:20px}.t-p-30 {padding-top:30px}.t-p-40 {padding-top:40px}.t-p-50 {padding-top:50px}.t-p-60 {padding-top:60px}.t-p-70 {padding-top:70px}

.b-p-10 {padding-bottom:10px}.b-p-20 {padding-bottom:20px}.b-p-30 {padding-bottom:30px}.b-p-40 {padding-bottom:40px}.b-p-50 {padding-bottom:50px}.b-p-60 {padding-bottom:60px}.b-p-70 {padding-bottom:70px}

.l-p-10 {padding-left:10px}.l-p-20 {padding-left:20px}.l-p-30 {padding-left:30px}.l-p-40 {padding-left:40px}.l-p-50 {padding-left:50px}.l-p-60 {padding-left:60px}.l-p-70 {padding-left:70px}

.r-p-10 {padding-right:10px}.r-p-20 {padding-right:20px}.r-p-30 {padding-right:30px}.r-p-40 {padding-right:40px}.r-p-50 {padding-right:50px}.r-p-60 {padding-right:60px}.r-p-70 {padding-right:70px}

.p-none {padding:0}.m-none {margin:0}

.t-p-none {padding-top:0}.b-p-none {padding-bottom:0}.l-p-none {padding-left:0}.r-p-none {padding-right:0}

.t-m-none {margin-top:0}.b-m-none {margin-bottom:0}.l-m-none {margin-left:0}.r-m-none {margin-right:0}

/*清除内外补*/

.p-none{padding:0!important}.m-none{margin:0!important}.t-p-none{padding-top:0!important}.b-p-none{padding-bottom:0!important}.l-p-none{padding-left:0!important}.r-p-none{padding-right:0!important}.t-m-none{margin-top:0!important}.b-m-none{margin-bottom:0!important}.l-m-none{margin-left:0!important}.r-m-none{margin-right:0!important}

/* clearfix */

.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}

/* display none until init */

.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}

.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px, 0px, 0px)}

.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}

.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}

.owl-carousel .owl-item{float:left}

.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}

.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}

/* mouse grab icon */

.grabbing{cursor:url(../images/grabbing.png) 8 8, move}

/* fix */

.owl-carousel .owl-wrapper,

.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}

/*CSS3 Transitions*/

.owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x :50%;-webkit-perspective-origin-y :50%;-moz-perspective :1200px;-moz-perspective-origin-x :50%;-moz-perspective-origin-y :50%;perspective :1200px}

/* fade */

.owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease}

.owl-fade-in{-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease}

/* backSlide */

.owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease}

.owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease}

/* goDown */

.owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both}

.owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both}

/* scaleUp */

.owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both}

.owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both}

/* Keyframes */

/*empty*/

@-webkit-keyframes empty{0%{opacity:1}}

@-moz-keyframes empty{0%{opacity:1}}

@keyframes empty{0%{opacity:1}}

@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}

@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}

@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}

@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}

@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}

@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}

@-webkit-keyframes backSlideOut{25%{opacity:.5; -webkit-transform:translateZ(-500px)}75%{opacity:.5; -webkit-transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5; -webkit-transform:translateZ(-500px) translateX(-200%)}}

@-moz-keyframes backSlideOut{25%{opacity:.5; -moz-transform:translateZ(-500px)}75%{opacity:.5; -moz-transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5; -moz-transform:translateZ(-500px) translateX(-200%)}}

@keyframes backSlideOut{25%{opacity:.5; transform:translateZ(-500px)}75%{opacity:.5; transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5; transform:translateZ(-500px) translateX(-200%)}}

@-webkit-keyframes backSlideIn{0%,25%{opacity:.5; -webkit-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5; -webkit-transform:translateZ(-500px)}100%{opacity:1; -webkit-transform:translateZ(0) translateX(0)}}

@-moz-keyframes backSlideIn{0%,25%{opacity:.5; -moz-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5; -moz-transform:translateZ(-500px)}100%{opacity:1; -moz-transform:translateZ(0) translateX(0)}}

@keyframes backSlideIn{0%,25%{opacity:.5; transform:translateZ(-500px) translateX(200%)}75%{opacity:.5; transform:translateZ(-500px)}100%{opacity:1; transform:translateZ(0) translateX(0)}}

@-webkit-keyframes scaleToFade{to{opacity:0; -webkit-transform:scale(.8)}}

@-moz-keyframes scaleToFade{to{opacity:0; -moz-transform:scale(.8)}}

@keyframes scaleToFade{to{opacity:0; transform:scale(.8)}}

@-webkit-keyframes goDown{from{-webkit-transform:translateY(-100%)}}

@-moz-keyframes goDown{from{-moz-transform:translateY(-100%)}}

@keyframes goDown{from{transform:translateY(-100%)}}

@-webkit-keyframes scaleUpFrom{from{opacity:0; -webkit-transform:scale(1.5)}}

@-moz-keyframes scaleUpFrom{from{opacity:0; -moz-transform:scale(1.5)}}

@keyframes scaleUpFrom{from{opacity:0; transform:scale(1.5)}}

@-webkit-keyframes scaleUpTo{to{opacity:0; -webkit-transform:scale(1.5)}}

@-moz-keyframes scaleUpTo{to{opacity:0; -moz-transform:scale(1.5)}}

@keyframes scaleUpTo{to{opacity:0; transform:scale(1.5)}}

/*ico fonts*/

@font-face{font-family:'icomoon';src:url('../other/icomoon.eot');src:url('../other/icomoon.eot#iefix') format('embedded-opentype'),url('../other/icomoon.ttf') format('truetype'),url('../other/icomoon.woff') format('woff'),url('../other/icomoon.svg') format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.icon-lc-dh:before{content:"\e907";}.icon-lc-fa:before{content:"\e908";}.icon-lc-qy:before{content:"\e909";}.icon-lc-sm:before{content:"\e90a";}.icon-dh:before{content:"\e900";}.icon-kf:before{content:"\e901";}.icon-qq:before{content:"\e902";}.icon-top:before{content:"\e903";}.icon-wb:before{content:"\e904";}.icon-wx:before{content:"\e905";}.icon-xx:before{content:"\e906";}

/*全局标签*/

.h-h2,.h-h2-white{font-size:36px;color:#333;padding:0;margin:0 0 10px 0;line-height:150%}

.h-h2-white{color:#FFf}

.h-h3{font-size:14px;color:#333;padding:0;margin:0 0 20px 0;line-height:150%}

.h-h3-white{font-size:18px;color:#333;padding:0;margin:0 0 20px 0;line-height:150%}

.h-h3-white{color:#FFF}

.h-h4,.h-h4-white{font-size:18px;color:#333;padding:0;margin:0 0 20px 0;line-height:150%}

.h-h4-white{color:#FFF}

.xx,.xx-white {display: block;border-bottom: 1px solid #ddd;width: 100%;height: 10px; margin-bottom: -24px}

.xx-white {border-bottom:1px solid rgba(255,255,255,0.15)}

.xx-white.vicolor {border-bottom:1px solid rgba(255,255,255,0.35)}

.m-sm,.m-sm-white{display:inline-block;font-size:18px;line-height:150%;padding: 0 15px; margin:10px 0 20px 0;color:#999;background-color: #fff}

.m-sm-white{color:rgba(255,255,255,.8);background-color: #326a2f}

.m-sm-white.vicolor {background-color: #333}

.m-sm.vicolor {background-color: transparent}

/*@media (min-width:768px){.m-sm:after,.m-sm:before,.m-sm-white:after,.m-sm-white:before{display:inline-block;height:1px;background-color:#ddd;margin:5px 10px;padding:0;content:"";width:500px}.m-sm-white:after,.m-sm-white:before {background-color: #fff}}*/

.sx-jianju{padding-top:50px;padding-bottom:55px}

.sx-jianju.x {padding-top:40px;padding-bottom:45px}

@media (max-width:767px){

.h-h2,.h-h2-white{font-size:20px}

.sx-jianju{padding-top:40px;padding-bottom:35px}}

.menu-kj li+li::before {padding:0 5px 0 0;color:#ccc;content:"|\00a0"}

.menu-kj li.active a {color:#09F}

.menu-kj2 {margin-bottom: 0}

/* .menu-kj2 li {padding: 0 20px} */

.menu-kj2 li a {border: 1px solid #b9b9b9;color: #808080;color: #666;padding: 6px 20px 4px 20px;text-decoration: none; transition:all 0.5s;}

.menu-kj2 li a:hover{
	border: 1px solid #09F;color: #09F;
}

.menu-kj2 li.active a,.case .menu-kj2 li:nth-child(1) a {border: 1px solid #09F;color: #09F;padding: 6px 20px 4px 20px;text-decoration: none}

@media (max-width:767px){.menu-kj2 li {padding: 0 10px}}

@media (max-width:413px){.menu-kj2 li {padding: 5px}.menu-kj2 li.active a {padding: 6px 10px 4px 10px}}

/*btn*/

a.btn-center,a.btn-center-white{text-align:center;font-size:12px;padding:4px 40px 2px 40px;margin:10px 5px 0 5px;color:#09F;border:1px solid #09F;display:inline-block;border-radius:18px}

a.btn-center-white{color:#fff;border:1px solid #fff}

a.btn-center.x{font-size:10px;padding:2px 30px 0 30px}

a.btn-center.d{padding:2px 60px 0 60px}

a.btn-center:hover,a.btn-center-white:hover,a.btn-center.hover{background-color:#09F;border:1px solid #09F;color:#fff;text-decoration:none}

@media (max-width:767px){a.btn-center{margin:15px 10px 0 10px;padding:4px 20px 2px 20px}}

/*header*/

.navbar-default{padding:0;background-color:rgba(0,0,0,0);border-bottom:0px solid rgba(255,255,255,0);-webkit-transition:all .25s linear;-moz-transition:all .25s linear;-o-transition:all .25s linear;transition:all .25s linear}

.navbar-default .navbar-toggle:hover{background-color:#fff}

.navbar-default .navbar-toggle .icon-bar{background-color:#09F}

.navbar1{margin-bottom:0;position: absolute;
    z-index: 9999;
    left: 50%;
    margin-left: -25%;
    margin-top: 0;
	border:0;
	background:none;}

	
/*logo*/
@media (min-width:1800px){
	.navbar-header{
		margin-top:60px;
	}
	.navbar-collapse{
		margin-top:60px;
	}
}
@media (min-width:1600px)and (max-width:1799px){
	.navbar-header{
		margin-top:50px;
	}
	.navbar-collapse{
		margin-top:50px;
	}
}
@media (min-width:1400px) and (max-width:1599px){
	.navbar-header{
		margin-top:30px;
	}
	.navbar-collapse{
		margin-top:30px;
	}
}
@media (min-width:1200px) and (max-width:1399px){
	.navbar-header{
		margin-top:5px;
	}
	.navbar-collapse{
		margin-top:5px;
	}
}
.navbar1 .navbar-header{
	display:none;
}
.navbar-right{
	float:left !important;
}
.logo{margin:0;padding:0;display: inline-block}

.navbar-brand{width:200px;height:40px;background-size:auto 40px;text-indent:-9999px;overflow:hidden;display:block;font-size:14px;padding:0 15px;margin:0}

.navbar-brand {margin-left:0 !important}

@media (max-width:767px){

.navbar-brand{width:200px;height:32px;background-size:auto 32px;background-position: center}

.navbar-toggle{padding:8px 9px;margin-top:0}}

/*nav*/

.navbar-default .navbar-nav {padding-top: 18px}

.navbar-default .navbar-nav .tel {padding-left: 40px}

.navbar-default .navbar-nav li a{font-size:15px;display:block;padding:0;margin:0 12px;color:#000}

.navbar1 .navbar-nav li a{font-size:15px;display:block;padding:0;margin:0 12px;color:#fff !important;}

.navbar-default .navbar-nav li a:hover,.navbar-default .navbar-nav li.hover a{color:#09F;background-color:rgba(255,255,255,0)}

.navbar-default .navbar-nav li.tel a {text-decoration: none}

.navbar-default .navbar-nav li.tel a p {margin: 0;padding: 0;display: inline-block}

@media (max-width:767px){

.navbar-default .navbar-nav {float:inherit !important}

.navbar-default .navbar-nav li {display: block}

.navbar-default .navbar-nav li a,.navbar-default.sticky .navbar-nav li a {color:#000 !important;line-height:50px;text-decoration:none; border-bottom:1px solid hsla(0,0%,100%,0.20)}

.navbar-default .navbar-collapse {background-color:#09F;border-width:0}

}

/*sticky*/

.navbar {min-height: 44px;/* padding-top: 30px */}
.navbar1 {min-height: 44px;/* padding-top: 30px */}

.navbar.sticky {padding: 10px 0;height: 60px}

.navbar.sticky .button_container span{background:#000}

.navbar.sticky .button_container.active .bottom,.navbar.sticky .button_container.active .top {background: #fff}

/* .navbar-default.sticky {background-color:#fff;border-bottom:1px solid #eee} */

.navbar-default.sticky .navbar-brand {}

.navbar-default.sticky .navbar-nav {padding-top: 13px}

.navbar-default.sticky .navbar-nav li a{color:#333}

.navbar-default.sticky .navbar-nav li a:hover,.navbar-default.sticky .navbar-nav li.hover a{color:#09F}

@media (max-width:767px){

.navbar,.navbar.sticky {padding: 10px 0;height: 52px}
.navbar1,.navbar.sticky {padding: 10px 0;height: 52px}

.navbar .button_container span{background:#000}

.navbar .button_container.active .bottom,.navbar .button_container.active .top {background: #fff}

.navbar1 .button_container span{background:#000}

.navbar1 .button_container.active .bottom,.navbar .button_container.active .top {background: #fff}

.navbar-default {background-color:#fff;border-bottom:1px solid #eee}

.navbar-default .navbar-brand {background-image:url(../images/logo-block.png)}

}

/*nav*/

.button_container{position:relative;top:0;right:0;height:20px;width:31px;cursor:pointer;z-index:100;-webkit-transition:opacity .25s ease;transition:opacity .25s ease;}.button_container:hover{opacity:.7;}.button_container.active .top{-webkit-transform:translateY(9px) translateX(0) rotate(45deg);transform:translateY(9px) translateX(0) rotate(45deg);background:#FFF;}.button_container.active .middle{opacity:0;background:#FFF;}.button_container.active .bottom{-webkit-transform:translateY(-9px) translateX(0) rotate(-45deg);transform:translateY(-9px) translateX(0) rotate(-45deg);background:#FFF;}.button_container span{background:#09F;border:none;height:3px;width:100%;position:absolute;top:0;left:0;-webkit-transition:all .35s ease;transition:all .35s ease;cursor:pointer;}.button_container span:nth-of-type(2){top:9px;}.button_container span:nth-of-type(3){top:18px;}.overlay{position:fixed;background:#09F;top:0;left:0;width:100%;height:0%;opacity:0;visibility:hidden;-webkit-transition:opacity .35s,visibility .35s,height .35s;transition:opacity .35s,visibility .35s,height .35s;overflow:hidden;}.overlay.open{opacity:.9;visibility:visible;height:100%;}.overlay.open li{-webkit-animation:fadeInRight .5s ease forwards;animation:fadeInRight .5s ease forwards;-webkit-animation-delay:.35s;animation-delay:.35s;}.overlay.open li:nth-of-type(2){-webkit-animation-delay:.4s;animation-delay:.4s;}.overlay.open li:nth-of-type(3){-webkit-animation-delay:.45s;animation-delay:.45s;}.overlay.open li:nth-of-type(4){-webkit-animation-delay:.50s;animation-delay:.50s;}.overlay nav{position:relative;height:70%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:1.5em;text-align:center;}.overlay ul{list-style:none;padding:0;margin:0 auto;display:inline-block;position:relative;height:100%;}.overlay ul li{display:block;height:15%;height:calc(100% / 7);min-height:50px;position:relative;opacity:0;}.overlay ul li a{display:block;position:relative;color:#FFF;text-decoration:none;overflow:hidden;}.overlay ul li.hover a:after,.overlay ul li a:hover:after,.overlay ul li a:focus:after,.overlay ul li a:active:after{width:100%;}.overlay ul li a:after{content:'';position:absolute;bottom:0;left:50%;width:0%;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:2px;background:#FFF;-webkit-transition:.35s;transition:.35s;}@-webkit-keyframes fadeInRight{0%{opacity:0;left:20%;}100%{opacity:1;left:0;}}@keyframes fadeInRight{0%{opacity:0;left:20%;}100%{opacity:1;left:0;}}

/*banner*/

.banner {}

@media (max-width:767px){.banner {margin-top: 52px}}

.banner .owl-theme{display:none;position:relative;width:100%;-ms-touch-action:pan-y}

.banner .owl-theme .item{background-repeat:no-repeat!important;background-size:auto 100%!important;background-position:center top!important}

.banner .owl-theme .item img{padding:0 15px;height:500px;width:1920px;}

/*prev-next*/

.banner .owl-next,.banner .owl-prev{text-indent:-9999px;background:url(../images/slider-arrow.png) 0 0 no-repeat;overflow:hidden;width:50px;height:100px;margin:0 10px;position:absolute;left:3%;top:50%;margin-top:-25px;display:block;filter:alpha(opacity=0);opacity:.0}

.banner .owl-next{left:auto;right:3%;background-position:-50px 0}

.banner:hover .owl-next,.banner:hover .owl-prev{filter:alpha(opacity=80);opacity:.8}

/*page*/

.banner .owl-controls .owl-pagination{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:60px;text-align:center}

.banner .owl-controls .owl-pagination .owl-page{display:inline-block}

.banner .owl-controls .owl-pagination .owl-page span{text-indent:-9999px;cursor:pointer;display:inline-block;zoom:1;width:10px;height:10px;margin:0 6px;overflow:hidden;background-color:hsla(0,0%,100%,0.30);border-radius:100%}

.banner .owl-controls .owl-page.active span,.banner .owl-controls.clickable .owl-page:hover span{background-color: hsla(0,0%,100%,0.00);border:1px solid #fff}

/*mobile*/

@media (max-width:767px){

.banner .owl-next,.banner .owl-prev{width:40px;height:40px;margin-top:-20px;background-size:auto 40px}

.banner .owl-next{background-position:-40px 0}

.banner .owl-theme .item img{padding:0; }

.banner .owl-controls .owl-pagination{height:40px}}

@media (max-width:767px) {.banner .owl-theme .item{height:220px}}

@media (min-width:768px) and (max-width:991px){.banner .owl-theme .item{height:354px}}

@media (min-width:992px) and (max-width:1199px){.banner .owl-theme .item{height:464px}}

@media (min-width:2000px) {.full-bg,.banner {background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover}}

/*owl-carousel*/

.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}

.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}

.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0,0,0)}

.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}

.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}

.owl-carousel .owl-item{float:left}

.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}

/*.grabbing{cursor:url(../images/grabbing.png) 8 8,move}*/

.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}

.owl-theme .owl-controls {text-align:center}

.owl-theme .owl-controls .owl-buttons div{display:inline-block;zoom:1;cursor:pointer}

.owl-theme .owl-controls.clickable .owl-buttons div:hover{text-decoration:none}

.owl-next,.owl-prev{text-indent:-9999px;overflow:hidden;background-repeat:no-repeat;background-position:left top;width:35px;height:60px;display:inline-block}

.owl-prev{position:absolute;left:5%;top:55px;background-image:url(../images/slider-arrow-black.png);background-position:left center}

.owl-next{position:absolute;right:5%;top:55px;background-image:url(../images/slider-arrow-black.png);background-position:right center}

.owl-next,.owl-prev{filter:alpha(opacity=20);opacity:.2}

.owl-next:hover,.owl-prev:hover{filter:alpha(opacity=50);opacity:.5}

/*huodong*/

.huodong {background: #09F;padding: 20px 0}

.huodong:hover { background-color: #222 }

.huodong span {font-size: 1.2em;color: rgba(255,255,255,0.50)}

.huodong,.huodong a {color: #fff}

.huodong h3 {font-size: 1.2em;margin: 0 20px;color: #fff}

.huodong span,.huodong h3 {display: inline-block}

/*case*/

.case {background-image:url(../images/case-bg.jpg);background-repeat: no-repeat;background-position: center center}

.case .m-sm-white {margin-bottom: 20px}

.case .menu-kj2 {margin-bottom: 40px}

.case-img {border-bottom: 8px solid #fff;border-right: 8px solid #fff}

.case-img .row {margin-left: 0;margin-right: 0}

.case-img .row div {padding-left: 0;padding-right: 0}

/*.case-img .tuijian figure figcaption h3 {padding-top:260px}*/

.case-img figure {border: 8px solid #fff;border-right: 0;border-bottom: 0;position:relative}

.case-img figure figcaption {width:100%;height:100%;position:absolute;z-index:1;top:0;left:0;bottom:8px;right:0}

.case-img figure figcaption h3 {text-align: center; height:100%;font-size:16px;display:block;background-color:transparent;padding:70px 30px;margin:0;-webkit-transition:.25s;transition:.25s;filter:alpha(opacity=0);opacity:0}

@media (max-width:991px) {.case-img {max-width:552px;margin-left:auto;margin-right: auto}}

.case-img figure figcaption h3:hover {background-color:rgba(0,0,0,0.75);filter:alpha(opacity=100);opacity:1}

.case-img figure h3 > a {color:#fff}

.case-img figure h3 > a:hover {text-decoration: none;color: #09f}

.case-img figure h3 small {line-height: 150%;font-size: 14px}

.case-img figure h3 small a.btn-center {border:1px solid #09F;color: #FFF;background-color: #09F}

.case-img figure h3 p { color:rgba(255,255,255,0.5); font-weight:normal; font-size:12px; display:block; line-height:180%;margin:10px 0 5px 0;border-top: 1px solid rgba(255,255,255,0.25);padding-top: 10px}

.kehu figure img {border: 1px solid #eee}

.kehu figure:hover img {border: 1px solid #09F}

.kehu .list-page a {margin-top: 10px}

/*about*/

@media (min-width:992px) {.about figure img {width: 90%; height:200px;}}

@media (max-width:767px) {.about .text-left {text-align: center}.about figure {margin-bottom: 30px}.about a.btn-center {margin-bottom: 30px}}

/*service*/

.service {background:url(../images/liucheng.jpg) no-repeat;background-size: 100%; height: 650px;}

.service a.btn-center {font-size: 16px}

@media (min-width:374px) {.service figure {width: 160px;height: 160px;border: 20px solid #326a2f;border-radius: 50%;margin: 0 auto}}

.service figure figcaption {width: 120px;height: 120px;line-height: 120px;font-size: 60px;border: 3px solid #09F;color: #09F;margin: 0 auto;border-radius: 50%;background-color: #326a2f}

@media (max-width:375px) {.service figure {width: 140px;height: 140px;border: 10px solid #222;border-radius: 50%;margin: 0 auto}}

@media (max-width:320px) {.service figure figcaption {width: 110px;height: 110px;line-height: 110px;font-size:54px}.service figure {width: 110px;height: 110px;border: 0 solid #326a2f;margin-top: 10px}}

.service h4 {color: #fff;font-size: 18px;margin-top: 15px}

.service .h-h3-white {margin-bottom: 30px}

.service .row .row { background-image: url(../images/service-x.png); background-repeat: no-repeat; background-position: center 80px }

@media (max-width:767px) {.service .row .row { background-image:none}}

/*team*/

.team figure {position:relative;margin-bottom: 30px}

.team figure figcaption {width:100%;height:100%;position:absolute;z-index:1;top:0;left:0;bottom:8px;right:0}

.team figure figcaption h3 {height:100%;font-size:18px;display:block;background-color:transparent;padding:80px 30px;margin:0;-webkit-transition:.25s;transition:.25s;filter:alpha(opacity=0);opacity:0}

.team figure figcaption h3:hover { background-color: rgba(0,0,0,0.75); filter: alpha(opacity=100); opacity: 1 }

.team figure h3 > a {color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}

.team figure h3 small a.btn-center {border:1px solid #09F;color: #FFF;background-color: #09F; font-size: 12px; padding: 4px 20px 2px 20px}

.team figure h3 p,.team figure h3 small { color:hsla(0,0%,100%,0.5); font-weight:normal;display:block; line-height:150%}

.team figure h3 p {color:rgba(255,255,255,0.50);font-size: 12px; margin-top: 5px;margin-bottom: 5px}

@media (max-width:767px) {

.team .row {margin-right: -10px;margin-left: -10px}

.team .col-xs-6 {padding-right: 10px;padding-left: 10px}

.team figure {margin-bottom: 20px}}

/*team-box*/

.team-box {text-align:left}

.team-box dl {margin-bottom:0}

.team-box dt { max-width:180px;color:#999;font-weight:normal}

/* .team-box dt img {border-radius:100%} */

.team-box dd { line-height:26px;margin-left:200px}

.team-box h3 {margin-top: 16px}

.team-box h3 a {color:#333}

.team-box h3 a:hover {color:#09F}

.ny-team dl {border-bottom:1px solid #ddd; margin-bottom:20px; padding-bottom:20px}

@media (min-width:768px){.hr dl dd {margin-left: 160px}}

@media (max-width:767px){

.team-box {text-align:center}

.team-box dt {max-width:100%; margin-bottom:30px}

}

@media (max-width:767px){.team-box dd,.ny-team dd {margin-left:0}}

.team-box dt span {color: #09F;font-size: 36px;display: block}

/*news*/

.news {background: #333;color: #fff;background-image:url(../images/news-bg.jpg);background-repeat: no-repeat;background-position: center center}

.news figure img {border-radius: 50%}

.news h3 {margin-bottom: 1px;}

.news h3 a {color: #000}

 .hg-3 {color: #666;}

.news a.btn-center:hover,.news a.btn-center-white:hover,.news a.btn-center.hover{border:1px solid #fff}

.news .h-h3-white time{ float:right; color:#888; font-size:14px;}
/*page*/

.news .owl-pagination{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:0;text-align:center}

.news .owl-pagination .owl-page{display:inline-block;margin-top: 10px}

.news .owl-pagination .owl-page span{text-indent:-9999px;cursor:pointer;display:inline-block;zoom:1;width:10px;height:10px;margin:0 6px;overflow:hidden;background-color:hsla(0,0%,0%,0.30);border-radius:100%}

.news .owl-controls .owl-page.active span,.news .owl-controls.clickable .owl-page:hover span{background-color: hsla(0,0%,100%,0.00);border:1px solid #fff}
.news .item{ text-align:left; border-bottom:1px dashed #fff; margin-bottom:10px;}
/*foot*/

.foot-bg {background:#326a2f}

.foot .m-sm-white {margin-bottom: 20px}

.foot {color: #a7a7a7;font-size: 14px}

.foot-dh {margin-top: 15px}

.foot-dh a {font-size: 16px}

.kefu-menu a {font-size: 20px;color: #fff;text-decoration: none}

.kefu-menu li {width: 40px;height: 40px;line-height: 42px; display: inline-block;background-color: #09F;border-radius: 50%;margin: 0 4px}

.kefu-menu li:hover {background-color: #F90}

/*copy*/

.copy {background: #121212;padding: 25px 0}

@media (max-width:767px) {.copy {padding: 25px 0 60px 0}}

.copy a {color: #a7a7a7}

.copy a:hover {color: #09F}

.copy p {border-top: 1px solid #222;padding-top: 10px;display: inline-block}

.copy p,.copy p a {color: #666}

/*内页banner*/

.banner-mask {background:no-repeat center top;background-size:auto 100%}

.ny-menu {padding: 45px 0 0 0; line-height: 250%}

.ny-menu .menu-kj2 li a {color: #808080}

.ny-menu .menu-kj2 li a:hover{
	color:#09F;
}

.ny-menu .menu-kj2 li.active a {color: #09F;border-radius: 0}

.content header .title{ font-size:28px;margin:0 0 15px 0}

.content header .info{color:#999;padding:0 0 10px 0;margin:0 0 30px 0;border-bottom:1px solid #ddd}

.content header .info em {margin-right:10px}

.content header .info small{height:12px;margin-right:20px}

.content h2,.content h4,.content h5,.content h6{margin-bottom:20px}
.content p,.content h3{}

.content ol li p,.content ul li p{margin:0}

.content h2{font-size:24px}

.content h3{font-size:20px}

.content h4{font-size:16px}

.content h5{font-size:14px}

.content h6{font-size:12px}

.content.sx-jianju {padding-top: 35px}

.content.sx-jianju2 {padding-top: 5px}

/*客服*/


/*search*/


/*fanye*/

.list-page{text-align:center}

.pagination{margin:0;border-radius:0}

.pagination>li>a{margin-top:20px;padding:6px 14px;margin-left:12px;color:#777;background-color:#fff;border:1px solid #ddd}

.pagination>li>a:hover{color:#09F}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover{z-index:2;color:#fff;cursor:default;background-color:#09F;border-color:#09F}

.pagination>li:first-child>a{margin-left:0;border-top-left-radius:0;border-bottom-left-radius:0}

.pagination>li:last-child>a{border-top-right-radius:0;border-bottom-right-radius:0}

@media (max-width:1024px) {

.hg-2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden}

.hg-3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden}

.hg-4 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden}}

.bd-map {width: 100% !important;height: 100%;min-height: 400px;overflow: hidden;border: 1px solid #ddd}

.bd-map iframe {border: 0;min-height: 400px}

.fenlei{
	width:100%;
}
.fenlei ul{
	display:inline-block;
}
.fenlei ul li{
	float:left;
	margin:10px;
}
.wp{
	border:1px solid #eee;
}
.wp a{
	padding:4px 15px;
	color:#666;
}
.wp a:hover{
	color:#09F;
}
.wp:hover{
	border:1px solid #09F;
}
.tit{
	font-size:16px;
	margin-bottom: 10px;
}
.tit a{
	color:#333;
}
.tit a:hover{
	color:#09F;
}

/*移动端底部导航*/
.phonefooternav {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 99999;
	display:none;
}
.phonefooternav ul{
	padding: 0;
}
.phonefooternav ul li {
	width: 25%;
	background: #494949;
	float: left;
	padding: 10px 0;
	border-right: 1px solid #666;
	list-style: none;
}
.phonefooternav ul li a {
	display: block;
	color: #fff;
	text-align: center;
}
.phonefooternav ul li a:hover {
	text-decoration: initial;
}
.phonefooternav ul li a i {
	display: block;
	font-size: 20px;
	padding: 10px 0;
}
@media (max-width: 480px) {
	.phonefooternav ul li {
	padding: 3px 0px;
}
}
@media (max-width: 767px) {
	.hidden-xs {
	display: none !important;
}
}
@media (max-width: 767px) {
	.phonefooternav {
	display: block !important;
}
}
/*商盟成员*/
.smcy{
	background-color: #eee;
    border-top: solid 1px #fff;
    padding: 20px 0;
}
.smcy a{
	color: #666;
	padding: 0 15px;
	line-height: 28px;
}

/*页码*/
.pagess ul{
	padding:0;
}
.pagess ul li {
	display:inline-block;
	border: 1px solid #ccc;
	padding: 2px 9px;
	margin: 20px 0 3px;
	line-height: 20px;
	background: #fff;
	color:#999
}
.pagess ul li:hover,.pagess ul .pages_solid{
	background:#09f;
	color:#fff;
	border: 1px solid #09f
}
.pagess ul li.thisclass {
	display: inline-block;
	border: 1px solid #09f;
	
	margin: 0 3px;
	background: #09f;
	color: #fff;
}
.pagess ul li.thisclass a {
	color: #fff;
}
.pagess ul li a{
	display:block;
	color:#999;
	padding: 2px 9px;
}
.pagess ul .pages_solid,.pagess ul .previous_s{
	padding: 4px 18px;
}
.pagess ul li a:hover {
	color: #fff;
}
.abo_box{
	margin-bottom:40px;
}
.abo_box .text_con{
    margin-top: 20px;
    color: #808080;
    line-height: 30px;
    font-size: 14px;
    text-indent: 2em;
}
.abo_box .abo_tit{
	font-size: 24px;
	text-align: center;
	padding-top: 35px;
	margin-bottom:10px;
	color: #333;
}
/*新闻详情页*/
.new_box h1{
	font-size: 24px;
	text-align: center;
	padding-top: 10px;
	color: #333;
}
.new_box .time{
	color: #999;
	font-size: 12px;
	line-height: 30px;
	background: #f5f5f5;
}
.new_box .time a{
	color: #999;
}
.new_box .text_con{
	margin-top: 20px;
	color: #808080;
	line-height: 30px;
	font-size: 14px;
	text-indent: 2em;;
}
/*产品详情页*/
.xyg{
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}
.xyg a{
	color: #888;
}
/*相关新闻*/
.xgxw{
	margin-top: 20px;
}
.xgxw h3{
	color: #333;
	font-size: 18px;
	line-height: 40px;
	height: 40px !important;
	text-align: left;
	width: 100%;
	margin-top: 0;
}
.xgxw_list li{
	float: left;
	width: 100%;
	padding: 0 15px;
}
.xgxw_list li h4{
	margin-top: 0px;
    margin-bottom: 0;
}
.xgxw_list li h4 a{
	float: left;
	font-size: 14px;
	line-height: 30px;
	margin: 0;
	width: 70%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color: #808080;
	    
}
.xgxw_list li h4 a:hover{
	color: #09f;
}
.xgxw_list li time{
	float: right;
	color: #999;
	font-size: 12px;
	line-height: 30px;
	width: 25%;
	text-align: right;
}
/*相关产品*/
.xgcp{
	margin-top: 10px;
}
.abo_con{
	margin-bottom: 60px;
}
.xgcp h3{
	color: #333;
	font-size: 18px;
	line-height: 40px;
	height: 40px !important;
	text-align: left;
	width: 100%;
}
.xgcp_tit{
	text-align: center !important;
	line-height: 30px;
	font-size: 16px;
	color:#333;
}
.xgcp_list .ys a .xgcp_tit:hover{
	color: #09f;
}
.xgcp_list img{
	max-width: 95%;
}
/* 网站地图 */
.sitemap {
	text-align:center;
}
.sitemap .sti_tit{
	font-size:20px;
	color:#333;
	padding-bottom:5px;
}
.sitemap_con > a{
	font-size:16px;
	color:#666;
	padding:4px 10px;
}
.abo_tit2{
	margin-bottom: 30px;
	font-size: 32px;
	color: #121212;
	font-weight: bold;
}

@media (max-width: 767px){
	.navbar-default .navbar-nav li a{
		text-align:center;
	}
}


.sx-jianju .abo_tit3{
	font-size: 24px;
	text-align: center;
	margin-bottom:10px;
	color: #333;
}

.ms{
	line-height:30px;
	padding-top:10px;
	font-size:14px;
}

@media (max-width:767px){
	.copy,.smcy{
		display:none;
	}
	.foot{
		margin-bottom:76px;
	}
	.pagess ul .pages_solid, .pagess ul .previous_s{
		padding: 4px 10px;
	}
	.pagess ul li{
		padding: 2px 0;
	}
	
}

.top{
	line-height:30px;
	margin-bottom:20px;
	color:#000;
}
.top a{
	color:#000;
}
.ditu img{
	max-width:none;
}

.time{
	font-size: 12px;
    padding-top: 5px;
}
@media (max-width:991px){
	.navbar-default .navbar-nav li a{
		margin:0;
	}
}
@media (max-width:767px){
	#topId{
		display:none !important;
	}
	.news .h-h3-white time{
		width:100%;
	}
}
.flei h2{
	font-size: 20px;
    padding: 10px 0px;
}
.flei li{
	padding-left: 35px;
    padding-bottom: 20px;
	text-align: left;
}
.flei li a{
	padding: 10px;
    border: 1px solid #66a025;
    line-height: 35px;
    height: 35px;
}
.youbian{
	margin-top:50px;
}

.content {
    padding: 42px 16px;
    box-sizing: border-box;
	width:1200px;
	background:#fff;
	height:auto;
}
.c2-1 h3 {
    color: #000000;
    font-size: 19px;
    line-height: 40px;
    font-weight: 500;
}
.sort1 {
    margin-top: 30px;
	padding-left: 0px!important;
}
.sort1 li {
    width: 137px;
    height: 33px;
    line-height: 33px;
    padding-left: 16px;
    box-sizing: border-box;
    border: 1px solid #66a124;
    margin-bottom: 10px;
	text-align: left;
}
.sort1 li a {
    color: #000;
    font-size: 15px;
}
.c2-2 {
    width: 920px;
}
.fl {
    float: left;
}
.c2-1 {
    width: 192px;
}
.fr {
    float: right;
}
.c2-1 h3 {
    color: #000000;
    font-size: 19px;
    line-height: 40px;
    font-weight: 500;
}
.clearfix {
    zoom: 1;
}
.list2 li {
    float: left;
    margin-right: 13px;
}
.list2 li .img {
    display: block;
    border: 1px solid #eee;
    position: relative;
    width: 280px;
    height: 208px;
    overflow: hidden;
}
.list2 li h3 {
    text-align: center;
    font-weight: 500;
}
.list2 li h3 a {
    color: #666;
    line-height: 44px;
    font-size: 16px;
}
.list2 li img {
    width: 280px;
    height: 208px;
}
.list2 li a div span {
    display: block;
    position: relative;
}
.list2 li a div span {
    position: absolute;
    transition: all .3s;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../images/ff.png) center 50% no-repeat, rgba(102, 161, 36, .37);
}
.list2 li .da-slideFromBottom {
    left: 0px;
    top: 100%;
}
.list2 li a div {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.list2 li:hover h3 a {
    color: #66a124;
}
.sort1 li:hover {
    background: #66a124;
}
.sort1 li:hover a {
    color: #fff;
}
.list2 li a div span {
    position: absolute;
    transition: all .3s;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../images/ff.png) center 50% no-repeat, rgba(102, 161, 36, .37);
}
.list2 li .da-slideFromBottom {
    left: 0px;
    top: 100%;
}
.list2 li a div {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.sort2 {
    text-align: center;
	padding-bottom: 31px;
}

.sort2 li {
    display: inline-block;
    width: 90px;
    height: 23px;
    line-height: 23px;
    font-size: 14px;
	color: #999;
}

.sort2 li.tab-nav-action1 {
    border: 1px solid #fff;
}

.c6 .content1 {
    margin-top: 60px;
}

.news_list1 li {
    float: left;
    margin-right: 30px;
    background: #fff;
    box-sizing: border-box;
    padding: 8px;
    width: 380px;
    height: 332px;
}

.news_list1 li h4 {
    font-weight: 500;
    line-height: 30px;
}

.news_list1 li:nth-child(3) {
    margin-right: 0;
}

.news_list1 li .img {
    display: block;
    width: 362px;
    height: 156px;
    overflow: hidden;
}

.news_list1 li:hover img {
    transform: scale(1.1, 1.1);
}

.news_list1 li .img img {
    width: 362px;
    height: 156px;
    transition: all .3s;
}

.news_list1 li h3 {
    margin-top: 14px;
    font-weight: 500;
    color: #000;
    font-size: 18px;
}

.news_list1 li h3 dd {
    color: #666666;
    font-size: 14px;
    margin-top: 14px;
}


/*7*/

.c7bg {
    background: #f3faf2;
    height: 566px;
}

.c7 {
    padding-top: 28px;
}

.c7 h2 {
    height: 80px;
    background: url(../images/h-7.png) center 0 no-repeat;
    text-align: center;
    font-size: 20px;
    color: #9c9c9c;
    line-height: 5.5;
    margin-bottom: 96px;
}

.c7-1 {
    font-size: 14px;
    line-height: 30px;
    color: #666666;
    width: 549px;
}

.c7-1 .er {
    margin-top: 22px;
}

.c7-1 .lx {
    margin-top: 10px;
}

.c7-2 {
    width: 622px;
}

.ww1 {
    width: 286px;
    height: 32px;
    margin-bottom: 25px;
}

.message1 .msgbtn {
    margin-top: 15px;
    width: 622px;
    height: 37px;
    line-height: 37px;
    background: #9e9e9e;
    color: #fff;
    font-size: 14px;
    border: none;
}

.message1 {
    width: 622px;
}

.message1 #name {
    width: 286px;
    border: 1px solid #e5e5e5;
    background: #fff;
    height: 32px;
    padding-left: 10px;
    box-sizing: border-box;
}

.message1 #contact {
    width: 286px;
    border: 1px solid #e5e5e5;
    background: #fff;
    height: 32px;
    padding-left: 10px;
    box-sizing: border-box;
}

.message1 #content {
    width: 622px;
    border: 1px solid #e5e5e5;
    background: #fff;
    height: 122px;
    padding-left: 10px;
    box-sizing: border-box;
}

.message1 .m_label {
    width: 100%;
    line-height: 32px;
    font-size: 14px;
    color: #666666;
    padding: 0;
    padding-left: 10px;
}
.sort2 li:hover {
    border: 1px solid #fff;
}
.introduce li{
	float: left;
    margin-right: 30px;
    background: #fff;
    box-sizing: border-box;
    padding: 8px;
    width: 354px;
    height: 332px;
}
.introduce li img {
    width: 338px;
    height: 156px;
    transition: all .3s;
}
.xww{
	width:1200px;
}
.introduce h4{
	text-align: left;
    font-size: 12px;
    color: #666;
}
.introduce li h3 {
    margin-top: 14px;
    font-weight: 500;
    color: #000;
    font-size: 18px;
	text-align: left;
}
.introduce li h3 dd {
    color: #666666;
    font-size: 14px;
    margin-top: 14px;
}
.introduce li:hover img {
    transform: scale(1.1, 1.1);
}
.introduce li .img {
    display: block;
    width: 338px;
    height: 156px;
    overflow: hidden;
}
.list2 li a div.da-animate {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.list2 li .da-slideFromTop {
    left: 0px;
    top: -100%;
}

.list2 li .da-slideFromBottom {
    left: 0px;
    top: 100%;
}

.list2 li .da-slideFromLeft {
    top: 0px;
    left: -100%;
}

.list2 li .da-slideFromRight {
    top: 0px;
    left: 100%;
}

.list2 li .da-slideTop {
    top: 0px;
}

.list2 li .da-slideLeft {
    left: 0px;
}

.list2 li a div span {
    display: block;
    position: relative;
}

.list2 li a div span img {
    width: 312px;
    height: 251px;
    border: 0;
    position: absolute;
    left: 0px;
    top: 0px;
}
.portfolio-item figure {
	margin-bottom: 22px;
	position: relative;
}
.portfolio-item .overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	opacity: 0;
	width: 100%;
	height: 100%;
	background-color: #f16543;
}
.portfolio-item .overlay a {
	opacity: 0.8;
	filter: alpha(opacity=80);
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	background: url("../images/icon-lense.png") no-repeat center center;
}
.portfolio-item .overlay a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
.glass-animation:hover .glass span {
	-webkit-transition-delay: .2s; /* Safari */
	transition-delay: 0s;
	opacity: 1;
	width: 30px;
	height: 30px;
	border-radius: 200px;
}
.glass-animation:hover .glass span i {
	right: -14px;
	bottom: -7px;
	-webkit-transition-delay: .2s; /* Safari */
	transition-delay: .2s;
}
.glass-animation:hover .background {
	height: 100%;
	width: 100%;
	opacity: .7;
}
.glass-animation .background {
	transition: 0.3s all ease-in-out;
	width: 100;
	height: 100;
	background:rgba(102, 161, 36, .37);
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	opacity: 0;
}
.glass-animation .glass {
	display: block;
	transition: 0.2s all ease-in-out;
}
.glass-animation .glass > span {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	transition: 0.2s all ease-in-out;
	-webkit-transition-delay: 0s; /* Safari */
	transition-delay: 0s;
	width: 200px;
	height: 200px;
	border-radius: 100px;
	display: block;
	border: 5px solid #ffffff;
}
.glass-animation .glass > span i {
	transition: 0.2s all ease-in-out;
	-webkit-transition-delay: 0s; /* Safari */
	transition-delay: 0s;
	position: absolute;
	right: -200px;
	bottom: -200px;
	display: inline-block;
	width: 18px;
	height: 5px;
	background: #ffffff;
	border-radius: 10px;
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
}
/*产品*/
.iprotype {
}
.iprotype>li {
}
.iprohov{background:#2574a9!important;color:#fff!important;}
.ipro_con{display:none;}
.ipro_con0{display:block;}

.ipro_con li {
  padding:5px;
}
.ipro_con li .cpro .cpro_img{
  position: relative; 
  overflow: hidden;
}
.cpro_img img{
  width: 100%;
}
.overlay{
  position: absolute; 
  top: 0; left: 0; right: 0; bottom: 0; 
  background: rgba(30, 139, 195, 0.6); 
  opacity: 0; 
  transition: all .3s ease;
}
.cpro_img a{
  color: #fff;
}
.cpro:hover .cpro_img .overlay{
  opacity: 1;
}
.inner{
  display: table; 
  width: 100%; 
  height: 100%; 
  position: relative;
}
.inner:before{
  content: ''; 
  position: absolute; 
  top: 8px; left: 8px; right: 8px; bottom: 8px; 
  border: 1px solid #fff;
}
.social{
  display: table-cell; 
  vertical-align: middle; 
  position: relative; 
  padding: 30px;
}
.cpro_txt{
  background: #fff; 
  border-top: 2px solid #1e8bc3; 
  display: block; 
  padding: 12px 20px;
}
.cpro_txt h4 a{
  color: #1e8bc3; 
  font-size: 18px; 
  display:block;  
}
.cpro:hover .cpro_txt{
  background: #2574a9;
  border-top-color: #2574a9;
}
.cpro:hover .cpro_txt h4 a{
  color: #fff;
}
.prolist li {
  padding:10px;
}
.prolist li .cpro .cpro_img{
  position: relative; 
  overflow: hidden;
}

.c3bg {
    background: #f3faf2;
    height: 774px;
}
.c3 h2 {
    height: 80px;
    background: url(../images/h-3.png) center 0 no-repeat;
    text-align: center;
    font-size: 20px;
    color: #9c9c9c;
    line-height: 5.5;
    margin-bottom: 64px;
}
.c3 {
    padding-top: 64px;
}
.tong {
    width: 1200px;
    margin: 0 auto;
}

.list4 {
    width: 828px;
	margin: 0;
    padding: 0;
}
.list3 {
    width: 372px;
	margin: 0;
    padding: 0;
}
.list4 li .img {
    display: block;
    width: 828px;
    height: 503px;
    overflow: hidden;
}
.list4 li img {
    width: 828px;
    height: 503px;
    transition: all .3s;
}
.list3 li {
    float: left;
    margin-left: 1px;
    margin-bottom: 1px;
}
.list3 li .img {
    display: block;
    width: 185px;
    height: 125px;
    overflow: hidden;
    position: relative;
}
.list3 li img {
    width: 185px;
    height: 125px;
    transition: all .3s;
}
.list3 li h3 {
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, .3);
    height: 100%;
    z-index: 9999999;
    color: #fff;
    line-height: 125px;
    text-align: center;
    top: 0;
    left: 0;
    font-size: 14px;
    font-weight: 500;
    transition: all .3s;
	margin: 0;
}
.list4 li:hover img {
    transform: scale(1.1, 1.1);
}
.list3 li:hover img {
    transform: scale(1.1, 1.1);
}
.list3 li:hover h3 {
    opacity: 0;
}
.cpts{
	background:#66a025;
	
    padding-bottom: 20px;
}
.cpts .content{
	background:none;
}

.t2-0{
	margin-bottom:40px;
	width:100%;
}
.t2-0 h3{
	font-size:30px;
	color:#fff;
}
.t2-1{
	color:#fff;
	width:25%;
	height: 100%;
	padding-right: 3%;   
}
.t2-1 h3{
	font-size:30px;
	color:#fff;
}
.cpts1 {
	padding-left:12%;
}
.t2-1 a{
	color: #fff;
    text-align: left;
    line-height: 42px;
    margin: 20px 0px;
    padding: 0px 10px;
    border: 1px solid #fff;
    display: block;
    font-size: 16px;
}
.t2-1 a:hover{
	color:#66a025;	
	border:1px solid #fff;
	background:#fff;
}
.t2-2{
	width:70%;
	display:none;
}
.cptscp0{
	display:block;
}