/*
     @规则
        @charset   设置样式表的编码
        @import    导入其他样式文件
        @meida     媒体查询（移动端开发需要用到）
        @font-face  自定义字体
*/

@import 'reset.css';

/*@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../font/iconfont.woff2') format('woff2'),
      url('../font/iconfont.woff') format('woff'),
      url('../font/iconfont.ttf') format('truetype'),
      url('../font/iconfont.svg#iconfont') format('svg');
}*/
/*@font-face {
  font-family: 'iconfont';
  src: url('../font1/iconfont.eot');
  src: url('../font1/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../font1/iconfont.woff2') format('woff2'),
      url('../font1/iconfont.woff') format('woff'),
      url('../font1/iconfont.ttf') format('truetype'),
      url('../font1/iconfont.svg#iconfont') format('svg');
}
*/
@font-face {
  font-family: 'iconfont';
  src: url('../font2/iconfont.ttf') format('truetype');
}


h1, h2, h3, h4, h5, h6 {
    font-family: PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
    font-weight: 400;
    color: #000;
    line-height: 1;
}


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


    /*头部信息*/
#headMessage {
  height: 65px;
 background:  #fff;
}
#headMessage img{
  height: 55px;
  margin: 5px 25px 5px -10px;
}
#headMessage .headtb img{
  width: 30px;
  height: 30px;
  margin: 0px -130px 5px 90px;
}

#headMessage li{
	float: left;
 	margin: 22px 15px 0px -15px;
	padding: 0 20px;
  font-size: 14px;
}
#headMessage .fl{
  /*font-style:italic;*/
  /*font-weight:bold;*/
  font-size: 20px;
}

 
#headMessage li a{
	color: #6c6c6c;
	font-size: 15px;
}
#headMessage .fr li a:hover{
  color: #f40;
  /*transform: scale(1.0)*/
}
#headMessage .fr li:hover{
  color: #f40;
  transform: scale(1.0)
}
#headMessage li:hover{
	color: #f40;
  transform: scale(1.0)
}
.banner{
            width: 100%;
            height: 650px;
            background-color: #fed93a;
            margin-top: 150px;
            margin-left: 20px;
            margin: 0px 0px;
            overflow: hidden;
            position: relative;
        }
        .banner .pic ul{
            width: 100%; 
            height: 650px; 
            margin: 0px 0px;
            padding-left: 0px;
            display: inline-block;
            float:left;
            list-style: none;
        }
        .banner .pic ul li{
            width: 100%; 
            height: 650px;
            list-style: none;
        }
        
        .left{
            width: 50px;
            height: 50px;
            position: absolute;
            top: 300px;
            left: 20px;
            background-color: rgba(0,0,0,0.5);
            color: #fff;
            border-radius: 50%;
            text-align: center;
            line-height: 50px;
 
        }
        .right{
            width: 50px;
            height: 50px;
            position: absolute;
            top: 300px;
            right: 20px;
            background-color: rgba(0,0,0,0.5);
            color: #fff;
            border-radius: 50%;
            text-align: center;
            line-height: 50px;
        }
        .dot{
            position: absolute;
            /*margin-left:30%;*/
            width: 100px;
            height: 30px;
            bottom: 30px;            
            left: 48%;            
            background-color: rgba(0,0,0,0.3);
            border-radius: 15px;
        }
        .dot ul li{ 
            list-style: none;
            width: 15px;
            height: 15px;
            border-radius: 100%;
            background-color: #fff;
            float:left;
            margin: 7.5px 5px;
            line-height: 15px;
        }
        .dot ul li:hover{
            background-color: #f40;
        }


.banner-1 { 
  width: 640px; 
  height: 80px; 
  margin: 10px auto;  
  box-sizing: content-box;
} 
.banner-1 a{ 
   margin:0 1.5px;
}

#product .js{
  text-align: center;
  margin-top: 10px;
}
#product .js h1{
  text-align: center;
  margin-top: 10px;
  font-size: 30px;
}

#product .js p{
  text-align: center;
  margin-top: 10px;
  font-size: 16px;
}
#product .js h1:hover{
  color: #f40;
}
#product .js p:hover{
  color: #f40;
}
#product .cpxx{
  float: left;
  margin-top: 30px;
  margin-bottom: -100px;
 /*height: 300px;*/
}
#product li{
  float: left;
  width: 380px;
  height:380px;
  margin-right: 15px;
  margin-bottom: 10px;
 /*border: 1px solid orange;
  background: #f8f8ff;*/
}
#product li:hover{
  color: #f40; 
  transform: scale(1.1);
}
#product li img{
  height: 220px;
  width: 380px;
}
#product li img:hover{
  color: #f40;
}
#product li h3 {
   margin-top: 15px;
   font-size: 14px;
   color: #4A51A5;
   text-transform: uppercase;
}
#product li h3:hover{
  color: #f40;
}
#product li p{
  line-height: 20px;
  text-align: left;
  font-size: 12px;
  margin: 6px 0px;
  font: 400 0.5em/1.8 PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans;
}
#product li p:hover{
  color: #f40;
}
#Aboutus{
  height: auto;
  width: auto;
  margin: -100px 0 150px 0;
}
#Aboutus img{
  border-radius: 20px;
  width: 450px;
  height: 400px;
  transition: all 2s;
}
#Aboutus img:hover{
transform: scale(1.8);
}
#Aboutus h2{
  line-height: 20px;
  margin: 20px 0;
}
#Aboutus a{
    margin-right: 20px;
}
#Aboutus p{
  margin-right: 40px;
  text-indent: 2em;
  margin-top: 10px;
}
#footer{
  height:auto;
  width: auto;
  margin-top: -100px; 
 background-color: #2a3c51;
}
#footer .f1 li{
  float: left;
  text-align: center;
  margin-left: 100px;
  padding: 30px 30px;
  margin-top: -50px; 
  margin-bottom: 50px;
}
#footer .f1 li a{
 color: #fff;
}
#footer .f1 li img{
 width: 100px;
 height: 100px;
 margin-top: 100px; 
 border-radius: 30px;
}
#footer .f1 h3{
  color: #fff;
  margin-top:30px;
  margin-bottom:20px;
  text-align: center;
}
#footer .f1 p{
  color:#9d9d9d;
  text-align: center;
}
#footer .footer1 ul{
   float: left;
   margin-left: 90px;
   margin-bottom: 50px;
   color: #fff;
}
#footer .footer1 li a{
  font-size: 20px;
  color: #fff;
 }
#footer .footer1 li a:hover{
  color: #f40;
}