.header{ width: 100%; height: 100px; padding: 10px 0; }

.nav{ background: /* #002e6d */ rgba(0, 46, 109, 0.8); position: absolute; z-index: 999; width: 100% }

.nav .am-container{ overflow: visible; }

.nav ul{ display: flex }

.nav ul > li{ flex: 1; position: relative; max-width: 150px}

.nav ul > li.language, .nav ul > li.message{ float: right  }

.nav ul > li.language > a{ line-height: 40px; margin-top: 10px; border-radius: 10px; background: #002e6d;}

.nav ul > li.message > a{ padding: 0 10px }

.nav ul > li > a{width: 100%; text-align: center; font-size:16px; font-weight: 500; line-height: 60px; border-radius: 6px; transition: all 0.5s; display: block; color: #fff/* #a59483 */; padding: 0 30px; position: relative; }

.nav ul > li > i{display: block; border:4px solid #fff; transform: rotate(45deg); bottom: 10px; border-left: 4px solid transparent; border-top: 4px solid transparent}

.nav ul > li.current > a, .nav ul > li > a:hover{ background: rgba(0,0,0,0.3)}

.nav_down{ position: fixed; top: 0; left: 0; width: 100%; z-index: 999999 }


/*pro_nav*/

.pro_nav{ position: absolute; top: 60px; left: 0; width: 140%; background: #000; z-index: 999; display: none }

.pro_nav a{ padding: 15px; line-height: 1em; display: block; font-weight: 600; font-size: 15px; border-bottom: 1px solid #333; color: #fff; font-weight: 500  }

.pro_nav i{display: block; right: 20px; border:4px solid #fff; transform: rotate(45deg); border-left: 4px solid transparent; border-bottom: 4px solid transparent; margin-top: -4px;}

.pro_nav2{ top: 0; right: -100%; width: 100%; background: #222; border-left: 1px solid #333; display: none}



.header .ss_btn{ margin-top: 30px; width: 40px; height: 40px; display: block; border-radius: 5px; border:1px solid rgba(255,255,255,0.5); }

.header .logoText{ margin-left: 80px }

.top_phone{ padding-left: 60px; background: url('../img/phone_icon.png') no-repeat center left; margin-right: 20px; margin-top: 12px;}

.top_phone h2{ font-weight: 600; color: #075398; font-size: 18px; }

.top_phone p{ color: #787878 }

.ss_bg{ width: 20%; margin-top: 20px; margin-left: 10px;}

.ss_bg .am-container{ padding: 0 }

.ss_bg input{ height: 40px; line-height: 40px; background-color: #e5e5e5; box-sizing: border-box }

.ss_bg input[type="submit"], .form .submit{ background: url('../img/ss_btn2.png') #e5e5e5 no-repeat center }

.seach_list{ margin: 50px auto 30px; }

.wap_seach{ top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; display: none; }

.wap_seach .form_bg{top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,46,109,0.8); z-index: 1}

.wap_seach form{ width: 90%; z-index: 2; top: 40%; }

.wap_seach input{ background: none; width: 100%; line-height: 60px; font-size: 16px; color: #fff; border:none;  }

.wap_seach input[type="text"]{ border-bottom: 1px solid #002557; }

.wap_seach input[type="submit"], .form .submit{ background: #002557; line-height: 50px; margin-top: 15px; text-align: center; }

.wap_seach .close{ top: 20%; right: 10%; z-index: 3; font-family: Arial; width: 20px; height: 20px;}

.top{ /* transition: all 0.5s; */ top: 0; left: 0; width: 100%; z-index: 999; border-bottom: 1px solid #eee}

.top .nav_btn, .top .seach_btn{ height: 40px; display: block; margin-left: 10px; position: absolute;}

.top_down{ background: #fff; position: fixed; border-bottom: 1px solid #aaa; z-index: 99999 }

.top .top_content{ margin: 0 auto; width: 95%; height: 80px;}

.top .top_content .logo{ display: block; width: 100%;/*  text-align: center; */ text-align: left;}

.top .top_content .logo span{ height: 80px; display: inline-block; }

.top .top_content img{ height: 100%; width: auto }

.top .nav_btn{ top: 10%; right: 2px;}

.top .seach_btn{ width: 60px; height: 60px; top: 10px; left: 0}

.back_up{ display: none; width: 40px; height: 40px; position: fixed; bottom: 50px; right: 50px; cursor: pointer;}

.back_up img{ width: 100%; }

.contact_con h2{ color: #002e6d; font-size: 20px; line-height: 3em; text-transform: uppercase; }

.contact_con p{ color: #000; line-height: 2.5em; font-size: 16px; }

.wap_header{height: 80px; background: #002e6d; margin-bottom: 20px;}



/*link*/

.header .link{ margin-top: 20px; }

.link{ margin-top: 15px; text-align: right; }

.link a{ display: inline-block; width: 50px;/*  height: 35px;  */margin-left: 10px; }

/*fot_nav*/

.fot_nav li{ float: left; margin-right: 30px; text-transform: uppercase; line-height: 40px; }

.fot_nav li a{ color: #fff }

.footer{ background: #002e6d; padding: 20px 0; }

.copy, .copy a, .copys a{ color: #fff }

.copys{ line-height: 1.2em; padding: 0px 1.5rem; color: #fff; }

/*banner*/

.banner{ width: 100%; overflow: hidden; }

.banner .banner_item{ width: 100%; overflow: hidden;}

.banner .banner_item img{ width: 100%; }

.banner .owl-controls{ position: absolute; left: 0; bottom: 10px; margin:0; width: 100%; height: 20px; z-index: 99; text-align: center}

.owl-controls .owl-pagination{ text-align: center }

.owl-controls .owl-page.active span, .banner .owl-controls.clickable .owl-page:hover span{opacity: 1; background: none; border:2px solid #ddd;}

/*box1*/

.index_box1 ul{ width: 100%}

.index_box1 ul li b{ line-height: 50px }

.index_box1 ul li a{ display: inline-block; transition: all 0.5s; margin-right: 20px; line-height: 50px; color: #484848}

.index_box1 a:hover, .index_title a:hover{ color: #F93 }

.index_box1 .am-container{ padding: 0; }

/*title*/

.index_title{ border-bottom: 1px solid #ddd; overflow: hidden; width: 100%; margin-bottom: 20px; }

.index_title h2{ color: #333; font-size: 18px; line-height: 60px; display: inline-block; }

.index_title h2 span{ font-family: Arial; text-transform: uppercase; color:#002e6d; font-size: 14px; margin-left: 5px;  }

.index_title a{ font-size: 14px; transition: all 0.5s; display: inline-block; padding: 0 10px; line-height: 60px; color: #999;}


.index_about,.index_honor{ background: url(../img/topbg.jpg) top left; padding: 40px 0; }

.index_about_box{ background: #fff;  padding:0 0 20px; box-shadow: 0 0 10px #ddd; border-radius: 10px;}

.index_about_text{ line-height: 1.8em; font-size: 14px; }

.index_about_text span{display: inline-block; padding:0; margin-right: 15px;}

.index_about_text span video{ width: 100%; max-height: 300px}

.index_about_text a{ color: #F93; }



.index_about_new li.frist{ overflow: hidden; margin-bottom: 5px; }

.index_about_new li.frist span{ padding: 0 }

.index_about_new li.frist a > div{ padding-right: 0 }

.index_about_new li.frist h2{ color: #002e6d; font-size: 18px; }

.index_about_new li.frist h3{ margin: 5px 0; color: #484848 }

.index_about_new li.frist p{ color: #787878 }

.index_about_new li a{ font-size: 14px; }

.index_about_new li a span:nth-child(2){ font-size: 12px; }

.index_about_new li a span{ padding: 0;line-height: 25px; border-radius: 15px; overflow: hidden;}



.index_protitle{ background: #f5f5f5; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 20px 0; }

/*.index_protitle li{ padding-bottom: 35px;}*/

.index_protitle li a{width: 100%; display: block; }

.index_protitle li a p{ line-height: 1em; text-align: center; font-size: 15px; }

.index_protitle li a span{ display: block; width: 70%; border:2px solid #f5f5f5; margin: 0 auto; border-radius: 50%; transition: all 0.3s; overflow: hidden; margin-bottom: 15px }

.index_protitle li a span img{ transition: all 0.3s}

.index_protitle li:hover a span{ border-color: #002e6d;  }

.index_protitle li:hover a span img{ transform: scale(1.05,1.05); }



.index_pro_box{ margin: 30px auto; }

.index_honor_box{ background: #fff; padding-bottom: 20px;}

.index_honor_box li{ padding: 10px;}

.index_honor_box li p{ line-height: 40px; text-align: center; }

.index_honor > div{ border-radius: 10px;}
























/*列表*/

.pro_category{ padding: 0 0 50px;  }

.pro_category li{ padding:10px; margin-bottom: 10px;}

.pro_category li a{ display: block; border-radius: 5px; overflow: hidden; border:1px solid #ddd }

.pro_category li a h2{ text-align: center; transition: all 0.5s; color: #333; font-size: 15px; line-height: 1.6em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.pro_category li a p{ transition: all 0.5s; color: #666; margin: 10px 0; }

.pro_category li a h4{ display: inline-block; padding: 0 30px; line-height: 30px; color: #454545; background: #a59483; margin-bottom: 10px;}

.pro_category li a h4:hover{ background: #333 }

.pro_category li a .prolist_text2 p{ margin: 50px 0 20px;}

.pro_category li a .prolist_text{ text-align: center; transition: all 0.5s; padding: 5px 10px; }

.pro_category li a span{ display: block; width: 100%; overflow: hidden;}

.pro_category li a:hover .prolist_text{ background: #f5f5f5; }

.pro_category li a .index_prolist_text p{text-align: center; margin: 20px 0;/* text-transform: capitalize;*/line-height: 1.8em;}

.pro_category li a:hover h2, .pro_category li a:hover p{ color: #333; }

.pro_category li a img{ transition: all 0.5s; height: 185px}

.pro_category li a:hover img{ transform: scale(1.05,1.05); }





/*about*/

.about{ background-color: #454545; padding: 50px 0; }

.about_text{ padding-left: 0 }

.about_text > h2, .about_text > p{ color: #fff; }

.about_text > h2{ font-size: 18px; line-height: 40px; border-bottom: 1px solid #555; display: inline-block; margin-bottom: 15px; }

.about_text > p{text-align: justify; line-height: 1.8em; color: #eee}

.about_item{ width: 100% }

.about_item li{ width: 100%; }

.about_icon{ margin-top: 15px; }

.about_icon li{ margin: 10px 0;}

.about_icon li a{ display: block; overflow: hidden }

.about_icon li a > span{ padding: 0; }

.about_icon li a > div{ padding-left: 0 }

.about_icon li a h2{ color: #fff; font-size: 18px; border-bottom: 2px solid #a59483; white-space:nowrap; }

.about_icon li a p{ line-height: 1.2em; color: #fff; margin-top: 10px; }





/*pro_list*/

.pro_list{ width: 100%; padding: 0; margin: 20px 0;}

.pro_list li{ margin: 20px 0; }

.pro_list a{ display: block; width: 100%; overflow: hidden; transition: all 0.5s }

.pro_list a:hover i{ width: 10% }

.pro_list a:hover h2{color:#002e6d}

.pro_list .pro_text h2{ font-size: 20px; line-height: 1em; padding-top: 20px; }

.pro_list .pro_text p{ color: #666; line-height: 1.6em; color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; }

.pro_list .pro_text i{ transition: all 0.5s; width: 40px; height: 2px; background: #000000; display: block; margin:15px 0;}



/*case*/

.index_case ul{ width: 100%; margin-top: 20px; }



/*products*/

.ny_procategory{ background: #f6f6f6 }

.ny_procategory_item{ margin: 15px 0; }

.ny_procategory_item li{ padding: 10px; float: left; position: relative;}

.ny_procategory_item li a{ display: block; }

.ny_procategory_item li a p{ background: #eee; line-height: 1.5em; padding: 10px; transition: all 0.5s; border-radius: 5px;}

.ny_procategory_item li a:hover p{ background: #002e6d; color: #fff }

.ny_procategory_item li .pro_nav_two{ border-radius: 10px; display: none; z-index: 9999; position: absolute; top: 65px; left: 0; width: 100%; padding: 0 10px; background: #454545;}

.ny_procategory_item li .pro_nav_two a{ transition: all 0.5s; color: #ddd; display: block; line-height: 40px; border-bottom: 1px solid #555; overflow:hidden; white-space:nowrap;  text-overflow:ellipsis; }

.ny_procategory_item li .pro_nav_two a:hover{ color: #fff }

/*title*/

.ny_title{ text-transform: uppercase; color: #002e6d; font-size: 30px; line-height: 1.4em; text-align: left; border-bottom: 1px solid #eee; padding: 25px 1rem;}

.ny_title p{ color: #999; line-height: 30px; font-size: 16px; text-align: center;/*  padding-bottom: 20px; */ }



/*case*/

.case_list{ margin-top: 30px; }

.case_list li{ margin-bottom: 20px; overflow: hidden; padding: 1rem}

.case_list li a{ width: 100%; display: block; }

.case_list li a h2{ font-size: 16px; line-height: 1.2em; padding: 15px; background: #f2f2f2;text-align: center }

.case_list li a .case_img_width{ width: 100%; overflow: hidden }

.case_list li a img{ transition: all 0.5s }

.case_list li a:hover img{ transform: scale(1.05, 1.05) }

/*分页*/

.fy{ text-align: left; width: 100%; margin-bottom: 50px; padding: 0 1.5rem }

.fy a, .fy span{ display: inline-block; text-align: center; padding: 0 5px; min-width: 40px; line-height: 40px; border-radius: 8px; border:1px solid #aaa; transition: all 0.5s;}

.fy a:hover, .fy span{ background: #002e6d; color: #fff; border:1px solid #002e6d; }
.fy .a1{font-family: '宋体'}


/*new*/

.news_list{ width: 100%; margin-top: 30px; padding: 0}

.news_list li{margin-bottom: 15px;  background: #fafafa; border-radius: 15px; overflow: hidden;}

.news_list li a{ display: block; overflow: hidden; transition: all 0.5s;}

.news_list li .prolist_text{ margin-top: 10px; padding-bottom: 10px; }

.news_list li span{ padding-right: 0; display: block; padding: 0; border-radius: 15px; overflow: hidden; }

.news_list li a:hover{ background: #002e6d }

.news_list li a:hover h2, .news_list li a:hover p{ color: #fff; }

.news_list li .prolist_text{ margin: 20px 0; padding-left: 30px;}

.news_list li .prolist_text h2{ font-size: 20px; line-height: 1.6em; border-bottom: 1px solid #ddd; padding-bottom: 20px; }

.news_list li .prolist_text p{ line-height: 1.6em; color: #666; margin-top: 20px; }



.page_content{ text-align: left; margin: 30px 0 50px; }
.page2_content img{ display: block; margin: 0 auto; max-width: 750px}
.page_content .videos{ display: inline-block }


/*pro_detial*/

.pro_detail_content{ margin: 50px auto; }

.show_bigimg > div{ display: none; max-width: 100%; overflow: hidden; border:1px solid #ddd;}

.show_bigimg > div img{ max-height: 473px }

.show_bigimg iframe{ max-width: 100%; }

.show_smlimg{ display: flex; }

.show_smlimg .items{ max-width: 100%; transition: all 0.5s; flex: 1; margin-right: 1%; float: left; margin-top: 2%; border:2px solid #fff;}

.show_smlimg .items img{max-height: 110px}

.show_smlimg .items.active{ border:2px solid #aaa; }

.pro_show_contant{ overflow: hidden;}

.pro_show_tex{ padding-left: 0 }

.pro_show_tex > h2{ color: #002e6d; font-size: 24px; line-height: 1.6em; padding:10px 0; }

.pro_show_tex > h4, .pro_show_tex .wx_phone h4{ color: #002e6d; font-size: 18px; line-height: 3em }

.pro_show_tex > p{ margin-bottom: 10px; width: 100%; color: #666; font-size: 15px; line-height: 1.6em; }

.pro_show_tex .line{ border-bottom: 1px solid #eee; width: 100%; height: 1px; }

.pro_show_tex > h5{ color: #999; line-height: 2em; font-size: 16px; }

.pro_show_tex > h5 span{ display: block; line-height: 2.4em }

.pro_show_tex > h5 span i{ font-size: 16px; color: #002e6d; font-weight: 600; }

.pro_show_tex .wx_ewm{width: 40%; margin: -3.6em 0 1em}

.pro_show_tex .wx_ewm span{width: 100%; display: block}

.pro_show_tex .wx_ewm img{width: 100%;}

.pro_show_tex .wx_ewm p{color:#002e6d;font-size: 18px;line-height: 3em}

.pro_show_tex .wx_phone .line{ margin: 10px 0; }

.pro_show_tex .wx_phone h4{ line-height: 2.5rem;}

.pro_show_more{ margin-top: 30px; }

.pro_show_more a{ display: block;line-height: 20px; font-size: 16px; text-transform: uppercase; padding: 20px 0 20px 16%; width: 50%; float: left;	}

.pro_show_more .contact{ background: url(../img/pro_det_icon1.jpg) no-repeat center left;  background-size: auto 100%   }

.pro_show_more .click{ background: url(../img/pro_det_icon2.jpg) no-repeat center left;  background-size: auto 100% ; color: #fff; padding-left: 18%;  }

.pro_show_con{ padding: 0; margin: 0px 0 10px }

.pro_show_detail{ margin-top: 20px; }

.pro_show_tab{ background-color: #002e6d; padding: 10px 0; overflow: hidden; width: 100%; color: #fff; text-align: center; font-size: 20px;}

.pro_detail_content{ margin: 50px auto }

.pro_show_detail{ font-size: 16px; line-height: 1.8em; color: #333; padding: 0 15px; }

/* .pro_show_detail > div{ display: none; } */

/* .pro_show_detail .videos{display: block; width: 400px; margin: 0 auto; background: #000} */

.show_bigimg .videos{ background: #000 }

.pro_detail{ margin-top: 30px;}

.pro_show_detail table,.pro_show_detail table tbody{ width: 100% !important;}


.pro_show_detail table{ border: none !important; border-right: 1px solid #ddd !important; border-bottom: 1px solid #ddd !important; }

.pro_show_detail table tr{ border: none !important; border-top: 1px solid #ddd !important }

.pro_show_detail table tr td{ border: none !important; border-left: 1px solid #ddd !important }

.pro_show_detail table tr td a,.pro_show_detail table tr td img{ display: none !important }

.pro_show_detail table tr td{ line-height: 1.8em !important; text-align: center !important; padding: 0 !important; margin: 0 !important; }

.pro_show_detail table tr td p{ text-align: center !important; padding: 0 !important; margin: 0 !important; display: none !important }

.pro_show_detail table tr td p:nth-child(1){ display: block !important }

.pro_show_detail table tr{ width: 100%;}

.pro_show_detail table tr td{padding: 5px 0 !important;width: auto !important;}

/* .pro_show_detail table tr td:nth-child(1){ width: 60px;} */

.pro_show_detail img{ max-width: 100%; height: auto !important }

blockquote{ padding: 0 !important; border:none !important; margin: 0 !important;}


/*pro_list*/

.pro_left{ box-shadow: 0px 0px 10px #ddd; padding: 0; margin-top: 30px; }

.pro_title{ display: block; font-size: 20px; text-transform: uppercase; color: #fff; padding: 15px; background: #002e6d !important;  }

.pro_title:hover{ color: #fff; }

.pro_title i{ display: block; background: #fff; width: 15%; height: 2px; margin: 5px 0; }

.pro_title p{ color: #fff; font-family: Arial; }

.ny_pro_nav, .ny_pro_nav > li{ width: 100%; position: relative; }

.ny_pro_nav > li a{ position: relative; display: block; line-height: 50px; font-size: 15px; text-transform: capitalize; background: #f9f9f9; overflow: hidden;text-overflow:ellipsis; white-space: nowrap; width: 100%; padding: 0 20px; transition: all 0.5s;}

.ny_pro_nav > li i{ font-size: 14px; font-family: "Arial"; color: #fff; position: absolute; line-height: 40px; padding: 0 20px;}

.ny_pro_nav > li > a{ background: #002e6d; color: #fff; margin-top: 5px; transition: all 0.5s; border-radius: 5px; line-height: 40px; }

.ny_pro_nav > li > .pro_nav_two{display: none; background: #fdfdfd;}

.ny_pro_nav > li > .pro_nav_two a{ border-bottom: 1px solid #eee }

.ny_pro_nav > li > .pro_nav_two.down{ display: block; }

.ny_pro_nav > li > .pro_nav_two a:hover, .ny_pro_nav > li > .pro_nav_two a.active2{ background: #eee; }

.ny_pro_nav > li > a ~ i{ right: 0px; font-family: '宋体'; top: 0; transform: rotate(0deg); cursor: pointer; transition: all 0.5s}

.ny_pro_nav > li > a ~ i.active{ transform: rotate(90deg); }

.ny_pro_nav > li > .pro_nav_two a{ line-height: 40px; }

.ny_pro_nav > li > .pro_nav_two a > i{ left: 0px; top: 0; line-height: 40px;}

.index_pro_box_nav{ padding-left: 0 }

..index_pro_box_cen{ padding-right: 0 }













.form{ width: 100%; }

.form label{ width: 100%; display: block; line-height: 30px; margin: 0}

.form input, .form select, .form textarea{ width: 100%; line-height: 30px; border:1px solid #ddd; box-shadow: 0px 0px 5px #eee inset; border-radius: 5px; }

.form select{-webkit-appearance: none;}

.form input[type="submit"], .form .submit{ width: 100%; background: #333; color: #fff; box-shadow: none; border:none; margin: 20px 0 30px; line-height: 40px;}



.bottom_fx{ z-index: 9999; left: 0; bottom: 0; height: 50px; width: 100%; background: #002e6d;}

.bottom_fx a{ float: left; width: 50%;box-sizing: border-box; display: block; line-height: 50px; font-size: 16px; color: #fff; text-align: center; padding-left: 20px; background-repeat: no-repeat; background-size: auto 70%; background-position: 35px center; }

.bottom_fx a.app{ background-image: url(../img/bot_icon1.png); }

.bottom_fx a.pho{ background-image: url(../img/bot_icon2.png); border-right: 1px solid #002e6d }

.bottoms{ background: #1b1b1b; padding: 30px 0; color: #fff}
.bottoms a{ color: #fff }
.bottoms .bot_ewm{ display: inline-block; width: 100%; margin: 10px 0}
.bottoms .bot_ewm img{ width: 100% }
#WidgetFloaterPanels, #WidgetFloaterPanels ~ div:nth-child(1){ display: none !important }
.bottom_wx, .bottom_wx .bottom_wx_bg{ width: 100%; height: 100%; top: 0; left: 0;}
.bottom_wx{ display: none; z-index: 999 }
.bottom_wx .bottom_wx_bg{ background: rgba(0,0,0,0.8);}
.bottom_wx .bottom_wx_con{ width: 75%;}
.bottom_wx .bottom_wx_con span, .bottom_wx .bottom_wx_con img{width: 100%; display: block}
.bottom_wx .bottom_wx_con p{ color: #fff; font-size: 18px; line-height: 60px; }
.bottom_wx .bottom_wx_close{ bottom: 50px; left: 0; width: 100%; height: 40px; line-height: 40px; background: #002e6d; color: #fff }

.bigimg, .bigimg_bg{ width: 100%; height: 100%; top: 0; left: 0; }
.bigimg{ display: block !important; z-index: 999999; }
.bigimg_bg{ background: rgba(0,0,0,0.8); }
.bigimg_close{ top: 10%; right: 10%; width: 60px; }
.bigimg_img{ width: 50%; }


.index_litbanner{ width: 100%; overflow: hidden}
.index_litbanner img{ width: 100% }





@media (max-width:1200px) {

.nav{ padding: 0 }

.nav ul > li > a{ padding: 0 20px; }
.top .top_content{ height: auto; padding: 10px 0; overflow: hidden }
.top .top_content .logo img{ width: 100%; height: auto;margin-top: 0;}
.top .top_content .logo span{ height: auto; }
.header .logoText{ margin-left: 0px }

}

@media (max-width:1000px) {

.nav ul > li > a{ padding: 0 15px; }

}

@media (max-width:992px) {

.top_phone{display: none}

.ss_bg{ width: 28%}

.ss_bg input{ padding-right: 0 }

.pro_detail{ padding-left: 0 }

}

@media (max-width:860px) {

.nav ul > li > a{ font-size: 14px; }

.nav ul > li.language{ display: none }

}

@media (max-width:768px) {

.link{ margin-top: 0; }

.back_up{ right: 10px; bottom: 80px }

.copy{ padding: 10px; line-height: 1.6em }

.pro_category{ margin-top: 20px; padding-bottom: 10px; }

.banner .banner_item img{ width: 180%; margin-left: -40% }

.banner .banner_item{ height: 240px; }

.ny_banner{ height: 150px; width: 100%; overflow: hidden}

.ny_banner img{ position: static; height: auto; width: 260%; margin-left: -120%; }

.index_box1 .text{ font-size: 16px; }

.about_text{ padding-left: 1rem }

.about{ padding-top: 10px }

/* .about_text a{width: 45%; margin-right: 5%; float: left; padding: 0 10px; margin-bottom: 20px;}

.about_text a i{ width: 30px; margin-top: 5px; } */

.more{ display: block; width: 100%; line-height: 40px; background: #eee; text-align: center; margin-bottom: 20px;}

.news_list{ padding: 0; margin-top: 20px; }

.news_list li .prolist_text{ margin: 10px 0 20px; padding: 10px; }

.news_list li .prolist_text h2{ font-size: 18px; padding-bottom: 10px; }

.news_list li .prolist_text h2 span{ float: none }

.news_list li .prolist_text p{ margin-top: 10px; line-height: 1.5em; font-size: 14px; }

.pro_detail_content{ margin: 20px auto }

.pro_show_img, .pro_detail, .pro_show_detail{ padding: 0; }

.link{ text-align: left; }

.pro_detail{ margin: 0 }

.ny_procategory{ display: none; }

.footer{ padding-bottom: 60px }

.ny_title{ font-size: 18px; padding-bottom: 5px }

.page_content{ margin-top: 10px; min-height: 290px }

.pro_show_tex > h2{ font-size: 18px; line-height: 1.6em }

.index_about_new li.frist a > div{ padding-left: 0 }

.index_about_text{ padding-bottom: 15px;}

.index_pro_box{ margin: 0 auto 10px }

.pro_category li{ padding: 0 }

/*.index_litbanner{height: 135px;}
*/
/*.index_litbanner img{width: 640px; margin-left: -320px; }*/

/*.page_content img{ max-width: 100%; height: auto !important}*/

.index_about{padding: 0;}

.index_about_box{ border-top: none }

.index_honor{ padding: 20px 0 }

.index_protitle li a p{ font-size: 15px; }

.pro_show_tex{ padding: 0; }

/*.banner .banner_item{ height: 150px }*/

.index_protitle li a span.imgs_on{ border:none; width: 90%; margin:0 auto; border-top-left-radius: 5px; border-top-right-radius: 5px;  border-bottom-left-radius: 0; border-bottom-right-radius: 0; overflow: hidden;}

.index_pro_box_cen{ padding: 0; }

.index_about_box{ padding: 15px 0; }

.index_about_new li.frist h2{ margin: 5px 0; }

.pro_category li a img{ height: 160px; }

.index_pro_box_cen .pro_category li{ padding-right: 5px; }
.index_pro_box_cen .pro_category li:nth-child(2n){ padding-right: 0px; padding-left: 5px; }
.pro_show_detail img{ max-width: 100%; height: auto !important }
.show_smlimg .items img{ max-height: 60px }
.index_protitle{ border: none; overflow: hidden;}
.index_protitle .wap_listpro{ margin-top: 15px }
.index_protitle .wap_listpro li{ padding-bottom: 15px; }
.index_protitle .wap_listpro li span{ overflow: hidden }
.index_protitle .wap_listpro li p{ line-height: 28px; background: #ddd; width: 90%;margin: 0 auto; font-size: 13px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.index_protitle .wap_listpro li:hover a span.imgs_on{ width: 90% }
.index_title h2{ font-size: 16px; color: #002e6d}
.index_title h2 span{ font-size: 12px }
.index_title a{ padding: 0; font-size: 13px; }
.pro_category li a h2{ font-size: 13px }
.bigimg_img{ width: 100%; }
.page_content_about img{ float: none; width: 100% !important; margin-bottom: 10px; }
.bigimg_close{ width: 30px; }
.index_title{ margin-bottom: 10px }
.page_content .videos{ width: 90%; margin: 0 auto }
.page_content .videos video{ width: 100% }
.bottoms .bot_ewm{ width: 50%; }
/* .pro_show_tex .wx_phone, .pro_show_tex .wx_ewm{ width: 100%; float: none; }
.pro_show_tex .wx_ewm{ border-top: 1px solid #eee; margin: 1.5em 0; }
.pro_show_tex .wx_ewm img{ width: 50% } */
.index_about_text span video{ height: 150px; background: #000 }
.page2_content img{ max-width: 100%;height: auto !important}
.roll_row{height: 280px !important}
.roll_row .roll__list li{width: 180px !important}
}


.roll_row{
    height: 360px;
    position: relative;
    overflow: hidden;
    width: 100%;
}
.roll_row .roll__list::before, .roll_row .roll__list::after {
    content: "";
    display: table;
    line-height: 0;
}
.roll_row .roll__list::after {
    clear: both;
}
.roll_row .roll__list{
    width: 9999px;
}
.roll_row .roll__list li{
    float: left;
    display: block;
    width: calc(1170px / 5);
    text-align: center;
}