@import url("header.css");
@import url("footer.css");
.sub_banner img{max-width:100%}

.nycontainer{
	width:1244px;
	margin:0 auto;
}
.page-position {
    padding: 18px 0;
    font-size: 14px;
    color: #2f2f2f;
    border-bottom:1px solid #eaeaea;
}

.page-position a {
    color: #2f2f2f;
}

.page-position a:hover {
    color: #f5a100;
}

.page-position .nycontainer{
    padding-left: 32px;
    background:url(../images/home.png) no-repeat;
    background-size:24px;
    background-position: 0px -3px;

}


/*about*/
.aboutnavbox{width:100%; margin:32px 0px 32px;}
.aboutnav{width:100%; height:54px; background:#efefed; line-height:54px; font-size: 18px; text-align: center; }
.flex-sb{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.aboutnav ul li{width:20%;}
.aboutnav ul li.act, .aboutnav ul li:hover {
    background: url(../images/icon-aboutnav.png) no-repeat bottom center #f3a310;
    border-color: #f3a310;
}
.aboutnav ul li.act a, .aboutnav ul li:hover a{
	color:#fff;
}


.aboutconbox{width:100%;     align-items: center;}
.aboutcon-img{width: 663px;}
.aboutcon-img img{max-width:100%}
.aboutcon{width: calc(100% - 700px);}
.aboutcon h2{font-size:32px; color:#333; line-height:40px; font-weight:bold; margin:20px 0px;}
.aboutcon .con{font-size:16px; color:#333; line-height:30px;}
.aboutcon .con p{margin:12px 0px;}
.aboutnum{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top:50px;
    margin-bottom:64px;
}
.aboutnumitem .wz{
    font-size: 38px;
    font-weight: bold;
    position: relative;
    width:170px;
}

.aboutnumitem .wz .counter{
    font-size: 48px;
    font-weight: 400;
    /*font-family: "Arial";*/
    letter-spacing: -2px;
}
.aboutnumitem .wz .unit{
    font-size: 16px;
    color:#7a7a7a;
    font-weight: normal;
}
.aboutnumitem .wz:after{
    content: '';
    position: absolute;
    z-index: 100;
    width: 32px;
    border-radius:2px;
    left: 2px;
    height: 5px;
    background: #f5a200;
    opacity: 1;
    top: 70px;
}
.aboutnumitem .wz2{
    font-size: 16px;
    color:#7a7a7a;
    font-weight: normal;
    margin-top:44px;
}



.workshop_list{
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    padding-top: 20px;
/*  justify-content: space-between;*/
    margin-bottom:42px;
}
.workshop_list dd{
    width: calc((100% - 48px) / 3);
    background: #fff;
    margin: 0 16px 16px 0;
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
    border: 1px solid #ececec;
        display: flex;
    align-items: flex-end;
        box-sizing: border-box;
}
.workshop_list dd:nth-child(3n){margin-right: 0px;}
.workshop_list dd a{
    display: block;
    padding: 20px 20px 0;
}

.workshop_list_pic{
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
}

.workshop_list_pic img{
    width: 100%;
}
.workshop_list_con{
    padding: 13px 0;
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    justify-content:space-between;
    -ms-justify-content:space-between;
    -webkit-justify-content:space-between;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items:center;
    border-top: 1px solid #ececec;
}

.workshop_list_con .tt{
    width:100%;
    text-align: center;
    font-size: 14px;
    line-height: 1.4;
}
.workshop_list_con .icon{
    width: 30px;
    height: 30px;
    font-size: 22px;
    color: #666;
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    justify-content:center;
    -ms-justify-content:center;
    -webkit-justify-content:center;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items:center;
}
.workshop_list dd:hover{
    box-shadow: 0 0 14px rgba(50,50,50,.1);
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
}
.workshop_list dd:hover .workshop_list_pic img{
    transform:scale(1.03,1.03);
    -webkit-transform:scale(1.03,1.03);
}



/*honor*/
.honor_list{
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    padding-top: 20px;
    margin-bottom:64px;
/*  justify-content: space-between;*/
}
.honor_list dd{
    width: calc((100% - 48px) / 4);
    background: #fff;
    margin: 0 16px 16px 0;
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
    border: 1px solid #ececec;
        display: flex;
    align-items: flex-end;
        box-sizing: border-box;
}
.honor_list dd:nth-child(4n){margin-right: 0px;}
.honor_list dd a{
    display: block;
    padding: 20px 20px 0;
}

.honor_list_pic{
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
}

.honor_list_pic img{
    width: 100%;
        transition: 1s;
}
.honor_list_con{
    padding: 13px 0;
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    justify-content:space-between;
    -ms-justify-content:space-between;
    -webkit-justify-content:space-between;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items:center;
    border-top: 1px solid #ececec;
}

.honor_list_con .tt{
    width:100%;
    text-align: center;
    font-size: 14px;
    line-height: 1.4;
}
.honor_list_con .icon{
    width: 30px;
    height: 30px;
    font-size: 22px;
    color: #666;
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    justify-content:center;
    -ms-justify-content:center;
    -webkit-justify-content:center;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items:center;
}
.honor_list dd:hover{
    box-shadow: 0 0 14px rgba(50,50,50,.1);
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
}
.honor_list dd:hover .honor_list_pic img{
    transform:scale(1.03,1.03);
    -webkit-transform:scale(1.03,1.03);
}






/*page 分页*/
.page_list{text-align: center; margin:24px 0px 64px;}
.page {
  display:inline-block;
  font: 16px/24px '微软雅黑', sans-serif;
  *display:inline;
  :1;
  *zoom:1;}
.page span {
  float:left;}
.page a,
.page span{
  background:#FFF;
  border:1px solid #CCC;
  color:#333;
  float:left;
  font: 16px/24px  '微软雅黑', sans-serif;
  margin-right:5px;
  min-width:15px;
  padding:4px 12px;
  text-align:center;
  vertical-align:middle;
  white-space:nowrap;
  _width:15px;
border-radius:4px;
}
.page span{background:#f5a100; color:#fff; }
.page a:hover {
  border:1px solid #f5a100;
  color:#f5a100;
  text-decoration:none;}

.page a.page-curpage {
  background:#f5a100;
  border:1px solid #f5a100;
  color:#FFF;
  font-weight:bold;}

/*服务支持*/
.servicebox{display:flex;    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between; margin-bottom: 72px;}
.serviceimg{width:660px;}
.servicecon{width:calc(100% - 720px);}
.service-tit{    font-size: 30px;
    color: #000;
    font-weight: bold;
    letter-spacing: 1px;
    border: 4px solid #f3a310;
    display: block;
    padding: 55px 40px; text-align: center;}
.service-tit p{    display: block;
    font-style: normal;
    font-size: 22px;
    font-weight: normal;
    color: #333;
    margin-top: 14px;}
.servicecon .info{    font-size: 16px; line-height:44px;
    display: block;
    margin-top: 60px;}

/*联系我们*/
.contactbox{width:100%;}
.contactcate{ padding:24px 48px 0px; background:#fff; display:flex; justify-content: space-between;
    align-content: center;
    align-items: center;
}

.contactcon{
    width: calc(100% - 280px);
    display:flex; 
    justify-content: space-between;
    align-content: center;
}
.contactitem{
    font-size: 22px;
    color:#2d2d2d;
}
.contactitem .ctit{
    display:flex; justify-content: flex-start;;
    align-content: center;
    align-items: center;
    margin-bottom: 24px;
}
.contactitem .ctit span{}
.contactitem .ctit i{display: inline-block;
width:42px; height:42px; border:2px solid #f5a100; border-radius: 50%; box-sizing: border-box; margin-right:12px;}
.contactitem .ctit i.c1{
    background:url(../images/c2.png) no-repeat;
    background-size:24px;
    background-position:6px;
}
.contactitem .ctit i.c2{
    background:url(../images/c1.png) no-repeat;
    background-size:24px;
    background-position:6px;
}
.contactitem .ctit i.c3{
    background:url(../images/c3.png) no-repeat;
    background-size:24px;
    background-position:6px;
}
.contactitem .nr{
    font-size: 22px;
    color:#2d2d2d;
}

.map{max-width:100%; margin:36px auto 64px; min-height:480px}


.picbox{background:#fff; padding:72px 0px 72px;}
.picboxtit{font-size:40px; color:#111111; text-align: center; letter-spacing: 4px; height:40px; line-height:40px;}
.picboxcon{margin-top:36px; text-align: center;}

.gfnav{background:#f5a100;display: flex; justify-content: space-between; flex-wrap: wrap; width:92%; height:92px; 
    margin:0 auto 60px;}
.gfnav a{color:#fff; font-size: 18px;}
.gfnav .gfnav-l{margin:32px 0px 0px 20px;}
.gfnav .gfnav-l a{background:url(../images/gf-left.png) no-repeat 10px -2px; padding-left:40px; background-size:30px;}
.gfnav .gfnav-c{margin:32px 0px 0px 0px;}
.gfnav .gfnav-c a{background:url(../images/gf-center.png) no-repeat 10px 0px; padding-left:40px; background-size:24px;}
.gfnav .gfnav-r{margin:32px 20px 0px 0px;}
.gfnav .gfnav-r a{background:url(../images/gf-right.png) no-repeat 60px -2px; padding-right:40px; background-size:30px;}


.picbox .gfnav{width:100%; height:72px; margin-top:36px; margin-bottom: 0px;}
.picbox .gfnav .gfnav-l{margin-top:22px;}
.picbox .gfnav .gfnav-r{margin-top:22px;}
.picbox .gfnav .gfnav-c{margin-top:22px;}


.picboxcon img{max-width:100%}


.workshopbox{background: #f5f5f5; padding:64px 0px 42px; margin-bottom:64px;}
.honorbox{padding:64px 0px 42px;}


@media(max-width:768px){
    .sub_banner{padding-top: 60px;}
    .page-position .nycontainer{width:calc(96% - 32px);}
    .nycontainer{width:100%;}
    .aboutnavbox{margin:24px 0px;}
    .aboutnav{font-size:16px; height:48px;line-height:48px;}
    .aboutcon-img{width:96%; margin:0 auto;}
    .flex-sb{display:block;}
    .aboutnav .flex-sb{display:flex;}

    .aboutconbox{ align-items:normal;}
    .aboutcon{width:96%; margin:0 auto; align-items:normal;}
    .aboutcon h2{font-size:24px;}
    .aboutcon .con{font-size:14px;}
    .aboutnum{margin-top:24px; margin-bottom:24px; width:96%; margin:24px auto;}
    .workshop_list,.honor_list{width:96%; margin:0 auto;}
    .workshop_list dd a{padding:0px;}
    .workshop_list_pic{margin-bottom: 0px;}
    .workshop_list dd{width:100%;}
    .workshop_list dd:nth-child(3n){margin-right:0px;}

    .honor_list dd{width:calc((100% - 6px)/2); margin:0px 6px 6px 0px; }
    .honor_list dd:nth-child(3n){margin-right:6px;}
    .honor_list dd:nth-child(2n){margin-right:0px;}
    .workshopbox{margin-bottom: 24px;}
    .picbox{padding-top:24px; width:96%; margin:0 auto;}

    .servicebox{ align-items:normal; display:block;}
    .serviceimg{width:100%;}
    .serviceimg img{max-width:100%}
    .servicecon{width:96%; margin:0 auto;}

    .service-tit{font-size: 24px; padding:36px 24px; margin-top:20px;}
    .servicecon .info{margin-top:16px;}

    .contactcate{padding:0px 12px;}
    .contactcon{width:100%; display:block; font-size: 16px;}
    .contactitem .ctit{margin-bottom:4px;}
    .contactitem .ctit i{width:28px; height:28px; background-size: 16px;
    background-position: 3px;}
    .contactitem .ctit i.c1 {
    background: url(../images/c2.png) no-repeat;
    background-size: 16px;
    background-position: 4px;
}
.contactitem .ctit i.c2 {
    background: url(../images/c1.png) no-repeat;
    background-size: 16px;
    background-position: 4px;
}
.contactitem .ctit i.c3 {
    background: url(../images/c3.png) no-repeat;
    background-size: 16px;
    background-position: 4px;
}
.contactitem .nr{font-size: 16px; margin-bottom:4px;}
 .contactitem {font-size: 16px;}


.contactewm img{max-width:100px;}

    .map{margin-top:32px;}
}
.contactewm img{max-width:160px;}