@charset "utf-8";
/* CSS Document */

body{
	padding:0;
	margin:0;
	width:100%;
	height:auto; color:#333333;
	font-family:"微软雅黑"; font-size:14px;
}
#clear{
	clear:both;
}
img{
	border:0;
}
ul{
	padding:0;
	margin:0;
	list-style-type:none;
}
a{
	text-decoration:none; color:#333333;
}
li{  
	list-style-type :none; 
	padding:0;
	margin:0; 
}
dl, dt, dd{
	margin:0;
	padding:0;
}
/******************************头部******************************/

#huan{ background-color:#0358A9; color:#FFFFFF; height:35px; line-height:35px;}
#huan .re{ float:left; width:600px;}
#huan .re2{ float:right; width:400px; text-align:right;}
#huan a{ color:#FFFFFF; height:35px; line-height:35px;}



 
#topp{
	width:100%;
	background:#f8f8f8;
	border-bottom:1px solid #ebebeb;
}
.toppcon{
	width:1100px;
	margin:0 auto;
	font-size:14px;
	color:#4c4c4c;
}
.toppcon_left{
	float:left;
}
.toppcon_right{
	float:right;
}
.toppcon_rightDiv{
	float:left;
	padding:0px 10px;
}
.toppcon_rightDiv a{
	color:#4c4c4c;
}
.toppcon_rightDiv a:hover{
	color:#fc651c;
}
.toppcon_rightline{
	float:left;
	border-left:1px solid #4c4c4c;
}
/*********************标志***********************/
#toplogo{
	width:100%;
	height:141px; background-image:url(../images/topbg.jpg);background-position:center; background-repeat:no-repeat; 
	background-color:#fff; border-bottom:1px solid #666666;
   
}
.toplogocon{
	width:1100px;
	margin:0 auto;
}
.toplogogsmc{
	float:left;
	width:265px;
	padding-top:20px;
	font-size:18px;
	color:#ff4e00;
	line-height:40px;
}
.toplogodianhua{
	float:right;
	width:750px; 
}
/*********************导航o***********************/
#menu {   height:48px; width:1120px; margin:auto; font-size:14px;}
#menu ul { list-style: none; margin: 0px; padding: 0px;  }
#menu ul li { float:left; text-align:center;}
#menu ul li a { display:block;  height: 48px; line-height:48px; margin-right:28px;  float:left; width:110px; color:#fff;}
#menu ul li a:hover { background-color:#0FA9EB; color:#fff;}
/*********************公司介绍***********************/

#about{ width:1100px; margin:auto; height:500px;}
#about .ab{ float:left; width:537px; height:361px; background-image:url(../images/abg.jpg);background-position:center; background-repeat:no-repeat; }
#about .ab .jj{ padding-left:35px; padding-top:35px; line-height:27px; }
.jj5{ padding-top:40px; padding-bottom:20px; line-height:47px; }

.biaot{ font-size:24px; color:#0167A9;}

#about .ab2{ float:right; width:527px; padding-top:30px; height:321px;  }

#rongyu{ width:1100px; margin:auto;  padding-top:40px; margin-bottom:15px;}

 #changqu{ width:1100px; margin:auto;   margin-bottom:15px;}

 /*********************新闻***********************/
 
 #news{ background-image:url(../images/xbg.jpg); height:584px;}
#news2{ width:1100px; margin:auto; height:500px;}
#news2 .ppc{ float:left; width:431px; height:350px; background-color:#0465A9; margin-right:20px;}
#news2 .nei{ float:right; width:631px; height:350px; }
#news2 .nei .bt{ height:52px; line-height:52px; font-size:18px; padding-left:40px; background:url(../images/jjt.jpg) no-repeat 0 19px; }
#news2 .nei .bt2{line-height:27px; font-size:14px; padding-left:40px; border-bottom:1px dashed #999999; padding-bottom:7px; }
#news2 .nei .bt2 a{ color:#757575;}

#news2 .nei .bt a{ color:#265386; }



#news2 .ppc .zi2{ font-size:18px; color:#FFFFFF; height:50px; line-height:50px; text-align:center;}



.lie{ margin-bottom:15px; 
	line-height:45px;
	}
	
.lie li { margin-right:25px;  float:left; text-align:center; margin-top:20px; 
 }
 .lie li a{ display: block; color:#333333; background-color:#0167A9; color:#FFFFFF;
 }
.lie li a:hover{ background-color:#FF6600; 
 }



 /*********************表单***********************/
 
 #lianx{ background-image:url(../images/lianbg.jpg); height:442px;}
 #lianx .tt{ font-size:36px; text-align:center; padding-top:25px;}

 /* Basic Grey */
.basic-grey {
margin-left:auto;
margin-right:auto;
max-width: 1100px;
padding: 25px 15px 25px 10px;
font-size:16px;

color: #888;
text-shadow: 1px 1px 1px #FFF;
border:1px solid #E4E4E4;
}
.basic-grey h1 {
font-size: 25px;
padding: 0px 0px 10px 40px;
display: block;
border-bottom:1px solid #E4E4E4;
margin: -10px -15px 30px -10px;;
color: #888;
}
.basic-grey h1>span {
display: block;
font-size: 11px;
}
.basic-grey label {
display: block;
margin: 0px;
}
.basic-grey label>span {
float: left;
width: 20%;
text-align: right;
padding-right: 10px;
margin-top: 10px;
color: #888;
}
.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {
border: 1px solid #DADADA;
color: #888;
height: 30px;
margin-bottom: 16px;
margin-right: 6px;
margin-top: 2px;
outline: 0 none;
padding: 3px 3px 3px 5px;
width: 70%;
font-size: 12px;
line-height:15px;
box-shadow: inset 0px 1px 4px #ECECEC;
-moz-box-shadow: inset 0px 1px 4px #ECECEC;
-webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
.basic-grey textarea{
padding: 5px 3px 3px 5px;
}
.basic-grey select {
background: #FFF url('down-arrow.png') no-repeat right;
background: #FFF url('down-arrow.png') no-repeat right);
appearance:none;
-webkit-appearance:none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
width: 70%;
height: 35px;
line-height: 25px;
}
.basic-grey textarea{
height:100px;
}
.basic-grey .button {
background: #E27575;
border: none;
padding: 10px 25px 10px 25px;
color: #FFF;
box-shadow: 1px 1px 5px #B6B6B6;
border-radius: 3px;
text-shadow: 1px 1px 1px #9E3F3F;
cursor: pointer;
}
.basic-grey .button:hover {
background: #CF7A7A
}


 /*********************foot***********************/

.foot1{ font-family:"宋体"; font-size:14px;  line-height:30px;   color:#fff;    }
.foot1 a{ font-size:14px; color:#fff;     TEXT-DECORATION: none}
.foot1 A:hover{ font-size:14px;color:#fff;    TEXT-DECORATION: underline}



/**
 * Backgrounds
 */
.backgrounds {
  width: 100%;
  height: 100%;
  position: fixed;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  z-index: -1; }
  .backgrounds .background {
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    background-attachment: fixed; }

.overlay:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: #3F51B5;
  opacity: 0.8; }

/**
 * Hero
 */
.hero {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  color: #FFF;
  text-align: center; }

.hero-center {
  width: 100%;
  position: absolute;
  top: 40%;
  left: 0;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%); }

.hero__logo {
  font-size: 60px;
  color: rgba(0, 0, 0, 0.5); }

.hero__text {
  font-weight: normal;
  opacity: 0.8; }

.hero__scroll {
  position: absolute;
  bottom: 60px;
  width: 200px;
  margin: auto;
  display: block;
  cursor: pointer;
  padding-bottom: 40px;
  left: 0;
  right: 0;
  text-transform: uppercase; }
  .hero__scroll .chevron {
    margin-top: 20px;
    display: block;
    -webkit-animation: pulse 2s infinite;
            animation: pulse 2s infinite;
    color: #FF4081; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }

  50% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px); }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }

  50% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px); }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

.octocat {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 80px; }
  .octocat img {
    display: block;
    width: 100%; }

.chevron::before {
  border-style: solid;
  border-width: 0.25em 0.25em 0 0;
  content: '';
  display: inline-block;
  height: 20px;
  position: relative;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  vertical-align: top;
  width: 20px; }

.chevron.right:before {
  left: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); }

.chevron.bottom:before {
  top: 0;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg); }

.chevron.left:before {
  left: 0.25em;
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg); }

/**
 * Sections
 */
.section {
  width: 100%;
  float: left; }

.section-title {
  text-align: center;
  color: #FFF;
  text-transform: uppercase;
  font-weight: normal;
  padding: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  width: 100%;
  clear: both; }

.container {
  width: 970px;
  margin: 0 auto;
  max-width: 90%;
  -webkit-transform: translateZ(1000px);
          transform: translateZ(1000px); }

.code {
  width: 100%;
  clear: both;
  background: #FFF;
  border-radius: 2px;
  margin: 12vh 0;
  padding: 10px; }
  .code pre, .code code {
    height: 100%;
    margin: 0; }
  .code code {
    padding: 20px 0 0 20px; }
  .code--small code {
    padding-top: 75px; }
  .code--left {
    float: left; }
  .code--right {
    float: right; }
  .code--wider {
    width: 60%; }
    .code--wider code {
      padding-top: 60px; }

.section--more {
  color: #FFF;
  background: #0E0F34;
  padding: 20px 0 40px 0; }

.section-group {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 30px 0; }
  .section-group h3 {
    margin: 0 0 20px 0;
    text-transform: uppercase; }
  .section-group h4 {
    font-weight: normal;
    color: rgba(255, 255, 255, 0.6); }
  .section-group code {
    padding: 20px;
    font-size: 1.2em; }
  .section-group .btn {
    margin-right: 20px; }

.btn {
  padding: 10px 20px;
  border: 1px solid #FF4081;
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease;
  overflow: hidden; }
  .btn:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 1px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #FF4081;
    -webkit-transition: -webkit-transform 0.2s ease;
            transition: transform 0.2s ease;
    z-index: 0;
    opacity: 0; }
  .btn span {
    position: relative;
    z-index: 5; }
  .btn:hover {
    color: #FFF; }
    .btn:hover:before {
      -webkit-transform: scaleX(200);
          -ms-transform: scaleX(200);
              transform: scaleX(200);
      opacity: 1; }


#er{ width:1100px; margin:auto; overflow:hidden;}
#er .daohang{ float:left; width:240px; }
#er .daohang .biao9{ height:40px; background-color:#0167A9; margin-bottom:14px; line-height:40px; padding-left:20px; color:#FFFFFF; font-size:16px;}
#er .daohang2{ float:right; width:830px; }

   .guanList li{height:40px;line-height:40px; border-bottom:1px solid #efefef; overflow:hidden;background:url(../images/0.gif) no-repeat 20px 18px;}
.guanList li a{color:#5A5A5A; display: block; padding-left:50px; }
.guanList li a:hover{color:#fff; background:url(../images/01.gif) no-repeat 20px 18px; background-color:#0167A9;}