/* CSS Document */
/* Reset */
* { margin:0; padding:0;}
a:link, a:visited, a:hover, a:active {text-decoration:none; cursor:pointer;font-size: 14px;}
a:hover, a:active {}
body { font:14px/1.6 "Microsoft Yahei","Thmano", "Arial"; color:#333333; }
img { border:0px;}
li{ list-style:none; float:left;}
input, textarea, select{ font:14px/1.5 "Microsoft Yahei","Thmano", "Arial"; color:#333333; outline:0; }
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.hidden{display: none;}
body { min-width: 100%;margin: 0 auto;  background: #fff;}
html {height: 101%;}
.animate {display: none;}
b,
strong {font-weight: bold;}
input {outline: none;}
textarea {resize: none;}
table {border-collapse: collapse;border-spacing: 0;}
td {border: 0px solid #aaa;padding: 2px;}
a {text-decoration: none;color: #666;}
a:hover {text-decoration: none;}
i {font-style: normal;}
.clearfix {*zoom: 1;    clear: both;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clear {clear: both;}
.ow {min-width: 1200px;}
.wrap,.w1200{width: 1200px;margin: 0 auto;}
.fr {float: right;}
.fl {float: left;}
.ease,
.ease * {
  transition: all ease 300ms;
}
/*nav_main*/
.nav_main {

  height: 85px;
  line-height: 85px;
  position: relative;
  z-index: 10;


}
.nav_main .logo{height: 47px;padding-top: 19px;}
.nav_main .logo img{display: block;height: 47px;}
.topper{}
.topper .sc{position: relative;}
.topper .sc a{background:url(../image/sou.png) center no-repeat;width:18px;height:20px;display: inline-block;vertical-align: middle;    margin-left: 10px;}
/*.topper .sc.s a,.topper .sc:hover a{background:url(../images/sou2.png) center no-repeat;}
*/.topper .search{ background: #ffffff;  z-index: 9999; margin-top: 2px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.3);width:250px;height:42px;position:absolute;right:0;top:83px;opacity:0;visibility: hidden;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;color: #333;}
.topper .s .search{opacity:1;visibility: visible;}
.topper .search .kw{display:block;float: left;height:42px;line-height:42px;width:190px;margin:0px 0 0 12px;font-size:16px;border: none;    background: none;}
.topper .search .ok{float: right;width:42px;height:100%;cursor: pointer;font-family:icon;font-size:20px;border:none;background:url(../image/sou.png) center center no-repeat;background-size:18px auto;}

.nav_main .sai{position: relative;    margin: 0 20px 0;}
.nav_main .sai i{width: 91px;height: 85px;display: block;background: url(../image/shop.png)no-repeat center;}
/*.nav_main .sai:hover i{background: url(../images/sao2.png)no-repeat center;}
*/.nav_main .sai dl{     position: absolute;
    right: -10px;
    top: 85px;
    width: 111px;
    z-index: 11;
    transition: all ease-in-out .5s;
    background: rgba(255, 255, 255, .9);}
.nav_main .sai dl dd{line-height: 35px;
    height: 35px;text-align: center;height: 0; transition: all ease-in-out .5s;}    
.nav_main .sai dl dd a{display: none;color: #333;transition: all ease-in-out .5s;}
.nav_main .sai dl dd:hover a{ background: rgba(193,209,165);color: #ffffff;} 
/*.nav_main .sai dl dd a:hover{color: #ffffff;}
*/.nav_main .sai dl:hover dd a,.nav_main .sai:hover dl dd a{display: block;}
/*.nav_main .sai:hover dl{ height:70px;}*/
.nav_main .sai:hover dl dd{height:35px;}



.nav_main .list {
  text-align: center;
  line-height: 0;
  font-size: 0;
}
.nav_main li

 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 85px;
  line-height: 85px;
  position: relative;
  vertical-align: top;
  padding: 0 10px;
  text-align: center;
  width: 120px;
  font-size: 16px;
  background: url(http://www.indicia.com.cn/templates/default/images/nav_line.jpg) no-repeat left center;
}

#top249 {width: 114px;}
#top250 {width: 114px;}
.nav_main li:first-child {
  background: none;
}
#top249 {width: 114px;}
.nav_main li a {
  display: block;
  height: 100%;
  padding: 0 5px;
  position: relative;
  color: #333;
}
.nav_main li a .nie{position: relative;
    z-index: 2;}
.nav_main li a .nie h2{font-size: 16px;display: none;}
.nav_main li a .nie h3{font-size: 16px;    text-transform: uppercase;}
.nav_main li:hover a .nie h2,.nav_main li.hover a .nie h2{display: block;}
.nav_main li:hover a .nie h3,.nav_main li.hover a .nie h3{display: none;}


.nav_main li i {
  position: absolute;
  bottom: 30px;
  left: 50%;
  width: 0;
  height: 8px;
  background: rgba(193,209,165);
  transition: all ease 300ms;
}
.nav_main li:hover i,
.nav_main li.hover i {
  width: 100%;
  margin-left: -50%;
}
.nav_main .sub-box {
  
  width: 100%;
  position: absolute;
  left: 0;
  top: 85px;
  display: none;
}
.nav_main .sub-box a {
  background-color: #27b01d;
  background-color: rgba(255, 255, 255, 0.9);
  line-height: 35px;
  height: 35px;
  overflow: hidden;
  display: block;
  font-size: 14px;
  transition: all ease 300ms;
}
.nav_main .sub-box a:hover,
.nav_main .sub-box a.hover {
  background: rgba(193,209,165);;color: #ffffff;
}

/*banner_main*/
.banner_main {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.banner {
  width: 100%;
  min-width: 1000px;
  position: relative;
  overflow: hidden;
  z-index: 0;
  height: 835px;
}
.banner .list {
  max-height: 835px;
  overflow: hidden;
}
.banner li {
  width: 100%;
  position: absolute;
  z-index: 1;
  overflow: hidden;
}
.banner li img {
   min-width: 100%;
  display: block;
  position: relative;
    left: 0;
  margin-left: 0;
/*  left: 50%;
  margin-left: -960px;*/
  top: 0;
}
.banner li a {
  width: 100%;
  display: block;
}
.banner .tip {
  width: 100%;
  height: 4px;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 40px;
  z-index: 10;
}
.banner .tip span {
  width: 51px;
  height: 4px;
  overflow: hidden;
  margin: 0 4px; opacity: .6;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
  background: #ffffff;
  font-size: 0;
  /*-moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;*/
}
.banner .tip span.cur {
  opacity: 1;
}
.banner .prev,.banner .next {
  width: 40px;
  height: 170px;
  position: absolute;
  z-index: 12;
  top: 50%;
  margin-top: -85px;
  cursor: pointer;
  background: url(http://www.indicia.com.cn/templates/default/images/banner-ico.png) no-repeat center center;
}
.banner .prev:hover,
.banner .next:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.banner .prev {
  left: 3%;
  background-position: 0 center;
}
.banner .next {
  right: 3%;
  background-position: -164px center;
}
.banner_main .bot{    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    display: block;
    height: 40px;}

.banner_main .title{    position: absolute;
    top: 300px;
    color: #ffffff;
    text-align: center;
    width: 100%;}
.banner_main .title h2{font-size: 30px;
    text-transform: uppercase;
    line-height: 34px;}
.banner_main .title h3{    font-size: 60px;
    font-weight: bold;
    line-height: 68px;}
/*about*/
.about{background: url(http://www.indicia.com.cn/templates/default/css/..%3C!--/images/about_bg.jpg--%3E)no-repeat center #F9F8F6;}
.about .abstract{padding-top: 68px;}
.about .abstract .img{width: 600px;height: 900px;}
.about .abstract .img img{display: block;width: 600px;}
.about .abstract .des{width: 540px;}
.about .abstract .des h1{font-size: 36px;line-height: 40px;padding: 113px 0 66px;}
.about .abstract .des p{font-size: 15px;text-align: justify;line-height: 30px;height: 177px;}
.about .abstract .des ul{}
.about .abstract .des ul li{width: 160px;height: 240px;margin-right: 30px;    overflow: hidden;}
.about .abstract .des ul li:first-child+li+li{margin-right: 0;}
.about .abstract .des ul a{display: block;}
.about .abstract .des ul img{display: block;width: 160px;transition: all ease 0.36s;}
.about .abstract .des ul li:hover img{transform: scale(1.02,1.02);}
.about .abstract .mo{line-height: 32px;color: #333333;font-size: 18px;margin: 88px 0 0 17px;float: left;border-bottom: 1px solid #525345;}
.about .abstract .mo:hover{<!--background: rgba(193,209,165);-->}
.about .concept{height: 662px;position: relative;}
.about .concept .des{    width: 600px;
    position: absolute;
    right: 50%;
    height: 662px;
    top: 0;}
.about .concept .des h1{font-size: 36px;margin: 98px 0 70px;}
.about .concept .des p{/*margin-bottom: 18px;*/font-size: 15px;line-height: 54px;}
.about .concept .des dd h2{font-size: 18px;line-height: 28px;}
/*.about .concept .des dd h2 em{font-style: normal;font-size: 14px;color: #666666;margin-left: 8px;}*/
/*.about .concept .des dd p{line-height: 24px;}*/
.about .concept .mo{line-height: 32px;color: #333333;font-size: 18px;margin: 88px 0 0 0;float: left;border-bottom: 1px solid #525345;}
.about .abstract .mo:hover{<!--background: rgba(193,209,165)-->}
.about .concept .img{/*background: url(../images/concept_bg.jpg)no-repeat top right;  */  height: 662px;
    width: 50%;
    display: block;
    left: 50%;
    top: 0;
    position: absolute;
    overflow: hidden;}

/*adver*/
.adver{background: url(../image/adver_bg.jpg)no-repeat center;height: 600px;margin-top: 34px; /*  background-attachment: fixed;
    background-size: cover;*/}
.adver .box{text-align: center;width: 660px;height: 200px;display: block;margin: 0 auto;background: url(../image/adver.png)repeat;position: relative;    top: 200px;}
.adver .box h2{color: #ffffff;text-transform:uppercase;font-size: 36px;    font-weight: 200; line-height: 46px;padding-top: 50px;}
.adver .box h3{color: #ffffff;font-size: 36px; line-height: 54px;}

/*news*/
.news{/*background: url(../images/news_bg.jpg)no-repeat center #F9F8F6;*/background: #F9F8F6;}
.timeless{}
.timeless{ width:100%;    position: relative;
    top: -95px;}
.timeless .floor_0_1{ position:relative; width:1200px; overflow:hidden;}
.timeless .floor_0_1 .bd{ float:left; width:600px; height:900px; position:relative;}
.timeless .floor_0_1 .bd ul{ display:inline-block;width:600px; height:900px;}
.timeless .floor_0_1 .bd ul li{width:600px; height:900px; position:relative; float:left;}
.timeless .floor_0_1 .bd ul li img{ display:block;width:600px; height:900px;margin: 3px}
.timeless .floor_0_1 .bd ul .box {
 background: #fff;
 text-align: left;
 padding: 60px 0 40px;
 position: absolute;
 right: -600px;
 top: 536px;
 width: 568px;
 bottom: 0;
}
.timeless .floor_0_1 .mo{
left: 22px;
 bottom: 40px;
} 
.timeless .floor_0_1 .bd ul .box H2{font-size: 18px;
    line-height: 38px;  padding-left: 22px;}
.timeless .floor_0_1 .bd ul .box span{font-size: 14px;
    font-size: 14px;
    color: #666666;
    display: block;
    line-height: 32px;
    padding: 20px;
}

.timeless .floor_0_1 .hd{ float: right;
    width: 568px;
    overflow: hidden;margin-top: 248px;    height: 648px;}
.timeless .floor_0_1 .hd ul{ display:inline-block;margin-bottom: 42px;}
.timeless .floor_0_1 .hd ul li{ width:133px;margin-left: 12px;}
.timeless .floor_0_1 .hd ul li:first-child{margin-left: 0;}
.timeless .floor_0_1 .hd ul li a{ display:block;width:133px;}
.timeless .floor_0_1 .hd ul li p{ display:block;  font-size:16px; color:#333; line-height:40px; text-align:center;text-transform: uppercase;}
.timeless .floor_0_1 .hd ul li img{width: 133px;height: 200px;    display: block;}
.timeless .floor_0_1 .hd ul li.on p{color: #ffffff;background: rgba(193,209,165);}
.timeless .floor_0_1 .hd .box{background: #fdfdfc;text-align: center;padding: 16px 0 52px;}
.timeless .floor_0_1 .hd .box h2{font-size: 18px;line-height: 38px;}
.timeless .floor_0_1 .hd .box span{font-size: 14px;color: #666666;display: block;line-height: 38px;}
.timeless .floor_0_1 .hd .mo{line-height: 30px;
    color: #333333;
    display: block;
    border-bottom: 1px solid #525345;
    text-align: center;
    width: 113px;
    font-size: 19px;
    margin: 56px auto 0;    position: absolute;
    bottom: 22px;
    left: 21px;}





.news .dynamics{}
.news .dynamics .tit{text-align: center;padding: 30px 0 60px;}
.news .dynamics .tit h2{text-transform:uppercase;font-size: 36px;    font-weight: 200; line-height: 46px;}
.news .dynamics .tit h3{text-transform:uppercase;font-size: 36px; line-height: 54px;}
.news .dynamics_top{background: #ffffff;height: 400px;}
.news .dynamics_top .img{width: 600px;height: 400px;;overflow: hidden;}
.news .dynamics_top .img a{display: block;}
.news .dynamics_top .img img{width: 600px;display: block;transition: all ease 0.36s;}
.news .dynamics_top:hover .img img{transform: scale(1.02,1.02);}
.news .dynamics_top .des{width: 450px;margin: 60px 0 0 70px;}
.news .dynamics_top .des h4{font-size: 19px;line-height: 32px;}
.news .dynamics_top .des span{line-height: 27px;margin: 30px 0 30px;display: block;}
.news .dynamics_top .des p{color: #666666;line-height: 30px;height: 116px;font-size: 15px;margin: 12px 0 29px;}
.news .dynamics_top .des .mo{line-height: 28px;color: #333333;float: left;border-bottom: 1px solid #525345;transition: all ease 0.36s;}
.mo:hover{
 color:  rgba(193,209,165) !important;
 }
.news .dynamics dl{padding: 48px 0 132px;}
.news .dynamics dl dd{float: left;width: 400px;}
.news .dynamics dl .img{width: 400px;height: 266px;    background: #000000;}
.news .dynamics dl .img a{display: block;}
.news .dynamics dl .img img{width: 400px;display: block;}
.news .dynamics dl .des{height: 150px;background: #ffffff;padding: 0 30px;}
.news .dynamics dl .des h4{font-size: 19px;border-bottom: 1px solid #eeeeee;line-height: 74px;}
.news .dynamics dl .des .mo{line-height: 28px;color: #333333;float: left;border-bottom: 1px solid #eeeeee;margin-top: 18px;}
.news .dynamics dl dd:hover img{opacity:1;}
.news .dynamics dl dd:hover .des{background: rgba(193,209,165);} 
.news .dynamics dl dd:hover .des h4,.news .dynamics dl dd:hover .des .mo{color: #ffffff;background: rgba(193,209,165);}

/*contact*/
.contact{background: url(../image/contact_bg.jpg)no-repeat center;height: 620px;}
.contact .tit{text-align: center;padding: 110px 0 50px;}
.contact .tit h2{text-transform:uppercase;font-size: 36px;    font-weight: 200; line-height: 46px;color: #ffffff;}
.contact .tit h3{text-transform:uppercase;font-size: 36px; line-height: 54px;color: #ffffff;}
.contact p{color: #ffffff;text-align: center;font-size: 18px; line-height: 26px;margin-bottom: 70px;}
.contact .searcher{width:460px;height:54px;  margin: 0 auto;     border: 1px solid rgba(238, 238, 238, .5);
    background: rgba(255, 255, 255, .24); }
.contact .searcher .submit{width:136px;height:54px;float:right;color: #ffffff;cursor:pointer;background: rgba(193,209,165);border: 0;font-size: 18px;}
.contact .searcher .txt{width:308px;height:54px;line-height:54px;float:right; text-indent: 1.4em;color: #ccc;
border: none;background: url(../image/dsou.png)no-repeat center left;margin-left: 14px;}

/*footer*/
.footer{background: #6F6D6A;}
.footer ul{padding: 6px;text-align: center;border-bottom: 1px solid #ffffff;}
.footer ul li{line-height: 74px;    display: inline-block;margin: 0 30px;
    float: none;}
.footer ul li a{color: #ffffff;font-size: 16px;text-transform:uppercase;}
.footer .box{padding: 64px 0 52px;}
.footer .box .dlogo{width: 400px;}
.footer .box .dlogo a{}
.footer .box .dlogo img{height: 98px;<!--padding-bottom: 23px-->;display: block;margin-top: 10px;}
.footer .box .dlogo h2{font-size: 18px;color: #eeeeee;margin-top: 14px; margin-left: 13px;}
.footer .box .consulting{width: 248px;margin: 0 96px 0 56px;}
.footer .box .consulting .tit h3{font-size: 24px;color: #ffffff;line-height: 32px;margin-top: 4px;}
.footer .box .consulting .tit h4{font-size: 14px;color: #90908e;text-transform:uppercase;line-height: 24px;padding-bottom: 16px;}
.footer .box .consulting .tit{border-bottom: 1px solid #81817f;}
.footer .box .consulting p{color: #eeeeee;line-height: 24px;margin-top: 12px;}
.footer .box .copy{}
.footer .box .copy p{color: #eeeeee;line-height: 24px;margin-top: 12px;}
.footer .box .copy p a{color: #eeeeee;}
.footer .box .copy dl{    border-bottom: 1px solid #81817f;padding: 12px 0 22px;}
.footer .box .copy dl dd{position: relative;float: left;margin-left: 16px;    cursor: pointer;}
.footer .box .copy dl dd i{border: 1px solid #868684;border-radius: 540px;width: 40px;height: 40px;}
.footer .box .copy dl dd.dd01{margin-left: 0;}
.footer .box .copy dl dd.dd01 i{display: block;background: url(../image/dd01.png)no-repeat center;}
.footer .box .copy dl dd.dd02 i{display: block;background: url(../image/dd02.png)no-repeat center;}
.footer .box .copy dl dd.dd03 i{display: block;background: url(../image/dd03.png)no-repeat center;}
.footer .box .copy dl dd.dd04 i{display: block;background: url(../image/dd04.png)no-repeat center;}
.footer .box .copy dl dd.dd05 i{display: block;background: url(../image/dd05.png)no-repeat center;}
.footer .box .copy dl dd img{    position: absolute;
    right: -42px;
    top: 55px;
    width: 120px;
    height: 0px;
    z-index: 11;
    transition: all ease-in-out .5s;border-radius: 5px;}
.footer .box .copy dl dd:hover img{ height:120px;}



/*copy*/
.link{background: #212221;}
.link,.link a{height: 48px;line-height: 48px;color: #cccccc;}




/*wrapper*/
.wrapper{background: #f8f8f8;}
.nymian{padding: 38px 0 75px;border-bottom: 1px solid #eeeeee;margin-bottom: 28px;}
.nymian .title{text-align: center;color: #000000;line-height: 122px;font-size: 36px;}
.nymian .menu{}
.nymian .menu ul{text-align: center;}
.nymian .menu ul li{float: none;display: inline-block;line-height: 36px;margin: 0 16px;border-bottom: 1px solid #333333;padding: 0 15px;}
.nymian .menu ul li a{color: #000000;display: block;}
.nymian .menu ul li:hover,.nymian .menu ul li.current{background: #99d63a;border-color: #99d63a;}
.nymian .menu ul li:hover a,.nymian .menu ul li.current a{color: #ffffff;}

.newslist{padding-bottom: 100px;}
.newslist .ntop{height: 400px;position: relative;}
.newslist .ntop a{display: block;}
.newslist .ntop .img{width: 600px;height: 400px;overflow: hidden;}
.newslist .ntop .img img{width: 600px;display: block;    transition: all ease 0.36s;}
.newslist .ntop:hover .img img{transform: scale(1.02,1.02);}
.newslist .ntop .des{width: 527px;height: 278px;position: absolute;right: 0;top:34px;background: #ffffff;padding: 54px 80px 0 56px;}
.newslist .ntop .des h2{font-size: 24px;line-height: 30px;  white-space: nowrap;
overflow: hidden;
 text-overflow: ellipsis;transition: all ease 0.36s;}
.newslist .ntop .des h3{font-size: 16px;color: #666666;line-height: 24px;padding: 32px 0 26px;}
.newslist .ntop .des p{line-height: 28px;height: 82px; -webkit-box-orient: vertical;
   text-overflow: ellipsis;
   overflow: hidden;
  word-break: break-all;
    display: -webkit-box;}
.newslist .ntop .des span{text-transform:uppercase;display: block;transition: all ease 0.36s;}
.newslist .ntop:hover .des span{color: #99d63a;}
.newslist dl{padding: 40px 0 48px;}
.newslist dl dd{float: left;width: 388px;margin: 0 18px 16px 0;}
.newslist dl dd:nth-child(3n){margin-right: 0;}
.newslist dl .img{width: 388px;height: 259px; overflow: hidden; }
.newslist dl .img a{display: block;}
.newslist dl .img img{width: 388px;display: block; transition: all ease 0.36s;}
.newslist dl .des{height: 162px;background: #ffffff;padding: 0 30px;    transition: all ease 300ms;}
.newslist dl .des h4{font-size: 20px;border-bottom: 1px solid #eeeeee;line-height: 82px;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.newslist dl .des .mo{line-height: 30px;color: #333333;float: left;border-bottom: 1px solid #525345;margin-top: 24px;}
.newslist dl dd:hover img{transform: scale(1.02,1.02);}
.newslist dl dd:hover .des{background: #99d63a;} 
.newslist dl dd:hover .des h4,.newslist dl dd:hover .des .mo{color: #ffffff;border-color: #b3dd70;}

/* pager */
.pager { width:100%; height:38px;     padding: 30px 0 80px; text-align:center; }
.pager > * { display:inline-block; height:38px; line-height:38px; padding:0 20px;  border:1px solid #edebeb; margin:0 5px; }
.pager > *:first-child { display:none; }
.pager > *:first-child + * { margin-left:0px; }
.pager > span { cursor:no-drop; }
.pager > span.cur { cursor:default; background:#f8f8f8; color:#d9324c; font-weight:bold; }
.pager > a:hover { background:#f9f9f9; }
.pager .current{    background: #99d63a; color: #ffffff; border: 1px solid #99d63a;}

/*singlenews*/
.singlenews{padding-bottom:110px ;}
.singlenews .ArticleTitle h1{text-align: center;font-size: 24px;margin-top: 40px;}
.singlenews .ArticleMessage{text-align: center;font-size: 16px;color: #666666;line-height: 40px;}
.singlenews .article{overflow: hidden;text-align: justify;margin: 10px 0 80px;}
.singlenews .article img{max-width: 100%;}

/* reLink */
.reLink {height:48px;overflow:hidden;background: #ffffff;padding: 0 25px;display: block;}
.reLink .prevLink {float: left;height: 48px;line-height: 48px;}
.reLink .nextLink {float: right;height: 48px;line-height: 48px;}

/*series*/
.series{padding: 80px 0 130px;}
.series ul{}
.series ul li{margin-bottom: 1px;}
.series ul li .img{width: 600px;height: 900px;overflow: hidden;float: left;}
.series ul li .img img{width: 600px;display: block; transition: all ease 0.36s;}
.series ul li:hover .img img{transform: scale(1.02,1.02);}

.series ul li .des{float: right;margin-left: 50px;height: 900px;width: 550px;}
.series ul li .des i{width: 108px;<!--height: 12px;background: #eeeeee-->;display: block;margin: 160px 0 0; transition: all ease 0.36s;}
.series ul li .des .tit{color: #555555;padding: 150px 0 56px;}
.series ul li .des .tit h2 a{font-size: 30px;line-height: 40px;}
.series ul li .des .tit h3{font-size: 16px;text-transform:uppercase;line-height: 24px;}
.series ul li .des p{font-size: 16px;color: #555555;line-height: 38px;height: 200px;}
.series ul li .des .mo{color: #555555;font-size: 19px;width: 113px;height: 29px;display: block;/*border: 1px solid #dddddd;*/text-align: center;line-height: 38px; transition: all ease 0.36s;}
.series ul li:nth-child(2n) .img{float: right;}
.series ul li:nth-child(2n) .des{float: left;    margin-left: 0;margin-right: 50px;}
.series ul li:hover i{background: #99d63a;}

  .series .clearfix li:nth-child(2) .des  .tit h2{
    text-align: right;
  }
    .series .clearfix li:nth-child(2) .des  p{
    text-align: right;
  }
     .series .clearfix li:nth-child(2) .des  a {
    text-align: right;
    float: right;
    right: 0;
  }



/*jointop*/
.jointop{background: url(../image/jointop.jpg)no-repeat center;height: 500px;background-size: cover;}
.jointop .box{text-align: center;color: #333333;}
.jointop .box h2{font-size: 36px;padding:110px 0 40px;}
.jointop .box p{font-size: 16px;line-height: 32px;}

/*joincenter*/
.joincenter{ /*background: url(../images/joincenter_bg.jpg)no-repeat center #f8f8f8; */ padding: 77px 0 0;}
.joincenter .one{position: relative;z-index: 2;height: 650px;}
.joincenter .one .tit{width: 270px;}
.joincenter .one .tit .head{position: relative;}
.joincenter .one .tit .head h2{font-size: 118px;color:rgba(193,209,165);line-height: 110px;}
.joincenter .one .tit .head span{font-size: 30px;display: block;line-height: 34px;background: #f1f2f2;position: absolute;top: 38px;left: 28px;}
.joincenter .one .tit .zixun{line-height: 30px;font-size: 16px;float: left;border-bottom: 1px solid #7a7a7a;margin:50px 0 0 30px;}
.joincenter .one .des{width: 880px;padding-bottom: 65px;}
.joincenter .one .des img{width: 398px;display:none;margin: 40px 0 10px;}
.joincenter .one .des p{    width: 977px;
    line-height: 30px;
    height: 175px;
    /* margin-top: 74px; */
    margin: 50px 110px;}
.joincenter .one .des h3{font-size: 18px;}
.joincenter .one .des h3 i{margin: 0 26px;}
.joincenter .one .img{width: 399px;height: 575px;position: relative;z-index: 2;}
.joincenter .one .img img{width: 399px;display: none;}

.joincenter .jone02{position: absolute;    bottom: 0;}
.joincenter .jone02 img{max-width: 100%;display: block;}
.joincenter .summer{width:532px;margin: auto;    text-align: justify;}
.joincenter .summer h2{line-height: 30px;color: #555555;font-size: 14px;margin: 35px 0 50px;}
.joincenter .summer h3{font-size: 24px;line-height: 72px;}
.joincenter .summer p{line-height: 30px;color: #555555;font-size: 14px;height: 128px;margin-bottom: 28px;
    margin-top: 64px;}
.joincenter .summer .box{}
.joincenter .summer .box .img{width: 400px;height: 600px;}
.joincenter .summer .box .img img{width: 400px;display: block;}
.joincenter .summer .des{width: 410px;padding-top: 135px;}
.joincenter .summer .des h4{font-size: 24px;text-transform:uppercase;line-height: 68px;}
.joincenter .summer .des p{text-align: justify;height: 206px;}
.joincenter .summer .des ul{}
.joincenter .summer .des ul li{display: inline-block;float: none;    margin-right: 72px;}
.joincenter .summer .des ul li h5{line-height: 22px;font-size: 16px;}
.joincenter .summer .des ul li span{line-height: 18px;display: block;text-transform:uppercase;color: #999999;}

.joincenter .summer01{}
.joincenter .summer01 img{max-width: 100%;display: block;    margin-top: 48px;}

.joincenter .two{padding: 90px 0 96px;}
.joincenter .two .head{position: relative;}
.joincenter .two .head h2{font-size: 118px;color:rgba(193,209,165);line-height: 110px;}
.joincenter .two .head span{font-size: 30px;display: block;line-height: 34px;background: #f1f2f2;position: absolute;top: 38px;left: 28px;}
.joincenter .two h3{text-align: center;font-size: 18px;    line-height: 90px;}
.joincenter .two .two01{}
.joincenter .two .two01 img{max-width: 100%;display: none;}
.joincenter .two p{text-align: center;line-height: 24px;color: #555555;padding: 55px 0;}
.joincenter .two .box{}
.joincenter .two .box .img{width: 577px;height: 848px;}
.joincenter .two .box .img img{width: 577px;display: block;}
.joincenter .two .box .des{width: 580px;}
.joincenter .two .box .des img{}
.joincenter .two .box .des .big{border-bottom: 1px solid #eeeeee;padding-top: 28px;}
.joincenter .two .box .des .big h4{font-size: 18px;line-height: 52px;text-transform:uppercase;}
.joincenter .two .box .des .big span{display: block;color: #555555;line-height: 30px;height: 148px;}
.joincenter .two .box .des .bot{padding-top: 60px;}
.joincenter .two .box .des .bot span{display: block;color: #555555;line-height: 30px;height: 138px;}
.joincenter .two .box .des .bot .zixun{font-size: 16px;line-height: 30px;border-bottom: 1px solid #777777;    float: left;}
.joincenter .two .box .twoBox{width: 580px;height: 386px;position: relative;    overflow: hidden;}
.joincenter .two .box .twoBox .hd{position: absolute;bottom:15px;right: 0;    z-index: 2;}
.joincenter .two .box .twoBox .hd ul{}
.joincenter .two .box .twoBox .hd ul li{width: 10px;height: 10px;background: #ffffff;border-radius: 10px;float: left;margin: 0 6px;}
.joincenter .two .box .twoBox .hd ul li.on{background: #7dc248;}
.joincenter .two .box .twoBox .bd{ position:relative; height:100%; z-index:0;   }
.joincenter .two .box .twoBox .bd li{ zoom:1; vertical-align:middle; }
.joincenter .two .box .twoBox .bd img{width: 580px;height: 386px;display:block;  }
/*.joincenter .two .box .twoBox .tempWrap,.joincenter .two .box .twoBox .tempWrap ul{    width: 580px !important;}*/
.jointhree{background: url(../image/jointhree.jpg)no-repeat center;height: 610px;}
.jointhree .tit{width: 270px;padding-top: 114px;}
.jointhree .head{position: relative;}
.jointhree .head h2{font-size: 118px;color: #ffffff;line-height: 110px;}
.jointhree .head span{font-size: 30px;display: block;line-height: 34px;color: #ffffff;background: #99d63a;position: absolute;top: 38px;left: 28px;}
.jointhree .tit .zixun{line-height: 30px;font-size: 16px;float: left;border-bottom: 1px solid #ffffff;margin:50px 0 0 30px;color: #ffffff;}
.jointhree dl{margin-right: 60px;margin-top: 122px;position: relative;}
.jointhree dl::before{content: "";width: 4px;height: 90%;background: #99d63a;display: block;position: absolute;left: 22px;}
.jointhree dl dd{display: block;position: relative;margin-bottom: 34px;}
.jointhree dl i{width: 48px;height: 48px;background: #ffffff;border-radius: 48px;text-align: center;  
  position: absolute;    display: block;line-height: 48px;color: #99d63a;font-size: 24px;}
.jointhree dl p{color: #ffffff;line-height: 48px;padding-left: 76px;}
.jointhree dl dd:hover i{background: #99d63a;color: #ffffff;}



.joinfore .fore{}
.joinfore .fore .tit{width: 270px;padding-top: 114px;}
.joinfore .fore .head{position: relative;}
.joinfore .fore .head h2{font-size: 118px;color:rgba(193,209,165);line-height: 110px;}
.joinfore .fore .head span{font-size: 30px;display: block;line-height: 34px;background: #ffffff;/*position: absolute;top: 38px;left: 28px;*/}
.joinfore .fore .tit .zixun{line-height: 30px;font-size: 16px;float: left;border-bottom: 1px solid #7a7a7a;margin:50px 0 0 30px;}
.joinfore .fore ul{width: 474px;padding-top: 68px;}
.joinfore .fore ul li{width: 326px;border-bottom: 1px solid #eeeeee;padding-top: 46px;}
.joinfore .fore ul li .title{border-left: 7px solid rgba(193,209,165);    padding-left: 7px;}
.joinfore .fore ul li .title h3{font-size: 18px;    line-height: 1;}
.joinfore .fore ul li .title span{/*color: #999999;*/display: block;   line-height: 1;margin-top: 10px;}
.joinfore .fore ul li p{line-height: 28px;color: #555555; width: 284px;padding: 10px 0 34px 10px;}
.joinfore .fore .img{width: 456px;}
.joinfore .fore .img img{display: block;}

.conclusion{background: url(../image/conclusion.jpg)no-repeat center;height: 516px;}
.conclusion h2{color: #ffffff;text-align: center;font-size: 30px;line-height: 38px;padding: 169px 0 42px;}
.conclusion p{color: #ffffff;text-align: center;font-size:16px;width: 900px;line-height: 32px;margin: 0 auto;}

.bottom{padding: 134px 0 145px;}
.bottom p{color: #555555;font-size: 18px;line-height: 54px;text-align: center;}


/*introduction*/
.introduction{height: 640px;position: relative;margin-top: 108px;}
.introduction .img{background: url(../image/introduction.jpg)no-repeat top right;
    height: 640px; width: 50%;display: block; right: 50%;
    top: 0;position: absolute;overflow: hidden;}
.introduction .des{width: 476px;position: absolute; left: 50%; height: 526px;top: 0;padding: 144px 56px 0 68px;}  
.introduction .des .head{margin-bottom: 55px;}
.introduction .des .head h1{font-size: 30px;line-height:42px;}
.introduction .des .head h2{font-size: 14px;color: #999999;text-transform: uppercase;line-height:26px;}
.introduction .des span{font-size: 16px;line-height:42px;display: block;}
.introduction .des p{font-size: 16px;line-height: 32px;height: 180px;}
.introduction .des ul{}
.introduction .des ul li{width: 130px;height: 38px;text-align: center;line-height: 38px;color: #ffffff;margin-right: 43px;}
.introduction .des ul li.li01{background: url(../image/introduction01.jpg)no-repeat center;}
.introduction .des ul li.li02{background: url(../image/introduction02.jpg)no-repeat center;}
.introduction .des ul li.li03{background: url(../image/introduction03.jpg)no-repeat center;margin-right: 0;}

/*history*/
.history{background: url(../image/history_bg.jpg)no-repeat;height: 669px;position: relative;padding-top: 136px;}
.history::before{content: "";width: 100%;height: 1px;background: #999999;display: block;position: absolute;top: 502px;}
.history .tit{text-align: center;}
.history .tit h1{font-size: 30px;line-height: 42px;}
.history .tit h2{font-size: 14px;color: #999999;text-transform: uppercase;line-height: 26px;}
.history .picScroll-left{width: 1200px;margin: 58px auto 0;position: relative;}
.history .picScroll-left .hd{}
.history .picScroll-left .hd ul,.history .picScroll-left .hd .pageState{display: none;}
.history .picScroll-left .hd .next{    width: 36px;
    height: 36px;
    background:url(../image/fr.png)no-repeat center #999999;
    display: block;
    position: absolute;
    right: -36px;
    top: 222px;border-radius: 36px;}
.history .picScroll-left .hd .prev{   width: 36px;
    height: 36px;
    background:url(../image/fl.png)no-repeat center #999999;
    display: block;
    position: absolute;
    left: -36px;
    top: 222px;border-radius: 36px;}
.history .picScroll-left .hd .next:hover,.history .picScroll-left .hd .prev:hover{background-color: #99d63a;}

.history .picScroll-left .bd{}
.history .picScroll-left .bd .picList{}
.history .picScroll-left .bd .picList li{width: 400px;position: relative;}
.history .picScroll-left .bd .picList .pic{width: 300px;height: 200px;}
.history .picScroll-left .bd .picList .pic img{width: 300px;display: block;}
.history .picScroll-left .bd .picList i{width: 1px;height: 44px;background: #999999;display: block;margin: 22px 0 13px 145px;}
.history .picScroll-left .bd .picList .title{}
.history .picScroll-left .bd .picList .title h3{font-size: 16px;font-weight: bold;margin-left: 128px;}
.history .picScroll-left .bd .picList .title h4{line-height: 44px;
    font-size: 16px;
    /* margin-left: 50px; */
    width: 80%;
    text-align: center;}
.history .picScroll-left .bd .picList .title p{margin-left: 108px;margin-left: 53px;}
.history .picScroll-left .bd .picList .title p{background: url(../image/kuang.jpg)no-repeat left center;padding-left: 18px;line-height: 26px; width: 80%;}

.history h5{position: absolute;
    right: -74px;
    top: 280px;
    font-size: 16px;}

/*brand*/
.brand{}
.brand .img{width: 600px;height: 900px;}
.brand .img img{display: block;width: 600px;}
.brand .des{    width: 50%;height: 869px;
    position: relative;}
.brand .des .tit{padding: 120px 0 66px;}
.brand .des .tit h1{font-size: 30px;line-height: 40px;}
.brand .des .tit span{color: #999999;display: block;text-transform: uppercase;line-height: 24px;}
.brand .des ul{position: absolute;
    bottom: 0;}
.brand .des dl{height: 288px;}
.brand .des dd{margin-bottom: 18px;}
.brand .des dd h2{font-size: 18px;line-height: 28px;}
.brand .des dd h2 em{font-style: normal;font-size: 14px;color: #666666;margin-left: 8px;}
.brand .des dd p{line-height: 24px;}
.brand .des ul li{width: 160px;height: 240px;margin-right: 30px;overflow: hidden;}
.brand .des ul li:first-child+li+li{margin-right: 0;}
.brand .des ul a{display: block;}
.brand .des ul img{display: block;width: 160px;transition: all ease 0.36s;}
.brand .des ul li:hover img{transform: scale(1.02,1.02);}
/*trademark*/
.trademark{padding: 130px 0 114px;}
.trademark .tit{text-align: center;}
.trademark .tit h1{font-size: 30px;line-height: 42px;}
.trademark .tit h2{font-size: 14px;color: #999999;text-transform: uppercase;line-height: 26px;}
.trademark ul{margin-top: 50px;}
.trademark ul li{width: 380px;margin-right: 30px; transition: all ease 0.36s;}
.trademark ul li:nth-child(3n){margin-right: 0;}
.trademark ul li a{}
.trademark ul li .img{width: 380px;height: 570px;overflow: hidden;}
.trademark ul li .img img{width: 380px;display: block; transition: all ease 0.36s;}
.trademark ul li .des{}
.trademark ul li .des h3{display: block;text-align: center;font-size: 18px;margin: 32px 0 20px;}
.trademark ul li .des span{width: 108px;height: 38px;border: 1px solid #eeeeee;display: block;margin: 0 auto;text-align: center;line-height: 38px;background: url(../image/trademark_fr.png)no-repeat center; transition: all ease 0.36s;}
.trademark ul li:hover .des span{border-color: #99d63a;background: url(../image/trademark_frh.png)no-repeat center;}
.trademark ul li:hover .img img{transform: scale(1.02,1.02);}
/*case*/
.casebox{}
.casebox .img{width: 600px;height: 900px;overflow: hidden;}
.casebox .img img{width: 600px;display: block;}
.casebox .des{width: 600px;margin-top: 105px;position: relative;}
.casebox .des .img01{width: 464px;height: 696px;float: right;}
.casebox .des .img01 img{width: 464px;height: 696px;}
.casebox .des .big{width: 362px;height: 249px;    background: rgba(242, 243, 241, .7);
    position: absolute;top: 245px;padding: 0 68px 0 42px;}
.casebox .des .big h2{font-size: 60px;color: #555555;line-height: 128px;}
.casebox .des .big p{font-size: 16px;line-height: 28px;color: #6a6a6a;}
.casebox .des .img02{width: 68px;height: 68px;}
.casebox .des a{display: block;    position: absolute;
    right: -35px;
    top: 72px;}
.casebig{}
.casebig ul{padding: 78px 0;}
.casebig ul li{width: 380px;margin: 0 30px 70px 0;}
.casebig ul li:nth-child(3n){margin-right: 0;}
.casebig ul li:nth-child(2),.casebig ul li:nth-child(5),.casebig ul li:nth-child(8){margin-top: -30px;}
.casebig ul li a{width: 380px;display: block;}
.casebig ul li .img{width: 380px;height: 570px;overflow: hidden;}
.casebig ul li .img img{width: 380px;display: block; transition: all ease 0.36s;}
.casebig ul li:hover .img img{transform: scale(1.02,1.02);}

.casebig ul li span{font-size: 24px;line-height: 100px;color: #666666;display: block;text-align: center;}

/*recruitment*/
.recruitment{padding: 70px 0 140px;}
.recruitment .titlt{text-align: center;}
.recruitment .titlt h2{font-size: 36px;color: #000000;line-height: 54px;}
.recruitment .titlt p{text-align: center;color: #666666;line-height:32px;}
.recruitment .titlt p a{color: #f10f0f;}

.recruitment .box{padding: 30px 0 70px;border-top: 1px solid #eeeeee;}
.recruitment .box dl{}
.recruitment .box dd{float: left;width: 336px;height: 56px;line-height:56px;background: #ffffff;box-shadow: 1px 0 8px rgba(0, 0, 0, .06);margin: 0 30px 30px 0;padding: 0 22px;    transition: all .36s ease;}
.recruitment .box dd:nth-child(3n){margin-right: 0;}
.recruitment .box dd h3{float: left;font-size: 16px;color: #666666;}
.recruitment .box dd h4{float: right;font-size: 14px;color: #999999;}
.recruitment .box dd:hover{background: rgba(193,209,165);}
.recruitment .box dd:hover h3,.recruitment .box dd:hover h4,.recruitment .box dd:hover p,.recruitment .box dd:hover span{color: #ffffff;}
.recruitment .relink{text-align: center;margin-top: 90px;}
.recruitment .relink a{display: inline-block;width: 214px;height: 48px;text-align: center;line-height: 48px;border: 1px solid #dddddd;margin: 0 23px;}
.recruitment .relink a:hover{background: #4b4b47;color: #ffffff;}
.recruitment .city{margin: 35px auto 25px;
    text-align: center;}
.recruitment .city select{    height: 34px;
    min-width: 222px;
    border-color: #dddddd;    margin: 0 20px;}

.mapbox{}
.mapbox .map{}
.mapbox .map img{max-width: 100%;}




	.slideBox{ width:450px; height:230px; overflow:hidden; position:relative; border:1px solid #ddd;  }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:450px; height:230px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(http://www.indicia.com.cn/templates/default/images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }


.closebox{    position: relative;}
.closebox .close{    position: absolute;
    top: 0;
    right: 0;
    width: 31px;
    height: 31px;    z-index: 2;
    cursor: pointer;}
.closebox .close img{    display: block;}
.closebox h2{    text-align: center;}




/*meaning*/
.meaning{padding-top: 120px;}
.meaning .tit{text-align: center;}
.meaning .tit h1{font-size: 30px;line-height: 42px;}
.meaning .tit h2{font-size: 14px;color: #999999;text-transform: uppercase;line-height: 26px;}
.meaning .tit p{margin: 30px 0 40px;}
.meaning .img{border: 1px solid #eeeeee;}
.meaning .img img{display: block;width: 100%;margin: 0 auto;}

/*activity*/
.activity{padding: 70px 0 50px;}
.actibig{ width:100%;/* height:720px; *//*overflow:hidden;*/ position:relative;  }
.activity .bd{ position:relative; height:100%; z-index:0;   }
.activity .bd li{ zoom:1; vertical-align:middle; }
.activity .bd li h2{text-align: center;font-size: 16px;margin-top: 20px;}	
		/* 下面是前/后按钮代码，如果不需要删除即可 */
.activity .prev,
.activity .next{ position:absolute; top:50%; margin-top:-25px; display:block; width:40px; height:28px;  filter:alpha(opacity=50);opacity:0.5;   }
.activity .prev{ left:-5%;  background: url(../image/actifl.png)no-repeat; }
.activity .next{ left:auto; right:-5%; background: url(../image/actifr.png)no-repeat; }
.activity .prev:hover,
.activity .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.activity .prevStop{ display:none;  }
.activity .nextStop{ display:none;  }

/*activideo*/
.activideo{height: 720px;}
.activideo img{display: block!important;margin: 0 auto;padding-top: 300px;}
.activideo h2{font-size: 16px;color: #ffffff;text-align: center;margin-top: 20px;}

.videos{display: none;
    border: 1px solid #080808;
    position: fixed;
    left: 0%;
    top: 0%;
    /* margin-left: -320px; */
    /* margin-top: -210px; */
    z-index: 100;
    width: 100%;
    height: 100%;background: rgba(0 0 0 / 0.8);}
.vclose{position: absolute;
    right: 1%;
    top: 1%;
    border-radius: 100%;
    cursor: pointer;}


/*actibox*/
.actibox{padding: 96px 0;}
.actibox .fl{width: 600px;}
.actibox .fl i{width: 0px;height: 0px;background: #eeeeee;display: block;margin-bottom: 46px;}
.actibox .fl h2{font-size: 22px;color: #555555;line-height: 38px;}
.actibox .fl h3{font-size: 16px;color: #555555;line-height: 28px;margin-top: 10px}
.actibox .fl h4{width: 460px;margin-top: 30px;text-align: justify; line-height: 30px;}
.actibox .fl .mo{font-size: 16px;color: #555555;line-height:40px;margin-top: 2px;display: block;transition: all .3s linear;width: 100px;border-bottom: 1px solid #777777;}
.actibox .fr{width: 600px;}
.actibox .fr .img{width: 600px;position: relative;height: 360px;overflow: hidden;}
.actibox .fr .img img{width: 600px;display: block;transition: all ease 0.36s;}
.actibox .fr:hover .img img{transform: scale(1.02,1.02);}

.actibox .fr .img em{background: url(../image/v_icon.png)no-repeat center;width: 88px;height: 88px;display: block;position: absolute;    top: 50%;
    left: 50%;
    margin-top: -44px;
    margin-left: -44px;}
.actibox .fl:hover i{background: #99d63a;}
.actibox .fl:hover .mo{/*background: #99d63a;*/color: #ffffff;text-align: center;}

.series .zixun{border-bottom: 1px solid #777777;}