@charset "utf-8";
/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,pre,th,td,dl,dd,form,fieldset,legend,article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
  display: block;
}
a { background-color: transparent; color:#333; text-decoration:none;}
a:active,a:hover{ color:#a5a5a5;}
abbr[title] {  border-bottom: 1px dotted;}
ol,dl,dt,dd,ul,li{list-style:none}
img{border:0; vertical-align:middle;}
.txtLeft{ text-align:left;}
.txtcenter{ text-align:center;}
.txtRight{ text-align:right;}
/****** Background color ******/
.whiteBg{ background:#fff;}
.bgOrg{ background:#ef4700;}
.bgGary{ background:#f3f3f3;}
.bgBlack{ background:#000;}
.bgRed{ background:#ce2027; box-shadow:0 2px 3px #2b2b2b;}
.bg029fcd{ background:#029fcd;}
.bg7d4d75{ background:#7d4d75;}
.bgE9{ background:#e9e9e9;}
/****** Text indent ******/
.t0em{ text-indent:0em;}
.t2em{text-indent:2em;}

/****** Font Size ******/
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f15{ font-size:15px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f22{ font-size:22px;}
.f24{ font-size:24px;}
.f26{ font-size:26px;}
.f28{ font-size:28px;}
.f30{ font-size:30px;}
.f32{ font-size:32px;}
.f36{ font-size:36px;}
.f40{ font-size:40px;}
.f48{ font-size:48px;}


/****** Font Color *****/
.fBlue{ color:#2278c4;}
.fRed{ color:#ce2027;}
.fOrange{ color:#ff6300;}
.fGray{ color:#8a8a8a;}
.fWhite{ color:#fff;}

/****** font Attribute ******/
.fB{font-weight: bold;}
.fN{ font-weight:normal;}
.fI{font-style: italic;}
.fsN{ font-style:normal;}
.u{ text-decoration:underline;}
.v-aTop{ vertical-align:top;}
.txtUpp{text-transform: uppercase;}

/* margin padding */
.mR15{ margin-right:15px;}
.mB0{margin-bottom:0;}
.mB5{margin-bottom:5px;}
.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px;}
.mB20{margin-bottom:20px;}
.bdn{ border:none;}
.pad10{ padding:10px;}
.pad15{ padding:15px;}
.pad20{ padding:20px;}
.padB20{ padding-bottom:20px;}
.padT5{ padding-top:5px;}
.padT10{ padding-top:10px;}
.padT15{ padding-top:15px;}
.padT20{ padding-top:20px;}
.padL10{ padding-left:10px;}
.padL{ padding-left:100px;}

.lh150{ line-height:150%;}
.greeLine{ border-radius:10px;border:1px solid #53b333;}
.clear{clear: both;}
.clearer{clear:both; font-size:1px; width:100%; height:1px; visibility: hidden;overflow:hidden}
/* Clear Fix */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{display:inline-block; }
/* Hide from IE Mac \*/
.clearfix{display:block;}
/* End hide from IE Mac */
/* end of clearfix */
.hide{ display:none;}
.block {
    display:block;
}
.dis{display:block;} 
.undis{display:none;} 

body{ font-size:12px;font-family:'Microsoft YaHei', \5FAE\8F6F\96C5\9ED1; line-height:150%;}

#wrap{width: 100%;background-color: #f5f5f5}

.header{width: 100%;background: url(../images/logo_02.gif);}
.header .top{width: 1000px;margin: auto;}
.header .top p{font-size: 12px;color: #666666;line-height: 42px;background: url(../images/1index_03.gif) no-repeat left;padding-left: 15px;float: left;}
.header .top ul{float: right;line-height: 42px}
.header .top ul a{display: inline-block;float: left;margin-left: 25px;font-size: 12px;color: #999999}
.header .logo{width: 1000px;margin: auto;line-height: 128px;}
.header .logo ul{float: right;}
.header .logo ul a{display: inline-block;float: left;margin-left: 35px;line-height: 24px}
.header .nav{width: 100%;background: url(../images/nav_24.jpg);height: 41px}
.header .nav ul{width: 1000px;margin: auto}
.header .nav ul li{float: left;background: url(../images/1index_28.gif) no-repeat left;}
.header .nav ul li:nth-of-type(0n+1){background: none}
.header .nav ul li a{display: block;line-height: 41px;width: 141px;text-align: center;font-size: 16px;color: #fff}
.header .nav ul li a.active,.header .nav ul li a:hover{background: url(../images/1index_25.gif);}

/* flexslider */
.flexslider{position:relative;height:537px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:537px;}
/*.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav .flex-active{background-position:0 0;}*/

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

.main{width: 1000px;margin:20px auto;overflow: hidden}
h3.title1{font-size: 14px;color:#fff;width: 100%;line-height: 37px;background: url(../images/znav_29.gif);text-align: center;}
h3.title4{font-size: 20px;color:#fff;width: 100%;line-height: 60px;background: url(../images/title4_03.gif);text-align: center;}


.left{float: left;width: 224px;background-color: #f5f5f5}
.left ul.znav{width: 100%;overflow: auto;background-color: #fff;margin: 10px 0px}
.left ul.znav li{width: 100%;line-height: 49px}
.left ul.znav li a{font-size: 14px;color: #666666;display: block;width: 180px;margin: auto;border-top: 1px dotted #ccc;}
.left ul.znav li:nth-of-type(0n+1) a{border-top: none;height: 50px}
.left ul.znav li.active,.left ul.znav li:hover{background: url(../images/pro_03.gif);height: 50px}
.left ul.znav li.active a,.left ul.znav li:hover a{border: none;color: #fff;}





.right{width: 767px;float: right;}
.title2{width: 100%;height: 42px;background: url(../images/tab_31.gif) repeat-x bottom ;}
.title2 h3{float: left;text-align: center;font-size: 16px;color: #666666;font-weight: normal;cursor: pointer;padding: 0px 28px;border-radius: 5px 5px 0px 0px;line-height: 42px}
.title2 h3.active,ul.tab h3:hover{background: url(../images/zz_29.gif);color: #fff}
.title2 a{font-size: 12px;color: #666666;float: right;display: inline-block;line-height: 40px;margin-right: 10px}

ul.prolist{}
ul.prolist li{float: left;width: 242px;height: 240px;margin-left: 14px;margin-top: 22px;}
ul.prolist li:nth-of-type(3n+1){margin-left: 0px}
ul.prolist li div{width: 240px;height: 200px;border: 1px solid #ccc;display: table-cell;vertical-align: middle;text-align: center;background-color: #fff}
ul.prolist li div img{max-width: 232px;max-height: 200px}
ul.prolist li p{line-height: 26px;text-align: center;font-size: 14px;color: #666666;margin-top: 12px;background-color: #dedede}

.company{width: 1000px;margin: auto;height: 468px;}
.company .word{width: 388px;float: right;margin-top: 80px}
.company .word h3{font-size: 30px;color: #f5f5f5;margin: 20px 0px;line-height: 26px}
.company .word h3 span{font-size: 14px;color: #ffffff;font-weight: normal;}
.company .word p{font-size: 16px;color: #f5f5f5;line-height: 24px}

.case{width: 508px;float: left;background-color: #fff}
.title3{width: 100%;height: 42px;background: url(../images/tab_31.gif) repeat-x bottom;}
.title3 h3{float: left;text-align: center;font-size: 16px;color: #fff;font-weight: normal;padding: 0px 28px;border-radius: 5px 5px 0px 0px;background: url(../images/tab1_29.gif);line-height: 42px}
.title3 a{font-size: 12px;color: #666666;float: right;line-height: 42px;margin-right: 10px}

h3.title5{width: 100%;line-height:56px;background-color: #fff;border-bottom: 1px solid #ccc;font-size: 18px;color: #165dae;padding-left: 20px}
h3.title5 span{float: right;font-size: 12px;color: #666666;font-weight: normal;margin-right: 30px;line-height: 60px}
h3.title5 span a{color: #666}


.casepic{width: 415px;height: 297px;margin: 40px auto;position: relative;}
.casepic ul li{margin:0px 10px;float: left;}

.contact{width: 468px;float: right;background-color: #fff;text-align: center;}
.contact h4{font-size: 30px;text-align: center;color: #155ead;margin: 20px 0px}
.contact h4 span{font-size: 18px;font-weight: normal;}
.contact p{font-size: 12px;color: #666666;line-height: 24px;text-align: left;padding-left: 25px}

.news{width: 100%;margin: 40px 0px}
.news ul.newsleft{float: left;width: 545px}
.news ul.newsleft li{height: 96px;width: 100%;background-color: #fff;margin-top: 33px}
.news ul.newsleft li .time{float: left;font-size: 14px;color: #fff;width: 96px;height: 66px;background-color: #005baa;text-align: center;padding-top: 30px;line-height: 24px}
.news ul.newsleft li .time b{font-size: 56px}
.news ul.newsleft li div{float: right;width: 419px;float: left;margin-left: 10px;padding-top: 10px}
.news ul.newsleft li div h3{font-size: 16px;color: #005baa;line-height: 30px}
.news ul.newsleft li div p{font-size: 12px;color: #999999;line-height: 24px}



.link{width: 1000px;margin: auto;background: #fff}
.link ul{}
.link ul a{display: inline-block;float: left;font-size: 16px;color: #666666;line-height: 60px;margin-left: 25px;}


.lxxh{width: 100%;margin-top: 10px;background: #fff}
.lxxh h4{font-size: 28px;color: #155ead;line-height: 28px;padding-left: 10px}
.lxxh h4 span{color: #000000;font-size: 16px;}
.lxxh p{font-size: 12px;color: #666;line-height: 24px;padding-left: 10px}


.prodesc{width: 100%;margin: 20px 10px;position: relative;}
.prodesc .leftpic{float: left;width: 364px;}
.leftpic .bpic{width: 361px;display: table-cell;vertical-align: middle;text-align: center;height: 306px;border: 1px solid #ccc}
.leftpic .bpic img{max-height: 306px;max-width: 361px;display: none;}
.leftpic .spic{width: 336px;margin:15px auto;position: relative;}
.leftpic .spic ul{height: 65px;overflow: hidden;}
.leftpic .spic ul li{float: left;display: table-cell;vertical-align: middle;text-align: center;border: 1px solid #ccc;cursor: pointer;margin: 0px 4px;overflow: hidden;width: 74px;height: 63px}
.leftpic .spic ul li.active{border: 1px solid #f6ad02;}

.rightpic{float: left;width: 350px;margin-left:20px;}
.rightpic h3{font-size: 24px;color: #666666;line-height: 40px;border-bottom: 1px dashed #ccc;margin-bottom: 20px;font-weight: normal;}
.rightpic p{font-size: 14px;color: #666666;line-height: 24px;}
 ul.fy{width: 350px;height: 60px;position: absolute;bottom: 80px;right: 20px;}
 ul.fy h4{font-size: 30px;color: #155ead;line-height: 28px;margin-bottom: 15px}
 ul.fy h4 span{color: #000000;font-size: 16px;}

.cpsm{width: 98%}
h4.title6{font-size: 24px;color: #666666;line-height: 40px;border-bottom: 1px dashed #ccc;margin-bottom: 20px;font-weight: normal;padding-bottom: 8px;margin-left: 10px}
h4.title6 a{float: right;font-size: 12px;color: #666666;line-height: 46px}

.cptj{width: 98%;padding-bottom: 20px}
.cptj ul.prolist li{width: 234px;margin-top: 0px}

ul.newslist{padding: 0px 10px}
ul.newslist li{height: 90px;border-bottom: 1px dashed #ccc;margin-top: 15px;}
ul.newslist li h3{font-size: 14px;color: #165dae;line-height: 18px;border-left: 4px solid #165dae;padding-left: 10px;margin-bottom: 10px}
ul.newslist li:hover h3{color: #66ccff}
ul.newslist li h3 span{font-size: 12px;color: #333;margin-left: 20px}
ul.newslist li p{font-size: 12px;color: #999999;line-height: 20px}



h3.news-title{width: 96%;margin: 20px auto;border-bottom: 1px dashed #ccc;line-height: 28px;padding: 15px 0px;text-align: center;font-size: 18px;color: #000000}
h3.news-title span{font-weight: normal;font-size: 12px}
.content{width: 96%;margin:20px auto;}



ul.caselist{}
ul.caselist li{float: left;width: 222px;height: 195px;margin-left: 25px;margin-bottom: 20px;}
ul.caselist li:nth-of-type(3n+1){margin-left: 0px}
ul.caselist li div{width: 220px;height: 160px;border: 1px solid #ccc;display: table-cell;vertical-align: middle;text-align: center;}
ul.caselist li div img{max-width: 220px;max-height:160px}
ul.caselist li p{line-height: 45px;text-align: center;font-size: 12px;color: #666666;}





.footer{width: 100%;}
.footer .nav-f{width: 100%;background: url(../images/footer_03.gif);height: 41px}
.footer .nav-f ul{width: 1000px;margin: auto}
.footer .nav-f ul li{float: left;width: 142px;text-align: center;line-height: 41px;background: url(../images/1index_28.gif) no-repeat left;}
.footer .nav-f ul li:nth-of-type(0n+1){background: none}
.footer .nav-f ul li a{font-size: 16px;color: #fff}

.bottom{width: 1000px;margin: auto;height: 226px}
.bottom .blogo{float: left;padding:30px 100px 30px 80px;}
.bottom .bword{float: left;padding: 30px 0 0 0}
.bottom .bword p{font-size: 12px;color: #333333;line-height: 30px}