@charset "utf-8";body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
body {font-size: 12px;font-family: "microsoft yahei", Arial, tahoma, arial, simsun;color: #555;-webkit-font-smoothing: antialiased;}

input, textarea, select, button {font-family: "microsoft yahei", Arial, tahoma, arial, simsun;color: #999;outline: none;padding: 5px;}
input, button {-webkit-appearance: none;-webkit-border-radius: 0px;}
ul, li {list-style-type: none;}
.more {float: right;}
img {border: 0;display: block;transition: all ease-in .3s;text-align: center;margin: 0 auto;}
.c3, a.c3 {color: #333;}
.ca {color: #aaa;}
.f14 {font-size: 14px;}
.f16 {font-size: 16px;}
.f18 {font-size: 18px;}
.f20 {font-size: 20px;}
.f100 {font-size: 100px;}
a {text-decoration: none;color: #555;transition: all ease-in .3s;-webkit-transition: all ease-in .3s;-moz-transition: all ease-in .3s;-ms-transition: all ease-in .3s;-o-transition: all ease-in .3s;}
a:hover, .blue {color:#009B6C}
.red {color: #d70c18;}
.clearfix {verflow: auto;_height: 1%;_zoom: 1;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.back_t {position: fixed;width: 40px;height: 40px;right: 2%;bottom: 5%;z-index: 99;display: none;}
.back_t a {display: block;width: 40px;height: 40px;background: url("../images/icon_back.jpg") no-repeat center;}
.section {width: 100%;position: relative;box-sizing: border-box;}
.header {background: #fff;padding: 8px 0 18px 0px;z-index: 999;}
.head, .n_nav, .n_main, .n_footer {margin: 0 auto;max-width: 1000px;}
.header .logo {float: left;width: 42%;}
.header .mlogo { display:none}
.header .logo img {width: 100%;height: auto;}
.header .lang {width: 240px;float: right;margin-top:1px;  margin-right:5px; }
.header .lang_t{float:right; width:185px; margin-bottom:25px; text-align:left; font-size:12px}
.header .lang_t .lang_t_l{ float:left; background:url(../images/add.png) no-repeat; text-indent:24px; width:85px}
.header .lang_t .lang_t_r{ float:right; background:url(../images/mail.png) no-repeat; text-indent:24px;width:85px}
.header .lang_e{float:left; width:100%;background:url(../images/tel.png) no-repeat; text-indent:35px;font-size:14px;font-weight:bold}
.m_menu {display: none;width: 90px;float: right;height: 36px;position: absolute;top: 50%;margin-top: -18px;right: 10px;}
.m_menu a {display: block;height: 36px;width: 36px;float: left;}
.m_menu a.icon_menu {float: right;}
.m_menu a i {display: block;height: 36px;width: 100%;}
.m_menu a.icon_menu i {background: url("../images/icon_menu.png") no-repeat center;}
.m_menu a.icon_menu i.on {background: url("../images/icon_menu_h.png") no-repeat center; }

/*moblie*/
.m_menu_box {background: #eee;overflow: hidden;display: none}
.m_menu_box li {line-height: 44px;border-bottom: 1px solid #ccc;font-size: 14px;overflow: hidden;}
.m_menu_box li a {display: block;height: 44px;padding: 0 10px;color: #333;}
.m_menu_box li a i {width: 44px;height: 44px;display: inline-block;float: right;background: url("../images/icon_m_nav1.png") no-repeat center;}
.m_menu_box li a i.on {background: url("../images/icon_m_nav2.png") no-repeat center;}
.m_menu_box li .sub {background: #f8f8f8;padding-left: 20px;display: none;width: 100%;}
.m_menu_box li .sub a {color: #666;}

/*nav*/
.nav {background: #009966;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;height: 46px;font-size: 15px;position: relative;z-index: 99;}
.n_nav li {float: left;width:13%;text-align: center;line-height: 46px;position: relative;}
.n_nav li a {display: block;color: #fff;}
.n_nav li a:hover, .n_nav li a.act {font-weight: bold;color: #fff;background:#00DD5E;}
.n_nav li .drop {position: absolute;top: 47px;left: -40%;background: #eee;width:390px;padding: 15px;border: 1px solid #fff;display: none;line-height: 30px;}
.n_nav li .drop .img {float: left;width: 150px;text-align: center;}
.n_nav li .drop .img img {display: inline-block;}
.n_nav li .drop .txt {width: 220px;float: right;text-align: left; margin-left:15px}
.n_nav li .drop .txt li {float: left;width: 200px;font-size: 12px;text-align: left;height: 30px;}
.n_nav li.neal283 .drop .txt li{width: 140px}
.n_nav li.neal200 .drop .txt li{width: 140px}
.n_nav li .drop .txt .list {border-bottom: 1px solid #fff;padding: 5px 0;}
.n_nav li .drop .txt li a {display: block;height: 30px;line-height: 30px;background: url("../images/icon_nav.png") no-repeat left -42px;padding-left: 8px; color:#333333}
.n_nav li .drop .txt li a:hover {background: url("../images/icon_nav.png") no-repeat left 12px;padding-left: 8px;color: #0161b5}
.i_box {overflow: hidden;padding: 20px 0px;line-height: 22px;}
.i_box h4.tit {height: 40px;line-height: 40px;font-size: 14px;color: #333;margin-bottom: 12px;}
.i_box h4.tit a.more {height: 40px;width: 44px;background: url("../images/icon_more.jpg") no-repeat center;line-height: 44px;display: inline-block;}
.i_box h4.tit a.more img {display: none;}
.i_box .news h4.tit, .i_box .activity h4.tit {border-bottom: 1px solid #d6d6d6;margin-bottom: 18px;}
.i_box .news h4.tit .more {display: none;}


/*banner*/
.baner {width: 100%;position: relative;overflow: hidden;}
.baner_box {width: 1000px;margin: 0 auto;}
.n_baner {width: 1920px;margin: 0 -460px;overflow: hidden;display: block;}
.atlas {width: 999999px;}
.atlas li {float: left;}
.atlas li img {display: block;}
.n_baner .num {position: absolute;width: 100%;height: 12px;bottom: 5%;left: 0;text-align: center;z-index: 5;}
.n_baner .num a {width: 12px;height: 12px;display: inline-block;background: #000;border-radius: 10px;margin: 0 5px;}
.n_baner .num a.on {background: #1f79cd}
.n_baner .btn {width: 50px;height: 50px;background: #3C456B;display: block;position: absolute;z-index: 5;top: 40%;line-height: 50px;text-align: center;font-size: 30px;color: #fff;cursor: pointer;transition: all ease .5s;}
.n_baner .pre {left: -80px;}
.n_baner .next {right: -80px;}
.n_baner:hover .pre {left: 20px;}
.n_baner:hover .next {right: 20px;}

/*news*/
.i_box .news h4.tit .num {width: 130px;float: right;height: 40px;text-align: center;}
.i_box .news h4.tit .num a {display: inline-block;width: 40px;height: 6px;background: #ddd;}
.i_box .news h4.tit .num a.on {background: #1e72c2}
.i_box .news {float: left;width: 650px;overflow: hidden;}
.i_box .news .content {margin-left: -26px;}
.i_box .news ul {width: 99999px;}
.i_box .news li {float: left;width: 338px;padding-left: 26px;box-sizing: border-box;}
.i_box .news li .con {border-bottom: 1px solid #e2e2e2;padding-bottom: 10px;}
.i_box .news li h4 {line-height: 26px;height: 26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.i_box .news li h4 span {padding: 0 6px;font-weight: normal;}
.i_box .news li img {width: 100%;margin-bottom: 5px;height: auto;}

/*activity*/
.i_box .activity {float: right;width: 320px;}
.i_box .activity li {margin-bottom: 14px;}
.i_box .activity li .con {border: 1px solid #e2e2e2;padding: 5px 3px;overflow: hidden;}
.i_box .activity li:nth-child(2) {margin-bottom: 0;}
.i_box .activity li .img {float: left; width:100%}


/*product*/

/*product*/
.i_box .product {float: left;width: 650px;}
.i_box .product a {display: block;overflow: hidden;color: #fff;}
.i_box .product .list {float: left;width: 26px;height: 182px;position: relative;overflow: hidden;}
.i_box .product .list .name {position: absolute;right: 0;top: 0;z-index: 5;}
.i_box .product .list .name {width: 12px;padding: 10px 7px 0 7px;height: 172px;text-align: center;line-height: 18px;display: block;color: #fff;cursor: pointer;word-wrap: break-word;overflow: hidden;}
.i_box .product .zir {width: 83.88%;}
.i_box .product .zir img {width: auto;}
.i_box .product .zir .name {background: #1264b2;}
.i_box .product .fiber .name {background: #539fe8;}
.i_box .product .osa .name {background: #1673cc;}
.i_box .product .bar .name {background: #3a90e2;}
.i_box .product .light .name {background: #3385d4;}

/*social*/
.i_box .social {float: right;width: 320px;}
.i_box .social .content {border: 1px solid #e2e2e2;overflow: hidden;}
.i_box .product .content {
/*height: 182px;*/
 overflow: visible;                               
/* mike2017/09/04  */
}
.i_box .social .content {background: #eee}
.i_box .social .img {background: #fafafa;float: left;padding: 15px;width: 136px;text-align: center;box-sizing: border-box;}
.i_box .social img {display: inline-block;}
.i_box .social .txt {width: 180px;padding: 12px 10px;float: right;box-sizing: border-box;}

/*footer*/
.footer {background: #f9f9f9;border-top: 1px solid #d6d6d6;box-shadow: 0px 1px 20px #dedede inset;padding: 20px 0;overflow: hidden;margin-top:20px;}
.footer .f_menu {width: 840px;float: left;border-right: 1px solid #eee;}
.footer .f_menu li {width: 155px;float: left;padding: 6px 0; }
.footer .f_menu li a {display: block;}
.footer .f_menu li ul {padding-top: 10px;}
.footer .wx {width: 159px;float: right;text-align: center;line-height: 24px;}
.footer .wx img {display: inline-block;}
.footer .box {overflow: hidden;}
.footer .copy {border-top: 1px solid #eee;margin-top: 20px;padding-top: 20px;line-height: 34px;}
.footer .copy .cop_txt {float: left;width: 423px;}
.footer .copy .icon {float: left;width: 200px;}
.footer .copy .icon li {float: left;padding: 0 5px;}
.footer .copy .auxiliary {width: 200px;float: right;text-align: right;}

/*about us*/


.inner_banner {height: 206px;overflow: hidden;position: relative;}
.inner_banner_box {width: 1000px;margin: 0 auto;}
.inner_banner_box p {width: 1920px;margin: 0 -460px;}
.h_nav {display: none;}
.side_l {width: 736px;float: left;}
.side_l .web_site {height: 40px;line-height: 40px;border-bottom: 1px solid #ddd;background: url("../images/icon_w_site.jpg") no-repeat left center;padding-left: 25px;}

.public_box {padding:10px 0px 40px 0px;line-height: 22px; overflow:hidden; font-size:14px}
.public_box p {padding: 5px 0;}
.public_box img p img {display: inline-block;}
.public_box ul{ width:710px; margin:0px auto;}
.public_box li{ width:215px; float:left; height: auto; padding:10px 1px; margin:10px 8px; overflow:hidden; border:1px solid #ccc}
.public_box li p{ text-align:center; font-size:14px}


.side_r {width: 243px;float: right;padding-bottom: 20px;}
.side_r .column {height: 70px;background: url("../images/bj_colum_tit.jpg") 100% 100%;position: relative;margin-top: -70px;color: #fff;}
.side_r .column h4 {text-align: center;padding: 15px 15px 0 0;}
.side_r .column p {text-align: right;padding-right: 30px;}
.side_r .sub_nav li {background: #e1e1e1;}
.side_r .sub_nav li a {display: block;line-height: 40px;padding-left: 44px;background: url("../images/bj_sub_icon.png") no-repeat 20px -28px;border-bottom: 1px solid #ccc;}
.side_r .sub_nav li a:hover, .side_r .sub_nav li a.on {background: url("../images/bj_sub_icon.png") no-repeat 20px 13px;font-weight: bold;color:#009B6C;border-bottom: 1px solid #009B6C;}
.side_r .sub_nav .n_sub_nav {background: #f9f9f9;display: none;}
.side_r .sub_nav .n_sub_nav a {background: none;padding-left: 56px;border: none;}
.side_r .sub_nav .n_sub_nav a:hover, .side_r .sub_nav .n_sub_nav a.on {background: none;color: #d70c18;font-weight: normal;border-bottom: none;}
.side_r .sub_nav h4 {height: 40px;line-height: 40px;padding-left: 44px;background: #f5f5f5 url("../images/bj_sub_h4.jpg") no-repeat 34px center;color: #ab2930;display: none;cursor: pointer;}
.side_r .sub_nav p.sub_kevin_p {background: #f9f9f9;height: 40px;line-height: 40px;display: none;cursor: pointer;}
.side_r .sub_nav p.sub_kevin_p a {background: none;padding-left: 56px;border: none;}
.side_r .sub_nav p.sub_kevin_p a:hover, .side_r .sub_nav p.sub_kevin_p a.on {color: #d70c18;font-weight: normal;}
.side_r .contact {line-height: 28px;background: #efefef url("../images/icon_r_tel.png") no-repeat right 5px;color: #666;padding: 10px;margin: 20px 0; border:1px solid #ccc}





/*page*/

.page {width: 100%;text-align: center;padding: 10px 0;}
.page a {display: inline-block;padding: 2px 8px;border: 1px solid #d6d6d6;margin: 0 3px;}
.page a.num {display: none;}
.page a:hover, .page a.now {color: #eb3341;background: #005bab;color: #fff;}
.zoom_flip {width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: #fff;z-index: 999;display: none;}
.i_zoom_flip {height: 100%;overflow: auto;-webkit-overflow-scrolling: touch;}
.i_zoom_flip li {height: 50px;line-height: 50px;border-bottom: 1px solid #ccc;font-size: 14px;padding: 0 5%;}
.i_zoom_flip li a {display: block;}

/*news*/
.n_news ul {padding: 15px 0 0 0;}
.n_news li {border-bottom: 1px dotted #ddd;padding: 18px 0;overflow: hidden;}
.n_news li h4 span {font-weight: normal;font-size: 12px;padding-left: 10px;}
.n_news li p {padding: 0;line-height: 20px;}
.n_news li .img {float: left;padding-right: 2%;}
.new_detail .new_name {line-height: 30px;padding: 5px 0;border-bottom: 1px dotted #ddd;margin-bottom: 20px;}
.new_detail .new_name span {padding: 0 10px;}
.public_box .u_d_new {border-top: 1px dotted #ddd;margin: 20px 0;}
.public_box .u_d_new li {line-height: 40px;float: left;width: 50%;}

/* INDEX */
.m_indexx{overflow: visible;}
.m_index{/*max-height: 180px*/}
.m_index .responsive{position: relative;}
.m_index .slick-arrow{position: absolute;top: 50%;width: 13px;height: 20px;border: none;color: transparent;font-size: 0;margin-top: -10px;}
.m_index .slick-prev {left: -20px;background: url("../images/m_prev.png") no-repeat 0 0px;z-index: 333}
.m_index .slick-prev:hover {background: url("../images/m_prev.png") no-repeat 0 -25px;}
.m_index .slick-next {right: -20px;background: url("../images/m_next.png") no-repeat 0 0px;z-index: 333}
.m_index .slick-next:hover {background: url("../images/m_next.png") no-repeat 0 -25px;}
.m_index .m_ind img {width: 100%;/*max-height: 71px;*/display: block;}
.m_index .m_ind {background: #009B6C;margin: 0 3px;}
.m_index .m_ind p {font-size: 12px;text-align: center;padding:10px}
.i_box .social {margin-bottom: 20px}
.i_box .social .txt{+width: 120px /* ie7 */}



/*2018 /2/2*/

.n_nav li.neal477 .drop{width: 563px;
}
.n_nav li.neal477 .drop .txt{width: 409px;
}
.n_nav li.neal477 .drop .txt li{width: 202px;
}
.n_nav li.neal393 .drop .txt li{width: 130px;
}
.n_nav li.neal398 .drop{width: 520px;
}
.n_nav li.neal398 .drop .txt{width: 357px;
}
.n_nav li.neal398 .drop .txt li{width: 166px;
}
/*2018/2/5 mike*/
.content .m_conl{float: left;width: 40%;background: #f6f6f6;padding: 5px;
}
.content .m_conl .img{overflow: hidden;
}
.content .m_conr{float: left;width: 57%;padding-left: 10px;font-size: 12px;color: #222;line-height: 2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7; /*（第几行显示）*/
overflow: hidden;

}

.m_pall.m_lastli li .nopoint img{margin: -5px 0;
}
.m_pall.m_lastli li{margin-top: 5px;
}
.m_pall.m_lastli h4.tit{margin-bottom: 0;

}
.i_box .social h4.tit{border-bottom: 1px solid #d6d6d6;margin-bottom: 18px
}



@media(max-width: 998px) {.responsive{	margin: 0 25px;}.section {width: 100%;padding: 10px;}
.header .stock, .header .s_lan .lang, .header .s_lan, .nav, .i_box .news li h4 span, .side_r, .i_box .news h4.tit .num, .i_box .news li, .footer .box, .footer .copy .icon {display: none;}

.header .m_menu, .i_box .news h4.tit .more {display: block;
}
.header .logo {width: 54%;max-width: 200px;
}
.banner {margin-bottom: 0;
}
.baner, .baner_box, .n_baner {width: 100%;padding: 0;margin: 0;
}
.n_baner .btn {display: none;
}
.atlas li img {width: 100%;
}
.i_box .news, .i_box .activity, .i_box .video, .i_box .product, /* .i_box .social, */ .side_l, .i_box .news ul, .in_box .factory {width: 100%;float: none;
}
.i_box .social{width: 100%
}
.i_box h4.tit {margin: 8px 0;
}
.i_box h4.tit a.more {background: none;
}
.i_box h4.tit a.more img {display: inline-block;vertical-align: middle;
}
.i_box .news li {width: 50%;
}
.i_box .news li:nth-child(1), .i_box .news li:nth-child(2) {display: block;
}
.i_box .social .img {width: 40%;
}
.i_box .social .txt {width: 60%;
}
.i_box .product .list {float: left;width: 20%;position: relative;
}
.i_box .product .list img {width: auto;
}
.i_box .activity ul {margin-left: -26px;
}
.i_box .activity li {width: 50%;float: left;padding-left: 26px;box-sizing: border-box;
}
.public_box img {max-width: 100%;height: auto;
}
.public_box .factory img {width: 100%;height: auto;
}
.footer {box-shadow: none;border: none;text-align: center;padding: 0;
}
.footer .copy {margin: 0;padding: 10px 0;
}
.footer {margin-top: 12px;
}
.h_nav {position: relative;z-index: 99;margin-bottom: 10px;display: block;
}
.h_nav .chioce {padding: 10px;background: #04579f;height: 38px;line-height: 38px;
}
.h_nav .chioce a {background: #fff url("../images/icon_m_nav1.png") no-repeat right center;font-weight:bold;padding-left: 20px;width: 100%;box-sizing: border-box;border: none;height: 38px;color: #333;display: block;
}
.h_nav .m_sub_menu {width: 100%;background: #fff;line-height: 40px;position: absolute;top: 59px;left: 0;border-bottom: 1px solid #ddd;display: none;
}
.h_nav .m_sub_menu a {display: block;color:#fff;
}
.h_nav .m_sub_menu .list {border-bottom: 1px solid #555;background:#555;
}
.h_nav .m_sub_menu .list:last-child {border-bottom: none;
}
.h_nav .m_sub_menu h4 {padding: 0 10px 0 26px;background: #333;
}



.h_nav .m_sub_menu p em {background: url("../images/icon_m_nav1.png") no-repeat center;width: 40px;height: 40px;display: inline-block;float: right;
}
.h_nav .m_sub_menu p {padding: 0 10px 0 40px;display: none;color:#fff;border-top:1px dashed #777;
}
.h_nav .m_sub_menu p a{ color:#ccc;}
.h_nav .m_sub_menu ul {display: none;
}
.h_nav .m_sub_menu li {padding: 0 10px 0 55px;
}

}

@media(min-width: 768px) and (max-width: 998px) {.header .lang_t{ display:none;}.header .lang{ margin-right:50px;}.header .lang_e{ margin-top:8px}
}

@media(max-width: 767px) {.header .lang{ display:none;}.header .logo { display:none}
.header .mlogo { display: block; float:left; width:30%}
.header .mlogo img {width: 100%;height: auto;}.i_box h4.tit {	margin: 5px 0;}.i_box {	padding-bottom: 6px;}.i_box .activity ul {	margin-left: 0;}.i_box .activity li {	width: 100%;	padding: 0px;}.i_box .social .img, .i_box .social .txt {	width: 100%;	text-align: center;}.i_box .product .list .name {	width: 80%;	padding: 0 10%;}.i_box .product .list .name a {	position: relative;	top: 45%;}.i_box .product .list img, .side_l .web_site, .footer .copy .auxiliary, .footer .copy .cop_txt a, .inner_banner, .in_box .sub_company .tab_name, .n_news li h4 span, .public_box .u_d_new, .hide_640 {	display: none;}
.footer .copy {	padding: 10px 0;	overflow: hidden;}.footer .copy .cop_txt {	width: 100%;	line-height: 22px;}.side_l .us_video .r p {	margin: 1% 0;	width: 96%;}.in_box .sub_company .tab_content h4 {	display: block;	text-align: center;}.in_box .sub_company .list {	border-bottom: 1px dotted #ddd;	display: block;}.in_box .factory li, .in_box .sub_company .list .img, .in_box .sub_company .list .txt, .side_l .us_video .l, .side_l .us_video .r, .tfc .plan li, .tfc .biao li, .advantage .tit span, .advantage .team .img, .advantage .team .txt, .advantage .type li, .advantage .ability .l, .advantage .ability .r, .certi li, .n_conatct .ad .l, .n_conatct .ad .r, .message .form label, .message .form .input, .message .form textarea, .targe .l, .targe .r, #lc .list .l, #lc .list .r, ul.li3_txt li {	width: 100%;	float: none;	box-sizing: border-box;}.advantage .type li {	border-bottom: 1px dotted #ddd;}.advantage .type li:last-child {	border: none;}.advantage .labor li {	width: 50%;	float: left;	box-sizing: border-box;	border: none;}.in_box .sub_company .tab_content {	border: none;}.history {	border: none;}.history .list .txt {	width: 80%;}.history .list .time {	background: none;	width: 14%;	text-align: center;}.history .list .txt p {	border-bottom: 1px dotted #ddd;}.clutrue .radio li b {	background: none;	border: none;	line-height: normal;	width: 100%;}.honor .list .pic li {	width: 44%;	padding: 0 3%;}.public_box {	padding: 0;}.s_respon p.blue {	padding-bottom: 0;}.s_respon .list {	padding: 15px 5px;}.s_respon .list .icon {	width: 15%;}.s_respon .list .txt {	width: 80%;}.s_respon li .list .icon {	width: 30%;}.s_respon li .list .txt {	width: 62%;}.tfc .plan li {	background-size: contain;}.advantage .tit {	height: 34px;	line-height: 34px;	margin-bottom: 25px;}.advantage .team img {	display: inline-block;}.advantage .partner li {	width: 50%;}.certi li {	background: none;	padding-bottom: 0;}.m_page {	border: 1px solid #ddd;	padding: 0;	text-align: center;	overflow: hidden;	display: block;}.m_page a {	display: none;	margin: 0;	height: 40px;	line-height: 40px;	border: none;}.m_page a.pre, .m_page a.next, .m_page a.num {	display: block;	width: 33.333333%;	float: left;	box-sizing: border-box;}.m_page a.num {	border-left: 1px solid #ddd;	border-right: 1px solid #ddd;	background: url("../images/icon_m_page.png") no-repeat 90% center;	display: inline-block;}.m_page a.num:hover {	background: #005bab url("../images/icon_m_page.png") no-repeat 90% center;}.hr .tab_name a {	display: block;	width: 50%;	float: left;	box-sizing: border-box;	height: 40px;	line-height: 40px;}.biao table td a.detail {	background: #48759c;	color: #fff;}.biao table td a.detail:hover {	background: #48759c;}.biao_boder .form .file {	width: 100%;	box-sizing: border-box;	margin: 10px 0;}.employee li {	width: 50%;	float: left;}.employee li .border {	width: 90%;}.n_conatct .ad .l {	border-bottom: 1px solid #ddd;	margin-bottom: 15px;}.message .form label {	text-align: left;}.message .form .input {	height: 36px;}.message .form .btn {	padding: 0;}.message .form .btn input {	width: 48%;	float: left;}.message .form .btn input[type=reset] {	float: right;}.pro_nbar .type li p {	left: 1.5%;	bottom: 5%;	width: 97.5%}.pro_nbar ul.li3 li {	width: 50%;	padding: 0;}.pro_nbar ul.li2_txt li {	width: 96%;	padding: 2%;}.pro_nbar ul.li2_img li {	width: 48%;	padding: 1%;}.pro_nbar ul.li4 li {	width: 50%;}.targe .l {	padding-bottom: 20px;}.pro_nbar .order b.img {	display: none;}.pro_all .list {	width: 100%;	float: none;	border-bottom: 1px dashed #ddd;	margin-bottom: 15px;	height: auto !important;}.pro_all .list img {	max-width: 100%;	display: inline-block;}.m_clutrue{	margin-bottom: 10px}
.public_box ul{ width:100%; margin:0px auto;}
.public_box li{ width:100%; float:left; height: auto; padding:10px 0px; margin:10px 0px; overflow:hidden}
.i_box .activity li p img { width:100%}
}

@media(min-width: 480px) and (max-width: 767px) {.header .logo { display:none}
.header .mlogo { display: block; float:left; width:30%}
.header .mlogo img {width: 100%;height: auto;}.header .lang{ display:none;}
/* 	2017 mike */.n_conatct .ad .m_r{	width: 50% !important;	margin: 0 auto !important;	}.m_quality .txt .m_qu{	width: 100%}.m_pall li{	width: 25%;}/*.m_pall li p{*/	/*line-height: 34px*//*}*/.m_dev .m_deimg{	display: none}.m_dev .m_dep{	width: 100%}.m_clutrue{	margin-bottom: 10px}
.m_advantage .advan .adlist{	width: 100%}.m_advantage .advan .adlist1{	padding-top: 15px}.m_advantage .advan .adlist .m_padd{	margin-left: 10px;	padding: 0}/*.m_index .slick-arrow{*/	/*display: none !important*//*}*/
.public_box li{ width:100%; float:left; height: auto; padding:10px 0px; margin:10px 0px; overflow:hidden}
.public_box ul{ width:100%; margin:0px auto;}
}
@media(max-width: 479px) {.header .logo { display:none}
.header .mlogo { display: block; float:left; width:48%}
.header .mlogo img {width: 100%;height: auto;}.header .lang{ display:none;}#fc .li2 li, .s_respon li {	width: 100%;}.s_respon li .bor {	border: none;	border-bottom: 1px solid #ddd;}.s_respon li .list .icon {	width: 15%;}.s_respon li .list .txt {	width: 80%;}
/* 2017-09-04  mike */.n_conatct .ad .m_r{	width: 50% !important;	margin: 0 auto !important;}.m_quality .txt .m_qu{	width: 100%;	margin-bottom:10px;	}.m_quality .txt .m_qu p{	margin-left:25px;}.m_pall li{	width: 50%}.m_dev .m_deimg{	display: none}.m_dev .m_dep{	width: 100%}.m_dev .m_dep p{	font-size: 12px;}
/*.m_clutrue .list .radio{*/	/*padding: 0 90px*//*}*/.m_advantage .advan .adlist{	width: 100%}.m_advantage .advan .adlist .m_padd{	margin-left: 10px;	padding: 0}.m_advantage .advan .adlist1{	padding-top: 15px}/*.m_index .slick-arrow{*/	/*display: none !important*//*}*/.public_box ul{ width:100%; margin:0px auto;}
.public_box li{ width:100%; float:left; height: auto; padding:10px 0px; margin:10px 0px; overflow:hidden}
.i_box .activity li p img { width:100%}
}





.slide_box{padding-bottom: 20px;
}
.slide_box .slick-dots{width: 100%;position: absolute;bottom: 0px;text-align: center;z-index: 20;/*background: url(../../../../Images/home/tianfu/ja-jp/dots.png) repeat left top \9;*/
}
.slide_box .slick-dots li{display: inline-block;*display: inline;zoom:1;/*line-height: 1;*/margin: 0 8px;
}
.slide_box .slick-dots li a{width: 13px;height: 13px;display: inline-block;cursor: pointer;font-size: 0;outline: none;
}
.slide_box .slick-dots li a{background: url("../images/dots.png") no-repeat right;
}
.ie8 #banner .slick-dots li a{border: none;
}
/*#banner .slick-dots li.slick-active a{*/
/*background-color: #fff;*/
/*background: url(/Public/Images/home/afriso/ja-jp/dt-2.png) no-repeat 50%\9;*/
/*}*/

.slide_box .slick-dots li.slick-active a{background: #fff url("../images/dots.png") no-repeat;
}
.slick-initialized .slick-slide{outline: none;
}
.pc_hide{display: none;
}

@media (max-width: 998px){.n_product_info .section {	width: 100%;	padding: 0;}
}
@media (max-width: 830px){.n_product_info .n_product_right img{	margin-right: 5px;}.n_product_info .n_product_left img{	margin-left: 5px;}
}
@media(max-width: 800px) {
.n_product_info .n_product_right img{	margin-right: 0;}.n_product_info .n_product_left img{	margin-left: 0;}.n_product_info .n_product_left .n_imgbox,.n_product_info .n_product_right .n_imgbox{	text-align: center;}.n_product_box .n_product_detail{	position: static;	-webkit-transform: none;	-moz-transform: none;	-ms-transform: none;	-o-transform: none;	transform: none;	width: 100%;	padding-bottom: 10px;	margin-left: 0 !important;	margin-top: 0 !important;}.n_product_info{	height: auto;}.n_product_box .n_product_detail ul{	width: 100%;}.n_product_box .n_product_detail ul.twoline li{	width: 50%;	box-sizing: border-box;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;}.m_pall.m_lastli li .nopoint img{	margin: 0;}.content .m_conl{	background: none;}
}

@media(max-width: 540px) {.i_box .social{	display: none;}.i_box .news .content{	margin-left: 0;}.content .m_conr{	padding-left: 0;}.n_product_info .n_product_left,.n_product_info .n_product_right{	width: 100%;}.n_product_info .n_product_left .n_imgbox{	margin-right: 0;}.n_product_info .img_separate .section1 .n_imgbox{	margin-left: 0;}.n_product_info .n_product_left{	margin-bottom: 8px;}.n_product_info .n_product_right h4{	margin-top: 24px;	margin-left: 20px;	margin-right: 0;	border-left: 6px solid #005bab;	border-right: none;	padding-left: 5px;	text-align: left;}.content .m_conl,.content .m_conr{	width: 100%;}.m_pall.m_lastli li .nopoint img {	margin: -4px 0;}

}
@media(max-width: 480px) {.responsive {	margin: 0 15%;}.m_index .slick-next{	right: -25px;}.m_index .slick-prev{	left: -25px;}.m_hide{	display: none;}.pc_hide{	display: block;}.m_index .m_ind{	border-bottom: 1px solid #fff;}.m_index .m_ind img{	height: 80px;	width: auto;}.m_index .m_ind p{	padding-bottom: 10px;}
}
@media(max-width: 400px) {.m_quality .txt .m_qu img{	width: 45px;}.m_quality .txt{	width: 99%;	padding-right: 0;}.m_quality .txt .m_qu p {	margin-left: 15px;}
}





/*2018-1-10修改*/
.news_2018 .con{padding-left: 26px;
}
.news_2018 .slick-dots{width: 650px !important;position: absolute;top: -50px;right: 0;text-align: right;
}
.news_2018 .slick-dots li{float: none;width: auto;padding: 0;display: inline-block;
}
.news_2018 .slick-dots li button{width: 40px;height: 6px;margin-left: 10px;font-size: 0;padding: 0;border: none;background: #ddd;
}
.news_2018 .slick-dots li.slick-active button{background: #1e72c2;
}

.i_box .news .news_2018 .bb1 {border-bottom: 1px solid #e2e2e2;padding-bottom: 10px;
}
.i_box .news .news_2018 h4 {line-height: 26px;height: 26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
.i_box .news .news_2018 h4 span {padding: 0 6px;font-weight: normal;
}
.i_box .news .news_2018 img {width: 100%;height: 220px;margin-bottom: 5px;
}


.lineform1{ float:left; width:98.5%; }
.formcon1{ float:left; width:30.5%; border:#c3c3c3 solid 1px; height:45px; }
.formcon2{ float:right; width:30.5%; border:#c3c3c3 solid 1px; height:45px;}
.formcon3{ float:left; width:112px; height:45px;}
.formcon4{ float:left; width:30.5%; border:#c3c3c3 solid 1px; height:45px; }
.formcon5{ float:left; width:100%; border:#c3c3c3 solid 1px; height:45px; }
.formargin1{ margin:27px 0 0 0;}
.formargin2{ margin:27px 0 0 4.25%;}
.formargin3{margin:27px 0 0 4.25%;}
.formin1{ float:left; width:75%; height:43px; border:0; color:#000000; font-size:14px; line-height:43px; font-family:"Microsoft YaHei"; padding:0 0 0 10px;}
.formin2{ float:right; padding:0 10px 0 0;}
.formin2 label{ color:#8b8b8b; line-height:43px; font-weight:normal;}
.formin3{ float:left; width:100%; height:43px; border:0; color:#000000; font-size:14px; line-height:43px; font-family:"Microsoft YaHei"; padding:0 10px 0 10px;}
.formin4{ float:left; width:100%; height:220px; border:#c3c3c3 solid 1px; padding:10px; margin:27px 0 0 0; color:#000000; font-size:14px; line-height:24px; font-family:"Microsoft YaHei";}
.formspan1{ float:right; line-height:43px; color:#8b8b8b; padding:0 5px 0 0;}
.formspan2{ float:left; line-height:43px; color:#000000; font-size:14px; padding:0 0 0 10px; }
.formbtn1{ float:left; width:100%; height:45px; background-color:#00A36C; border:0; -webkit-appearance:none; text-align:center; color:#fff; font-size:14px; line-height:35px; font-size:16px}
