﻿
@import url("css.css");
body { background:#ffffff; color:#1F2836; font-size:16px; font-family:"Microsoft Yahei","微软雅黑","宋体";}
div,a,b,ul,li,dl,dt,img,p,span,strong,form,video,h1,h2,h3,h4,h5,h6 { margin:0; padding:0; border:0; font-size:16px;}
input,textarea { margin:0; padding:0; font-size:16px; font-family:"宋体",Arial,Helvetica,sans-serif;}
input:focus{ outline:none;}
img { border:none; vertical-align:middle;}
ul li{ list-style-type:none;}
a,a:visited { font-size:16px; color:#000; text-decoration:none;}
a:hover { font-size:16px; color:#d51323; text-decoration:none;}
.clear { clear:both;}
.site_table { display:table; margin:0 0 30px 0; width:100%; background:#FFFFFF; border:1px #CCCCCC solid; border-collapse:collapse; border-spacing:0;}
.site_table th { display:table-cell; vertical-align:inherit; background:#F0F0F0; border-top:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid; padding:8px 5px; text-align:center; font-size:16px; font-weight:bold; line-height:24px; color:#000;}
.site_table td { display:table-cell; vertical-align:inherit; border-right:1px #CCCCCC solid; border-top:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid; line-height:20px; padding:8px 5px; text-align:center; font-size:16px; color:#000;}
.site_table td a,.a_table td a:hover,.a_table td a:visited { font-size:16px; color:#d51323;}

/* navigation */
.index_header { margin:0 auto; width:100%; background-color:#000;}
.index_header_box { position:relative; margin:0 auto; width:1160px; height:123px; overflow:hidden;}
.index_header_box .logo { float:left; margin:15px 0; width:126px; height:90px; background:url(../image/logo-fff.png) left center no-repeat; background-size:auto 100%;}
.index_header_box ul { float:left; margin:0 0 0 89px; width:945px; height:123px; }
.index_header_box ul li { float:left; width:14.2%; height:123px; line-height:110px; text-align:center;}
.index_header_box ul li a { position:relative; display:block; width:100%; height:123px; font-size:18px; font-weight:bold; color:#fff;}
.index_header_box ul li:hover a:after,.index_class_on a:after { position:absolute; content:''; display:inline-block; bottom:41px; left:50%; margin-left:-7.5px; width:15px; height:6px; border-radius:3px; background:#d51323;}
.index_header .tel { display:none;}

/* foot */
.index_footer { margin:0 auto; width:100%; height:68px; background-color:#000; color:#fff; text-align:center;}
.index_footer p { margin:0 auto; width:1160px; line-height:68px;}
.index_footer p a { color:#fff;}
.index_links { margin:10px auto; width:98%; line-height:20px; font-size:14px; color:#666;}
.index_links a { font-size:14px; color:#666;}

/* kefu */
.baidu_V_box { position:fixed; top:186px; right:0; z-index:99999; box-shadow:0 0 20px 0 rgb(0 0 0 / 50%);}
.baidu_V_min { display:none; width:60px; height:118px; background:url(../image/ico_kefu.jpg) no-repeat; cursor:pointer;}
.baidu_V { width:168px; height:225px; background-color:#fff; border-top:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #000; overflow:hidden;}
.baidu_V_head { height:20px; background:url(../image/ico_box_close.png) top left no-repeat; cursor:pointer;}

/* index page */
.banner_slider { width:100%;height:600px;overflow:hidden;position:relative; background:#fff;}
.banner_warp { width:1470px; height:600px; position:absolute;}
.banner_warp .banner_box { width:1470px; height:600px;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; text-align:center;}
.banner_warp img { margin:0 auto; width:1470px;height:600px;border:none;}
.banner_nouse { width:100%;position:absolute;right:15px;bottom:30px;}
.banner_point { width:140px;margin:0 auto;cursor:pointer;}
.banner_point > div { width:15px; height:15px; background-color:#000; margin-left:20px; float:left; border-radius:7.5px;}
.banner_point > div:first-child { margin-left:0;}
.banner_slider .banner_point .on { background-color:#c00; width:15px; height:15px;}

.box-title { margin:10px auto; width:100%; text-align:center; font-size:40px; line-height:60px; font-weight:500;}

.index_service { margin:0 auto; width:1160px;}
.index_service ul { margin:60px auto; display:block; width:100%;}
.index_service ul li { position:relative; float:left; margin-right:29px; width:268px; height:268px; border-radius:3px; text-align:center; overflow:hidden; transition:transform .5s ease; box-sizing:border-box; -webkit-box-shadow:0 0 15px #7f7f7f; -moz-box-shadow:0 0 15px #7f7f7f; box-shadow:0 0 15px #7f7f7f;}
.index_service ul li:nth-child(4n) { margin-right:0;}
.index_service ul li:hover { -webkit-box-shadow:0 0 10px #666; -moz-box-shadow:0 0 10px #666; box-shadow:0 0 10px #666; transform:translateY(-5px);}
.index_service ul li div { position:absolute; top:0; left:0; width:268px; height:268px; opacity:0.7; background-color:#000; }
.index_service ul li:hover div { background-color:#d51323; opacity:0.9;}
.index_service_hdch { background:url(../image/bg_huodongcehua.png) center no-repeat; background-size:auto 100%;}
.index_service_hyzx { background:url(../image/bg_huiyizhixing.jpg) center no-repeat; background-size:auto 100%;}
.index_service_sjsj { background:url(../image/bg_shijuesheji.png) center no-repeat; background-size:auto 100%;}
.index_service_yyzy { background:url(../image/bg_yanyiziyuan.jpg) center no-repeat; background-size:auto 100%;}
.index_service ul li img { margin:30px auto 15px auto; width:100px;}
.index_service ul li h3 { margin:0 auto; font-size:20px; line-height:38px; color:#fff; }
.index_service ul li p { line-height:26px; padding:0 20px; text-align:left; text-indent:30px; color:#fff; }

.index_anli { margin:0 auto; width:1160px;}
.index_anli_list { margin:15px auto; width:100%;}
.index_anli_list li { position:relative; float:left; margin:26px 25.5px 0 0; width:369px; height:310px; background-color:#fff; transition:transform .5s ease; box-sizing:border-box; text-align:center; overflow:hidden; -webkit-box-shadow:0 0 10px #ddd; -moz-box-shadow:0 0 10px #ddd; box-shadow:0 0 10px #ddd;}
.index_anli_list li:hover { -webkit-box-shadow:0 0 10px #666; -moz-box-shadow:0 0 10px #666; box-shadow:0 0 10px #666; transform:translateY(-5px);}
.index_anli_list li:nth-child(3n) { margin-right:0;}
.index_anli_list li h3 { margin:30px 20px 10px 20px; color:#333333; height:52px; line-height:26px; text-align:left; display:block;}
.index_anli_list li h3 a,.index_anli_list li h3 a:visited { font-weight:normal; font-size:18px;}
.index_anli_list li img { margin:0 auto; width:329px; height:185px;}

.index_news { margin:0 auto; width:1160px;}
.index_news ul { margin-top:20px;}
.index_news ul li { position:relative; float:left; width:47%; margin-right:6%; line-height:60px;}
.index_news ul li:nth-child(2n) { margin-right:0;}
.index_news ul li:before { position:absolute; left:0; top:26px; content: ''; display:block; width:8px; height:8px; background:#000; }
.index_news ul li a { display:block; float:left; max-width:415px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  padding-left:25px; }
.index_news ul li span { float:right; }

.index_ziyuan { margin:0 auto; width:1160px;}
.index_ziyuan ul { margin:15px auto; width:100%;}
.index_ziyuan ul li { position:relative; float:left; margin:26px 25.5px 0 0; width:369px; height:280px; background-color:#fff; border-radius:3px; transition:transform .5s ease; box-sizing:border-box; text-align:center; overflow:hidden; -webkit-box-shadow:0 0 10px #ddd; -moz-box-shadow:0 0 10px #ddd; box-shadow:0 0 10px #ddd;}
.index_ziyuan ul li:hover { -webkit-box-shadow:0 0 10px #666; -moz-box-shadow:0 0 10px #666; box-shadow:0 0 10px #666; transform:translateY(-5px);}
.index_ziyuan ul li:nth-child(3n) { margin-right:0;}
.index_ziyuan ul li h3 { margin:30px 20px 10px 20px; color:#333333; height:26px; line-height:26px; text-align:left; display:block; overflow:hidden;}
.index_ziyuan ul li h3 a,.index_ziyuan ul li h3 a:visited { font-weight:normal; font-size:18px;}
.index_ziyuan ul li img { margin:0 auto; width:329px; height:185px;}

.wfhy_v { margin:0 auto; background:#fff; width:480px; height:345px; overflow:hidden; box-shadow: 0 1px 0 rgba(44,114,255,.08), 0 6px 12px rgba(44,114,255,.18);}
.wfhy_vbox{ position:relative; width:480px; height:315px; overflow:hidden;}
.wfhy_vbox video { width:100%; height:100%;object-fit:fill;}
.wfhy_vbox a { color:#fff;}
.VideoBtn { position:absolute; left:50%; top:50%; margin-left:-17.5px; margin-top:-17.5px; width:0; height:0; border-left:35px solid #c10000; border-top:35px solid transparent; border-bottom:35px solid transparent; opacity:0.9; cursor: pointer; z-index:1;}
#huiyiVideoTxt { position: absolute; font-size:16px; color:#fff; text-align:center; font-weight:bold; top:0; left:0; background:#000; width:480px; height:30px; border-radius:15px 0 15px 0; line-height:30px; z-index:2;}
.wfhy_vbox_next { display:block; line-height:30px; height:30px; font-size:16px; text-align:center;}

.index_kehu { margin:0 auto; width:1160px;}
.index_kehu ul { margin-top:30px; height:240px; overflow:hidden;}
.index_kehu ul li { float:left; margin:0 20px 20px 0; width:216px; height:100px; transition:transform .5s ease;}
.index_kehu ul li:nth-child(5n) { margin:0 0 20px 0;}
.index_kehu ul li:hover { cursor:pointer; transform:translateY(-5px);}
.index_kehu ul img { width:212px; height:100px;}
.index_kehu p { padding:10px 20px; line-height:28px;}

/* class box */
.site-container { margin:30px auto; width:1160px;}
.site-container-w { width:98%; margin:15px; padding:5px 0 20px 0; line-height:36px; font-size:18px; }
.site-container-w a,.site-container-w a:hover,.site-container-w a:visited { color:#333; font-size:18px;}
.site-container-w p { margin-bottom:20px; font-size:18px;}

.site-title h1 { font-size:32px; font-weight:500; line-height:60px; text-align:center; color:#1F2836;}

.site-sort { margin:25px auto; width:560px;}
.site-sort li { float:left; margin:0 5% 1% 0; width:28%; height:38px;}
.site-sort li a { position:relative; display:block; width:100%; height:100%; line-height:38px; font-size:16px; text-align:center; color:#000; background-color:#fff; transition:all 0.4s ease; -webkit-transition:transition:all 0.4s ease; -moz-transition:transition:all 0.4s ease; -ms-transition:transition:all 0.4s ease; -moz-transition:transition:all 0.4s ease;}
.site-sort li a:before { position:absolute; left:0; top:0; content: ''; display:block; width:8px; height:38px; background-color:#000;}
.site-sort li:hover a { background-color:#c00; color:#fff;}
.site-sort li:hover a:before { background-color:#c00; }

.site_image_list { margin:50px auto 0 auto; width:100%;}
.site_image_list li { float:left; margin-bottom:35px; margin-right:3%; width:22.75%; height:260px; background:#fff; text-align:center; overflow:hidden; transition:transform .5s ease; -webkit-box-shadow:0 0 10px #ddd; -moz-box-shadow:0 0 10px #ddd; box-shadow:0 0 10px #ddd;}
.site_image_list li:nth-child(4n) { margin-right:0;}
.site_image_list li:hover { -webkit-box-shadow:0 0 10px #666; -moz-box-shadow:0 0 10px #666; box-shadow:0 0 10px #666; transform:translateY(-5px);}
.site_image_list .img-x { margin:0 auto; width:100%; height:260px;}
.site_image_list .img-x p { margin-top:5px; padding:0 15px; line-height:24px; height:50px; text-align:left; display:block; text-overflow:ellipsis; overflow:hidden;}
.site_image_list .img-x img { margin:25px auto 10px auto; width:100%; max-height:158px;}
.site_image_list .img-y { margin:0 auto; width:100%; height:260px;}
.site_image_list .img-y p { margin-top:5px; padding:0 15px; line-height:24px; height:50px; text-align:left; display:block; text-overflow:ellipsis; overflow:hidden;}
.site_image_list .img-y img { margin:0 auto; max-width:180px; height:198px;}
.site_image_list .img-z { margin:0 auto; width:100%; height:260px;}
.site_image_list .img-z p { margin-top:5px; padding:0 15px; line-height:24px; height:50px; text-align:left; display:block; text-overflow:ellipsis; overflow:hidden;}
.site_image_list .img-z img { margin:0 auto; width:100%; height:198px;}

.site_title_list { margin:50px auto 0 auto; width:100%;}
.article-related-imgs { width:100%; line-height:30px; margin-bottom:20px; padding-bottom:15px; border-bottom:1px solid #ddd; }
.article-related-imgs img { float:left; width:200px; height:125px; margin:10px 30px 12px 0; background:#f0f0f0;}
.article-related-imgs h3 { width:100%; height:35px; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.article-related-imgs h3 a { font-size:22px;}
.article-related-img { width:100%; line-height:30px; margin-bottom:20px; height:180px; border-bottom:1px solid #ddd;}
.article-related-img img { float:left; width:200px; height:125px; margin:10px 0 8px 0; background:url(../image/logo.png) center no-repeat; background-size:88% auto;}
.article-related-img div { float:left; margin-left:30px; width:930px;}
.article-related-img h3 { width:100%; height:35px; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.article-related-img h3 a { font-size:22px;}

.article-more-title { height:45px; line-height:45px; font-weight:700; font-size:18px;}
.article-more-title em { float:left; margin-top:12px; margin-right:12px; background:#c00; width:5px; height:20px; border-radius:2px;}
.article-more-list { margin:5px auto 0 auto; width:97%;}
.article-more-list li { float:left; margin-right:6%; width:47%; height:45px; line-height:45px; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.article-more-list li:nth-child(2n){ margin-right:0;}

.site-tag-title { height:45px; line-height:45px; font-weight:700; font-size:18px;}
.site-tag-title em { float:left; margin-top:12px; margin-right:12px; background:#c00; width:5px; height:20px; border-radius:2px;}
.site-tag { margin:5px auto 0 auto; width:97%;}
.site-tag li { float:left; margin:5px 5px 5px 0; padding:5px 15px; text-align:center; line-height:22px; height:22px; border:1px solid #ddd; background:#fff; display:inline-block; border-radius:15px;}
.site-tag li:hover { border:1px solid #c00; background:#c00;}
.site-tag li a,.site-tag li a:hover,.site-tag li a:visited { color:#666; }
.site-tag a:hover,.site-tag li:hover a { color:#fff; }

/* article page */
.article-box { margin:30px auto; width:1280px;}
.article-title h1 { line-height:36px; text-align:center; font-size:22px;}
.article-time { margin:10px 5px; height:30px; line-height:30px; text-align:center; color:#999; font-size:14px; overflow:hidden;}
.article-time a,.article-time a:hover,.article-time a:visited { color:#999; font-size:14px;}
.article-detail { padding:5px 0 20px 0; line-height:36px; font-size:18px; }
.detail-box { position:relative; height:140vh; overflow:hidden;}
.detail-box:after { content:''; position:absolute; height:14vh; bottom:0; left:0; right:0; margin:0 auto; background:linear-gradient(rgba(255, 255, 255, 0), #fff) }
.viewall-box { display:flex; flex-direction:row; justify-content:center; align-items:center; padding:20px 0; background-color:#fff; border-bottom:10px solid #fff;}
.viewall { border:1px solid #bc2c09; color:#bc2c09; padding:0 20px; line-height:36px; text-align:center; border-radius:8px; cursor:pointer; font-size:18px;}
.article-detail p { margin-top:20px; font-size:18px;}
.article-detail a,.article-detail a:hover,.article-detail a:visited { color:#E53333; font-size:18px; text-decoration:none; border-bottom:1px solid #E53333;}
.article-detail table { border-left:1px solid #999; border-top:1px solid #999; border-right:none; border-bottom:none; border-collapse:collapse; border-spacing:0;}
.article-detail table td { border-left:none; border-top:none; border-right:1px solid #999; border-bottom:1px solid #999; font-size:18px; color:#333;}
.article-detail table td a { font-size:18px; color:#333;}
.article-pages { margin:50px auto; padding:5px 15px; height:80px; line-height:40px; }
.article-pages a { font-weight:600; font-size:16px;}
.huiyihuodong-kf { width:100%; text-align:center;}
.huiyihuodong-kf img { width:666px;}

.wfhy_page { margin:30px 0; width:100%; clear:both; text-align:center; font-size:16px;}
.wfhy_page span { float:left; margin-right:10px; color:#fff; background-color:#cc0000; border:1px solid #cc0000; padding:6px 12px; font-size:16px;}
.wfhy_page .dieS { background-color:#F0F0F0; border:1px solid #999; padding:6px 12px; color:#999; font-size:16px;}
.wfhy_page a,.wfhy_page a:visited { float:left; margin-right:10px; color:#fff; background-color:#48484c; border:1px solid #2d2d2d; padding:6px 12px; text-decoration:none; font-size:16px;}
.wfhy_page a:hover { color:#fff; background-color:#cc0000; border:1px solid #cc0000; padding:6px 12px; text-decoration:none; font-size:16px;}
.wfhy_page p { float:left; padding:6px 12px; font-size:16px;}

/* 404 page */
.wfhypage-404 { margin:10px auto; width:1000px; overflow:hidden;}
.wfhypage-404 p { display:block; margin:118px auto; height:101px; line-height:101px; background:url(../image/page_404.png) 116px 0 no-repeat; padding-left:330px; font-size:20px; font-weight:600; text-align:center;}
.wfhypage-404 a { display:block; margin:0 auto 88px auto; width:136px; height:40px; background:#0a0b0d; text-align:center; color:#fff; font-size:18px; line-height:40px; border-radius:5px;}