html,body{background:#0C3650; font-size:12px;}
body{padding-bottom: 50px;}
/**/
.mt1{margin-top:10px;}
.mb1{margin-bottom:10px;}
.mr1{margin-right:10px;}
.ml1{margin-left:10px;}
.inner{width: 100%; height: 100%; position: relative; overflow: hidden;}
.box{filter:alpha(opacity=0); opacity:0;}
/**/
.pd1{padding-top:20px; padding-bottom:20px;}
.pd2{padding-top:10px;}
/**/
.w0{min-width:100px; margin:auto;}
.w1{width:94%; min-width: 1px; margin: auto; overflow:hidden;}
/**/
.index1{background: url(../images/index1.jpg?v=5) center no-repeat; background-size: 100% 100%; height: 634px;}
.index2{background: url(../images/index2.jpg) center no-repeat; background-size: 100% 100%; height: 666px; line-height: 666px; text-align: left; text-indent: -600px;}

.bg1{background: url(../images/bg1.png) center no-repeat; background-size: contain; width: 100%; height: 120px; margin: auto; }
.bg3{background: url(../images/bg3.jpg?v=5) top center no-repeat; background-size:100% auto;}
.bg4{background: url(../images/bg4.jpg?v=5) bottom center no-repeat; background-size:100% auto;}

.lan1{background: url(../images/lan1.png) center no-repeat; height: 60px; background-size: auto 100%; margin-top: 20px;}
.lan2{background: url(../images/lan2.png) center no-repeat; height: 60px; background-size: auto 100%; margin-top: 20px;}
.lan3{background: url(../images/lan3.png) center no-repeat; height: 60px; background-size: auto 100%; margin-top: 20px;}
.lan4{background: url(../images/lan4.png) center no-repeat; height: 60px; background-size: auto 100%; margin-top: 20px;}
.lan5{background: url(../images/lan5.png) center no-repeat; height: 60px; background-size: auto 100%; margin-top: 20px;}
.lan6{background: url(../images/lan6.png) center no-repeat; height: 60px; background-size: auto 100%; margin-top: 20px;}
.lan7{background: url(../images/lan7_v2.png) center no-repeat; height: 60px; background-size: auto 100%; margin-top: 20px;}
.lan8{background: url(../images/lan8.png) center no-repeat; height: 60px; background-size: auto 100%; margin-top: 20px;}
.lan9{background: url(../images/lan9.png) center no-repeat; height: 60px; background-size: auto 100%; margin-top: 20px;}

.logo{width: 100%; height: 180px; line-height: 180px; text-align: left; text-indent: -640px; background: url(../images/logo.png?v=4) center no-repeat; background-size: auto 90%; overflow: hidden;}

.contact_icon{position: fixed; bottom: 60px; right: 14px; z-index: 10000; width:40px; overflow: hidden; }
.contact_icon ul{width: 100%; overflow: hidden;}
.contact_icon li{ width: 100%; height: 40px; line-height: 40px; border-radius: 100%; margin-top: 5px; text-align: center; font-size: 18px; background: #00A3D9;}


.nav ul{width: 100%; clear: both; overflow: hidden; padding-bottom: 20px;}
.nav li{width: 25%; height:40px; float: left; overflow: hidden; position: relative; background-color: rgba(1,49,78,0.7);}
.nav li .d1{width: 100%; height: 40px; line-height: 40px; position: absolute; top: 50%; margin-top: -20px; left: 0%; text-align: center; overflow: hidden; z-index: 100; font-size: 14px;}
.nav li .d2{width:0px; height: 3px; position: absolute;bottom: 0px; right: 50%; background-color: rgba(0,191,255,1);transition:all .5s; -moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; z-index: 90; }
.nav li:hover .d2,.nav .on .d2{width: 70%; right: 15%;}

/**/
.bgc1{}
/**/
.ul1 ul{ width: 92%; margin: auto; clear: both; overflow: hidden; border-bottom: 1px rgba(255,255,255,0.1) solid; padding-bottom: 20px; margin-bottom: 20px;}
.ul1 li{ width: 25%; float: left; height: 40px; overflow: hidden; position: relative;}
.ul1 li .d1{width: 0%; height: 100%; background-color: rgba(0,191,255,0.2); position: absolute; top: 0%; left: 50%;transition:all .5s; -moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; }
.ul1 li .d2{width: 100%; height: 40px; line-height: 40px; overflow: hidden; position: absolute; left: 0px; top: 50%; margin-top: -20px; text-align: center; font-size: 12px;}
.ul1 li:hover .d1,.ul1 .on .d1{ width: 100%; left: 0px;}
.ul1_2 li{width: 50%;}

.ul2 ul{ width:92%; margin:auto;overflow:hidden; padding-top:15px;}
.ul2 li{text-align:center; overflow:hidden; background:rgba(0,0,0,0.1); margin-bottom:20px; padding: 20px; color: #fff;}
.ul2 li .title1{line-height:2.0; display: none;}
.ul2 li .title2{font-size:14px; font-weight:bold; padding: 10px 0px; overflow:hidden; line-height:1.7; color: #00FFFF;}
.ul2 li .body1{padding-top:20px;}
.ul2 li .body1 img{ max-width: 100%; display: block; margin: auto;border: 0px #fff solid;}
.ul2 li .body1 table{margin: auto;}

.ul3 ul{width: 96%; margin: auto; clear: both; overflow: hidden;}
.ul3 li{width: 46%; margin-left: 2%; margin-right: 2%; float: left; overflow: hidden; text-align: center; padding-bottom: 30px;}
.ul3 li .d0{width: 85%;  margin: auto; overflow: hidden;}
.ul3 li .d1{width: 100%; border: 0px #fff solid; margin: auto; overflow: hidden; margin-bottom: 10px;}
.ul3 li .d1 img{width: 100%;}
.ul3 li .d2{width: 100%; height:40px; line-height: 20px; overflow: hidden; text-align: center; font-size: 12px; }

.ul4 ul{width: 94%; margin: auto; clear: both; overflow: hidden; color: #fff;}
.ul4 li{overflow: hidden; padding: 20px; margin-bottom: 20px; background-color: rgba(0,0,0,0.1);}

.FAM{width:100%;}
.FAM dd,.FAM dt{padding: 5px 0px;}
.FAM dd,.FAM dt small{font-size: 12px;}
.FAM dt a,.FAM dt a:hover{font-size:14px; font-family:'微软雅黑'; color: #00FFFF;}
.FAM dd div img{ width:80%; border: 0px #fff solid;}
.FAM .and,.FAM .mid{min-height: 20px;}
.FAM .and{background:url(../images/fm.png) center no-repeat; background-size: 50% auto; height: 90px;}

.ul5 ul{width: 96%; margin: auto; clear: both; overflow: hidden;}
.ul5 li{width: 100%; float: left; overflow: hidden; text-align: center; margin-top: 20px; margin-bottom: 20px; border-bottom: 1px rgba(255,255,255,0.1) solid;}
.ul5 li .d0{width: 100%;  margin: auto; overflow: hidden;}
.ul5 li .d1{width: 100%; border: 0px #fff solid; margin: auto; overflow: hidden; margin-bottom: 10px;}
.ul5 li .d1 img{width: 100%;}
.ul5 li .d2{width: 100%; height:30px; line-height: 30px; overflow: hidden; text-align: center; font-size: 12px; }

/**/
.txt1{ width:100%; line-height:1.8; font-size:16px; color: #fff; overflow: hidden;}
.txt1 td{ text-align:center;}
.txt1 img{ max-width:100%; display: block; margin: auto; margin-bottom: 20px; border: 0px #fff solid;  }
.txt1 table{ width:100%; margin: auto; background-color: rgba(0,0,0,0.1);}
.txt1 table,.txt1 table th,.txt1 table td{border: 1px #fff solid; padding:5px 10px; font-size: 12px;}
.txt1 table img{border: 0px; max-width: 100%;}

/**/
.f1 a,.f1 a:hover{ color:#FFFFFF; text-decoration:none; display:block;}
.f2 a,.f2 a:hover{color:#fff; text-decoration:none;}.f2 a:hover{ color: #f2c43d;}
.f3 a,.f3 a:hover{color:#00FFFF; text-decoration:none;}.f3 a:hover{ text-decoration:underline;}
.f4 a,.f4 a:hover{color: #663399; text-decoration:none; margin-left:3px; margin-right:3px;}.f4 a:hover{ text-decoration:underline;}
/**/
.fc1{color:#ccc;}
/**/
.ht1{ min-height: 400px;}
/**/
textarea{border:1px #CCC solid; background:#FFFFFF; padding:2px;}
.inpt1{ width:300px;border:1px #CCC solid; background:#FFFFFF;padding:2px;}
.inpt2{ width:500px; height:90px;}
.bnt1{cursor:pointer;}
/**/
.line1{}
/**/
/**/
.img1{}
/**/
.title1{}
/**/
.em1 em{}
/**/
.aTitle{width:100%; margin:auto; padding-bottom:20px; text-align:center; font-size:18px; line-height: 1.6; font-weight: bold; color: #00FFFF;}
.aSub{width:100%; margin:auto; text-align:center; height:30px; line-height:30px; background:#f8f8f8;}
.aBody{width:100%; margin:auto; padding-top:15px;  padding-bottom: 20px;}
/**/
.end{width:100%; max-width:640px; margin:auto; clear:both; overflow:hidden; position:fixed; bottom:0px; z-index:9999; padding:5px 0px; background-color:#0E415F;}
.end li{width:25%; height:40px; line-height:20px; text-align:center; float:left; overflow:hidden;}

/**/
.cover{ position:fixed; top:0px; bottom:0px; left:0px; right:0px; background-color:rgba(0,0,0,0.6); z-index:999; display:none;}
.cover_close{width:30px; height:30px;position:fixed; z-index:1001;border-radius:100%; line-height:30px; text-align:center; font-size:16px; color:#fff; font-family:Tahoma, Geneva, sans-serif; background-color: #C00; top:50%; left:50%; margin-top:-130px; margin-left:100px; display:none;}
.float_weixin{width:200px; height:240px; border-radius:10px; background-color:#fff;  position:fixed; top:50%; left:50%; margin-top:-115px; margin-left:-115px; z-index:1000; text-align:center; padding:15px; font-size:14px; display:none;}
.float_weixin img{width:200px; height:200px; margin-bottom:20px;}

/*分页*/
.pageList{color:#222; width:1160px; margin: auto; }
.pageList a,.pageList a:hover{background:#222; color:#888;border:1px #222 solid; text-decoration:none;}
.pageList a:hover,.pageList .on{background:#666; border:1px #666 solid; color:#fff;}

/**/
.table5 table{width:100%; margin:auto; margin-bottom:40px;border:0px;}
.table5 td,.table5 th{ font-weight:bold; text-align:center}
.table5 td{ text-align:center; padding:5px; padding-top:10px; padding-bottom:10px;}
.table5 td .img1{ width:300px;}
.table5 .td1{}
.table5 th{font-size:24px; padding-top:8px; padding-bottom:8px; font-family:黑体; background:#000}
.mf{ }
.table5 .td4,.table5 .td5{font-size:14px;}
.table5 big{display:none;}

.table_pedigree3{width:100%; margin:auto}
.table_pedigree3,table_pedigree3 th,table_pedigree3 td{border:1px #333 solid; font-weight:bold}

/* ------------- */
@keyframes opacity
{
    from {opacity:0;}
    to{ opacity:1;}
}
@-moz-keyframes opacity
{
    from {opacity:0;}
    to{ opacity:1;}
}
@-webkit-keyframes opacity
{
    from {opacity:0;}
    to{ opacity:1;}
}
@-o-keyframes opacity
{
    from {opacity:0;}
    to{ opacity:1;}
}

@keyframes diy2
{
    from {top:-100px;opacity:0; }
    to {top:0px;opacity:1; }
}
@-moz-keyframes diy2
{
    from {top:-100px;opacity:0; }
    to {top:0px;opacity:1; }
}
@-webkit-keyframes diy2
{
    from {top:-100px;opacity:0; }
    to {top:0px;opacity:1; }
}
@-o-keyframes diy2
{
    from {top:-100px;opacity:0; }
    to {top:0px;opacity:1; }
}

/* ------------- */
.logo{
    animation: diy2 ease-in-out 0.6s 0.5s;
    -moz-animation: diy2 ease-in-out 0.6s 0.5s;
    -webkit-animation: diy2 ease-in-out 0.6s 0.5s;
    -o-animation: diy2 ease-in-out 0.6s 0.5s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}