body,h1,h2,h3,h4,h5,p,input,ul,dl,dt,dd,a { margin: 0; padding: 0; }
body { font-size: 14px; font-family: "微软雅黑", "宋体", Arial, sans-serif; background-color: #fff; color: #666; }
h1, h2, h3, h4, h5 { font-weight: normal; }
li { list-style: none; }
input, textarea { outline: none; background: none; border: none; font-family: "Microsoft YaHei"; }
a { text-decoration: none; color: #999; }
img { border: none; vertical-align: top; }
em, i { font-style: normal; }
.clear { zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float: left; }
.fr { float: right; }
.wrap { width: 1200px; margin: 0 auto; position: relative; overflow:hidden; }

.title { width: 400px; text-align: center; margin: 0 auto; }
.title .tit { font-size: 30px; columns: #333; text-align: center; height: 77px; line-height: 77px; }
.title .bLine { width: 400px; height: 1px; background: url(../images/line.png) no-repeat; }
.titText { line-height: 60px; text-align: center; }

.More { display: block; border: 2px solid #386ba7; text-align: center; color: #386ba7; }
.More:hover { background-color: #386ba7; color: #fff; }

.border { width: 3px; height: 3px; position: absolute; z-index: 99; }
.borderLeft { height: 3px; top: -3px; left: 0px; border-left: 3px solid #386ba7; }
.borderBottom { width: 0px; bottom: -3px; left: 0px; border-top: 3px solid #386ba7; }
.borderRight { height: 0px; bottom: 0px; right: 0px; border-right: 3px solid #386ba7; }
.borderTop { width: 0px; top: -3px; right: 0px; border-bottom: 3px solid #386ba7; }

.header { height: 100px; min-width:1200px; margin:0 auto; width:100%; }
.header .logo { width: 554px; height: 100px; background: url(../images/logo.png) no-repeat; }
.header .logo a { display: block; height: 100px; }
.header .phone { width: 228px; }
.header .telImg { width: 48px; height: 100px; background: url(../images/tel.png) no-repeat; }
.header .info { width: 160px; }
.header .text { padding-top: 17px; height: 32px; line-height: 32px; border-bottom: 1px solid #ddd; }
.header .tel { font-size: 20px; line-height: 34px; color: #386ba7; }


.headerNav{height: 50px; background-color: #386ba7;  min-width:1200px; margin:0 auto; width:100%; }
.headerNav .nav{width:1200px; height:50px; margin:0 auto 0;}
.headerNav .nav .m{position:relative;float:left; text-align:center;}
.headerNav .nav h3{font-weight:normal; width:150px; height:50px; line-height:50px;}
.headerNav .nav h3 a{display:block; font-size:14px; color:#fff;}
.headerNav .nav .on h3 { background:#f38f32;}
.headerNav .nav .on h3 a{ color:#fff;}
.headerNav .nav .sub{display:none;width:150px;padding: 0; overflow:hidden; position:absolute;left:0;top:50px;background:rgba(255, 255, 255, 0.95);float:left;line-height:36px;  z-index:9999; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1);}
.headerNav .nav .sub li{text-align:center;}
.headerNav .nav .sub li a{ display:block;zoom:1; border-top: solid 1px #eee; font-size:12px; color:#666; overflow:hidden;}
.headerNav .nav .sub li:first-child a{ border-top:solid 1px #fff;} 
.headerNav .nav .sub li a:hover{background:#f38f32;color:#fff;}

.banner { width: 100%; height: 550px; overflow: hidden; position: relative;  min-width:1200px; margin:0 auto; width:100%; }
.banner .bd { position: relative; height: 100%; z-index: 0; }
.banner .bd li { zoom: 1; vertical-align: middle; height: 550px; }
.banner .prev, .banner .next { position: absolute; left: 10%; top: 50%; margin-top: -40px; display: none; width: 80px; height: 80px; background:url(../images/arrows.png) no-repeat; filter: alpha(opacity=70); opacity: 0.7; }
.banner .next { left: auto; right: 10%; background-position: 0 -80px; }
.banner .prev:hover, .banner .next:hover { filter: alpha(opacity=100); opacity: 1; }
.banner:hover .prev,.banner:hover .next{ display:block;}

.aboutUs { padding: 26px 0 50px; }
.aboutUs .imgInfo .pic { padding: 16px 60px 0 0; }
.aboutUs .imgInfo .info { width: 570px; }
.aboutUs .imgInfo .info h1 { font-size: 24px; columns: #333; line-height: 56px; }
.aboutUs .imgInfo .info .line { width: 60px; height: 3px; margin-top: 10px; background-color: #999; }
.aboutUs .imgInfo .info p { line-height: 40px; padding-top: 18px; }
.aboutUs .imgInfo .info a { width: 116px; height: 36px; line-height: 36px; margin-top: 29px; }

.honor { width: 100%; height: 218px; background: url(../images/honorBg.jpg) center no-repeat;   min-width:1200px; margin:0 auto; width:100%;}
.honor .wrap { overflow: hidden; }
.honor .honorList { width: 1200px; position: relative; margin: 36px 0; padding:0; }
.honor .honorList .bd { position: relative; height: 100%; z-index: 0; width:1200px; overflow:hidden; }
.honor .bd li {width: 216px; height: 140px; margin-right: 30px;  }
.honor .bd li img { width: 216px; height: 140px; }

.service { width: 100%; height: 350px; background: url(../images/serviceBg.jpg) center no-repeat;  min-width:1200px; margin:0 auto; width:100%; }
.service ul { padding-top: 92px; }
.service ul li { width: 120px; height: 192px; float: left; margin: 0 40px 0 120px; text-align: center; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
.service ul li i { display: block; width: 120px; height: 120px; background: url(../images/serviceIcons.png) no-repeat; }
.service ul li i.icon2 { background-position: 0 -120px; }
.service ul li i.icon3 { background-position: 0 -240px; }
.service ul li i.icon4 { background-position: 0 -360px; }
.service ul li span { display: block; height: 72px; line-height: 72px; font-size: 16px; color: #fff; }
.service ul li:hover { transform: translate3d(0, -6px, 0); }

.contBox { padding-top: 18px; height: 300px; }
.contBox .cover { width: 300px; height: 300px; position: relative; }
.contBox .domestic { width: 450px; height: 300px; position: relative; }
.contBox .foreign { width: 450px; height: 300px; position: relative; }
.contBox .domestic:hover, .contBox .foreign:hover { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); }
.contBox h2 { font-size: 20px; color: #000; font-weight: bold; line-height: 34px; padding: 26px 0 0 30px; }
.contBox h3 { font-size: 18px; color: #000; line-height: 50px; padding: 24px 0 0 40px; }
.contBox p { line-height: 30px; padding-left: 30px; }
.contBox ul { width: 276px; padding-left: 40px; }
.contBox ul li { float: left; width: 138px; line-height: 32px; }
.contBox ul li a:hover { color: #386ba7; }
.contBox .More { width: 96px; height: 32px; line-height: 32px; position: absolute; top: 224px; left: 40px; }


.patent, .copyright { padding: 26px 0 60px; min-width:1200px; margin:0 auto; width:100%; }
.patent .cover { background-color: #e6e8e9; }
.patent .domestic { background-color: #f9f9f9; }
.patent .cover img { position: absolute; top: 122px; left: 42px; }
.patent .domestic img { position: absolute; top: 118px; left: 208px; }
.patent .foreign img { position: absolute; top: 126px; left: 260px; }

.trademark, .technology { background-color: #f9f9f9; padding: 26px 0 60px;min-width:1200px; margin:0 auto; width:100%; }
.trademark .cover { background-color: #efefef; }
.trademark .domestic, .trademark .foreign { background-color: #fff; }
.trademark .cover img { position: absolute; top: 134px; left: 58px; }
.trademark .domestic img { position: absolute; top: 126px; left: 274px; }
.trademark .foreign img { position: absolute; top: 128px; left: 280px; }

.contWrap { padding-top: 18px; height: 280px; }
.contWrap .wrap { overflow: hidden; }
.contWrap ul { width: 1230px; }
.contWrap ul li { width: 380px; height: 280px; float: left; margin-right: 30px; position: relative; background-color: #f3f3f3; overflow: hidden; }
.contWrap ul li h2 { font-size: 18px; color: #000; line-height: 30px; padding: 34px 0 0 30px; }
.contWrap ul li p { line-height: 28px; padding-left: 30px; }
.contWrap .More { width: 96px; height: 32px; line-height: 32px; position: absolute; top: 164px; left: 30px; }
.contWrap img { position: absolute; top: 102px; left: 236px; }

.advantage { width: 100%; height: 590px; background: url(../images/advBg.jpg) center no-repeat; min-width:1200px; margin:0 auto; width:100%;  }
.advantage .title { padding-top: 26px; }
.advantage .tit, .advantage .titText { color: #fff; }
.advantage .advBox { width: 1230px; }
.advantage .item { width: 278px; height: 394px; margin-right: 29px; }
.advantage .item .pic { width: 278px; height: 208px; }
.advantage .item .text { height: 186px; text-align: center; }
.advantage .item .text h2 { font-size: 18px; color: #fff; line-height: 44px; padding-top: 6px; }
.advantage .item .text p { line-height: 26px; color: #fff; padding: 0 20px; }
.advantage .item .text .More { width: 196px; height: 36px; line-height: 36px; margin: 16px auto 0; border-color: #fff; color: #fff; }
.advantage .item:hover .text { background-color: #fff; }
.advantage .item:hover .text h2 { color: #333; }
.advantage .item:hover .text p { color: #666; }
.advantage .item:hover .More { background-color: #386ba7; color: #fff; }

.cases { padding: 26px 0 60px; background-color: #f9f9f9; min-width:1200px; margin:0 auto; width:100%;  }
.cases .slideLeft { width: 1140px; position: relative; margin: 36px 0; padding:0 20px; }
.cases .slideLeft .bd { position: relative; height: 100%; z-index: 0; width:1140px; overflow:hidden; }
.cases .slideLeft .bd li { float:left; width: 165px; height: 140px; margin-right: 30px; }
.cases .slideLeft .bd li img { width: 165px; height: 140px; margin-right: 30px; }
.cases .slideLeft .prev, .cases .slideLeft .next { position: absolute; left:0; top: 50%; margin-top: -22px; display:block; width: 17px; height: 44px; background:url(../images/arrows2.png) no-repeat; }
.cases .slideLeft .prev{background-position: 0 -88px; }
.cases .slideLeft .next { left: auto; right:0; background-position: 0 -132px; }
.cases .slideLeft .prev:hover { background-position: 0 0; }
.cases .slideLeft .next:hover { background-position: 0 -44px; }

.cases .More { width: 156px; height: 36px; line-height: 36px; margin: 0 auto; }

.news { padding: 26px 0 70px; min-width:1200px; margin:0 auto; width:100%; }
.news .newsPics { width: 580px; height: 386px; margin: 16px 40px 0 0; position: relative; }
.news .newsPics a { display: block; width: 580px; height: 386px; overflow: hidden; }
.news .newsPics img { width: 580px; height: 386px; transition: all .5s; -webkit-transition: all .5s; }
.news .newsPics .bg { position: absolute; left: 0; width: 100%; height: 40px; background: #000; opacity: 0.5; filter: alpha(opacity=50); bottom: 0; z-index: 9; }
.news .newsPics .tit { width: 100%; height: 40px; line-height: 40px; position: absolute; left: 0; bottom: 0; z-index: 10; }
.news .newsPics .name { width: 392px; padding: 0 30px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news .newsPics .time { width: 128px; color: #fff; }
.news .newsPics:hover img { transform: translateZ(0) scale(1.1); -webkit-transform: translateZ(0) scale(1.1); -moz-transform: translateZ(0) scale(1.1); -ms-transform: translateZ(0) scale(1.1); }
.news .newsList { width: 580px; }
.news .newsTop { height: 149px; border-bottom: 1px solid #ddd; }
.news .newsTop h3 { line-height: 48px; }
.news .newsTop h3 a { font-size: 18px; color: #333; }
.news .newsTop h3 a:hover{ color:#386ba7; text-decoration:underline;}
.news .newsTop .time { color: #999; line-height: 26px; }
.news .newsTop .info { line-height: 25px; padding-top: 10px; }
.news .newsUl { padding-top: 14px; }
.news .newsUl li { height: 34px; line-height: 34px; }
.news .newsUl li a { display: block; height: 34px; }
.news .newsUl li:hover .name { color: #386ba7; text-decoration:underline; }
.news .newsUl .name { width: 426px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news .newsUl .time { width: 88px; }

.footer {  background-color: #386ba7; color: #fff; font-size: 12px; margin:0 auto; min-width:1200px; margin:0 auto; }
.footer .footNav { height: 14px; padding: 38px 0 34px; }
.footer .footNav li { float: left; height: 14px; }
.footer .footNav li a { display: block; font-size: 12px; padding: 0 16px; color: #fff; height: 14px; line-height: 14px; border-right: 1px solid #6089b9; }
.footer .footNav li:first-child a { padding-left: 0; }
.footer .footNav li:last-child a { border-right: none; }
.footer .contact .item { height: 44px; margin-right: 60px; }
.footer .contact .img { width: 32px; height: 30px; background: url(../images/contactIcon.png) no-repeat; margin-top: 7px; }
.footer .contact .img2 { background-position: 0 -30px; margin-right: 12px; }
.footer .contact .img3 { background-position: 0 -60px; }
.footer .contact .info { line-height: 22px; height: 44px; }
.footer .links { padding: 40px 0 20px; border-bottom: 1px solid #4c7ab0; }
.footer .links span { width: 62px; line-height: 14px; }
.footer .links ul { width: 1138px; }
.footer .links li { float: left; height: 14px; margin-bottom: 6px; }
.footer .links li a { display: block; font-size: 12px; padding: 0 12px; color: #fff; height: 14px; line-height: 14px; border-right: 2px solid #ebeff4; }
.footer .links li a:hover{ text-decoration:underline; color:#f38f32;}
.footer .links li:last-child a { border-right: none; }
.footer .statement { height: 53px; line-height: 53px; }
.footer .statement ul { margin-top: 18px; }
.footer .statement .footerC a{ color:#fff;}
.footer .statement .footerC a:hover{ text-decoration:underline;}
.footer .statement p { float: left; margin-right: 30px; }
.footer .statement p a { width: 22px; height: 18px; display: block; background: url(../images/layerIcon.png) no-repeat; }
.footer .statement li { float: left; margin-right: 30px; }
.footer .statement li a { width: 22px; height: 18px; display: block; background: url(../images/layerIcon.png) no-repeat; }
.footer .statement li a.weixin { background-position: 0 -18px; }
.footer .statement li a.qq { background-position: 0 -36px; }
.footer .wx { width: 78px; height: 112px; text-align: center; position: absolute; top: 36px; right: 0; }
.footer .wx img { width: 78px; height: 78px; }
.footer .wx span { display: block; height: 34px; line-height: 34px; color: #ddd; }
.mask { z-index: 9999; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); display: none; }
.layerItem { width: 360px; height: 360px; z-index: 10000; position: fixed; top: 50%; left: 50%; background: #fff; margin: -180px 0 0 -180px; box-shadow: 1px 1px 6px 3px rgba(0,0,0,.2); display: none; border-radius: 5px; background-color: #f9fafb; }
.layerItem .layerWrap { margin-top: 30px; }
.layerItem img { display: block; width: 220px; height: 220px; margin: 0 auto; }
.layerItem p { font-size: 16px; line-height: 32px; text-align: center; }
.layerItem .btn { width: 110px; height: 40px; line-height: 40px; text-align: center; background-color: #386ba7; color: #fff; border-radius: 5px; position: absolute; left: 125px; top: 298px; cursor: pointer; }
.layerItem .qqWrap { width: 110px; height: 126px; background: url(../images/qqHbg.png) no-repeat; margin: 0 auto; }
.layerItem ul { padding: 16px 136px; }
.layerItem ul li { margin-bottom: 10px; }
.layerItem ul li a { display: block; background: url(../images/qq.png) no-repeat left center; height: 32px; line-height: 32px; padding-left: 40px; color: #000; }


/* pagebanner */
.pagebanner{ width:100%; min-width:1200px; height:320px;}

/* pagemain */
.pagemain{ width:1200px; margin:0 auto; padding:60px 0;}
.pageLeft{ width:250px; }
.pageLeft .pageNav{ width:100%;}
.pageNav .top{  width:230px; height:40px; line-height:40px; background:#ddd; color:#333; font-size:16px; text-align:center; font-weight:bold; padding:0 10px; border-bottom:solid 3px #ccc;}
.pageNav .cateBox { width:228px; border: solid 1px #ddd; border-top: 0; padding:10px;} 
.pageNav .cateBox .menu > li{ display: block; line-height:40px; }
.pageNav .cateBox .menu li a{ display: block; position: relative; font-size: 14px; color: #333;  border-top: 1px solid #ddd; width: 178px; padding:0 10px 0 40px; }
.pageNav .cateBox .menu li a.img{ background:url(../images/icon_nav2.jpg) 15px center no-repeat; }
.pageNav .cateBox .menu li.on a.img{ color:#fff; background:#ddd url(../images/icon_nav1.jpg) 15px center no-repeat;}
.pageNav .cateBox .menu li a.img:hover{ color:#fff; background:#ddd url(../images/icon_nav1.jpg) 15px center no-repeat;}
.pageNav .cateBox .menu li:first-child a{ border-top:0;}
.pageNav .cateBox .menu li.on > ul.subMenu,.pageNav .cateBox .menu li:hover > ul.subMenu { border-color:#ccc;}
.pageNav .cateBox .menu li > ul.subMenu { display: none; padding:0; border-top: 1px solid #ddd;   }
.pageNav .cateBox .menu li > ul.subMenu li a { display: block; font-size: 14px; border-top:dashed 1px #ddd; color: #999; line-height: 36px; overflow:hidden;  }
.pageNav .cateBox .menu li > ul.subMenu li:first-child a{ border-top:0;}
.pageNav .cateBox .menu li > ul.subMenu li a:hover { color: #386ba7;}
.pageNav .cateBox .menu li > ul.subMenu li a.on{ color:#386ba7; }

.pageLeft .pageContact{ width:250px; overflow:hidden; margin-top:20px;}
.pageContact .top{ width:230px; height:40px; line-height:40px; background:#ddd; color:#333; font-size:16px; text-align:center; font-weight:bold; padding:0 10px; border-bottom:solid 3px #ccc;} 
.pageContact .cont{ width:228px; border:solid 1px #ddd; border-top:0; padding:10px;}
.pageContact .cont .img{ width:100%; height:80px; overflow: hidden;}
.pageContact .cont .tel{ font-size:12px; margin-top:15px; line-height:24px; color:#666;}
.pageContact .cont .tel span{ font-weight:bold; color:#333;}

.pageLeft .Newsadv{width:250px; height:140px; overflow:hidden; margin-top:20px;}
.pageLeft .Newsadv img{width:250px; height:140px;}


.pageLeft .pageMessages{ width:250px; overflow:hidden; margin-top:20px;}
.pageMessages .top{  width:230px; height:40px; line-height:40px; background:#ddd; color:#333; font-size:16px; text-align:center; font-weight:bold; padding:0 10px; border-bottom:solid 3px #ccc;} 
.pageMessages .page_messages_list{ width:228px; border:solid 1px #ddd; border-top:0; padding:10px;}

.page_messages_list{overflow:hidden;}
.page_messages_list .row{ width:100%; clear:both;  margin: 0 0 10px;}
.page_messages_list label{ position:relative; display:block; }
.page_messages_list label span{ position:absolute; left:15px; top:10px; font-size:14px; color:#666;}
.page_messages_list .txt{ border:1px solid #ddd; padding:10px 15px; background:#fff;}
.page_messages_list .txt:focus{ border:1px solid #386ba7; padding:10px 15px ; background:#fff;}
.page_messages_list .txt.w1{ width:198px; height:14px; line-height:14px;}
.page_messages_list .txt.w2{ width:198px; height:40px; line-height:14px;}
.page_messages_list .btn{ float:left; border:0; background:#333; width:230px; height:40px; cursor:pointer; text-align:center; font-size:14px; font-weight:bold; color:#fff;}
.page_messages_list .row .btn:hover{ background:#386ba7; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}


.pageRight{ width:910px;}
.pageRight .Crumbs{ width:100%; border-bottom: solid 1px #eee;  font-size:14px; color:#999; line-height:40px;}
.pageRight .Crumbs a{ color:#999;}
.pageRight .Crumbs a:hover{ text-decoration:underline; color:#386ba7;}
.pageRight .Crumbs span{ margin:0 8px;}
.pageRight .pageCont{ width:100%;  margin-top:20px; font-size:14px; color:#666; line-height:34px;}
.pageRight .pageCont img{ max-width:100%;}

.pageNews{ width:100%; margin-top:15px;}
.pageNews li{ float: left; width:100%; margin-bottom:15px; border-bottom:dashed 1px #ddd; padding-bottom:15px; height:110px;}
.pageNews li .img{ width:166px; height:110px; overflow:hidden;}
.pageNews li .img img{ width:166px; height:110px;  transition: all 0.7s ease;}
.pageNews li .img:hover img{transform:scale(1.2)}
.pageNews li .cont{ width:700px;}
.pageNews li .cont h1{ font-size:18px; margin-top:5px; }
.pageNews li .cont h1 a{color:#333;}
.pageNews li .cont h1 a:hover{ color:#386ba7}
.pageNews li .cont p{ font-size:14px; color:#999; line-height:30px;}
.pageNews li .cont .con{ font-size:14px; color:#666; line-height:24px;}

.pageNewsD{ width:100%; margin-top:20px;}
.pageNewsD .Title{ color:#333; font-size:24px; text-align:center; width:100%; line-height:30px;}
.pageNewsD .Time{ text-align:center; font-size:14px; color:#999; border-bottom:dashed 1px #ddd; padding:10px 0;}
.pageNewsD .Cont{ font-size:14px; width:100%; margin-top:10px; line-height:28px; color:#333; border-bottom:dashed 1px #ddd; padding-bottom:10px; }
.pageNewsD .Cont img{ max-width:100%;}

.pageCase{ width:930px; margin:10px 0 0 -10px;}
.pageCase li{ float:left; width:165px; margin:0 10px;}
.pageCase li img{ width:100%;}

.pageTeam{ width:100%; margin-top:20px;}
.pageTeam .img { width:100%; margin-bottom:20px;}
.pageTeam .img img{ width:100%;}
.pageTeam li{ float:left; width:100%; border-bottom:dashed 1px #ddd; padding-bottom:20px; margin-bottom:20px;}
.pageTeam li .Title{ width:100%; font-size:16px; color:#666;}
.pageTeam li .Title span{ font-size:18px; color:#333; margin-right:15px;}
.pageTeam li .Cont{ width:100%; font-size:14px; color:#666; line-height:28px; margin-top:10px;}

.pageCont .Contact{ width:100%; margin-top:40px;}

.contactOn{ width:100%; padding-bottom:10px; border-bottom:solid 2px #eee; color:#333;}
.contactOn .On1{ font-size:16px; font-weight:bold;}
.contactOn .On2{ font-size:12px; margin-top:5px; line-height:22px;  color:#666;}
.contactOn .On2 span{ color:#386ba7; font-weight:bold;}
.contactUn{ width:100%; margin-top:20px;}
.contactUn p{ float: left; margin:8px 0; width:100%; line-height:24px; font-size:14px; color:#666;}
.contactUn p span{ font-weight:bold; color:#333;}


.pageContact1{ width:100%; margin-top:0;}
.pageContact1 .Contact{ font-size:14px; line-height:30px;}
.pageContact1 .Contact img{ max-width:100%;}
.ContactMap{ width:100%; margin-top:0;}

.pageHonor{ width:100%; margin-top:20px; }
.pageHonor ul{ width:900px; margin-left:-10px;}
.pageHonor li{ width:205px; height:135px; margin:10px; overflow:hidden; background:#000; float:left; position:relative;}
.pageHonor .img{ width:205px; height:135px; position:absolute; left:0; top:0;}
.pageHonor .text{ width:205px; height:0px; line-height:0px; text-align:center; padding:0 0 38px 0; overflow:hidden; font-size:14px; background:#eee; position:absolute; left:0; bottom:-38px;}
.pageHonor li:hover .text{ color:#fff; background:#386ba7;line-height:38px; }

#boxer{-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
#boxer-overlay{background:#000; height:100%; left:0; position: fixed; top:0; width:100%; z-index: 9999;}
#boxer{background:#fff; box-shadow: 0 0 20px rgba(0,0,0,0.2); padding:10px; position: absolute; z-index: 9999;}
#boxer .boxer-close{background:#000 url(../images/iconImg.png) no-repeat 0px 0px; cursor:pointer; display:block; height:50px; position:absolute; right:10px; top:10px; width:50px;text-indent:-99999px; z-index:106;}
#boxer .boxer-close:hover{ background:#386ba7 url(../images/iconImg.png) no-repeat 0px 0px;}
#boxer .boxer-arrow{background:#000 url(../images/iconImg.png) no-repeat 0 -50px; cursor:pointer; display:block; height:50px; margin:0 auto 0; position: absolute; text-indent:-99999px; top:8%; width:50px;}
#boxer .boxer-arrow.previous{left:-50px;}
#boxer .boxer-arrow.previous:hover{background:#386ba7 url(../images/iconImg.png) no-repeat 0 -50px; left:-50px;}
#boxer .boxer-arrow.next{background-position:-50px -50px; right:-50px;}
#boxer .boxer-arrow.next:hover{background:#386ba7 url(../images/iconImg.png) no-repeat -50px -50px;  right:-50px;}
#boxer .boxer-position{color:#999; font-size:12px; margin:0; padding:10px 0 6px;}
#boxer .boxer-caption p{margin:0;padding:0; font-size:16px;}
#boxer .boxer-caption.gallery p{padding: 0; text-align:center; line-height:50px;}
#boxer.loading .boxer-container{background: #fff url(../images/loading.gif) no-repeat center;}


/* fenye */
.pages1{ width:100%; margin:30px 0 0;}
.pages1_l a{ color:#666;display:block;}
.pages1_l:hover a{ color:#386ba7; text-decoration:underline; } 
.pages1_r a{  color:#666;display:block;}
.pages1_r:hover a{ color:#386ba7 !important; text-decoration:underline; }

.pages { text-align: left; height: 32px; line-height: 32px; margin-top: 20px; }
.pages a { display: inline-block; text-align: center; margin-right:8px; color:#386ba7; padding: 0 12px; height: 30px; border:1px solid #386ba7; }
.pages a:hover{ border: 1px solid #386ba7; background-color: #386ba7; color: #fff; text-decoration: none; }
.pages span { display: inline-block; background-color: #386ba7; text-align: center;margin-right:8px;  color:#fff; padding: 0 12px; height: 30px; border:1px solid #386ba7; }
.pages1_r:hover a{ color:#fff;}


/* kefu */
#cs_box {width:156px; height:290px; color:#FFF; background:#0d70a7; position:fixed; left:0; top:35%; z-index:1000;}
.cs_title {font-size:18px; width:156px; height:50px; border-bottom:solid 1px #09547e; line-height:50px; background:url(../images/kefu1.png) 26px center no-repeat; font-weight:bold;}
.cs_title{ color:#fff; display:block; width:156px; height:50px; cursor:pointer;}
.cs_title span{ margin-left:58px;}
.cs_img{width:120px; height:120px; background:#FFF; margin:15px 18px 10px 18px; border-radius: 5px; overflow:hidden;}
.cs_img img{ width:120px; height:120px;}
.cs_info { width:120px; font-size:12px; margin:0px 18px;  text-align:center;}
.cs_btn {width:100px; height:36px; background: url(../images/kefu3.png) 20px center no-repeat #fff; padding-left:20px; margin:10px 18px; border-radius:5px;text-align:center; cursor:pointer;}
.cs_btn a{ font-size:14px; line-height:36px; color:#333; display:block; }