/************************Notice background path*********************************************/

#scrollUp {
  bottom: 20px;
  right: 10px;
  height: 42px;
  width: 42px;
  background-color: rgba(0, 0, 0, 0.3);
  font-size: 36px;
  color: white;
  text-align: center;
  border-radius: 10px;
  text-decoration: none;
  -webkit-transition: -webkit-transform opacity 0.2s ease-out;
  -moz-transition: -moz-transform opacity 0.2s ease-out;
  -o-transition: -o-transform opacity 0.2s ease-out;
  transition: transform opacity 0.2s ease-out;
}
#scrollUp .icon {
  vertical-align: middle;
  display: table;
  width: 29px;
  height: 28px;
  background: url(../images/scroll.png);
  margin: 7px auto;
}
#scrollUp:hover {
  background-color: rgba(0, 0, 0, 0.75);
}

.box{width:1200px; margin:0 auto; position:relative; z-index:0;}
.box a:link,.box a:visited{text-decoration:none;}
.box a:hover{text-decoration:underline;}

.header{position:relative; left:0px; top:0px; width:1200px; height:220px; background:url(../images/index_01.jpg) no-repeat;}
.section1{position:relative; left:0px; top:0px; width:1200px; height:558px; background:url(../images/index_02.jpg) no-repeat;}
.section2{position:relative; left:0px; top:0px; width:1200px; height:525px; background:url(../images/index_03.jpg) no-repeat;}
.section3{position:relative; left:0px; top:0px; width:1200px; height:442px; background:url(../images/index_04.jpg) no-repeat;}
.section4{position:relative; left:0px; top:0px; width:1200px; height:608px; background:#ffffff;}
.footer{position:relative; left:0px; top:0px; width:1200px; height:175px; background:#1E2132;}

.logo{ position:relative;left:0px;top:70px;width: 182px;margin: 0 auto; }

.headmenu{ position:relative;top:110px;left:0px;font-size:16px;font-weight:normal;font-family: 'Times New Roman';text-transform: uppercase;width: 814px;margin: 0 auto; }
#headmenu li{ float:left; margin:0px 25px; }
#headmenu li a,#headmenu li a:visited { color:#ffffff;text-decoration:none;transition: all 1s; }
#headmenu li a:hover{ color:#FFB119; }

.banner{position: relative;left: 0px;top: 40px;width: 960px;height: 474px;background: url(../images/banner.jpg);margin: 0 auto;overflow: hidden;}
.sideLeft{position: absolute;left: -235px;top: 4px;width: 234px;height: 466px;background: #E7A01B;}
.sideTitle{font-size: 30px;color: #fff;font-family: 'Times New Roman';width: 190px;margin: 0 auto;position: relative;top:77px; }
.prodcat_left1{position:absolute;top:178px;left:45px;font-size:18px;font-family: 'Times New Roman';}
#prodcat_left1 li{line-height:30px;list-style-type: disc;color:#ffffff;}
#prodcat_left1 li a,#prodcat_left1 li a:visited {color:#ffffff;text-decoration:none;transition: all .5s;margin-left: 0px;}
#prodcat_left1 li a:hover {color:#666666;margin-left: 10px;}
.readMore{position:absolute;top:290px;left:28px;font-size:18px;font-family: 'Times New Roman';}
.readMore a,.readMore a:visited{display: block;width: 148px;height: 48px;border: 1px solid #fff;text-align: center;line-height: 48px;color: #fff;transition: all 0.5s;}
.readMore a:hover{color: #E7A01B;background: #fff;}

.category{position: relative;left: 0px;top: 120px;width: 930px;margin: 0 auto;}
.category li{float: left;width: 170px;height: 274px;background: #EFEFEF;margin: 0px 70px;display: block;text-align: center;cursor: pointer;position: relative;top: 0px;}
.catName{color: #040718; font-size:36px; font-style: italic;font-family: 'Times New Roman';margin-top: 80px; }
.viewNow{display: block;margin-top: 10px;transition: all .5s;}
.viewNow a,.viewNow a:visited{display: block;width:120px;background: #040718;height: 42px;color: #fff;text-align: center;line-height: 42px;margin: 0 auto;border-radius: 10px; font-size:14px; font-style: italic;font-family: 'Times New Roman';transition: all .5s;}
.viewNow a:hover{text-decoration: none;}

.ourMission{position: relative;width: 588px;height: 123px;background: url(../images/ourMission.png);margin: 0 auto;text-align: center;line-height: 30px;padding-top: 30px;top: 80px;}
.omTitle{font-size:24px; font-family: 'Times New Roman';color: #fff;}
.omLine{display: block;width: 62px;height: 2px;background: #fff;text-align: center;margin: 0 auto;}
.omContent{font-size:18px; font-family: 'Times New Roman';color: #fff;}

.profile {position:relative;top:110px;left:0px;width:78%;font:normal 18px/40px 'Times New Roman';color: #fff;margin: 0 auto;}
.profile li{float: left;width: 50%;}

.show1{position: relative;left: 0px;top: 0px;width: 100%;height:608px;background: url(../images/show1.jpg) no-repeat scroll center;display: block;}
.show11{background: url(../images/show1.jpg) no-repeat fixed top center;height: 100%;display: block;}
.show2{position: relative;left: 0px;top: 0px;width: 100%;height:608px;background: url(../images/show2.jpg) no-repeat scroll center;display: block;}
.show22{background: url(../images/show2.jpg) no-repeat fixed top center;height: 100%;display: block;}
.show3{position: relative;left: 0px;top: 0px;width: 100%;height:608px;background: url(../images/show3.jpg) no-repeat scroll center;display: block;}
.show33{background: url(../images/show3.jpg) no-repeat fixed top center;height: 100%;display: block;}

.contactus{position:absolute;top:35px;left:135px;z-index:15;font:normal 16px/24px 'Times New Roman';font-style: italic;color: #ffffff;}
.contactus a:link,.contactus a:visited{color: #ffffff;}

.frame-header{position: relative;left: 0px;top: 0px;width: 1200px;height: 244px; margin: 0 auto;background: url(../images/frame_01.jpg);}
.frame-content{position: relative;width: 1200px;margin: 0 auto;overflow: hidden;background: #ffffff;}
.frame-content-left{width: 20%;min-height: 1000px;float: left;background: #ffffff;}
.frame-content-right{width: 80%;min-height: 1000px;float: left;background: #ffffff;}