﻿body { margin: 0; padding: 0; overflow-x:hidden;height: 100%; font-size: 16px; font-family: '微软雅黑','Times New Roman',Tahoma, Geneva, Microsoft YaHei; color: #333;background-color: #f1f5fa }
html{margin: 0; padding: 0; height: 100%; line-height: 30px}
dd, dl, dt, li, ol, ul { margin: 0; padding: 0; list-style: none;font-weight: normal; }
h3, h4, h5 { margin: 0; padding: 0;  font-size: 16px }
input, button, select, textarea { outline: none; border: none; margin: 0; padding: 0; resize: none; background: none;line-height: 30px; }
table { width:80%;border-collapse: collapse; border-spacing: 0; }
table td{padding:10px;}
label { cursor: pointer; }
placeholder { color: #999; opacity: 1;}
::-moz-placeholder { color: #999;opacity: 1; }
::-webkit-input-placeholder { color: #999; opacity: 1;}
/*滚动条*/
::-webkit-scrollbar-track{background-color: #f6f6f6;}
::-webkit-scrollbar{width: 5px;background-color: #ffffff;}
::-webkit-scrollbar-thumb{background-color: #ccc;}

button, input { overflow: visible; }
button, select { text-transform: none; }
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: button; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
a {color: #333;-webkit-transition: .2s linear;transition: .2s linear}
a:hover{color: #00a3ac; text-decoration: none; outline: none}
img {max-width: 100%;}
.relative{position: relative;}
.inline-block{display: inline-block;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; *display: none; }
.clearfix { *zoom: 1; }
.clear { clear: both;  }
.show { display: block !important; }
.hide { display: none !important; }
.fl{float:left;}
.fr{float:right;}
.text-center{text-align: center}
.text-rgiht{text-align: right}
.bold{font-weight: bold}
.font11{font-size: 11px;}
.font12{font-size: 12px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font30{font-size: 30px;}
.font40{font-size: 40px;}
.font50{font-size: 50px;}
.m-t-10{margin-top:10px;}
.m-t-15{margin-top:15px;}
.m-t-20{margin-top:20px;}
.m-t-30{margin-top:30px;}
.m-t-50{margin-top:50px;}
.m-b-30{margin-bottom:30px;}
.m-b-50{margin-bottom:50px;}
.m-l-10{margin-left:10px;}
.m-l-20{margin-left:20px;}
.m-l-30{margin-left:30px;}
.m-tb-20{margin:20px 0;}
.m-tb-50{margin:50px 0;}
.p-50{padding:50px;}
.p-30{padding:30px;}
.pt-30{padding-top:30px;}
.pt-50{padding-top:30px;}
.color-gray{color: #ccc}
.color-blue{color: #4682b7}
.color-white{color: #fff}
.bg-white{background: #fff;}
.bg-dark{background: #333;}
.bg-green{background: #00A680;}

.container {
    width: 100%;
    margin:0 auto;
}
.layout {
    max-width:1400px;
    min-width: 1200px;
    margin:0 auto;
}
.w-1200{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.w-1000 {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

/*css*/
.over{
    overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
}

.over2{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.over3{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow:ellipsis;
    -moz-text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/*transition*/
.tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}
.tran5000{-webkit-transition:all 5s linear; -moz-transition:all 5s linear; -ms-transition:all 5s linear; transition:all 5s linear;}

.scaleimg:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.scaleimg img{transition: all .2s;}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}
.translateY:hover{-webkit-transform:translateY(-6px); -moz-transform: translateY(6px); -ms-transform:translateY(-6px); transform:translateY(-6px);}

/*tab切换*/
.dis {DISPLAY: block}
.undis {DISPLAY: none}
.tab-tit li:hover{cursor:pointer;}

/* placeholder css */
input::-webkit-input-placeholder{   /* 使用webkit内核的浏览器 */
    color: rgba(255,255,255,.5)
}
input:-moz-placeholder{    /* Firefox版本4-18 */
    color: rgba(255,255,255,.5)
}
input::-moz-placeholder{    /* Firefox版本19+ */
    color: rgba(255,255,255,.5)
}
input:-ms-input-placeholder{   /* IE浏览器 */
    color: rgba(255,255,255,.5)
}
.dropdown-menu-right{margin-top:20px;}
._language .menulist{min-width: 150px;padding:5px 20px}
._language .menulist li {line-height: 30px;clear:both;text-align: left;padding: 5px;border-bottom: 1px solid #efefef;}
._language .menulist li a{font-size: 13px;}

.container {width: 100%;margin:0 auto;}
.swiper-pagination .swiper-pagination-bullet {background-color:#ff6600 }
.wrap{width:100%;}
.content{width:1400px;margin:0 auto;}
.bg-1{background-color: #00a3ac}
.bg-2{background-color: #ffffff;}
.bg-3{background-image: url('../img/index_bg_notice.jpg') ;background-size: cover;}
.f12{font-size: 12px}
.f13{font-size: 13px}
.f14{font-size: 14px}
.f16{font-size: 16px}
.f18{font-size: 18px}
.f21{font-size: 21px}
._header{height: 90px;}
.headbox{background: rgb(116,43,140);height: 100px;}
.menubox{background: rgba(255,255,255,.95);height: 55px;box-shadow: 0 0 5px #ccc;}
.toplink{line-height: 60px;font-size: 15px;margin-top:15px;position: relative;}
.toplink a{margin-right:20px;color: rgba(255,255,255,.7)}
.toplink a:hover{color: rgba(255,255,255,1);}
.toplink a i{font-size: 21px;padding-top:3px;position: absolute;top:-2px;}
/*navmenu*/
._menu{background-color: rgba(255,255,255,.9);position: relative;z-index: 2;}
.nav {color: #333;}
.nav a {display: block; line-height: inherit; cursor: pointer; color: #333; font-weight: 500; font-family: "微软雅黑"; font-size: 16px }
.nav ul{text-align: center;font-size: 0;}
.nav ul .nLi{display: inline-block;*display: inline;*zoom: 1;position: relative;z-index: 3;width:9.8%;}
.nav ul .nLi h3:hover{}
.nav ul .nLi h3 a{display: block;height: 55px;line-height: 55px;font-size: 16px;color: #00a3ac;font-weight: normal;position: relative;}
.nav ul .nLi .navSub{width: 100%;position: absolute;left: 0;top:55px;background: #00a3ac;display: none;padding:0px 0;box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);}
.nav ul .nLi .navSub ul li a{display: block;font-size: 14px;color: rgba(255,255,255,.85);line-height: 28px;padding: 5px 0;}
.nav ul .nLi.cur h3 a{color:#fff;border-bottom: 0px solid #a600dd;background-color: #ff6600}
.nav ul .nLi .navSub ul li a:hover{background: rgba(255,255,255,.3);}
.nav ul .nLi.cur h3{}

._tit{top:130px;padding-left:30px;position: absolute;font-size: 250%;font-weight: 600;color: rgba(255,255,255,1);}
._tit2{top:180px;padding-left:30px;position: absolute;font-size: 160%;font-weight: 500;color: rgba(255,255,255,1);font-family: 'Times New Roman'}

/*list*/
._bgcontent{background-color:#fff;margin-top:-60px;position: relative;z-index: 3;min-height: 600px;padding:10px 30px;border-radius: 5px}
._cur{font-size: 13px;color:#999;line-height: 50px;border-bottom: 1px solid #efefef;}
._cur a{color: #999}
._title{margin:5px 0px 0px;color: #00a3ac;}
._title h3{font-size: 28px;color: #00a3ac;padding:0px 0px 20px;font-family: "Times New Roman";font-weight: 600;}
._main{padding:20px 0;line-height: 30px;}
._main p{margin-bottom:15px;}
._istop{color: #00a3ac}

._list li{position: relative;}
._list li::before { content: ''; background: #ff6600; transition: all .8s; position: absolute; bottom: 0px; left: 0; height: 1px; width: 0;}
._list li:hover::before { width: 100%;}
._list li:hover {border-bottom: 1px solid transparent;}

.downfile .downs{color:#00a3ac}

/*footer*/
._footer{background-color: rgba(0,163,172,1);padding:30px;}
._foottext{color: rgba(255,255,255,.8);font-size: 13px;}
._footqrcode{position: absolute;right:0;top:10px;}
._footqrcode img{max-width:150px}
._footqrcode2{position: absolute;right:170px;top:10px;}
._footqrcode2 img{max-width:150px}
