.header{height:365px; background:url(../images/header-2.png) 0 0 no-repeat;}
.header .topArea{ height:315px;}
.header .topArea .titleArea{margin:0 auto; padding-right:415px; width:700px; height:315px; }
.header .topArea .titleArea .logo{margin-top:30px; height:256px; height:79px;}
.header .topArea .titleArea .logo img{width:256px; height:79px;}
.header .topArea .titleArea .projectName{margin-top:10px; font-size: 2.6em; font-weight: bold; color:#034cb9; text-shadow: 1px 0px 0px #FFFFFF,0px 1px 0px #FFFFFF,-1px 0px 0px #FFFFFF,0px -1px 0px #FFFFFF;}
.header .topArea .titleArea .slog{margin-top:10px; text-align: center; font-size: 2.2em; font-weight: bold; color:#f44336; text-shadow: 1px 0px 0px #FFFFFF,0px 1px 0px #FFFFFF,-1px 0px 0px #FFFFFF,0px -1px 0px #FFFFFF;}

.header .naviArea{height:50px; background:#034cb9;}
 .header .naviArea ul{margin:0 auto; width:1150px; height:50px; line-height:50px; display: block; }
.header .naviArea ul li{float:left; min-width:140px; height:50px; text-align:center; display: block; display: inline;}
.header .naviArea ul li a,.header .naviArea ul li a:link,.header .naviArea ul li a:active,.header .naviArea ul li a:visited{display:block; height:50px; line-height:50px; font-size:18px; color:#fff; text-decoration:none;} 
.header .naviArea ul li a:hover{background:#2675ea;}
.header .naviArea ul li a.def,.header .naviArea ul li a.def:link,.header .naviArea ul li a.def:active,
.header .naviArea ul li a.def:hover,.header .naviArea ul li a.def:visited{background:#2675ea;}


.mainArea{margin:5px auto 10px auto; width:1150px; min-height:750px;}
.mainArea .leftContArea,.mainArea .rightContArea{min-height:300px;}
.mainArea .leftContArea{float:left; width:380px; min-height: 300px; display: block; display: inline;}
.mainArea .leftContArea .contArea{}
.mainArea .leftContArea .contArea h4,.mainArea .rightContArea h4{height:50px; line-height:50px; background:url('../images/right_title_bg.jpg') 0 0 repeat-x;}
.mainArea .leftContArea h4 div.tit,.mainArea .rightContArea h4 div.tit{width:115px; height:50px; background:#034cb9;
    color:#fff; font-size: 18px; font-weight:bold; text-align: center; display: block;}

.mainArea .leftContArea .videoArea{position:relative;}
.mainArea .leftContArea .videoArea img{max-width:360px;}
.mainArea .leftContArea .videoArea .playBtn{position:absolute; top:80px; left:160px; cursor: pointer;}
.mainArea .leftContArea .leftTitArea{margin-top:10px; line-height:50px;  font-size:18px; font-weight: bold; color: #fff; background:#034cb9;}
.mainArea .leftContArea .leftTitArea span{margin:0 10px;}

.mainArea .rightContArea{float:right;margin-left:20px; width:750px; min-height: 750px; display: block; display: inline;}
.mainArea .rightContArea iframe.showPdf{width:100%; min-height:700px; height: auto; border:none;}
.mainArea .rightContArea .tipsArea{margin-top:10px;}
.mainArea .rightContArea .tipsArea p{ margin-bottom:10px; color:#000; font-size: 18px; line-height: 32px;}
.mainArea .rightContArea .tipsArea p a,.mainArea .rightContArea .tipsArea p a:link,.mainArea .rightContArea .tipsArea p a:visited,
.mainArea .rightContArea .tipsArea p a:active{color:#034cb9; text-decoration: none;}
.mainArea .rightContArea .tipsArea p a:hover{text-decoration: underline; color:red;}

.footer{height:70px; background:#034cb9;}
.footer .footerArea{margin:0 auto; width:1150px; height:70px; line-height: 70px; color: #fff; font-size: 14px; text-align: center; display: block;}