@charset "utf-8";
/* CSS Document */
@font-face
{
	font-family: myFont; 
	src: url(../font/SOURCEHANSANSCN-REGULAR.OTF)/*,url(../font/SOURCEHANSANSCN-HEAVY.OTF) ,url(../font/SOURCEHANSANSCN-MEDIUM.OTF)*/ 
	
	;
}
*html{ background-image:url(about:blank); background-attachment:fixed;}
body{ font-size:12px;/* font-family:myFont;*/ font-family:"Microsoft YaHei","宋体",arial; position:relative;}
/*body{ font-size:12px; font-family:arial; position:relative;}*/
input,select,textarea,button{  font-family:"Microsoft YaHei";  outline:none; font-size:12px;}
*{margin:0;padding:0; border: 0;}
ul, li {list-style-type:none;}
em,i,ins{ font-style:normal; text-decoration:none;}
img {border:none; vertical-align:middle;}
a{color:#333;text-decoration:none;}
a:hover{color:#c60000;}
.fl {float:left;}
.fr {float:right;}
.cl { clear:both;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } 
.clearfix {display:inline-block;}
.clearfix {display:block;}


.w1200{max-width:1200px; margin:0 auto;/* padding:0 10px;*/}
.banner-video{ position:absolute; top:0; left:0; width:100%; z-index:35;}

/*头部*/
.header{height:70px; width:100%; background:#1e1e1e; background:rgba(0,0,0,.5); border-bottom:1px solid #333; position:fixed; top:0; left:0; z-index:44;}
.header-nav {margin-right:40px;}
.header-nav li{float:left; height:70px; line-height:70px; padding:0 20px; font-size:16px; position:relative;}
.header-nav li:hover .navDrop{ display:block;}
.header-nav li a{color:#fff;}
.header-nav .on .navBtn a,.header-nav li a:hover{color:#c60000; transition:.5s;}
.header-search{ margin-top:20px;  position:relative;}
.header-search input:placeholder{color:#fff;}
.header-search input{width:30px; margin-left:10px;line-height:30px; border:1px solid #ccc; border-radius:30px; color:#fff; background:none; height:28px; line-height:28px; vertical-align:middle; text-indent:50px; transition:.5s;position:relative; visibility:visible;}
.header-search a{background:url(../images/search2.png) no-repeat; background-size:cover; width:20px; height:20px; position:absolute; top:5px; right:5px;}
.header-search:hover input{width:100px; visibility:visible; text-indent:10px;}
.header .logo img{ height:25px; margin-top:25px;}

.navBtn{ position:relative;}
.navDrop{ position:absolute; top:70px; left:-5%; z-index:44; width:110%; background:#323232; display:none;}
.navDrop a{ display:block; width:100%; height:40px; line-height:40px; border-top:1px solid #000; font-size:13px; text-align:center;}
.navDrop a:hover{}
.navDrop .navDrop-on{color:#c60000; border-bottom:1px solid #c60000;}
.navDrop a{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.navDrop a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #c60000;
  height: 1px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.navDrop a:hover:before, .navDrop a:focus:before, .navDrop a:active:before { left: 0;right: 0;}




/*尾部*/
.footer{ padding:45px 0 20px; border-top:1px solid #e1e1e1;}
.footer-nav ul{float:left; margin-right:100px;}
.footer-nav ul:last-child{margin-right:0;}
.footer-nav li b{color:#323232; font-size:16px; margin-bottom:15px; display:block;}
.footer-nav li a{color:#969696;}
.footer-nav li a:hover{color:#c60000;}
.footer-nav li { line-height:25px;}
.footer-nav li input{width:320px; padding-left:10px; height:28px; line-height:28px; border:1px solid #959595; margin-bottom:12px;} 
.footer-nav li textarea{width:320px; height:85px; padding:5px; border:1px solid #959595; margin-bottom:5px;}
.footer-nav .footer-btn{width:140px; height:30px; line-height:30px; text-align:center; display:inline-block; color:#fff; font-size:14px; background:#646464;}
.copyright{width:100%; height:70px; line-height:70px; background:#3F3F3F; font-size:12px; color:#fff; text-align:center;}
#section-footer .fp-tableCell{ display:inline-block;}



/*分页*/
.page{ padding:50px 0; text-align:right;}
.page ul{ text-align:right; float:right;}
.page li{ float:left; margin-left:10px;}
.page li a{font-size:14px; border-radius:3px;width:40px; height:40px; line-height:40px; text-align:center; color:#646464; display:inline-block; background:#f1f1f1; transition:.5s;}
.page .current a{color:#fff; background:#E20000;}
.page li:hover a{background:#E20000; color:#fff;}
.page .page-next a,.page .page-prev a{ font-family:"黑体"; font-weight:600;}




.product3-mouse{ background:url(../images/mouse.png) no-repeat; background-size:cover; width:19px; height:38px; position:absolute; bottom:10px; left:50%; margin-left:-8px; z-index:44; animation:mouse 2s infinite;-ms-behavior: url(../css/backgroundsize.min.htc);
	behavior: url(../css/backgroundsize.min.htc);}

@keyframes mouse{
	0%{opacity:1; bottom:20px;}
	100%{opacity:.2; bottom:5px;}
}


.fp-controlArrow.fp-next{border-width:0 !important; background:url(../images/next.png) no-repeat; background-size:cover; width:25px; height:43px; right:150px !important;}
.fp-controlArrow.fp-prev{border-width:0 !important; background:url(../images/prev.png) no-repeat; background-size:cover; width:25px; height:43px; left:150px !important;}