@charset "utf-8";
ul{
  list-style: none;
}
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
img,
strong,
b,
small,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
sub,
sup,
tt,
var,
del,
dfn,
ins,
kbd,
q,
s,
samp,
strike,
applet,
object,
iframe,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
mark,
audio,
video,
input,
textarea,
select {
  margin: 0;
  padding: 0;
}
body {
  font-family: Source Han Sans SC;
  font-size: 16px;
  color: #333;
  line-height: 1.5;
  width: 100%;
  min-width: 1200px;
}
a:link,
a:visited {
  text-decoration: none;
  outline: none;
  color: #333;
}
a:hover,
a:active,
a:focus {
  color: #333;
  text-decoration: none;
}
img {
  border: 0;
}
table {
  border-collapse: collapse;
  width: 100%;
}
input[type='reset'],
input[type='button'],
input[type='submit'],
input[type='radio'] {
  cursor: pointer;
  outline: none;
}
input[type='checkbox'],
input[type='radio'] {
  position: relative;
  vertical-align: middle;
  margin-top: -2px;
  margin-bottom: 1px;
  margin-left: 5px;
  margin-right: 5px;
}
textarea,
input[type='email'],
input[type='date'],
input[type='password'],
input[type='text'] {
  padding: 0px;
  color: #666;
  outline: none;
}
.f-l {
  float: left;
}
.f-r {
  float: right;
}
/*清楚浮动*/
.clearfix:after {
  clear: both;
  height: 0;
  content: "";
  line-height: 0;
  font-size: 0;
  display: block;
}
/*图片垂直水平居中*/
.middleCenter{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 100%;
  max-height: 100%;
  display: block;
  vertical-align: middle;
  text-align: center;
  margin: auto;
}
/*页面主体区域的宽*/
.container {
  max-width: 1600px;
  width:100%;
  margin-left: auto;
  margin-right: auto;
}


 *{
moz-user-select: -moz-none;
-moz-user-select: none;
-o-user-select:none;
-khtml-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
}
.main-color {
  color: #63b42f;
}
@font-face {
  font-family: 'ITCAvantGardePro';
font-weight: normal;
  font-style: normal;
}
.header {
  height: 100px;

  position: relative;
  width: 100%;
    margin: 0 auto;
}
.header .logo {
  float: left;
  margin-top: 15px;
  margin-left: 50px;
}
.header .nav {
  height: 50px;
  float: left;
  margin-top: 50px;
  margin-left: 60px;
}
.header .nav > li {
  height: 100%;
  float: left;
  padding: 0 20px;
}
@media (max-width: 1400px) {
  .header .nav > li {
    padding: 0 15px;
  }
}
.header .nav > li > a {
  font-weight: bold;
  display: block;
  text-align: center;
  font-size: 19px;
  position: relative;
  line-height: 1;
}
.header .nav > li > a:after {
  content: '';
  display: block;
  height: 2px;
  background: #63b42f;
  width: 0;
  margin-top: 10px;
  transition: all 0.2s;
}
.header .nav > li .navv {
  display: none;
  position: absolute;
  width: 1260px;
  left: 50%;
  margin-left: -630px;
  z-index: 1000;
  top: 100px;
  background: url("../images/mask03.png");
  padding: 30px 130px;
}
.header .nav > li .navv .left {
  float: left;
  text-align: center;
  width: 371px;
  border-right: 1px solid #C7C7C7;
  padding-right: 70px;
  padding-bottom: 80px;
}
.header .nav > li .navv .left .title {
  font-size: 20px;
  line-height: 30px;
  margin-top: 15px;
}
.header .nav > li .navv .left .content {
  font-size: 14px;
  line-height: 22px;
  margin-top: 35px;
  color: #666;
}
.header .nav > li .navv .left .pic {
  margin: 50px auto 0;
  width: 178px;
  height: 178px;
  border-radius: 50%;
  overflow: hidden;
}
.header .nav > li .navv .left .pic img {
  width: 100%;
}
.header .nav > li .navv .right {
  width: 574px;
  float: left;
  margin-left: 45px;
}
.header .nav > li .navv .right ul li {
  padding: 5px 0;
}
.header .nav > li .navv .right ul li .first {
  display: inline-block;
  padding-left: 18px;
  color: #666;
  background: url("../images/navv-a01.png") no-repeat left 10px;
  line-height: 30px;
}
.header .nav > li .navv .right ul li .first:hover {
  font-weight: bold;
  color: #0077be;
  background: url("../images/navv-a02.png") no-repeat left 10px;
}
.header .nav > li .navv .right02 ul li {
  width: 130px;
  float: left;
}
.header .nav > li .navv .right02 ul li .first {
  margin-bottom: 10px;
}
.header .nav > li .navv .right02 ul li .second {
  padding-left: 18px;
  line-height: 30px;
  display: block;
  color: #666;
  font-size: 12px;background:none;}
.header .nav > li .navv .right02 ul li .second:hover {
  color: #0077be;
}
.header .nav > li.active > a,
.header .nav > li:hover > a {
  color: #63b42f;
}
.header .nav > li.active > a:after,
.header .nav > li:hover > a:after {
  width: 100%;
}
.header .nav > li:hover .navv {
  display: block;
}
.header .language {
  float: left;
  margin-left: 15px;
  color: #63b42f;
  line-height: 16px;
  height: 16px;
  font-size: 12px;
  margin-top: 49px;
  padding: 0 15px;
  border-left: 1px solid #63b42f;
  border-right: 1px solid #63b42f;
}
.header .language a {
  color: #63b42f;
}
.header .tel {
  float: left;
  padding-left: 20px;
  color: #0c4b99;
  line-height: 16px;
  font-size: 16px;
  margin-top: 50px;
  margin-left: 15px;
  background: url("../images/icon01.png") no-repeat left top;
}
.navv .right li a{background:url("../images/navv-a02.png") no-repeat left center;display:inline-block;padding-left:18px;font-size:14px;}
.navv .right li a:hover{color:#63b42f;font-weight:bold;background:url("../images/navv-a01.png") no-repeat left center;}



.searchPart {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
}
.searchPart p {
	float: left;
	font-size: 12px;
}
.searchPart p span {
	color: rgb(5, 160, 69);
}
.searchPart p a {
	font-size: 12px;
	color: #656565;
	margin: 0 5px;
}
.searchPart p a:hover {
	text-decoration: underline
}
.searBox {
	float: right;
	width: 300px;
	height: 24px;
	border: 1px solid #dddddd;
	margin-top: 10px;
}
.searBox input {
	float: left;
	width: 235px;
	height: 20px;
}
.searBox img {
	float: right;
}


.full_banner {
	width: 100%;
	position: relative;
	height: auto;
	background: #FFF;
	overflow: hidden;
	margin-top: 20px;
}
.full_banner .bd {
	margin: 0 auto;
	position: relative;
	z-index: 0;
	overflow: hidden;
}
.full_banner .bd ul {
	width: 100% !important;
}
.full_banner .bd li {
	width: 100% !important;
	float: left;
	height: auto;
	overflow: hidden;
	text-align: center;
}
.full_banner .bd li a {
	display: block;
	height: 500px;
}
.full_banner .hd {
	width: 100%;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	height: 50px;
	line-height: 50px;
	text-align: center;
}
.full_banner .hd ul {
	text-align: center;
}
.full_banner .hd ul li {
	cursor: pointer;
	display: inline-block;
*display:inline;
	zoom: 1;
	width: 40px;
	height: 12px;
	margin: 5px;

	overflow: hidden;
	line-height: 9999px;
}
.full_banner .hd ul .on {
	background-position: 0px 0px;
}

.home-solution {
  overflow: hidden;

  height: 920px;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.home-solution .home-title .cn {
  color: #fff;
  background: url("../images/title-cn02.png") no-repeat center top;
}
.home-solution .home-title .en {
  color: #fff;
}
.home-solution .home-title .en span:before {
  background: url("../images/title-l02.png") no-repeat center;
}
.home-solution .home-title .en span:after {
  background: url("../images/title-r02.png") no-repeat center;
}
.home-solution .home-title:after {

}
.home-solution ul {
  overflow: hidden;
}
.home-solution ul li {
  float: left;
  width: 25%;
  height: 400px;
  position: relative;
}
.home-solution ul li .pic {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.home-solution ul li .mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  background: url("../images/mask01.png") repeat;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.4s ease-in-out;
}
.home-solution ul li .txt {
  transition: all 0.4s ease-in-out;
  position: relative;
  z-index: 10;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  padding-top: 175px;
}
.home-solution ul li .txt span {
  display: block;
  overflow: hidden;
}
.home-solution ul li .txt .cn {
  font-size: 30px;
  line-height: 40px;
  height: 40px;
}
.home-solution ul li .txt .en {
  font-size: 18px;
  line-height: 28px;
  height: 28px;
}
.home-solution ul li .txt .more {
  display: none;
  font-size: 12px;
  line-height: 28px;
  width: 110px;
  margin: 10px auto;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.home-solution ul li:hover .mask {
  opacity: 1;
  filter: alpha(opacity=100);
}
.home-solution ul li:hover .txt {
  padding-top: 145px;
}
.home-solution ul li:hover .txt .more {
  display: block !important;
}

.home-title {
  text-align: center;
  line-height: 1;
  padding: 60px 0 40px;
}
.home-title .cn {
  font-size: 28px;
  color: #2c2c2c;
  padding-top: 17px;
  background: url("../images/title-cn.png") no-repeat center top;
  overflow: hidden;
}
.home-title .cn span {
  display: block;
}
.home-title .en {
  margin-top: 10px;
  font-size: 26px;
  color: #525252;
  text-transform: uppercase;
  overflow: hidden;
}
.home-title .en span {
  padding: 0 15px;
  position: relative;
}
.home-title .en span:before,
.home-title .en span:after {
  content: '';
  display: block;
  width: 600px;
  height: 10px;
  position: absolute;
  top: 10px;
}
.home-title .en span:before {
  background: url("../images/title-l.png") no-repeat center;
  left: -600px;
}
.home-title .en span:after {
  background: url("../images/title-r.png") no-repeat center;
  right: -600px;
}
.home-title:after {
  content: '';
  display: block;
  width: 21px;
  height: 12px;
  margin: 15px  auto 0;
  background: url("../images/title-arrow.png") no-repeat center;
}

.home-advantage li {
  height: 220px;
  background: center no-repeat;
  position: relative;
  transition: all 0.4s;
  overflow: hidden;
}
.home-advantage li .pic {
  position: absolute;
  max-width: 1920px;
  width: 100%;
  height: 300px;
  left: 50%;
  top: 50%;
  margin-left: -960px;
  margin-top: -150px;
}
.home-advantage li .title {
  width: 1000px;
  height: 200px;
  margin-left: -500px;
  margin-top: -100px;
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  transform: scale(1);
  transition: all 0.4s ;
}
.home-advantage li .title p {
  display: table;
  width: 100%;
  height: 100%;
}
.home-advantage li .title p span {
  display: table-cell;
  vertical-align: middle;
  font-weight: normal;
  font-size: 36px;
  color: #fff;
}
.home-advantage li .mask {

  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.4s ;
}
.home-advantage li .mask p {
  width: 1000px;
  height: 300px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -500px;
  margin-top: -150px;
  text-align: center;
  padding-top: 70px;
  color: #fff;
}
.home-advantage li .mask p span {
  display: block;
  vertical-align: middle;
  font-weight: normal;
  font-size: 36px;
  line-height: 50px;
  height: 100px;
  overflow: hidden;
  transition: all 0.4s ;
  transform: translate(0%, 60%);
}
.home-advantage li .mask p a {
  display: block;
  width: 130px;
  height: 36px;
  line-height: 34px;
  text-align: center;
  color: #fff;
  margin: 25px auto 0;
  border: 1px solid #A1DC90;
}
.home-advantage li:hover {
  height: 300px;
}
.home-advantage li:hover .title {
  transform: scale(0);
  filter: alpha(opacity=0);
}
.home-advantage li:hover .mask {
  opacity: 100;
  filter: alpha(opacity=100);
}
.home-advantage li:hover .mask p span {
  transform: translate(0%, 0%);
}

.home-news {
  overflow: hidden;
  background: #F8F7F7;
      padding-bottom: 50px;
}
.home-news .home-title {
  padding-bottom: 0;
}
.home-news .news-box {

  padding: 20px 0 50px;
}
.home-news .news-box .news-tab {
  font-size: 20px;
  color: #666;
  text-align: center;
  padding-right: 15px;
}
.home-news .news-box .news-tab span {
  cursor: pointer;
  display: inline-block;
  border: 1px solid #C2C2C2;
  line-height: 38px;
  height: 38px;
  padding: 0 30px;
  position: relative;
  margin-bottom:5px;
}
.home-news .news-box .news-tab span:after {
  content: '';
  display: none;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #63b42f;
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -5px;
}
.home-news .news-box .news-tab span.active,
.home-news .news-box .news-tab span:hover {
  background: #63b42f;
  color: #fff;
  border: 1px solid #63b42f;
}
.home-news .news-box .news-tab span:hover a{
  background: #0c9945;
  color: #fff;
  border: 1px solid #0c9945;
}

.home-news .news-box .news-tab span.active:after,
.home-news .news-box .news-tab span:hover:after {
  display: block;
}
.home-news .news-box ul {
  animation-duration: 1.5s;


  margin: 15px -10px 0;
}
.home-news .news-box ul li {
  float: left;
  width: 49%;
  height: 165px;
margin-top:20px;
margin-left:0.6%;
  border: 1px solid #E5E5E5;
  position: relative;
}
.home-news .news-box ul li:nth-child(2n) {

	width: 49.1%;
}
.home-news .news-box ul li a {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 10;
  border: 1px solid transparent;
}
.home-news .news-box ul li .date {
  float: left;
  margin: 25px 30px 0 0;
  width: 112px;
  height: 113px;
  padding: 8px;
  background: url("../images/date01.png") no-repeat center;
  text-align: center;
  color: #3f3f3f;
  font-family: 'ITCAvantGardePro';
  line-height: 1;
}
.home-news .news-box ul li .date span {
  display: block;
}
.home-news .news-box ul li .date .big {
  font-size: 36px;
  margin-top: 18px;
}
.home-news .news-box ul li .date .small {
  font-size: 16px;
  margin-top: 6px;
}
.home-news .news-box ul li .title {
  color: #000;
  font-size: 16px;
  margin-top: 40px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.home-news .news-box ul li .content {
  margin-top: 12px;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  color: #666;
}
.home-news .news-box ul li:hover {
  border: 1px solid #63b42f;
}
.home-news .news-box ul li:hover a {
  border: 1px solid #63b42f;
}
.home-news .news-box ul li:hover .date {
  color: #fff;
  background: url("../images/date02.png") no-repeat center;
}
.home-news .news-box ul li:hover .title {
  color: #63b42f;
  text-decoration: underline;
}
.home-news .news-box .show {
  display: block;
}

 .g_ft{ height:450px; padding-top: 100px; background:url(../images/a-ab.jpg) no-repeat;}
      .g_ft .m_fnav{float: left;width:350px;margin-top: 85px;    margin-right: 10px; position: relative;}
	  #line1{
		  width: 1px;
    height: 150px;
    background: #fff;
    top: 10px;
    left: 280px;
    position: absolute;
	  }
      .g_ft .m_fnav a{     color: #fff;
    font-size: 14px;
    float: left;
    width: 140px;
    height: 42px;
    line-height: 36px;}
      .g_ft .fttel{right:0;top:0;font-size: 30px;font-weight: bold;color: #fff;}
	  .g_ft .few{right: 0;
    top: 100px;}
	.g_ft .few span{    color: #fff;
    text-align: center;
    margin-left: 35px;
    font-size: 16px;}
      .g_ft .fttel b{display: block;background: url(../images/ftel.png) no-repeat 0 0;height: 32px;line-height: 32px;padding-left: 40px;font-size: 14px;color: #fff;font-weight: bold;}
      .g_ft .code{right: 9px;top:104px;}
      .g_ft .code img{margin-bottom: 6px;width: 86px;height: 86px;display: block;}
      .g_ft .code em{display: block;font-size: 12px;color: #fff;width: 86px;text-align: center; }
      .g_ft .f_ftcon{float: left;width: 586px;font-size: 14px;line-height: 26px;color: #fff;}
      .g_ft .f_ftcon h2{padding-top: 23px;font-weight: normal;font-size: 26px;color: #fff;height: 63px;}
      .g_ft .f_ftcon li{position: relative;float: left;padding-left: 33px;height: 42px;line-height: 42px;border-bottom: 1px solid #fefefe;}
      .g_ft .f_ftcon li b{position: absolute;left:0;top:10px;}
      .g_ft .f_ftcon .li01,
      .g_ft .f_ftcon .li03
      {width: 252px;}
      .g_ft .f_ftcon .li02,
      .g_ft .f_ftcon .li04
      {width: 312px;}
      .g_ft .f_ftcon .li05{border-bottom: none;padding-left: 0;line-height: 26px;padding-top: 10px;}
      .g_ft .f_ftcon .li05 a{color: #fff;}
      .g_ft .flogo{ left:10px; top:0;}

#clear{    padding: 0;
    width: 120px;
    border: 0;}

.moream{
	margin-top:20px;
	
}
.moream a{
	display: inline-block;
    width: 100px;
    height: 35px;
    background: #0c4b99;
    color: #fff;
    line-height: 35px;
    margin: 0 auto;
    padding-left: 20px;
    border-radius: 5px;
	font-size:16px;
	
}
.moream a:hover{

    background: #63b42f;

	
}
.vidbg{
	max-width: 1920px;
	width: 100%;
    height: auto;
    float: left;
    background: rgba(0,0,0,0.3);
    position: absolute;
	z-index:999999;
}
.vidbg1{
	    width: 1600px;
	margin:0 auto;
}
.vidbg .p1{
    font-size: 50px;
    color: #fff;
    margin-top: 300px;
	text-align:left;
}
.vidbg .p2{
    font-size: 27px;
    color: #fff;
    margin-top: 30px;
	text-align:left;
}
.vidbg a{
    text-align: center;
    width: 200px;
    height: 50px !important;
    background: #0c4b99;
    color: #fff;
    line-height: 50px;
    font-size: 20px;
    border-radius: 5px;
    margin-left: 30p;
    margin-top: 30px;
}
.vidbg a:hover{
	 background: #63b42f;
}

#goTop{position:absolute;display:none;width:50px;height:48px;background:#fff url(../images/gotop.png) no-repeat 16px 15px;border:solid 1px #f9f9f8;border-radius:6px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.2);cursor:pointer}
#goTop:hover{height:50px;background-position:16px 16px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.3)}

.details-show {
  padding-top: 55px;
  padding-bottom: 90px;
}
.details-show .details-title {
  text-align: center;
  font-size: 34px;

  line-height: 44px;
}
.details-show .details-source {
  font-size: 16px;
  line-height: 22px;
  color: #ababab;
  border-bottom: 1px dashed #D9D9D9;
  text-align: center;
  padding-bottom: 10px;
  margin-top: 20px;
}
.details-show .details-source span {
  margin: 0 5px;
}
.details-show .details-content {
  color: #666;
  line-height: 30px;
  padding-top: 30px;
  padding-bottom: 50px;
      border-bottom: 1px solid #b7b7b7;
}
.details-show .details-content img {
  max-width: 100%;
}
.details-show .details-content .dl-list {
  text-align: center;
}
.details-show .details-content .dl-list dl {
  display: inline-block;
  margin: 0 6px;
}
.details-show .details-content .dl-list dl dt {
  width: 500px;
  height: 330px;
  position: relative;
}
.details-show .details-content .dl-list dl dd {
  margin-top: 10px;
}
.details-show .page-change {
  height: 42px;
  border-top: 1px solid #D2D2D2;
  border-bottom: 1px solid #D2D2D2;
  line-height: 40px;
  overflow: hidden;
}
.details-show .page-change p {
  width: 50%;
  float: left;
  padding: 0 18px;
  color: #6a6a6a ;
}
.details-show .page-change p b {
  float: left;
}
.details-show .page-change p a {
  width: 500px;
  float: left;
  color: #6a6a6a ;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.details-show .page-change p a:hover {
  color: #0077BE;
}
.details-show .details-related {
  padding: 35px 18px 25px;
  border-bottom: 1px solid #D2D2D2;
}
.details-show .details-related .title {
  color: #0077be;
  font-size: 16px;
  font-weight: bold;
}
.details-show .details-related .list {
  overflow: hidden;
  margin-top: 30px;
}
.details-show .details-related .list a {
  float: left;
  width: 50%;
  line-height: 30px;
  color: #666;
  padding: 0 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

}
.details-show .details-related .list a:hover {
  color: #0077be;

}
.details-show .txt-title01 {
  padding: 0;
}
.details-show .return {
  display: block;
  width: 124px;
  height: 28px;
  margin: 50px auto 0;
  color:#fff;
  border-radius: 3px;
}
.details-show .return:hover {
  color:#fff;
}
.position .bread {
    float: right;
    color: #8d8d8d;
}
.position {
  line-height: 55px;
  background: #fff;
  overflow: hidden;
    margin-bottom: 10px;
    width: 1180px;
    margin: 10px auto;
    border-bottom: 1px dashed #dcdcdc;
}
.position .inside-nav {
  float: left;
}
.position .inside-nav a {
  float: left;
  text-align: center;
  padding: 0 20px;
  font-size: 14px;
  color: #555;
}
.position .inside-nav a:hover,
.position .inside-nav a.active {
  background: #63b42f;
  color: #fff;
  font-weight: bold;
}
.position .bread {
  float: left;
  color: #8d8d8d;
}
.position .bread a {
  color: #8d8d8d;
}
.position .bread a:hover {
  color: #63b42f;
}
.position .bread span {
  padding-left: 20px;
  border-left: 5px solid #63b42f;
}
.position .bread .active {
  color: #63b42f;
}

.return {
    display: block;
    width: 124px;
    height: 28px;
    margin: 50px auto 0;
    background: #12539b;
	    color: #fff;
    text-align: center;
    line-height: 28px;
}
.return:hover {
	background:#63b42f;
}
.pre{
	float:left;
}
.next{
	float:right;
}
.prenex{
	margin-top:10px;
}
.prenex a:hover{
	color:#63b42f;
}

/*main css*/
.main-im{ position:fixed; left: 10px; top:300px; z-index: 100; width: 150px; height: 272px; }
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;display:none;}
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 150px; height: 205px; border-bottom: 1px solid #dddddd; }
.main-im .im_main .im-tel div{font-size: 15px;margin-top:15px;}
.main-im .im_main .im-tel .tel-num { font-family: Arial;  color: #0155af;    line-height: 30px;}
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container {width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; float:left;}
.main-im .im_main .weixing-show {width: 112px; height: 172px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -126px; }
.main-im .im_main .weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 134px; position: absolute; z-index: 2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 132px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto; text-align:center;}
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; }
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer; width: 40px; height: 133px; background: url(../images/open_im.png) no-repeat left top; }
.im-tel a{color: #0155af;}
.im-tel a:hover{color: #63b42f;}
.im-tel .hqa{margin-top: 25px;
    display: inline-block;
    padding: 10px;
    background: #0155af;
    color: #fff;
border-radius: 3px;}
.inside {
    background: #F8F7F7;
	    padding-top: 85px;
    padding-bottom: 100px;
}
.inside .contact-title {
  text-align: center;
}
.inside .contact-title .title {
  font-size: 36px;
  color: #333;
  line-height: 34px;
}
.inside .contact-title .cn {
  font-size: 25px;
  color: #555;
  line-height: 28px;
  margin-top: 35px;
}
.inside .contact-title .number {
  font-size: 30px;
  line-height: 40px;
  margin-top: 10px;
  color: #12539b;
}

.inside .info-list {
  overflow: hidden;
  padding: 0 70px;
  margin-top: 50px;
}
.inside .info-list li {
  width: 33.33%;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  float: left;
  color: #555;
  padding-left: 36px;
  margin-bottom: 20px;
}
.inside .info-list li a {
  color: #555;
}
.inside .info-list li a:hover {
  color: #63b42f;
}
.inside .info-list .tel {
  background: url("../images/tel.png") no-repeat left center;
}
.inside .info-list .fax {
  background: url("../images/fax.png") no-repeat left center;
}
.inside .info-list .mail {
  background: url("../images/mail.png") no-repeat left center;
}
.inside .map-list {
  overflow: hidden;
  margin-top: 60px;
}
.inside .map-list li {

  width: 100%;
  padding: 5px;

}
.inside .map-list li .txt {


  height: 40px;
  text-align:center;
  color: #555;
}

.inside .map-list li a {
  margin-top: 10px;
  display: block;
  width: 100%;
  height: 355px;
  position: relative;
}
.inside .map-list li + li {
  margin-left: 20px;
}
.inside .home-title .cn {
  background: none;
}
.inside .home-title:after {
  display: none;
}
.inside .message {
  padding: 0 25px;
  overflow: hidden;
}
.inside .message .txt {
  background: #fff;
  height: 50px;
  width: 560px;
  line-height: 48px;
  border-radius: 6px;
  color: #888;
  padding: 0 25px;
  border: 1px solid #93989D;
  margin-bottom: 48px;
  position: relative;
  font-size: 16px;
}
.inside .message .txt:focus {
  border: 1px solid #63b42f;
}
.inside .message .must {

}
.inside .message .must:after {
  content: '*';
  color: #ff0000;
  position: absolute;
  font-size: 18px;
  top: 10px;
  right: -12px;
}
.inside .message .textarea {
  background: #fff;
  width: 100%;
  height: 150px;
  line-height: 30px;
  border-radius: 6px;
  color: #888;
  padding: 10px 25px;
  border: 1px solid #93989D;
  margin-bottom: 48px;
  position: relative;
  font-family: 'microsoft yahei';
  font-size: 16px;
}
.inside .message .textarea:focus {
  border: 1px solid #63b42f;
}
.inside .message .verify {
  text-align: center;
}
.inside .message .verify .txt {
  width: 236px;
  margin-bottom: 0;
  vertical-align: middle;
}
.inside .message .verify .yzm {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 140px;
  height: 50px;
}
.inside .message .verify .change {
  line-height: 50px;
  color: #888;
}
.inside .message .verify .change:hover {
  color: #63b42f;
}
.inside .message .submit {

}
.inside .message .submit a {
  display: block;
  background: #12539b;
  color: #fff;
  font-size: 18px;
  text-align: center;
  margin: 0 auto;
  width: 555px;
  height: 56px;
  line-height: 56px;
  border-radius: 6px;
}
.inside .message .submit input {
  display: block;
background: #12539b;
 
  color: #fff;
  font-size: 18px;
  text-align: center;
  margin: 0 auto;
  width: 555px;
  height: 56px;
  line-height: 56px;
  border-radius: 6px;
}
.inside .message .submit input:hover {
	  background: #63b42f;
}
.inside .message .submit a:hover {
	  background: #63b42f;
}