*{padding:0px; margin:0px;}
ul,li{list-style:none;}
h1,h2,h3,h4{font-size:12px; font-weight:normal;}
a:link {color:#333;text-decoration: none;}
a:visited {text-decoration: none;color: #333;}
a:hover {text-decoration:none;color: #f4d420;}
a:active {text-decoration: none;color: #f4d420;}
img{border:0px;}
body{font-family:Arial,'RobotoLight'; font-size:12px; background:#fff; color:#333;}
.doClear::after{content:'';display:table; clear:both;width:0px;height:0px;line-height:0px;overflow:hidden;float:none;}
@font-face {
    font-family:'RobotoLight';
    src: url('fonts/roboto-light.eot');
    src: url('fonts/roboto-light.woff') format('woff'), url('fonts/roboto-light.ttf') format('truetype'), url('fonts/roboto-light.svg') format('svg');
    font-weight: normal;font-style: normal;
}

@font-face {
    font-family: "iconfont";
    src: url('iconfont/iconfont.woff2?t=1751606966') format('woff2'), url('iconfont/iconfont.woff?t=1751606966') format('woff'), url('iconfont/iconfont.ttf?t=1751606966') format('truetype');
}

.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.icon-search:before{content: "\e600";}
.icon-arrowright:before{content: "\e60c";}
.icon-arrowdown:before{ content: "\e615";}
.icon-arrowleft:before{content: "\e626";}
.icon-arrowright:before{content: "\e69e";}
.icon-close:before{content: "\e62e";}

.arrow{width: 50px;height:50px;background-color: #000;border-radius: 50%;position: relative;}
.arrow::after{content: '';width: 48px;height: 48px;background-color: #fff;border-radius: 50%;position: absolute;left: 1px;top: 1px;}

.left{float:left;} .right{float:right;}
.fLeft{float:left;} .fCenter{float:left;} .fRight{float:left;}

#main .my-custom-skin{border-radius:15px;}
/***/
#pager{width:100%; position: relative; margin:0px auto;max-width:2700px;min-width:1520px; background:#000;}
.noTop{height:50px;}
#toper{width:100%;height:50px;background:#000;color:#fff;position:fixed;z-index:999;left:0;top:0;}

#toper .tNav{width:1000px;height:50px;margin:0px auto;}
#toper .tLeft{width:430px;float:left;padding-top:16px;}
#toper .tCenter{width:140px;float:left;padding-top:2px;height:35px; text-align:center;}
#toper .tCenter img{width:140px;}
#toper .tRight{width:430px;float:left;position:relative;height:50px;}
#toper .tRight .iSearch{position:absolute;right:10px;top:7px; width:220px; height:28px;border:0;border-bottom:1px solid #fff;outline:none;font-size:14px;color:#ccc; background:#161616;}
#toper .tRight .bSearch{position:absolute;right:15px;top:6px;width:30px; height:30px;border:0;background:none;}
#toper .icon-search::before{color:#fff;font-size:22px;display:inline-block; height:24px;line-height:24px; cursor:pointer;}

.myMenu{width:130px;cursor:pointer;}
.menuLine {width:28px; height:21px; position:relative;float:left;}
.menuLine::before {top:0;}
.menuLine::after {bottom: 0;}
.menuLine::before, .menuLine::after {box-sizing: border-box;content: ''}
.menuText{width:100px;float:left;text-align:center;font-size:14px;height:21px;line-height:21px;font-weight:bold;}
.menuLine::before, .menuLine::after,.menuLine span {position: absolute;width: 100%;height: 2px;background:#fff;left: 0;}
.menuLine span {top: 50%;margin-top: -1px;}

.menuLayer{position:fixed;width:100%;top:46px;z-index:88;color:#fff;}
.menuLayer a{color:#ccc;font-size:18px;}
.menuLayer a:hover{color:#fff;}
.tMenuItems{width:1100px; margin:0px auto;background:#000; border-radius:5px; height:0px; box-sizing:border-box; padding-top:0px;overflow:hidden;}
.tMenuItems h2{font-size:24px; color:#fff;font-weight:bold; height:48px;line-height:42px;}
.tMenuItems h2 a{font-size:24px;color:#fff;}
.tMenuItems .menuItem{float:left;padding:0px 50px 0 52px;}
.tMenuItems li{height:28px;line-height:28px;}

.mainBox {width: 1280px;margin: 0px auto;position: relative;}
#mainNav {position:absolute; left:0;top:0;z-index: 10;padding-top:30px;width:100%;}
#mainNav .logo {float: left;width: 280px;}
#mainNav .nav {float: left;width: 740px;}
#mainNav .change {float: left;width: 260px;text-align: right;}
#mainNav a {display: inline-block;color: #fff;height: 50px;line-height: 50px;font-size: 16px;font-weight: bold;}
.nav a {margin-right: 28px;}
.change a {margin-left: 20px;}


/*header*/
#header{position: relative; z-index:1; }

.headerBody {position:relative;padding-top:50px; height:950px;}
.headerBody .bannerText{width:860px; height:180px;overflow:hidden; letter-spacing:5px; color:#fff; font-weight:bold; text-align:right; position: absolute; right:0px; top:300px;}
.bannerText h2{font-size:82px;line-height:150%;}
.bannerText h3{font-size:37px;line-height:150%;}

/*footer*/
#footer{background:#000; color:#fff;padding-top:95px;z-index:10;position:relative;}
#footer a{font-size:16px; color:#bfc0c0;}
#footer a:hover{color:#fff;}

.fBody{height:400px; font-size:14px;width:80%; margin:0px auto;}

.fBody .fbLeft{width:32%;float:left;}
.copy{font-size:20px;font-weight:bold; margin-top:130px;}

.fBody .fbRight{width:68%;float:left;}


.fbrItems{width:100%; height:200px;}
.fbrItem{float:right;border-right:1px solid #6a6a6b; height:140px;box-sizing:border-box;padding:0px 40px;}
.fbrItems .last{border-right:0px;padding-right:0px;}
.fbrItem h3{font-size:20px; font-weight:bold; margin-bottom:20px;}
.fbrItem li{height:32px;line-height:32px; color:#bfc0c0;}

.wxCode{text-align:right;padding-right:60px;}