/*-------------------CSS头部设置---------------------------*/
html,body{ height:100%;  }
body{font-family:微软雅黑,黑体; color:#666; line-height:1; overflow-x:hidden; }
a,a:hover{
	text-decoration: none; color:#05589c;
}
.clear{ clear:both; padding:0; margin:0;} 
.ofh{ overflow:hidden;}
.imgauto img{
width: 100%; height:auto;display:inline-block;
}
.pl0{ padding-left:0px;}
.pr0{ padding-right:0px;}
.p-7{padding-left:7px;padding-right:7px;}
.p-10{padding-left:10px;padding-right:10px;}
.pl-15{padding-left:15px;}
.pr-15{padding-right:15px;}
.p-20{padding-left:20px;padding-right:20px;}
.p15{ padding-left:15px;padding-right:15px;}
.cul ul,.cul li,.cul dl,.cul dt,.cul dd{ margin:0px; padding:0px; list-style:none;}
.culs ul{ padding:0px; margin:0px;}
.culs ul,.culs li,.culs dl,.culs dt,.culs dd{list-style:none;}
#ClCache{ display:none;}
.tran{
		transition: all .3s ease-out 0s;
		-moz-transition: all .3s ease-out 0s; /* Firefox 4 */
		-webkit-transition:all .3s ease-out 0s; /* Safari 和 Chrome */
		-o-transition: all .3s ease-out 0s; /* Opera */
}
.trans *{
		transition: all .3s ease-out 0s;
		-moz-transition: all .3s ease-out 0s; /* Firefox 4 */
		-webkit-transition:all .3s ease-out 0s; /* Safari 和 Chrome */
		-o-transition: all .3s ease-out 0s; /* Opera */
}
input,select,textarea{ outline:none; padding:0px 5px;}
input::-webkit-input-placeholder{   color:#ddd;   }
        input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#eee;
        }
        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#eee;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#eee;
        }
h1,h2,h3,h4,h5,h6,p{ margin:0px; padding:0px; font-weight:normal;}
.DivX{
	transform:translateX(-50%);
	-ms-transform:translateX(-50%); 	/* IE 9 */
	-moz-transform:translateX(-50%);	/* Firefox */ 
	-webkit-transform:translateX(-50%); /* Safari �� Chrome */
	-o-transform:translateX(-50%);	/* Opera */
}
.DivY{
	transform:translateY(-50%);
	-ms-transform:translateY(-50%); 	/* IE 9 */
	-moz-transform:translateY(-50%);	/* Firefox */ 
	-webkit-transform:translateY(-50%); /* Safari �� Chrome */
	-o-transform:translateY(-50%);	/* Opera */
}
.DivC{
		transform:translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%); 	/* IE 9 */
		-moz-transform:translate(-50%,-50%);	/* Firefox */ 
		-webkit-transform:translate(-50%,-50%); /* Safari �� Chrome */
		-o-transform:translate(-50%,-50%);	/* Opera */
}
.DivW{ width:100%;max-width:1440px; }

.ImgC img{ position:absolute; left:50%; top:50%;}
.ImgBig:hover img{
	opacity:0.9;
	-webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
	}
	
.dn{ display:none !important;}
.dns{ display:none;}

.txlc{
	align-items: center;
	display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;   /* 混合版本语法: IE 10 */   
    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
    display: -moz-flex;
    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
	
	}

/*-------------------自定义---------------------------*/
.por{ position:relative;}
.mn{ margin:0px auto;}
.p0{ padding:0px;}
.txl{ text-align:left;}
.txc{ text-align:center;}
.txr{ text-align:right;}
.fl{ float:left;}
.fr{float: right;}
.MainBody p,.showMain p{ padding-bottom:28px;}
/*-------------------头部---------------------------*/

.header{ width:100%; height:146px; position:fixed; top:0px; z-index:13000; background:rgba(255,255,255,1);box-shadow: 0 2px 3px rgba(0, 0, 0, .2);}
.headTop{ width:100%; height:76px; border-bottom:1px solid #E5E5E5;}
.navBody{ height:100%; position:relative;}
.logo{ height:76px;display: table; }
.logo span{ display:table-cell; vertical-align:middle;} 
#mobile_menu{ display:none;}
.nav{ width:100%;  height:70px; line-height:70px;}
.nav ul{ width:100%; }
.nav  li{ float:left;  width:calc(100% / 8);position:relative; }
.nav  li a{ width:100%; height:auto;  display:block; position:relative;}
.nav  li:hover a:after{
	 content:""; width:100%; background:#122658; height:2px; left:0px; bottom:0px; z-index:100; position:absolute; 
}
/*
.nav  li.cur a{ color:#fff;}
*/
.bg{ background:#FFF;}
.headBg{ width:100%; height:100%;}
.nav_right{ width:auto; height:76px; line-height:66px; }
.nav_right .topLogin{ width:auto; padding-right:20px; height:66px;}
.nav_right .cartIocn{ width:46px; height:66px; background:url(../image/cart.png) no-repeat center center;}
.nav_right .cartIocn .cartNum{ width:auto; height:18px; margin-top:14px; margin-right:1px; padding:0px 5px; background:#F00; border-radius:10px; line-height:18px; }
.nav_right .cartIocn  a{ width:100%; height:100%; display:block;}
.nav_right .langs{ width:74px; height:66px; background:url(../image/map.png) no-repeat 20px center;}
.navBottom{ display:none;}
/*---------------------子导航-----------------------------*/
.nav  li ul{ 
	width:100%; height:auto; position:absolute; top:70px; z-index:50; display:none; 
}

.nav  li:hover ul{ display:block;}
.nav  li ul li{ width:100%;  height:auto; background:#fff; border-bottom:1px solid rgb(247, 247, 247); display:block;  }

.nav  li ul li a{ width:100%; height:100%; display:block; padding:10px 5px;  line-height:30px; }
.nav  li ul li a:hover{ background:#ddd; color:#000; }
.nav  li ul li a:after{ display:none;}
.nav  li.cur ul li a {color:#333;}
.nav  li ul li a:hover{ box-shadow:none; color:#05589c;}

.nav .prom{ left:-180px;}
.nav .proms{ left:-200px; text-align:right;}

/*------------------------flash4-----------------------------------*/

.flash{ width:100%; height:auto; overflow:hidden; padding-top:1.46rem; }
.flash .swiper-container{ width:100%; height:auto;overflow: hidden;}
.flash .swiper-slide a{ width:calc(100% + 17px); height:100%; display:block;}
.flash .swiper-slide a img{ width:100%; height:auto;object-fit: contain;}
.flash .swiper-slide{ width:100%; height:auto; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.flash .swiper-pagination-bullet { 
        opacity:0.8; background:#fff;-webkit-transition:500ms; -moz-transition:400ms; -ms-transition:400ms; transition:400ms; width:10px;border-radius:5px; height:10px;
    }
	
.flash .swiper-pagination{ bottom:23px;}
.flash .swiper-pagination-bullet-active{ background:#2C72AD; width:40px; }

/*------------------IndexBg1--------------------------*/

.IndexTitle{ height:auto; text-align:center;}
.IndexTitle .Titles{ height:60px; line-height:60px; width:100%; }
.IndexTitle .Coms{ width:100%; height:auto; line-height:26px; }

.IndexBg1{ width:100%; height:auto; padding-top:55px; background:#F7F8FA url(../image/productlmgbj.jpg) no-repeat top center; }/*background-attachment:fixed;*/
.IndexBg1 .proMenu{ width:100%; height:auto; padding-top:55px;}
.IndexBg1 .proMenu a{ padding:0px 30px; display:inline-block; line-height:40px; padding-left:46px; width:auto; position:relative; height:40px; border-radius:20px; background:#05589E; margin:0px 5px;}
.IndexBg1 .proMenu a:hover{ background:#F48F01;}
.IndexBg1 .proMenu a:first-child{ background:#F48F01; padding-left:30px;}
.IndexBg1 .proMenu a .box{ width:16px; height:26px; position:absolute; left:16px; top:50%; margin-top:-20px;}


.IndexBg1 .IndexProduct{ height:auto;    position:relative; padding-top:45px; }
.IndexBg1 .IndexProduct .swiper-container{ height:auto; padding-bottom:2rem;}
.IndexBg1 .IndexProduct .swiper-container .swiper-wrapper{  width:100%;  }/*border-radius: 0px 310px 0px 292px; overflow:hidden; width:100%;*/
.IndexBg1 .IndexProduct .swiper-slide{  width:25%; padding:0px 15px; }
.IndexBg1 .IndexProduct .swiper-slide a{ width:100%; height:auto; color:#fff;  display:block; box-shadow: -1px 3px 30px #f2f2f2; }
.IndexBg1 .IndexProduct .swiper-slide:hover a{box-shadow:-1px 3px 30px #ddd;}
.IndexBg1 .IndexProduct .swiper-slide:hover h3{ color:#19B2DE;}
.IndexBg1 .IndexProduct .swiper-slide .imgs{ display:block; position:relative;}
.IndexBg1 .IndexProduct .swiper-slide .imgs .bgs{ 
		width:100%; height:100%; opacity:0; background:rgba(197,1,2,0.6); position:absolute; top:0px; left:0px;
		 }
.IndexBg1 .IndexProduct .swiper-slide:hover .imgs  .bgs{ opacity:1;}
.IndexBg1 .IndexProduct .swiper-slide .title{ width:100%; height:auto;  line-height:30px; position:relative;  padding:20px; background:#fff; }
.IndexBg1 .IndexProduct .swiper-slide .title:before{ width:60px; height:2px; content:""; position:absolute; background:#CFD1D0; left:50%; top:0px; margin-left:-30px;}
.IndexBg1 .IndexProduct .swiper-slide .comdiv{ width:100%; height:100%; opacity:0; position:absolute; background:rgba(7,87,158,0.6); top:0px; left:0px;}
.IndexBg1 .IndexProduct .swiper-slide:hover .comdiv{ opacity:1;}
.IndexBg1 .IndexProduct .swiper-slide .texts{ width:90%; height:auto; padding:6px 0px; line-height:24px; position:absolute; left:50%; top:50%;
}
.IndexBg1 .IndexProduct .swiper-slide .texts:before,.IndexBg1 .IndexProduct .swiper-slide .texts:after{ content:""; width:100px; height:1px; background:#fff; top:0px; position:absolute; left:50%; margin-left:-50px;
	transition: all .3s ease-out 0s;
		-moz-transition: all .3s ease-out 0s; /* Firefox 4 */
		-webkit-transition:all .3s ease-out 0s; /* Safari 和 Chrome */
		-o-transition: all .3s ease-out 0s; /* Opera */
}
.IndexBg1 .IndexProduct .swiper-slide:hover .texts:before,.IndexBg1 .IndexProduct .swiper-slide:hover .texts:after{ width:30px; margin-left:-15px;}

.IndexBg1 .IndexProduct .swiper-slide .texts:after{ top:auto; bottom:0px;}
.IndexBg1 .IndexProduct .swiper-pagination{ bottom:60px;}
.IndexBg1 .IndexProduct .swiper-pagination .swiper-pagination-bullet{ width:16px; height:16px; border:1px solid #999; background:#fff;}
.IndexBg1 .IndexProduct .swiper-pagination .swiper-pagination-bullet-active{ background:#C50102; border:1px solid #C50102;}
.IndexBg1 .IndexProduct .swiper-button-prev,.IndexBg1 .IndexProduct .swiper-button-next{ outline:none;  width:32px; height:20px; padding:0px;  margin-top:-120px;}
.IndexBg1 .IndexProduct .swiper-button-prev{ background:none; left:-30px;}
.IndexBg1 .IndexProduct .swiper-button-next{background:none;  right:-30px;}
a.morePro{ width:150px; display:block; line-height:42px; z-index:1000; position:absolute; left:50%; margin-left:-75px; background:#ADADAD; bottom:1.2rem; height:42px; border:1px solid #D3D3D5;color:#fff;}
a:link.morePro,a:visited.morePro,a:visited.active{ color:#fff; }
a:hover.morePro{ background:#05589E; color:#fff;}

.service{ width:100%; height:255px;  background:url(../image/r17_c2.jpg);}
.service .box{ width:25%;  height:auto;padding-top:90px; }

.service .box .bodys{ width:100%; height:140px;padding:26px 30px 10px; line-height:34px;border-left:1px solid #2A6FAA;}
.service .box:first-child  .bodys{ border:0px;}
.service .boxImg{ position:absolute; width:132px; height:132px; left:50%; top:-40px; margin-left:-66px;}
.service .boxImgs{ z-index:100; opacity:0;}
.service .box:hover .boxImgs{ opacity:1;}
.IndexAbout{ width:100%; height:auto; padding-top:50px; background:#E9F2F9;}
.IndexAboutBody{ width:72%; height:auto; left:50%; top:36%; position:absolute; z-index:1000;}

.IndexAboutBox:after{ content:""; opacity:0; position:absolute; width:100%; height:100%;border:1px solid rgba(255,255,255,1);  left:0px; top:0px;
	transition: all .3s ease-out 0s;
		-moz-transition: all .3s ease-out 0s; /* Firefox 4 */
		-webkit-transition:all .3s ease-out 0s; /* Safari 和 Chrome */
		-o-transition: all .3s ease-out 0s; /* Opera */
}
.IndexAboutBox:hover:after{ opacity:1; width:80%; height:80%; top:10%; left:10%;border:1px solid rgba(255,255,255,0.6);}
.IndexAboutBody .title{ width:auto; height:80px; line-height:80px;}
.IndexAboutBody .bodys{ width:100%; padding-top:24px; height:auto; line-height:24px;}

.IndexAboutBody .title:after{ width:30px; height:2px; background:#fff; position:absolute; content:""; left:0px; bottom:0px;}
.IndexAbout .box{ background:#fff; width:100%; padding-left:50%;}
.IndexAbout .boxs{ background:#fff; width:100%; padding-right:50%;}
.IndexAbout .boxBody{ width:46%; height:auto; position:absolute; left:0.2rem; top:50%; padding-left:0.2rem; }
.IndexAbout .boxBody:before{ content:""; background:#D0D0D0; width:1px; height:80px; position:absolute; left:0px; top:50%; margin-top:-35px;}
.IndexAbout .boxBodys{ left:auto; right:0.2rem;}
.IndexAbout .boxBody .title{ width:100%; height:auto; padding:6px 0px; line-height:30px; margin-bottom:5px;}
.IndexAbout .boxBody .coms{ width:100%; height:auto; line-height:24px;}

/*------------------IndexBg2--------------------------*/

.IndexBg2{ width:100%; height:auto; padding-top:55px; background:#F7F8FA url(../image/jybj.jpg) no-repeat top center; }/*background-attachment:fixed;*/

.IndexBg2 .IndexProduct{ height:auto;    position:relative; padding-top:45px; }
.IndexBg2 .IndexProduct .swiper-container{ height:auto; padding-bottom:0.8rem;}
.IndexBg2 .IndexProduct .swiper-container .swiper-wrapper{  width:100%;  }/*border-radius: 0px 310px 0px 292px; overflow:hidden; width:100%;*/
.IndexBg2 .IndexProduct .swiper-slide{  width:25%; padding:0px 15px; }
.IndexBg2 .IndexProduct .swiper-slide a{ width:100%; height:auto;   display:block;  }
.IndexBg2 .IndexProduct .swiper-slide:hover a{box-shadow:-1px 3px 30px #ddd;}
.IndexBg2 .IndexProduct .swiper-slide:hover h3{ color:#19B2DE;}
.IndexBg2 .IndexProduct .swiper-slide .imgs{ display:block; position:relative;}
.IndexBg2 .IndexProduct .swiper-slide .imgs .bgs{ 
		width:100%; height:100%; opacity:0; background:rgba(197,1,2,0.6); position:absolute; top:0px; left:0px;
		 }
.IndexBg2 .IndexProduct .swiper-slide .title{ width:100%; height:auto; line-height:30px; position:relative;  padding:20px; }
.IndexBg2 .IndexProduct .swiper-slide:hover .imgs  .bgs{ opacity:1;}
.IndexBg2 .IndexProduct .swiper-pagination{ bottom:60px;}
.IndexBg2 .IndexProduct .swiper-pagination .swiper-pagination-bullet{ width:16px; height:16px; border:1px solid #999; background:#fff;}
.IndexBg2 .IndexProduct .swiper-pagination .swiper-pagination-bullet-active{ background:#C50102; border:1px solid #C50102;}
.IndexBg2 .IndexProduct .swiper-button-prev,.IndexBg2 .IndexProduct .swiper-button-next{ outline:none; background:none; width:28px; height:32px;  margin-top:-60px;}
.IndexBg2 .IndexProduct .swiper-button-prev{ left:-30px;}
.IndexBg2 .IndexProduct .swiper-button-next{ right:-30px;}

/*------------------IndexNew--------------------------*/

.IndexNew{ width:100%; height:auto; background:#E9F2F9; padding-top:66px; padding-bottom:76px;}

.IndexNew .Bodys{ padding-top:45px;  width:100%; height:auto;}
.IndexNew .Bodys .lefts{ width:690px; height:auto;}
.IndexNew .Bodys .lefts .title{ height:50px; width:100%; line-height:50px; padding:0px 10px; position:absolute; bottom:0px; left:0px; background:rgba(0,0,0,0.6);}
.IndexNew .Bodys .rights{ width:calc(100% - 690px); padding-left:30px; height:auto;}

.IndexNew .Bodys .rights ul li{ width:100%; height:140px; background:#fff; margin-bottom:20px; padding-top:20px; padding-right:30px; padding-left:120px; position:relative;}
.IndexNew .Bodys .rights ul li .times{ width:90px; height:76px; padding-top:10px; left:0px; position:absolute;}
.IndexNew .Bodys .rights ul li .times span{  line-height:34px; font-weight:bold; display:block;}
.IndexNew .Bodys .rights ul li .times i{ line-height:22px; font-style:normal; display:block;}
.IndexNew .Bodys .rights ul li .titles{ height:68px; width:100%; float:left; line-height:34px;}
.IndexNew .Bodys .rights ul li .titles h3{ line-height:28px; padding-bottom:5px;}
.IndexNew .Bodys .rights ul li .titles span{ width:100%; line-height:24px; }
.IndexNew .sdivs{ width:100%; display:block;}
.IndexNew  a.mores{ width:150px; height:42px; display:inline-block; color:#fff; border-radius:21px; background:#004497; line-height:42px;}
.IndexNew  a:hover.mores{ background:#C00726;}

/*--------------------------------------------------------------*/
.JsBody{ width:100%; height:220px;}
.JsBody .BodyBox{ height:220px; position:absolute; top:0px; z-index:100; left:50%;}
.JsBody .lefts{ height:100%; background:url(../image/flv1.jpg) no-repeat center center; }
.JsBody .rights{ height:100%; background:url(../image/flv2.jpg) no-repeat center center;}
.JsBody .bodys{ width:502px; height:100%; padding:42px; padding-left:94px;}
.JsBody .BodyBox .title{ width:auto; height:70px; line-height:70px; padding-right:22px; background:url(../image/jj.png) no-repeat right center;}
.JsBody .BodyBox .coms{ width:100%; height:auto; padding-top:8px; padding-bottom:8px; line-height:22px;}

/*------------------footer--------------------------*/

.footer{ width:100%; height:auto; background:#202231;}

.footer .logos{ width:250px; padding-top:96px;}
.footer .bodys{ width:calc(100% - 250px);  height:340px; padding-top:85px;  }
.footer .bodys .Box{width:calc((100% - 340px) /6); height:200px;  }
.footer .bodys .Box .ims{ width:100%; height:auto; padding-top:6px;}
.footer .bodys .tits{ width:100%; height:36px; line-height:36px; }
.footer .bodys .lists{ width:100%; height:auto; padding:2px 0px; line-height:24px;}
.footer .bodys .Boxs{ width:336px; height:200px; line-height:28px;}

.footer .bodys .Boxs .kfs{   width:100%; height:auto;}

.copyRight{ width:100%; height:auto; border-top:1px solid #363640; background:#13152A; line-height:30px; padding-top:15px;padding-bottom:15px;}

.bottomMenus{ display:none;}

.fdDiv{ width:62px; height:280px; position:fixed; top:50%; margin-top:-140px; right:0px; z-index:12000;}
.fdDiv .boxs{ text-align:center; 
	  width:62px; height:56px; background-color:#EFEFEF;  position:relative; line-height:56px;
	  border-bottom:1px solid #F5F5F5;
	  }
.fdDiv .boxs:hover{ background-color:#fdfdfd;}

.fdDiv  .qq{ width:200px; padding:0px 20px; background:#fdfdfd; left:-200px; display:none; position:absolute; top:0px; height:56px; line-height:56px;}
.fdDiv   a.zqs{ width:100%; height:100%; display:block;}
.fdDiv  .ewm{ width:148px; padding:10px; height:148px; background:#fdfdfd; left:-148px; top:-92px; display:none;  position:absolute;}
.fdDiv  .ewms{ width:296px; padding:10px; height:148px; background:#fdfdfd; left:-296px; top:-92px; display:none;  position:absolute;}
.fdDiv .boxs:hover .qq,.fdDiv .boxs:hover .ewm,.fdDiv .boxs:hover .ewms{ display:block;}


/*------------------子页公用--------------------------*/

.zyFlash{ width:100%; height:auto; padding-top:146px; }
.zymenu{ width:100%; height:65px; position:absolute; bottom:0px; z-index:100;}
.zymenu .bodys{  height:auto;left:50%; position:absolute;}
.zymenu .bodys ul{ width:100%; height:70px; line-height:70px; float:left;
	  display:flex;
      flex-wrap:wrap;
      display: -webkit-flex; /* Safari */
 }
.zymenu .bodys ul li{ flex:1;  height:65px; float:left;  line-height:65px;  position:relative;}

.zymenu .bodys ul li a{ width:calc(100% - 1px); height:100%; display:inline-block;background:rgba(0,0,0,0.5); color:#fff; margin-right:1px;  }
.zymenu .bodys ul li a:hover,.zymenu .bodys ul li a.cur{ color:#666;  background:#fff; }


.subMain{   height:auto; padding-top:52px; padding-bottom:60px; display:block;line-height:30px;}

.subMainLine{ width:100%; height:auto; line-height:42px;margin-bottom:0.5rem;}
.subMainLine .en{ height:36px; line-height:36px;}
.subMainLine .en:before{ content:""; width:100px; height:1px; background:#EEE; position:absolute; right:-120px; bottom:10px;}
.subMainLine .rights{ width:auto; height:60px;  float:right; }
.subMainLine .rights ul.breadcrumb{ padding:0px; background:none;}
.subMainLine .rights li{ width:auto; margin:0px; }
.subMainLine .rights li i{ width:20px; height:60px; display:inline-block; float:left;}
.subMainLine .rights li a{ width:auto;}
.subMainLine .rights li span{ display:inline-block; }
.subMainLine .rights .divider{ padding:0px 5px;}
.breadcrumb{ margin-bottom:0px;}


.zybg{ background:#F8F8F8;}
/*------------关于我们-----------------*/

.ImgBody{ height:auto; line-height:30px; padding-top: 52px; padding-bottom:52px;}
.ImgBody h1{ line-height:50px;}
.ImgList{ height:auto; padding-top:46px;padding-bottom:1rem;}
.ImgList .imgs{ width:100%; height:auto; overflow:hidden;overflow:hidden; border-radius:50%;}
.ImgList .imgs i{ width:100%; height:100%; position:absolute; left:0px; top:0px; display:block; background:rgba(0,0,0,0.3) url(../image/r7_c8.png) no-repeat center center; z-index:20; opacity:0;}
.ImgList div:hover .imgs i{ opacity:1;}
.ImgList .title{ width:100%; height:60px; line-height:60px; margin-bottom:30px; }


.ImgLists{ height:auto; padding-bottom:1rem;}
.ImgLists .imgs{ width:100%; height:auto; overflow:hidden;overflow:hidden; border:1px solid #eee;}
.ImgLists .imgs i{ width:100%; height:100%; position:absolute; left:0px; top:0px; display:block; background:rgba(7,87,158,0.6) url(../image/r7_c8.png) no-repeat center center; z-index:20; opacity:0;}
.ImgLists div:hover .imgs i{ opacity:1;}
.ImgLists .title{ width:100%; height:60px; line-height:24px; padding-top:19px; padding-bottom:19px; margin-bottom:30px; }


.AboutBodys{ height:auto; margin-top:0.24rem; margin-bottom:2rem;}
.AboutBodys .lists{ width:100%; height:auto; padding:30px; background:#fff; margin-bottom:30px;}
.AboutBodys .lists .imgs{ width:300px; height:auto;}
.AboutBodys .lists .rights{ width:calc(100% - 300px); padding:0.2rem 0.4rem; height:auto;}
.AboutBodys .lists .topTitle{ width:100%; height:44px; line-height:44px;}
.AboutBodys .lists .topTitles{ line-height:40px;}
.AboutBodys .lists .topTitles:after{ content:""; position:absolute; left:0px; bottom:0px; background:#01592F; width:40px; height:3px;}
.AboutBodys .lists .titles{ height:auto; padding:20px 0px; line-height:24px; width:100%;}
.AboutBodys .lists .bodys{ width:100%; height:auto; line-height:30px;}

.hztitle{ line-height:36px;}
.hzBody{ padding-top:0.4rem; padding-bottom:0.8rem; line-height:60px; height:auto;}
.hzBody .inputs{ width:100%; height:60px; line-height:50px; border:1px solid #DCDCDC; background:#fff; border-radius:10px; padding:5px 10px 5px 96px;}
.hzBody .inputst{ padding-left:60px;}
.hzBody .titles{ width:96px; height:60px; position:absolute; padding-left:20px; top:0px;}
.hzBody .inputst .titles{ width:60px;}
.hzBody .ands{ width:100%; height:60px;  background:#70AD46; color:#fff; border:0px; border-radius:10px;}

.hzBody .imgTitle{ width:100%; height:auto; line-height:50px; margin-bottom:10px;}
.hzBody .topTitls{ padding-bottom:10px;}
/*------------------新闻列表--------------------------*/

.NewMainTop{ padding-top:57px;}
.NewMain{  height:auto; padding:10px 0px 80px; line-height:30px;}

.NewMain li{  height:auto; margin-bottom:30px; background:#fff;}
.NewMain li:hover{box-shadow:-1px 3px 30px #ddd;}
.NewMain li .imgs{ width:330px; height:auto; }

.NewMain li .liRight{ width:calc(100% - 330px); height:auto; padding:15px 20px 30px 40px;}
.NewMain li .liRight h3{ padding:5px 0px 2px 0px; line-height:30px;}
.NewMain li .liRight .times{ width:100%; height:40px; line-height:24px; border-bottom:1px solid #EEEEEE;}
.NewMain li .liRight p.com{ line-height:22px; padding-top:15px;}

.Pages{ height:55px; width:100%; line-height:55px;    text-align:center; margin-top:30px;}
.Pages a,.Pages span{ display:inline-block; width:auto; height:auto; background:#fff; padding:5px 13px; line-height:24px; border:1px solid #EBEBEB; color:#555555;  }
.Pages a:hover,.Pages a.cur,.Pages span{ background:#08589D; color:#fff;}
/*------------------新闻详情--------------------------*/
.showBodys{ height:auto; padding-top:85px; padding-bottom:85px; }
.showMain{  height:auto;  line-height:24px;  padding-bottom:60px;}
.showMain .bodys{ padding:20px 0px 50px;line-height:28px;}
.showMaintops{ width:100%; height:auto; padding-bottom:20px; position:relative; padding-top:5px; border-bottom:1px solid #eee;margin-bottom:10px;}
.showMaintops s{ display:block; position:absolute; width:80px; height:3px; background:#297479; bottom:0px; left:50%; margin-left:-40px;}
.bsync-custom{ display:inline-block;}
.bsync-custom.icon-blue .bshare-bsync{ background:url(../image/r5_c12.png) no-repeat left 4px; padding-left:20px;}
.showMaintops h1{ line-height:30px; padding-top:10px; padding-bottom:13px; font-weight:bold;  }
.showMaintops .titls{ line-height:30px; width:100%; height:30px;}
.showMaintops .titls i{ display:inline-block; width:24px; position:relative; height:12px; padding-right:10px; text-align:center; }
.showMaintops .titls i img{  position:absolute;top:1px; left:0px;}
.showMaintops .titls .ds{  display:inline-block; float:left;}
.showMaintops .titls .rights i{
	width: 20px;height: 14px; padding:0px; cursor:pointer;
}


.info-fr{float:right;width:150px;}
.info-fr .bdsharebuttonbox a{display:inline-block;width:30px;height:30px;background:url(../image/icon_share.png) no-repeat left center;margin:0px 3px 0 0;}
.bdsharebuttonbox a#bds_more{background-position:-121px -4px;float:none;}
.bdsharebuttonbox a#bds_qzone{background-position:-41px -4px;float:none;}
.bdsharebuttonbox a#bds_tsina{background-position:-81px -4px;float:none;}
.bdsharebuttonbox a#bds_weixin{background-position:-1px -4px;float:none;}


.MainLeft{ width:calc(100% - 310px); padding-right:50px; height:auto;}
.MainRight{ width:310px; height:auto;}
.MainRight .wem{ width:310px; height:220px;  border:1px solid #DCDCDC; padding:40px 50px;}
.MainRight .wemTitle{ width:100%; height:48px; line-height:26px; background:url(../image/gzt.jpg) no-repeat top center;}
.MainPt{ width:100%; height:22px; background:url(../image/nextpage.jpg) no-repeat left center; line-height:22px; padding-left:32px; margin-bottom:5px;}
.MainPt:after{ width:calc(100% - 90px); height:1px; background:#eee; position:absolute; content:""; right:0px; top:50%;}
.MainPts{  background:url(../image/nextpage2.jpg) no-repeat left center;}
.NextPage{ height:auto;  width:100%; line-height:24px; margin-bottom:15px;  margin-top:30px; padding:20px 22px 10px; border:1px solid #eee; }
.NextPage a{ display:block; width:100%; height:auto; padding-bottom:10px;}
/*-------------------产品--------------------------*/
.proBg{  background:#F5F5F5;}
.ProMain{height:auto; padding-top:50px; padding-bottom:85px;}
.ProMainLeft{ width:300px; height:auto;}
.ProMainLeft .TopTitle{ width:100%; line-height:36px; height:120px; background:url(../image/protit.jpg) no-repeat center center; padding:30px 40px 0px;}
.ProMainLeft .TopTitles{ display:none;}
.ProMainLeft .TopTitle h1{ line-height:40px;}
.ProMainLeft ul{ width:100%; height:auto;}
.ProMainLeft ul li{ width:100%; height:auto; }
.ProMainLeft ul  li a{ width:100%; color:#fff; height:50px; background:#8B919D; line-height:50px; padding-left:42px; display:block; position:relative; margin-bottom:1px;}
.ProMainLeft ul  li a .box{ background:url(../image/pl1.png) no-repeat center center; position:absolute; left:20px;  top:50%; width:15px; height:15px; margin-top:-7px;}
.ProMainLeft ul  li a:hover{ background:#8B919D;rgiht:20px; }
.ProMainLeft ul  li ul{ display:none;}
.ProMainLeft ul  li:hover ul,.ProMainLeft ul  li ul.cur{ display:block;}
.ProMainLeft ul  li ul li a{ background:#fff; color:#666;  border-bottom:1px solid #ddd;}
.ProMainLeft ul.en  li ul li a{ padding-left:20px;}
.ProMainLeft ul  li ul li a .box{ left:auto; right:20px; background:none;}
.ProMainLeft ul  li ul li a:hover,.ProMainLeft ul  li ul li.curs a{ background:#E9E9E9; color:#0858A1;}
.ProMainLeft ul  li ul li a:hover .box,.ProMainLeft ul  li ul li.curs a .box{rgiht:20px; background:url(../image/pl2.png) no-repeat center center;}

.ProMainRight{ width:calc(100% - 300px); height:auto; padding-left:23px;}
.ProMainRight .TopTitle{ width:calc(100% - 15px); margin-left:15px; margin-bottom:0.4rem; height:61px; line-height:60px; border-bottom:1px solid #CCCCCC;}
.ProMainRight .TopCom{width:calc(100% - 15px); margin-left:15px; padding-bottom:30px; height:auto; line-height:30px; }
.ProMainRight .bodys{ width:100%; height:auto;}

.prolist{  width:25%; padding:0px 15px; margin-bottom:30px; }
.prolist a{ width:100%; height:auto; color:#fff;  display:block; box-shadow: -1px 3px 30px #f2f2f2; }
.prolist:hover a{box-shadow:-1px 3px 30px #ddd;}
.prolist:hover h3{ color:#19B2DE;}
.prolist .imgs{ display:block; position:relative;}
.prolist .imgs .bgs{ 
		width:100%; height:100%; opacity:0; background:rgba(197,1,2,0.6); position:absolute; top:0px; left:0px;
		 }
.prolist:hover .imgs  .bgs{ opacity:1;}
.prolist .title{ width:100%; height:auto;  line-height:30px; position:relative;  padding:20px; background:#fff; color:#666;}
.prolist:hover .title { color:#0959a0;}
.prolist .title:before{ width:60px; height:2px; content:""; position:absolute; background:#CFD1D0; left:50%; top:0px; margin-left:-30px;}
.prolist .comdiv{ width:100%; height:100%; opacity:0; position:absolute; background:rgba(9,89,160,0.8); top:0px; left:0px;}
.prolist:hover .comdiv{ opacity:1;}
.prolist .texts{ width:90%; height:auto; color:#fff; padding:6px 0px; line-height:24px; position:absolute; left:50%; top:50%;}
.prolist .texts:before,.prolist .texts:after{ content:""; width:30px; height:1px; background:#fff; top:0px; position:absolute; left:50%; margin-left:-15px;}
.prolist .texts:after{ top:auto; bottom:0px;}

.proshowTop{ width:calc(100% - 15px); margin-left:15px; height:auto;}
.proshowTop .lefts{ width:400px; }

.proshowTop .rights{height:auto; width:calc(100% - 400px); padding-left:30px;  }
.proshowTop .rights h1{ height:auto; width:100%; padding:10px 0px; line-height:36px;}
.proshowTop .rights .coms{ width:100%; height:auto; line-height:24px; padding-bottom:14px;  }

.proshowTop .rights .anddiv{ height:auto;   background:#fbfbfb; padding:15px 20px; line-height:30px; width:100%; border:1px dotted #E5E5E5;}
.proshowTop .rights .numBody{ width:100%; height:auto; line-height:28px; padding:30px 0px;}
.proshowTop .rights .numBody input{ height:28px;}
.proshowTop .rights .numBody .inps{ border:none; border-top:1px solid #ccc; border-bottom:1px solid #ccc; line-height:26px; background:#fff; width:30px;}
.proshowTop .rights .numBody .inpads{ border:1px solid #ccc; background:#fff; width:30px; line-height:26px; color:#888;}
.proshowTop .rights .anddiv a{ border-radius:5px; }
.proshowTop .rights .anddiv a.zx{ width:140px; height:52px; display:inline-block; text-align:center;   background:#C60002; color:#fff; }
.proshowTop .rights .anddivText{ width:auto; margin-top:10px; background:url(../image/pones.png) no-repeat left center; padding-left:40px; height:52px; line-height:52px;}
.proshowTop .Topbottoms{ width:100%; height:auto;}
.proshowTop .Topbottoms a{ width:132px; height:42px; line-height:40px; border-radius:5px; color:#E3530A; margin-right:15px; border:1px solid #E3530A; display:inline-block;}
.proshowTop .Topbottoms a.ands{ background:#E3530A; color:#fff;}
.proshowTop .Topbottoms .imgs{ display:inline-block; line-height:42px;}
.proshowTop .Topbottoms .imgs .imgEwm{ width:200px; height:200px; opacity:0; position:absolute; left:50%; top:-200px; display:none; margin-left:-100px; background:#fff;}
.proshowTop .Topbottoms .imgs:hover   .imgEwm{ display:block; opacity:1;}
.showTopLine{ width:100%; height:50px;  line-height:50px; background: #EFEFEF; }
.showTopLine span{ display:block;height:50px; float:left; line-height:50px; padding:0px 30px; background:#fff; width:auto;}
.proshowBody{ background:#fff; width:calc(100% - 15px); margin-left:15px; line-height:30px; margin-top:30px; padding-bottom:50px;}
.proshowBody .bodys{ padding:30px;}
.proshowPage{ width:100%; height:auto; background:#fff; width:calc(100% - 15px); margin-left:15px; line-height:30px;padding: 15px 30px; border-top:1px solid #ccc;}

.NewLlst{ width:100%; height:auto; padding-top:15px; padding-bottom:50px;}
.NewLlst li{ width:100%; height:auto; padding:30px 0px; border-bottom:1px solid #eee;}
.NewLlst li .lefts{ width:144px; height:auto;}
.NewLlst li .lefts .time{ width:90px; height:50px; line-height:34px;}
.NewLlst li .lefts .time:before{ content:""; width:36px; height:1px; background:#BFBFBF; position:absolute; right:-50px; top:17px;
transition: all .3s ease-out 0s;
		-moz-transition: all .3s ease-out 0s; /* Firefox 4 */
		-webkit-transition:all .3s ease-out 0s; /* Safari 和 Chrome */
		-o-transition: all .3s ease-out 0s; /* Opera */
}
.NewLlst li .lefts .jt{ width:38px; height:38px; line-height:38px;}
.NewLlst li .rights{ width:calc(100% - 144px); height:auto; line-height:24px; padding-left:15px;}
.NewLlst li .rights h3{ width:100%; height:auto; padding:0px 0px 15px; line-height:30px;}
.NewLlst li:hover .jt{ background:#07579E; color:#fff;}
.NewLlst li:hover .time{ color:#333;}
.NewLlst li:hover .time:before{ width:50px;right:-64px; background:#333;}
.NewLlst li:hover .rights{ padding-left:35px;}

.casebody  .imgs{ border:none;}

.kefuTop{ height:auto; line-height:30px; padding-top: 40px; padding-bottom:15px;}
.kefuBody .TopTitle{ width:100%; height:66px; line-height:66px;}
.kefuBody li{ height:150px;  margin-bottom:30px;}
.kefuBody{ padding-bottom:50px; }
.kefuBody li .box{ width:100%; height:100%;background:#F2F2F4;}
.kefuBody li .bodys{ line-height:42px; width:150px; height:42px; position:absolute; left:50%; top:50%; margin-left:-75px; margin-top:-21px; border:1px solid #fff;color:#666; }
.kefuBody li:hover .box{ background:#07579E; }
.kefuBody li:hover .bodys{color:#fff;}
.kefuShowTitle{ width:100%; height:60px; line-height:60px; border-bottom:1px solid #EEEEEE; margin-bottom:30px;}


/*----------------留言版------------*/
.msgTop{ text-align:center; line-height:24px; padding-top:40px;}
.msgright{ width:100%; height:auto; margin-top:20px;  margin-bottom:60px; padding:60px 30px 80px 0px;background:#F5F5F5;}

.tabmenu{  margin-top:30px; }
.td_line{ height:auto; line-height:42px; margin:5px 0px;}
.td_lines{ height:auto; line-height:28px; margin:5px 0px;}
.td_tit{ background:#F5F5F5; height:42px; line-height:42px;}
.inputs{ width:100%; height:42px; border:1px solid #dedede; outline: none; line-height:42px; padding:0px 5px;color:#6C584D; }
.inputDivs{ width:80px;height:42px;border:1px solid #dedede;outline: none;color:#6C584D;padding:0px 5px; }
.inputDi{ width:100%; height:168px; line-height:42px; border:1px solid #dedede; outline: none;color:#6C584D; }
.msgright .ands{ background:#015198; width:100%; height:42px; line-height:42px; text-align:center; color:#fff; border:0px; display:block;}
.MsgTitles{ width:100%; height:112px; padding-top:64px; line-height:48px; border-bottom:1px solid #dedede; position:relative;}
.MsgTitles:after{ width:70px; height:1px; background:#015198; position:absolute; left:0px; bottom:0px; content:"";}
.msgright .trs{ text-align:right;}
.msgright .lines {
    height: auto;
    padding: 10px 0px;
    line-height: 42px;
}
.msgright .chk{ width:20px; height:20px;}

.showMain p,.subMain p{ padding-bottom:20px;}


.wxewm{ width:100%; height:auto; padding:15px;}
.wxiframe{ background:rgba(255,255,255,0.2) url(../image/50.gif) no-repeat center center;}
.wxBgs{ background:#F0F0F0;}
.wxBodyTop{ width:100%; height:auto; padding:30px 2% 20px; line-height:32px;}
.wxBodys{ width:96%; height:auto; margin:0 auto; line-height:50px;background:#fff; border:1px solid #E1E1E1; border-radius:5px; padding-bottom:30px;}
.wxBodys .lines{ height:50px; border-bottom:1px solid #E1E1E1;  padding:0px 20px; }
.wxBodys .bottoms{ padding:20px 0px 0px;}
.wxBodys .bottoms button{width:210px; height:40px; line-height:38px; border-radius: 5px;background-color:#0757A0; border:0px #0757A0 solid; cursor: pointer;  color:white;  font-size:16px;}
.wxBodys .bottoms .backs{ margin-top:10px;  line-height:38px;background-color:#fff; border:1px #DEDEDE solid; color:#6D7174;  }


.Msgbox{ border:5px solid #eee; width:50%; background-color:#fff;
        margin:15% auto 0px;erflow:hidden;
    }
    .box-b{ border:1px solid #dfdbdb;width:100%;erflow:hidden;}
    .box-title{ background:#549bd9;height:30px;line-height:33px;_line-height:30px;font-size: 14px;color:#fff; padding:0 10px;}
    .box-text{font:12px/1.5 "微软雅黑",Arial,"宋体",Helvetica,sans-serif; font-size:18px;color:#73787b;width:100%;
        text-align:center; border:0px solid #000; padding:20px; height:auto;word-wrap:break-word;
    }
    .box-button{overflow:hidden; text-align:right;}
    .box-button a{  display: inline-block;
        height:25px;line-height:23px;_line-height:25px;
        text-align: center;
        font-family:"微软雅黑";
        font-size: 14px;
        text-decoration: none;
        padding:0px 5px;
        margin:0px 10px;
 
    }
    .a-1{ background-color:#eee; color:#666; border:1px solid #dfdbdb;}
    .a-2{ background-color:#eee; color:#666;border:1px solid #dfdbdb;}