@charset "utf-8";
html, body, div, span, applet, object, iframe, 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, 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; }
caption,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}
body { font: 14px/1.8 "Microsoft YaHei"; margin: 0 auto; color: #666; background-color: #fff;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
table{border-collapse:collapse;margin:0 auto!important;}
img { border: 0; }
input, textarea, select, option { background: none; outline: 0; font-family:"Microsoft YaHei"; padding: 0; margin: 0; }
input { outline: none; font-family:"Microsoft YaHei";}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; outline: none;}
::-moz-selection { background: #d7949b; color: #fff; text-shadow: none; }
::selection { background: #d7949b; color: #fff; text-shadow: none; }
select{ outline: none;}
select::-ms-expand { display: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; }
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; }
.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;}
.w1200{ width:1200px; margin:0 auto;}
.o{ overflow:hidden;}
.center{ text-align:center;}
.header{ height: 90px;}
.top a:link, .top a:visited { color: #333;}
.top a:active,.top a:hover { color: #ee2d31;}   
.top{ position: fixed; z-index: 999; width: 100%; left: 0; top: 0; background-color: #fff;}
.logo{ float: left; margin-left: 3%; display: block; position: relative;}
.logo a{ display: block; height:57px; padding: 17px 0px;}
.logo .img{ height: 100%; display: block;}
.nav{ float: right; display: block; padding-right: 30px;}
.nav li{ float: left; display: block; position: relative; width:100px; text-align:center; font-size:16px; height:90px}
.nav li>a{ position: relative; height: 90px; line-height: 90px; display: block; padding: 0px 18px; z-index: 1;}
.nav li>a.active{ color: #ee2d31;}
.nav li>a.hov,.nav li>a:hover{ color: #fff;}
.nav a:before {  content:""; width:100%; height:100%; background-color:#226dbb; z-index: -1; position:absolute; left:0; bottom:0px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .42s cubic-bezier(.4,0,.2,1),-webkit-transform .42s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9;}
.nav>li>a:hover:before,.nav>li>a.hov:before { transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.nav .subnav{ position: absolute; z-index: 10; left: 50%; width: 160px; padding: 20px 0px; margin-left: -80px; background-color: #ffffff; display: none;}
.nav .subnav a{ display: block; padding: 15px 0px; line-height: 1.4; color: #666666; text-align: center; position: relative; z-index: 1; perspective: 300px; transform-style: preserve-3d; font-size: 12px;}
.nav .subnav a:before{ content: ""; display: block;position: absolute; left: 0px; bottom: 0px; z-index: -1; width: 100%; display: block; height: 100%; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-transform: rotateX(-70deg); transform: rotateX(-70deg); z-index:-1; transform-origin: center bottom 0; -webkit-transform-origin: center top 0; left:0; opacity:0; bottom: 0; visibility:hidden; background-color: #ececec;}
.nav .subnav a:hover{ color: #000;}
.nav .subnav a:hover:before{  transform: none; opacity: 1; visibility:visible;}

.body-right{ min-height: calc(100vh - 296px);}
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff url(../images/loader.gif) center center no-repeat; }
.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: 1px; 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; }
/*product style*/
.probanner-box{ position: relative; overflow: hidden;}
.probanner a:link, .probanner a:visited { color: #fff; }
.probanner a:active, .probanner a:hover { color: #fff; }
.probanner { position: relative; overflow: hidden; width: 100%; z-index: 0; background-color: #efefef; }
.probanner .item { position: relative; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.probanner .pimg { width: 100%; display: block; position: absolute; left: 0px; top: 0px; }
.pro-nav-list a:link, .pro-nav-list a:visited { color: #fff; }
.pro-nav-list a:active, .pro-nav-list a:hover { color: #fff; }
.pro-nav-list{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.pro-nav-list li{ float: left; display: block; width: 50%; height: 100%; position: relative; overflow: hidden;}
.pro-nav-list .wbox{ height: 100%; background: url(../images/balck_30.png) repeat; background: none rgba(0,0,0,0.3); color: #fff; position: relative; z-index: 1; text-align: center;}
.pro-nav-list .wbox:before{ content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: url(../images/white_70.png) repeat; background: none rgba(255,255,255,0.28); z-index: -1;}
.pro-nav-list li:first-child .wbox:before{ display: none;}
.pro-nav-list .wbox:after{ content:""; width:100%; height:100%; background: url(../images/red_30.png) repeat; background: none rgba(34,109,187,0.31); position:absolute; left:1px; bottom:0px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .6s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .6s cubic-bezier(.4,0,.2,1); transition:transform .6s cubic-bezier(.4,0,.2,1); transition:transform .6s cubic-bezier(.4,0,.2,1),-webkit-transform .6s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9; z-index: -1;}
.pro-nav-list .item{ top: 38%; position: relative; -webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1);}
.pro-nav-list .bor{ position: absolute; left: 0; bottom: 0; width: 100%; height: 8px; background-color: #226dbb;}
.pro-nav-list .bor:before{ content:""; width:100%; height:100%; background-color:#deb853; position:absolute; left:0; bottom:0px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .6s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .6s cubic-bezier(.4,0,.2,1); transition:transform .6s cubic-bezier(.4,0,.2,1); transition:transform .6s cubic-bezier(.4,0,.2,1),-webkit-transform .6s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.pro-nav-list .tbox{ line-height: 1.5; position: relative;}
.pro-nav-list .ico{ width: 70px; display: block; margin: 0px auto 5px;}
.pro-nav-list .en{ font-family:"Microsoft YaHei"; font-size: 30px;}
.pro-nav-list .zh{ font-family:"Microsoft YaHei"; font-size: 20px; font-weight: bold;}
.pro-nav-list .cbox{ width: 210px; margin: 0px auto; font-size: 16px; position: relative; z-index: 2; opacity: 0; visibility:hidden\9; transform:translateY(50px); -webkit-transform:translateY(50px); -webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1);}
.pro-nav-list .cbox p{ margin-bottom: 4px;}
.pro-nav-list p.bot{ height: 1px; background-color: #fff; width: 0%; margin: 20px auto 24px; position: relative; -webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1);}
.pro-nav-list p.bot .line{ width: 36px; height: 6px; background-color: #fff; position: absolute; left: 50%; top: -3px; margin-left: -18px;}
.pro-nav-list .cbox a{ position: relative;}
.pro-nav-list .cbox a:before{ content:""; width:100%; height:1px; background-color:#fff; position:absolute; left:0; bottom:-2px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.pro-nav-list .cbox a:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.pro-nav-list .wbox:hover:after{  transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.pro-nav-list .wbox:hover .item{ top: 22%;}
.pro-nav-list .wbox:hover .bor:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.pro-nav-list .wbox:hover .cbox{ opacity: 1; visibility:visible\9; transform:inherit; -webkit-transform:inherit;}
.pro-nav-list .wbox:hover p.bot{ width: 100%;}
/*product style end*/

.box1{ background:url(../images/box1_bg.png) no-repeat center 120px; width:100%; height:650px;}
.box1_icon{ background:url(../images/box1_icon.png) no-repeat center 80px; height:160px;}
.box1_txt{ width:1160px; margin:0 auto;}
.box1_txt p{ font-size:14px; color:#333333; line-height:35px;}
.box1_txt .h1{ line-height:90px; font-size:36px; color:#679e19; font-weight:bold;}
a.more{ display:block; width:120px; height:36px; margin:0 auto; background-color:#2ebd28; line-height:36px; font-size:14px; color:#ffffff;}
a.box1_more{ margin-top:30px;}
.box1_ul{ width:900px; margin:40px auto 0;}
.box1_ul li{ float:left; margin:0 35px; width:108px; height:108px; border-radius:108px; border:1px solid #D1D1D1; line-height:70px; font-size:16px; color:#333333; overflow:hidden;}
.box1_ul li p{ border-top:1px solid #D1D1D1; line-height:37px; font-size:16px; color:#D1D1D1;}
.box1_ul li:hover{ border:1px solid #74cc00; color:#74cc00;}
.box1_ul li:hover p{ background-color:#74cc00; color:#ffffff;}

.box2{ background-color:#F2F2F2; height:650px; width:100%;}
.title{ font-size:31px; color:#679e19; font-weight:bold; line-height:1; padding-top:130px; padding-bottom:30px; background-repeat:no-repeat; background-position: center 80px;}
.box2_tit{ background-image:url(../images/box2_en.png);}
.box2 .w1200{ width:1396px;}
.box2_ul{ width:1416px;}
.box2_ul li{ float:left; margin-right:20px; overflow:hidden; width:452px;}
.box2_tu{ width:452px; height:339px;}
.box2_ul li p{ line-height:76px; font-size:23px; color:#424242;}
#demo {margin: 0 auto;overflow: hidden;width: 1396px;}

.box3{ height:730px; background-color:#ffffff;}
.box3_tit{ background-image:url(../images/box3_en.png);}
.box3_ul{ width:1230px;}
.box3_ul li{ float:left; margin-right:30px;}
.box3_tu{ width:380px; height:330px;}
.box3_ul li p{ font-size:16px; color:#000000; height:43px; line-height:43px; background-color:#F2F2F2; margin-top:10px;}
a.box3_more{ margin-top:40px;}

.map{height:640px;background:#000; position:relative;}
.map #container{height:525px}
.footer{background:#fff;width:1300px;position:absolute;bottom:0;left:50%;margin-left:-650px;z-index:99}
.footer .wrap{padding:40px 50px;width:1200px}
.footer ul{float:left;}
.footer li{float:left;background:url(../images/f-1.png) no-repeat 0 0;height:52px;line-height:50px;font-size:16px; color:#333333;padding-left:70px;margin:10px 26px 20px 0;}
.footer li.b1 span{ display:inline-block; vertical-align:middle;}
.footer li.b1,.footer li.b3{}
.footer li span{font-family:Impact,Charcoal,sans-serif;font-size:22px; line-height:28px;}
.footer li.b2{background-image:url(../images/f-2.png)}
.footer li.b3{background-image:url(../images/f-3.png)}
.footer li.b4{background-image:url(../images/f-4.png)}
.footer .imgs{font-size:18px; color:#333333; line-height:1.8;width:290px;overflow:hidden;float:right}
.footer .imgs img{width:150px;height:150px;float:left;margin-right:40px}
.anchorBL{display:none}
.footer .imgs p{padding-top:42px}
.footer .imgs span{display:block;letter-spacing:6px}
.copy{background:#000;text-align:center;height:60px;line-height:60px;overflow:hidden}
.copy, .copy a{font-size:12px; color:#7F7F7F;font-family:"SimSun";}

.ej_ban{ width:100%; height:500px; background-repeat:no-repeat; background-position:center center;}

.lm_wz{ line-height:86px; border-bottom:1px solid #CCCCCC; margin-bottom:50px;}
.classname{ font-size:26px; color:#333333;}
.location, .location a{ font-size:14px; color:#333333;}

.current{ width:1260px;}
.current li{ float:left; line-height:50px; margin-right:60px; text-align:center; padding:0 30px;background-color:#E0E0E0; border-radius:50px;}
.current li a{ font-size:16px; color:#333333;}
.current li:hover, .current li.curr{ background-color:#226DBB;}
.current li:hover a, .current li.curr a{ color:#ffffff;}

.classlist{ width:1230px; margin-top:50px;}
.classlist li{ float:left; margin-right:30px; margin-bottom:30px;}
.class_tu{ width:380px; height:330px;}
.classlist li p{ font-size:16px; color:#000000; height:43px; line-height:43px; background-color:#F2F2F2; margin-top:10px;}

.caselist{ width:1230px;}
.caselist li{ float:left; margin-right:30px; margin-bottom:30px;}
.caselist li p{ font-size:16px; color:#000000; height:43px; line-height:43px; background-color:#F2F2F2; margin-top:10px;}

.about1{ height:450px; background:url(../images/about1_bg.png) no-repeat center 40px;}
.about1_icon{ height:80px; background:url(../images/box1_icon.png) no-repeat center top;}

.about2{ padding-top:15px; padding-bottom:50px;}
.about2_tit{ font-size:30px; color:#333333; line-height:1;}
.about2_ul{ margin-top:30px; width:1230px;}
.about2_ul li{ float:left; margin-right:30px; width:380px; height:280px;}
#demo {margin: 0 auto;overflow: hidden;width: 1200px;}

.article{ padding:50px 0;}

.content{ padding:0 0 50px 0;}

.newslist{}
.newslist li{height:170px;overflow:hidden;border-bottom:1px solid #f0f0f0;padding-bottom:30px;margin-bottom:30px}
.newslist li .imgs{width:260px;height:170px;overflow:hidden;float:left;}
.newslist li .txts{width:900px;float:right}
.newslist li .txts h2{font-weight:normal;font-size:26px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#333333;}
.newslist li .txts p{font:16px/26px SimSun;color:#000;margin-top:15px}

.pagelist { text-align: center; margin: 20px 0 40px; clear:both; padding-top:30px;}
.pagelist span, .pagelist strong, .pagelist a { display: inline-block; border: 1px solid #ddd;padding: 2px 6px; margin-right: 2px; line-height:16px; text-decoration:none; color:#666;}
.pagelist strong { background: #ef5600; color: #fff;}