@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
body {font-family:"微软雅黑",arial;  font-size:16px; background:#fff; color:#333;}
ol,ul,li,dl,dt,dd{list-style:none;}
h1,h2,h3,h3,h4,h5,h6{font-weight: normal;}
em,i,strong{ font-style:normal; font-weight:normal;}
strong{ font-weight:bold;}
table {    border-collapse: collapse;border-spacing: 0;}
img{border:none;}
a{text-decoration: none;color:#333;}
.fl{float:left;}
.fr{float:right;}
.Pr {    position: relative;}
.Pa {    position: absolute;}
button{cursor:pointer;}
button:hover{color:#0f75bc;}
/*去除Chrome等浏览器文本框默认发光边框*/
.clear{clear:both;}
.dis{display:block;}
.undis{display:none;}
input:focus, textarea:focus { outline: none; }
input,textarea { font-family: "microsoft yahei";}
/* 去除 ie6 & ie7 焦点点状线 */
a:focus,*:focus {outline:none;}
/*禁止拖动大小*/
textarea{resize:none}
/* 去掉 table cell 的边距并让其边重合 */
table { border-collapse:collapse;border-spacing:0;}
/* ie bug：th 不继承 text-align */
th {text-align:inherit;}
/* ie6 7 8(q) bug 显示为行内表现 */
/* 去掉 firefox 下此元素的边框 */
abbr,acronym {border:none;font-variant:normal;}

 /*使用字体库时，让i标签继承行高*/
i{line-height: inherit!important ; font-size:inherit }

/*这一句是用来解决在安卓上的点击出现篮框问题*/
body{ 
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
	-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
	-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
	-o-tap-highlight-color:rgba(0, 0, 0, 0);  
	tap-highlight-color:rgba(0, 0, 0, 0);  
}
/*下面是解决ios上去除微信点击蓝色边框 */
a:focus,input:focus,p:focus,div:focus{
/*-webkit-user-modify:read-write-plaintext-only; */
}

/*通用样式*/
.qing { clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden; }
.ind_content{ display:block; width:100%; height:auto; padding:3rem 0;}
.width_1200{ width:96%; height:100%; max-width:1200px; margin:0 auto;}
.n_content{ margin:1rem auto 2rem; width:100%; height:auto;}
.ind_title{text-align:center; color:#333; margin-bottom:1.5rem;  }
.ind_title h2{ font-size:2rem; font-weight:bold; margin-bottom:.5rem; }
.ind_title p{ font-size:1rem; color:#666;}
.ind_title2{ text-align:center;}
.ind_title2 h2{ font-size:2rem; border-bottom:1rem; padding-bottom:1rem; margin-bottom:1.5rem; background:url(../images/inds_39.jpg) no-repeat center bottom; background-size:auto; font-weight:bold;}
.ind_more{ text-align:center; margin:2rem 0 0; line-height:3rem;}
.ind_more a{ padding:.875rem 4rem; font-size:.875rem; line-height:1rem; background:#c00; color:#fff; border-radius:.3rem;}
/*通用样式 end*/


/*banner*/
.banner_chart { width:100%; position:relative; overflow:hidden;}
.flexslider{ width:100%; height:auto; position:relative; overflow:hidden;}
.slides{ width:100%;  position:relative; z-index:1;}
.slides li{ height:auto;}
.slides li a { display:block; width:100%; height:100%; z-index:-9999;}
.slides li a img{ display:block; width:100%; height:100%;}
.flex-control-nav{ width:100%; text-align:center; position:absolute; bottom:10px; z-index:2;}
.flex-control-nav li{width: 14px; height: 14px; margin:0 5px; display:inline-block; *display:inline; zoom:1;}
.flex-control-nav a{ width:14px; height:14px;line-height:40px; display:inline-block; overflow:hidden;background:url(../images/dot.png) right 0 no-repeat; cursor:pointer;}
.flex-control-nav .flex-active{ background-position:0 0;}
.flex-direction-nav{ width:100%; position:absolute; top:45%; z-index:3;}
.flex-direction-nav li a{ width:50px; height:50px; display:block; overflow:hidden; cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{ left:40px; background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{ right:40px; background:url(../images/next.png) center center no-repeat;}
/*banner   end*/


.ind_product { padding:3rem 0;}
.ind_pro_sort,.ind_pro_show{ display:block; width:100%;}
.ind_pro_sort li{ width:15%; float:left; margin-right:2%; text-align:center; box-shadow:0 0 4px #ccc;}
.ind_pro_sort li:last-child{ margin-right:0;}
.ind_pro_sort li a{ display:block; width:100%; height:0; padding-bottom:130%; position:relative;}
.ind_pro_sort li a img{ display:block; width:100%; height:50%; position:absolute; z-index:1; top:30%;background:#ccc;}
.ind_pro_sort li a p{ display:block; width:90%; padding:0 5%; position:absolute; top:10%; z-index:9; font-size:1.05rem; font-weight:bold; color:#333;}
.ind_pro_sort li a p span{ display:block; width:2rem; height:1px ;background:#ff3400; margin:0 auto; margin-top:.5rem;}

.ind_pro_show{ margin-top:1.5rem;}
.ind_pro_show li{ width:32%; float:left; margin-right:2%;}
.ind_pro_show li:last-child{ margin-right:0;}
.ind_pro_show li a div{ display:block; width:100%; height:0; padding-bottom:75%; position:relative;}
.ind_pro_show li a div img{ display:block; width:100%; height:100%; position:absolute; z-index:1; }
.ind_pro_show li a p{ text-align:center; font-size:1rem; margin-top:.5rem;}
/*产品中心   end*/


.ind_contact{ padding: 3rem 0; background:url(../images/itd_18.jpg) no-repeat center center #f2f2f2; background-size: cover;}
.ind_contact_fixed{ display:flex; position:relative; margin-bottom:2rem;}
.ind_contact_l{ width:48%; height:324px; overflow:hidden}

.ind_contact_l img{ display:block; width:100%; height:100%;transition:all 0.5s;}
.ind_contact_l:hover img{transform:scale(1.2)}
.ind_contact_r{ width:48%; margin-left:2%; padding:0 2%; } 
.ind_contact_r h2{  padding-bottom:.25rem; margin-bottom:.5rem; }
.ind_contact_r h2 a{ color:#000;}
.ind_contact_r p{ width:100%; font-size:1rem; line-height:1.875rem; height:auto; word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;/*数字为显示几行*/
    overflow: hidden; }
.ind_contact_ys ul li{ width:23.5%; float:left; margin-right:2%;}
.ind_contact_ys ul li:last-child{ margin-right:0;}
.ind_contact_ys ul li div{ font-size:1.25rem;}
.ind_contact_ys ul li div span{ font-size:2.5rem; font-weight:bold; color:#c00;}
.ind_contact_ys ul li p{ font-size:1rem; color:#666;} 
/*关于我们   end*/



.ind_advantage{ padding:3rem 0;}
.ind_advantage ul{ margin-top:1rem;}
.ind_advantage ul li{ width:32%; float:left; margin-top:2%; margin-right:2%;}
.ind_advantage ul li:nth-child(3n){ margin-right:0;}
.ind_advantage ul li a{ display:block; width:100%; position:relative; }
.advantage_img{ width:100%; height:0; padding-bottom:75%; position:relative; z-index:1;}
.advantage_img img{ display:block; width:100%; height:100%; position:absolute;}
.advantage_size{ width:100%; height:100%; position:absolute; top:0; z-index:9; background:rgba(0,0,0,.3); color:#fff;}
.size_f{ width:90%; padding:0 5%;  height:100%; display:table;}
.size_f .size_fs{ display:table-cell; vertical-align:middle; height:100%; text-align:center;}
.size_f .size_fs h2{ font-size:1.5rem; margin-bottom:1rem;}
.size_f .size_fs p{ font-size:1rem; line-height:1.875rem; height:0; overflow:hidden; text-align:left;}
.ind_advantage ul li a:hover .advantage_size{ background:rgba(24,111,208,.7);}
.ind_advantage ul li a:hover .size_f .size_fs p{ height:auto;}
/*优势   end*/


.ind_cooperation{ padding:3rem 0;}
.ind_cooperation ul{ margin-top:1rem;}
.ind_cooperation ul li{ width:24%; margin-right:1%; margin-top:1%; float:left;text-align:center;}
.ind_cooperation ul li div{ display:block; border:1px solid #ccc;}
.ind_cooperation ul li div img{ width:200px; height:100px;margin:0 auto;}
/*合作   end*/


.ind_news{ padding:3rem 0 2rem; background:#f5f5f5;}
.ind_news_fiexd{ display:flex;}
.ind_news_l{ width:48%; margin-right:4%;}
.ind_news_r{ width:48%;}
.ind_news_limg{ width:100%; height:0; padding-bottom:75%; position:relative;}
.ind_news_limg img{ display:block; width:100%; height:100%; position:absolute; z-index:1}
.ind_news_limg span{ position:absolute; bottom:0; right:0; background:#ff7349; padding:.5rem 1rem; z-index:9; color:#fff;}
.ind_news_lsize{ width:96%; padding:2% 0;}
.ind_news_lsize h3{ font-size:1.25rem; margin-bottom:.5rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ind_news_lsize p{ font-size:1rem; line-height:1.5rem; color:#666;word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;/*数字为显示几行*/
    overflow: hidden;}
.ind_news_rs a{ display:flex;}
.ind_news_rs .ind_news_rimg{ width:30%; margin-right:4%; }
.ind_news_rs .ind_news_rimg img{ display:block; width:100%;}
.ind_news_rs .ind_news_rsize{ width:66%;}
.ind_news_rs .ind_news_rsize h3{ font-size:1.25rem; margin-bottom:.75rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ind_news_rs .ind_news_rsize p{ font-size:1rem; line-height:1.5rem; height:3rem; color:#666;
    word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;/*数字为显示几行*/
    overflow: hidden;}
.ind_news_rs .ind_news_rsize span{ display:block; font-size:1rem; color:#999; margin-top:.75rem;}

.ind_news_r ul{}
.ind_news_r ul li{ width:100%; margin-top:2%;}
.ind_news_r ul li a{ display:block; padding:2%; background:#e5e5e5; display:flex;}
.ind_news_r ul li a .ind_news_rtime{ width:15%; background:#aaaaaa; color:#fff; text-align:center;}
.ind_news_r ul li a .ind_news_rtime b{ font-size:2rem; line-height:3rem; }
.ind_news_r ul li a .ind_news_rsize{ width:82%; margin-left:3%;}
.ind_news_r ul li a .ind_news_rsize h3{ font-size:1.25rem; line-height:2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ind_news_r ul li a .ind_news_rsize p{ font-size:1rem; line-height:1.5rem; height:3rem; color:#666;
    word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;/*数字为显示几行*/
    overflow: hidden;}
	
.ind_news_rmore{ display:block; text-align:right; margin-top:1rem;}
.ind_news_rmore a{ color:#0162af; text-align:right;}
/*新闻中心 end*/

.ind_link{ font-size:1rem; line-height:1.875rem; padding:.5rem 0;}

.ind_zl{ padding:1.5rem 0; background:#f5f5f5 url(../images/itd_20.jpg) no-repeat center center;}
.ind_zl ul{ width:90%; margin:0 auto;}
.ind_zl ul li{ width:18.4%; margin-right:2%; float:left; text-align:center;}
.ind_zl ul li:last-child{ margin-right:0;}
.ind_zl ul li div{ width:40%; height:0; padding-bottom:40%; margin:0 auto; position:relative;}
.ind_zl ul li div img{ display:block; width:100%; height:100%; position: absolute;}
.ind_zl ul li div img:last-child{ display:none;}
.ind_zl ul li a:hover div img:first-child{ display:none;}
.ind_zl ul li a:hover div img:last-child{ display:block;}
/*通达实力 end*/

.ind_bottom{ width:100%; background:#1e2e3d; padding:2rem 0 1rem;}
.ind_bottom_x{ width:100%; max-width:1200px; margin:0 auto; display:flex; color:#fff;}
.ind_bottom_x a{ color:#fff;}
.ind_bottom_l{ display:flex; width:35%;}
.ind_bottom_r{width:30%;}
.ind_bottom_c{ width:30%; margin:0 2%; display:flex;}
.ind_bottom_l_lb{ width:33%; text-align:center; color:#fff;}
.ind_bottom_l_lb div{ font-size:1.25rem; margin-bottom:1.5rem;}
.ind_bottom_l_lb p{ font-size:.875rem; color:#fff; line-height:1.5rem;}
.ind_bottom_c div{ display:block; width:48%; margin:0 1%;margin-top: 1.5rem;}
.ind_bottom_c img{ display:block; width:auto; height:auto; max-width:80%; margin:0 auto;}
.ind_bottom_c p{ font-size:.875rem; text-align:center; margin-top:.5rem;}
.ind_bottom_r .ind_bottom_cont{ font-size:1.25rem; line-height:3.75rem; background:url(../images/ind_43.jpg) no-repeat center right; text-indent:2rem; font-weight:bold; margin-bottom:1rem;}
.ind_bottom_r p{ margin-left:2rem; font-size:.875rem; margin-bottom:.875rem; }
.ind_bottom_r p img{ vertical-align:middle; margin-top:-1px; margin-right:.5rem;}

.ind_bot_bq{ width:100%; background:#0b1924; color:#fff;}
.ind_bot_bq_x{ width:100%; max-width:1200px; margin:0 auto; font-size:.875rem; line-height:2.5rem;}
.ind_bot_bq_x p{ float:left;}
.ind_bot_bq_x div{ float:right;}
.ind_bot_bq_x div a{ color:#fff;}
.ind_bot_bq_x a{ color:#fff;}
/*底部 end*/
/******************************首页 end*******************************/

.ny_banner{ width:100%;  }
.ny_banner img{ display:block; width:100%; height:auto;}
.n_mbx{ width:100%; font-size:.875rem; line-height:2.5rem; background:#eee; color:#333; margin-bottom:1.5rem;}
.n_mbx a{ color:#333;}
.about_tongda{ margin-top:2rem;}
.about_title{ font-size:1.5rem; text-align:center; margin-bottom:1rem;}
.about_title p{ margin-bottom:.5rem;}
.about_title span{ display:block; width:3rem; height:1px; margin:0 auto; background:#fa2f0e;}
.about_size{ font-size:1rem; line-height:1.875rem; text-indent:2rem;}
.about_strength{ padding:2rem 0; background:url(../images/a_04.jpg) no-repeat center center; background-size:cover; color:#fff;}
.about_flex{ display:flex; margin-top:2rem;}
.strength_l{ width:43%; margin-left:5%;}
.strength_r{ width:43%; margin-left:5%;}
.strength_r div img{ display:block; width:auto; max-width:100%; height:auto;}
.strength_r p{ font-size:1rem; margin-top:1rem;}
.about_culture{ padding:2rem 0;}
.abouts_ys{ background:#fff;}
/******************************关于我们 end*******************************/

.contact_info{ margin-bottom:3rem;}
.contact_info ul{ margin-top:2rem;}
.contact_info ul li{ width:23.5%; margin-right:2%; float:left; text-align:center;}
.contact_info ul li:last-child{ margin-right:0;}
.contact_info ul li img{ display:block; width:auto; max-width:60%; margin:0 auto;}
.contact_info ul li h3{ font-size:1.25rem; margin-top:1rem;}
.contact_info ul li p{ font-size:1rem; margin-top:.5rem;}
.contact_info ul li a{ font-weight:bold; color:#ff3400;}

.contact_form{ margin-top:3rem;}
.contact_form h2{ font-size:1.5rem;}
.contact_form h2 img{ vertical-align:middle; margin-top:-2px; margin-right:.5rem;}
.contact_flex{ display:flex; margin-top:1.5rem;}
.contact_flex form{ width:75%; margin-right:5%;}
.form_img{ width:20%;}
.form_img img{ width:100%; height:auto;}
.contact_flex form input{ width:48%; float:left; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; line-height:3rem; text-indent:1rem; font-size:1rem; margin-top:1.5rem;}
.contact_flex form input:first-child{ margin-right:4%;}
.contact_flex form textarea{ width:95.8%; padding:1% 2%; min-height:6rem; font-size:1rem; line-height:2rem; margin-top:2.5rem; }
.contact_flex form .form_sub{ width:30%; border:none; background:#ff3400; line-height:3rem; margin-top:2.5rem; text-indent:0; color:#fff;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap;}
    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word;}
.baidu_map{ width:100%; height:500px; }
/******************************联系我们 end*******************************/


.pro_sort{ padding:1rem 0 2rem ;}
.pro_sort ul li{ width:13%; margin-right:7%; float:left; text-align:center;}
.pro_sort ul li:last-child{ margin-right:0;}
.pro_sort ul li div{ width:90%; height:0; padding-bottom:90%; margin:0 auto; position:relative;}
.pro_sort ul li div img{ display:block; width:100%; height:100%; position:absolute; }
.pro_sort ul li div img:last-child{ opacity:0;}
.pro_sort ul li a:hover div img:last-child{ opacity:1;}
.pro_sort ul li.sort_sele a div img:last-child{ opacity:1;}
.pro_sort ul li p{ font-size:.875rem; margin-top:.875rem;}
/******************************产品中心 end*******************************/

.pro_show{ margin-bottom:2rem;}
.pro_exhibition{ padding:2rem 0;}
.pro_exhibition h2{ font-size:1.5rem; margin-bottom:2rem; text-align:center;}
.pro_exhibition ul li{ width:23.5%; margin-right:2%; float:left;overflow:hidden;}
.pro_exhibition ul li:nth-child(4n){ margin-right:0;}
.pro_star ul li a{ display:block;}
.pro_imgs{ width:100%; height:0; padding-bottom:75%; position:relative; border:1px solid #ccc;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.pro_imgs img{ display:block;  height:100%; position:absolute;    width: 100%;}
.pro_imgs img.scsd{position:absolute;    top: 16px;
    left: 16px;width:56px;height:auto;z-index:9}
.pro_star ul li a p{ width:96%; padding:0 2%; line-height:2.5rem; font-size:1rem; color:#fff; background:#fa3500; text-align:center;}
.sort_exh img:last-child{ opacity:0;z-index:10}
.pro_exhibition ul li a:hover .sort_exh img:last-child{ opacity:1;}
.pro_exhibition ul li  p{ width:100%; line-height:2.5rem; text-align:center;}
.pro_exhibition .pro_more{ display:flex;}
.pro_exhibition .pro_more a{ display:block; width:42%; font-size:.875rem; line-height:2rem; border:1px solid #ccc; margin:0 4%; text-align:center;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pro_exhibition .pro_more a:last-child{ background:#f02f00; color:#fff; border:none;}
.pro_show .pro_exhibition:nth-child(2n-1){ background:#f5f5f5;}
.pro_show .pro_exhibition.bg_b{ background:#fff;}
.bg_b  ul li{ margin-bottom:2rem; }
/******************************产品各分类列表 end*******************************/



.pro_xq_top{ display:flex;}
.pro_xq_r{ width:56%; }
.pro_xq_l{ width:40%; margin-right:4%;position:relative}
.pro_xq_l p{ width:100%; height:0; padding-bottom:75%; position:relative;}
.pro_xq_l p img{ display:block;  height:100%; position:absolute;    max-width: 100%;}
.pro_xq_l .dfd2{ position:absolute;width:75px;top:15px;left:15px}
.pro_xq_r_bt{ font-size:2.25rem; margin-bottom:1.5rem; padding-bottom:1.5rem; border-bottom:1px dashed #ccc;}
.pro_xq_r p{ font-size:1rem; line-height:1.5rem; margin-bottom:1.25rem; }

.pro_xq_r_lx{ display: flex; margin-top:2rem;}
.pro_xq_r_zxzx{ width:10rem; text-align:center; font-size:1rem; line-height:3.25rem; margin-right:2.5rem; }
.pro_xq_r_zxzx a{ display:block; background:#ff3400; color:#fff;}
.pro_xq_r_zxrx{ display:flex; height:3.25rem;}
.pro_xq_r_zxrx img{ display:block; width:auto; height:3.25rem; margin-right:.5rem;}
.pro_xq_r_zxrx p{ font-size:1rem; color:#666;}
.pro_xq_r_zxrx p a{ display: block; font-size:1.875rem; line-height:2rem; font-weight:bold; color:#ff3400;}

.pros_flex{ display:flex; padding-bottom:3rem;}
.pros_ls{ width:74%; margin-right:6%;margin-top:3rem;}
.pros_rs{ width:20%; margin-top:3rem;} 
.pros_rnav{ width:98%; border:1px solid #ccc; margin:0 auto; text-align:center; margin-bottom:2rem;}
.pros_rnav ul li{ font-size:1rem; line-height:2.5rem; border-bottom:1px solid #ccc;}
.pros_rnav ul li:last-child{ border-bottom:0;}
.pros_rnav ul li h2{ font-size:1.5rem; line-height:4rem; background:#ff3400; color:#fff;}
.pros_rnav ul li a{ display:block; padding:0 4%; transition:all .3s; }
.pros_rnav ul li a:hover{ background:#ff3400; color:#fff;}
.pros_rnews{ width:98%; border:1px solid #ccc; margin:0 auto; text-align:center;}
.pros_rnt{ font-size:1.5rem; line-height:4rem; background:#ff3400; color:#fff; margin-bottom:1rem;text-align:center;}
.pros_rnav .pros_rnt{ margin-bottom:0;}
.pros_rnews ul li{ width:90%; margin:0 auto; margin-bottom:1.5rem;}
.pros_rimg{ width:100%; height:0; padding-bottom:75%; position:relative;}
.pros_rimg img{ display:block; width:100%; height:100%; position:absolute;}
.pros_rnews ul li p{ font-size:1rem; line-height:2rem; transition: all .3s;}
.pros_rnews ul li a:hover p{ color:#c00;}

.pro_xq_n{ margin-bottom:2rem; clear:both;}
.pro_xq_n .pro_xq_nt{ margin-bottom:1.25rem; font-size:1.25rem;}
.pro_xq_n .pro_xq_nt img{ vertical-align:middle; margin-top:-2px; margin-right:1rem;}
.pro_xq_n .cpxq_size{ font-size:1rem; line-height:1.875rem;}
.pro_xq_n .cpxq_size img{ display:block; width:auto; max-width:100%; height:auto;}
.jishu_zy{overflow-y: hidden; overflow-x: auto;}
.xxxgsb_n{ height:239px; overflow:hidden;}
.xxxgsb_n .xxxgsb_box{padding:0;}
.xxxgsb_n .xxxgsb_box li{width:290px; height:239px; display:block; float:left; margin-left:18px; overflow:hidden;}
.xxxgsb_n .xxxgsb_box li img{width:290px; height:207px;}
.xxxgsb_n .xxxgsb_box li span{display:block; text-align:center; width:100%; padding-top:8px; font-size:15px;}
.xxxntd_box li{width:46%; margin-bottom:1.5rem; margin-right:2%; height:69px; font-size:.875rem; font-weight:bold; display:inline-block; float:left; overflow:hidden;}
.xxxntd_box li img{width:69px; height:69px; float:left; margin-right:14px;}


.pro_xq_n .contact_form{ margin-top:0;}
.pro_xq_n .contact_flex form input{ margin-top:0; margin-bottom:1rem;}
.pro_xq_n .contact_flex form textarea{ margin-top:0; margin-bottom:1rem;}
.right_in{ margin-right:4%;}


.pros_ls .pro_xq_n{ display:none;}
.pros_ls .pro_xq_n:first-child{ display:block;}






/******************************产品详情 end*******************************/

.news_show{ padding:2rem 0;}
.news_tits{ text-align:center; margin-bottom:1.5rem;}
.news_tits a{ font-size:.875rem;}
.news_tous{ padding-bottom:2rem;}
.news_tous ul li{ width:32%; margin-right:2%; float:left; margin-bottom:2%;}
.news_tous ul li:nth-child(3n){ margin-right:0;}
.news_img{ width:100%; height:0; padding-bottom:75%; position:relative;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; border:1px solid #eee;}
.news_img img{ width:100%; height:100%; display:block; position:absolute;}
.news_img p{ width:35%; text-align:center; position:absolute; bottom:0; right:0; background:#ff7349; color:#fff; line-height:2.25rem;}
.news_size{ width:96%; padding:2%; background:#eee;}
.news_size h3{ font-size:1rem; margin:.5rem 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_size p{ font-size:.875rem; line-height:1.5rem; height:3rem;word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;/*数字为显示几行*/
    overflow: hidden;}


.news_gsxw{ padding-bottom:2rem;}
.news_gsxw_flex{ display:flex;}
.gsxw_l{ width:48%; margin-right:4%;}
.gsxw_r{ width:48%;}
.gsxw_r ul li{ width:100%; margin-bottom:2.25rem; }
.gsxw_r ul li:last-child{ margin-bottom:0;}
.gsxw_r ul li a{ width:96%; padding:2%;background:#eee; display:flex;}
.gsxw_r ul li a .news_size{ width:83%; margin-left:2%; padding:0;}
.gsxw_time{ width:15%; text-align:center; background:#bbb; color:#fff;}
.gsxw_time b{ display:block; font-size:2.25rem; line-height:3.25rem;}
.gsxw_time p{ font-size:1rem; line-height:2rem;}

#fixed-foot{display:none;}
.news_hydt{ padding-bottom:2rem;}
.news_hydt ul li{ width:48%; float:left;}
.news_hydt ul li:first-child{ margin-right:4%;}

.news_hydt ul li a{ display:flex;}
.news_hydt .news_img{ width:45%; padding-bottom:33%;}
.news_hydt .news_size{ width:50%; padding:0;}
.news_hydt .news_size>div{ padding:3%;}
.news_hydt ul li:first-child a{ display:block; position:relative;}
.news_hydt ul li:first-child .news_img{ width:100%; padding-bottom:75%;}
.news_hydt ul li:first-child .news_size{ width:96%; padding:2%; background:rgba(0,0,0,.6); color:#fff; position:absolute; bottom:0;}
.news_hydt ul li:first-child .news_size p{ margin-top:0;}
.news_hydt ul li:first-child .news_size>div{ padding:0;}
.news_hydt ul li:first-child .news_size .news_mores{ display:none;}
.news_hydt ul li:nth-child(2n){ margin-bottom:4%;}
.news_hydt ul li .news_size p{ margin-top:1.5rem;}
.news_hydt ul li .news_mores{ width:50%; line-height:2.5rem; background:#ff7349; color:#fff; text-align:center; margin-top:1rem;}



.news_xqs{ padding-bottom:3rem;}
.news_xq_tit{ text-align:center; margin-bottom:.875rem; padding-bottom:.875rem; border-bottom:1px solid #ccc;}
.news_xq_tit h2{ font-size:1.5rem; margin-bottom:.5rem;}
.news_xq_tit p{ color:#999; font-size:.875rem; }
.news_xq_tit p span{ margin:0 1rem;} 
.news_xq_size{ font-size:1rem; margin-top:1.5rem; line-height:1.875rem;}
.news_xq_size img{ display:block; width:auto; max-width:100%; height:auto !important; margin:0 auto;}
.sxp{ padding:2rem 0; font-size:.875rem; line-height:1.25rem;}
.sxp>div{ padding:1rem 0;}

.newsxq_zxzx h2{ font-size:1.25rem; text-align:left; margin-bottom:1.5rem;}
.newsxq_zxzx h2 img{ vertical-align:middle; margin-top:-2px;}



.fenye{ width:100%; text-align:center; font-size:.875rem; line-height:2.5rem; margin:1rem 0; margin-top:3rem;}
.fenye a{ padding:.5rem 1rem; background:#e5e5e5; color:#333; margin:0 .5rem;}
.fenye b{ padding:.5rem 1rem;  background:#ff3400; color:#fff;margin: 0 .5rem; }
.fenye a>b{ padding:0; background:none; color:#333; margin:0;}
.fenye a:hover{  background:#ff3400; color:#fff;}
.fenye li{display:inline-block;}.fenye .thisclass a{background:#ff3400; color:#fff;} /*****分页（产品、新闻） 

 end***********************************












/*在992 和1199 像素之间的屏幕里，中等屏幕，分辨率低的PC   ipad pro*/
@media only screen and (min-width: 992px) and (max-width: 1199px){
	
	
	}
	
/*在768 和991 像素之间的屏幕里，小屏幕，主要是PAD*/
@media only screen and (min-width: 768px) and (max-width: 991px){
	
	
	}

/*手机状态下显示的效果*/
@media only screen and (max-width: 767px) {
	
	html,body{ font-size:85%;}
	.ind_content{ padding:1.875rem 0;}
	.ny_banner{ display:none;}
	/*banner*/
	.flexslider{ width:140%; margin-left:-20%;}
	.flex-direction-nav{ top:35%;}
	.flex-direction-nav li a.flex-prev{ left:20%;}
	.flex-direction-nav li a.flex-next{ right:20%;}
	.bot_kong,.bot_btn{ display:block;} 
    /*banner end*/
	.fixed-bar,.fixed-barleft{display:none}
	.ind_pro_show li{ width:100%; margin-right:0;}
	.ind_pro_show li img{ width:100%; }
	.ind_cooperation ul li div img {
    width: 100%;}
    #fixed-foot{display:block;}
    #fixed-foot {
    background-color: transparent!important;z-index:999999999999999999;
}
.pctel{display:none;}
.btn1{
    background:url(../images/sjbf.jpg) no-repeat center;
    width:19px;height:16px;display:block;
}
.btn1active{background:url(../images/sjbf.jpg) no-repeat center !important; width:19px;height:16px;display:block;}
.btn2 {background:url(../images/arw.jpg) no-repeat;display:block;top:10px !important ;}



#fixed-foot {
	padding: 0;
	text-align: center;
	display: table;
	width: 100%;
	background: #000;
	position: fixed;
	bottom: 0;
	left: 0;
}

#fixed-foot li {

	color: #fff;
	padding: 3px 0 0;
	border: 0;
	background: #000;
	background: linear-gradient(#000,#000);
}

#fixed-foot li {
    display: table-cell;
}
#fixed-foot li .wrap {
	background: url(foot_li.png) no-repeat right 50%;
}

#fixed-foot li .end {
	background-image: none;
}

#fixed-foot li a {
	color: #fff;
	display: block;
}

#fixed-foot .tel_li .tel {
	display: block;
	color: #f30;
}

#fixed-foot .tel_li .icon-tel {
	background-position: 0 -86px;
	display: block;
	margin: 0 auto;
	height: 25px;
}

#fixed-foot .tel_li .icon-tel {
	animation-name: foottelshow;
	animation-duration: 1.0s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name: foottelshow;
	-webkit-animation-duration: 1.0s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-o-animation-name: foottelshow;
	-o-animation-duration: 1.0s;
	-o-animation-timing-function: linear;
	-o-animation-iteration-count: infinite;
}
	.ind_contact_fixed{ display:block;}
	.ind_contact_l{ width:100%; height:auto;}
	.ind_contact_r{ width:96%; position:inherit; top:0; margin-left:0;}
	.ind_contact_ys ul li{ width:49%; margin-right:2%; margin-top:.5rem;}
	.ind_contact_ys ul li:nth-child(2n){ margin-right:0;}
	.ind_advantage ul li{ width:49%;}
	.ind_advantage ul li:nth-child(3n){ margin-right:2%;}
	.ind_advantage ul li:nth-child(2n){ margin-right:0;}
	.ind_cooperation ul li{ width:32%; margin-right:2%; margin-top:2%;}
	.ind_cooperation ul li:nth-child(3n){ margin-right:0;}
	.ind_news_fiexd{ display:block;}
	.ind_news_l,.ind_news_r{ width:100%; margin-right:0;}
	.ind_news_r{ margin-top:1.5rem;}
	.ind_news_rs .ind_news_rimg{ width:45%;}
	.ind_news_r ul li a .ind_news_rtime{ width:22%;}
	.ind_zl ul li{ width:32%; margin-right:2%; margin-top:2%; }
	.ind_zl ul li:nth-child(3n){ margin-right:0;}
	.ind_bottom_x{ display:block;}
	.ind_bottom_l,.ind_bottom_c,.ind_bottom_r{ width:100%;}
	.ind_bottom_c{ margin:1.5rem 0;}
	.ind_bot_bq{ width:96% ; padding:0 2%;}
	.ind_bot_bq_x p, .ind_bot_bq_x div{ float:none; text-align:center;}
	.about_flex{ display:block;}
	.strength_r{ width:90%; margin:1rem auto;}
	.contact_info ul li{ width:49%; margin-bottom:1rem;}
	.contact_info ul li:nth-child(2n){ margin-right:0;}
	.contact_flex form{ width:100%; margin-right:0;}
	.form_img{ display:none;}
	.contact_flex form textarea,.contact_flex form .form_sub{ margin-top:1.5rem;}
	.baidu_map{ height:400px;}
	
	.news_tous ul li{ width:100%; margin-right:0; margin-bottom:1rem;}
	.news_gsxw_flex{ display:block;}
	.gsxw_l,.gsxw_r{ width:100%; margin-right:0; margin-bottom:1rem;}
	.gsxw_time{ width:28%;}
	.gsxw_r ul li{ margin-bottom:1rem;}
	.news_hydt ul li{ width:100%; margin-bottom:1rem;}
	.news_hydt ul li a{ display:block;}
	.news_hydt .news_img,.news_hydt .news_size{ width:100%;}
	.news_hydt .news_img{ padding-bottom:75%;}
	.pro_sort ul li{ width:30%; margin-bottom:2%;margin-right:3px;}
	.pro_sort ul li:nth-child(4n){ margin-right:0;}
	.pro_exhibition ul li{ width:49%; margin-bottom:1rem;}
	.pro_exhibition ul li:nth-child(2n){ margin-right:0;}
	.pro_sort{ padding:.5rem 0 0;}
	
	.about_size{text-indent: 0rem;}
	.pro_xq_top,.pro_xq_r_lx,.pros_flex{ display:block;}
	.pro_xq_l,.pro_xq_r{ width:100%; margin-right:0;}
	.pros_ls{ width:100%;}
	.pros_rs{ display:none;}
	
	
	.ind_pro_sort li{ width:49%;}
	.ind_pro_sort li:nth-child(2n){ margin-right:0; margin-bottom:2%;}
	.ind_title p{ text-align:left;}
	
	}
	
	@media only screen and (max-width: 375px) {
		
		.pro_imgs img.scsd {
    position: absolute;
    top: 10px !important;
    left: 10px !important;
    width: 40px !important;
    height: auto;
    z-index: 9;
}	
	}
@media only screen and (max-width: 375px) {
		
		.pro_imgs img.scsd {
    position: absolute;
    top: 9px !important;
    left: 9px !important;
    width: 36px !important;
    height: auto;
    z-index: 9;
}
		
		}
    @media only screen and (max-width: 320px) {
		.pro_imgs img.scsd {
    position: absolute;
    top: 8px !important;
    left: 6px !important;
    width: 33px !important;
    height: auto;
    z-index: 9;
}	
		
		
		}
	
.comporfile{margin-bottom:20px}
.comporfile h2{display: inline;
    line-height: normal;
    font-size: 24px;
    font-weight: normal;
    color: #1c79c1;}

.comporfile em{
line-height: normal;
    padding: 0 6px;
    color: #999;
    font-size: 16px;
    font-style: normal;	}

.comporfile h3{
    display: inline;
    line-height: normal;
    color: #999;
    font-size: 16px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
}	

.fixed-bar {
    position: fixed;
    right: 33px;
    width: 68px;
    top: 45%;
    margin-top: -70px;
    z-index: 10;
	
	top:28%;
}.fixed-barleft{position: fixed;
    left: 23px;
    width: 220px;
    bottom: 65%;
    margin-top: -70px;
    z-index: 10;
	border:1px solid #ddd;padding:10px;background-color:#1b74e1;background: rgba(34, 34, 34, 0.5);
	bottom:20%;line-height:32px;}
.fixed-barleft .icon{color:#fff;font-size:16px;font-weight:bold}.fixed-barleft p{color:#fff;font-size:16px;}

.fixed-bar .ele {
    display: block;
    width: 76px;
    height: 76px;
    padding-top: 13px;
    border-radius: 4px;
    transition: .36s ease;
    margin-top: 2px;
}

.fixed-bar .ele {
    background: rgba(34, 34, 34, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f222222, endColorstr=#7f222222);
    zoom: 1;
    cursor: pointer;
}

:root .fixed-bar .ele {
    filter: none \9;
}

/*for IE9*/

.fixed-bar .ele:hover {
    background-color: #ff9600;
}
.fixed-bar .bj:hover {
    background-color: #f6494a;
}
.fixed-bar .fa:hover {
    background-color: #f6494a;
}
.fixed-bar .icon {
    height: 26px;
    width: 100%;
}

.fixed-bar .msg .icon {
    background: url('../images/msg.png') no-repeat center;
}

.fixed-bar .tel .icon {
    background: url('../images/tel-icon.png') no-repeat center;
}
.fixed-bar .wwx .icon {
    background: url('https://lib.zozen.com/5ab9f1bda624634ee3649458/images/wx-icon.png') no-repeat center;
}

.fixed-bar .fa .icon {
    background: url('../images/ico-fa.png') no-repeat center;
}
.fixed-bar .bj .icon {
    background: url('../images/ico-bj.png') no-repeat center;
}

.fixed-bar .wx .icon {
    background: url('../images/wx-icon.png') no-repeat center;
}

.fixed-bar .wx .qr {
    position: absolute;
    bottom: 60px;
    left: -180px;
    width: 190px;
    height: 180px;
    display: none;
}

.fixed-bar .qr img {
    display: block;
    margin: 40px auto;
}

.fixed-bar .wx:hover .qr {
    display: block;
}

.fixed-bar .top .icon {
    background: url('../images/top-icon.png') no-repeat center;
}

.fixed-bar span {
    display: block;
    width: 100%;
    margin-top: 6px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.fixed-bar .tel {
    position: relative;
}

.fixed-bar .tel .fixed-tel {
    display: none;
    width: 213px;
    height: 139px;
    position: absolute;
    background: url('../images/fixed-tel-bg.png') no-repeat center;
    left: -203px;
    top: -76px;
    /*box-shadow: 0 0 30px 0 rgba(85, 85, 85, 0.3);*/
    text-align: center;
}

.fixed-bar .fixed-tel span {
    display: block;
    margin-top: 50px;
    color: #999;
    font-size: 14px;
}

.fixed-bar .fixed-tel p {
    color: #f7494b;
    font-size: 18px;
    font-weight: bold;
}
.fixed-bar .tel:hover{
    background-color: #f7494b;
}
.fixed-bar .tel:hover .fixed-tel{
    display: block;
}



.fixed-bar .wwx .fixed-wwx {
    display: none;
    width: 213px;
    height: 139px;
    position: absolute;
    background: url('') no-repeat center;
    left: -203px;
    top: 60px;
    /*box-shadow: 0 0 30px 0 rgba(85, 85, 85, 0.3);*/
    text-align: center;
}

.fixed-bar .fixed-wwx span {
    display: block;
    margin-top: 50px;
    color: #999;
    font-size: 14px;
}

.fixed-bar .fixed-wwx p {
    color: #f7494b;
    font-size: 18px;
    font-weight: bold;
}
.fixed-bar .wwx:hover{
    background-color: #f7494b;
}
.fixed-bar .wwx:hover .fixed-wwx{
    display: block;
}

.fixed-bar .msg {
    background: #ff9600;
}
.cpml{overflow:hidden;margin:20px auto;text-align:center;width:900px;}
.cpml li{float:left;font-size:16px;color:#000;padding:0px 20px;font-weight:bold;}
.cpml li:hover{border-bottom:2px solid red}