/* ==========================================================================
   Global  c1:#119ee1;
   ========================================================================== */
html {   font-size: 62.5%;}
a {
   color: #666;
}
a:hover {
   color: #725d47;
}
body {
   color: #6d7073;   font: 12px/1.6 Arial, Helvetica, sans-serif,microsoft yahei;background: #fff;
   width: 100%;}
.container {width: 100%;padding:0;}
.wrapper {width: 1000px;margin: 0 auto;}

/*header*/
header {width:100%;height:113px; background: #fff url(../images/headbg.jpg) no-repeat center top;}
.headcon{width: 1110px;position: relative;margin: 0 auto;padding:22px 0; height: 56px;}
.logo {position: absolute;top:22px;left:0;}
.topbox{position: absolute;top:10px;right:0; font-family: microsoft yahei;height:25px; line-height: 25px;color:#010101;}
.companytel{padding-left:65px;float: left;background: url(../images/inco_11.png) left center no-repeat; width: 180px; }
.companytel h3{ font:700 22px/24px Arial; color:#e70012; }
.telinco{font: 13px/24px microsoft yahei; }

/* search */
.globalsearch {float: left;margin:10px 10px 0 10px;}
.globalsearch #q,
.globalsearch .search-btn { float: left;   border: 0 none; }
.globalsearch #q { width: 150px; height: 18px; padding: 3px 40px 3px 10px; line-height: 18px; background: #fff; border: 1px solid #dfdfdf; \
   -webkit-border-radius: 4px;
   -moz-border-radius: 16px;
   -ms-border-radius: 16px;
   -o-border-radius: 16px;
   border-radius: 16px;}
.globalsearch .search-btn { width: 20px; height: 24px; cursor: pointer; background: url(../images/btn_ser.png) no-repeat left center;margin-left: -20px; }

/*header globalnav*/
.globalnav {right:0;  position: absolute;top:60px; height: 45px;   line-height: 45px;padding:5px 0;}
.globalnav li { text-align: center;padding:0 10px;margin:0 2px; float: left; height:45px;   position: relative;font: 14px/45px "Microsoft Yahei";}
.globalnav li a {  color: #000000;   text-decoration: none;}
.globalnav .active a{ color: #006705;  }
.globalnav li.active{ padding-bottom: 0;}
.globalnav .dropdown { position: absolute; z-index: 99; display: none; background: #fff; width:100%; text-align: center; left:0; padding:  0; }
.globalnav .dropdown a {color: #006705; padding-bottom: 0;padding-left: 0; padding-right: 0; display: block;line-height: 19px;padding-top: 8px;padding-bottom: 8px; font-size: 12px; font-weight: 400;}
.globalnav .dropdown a:hover { color: #fff; background: #006705; }



/* ==================================
   banner
   ================================== */
.banner { position: relative; min-width: 1200px; width: 100%; height: 540px; overflow: hidden; }
.banner .bd li a { position: absolute; left: 0; top: 0; overflow: hidden; background-position: 50% 50%; background-repeat: no-repeat; width: 100%; height: 540px; }
.banner .hd { position: absolute; width: 100%; left: 0; text-align: center; bottom: 20px; }
.banner .hd ul { display: inline-block; *display:inline;
zoom: 1; }
.banner .hd li { float: left; cursor: pointer; width: 13px; height: 13px; margin: 0 4px; background-image: url(../images/banner-dot1.png); background-position: 0 0; background-repeat: no-repeat; overflow: hidden; line-height: 0; font-size: 0; }
.banner .hd .on { background-image: url(../images/banner-dot2.png); }
.tempWrap { margin: 0 auto; }
.banner .prev,.banner .next { margin-top: -30px; position: absolute; top: 50%;cursor: pointer;}
.banner .prev .fa,
.banner .next .fa { font-size: 50px; color: #fff; line-height: 60px; text-shadow: 1px 1px 3px rgba(0,0,0,.2); }
.banner .prev { left: 2%; }
.banner .next { right: 2%; }
.banner .prev:hover .fa,
.banner .next:hover .fa { color: #dd0009; }   

/* topabout css */

.topabout{width: 100%;padding:40px 0;}
.topabout .title{height: 55px;background: url(../images/pic01.jpg)  left 44px  repeat-x;  text-align: center;margin-bottom: 25px;color: #333;}
.topabout .title .name{color: #399f6f;font: 300 30px/30px microsoft yahei;}
.topabout .title .txten{ width:130px;margin:0 auto;background: #fff;font: 300 12px/30px microsoft yahei;text-transform:Uppercase;}
.topabout .textarea{text-align: center;font: 300 14px/24px microsoft yahei;}
.ab_link{width: 880px; margin: 20px auto 0 auto;}
   .linkbox{width: 200px;float: left; height: 150px;padding:10px 10px; line-height: 24px; text-align: center; cursor:pointer;}
   .linkbox p{margin-top: 13px; font-family:microsoft yahei; font-size: 14px;}
   .linkbox .inco{width: 107px; height: 107px; display: block; -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms;margin-right: 15px;margin: 0 auto;}
   .linkbox .inco01{background: url(../images/inco_01.png) no-repeat left top;}
   .linkbox:hover .inco01{background: url(../images/inco_01.png) no-repeat left bottom;}
   .linkbox .inco02{background: url(../images/inco_02.png) no-repeat left top;}
   .linkbox:hover .inco02{background: url(../images/inco_02.png) no-repeat left bottom;}
   .linkbox .inco03{background: url(../images/inco_03.png) no-repeat left top;}
   .linkbox:hover .inco03{background: url(../images/inco_03.png) no-repeat left bottom;}
   .linkbox .inco04{background: url(../images/inco_04.png) no-repeat left top;}
   .linkbox:hover .inco04{background: url(../images/inco_04.png) no-repeat left bottom;}
   .linkbox:hover p{color: #e60000;}

/********************home_pro css************************/
.home_pro{width: 100%;padding:40px 0; background: #f5f5f5;}
.home_pro .title{height: 55px;background: url(../images/pic01.jpg)  left 44px  repeat-x;  text-align: center;margin-bottom: 25px;color: #333;}
.home_pro .title .name{color: #399f6f;font: 300 30px/30px microsoft yahei;}
.home_pro .title .txten{ width:130px;margin:0 auto;background: #f5f5f5;font: 300 12px/30px microsoft yahei;text-transform:Uppercase;}

.slideGroup{  }
.slideGroup .parHd{ height:35px; line-height:35px; position:relative; text-align: center;  }
.slideGroup .parHd ul{  }
.slideGroup .parHd ul li{width:120px; background: #737373; height: 35px; display: inline-block; *display:inline; zoom: 1; cursor:pointer; color: #fff; text-align: center; margin-left: 15px; font-family: microsoft yahei;}
.slideGroup .parHd ul li.on{ background:#e60000;}
.slideGroup .slideBox{ zoom:1;position:relative;   }

.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:5px; top:80px; display:block; width:44px; height:44px; 
    -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms;
}
.slideGroup .sPrev{ left:-30px; background:url(../images/inco_05.png) top left no-repeat;  }
.slideGroup .sNext{left: auto; right:-30px; background:url(../images/inco_06.png) top left no-repeat;  }
.slideGroup .sPrev:hover{background:url(../images/inco_05.png) bottom left no-repeat;  }
.slideGroup .sNext:hover{ background:url(../images/inco_06.png) bottom left no-repeat;  }
.slideGroup .parBd{padding-top: 20px;}
.slideGroup .parBd ul{ overflow:hidden; zoom:1;   }
.slideGroup .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.slideGroup .parBd ul li .pic{ text-align:center; }
.slideGroup .parBd ul li .pic img{ width:228px; height:198px; display:block;}
.slideGroup .parBd ul li .pic a:hover img{ }
.slideGroup .parBd ul li .title01{padding:10px 0;font: 300 14px/24px microsoft yahei;}
.slideGroup .parBd ul li .title01 a:hover{color: #e60000;}


/************** topabout css ************/

.home_news{width: 100%;padding:40px 0;}
.home_news .title{height: 55px;background: url(../images/pic01.jpg)  left 44px  repeat-x;  text-align: center;margin-bottom: 25px;color: #333;}
.home_news .title .name{color: #399f6f;font: 300 30px/30px microsoft yahei;}
.home_news .title .txten{ width:130px;margin:0 auto;background: #fff;font: 300 12px/30px microsoft yahei;text-transform:Uppercase;}
.home_news .news_01 .list{margin-left: -30px;}
.home_news .news_01 .list li{width: 455px; height: 75px; padding:25px 15px 20px 15px;overflow: hidden; float: left; background: #f4f4f4;border-bottom: 1px solid #e4e4e4;margin-left: 30px;margin-bottom: 30px;}
.home_news .news_01 .list li .date{width: 53px; height: 75px; overflow: hidden; float: left; text-align: center;}
.home_news .news_01 .list li .date .day{width: 53px; height: 53px; overflow: hidden; background: #e60000;color: #fff;font: 700 18px/53px microsoft yahei;}
.home_news .news_01 .list li .date .year{width: 53px; height: 16px; overflow: hidden; background: #6c6c6c;color: #fff;font: 300 12px/16px microsoft yahei;margin-top: 3px;}
.home_news .news_01 .list li .txtarea{width: 390px; float: right;height: 75px;font: 300 12px/24px microsoft yahei; color: #666;}
.home_news .news_01 .list li .txtarea h3{font-weight: normal;}
.home_news .news_01 .list li .txtarea a:hover{color: #e60000;}
.home_news .news_01 .list li .txtarea .desc{height: 48px; overflow: hidden;}

/* ==========================================================================
   Footer
   ========================================================================== */
footer { color: #fff; font-size: 12px; background-color: #282828; font-family: microsoft yahei; }
footer a { color: #fff; }
footer a:hover { text-decoration: underline; }
.footer-bd { padding: 30px 0 20px 0;}
.footer-nav {  }
.footer-nav:after { content: ""; width: 100%; display: inline-block; font-size: 0; line-height: 0; }
.fn-col { float: left; vertical-align: top;width: 140px;height:180px;border-right: 1px solid #3e3e3e;border-left: 1px solid #131313;text-align: center;}
.fn-col h3 {  margin-bottom: 10px; font: 300 14px/24px microsoft yahei;}
.fn-col h3 a { color:#fff;}
.fn-col h3 a:hover {  }
.fn-col ul {}
.fn-col li { line-height: 24px; }
.fn-col li a { color: #fff;  }
.fn-col li a:hover {  }
.foothd{padding:10px 0; color:#fff;text-align: center; background-color: #1e1e1e;font: 300 12px/24px microsoft yahei;}
.foothd a{color:#333;}
.footer-nav .fn-col:nth-child(2) {text-align: left; text-indent: 30px; }
.footer-nav .fn-col:nth-child(1) {border-left:none; text-align: left; width: 90px;}
.footer-nav .fn-col:nth-child(6) { border-right:none;}
.fn-colwx{width:300px; text-align: left;padding-left: 40px;font: 300 12px/28px microsoft yahei;}
.wxmod{width:300px;}
.wxmod p.company_name{font: 300 18px/30px microsoft yahei;}
.wxmod p.company_name a{color: #fff;}