@charset "utf-8";
body { font-size: 12px; line-height: 20px; margin: 0px; background: #FFF; color:#333333;}
p{margin: 0px; padding: 0px;}
img{border: 0px;}
ul,li{list-style: none; margin: 0px; padding: 0px;}
a:link,a:visited{color: #333; text-decoration: none;}
a:hover,a:active{color: #0D813A; text-decoration: underline;}
.kuan{ width:1200px; margin:auto;}
.clear{ clear:both;}


#top{}
.logo{ height:140px;}
.logo-l{ float:left; width:500px; margin-top:15px;}
.logo-r{ float:right; margin-top:30px;}
.nav{ height:70px; border:#F0F0F0 1px solid;}
.nav ul{ list-style:none; margin:0px; padding:0px; width:1200px; margin:auto;}
.nav ul li{ width:170px; text-align:center; padding-top:10px; float:left;}
.li-bg{ background: url(../images/li-bg.jpg) repeat-x bottom; height:60px;}
.nav ul li a:link,a:visited{color: #333; text-decoration: none;}
.nav ul li a:hover,a:active{color: #0D813A; text-decoration: underline;}

.banner{ margin-top:10px; height:400px; background:#EFEFEF;}


#main{ margin-top:30px;}
.main-1{}
.main-1l{ float:left; width:800px;}
.DIV1{ width:363px; height:95px; border:#D4D4D4 1px solid; float:left; margin-bottom:10px; margin-right:15px; margin-top:10px; background:url(../images/div1.jpg) no-repeat; padding-top:20px; padding-left:20px;}
.DIV2{ width:363px; height:95px; border:#D4D4D4 1px solid; float:left; margin-bottom:10px; margin-right:15px; margin-top:10px; background:url(../images/viv2.jpg) no-repeat; padding-top:20px; padding-left:20px;}
.DIV3{ width:363px; height:95px; border:#D4D4D4 1px solid; float:left; margin-bottom:10px; margin-right:15px; margin-top:10px; background:url(../images/div3.jpg) no-repeat; padding-top:20px; padding-left:20px;}
.DIV4{ width:363px; height:95px; border:#D4D4D4 1px solid; float:left; margin-bottom:10px; margin-right:15px; margin-top:10px; background:url(../images/div4.jpg) no-repeat; padding-top:20px; padding-left:20px;}

.main-1r{ width:370px; float:right;}

.main-2{ margin-top:20px;}
.bt-l{ float:left;}
.bt-r{ float:left; font-family: "微软雅黑"; font-size:20px; font-weight:bolder; line-height:45px; height:45px; margin-left:20px;}
.more{ font-size:12px; color:#F00; margin-left:15px; font-weight:normal;}
.more a:link,a:visited{color: #F00; text-decoration: none;}
.more a:hover,a:active{color: #F00; text-decoration: underline;}
.main-2m{ margin-top:20px;}
.case1{ height:370px; width:200px; background:url(../images/case1.jpg) no-repeat; float:left;}
.case2{ height:370px; width:200px; background:url(../images/case1.jpg) no-repeat; float:left;}

.case3{ height:370px; width:200px; background:url(../images/case1.jpg) no-repeat; float:left;}

.case4{ height:370px; width:200px; background:url(../images/case1.jpg) no-repeat; float:left;}

.case5{ height:370px; width:200px; background:url(../images/case1.jpg) no-repeat; float:left;}

.case6{ height:370px; width:200px; background:url(../images/case1.jpg) no-repeat; float:left;}

.case-t{ height:308px;}
.case-bm{ height:40px; color:#FFF; padding:10px;}
.case-bm a:link,a:visited{color:#FFF; text-decoration: none;}
.case-bm a:hover,a:active{color:#FFF; text-decoration: underline;}


.main-3{ margin-top:20px; margin-bottom:30px;}
.main-3m{ margin-bottom:20px; margin-top:15px;}
.main-3ml{ border:#EFEFEF 1px solid; width:392px; height:311px; float:left; margin-right:6px;}
.company-t{ height:173px; background:url(../images/company.jpg) no-repeat; color:#FFF; font-family:"微软雅黑"; font-weight:bold; font-size:20px; line-height:50px; padding-left:15PX;}
.company-m{ height:120px; padding:5px; line-height:30px;}
.main-3mm{ border:#EFEFEF 1px solid; width:392px; height:311px; float:left; margin-right:6px;}
.new-t{ background: url(../images/new-bg.jpg) no-repeat; height:140px;}
.new-t1{ background: url(../images/new-bg1.jpg) no-repeat; height:140px;}

.new-m{}
.new-t{ height:140px; color:#FFF; font-family:"微软雅黑"; font-weight:bold; font-size:20px; line-height:50px; padding-left:15PX;}
.new-m{ height:165px; padding:5px; line-height:25px;}
.main-3mm{ border:#EFEFEF 1px solid; width:392px; height:311px; float:left; margin-right:6px;}


.more1{ font-size:12px; color:#F00; margin-left:140px; font-weight:normal;}
.more1 a:link,a:visited{color: #FFF; text-decoration: none;}
.more1 a:hover,a:active{color: #FFF; text-decoration: underline;}

.new-tit{ font-size:14px; font-weight:bold; height:40px; line-height:40px;}
.new-tit a:link,a:visited{color: #000; text-decoration: none;}
.new-tit a:hover,a:active{color: #000; text-decoration: underline;}

.new-li{}
.new-li ul{ border-top:#CCC 1px dashed; padding-top:10px;}
.new-li ul li{ background:url(../images/icon.jpg) no-repeat left center; padding-left:10px; line-height:28px;}
.time{ margin-left:20px;}

.hezuo{ height:280px; background:#F6F6F6;}
.hezuo-tit{ padding-top:30px; border-bottom:#EBEBEB 1px solid; height:60px;}
.hezuo-main{ height:130px; background:#FFF; margin-top:15px;}

#footer{ background:#0B0B0B; padding:20px 0px;}

.foot1{ width:200px; background:url(../images/line.jpg) no-repeat right center; height:268px; text-align:center; float:left;}

.footer-r{ float:right; width:370px;}
.footer-rt{ color:#FFF;  font-family:"微软雅黑"; font-weight:bold; font-size:18px; margin-top:40px; background:url(../images/01.jpg) no-repeat bottom; height:30px; margin-bottom:20px;}
.footer-pic{}
.footer-rm{ color:#A5A5A5; margin-top:10px; line-height:22px;}


.banner-about{ height:220px; margin-top:10px; background:#1E94D5; margin:auto;}


#main-about{ border:#F0F0F0 1px solid; padding-top:20px; margin-bottom:20px; padding:10px; padding-top:20px;}

.main-aboutl{ width:285px; float:left;}
.about-t{}
.about-t ul{}
.about-t ul li{ width:285px; height:43px; margin-bottom:5px; background:#D0D0D0; text-align:center; line-height:43px; font-weight:bold; font-size:16px; font-family:"微软雅黑";}
.about-t ul li a:link{display:block; color: #FFF; text-decoration: none;}
.about-t ul li a:visited{color: #FFF; text-decoration: none;}
.about-t ul li a:hover{color: #FFF; text-decoration: none; background:#000; display:block; width:285px; height:43px;}
.about-t ul li a:active{color: #FFF; text-decoration: none;}

.about-t ul li .over:link{display:block; color: #FFF; text-decoration: none; background:#000; display:block; width:285px; height:43px;}
.about-t ul li .over:visited{color: #FFF; text-decoration: none; background:#000; display:block; width:285px; height:43px;}

.about-b{ width:285px; height:235px; background:#ECECEC; margin-top:5px;}
.ab-bt{ width:258px; background:#D0D0D0;}
.ab-bb{ font-size:12px; line-height:28px; color:#717171; padding:10px;}

.main-aboutr{ float:right; width:880px;}
.ab-rt{}
.ab-rtl{ font-size:22px; font-family:"微软雅黑"; font-weight:bold; float:left; margin-right:10px;}
.ab-rtr{ float:left; border-bottom:#E8E8E8 1px solid; width:775px; height:22px; color:#A3A3A3;}
.en{ float:left;}
.weizhi{ float:right;}

.ab-rb{ color:#333; font-size: 14px; padding:10px; line-height:28px; margin-top:20px; padding:30px 15px;}

.new{ margin-top:20px; border-bottom:#CCC 1px dashed; padding-bottom:10px; margin-bottom:20px;}
.new-l{ width:230px; height:80px; background:#ECECED; float:left;}
.new-r{}
.new-rt{ font-size:14px; color:#000; font-weight:bold; text-align:left;}
.new-rb{}
.new-rb a:link,a:visited{color:#333; text-decoration: none;}
.new-rb a:hover,a:active{color:#A3A3A3; text-decoration: underline;}

.pr{ float:left; margin-right:30px; margin-top:20px;}
.pr-t{ width:395px; height:215px; background:#ECECED;} 
.pr-b{ height:36px; width:395px; background:#A2A2A2; text-align:center; font-size:14px;  color:#FFF; line-height:36px;}
.fenye{padding: 10px;}

#mybADD1{margin-top:20px; overflow: hidden;}
#mybADD1 .proDiv{width:200px; height:370px; overflow:hidden; background: #000; float: left;}


#mybADD1 img{
	-moz-transition: opacity .7s cubic-bezier(0.2, 0.4, 0.7, 0.8);
    -webkit-transition: opacity .7s cubic-bezier(0.2, 0.4, 0.7, 0.8);
    transition: opacity .7s cubic-bezier(0.2, 0.4, 0.7, 0.8);
    opacity:0.5;
    filter:alpha(opacity=50);
    margin-left: -300px;
    }

#mybADD1:hover img{
    opacity:0.5;
    filter:alpha(opacity=70);
}
#mybADD1:hover img:hover{
    opacity:1;
    filter:alpha(opacity=100);
}

#mybADD1 .txtDiv{position:absolute; color: #FFF; z-index: 999; margin-top: 340px; background: #000; height: 30px; line-height: 30px; width: 200px;opacity:0.5; filter:alpha(opacity=50);}
#mybADD1 .txt{position:absolute; color: #FFF; z-index: 999; margin-top: 340px; height: 30px; line-height: 30px; width: 200px; text-align: center;}

#mybADD1 .txt a:link,#mybADD1 .txt a:visited{color: #FFF;}
#mybADD1 .txt a:hover,#mybADD1 .txt a:active{color: #CCC; text-decoration: none;}

.jtA1:link,.jtA1:visited{ display: block; width: 100%; height: 100%; background: #FFF url(../images/t1.jpg) no-repeat center center;}
.jtA1:hover,.jtA1:active{ background: #FFF url(../images/t1.jpg) no-repeat center center;}

.jtA2:link,.jtA2:visited{ display: block; width: 100%; height: 100%; background: #FFF url(../images/t2.jpg) no-repeat center center;}
.jtA2:hover,.jtA2:active{ background: #FFF url(../images/t2.jpg) no-repeat center center;}

.imgDiv2{display:inline-block; *display:inline; *zoom:1; border:#F6F6F6 solid 2px; text-align:center;}

.imgPro1{ margin:10px 10px; float: left;}
.imgPro2{ margin:0px 5px; float: left; display: inline;}


.imgPro1_tt1{background: #000; color: #FFF; text-align: center; line-height: 28px;}

.imgPro1_tt1 a:link,.imgPro1_tt1 a:visited{color: #FFF;}
.imgPro1_tt1 a:hover,.imgPro1_tt1 a:active{color: #EEE;}




.searchwrap{ margin-left: 30px; height: 30px; width: 260px; border-bottom: 1px solid #000;}
.searchwrap input.inp{ width: 210px; height: 22px; padding: 3px 5px; border: none; background: none; float: left;}
.searchwrap a.sbtn{ display: inline-block; width: 30px; height: 30px; background: url(../img/case/sbtn.png) no-repeat center 4px; float: left;}
.searchwrap a.sbtn:hover{ background: url(../img/case/sbtnh.png) no-repeat center 4px;}
.caseItemTit{ line-height: 28px; font-size: 16px; border-bottom: 1px solid #adadae; color: #333; margin-bottom: 25px;}
.caseItemTit a{ float: right; transition: all .2s;}
.caseItemTit a:hover{ color: #f29300;}
.caseInfo .slidebox{ width: 800px; height: 612px; position: relative; margin-bottom: 25px;}
.caseInfo .slidebox ul li{ width: 800px; height: 612px; position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); z-index: 0;}
.caseInfo .slidebox ul li img{ width: 800px; height: 612px;}
.caseInfo .slidebox a.ar{ display: block; width: 63px; height: 63px; position: absolute; top: 50%; margin-top: -32px; z-index: 5;}
.caseInfo .slidebox a.arleft{ left: 0; background: url(../img/case/arleft.png) no-repeat center; transition: all .2s;}
.caseInfo .slidebox a.arleft:hover{ background: url(../img/case/arlefth.png) no-repeat center;}
.caseInfo .slidebox a.arright{ right: 0; background: url(../img/case/arright.png) no-repeat center; transition: all .2s;}
.caseInfo .slidebox a.arright:hover{ background: url(../img/case/arrighth.png) no-repeat center;}
.caseInfo .casetxt{ font-size: 14px; line-height: 26px; color: #595959;}
.caseInfo .casetxt p{ margin-bottom: 15px;}
.prolistwrap{ width: 800px; overflow: hidden;}
.prolist { width: 630px;}
.prolist li { width: 260px; float:left; margin: 0 10px 15px 0;}
.prolist li a{ display: block; float: left; width: 100%;}
.prolist li a .pimg{ margin-bottom: 3px;}
.prolist li a .pimg img{ width: 260px; height: 172px;}
.prolist li a .ptit{ font-size: 14px; color: #333; transition: all .2s;}
.prolist li a:hover .ptit{ color: #f29300;}