﻿body{ margin:0px;  font-family:"微软雅黑",Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif; font-size:62.5%; text-align:justify; text-justify:inter-ideograph; }
ul,li,h1,h2,h3,h4,h5,h6,dd,dl,dt,p,a,img{ margin:0; padding:0; border:0px; list-style-type:none; text-decoration:none; }
a{ transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s; -moz-transition:all 0.4s; text-decoration:none;}
a:hover{text-decoration:underline; } 
.clear{clear:both;}
.fixed{position:fixed;left:0px;top:0px;}
.overflowHide{ overflow: hidden; position: relative;  z-index: 0;}
.ellipsis { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-text-overflow: ellipsis; white-space: nowrap; }
.ellipsis1{ overflow:hidden;  text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.ellipsis2{ overflow:hidden;  text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.ellipsis3{ overflow:hidden;  text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}
.ellipsis7{ overflow:hidden;  text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 7;  -webkit-box-orient: vertical;}
.box{  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; }
.transition{ transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s; -ms-transition:all 0.2s; -moz-transition:all 0.2s; }
.transition0{ transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; }
.transition1{ transition:all 0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out; -ms-transition:all 10.8 ease-in-out; -moz-transition:all 0.8s ease-in-out;}
.transition2{ transition:all 2s ease-in-out; -webkit-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; -ms-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out;}
.transition3{ transition:all 3s ease-in-out; -webkit-transition:all 3s ease-in-out; -o-transition:all 3s ease-in-out; -ms-transition:all 3s ease-in-out; -moz-transition:all 3s ease-in-out;}
.transition4{ transition:all 4s ease-in-out; -webkit-transition:all 4s ease-in-out; -o-transition:all 4s ease-in-out; -ms-transition:all 4s ease-in-out; -moz-transition:all 4s ease-in-out;}

.transform{ transform:translateY(100%);}
.scale0{ transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0);	-moz-transform: scale(0); }
.scale{ transform: scale(1); -ms-transform: scale(1);	/* IE 9 */ -webkit-transform: scale(1);	/* Safari 和 Chrome */ -o-transform: scale(1);	/* Opera */ -moz-transform: scale(1);	/* Firefox */}
.fadeInDown { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }

/*
.img{overflow:hidden;}
.img img{transform: translateZ(0px);transition: transform 0.2s ease 0s;}
.img:hover img{transform: scale(1.1, 1.1);transition: transform 0.6s ease 0s;}
*/
.container{ position:relative; width:1360px; margin:0px auto auto auto;}

.nav-wrap{ position:fixed; left:0px; top:0px; width:100%; height:89px; border-bottom:solid 1px #67a3d4; z-index:99999;}
.nav-wrap .container{ padding-top:20px;}
.nav-wrap .logo{ float:left; display:inline-block; width:192px;}
.nav-wrap .logo img{ width:192px; height:56px;}

.menu{ position:relative; float:left; display:inline-block; width:928px;}
.menu ul li{position:relative; float:left; display:block; width:116px; height:55px; padding-top:15px;  text-align:center; font-size:16px; cursor:pointer;}
.menu ul li a{ color:#ffffff;text-decoration:none;z-index:99;} 
.menu ul li.activate .line1{ display:block; position:absolute; left:0px; bottom:0px; width:100%; height:3px;} 
.menu ul li.activate .line1 i{ display:block;  width:50%; height:3px; margin:0px auto auto auto; background-color:#ffffff; } 
.menu ul li a:hover,.menu ul li.activate a{color:#ffffff;}

.menu ul li .bg{position:absolute;left:0px;top:69px;width:100%; height:50px; padding:10px 0px; z-index:9999; background:#0062AC; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; display:none; }
.menu ul li .box-wrap{position:absolute;left:0px;top:69px;width:100%; padding:10px 0px; text-align:center; background-color:Transparent;z-index:99999; display:none;}
.menu ul li .box-wrap dt{ position:relative; display:inline-block; width:100%; height:30px;line-height:30px;font-size:13px; font-weight:200; }
.menu ul li .box-wrap dt a{display:block;width:100%;height:30px;line-height:30px;text-align:center; color:#ffffff; background-color:Transparent;}
.menu ul li .box-wrap dt a:hover{color:#ffffff; text-decoration:underline;}
.menu ul li .box-wrap dt i{ position:absolute; top:18px; right:0px; width:1px; height:14px; background-color:#66a1cd;}

.nav-wrap .right{ position:relative; float:right; display:inline-block; width:116px; height:48px;}
.nav-wrap .right .search{ position:absolute; left:0px; top:10px; width:32px; height:32px; background:url(../images/icon-27.png) 8px 8px no-repeat; cursor:pointer;}
.nav-wrap .right .search .a-search{ display:block; width:32px; height:32px;}
.nav-wrap .right .language{ position:absolute; right:0px; top:12px; width:72px; height:24px; border-left:solid 1px #4186c1; font-size:13px;}
.nav-wrap .right .language a{ display:block; padding-right:20px; line-height:24px; text-align:right; background:url(../images/icon-28.png) right 10px no-repeat;  color:#ffffff; }

.nav-wrap-activate{ position:fixed; left:0px; top:0px; z-index:99999; background:rgba(0,98,172,0.9)}
.m-top-wrap-activate{  background:rgba(0,98,172,0.9)}

.party-bg .nav-wrap-activate{ background:rgba(217,50,39,0.9)}
.party-bg .menu ul li .bg{ background:rgba(217,50,39,0.9); }

.dis-bg .nav-wrap-activate{ background:rgba(217,50,39,0.9)}
.dis-bg .menu ul li .bg{ background:rgba(217,50,39,0.9); }

.m-top-wrap{ display:none;}


.panel7{ width:100%; min-width:1360px; background-color:#282c35;}
.panel7 .container{ padding:40px 0px;}
.panel7 .bottom-wrap{ position:relative; padding:35px 0px; border-bottom:solid 1px #33373f;}
.panel7 .logo{ float:left; width:200px;}
.panel7 .logo img{ width:160px; height:48px;}
.panel7 .bottom-nav{ float:right; padding-top:12px; text-align:right;}
.panel7 .bottom-nav a{ position:relative; display:inline-block; padding:0px 15px; font-size:13px; font-weight:500; color:#ffffff;}
.panel7 .bottom-nav a i{ position:absolute; top:3px; right:0px; width:1px; height:13px; background-color:#484b53;}
.panel7 .left-con{ float:left;}
.panel7 .left-con p{ height:auto; line-height:30px; font-size:13px; color:#b8becc;}
.panel7 .phone{ position:absolute; top:50px; right:0px; width:170px; padding-left:30px; background:url(../images/icon-13.png) 0px 5px no-repeat; text-align:right; font-size:24px; font-weight:500; color:#ffffff;}
.panel7 .copy{ height:auto; line-height:30px; padding-top:30px; font-size:13px; color:#b8becc;}
.panel7 .copy a{ color:#b8becc;}
.panel7 .copy .left{ float:left;}
.panel7 .copy .right{ float:right;}

