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

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

html,body{
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #333;
	background:#fff;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 25px;
	margin: auto;
	-webkit-text-size-adjust:none;
	width:100%;
	height:100%;
	cursor:default;
}
*html .clear{zoom:1;}
a{outline:none; text-decoration:none;color:#333;}
textarea{overflow-y:hidden;}
p{margin:0;padding:0;}
ul,ol,dt,dd,form,li{margin:0;padding:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;line-height:30px;font-size:12px;}
a:hover{text-decoration:none;}
:focus{-moz-outline-style:none;}
a img{ border:0;}
*{margin:0 auto;}
*:link, *:visited, *:hover, *:active, *:focus {
outline:none;
}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
.grayscale img{
     -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%); 
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter:gray;   -webkit-filter: grayscale(1);
}

.grayscale a:hover img{
     -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0); 
    filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'\'/></filter></svg>#grayscale");
    filter:;   -webkit-filter: grayscale(0);
}
.clearafter:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearafter{*zoom: 1;}
.shen{display: block;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.yuan5{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;}
.yuan10{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;}
.comment{width:100%;min-width:1200px;}
.content{width:1200px;position:relative;}
.reg-table .td-1 b{color:red;font-size:14px;}
.left{float:left;}
.right{float:right;}

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



/*---------------------------- header部分 ---------------------------------*/

header{width:100%;min-width:1230px;padding:10px 0px;background:url('/Public/images/header.png') repeat-x left -76px;position:fixed;left:0px;top:0px;z-index:9;}
header .main{width:1230px;}
header .logo{float:left;line-height:0px;}
header .nav,header .nav ul,header .nav ul li{float:right;}
header .nav ul li{margin-left:65px;position:relative;}
header .nav ul li a{font:18px/50px '微软雅黑'; color:#333;}
header .nav ul li a.nav-active,header .nav ul li a:hover{color:#0664b4;}
header .nav ul li a.nav-active:after{content:"";position: absolute;left: 0%;margin-left:2px;bottom:5px;background:#0664b4;width:31px;height:2px;}
header .button-nav{float:right;display:none;}
header .tan-nav{display:none;}

.advertisement{width:100%;}
.advertisement div{position:relative;width:100%;height:500px;overflow:hidden;}
.advertisement img{width:1920px;height:500px;position:absolute;left:50%;top:50%;margin-left:-960px;margin-top:-250px;}

/*---------------------------- 联系我们 部分 ---------------------------------*/
.demand{width:100%;border-top:1px solid #ddd;margin-top:30px;}
.demand-main{width:700px;}
.demand h2{font:28px/50px '微软雅黑';text-align:center;padding-top:60px;}
.demand-box{width:700px;margin:20px auto;overflow: hidden;}
.demand-one label{float:left;position:relative;margin:20px 14px 0 14px;}
.demand-one label span{position: absolute;left: 10px;top: 10px;font-size: 14px;color: #999;}
.demand-one label .txt{border: 1px solid #d9d9d9;padding: 10px;background: #fff;}
.demand-one label .d1{width:300px;height: 25px;font:14px/25px '微软雅黑';}
.demand-one label .d2{width:650px;height:200px;font:14px/25px '微软雅黑';resize: none;}
.demand-two .btn{float: left;border: 0;background: #0664b4;border-radius: 2px;width: 170px;padding:0 11px;height: 50px;cursor: pointer;text-align: center;font-size: 16px;color: #fff;margin-left: 14px;margin-top: 20px;}
.demand-two .btn:hover{background:#049707;}
.demand-two .xin{color:#666; line-height:50px; font-size:14px; float:right; margin-top:20px; margin-right:14px;}
.demand-two .xin a{color:#0664b4;}
.demand-two .xin a:hover{text-decoration:underline;}
.demand_bottom{width:655px;margin:30px auto 80px auto; overflow:hidden;}
.demand_bottom h3{font-size:20px;line-height:30px; color:#333;text-align:center;padding-top:20px;padding-bottom:20px;}
.demand_bottom .con{width:100%; overflow:hidden; margin-top:10px;}
.demand_bottom .con ul{float:left; font-size:14px; color:#333; line-height:32px;margin-top:20px;}
.demand_bottom .con .xinwe{width:320px; float:right; margin-top:50px;}
.demand_bottom .con .xinwe dl{text-align:center; font-size:14px; color:#333; float:left; margin-left:30px;}
.demand_bottom .con .xinwe dl dd{margin-bottom:3px;}
.demand_bottom .con ul i{background:url(/Public/images/icon1.png) no-repeat;width:21px; height:18px; display:inline-block; margin-right:15px; vertical-align:-4px;}
.demand_bottom .con ul i.j1{background-position:-397px -121px;}
.demand_bottom .con ul i.j2{background-position:-22px -114px;}
.demand_bottom .con ul i.j3{background-position:3px -114px;}
.demand_bottom .con ul i.j4{background-position:-81px -114px;}
.demand_bottom .con ul i.j5{background-position:-107px -114px;}
.demand_bottom .con ul a{color:#0664b4; margin-left:10px;}
.demand_bottom .con ul a:hover{text-decoration:underline;}

/*---------------------------- 底部 部分 ---------------------------------*/

.footer{background: #232323; margin-top:20px;width:100%;}
.footer-inner{width: 1200px; overflow: hidden;}
.contact-us{width: 717px;float:left;}
.footer-inner h3 { font-size: 20px; line-height: 70px; color: #a2a1a1;}
.contact-us p { margin: 0 0 15px; line-height: 25px; font-size: 13px; color: #a2a1a1;}
.contact-us img { margin: 0 10px 0 0;vertical-align:middle;}
.contact-us a { margin: 0 0 0 10px;}
.qr-us{width: 483px;float:right;}
.qr-us ul { overflow: hidden;}
.qr-us li { width: 104px; float: left; margin: 0 52px 0 0; text-align: center;}
.qr-us img { width: 104px; height: 104px;}
.qr-us p { line-height: 45px; font-size: 14px; color: #a2a1a1;}
.f-tips { line-height: 52px; background-color: #1174c8;}
.f-tips p { width: 1200px; margin: 0 auto; font-size: 16px; color: #fff;}

.link { width: 1200px; padding: 24px 0; line-height: 24px; font-size: 13px; color: #6b6a6a; border-bottom: 1px #313030 solid;}
.link ul { overflow: hidden;}
.link li { float: left; margin: 0 15px 0 0; padding: 0 15px 0 0; background: url(/Public/images/bar.png) no-repeat right center;}
.link a { color: #6b6a6a;}
.link a:hover { color: #fff;}

.f-bottom { width: 1200px; overflow: hidden; line-height: 50px; font-size: 13px; color: #6b6a6a;}
.cp{float:left;}
.cp-nav { text-align: right;float:right;}
.cp-nav span { margin: 0 0 0 15px; padding: 0 0 0 15px; background: url(/Public/images/bar.png) no-repeat left center;}
.cp-nav a { color: #6b6a6a;}
.cp-nav a:hover { color: #fff;}


.small-footer { display: none; width: 100%; max-height: 11%; background-color: #232323; box-shadow: 0px -4px 5px #9A9A9A; position: fixed; bottom: 0; left: 0; z-index: 999999;}
.small-bar { max-width: 640px; height: 100%; margin: 0 auto;}
.clearfix:before,
.clearfix:after{display: table;content: " ";}
.clearfix:after{clear: both;}
.small-bar a { position: relative; display: inline-block; min-width: 16%; float: left; margin: 0 1%; padding: 1% 0; text-align: center; color: #838689;}
.small-bar a i { font-size: 1.75em;}
.small-bar span { display: block; color: #838689; font-size: 1em;}
.small-bar a.plus { min-width: 28%; margin: -4% 0px 0px; padding-top: 4%;}
.small-bar a.plus img { width: 40%; vertical-align: middle;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.small-bar a.plus-rotate img { 
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}
.small-bar a:hover,.small-bar a.small-on i { color: #1174c8;}


@media Screen and (max-width:1230px){

    header{width:100%;padding:10px 0px;min-width:100%;}
    header .main{width:100%;}
    header .nav ul{margin-right:30px;}
    header .logo img{height:40px;padding:5px 0px 5px 20px;}
    header .nav ul li{margin-left:40px;position:relative;}
    header .nav ul li a{font:16px/40px '微软雅黑';}
}

@media Screen and (max-width:1200px){

   .footer-inner,.link,.f-bottom,.f-tips p{width:96%;margin-left:2%;}
   .contact-us{width:60%;}
   .qr-us{width:40%;}

}

@media Screen and (max-width:1024px){
    
     .advertisement div{position:relative;width:100%;height:400px;overflow:hidden;}
     .advertisement img{width:1536px;height:400px;position:absolute;left:50%;top:50%;margin-left:-768px;margin-top:-200px;}

    .small-footer{display:block;}
    .footer{display:none;}

}

@media Screen and (max-width:780px){
    header .logo{width:30%;}
    header .logo img{vertical-align:center;width:100%;height:auto;min-width:140px;max-width:190px;}
    header{width:100%;padding:10px 0px;min-width:100%;}
    header .main{width:100%;}
    header .nav{display:none;}
    header .tan-nav{margin-top:10px;display:none;width:100%;float:left;background:url('/Public/images/header.png');}
    header .tan-nav ul{margin-right:0px;width:100%;padding-bottom:10px;float:left;border-top:1px solid #ddd;}
    header .tan-nav ul li{width:100%;float:left;text-align:center;position:relative;}
    header .tan-nav ul li a{font:16px/50px '微软雅黑';}
    header .tan-nav ul li a.nav-active,header .nav ul li a:hover{color:#0664b4;}
    header .tan-nav ul li a.nav-active:after{content:"";position: absolute;left: 50%;margin-left:-16px;bottom:5px;background:#0664b4;width:31px;height:2px;}
    
    header .button-nav{display:block;}
    header .button-nav .nav-button{position: relative;float: right;padding: 9px 10px;margin:8px 15px 8px 0px;background-color:transparent;background-image: none;border: 1px solid transparent;border-radius: 4px;cursor: pointer;}
    header .button-nav .nav-button span{background:#666; display: block;width: 22px;height: 2px;border-radius: 1px;cursor: pointer;}
    header .button-nav .nav-button span+span{margin-top:5px;}
    
    header .button-nav button{
                              transition:all 0.2s;
                              -ms-transition:all 0.2s;   /* IE 9 */
                              -moz-transition:all 0.2s;  /* Firefox */
                              -webkit-transition:all 0.2s; /* Safari 和 Chrome */
                              -o-transition:all 0.2s;  /* Opera */
    }

    header .button-nav button.button-aictive{
                                              transform:rotate(90deg);
                                              -ms-transform:rotate(90deg);   /* IE 9 */
                                              -moz-transform:rotate(90deg);  /* Firefox */
                                              -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
                                              -o-transform:rotate(90deg);  /* Opera */
                                            }
}

@media Screen and (max-width:640px){
   .advertisement div{position:relative;width:100%;height:300px;overflow:hidden;}
   .advertisement img{width:1152px;height:300px;position:absolute;left:50%;top:50%;margin-left:-576px;margin-top:-150px;}
   .demand{margin-top:10px;}
   .demand h2{font:24px/40px '微软雅黑';padding-top:50px;}
   .demand-main{width:100%;}
   .demand-box{width:90%;}
   .demand-one label{margin:0px;margin-top:15px;width:100%;float:none;display:block;}
   .demand-one label .d1{width:93%;height: 25px;font:14px/25px '微软雅黑';}
   .demand-one label .d2{width:93%;height:200px;font:14px/25px '微软雅黑';}
   .demand-two .btn{margin-left:0px;}
   .demand-two .xin{width:100%;margin-right:0px;margin-top:10px;}
    
   .demand_bottom{width:100%;margin-top:0px;}
   .demand_bottom .con .xinwe{width:100%;margin-top:20px;}
   .demand_bottom .con ul{margin-left:30px;margin-top:0px;}
   
}

@media Screen and (max-width:560px){
    header .button-nav .nav-button{margin:5px 15px 5px 0px;}
    header{background:url('/Public/images/header.png') repeat-x left -83px;}
}

@media Screen and (max-width:480px){
    header{background:url('/Public/images/header.png') repeat-x left -85px;}
    header .button-nav .nav-button{margin:3px 10px 3px 0px;}
    .advertisement div{position:relative;width:100%;height:200px;overflow:hidden;}
    .advertisement img{width:768px;height:200px;position:absolute;left:50%;top:50%;margin-left:-384px;margin-top:-100px;}

}

@media Screen and (max-width:320px){
    header .button-nav .nav-button{margin:3px 5px 3px 0px;}
}