/* CSS Document */
/*
@import url(css.css);


@font-face {
  font-family: "brandon_grotesque_medium";
  src: url("/content/areas/atcc/fonts/Brandon-Grotesque/Brandon-Grotesque-Web-Medium.eot");
  src: url("/content/areas/atcc/fonts/Brandon-Grotesque/Brandon-Grotesque-Web-Medium.eot?") format("embedded-opentype"), url("/areas/atcc/fonts/Brandon-Grotesque/Brandon-Grotesque-Web-Medium.woff2") format("woff2"), url("/areas/atcc/fonts/Brandon-Grotesque/Brandon-Grotesque-Web-Medium.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "brandon_grotesque_regular";
  src: url("/content/areas/atcc/fonts/Brandon-Grotesque/Brandon-Grotesque-Web-Regular.eot");
  src: url("/content/areas/atcc/fonts/Brandon-Grotesque/Brandon-Grotesque-Web-Regular.eot?") format("embedded-opentype"), url("/areas/atcc/fonts/Brandon-Grotesque/Brandon-Grotesque-Web-Regular.woff2") format("woff2"), url("/areas/atcc/fonts/Brandon-Grotesque/Brandon-Grotesque-Web-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "brandon_grotesque_bold";
  src: url("/content/areas/atcc/fonts/Brandon-Grotesque/Brandon-Grotesque-Web-Bold.eot");
  src: url("/content/areas/atcc/fonts/Brandon-Grotesque/Brandon-Grotesque-Web-Bold.eot?") format("embedded-opentype"), url("/areas/atcc/fonts/Brandon-Grotesque/Brandon-Grotesque-Web-Bold.woff2") format("woff2"), url("/areas/atcc/fonts/Brandon-Grotesque/Brandon-Grotesque-Web-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "facit";
  src: url("/content/areas/atcc/fonts//Facit/Facit-Web-Regular.eot");
  src: url("/content/areas/atcc/fonts//Facit/Facit-Webt-Regular.eot?") format("embedded-opentype"), url("/areas/atcc/fonts//Facit/Facit-Web-Regular.woff2") format("woff2"), url("/areas/atcc/fonts//Facit/Facit-Web-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "facit_italic";
  src: url("/content/areas/atcc/fonts//Facit/Facit-Web-RegularItalic.eot");
  src: url("/content/areas/atcc/fonts//Facit/Facit-Webt-RegularItalic.eot?") format("embedded-opentype"), url("/areas/atcc/fonts//Facit/Facit-Web-RegularItalic.woff2") format("woff2"), url("/areas/atcc/fonts//Facit/Facit-Web-RegularItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: "facit_bold";
  src: url("/content/areas/atcc/fonts/Facit/Facit-Web-Bold.eot");
  src: url("/content/areas/atcc/fonts/Facit/Facit-Web-Bold.eot?") format("embedded-opentype"), url("/areas/atcc/fonts/Facit/Facit-Web-Bold.woff2") format("woff2"), url("/areas/atcc/fonts/Facit/Facit-Web-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "facit_bold_italic";
  src: url("/content/areas/atcc/fonts/Facit/Facit-Web-BoldItalic.eot");
  src: url("/content/areas/atcc/fonts/Facit/Facit-Web-BoldItalic.eot?") format("embedded-opentype"), url("/areas/atcc/fonts/Facit/Facit-Web-BoldItalic.woff2") format("woff2"), url("/areas/atcc/fonts/Facit/Facit-Web-BoldItalic.woff") format("woff");
  font-style: italic;
  font-weight: normal; }

@font-face {
  font-family: "facit_semi_bold";
  src: url("/content/areas/atcc/fonts/Facit/Facit-Web-Semibold.eot");
  src: url("/content/areas/atcc/fonts/Facit/Facit-Web-Semibold.eot?") format("embedded-opentype"), url("/areas/atcc/fonts/Facit/Facit-Web-Semibold.woff2") format("woff2"), url("/areas/atcc/fonts/Facit/Facit-Web-Semibold.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
*/
.columnContent img{ max-width: 100%;}

body{ font-size: 14px; /*font-family: Arial, Helvetica, sans-serif;*/font-family: "Lato", Arial, Helvetica, sans-serif;}
a{color:#000;text-decoration:none;}

@media only screen and (max-width:480px) {
}
@media only screen and (min-width : 481px) and (max-width : 1024px) {
}
@media only screen and (min-width:1025px) {
	body{ font-size: 14px;}
}



.pageHeader{ background-color: #eee; height:110px; background-color: #00adbc;}
.pageBody{}
.pageAside{}
.pageContent{}
.pageFooter{ background-color: #eee; height:100px;}




.pageFooter{ height:430px; background-image: url("../image/footerBg.png"); background-position: top center;}


.pageHeader{ background-image: url("../image/headerBg.png"); background-position: top center;}
.pageHeader .wrapper{display: flex;}
.wrapper{ max-width:1200px;}

.pageHeader a{ color: #fff;}
.logo{
	width:120px;
	height: 120px;
	background-color: #fff;
	/* line-height:120px; */
	text-align: center;
	z-index: 1000;
	flex-shrink: 0;
  font-size: 0;
}
.logo img{
  width: 100%;
}

@media only screen and (max-width:480px) {
}
@media only screen and (min-width : 481px) and (max-width : 1024px) {
}
@media only screen and (min-width:1025px) {
	.logo{ width: 160px; height: 160px; line-height: 140px;}
}






.pageHeader{
  position: relative;
  z-index: 9;
}
.nav{
	height: 50px;
	padding: 0 20px;
	padding-top: 15px;
	height: 35px;
	flex-grow: 1;
}

.nav li{  border-right: 2px solid #fff; padding: 0 0px; width: 16%; text-align: center;}
.nav li:nth-child(1){border-left: 2px solid #fff;}
.nav a{ color: #fff;}

.nav li.current a{font-weight: bold;}
.nav li{
  position: relative;
}
.nav li::after{
  content: "";
  width: 100%;
  height: 18px;
  position: absolute;
  left: 0;
  bottom: -17px;
  /* background: #fff; */
}
.nav li .sec{
  position: absolute;
  left: -100%;
  top: 35px;
  width: 300%;
  background: #fff;
  padding: 2.5rem 5% 2.5rem 3rem; transform: translateY(20px);
  opacity: 0;    visibility: hidden;
}
.nav li .sec dl{
  width: 50%;
  text-align: left;
}
.nav li .sec dl dt a{
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5em;
  margin-bottom: 0.65em;
  display: block;
}
.nav li .sec dl dd a{
  display: block;
  color: #8A8A8A;
  font-size: 15px;
  line-height: 1.65em;
}
.nav li .sec dl dd a:hover{
  color: #00ADBC;
}
.nav li:hover .sec{
  opacity: 1;
  visibility: visible;
  transition: all 0.4s ease;
          transform: translateY(0);
}
.nav li .sec1{
  position: absolute;
  left: -100%;
  top: 35px;
  width: 600%;
  background: #fff;
  padding: 1.5rem; 
  transform: translateY(20px);
  opacity: 0;    
  visibility: hidden;
}
.nav li .sec1 dl{
  width: 48%;
  text-align: left;
  padding: 5px 0;
}
.nav li .sec1 dl .img{
 width: 47%;
  padding-bottom: 35%;
    position: relative;
    height: 0;
    overflow: hidden;
}
.nav li .sec1 dl .img img{
    width: 100%;
     position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.nav li .sec1 dl .cont-p{
    width: 49%;
}
.nav li .sec1 dl dt a{
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5em;
  margin-bottom: 0.5em;
  display: block;
}
.nav li .sec1 dl .txt{
   color: #8A8A8A;
  font-size: 12px;
  line-height: 1.5em;
}
.nav li .sec1 dl .morex{
  display: block;
  color: #BBBBBB;
  font-size: 14px;
  line-height: 1.65em;
  margin-top: 0.35rem;
}
.nav li .sec1 dl .morex:hover{
  color: #00ADBC;
}
.nav li:hover .sec1{
  opacity: 1;
  visibility: visible;
  transition: all 0.4s ease;
          transform: translateY(0);
}
.language{ color: #fff; text-align: right; display: none;}
.userInfo{ color: #fff; text-align: right; margin-left: 30px;}

.userInfo span{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 120px;
    display: block;
}
@media only screen and (max-width:480px) {
	.userInfo{ margin-right: 60px; font-size: 12px;}
}
@media only screen and (min-width : 481px) and (max-width : 1024px) {
	.userInfo{ margin-right: 60px; font-size: 12px;}
}
@media only screen and (min-width:1025px) {
	.language{ display: block;}
}




.modalNavSwitch{ right: 15px; top:15px;}


.search{ width: auto; background-color: #33bdc9; height: 30px; border-radius: 15px; padding: 0 10px;margin-left: auto;}
.search form{ display: flex; align-items: center; justify-content: space-between; width: 100%;}
.search select{ border: none; background:none; line-height: 30px; heigth:30px; color: #fff;}
.search select .option{ color: #fff; background-color: #00adbc;}

.search select option option{color: #fff;}
.search input{ flex-grow: 1; line-height: 30px; height: 30px; border: none; background: none; color: #fff; width: 100%;outline: none;}
.search .searchButton{ width: 20px; height:20px; overflow: hidden; border: none; background: none; color: #fff; background-image: url(../image/scale.png); background-size: contain; text-indent: -9999px; background-repeat: no-repeat; background-position: center;}


@media only screen and (max-width:480px) {
	.search{ width: 200px;}
	.search input{ width: 100px;}
}
@media only screen and (min-width : 481px) and (max-width : 1024px) {
	.search{ width: 200px;}
}
@media only screen and (min-width:1025px) {
	.search{ width: 240px;}
}






.pageHeader .row{ align-items: center;}
.pageHeader .row:nth-child(1){ height: 60px; justify-content:end; float: right;}
.pageHeader .row:nth-child(2){ height: 50px; justify-content:space-between;}

@media only screen and (max-width:1025px) {
  .pageHeader .row:nth-child(1){
    margin-bottom: 6px;
  }
}




.quickAside{ padding: 10px; width: 70px; height:310px; background-color: rgba(0,173,188,0.2); position: fixed; right: 50px; top:200px; z-index: 100; display: none;}
.quickAside div{ width: 70px; height: 70px; margin-bottom: 10px; background-color: rgba(0,173,188,0.7);}
.quickAside div a{ width: 100%; height: 100%; cursor: pointer; display: block;}
.quickAside div:nth-child(1){ background-image:url(../image/1.svg);}
.quickAside div:nth-child(2){ background-image:url(../image/2.svg);}
.quickAside div:nth-child(3){ background-image:url(../image/3.svg);}
.quickAside div:nth-child(4){ background-image:url(../image/4.svg);}

.quickAside div{
  position: relative;
}
.quickAside div .erghgsa {
  position: absolute;
  z-index: -1;
  padding: 0.5em 1.5rem;
  width: auto;
  text-align: center;
  right: calc(110% + 5px);
  top: 10%;
  opacity: 0;
  visibility: hidden;
          transform: translateX(110%);
  -webkit-transition: all 0.7s;
  -o-transition: all 0.7s;
  -moz-transition: all 0.7s;
  transition: all 0.7s;
  box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
  color: #333;
  font-size: 16px;
  background: #fff;
  border-radius: 0.4rem;
  white-space: nowrap;
  box-sizing: border-box;
  max-height: none;
  width: auto;
  height: auto;
  line-height: 2.5em;
}
.quickAside div .erghgsb {
  width: 130px;
  padding: 0.3rem;  height: 130px;
}
.quickAside div:hover .erghgsa {
  opacity: 1;
  visibility: visible;
          transform: translateY(0);
}

@media only screen and (max-width:480px) {
}
@media only screen and (min-width : 481px) and (max-width : 1024px) {
}
@media only screen and (min-width:1025px) {
	.quickAside{ display: block;}
}



.banner{}


.pageFooter{ background-color: #00adbc;}
.pageFooter .wrapper{ padding-top: 220px; height: auto;}

.pageFooter .footerNav a{ color: #fff; padding-left: 10px;}
.pageFooter .navList li{ padding: 0 0.5em;}

@media only screen and (max-width:480px) {
	.pageFooter .navList{ flex-wrap: wrap;}
	.pageFooter .navList li{ width: 25%; line-height: 30px;}
}
@media only screen and (min-width : 481px) and (max-width : 1024px) {
}
@media only screen and (min-width:1025px) {
}
.pageFooter .address{ padding-top: 20px; padding-left: 15px;}
.pageFooter .address p{ line-height: 30px; color: #fff;}

.pageFooter .copyright{ padding-top: 10px; padding-left: 15px;}
.pageFooter .copyright p{ line-height: 30px; color: #fff;}


#columnContent_3{}
#columnContent_3 p{ line-height:3em; text-indent: 2em;}
#columnContent_3 h4{ font-size: 24px; line-height: 3em; color: #00adbc;}
#columnContent_3 .block_1{max-width: 1000px; margin: auto; margin-bottom: 30px;}
#columnContent_3 .inputForm{ max-width: 800px;}
#columnContent_3 img{ margin: auto; display:block;}


#columnContent_13{}
#columnContent_13 .desc{ display:none; }
#columnContent_13 .createDate{ display:none; }
#columnContent_13 .pagination{ display:none; }



#columnContent_16{}
#columnContent_16 p{ line-height:3em; text-indent: 2em;}
#columnContent_16 h4{ font-size: 24px; line-height: 3em; color: #00adbc;}
#columnContent_16 .block_1{max-width: 1000px; margin: auto; margin-bottom: 30px;}
#columnContent_16 .inputForm{ max-width: 800px;}
#columnContent_16 img{ margin: auto; display:block;}

#columnContent_12{}
#columnContent_12 p{ line-height:40px; text-indent: 2em;}

#columnContent_14{}
#columnContent_14 p,#columnContent_14 h4{ line-height:40px;}

#columnContent_37{}
#columnContent_37 p{ line-height:40px;text-indent: 2em;}

#columnContent_15{}
#columnContent_15 iframe{ width:100%; height:600px;}
#columnContent_15 div{ padding: 20px 0; }
#columnContent_15 p{ line-height:40px;text-indent: 2em;}
#columnContent_15 strong{ font-size: 18px; line-height: 50px; color: #00adbc;}





.rootColumn_2 .banner{ background-image: url(../image/21.jpg);}
.rootColumn_3 .banner{ background-image: url(../image/3.jpg);}
.rootColumn_4 .banner{ background-image: url(../image/4.jpg);}
.rootColumn_5 .banner{ background-image: url(../image/5.jpg);}
.rootColumn_6 .banner{ background-image: url(../image/6.jpg);}
.rootColumn_24 .banner{ background-image: url(../image/241.jpg);}



@media only screen and (max-width:480px) {
	.rootColumn_2 .banner{ background-image: url(../image/22.jpg);}
	.rootColumn_3 .banner{ background-image: url(../image/31.jpg);}
	.rootColumn_4 .banner{ background-image: url(../image/41.jpg);}
	.rootColumn_5 .banner{ background-image: url(../image/51.jpg);}
	.rootColumn_6 .banner{ background-image: url(../image/61.jpg);}
	.rootColumn_24 .banner{ background-image: url(../image/242.jpg);}
}
@media only screen and (min-width : 481px) and (max-width : 1024px) {
}
@media only screen and (min-width:1025px) {
}
.flex{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.flex-z{
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
}
.flex_left{
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  align-items: center;
}
.flex_left1{
display: flex;
justify-content: start;
flex-wrap: wrap;
}
.flex2{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.flex3{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: flex-end;
}
.flex21{
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
}

.cp-show-list1 {
  margin-top: 2rem;
}
.cp-show-list1 li{
  color: #000000;
  font-size: 18px;
  padding: 0.7em 1.5em;
  background: #F6F6F6;
  border-radius: 5px;
  margin-right: 1em;
  cursor: pointer;
}
.cp-show-list1 li.on{
  background: #00ADBC;
  color: #fff;
}
.yJIdO label{
  display: inline-block;
  margin: 0 3px 0 0;
  width: 20px;
}
.yJIdO span{
  color: #666;
}
.yJIdO span a{
  /* display: inline-block; */
  color: #2789ee;
}
.yJIdO span a:hover{
  text-decoration: underline;
}
.clearboth {
  height: 0px;
  line-height: 0px;
  overflow: hidden;
  clear: both;
  font-size: 0px;
}
.nybanner {
    /*height: auto !important;*/
}
.nybanner img{
    width: 100%;
}
.itemDetail,.itemDetail *{
    max-width: 100%;
}
.paraList li label,.paraList li label a{
    display: block;
}
.checkys{
    width: 12px;
    height: 12px;
    border: 1px solid #333;
    display: inline-block;    margin-right: 10px;
}
.current .checkys{
        background-color: #00adbc;
        background-image: url(../../my/image/as1.svg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        border-color: #00adbc;
}
.flex2z{
        display: flex;
    align-items: center;
}
@media only screen and (max-width:480px){
  .cp-show-list1{
    margin-top: 0;   
    /*justify-content: space-between;*/
  }
  .cp-show-list1 li{
    font-size: 15px;
    padding: 0.6em 1em; 
    /*margin-right: 0;*/
      margin-top: 1rem;   
  }
}