@charset "utf-8";

h1,h2,h3,h4,h5,h6{font-weight:100;}
.wrap{width:1200px;margin:0 auto;max-width:1200px;}


.head{height:100px;width:100%; background: #fff;min-width:1200px;}
.head .logo{width:217px;height:70px;float:left;margin:15px 0 0 0px;}
.head .logo a{width:217px;height:70px;background:url(../img/logo.png) no-repeat;display:block;}

.navbg{width:550px;height:100px;margin:0px 0 0 120px;float:left;text-align:left;}
.nav{width:550px;height:100px;margin:0px; overflow: hidden;}
.nav li{float:left;}
.nav li a{text-align:center;font-size:16px;color:#333;padding:0 20px; line-height:100px;height:100px;margin:0 0 0 10px;display:block;}
.nav li a i{font-style:normal;color:#999;}
.nav li a:hover, .nav li a:hover.on,.nav li a.on,.nav li:hover.on{text-decoration:none;color:#fff; background:#1e8cc8;}
.nav li.cur a{text-decoration:none;color:#fff; background:#1e8cc8;}

.head .tel{float:right;width:197px;font-size:20px;float:right;color:#dc1c1c;font-weight:bold;margin:30px 0 0 0;height:40px;background:url(../img/tels.png) no-repeat 0 center;padding:0 0 0 30px;line-height:40px;}


#qrcode_bg {background: url(../img/code.png); display:none; width:351px; height:184px;z-index:10000; position: relative;right:240px;}



.banners{width:100%;padding:0px;height:500px; background:#fff;overflow: hidden;margin:0 auto;min-width:1200px;clear:both;}
.sbanners{width:100%;background:url(../img/banner.png) center top #fff;padding:0px;height:395px; overflow: hidden; position:relative; z-index: 0;left:0px;top:0px;min-width:1200px;}

/* 广告 */
.fullSlide{width:100%;position:relative;height:500px;background:#ddd;}
.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:30px;background:#ccc;height:5px;margin:1px 2px;overflow:hidden;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f0a000;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:0;z-index:1;width:50px;height:50px;background:url(../img/pcontrol.png) 0px 0px #fff no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:0;background-position:-50px 0px;}


/*首页 start*/
.titles{margin:30px auto 0;width:100%;text-align:center;padding:10px 0;}
.titles h2{color:#333;font-size:24px;}
.titles p{font-size:12px;color:#999;padding:10px 0 0 0;}
.iabout{float:left;width:700px;margin:0 auto;}
.iabout h2{font-size:24px;}
.iabout h5{font-size:18px;padding:20px 0;}
.iabout p{color:#333;font-size:14px; line-height:26px; text-indent: 2em;padding:5px 0 0 0;}
.mores{text-align: center;margin:30px 0; }
.mores a{width:229px;height:85px;text-indent:-9999px;padding:35px 85px;background:url(../img/bton.png) no-repeat center center;color:#fff;}
.mores a:hover{color:#ffc2c0;}

.pnav{ text-align: center;padding:20px 0;margin:10px 0 20px 0;}
.pnav a{ border:1px solid #e2e2e2; background:#fff;padding:10px;color:#999;margin:0 5px;font-size:16px;}
.pnav a:hover,.pnav a.on{ border:1px solid #5078c8; background:#5078c8;color:#fff;}

.plist{overflow: hidden;width:1100px;margin:0 auto;}
.plist ul{width:1120px;float:left;}
.plist ul li{width:200px;height:130px;float:left;margin:0 10px 20px 10px;}



.plist ul li .pic{border:1px solid #E0E0E0;width:198px;height:100px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:125px;*font-family:Arial;overflow:hidden;}
.plist ul li .pic img{vertical-align:middle; max-height:100%; max-width:100%;}


.plist ul li a h3{width:100%;float:left;font-size:18px;display:block;text-align:center;background:#fff;}



.ads{ background:url(../img/ads.png) no-repeat center center;height:266px;min-width:1200px;}


.nlist{}
.nlist ul li{width:33.33%;height:280px;float:left;margin:0;}
.nlist ul .more{font-size:12px;padding:10px 0;}
.nlist ul li h3{font-size:14px;padding:10px 0;}
.nlist ul li p{ height:100px;color:#999;padding:0 20px 0 0; line-height:22px;}
.nlist ul .times{font-size:24px; border-bottom:1px solid #e6e6e6;padding:20px 0; height:auto;width:100%; color:#9e9e9e;line-height:30px;height:50px;}


.quick{padding:20px 0;width:1200px;margin:0 auto;height:auto;min-width:1200px; overflow: hidden;}
.quick ul li{float:left;width:15%;text-align:center;margin:0 2% 2% 0;}
.quick ul li a{display:block;background:#eee;border-radius:20px;color:#333;height:40px;line-height:40px;}
.quick ul li:nth-child(6n){margin-right:0;}
.quick ul li a:hover{background:#0757b0;color:#fff;}

.probg{ background:url(../img/probg.png) no-repeat top center;height:480px;padding:20px 0;width:100%;min-width:1200px;}
.proli{width:100%;display:block;float:left;}
.proli ul li{width:22%;float:left;margin:0 4% 2% 0;}
.proli ul li:nth-child(4n){margin-right:0;}


.proli ul li .pic{border:1px solid #E0E0E0;width:262px;height:150px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:125px;*font-family:Arial;overflow:hidden;}
.proli ul li .pic img{vertical-align:middle; max-height:100%; max-width:100%;}
.proli ul li h3{text-align:center;width:100%;padding:10px 0;}


.solli{width:100%;display:block;float:left;}
.solli ul li{width:22%;float:left;margin:0 4% 2% 0;}
.solli ul li:nth-child(4n){margin-right:0;}
.solli ul li a{background:#f1f1f1;padding:5%;width:90%;display:block;}
.solli ul li .pic{border:1px solid #E0E0E0;width:262px;height:150px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:125px;*font-family:Arial;overflow:hidden;}
.solli ul li .pic img{vertical-align:middle; max-height:100%; max-width:100%;}
.solli ul li h3{width:100%;padding:10px 0;font-size:18px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}
.solli ul li p{width:100%;height:96px;line-height:24px;overflow:hidden;}
.solli ul li span{text-align:center;border:1px solid #999;width:100px;border-radius:20px;padding:10px 20px;background:#fff;display:block;margin:10px auto;}


.pnewli{ background:#fff;}
.pnewli li{width:100%;float:left;border-bottom:1px solid #f0f0f0;height:160px;margin:0 0 30px 0;}
.pnewli li a{display:block;width:100%;height:130px; background:#fff;}
.pnewli li a:hover{ background:#f1f1f1;}
.pnewli li .pic img{}
.pnewli li .excerpt{padding:10px 0 0 0;font-size:18px;eight:100px;}
.pnewli li .excerpt p{font-size:12px;padding:30px 0 0 0;}
.pnewli li .timeb{padding:30px 0 0 0;text-align:center;font-size:30px;background:url(../img/jianb.png) no-repeat 70px 70px;color:#9e9e9e;height:100px;}


.scrollBox{width:1200px;padding:10px;position:relative;}
.scrollBox .ohbox{overflow:hidden; position:relative;width:818px;left:60px}
.scrollBox {position:relative;overflow:hidden;zoom:1;}
.scrollBox .pageBtn span{ background:url(../img/pcontrol.png) no-repeat; display:block;width:50px;height:50px;position:absolute;top:50px;cursor:pointer;text-indent:-999em;overflow:hidden; }
.scrollBox .pageBtn .prev{left:0px;background-position:0px 0px;}
.scrollBox .pageBtn .next{right:0px;background-position:-50px 0px;}
.scrollBox .pageBtn .list{overflow:hidden;zoom:1;margin:0 0 0 570px;}
.scrollBox .pageBtn .list li{ background:#666;border-radius:50%;float:left;display:inline;width:10px;height:10px;cursor:pointer;margin:0 5px;line-height:10000px;overflow:hidden;  }
.scrollBox .pageBtn .list li.on{background:#ea4a3f;}

/*内页*/
.pagel{width:240px;float:left;}
.pager{width:910px;float:right;padding:20px 0 50px 0; min-height:300px;}
.local{border-bottom:1px solid #ccc;margin:10px 0 20px 0;}
.local h2{font-size:26px;color:#000;}
.local p{color:#999;padding:5px 0;}


.snavb{width:100%;}
.snavb ul li{float:left;width:100%;}
.snavb ul li a{font-size:16px; height:45px; line-height:45px; display:block; background:url(../img/snavbg.gif) no-repeat 0px 15px #fff; border-bottom:1px solid #cfd1ce;padding:0 0 0 15px; color:#333;}
.snavb ul li a:hover{background:url(../img/snavbgon.gif) no-repeat 0px 15px #fff;color:#5078c8;}
.snavb ul li a.on{background:url(../img/snavbgon.gif) no-repeat 0px 15px #fff;color:#5078c8;}
.snavb ul li:hover.on{background:url(../img/snavbgon.gif) no-repeat 0px 15px #fff;color:#5078c8;}

.pager .txt{ line-height:22px;}




.brandc{width:1200px;margin:0 auto;height:601px;}
.brandl{background:url(../img/k.gif) no-repeat;width:606px;height:606px;float:left;overflow:hidden;padding:1px;}
.brandl ul li{width:200px;height:200px;background:#fff;float:left;margin:1px; position:relative;}
.brandl ul li img{width:200px;    height:200px;  position:absolute;  left:0px;  top:0px;  z-index:2;  overflow:hidden;}
.brandl ul li a{ display: block;  float: left;  margin:0px;  width:200px;  height:200px;  text-align: center;  position: relative;}
.brandl img{width:200px; height:200px;}
.brandl .info{  display: none;  background-color: #fff; color: #333; line-height: 200px;}
#horizontal img{position: absolute;  top: 0;  left: 0;}
#horizontal .info{ width:200px;height: 0;  top:100px;  position: absolute;  left: 0; font-size: 24px;}
a:hover{ text-decoration: none;}


.brandr{width:510px;float:right; text-align: right;padding:100px 0 0 0;}
.brandr p{padding:10px 0;}
.brandr .text{padding:20px 0;}
.brandr .text p{text-indent:2em;text-align:left; line-height:28px;}
.brandr a{border:1px solid #999;padding:10px 30px;color:#666;}
.brandr a:hover{ background: #00a0e9;border:1px solid #00a0e9;color:#fff; text-decoration: none;}

.downs{text-align:center;clear:both;display: block;width:100%;height:70px;padding:20px 0 0 0;}
.downs a{padding:0 30px 30px 30px;background:url(../img/down.png) no-repeat center center;}




.job{width:1200px;margin:0 auto;hegiht:580px;}
.jobl{float:left;width:414px;height:271px;background:url(../img/job.png);padding:300px 0 0 100px;color:#fff;line-height:24px;}
.jobr{float:left;width:564px;height:571px;border-left:1px solid #666;padding:0 0 0 35px;margin:0 0 0 85px;}
#joblist{ width:540px;height:570px;margin:0px auto; overflow: hidden;}
.zUIpanelScrollBox,.zUIpanelScrollBar{width:7px;  top:4px;  right:2px;}
.zUIpanelScrollBox{  background:url(../img/dian.gif) repeat-y center;}
.zUIpanelScrollBar{ background:#666;height:40px;}

.accordion {width:514px;height:auto;margin:0px;}
.accordion .link {cursor: pointer;display: block;padding:30px 0 30px 5px;color: #4D4D4D;font-size:18px;font-weight:100;border-bottom: 1px solid #CCC;position: relative;-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;  transition: all 0.4s ease;}
.accordion li:last-child .link {border-bottom: 0;}
.accordion li i {position: absolute;top:32px;left: 12px;font-size: 18px;color: #595959;    -webkit-transition: all 0.4s ease;    -o-transition: all 0.4s ease;    transition: all 0.4s ease;}
.accordion li i.fa-chevron-down {right: 12px;left: auto;font-size: 16px;background:url(../img/downs.png) no-repeat center center;width:14px;height:14px;}
.accordion li.open .link {color: #b63b4d;}
.accordion li.open i {color: #b63b4d;}
.accordion li.open i.fa-chevron-down {  -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.submenu {display: none;background: #fff;padding:20px;font-size: 14px;}


.proad{width:380px;float:left;height:380px;}
.pronav{width:790px;float:left;background:url(../img/promenubg.gif) no-repeat;height:350px;padding:30px 0 0 30px;}
.protit{color:#cdcbcc;font-size:24px;}
.protit h4{font-weight:bold;}
.protit h4 span{color:#a1cf49;}
.protit p{ text-decoration: underline;height;30px;line-height:30px;padding:15px 0;}

.procate{background:url(../img/procage.gif) no-repeat 0 16px;padding:0 0 0 35px;width:750px;height:200px;margin:30px 0 0 0;}
.procate dl{width:780px;float:left;padding:20px 0;font-size:18px;}
.procate dl dt{float:left; background:url(../img/jianc.gif) no-repeat right center;padding:0 10px 0 0;margin:0 5px 0 0;}
.procate dl dt a{color:#a3cf4b;}
.procate dl dd{float:left;}
.procate dl dd a{color:#fff;padding:5px;}
.procate dl dd a:hover{background:#0050a0;color:#fff;padding:5px;}



/*首页 end*/
.location{ border-bottom:1px solid #0d7ab4;height:100px;margin-top:-50px; position: relative;z-index:10000;}
.location .a{width:260px;height:70px;background:url(../img/stit.png) no-repeat;float:left; text-align:center;color:#fff;padding:30px 0 0 0;font-weight:500;}
.location .a h2{font-size:30px;padding:0 0 10px 0;}
.location .b{height:30px;line-height:30px;float:right;margin:60px 0 0 0;}
.location .a a{color:#fff;}
.pagel{width:260px;float:left; min-height:300px;}
.pager{width:900px;float:right;padding:20px 0 50px 0;min-height:300px;}
.pagelnav{padding:30px 0 50px 0; background:#fff;}
.pagelnav li a{height:60px;line-height:60px;padding:0 0 0 80px;font-size:16px;color:#999;display: block;margin:0 0 10px 0;}
.pagelnav li a:hover,.pagelnav li a.on{background:url(../img/snav.png) no-repeat 0px center; color:#ee1c25; text-decoration:none;}


.pager .txt{padding:10px; line-height:28px;}
.pnewli{ background:#fff;}
.pnewli li{width:100%;float:left;border-bottom:1px solid #f0f0f0;height:160px;margin:0 0 30px 0;}
.pnewli li a{display:block;width:100%;height:130px; background:#fff;}
.pnewli li a:hover{ background:#f1f1f1;}
.pnewli li .pic img{}
.pnewli li .excerpt{padding:10px 0 0 0;font-size:18px;eight:100px;}
.pnewli li .excerpt p{font-size:12px;padding:30px 0 0 0;}
.pnewli li .timeb{padding:30px 0 0 0;text-align:center;font-size:30px;background:url(../img/jianc.gif) no-repeat 70px 70px;color:#9e9e9e;height:100px;}


.pagination{display: inline-block;padding-left: 0;margin: 10px 0;border-radius: 0;}
.pagination li {display: inline;}
.pagination li a:hover {border-color: #f0a000;color: #f0a000;background-color: #FFF;}
.pagination li a,.pagination li span{position: relative;  float: left;  padding: 5px 10px;  font-size: 14px !important;  line-height: 1.42857143 !important;text-decoration: none;  color: #000;  background-color: #fff;  border: 1px solid #e5e5e5;  margin-left: 0px;  }
.pagination .active span{z-index: 2;  color: #fff;  background-color: #f0a000; border-color: #f0a000; cursor: default;}



.iproli{width:1200px;overflow:hidden;}
.iproli ul{width:1230px;float:left;}
.iproli ul li{float:left;width:380px;height:470px;margin:0 30px 0 0}
.iproli ul li p{border:5px solid #ccc;width:350px;height:40px; float: left;padding:10px; text-align: center;font-size:16px;}

.iproli ul li a.img{width:380px;height:380px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:125px;*font-family:Arial;overflow:hidden;}
.iproli ul li a.img img{vertical-align:middle;height:380px;}




.weare span{font-size:30px; border-bottom: 2px solid #000;padding:0 0 5px 0;height:30px;line-height:30px;}
.weare p{text-indent:2em;padding:30px 0 0 0;line-height:21px;}
.wel{width:720px;float:left;}
.wer{width:460px;float:right;}
.txta{height:165px;}
.txtb{float:left;width:280px;}


.prointr{background:url(../img/mobile.png) no-repeat right center; height:540px;border-bottom:1px solid #ccc;min-width:1200px;max-width:1200px;}
.proint{width:690px;float:left;}
.prointxt{text-indent:2em;font-size:18px;line-height:28px;padding:10px 0;}
.prointxt a{color:#285096;padding:0 0 0 20px;}
.dianl{background:url(../img/dian.png) no-repeat left center;height:15px;}
.dianr{background:url(../img/dian.png) no-repeat right center;height:15px;}
/*快速导航*/





.protd{background:url(../img/product.gif) no-repeat center top #ccc;height:605px;min-width:1200px;}
.prtd{width:1200px;margin:0 auto;position:relative;height:605px;}


.prtda{float:left;overflow:hidden;width:243px;height:210px;margin:0px;position:absolute;left:33px;top:40px;}



.prtda .mosaic-overlay {opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";filter:alpha(opacity=00);background:url(../img/tdica.png) no-repeat;display:table-cell;vertical-align:middle;text-align:center;
    transition:all 0.5s;-moz-transition:all 0.8s; /* Firefox 4 */-webkit-transition:all 0.8s; /* Safari and Chrome */-o-transition:all 0.8s; /* Opera */
}
.prtda .mosaic-overlay .details{color:#000;font-size:18px;padding:75px 0 0 0;line-height:24px;text-shadow: 2px 2px 2px #000;}
.prtda span,.prtdb span,.prtdc span,.prtdd span,.prtde span,.prtdf span,.prtdg span,.prtdh span{position:absolute;z-index:0;left:0px;right:0;bottom:0px;height:0px;background:url(../img/kk.png) no-repeat center top; display:block;width:243px;transition:all 0.5s;-moz-transition:all 0.5s; /* Firefox 4 */-webkit-transition:all 0.5s; /* Safari and Chrome */-o-transition:all 0.5s; /* Opera */filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.prtda:hover span.bg,.prtdb:hover span.bg,.prtdc:hover span.bg,.prtdd:hover span.bg,.prtde:hover span.bg,.prtdf:hover span.bg,.prtdg:hover span.bg,.prtdh:hover span.bg{height:210px;}

.prtdb{float:left;overflow:hidden;width:243px;height:210px;margin:0px;position:absolute;left:214px;top:144px;}
.prtdb .mosaic-overlay {transition:all 0.5s;-moz-transition:all 0.8s; /* Firefox 4 */-webkit-transition:all 0.8s; /* Safari and Chrome */-o-transition:all 0.8s; /* Opera */opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";filter:alpha(opacity=00);background:url(../img/tdicb.png) no-repeat;display:table-cell;vertical-align:middle;text-align:center;}
.prtdb .mosaic-overlay .details{color:#fff;font-size:18px;padding:75px 0 0 0;line-height:24px;text-shadow: 2px 2px 2px #000;}

.prtdc{float:left;overflow:hidden;width:243px;height:210px;margin:0px;position:absolute;left:393px;top:38px;}
.prtdc .mosaic-overlay {transition:all 0.5s;-moz-transition:all 0.8s; /* Firefox 4 */-webkit-transition:all 0.8s; /* Safari and Chrome */-o-transition:all 0.8s; /* Opera */opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";filter:alpha(opacity=00);background:url(../img/tdicd.png) no-repeat;display:table-cell;vertical-align:middle;text-align:center;}
.prtdc .mosaic-overlay .details{color:#fff;font-size:18px;padding:75px 0 0 0;line-height:24px;text-shadow: 2px 2px 2px #000;}

.prtdd{float:left;overflow:hidden;width:243px;height:210px;margin:0px;position:absolute;left:395px;top:246px;}
.prtdd .mosaic-overlay {transition:all 0.5s;-moz-transition:all 0.8s; /* Firefox 4 */-webkit-transition:all 0.8s; /* Safari and Chrome */-o-transition:all 0.8s; /* Opera */opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";filter:alpha(opacity=00);background:url(../img/tdice.png) no-repeat;display:table-cell;vertical-align:middle;text-align:center;}
.prtdd .mosaic-overlay .details{color:#fff;font-size:18px;padding:75px 0 0 0;line-height:24px;text-shadow: 2px 2px 2px #000;}

.prtde{float:left;overflow:hidden;width:243px;height:210px;margin:0px;position:absolute;left:574px;top:141px;}
.prtde .mosaic-overlay {transition:all 0.5s;-moz-transition:all 0.8s; /* Firefox 4 */-webkit-transition:all 0.8s; /* Safari and Chrome */-o-transition:all 0.8s; /* Opera */opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";filter:alpha(opacity=00);background:url(../img/tdicf.png) no-repeat;display:table-cell;vertical-align:middle;text-align:center;}
.prtde .mosaic-overlay .details{color:#fff;font-size:18px;padding:75px 0 0 0;line-height:24px;text-shadow: 2px 2px 2px #000;}

.prtdf{float:left;overflow:hidden;width:243px;height:210px;margin:0px;position:absolute;left:755px;top:36px;}
.prtdf .mosaic-overlay {transition:all 0.5s;-moz-transition:all 0.8s; /* Firefox 4 */-webkit-transition:all 0.8s; /* Safari and Chrome */-o-transition:all 0.8s; /* Opera */opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";filter:alpha(opacity=00);background:url(../img/tdicg.png) no-repeat;display:table-cell;vertical-align:middle;text-align:center;}
.prtdf .mosaic-overlay .details{color:#fff;font-size:18px;padding:75px 0 0 0;line-height:24px;text-shadow: 2px 2px 2px #000;}

.prtdg{float:left;overflow:hidden;width:243px;height:210px;margin:0px;position:absolute;left:755px;top:244px;}
.prtdg .mosaic-overlay {transition:all 0.5s;-moz-transition:all 0.8s; /* Firefox 4 */-webkit-transition:all 0.8s; /* Safari and Chrome */-o-transition:all 0.8s; /* Opera */opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";filter:alpha(opacity=00);background:url(../img/tdich.png) no-repeat;display:table-cell;vertical-align:middle;text-align:center;}
.prtdg .mosaic-overlay .details{color:#fff;font-size:18px;padding:75px 0 0 0;line-height:24px;text-shadow: 2px 2px 2px #000;}

.prtdh{float:left;overflow:hidden;width:243px;height:210px;margin:0px;position:absolute;left:934px;top:140px;}
.prtdh .mosaic-overlay {transition:all 0.5s;-moz-transition:all 0.8s; /* Firefox 4 */-webkit-transition:all 0.8s; /* Safari and Chrome */-o-transition:all 0.8s; /* Opera */opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";filter:alpha(opacity=00);background:url(../img/tdici.png) no-repeat;display:table-cell;vertical-align:middle;text-align:center;}
.prtdh .mosaic-overlay .details{color:#fff;font-size:18px;padding:75px 0 0 0;line-height:24px;text-shadow: 2px 2px 2px #000;}

.prtd a{text-decoration: none;}




.iad{width:1200px;margin:0 auto;position:relative;height:645px;}
.iada{float:left;overflow:hidden;width:510px;height:320px;position: absolute;left:0;top:0;background:#ccc;}
.iad .mosaic-backdrop{ display:none;position:absolute;top:0;height:130px;width:243px;padding:0px 0 0 0px;text-align:center;}

.mosaic-overlay{display:none;z-index:5;position:absolute;width:100%;height:100%;}
.iada .mosaic-overlay {opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";filter:alpha(opacity=00);background:url(../img/k.png) no-repeat center -50px;display:table-cell;vertical-align:middle;text-align:center;}
.iada .mosaic-overlay .details{color:#fff;font-size:18px;padding:80px 0 0 0;line-height:24px;}
.iad .mosaic-overlay .details h5{font-size:24px;color:#fff;padding:10px 0;}
.iad .mosaic-overlay .details p{font-size:14px;color:#fff;}

.iadb{float:left;overflow:hidden;width:350px;height:320px;position: absolute;left:515px;top:0;background:#ddd;}
.iadb .mosaic-overlay {opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";filter:alpha(opacity=00);background:url(../img/k.png) no-repeat center -50px;display:table-cell;vertical-align:middle;text-align:center;}
.iadb .mosaic-overlay .details{color:#fff;font-size:18px;padding:80px 0 0 0;line-height:24px;}

.iadc{float:left;overflow:hidden;width:350px;height:320px;position: absolute;left:0;bottom:0;background:#999;}
.iadc .mosaic-overlay {opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";filter:alpha(opacity=00);background:url(../img/k.png) no-repeat center -50px;display:table-cell;vertical-align:middle;text-align:center;}
.iadc .mosaic-overlay .details{color:#fff;font-size:18px;padding:80px 0 0 0;line-height:24px;}

.iadd{float:left;overflow:hidden;width:510px;height:320px;position: absolute;left:355px;bottom:0;background:#666;}
.iadd .mosaic-overlay {opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";filter:alpha(opacity=00);background:url(../img/k.png) no-repeat center -50px;display:table-cell;vertical-align:middle;text-align:center;}
.iadd .mosaic-overlay .details{color:#fff;font-size:18px;padding:80px 0 0 0;line-height:24px;}

.iade{float:left;overflow:hidden;width:330px;height:645px;position: absolute;right:0;top:0;background:#333;}
.iade .mosaic-overlay {opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";filter:alpha(opacity=00);background:url(../img/k.png) no-repeat center 0px;display:table-cell;vertical-align:middle;text-align:center;}
.iade .mosaic-overlay .details{color:#fff;font-size:18px;padding:80px 0 0 0;line-height:24px;}


.iad a{color:#fff;}
.iad a:hover{ text-decoration:none;}

/*会员*/
.meb{border:1px solid #eee;background:#f7f7f7;margin:50px 0  0 0;}
.meb .title{ text-align: center;font-size:24px;padding:20px;border-bottom: 1px solid #e3e3e3;}
.meb .logins{width:400px;margin:0 auto;border:1px solid #ccc;padding:20px; background:#fff;}
.meb .logins ul li{height:40px;line-height:40px;margin:0 0 10px 0;}
.meb .logins ul li .lginput{height:38px;line-height:38px;border:1px solid #ccc;width:324px;padding:0 0 0 4px;}
.meb .logins ul li label{float:left;width:70px;}
.meb .logins ul li span{float:right;}
.meb .logins ul li span img{vertical-align:middle;}
.meb .logins ul li .btn{padding: 10px 12px; background:#00a0e9; color:#fff;border:1px solid #0085c1;width:400px; cursor: pointer;}
.lgreg{text-align: center;padding:20px 0 0 0;}
.lgreg a{color:#f60;}.lgreg a:hover{color:#999;}

.mebl{width:280px;float:left;}
.mebl a{width:250px;height:50px;line-height:50px;display: block; background: #cdcdcd;color:#000; border-bottom:1px solid #fff;padding:0 0 0 30px;}
.mebl a:hover{background: #00a0e9;color:#fff;}
.mebr{width:810px;float:left;padding:40px;border-left:1px solid #e3e3e3;}
.mebr .control-group{padding:10px 0;}



/*提交留言*/
.msgbg{background:url(../img/ka.png) no-repeat center center;height:530px;min-width:1200px;}
.msgtit{color:#fff;float:left;width:600px;padding:90px 0 0 120px;}
.msgtit h1{font-size:48px;height:50px;line-height:50px;}
.msgtit h2{font-size:22px;height:30px;line-height:30px;padding:20px 0 0 0;}
.msgtit ul{padding:130px 0 0 60px;}
.msgtit ul li{font-size:18px;line-height:32px;height:32px; list-style-type: disc;}
.msg{padding:95px 0 0 0;}
.msg li{padding:5px 0;}
.msg .msginp{border-radius:5px;background:#fff;height:45px;width:320px;padding:0 0 0 30px;}
.msg .msgtex{border-radius:5px;background:#fff;height:85px;width:320px;padding:5px 0 0 30px;}
.msg .msgsub{border-radius:5px;background:#285096;width:350px;font-size:18px;border:1px solid #e68232;color:#e68232;height:45px; text-align: center; cursor:pointer;}
.msg .icona{background:url(../img/icoa.gif) no-repeat 3px 10px #fff;}
.msg .iconb{background:url(../img/icob.gif) no-repeat 3px 7px #fff;}
.msg .iconc{background:url(../img/icoc.gif) no-repeat 3px 7px #fff;}
.msg .icond{background:url(../img/icod.png) no-repeat 5px 12px #fff;}


    /*首页 end*/


.news{width:590px;height:490px;border:1px solid #c8c8c8;}
.ntitle{background: #c8c8c8;height:50px;line-height:50px;padding:0 20px;}
.ntitle h2{float:left;font-size:18px;}
.ntitle span{float:right;}
.newspic{padding:20px;height:120px;}
.newspic img{float:left;margin:0 10px 0 0;}
.newspic h4{font-size:16px;font-weight:bold;padding:5px 0 0 0;}
.newspic p{ padding:5px 0 0 0;color:#666;line-height:22px;}
.newspic p a{color:#f00;}
.newsli{padding:0 20px;}
.newsli li{float:left;width:100%; height:35px; line-height:35px;}
.newsli li h5{background: url(../img/jianb.gif) no-repeat 0 14px;padding:0 0 0 15px;float:left;font-size:14px;}
.newsli li span{float:right;font-size:12px;color:#999;}




.prolist{width:950px;height:570px;float:right;overflow:hidden;}
.prolist ul{width:960px;float:left;}
.prolist ul li{width:220px;border:1px solid #cfcfcf;height:270px;float:left;margin:0 10px 10px 0;padding:4px;}
.prolist ul li img{width:220px;height:220px;float:left;}
.prolist ul li p{width:220px;height:40px;padding:5px 0 0 0;line-height:20px;text-align:center;float:left;}



.caseli{width:1200px; overflow:hidden;max-width:1200px;}
.caseli ul{width:1220px;float:left;}
.caseli ul li{width:285px;float:left;margin:0 20px 0 0;}
.caseli ul li img{border:1px solid #c8c8c8;}
.caseli ul li p{width:285px;text-align:center;height:30px;line-height:30px;}



/*内页开始*/
.bl10{height:10px;display:block;overflow:hidden;clear:both;}
.bl15{height:15px;display:block;overflow:hidden;clear:both;}
.bl25{height:25px;display:block;overflow:hidden;clear:both;}
.bl20{height:20px;display:block;overflow:hidden;clear:both;}
.bl70{height:70px;display:block;overflow:hidden;clear:both;}
.bl80{height:80px;display:block;overflow:hidden;clear:both;}
.bl40{height:40px;display:block;overflow:hidden;clear:both;}


.aboutus{padding:10px 0 0px;line-height:22px;}
.aboutus .pic{float:left;width:100%;padding:3px 0;}
.aboutus .txt{ float:left;width:100%;padding:30px 0;font-size:14px;margin:0px;border-bottom:1px solid #ccc;}

.contactus{padding:10px 10px 50px;line-height:28px; height:200px;background:url(../img/contact.png) no-repeat center center;}
.contactus h1{padding:0;font-size:40px;margin:0 0 10px 0;}
.contactus p{padding:30px 0 0 0px;font-size:20px;}
.map-canvas{padding:0px;width:880px;height:450px;border:1px solid #ccc;float:left;}
.contact-info{width:370px;float:left;padding:10px;}
.contact-info h5{font-size:24px;font-weight:bold;padding:10px 0;}
.page{background:#fff;width:100%;margin:0 auto;}




.pagination{display: inline-block;padding-left: 0;margin: 10px 0;border-radius: 0;}
.pagination li {display: inline;}
.pagination li a:hover {border-color: #f0a000;color: #f0a000;background-color: #FFF;}
.pagination li a,.pagination li span{position: relative;  float: left;  padding: 5px 10px;  font-size: 14px !important;  line-height: 1.42857143 !important;text-decoration: none;  color: #000;  background-color: #fff;  border: 1px solid #e5e5e5;  margin-left: 0px;  }
.pagination .active span{z-index: 2;  color: #fff;  background-color: #f0a000; border-color: #f0a000; cursor: default;}
.kcontact{padding:10px;line-height:28px;}
.kcontact h3{font-weight:bold;font-size:18px;padding:0 0 10px 0;}

.newsdetail{padding:0px;margin:10px 0 0 0;}
.newsdetail h1.title{font-size:32px;background:#f9f9f9;padding:20px 0;text-align:center;}
.newsdetail .text{text-align:center;font-size:16px;width:100%;padding:10px 0;}
.bdsharebuttonbox{margin:0 auto;width:245px;}

.detailpic{margin:20px 0;text-align:center;width:1200px;overflow:hidden;}
.detailpic ul{width:1260px;float:left;}
.detailpic ul li{width:570px;height:430px;float:left;margin:0 60px 30px 0; background: #fff;}
.detailpic ul li a.img{border:1px solid #ccc;width:568px;height:428px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:125px;*font-family:Arial;overflow:hidden;}
.detailpic ul li a.img img{vertical-align:middle;}


.prdetailtit{ border-bottom:1px solid #ccc;height:40px;line-height:40px;padding:0 0 0 20px; position: relative;}
.prdetailtit h3{font-size:24px; border:1px solid #ccc;width:150px;border-bottom:none;color:#00a0e6; text-align:center;background:#fff; position: absolute;bottom:-1px;}
.conn{padding:20px 0;width:900px;overflow:hidden;}
.conn p{line-height:22px;}
.conn img{max-width:900px;}
.pagef{margin: 20px 0;padding:0 0 50px 0;list-style: none;  text-align: center; border-bottom: 1px solid #ccc;}
.pagef li {display: inline;}
.pagef .previous{float: left;}
.pagef .next{float: right;}
.pagef li a,.pagef li span { text-decoration: none; display: inline-block;  padding:10px 14px;  border: 1px solid #ddd;  border-radius: 15px;font-size:16px;}
.pagef .previous a,.pagef .next a { display: inline-block;  text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;  border-radius: 10px;}
.pagef li a:hover, .pagef li a:focus {background-color: #eee;}

.ppicli{width:900px;overflow:hidden;}
.ppicli ul{width:930px;float:left;}
.ppicli ul li{width:280px;float:left;height:296px;margin:0 28px 10px 0; position: relative;}
.ppicli ul li a.img{width:278px;height:264px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:125px;*font-family:Arial;border:1px solid #ccc;overflow:hidden;}
.ppicli ul li a.img img{vertical-align:middle;}
.ppicli ul li a.img:hover{border:1px solid #F90;}
.ppicli ul li h3{color:#999;font-size:14px; }
.ppicli ul li h3 a{width:300px;height:30px;line-height:30px;text-align: center;font-size:16px;display:block;padding:0;}
.ppicli ul li h3 a:hover{text-decoration:none;color:#999;}

.ppicli ul li h3 a:hover p{color:#000;}



/*内页结束*/


.footer{background:#333;width:100%;color:#999;font-size:14px;clear:both;padding:40px 0 30px 0;min-width:1200px; text-align: center;}

.fnav{width:460px;height:30px;margin:0 auto;}
.fnav ul li{float:left;}
.fnav ul li a{padding:0 10px 0;}

.footer p{padding:5px 0; line-height:24px;height:24px;}
.footer p span{padding:5px 20px; background:#ccc;}
.footer .fica{ background: url(../img/ditu.png) no-repeat 0px 6px;}
.footer .ficb{ background: url(../img/tel.png) no-repeat 0px 6px;}
.footer .ficc{ background: url(../img/email.png) no-repeat 0px 7px;padding-left:25px;}
.footer a{color:#999;}
.footer a:hover{color:#fff;}


/*留言反馈*/
.feedback{display:none;width:330px;height:300px;padding:20px;}
.feedback li{width:100%;float:left;margin:0 0 10px 0;}
.feedback li span{width:80px;float:left;}
.msginp{width:324px;border:1px solid #ccc;height:42px;padding:0 0 0 4px;}
.msgsel{width:140px;border:1px solid #ccc;height:44px;padding:0;}
.msginpb{width:140px;border:1px solid #ccc;height:42px;padding:0 0 0 4px;}
.msgsub{width:330px; background:#00a0e6;border:none;border-radius:4px;padding:10px 0;color:#fff;font-size:18px;}
.msgtex{width:324px;border:1px solid #ccc;height:65px;padding:0 0 0 4px;}


#server{display:none;}

/*Top按钮*/
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
.tbox{width:65px;float:right;border-radius:30px;background:#00a0e6;height:330px;position:fixed;right:35px;top:30%;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px;}/*解决IE6下不兼容 position:fixed 的问题*/
.tbox ul li{position:relative;cursor:pointer;}
.tbox .shows{position:absolute;left:-150px;top:-1px;width:150px;height:67px;background:#0595d4;display:none;line-height:65px;padding:0; text-align:center;font-size:18px;}
.tbox .llogo{width:65px;height:70px;background:url(../img/llgogo.png) no-repeat center center;border-bottom:1px solid #0687c0;}
.tbox .llogo:hover{border-radius:30px 30px 0 0;}
.tbox .lsheji{width:65px;height:25px;background:url(../img/ldesign.png) no-repeat center 5px;padding:40px 0 0 0;border-bottom:1px solid #0687c0;}
.tbox .lserver{width:65px;height:25px;background:url(../img/lserver.png) no-repeat center 5px;padding:40px 0 0 0;border-bottom:1px solid #0687c0;}
.tbox .ltel{width:65px;height:25px;background:url(../img/ltel.png) no-repeat center 5px;padding:40px 0 0 0;border-bottom:1px solid #0687c0;}
.tbox #gotop{width:65px;height:60px;background:url(../img/lup.png) no-repeat center 20px;}
.tbox #gotop:hover{ text-decoration:none;background-color:#0595d4;border-radius:0 0 30px 30px;}
.tbox a{ text-align:center;display:block;color:#fff;background:#00a0e6;}
.tbox a:hover{ text-decoration:none;background-color:#0595d4;}
.tbox ul li:hover .shows{display:block;}