body{background:#fff;font-family:'微软雅黑', 'Microsoft Yahei', "Segoe UI", Helvetica, Arial, sans-serif!important;}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding:0;border:0;margin:0}

li{list-style:none}

html{font-size:16px}

body{font-size:14px; background:#F9F9F9; overflow-x:hidden}

a{text-decoration:none;color:black;outline:0;}

.clear{clear:both}

.iphone{width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;background:rgba(0, 0, 0, .2);display:none!important;}

.iphone form{display:none;width:400px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;height:250px;background:white;border-radius:5px;}

input,textarea{background:0;outline:0;resize:none;border:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;}

.w100{ width:100%;}

.wrap{ width:1600px; margin:0 auto;}

.clear{ clear:both;}


/* 公用头部 */

.Header{ width:100%; background:#FFF; position:fixed; left:0; top:0; z-index:1200; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; box-shadow:0 1px 5px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 5px rgba(0,0,0,0.2);}

.HeaderOn{ border-bottom:0; box-shadow:0 1px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.2); }

.HeaderOn .tops{ display:none;}

.tops{ height:40px; line-height:40px; text-align:right; border-bottom:1px solid #DDD; font-size:18px; color:#898989;}

.HeaderMain{ width:1600px; margin:0 auto;height:100%;}

.HeaderLogo{ width:192px; height:100%; float:left;}
.HeaderLogo a{
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.HeaderLogo a img{
	max-height: 40px;
}
.HeaderLogo p{
	font-size:14px; 
	color:#898989;
	
}
.menuIcon,.menuMain{ display:none;}
.header-right{
	float: right;
}
.code{
	font-size: 14px;
    color: #898989;
    line-height: 80px;
    float: right;
    margin-left: 40px;
}
#nav{ 
	height:80px; 
	float:left;
	margin-left: 80px;
}
#nav li{ width:130px; height:80px; text-align:center; float:left; position:relative;}
#nav li a{ 
	line-height:80px; 
	font-size:16px; 
	color:#595757; 
	position: relative;
	display: inline-block;
}
#nav li a:hover,#nav li a.act{  font-weight:bold; color:#0094E8;}
#nav li a.act{
	/*background:url(../images/border.png) no-repeat bottom center;*/
}
#nav li a.act:before{
	content: "";
	width: 100%;
	height: 4px;
	position: absolute;
	background: -webkit-linear-gradient(left,#0094e8,#0067d0);
	border-radius: 10px;
	left: 0;
	bottom: 0;
	z-index: 1;
}
#nav li .sub-nav{ width:130%; 
	padding:20px 0px; position:absolute; 
	top:80px; left:-15%; 
	background:rgba(255,255,255,0.95); 
	z-index:99; display:none; box-shadow:0 5px 15px rgba(0,0,0,0.1);}
#nav li:hover .sub-nav{ display:block;}
#nav li .sub-nav a{ 
	line-height:40px; 
	font-size:14px; 
	color:#555; 
	display:block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#nav li .sub-nav a:hover{ background:none; font-weight:normal; color:#0094E8; }


.HeaderMain .sear{ width:25px; height:25px; 
	margin:27.5px 0 0 0; background:url(../images/serch.png) no-repeat center; 
	float:left;
}

#goodcover{ display:none; position:fixed; top:0%; left:0%; width:100%; height:100%; background:#FFF; z-index:1600;}

#code{ width:100%; position:fixed !important; display:none; left:0 !important; top:0 !important; z-index:9999;}

#code .close1{ width:84%; padding:40px 8%; height:40px; border-bottom:1px solid #E5E5E5; overflow:hidden;}

#code form{ width:94%; float:left;}

#code form .text{ width:75%; height:40px; padding:0 0 0 60px !important; background:url(../images/search-btn3.png) no-repeat left center; font-size:20px; color:#666; float:left;}

#code form .sub{ width:140px; height:40px; background:#007DDC; font-size:16px; color:#FFF; border-radius:4px; cursor:pointer; float:right;}

#code #closebt{ float:right;}

#code #closebt img{ width:40px;}

.goodtxt{}

.goodtxt h2{ height:70px; line-height:70px; padding:0 8%; font-size:24px; font-weight:normal; color:#000;}

.goodtxt a{ height:70px; line-height:70px; padding:0 8%; font-size:16px; color:#666; background:#F1F1F1; display:block;}

.goodtxt a.lr{ background:#FFF;}


/* banner */

.banner{ width:100%;  margin-top:80px; position:relative; overflow:hidden; z-index:9}
.banner .swiper-slide img{
	width: 100%;
	height: 100%;
	display: block;
}

.bancon{ width:1200px; margin:200px auto; }

.bancon h2{ letter-spacing:5px; font-size:58px; font-weight:normal; color:#D8B666; }

.bancon h3{ margin:10px 0 30px 0; letter-spacing:5px; font-size:48px; font-weight:normal; color:#FFF; }

.bancon a{ width:140px; height:39px; line-height:39px; text-align:center; background:linear-gradient(to right, #0094e8, #0067d0); border-radius:4px; letter-spacing:2px; color:#FFF; display:block; }


.indtit{ text-align:center;}

.indtit h2{ font-size:2.25rem; color:#585858; font-weight:normal;}

.indtit p{ font-size:1.125rem; color:#ADADAD;}


/* 首页产品 */

.indprod{ padding:40px 0; background:#EEE;}

.indprod ul{ margin-top:15px; overflow:hidden;}

.indprod ul{position: relative;overflow: visible;}
.swiper-aqcp{overflow: hidden;}
.swiper-cpbutton-left,.swiper-cpbutton-next{border: solid 1px blue;width: 37px;height:80px;border: solid 1px #b3b3b3;z-index: 999;}
.swiper-cpbutton-left{background:#ebebeb url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23939393'%2F%3E%3C%2Fsvg%3E") no-repeat center;background-size: 20px;left: -68px;}
.swiper-cpbutton-next{background:#ebebeb url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23939393'%2F%3E%3C%2Fsvg%3E") no-repeat center;background-size: 20px;right: -68px;}

.indprod ul li{ width:510px; height:370px; margin:35px 35px 0 0; float:left; position:relative; overflow:hidden;}

.indprod ul li.lr{ margin:35px 0 0 0;}

.indprod ul li img{ width:510px; height:300px;}

.indprod ul li p{ width:100%; height:70px; line-height:70px; text-align:center; font-size:1.375rem; color:#5F5F5F; background:#E9E9E9;}

.indprod ul li dl{ width:410px; height:300px; padding:35px 50px; background:url(../images/80.png) no-repeat center/cover; position:absolute; left:0; top:-370px; cursor:pointer; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.indprod ul li:hover dl{ top:0; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.indprod ul li dl dt{ padding-bottom:15px; text-align:center; border-bottom:1px solid #77BFEA;}

.indprod ul li dl dt a{ font-size:1.375rem; color:#FFF;}

.indprod ul li dl dd{ padding-top:10px; overflow:hidden;}

.indprod ul li dl dd a{ 
	width:calc( 50% - 16px ); 
	text-align:center; 
	height:20px; 
	line-height:20px; 
	margin-top: 15px;
	padding-right: 15px;
	border-right:1px solid #77BFEA; 
	font-size:15px; color:#FFF; 
	display:block; 
	float:left; 
	overflow:hidden; 
	text-overflow:ellipsis; 
	white-space:nowrap;
}
.indprod ul li dl dd a:nth-child(2n){
	border-right: 0;
	padding-left: 15px;
	padding-right: 0;
}
.indprod ul li dl dd a.lr{ border:0;}


/* 首页安全服务 */

.indser{ padding:40px 0 0 0;}

.indsercon{ min-height:800px; padding:0 0 40px 0; margin-top:40px; background:url(../images/indserbg.jpg) no-repeat center;}

.indsercon #ser{ width:1110px; height:715px; float:left; position:relative;}

.indsercon #ser li{ position:absolute; z-index:991; -webkit-animation: bounce-down 2.5s linear infinite;animation: bounce-down 2.5s linear infinite;}

.indsercon #ser li.bt1{ width:335px; height:80px; line-height:40px; background:url(../images/dqbt1.png) no-repeat right center; left:0; top:50%; margin-top:-40px; -webkit-animation: bounce-down 2.5s linear infinite;animation: bounce-down 2.5s linear infinite;}

.indsercon #ser li.bt2{ width:160px; height:80px; line-height:40px; background:url(../images/dqbt2.png) no-repeat left center; padding-left:185px; right:0; top:50%; margin-top:-40px; -webkit-animation: bounce-down 3.0s linear infinite;animation: bounce-down 3.0s linear infinite;}

.indsercon #ser li.bt3{ width:240px; padding-top:195px; text-align:center; background:url(../images/dqbt3.png) no-repeat top center; bottom:-90px; left:50%; margin-left:-120px; -webkit-animation: bounce-down 3.5s linear infinite;animation: bounce-down 3.5s linear infinite;}

.indsercon #ser li a{ font-size:26px; color:#FFF; display:block;}

.indsercon #ser li a.selected,.indsercon #ser li a:hover{ color:#63E3EF;}

.indsercon #ser .bg1{ width:100px; height:40px; line-height:40px; padding-bottom:140px; text-align:center; background:url(../images/dqico.png) no-repeat bottom center; font-size:32px; font-weight:bold; color:#FFF; position:absolute; left:50%; top:50%; margin:-90px 0 0 -50px; z-index:99;}

.indsercon #ser .bg2{ width:378px; height:378px; position:absolute; left:50%; top:50%; margin:-189px 0 0 -189px; background:url(../images/diqiu.png) no-repeat center; z-index:88;}

.indsercon #ser .bg3{ width:314px; height:314px; position:absolute; left:50%; top:50%; margin:-157px 0 0 -157px; background:url(../images/dq1.png) no-repeat center; z-index:77;}

.indsercon #ser .bg4{ width:556px; height:556px; position:absolute; left:50%; top:50%; margin:-278px 0 0 -278px; background:url(../images/dqbg.png) no-repeat center; z-index:11;}

.indsercon #ser .bg3{ -webkit-transform: rotate(360deg); animation: rotation 20s linear infinite;  -moz-animation: rotation 20s linear infinite; -webkit-animation: rotation 20s linear infinite; -o-animation: rotation 20s linear infinite;}

@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@-webkit-keyframes bounce-down {
	25% {-webkit-transform: translateY(-10px);}
	50%, 100% {-webkit-transform: translateY(0);}
	75% {-webkit-transform: translateY(10px);}
}

@keyframes bounce-down {
	25% {transform: translateY(-10px);}
	50%, 100% {transform: translateY(0);}
	75% {transform: translateY(10px);}
}

.indsercon #ser_con{ width:380px; margin:80px 0 0 0; float:right; border-left:1px solid #FFF;}

.indsercon #ser_con .tag{ padding:10px 0;}

.indsercon #ser_con dl{}

.indsercon #ser_con dl dt{ margin:0 0 0 -10px; overflow:hidden;}

.indsercon #ser_con dl dt span{ width:20px; height:20px; margin:14px 20px 0 0; background:#FFF; float:left;}

.indsercon #ser_con dl dt p{ width:340px; height:48px; line-height:48px; font-size:26px; color:#FFF; font-weight:bold; float:left;}

.indsercon #ser_con dl dd{ margin:20px 0 0 -7px; overflow:hidden;}

.indsercon #ser_con dl dd span{ width:14px; height:14px; margin:19px 26px 0 0; background:#FFF; border-radius:7px; float:left; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.indsercon #ser_con dl dd a{ width:300px; height:58px; line-height:58px; padding:0 20px; font-size:18px; color:#FFF; border:1px solid #FFF; display:block; float:left; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.indsercon #ser_con dl dd:hover span{ background:-webkit-linear-gradient(left,#0094e8,#0067d0); -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.indsercon #ser_con dl dd:hover a{ background:-webkit-linear-gradient(left,#0094e8,#0067d0); -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}


/* 首页解决方案 */

.indsolu{ padding:40px 0 0 0;}

.indsolu .cons{ margin-top:50px; overflow:hidden;}

.indsolu .cons dl{ width:25%; float:left; position:relative;}

.indsolu .cons dl dt{ width:100%; height:auto; overflow:hidden;}

.indsolu .cons dl dt img{ width:100%; height:100%; display:block; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; transition:all .8s ease 0s;} 

.indsolu .cons dl:hover dt img{ transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);}

.indsolu .cons dl dd{ width:100%; padding:200px 0 0 0; text-align:center; position:absolute; top:0; left:0;}

.indsolu .cons dl dd span{ display:block; height:101px;}

.indsolu .cons dl dd h3{ height:48px; line-height:48px; margin:20px 0 15px 0; font-size:2rem; color:#FFF; font-weight:normal;}

.indsolu .cons dl dd p{ height:36px; line-height:36px; font-size:1.375rem; color:#FFF;}

.indsolu .more{
 width:100%; height:100px; background:url(../images/indsolubg.jpg) no-repeat center; overflow:hidden;
}

.indsolu .more a{ 
	width:210px; height:36px; 
	line-height:36px; margin:32px auto; font-size:1.5rem; 
	color:#FFF; background:url(../images/indsolujt.png) no-repeat right center; 
	display:block; -webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}

.indsolu .more a:hover{ width:230px; 
	-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}


/* 首页客户 */

.indpater{ padding:40px 0 0 0;}

#pater{ 
	margin-top: 30px;
}

#pater h2{ text-align:center;}

#pater #listop{ background:-webkit-linear-gradient(left,#0094e8,#0067d0);}

#pater #lists{ width:1600px; margin:0 auto; overflow:hidden;}

#pater #lists li{ width:266px; float:left;}

#pater #lists li a{ line-height:100px; text-align:center; font-size:1.5rem; color:#FFF; display:block;}

#pater #lists li.selected{ background:#0059B3;}

#pater #lists .more{ width:270px; line-height:100px; text-align:center; font-size:1.5rem; color:#FFF; display:block; float:left;}

#pater #lists .more:hover{ background:#0059B3;}

#pater #brand_con h2{ 
	padding-bottom: 30px;
	font-size:2rem;
	 color:#585858; 
	 font-weight:normal;}

#pater #brand_con h2 span{ padding:0 10px; font-size:60px; color:#0067d0;}

#pater #brand_con .tag{ padding:0 0 80px 0; overflow:hidden;}

.hezuo{ 
	width:1600px; 
	margin:0 auto 0 auto; 
	position:relative; 
}

.hezuo .mr_frBtnL{ 
	width:35px; 
	height:78px; 
	background:url(../images/lprev.jpg) no-repeat center; 
	cursor:pointer; 
	position: absolute;
	top: 50%;
	margin-top: -39px;
	left: -60px;
	z-index: 9;
	-moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.hezuo .mr_frBtnL:hover {
    background: url(../images/lprevh.jpg) no-repeat center;
    
}
.hezuo .mr_frBtnR{ 
	width:35px; height:78px; 
	background:url(../images/lnext.jpg) no-repeat center;
	 cursor:pointer; 
	 position: absolute;
	top: 50%;
	margin-top: -39px;
	right: -60px;
	z-index: 9;
	-moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.hezuo .mr_frBtnR:hover {
    background: url(../images/lnexth.jpg) no-repeat center;
}
.hezuo .mr_frUl{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 15px;
	padding: 15px 0;
}

.hezuo .mr_frUl .swiper-slide{ 
	width:160px; 
	text-align:center; 
	overflow:hidden; 
	position:relative;
}
.hezuo .mr_frUl .swiper-slide img{ 
	width:100%; 
	height:auto; 
	display:block;
}


/* 首页新闻 */

.indnews{ padding:60px 0 80px 0;}

.indnews .msn-focus{ }

.indnews .msn-focus .hd{ text-align:center; margin:40px 0 0 0;}

.indnews .msn-focus .hd li{ display:inline-block; margin:0 80px;}

.indnews .msn-focus .hd li a{ height:30px; line-height:30px; font-size:1.4rem; font-weight:bold; color:#545454; border-bottom:5px solid #F9F9F9;}

.indnews .msn-focus .hd li.on a{ border-bottom:5px solid #0079DA;}

.indnews .msn-focus .bd{ position:relative; overflow:hidden;}

.indnews .msn-focus .bd ul{ overflow:hidden; position:relative;}

.indnews .msn-focus .bd li{ padding-top:50px; position:relative}

.indnews .msn-focus .bd li .more{ position:absolute; top:20px; right:0; font-size:1rem; color:#999;}

.indnews .msn-focus .bd li .more:hover{ color:#0094E8;}

.indnews .msn-focus .bd li dl{ width:420px; margin-right:90px; float:left;}

.indnews .msn-focus .bd li dl dt{ width:420px; height:288px; border-radius:10px; overflow:hidden; position:relative;}

.indnews .msn-focus .bd li dl dt img{ width:100%; height:100%;}

.indnews .msn-focus .bd li dl dt .xin{ width:59px; height:59px; position:absolute; right:0; top:0;}

.indnews .msn-focus .bd li dl dd{ padding:30px 0 0 0;}

.indnews .msn-focus .bd li dl dd h3{ font-size:1.4rem; color:#545454; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.indnews .msn-focus .bd li dl dd h3:hover{ color:#0094E8; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.indnews .msn-focus .bd li dl dd p{ line-height:30px; padding:15px 0 25px 0; font-size:1rem; color:#808080;}

.indnews .msn-focus .bd li dl dd .date{ overflow:hidden;}

.indnews .msn-focus .bd li dl dd .date span{ font-size:16px; color:#999; float:left;}

.indnews .msn-focus .bd li dl dd .date b{ font-size:16px; color:#999; font-weight:normal; float:right; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.indnews .msn-focus .bd li dl dd .date b:hover{ color:#0094E8; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.indnews .msn-focus .bd li .list{ width:570px; border-top:1px solid #C9C9C9; float:right;}

.indnews .msn-focus .bd li .list p{ 
	height:70px; 
	line-height:70px; 
	padding:0 30px; 
	border-bottom:1px solid #C9C9C9; 
	background:url(../images/newsbg.png) no-repeat left center; overflow:hidden;}

.indnews .msn-focus .bd li .list p a{ 
	width:75%; font-size:1.2rem; 
	color:#545454; overflow:hidden; text-overflow:ellipsis; 
	white-space:nowrap; float:left; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.indnews .msn-focus .bd li .list p a:hover{ color:#0094E8; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.indnews .msn-focus .bd li .list p span{ font-size:1rem; color:#696969; float:right;}


/******************** 内页部分 ********************/


/* banner */

.nybanner{ width:100%; height:410px; margin-top:80px; position:relative; z-index:9;}

.ernav{ height:80px; 
	background:-webkit-linear-gradient(left,#0094e8,#0067d0); 
	overflow:hidden; 
	position:absolute; 
	top:100%; 
	margin-top: -40px; 
	left:50%; 
	margin-left: -800px;
}
.ernav a{ 
	width:14.28%; 
	height:80px; 
	font-size:18px; 
	color:#FFF; 
	display: flex; 
	align-items: center; 
	justify-content: center; flex-direction: column; text-align:center; float:left;
	position: relative;
}
.ernavon{ height:80px; position:fixed !important; top:80px !important; margin-top:0;}
.ernavon a{ height:80px; font-size:18px;}
.ernav a:hover,.ernav a.act{ background:#0059b3;}

.solu a{ width:25%;}

.serban a{ width:20%; padding:0 0;}

.proban a{ width:16.66%;}


.bjbanner{ width:100%; height:490px; padding-top:52px;}
.bjbanner a{ height:100%; display:block}


.position{ width:1560px; height:70px; margin:121px auto 45px auto; padding:0 20px; background:#FFF; overflow:hidden;}

.position p{ line-height:70px; padding-left:25px; font-size:16px; color:#9a9a9b; background:url(../images/pos.jpg) no-repeat left center; float:left;}

.position p a{ font-size:16px; color:#9a9a9b;}

.position p a:hover{ color:#0094E8;}

.position .back{ width:35px; line-height:70px; padding-left:25px; font-size:16px; color:#9a9a9b; background:url(../images/back.jpg) no-repeat left center; float:right; display:block;}

.position .back:hover{ color:#0094E8;}


.nytit{ text-align:center;}

.nytit h3{ line-height:36px; margin-bottom:20px; font-size:36px; font-weight:normal; background:linear-gradient(to right, #0094E8, #0067D0); -webkit-background-clip:text; color:transparent;}

.nytit h2{ line-height:30px; font-size:30px; color:#333; font-weight:normal;}

.nytit h4{ line-height:30px; padding-top:10px; font-size:20px; color:#333; font-weight:normal;}

.nytit .tt2{ color:#FFF;}


/* 产品中心 */

.prolist{ padding:120px 0 100px 0;}

.prolist dl{ width:510px; height:340px; margin:20px 35px 20px 0; float:left; background:#FFF; box-shadow:0 1px 5px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 5px rgba(0,0,0,0.2); overflow:hidden; position:relative;}

.prolist dl.lr{ margin:20px 0 20px 0;}

.prolist dl dt{ width:510px; height:240px;}

.prolist dl dt img{ width:100%; height:100%;}

.prolist dl dd.tit{ height:24px; line-height:24px; text-align:center; margin-top:20px; padding:0 40px; font-size:22px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.prolist dl dd.text{ width:510px; height:340px; text-align:center; position:absolute; left:0; top:-340px; background:url(../images/80.png) repeat; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}

.prolist dl:hover dd.text{ top:0; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}

.prolist dl dd.text h3{ line-height:30px; padding:55px 40px 0 40px; font-size:20px; color:#FFF;}

.prolist dl dd.text span{ width:30px; height:1px; background:#FFF; display:block; margin:20px auto 0 auto; color:#FFF;}

.prolist dl dd.text p{ line-height:30px; padding:20px 40px 40px 40px; font-size:18px; color:#FFF;}

.prolist dl dd.text b{ font-size:16px; font-weight:normal; color:#FFF;}


/* 产品中心详情 */

.prodeail{ padding-bottom:70px; overflow:hidden;}

.prodeail dd{ width:615px; float:left;}

.prodeail dd h1{ padding-top:30px;}

.prodeail dd h1 span{ padding-left:10px; font-size:22px; color:#0059b3;}

.prodeail dd p{ line-height:35px; padding:40px 0 10px 0; margin-bottom:20px; font-size:18px;}

.prodeail dd h3{ line-height:35px; font-size:18px; font-weight:normal;}

.prodeail dt{ width:809px; height:383px; float:right;}

.prodeail dt img{ width:100%; height:100%;}


.procon{ overflow:hidden;}

.procon .types{ height:70px; background:url(../images/prodeailbg.jpg) no-repeat center;}

.procon #lists{ width:1600px; margin:0 auto;}

.procon #lists li{ width:25%; line-height:70px; text-align:center; float:left;}

.procon #lists li a{ font-size:18px; font-weight:bold; color:#FFF; display:block;}

.procon #lists li.li1 a{ background:url(../images/pico1.png) no-repeat 110px center; background-size: auto 30px}
.procon #lists li.li2 a{ background:url(../images/pico2.png) no-repeat 110px center; background-size: auto 30px}
.procon #lists li.li3 a{ background:url(../images/pico3.png) no-repeat 110px center; background-size: auto 30px}
.procon #lists li.li4 a{ background:url(../images/pico4.png) no-repeat 110px center; background-size: auto 30px}

.procon #lists li.li1 a.selected{ background:url(../images/pico1h.png) no-repeat 110px center; color:#006dd3;  background-size: auto 30px}
.procon #lists li.li2 a.selected{ background:url(../images/pico2h.png) no-repeat 110px center; color:#006dd3;  background-size: auto 30px}
.procon #lists li.li3 a.selected{ background:url(../images/pico3h.png) no-repeat 110px center; color:#006dd3;  background-size: auto 30px}
.procon #lists li.li4 a.selected{ background:url(../images/pico4h.png) no-repeat 110px center; color:#006dd3;  background-size: auto 30px}

.procon #brand_con{ width:100%; background:#fff;}

.procon #brand_con .tag{ width:1600px; padding:85px 0; margin:0 auto; overflow:hidden;}

.procon #brand_con .tag dl{ overflow:hidden;}

.procon #brand_con .tag dl dd{ width:100%; float:left;}

.procon #brand_con .tag dl dd h3{ padding:30px 0 30px 0; font-size:30px; color:#333;}

.procon #brand_con .tag dl dd p{ line-height:40px; font-size:18px; color:#333;}

.procon #brand_con .tag dl dt{ width:790px; height:380px; 
	float:right; position:relative;}

.procon #brand_con .tag dl dt img{ 
	width:770px; height:360px; position:absolute; 
	top:0; right:0; z-index:1; display:block;}

.procon #brand_con .tag dl dt span{ width:770px; 
	height:360px; background:#D3DEE8; 
	position:absolute; bottom:0; left:0; z-index:0; display:block;}

.procon #brand_con .tag,.procon #brand_con .tag p{ line-height:40px; font-size:18px; color:#333;}

.procon #brand_con .tag img{ max-width:100%; margin:10px 0;}


.beto{ padding:70px 0 130px 0;}

.beto .title{ padding-bottom:70px; font-size:30px; font-weight:bold;}

.betopro{ overflow:hidden;}

.betopro .mr_frBtnL{ width:35px; height:78px; margin-top:128px; background:url(../images/lprev.jpg) no-repeat center; float:left; cursor:pointer; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}
.betopro .mr_frBtnL:hover{ background:url(../images/lprevh.jpg) no-repeat center; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}
.betopro .mr_frBtnR{ width:35px; height:78px; margin-top:128px; background:url(../images/lnext.jpg) no-repeat center; float:right; cursor:pointer; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}
.betopro .mr_frBtnR:hover{ background:url(../images/lnexth.jpg) no-repeat center; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}

.betopro .mr_frUl{ width:1475px; overflow:hidden; margin:0 25px; float:left; }

.betopro .mr_frUl ul{ padding:5px 0 !important; overflow:auto !important;}

.betopro .mr_frUl ul li{ width:465px; height:315px; margin:0 15px 0 15px; float:left; background:#FFF; box-shadow:0 1px 5px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 5px rgba(0,0,0,0.2); overflow:hidden; position:relative;}

.betopro .mr_frUl ul li.lr{ margin:0 0 40px 0;}

.betopro .mr_frUl ul li dt{ width:465px; height:246px;}

.betopro .mr_frUl ul li dt img{ width:100%; height:100%;}

.betopro .mr_frUl ul li dd.tit{ height:24px; line-height:24px; text-align:center; margin-top:5px; padding:0 40px; font-size:22px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.betopro .mr_frUl ul li dd.text{ width:465px; height:315px; text-align:center; position:absolute; left:0; top:-340px; background:url(../images/80.png) repeat center/cover; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}

.betopro .mr_frUl ul li:hover dd.text{ top:0; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}

.betopro .mr_frUl ul li dd.text h3{ height:25px; line-height:25px; padding:50px 40px 0 40px; font-size:22px; color:#FFF; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.betopro .mr_frUl ul li dd.text span{ width:30px; height:1px; background:#FFF; display:block; margin:20px auto 0 auto; color:#FFF;}

.betopro .mr_frUl ul li dd.text p{ line-height:30px; padding:20px 40px 30px 40px; font-size:16px; color:#FFF;}

.betopro .mr_frUl ul li dd.text b{ font-size:16px; font-weight:normal; color:#FFF;}


/* 解决方案 */

.solution{ padding:80px 0 100px 0; background:#F1F1F1;}

.solution dl{ margin-top:80px; box-shadow:0 1px 5px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 5px rgba(0,0,0,0.2); overflow:hidden; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; position:relative;}
.solution dl #jjfa1,.solution dl #jjfa2,.solution dl #jjfa3,.solution dl #jjfa4{ width:100%; height:1px; position:absolute; top:-210px;}

.solution dl dd{ width:531px; height:353px; padding:55px 50px; background:#FFF; float:left; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.solution dl:hover dd{ background:url(../images/solutionbg.jpg) no-repeat center; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.solution dl dd i{ width:44px; height:44px; margin-bottom:10px; display:block;}

.solution dl dd i.i1{ background:url(../images/sico1.png) no-repeat center; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.solution dl dd i.i2{ background:url(../images/sico2.png) no-repeat center; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.solution dl dd i.i3{ background:url(../images/sico3.png) no-repeat center; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.solution dl dd i.i4{ background:url(../images/sico4.png) no-repeat center; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.solution dl dd h2{ font-size:30px; color:#333; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.solution dl dd p{ line-height:35px; padding:20px 0 45px 0; font-size:18px; color:#555; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.solution dl dd b{ width:50px; height:45px; line-height:45px; text-align:center; font-size:20px; font-weight:normal; color:#666; border:1px solid #B2B2B2; display:block; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.solution dl:hover dd h2,.solution dl:hover dd p{ color:#FFF; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.solution dl:hover dd b{ color:#FFF; border:1px solid #FFF; display:block; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.solution dl dt{ width:969px; height:463px; overflow:hidden; float:left;}

.solution dl dt img{ width:100%; height:100%; display:block; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; transition:all .8s ease 0s;} 

.solution dl:hover dt img{ transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);}

.newdeail .solus{ width:340px; padding:40px 30px; background:#FFF; float:right;}

.newdeail .solus h2{ height:30px; line-height:30px; padding-left:15px; border-left:4px solid #007ADA; font-size:30px; font-weight:normal;}

.newdeail .solus dl{ margin-top:26px;}
.newdeail .solus dl:first-child{
	margin-top: 0;
}
.newdeail .solus dl dt,.newdeail .solus dl dt img{ width:100%; display:block;}

.newdeail .solus dl dd{ line-height:56px; padding-left:30px; font-size:18px; color:#444; border-bottom:1px solid #E0E0E0; background:url(../images/dian.jpg) no-repeat 10px center; display:block; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.newdeail .solus dl:hover dd,.newdeail .solus dl.act dd{ color:#0094E8; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.solubody{ width:1000px; padding:30px 55px; background:#FFF; float:left;}

.solubody dl{ margin-bottom:40px;}

.solubody dl dt{ padding:25px 0 25px 30px; font-size:28px; color:#0059B3; border-bottom:1px solid #E0E0E0; background:url(../images/dian.jpg) no-repeat left center; position:relative;}

.solubody dl dt i{ width:450px; height:3px; background:#0059B3; position:absolute; left:0; bottom:-2px; display:block;}

.solubody dl dd{}

.solubody dl dd p{ line-height:35px; padding:30px 0; text-indent:2em; font-size:18px; color:#555;}

.solubody dl dd img{ max-width:100%; display:block;}

.solus-y{ 
	width: 100%;
	height: 470px; 
	overflow: auto;
	margin-top: 20px;
	    padding-right: 15px;
}
.solus-y::-webkit-scrollbar{ width:2px; }
.solus-y::-webkit-scrollbar-track{ background:#e6e6e6;}
.solus-y::-webkit-scrollbar-thumb{ background:#0059b3;}


/* 关于圣博润 */

.abouts{ padding:120px 0 100px 0; background:#F9F9F9 url(../images/aboutbg1.png) no-repeat bottom center; position:relative;}
#abouts,#history{ width:100%; height:1px; position:absolute; top:-200px;}
#abouts{ top:-100px;}
.picMarquee-top{ height:auto; margin:50px 180px 70px 180px; line-height:40px; 
 font-size:20px; color:#333;
	position:relative;}
.picMarquee-top p{
	text-indent: 2em;
}
.wrapper{ margin:10px auto; position: relative; overflow:hidden;}

.wrapper .counter{ width:25%; text-align:center; float:left;}

.wrapper .count-title{ height:80px; line-height:80px; font-size:80px; font-weight:normal; font-family:"Tahoma"; background:linear-gradient(to right, #0094e8, #0067d0); -webkit-background-clip:text; color:transparent;}

.wrapper .count-text{ line-height:30px; margin-top:20px; font-size:22px; color:#808080;}

.indshuzi{ margin:-3px auto 0; padding:20px 0; background:#0094E8;}

.indshuzi .counter{ width:25%; text-align:center; float:left;}

.indshuzi .count-title{ 
	height:60px; 
	line-height:60px; 
	font-size:40px; 
	font-weight:normal; 
	font-family:"Tahoma"; 
	color:#FFF;
}
.indshuzi .count-title i{
	font-style: normal;
	font-size: 60px;
}
.indshuzi .count-title span{
	position: relative;
	top: -10px;
}
.indshuzi .count-text{ line-height:30px; margin-top:10px; font-size:18px; color:#FFF;}

.culture{ overflow:hidden;    
	padding-bottom: 80px;
    background: url(../images/gybg.jpg) no-repeat bottom;
}

.culture dl{ width:33.2%; margin:0 0.2% 0 0; float:left; position:relative;}

.culture dl.lr{ margin:0;}

.culture dl dt{ width:100%; height:auto; overflow:hidden;}

.culture dl dt img{ width:100%; display:block; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; transition:all .8s ease 0s;} 

.culture dl:hover dt img{ transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);}

.culture dl dd{ width:100%; text-align:center; padding:20% 0 0 0; position:absolute; top:0; left:0;}

.culture dl dd h3{ font-size:32px; color:#FFF; font-weight:normal;}

.culture dl dd span{ width:50px; height:4px; margin:20px 0; background:#0077D8; border-radius:2px; display:inline-block;}

.culture dl dd p{ font-size:24px; color:#FFF;}


.history{ padding:120px 0 0 0; position:relative;}

.events{ width:100%; padding:0 0 60px; margin-top:60px; background:initial; overflow:hidden;}
.events .wrap{ position:relative;}
.events li{
	width: 100%;
	margin: 20px 0;
    padding: 20px 5px;
    transition: all 0.3s cubic-bezier(0.55,0,0.1,1);
    box-sizing: border-box;
}
.events li:hover {
    box-shadow: rgb(0 0 0 / 19%) 0px 10px 30px 0px;
    -webkit-transform: translate3d(0px,-2px,0px);
    transform: translate3d(0px,-2px,0px);
    transition: all 0.3s ease;
    z-index: 10;
}
.events li:nth-child(even) {
    background-color: rgba(130,130,130,0.1);
}
.events li h2{
	font-size: 20px;
	color: #0094E8;
	position: relative;
	padding-left: 20px;
}
.events li h2::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left:-7px;
    display: block;
    width: 10px;
    height: 10px;
    border: 4px solid #0094E8;
    border-radius: 50%;
}
.events li .col-sm-9 {
    width: 80%;
    padding-left: 150px;
}
.events_list{
	color: #666;
	font-size: 18px;
	line-height: 40px;
	padding-left: 20px;
	margin-top: 15px;
	border-left: 2px solid rgba(67,67,67,.75);
}


/* 新闻列表 */

.newstj{ padding-top:90px; background:#EDEDED; overflow:hidden;}

.newnav{ padding:20px 0; text-align:center; border-bottom:1px solid #CCC;}

.newnav a{ margin:0 120px; font-size:1.4rem; color:#555; border-bottom:5px solid #EDEDED; display:inline-block;}

.newnav a:hover,.newnav a.act{ border-bottom:5px solid #0094e8; color:#333;}

.newstj dl.tj{ width:1600px; margin:80px auto 100px auto; overflow:hidden; box-shadow:0 1px 5px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 5px rgba(0,0,0,0.2); -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}

.newstj dl.tj dt{ width:680px; height:464px; float:left; position:relative; overflow:hidden;}

.newstj dl.tj dt img{ width:100%; height:100%; display:block; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; transition:all .8s ease 0s;} 

.newstj dl.tj:hover dt img{ transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);}

.newstj dl.tj:hover{ box-shadow:0 1px 5px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.5);-moz-box-shadow:0 1px 5px rgba(0,0,0,0.5); -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}

.newstj dl.tj dt .date{ width:80px; height:70px; text-align:center; padding-top:10px; border-radius:4px 0 0 4px; background:-webkit-linear-gradient(left,#0094e8,#0067d0); position:absolute; top:0; right:0;}

.newstj dl.tj dt .date span{ font-size:26px; color:#FFF;}

.newstj dl.tj dt .date p{ font-size:18px; color:#FFF;}

.newstj dl.tj dd{ width:720px; height:284px; padding:80px 100px 100px 100px; background:#FFF; float:left;}

.newstj dl.tj dd h2{ line-height:40px; font-size:24px; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}

.newstj dl.tj:hover dd h2{ color:#0094E8; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}

.newstj dl.tj dd p{ padding:20px 0 30px 0; line-height:35px; font-size:18px; color:#555;}

.newstj dl.tj dd b{ width:170px; height:45px; line-height:45px; text-align:center; background:-webkit-linear-gradient(left,#0094e8,#0067d0); font-size:16px; font-weight:normal; color:#FFF; display:block;}

.newslist{ padding:80px 0 100px 0;}

.newslist dl{ width:500px; margin:50px 50px 0 0; float:left; border-radius:10px; overflow:hidden; box-shadow:0 1px 5px rgba(0,0,0,0.3);-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 5px rgba(0,0,0,0.3);}

.newslist dl.lr{ margin:50px 0 0 0;}

.newslist dl dt{ width:500px; height:340px; overflow:hidden;}

.newslist dl dt img{ width:100%; height:100%; display:block; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; transition:all .8s ease 0s;} 

.newslist dl:hover dt img{ transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);}

.newslist dl dd{ padding:35px 30px; background:#FFF;}

.newslist dl dd .tit{ overflow:hidden;}

.newslist dl dd .tit .date{ width:80px; height:70px; text-align:center; padding-top:10px; border-radius:4px; border:1px solid #FFF; background:-webkit-linear-gradient(left,#0094e8,#0067d0); float:left;}

.newslist dl dd .tit .date span{ font-size:26px; color:#FFF;}

.newslist dl dd .tit .date p{ font-size:18px; color:#FFF;}

.newslist dl dd .tit h2{ width:335px; height:82px; font-size:20px; display:flex; align-items:center; justify-content:center; float:right; overflow:hidden; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}

.newslist dl dd .con{ padding:15px 0 5px 0; line-height:30px; font-size:18px; color:#555; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}

.newslist dl:hover dd{ background:-webkit-linear-gradient(left,#0094e8,#0067d0); -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}

.newslist dl:hover dd .tit h2,.newslist dl:hover dd .con{ color:#FFF; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}


/* 新闻详情 */

.newdeail{ padding:0 0 100px 0;}

.newbody{ width:970px; padding:50px 70px; background:#FFF; float:left;}

.newbody h1{ font-size:30px; font-weight:normal;}

.newbody .title{ height:40px; line-height:40px; margin-bottom:40px; padding-left:45px; background:url(../images/q.png) no-repeat left center; font-size:30px; font-weight:normal;}

.newbody .infos{ height:30px; line-height:30px; padding:20px 0 30px 0; overflow:hidden;}

.newbody .infos p{ padding-left:23px; background:url(../images/date.jpg) no-repeat left center; color:#999; float:left;}

.newbody .infos span{ margin-left:50px; padding-left:23px; background:url(../images/laiyuan.jpg) no-repeat left center; color:#999; display:block; float:left;}

.newbody .cons{ padding:30px 0; line-height:35px; font-size:18px; color:#555; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9;}
.newbody table,.newbody caption,.newbody tbody,.newbody tfoot,.newbody thead,.newbody tr,.newbody th,.newbody td{border: 1px solid #D9D9D9;}
.newbody table{border-collapse:collapse;}
.newbody .cons p{ line-height:35px; margin-bottom:12px; font-size:18px; color:#555;}

.newbody .cons img{ max-width:100%; margin:20px 0;}

.newdeail .tuijian{ width:340px; padding:40px 30px; background:#FFF; float:right;}

.newdeail .tuijian h2{ height:30px; line-height:30px; padding-left:15px; margin-bottom:25px; border-left:4px solid #007ADA; font-size:30px; font-weight:normal;}

.newdeail .tuijian img{ max-width:100%; display:block; border-radius:10px;}

.newdeail .tuijian ul{}

.newdeail .tuijian ul li{ padding:20px 0 20px 30px; background:url(../images/dian.jpg) no-repeat 10px 30px; border-bottom:1px solid #E0E0E0;}

.newdeail .tuijian ul li a{ line-height:28px; font-size:18px; color:#555; display:block;}

.newdeail .tuijian ul li a:hover{ color:#0094E8;}

.newdeail .tuijian ul li span{ padding-top:10px; color:#999; display:block;}


.shangxia{ padding:40px 0; overflow:hidden;}

.shangxia p{ width:70%; line-height:40px; float:left;}

.shangxia p a{ font-size:18px; color:#555;}

.shangxia .back{ width:134px; height:38px; line-height:38px; text-align:center; margin:21px 0; font-size:16px; color:#FFF; border-radius:4px; display:block; background:-webkit-linear-gradient(left,#0094e8,#0067d0); float:right;}


/* 联系我们 */

.contact{ padding:120px 0 40px 0; background:#EDEDED; overflow:hidden;}

.contact .infos{ margin-top:80px; box-shadow:0 1px 5px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 5px rgba(0,0,0,0.2); overflow:hidden;}

.contact .infos dl{ width:390px; height:520px; padding:55px 80px; background:#FFF; float:left;}

.contact .infos dl dt{ 
	padding-bottom:30px; 
	font-size:20px; font-weight:bold; background:linear-gradient(to right, #0094E8, #0069D1); -webkit-background-clip:text; color:transparent; border-bottom:1px solid #D9D9D9;}

.contact .infos dl dd{ padding:20px 0 20px 55px; border-bottom:1px solid #D9D9D9;}

.contact .infos dl dd.dd1{ background:url(../images/lx1.png) no-repeat left center;}

.contact .infos dl dd.dd2{ background:url(../images/lx2.png) no-repeat left center;}

.contact .infos dl dd.dd3{ background:url(../images/lx3.png) no-repeat left center;}

.contact .infos dl dd.lr{ background:url(../images/lx4.png) no-repeat left center; border-bottom:0;}

.contact .infos dl dd span{ margin-bottom:5px; font-size:20px; color:#333; display:block;}

.contact .infos dl dd p{ line-height:35px; font-size:16px; color:#666;}

#dituContent{ width:100%; height:630px; float:right; background:#D6E8F5; display:flex; align-items:center; justify-content:center;}
.company{ padding:20px 0 100px 0; background:#F9F9F9; overflow:hidden;}

.company dl{ width:495px; margin:50px 54px 0 0; padding:15px 0; background:#FFF; border:1px solid #D9D9D9; border-radius:10px; float:left;}

.company dl.lr{ margin:50px 0 0 0;}

.company dl dt{ height:18px; line-height:18px; padding:0 0 10px 40px; font-size:18px; font-weight:bold; border-left:4px solid #0094E8; background:linear-gradient(to right, #0094E8, #0069D1); -webkit-background-clip:text; color:transparent;}

.company dl dd{ padding:0 30px;}

.company dl dd p{ padding:0 24px; margin-top:10px; line-height:30px; font-size:14px; color:#555;}

.company dl dd .add{ background:url(../images/add.jpg) no-repeat 0 5px;}

.company dl dd .atel{ background:url(../images/atel.jpg) no-repeat left center;}


/* 分页 */

#mpage{ display:none;}

#page,#mpage{ text-align:center; padding-top:60px; clear:both;}

#page li,#mpage li{ display:inline-block; vertical-align:middle; margin:0 4px;}

#page li.zong,#mpage li.zong{ height:50px; line-height:50px; padding:0 21px; border:1px solid #CCC; font-size:18px; background:#FFF; color:#838383;}

#page li a,#mpage li a{ display:block; height:50px; line-height:50px; padding:0 21px; border:1px solid #CCC; font-size:18px; background:#FFF; color:#838383;}

#page li a.active,#page li a:hover,#mpage li a:hover{ border:1px solid #F9F9F9; background:-webkit-linear-gradient(left,#0094e8,#0067d0); color:#FFF;}


/* 公用底部 */

.bottoms{ width:100%; padding:60px 0 40px 0; background:#363b46; }

.bottoms .wrap{ overflow:hidden;}

.bottoms dl{ margin-right:125px; float:left;}

.bottoms dl dt{ font-size:18px; font-weight:bold; color:#FFF;}

.bottoms dl dd{ padding-top:10px;}

.bottoms dl dd a{ padding-top:10px; font-size:15px; color:#C3C3C3; display:block;}

.bottoms dl dd a:hover{ color:#FFF;}

.bottoms .telewm{ text-align:center; float:right;}

.bottoms .telewm .ewm{ max-width:85px; display:inline-block;}

.bottoms .telewm p{ padding:20px 0 40px 0; font-size:15px; color:#C3C3C3;}

.bottoms .telewm h2{ padding-top:45px; font-size:20px;line-height: 33px; color:#0094E8; background:url(../images/telbg.png) no-repeat top center;}

.botcon{ height:80px; line-height:80px; background:#2C3038; }

.botcon .wrap{ overflow:hidden;}

.botcon p{ padding-right:40px; color:#DADADA; float:left;}

.copyright{ height:45px; line-height:45px; background:#F9F9F9;}

.copyright .wrap{ overflow:hidden;}

.copyright p{ padding-right:40px; font-size:12px; color:#AEAEAE; float:left;}

.copyright span{ padding-right:40px; font-size:12px; color:#AEAEAE; float:right;}


/*在线客服*/

.floating_ck{ position:fixed;right:0;bottom:25%; z-index:9999}

.floating_ck dl dd{position:relative;width:60px;height:60px;border-bottom:solid 1px #FFF;text-align:center; cursor:pointer;}

.floating_ck dl dd a{ width:100%; height:100%; display:block;}

.floating_ck dl dd:hover{background:;}

.floating_ck dl dd:hover .floating_left{display:block;}

.floating_ck .tel{background:#0093E7 url(../images/zxico3.png) no-repeat center;}

.floating_ck .consult{background:#0093E7 url(../images/zxicon_bottom.png) no-repeat center;}

.floating_ck .qrcord{ background:#0093E7 url(../images/erweimaicon.png) no-repeat center;}

.floating_ck dl dd.backtop{ border-bottom:0; background:#0093E7 url(../images/return_bottom.png) no-repeat center;}

.floating_ck dl dd.tel:hover{background:#0067D0 url(../images/zxico3.png) no-repeat center;}

.floating_ck dl dd.consult:hover{background:#0067D0 url(../images/zxicon_bottom.png) no-repeat center;}

.floating_ck dl dd.qrcord:hover{ background:#0067D0 url(../images/erweimaicon.png) no-repeat center;}

.floating_ck dl dd.backtop:hover{ background:#0067D0 url(../images/return_bottom.png) no-repeat center;}

.floating_left{ width:180px; height:60px; background:#0067D0; display:none; border-radius:5px 0 0 5px; position:absolute; left:-180px; top:0px;}

.floating_left p{ line-height:60px; color:#FFF; font-size:14px;}

.floating_ewm{ width:120px; height:120px; top:0; left:-120px;}

.floating_ewm img{ width:100%; height:100%;}


.hezuo{
	display: block;
}
.hezuo.on{
	display: block;
}

.ernav{
	display:inline-block;
    display:-moz-box;
    -moz-box-orient:horizontal;
    display:-webkit-box;
    -webkit-box-orient:horizontal;
    display:box;
    box-orient:horizontal;
}
.ernav  a{ 
	-webkit-box-flex: 1.0;
	-moz-box-flex:1.0;
	box-flex:1.0;
}

/*2021-7-18解决方案新增*/
.list-solution{
	margin-top: 100px;
}
.list-solution-item{
	width: 100%;
	height: 400px;
	margin-bottom: 40px;
	padding:40px;
	box-shadow: 0 1px 5px rgb(0 0 0 / 20%);
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
    box-sizing:border-box;
}
.list-solution-item .scale-img{
	width: 40%;
	float: left;
	height: 100%;
	overflow: hidden;
}
.list-solution-item .scale-img img{
	width: 100%;
	height: 100%;
}
.list-solution-item-txt{
	width: calc( 60% - 40px );
	float: right;
}
.list-solution-item-txt a{
	display: block;
}
.list-solution-item-txt h4{
	font-size: 26px;
	color: #333;
	font-weight: bold;
}
.list-solution-item-txt h5{
	font-size: 16px;
	line-height: 26px;
	color: #666;
	margin-top: 10px;
	font-weight: normal;
}
.list-solution-item-txt ul{
	overflow: hidden;
	margin-top: 20px;
}
.list-solution-item-txt li{
	width: 100%;
	float: left;
	border-bottom: 1px dashed #eee;
}
.list-solution-item-txt li a{
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 50px;
}
.list-solution-item-txt li a:hover{
	color: #0094e8
}

.viewmore{
	width: 160px;
	line-height: 48px;
	border:1px solid #0079DA;
	height: 50px;
	text-align: center;
	margin:auto;
}
.viewmore a{
	color: #0079DA;
	font-size: 20px;
	font-weight: bold;
}
.viewmore:hover{
	background:#0079DA;
	border-color: #0079DA;
}
.viewmore:hover a{
	color: #fff;
}
p{
	border: none;
	outline: medium;
}

p{ border: none; outline: medium; }

/* safe */
.D_safe{padding-bottom: 102px;padding-top: 122px;}
.leak_ul{overflow: hidden;padding-top: 66px;padding-bottom: 17px;}
.leak_ul li{background:#ffffff;width:48.5%;padding:24px 34px 0px;position: relative;box-sizing:border-box;float:left;margin-bottom: 37px;box-shadow: 1px 7px 7px rgb(231 231 231 / 90%);}
.leak_ul li:nth-of-type(even){float: right;}
.leak_ul li p{font-size: 18px;color:#333333;position: relative;padding-bottom: 20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.leak_ul li p:after{content:"";display: block;width:100%;height:1px;background:#d9d9d9;position: absolute;bottom:0px;left:0px;width:100%;}
.leak_ul li em{font-size: 14px;color: #999999;font-style: normal;display: block;line-height: 50px;}
.leak_ul li span{position: absolute;right: 34px;bottom: 0px;line-height: 50px;font-size: 14px;color:#0180dd;}
.leak_ul li:hover p{color:#0180dd;}


/* 本地化支持与服务 */
.bdhser{
	width: 100%;
	background: #0094E8;
	padding: 60px 0 80px;
	color: #fff;
	overflow: hidden;
}
.bdhser .indtit{ margin-bottom: 10px; }
.bdhser-main{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin-top: 40px;
}
.bdhser .china-map{
	width: 55%;
	min-height: 420px;
	background: url(../images/diqiu.png) no-repeat center;
	background-size: 75% auto;
	position: relative;
}
.bdhser .china-map .map-data{
	position: absolute;
	left: 8%;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	gap: 35px;
}
.bdhser .china-map dl{
	text-align: center;
	padding: 18px 28px;
	background: rgba(255,255,255,0.15);
	border-radius: 10px;
	backdrop-filter: blur(4px);
}
.bdhser .china-map dl dd{
	font-size: 52px;
	line-height: 1.1;
	font-weight: bold;
	font-family: "Tahoma", Arial, sans-serif;
}
.bdhser .china-map dl dt{
	font-size: 18px;
	margin-top: 8px;
	letter-spacing: 1px;
}
.bdhser .address{
	width: 42%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
	align-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}
.bdhser .address li{
	background: rgba(255,255,255,0.12);
	border-radius: 8px;
	padding: 22px 18px;
	transition: all .3s ease;
	cursor: default;
}
.bdhser .address li.on,
.bdhser .address li:hover{
	background: rgba(255,255,255,0.28);
	box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}
.bdhser .address li p{
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 8px 0;
}
.bdhser .address li span{
	font-size: 14px;
	line-height: 1.6;
	opacity: 0.92;
	display: block;
}

/* 新增响应式基础 */
@media (max-width: 1600px) {
	.wrap, .HeaderMain, .ernav, .newstj dl.tj, .hezuo { width: 1200px; }
	.ernav { margin-left: -600px; }
	#nav { margin-left: 30px; }
	#nav li { width: 110px; }
	.bottoms dl { margin-right: 60px; }
}

@media (max-width: 1200px) {
	.wrap, .HeaderMain, .ernav, .newstj dl.tj, .hezuo { width: 100%; padding: 0 15px; box-sizing: border-box; }
	.ernav { position: relative; left: 0; top: 0; margin: 0; }
	.HeaderLogo { width: 150px; }
	#nav { margin-left: 10px; }
	#nav li { width: 90px; }
	#nav li a { font-size: 14px; }
	.indprod ul li { width: 48%; margin-right: 4%; }
	.indprod ul li img { width: 100%; }
	.indprod ul li.lr { margin: 35px 0 0 0; }
	.indsolu .cons dl { width: 50%; }
	.newslist dl { width: 48%; margin-right: 4%; }
	.newslist dl.lr { margin: 50px 0 0 0; }
	.bdhser-main { flex-direction: column; }
	.bdhser .china-map { width: 100%; min-height: 320px; background-size: 55% auto; }
	.bdhser .address { width: 100%; margin-top: 30px; }
}

@media (max-width: 768px) {
	.wrap, .HeaderMain { width: 100%; }
	#nav { display: none; }
	.header-right form { display: none; }
	.menuIcon { display: block; float: right; width: 30px; height: 30px; margin: 25px 15px 0 0; }
	.menuIcon span { display: block; width: 100%; height: 3px; background: #333; margin: 6px 0; }
	.banner { margin-top: 60px; }
	.indshuzi .counter { width: 50%; margin-bottom: 20px; }
	.indprod ul li, .indsolu .cons dl, .newslist dl { width: 100%; margin-right: 0; }
	.newbody, .newdeail .tuijian { width: 100%; float: none; box-sizing: border-box; }
	.contact .infos dl { width: 100%; height: auto; }
	.company dl { width: 100%; margin-right: 0; }
	.bdhser { padding: 40px 0; }
	.bdhser .china-map { min-height: 260px; background-size: 80% auto; }
	.bdhser .china-map .map-data { left: 50%; top: 50%; transform: translate(-50%, -50%); gap: 20px; }
	.bdhser .china-map dl { padding: 12px 18px; }
	.bdhser .china-map dl dd { font-size: 36px; }
	.bdhser .china-map dl dt { font-size: 14px; }
	.bdhser .address { grid-template-columns: 1fr; gap: 12px; }
	.bdhser .address li { padding: 16px 14px; }
}