﻿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,li{ 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{ transicontainertion: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;}
*/


.head-wrap{ width:100%; min-width:1300px; height:150px; background-color:#fff;}
.head-wrap .container{ position:relative; height:214px;}
.head-wrap .container .logo{ float:left; width:50%; padding-top:25px;}
.head-wrap .container .search-wrap{ position:absolute; top:62px; right:150px; width:282px; height:50px;}
.head-wrap .container .search-wrap .search-txt{ position:absolute; left:0px; top:0px; width:272px; height:38px; line-height:38px; padding:5px; border-radius:6px; border:solid 1px #eeeeee; outline:none; background-color:#fff; font-size:14px;}
.head-wrap .container .search-wrap .search-btn{ position:absolute; right:8px; top:8px; width:36px; height:36px;  padding-left:0px; text-align:left; font-size:18px; color:#fff; border-radius:0px; border:0px; outline:none; background:url(../images/icon1.png) 9px 9px no-repeat; cursor:pointer;}
.head-wrap .container .search-wrap .search-btn:hover{ background:url(../images/icon1.png) 9px 9px no-repeat; }

.head-wrap .container .user-login{ position:absolute; top:62px; right:0px; width:134px; height:50px;}
.head-wrap .container .user-login a{ position:absolute; left:0px; top:0px; width:92px; height:48px; line-height:48px; padding-left:40px; border-radius:6px; border:solid 1px #eeeeee; text-align:center; text-decoration:none; color:#757575; font-size:16px; background:url(../images/icon2.png) 20px 15px no-repeat;}
.head-wrap .container .user-login a:hover{ font-weight:bold; color:#e95d60;}

.nav-wrap{ width:100%; min-width:1300px; height:77px; background-color:#dc282c;}
.nav-activate{ position:fixed; left:0px; top:0px; z-index:99999; background-color:rgba(220,40,44,0.96)}
.menu{ position:relative; width:80%; margin:0px auto auto auto;}
.menu ul li{position:relative; float:left; display:block; width:14.2%; height:57px; padding-top:20px;  text-align:center; font-size:24px; 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:hover,.menu ul li.activate{ background-color:#e95d60;}
.menu ul li a:hover,.menu ul li.activate a{color:#fff; font-size:26px; font-weight:800; }

.menu ul li .bg{position:absolute;left:0px;top:80px;width:100%; height:50px; padding:10px 0px; z-index:9999; background:#ffffff; filter:alpha(opacity=99); opacity:0.99; -moz-opacity:0.99; display:none; }
.menu ul li .box-wrap{position:absolute;left:0px;top:80px;width:100%; padding:10px 0px; text-align:center; background:#000; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;z-index:99999; display:none;}
.menu ul li .box-wrap dt{ position:relative; display:inline-block; width:100%; height:30px;line-height:30px; padding:5px 0px; font-size:18px; font-weight:300; }
.menu ul li .box-wrap dt a{display:block;width:100%;height:30px;line-height:30px;text-align:center; color:#fff; background-color:Transparent; font-size:18px; font-weight:300;}
.menu ul li .box-wrap dt a:hover{color:#fff; text-decoration:none; font-size:18px; font-weight:600;}
.menu ul li .box-wrap dt i{ position:absolute; top:18px; right:0px; width:1px; height:14px; background-color:#66a1cd;}

.banner{ height:573px; min-width:1300px;}
.banner .swiper-slide{ height:573px; }
.banner .swiper-slide a{ display:block; width:100%; height:100%;}
.banner .swiper-pagination .swiper-pagination-bullet{ width:14px; height:14px; margin:0px 2px; background-color:#fff; opacity:1;}
.banner .swiper-pagination .swiper-pagination-bullet-active{ background-color:#00a1e7;}


.bottom-wrap{ width:100%; min-width:1300px; padding:20px 0px; font-size:16px; color:#fff; background-color:#004b8c; }
.bottom-wrap .con{ text-align:center; font-size:16px;}
.bottom-wrap .con p{ padding:6px 0px;}
.bottom-wrap .con a{ color:#fff;}

.side{ position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e2ebfb;background:#f8fafe;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:0px solid #e0e0e0;color:#666666;font-size:14px; text-align:center;transition:all .3s;cursor:pointer}
.side ul li a{ color:#666666;}
.side ul li:hover{background:#f15e5a;color:#fff}
.side ul li:hover a{ text-decoration:none; color:#fff}
.side ul li i{ position:relative; width:100%; height:40px; display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center; margin-top:14px;transition:all .1s}
.side ul li .icon:before{ position:absolute; color:#3971d1;}
.side ul li:hover .icon:before{ color:#fff;}
.side ul li .icon-jingliren_o{  font-size:42px;}
.side ul li .icon-jingliren_o:before{ top:-5px; left:19px;}
.side ul li .icon-zhongcaiyuan-sel{ font-size:30px;}
.side ul li .icon-zhongcaiyuan-sel:before{ top:0px; left:24px;}
.side ul li .icon-diannao{ font-size:36px;}
.side ul li .icon-diannao:before{ top:-2px; left:22px;}
.side ul li .icon-fanhuidingbu-{ font-size:30px;}
.side ul li .icon-fanhuidingbu-:before{ top:0px; left:24px; color:#fff;}

.side ul li.sideewm .ewBox.son{ display:none; position:absolute;left:-240px;top:-62px; width:238px; height:218px; color:#363636;text-align:center; border:1px solid #e0e0e0}
.side ul li.sideewm i img{ width:42px;}
.side ul li.sideewm .ewBox img{ width:238px;}

.side ul li:hover .son{display:block!important;animation:fadein 1s}

.side ul li.sidetop{background:#f15e5a;color:#fff}
.side ul li:hover{opacity:.8;filter:Alpha(opacity=80)}

.side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#f67524}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#e96410}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}

::-webkit-input-placeholder { /* WebKit browsers */

　　color:#999;font-size:16px;

　　}

　　:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

　　color:#999;font-size:16px;

　　}

　　::-moz-placeholder { /* Mozilla Firefox 19+ */

　　color:#999;font-size:16px;

　　}

　　:-ms-input-placeholder { /* Internet Explorer 10+ */

　　color:#999;font-size:16px;

　　}
　　
@keyframes fadein{from{opacity:0}
to{opacity:1}
}



