*{margin:0; padding:0;}
body { background:#fff; font-family:"puhui",微软雅黑,"Arial","sans-seift"; font-size: 14px; line-height: 24px;color: #000;}
img{border:none; max-width: 100%;}
a{color:#000;  text-decoration:none;}
a:hover{color:#f00;  text-decoration:none;}
li,ul{list-style-type:none;}
ul{ margin: 0;padding: 0;}
.fl{ float: left;}
.fr{ float: right;}
.f16{ font-size: 16px;}
.f14{ width: 1400px; margin: 0 auto; }
.f12{ width: 1200px; margin: 0 auto; }
/*--- header ---*/
.header{padding: 20px 0; overflow: hidden;}
.logo{ float: left;}
.tel{ float: right; text-align: right;}
/*--- nav ---*/
.nav{ width: 100%; height: 62px; background: url(../images/menu.jpg) no-repeat top center; overflow: hidden;}
.n-left{ width: 268px; float: left; overflow: hidden;}
.n-left li{ width: 134px; float: left; text-indent: 55px; line-height: 62px;}
.n-left li a{ color: #fff;}
.n-left li a:hover{ color: #ff0;}
.n-right{ width: 1088px; float: right; overflow: hidden;}
.n-right li{ width: 136px; float: left; text-align: center; background: url(../images/nav-li.jpg) no-repeat right center; overflow: hidden; height: 62px; overflow: hidden;}
.n-right li a{ display: block; width: 100%; height: 62px; line-height: 62px; }
.n-right li a:hover{ background: url(../images/nav.jpg) no-repeat top center;}
/*--- banner ---*/
#banner{ width: 100%; height: 741px;position:relative}
#canvas1{ position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 1; } 
#canvas2{ position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 1; } 
#canvas3{ position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 1; } 
#slides { display:block; width:100%; height:741px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; bottom:20px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#f00 }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}
/*--- main ---*/
.warp{ width: 100%; padding-bottom: 20px; overflow: hidden;}
.m-plist{ width: 1920px; margin: 0 auto; overflow: hidden;}
.mplbox{ width: 960px; height: 460px; float: left; text-align: center; overflow:visible; position:relative;}
.mplbox .img{ width: 100%; height: 460px; overflow: hidden;}
.mplbox .img img{ width: 960px; height: 460px;transition: all 0.3s;}
.mplbox .img img:hover{transform: scale(1.2);}
.mplbox .txt{ width: 100%; overflow:hidden; position: absolute; left:0; top:140px; z-index:999}
.mplbox .txt .title{ font-size: 30px; color: #fff; padding: 20px 0;}
.mplbox .txt .content{ color: #918a89;  font-size: 20px; padding-bottom: 20px; overflow: hidden; text-transform:Uppercase;}
.mplbox .txt .more{ width: 114px; margin: 0 auto; height: 35px; border: 1px solid #fff; text-align: center; line-height: 35px;}
.mplbox .txt .more a{ color: #fff;}
.mplbox .txt .more a:hover{ color: #f00; text-decoration: underline;}

.m-product{ padding: 30px 0; overflow: hidden;}
.m-product .hd{ text-align: center; font-size: 35px; line-height: 45px; color: #2f2f2f;}

.mosaic-block {float:left;position:relative;overflow:hidden;width:330px;height:400px;margin:10px;}
.mosaic-backdrop {position:absolute;top:0;height:100%;width:100%;background:#f1f1f1;}
.mosaic-block a{ color: #fff;opacity: 0;}
.mosaic-block a:hover {opacity: 1;transition: 0.3s;}
.mosaic-backdrop .img{padding-top: 50px; line-height: 2.2; text-align: center; font-size: 18px; }
.mosaic-backdrop .img img{ width: 320px; height: 240px;}

.mosaic-overlay {z-index:5;position:absolute;width:100%;height:100%;background:#5080c8;}
.clearfix{ display: block; height: 0; clear: both; visibility: hidden; }
.details{ text-align: center; margin-top: 130px; }	
.d1{ width: 35px; margin: 0 auto; height: 35px; font-weight: 700; text-align: center; line-height: 35px; border-radius: 30px; border: 2px solid #fff; clear: both; font-size: 20px;}
.d2{ padding: 15px 0 45px 0; font-size: 18px;}
.d3{ text-decoration: underline; padding-top: 10px; font-size: 16px;}

.m-ys{ padding: 30px 0; overflow: hidden;}
.ys1{ width: 100%; background: url(../images/ys1.jpg) no-repeat top center; height: 600px;}
.ys2{ width: 100%; background: url(../images/ys2.jpg) no-repeat top center; height: 600px;}
.ys-l{ width: 600px; float: left;padding-top: 87px; overflow: hidden;}
.ys-r{ width: 600px; float: right; padding-top: 177px; overflow: hidden;}
.m-ys ul .hd{ height: 50px; line-height: 50px; font-size: 50px; padding-bottom: 80px; overflow: hidden;}
.m-ys ul .hd span{ color: #067acb;}
.m-ys ul .sub{ height: 70px; line-height: 70px; font-size: 70px; color: #067acb; font-weight: 700; overflow: hidden;}
.m-ys ul .tt{ font-size: 36px; padding: 35px 0; height: 35px; line-height: 36px; overflow: hidden;}
.m-ys ul .tt span{ color: #067acb;}
.m-ys ul .tc{ color: #666; line-height: 30px;}

.m-line{ padding: 80px 0 0 0; overflow: hidden;}
.m-line .hd{ text-align: center; font-size: 40px; height: 50px; line-height: 50px;}
.m-line .md{ text-align: center; font-size: 30px; height: 50px; line-height: 50px; background: url(../images/m-ys-bd.jpg) no-repeat bottom center; padding-bottom: 40px;}
.m-line .md span{ color: #067acb; font-size: 40px;}
.m-line .cont{ width: 80%; margin: 0 auto;text-align: center; font-size: 16px; padding: 10px 0; overflow: hidden; line-height: 30px;}
.m-line .bd{ padding-top: 30px; overflow: hidden;}
.m-line .bd ul{ width: 330px; float: left; margin: 0 10px; height: 200px; overflow: hidden; padding-top:102px; box-shadow: 1px 1px 5px 1px #d8edfb;}
.m-line .bd ul .tx{ width: 80%; margin: 0 auto; padding: 20px 0 50px 0; overflow: hidden; }
.m-line .bd ul .ct{ width: 136px; margin: 0 auto; height: 45px; text-align: center; background: #067acb;  line-height: 45px; border-radius: 30px; font-size: 20px; color: #fff;}
.m-line .bd ul .ct:hover{background: #fff; color: #067acb;  border-radius: 30px; }
.ml-1{ background: url(../images/ys1-1.png) no-repeat top center;}
.ml-1:hover{ background:#067acb url(../images/ys1-2.png) no-repeat top center;color: #fff;}
.ml-2{ background: url(../images/ys2-1.png) no-repeat top center;}
.ml-2:hover{ background:#067acb url(../images/ys2-2.png) no-repeat top center;color: #fff;}
.ml-3{ background: url(../images/ys3-1.png) no-repeat top center;}
.ml-3:hover{ background:#067acb url(../images/ys3-2.png) no-repeat top center;color: #fff;}
.ml-4{ background: url(../images/ys4-1.png) no-repeat top center;}
.ml-4:hover{ background:#067acb url(../images/ys4-2.png) no-repeat top center;color: #fff;}

.m-about{ width: 100%; background: url(../images/m-about-bg.jpg) no-repeat top center; margin-top: 30px; overflow: hidden;}
.m-about .hd{ width: 100%; height: 104px; border-bottom: 2px solid #fff; padding-top: 125px; overflow: hidden;}
.m-about .hd p{ font-size: 40px; color: #fff; line-height: 40px;  float: left;}
.m-about .hd a{ float: right; text-align: right; color: #fff; font-size: 40px; line-height: 40px;}
.m-about .bd{ padding-top: 66px; overflow: hidden;}
.m-about .bd .txt{ width: 704px; float: left;}
.m-about .bd .txt .content{ color: #fff; line-height: 3; font-size: 16px; padding-bottom: 30px;}
.m-about .bd .img{ float: right; text-align: right;}


.m-case{padding: 50px 0; overflow: hidden;}
.m-case .hd{ text-align: center; font-size: 35px;  line-height: 45px;}
.m-case .bd{ padding-top: 50px; overflow: hidden;}
.picScroll-left{  width: 1300px; height: 424px; margin: 0 auto; overflow:hidden; position:relative; }
.picScroll-left .hdd{ width: 673px;  height:9px;  overflow:hidden; position: absolute; right:0px; bottom:20px; z-index:999}
.picScroll-left .hdd ul{ width: 100%; height: 9px;}
.picScroll-left .hdd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:10px; text-indent:-999px; cursor:pointer; background:url(../images/icoCircle.png) 0 -9px no-repeat; }
.picScroll-left .hdd ul li.on{ background-position:0 0; }
.picScroll-left .bdd{ width: 100%; height: 424px;}
.picScroll-left .bdd ul{}
.picScroll-left .bdd ul li{ width: 100%; float: left; overflow: hidden;}
.picScroll-left .bdd ul li .pic{ width: 590px; float: left; height: 424px;}
.picScroll-left .bdd ul li .pic img{ width: 590px; height: 424px;}
.picScroll-left .bdd ul li .title{ width: 673px; float: right; overflow: hidden; padding-top: 36px;}
.cct1 a{ font-size: 30px;}
.cct2{ padding: 20px 0; color: #999; line-height: 35px;}
.cct3{ width: 117px; height: 45px; clear: both; background: #067acb; text-align: center; line-height: 45px; border-radius: 20px;}
.cct3 a{ color: #fff;}
.cct3 a:hover{ text-decoration: underline;}

.m-news{ padding: 30px 0; overflow: hidden;}
.m-news .hd{ padding-bottom: 10px; overflow: hidden;}
.m-news .hd p{ float: left; font-size: 30px;}
.m-news .hd a{ width: 128px; height: 43px; line-height: 43px; display: block; float: right; text-align: center; background: #067acb; color: #fff; border-radius: 20px;}
.m-news .hd a:hover{ color: #f00; text-decoration: underline;}
.m-news .bd{ padding-top: 30px; overflow: hidden;}
.o-news{ width: 642px; float: left; overflow: hidden;}
.o-news .img{ width: 100%; height: 290px; overflow: hidden;}
.o-news .img img{ width: 642px; height: 290px;}
.o-news .title{ padding-top: 10px; overflow: hidden; color: #999; line-height: 2.3;}
.o-news .title a{ font-size: 18px; color: #333;}
.mm-news{ width: 708px; float: right; overflow: hidden;}
.mm-news ul{ width: 708px; margin-bottom: 10px; height: 125px; border-bottom: 1px dashed #dedede; overflow: hidden;}
.mm-news ul:hover{ width: 704px; height: 122px; border: 2px solid #067acb;}
.mm-news ul .time{ width: 114px; float: left; height: 62px; padding-top: 20px; margin-top: 17px; border-right: 1px solid #d8d8db; text-align: center; font-size: 14px; color: #999;}
.mm-news ul .time span{ font-size: 35px;}
.mm-news ul .txt{ width: 544px; float: right;  padding: 20px 20px 0 0;overflow: hidden; color: #999; line-height: 2.3;}
.mm-news ul .txt a{ font-size: 18px; color: #333;}
/*--- sidebar ---*/
.sidebar{ width: 280px; float: left;}
.s-p{ width: 100%; overflow: hidden; border: 1px solid #dedede; overflow: hidden;}
.s-p .hd{ width: 100%; height: 80px;padding-top: 30px; text-align: center; background: #1381ce; color: #fff; line-height: 25px; font-size:22px; font-weight: 700;}
.s-p .hd span{ font-size: 14px; font-weight: 400;}
.s-p .bd{  padding: 25px 0; overflow: hidden;}
.s-p .bd ul{width: 90%; margin: 0 auto;}
.s-p .bd ul li{ width: 100%; height: 45px; line-height: 45px; text-indent: 20px; border-bottom: 1px dashed #dedede;}
.s-p .bd ul li a{ display: block; width: 100%; height: 45px; }
.s-p .bd ul li a:hover{ background: #1381ce; color: #fff;opacity: 1;transition: 0.2s;}
.s-tel{ width: 100%; height: 60px;padding-top: 5px; text-align: center; background: #1381ce; color: #fff; line-height: 30px; font-size:18px;}

.s-c{margin-top: 10px; width: 100%; overflow: hidden; border: 1px solid #dedede; overflow: hidden;}
.s-c .hd{ width: 100%; height: 80px;padding-top: 30px; text-align: center; background: #1381ce; color: #fff; line-height: 25px; font-size:22px; font-weight: 700;}
.s-c .hd span{ font-size: 14px; font-weight: 400;}
.s-c .bd ul{ width: 90%; margin: 0 auto; overflow: hidden; padding: 15px 0; line-height: 30px;}

/*--- inside ---*/
.main{ padding: 35px 0; overflow: hidden;}
.inside{ width: 880px; float: right; overflow: hidden;}
.catname{ width: 100%;  line-height: 40px; height: 40px; border-bottom: 1px solid #dedede;}
.cname{ width: 40%; float: left; font-size: 20px; color: #1381ce;}
.crumbs{ width: 55%; float: right; text-align: right;} 

.n-n{ width: 96%; margin: 0 auto; padding-top: 20px; line-height: 260%; overflow: hidden;}


/*--- footer ---*/
.footer{ width: 100%; background: #2b2b2b; padding: 40px 0 20px 0; overflow: hidden;}
.f-top{ width: 100%; padding-bottom: 15px; border-bottom: 1px solid #666; overflow: hidden;}
.f-link{ width: 1200px; float: left; height: 43px; overflow: hidden;}
.f-link .hd{ width: 101px; float: left; padding-top: 5px; overflow: hidden;}
.f-link .bd{ width: 1050px; float: right; line-height: 43px; overflow: hidden;}
.f-link .bd a{ color: #666; margin-right: 15px; font-size: 16px;}
.f-link .bd a:hover{ color: #f00;}
.f-top .ll{ width: 127px; float: right; overflow: hidden;}
.f-top .ll li{ width: 50%; float: left; text-align: center;}
.f-md{ padding: 50px 0; overflow: hidden;}
.f-nav{ width: 426px; float: left;}
.f-nav .hd{ color: #fff; font-size: 16px;}
.f-nav .hd span{ color: #909090; font-size: 14px;}
.f-nav .bd{ width: 60%; margin-top: 20px; clear: both;}
.f-nav .bd li{ width: 33.3%; float: left; line-height: 35px;}
.f-nav .bd li a{ color: #929191;}
.f-nav .bd li a:hover{ color: #fff; text-decoration: underline;}
.f-c1{ width: 295px; float: left; overflow: hidden;}
.f-c1 .hd{ color: #fff; font-size: 16px;}
.f-c1 .hd span{ color: #909090; font-size: 14px;}
.f-c1 .bd{ color: #706f6f; font-size: 14px; margin-top: 20px; line-height: 35px;}
.f-c1 .bd span{ color: #067acb; font-size: 16px; font-weight: bold;}
.f-c2{ width: 405px; float: left; padding-top: 40px; overflow: hidden;}
.f-c2 li{ width: 50%; float: left;text-indent: 45px; line-height: 35px; color: #fff;}
.fc1{ background: url(../images/f-linkman.jpg) no-repeat left center;}
.fc2{ background: url(../images/f-tel.jpg) no-repeat left center;}
.fc3{ background: url(../images/f-mobile.jpg) no-repeat left center;}
.fc4{ background: url(../images/f-email.jpg) no-repeat left center;}
.f-bot{ padding: 15px 0 0 0; overflow: hidden;}
.fb-l{ float: left; color: #a7a6a6;}
.fb-r{ float: right; text-align: right; }
.fb-r a{ color: #a7a6a6}

/*--- news ---*/
.list-news{ padding: 20px 0; overflow: hidden;}
.list-news li{ border-bottom: 1px dashed #dedede; line-height: 45px; text-indent: 15px;}
.list-news li span{ float: right;}

/*--- case ---*/
#picUL{ width: 100%; overflow: hidden;}
#picUL li{ width: 33.3%; float: left; text-align: center; overflow: hidden;}
#picUL li img{ width: 180px; height: 150px;}



/*--- product ---*/
.product_list_emphasis li p,.product_list_classify_all li>p{text-transform: uppercase;width:160px;height: 50px;background-color:#1381ce;color:#fff;font-size:24px;display: block;text-align: center;position: absolute;margin-top:-25px;margin-left: 230px;}
.product_list_classify_all{overflow:hidden;}
.product_list_classify_all li{float:left;display: block;width:33.3%;text-align: center;margin:30px 0px;overflow: hidden;}
.product_list_classify_all li a img{width:280px;height: 210px;}
.product_list_classify_all li>p{margin-left:58px;font-size: 16px;margin-top:-40px;padding:5px 10px;height: auto;width:150px;}
.product_list_classify_all li:hover .product_list_classify_img{}
.product_list_classify_all li:hover .product_list_classify_some_corner,.product_list_emphasis a:hover .product_list_emphasis_corner{display:block !important;}
.ih-item.square{height:auto;width: auto;}
.product_list_emphasis_corner{margin-top:-150px;margin-left:446px;width:150px;height: 150px;}
.n-p-list li{ margin-bottom: 10px; overflow: hidden;}
.n-p-list li a{ display: block; width: 90%; margin: 0 auto; height: 45px; text-align: center; line-height: 45px; color: #000;  border: 1px solid #094; border-radius: 10px;}
.n-p-list li a:hover{ color: #094;}

.p-top{ margin: 30px 0; overflow: hidden;}
.p-img{ width: 400px; float: left; overflow: hidden;}
.p-img img{ width: 398px; height: 298px; border: 1px solid #dedede;}
.p-txt { width: 400px; float: right; overflow: hidden;}
.p-txt li{margin-bottom: 10px; color: #333; line-height: 2;}
.img-txt-title{ font-size: 20px; font-weight: bold;  width: 100%; overflow: hidden;}
.img-txt-title1{padding: 0 6px;  font-size: 14px;}
.img-txt-title1 span{ color: #2660ba;}

.ptt{ padding: 10px 0; overflow: hidden;}
.ptel{ width: 100%; height: 63px; line-height: 25px; font-size: 15px; color: #000;background: url(../images/ico26ac.jpg) no-repeat left center;padding-left: 83px;}
.ptel span{ font-size: 30px;  font-weight: bold; }
.order-btn{ width: 100%; padding-top: 10px;}
.t10{display: block; text-align: center; width:216px; border: none; height: 53px;  background: url(../images/ico27.png) no-repeat;  overflow: hidden; color: #fff;font-size: 16px;font-weight: bold; line-height: 43px;}
.t10:hover{ color: #ff0;}
.p-content{ width: 820px; margin: 0 auto; box-shadow: 1px 1px 5px 1px #1381ce; padding: 20px 10px; overflow: hidden; margin-bottom: 35px;}
.p-content .hd{ background: url(../images/ico1.png) no-repeat left center; text-indent: 45px; font-size: 26px; font-weight: bold; margin: 0 0 10px; color: #333; line-height: 2;}


/*--- Universal ---*/
#newTitle{ color: #1381ce; font-size:22px;text-align:center; padding: 25px 0 5px 0; overflow: hidden; w}
#newsContent{margin-bottom:16px;}
#newsInfo{ text-align: center; color: #999; font-size: 14px; margin-bottom:26px; font-weight: 400}
#prev_next{ width: 95%; margin: 0 auto; padding: 35px 0 20px 0; overflow: hidden;}
#prev_next li{ width: 50%; float: left;}
.infoClass{margin:0px;margin-bottom:10px;line-height:12px;}
#infoImage{text-align:center;margin:10px 0;}
#infoImage img{padding:1px; border:1px solid #dedede;}

.message-box ul{ margin-bottom: 5px; overflow: hidden;}
.tl{ float: left; width: 15%; text-align: center;}
.tr{float: right; width: 84%;}
.t1{ width: 95%; border: 1px solid #cdcddc; height: 3rem;}
.t2{ width: 95%; border: 1px solid #cdcddc; height: 10rem;}
.t3{ width: 100px; height: 2.9rem; border: 1px solid #cdcdcd;}
.t4{ width: 100px; border: 1px solid #dedede; height: 3rem; vertical-align: top}
.t5{display: block; width:100px;height:45px;line-height:45px;background:#4a5b6d;border-radius:2px;border:none;text-align:center;margin-top:14pxfont-size:14px;font-family:微软雅黑,黑体,sans-serif;color:#FFF;}
.t5:hover{background:#4a5b6d;border-radius:2px; text-decoration: underline;}
#page{ border: 1px solid #cdcdcd; margin: 8px 0; text-align: center; height: 4rem; line-height: 4rem;}

.page-inner input{ width: 30px;}


#dituContent{ width:98%; margin:0 auto; border:1px solid #dedede; height:600px; overflow:hidden;}

.cont{ width: 100%; padding: 15px 0; overflow: hidden;}
.cont .hd{ width: 100%; height: 58px; margin: 10px 0;  font-size: 22px;  font-weight: bold; color: #202739; overflow: hidden;}
.cont .md{ border: 1px solid #dedede; padding: 10px 20px;}
.cont .bd{ height: auto; padding: 10px; border-bottom: 1px solid #dedede; overflow: hidden;}
.cont .bd .img{ width: 30%; float: left; padding-top: 20px; text-align: center; }
.cont .bd .txt{ width: 69%; float: right; padding-top: 20px; }
.cont .bd .txt li{width: 100%;height: 31px;color: #555;line-height: 31px; background: #f1f1f1;margin-bottom: 3px;padding: 20px;transition: 0.4s all;}
.cont .bd .txt li a{ color: #898989; }
.cont .bd .txt li:hover{background: #f47b00; color: #fff; padding: 25px; }
.cont .bd .txt li:hover a{ color: #fff; }