@charset "utf-8";
html{color:#333;background:#fff;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font:16px/28px "Microsoft YaHei";}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
ol,ul,li {list-style:none;}
img{border:none;vertical-align: top;}
.fl,.fr {_display:inline;}
.fl{float:left;}
.fr {float:right;}
a{text-decoration: none;}
i,em{font-style: normal;}
.cl { *zoom:1;clear: both;}
.clear{clear:both;overflow: hidden;}
.cl:after { content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}

#history,#explain,#formula,#exhibition,#leader,#epilogue,#team,#foot{width:100%;}
.header,.nav,.history, .explain,.formula,.exhibition,.leader,.epilogue,.team,.foot, .mzsm{width:1200px;margin:0 auto;}
.introduction{width:1200px;margin:0 auto;}


.title{text-align: center;font-family: "宋体";font-size: 0;padding: 40px 0;}
.title h2{display: inline-block;*display:inline;*zoom:1;vertical-align:middle;font-size: 40px;line-height: 50px;}
.title strong{display: inline-block;*display:inline;*zoom:1;vertical-align:middle;font-size: 25px;text-align: left;line-height: 20px;font-weight: bold;}
.title strong span{display: inline-block;*display:inline;*zoom:1;vertical-align:middle;font-size: 12px;padding-left: 5px;}
.title strong i{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;width:77px;height:1px;background:#000;margin:9px 2px}
.titcolor{color:#fff}
.titcolor strong i{background:#fff}

.bg1{background: url("../img/introduction-bg.jpg") no-repeat center bottom #fff;}
.bg2{background: url("../img/bg1.jpg") no-repeat center bottom #091023;}
.bg3{background:url("../img/formula-bg.jpg") no-repeat center bottom;}



/*头部页面*/
#header{background: url("../img/banner-bg.jpg") no-repeat center center;height:629px;width:100%;}
.head-img1{padding-top: 90px;}
.head-img2{text-align:center;margin-top: -145px;}
.head-title{text-align:center;font-size:16px;color:#fff;line-height: 30px;}


#nav{background: url("../img/nav-bg.jpg") no-repeat center center;height:510px;width:100%;}
#nav .nav-img1{padding:220px 0 0 50px}
#nav .nav-img2{padding:30px 0 0 50px}
#nav .nav-article{text-align:center;padding:200px 0 0 70px;line-height:30px;font-size:18px}
.nav{position:relative}
.nav-logo{position:absolute;top:50px;left:20px}
.nav-text2{padding-top:20px}
.nav-text2 i{font-size:22px}

#introduction{padding:10px 0 50px 0;height: 480px;}
.introduction-title{margin:20px 0 20px;}
.introduction-article{width:460px;font-size:16px;color:#000;line-height: 32px;}
.introduction-article p i{font-size:22px}
.introduction-images{position:relative;padding:9px;border:1px solid #38b8c7;border-radius: 10px;}
.introduction-images .hd li:hover img{transform: scale(1.1);}
.introduction-images img{border-radius:10px;transition: transform 1.5s;}
.introduction-images .bd{position:absolute;bottom: -40px;text-align:center;width:100%;font-size: 0;}
.introduction-images .bd li{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;width:15px;height:15px;border:1px solid #38b8c7;margin: 0 5px;}
.introduction-images .bd li.on{background:#38b8c7}

#history{height: 593px;}
#history .title{padding:35px 0 25px 0}
.history-main{position:relative}
.history-main .hd .item{float:left;width:208px;margin:0 16px}
.history-main .hd .item .year{width:208px;height:130px;padding-top:78px;background:url("../img/year-bg.png") no-repeat center center;text-align:center;font-size:39px;line-height:50px;color: #0f2754;font-weight:bold;}
.history-main .hd .item .history-article{margin-top:10px;line-height: 26px;}
.history-main .bd{position:absolute;left:0;bottom: -32px;width:100%;text-align:center;font-size:0;}
.history-main .bd li{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;width:85px;height:3px;border:1px solid #38b8c7;margin:0 5px}
.history-main .bd li.on{background:#38b8c7}

#explain{height:600px}
.explain-main,.explain-main .hd li,.explain-images{position:relative}
.explain-images .hd1 li:hover img{transform: scale(1.1);}
.explain-images img{transition: transform 1.5s;}
.explain-images{margin-left:20px;}
.explain-article{margin:20px 20px 0 -41px;position:relative;width:471px;height:347px;background:url("../img/explain-bg.jpg")}
.explain-text1{padding-top:90px;text-align:center;color:#fff;line-height:30px}
.explain-text2{padding:75px 50px 0;color:#fff;line-height:30px}
.explain-text3{padding: 70px 50px 0;color:#fff;line-height:30px;}

.next2,.prev2{position:absolute;top: 165px;display: block;width:37px;height:60px;cursor: pointer;}
.next2{background: url("../img/next2.png") no-repeat center center;right: 41px;}
.prev2{background: url("../img/prev2.png") no-repeat center center;left:0;}

.explain-main .bd{position:absolute;left:0;bottom: -45px;width:100%;text-align:center;font-size:0;}
.explain-main .bd li{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;width:85px;height:3px;border:1px solid #38b8c7;margin:0 5px}
.explain-main .bd li.on{background:#38b8c7}

.dg_prev,.dg_next{width:65px;height:135px;position: absolute;}
.dg_prev{background: url("../img/prev1.png") no-repeat center center;top:100px;left:0}
.dg_next{background: url("../img/next1-1.png") no-repeat center center;top: 100px;right: 0;}
.dg_prev:hover{background: url("../img/prev1-1.png") no-repeat center center;}
.dg_next:hover{background: url("../img/next1.png") no-repeat center center;}

#formula{padding-bottom: 20px;}
.formula-main .bd{text-align:center;font-size:0}
.formula-main .bd li .icon{display:block}
.formula-main .bd li p{display:none}
.formula-main .bd li{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;width:278px;height:58px;line-height:58px;font-size:20px;border:1px solid #959595;position:relative;margin:0 10px }
.formula-main .bd li i{position:absolute;display:block;width:2px;height:2px;background:#000;}
.formula-main .bd li .top-left{left:5px;top:5px}
.formula-main .bd li .top-right{right:5px;top:5px}
.formula-main .bd li .bottom-left{left:5px;bottom:5px}
.formula-main .bd li .bottom-right{right:5px;bottom:5px}
.formula-main .bd li.on{background:url("../img/nav-bg.png");border-color:#00a4e1;color:#fff}
.formula-main .bd li.on i{background:#fff;}
.formula-main .bd li.on .icon{display:none}
.formula-main .bd li.on p{display:block}
.formula-images1 .bd1{text-align:center;font-size:0;margin-top: 25px;}
.formula-images1 .bd1 li{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;width:68px;height:23px;font-size:16px;color:#222;line-height:23px;border:1px solid #959595;margin:0 10px}
.formula-images1 .bd1 li.on{background:url("../img/nav-bg.png");border-color:#00a4e1;color:#fff;}
.formula-article1{padding: 30px 40px;line-height: 34px;}
.formula-img1{margin-right:15px;width: 585px;height: 420px;overflow: hidden;}
.formula-img2{width: 390px;margin-right: 10px;}
.formula-img3{width: 280px;margin-right:15px;}
.formula-img2 em{display:block;width: 390px;height:300px;overflow: hidden;margin-right:15px;}
.formula-img3 em{display:block;width: 280px;height:210px;overflow: hidden;margin-right:15px;}
.formula-images1 .formula-img1:hover img{transform: scale(1.1);}
.formula-images2 .formula-img2 em:hover img {transform: scale(1.1);}
.formula-images3 .formula-img3 em:hover img {transform: scale(1.1);}
.formula-images1 img,.formula-images2 img,.formula-images3 img{transition: transform 1.5s;}
.formula-title{text-align: center;padding: 60px 0 40px 0;}
.formula-title h2{font-size:22px;color:#000;}
.formula-title i{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;width:215px;border-top:1px solid #000;vertical-align:middle}
.formula-title .left-border{margin-right:20px}
.formula-title .right-border{margin-left:20px}
.formula-text{text-align:center;}
.formula-text h2{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;width:145px;height:40px;background:#00a5e2;font-size:18px;line-height:40px;color:#fff;font-weight:normal;margin-top: 30px;}
.formula-text p{text-align:left;padding:20px 20px;text-align:justify;line-height: 30px;}

#exhibition{padding-bottom:50px}
.exhibition-article{margin-bottom:50px}
.exhibition-article .left-body{padding:20px 30px;border-right:1px solid #fff}
.exhibition-article .right-body{width:870px;color:#fff;line-height:30px}


#leader{background: url("../img/leader-bg.jpg") no-repeat center bottom;height:759px;}
.leader-main{width:1094px;margin: 20px 53px;color:#fff}
.leader-rw1{background:url("../img/rw1.png") no-repeat center center;height: 355px;padding: 60px 20px 0 430px;}
.leader-rw2{background:url("../img/rw2.png") no-repeat center center;height: 355px;padding: 60px 20px 0 430px;}
.leader-rw3{background:url("../img/rw3.png") no-repeat center center;height: 355px;padding: 60px 20px 0 430px;}
.leader-main .hd h2{font-size:34px;line-height:40px}
.leader-main .hd h2 b{font-size:40px}
.leader-main .hd h2 i{display:inline-block;*display:inline;*zoom:1;vertical-align:middle; width:482px;height:40px;margin-left:20px;font-size:20px;background:url("../img/leader-title.png") no-repeat 0 top;line-height:30px;padding-left: 22px;padding-top:4px;}
.leader-main .hd .leader-rw2 h2 i{padding-left:15px}
.leader-main .bd{text-align:center;font-size:0;margin-top:50px}
.leader-main .bd li{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;width:16px;height:16px;border:1px solid #3565bd;border-radius:18px;margin: 0 8px;}
.leader-main .bd li.on{width:60px;background:#3565bd}
.leader-article{margin-top:15px;text-indent:2em;line-height: 28px;}

#team{padding-bottom:50px}
.team-main p{text-align: center;font-size: 18px;color:#fff;padding-bottom:40px;line-height: 34px;}
.team-main p b{display:block;font-size: 30px;padding-bottom:20px}
.team-images{margin-left:15px}
.team-video{margin-right:15px;}


/*结语*/
#epilogue{padding-bottom:50px}
.epilogue .title{padding:40px 0 10px 0;}
.epilogue-main>p{margin-bottom:20px;padding:0 50px;font-size:18px;text-indent:2em;line-height:34px}
.epilogue-main>p>b{font-size:26px}
.epilogue-main>p>i{color:#0d9de0}

.mzsm{width:440px;padding:20px 50px 0 50px;text-align:center;padding-top:70px}
.mzsm h2{font-size:22px;margin-bottom: 10px;font-weight: normal;}
.mzsm h2 i{color:#db0000}
.mzsm p{font-size:14px;line-height:26px}
.ewm{text-align:center;padding: 70px 50px;margin-left:50px}
.ewm .left-body{margin-right:30px;padding-top:5px}
.gz_nav{margin-top:10px}
.zzr{width:180px;text-align:center}
.zzr li{margin-bottom:0}
.zzr p{display:block;margin:0 10px;border-bottom:1px solid #000;line-height:30px}
.zzr b{line-height:30px;font-weight:normal}

/*导航*/
.nav_r{width: 105px;position: fixed;right: 30px;top:100px;background: url("../img/menulead-bg.png") no-repeat;font-size: 0;display: none;}
.nav_r ul{margin-top: 19px;}
.nav_r li{width: 105px;height: 35px;font: 16px/48px microsoft yahei;text-align: center;color: #363538;}
.nav_r li a{display:block;color: #bfbfbf;}
.nav_r li a.cur {color:#007fc7}
.focus{font-size:0}
.nav_r span{display:inline-block;margin-top: 15px;width: 100px;height: 21px;text-align: center;color: #5eaad5;}
.nav_r span b{color: #5eaad5;font-size:20px;font-weight:normal;}
.nav_r strong{display: block;font-size:14px;text-align:center;margin: 10px 0 10px 0;color: #5eaad5;}