@charset "gb2312";
/* CSS Document */
@charset "utf-8";
body{ margin:0px; font-size:12px; color:#3d2f1b;font-family:"微软雅黑"}
*{padding:0px;margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,button,th,td {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:12px;list-style:none;}
input,select {font:100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "微软雅黑", SimSun, "宋体", STXihei, "华文细黑", Heiti, "黑体", sans-serif;}
button {overflow:visible}
img{border:none;}
a{color:#3d2f1b;text-decoration:none;}
a:hover{color:#ec6c00;text-decoration:none;}

input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
.clear{overflow:hidden;clear:both; height:0px;}
li{	list-style:none;}
.lf{ float:left;}
.rt{ float:right;}


/*头部*/
.yindao{width:100%; background-color:#f8f8f8; border-bottom:1px solid #e7e7e7; overflow:hidden;}  
.yindao .yd{width:1120px; margin:0 auto; overflow:hidden;}
.yindao .yd .lf{font-size:12px; color:#555; line-height:32px;}
.h-link{


	font-size: 14px;

	line-height: 30px;

	color: #9c9d9d; margin-top:20px

	

}
.h-link a{

	color: #9c9d9d;

	transition: color 500ms ease-in 0ms;

	padding: 0 4px;

}

.h-link a:hover{

	color: #0d4aa0;

}
.contain{ width:1100px; margin:0 auto}
.top2{ width:1100px; margin:0 auto}
.gg{ margin-left:190px}
.tel{ background:url(tel.jpg) left center no-repeat; padding-left:35px; margin-top:20px;}
.tel em{ display:block; color:#ffa800; font-size:24px; font-style:normal}

/*banner*/
.fullSlide{width:1100px;position:relative;height:500px;background:#000; margin:0 auto}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:500px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:500px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:35px;height:6px;margin:3px;overflow:hidden;background:#ffffff;line-height:999px;}
.fullSlide .hd ul .on{background:#0090ed;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:5%;background-position:-6px -137px;}


/*产品*/
.bt1{ background:url(t1.png) bottom center no-repeat; text-align:center; margin-bottom:30px; font-size:32px; color:#2e4558; font-weight:bold; padding-bottom:20px}

.pro{  padding:30px 0; overflow:hidden}
ul,li{ list-style:none;}
.tab{ width:1100px; margin:0 auto 50px;}
.tab-hd {  overflow:hidden; zoom:1; text-align:center; margin-bottom:15px}
.tab-hd li{ display:inline-block; width:120px; margin:0 10px; color:#fff; text-align:center; cursor:pointer; background:#9d9d9d; line-height:35px; border-radius:25px; font-size:16px;}
.tab-hd li.active{ background:#0080d2;}
.tab-bd li{display:none; padding:20px; font-size:24px;}
.tab-bd li.thisclass{ display:list-item;}

.cpzs { position:relative; width:1115px;}
.cpzs dl{ float:left; margin-right:14px}
.cpzs dl i{ display:block; position:relative; width:209px; height:194px; overflow:hidden}
.cpzs dl i img{ height:194px; width:auto; min-width:209px; transition:all 0.6s;position:absolute;left:50%; transform:translate(-50%,0);}
.cpzs dl:hover i img{transform:translate(-60%,0);  transition:all 0.6s}
.cpzs dl p{ text-align:center; font-size:16px; line-height:50px}
.cpzs dl a:hover p{ color:#0080d2}

/*简介*/

.about{ width:1100px; margin:50px auto; overflow:hidden}
.about i{ display:block; float:left; width:500px; overflow:hidden}
.about i img{ width:500px; height:316px;}
.js{ width:565px; float:right;}
.js h3{ display:block; background:url(line.jpg) left bottom no-repeat; line-height:45px; color:#2e4558; font-size:30px; font-weight: bold; margin-bottom:20px; height:60px}
.js p{ display:block;  font-size:14px; line-height:30px; height:192px; margin-bottom:15px; overflow:hidden; color:#5d5d5d}
.js em a{ display:block; font-size:12px; text-align:center; width:100px; background:#0090ed; color:#FFF; line-height:30px; margin-top:10px; font-style:normal; transition:all 0.6s}
.js em a:hover{ background:#26943b; color:#FFF; transition:all 0.6s}

.btn{ display:block; margin:0 auto; width:205px; line-height:35px; margin-top:25px}
.btn a{ display:block; background:#0090ed; text-align:center; border-radius:30px; color:#FFF; font-size:14px;transition:all 0.6s}
.btn a:hover{ background:#0080d2; transition:all 0.6s}


/*案例*/
.anli{ margin:30px auto 0; overflow:hidden; background:#f6f6f6; padding:30px 0px}
.case_nei { width:1100px; margin:0 auto; position:relative; padding:20px 0; }
.floatL {float: left; padding-top:75px; position:absolute; z-index:999; cursor:pointer}
#left{ left:-50px}
#right{ right:-50px}
.subBox {width:1100px; height:200px;overflow: hidden; float:left;}
.subBox ul { width:100000px; margin:0; padding:0;}
.subBox ul li {width:210px; height:159px; float: left; position:relative; display:inline; padding-right:12px; }
.subBox ul li i{ display:block; width:210px; height:159px; overflow:hidden}
.subBox ul li a img { width:210px; height:159px; transition:all 0.6s}
.subBox ul li:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}
.subBox ul li a p { display:block; background-color:rgba(0,0,0,0.6); line-height:35px; position:absolute; bottom:0; width:210px; text-align:center; color:#FFF; font-size:16px}
.subBox ul li a:hover img { border:1px solid #000;}
.subBox ul li a:hover p {
	color:#fff;
	background:#0080d2;
	text-decoration:none;
	
}


/*新闻*/

.news{ background: url(bg2.jpg) center no-repeat; padding:30px 0; overflow:hidden}

.news ul{ width:1100px; margin:0 auto}
.news ul li{ background-color:rgba(255,255,255,0.5); border:#e5e8e8 1px solid; width:500px; padding:10px 15px;overflow:hidden; float:left; margin-bottom:15px; margin-right:35px;}
.news ul li:nth-child(2n){margin-right:0; }
.news ul li h3{ display:block; border-bottom:#d2d2d2 1px solid; font-size:16px; font-weight:normal; padding-bottom:10px; line-height:30px}
.news ul li p{ display:block; font-size:14px; line-height:25px; color:#878787; margin:10px 0}

.news ul li span{ display:block; background:url(date.png) left center no-repeat; padding-left:25px; float:left; font-size:14px; color:#737373}
.news ul li em{ display:block; float:right; font-style:normal; background:#e5e5e5; text-align:center; width:80px; line-height:25px}

.news ul li em a{ display:block}
.news ul li em a:hover{ background:#0080d2; color:#FFF}

.shangjia{ margin:30px auto; width:1100px;}



.marqueeleft{height:93px;width:1100px;overflow:hidden;margin:40px auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 5px;display:inline;width:auto;height:93px;overflow:hidden;}
.marqueeleft li .pic{display:block;width:auto;height:93px;padding:2px;overflow:hidden;}
.marqueeleft li .pic img{ height:93px; width:auto}


/*底部*/

strong{font-weight:400}
.strong{font-weight:700}
::selection{background:#1EACDF;color:#fff}
img{border:0}
::-moz-selection{background:#1EACDF;color:#fff}
::-webkit-selection{background:#1EACDF;color:#fff}
.autoWidth{margin:0 auto;min-width:1000px;max-width:1100px}
.auto{margin:0 auto;min-width:1000px;max-width:1100px}
@media screen and (max-width:1233px){.auto{padding-left:10px}
}
.clearfix:after,.clearfix:before{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
.clear-float{clear:both}



.footer{background-color:#0067b8;font-family:"Microsoft Yahei"}
.footer-floor1{width:100%;padding:0px 0 20px}
.footer-list{width:69%;height:100%;float:left}
.footer-list ul{float:left;margin-right:13%}
.footer-list .flist-5{margin-right:0}
.footer-list li{line-height:25px}
.footer-list li a{color:#fff;font-size:14px;text-decoration:none}
.footer-list li a:hover{text-decoration:underline;color:#fff}
.footer-list .flist-title{font-size:16px;color:#fff;margin-bottom:10px; padding-bottom:5px; background: url(line.png) left bottom no-repeat;}
.erweima{ text-align:center; color:#fff; font-size:14px; line-height:30px}

.footer-floor2{width:100%;border-top:1px solid #1a76bf;padding:20px 0;text-align:center}
.footer-floor2 p{text-align:center;color:#b6e2f2;font-size:14px;line-height:30px}
.footer-floor2 a{color:#b6e2f2}
.dtel{ text-align:center; margin:15px 0; line-height:40px; font-size:25px; color:#FFF; overflow:hidden}
.dtel i{ padding-right:10px}


#wx-corner{border:10px solid transparent;border-left:10px solid #fff;position:absolute;top:12px;right:-20px;z-index:10}
#wb-corner{border:10px solid transparent;border-left:10px solid #fff;position:absolute;top:58px;right:-20px;z-index:10}

.superiority-icon{position:absolute;width:40px;height:40px;left:10%;background-repeat:no-repeat;background-image:url(../images/footer_youshi.png)}
.compensate_ico .superiority-icon{background-position:0 0}
.compensate_ico:hover .superiority-icon{background-position:0 -50px}
.retreat_ico .superiority-icon{background-position:0 -100px}
.retreat_ico:hover .superiority-icon{background-position:0 -150px}
.technology_ico .superiority-icon{background-position:0 -200px}
.technology_ico:hover .superiority-icon{background-position:0 -250px}
.prepare_ico .superiority-icon{background-position:0 -300px}
.prepare_ico:hover .superiority-icon{background-position:0 -350px}
.service_ico .superiority-icon{background-position:0 -400px}
.service_ico:hover .superiority-icon{background-position:0 -450px}
.marquee-box{overflow:hidden;width:100%;position:absolute;left:0;top:0}
.marquee{width:8000%;height:60px}
.wave-list-box{float:left}
.wave-list-box ul{float:left;height:60px;overflow:hidden;zoom:1}
.wave-list-box ul li{height:60px;width:100%;float:left;line-height:30px;list-style:none}
.wave-box{position:relative;height:60px;background:#fff}





  .top_imgbox{
width:1100px; 
height:250px; 
position:relative;
z-index:2; 
overflow:hidden; margin:0 auto
}
.top_imgbox .top_img{
position:absolute; 
    top:0; 
width:1100px;
z-index:99;
}

.dabt{ border-bottom:#CCCCCC 1px dotted; font-size:18px; font-weight:bold; text-align:center; padding:20px 0px; color:#0068b7}
.wenzi{ line-height:24px; font-size:14px}
.tu{ text-align:center; padding:20px 0px}
.dabiao{ border-bottom: 1px solid #1a76bf;margin-bottom:15px}
.dabiao h1{ background:#1a76bf; color:#FFFFFF; line-height:30px; height:30px; text-align:center; width:100px; text-align:center; font-size:15px; }
.nlf{ float:left; width:240px;}
.nmain{ width:1100px; margin:30px auto; overflow:hidden}
.fenlei{ margin-bottom:20px;}
.fenlei h3{ display:block; text-align:center;color:#fff; background:#0080d2; padding:15px 0; font-size:14px; font-weight:normal;text-transform:uppercase; font-family:Arial, Helvetica, sans-serif}
.fenlei em{ font-size:20px; font-style:normal; padding-right:5px; margin-bottom:10px; font-family:"微软雅黑"}
.fenlei ul{list-style:none;  overflow:hidden} 
.fenlei li{line-height:35px; } 
.fenlei a{display:block;text-align:center;  height:35px; font-size:14px} 
.fenlei a:link{color:#333;text-decoration:none; background:#efefef; margin-top:5px;} 
.fenlei a:visited{color:#333;text-decoration:none;} 
.fenlei a:hover{color:#fff; text-decoration:none; background:#0090ed} 


.contact{ border:#e1e1e1 1px solid;}
.contact p{ line-height:25px; color:#666; padding:15px}




.nrt{ width:820px; float:right}
.nrt img{ max-width:820px; height:auto}
.ntitle{ border-bottom:#dfdfdf 1px solid; margin-bottom:20px; overflow:hidden}
.ntitle h3{ border-bottom:#0090ed 3px solid; display:block; padding:0 5px;float:left; text-align:center; color:#333; font-size:20px; font-weight:normal; line-height:50px; position:relative}
.ntitle span{ float:right; color:#999; padding-top:15px}



.xwlb ul li{ border-bottom:#CCC 1px dashed; padding-bottom:15px; margin-bottom:15px;}
.xwlb ul li h3{ font-size:16px; padding-bottom:15px}
.xwlb ul li p{ line-height:23px; color:#666; display:block;max-height:69px; overflow:hidden}
 .date{ background:url(date.png) left center no-repeat; padding-left:25px; margin-top:10px; color:#969696}
 .more a{ display:block; background:#969696; width:84px; text-align:center; line-height:22px; color:#fff; margin-top:10px;}
.more a:hover{ background:#0080d2}


.fenye{ height:40px; padding-top:10px; float:right; clear:both; width:500px }
.fenye ul{ float:right;  }
.fenye ul li{  margin-right:5px;  float: left; border:1px solid #eee;line-height:25px; font-size:12px}
.fenye li a{background:#fff; display:block; color:#333; padding:0 10px;}
.fenye li a:hover { background:#005f91; color:#fff;}
.fenye li.thisclass { background:#005f91; color:#fff;padding:0 10px;}
.con_right_case{ width:820px; margin:auto;  clear:both; margin-top:20px; padding-left:0px}
.con_right_case ul{}
.con_right_case li{ box-shadow:2px 2px 10px  #e5e5e5; border:1px solid #e5e5e5;  border-radius:5px; margin:0px 7px;   background:#fff;margin-bottom:30px; position:relative; width:257px;  overflow:hidden;  float:left; }
.con_right_case li:hover{ box-shadow:2px 2px 10px  #ccc;  }
.con_right_case li img{ border:1px solid #e5e5e5; margin:10px 10px 0 10px	; width:235px;  }
.con_right_case li .pic_txt{ background:url(../images/eye.png) no-repeat  360px 22px; color:#555; width:100%;  float:left; text-align:center;}
.con_right_case li .pic_txt  a{ display:block; margin:0 10px; line-height:40px; color:#555; font-size:14px; }
.con_right_case li:hover .pic_txt  a{ color:#005f91;}