.n_banner{height: 330px;}

.search_box{height:50px; border-bottom: 1px solid #e7e7e7; background: #fff; margin: 0 0 20px 0;}
.search_box .hot_pro{float:left; line-height:50px;}
.search_box .hot_pro a{margin:0 15px 0 0;}

.search_box .search{float:right; margin:10px 0 0 0; }
.search_box .search .search_text{float:left; width:220px; height:30px; line-height:30px; background: #e7e7e7; border:none; text-indent:10px; color:#888; font-size: 12px;}
.search_box .search .search_submit{float:left; width:47px; height:30px; background:url(../images/search_submit.png) no-repeat center #24a5e8; border:none; cursor:pointer;}


/*left*/
.part1{background:url(../images/part2_bg.jpg) no-repeat top left #24a5e8; height:77px; padding-left: 25px; color:#78a2d5; text-transform:uppercase; font-weight:normal}
.part1 span{padding-top: 20px; padding-bottom: 5px; font-size:20px; line-height: 1; display:block; font-weight:bold; color: #fff;}
.part1 i{display: block; color:#fff;  font-style:normal; font-weight: ; font-size: 14px; opacity: 0.5; letter-spacing: 1px;}


.sideMenu{background: #f7f7f7; padding: 15px 0;}
.sideMenu h3{margin-bottom: 5px; background: #24a5e8; padding-left: 15px; height: 40px; line-height: 40px; font-size: 14px; color: #fff;}
.sideMenu h3 i{margin-right: 8px; position: relative; display: inline-block; width: 14px; height: 14px; background: #fff; border-radius: 3px;}
.sideMenu h3 i:before{position: absolute; left: 5px; top: 4px; display: inline-block; content: ""; border-left: 5px solid #24a5e8; border-top: 3px solid transparent; border-bottom: 3px solid transparent;}
.sideMenu h3 a,
.sideMenu h3 a:visited,
.sideMenu h3 a:hover{color: #fff;}

.sideMenu ul{display:none; margin-bottom: 10px;}
.sideMenu ul li{
	border-bottom: 1px dashed #d8d8d8; background: url(../images/list_tb2.png) no-repeat 10px; height:42px; line-height:42px; font-weight: normal; text-indent:30px;
}


/*联系我们*/
/*.lxwm{margin-bottom: 15px; background: url(../images/part1_bg.jpg) no-repeat top right #24a5e8#f59105; padding: 30px 0 18px 24px; color: #fff;}
.lxwm span{display: block; padding: 15px 0 2px 4px;}
.lxwm h2{padding: 0 0 0 5px; font-family: Impact; font-weight: normal; font-size: 28px; line-height: 1;}
.lxwm p{padding: 12px 0 0 5px; line-height: 25px;}*/

.l_part2{background:#24a5e8; height:35px; line-height:35px; color:#fff; font-size:14px; padding:0 0 0 20px; }

.l_lxwm{padding:10px; line-height:24px;}
.l_lxwm span{display:block; background:url(../images/Teln.gif) no-repeat left; height:45px; padding:0 0 0 55px; line-height:20px; margin:0 0 5px 0}
.l_lxwm span b{display:block; font-size:22px; color:#24a5e8; font-family:Impact; font-weight:normal;}

.n_con_border2{border:1px solid #e4e4e4; border-top:none; overflow:hidden; }


/*right*/
.breadCrumb{border-bottom:1px solid #e7e7e7; height:38px; margin:0 0 20px 0; overflow: hidden;}
.breadCrumb h2{float:left; border-bottom: 2px solid #24a5e8; padding: 0 5px; line-height:36px; font-size:18px; color:#24a5e8; font-weight:bold}
.breadCrumb span{float:right;}
.breadCrumb span a{margin:0 5px;}

.n_con_bk1{border:1px solid #e4e4e4; overflow:hidden; border-radius:3px; position:relative;}


.class_list{margin-bottom: -1px; overflow: hidden; border-left: 1px solid #ddd;}
.class_list li{float: left; width: 20%;}
.class_list li a{display: block; border: 1px solid #ddd; border-left:none; height: 50px; line-height: 50px; text-align: center; font-size: 18px;}
.class_list li a:hover,
.class_list li a.on{background: #24a5e8; border-color: #24a5e8; color: #fff;}


/*详细*/
.title{margin: 35px 15px 15px 15px; font-size: 26px; line-height: 1; color: #37474f; clear: both;}
.time{margin: 0 0 15px 15px; padding-bottom: 20px; border-bottom: 1px solid #f0f2f5; font-size: 1.33em; font-weight: 100; color: #a3afb7; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";}
.time span{display: inline-block; padding-right: 10px;}
.time span i{font-size: 14px;}

.content{padding: 15px; line-height: 210%; font-size: 14px;}
.content img{max-width: 100%; width: auto!important;}

.fy{overflow: hidden; margin: 0 15px; padding: 10px 0; color: #d00; border-top: 1px solid #e7e7e7;}
.fy li{line-height: 30px; font-size: 14px;}


/*产品列表*/
.img_list{overflow: hidden; margin: 20px 10px 0 0; clear: both;}
.img_list li{float: left; width: 33%;}
.img_list li a{display: block; margin-left: 15px; margin-bottom: 15px; text-align: center;}
.img_list li span{display: block; position: relative; padding-bottom: 80%; overflow: hidden;}
.img_list li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 4px; box-sizing: border-box; z-index: 5;}
.img_list li span:after{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; content: ""; border:1px solid #e7e7e7; z-index: 10}

.img_list li h2{padding: 10px 0 10px 0; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.img_list li p{color: #888; line-height: 20px;}
.img_list li span:after,
.img_list li span img{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
.img_list li a:hover span:after{border: 1px solid #24a5e8;}
.img_list li a:hover span img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.img_list li a:hover h2,
.img_list li a:hover p font{color: #24a5e8;}

.img_list2{margin-right: 15px;}
.img_list2 li{width: 25%;}
.img_list2 li span{padding-bottom: 70%;}
.img_list2 li h2{background: #f1f1f1; padding: 15px 10px;}
/*
.img_list2 li span{padding-bottom: 78%;}
.img_list2 li span img{width: auto; height: auto; max-width: 100%; max-height: 100%; right: 0px; bottom: 0px; margin: auto;}

*/

.img_list3 li span{padding-bottom: 70%;}
.img_list3 li a:hover span:after{border: 1px solid #24a5e8;}



/*产品详细*/
.pro_img{float:left; margin: 20px 0 26px 15px; clear: both;}
.pro_img img{width: 460px; border: 1px solid #e7e7e7; padding: 3px;}


.pro_js{margin: 20px 15px 0 0; overflow: hidden; border-bottom: 1px dashed #e7e7e7; padding-bottom: 10px;}
.pro_js li{overflow: hidden; line-height: 35px; float: left; width: 50%; font-size: 14px; position: relative;}
.pro_js li:first-child{border-bottom: 1px dashed #e7e7e7; margin-bottom: 5px; padding: 0 0 5px 10px;}
.pro_js li h2{float: left; font-size: 14px; width: 80px; text-align: right;}
.pro_js li h3{position: absolute; right: 0px; top: 0px; font-size: 12px;}
.pro_js li h3 a{color: #1B72C7;}
.pro_js li.n_f{float: none; width: auto;}
.pro_js li b{font-size: 18px; font-weight:bold;}
.pro_js li i{float: left; display: inline; margin: 13px 5px 0 0; font-size: 14px; color: #1B72C7;}

.pro_tel{font-size:14px; font-weight:bold; color:#333; padding:15px 0 15px 10px;}
.pro_tel span{font-size:24px; color:#d00; font-weight: normal; font-family: Impact; line-height: 24px;}

.bdsharebuttonbox{margin-left: 10px!important;}

.pro_gm{overflow: hidden; border-bottom:1px dashed #e7e7e7; padding: 0 0 20px 0; margin: 0 0 20px 10px;}
.pro_gm a{float: left; position: relative; width:125px; height:35px; text-align:center; line-height:35px; overflow:hidden; font-size:16px; margin:0 10px 0 0;}
.pro_gm a.gm{background:#24a5e8; color: #fff}
.pro_gm a.zx{background:#f8b62c; color: #fff;}
.pro_gm a:hover{color: #fff;}
.pro_gm a:after{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; content: ""; background: rgba(255,255,255,0);}
.pro_gm a:hover:after{background: rgba(255,255,255,0.2);}

.r_part1{margin: 0 15px; height:35px; position:relative; overflow: hidden; border-bottom: 1px solid #e7e7e7;}
.r_part1 h2{float: left; background:#24a5e8; padding: 0 25px; text-align: center; line-height: 35px; color:#fff; height:36px; font-size:14px; font-weight:normal;}


.slideTxtBox{margin: 0 15px;}
.slideTxtBox .hd{border-bottom: 1px solid #e7e7e7;}
.slideTxtBox .hd ul{overflow: hidden;}
.slideTxtBox .hd ul li{float:left; margin-right: 2px; height:36px; line-height:36px; background:#f4f4f4; padding:0 25px; cursor:pointer;  }
.slideTxtBox .hd ul li.on{background: #24a5e8; color: #fff;}



/*产品订购*/
.order{ margin:15px 0; border: 1px solid #e7e7e7; padding: 10px 0;}
.order tr td:first-child{text-align: right; width: 105px;}
.order tr td:first-child span{color: #8d0001}
.order td{padding:5px; color: #555;}
.order td span{color:#f00;}
.order input,
.order textarea{behavior:url(pie.htc); position:relative;}

.order .order_text{border:1px solid #c1c1c1; padding:0 10px; width:300px; height:25px; line-height:25px; overflow:hidden; font-size:12px; color:#828282; font-family:inherit; border-radius:3px; box-shadow:inset 1px 1px 3px #eaeaea;}
.order .order_text:hover{border:1px solid #24a5e8;}
.order textarea{line-height:22px !important; padding:5px 10px !important;}

.order .order_submit{padding:0 25px; height:30px; line-height:30px; border-radius:3px; overflow:hidden; cursor:pointer; font-family:inherit; background:#e6271a; color:#fff; border:none; font-weight: bold;}
.order .order_submit:hover{background:#e6271a;}

/*相关产品*/
/*
.r-list1{margin:15px 15px 0 0; overflow:hidden; zoom:1}
.r-list1 li{float:left; width: 25%;}
.r-list1 li a{display: block; margin-left: 15px;}
.r-list1 li span{display: block; position: relative; padding-bottom: 75%; overflow: hidden;}
.r-list1 li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 6px; box-sizing: border-box;}
.r-list1 li span:after{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; content: ""; border:1px solid #e7e7e7;}
.r-list1 li a:hover span:after{border:3px solid #d60000;}
.r-list1 li h2{display:block; line-height:30px; text-align:center; font-size:14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

*/

/*新闻列表*/
.news_list{overflow: hidden; margin: 10px 15px 0 10px;}
.news_list li{padding: 20px 10px;}
.news_list li h2{margin-bottom: 12px; padding-bottom: 15px; border-bottom: 1px solid #e7e7e7; font-size: 16px; font-weight: bold; line-height: 1; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_list li span{display: block; padding-bottom: 10px; color: #888;}
.news_list li span i{ margin-right: 6px;}
.news_list li p{line-height: 22px; font-size: 12px; color: #888;}
.news_list li:hover{background: #f9f9f9;}

.news_list1{overflow: hidden; margin-top: 10px;}
.news_list1 li{padding: 20px 10px; border-bottom: 1px solid #e7e7e7; position: relative;}
.news_list1 li h2{margin-bottom: 12px; font-size: 14px; font-weight: bold; line-height: 1; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_list1 li h2 span{float: right; font-size: 12px; color: #888; font-weight: normal;}
.news_list1 li p{padding-right: 100px; line-height: 22px; font-size: 12px; color: #888;}
.news_list1 li h3{position: absolute; right: 10px; top: 52px; font-size: 12px;}
.news_list1 li h3 a{padding: 3px 10px; background: #e6271a; color: #fff; border-radius: 3px;}
.news_list1 li:hover{background: #f9f9f9;}




/*相关资讯*/
/*.n_list1{overflow: hidden; margin: 7px 0 0 0;}
.n_list1 li{float: left; width: 50%; line-height: 34px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.n_list1 li:before{display: inline-block; content: ""; float: left; margin: 13px 8px 0 5px; border-left: 4px solid #adadad; border-top: 4px solid transparent; border-bottom: 4px solid transparent;}*/

/*留言*/
.message{margin:20px auto;background: url(../images/on_bj.jpg) no-repeat left top; overflow: hidden; height: 514px;}
.message ul{float: right; overflow: hidden; width: 590px; margin-top: 90px;}
.message ul li{float: left; width: 272px; position: relative; margin-right: 20px; margin-bottom: 16px; border: 1px solid #d1d1d1; padding-left: 40px; height: 40px; box-sizing: border-box;}
.message ul li h2{position: absolute; left: 10px; top: 0px; line-height: 38px; font-size: 14px; color: #999;}
.message ul li .message_text{padding:0 10px; width:100%; height:38px; line-height:38px; overflow:hidden; font-size:12px; color:#828282; font-family:inherit; border: none; box-sizing: border-box;}
.message ul li.n_f{float: none; width: auto; clear: both; padding-left: 0px; padding-top: 30px; height: auto;}
.message ul li .message_text2{line-height:22px !important; padding:5px 10px !important; height: 50px;}
.message p{padding-left: 18px; color: #999; line-height: 34px;}
.message .message_submit,
.message .message_reset{margin-top: 10px; width: 82px; height:30px; line-height:30px; border-radius: 5px; font-size: 14px; overflow:hidden; cursor:pointer; font-family:inherit;}
.message .message_submit{background:#24a5e8; color:#fff; border:none; margin:0 5px 0 0}
.message .message_submit:hover{background:#24a5e8;}
.message .message_reset{background:#313131; color:#fff; border:none;}
.message .message_reset:hover{background:#313131;}





/**/
.ys_list2{counter-reset:ceshi; padding: 0 15px;}
.ys_list2 li{overflow: hidden; position: relative; height: 180px;}
.ys_list2 li span{position: absolute; left: 0px; top: 0px; width: 50%; height: 100%; z-index: 5;}
.ys_list2 li span img{position: absolute; right: 0px; height: 100%;}
.ys_list2 li .con_box{position:relative; left: 50%; right: 0px; width: 50%; height: 100%;}
.ys_list2 li .con_box .con{padding: 30px 0 40px 20px;}
.ys_list2 li .con_box .con i{float: left; margin-right: 15px; width: 54px; height: 60px; border: 2px solid #acacac; text-align: center; font-size: 40px; color: #24a5e8; font-style: normal; font-family: "NIAGSOL"; counter-increment:ceshi;}
.ys_list2 li .con_box .con i b{border-bottom: 2px solid #acacac;}
.ys_list2 li .con_box .con i b:after{display: inline-block; content:counters(ceshi,"-");}
.ys_list2 li .con_box .con h2{padding-top: 5px; font-size: 22px; line-height: 1; color: #555;}
.ys_list2 li .con_box .con h2 font{display: inline-block; margin-right: 20px; font-weight: bold; color: #24a5e8;}
.ys_list2 li .con_box .con h3{padding-top: 6px; line-height: 1; font-size: 12px; color: #999; text-transform: uppercase;}
.ys_list2 li .con_box .con h3:after{margin-left: 70px; margin-top: 5px; display: block; content: ""; width: 150px; height: 3px; background: #24a5e8;}
.ys_list2 li .con_box .con dl{clear: both; padding-top: 20px; padding-right: 10px;}
.ys_list2 li .con_box .con dl dd{background: url(../images/ys_list.png) no-repeat left 8px; padding-left: 18px; font-size: 14px; line-height: 25px;}
.ys_list2 li .con_box .con dl dd font{color: #24a5e8;}

.ys_list2 li:first-child+li span,
.ys_list2 li:first-child+li+li+li span,
.ys_list2 li:first-child+li+li+li+li+li span,
.ys_list2 li:first-child+li+li+li+li+li+li+li+li span{left: auto; right: 0px;}
.ys_list2 li:first-child+li span img,
.ys_list2 li:first-child+li+li+li span img,
.ys_list2 li:first-child+li+li+li+li+li span img,
.ys_list2 li:first-child+li+li+li+li+li+li+li+li span img{right: auto; left: 0px;}

.ys_list2 li:first-child+li .con_box,
.ys_list2 li:first-child+li+li+li .con_box,
.ys_list2 li:first-child+li+li+li+li+li .con_box,
.ys_list2 li:first-child+li+li+li+li+li+li+li+li .con_box{left: 0px; right: 50%;}
/*.ys_list2 li:first-child .con_box{background: url(../images/ys_img01_bg.jpg) no-repeat left;}
.ys_list2 li:first-child+li .con_box{background: url(../images/ys_img02_bg.jpg) no-repeat right;}
.ys_list2 li:first-child+li+li .con_box{background: url(../images/ys_img03_bg.jpg) no-repeat left;}
.ys_list2 li:first-child+li+li+li .con_box{background: url(../images/ys_img04_bg.jpg) no-repeat right;}*/

.ys_list2 li:first-child+li .con_box .con,
.ys_list2 li:first-child+li+li+li .con_box .con,
.ys_list2 li:first-child+li+li+li+li+li .con_box .con,
.ys_list2 li:first-child+li+li+li+li+li+li+li+li .con_box .con{padding-left: 0px;}



/**/
.about{padding: 20px; color: #666; }
.about .con{}
.about .con h2{text-align: center; line-height: 115px; font-size: 30px; color: #4b4a4a;}
.about .con span img{max-width: 100%;}
.about .con p{padding-top: 15px; padding-bottom: 70px; text-align: center; line-height: 44px; font-size: 16px;}

.about ul{padding-bottom: 40px;}
.about ul li{margin-top: 80px; overflow: hidden;}
.about ul li:first-child{margin-top: 0px;}
.about ul li span{float: left; margin-right: 54px;}
.about ul li p{padding-right: 20px; font-size: 14px; line-height: 28px;}
.about ul li h2{padding-top: 30px; padding-bottom: 15px; font-size: 24px; color: #233357; line-height: 1; font-weight: bold;}


.about ul li:first-child+li span{float: right; margin-right: 0px; margin-left: 54px;}























.page{text-align:center; padding:20px 0}
.page .page_list{}
.page .page_list a{display:inline-block; margin:0 2px; width:30px; height:30px; border-radius:50%; overflow:hidden; text-align:center; line-height:30px; border:1px solid #e1e1e1; behavior:url(pie.htc); position:relative; font-family:Arial;}
.page .page_list a:hover{background:#fafafa; border:1px solid #e1e1e1; color:#555}
.page .page_list a.Current,
.page .page_list a.on{background:#24a5e8; border:1px solid #24a5e8; color:#fff}





















