BODY {margin:0px;FONT-SIZE: 12px;LINE-HEIGHT: 24px;color:#444;FONT-FAMILY: "微软雅黑","宋体","Arial Narrow";
scrollbar-face-color:#70807d; scrollbar-arrow-color:#ffffff; scrollbar-highlight-color:#70807d; scrollbar-3dlight-color:#70807d; scrollbar-shadow-color:#ccc; scrollbar-darkshadow-color:#70807d; scrollbar-track-color:#fff;background-color:#333;}
FORM {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
LI {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;list-style-type:none;}
P {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
H1 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; font-size:26px; line-height:40px; color:#000; text-align:center; color:#0F0}
H2 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; font-size:18px; line-height:30px; color:#000; text-align:center; color:#FF0}
hr{ height:1px; border-bottom:#999 1px solid;}

div{margin:0;padding:0;}
td{font-size:9pt;line-height:24px;color:#333;}
hr{height:1px;border:none;margin:10px auto;}
a:link{color:#444;text-decoration:none;}
a:visited{color:#444;text-decoration:none;}
a:hover{color:#c00;text-decoration:none;}
a:active{color:#444;text-decoration:none;}
a.N1a:link{padding:0 8px;}
a.N1a:visited{padding:0 8px;}
a.N1a:hover{padding:0 8px;}
a.N1a:active{padding:0 8px;}

#bgcenter{ width:1200px; clear:both; margin:0 auto; background-color:#fff; border-left:#fff 20px solid; border-right:#fff 20px solid;}
#nav{width:100%; min-width:1200px; clear:both; background-color:#222; text-align:center;color:#fff;}
#nav a{color:#fff; padding:0 23px;}


.bb{background-color:#E20816; text-align:center; padding-top:20px;}


.z{font-size:15px; line-height:28px; font-weight:bold; color:#fff; background-color:#0098D1; padding:15px;}
.zc{font-size:16px; line-height:28px; padding-right:20px; padding-left:20px;}
.zs{font-size:16px; line-height:28px; font-weight:bold; color:#fff; background-color:#0098D1; padding:15px;}
.fa{border-right:#eee 1px solid;}
.fa img{padding-left:10px;}
.bt{ font-size:16px;font-weight:bold; color:#0B80B1; line-height:40px; text-align:left;padding-left:10px;}
#lr{width:1200px; margin:0 auto 20px auto; border:#333 1px solid;}
#lr p{ font-size:16px; line-height:34px; padding:20px;}
#lr p img{ width:1158px;}
.js{font-size:16px; line-height:34px;}
.js span{font-size:14px; line-height:28px; color:#c00; font-weight:bold;}
.js span b{ background-color:#F00; color:#FFF; padding:3px 10px 4px 10px;}
.smallimg img{ border-bottom:#fff 8px solid;}
.smallimg img:hover{ border-bottom:#f00 4px solid;border-top:#f00 4px solid; cursor:pointer;}
.video:hover{ cursor:pointer;}

.smallimg1 img{ border-bottom:#fff 8px solid;}
.smallimg1 img:hover{ border-bottom:#f00 4px solid;border-top:#f00 4px solid; cursor:pointer;}


#center{MARGIN: 0px auto;clear:both;z-index:1; WIDTH: 1200px; _width: 1126px;overflow:hidden;}
#cl{MARGIN: 0px auto;WIDTH: 100%;CLEAR: both; FONT-SIZE: 1px; LINE-HEIGHT: 1px;HEIGHT: 1px;}
#cl1{MARGIN: 0px auto;WIDTH: 100%;CLEAR: both; FONT-SIZE: 1px; LINE-HEIGHT: 1px;HEIGHT: 10px;}


#bann{ width:100%; clear:both; margin:0 auto;height:350px; text-align:center; overflow:hidden; margin-bottom:20px;}


#dbt{width:1200px; margin:15px auto 15px auto; clear:both; line-height:50px; height:50px; background-color:#333; color:#fff; font-size:20px; font-weight:bold;}
#dbt1{width:1200px; margin:15px auto 15px auto; clear:both; line-height:65px; height:65px; background-color:#333; color:#fff; font-size:20px; font-weight:bold; text-align:center;}

.tdlr{ font-size:16px; line-height:34px; padding:20px;}
.tdlr strong{ color:#F00;}


#main{width:1158px;height:513px;margin:10px auto;}
#main ul{list-style:none;}
#main ul li{width:289.5px;height:470px;float:left;position:relative;}
#main ul li img{border:10px solid #F5F5F5;-webkit-transition:1s ease;-moz-transition:1s ease;}
#main .info{width:250px;height:250px;border:10px solid #F5F5F5;background:#a0c2e8;position:absolute;bottom:0px;right:0;-webkit-transition:1s ease;-moz-transition:1s ease;-moz-transform:rotatey(30deg);-webkit-transform:rotatey(30deg);}
#main .info h2{text-align:center;line-height:60px;color:#0061a1;font-weight:normal;font-size:20px;}
#main .info p{padding:0 20px;font-size:12px; line-height:25px;}
#main .info a{display:block;width:100px;height:30px;background:#7a3f3a;color:#FFF;border-radius:5px;text-decoration:none;text-align:center;line-height:30px;margin:10px auto;}

#main ul li:hover .info{-webkit-transform:rotatey(0deg);-moz-transform:rotatey(0deg);right:0px;bottom:50px;}
#main ul li:hover img{-webkit-transform:rotatey(360deg);-moz-transform:rotatey(360deg);}


.mydiv {
background-color: #fff;
border: 5px solid #eee;
text-align: center;
line-height: 40px;
font-size: 12px;
z-index:999;
padding:0;
width: 640px;
height: 480px;
left:50%;
top:50%;
margin-left:-320px!important;/*FF IE7 该值为本身宽的一半 */
margin-top:-240px!important;/*FF IE7 该值为本身高的一半*/
margin-top:0px;
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*/
}
.bg {
background-color: #666; display:none;
width: 100%;
height: 100%;
left:0;
top:0;/*FF IE7*/
filter:alpha(opacity=80);/*IE*/
opacity:0.5;/*FF*/
z-index:1;
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);
}

.framvideo{width:640px; height:480px; font-size:16px; line-height:60px;}
.framvideo td{ font-size:16px; line-height:60px;}
.w:link{color:#000; padding-right:10px;}
.w:visited{color:#000; padding-right:10px;}
.w:hover{color:#f00; padding-right:10px;}
.w:active{color:#000; padding-right:10px;}




.trade-content {
    width:1198px; margin:0px auto 20px auto; clear:both; border:#666 1px solid; background:url(td.jpg);
}

.trade-black {
    height: 400px;
    background-color: #30383e;
}

.trade-box {
    width: 1200px !important;
    margin: 0 auto;
    position: relative;
    transition: all .3s ease;
}

.trade-box-list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.trade-box-item {
    flex: 1;
    text-align: center;
    position: relative;
    height: 400px;
    background: no-repeat center;
    background-size: 100% auto;
}

.trade-content .trade-box-item:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.6);
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.trade-box-item a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

a, button, input, textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.item-logo {
    margin: 0 auto;
    display: block;
}

.trade-content .trade-box-item .item-logo {
    position: relative;
    margin-top: 70px;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.item-logo img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.item-title {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    padding: 20px 0;
    position: relative;
}

.trade-content .item-title:before {
    content: "";
    position: relative;
    display: block;
    width: 20px;
    border-bottom: 2px solid #fff;
    margin: 0 auto 20px;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.item-text {
    position: relative;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    opacity: 0;
    margin-top: 10px;
}

.item-text p {
    color: #FF0;
    font-size: 16px;
    margin-bottom: 5px;
}
.item-text div{padding:0 30px; color:#FFF}

.trade-content .item01 {
    background-image: url(td1.jpg);
}

.trade-content .item02 {
    background-image: url(td2.jpg);
}

.trade-content .item03 {
    background-image: url(td3.jpg);
}

.trade-content .item04 {
    background-image: url(td4.jpg);
}

.trade-content .item05 {
    background-image: url(td5.jpg);
}

.trade-content .item06 {
    background-image: url(td6.jpg);
}
.trade-content .item07 {
    background-image: url(td7.jpg);
}

.trade-content .trade-box-item:hover .item-text {
    display: block;
    opacity: 1;
    margin-top: 0;
}

.trade-content .trade-box-item:hover:before {
    background-color: rgba(255, 0, 0, .7);
}

.trade-content .trade-box-item:hover .item-logo {
    margin-top: 40px;
}

.trade-content .trade-box-item:hover .item-title:before {
    opacity: 0;
    margin-bottom: 0;
}

