html{ font-size:12px; }
@font-face {  font-family: ababa;  src: url('/css/ababa.ttf');}
body{ font-family:"ababa";margin:0;padding:0;color:#323232; background-color:#fff; overflow-x:hidden; }
div,img,h3,h4,p,dd,dl,em{margin: 0; padding: 0; border: 0;}
h1{font:bold 1.26em Arial, Sans-Serif;letter-spacing:-1px;margin:0;padding:0}
h2{font:bold 1.7em Arial, Sans-Serif;letter-spacing:-1px;font-size:16px;color:#000;background:inherit;margin:0 0 5px;padding:0}
p{margin:0 auto}
ul,li{list-style:none;margin:0;padding:0}
form{margin:0}
.left{float:left}
a{text-decoration:none; color:#666666;}
a:hover{text-decoration:none; color:#ea6715;transition:all 0.2s linear 0s;}
.clear { font-size: 0; line-height: 0; clear: both; overflow: hidden; zoom: 1; }

.banner{ width: 100%; height: 709px; margin: 0 auto; overflow: hidden;}
.bannertu{ width: 100%; height:709px; background: url("../images/index/banner.jpg") no-repeat center center;transition: all 8s;}
.bannertu:hover{ transform:scale(1.1);}

.lubo{ width: 100%; min-width:1000px;clear: both; position: relative;}
.lubo_box{ position: relative; width: 100%; padding-bottom: 40%;}
.lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%;  opacity: 0;filter:alpha(opacity=0);}
.lubo_box li a{ display: block;width: 100%;  height: 100%;}
.lubo_box li img{ width: 100%;}

/*圆点*/
.cir_box{ overflow: hidden; position: absolute; z-index: 100;}
.cir_box li{ float: left; width: 10px; height: 10px; margin:0 5px; cursor: pointer; background: #003366; opacity: 0.8;filter:alpha(opacity=80);border-radius: 50%;}
.cir_on{ background: #ff9966 !important;}

.mian{ width: 1200px; margin: 0 auto; background: url("../images/mianbg.jpg") repeat; padding-top: 84px;}
.mian1{width: 1200px; margin: 0 auto; padding: 84px 0 0 0;}
.mian1 h3{text-align:center;font-size: 30px;}
.mian2{width: 1200px; margin: 0 auto; padding-top: 0px;margin-top:-29px;}
.mian2 h3{text-align:center;font-size: 30px;}
.mmenubg{background:#f0f0ff;}
.mmenu{ width: 100%;margin-bottom: 60px;overflow: hidden;}
.mmenu a{ width: 272px; height: 84px; float: left; margin-left: 25px; opacity: 1; border-radius: 42px; position: relative;color: #000; }
.mmenu a p{position: absolute; width: 152px;bottom: 10px; text-align: center; font-size: 18px;  left: 88px;}
.mmenu1{  background: #ff9966}.mmenu2{  background: #379463}.mmenu3{  background: #cc99ff}.mmenu4{  background: #99ccff}
.mmenu a.mmenu1 p{ width: 240px; left: 70px; text-align: left; line-height: 1.7em;}
.mmenu a.mmenu4 p{  left: 104px; }
.mmenu a:hover{ opacity: 1; background: none; color: #003366;}

.zixun{width:100%;overflow: hidden;padding-bottom:0px;}
.zixunT{margin-top:0px;text-align:center;margin-bottom:35px;}
.zixunT img{margin-top:0px;}
.zixunT h3{color:#000;font-size:30px;font-weight:normal;}
.zixunT dd{color:#000;font-size:18px;font-weight:normal;}
.zixunT p{color:#000;font-size:16px;font-weight:bold;letter-spacing:4px;padding-top:35px;line-height:22px;margin:0 20px;}

.zixun ul{padding:0;margin: 0 0 80px 0;overflow: hidden;}
.zixun ul li{float:left;width:555px;margin:30px 20px;border:1px solid #000;}
.title{background:#003366;height:50px;line-height:50px;font-size:22px;color: #fff;padding: 0 25px;}
.title span{font-size:12px;color: #fff;padding-left: 10px;}
.title a{font-size:14px;color: #fff;float:right;}
.title a:hover{color: #ff9966;}

.neirong{width:auto;padding:20px;}
.neirong img{width:100%;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.neirong:hover img{transform: scale(1.04,1.04); -webkit-transform: scale(1.04,1.04);}
.neirong p{font-size:16px;line-height:32px;color:#000;text-indent: 2em;padding-top: 20px;}
.neirong p:hover{color: #ff9966;}
.neirong dd{padding-top: 20px;}
.neirong a{font-size:16px;line-height:32px;color:#000;padding-top: 0px;display: block;}
.neirong a:hover{color: #ff9966;}
.neirong a span{float:right;}

.xiaoqu{width:auto;padding:20px;}
.xiaoqul{float:left;}
.xiaoqul dl dd a{font-size:16px;line-height:35px;color:#000;padding-top: 0px;display: block;letter-spacing: 1px;}
.xiaoqul dl dd a:hover{color: #ff9966;}

.xiaoqur{width:150px;float:right;margin-bottom: 15px;}
.xiaoqur img{width:150px;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.xiaoqur:hover img{transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}

.baodianr{width: 515px;height: 237px;float: right;background: url("../images/index/videobg.png") no-repeat;margin-top: 7px;}
.videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:35%; margin-left:-500px; margin-top:-210px; z-index:100; width:1000px; height:360px; }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }

.san{width:100%;overflow: hidden;background: #f0ffff;}
.san ul{padding:0;margin: 60px 0 100px 0;overflow: hidden;}
.san ul li{width:240px;float:left;}
.san ul li img{width:auto;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.san ul li:hover img{transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.san ul li dd{font-size:22px;line-height:35px;color:#003366;}
.san ul li:hover dd{font-size:22px;font-weight:bold;line-height:35px;color:#ff9966;}
.san ul span{float:left;width:80px;}
.san ul span img{width:100%;}

.denglu{ width: 100%; height: 535px; min-width: 1200px; margin: 0 auto; background: url("/images/denglubg.jpg") no-repeat;background-size: cover;}
.dengluc{ width:1072px;height: 527px; background:url("/images/dengluc.png") no-repeat; margin: 0 auto; position: relative;}
.denglucwen{ width: 300px; height: 160px;position: absolute; }
.denglucwen h4{ font-size: 20px; color: #abc2d8; font-weight: normal; margin-bottom: 15px;}
.denglucwen span{ font-size: 12px;}
.denglucwen p{ font-size: 20px; color: #abc2d8; margin-bottom: 8px;}
.denglucwen1{ top: 52px; left: 20px;}
.denglucwen2{top: 52px; right: -100px;}
.denglucwen3{ bottom:0; left: 20px;}
.denglucwen4{bottom: 0; right: -100px;}
.eng{ display: none;}
.eng p{ font-size:14px; color: #abc2d8; margin-bottom: 20px;}
.denglucwen:hover .hanzi{ display: none;}
.denglucwen:hover .eng{ display: block; }
.bansg{ width: 330px; height: 52px; position: absolute; bottom: 50px; left: 50%; margin-left: -165px; text-align: center;}
.bansg p{ font-size: 20px; color: #abc2d8; line-height: 1em;}
.bansg p span{ font-size: 10px; color: #ffffff;}
.dlbd{ width: 260px; height: 160px; position: absolute; top: 225px; left: 50%; margin-left: -110px;}
.dlbd h3{ text-align: center; font-size: 16px; color: #abc2d8; line-height: 36px; font-weight: normal;}
.inp{ width: 100%; margin-top: 16px;}
.inp p{ display: inline-block; font-size: 16px; color: #000; font-weight: bold; line-height: 25px;}
.inp input{ font-size: 16px; line-height: 25px;width: 164px; margin-left: 8px; background: #d2dce7; border: none; padding-left: 6px;}