@charset "utf-8";
/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
ul, li, ol{list-style:none;}
em ,i{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
a{text-decoration:none;outline:none;cursor:pointer;color:#666; transition:0.5s}
a:hover {text-decoration:none; color:#2f73b3;}
*{/*word-wrap:break-word;word-break:break-all;-webkit-text-size-adjust:none;*/}
body,textarea,pre,input{font:12px/1.2 tahoma,arial,sans-serif;}
input,textarea{margin:0;padding:0;outline:none;font-size:100%;vertical-align:baseline;}
textarea{resize:none;}
textarea, input[type="text"], input[type="password"] {background:white url(../images/common/input_bg_sd.png) 0 0 no-repeat;}
hr {border:none;height:1px;}

html,body{height:100%;}
pre{white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}

.clearfix:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {clear:both;zoom:1;}





body {
	font-family: "Microsoft YaHei";
	background:#fff;
}


/*页头部分*/
.container {
	width:1200px;
	clear:both;
	margin:0 auto;
}
.slider_bg{  width:100%; }

.header {
	display:block;background:#fff; 
}
.logo {
	float:left;
}

.topright { float: right; background:url(../images/phone.png) no-repeat left top; 
	padding-left: 80px; font-size:24px; font-weight: bold; color: #000; margin-top: 10px;}
.topright p span{ font-weight: normal; height:40px; line-height:40px; color: #2f73b3; margin-right: 30px  }


/*-- nav --*/

.nav{ background: #2f73b3 }
nav{
  position: relative; z-index: 1000;
  width:1200px;height:60px;margin:0 auto;
 
}
nav ul li{list-style:none;width:133px;height:60px;float:left; line-height:60px;text-align:center;}
nav ul li a{font-size:18px;  color:#fff;text-decoration:none;}
nav ul li a:hover{ color: #fff }
nav ul li:hover,nav ul li.first{background:#fc8b00 }



nav .hid li{border:none;background:rgba(10,5,5,0.7);}
nav .hid li:hover{background:rgba(217,110,44,0.7);}

nav ul li ul{ position: relative; top: -4px }
nav ul li ul li{height: 46px; line-height: 46px; }
nav ul li ul li a{ font-weight:normal; font-size:16px;}

nav .hid2{display:none;}
nav ul li:hover .hid2{display:block;-webkit-animation:aa 1s;-moz-animation:aa 0.5s;} /*调用动画函数，并且1S执行 */

}
/*--nav--*/






/*----slider----*/

.js-silder{
	position: relative;	
	min-width: 320px;
}
.silder-scroll{
	width: 100%;
	overflow: hidden;
}
.silder-main{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.silder-main-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.silder-main-img img{
	width: 100%;
}
.js-silder-ctrl{
	width: 100%;
	text-align: center;
}
.silder-ctrl-prev,
.silder-ctrl-next{
	position: absolute;
	top: 0;
	width: 8%;
	height: 100%;
	vertical-align: middle;
	cursor: pointer;
	color: #fff;
	font-family: "宋体";
	font-size: 52px;
	font-weight: 600;
	text-shadow: #666 2px 2px 5px;
}
.silder-ctrl-prev{
	left: 0;
	text-align: left;
}
.silder-ctrl-next{
	right: 0;
	text-align: right;
}
.silder-ctrl-prev>span,
.silder-ctrl-next>span{
	position: absolute;
	top: 50%;
	margin-top: -40px;
}
.silder-ctrl-prev>span{
	left: 0;
}
.silder-ctrl-next>span{
	right: 0;
}
.silder-ctrl-con{
	display: inline-block;
	width: 4%;
	padding: 10px 0;
	margin: 0 10px;
	cursor: pointer;
}
.silder-ctrl-con>span{
	display: block;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
	padding: 5px 0;
	cursor: pointer;
	background-color: #e4e4e4;
}
.silder-ctrl-con.active>span{
	background-color: #7bbedf;
}





/*动画*/
    
.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 500px, 0);
            transform: translate3d(0, 500px, 0);
  }


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

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

   0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 500px, 0);
            transform: translate3d(0, 500px, 0);
  }

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

.bounceInUp {
  -webkit-animation-name: bounceInUp;
          animation-name: bounceInUp;
}




.footer {
	background:#2f73b3;  
	padding:30px 0;
	overflow:hidden;
	display:block;
	color:#FFF;
	font-size:14px;
	margin-top:50px;
	text-align:center;
}

.footr{ text-align:center; display:block; clear:both; margin-top:30px}

.footl h1{ font-size:40px; }
.webinfo { border-top:1px solid #CCC; padding-top:20px; text-align:center; line-height:30px; color:#999}
.webinfo p { color:#fff; margin-right:20px}
.footlink{}

.footlink p a ,.footlink p span{ line-height:50px; height:50px; font-size:14px; 
	text-align:center; vertical-align:10px; color: #fff; margin:0 20px;} 
.footlink p img{ line-height:50px; margin-right:20px; margin-left:30px}

.footr a{ margin-right:30px;}



/*案例展示*/