@charset "utf-8";
/* CSS Document */
body,div,ul,li,h1,h2,h3,h4,h5,h6,img,input,form,dl,dd,span,strong,p,em{margin:0 auto; padding:0;}
html, body {position: relative; height: 100%; }
img{ border:0;}
ul, li{ list-style-type:none;}
a{transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;}
a,a:hover{ text-decoration:none; color:#606060;}
body{     font-family: "Microsoft YaHei"; font-size:14px; color:#606060;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.hiddle{display:none;}
input,textarea{outline:none;}
input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid{box-shadow: none;}
i,em{ font-style:normal;}

@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1488951996007'); /* IE9*/
  src: url('../fonts/iconfont.eot?t=1488951996007#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff?t=1488951996007') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf?t=1488951996007') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg?t=1488951996007#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
    .swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
/*head star*/
.top{ position:absolute; top:0px; left:0px; width:100%; background:#fff; z-index:99999;}
.top_center{ max-width:1400px; margin:0px auto;}
.logo{ width:220px; float:left; padding-top:7px;}
.logo img{ width:100%; height:auto;}
.nav{ width:970px; float:left; text-align:center;}
.sou{ width:210px; float:right;}
.nav ul li{ position:relative;}
.nav ul li div{ display:none; background:#fff;}
.nav ul li div a{ padding:9px 10px; color:#555;}

 
.nav ul li:hover div{ display:block;}
.sou input{ border:none; width:180px; height:33px; background:none; padding:5px;}
.sou{ height:33px; ; margin-top:20px;}
.sou form{background:#d5d8da;border-radius:5px }
.sou a{ color:#949697;}
/*head end*/

/*foot star*/
.foot{ position:fixed; width:100%; z-index:999; color:#404040; bottom:10px; left:0px; padding:0px 20px; line-height:30px;}
.foot span{ width:120px; display:inline-block; height:30px; border:solid 1px #404040; line-height:30px; float:left;}
.foot span i{ font-size:22px; background:#404040; color:#fff; float:left; margin-right:10px;}
.foot p{ float:left; padding:0px 30px;}
.foot ul{ float:right;}
.foot ul li{ display:inline-block;}
.foot ul li i{ font-size:22px;}
/*foot end*/

/*foot star*/
.foot_deta{ background:#28313a; padding-top:25px;}
.foot_center{ max-width:1200px; margin:0px auto; overflow:hidden; padding-bottom:15px;}
.ft_left{ width:430px; float:left; padding-right:15px;}

.ft_left ul li{ padding-bottom:10px; overflow:hidden;}
.ft_left ul li span{ width:50%; float:left;}
.ft_left ul li span:first-child{ padding-right:5px;}
.ft_left ul li span:last-child{ padding-left:5px;}
.ft_left ul li span input{ width:100%; height:35px; border:solid 1px #696f75; background:#2e3740; padding:5px; color:#fff;}
.ft_left ul li textarea { width: 100%;  height: 120px;  background: #2e3740; border:solid 1px #696f75; padding: 5px; color:#fff;}
input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid{box-shadow: none;}
.ft_center ul{ padding-top:10px;}
.ft_center{ width:375px; float:left; padding:0px 40px; border-left: solid 1px #404850; border-right: solid 1px #404850;text-align:center;  }
.ft_center p{ padding:7px 10px; border:solid 1px #8f9498; display:inline-block; color:#8f9498;}
.ft_center ul li p{ padding:0px; border:none;}


.ft_center ul li i{ width:50px; float:left; display:inline-block;}
.ft_center ul li{ text-align:left; line-height:26px; color: #8f9498; padding-bottom:5px;}
.ft_right{ width:390px; float:right;}
.foot :-moz-placeholder { /* Mozilla Firefox 4 to 18 */  color: #fff; opacity:1; }
.foot ::-moz-placeholder { /* Mozilla Firefox 19+ */    color: #fff;opacity:1;}
.foot input:-ms-input-placeholder{    color: #fff;opacity:1;}
.foot input::-webkit-input-placeholder{    color: #fff;opacity:1;}
.foot textarea:-ms-input-placeholder{    color: #fff;opacity:1;}
.foot textarea::-webkit-input-placeholder{    color: #fff;opacity:1;}
.tijiao{ width:100%; height:40px; line-height:40px;background: #36414b; color:#fff; border-radius:5px; display:block; text-align:center;}
.ft_right img{ width:90%; height:auto; display:block; margin:0px auto;}
.foot_db{ width:100%; line-height:20px; padding:10px 5px; font-size:12px; color:#d2d5d6; background:#12151c; text-align:center;}
/*foot end*/


#rtt {width:50px; height:50px; cursor:pointer; text-align:center; line-height:50px; background:#686869; position:fixed; right:50px; bottom:50px; border-radius: 5px; z-index:9999999; display:none;}
#rtt i{ font-size:30px; color:#fff;}