@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#898989;line-height:1; background:#FFF;min-width: 1200px;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.bjbox{background: url(../images/bj.png) no-repeat center center;background-size: cover;width: 100%; height: 100vh;position: relative;}
.nrbox{position: absolute; width: 1100px;left:50%; top:50%; transform:translate(-50%,-50%);}
.nr_left{float: left;width: 556px;position: relative; overflow: hidden; padding-top: 40px;}
.nr_left img{width: 100%;}
.nr_left .swiper-wrapper{padding-bottom: 35px;}
.nr_left .swiper-pagination-bullet{width: 13px;height: 13px; opacity: 1;background: #787879;}
.nr_left .swiper-pagination-bullet-active{background: #b7b7b7;}
.nr_right{float: right;position: relative;}
.logo{position: relative; text-align: center;}
.nr_right h2{position: absolute; width: 100%; left: 0;top: 120px; color: #f7c86c;font-size: 24px;text-align: center;}
.nr_right p{font-size: 15px; position: absolute; left: 0; text-align: center; color: #b7b7b7;top: 169px;width: 100%;} 
.nr_right{width: 388px;float: right;}
.nr_right ul{padding-top: 22px;}
.nr_right li{margin-bottom: 11px;position: relative;}
.nr_right a{display: block; position: relative;height: 64px;}
.nr_right ul li img{position: absolute; width: 100%; top: 0;left: 0;}
.c1{opacity: 1;}
.c2{opacity: 0;}
.nr_right a:hover .c1{opacity: 0;}
.nr_right a:hover .c2{opacity: 1;}
.csnr{background: url(../images/a_01.png); width: 501px;height: 310px; position: absolute;top: -305px; left: 50%;transform: translateX(-50%);padding: 30px 30px 0 30px;display: none;}
.csnr dt{overflow: hidden; padding-bottom: 13px;}
.csnr dt a{display: block; width: 106px; line-height: 37px;text-align: center; float: right; font-size:14px; color: #92531d; font-weight: bold; background-image: linear-gradient(#faf6ac, #d3b860,#faf6ac);height: 37px;}
.csnr dt span{float: left; line-height: 35px;height: 37px;text-align: center; border: 1px solid #6d6c6d;background: #37383d;font-size: 16px; font-weight: bold; color: #edcb6b;width: 310px;}
.csbtn:hover .csnr{display: block;}

.gbtc{position: absolute; background: url(../images/a_02.png); width: 143px;height: 193px; top: -190px;left: 50%;transform: translateX(-50%);display: none;}
.gbtc dl{padding-top: 13px;}
.gbtc dt a{display: block; line-height: 38px; height: 39px; font-size: 14px; color: #edcb6b; padding-left: 44px;}
.jstc:hover .gbtc{display: block;}
.gbtc dt a:hover{color: #fff;}