@import 'reset.css';

body .g-footer .gft-links,
body .g-footer .gft-links a{ 
  color:#000;
}
body .g-footer .gft-copyRight,
body .g-footer .gft-copyRight a{ 
  color:#000;
} 
html body .g-footer{ margin-top:-250px; background: none; border: none;}
.doc { font-size:14px; line-height:24px; max-width:1920px; min-width:1100px; margin:0 auto;}
.anner{height:509px;background:url(../images/anner.jpg?) no-repeat center top;}
.area1{height:258px;background:url(../images/area1.jpg) no-repeat center top;}
.area2{height:879px;background:url(../images/area2.jpg) no-repeat center top;}
.area3{height:426px;background:url(../images/area3.jpg) no-repeat center top;}
.area4{height:692px;background:url(../images/area4.jpg) no-repeat center top;}
.area5{height:430px;background:url(../images/area5.jpg) no-repeat center top;}
.area6{height:428px;background:url(../images/area6.jpg) no-repeat center top;}
.area7{height:680px;background:url(../images/area7.jpg) no-repeat center top;}
.main{ width:1000px; margin:0 auto; position: relative;}
html .navibar {min-width: 1100px;}
html{overflow-x:hidden;}

.main a{
    text-decoration: none;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}


.anner a{ width: 235px; height: 49px; float: left; margin: 393px 229px 0; display: block;}

.area1 .main{ padding-top: 25px;}
.area1 p{width: 1000px; float: left; text-align: left;}
.area1 .p-1{ color: #002332; font: 30px/53px "microsoft yahei"; font-weight: bold;}
.area1 .p-2{ color: #000000; font: 22px/38px "microsoft yahei";}
.area1 .p-3{ font-weight: bold;}

.area2 .gznum{width:241px;height:40px;position:absolute;top:95px;left:0px;font:18px/40px "microsoft yahei";color:#ffffff;background:#005073; text-align: center; border-radius: 5px;}
/* .area2 .gznum i{opacity:.8;filter:Alpha(opacity=80)} */

.area2 .link1{ width: 200px; height: 40px; position: absolute; top:95px; left: 262px;font:18px/40px "microsoft yahei";color:#ffffff; 
 text-align: center; border-radius: 5px; background: #005073;}

.area2 .video{width: 646px; height: 525px !important;top:150px; left:0; overflow: hidden; position: relative;background: #000; }
.area2 video{background: #000;}
.area2 .video iframe,
.area2 .video video{ width: 646px; height: 525px !important;  position: relative;}
.area2 .video p{width: 646px; height: 525px;background: #000;}
/* .area2 .video .v_video{ display:none;} */

.area2 #comment_tag{ width: 350px; height: 530px; position: absolute; top:150px; right: 0px;}
.area2 #comment_tag .cmtcontainer{ width: 350px; height: 530px; background: #ffffff; border: none;}
.area2 #comment_tag .cmtcontent {width: 350px;height: 245px; float: right; overflow: hidden;overflow-y: auto;border-top: 1px solid #CCC;border-bottom: 1px solid #CCC;}
.area2 .cmtarea-my-icons{ display: none;}
.area2 #comment_tag .cmtfooter{ display: none;}
.area2 #comment_tag .topHotTit{ margin-top: -12px; text-indent: 14px;}
.area2 #comment_tag .cmt-tags-icons{ display: none;}
.area2 #comment_tag .cmtcontent{ background: none;}
.area2 #comment_tag .cmtList-detail-rep, .cmtList-detail .cmtList-detail{ border: none;  background: none; }
.area2 #comment_tag .cmtList-detail-tools{ width: 252px;}
.area2 #comment_tag .cmtList-detail-tools-msg{ font-size: 12px; text-align: left;}


.area2 #comment_tag .cmtList .cmt-tags-icons-full{ display: none;}
.area2 #comment_tag .cmtList:hover .cmtList .cmt-tags-icons-full{display: none;}
.area2 #comment_tag .cmtarea-account .cmt-poplogin{ display: none;}
.area2 #comment_tag .cmtarea-account a, .area2 #comment_tag .cmtarea-account b{ display: none;}
.area2 #comment_tag .cmtarea-account, .area2 #comment_tag .cmtarea-account-online{ height: 26px;}
.area2 #comment_tag .cmtarea-account a{ float: left;}
.area2 #comment_tag .cmtarea-account .cmtarea-account-qq{ margin-top: 5px; display: block;}
.area2 #comment_tag .cmtarea-account .cmtarea-account-sina{margin-top: 5px; display: block;}
.area2 #comment_tag .cmtarea-account .cmtarea-account-tb{margin-top: 5px; display: block;}
.area2 #comment_tag .cmtarea-account .cmtarea-account-wx{margin-top: 5px; display: block;}
.area2 #comment_tag .cmtarea-account .tag{line-height: 26px;display: inline-block; width: 99px; height: 26px;text-align: center;color: #fff;
background: #37b;}

.area2 .img1{ width: 487px; height: 116px; position: absolute; top:695px; left: 0; display: block;}
.area2 .img2{  width: 487px; height: 116px; position: absolute; top:695px; right: 0; display: block;}

.area4 .box{ width: 1000px; height: 240px; float: left; margin: 154px 0px 0; background: #f9f9f9;}
.area4 .box img{ width: 245px; height: 240px; float: left;}
.area4 .box .box1{ width: 703px; height: 200px; float: right; margin: 23px 12px 0;}
.area4 .box .box1 p{ width: 720px; float: left; text-align: left;color: #023a52;}
.area4 .box .box1 .p-1{ width: 682px; float: right; font:18px/42px "microsoft yahei"; font-weight: bold; }
.area4 .box .box1 .p-2{ font:18px/42px "microsoft yahei";}
.area4 .box .box1 .p-2 i{ width: 6px; height: 17px; float: left; margin-top: 11px; margin-right: 14px; background: #89c649;}
.area4 .box .box1 .p-3{ width: 682px;float: right; padding-top: 10px; font:16px/32px "microsoft yahei"; color: #000000; border-top: 1px solid #ccd5d9;}
.area4 .box0{ margin-top: 32px;}

.area5 ul{  width: 1000px; height: 165px; float: left; margin-top: 214px;} 
.area5 ul li{ width: 1000px; height: 87px; float: left;}
.area5 ul li p{  height: 87px;float: left; text-align: center; color: #000000; font:20px/87px "microsoft yahei";}
.area5 ul li .p-1{ width: 308px;}
.area5 ul li .p-2{ width: 430px;}
.area5 ul li .p-3{ width: 262px; float: right;}


#slide04 {width:668px; height:256px; position: absolute; top:118px; right: 0; }
#slide04 ul {list-style:none}
#slide04 ul img {vertical-align:middle}    
#slide04 ul li .box{ width: 320px; height: 200px; float: left;}  
#slide04 ul li .box img{ width: 320px; height: 200px;float: left;}
#slide04 ul li .box p{ width: 320px; height: 56px; float: left; color: #ffffff; font:17px/52px "microsoft yahei"; text-align: center; background: #186180;}
#slide04 ul li .box0{ float: right;}
#slide04 ul li .box00{width:668px; height:256px;}
#slide04 ul li .box00 img{ width: 668px; }
#slide04 ul li .box00 p{ width: 668px;}
#slide04_control {width:271px; height:240px; float: left; margin: 129px 22px 0; list-style:none; color:#fff}
#slide04_control li { width:271px; height: 60px; float:left; margin-bottom: 26px; text-align:center;  background:url(../images/btn.png) no-repeat;
   background-position: 0px 0px; color: #002332; font:26px/60px "microsoft yahei"; cursor: pointer;}      
#slide04_control .current { background-position: 0px -86px; color: #ffffff;} 



.area7 p{ width: 760px; height: 140px; float: left; margin: 153px 27px 0; color: #000000; font:20px/36px "microsoft yahei"; text-align: left;}
.area7 img{width: 146px; height: 143px; display: block; position: absolute; top:145px; right: 29px;}

.side-nav{width: 188px; height: 432px;position:fixed; top: 50%; margin-top: -223px; left:51%; margin-left: 490px;
  background: #123259; display: none; z-index: 999; padding-left: 30px; padding-top: 28px;}
.topI {width: 151px; height: 60px; position: absolute; top: 380px;left: 0px;cursor: pointer;}
#nav-main a{ width:158px;height: 42px; display: block;position: relative;
 z-index:9; background:#005073; margin-bottom:18px; color: #ffffff;font:22px/42px "microsoft yahei"; text-align: center;}
/* #nav-main a i{display: none; width: 22px; height: 14px;
 position: absolute; left:0px; top:4px;} */
#nav-main a:hover,#nav-main .cur{text-decoration:none;  background:#005073;}
/* #nav-main a:hover i,#nav-main .cur i{display: block;} */

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes moveIconleft {
  0% {transform: translateX(40%);opacity: 0}
  50% {transform: translateX(0%);opacity: 1}
  100% {transform: translateX(-40%);opacity: 0}
}
@-webkit-keyframes moveIconright {
  0% {-webkit-transform: translateX(-40%);opacity: 0}
  50% {-webkit-transform: translateX(0%);opacity: 1}
  100% {-webkit-transform: translateX(40%);opacity: 0}
}