@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:#666; font-size:14px; font-family:Arial;}
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% Arial; 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:#666; text-decoration:none;}
a:hover{ color:#e6212a; text-decoration:underline;}

.width_all{ max-width:1200px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*head_top*/
.head_top{ margin:0 auto;}
.head_top h1{ float:left; width:408px; margin:48px 0;}
.head_top h1 img{ width:100%;}
.head_top .company_jies{ float:left; margin:56px 0 48px 22px; padding:0 0 0 22px; border-left:#d1d1d1 1px solid; font-size:14px; color:#525252; line-height:18px;}
.head_top .company_jies span{ font-size:16px; color:#333; display:block; font-weight:bold; line-height:22px; margin:0 0 8px 0;}
.head_top .rexian{ float:right; margin:52px 42px 52px 0;}
.head_top .rexian dl dd{ float:left; width:41px; margin:4px 0;}
.head_top .rexian dl dd img{ width:100%;}
.head_top .rexian dl dt{ float:right; font-size:16px; color:#666; line-height:16px; border-left:#d1d1d1 1px solid; padding:0 0 0 18px; margin:0 0 0 18px;}
.head_top .rexian dl dt span{ font-size:30px; color:#333; line-height:24px; margin:8px 0 0 0; display:block; font-weight:bold; font-family:Arial, sans-serif;}
.head_top .language{ float:right; margin:62px 0;}
.head_top .language a{ font-size:14px; color:#333; line-height:24px; display:block;}
.head_top .language a:hover{ text-decoration:none; color:#e6212a;}
.head_top .language i{ float:right; width:16px; height:16px; background:url(../images/language.png) center no-repeat; margin:4px 0 4px 6px;}

/*nav*/
.nav{ width:100%; margin:0 auto; background:url(../images/nav_bg.png) center no-repeat; line-height:68px;}
.navbar_nav{ width:100%; margin:0 auto;}
.navbar_nav li{ float:left; position:relative; text-align:center; width:14.2857%;}
.navbar_nav li.n_home{ text-align:left;}
.navbar_nav li i{ width:30px; float:left; height:26px; background:url(../images/home.png) center no-repeat; margin:21px 8px 21px 0;}
.navbar_nav li a{ text-decoration:none; display:block; color:#fff; font-size:16px;}
.navbar_nav li:hover a{ color:#fff;}
.navbar_nav li.dropdown{ display:inherit; position:relative;}
.navbar_nav li.dropdown .dropdown_menu{ z-index:99; display:none; position:absolute; top:68px; background:#222; box-shadow:0 1px 3px 0 rgba(167,165,165,0.18); width:140%; margin:0 0 0 -20%;}
.navbar_nav li.dropdown .dropdown_menu a{ font-size:14px; color:#fff; padding:0 10px; line-height:42px; text-align:center; text-transform:inherit;}
.navbar_nav li.dropdown:hover .dropdown_menu{ display:block; transition:0.5s;}
.navbar_nav li.dropdown:hover .dropdown_menu a{ color:#fff;}
.navbar_nav li.dropdown:hover .dropdown_menu a:hover{ color:#fff; background:#e6212a;}
#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 0 0 0;}
.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;}

/*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:0;}
.flex-control-nav li{ margin:0 4px; display:inline-block; zoom:1;}
.flex-control-paging li a{ width:39px; height:8px; display:block; background:#f2f2f2; cursor:pointer; text-indent:-9999px;}
.flex-control-paging li a:hover{ background:#e6212a;}
.flex-control-paging li a.flex-active{ background:#e6212a; 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;}

/*new_product*/
.new_product{ margin:68px auto 52px auto;}
.new_p_name{ font-size:40px; color:#e6212a; line-height:52px; text-align:center; width:100%; margin:0 auto 48px auto;}
.new_p_name span{ display:block; color:#666; font-size:20px; line-height:32px; margin:6px 0 0 0;}
.new_product .new_p_left{ float:left; width:22%;}
.new_p_left .new_p_l_name{ background:#e6212a; font-size:24px; color:#fff; line-height:32px; padding:34px 0; text-align:center;}
.new_p_left ul{ border-left:#eee 1px solid; border-right:#eee 1px solid; border-bottom:#e6212a 5px solid;}
.new_p_left ul li{ border-bottom:#eee 1px solid;}
.new_p_left ul li a{ font-size:16px; color:#525252; line-height:59px; padding:0 24px; height:59px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.new_p_left ul li i{ float:right; width:12px; height:14px; margin:23px 0 22px 0; background:url(../images/new_p_jtou.png) center no-repeat;}
.new_p_left ul li a:hover{ text-decoration:none; color:#e6212a;}

.new_product .new_p_right{ float:right; width:74%;}
.new_product .new_p_right ul{ overflow:hidden;}
.new_product .new_p_right ul li{ float:left; width:31%; margin:0 3.5% 3.5% 0;}
.new_product .new_p_right ul li:nth-child(3n){ margin:0 0 3.5% 0;}
.new_product .new_p_right ul li span{ display:block; border:#e0e0e0 1px solid;}
.new_product .new_p_right ul li img{ width:100%;}
.new_product .new_p_right ul li em{ font-size:16px; line-height:50px; background:#f2f2f2; height:50px; text-align:center; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.new_product .new_p_right ul li a{ color:#525252;}
.new_product .new_p_right ul li a:hover{ text-decoration:none; color:#e6212a;}

/*believe_us*/
.believe_us{ width:100%; margin:52px auto 0 auto; overflow:hidden; background:#f1f1f1 url(../images/believe_us_bg.jpg) center top no-repeat;}
.believe_us_name{ font-size:40px; color:#e6212a; line-height:52px; text-align:center; width:100%; margin:48px auto;}
.believe_us_name span{ display:block; color:#666; font-size:20px; line-height:32px; margin:6px 0 0 0;}
.believe_us_w{ width:100%; margin:88px auto; position:relative;}
.believe_us_w div{ width:375px; margin:0 auto;}
.believe_us_w div img{ width:100%;}
.believe_us_w dl{ width:372px; position:absolute; left:7.3%; top:15%; overflow:hidden;}
.believe_us_w dl:nth-child(2){ left:inherit; right:22.7%; top:-10%;}
.believe_us_w dl:nth-child(3){ left:inherit; right:7.3%; top:15%;}
.believe_us_w dl:nth-child(4){ left:inherit; right:7.3%; bottom:15%; top:inherit;}
.believe_us_w dl:nth-child(5){ left:22.7%; bottom:-10%; top:inherit;}
.believe_us_w dl:nth-child(6){ left:7.3%; bottom:15%; top:inherit;}
.believe_us_w dl dd{ float:right; background:#fff; width:86px; height:86px; border-radius:57px; border:#e6212a 1px solid; display:flex; justify-content:center; align-items:center; flex-direction:column; font-size:14px; text-align:center; color:#e6212a; line-height:20px; font-weight:bold;}
.believe_us_w dl dt{ float:left; width:270px; height:88px; display:flex; font-size:14px; color:#333; line-height:25px; justify-content:center; align-items:center; flex-direction:column;}
.believe_us_w dl:nth-child(2) dd{ float:left;}
.believe_us_w dl:nth-child(2) dt{ float:right;}
.believe_us_w dl:nth-child(3) dd{ float:left;}
.believe_us_w dl:nth-child(3) dt{ float:right;}
.believe_us_w dl:nth-child(4) dd{ float:left;}
.believe_us_w dl:nth-child(4) dt{ float:right;}

/*four_reasons*/
.four_reasons{ width:100%; margin:0 auto 52px auto; overflow:hidden; background:#e6212a; position:relative;}
.four_s_left{ float:left; margin:37px 0; font-size:26px; color:#fff; line-height:42px;}
.four_s_left span{ display:block; font-weight:bold; font-size:20px; margin:8px 0 0 0;}
.four_s_rexian{ float:right; font-size:16px; color:#fff; line-height:32px; margin:36px 0 24px 0; background:url(../images/center_rexian.png) top left no-repeat; padding:0 0 0 56px;}
.four_s_rexian span{ display:block; font-size:30px; font-family:Arial, sans-serif; font-weight:bold; margin:10px 0 0 0;}
.four_s_center{ position:absolute; bottom:30px; left:60%; width:168px;}
.four_s_center a{ font-size:24px; color:#333; background:#fff; display:block; line-height:52px; text-align:center;}
.four_s_center a:hover{ text-decoration:none; color:#e6212a;}

/*about_us*/
.about_us{ margin:52px auto;}
.about_us .about_name{ font-size:40px; color:#e6212a; line-height:52px; text-align:center; width:100%; margin:0 auto 42px auto;}
.about_us .about_name span{ display:block; color:#666; font-size:20px; line-height:32px; margin:6px 0 0 0;}
.about_width{ width:100%; margin:0 auto 36px auto; overflow:hidden;}
.about_width .about_right{ float:right; width:50%;}
.about_width .about_right img{ width:100%;}
.about_width .about_left{ float:left; width:45%;}
.about_width .about_l_name{ font-size:24px; color:#e6212a; font-weight:bold; border-bottom:#c6c6c6 1px solid; line-height:42px;}
.about_width .company{ font-size:14px; color:#525252; line-height:28px; margin:16px 0 24px 0;}
.about_width .about_more{ width:144px; margin:0;}
.about_width .about_more a{ font-size:16px; color:#fff; line-height:40px; display:block; background:#e6212a; border-radius:20px; text-align:center;}
.about_width .about_more a:hover{ text-decoration:none; background:#222;}

/*news*/
.news{ width:100%; margin:0 auto 52px auto; overflow:hidden; padding:52px 0 60px 0; border-bottom:#d8d8d8 1px solid; border-top:#d8d8d8 1px solid;}
.news_name{ font-size:40px; color:#e6212a; line-height:52px; text-align:center; width:100%; margin:0 auto 42px auto;}
.news_name span{ display:block; color:#666; font-size:20px; line-height:32px; margin:6px 0 0 0;}
.news_width{ width:100%; margin:0 auto; overflow:hidden;}
.news_width .news_left{ float:left; width:47.5%;}
.news_width .news_img{ width:100%; margin:0 auto 48px auto;}
.news_width .news_img img{ width:100%;}
.news_width .news_img a{ border:#ebebeb 1px solid; display:block;}
.news_width .news_zti{ width:100%; margin:0 auto;}
.news_width .news_zti dl{ overflow:hidden; position:relative;}
.news_width .news_zti dl:after{ position:absolute; left:20%; top:0; width:1px; height:100%; background:#ebebeb; content:"";}
.news_width .news_zti dl dd{ float:left; width:20%; font-size:14px; color:#333; line-height:24px; text-align:center; padding:8px 0;}
.news_width .news_zti dl dd span{ display:block; font-size:36px; line-height:42px; font-weight:bold;}
.news_width .news_zti dl dt{ float:right; width:73%; font-size:14px; line-height:24px;}
.news_width .news_zti dl dt em{ font-size:16px; height:24px; color:#333; margin:0 0 6px 0; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news_width .news_zti dl a{ display:block;}
.news_width .news_right{ float:right; width:47.5%;}
.news_width .news_right dl{ border:#ebebeb 1px solid; margin:0 0 20px 0; padding:17px 0; overflow:hidden;}
.news_width .news_right dl:last-child{ margin:0;}
.news_width .news_right dl a{ display:block;}
.news_width .news_right dl dd{ float:left; width:20%; font-size:14px; color:#333; line-height:24px; text-align:center; padding:8px 0; border-right:#ebebeb 1px solid;}
.news_width .news_right dl dd span{ display:block; font-size:36px; line-height:42px; font-weight:bold;}
.news_width .news_right dl dt{ float:right; width:72%; font-size:14px; line-height:24px; margin:0 3% 0 0;}
.news_width .news_right dl dt em{ font-size:16px; height:24px; color:#333; margin:0 0 6px 0; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

/*links*/
.links{ margin:52px auto;}
.links .links_name{ width:100%; margin:0 auto; font-size:18px; color:#e6212a; line-height:28px; font-weight:bold;}
.links .link{ width:100%; margin:14px auto 0 auto;}
.links .link ul{ overflow:hidden;}
.links .link ul li{ float:left; margin:0 16px 0 0;}
.links .link ul li a{ font-size:14px; color:#666; line-height:25px;}
.links .link ul li a:hover{ text-decoration:none; color:#e6212a;}

/*footer*/
.footer_nav{ width:100%; background:#222; text-align:center;}
.footer_nav a{ font-size:16px; color:#fff; line-height:55px; display:inline-block; vertical-align:top;}
.footer_nav a:hover{ text-decoration:none; color:#ccc;}
.footer_nav span{ margin:0 30px; padding:0; width:2px; height:55px; display:inline-block; background:url(../images/footer_nav.jpg) center no-repeat; vertical-align:top;}
.footer{ width:100%; margin:0 auto; overflow:hidden; background:#656565 url(../images/footer.jpg) top center no-repeat; padding:48px 0 0 0;}
.footer .footer_weixin{ float:left; width:26%; margin:0 4% 0 0;}
.footer .footer_weixin ul{ overflow:hidden;}
.footer .footer_weixin ul li{ float:left; width:46%; margin:0 8% 0 0; position:relative;}
.footer .footer_weixin ul li div{ border:#7d7d7d 1px dashed; position:relative;}
.footer .footer_weixin ul li:after{ position:absolute; top:0; left:0; width:30px; height:3px; background:#7d7d7d; content:"";}
.footer .footer_weixin ul li i:after{ position:absolute; top:0; right:0; width:30px; height:3px; background:#7d7d7d; content:"";}
.footer .footer_weixin ul li:before{ position:absolute; top:0; left:0; width:3px; height:30px; background:#7d7d7d; content:"";}
.footer .footer_weixin ul li i:before{ position:absolute; top:0; right:0; width:3px; height:30px; background:#7d7d7d; content:"";}
.footer .footer_weixin ul li div:after{ position:absolute; bottom:-1px; left:-1px; width:30px; height:3px; background:#7d7d7d; content:"";}
.footer .footer_weixin ul li div:before{ position:absolute; bottom:-1px; left:-1px; width:3px; height:30px; background:#7d7d7d; content:"";}
.footer .footer_weixin ul li div p:after{ position:absolute; bottom:-1px; right:-1px; width:30px; height:3px; background:#7d7d7d; content:"";}
.footer .footer_weixin ul li div p:before{ position:absolute; bottom:-1px; right:-1px; width:3px; height:30px; background:#7d7d7d; content:"";}
.footer .footer_weixin ul li:last-child{ margin:0;}
.footer .footer_weixin ul li img{ width:84%; margin:8%;}
.footer .footer_weixin ul li em{ display:block; font-size:14px; color:#ccc; line-height:24px; text-align:center; margin:12px 0 0 0;}
.footer .footer_add{ float:left; width:70%; font-size:14px; color:#ccc; line-height:30px;}
.footer .footer_add a{ color:#ccc;}
.footer .footer_icp{ border-top:#777 1px solid; width:100%; margin:52px auto 0 auto; font-size:14px; color:#ccc; line-height:24px; text-align:center; padding:23px 0;}
.footer .footer_icp a{ color:#ccc;}


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

/*content*/
.content{ margin:52px auto;}
.content .content_left{ float:left; width:22%;}
.content_left .content_l_name{ background:#e6212a; font-size:24px; color:#fff; line-height:32px; padding:34px 0; text-align:center;}
.content_left ul{ border-left:#eee 1px solid; border-right:#eee 1px solid; border-bottom:#e6212a 5px solid;}
.content_left ul li{ border-bottom:#eee 1px solid;}
.content_left ul li a{ font-size:16px; color:#525252; line-height:59px; padding:0 24px; height:59px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.content_left ul li i{ float:right; width:12px; height:14px; margin:23px 0 22px 0; background:url(../images/new_p_jtou.png) center no-repeat;}
.content_left ul li a:hover{ text-decoration:none; color:#e6212a;}

.content .content_right{ float:right; width:75%;}
.content_right .content_r_name{ background:linear-gradient(#fff, #dbdbdb); overflow:hidden; margin:0 0 26px 0;}
.content_right .content_r_name span{ float:left; background:#e6212a; font-size:18px; color:#fff; line-height:50px; padding:0 22px;}

/*profiles*/
.profiles{ font-size:14px; color:#666; line-height:25px;}
.profiles p{ text-indent:2em;}
.profiles img{ max-width:100%;}

.honor{ width:100%; margin:0 auto;}
.honor ul{ overflow:hidden;}
.honor ul li{ width:31%; float:left; margin:0 3.5% 3.5% 0; position:relative;}
.honor ul li:nth-child(3n){ margin:0 0 3.5% 0;}
.honor ul li img{ width:100%;}
.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;}
.honor ul li a{ color:#333; border:#eee 1px solid; padding:1%; display:block;}
.honor ul li a:hover{ text-decoration:none; color:#e6212a;}

.honor ul li:before{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#e6212a; -webkit-transition-delay:0.3s; position:absolute; top:0; left:0;}
.honor ul li:hover::before{ width:100%; visibility:visible; -webkit-transition-delay:0s; z-index:2;}
.honor ul li:after{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#e6212a; -webkit-transition-delay:0.1s; position:absolute; bottom:0; right:0;}
.honor ul li:hover::after{ width:100%; visibility:visible; -webkit-transition-delay:0.2s; z-index:2;}
.honor ul li i:before{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#e6212a; -webkit-transition-delay:0.2s; position:absolute; top:0; right:0;}
.honor ul li:hover i:before{ height:100%; visibility:visible; -webkit-transition-delay:0.1s; z-index:2;}
.honor ul li i:after{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#e6212a; -webkit-transition-delay:0s; position:absolute; bottom:0; left:0;}
.honor ul li:hover i:after{ height:100%; visibility:visible; -webkit-transition-delay:0.3s; z-index:2;}

.hezuo{ width:100%; margin:20px auto 0 auto;}
.hezuo ul{ overflow:hidden;}
.hezuo ul li{ float:left; width:18.4%; margin:0 2% 2% 0;}
.hezuo ul li:nth-child(5n){ margin:0 0 2% 0;}
.hezuo ul li img{ width:100%;}
.hezuo ul li a{ display:block; border:#cdcdcd 1px solid; color:#666; padding:2px;}
.hezuo ul li a:hover{ text-decoration:none; color:#e6212a; border:#e6212a 1px solid;}
.hezuo ul li em{ display:block; text-align:center; font-size:14px; line-height:24px; margin:4px 0;}

/*products*/
.products{ width:100%; margin:0 auto;}
.products ul{ overflow:hidden;}
.products ul li{ float:left; width:31%; margin:0 3.5% 3.5% 0;}
.products ul li:nth-child(3n){ margin:0 0 3.5% 0;}
.products ul li span{ display:block; border:#e0e0e0 1px solid;}
.products ul li img{ width:100%;}
.products ul li em{ font-size:16px; line-height:50px; background:#f2f2f2; height:50px; text-align:center; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.products ul li a{ color:#525252;}
.products ul li a:hover{ text-decoration:none; color:#e6212a;}

.products_text{ width:100%; margin:0 auto; overflow:hidden;}
.game163{ width:370px; float:left;}
.game163 .bigImg{ position:relative;}
.game163 .bigImg li img{ width:370px; height:277px;}
.game163 .smallScroll{ height:54px; margin-top:8px;}
.game163 .sPrev,.game163 .sNext{ float:left; display:block; width:24px; height:54px; text-indent:-9999px; background:url(../images/pro_next.jpg) no-repeat 0 -14px; }
.game163 .sNext{ background-position:-26px -14px;}
.game163 .smallImg{ float:left; margin:0 3px; display:inline; width:316px; overflow:hidden;}
.game163 .smallImg ul{ height:54px; width:9999px; overflow:hidden; }
.game163 .smallImg li{ float:left; padding:0 4px; width:71px; cursor:pointer; display:inline;}
.game163 .smallImg img{ border:2px solid #f2f2f2; width:67px; height:50px;}
.game163 .smallImg .on img{ border:2px solid #e6212a;}

div.jqZoomTitle{ z-index:5000; text-align:center; font-size:12px; height:20px; padding-top:2px; position:absolute; top:0px; left:0px; width:100%; color:#666; background:#f0f0f0;}
.jqZoomPup{	overflow:hidden; background-color:#fff;	-moz-opacity:0.6; opacity:0.6; filter:alpha(opacity = 60); z-index:10; border-color:#f0f0f0; border-style:solid; cursor:crosshair;}
.jqZoomPup img{	border:0px;}
.preload{ -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity = 80); color:#333; font-size:12px; text-decoration:none; border:1px solid #f0f0f0; padding:8px; text-align:center; width:90px; *width:100px; height:43px; *height:55px; z-index:10; position:absolute; top:3px; left:3px;}
.jqZoomWindow{	border:1px solid #f0f0f0; background:#fff;}
.pro_sj{ display:none;}

.product_right{ float:right; width:55%;}
.product_right .prr_name{ font-size:22px; color:#e6212a; line-height:30px; font-weight:bold;}
.product_right .p_ggao{ font-size:14px; color:#666; line-height:25px; margin:10px auto;}
.product_right .pp_lx{ width:100%; margin:12px auto;}
.product_right .pp_lx a{ background:#f2f2f2; display:block; padding:8px 10px; font-size:16px; color:#e6212a; line-height:22px;}
.product_right .pp_lx a:hover{ text-decoration:none; color:#e6212a;}
.product_right .goumai{ width:36%; float:left; padding-left:10px;}
.product_right .goumai a{ background:#333; font-size:16px; color:#fff; line-height:40px; border-radius:20px; display:block; text-align:center;}
.product_right .goumai a:hover{ text-decoration:none; background:#e6212a;}

.products_detwo_titel{ border-bottom:solid 1px #e8e8e8; border-top:solid 1px #e8e8e8; height:40px; line-height:40px; background:#fff; margin:26px 0 0 0;}
.products_detwo_titel a{ cursor:pointer; float:left; font-size:16px; text-align:center; display:block; height:40px; border-right:solid 1px #e8e8e8; border-top:none; padding:0 4%;}
.products_detwo_titel a.cur,.products_detwo_titel a:hover{ color:#fff; background:#e6212a; text-decoration:none;}
.borleft{ width:100%; margin:0 auto; border-left:solid 1px #e8e8e8;}
.products_decon{ width:100%; margin:0 auto;}
.pro_con{ display:none; padding-top:20px; font-size:14px; color:#666; line-height:25px;}
.pro_con img{ max-width:100%;}

.pro_xiangguan{ margin:26px auto 16px auto; overflow:hidden; background:#f4f4f4; line-height:38px; border-bottom:#ddd 1px solid; font-size:15px; color:#333;}
.pro_xiangguan i{ width:4px; height:15px; background:#e6212a; float:left; margin:12px 10px 0 8px;}
.pro_xgcp{ margin:16px 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:#e6212a 1px solid;}
.pro_xgcp ul li img{ width:100%;}
.pro_xgcp ul li em{ text-align:center; font-size:14px; line-height:25px; margin:3px 0 0 0; height:25px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.pro_xgcp ul li a{ color:#333;}
.pro_xgcp ul li a:hover{ text-decoration:none; color:#e6212a;}

/*case*/
.case{ width:100%; margin:0 auto;}
.case ul{ overflow:hidden;}
.case ul li{ float:left; width:31%; margin:0 3.5% 3.5% 0;}
.case ul li:nth-child(3n){ margin:0 0 3.5% 0;}
.case ul li span{ display:block; border:#e0e0e0 1px solid;}
.case ul li img{ width:100%;}
.case ul li em{ font-size:16px; line-height:50px; background:#f2f2f2; height:50px; text-align:center; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.case ul li a{ color:#525252;}
.case ul li a:hover{ text-decoration:none; color:#e6212a;}

/*ny_news*/
.ny_news{ width:100%; margin:0;}
.ny_news ul{ overflow:hidden;}
.ny_news ul li{ overflow:hidden; border-bottom:#ccc 1px dotted;}
.ny_news ul li i{ width:4px; height:7px; float:left; background:url(../images/news_jt.png) center no-repeat; margin:18px 8px 0 0;}
.ny_news ul li p{ float:left; width:65%; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.ny_news ul li font{ color:#888; float:right;}
.ny_news ul li a{ font-size:14px; color:#666; line-height:42px; transition:all .3s; display:block;}
.ny_news ul li a:hover{ text-decoration:none; color:#e6212a;}

.news_names{ width:100%; text-align:center; border-bottom:#dfdfdf 1px dotted; margin:0 0 20px 0;}
.news_names strong{ font-size:16px; color:#333; line-height:22px; margin:0 0 5px 0; display:block; font-weight:normal;}
.news_names em{ color:#999; font-size:12px; line-height:20px; display:block;}
.news_xq{ width:100%; color:#666; font-size:14px; line-height:25px;}
.news_xq img{ max-width:100%;}

.p_next{ width:100%; margin:20px 0 0 0; font-size:14px; overflow:hidden; background:#f2f2f2; padding:10px 0;}
.p_next p{ display:block; padding:0 2%;}
.p_next a{ font-size:14px; color:#e6212a; line-height:24px;}

/*support*/
.support{ font-size:14px; color:#666; line-height:25px;}
.support p{ text-indent:2em;}
.support img{ max-width:100%;}

.download{ width:100%; margin:0 auto;}
.download ul{ overflow:hidden;}
.download ul li{ border-bottom:#ddd 1px dotted; overflow:hidden; padding:12px 0; position:relative;}
.download ul li a{ font-size:14px; color:#323232;; line-height:20px; float:left;}
.download ul li a:hover{ color:#e6212a; text-decoration:none;}
.download ul li em{ float:right; font-size:14px; color:#666;; line-height:20px;}
.download ul li font{ position:absolute; top:9px; right:62px;}
.download ul li font img{ width:36px; height:26px;}

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

.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:168px; line-height:46px; font-size:14px; color:#fff; text-align:center; background:#333; cursor:pointer;}

.recruitment{ width:100%; margin:0 auto;}
.recruitment em{ display:block; margin:0 0 20px 0; color:#e6212a; font-size:16px; line-height:26px;}
.recruitment dl{ border-bottom:#e6e6e6 1px dotted; padding:0 0 10px 0; margin:0 0 20px 0;}
.recruitment dl img{ max-width:100%;}
.recruitment dl dd{ color:#e6212a; font-size:14px; font-weight:bold; line-height:28px; margin:0 0 6px 0;}
.recruitment dl dt{ font-size:14px; color:#525252; line-height:25px;}