@charset "utf-8";
body{font-size:16px; font-family:"微软雅黑";}
*{ margin:0px; padding:0px;}
ul,li{list-style:none;}
a{ text-decoration:none;!important£º}
img{ border:0px;}
.all{height:100%;width:100%; max-width:800px; margin:0 auto;transition:transform 1s;}
.all .sticky{ transition:transform 1s;-moz-transition: transform 1s; -webkit-transition: transform 1s; z-index:999; position:relative;}
.all .sticky { width: 100%;text-transform: uppercase;max-width:800px; background-color:white; border-bottom:1px solid #2276b2;}
.all .fixed {position: fixed;top: 0;}
.all .sticky .left{ background:url(/wap/images/shouye.png) no-repeat center; width:15%; position:absolute; left:0px; top:0px; border-right:1px solid #2276b2; height:100%;background-size:60%;}
.all .sticky .right{ width:15%; position:absolute; right:0px; top:0px; border-left:1px solid #2276b2; height:100%;color: #2276b2; font-size:1.5em; text-align:center; line-height:-moz-block-height; background:url(/wap/images/daohang1.png) center no-repeat; background-size:60%;}
.all .sticky .logo{ width:50%; max-width:280px; height:auto; margin:0 auto;}
.all .content{transition:transform 1s;-moz-transition: transform 1s; -webkit-transition: transform 1s; width:100%;position:relative;}
.all .content .nav{ width:100%; overflow:hidden;}
.all .content .nav li{ float:left; padding:3% 0px; width:33.1%; text-align:center;border-bottom: 1px solid #bebebe;border-right: 1px solid #bebebe;}
.all .content .nav li a{ color:#666;}
.all .content .nav li:nth-child(3n){ border-right:0px;}
.all .content .titles{font:1.5em/2.5 "Microsoft Yahei"; padding:0px 3%;border-bottom: 2px solid #3381b8;text-align:center}
.all .content .titles a{  font-size: 0.875em;color: #666; line-height:60px; }
.all .content .titles span{ color:#999999;}
.all .content .product{margin-top:10px;}
.all .content .product .pro{ width:90%; margin:0 auto; overflow:hidden; padding-top:15px;}
.all .content .product .pro li{ width:45%; float:left; margin-right:9.5%; margin-bottom:10px;}
.all .content .product .pro li:nth-child(2n){ margin-right:0px;}
.all .content .product .pro li .pic{ padding:1%; border:1px solid #ccc; display:block;}
.all .content .product .pro li .pic img{ width:100%;}
.all .content .product .pro li .name{ font-size:1rem; text-align:center; display:block; color:#666; padding-top:2%;}
.all .content .new{margin-top:10px;}
.all .content .new .pro{ width:95%; margin:0 auto; overflow:hidden; padding-top:15px;}
.all .content .new .pro li{ background:url(/wap/images/newlist.png) no-repeat left center;  width:96%; margin-bottom:10px; border:1px solid #ccc; border-radius: 8px; padding:5px 5px; margin-bottom:10px;}
.all .content .new .pro li a{ color:#666; padding-left:4%; font-size:0.9rem;display: block; color: #666666; background:url(/wap/images/img_38.jpg) no-repeat right center;padding-right: 6%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.all .content .about{margin-top:10px; margin-bottom:15px;}
.all .content .about .pro{ width:95%; margin:0 auto; overflow:hidden; padding-top:15px;  color:#666; line-height:1.5em;}
.all .bottom{transition:transform 1s;-moz-transition: transform 1s; -webkit-transition: transform 1s; width:49%;  margin:0 auto; height:45px; line-height:45px; padding:0px 0px 0px 22%; background:url(/wap/images/img_48.jpg) no-repeat 10% center;  border:1px solid #ccc; border-radius:8px; margin-bottom:85px;}
.all .footer{transition:transform 1s;-moz-transition: transform 1s; -webkit-transition: transform 1s; height:70px; background-color:#3381b8; z-index:999; display:block; width:100%;position: fixed;  bottom:0px; max-width:800px;}
.all .footer li{width:33%; float:left; text-align:center;}
.all .footer li p{height:40px;line-height:-moz-block-height; padding-top:5px;}
.all .footer li p img{max-width:40px;}
.all .footer a{color:white; display:block; height:70px; position:relative;}
.all .footer a span{display:block;height:25px; line-height:25px; text-align:center; position:absolute; bottom:0px; width:100%;}
.menunav{ height:100%; transition:all 2s; display:none;background-color:#136baa; width:50%; position:fixed; right:0px; top:0px; z-index:1000;}
.menunav ul{ width:50%; margin:0 auto; padding:20px 0px;}
.menunav ul li{ width:100%; height:5rem; line-height:5rem; text-align:left; text-align:center; background:url(/wap/images/xian_03.png) bottom center no-repeat;}
.menunav ul li:last-child{background:none;}
.menunav ul li a{font-size:1rem; color:white; }

.content .about .titles{ text-align:center;}

/*about*/
.abouts .content .about{margin-top:1px; margin-bottom:15px;}
.abouts .content .about .titles{ text-align:center;}
.abouts .content .about .pro{ width:98%; margin:0 auto; overflow:hidden; padding:0px 1%; padding-top:15px; color:#666; line-height:-moz-block-height; text-indent:0px;}
.abouts .content .about .pro img{max-width:90%; margin:opx auto;}

/*newlists*/
.newlists .content .new{margin-top:1px;}
.newlists .content .new .titles{ text-align:center;}
.newlists .content .new .pro{ width:95%; margin:0 auto; overflow:hidden; padding-top:15px;}
.newlists .content .new .pro li{ background:url(/wap/images/newlist.png) no-repeat left center;  width:96%; margin-bottom:10px; border:1px solid #ccc; border-radius: 8px; padding:5px 5px; margin-bottom:10px;}
.newlists .content .new .pro li a{ color:#666; padding-left:4%; font-size:0.9rem;display: block; color: #666666; background:url(/wap/images/img_38.jpg) no-repeat right center;padding-right: 6%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newlists .pagelink{text-align: center;color: rgb(102, 102, 102);font-size: 1rem; margin-bottom:15px;}
.newlists .pagelink a{color: rgb(102, 102, 102);font-size: 1rem;}
.newlists .pagelink a:visited{color:#136baa ;font-size: 1rem;}
.newlists .pagelink a:active{color:#136baa ;font-size: 1rem;}

/*news*/
.news .content .about{margin-top:1px; margin-bottom:15px;}
.news .content .about .titles{ text-align:center;}
.news .content h6{font-size:1.2rem; text-align:center; color:#666; font-weight:bold;}
.content .about .pro{ width:98%; margin:0 auto; overflow:hidden; padding:0px 1%; padding-top:15px; color:#666; line-height:-moz-block-height; text-indent:0px;}
.content .about .pro img{max-width:90%; margin:opx auto;}
.content .shang { padding-top:10px;}
.content .shang a{font-size:1rem;color:#666; }
.content .xia a{font-size:1rem;color:#666;}
.content .xia{ padding-bottom:15px;}

/*productlists*/
.productlists .content .product{margin-top:1px;}
.productlists .content .product .titles{ text-align:center;}
.productlists .content .product .pro{ width:90%; margin:0 auto; overflow:hidden; padding-top:15px;}
.productlists .content .product .pro li{ width:45%; float:left; margin-right:9.5%; margin-bottom:10px;}
.productlists .content .product .pro li:nth-child(2n){ margin-right:0px;}
.productlists .content .product .pro li .pic{ padding:1%; border:1px solid #ccc; display:block;}
.productlists .content .product .pro li .pic img{ width:100%; height:auto;}
.productlists .content .product .pro li .name{ font-size:1rem; text-align:center; display:block; color:#666; padding-top:2%;}
.productlists .pagelink{text-align: center;color: rgb(102, 102, 102);font-size: 1rem; margin-bottom:15px;}
.productlists .pagelink a{color: rgb(102, 102, 102);font-size: 1rem;}
.productlists .pagelink a:visited{color:#136baa ;font-size: 1rem;}
.productlists .pagelink a:active{color:#136baa ;font-size: 1rem;}

/*products*/
.products .content .about{margin-top:1px; margin-bottom:15px;}
.products .content .about .titles{ text-align:center; margin:0 auto;}
.products .content h6{font-size:1.2rem; text-align:center; color:#666; font-weight:bold;}
.products .content .about .pro{ width:98%; margin:0 auto; overflow:hidden; padding:0px 1%; padding-top:15px; color:#666; line-height:-moz-block-height; text-indent:0px;}
.products .content .about .pro img{max-width:90%; margin:opx auto;}
.products .content .about .pro .dt{ text-align:center;}
.products .content .shang a{font-size:1rem; color:#666666;}
.products .content .xia a{font-size:1rem; color:#666666;}
.products .content .xia{margin-bottom:15px;}

/*gbook*/
.gbooks .titles{text-align:center;}
.gbooks .gbook{width:80%; margin:15px auto;}
.gbooks .gbook .faqtit{width:30%; display:inline-block; text-align:left; color:#666666; float:left;}
.gbooks .gbook .faqline{margin-bottom:1rem;}
.gbooks .gbook .Content{margin-bottom:1rem;}
.gbooks .gbook .faqline .submit{margin:0 auto; border:1px solid #136baa; background-color:#3381b8; color:white;}