@charset "utf-8";

/* 首页 */

.main{width:100%;}

.main .section{width:1200px;margin:0 auto;padding:30px 0}

.main .sy_box{ width:100%; background:#f8f8f8; padding:20px 0; border-bottom:1px solid #ededed}

.box-lanrenzhijia2{width:1200px;height:170px;position:relative;}

.ashow2_2{width:1200px;float:left;display:inline;}

.list_02_2 li{float:left;overflow:hidden;height:170px;width:388px;padding-right:18px}

.list_02_2 li .box{ width:350px; border:1px solid #ededed; padding:12px 18px; background:#fff; height:144px}

.list_02_2 li a.video_list2{padding:0;display:block;height:170px;width:388px;}

.al_2{background:url(../images/main_28.png) no-repeat 0px 0;left:-57px;top:67px;position:absolute;overflow:hidden;width:36px;cursor:pointer;height:36px;z-index:100}

.al_2:hover{background:url(../images/main_28.png) no-repeat 0px -45px;}

.ar_2{background:url(../images/main_28.png) no-repeat -50px 0;right:-57px;top:67px;position:absolute;overflow:hidden;width:36px;cursor:pointer;height:36px;z-index:100}

.ar_2:hover{background:url(../images/main_28.png) no-repeat -50px -45px;}

.list_02_2 li a p{color:#666;font-size:14px; line-height:20px}

.list_02_2 li a .pic{width:130px; margin-right:16px; overflow:hidden;height:130px}

.list_02_2 li a .pic img{width:auto;height:100px;display:block;margin:0 auto;padding-top:20px}

.list_02_2 li a .wz{width:204px}

.list_02_2 li a h1{ color:#000; font-size:16px; margin-bottom:6px;height: 21px;overflow: hidden;}

.list_02_2 li a .wz span{ color:#4da3d9; font-size:14px; margin-top:7px; display:block}

.list_02_2 li .box:hover{ border:1px solid #4da3d9}

.sy_box2{ width:100%; padding:42px 0}

.sy_box2 .goods{ text-align:center;height:210px; overflow:hidden}

.sy_box2 .goods dl{ display:inline-block; padding:0 6%; border-right:1px solid #ededed;text-align:left; height:210px; overflow:hidden}

.sy_box2 .goods dt{ color:#333; font-size:18px; margin-bottom:10px}

.sy_box2 .goods dd a{ color:#666; font-size:16px; line-height:30px;}

.sy_box2 .goods dl.last{ border-right:none}

/* 经典案例 */

.banner2{ width:100%; height:300px}

.section .leftside{width:220px;margin-right:20px}

.section .rightside{width:960px;}

.leftside .nav{width:220px;}

.nav .tit{ display:block;padding:10px 22px; background:#0074bb; color:#fff; font-size:24px; width:176px; height:60px;}

.nav .tit em{ display:block; font-size:14px;margin-top:3px}

.nav .contact{ border:1px solid #dfdfdf; padding:18px 5px; margin-top:20px;}

.nav .contact .way{ border-bottom:1px solid #dfdfdf; padding-bottom:6px}

.contact .way li{ margin-bottom:13px}

.contact .way li strong{ display:inline-block; float:left; margin:2px 5px 0 0px;}

.contact .way li span{ display:inline-block; float:left; color:#333; font-size:14px}

.way li span em{ display:block;margin-top:2px}

.contact .sao{ text-align:center; padding-top:21px}

.contact .sao p{ color:#333; font-size:14px; line-height:24px; margin-top:10px}

.rightside .home{ border-bottom:1px solid #ddd; padding:18px 0 13px 0}

.home span{ display:inline-block; float:right; color:#333; font-size:16px; line-height:26px}

.home span a{color:#333; font-size:16px}

.home span strong{ display:inline-block; vertical-align:middle; margin:-3px 8px 0 8px;}

.home span em{ color:#0074bb}

.home h3{ color:#0074bb; font-size:20px}

.v{float:right;width:6px;height:9px;overflow:hidden;background:url(../images/sign3.png) no-repeat;display:inline-block;}

.v3{float:right;width:6px;height:9px;overflow:hidden;background:url(../images/sign3.png) no-repeat;display:inline-block;}

.v01{background-position:0 0;}

.v02{background-position:0 -60px;}

.v03{background-position:0 -60px;}
.vtitle:hover .v,.vtitle.active .v{background-position:0 -60px;}
.vtitle,.vtitle2{height:49px;background:#efefef;line-height:49px;border-bottom:1px solid #d4d4d4;padding:0 22px;font-size:14px;color:#333;cursor:pointer;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;}

.vtitle em,.vtitle2 em{margin:19px 0px 0 0;}

.vconlist{background:#efefef;border-top:1px solid #fff;padding:9px 0;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf; border-bottom:1px solid #d4d4d4}

.vconlist li a{line-height:30px;padding:0 22px;display:block;font-size:12px;color:#555;}

.vconlist li.select a,.vconlist li a:hover{color:#017bc4;text-decoration:none;}

.vtitle.active,.vtitle2.active2,.vtitle:hover{background:#51b3eb;color:#fff;border-left:1px solid #51b3eb;border-right:1px solid #51b3eb;}

.vtitle.active .v01{background-position:0 -50px;}

.vtitle2.active2 em{background-position:0 -60px;}

.vcon{ display:none;border-bottom:1px solid #fff}

.vcon.active{ display:block}

.rightside .content{ padding-bottom:120px}

.content .case{ padding-top:20px}

.case ul{ width:1020px}

.case li{ float:left; padding:20px; border-bottom:1px dashed #d3d3d3; width:410px; margin-right:60px; height:143px; overflow:auto; overflow:hidden}

.case li .pic{ display:inline-block; width:130px; margin-right:15px; overflow:hidden; text-align:center}

.case li .pic img{width:130px;height:auto;padding-top:5px;display:block; margin:0 auto}

.case li .wz{ width:260px}

.case li a .wz h1{ color:#333; font-size:16px; margin-bottom:6px;height: 21px;overflow: hidden;}

.case li a .wz p{ color:#666; font-size:14px; line-height:24px}

.case li a .wz span{ color:#4da3d9; font-size:14px; margin-top:7px; display:block}

.case02 li{ float:left;width:48.5%; margin-right:3%;overflow:hidden;text-align:center;height: auto;padding: 0;border-bottom: none;}

.case02 li .pic{ display:block;overflow:hidden;height: 320px;overflow: hidden;width: 100%;}

.case02 li .pic img{width:100%;height:100%;display:block; margin:0 auto;object-fit: cover;padding: 0;}

.case02 li:nth-child(2n){margin-right: 0;}

.case02 ul{ width:100%}

.case02 li a .wz{width: 100%;}

.case02 li a .wz h1{ color:#333; font-size:16px; margin-top:6px;height: 64px;overflow: hidden;line-height: 32px;}


/*联系我们*/ 

.content .contact_us{padding-top:32px}

.contact_us p,.contact_us p span{font-size:16px;color:#333;line-height:36px}

.contact_us p b{color:#333;font-weight:normal}

.contact_us h3{color:#333;font-size:16px;margin-bottom:6px;}

.contact_us h2{color:#333;font-size:16px;margin-bottom:6px;font-weight:bold}

.contact_us .m25{margin-top:25px}

.contact_us .map{margin-top:20px}

/*相关下载*/ 

.content .download{ padding-top:14px}

.download li{ border-bottom:1px dotted #dadada; height:59px}

.download li a{ color:#333; font-size:16px; line-height:59px}

.download li a em{ display:inline-block; float:right; color:#444; font-size:16px}

.download li a i{ display:inline-block; vertical-align:middle; margin-right:14px}

/*产品展示*/ 

.rightside .product2{ padding-top:45px;}

.product2 .pic{ display:inline-block; width:360px; margin-right:50px; border:1px solid #e1e1e1; padding:20px}

.product2 .js{ width:552px}

.product2 .js h4{ color:#000; font-size:18px; font-weight:bold; border-bottom:1px dotted #cbcbcb; padding-bottom:11px; margin-bottom:7px}

.product2 .js p{ color:#333; font-size:16px; line-height:30px}

.product2 .js p em{ color:#666}

.product2 h5{ border-bottom:1px solid #ddd;}

.product2 h5 em{ display:inline-block; color:#fff; background:#0c7abe; font-size:16px; width:100px; height:34px; line-height:34px; text-align:center}

.product2 .down_box p{color:#444; font-size:14px; line-height:30px}

.product2 .down_box h6{ margin:0px; color:#000; font-size:16px; margin-bottom:8px; margin-top:34px}
.product2 .top_box{height:357px}
.product2 .down_box{ clear:both;margin-top:-10px}

/*图片放大镜样式*/

.jqzoom{float:left;border:none;position:relative;padding:0px;width:310px;text-align:center;display:table-cell; margin:60px 20px 0 20px}

.jqzoom img{width:310px;height:auto;}

.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:300px;height:300px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}

.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/

.spec-preview{width:350px;height:350px;border:1px solid #e1e1e1; overflow:hidden;}

.spec-scroll{clear:both;margin-top:20px;width:400px; position:relative; margin-left:3px;right:-400px; bottom:143px}

.spec-scroll a{ background:url(../images/img.png) no-repeat; height:18px; width:10px; overflow:hidden; position:absolute}

.spec-scroll .items{position:relative;height:122px;overflow:hidden; margin:0 auto; padding-right:5px;}

.spec-scroll .items ul{position:absolute;width:999999px;height:122px;}

.spec-scroll .items ul li{float:left;width:120px;text-align:center;height:120px;margin:0 5px; overflow:hidden;border:1px solid #eee;}

.spec-scroll .items ul li img{width:auto;height:70px; margin-top:30px}

.spec-scroll .items ul li:hover{border:1px solid #60b3e2;}



.page{font-size:12px; padding-top:25px; padding-bottom:15px; margin:0 auto; margin-top:15px;}

.page span,.page  a{

padding:5px;

border:1px #CCCCCC solid;

margin-right:2px;

cursor:pointer;

}

.page .current{

border:1px #999999 solid;

background:#FFFFCD;

font-weight:bold;

}

.page  a:hover{

border:1px #333333 solid;

background:#FFFFCD;

text-decoration:none;

}



.detail{padding:15px 10px;}

.detail h1{ color:#2c7d16; text-align:center; font-size:20px;}

.write{ text-align:center; color:#999; border-bottom:solid 1px #ebebeb; margin:5px 0 18px;}

.write span{ color:#666;}

.detail p{ padding:0 14px;line-height:30px;font-size:14px;}

.dow{border-top:solid 1px #ebebeb;padding-top:15px; margin:30px 0; margin-left:10px;font-size: 16px;line-height: 30px; }

.dow b{ color:#2c7d16;}

.dow p{ text-indent:0;font-size:12px;}

.info p {line-height:25px;font-size:12px; margin-top:5px; }



.subNavBox{width:220px;}
.subNav{height:49px;line-height:49px;border-bottom:1px solid #d4d4d4;padding:0 22px;font-size:16px;color:#333;cursor:pointer;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;background:#efefef url(../images/jiantou1.png) no-repeat;background-position:95% 50%}
.subNav:hover{background:#51b3eb url(../images/jiantou.png) no-repeat;background-position:95% 50%;color:#fff;border-left:1px solid #51b3eb; border-right:1px solid #51b3eb}
.currentDd{color:#fff;}
.currentDt{background:#51b3eb url(../images/jiantou.png) no-repeat;background-position:95% 50%;color:#fff; border-left:1px solid #51b3eb; border-right:1px solid #51b3eb}
.navContent{ display:none;background:#efefef;border-top:1px solid #fff;padding:9px 0;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf; border-bottom:1px solid #d4d4d4}
.navContent li a{line-height:30px;padding:0 22px;display:block;font-size:14px;color:#333;}
.navContent li a:hover{color:#017bc4;}

.nav2 .nav_list{ margin-bottom:20px}
.nav_list li a{ height:50px; border:1px solid #eee; border-top:none; display:block; padding-left:12px; line-height:51px; color:#333; font-size:16px; background:#fff url(../images/jiantou1.png) no-repeat right -15px;background-position:95% 50%}
.nav_list li a:hover,.nav_list li a.move{ background:#51b3eb url(../images/jiantou.png) no-repeat right 20px; border:1px solid #51b3eb; border-top:none; color:#fff;background-position:95% 50%}