﻿.container{max-width:1200px;}

/*网站公共样式*/
.info-content{font-size:16px;line-height:2;}
.info-content p {text-indent: 2em;}
.info-content p img{margin-bottom:10px;}

.info-product{font-size:16px;line-height:2;}
.info-product p {text-indent: 0;}

a{color:#333;text-decoration:none;}                                            
a:hover{color:#0062d0}
a:focus{color:#0062d0}
a.btn-more{transition:all 0.3s ease;-moz-transition:all 0.3s ease; /* Firefox 4 */-webkit-transition:all 0.3s ease; /* Safari and Chrome */-o-transition:all 0.3s ease; /* Opera */}
.banner{height:500px\9!important;overflow:hidden\9!important;overflow:hidden;} /*兼容ie低版*/
.text-green{color:#0c3c8e;}


/*遮罩层*/
.mask-bg{position:fixed;width: 100%;height:100%;display:none;height:100vh;background-color: rgba(0, 0, 0, .7);overflow:hidden;z-index:100;top: 0;left: 0;}
.mask-bg.active{display:block;}

/*banner下方切换页*/
.indexbanner .ipages {
	bottom: 20px;
}
.ipages {
	position: absolute;
	left: 50% !important;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 10;
	text-align: center;
	font-size: 0;
	line-height: 0;
}

/*公共*/
@media(min-width:992px){
	.liaison-man .box p{font-size: 25px; color: rgb(12, 60, 142); font-weight:bold;}
	.imgtitle{text-align:center; font-size:16px; line-height: 2; padding:20px 10px 10px 16px;}
}
@media(max-width:992px){
	.imgtitle{text-align:center; font-size:16px; line-height: 2; padding:10px 8px 2px 10px;}
}
@media(max-width:768px){
	.info-content p{text-indent: 0;}
	.info-content {font-size:14px; line-height:2;}
	.info-product {font-size:14px; line-height:2;}
	h2 {font-size: 2rem;_font-size: 20px;}
	.padding-left-30{ padding-left:10px;}
	.imgtitle{text-align:center; font-size:16px; line-height: 2; padding:10px 8px 2px 10px;}
}
@media(max-width:468px){
	.font-size-16{font-size:14px;}
	.font-size-18{font-size:16px;}
	.liaison-man .box p{font-size: 20px; color: rgb(12, 60, 142); font-weight:bold;}
	.imgtitle{text-align:center; font-size:14px; line-height: 2; padding:10px 8px 0 10px;}
}

/*内页banner样式*/
.pagebanner{margin:0 auto;text-align:center;overflow:hidden;}
.pagebanner .font-box {margin-top: -110px;text-align:left;}
.pagebanner .font-box .wenad{position: relative;top: -120px;}
.pagebanner .font-box .font1{font-weight:bold;color: rgb(204, 0, 0);}
.pagebanner .font-box .font2{font-weight:bold;color:rgb(12, 60, 142);}
@media(min-width:992px){
     .pagebanner .font-box .font1{font-size:28px;}
     .pagebanner .font-box .font2{font-size: 46px;}
}
@media(max-width:992px){
    .pagebanner .font-box .font1{font-size:24px;}
    .pagebanner .font-box .font2{font-size: 30px;}
}
@media(max-width:468px){   
    /*.pagebanner img{min-height:120px;width:100%;}*/
	.pagebanner img{max-height:120px;width:auto; max-width:none; position:relative; left:-50%;}
	.pagebanner img{max-width:none; display:block;}
    .pagebanner .font-box .font1{font-size:12px;}
    .pagebanner .font-box .font2{font-size: 14px;}	
}


/*自定义导航动画，也可以用animater.css中的动画，需要在script.js中修改*/
.nav .animated,.sub-nav .animated{animation-duration:0.4s;-webkit-animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.navSlide{animation-name:navSlide;-webkit-animation-name:navSlide;}
@keyframes navSlide{0%{transform:translateY(100%);-webkit-transform:translateY(100%);-ms-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%);opacity:0;visibility:visible;}100%{transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);opacity:1;}}



/*主菜单*/
@media (min-width:1000px) /*pc端*/
{
.top-logo{padding-top:10px;}
.header{height: 118px;background-color: #fff;}
.header .nav-toggle{display:none}
.header .logo{line-height:118px;}
.header .logo img{height:60px;}
.top-cheek{background-color: #1844A7;position: sticky;top: 0;z-index: 12;}
.top-cheek .text-center{padding-right:0}

.nav>ul>li{text-align:center;line-height:58px;width: 14.2%;display: inline-block;}
.nav>ul>li>a{font-size:16px;color: #fff;width: 100%;display: block;}
.nav>ul>li>ul{display:none;}
.nav > ul > li.active{background-color:#486CBC;}
.nav > ul > li.current{background-color:#486CBC;}
.nav li:hover> ul{display:block;}
.nav ul li ul li a{display:block;width:100%;text-align:center;color:#fff;font-size:14px;line-height:45px} 
.nav ul li ul li a:hover{text-decoration:none;color:#fff;background:#1844A7;}

/*.nav ul li ul li{display:none!important;}2023-5-18注销*/
.nav ul li{position:relative;}
.nav ul li .arrow{display:none}
.nav ul li ul{background-color:#486CBC;display:none;position:absolute;left:-18%;z-index:2;width:150px} /*二级ul样式*/
.nav ul li ul li ul{left:100%;top:0px; display:none;}/*三级以后ul样式*/
.breadcrumb{margin: 36px 0 0;}
.product_top_lee{margin-top: 100px;}
.imglist_top_lee{margin-top:40px;}

input::-webkit-input-placeholder{color:#eee;}/*修改placeholder字体颜色*/
input:-moz-placeholder{color:#eee;}/*修改placeholder字体颜色*/
}

@media (max-width:1000px) /*手机端*/
{
.header{position:relative;z-index: 5;background-color:#fff;box-shadow: 0px 1px 4px rgba(216, 216, 233, 0.9);}
.header .logo {line-height: 66px;}
.header .logo img{height:50px;}
.header .nav-toggle{position:absolute;right:0px;top:2px;font-size:25px;min-width:66px;height:66px;line-height:66px;text-align:center;cursor:pointer;z-index:1;}
.header .nav-toggle.active{color:#ccc;}

.nav{position:fixed;z-index:100;top:0px;right:0px;width:0px;background:#fff;height:100%;height:100vh;opacity:0;transition: all 0.2s linear;overflow-y:auto}
.nav.active{opacity:1;width:300px;max-width:60%}
.nav ul li{line-height: 45px;text-align:left}
.nav ul li ul{display:none;} /*二级ul样式*/
.nav ul li a{padding-left:30px;display:block;color:#888;font-size:15px;line-height:3.5;border-bottom: 1px solid #dcdcdc}
.nav ul li ul li a{padding-left:60px;font-size:14px;background-color:#f6f6f6;}
.nav ul li ul li ul li a{padding-left:90px;}
.nav ul li ul li ul li li a{padding-left:120px;}
.nav ul li{position:relative;}
.nav ul li .arrow{position:absolute;right:0px;top:0px;width:50px;height:50px;line-height:50px; text-align:center;transition-duration:0s}
.nav ul li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}

.nav ul li.current > a{color:#5a342b;}
.nav ul li.active > ul{display:block}
.nav ul li.active > .arrow{transform:rotate(90deg)}
.product_top_lee{margin-top: 0;}
.imglist_top_lee{margin-top: 0;}
}



/*TOP*/
.header .top-center{color: #777;font-size: 20px;margin-top: 30px;border-left: 1px solid #e0e0e0;font-weight:bold;padding-left: 50px;}
.header .top-center span{color: #888;font-size: 15px;display: block;font-weight: normal;}
.header .top-right{text-align: right;margin-top: 20px;}
.header .top-right img{max-width: 24px;padding-top: 10px;}
.header .top-right ul{text-align: left;line-height: 1.2;position: relative;top: 14px;display: inline-block;color: rgb(110, 124, 139);}
.header .top-right ul li:last-child{font-size: 24px;letter-spacing: 1px;}




/*QA问答*/
.Problem-list ul {padding-bottom: 20px;}
.Problem-list li {margin: 0 0 15px 0; position: relative !important; top: auto !important;}
.Problem-list li .prob-title {position: relative; padding: 20px 60px; font-size: 14px; cursor: pointer; border: 1px solid #e6e6e6; color: #666666;}
.Problem-list li .prob-title:before, .Problem-list li .prob-title:after {content: ""; display: block; width: 60px; position: absolute; top: -1px; bottom: -1px; background-position: center center; background-repeat: no-repeat;}
.Problem-list li .prob-title:before {left: 0; background-image: url(../images/wicon14.png); -moz-background-size: 20px;	-o-background-size: 20px; background-size: 20px;}
.Problem-list li .prob-title:after {right: -1px; background-color: #f2f2f2; background-image: url(../images/wicon16.png);}
.Problem-list li .prob-title span {display: block;}
.Problem-list li.cur .prob-title {color: #ffffff; background-color: #2F58B3; border-color: #2F58B3;}
.Problem-list li.cur .prob-title:before {background-image: url(../images/wicon14ho.png);}
.Problem-list li.cur .prob-title:after {background-color: #2F58B3;background-image: url(../images/wicon16ho.png);}
.Problem-list .prob-cont {background: #fafafa;padding: 22px 20px 35px 60px;	font-size: 13px;line-height: 24px;	position: relative;	display: none;color: #777777;}
.Problem-list .prob-cont:before {content: "";display: block;background: url(../images/wicon15.png) no-repeat;width: 18px;height: 24px; position: absolute; left: 20px; top: 28px;}

@media (min-width:1000px) /*pc端*/
{
.Problem-list {padding-top: 57px;padding-bottom: 10px;}
.Problem-list ul {padding-bottom: 40px;}
.Problem-list li {margin: 0 0 22px 0;}
.Problem-list li .prob-title {font-size: 16px;padding: 32px 90px 32px 100px;}
.Problem-list li .prob-title:before {width: 97px;-moz-background-size: auto;-o-background-size: auto;background-size: auto;	left: 6px;}
.Problem-list li .prob-title:after {width: 90px;}
.Problem-list .prob-cont {font-size: 15px; padding-top: 29px; padding-left: 92px; padding-bottom: 38px;}
.Problem-list .prob-cont:before {left: 47px;}	
}



/*FOOTER*/
.bg-black{background-color:#3D3D3D; padding-top:50px; padding-bottom:80px;}
footer{width:100%; min-height:95px; margin-top:60px; line-height:2.5;}
.footernav>ul>li>a{color:#bbbbbb;}
.footernav>ul>li>ul>li{display:none!important;}
.ulli ul li{line-height: 1.9;}
.ulli ul li:not(:nth-child(-n+7)){display:none;}
.ulli ul li a{color: rgb(236, 245, 236);font-size: 15px;}
.ulli ul li a::before{content:"-";}

.weixin .top ul{text-align: left;line-height: 1.2;position: relative;top: 14px;display: inline-block; color: rgb(110, 124, 139);}
.weixin .top ul li:first-child{font-size: 28px;color: #14b5f0;font-weight:bold;}
/*.weixin .top ul li:last-child{color: rgb(255, 255, 255);font-size: 13px;}*/
.weixin .top .border{padding: 6px 10px;border: 2px solid #e7ecf4;border-radius: 30px;text-align: center;display: inline-block;margin-right:10px;}
.weixin .top .border img{width: 26px;}

.contact li:not(:first-child){line-height:240%;font-size:14px; color:#ABACB7;}
.contact li:first-child img{width: 50px;}
.contact li:first-child b{font-size: 20px;letter-spacing: 1px; color:#ABACB7;}
.contact li a{color: #ABACB7; text-decoration:none;}                                            
.contact li a:hover{color:#BBBBBB;}
.contact li a:focus{color:#BBBBBB;}



.copyright-bg{background-color: rgb(8, 42, 99);}



/*搜索*/
.souborder input{width:200px;height:43px;}
.souborder .searchbox-txt{line-height: 33px;margin-left: 10px;}
.souborder .searchbox-btn{cursor:pointer;width: 40px;}
.souborder .searchbox-btn .fa{line-height: 40px;text-align: center;width: 100%;font-size:20px;}
@media(min-width:1000px){
    .souborder{position: absolute;right: 0;top: 6px;width: 260px;}
    .souborder .searchbox-txt{background-color:#486CBC;color:#fff;border:1px solid #1844A7;}
    .souborder .pcpaddtop30{padding-top:30px;}
    .souborder .searchbox-btn{position: absolute;top: 2px;right: 36px;}
    .souborder .searchbox-btn .fa{color:#afbed2;}
}
@media(max-width:1000px){
    .souborder .searchbox-txt{border:none;}
}



/*PC端置顶*/
#ToTop {position: fixed; bottom: 70px; right: 30px; width: 40px; height: 40px; text-indent: -999em; z-index: 20000; background-image: url(top2.png); background-repeat: no-repeat;background-position:-503px 0;;}
#ToTop:hover {width: 40px; height: 40px; bottom: 70px; right: 30px; background: url(../images/top2.png) no-repeat -503px -42px; text-indent: -999em; filter: alpha(opacity=100); opacity: 1;z-index: 20000;}



/*子栏目样式*/
.sub-nav{background-color:#fff;z-index: 2;position: absolute;top: -36px;width: 100%;}
.sub-nav>ul>li{text-align:center;line-height:72px;display: inline-block;margin: 0 24px;}

.sub-nav>div>ul>li{text-align:center;line-height:72px;display: inline-block;margin: 0 24px;}
.sub-nav>div>ul>li>a{padding:20px 6px; font-size:15px;}
.sub-nav>div>ul>li.active >a{background: url(../images/title_line.jpg) no-repeat bottom center;}

.sub-nav>ul>li>a{padding:20px 6px; font-size:15px;}
.sub-nav >ul>li.active >a{background: url(../images/title_line.jpg) no-repeat bottom center;}
.sub-nav li:hover> ul{display:block;}


.sub-nav ul li{position:relative;}
.sub-nav ul li .arrow{display:none}
.sub-nav ul li ul{background-color:#ed8e82;display:none;position:absolute;left:0;z-index:2;width:150px} /*二级ul样式*/
.sub-nav ul li ul li ul{left:100%;top:0px; display:none;}/*三级以后ul样式*/

.wordsmax{position: absolute;right: 0;z-index: 11;top: -12px}
.sub-nav > ul > li > a:hover{color:#000;}

.home-pro .sub-nav ul{background-color:#fff;box-shadow: 0px 1px 20px 1px rgba(164, 160, 160, 0.31);}
/*.home-pro .sub-nav >ul>li:first-child >a{background: url(../images/title_line.jpg) no-repeat bottom center;background-size: 100%;}*/



/*公共样式*/
/*.breadcrumb li img{width: 26px;position: relative;top: -2px;margin: 26px 0;}*/
.zee{position: relative; top: 2px; margin-top: 26px; margin-bottom: 26px; margin-right:10px;}
.breadcrumb > li + li::before{content: "/";}
.card1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.card2{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;height: 54px;}
.page ul li .fa{padding-right: 10px;}
.page ul li:hover a,.page ul li:hover{color: #0488CD;}



/*图片列表*/
.images-list .row .item a{display:block;overflow:hidden;}
.images-list .row .item img{display:block;width:100%;height:auto;transition: all 0.3s ease-out 0s;}
.images-list .row .item a:hover img{transform:scale(1.08,1.08);}



/*---------------------------------------------------add---------------------------------------------------------------------*/
@media (min-width:1000px){
body{background-color:#ffffff;}
.weixin .number{margin-left: -30px;}
.info-content,.boxsame{background-color: #fff;padding: 30px 30px;}
.honour li{padding:30px 30px;}
.news-list{margin: 0 20px;}
}
@media (max-width:1000px){
.news-list{margin: 0 10px;}
}



/*新闻中心*/
.news-list .row{border-bottom: 1px dotted #dbd4cd;overflow: hidden;padding: 10px 0;margin-bottom: 20px;}
.news-list .row .date{background: #96d8f1;width: 70px;height: 70px;text-align: center;}
.news-list .row .date li:first-child{font-size: 24px;font-weight: bold;height: 38px;line-height: 38px;}
.news-list .row .date li:last-child{font-size: 13px;}

.news-list .row .title p{padding-top: 2px;font-size: 13px}
.news-list .row:hover .hover-red a{color:#0c3c8e;}


/*产品中心*/
.images-list li .box{background-color:#fff; padding-bottom:10px; border:1px solid #e3e3eb;}




/*首页样式*/
@media (min-width:1000px){
.incorporation-title{text-align: left!important;}
.incorporation-title .headline{font-size:26px;font-weight:bold;}
.home-title{margin:40px 0;}
.home-title .headline{font-size: 28px;}
.home-partner{margin-bottom:-60px;padding-bottom:40px;}

.home-product{margin-top:76px;padding-bottom:60px;}
.contactx-bg{padding: 70px 0 120px;}
.contactx-bg .box .font1{font-size: 50px;}
.contactx-bg .box .font2{font-size: 21px;}
.contactx-bg .box .font3{font-size: 25px;}

.incorporation .left .box{position: relative;top: 50px;}
.incorporation .right .box .more a{padding:10px 40px;}
.incorporation .right .box p{text-indent: 2em; letter-spacing: 0.9px; line-height:2.5; font-size:16px;}
.incorporation .right .box .more{margin-top: 48px;}

.advantage-bg{background:url(advantage-bg.jpg) no-repeat center; margin-top:50px;}
.advantage-bg{padding: 100px 0 150px;}
.advantage-top{padding-top: 50px;}
.advantage-bottom{padding-top: 90px;}
.advantage-home .box1{text-align:right;}
.advantage-home p {color: #5a5a5a;letter-spacing: 1px;font-size: 16px;}
.advantage-home h5 {color: #0c3c8e;padding-bottom: 10px;}


.indexnews{padding:20px 0 50px;}
.indexnews_title{line-height:2; white-space: nowrap; text-overflow: ellipsis; padding-left: 15px; padding-right:15px; padding-top:20px; font-size:16px;}
.indexnews_date{padding-left: 15px; padding-top:15px; padding-bottom:15px; color:#999; font-size:13px;}
}
@media (max-width:1000px){
.home-title{margin:15px 0;}
.home-title .headline,.incorporation-title .headline{font-size: 20px;}

.home-product{margin-top:10px;}
.contactx-bg{padding: 40px 0;}
.contactx-bg .box .font1{font-size: 25px;}
.contactx-bg .box .font2{font-size: 16px;}
.contactx-bg .box .font3{font-size: 14px;}

.incorporation{margin-top:20px;}
.incorporation .right .box .more{margin-top:20px; text-align: center;}
.incorporation .right .box .more a{padding:10px;margin-bottom:10px;width:98px;height:42px}
.incorporation .right .box p{letter-spacing: 0.8px; line-height:2.5; font-size:14px;}

.advantage-bg{background:url(advantage-bg.jpg) no-repeat center fixed;}
.advantage-home h5{text-align:center;}
.advantage-bg{padding: 40px 0 80px; margin-top:50px;}
.advantage-bg{position: relative;background-repeat: no-repeat;}
.advantage-bg::before {content: "";	display: block;	position: absolute;	top: 0;	bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.7);}
.advantage-home p {color: #dddddd;letter-spacing: 1px;font-size: 15px;}
.advantage-home h5 {color: #14B5F0;padding-bottom: 10px;padding-top: 15px;}
.formobile{color:#fff;}

.indexnews{padding:20px 0;}
.indexnews ul{margin-left: 0;margin-right: 0;}
.indexnews_title{line-height:1; white-space: nowrap; text-overflow: ellipsis; padding-left: 10px; padding-right:10px; padding-top:18px; font-size:15px;}
.indexnews_date{padding-left: 10px; padding-top:10px; padding-bottom:8px;  color:#999; font-size:12px;}
}
/*首页公共样式*/
.home-title{text-align:center;}
.home-title .headline{padding-bottom:4px;}
.white-bg{background-color:#fff!important;}
.incorporation-title .headline{color: #5a5a5a;}
.gray-bg{background-color:#f9f9f9!important;}
.font-size-13{font-size:13px;}



/*sub*/
.home-pro .sub-nav > ul > li{width: 14.2%;margin: 0;}


/*首页-联系我们*/
.contactx-bg{background:url(home_contactx.jpg) no-repeat center;background-size:cover;text-align:center;color:#fff;}
.contactx-bg .box .font1{color:#14B5F0; font-weight:bold;}
.contactx-bg .box .font2{color: rgb(255, 255, 0); letter-spacing: 2px;}
.contactx-bg .box .font3{font-weight:bold;}
.contactx-bg .box .more{margin: 20px 0;}
.contactx-bg .box .more a{font-size:16px;border:1px solid #fff;padding:10px 30px;color:#fff;}
.contactx-bg .box .more a:hover{color:rgba(15,255,0,1);border-color:rgba(15,255,0,1);}
.contactx-bg .box .font1{padding-bottom:20px;}
.contactx-bg .box .font2{padding-bottom:20px;}
.contactx-bg .box .font3{padding-bottom:20px;}


.contactx-bg{position: relative;background-repeat: no-repeat;}
.contactx-bg::before {content: "";display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0, 0, 0, 0.7);}

#imgbox { width: 100%;height: auto; overflow: hidden;}
#imgbox img{border: 1px solid #ccc;}


.incorporation .left .swiper-wrapper .swiper-slide img{border:1px solid #b9b9b9;}
.incorporation .right .box .more a{color:#fff; background-color:#14b5f0; border:1px solid #fff;}
.incorporation .right .box .more a:hover{background-color:rgba(12,60,142,1);border-color:rgba(12,60,142,1);}
.incorporation .right .box p{color:#555555;}



/*首页-新闻动态*/
.indexnews .more{text-align:center;margin:20px 0;}
.indexnews .more a{color:#fff;padding:10px 40px;background-color:#14b5f0;}
.indexnews .more a:hover{background-color:#0c3c8e;}


/*首页-合作伙伴 滚动*/
.marqueeleft {height: auto;max-width: 1200px;overflow: hidden;margin: 0px auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 5px;display:inline;width:200px;height:auto;overflow:hidden;text-align:center;}
.marqueeleft li .pic{display:block;width:200px;height:auto;padding:10px;overflow:hidden;}
.marqueeleft li .pic img{height:100%;width:100%;}
.marqueeleft li .txt{text-align:center;height:auto;line-height:300px;}
.marqueeleft ul li p{text-align:center;margin: 0 auto;display:inline-block;color:white;padding-top:10px;}



/*留言*/
.feedback{display: flex;justify-content: center;align-items: center;}
.feedback .font-box{position: absolute;top: 14%;text-align: center;}
.feedback .font-box .font1{font-weight:bold;font-size: 16px;color: rgb(20, 181, 240);}
.feedback .font-box .font2{font-weight:bold;font-size: 30px;color: rgb(12, 60, 142);}