/* CSS Document */

html { height: 100%; +overflow-x:hidden; }
body { min-height: 100%; overflow-x:hidden; }
body { _height: 100% }

body {margin:0;font-family: "微软雅黑";text-align:center;text-decoration:none; font-size:100%;color:#585858;   }
html {overflow-x:hidden;overflow-y:scroll; line-height:1.8em;font-size:100%; color:#585858;  }

dl,dt,dd,h1,h2,h3,h4,h5,h6,fieldset,th,td,i,em{margin:0;padding:0;text-align:left;float:left;}
input,textarea,form,div,a,span,ul,li,select{margin:0;padding:0;text-align:left;}
img{border:none;margin:0;padding:0;}
p{margin:5px 0;padding:0;text-align:left;}
li,ol{list-style:none;}
*{list-style:none;margin:0;padding:0;}
a{text-decoration:none; cursor:pointer; color:#585858;}
a:hover{text-decoration: none;color:#0470DD;}
input{outline:none;}
select{outline:none;}


.Mheader{width:100%;height:auto; border-bottom:1px solid #EBEBEB;float:left;text-align:center;  }

.Mmenu dl ol{width:96%; float:left;margin:8px 2%;}
.Mmenu dl ol li{ float:left;}
#tel{float:right;background:url(../images/icon.png) no-repeat -3px -24px; padding:0px 0px 0px 20px; color:#FF5C0F; font-weight:bold;}
#tel i{ width:20px; height:20px; float:right; margin:5px 0px 0px 10px;background:url(../images/icon.png) no-repeat 0px -60px;}
#tel em{ width:20px; height:20px; float:right; margin:5px 0px 0px 10px;background:url(../images/icon.png) no-repeat 0px -80px; display:none;}

.probd{ width:90%; height:25px; float:left; line-height:25px; margin:0px; padding:0px 0px 0px 5px; color:#838383; border:none;}
.proan{ float:right; width:20px; height:25px;background:url(../images/icon.png) no-repeat 0px 0px;border:none;cursor:pointer; }


#sear{width:100%; float:right; border:1px solid #C1C1C1; padding:0px; margin:10px 0px 5px 0px; height:25px; background:#fff; display:none;}


.Mmenu{width:100%;height:auto;float:left;text-align:center;}
.Mmenu dl{width:100%; height:auto;float:none; margin:0px;}

.Mmenu dl dd{width:100%; float:left; padding:3px 0px; text-align:center;border-bottom:1px solid #EBEBEB; }
.Mmenu dl dd img{ height:40px;}

.Mmenu dl ul{ width:98%;float:left; margin:10px 1%;}
.Mmenu dl ul li{ width:25%; float:left; text-align:center; height:auto;line-height:30px; }
.Mmenu dl ul li:hover a{color:#0470DD;}
.Mmenu dl ul li i{ display:none;}
.Mmenu dl ul li ul,#Mmhome,.Mmenu dl ul li i,#tels{display:none;}


.Mfooter{width:100%;height: auto;float:left; text-align:center; padding:30px 0px 20px 0px;;background: #F4F4F4;}
.Mfooter dl{height: auto;  width:94%; margin:0 3%; float:left;color:#2E2E2E;}

.Mfooter dl dt{ width:100%;float:left;line-height:30px;  border-top:1px solid #C1C1C1; margin:20px 0px 0px 0px; padding:5px 0px 0px 0px;}
.Mfooter dl dt ol{ width:100%; float:left;}
.Mfooter dl dt ol li{ float:left; margin:5px 20px 0px 0px;}

.Mfooter dl a{color:#2E2E2E;}
.Mfooter dl a:hover{text-decoration: none;color:#0470DD;}

.Mfooter dl dd{ width:100%;float:left; text-align:center; line-height:20px; margin:20px 0px 0px 0px;}
.Mfooter dl dd i{width:100%; font-style:normal;text-align:center;}
.Mfooter dl dd img{ margin:10px 0px;}



#Mftop{width:100%; font-weight:bold; margin:10px 0px 0px 0px; }

.Mfoot{width:100%;height: auto;float:left; text-align:center; background:#0370DD;}
.Mfoot dl{height: auto;padding:0px 20px; float:left; margin:0;}
.Mfoot dl dd{ width:100%;float:left;line-height:25px; color:#fff;text-align:center; padding:10px 0px; }
.Mfoot dl dd a{color:#fff;}
.Mfoot dl dd a:hover{	color:#fff;	text-decoration: underline;}
.Mfoot dl dd i{ width:100%; float:left; font-style:normal;text-align:center;}


.Mfnews{ width:100%; float:left; height:auto;}
.Mfnews ul{ width:100%; float:left; height:auto; margin:10px 0px 0px 0px;}
.Mfnews em{ width:100%; float:left; font-style:normal; height:40px;  border-bottom:1px solid #EBEBEB; line-height:40px; font-weight:bold; border-bottom:1px solid #C1C1C1; font-size:20px;}
.Mfnews ul li{ width:100%; float:left; height:auto; margin:10px 0px 0px 0px;}

.fix-box{ display:none;}

.P_banner{width:100%;float:left; display:none; }
.BGH{ height:180px; }


ol.page-navigator li{background:#a5a5a5 ) repeat;display: inline-block;margin-right:3px;border-radius: 3px; line-height:14px;padding:5px 10px; border:1px solid #D6D6D6; font-size:12px;}
ol.page-navigator li.current{background-color: #EA0000;border:1px solid #EA0000;}
ol.page-navigator li a{display: block;}
ol.page-navigator li:hover{background-color: #BF0000;cursor: pointer;border:1px solid #BF0000;}
ol.page-navigator li.current a,ol.page-navigator li.next a,ol.page-navigator li.prev a,ol.page-navigator li:hover a{color:#fff;}
ol.page-navigator li.next,ol.page-navigator li.prev{background-color:#c37854;color:#fff;}
#olno{background:none;border:none;}

.lr_page{ width:100%; height:auto; padding:30px 0px 0px 0px; float:left; text-align:center;}
.lr_pagea{ width:100%; height:auto; padding:20px 0px; float:left; text-align:right;}

.P_banner{width:100%;float:left;}
.P_banner img{ width:100%;float:left;}

.Psub_area{ width:100%; height:auto; float:left; padding:20px 0px 0px 0px;}
.Psub_area dl{width:94%; margin:0 3%; height:auto; float:left;}
.sPsub_area{ width:100%; height:auto; float:left; padding:20px 0px 0px 0px;}
.sPsub_area dl{width:94%; margin:0 3%; height:auto; float:left;}
.Psub{ width:100%;float:left; text-align:right; line-height:30px; }
.Ptitle{ width:100%;float:left; font-size:24px; line-height:34px; font-weight: normal; color: #2E2E2E;margin:20px 0px 0px 0px; }

.Pnews_area{ width:100%; height:auto; float:left; padding:20px 0px;}
.Pnews_area dl{width:94%; margin:0 3%; height:auto; float:left;}
.Pnews_area dl dt{ width:100%;float:left; text-align:right; line-height:30px; }
.Pnews_area dl dd{ width:100%;float:left; }
.Pnews_area dl dd img{ width:100%; float:left; margin:0px 0px 10px 0px;}
.Pnews_area dl dd span{ float:left; width:100%; line-height:23px; font-size:14px; margin:10px 0px 0px 0px;}
.Pnews_area dl dd span h1{ width:100%; font-size:18px; font-weight:normal; color:#2E2E2E; }
.Pnews_area dl dd span h1 a{color:#2E2E2E;}
.Pnews_area dl dd span h1 a:hover{color:#0470DD;}
.Pnews_area dl dd span h2{ width:100%; font-size:14px; color:#828282;font-weight:normal; padding:5px 0px;}
.Pnews_area dl dd span em{width:100%; height:60px;line-height:20px; overflow:hidden; float:left; font-style:normal;}
.Pnews_area dl dd span i{ width:22px; height:22px; background:url(../images/pic_img.png) no-repeat 0px -22px; float:left; margin:10px 0px;cursor:pointer; }
.Pnews_area dl dd span i a{width:22px; height:22px; float:left;  }

.Pnews_area dl ul{ width:100%; float:left;}
.Pnews_area dl ul li{ float:left; width:96%; line-height:20px; font-size:14px; padding:10px 2%;}
.Pnews_area dl ul li dt{ display:none;float:left;}
.Pnews_area dl ul li dt b{ font-size:50px; margin:0px 0px 5px 0px; color: #A0A0A0;}

.Pnews_area dl ul li dd{float:left; width:100%; margin:0px;}
.Pnews_area dl ul li dd h1{ width:100%;font-size:16px; font-weight:normal; color:#2E2E2E;  }
.Pnews_area dl ul li dd h1 a{color:#2E2E2E;}
.Pnews_area dl ul li dd h1 a:hover{color:#0470DD;}
.Pnews_area dl ul li dd h2{ width:100%; font-size:14px; margin:5px 0px; line-height:16px; color:#828282;font-weight:normal;}
.Pnews_area dl ul li em{width:100%; height:60px; overflow:hidden; float:left; font-style:normal;word-wrap:break-word;}
.Pnews_area dl ul li i{ width:22px; height:22px;  float:left; margin:5px 0px 0px 0px;cursor:pointer; background:url(../images/pic_img.png) no-repeat 0px -22px;}
.Pnews_area dl ul li i a{width:22px; height:22px; float:left;  }
.Pnewbg{ background: #F7F7F7;}

.Pnews_area dl ul li:hover{ background:#0482F5;}
.Pnews_area dl ul li:hover i{background:url(../images/pic_img.png) no-repeat 0px 0px;}
.Pnews_area dl ul li:hover dd h1 a,.Pnews_area dl ul li:hover h2,.Pnews_area dl ul li:hover em,.Pnews_area dl ul li:hover dt,.Pnews_area dl ul li:hover dt b{ color:#fff;}
.Pnews_area dl ul li:hover dd h1 a:hover{ color:#E30000;}


.n_page{ width:100%; float:left; text-align:center; margin:30px 0px 0px 0px;}
.n_page a{vertical-align:middle;display:inline-block;width:auto;height:24px;line-height:24px;text-align:center;color:#000; margin:0px 4px;}
.n_page a:hover{color: #E30000; }
.n_page a.on{background:#0181f5;color:#fff; padding:0px 7px;}
.n_page a.prev {width:15px; background:url(../images/page.png) center 0px no-repeat; }
.n_page a.next {width:15px;background:url(../images/page.png) center -24px no-repeat; }



.New_detail{ width:100%; float:left;}
.New_detail h2{ width:100%;float:left; text-align:center; font-weight:normal;  font-size:20px; background:#F4F4F4; padding:15px 0px 0px 0px;}
.New_detail h3{ width:100%;float:left;text-align:center;font-weight:normal; font-size:12px;background:#F4F4F4;padding:10px 0px 20px 0px;}

.conts{ width:100%; float:left;line-height:30px; margin:10px 0px;}
.conts img{ max-width:100%;}
.fp{ width:100%; float:left; margin:20px 0px 0px 0px; padding:15px 0px 0px 0px; font-size:16px; color: #767676; line-height:25px; border-top:1px solid #EEEEEE;}
.fp a{ color:#434343;}
.fp a:hover{ color: #E30000;}
.fp .close{ display:none; }
.fp .pback{ display:block; width:86px; height:36px; background:#383842; color:#fff; font-size:14px; line-height:36px; margin-top:10px; text-align:center;}
.fp em{ float:right; font-style:normal; display:none;}
.fp i{ float:left; font-style:normal;}

.solution_area{ width:100%; height:auto; float:left; padding:20px 0px;}
.solution_area dl{ width:94%; margin:0 3%; height:auto; float:left;}

.solution_detail{width:100%;float:left; margin:0px 0px 30px 0px;}
.solution_detail img{ float:left; margin:0px 6% 0px 0px; width:100%;}
.solution_detail .solus{ width:100%; float:left; margin:20px 0px 0px 0px; line-height:40px; font-size:16px;}




.Page_area{ width:100%; height:auto; float:left; padding:0px 0px 20px 0px;}
.Page_area dl{ width:94%; margin:0 3%; height:auto; float:left;}

.pro_sub{width:100%; height:auto;float:left;}
.pro_nav{ width:100%; height:45px; float:left; border-bottom:2px solid #0066CC; background:#fff;}
.pro_nav ul{float:left;width:100%;}
.pro_nav ul li{float:left; line-height:45px; text-align:center; width:20%; font-size:16px;}
.navh{background:#0066CC; color:#fff;}
.navh a{color:#fff;}

.pnavs{ width:100%; height:auto; float:left; margin:0px 0px 20px 0px;background:#F5F5F5; }
.pnavs ul{width:100%; height:auto; float:left;padding:5px 0px;  }
.pnavs ul li{float:left; padding:0px 10px; line-height:25px;font-size:14px;}
.pnavs ul li i{ color: #989898; margin:0px 0px 0px 5px; font-style:normal; float:none; font-size:12px;}
.hide{display:none;}
#pnavh{ color:#006CD9;}
#pnavh a{ color:#006CD9;}

.Job_area{ width:100%; height:auto; float:left; padding:30px 0px;}
.Job_area dl{width:94%; margin:0 3%; height:auto; float:left;}


.jobls{ width:100%; height:auto; float:left;  }
.jobls ul{ width:100%; height:auto; float:left; }
.jobls ul li{ width:100%; height:auto; float:left; margin:15px 50px 0px 0px;}
.jobls ul li i{ width:100%; height:auto; float:left; font-style:normal; line-height:16px; color: #666666;}
.jobls ul li img{ width:100%;}
.jobls ul li em{ width:100%; height:auto; margin:15px 0px 0px 0px; float:left; font-style:normal; line-height:16px; color: #0066CC; text-align:right;}
.jobls ul li em a{color: #0066CC;}
.jobls ul li em a:hover{color: #FF0000;}

.jobs{ width:100%; float:left; margin:30px 0px 0px 0px;}
.jobs ul{ width:100%; float:left;}
.jobs ul li{ width:100%; float:left; border-top:1px solid #EFEFEF; padding:30px 0px;}
.jobs ul li dt{ width:15%; float:left; text-align:left; display:none;}
.jobs ul li dd{ width:100%; float:left; line-height:25px;}
.jobs ul li dd img{ float:left; margin:10px 0px 0px 0px;}
.jobs ul li b{ color:#2E2E2E;}
.jobs ul li dd i{ width:100%; font-style:normal; font-size:20px; color:#E30000;}
.jobs ul li dd em{width:100%;color: #0094DB; font-style:normal; font-size:18px; display:none; }

.job_apply{ width:100%; float:left; margin:20px 0px 0px 0px;}
.job_apply ul{ width:100%; float:left;  }
.job_apply ul li{ width:100%; float:left; margin:15px 0px 0px 0px;border-bottom:1px solid #D6D6D6;  }
.job_apply ul li span{ width:100%;float:left;}

.jobsub{ width:100px; height:40px; color:#fff; background: #007BF7; text-align:center; border:none; cursor:pointer;}
.jobsuba{ width:100px; height:40px; color:#fff; background: #828282; text-align:center; border:none;cursor:pointer;}

#joba{}

.jobs_bd{ width:100%; border:none;height:25px; color:#6D6D6D;}
.jobs_bd2{width:100%;  border:none;height:25px; color:#6D6D6D;}
.jobs_bd3{width:100%; border:none;height:90px;color:#6D6D6D;}
.jobs_bd4{width:100%; border:none;height:29px;color:#6D6D6D;}
#jobb{ border:none;}

.Pro_area{ width:100%; height:auto; float:left; padding:20px 0px;}
.Pro_area dl{ width:94%; margin:0 3%; height:auto; float:left;}
.Pro_left{ width:100%; height: auto; float:left;}
.Pro_left ul{ width:100%; float:left;}
.Pro_left ul li{width:100%; line-height:20px;float:left; height:35px; line-height:35px; }
#Proh{ height:50px; background:#0066CC; color:#fff; line-height:50px;}
#Proh a{ color:#fff;}
#Proah{ color:#006CD9; }
#Probh{color:#006CD9;}
#Proah a{color:#006CD9; }
#Probh a{ color:#006CD9;}


.Pro_right{ width:100%; float:left; margin:20px 0px 0px 0px;}
.Pro_title{ width:100%;float:left; font-size:26px; line-height:34px; font-weight: normal; color: #2E2E2E;}
.Pro_titlea{ width:100%;float:left; font-size:20px; line-height:20px; font-weight: normal; color: #006CD9; margin:20px 0px 0px 0px;}

.downlr{ width:100%; float:left; height:auto;}
.downlr ul{ width:100%; float:left; height:auto;}
.downlr ul li{ width:99%; float:left; height:40px; line-height:40px;border-right: 1px solid #D6D6D6;border-bottom: 1px solid #D6D6D6;}
#downt{border-top: 1px solid #D6D6D6; background:#EFEFEF;}
.down_n{width:39%;float:left; text-align:left;border-left: 1px solid #D6D6D6;}
.down_t{text-align: center;float:left;	width:23%;border-left: 1px solid #D6D6D6;}
.down_l{text-align: center;float:left;	width:17%;border-left: 1px solid #D6D6D6;}
.down_l img{ margin:5px 0px 0px 0px;}

.Case_area{ width:100%; height:auto; float:left; padding:0px 0px 30px 0px;}
.Case_area dl{ width:98%; margin:0 1%; height:auto; float:left;}
.Case_area dl ul{ width:100%; float:left;}
.Case_area dl ul li{ width:46%; float:left; text-align:center; margin:20px 2% 0px 2%;}
.Case_area dl ul li img{ width:100%; float:left;}
.Case_area dl ul li i{ width:100%; height:50px; line-height:20px; overflow:hidden; font-style:normal; margin:5px 0px 0px 0px; }



.web_lr{ width:100%; height:auto; float:left;}
.web_lr ul{ width:100%; height:auto; float:left;}
.web_lr ul li{ width:100%; height:auto; padding:10px 0px; float:left; line-height:30px; border-bottom:1px solid #D6D6D6;}
.web_lr ul li span{ padding:0px 20px; float:left;}


.cpli{ width:100%; float:left;}
.cpli ul{ width:100%; float:left; border-bottom:1px solid #C1C1C1;border-right:1px solid #C1C1C1;}
.cpli ul li{ width:100%; float:left; border-top:1px solid #C1C1C1;}
.cpli ul li em{ width:33%;border-left:1px solid #C1C1C1; line-height:35px; text-align:center; font-style:normal;}

.cplis{ width:100%; float:left;}
.cplis ul{ width:100%; float:left; border-bottom:1px solid #C1C1C1;border-right:1px solid #C1C1C1;}
.cplis ul li{ width:100%; float:left; border-top:1px solid #C1C1C1;}
.cplis ul li em{ width:24%;border-left:1px solid #C1C1C1; line-height:35px; text-align:center; font-style:normal;}

.cplia{ width:100%; float:left;}
.cplia ul{ width:100%; float:left; border-bottom:1px solid #C1C1C1;border-right:1px solid #C1C1C1;}
.cplia ul li{ width:100%; float:left; border-top:1px solid #C1C1C1;}
.cplia ul li em{ width:49%;border-left:1px solid #C1C1C1; line-height:35px; text-align:center; font-style:normal;}


.cppic{ width:100%; float:left;}
.cppic ul{ width:100%; float:left;}
.cppic ul li{ width:48%; float:left; margin:0px 1% 10px 1%;}
.cppic ul li img{ width:100%;}
.cppic ul li em{ width:100%; padding:10px 0px; font-style:normal; text-align:center; line-height:20px; }

.m_banner{width:100%;float:left; display:block;}
.m_banner img{width:100%;float:left;}


.snews_area{ width:100%; height:auto; float:left; padding:30px 0px;}
.snews_area dl{ width:100%; height:auto; float:none; margin:0px auto;}
.snews_area dl ul{width:94%; height:auto; margin:0px 3%; float:left;}
.snews_area dl ul li{width:100%; height:auto; padding:12px 0px; line-height:18px; border-bottom:1px solid #D6D6D6; float:left;}
.snews_area dl ul li i{ float:right; color:#979797; font-style:normal; display:none;}
.snews_area dl ul li em{ float:left;font-style:normal; display:none;}


.priv_lr{ width:100%; float:left;}
.priv_lr dl{ width:94%; float:none; margin:0px auto;}
.priv_lr dl dd{ width:100%; float:left;  margin:20px 0px 40px 0px;}
.priv_lr dl dd b{ color:#000; margin:20px 0px 10px 0px; float:left; width:100%;}

.vpic{ width:100%; float:left;}
.vpic ul{ width:100%; float:left;}
.vpic ul li{ width:100%; float:left; margin:0px;}
.vpic ul li em{ width:100%; padding:10px 0px 20px 0px; line-height:20px; height:40px; overflow:hidden; font-style:normal; text-align:center; }
.vpic ul li img{ width:100%; float:left;height: 253px;object-fit:contain;}
#vpicr{ margin:0px;}


#video {
	width: 100%;
	height:auto;
	margin: 0 auto;
	position: relative;
}

#video video {
	width: 100%;
	height: 100%;
	object-fit: fill;
}

.VideoBtn {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	width: 70px;
	height: 70px;
	margin-left: -35px;
	margin-top: -35px;
	cursor: pointer;
	z-index: 10;
}