/* banner */
.banner {position:relative;width:100%;height:35px; padding-top:195px;text-align:center;z-index:1;overflow:hidden;margin:auto;background-image: url(../images/purify-banner.jpg);background-repeat: repeat-x;background-position: center;}
.banner2 {position:relative;width:100%;height:35px; padding-top:65px;text-align:center;z-index:1;overflow:hidden;margin:auto;background-image: url(../images/purify-banner2.jpg);background-repeat: repeat-x;background-position: center;}
.submenu{width:1200px;margin:auto;height:35px;line-height:35px;background-image: url(../images/submenu-bg.gif);background-repeat: repeat-x;background-position: center center;}
.submenu li{height:35px;font-size: 14px; padding:0px 20px 0px 20px;float:left;}
.submenu li:hover{background-image: url(../images/submenu-bga.gif);background-repeat: repeat-x;background-position: center center;}

.submenu li:hover a{color:#1661a2;}
.submenu li a{color:#FFF;}
.submenu .hover{color:#1661a2;background-image: url(../images/submenu-bga.gif);background-repeat: repeat-x;background-position: center center;}
.submenu .hover a{color:#1661a2;}
#hover{background-image: url(../images/submenu-bga.gif);background-repeat: repeat-x;background-position: center center;}
#hover a{color:#1661a2;}

/* position */
.position{width:100%;height:52px;margin:auto;}
.position-main{width:1200px;margin:auto;font-family:"Microsoft YaHei";}
.position-title{width:1166px;height:52px;line-height:52px;margin-left:20px; padding-left:20px;background-image: url(../images/home-arrow.gif);background-repeat: no-repeat;background-position: left center;}

/* purify */
.purify{width:100%;margin:auto;}
.purify-main{width:1200px;margin:auto;font-family:"Microsoft YaHei";}
.purify-title{width:1198px;height:80px;line-height:32px;font-size:12px;padding-top:20px;text-align:center;color:#EAEAEA;border: 1px solid #E8E9E8;float:left;font-family:Arial, Helvetica, sans-serif;background-color: #fff;background-image: url(../images/casex.gif);background-repeat: no-repeat;background-position: center top;}
.purify-title:hover{border:1px solid #dcdcdc;-webkit-box-shadow:0 5px 15px #ddd ; -moz-box-shadow:0 5px 15px #ddd;box-shadow:0 5px 15px #ddd; z-index:5;}
.purify-title h2{font-size: 22px;font-weight: normal;font-family:"Microsoft YaHei";color:#5A5A5A;}
.purify-title h3{font-size: 12px;font-weight: normal;display:inline;font-family:"Microsoft YaHei"; color:#A6A6A6;}

.purify-list{width:1200px;font-size:12px; margin-top:35px;float:left;}
.purify-list ul{overflow: hidden; margin-right:-35px;}
.purify-list li{width:334px;padding:20px;border: 1px solid #E8E9E8;background:#fff; margin-right:35px;margin-bottom:35px;float:left;}
.purify-list li:hover{border:1px solid #dcdcdc;-webkit-box-shadow:0 5px 15px #ddd ; -moz-box-shadow:0 5px 15px #ddd;box-shadow:0 5px 15px #ddd; z-index:5;}
.purify-list li img{width:333px; height:230px;}
.purify-list li h4{ font-size:20px;margin-top:20px; margin-bottom:8px;}
.purify-list li span{width:333px; line-height:25px;font-size:14px;color:#8d8d8d;text-align:left;display:inline-block;}
.purify-list li b{width:180px;height:45px; margin-top:12px;display:inline-block;background-color: #e0e0e0;background-image: url(../images/see-arrow.png);background-repeat: no-repeat;background-position: center center;}
.purify-list li b:hover{background-color: #1b8cea;background-image: url(../images/see-arrowa.png);background-repeat: no-repeat;background-position: center center;}
.purify-list a:hover li b{ color:#333333;}

/* purify view */
.sidebar_a{width:966px;background:#fff;float:left;}
.sidebar_a:hover{-webkit-box-shadow:0 5px 15px #ddd ; -moz-box-shadow:0 5px 15px #ddd;box-shadow:0 5px 15px #ddd; z-index:5;}

.view-title{width:886px; padding:40px; height:50px;line-height:30px;font-size:12px;color:#8C8C8C; border-bottom:#EDEDED 1px solid;float:left;}
.view-title h2{font-size: 16px;font-family:"Microsoft YaHei";color:#125FAD;}
.view-title a{ padding:0px 12px 0px 12px;font-size:12px;color:#fff; float:right;display:inline-block; background:#125FAD;}
.view-content{width:886px; font-size:16px;padding:40px; line-height:35px;float:left;}
.view-content b{font-size:16px;}
.view-content strong{font-size:16px;}
.view-content a{color:#1d509a;}
.view-content table{ margin-bottom:30px;}
.view-content h3{width:886px;height:94px;line-height:52px;font-size:22px;color:#fff;text-align:center;display:inline-block;font-weight: bold;background-image: url(../images/jhgc-h3bg.png);background-repeat: no-repeat;background-position: center top; margin-bottom:28px; margin-top:38px;text-shadow: 0 1px 1px #000; }


/* catalog menu */
.sidebar_b{width:206px;float:right; margin-left:994px;position:fixed;overflow:auto;z-index:100;}
.catalog{width:206px;float:left;}
.catalog:hover{-webkit-box-shadow:0 5px 15px #ddd ; -moz-box-shadow:0 5px 15px #ddd;box-shadow:0 5px 15px #ddd; z-index:5;}
.catalog-title{width:186px;height:34px;line-height:34px;font-size:16px;font-weight: bold;color: #FFF;padding-left:20px;background-image: url(../images/sidebar_btitle.png);background-repeat: no-repeat;float:left;}
.catalog-menu{width:206px;background:#fff;float:left; padding-top:16px;padding-bottom:6px;}
.catalog-menu li{width:156px;height:30px;line-height:30px;padding-left:50px;margin-bottom:10px;font-size:14px;color:#333;text-align:left;background-image: url(../images/sidebar_bli.gif);background-repeat: no-repeat;background-position: center center;font-weight: bold;}
.catalog-menu li:hover{background-image: url(../images/sidebar_blia.gif);}
.catalog-menu li:hover a{ color:#FFF;}

/* catalog service */
.service{width:206px;float:left;}
.service-title{width:186px;height:45px;line-height:45px;font-size:16px;font-weight: bold;color: #FFF;padding-left:20px;background-image: url(../images/service_t.png);background-repeat: no-repeat;float:left;}
.service-content{width:168px;font-size:14px;background:#125FAD;color: #FFF; padding:6px 19px 6px 19px;background-image: url(../images/service_b.png);background-repeat: no-repeat;background-position: center bottom; float:left;}
.service-content li{width:168px; padding-bottom:6px;text-align:left;}
.service-content li strong{font-size:22px;}


/* order */
.order-form{width:886px;font-size:12px;float: left;background-image: url(../images/fanan_orderbg.gif);background-repeat: no-repeat;background-position: right center;}
.order-form li {width:540px; padding-top:4px; padding-bottom:4px;float: left;}
.order-form li input{font-family:"Microsoft YaHei"; color:#7A7A7A;}
.order-form li textarea{font-family:"Microsoft YaHei"; color:#7A7A7A;}
.order-form li select{width:126px;height:36px;font-family:"Microsoft YaHei";color:#7A7A7A;padding-left:10px;border:#DDD 1px solid;appearance:none;-moz-appearance:none;-webkit-appearance:none; margin-right:10px;}
.order-form li select::-ms-expand { display: none; }
.order-form li .textbox{width:250px; height:34px; line-height:34px;padding-left:10px;border:#DDD 1px solid;}
.order-form li .textbox2{width:250px; height:34px; line-height:34px;padding-left:10px;border:#DDD 1px solid;}
.order-form li .textbox3{width:528px; height:45px; padding-left:10px;padding-top:10px;border:#DDD 1px solid;}
.order-form li .submit{width:540px; height:36px;border:#F25619 1px solid; background:#F25619; color:#FFF;}




.share{width:886px;float: left;height: 40px;padding-top: 80px;border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: #C5C5C5;}
.url-keyword{width:886px;float: left;height: 66px;line-height:66px; color:#333;font-weight: bold;}
.url-keyword a{color:#FF6600;}
.url-keyword a:hover{text-decoration: underline;}
.pages{width:886px;float: left;line-height:33px; color:#AAA;}
.pages a{color:#333;}
.pages a:hover{color:#FF6600;text-decoration: underline;}


/* related */
.related{width:966px;float: left;}
.related-main{width:966px;float: left;margin-top:26px;font-family:"Microsoft YaHei";}
.related-title{width:966px;height:70px; line-height:70px;text-align:center;color:#EAEAEA;background-color: #fff;background-image: url(../images/casex.gif);background-repeat: no-repeat;background-position: center top;}
.related-title:hover{-webkit-box-shadow:0 5px 15px #ddd ; -moz-box-shadow:0 5px 15px #ddd;box-shadow:0 5px 15px #ddd; z-index:5;}
.related-title h2{font-size: 22px;font-weight: normal;font-family:"Microsoft YaHei";color:#5A5A5A;}

.related-list{width:966px;font-size:12px; margin-top:6px;float:left;}
.related-list ul{overflow: hidden; margin-right:-6px;}
.related-list li{width:280px;height:280px; padding:18px;border: 1px solid #fff;background:#fff; margin-right:6px;float:left;position:relative;}
.related-list li:hover{border:1px solid #dcdcdc;-webkit-box-shadow:0 5px 15px #ddd ; -moz-box-shadow:0 5px 15px #ddd;box-shadow:0 5px 15px #ddd; z-index:5;}
.related-list li img{width:280px;height:188px;}
.related-list li span{width:280px;height:36px;line-height:36px;font-size:14px;color:#000;text-align:center;background-image: url(../images/spanbg.png);background-repeat: repeat;top:170px;left:18px;position:absolute;display:inline-block;}
.related-list li b{width:280px;line-height:25px;font-size:12px; margin-top:10px;font-weight: normal;position:absolute;}
.related-list a:hover li b{ color:#333333;}

/* pages */
.pages{width:100%;height:70px;margin:auto;}
.pages-main{width:1200px;margin:auto;font-family:"Microsoft YaHei";}
.pages-list{width:1198px;height:70px;padding-top:10px; background:#fff;text-align:center;border: 1px solid #E8E9E8;float:left;}
.pages-list:hover{border:1px solid #dcdcdc;-webkit-box-shadow:0 5px 15px #ddd ; -moz-box-shadow:0 5px 15px #ddd;box-shadow:0 5px 15px #ddd; z-index:5;}
/*list*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 6px #fff;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#f3f3f3;}
.page_group ul{}
.page_group ul li{border-right:none;border-radius:0;float:left;background:#f3f3f3;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{background:#f3f3f3;}
.page_group ul li:last-child{background:#f3f3f3;}
.page_group ul .active a{background:#1b8cea;border-radius:0; color:#FFF;}