/*-------------------CSS头部设置---------------------------*/
html,body{ height:100%;}
body{font-family:微软雅黑,黑体; background:#fff; color:#666; line-height:1; }
a,a:hover{
	text-decoration: none;
}
.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;}

.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,.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:#666;   }
        input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#666;
        }
        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#666;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#666;
        }
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:90%; min-width:320px; max-width:1440px;}
.ImgC img{ position:absolute; left:50%; top:50%;}

.ImgBig:hover img{
	-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;}
/*-------------------自定义---------------------------*/
.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:126px; position:fixed; background:rgba(255, 255, 255, 0) url(../image/head_bg.jpg) repeat-x left top; z-index:10000;
	 }

	 .headerbg{background:rgba(255, 255, 255, 0.6) url(../image/head_bg.jpg) repeat-x left top;}
.header:hover{
background:rgba(255, 255, 255, 1) url(../image/head_bg.jpg) repeat-x left top; 
	 }	 
.headLine{ width:100%; height:36px; line-height:36px;}
.headLine i{ display:block; width:13px; height:36px; background:url(../image/phone.jpg) no-repeat center center; color:#724b3a;}
.headLine i.cart{ width:40px;  background:url(../image/cart.jpg) no-repeat center center; position:relative;}
.headLine i.cart span{
	width: auto;height: 16px; border-radius:8px; position:absolute; left:14px; top:9px;
	line-height: 16px;padding: 0px 4px;background: #da251e;	display: block;
	font-style: normal;
}
.headTop{ width:100%; height:90px;}
.logo{ height:0.9rem;display: table; width:auto;  top:0px; left:0px;}
.logo span{ display:table-cell; vertical-align:middle;} 

.head_bg{ width:100%; height:36px;}

.TopRight{ width:198px; height:36px; }
.TopRight a{ width:40px; line-height: 24px;  padding-top: 6px; }
.TopRight a span{color:#333;}
.TopRight a.cur span{ display:inline-block; padding:0px 4px; background:#3F7E9F; color:#fff; border-radius:10px; height:24px;}
.TopRight span.search{ height:36px;  padding-top: 4px; line-height:24px; cursor:pointer; width:40px; background:url(../image/search.png) no-repeat center center; position:relative;}
.searshs{ width:300px; display:none; height:50px; padding:5px; background:#3F7E9F; border-radius:5px; position:absolute; top:36px; z-index:1000; right:-100px;}
.searshs .inputs{ width:230px; height:40px; padding:0px 10px; line-height:38px; border:1px solid #fdfdfd;}
.searshs span.ands{ width:60px; height:40px; line-height:38px; display:block; color:#333; background:#fff;}
.TopRight span.search:hover .searshs{ display:block;}
.TopRight .gs{width: 20px;}
.Tlange{width: 88px; height: 36px; position: relative;}
.Tlange a{width: 78px; padding-left: 20px; height: 36px; display: block; position: relative;}
.Tlange a.chs::after{content: "";  width: 23px; height: 16px; position: absolute; left: 0px; top: 10px; background: url(../image/ch.jpg);}
.Tlange .en{color: #444;}
.Tlange a.ces{display: none;}
.Tlange a.ces::after{content: "";  width: 23px; height: 16px; position: absolute; left: 0px; top: 10px; background: url(../image/en.jpg);}
.Tlange .rightSj{width: 10px; height: 36px; position: absolute; right: 10px; top: 0;}

/*-----------------------导航--------------------------------------------------------------*/
.Menus{
	 width:calc(100% - 315px); height:90px; 
}
.Menus ul{ height:100%; width:100%;  }
.Menus ul li{ display: inline-block;width:auto;   position:relative;}

.Menus ul li a{  line-height:88px;border-bottom:2px solid rgba(0, 0, 0, 0); display:block;position:relative; width:auto; padding:0px 30px; height:auto;color:#3F414D; }
.Menus ul li:hover a{ border-bottom:2px solid #3F7E9F;color:#3F7E9F;}

.Menus ul li ul{
 width:100%; height:auto; position:absolute; top:90px; line-height:46px; z-index:50; float:left; display:none; left:0px; 
 box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); border:1px solid #EEEEEE; border-bottom:0px;
}
.Menus ul li:hover ul{  display:block;   padding:0px; }
.Menus ul li ul li{ width:100%; height:auto;background:#FFFFFF; padding:0px; border-bottom:0;}
.Menus ul li:hover ul li a{border: 0px; color: #333 !important;}
.Menus ul li ul li a{ width:100%; height:auto; display:block; padding:12px 10px 12px;   line-height:24px;  }
.Menus ul li.cur li a{color:#555;} 

.Menus ul li:hover ul li a:after{ width:0px;}
.Menus ul li.cur ul li a ,
.Menus ul li ul li a:hover{ box-shadow:none; border-bottom:0px; background:#F5F5F5; color:#3F7E9F !important;}
.menu_and{ display:none;}
.Menubg{ width:100%; height:100%; background:rgba(0,0,0,0.8); position:absolute; left:0px; display:none; z-index:12000;}
.Menus ul li.dn{display: none;}
/*--------------------------------------------------*/
.flash{ width:100%; height:auto; background:#0D9AA1; position:relative; }
.flash .swiper-container{ width:100%; height:100%;}
.flash .swiper-slide{ width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.flash .swiper-slide a{ width:100%; height:100%; display:block;}
.flash .swiper-pagination-bullet { 
        opacity:1; width:10px; height:10px; border-radius:5px; background:#fff; -webkit-transition:500ms; -moz-transition:400ms; -ms-transition:400ms; transition:400ms;
    }
.flash .swiper-pagination-bullet-active{background:#3F7E9F; }
.flash .swiper-pagination{  line-height:0px; bottom:23px;}
.flash .swiper-button-prev,.flash .swiper-button-next{ width:45px; height:45px; opacity:0.5; background:url(../image/leftss.png) center top;}
.flash .swiper-button-prev{ left: -50px;}
.flash .swiper-button-next{ right:-50px; background-position:center bottom;}
.flash .swiper-button-prev:hover,
.flash .swiper-button-next:hover{  opacity:1;}
.flash:hover .swiper-button-prev{left:30px;}
.flash:hover .swiper-button-next{right:30px;}
/*--------------------------------------------------------------*/

.IndexAdva{ width:100%; height:auto;}
.IndexAdva .AdTop{ width: 100%; height: auto; padding-top: 114px;}
.IndexAdva .imgBox{width: 600px; height: auto; padding-right: 29px;}
.IndexAdva .textBox{width: 600px; height: auto; padding-left: 29px;}
.IndexAdva .textBox .Toptits{width: 100%; height: 173px; padding-top: 62px;}
.IndexAdva .textBox .Toptits h1{ line-height: 44px; width: 100%; font-size: 38px; color: #333; font-weight: bold;}
.IndexAdva .textBox .Toptits h3{ font-size: 26px; line-height: 38px; color: #407F9E; font-weight: bold;}
.IndexAdva .textBox .textCom{width: 100%; height: auto; line-height: 36px; padding-bottom: 12px;}
.IndexAdva .textBox .aboutMore{ width: 160px; line-height: 46px; line-height: 46px; text-align: center; background-color:#3D7A99; font-size: 16px; display: block; border-radius: 23px;}
.IndexAdva .BottomMenus{width: 100%; height: auto; padding-top: 35px; padding-bottom: 105px;}
.IndexAdva .BottomMenus .boxs{ width: calc((100% - 60px) / 3); height: 160px; border: 1px solid #E3E3E3; border-radius: 10px; padding-top: 36px; }
.IndexAdva .BottomMenus .boxs .BDiv{width: 354px; height: 90px;}
.IndexAdva .BottomMenus .boxs:hover{border-color: #3D7A99;}
.IndexAdva .BottomMenus .boxs .BDiv{width: calc(100% - 96px); height: auto; line-height: 32px;}
.IndexAdva .BottomMenus .boxs .BDivL {padding-top: 15px; width: 260px;}
.IndexAdva .BottomMenus .boxs .BDivL i{font-style: normal; font-size: 44px;  font-weight: bold; color: #3D7A99;}
.IndexAdva .BottomMenus .boxs .BDivR{width: 81px; height: 81px;}
.IndexAdva .BottomMenus .boxsCom{ margin-left: 30px; margin-right: 30px;}

/*--------------------------------------------------------------*/

.IndexProduct{ width:100%; height:auto; padding-top:82px; background:url(../image/cpbj.jpg) no-repeat top center;}
.IndexProduct .title{ width:100%; height:61px; position:relative; line-height: 50px;}
.IndexProduct .title:after{ position:absolute; content:""; left:50%; margin-left:-40px; bottom:0px; width:80px; height:1px; background:#3F7E9F;}
.IndexProduct .ProMenu{ width:100%; height:auto; padding:20px 0px;}
.IndexProduct .ProMenu a{ width:190px; height:40px; padding:0px; display:inline-block;  line-height:40px; position: relative; }
.IndexProduct .ProMenu a::after{ content: ""; width: 1px; height: 22px; background-color: #D3D3D3; position: absolute; top:50%; margin-top: -11px; right: -3px;}
.IndexProduct .ProMenu a:last-child:after{display: none;}
.IndexProduct .ProMenu a:hover::after,.IndexProduct .ProMenu a.cur::after{display: none;}
.IndexProduct .ProMenu a:hover,.IndexProduct .ProMenu a.cur{ background:#3F7E9F; color:#fff; }

.IndexProduct .bodys{ width:100%; height:auto; }
.IndexProduct .bodys .box{ height:auto; position:relative; border:1px solid #E0E0E0; background:#fff; border-right:0px;border-bottom:0px;}
.IndexProduct .bodys .boxTitle{ width:65%; height:auto; z-index:1000; position:absolute; left:50%; top:50%; opacity:0;}
.IndexProduct .bodys .boxTitle .titles{ width:100%; height:auto; line-height:28px; position: relative; }
.IndexProduct .bodys .boxTitle .titles::before,.IndexProduct .bodys .boxTitle .titles::after
{ width: 100%; height: 1px; background-color: #fff; position: absolute; content: ''; 
	transition: all .5s ease;
		-moz-transition: all .5s ease; /* Firefox 4 */
		-webkit-transition:all .5s ease; /* Safari 和 Chrome */
		-o-transition: all .5s ease; /* Opera */}
.IndexProduct .bodys .boxTitle .titles::before{ top: 0px; left: 0px;}
.IndexProduct .bodys .boxTitle .titles::after{ bottom: 0px; left: 0px;}

.IndexProduct .bodys .boxTitleBg{ width:100%; height:100%; z-index:900; background:rgba(0,0,0,0.25); position:absolute; left:0px; top:0px;opacity:0;}
.IndexGg{ width:100%; height:280px;  background:url(../image/gg.jpg) no-repeat center top; padding-top:40px;}
.IndexProduct .bodys .box:hover .boxTitle,.IndexProduct .bodys .box:hover .boxTitleBg{ opacity:1;}
.IndexProduct .bodys .box:hover .boxTitle .titles::before,.IndexProduct .bodys .box:hover .boxTitle .titles::after{ width: 16px; left: 50%; margin-left: -8px;}

.IndexGg .title{ width:100%; height:81px; line-height:81px; position:relative;}
.IndexGg .title:after{ position:absolute; content:""; left:50%; margin-left:-40px; bottom:3px; width:80px; height:1px; background:#fff;}
.IndexGg .coms{ width:100%; padding:12px 0px 20px; height:auto; line-height:24px;}
.IndexGg  a.ands{ width:210px; height:50px; display:block; border:2px solid #fff; border-radius:5px; line-height:50px; text-align:center;}

/*--------------------------------------------------------------*/

.IndexAbout{ height: auto; padding-top: 114px; padding-bottom: 150px;}
.IndexAbout .imgLeft{width: 720px; height: auto; padding-top: 36px;}

.IndexAbout .textRIght{width: calc(100% - 720px); padding-top: 50px; padding-left: 75px; height: auto; min-height: 360px; background: url(../image/r3_c6.jpg) no-repeat center top;}
.IndexAbout .textRIght .titles{width: 100%; height: 52px; line-height: 52px; padding-left: 60px; background: url(../image/r5_c7.png) no-repeat left top;}
.IndexAbout .textRIght .topComs{width: 100%; height: auto; line-height: 26px; padding-bottom: 10px;}
.IndexAbout .textRIght .bottomtit{width: auto; height: 52px; line-height: 48px; position: relative;}
.IndexAbout .textRIght .bottomtit::after{ width: 40px; height: 5px; content: ""; left: 0; bottom: 0; position: absolute; background-color: #3F7E9F;}

.IndexAbout .textRIght .coms{width: 100%; height: auto; line-height: 26px; padding-bottom: 10px; padding-right: 25%;}
.IndexAbout .swiper-container{ width:100%; height:100%;}
.IndexAbout .swiper-slide a{ width:100%; height:100%; display:block;}
.IndexAbout .swiper-pagination{ position: absolute; width: 760px; left: 50%;margin-left: -266px; bottom: 96px;  }
.IndexAbout .swiper-pagination-bullet{width: 245px; height: 150px; border-radius: 0px; margin: 0px 4px;background-color: rgba(0, 0, 0, 0);opacity:1;overflow: hidden; }
.IndexAbout .swiper-pagination-bullet-active{ border: 2px solid #3F7E9F; }

/*--------------------------------------------------------------*/
.IndexCompany{ width:100%; padding-top:310px; height: auto; padding-bottom:150px; background:url(../image/companys.jpg) no-repeat center top; }
.IndexCompany .Tops{width:calc(100% - 30px); height: 248px;  top: -246px; position: absolute;  }
.IndexCompany .Tops .titles{width: 100%; height: 68px;}
.IndexCompany .Tops .topComs{width: 100%; height: 62px; line-height: 24px;}
.topAnd{ width: 214px; height: 52px; line-height: 52px; background-color: #3F7E9F; display: inline-block;}

.IndexNews{ height:350px; background-color: #EEEEEE;}
.IndexNews .titleTop{width: 100%; height: 138px; padding: 24px 35px;}
.IndexNews .titleTop .titles{width: auto; height: 50px; line-height: 50px; padding-left: 58px; padding-right: 10px; background: url(../image/r5_c7.png) no-repeat left top; }
.IndexNews .titleTop .smalltitle{width: auto; height: auto; padding-top: 30px; }
.IndexNews .titleTop .rights{width: 65px; height: 50px; position: relative;}
.IndexNews .titleTop .rights::after{width: 1px; height: 12px; position: absolute; content: ""; left: 50%; top: 50%; margin-top: -6px; margin-left: -3px; background-color: #D5D5D5;}

.IndexNews .titleTop .rights .boxs{width: 30px; height: 50px; float: left; background: url(../image/nl.jpg) no-repeat center center;}
.IndexNews .titleTop .rights .boxst{background: url(../image/nr.jpg) no-repeat center center;}
.IndexNews .Bodys{ width: 1260px;}
.IndexNews .Bodys .lefts{ width:calc(100% - 43px); height:auto;  line-height: 26px;}
.IndexNews .Bodys .lefts .title{ width:100%; height:auto; line-height:40px; padding-bottom: 10px; }
.IndexNews .Bodys .lefts .comBody{padding-left: 16px; padding-right: 150px;}
.IndexNews .Bodys .rights{ width:43px; padding-top:32px; height:auto;}


/*------------------footer--------------------------*/
.footer{ width:100%; height:auto; background:#333;}
.footer .bodys{   height:auto; padding-top:52px; padding-bottom:30px;  position:relative;}
.go_top{ cursor:pointer; width:60px; height:40px; position:absolute; right:-20px; top:-40px; background:#3F7E9F url(../image/r6_c7.png) no-repeat center center;border-radius:5px 5px 0px 0px;}
.go_top:hover{ background-color:#3F7E9F;}

.footer .lefts{ height:100%;  width:320px; }
.footer .lefts .logo{width: 100%; height: 76px;}
.footer .lefts .titles{ width:450px; height:40px; line-height:32px;}
.footer .lefts .rbodys{ line-height:28px; padding-top:6px;   }

.footer .bottomLogo{
	width: calc(100% - 680px);
  }
.footer .bottomLogo .tops{ width:100%; height:95px; line-height:28px;}  
.footer .bottomLogo .tops a{display: inline-block; padding: 0px 8px;line-height: 46px;}
.footer .fxs{ 
 		height:auto; width:100%; 
   } 
.footer .rights{ width:360px; height:auto;}  

.footer .rights .coms{ width:100%; height:auto; line-height:36px;}

.dlmail{ width: 100%; height: 72px; padding-top: 5px; line-height: 32px;}
.dlmail p{ line-height: 22px; padding-bottom: 6px;}
.dlmailBdoy{width: 100%; height: 40px; }
.dlmailBdoy label{margin-bottom:0px;}
.dlmailBdoy .bts{width: 100%; height: 30px; line-height: 24px; padding-left: 30px;}
.dlmailInput{ width: 100%; height: 38px;  border: 0; padding: 0px 15px;}
a.dlAnds{ width: 100%; height: 38px; display: block; background-color: #B1B1B1; color: #fff !important; font-size: 16px; line-height: 38px; border-radius: 18px;}

a.dlAnds:hover{background-color: #3F7E9F;}
.selectTs{ width: 100%; height:auto; padding-top: 6px;}
.selectTs span{display: block; height: 24px; line-height: 24px; padding-left: 30px;  position: relative;  padding-right: 10px; }
.selectTs span input{ position: absolute; top:5px; left: 12px;}


.copyright{ width:100%; height:auto; line-height:30px; padding:20px 0px; background:#212121;}
.getFlvTop{ width:100%; height:40px; text-align:right; padding:0px 20px; line-height:40px;}
.getFlv{ width:1200px; height:760px; position:fixed; top:50%; left:50%; margin-top:-380px; margin-left:-600px; background:#fff; z-index:123000; display:none;}
.getFlvbj{ width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; z-index:120000; left:0px; top:0px; display:none;}

ul.share-buttons{
  list-style: none;
  padding: 0;
}

ul.share-buttons li{
  display: inline-block; width:auto; height:40px; padding-top:6px; text-align:center; padding: 0px 10px;
}

ul.share-buttons .sr-only{
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}


.fdDiv{ width:62px; height:280px; position:fixed; top:50%; margin-top:-140px; right:0px; z-index:12000;}
.fdDiv .boxs{
	  width:62px; height:56px; background-color:#F5F5F5; position:relative;
	  background-repeat:no-repeat; background-position:center center;
	  border-bottom:1px solid #fff;
	  }
.fdDiv .boxs:hover{ background-color:#fdfdfd;}
.fdDiv  .fh1{ background-image:url(../image/f1.png);}
.fdDiv  .fh2{ background-image:url(../image/f2.png);}
.fdDiv  .fh3{ background-image:url(../image/f3.png);}
.fdDiv  .fh4{ background-image:url(../image/f4.png);}
.fdDiv  .fh5{ background-image:url(../image/f5.png);}
.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 .boxs:hover .qq,.fdDiv .boxs:hover .ewm{ display:block;}



/*------------------子页公用--------------------------*/
.zyFlash{ width:100%; height:260px; background:#09F;}
/*------------------关于我们--------------------------*/
.zybj{ background:#F9F9F9;}
.MainBody{  padding-bottom:10px;}

.MainBody .tops{ width:100%; height:50px; line-height:50px; }
.MainBody .tops .urls{ padding-left:16px; background:url(../image/r4_c2.png) no-repeat left center;}
.MainLeft{ }
.MainLeftTitle{ width:100%; height:60px; line-height:60px; padding-left:25px; background:#3F7E9F;}
.MainLeft ul{ padding-bottom:5px;background:#fff; border:1px solid #E9EEF4; margin-bottom: 80px;}
.MainLeft li{ width:100%; height:auto; line-height:50px;  }
.MainLeft li:last-child{ border-bottom:0px;}
.MainLeft li a{ display:block; padding-left:36px; line-height:50px; width:100%; height:50px; position:relative;} 
.MainLeft li a::after{ width:14px; height:14px; content:"";  position:absolute; top:50%; margin-top:-7px; right:15px; background:url(../image/5_c8s.png); transition: all .3s ease-out 0s;}

.MainLeft li:hover a,.MainLeft li.cur a{ color:#3F7E9F;}
.MainLeft li.cur a::after{ background:url(../image/5_c8.png);}
.MainRight{ margin-bottom:60px;}

.MainLeft li ul{ border:0px; display:none; margin-bottom: 0px;}
.MainLeft li ul li a::after {display: none;}
.MainLeft li ul li a{ color:#555;}
.MainLeft li ul li a:link,.MainLeft li ul li a:visited{ color:#555;}
.MainLeft li ul li a:hover,.MainLeft li ul li.cur a{ color:#3F7E9F; }


.MainLeft li ul li:hover{ background:#E0DEDF; }

/* .MainLeft li:hover ul, */
.MainLeft li.cur ul{ display:block;}

.MainRight .topTitle{ width:100%; height:60px; line-height:60px; padding:0px;border-bottom:1px solid #ddd; position: relative; padding-left: 15px; color: #427F9E; font-weight: bold; background:#fff; }
.MainRight .topTitle::after{width: 100px; height: 2px; background-color: #3F7E9F; position: absolute; left: 0;bottom: 0; content: "";}
.MainRight .bodys{ width:100%; min-height:450px; line-height:28px; padding:30px ;background:#fff;}
.AboutTable{border:1px solid #D8D8D8;border-bottom:0px; width:100%; height:auto; line-height:36px;}
.AboutTable .line{ height:37px; width:100%;  border-bottom:1px solid #D8D8D8; background:#CDDDED;}
.AboutTable .lines{ height:37px; width:100%;  border-bottom:1px solid #D8D8D8;}
.AboutTable .lines1{ background:#F7F7F9;}
.companyTops{ padding-bottom:20px; line-height:28px;}
/*----------------*/
.AboutNew li{ width:100%; height:auto; border-bottom:1px solid #EFEFEF; padding-bottom:20px; margin-bottom:20px;}
.AboutNew li a{ width:100%; height:100%; display:block;}
.AboutNew li .imgs{ width:210px; height:auto; overflow:hidden; }
.AboutNew li .Rights{ padding-left:30px;width:calc(100% - 210px); height:auto; line-height:24px;}
.AboutNew li .Rights h3{ line-height:24px; padding:6px 0px 0px;}
.AboutNew li .Rights .time{ height:25px; line-height:18px;}
.AboutNew li a:hover{ color:#555;}
.AboutNew li a:hover h3{ color:#0176BB;}
.AboutNew li a:hover img{
	-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);
	}
/*------------------荣誉----------------------*/

.ListImgRight{ padding:30px 15px; width:100%; min-height:450px; line-height:28px; border:1px solid #E9EEF4; background:#fff;}
.ListImg li{ margin-bottom:15px;}
.ListImg li i{ width:100%; height:100%; opacity:0; top:0px; left:0px; position:absolute;display:block;  background:rgba(63,126,159,0.8)  url(../image/yys.png) no-repeat center center; }
.ListImg .imgs{ position:relative; width:100%; height:auto;}
.ListImg li:hover i{opacity:1; }
.ListImg li:hover  .imgs img{	 -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);}
.ListImg .title{ width:100%; height:40px; line-height:40px;}

/*------------------新闻--------------------------*/

.NewMain{ width:100%;  height:auto;  line-height:30px;}
.NewMain li{ width:100%; height:auto;   border-bottom:1px solid #E9EEF4; padding-bottom:30px;   position:relative; margin-bottom:50px; }
.NewMain li .imgs{ width:290px; height:auto; }
.NewMain li .rights{ width:calc(100% - 290px); padding-left:30px;line-height:26px; height:100%;}
.Pages{ height:55px; width:100%; line-height:55px;   margin-top:20px;  text-align:center;}
.Pages a,.Pages span{ 
	display:inline-block; width:auto; height:auto; border-radius:5px; background:#fff; padding:5px 13px; line-height:24px; border:1px solid #EBEBEB; color:#555555; 
 }
.NewMain li .rights .titles{ line-height:30px; height:auto; width:100%; padding-bottom:13px; position:relative;} 
.NewMain li .rights .titles:after{ content:""; width:40px; position:absolute; height:1px; background:#E9EEF4; bottom:0px; left:0px;} 
.NewMain li .rights .coms{ width:100%; height:auto; padding-top:10px; padding-bottom:6px; }
.Pages a:hover,.Pages a.cur,.Pages span{ background:#3F7E9F; color:#fff;}
.sNews{  padding-top:10px;}

/*------------------新闻详情--------------------------*/
.showMain{  height:auto; padding-top:30px; padding-bottom:60px;}
.showMain .bodys{ padding:20px 0px 50px;line-height:28px;}
.showMaintops{ width:100%; height:auto; padding-bottom:20px; position:relative; text-align:center;padding-top:5px; border-bottom:1px solid #eee;margin-bottom:10px;}
.bsync-custom{ display:inline-block;}
.bsync-custom.icon-blue .bshare-bsync{ background:url(../image/r5_c12.png) no-repeat left 2px; padding-left:20px;}
.showMaintops h1{ font-weight:normal; line-height:30px; padding-top:10px; padding-bottom:13px;  }
.showMaintops .titls{ line-height:26px; width:auto;}
.showMaintops .titls i{ display:inline-block; width:24px; position:relative; height:14px; 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;
}


.NextPage{ height:auto;  width:100%; line-height:30px; margin-bottom:15px;  margin-top:30px; padding:20px 0px;}



/*------------------产品---------------*/

.MainLeft ul.ProLeft{ border:0px; display:none; }

.MainLeft ul.ProLeft  li a{padding-left:65px; color:#555;}
.MainLeft ul.ProLeft li a:link,.MainLeft ul.ProLeft  li a:visited{ color:#555;}
.MainLeft .ProLeft li a:hover,.MainLeft ul.ProLeft li.cur a{ color:#3F7E9F; }

.MainLeft  ul.ProLeft li a:after{ display: block;
	width:16px; height:16px; content:""; line-height: 12px; font-size: 12px; text-align: center; position:absolute;
	 top:50%;color: #fff; margin-top:-8px;left:35px; background: #fff; border:1px solid #dedede; 
	}
/* .MainLeft  ul.ProLeft li:hover{ background:#fff; } */
.MainLeft  ul.ProLeft li.cur a::after{background:#3F7E9F; content: "✔";  }


.productBody{  width:100%; min-height:450px; line-height:28px; padding-top: 40px; background:#fff;}
.productBody li{  padding:0px;position:relative; }
.productBody li i{ width:100%; height:100%; opacity:0; top:0px; left:0px; position:absolute;display:block;  background:rgba(8,88,177,0.8)  url(../image/yys.png) no-repeat center center; }
.productBody .imgs{ position:relative; width:100%; height:auto;}
.productBody li:hover i{opacity:1; }
.productBody li:hover  .imgs img{	 -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);}
  .productBody .boxTitle{width:100%; height:100%; top: 0; left: 0;  position: absolute; background-color: rgba(0, 0, 0, 0.0); }
  .productBody .boxTitle .title{ width:65%; height:auto; top: 50%; opacity: 0; left: 50%; line-height:26px; position: absolute; }

.productBody .boxTitle .title::before,.productBody .boxTitle .title::after
{ width: 100%; height: 1px; background-color: #fff; position: absolute; content: ''; background-color: rgba(255, 255, 255, 0);
	transition: all .5s ease;
		-moz-transition: all .5s ease; /* Firefox 4 */
		-webkit-transition:all .5s ease; /* Safari 和 Chrome */
		-o-transition: all .5s ease; /* Opera */}
.productBody .boxTitle .title::before{ top: 0px; left: 0px;}
.productBody .boxTitle .title::after{ bottom: 0px; left: 0px;}
  .productBody .boxTitle:hover .title{opacity: 1;}
  .productBody .boxTitle:hover{background-color: rgba(0, 0, 0, 0.4);}
.productBody .boxTitle:hover .title::before,.productBody .boxTitle:hover .title::after{ width: 16px; left: 50%; background-color:rgba(255, 255, 255, 1); margin-left: -8px;}

.productBody .Bottoms{ width:100%; height:auto;  padding:30px 30px 40px; background:#fff; }
.productBody .Bottoms .Pages{ text-align:right; padding:0px; margin:0px;}

/*------------------产品详情---------------*/

.ProShowTop{ width:100%; height:400px; background:#fff; padding:30px; margin-bottom:30px;}
.ProShowTop .lefts{ width:490px; height:100%; padding-right:30px; }
.MainRight .prots{ position:relative; padding-left:0px;}

.ProShowTop .rights{ width:calc(100% - 520px); height:auto;line-height:24px;}
.ProShowTop .rights .tits{ border-bottom:1px solid #E9EEF4; line-height:30px; padding-bottom:8px;}
.ProShowTop .rights h1{ line-height:32px;  line-height:42px; font-weight:bold;}
.ProShowTop .TopCom{ width:100%; height:auto; padding-bottom:48px; padding-top:20px;}
.ProShowTop .TopCom b{ width:150px; height:28px; color:#898989; font-weight:normal; display:inline-block;}
.ProShowTop  a.cart{ width:180px; height:44px; line-height:44px; padding-left:54px; color:#fff; display:block; border:1px solid #3F7E9F; background:#3F7E9F url(../image/carts.png) no-repeat 20px center;}
.ProShowTop  a.cart:link,.ProShowTop  a.cart:visited{ color:#fff;}
.ProShowTop  a.cart:hover{ background-color:#89683f; border:1px solid #89683f;}
.showTitles{ width:100%; height:33px; border-bottom:1px solid #00afaa;}
.showTitles span{ width:120px; height:32px; display:block; background:#00afaa; line-height:32px;}

.showbodys{ padding:30px 0 50px; line-height:24px;background:#fff;  }

.showNePx{ width:100%; height:auto; padding:15px 30px; line-height:28px;border:1px solid #E9EEF4; background:#fff; border-top:0px;}

/*----------------购物车------------*/
.cartFd{ width:480px; height:205px; background:#fff; position:fixed; left:50%; top:50%; z-index:13000; padding:15px 20px;opacity:0; display:none;}
.cartFd .closes{ width:100%; height:18px;}
.cartFd .coms{ width:100%; height:auto; padding:20px 15px 40px  58px; background:url(../image/cart_cion.png) no-repeat left 16px;}
.cartFd .ands{ width:100%; height:38px; padding:0px 5px; }
.cartFd .ands a{ width:calc(50% - 10px); height:38px; border:1px solid #3F7E9F; color:#3F7E9F; margin:0px 5px; display:block; line-height:36px; border-radius:4px;}
.cartFd .ands a.ands{ background:#3F7E9F; color:#fff;}
.cartFdBj{ width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.3); left:0px; top:0px; z-index:12000; opacity:0px; display:none;}

.cartTitle{ width:100%; padding-top:10px; height:70px; line-height:60px;}
.cartLine{ width:100%; height:50px; background:#E9EEF4; line-height:50px; }
.cartBdoy{ width:100%; height:auto; float:left;border:1px solid #E9EEF4; margin-bottom:50px;background:#fff;}
.cartLines{ width:100%; height:100px; border-bottom:1px solid #E9EEF4;padding:10px 0px;}
.cartLinet{ width:100%; height:50px;border-bottom:1px solid #E9EEF4;  line-height:50px; }
.cartLinets{ width:100%; height:178px; padding:30px 50px; }
.cartLinets .texts{ width:100%; height:118px;border:1px solid #E9EEF4; }
.cartBottom{ width:100%; height:128px; padding:0px 50px;  }
.cartBottom a{ width:200px; height:50px; display:inline-block; text-align:center; line-height:50px; background:#3F7E9F; color:#fff; }
.cartBottom a:link,.cartBottom a:visited{ color:#fff;}
.cartImgs{ width:112px; height:auto; min-height:77px; border:1px solid #E9EEF4; margin-right:30px;}
.cartTits{ width:calc(100% - 192px); height:auto; line-height:32px; position:absolute; top:50%; right:0px;}
.cartP{ padding-top:24px;}
.cartInput{ width:110px; height:32px; border:1px solid #CAD1E1; line-height:30px;}
.dels{ position:relative; width:90px; height:24px; display:inline-block; margin-top:32px;}
.dels:after{ width:13px; position:absolute; left:0px;top:0px; height:13px; content:""; display:block; background:url(../image/dels.jpg);}
.cartT1{ width:60%; height:100%; padding-left:50px;}
.cartT2{ width:15%; height:100%;}
.cartT3{ width:25%; height:100%;padding-right:50px;}

.LeaveBody{ width:500px; height:500px; background:#FFF;position:fixed; left:50%; top:50%; z-index:13000; padding:20px 30px;border:1px solid #E9EEF4;box-shadow: 0 5px 8px rgba(0, 0, 0, .2); opacity:0; display:none;}
.LeaveBody .closes{ width:100%; height:18px;}
.LeaveBody .titles{ height:56px; line-height:30px;}
.LeaveBody .lines{ width:100%; height:51px; line-height:50px;  border-bottom:1px solid #D3D3D3;}
.LeaveBody .lines .lefts{ width:110px; height:50px;}
.LeaveBody .lines .rights{ width:calc(100% - 110px); height:50px;}
.LeaveBody .lines .inuts{ width:100%; height:50px; border:0px;}
.LeaveBody a.ands{ width:200px; height:50px;  display:inline-block; text-align:center; line-height:50px; background:#3F7E9F; color:#fff;}
.bottoms{ padding-top:20px;}
.LeaveBj{ width:100%; height:100%; position:fixed; background:rgba(255,255,255,0.5); left:0px; top:0px; z-index:12000;opacity:0px; display:none;}
/*----------------留言版------------*/
.msgTop{ text-align:center; line-height:24px; padding-top:40px;}
.msgright{ width:100%; height:auto; margin-top:20px;  margin-bottom:60px; padding:60px 0px 80px 0px;}

.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:0px; border-bottom:1px solid #dedede; outline: none; line-height:42px; padding:0px 5px 0px 78px;color:#6C584D; }
.inputDi{ width:100%; height:128px; line-height:42px; border:0px;border-bottom:1px solid #dedede; outline: none;color:#6C584D; }
.msgright .ands{ background:#3f7e9f; cursor: pointer; width:100%; height:42px; line-height:42px; text-align:center; color:#fff; border:0px; display:block;}
.msTopTit{ width:100%; height:30px; line-height:30px;}
.msTitles{ width:75px; height:42px; line-height:42px; position:absolute; left:15px; top:0px;}

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

.formBg{ background:none; width:100%; height:auto; padding:0px;}

.MainRight .formBodys{ padding-top:40px;}
.formTitle{ width:100%; height:56px;}
.formMain{ width:100%; height:auto; border:1px solid #eee; padding:35px 80px;}
.formMainTitle{ width:100%; height:auto; padding:16px 0px 18px;border-bottom:1px solid #eee; line-height:32px;}
.formMainBox{ padding:10px 0px 30px;border-bottom:1px solid #eee; }
.formMainBox .titles{ width:100%; height:auto; line-height:30px; padding:10px 0px;}
.formNoline{ border-bottom:0px;}
.formMainBox .ands{ background:#E25B0A; border-radius:5px; width:100%; height:42px; line-height:42px; text-align:center; color:#fff; border:0px; display:block;}
.lineDel{ position:absolute; width:46px; height:42px; top:50%; margin-top:-21px; right:-46px; overflow:hidden; opacity:0; background:#666;color:#fff; line-height:42px;}
.formMainBox .lineDel:hover{ background:#E25B0A;}
.td_line:hover .lineDel{ overflow:visible; opacity:1;}

a.add_user{ width:102px; height:34px; margin-top:5px; border:1px solid #3F7E9F; border-radius:4px; color:#3F7E9F; line-height:32px; display:block;}
a.add_user:hover{ border:1px solid #E25B0A; color:#E25B0A;}