@charset "gb2312";
*{margin:0;padding:0;}
.clear{ clear:both;height:0!important;}
/*banner�ֲ�ͼ*/

    .index-banner .ibanner{/*position: relative;*/margin: 0;}
.index-banner .ibanner .banner-loaded{width: 100%;z-index: 1;-webkit-tap-highlight-color: transparent; position: relative;}
.index-banner .ibanner .banner-loaded .swiper-container{position: relative; overflow: hidden;-webkit-transform: translate3d(0,0,0);}
.index-banner .ibanner .banner-loaded .bar-container .swiper-slide a{display: block;overflow: hidden;}
.index-banner .ibanner .banner-loaded .bar-container .swiper-slide img{vertical-align: middle;border: none;max-width: 100%;}
.index-banner .ibanner .swiper-pagination-bullet{width: 25px;display: inline-block;position: relative;font-size: 16px;line-height: 20px;color: #fff;color: rgba(255,255,255,.8);cursor: pointer;background: none;}
.index-banner .ibanner .swiper-pagination-bullet::after{ content: '';width: 100%;background: #000; height: 5px;position: absolute;left: 0;top: 0;transition: all 0.5s ease;}
.index-banner .ibanner .swiper-pagination-bullet-active::after{background: #bca05c;height: 5px;}
.index-banner .ibanner .swiper-pagination-bullet:hover{opacity: 1;}
.index-banner .ibanner .swiper-pagination-bullet:hover:after{background: #bca05c;height: 5px;}
.index-banner .ibanner .banner-loaded .bar-container .btn-next,.ibanner .banner-loaded .bar-container .btn-prev {width: 45px;height: 70px;background-position: center center;background-size: auto 20px;background-color: rgba(188, 160, 92, 0.3); background-repeat: no-repeat; position: absolute; top: 50%; -webkit-transform: translatey(-50%); transform: translatey(-50%); cursor: pointer; z-index: 20;-webkit-transition: all ease .3s;transition: all ease .3s; opacity: 0; visibility: hidden;}
.index-banner .ibanner .banner-loaded .bar-container .btn-next {background-image: url(/uploads/image/wsdwimg/next.png); right: 0;}
.index-banner .ibanner .banner-loaded .bar-container .btn-prev{background-image: url(/uploads/image/wsdwimg/prev.png);left: 0;}
@media (min-width: 768px) { 
.index-banner .ibanner .banner-loaded .bar-container:hover .btn-next,.ibanner .banner-loaded .bar-container:hover .btn-prev { opacity: 1; visibility: visible; }
.index-banner .ibanner .banner-loaded .bar-container .btn-prev:hover,.ibanner .banner-loaded .bar-container .btn-next:hover{ background-color: rgba(48, 53, 130,.5); }
.index-banner .ibanner .banner-loaded .bar-container:hover .btn-prev { left: 30px; }
.index-banner .ibanner .banner-loaded .bar-container:hover .btn-next { right: 30px; } 
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 33px !important;
    left: 0;
    width: 100%;}

    .in-procon{ background:  no-repeat; width: 100%; height: 368px;}
   .in-proconl h2 { color: #e7ffb5; padding-bottom: 12px; font-size: 36px; font-weight: bold; line-height: 36px; }
   .in-proconl{ padding-top: 96px; padding-left: 66px; width: 18% }
   .in-proconl h3{ font-size: 15px; color: #ffffff; padding-bottom: 48px; font-family: arial; line-height: 15px;  }
.in-proconr{ background:  no-repeat; width: 75%; margin-top: 95px; }
.in-pro-conrl{ width: 35%; }
.in-pro-conrl h2{ font-size: 30px; padding-bottom: 28px; padding-left: 26px; line-height: 30px; font-weight: bold; position: relative; color: #ffffff;   }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 10px !important;}

.in-pro-conrl h2:after {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 6px;
    height: 23px;
    background: #fff; border-radius: 6px;
}
.in-pro-conrl h2 span{color:#ffffff; font-weight: normal; font-size: 23px; font-family: arial;padding-left: 18px; }
.in-pro-conrl .des{ font-size: 16px; color: #ffffff; line-height: 38px; text-align: justify; }
.in-pro-top{ padding: 40px 44px 40px 44px }
.in-equipment{ padding-left: 42px; padding-bottom: 40px;}
.in-equipment-tit h2{ font-size: 35px; color: #e7ffb5; font-weight: normal; line-height: 35px; padding-top: 30px; padding-bottom: 12px; }
.in-equipment-tit h3{ color:#f0f0f0; font-size: 24px; font-weight: normal; line-height: 24px;}



/*�ͷ�*/
.online_qq_headbg a{color:#000; text-decoration:none;}
.online_qq_headbg a:link{color:#000; text-decoration:none;}
.online_qq_headbg a:visited{color:#000; text-decoration:none;}
.online_qq_headbg a:hover{color:green; text-decoration:underline;}
.online_qq_headbg a:active{color:#000; text-decoration:none;}
.online_qq_layer ul {margin: 0 auto;width: 128px;padding:0;}
.online_qq_layer {position: fixed;right:-145px;top:30%;z-index:9999;-moz-transition: all 0.5s ease-in;-webkit-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;transition: all 0.5s ease-in;}
.online_qq_layer:hover{ right:0px}
.online_icon {width: 36px;height: 156px;display:inline-block;float:left;background-image:url(/uploads/image/wsdwimg/kefu_flag.jpg.png)}
.online_windows {width: 144px;background: white;margin-left: 36px;box-shadow: 0px 0px 6px #aaa;border-radius: 4px;border-top:solid 1px #d2151b}
.online_qq_mainbg{ background-image:url(/uploads/image/wsdwimg/online_qq_mainbg.png); text-align:center;min-height:120px;}
.online_windows h2{ font-size: 15px;margin:0 10px;border-bottom: dashed 1px #ddd;padding:0px 0px 3px 0px;}
a.qq_icon {width: 121px;height: 25px;display: block;margin: 0 auto;text-indent: 50px;line-height: 23px;cursor: pointer;}
a.qq_icon:hover {}
.online_windows ul li {height: 30px;line-height: 24px;margin-bottom: 4px;font-size:13px;list-style-type:none;}
.online_qq_layer ul li img {vertical-align: middle;}
.online_w_bottom {height: 29px;margin-top:10px}
.servicetime{font-size:12px; color:#f60; text-align:center;margin:0}
.online_qq_footbg{height:10px; width:145px; background:url(/uploads/image/wsdwimg/kffbg.png) no-repeat top left;margin:0}
.online_qq_headbg{height:50px; width:145px; background:url(/uploads/image/wsdwimg/title.png) no-repeat top left;margin:0}
.online_qq_mainbg a{ color:#000;}

/*news_column�����б�*/
.news_column{ width:100%;padding-top:10px;}
.news_column ul li{ clear:both; list-style:disc inside; color:#666;position:relative;}
.news_column ul li.li_white{ height:40px; line-height:40px; background:#fff;padding:0px 10px 0px 10px; overflow:hidden; }
.news_column ul li.li_gray{ height:40px; line-height:40px; background:#f5f5f5; padding:0px 10px 0px 10px; overflow:hidden;}
.news_column ul li span{ float:right; color:#999; height:40px; line-height:40px; }
.news_column ul li b{ float:left; display:block; width:10px; height:10px; margin:15px 10px 0px 0px; background:url(/uploads/image/wsdwimg/tb.png) no-repeat;}
.news_column ul li b.b_tb{ background-position:0px 0px;/*��ɫͼ��*/}
.news_column ul li b.r_tb{ background-position:-10px 0px;/*��ɫͼ��*/}
.news_column ul li b.g_tb{ background-position:-20px 0px;/*��ɫͼ��*/}
.news_column ul li b.or_tb{ background-position:-30px 0px;/*��ɫͼ��*/}
.news_column ul li b.blue_tb{ background-position:-40px 0px;/*��ɫͼ��*/}
.news_column ul li a{ color:#333}


.news_column1{ width:100%;}
.news_column1 ul li{ background:#fff;clear:both;padding:10px 0px 10px 10px;position:relative;}
.news_column1 ul li:nth-child(2n 1){background:#f5f5f5;}
.news_column1 ul li .n_date{position:absolute;right:10px;top:10px;line-height:35px;}
.news_column1 ul li a{ color:#333}
.search_form{padding:0 2%; text-align:right}
.n_bt{line-height:35px; background:url(/uploads/image/wsdwimg/list_tb.gif) no-repeat left  center; padding-left:15px;  }
.n_bt a{font-weight:bold;}
.n_bt_l{ float:left; width:75%;height:35px;line-height:35px;text-overflow:ellipsis;white-space:nowrap;overflow: hidden}
.n_bt_r{ float:right; width:18%;height:35px;line-height:35px;}
.n_bt_l a{ font-weight:bold; color:#333}
.n_bt_l a:hover{ font-weight:bold}

.news_column1 ul li .n_date span{ padding:0px 5px; font-size:12px; }
.news_column1 ul li .n_date span img{ padding:0px 3px; vertical-align:middle}
.news_column1 ul li .n_date span i{ font-style:normal; font-size:12px; color:#aaa;}
.news_column1 ul li .n_date span a{ font-size:12px; color:#aaa;}

.n_ms{ line-height:23px; padding:0px 15px;color:#666;max-height: 45px;overflow: hidden;}
.right-group{width:50%; float:right}
/*��ҳ����*/
.demo-ry-list li{ float:left;width:15%; margin-right:1.5%}
.demo-ry-list li:last-child(nth){ margin-right:0}
@media (max-width:768px) {
.page-banner img{max-width:100% !important}
   .demo-ry-list li{ float:left;width:47%; margin:2%}
.demo-ry-list li:nth-child(2n){ margin-right:0}
.rel_pro dl {
    float: left;
    width: 48%;
    margin: 10px 1% 0;
}.index-banner .ibanner {margin: 60px 0 0 0;}
.page-banner{margin: 60px 0 0 0;}
.right-group{width:100%}
}
@media (max-width:1024px) {.page-banner img{max-width:100%!important}
.index-banner .ibanner {margin: 60px 0 0 0;}
.page-banner{margin: 60px 0 0 0;}
.right-group{width:50%; float:right}
.rel_pro dl {
    float: left;
    width: 31%;
    margin: 10px 1% 0;
}
   .demo-ry-list li{ float:left;width:31%; margin: 5px 1%}
.demo-ry-list li:nth-child(3n){ margin-right:0}
}
@media (max-width:1500px) {.page-banner img{max-width:100%!important}
.right-group{width:50%; float:right}
   .demo-ry-list li{ float:left;width:19%; margin:5px 0.5%}
.demo-ry-list li:nth-child(3n){ margin-right:0}
}
@media (max-width:460px) {
   .demo-ry-list li{ float:left;width:96%; margin:5px 0}
   .rel_pro dl {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
}
.index-banner .ibanner {margin: 60px 0 0 0;}
.page-banner{margin: 60px 0 0 0;}
}
.page-banner img {text-align:center;max-width: 100%;}

/*new_article������ϸ��ϣ*/
.new_article{ width:100%}
.article_tit{ width:100%; padding:10px 0px; text-align:center; }
.article_tit h2{font-size:16px; font-weight:bold}
.tit_info{ height:28px; line-height:28px;border-bottom:#ccc dotted 1px;}
.tit_info span{ padding:0 10px; color:#999;}
.article_con{ padding:10px 0px; }
.article_con img{max-width: 100%;}

/*��ʒչʾ*/
.pro_column{ width:100%;}
.pro_column dl{ float:left; width:23%; margin:8px 1% 8px;overflow:hidden;}
.pro_column dl dt{width: -moz-calc(100% - 12px);width: -webkit-calc(100% - 12px);width: calc(100% - 12px); height:140px; line-height:134px; padding:3px; border:#e5e5e5 solid 3px; border-bottom:none; text-align:center;box-sizing: content-box;}
.pro_column dl dt #l_img{ width:0px; height:100%; text-align:center; display:inline-block;}
.pro_column dl dt img{max-width: -moz-calc(100% - 12px);max-width: -webkit-calc(100% - 12px);max-width: calc(100% - 12px); max-height:140px; vertical-align:middle;margin-left: -2px;}
.pro_column dl dd{text-align:center;height:30px;line-height:30px;background:#e5e5e5;overflow:hidden;padding: 0 5%;margin: 0;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.pro_column dl dd a{color:#555;}

/*��ʒ��ϸ��ϣ*/
.pro_detail{width:100%;/* margin-top:20px;*/}
.pro_basic{ padding:10px; margin-top:15px; background:#f5f5f5;}

.basic_l{ float:left; width:39%;}
.basic_l img{}
/*����ͼ*/
.ke_m2pc_con {width: -moz-calc(98% - 30px);width: -webkit-calc(98% - 30px);width:calc(98% - 30px); display: inline; float: left; height: 50px; margin: 0 1%; overflow: hidden; position: relative;  }
.ke_m2pc_con ul { left: 0; position: absolute; top: 0; }
.ke_m2pc_con ul li { width: 66px; height: 46px;line-height:46px; text-align:center;  border: 1px solid #e7e7e7; cursor: pointer; display: inline; float: left; overflow: hidden; margin:0 4px 0 7px;background:#fff;}
.ke_m2pc_con ul li:before{content:".";   margin-left:-3px; font-size:10px;visibility:hidden; }
.ke_m2pc_con ul li img.ink_smlimg{ *margin-top:expression((46 - this.height )/2); margin-top:-3px;
    vertical-align:middle;
    max-width:60px;
    max-height:46px; }
	/*����ͼ����*/
	
.ke_m2pc_btn1 { cursor: pointer; float: left; height: 48px; width: 15px; }
.ke_m2pc_btn2 { cursor: pointer; float: left; height: 48px; width: 15px; }
.ke_m2pcl_c2 { margin-top: 12px; }
#ink_showimg { width: -moz-calc(96% - 2px);width: -webkit-calc(96% - 2px);width: calc(96% - 2px); height: 201px; padding: 5px 2%; border: 1px solid #ccc; position: relative; background:#fff;}
#ink_showimg .small_pic { width: 268px; height: 201px; position: relative; }
#ink_showimg .float_layer { width: 100px; height: 100px; border: 1px solid #000; background: #fff; filter: alpha(opacity: 30); opacity: 0.3; position: absolute; top: 0; left: 0; display:none; }
#ink_showimg .mark {width:100%; height:100%; position:absolute; z-index:2; left:0px; top:0px; background:red; filter:alpha(opacity:0); opacity:0;}
#ink_showimg .big_pic { position: absolute; top: -1px; left:102%; width:400px; height:300px; text-align:center; line-height:300px; overflow:hidden; border:2px solid #ccc; display:none; background: #fff;}
#ink_showimg .big_pic img { position:absolute; top: -30px; left: -80px; }
#ink_showimg .small_pic{width: 100%; height:201px;line-height:201px; text-align:center;}
#ink_showimg .small_pic #small_img{ width:0px; height:100%; text-align:center; display:inline-block; }
#ink_showimg .small_pic img{ vertical-align:middle;max-width:96%;max-height:189px;margin-left: -2px; }
/*#ink_showimg .small_pic:before{content:".";   margin-left:-7px; font-size:10px;visibility:hidden; }
#ink_showimg .small_pic img{ *margin-top:expression((201 - this.height )/2);  margin-top:-5px;vertical-align:middle;max-width:260px;max-height:201px; }*/

/*�ҳ���ϣ*/
.basic_r{ float:right; width: 60%;}
.basic_r ul li{ clear:both; padding:7px 0px;}
.basicli_l{ float:left; font-weight:bold; margin-right:10px;}
.basicli_r{ float:left; }
.basic_r ul li button{ width:35%; height:35px; margin:0 2%; outline:none; border:0px; font-size:16px; font-family:arial, verdana, sans-serif; color:#fff; letter-spacing:2px; margin-bottom:5px}
.basic_r ul li button.but_l{ background:#0068b7;}
.basic_r ul li button.but_l:hover{ cursor: pointer;  background:#1a83d8;}
.basic_r ul li button.but_r{ background:#ff8300;}
.basic_r ul li button.but_r:hover{ cursor: pointer;  background:#f7a52e;}

.jiathis_style_24x24{ margin:15px 0px 0px 8px;}

/*��ϸ˵��*/
.detail_inst{ margin-top:15px;}
.detail_con{ width:98%; padding:10px 10px 0px 10px;}
.detail_con img{max-width: 100%;}


/*��ز�ʒ*/
.rel_pro{ width:100%;}
.rel_pro dl{ float:left; width:18%; margin:10px 1% 0; }
.rel_pro dl dt{width:-moz-calc(100% - 6px);width:-webkit-calc(100% - 6px);width:calc(100% - 6px); height:120px;  padding:2px; border:#ccc solid 1px; text-align:center;background:#fff;}
.rel_pro dl dt #r_img{width:0px; height:100%; text-align:center; display:inline-block;}
.rel_pro dl dt img{ vertical-align:middle; max-width:-moz-calc(100% - 6px);max-width:-webkit-calc(100% - 6px);max-width:calc(100% - 6px); max-height:100%; margin-left:-2px;}
.rel_pro dl dd{ width:100%; text-align:center; height:30px; line-height:30px; overflow:hidden;}
.rel_pro dl dd a{ color:#333}
/*����ҳ ��ռ50% �������� */

.page_updown{margin-top:15px;}
.page_updown ul li{ float:left; height:30px; line-height:30px; width:50%; text-align:center; overflow:hidden}
.page_updown ul li a{ font-size:14px; color:#666;}

/*  ����ҳ�󸡶�
.page_updown{margin-top:15px;}
.page_updown ul li{ float:left; height:30px; line-height:30px; margin-right:10%;}
.page_updown ul li a{ font-size:14px; color:#666;}*/

/*��ǩ*/
.tag{ margin-top:20px;}
.tag a{ padding:0px 5px; color:#666;}

/*�����ϣ*/
.rel_info{ width:100%; margin-top:20px;}
.ren_info_tit{ height:35px; line-height:35px;  background-color:#dbdbdb; font-weight:bold;font-size:16px; clear:both}
.ren_info_tit h2{ font-size:16px;    line-height: 230%;margin: 0;}
.ren_info_tit span{ display:block; float:left; width:10px; height:16px; margin:9px 10px 0px 10px;  background:url(/uploads/image/wsdwimg/tb.png) no-repeat;}
.ren_info_tit span.span_black{ background-position:0px -14px;/*��ɫͼ��*/}
.ren_info_tit span.span_red{ background-position:-10px -14px;/*��ɫͼ��*/}
.ren_info_tit span.span_green{ background-position:-20px -14px;/*��ɫͼ��*/}
.ren_info_tit span.span_orange{ background-position:-30px -14px;/*��ɫͼ��*/}
.ren_info_tit span.span_blue{ background-position:-40px -14px;/*��ɫͼ��*/}


/*��ҳ*/
.turn_page{ width:100%; margin-top:20px;}
.turn_page a{background:#fff;color:#555!important;}
.qw_fenye{padding:10px 0px;}
.qw_fenye a{padding:3px 5px; margin:0px 5px; }
.qw_fenye a:hover{background:#f5f5f5; color:#000;}
.turn_page a.qw_biankuang{ border:#ccc solid 1px; background:#f5f5f5; color:#000;}
.turn_page a.qw_biankuang1{ border:#ccc solid 1px;}
.turn_page a.qw_biankuang2{ border:#ccc solid 1px; width:80px; }



@media only screen and (max-width: 767px) {
    .pro_column dl{ float:left; width:46%; margin:0px 2% 40px;overflow:hidden;}
    .pro_column dl dt{width: -moz-calc(100% - 8px);width: -webkit-calc(100% - 8px);width: calc(100% - 8px); height:160px; line-height:158px; padding:3px; border:#e9e9e9 solid 1px; text-align:center;transition: 0.3s all;}
    .pro_column dl dt #l_img{ width:0px; height:100%; text-align:center; display:inline-block;}
    .pro_column dl dt img{max-width: -moz-calc(100% - 8px);max-width: -webkit-calc(100% - 8px);max-width: calc(100% - 8px); max-height:158px; vertical-align:middle;margin-left: -2px;}

    /* .n_bt{width:-moz-calc(100% - 180px);width: -webkit-calc(100% - 180px);width: calc(100% - 180px);} */
    .news_column1 ul li .n_date{display: none;}
    /* .n_ms{max-height: 22px;} */
    #ditucontent{height: 250px!important;}
    .basic_r ul li button{width: 100%;height: auto;line-height: 30px;padding: 0;display: inline-block;}
    #ink_showimg{height: 120px;}
    #ink_showimg .small_pic{line-height:1;}
    .rel_pro dl dt{height: 50px;}
    .rel_pro dl dt img{margin-left: -3px;}
}