.banner {
	width:100%;
	min-width: 1000px;
	height:342px;
	background:url(../images/contact_banner.jpg) no-repeat center;
	clear:both;
}

.english_text{color: #2e2a62; font-size: 20px; margin-top: 30px;}
.snav {
	width: 100%;
	min-width:1000px;
	height:60px;
	margin:0 auto;
	padding-top:282px;
}

.snav ul {
	margin: 0 auto;
	width:1000px;
	height:60px;
	background:#FFF;
}

.snav ul li {
	width:164px;
	height:60px;
	line-height:60px;
	text-align:center;
	float:left;
	font-size:15px;
	border-right:1px solid #ccc;
	}


.snav ul li.on {
	background-color:#0e93f5;
}

.snav ul li a {
	font-size:15px;
}

.snav ul li a.on{
	color:#FFF;
	/*background:url(../images/us_title_bg.jpg) no-repeat center right;*/
	padding:0 20px;
}

.titlebg {
	width:100%;
	min-width: 1000px;
	height:75px;
	background:#f2f2f2;
	z-index:-1;
}


.title {
    width:1000px;
    margin: 0 auto;
	height:120px;
}


.title_title {
	text-indent: 30px;
	padding-top:20px;
	color:#0e93f5;
	font-size:21px;
	font-weight:bold;
/*	margin:10px 0 10px 0;*/
	float:left;
	width:600px;
}

.now {
	width:250px;
	margin-left: 100px;
	height:30px;
	line-height:30px;
	float:left;
	margin-top:23px;
	text-align:left;
}

.now span {
	background:url(../images/gongsi/now_bg.jpg) no-repeat left center;
	padding-left:20px;
}

.slideTxtBox{ width:1000px;height:80px; text-align:left;margin:-75px auto 0 auto;clear:both;}

.contact {
	width:1000px;
	height:540px;
	margin:0 auto;
}

.w300 {
	width:300px;
	height:200px;
	/*float:left;*/
	border:1px solid #CCC;
	text-align:center;
}


/*.contact-icon ul li:hover {
	border:1px solid #5abd02;
	color:#FFF;
	cursor:default;
}
.contact-icon1 ul li:hover {
	border:1px solid #5abd02;
	color:#FFF;
	cursor:default;
}*/

.contact ul li p {
	padding:5px 0;
}

.num {
	font-family: 'Arvo', serif;
	font-size:16px;
}

.greenbg {
	background:#5abd02;
	}

.w630 {
	width:630px;
	height:200px;
	float:left;
	border:1px solid #CCC;
	text-align:left;
}

.c_website {
	margin:26px 50px 0 100px;
}

 
.contact-right {
  position: absolute;
  right: 0;
  margin-top: -26px;
  margin-right: 10px;
}
.contact-left {
  color: #f2545d;
}
.contact {
  max-width: 1100px;
  margin: 0 auto;
  padding: 50px 0;
  text-align: center;
}
.contact img {
  width: 60px;
  height: 60px;
}
.contact ul {
  width: 38%;
  float: right;
}
.contact li {
  list-style: none;
  position: relative;
  overflow: hidden;
  border-top: 1px dashed #cccccc;
  padding: 30px 0;
}
.contact span {
  float: left;
}
.contact h2 {
  display: inline-block;
  margin: 0 0 0 10px;
  padding: 0;
  float: left;
}
.contact p {
  max-width: 300px;
  overflow: hidden;
  display: inline-block;
  float: left;
  padding: 0;
  margin: 33px 0 0 -79px;
}
.contact-header {
  max-width: 1000px;
  text-align: center;
  margin: 40px auto 60px;
}
.contact-header h1 {
  margin: 0;
}
.contact-header span {
  color: #333;
  display: block;
  font-size: 30px;
}
.contact-icon {
 clear: both;
  max-width: 700px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  white-space: nowrap;
  padding-bottom: 50px;
}
.contact-icon li {
  list-style: none;
  display: inline-block;
/*  width: 30%;*/
  text-align: center;
  vertical-align: top;
  margin-bottom: 50px;
}
.contact-icon li span {
  display: block;
  margin: 0 auto;
  white-space: normal;
}
.contact-icon > li:nth-child(1) > span:nth-child(1) {
  width: 70px;
  height: 70px;
  background:url(../images/contact/contact2.png) no-repeat center center / contain;
  margin-top: 30px;
  margin-bottom: 10px;
}
.contact-icon > li:nth-child(2) > span:nth-child(1) {
  width: 70px;
  height: 70px;
  background:url(../images/contact/contact1.png) no-repeat center center / contain;
  margin-top: 30px;
  margin-bottom: 10px;
}
.contact-icon1 {
 clear: both;
  max-width: 700px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  white-space: nowrap;
  padding-bottom: 50px;
}
.contact-icon1 li {
  list-style: none;
  display: inline-block;
/*  width: 30%;*/
  text-align: center;
  vertical-align: top;
  margin-bottom: 50px;
}
.contact-icon1 li span {
  display: block;
  margin: 0 auto;
  white-space: normal;
}
.contact-icon1 > li:nth-child(1) > span:nth-child(1) {
  width: 70px;
  height: 70px;
  background:url(../images/contact/contact3.png) no-repeat center center / contain;
  margin-top: 30px;
  margin-bottom: 10px;
}
.contact-icon1 > li:nth-child(2) > span:nth-child(1) {
  width: 70px;
  height: 70px;
  background:url(../images/contact/contact4.png) no-repeat center center / contain;
  margin-top: 30px;
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .contact-header {
    margin: 20px auto 20px!important;
  }
  .contact-icon li span {
    font-size: 1rem;
  }
  .contact-icon > li:nth-child(1) > span:nth-child(1) {
    width: 50px!important;
    height: 50px!important;
  }
  .contact-icon > li:nth-child(2) > span:nth-child(1) {
    width: 50px!important;
    height: 50px!important;
  }
  .contact-icon > li:nth-child(3) > span:nth-child(1) {
    width: 50px!important;
    height: 50px!important;
  }
}
@media only screen and (min-width: 600px) and (max-width: 768px) {
  .contact-header {
    margin: 20px auto 20px!important;
  }
  .contact-icon li span {
    font-size: 1rem;
  }
  .contact-icon > li:nth-child(1) > span:nth-child(1) {
    width: 50px!important;
    height: 50px!important;
  }
  .contact-icon > li:nth-child(2) > span:nth-child(1) {
    width: 50px!important;
    height: 50px!important;
  }
  .contact-icon > li:nth-child(3) > span:nth-child(1) {
    width: 50px!important;
    height: 50px!important;
  }
}
@media only screen and (min-width: 340px) and (max-width: 600px) {
  .contact-header {
    margin: 20px auto 20px!important;
  }
  .contact-icon li span {
    font-size: 1rem;
  }
  .contact-icon > li:nth-child(1) > span:nth-child(1) {
    width: 50px!important;
    height: 50px!important;
  }
  .contact-icon > li:nth-child(2) > span:nth-child(1) {
    width: 50px!important;
    height: 50px!important;
  }
  .contact-icon > li:nth-child(3) > span:nth-child(1) {
    width: 50px!important;
    height: 50px!important;
  }
}
@media only screen and (max-width: 340px) {
  .contact-header {
    margin: 10px auto 10px!important;
  }
  .contact-header h1 {
    font-size: 1.8rem!important;
  }
  .contact-header span {
    font-size: 1.4rem!important;
  }
  .contact-icon li span {
    font-size: 0.8rem;
  }
  .contact-icon > li:nth-child(1) > span:nth-child(1) {
    width: 40px!important;
    height: 40px!important;
  }
  .contact-icon > li:nth-child(2) > span:nth-child(1) {
    width: 40px!important;
    height: 40px!important;
  }
  .contact-icon > li:nth-child(3) > span:nth-child(1) {
    width: 40px!important;
    height: 40px!important;
  }
  .contact {
    padding: 15px 0!important;
  }
}
@media only screen and (max-width: 768px) {
  #dituContent {
    width: 100% !important;
  }
  .contact iframe {
    width: 100%!important;
  }
}



.contact_div{ width: 900px; margin: 0 auto;}
.contact_div img{ margin-top: 85px; width: 300px;}
.contact_div dd{ margin-left: 60px;}
.contact-text_1 h2{ margin-top: 40px;}
.contact-text_2 h2{ margin-top: 30px;}
.contact-text_2{ margin-bottom: 30px;}
.contact_div p{ margin-top: 10px; font-size: 16px;}