/************************Notice background path*********************************************/
html,body{-webkit-text-size-adjust:none;}
body{background:#e5e5e5;font-family:Arial, Helvetica, sans-serif; font-size:12px;}
body,a,p,div,ol,ul,li,span,img,h1,h2,h3,h4,h5,h6{margin:0px; padding:0px; }
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
li{list-style:none;}
a{text-decoration: none;}
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
img{border:0;}

#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);
}
.clear{ zoom:1;}
.clear:after{ clear:both; overflow:hidden; display:block; content:"";}
.box{width:1200px; margin:0 auto; position:relative; z-index:0; background:#fff;}
.box a:link,.box a:visited{text-decoration:none;}
.box a:hover{text-decoration:underline;}

.header{ width:1170px; padding:0 15px; margin:0 auto;  background:#fff;  }
.header .logo{  width:100%; position:relative;}
.header .logo img{ max-width:361px;}
.flash{width:958px; float:right;} 
.header .nav{ line-height:105px; width:204px; float:left; padding:52px 0; background:#e5e5e5; text-align:center;}
.header .nav ul{}
.header .nav li{ display:block; font-size:18px; }
.header .nav li a,.header .nav li a:visited { color:#8f8f8f; text-decoration:none;display: block;font-family: "calibri";}
.header .nav li a:hover,.header .nav li.on a{ color:#0068b7;}
.header .nav li.li1 a{ background:url(../images/libg1.jpg) top center no-repeat;}
.header .nav li.li1 a:hover,.header .nav li.li1.on a{ background:url(../images/libg1.jpg) center -112px no-repeat; color:#005982;}
.header .nav li.li2 a:hover,.header .nav li.li2.on a{ background:url(../images/libg2.jpg) top center no-repeat; color:#eb6877;}
.header .nav li.li3 a:hover,.header .nav li.li3.on a{ background:url(../images/libg3.jpg) top center no-repeat; color:#f19149;}
.header .nav li.li4 a:hover,.header .nav li.li4.on a{ background:url(../images/libg4.jpg) top center no-repeat; color:#5f52a0;}
.header .nav li.li2 a{ background:url(../images/libg2.jpg) center -111px no-repeat;}
.header .nav li.li3 a{ background:url(../images/libg3.jpg) center -111px no-repeat;}
.header .nav li.li4 a{ background:url(../images/libg4.jpg) center -109px no-repeat;}
.header .language{ position:absolute; right:16px; bottom:24px; border:1px solid #000; border-radius:20px; -webkit-border-radius:20px; overflow:hidden;}
.header .language a{ display:inline-block; width:45px; height:35px; background:#d7d7d7; transition: all .4s;  color:#646464; text-decoration:none; text-align:center; line-height:35px; font-size:16px; }
.header .language a:hover,.header .language a.on{ background:#448aca; color:#fff;text-shadow: 1px -1px 0 #000000; -webkit-text-shadow: 1px -1px 0 #000000;}


.slideBox{ width:958px; height:525px; overflow:hidden; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:958px; height:525px; display:block;  }


/*flash*/
.section{ width:1200px; margin:0 auto; background:#fff;}
 
 
.section .floor{ width:1170px; letter-spacing:1px; margin:0 auto; margin-top:10px; background:url(../images/aboutbg.jpg) top center no-repeat; padding:28px 0; }
.section .floor .main{ text-align:center; font-size:20px; color:#535353; font-family: "calibri"; line-height:25px;}
.section .floor h1{ color:#000; font-size:28px; font-weight:bold; display:block; margin-bottom:20px;}
.section .floor p{ padding:0 43px;}
.section .floor em{ background:#448aca; width:50px; height:5px; display:inline-block; margin-bottom:20px;}
.section .floor .more{ color:#535353; text-decoration:none; margin-top:30px; width:123px; display:inline-block; line-height:28px; height:28px; font-size:20px; padding-right:17px; background:url(../images/jt.png) right 9px no-repeat; transition:0.6s;}
.section .floor .more:hover{ background:url(../images/jt.png) right -13px no-repeat; color:#448aca;}
 
.section .floor1{ width:1181px; margin:0 auto; margin-top:40px; text-align:center; }
.section .floor1 h1{ color:#000; font-size:30px; display:block; margin-bottom:20px;}
.section .floor1 em{ background:#448aca; width:50px; height:5px; display:inline-block; margin-bottom:20px;}
.section .floor1 ul{ margin-top:30px;}
.section .floor1 ul li{ float:left; margin:0 5.5px; width:225px; height:230px; position:relative; margin-bottom:23px;}
.section .floor1 ul li a{ display:none; background:url(../images/prohover.png) top left no-repeat;  width:225px; height:230px; position:absolute; top:0; left:0; color:#0068b7; font-size:20px; font-weight:bold; line-height:230px; text-align:center; text-decoration:none;}
.section .floor1 ul li:hover a{ display:block;}
  



.footer{ width:1200px; padding:50px 0; margin:0 auto; background:#535353; color:#fff; font-size:18px; font-family:"Arial"; line-height:30px; margin-top:35px; text-align:center; letter-spacing:1px;}
.footer span{padding:0 22px; }


 


.pic1{position: relative;left: 0px;top: 0px;display: block;width: 1186px;height: 485px;background: url(../images/pic1.jpg);margin: 0 auto;overflow: hidden;}
.pic1 a,.pic1 a:visited{font-size: 12px;font-weight: bold;display: block;position: absolute;left: 42px;top: 116px;color:#929292;padding: 8px 20px;border-radius: 25px;background: #ffffff;transition: all 1s;}
.pic1 a:hover{position: absolute;left: 52px;}
.picImg{position: relative;top: -160px;left: 0px;width: 824px;margin: 0 auto;}
.picImg li{float: left;margin: 0px 14px;width: 384px;margin-top: 0px;transition: all 1s}
.picImg li:hover{margin-top:-10px;}

.prodImg1{position: absolute;left:27px;top: 8px;width: 1186px;height: 300px;background: url(../images/pic4.jpg);margin: 0 auto;overflow: hidden;}
.prodpic1{position: absolute;left: 582px;top: -90px;}
.prodbtn1{position: absolute;left: 1500px;top: 148px;}
.prodbtn1 a,.prodbtn1 a:visited{font-size: 13px;font-weight: bold;display: block;color:#929292;padding: 8px 20px;border-radius: 25px;background: #ffffff;transition: all 1s;}
.prodbtn1 a:hover{color: #fff;background: #01915C;}

.prodImg2{position: absolute;left: 28px;top: 320px;width: 705px;height: 410px;background: url(../images/pic5.jpg);margin: 0 auto;overflow: hidden;}
.prodpic2{position: absolute;left: 362px;top: -158px;}
.prodbtn2{position: absolute;left: 720px;top: 165px;}
.prodbtn2 a,.prodbtn2 a:visited{font-size: 13px;font-weight: bold;display: block;color:#929292;padding: 8px 20px;border-radius: 25px;background: #ffffff;transition: all 1s;}
.prodbtn2 a:hover{color: #fff;background: #01915C;}

.prodImg3{position: absolute;left: 750px;top: 320px;width: 464px;height: 410px;background: url(../images/pic6.jpg);margin: 0 auto;overflow: hidden;}
.prodpic3{position: absolute;left: 27px;top: -123px;}
.prodbtn3{position: absolute;left: -100px;top: 84px;}
.prodbtn3 a,.prodbtn3 a:visited{font-size: 13px;font-weight: bold;display: block;color:#929292;padding: 8px 20px;border-radius: 25px;background: #ffffff;transition: all 1s;}
.prodbtn3 a:hover{color: #fff;background: #01915C;}

.contactusTitle{position: relative;width: 276px;margin: 0 auto;top: 20px;}
.contactus{position:relative;top:38px;left:0px;z-index:15;font:bold 16px/30px 'Arial';color:#ffffff;width: 100%;text-align: center;color: #767676;}
.contactus a:link,.contactus a:visited{color: #767676;}

.frame-content{position: relative;width: 1170px;margin: 0 auto; background: #ffffff; margin-top:30px; }
.frame-content-left{width: 242px;min-height: 1000px; padding-top:20px;float: left;background: #ffffff; border: 1px solid #134c7d;}
.frame-content-left h1{text-align: center;width: 100%; font-size:30px; color:#134c7d; text-decoration:underline; font-weight:bold;display: block; }
.frame-content-left ul{ margin-left:20px;}
.frame-content-left ul li{ margin-top:10px; padding-left:46px; position:relative;}

.frame-content-right{ width:900px; float:right;}

/*Product List*/
.prodcat_left1{    background: #f3f3f3;
    border: 1px solid #f2d7ba;
    height: 183px;
    width: 118px;
    padding-left: 65px;
    font-size: 16px;
    padding-top: 50px;
	padding-right: 10px;
    }
#prodcat_left1{}
#prodcat_left1 li{line-height: 25px; }
#prodcat_left1 li a,#prodcat_left1 li a:visited {color:#000;text-decoration:none; font-size: 18px;font-family: 'calibri'; font-weight:normal;} 
#prodcat_left1 li a:hover {color:#a0a0a0;}