@charset "utf-8";
/* CSS Document */



body{ font-size:16px; color:#666; background:#fff; font-family: 'Arial',"微软雅黑";  line-height: 1.8em;}

a { color:inherit; font-size:inherit; text-decoration:none; }

a:hover { text-decoration:none;}



/***************index css********************/
/* .top{width: 100%; height:45px ;background: #1fa3c7;}
.top .txt{width: 1210px; margin: 0 auto;}
.top ul{float: right; height: 45px;}
.top ul li{float: left; margin-left: 20px; background: url(../images/email_ico.jpg) no-repeat left center; padding-left: 38px; color: #fff; line-height: 45px;}
.top ul li:first-child{background: url(../images/tel_ico.jpg) no-repeat left center; padding-left: 22px;}

.logo{ width:290px; height:100px; margin: 0 auto;}
.logo img{width: 100%;} */


.top{width: 100%; height: 100px; position: absolute; z-index: 9999; left: 0; top: 0;}
.topf{position: fixed; background: #fff; box-shadow: 0 10px 10px rgba(0,0,0,0.2);}
.top .logo{ position: absolute; z-index:99; left:60px; top:26px;}
#nav{ height:40px; margin: 0 auto; float: right; padding-top: 30px;}
#nav ul li { height: 40px; float: left; margin-left: 18px; margin-right: 60px;}
#nav ul li a{display: block; height: 40px; line-height: 40px; color: #fff; font-size: 18px;  text-transform: uppercase;}
#nav ul li a:hover{background: url("../images/h_bg.jpg") no-repeat center bottom;}
.topf #nav ul li a{ color: #222;}
.topf #nav ul li a:hover{background: url("../images/h_bg2.png") no-repeat center bottom;}


.flash{ width:100%; height:auto; margin:0 auto; position: relative;}
.flash img{display: block; width: 100%;}
.flash .box{width: 100%; position: absolute; z-index: 99; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.flash .box img{width: auto;}
.flash .box .an{width: 520px; height: 50px; display: flex; justify-content: space-between; overflow:visible; margin-top: 20px;}
.flash .box .an .btn{width: 208px; height: 50px; background: #fff; border-radius: 25px; display: block; text-align: center; line-height: 50px; color: #1c1c1f; font-size: 17px; box-shadow: 0 0 8px rgba(255,255,255,0.2);}




/******************************** index *********************************/
.service{width: 100%; max-width:1900px; margin:0 auto; height: 953px; display: flex; justify-content:space-between;}
.service .left{width: calc(100% - 1195px); height:auto; margin-left: 65px;}
.service .left ul{width: 100%; height:auto; display: flex; flex-direction: column;}
.service .left ul li{ width: 100%; margin-top:85px; padding-left: 85px; box-sizing: border-box; height: 106px; cursor: pointer;}
.service .left ul li span{ color: #eeeeed;-webkit-text-stroke: 2px #272727; display: block; height: 76px; line-height: 76px;  font-size: 73px;-webkit-text-stroke: 2px #a2a2a2; font-weight: bold; font-family: "dengxianB"; font-weight:bold  }
.service .left ul li em{display: block; height: 30px;  font-size: 18px; line-height: 30px; padding-top:10px;color: #272727; font-weight:bold}
.service .left ul li.cur{background: url("../images/sjx_h.png") no-repeat left center;}
.service .left ul li.cur span{color: #000000; -webkit-text-stroke:2px #000000; }
.service .left ul li.cur em{color: #000000;}
.service .left .an{ padding-top: 30px; padding-left: 85px;}
.service .left .an .btn{width: 140px; height: 32px; text-align: center; line-height: 32px; border: 2px solid #a2a2a2; border-radius: 16px; font-size: 15px; color: #7a7a7a; display: block; float: left; margin-right: 35px; font-weight:bold}
.service .right{width: 1130px; height: auto; float: right;}
.service .right .nr{display: none; }
.service .right .tu{background: url("../images/service-bg.png") no-repeat 100% 100%; width: 1130px; height: 630px;}
.service .right .tu img{display: block; width: 966px; height: 455px; padding-left: 98px; padding-top: 100px;}
.service .right .box{width: 966px; margin-left: 98px; height:auto; padding-top:30px; background: url("../images/sjx_x.png") no-repeat left top; color: #494949; font-size: 18px; line-height: 2em;}

.about{width: 100%; height: auto; background: url("../images/about-bg.jpg") no-repeat center; background-size: cover;}
.about .bg{ width: 94%; max-width: 1660px; margin: 120px auto;}
.about .bg .tu{width: 677px; height: auto; float: left;}
.about .bg .tu img{display: block; width: 100%;}
.about .bg .right{width: calc(100% - 800px); height:auto; float: right;}
.about .bg .right .txt{color: #fff; font-size: 28px; line-height: 57px;}
.about .bg .right .btn{width: 208px; margin-top: 25px; height: 50px; background: #fff; border-radius: 25px; display: block; text-align: center; line-height: 50px; color: #1c1c1f; font-size: 17px; box-shadow: 0 0 8px rgba(255,255,255,0.2); font-weight:bold}


.hzhb{width: 1210px; height: auto; margin: 60px auto;}
.hzhb .title{width: 100%; height: auto; color: #272727;}
.hzhb .title span{ display: block; text-align: center; line-height: 70px; color: #272727; font-size:50px}
.hzhb .title em{ display: block; text-align: center; line-height: 26px; line-height: 36px; padding-top: 8px;}
.hzhb .txt{width: 880px; margin: 0 auto; margin-top: 40px;}
.hzhb .txt ul li{float: left; width: 160px; height: 65px; margin-left: 30px; margin-right: 30px; margin-bottom: 50px;}
.hzhb .txt ul li img{width: 160px; height: 65px; display: block;}

.join{width: 100%; height: 660px;background: url("../images/join-tu.jpg") no-repeat center top;}
.join .btn{width: 358px; height: 156px; margin: 0 auto; display: block; margin-top: 300px;}

/****************************** ny *************************************/
.tiktok{width: 100%; height: auto;}
.tiktok .mjdyy{ width: 1210px; height: auto; margin: 45px auto;}
.tiktok .mjdyy .tu{float: left; margin-left: 38px;}
.tiktok .mjdyy .right{float: right; width: 606px; height: auto;}
.tiktok .mjdyy .right .title{width: 100%; height: 36px; color: #494949; font-size: 32px;}
.tiktok .mjdyy .right .ico{width: 19px; height: 16px; background: url("../images/sjx_x.png") no-repeat; margin-top: 25px;}
.tiktok .mjdyy .right .txt{width: 100%; color: #6d6d6d; font-size: 24px; line-height: 43px;}
.tiktok .mjdyy .right .memo{width: 100%; margin-top: 140px; line-height: 24px; color: #969696; font-size: 14px; text-transform: uppercase;}

.tiktok .ppfdyy{width: 100%; height: auto; background: #f7f7f7;}
.tiktok .ppfdyy .bg{ width: 1210px; height: auto; margin: 45px auto; margin-top: 18px;}
.tiktok .ppfdyy .tu{float: right; margin-right: 125px;}
.tiktok .ppfdyy .right{float: right; width: 606px; height: auto; margin-top: 20px;}
.tiktok .ppfdyy .right .title{width: 100%; height: 36px; color: #494949; font-size: 32px; font-weight:bold}
.tiktok .ppfdyy .right .ico{width: 19px; height: 16px; background: url("../images/sjx_x.png") no-repeat; margin-top: 25px;}
.tiktok .ppfdyy .right .txt{width: 100%; color: #6d6d6d; font-size: 24px; line-height: 40px;}
.tiktok .ppfdyy .right .memo{width: 100%; margin-top: 140px; line-height: 24px; color: #969696; font-size: 14px; text-transform: uppercase;}

.tiktok .cjdyy{ background: url("../images/di_xian.png") no-repeat bottom center; padding-bottom: 80px;}
.tiktok .cjdyy .bg{width: 1210px; height: auto; margin: 0 auto; margin-top: 80px; margin-bottom: 100px;}
.tiktok .mjdyy .right .title{width: 100%; height: 36px; color: #494949; font-size: 32px; font-weight:bold}
.tiktok .cjdyy .bg .title{width: 100%; height: 36px; color: #494949; font-size: 32px; text-align: center; font-weight:bold}
.tiktok .cjdyy .bg .ico{width: 19px; height: 16px; background: url("../images/sjx_x.png") no-repeat; margin-top: 25px;}
.tiktok .cjdyy .bg .txt{width: 100%;color: #6d6d6d; font-size: 22px; line-height: 32px;}
.tiktok .cjdyy .bg .tu{width: 100%; margin-top: 65px;}
.tiktok .cjdyy .bg .tu img{display:block; width: 100%;}

.tiktok .ycsp{ width: 100%; height:auto; background: url("../images/ycsp_bg.jpg") no-repeat center; background-size: cover; color: #fff; margin-top: 60px;}
.tiktok .ycsp .bg{width: 1210px; height: auto; margin: 60px auto;}
.tiktok .ycsp .title{width: 100%; text-align: center;}
.tiktok .ycsp .title span{color: #fff; line-height: 58px; font-size: 40px; display: block;}
.tiktok .ycsp .title em{color: #fff; line-height: 58px; font-size: 24px; line-height: 28px; text-transform: uppercase; display: block;}
.tiktok .ycsp .txt{width: 100%; text-align: center; padding-top: 30px; line-height: 46px; font-size: 24px;}


.netred{width: 100%; height: auto;}
.netred .ppdy{width: 100%; height: auto; background: url("../images/main_bg.jpg");}
.netred .ppdy .bg{width: 1210px; height: auto; margin: 50px auto; margin-bottom: 150px;}
.netred .ppdy .title{width: 100%; text-align: center; color: #5e5d5d;}
.netred .ppdy .title span{display: block; line-height: 60px;font-size: 40px; font-weight:bold}
.netred .ppdy .title em{display: block; line-height: 60px; font-size: 18px; text-transform: uppercase;}
.netred .ppdy .txt{width: 100%;}
.netred .ppdy .txt dl{float: left; width: 33.3%; text-align: center; margin-top: 150px;}
.netred .ppdy .txt dl dt{width: 132px; height: 132px; margin: 0 auto;}
.netred .ppdy .txt dl dt img{display: block; width: 100%;}
.netred .ppdy .txt dl dd{width: 100%; text-align: center; line-height: 50px; padding-top: 40px; font-size: 25px; color: #5e5d5d; font-weight:bold}

.netred .sjfx{width: 100%; height: auto; background: url("../images/sjfx_bg.jpg") no-repeat center top; background-size: 1920px 756px; margin-bottom: 20px;}
.netred .sjfx .bg{width: 1570px; margin: 0 auto; margin-top: 30px; margin-bottom: 100px;}
.netred .sjfx .bg .title{width: 100%; text-align: center; color: #fff;}
.netred .sjfx .bg .title span{display: block; line-height: 60px;font-size: 40px; font-weight:bold}
.netred .sjfx .bg .title em{display: block; line-height: 60px; font-size: 18px; text-transform: uppercase;}
.netred .sjfx .bg .txt{width: 100%; margin-top: 30px;}
.netred .sjfx .di{width: 98%; max-width: 1650px; margin: 0 auto; margin-top: 50px;}
.netred .sjfx .di img{width: 100%;}

.dlyy{width: 100%; height: auto; min-width: 1200px; margin: 0 auto;}
.dlyy .why{width: 94%; max-width: 1600px; margin: 0 auto; margin-top: 60px;}
.dlyy .why .title{width: 100%; text-align: center; line-height: 70px; color: #222; font-size: 42px; font-weight:bold}
.dlyy .why .txt{width: 100%; height: auto; margin: 0 auto; margin-top: 25px; line-height: 50px; font-size: 24px;}
.dlyy .side1{width: 94%; max-width: 1600px; margin: 0 auto; margin-top: 60px;background: url("../images/sjx_x.png") no-repeat center top; padding-top: 70px;}
.dlyy .side1 dl{width: 100%; height: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.dlyy .side1 dl dt{width: 48%; height: auto; float:right;}
.dlyy .side1 dl dt img{width: 100%; display: block;}
.dlyy .side1 dl dd{width: 48%; display: block; float: left;}
.dlyy .side1 dl dd .name{line-height: 46px; font-size: 30px; color: #222; font-weight:bold}
.dlyy .side1 dl dd .memo{line-height: 42px; padding-top: 8px; font-size: 24px;}
.dlyy .side2 dl dt{float: left;}
.dlyy .side2 dl dd{float: right;}

.dlyy .side3{width: 100%; height:auto; background: url("../images/dlyy_bg.jpg") no-repeat center; background-size: cover; margin-top: 120px;}
.dlyy .side3 .bg{width: 94%; max-width: 1600px; margin: 25px auto;}
.dlyy .side3 .bg dl{width: 100%; height: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.dlyy .side3 .bg dl dt{width: 48%; height: auto; float:right;}
.dlyy .side3 .bg dl dt img{width: 100%; display: block;}
.dlyy .side3 .bg dl dd{width: 48%; display: block; float: left;}
.dlyy .side3 .bg dl dd .name{line-height: 46px; font-size: 40px; color: #fff; border-bottom: 5px solid #fff; display: inline;}
.dlyy .side3 .bg dl dd .memo{line-height: 45px; padding-top: 20px; font-size: 24px; color: #fff; clear: both;}

.contact{width: 1500px; margin: 70px auto; background: url("../images/di_xian.png") no-repeat bottom center; background-size: 100%; padding-bottom: 80px;}
.contact .left{width: 520px; float: left;}
.contact .left .title{height: 132px; border-bottom: 1px solid #bfbfbf; width: 368px;}
.contact .left .title span{display: block; line-height: 54px; color: #272727; font-size: 42px; font-weight:bold}
.contact .left .title em{display: block; line-height: 32px; color: #727272; font-size: 28px;}
.contact .left .txt{margin-top: 28px;}
.contact .left .txt dl{margin-bottom: 22px; display: block; width: 100%; clear: both; height: auto; display: flex; justify-content: space-between;}
.contact .left .txt dl dt{width: 43px; float: left;}
.contact .left .txt dl dt img{display: block; width: 100%;}
.contact .left .txt dl dd{width: calc(100% - 56px); line-height: 42px; font-size: 24px; float:right;}
.contact .left .ewm{margin-top: 100px; clear: both;}

.contact .map{float: right;}
.contact .map div{ overflow: inherit;}
.contact .map img{display: block; width: 100%;}


.dym{width: 94%; max-width: 1600px; margin: 60px auto; min-width:1200px}
.dym .title{width: 100%; text-align: center; line-height: 70px; color: #222; font-size: 42px;}
.dym .txt{width: 100%; height: auto; margin: 0 auto; margin-top: 35px; line-height: 30px; font-size: 20px;}


.maskbg{width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; z-index:9999; left:0; top:0; display:none}
.mask{ width:950px; height:463px; background:#fff; position:absolute; z-index:9999; left:50%; margin-left:-419px; top:50%; margin-top:-231px}
.mask .close{ position:absolute; z-index:99; right:10px; top:10px; cursor:pointer; width:48px; height:52px; background:url("../images/btn_close.png") no-repeat}
.mask .title{ width:100%; text-align:center; color:#000000; height:auto; padding-top:25px}
.mask .title span{ font-size:36px; line-height:60px; display:block; font-weight: bold}
.mask .title em{ font-size:26px; line-height:36px; display:block}
.mask .box{ width:950px; height:auto; margin:0 auto; margin-top:45px}
.mask .box .left{ width:370px; height:auto; float:left; margin-left:50px}
.mask .box .left ul li{ overflow:hidden; margin-bottom:40px}
.mask .box .left ul li .name{float:left; width:108px; line-height:50px; font-size:20px;  color:#000000;font-weight: bold}
.mask .box .left ul li .inp{ box-sizing:border-box; float:left; margin-left:0; height:50px; border:1px solid #333; line-height:30px; padding:9px; width:262px; font-size:20px;}
.mask .box .left ul li .btn{ box-sizing:border-box; float:left; border:none; margin-left:0; height:50px; background:#940006; line-height:50px; width:370px; text-align:center; font-size:20px; color:#ffffff}
.mask .box .right{ width:460px; height:auto; float:right; margin-right:30px; display: flex; justify-content:space-around;}
.mask .box .right .lxbox{width:220px;}
.mask .box .right img{ width:182px; display:block; margin:0 auto}
.mask .box .right .name{ text-align:center; line-height:50px; font-size:18px; color:#000000; padding-top:10px;font-weight: bold}

.newsn{ width:94%; max-width:1200px; margin:0 auto}
.newsn dl.newsdl{ width:100%; height:200px; overflow:hidden; margin-bottom:20px; border-bottom:1px dashed #ccc}
.newsn dl.newsdl dt{ width:180px; height:180px; float:left}
.newsn dl.newsdl dt img{ display:block; width:180px; height:180px;}
.newsn dl.newsdl dd{ float:right; width:calc(100% - 210px); height:auto}
.newsn dl.newsdl dd .name{ line-height:32px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:18px; font-weight:bold;padding-top:5px}
.newsn dl.newsdl dd .memo{ font-size:14px; height:96px; line-height:24px; padding-top:5px}