body{color: #333;}
a{color: #666;}
a:hover{color: #005bac;}
.row{width: 1110px; margin: 0 auto; position: relative;}

.topbox{position: relative;height: 82px; border-bottom: 2px #7ab724 solid;}
.logo{position: absolute;left: 0px; top: 12px;}


.nav{position: absolute; left: 270px; top: 24px;}
.nav li{float: left;position: relative; }

.nav li>a{display: block;width: 5.4em; height: 58px;line-height: 57px;font-size: 14px;color: #666;text-align: center;}
.nav li>a.em2{ width: 3.4em; }
.nav li>a.em5{ width: 6.4em; }
.nav li:hover>a{background: #7ab724; color: #fff; border-bottom: 2px #7ab724 solid;}

.nav li .sub{display: none;background: #e3e3e3; position: absolute;z-index: 9;left: 0px;width: 200px;}
.nav li:hover .sub{display: block; }

.sub{background: #e3e3e3;border-radius:0 0 5px 5px; padding-bottom: 5px;}
.sub a{display: block;color:#666; white-space:nowrap; width: 100%;font-size: 14px;font-weight: normal; border-top: 1px #fff solid;border-bottom: 1px #ddd solid; padding: 10px 12px;}
.sub a:hover{background:#4181ba;color:#fff; }
.sub a:last-child{ border-bottom: none;}

.search{background: #eee; border-radius: 0 0 5px 5px; width: 210px; position: absolute; top: 0px; right: 10px; height: 30px; padding: 6px 13px 0;}
.search input{ float: left; font-size: 14px;border: none; background: none; color: #666; margin-top: 2px;}
.search a{ float: right; color: #666; }

.bar1{ width: 1223px;height: 100px; margin: 0 auto; position: relative;text-align: center; }
.tit_center{text-align: center;}
.tit_center:after{content: '';text-align: center; height: 2px; width: 20px; background: #4282bb; margin: 0 auto; display: block; margin-top: 15px;}
.tit_center h2{ font-size: 34px; color: #333; margin-bottom: 10px;}
.tit_center h3{ font-size: 20px; color: #333;}
#top{width: 1223px;padding-top: 50px;background: url(../image/bar.png)  center -0px no-repeat; position: absolute; top: -50px; left: 50%; margin-left: -612px;z-index: 3; height: 133px;}

.bar2{width: 1110px; margin: 0 auto}
.service{margin-bottom: 0px;}
.service li{position: relative;text-align: center;margin: 20px;}
.service a{}
.service h2{ width: 130px; height: 130px; border-radius: 50%; background: url(../image/ii.png)  -0px 20px no-repeat #e8e8e8; margin-bottom: 14px; -webkit-transition: all 0.7s;
-o-transition: all 0.7s;
transition: all 0.7s;}
.service .li1 h2{background-position: 42px 37px;}
.service .li2 h2{background-position: -140px 37px;}
.service .li3 h2{background-position: -323px 37px;}
.service .li4 h2{background-position: -507px 37px;}
.service .li5 h2{background-position: -690px 37px;}
.service .li6 h2{background-position: -873px 37px;}

.service .li1:hover h2{background-position: 42px -92px;}
.service .li2:hover h2{background-position: -140px -92px;}
.service .li3:hover h2{background-position: -323px -92px;}
.service .li4:hover h2{background-position: -507px -92px;}
.service .li5:hover h2{background-position: -690px -92px;}
.service .li6:hover h2{background-position: -873px -92px;}

.service h3{padding: 0 14px;font-size: 18px; line-height: 140%;}
.service .li5 h3,
.service .li6 h3
{font-size: 15px;}
.service li:hover h2{background-color: #78bc1e; color: #fff;transform: scale(1.1);margin-bottom: 23px;}
.service li:hover h3{color: #78bc1e;}

.about .flex3 img{ width: 100%;}
.con,.con p{font-size: 14px; line-height: 180%;}
a.more{display: inline-block; font-size: 14px;background-color: #7ab724; color: #fff; padding: .5em 1.5em; border: none;
  -webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
a.more:hover{background-color: #4282bb;padding: .5em 2em;}

.about .con{ padding:0 40px; line-height: 180%;}
.about h2{ font-size: 26px;margin-bottom: 5px;}
.about h3{ font-size: 16px;margin-bottom: 10px;}
.about .txt{ height: 150px;overflow: hidden; margin-bottom: 20px;}


.bg1{ background: url(../image/bg1.png)  center -0px repeat-y; }
.bar3{width: 1110px; margin: 0 auto; }
.bar3 .flex{height: 96px;}
.bar3 .flex4{background: #4282bb;}
.bar3 .bd{background: #fff;}
.bar3 .bd li{ width: 158px;height: 158.5px;float: left; padding-top:20px; text-align: center;}
.bar3 .bd li:nth-child(odd){ background: #eee;}
.bar3 .bd li img{ width: 130px; margin-bottom: 10px; }

.arrs{position: relative;}
.arrs .prev{ width: 46px; height: 46px; color: #fff; background: url(../image/arrs.png)  15px center no-repeat #65a708; position: absolute; right: 46px; bottom: 0; }
.arrs .next{ width: 46px; height: 46px; color: #fff; background: url(../image/arrs.png)  -33px center no-repeat #fff; position: absolute; right: 0px; bottom: 0; }
.arrs .prev:hover{ background-position: 13px center; }
.arrs .next:hover{ background-position: -31px center; }

.tit h2{ font-size: 34px;margin-bottom: 5px;}
.tit h3{ font-size: 20px;margin-bottom: 10px;}


.bg2{ background: url(../image/bg2.png)  center -0px repeat-y; }
.bar4{width: 1110px; margin: 0 auto; min-height: 100px}
.bar4 .tit{padding-top: 50px;}
.bar4 .flex4{background: #fff;}
.bar4 h2,.bar4 h3{color: #fff;}
.contact .con{padding: 30px 40px 0;}

.bg3{ }
ul.news{ width: 1110px; margin: 0 auto }
ul.news li{display: inline-block; width: 46%;  margin-right: 6%; margin-bottom: 10px; position: relative; padding-left: 7em;}
ul.news li:nth-child(2n){ margin-right: 0px; }

ul.news .time{position: absolute; left:0; top:0; width: 5em; padding-bottom: 1em; border: 1px #ccc solid; color: #999; text-align: center;}
ul.news .time i{ display: block; font-size: 24px; color: #000; padding:10px 5px; border-bottom: 1px #ccc solid;  font-style: normal; margin-bottom: 10px;}

ul.news .tit{font-weight: bold; margin-bottom: 10px; font-size: 14px; height: 1.5em; overflow: hidden;}
ul.news .con{margin-bottom: 15px; color: #666; font-size: 12px; line-height: 180%; height: 3.4em; overflow: hidden;}

.btn_arr2{background: url(../image/arr2.png)  center center no-repeat; border: 1px #4282bb solid; padding: 5px; width: 43px; height: 30px; margin: 20px auto; cursor: pointer;}
.btn_arr2 a{display: none;  width: 100%; height: 100%;}

footer{border-top: 2px #78bc1e solid; width: 100%;height: 125px; padding-top: 10px; text-align: center;clear:both;}
footer nav{margin-bottom: 15px;}
footer nav a{display: inline-block; margin-right: 10px; padding-left: 5px;}

.nav_foot{width: 1110px; margin: 0 auto 10px;  }
.nav_foot nav{float: left;height: 30px; padding-top: 15px;}
.nav_foot .menu{float: right;margin-top: 10px;}
.nav_foot .menu a{display: inline-block;}

.nav_foot nav a{display: inline-block; margin-right: 10px; padding-left: 5px;}
.nav_foot2 {padding-left: 5px;width: 1110px; margin: 0 auto; text-align: left; color: #666;}

.r{border-radius: 50%;display: block;}

.menu i{margin-left: 6px;}
.menu i:hover{
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);}
.menu i{ font-size: 20px; line-height: 26px; }

.menu a{display: inline-block;}
.menu .lang{display: inline-block; margin-left: 10px;}

.pages i{ font-size: 10px; }

header .menu{position: absolute; right: 10px; top: 40px;}
footer .menu{position: relative; }
header .menu a:nth-child(1):hover .ewm{display: block;}
footer .menu a:nth-child(1):hover .ewm{display: block;}

header .ewm{display: none; position: absolute; top: 30px; left: -40px;z-index: 9;}
footer .ewm{display: none; position: absolute; bottom: 30px; left: -40px;z-index: 9;}


/*ÄÚÒ³*/
.bg{background: url(../image/bg1.jpg)  center top no-repeat #d6f2ff;-webkit-background-size: 100% auto;
background-size: 100% auto;padding-top: 140px;padding-bottom: 0px;}
#news .bg,#adv .bg{background-image: url(/statics/images/bg2.jpg);}


.layout2,.layout_show {
  width: 1100px;min-height:1000px;
  margin: auto;
  position: relative;
}

.layout2 .layout_side {
  width: 240px;
  float: left; padding-top: 20px;
  position: absolute;top: 24px; left: 0;}

.layout2 .layout_main {
  width: 800px;
  padding: 30px 0 0;
  float: right;
  position: relative;
}

.bg_detail{background: url(../image/bg3.jpg)  center -0px no-repeat; -webkit-background-size: 100%; background-size: 100%;text-align: center;position: relative; min-height: 800px;}

.layout_bg{transform: translate(-50%,0); position: absolute; width: 1022px; height: 611px; background: url(../image/bg4.png)  0px 0px no-repeat ;  left: 50%; top: 100px;}
.layout_show {transform: translate(-50%,0);
  position: absolute; width: 1000px; left: 50%; top: 110px;
  background: #fff;border-radius: 5px;
  overflow: hidden; }



  /*实时新聞*/
  .focus{text-align: right; width: 100%;margin-bottom:5px; padding-bottom: 14px; border-bottom: 1px #ccc solid; padding-left: 230px; position: relative;}

  .focus .pic{ position: absolute; left:0; top:-2px;}
  .focus .pic img{ width: 200px; height:150px}

  .focus .date{ color: #aaa;font-size: 12px;position: absolute; right: 0; top: -0px;}
  .focus .tit{text-align: left; font-weight: bold;color: #0080c0;font-size: 14px;margin-bottom: 10px; width: 500px;}

  .focus .txt{text-align: left; font-size: 12px;color: #666;line-height: 200%; height: 100px; margin-bottom: 10px;overflow: hidden;}
  a.detail{background: url(../image/i2.png)  -0px center no-repeat; line-height: 12px; padding-left: 16px;margin-right: 8px;}
  a.detail:hover{color: #000;}

  hr.dot{height: 1px;border-bottom: 1px #ccc dotted}

  .news_list{text-align: left; width: 100%;}
  .news_list li{position: relative;text-align: right;padding-top: 20px;border-bottom: 1px #ddd solid;padding-bottom: 10px;
  -webkit-transition: border 0.3s;
  -moz-transition: border 0.3s;
  -ms-transition: border 0.3s;
  -o-transition: border 0.3s;
  transition: border 0.3s;}
  .news_list li:hover{border-bottom: 3px #f90 solid;}
  .news_list .date{ color: #aaa;font-size: 12px;position: absolute; right: 5px; top: 20px;}
  .news_list .tit{text-align: left; font-weight: bold;color: #000;font-size: 14px;margin-bottom: 10px; width: 500px;}

  .news_list .txt{text-align: left; font-size: 12px;color: #666;line-height: 200%; height: 25px; margin-bottom: 10px;overflow: hidden;}

  .btn_big{font-family:"Microsoft YaHei";display: block;width: 100%; padding: 10px 0;font-size: 20px;background: #ccc;color: #f00;margin-bottom: 30px;}



.subnav_tit {background: url(../image/sub_tit.png) right 0 repeat-y; padding: 10px 10px;  width: 100%;}
.subnav_tit h1{color: #63a508;font-size: 20px;line-height: 20px; background: url(../image/i1.png)  -0px center no-repeat;padding-left: 20px;}

.subnav {padding-top: 15px; padding-bottom: 5px; }
.subnav li { border-bottom: 1px #e4e4e4 solid;}
.subnav li a {display: block; font-size: 14px; height: 40px; line-height: 40px; width: 100%; color: #666;  white-space: nowrap;overflow: hidden; padding-left: 13px;
    -ms-text-overflow: ellipsis; /* Required for IE8 */
    -o-text-overflow: ellipsis; /* Required for Opera */
    text-overflow: ellipsis;
}

.subnav li:hover{background: #63a508;}
.subnav li:hover a {color: #fff;}
.subnav li.active:hover a {color: #fff;}

.subnav li.active a{color: #63a508;}

.banner{background-position: center center;height: 170px;width: 100%; -webkit-background-size: cover; background-size: cover; position: relative;}
#b1{background-image: url(../image/c1.jpg);}

.bread {
  font-size: 12px; height: 37px; text-align: right; color: #fff; line-height: 37px; padding-left: 40px; padding-right: 20px;
  position: absolute; top: -37px; right: 0px;
  background: url(../image/bread.png)  left -0px no-repeat;
  border-radius: 0 5px 0 0;
}
.bread a{font-size: 12px; color: #fff;}

.detail_art{padding:0 40px;}
.focus_pic{ margin: 0 auto 20px;text-align: center;border-bottom: 1px #ccc solid; padding-bottom: 20px;}

.layout_show article{}
article 
article{ padding-bottom: 30px;}
article span{ font-weight: normal;}
article p,article>div{color: #333;font-size: 14px; padding-bottom: .5em; line-height: 200%;}
article p img{text-align:center; margin:0 auto;max-width:800px;}
article h2{ font-size: 16px; color: #063;font-weight: bold; margin-bottom: 1em; }
article h3{ font-size: 15px;  color:#090;font-weight: bold;}
article *{font-size: 14px; white-space:normal;white-space:normal; word-break:break-all; word-wrap:break-word; text-align: left;} 


.pics{margin-bottom: 10px;border: 1px #ccc solid; overflow: hidden;}
.pics img{display: block;}
.pics a:first-of-type img{border-bottom: none;}

.page{text-align: center; padding: 20px;}
.page a,.page div{display: inline-block; color: #aaa;}
.page a{border: 1px #aaa solid; color: #aaa; padding: 8px 10px; margin: 0 10px; border-radius: 15px; -webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;}
.page span{background: #00448b;border-radius: 15px;color: #fff; padding: 8px 11px; margin: 0 10px; }
.page a:hover{border: 1px #00448b solid; color: #fff; background: #00448b; padding: 8px 16px; }

.pages{padding: 10px;text-align: center;}
.pages a{ display: inline-block; width: 7em; height: 30px; line-height: 25px; text-align: center;border: 1px #ccc solid; margin-right: 1em;}
.pages a:hover{background: #090; color: #fff; border: 1px #090 solid;}

.show_title{ text-align:left; padding:25px; background: url(../image/tit.png)  -0px -0px repeat-x #dddddd; text-align: center;margin-bottom: 20px;}
.show_title h1{text-align: center; font-size:18px;font-weight:normal; color:#000; margin-bottom:8px; }
.sub_tit{ font-size: 12px;margin-bottom: 0px;color: #999;}

.article_foot{ padding: 10px 0px; border-top: 1px #ccc solid;}
.prev_item a,.next_item a,.jiathis_style span,.jiathis_style a{}

.layout_bottom{padding: 20px 0px;height: 40px;border-top: 1px #ccc solid;}

.list_pic li{ float: left; width: 31.3%; margin:0 1% 2% 1%; padding: 5px;}
.list_pic .pic{ width: 100%; height: 60%;margin-bottom: 10px;overflow: hidden;}
.list_pic .pic img{ width: 100%;height:160px; -webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;}
.list_pic li:hover{background: #4181ba; border-color: #4181ba;}
.list_pic li:hover h3{color: #fff;}
.list_pic li:hover img{ transform: scale(1.1);}
.list_pic h3{ text-align: center; margin-bottom: 6px;}

.list_pic_bg li{ float: left; width: 31.3%; margin:0 1% 2% 1%; border: 1px #ccc solid; padding: 5px; overflow: hidden;}
.list_pic_bg a{display: block; width:100%; height:100%; -webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;}
.list_pic_bg .pic{ width: 100%; min-height: 140px; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain;
background-size: contain;margin-bottom: 10px;overflow: hidden;}
.list_pic_bg .pic img{ width: 100%; -webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;}
.list_pic_bg li:hover{ border-color: #4181ba;}
.list_pic_bg li:hover h3{color: #4181ba;}
.list_pic_bg li:hover a{ transform: scale(1.05);}
.list_pic_bg h3{ text-align: center; margin-bottom: 6px;}

table.t3{width: 99%; margin-left: 1%;}
table.t3 tr > *{ -webkit-transition: all .3s; transition: all .3s;}
table.t3 tr:hover>*
{ background: #d9e480; color: #005bac; padding-bottom: 13px; cursor: pointer;}
table.t3 th:after{ content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; border: 2px #005bac solid; left: -7px; top: 13px;background: #fff;}
table.t3 th{padding: 5px 0px 5px 10px;border-left: 1px #005bac solid; color: #005bac;text-align: left;font-weight: normal;font-size: 14px; position: relative;font-size:14px; white-space: nowrap;line-height:200%; vertical-align: top}
table.t3 td{padding: 5px; padding-left: 20px;line-height:180%;font-size:14px;line-height:200%; vertical-align: top}

table.t3 tr:first-child th:before{content: "";position: absolute; width: 1px; height: 20px; background: #fff; left: -1px; top: 0;}
table.t3 tr:last-child th:before{content: "";position: absolute; width: 1px; height: 25px; background: #fff; left: -1px; bottom: 0;}

/*加入我們 表單*/
.form_cont{padding: 0 30px;text-align: left;}
.form_cont .tip{ margin-bottom: 20px;}

.form1{}
.form1 dl{ line-height: 40px; padding: 0 10px; width: 100%;border: 1px #ccc solid;border-radius: 5px;margin-bottom: 10px;display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
.form1 dl.hh dd{padding-top: 13px;}
.form1 dt{ width: 6em; text-align: right;padding-right: 5px;}
.form1 dd{ padding-top:10px;-webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; -o-flex: 1; flex: 1; text-align: left;}
.form1 input[type=text]{width: 100%; height: 24px;border: none;background: none;}
.form1 textarea{outline: none;width: 100%; height: 200px;border: none;background: none;}
.form1 label{margin-left: 20px;}
.form1 label input{margin-right: 5px;}
.btn_green{display: inline-block;text-align: center;margin: 10px auto;  height: 40px; width: 200px;line-height: 36px;border: 2px #1c7c0d solid;color: #1c7c0d;border-radius: 5px;background: #fff; min-width: 140px; white-space: nowrap;}
.btn_green:hover{background: #1c7c0d; color: #fff;}

/*第三方物流*/
.dsf{ background: url(../image/map.jpg)  center 140px no-repeat; min-height: 690px;}
.dsf .tits li{display: inline-block; width: 24%; margin-right: 1%; float: left; cursor: pointer;}
.dsf .tits li  h5{ color: #666;}
.dsf .tits li.active h5{ color: #f00;}
.dsf .tits img{border: 2px #fff solid;}
.dsf .tits li.active img{border: 2px #f00 solid;}

.dsf .tits li:last-child{ margin-right: 0; }
.dsf .intr{ border: 2px #9fd8f6 solid; padding:50px 30px; background-color: rgba(255, 255, 255, .8);}
.dsf .intr li{display: none; }
.dsf .intr li.active{display: block }

/*企業榮誉*/
.qyry{background: url(../image/qyry.jpg)  center -0px no-repeat; padding-top: 280px;}
.qyry .slide{ background-color: rgba(255, 255, 255, 0.8); padding: 20px 0; overflow: hidden;}
.slide li{width: 260px; margin-right: 10px;}
.slide li img{width: 100%;}

.qyry h5{font-size: 28px; margin-bottom: 20px;}

/*搜索列表*/
.search_list{text-align: left; width: 100%;}
.search_list li{position: relative;border-bottom: 1px #ddd solid;padding-bottom: 5px; padding-top: 5px; margin-bottom: 5px;
-webkit-transition: border 0.3s;
-moz-transition: border 0.3s;
-ms-transition: border 0.3s;
-o-transition: border 0.3s;
transition: border 0.3s;
background: url(../image/i3.png)  -0px center no-repeat;padding-left: 15px;}
.search_list li a{font-size: 14px; display: block; width: 600px; height: 24px; line-height: 24px; overflow: hidden; }
.search_list li .date{position: absolute; right: 0; top: 8px; color: #999;}


.contact_side{background: url(../image/side3.jpg)  right bottom no-repeat; padding-bottom: 70px;     border: 1px #ccc solid;}
.contact_side .con{padding: 20px;}
.contact_side th{font-size: 12px; text-align: right; white-space: nowrap; line-height: 160%; vertical-align: top; padding: 5px 0; padding-right: 10px;}
.contact_side td{font-size: 12px; text-align: left; line-height: 160%; vertical-align: top; padding: 5px 0;}
.contact_side td img{ width: 80%;margin:0 auto;}



/*企業文化底蕴的滾動塊*/
.slide_txt{padding:0 30px; position: relative; overflow: hidden; height:540px; }
.slide_txt li{ position: absolute; left:0; top:0; width:100%; height:100%;}
.slide_txt h4{font-size: 28px; color: #88c136; text-align: center; margin-bottom: 30px;}
.slide_txt h5{font-size: 42px; color: #005bac; text-align: center; margin-bottom: 20px; line-height: 140%;}
.slide_txt .txt,.slide_txt .txt p{font-size: 14px; color: #666; line-height: 200%;text-align: center; }
.slide_txt .txt p{ line-height: 200%;}

.slide_txt .sc1,.slide_txt .sc2,.slide_txt .sc3{padding-top: 40px;}

.slide_rotate{position: relative; width: 430px; margin: 0 auto; text-align: center; margin-top: 40px; clear:both;height:480px;}
.slide_rotate li{z-index: 1;position: absolute; transform: translate(-50%); background: #eee; width: 220px; height: 400px; border-radius: 10px; font-size: 40px; text-align: center; border: 1px #63a508 solid;}
.slide_rotate li:hover{border-color: #ee9813;}


.slide_rotate .num{ font-size: 30px; padding: 10px;  background: #63a508; background-image: -webkit-linear-gradient(top, #8ed40c, #63a508);background-image: linear-gradient(top, #8ed40c, #63a508); color: #fff; border-radius: 10px 10px 0 0; }
.slide_rotate .tit{ font-size: 14px;  padding: 20px; background: url(../image/x1.jpg)  -0px -0px no-repeat; -webkit-background-size: cover; background-size: cover; color: #fff; }
.slide_rotate .cont{ font-size: 12px; line-height: 150%;padding: 20px; text-align: left; color: #666; }

.slide_rotate .sc0 .tit{}
.slide_rotate .sc1 .tit{background-image: url(../image/x2.jpg);}
.slide_rotate .sc2 .tit{background-image: url(../image/x3.jpg);}




.Article-Tool{width:60%;height:30px;margin-left:60px;margin-top:30px;}
.honor_tit{width:100%;line-height:40px;font-size:14px;font-weight:bold;color:#005bac;clear:both;}