* {font-family: "Arial"; margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border:none;}
html, body { font-size: 12px; font-family: "Arial"; font-weight: normal; color: #333;background-color:#fff;min-width:320px;width:100%;}
h2,h3{font-family:"Arial";font-weight:bold;}
ul,ul li{list-style:none;}
a,a:link,a:visited,a:hover,a:active{text-decoration:none;color:#333;}

/****** header start ********/
header{width:100%;height:55px;position:fixed;top:0;left:0;font-size:16px;padding:10px 30px;line-height:34px;background-color:rgba(0,0,0,.7);z-index:99;box-shadow:0 4px 15px rgba(153,153,153,0.25);-moz-box-shadow:0 4px 15px rgba(153,153,153,0.25);-webkit-box-shadow:0 4px 15px rgba(153,153,153,0.25);}
header h1{float:left;}
header .nav{float:left;overflow:hidden;margin-left:20px;display:block;}
header .nav li{float:left;margin-left:40px;width:50px;text-align:center;}
header .nav li a{color:#999;}
header .nav li.active{border-bottom:2px solid #000;}
header .nav li.active a{color:#fff;}
header .nav li.loginli{display:none;}
header .login{float:right;width:60px;background-color:#006cb8;border-radius:15px;color:#fff;text-align:center;margin-left:15px;font-size:14px;}
header .navicon{display:none;}
@media (max-width: 640px) {
    header{padding:10px;}
    header .nav{position:fixed;top:55px;width:120px;right:0;margin:0;display:none;}
    header .nav li{width:100%;background-color:#333;border-bottom:1px solid #000;height:35px;text-align:center;margin:0;}
    header .nav li.active{border-bottom:1px solid #000;}
    header .nav li.active a{color:#f08200;}
    header .nav li.loginli{display:block;}
    header .login {display:none;}
    header .navicon{width:50px;height:35px; float:right; display:block;background:url(../img/header/nav.png) no-repeat center center;}
}
/****** header end ********/
section{text-align:center;padding-bottom:20px;}
section h3{font-size:1.8em;color:#0083df;font-weight:normal;margin-bottom:10px;}
.fs14{font-size:14px;}
.mgb10{margin-bottom:10px;}
.underline{text-decoration:underline;color:#f18101;}
/****** section1 start ********/
#section1{height:300px; background:url(../img/bg.png) no-repeat center center;background-size:cover;color:#fff;padding:120px 20px 0 0;margin-bottom:20px;text-align:right;}

#section1 .txt3{font-size:1.6em;color:#fff;font-weight:normal;margin-bottom:20px;}
#section1 .txt4{font-size:1.4em;color:#fff;font-weight:normal;margin-bottom:20px;}
#section1 .txt5{color:#0083df;width:120px;height:36px;line-height:36px;font-size:1.4em;display:block;border:1px solid #0083df;border-radius:35px;text-align:center;float:right;}
/****** section1 end ********/

/****** section2 start ********/
#section2{padding-top:20px;}
#section2 .products{width:96%;overflow-x:auto;border-bottom:1px solid #ccc;margin:30px auto 0 auto;}
#section2 ul{overflow:hidden;width:700px;margin:0 auto;}
#section2 ul li{width:90px;margin:10px 5px;float:left;font-size:1.4em;}
#section2 ul li a{display:block;color:#000;}
#section2 ul li.active a{color:#0083df;}
#section2 ul li div.icon{width:80px;background-color:#0189ef;height:90px;text-align:center;border-radius:10px;}
#section2 ul li p{color:#fff;width:80%;}
#section2 ul li .product1{background-position-x:-5px;}
#section2 ul li .product2{background-position-x:-80px;}
#section2 ul li .product3{background-position-x:-155px;}
#section2 ul li .product4{background-position-x:-230px;}
#section2 ul li .product5{background-position-x:-378px;}
#section2 ul li .product6{background-position-x:-305px;}
#section2 p{color:#999;}

#slideContainer{width:100%; background-color:#fff;}
#slideContainer p{color:#999;line-height:1.6em;margin-bottom:10px;width:90%;margin:10px auto;}
#slides{position:relative;max-width:640px;margin:0 auto;}
#slides .slidesjs-pagination{width:140px;margin:0 auto;}
#slides .slidesjs-pagination li{text-indent:20px;width:10px;height:10px;overflow:hidden;}
#slides .slidesjs-pagination li a{background-color:#ccc;}
#slides .slidesjs-pagination li a.active{background-color:#0083df;}
#slides .slidesjs-slide img{width:98%;margin:0 auto;max-width:640px;}
#slides .slidesjs-navigation{position:absolute;width:23px;height:41px;z-index:19;top:45%;}
/****** section2 end ********/

/****** section3 start ********/
#section3{background:url(../img/section3/map.png) no-repeat center center;padding-top:20px;background-size:cover;height:280px;}
#section3 h3{color:#fff;}
.lbUl{color:#fff;font-size:16px;padding-left:10px;text-align:left;background-color:rgba(0, 0, 0, 0.2);margin:20px 0 0 20px;width:220px;}
.lbUl li{line-height:40px;}
.lbUl li:before{content:' ';width:10px;height:10px;display:inline-block; background:#fff;border-radius:5px;margin-right:10px;}

/****** section3 end ********/

/****** section4 start ********/
#section4{color:#666;padding:20px 0 50px 0;}
#section4 h3{color:#666;border-bottom:1px solid #0083df;width:160px;padding-bottom:5px;margin:0 auto;}
#section4 .years{background:url(../img/section4/arrow.png) no-repeat 30px 20px;}
#section4 .year{overflow:hidden;padding-left:25px;}
#section4 .title{background-color:#0083df;padding:5px 10px;width:90px;height:30px; color:#fff;border-radius:15px;margin-top:50px;line-height:22px;margin-top:40px;}
#section4 .year:first-child .title{margin-top:60px;}
#section4 .title:before{content:'';display:inline-block; width:12px;height:12px;border:3px solid #fff;border-radius:50%;margin:1px 5px 0 0;float:left;}
#section4 .title:after{clear:both;}
#section4 .txt{width:165px;height:105px;float:left;margin:20px 0 0 20px;padding:20px;text-align:left;}
#section4  img{width:105px;height:105px;float:left;margin:20px 0 0 40px;}
#section4  img.mgl20{margin-left:20px;}
/****** section4 end ********/

/****** section5 start ********/
#section5{background-color:#eee;color:#666;padding-top:20px;}
#section5 h3{color:#666;border-bottom:1px solid #0083df;width:160px;padding-bottom:5px;margin:0 auto;}
#section5 ul{overflow:hidden;}
#section5 ul li{float:left;width:50%;height:200px;text-align:center;}
#section5 ul li div{height:90px;position:relative;text-align:center;margin-bottom:20px;}
#section5 ul li div img{position:absolute;bottom:0;width:50px;height:auto; left:50%;margin-left:-25px;}
#section5 img{width:100px;height:120px;}
/****** section5 end ********/

/****** footer start ********/
footer{background-color:#292f3b;padding:10px 10px 20px 20px;color:#999;}
.footer-logo{overflow:hidden;margin-bottom:30px;}
.footer-logo img{float:left;margin-right:10px;}
.footer-logo p{float:left;line-height:24px;}
.copyright .tel{color:#0083df;}
.copyright .telNum{color:#0083df;font-size:24px;}
.copyright a {color: #999;}
/****** footer end ********/