@charset "gb2312";
@import url("/font/font.css");

/* CSS Document */
body{ font-size:12px; font-family:siyuan; color:#333333;}
*{ margin:0px; padding:0px;}
img{ border:0px;}
a{ color:#000; text-decoration:none}
ul li{ list-style-type:none; list-style-image:none; font-size:12px;}

.top{ width:100%; height:176px; background:url(../images/a20.jpg) repeat-x}
.topCont{ width:1000px; height:176px; margin:0 auto;}
.top1{ width:100%; height:29px; float:left; line-height:29px; text-align:right; color:#bed6ec;}
.top1 a{ color:#bed6ec; padding-left:19px;}
.top2{ width:100%; height:100px; float:left;}
.logo{ float:left; margin-top:12px; height:88px;}
.tel{ float:right; height:20px; padding-left:26px; background:url(../images/a24.jpg) no-repeat left center; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#0080cc; margin-top:20px; margin-left:570px;}
.skr{ float:right; height:26px; margin-top:13px; position:relative;}
.stext{ width:120px; line-height:24px; height:24px; float:left; margin-right:5px; border:1px solid #cecdcc; border-radius:10px; padding-left:12px; padding-right:29px; color:#999;outline:none}
.sbut{ width:15px; height:14px; background:url(../images/a25.jpg) no-repeat; position:absolute; left:140px; top:6px; border:0; cursor:pointer}
.Nav{ width:100%; height:46px; float:left;}
.Nav ul li{ float:left; height:46px; line-height:46px; margin-left:57px;}
.Nav ul li a{ width:100px; height:46px; display:block; text-align:center; line-height:46px; font-size:16px; color:#1f3a49;}
.box{ width:100%; float:left; background:url(../images/a1.jpg) repeat-x; height:873px;}
.produs{ width:1000px; height:366px; padding-top:37px; margin:0 auto;}
.cpzs{ width:100%; height:38px; float:left;}
.cpzs span{ line-height:38px; float:left; padding-left:18px; height:38px; display:block; border-left:5px solid #0057a9; font-size:18px;}
.anniu{ width:57px; height:26px; float:right; background:url(../images/a2.jpg) no-repeat; margin-top:6px;}
#left{ width:28px; height:26px; float:left; display:block; cursor:pointer}
#right{ width:28px; height:26px; float:left; margin-left:1px; display:block; cursor:pointer}
#pdCont{ width:1000px; height:280px; float:left; margin-top:24px;}
#pdCont ul li{ width:322px; height:280px; float:left; border-right:1px solid #e0e0df; margin-right:33px}
.prImg{ width:285px; height:183px; float:left; border:1px solid #d7d7d7; text-align:center; margin-top:2px; overflow:hidden; position:relative}
.prImg img{ height:100%;}
.prImg .img{ width:285px; height:183px; position:absolute; left:0; top:183px; transition:top 0.2s; -moz-transition:top 0.2s; -webkit-transition:top 0.2s;}
.prImg:hover .img{ top:0}

.PrName{ width:285px; height:26px; float:left; margin-top:17px; font-size:16px; color:#333;padding-left:6px;}
.read{ width:285px; height:28px; float:left; line-height:28px; }
.read a{ padding-left:6px; padding-right:18px; background:url(../images/a5.jpg) no-repeat 81px center; font-family:Arial, Helvetica, sans-serif; color:#5d9dc0;}
.xw{ width:1000px; height:469px; margin:0 auto;}
.news{ height:350px; width:1000px; margin:0 auto;}
.newsl{ width:640px; height:280px; background:#fff; float:left; box-shadow: 5px 5px 5px #eaeaea;}
.about{float:right; width:383px; height:240px; margin-right:20px; margin-top:30px;}
.about li{ height:80px; border-top:1px #eee solid; line-height:80px;}
.about li span{ float:left; line-height:20px; text-align:center; width:85px; border-right:1px #cbcbcb dashed; color:#666; margin-top:15px; margin-right:20px;}
.slides {width:330px; height:280px; overflow:hidden; position:relative; padding-top:30px; top:-30px; float:right;}
.slides a {width:100%; height:auto; overflow:hidden; display:block; position:relative;}
.slides a img {width:100%; height:100%; overflow:hidden; display:block;}
.activ{ display:block; width:231px; height:140px;}
.active2{ background:url(../images/aa.jpg) no-repeat;}
.active1{background:url(../images/active.jpg) no-repeat;}
.active2 img{ float:left}
.slidesjs-pagination { position:absolute;right:0; z-index:998; top:8px;; transform:translateY(-50%) }
.slidesjs-pagination li {width:11px; height:12px; margin:5px 3px; list-style:none; float:left;}
.slidesjs-pagination li a {text-align:center; color:#969696; font-size:0px; display:block; -moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; border-radius:50%; height:11px;background:#d2d2d2;}
.slidesjs-pagination li a.current,.slidesjs-pagination li a:hover.current {background:#0057a9;}
.slidesjs-pagination li a:hover { background:#0057a9;}

.slidesjs-navigation {display:none;}
.slidesjs-navigation .slidesjs-previous {width:35px; height:100px; line-height:100px; font-size:36px; margin-top:-50px; padding-left:0px; position:absolute; top:50%; left:0px; z-index:999;}
.slidesjs-navigation .slidesjs-previous:hover {background:rgba(0,0,0,0.3); -moz-border-top-right-radius:3px; -webkit-border-top-right-radius:3px; -ms-border-top-right-radius:3px; border-top-right-radius:3px; -moz-border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px; -ms-border-bottom-right-radius:3px; border-bottom-right-radius:3px;}
.slidesjs-navigation .slidesjs-next {width:35px; height:100px; line-height:100px; font-size:36px; margin-top:-50px; padding-left:10px; position:absolute; top:50%; right:0px; z-index:999;}
.slidesjs-navigation .slidesjs-next:hover {background:rgba(0,0,0,0.3); -moz-border-top-left-radius:3px; -webkit-border-top-left-radius:3px; -ms-border-top-left-radius:3px; border-top-left-radius:3px; -moz-border-bottom-left-radius:3px; -webkit-border-bottom-left-radius:3px; -ms-border-bottom-left-radius:3px; border-bottom-left-radius:3px;}
.slides:hover .slidesjs-navigation {display:block;}

.dcyx{ width:100%; height:60px; margin-top:35px;}
.d1{ width:125px; height:60px; float:left; padding-left:83px; background:url(../images/a9.jpg) no-repeat 27px top;}
.d1 span{ width:100%; height:22px; float:left; display:block; line-height:22px; font-size:15px; color:#1064be; font-weight:bold;}
.d1 p{ width:100%; height:22px; float:left; display:block; line-height:22px; font-size:13px; color:#777;}
.d2{ width:125px; height:60px; float:left; padding-left:59px; background:url(../images/a10.jpg) no-repeat left 1px; margin-left:80px;}
.d2 span{ width:100%; height:22px; float:left; display:block; line-height:22px; font-size:15px; color:#1064be; font-weight:bold;}
.d2 p{ width:100%; height:22px; float:left; display:block; line-height:22px; font-size:13px; color:#777;}
.d3{ margin-left:57px; width:125px; height:60px; float:left; padding-left:57px; background:url(../images/a11.jpg) no-repeat left 2px;}
.d3 span{ width:100%; height:22px; float:left; display:block; line-height:22px; font-size:15px; color:#1064be; font-weight:bold;}
.d3 p{ width:100%; height:22px; float:left; display:block; line-height:22px; font-size:13px; color:#777;}
.d4{ width:170px; height:60px; float:left; padding-left:59px; background:url(../images/a12.jpg) no-repeat left 2px; margin-left:57px;}
.d4 span{ width:100%; height:22px; float:left; display:block; line-height:22px; font-size:15px; color:#1064be; font-weight:bold;}
.d4 p{ width:100%; height:22px; float:left; display:block; line-height:22px; font-size:13px; color:#777;}

.foot{ width:100%; height:307px; float:left; background:url(../images/a13.jpg) repeat-x}
.footCont{ width:1000px; height:270px; margin:0 auto; padding-top:37px;}
.ftProd{ width:153px; height:210px; float:left;}
.cpzx{ width:100%; height:26px; padding-bottom:7px; border-bottom:1px solid #bed0e1; font-size:15px; font-weight:bold; color:#374450; line-height:26px; text-indent:21px; background:url(../images/a14.jpg) no-repeat left 8px; margin-bottom:8px;}
.dd1{ width:100%; height:28px; line-height:28px; float:left; text-indent:21px;}
.dd1 a{font-size:14px; color:#37434f; }
.ftNav{width:153px; height:210px; float:left; margin-left:185px;}
.ftCaet{ width:315px; height:226px; float:left; float:left; margin-left:190px;}
.ftCaet dd{ margin-bottom:10px; float:left; width:288px; line-height:22px; font-size:14px; color:#374450; padding-left:28px;}
.bottom{ width:100%; height:44px; float:left; text-align:center; line-height:44px; font-size:13px; color:#e2ebf7;}
.bottom a{ color:#e2ebf7;}

.banner{ width:100%; float:left; text-align:center;}
.banner img{ max-width:100%}

.P_box{ width:100%; float:left; margin:30px 0;}
.products{ width:1000px; margin:0 auto;}
.left{ width:217px; float:left;}
.leftTop{ width:100%; height:46px; float:left; line-height:46px; background:#0080cc; color:#fff; font-size:15px; font-weight:bold; text-indent:25px;}
.leftBtn{ width:215px; float:left; border:1px solid #c9c9c9; border-top:0}
.leftBtn dd{ width:100%; float:left;  background:url(../images/pro_09.jpg) repeat-x;}
.leftBtn dd a{ width:100%;  display:block; height:37px; line-height:37px; font-size:13px; color:#555; text-indent:24px;}
.right{ width:748px; float:right;}
.rig_top{ width:100%; float:left; height:46px; line-height:43px; background:url(../images/pro_05.jpg) no-repeat bottom left; margin-bottom:30px;}
.sp1{ padding-left:15px; font-size:18px;}
.sp2{ float:right; color:#a7a7a7; font-size:14px;}
.sp2 a{ color:#a7a7a7; font-size:14px;}
.prodCent{ width:100%; float:left;}
.prodCent ul li{ width:222px; float:left; height:195px; margin:0 13px 17px;}

.prodsll ul li{ width:222px; float:left; height:195px; margin:0 13px 17px; text-align:center}
.prodsll ul li img{ max-width:100%; max-height:100%}
.prodImg{ width:220px; height:142px; float:left; border:1px solid #d7d7d7; text-align:center; position:relative; overflow:hidden;}
.prodImg img{ max-width:100%; height:142px;}
.abopi{ position:absolute; left:0; top:142px; transition:top 0.2s; -moz-transition:top 0.2s; -webkit-transition:top 0.2s;}
.prodImg:hover .abopi{ top:0;}
.prodName{ width:100%; height:50px; line-height:50px; text-align:center;}
.prodName a{ font-size:14px; color:#333;}

.select{ padding:14px; background:#0154a0; color:#fff !important; border:0 !important; margin-right:9px}
.page ul a{ padding:12px; border:1px solid #eee; color:#636766; margin-right:9px}
.page ul a:hover{  background:#0154a0; color:#fff !important;}
.prodCent1{ width:718px; padding:15px; float:left; padding-top:0}
.prodtex{ width:100%; height:30px;  margin:0 0 20px; text-align:center; line-height:30px; font-size:18px; float:left;}
.pIs{ width:100%; float:left; text-align:center; margin-bottom:20px;}
.pIs img{ max-width:60%;}
.Content{ float:left; width:100%; line-height:24px;}
.Content img{ max-width:100%}
.ppright{ padding-top:10px;}
.llk{ width:100%; float:left}
.llk h3{ width:100%; height:30px; line-height:30px;	}
.st ul li{ float:left; margin-right:13px;}
.st ul li img{ border:1px solid #ccc}
.prodCent2{ width:718px; float:left; padding:15px; padding-top:0}
.prodCent2 ul li{ width:100%; float:left; height:30px; line-height:30px; border-bottom:1px dashed #ccc; margin-bottom:10px}
.prodCent2 ul li span{ float:left;}
.prodCent2 ul li label{ float:right}
.prodCent2 ul li:hover span{ color:#0080cc; font-weight:bold; font-size:14px;}
.h2{ width:100%; height:30px; line-height:30px; float:left; text-align:center}
.date{ width:100%; height:30px; line-height:30px; text-align:center; float:left; color:#888585; margin-bottom:30px;}
.scde{ width:100%; float:left; line-height:24px;}
.scde img{ max-width:100%}

.ly1{ width:100%; height:30px; float:left; line-height:30px; margin:20px 0 ; font-size:14px;}
.lyLeft{ width:95px; height:60px; line-height:60px; text-align:right; font-size:14px; float:left; padding-right:10px;}
.lyRight{ width:555px; height:60px; float:left;}
.lyRight1{ width:555px; height:95px; float:left;}
.lyRight input{ width:400px; height:40px; line-height:40px; border:1px solid #ccc; margin-top:9px; padding:0 7px; font-size:14px; float:left; border-radius:3px}
.lyRight span{ color:red; font-weight:bold; float:left; margin-left:15px; height:60px; line-height:60px; font-size:18px}
.lyRight span font{ font-size:12px; color:#ccc; font-weight:100; }
.lyRight1 textarea{ width:400px; height:80px; float:left; padding:7px; line-height:24px; font-size:14px; border:1px solid #ccc; border-radius:3px;}
#Button2{ width:100px; height:35px; border-radius:5px; float:left; margin-top:15px; margin-left:240px;}