@charset "utf-8";
* {margin: 0;padding: 0;}
body{margin:150px 0 0 0;padding:0;}
td,div{font-size:12px;color:#444;}
h1,h2,h3,h4,h5,h6,p,ul,li,dt,dl,dd{margin:0;padding:0;list-style:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#f30;}
.clear{clear:both;}
.dis{display:none;}
.w,.wp{width:1200px;margin:0 auto;}
.mt10{margin-top:10px;}
.m10{margin:10px auto;}
.fixed{position:fixed;top:0;left:0;width:100%; background:#fff;z-index:99999;}
.blank{margin:0;padding:0;height:40px;overflow:hidden;clear:both;}

#topbar{background:url(../images/topbar.jpg) repeat-x top center;} 
#topbar{height:100px;padding:6px 0 0;}
#topbar .logo{width:720px;height:80px;float:left;margin-top:10px;}
#topbar .logo img{height:80px;}
#topbar .ftel{float:left;padding-left:70px;margin-top:25px;background:url(../images/ftel.jpg) no-repeat left center; text-align:center;}
#topbar .ftel p{font-size:16px;margin:0;padding:0; font-family:"宋体"}
#topbar .ftel h3{font-size:28px;color:#ff7c00;margin:0;padding:0;}
#topbar .fav{float:right;width:181px;background:url(../images/span.jpg) no-repeat top center;line-height:22px; text-align:center;color:#fff;height:40px;}
#topbar .fav a{color:#fff;padding:0 5px;font-family:"宋体"}

#topnav{background:#005bac;height:60px;}
#topnav .w ul{margin:0;padding:0;list-style:none;}
#topnav .w ul li{float:left;width:200px; text-align:center;}
#topnav .w ul li a{height:60px;line-height:60px;font-size:16px;font-family:microsoft yahei;color:#fff;display:block;}
#topnav .w ul li a:hover{background:#ff7e00;}
#topnav .w ul .hover a{background:#ff7e00;height:60px;line-height:60px;color:#fff;display:block;}
#topnav .w ul li dl{position:absolute;z-index:999;margin:0;display:none;width:200px;}
#topnav .w ul .hover dl dt a{background:#005bac;height:50px;line-height:50px;display:block;font-size:14px;}
#topnav .w ul .hover dl dt a:hover{background:#fff;color:#333;display:block;}

#banner{height:600px;}
#full-screen-slider { width:100%; height:600px; position:relative}
#slides { display:block; width:100%; height:600px; 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:10px; z-index:2000;  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:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0; text-indent:-9999px;}
#pagination li.current { background:#0092CE}

#search{height:100px; width:100%; position:relative;margin-top:-40px;z-index:9999;}
#search{}
#search .ss{z-index:100; position:absolute;border-radius:50px;background:#004ea1;height:100px;line-height:100px;}
#search .ss .t1{float:left;color:#fff;font-size:18px; text-align:center; width:300px;}
#search .ss .t2{float:left;color:#fff;font-size:20px; text-align:center; width:300px;margin:0 100px;}
#search .ss .t2 form{margin-top:35px;}
#search .ss .t2 form .txt{border:none;background:#fff;padding:5px 10px;width:200px; border-radius:20px 0 0 20px;float:left;height:22px;}
#search .ss .t2 form .btn{border-radius:0 20px 20px 0;border:0;width:60px;background:#fff;padding:5px 10px; float:left;height:32px;}
#search .ss .t3{float:left;color:#fff;font-size:20px; text-align:center; width:400px;}
#search .ss .t3 span{color:#999;font-size:14px;margin-right:10px;}
#search .linebg{z-index:1;background:#004ea1;width:100%;height:60px; position:absolute;bottom:0;left:0;}

.subject{padding:40px 0;text-align:center;overflow:hidden;clear:both;font-family:microsoft yahei;}
.subject h3{color:#004ea1;font-size:24px;line-height:50px;padding:0;margin:0;}
.subject p{color:#bbb;display:inline-block;font-size:14px;margin:0;padding:0;}
.subject a{float:right;font-size:12px;font-family:宋体;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.pnav{ height:80px; line-height:80px; background:#f4f4f4;  position:relative; z-index:1;  } 
.pnav .nLi{ width:300px;margin:0 auto; text-align:center;float:left;  position:relative; display:inline; font-size:16px;}
.pnav .nLi h3{ font-weight:normal; }
.pnav .nLi h3 a{ display:block;background:#f4f4f4; width:300px;margin:0 auto;}
.pnav .sub{ display:none; width:120px; top:80px;  position:absolute; background:#cc0000;  line-height:40px;left:40px;}
.pnav .sub li{margin:0;padding:0;list-style:none; text-align:center;}
.pnav .sub a{ display:block; color:#fff; } 
.pnav .on h3 a{ background:#f4f4f4;border-top:2px solid #C00;  }


/*产品列表*/
.l2{margin:0;padding:0;list-style:none;clear:both;overflow:hidden}
.l2 li{margin:0 0 14px 0;float:left;padding:0;display:inline-block;vertical-align:top;width:33.33%;}
.l2 .con{display:block;position:relative;overflow:hidden;margin:10px;height:285px;}
.l2 .pic{padding-top:100%;position:relative;overflow:hidden;}
.l2 .pic img{position:absolute;left:0;top:0;width:380px;height:285px;transition: All 0.4s ease-in-out;
 -webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.l2 .con:hover .pic img{ -moz-transform:scaleX(-1); -webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);/*IE*/filter:FlipH;}	

.l2 .tit{background:#eee;line-height:50px;margin:10px;text-align:center;font-size:18px;font-weight:400;z-index:2}
.l2 .tit:hover{background:#C00;color:#fff;display:block;}
.l2 .mask{position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,78,162,.82);opacity:0;filter:alpha(opacity=0);filter:alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';z-index:2;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
.l2 .mask .mask-con{padding:0;position:absolute;left:0;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);color:#fff;font-size:80px; font-family:"宋体"; text-align:center;} 
.l2 .con:hover .mask{opacity:1;filter:alpha(opacity=100);filter:alpha(Opacity=100);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'}


/*应用领域*/
.ind-row3{ position:relative;background:url(../images/ban1.jpg) no-repeat bottom center;background-size:100% 400px;}
.l3{margin:0;padding:0;list-style:none;overflow:hidden}
.l3 li{margin:0 0 14px 0;float:left;overflow:hidden;padding:0;display:inline-block;vertical-align:top;width:33.33%}
.l3 .con{display:block;position:relative;overflow:hidden;margin:0 10px;}
.l3 .pic{padding-top:100%;position:relative;overflow:hidden;}
.l3 .pic img{position:absolute;left:0;top:0;width:100%;height:100%;transition: All 0.4s ease-in-out;
 -webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.l3 .con:hover .pic img{ -moz-transform:translateY(-5%); -webkit-transform:translateY(-5%);-o-transform:translateY(-5%);transform:translateY(-5%);/*IE*/filter:FlipH;}	
.l3 .tit{background:#f6f6f6;line-height:60px;margin:0 10px;text-align:center;font-size:18px;font-weight:400;z-index:2}
.l3 .tit:hover{background:#C00;color:#fff;display:block;}
.l3 .mask{position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,78,162,.82);opacity:0;filter:alpha(opacity=0);filter:alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';z-index:2;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
.l3 .mask .mask-con{padding:0;position:absolute;left:0;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);color:#fff;font-size:80px; font-family:"宋体"; text-align:center;} 
.l3 .con:hover .mask{opacity:1;filter:alpha(opacity=100);filter:alpha(Opacity=100);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'}
.l3 .more{display:block;width:50px;height:50px;line-height:50px;margin:40px auto; text-align:center}
.l3 .more a{display:block;color:#fff;font-size:36px; font-family:"times new roman";border-radius:30px;border:1px solid #fff;}
.l3 .more a:hover{background:#C00;border:none;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}

/*四大优势*/
#ysbg{background:url(../images/ysbg.png) no-repeat top center #fff;overflow:hidden;padding-top:40px;}
.ystitle{ width:500px;margin:0 auto;background:url(../images/advg.jpg) no-repeat; height:145px;padding:60px 0 40px 200px;}
.ystitle h3{font-size: 32px; letter-spacing: 5px;color:#676767;font-weight:normal;line-height:60px;}
.ystitle h3 span{color:#004ea2; font-weight:bold;padding:0 px;font-size:36px;}
.ystitle p{font-size:16px;color:#888}

.ysul{margin:0;padding:0;list-style:none;}
.ysul li{overflow:hidden;padding:30px 50px;}
.ysul li .txt{float:left;width:500px;}
.ysul li .txt .icon{float:left;width:90px;background:url(../images/ibg1.jpg) center;height:90px;line-height:90px;font-size:24px; text-align:center;color:#fff;}
.ysul li .txt .ctitle{float:left;width:410px;}
.ysul li .txt .ctitle h3{font-size:22px;line-height:90px;}
.ysul li .txt .ctitle h3 span{margin-left:20px;color:#999;}
.ysul li .txt .ctitle .dcon{margin-top:20px;}
.ysul li .txt .ctitle .dcon p{margin-bottom:20px;}
.ysul li .txt .ctitle .dcon p i{float:left;width:30px;display:block;}
.ysul li .txt .ctitle .dcon p span{display:block;padding-left:30px;line-height:22px;}
.ysul li .pic{float:left;width:600px; text-align:center;}
.ysul li .txt .ctitle .dcon .clin{line-height:30px;margin-bottom:5px;}


/*关于我们*/
#aboutbg{background:url(../images/ban1.jpg) no-repeat top center; background-size:100% 400px;overflow:hidden;padding:50px 0 0 0;}
#aboutbg .subject h3{color:#fff;}
#aboutbg .subject p{color:#fff;}
#aboutbg .ccon{background:#f4f4f4; border-radius:30px;padding:50px;margin:50px auto;overflow:hidden;clear:both;}
#aboutbg .ccon .txt{float:left;width:500px;overflow:hidden;}
#aboutbg .ccon .txt h3{padding-bottom:20px;line-height:50px;font-size:24px;}
#aboutbg .ccon .txt p{line-height:30px;font-size:16px;padding-bottom:20px;}
#aboutbg .ccon .pic{float:left;width:550px;}
 .abul{margin:0 auto;padding:0;list-style:none;}
 .abul li{float:left;width:130px;margin:0 auto; text-align:center;}
 .abul li .box{overflow:hidden;padding:20px 0;}
 .abul li .box img{transform: scale(1);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.abul li .box:hover img{ transform:scale(1.1)}
 .abul li .box h3{line-height:40px;font-size:16px;}

.honpic{ width:1200px;overflow:hidden; position:relative;}
.honpic .bd{}
.honpic .bd ul{ overflow:hidden; zoom:1; }
.honpic .bd ul li{ margin:0 5px;width:264px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.honpic .bd ul li img{ width:264px; height:185px; display:block;}


/*示范案例*/
#t6{padding:0 0 50px 0;overflow:hidden;}
#t6 .tleft6,#t6 .tright6{float:left;}
#t6 .tleft6{width:580px;margin-right:40px;}
#t6 .tright6{width:580px;}

.news{margin:20px 0;}
.news li{line-height:25px;padding:10px 0;overflow:hidden;border-bottom:1px solid #ddd;}
.news li h3{}
.news li .time{}
.news li .desc{}


.xcpic{ width:580px; height:300px; overflow:hidden; position:relative; }
.xcpic .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:55px; z-index:1; }
.xcpic .hd ul{ overflow:hidden; zoom:1; float:left;  }
.xcpic .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.xcpic .hd ul li.on{ background:#f00; color:#fff; }
.xcpic .bd{ position:relative; height:100%; z-index:0;   }
.xcpic .bd li{ zoom:1; vertical-align:middle; }
.xcpic .bd img{ width:580px; height:300px; display:block;  }
.xcpic .bd p{background:#333;color:#fff;line-height:40px; text-align:center;}


/* 下面是前/后按钮代码，如果不需要删除即可 */
.xcpic .prev,
.xcpic .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.xcpic .next{ left:auto; right:3%; background-position:8px 5px; }
.xcpic .prev:hover,
.xcpic .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.xcpic .prevStop{ display:none;  }
.xcpic .nextStop{ display:none;  }

#t6 .tright6 ul{margin:0;overflow:hidden;clear:both;}
#t6 .tright6 ul li{margin-bottom:15px;overflow:hidden; border-bottom:1px dotted #ddd;padding:10px 0;}
#t6 .tright6 ul li .time{float:left;background:#2a55f1;width:80px;color:#fff; text-align:center;height:80px;}
#t6 .tright6 ul li .time h1{margin:0;padding:0;}
#t6 .tright6 ul li .wz{float:left;width:480px;margin-left:20px;}
#t6 .tright6 ul li .wz h3{line-height:30px;}
#t6 .tright6 ul li .wz p{padding:5px 0 0 0;line-height:25px;}


 
/*底部*/
#footer{background:#004c66;padding:30px 0 0 0;overflow:hidden;} 
#footer .t1{width:360px;float:left;color:#fff;}
#footer .t2{width:280px;float:left; padding:0 30px;color:#fff;line-height:40px;}
#footer .t3{width:350px;margin-left:50px;float:left;color:#fff;}

#footer h1{font-size:18px;margin:10px auto;}
#footer .t1 p{line-height:25px;}
#footer .t2 h1{margin-left:10px;}
#footer .t2 .t21{float:left; width:140px;}
#footer .t2 .t21 img{width:120px;display:block;margin:0 auto;}

#footer .t3 p{line-height:25px;}
#footer .t3 h3{line-height:60px;font-size:28px;margin-bottom:20px;}

#footer .line{float:left;width:1px;background:#036f95;height:200px;margin:0 20px;display:block;}
#footer .cline{margin-top:20px;width:100%;height:1px;display:block;background:#036f95;}

.copyright{margin:0 auto;background:#004c66;text-align:center;height:40px;padding:0;line-height:40px; color:#fff;}
.copyright a{color:#fff;}

/*catpic*/
#catpic{height:500px;display:block;}

#home{background:#fcfcfc;height:60px;line-height:60px;}

.topcase{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.topcase li{float:left;width:240px;margin:0 13px 13px 0;}
.topcase li a{text-align:center;display:block;position:relative;height:160px;overflow:hidden;}
.topcase li img{border:1px solid #eee;width:240px;height:180px;display:block;margin-bottom:10px;}
.topcase li a div{position:absolute;background:#333;width:100%;line-height:40px;height:40px;color:#fff;display:block;bottom:-40px;left:1px;opacity:0.7}

.bg_black{background:#eee;padding:15px 0;}
.subject_news{color:#333;font-size:18px;font-family:microsoft yahei;height:41px;line-height:40px;border-bottom:1px solid #ddd;}
.subject_news b{display:inline-block;font-weight:normal;border-bottom:2px solid #1F92D1;height:40px;line-height:40px;}
.subject_news span{color:#bbb;display:inline-block;font-size:16px;font-family:verdana;padding-left:10px;}
.subject_news a{float:right;font-size:12px;font-family:宋体;}

.newslist{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.newslist li{float:left;width:480px;margin:0 20px 20px 0;}
.newslist li a img{float:left;margin-right:10px;border:1px solid #eee;}
.newslist li a .title{font-size:16px;font-family:microsoft yahei;line-height:30px;}
.newslist li a .date{font-size:12px;color:#444;font-family:arial;line-height:20px;}
.newslist li a .intro{line-height:18px;color:#999;}
.newslist li a:hover .title{color:#f30;}

.lefter{width:220px;margin-right:30px;float:left;}
.righter{float:left;width:950px;}
.leftnav{background:#005bac;padding:20px 15px;color:#fff;font-size:18px;font-family:microsoft yahei;}
.subnav{border:1px solid #eee;border-bottom:0;margin:0;padding:0;list-style:none;}
.subnav li{}
.subnav li a{display:block;padding-left:20px;background:#fafafa;font-size:14px;line-height:60px;height:60px;border-bottom:1px solid #eee;}
.subnav li a:hover{color:#005bac;font-weight:bold;background:#f3f3f3;}
.subnav .hover a{display:block;padding-left:20px;color:#005bac;font-weight:bold;background:#f3f3f3;font-size:14px;line-height:60px;height:60px;border-bottom:1px solid #eee;}
.subnav dl{margin:0;padding:0;list-style:none;*margin-top:-12px;}
.subnav dl dt{}
.subnav dl dt a{background:#fff;display:block;height:40px;line-height:40px;border-bottom:1px solid #eee;padding-left:20px;font-size:12px;}
.subnav dl dt a:hover{background:#fff;font-size:12px;font-weight:normal;color:#f30;}
.subnav li dl .hover a{color:#f30;font-size:12px;font-weight:normal;background:#fff;}

.left_border{border:1px solid #eee;border-top:0;padding:10px 15px;line-height:25px;}
.left_border p{margin:0;padding:0;}
.left_border b{font-size:14px;}

.container{line-height:25px;font-size:14px;padding:15px 0;}
.container p{margin:5px 0;font-family:microsoft yahei;font-size:14px;}

.artshow{border:1px solid #ddd;border-top:2px solid #F00;overflow:hidden;line-height:25px;font-size:14px;padding:20px 40px;margin:20px auto;}
.artshow .title{text-align:center;font-size:20px;line-height:30px;font-weight:100;font-variant: normal;margin:0;padding:15px 0;font-family:microsoft yahei;}
.artshow .info{text-align:center;font-family:microsoft yahei;color:#999;padding:0 0 15px 0;font-size:14px;}
.artshow p{margin:5px 0;font-size:14px;}
.artshow .pre{margin:5px 0 5px 0;color:#999;}
.artshow .next{margin:0 0 5px 0;color:#999;}


.slideBox{ width:800px; height:600px; overflow:hidden; position:relative;margin:0 auto;  }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ text-align:center;zoom:1; vertical-align:middle; position:relative;z-index:1; }
.slideBox .bd li img{width:600px;display:block;margin:0 auto;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.news_list{margin:0;padding:0;list-style:none;}
.news_list li{border-bottom:1px dotted #ccc;padding:20px 0;overflow:hidden;;line-height:24px;color:#999;}
.news_list li:hover{background:#fafafa;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
.news_list li a{font-size:18px;font-family:microsoft yahei;display:block;line-height:40px;}
.news_list li em{color:#666;font-family:verdana;display:block;font-style:normal;}
.news_list li p{padding-top:10px;}
.news_list .box{overflow:hidden;clear:both;margin:20px auto; }
.news_list .box .pic{float:left;width:300px;}
.news_list .box .pic img{height:220px;width:100%;}
.news_list .box .txt{float:left;width:700px;margin-left:40px;}
.news_list li:hover .pic img{transform:scale(1.1);-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}

/*list*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}

.comment{overflow:hidden;clear:both;margin:10px 0;}
.comment .line{clear:both;border-bottom:1px solid #eee;padding-bottom:15px;}
.comment .line .base{font-family:microsoft yahei;font-weight:bold;line-height:30px;font-size:14px;}
.comment .line .base span{margin:0 0 0 10px;color:#999;font-weight:normal;float:right;font-size:12px;}
.comment .line .content{line-height:20px;word-wrap:break-word;overflow:hidden;}
.comment .line .reply{font-family:verdana;word-wrap:break-word;overflow:hidden;}
.comment .line .reply strong{color:#f60;float:left;}
.comment_more{text-align:center;padding:10px 0;font-family:microsoft yahei;font-size:14px;}
.comment_more a{color:#999;}
.comment_more a:hover{color:#f30;}

.commentadd{margin:10px 0;clear:both;}
.commentadd .text{}
.commentadd .text .div{padding:0 5px 0 0;border:1px solid #E4E2E2;border-bottom:0;}
.commentadd .text .div textarea{width:98%;height:70px;overflow:auto;border:0;padding:10px;}
.commentadd .input{margin:0;font-size:14px;background:#fafafa;border:1px solid #EDECEC;overflow:hidden;padding:0px 5px 5px 15px;line-height:40px;height:40px;font-family:microsoft yahei;}
.commentadd .input .send{float:right;border:1px solid #1F92D1;background:#1F92D1;color:#fff;padding:8px 25px;margin:5px 0 0;vertical-align:middle;cursor:pointer;font-family:microsoft yahei;}

.bookadd{margin:20px 0;}
.bookadd div{margin-bottom:15px;}
.bookadd .label{float:left;width:100px;text-align:right;padding-right:10px;clear:both;}
.bookadd .label span{color:#f30;font-family:宋体;}
.bookadd .enter{margin-left:120px;}
.bookadd .enter .ip{border:1px solid #ddd;padding:10px 10px;vertical-align:middle;overflow:hidden;border-radius:10px 0 10px 0;}
.bookadd .enter .bnt{border:1px solid #1F92D1;background:#1F92D1;padding:8px 20px;vertical-align:middle;color:#fff;cursor:pointer;}
.bookadd .enter label{display:block;}

.job_h1{font-size:14px;line-height:35px;border-bottom:1px solid #eee;margin:10px 0;}
.info_title{font-size:14px;font-weight:bold;border-bottom:1px solid #f0f0f0;line-height:30px;height:30px;margin:0 0 15px 0;}
.info_intro{padding:0 0 20px 0;line-height:22px;color:#666;}
.info_intro p{margin:0 0 5px 0;padding:0;}
.info_intro .red{color:#f30;margin:0 5px;}
  
.m-pop{position:fixed;left:0;top:0;width:100%;height:100%;z-index:800;display:none}
.pop-bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7)}
.pop-win1{position:absolute;left:35%;top:30%;width:600px;height:auto;padding:20px;background:#fff;}
.pop-win1 video{display:block;width:600px;}
.pop-win1 .close{position:absolute;left:100%;bottom:100%;width:40px;height:40px;background:url(../images/i-close.png) center center no-repeat;-webkit-background-size:cover;background-size:cover;cursor:pointer}

/*新增产品列表 */
.cplist{margin:0;padding:0;list-style:none;clear:both;overflow:hidden}
.cplist li{margin:0 0 14px 0;float:left;padding:0;display:inline-block;vertical-align:top;width:33.33%;}
.cplist .con{display:block;position:relative;overflow:hidden;margin:10px;height:200px;}
.cplist .pic{padding-top:100%;position:relative;overflow:hidden;}
.cplist .pic img{position:absolute;left:0;top:0;width:100%;transition: All 0.4s ease-in-out;
 -webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.cplist .con:hover .pic img{ -moz-transform:scaleX(-1); -webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);/*IE*/filter:FlipH;}	

.cplist .tit{background:#eee;line-height:50px;margin:10px;text-align:center;font-size:18px;font-weight:400;z-index:2}
.cplist .tit:hover{background:#C00;color:#fff;display:block;}
.cplist .mask{position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,78,162,.82);opacity:0;filter:alpha(opacity=0);filter:alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';z-index:2;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
.cplist .mask .mask-con{padding:0;position:absolute;left:0;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);color:#fff;font-size:80px; font-family:"宋体"; text-align:center;} 
.cplist .con:hover .mask{opacity:1;filter:alpha(opacity=100);filter:alpha(Opacity=100);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'}