/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input,button,textarea,dl,dt{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;font-family: normal;font-weight: normal;}
body{ font-size:14px;font-family:' '; color:#111;overflow-x: hidden;}
a img{
  border: 0;
}
em {
  font-style: normal;
}
body.head_on{overflow:hidden;}
a{text-decoration:none;color: #333;transition: all .3s;}
*{box-sizing: border-box;}
input,textarea,select{outline: none;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }

.wapper{
	width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
	box-sizing: border-box;
}
@media only screen and (min-width: 1200px){
	.wapper{
		width: 1200px;
		margin: 0 auto;
	}
}

:root{
	--primary-color:#2a62ac;
	--font-color:#666;
	--main-white:#fff;
}





/* 轮播图通用 */
.swiper {width: 100%;height: 100%;}
.swiper-slide
{
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{
	width: 100%;
}

.overflow1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}
.overflow2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.overflow3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}




.topbox{width: 100%;padding: 20px 0;}
.top{height:90px;display: flex;justify-content: space-between;align-items: center;}
.top_left{display: flex;align-items: center;}
.top .title{font-size:18px;color:#333;font-weight:normal;border-left: 1px solid #e3e3e3;margin-left:20px;padding-left:20px; line-height:30px;}

.top .title span{display:block;color:#1266a9;font-size:24px;font-weight:bold;}

.top_right{display: flex;align-items: center;}

.top_right .sIcon{background: url('../images/sIcon.png') no-repeat left center;width:24px;height:28px;display:inline-block;margin-right:34px;cursor: pointer;position:relative;opacity:.8;transition:all .3s;}

.top_right .sIcon::after{content:"";position:absolute;right:-15px;width:1px;height:15px;border-right: 1px dotted #777;top:6px;}

.top_right .sIcon:hover{opacity:1;}

.top_right .tel{background: url('../images/pIcon.png') no-repeat left center;padding-left:30px;text-align:right;}

.top_right .tel i{font-size:12px;color:#fff;background:#1266a9;padding:0 8px;line-height:33px;font-style:normal;border-radius:0 0 10px 0;}

.top_right .tel span{display:block;font-size:26px;color:#1266a9;font-family:Arial;}





/* 导航 */
.headerbox{height:65px;line-height:65px;background:#1266a9;font-size:18px;}
.header{width: 100%;margin: 0 auto;}
.header>ul{border-left: 1px solid #004882;height: 60px;}

.header li{float:left;width:145px;text-align:center;position: relative;}

.header li>a{color:#fff;display:block;position:relative;z-index:2;border-right: 1px solid #004882;}

.header li>a:after{content: "";position:absolute;left:0;top:0;width:100%;height:0;transition:all 0.4s;z-index:-1;background:#004882;}

.header li>.cur,.header li:hover>a{background:#004882;}

.header li>.cur:after,.header li:hover>a:after{height:100%;}


.header li .sub_menu{
	min-width: 100%;
    position: absolute;
    top: 140%;
    left: 0%;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    background: white;
    transition: all 400ms ease;
}
.header li:hover > .sub_menu {
    opacity: 1;
    visibility: visible;
    top: 100%;
	
}

.header .sub_menu dd {
    position: relative;
    display: block;
	text-align: center;
	transition: all 400ms ease;
}
.header .sub_menu dd>.three_menu{
	min-width: 100%;
    position: absolute;
    left: 100%;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    background: white;
    transition: all 400ms ease;
}
.header .sub_menu dd:hover>.three_menu {
    opacity: 1;
    visibility: visible;
    top: 0px;
	
}
.header .sub_menu dd a {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #333;
    text-align: left;
    display: block;
    padding: 15px 25px 15px 25px;
    position: relative;
    text-decoration: none;
    outline: none;
	text-align: center;
    text-transform: none;
    transition: all 400ms ease;
    border-bottom: 1px solid #f4f4f4;
}
.header .sub_menu dd:hover{
    background:#004882;
}
.header .sub_menu dd:hover>a{color: #fff;}




/* bannerbox */
.bannerbox{
	width: 100%;
}
.bannerbox .mySwiper1{
	width: 100%;
}
.bannerbox .mySwiper1 .swiper-slide a{
	display: block;
	font-size: 0;
	width: 100%;
}
.bannerbox .mySwiper1 .swiper-slide a img{
	width: 100%;
}

.bannerbox .mySwiper1 .prev_btn{
	position: absolute;
	top: 50%;
	z-index: 9;
	left: 10%;
	width: 40px;
	height: 40px;
	background: url(../images/ctrl.png) no-repeat 0 0;
	text-align: center;
	transform: translateY(-50%);
	vertical-align: middle;
	cursor: pointer;
	opacity: 0;
	transition: all ease 0.3s;
}
.bannerbox .mySwiper1 .next_btn{
	position: absolute;
	top: 50%;
	z-index: 9;
	right: 10%;
	width: 40px;
	height: 40px;
	background: url(../images/ctrl.png) no-repeat -40px 0;
	text-align: center;
	transform: translateY(-50%);
	vertical-align: middle;
	cursor: pointer;
	opacity: 0;
	transition: all ease 0.3s;
}
.bannerbox:hover .mySwiper1 .next_btn,.bannerbox:hover .mySwiper1 .prev_btn{opacity: 1;}
.bannerbox:hover .mySwiper1 .next_btn{right: 15%;}
.bannerbox:hover .mySwiper1 .prev_btn{left: 15%;}

.mySwiper1 .swiper-pagination1{bottom: 20px !important;}
.mySwiper1 .swiper-pagination-bullet{width:6px;height:6px;border-radius:50%;background-color:#fff;position: relative;margin: 0 10px !important;opacity: 1;}
.mySwiper1 .swiper-pagination-bullet:before{border:2px solid #fff;content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 10px;height: 10px;background-color: transparent;border-radius: 50%;}
.mySwiper1 .swiper-pagination-bullet-active:before{border:2px solid #1266a9;content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 10px;height: 10px;background-color: transparent;border-radius: 50%;}
.mySwiper1 .swiper-pagination-bullet-active{background-color:#1266a9;width:6px;height:6px;}


.s_menubox{width: 100%;margin: 0 auto;}
.s_menu{
	background: rgba(0,0,0,.5) url(../images/home_icon.png) no-repeat 15px;
    padding-left: 35px;
    font-size: 14px;
    position: relative;
    color: #fff;
    margin-top: -60px;
    height: 60px;
    line-height: 60px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.s_menu_left span{}
.s_menu_left a{color: #fff;}
.s_menu_left a:hover{text-decoration: underline;}
.goback{background: url(../images/back.png) no-repeat left center;padding: 0 15px 0 25px;color: #fff;}

.pd50{padding: 50px 0;}
/* footer */
.footerbox{width: 100%;margin: 0 auto;background-color: #212121;padding: 30px 0;color: #a5a5a5;font-size: 12px;}
.footer{width: 100%;margin: 0 auto;}
.f_menu{width: 100%;padding-bottom: 20px;border-bottom: 1px solid #2e2e2e;}
.f_menu ul{display: flex;align-items: center;}
.f_menu ul li{padding: 0 24px;position: relative;}
.f_menu ul li:first-child{padding-left: 0;}
.f_menu ul li:after{content: "|";position: absolute;right: 0;top: 50%;transform: translateY(-50%);color: #424242;}
.f_menu ul li:last-child:after{display: none;}
.f_menu ul li a{color: var(--main-white);font-size: 16px;}

.f_center{padding: 20px 0;display: flex;justify-content: space-between;}
.f_c_left{max-width: 620px;}
.f_c_left h3{font-size: 16px;color: var(--main-white);margin-bottom: 10px;}
.f_c_left p{margin-bottom: 6px;color: #a5a5a5;font-size: 12px;}
.f_c_left p a{color: #a5a5a5;font-size: 12px;margin-right: 5px;}
.f_c_left p span{margin-right: 10px;}

.f_c_right{width: 40%;display:flex;}
.f_c_right .r1 p{background: url(../images/p_icon.png) no-repeat left center;padding-left: 45px;}
.f_c_right .r1 p span{
	display: block;
    font-size: 24px;
    color: #1266a9;
    font-family: Arial;
}
.f_c_right .r1 a{
	display: inline-block;
    width: 190px;
    background: #1266a9;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    margin-top: 30px;
}
.f_c_right .r2{
	width: 124px;
    text-align: center;
    padding: 10px 10px 0 0;
    background: url(../images/wx_bg.jpg) no-repeat;
    margin-left: 100px;
}
.f_c_right .r2 img{
	width: 124px;
    height: 124px;
    margin-bottom: 8px;
}
.f_c_right .r2 span{display: block;}


.f_bot{padding-top: 20px;border-top: 1px solid #2e2e2e;}
.f_bot span{font-size: 14px;color: var(--main-white);}
.f_bot a{padding: 0 5px;font-size: 14px;color: var(--main-white);}



/* 通用内页 */
.inbannerbox{
	position: relative;
	width: 100%;
	margin: 0 auto;
	font-size: 0;
}
.inbannerbox img{width: 100%;}


.insidebox{
	width: 100%;
	margin: 0 auto;
}
.insidebox .inside{
	width: 100%;
	box-sizing: border-box;
}



/* 侧边 */
.gr_kefu{position:fixed;width:50px;height:275px;right:0;top:214px;z-index:100;}
.gr_kefu ul li{width:50px;height:50px;float:left;position:relative;margin-bottom:1px;font-size:12px;line-height:50px;}
.gr_kefu ul li .sidebox{position:absolute;width:50px;height:50px;top:0;right:0;transition:all 0.3s;color:#fff;background:#dc3a33;overflow:hidden;opacity:.8;}
.gr_kefu ul li.kf2 .sidebox{overflow:visible;}
.gr_kefu ul li .sidebox:hover{opacity:1;}
.gr_kefu ul li .out_top{width:50px;height:50px;line-height:50px;display:inline-block;background:#222;transition:all 0.3s;opacity:.8;}
.gr_kefu ul li .out_top:hover{opacity:1;}
.gr_kefu ul li img{float:left;}
.gr_kefu ul li .sidebox3 span{font-size:16px;}
.gr_kefu ul li .sidebox3{display: flex;align-items: center;}
.gr_kefu ul li .kImg{padding:13px;}
.gr_kefu .kf_wx{ position:absolute; top:0;left:-140px;width:140px;display:none;background:#fff;border:1px solid #dadada;padding:14px;line-height:20px;color:#333;text-align:center;display:none;}
.gr_kefu .kf_wx img{ display:block;width:110px; height:110px;margin-bottom:5px;float:none;}
.gr_kefu .qq{height:0;position:relative;z-index:2;}
.gr_kefu .qq .sidebox{border:1px solid #dc3a33;height:auto;border-radius:5px 0 0 5px;width:140px;background:#fff;opacity:1;bottom:-50px;top:auto;text-align:center;padding-bottom:5px;right:-150px;}
.gr_kefu .qq h5{height:35px;line-height:35px;background:#dc3a33;font-weight:normal;color:#fff;font-size:14px;padding:0 10px;text-align:left;margin-bottom:10px;}
.gr_kefu .qq h5 i{float:right;cursor:pointer;transition:all 0.3s;position:relative;z-index:5;}
.gr_kefu .qq h5 i:hover{transform: rotate(90deg);}
.gr_kefu .qq  a{display:block;height:32px;line-height:32px;border-radius:18px;border:1px solid #dc3a33;margin:5px 15px;}

.top_title{display: flex;align-items: center;justify-content: space-between;}
.hMore{font-size: 16px;background: url(../images/more.png) no-repeat left center;padding-left: 20px;margin-top: 15px;z-index: 2;position: relative;}
.main_title{}
.main_title h3{font-size: 36px;color: #222;}
.main_title p{font-size: 14px;color: #222;}

.fl{float: left;}
.fr{float: right;}



.commenbox{width: 100%;margin: 0 auto;}
.commen{width: 100%;margin: 0 auto;display: flex;justify-content: space-between;align-items: flex-start;}
.commen_left{width: 27%;}
.commen_right{width: 70%;}

.commen_left .title{background: #004882;padding: 30px 0;width: 100%;}
.commen_left .title h3{font-size: 24px;color: #fff;padding-left: 40px;}
.commen_left .title p{font-size: 12px;color: #fff;opacity: 0.6;padding-left: 40px;}

.commen_list{width: 100%;background: #f1f1f1;}
.commen_list ul li{font-size: 15px;background: url(../images/side_line.jpg) repeat-x left top;padding-top: 2px;}

.commen_list ul li a{height: 50px;line-height: 50px;padding-left: 50px;display: block;color: #454545;}
.commen_list ul li.curr>a,.commen_list ul li:hover>a{color: #fff;background-color: #004882;}

.commen_list ul li dl{display: none;}
.commen_list ul li.curr dl{display: block;}
.commen_list ul li dl dd{font-size: 15px;}
.commen_list ul li dl dd a{background: url(../images/ly_li.png) no-repeat 40px center;padding-left: 50px;color: #666;height: 34px;line-height: 34px;font-size: 13px;}
.commen_list ul li dl dd:hover a,.commen_list ul li dl dd.curr a {background: url(../images/ly_li2.png) no-repeat 40px center;color: #385fcf;}


.commen_message{margin-top: 1px;color: #fff;padding: 25px;}
.commen_message .tel{
	font-size: 12px;
    background: url(../images/picn_l.png) no-repeat left center;
    padding-left: 40px;
    margin-bottom: 20px;
}
.commen_message .tel span{
	display: block;
    font-size: 24px;
    font-family: Arial;
}
.commen_message .desc{font-size: 14px;color: #fff;}
.commen_message .desc p{line-height: 24px;}





/* ================首页样式================= */
.index1box{width: 100%;margin: 0 auto;}
.index1{width: 100%;margin: 0 auto;}
.index1_left{width: 25%;background-color: #1266a9;padding: 10px;border-radius: 10px 0 0 10px;}
.index1_right{width: 75%;border:2px solid #ededed;border-radius: 0 5px 5px 0;overflow: hidden;padding: 25px;font-size: 12px;}

.index1_left .title{
	margin-bottom: 25px;
    height: 110px;
    color: #fff;
    font-size: 32px;
    text-transform: uppercase;
    background: url(../images/arr_b.png) no-repeat center bottom;
    text-align: center;
    padding-top: 30px;
}
.index1_left span{
	display: block;
    font-size: 12px;
    font-family: Arial;
    opacity: .6;
}
.index1_left .left_list{background-color: #fff;border-radius: 5px;overflow: hidden;height: 603px;}
.index1_left .left_list ul li{height: 75px;line-height: 75px;border-bottom: 1px solid #ebebeb;font-size: 16px;}
.index1_left .left_list ul li a{
	display: block;
    background: url(../images/ly_li.png) no-repeat 25px center;
    padding-left: 40px;
    color: #333;
}
.index1_right ul{display: flex;flex-wrap: wrap;}
.index1_right ul li{width: 33.33%;padding: 0 10px;margin-bottom: 20px;height: 330px;text-align: center;}
.index1_right ul li a{display: block;width: 100%;position: relative;height: 100%;border-bottom: 2px solid #ddd;}
.index1_right ul li a .imgbox{width: 100%;font-size: 0;overflow: hidden;}
.index1_right ul li a .imgbox img{width: 100%;transition: all .5s;     height: 250px;
    object-fit: contain;}
.index1_right ul li:hover a .imgbox img{transform: scale(1.1);}
.index1_right ul li a .textbox{width: 100%;text-align: center;}
.index1_right ul li a .textbox p{font-size: 16px;color: #333;margin-bottom: 10px;white-space: nowrap;text-overflow: ellipsis;}
.index1_right ul li a:after{content: "";left: 0;position: absolute;bottom: -2px;width: 0;height: 2px;background-color: #1266a9;transition: all 0.5s;}
.index1_right ul li:hover a:after{width: 100%;}






.index2box{background:#f0f0f0;overflow:hidden;}
.index2{height:610px;position: relative;}
.oddsMenu{position:absolute;right:0;bottom:0;background:#1266a9;font-size:22px;border-radius:8px;width:260px;color:#fff;z-index:5;}
.oddsMenu .tie{font-size:36px;text-align:center;padding-top:25px;line-height:42px;font-weight:normal;}
.oddsMenu .tie span{font-size:48px;font-weight:bold;display:block;margin-top:10px;line-height:50px}
.oddsMenu .tie i{font-style:normal;opacity:.5;font-size:12px;font-family:Arial;display: block;}
.oddsMenu li{height:80px;line-height:80px;border-top: 1px solid #004882;padding-left:50px;cursor: pointer;z-index:1;position:relative;}
.oddsMenu li::after{content:"";width:0;background:#323232 url('../images/arr_l.png') no-repeat 25px center;right:0;height:100%;border-left: 5px solid #004882;z-index:-1;top:0;position:absolute;transition:all .4s;}
.oddsMenu li:hover::after{width:290px;}
.oddsMain li img{margin-left:-375px;height:390px;}
.oddsMain li .txt{padding-top:40px;font-size:16px;padding-left:80px;color:#454545;max-width:320px;}
.oddsMain li h4{font-size:30px;color:#222;padding-bottom:15px;margin-bottom:15px;font-weight:normal;line-height:26px;position:relative;}
.oddsMain li h4 span{display:block;font-size:12px;color:#888;font-family:Arial;}
.oddsMain li i{float:left;width:52px;height:64px;background: url('../images/odds_num.png') no-repeat;color: #fff;line-height:64px;text-align:center;margin-left:-80px;font-style:normal;margin-top:-10px;}
.oddsMain li h4::after{content:"";position:absolute;left:0;bottom:0;width:25px;height:2px;background:#363636;}

.index2 .tel{position:absolute;right:290px;bottom:40px;text-align:right;}
.index2 .tel p{padding-left:30px;background: url('../images/pIcon.png') no-repeat left center;}
.index2 .tel span{color:#1266a9;font-size:20px;font-family:Arial;font-weight:bold;}
.index2 .tel a{width:130px;height:40px;background:#1266a9;display:inline-block;color:#fff;text-align:center;line-height:40px;margin-top:10px;}
.index2 .tel a i{display:inline-block;width:16px;height:16px;background: url('../images/zx.png') no-repeat;margin-right:5px;position:relative;top:2px;}
.index2 .tel a:hover{background:#b5150e;}


@keyframes scale
{

from {transform:scale(1);}

50% {transform:scale(1.1);}

to {transform:scale(1);}

}
.index3box{width: 100%;margin: 0 auto;background-color: #f4f4f4;}
.index3{width: 100%;margin: 0 auto;}
.index3_tab{display: flex;align-items: center;}
.index3_tab .hMore{margin-top: 0;}
.index3_tab ul{display: flex;align-items: center;}
.index3_tab ul li{margin: 0 15px;font-size: 16px;color: #454545;}
.index3_tab ul li.on{color: #1266a9;}

.index3_mian{width: 100%;margin: 0 auto;margin-top: 30px;}
.index3_mian ul li{width: 100%;}
.index3_mian ul li .li_inner{width: 100%;overflow: hidden;position: relative;height: 490px;}
.index3_mian ul li .li_inner>img{width: 100%;animation: scale 25s infinite;height: 100%;object-fit: cover;}
.index3_mian ul li .li_inner .textbox{position: absolute;right: 0;top: 0;width: 35%;height: 100%;padding: 50px;background-color: rgb(0, 0, 0,0.8);color: #fff;transition: all 0.4s;}
.index3_mian ul li .li_inner .textbox h4{border-bottom: 1px solid #fff;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 25px;font-size: 28px;padding-bottom: 20px;}
.index3_mian ul li .li_inner .textbox p{font-size: 14px;color: #fff;}
.index3_mian ul li .li_inner .textbox .more{
	display: inline-block;
    width: 130px;
    height: 40px;
    line-height: 40px;
    background: #1266a9;
    color: #fff;
    text-align: center;
    border-radius: 0 0 0 15px;
    margin-top: 30px;
}





.index4box{width: 100%;margin: 0 auto;background-attachment: fixed;background-size: cover;background-repeat: no-repeat;background-position: center;}
.index4{width: 100%;margin: 0 auto;display: flex;justify-content: space-between;}
.index4_left{width: 38%;}
.index4_left a{display: block;font-size: 0;width: 100%;position: relative;}
.index4_left a img{width: 100%;position: relative;z-index: 2;}
.index4_left a:after{content: "";position: absolute;left: 15px;top: 15px;background-color: rgb(255, 255, 255,0.2);width: 100%;width: 100%;z-index: 1;height: 100%;}
.index4_right{width: 58%;}

.index4_right h3{font-size: 24px;border-bottom: 1px solid #959797;padding-bottom: 20px;margin-bottom: 20px;color: #fff;}
.index4_right .desc{margin-bottom: 20px;min-height: 210px;}
.index4_right .desc p{font-size: 14px;color: #fff;}
.btn_list{width: 100%;}
.btn_list ul{display: flex;align-items: center;}
.btn_list ul li{margin-right: 25px;}
.btn_list ul li a{
	display: inline-block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #fff;
	border-radius: 0 0 15px 0;
	width: 130px;
	transition: all ease 0.3s;
}
.btn_list ul li:hover a{
	background-color: #1266a9;
	color: #fff;
}



.index5box{width: 100%;margin: 0 auto;}
.index5{width: 100%;margin: 0 auto;}
.index5_content{width: 100%;margin-top: 30px;}
.index5_content ul{display: flex;flex-wrap: wrap;}
.index5_content ul li{width: 18.4%;margin-right: 2%;margin-bottom: 20px;}
.index5_content ul li:nth-child(5n){margin-right: 0;}
.index5_content ul li a{display: block;width: 100%;transition: all 0.3s;border: 1px solid #ddd;position: relative;}
.index5_content ul li a>img{width: 100%;height: 96px;
    object-fit: contain; transform: rotateY(0deg);transition: all 0.5s ease 0s;}
.index5_content ul li:hover a>img{transform: rotateY(180deg);}
.index5_content ul li a span{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
    background: #1266a9;
    line-height: 104px;
    text-align: center;
    transform: rotateY(-180deg);
    transition: all 0.5s ease 0s;
    backface-visibility: hidden;
    color: #fff;
    padding: 0 5px;
}
.index5_content ul li:hover a span{
	transform: rotateY(0deg);
}




.index6box{width: 100%;margin: 0 auto;background-color: #eee;}
.index6{width: 100%;margin: 0 auto;}
.index6_tab ul{display: flex;align-items: center;}
.index6_tab ul li{margin-left: 10px;}
.index6_tab ul li a{
	display: inline-block;
    font-size: 16px;
    color: #fff;
    width: 160px;
    line-height: 50px;
    border-radius: 0 0 15px 0;
    background: #323232;
	text-align: center;
}
.index6_tab ul li.on a{
	background: #1266a9;
    color: #fff;
}
.index6_main{margin-top: 30px;}
.index6_main ul li{width: 100%;}
.index6_main ul li .li_inner{display: flex;justify-content: space-between;}
.index6_main ul li .li_inner .li_left{width: 35%;}
.index6_main ul li .li_inner .li_right{width: 62%;}
.index6_main ul li .li_inner .li_left a{width: 100%;font-size: 0;margin-bottom: 20px;}
.index6_main ul li .li_inner .li_left a img{width: 100%;}
.index6_main ul li .li_inner .li_left .textbox{}
.index6_main ul li .li_inner .li_left .textbox h3{
	font-size: 16px;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px;
}
.index6_main ul li .li_inner .li_left .textbox h3 a{color: #222;}
.index6_main ul li .li_inner .li_left:hover .textbox h3 a{
	color: #1266a9;
}
.index6_main ul li .li_inner .li_left .textbox p{font-size: 12px;color: #666;min-height: 70px;}
.index6_main ul li .li_inner .li_left .textbox span{font-size: 12px;color: #666;}

.index6_main ul li .li_inner .li_right dl dd{width: 100%;height: 112px;background-color: #fff;display: flex;align-items: center;justify-content: center;border-bottom: 1px solid #ddd;padding-right: 25px;position: relative;}
.index6_main ul li .li_inner .li_right dl dd a{display: flex;width: 100%;align-items: center;justify-content: space-between;position: relative;z-index: 1;}
.index6_main ul li .li_inner .li_right dl dd a .date{width: 18%;transition: all 0.3s;text-align: center;color: #666;transition: all 0.3s;}
.index6_main ul li .li_inner .li_right dl dd:hover a .date{color: #fff;}
.index6_main ul li .li_inner .li_right dl dd a .date i{font-size: 35px;color: #222;font-style: normal;display: block;}
.index6_main ul li .li_inner .li_right dl dd:hover a .date i{color: #fff;}
.index6_main ul li .li_inner .li_right dl dd a .textbox{width: 88%;}
.index6_main ul li .li_inner .li_right dl dd a .textbox h3{font-size: 16px;color: #333;line-height: 30px;}
.index6_main ul li .li_inner .li_right dl dd a .textbox p{font-size: 12px;color: #666;}
.index6_main ul li .li_inner .li_right dl dd:after{position: absolute;content: "";left: 0;top: 0;width: 0;height: 100%;transition: all 0.4s;background-color: #1266a9;}
.index6_main ul li .li_inner .li_right dl dd:hover:after{width: 100%;}
.index6_main ul li .li_inner .li_right dl dd:hover a .textbox h3{color: #fff;}
.index6_main ul li .li_inner .li_right dl dd:hover a .textbox p{color: #fff;}




/* ================产品中心样式================= */
.product_right ul{display: flex;flex-wrap: wrap;}
.product_right ul li{width: 32%;margin-right: 2%;margin-bottom: 20px;}
.product_right ul li:nth-child(3n){margin-right: 0;}
.product_right ul li a{display: block;width: 100%;}
.product_right ul li a .imgbox{width: 100%;font-size: 0;position: relative;border: 1px solid #e5e5e5;height: 236px;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.product_right ul li a .imgbox img{transition: all 0.4s;max-width: 100%;width: auto;height: 236px;}
.product_right ul li:hover a .imgbox img{transform: scale(1.1);}
.product_right ul li a .imgbox:after{
	content: "";
    position: absolute;
    width: 54px;
    height: 54px;
    background: url(../images/pmore2.png) no-repeat;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    opacity: 0;
    transition: all 0.25s;
    z-index: 3;
}
.product_right ul li a .imgbox:before{
	content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,72,130,.7);
    transition: all 0.25s;
    transform: perspective(400px) rotateX(-90deg);
    -moz-transform: perspective(400px) rotateX(-90deg);
    -webkit-transform: perspective(400px) rotateX(-90deg);
    -o-transform: perspective(400px) rotateX(-90deg);
    transform-origin: top;
    z-index: 2;
}
.product_right ul li:hover a .imgbox:before{transform: perspective(200px) rotateX(0);}
.product_right ul li:hover a .imgbox:after{transition-delay: .1s;margin-top: -27px;opacity: 1;}

.product_right ul li a .textbox{text-align: center;width: 100%;}
.product_right ul li a .textbox p{height: 40px;font-size: 14px;color: #666;line-height: 40px;}
.product_right ul li:hover a .textbox p{color: #1266a9;}



/* ================应用行业样式================= */
.application_right ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.application_right ul li{width: 49%;margin-bottom: 20px;}
.application_right ul li a{display: block;width: 100%;box-shadow: 0 0 10px rgb(0 0 0 / 30%);padding: 15px;}
.application_right ul li a .imgbox{width: 100%;height: 180px;font-size: 0;overflow: hidden;margin-bottom: 20px;}
.application_right ul li a .imgbox img{width: 100%;height: 100%;object-fit: cover;transition: all 0.4s;}
.application_right ul li:hover a .imgbox img{transform: scale(1.1);}
.application_right ul li a .textbox{text-align: center;width: 100%;}
.application_right ul li a .textbox h3{margin-bottom: 20px;padding-bottom: 20px;font-size: 16px;color: #333;position: relative;}
.application_right ul li a .textbox h3:after{content: "";left: 50%;bottom: 0;transform: translateX(-50%);width: 30px;height: 1px;position: absolute;background-color: #555;transition: all 0.4s;}
.application_right ul li:hover a .textbox h3:after{width: 50px;background-color: #1266a9;}
.application_right ul li a .textbox .desc{text-align: left;}
.application_right ul li a .textbox .desc p{font-size: 14px;color: #888;}



/* ================资料下载样式================= */
.downloadright ul li{
	width: 100%;
	margin-bottom: 2px;
}
.downloadright ul li .li_inner{
	background: #f9f9f9 url(../images/down_file.jpg) no-repeat 20px center;
	padding: 20px;
    overflow: hidden;
    padding-left: 100px;
    transition: all 0.4s;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.downloadright ul li:hover .li_inner{box-shadow: 0 0 10px #ccc;}
.downloadright ul li .li_next h3{font-size: 16px;color: #333;margin-bottom: 15px;}
.downloadright ul li .li_next p{font-size: 14px;color: #666;}
.d_more{
	height: 40px;
    line-height: 40px;
    background: #555;
    border-radius: 20px;
    color: #fff;
    width: 140px;
    text-align: center;
}
.d_more i {
    display: inline-block;
    margin-left: 10px;
    width: 11px;
    height: 15px;
    background: url(../images/down_icon.png) no-repeat;
    position: relative;
    top: 2px;
}



/* ================新闻动态样式================= */
.news_right ul li{width: 100%;margin-top: 15px;}
.news_right ul li a{display: flex;justify-content: space-between;width: 100%;padding: 15px;background: #f4f4f4;border-bottom: 1px solid #ddd;}
.news_right ul li a .imgbox{}
.news_right ul li a .imgbox img{width: 230px;height: 150px;margin-right: 40px;}
.news_right ul li a .textbox .title{display: flex;justify-content: space-between;}
.news_right ul li a .textbox .title h3{font-size: 18px;color: #333;}
.news_right ul li:hover a .textbox .title h3{color: #004882;}
.news_right ul li a .textbox .title p{font-size: 12px;color: #555;}

.news_right ul li a .textbox .desc{font-size: 14px;color: #555;margin: 15px 0;line-height: 24px;}
.news_right ul li a .textbox span{color: #004882;}
.news_right ul li a .textbox span:hover{text-decoration: underline;}
.news_right ul li a .textbox .num{font-size: 14px;color: #888;}


/* ================新闻详情样式================= */
.news_detail{}
.news_detail .title{width: 100%;text-align: center;padding-bottom: 10px;margin-bottom: 15px;}
.news_detail .title h3{font-size: 20px;color: #000;margin-bottom: 10px;}
.news_detail .title .message{display: flex;align-items: center;justify-content: center;}
.news_detail .title .message span{margin-right: 5px;font-size: 14px;color: #888;}
.news_detail .title .message .fontsize a{padding: 0 3px;font-size: 14px;color: #666;}

.review {
    background: #f7f7f7 url(../images/nShow_icon.png) no-repeat left top;
    padding: 15px 15px 10px 15px;
    border: 1px dotted #adadad;
    border-right: none;
    border-left: none;
    text-indent: 2em;
    font-size: 14px;
    color: #333;
}

.article_key {
    background: #f7f7f7 url(../images/nShow_icon2.png) no-repeat 15px 7px;
    color: #adadad;
    margin-bottom: 20px;
    padding-left: 35px;
    line-height: 28px;
}


.news_detail .content {
    padding-bottom: 40px;
    border-bottom: 1px dotted #adadad;
    font-size: 13px;
    color: #424242;
	line-height: 24px;
}

.font12,.font14,.font16{cursor: pointer;}
.font12.curr,.font14.curr,.font16.curr{color: #0099e6 !important;}
.news_detail .content.f12{font-size: 12px;}
.news_detail .content.f14{font-size: 14px;}
.news_detail .content.f16{font-size: 16px;}

.detailShare{padding: 25px 0;border-bottom: 1px dotted #adadad;}
.detailShare span{border-left: 1px dotted #adadad;padding: 0 15px;}

.detail_fenx{
	font-size: 14px;
    padding-top: 10px;
    overflow: hidden;
    margin-bottom: 20px;
    border-bottom: 1px dotted #adadad;
    padding-bottom: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.detail_fenx .page_prev,.detail_fenx .page_next{font-size: 14px;color: #666;}

.relatenews{width: 100%;}
.relatedTitle{
	background: #e7e7e7;
    height: 45px;
    line-height: 45px;
}
.relatedTitle span{
	display: inline-block;
    color: #fff;
    background: #004882;
    width: 120px;
    height: 45px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.relatedcontent{font-size: 13px;margin-top: 15px;}
.relatedcontent ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.relatedcontent ul li{width: 49%;border-bottom: 1px dotted #ddd;height: 40px;display: flex;align-items: center;justify-content: space-between;}
.relatedcontent ul li a{background: url(../images/ly_li.png) no-repeat left center;padding-left: 10px;color: #666;}
.relatedcontent ul li span{font-size: 13px;color: #999;}




/* ================关于我们样式================= */
.listmenubox{width: 100%;margin: 0 auto;}
.listmenu{height:60px;margin-bottom:50px;text-align:center;margin-top:50px;width: 100%;}
.listmenu a{display:inline-block;height:50px;line-height:50px;border:1px solid #d8d8d8;width:165px;margin-left:-1px;text-align:center;color:#333;font-size:16px;margin:0 10px}
.listmenu a:hover,.listmenu a.cur{color:#fff;background:#004882;border:1px solid #004882;}

.about_title{width: 100%;text-align: center;margin-bottom: 30px;padding-bottom: 15px;position: relative;}
.about_title:after{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;content: "";width: 20px;height: 2px;background-color: #004882;}
.about_title h1{font-size: 36px;color: #333;}
.about_title p{font-size: 12px;color: #666;}

.about1box{width: 100%;margin: 0 auto;}
.about1{width: 100%;margin: 0 auto;}
.about1_content{width: 100%;background: #f3f3f3;overflow: hidden;height: 400px;}
.about1_left{width: 600px;height: 400px;overflow: hidden;font-size: 0;}
.about1_left img{width: 100%;height: 100%;object-fit: cover;animation: scale 15s linear infinite normal;}

.about1_right{padding: 50px 50px 15px 0;width: 500px;}
.about1_right p{font-size: 16px;color: #666;line-height: 24px;}



.about2box{width: 100%;margin: 0 auto;}
.about2{width: 100%;margin: 0 auto;overflow: hidden;}
.settingBox{position:relative;width:100%;height:400px;margin:0 auto;}
.settingBox ul{position:relative;width:100%;height:400px}

.settingBox li{z-index:0;position:absolute;width:0px;height:0px;top:0;left:0;overflow:hidden;background:#000;}

.settingBox li img{width:100%;background:url('../images/loading.gif') no-repeat center 50%;height:100%;vertical-align:top;opacity:.4;transition:all 0.3s;}

.settingBox li p{position: absolute;left:0;bottom:0;height:40px;line-height:40px;color:#fff;text-align: center;background: rgba(0,0,0,.5);width:100%;text-align: center;padding:0 5%;opacity:0;;}

.settingBox li.cur img{opacity:1;}

.settingBox li.cur p{opacity:1}

.settingBox .prev,.settingBox .next{position:absolute;top:175px;z-index:10;width:24px;height:42px;background:url('../images/odds_btn.png') no-repeat;left:40px;cursor:pointer;opacity:.8;}

.settingBox .next{left:auto;right:40px;background-position:-24px 0}

.settingBox .prev:hover,.settingBox .next:hover{opacity:1;}



/* ================合作品牌样式================= */
.partner ul li{width: 16.66%;margin-right: 0;margin-bottom: 0;}
.partner ul li a{margin-top: -1px;margin-left: -1px;border: 1px solid #e2e2e2;}


/* ================联系我们样式================= */
.contact1box{width: 100%;margin: 0 auto;}
.contact1{width: 100%;margin: 0 auto;}
.contact1 h1{font-size: 36px;color: #222;margin-bottom: 30px;}
.contact1_content{width: 100%;margin: 0 auto;margin-top: 30px;display: flex;border: 1px solid #e7e7e7;}
.contact1_content .item{width: 33.33%;padding: 50px 40px 0 40px;border-right: 1px solid #e7e7e7;}

.contact1_content .item .phone{margin-bottom: 25px;}
.contact1_content .item h3{display: flex;align-items: center;font-size: 14px;color: #666;}
.contact1_content .item h3 i{margin-right: 3px;}
.contact1_content .item .phone span{font-size: 36px;color: #333;padding-left: 15px;display: block;}
.contact1_content .item .address{margin-bottom: 25px;}
.contact1_content .item .address span{font-size: 14px;color: #666;padding-left: 20px;display: block;}

.contact1_content .item1{padding: 40px 40px 0 40px;display: flex;justify-content: space-between;width: 33.33%;}
.contact1_content .item1 .imgbox{width: 45%;text-align: center;}
.contact1_content .item1 .imgbox img{width: 100%;}
.contact1_content .item1 .imgbox p{font-size: 14px;color: #333;}


.contact2box{width: 100%;margin: 0 auto;}
.contact2{width: 100%;margin: 0 auto;font-size: 0;}
.contact2 img{width: 100%;}


.contact3box{width: 100%;margin: 0 auto;}
.contact3{width: 100%;margin: 0 auto;}
.contact3 .title{
	text-align: center;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 25px;
    color: #333;
    position: relative;
}
.contact3 .title span{
	padding: 0 25px;
    background: #fff;
    position: relative;
    z-index: 2;
}
.contact3 .title:after{
	content: "";
    border-bottom: 1px solid #e1e1e1;
    width: 100%;
    left: 0;
    position: absolute;
    top: 13px;
}
.contact3_content{width: 100%;margin-top: 30px;}
.contact3_content form{
	display: flex;
	flex-wrap: wrap;
}
.contact3_content form .item{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 30px;
}
.contact3_content form .item:nth-child(3n){margin-right: 0;}
.contact3_content form .item label{width: 30%;background-repeat: no-repeat;padding-left: 40px;height: 20px;line-height: 20px;}
.contact3_content form .item input{width: 68%;border: 1px solid #dbdbdb;padding: 0 10px;height: 30px;}
.contact3_content form .item span{color: #f00;margin-left: 4px;}

.contact3_content form .item1{
	border-top: 1px dotted #ccc;
    padding: 30px 0;
	width: 100%;
}
.contact3_content form .item1 label{display: block;margin-bottom: 10px;background-repeat: no-repeat;padding-left: 40px;height: 32px;line-height: 20px;}
.contact3_content form .item1 textarea{width: 100%;border: 1px solid #dbdbdb;}

.contact3_content form .item2{width: 100%;display: flex;align-items: center;}
.contact3_content form .item2 label{background-repeat: no-repeat;padding-left: 40px;height: 20px;line-height: 20px;}
.contact3_content form .item2 input{
	width: 180px;
    margin-right: 10px;
    color: #999;
	border: 1px solid #dbdbdb;padding: 0 10px;height: 30px;
}
.contact3_content form .item2 .yzm{
	width: 110px;
    margin-left: 5px;
    border: 1px solid #ccc;
    padding: 4px 5px;
    display: block;
    background: #fff;
}
.contact3_content form .item2 .yzm img{width: 100%;}

.contact3_content form .btnbox{display: flex;align-items: center;margin-top: 30px;}
.contact3_content form .btnbox button{
	width: 120px;
    height: 40px;
    margin-right: 10px;
    background: #1266a9;
    color: #fff;
    border: none;
    font-size: 15px;
    margin-bottom: 0;
    cursor: pointer;
	transition: all 0.3s;
}
.contact3_content form .btnbox button.btn2{
	background-color: #ccc;
}
.contact3_content form .btnbox button:hover{
	background-color: #333;
}


.product_detail{width:100%;}
div.zoomDiv{z-index:999999;position:absolute;top:0px;left:0px;width:100px;height:100px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;border: 1px solid rgb(229, 229, 229);}
div.zoomMask{background-position: 0px 0px;float: right;overflow: hidden;z-index: 999;transform: translateZ(0px);opacity: 0.4;zoom: 1;width: 60px;height: 60px;background-color: white;cursor: default;border: 1px solid rgb(0, 0, 0);background-repeat: no-repeat;position: absolute;left: 63.5px;top: 410.5px;display: block;}
.product_detail .detail_top{display: flex;justify-content: space-between;}
.pd1_left{width: 450px;}
.pd1_left .swiper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.pd1_left .swiper-slide {
  background-size: cover;
  background-position: center;
}

.pd1_left .swiper_box {
  height: 80%;
  width: 100%;
}

.pd1_left .swiper_tab {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
  width: 90%;
  margin: 0 auto;
}

.pd1_left .swiper_tab .swiper-slide {
  width: 25%;
  border: 1px solid #efefef;
}

.pd1_left .swiper_tab .swiper-slide-thumb-active {
  border: 1px solid #1266a9;
}

.pd1_left .swiper-slide a {
  display: block;
  width: 100%;
  object-fit: cover;
}
.pd1_left .swiper-slide a img{width: 100%;}


.pd_btn{
	z-index: 99;
	opacity: 0;
}
.swiper_box:hover .pd_btn{
	opacity: 1;
}

.swiper_tab .swiper-slide img{
	border: 1px solid #ddd;
}

.tabbox{position: relative;}
.tabbox .tab_prev{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9;
	left: -10px;
	cursor: pointer;
	width: 36px;
	height: 36px;
	display: flex;
	justify-content: center;
	background: none;
	font-size: 40px;
	color: #111;
	box-sizing: border-box;
	align-items: center;
	opacity: 1;
	transition: all .3s;
}

.tabbox .tab_next{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9;
	right: -10px;
	cursor: pointer;
	width: 36px;
	height: 36px;
	display: flex;
	justify-content: center;
	background: none;
	font-size: 40px;
	color: #111;
	box-sizing: border-box;
	align-items: center;
	opacity: 1;
	transition: all .3s;
}


/* 产品简介 */

.pd1_right{width:340px;color: #aaa;font-size: 14px;line-height: 30px; height:460px;border-radius:3px;}

.pd1_right .title{font-size:20px; color:#333;border-bottom:1px dotted #dbdbdb;margin-bottom:15px;padding-bottom:10px;}

.pd1_right .title span{display:block;color:#888;font-size:14px;font-weight:normal;}

.pd1_right .font{overflow: hidden;height:240px;margin-bottom:20px;font-size:12px;}

.pd1_right .font strong{font-size:16px;color:#333;display:block;}

.pd1_right .tel{height:50px;line-height:50px;background:#333;margin-bottom:15px;font-size:16px;color:#fff;padding-left:20px;font-weight:bold;}

.pd1_right .tel span{font-size:22px;}

.pd1_right .tel  a{float:right;width:90px;height:50px;background:#004882;text-align:center;color:#fff;}

.pd1_right .tel  a:hover{background:#b60013;}

.pd1_right .p1{background:#f5f5f5;height:40px;line-height:40px;border:1px solid #d2d2d2;text-align: center;font-size:16px;color:#555;}


.proShow_main{margin:40px 0 30px 0;}

.relatedTitle{margin-bottom:15px;}
/* 相关产品样式 */

.related-product {overflow:hidden;}

.related-product .title,.relatedTitle{background:#e7e7e7;height:45px;line-height:45px;}

.related-product .title span,.relatedTitle span{display:inline-block;color:#fff;background:#004882;width:120px;height:45px;text-align:center;font-size:16px;font-weight:bold;}

.related-product ul{ width:100%; margin-top:20px;display: flex;flex-wrap: wrap;}

.related-product li{width:32%;margin-bottom:20px;margin-right:2%;border:1px solid #ddd;background:#eee;text-align:center;}
.related-product li:nth-child(3n){margin-right: 0;}
.related-product li a{display:block;width: 100%;}

.related-product li img{padding:5px;background:#fff;width: 100%; height: 250px;
    object-fit: contain;}

.related-product li span{height:35px;line-height:35px;padding:0 5px; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;display:block;}

.related-product li:hover{border:1px solid #004882;}

.related-product li a:hover{background:#004882;color:#fff;}

.relativeCase li img{height:140px;}


/* ================搜索样式================= */
.searchbox{padding: 80px 0;width: 100%;margin: 0 auto;}
.search{width: 100%;margin: 0 auto;display: flex;align-items: center;justify-content: center;}
.search .txt{
	width: 650px;
    height: 50px;
    line-height: 40px;
    color: #666;
    padding: 0 10px;
    background: #f1f1f1;
}
.search .btn{
    width: 50px;
    height: 50px;
    cursor: pointer;
    transition: all 0.3s;
    background: #eee url(../images/sIcon.png) no-repeat center;
    border-left: 1px solid #ddd;
}