@charset "utf-8";

@font-face { font-family: 'helvetica_neue_ltregular'; src: url('helveticaneuelt-mediumcond-webfont.woff2') format('woff2'), url('helveticaneuelt-mediumcond-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'estrangelo_edessaregular'; src: url('estrangelo_edessa-webfont.woff2') format('woff2'), url('estrangelo_edessa-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'groteskiaregular'; src: url('groteskia-webfont.woff2') format('woff2'), url('groteskia-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font: 14px/1.6 "微软雅黑","Microsoft YaHei New","Microsoft Yahei","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #555; background-color: #fff; _background-attachment: fixed; _background-image: url(about:blank); overflow: hidden; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding: 0; }
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; background: none; outline: none; padding: 0; margin: 0; border: none; }
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur());}
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.conWidth { width: 1440px; margin: auto; }
.int{max-width: 1250px; margin: auto;}
.inner { width: 1100px; margin: 0px auto; }


#menu{
	display: none;
}




/*header*/
.header-box { background: rgba(255,255,255,0.9); background: #fff\9; filter: alpha(opacity=90); position: fixed; left: 0; top: 0; z-index:100; width: 100%; height: 82px;box-shadow: 0px 2px 6px rgba(194, 194, 194, 0.25);}
.header-box:before { content: ""; width: 100%;/* height: 2px; background: #2550a0;*/ position: absolute; left: 0; bottom: 0; opacity: 0; transition: 300ms; visibility: hidden; }
.logo { line-height: 0; float: left; width: 265px; height: auto; position: relative; z-index: 10; }
.logo img { display: none; width: 100%; height: auto; line-height: normal; }
.logo .pclogo { display: block;    padding-top: 5px; }
.nav { float: left;margin-left: 120px;}
.nav > li { float: left; position: relative; padding-top: 33px; }
.header-box.scoll { height: 66px; background: rgba(255,255,255,1); background: #fff\9; filter: alpha(opacity=100); }
.header-box.scoll:before { visibility: visible; opacity: 1; }
.header-box.scoll .logo { overflow: hidden; height: 66px; width: auto; }
.header-box.scoll .pclogo { display: none; }
.header-box.scoll .scolllogo { display: block; width: 190px; height: auto; padding-top: 12px; }
.header-box.scoll .nav > li { padding-top: 26px; }
.header-box.scoll .nav > li > a { padding-bottom: 21px; }
.header-box.scoll .menu-dwons { top: 65px; }
.header-box.scoll .edite { margin-top: 15px; }


.nav > li > a:after { content: ""; width: 100%; height: 4px; background: #14a742; position: absolute; opacity: 0; transition: 344ms ease-out; bottom: 0; width: 0; left: 50%; }
.nav > li > a { display: inline-block; padding: 0 20px 28px; line-height: normal; color: #6a6a6a; font-size: 16px; position: relative; }
.nav > li:hover, .nav > li.current { background: rgb(229, 255, 228); background: #11a1e1\9; filter: alpha(opacity=20); }
.nav > li:hover > a:after, .nav > li.current > a:after { left: 0; width: 100%; opacity: 1; }
.navs1{ background: rgb(229, 255, 228); background: #11a1e1\9; filter: alpha(opacity=20);border-bottom: 3px solid #009061;display: inline-block; padding: 0 20px 28px; line-height: normal; color: #6a6a6a;}


.menu-dwons { position: absolute; left: 0; top: 82px; background: #ffffff; padding-top: 10px; padding-bottom: 10px; width: 100%; display: none; }
.menu-dwons li { position: relative; }
.menu-dwons li:before { content: ""; width: 0; left: 50%; height: 100%; background: #009061; position: absolute; top: 0; transition: 300ms ease-in-out; }
.menu-dwons li a { display: block; text-align: center; position: relative; line-height: 30px; color: #646464; font-size: 13px; }
.menu-dwons li:hover:before { left: 0; width: 100%; }
.menu-dwons li:hover a { color: #fff; }


.btn{position: absolute;width: 30px;top: 17px;right: 10px;cursor: pointer;height: 35px;z-index: 7;display: none;}
.btn span{background-color:#047737;display: block;height: 2px;width: 100%;overflow: hidden;position: absolute;left: 0px;}
.btn span.one {top:0;}
.btn span.two {top:10px;}
.btn span.three {top:20px;}
.leftMenu a {text-decoration: none;display: block;color: #fff;font-size: 16px;}

.leftMenu {
    background: rgba(4, 119, 55, 0.8);
    left: -1000px;
    position: fixed;
    top: 50px;
    display: block;
    height: 100%;
    width: 68%;
    min-width: 140px;
    max-width: 440px;
    z-index: 90002;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    position: fixed;
    overflow: auto;
}

.leftMenu.menu-open {
    left: 0;
}

.leftMenu ul {
    list-style: none;
    padding: 0;
}

.leftMenu ul li {
    position: relative;
    padding: 10px 0 10px 20px;
}

.leftMenu ul li.hasChild > a:after {
    content: "+";
    position: absolute;
    right: 20px;
    top: 4px;
    font-size: 24px;
    font-weight: 300;
}

.leftMenu ul li.hasChild.open > a:after {
    content: "-";
    right: 23px;
    font-size: 28px;
    top: 3px;
}

.f2, .f3 {
    height: 0;
    padding-left: 20px;
    overflow: hidden;
    position: relative;
    transition: height 0.4s ease;
    -moz-transition: height 0.4s ease;
    -webkit-transition: height 0.4s ease;
    -o-transition: height 0.4s ease;
}

.menu-dark-backdrop {
    background: rgba(0,0,0,0);
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    width: 100%;
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    overflow: hidden;
}

    .menu-dark-backdrop.in {
        height: 100%;
        z-index: 2;
        background: rgba(0,0,0,0.5);
    }



.index0{position: absolute; top: 0;left: 0 ;width: 100%;z-index: 995;}
.box{max-width: 1200px; margin: 0 auto;}
.index0 .box{position: relative;}
.imun{}
.inav-logo{margin: 0 auto;text-align: center;margin-top:95px;}
.inav-box{}
.inav-box a{color: #fff; font-size: 16px;}
.inav01{position: absolute; top: 35px; left:270px; width: 120px;height: 120px;text-align: center;line-height: 120px; border-radius: 100%;background: #009061;opacity: 0.8;}
.inav02{position: absolute; top: 175px; left:210px; width: 120px;height: 120px;text-align: center;line-height: 120px; border-radius: 100%;background: #009061;opacity: 0.8;}
.inav03{position: absolute; top: 315px; left:280px; width: 120px;height: 120px;text-align: center;line-height: 120px; border-radius: 100%;background: #009061;opacity: 0.8;}
.inav04{position: absolute; top: 415px; left:430px; width: 120px;height: 120px;text-align: center;line-height: 120px; border-radius: 100%;background: #009061;opacity: 0.8;}
.inav05{position: absolute; top: 415px; right:430px; width: 120px;height: 120px;text-align: center;line-height: 120px; border-radius: 100%;background: #009061;opacity: 0.8;}
.inav06{position: absolute; top: 315px; right:280px; width: 120px;height: 120px;text-align: center;line-height: 120px; border-radius: 100%;background: #009061;opacity: 0.8;}
.inav07{position: absolute; top: 175px; right:210px; width: 120px;height: 120px;text-align: center;line-height: 120px; border-radius: 100%;background: #009061;opacity: 0.8;}
.inav08{position: absolute; top: 35px; right:270px; width: 120px;height: 120px;text-align: center;line-height: 120px; border-radius: 100%;background: #009061;opacity: 0.8;}
.inav-box a:hover{background: #00bb7e;display: block;width: 120px;height: 120px;border-radius: 100%;}
.inav-box a{display: block;}
.inav-box .inav01 a:hover,.inav-box .inav03 a:hover,.inav-box .inav04 a:hover,.inav-box .inav05 a:hover,.inav-box .inav06 a:hover,.inav-box .inav07 a:hover,.inav-box .inav08 a:hover{/*background-image: url(../focus/ihover.png);background-repeat:no-repeat;background-position:-3px 45px;*/z-index: 999; float: left;float: left;}
.inav-box .inav02 a:hover{/*background-image: url(../focus/ihover.png);background-repeat:no-repeat;background-position:-8px 45px;z-index: 999; */float: left;float: left;}
.i1{background: #00bb7e;display: block;width: 120px;height: 120px;border-radius: 100%;background-image: url(../focus/ihover.png);background-repeat:no-repeat;background-position:2px 45px;z-index: 999; float: left;float: left;}

.header-right { float: right; }
.edite { float: left; margin-top:28px; }
.search { margin-left: 17px; border-bottom: 1px solid #c9c9c9;}
.input[type="search"]{-webkit-appearance:none;} 
.search input { height: 35px; line-height: 35px; color: #6a6a6a; padding-left: 9px; width: 150px; background: none; padding-top: 0; padding-bottom: 0; border: none; outline: none; float: left; }
.search .serbtn { width: 24px; height: 35px; float: left; border: none; outline: none; background: none; cursor: pointer; background: url(../Images/search.png) left center no-repeat; }
.college { margin-top: 11px; }
.college a { display: inline-block; float: left; line-height: normal; color: #646464; position: relative; }
.college a:nth-child(1) { padding-right: 9px; }
.college a:nth-child(1):before { content: ""; width: 1px; height: 10px; position: absolute; right: 0; top: 50%; margin-top: -5px; background: #bfbfbf; }
.college a:nth-child(2) { padding-left: 9px; }
.college a:hover { color: #11a1e1; }
.oa { float: left; margin-left: 11px; background: #11a1e1; width: 61px; }
.oa a { display: block; line-height: 82px; text-align: center; color: #fff; font-size: 14px; text-transform: uppercase; }
.oa a:hover { text-decoration: underline; }

.banner-box {width: 100%;height: 100%;overflow: hidden;}
.banner { width: 100%; margin: 0px auto; overflow: hidden; color: #fff;}
.banner .slides {position: absolute;z-index: 20;height: 100%;overflow: hidden;}

.banner .slides li { height: 100%; line-height: 0; opacity: 0; transition: opacity 2000ms linear; -webkit-transition: opacity 2000ms linear; overflow: hidden; }
.banner .slides .bimg { line-height: 0; width: 100%; height: 100%; position: relative; transition: transform 4s ease; -webkit-transition: transform 4s ease; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.banner .slides li.imgIn { opacity: 1; }
.banner .slides li.imgIn a > img { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }

.bannerText { position: absolute; width: 590px; height: 215px; left: 50%; margin-left: -295px; top: 50%; z-index: 30; margin-top: -107px; }
.bann { width: 100%; height: 100%; position: relative; }
.banne-list { position: relative; height: 100%; }
.banne-list li { opacity: 0; transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); transition: 800ms 200ms; position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: hidden; }
.banne-list h3 { color: #00a259;font-weight: bold; /*margin-bottom: 64px;*/ margin-bottom:20px; line-height: normal; font-size: 42px; visibility: hidden; opacity: 0; text-align: center; }
.banne-list h3 i { display: inline-block; width: 9px; height: 8px; background: url(../Images/dot.png) center no-repeat; position: relative; top: -8px; display:none;}
.banne-list h3 i:nth-child(1) { margin-right: 42px; }
.banne-list h3 i:nth-child(2) { margin-left: 42px; }
.banne-list li.noshow h3, .banne-list li.noshow b, .banne-list li.noshow small, .banne-list li.noshow span { display: none; }

.banne-list small {text-shadow: 0px 3px 0px #d0d0d0; visibility: hidden; opacity: 0; text-align: center; color: #555; display: block; font-size: 16px; text-transform: uppercase; line-height: normal; }
.banne-list b { display: block; color: #ffffff; font-size: 28px; visibility: hidden; opacity: 0; font-weight: normal; line-height: normal; text-align: center; margin-bottom: 12px; }
.banne-list span { display: block; margin-top: 14px; font-size: 12px; text-align: center; color: #ffffff; text-align: center; text-transform: uppercase; opacity: 0; visibility: hidden; }

.banne-list li.on { opacity: 1; visibility: visible; transform: translateY(0); }
.banne-list li.on h3 { visibility: visible; opacity: 1; text-shadow: 0px 3px 0px #d0d0d0;}
.banne-list li.on small { opacity: 1; visibility: visible; }
.banne-list li.on b { opacity: 1; visibility: visible; color: #333;}
.banne-list li.on span { opacity: 1; visibility: visible; }
.bamnline { position: absolute; left: 3.5%; top: 92px; width: 93%; height: 2px; background: #fff; display:none;}
.bamnline span { display: block; width: 0; height: 2px; background: #11a1e1; }
.bamnline.load span { width: 100%; transition: 3.6s linear; -webkit-transition: 3.6s linear; -moz-transition: 3.6s linear; }


.banners3{text-align: center;}
.banners3 h2{color: red;font-size: 40px;}
.banners3 b{font-size: 30px;color: #333;font-weight: bold;}
.banners3 small{color: #999;}


}
.footer-l{float: left;width: 50%;border: 1px solid saddlebrown;}
.footer-r{width: 30%;color: #f3f3f3;line-height: 37px;text-align: right;float: right;}
.link-select{background: #007d55;border: 0;padding: 5px 10px;color: #fff;}

.bobybg{background: #f3f3f3;}
/*about*/
/*.top-bg-wrap {
    width: 100%;
    height: 350px;
    position: relative;
    overflow: hidden;
    transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
}*/
.top-bg {
    background-color: #39383E;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: fixed;
    width: 100%;
    height: 350px;

    transition: transform 4s ease;
    -webkit-transition: transform 4s ease;
    transform: scale(1.05);
    -webkit-transform: scale(1.05);

}
.about-t{background: #f7f7f7;height: 50px;line-height: 50px;margin-top: 58px;}
.here{width: 30%;float: left;height: 50px;line-height: 50px;}
.here a{color: #333;}
.nnav{float:right;font-size: 14px;text-align: right;width: 70%;}
.nnav .nanv-a{color: #009061;}
.nnav a{padding: 0 25px;color: #333;}
.here a:hover , .nnav a:hover{color: #009061;}
.about-c{overflow: hidden;background: url(../Images/about/profilebg.jpg) no-repeat center 0px ;padding: 20px 0 48px 0; background-size: cover;}
.ntitle{text-align: center;padding: 25px 0 0 0;background: url(../Images/about/logobg.png) no-repeat center;}
.ntitle h3{font-size: 30px;color: #047737;}
.ntitle2{text-align: center;padding: 25px 0 0 0;background: url(../Images/about/logobg2.png) no-repeat center;}
.ntitle2 h3{font-size: 30px;color: #fff;}
.ntitle2 p{color: #f3f3f3;}
.nnav-box{overflow: hidden;}
.Profile-box{padding: 25px 0;overflow: hidden;}
.Profile-l{width: 50%; float: left;overflow: hidden;}
.Profile-l img{width: 100%; display: block;}
.Profile-r{width: 50%;float: right; padding: 0 0 0 30px;box-sizing: border-box;}
.Profile-r b{font-size: 22px;padding-right: 5px;color: #0a823f;}
.Profile-r p{text-indent: 2em;padding-bottom: 15px;font-size: 15px;color: #555;}
.power{background: #efefef;padding: 25px 0;overflow: hidden;}
.power2{background: #efefef;overflow: hidden;}
.power-img{padding: 10px 0;}
.power-img a{width: 100%;display: block;overflow: hidden;}
.power-img .prowermore{margin-top:30px; border: 1px solid #009061;padding: 10px 30px;text-align:center; color: #009061;margin: 0 auto;width: 10%;display: block;}
.power-img ul{overflow: hidden;margin-bottom: 20px;}
.power-img ul li{width:25%; float: left;padding: 10px; box-sizing: border-box;}
.power-img ul li a{display: block; overflow: hidden;width: 100%;}
.power-img ul li h3{padding:0 10px; text-align: center;font-size: 16px;color: #555;line-height: 40px;}
.power-img ul li img{width: 100%; display: block;box-sizing: border-box;cursor: pointer;transition: all 0.6s;}
.power-img ul li img:hover{-webkit-transform: scale(1.2);transform: scale(1.1);}
.speech{padding: 20px 0;overflow: hidden;background:#d9ebf9;}
.speech-box{padding: 20px 0;}
.speech-l{width: 60%; float: left;padding: 10px 60px;box-sizing: border-box;}
.speech-l h3{font-size: 25px;color:#333 ;}
.speech-r{width: 40%; float: right;}
.speech-r img{width: 100%; display: block;}
.name{font-size: 25px;text-align: right;padding-top: 30px;display: block;}
.progress-c{padding: 25px 0;overflow: hidden;}
.progress-c ul li{float: left;width: 50%;}
.progress-c-l{width:75%;float: left;background: #00BB7E;padding: 15px;box-sizing: border-box;color: #fff;height: 140px;}
.progress-c-r{width:25%; float: right;text-align: center;height: 105px;line-height: 105px;}
.progress-c-r i,.progress-c-l2 i{font-style: normal;}
.progress-c-r span{font-size: 25px;vertical-align: middle;color: #047737;font-weight: bold;}
.border-r{border-right: 1px solid #768b98;box-sizing: border-box;}
.progress-c-l2{width:25%; float: left;text-align: center;height: 105px;line-height: 105px;}
.progress-c-l2 span{font-size: 25px;vertical-align: middle;color: #047737;font-weight: bold;}
.progress-c-r2{width:75%;float: right;background: #00BB7E;padding: 15px;box-sizing: border-box;color: #fff;height: 140px;}
.border-l{border-left: 1px solid #768b98;box-sizing: border-box;margin-top:105px;margin-left: -1px;}
.honor-box{padding: 20px 0;}
.honor-box ul{overflow: hidden;}

.honor-box ul li .honor-r-box{background:#ffffff;margin: 5px;padding: 10px 12px;}
.honor-box ul li p{text-align: center;line-height: 25px;padding: 10px 0;font-size: 15px;font-weight: bold;height: 60px;}

.honor-l{float: left;width: 10%;margin-top: 5px;}
.honor-l ul li{width: 100%;display: block;background: #f3f3f3; text-align: center;margin-bottom: 2px;}
.honor-l ul li a{display: block;padding: 20px 0;color: #333;}
.honor-l ul li a:hover{    background: #e5ffe4;color: #09a26e;}
.honor-c .honor-l ul li .honor-a{background: #09A26E;color: #eee;}
.honor-r{width: 89%;float: right;}
.honor-r ul {overflow: hidden;}
.honor-r ul li{width: 25%; float: left;}
.honor-r-img img{width: 100%;}

.culture{margin: 30px 50px; }
.culture ul{}
.culture ul li{margin:45px 0;overflow: hidden;font-size: 18px;}
.culture-l{width:100%;float: left;position: relative;}
.culture-l-img ,.culture-r2-img{width: 60%;float: left;overflow: hidden;}
.culture-l-img img{ cursor: pointer; transition: all 0.6s;display: block;width:100%;}
.culture-l-img img:hover{-webkit-transform: scale(1.2);transform: scale(1.1);}
.culture-r{width: 48%;position: absolute;right: 0; top: 15%;background:rgba(0, 144, 97, 0.8);height: 70%;color: #fff;padding:25px 25px;box-sizing: border-box;}
.culture-r h2 ,.culture-r2 h2{font-size: 25px;}
.culture-l2{width:100%;float: left;position: relative;}
.culture-r2{width: 48%;position: absolute;left: 0; top: 20%;background:rgba(243, 123, 0, 0.8);height: 60%;color: #fff;padding:25px 25px;box-sizing: border-box;z-index: 99;}
.culture-r2-img {width: 60%;float: right;overflow: hidden;}
.culture-r2-img img{ cursor: pointer; transition: all 0.6s;display: block;width:100%;}
.culture-r2-img img:hover{-webkit-transform: scale(1.2);transform: scale(1.1);}

			.swiper1 {
				width: 100%;
			}
			.swiper1 .selected {
				color:#047737;
				border-bottom: 2px solid #047737;
			}
			.swiper1 .swiper-slide {
				text-align: center;
				font-size: 18px;
				height: 50px;
				/* Center slide text vertically */
				display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				-webkit-justify-content: center;
				justify-content: center;
				-webkit-box-align: center;
				-ms-flex-align: center;
				-webkit-align-items: center;
				align-items: center;
				cursor: pointer;
			}
			.swiper2 {
				width: 100%;
			}
			.swiper2 .swiper-slide {
				color: #fff;
				text-align: center;
				box-sizing: border-box !important;
				overflow-x: hidden !important;
			}

/*products*/
.product-box{padding: 20px 0;}
.product-l{width: 15%;float: left;}
.product-l h3{text-align: center;}
.product-l .pro-t{height: 100px; line-height: 100px;background: #009061;color: #fff;font-size: 20px;}
.product-l ul{}
.product-l ul li{background: #f7f7f7;text-align: center;margin-bottom: 2px;}
.product-l ul li a{display: block;color: #555;padding: 15px 5px;}
.product-l ul li a:hover{background: #e5ffe4;color: #009061;border-left: 3px solid #009061;box-sizing: border-box;}
.product-r{width: 84%; float:right;}
.product-r ul{}
.product-r ul li{width: 33.3%; float: left;}
.product-r ul li .pro-box{margin: 0 10px;border:2px #00a259 solid;margin-bottom: 25px;}
.pro-box .pro-img{position: relative;}
.pro-img:hover > .pro-box-hover{display: block;padding:35px 25px;box-sizing: border-box;}
.pro-box-hover{width: 100%; height: 100%; position: absolute;top: 0;left: 0; background: rgba(210, 251, 209, 0.92);display: none;color: #047737;font-size: 15px;}
.pro-box-hover p{padding-left: 10px;}
.pro-c{height: 30px ;background: #00A259;padding: 10px 5px;}
.pro-c h2{font-size: 16px;line-height: 25px; color: #fff;text-align: center;}
.product-r ul{overflow: hidden;}
.product-r ul li img{width: 100%; display: block;cursor: pointer;
    transition: all 0.6s;
    display: block;
    width: 100%;
    overflow: hidden;}
.product-l .pro-a{background: #e5ffe4;color: #009061;border-left: 3px solid #009061;box-sizing: border-box;font-size: 16px;}
.pinfo-box{overflow: hidden;padding: 30px 0;    background-color: #f7f7f7;}
.pinfo-l{width: 40%;float: left;}
.pinfo-l img{width: 100%;display: block;}
.pinfo-r{width: 60%;float:right;padding:0 50px;box-sizing: border-box;font-size: 16px;}
.pinfo-t{padding: 10px; border-bottom:1px solid #757575;margin-top: 15px;}
.pinfo-r .pinfo-t h2{font-size: 25px;}
.pinfo-c{padding: 15px 0;}
.pinfo-c ul{}
.pinfo-c ul li {overflow: hidden;}
.pinfo-c ul li b{width:20%;float: left;}
.pinfo-c ul li p{width:80%;float: right;}
.pinfo-box2{margin-top:25px;}
.pinfo-box2 em{padding: 0 3px;background:#98ffdd;;margin-right: 10px;}
.pinfo-box2 h2{font-size: 18px;background:rgb(0, 144, 97);padding: 10px;border-bottom:1px solid #d9ebf9;color: #fff;}
.pinfo2-c {padding: 20px 50px 50px 50px;background:#f7f7f7;}
.pinfo2-c h3{font-size: 20px;}
/*.pinfo2-c span{display: block;text-align: center;}*/



/*features*/
.features{padding:20px 65px;}
.features ul li{border-bottom: 1px dashed #ececec;overflow: hidden;}
.features ul li a{color: #333;line-height: 50px;width: 90%;float: left;}
.features ul li a:hover{color: #009061;}
.features ul li img{width: 20px;padding:10px 10px 0 0;}
.features ul li span{float: right;line-height: 50px;width: 10%;float: right;}


.hr{padding: 20px 0;}
.hr2{background: url(../Images/jobs/hrbg.jpg) no-repeat top; padding: 20px 0;}
.hr3{background:url(../Images/jobs/flbg.jpg) no-repeat top; padding: 20px 0;}
.hr4{background:url(../Images/jobs/rclnbg.jpg) no-repeat top; padding: 20px 0; height: 750px;}
.hrzl{margin: 20px 50px;background:rgba(255, 255, 255, 0.7);padding: 25px 30px;}
.hrzl01 a{font-size: 20px;color:#328155;font-weight: bold;}
.hrzl01 b{color: #da251d;font-size: 16px;}
.hrzl02{margin-top: 15px;}
.hrzl02 h2{font-size: 16px;}
.hrzl02 p{color: #333;margin: 15px 0;}
.hrzl02 span{padding: 5px 20px;font-weight:bold;background: #ea7713;color: #fff;}
.hr-box h1{font-size: 20px;padding: 0 50px;color: #009061;}
.hr-box em{width: 3px;background: #009061;padding:0 3px ;margin-right: 10px;}
.hr-box{padding: 10px 0;margin: 10px 0;overflow: hidden;}
.hr-box ul{padding-bottom: 15px;}
.hr-box ul li{border: 1px solid #eee;overflow: hidden;margin:10px 50px 15px 50px;padding: 15px;}
.hr-cl{width: 80%;float: left;border-right: 1px solid #eee;box-sizing: border-box;background: #f3f3f3;padding: 15px 5px;}
.hr-cl h2{font-size: 18px;padding-left: 15px;}
.hr-cl p{padding-left: 15px;padding-top: 10px;}
.hr-cl span{border-right:1px solid #dedede;padding:0 15px;}
.hr-cr{width: 20%;float: right;text-align: center;padding: 20px 0;}
.hr-cr h2{font-size: 18px;text-align: center;color: #F7A300;}
.hr-cr p{}
.hr-cr a{color: #fff;display: inline-block;padding: 10px 45px;background:#009061;color: #fff;margin: 10px 0;}
.hr-cr a:hover{background: #027d55;}
.welfare-box{overflow: hidden;text-align: center;padding: 20px 0;}
.welfare-box ul li{width: 25%; float: left;}
.welfare-box ul li div{margin:10px;background:rgba(253, 255, 253, 0.8);padding: 20px 10px;height: 230px;}
.welfare-box ul li img{padding: 10px;}
.welfare-box ul li h3{font-size: 16px; margin: 10px 0;}
.welfare-box ul li hr{width: 15%;border:1px solid #009061;}
.Concept{padding: 20px 0;}
.Concept img{display: block;margin: 0 auto;}
.Concept p{font-size: 16px;text-align: center;}
.conceptimg{}

.jobs-info01{background: #fff;border: 1px solid #f3f3f3;padding: 15px;margin: 20px 50px;overflow: hidden;}
.jobs-info01-l{width: 70%;float: left;}
.jobs-info01-r{width: 30%;float: right;padding-top: 20px;text-align: right;}
.jobs-info01-r a{padding: 10px 30px;color: #fff;}
.jobs-info01-r .jobs1{background: #009061;display: inline-block;}
.jobs-info01-r .jobs2{background: #11A1E1;display: inline-block;}
.jobs-info01-l h2{font-size: 18px;padding-left: 15px;}
.jobs-info01-l span{border-right:1px solid #dedede;padding:0 15px;}
.jobs-info02{margin:20px 50px;background: #fff;border: 1px solid #f3f3f3;padding: 15px;}
.jobs-info02 h2{padding-left:20px;font-size: 16px;border-bottom: 1px solid #f3f3f3;padding-bottom: 10px;}
.jobs-info02 em{padding: 0 3px;background: #009061;margin-right: 10px;}
.jobs-info02-c{padding: 15px;line-height: 30px;}


@-webkit-keyframes arrow {
    0% { -webkit-transform: translate3d(0px, 0px, 0px); }
    50% { -webkit-transform: translate3d(0px, -8px, 0px); }
    100% { -webkit-transform: translate3d(0px, 0px, 0px); }
}

@keyframes arrow {
    0% { -webkit-transform: translate3d(0px, 0px, 0px); }
    50% { -webkit-transform: translate3d(0px, -8px, 0px); }
    100% { -webkit-transform: translate3d(0px, 0px, 0px); }
}

.banner .flex-control-nav { position: absolute; left: 36px; bottom: 50%; z-index: 20; margin-bottom: -28px; }
.banner .flex-control-nav li { margin-bottom: 12px; }
.banner .flex-control-nav li:last-child { margin-bottom: 0; }
.banner .flex-control-nav li a span { display: block; width: 9px; height: 9px; border-radius: 50%; border: 1px solid #fff; transition: 310ms; text-indent: 999px; overflow: hidden; }
.banner .flex-control-nav li a.flex-active span { background: #fff; }
.tabvideo{ position:absolute; right:38px; bottom:60px; z-index:9999; width:144px;}
.tabvideo .itemtxt { color:#fff; text-align:center}
.homevideo b{ color:#fff; font-size:14px; font-weight:normal; line-height:normal; margin-bottom:6px; line-height:1; text-align:left; display:block;}
.iabout{background: url(../Images/gsbg.jpg) no-repeat center 0px;padding: 20px 0;}
.iabout-box{background: #fff;margin-top: 25px;height: 250px;border: 1px solid red;}
.title-t{padding: 25px 0;background: url(../Images/about/logobg.png) no-repeat center;}
.title-t h3{font-size: 30px;text-align: center; color: #009061;line-height: 35px;}
.title-t span{display: block; text-align: center;}
.iabout-c{overflow: hidden;padding: 25px 0;}
.iabout-c p{font-size: 15px;color: #333;}
.ia1{float: left;    width: 38%;padding: 0 20px;box-sizing: border-box;}
.ia1 h3{font-size: 25px;color: #333;}
.ia1-c{overflow: hidden;}
.ia1 p{text-indent: 2em;padding-bottom: 8px;line-height: 30px;}
.about-more{color:#009061;display:inline-block;padding: 5px 25px;float: right;}
.about-more:hover{color: #14A742;}
.a1{overflow: hidden;}
.a1 ul{}
.a1 ul li{float: left; width: 33.3%;text-align: center;font-size: 15px;color: #333;}
.ia1 .a1 ul li span{display: block;}
.ia1 .a1 ul li b{font-size: 32px;color: #009061;}
.ia2{float: left; width: 25%;}
.ia2 ul li{padding: 0 15px 10px 15px;}
.ia2 ul li img{width: 100%;display: block;}
.ia3{float: left; width: 37%;}
.ia3 ul{}
.ia3 ul li{padding: 10px 25px;color: #fff;}
.iabg1{background: #009061;}
.iabg2{background: #069e6d;}
.iabg3{background: #0eab78;}
.ia3 ul li h2{font-size:22px;}
.ia3 ul li p{color: #fff;}
.about-part{overflow: hidden;}


/*.videoIbox{ position:relative; line-height:1;} 
.videoIbox{ padding:2px; background:#fff;}
.videoIbox .img{ display:block; width:100%; height:auto; transition:340ms; line-height:0;}
.videoIbox span{ display:block; width:12px; height:19px; background:url(../Images/vides.png) center no-repeat; position:absolute; left:50%; top:50%; margin-left:-6px; margin-top:-9px; z-index:30;}
.video-info b{ display:block; text-align:center; color:#7b6c64; font-size:18px; font-weight:normal; margin-top:22px; line-height:1.2; transition:330ms;}
.video-info:hover .videoIbox .img{ transform:scale(0.98); -webkit-transform:scale(0.98); -moz-transform:scale(0.98);}
.video-info:hover b{ color:#ee7133;}*/
.indexvideo img{width: 100%;display: block;}
.video-info .indexvideo{position: relative;}
.video-info .indexvideo .video02-t{width: 100%;display: block;position: absolute;top: 0;left: 0;background:rgba(41, 41, 41, 0.55);height:100%;padding: 10px;box-sizing: border-box;}
.video-info .indexvideo .video02-t:hover{background: rgba(0, 144, 97, 0.68);transform: translate(0,0);transition:all .5s ease-in 0s;}
.video-info .indexvideo .video02-t img{width: 20%;display: block;margin: 0 auto;padding: 20px 0;}
.video-info .closevideo{width: 35px;height: 35px;position: absolute;top: -100px; right: -58px;}
.black_overlay {display: none; position: fixed; top: 0%;left: 0%;width: 100%;height: 100%;background-color: black; z-index: 1001;-moz-opacity: 0.8;opacity: .80;filter: alpha(opacity=88);}
.white_content {display: none;position: fixed;top: 25%;left: 25%;width: 55%;height: 55%;padding: 20px;z-index: 1002;background: #000;}

.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; left:0; top:0; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 860px; height: 480px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -240px; margin-left: -430px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 24px; height: 24px; cursor: pointer; position: absolute; top: -28px; right: 0px; }
.vwrap .close i { display: block; width:24px; height:24px; background:url(../Images/close.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button { background: none no-repeat!important; }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }



.mobile-news { position: absolute; right: 0; bottom: 0; width: 400px; background:rgba(0, 144, 97, 0.82); background: #11a1e1\9; filter: alpha(opacity=60); padding-right: 74px; z-index: 20; padding-left: 44px; }
.mobile-news span { display: inline-block; float: left; color: #fff; font-size: 14px; line-height: 40px; padding-left: 8px; position: absolute; left: 0; top: 0; }
.mobile-news marquee { display: inline-block; float: left; line-height: 40px; color: #ffffff; font-size: 14px; margin-left: 10px; }
.mobile-news marquee a { color: #fff; margin-left: 8px; }
.new-box { margin-top: 18px;margin-bottom: 30px; }
.hotnew { width: 61%; float: left; }
.hotnew
.hotnew h3 { line-height: normal; color: #646464; font-size: 14px; display: block; margin-left: 22px; padding-left: 22px; background: url(../Images/dot1.png) left center no-repeat; font-weight: normal; }
.newhots { margin-top: 20px; position: relative; }
.newhots figure { display: block; line-height: normal; overflow: hidden; width: 64.8%; float: left; }
.newhots figure img { display: block; width: 100%; height: auto; line-height: 0;  }
.newhots .hottext { width: 35.2%; float: left; background: #009061; position: absolute; right: 0; top: 0; height: 100%; }
.hottext time { display: block; width: 75px; height: 65px; background: #fff; line-height: normal; }
.hottext time strong { display: block; line-height: 44px; color: #009061; font-size: 42px; text-align: center; font-weight: normal; }
.hottext time b { display: block; text-align: center; color:#009061; line-height: normal; font-weight: normal; }
.newvies { margin-top: 28px; padding: 0 12%; }
.newvies h2 { color: #ffffff; font-size: 18px; line-height: 26px; padding-bottom: 34px; border-bottom: 1px solid #fff; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.newvies p { color: #ffffff; font-size: 13px; margin-top: 20px; }
.newvies span { display: inline-block; color: #fff; position: absolute; left: 12%; bottom: 30px; }
.newvies span:before { content: ""; width: 0; height: 1px; background: #fff; position: absolute; left: 0; bottom: 0; transition: 254ms; }
.newvies span:hover:before { width: 100%; }
.hot-box2{margin-top: 10px;}
.hot-box2 .swiper-wrapper .figure img{width:100%;display:block;}
.hottext2{width: 35.2%; float: left; background: #009061; position: absolute; right: 0; top: 0; height: 100%;height: 98.5%; }
.hottext2 time { display: block; width: 75px; height: 65px; background: #fff; line-height: normal; }
.hottext2 time strong { display: block; line-height: 44px; color: #009061; font-size: 42px; text-align: center; font-weight: normal; }
.hottext2 time b { display: block; text-align: center; color:#009061; line-height: normal; font-weight: normal; }


.collective-news { width: 38.6%; float: left; }
.collecte-t { margin-left: 28px; }
.collecte-t a { display: inline-block; float: left; margin-right: 46px; color: #646464; font-size: 14px; padding-left: 20px; line-height: normal; position: relative; }
.collecte-t a:last-child { margin-right: 0; }
.collecte-t a:before { content: ""; width: 12px; height: 12px; background: url(../Images/dot1.png) center no-repeat; position: absolute; left: 0; top: 50%; margin-top: -6px; opacity: 0; visibility: hidden; transition: 333ms ease-in-out; }
.collecte-t a:hover:before, .collecte-t a.on:before { opacity: 1; visibility: visible; }
.newindex { padding-top: 15px; position: relative; }
.new-list li { background: #fff; transition: 340ms; overflow: hidden; position: relative; }
.new-list li a:before { content: ""; width: 100%; height: 100%; background: #eeeeee; position: absolute; left: 0; top: 100%; transition: 320ms; }
.new-list li a:after { content: ""; width: 5px; height: 10px; position: absolute; right: 16px; top: 50%; margin-top: -5px; background: url(../Images/arrow.png) center no-repeat; opacity: 0; visibility: hidden; transition: 320ms 0ms; }
.new-list li time { display: inline-block; float: left; margin-left: 30px; color: #969696; font-size: 12px; line-height: 35px; position: relative; z-index: 5; }
.new-list li span { display: inline-block; float: left; margin-left: 25px; color: #646464; font-size: 14px; line-height: 35px; position: relative; z-index: 5; width: 384px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.new-list li:hover a:before { top: 0; }
.new-list li:hover a:after { opacity: 1; visibility: visible; right: 7px; transition: 320ms 200ms; }
.new-more { position: absolute; right: 13px; top: -19px; }
.new-more a { display: inline-block; width: 12px; height: 12px; position: relative;margin-top: 1px; }
.new-more a:before { content: ""; width: 12px; height: 2px; background: #b4b4b4; position: absolute; left: 0; top: 5px; transition: 320ms 0ms; }
.new-more a:after { content: ""; width: 2px; height: 12px; background: #b4b4b4; position: absolute; left: 5px; top: 0; transition: 320ms 0ms; }
.new-more a:hover:before, .new-more a:hover:after { background: #11a1e1; }



.project {padding: 25px 0 50px 0;background: #F9F9F9;}
.brand-building{padding: 25px  0 50px 0;}
.brand-building .swiper-container {
      width: 100%;
      height: 100%;
    }
.brand-building .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.brand-building-img img{width: 100%;display: block;transition: all 0.6s;}  
.brand-building-img img:hover{-webkit-transform: scale(1.2);transform: scale(1.1);}
.brand-building-img {border:8px solid #f5f5f5;overflow: hidden;}
.brand-building-box{background:#f5f5f5}
.brand-building-c{padding:10px 15px 18px 15px;height: 85px;}
.brand-building-c h3{color: #333;}
.brand-building-c h3 a{color: #333;}
.brand-building-c h3 a:hover{color:#009061;}
.brand-building-c p{font-size: 15px;text-align: left;}

.footer-box { padding-top: 35px; background: #f3f3f3; overflow: hidden;}
.footer { padding-bottom: 30px; }
.footeradd { display: block; font-style: normal; float: left; margin-left: 50px; }
.footeradd span { display: inline-block; float: left; margin-right: 42px; line-height: 16px; color: #323232; font-size: 14px; padding-left: 22px; }
.footeradd span:nth-child(1) { background: url(../Images/addres1.png) left center no-repeat; }
.footeradd span:nth-child(2) { background: url(../Images/addres2.png) left center no-repeat; }
.footeradd span:nth-child(3) { background: url(../Images/addres3.png) left center no-repeat; }
.footer-list { float: right; margin-right: 34px; position: relative; top: -1px; }
.footer-list li { float: left; }
.footer-list li a { display: inline-block; line-height: normal; color: #323232; padding: 0 8px; border-right: 1px solid #a5a5a5; }
.footer-list li:last-child a { border-right: none; }
.footer-list li a:hover { color: #009061; }
.footeredite { background: #009061; }
.eadite-left { margin-left: 50px; }
.eadite-left p, .eadite-left a { display: inline-block; float: left; color: #ffffff; line-height: 37px; margin-right: 16px; }
.eadite-left a:hover { color: #323232; }



/*member-view*/
.member-v { background: #f8f8f8; padding-bottom: 50px; }
.member-view { position: relative; margin: auto; margin-top: -246px; width: 1054px; }
.member-view h1 { font-weight: normal; font-size: 30px; line-height: normal; margin-left: 86px; margin-bottom: 35px; padding-bottom: 20px; position: relative; color: #fff; }
.member-view h1:before { content: ""; width: 72px; height: 5px; background: #fff; position: absolute; left: 0; bottom: 0; }
.member-b { padding: 62px 85px 70px; background: #fff; }
.member-banner { position: relative; padding: 0 10px; }
.member-banner li img { display: block; width: 100%; height: auto; }
.member-banner .flex-prev, .member-banner .flex-next { display: block; width: 21px; height: 39px; text-indent: 999px; overflow: hidden; transition: 344ms; position: absolute; top: 50%; margin-top: -20px; }
.member-banner .flex-prev { background: url(../Images/prev.png) left center no-repeat; background-size: 100% 100%; left: -32px; }
.member-banner .flex-next { background: url(../Images/next.png) left center no-repeat; background-size: 100% 100%; right: -32px; }
.member-banner .flex-prev:hover { background: url(../Images/prev1.png) left center no-repeat; }
.member-banner .flex-next:hover { background: url(../Images/next1.png) left center no-repeat; }
.member-tex { margin-top: 36px; }
.member-tex p { color: #646464; font-size: 13px; text-indent: 26px; margin-bottom: 8px; line-height: 2; }
.member-add { margin-top: 66px; }
.member-add span { display: block; color: #646464; font-size: 13px; }
.hotnew-box { position: relative; }
.hoticon{background: #323232;}
.hoticon .hot-l{position: absolute;left: 12px; top:50%;z-index: 99;}
.hoticon .hot-l img ,.hoticon .hot-r img{width: 50%;}
.hoticon .hot-r{position: absolute;right: 0; top:50%;z-index: 99;}
.hotnew-box .flex-control-nav { position: absolute; left: 32%; text-align: center; bottom: 5px; z-index: 20; }
.hotnew-box .flex-control-nav li { display: inline-block; margin-right: 10px; }
.hotnew-box .flex-control-nav li:last-child { margin-right: 0; }
.hotnew-box .flex-control-nav li a span { display: block; width: 9px; height: 9px; border-radius: 50%; border: 1px solid #fff; transition: 310ms; text-indent: 999px; overflow: hidden; }
.hotnew-box .flex-control-nav li a.flex-active span { background: #fff; }




/*news*/
.notice{padding: 20px 0;}
.notice01{overflow: hidden;margin: 20px 0;}
.notice01 a{color: #333;width: 100%;display: block;overflow: hidden;}
.notice01 a:hover{background: #f3f3f3;}
.notice01 a:hover >.notice01-l img{-webkit-transform: scale(1.2);transform: scale(1.1);}
.notice01-l{width: 50%;float: left;overflow: hidden;}
.notice01-l img{ cursor: pointer; transition: all 0.6s;display: block;width: 100%;overflow: hidden;}
.notice01-l img:hover{-webkit-transform: scale(1.2);transform: scale(1.1);}
.notice01-r{width: 50%; float: right;padding: 50px;box-sizing: border-box;height:427px;background: #f5f5f5;}
.notice01-r:hover{background: url(../Images/news/notice2bg.jpg) no-repeat center;color: #fff;background-size: cover;}
.notice01-r h2{font-size: 20px;height: 70px;}
.notice01-r p{padding: 20px 0;height: 100px;}
.notice01-r b{font-size: 20px;padding-right: 15px;}
.notice02{overflow: hidden;}
.notice02 ul{}
.notice02 ul li{width: 50%;float: left;border-bottom: 1px solid #f3f3f3;}
.notice02 ul li:hover{background: url(../Images/news/notice2bg.jpg) no-repeat center;transition: all 0.2s;color: #fff;}
.notice02 ul li div{margin: 0 10px;padding-bottom: 15px;padding: 25px;box-sizing: border-box;}
.notice02 ul li b{font-size: 20px;padding-right: 15px;}
.notice02 ul li h2{font-size: 20px;height: 70px;}
.notice02 ul li .notice02-c p{padding: 20px 0;height: 100px;}
.notice02-c a{color: #333;}
.notice02 ul li:hover >.notice02-c a{color: #fff;}
.news{padding: 20px 0;}
.news01{overflow: hidden;padding: 20px 0;}
.news01 ul{}
.news01 ul li{width: 50%; float: left;box-sizing:border-box;}
.news01 ul li .news01-img{width: 30%;float: left;overflow: hidden;}
.news01 ul li .news01-img img{ cursor: pointer; transition: all 0.6s;display: block;width: 100%;overflow: hidden;}
.news01 ul li .news01-img img:hover{-webkit-transform: scale(1.2);transform: scale(1.1);}
.news-box{margin:15px;background:#f7f7f7;}
.news01-box{padding:20px 15px; box-sizing: border-box;overflow: hidden;}
.news01-box:hover{background:#f4fffc;transition: all 0.6s;    box-shadow: 2px 2px 20px #e6e6e6;}
.news01-box:hover div.news01-c h2{color: #009061;}
.news01-box:hover >.news01-img img{-webkit-transform: scale(1.2);transform: scale(1.1);}
.news01-c{width: 70%; float: right;padding-left: 15px;box-sizing: border-box;}
.news01-c a{color: #555;}
.news01-c span{color: #999;}
.news01-c h2{font-size: 18px;height: 70px;}
.news01-c h2:hover{color: #009061;}
.page{list-style: none;overflow: hidden;margin: 0 auto 30px;width: 29%;}
.page2{list-style: none;overflow: hidden;margin: 0 auto 30px;width:35%;}
.page>li ,.page2>li{float: left;padding: 5px 10px;cursor: pointer;}
.page .pageItem ,.page2 .pageItem{border: solid thin #fbfbfb;margin: 5px;background: #fbfbfb;}
.page .pageItemActive ,.page2 .pageItemActive{border: solid thin #069e6d;margin: 5px;background-color: #009061;color: white;}
.page .pageItem:hover ,.page2 .pageItem:hover{border: solid thin #069e6d;background-color: #009061;color:white;}
.page .pageItemDisable , .page2 .pageItemDisable{border: solid thin #fbfbfb;margin: 5px;background-color: #fbfbfb;}

.contests{overflow: hidden;padding: 20px 0;}
.contests a{width: 100%;display: block;color: #555;}
/*.contests ul li a:hover{background: #009061;}*/
.contests-l{width: 40%;float: left;}
.contests-l img{width: 100%;display: block;}
.contests-r{width: 60%;background:#f7f7f7;float: right;padding: 35px;box-sizing: border-box;height: 380px;position: relative;}
.contests-r:hover{background:#e5ffe4;}
.contests-r:hover + .contests-r h3:hover{color: #009061;}
.contests-r h3{font-size: 22px;border-bottom: 1px solid #eee;padding: 10px 0;margin-bottom: 15px;}
.contests-r b{font-size: 16px;color: #F7A300;}
.contests-text{margin: 10px 0;height: 140px;}
.contests ul li .contests-r .contestsmore{padding: 5px 25px;background: #009061;color: #fff;position: absolute;bottom:20px; right: 25px;width: 10%;text-align: center;}
.contests-detail{}
.contests-detail h3{font-size: 18px;padding: 10px;}
.contests-detail-c{background: #f7f7f7;padding: 15px; box-sizing: border-box;}
.contests-detail a{text-align: center;}
.contests-detail .black{border: 1px solid #d2d2d2;padding: 10px 15px;display: block;width: 15%;text-align: center;margin: 15px auto;color: #555;}

.ninfo-bg{background:url(../Images/news/ninfo-bg.jpg) no-repeat center; height: 150px;}
.ninfo-t{color: #fff;text-align: center;}
.ninfo-t h2{font-size: 22px;text-align: center;padding-top: 35px;}
.ninfo-t span{padding: 0 15px;text-align: center;}
.ninfo-c{padding:20px 0;}
.ninfo-c img{display: block;margin: 0 auto;}
.ninfo-c p{text-indent: 2em;font-size: 15px;}
.ninfo-m{border-top: 1px solid #eee;padding: 15px 0;margin-bottom: 15px;overflow: hidden;}
.ninfo-l{width: 80%;float: left;}
.ninfo-l a{color: #555;}
.ninfo-l a:hover{color: #009061;}
.ninfo-r {margin-top: 15px;text-align: right;}
.ninfo-r a{color:#ababab;border:1px solid #dcdcdc;padding: 10px 25px;}
.ninfo-r a:hover{color: #fff;background: #009061;}

.ninfo-r{width: 20%; float: right;}

@-webkit-keyframes ReturnToNormal {
    0% { -webkit-transform: scale(0.1,1); -ms-transform: scale(0.1,1); transform: translate: scale(0.1,1); }


    100% { -webkit-transform: scaleX(1,1); -ms-transform: scale(1,1); transform: translate: scaleX(1,1); }
}

@-moz-keyframes ReturnToNormal {
    0% { -webkit-transform: scale(0.1,1); -ms-transform: scale(0.1,1); transform: translate: scale(0.1,1); }


    100% { -webkit-transform: scaleX(1,1); -ms-transform: scale(1,1); transform: translate: scaleX(1,1); }
}

@keyframes ReturnToNormal {
    0% { -webkit-transform: scale(0.1,1); -ms-transform: scale(0.1,1); transform: translate: scale(0.1,1); }


    100% { -webkit-transform: scaleX(1,1); -ms-transform: scale(1,1); transform: translate: scaleX(1,1); }
}



.fancybox-nav span { width: 14px; height: 18px; position: static; }
.fancybox-nav { display: none; }
.fancybox-prev { left: -26px; background: none; }
.fancybox-next { right: -26px; background-position: right center; background: none; }
.fancybox-overlay { background: rgba(0,0,0,0.8); background: #000\9; filter: alpha(opacity=80); }
.fancybox-close { width: 25px; height: 25px; top: 10px; right: 10px; background: url(../Images/close1.png) no-repeat; background-size: cover; transition: 350ms; }
.fancybox-close:hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }
.fancybox-nav:hover span { background: none; opacity: 0.8; }
.fancybox-opened .fancybox-skin { box-shadow: none; border: 1px solid #fff; border-radius: 0; }
.fancybox-skin { background: none; border-radius: none; }
.pbannertext2 { width: 860px; margin-left: -430px; }
.pbannertext2 .f30 { font-size: 30px; }

.culture-top h3 { color: #323232; font-size: 26px; line-height: normal; margin-bottom: 30px; font-weight: normal; }
.culture-top p { color: #646464; font-size: 14px; line-height: 25px; margin: 12px 0px 0px; }
.culture-info { position: relative; width: 48.25%; float: left; overflow: hidden; margin-bottom: 16px; }
.culture-info figure { display: block; line-height: normal; overflow: hidden; }
.culture-info figure img { display: block; width: 100%; height: auto; transition: 488ms ease-in-out; }
.culture-text { position: absolute; width: 100%; bottom: 0; height: 43px; background: #253580; transition: 488ms; }
.culture-wr { padding-left: 22px; padding-right: 24px; padding-bottom: 15px; transition: 320ms 0ms; }
.culture-wr h3 { color: #ffffff; font-size: 14px; transition: 310ms 0ms; line-height: 44px; font-weight: normal; }
.culture-wr p { color: #ffffff; font-size: 13px; line-height: 2; margin-top: 25px; position: relative; top: 20px; opacity: 0; visibility: visible; transition: 320ms 0ms; }
.culture-wr span { color: #fff; font-size: 12px; line-height: normal; position: absolute; left: 22px; bottom: 14px; opacity: 0; visibility: hidden; transition: 280ms 0ms; }
.culture-info:hover h3 { line-height: 26px; }
.culture-info:hover figure img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); }
.culture-info:hover .culture-text { height: 100%; background: rgba(37,53,128,0.9); background: #253580\9; filter: alpha(opacity=90); }
.culture-info:hover .culture-text .culture-wr { padding-top: 35px; }
.culture-info:hover .culture-text h3 { font-size: 18px; transition: 310ms 124ms; }
.culture-info:hover .culture-text p { opacity: 1; visibility: visible; top: 0; transition: 420ms 160ms ease-in-out; }
.culture-info:hover .culture-text span { opacity: 1; visibility: visible; transition: 280ms 400ms; }
.culture-info:nth-child(2n+2) { float: right; }

/*.video-list li { width: 47.7%; float: left; position: relative; margin-top: 20px; margin-bottom: 23px; }
.video-list li figure { display: block; line-height: normal; overflow: hidden; position: relative; }
.video-list li figure img { display: block; width: 100%; height: auto; line-height: 0; transition: 488ms; }
.video-list li figcaption { display: block; color: #323232; font-size: 14px; line-height: normal; padding-left: 18px; margin-top: 15px; transition: 388ms; }
.video-list li:hover figure img { transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06); }
.video-list li:hover figcaption { color: #253580; }
.videoIbox span { display: block; width: 29px; height: 32px; background: url(../Images/video.png) center no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -16px; }
.video-list li:nth-child(2n+2) { float: right; }*/
.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; left: 0; top: 0; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 860px; height: 480px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -240px; margin-left: -430px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 24px; height: 24px; cursor: pointer; position: absolute; top: -28px; right: 0px; }
.vwrap .close i { display: block; width: 24px; height: 24px; background: url(../Images/close1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button { background: none no-repeat!important; }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }

.history { position: relative; }
.history-list { position: relative; }
.history-list:before, .history-list:after { content: ""; width: 100%; border-bottom: 1px dashed #bfbfbf; position: absolute; left: 0; }
.history-list:before { top: 73px; }
.history-list:after { bottom: 0; }
.history-list li { position: relative; padding: 9px 0; }
.history-list li:nth-child(1) { padding-top: 0; }
.history-list li i { display: block; width: 1px; height: 100%; background: #000; position: absolute; left: 93px; top: 0; }
.history-list li time { display: inline-block; width: 77px; height: 63px; text-align: center; line-height: 63px; color: #fff; font-size: 22px; background: #253580; line-height: 63px; float: left; position: relative; z-index: 5; transition: 320ms; }
.history-list li time:before { content: ""; width: 9px; height: 17px; background: url(../Images/arrow6.png) center no-repeat; position: absolute; right: -9px; top: 50%; margin-top: -9px; transition: 320ms; }
.histline { width: 86px; float: left; margin-left: 16px; height: 1px; background: #000000; margin-top: 31px; }
.histline:before { content: ""; width: 100%; height: 100%; background: #fff; transition: 330ms ease-in-out; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transform-origin: center; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); }
.history-text { float: left; width: 680px; position: relative; transition: 310ms; background: #f8f8f8; padding: 13px 0 12px; }
.history-text p { color: #646464; font-size: 13px; line-height: 2; width: 490px; margin-left: 18px; }


.history-list li:hover time { background: #fff; color: #253580; }
.history-list li:hover time:before { opacity: 0; visibility: hidden; }
.history-list li:hover .histline:before { opacity: 1; visibility: visible; transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); }
.history-list li:hover .history-text { background: #fff; }

.loadmore { padding-top: 45px; margin-left: 65px; background: url(../Images/down4.png) 17px 25px no-repeat; position: relative; transition: 230ms; }
.loadmore:before { content: ""; width: 1px; height: 26px; background: #000000; position: absolute; left: 28px; top: 0; }
.loadmore a { display: inline-block; color: #323232; font-size: 14px; line-height: normal; }
.loadmore:hover { background-position: 17px 30px; }
.loadmore:hover a { color: #253580; }
.new-views { position: absolute; left: 50%; margin-left: -550px; bottom: 20px; }
.new-views h2 { color: #fff; text-align: center; font-size: 28px; line-height: 1.4; font-weight: normal; }
.new-views .share-fix { margin-top: 40px; text-align: center; }
.new-views .share-fix time, .new-views .share-fix a { display: inline-block; color: #fff; }
.new-views .share-fix time { padding-left: 20px; background: url(../Images/time.png) left center no-repeat; margin-right: 20px; }
.new-views .share-fix a { width: 10px; height: 11px; background: url(../Images/share.png) center no-repeat; }
.new-v { margin-top: 0 !important; }
.new-v .member-b { background: none; }
.new-v .member-tex { margin-bottom: 28px; }
.new-v .member-tex p, .new-v .member-tex span { font-family: 'Microsoft YaHei'!important; }

/*brand*/
.brand{padding: 20px 0;min-height: 600px;}
.brand-box ul{}
.brand-box ul li{width: 50%;float: left;}
.video-box{overflow: hidden;padding: 20px 0;}
.video-box ul{}
.video-box ul li{width: 25%;float: left;}
.video-box ul li div{margin: 10px;}
.video-box ul li div img{width: 100%;display: block;}
.video-box ul li div .closevideo{width: 35px;height: 35px;position: absolute;top: -100px; right: -58px;}
.video-box .video01{position: relative;}
.video-box .video01 .video01-t{width: 100%;display: block;position: absolute;top: 0;left: 0;background:rgba(41, 41, 41, 0.55);height:100%;padding: 10px;box-sizing: border-box;}
.video-box .video01 .video01-t:hover{background: rgba(0, 144, 97, 0.68);transform: translate(0,0);transition:all .5s ease-in 0s;}
.video-box .video01 .video01-t h2{font-size: 18px;color: #fff;text-align: center;margin-top: 35px;margin-bottom:10px;height: 60px;}
.video-box .video01 .video01-t img{width: 30%;display: block;margin: 0 auto;}
.black_overlay {display: none; position: fixed; top: 0%;left: 0%;width: 100%;height: 100%;background-color: black; z-index: 1001;-moz-opacity: 0.8;opacity: .80;filter: alpha(opacity=88);}
.white_content {display: none;position: fixed;top: 25%;left: 25%;width: 55%;height: 55%;padding: 20px;z-index: 1002;background: #000;}
.csrbg{padding: 30px 0;overflow: hidden;background: url(../Images/brand/csrbg.jpg) no-repeat top;height: 650px;}
.csr-box {overflow: hidden;}
.csr-box p{font-size: 16px; text-align: center;padding: 15px 0;}
.csr-box ul {}
.csr-box ul li{width: 25%;float: left;}
.csr-box ul li div{margin: 10px;}
.csr-box ul li .csr01{font-size: 16px;text-align: center;}
.csr-box ul li .csr01 h2{color: #333333;}
.csr-box ul li .csr01 img{width: 60%;display: block;margin: 0 auto;}
.csr-box2{background: #009061;}

/*新闻中心*/
.new-bg { background: #253580; padding-top: 6px; }
.news-list { text-align: center; }
.news-list li { display: inline-block; margin-right: 2px; position: relative; }
.news-list li:before { content: ""; width: 0; height: 100%; background: #fff; position: absolute; left: 50%; top: 0; opacity: 0; visibility: hidden; transition: 320ms ease-in-out; }
.news-list li:last-child { margin-right: 0; }
.news-list li a { line-height: normal; display: block; padding-top: 12px; height: 34px; width: 117px; text-align: center; color: #fff; font-size: 14px; position: relative; z-index: 5; }
.news-list li:hover:before, .news-list li.on:before { width: 100%; left: 0; opacity: 1; visibility: visible; }
.news-list li:hover a, .news-list li.on a { color: #323232; }
.newsd { padding: 52px 0 30px; background: #f8f8f8; }
.new-s { background: #fff; }
.new-s figure { display: block; width: 44%; line-height: normal; overflow: hidden; float: left; }
.new-s figure img { display: block; width: 100%; height: auto; transition: 520ms; line-height: 0; }
#firstnewPage .new-s a { margin-bottom: 10px; display: block; overflow: hidden; }
.new-texts { width: 49.54%; float: right; margin-right: 35px; }
.new-texts time { display: block; width: 75px; height: 66px; background: #11a1e1; }
.new-texts time strong { display: block; text-align: center; color: #fff; font-size: 42px; line-height: 42px; font-weight: normal; padding-top: 6px; }
.new-texts time b { display: block; margin-top: 2px; text-align: center; color: #fff; font-weight: normal; line-height: 12px; }
.new-texts h4 { color: #323232; position: relative; font-size: 18px; font-weight: normal; line-height: 1.2; margin-top: 22px; height: 64px; border-bottom: 1px solid #c9c9c9; margin-bottom: 8px; transition: 340ms; }
.new-texts h4:before { content: ""; width: 0; height: 1px; background: #253580; position: absolute; left: 0; bottom: -1px; transition: 430ms ease-in-out; }
.new-texts p { color: #646464; font-size: 13px; line-height: 2; }
.new-texts span { display: inline-block; color: #969696; transition: 310ms; line-height: normal; margin-top: 14px; }
.new-s a:hover figure img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); }
.new-s a:hover .new-texts h4 { color: #253580; }
.new-s a:hover .new-texts h4:before { width: 100%; }
.new-s a:hover .new-texts span { color: #253580; }
.newsd .dynamic-box { padding-top: 22px; }
.employees{padding: 20px 0;overflow: hidden;}
.employees-box{padding: 20px 0;}
.employees-box ul{}
.employees-box ul li{width: 33.3%; float:left;box-sizing: border-box;}
.employees-box ul li a{color: #333;width: 100%;display: block;}
.employees-box ul li a:hover{background: #009061; color: #fff;transition: 520ms; }
.employees-box-c{padding: 10px;}
.employees-img{border: 3px solid #009061;overflow: hidden;}
.employees-img img{width: 100%;display: block;    cursor: pointer;transition: all 0.6s;}
.employees-img img:hover{-webkit-transform: scale(1.2);transform: scale(1.1);}
.employees-c h2{padding: 10px;text-align: center;font-size: 16px;}



@-webkit-keyframes showMe {
    from { visibility: hidden; }
    100%,60% { visibility: visible; }
}

@keyframes showMe {
    from { visibility: hidden; }
    100%,60% { visibility: visible; }
}

@-webkit-keyframes swipeDown {
    50%,60% { -webkit-transform: translate3d(0,0,0); }
    100% { -webkit-transform: translate3d(0,100%,0); }
}

@keyframes swipeDown {
    50%,60% { -webkit-transform: translate(0); transform: translate(0); -ms-transform: translate(0); }
    100% { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); -ms-transform: translate3d(0,100%,0); }
}



#proPage { position: fixed; top: 0; left: 0; right: 0px; bottom: 0px; z-index: 1006; background: rgba(0,0,0,0.9); background: #000\9; filter: alpha(opacity=90); overflow: hidden; -webkit-overflow-scrolling: touch; display: block; visibility: hidden; z-index: 1010; opacity: 0; transition: 560ms; }
.pro-bd { left: 50%; width: 860px; margin-left: -430px; cursor: default; opacity: 0; transform: scale(0.9) translateY(100%); -webkit-transform: scale(0.9) translateY(100%); -moz-transform: scale(0.9) translateY(100%); position: absolute; top: 50%; visibility: hidden; z-index: 1020; }
.closes { position: absolute; overflow: hidden; height: 21px; width: 21px; right: 16px; top: 16px; z-index: 1030; cursor: pointer; background-color: #B0000D; background: url(../Images/close1.png) no-repeat scroll center center; transition: 480ms; }
.closes:hover { transform: rotate(180deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); }
html.openPH body { -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; transition: all 0s; }
html.openPH #proPage { overflow-y: auto; }
html.openPH .honorfix { overflow-y: auto; }

html.openPH #proPage .pro-bd { top: 0; position: absolute; box-sizing: border-box; margin-top: 0 !important; }
html.openPH #proPage .pro-bd1 { width: 1100px; left: 50%; }
.pro-page { position: relative; }
html.openPro #proPage { visibility: visible; opacity: 1; transition: 560ms; }
html.openPro .pro-bd { opacity: 1; transform: scale(1) translateY(0); transition: 650ms 150ms; -webkit-transition: 650ms 150ms; -webkit-transform: scale(1) translateY(0); -moz-transform: scale(1) translateY(0); visibility: visible; }



.business.article-block .owl-carousel .owl-item { opacity: 0; position: relative; top: 45px; }
.business.articleShow .owl-carousel .owl-item { opacity: 1; top: 0; }
.special-item.article-block { opacity: 0; left: 50px; }
.special-item.articleShow { opacity: 1; left: 0; transition: 588ms 120ms; }
.special-img.article-block { opacity: 0; left: 50px; }
.special-img.articleShow { opacity: 1; left: 0; transition: 588ms 420ms; }
.special-info .special-img:nth-child(2).articleShow { transition: 588ms 420ms; }
.special-info .special-img:nth-child(3).articleShow { transition: 588ms 720ms; }
.special-info .special-img:nth-child(4).articleShow { transition: 588ms 1020ms; }

.exhibite.article-block, .magazine.article-block { opacity: 0; top: 45px; }
.exhibite.articleShow, .magazine.articleShow { opacity: 1; top: 0; transition: 840ms 100ms; }
.magazine.articleShow { transition: 720ms 420ms; }
.speciaspan span { color: #ffffff; font-size: 32px; font-weight: bold; line-height: 80px; }
.newsd1 .dynamic-box { padding-top: 0; }
.new-list { display: none; }
.newindex .new-list:nth-child(1) { display: block; }
.sceclal-list { float: left; width: 75%; }

.cultures { background: #fff; }
.cultures h3 { color: #fff; padding-left: 70px; background: #253580; font-size: 12px; font-weight: normal; line-height: 21px; }
.culture-view { padding: 40px 70px 24px; }
.culture-view h2 { color: #323232; font-size: 26px; text-align: center; line-height: normal; margin-bottom: 22px; font-weight: normal; }
.culture-view p { color: #646464; font-size: 13px; line-height: 2; padding-bottom: 30px; border-bottom: 1px solid #d2d2d2; }
.culture-view small { padding-top: 10px; line-height: normal; color: #969696; }


.frameHtml1 .pro-bd { left: 50%; width: 754px; margin-left: -377px; cursor: default; opacity: 0; transform: scale(0.9) translateY(100%); -webkit-transform: scale(0.9) translateY(100%); -moz-transform: scale(0.9) translateY(100%); position: fixed; top: 50%; visibility: hidden; z-index: 1020; }
.frameHtml1 .closes { position: absolute; overflow: hidden; height: 21px; width: 21px; right: -55px; top: 0; z-index: 1030; cursor: pointer; background-color: #B0000D; background: url(../Images/close2.png) no-repeat scroll center center; transition: 480ms; }
html.openPH .frameHtml1 .pro-bd { top: 0; position: absolute; width: 100%; left: 0; box-sizing: border-box; margin-top: 0 !important; margin-left: 0 !important; }
#pbNav { display: none !important; }
.dynamic-seled { padding-bottom: 14px; margin-bottom: 16px; border-bottom: 2px solid #a0a0a0; }
.dynamic-seled a { display: inline-block; float: left; line-height: normal; color: #323232; font-size: 18px; font-weight: bold; margin-right: 52px; padding-left: 20px; position: relative; }
.dynamic-seled a:before { content: ""; width: 11px; height: 11px; background: url(../Images/dit.png) center no-repeat; position: absolute; left: 0; top: 50%; margin-top: -5px; transition: 300ms ease-in-out; opacity: 0; transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); visibility: hidden; }
.dynamic-seled a:hover, .dynamic-seled a.now { color: #253580; }
.dynamic-seled a:hover:before, .dynamic-seled a.now:before { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); }
.projects-fix { margin-top: 82px; }
.projected li { width: 10%; float: left; position: relative; padding-top: 95px; height: 332px; background: #1a2661; text-align: center; transition: 430ms ease-in-out; }
.projected li:hover { background: #253580; }
.projected li.on { width: 50%; }
.projected li.on h4 { opacity: 0; visibility: hidden; }
.projected li.on .project-t { opacity: 1; visibility: visible; width: 100%; left: 0; }
.projected li.on .project-t .project-wr { opacity: 1; visibility: visible; margin-top: 0; transition: 560ms 430ms; }

.projected li:before { content: ""; width: 1px; height: 100%; background: #253580; position: absolute; right: 0; bottom: 0; }
.projected li:last-child:before { display: none; }
.projected li b { display: block; width: 32px; height: 32px; position: absolute; left: 32px; top: 22px; z-index: 10; transition: 300ms; }
.projected li:nth-child(1) b { background: url(../Images/pro1.png) center no-repeat; }
.projected li:nth-child(2) b { background: url(../Images/pro2.png) center no-repeat; }
.projected li:nth-child(3) b { background: url(../Images/pro3.png) center no-repeat; }
.projected li:nth-child(4) b { background: url(../Images/pro4.png) center no-repeat; }
.projected li:nth-child(5) b { background: url(../Images/pro5.png) center no-repeat; }
.projected li:nth-child(6) b { background: url(../Images/pro6.png) center no-repeat; }
.projected li h4 { display: block; width: 18px; color: #ebecf4; font-family: "微軟正黑體","微软雅黑"; font-size: 18px; margin: auto; line-height: 1.1; transition: 300ms; }
.projected li h4 i { display: block; height: 15px; }
.project-t { position: absolute; left: 50%; top: 0; width: 0%; height: 100%; background: #253580; opacity: 0; visibility: hidden; transition: 520ms ease-in-out; }
.project-wr { padding: 94px 22% 0; text-align: center; opacity: 0; margin-top: 40px; visibility: hidden; transition: 360ms 0ms; }
.project-wr h3 { color: #ebecf4; font-size: 26px; font-family: "微軟正黑體","微软雅黑"; line-height: normal; margin-bottom: 30px; text-align: center; }
.project-wr p { color: #ebecf4; font-size: 14px; font-family: "微軟正黑體","微软雅黑"; line-height: 2; text-align: left; }
.project-wr i { width: 14px; height: 42px; display: block; background: url(../Images/arro.png) center no-repeat; position: absolute; left: 42px; bottom: 40px; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Dots */
.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
/*.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: 0.75; }*/


.map-content{ position:relative;}
.wechart{ position:absolute; right:0; bottom:-37px;}
.wechart img{ display:block; width:84px; height:auto;}
.wechart span{ display:block; text-align:center; color:#323232; line-height:1; margin-top:6px;}

/*联系我们*/
.banner-contacts{background: url(../Images/banner-contacts.jpg) no-repeat center;height: 300px;}
.contact{overflow: hidden;padding: 30px 0;color: #555;background:url(../Images/contactsbg.jpg);background-size: cover;}
.contact2 {background:url(../Images/onlinebg.jpg) no-repeat top;overflow: hidden;padding: 25px 0;background-size: cover;}
.contact3{padding: 25px 0; background: #F9F9F9;}
.contact-box{padding: 25px 0;}
.contact-box2{padding: 25px 0;}
.contact-l{width:100%;float: left;}
.contact-l span{font-weight: normal;padding-left: 15px;font-size: 15px;}
.contact-l img{width: 25px;padding: 0 10px;}
.contact-l h2{font-size: 20px;color: #333;}
.contact-c{font-size: 16px;}
.contact-c h3{font-weight: bold;}
.contact-c ul{overflow: hidden;padding: 8px 0;}
.contact-c ul li{ width: 30%;float: left; color: #333;    background: #eee;margin: 5px 12px;padding: 10px;box-sizing: border-box;}
.contact-r{width:50%;float: right;font-size: 16px;padding:20px 30px;box-sizing: border-box;}
.contact-r img{width: 100%;display:block ;margin-top: 10px;}
.contact-r h2{font-size: 20px;color:#fff;padding-bottom: 15px;border-bottom: 1px solid #eee;margin-bottom: 20px;}
.contact-r b{color:#fff907;}
.contact-r p{padding: 15px 0;color:#fff;}
.contact-c .other{width: 97%;}
.other ul{padding: 0;background:#edffec;}
.other ul li{text-align: center;}
.other ul li img{width:30%;margin: 0 auto;}
.map { width:50%;height:450px;float: left;}
.online-c{margin: 20px 0;padding: 20px 0;    overflow: hidden;}
.contact-box2{}
.contact2-c{}
.contact2-c ul li{width: 33.3%;float: left;}
.contact2-c ul li div{margin: 20px;background: #009061;padding: 15px;color: #fff; height: 380px;}
.cicon01:hover{}
.contact2-c ul li p{line-height: 30px;padding: 0 15px;}
.contact2-c ul li img{margin: 0 auto;  display: block;width: 30%;}
.contact2-c h3{font-size: 18px;text-align: center;padding: 10px 0;border-bottom: 1px solid #29a97f;margin: 5px 0 15px 0;}
.online-box{padding: 25px 50px;width: 100%;box-sizing: border-box;}
.online-box span{
	padding-right: 10px;
	display: inline-block;
	position: relative;
}
.online-box span strong{
	position: absolute;
	left: -8px;
	top: 0px;
	color: #F00;
}
.online-box strong{color:#f00;}
.online01{width: 50%;float: left;margin: 15px 0;}
.online01 input ,.online02 input{border: 0;background:#f1f1f1;width: 80%;line-height: 50px;padding: 0 8px;box-sizing: border-box;}
.online02{width: 50%;float: right;margin: 15px 0;}
.online01 >input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #19ad7d;}
.online02 >input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #19ad7d;}
.online03{margin: 10px 0;}
.online03 input{}
.online03 textarea{background: #f1f1f1;width: 98%;margin: 15px 0;padding: 10px 10px;box-sizing: border-box;}
.online-button{margin: 0 auto;text-align: center;color: #fff;}
.online-button button{background: #009061;border: 0;padding: 10px 25px;margin: 0 auto;text-align: center;width: 15%;color: #fff;}




@media only screen and (max-width: 1100px)
{
.i1{background-image: none;}	
.inav-box .inav01 a:hover,.inav-box .inav03 a:hover,.inav-box .inav04 a:hover,.inav-box .inav05 a:hover,.inav-box .inav06 a:hover,.inav-box .inav07 a:hover,.inav-box .inav08 a:hover{background-image:none;}
.inav-box .inav02 a:hover{background-image: none}
.banner .slides .bimg{height: 100%;}	
	
}


#webpage {
	height: 36px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
	padding-top: 20px;
	position: relative;
	z-index: 2;
	text-align:center;
}
#webpage a {
	height:32px;
	min-width: 12px;
	margin-right: 1px;
	margin-left:1px;
	padding-left:10px;
	padding-right:10px;
	line-height: 32px;
	display: inline-block;
	border: 1px solid #dfdfdf;
	background-color: #fff;
	-moz-border-radius: 5px;
	border-radius: 5px;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	text-align:center;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	margin-bottom: 5px;
	color:#14a742;
}
#webpage a:hover {
	border: 1px solid #14a742;
	background-color: #e5ffe4;
	color: #14a742;
	z-index: 2;
}
#webpage a.onthis {
	border: 1px solid #14a742;
	background-color:#14a742;
	color:#fff;
	cursor:default;
}
#webpage a.none {
	border: 1px solid #ddd;
	background-color:#efefef;
	color:#666;
	cursor:default;
}


/*反馈对话框*/
#feedback {
	overflow: hidden;
	position: fixed;
	z-index: 9;
	height: 200%;
	width: 100%;
	left: 0px;
	top: 0px;
	filter: alpha(Opacity=00);
	-moz-opacity:0;
	opacity:0;
	display:none;
}
#feedback .bg {
	background-color: #FFF;
	position: absolute;
	z-index: 1;
	height: 200%;
	width: 100%;
	left: 0px;
	top: 0px;
	filter: alpha(Opacity=0);
	-moz-opacity: 0;
	opacity: 0;	
}
#feedback .com {
	z-index: 2;
	width: 260px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 100px;
}
#feedback .com .bg {
	background-color: #000;
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	filter: alpha(Opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;	
	-moz-border-radius:12px;
	border-radius:12px;	
}
#feedback .com .txt {
	z-index: 2;
	width: 92%;
	padding: 4%;
	position: relative;
	color: #FFF;
	text-align:center;
	padding-top:25px;
	padding-bottom:25px;
	font-size:15px;
}
#feedback .icon {
	height: 60px;
	width: 60px;
	background-image: url(../Images/feedback.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
}
#feedback.success .icon {background-position: 0px 0px;}
#feedback.fail .icon {background-position: -60px 0px;}
/*反馈对话框*/

#message_form .input{
	height: 40px;
	line-height:40px;
}
#error{
	line-height: 20px;
	height: 0px;
	overflow: hidden;
	position: relative;
	color: #ff6f3d;
	text-align:center;
}

.searchdiv {
	width: 100%;
	max-width: 1440px;
	margin-right: auto;
	margin-left: auto;
}
.searchcom {
	width: 100%;
	max-width: 1440px;
	margin-right: auto;
	margin-left: auto;
}
.searchdiv .title{
	height: 50px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom:40px;
}
.searchdiv .title a{
	display:inline-block;
	padding-left:30px;
	padding-right:30px;
	line-height:50px;
	height:50px;
	color:#333;
}
.searchdiv .title a:hover{color:#007f28;}
.searchdiv .title a.onthis{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #007f28;
	color:#007f28;
	background-color:#ecffeb;
}
.probox {
	float: left;
	width: 23.5%;
	margin-right: 2%;
	position: relative;
	margin-bottom:20px;
}
.probox.nomr{margin-right: 0%;}
.probox .border{border:2px solid #14a742;}
.probox .border img{
	display:block;
	width:100%;
}
.probox .text{line-height:60px; height:60px; position:relative; overflow:hidden; background-color:#14a742; text-align:center;}
.probox .text a{color:#fff;}

.brand .sbox {
	float: left;
	width: 31.9999997%;
	margin-right: 2%;
	margin-bottom: 30px;
	background-color: #f4f4f4;
}
.brand .sbox.nomr{ margin-right:0px;}
.brand .sbox .padding {
	padding: 10px;
}
.brand .sbox .padding img {
	display: block;
	margin-bottom: 10px;
}
.brand .sbox .padding .text {
	text-align: center;
	padding-bottom: 10px;
}
.brand .sbox .padding .text h3 {
	line-height: 22px;
	height: 22px;
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-bottom:5px;
}
.brand .sbox .padding .text h3 a{color:#333;}
.brand .sbox .padding .text h3 a:hover{color:#009061;}
.brand .sbox .padding .text p{
	color: #999;
	line-height: 18px;
	height: 36px;
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}


.csrbg2{background: #d6ebff;}
.csr-activity {overflow: hidden;padding: 20px 0;}
.csr-activity ul li{width: 33.3%;float: left;}
.csr-activity-box{margin:15px 5px;background: #fff;border: 5px solid #fff;}
.csr-activity-c{padding: 5px;}
.csr-activity-c h2{font-size: 16px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.csr-activity-c p{color: #555;}
.csr-activity-img img{width: 100%;display: block;}.cnzz {
	text-align: center;
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 20px;
}