@import url(../../../../SysThemes/css/awesome.css);
::after,::before{font-family:fontawesome}
body{min-width:1200px}
a{color:#333;cursor: pointer;}
a:hover{color:#f7971f}
h6{font-weight: 400;}
.wrap{width:1200px;margin:0 auto;}
.gray{display:inline-block;background-color:#f5f5f5;width:100%;text-align:center}
.top .wrap{background:#fff}
.logo{display:flex;flex:1;height:100%}
.logo a{float:left;display:table-cell;width:100%;height:100%;text-align:center}
.logo a img{margin-top:8px}
.flex{display: flex; flex-flow:row nowrap; justify-content: space-between;}
.nav{float:left;width:920px;height:100%}
.head{display:flex;height:40px;padding-top:48px;justify-content:flex-end; text-align: right;}
.phone{display: inline-flex;}
.phone .dd{display:block;font-size:20px;font-weight:700;color:#459019;line-height:1.2em}
.phone .Hotline{display:inline-block;text-align:left;padding-left:40px;background:url(phone.png) no-repeat left 10px}
.phone .Hotline .dt a{font-size: 14px;padding-left:4px;}
.menu{height:60px;clear:both}
.menu ul{display:flex;flex-flow:row nowrap;justify-content:space-between}
.menu ul li{display:flex;flex:1;height:59px;text-align:center;position:relative;border-top:1px solid #f5f5f5;border-right:1px solid #f5f5f5}
.menu ul li:first-child{border-left:1px solid #f5f5f5}
.menu ul li:hover{border-top:1px solid #459019}
.menu ul li a{display:flex;width:100%;font-size:14px;justify-content:center;line-height:60px;color:#666}
.menu ul li ul{display:none}
.menu ul li ul .li1{border-left:0}
.menu ul li ul li a{background:#000;color:#fff}
.menu #split{width:1px;overflow:hidden;background:#ccc}
.menu #split1,.menu #split2{display:none}
.menu .Li0,.menu .li1{border-left:1px solid #ccc}
.menu .sela,.menu a:hover{color:#459019}
.banner{height:650px}
#wowslider-container .ws_bullets{top:0;right:0}
#wowslider-container{overflow:hidden;zoom:1;position:relative;width:100%;height:100%;margin:0 auto;z-index:100}
#wowslider-container .ws_shadow{width:100%;height:30px;position:absolute;left:0;bottom:-30px;z-index:-1}
#wowslider-container .ws_images{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
#wowslider-container .ws_images a{color:transparent}
#wowslider-container .ws_images img{top:0;left:0;border:none 0}
#wowslider-container a{text-decoration:none;outline:0;border:none}
#wowslider-container .ws_bullets{font-size:0;top:calc(100% - 50px);left:50%;float:left;position:absolute;z-index:70}
#wowslider-container .ws_bullets div{position:relative;float:left}
#wowslider-container .ws_bullets a{margin-left:4px;width:8px;height:15px;background:url(bullet.png) left 50% no-repeat;float:left;text-indent:-9999px;position:relative}
#wowslider-container .ws_bullets a.ws_selbull,#wowslider-container .ws_bullets a:hover{background-position:right 50%}
#wowslider-container a.ws_next,#wowslider-container a.ws_prev{position:absolute;display:none;top:50%;margin-top:-28px;z-index:60;height:62px;width:38px;background-image:url(arrows.png)}
#wowslider-container a.ws_next{background-position:100% 0;right:-8px}
#wowslider-container a.ws_prev{left:-8px;background-position:0 0}
#wowslider-container a.ws_next:hover{background-position:100% 100%}
#wowslider-container a.ws_prev:hover{background-position:0 100%}
* html #wowslider-container a.ws_next,* html #wowslider-container a.ws_prev{display:block}
#wowslider-container:hover a.ws_next,#wowslider-container:hover a.ws_prev{display:block}
#wowslider-container .ws-title{position:absolute;bottom:50px;left:0;margin-right:5px;z-index:50;padding:12px;color:#f9fbfb;text-transform:uppercase;background:#000;font-family:Helvetica,Arial,Verdana,sans-serif;font-size:18px}
#wowslider-container .ws-title div{padding-top:5px;font-size:13px;text-transform:none}
#wowslider-container .ws_bullets a img{text-indent:0;display:block;top:16px;left:-120px;visibility:hidden;position:absolute;-moz-box-shadow:0 0 5px #999;box-shadow:0 0 5px #999;border:5px solid #fff}
#wowslider-container .ws_bullets a:hover img{visibility:visible}
#wowslider-container .ws_bulframe div div{height:90px;overflow:visible;position:relative}
#wowslider-container .ws_bulframe div{left:0;overflow:hidden;position:relative;width:240px}
#wowslider-container .ws_bullets .ws_bulframe{display:none;top:20px;overflow:visible;position:absolute;cursor:pointer;-moz-box-shadow:0 0 5px #999;box-shadow:0 0 5px #999;border:5px solid #fff}
#wowslider-container .ws_bulframe span{display:block;position:absolute;top:-11px;margin-left:-9px;left:120px;background:url(triangle.png);width:15px;height:6px}
.search{display:inline-block;padding:20px 0}
.search .Subject{float:left;width:550px;text-align:left;height:25px;overflow:hidden}
.search .Subject .Descript{line-height:28px}
.search .RowsTitle{float:left;width:150px}
.search .RowsTitle .Title{font-size:16px;text-align:left;padding-left:10px;line-height:25px}
.search .RowsTitle .Title:before{float:left;display:block;width:20px;height:25px;content:"";background:url(spirit.png) no-repeat left 6px}
.search .Content{float:left;width:500px;text-align:left}
.search #kw{border:0;line-height:25px;width:300px;color:#333;padding:0 10px}
.search .SearchType{border:0;height:25px;line-height:25px;color:#333}
.search option{color:#333}
.BtnSearch{background:#4199dd;color:#fff;border:0;line-height:25px;padding:0 20px}
#Navigator .RowsTitle{text-align:center;position:relative}
#Navigator .RowsTitle .Title{text-align:center;position:relative;background:url(hj.png) no-repeat center 150px}
#Navigator .RowsTitle .Title .cn{position:relative;z-index:100;top:88px;font-size:24px;color:#459019;font-weight:700}
#Navigator .RowsTitle .Title .en{font-family:impact;font-size:72px;opacity:.1;color:#888;text-transform:uppercase}
.business{padding-bottom:80px}
.business ul li{float:left;width:375px;height:400px;margin-right:37px;position:relative}
.business ul li:nth-child(3n){margin-right:0}
.business ul li .mode{margin-top:270px;height:85px;position:absolute;z-index:100;padding:20px;background:#f7971f;}
.business ul li .mode a{display:block;font-size:18px;text-align:center;color:#fff;font-weight:400;line-height:20px;background:url(h.png) no-repeat center}
.business ul li .mode .memo{color:#fff;padding-top:18px;height:42px;overflow:hidden}
.business ul li:nth-child(2) .mode{background:#459019;}
.business ul li .thumbs{float:none;display:block}
.business ul li .thumbs img{width:375px;height:270px}
#ProductView li{float:left;width:220px;height:240px;text-align:center;margin-right:15px;margin-bottom:20px;position:relative}
#ProductView li:nth-child(4n){margin-right:0}
#ProductView .thumbs{display:block;width:218px;height:208px;border:1px solid #eee;text-align:center}
#ProductView .thumbs a{display:table-cell;width:100%;height:100%;font-size:0;text-align:center;vertical-align:middle}
#ProductView li:hover .thumbs{border:1px solid #f7971f}
#ProductView .thumbs img{max-width:218px;max-height:208px}
#ProductView .atext{display:block;line-height:30px;color:#555}
.product{display:inline-block;width:100%;background:url(fa.jpg) no-repeat center top;text-align:center;padding-bottom:50px}
.product #Navigator .RowsTitle .Title .cn{color:#fff}
.product #Navigator .RowsTitle .Title .en{color:#fff}
.product #Navigator .TabNavTitle{display:inline-block;padding-top:20px;padding-bottom:38px}
.product #Navigator .TabNavTitle .TabTitle{float:left;width:127px;height:39px;margin:0 5px;background:#397caf;opacity:.9;border:1px solid #71a4ca}
.product #Navigator .TabNavTitle .TabTitle a{display:block;text-align:center;line-height:39px;color:#fff}
.product #ProductView ul li{width:376px;height:278px;margin-left:0;margin-right:30px;margin-bottom:32px}
.product #ProductView li:nth-child(3n){margin-right:0}
.product #ProductView .thumbs{width:376px;height:248px;border:2px solid #eee;background:#fff;text-align:center}
.product #ProductView .thumbs a{display:block;text-align:center}
.product #ProductView li:hover .thumbs{border:2px solid #f7971f}
.product #ProductView img{max-width:376px;max-height:248px}
.product #ProductView .atext{display:block;line-height:30px;color:#fff}
.about{padding-bottom:80px}
.about .card{float:left;width:600px;margin-right:30px;margin-top:6px}
.about .card img{width:600px}
.about .Margin{font-size:14px}
.about .intro{font-size:larger;line-height:2.3em}
.seek{background:url(h2.jpg) no-repeat center top;height:140px}
.seek .idea{float:left;width:50%;height:80px;margin-top:30px}
.seek .idea .Descript{font-family:»ªÎÄÐÂκ;font-size:34px;color:#fff;letter-spacing:1px;line-height:40px}
.seek .phon{float:left;width:35%}
.seek .phon .Margin{margin-left:50px;background:url(tel.png) no-repeat 0 15px;margin-top:30px}
.seek .phon .Margin .Hotline{margin-left:60px}
.seek .phon .Margin .Hotline .dt{font-size:28px;color:#fff}
.seek .phon .Margin .Hotline .dt a{color:rgba(255,255,255,.8);font-size:28px;}
.seek .phon .Margin .Hotline .dd{display:block;font-size:26px;color:#fff;font-weight:700;line-height:34px}
.seek .msg{float:left;width:15%}
.seek .msg .Title{margin-top:50px}
.seek .msg .Title a{display:block;width:155px;height:40px;color:#dc2a42;font-size:14px;text-align:center;line-height:40px;background:#fff;border:1px solid #fff}
.seek .msg .Title a:hover{background:#dc2a42;color:#fff}
.keyword .Descript{display:flex; flex-flow:row wrap;justify-content: space-between;padding-top:10px; padding-bottom: 20px;}
.keyword .Descript a{ padding:10px;}
.gray ul li{float:left;width:calc(25% - 1px);border-right:1px dashed #ccc}
.gray ul li:last-child{border-right:0}
.gray ul li .mode{margin:50px 20px}
.gray ul li .mode h4 a{display:block;font-size:20px;font-weight:400;color:#555;line-height:24px;padding-bottom:25px;position:relative}
.gray ul li .mode h4 a:before{float:left;display:block;width:20px;height:3px;content:"";background:#f7971f;position:absolute;left:50%;margin-left:-10px;top:35px}
.gray ul li .mode .memo{color:#888;text-align:left}
#ArticleIntro ul li{border-bottom:1px dashed #ccc;padding-bottom:20px;margin-top:16px;clear:both}
#ArticleIntro .detail{margin-top:10px;margin-left:30px;color:#888}
#ArticleIntro .detail .title a{display:block;font-size:18px;font-weight:700;color:#555}
#ArticleIntro .detail .title a:hover{color:#e45461}
#ArticleIntro .detail .intro{height:42px;overflow:hidden}
#ArticleIntro .enter{display:none}
.LongDatePlus{float:left;padding:15px;border:1px solid #eee;margin-right:20px;background:#e45461;color:#fff;text-align:center;margin-bottom:20px}
.LongDatePlus .dd{display:block;font-size:26px;font-weight:700;line-height:28px;color:#fff}
.bottom a{color:#707070}
.bottom a:hover{color:#f7971f}
.link{display:inline-block;width:100%;padding:15px 0;background:#459019}
.link .RowsTitle{float:left}
.link .RowsTitle .Title{font-weight:700}
.link .Split{float:left}
.link .Split a{margin:0 10px}
.foot{height:200px;overflow:hidden;margin-top:-6px}
.contact{float:left;width:500px;padding-top:30px;padding-bottom:30px}
.contact .RowsTitle{margin-bottom:20px}
.contact .RowsTitle .en{font-family:impact;font-size:24px;line-height:20px;color:white;text-transform:uppercase}
.contact .RowsTitle .cn{color:#aaa;font-size:14px}
.contact .powered{margin-left:10px;text-transform:uppercase}
.mlogo{float:left;width:300px;height:100%;text-align:center}
.mlogo .Subject{margin-top:50px}
.wechat{float:left;width:400px;height:100%;text-align:right}
.wechat img{margin-top:30px}
.frame{display:inline-block;width:100%;padding-bottom:50px}
.frameleft{float:left;width:240px}
.framemain{float:left;width:930px;padding-left:30px}
.sbanner img{object-fit: cover; width:100%;}
.submenu{margin-top:-30px}
.submenu ul{margin-bottom:8px}
.submenu ul li{background:#ececec;margin-bottom:1px}
.submenu ul li a{display:block;line-height:60px;text-align:center;color:#666}
.submenu ul .subsel a,.submenu ul li a:hover{background:#81B463;color:#fff}
#Nav .RowsTitle .Title{background:#459019;padding:25px 0;text-align:center;color:#fff}
#Nav .RowsTitle .Title .cn{font-size:20px;font-weight:700}
#Nav .RowsTitle .Title .en{text-transform:uppercase}
#Nav .RowsTitle .Title{font-size:16px;color:#fff}
.cont #Nav .RowsTitle .Title{padding:12px 0}
.cont .Content{padding-top:140px;background:url(contac.jpg) no-repeat center top}
.cont a{color:inherit}
.cont *{line-height:2em}
.GuideMap{padding-top:8px;padding-bottom:18px;margin-bottom:30px}
.GuideMap:after{float:left;width:100%;height:7px;content:"";background:url(dot.png);margin-top:10px}
.GuideMap a{margin:0 5px;font-size:14px;color:#444}
#ArticleDetail .Title,#ProductDetail .Title{display:block;text-align:center;font-size:30px;font-weight:700;line-height:68px}
.Log{display:block;text-align:center;background:#f0f0f0;margin-bottom:20px;padding:10px 0}
.Picture{text-align:center}
#ArticleDetail img,#ProductDetail img{max-width:760px}
#ProductDetail .Subject{width:100px;line-height:30px;background:#f7971f;text-align:center;color:#fff;font-weight:700}
#Telephonist{padding-left:550px;height:225px;background:url(Telephonist.png) no-repeat;margin-bottom:50px;overflow:hidden}
#Telephonist .CompanyName{font-size:20px;font-weight:700}
#map{height:500px;border:1px solid #ccc}
#map .tiplabel{height:20px;padding:0 10px}
#ArticleList ul{display:flex;flex-flow: column wrap;}
#ArticleList ul li{display:flex;flex:1;margin-bottom:10px}
#ArticleList ul li .Article{display:flex;flex:1;justify-content:space-between;}
#ArticleList ul li .Article h6{margin-bottom:0}
#ArticleList ul li .Article h6 a{display:flex;justify-content:center;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ArticleList ul li .Article h6 a::before{display:inline-flex;content:'\f0da';margin-right:10px;overflow-x:auto;text-overflow:inherit}
.news{display:inline-block;width:100%;padding-bottom:80px}
.news #Navigator{text-align:center}
.newsleft{float:left;width:50%;background:url(office.jpg) no-repeat right 1px;height:472px}
.newsright{float:left;width:600px}
.news #TabStrip{display:flex;flex-direction:row wrap}
.news #TabStrip dl{flex:1}
.news #TabStrip dl:nth-child(2){margin-left:30px;margin-right:30px}
.news #TabStrip dt{background:#459019;}
.news #TabStrip dt a{display:block;line-height:38px;color:#fff;font-size:1.125rem;}
.news #TabStrip dl:nth-child(1) dd{background:url(pic1.jpg) no-repeat; padding-top:150px;}
.news #TabStrip dl:nth-child(2) dd{background:url(pic2.jpg) no-repeat; padding-top:150px;}
.news #TabStrip dl:nth-child(3) dd{background:url(pic3.jpg) no-repeat; padding-top:150px;}
.MessageBorder{text-align:left}
.MsgColor0{border:1px solid #dfdfdf;background:#f8f8f8;padding:4px}
.MsgColor1{padding:5px}
.MsgList{font-weight:700;background:url(men.gif) no-repeat left center;text-indent:20px}
.MsgText .face{height:18px;vertical-align:middle;margin-right:5px}
.MsgReply{font-weight:700;background:url(reply.gif) no-repeat left center;text-indent:20px}
.MessageTable{height:50px;padding-top:30px;padding-left:62px;font-size:20px;font-weight:700;background:url(write.jpg) no-repeat left 0;margin:2px 0}
.MessageTable red{font-size:20px;color:#f7971f;}
.MsgContact,.MsgContent,.MsgName{clear:both}
.MsgLeft{float:left;display:block;width:100px;padding-right:10px;text-align:right}
.MsgRight{float:left;display:block;clear:right;margin-bottom:10px}
.MsgRight input[type=text]{width:380px}
.MsgRight textarea{width:800px;height:280px}
.MsgSubmit{margin:8px 0;display:block;clear:both}
.MsgFace img{width:18px;vertical-align:middle}
#ArticleView ul{display:flex;width:100%;flex-flow:row wrap;justify-content:space-between}
#ArticleView ul li{width:22%;height:100%;border:0}
#ArticleView ul li .thumbs{width:100%;height:calc(100% - 40px)}
#ArticleView ul li img{width:100%;height:100%}
#ArticleView ul li .atext{display:block;text-align:center;line-height:40px}
.coop{padding:60px 0}
.coop .More{display:block;width:inherit;text-align:center;margin-top:30px}
.coop .More a{display:inline-block;width:200px;font-size:large;line-height:60px;background:#f7971f;color:#fff}
.Pagination{display:block;clear:both;text-align:center;padding:10px 0;background:#f8f8f8;margin:20px 0}
.Pagination a{padding:0 2px}
.Pagination #page{text-align:center;line-height:1em}
.link a{padding-left:5px; padding-right:5px;}
.bottom{background-color: #459019;}
.bottom *,.bottom a{ color: white;}