@charset "gb2312";
*{margin:0; padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,hr,pre,code,form,fieldset,legend,button,input,textarea,p,blockquote,table,th,td{margin:0; padding:0;}
body,html{font-family:microsoft yahei; font-size:14px; color:#333; text-decoration:none;}
body{font:normal 100% Microsoft YaHei, 微软雅黑, Arial, Tahoma, Helvetica, sans-serif; min-width:1300px;}
table{border-collapse:collapse; border-spacing:0; font-size:inherit; font:100%; border-collapse:collapse;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
h1,h2,h3,h4,h5,h6,dl,dt,p,b,i,span{font-weight:normal;}
button,input,textarea,select,optgroup,option{font-family:inherit; font-size:inherit; *font-size:100%; font-weight:inherit; vertical-align:middle; font-family:microsoft yahei;}
address,caption,cite,code,dfn,em,var,b{font-style:normal; font-weight:normal;}
input,textarea{outline-style:none;resize:none;border:none;-webkit-appearance:none;border-radius:0;}
a{text-decoration:none; color:#333;}
ul,li,ol{list-style-type:none;}
fieldset,img{border:0;}
img,a{transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}
.input{width:80%; border:1px solid #dedbd7; padding:1em .4em; font-size:12px; color:#666;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.clearfix:after{content:'\20'; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}
.w1200{width:1200px; height:auto; margin:0 auto;}
.ov{overflow:hidden;}
.blank{width:auto; height:40px;}



/* 头部 */
.header{width:100%; height:100px; margin:0 auto ; z-index:9999; }
.welcome{width:1200px; height:auto; margin:0px auto;}
.welcome .logo {float:left;margin-top: 6px;}
 
.nav{float:right; width:60%;height:100px;}
.nav ul li.wp_subtop{float:left; width: 11.6%; position:relative;}
.nav ul li .a1{display:block; width:100%;  line-height:100px; text-align:center; font-size:16px; color: #434343;}
 
.nav ul li.current .a1,.nav ul li.current .a1 ,.nav ul li:hover .a1,.nav ul li:hover .a1 {color:#03a1ad;}
.nav ul li .sub {position:absolute;top:100px;background:#03a1ad;width:100%;display:none;z-index:9999999999999}
.nav ul li .sub li a{display:block; padding:0 5px;  text-align:center; font-size:14px; color: #fff;line-height:30px; }
.nav ul li .sub li a:hover{background:#ff9900;}
.nav ul li.wp_subtop:hover .sub{display:block;}
 
/*banner*/
.slideBox{ width:100%; height:400px; overflow:hidden; position:relative; }
		.slideBox .hd{     height: 15px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    bottom: 5px;
    z-index: 1;
    margin-left: -37.5px;
    width: 75px;}
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  
		width:15px; height:15px; line-height:14px; border-radius:50%;
		text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#2da4a8; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:100%; height:400px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }	
		.ywwh  ul li  {
  
width:100%;
    border-bottom: 1px solid #ddd;
    padding: 30px 0px 25px 0px;
    /* background: url(../img/ico_1.png) no-repeat 12px 25px; */
    background-size: auto 50px;
}
		
.ywwh ul li .p1 {
    font-size: 24px;
    color: #272727;
    font-weight: 400;
}		
		
.wenzitit{ position: absolute;
    left: 50%;
    width: 1200px;
    top: 50%;
    font-size: 50px;
    color: #fff;
    z-index: 1;
    margin-left: -600px;
    text-align: center;
color:#fff;
	text-shadow:1px 1px 1px #000
	/*  background-image: -webkit-gradient(linear, left 0, right 0, from(rgb(166, 4, 249)), to(rgb(251, 223, 11))); */
  /*必需加前缀 -webkit- 才支持这个text值 */
 /*  -webkit-background-clip: text; */
  /*text-fill-color会覆盖color所定义的字体颜色： */
  /* -webkit-text-fill-color: transparent; */
 font-weight:bold;
 
	
}
.wenzitit span{ font-weight:bold; font-weight:bold;}
.container h3 span{color: #FFF !important;font-size:55px;line-height:40px;}
.container h3 span.cl{font-size:45px}
.container h4 span{color: #FFF !important;font-size:35px;line-height:40px;}
/* 公司简介 */
.gsjj{    width: 100%;
    padding: 55px 0 50px;
    background-color: #fff;}
 
	.gsjjbt{font-size: 40px;
    color: rgb(102, 102, 102);
    font-family: SourceHanSerifCN-Regular;margin-top:50px;    overflow-wrap: break-word;
    padding: 0px;text-align:center;
    border-color: transparent;
    border-width: 0px;
    height: 62px;
    width: 1200px;
    display: block;}
.about_wrap .fl{width:48%;height:35rem;background:url(../img/com.png) no-repeat;background-size:cover;}
.about_wrap .fr{width:50%;height:35rem;}
.about_wrap .fr .cpzx-more{float:left}
.about_wrap .fr .about_top{font-size:20px;border-bottom:2px solid #333;line-height:45px;width:100px;text-align:center;margin-top:50px;font-weight:bold;}
.about_wrap .fr .about_con{width:600px;line-height:35px;margin-top:25px;font-size:16px;}
/* 标题 */
.tit{width:1200px; height:auto; float:left; overflow:hidden;}
.tit span{color:#026bac; font-size:30px; display:block; text-align:center;font-weight:bold;line-height:35px;letter-spacing:1px;}
.sj{width:1200px; height:auto; text-align:center; margin:10px auto 0px;}
.triangle-down{width:0; height:0; margin:0 auto; border-left:8px solid transparent; border-right:8px solid transparent; border-top:14px solid #026bac;}
 /* xinwen */
.newstab{    width: 100%;
overflow:hidden;
    padding: 55px 0 50px;
    background-color: #f4f4f4;}
 
.slideTxtBox{ width:790px;  text-align:left; float:left; position:relative; height:290px;overflow:hidden; }
		.slideTxtBox .hd{ width:200px; background:#03a1ad;left:0px;top:0px;   position:absolute; }
		.slideTxtBox .hd ul{   width:200px;}
		.slideTxtBox .hd ul li{   cursor:pointer;  width:200px;height: 145px;line-height:145px;text-align:center;
		color:#fff;font-size:16px;font-weight:bold;
		 }
		.slideTxtBox .hd ul li.on{  background:#03bdcb }
		.slideTxtBox .bd{left:200px;top:0px;width:590px;   position:absolute; }
		.slideTxtBox .bd ul{ padding:0px 15px;  zoom:1;  }
		.slideTxtBox .bd li{ height:35px; line-height:35px; border-bottom:1px dotted #ccc;  }
		.slideTxtBox .bd li .date{ float:right; color:#999;  }
	.slideTxtBox .bd li.firstlist{ height:100px; line-height:24px; }	
	.slideTxtBox .bd li.firstlist a{height:34px; line-height:34px;color:#03a1ad;font-weight:bold;font-size:16px;}	
	.slideTxtBox .bd li.firstlist p{height:24px; line-height:24px;color:#999;    margin-top: 6px;}	
		
.video{ width:400px; height:257px;overflow:hidden; }		
		
.nb-ti{    position: absolute;
    width: 1200px;
    top: 165px;
    left: 50%;
    margin-left: -600px;text-shadow: 1px 1px 1px #000;
}}
.nb-ti11{ margin:auto;}
.nb-ti11 div{font-size: 40px;
    color: #fff;
    margin-top:100px;text-align:right;
    font-weight: 600;
    text-indent: 8rem;
}}
	.nb-ti11 div:nth-child(3){font-size:22px}
.nb-ti11 p{    font-size: 36px;
   
    height: 45px;
    line-height: 45px;
    display: table-cell;
    padding: 10px 20px;    background: #2da4a8;color:#fff}		
.pe_tit{font-size: 40px;
    color: rgb(102, 102, 102);
    font-family: SourceHanSerifCN-Regular;   overflow-wrap: break-word;
    padding: 0px;text-align:center;
    border-color: transparent;
    border-width: 0px;
    height: 50px;
    width: 1200px;
    display: block;}
.pe_t_ch{font-family:Microsoft YaHei, 微软雅黑, 宋体; height:30px; font-size:32px; letter-spacing:2px; color:#333; font-weight:bold;}
.pe_t_ch i{font-style:normal; color:#d7292d}
.pe_t_en{ text-transform:uppercase;  color:#5a5a5a; font-size:20px; letter-spacing:0px; margin:20px auto; position:relative; z-index:9}
.hr{height:4px; background:url(../img/hr.png) no-repeat center; margin:8px auto}
.bg2{   overflow:hidden; }

.strength{overflow:hidden; margin-top:30px;}
.strength li{float:left;font-size:14px;width: 33.3%;
    text-align: center;}
.strength li strong{display:inline-block;font-size:40px;font-family:Arial;line-height:40px;color:#03a1ad;position:relative;}
/* .strength li strong::after{content:"+";position:absolute;right:-15px;bottom:-2px;font-size:14px;} */
.strength li:hover strong{color:#ff9900}
.strength li:last-child{margin-right:0;} 
.strength li:nth-child(1) strong::after,.strength li:nth-child(3) strong::after{display:none;}
.about{ overflow:hidden; margin-top:40px;}
.about dt{ width:400px; float:left; overflow:hidden;}
.about dt img{width:100%}
.about dd{ width:752px; float:right;}
.about dd h3{ font:39px "Microsoft Yahei"; font-weight:bold; color:#333; height:110px;}
.about dd h3 a{ color:#333;}
.about dd h3 em{ display:block; font:18px "Microsoft Yahei"; color:#333; padding-top:6px;}
.about dd p{ font:16px "Microsoft Yahei"; line-height:30px; color:#333; overflow:hidden;}
.about dd span a{display:block; width:91px; height:22px;  border:1px solid #3786eb; font:14px "Microsoft Yahei"; text-align:center; line-height:22px; color:#3786eb; margin-top:20px;}
.dbgc{ padding:55px 0 55px; ;}
.gcfl{margin:30px auto;overflow:hidden;    width: 900px;}
.gcfl li{float:left;width:128px;}
.gcfl li a{margin:0 20px;font-size:15px; display:block; text-align:center; }
.gcfl li a:hover{ }
 .advantage{background:#fff;padding:55px 0 55px;}
p.phbox {
    width: 70px;
    height: 70px;
    position: relative;
    overflow: hidden;
	margin:0 auto;
}
  p.phbox img.icos {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
p.phbox img.iconh {
    height: 70px;
    z-index: 3;
    position: absolute;
    left: 0;
    top: -70px;
}
.gcfl li a:hover p.phbox img.iconh{ top: 0px; }
.gcfl li a:hover p.phbox img.icos{ top:70px; }
.iconp{line-height:35px;}

.gcdblist{margin:30px auto 0px;overflow:hidden;}
.gcdblist li{float:left;}
.gcdblist_lis{vertical-align:top;width:399px;margin-right:1px;margin-bottom:20px;}
.gcdblist_lis .img{height:270px;width:379px;
border:1px solid #ccc;padding:5px;
text-align:center;vertical-align:middle;display:table-cell;position: relative;}
.img_lazy_load{position: relative; max-width: 379px; margin: 0px auto; max-height: 270px; 
height: 270px; width: 379px; display: inline; transform: scale(1);}
 
.imgmask{text-align:center;position:absolute;top:0px;left:0px;    background: rgb(255, 153, 0,0.7);
z-index:1002;width:391px;height:286px;opacity:1;
display:none;;font-size:50px;line-height:254px;color:#fff;}
.gcdblist_lis .img:hover .img_lazy_load {filter:brightness(90%)}
.gcdblist_lis .img:hover .imgmask{display:block;}
.titcp{height: 22px;}
.titcp .title{font: normal 120% 'Microsoft yahei', Arial, Verdana;text-align:center;}
.titcp .title a{font-size:14px;}
.titcp .title a:hover{color:#03a1ad}
.rlzy{width:100%; padding:55px 0 55px; background-color:#f4f4f4;}
.rcza{margin-top:30px;overflow:hidden;}
.rcza li{float:left;width:24.8%;border:1px solid #ddd;background-color:#fff;}
p.phboxx {
    width: 90px;
    height: 90px;
    position: relative;
    overflow: hidden;
	margin:30px auto 10px;
}
  p.phboxx img.icos {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
p.phboxx img.iconh {
    height: 90px;
    z-index: 3;
    position: absolute;
    left: 0;
    top: -90px;
}
.rcza li:hover p.phboxx img.iconh{ top: 0px; }
.rcza li:hover p.phboxx img.icos{ top:90px; }

.rlzyt h3{text-align:center;color:#222;font-size:16px;line-height:40px;}
.rlzyt p.wzkd{width:210px;margin:20px auto;text-align:center;color:#444;font-size:14px;}

.news{width:100%; padding:55px 0 0px; background-color:#fff;}
.newslist{overflow:hidden;margin: 30px auto;}
.newslist li{float:left;width: 376px; margin-right: 0px; margin-bottom: 10px;margin-right:30px; }
.lihout .img{height:235px;width:376px;text-align:center;overflow:hidden;position: relative}
.newsimg{margin: 0px auto; position: relative; max-height: 235px; max-width: 376px; height: 235px; width: 376px;display: block; transform: scale(1);}
.newstitle{margin:10px auto;}
.newstitle a{color:#545454;font-size:18px;}
.newslist .time{color:#929292;font-size:12px;}
.nesdetail{ 
    font-family: Microsoft YaHei;
    font-size: 14px;
    line-height: 24px !important;
    padding-top: 10px;
    color: #5A5A5A;
    font-weight: normal;
    text-decoration: none;}
.newslist li:nth-child(3){margin-right:0px;}
 
.newsimg:hover{transform: scale(1.1);}
.newstitle a:hover{color:#03a1ad}
.nesdetail a{color:rgba(255,153,0,1)}
.nesdetail a:hover{color:#03a1ad}


.footertop{background:#323232;overflow:hidden;padding:55px 0px;text-align:left;}

.footertop dl{float:left;width:15%;border-left:1px solid #666;height:155px;padding-left:10px;    color: #e0e0e0;}
.footertop dl dt a{color: #e0e0e0;font-size:16px;}
.footertop dl dt{margin-bottom:10px;}
.footertop dl dd a{color: #666;font-size:14px;}
 .foote2f{background:#040507;height:50px;line-height:50px;}
.dianhua{width:320px;}
.lxdh{font-size: 24px;
    font-family: 微软雅黑;
    color: rgb(255, 255, 255);border-bottom:1px solid #fff;padding-bottom:10px;}
.lxdh p{    font-size: 14px;
    color: rgb(255, 255, 255);
    font-family: 微软雅黑;line-height:30px;}
.tell{font-size: 30px;
    font-family: 微软雅黑;
    color: rgb(3, 161, 173);margin:30px auto;}
.zixun{margin-top:30px;}
.zixun a{border:1px solid rgb(3, 161, 173);padding:10px 20px; color: rgb(3, 161, 173);width:120px;}
.liuyan{margin-left:150px;width:540px;}
 .inptext {
    font-family: '微软雅黑';
    color: #fff;
    border: 1px solid #fff;
   margin-top:10px;
    font-size: 12px;
    text-indent: 15px;
    height: 38px;
    line-height: 38px;
    width: 100%;
   background:rgba(0,0,0,0);
    overflow: hidden;
}
  .txtarea {
    color: #fff;
    border: 1px solid #fff;
    font-size: 12px;
    padding: 5px 0;
    text-indent: 15px;
    width: 100%;
    height: 60px;
    background:rgba(0,0,0,0); margin-top:10px;  margin-bottom:10px;
}
.btn-submit{border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-color: #03a1ad;
    background-color: #03a1ad;
    font-size: 14px;
    width: 200px;
	height:40px;
	line-height:40px;color:#fff;
}
.ewm{width:114px;text-align:center;}
.ewm p{margin-top:0px;color:#fff;}

.footbottom{background:#222;color:#888;text-align:center;height:50px;line-height:50px;}
.footbottom a{color:#888;}



.full_width{position: relative; height: 485px; margin-top:30px;background-color: transparent;
		background-image: url(../img/bj56.jpg); background-position: center center;
		background-repeat: no-repeat; }
		.iconshuz{left: 39px; top: 17px; position: absolute; z-index: 100; width: 42px; height: 42px; transform: rotate(43deg);
		transform-origin: 0px 0px;background:#03a1ad }
		.full_content{width:1200px; position:absolute;left:0;top:0;margin-left: 0px;;height:485px;}
		.cstlayer{left: 606px; top: 17px; position: absolute; z-index: 100; width: 593px; height: 221px; }
		.drop_box{overflow-wrap: break-word; padding: 0px; border-color: transparent; border-width: 0px; height: 221px; background-color: transparent; width: 593px; border-style: solid;}
		.shuzi{overflow-wrap: break-word; padding: 0px; border-color: transparent; border-width: 0px; height: 40px; width: 40px;line-height:40px; display: block;
		text-align: center;color: rgb(255, 255, 255); font-size: 22px;font-weight:bold;transform: rotate(-43deg);}
		.ystitt{font-size: 18px;color:#333;overflow-wrap: break-word;
margin-bottom:20px;border-bottom:1px solid #ddd;	 height: 34px; width: 502px; display: block; }
.ysp{color: rgb(90, 90, 90); font-family: Arial, 宋体, Helvetica, sans-serif, Verdana; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: normal;line-height:30px;}

.full_widthh{position: relative; height: 485px; margin-top:30px;background-color: transparent;
		background-image: url(../img/bj96.jpg); background-position: center center;
		background-repeat: no-repeat;margin-bottom:55px; }

.cstlayerr{left: 0px; top: 17px; position: absolute; z-index: 100; width: 593px; height: 221px;}
.ystittt{font-size: 18px;color:#333;overflow-wrap: break-word;
margin-bottom:20px;border-bottom:1px solid #ddd;	 height: 34px; width: 466px; display: block; }










.ysdds{background:#e8e8e8;}
.protd{ width:1100px; margin:40px auto }
.protd li{ width:168px; float:left; margin:0px 26px;}
.protd li a{ width:168px; float:left; display:block;}
.protd li a .iconbg1{border:7px solid #fff; border-radius:10px; width:154px; height:109px; background:#FFFFFF;}
.protd li a .iconbg{ width:109px; height:94px; margin:6.9px auto 0px auto;} 
.protd li a .iconbt{ text-align:center; color:#000; font-size:18px; padding-top:12px; }
.protd li a:hover .iconbg1{ border:7px solid #3786eb;}
.protd li a:hover .iconbt{ color:#3786eb;}
.protd li.icon1 a .iconbg{ background:url(../img/icon1.gif) no-repeat;}
.protd li.icon2 a .iconbg{ background:url(../img/icon2.gif) no-repeat;}
.protd li.icon3 a .iconbg{ background:url(../img/icon3.gif) no-repeat;}
.protd li.icon4 a .iconbg{ background:url(../img/icon4.gif) no-repeat;}
.protd li.icon5 a .iconbg{ background:url(../img/icon5.gif) no-repeat;}
.protd li.icon1 a:hover .iconbg{ background:url(../img/icon01.gif) no-repeat;}
.protd li.icon2 a:hover .iconbg{ background:url(../img/icon02.gif) no-repeat;}
.protd li.icon3 a:hover .iconbg{ background:url(../img/icon03.gif) no-repeat;}
.protd li.icon4 a:hover .iconbg{ background:url(../img/icon04.gif) no-repeat;}
.protd li.icon5 a:hover .iconbg{ background:url(../img/icon05.gif) no-repeat;}
.shebei_wrap{width:100%; margin:50px auto;}
.shebei{margin:0px auto; width:1200px; overflow:hidden; position:relative;}
.containers{min-width:1200px; width:1200px; margin:0px auto; padding:0px; margin-top:-15px; overflow:hidden;}
.index_yewus{height:260px;}
#demos{overflow:hidden; width:1200px; float:left; display:inline;}
#indemos{float:left; width:100000px; height:260px;}
#indemos a{width:210px; height:170px; float:left; margin:0px 10px 0px 10px; padding:5px; border:solid 1px #ccc;}
#indemos a:hover{box-shadow:0 1px 15px rgba(0, 0, 0, 0.5);}
#indemos a img{width:210px; height:170px;}
#indemos a .pp{width:210px; text-align:center; margin-top:15px; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; transition:all .3s ease-out; -o-transition:all 0.3s ease-out;}
#indemos a:hover .pp{margin-top:18px; color:#dd4400;}
#indemos img{border:none;}
#demo1s{float:left; padding-top:35px;}
#demo2s{float:left; padding-top:35px;}
#indemos span{display:block; margin-left:8px;}



/* 客户案例 */
.sgglbox{width:100%; height:780px; background:url(../img/sgglbj.jpg) no-repeat center center;display:none}
.sggl{width:1200px; height:720px; padding-top:60px; margin:0 auto;}
.sggl .tit span{color:#fff;}
.sggl .triangle-down{border-top:14px solid #fff;}

.sglibox{width:1200px; height:530px; margin-top:30px; background:#FFF;}
.sglibox dl{width:1200px; height:auto; float:left; overflow:hidden; margin-top:25px;}
.sglibox dl dt{width:220px; height:230px; float:left; margin:5px 3px 10px 15px;}
.sglibox dl dt a{overflow:hidden;}
.sglibox dl dt img{width:220px; height:200px;}
.sglibox dl dt img:hover{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;transform:scale(1.1);}
.sglibox dl dt a{font-size:14px; display:block; text-align:center; line-height:37px;}
.sglibox dl dt:hover a{color:#ff6600;}


/* 工程业绩 */
.al{background:#f5f5f5; padding:30px 0;margin:20px 0;}
.al-l{width:750px; height:450px;}
.al-l .al-l-tit{width:750px; height:250px; background:url(../img/al-bj.jpg) no-repeat}
.al-l .al-l-tit span{color:#026bac; font-size:18px; font-weight:bold; display:block; text-align:center; padding-top:75px; line-height:30px;}

.al-l .al-li{width:750px; height:178px; margin:15px 0 20px;}
.albox{width:167px; height:178px; float:left; margin:0 10px;}
.albox .alpic{width:167px; height:138px;}
.albox .alpic img{width:167px; height:138px;}
.albox .albt{width:167px; height:40px; overflow:hidden}
.albox .albt a{line-height:40px; display:block; text-align:center;}
.albox:hover a{color:#ff6600;}
#demo{width:750px; height:178px; float:left; position:absolute; border:none; overflow:hidden;}
#indemo{float:left; width:800%; height:178px;}
#indemo img{width:167px; height:138px; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; transition:all .3s ease-out; -o-transition:all 0.3s ease-out;}
#indemo img:hover{opacity:0.8; box-shadow:0 1px 10px rgba(0, 0, 0, 0.4);}
#demo1{float:left; height:178px;}
#demo2{float:left; margin-left:7px;}


/* 新闻资讯 */
.al-r{width:420px; height:auto; overflow:hidden;}
.al-r-newtit{width:420px; height:36px; border-bottom:1px solid #CCC;}
.al-r-newtit span{font-size:20px; color:#026bac;}
.al-r-newtit .more{display:block;border:1px solid #026bac;font-size:16px; color:#026bac; padding:3px 10px;}
.al-r-newtit .more:hover{background:#026bac;color:#fff;}

.picnew{width:420px; height:auto; margin:15px 0; overflow:hidden;}
.picnew img{width:120px; height:90px; float:left; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; transition:all .3s ease-out; -o-transition:all 0.3s ease-out;}
.picnew img:hover{opacity:0.8;}
.picnew .picnew-tit{width:285px; height:20px; margin-bottom:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.picnew .picnew-tit a{font-size:15px; color:#026bac;}
.picnew .picnew-tit a:hover{color:#ff6600;text-decoration:underline;}
.picnew .picnew-xx{width:285px; height:60px; overflow:hidden;}
.picnew .picnew-xx span{font-size:12px; color:#666; line-height:20px;}

.newli{width:420px; height:auto; overflow:hidden;}
.newli dt{height:40px; line-height:40px; border-bottom:1px dashed #CCC; padding-left:20px; background:url(../img/news_icon.png) no-repeat 0px 15px;}
.newli dt a{line-height:40px;}
.newli dt a:hover{color:#ff6600;text-decoration:underline;}
.newli dt span{display:inline-block; margin-right:3px;}


/* 联系我们 */
.ys-bo{padding:10px 0 50px 0;    background: #026bac;
    color: #fff;overflow:hidden}
.ys-bo .w1200{padding-top:60px;    background: url(../img/timg.jpg) no-repeat right 44px;
    height: 280px;
    background-size: 400px;}
.ys-top{font-size:40px;font-weight:bold}
.ys-p{ width: 580px;line-height:35px;font-size:26px;color:#e8e8e8;    margin: 30px 0;}
.ys-p span{color:#ff9900;}
.ys-con ul li{float:left;width:20%;}
.ys-con ul li p span{font-size:45px;color:#ff9900;    margin-right: 5px;}
.ys-con ul li p:nth-child(1){font-size:26px;}
.ys-con ul li p:nth-child(2){font-size:20px;margin:20px 0;    font-weight: 600;}
/*友情链接*/
.yqlink{width:1200px; height:40px; margin:50px auto 20px;}
.yqlink dl{height:40px;}
.yqlink dt{float:left;}
.yqlink dl .dt1{font-size:30px; font-weight:bold; color:#026bac; line-height:40px;}
.yqlink dl .dt2{width:90px; height:23px; background:#026bac; color:#FFF; margin:9px 10px 0 10px;}
.yqlink dl .dt2 span{font-size:15px; color:#FFF; line-height:23px; display:block; text-align:center;}
.yqlink dl .dt3 a{font-size:14px; text-decoration:none; line-height:40px; margin:0 15px;}
.yqlink dl .dt3 a:hover{text-decoration:underline; color:#FF5702;}


/*页脚*/


/*在线客服*/
.qq_content{overflow:hidden; background:#FFF; box-shadow:3px 2px 10px rgba(0, 0, 0, 0.2);}
.qq_content dd{padding:7px; width:135px; background:#eee;}
.qq_content .dt{background:#026bac url(../img/client_title.png) no-repeat; font-size:14px; font-weight:bold; color:#FFF; cursor:pointer; padding:10px 20px; width:120px;}
.qq img{margin-right:10px;}
.qq_content .ol_tel{background:#eee; font-size:18px; text-align:center;}
.qq_content .ol_tel strong{font-weight:bold; color:#F00;}
.qq_content .ol_tel img{width:100px;}
.qq_content .ol_tel p{color:#000;}
.qq_content .ol_qq a{font-size:14px; color:#950c1e; text-decoration:underline;}
.qq_content .ol_qq img{margin-right:10px;}
.qq_content .qr{background:#FFF; font-size:12px;text-align: center;}
.qq_content .ol_tel .blue{color:#F00;font-size:14px; font-weight:bold;}


		.sideMenu{ border:1px solid #ddd;  }
		.sideMenu h3{ height:32px; line-height:32px; padding-left:10px;  border-top:1px solid #e3e3e3; background:#f4f4f4; cursor:pointer;
			font:normal 14px/32px "Microsoft YaHei";
		}
		
		.sideMenu h3 em{ float:right; display:block; width:40px; height:32px;   background:url(../img/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
		.sideMenu h3.current { background-color:#026bac; }
		.sideMenu h3.on em{ background-position:16px -57px; }
		.sideMenu h3.current  a{ color:#fff }
		.sideMenu ul{ padding:8px 10px; color:#999; display:none; /* 默认都隐藏 */ }
		.sideMenu ul li {margin-bottom:5px }
		.sideMenu ul li a{ display:block;padding:2px 5px;background:#f5f5f5;font-size:12px }

		.dqy .curr,.sideMenu h3:hover{background-color:#026bac; color:#FFF;}
		.dqy .curr,.sideMenu h3:hover a{color:#FFF;}
		
		
.container {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.main {
    width: 100%;
    margin: 40px 0px 30px;
}
.left {
    width: 270px;
    float: left;
}/*内页*/
/* 左边 */
.container{width: 1200px;margin-left: auto;margin-right: auto;}
.left{ width:270px; float:left;}
/* .lefttop{ height:50px; text-align:left; padding-left:20px; font-size:16px;  color:#fff;background-color:#2da4a8; width:250px; line-height:50px; float:left;}
 */
.lefttop {
    height: 60px;
    text-align: left;
    padding-left: 50px;
    font-size: 18px;
    color: #fff;
    background-color: #2da4a8;
    width: 220px;
    line-height: 60px;
    float: left;
    background: #2da4a8 url(../img/i373.png) no-repeat left 17px;
}

.left-content{ width:268px; border:solid 1px #CCC; line-height:35px; float:left;}
.left-contenrt{ width:268px; border:solid 1px #CCC; line-height:35px; float:left;}
.list{
	width : 100%;
}
.list ul{
	list-style: none;
}
.list>ul>li{
	width        : 100%;
	border-bottom: dashed 1px #CCC;;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
			transition: .3s ease;
}
.list>ul>li p[class=title]{
   
    height: 50px;
    line-height: 50px;
    padding: 0;
    border: none;
    position: relative;
    font-size: 16px;
    padding-left: 30px;
}
.list>ul>li p[class=title]>span{
	position: absolute;
	right: 10%;
}
.list>ul>li p[class=title]:hover a, .list>ul>li p[class=title] a.current  {
    font-weight: bold;
    color: #ff9900;
    text-decoration: underline;

}
.list>ul>li p[class=title]:hover {
    border-left: 2px solid #ff9900;
  
}



.list-se{
	overflow: hidden;
	display: none;
}
.list-se>p{
 
	color     :#ee4977;
}
.list-se>li{
	position: relative;
	right   : -100%;
	-webkit-transition: right .5s;
	-moz-transition   : right .5s;
	-o-transition     : right .5s;
	transition        : right .5s;
}
 
.list-se>li>p {
    background: #f9f9f9;
    color: #f0f0f0;
    height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 33px;
    line-height: 50px;
    /* border-left: 5px solid #3b3b3b; */
    -webkit-transition: border .5s;
    transition: border .5s;
    -webkit-transition: background .3s;
    transition: background .3s;
}
.list-se>li>p a{font-size:15px;}
.list-se>li>p:hover , .list-se>li>p.active{
	border-color: #EE4977; 
	background  : #ff9900;
}
.left-content ul{ float:left; width:100%;}
.left-content ul li{ line-height:42px; border-bottom:dashed 1px #CCC; font-size:16px;background: url(../img/h 373 .png) no-repeat 90% center #fff;}
.left-content ul li:hover ,.left-content ul li.current{border-left:2px solid #ff9900;background: url(../img/l37 3.png) no-repeat 90% center #fff; }
.left-content ul li:last-child{border-bottom:none;}
.left-content ul li a{ padding-left:30px; color:#2da4a8;}
.left-content ul li:hover a,.left-content ul li.current a{font-weight:bold; color:#ff9900;text-decoration:underline;}
.left-content p{ padding:10px;}
.left-content ul li ul{display:none;}
.left-content ul li:hover ul{display:block;}
.left-content ul li ul li a{ padding-left:40px; color:#666; font-weight:normal; font-size:14px;border-bottom:dashed 1px #CCC; width:220px; height:35px; line-height:35px; display:block;}


/* 右边 */
/* 当前位置 */
.right{ width:900px; float:right;}
.mbx{ height:21px; line-height:21px;background:url(../img/xwbg.jpg) left top repeat-x; margin-bottom:15px;}
.mbxtit{ float:left; line-height:21px; background-color:#fff; font-size:18px; font-weight:bold; color:#ff9900; padding-right:10px;}
.zfx{ width:12px; height:12px;margin-right:10px; margin-top:5px; background-color:#ff9900; float:left;}
.mbxdqwz{ float:right; line-height:21px; background-color:#fff; padding-left:10px;}
.mbxdqwz a:hover{color:#de4410;text-decoration:underline;}


/* 简介 */
.mbx-content{line-height:33px;}
/* .mbx-content p{text-indent:2em;} */
.mbx-content h3{text-indent:2em;font-weight:bold;}
.mbx-content h2{ font-weight:bold;color:#2da4a8;font-size:25px}

/* 新闻列表 */
.news-list{width:100%; float:left;}
.news-list ul{ width:100%; float:left;}
.news-list ul li{ width:100%; float:left; line-height:24px; margin:15px 0 8px 0; border-bottom: dashed 1px #999999}
.news-list ul li h3 a{ font-weight:bold; font-size:16px; line-height:30px; height:30px; width:750px;
color:#2da4a8; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; float:left;}
.news-list ul li h3 a:hover{color:#de4410;text-decoration:underline;}
.date {width: 120px;text-align: right;float: right;height: 30px;line-height: 30px;color: #6a6a6b;}
.descript {width: 100%;line-height: 24px;float: left;margin-bottom: 2px;overflow: hidden;}


/* 分页 */
.dede_pages ul{padding:12px 0px 12px 16px;}
.dede_pages ul li{float:left;font-family:Tahoma;line-height:17px;margin-right:6px;border:1px solid #E9E9E9;}
.dede_pages ul li a{float:left;padding:2px 4px 2px;color:#333;display:block;}
.dede_pages ul li a:hover{color:#de4410;text-decoration:none;padding:2px 4px 2px;}
.dede_pages ul li.thisclass,.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:#de4410;padding:2px 4px 2px;font-weight:bold;color:#fff;}
.dede_pages .pageinfo{line-height:21px;padding:12px 10px 12px 16px;color:#999;}
.dede_pages .pageinfo strong{color:#333;font-weight:normal;margin:0px 2px;}


/* 详细页 */
.detail{text-indent:2em;line-height:30px;}
.titBar{line-height:35px;margin-bottom:15px;}
.detail img{display:block;margin:15px auto 15px;}
.context{padding:30px 0px 40px 0px;}
.context ul li a:hover{color:#de4410;text-decoration:underline;font-weight:bold;}


/* 产品列表 */
.product{ width:100%; float:left;}
.product ul{ float:left;}
.product ul li{ margin:10px; float:left; background-color:#e7e7e7; width:280px; height:266px;position:relative; margin-bottom:30px; }
.product ul li img{ width:278px; border:solid 1px #d0cfcf; height:222px;}
.product-image{position:relative;display:block;overflow:hidden}
.product-image .front-image{display:block;width:auto;height:auto}
.product-image .front-image:hover{filter:brightness(90%)}
.quick-view{font-weight:bold;font-size:78%;opacity:0;position:absolute;bottom:-30px;left:0;right:0;color:#fff;background:#ff9900;text-align:center;text-transform:uppercase;padding:5px 0}
.quick-view:hover{text-decoration:underline}
.product-image:hover .quick-view{bottom:0;opacity:1;    background: rgb(255, 153, 0,0.7);height:60px;padding-top:40px;}
.product ul li h3{text-align:center; width:100%; height:43px; line-height:43px;}
.product ul li h3 a:hover{color:#de4410;text-decoration:underline;}

 .lxwm{margin:0px auto;}
 
 .viewport table{border:1px solid #555;margin:0 auto;}
.viewport table td{border:1px solid #555;vertical-align: middle;}
.lxwm ul{overflow:hidden;}
.lxwm li{width:30%;overflow:hidden;position:relative;float:left;margin:0 14px;}
.wez{position:absolute;top:100px;text-align:center;font-size:16px; width:100%;}
.wez p{padding:0px;margin:0px;margin-bottom:5px;} 
  table{border:1px solid #555;margin:0 auto;}
  table td{border:1px solid #555;vertical-align: middle;}