/* CSS Document */
@import url(main.css);
/*top*/
.index_mb{ display:none}
.index_pic{ display:block; width:100%; height:auto; overflow:hidden;background-size: cover;}
.toplogo{ float:left; margin-top:17px;}
.topmain{ width:100%; height:106px; background-color:rgba(240,121,63,0.95); position:fixed; top:0px; z-index:9999999999}
.topmain_ny{ width:100%; height:106px; background-color:rgba(255,255,255,0.95); position:fixed; top:0px; z-index:99999999999}
.topmenu{}
.topmenu ul li{ float:right; font-size:18px; padding-left:40PX; line-height:106px; height:106px;}
.topmenu ul li a{ font-size:18px; color:#FFF;}
.topmenu ul li a:hover{ font-size:18px; color:#FFFF00;}

.topmenu_ny{}
.topmenu_ny ul li{ float:right; font-size:18px; padding-left:40PX; line-height:106px; height:106px;}
.topmenu_ny ul li a{ font-size:18px; color:#333;}
.topmenu_ny ul li a:hover{ font-size:18px; color:#666;}

/*index*/

/*新头部*/
.cpyoushi{ font-size:42px; line-height:48px; margin-top:58px; color:#267BFF}
.cpyoushi02{ font-size:42px; line-height:48px; margin-top:0px; color:#267BFF}
.cptitlett{font-size:42px;line-height:48px; margin-top:37px; color:#000}
.cptitlett img{ margin-left:20px;}

/*选项卡*/
svg{
	fill: currentColor;
}
.mt-tabpage {
	width: 100%;
	margin: 30px auto;
	background-color: #FFFFFF;
}
.mt-tabpage-title {
	height: 44px;
	font-size: 0;
	background-color: #fff;
	width: 94%;
	margin: auto;
	background: #fff;
	margin-top:-50px;
	margin-left:350px;
}
.mt-tabpage-title .mt-tabpage-item {
	display: inline-block;
	width: 305px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	color: #666;
	font-size: 24px;
}
.mt-tabpage-title .mt-tabpage-item:hover{
	color: #569AFF;
}
.mt-tabpage-title .mt-tabpage-item-cur {
	color: #569AFF;
	font-size: 24px;
}
.mt-tabpage-count {
	position: relative;
	width: 1250px;
	height: 460px;
	overflow: hidden;
	margin-top:80px;
}
.mt-tabpage-cont__wrap {
	position: absolute;
}
.mt-tabpage-count .mt-tabpage-item {
	width: 1250px;
	height: 541px;
	text-align: center;
}

.ixxkleft{ float:left; width:585px; height:421px; margin-top:30px;}
.ixxkright{ float:right; width:630px; height:460px;background:url(../images/xxk2.jpg) top no-repeat;margin-top:30px;}
.ixxktitle{ float:left; text-align:left; width:100%; padding-bottom:20px; line-height:36px; margin-bottom:30px; font-size:24px;}
.ixxktitle img{ margin-right:10px;}
.xxkwzlocal{ width:100%; border-bottom:solid 1px #F6F6F6; height:36px; font-size:14px; line-height:36px; padding-right:10px; border-radius:8px 8px; margin-top:-61px; text-align:right}
.xxkwzlocal font{ color:#1964D9; font-weight:bold}
.ixxkwz{ font-size:16px; width:80%; margin:50px auto 0px auto;line-height:30px; text-align:left; color:#fff;}
.ixxkwz font{ color:#FFF}
.xxkwzzw02{ line-height:36px; font-size:14px; text-align:left}
.xxkwzzw02 b{color:#2064AD; font-size:22px; line-height:48px;}
.xxkwzzw{ line-height:36px; font-size:16px; text-align:left}
.xxkwzzw b{ color:#2064AD}
.xxkwzwztop{ margin-top:20px; text-align:center}
.xxkwzwztop ul{ text-align:center; margin-left:87px;}
.xxkwzwztop ul li{ margin-right:30px; float:left; font-size:14px; font-weight:bold; padding:4px 10px; background:#2064AD; color:#FFF;  border-radius:8px 8px;}
.fourclass{width:160px; height:72px; margin-top:40px; font-size:22px; line-height:24PX; text-align:center; padding-top:15px; background:#2064AD; color:#FFF; margin-bottom:10px;}
.fourclass span{ display:block; text-align:center; font-size:16px}

.img1{ margin:30px auto}
.img2{ margin:8px auto 30px auto}
.xxkwztitle{ text-align:center; font-size:26px; height:60px; line-height:60px; background:#F6F6F6; border-radius:8px 8px; font-weight:bold;display:block; width:auto; margin:30px auto}
.ixxkwz font{ color:#FFF}
.ipromain001{ margin-top:100px;}
.ipromain001 ul li{ float:left; width:25%;}
.iproimgtop01{ margin-bottom:80px; width:100%; text-align:center}
.iproimgtop02{ margin-top:80px; width:100%; text-align:center}
.iprowzbot{ width:100%; text-align:center}
.iprowzbot font{ font-size:40px; line-height:60px; margin-top:40px; width:100%; display:block}
.iprowzbot span{ font-size:24px;line-height:48px; width:100%;}
.timer{ font-size:48px; font-weight:bold; color:#267AFF}
.num-change li{ font-size:24px; line-height:36px;}
.num-change li font{font-size:48px; color:#267AFF}
.col-sm-4{ float:left; width:33%; text-align:center}
.row{ margin-top:80px;}


/*产品展示图片特效*/
#outBox{
	width: 1200px;
	height: 640px;
	margin: 2px auto;
}
.w{
	width: 450px;
	height: 450px;
}
.leftBox{
	width: 450px;
	height: 640px;
	float: left;
}
.normalBox img{
	width: 450px;
	float: left;
}
.normalBox{
	overflow: hidden;
	position: relative;
	border: 1px solid #f2f2f2;
}
.normalBox .w{
	display: none;
}
.normalBox .w{
	display: none;
}
.botBox{
	width: 100%;
	height: 130px;
	background: white;
	overflow: hidden;
}
.botBox ul li{
	float: left;
	width: 54px;
	height: 54px;
	border: 2px solid #666;
	border-radius: 5px;
	margin-right: 26.5px;
	opacity: 0.5;
}
.bord{
	border-color: #267BFF !important;
	opacity: 1 !important;
}
.moveBox{
	width: 0px;
	height: 0px;
	background: rgba(0,78,161,1);
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	cursor: move;
	overflow:hidden
}
.magBox{
	width: 450px;
	height: 540px;
	border: 1px solid #f2f2f2;
	position: relative;
	float: left;
	overflow: hidden;
	display: none;
}

.magBox ul li{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
#n,.m{
	display: block !important;
}
.box{
	width: 110px;
	margin: auto;
}




/*视频播放*/
#video {
	width: 100%px;
	height: 534px;
	margin: 50px auto 50px 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;
}


/*品牌*/
.brandmain{ width:100%; height:auto; overflow:hidden; margin-top:0px;}
.brandleft{ float:left; width:640px;}


.brandleft img{  cursor: pointer;  transition: all 0.6s;  -moz-transition: all 0.6s;  /* 0.6s完成过渡效果 */-webkit-transition: all 0.6s;  }  
.brandleft img:hover{  transform: scale(1.2);  /* 放大1.2倍 */}  
.brandleft:hover{filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1;}




.brandleft01{ float:right; width:640px;}
.brandright{ float:left; width:560px; margin-left:50px}
.brandright01{ float:left; width:560px; margin-left:50px}
.brandwz{ font-size:16px; line-height:30px; float:left; width:100%; margin-top:40px;}
.icontactmain{width:100%; height:auto; overflow:hidden; margin-top:100px;}
.icontactleft{ float:left; width:290px; height:auto; overflow:hidden}
.icontactright{ float:left; width:960px; overflow:hidden}
.indextdlist{}
.indextdlist ul li{ float:left;; width:33%; margin-top:20px; color:#267BFF;}

/*公司简介*/
.mainall{ width:100%; height:162px; overflow:hidden; background:url(/images/aboutbg.jpg) center repeat-y; margin-top:55px; }
.abouttopleft{ float:left; width:250px;}
.abouttopleft font{ font-size:36px; line-height:162px;width:100%; display:block; text-align:right; color:#FFF}

.abouttopleftwap{width:100%; display:none}
.abouttopleftwap font{ font-size:36px; line-height:48px; padding-top:40px;width:100%; display:block; text-align:center; color:#333}
.abouttopleftwap span{ font-size:24px;line-height:30px;width:100%; display:block;  text-align:center;color:#666}



.abouttopright{ float:left; width:1000px;}
.aboutrightlist{ float:right}
.aboutrightlist ul li{ float:right; line-height:162px;}
.aboutrightlist ul li a{ font-size:18px; padding-left:20px; color:#666}
.aboutrightlist ul li a:hover{ color:#267BFF}
.aboutrightlist ul li.cur a{ color:#267BFF}

.aboutwh{ width:1240px; margin:0px auto; height:706px; background:url(/images/wh.png) center no-repeat;}
.aboutwhwz{ font-size:18px; line-height:30px; float:left; width:560px; margin-top:180px; margin-left:400px;}
.aboutwhwzright font{ float:right; font-size:36px; line-height:48px;}
.aboutwhwzright span{ float:right; font-size:18px; line-height:36px;}
.aboutwhwzright02{ display:none}
/*公司简介结束*/



/*证书选项卡*/
#tab-list{
  width: 100%;
  height: auto;
  margin: 30px auto;
  overflow:hidden;
 }
 #list{
 vertical-align:middle;
 }
 #list li{
  display: inline-block;
  width: auto;
  border-bottom: none;
  line-height: 36px;
  margin-left: 20px;
  text-align: center;
  cursor: pointer;
  background:#2064AD;
  padding:10px;
  color:#FFF; font-size:16px;
  border-radius:8px 8px;
  display:none
 }
 #list .active{
  background:#3574B8;
 }
 #tab-list div{
  border-top: none;
  margin-top:70px;
 }
 
.show li{ float:left; width:23.5%;  padding:0px; margin:0px; margin-bottom:20PX;margin-right:2%;text-align:center;overflow:hidden;}
.show li:nth-child(4n){ margin-right:0px;}
.show li img{text-align:center; width:100%; margin:0px; padding:0px;overflow:hidden}
.show li font{  width:100%; height:36px; line-height:36px; display:block; overflow:hidden}
.show li font a{ width:96%; text-align:left; padding:0px 2%; font-size:16px; height:36px; line-height:36px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow:hidden}
.show li font a:hover{ color:#2064AD}
.honortt{ font-size:24px; font-weight:bold; text-align:center; margin-bottom:20px; float:left; width:100%;}
 
 
 
 
 
 #tab-list .show{
  display: block;
  width:100%; height:auto; max-width:1210px; margin-top:-120px; overflow:hidden
 }
 #tab-list .hidden{
  display: none;
 }

/*case*/
.Casebanner{ width:100%; background:url(../images/Casebanner.jpg)top center no-repeat; height:530px;}
.casemain { margin-top:60px; width:100%; margin-bottom:100px; height:auto; overflow:hidden}
.casemain ul li{ float:left; margin-bottom:40PX; height:294px;background:#F5F5F5}
.casemain ul li:hover{ background:#f1f1f1; cursor:pointer}
.casemain ul li h4{width:90%; margin:30px auto 20px auto; color:#333; text-align:left; line-height:36px; font-size:24px}
.casemain ul li h3{ display:none}
.casediv{ width:90%; height:auto;margin:0px auto; height:90px; overflow:hidden; line-height:30px; font-size:18px}
.casediv:hover{ color:#267BFF}

.casemain02 { margin-top:60px; width:100%; margin-bottom:100px; height:auto; overflow:hidden}
.casemain02 ul li{ float:left; width:625px; height:437px;}
.casemain02 ul li h4{ width:80%; margin:70px auto 40px auto; color:#333; text-align:left; font-size:24px}
.casediv02{ width:80%; height:auto; margin:0px auto; line-height:30px; font-size:18px}
.casemain02 ul li:nth-child(2n){ width:625px;height:437px; background:#F5F5F5; display:block}
.casemain02 ul li:nth-child(4n+2){ float:right;}
.casemain02 ul li:nth-child(4n-1){ float:right;}
.caseenter02{width:80%; height:auto; margin:0px auto; height:50px;}
.caseenter02 span{ float:right; width:100%; font-size:24px}
.caseenter02 a{ float:right; margin-top:40px;}
.caseenter02 a:hover span{ color:#009944}



.newsmainjj{ float:left; width:830px; overflow:hidden;}
.newsmainjj h4{ width:830px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.casemain ul li img{ width:420px; height:294px; overflow:hidden; float:left}
.caseenter{width:90%; height:auto; margin:0px auto; height:50px;}
.caseenter span{ float:right; width:100%; font-size:24px}
.caseenter a{ float:right; margin-top:40px; line-height:36px;}
.caseenter a:hover span{ color:#009944}
.casemain01{ margin-bottom:100px; width:100%; height:auto; overflow:hidden}

#ieng{ display:none}


/*联系我们*/
.contactmap{ margin-top:100px;}
.contactmap02{ margin-top:100px; display:none}

/*新版产品中心*/
.promainlist{ margin-top:100px;}
.promainlist ul li{ width:100%; height:auto; overflow:hidden; margin-bottom:100px;}
.promainlist ul li .proimgleft{ float:left;}
.promainlist ul li .proimgleft img{ width:550px; height:550px; overflow:hidden}
.promainlist ul li .prowzright{ float:left;padding-left:30px; width:670px;}
.promainlist ul li:nth-child(2n) .proimgleft{float:right;}
.promainlist ul li:nth-child(2n) .prowzright{ float:left;padding-left:30px; width:670px;}

.rightwz01{ } 
.rightwz02{ font-size:36px; line-height:48px; padding-top:40px;}
.rightwz03{ font-size:18px; line-height:32px; color:#1C6EFF; margin:40px auto;}
.rightwz04{}


/*新版产品中心结束*/


/*新头部结束*/

.ititle{ width:100%; text-align:center; font-size:36px; line-height:48px; color:#333; margin-top:70PX;}
.ititlepro{ width:100%; text-align:center; font-size:36px; line-height:48px; color:#2064AD; margin-top:70PX;}
.ititlen{width:100%; text-align:center; font-size:24px;line-height:30px; color:#CCC; margin-bottom:48px;text-transform:capitalize}
.ititle02{ width:100%; text-align:center; font-size:36px; line-height:48px; color:#010101; margin-top:70PX;}
.ititlen02{width:100%; text-align:center; font-size:24px;line-height:30px; color:#666; margin-bottom:48px;text-transform:capitalize}
.ititle03{ width:100%; text-align:center; font-size:36px; line-height:48px; color:#FFF; margin-top:120PX;}
.ititlen03{width:100%; text-align:center; font-size:24px;line-height:30px; color:#F2F2F2; margin-bottom:48px;text-transform:capitalize}
.iaboutbg{ background:url(../images/map.jpg) left no-repeat; background-position:0px 40px; width:100%; height:auto; overflow:hidden}
.iaboutwzleft{ width:50%; float:left; height:auto; overflow:hidden; font-size:18px; color:#333; line-height:40px;}
.iaboutwzright{ width:50%; overflow:hidden}
.iaboutwzleftwz{ padding-bottom:40px;}
.iaboutrightpic{ float:right;}
.iaboutrightpic02{ width:100%; text-align:center}
.iaboutrightpic02 img{ width:100%; margin:0px; padding:0px;}
.iaboutwzleftwz02{}

.iaboutrightpic img{ border:solid 20px #ECECEC}
#more a{ width:136px; height:44px; background:#F0793F; text-align:center; line-height:44px; font-size:18px; color:#fff; display:block;border-radius:8px 8px;}
#more a:hover{ width:136px; height:44px; background:#D76A34; text-align:center; line-height:44px; font-size:18px; color:#fff; display:block;border-radius:8px 8px;}


#more1 a{ width:136px; height:44px; background:#004EA2; margin:0px auto; margin-top:48px; text-align:center; line-height:44px; font-size:18px; color:#fff; display:block;border-radius:8px 8px;}
#more1 a:hover{ width:136px; height:44px; background:#0081DE; text-align:center; line-height:44px; font-size:18px; color:#fff; display:block;border-radius:8px 8px;}




#more02 a{ width:310px; height:68px; background:#1C78FF;  text-align:left;padding-left:10px; line-height:68px; font-size:18px; color:#fff; display:block;}
#more02 a:hover{ width:310px; height:68px; background:#1F64AD; text-align:left; padding-left:10px; line-height:68px; font-size:18px; color:#fff; display:block;}

#more02 img{ margin-left:8px;}



#promore a{ width:154px; height:38px; background:#1C78FF; margin:0px auto; margin-top:48px; text-align:center; line-height:38px; font-size:18px; color:#fff; display:block;border-radius:8px 8px;}
#promore a:hover{ width:154px; height:38px; background:#1F64AD; text-align:center; line-height:38px; font-size:18px; color:#fff; display:block;border-radius:8px 8px;}

.promore a{ width:174px; height:38px; background:#F6F6F6; margin:0px auto; margin-top:48px; text-align:center; line-height:38px; font-size:14px; color:#fff; display:block;border-radius:8px 8px;}
.promore a:hover{ width:174px; height:38px; background:#277BFF; text-align:center; line-height:38px; font-size:14px; color:#FFF; display:block;border-radius:8px 8px;}




a .promore02 { width:154px; height:38px; border:solid 2px #1C78FF; float:left; margin-top:48px; text-align:center; line-height:38px; font-size:18px; color:#1C78FF; display:block;border-radius:16px 16px; overflow:hidden}
a .promore02:hover{ width:154px; height:38px; background:#1C78FF; text-align:center; line-height:38px; font-size:18px; color:#fff; display:block;border-radius:16px 16px;overflow:hidden}

a #promore03 { width:154px; height:38px; border:solid 2px #FFF; float:left; margin-top:48px; text-align:center; line-height:38px; font-size:16px; color:#1C78FF; display:block;border-radius:16px 16px; overflow:hidden; color:#FFF; float:left}
a #promore03:hover{ width:154px; height:38px; background:#1C78FF; text-align:center; line-height:38px; font-size:16px; color:#fff; display:block;border-radius:16px 16px;overflow:hidden; float:left;color:#FFF;}


.iprosdmain{ width:100%; height:auto; margin-top:-40px; min-height:795px; background:url(../images/sdbg.jpg) center no-repeat; padding-bottom:80px; overflow:hidden;}
.iprosdmain02{ width:100%; height:auto; margin-top:-40px; min-height:605px; background:url(../images/sdbg.jpg) center no-repeat; padding-bottom:10px; overflow:hidden;}
.sdprolist{ width:1250px; margin:120px auto 0px auto; overflow:hidden}
.sdprolist ul li img{ border-radius:88px 88px; margin:0px auto; border:solid 3px #FFF; text-align:center}
.sdprolist ul li:hover img{ border-radius:88px 88px; margin:0px auto; border:solid 3px #F0793F; text-align:center}
.sdprolist ul li{ float:left; width:250px; text-align:center; margin-bottom:40px;}
.sdprolist ul li a font{ width:250px; height:50px; color:#fff; padding-top:20px; font-size:18px; display:block}

.ipromain{ width:100%; height:auto; min-height:847px; overflow:hidden; margin-top:0px;}
.iprolist{ width:1248px; height:518px; overflow:hidden; margin:0px auto; border-radius:8px 8px;}
.iprolist ul li{ float:left; width:312px; height:518px; overflow:hidden}
.iprolist ul li:hover{ cursor:pointer}
.probg01{ width:312px; height:518px; background:url(/images/cp01.jpg) center no-repeat;}

.probg01:hover{}

.probg02{width:312px;height:518px; background:url(/images/cp02.jpg) center no-repeat}
.probg02:hover{}
.probg03{width:312px; height:518px; background:url(/images/cp03.jpg) center no-repeat}
.probg03:hover{}
.probg04{width:312px; height:518px; background:url(/images/cp03.jpg) center no-repeat}
.probg04:hover{}
.probg05{width:312px; height:518px; background:url(/images/cp04.jpg) center no-repeat}
.probg05:hover{}

.proicon1{ width:85px; height:85px; text-align:center; margin:0px auto; margin-top:128px;background-color:rgba(0,78,162,0.8); border-radius:32px 32px;}


.probg01 .proicon1{cursor:pointer;/* transform属性 */transform:translate(0,0px);transition: all 1s;-webkit-transition: all 1s;}
.probg01 .proname1{cursor:pointer;/* transform属性 */transform:translate(0,0px);transition: all 1s; -webkit-transition: all 1s;}
.probg01:hover .proicon1{cursor:pointer;/* transform属性 */transform:translate(0,100px);transition: all 1s;-webkit-transition: all 1s;}
.probg01:hover .proname1{cursor:pointer;/* transform属性 */transform:translate(0,-200px);transition: all 1s; -webkit-transition: all 1s;}

.probg02 .proicon1{cursor:pointer;/* transform属性 */transform:translate(0,0px);transition: all 1s;-webkit-transition: all 1s;}
.probg02 .proname2{cursor:pointer;/* transform属性 */transform:translate(0,0px);transition: all 1s; -webkit-transition: all 1s;}
.probg02:hover .proicon1{cursor:pointer;/* transform属性 */transform:translate(0,100px);transition: all 1s;-webkit-transition: all 1s;}
.probg02:hover .proname2{cursor:pointer;/* transform属性 */transform:translate(0,-200px);transition: all 1s; -webkit-transition: all 1s;}

.probg03 .proicon1{cursor:pointer;/* transform属性 */transform:translate(0,0px);transition: all 1s;-webkit-transition: all 1s;}
.probg03 .proname3{cursor:pointer;/* transform属性 */transform:translate(0,0px);transition: all 1s; -webkit-transition: all 1s;}
.probg03:hover .proicon1{cursor:pointer;/* transform属性 */transform:translate(0,100px);transition: all 1s;-webkit-transition: all 1s;}
.probg03:hover .proname3{cursor:pointer;/* transform属性 */transform:translate(0,-200px);transition: all 1s; -webkit-transition: all 1s;}

.probg04 .proicon1{cursor:pointer;/* transform属性 */transform:translate(0,0px);transition: all 1s;-webkit-transition: all 1s;}
.probg04 .proname4{cursor:pointer;/* transform属性 */transform:translate(0,0px);transition: all 1s; -webkit-transition: all 1s;}
.probg04:hover .proicon1{cursor:pointer;/* transform属性 */transform:translate(0,100px);transition: all 1s;-webkit-transition: all 1s;}
.probg04:hover .proname4{cursor:pointer;/* transform属性 */transform:translate(0,-200px);transition: all 1s; -webkit-transition: all 1s;}

.probg05 .proicon1{cursor:pointer;/* transform属性 */transform:translate(0,0px);transition: all 1s;-webkit-transition: all 1s;}
.probg05 .proname5{cursor:pointer;/* transform属性 */transform:translate(0,0px);transition: all 1s; -webkit-transition: all 1s;}
.probg05:hover .proicon1{cursor:pointer;/* transform属性 */transform:translate(0,100px);transition: all 1s;-webkit-transition: all 1s;}
.probg05:hover .proname5{cursor:pointer;/* transform属性 */transform:translate(0,-200px);transition: all 1s; -webkit-transition: all 1s;}


.proicon1 img{opacity:1.0; width:42px; height:42px; margin-top:21px;}
.proname1{ width:206px; height:62px; padding-top:8px; background-color:rgba(0,78,162,0.5);border-radius:8px 8px; margin:0PX auto; margin-top:80px; line-height:42px; text-align:center; color:#FFF; font-size:14px;line-height:22px;}
.proname2{ width:194px; height:62px;  padding-top:8px;background-color:rgba(0,78,162,0.5);border-radius:8px 8px; margin:0PX auto; margin-top:80px; line-height:42px; text-align:center; color:#FFF; font-size:14px; line-height:22px;}
.proname3{ width:172px; height:62px;  padding-top:8px;background-color:rgba(0,78,162,0.5);border-radius:8px 8px; margin:0PX auto; margin-top:80px; line-height:42px; text-align:center; color:#FFF; font-size:14px;line-height:22px;}
.proname4{ width:172px; height:62px; background-color:rgba(0,78,162,0.5);border-radius:8px 8px; margin:0PX auto; margin-top:80px; line-height:42px; text-align:center; color:#FFF; font-size:14px;line-height:62px;}
.proname5{ width:172px; height:62px;  padding-top:8px;background-color:rgba(0,78,162,0.5);border-radius:8px 8px; margin:0PX auto; margin-top:80px; line-height:42px; text-align:center; color:#FFF; font-size:14px;line-height:22px;}
.ipromain02{ width:100%; height:auto; min-height:847px; background:#F4F4F4; padding-bottom:80px; overflow:hidden; margin-top:115px;}


#inewslist{ width:100%; height:auto; margin-bottom:80PX; overflow:hidden}
#inewslist ul li{ float:left; margin-right:15px;}
#inewslist ul li:hover{ cursor:pointer; background:#F1F1F1}
#inewslist ul li:nth-child(3n){ margin-right:0px;}
#newspic{ width:310px; height:222px; overflow:hidden}
#newspic img{width:310px; height:222px}

#newspic img{  cursor: pointer;  transition: all 0.6s;  -moz-transition: all 0.6s;  /* 0.6s完成过渡效果 */-webkit-transition: all 0.6s;  }  
#newspic img:hover{  transform: scale(1.2);  /* 放大1.2倍 */}  
#newspic:hover{filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1;}



#newswz{width:310px; padding:0PX 10PX; padding-top:20px; padding-bottom:20px; border:solid 1px #E9E7E7;border-bottom:none}
#newswz font{ color:#333; font-size:14px; width:100%}
#newswz h3 a{ color:#1C78FF; font-size:18px;width:100%;word-break: break-all;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;}
#newswz span a{ color:3333; font-size:14px; color:#333; padding-top:20px;word-break: break-all;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden; width:100%}
#inewslist ul li:hover #more02 a{ width:310px; height:68px; background:#1F64AD; text-align:left; padding-left:10px; line-height:68px; font-size:18px; color:#fff; display:block;}


/*解决方案*/
.xxktitle{ font-size:24px; line-height:48px; color:#2779FF; border-bottom:solid 1px #EFEFEF; margin-bottom:24PX;}
.xxkwz{ font-size:16px; line-height:24px;}
.xxkwzmain{ position:absolute; margin-top:140px; margin-left:600px;}
.xxkwzmain02{position:absolute; margin-top:180px; margin-left:680px;}
.xxkwzmain03{position:absolute; margin-top:140px; margin-left:680px;}
.xxkwzmain04{position:absolute; margin-top:140px; margin-left:640px;}
.xxkwzmain05{position:absolute; margin-top:40px; margin-left:340px;}
.jjfaimglist{ margin:20px auto; width:100%; float:left}
.jjfaimglist ul li{ float:left; width:48%; margin-right:2%;}
.jjfaimglist ul li:nth-child(2n){ margin-right:0px;}
.jjfaimglist ul li img{ width:100%;border-radius:8px 8px}
.jjfaimg01{ width:100%; margin:20px auto; text-align:center}
.jjfaimg01 img{ text-align:center; border-radius:8px 8px}


/*about*/
.aboutbanner{ width:100%; background:url(../images/aboutbanner.jpg)top center no-repeat; height:530px;}
.aboutemenu{  width:1250px; margin:0px auto; height:70px; line-height:70px; background-color:rgba(255,255,255,0.40); margin-top:-70px;}
.aboutemenu ul li a{ float:left; height:70px; color:#333; font-size:18px;width:170px; text-align:center}
.aboutemenu ul li a:hover{ float:left; height:70px; color:#333; font-size:18px;background:#5194DD; color:#FFF; width:170px; text-align:center}
.aboutemenu ul li.cur{ background:#2064AD; width:170px; height:70px; overflow:hidden; float:left; color:#FFF;}
.aboutemenu ul li.cur a{ color:#FFF;}
.aboutwzmain{ width:100%; height:auto; margin:100px auto 40px auto; overflow:hidden}
.aboutwz{ float:left; width:100%; font-size:18px; line-height:40px; color:#333}
.aboutwz{ float:right}
.aboutwz01{ float:left; width:770px;}
.aboutwz02{ float:right; width:447px;}
.aboutwz p{ text-indent:2em}
.aboutwz img{ border:solid 10px #ECECEC; margin-left:20px; width:427px;}
.zzmain{ width:100%; height:auto; overflow:hidden; padding-bottom:100px; background:#F0F0F0}
.zzwzlistleft{ float:left}
.zzwzlistleft img{ border:solid 10px #FFF}
.zzwzlistright{ float:right; width:700px;}
.zzwzlistright font{ width:176px; height:60px; background:#2064AD; color:#FFF; line-height:60px; text-align:center; display:block; font-size:24px}
.zzwzlistright span{ font-size:18px; line-height:36px; margin-top:40px; float:left}
.fzlcmain{ width:100%; height:auto; overflow:hidden; background:#FFF}
.qxppmain{ width:100%; height:auto; padding-top:80px; min-height:644px; overflow:hidden; background:url(../images/bg02.jpg) center no-repeat}
.pxppleft{ width:390px; padding-top:60px; padding-left:40px; line-height:48px; height:244px; float:left; font-size:24px; color:#FFF;  background-color:rgba(0,78,162,0.50);  border-radius:16px 16px;}
.pxppright{ width:390px; height:244px;padding-top:60px; padding-left:40px; line-height:48px; float:right;font-size:24px; color:#FFF;  background-color:rgba(0,78,162,0.50); border-radius:16px 16px;}
.honormain{ height:auto; width:100%; padding-bottom:40px; overflow:hidden}
.honorlist{ width:100%; height:auto; overflow:hidden}
.honorlist ul li{ float:left; margin-right:83px; width:250px; overflow:hidden; margin-bottom:40px;}
.honorlist ul li:nth-child(4n){ margin-right:0px;}
.honorlist ul li font a{ width:250px; font-size:18px; height:36px; line-height:36px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1; overflow:hidden}
.honorlist ul li font a:hover{ color:#2064AD}

/*Contactus*/
.conatctmap{}
.conatctwz{ margin-top:80px; margin-bottom:80px;}
.conatctwz table td{ height:48px; line-height:48px; font-size:18px; padding-left:20px;}
.conatcttrbg{ background:#F5F4F4}
#conatctt01{ font-size:30px; height:60px; line-height:60px; padding-bottom:20px; text-align:center}
.Thelist{ margin:80px auto}
.Thelist table td{ height:36px; line-height:36px; font-size:18px; padding-left:20px;}
#trbg01{ width:50%; height:48px; background:#F0793F; color:#fff; line-height:48px; font-size:24px}
#trbg02{ width:50%; height:36px; background:#F5F4F4;  line-height:36px; }
.Feedback{margin:40px auto}
.Feedback table{ width:600px; margin:0px auto}
.Feedback table td{ height:48px; padding-right:20px; line-height:48px; font-size:18px}
#fdtd01{ width:500px;}
#fdtd02{ width:100px;}
.feedbook_input{ border:solid 1px #ccc; width:450px; outline:none}
.feedbook_inputt{ border:solid 1px #ccc; width:450PX; outline:none}

/*newslist*/
.newslist{ width:1250px; margin:0px auto}
.newslist ul li{ background:#F5F5F5; height:auto; margin-bottom:40px; overflow:hidden; width:100%;}
.news01{ width:308px; height:206px; overflow:hidden; float:left}
.news01 img{ width:308px;}





.news02{ float:left; width:780px; padding-left:20px;}
.news02 h3{ font-size:18px; padding-top:40px;}
.news02 font{ font-size:16px; float:left; line-height:30px;word-break: break-all;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      
      text-overflow: ellipsis;}
.news02 span{ font-size:14px; color:#666; padding-top:30px; float:left}
.news03 a{ width:120px; float:left; text-align:center; line-height:40px; font-size:16px; color:#F0793F; height:40px; border:solid 1px #F0793F; background:#FFF; display:block; margin-top:80px; margin-left:20px;}

/*pro*/
.iprolistwap02{ width:100%; height:auto; overflow:hidden; margin:0px auto}
.iprolistwap02 ul li{ float:left; width:32%; margin-right:2%; margin-bottom:40px; height:auto; overflow:hidden}
.iprolistwap02 ul li:nth-child(3n){ margin-right:0px;}
.iprolistwap02 ul li a{ width:100%; height:48px; line-height:48px; text-align:center; font-size:16px; background:#E3E3E3; display:block}
.iprolistwap02 ul li:hover a{ width:100%; color:#FFF; height:48px; line-height:48px; text-align:center; font-size:16px; overflow:hidden; background:#F0793F; display:block}
.iprolistwap02 ul li:hover{ display:block; cursor:pointer; background:#F0793F; color:#fff}
.probanner{ width:100%; background:url(../images/probanner.jpg)top center no-repeat; height:530px;}
.banenrhx{ margin-top:300px;}
.banenrwz{ font-size:36px; color:#FFF; line-height:48PX;; margin-top:8px;text-shadow:3px 3px 3px #000;}
.solutionwz{ font-size:16px; color:#FFF; line-height:30PX; text-align:center; color:#333}
.solutionpic{ width:912px; margin:20px auto;}
.solutionbg{ background:url(../images/bg03.jpg) top center no-repeat; height:776px;}
.prolist{ margin:60px auto}
.prolist ul li{ float:left; width:25%; margin-bottom:120px; text-align:center}
.prolist ul li span{width:160px; height:75px; margin:0px auto; padding-top:45px; display:block; font-size:60px; text-align:center; color:#1F63AB}
.prolist ul li:hover span{ width:160px; height:75px; padding-top:45px; margin:0px auto; color:#FFF; background:#1F63AB;border-radius:32px 32px;display:block;}
.prolist ul li a font{font-size:24px; margin-top:0px; float:left; width:100%; text-align:center; line-height:48px; height:48px;}
.prointr{ width:100%; height:auto; margin:60px auto}
.prointrleft{ float:left; font-size:18px; line-height:36px; width:460px;}
.prointrright{ float:right; width:742px;}

.prolistmain{ width:100%; height:auto; margin:80px auto; overflow:hidden}
.prolistmain ul li{ text-align:center; width:280px; overflow:hidden; margin-bottom:40px; float:left; margin-right:43px;}
.prolistmain ul li:nth-child(4n){ margin-right:0px;}
.prolistmain ul li a{}
.prolistmain ul li a font{ font-size:16px; line-height:30px; width:280px}
.prolistmain ul li a span{ font-size:18px; line-height:36px;width:280px}
.localmain{ width:100%; height:56px; line-height:56px; font-size:18px; color:#333; overflow:hidden; background:#F4F4F4; border-bottom:solid 1px #EFEEEE}
.localmain span{ color:#333}
.prolefrmenu{ margin-top:28px; float:left; width:306px; padding-left:53px; border-right:solid 1px #E5E5E5; background:#F6F9FE; padding-bottom:100px; overflow:hidden; margin-bottom:100px;}
.prolefrwz{ width:306px; float:left;}
.prolefrwz font{ font-size:18px; color:#333; margin-top:64px; float:left; font-weight:bold; width:306px}
.prolefrwz span{ font-size:14px; margin-top:10px; color:#999;float:left; width:306px}
.proleftlogo{ margin-top:69px;}
#lkzxmore{ margin-top:20px; float:left}
#lkzxmore a{ width:160px; height:40px; background:#009944; float:left; display:block; text-align:center; color:#FFF; line-height:40px; font-size:14px; border-radius:8px 8px;}
#lkzxmore a:hover{ width:160px; height:40px; background:#00BA5D; float:left; display:block; text-align:center; color:#FFF; line-height:40px; font-size:14px; border-radius:8px 8px;}
.leftmenu{ float:left; width:306px; margin-top:34px; height:auto; border-top:solid 1px #EEEEEE; overflow:hidden}
.leftmenu ul li{ border-bottom:solid 1px #EEEEEE; height:58px; line-height:58px;}
.leftmenu ul li:hover{ border-bottom:solid 1px #EEEEEE; border-right:solid 3px #0550A3; background: linear-gradient(to right, #F5F8FE,#DEE3F1); height:58px; line-height:58px; cursor:pointer}
.leftmenu ul li a{ font-size:18px; width:306px; height:58px; display:block;}
.leftmenu ul li a span{ font-size:14px; color:#333}
.rightcs{ float:right; width:850px; margin-top:28px; overflow:hidden;}
.rightcs01{ float:left; width:452px;overflow:hidden}
.rightcs01 img{ border:solid 1px #F2F2F2;}
.rightcs02{ float:right; width:350px;overflow:hidden; margin-left:48px; overflow:hidden}
.cstitle{ font-size:30px; color:#333; line-height:48px; margin-top:30px;}
.cpcswz{ font-size:18px; color:#1C6EFF; line-height:30px;margin-top:40px; margin-bottom:40px;}
.cpcs{ font-size:18px; color:#004EA2; font-weight:bold; line-height:36px;margin-top:10px;}
.cpcsxq{font-size:14px; color:#333; line-height:24px;margin-top:10px;}
.cpcsxq span{ color:#005AFF}
.proshowtd{ display:none}



/*News*/
.Newsbanner{ width:100%; background:url(../images/Newsbanner.jpg)top center no-repeat; height:530px;}
.newshow{ width:100%; height:auto; overflow:hidden}
.newshowleft{ width:100%; margin:0xp auto; overflow:hidden}
.newshowright{ width:330px; height:auto; float:right; overflow:hidden}
.newshowtitle{ font-size:24px; text-align:center; color:#333; width:800px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; line-height:48px; margin:0px auto}
.newshowdate{font-size:14px; text-align:center; color:#666; width:400px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; line-height:48px; margin:0px auto}
.newshowwz{ font-size:16px; padding-top:100px; border-top:solid 1px #ccc; line-height:30px; margin-bottom:100px; color:#333}
.newshowwz img{ margin:10px auto}
.newshowwz p{text-indent: 2em; margin-bottom:20px;}
.newshowrightnext{ width:260px; float:left; height:131px;padding:20px; background:#EDEDED; margin-bottom:20px; overflow:hidden;}
.newsnext01{ font-size:18px; color:#333; margin-bottom:18PX; }
.newsnext02{font-size:16px;color:#333;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden}
.newsnext03{font-size:14px; margin-top:27PX;}
.newshowrightnext:hover{ background:#DADADA}
.newshowrightnext:hover a .newsnext02{color:#1043E9}

/*Contactus*/
.Contactbanner{ width:100%; background:url(../images/Contactbanner.jpg)top center no-repeat; height:530px;}
.contactwz{ width:100%; height:auto; overflow:hidden; margin:80px auto}
.contacttitle{ font-size:36px; line-height:48px;}
.contactadd{ margin-top:30px;}
.contactadd td{ height:48px; line-height:48px; padding-left:10px; font-size:18px}
.contactadd02{ display:none}
.trbg01{ background:#F0F0F0}

/*bottom*/
.bottommain{ background:#0D182A; height:auto; width:100%;}
.bottommain02{ background:#0D182A; height:auto; width:100%; display:none}
.bottom01{ width:100%; height:282px; background:#0D182A}
.bottom02{ text-align:center; margin-top:80px; line-height:66px; border-top:solid 1px #727783; color:#999999; font-size:14px}
.bottomleft01{float:left; margin-right:65px;}
.bottomleft01 dl dt{ margin-bottom:10px; color:#04C6F2}
.bottomleft01 dl dt a{ font-size:16px; color:#04C6F2}
.bottomleft01 dl dd a{ font-size:14px; line-height:30px; color:#ccc}
.bottomleft01 dl dd a:hover{ font-size:14px; line-height:30px; color:#04C6F2}
.bottomleft{ float:left; width:420px; font-size:14px; color:#ccc; line-height:36px;}
.bottomleft font{ font-size:24px; line-height:48px;}
.bottomleft img{ margin-top:49px; margin-bottom:20px; display:block}
.bottomright{ font-size:16px; float:right; width:750px; margin-top:49px; line-height:36px; color:#999}


.Honorlist{ margin:0px auto; overflow:hidden}
.Honorlist ul li{ float:left; width:300px; height:auto; overflow:hidden; margin-bottom:40px; margin-right:50px;text-align:center; }
.Honorlist ul li font{ width:100%; height:36px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; line-height:36px; padding-top:10px; color:#666; text-align:center; font-size:16px;}

@media only screen and (max-width: 769px){
.index_mb{ display:block}
.index_pic{ display:none; width:100%; height:auto; overflow:hidden;background-size: cover;}
}