BODY {margin:0px;background:URL(bg--.jpg) #1e1e1e; background-attachment:fixed; background-position:center 0px;background-repeat:repeat-y;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}
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}

div{margin:0;padding:0;}
td{font-size:16px; line-height:30px;font-family:'Microsoft YaHei';}
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:95%; clear:both; margin:0 auto; background-color:#fff;}
#navmenu{ width:100%; height:70px; line-height:70px; background-color:#000; text-align:center; overflow:hidden;}
#navmenu a{ color:#FFF; padding-left:22px; padding-right:22px; font-size:16px;}
#logo{width:97%; margin:0 auto; border-top:#fff 15px solid; clear:both;}
#logo img{width:100%;}
#bann{width:97%; margin:0 auto; border-top:#fff 15px solid; clear:both;}
#bann img{width:100%;}
#title{width:97%; margin:0 auto; border-top:#fff 15px solid; border-bottom:0; background-color:#1e1e1e; color:#FFF; clear:both;}
#title strong{ padding-left:15px; font-size:18px; line-height:45px; height:45px;}
#lr{width:97%; margin:0 auto; border-top:#fff 15px solid; font-size:16px; line-height:32px; padding:10px 0 15px 0; clear:both;}
#imgbox{width:97%; margin:0 auto;  font-size:16px; line-height:32px;clear:both; border-top:#ccc 1px solid; padding:20px 0;}
#imgbox img{ width:100%;}


.trade-content {
    border:#ccc 1px solid;padding: 20px 0;
}


.trade-black {
    height: 358px;
}

.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: 358px;
    background: no-repeat center;
    background-size: 100% auto;
	width:224px;
}

.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: 20px;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.item-logo img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.item-title {
    font-size: 17px;
    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;
    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: #fff;
    font-size: 14px;
	line-height:24px;
    margin: 15px;
}

.trade-content .item01 {
    background-image: url(../image/p1.jpg);
}

.trade-content .item02 {
    background-image: url(../image/p2.jpg);
}

.trade-content .item03 {
    background-image: url(../image/p3.jpg);
}

.trade-content .item04 {
    background-image: url(../image/p4.jpg);
}

.trade-content .item05 {
    background-image: url(../image/p5.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(0, 25, 176, .6);
}

.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;
}

#yy{width:97%; margin:0 auto; border-top:#fff 15px solid; font-size:16px; line-height:32px; padding:10px 0 10px 0; clear:both;}
#plist{width:100%;margin:0 auto;}
#plist li{width:400px;height:490px;margin-right:21px;float:left; position:relative;z-index:10;overflow:hidden; transition:all 500ms; color:#fff;}
#plist li .mask{width:400px;height:257px;overflow:hidden;position:absolute;left:0;top:-257px;z-index:20;transition:all 500ms;background:#fcbe00;opacity:.5}
#plist li img{width:100%;height:257px;}
#plist li div.box{padding:15px; position:relative; z-index:11}
#plist li h3{font-size:18px; padding:0; margin:0;}
#plist li .csbg{width:400px;height:233px;background:#3a49a7;position:absolute;left:0;bottom:0px;z-index:5;transition:all 500ms}
#plist li:hover {color:#FF0;}
#plist li:hover .mask{top:0px;}
#plist li:hover .csbg{bottom:0px}

#zl{width:97%; margin:0 auto; font-size:16px; line-height:32px; padding:10px 0 10px 0; clear:both; border-top:#ccc 1px solid;}
#zl ul li{ width:390px; float:left; border:#ccc 5px solid; margin-right:21px; font-size:14px; color:#fff; text-align:center; margin-top:20px; padding-bottom:10px; background-color:#3a49a7;}
#zl ul li img{width:100%;}
#zl ul li h3{ font-size:18px; font-weight:bold; color:#fff; line-height:30px; height:30px; padding:10px 0 0 0; margin:0;}
#zl ul li:hover{ background-color:#0018a1; color:#F00; border:#0018a1 5px solid;}

#js{width:97%; margin:0 auto; font-size:16px; line-height:32px; padding:0px 0 30px 0; clear:both; color:#222f82;}
#js1{width:488px;  float:left; margin-right:21px;}
#js1-1{width:478px; border:#3a49a7 5px solid;}
#js1-1:hover{ background-color:#FFDBDC; border:#F00 5px solid;}
#js1-1 h3{ margin:0; padding:20px 20px 0 20px; height:35px; height:35px; text-align:center; color:#F00;}
#js1-1 p{ margin:0; padding:0 20px 20px 20px; font-size:16px; line-height:28px;}
#js1-2{width:478px; margin-top:22px; border:#3a49a7 5px solid;}
#js1-2:hover{ background-color:#FFDBDC; border:#F00 5px solid;}
#js1-2 h3{ margin:0; padding:20px 20px 0 20px; height:35px; height:35px; text-align:center; color:#F00;}
#js1-2 p{ margin:0; padding:0 20px 20px 20px; font-size:16px; line-height:28px;}
#js2{width:209px;  float:left; margin-right:21px; border:#3a49a7 5px solid; height:378px;}
#js2:hover{ background-color:#FFDBDC; border:#F00 5px solid;}
#js2 h3{ margin:0; padding:20px 20px 0 20px; height:35px; height:35px; text-align:center; color:#F00;}
#js2 p{ margin:0; padding:0 15px 20px 15px; font-size:16px; line-height:28px;}
#js3{width:488px;  float:left; }
#js3-1{width:100%; border:#3a49a7 5px solid;}
#js3-1:hover{ background-color:#FFDBDC; border:#F00 5px solid;}
#js3-1 h3{ margin:0; padding:20px 20px 0 20px; height:35px; height:35px; text-align:center; color:#F00;}
#js3-1 p{ margin:0; padding:0 20px 20px 20px; font-size:16px; line-height:28px;}
#js3-2{width:100%; margin-top:22px; border:#3a49a7 5px solid;}
#js3-2:hover{  border:#F00 5px solid;}
#js3-2 h3{ margin:0; padding:20px 20px 0 20px; height:35px; height:35px; text-align:center; color:#F00;}
#js3-2 p{ margin:0; padding:0 20px 20px 20px; font-size:16px; line-height:28px;}

#gy1{ float:left; width:30%;}
#gy1 img{ width:85%; padding-right:20px;}
#gy2{ float:left; width:70%; line-height:36px;}
#gy2 strong{ color:#00F;}

#lr p{ float:left; }
#lr span{ float:right; }
#cl{ clear:both; margin:0 auto;}


#foot{width:91%; margin:0 auto; clear:both; margin-top:10px;}
#tg_t{width:100%;font-size:14px;font-weight:bold;color:#999;line-height:35px; text-align:left;}
#tg_b{width:100%;}
#tg_b ul li{float:left; width:82px; font-size:12px; line-height:25px; overflow:hidden; line-height:28px; height:28px;}
#tg_b ul li a{color:#999;}
#tg_cl{clear:both; border-top:#999 1px solid; line-height:10px; height:10px;}

#footguid{width:100%;background-color:#333;color:#4d4d4d;text-align:center;line-height:30px;height:30px;margin-bottom:10px;}
#footguid a{color:#4d4d4d;padding:0 17px;}
#foot1{float:left;width:22x;padding-top:5px;text-align:left; color:#4d4d4d;}
#foot2{float:left;width:68%;text-align:left;color:#4d4d4d;}
#foot2 a{color:#4d4d4d;}
#foot3{float:left;width:10%;text-align:left;color:#4d4d4d;}