@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
body{ color:#333; font-size:14px; font-family:Microsoft Yahei,Arial,"sans-serif";}
section,article,aside,header,footer,nav,dialog,figure{ display:block;}
ul, ol{ list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
address,cite,code,em,th{ font-weight:normal; font-style:normal;}
input,button,textarea,select{ font:100% Microsoft Yahei,Arial,"sans-serif"; vertical-align:middle;}
table,td,tr,th{ font-size:14px;}
.nodispaly{ display:none;}
.line{ height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{ *zoom:1;}
.clearfix:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{ color:#333; text-decoration:none;}
a:hover{ color:#008080; text-decoration:underline;}
.width_all{ max-width:1100px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*head_top*/
.head_top{ margin:26px auto;}
.head_top h1{ float:left; width:171px; margin:15px 0;}
.head_top h1 img{ max-width:100%;}
.head_top .company_name{ float:left; font-size:20px; color:#333; line-height:29px; margin:0 0 0 16px;}
.head_top .company_name em{ display:block; letter-spacing:1.55px;}
.head_top .rexian{ float:right; margin:0 92px 0 0; font-size:16px; color:#333; line-height:29px;}
.head_top .rexian span{ font-size:20px; font-weight:bold; display:block; color:#008080;}
.head_top .rexian i{ width:24px; height:24px; background:url(../images/rexian.png) center no-repeat; float:left; margin:4px 6px 0 0;}
.head_top .cnen{ float:right;}
.head_top .cnen ul{ overflow:hidden;}
.head_top .cnen ul li{ line-height:29px;}
.head_top .cnen ul li a{ font-size:16px; color:#333;}

/*nav*/
.nav_hear{ width:100%; background:#f4f4f4; border-top:#ccc 1px solid;}
.nav{ -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; transition:0.5s; height:100%; line-height:50px; display:block;}
.navbar_nav{ width:100%; margin:0 auto;}
.navbar_nav li{ float:left; position:relative; display:block; width:16.666667%; text-align:center;}
.navbar_nav li:after{ content:""; width:0; height:2px; background:#008080; position:absolute; bottom:0; left:0; transition:all 0.5s ease 0s;}
.navbar_nav li:hover:after{ width:100%;}
.navbar_nav li a{ text-decoration:none; height:100%; display:block; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; transition:0.5s; color:#000; font-size:18px;}
.navbar_nav li:hover a, .navbar_nav li.active a{ color:#008080;}
.navbar_nav li.dropdown{ display:inherit; position:relative;}
.navbar_nav li.dropdown .dropdown_menu{ z-index:99; display:none; position:absolute; top:50px; background:#fff; box-shadow:0 15px 27px 0 rgba(167,165,165,0.38); width:120%; left:-10%;}
.navbar_nav li.dropdown .dropdown_menu a{ font-size:14px; color:#666; padding:0 10px; line-height:40px; text-align:center; background:#fff; margin-bottom:2px;}
.navbar_nav li.dropdown:hover .dropdown_menu{ display:block; background:#f4f4f4; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.navbar_nav li.dropdown:hover .dropdown_menu a{ color:#666;}
.navbar_nav li.dropdown:hover .dropdown_menu a:hover{ color:#fff; background:#008080;}
#navToggle{ display:none;}
.m_nav{ position:fixed; top:0px; width:100%; height:100%; background:#fff; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; z-index:1000; opacity:1; visibility:visible; margin-top:0; overflow-y:auto; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; top:0; transform:translateX(100%);}
.m_nav.open{ transform:translateX(0);}
.m_nav .top{ height:60px; padding:20px; box-sizing:border-box;}
.m_nav .top .closed{ width:30px; height:30px; vertical-align:middle; float:right; cursor:pointer;}
.m_nav .ul{ margin:10px auto 0 auto;}
.m_nav .ul li{ padding:0 20px; border-bottom:1px solid #f5f5f5; -webkit-transform:translateY(100%); transform:translateY(100%); -webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; opacity:0;}
.m_nav.open .ul li{	opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
.m_nav .ul li:nth-child(1){ -webkit-transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(2){ -webkit-transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(3){ -webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(4){ -webkit-transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(5){ -webkit-transition:all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(6){ -webkit-transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li a{ display:block; text-decoration:none; color:#333; font-size:16px; height:50px; line-height:50px; width:100%;}
.m_nav .ul li .dropdown_menu{ display:none;}
.m_nav .ul li.dropdown.active .dropdown_menu{ display:block;}
.m_nav .ul li .dropdown_menu a{	display:block; height:50px; line-height:50px; padding:0 20px; box-sizing:border-box; border-bottom:1px solid #f5f5f5;}
.m_nav .ul li .dropdown_menu a:last-child{ border:none;}

.m_nav .cnen{ width:100%; margin:0 auto 10px auto;}
.m_nav .cnen ul{ overflow:hidden; padding:0 20px;}
.m_nav .cnen ul li{ line-height:29px; float:left; width:50%;}
.m_nav .cnen ul li a{ font-size:16px; color:#008080;}

/*banner*/
.banner_sj{ display:none;}
.flexslider{ position:relative; height:auto;}
.flexslider .slides > li{ display:none; -webkit-backface-visibility:hidden;}
.flexslider .slides img{ width:100%; display:block;border-radius:0px;}
.flex-pauseplay span{ text-transform:capitalize;}
.flex-control-nav{ width:100%; text-align:center; position:absolute; bottom:10px;}
.flex-control-nav li{ margin:0 6px; display:inline-block; zoom:1;}
.flex-control-paging li a{ width:12px; height:12px; border-radius:50%; display:block; background:#008080; cursor:pointer; text-indent:-9999px;}
.flex-control-paging li a:hover{ background:#feba4f; }
.flex-control-paging li a.flex-active{ background:#feba4f; cursor:default;}	
.banner .flex-direction-nav a{ width:15%; height:100%; display:block; position:absolute; top:0; text-indent:-9000px;}
.banner .flex-direction-nav a.flex-prev{ left:0;}
.banner:hover .flex-direction-nav a.flex-prev{ background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));}
.banner .flex-direction-nav a.flex-next{ right:0;}
.banner:hover .flex-direction-nav a.flex-next{ background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));}
.banner .flex-direction-nav a i{ position:absolute; left:50%; top:50%; width:16px; height:40px; margin:-8px 0 0 -20px;}
.banner:hover .flex-direction-nav a.flex-prev i{ background:url(../images/b_prev_h.png) center no-repeat; transition:all .5s;}
.banner:hover .flex-direction-nav a.flex-next i{ background:url(../images/b_next_h.png) center no-repeat; transition:all .5s;}
.banner .flex-direction-nav a:hover.flex-prev i{ background:url(../images/b_prev.png) center no-repeat;}
.banner .flex-direction-nav a:hover.flex-next i{ background:url(../images/b_next.png) center no-repeat;}

/*about_us*/
.about_us{ width:100%; margin:0 auto; overflow:hidden; background:#fff;}
.about{ margin:60px auto;}
.about_left{ float:left; width:46.2%;}
.about_left img{ width:100%;}
.about_right{ float:right; width:50%;}
.about_right .about_name{ font-size:24px; color:#008080; line-height:34px; position:relative; padding:0 0 12px 0;}
.about_right .about_name:after{ background:#feba4f; content:""; position:absolute; width:26px; height:3px; left:0; bottom:0;}
.about_right .about_name span{ font-size:14px; color:#888; text-transform:uppercase; margin:0 0 0 12px;}
.about_right .company{ width:100%; margin:30px auto 48px auto; overflow:hidden; font-size:14px; color:#333; line-height:25px;}
.about_right .about_more{ width:168px;}
.about_right .about_more a{ display:block; background:#008080; font-size:14px; color:#fff; line-height:42px; border-radius:21px; text-align:center; text-transform:uppercase; transition:all .35s;}
.about_right .about_more a:hover{ text-decoration:none; background:#feba4f;}

/*new_product*/
.new_product{ width:100%; margin:0 auto; overflow:hidden; background:#f5f5f5;}
.new_p_w{ margin:40px auto;}
.new_p_name{ width:100%; margin:0 auto 30px auto; overflow:hidden;}
.new_p_name .new_p_left{ float:left; font-size:24px; color:#008080; line-height:34px; position:relative; padding:0 0 12px 0;}
.new_p_name .new_p_left:after{ background:#feba4f; content:""; position:absolute; width:26px; height:3px; left:0; bottom:0;}
.new_p_name .new_p_left span{ font-size:14px; color:#888; text-transform:uppercase; margin:0 0 0 12px;}
.new_p_name a{ float:right; width:140px; border:#ccc 1px solid; border-radius:16px; font-size:14px; color:#333; line-height:32px; text-align:center; text-transform:uppercase; transition:all .35s; margin:0 0 00 10px;}
.new_p_name a:hover{ color:#fff; text-decoration:none; border:#333 1px solid; background:#333;}
.hot_product{ width:100%; margin:0 auto;}
.hot_product ul{ overflow:hidden;}
.hot_product ul li{ float:left; width:23.5%; margin:0 2% 4% 0;}
.hot_product ul li img{ width:100%;}
.hot_product ul li:nth-child(4n){ margin:0 0 4% 0;}
.hot_product ul li em{ background:#eee; text-align:center; border-bottom:#ccc 1px solid; font-size:14px; line-height:26px; padding:10px 0; height:26px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.hot_product ul li:hover em{ background:#008080; border-bottom:#008080 1px solid;}
.hot_product ul li a{ color:#525252; transition:all .35s;}
.hot_product ul li a:hover{ text-decoration:none; color:#fff;}
.product_more{ width:168px; margin:0 auto; overflow:hidden;}
.product_more a{ display:block; background:#008080; font-size:14px; color:#fff; line-height:42px; border-radius:21px; text-align:center; text-transform:uppercase; transition:all .35s;}
.product_more a:hover{ text-decoration:none; background:#feba4f;}

/*advantage*/
.advantage{ width:100%; margin:0 auto; overflow:hidden; background:#7fbfbf;}
.why_us{ margin:60px auto;}
.why1{ width:100%; background:#198d8d; margin:0 auto; overflow:hidden;}
.why1 .why_left{ float:left; width:30%; display:table; height:219px; background:#7fbfbf;}
.why1 .why_left .middst{ font-size:36px; color:#000; line-height:42px; display:table-cell; vertical-align:middle; text-align:center;}
.why1 .why_left .middst span{ display:block; text-transform:uppercase; font-size:14px; color:#333;}
.why1 .why_center{ float:left; width:40%;}
.why_us .why_wz{ width:90%; margin:0 auto; overflow:hidden; font-size:14px; color:#fff; line-height:24px;}
.why_us .why_wz span{ display:block; font-size:16px; color:#fff; font-weight:bold; position:relative; padding:0 0 14px 0; margin:32px 0 10px 0;}
.why_us .why_wz span:after{ width:42px; height:3px; position:absolute; left:0; bottom:0; background:#feba4f; content:"";}
.why_us .why2 .why_wz{ width:86.5%;}
.why1 .why_right{ float:right; width:30%;}
.why1 .why_right img{ width:100%;}
.why2{ width:100%; background:#198d8d; margin:0 auto; overflow:hidden;}
.why2 .why_left{ float:left; width:30%;}
.why2 .why_center{ float:left; width:40%;}
.why2 .why_center img{ width:100%;}
.why2 .why_right{ float:right; width:30%;}
.why3{ width:100%; background:#198d8d; margin:0 auto; overflow:hidden;}
.why3 .why_left{ float:left; width:30%;}
.why3 .why_left img{ width:100%;}
.why3 .why_center{ float:left; width:40%;}
.why3 .why_right{ float:right; width:30%;}
.why3 .why_right a{ display:block; text-align:center; line-height:219px; color:#feba4f; font-size:80px; font-family:宋体; background:#008080;}
.why3 .why_right a:hover{ text-decoration:none;}

/*honor*/
.honor{ width:100%; margin:0 auto; overflow:hidden; background:#fff;}
.honor_w{ margin:40px auto;}
.honor_name{ width:100%; margin:0 auto 30px auto; overflow:hidden;}
.honor_name .honor_left{ float:left; font-size:24px; color:#008080; line-height:34px; position:relative; padding:0 0 12px 0;}
.honor_name .honor_left:after{ background:#feba4f; content:""; position:absolute; width:26px; height:3px; left:0; bottom:0;}
.honor_name .honor_left span{ font-size:14px; color:#888; text-transform:uppercase; margin:0 0 0 12px;}
.honor_name a{ float:right; width:140px; border:#008080 1px solid; border-radius:16px; font-size:14px; color:#008080; line-height:32px; text-align:center; text-transform:uppercase; transition:all .35s;}
.honor_name a:hover{ color:#fff; text-decoration:none; background:#008080;}
.honor_k{ position:relative; margin:30px auto 0 auto;}
.honor_k .pre,.honor_k .next{ position:absolute; display:block; width:32px; height:75px; top:50%; margin:-38px 0 0 0;}
.honor_k .pre{ left:-42px; cursor:pointer; background:url(../images/prev.png) no-repeat center;}
.honor_k .next{ right:-42px; cursor:pointer; background:url(../images/next.png) no-repeat center;}
.honor_g{ width:100%; margin:0 auto; overflow:hidden;}
.honor_g ul{ width:800%;}
.honor_g li{ float:left; display:inline; width:2.35%; margin:0 0.19% 0 0;}
.honor_g li a{ border:#ededed 1px solid; display:block; border-radius:2px; padding:2px; font-size:14px; color:#333;}
.honor_g li a:hover{ text-decoration:none; color:#008080;}
.honor_g li img{ width:100%;}
.honor_g li font{ margin:10px 0 6px 0; text-align:center; line-height:26px; height:26px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

/*news*/
.news{ width:100%; background:#f5f5f5; margin:0 auto; overflow:hidden;}
.news_k{ margin:40px auto;}
.news_name{ width:100%; margin:0 auto 30px auto; overflow:hidden;}
.news_name .name_left{ float:left; font-size:24px; color:#008080; line-height:34px; position:relative; padding:0 0 12px 0;}
.news_name .name_left:after{ background:#feba4f; content:""; position:absolute; width:26px; height:3px; left:0; bottom:0;}
.news_name .name_left span{ font-size:14px; color:#888; text-transform:uppercase; margin:0 0 0 12px;}
.news_name a{ float:right; width:140px; border:#008080 1px solid; border-radius:16px; font-size:14px; color:#008080; line-height:32px; text-align:center; text-transform:uppercase;}
.news_name a:hover{ color:#fff; text-decoration:none; background:#008080; transition:all .35s;}
.news_width{ width:100%; margin:30px auto 0 auto; overflow:hidden;}
.news_width .news_left{ float:left; width:47.5%;}
.news_width .news_left dl{ width:100%; margin:0 auto; overflow:hidden;}
.news_width .news_left dl dd{ float:left; width:40%;}
.news_width .news_left dl dd img{ width:100%;}
.news_width .news_left dl dt{ float:right; width:57%; font-size:12px; color:#666; line-height:22px;}
.news_width .news_left dl dt em{ display:block; font-size:14px; color:#333;}
.news_width .news_left dl dt small{ display:block; font-size:12px; color:#888; margin:0 0 8px 0;}
.news_width .news_left dl dt .n_more{ width:100%; margin:12px auto 0 auto; overflow:hidden;}
.news_width .news_left dl dt .n_more a{ font-size:14px; color:#008080; line-height:22px; display:block;}
.news_width .news_left ul{ overflow:hidden;}
.news_width .news_left ul li{ overflow:hidden; border-bottom:#ccc 1px solid;}
.news_width .news_left ul li a{ font-size:14px; color:#333; line-height:55px; display:block;}
.news_width .news_left ul li a:hover{ color:#008080; text-decoration:none;}
.news_width .news_left ul li i{ width:8px; height:2px; background:#feba4f; float:left; margin:27px 6px 0 0;}
.news_width .news_left ul li span{ width:68%; float:left; height:55px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news_width .news_left ul li font{ float:right; color:#999;}
.news_width .news_right{ float:right; width:47.5%;}
.news_width .news_right ul{ overflow:hidden;}
.news_width .news_right ul li{ overflow:hidden; border-bottom:#ccc 1px solid;}
.news_width .news_right ul li a{ font-size:14px; color:#333; line-height:55px; display:block;}
.news_width .news_right ul li a:hover{ color:#008080; text-decoration:none;}
.news_width .news_right ul li i{ width:8px; height:2px; background:#feba4f; float:left; margin:27px 6px 0 0;}
.news_width .news_right ul li span{ width:68%; float:left; height:55px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news_width .news_right ul li font{ float:right; color:#999;}

/*footer*/
.f_contact{ width:100%; margin:0 auto; overflow:hidden; background:#fff;}
.f_cont{ margin:40px auto; border-top:#ccc 1px solid; padding:30px 0 0 0;}
.f_phone{ float:left; width:24.5%; margin:0 8% 0 0; font-size:14px; color:#666; line-height:26px;}
.f_phone em{ font-size:16px; color:#333; display:block; margin:0 0 10px 0;}
.f_rexian{ float:left;}
.f_rexian p{ font-size:14px; color:#333; line-height:26px; text-align:center;}
.f_rexian p.f_r2{ font-size:24px; text-align:right; line-height:36px;}
.f_rexian p.f_r3{ width:204px; margin:6px 0; background:#feba4f; border-radius:0 6px 6px 0; overflow:hidden;}
.f_rexian p.f_r3 a{ font-size:14px; color:#fff; line-height:36px; display:block; overflow:hidden;}
.f_rexian p.f_r3 a:hover{ text-decoration:none; font-weight:bold;}
.f_rexian p.f_r3 i{ float:left; background:url(../images/qq.jpg) center no-repeat; width:36px; height:36px;}
.f_rexian p.f_r3 span{ float:left; margin:0 0 0 10px;}
.f_rexian p.f_r4{ width:204px; background:#008080; border-radius:0 6px 6px 0; overflow:hidden;}
.f_rexian p.f_r4 a{ font-size:14px; color:#fff; line-height:36px; display:block; overflow:hidden;}
.f_rexian p.f_r4 a:hover{ text-decoration:none; font-weight:bold;}
.f_rexian p.f_r4 i{ float:left; background:url(../images/feedback.jpg) center no-repeat; width:36px; height:36px;}
.f_rexian p.f_r4 span{ float:left; margin:0 0 0 10px;}
.erweima{ float:right; width:12%; text-align:center; font-size:14px; color:#525252; line-height:22px;}
.erweima img{ width:100%;}
.erweima span{ display:block; border:#ddd 1px solid; margin:0 0 6px 0;}
.footer{ font-size:14px; color:#fff; line-height:22px; padding:14px 0; background:#008080; text-align:right;}
.footer a{ color:#fff;}
.footer a:hover{ color:#ccc;}


/*ny_banner*/
.ny_banner{ width:100%; margin:0 auto; overflow:hidden;}
.ny_banner img{ width:100%;}

.lujing{ margin:12px auto; border-bottom:#dfdfdf 1px solid; font-size:14px; color:#333; line-height:25px; padding:0 0 4px 0;}
.lujing a{ text-decoration:underline;}
.lujing a:hover{ text-decoration:none;}

/*content*/
.content{ margin:26px auto 0 auto;}
.content .con_left{ float:left; width:20%;}
.content .con_left span{ background:#008080; display:block; font-size:18px; color:#fff; line-height:26px; padding:10px 0 10px 16px;}
.content .con_left span.l_cot{ margin:16px 0 0 0;}
.content .con_left .l_contact{ border:#dfdfdf 1px solid; padding:12px 16px; font-size:14px; color:#333; line-height:25px;}
.content .con_left ul{ overflow:hidden; border:#dfdfdf 1px solid; border-bottom:none;}
.content .con_left ul li{ border-bottom:#dfdfdf 1px solid;}
.content .con_left ul li i{ width:7px; height:7px; background:url(../images/jtou.png) center no-repeat; float:left; margin:9px 6px 0 14px;}
.content .con_left ul li a{ font-size:14px; line-height:26px; display:block; padding:6px 0; text-decoration:none;}
.content .con_left ul li a.cuttr{ background:#dfdfdf;}

.content .con_right{ float:right; width:78%;}
.content .con_right h2{ background:#f0f0f0; font-size:18px; color:#525252; line-height:26px; padding:10px 0 10px 16px; font-weight:bold; margin:0 0 20px 0;}

/*profiles*/
.profiles{ font-size:14px; color:#333; line-height:25px;}
.profiles img{ max-width:100%;}

.ny_honor{ width:100%; margin:0 auto;}
.ny_honor ul{ overflow:hidden;}
.ny_honor ul li{ width:23.5%; float:left; margin:0 2% 2% 0; position:relative;}
.ny_honor ul li:nth-child(4n){ margin:0 0 2% 0;}
.ny_honor ul li img{ width:100%;}
.ny_honor ul li em{ font-size:14px; line-height:36px; height:36px; text-align:center; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.ny_honor ul li a{ color:#333; border:#ccc 1px solid; padding:1%; display:block;}
.ny_honor ul li a:hover{ text-decoration:none; color:#008080;}
.ny_honor ul li:before{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#008080; -webkit-transition-delay:0.3s; position:absolute; top:0; left:0;}
.ny_honor ul li:hover::before{ width:100%; visibility:visible; -webkit-transition-delay:0s; z-index:2;}
.ny_honor ul li:after{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#008080; -webkit-transition-delay:0.1s; position:absolute; bottom:0; right:0;}
.ny_honor ul li:hover::after{ width:100%; visibility:visible; -webkit-transition-delay:0.2s; z-index:2;}
.ny_honor ul li i:before{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#008080; -webkit-transition-delay:0.2s; position:absolute; top:0; right:0;}
.ny_honor ul li:hover i:before{ height:100%; visibility:visible; -webkit-transition-delay:0.1s; z-index:2;}
.ny_honor ul li i:after{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#008080; -webkit-transition-delay:0s; position:absolute; bottom:0; left:0;}
.ny_honor ul li:hover i:after{ height:100%; visibility:visible; -webkit-transition-delay:0.3s; z-index:2;}

/*products*/
.products{ width:100%; margin:0 auto;}
.products ul{ overflow:hidden;}
.products ul li{ float:left; width:23.5%; margin:0 2% 2% 0;}
.products ul li:nth-child(4n){ margin:0 0 2% 0;}
.products ul li img{ width:100%;}
.products ul li a{ border:#d2d2d2 1px solid; display:block; color:#333;}
.products ul li a:hover{ border:#008080 1px solid; background:#008080; color:#fff; text-decoration:none;}
.products ul li font{ font-size:14px; line-height:40px; display:block; text-align:center;}

.products_text{ width:100%; margin:0 auto; overflow:hidden;}
.game163{ width:438px; float:left;}
.game163 .bigImg{ position:relative; float:right;}
.game163 .bigImg li img{ width:360px; height:270px; cursor:zoom-in;}
.game163 .smallScroll{ float:left; width:68px;}
.game163 .smallImg{ width:68px; margin:0 auto;}
.game163 .smallImg ul{ overflow:hidden;}
.game163 .smallImg li{ width:68px; cursor:pointer; margin:0 0 6px 0;}
.game163 .smallImg img{ border:2px solid #f2f2f2; width:64px; height:48px;}
.game163 .smallImg .on img{ border:2px solid #008080;}
.pro_sj{ display:none;}
.product_right{ float:right; width:46%;}
.product_right .prr_name{ font-size:22px; color:#000; line-height:30px; font-weight:bold;}
.product_right .p_ggao{ font-size:16px; color:#333; line-height:25px; margin:10px auto;}
.product_right .miaoshu{ border:#ccc 1px solid; border-left:none; border-right:none; margin:10px auto; font-size:14px; color:#666; line-height:25px; padding:12px 0;}

.pro_xiangguan{ margin:22px auto 12px auto; overflow:hidden; background:#f4f4f4; line-height:30px; border-bottom:#ddd 1px solid; font-size:16px; color:#333;}
.pro_xiangguan i{ width:4px; height:15px; background:#008080; float:left; margin:8px 10px 0 8px;}
.pro_xgcp{ margin:12px auto 0 auto; overflow:hidden;}
.pro_xgcp ul{ overflow:hidden;}
.pro_xgcp ul li{ float:left; width:23.5%; margin:0 2% 0 0;}
.pro_xgcp ul li:nth-child(4n){ margin:0;}
.pro_xgcp ul li span{ border:#ddd 1px solid; padding:2px; display:block;}
.pro_xgcp ul li:hover span{ border:#008080 1px solid;}
.pro_xgcp ul li img{ width:100%;}
.pro_xgcp ul li em{ display:block; text-align:center; font-size:14px; line-height:25px; margin:3px 0 0 0;}
.pro_xgcp ul li a{ color:#666;}
.pro_xgcp ul li a:hover{ text-decoration:none; color:#008080;}

/*news*/
.ny_news{ width:100%; margin:0 auto;}
.ny_news dl{ width:100%; margin:0 auto; overflow:hidden;}
.ny_news dl dd{ float:left; width:40%;}
.ny_news dl dd img{ width:100%;}
.ny_news dl dt{ float:right; width:57%; font-size:12px; color:#666; line-height:22px;}
.ny_news dl dt em{ display:block; font-size:14px; color:#333;}
.ny_news dl dt small{ display:block; font-size:12px; color:#888; margin:0 0 8px 0;}
.ny_news dl dt .n_more{ width:100%; margin:12px auto 0 auto; overflow:hidden;}
.ny_news dl dt .n_more a{ font-size:14px; color:#008080; line-height:22px; display:block;}
.ny_news ul{ overflow:hidden; margin:16px auto 0 auto;}
.ny_news ul li{ overflow:hidden; border-bottom:#ccc 1px solid;}
.ny_news ul li a{ font-size:14px; color:#333; line-height:42px; display:block;}
.ny_news ul li a:hover{ color:#008080; text-decoration:none;}
.ny_news ul li i{ width:8px; height:2px; background:#feba4f; float:left; margin:27px 6px 0 0;}
.ny_news ul li span{ width:68%; float:left; height:42px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.ny_news ul li font{ float:right; color:#999;}

.news_name_n{ width:100%; text-align:center; border-bottom:#d9d9d9 1px dashed; margin:0 auto 26px auto;}
.news_name_n strong{ font-size:15px; color:#525252; line-height:25px; margin:0 0 5px 0; display:block;}
.news_name_n span{ color:#999; font-size:12px; line-height:20px; display:block;}
.news_xq{ width:100%; margin:0 auto; color:#666; font-size:14px; line-height:25px;}
.news_xq img{ max-width:100% !important;}
.p_next{ width:100%; margin:20px auto 0 auto; overflow:hidden; border:#eee 1px dashed; padding:10px 0;}
.p_next p{ display:block; padding:0 2%;}
.p_next a{ font-size:14px; line-height:30px; color:#525252;}
.p_next a:hover{ color:#008080;}

/*shebei*/
.shebei{ margin:26px auto 0 auto;}
.shebei h2{ background:#f0f0f0; font-size:18px; color:#525252; line-height:26px; padding:10px 0 10px 16px; font-weight:bold; margin:0 0 20px 0;}
.shebei_k{ width:100%; margin:20px auto 0 auto; font-size:14px; color:#333; line-height:25px;}
.shebei_k img{ max-width:100%;}
.shebei_k table{ width:100%; border:#eee 1px solid; text-align:center;}
.shebei_k td{ border:#eee 1px solid; padding:4px 0; font-size:14px; color:#333; line-height:25px;}

/*contact*/
.contact_us{ margin:26px auto 0 auto;}
.contact_us h2{ background:#f0f0f0; font-size:18px; color:#525252; line-height:26px; padding:10px 0 10px 16px; font-weight:bold; margin:0 0 20px 0;}
.contact{ width:100%; margin:20px auto 0 auto;}
.contact h3{ font-size:18px; line-height:25px; font-weight:bold; padding:0 0 0 33px; color:#008080; background:url(../images/contact_us.png) left center no-repeat; margin:0 0 15px 0;}
.contact .contact_left{ float:left; width:48%; font-size:14px; color:#333; line-height:25px;}
.contact .contact_right{ float:right; width:48%; font-size:14px; color:#333; line-height:25px;}

/*feedback*/
.messages_box{ width:100%; margin:0 auto;}
.messages_box ul{ overflow:hidden;} 
.messages_box ul li{ margin:0 2% 2% 0; float:left; width:49%;}
.messages_box ul li:nth-child(2n){ margin:0 0 2% 0;}
.messages_box ul li.ctttttp{ width:100%; float:none;}
.messages_box .text-input{ width:96%; border:none; padding:12px 0 12px 4%; font-size:14px; color:#333; line-height:26px; background:#f2f2f2;}
.messages_box .cont-input{ width:98%; padding:12px 0 12px 2%; height:218px; border:none; font-size:14px; color:#666; line-height:26px; background:#f2f2f2;}
.messages_box .messages-button{ width:198px; line-height:46px; font-size:14px; color:#fff; text-align:center; background:#008080; cursor:pointer;}