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


body{ font-size:14px; color:#2e2e2e; background:#fff; font-family: 'Arial',"微软雅黑"; line-height:24px;}

a { color:#2e2e2e; font-size:14px; text-decoration:none; }

a:hover { text-decoration:none;}



/***************index css********************/
.top{width: 100%; height:50px; position: absolute; z-index: 999; left: 0; top: 0; }
.top .bg{margin: 0 auto; height: 100%; width: 94%; display: flex; align-items: center; justify-content: space-between;}
/* .topf{position: fixed; background: #fff; box-shadow: 0 10px 10px rgba(0,0,0,0.2);} */
.top .logo{ z-index:99; width: 50%; max-width: 141px;}
.top .logo img{display: block; width: 100%;}

.top .bg .ment{ z-index:99; width:23px; height:18px;  cursor:pointer; background:url("../images/ment-ico.png") no-repeat;}
.top .bg .mentx{ background:url("../images/ment-icox.png") no-repeat}



#nav{ height:40px; margin: 0 auto; float: right;}
#nav ul li { height: 40px; float: left; margin-left: 10px; margin-right: 10px;}
#nav ul li a{display: block; height: 40px; line-height: 40px; color: #fff; font-size: 14px;  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;}


.nav-bgm{width: 100%; height: 100%; position: fixed; z-index: 9999; background: rgba(0,0,0,0.8); left: -100%; top: 0}
.nav-bgm .xx{ width: 23px; height: 18px; position: absolute; z-index: 99; top: 20px; right: 10px;background:url("../images/ment-icox.png") no-repeat center; cursor: pointer}

#navm{ width: calc(100% - 43px); background: #fff; height: 100%; overflow-y: auto; box-sizing: border-box; padding-top: 50px;}
#navm dl{ width:96%; margin:0 auto; overflow:hidden;}
#navm dl dt{ width:100%; overflow:hidden; border-bottom:1px solid #ccc; height:40px; color:#333; text-indent:4px;}
#navm dl dt a{ display:block; width:100%; height:40px; line-height:40px; color:#333; font-size:16px; text-transform:uppercase; text-indent:4px;}
#navm dl dd{width:100%; overflow:hidden; border-bottom:1px solid #ccc; height:auto; border-top:1px solid #ccc; padding-top:8px; padding-bottom:8px; display:none}
#navm dl dd ul.ul1{ display:block}
#navm dl dd ul{ display:block}
#navm dl dd ul li{ width:100%; height:auto; overflow:hidden;}
#navm dl dd ul li a{ width:100%; display:block;  line-height:36px; color:#333; font-size:14px; text-transform:uppercase; text-indent:20px;}
#navm dl dd ul li ul li a{ text-indent:34px; border-bottom:1px dashed #ccc; font-size:14px;}
#navm dl dd ul li ul li ul li a{ text-indent:34px; font-size:14px;}



.flash{ width:100%; height:auto; margin:0 auto;}
.flash div{overflow: visible}
.flash img{width: 100%; display: block}
.flash .swiper-container .swiper-wrapper .swiper-slide{overflow: hidden}

.flashn{ width:100%; height:200px; background-image:url("../images/banner-pro.jpg"); background-position:center; background-repeat:no-repeat; background-size:cover;}

/******************************** index *********************************/

ul.proul li{ width: calc(50% - 10px); height: auto; float: left; margin-left:5px; margin-right: 5px; overflow: hidden; margin-bottom:15px; }
ul.proul li img{display: block; width: 100%; box-sizing: border-box;border: 1px solid #015cb5; border-bottom: none;}
ul.proul li .name{width: 100%; height: 34px; background: #015cb5; text-align: center; line-height: 34px; color: #fff; font-size: 14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}




/****************************** ny *************************************/
.tiktok{width: 100%; height: auto;}
.tiktok .mjdyy{ width: 94%; height: auto; margin: 0 auto; margin-top: 35px; margin-bottom: 12px; display: flex; justify-content: space-between; align-items: center;}
.tiktok .mjdyy .tu{width: 35%; margin-left: 5%;}
.tiktok .tu img{display: block; width: 100%;}
.tiktok .mjdyy .right{ width: 50%; height: auto;}
.tiktok .title{width: 100%; line-height: 30px; color: #494949; font-size: 24px;}
.tiktok .ico{width: 14px; height: 12px; background: url("../images/sjx_x.png") no-repeat; background-size: 14px 12px; margin-top: 8px;}
.tiktok .txt{width: 100%; color: #6d6d6d; font-size: 14px; line-height: 1.8em; padding-top: 8px;}


.tiktok .ppfdyy{width: 100%; height: auto; background: #f7f7f7;}
.tiktok .ppfdyy .bg{ width: 94%; height: auto; margin: 0 auto; margin-top: 35px; margin-bottom: 12px; display: flex; justify-content: space-between; align-items: center;}
.tiktok .ppfdyy .tu{width: 40%; margin-right: 5%;}
.tiktok .ppfdyy .right{width: 50%; height: auto;}



.tiktok .cjdyy{ width: 100%;}
.tiktok .cjdyy .bg{width: 94%; height: auto; margin: 0 auto; margin-top: 40px; margin-bottom: 0;}

.tiktok .cjdyy .bg .title{ text-align: center;}
.tiktok .cjdyy .bg .ico{ margin: 0 auto; margin-top: 15px;}

.tiktok .cjdyy .bg .tu{width: 100%; margin-top: 25px;}
.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; }
.tiktok .ycsp .bg{width: 94%; height: auto; margin: 35px auto;}
.tiktok .ycsp .title{width: 100%; text-align: center;}
.tiktok .ycsp .title span{color: #fff; line-height: 30px; font-size: 22px; display: block;}
.tiktok .ycsp .title em{color: #fff;  font-size: 16px; line-height: 24px; text-transform: uppercase; display: block;}
.tiktok .ycsp .txt{width: 100%; text-align: center; padding-top: 20px; line-height: 1.8em; font-size: 15px; color: #fff;}

.ymx{width: 100%; height: auto;}
.ymx .ymxyy{width: 94%; margin: 30px auto;}
.ymx .ymxyy .title{width: 100%; text-align: center; line-height: 46px; font-size: 36px; color: #000000;}
.ymx .ymxyy .xlico{width: 13px; height: 10px; background: url("../images/ymx-ico1.jpg") no-repeat; background-size: 13px 10px; margin: 0 auto; margin-top: 15px;}
.ymx .ymxyy .txt{width: 100%;}

.ymx .ymxyy .txt dl{width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap:wrap; margin-top: 21px; overflow: hidden;}
.ymx .ymxyy .txt dl dt{width: 100%;}
.ymx .ymxyy .txt dl dt img{display: block;width: 100%;}
.ymx .ymxyy .txt dl dd{width: 100%; padding-top: 10px;}
.ymx .ymxyy .txt dl dd .name{line-height: 22px; font-size: 18px;}
.ymx .ymxyy .txt dl dd .memo{line-height: 24px; font-size: 12px; padding-top: 10px;}

.ymx .ymxandTk{width: 100%; height:auto; background: #231f42;}
.ymx .ymxandTk .bg{width: 94%; max-width: 1600px; margin: 30px auto;}
.ymx .ymxandTk .bg dl{width: 100%; height: auto; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.ymx .ymxandTk .bg dl dt{width: 100%; height: auto; }
.ymx .ymxandTk .bg dl dt img{width: 100%; display: block;}
.ymx .ymxandTk .bg dl dd{width: 100%; display: block; padding-top: 15px;}
.ymx .ymxandTk .bg dl dd .name{line-height: 46px; font-size: 36px; color: #fff; border-bottom: 3px solid #fff; display: inline;}
.ymx .ymxandTk .bg dl dd .memo{line-height: 24px; padding-top: 10px; font-size: 14px; color: #fff; clear: both;}



.contact{width: 100%; margin: 40px auto; }
.contact .bg{width: 94%; margin: 0 auto;}
.contact .bg .title{height:auto;  width: 100%; text-align: center;}
.contact .bg .title span{display: block; line-height: 50px; color: #000; font-size: 42px; font-weight:bold}
.contact .bg .title em{display: block; line-height: 26px; color: #000; font-size: 18px;}
.contact .bg .txt{margin-top: 10px;}
.contact .bg .txt dl{margin-bottom: 22px; display: block; width: 100%; clear: both; height: auto; display: flex; justify-content: space-between; align-items: center;}
.contact .bg .txt dl dt{width: 34px; float: left;}
.contact .bg .txt dl dt img{display: block; width: 100%;}
.contact .bg .txt dl dd{width: calc(100% - 46px); line-height: 28px; font-size: 16px; float:right;}
.contact .bg .ewm{margin-top: 30px; clear: both;}
.contact .bg .ewm img{display: block; width: 100%;}


.maskbg{width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; z-index:9999; left:0; top:0; display: flex; align-items: center; justify-content: center;}
.mask{ width:94%; height:auto; background:#fff; padding-bottom: 15px; position: relative; }
.mask .close{ position:absolute; z-index:99; right:10px; top:10px; cursor:pointer; width:30px; height:32px; background:url("../images/btn_close.png") no-repeat; background-size: 30px 32px;}
.mask .title{ width:100%; text-align:center; color:#000000; height:auto; padding-top:25px;}
.mask .title span{ font-size:20px; line-height:22px; display:block; font-weight: bold}
.mask .title em{ font-size:14px; line-height:16px; display:block}
.mask .box{ width:94%; height:auto; margin:0 auto; margin-top:10px}
.mask .box .left{ width:100%; height:auto;}
.mask .box .left ul li{ overflow:hidden; margin-bottom:5px; display: flex; flex-direction: column;}
.mask .box .left ul li .name{width:100%; line-height:30px; font-size:16px;  color:#000000;font-weight: bold}
.mask .box .left ul li .inp{ box-sizing:border-box;  height:34px; border:1px solid #999; line-height:20px; border-radius: 5px; padding:7px; width:100%; font-size:16px;}
.mask .box .left ul li .btn{ box-sizing:border-box; float:left; border:none; margin-left:0; height:30px; background:#940006; line-height:30px; width:100%; text-align:center; font-size:16px; color:#ffffff}
.mask .box .right{ width:100%; height:auto;  display: flex; justify-content:space-around; margin-top: 10px;}
.mask .box .right .lxbox{width:45%;}
.mask .box .right img{ width:100%; display:block; margin:0 auto}
.mask .box .right .name{ text-align:center; line-height:20px; font-size:16px; color:#000000; padding-top:5px;font-weight: bold}

.about{width: 94%; margin: 0 auto; margin-top: 20px;}
.about .title{width: 100%; display: flex; justify-content: space-between; align-items: flex-end;}
.about .title .bt{width: 40%; max-width: 280px;}
.about .title img{width: 100%;}
.about .title .more{ max-width: 113px; width: 18%;}
.about .txt{width: 100%; margin-top: 20px;}
.about_xian{width: 45%; height: 26px; background: #2c2c2c; margin-top: 25px;}

.fkindex{width: 94%; margin: 0 auto; margin-top: 10px;}
.fkindex .title{line-height: 34px; font-size: 24px; font-weight: bold; padding-top: 10px; color: #000;}
.fkindex .tips{width: 80%; height: 51px; line-height: 51px; background: #fdefef; border-radius: 10px; display: flex; align-items: center; padding-left: 7px; padding-right: 7px; color:#cd0707; font-size: 20px; margin-top: 10px;}
.fkindex .tips .num{width: 41px; height: 41px; display: flex; text-align: center; align-items: center; justify-content: center; line-height: 41px; color: #ffffff; border-radius: 5px; background: #cd0707;}
.fkindex .txt{width: 100%; height: auto; margin-top: 10px;}
.fkindex .txt ul li{ overflow:hidden; margin-bottom:15px; display: flex; flex-direction: column;}
.fkindex .txt ul li .name{width:100%; line-height:30px; font-size:16px;  color:#000000;font-weight: bold}
.fkindex .txt ul li .name b{color: #cd0707;}
.fkindex .txt ul li .inp{ box-sizing:border-box;  height:50px; border:1px solid #f1f0f0; line-height:30px; border-radius: 5px; padding:10px; width:100%; font-size:16px;}
.fkindex .txt ul li .btn{ box-sizing:border-box; border:none; margin-left:0; height:50px; background:#cd0707; line-height:50px; width:100%; text-align:center; border-radius: 50%; font-size:16px; color:#ffffff}

.fkinfo{width: 94%; margin: 0 auto; background: #fdefef; border-radius: 5px; margin-top: 20px;}
.fkinfo .bg{width: 90%; margin: 10px auto;}
.fkinfo .bg .tips{width: 100%; height: 46px; line-height: 46px; display: flex; align-items: center; justify-content: center; padding-left: 7px; padding-right: 7px; font-weight: bold; color:#cd0707; font-size: 20px; margin-top: 10px;}
.fkinfo .bg .tips .num{width:auto; height: 46px; display: flex; text-align: center; align-items: center; justify-content: center; line-height: 46px; color: #ffffff; border-radius: 5px; background: #cd0707;}
.fkinfo .bg .txt{width: 100%; height: 255px; margin-top: 10px;}
.fkinfo .bg .txt ul li{width: 100%; height: 41px; font-weight: bold; line-height: 41px; color: #e43737; overflow: hidden; margin-bottom: 10px; overflow: hidden; display: flex; justify-content: space-between;}
.fkinfo .bg .txt ul li .name{ padding-left: 10px; width: 25%;}
.fkinfo .bg .txt ul li .tel{ width: 40%;}
.fkinfo .bg .txt ul li .time{  width: 25%; margin-right: 10px;}
.fkinfo .bg .txt ul li:hover{background: #fbaaaa; color: #e43737;}

.wmdys{width: 94%; margin: 0 auto; margin-top: 30px;}
.wmdys .title{width: 100%; text-align: center;}
.wmdys .title b{text-align: center; display: block; font-size: 24px; color: #9e0909; line-height: 30px;}
.wmdys .title span{text-align: center; display: block; font-size: 16px; color: #cd0707; line-height: 22px;}
.wmdys .title em{text-align: center; display: block; margin: 0 auto; width: 57px; height: 6px; background: #cd0707; margin-top: 3px; }
.wmdys .txt{width: 100%; height: auto; margin-top: 25px;}
.wmdys .txt ul li{width: 100%; box-sizing: border-box; border: 1px solid #d6d6d6; padding: 10px; overflow: hidden; margin-bottom: 30px;}
.wmdys .txt ul li .name{line-height: 28px; color: #a71b1b; font-size: 16px; font-weight: bold;}
.wmdys .txt ul li .memo{width: 100%; line-height: 24px; padding-top: 5px;}

.faq{width: 100%;}
.faq .title{width: 100%;}
.faq .title img{display: block; width: 100%; display: block;}
.faq .bg{width: 94%; margin: 0 auto; margin-top: 20px;}
.faq .bg ul li{width: 100%; overflow: hidden; display: flex; justify-content: space-between;  margin-bottom: 20px;}
.faq .bg ul li .w{width: 30px; height: 30px; text-align: center; line-height: 30px; background: #b70b0b; font-size: 24px; color: #fff; border-radius: 5px;}
.faq .bg ul li .tel{width: 70px; height: 30px; text-align: center; line-height: 30px; background: #b70b0b; font-size: 16px; color: #fff; border-radius: 5px; margin-top: 40px;}
.faq .bg ul li .txt{width: calc(100% - 120px); position: relative; padding-bottom: 15px;}
.faq .bg ul li .txt .name{ font-weight: bold; font-size:14px; line-height: 22px;}
.faq .bg ul li .txt .memo{  font-size:12px; line-height: 22px; color: #666; padding-top: 5px; height: 44px;}
.faq .bg ul li .txt .more{font-size: 14px; font-weight: bold; background: #fff; padding: 5px; position: absolute; bottom: 0; right: 0; z-index: 3;}
/****************************** ny *************************************/

.listn{height:auto; border-bottom: 1px solid #004478; }
.listn ul li{ float:left; height: 34px; margin-right: 1px; margin-bottom: 3px;}
.listn ul li a{ display:block; width:auto; height:34px; padding-left:15px; padding-right:15px; text-align:center; line-height:34px; color:#5b5b5b; font-size:14px;}
.listn ul li a.dz{ color:#015cb5}

.ny_side{ width:100%; height:auto; margin-top:20px; min-height:300px;}
.ny_side img{ max-width:100%; display:block}


.ny_news_list{ width:100%; margin:5px auto auto;}
.ny_news_list li{ float:left; width:200px; height:120px; margin:auto 25px 45px; display:inline;}
.ny_news_list li a img{ width:200px; height:120px;}
.ny_news_list li a:hover h4{ color:#0088cc; text-decoration:underline;}
.ny_news_list li a span{ color:#999; font-size:12px;}
.ny_news_list li a h4{ color:#666; font-size:14px; line-height:20px}


a.job_a{ display:block; width:100px; height:28px; background:#aaa; text-align:center; line-height:30px; font-size:14px; color:#fff;}
a:hover.job_a{ display:block; width:100px; height:28px; background:#0088cc; text-align:center; line-height:30px; font-size:14px; color:#fff;}

ul.feedback li{ width:100%; overflow:hidden; margin-bottom:10px; margin-top:15px;}
ul.feedback li .name{ width:90px; height:32px; float:left; line-height:32px;}
ul.feedback li .nr{ width:calc(100% - 110px); float:left; }
ul.feedback li .nr .inp{ width:90%; border:1px solid #ccc; height:30px; display:block; background:#fff; line-height:30px; text-indent:10px; font-size:12px; max-width:500px;}
ul.feedback li .nr .tex{ width:90%; border:1px solid #ccc; height:90px; display:block; background:#fff; line-height:30px; text-indent:10px; font-size:12px;max-width:500px;}
ul.feedback li .nr .btn{ width:162px; height:30px; display:block; text-align:center; line-height:30px; background:#024438; border:none; overflow:hidden; color:#fff; }


.newsn{ width:94%; margin:30px auto}
.newsn dl.newsdl{ width:100%; height:100px; overflow:hidden; margin-bottom:10px; border-bottom:1px dashed #ccc}
.newsn dl.newsdl dt{ width:100px; height:100px; float:left}
.newsn dl.newsdl dt img{ display:block; width:100px; height:100px;}
.newsn dl.newsdl dd{ float:right; width:calc(100% - 110px); height:auto}
.newsn dl.newsdl dd .name{ line-height:24px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; font-weight:bold;padding-top:5px}
.newsn dl.newsdl dd .memo{ font-size:12px; height:60px; line-height:20px; padding-top:5px; overflow: hidden;}