@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}
ul,li{ list-style-type:none;}
img{ border:none;}
a{ text-decoration:none; color:#666666;}
a:hover{}
p,ul,li,dl,dd{ font-size:14px;}
h1,h2,h3,h4,h5{ font-weight:normal;}
body{ font-family:"微软雅黑"; min-width:1200px; }




/*==========top============*/
#header{ }
.main_box{ margin:0 auto; width:1200px; position:relative;}
#header .main_box{ position:relative;height:120px; }
#header .logo{ float:left; width:580px; }
#header .logo a {display:table;  height:110px;}
#header .logo a img{display:table-cell; vertical-align:middle; }


/*=================导航=================*/
#nav{ float:left; margin-left:20px;}
#nav li{ display:block; display: inline-block; margin-left: 22px; min-width:30px;  position:relative;  }
#nav li .a{ display: inherit; text-align:center; height: 120px; line-height:120px; }
#nav li .a strong{ display:block; font-size:17px; color:#333; font-weight:520; text-align:center; position:relative; z-index:4;text-transform: uppercase;}
#nav li .a span{ position:absolute; bottom:0px; left:-40px; width:150px;  text-align:center;}
#nav li .a i{ display:block; margin:0 auto; text-align:center;  z-index:1; height:2px; width:0; background: #0061B0;}
#nav .on .a strong{  }
#nav li.on .a strong{ color:#0061B0;}
#nav li .a:hover i{ width:160px; }
#nav li .a:hover strong{ color:#0061B0;}
#nav li.on .a:hover i{transform:rotateX(0deg);-webkit-transform:rotateX(0deg); /* Safari and Chrome */-moz-transform:rotateX(0deg); /* Firefox */  }

#nav li:nth-of-type(3) .a span{ width:250px;}
#nav li:nth-of-type(3) .list{ width:250px;}
#nav li:nth-of-type(3) .list a{ width:250px;}
 

#nav.title{position: relative;}
#nav .list {width: 160px;left: -40px;max-height: 0;   position: absolute;top:120px;z-index: 0;-webkit-perspective: 400px;-moz-perspective: 400px;-ms-perspective: 400px;-o-perspective: 400px;perspective: 400px;    }
#nav .list a{width:160px;  height:42px;line-height:42px; text-align: center; color: #222;  display: block; font-size: 13px; text-decoration: none; opacity: 0;background-color:#fff;border-bottom:#e9ecf1 1px solid; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg);transform: rotateY(90deg);-webkit-transition: opacity .4s, -webkit-transform .5s; -moz-transition: opacity .4s, -moz-transform .5s;-ms-transition: opacity .4s, -ms-transform .5s;transition: opacity .4s, transform .5s; }
#nav .list a:hover{ color: #fff; border-bottom:#0061B0 1px solid; background:#0061B0;} 
 
 
#nav li:focus .list,#nav li:hover .list{max-height:2000px;z-index:10;  }
#nav li:focus .list a,#nav li:hover .list a{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}
#nav li:hover .list a:nth-child(1){-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
#nav li:hover .list a:nth-child(2){-webkit-transition-delay:50ms;-moz-transition-delay:50ms;-ms-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms}
#nav li:hover .list a:nth-child(3){-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}
#nav li:hover .list a:nth-child(4){-webkit-transition-delay:150ms;-moz-transition-delay:150ms;-ms-transition-delay:150ms;-o-transition-delay:150ms;transition-delay:150ms}
#nav li:hover .list a:nth-child(5){-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-ms-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}
#nav li:hover .list a:nth-child(6){-webkit-transition-delay:250ms;-moz-transition-delay:250ms;-ms-transition-delay:250ms;-o-transition-delay:250ms;transition-delay:250ms}
#nav li:hover .list a:nth-child(7){-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-ms-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}
#nav li:hover .list a:nth-child(8){-webkit-transition-delay:350ms;-moz-transition-delay:350ms;-ms-transition-delay:350ms;-o-transition-delay:350ms;transition-delay:350ms}
#nav .list a:nth-child(1){-webkit-transition-delay:350ms;-moz-transition-delay:350ms;-ms-transition-delay:350ms;-o-transition-delay:350ms;transition-delay:350ms}
#nav .list a:nth-child(2){-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-ms-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}
#nav .list a:nth-child(3){-webkit-transition-delay:250ms;-moz-transition-delay:250ms;-ms-transition-delay:250ms;-o-transition-delay:250ms;transition-delay:250ms}
#nav .list a:nth-child(4){-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-ms-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}
#nav .list a:nth-child(5){-webkit-transition-delay:150ms;-moz-transition-delay:150ms;-ms-transition-delay:150ms;-o-transition-delay:150ms;transition-delay:150ms}
#nav .list a:nth-child(6){-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}
#nav .list a:nth-child(7){-webkit-transition-delay:50ms;-moz-transition-delay:50ms;-ms-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms}
#nav .list a:nth-child(8){-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
 
#nav li i,.s_more:hover,.pages a:hover,#s_pro_list li:hover h1,#s_pro_list li:hover img{ -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; } 
.new1:hover,.un_box li:hover{ -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; } 

.n_product  li img{ -moz-transition: all 2s ease-in-out;-webkit-transition: all 2s ease-in-out;-o-transition: all 2s ease-in-out;-ms-transition: all 2s ease-in-out;transition: all 2s ease-in-out; } 

#nav ul li a,.n_left .up .content ul .on a{ -moz-transition: all 0s ease-in-out;-webkit-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;-ms-transition: all 0s ease-in-out;transition: all 0s ease-in-out; }


.laung{ float:right; width:28px; height:28px; border-radius:28px;line-height:28px; text-align:center; margin-top:45px;}
.laung a{ color:#fff; font-size:12px; border-radius:28px; display:block; background:#999;}
.laung a:hover{ background:#0061B0;transition: all .5s ease-in-out;}



.footer {
  background: #0061B0;
  color: #fff; padding:30px 0;
}
.footer a {
  color: #fff;
  font-size:14PX;
}
.footer a:hover {
  color: #fff;
}
.footer .friendship {
  padding: 30px 20px 30px 0;
  position: relative;
  border-bottom: solid 1px #374041;
}
.footer .friendship .btn {
  width: 14px;
  height: 24px;
  position: absolute;
  top: 30px;
  right: 0;
  z-index: 5;
  cursor: pointer;
  background: url(../images/arrow1.png) no-repeat center;
}
.footer .friendship .btn.on {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
.footer .friendship .box {
  height: 24px;
  line-height: 24px;
  overflow: hidden;
}
.footer .friendship .box.on {
  height: auto;
}
.footer .friendship a {
  font-size: 12px;
  padding: 0 13px;
  position: relative;
  white-space: nowrap;
}
.footer .friendship a:last-child::after {
  display: none;
}
.footer .friendship a::after {
  content: " ";
  width: 1px;
  height: 12px;
  background: #404849;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 2;
  margin-top: -6px;
}
.footer .row {
  position: relative;
}
.footer .link-list {
  float: left;
  line-height: 26px;
  margin-top: 10px; width:1200px;
}
.footer .link-list .list {
  float: left; margin-right:90px;
}
.footer .link-list ul {
  margin-top: 14px;
  padding-left: 2px;
}
.footer .link-list .tit {
  font-size: 18px;
  font-weight:bold;
  color: #fff;
  padding-left: 10px;
  position: relative;
  display: block;
  line-height: 26px;
}
.footer .link-list .tit::after {
  content: " ";
  width: 3px;
  height: 15px;
  background: #fff;
  z-index: 2;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
}
.footer .contact {
  float: right;
  text-align: right;
}
.footer .contact .photo {
  min-height: 40px;
  background: url(../images/photo1.png) no-repeat right 0 top 5px;
  padding-right: 48px;
  margin-bottom: 16px;
}
.footer .contact .photo p {
  margin-bottom: 2px;
  font-size:14PX;
}
.footer .contact p {
  margin-bottom: 6px;
  font-size:14PX;
}
.footer .contact .p1 a,
.footer .contact .p1 {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
.footer .qrcode {
  width: 120px;
  border-radius: 4px;
  overflow: hidden;
  position: absolute;
  left: 65%;
  top: 10px;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  z-index: 1;
}
.footer .qrcode img {
  width: 100%;
  display: block;
}
.copy{ font-size:14px; text-align:center; border-top:1px solid #1778c6; padding-top:20px; margin-top:30px;}
.copy p{ font-size:14px;}



.btn{ display:block; width:134px; height:40px; line-height:40px; text-align:center; color:#1A72BC; background:#fff; font-size:14px; border-radius:20px; margin-top:20px;}
.btn a{ color:#1A72BC; font-size:16PX;}
.btn a:hover{ color:#1A72BC; text-decoration:underline;}
/*动感弹性按钮*/

.btn:hover, .btn:focus {
  -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
  transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
  -webkit-animation: gelatine 0.5s 1;
  animation: gelatine 0.5s 1;
}
/**$keyframes \ gelatine **/

@keyframes gelatine {

  from, to {-webkit-transform: scale(1, 1);transform: scale(1, 1);}
  25% {-webkit-transform: scale(0.9, 1.1);transform: scale(0.9, 1.1);}
  50% {-webkit-transform: scale(1.1, 0.9);transform: scale(1.1, 0.9);}
  75% {-webkit-transform: scale(0.95, 1.05);transform: scale(0.95, 1.05);}
  from, to {-webkit-transform: scale(1, 1);transform: scale(1, 1);}
  25% {-webkit-transform: scale(0.9, 1.1);transform: scale(0.9, 1.1);}
  50% {-webkit-transform: scale(1.1, 0.9);transform: scale(1.1, 0.9);}
  75% {-webkit-transform: scale(0.95, 1.05);transform: scale(0.95, 1.05);}

}

@-webkit-keyframes gelatine {

  from, to{-webkit-transform: scale(1, 1);transform: scale(1, 1);}
  25% {-webkit-transform: scale(0.9, 1.1);transform: scale(0.9, 1.1);}
  50% {-webkit-transform: scale(1.1, 0.9);transform: scale(1.1, 0.9);}
  75% {-webkit-transform: scale(0.95, 1.05);transform: scale(0.95, 1.05);}
  from, to {-webkit-transform: scale(1, 1);transform: scale(1, 1);}
  25% {-webkit-transform: scale(0.9, 1.1);transform: scale(0.9, 1.1);}
  50% {-webkit-transform: scale(1.1, 0.9);transform: scale(1.1, 0.9);}
  75% {-webkit-transform: scale(0.95, 1.05);transform: scale(0.95, 1.05);}

}

/*弹性按钮结束*/