@charset "utf-8";

html{-webkit-text-size-adjust: none;overflow-x:hidden; }

body {font-family:"Microsoft YaHei";color:#333;font-size:0.9em;border:0px;padding:0px;margin:0px;}

h1,h2,h3,h4,h5,h6,ul,ol,li,input,p,dl,dt,dd{border:0px;padding:0px;margin:0px;list-style-type:none;font-weight: normal;}

a,a:hover{text-decoration:none;color:#000;}

img{border:0px;vertical-align:top}

.clear{clear:both;}

.clearfix:after { content: ""; display: table; clear: both; }

.clearfix { *zoom:1;}



.header{width: 100%;margin: 0 auto;}

.header .top{width: 100%;line-height:40px;margin: 0 auto;background: #444444;color: #cccccc;}

.header .top .top-box{width: 1000px;margin: 0 auto;}

.header .top .top-box .top-nav{float: right;}

.header .top .top-box .top-nav a{color: #cccccc;margin: 0 5px;}

.header .top .top-box .top-nav a:hover{color: #fff;text-decoration: underline;}

.header .nav{width: 100%;line-height: 40px;margin: 0 auto;background: #333333;}

.header .nav ul{width: 1000px;margin: 0 auto;}

.header .nav ul li{float: left;width: 12%;text-align: left;position: relative;}

.header .nav ul li.right{text-align: right;width: 1%;}

.header .nav ul li a{color: #ccc;font-size: 14px;}

.header .nav ul li a:hover{text-decoration: underline;color: #fff;}

.header .nav ul li img{cursor: pointer;position: relative;top:13px;}

.header .nav ul li div{display: none;width:350px;height:30px;background:#ccc;position: absolute;right:-10px;top:40px;padding: 3px;z-index: 9999;}

.header .nav ul li div .text{width:290px;height: 30px;line-height: 30px;float: left;text-indent: 0.5em;}

.header .nav ul li div .btn{width:60px;height: 30px;line-height: 30px;float: right;cursor: pointer;}

 .sub-nav{width: 100%;height: 80px;line-height: 30px;background: #f6f6f6;}

 .sub-nav .sub-nav-box{width: 1000px;margin: 0 auto; padding-top: 10px;}

 .sub-nav .sub-nav-box strong{float: left;display: block;width: 200px;font-size: 16px;color: #333333;font-weight: normal;}

 .sub-nav .sub-nav-box .sub-nav-list{ width: 800px; float: right;}

 .sub-nav .sub-nav-box .sub-nav-list a{margin-right:20px;}

.sub-nav .sub-nav-box .sub-nav-list a.active,.header .sub-nav .sub-nav-box .sub-nav-list a:hover{color: #5980c3;}



.banner{}

.banner.join{width: 100%;height: 600px;margin: 0 auto;}

.banner.join.gnjm{background: url(../images/banner-join-pic-01.jpg) no-repeat center top;}

.banner.join.gjjm{background: url(../images/banner-join-pic-02.jpg) no-repeat center top;}

.banner.join.xfzjm{background: url(../images/banner-join-pic-03.jpg) no-repeat center top;}



.apple-banner{width:100%;height:500px;overflow:hidden}

.swiper-container{margin-top:-40px;width:100%;height:580px}

.arrow-left{position:absolute;left:0;top:0;width:15%;height:100%;z-index:999}

.arrow-left span{margin-top:-32px;display:block;left:20px;top:50%;position:absolute;width:64px;height:64px;border-radius:100%;background:rgba(180,180,180,.25) url(../images/arrows.png) no-repeat center 17px;opacity:0;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}

.arrow-left:hover span{opacity:.6}

.arrow-right{position:absolute;right:0;top:0;width:15%;height:100%;z-index:999}

.arrow-right span{margin-top:-32px;display:block;right:20px;top:50%;position:absolute;width:64px;height:64px;border-radius:100%;background:rgba(180,180,180,.25) url(../images/arrows.png) no-repeat center -71px;opacity:0;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}

.arrow-right:hover span{opacity:.6}

.pagination{position:absolute;left:0;text-align:center;bottom:50px;width:100%}

.pagination li{display:inline-block;width:50px;height:30px;margin:0 3px;cursor:pointer}

.pagination li span{width:50px;height:2px;display:block;background:rgba(128,128,128,.2)}

.pagination li span i{background:gray;height:2px;display:block;opacity:0}

.pagination .current span i,.pagination .firstCurrent span i{transition:all .5s ease;opacity:1}

.pagination .click span{background:gray}

.pagination .click span i{display:none}

.autoplay li span i{transform:scaleX(0);transform-origin:0;opacity:1}

.autoplay .firstCurrent span i{transform:scaleX(1);transition:all 3s linear}

.autoplay .current span i{transform:scaleX(1);transition:all 4s linear}

.autoplay .replace span{background:gray}

.autoplay .replace span i{transform:scaleX(0)}

.slide1{background:#000 url(../images/banner1.jpg) no-repeat center 0%;background-size:auto 100%}

.slide2{background:#f3f3f3 url(../images/banner2.jpg) no-repeat center 0%;background-size:auto 100%}

.slide3{background:#fff url(../images/banner3.jpg) no-repeat center 0%;background-size:auto 100%}

.slide4{background:#fff url(../images/banner4.jpg) no-repeat center 0%;background-size:auto 100%}

.slide5{background:#fff url(../images/banner5.jpg) no-repeat center 0%;background-size:auto 100%}


.wraper{width: 100%;margin: 0 auto;padding: 15px 0 0;}

.wraper .f{width: 100%;margin: 0 auto;}

.wraper .f.f1{margin-bottom: 30px;}

.wraper .f.f1 .f1-box{width: 1000px;margin:0 auto;}

.wraper .f.f1 .f1-box h2{font-size: 24px;line-height: 45px;border-bottom: 2px solid #e4e4e4;margin-bottom: 15px;color: #333333;}

.wraper .f.f1 .f1-box h2 span{width:230px;height:45px;display:block;border-bottom: 2px solid #8f8f8f;position: relative;top:2px;}

.wraper .f.f1 .f1-box h2 small{font-size: 14px;}

.wraper .f.f1 .f1-box .f1-left{width: 650px;float: left;}

.wraper .f.f1 .f1-box .f1-left p{color: #818181;line-height: 30px;margin-bottom: 5px;text-indent: 2em;}

.wraper .f.f1 .f1-box .f1-left p a{color: #3263b5;}

.wraper .f.f1 .f1-box .f1-right{width: 276px;height:189px;margin-top:10px;margin-right:15px;float: right;position: relative;}

.wraper .f.f1 .f1-box .f1-right img{position: absolute;left:15px;top:-15px;}



.wraper .f.f2{background: #2c2e37;padding: 30px 0;}

.wraper .f.f2 .f2-box{width: 1000px;margin:0 auto;}

.wraper .f.f2 .f2-box h2{font-size:24px;line-height:25px;text-align: center;color: #fff;margin-bottom: 35px;background: url(../images/f2-title-bg.png) no-repeat center center;}
.wraper .f.f2 .f21-box h2{font-size:24px;line-height:25px;text-align: center;color: #fff;margin-bottom: 35px;}

.wraper .f.f2 .f2-box h2 small{font-size: 14px;}

.wraper .f.f2 .f2-box .f2-left{width: 410px;float: left;color: #fff;padding-top: 80px;}

.wraper .f.f2 .f2-box .f2-left h3{font-size: 24px;line-height: 50px;}

.wraper .f.f2 .f2-box .f2-left p{line-height: 30px;margin-bottom: 15px;color: #949494;font-size: 14px;padding:10px 0;}

.wraper .f.f2 .f2-box .f2-left p a{padding: 10px 35px;background:#3263b5;color: #fff;font-size: 14px;}

.wraper .f.f2 .f2-box .f2-left p a:hover{text-decoration: underline;}

.wraper .f.f2 .f2-box .f2-right{width: 522px;float: right;}


.wraper .f.f2 .f21-box{width: 1000px;margin:0 auto;}

.wraper .f.f2 .f21-box .f2-left{width: 410px;float: left;color: #fff;padding-top: 40px;}

.wraper .f.f2 .f21-box .f2-left h3{font-size: 24px;line-height: 50px;}

.wraper .f.f2 .f21-box .f2-left p{line-height: 30px;margin-bottom: 15px;color: #949494;font-size: 14px;padding:10px 0; float:left; margin-right:30px;}

.wraper .f.f2 .f21-box .f2-left p a{padding: 10px 35px;background: url(../images/anniu.png) no-repeat center; background-size:100% 100%;  color: #fff;font-size: 14px;}

.wraper .f.f2 .f21-box .f2-left p a:hover{text-decoration: underline; background:#123876;}

.wraper .f.f2 .f21-box .f2-right{width: 522px;float: right;}
.clr{ clear:both;}


.wraper .f.f3{height: auto;margin-bottom: 35px;}

.wraper .f.f3 .f3-box{width: 1000px;margin:0 auto;}

.wraper .f.f3 .f3-box .f3-left{width: 522px;float: left;position: relative;}

.wraper .f.f3 .f3-box .f3-left img{ margin-top: 20px;}

.wraper .f.f3 .f3-box .f3-right{width: 405px;float: right;padding-top: 50px;}

.wraper .f.f3 .f3-box .f3-right h3{font-size: 24px;line-height: 50px;}

.wraper .f.f3 .f3-box .f3-right p{line-height: 30px;margin-bottom: 15px;color: #949494;font-size: 14px;padding:10px 0;}

.wraper .f.f3 .f3-box .f3-right p a{padding: 10px 35px;background:#3263b5;color: #fff;font-size: 14px;}

.wraper .f.f3 .f3-box .f3-right p a:hover{text-decoration: underline;}



 .f.f4{margin-bottom: 30px;}

 .f.f4 .f4-box{width: 1000px;margin:0 auto;}

 .f.f4 .f4-box h2{font-size: 24px;line-height: 45px;border-bottom: 2px solid #e4e4e4;margin-bottom: 15px;color: #333333;position: relative;}

 .f.f4 .f4-box h2 span{width:230px;height:45px;display:block;border-bottom: 2px solid #8f8f8f;position: relative;top:2px;}

 .f.f4 .f4-box h2 small{font-size: 14px;}

 .f.f4 .f4-box h2 a{position: absolute;right:0px;top:5px;font-size: 14px;color: #787878;}

 .f.f4 .f4-box h2 a:hover{text-decoration: underline;}



 .f.f4 .f4-box .slideBox{height:200px; overflow:hidden; position:relative;}

.f.f4 .f4-box .slideBox .hd{width:150px;height:15px; overflow:hidden; position:absolute; right:410px; bottom:3px; z-index:1; }

 .f.f4 .f4-box .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }

 .f.f4 .f4-box .slideBox .hd ul li{ float:left; margin-right:6px;  width:35px; height:3px; line-height:14px; text-align:center; background:#dcdcdc; cursor:pointer; }

 .f.f4 .f4-box .slideBox .hd ul li.on{ background:#3263b5; color:#fff; }

 .f.f4 .f4-box .slideBox .bd{ position:relative; height:100%; z-index:0;   }

 .f.f4 .f4-box .slideBox .bd li{ zoom:1; vertical-align:middle; }



 .f4-body{}

.f4-body h3{width: 198px;line-height: 198px;text-align: center;}

 .f4-body dl{width: 1020px;}

 .f4-body dl dd{width: 490px;height: 198px;float: left;margin-right: 18px;margin-bottom: 18px;}

.f4-body dl dd img{width: 278px;height: 198px;float: left;}

 .f4-body dl dd img:hover{opacity: 0.8;}

 .f4-body dl dd h3{width: 212px;height: 198px;background: #f1f1f1;float: right;}

 .f4-body dl dd div.dd-div{width: 212px;height: 198px;background: #3263b5;float: right;cursor: pointer;}

 .f4-body dl dd div.dd-div div{display: none;}

 .f4-body dl dd div.dd-div h4{width: 80%;margin: 0 auto;line-height: 35px;border-bottom: 1px solid #fff;font-weight: bold;padding-top: 15px;margin-bottom: 5px;}

.f4-body dl dd div.dd-div h4 a{color: #fff;}

 .f4-body dl dd div.dd-div h4 a:hover{text-decoration: underline;}

 .f4-body dl dd div.dd-div p{width: 80%;margin: 0 auto;line-height: 30px;color: #fff;}



.wraper .f.f5{background: #eeeeee;padding: 25px 0;}

.wraper .f.f5 .f5-box{width: 1000px;margin:0 auto;}

.wraper .f.f5 .f5-box h2{font-size: 24px;line-height: 45px;border-bottom: 2px solid #e4e4e4;margin-bottom: 15px;color: #333333;position: relative;}

.wraper .f.f5 .f5-box h2 span{width:200px;height:45px;display:block;border-bottom: 2px solid #8f8f8f;position: relative;top:2px;}

.wraper .f.f5 .f5-box h2 small{font-size: 14px;}

.wraper .f.f5 .f5-box h2 a{position: absolute;right:0px;top:5px;font-size: 14px;color: #787878;}

.wraper .f.f5 .f5-box h2 a:hover{text-decoration: underline;}

.wraper .f.f5 .f5-left{width: 460px;float: left;}

.wraper .f.f5 .f5-left ul{}

.wraper .f.f5 .f5-left ul li{padding: 5px 15px;background: #fff;position: relative;margin-bottom: 12px;cursor: pointer;}

.wraper .f.f5 .f5-left ul li h3{width: 320px;line-height: 30px;}

.wraper .f.f5 .f5-left ul li p{width: 320px;line-height: 23px;}

.wraper .f.f5 .f5-left ul li div{width: 75px;text-align: center;position: absolute;right:0px;top:5px;color: #787878;border-left: 1px solid #787878;}

.wraper .f.f5 .f5-left ul li div big{font-size: 45px;}

.wraper .f.f5 .f5-right{width: 460px;float: right;}

.wraper .f.f5 .f5-left ul li:hover{background: #2b5e97;}

.wraper .f.f5 .f5-left ul li:hover h3 a{color: #fff;}

.wraper .f.f5 .f5-left ul li:hover p{color: #fff;}

.wraper .f.f5 .f5-left ul li:hover div{color: #fff;border-left: 1px solid #fff;}



.fr{width: 100%;height: 118px;background: url(../images/fr-bg.jpg) repeat-x;}

.fr .fr-box{width: 1000px;margin: 0 auto;padding-top: 10px;}

.fr .fr-box h2{font-size: 14px;line-height: 45px;}

.fr .fr-box img{margin-right: 10px;}



.footer-nav{width: 100%;line-height: 40px;background: #444;}

.footer-nav ul{width: 1000px;margin: 0 auto;}

.footer-nav ul li{float: left;width: 14%;line-height: 40px;text-align: center;}

.footer-nav ul li a{color: #ccc;}

.footer-nav ul li a:hover{text-decoration: underline;color: #fff;}



.go-top{width: 100%;line-height:40px;text-align: center;background: #333333;}

.go-top a{color: #cbcbcb;}

.footer{text-align:center;line-height: 25px;padding: 10px 0;color: #666565;}



/*产品列表*/

.list .list-sell{width: 1000px;margin: 0 auto;}



.list .list-sell h2{font-size: 24px;line-height: 55px;border-bottom: 2px solid #e4e4e4;margin-bottom: 25px;color: #333333;position: relative;}

.list .list-sell h2 span{width:256px;height:55px;display:block;border-bottom: 2px solid #8f8f8f;position: relative;top:2px;}

.list .list-sell h2 small{font-size: 14px;}

.list .list-sell h2 a{position: absolute;right:0px;top:5px;font-size: 14px;color: #787878;}

.list .list-sell h2 a:hover{text-decoration: underline;}



.list .list-sell dl{width: 1020px;}

.list .list-sell dl dd{width: 235px;height: 210px;float: left;margin-right: 18px;margin-bottom: 18px;}

.list .list-sell dl dd img{width: 235px;height: 210px;float: left;}

.list .list-sell dl dd img:hover{opacity: 0.8;}

.list .list-sell dl dd h3{width: 235px;line-height: 28px;height:198px;background: #f1f1f1;float: right;text-align: center;}

.list .list-sell dl dd div.dd-div{width: 235px;height: 210px;background: #3263b5;float: right;cursor: pointer;}

.list .list-sell dl dd div.dd-div div{display: none;}

.list .list-sell dl dd div.dd-div h4{width: 80%;margin: 0 auto;line-height: 35px;border-bottom: 1px solid #fff;font-weight: bold;padding-top: 15px;margin-bottom: 5px;}

.list .list-sell dl dd div.dd-div h4 a{color: #fff;}

.list .list-sell dl dd div.dd-div h4 a:hover{text-decoration: underline;}

.list .list-sell dl dd div.dd-div p{width: 80%;margin: 0 auto;line-height: 30px;color: #fff;}

.list .list-sell dl dd div.dd-div a{color: #fff;}



.list .list-sell ul{}

.list .list-sell ul li{margin-bottom: 25px;}

.list .list-sell ul li .info{width: 710px;height: 198px;background: url(../images/list-sell-bg.jpg) no-repeat;float: right;}

.list .list-sell ul li .info p{height: 61px;line-height: 61px;margin-bottom: 10px;overflow: hidden;}

.list .list-sell ul li .info p a:hover{color:#3263b5;}

.list .list-sell ul li .info .info-left{width: 155px;float: left;font-size: 16px;color: #fff;text-indent: 1em;}

.list .list-sell ul li .info .info-right{width: 525px;float: right;padding-left: 30px;}

.list .list-sell ul li:hover img{opacity:0.8;}



.list .page{width: 100%;line-height: 35px;text-align: center;padding: 10px 0 20px;}

.list .page a{margin: 0 5px;}

.list .page a:hover,.list .page a.active{color: #3263b5;}



/*单页（技术支持）*/

.page.support .p{width: 1000px;margin: 0 auto;border-bottom: 1px solid #d2d2d2;padding: 50px 0;}

.page.support .p h1{font-size: 32px;text-align: center;padding:25px 0 30px;}

.page.support .p p{line-height: 28px;font-size: 15px;padding-bottom: 8px;}

.page.support .p.p4{border:0;}



/*单页（加盟我们）*/

.page.join .join-box{width: 1000px;margin: 0 auto 15px;}

.page.join .join-box ul{}

.page.join .join-box ul li{width: 33.3%;float: left;position: relative;cursor: pointer;}

.page.join .join-box ul li div.li-div{display:none;width:100%;height: 600px;position: absolute;left:0;top:0;}

.page.join .join-box ul li div.li-div .opt{width:100%;height: 600px;background: #333;opacity: 0.3;position: absolute;left:0;top:0;z-index: 99;}

.page.join .join-box ul li div.li-div h2 {font-size: 28px;line-height: 35px;padding-top: 250px;text-align: center;position: relative;z-index: 9999;color: #fff;}

.page.join .join-box ul li div.li-div h2 a{ color: #fff;}

.page.join .join-box ul li div.li-div p{line-height: 50px;text-align: center;position: relative;z-index: 9999;}

.page.join .join-box ul li div.li-div p a{color: #fff;}

.page.join .join-box ul li div.li-div p a:hover{text-decoration: underline;}

.page.join .join-box .left{width: 49.9%;float: left;border-right:1px solid #d2d2d2;padding-bottom: 15px;}

.page.join .join-box .left h1{font-size: 32px;text-align: left;padding:5px 0 35px;padding-left: 25px;}

.page.join .join-box .left p{line-height: 28px;text-align: left;font-size: 15px;padding-left: 25px;}

.page.join .join-box .right{width: 49.9%;float: right;}

.page.join .join-box .right h1{font-size: 32px;text-align: left;padding:5px 0 30px;padding-left: 65px;}

.page.join .join-box .right p{line-height: 28px;text-align: left;font-size: 15px;padding-left: 65px;}

.page.join .join-box.gjjm{padding: 20px 0 30px;}



/*单页（关于我们）*/

.page.about{}

.page.about .p{width: 100%;height:600px;margin: 0 auto 15px;}

.page.about .p.p1{background: url(../images/about-bg-01.jpg) no-repeat center top;}

.page.about .p.p2{background: url(../images/about-bg-02.jpg) no-repeat center top;}

.page.about .p.p3{background: url(../images/about-bg-03.jpg) no-repeat center top;}

.page.about .p.p4{background: url(../images/about-bg-04.jpg) no-repeat center top;}
.page.about .p.p11{background: url(../images/about-bg-011.jpg) no-repeat center top;}

.page.about .p .title{padding-top: 50px;}

.page.about .p h2{font-size:24px;line-height:25px;text-align: center;color: #fff;margin-bottom: 35px;background: url(../images/f2-title-bg.png) no-repeat center center;}
.page.about .p h21{font-size:24px;line-height:25px;text-align: center;color: #fff;margin-bottom: 35px;background: url(../images/f2-title-bg1.png) no-repeat center center; display:block;}

.page.about .p h22{font-size:24px;line-height:25px;text-align: center;color: #fff;margin-bottom: 35px;background: url(../images/f2-title-bg2.png) no-repeat center center; display:block;}

.page.about .p h2 small{font-size: 14px;}

.page.about .p .content{width: 850px;margin: 0 auto;}

.page.about .p .content p{color: #fff;font-size: 15px;line-height: 30px;margin-bottom: 8px;text-indent: 2em;padding-right: 15px;}





/*单页（联系我们）*/

.page.contact .map{width: 100%;height: 550px;margin: 0 auto;background: url(../images/map.jpg) center top;}



/*产品列表页*/

.wraper.list .list-images{}

.wraper.list .list-images ul{}

.wraper.list .list-images ul li{border-bottom: 1px dashed #d2d2d2;margin-bottom: 50px;padding-bottom: 50px;}

.wraper.list .list-images ul li img{float: left;}

.wraper.list .list-images ul li:hover img{opacity: 0.8;}

.wraper.list .list-images ul li h1{width: 650px;float: right;border-bottom: 1px solid #d2d2d2;line-height: 38px;margin-bottom: 15px;}

.wraper.list .list-images ul li h1 a{font-size: 18px;}

.wraper.list .list-images ul li h1 a:hover{text-decoration: underline;color:#3263b5;}

.wraper.list .list-images ul li h1 span{float: right;color: #818080;font-size: 14px;position: relative;top:3px;}

.wraper.list .list-images ul li p{width: 650px;font-size:15px;float: right;line-height: 30px;margin-bottom: 15px;}

.wraper.list .list-images ul li p a{padding: 6px 25px;background: #3263b5;color: #fff;}

.wraper.list .list-images ul li p a:hover{text-decoration: underline;}



/*内容页*/

.wraper.article{width: 1000px;margin: 0 auto;}

.wraper.article .subject{padding: 30px 0;}

.wraper.article .subject h1{line-height: 45px;font-size: 26px;text-align: center;}

.wraper.article .subject h5{font-size: 12px;line-height: 30px;text-align: center;}

.wraper.article .content{border-top:1px solid #b6b6b6;border-bottom: 1px solid #b6b6b6;padding: 35px 0;margin-bottom: 35px;}

.wraper.article .content p{text-indent: 2em;line-height: 25px;margin-bottom: 10px;font-size: 14px;}

.wraper.article .recommond{width:1050px;margin-bottom: 45px;}

.wraper.article .recommond ul{}

.wraper.article .recommond ul li{width: 46%;float: left;line-height: 35px;border-bottom: 1px dashed #ccc;margin-right: 35px;margin-bottom: 10px;}

.wraper.article .recommond ul li.border{border:0;text-align: right;}

.wraper.article .recommond ul li span{float: right;color: #666;}

.wraper.article .recommond ul li a:hover{text-decoration: underline;color:#3263b5;}



.wraper.article .article-sell-box{padding: 25px 0;border-bottom: 1px solid #e7e7e7;margin-bottom: 35px;}

.wraper.article .article-sell-box .asb-left{width: 500px;float: left;}

.wraper.article .article-sell-box .asb-right{width: 450px;float: right;}

.wraper.article .article-sell-box .asb-right div{border: 1px solid #e7e7e7;padding: 5px 15px;border-radius: 5px;margin-bottom: 30px;}

.wraper.article .article-sell-box .asb-right div dl{}

.wraper.article .article-sell-box .asb-right div dl dt{line-height: 30px;font-weight: bold;border-bottom: 1px solid #e7e7e7;}

.wraper.article .article-sell-box .asb-right div dl dd{line-height: 25px;}

.wraper.article .article-sell-box .asb-right div dl dd p{padding: 5px 0;text-indent: 2em;color:#555;}







.subject{line-height: 30px;text-align: center;font-size: 20px;padding: 15px 0;}

.subject.border{border-bottom:1px dashed #d9d9d9;margin-bottom: 35px;}

.subject h2{font-size: 12px;font-weight: normal;}







.body.guestbook{}

.body.guestbook ul{width: 80%;margin:0 auto;}

.body.guestbook ul li{margin-bottom: 25px;}

.body.guestbook ul li textarea.textarea{width: 99.5%;line-height: 35px;border:1px solid #d9d9d9;text-indent: 0.5em;border-radius: 5px;}

.body.guestbook ul li input.text{width: 100%;line-height: 35px;border:1px solid #d9d9d9;text-indent: 0.5em;border-radius: 5px;}

.body.guestbook ul li input.btn{width: 100%;line-height: 35px;border-radius: 5px;text-align: center;background: #444444;color: #fff;cursor: pointer;}

.body.guestbook ul li input.btn:hover{background: #333333;}



/*分页样 cccccc 式*/

.page_nav{  text-align:center; width:100%; height:30px; padding-top:30px; color: #7e725e; margin-bottom:20px;}

.page_nav a {

border-right: #f3f3f3 2px solid; padding-right: 5px; border-top: #f3f3f3 2px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #f3f3f3 2px solid; color:#666666; padding-top: 2px; border-bottom: #f3f3f3 2px solid; text-decoration: none; font-size:14px; background-color:#f3f3f3; 

}

.page_nav a:hover {

border-right: #c2c2c2 2px solid; border-top: #c2c2c2 2px solid; border-left: #c2c2c2 2px solid; color: #7e725e; border-bottom: #c2c2c2 2px solid; font-size:14px;  

}

.page_nav a:active {

border-right: #000099 2px solid; border-top: #000099 2px solid; border-left: #000099 2px solid; color: #7e725e; border-bottom: #000099 2px solid; font-size:14px; 

}

.page_nav span.current {

border-right: #c2c2c2 2px solid; padding-right: 5px; border-top: #c2c2c2 2px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; border-left: #c2c2c2 2px solid; color: #7e725e; padding-top: 2px; border-bottom: #c2c2c2 2px solid; background-color:#c2c2c2; font-size:14px; 

}

.page_nav span.nolink { border-right: #f3f3f3 2px solid; padding-right: 5px; border-top: #f3f3f3 2px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #f3f3f3 2px solid; color:#666666; padding-top: 2px; border-bottom: #f3f3f3 2px solid; text-decoration: none; font-size:14px; background-color:#f3f3f3; 

}



.page_nav span{ font-size:14px;border-right: #5980c3 2px solid; padding-right: 5px; border-top: #5980c3 2px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #5980c3 2px solid; color:#fff; padding-top: 2px; border-bottom: #5980c3 2px solid; text-decoration: none; font-size:14px; background-color:#5980c3;  }

 

  

.page_nav_aa{border-right: #aaaadd 2px solid; padding-right: 5px; border-top: #aaaadd 2px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #aaaadd 2px solid;  padding-top: 2px; border-bottom: #aaaadd 2px solid; text-decoration: none; font-size:14px;  background-color:#fd1a2b; color:#FFFFFF}



.cpf{background: url(../images/7.jpeg) no-repeat center ; width:100%; margin-bottom:20px;}
.cpf1{background: url(../images/6.jpeg) no-repeat center ; width:100%;}