﻿ @charset "utf-8";
/* CSS Document */

html,body{-webkit-text-size-adjust:none;}
body{ width:100%;font-size:14px; font-family:"微软雅黑"; margin:0;padding:0;color: #333; line-height:24px;overflow-x: hidden;}
article,footer, header,nav,section{display:block;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
ul,li{list-style:none;margin:0;padding:0}
img{ border:none;}
a{text-decoration:none;color:#333; }
a:hover{text-decoration:none;}
.clear {clear: both; height:0px;}
.fl{ float:left;} .fr{ float:right;}
.fl,.fr{display:inline;}
.cen{margin:0 auto;}
.mag{ margin-top:30px;}
.m20{ margin-top:20px;}
.m10{ margin-top:10px;}
.m15{ margin-top:15px;}
.m50{ margin-top:50px;}
.m60{ margin-top:60px;}
.pad{ padding-top:20px;}
.maf{ margin-left:19px;}
.content {width: 1200px;}
.center{ width:1250px; height:auto;}

.top{ width:100%; height:40px; line-height:40px; font-size:12px; min-width:1200px; background:#ededed;}
.top font{ float:left;}
.top p{ float: right;}
.top p a{ margin:0px 10px;}
.top p a:hover{ text-decoration:underline;}

.logo{text-align:center; margin:10px auto; min-width:1200px;}

.nav{ height:50px; background:#212121;  border-bottom:3px solid #005bac; min-width:1200px;}
.nav .dh{ width:1200px; height:50px;}
.nav .dh li{ width:133px; height:50px; float:left; text-align:center; font-size:15px;}
.nav .dh li a{  color:#FFF; display:block; line-height:50px; }
.nav .dh li a:hover{ background:#005bac; color:#FFF;}
.nav .dh li:hover ul li{display:block; width:100%;}
.nav .dh li ul li{width:100%; height:40px; line-height:40px;  background:#f7f7f7; position:relative;  z-index:9999; left:0px; top:0px; display:none; text-align:center; border-bottom:1px solid #FFF;}
.nav .dh li ul li a{ color:#666; font-size:14px; line-height:40px; font-weight:normal; }
.nav .dh li ul li a:hover{ color:#333; background:#e7e7e7;}
.nav .dh li .cur{ background:#005bac;}

.iBanner{width: 100%;overflow: hidden;position: relative; background:#fff; padding:0;}
.iBanner .swiper-slide a{display: block;width: 100%;position: relative;overflow: hidden;}
.iBanner .swiper-slide a em{display: block;width: 100%;height:680px;background-repeat: no-repeat;background-position: center;background-size: cover; -webkit-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all 2s linear;transition: all 2s linear;}
.iBanner .swiper-slide.swiper-slide-active a em{-webkit-transform: scale(1);transform: scale(1);}
.iBanner .swiperDots{ display:block; bottom:0px;}
.iBanner .swiperDots span{ height:30px; width:35px; background:none !important; position:relative; box-shadow:none;}
.iBanner .swiperDots span:before{ content:''; width:100%; height:1px; position:absolute; left:0px; top:3px; right:0px; background:#fff;}
.iBanner .swiperDots span:after{ content:''; width:0%; height:1px; position:absolute; left:0px; top:3px; background:#903;}
.iBanner .swiperDots span.swiper-pagination-bullet-active{ width:75px;}
.iBanner .swiperDots span.swiper-pagination-bullet-active:after{ width:100%; transition:width linear 8000ms;}
.iBanner .swiperDots:hover span:before,
.iBanner .swiperDots:hover span:after{ height:3px; top:0px;}
.iBanner .swiperArrow{ display:block; color:#fff;}
.iBanner .swiperPrev{border-radius: 50%; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; width: 60px; height: 60px; background: rgba(255, 255, 255, 0.1) url(../images/l.png) center no-repeat; left: 2%; margin-top: -30px;}
.iBanner .swiperNext{border-radius: 50%; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; width: 60px; height: 60px; background: rgba(255, 255, 255, 0.1) url(../images/r.png) center no-repeat; right: 2%; margin-top: -30px;}
.iBanner .swiperPrev:hover{background: rgba(255, 255, 255, .3) url(../images/l.png) center no-repeat;}
.iBanner .swiperNext:hover{background: rgba(255, 255, 255, .3) url(../images/r.png) center no-repeat;}
.iBanner .swiperArrow:hover{ color:#903;}
.pageNext{ position:absolute; right:140px; bottom:40px; z-index:2; cursor:pointer; width:25px; height:40px; display:none;}
.pageNext .pd{ position:relative; width:21px; height:36px; border:2px solid #fff; border-radius:12px;}
.pageNext span{ width:3px; height:3px; border-radius:1.5px; position:absolute; left:50%; top:50%; background:#fff; margin-left:-1.5px; transition:1s all ease;}
.pageNext span:nth-child(1){ margin-top:-3px;}
.pageNext span:nth-child(2){ margin-top:5px;}
.pageNext span:nth-child(3){ margin-top:-11px;}
.pageNext span.curr{ height:7px; transform:translateY(-2px);}

.index_tit{text-align:center;}
.index_tit h3{ margin:auto; display:inline-block; font-size:26px;color:#304558;font-weight:bold; margin-bottom:15px;}
.index_tit h3:after{display: block; content: ''; width:30%; height:2px; background: #c80000; position:relative; left:35%; top:10px;}
.index_tit p{ line-height:23px;color:#666668; text-align:center; }

.prodc_l{ width:18%;}
.prodc_l .contTit{padding:15px 0 25px 30px;background:#005bac;}
.prodc_l .contTit span{color:#fff;font-size:26px; display:block;position: relative; line-height:35px;}
.prodc_l .contTit span:after{position: absolute; content: ''; height: 1px; width: 56px; background-color: #fff; bottom: -8px; left: 0;}
.prodc_l dl{border:1px solid #EDEDED;}
.prodc_l dt{height:50px; line-height:50px; border-bottom:1px solid #EDEDED;}
.prodc_l dt a{padding-left:30px; display:block; font-size:16px; font-weight: bold;position: relative;}
.prodc_l dt a:before{ content:''; width:10px; height:10px; position:absolute; left:10px; top:20px; right:0px; background:#005bac;}
.prodc_l dt a:hover{ color:#005bac}
.prodc_l dd{height:35px; line-height:35px; overflow:hidden;}
.prodc_l dd a{padding-left:30px; height:35px; display:block;}

.prodc_ls .contTit{padding:15px 0 25px 30px;background:#005bac;}
.prodc_ls .contTit span{color:#fff;font-size:26px; display:block;position: relative; line-height:35px;}
.prodc_ls .contTit span:after{position: absolute; content: ''; height: 1px; width: 56px; background-color: #fff; bottom: -8px; left: 0;}
.prodc_ls dl{border:1px solid #EDEDED;}
.prodc_ls dt{height:50px; line-height:50px; border-bottom:1px solid #EDEDED;}
.prodc_ls dt a{padding-left:30px; display:block; font-size:16px; font-weight: bold;position: relative;}
.prodc_ls dt a:before{ content:''; width:10px; height:10px; position:absolute; left:10px; top:20px; right:0px; background:#005bac;}
.prodc_ls dt a:hover{ color:#005bac}
.prodc_ls dd{height:35px; line-height:35px; overflow:hidden;}
.prodc_ls dd a{padding-left:30px; height:35px; display:block;}

.prodc_r{width:80%;height:auto;border-top:#EFEFEF 1px solid;border-left:#EFEFEF 1px solid;background:#fff;}
.prodc_r ul li{width:312px;height:auto;border-bottom:#EFEFEF 1px solid;border-right:#EFEFEF 1px solid;float:left;padding:1%;transition: all .5s ease-in-out;}
.prodc_r ul li .pic{height:208px;}
.prodc_r ul li h3{ width: 100%; height:20px; line-height:20px;text-align:center; margin-top:10px;display: block; overflow: hidden; font-size:14px; font-weight:normal;}
.pic{position: relative;width: 100%;background-color: #fff;text-align: center;overflow: hidden;-webkit-transition:all 0.7s ease;transition:all 0.7s ease;}
.pic img{ width:100%; position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.prodc_r ul li h3 a:hover {color: #f60;text-decoration:underline;}

.aboutbg{ margin-top:50px;padding:50px 0;background:url(../images/aboutbg.jpg) no-repeat center top; border-top:1px solid #F1F1F1;border-bottom:1px solid #F1F1F1; overflow:hidden;}
.about_l {width:48%;}
.about_l h3{ height:40px;  margin-bottom:15px;}
.about_l h3 em{font-size:35px; color:#005bac; font-weight:bold; display: block; font-style:initial; line-height:46px;}
.about_l p{color: #666;margin-top: 8px;line-height: 25px;height:125px;overflow: hidden;}
.about_l ul{padding: 30px 0;overflow: hidden;border-bottom: 1px solid #dddddd;}
.about_l li:nth-child(1),.about_l li:nth-child(3),.about_l li:nth-child(5){width:33%;}
.about_l li i{width: 1px;height:75px;display: block;background: #e6e6e6;}
.about_l li{float: left;text-align: center;}
.about_l h4{font-size:40px;color:#b80000;font-weight: bold;line-height: 46px;}
.about_l h5{font-size:14px;line-height: 28px;color: #999999;margin-top: 5px; font-weight:normal;}
.about_l .btn{margin-top: 20px;line-height: 24px;color: #999999;display: block;overflow: hidden;}
.about_l .btn span{width: 32px;height: 18px;background: url(../images/ico2.png) no-repeat center;float: right;display: block;}
.about_l .btn:hover{color: #005bac;}
.about_l .btn span{position: relative;transition: all 0.4s;right: 0;}
.about_l .btn span:after{height: 3px;width:0;background: #333333;content: "";right:30px;bottom: 4px;display: block;position: absolute;transition: all 0.4s;}
.about_l .btn:hover span{right: 8px;}
.about_l .btn:hover span:after{width: 20px;}
.about_r{ width:48%;position: relative;overflow: hidden;}
.about_r .pic{ height:360px; overflow: hidden;}
.about_r .pic img{height: 100%;}
.about_r .swiper-pagination{ width:100%; margin:auto; bottom:10px;text-align: center;height: 16px;line-height: 16px;font-size: 0;z-index: 3;}

.shadow1{-webkit-box-shadow: 0 0 70px rgba(29,56,75,.17);-moz-box-shadow: 0 0 70px rgba(29,56,75,.17);box-shadow: 0 0 70px rgba(29,56,75,.17);}
.shadow2{-webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;-moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;-ms-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;-o-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;transition:all 0.3s ease 0s;-webkit-transform:all 0.3s ease 0s;}

.fuwubg{ background: #F2F4F8 url(../images/process_bg.jpg) center top no-repeat; padding:50px 0; overflow:hidden;}
.iaboutus_cul{ width:540px; padding:30px; height:auto; background:#fff;}
.iaboutus_cul .cultitle{ height:25px; font-size:22px; font-weight:bold;position:relative; padding-left:45px;}
.iaboutus_cul .cultitle:after{display: block; content: ''; width:26px; height:2px; background:#005bac;position: absolute; left:0px; top:15px;}
.iaboutus_cul .cultext{ margin-top:20px; line-height:30px;}

.pos{ position:relative;}
.page_tit2{clear:both; text-align:left;padding:30px 0;}
.page_tit2 h3{ height:55px; font-size:26px; color:#000;position: relative; font-weight:bold; padding-top:15px; line-height:55px;}
.page_tit2 h3 a{ color:#000;}
.page_tit2 h3:after{display: block; content: ''; width:26px; height:2px; background:#005bac; position: absolute; left:0; top:0;}
.page_tit2 p{ margin-top:0px; height:20px; font-size:14px; color:#999;text-transform:uppercase;}

.icase_list{overflow:hidden;padding-bottom: 40px;}
.icase_list .swiper-slide{border:1px solid #EDEDED; background:#fff;width: 23.5%;margin-right:2%;}
.icase_list .swiper-slide .pic{ height: 200px;}
.icase_list .swiper-slide h3{ display:block; height:40px; line-height:40px; text-align:center; font-size:14px; overflow:hidden; color:#666;}
.icase_list .swiper-pagination{ width:100%; margin:auto; top:-210px; right:0; text-align: right;height: 16px;line-height: 16px;font-size: 0;z-index: 3;}

.process-bg { background: #F2F4F8 url(../images/process_bg.jpg) center bottom no-repeat; padding:40px 0 40px 0; }
.process-list { padding-top: 35px; }
.process-list li{ float: left; width: 32%;margin-right: 2%; box-sizing: border-box; border: 1px solid #DBE1E5; margin-bottom: 2%; padding: 25px 0; background-color: rgba(255, 255, 255, 0.9); list-style-type: none !important; }
.process-list li:nth-child(3n) { margin-right: 0;}
.process-list .num-box { float: left; width: 22%; border-right: 1px solid #ECEDED; text-align: center;}
.process-list .num-big { font-family: 'Arial'; font-size: 36px; color: #141414; }
.process-list .num-en { font-family: 'Arial'; font-size: 12px; color: #C2C2C2; }
.process-list .info { margin-left: 110px; }
.process-list .info h6 { font-size: 22px; color: #141414; line-height: 30px; height: 30px; overflow: hidden; }
.process-list .tips { font-size: 12px; color: #6D6D6D; line-height: 24px; height: 24px; overflow: hidden; }

.brand{overflow:hidden;}
.list-inline{padding-left:0;margin-left:-5px;list-style:none;}
.list-inline>li{display:inline;}
.brand ul.items{margin:0 auto;margin-top:25px; clear:both; overflow:hidden;width:110%;}
.brand ul.items li{ position:relative;width:16%;height:220px;margin:0 1.1%; overflow:hidden; float:left;}
.brand ul.items li i{display:block;position:relative;margin:0 auto; height:140px;width:121px;background:url(../images/icon_youshi.png) no-repeat;-webkit-transition:-webkit-transform 2s ease-out;-moz-transition: -moz-transform 2s ease-out;-o-transition: -o-transform 2s ease-out;-ms-transition: -ms-transform 2s ease-out;}
.brand ul.items li.b1 i{ background-position:0px 0px;}
.brand ul.items li.b2 i{ background-position:0 -140px;}
.brand ul.items li.b3 i{ background-position:0 -280px;}
.brand ul.items li.b4 i{ background-position:0 -420px;}
.brand ul.items li.b5 i{ background-position:0 -560px;}
.brand ul.items li.b6 i{ background-position:0 -700px;}
.brand ul.items li:hover i{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.brand ul.items li u{display:block;position:absolute;width:121px;height:140px; left:50%;margin-left:-61px;background:url(../images/icon_youshi.png) no-repeat -121px 0px;}
.brand ul.items li:hover u{background-position:-121px -140px;}
.brand ul.items li p{ position:relative; top:10px; color:#333;font-size:16px;line-height:25px;text-align:center;-webkit-transition:all .3s ease-in-out .1s;-moz-transition:all .3s ease-in-out .1s;-ms-transition:all .3s ease-in-out .1s;-o-transition:all .3s ease-in-out .1s;transition:all .3s ease-in-out .1s;}
.brand ul.items li:hover p{top:15px;}
.brand ul.items li p span{ font-size: 14px;}

.news {padding:50px 0;}
.inewsbox{ width:47%; height:auto; background:#fff;}
.inewsbox .intitle{ height:25px; line-height: 25px; position:relative; padding-left:45px;}
.inewsbox .intitle strong{font-size:22px; font-weight:bold;}
.inewsbox .intitle a{ color: #999;}
.inewsbox .intitle a:hover{ text-decoration:underline;}
.inewsbox .intitle:after{display: block; content: ''; width:26px; height:2px; background:#005bac;position: absolute; left:0px; top:15px;}
.inewsbox .cultext{ margin-top:20px; line-height:30px;}

.inewstu{ height: 122px;border-bottom:1px solid #f1f1f1;}
.inewstu .pic{width:30%;height:110px;  background: #DC7F81;}
.inewstu .txt{width:66%;height:110px;}
.inewstu .txt h3{display: block;font-size:18px;line-height: 25px;overflow: hidden;white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-weight:normal;}
.inewstu .txt p{ margin-top: 10px; height:69px; line-height:23px; color: #4a4a4a; overflow: hidden;}
.inewstu a:hover {color: #f60;text-decoration:underline;}

.inewslist ul li{width:100%; height: 35px; line-height: 35px; position:relative; overflow: hidden; text-indent:15px;border-bottom:1px dashed #f1f1f1;}
.inewslist ul li:after{display: block; content: ''; width:5px; height:5px; background:#999;position: absolute; left:0px; top:15px; border-radius: 100%;}
.inewslist ul li span{ display: inline-block; float: right; color: #999; font-size: 12px;}
.inewslist ul li a:hover {color: #f60;text-decoration:underline;}

.footer{ margin-top:60px; background:#ECECEC;color:#7f8182;padding:60px  0 0px;border-top:2px solid #005bac;}
.footer .footer_box{ height:270px;position: relative;}
.footer .footLeft{overflow: hidden; width:80%;border-left: 1px solid #fff;}
.footer .footLeft dl{float: left;width:16%; padding-left:50px; height:230px;border-right: 1px solid #fff; text-align:left;}
.footer .footLeft dl dt{color: #333;font-size:18px;padding-bottom:40px; font-weight:bold;position: relative;}
.footer .footLeft dl dt:after{content: '';width:10px;height:2px;background:#005bac;position: absolute;left:0;bottom:20px;}
.footer .footLeft dl dd a{color:#888;line-height:32px;}
.footer .footLeft dl dd a:hover{color: #c80000;}
.footRight { float: right; width:210px; text-align: center; background: #fff;}
.footRight img{ margin: 15px; width: 180px;}
.footRight .phone { width: 100%; height: 46px; line-height: 46px; background-color: #646464; font-family: 'Arial'; color: #FFF; text-align: center; font-size: 22px; }
.footRight .phone i { display: inline-block; vertical-align: top; height: 46px; width: 20px; background: url(../images/icon6.png) center no-repeat; margin-right: 8px; }

.foot-bot{color: #999;height:auto;line-height:30px; width:100%; background:#000; padding:20px 0; overflow:hidden;}
.foot-bot a{color:#999;}
.foot-bot a:hover{color: #999;}

#toolbar{position: fixed;z-index: 9999;right: 17px;bottom: 10%;}
#toolbar li{margin-bottom: 3px;font-size: 0;width: 57px;height: 57px;right: 0;position: relative;}
#toolbar li a{display: block;position: absolute;z-index: 9;right: 0;top: 0;width: 57px;height: 57px;overflow: hidden;background: #d61519;-webkit-transition: all .5s ease;transition: all .5s ease;white-space: nowrap;font-size: 0;}
#toolbar li .icon-font{display: inline-block;vertical-align: middle;width: 57px;height: 57px;background-color: #d9d9d9;}
#toolbar li .icon-qq:after{background-position: 0 -150px;}
#toolbar li .icon-phone:after{background-position: 0 -90px;}
#toolbar li .icon-ewm:after{background-position: 0 -30px;}
#toolbar li .icon-message:after{background-position: 0 -120px;}
#toolbar li .icon-top:after{ background-position: -30px -60px;}
#toolbar li .icon-wangwang:after{background-position: 0 0;}
#toolbar li .wz{display: inline-block;line-height: 57px;font-size: 14px;color: #fff;vertical-align: middle;padding-left: 10px;}
#toolbar li.ewm .ewm-box{position: absolute;z-index: 1;padding: 5px;background: #d61519;width: 110px;right: 120%;bottom: 0;opacity: 0;visibility: hidden;-webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all .7s;transition: all .7s;}
#toolbar li.ewm .ewm-box p{margin-bottom: 0;}
#toolbar li.ewm .ewm-box img{max-width: 100%;}
#toolbar li.ewm .ewm-box:after{content: '';position: absolute;right: -5px;bottom: 20px;width: 0;height: 0;line-height: 0;font-size: 0;overflow: hidden;border-width: 5px;cursor: pointer;border-style: dashed dashed dashed solid;border-color: transparent transparent transparent #d61519;border-right: none;}
#toolbar li.ewm:hover .icon{background-position: -57px -180px;}
#toolbar li.ewm:hover .ewm-box{opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);}
#toolbar li.backtop{cursor: pointer;}
#toolbar li.backtop .iconfont{color: #fff;background-color: #d61519;}
#toolbar li.backtop .icon-top{background-color: #d61519; background-position: -30px -60px;}
#toolbar li:hover a{width: 200px;}
#toolbar li:hover .icon-font{background-color: #d61519;}
#toolbar li:hover .icon-qq:after{background-position: -30px -150px;}
#toolbar li:hover .icon-phone:after{background-position: -30px -90px;}
#toolbar li:hover .icon-ewm:after{background-position: -30px -30px;}
#toolbar li:hover .icon-message:after{background-position: -30px -120px;}
#toolbar li:hover .icon-wangwang:after{background-position: -30px 0;}
#toolbar li:hover .icon-top:after{background-position: -30px -60px;}
.icon-font{position: relative;}
.icon-font:after{content: "";width: 30px;height: 30px;background-image: url(../images/icon_spirit.png);background-repeat: no-repeat;position: absolute;left: calc(50% - 15px);top: calc(50% - 15px);}

.yatitle{ height:80px;}
.yatitle .tle{}
.yatitle .tle h3{ height:35px; font-size:26px; color:#000;position: relative; font-weight:bold; padding-top:15px;}
.yatitle .tle h3 a{ color:#000;}
.yatitle .tle h3:after{display: block; content: ''; width:26px; height:4px; background:#005bac; position: absolute; left:0; top:0;}
.yatitle .tle h4{ margin-top:0px; height:20px; font-size:14px; color:#999;text-transform:uppercase; font-weight:normal;}
.yatitle_more{margin-top:22px; margin-left:20px; float: right; font-size:14px; color:#888; line-height:22px; vertical-align: middle; border: 1px solid #ccc; padding:5px 20px; background:#fff;}
.yatitle_more:hover{ color: #fff; background:#005bac; }

.nbox_cont p{ text-indent:2em; margin-top:15px;}

.iconBox {height: auto; overflow: hidden; }
.iconBox ul{ width:1250px;}
.iconBox li {float:left;width: 217px;height: 320px;border: 1px solid #ebebeb;border-radius: 5px;-moz-border-radius: 5px;margin-right:17px;}
.iconBox li .icon { width: 110px; height: 110px; margin:40px auto 0; }
.iconBox li .tit { color:#464646; font-size: 16px; line-height: 37px; height: 37px; font-weight: bold; text-align: center; padding:16px ; }
.iconBox li .p { width: 172px; height: auto; color:#898989; font-size: 14px; line-height: 24px; margin: 0 auto; text-align: center; }


.prshow{margin: 25px 0 0;}
.prodc_rp{ width:940px; background:#FFF;}
.photopro_list{margin:20px auto 30px auto;width: 940px;overflow:hidden;}
.photopro_list ul{ width:1000px;}
.photopro_list ul li{width: 295px;height: auto;float:left;margin:0 20px 20px 0;border:1px #e5e5e5 solid;}
.photopro_list ul li img{width: 100%;height: auto;vertical-align: top;}
.photopro_list ul li span{display:block;padding:0 10px;height:45px;line-height:45px;text-align:center;background:#F6F6F6;overflow:hidden;display: none;}








.p1-search-1{background: #f2f2f2;height: 82px;border-bottom: 1px solid #eee;overflow: hidden;font-size: 14px;}
.p1-search-1 p{color: #444;line-height: 82px;}
.p1-search-1 a{color: #444;display: inline-block;margin-right: 15px;}

.p12-curmbs-1{font-size: 14px;border-bottom: 1px dashed #dcdcdc;height: 47px;line-height: 47px;}
.p12-curblock{display: none;}
.p12-curmbs-1 b{border-left: 10px solid #005fb0;font-weight: normal;padding-left: 8px;}
.p12-curmbs-1 i{font-style: normal;}
.p12-curmbs-1 span{font-family: 'Ã¥Â®â€¹Ã¤Â½â€œ';padding: 0 5px;height: 46px;line-height: 46px;} 

.blk-xs{width:240px;}
.blk{margin-bottom:15px;}

.fdh-01-tit{background: #005fb0;height: 80px;}
.fdh-01-tit h2{height: 75px;font-size: 24px;font-weight: normal;line-height: 75px;color: #fff;border-bottom: 1px solid #fff;text-align: center;}
.fdh-01-tit h2 span{font-size: 14px;text-transform: uppercase;}
.fdh-01-nav-one h3{height: 50px;line-height: 50px;background: url(../images/p14-icon5.png) no-repeat right center #ececeb;margin-bottom: 2px;overflow: hidden;}
.fdh-01-nav-one h3 a{display: block;font-size: 18px;font-weight: normal;margin-right: 40px;margin-left: 38px;color: #666666;overflow: hidden;}
.fdh-01-nav-one h3.sidenavcur, .fdh-01-nav-one h3:hover{background: url(../images/p14-icon2.png) no-repeat right center #005fb0;}
.fdh-01-nav-one h3.sidenavcur a, .fdh-01-nav-one h3:hover a{color: #fff;}
.fdh-01-nav dl{padding: 2px 0 4px;}
.fdh-01-nav dt{height: 50px;font-size: 16px;line-height: 50px;padding-left: 54px;padding-right: 40px;margin-bottom: 1px;background: #005bac;position: relative;overflow: hidden;}
.fdh-01-nav dt:after{content: "";width: 8px;height: 8px;border: 2px solid #b8b8b8;border-style: solid solid none none;position: absolute;top: 50%;right: 32px;margin-top: -4px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.fdh-01-nav dt.sidenavcur:after, .fdh-01-nav dt:hover:after{border-color: #005fb0;}
.fdh-01-nav dt.sidenavcur a, .fdh-01-nav dt:hover a{color: #005fb0;}
.fdh-01-nav dd{border: 1px solid #005bac;border-bottom: 0;}
.fdh-01-nav p{height: 50px;font-size: 14px;line-height: 50px;padding-left: 72px;padding-right: 40px;border-bottom: 1px solid #005bac;background: #fff;position: relative;overflow: hidden;}
.fdh-01-nav p.sidenavcur a, .fdh-01-nav p:hover a{color: #005fb0;}
.fdh-01-nav p.sidenavcur:after, .fdh-01-nav p:hover:after{background: #005fb0;}
.fdh-01-nav a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.p1-info-3-tit{height: 60px;font-size: 24px;font-weight: normal;line-height: 60px;background: #005fb0;color: #fff;text-align: center;}
.p1-info-3-list{padding: 10px 10px 0;}
.p1-info-3-list li h4{height: 46px;font-size: 14px;font-weight: normal;line-height: 46px;color:#4b4a4a;border-bottom: 1px dashed #dbdbdb;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.p1-info-3-list li h4 span{float: right;}
.contact-z1{height: 140px;background: url(../images/contact-z1.jpg) no-repeat;color: #333;margin-bottom: 30px;}
.contact-z1 p{font-size: 20px;height: 30px;line-height: 30px;padding: 37px 0 0 95px;background: url(../images/contact-z1_tel.png) no-repeat 74px 44px;}
.contact-z1 span{display: block;height: 30px;font-weight: bold;font-size: 18px;line-height: 30px;padding-left: 73px;} 

.right{ width:930px;}
.artid{}
.artid h1{ font-size:18px; text-align:center; height:50px; line-height:50px; color:#333; border-bottom:1px solid #f1f1f1; }
.artid .data{ font-size:12px; text-align:center;  line-height:40px; overflow:hidden;}
.artid .data span{ margin:0 20px;}
.zaiyao{ display:block; color:#868686;font-weight:normal; background:#F5F5F5; border:1px solid #E5E5E5; margin-bottom:15px; padding:5px 15px; font-size:13px;}

.p14-info-3{background: #f5f5f5;padding: 8px 20px;}
.p14-info-3-tit{height: 55px;font-size: 24px;font-weight: normal;line-height: 55px;color: #4b4a4a;}
.p14-info-3-list li h4{height: 46px;font-size: 14px;font-weight: normal;line-height: 46px;color:#4b4a4a;border-top: 1px dashed #dbdbdb;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.p14-info-3-list li h4 a{color:#4b4a4a;}
.p14-info-3-list li h4 span{float: right;}

.p14-pagination-1-href{float: right;font-size: 16px;line-height: 32px;}
.p14-pagination-1-href span{display: inline-block;padding: 0 15px;margin-left: 4px;background: #005fb0;}
.p14-pagination-1-href a{display: block;color: #fff;}
.p14-pagination-1-key{min-height: 40px;border-top: 1px solid #005fb0;font-size: 14px;line-height: 40px;color:#575556;}
.p14-pagination-1-key a{color:#575556;}
.p14-pagination-1-key span{display: inline-block;margin: 0 4px;}

.pic{}
.pic_l{ width:427px; height:320px; padding:10px; border:1px solid #dedede;}
.pic_l img{ width:427px; height:320px;}
.pic_r{ width:460px;}
.pic_r h2{ height:48px; font-size:24px; font-weight:normal; line-height:48px; color:#4a4a4a; border-bottom:1px solid #e5e5e5; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.pic_r p{ margin-bottom:13px; color:#666; min-height: 180px;}

.pic_r .lxw{ border-top:1px solid #dedede; margin-top:20px; padding-top:15px;}
.pic_r .lxw dt{ float:left; font-size:15px; color:#666; background:url(../images/tela.png) left no-repeat; text-indent:50px;}
.pic_r .lxw dt h3{ color:#005fb0;  display:block; font-size:24px;line-height: 30px;height: 30px; font-weight:normal;/*font-family: Impact;*/}
.pic_r .lxw dd{ float:right; width:114px; height:44px; text-align:center; line-height:44px; background:#005fb0;}
.pic_r .lxw dd a{ display:block; color:#FFF;}
.pic_r .lxw dd:hover{ background:#045999;}

.detailTitle{border-left: 3px solid #005fb0;line-height: 40px;font-weight:bold;font-size:16px;text-align: left;background:#f9f9f9;color: #005fb0;text-indent:15px; margin-bottom:15px;}

.news_list dl{border: 1px solid #dedede;margin-bottom: 15px;padding: 22px 50px 22px 22px;background: #fff;overflow: hidden;}
.news_list dt{width: 29.5%;float: left;margin-right: 5.8%;}
.news_list dt img{width:100%;display: block;}
.news_list dd h4{height: 40px;font-weight: normal;font-size:18px;color: #154c64;line-height: 40px;margin-bottom: 5px;overflow: hidden;}
.news_list h4 a{display: block;height: 40px;color: #4b4a4a;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_list dl:hover{border:1px solid #005fb0;}
.news_list dl:hover h4 a{color: #005fb0;}
.p14-infolist-1-list-desc{max-height: 72px;font-size: 14px;line-height: 24px;color: #797979;margin-bottom: 28px;overflow: hidden;}
.p14-infolist-1-list-deta{width: 90px;height: 30px;line-height: 30px;text-align: center;display: block;float: right;background: #b6b6b6;color: #fff;}
.p14-infolist-1-list-deta a{color:#fff;}
.news_list dl:hover .p14-infolist-1-list-deta{background: #005fb0;border-color: #005fb0;}
.news_list dl:hover .p14-infolist-1-list-deta a{color: #fff;} 

.prodc_list{ width:960px;}
.prodc_list li{ float:left; border:1px solid #dedede; margin-right:20px; margin-bottom:10px;}
.prodc_list li img{ width:288px; height:216px;  padding:5px;}
.prodc_list li p{ line-height:40px; text-align:center; background:#eee;}
.prodc_list li:hover a{ color:#FFF;}
.prodc_list li:hover p{ background:#005fb0;}
.prodc_list li:hover{ border:1px solid #005fb0;}




.newsshow_xg{ margin:0 auto;width:100%;height:auto;overflow:hidden;text-align:left;line-height:20px;padding:10px 0px 0px; margin-top: 20px; border-top:1px dashed #b5b5b5; }
.newsshow_xg a{color: #000;}
.newsshow_xg a:hover{ color:#005fb0;}

.pagess{clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size: 12px}
.pagess ul li{display: inline-block;border: 1px solid #ccc;padding: 5px 15px;margin: 0 3px;line-height: 20px;background: #fff;color: #999}
.pagess ul li:hover{background: #005fb0; color: #fff;border: 1px solid #005fb0}
.pagess ul li:hover a{color: #fff;}
.pagess ul li.thisclass{display: inline-block;border: 1px solid #005fb0;padding:5px 15px;margin: 0 3px;background: #005fb0;color: #fff;}
.pagess ul li.thisclass a{color: #fff;}
.pagess ul li a{display: block;color: #999}
.pagess ul li a:hover{color: #fff;}


.artid .tips{padding:10px 0 10px 110px;color:#CC3732;font-weight:bold;font-size:13px;text-align:left;}
.artid .field{clear:both;}
.artid li.field label{display:block;float:left;width:100px;line-height:24px;text-align:right;}
.artid .input{padding:5px 0;color:#666;zoom:1;}
.artid .field:after{content:'\20';display:block;height:0;clear:both;}
.artid .text{height: 30px;padding:1px 3px;border:1px solid #D0D0D0;background:#F2F2F2;color:#666;}
.artid .textarea{width:450px;height:100px;padding:1px 3px;border:1px solid #D0D0D0;background:#F2F2F2;color:#666;}
.artid .submit-field{padding:0 10px 20px 100px;clear:both;}
.artid .submit-field input{margin-right:10px;}
.artid .submit-field .btn-submit{width:78px;height:24px;cursor:pointer;}
.artid .submit-field .btn-reset{width:78px;height:24px;cursor:pointer;}

.top_logo{ display:none;}
.wapnav{ display:none;}
.wapbanner{ display:none;}
.toollist{ display:none;}
.footer-fix{ display:none;}
@media screen and (max-width: 767px) {
.top{ display:none;}
.logo{ display:none;}
#toolbar{ display:none;}
.top_logo{ display:block;}
.wapnav{ display:block;}
.iBanner{ display:none;}
.wapbanner{ display:block;}
.nav{ display:none;}
.center{width: 96%;height:auto;}
.content{width: 96%;height:auto;}
.toollist{ display:block;}
.mag{ margin-top:3%;}

.top_logo{ text-align:center;}
.top_logo img{ height:70px;}

.wapnav{ width:100%; height:50px; background:#005bac; position:relative;}
.wapnav p{ float:left; line-height:50px; margin-left:5%; color:#fff;}

.menu-btn{float: right;margin-right: 5%; margin-top:2.9%;}
.menu-btn:before, .menu-btn:after, .menu-btn span{display: block;height: 2px;background-color: #FFF;content: '';}
.menu-btn:before{width: 24px;}
.menu-btn:after{width: 18px;margin-left: 6px;}
.menu-btn span{width: 12px;margin: 6px 0 6px 12px;}

.nav{ height:100%; width:100%; background:#fff;  border-bottom:none; min-width:100%; position:absolute; z-index:99999; }
.nav .dh{width:100%;height:100%;}
.nav .dh li{ width:100%; height:50px; float:left; font-size:15px; border-bottom:1px solid #dedede; }
.nav .dh li a{  color:#333; display:block; line-height:50px; }
.nav .dh li .cur{ background:none;}

.prodc_l{ width:100%;}
.prodc_l .contTit{padding:2% 0 7% 3%;background:#005bac;}
.prodc_l .contTit span{color:#fff;font-size:22px; display:block;position: relative; line-height:35px;}
.prodc_l .contTit span:after{position: absolute; content: ''; height: 1px; width: 56px; background-color: #fff; bottom: -8px; left: 0;}
.prodc_l dl{border:1px solid #EDEDED; overflow:hidden;}
.prodc_l dt{height:50px; line-height:50px; border-bottom:1px solid #EDEDED; overflow:hidden;}
.prodc_l dt a{padding-left:30px; display:block; font-size:16px; font-weight: bold;position: relative;}
.prodc_l dt a:before{ content:''; width:10px; height:10px; position:absolute; left:10px; top:20px; right:0px; background:#005bac;}
.prodc_l dt a:hover{ color:#005bac}
.prodc_l dd{ float:left; height:35px; line-height:35px; overflow:hidden;}
.prodc_l dd a{padding-left:30px; height:35px; display:block;}

.prodc_r{width:100%;height:auto;border-top:#EFEFEF 1px solid;border-left:#EFEFEF 1px solid;background:#fff; margin-top:3%;}
.prodc_r ul li{width:47.55%;height:auto;border-bottom:#EFEFEF 1px solid;border-right:#EFEFEF 1px solid;float:left;padding:1%;transition: all .5s ease-in-out;}
.prodc_r ul li .pic{height: 123px;}
.prodc_r ul li h3{ width: 100%; height:20px; line-height:20px;text-align:center; margin-top:10px;display: block; overflow: hidden; font-size:12px; font-weight:normal;}
.pic{position: relative;width: 100%;background-color: #fff;text-align: center;overflow: hidden;-webkit-transition:all 0.7s ease;transition:all 0.7s ease;}
.pic img{width:100%;position: absolute;left: 50%;  top: 50%; -webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.prodc_r ul li h3 a:hover {color: #f60;text-decoration:underline;}

.aboutbg{ margin-top:5%;padding:5% 0; background-size:cover;}
.about_l {width:100%;}
.about_l h3{ height:40px;  margin-bottom:15px;}
.about_l h3 em{font-size:30px; color:#005bac; font-weight:bold; display: block; font-style:initial; line-height:46px;}
.about_l p{color: #666;margin-top: 8px;line-height: 25px;height:125px;overflow: hidden;}
.about_l ul{padding: 3% 0;overflow: hidden;border-bottom: 1px solid #dddddd;}
.about_l li:nth-child(1),.about_l li:nth-child(3),.about_l li:nth-child(5){width:33%;}
.about_l li i{width: 1px;height:75px;display: block;background: #e6e6e6;}
.about_l li{float: left;text-align: center;}
.about_l h4{font-size:30px;color:#b80000;font-weight: bold;line-height: 46px;}
.about_l h5{font-size:12px;line-height: 28px;color: #999999;margin-top: 5px; font-weight:normal;}
.about_l .btn{margin-top: 20px;line-height: 24px;color: #999999;display: block;overflow: hidden;}
.about_l .btn span{width: 32px;height: 18px;background: url(../images/ico2.png) no-repeat center;float: right;display: block;}
.about_l .btn:hover{color: #005bac;}
.about_l .btn span{position: relative;transition: all 0.4s;right: 0;}
.about_l .btn span:after{height: 3px;width:0;background: #333333;content: "";right:30px;bottom: 4px;display: block;position: absolute;transition: all 0.4s;}
.about_l .btn:hover span{right: 8px;}
.about_l .btn:hover span:after{width: 20px;}
.about_r{ display:none;}

.fuwubg{ background: #F2F4F8 url(../images/process_bg.jpg) center top no-repeat; padding:10% 0; overflow:hidden;}
.iaboutus_cul{ width:94%; padding:3%; height:auto; background:#fff; margin-top:3%;}
.iaboutus_cul .cultitle{ height:25px; font-size:22px; font-weight:bold;position:relative; padding-left:45px;}
.iaboutus_cul .cultitle:after{display: block; content: ''; width:26px; height:2px; background:#005bac;position: absolute; left:0px; top:15px;}
.iaboutus_cul .cultext{ margin-top:20px; line-height:30px;}

.page_tit2{clear:both; text-align:left;padding:3% 0;}
.page_tit2 h3{ height:30px; font-size:20px; color:#000;position: relative; font-weight:bold; padding-top:1%; line-height:30px;}
.page_tit2 h3 a{ color:#000;}
.page_tit2 h3:after{display: block; content: ''; width:26px; height:2px; background:#005bac; position: absolute; left:0; top:0;}
.page_tit2 p{ margin-top:0px; height:20px; font-size:12px; color:#999;text-transform:uppercase;}

.icase_list{overflow:hidden;padding-bottom: 4%;}
.icase_list .swiper-slide{border:1px solid #EDEDED; background:#fff;width:98%;margin-right:10%;}
.icase_list .swiper-slide .pic{ height: 200px;}
.icase_list .swiper-slide h3{ display:block; height:40px; line-height:40px; text-align:center; font-size:14px; overflow:hidden; color:#666;}
.icase_list .swiper-pagination{ width:100%; margin:auto; top:-210px; right:0; text-align: right;height: 16px;line-height: 16px;font-size: 0;z-index: 3; display:none;}

.process-bg { background: #F2F4F8 url(../images/process_bg.jpg) center bottom no-repeat; padding:4% 0 4% 0; }
.process-list { padding-top: 3%; }
.process-list li{ float: left; width:100%;margin-right: 0%; box-sizing: border-box; border: 1px solid #DBE1E5; margin-bottom: 2%; padding: 25px 0; background-color: rgba(255, 255, 255, 0.9); list-style-type: none !important; }

.brand ul.items li{ position:relative;width:46%;height:220px;margin:0 1.1%; overflow:hidden; float:left;}
.brand ul.items li p{ position:relative; top:10px; color:#333;font-size:12px;line-height:25px;text-align:center;-webkit-transition:all .3s ease-in-out .1s;-moz-transition:all .3s ease-in-out .1s;-ms-transition:all .3s ease-in-out .1s;-o-transition:all .3s ease-in-out .1s;transition:all .3s ease-in-out .1s;}
.brand ul.items li p span{ font-size: 12px;}
.brand ul.items li:nth-child(5){ display:none;}


.news {padding:5% 0;}
.inewsbox{ width:100%; height:auto; background:#fff; margin-top:5%;}
.inewsbox .intitle{ height:25px; line-height: 25px; position:relative; padding-left:10%;}
.inewsbox .intitle strong{font-size:18px; font-weight:bold;}
.inewsbox .intitle a{ color: #999;}
.inewsbox .intitle a:hover{ text-decoration:underline;}
.inewsbox .intitle:after{display: block; content: ''; width:26px; height:2px; background:#005bac;position: absolute; left:0px; top:15px;}
.inewsbox .cultext{ margin-top:20px; line-height:30px;}

.inewstu{ height: 122px;border-bottom:1px solid #f1f1f1;}
.inewstu .pic{width:30%;height:100px;  background: #DC7F81;}
.inewstu .txt{width:66%;height:100px;}
.inewstu .txt h3{display: block;font-size:16px;line-height: 25px;overflow: hidden;white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-weight:normal;}
.inewstu .txt p{ margin-top: 1%; height:69px; line-height:23px; color: #4a4a4a; overflow: hidden;}
.inewstu a:hover {color: #f60;text-decoration:underline;}

.inewslist ul li{width:100%; height: 35px; line-height: 35px; position:relative; overflow: hidden; text-indent:15px;border-bottom:1px dashed #f1f1f1; font-size:13px;}
.inewslist ul li:after{display: block; content: ''; width:5px; height:5px; background:#999;position: absolute; left:0px; top:15px; border-radius: 100%;}
.inewslist ul li span{ display: inline-block; float: right; color: #999; font-size: 12px;}
.inewslist ul li a:hover {color: #f60;text-decoration:underline;}

.footer{display: none;}

.foot-bot{color: #999;height:auto;line-height:30px; width:100%; background:#000; padding:4% 0; overflow:hidden; text-align:center; padding-bottom: 60px; margin-top:5%;}
.foot-bot p.fr{ display:none;}

.pos{ display:none;}

.p12-curmbs-1{font-size: 12px;border-bottom: 1px dashed #dcdcdc;height: 47px;line-height: 47px;}


.blk-xs{ width:100%; margin-bottom: 5%;}
.prodc_ls .contTit{padding:2% 0 7% 3%;background:#005bac;}
.prodc_ls .contTit span{color:#fff;font-size:22px; display:block;position: relative; line-height:35px;}
.prodc_ls .contTit span:after{position: absolute; content: ''; height: 1px; width: 56px; background-color: #fff; bottom: -8px; left: 0;}
.prodc_ls dl{border:1px solid #EDEDED; overflow:hidden;}
.prodc_ls dt{height:50px; line-height:50px; border-bottom:1px solid #EDEDED; overflow:hidden;}
.prodc_ls dt a{padding-left:30px; display:block; font-size:16px; font-weight: bold;position: relative;}
.prodc_ls dt a:before{ content:''; width:10px; height:10px; position:absolute; left:10px; top:20px; right:0px; background:#005bac;}
.prodc_ls dt a:hover{ color:#005bac}
.prodc_ls dd{ float:left; height:35px; line-height:35px; overflow:hidden;}
.prodc_ls dd a{padding-left:30px; height:35px; display:block;}

.photopro_list{margin:2% auto 3% auto;width:100%;overflow:hidden;}
.photopro_list ul{ width:110%;}
.photopro_list ul li{width: 44%;height: auto;float:left;margin:0 2% 2% 0;border:1px #e5e5e5 solid;}
.photopro_list ul li img{width: 100%;height: auto;vertical-align: top;}
.photopro_list ul li:nth-child(9){ display:none;}

.iconBox {height: auto; overflow: hidden; }
.iconBox ul{ width:100%;}
.iconBox li {float:left;width: 99%;height: auto;border: 1px solid #ebebeb;border-radius: 5px;-moz-border-radius: 5px;margin-right:0px; margin-top:5%; padding-bottom:5%;}
.iconBox li .icon { width: 100px; height: 100px; margin:4% auto 0; } 
.iconBox li .tit { color:#464646; font-size: 16px; line-height: 37px; height: 37px; font-weight: bold; text-align: center; padding:0px ; }
.iconBox li .p { width: 100%; height: auto; color:#333; font-size: 14px; line-height: 24px; margin: 0 auto; text-align: center; }























.footer-fix{position: fixed;bottom: 0;left: 0;width: 100%;background-color: #005399;z-index: 10;display: block !important;}
.footer-fix li{float: left;width: 25%;}
.footer-fix li a{display: block;text-align: center;color: #fff;padding: 7px 0;font-size: 12px;line-height: 1;}
.footer-fix li i{display: block;height: 20px;background: no-repeat center;background-size: contain;margin-bottom: 4px;}
.footer-fix li i.i1{background-image: url(../images/f_01.png);}
.footer-fix li i.i2{background-image: url(../images/f_02.png);}
.footer-fix li i.i3{background-image: url(../images/f_03.png);}
.footer-fix li i.i4{background-image: url(../images/f_04.png);}

.p1-search-1{display: none;}
.artid .data{display: none;}
.artid img{ width:100%;}


.right{ width:100%;}
.p14-infolist-1-list-desc{height: 48px;font-size: 14px;line-height: 24px;color: #797979;margin-bottom:0px;overflow: hidden;}
.p14-infolist-1-list-deta{width: 90px;height: 30px;line-height: 30px;text-align: center;float: right;background: #b6b6b6;color: #fff;display: none;}

.prodc_list{width: 100%;}
.prodc_list li{float:left;border:1px solid #dedede;margin-right: 2%;margin-bottom: 3%;width: 48%;}
.prodc_list li img{width: 100%;height: auto;padding: 0;}
.prodc_list li:nth-of-type(2n+0){margin-right: 0%;}

.pagess{clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size: 12px}
.pagess ul li{display: inline-block;border: 1px solid #ccc;padding: 0px 5px;margin: 0 3px;line-height: 20px;background: #fff;color: #999;}
.pagess ul li:hover{background: #005fb0; color: #fff;border: 1px solid #005fb0}
.pagess ul li:hover a{color: #fff;}
.pagess ul li.thisclass{display: inline-block;border: 1px solid #005fb0;padding: 0px 5px;margin: 0 3px;background: #005fb0;color: #fff;}
.pagess ul li.thisclass a{color: #fff;}
.pagess ul li a{display: block;color: #999}
.pagess ul li a:hover{color: #fff;}
	
}