.banner{position:relative;}
.banner .box_skitter{width:100%;z-index:2;}
.bg_inner{height:220px;padding:0;position: relative;}
.banner_inner{ margin: 0px auto; text-align: center; line-height: 24px;}
.banner_inner .con{position:absolute;width: 200px;min-height:44px;max-height:60px; top: 35%;margin-top: 50px; line-height: 30px;text-align: left; font-size: 28px;font-weight: bold; color: #fff;border-left: 2px solid #fff;padding-left: 18px;}
.banner_inner .con span{font-size: 14px;font-weight: normal;display: block;line-height:40px;}
.am-breadcrumb>li{ display: inline-block;}
.am-breadcrumb{padding-left: 0;}
.home_about{clear:both;overflow:hidden;}
.home_about .left{float:left;width:410px;margin-right:30px;}
.home_about .left video{background:#000;}
.home_about .right{float:right;width:750px;line-height:30px;font-size:14px;}
.home_about .right h2{font-size: 25px;font-weight: 600;margin-bottom: 15px;}
.home_about .right p{font-size:15px;line-height:28px;margin:0 0 10px 0; color:#777}
.home_about .right a.btn-about{padding: 10px 20px;}

.home_nav{text-align:center;}
.home_nav ul{margin:25px auto;}
.home_nav ul li{display:inline-block;width:auto;position:relative;margin-bottom:10px;}
.home_nav ul li a{display:block;padding:10px 30px;color:#333;font-size:14px;background:#fff;margin:0 2px;border-radius:2px;border:1px solid #E7E7E7;}
.home_nav ul .hover a,.home_nav ul li a:hover{display:block;color:#fff;font-size:14px;background:#217dfb;margin:0 2px;}

.home_nav ul li dl{display:none;background:#2384D5;padding:2px 0;margin:16px 0 0 0;z-index:999;}
.home_nav ul .hover dl{display:none;text-align:left;position:absolute;top:20px;left:3px;}
.home_nav ul .hover dl dt a{display:block;font-weight:normal;color:#fff;background:#217dfb;min-width:200px;border:0;}
.home_nav ul .hover dl dt a:hover{background:#fff;color:#333;border:0;}

.home_pro{margin:30px 0 0px 0;width:100%;clear:both;overflow: hidden;}
.home_pro ul li{width:24%;margin:0 1% 1% 0;float:left;}
.home_pro ul li a{border:1px solid #ededed;padding:4px;display:block;background:#fff;}
.home_pro ul li a div{overflow:hidden;width:100%;height:100%;min-height:279px;text-align:center;}
.home_pro ul li a div img{max-width:279px;max-height:250px;border:0;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;}
.home_pro ul li:hover{box-shadow:0px 1px 10px rgba(0,0,0,0.1);}
.home_pro ul li a:hover div img{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);}
.home_pro ul li a p{text-align:center;font-size:14px;color:#333;margin:0;padding:10px;}
.home_pro ul li a:hover p{color:#f30;}
.home_pro ul li a .title{min-height:70px;}
.home_pro ul li a .price{min-height:40px;color:#f60;font-family:Lucida Grande, Arial, 微软雅黑, 宋体;font-weight:400;padding:0 10px 10px 10px;}
.home_pro ul li a .price span{float:right;font-weight:normal;color:#999;}

.home_news{margin-bottom:20px;background:#fff;}
.home_news_list{}
.home_news_list li{overflow:hidden;padding:12px 0 12px 0;float:left;width:49%;margin-right:1%;min-height:90px;}
.home_news_list li .date{float: left; width: 86px;height: 80px;}
.home_news_list li .date .dateline{width: 70px;height: 54px;display: block;background-color:#2384d5;text-align: center;line-height: 54px;font-size: 30px;font-weight: bold;color: #fff;}
.home_news_list li .date em{display: block;text-align: center;font-style: normal;width: 70px; background: #eee; color: #888;}
.home_news_list li .txt{color: #999; font-size: 12px; margin-left: 88px; line-height: 22px;}
.home_news_list li .txt a{display: block;line-height: 30px; font-size: 16px; color: #333;}
/*新闻*/
.news_list li{border-bottom:1px solid #E6E6E6;overflow:hidden;padding:12px 0 12px 0;}
.news_list li .date{background:#4082f1;color:#fff;display:inline-block;margin-right:20px;float:left;text-align:center;font-size:30px;width: 70px;font-weight: bold;line-height: 1.5;}
.news_list li .date em{display:block;font-style:normal;font-weight: normal; font-size:14px;background:#eee;margin-top:5px;color: #888;line-height: 1.5;}
.news_list li div{color:#999;font-size:12px;margin-left:95px;line-height:22px;}
.news_list li div a{display:block;font-size:18px;color:#333;margin-bottom:5px;}
.news_list li div a:hover{color:#f30;}
/*案例*/
.piclist{width:1190px;margin-top:40px;}
.piclist ul{width:1220px;}
.piclist li{float:left;width:275px;margin-right:25px;line-height: 1.5;}
.piclist li a{display:block;padding:4px;margin-bottom:25px;border:1px solid #eee;}
.piclist li a:hover{box-shadow:0 0 6px rgba(0, 0, 0, 0.17);}
.piclist li a img{width:100%;}
.piclist li a p{font-size:14px;padding:0 10px;}

.news_show h1{text-align:center;font-size:30px;font-weight:400;margin:0;padding:0;}
.news_show .info{border-left:3px solid #2384D5;background:#f3f3f3;margin:15px 0;padding:10px 15px;font-size:14px;color:#666;}
.news_show .intro a{color:#06C;}
.news_show .intro a:hover{color:#f30;}
.news_show .intro img{max-width:100%;height:auto;}
.news_show .prenext{margin-bottom:20px;text-align:center;overflow: hidden;}
.news_show .prenext p{font-weight:bold;}
.news_show .prenext a{display:inline-block;margin:0 10px;cursor:pointer;background:#fff;border-radius:4px;border:1px solid #ddd;padding:6px 20px;min-width:100px;}
.news_show .prenext a span{font-size:18px;margin-right:10px;}
.news_show .prenext a em{font-style:normal;font-size:18px;}
.news_show .prenext a:hover{background:#2384D5;border-color:#2384D5;color:#fff;}
.news_show .prenext a:hover span{color:#fff;}
.news_show .prenext .pre{float: left;}
.news_show .prenext .next{float: right;}
.news_show .tags{font-weight:500;margin-top:20px;}
.news_show .tags a{margin-left:15px;display:inline-block;border-radius:4px;border:1px solid #ddd;background:#fff;padding:4px 10px;font-weight:normal;font-size:14px;}
.news_show .tags a:hover{background:#2384D5;color:#fff;border-color:#2384D5;}

/*新闻详情*/
.news_show_list{}
.news_show_list li{overflow:hidden;padding:12px 0 12px 0;float:left;width:49%;margin-right:1%;min-height:90px;line-height: 1.75}
.news_show_list li .date{float: left; width: 86px;height: 80px;}
.news_show_list li .date .dateline{width: 70px;height: 54px;display: block;background-color:#2384d5;text-align: center;line-height: 54px;font-size: 30px;font-weight: bold;color: #fff;}
.news_show_list li .date em{display: block;text-align: center;font-style: normal;width: 70px; background: #eee; color: #888;}
.news_show_list li .txt{color: #999; font-size: 12px; margin-left: 88px; line-height: 22px;}
.news_show_list li .txt a{display: block;line-height: 30px; font-size: 16px; color: #333;}

/*商品相关*/
.pro_show{box-shadow:1px 2px 10px rgba(0,0,0,0.1);border:1px solid #f3f3f3; }
.pro_show .left{float:left;width:700px;text-align:center;border-right:1px solid #f3f3f3; }
.pro_show .left .zoom{text-align:center;}
.pro_show .left .zoom img{width:auto;max-width:500px;}
.pro_show .left .thumb_pic{margin:10px 0 0 0;text-align:center;}
.pro_show .left .thumb_pic ul{margin:0 auto;}
.pro_show .left .thumb_pic ul li{display:inline-block;margin-right:5px;border:1px solid #eaeaea;padding:3px;cursor:pointer;position:relative;}
.pro_show .left .thumb_pic ul li.hover{border:1px solid #e00;background:#fff;}
.pro_show .left .thumb_pic ul li.hover:after{content:" ";position:absolute;right:27px;top:-6px;width:11px;height:11px;border:#e00 solid 1px;border-left:0;border-bottom:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background:#e00;z-index:-1;}

.pro_show .right{margin-left:700px;padding:40px;}
.pro_show .right h1{font-size:24px;margin:0;padding:0;font-weight:400;text-align:left;}
.pro_show .right h5{font-size:14px;margin:10px 0;padding:0;color:#999;font-weight:normal;}
.pro_show .right .intro{font-size:14px;margin:0;padding:0;font-weight:400;text-align:left;line-height: 2;margin-top:20px;}
.pro_show .right .attribute{}
.pro_show .right .attribute li{font-size:14px;line-height:30px;}
.pro_show .right .attribute li em{display:inline-block;width:80px;font-style:normal;color:#555;font-size:14px;}
.pro_show .right .price{font-size:14px;line-height:30px;margin:20px 0;}
.pro_show .right .price span{font-size:36px;color:#f60;}
.pro_show .right .price em{font-size:12px;color:#999;font-style:normal;padding-left:5px;}
.pro_show .right .tags{margin:20px 0;}
.pro_show .right .tags a{margin-left:10px;display:inline-block;border-radius:4px;border:1px solid #dadada;background:#fff;padding:2px 6px;font-weight:normal;font-size:14px;}
.pro_show .right .tags a:hover{background:#2384D5;color:#fff;border-color:#2384D5;}
.pro_show .right .action{margin:30px 0 50px 0;}
.pro_intro{margin:20px 0;}
.pro_intro .left{max-width:250px;margin-right:20px;float:left;border:1px solid #f3f3f3;box-shadow:1px 2px 10px rgba(0,0,0,0.1);}
.pro_intro .plist{margin:15px;width:300px;}
.pro_intro .plist ul{width:220px;}
.pro_intro .plist ul li{float:left;width:190px;margin: 0 15px 15px 0;}
.pro_intro .plist ul li a{border:1px solid #ededed;padding:4px;display:block;background:#fff;border-radius:4px;}
.pro_intro .plist ul li a div{overflow:hidden;width:100%;height:100%;}
.pro_intro .plist ul li a div img{width:100%;height:100%;max-height:150px;min-height:150px;display:block;border:0;}
.pro_intro .plist ul li a p{text-align:center;font-size:14px;color:#333;margin:0;padding:5px 0;}
.pro_intro .plist ul li a:hover p{color:#f30;}

.pro_intro .right{float:right;min-width:900px;max-width: 75%;min-height: 800px;border:1px solid #f3f3f3;box-shadow:1px 2px 10px rgba(0,0,0,0.1);}
.pro_intro .tabs{width:100%;background:#f7f7f7;}
.pro_intro .tabs ul{width:100%;background:#f7f7f7;}
.pro_intro .tabs ul li{float:left;}
.pro_intro .tabs ul li a{display:block;padding:10px 30px;text-align:center;font-size:14px;border-right:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3;background:#fff;color:#999;border-top:2px solid #fff;}
.pro_intro .tabs ul li.hover a{border-bottom:1px solid #fff;background:#fff;font-weight:bold;color:#333;border-top:2px solid #2384D5;}
.pro_intro .intro{padding:30px;}
.pro_intro .intro p{margin:0;padding:0;}
.pro_intro .intro img{max-width:790px;}
.pro_intro .intro a{color:#06C;}
.pro_intro .intro a:hover{color:#f30;}

.pro_intro .intro .extend{}
.pro_intro .intro .extend li{font-size:14px;line-height:30px;}
.pro_intro .intro .extend li em{display:inline-block;width:120px;font-style:normal;color:#555;font-size:14px;}

.ordershow{margin:10px 0 0 0;box-shadow:1px 2px 10px rgba(0,0,0,0.1);border:1px solid #f3f3f3;}
.ordershow .tips{margin:20px 40px 30px 40px;position:relative;}
.ordershow .tips h3{font-size:24px;font-family:microsoft yahei;font-weight:400;margin:0;}
.ordershow .tips p{font-size:15px;padding-left:68px;}
.ordershow .tips div{font-size:20px;position:absolute;bottom:20px;right:0;}
.ordershow .tips div em{color:#f30;font-style:normal;}
.ordershow .tips p em{color:#f30;font-style:normal;}
.ordershow h5{font-size:20px;font-family:microsoft yahei;font-weight:400;padding-left:30px;background:#fafafa;border:1px solid #f3f3f3;border-left:0;border-right:0;height:50px;line-height:50px;margin:10px 0;}
.ordershow .info{margin:0;list-style:none;}
.ordershow .info li{padding:0 0 10px 0;font-size:14px;}
.ordershow .info li span{display:inline-block;width:120px;text-align:right;padding-right:10px;color:#999;}
.ordershow .info li em{color:#f30;font-style:normal;}
.ordershow .pay{margin:0 20px 5px 20px;list-style:none;overflow:hidden;}
.ordershow .pay li{float:left;width:19%;margin:5px 1% 1% 0;cursor:pointer;}
.ordershow .pay li div{border:1px solid #efefef;text-align:center;margin-left:10px;position:relative;}
.ordershow .pay li div em{display:none;width:20px;height:20px;position:absolute;right:0;bottom:0;z-index:9;background:url(../img/selected.gif) no-repeat bottom;}
.ordershow .pay .active div{border-color:#90BAFF;}
.ordershow .pay .active div em{display:block;}

.ordershow .bottom{height:70px;line-height:70px;bottom:0;background:#fafafa;border-top:1px solid #eee;text-align:center;padding:0 20px;}
.ordershow .bottom button{margin-left:15px;border:0;background:#0075DC;color:#fff;padding:10px 30px;border-radius:4px;}
/*分页*/
.pagelist ul{text-align:center;margin:30px 0;}
.pagelist li{display:inline-block;margin:0 2px;}
.pagelist li a{color:#666;display:inline-block;border:1px solid #ddd;padding:6px 15px;}
.pagelist li a:hover{border-color:#4082f1;background:#4082f1;color:#fff;}
.pagelist li.active a{border-color:#4082f1;background:#4082f1;color:#fff;}