@charset "UTF-8";
/**
 * 首页css文件
 * @authors SX
 * @date    2016-03-23 23:56:43
 */
html,body{margin:0;padding:0-webkit-font-smoothing:antialiased;font-family: "Lantinghei SC","Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;}h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;font-size:100%;line-height:1;font-family:inherit}table{border-collapse:collapse;border-spacing:0}ol,ul{list-style:none}q:before,q:after,blockquote:before,blockquote:after{content:""}html{overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:hover,a:active{outline:none 0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0;-ms-interpolation-mode:bicubic}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal;*overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}




/* 主导航 */
.container nav{position: fixed; margin: 0 auto; width: 100%; height: 100px; background:#fff; opacity: .9; z-index: 999;}
.container nav .inner{position: relative; margin: 0 auto; width: 1100px; overflow: hidden;}
.container nav .inner .logo{float: left; width: 85px; height: 100px; background: url("../images/logo.png") center no-repeat;}
.container nav .inner .logo a{ width: 352px; height: 50px; float: left; margin-top: 40px;}
.container nav .inner .nav-item{float: right; line-height: 100px; width: 555px; height: 100px;}
.container nav .inner .nav-item a{display: inline-block; min-width: 105px; height: 100px; line-height: 100px; font-size: 16px; color: #054f9c; text-decoration: none; text-align: center; overflow: hidden;}

.container nav .inner .nav-item a.active{background: url(../images/nav_active_bg1.png) center no-repeat;}
.container nav .inner .nav-item a:hover{background: url(../images/nav_active_bg1.png)  center no-repeat;}


.container .wrp-01{min-height: 1010px;  background: url(../images/bg_1.jpg) center no-repeat; overflow: hidden; margin: 0 auto;}
.container .wrp-01 .inner{position: relative; margin: 0 auto; width: 1100px;}


/* ---------------- 漫步欧洲 ---------------- */

.container .wrp-02{min-height: 1800px; background:#bbe8ff; overflow: hidden;  margin: 0 auto; position: relative;}  
.container .wrp-02 .inner{position: relative; margin:0 auto; width: 1100px;}
.container .wrp-02 .mb1{width: 1000px; height: 625px; background: url(../images/mbg_1.jpg) center no-repeat; margin-bottom: 30px; padding: 165px 50px 40px 50px; position:relative;}
.container .wrp-02 .mb1 .zhibo{  position: absolute; width: 154px; height: 50px; top: 559px; left: 898px;}
.container .wrp-02 .mb2{width: 1000px; height: 316px; background: url(../images/mbg_2.jpg) center no-repeat; margin-bottom: 30px; padding: 135px 50px 40px 50px;}
.container .wrp-02 .mb3{width: 1000px; height: 250px; background: url(../images/mbg_3.jpg) center no-repeat; margin-bottom: 30px; padding: 135px 50px 40px 50px;}
.container .wrp-02 .mb4{width: 1000px; height: 316px; background: url(../images/mbg_4.jpg) center no-repeat; margin-bottom: 30px; padding: 135px 50px 40px 50px;}
.container .wrp-02 .mb5{width: 1000px; height: 316px; background: url(../images/mbg_5.jpg) center no-repeat; margin-bottom: 30px; padding: 135px 50px 40px 50px;}
.container .wrp-02 .mb6{width: 1000px; height: 316px; background: url(../images/mbg_6.jpg) center no-repeat; margin-bottom: 30px; padding: 135px 50px 40px 50px;}
.container .wrp-02 p1 a{ border-left:4px solid #054f9c; font-size:16px; font-weight: bold; padding-left: 16px; color:#054f9c; line-height: 48px; text-decoration: none;}
.container .wrp-02 p{ font-size:14px; color:#054f9c; text-indent:2em; line-height: 26px;} 


/* ---------------- 视频推介 ---------------- */
.container .shipin{  height:446px; margin: 0 auto; background: url(../images/sbg.jpg) center no-repeat; text-align: center;
 position: relative;}
.container .shipin a.tp{margin: 114.5px auto; float: left;  opacity: .8; width: 1270px;}
.container .shipin a.tp:hover{margin: 114.5px auto; float: left;  opacity: 1;}

.video{position: absolute; margin: 114px 0 0 614px; }
.video .video-play-btn{position: relative;     width: 163px; height: 145px; background:none;opacity:0; text-indent: -9999px; }
.video .video-play-btn .arrow-right{position: absolute; margin: -24px 0 0 30px; width: 0px; height: 0px; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 28px solid #c73812; font-size: 0px; line-height: 0px;}

.video1{position: absolute;  margin: 0px 0px 0 820px; }
.video1 .video-play-btn1{position: relative;     width: 163px; height: 55px; background:none;opacity:0; text-indent: -9999px; }
.video1 .video-play-btn1 .arrow-right{position: absolute; margin: -24px 0 0 30px; width: 0px; height: 0px; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 28px solid #c73812; font-size: 0px; line-height: 0px;}

.video2{position: absolute;  margin: 0px 0px 0 820px; }
.video2 .video-play-btn2{position: relative;     width: 163px; height: 55px; background:none;opacity:0; text-indent: -9999px; }
.video2 .video-play-btn2 .arrow-right{position: absolute; margin: -24px 0 0 30px; width: 0px; height: 0px; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 28px solid #c73812; font-size: 0px; line-height: 0px;}

.video3{position: absolute;  margin: 0px 0px 0 820px; }
.video3 .video-play-btn3{position: relative;     width: 163px; height: 55px; background:none;opacity:0; text-indent: -9999px; }
.video3 .video-play-btn3 .arrow-right{position: absolute; margin: -24px 0 0 30px; width: 0px; height: 0px; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 28px solid #c73812; font-size: 0px; line-height: 0px;}

/* ---------------- 漫步经典 ---------------- */
.container .mbjd{  height: 1028px;  margin: 0 auto; background: url(../images/bg_2.jpg) center no-repeat; position: relative;}
.container .mbjd .inner{position: relative; margin: 0 auto; width: 900px; padding: 150px 100px 40px 100px;}
.container .mbjd p1{background: url(../images/m_q.png) left top no-repeat; font-size:16px; font-weight: bold; padding-left: 40px; color:#054f9c; line-height: 40px; width: 900px; float: left;}
.container .mbjd p2{background: url(../images/m_a.png) left top no-repeat; font-size:14px; padding-left: 40px; color:#3d3d3d; line-height: 40px; width: 900px; float: left; margin-bottom: 5px;}

/* ---------------- 媒体之声 ---------------- */
.container .mtzs{   margin: 0 auto; background:#bbe8ff; height: auto; position: relative;}
.container .mtzs .inner{ width: 950px; margin: 0 auto;}


.container .mtzs .item{display: inline-block; margin-bottom: 30px; height: 52px; line-height: 52px; padding: 0 10px; cursor: pointer; color: #000;  width: 1000px; border:1px solid #bbe8ff;;}
.container .mtzs .item span{float: left; overflow: hidden; font-size:16px;}
.container .mtzs .item span.row01{width: 800px;  padding-left: 35px}
.container .mtzs .item span.row02{ padding-right: 20px}
.container .mtzs .item:hover{border: 1px solid #1c7fe5; color: #1c7fe5;}

/* ---------------- 往届回顾 ---------------- */
.container .wjhg{  height: 730px; margin: 0 auto; background:url(../images/bg_3.jpg) center no-repeat; position: relative; position: relative;}
.container .wjhg font{width: 255px; height: 255px; line-height:225px;  font-size: 16px; position: absolute; font-weight: bold; left: 59px; top: -50px; color: #FFF;
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}


.container a.o1{ height: 255px;  width: 255px; background:url(../images/hugu.png) center no-repeat; position: absolute;  top:177px; left:133px; opacity:0; 
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);}
.container a.o1:hover{ opacity: 1;}
.container a.o2{ height: 255px; width: 255px; background:url(../images/hugu.png) center no-repeat; position: absolute;  top:177px; left:504px; opacity:0;
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);}
.container a.o2:hover{ opacity: 1;}
.container a.o3{ height: 255px; width: 255px; background:url(../images/hugu.png) center no-repeat; position: absolute;  top:177px; left:878px; opacity:0;
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);}
.container a.o3:hover{ opacity: 1;}
.container a.o4{ height: 255px; width: 255px; background:url(../images/hugu.png) center no-repeat; position: absolute;  top:370px; left:318px; opacity:0;
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);}
.container a.o4:hover{ opacity: 1;}
.container a.o5{ height: 255px; width: 255px; background:url(../images/hugu.png) center no-repeat; position: absolute;  top: 370px; left: 692px; opacity:0;
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);}
.container a.o5:hover{ opacity: 1;}


/*------------------锚点----------------------*/
.m_mboz{top:-130px; position: absolute;}
.m_wjhg{top:20px; position: absolute;}
.m_mbjd{top:20px; position: absolute;}
.m_mtzs{top:-110px; position: absolute;}
/*------------------锚点----------------------*/




/* 尾部 */
.footer{width:100%; height:348px; background:#000; padding:62px 0 38px 0; box-sizing:border-box;}
.footer-img{width:900px; height:230px; background:url("../images/footer.png") no-repeat center; margin: 0 auto;}

.bg_music2{ width:28px; height:24px; position:absolute; right:10px; top:33px; z-index:1000000;}
.pause{background: url("../images/pause2.png") no-repeat; background-size: cover; width:28px; height:24px; position:absolute; right:0px; top:0px; z-index:1000000; display: none;cursor: pointer;}
/*弹出视频*/
.mydiv2{z-index:5000; top:20%; width:100%; position:fixed!important;/*FF IE7*/  position:absolute;/*IE6*/ } 
.tc_x{ margin:0px auto; text-align:center; background:#000; width:620px; padding-bottom:20px;}
.tc_x span{ display:block; text-align:right; padding-right:15px; line-height:30px;}
.tc_x span a{ cursor:pointer; color:#fff; font-size:14px; height: 36px; line-height: 36px;}
.tc_x span a:hover{ cursor:pointer; color:#fff; font-size:14px;}
.bg { background-color:#000;  width: 100%;  height: 100%;  left:0;  top:0;/*FF IE7*/  filter:alpha(opacity=70);/*IE*/ /*点击后背景透明效果*/  opacity:0.7;/*FF*/  z-index:-1000; position:fixed!important;/*FF IE7*/ position:absolute;/*IE6*/ 
_top:       expression(eval(document.compatMode && 
            document.compatMode=='CSS1Compat') ? 
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/ 
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/ 
} 

#go_back{ width:32px; height:60px; border: none; text-indent: 100%; background-size:36px 60px; background:url("../images/go_back.png") no-repeat; position:fixed; left:50%; bottom: 130px; margin:0 0 0 580px; overflow: hidden; display:none; text-decoration: none;}

.display{display: none;}