@charset "utf-8";
/* CSS Document */

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:12px"Microsoft Yahei","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%;}
a{color:#000;text-decoration:none}
a:hover{color:#341b00;text-decoration:none;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word; color:#666;}

/*通用定义*/
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.fl{ float:left;}
.fr{ float:right;}
.clearer{clear:both; height:0; display:block; font-size:1px;overflow:hidden;}

body{ max-width: 1920px; margin: 0 auto; position: relative;}
.layout, .content{ width:1200px; margin:0 auto; position:relative;}

.boxMo{ min-width:1200px;}
.padT50{ padding-top: 50px;}
.padS15{ padding: 0 15px;}
.marB10{ margin-bottom: 10px;}
.marB60{ margin-bottom: 60px;}
.h1080{ height: 1080px;}
.w580{ width: 580px;}

#main_wrap{}
.p1,.p2,.p3{ background: url(../images/yx_bg.jpg) no-repeat center top;}

.loc{ padding-bottom: 10px; margin-bottom: 20px; font-size: 14px; line-height: 14px; color: #666; border-bottom: 1px solid #dfdfdf; background-color: #fff;}
.loc a{ color: #666}
.loc span{ color: #666;}

.yx_tem1{ position: relative; width: 1200px; height: 514px; margin: 40px 0 35px;}
.yx_tem1 img{ position: absolute; top: 0; left: 0; width: 910px; height: 514px;}
.yx_tem1_wz{ position: absolute; top: 36px; right: 0; width: 250px; height: 440px; padding: 0 25px; background: url(../images/yx_tem_bg1.png) no-repeat center top; overflow: hidden;}
.yx_tem1_wz h3{ padding-bottom: 16px; margin: 20px 0 16px; font: 22px/30px "simsun"; border-bottom: 1px dashed #a2acc9;}
.yx_tem1_wz h3 a{ color: #fff;}
.yx_tem1_wz p{ font: 14px/24px "simsun"; color: #ccc;}

.yx_tem2{ position: relative; width: 580px; height: 224px;}
.yx_tem2 img{ position: absolute; top: 0; left: 0; width: 400px; height: 224px;}
.yx_tem2_wz{ position: absolute; top: 10px; right: 0; width: 250px; height: 204px; padding: 0 25px; background: url(../images/yx_tem_bg2.png) no-repeat center top; overflow: hidden;}
.yx_tem2_wz h3{ padding-bottom: 16px; margin: 20px 0 16px; font: 22px/30px "simsun"; border-bottom: 1px dashed #a2acc9;}
.yx_tem2_wz h3 a{ color: #fff;}
.yx_tem2_wz p{ font: 14px/24px "simsun"; color: #ccc;}

.zttj_i{ position: relative; width: 580px; height: 323px;}
.zttj_i img{ width: 100%; height: 100%;}
.zttj_i h3{ position: absolute; bottom: 0; left: 0; width: 100%; height: 48px; font: 22px/48px "simsun"; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99004bb4', endColorstr='#99004bb4'); background: rgba(0,75,180,0.8); }
.zttj_i h3 a{ display: block; padding: 0 20px; color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.zttj_tem{ width: 285px; height: 323px;}
.zttj_tem img{ width: 285px; height: 157px;}
.zttj_tem_wz{ position: relative; height: 166px; padding: 0 20px; background-color: #004bb4;}
.zttj_tem_wz h3{ max-height: 60px; padding-top: 20px; margin-bottom: 12px; font: 22px/30px "simsun"; overflow: hidden;}
.zttj_tem_wz h3 a{ color: #fff;}
.zttj_tem_wz p{ max-height: 48px; font: 14px/24px "simsun"; color: #ccc; text-align: justify; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.zttj_tem_wz.sty1:before{ position: absolute; top: -20px; left: 20px; width: 0; height: 0; border: 12px solid transparent; border-top: 10px solid transparent; border-bottom: 10px solid #004bb4; content: "";}
.zttj_tem_wz.sty2:before{ position: absolute; top: 166px; left: 20px; width: 0; height: 0; border: 12px solid transparent; border-bottom: 10px solid transparent; border-top: 10px solid #004bb4; content: "";}

a.btn_more{ display: block; width: 178px; height: 38px; margin: 0 auto; font: 18px/38px "Microsoft Yahei"; text-align: center; color: #2a7bec; background-color: #e2f3ff; border: 1px solid #2a7bec; border-radius: 19px;}

.spk_tem{ float: left; position: relative; width: 580px; height: 323px; margin: 0 40px 40px 0;}
.spk_tem img{ width: 100%; height: 100%;}
.spk_tem .icon_play{ position: absolute; top: 50%; left: 50%; width: 40px; height: 41px; margin: -20px 0 0 -20px; background: url(../images/icon_play.png) no-repeat center top;}
.spk_tem h3{ position: absolute; bottom: 0; left: 0; width: 100%; height: 48px; font: 22px/48px "simsun"; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99004bb4', endColorstr='#99004bb4'); background: rgba(0,75,180,0.8); }
.spk_tem h3 a{ display: block; padding: 0 20px; color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

#menu{ position: absolute; top: 200px; left: 0; width: 107px; height: 483px; background: url(../images/yx_nav_bg.png) no-repeat center top; overflow: hidden;}
#menu li{ position: relative; width: 58px; height: 101px; margin: 0 0 7px 34px; opacity: 0.7; filter: alpha(opacity=70);}
#menu li:before{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/yx_nav_active.png) no-repeat center top; content: "";}

#menu li.li1{ margin-top: 36px; background: url(../images/yx_nav_icon1.png) no-repeat center center;}
#menu li.li2{ background: url(../images/yx_nav_icon2.png) no-repeat center center;}
#menu li.li3{ background: url(../images/yx_nav_icon3.png) no-repeat center center;}
#menu li a{ display: block; width: 100%; height: 100%;}

#menu li.active{ opacity: 1; filter: alpha(opacity=100);}
#menu li.active:before{ display: block;}

/*.p1 .fp-tableCell{ vertical-align: baseline;}*/
/*.m-shd { padding-top: 40px;}*/
body {
    margin-top: 0px!important;
}