﻿
/*内容样式*/

@font-face { font-family:comic;src:url(Oswald-Regular.ttf); }


.container{ width: 100%; height: auto;position: relative; margin: 0 auto; }
.i_box01{padding: 50px 0;position: relative;z-index: 5;}
.i_box01L{width: 450px;}
.i_box01L .hd{position: relative;margin-bottom: 8px;}
.i_box01L .hd li{float: left;height: 40px;font-weight: bold;font-size: 14px; color: #fff;color: #fff;padding: 0 30px;line-height: 40px;
background: #5b5b5b;}
.i_box01L .hd li a{color: #fff;}
.i_box01L .hd li.on{background: linear-gradient(to right,#926c2a,#d8c473);}
.i_box01L .hd .more{font-size: 14px; color: #999;}
.i_box01L .hd .more i{font-family: '宋体';line-height: 40px;padding-left: 10px;}
.i_box01L .bd{height: 258px;}
.i_box01L .bd li{padding:0 8px;height: 50px;border-bottom: 1px solid #eee; } 
.i_box01L .bd li .title{font-size: 16px;color: #333333;line-height: 50px;float: left;transition: all 0.8s ease 0s;}
.i_box01L .bd li .time{font-size: 14px;color: #e3bf5d;line-height: 50px;float: right;transition: all 0.8s ease 0s;}
.i_box01L .bd li .content{display: none;font-size: 14px;color: #999999;height: 48px;line-height: 24px;overflow: hidden;
padding-bottom: 20px;transition: all 0.8s ease 0s;}
.i_box01L .bd li.on {height: auto;}
.i_box01L .bd li.on .title{font-size: 22px;font-weight: bold; line-height: 30px;float: none;padding-top: 14px;}
.i_box01L .bd li.on .time{font-size: 18px;line-height: 22px;float: none;padding: 8px 0 12px;}
.i_box01L .bd li.on .content{display: block;}



.video01{ width: 640px; height: 360px; position: fixed; z-index: 10;top: 50%;left: 50%;display: block;margin-left: -320px;
 margin-top: -180px; display: none;z-index: 10px}
.cenzhao{width: 100%;height:5000px;background-color: #000;position: absolute;top: 0;left: 0;z-index: 6;opacity: 0.7;
filter: alpha(opacity=70);display: none;}


.i_box01R{width: 696px;}
.i_box01R_T li {height: 202px;margin-top: -155px;width: 201px;padding-left: 30px;float: left;}
.i_box01R_T li .title{max-width: 110px;overflow: hidden;font-size: 18px; color: #ffffff;padding: 35px 0 15px}
.i_box01R_T li .titleEn{font-family:comic;color: rgba(0,0,0,0.4);font-size: 18px;line-height: 24px;text-transform: uppercase;}
.i_box01R_T li .img{max-width: 43px;max-height: 36px;margin-top: 18px;}
.i_box01R_T li:nth-child(1) {background: -webkit-linear-gradient(top, #d8c473 -6%,#926c2a 100%);
background:linear-gradient(top, #d8c473 -6%,#926c2a 100%);
background: -moz-linear-gradient(top, #d8c473 -6%,#926c2a 100%);background: -ms-linear-gradient(top, #d8c473 -6%,#926c2a 100%);}
.i_box01R_T li:nth-child(1):hover {background:#926c2a;}
.i_box01R_T li:nth-child(2) {background: -webkit-linear-gradient(top, #b4d15d -6%,#5c8817 100%);
background:linear-gradient(top, #b4d15d -6%,#5c8817 100%);
background: -moz-linear-gradient(top, #b4d15d -6%,#5c8817 100%);background: -ms-linear-gradient(top, #b4d15d -6%,#5c8817 100%);}
.i_box01R_T li:nth-child(2):hover {background:#5c8817;}
.i_box01R_T li:nth-child(3) {background: -webkit-linear-gradient(top, #5dd19f -6%,#178834 100%);
background:linear-gradient(top, #5dd19f -6%,#178834 100%);
background: -moz-linear-gradient(top, #5dd19f -6%,#178834 100%);background: -ms-linear-gradient(top, #5dd19f -6%,#178834 100%);}
.i_box01R_T li:nth-child(3):hover {background:#178834;}
.i_box01R_T li:nth-child(4) {background: -webkit-linear-gradient(top, #5db2d1 -6%,#026e7b 100%);
background:linear-gradient(top, #5db2d1 -6%,#026e7b 100%);
background: -moz-linear-gradient(top, #5db2d1 -6%,#026e7b 100%);background: -ms-linear-gradient(top, #5db2d1 -6%,#026e7b 100%);}
.i_box01R_T li:nth-child(4):hover {background:#026e7b;}
.i_box01R_B{margin-top: 46px;}
.i_box01R_B .img{ width:425px;height:213px;overflow: hidden;}
.i_box01R_B .img img{transition: all 0.6s ease-in-out;}
.i_box01R_B .img:hover img{transform: scale(1.1);}
.i_box01R_B .video{width:260px;height:213px;}


























