﻿/* CSS Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, button{margin: 0;padding: 0;border: 0;}
html{-webkit-text-size-adjust:none;overflow-x:hidden;overflow-y:scroll;overflow:-moz-scrollbars-vertical}
body{font-size:12px;position:relative;*overflow-x:hidden; font-family:"微软雅黑";}
ol, ul, li{ list-style:none;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
a{text-decoration:none;color:#666;} 
a:hover{color:#000;text-decoration:none;} 
.clear{ clear:both}


/* 页头 */ 
.header {width:100%;height:140px; position:relative;-webkit-box-shadow:0px 0px 5px #333;-moz-box-shadow: 0px 0px 5px #333;box-shadow: 0px 0px 5px #333; position: absolute; left:0; top:0; z-index:99;}
.header_logo a{ display:block;width:154px;height:180px; background:url(logo.png) left top no-repeat ; position:absolute; left:50%; margin-left:-77px; top:0; z-index:99; }
.header_top { background:#333; height:40px; color:#aaa; line-height:40px;font-size:14px; position: fixed;
    width: 100%;}
.header_top ul {width:1200px;height:40px; margin:0 auto}
.header_top_fl {  float:right;}
.header_top_fr {font-size:14px; float:left; text-align:left;color:#fff;}
.header_top .ttel {color:#ffffff;padding:0 20px 0 30px; background:url(ttel.png) left center no-repeat; font-size:18px; font-weight: bold;margin-left: 38px;}
.header_top .phone {color:#ffffff;padding:0 50px 0 30px; background:url(ttel.png) left center no-repeat; font-size:18px; font-weight: bold;margin-left: 34px;}



.header .header_content {width:1200px;margin:auto;position:relative;margin-top: 40px;}
.header .header_nav {height:100px;display:block;position:relative; }
.header .header_nav ul.fl { float:left; width:500px;}
.header .header_nav ul.fr { float:right; width:500px;}
.header .header_nav ul.fl li {width:166px;height:100px;background: url(yline1.png) right center no-repeat; float:left;}
.header .header_nav ul.fl li a{width:166px;height:100px; line-height:100px;display:block;text-align: center; font-size:16px;}
.header .header_nav ul.fl li a:hover{color:#0024ba;}
.header .header_nav ul.fl li a.cur {color:#0024ba;}
.header .header_nav ul.fr li {width:166px;height:100px;line-height:100px;background: url(yline1.png) left center no-repeat; float:right;}
.header .header_nav ul.fr li a{width:166px;height:100px;line-height:100px;display:block;text-align:center; font-size:16px;}
.header .header_nav ul.fr li a:hover{color:#0024ba;}
.clear140 {clear:both; height:140px;}


/*广告图*/

/* 轮播图样式 */
 /* 容器样式：限制轮播范围，隐藏溢出内容 */
.banner-container {
    position: relative;
    width: 100%; /* 可根据需求调整宽度，如1200px */
    height: 600px; /* 可根据Banner图比例调整高度 */
    overflow: hidden;
    margin: 0 auto;
}

/* 图片列表：横向排列所有Banner */
.banner-slides {
    position: absolute;
    width: 600%; /* 6张图 → 宽度=6*100% */
    height: 100%;
    display: flex; /* 横向布局 */
    transition: transform 0.5s ease; /* 切换动画，平滑过渡 */
}

/* 单个Banner：占列表1/6宽度 */
.banner-slide {
    width: 16.6667%; /* 100% ÷ 6张图 */
    height: 100%;
}

/* Banner图片：适应容器，避免变形 */
.banner-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 保持图片比例，填充容器（可换为contain） */
}

/* 隐藏复选框（仅用于控制，不显示） */
.banner-container input[type="radio"] {
    display: none;
}

/* 指示器样式：默认状态 */
.banner-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px; /* 指示器间距 */
    z-index: 10; /* 确保在Banner上方显示 */
}

.banner-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%; /* 圆形指示器 */
    background-color: #ccc; /* 未选中颜色 */
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* 选中状态：高亮指示器 */
#banner-1:checked ~ .banner-dots label[for="banner-1"],
#banner-2:checked ~ .banner-dots label[for="banner-2"],
#banner-3:checked ~ .banner-dots label[for="banner-3"] {
    background-color: #eec628; /* 选中颜色（可自定义） */
    transform: scale(1.1); /* 选中时轻微放大，增强视觉反馈 */
}

/* 根据复选框选中状态，切换Banner位置 */
#banner-1:checked ~ .banner-slides {
    transform: translateX(0); /* 第1张图：左移0 */
}
#banner-2:checked ~ .banner-slides {
    transform: translateX(-16.6667%); /* 第2张图：左移1/6 */
}
#banner-3:checked ~ .banner-slides {
    transform: translateX(-33.3333%); /* 第3张图：左移2/6 */
}


.zooms { background-position:center; background-repeat:no-repeat;}
.flexslider {width:100%;position:relative;overflow:hidden;zoom:1;}
.h240px {height:500px;}
.flexslider .slides {zoom:1; text-align:center;background:#fff;}
.flexslider .slides li div.img a{width:100%;height:600px; display:block;}

.flex-control-nav{width:100%;position:absolute;bottom:20px;text-align:center; z-index:90;}
.flex-control-nav li{margin:0 1px;display:inline-block;*display:-moz-inline-stack;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(dot.png) no-repeat -1px -26px;display:block;overflow:hidden;text-indent:-99em;width:20px;height:20px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:-1px 0;}


/*首页内容*/
.imain{ background:#fff;overflow:hidden; position:relative; padding:20px 0;}
.imain_content { width:1200px; margin:auto;overflow:hidden;}
.ititle { text-align:center;}
.ititle h2{font-size:30px; color: #0a003d; padding-bottom:5px;}
.ititle span *{text-align: center;display:inline-block;*display:-moz-inline-stack;zoom:1;*display:inline;vertical-align:middle}
.ititle span i { width:20px; height:20px;background:url(xline1.jpg) center no-repeat; }
.ititle span h2{font-size:16px;color: #666; text-transform:uppercase; padding:0 10px;}
.ititle span p{font-size:16px;color: #666; text-transform:uppercase; padding:0 10px;}


/*快捷通道*/
.tab_main {  position:relative; overflow:hidden; background:none; margin:30px auto auto auto;}
.tab{overflow: hidden; text-align: center;margin:auto;}
.tab h3{min-height:20px;text-align:center; color:#999; font-size:16px; padding:10px 20px;font-weight:normal;display:inline-block;*display:-moz-inline-stack;zoom:1;*display:inline;position:relative; margin:5px;cursor:pointer; background:#CCC; text-transform:uppercase; max-width:120px;}
.tab h3.on{color:#fff; background:#0024ba}
.con{width:1200px;position:relative;overflow:hidden; margin:0 auto}
.con_main {width:1200px;position:relative; overflow: hidden; margin:auto;}
.imore { border:#999 1px solid; padding:0 3%; margin:auto;width:50px; line-height:35px;color:#fee101; display:block; text-transform:uppercase; text-align:center; font-size:32px; clear:both; font-family:"宋体";}
.imore:hover { background:#fee101;color:#FFF;}



/*礼品中心*/
.ilp_style {overflow:hidden;padding-top:20px;padding-bottom:10px}
.ilp_style *{display:block;}
.ilp_style li{ width:290px;float:left; background:#f2f2f2; position:relative;overflow:hidden; margin-right:13px; margin-bottom:15px;}
.ilp_style li:nth-child(4n){margin-right:0}
.ilp_style li a{ padding:5px;overflow:hidden; }
.ilp_style li a img{ width:280px; height:280px}
.ilp_style li a p{font-size: 16px;padding: 10px 0;color: #000;white-space: nowrap;}
.ilp_style li a span{ font-size:12px; line-height:22px;color:#666;  overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; height:66px;}
.ilp_style li a:hover { background:#333333;}
.ilp_style li a:hover span,.ilp_style li a:hover p{ color:#FFF;}


.center3{  background:url(4.jpg) no-repeat center top; background-size:cover;}
.cen{ width:1200px; margin:0px auto; padding:50px 0px; height:360px;}
.center1a{ width:545px; float:left;}
.center1b{ width:600px; float:right;   
    border-radius: 10px;
    animation: glow 3s steps(3, start) infinite;
    background-color: #ffff00;}
	
	.center1b img{ border-radius:10px;}
	
	@keyframes glow {0%, 100% {box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 10px #3758DD, 0 0 10px #3758DD, 0 0 10px #3758DD, 0 0 10px #3758DD, 0 0 10px #3758DD;} } /*首页简介框发光效果结束*/
	
	
.center1a h2{ font-size:51px; color:#cdcccc; font-weight:bold; line-height:60px;}
.center1a h3{ font-size:30px; color:#454545; font-weight:400; line-height:35px;} .center1a h3 a{ color:#fff;}.center1a h3 a:hover{ color:#fff;text-decoration:none;}
.center1a p{ padding-top:30px; line-height:30px; color:#fff;}
.center2{background:#F9F7F8;}
.center2a{ text-align:center; font-size:23px; color:#fff; line-height:35px;}.center2a a{ color:#fff}  .center2a a:hover{color:#fff;text-decoration:none;}
.center2a p{font-size:51px; color:#cdcccc; font-weight:bold; line-height:60px; text-transform:uppercase}

.center2{background:#F9F7F8;}
.center4a1{ width:46%; margin:1% 2%; float:left; display:inline;}
.center4a1a{ width:110px; text-align:center; color:#5e5e5e; float:left;}
.center4a1a h2{ font-size:40px; line-height:50px; font-weight:100;}
.center4a1b h3 a{ color:#5e5e5e; line-height:35px;}
.center4a1b p{ line-height:24px; color:#999; height:48px; overflow:hidden;}

.row{ margin-top:40px;}
.col-md-3{width:25%;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
 .counting_sl{text-align:center}
.counting_sl h2{font-weight: 400;color:#fff;font-size:48px;text-transform:uppercase;margin-bottom:0}
.counting_sl h4{color:#fff;font-size:18px;margin-bottom:0;text-transform:capitalize;font-weight:400}
.page-width{display:table;content:""}
.row:before{-moz-box-sizing:border-box}
.counting_sl h2::selection,.count-up-sec .counting_sl h4::selection{color:#ff645d}
.counting_sl h2::-moz-selection,.count-up-sec .counting_sl h4::-moz-selection{color:#ff645d}
.counting_sl h2::-webkit-selection,.count-up-sec .counting_sl h4::-webkit-selection{color:#ff645d}

.friendlink{background:#edf2ff;line-height:54px;padding:10px 0;}
.layui-container{ width:1200px; margin:0 auto}
.layui-container img {border: none;vertical-align: middle;}
.friendlink a{padding:0 15px;color:#333333; font-size:14px;}



.footer{ width:100%; background:#0024ba; height:200px; min-width: 1200px; clear:both }
.fc{ width:1200px; margin:0 auto; position:relative; padding-top:15px;}
.fc .dlogo{ position:absolute; left:0; top:53px;}
.fcw{ width:700px;     margin: 20px auto;}
.fcw p{ line-height:31px; color:#fff; font-size:14px;}
.fc .sys{ position:absolute; top:20px; right:50px;}
.fc .sys img{ width:140px;}
.fc .sys li{ text-align:center; color:#fff; margin-top:5px; font-size:16px; line-height:36px;}
.bq{ width:100%;     background: linear-gradient(to top, #0025BA, #001879); height:52px; min-width:1200px; text-align:center }
.bqc { width:1200px; margin:0 auto;font-size:14px; color:#f2f7fb; line-height:52px;}
.bqc span a{ color:#f2f7fb;}




.site {
    color: #999;
	
	margin: 23px 0 8px;
    padding-bottom: 9px;
    width: 1200px;
    border-bottom: 1px solid #0024ba;
    text-align: left;
    font-size: 12px;
	
	
}.site a {color:#999;}
.page_banner { height:312px;}
.goods_info{ width:880px; height:370px}
.goods_info .left {
    float: left; width:370px;margin-right:20px;
}.goods_info .right {
    float: left; width:490px
    
}
.large {position:relative;z-index:1;height:370px;width:370px;border: 1px solid #dcdcdc;background-color:#ffffff;}
.large img{ width:370px; height:370px;}

#cls li {
                                    float: left;
                                    list-style: none; padding-left: 20px; margin-top:20px;
                                }

                           

                                
								#cls li img{ width:140px;}

                                #cls .cls-title {
                                    font-size: 14px;
                                    font-weight: bold;
                                    text-align: center;
                                    padding-bottom: 15px;
                                }


.typeright{ width: 300px; display: block;  float: right; }     
.new{display: block; overflow: hidden;border: 1px solid #E2E2E2; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14);transition: all 250ms ease-in-out 0s; padding-bottom: 10px; margin-top: 0px; margin-bottom: 50px;}
.new h2{ margin-top: 20px;font-weight:normal; height: 60px;  margin-left: 20px; background: url(fenlei.png) no-repeat;}





.goodsInfo {width:880px;padding-bottom:25px;background-color:#ffffff; clear:both; margin-top:20px;}
.goodsInfo h3 {position:relative;height:44px;line-height:44px;padding:0 15px;font-size:14px;font-weight:normal;color:#3c3c3c;border:1px solid #e5e5e5;background-color:#f6f6f6;}
.goodsInfo .clearfix {border:1px solid #e5e5e5;border-top:none;padding:15px;overflow:hidden;}


.aboutInfo {padding:0 0 10px;color:#999;   
    text-align: left;
    line-height: 22px;
    color: #666; 
}
.aboutInfo .tt {font-size: 14px;
    letter-spacing: 0px;font-weight: 700;color: #666;}
.aboutInfo span {margin-right:10px;font-size:12px;}
.aboutInfo a {color:#999;}

.aboutInfo .goods_des {
    margin-top: 6px;
    color: #999;font-size: 12px;
}


.sidebar {width:270px; margin:0 auto;}

.sidebar li {position:relative;z-index:1;margin-top:-1px;border:1px solid #e5e5e5; margin-bottom:15px;}
.sidebar li:hover {z-index:2;border-color:#c52e49;}
.sidebar .photo {position:relative;display:block;width:270px;height:270px;overflow:hidden;}
.sidebar .photo span {display:table-cell;vertical-align:middle;text-align:center;width:206px;height:206px;overflow:hidden;}
.sidebar .photo span img {vertical-align:bottom;width:270px;height:270px;}
.sidebar p {line-height:30px;font-size:14px;padding:0 10px;color:#555;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;text-align:center;}






.subInner {width:1200px;margin:0 auto;}
.w940{ width:880px; float:left; }  
.w240{ width:300px; float:right;}  


.tit{
	text-align: center;
}
.tit span{
	display: block;
	font-size: 32px;
	color: #3f3a39;
	font-family: "瀹嬩綋";
	font-weight: bold;
	position: relative;
	height: 55px;
}
.tit span::after{
	content: " ";
	display: block;
	width: 48px;
	height: 2px;
	background: #0024ba;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -24px;
}
.tit p{
	font-size: 15px;
	color: rgba(114,114,114,.8);
	margin-top: 16px;
}
.content{
	line-height: 30px;
	margin-top: 20px;
	margin-bottom: 50px;    color: rgb(107, 107, 107);
    font-size: 14px;
    white-space: normal;
  
}
.content img{
	max-width: 100%;
}


.submenu{
	line-height: 50px;
	height: 50px;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	text-align: center;
	margin-top: 30px;
}
.submenu ul{
	display: inline-block;
}
.submenu ul li{
	float: left;
	
}
.submenu ul li a{
	color: #434343;
	padding: 0 30px;
	display: block;
}
.submenu ul li a:hover,.submenu ul li a.hover{
	border-bottom: 2px solid #cc0e17;
	color: #cc0e17;
}.list{
	margin-top: 40px;
}
.list li{
	height: 233px;
	margin-bottom: 60px;
}
.list li img{
	width: 310px;
	height: 233px;
}
.list li .fr{
	width: 840px;
}
.list li .fr a{
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
}
.list li .fr i{
	display: block;
	font-style: normal;
	color: #929292;
	line-height: 50px;
}
.list li .fr p{
	color: #5A5A5A;
	line-height: 25px;
	font-size: 13px;
}
.list li img:hover{
	opacity: 0.8;
}
.fl{
	float: left;
}
.fr{
	float: right;
}

/* news详情*/.main2{width:1200px;margin:0 auto;clear:both;}.main2 .zuo{width:1200px;float:left;}.main2 .zuo .biaoti{line-height:60px;height:60px;color:#002FA7;text-align:center;}.main2 .zuo .biaoti h1{font-size:25px;}.main2 .zuo .biaoti h2{font-size:26px;}.main2 .zuo .tip{height:60px;line-height:60px;border-bottom:solid 1px #d6d6d6;position:relative; text-align:left;}.main2 .zuo .tip span{height:60px;line-height:60px; width:200px;position:absolute;font-size:22px;font-weight:600;left:0;background: linear-gradient(to right, #002FA7, #FFFF00, #FFFF00); color:#002FA7;margin:0; text-align:center;}.main2 .zuo .tip span a{color:#002FA7;}.main2 .zuo .tip span:hover{color:#FFFF00;background: linear-gradient(to right, #FFFF00, #002FA7, #002FA7);display:inline-block; width:200px;}.main2 .zuo .shijian{ height:25px; line-height:25px;text-align:center;color:#888888; font-size:12px;}.main2 .zuo .daodu{ padding:10px 10px; margin:10px 10px; min-height:50px; line-height:25px; border:1px solid #888888;border-radius:10px; text-align:left; color:#999999; font-size:13px;}.main2 .zuo .neirong{font-size:16px; line-height:25px;padding:0 3% 0 3%;overflow:hidden;min-height:300px;text-align:left}.main2 .zuo .neirong img{max-width:100%;height:auto!important}.main2 .zuo .xiayitiao{width:100%;overflow:hidden;color:#002FA7; background: linear-gradient(to left, #002FA7, #FFFF00);font-size:14px;text-align:left; height:80px; margin-top:10px; padding-top:10px;}.main2 .zuo .xiayitiao a{color:#002FA7 ;}.main2 .zuo .xiayitiao span{ margin-left:10px;line-height:30px; height:30px;}.main2 .zuo .tuijian{text-align:center;font-size:28px;color:#002FA7;height:80px; line-height:80px;}.main2 .zuo .lie ul{width:100%;overflow:hidden; margin-bottom:30px;}.main2 .zuo .lie ul li{width:46%;overflow:hidden;padding:1% 1%;float:left;border-bottom:1px solid #efeeee;margin-left:5px;margin-right:5px;margin-bottom:10px;text-align:left;height:27px;overflow:hidden; white-space:nowrap;}.main2 .zuo .lie ul li .time{color:#555;text-align:center;margin-top:10px}.main2 .zuo .lie ul li .time .d{font-size:40px;display:block;line-height:1}.main2 .zuo .lie ul li .time .y{display:block}.main2 .zuo .lie ul li .zi{width:79%}.main2 .zuo .lie ul li .zi span{color:#484848;font-size:16px;margin-bottom:10px;display:block;height:25px;overflow:hidden}.main2 .zuo .lie ul li .zi span i{display:inline-block;width:0;height:1px;background-color:#0166ce;vertical-align:middle}.main2 .zuo .lie ul li:hover .zi span i{width:15px;margin-right:5px}.main2 .zuo .lie ul li:hover .zi span{color:#0166ce}.main2 .zuo .lie ul li .zi p{color:#818181;height:40px;overflow:hidden}.main2 .zuo .lie ul li:hover{box-shadow:0 0 40px #c3c3c3}