@charset "utf-8";
/* CSS Document */
@import url(common.css);


.ldyj{ width:100%; margin:20px auto;}

.title1{ width:100%; background:url(../images/titleBg1.png) center center  no-repeat; height:30px; line-height:30px; text-align:center; margin:60px 0px;}
.title1 span{ font-size:26px; color:#219884;padding:0px 5px;}
.title1 label{ font-size:20px; color:#bbbaba; padding:0px 5px;}

.ldyjBox{ width:1200px; margin:0 auto;}

.ldyjBox a{float: left;height:122px;width: 122px;text-indent: -9999px;margin: 0px  5.5px;}
.ldyjBox a .img{float: left;height:122px;width: 122px;display: block;}
.ldyjBox a .imgh{float: left;height:122px;width: 122px;display: none}
.ldyjBox a:hover .img{display: none;}
.ldyjBox a:hover .imgh{display: block;}
.ldyjBox a.cur .img{float: left;height:122px;width: 122px;display: none;}
.ldyjBox a.cur .imgh{float: left;height:122px;width: 122px;display: block}
.ldyjBox a.cur:hover .img{display: block;}
.ldyjBox a.cur:hover .imgh{display: none;}


.ad1{ width:100%; height:200px; margin-top:60px; clear:both;}

.ad2{ width:1200px; margin:0 auto;}

.cjalBox{ width:1200px; margin:0 auto;}

.cjalBox a:hover .img{ transform:scale(1.3,1.3);-moz-transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);}
.cjalBox a:hover .img_border{ transform:scale(1.3,1.3);-moz-transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3); }

.cjalBox a{overflow: hidden;width:300px;height:195px;position: relative;float: left;margin-bottom:3px;}
.cjalBox a:hover span{background: url(../images/block2.png);-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.cjalBox b{position: absolute;z-index: 3;height: 28px;line-height: 28px;margin: 80px 0 0 100px;color: #fff;font-size: 18px;font-weight: normal;background: url(../Images/arrow-right.png) no-repeat right 6px;padding: 0 20px 0 0;}
.cjalBox .span_bg1{width:100%;height:195px;position: absolute;z-index: 2;/* background: url(../Images/black4.png) */background: #383838;opacity: 0.2;border-left: 3px solid #ffffff;}
.cjalBox .span_bg2{width:100%;height:195px;position: absolute;z-index: 2;/* background: url(../Images/black4.png) */background: #383838;opacity: 0.2;}
.cjalBox .img{-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;width:100%;height:195px;position: absolute;z-index: 1;border-left: 3px solid #ffffff;}
.cjalBox .img_border{-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;width:100%;height:195px;position: absolute;z-index: 1;}
.cjalBox .img img{width:296px;height:195px;}


.gyld{ width:1200px; margin:0 auto;}

.gyldBox{float: left;width:1200px;}
.gyldBox .box_1{float: left;width: 255px;height:200px;padding: 0 25px 0 0;margin: 0 25px 0 0;border-right: 1px dotted #ddd;overflow: hidden;}
.gyldBox .box_1 .t{float: left;width:100%;height: 30px;}
.gyldBox .box_1 .c{float: left;width:100%;}
.gyldBox .box_1 .c p{float: left;width:100%;color: #888;line-height: 20px;padding-bottom: 7px;}
.gyldBox .box_1 .c span{float: left;width:100%;color: #888;line-height: 16px;}
.gyldBox .box_1 .c .img{float: left;margin: 6px 0 10px;}
.gyldBox .box_1 a{color:#333;font-size:16px;}
.gyldBox .box_1 a:hover{color:#745600;}

.gyldBox .box_2{float: left;width:255px;height:200px;overflow: hidden; margin:0px 0px; padding:0px 0px;}


.box_1{ width:715px; float:left;}

.box_1{float: left;width:715px;padding: 0 20px 0 0;margin: 0 20px 0 0;}
.box_1 .xuanxiang{width:715px;height:31px;}

.box_1 .xuanxiang .news_title{ cursor:pointer;color:#FFF;line-height:31px;font-size:18px;text-align:center;margin-left:10px;width:91px;height:31px;float:left;background:url(../images/x_1.png) no-repeat; }
.box_1 .xuanxiang .tabactive .news_title{ background:url(../images/x_2.png) no-repeat;}

.box_1 ul{border-top:1px solid #dfe1e1;}
.box_1 ul li{width:680px; padding:0px 10px 0px 25px; background:url(../images/li_list1.jpg) 10px 15px no-repeat;height:35px;line-height:35px;border-bottom:1px dotted #ccc;font-size:14px;color:#333}
.box_1 ul li a{width:550px; height:35px; line-height:35px; display:block; float:left;}
.box_1 ul li span{width:100px; height:35px; line-height:35px; display:block; float:right; color:#ccc;}
.box_1 .li:hover{color:#219884;}
.box_1 .more{ width:715px; float:left; margin-top:20px;}

.lxwm{ width:445px; float:right;}

.lxwm .xuanxiang{width:445px;height:31px;}

.lxwm .xuanxiang .news_title{ cursor:pointer;color:#FFF;line-height:31px;font-size:18px;text-align:center;margin-left:10px;width:91px;height:31px;float:left;background:url(../images/x_2.png) no-repeat; }
.lxwm .xuanxiang .tabactive .news_title{ background:url(../images/x_2.png) no-repeat;}
.lxwmBox{border-top:1px solid #dfe1e1; width:425px; padding:20px 10px; float:left;}

.lxwmBox h2{ display:block; float:left; width:100%; font-size:20px; color:#219884; font-weight:normal; padding-bottom:10px;}

.lxwmBox .alladdress{float: right;width:425px;height: 28px;}
.lxwmBox .alladdress p{float: left;height: 28px;line-height: 28px;text-indent: 23px;color: #666;}
.lxwmBox .alladdress a{float: left;margin: 0 0 0 10px;width: 28px;height: 28px;}
.lxwmBox .alladdress a#wx{float: left;margin: 0 0 0 10px;position: relative;}
.lxwmBox .alladdress a#wx:hover .icowx{display: block;}
.lxwmBox .alladdress a#wx .ico{float: left;position: absolute;}
.lxwmBox .alladdress a#wx .icowx{float: left;position: absolute;width: 80px;height: 80px;bottom: -100px;max-width: 80px;display: none;background: #5cbf3d;padding: 10px;}

.lxwmBox .alladdress a#tel{float: left;margin: 0 0 0 0;position: relative;}
.lxwmBox .alladdress a#tel:hover .telbox{display: block;}
.lxwmBox .alladdress a#tel .ico{float: left;position: absolute;}
.lxwmBox .alladdress a#tel .telbox{float: left;position: absolute;width: 200px;height: 30px;bottom: -50px;max-width:200px;display: none;background: #ffbc00;padding:10px;color: #fff;line-height: 30px;font-size: 16px;}

.lxwmBox .alladdress a#mail{float: left;margin: 0 0 0 10px;position: relative;}
.lxwmBox .alladdress a#mail:hover .mailbox{display: block;}
.lxwmBox .alladdress a#mail .ico{float: left;position: absolute;}
.lxwmBox .alladdress a#mail .mailbox{float: left;position: absolute;width: 200px;height: 30px;bottom: -50px;max-width:200px;display: none;background: #ff8400;padding:10px;color: #fff;line-height: 30px;font-size: 16px;}

.lxwmBox .lxwmTxt{ width:425px; float:left; font-size:14px; color:#888; line-height:30px;}


/*------------内页title-----------*/

.titnav{width: 100%;height: 68px;background: #f8f9f8;}
.titnav .cnav{float:left; width:1000px;}
.titnav .cnav li{float: left;}
.titnav .cnav li a{font-size:14px;color:#8f8f8f;margin-right:30px;line-height: 68px;font-weight: bold;}
.titnav .cnav li.on a{color: #219884;}
.titnav .cnav li a:hover{color: #219884;}

.cnav1{float:left; width:1100px; margin:20px 50px;}
.cnav1 ul{ margin-left:-30px;}
.cnav1 li{float: left;margin-left:30px; width:158px;}
.cnav1 li a{font-size:14px;color:#8f8f8f;line-height:32px;font-weight:bold; width:auto; height:35px;float:left; margin-bottom:12px; display:block; border:1px #219884 solid; width:156px; text-align:center;}
.cnav1 li.on a{color: #fff; background:#219884;}
.cnav1 li a:hover{color: #fff; background:#219884;}

.titnav .local{height: auto;float: right;/*line-height: 68px;*/margin-top: 22px;}
.titnav .local a{float: left;font-weight: bold;}
.titnav .local .goback{font-size: 13px;color: #5b5b5b;}
.titnav .local .here{font-size: 13px;color: #219884;}
.titnav .local .gohome{width: 10px;height: 10px;background: url(../images/homeicon.png) no-repeat center;display: block;margin: 7px 0 0 0 ;}
.titnav .local span{width: 3px;height: 5px;background: url(../images/homeicon2.png) no-repeat center;display: block;float: left;margin: 10px 10px 0 ;}


/*-------关于我们----------*/

.content{border-bottom: 4px solid #eaecee;overflow: hidden;}
.cont{}
.backmask{width: 100%;height: 100%;background: #fbfbfb;position: absolute;top: 0;right: -814px;z-index: 0;}
#left{width: 764px;float: left;padding: 0 0 60px 0;}
#right{width: 386px;float: right;padding: 120px 0 60px 0;}
.main_title{padding:40px 0 30px 0;}
.main_title h2 strong,b{font-size:46px;color:#219884;text-transform:uppercase;font-family: 'DINCond-Regular';margin: 0 10px 0 0;letter-spacing: -2px;/*line-height: 45px;*/}
.main_title h2 span{font-size:16px;color:#999999;position: relative;top: -1px; }
/*about*/


/*.about1 #left{padding-bottom:60px;}*/
.about1 .word{margin-bottom: 50px;}
/*.about1 .word .article{padding:0 20px 0 0;overflow-y: auto;height:260px;width: 760px;margin: 20px 0;}*/
.about1 .word h3{font-size:18px;color:#4c4f52;font-weight: bold;}
.about1 .word p{font-size:13px;color:#8f8f8f;line-height: 22px;padding: 10px 0;}
/*.about1 .ab1tu{background: url(../img/about/ab1tu.jpg) no-repeat center;width: 760px;height: 226px;margin-top: 15px;}*/
/*.about1 .ab1tu .wall{padding: 30px 0 0 30px;}*/
.about1 h4{font-size:18px;color: #32962a;font-weight: bold;}
/*.about1 .ab1tu p{font-size:14px;color: #a6a8ad;line-height: 20px;padding: 10px 0;}*/

#right a img{ display:block; margin-bottom:10px;}


/*---------新闻样式---------*/
/*news*/
.news .newstop .img{float: left;}
.news .newstop{padding-bottom: 30px;border-bottom: 4px solid #f4f6f9;}
.news .newstop .word{width: 435px;float: right;padding-top: 10px;}
.news .newstop .word h3{font-size:18px;color:#219884;font-weight: 600;}
.news .newstop .word h4{font-size:30px ;color:#999999;font-family:'DINCond-Regular';padding: 12px 0;}
.news .newstop .word p{float:left;font-size:12px;color: #888888;line-height: 20px;}

.news .newslist li{padding: 20px 0; border-bottom: 2px solid #f4f6f9;}
.news .newslist li a{overflow:hidden;}
.news .newslist li .img{float: left; width:134px; height:90px; overflow:hidden;}
.news .newslist li .word{width: 560px; float: right; padding:0 50px 0 20px;}
.news .newslist li .word h4{font-size:16px; line-height: 20px; color:#4c4f52; font-weight: 600; margin-bottom: 5px;}
.news .newslist li .word .time{font-size: 20px; font-family: 'DINCond-Regular'; color:#999; line-height: 16px; margin-bottom: 12px;}
.news .newslist li .word p{float:left;font-size:12px;color: #888888; line-height: 20px;}



/* pagesize */
.pagesize{line-height: 34px;border: 1px solid #ddd;border-right: 0;margin-bottom: 20px; width:341px; margin:0 auto;overflow: hidden;font-size: 14px; margin-top:20px;}
.pagesize a,.pagesize b,.pagesize .current{padding:0 15px;line-height: 34px;height: 34px;text-align: center;color: #555;text-shadow:1px 1px 0 #fff;display: inline-block;font-weight: normal;border-right: 1px solid #ddd;float: left;font-size: 14px; font-family:"微软雅黑"; margin:0px 0px;}
 .pagesize .current{background: #e3e3e3;color: #222;}
 
 
 
 /*-------团队------------*/
 
.teamlist{float: left;margin:10px 0px 20px;font-size:12px;padding: 0px 0 0 0;width:764px;overflow: hidden;padding:0px 0px 40px 0px;}
.teamlist ul{float: left;margin:10px 0px 0px;width:100%;font-size:12px;padding: 0px 0 0 0;width:764px;}
.teamlist ul li{width:180px;float: left; border-radius:180px;margin: 0 35px 30px 35px;overflow: hidden;height: 180px;background-position:center center !important;}
.teamlist ul li a{width:180px;height: 180px;float: left;border-radius: 230px;}
.teamlist ul li a .img{width:180px;position: absolute;z-index: 1;text-align:center;}
.teamlist ul li a .img:hover{opacity: 1;}
.teamlist ul li:hover{opacity: 0.8;}
.teamlist ul li a .b{width: 100%;height: 100%;position: absolute;float: left;z-index: 2;}
.teamlist ul li a b{width: 180px;height: 60px;position: absolute;float: left;z-index: 7;color: #fff;margin-top: 117px;text-align: center;font-size: 15px;font-weight: bold;line-height: 20px;}
.teamlist ul li a span{width: 180px;height: 40px;position: absolute;float: left;z-index: 4;color: #fff;text-align: center;margin-top: 138px;font-size: 12px;}



/*-----------荣誉---------*/

.honorList{float: left;margin:10px 0px 0px;width:100%;font-size:14px;padding: 0px 0 0 0;width:764px;}
.honorList li{ width:210px; float:left;margin: 0px 20px 30px 20px;}
.honorList li a.honorImg{width:210px;float: left;overflow: hidden;height: 160px;}
.honorList li a.honorImg img{ width:210px; height:160px;}
.honorList li a.honorTxt{ width:210px; display:block; float:left;height:30px; line-height:30px; text-align:center;}



/*--------案例展示---------*/

.caseTop{ width:100%; background:#f9f9f9; padding:60px 0px;}

.caseTop .title1{ margin-top:0px;}

.pnavv  .nav-item{width:150px; float:left;margin:0 20px 26px 20px;height:150px;}
  

 .pnavv{ margin:0 auto;width:1165px;padding-left:35px;}
 .pnavv p{font-size: 14px}
.pnavv a{float: left;height:130px;width:150px;text-indent: -9999px;margin: 0; font-size:12px;}
.pnavv a .img{height:120px !important;width: 120px !important;display: block;margin: 0 auto; max-width: 80px;}
.pnavv a .imgh{height:120px;width: 120px;display: none;margin: 0 auto}
.pnavv a:hover .img{display: none;}
.pnavv a:hover .imgh{display: block;}
.pnavv a.cur .img{float: left;height:80px;width: 80px;display: none;margin-left: 20px;}
.pnavv a.cur .imgh{float: left;height:80px;width: 80px;display: block;margin-left: 20px;}
.pnavv a.cur:hover .img{display: block;}
.pnavv a.cur:hover .imgh{display: none;}
.nav-item .f{ font-size:14px; width:150px; text-align:center;}


.mainWrap { width: 100%;/* float: left; */ margin-top: 20px;}
.main {width: 1200px;margin: 0 auto 0;}

.caseslistnew{float: left;margin:10px 0px 20px;font-size:12px;padding: 0px 0 0 0;width: 1200px;}
.caseslistnew ul{float: left;margin:10px 0px 0px;width:100%;font-size:12px;padding: 0px 0 0 20px;width: 1180px;}
.caseslistnew ul li{width:255px;padding: 5px;float: left;margin: 0 0 25px 25px;border: 2px solid #eee;height: 250px;position: relative;}
.caseslistnew ul li .catename{width: 20px;/*height:169px;*/position: absolute;background: #219884;left: -46px;top:-2px;line-height: 20px;font-size: 18px;color: #fff;padding: 10px;}
.caseslistnew ul li .img{width: 255px;height:159px;float: left;margin: 0;}
.caseslistnew ul li .img img{width: 255px;height:159px;float: left;}
.caseslistnew ul li  p{width: 255px;float: left;font-size: 13px;color: #aaa;line-height: 20px;}
.caseslistnew ul li .htmltitle{width: 255px;float: right;font-size: 15px;font-weight: normal;line-height: 40px;height: 40px;color: #000;overflow: hidden;}
.caseslistnew ul li .htmltitle a{float: left;color: #09aa83}
.caseslistnew ul li .htmltitle a:hover{color: #f90}

#in_news1{ width:750px; margin:0 auto; padding:10px 15px;}
#in_news1 ul{width:750px;height:100%;overflow:auto; margin:5px auto 0px auto; padding:0px 0px; display:block; float:left;}
#in_news1 ul li{background:url(../images/sn-icon.gif) left center no-repeat; padding-left:15px;width:720px;margin-top:5px; display:block; border-bottom:dashed 1px #cfcfd0; list-style:none; float:left; bheight:28px; line-height:28px;font-family:"微软雅黑"; font-size:14px;}
#in_news1 ul li a{width:620px; float:left; display:block; color:#333;}
#in_news1 ul li span{display:block; float:right; text-align:right;width:100px; color:#b0b0b0; color:#747373;}

.titletxt{font-size:24px; text-align:center; line-height:46px; min-height:56px; height:auto; margin-bottom:10px; font-weight:bold; width:760px;  border:none; border-bottom:1px #CCCCCC dashed; display:block;}
.subtxt{width:760px; height:20px; font-size:12px; line-height:20px; text-align:center;margin-bottom:10px; margin-left:10px;}
.perNext{width:760px; height:auto; font-size:12px; line-height:20px; text-align:left;margin-bottom:10px; margin-left:10px;}




/*--------案例详情页面-------*/

.infoTop{ width:1100px; margin:20px 50px; float:left;}
.infoTop .infoTopL{ width:550px; height:350px; float:left;}
.infoTop .infoTopR{ width:550px; height:350px; background:#f4f4f4;float:right; position:relative;}

.infoTopR .icon{ position:absolute; top:0px; right:0px; width:94px; height:94px;}
.infoTopR h1{ display:block; float:left;  margin:25px 25px 0px 25px; height:35px; width:450px;line-height:35px; overflow:hidden; position:relative; z-index:22;}
.infoTopR h2{display:block; float:left;  margin:0px 25px; height:35px; width:450px;line-height:35px; overflow:hidden; position:relative; z-index:22; color:#999; font-size:18px;}
.infoTopR h3{display:block; float:left;  margin:0px 25px; height:25px; width:450px;line-height:25px; font-weight:normal;overflow:hidden; position:relative; z-index:22; color:#b5b5b5; font-size:16px;}
.infoTopR span{ display:block; width:500px; margin:25px 25px 0px 25px; float:left; line-height:25px; color:#787878; font-size:13px;}
.infoTopR .date{ display:block; float:left; width:500px;color:#b5b5b5; margin:20px 25px;}


.caseInfo{ width:1100px; margin:20px 50px; float:left;}
.caseInfo .title1{ margin:0px 0px 20px 0px;}
.box{ background:#f4f4f4; padding:50px 110px; width:880px; float:left;}
.box h3{ display:block; text-align:center; height:30px; line-height:30px; width:100%;color:#9d9d9d; font-weight:normal; font-size:14px;}


.jqzoom{ width:880px; height:560px; position:relative; border:1px solid #eee; overflow:hidden;}
.zoomdiv{ left:859px;width:880px;height:560px; }
.list-h li{ float:left;}
#spec-n5{width:880px; height:100px; padding-top:20px; overflow:hidden;}
#spec-left{ width:30px; height:90px; float:left; cursor:pointer;background:url(../images/left.gif) no-repeat; margin-top:9px;}
#spec-left:hover{background:url(../images/leftH.gif) no-repeat;}
#spec-right{width:30px; height:90px; float:right;cursor:pointer; background:url(../images/right.gif) no-repeat;margin-top:9px;}
#spec-right:hover{ background:url(../images/rightH.gif) no-repeat;}
#spec-list{ width:800px; float:left; overflow:hidden; display:inline; margin:0px 10px;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:160px;}
#spec-list ul li img{ border:9px solid #f4f4f4; width:142px; height:90px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}

#spec-list div{ margin-top:0; *margin-left:0;}

/************  图片展示区域  结束 ***************************************************/

.orderTab td{padding-left:3px;}