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:url(../images/w90.png) repeat center; 
	z-index:99; display:none;}
#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;
}



/*.banner .slides{ position:relative; z-index:1;}

.banner .slides li{ height:770px; background-size:cover !important;}

.banner .flex-control-nav{ width:100%; text-align:center; position:absolute; bottom:50px; z-index:2;}

.banner .flex-control-nav li{ width:48px; height:6px; margin:0 5px; display:inline-block; }

.banner .flex-control-nav a{ width:48px; height:6px; line-height:40px; overflow:hidden; background:#FFF; cursor:pointer; display:inline-block;}

.banner .flex-control-nav .flex-active{ background:#007DDC;}

.banner .flex-direction-nav{ display:none;}*/

.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:url(../images/banbg.png) no-repeat center; 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;/* -webkit-animation: bounce-down 2.8s linear infinite;animation: bounce-down 2.8s linear infinite;*/}

.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 .bg2{ -webkit-transform: rotate(360deg); animation: rotation 8s linear infinite;  -moz-animation: rotation 8s linear infinite; -webkit-animation: rotation 8s linear infinite; -o-animation: rotation 8s linear infinite;}*/

.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;}

/*.indsercon #ser .bg4{ -webkit-transform: rotate(360deg); animation: rotation 40s linear infinite;  -moz-animation: rotation 40s linear infinite; -webkit-animation: rotation 40s linear infinite; -o-animation: rotation 40s 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:50px;*/
	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{ 
	background:url(../images/paterbg.jpg) no-repeat center;
}*/

#pater #brand_con h2{ 
	/*padding:50px 0 30px 0; */
	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; 
	/*overflow:hidden;*/
}

.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%;
	position: relative;
}

.hezuo .mr_frUl .swiper-slide{ 
	width:250px; 
	text-align:center; 
	float:left; 
	overflow:hidden; 
	position:relative;
}
/*.hezuo .mr_frUl ul li:nth-child(5n){
	margin-right: 0;
}*/
.hezuo .mr_frUl .swiper-slide img{ 
	width:100%; 
	height:auto; 
	display:block;
}



/* 本地化支持与服务 */

.bdhser{ padding:60px 0 70px 0; background:url(../images/bdhserbg.jpg) no-repeat center;}

.china-map{ 
	width:837px; 
	height:708px; 
	margin-top:0; 
	/*background:url("../images/china_map.png") no-repeat; */
	position:relative; 
	float:left;
}

.china-map .region-list{ position:absolute; left:0px; top:0px; }

@-webkit-keyframes warn{ 0%{ -webkit-transform:scale(0); opacity:0.0; }30%{ transform:scale(0); opacity:0.1; }60%{ transform:scale(0.5); opacity:0.5; }100%{ -webkit-transform:scale(1); opacity:0.0; }}

.china-map .area-box .dot{ display:inline-block; position:absolute; left:0px; width:10px; height:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#FFF; opacity:1; filter:alpha(opacity=100); }

.china-map .area-box .pulse{ display:inline-block; position:absolute; top:-10px; left:-10px; height:30px; width:30px; -webkit-border-radius:48px; -moz-border-radius:48px; border-radius:48px; background:#FFF; opacity:0.12; filter:alpha(opacity=12); -webkit-animation:warn 2s ease-out; -moz-animation:warn 2s ease-out; animation:warn 2s ease-out; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-iteration-count:infinite; }

.china-map .show-regin{ position:absolute; left:0; height:0px; top:0px; width:11px; background:url("../images/area_line.png") no-repeat center; opacity:0; filter:alpha(opacity=0); -o-transition:all 500ms ease-in-out; -ms-transition:all 500ms ease-in-out; -webkit-transition:all 500ms ease-in-out; transition:all 500ms ease-in-out; }

.china-map .online-node .show-regin,.china-map .region-list:hover .show-regin{ height:127px; top:-120px; opacity:1; filter:alpha(opacity=100); }

.china-map .show-regin span{ width:60px; display:inline-block; position:absolute; left:-35px; top:-40px; padding:6px 12px; font-size:14px; color:#FFF; background:-webkit-linear-gradient(left,#0094e8,#0067d0); -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; text-align:center; }

.china-map .area-box{ z-index:77; }

.china-map .show-regin{ z-index:66; }

.china-map .postition-1{ left:613px; top:268px; }

.china-map .postition-2{ left:633px; top:283px; }

.china-map .postition-3{ left:563px; top:318px; }

.china-map .postition-4{ left:623px; top:243px; }

.china-map .postition-5{ left:553px; top:263px; }

.china-map .postition-6{ left:713px; top:418px; }

.china-map .postition-7{ left:703px; top:463px; }

.china-map .postition-8{ left:683px; top:533px; }

.china-map .postition-9{ left:643px; top:328px; }

.china-map .postition-10{ left:588px; top:503px; }

.china-map .postition-11{ left:613px; top:453px; }

.china-map .postition-12{ left:588px; top:378px; }

.china-map .postition-13{ left:598px; top:593px; }

.china-map .postition-14{ left:517px; top:608px; }

.china-map .postition-15{ left:543px; top:683px; }

.china-map .postition-16{ left:493px; top:543px; }

.china-map .postition-17{ left:416px; top:568px; }

.china-map .postition-18{ left:503px; top:458px; }

.china-map .postition-19{ left:413px; top:473px; }

.china-map .postition-20{ left:473px; top:313px; }

.china-map .postition-21{ left:511px; top:389px; }

.china-map .postition-22{ left:223px; top:193px; }

.china-map .postition-23{ left:438px; top:358px; }

.china-map .postition-24{ left:368px; top:358px; }

.china-map .postition-25{ left:739px; top:178px; }

.china-map .postition-26{ left:763px; top:103px; }

.china-map .postition-27{ left:718px; top:208px; }

.china-map dl{ padding:15px 0; border-radius:10px; 
	border:3px solid #0077D8; text-align:center; position:absolute; top:670px;
	z-index: 999;
}

.china-map dl.ys1{ width:200px; left:30px; }

.china-map dl.ys2{ width:220px; left:260px;}

.china-map dl dd{ font-size:2.325rem; background:linear-gradient(to right, #0094e8, #0067d0); -webkit-background-clip:text; color:transparent;}

.china-map dl dt{ font-size:1.5rem; color:#7b7b7b;}

.address{ width:500px; height:735px; overflow:auto; margin-top:50px; float:right;}

.address::-webkit-scrollbar{ width:8px}

.address::-webkit-scrollbar-track{ background:#D6D6D6; border-radius:4px;}

.address::-webkit-scrollbar-thumb{ border-radius:4px; background:linear-gradient(to bottom, #0094E8, #0067D0);}

.address::-webkit-scrollbar-thumb:window-inactive{ border-radius:4px; background:linear-gradient(to bottom, #0094E8, #0067D0);}

.address::-webkit-scrollbar-thumb:vertical:hover{ border-radius:4px; background:linear-gradient(to bottom, #0094E8, #0067D0);}

.address li{ width:430px; height:105px; padding:0 20px; border-radius:10px; overflow:hidden;}

.address li p{ height:105px; line-height:105px; font-size:1.5rem; color:#646464; float:left;}

.address li span{ height:105px; line-height:105px; font-size:1.5rem; color:#646464; display:block; float:right;}

.address li:hover,.address li.on{ background:-webkit-linear-gradient(left,#0094e8,#0067d0); }

.address li:hover p,.address li:hover p i font,.address li:hover span,.address li.on p,.address li.on span,.address li.on p i font{ color:#FFF;}
.address li p i{
	display: inline;
	font-style: normal;
}
.address li p i font{
	color: #646464
}

/* 首页新闻 */

.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;}

.prodlist{ padding:120px 0 100px 0 !important;}

.prodlist .typelist{ width:330px !important;}

.prolist2{ width:1225px; float:right;}

.prolist2 dl{ width:385px; height:260px; margin:0 35px 40px 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;}

.prolist2 dl.lr{ margin:0 0 40px 0;}

.prolist2 dl dt{ width:385px; height:205px;}

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

.prolist2 dl 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;}

.prolist2 dl dd.text{ width:385px; height:260px; 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;}

.prolist2 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;}

.prolist2 dl dd.text h3{ height:25px; line-height:25px; padding:35px 40px 0 40px; font-size:22px; color:#FFF; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

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

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

.prolist2 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; /*border-bottom:1px solid #DCDCDC;*/ 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.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 a{ font-size:18px; font-weight:bold; color:#FFF; display:block;}

.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;}



/* 安全服务 */

.serbrief{ padding:120px 0 80px 0; background:#EDEDED; overflow:hidden;}

.serbrief dl{ overflow:hidden;}

.serbrief dl dt{ width:800px; height:452px; float:left;}

.serbrief dl dd{ width:660px; height:342px; padding:55px 70px; float:left;}

.serbrief dl dd img{ display:block;}

.serbrief dl dd h2{ padding:25px 0 30px 0; font-size:30px; color:#333;}

.serbrief dl dd p{ line-height:35px; font-size:18px; color:#555;}

.serbrief dl dt{ position:relative;}

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

.serbrief dl dt .jt{ position:absolute;}

.serbrief dl.brief1 dt .jt{ right:-17px; top:50%; margin:-15px 0 0 0;}

.serbrief dl.brief2 dt .jt{ left:-17px; top:50%; margin:-15px 0 0 0;}

.serbrief dl.brief1{ margin-top:80px;}

.serbrief dl.brief1 dd{ background:url(../images/serbg1.jpg) no-repeat center/cover; float:left;}

.serbrief dl.brief2 dd{ background:url(../images/serbg2.jpg) no-repeat center/cover; float:left;}

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

.service2 .typelist{ width:410px; background:#FFF; float:left;}

.service2 .typelist h2{ padding:40px 0 0 30px; font-weight:normal; font-size:30px; color:#0059b3;}

.service2 .typelist span{ width:60px; height:2px; margin:20px 0 20px 30px; background:#999; display:block;}

.service2 .typelist p{ padding:0 0 30px 30px; font-weight:bold; font-size:16px; color:#DDD; font-family:"Arial";}

.service2 .typelist ul{}

.service2 .typelist ul li{ height:68px;}

.service2 .typelist ul li a{ height:68px; line-height:68px; padding:0 30px; font-size:22px; color:#333; border-bottom:1px solid #E1E1E1; display:block;}

.service2 .typelist ul li a:hover,.service2 .typelist ul li.act a{ background:#0094E8; color:#FFF;}

.service2 .serbody{ width:1133px; background:#FFF; float:right;}

.service2 .serbody h1{ 
	height:193px; 
	line-height:26px; 
	padding:0 30px;
	text-align:center; 
	font-size:18px; 
	font-weight:normal; 
	color:#FFF; 
	background:url(../images/serbg.jpg) no-repeat center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.service2 .serbody .cons{ padding:40px 50px 50px 50px; background:#FFF url(../images/serbodybg.jpg) no-repeat center;}

.service2 .serbody .cons h2{ line-height:90px; padding-left:25px; margin-bottom:35px; font-size:28px; font-weight:normal; color:#0059b3; border-bottom:1px solid #E0E0E0; background:url(../images/dian.jpg) no-repeat left center; position:relative;}

.service2 .serbody .cons h2 i{ width:85px; height:3px; background:#0059b3; position:absolute; left:0; bottom:-2px; display:block;}

.service2 .serbody .cons dl{ margin-bottom:10px;}

.service2 .serbody .cons dl dd{ line-height:40px; padding-left:30px; background:url(../images/icon1.jpg) 0 10px no-repeat; font-size:18px; color:#555;}

.service2 .serbody .cons p{ line-height:35px; text-indent:2em; margin-bottom:10px; font-size:18px; color:#555;}

.service2 .serbody .cons ul{ margin-bottom:10px;}

.service2 .serbody .cons ul li{ line-height:40px; padding-left:30px; background:url(../images/icon2.jpg) 0 10px no-repeat; font-size:18px; color:#555;}

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

.sercase .typelist{ width:410px; background:#FFF; float:left;}

.sercase .typelist .tt{ padding:40px 0 0 30px; font-weight:normal; font-size:30px; color:#0059b3;}

.sercase .typelist .xian{ width:60px; height:2px; margin:20px 0 20px 30px; background:#999; display:block;}

.sercase .typelist .enw{ padding:0 0 30px 30px; font-weight:bold; font-size:16px; color:#DDD; font-family:"Arial";}

.h_leftBox{ background:#fff; z-index:14;}

.h_leftBox h2{ height:68px; line-height:68px; border-bottom:1px solid #E1E1E1; font-weight:normal; position:relative; cursor:pointer; zoom:1}

.h_leftBox h2 a{ margin-left:40px; color:#333; text-decoration:none}

.h_leftBox h2 a:hover{_color:#333; _text-decoration:none}

.h_leftBox dd{ 
	line-height:20px; 
	padding-top:20px; 
	position:relative; 
	background:#008EE5; 
	/* display:none;  */
	zoom:1;
}

.h_leftBox dd.lr{ padding-top:20px;}

.h_leftBox dd a{ margin-left:60px; font-size:18px; color:#FFF}

.h_leftBox dd a:hover{ color:#FFF; text-decoration:underline;}

dl.h_open .h_now strong{ position:absolute; top:5px; right:-9px; width:16px; height:16px; background-position:-95px -85px}

dl.h_open h2.h_now strong{ display:block; top:7px}

dl.h_open dd.h_now a{ color:#dd424d}

.h_leftBox dl.h_open{ background-color:#008EE5; cursor:default}

.h_leftBox dl.h_open a{ cursor:default; color:#FFF; }
.h_leftBox dl.h_open h2{
	color: #fff;
}
.h_leftBox dl:hover h2{
	background-color:#008EE5; cursor:default
}
.h_leftBox dl:hover h2 a{
	color: #fff;
	display: block;
}
/* .h_leftBox dl dd{
	display: none;
} */
.h_leftBox dl.h_open dd{
	display: block !important;
}
.h_leftBox h2.h_hover{ background-color:#008EE5}

.h_leftBox dd a.thisclass{
	font-weight: bold;
}

.h_leftBox dd:last-child{
	padding-bottom: 20px;
}

.h_leftBox h2.h_close{ background-color:#fff; cursor:pointer}

.h_leftBox h2.h_close a{ cursor:pointer}

.h_leftBox dl.h_open h2.h_close{ background-color:#fff; cursor:pointer}

.h_leftBox dl.h_open h2.h_close a{ cursor:pointer}

.h_leftBox dl.h_open dd{ display:block}

.sercase .casebd{ width:1033px;  padding:30px 50px 50px 50px; background:#FFF url(../images/serbodybg.jpg) no-repeat center; float:right;}

.sercase .casebd h2{ line-height:90px; padding-left:25px; margin-bottom:35px; font-size:28px; font-weight:normal; color:#0059b3; border-bottom:1px solid #E0E0E0; background:url(../images/dian.jpg) no-repeat left center; position:relative;}

.sercase .casebd h2 i{ width:140px; height:3px; background:#0059b3; position:absolute; left:0; bottom:-2px; display:block;}

.sercase .casebd p{ line-height:35px; text-indent:2em; margin-bottom:10px; font-size:18px; color:#555;}

.sercase .casebd img{ max-width:100%; margin-top:30px; display:block;}

.h_leftBox li.h_open {
    background-color: #008EE5;
    cursor: default;
}
.h_leftBox li.h_open h2,.h_leftBox li.h_open h2 a {
    color: #fff;
}
.h_leftBox li .ddnew{
	display: none
}
.h_leftBox li.h_open .ddnew{
	display: block;
}
/* 解决方案 */

.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:hover dd i.i1{ background:url(../images/sico1h.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:hover dd i.i2{ background:url(../images/sico2h.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:hover dd i.i3{ background:url(../images/sico3h.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:hover dd i.i4{ background:url(../images/sico4h.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;}

/* 服务支持 */

.fwzc{ padding:160px 0 100px 0; background:#F9F9F9; overflow:hidden; position:relative;}
#service,#fwwl,#sqzx,#shfw{ width:100%; height:1px; position:absolute; top:-200px;}
#service{ top:-100px;}
#fwzc{ margin:80px 0 0 0;}

#fwzc #lists{ width:100%; float:left;}

#fwzc #lists li{
	width: calc( ( 100% - 30px ) / 3);
	float: left;
	height:192px; 
	margin-left:15px; 
	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);
}
#fwzc #lists li:first-child{
	margin-left: 0;
}

#fwzc #lists li a{ height:132px; padding:30px 25px; background:#FFF; display:block; color:#333;}

#fwzc #lists li a h2{ height:41px; line-height:41px; padding-left:55px; font-size:30px; font-weight:normal; color:#006ED4;}

#fwzc #lists li a .t1{ background:url(../images/fwzcico1.png) no-repeat left center;}

#fwzc #lists li a .t2{ background:url(../images/fwzcico2.png) no-repeat left center;}

#fwzc #lists li a .t3{ background:url(../images/fwzcico3.png) no-repeat left center;}

#fwzc #lists li a p{ line-height:32px; margin-top:20px; font-size:18px; color:#555;}

#fwzc #lists li a.selected{ background:-webkit-linear-gradient(left,#0094e8,#0067d0);}

#fwzc #lists li a.selected .t1{ background:url(../images/fwzcico1h.png) no-repeat left center; color:#FFF;}

#fwzc #lists li a.selected .t2{ background:url(../images/fwzcico2h.png) no-repeat left center; color:#FFF;}

#fwzc #lists li a.selected .t3{ background:url(../images/fwzcico3h.png) no-repeat left center; color:#FFF;}

#fwzc #lists li a.selected p{ color:#FFF;}

#fwzc #brand_con{ width:1152px; height:606px; float:left;}

#fwzc #brand_con .tag{ width:100%; height:100%; display:block;}

#fwzc #brand_con img{ width:100%; height:100%; display:block;}



.sernet{ padding:85px 0 135px 0; background:url(../images/fwzc2bg.jpg) no-repeat center; overflow:hidden; position:relative;}

.sernet dl{ margin-top:75px; overflow:hidden;}

.sernet dl dt{ width:1034px; height:485px; float:left;}

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

.sernet dl dd{ width:456px; height:325px; padding:80px 55px; background:#FFF; float:left;}

.sernet dl dd h2{ font-size:30px; color:#333;}

.sernet dl dd p{ line-height:32px; padding:45px 0 60px 0; font-size:18px; color:#555;}

.sernet dl dd a{ width:170px; height:45px; line-height:45px; text-align:center; font-size:16px; color:#FFF; background:linear-gradient(to right, #0094E8, #0067D0); display:block;}

.serpre{ padding:70px 0; background:url(../images/fwzc3bg.jpg) no-repeat center; position:relative;}

.serpre form{ width:490px; padding:60px 50px 30px 50px; background:#FFF; float:left; box-shadow:0 5px 10px rgba(0,0,0,0.4);-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.4);-moz-box-shadow:0 5px 10px rgba(0,0,0,0.4); position:relative;}

.serpre form input::-webkit-input-placeholder{ color:#FFF; } 

.serpre form input:-moz-placeholder{ color:#FFF; } 

.serpre form input::-moz-placeholder{ color:#FFF; } 

.serpre form input:-ms-input-placeholder { color:#FFF; }

.serpre form img{ position:absolute; top:86px; left:465px;}

.serpre form select{ width:490px; height:70px; margin-bottom:30px; padding:0 0 0 70px; display:block; background:#CCC url(../images/zxico1.png) no-repeat 28px center; font-size:22px; color:#FFF; border:0; outline:none;appearance:none; -moz-appearance:none; -webkit-appearance:none;}

.serpre form .text{ width:420px; height:70px; margin-bottom:30px; padding:0 0 0 70px; display:block; font-size:22px; color:#FFF; outline:none;}

.serpre form .text1{ background:#CCC url(../images/zxico2.png) no-repeat 28px center;}

.serpre form .text2{ background:#CCC url(../images/zxico3.png) no-repeat 28px center;}

.serpre form .submit{ width:490px; height:70px; margin-bottom:30px; padding:0 0 0 50px; display:block; font-size:22px; color:#FFF; outline:none; background:#006ED4 url(../images/zxico4.png) no-repeat 160px center; cursor:pointer;}

.serpre .cons{ width:861px; float:right;}

.serpre .cons img{ width:100%; margin-top:50px; display:block;}

.serpre .cons h2{ padding:20px 0; font-size:48px; background:linear-gradient(to right, #0094e8, #0067d0); -webkit-background-clip:text; color:transparent;}

.serpre .cons h4{ font-size:22px; font-weight:normal; color:#555;}



.serafter{ padding:100px 0; background:#F9F9F9; overflow:hidden; position:relative;}

.after{}

.after dl{ width:500px; margin:80px 50px 0 0; border-radius:10px; overflow:hidden; float:left; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}

.after dl:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.4);-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.4);-moz-box-shadow:0 5px 10px rgba(0,0,0,0.4); -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}

.after dl.lr{ margin:80px 0 0 0;}

.after dl dt{ width:500px; height:251px;}

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

.after dl dd{ padding:40px; text-align:left; background:#FFF;}

.after dl dd h4{ font-size:30px; 
	font-weight:normal; background:linear-gradient(to right, #0094e8, #0067d0); -webkit-background-clip:text; color:transparent;
	text-align: center;
}

.after dl dd span{ width:35px; height:4px; margin:20px auto; background:linear-gradient(to right, #0094E8, #0067D0); display:block}

.after dl dd p{ line-height:30px; font-size:18px; color:#555;}



.question{ padding:100px 0 100px 0; background:#F9F9F9; overflow:hidden;}

.quescon{ padding-top:30px;}

.quescon dl{ width:440px; margin:50px 50px 0 0; padding:10px 30px 30px 30px; 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); float:left; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}

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

.quescon dl dt{ height:80px; line-height:80px; padding-left:45px; font-size:22px; font-weight:bold; color:#333; border-bottom:1px solid #D9D9D9; background:url(../images/q.png) no-repeat left center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}

.quescon dl dd p{ 
	line-height:32px; 
	margin:25px 0; 
	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;
	text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.quescon dl dd i{ width:170px; height:45px; line-height:45px; text-align:center; border:1px solid #FFF; font-style:normal; font-size:16px; color:#FFF; background:-webkit-linear-gradient(left,#0094e8,#0067d0); float:right; display:block;}

.quescon dl:hover{ 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;}

.quescon dl:hover dt{ color:#FFF; border-bottom:1px solid #FFF; background:url(../images/qh.png) no-repeat left center; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}

.quescon dl:hover dd p{ 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;}

.quescon dl:nth-child(3n){
	margin-right: 0;
}

/* 合作发展 */

.cooper{ padding:180px 0 100px 0; overflow:hidden; position:relative;}
#hzfs,#sqtj,#sqlc,#sqjr{ width:100%; height:1px; position:absolute; top:-200px;}
#hzfs{ top:-100px;}
.cooper .desc{ line-height:40px;  padding:40px 180px 80px 180px; font-size:20px; color:#333;}

.coopcon{ height:660px; position:relative;}

.coopcon .bg{ width:91px; height:91px; padding:248px 273px; line-height:45px; text-align:center; font-size:42px; font-weight:bold; color:#0059b3; background:url(../images/paterbg1.png) no-repeat center; position:absolute; left:50%; top:50%; margin:-293px 0 0 -318px;}

.coopcon .wen{ width:402px; padding:0 30px 20px 30px; position:absolute; 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;}

.coopcon .wen h4{ padding-bottom:10px; font-size:30px; color:#333; font-weight:normal; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}

.coopcon .wen p{ line-height:30px; font-size:18px; color:#555;}

.coopcon .one{ left:115px; top:0; background:url(../images/xian1.png) no-repeat bottom center;}

.coopcon .two{ right:115px; top:-30px; background:url(../images/xian2.png) no-repeat bottom center;}

.coopcon .three{ left:0; top:230px; background:url(../images/xian1.png) no-repeat bottom center;}

.coopcon .four{ right:0; top:230px; background:url(../images/xian2.png) no-repeat bottom center;}

.coopcon .five{ left:115px; top:480px; background:url(../images/xian1.png) no-repeat bottom center;}

.coopcon .six{ right:115px; top:480px; background:url(../images/xian2.png) no-repeat bottom center;}

.coopcon .wen:hover h4{ background:linear-gradient(to right, #0094e8, #0067d0); -webkit-background-clip:text; color:transparent; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}

.coopcon .one:hover{ background:url(../images/xian1h.png) no-repeat bottom center; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}

.coopcon .two:hover{ background:url(../images/xian2h.png) no-repeat bottom center; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}

.coopcon .three:hover{ background:url(../images/xian1h.png) no-repeat bottom center; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}

.coopcon .four:hover{ background:url(../images/xian2h.png) no-repeat bottom center; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}

.coopcon .five:hover{ background:url(../images/xian1h.png) no-repeat bottom center; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}

.coopcon .six:hover{ background:url(../images/xian2h.png) no-repeat bottom center; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}



.twobg{ background:url(../images/paterbg2.jpg) no-repeat bottom center;}

.condit{ padding:0 0 100px 0; position:relative;}

.condit dl{ width:300px; padding:40px; margin:80px 26px 0 0; 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); float:left;}

.condit dl.lr{ margin:80px 0 0 0;}

.condit dl dt{ padding-top:50px; height:95px; text-align:center; background:url(../images/pxian.png) no-repeat top center;}

.condit dl dd{}

.condit dl dd h2{ text-align:center; padding:15px 0 40px 0; font-size:30px; font-weight:normal; background:linear-gradient(to right, #0094e8, #0067d0); -webkit-background-clip:text; color:transparent;}

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



.process{ padding:0 0 100px 0; position:relative;}

.process .cons{ position:relative;}

.process .cons .jt1{ display:block; position:absolute; left:410px; top:170px;}

.process .cons .jt2{ display:block; position:absolute; left:1005px; top:170px;}

.process dl{ width:410px; margin:80px 185px 0 0; float:left;}

.process dl.lr{ margin:80px 0 0 0;}

.process dl dt{ text-align:center; padding:20px 0;}

.process dl dd h2{ text-align:center; padding:15px 0 30px 0; font-size:30px; font-weight:normal; color:#FFF;}

.process dl dd p{ height:90px; line-height:30px; font-size:18px; color:#FFF;}

.process dl dd p a{ color:#0094E8; text-decoration:underline;}

.process .infos{ height:30px; padding:30px 60px; margin-top:80px; background:url(../images/10.png) repeat; border-radius:8px;}

.process .infos h3{ height:30px; line-height:30px; font-size:24px; font-weight:normal; color:#FFF; float:left;}

.process .infos p{ height:20px; line-height:20px; margin:5px 0 0 50px; padding-left:15px; font-size:18px; color:#FFF; border-left:3px solid #0078D9; float:left;}



.joinus{ padding:80px 0 120px 0; position:relative;}

.joinus form{ padding-top:40px;}

.joinus form .text{ width:400px; height:88px; padding:0 30px 0 70px; margin:40px 47px 0 0; font-size:18px; color:#999; border:1px solid #CCC; border-radius:5px; display:block; float:left;}

.joinus form .text1{ background:url(../images/joinico1.png) no-repeat 30px center;}

.joinus form .text2{ background:url(../images/joinico2.png) no-repeat 30px center;}

.joinus form .text3{ margin:40px 0 0 0; background:url(../images/joinico3.png) no-repeat 30px center;}

.joinus form .text4{ background:url(../images/joinico4.png) no-repeat 30px center;}

.joinus form .text5{ background:url(../images/joinico5.png) no-repeat 30px center;}

.joinus form .text6{ margin:40px 0 0 0; background:url(../images/joinico6.png) no-repeat 30px center;}

.joinus form textarea{ width:1498px; height:260px; padding:30px 30px 30px 70px; margin:40px 47px 0 0; font-size:18px; color:#999; border:1px solid #CCC; border-radius:5px; display:block; float:left; background:url(../images/joinico7.png) no-repeat 30px 30px; font-family:'微软雅黑', 'Microsoft Yahei', "Segoe UI", Helvetica, Arial, sans-serif!important;}

.joinus form .btn{ width:100%; text-align:center; margin-top:40px; float:left;}

.joinus form .btn input{ width:160px; height:50px; text-align:center; margin:0 30px; font-size:18px; color:#999; border:1px solid #CCC; border-radius:6px; 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;}

.joinus form .btn input:hover,.joinus form .btn input.submit{ border:1px solid #0070D5; background:#0070D5; 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;}



/* 关于圣博润 */

.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;}


/* Slider */
.slick-slider{ position:relative; display:block;
    -webkit-user-select:none;
       -moz-user-select:none;
        -ms-user-select:none;
            user-select:none;
    -webkit-touch-callout:none;
    -khtml-user-select:none;
    -ms-touch-action:pan-y;
        touch-action:pan-y;
    -webkit-tap-highlight-color:transparent;
}
.slick-list{ position:relative; display:block; overflow:hidden;}
.slick-list.dragging{ cursor:pointer; cursor:hand;}
.slick-slider .slick-track, .slick-slider .slick-list{
    -webkit-transform:translate3d(0, 0, 0);
       -moz-transform:translate3d(0, 0, 0);
        -ms-transform:translate3d(0, 0, 0);
         -o-transform:translate3d(0, 0, 0);
            transform:translate3d(0, 0, 0);
}
.slick-track{ position:relative; top:0; left:0; display:block;}
.slick-track:before, .slick-track:after{ display:table; content:'';}
.slick-track:after{ clear:both;}
.slick-loading .slick-track{ visibility:hidden;}
.slick-slide{ display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide{ float:right;}
.slick-slide img{ display:block; width:100%;}
.slick-slide.slick-loading img{ display:none; width:100%;}
.slick-slide.dragging img{ pointer-events:none;}
.slick-initialized .slick-slide{ display:block;}
.slick-loading .slick-slide{ visibility:hidden;}
.slick-vertical .slick-slide{ display:block; height:auto; outline:none;}
.slick-arrow.slick-hidden{ display:none;}
.slick-arrow{ position:absolute; overflow:hidden; z-index:2; cursor:pointer; color:#fff; text-align:center; opacity:0.8;
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:opacity .2s;
	transition:opacity .2s;
}

.events{ width:100%; padding:100px 0; margin-top:60px; background:url(../images/aboutbg2.jpg) no-repeat center;}
.events .wrap{ position:relative;}
.events .ind{ width:150px; height:31px; line-height:31px; text-align:center; position:absolute; font-size:30px; color:#FFF; left:0; top:0;}
.events .end{ width:150px; height:31px; line-height:31px; text-align:center; position:absolute; font-size:30px; color:#FFF; left:0; bottom:0;}
.events .date{ width:150px; height:715px; background:url(../images/date.png) no-repeat center; float:left;}
.events .date .critem{ height:134px; line-height:134px; text-align:center; font-size:64px; color:#0094E8; cursor:pointer;}
.events .date .slick-current .critem{ display:block !important; font-size:64px; color:#0094E8;}
.events .date .slick-active.slick-cloned .critem{ margin-top:0;}
.events .date .slick-list{ height:134px !important; top:290px;}
.events .date .slick-arrow{ width:46px; height:46px; }
.events .date .slick-prev{ background:url(../images/ztxqybtnt_03.png) no-repeat center; top:245px; left:52px;}
.events .date .slick-next{ background:url(../images/ztxqybtnb_03.png) no-repeat center; top:425px; right:52px;}

.events .hiscon{ width:1330px; height:715px; background:url(../images/hisbg.jpg) no-repeat 13px center; overflow:auto; float:right;}
.events .hiscon::-webkit-scrollbar{ width:4px}
.events .hiscon::-webkit-scrollbar-track{ background:url(../images/2.png) repeat-y center;}
.events .hiscon::-webkit-scrollbar-thumb{ border-radius:2px; background:linear-gradient(to bottom, #0094E8, #0067D0);}
.events .hiscon::-webkit-scrollbar-thumb:window-inactive{ border-radius:2px; background:linear-gradient(to bottom, #0094E8, #0067D0);}
.events .hiscon::-webkit-scrollbar-thumb:vertical:hover{ border-radius:2px; background:linear-gradient(to bottom, #0094E8, #0067D0);}
.events .hiscon .clitem{ width:100%; height:100%; position:relative; }
.events .hiscon .clitem ul{ width:1280px;}
.events .hiscon .clitem ul li{ padding:40px 0 0 50px; margin-left:13px; border-radius:0 10px 10px 0; cursor:pointer;}
.events .hiscon .clitem ul li:hover{ background:-webkit-linear-gradient(left,#0094e8,#0067d0);}
.events .hiscon .clitem ul li h3{ height:26px; line-height:26px; font-size:26px; color:#FFF; font-weight:normal; position:relative;}
.events .hiscon .clitem ul li h3 img{ width:26px; height:26px; display:block; position:absolute; left:-63px; top:5px;}
.events .hiscon .clitem ul li p{ padding:20px 0 45px 0; font-size:16px; border-bottom:1px dashed #4B5467; color:#FFF;}
.events .hiscon .clitem ul li:hover p{ border-bottom:1px dashed #0094E8;}




.abhonor{ padding:50px 0;}

.abhonor .title{ overflow:hidden;}

.abhonor .title h3{ width:80%; line-height:46px; margin-bottom:20px; font-size:46px; font-weight:normal; background:linear-gradient(to right, #0094E8, #0067D0); -webkit-background-clip:text; color:transparent; float:left;}

.abhonor .title h2{ width:80%; line-height:40px; font-size:40px; color:#333; font-weight:normal; float:left;}

.abhonor .title a{ width:200px; height:50px; line-height:50px; text-align:center; margin-top:50px; font-size:20px; color:#999; border:1px solid #CCC; border-radius:8px; display:block; float:right;}

.abhonor .title a:hover{ border:1px solid #0094E8; background:#0094E8; color:#FFF;}

.rongyu{ margin:40px 0 0 0; position:relative; overflow:hidden;}

.rongyu .mr_frBtnL{ width:60px; height:70px; background:url(../images/abprev.png) no-repeat center; cursor:pointer; position:absolute; top:105px; left:0; z-index:99;}

.rongyu .mr_frBtnR{ width:60px; height:70px; background:url(../images/abnext.png) no-repeat center; cursor:pointer; position:absolute; top:105px; right:0; z-index:99;}

.rongyu .mr_frUl{ width:1600px; overflow:hidden;}

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

.rongyu .mr_frUl ul li{ width:385px; margin:0 20px 0 0; text-align:center; float:left; overflow:hidden; position:relative;}

.rongyu .mr_frUl ul li img{ width:385px; height:280px;}

.rongyu .mr_frUl ul li p{ height:25px; line-height:25px; padding:20px 0 0 0; font-size:22px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}



/* 荣誉资质 */

.honner{ padding:120px 0 80px 0; background:#EDEDED;}

.honor{ margin-top:20px; overflow:hidden;}

.honor dl{ width:385px; margin:50px 20px 0 0; cursor:pointer; float:left;}

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

.honor dl dt{ width:385px; height:280px; overflow:hidden;}

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

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

.honor dl dd{ padding-top:15px; text-align:center; font-size:22px; color:#333;}

.hzhb dl{ width:250px; margin:50px 20px 0 0; cursor:pointer; float:left;}

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

.hzhb dl dt{ width:250px; height:184px; overflow:hidden;}

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

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

.hzhb dl dd{ padding-top:15px; text-align:center; font-size:16px; color:#333; overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}



/* 新闻列表 */

.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;}



/* 资源中心 */

.thnav{ text-align:center; padding-top:50px; overflow:hidden;}

.thnav a{ 
	width:470px; 
	height:60px; 
	line-height:60px; 
	text-align:center; 
	margin:0 25px; font-size:20px; color:#555; border:1px solid #CCC; display:inline-block;}

.joinnav a{ width:200px; margin:0 20px;}

.thnav a:hover,.thnav a.act{ border:1px solid #0094E8; color:#0094E8;}

.zylist{ padding:20px 0 100px 0;}

.zylist .con{ margin-bottom:20px;}

.zylist .con li{ line-height:100px; padding:0 50px; margin-top:50px; background:#FFF; 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;}

.zylist .con li a.tit{ padding-left:50px; background:url(../images/downbg.png) no-repeat left center; font-size:18px; color:#333; display:block; float:left; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}

.zylist .con li a.xz{ padding-left:45px; margin:0 30px 0 0; background:url(../images/kan.png) no-repeat left center; font-size:16px; color:#666; display:block; float:right; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}

.zylist .con li a.more{ padding-left:45px; background:url(../images/downbg2.png) no-repeat left center; font-size:16px; color:#666; font-weight:normal; display:block; float:right; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}

.zylist .con li:hover{ cursor:pointer; 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;}

.zylist .con li:hover a.tit{ background:url(../images/downbgh.png) no-repeat left center; 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;}

.zylist .con li:hover a.xz{ background:url(../images/kanh.png) no-repeat left center; 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;}

.zylist .con li:hover a.more{ background:url(../images/downbg2h.png) no-repeat left center; 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;}

.shipin{ padding:10px 0 100px 0;}

.shipin .list{ overflow:hidden;}

.videolist{ width:500px; margin:60px 50px 0  0; border-radius:12px; overflow:hidden; float:left; position:relative; cursor:pointer; }

.vlr{ margin:60px 0 0  0;}

.videolist dt{ width:500px; height:275px; overflow:hidden;}

.videolist 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;} 

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

.videolist dd{ padding:25px 35px; background:#FFF; 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;}

.videolist dd p{ 
	width:80%; line-height:30px; 
	font-size:22px; color:#333; 
	float:left; 
	-moz-transition:all .3s ease 0s; 
	-ms-transition:all .3s ease 0s; 
	-o-transition:all .3s ease 0s; 
	transition:all .3s ease 0s;
	text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.videolist dd span{ width:38px; height:60px; background:url(../images/videobtn.png) no-repeat right center; float:right; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}

.videolist: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;}

.videolist:hover dd p{ 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;}

.videolist:hover dd span{ background:url(../images/videobtnh.png) no-repeat right center; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}

.videos{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999; background:url(../images/30.png) repeat; display:none;}

.videos #video{ width:1200px; height:690px; position:fixed; left:50%; top:50%; margin:-345px 0 0 -600px;}

.vclose{ width:1200px; text-align:right; position:absolute; left:50%; top:12%; margin:0 0 0 -600px; cursor:pointer; }



/* 加入我们 */

.joins{ padding:120px 0 80px 0; background:#EDEDED; overflow:hidden;}

.joins .title{ margin-top:60px; background:#FFF; overflow:hidden;}

.joins .title li{ width:15%; height:60px; line-height:60px; text-align:center; background:#FFF; font-size:20px; font-weight:bold; background:linear-gradient(to right, #0094E8, #006AD2); -webkit-background-clip:text; color:transparent; float:left;}
.joins .title li:nth-child(4){
	width: 40%
}
.jquery-accordion-menu{
	margin-top: 40px;
}

.jquery-accordion-menu ul{ margin:0; padding:0; list-style:none}

.jquery-accordion-menu ul li{ width:100%; display:block; float:left; position:relative}

.jquery-accordion-menu ul li.active{ background:#0074D7;}

.jquery-accordion-menu ul li a{ width:100%; float:left; border-bottom:solid 1px #CCC; color:#000; font-size:14px; white-space:nowrap; position:relative; overflow:hidden; -o-transition:color .2s linear,background .2s linear; -moz-transition:color .2s linear,background .2s linear; -webkit-transition:color .2s linear,background .2s linear; transition:color .2s linear,background .2s linear}

.jquery-accordion-menu ul li a p{ width:15%; height:60px; line-height:60px; text-align:center; font-size:18px; color:#333; float:left;}
.jquery-accordion-menu ul li a p.didian{
	width: 40%
}
.jquery-accordion-menu ul li.active a p{ color:#FFF;}

.jquery-accordion-menu .submenu-indicator{ display:none;}

.jquery-accordion-menu ul ul.submenu .submenu-indicator{line-height:16px}

.jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator{-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg)}

.jquery-accordion-menu ul ul.submenu,.jquery-accordion-menu ul ul.submenu li ul.submenu{width:100%; display:none; position:static}

.jquery-accordion-menu ul ul.submenu .cons{ padding:40px 80px 60px 80px; clear:both; background:#FFF; overflow:hidden;}

.jquery-accordion-menu ul ul.submenu .cons .left{ width:660px; float:left;}

.jquery-accordion-menu ul ul.submenu .cons .right{ width:660px; float:right;}

.jquery-accordion-menu ul ul.submenu .cons h2{ padding-bottom:20px; margin-bottom:20px; font-size:18px; font-weight:normal; color:#333; border-bottom:1px solid #D9D9D9; position:relative;}

.jquery-accordion-menu ul ul.submenu .cons h2 span{ width:100px; height:1px; background:#0094E8; display:block; position:absolute; left:0; bottom:-1px;}

.jquery-accordion-menu ul ul.submenu .cons p{ line-height:30px; margin-bottom:10px; font-size:18px; color:#555;}
.joincon{ display:none;}

.beizhu{
	display: block;
	font-size: 16px;
	line-height: 24px;
	color:#666;
}
.beizhu i{
	font-style: normal;
	color: #0094E8;
	display: block;
}
/* 联系我们 */

.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:1050px; height:630px; float:right;}*/
#dituContent{ width:100%; height:630px; float:right;}
.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;}



/* 报价表 */

.baojia{ padding:100px 0 200px 0; text-align:center;}

.baojia .title{ height:110px; line-height:110px; text-align:center; margin-top:80px; font-size:30px; color:#FFF; background:#0094E8;}

.baojia dl{ width:1598px; border:1px solid #CCC; border-top:0; background:#FFF; overflow:hidden;}

.baojia dl dd{ width:318px; height:85px; line-height:85px; text-align:center; font-size:24px; color:#333; border-right:1px solid #CCC; float:left;}

.baojia dl dd.lr{ border-right:0;}

.baojia ul{ width:1598px; border:1px solid #CCC; border-top:0; background:#FFF; overflow:hidden;}

.baojia ul li{ width:318px; height:85px; line-height:85px; text-align:center; font-size:18px; color:#333; border-right:1px solid #CCC; float:left;}

.baojia ul li.lr{ border-right:0;}

.baojia .desc{ padding:45px 50px; border:1px solid #CCC; border-top:0; background:#FFF; overflow:hidden;}

.baojia .desc b{ line-height:34px; font-size:20px; color:#333; float:left}

.baojia .desc p{ line-height:34px; font-size:20px; color:#666; float:left;}
.baojia img{ width:100%;}




/* 分页 */

#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: none;
}
.hezuo.on{
	display: block;
}
/*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;
	/*text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;*/
}
.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;
}

.ernav{
	display:inline-block;
 
    /* Firefox */
 
    display:-moz-box;
 
    -moz-box-orient:horizontal;
 
    /* Safari, Opera, and Chrome */
 
    display:-webkit-box;
 
    -webkit-box-orient:horizontal;
 
    /* W3C */
 
    display:box;
 
    box-orient:horizontal;

}
.ernav  a{ 
	-webkit-box-flex: 1.0;
 
-moz-box-flex:1.0;
 
 box-flex:1.0;

}
/*最新修改0804*/
.header-right form{
	width: 240px;
	height: 30px;
	position: relative;
	margin-top: 25px;
}
.header-right form input.text{
	width: 100%;
	height: 100%;
	border:1px solid #0094E8;
	padding:0 40px 0 10px;
	box-sizing: border-box;
	    border-radius: 5px;
}
.header-right form .sear{
	position: absolute;
	right: 10px;
	top: 4px;
	margin:0;
	font-size: 0;
	width: 20px;
	height: 20px;
	background-size: cover !important;
	cursor: pointer;
}
.search{
	padding: 80px 0 100px 0;
}
.search li{
	width: 100%;
	float: left;
	margin-top: 20px;
	border-bottom: 1px dashed #666;
	padding-bottom: 20px;
	overflow: hidden;
}
.search li:first-child{
	margin-top: 0;
}
.search li a{
	display: block;
}
.search li h5{
	font-size: 20px;
}
.search li p{
	line-height: 30px;
    font-size: 18px;
    color: #555;
}
.events{
	overflow: hidden;
	background:initial;
	padding:0 0 60px;
}
.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);
}

.question .jquery-accordion-menu ul li a p.question-title{
	width: 80%;
	text-align: left;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.question .jquery-accordion-menu ul li a p.question-pub{
	width: 20%;
	text-align: right;
	box-sizing: border-box;
}




/* 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;}
/* show_safe */
.newdeail_safe{overflow: hidden;margin-top:0px;}
#newbody_safe{width:68.75%;margin-left: auto;margin-right: auto;float: none;padding-left: 63px;padding-right: 63px;padding-bottom: 14px;margin-bottom: 48px;box-shadow:0 1px 5px rgba(0,0,0,0.2);}
#newbody_safe h1{font-size: 24px;color:#333;text-align: center;}
#newbody_safe .cons{padding-left: 30px;padding-right: 30px;}
#newbody_safe .infos{    display: flex;justify-content: center;align-items: center;}
#newbody_safe .cons p,#newbody_safe .cons{line-height: 30px;color:#555555;font-size: 14px;}
#Safe_shangxia a{font-size: 16px;color:#666;}
#Safe_shangxia p:hover a{color: #0059b3;}
#Safe_shangxia .back{background:#d90d19;color:#fff;}