@charset "utf-8";

/* CSS Document */

/*导航*/
#header { width: 100%; height: auto; position: relative; background: #fff; padding-top: 0px; font-size: 14px; transition: all ease .3s; z-index: 9999; }

#header.mini { background: rgba(23, 28, 32, 1); padding: 0px; z-index: 9999; border: none; }

#header.mini { background: #fff; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); position: fixed; margin: auto; left: 0; right: 0; top: 0px; }

#header.mini ul li.navitem { padding-bottom: 0; }

#header .header_con { width: 1200px; min-width: 1200px; height: 90px; margin: 0 auto; }

#header #logo { width: auto; height: 90px; display: block; float: left; }

.head_logo { width: 500px; }

.head_logo h1 { color: #666; font-size: 20px; font-weight: 100; line-height: 20px; white-space: nowrap; padding: 20px 0px 5px 0px; font-family: "微软雅黑"; }

.head_logo h2 { color: #999; font-size: 14px; font-weight: 100; line-height: 14px; white-space: nowrap; text-indent: 3px; letter-spacing: 1px; margin-top: 5px; }

.site_search { position: relative; float: left; margin: 20px 20px 0 20px; width: 450px; }

.search { display: block; float: left; }

.search .input { display: block; float: left; margin: 0px; padding: 3px 0px 3px 5px; width: 300px; height: 24px; line-height: 24px; color: #999; border: 2px solid #E4393C; background: none; }

.search .submit { float: left; display: block; width: 60px; height: 34px; line-height: 34px; background: #E4393C; color: #fff; border: none; cursor: pointer; _text-indent: 0; overflow: hidden; }

.site_search .hotwords { display: block; float: left; width: 450px; height: 30px; font-size: 12px; }

/* Nav Menu */
#header .Nav { position: relative; width: 100%; height: 40px; background: #404144; }

.navmenu { width: 1200px; margin: 0 auto; }

#nav_menu { padding-left: 250px; height: 40px; position: relative; z-index: 10; }

#nav_left { width: 250px; height: 40px; position: absolute; left: 0; top: 0; z-index: 20; }

#nav_left .ld { position: relative; width: 250px; height: 40px; line-height: 40px; background: #C7000B; cursor: pointer; }

#nav_left .ld h2 { font-size: 14px; color: #fff; padding-left: 20px; color: #fff }

#nav_left .ld b { display: block; width: 20px; height: 20px; position: absolute; right: 10px; top: 10px; background: url(http://demo.lanrenzhijia.com/2015/nav0508/images/arrow.gif) no-repeat 0 0; }

#nav_left .allsort { display: none; width: 246px; height: 412px; padding: 0px 0px 4px 0px; position: absolute; left: 0; top: 38px; border: 2px solid #CD292B; background-color: #fafafa; }

#nav_left .allsort .item { width: 246px; height: 36px; border-bottom: 1px solid #fff; float: left; }

#nav_left .allsort .item span { height: 36px; line-height: 36px; width: 208px; z-index: 30; }

#nav_left .allsort .item span h3 { width: 237px; padding-left: 10px; position: absolute; font-size: 12px; font-weight: normal; color: #333; }

#nav_left .allsort .item span h3 a { color: #333; text-decoration: none; }

#nav_left .allsort .item span h3 a:hover { color: #E4393C; font-weight: 500; }

#nav_left .allsort .item .i-mc { display: none; width: 700px; height: 395px; padding: 10px; background: #fff; border: 1px solid #ddd; position: absolute; left: 246px; top: 0; z-index: 25; }

.i-mc .item_l { width: 58%; height: auto; overflow: hidden; float: left; margin-top: 30px; }

.item_l .item_small { width: auto; font-size: 12px; padding: 5px 10px; float: left; height: 22px; line-height: 22px; border: 1px solid #ddd; margin: 0px 10px 10px 0px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.item_small:hover { background: #CD292B; }

.item_small:hover a { color: #fff; }

.i-mc .item_r { width: 40%; height: 360px; overflow: hidden; float: right; }

.i-mc .item_r h4 { color: #666; font-size: 14px; font-weight: 500; height: 30px; line-height: 30px; border-bottom: 1px solid #ddd; width: 93%; margin-bottom: 15px; }

.item_r .item_brand { width: 128px; height: 68px; float: left; margin: 0px 10px 10px 0px; display: block; border: 1px solid #DFDFDF; }

#nav_left .allsort .on h3 { border: solid #ddd; border-width: 1px 0; background: #fff; z-index: 40; }

#nav_left.on .ld b { background: url(../image/arrow.gif) no-repeat 0 -20px; }

#nav_left.on .allsort { display: block; }

#nav_left.on .allsort .on .i-mc { display: block; }

#nav_item { height: 40px; }

#nav_item li { float: left; }

#nav_item li a { display: inline-block; padding: 0 25px; height: 40px; line-height: 40px; color: #fff; font: 500 14px/40px "microsoft yahei"; text-decoration: none; transition: all ease-out .3s; }

#nav_item li a:hover { color: #fff; background: #333; }

/* Hot Tel */
#header .hottel { position: relative; top: 0px; margin: 20px 0px 0px 0px; width: 200px; height: 70px; float: right; }

#header .hottel .telphone { padding-left: 10px; display: block; float: left; height: 40px; width: auto; }

#header .hottel .telphone span { width: auto; font-size: 14px; line-height: 22px; }

#header .hottel .telphone h2 { margin: 0px; width: auto; font-size: 28px; line-height: 32px; font-weight: 600; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; color: #db4527; background-size: 500px 500px; font-family: "Arial"; }

/* Slide */
.slide_con { width: 100%; height: 418px; position: relative; }

.slidecase { width: 1200px; margin: 0 auto; min-width: 1200px; height: auto; position: relative; }

.slider { margin-left: 250px; width: 950px; height: 418px; float: left; background: #D1D1D1; position: relative; }

.slider .slides { display: block; zoom: 1; }

.slides > li { display: none; position: relative; }

* html .slides { height: 1%; }

.slides > li:first-child { display: block; }

.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.slides img { max-width: 100%; display: block; }

.flex-control-nav { position: absolute; bottom: 15px; right: 15px; }

.flex-control-nav li { display: inline-block; zoom: 1; *display:inline;
margin-right: 10px; margin-bottom: 6px; }

.flex-control-nav li a { display: block; width: 14px; height: 14px; background: url(../image/bg_control_nav.png) no-repeat scroll 0 0 transparent; _background: url("../image/bg_control_nav-0.png") no-repeat scroll 0 0 transparent; cursor: pointer; text-indent: -9999px; }

.flex-control-nav li a:hover { background-position: 0 -14px; _background: url("../image/bg_control_nav-1.png") no-repeat scroll 0 0 transparent; opacity: .6; filter: alpha(opacity=60); }

.flex-control-nav li a.active { background-position: 0 -14px; _background: url("../image/bg_control_nav-2.png") no-repeat scroll 0 0 transparent; cursor: default; }

.flex-caption { background: none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
zoom: 1; }

.flex-caption { width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px; }

.flex-direction-nav { height: 0; overflow: hidden; }

.flex-direction-nav li a { display: none; width: 41px; height: 69px; background: url(../image/icon-slides.png); background-repeat: no-repeat; position: absolute; top: 50%; margin-top: -40px; cursor: pointer; text-indent: -9999px; _filter: alpha(opacity=40) }

.flex-direction-nav li a.next { right: 0; background-position: -125px center; }

.flex-direction-nav li a.next:hover { right: 0; background-position: -42px center; opacity: .6; filter: alpha(opacity=60); }

.flex-direction-nav li a.prev { background-position: -84px center; }

.flex-direction-nav li a.prev:hover { left: 0; opacity: .6; filter: alpha(opacity=60); background-position: 0 center; }

/* index_banner */

.index_banner { width: 100%; height: auto; position: relative; margin-top: 15px; }

.index_banner .index_banner_con { width: 1200px; margin: 0 auto; min-width: 1200px; height: 200px; position: relative; }

.index_banner_con ul { width: 101%; height: auto; }

.listitem { height: 184px; margin-right: 13px; width: 290px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-bottom: 20px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); float: left; }

.listitem a { display: block; height: auto; width: 290px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.listitem div { text-align: center; margin-top: 15px; }

/* Index_Brand */
.index_brand { width: 100%; height: auto; position: relative; background: #fff; padding-bottom: 50px; }

.index_brand_con { width: 1200px; margin: 0 auto; min-width: 1200px; height: auto; position: relative; }

.index_brand_head { padding-top: 20px; padding-bottom: 20px; }

.index_brand_head p.title { font-family: "微软雅黑"; color: #333; font-size: 18px; line-height: 22px; text-align: left; margin-left: 0px; }

.index_brand_head p.subtitle { color: #787878; font-size: 14px; line-height: 18px; text-align: left; margin-left: 0px; }

.index_brand_head p { text-align: center; }

#category { position: absolute; top: 20px; display: block; text-align: right; right: 33%; margin-right: -30px; }

#category a { height: 16px; padding: 7px 28px; font-size: 14px; color: #999; transition: all 0.3s ease-out 0s; margin-right: 10px; line-height: 16px; display: inline-block; }

#category a::before { position: absolute; content: ""; text-align: left; margin-left: 0px; margin-top: 22px; background-color: #b2b2b2; width: 0px; height: 1px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

#category a::after { position: absolute; content: "/"; text-align: left; margin-left: 28px; margin-top: 0px; font-size: 12px; color: #C8C8C8; }

#category a:last-child::after { position: absolute; content: ""; height: 0px; width: 0px; }

#category a:hover::before { width: 30px; }

#category a.active, #category a:hover { background: transparent; color: #666; border-color: transparent; }

.index_brand_list { width: 1200px; height: auto; margin: 0 auto; }

.branditem_l { width: 840px; float: left; height: 290px; }

.branditem_r { width: 340px; float: right; background: #CCCCCC; height: 290px; }

.branditem_r p { width: 100%; height: 90px; margin: 30% auto; font-size: 26px; color: #666; text-align: center; }

.branditem_l .brandlist { width: 101%; overflow: hidden; height: 290px; padding: 2px; }

.brandlist .branditem { width: 128px; height: auto; float: left; margin: 0px 10px 5px 0px; display: block; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.brandlist .branditem img { border: 1px solid #f3f3f3; height: 58px; }

.brandlist .branditem a { color: #999; }

.brandlist .branditem p { width: 128px; height: 30px; line-height: 30px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.brandlist .branditem:hover img { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04); }

.brandlist .branditem:hover a { color: #666; }

/* index_Adventage */
.index_content { width: 100%; height: auto; position: relative; padding-bottom: 80px; }

.index_content_in { width: 1200px; margin: 0 auto; min-width: 1200px; height: auto; position: relative; }

.index_content_head { padding-top: 80px; padding-bottom: 30px; }

.index_content_head p.title { font-family: "微软雅黑"; color: #333; font-size: 26px; line-height: 40px; }

.index_content_head p.subtitle { color: #787878; font-size: 16px; line-height: 30px; margin-top: 10px; }

.index_content_head p { text-align: center; }

.index_content_list { width: 1200px; height: auto; margin: 0 auto; }

.index_content_list .i_itemlist { width: 100%; margin-left: 1%; height: 330px; position: relative; }

.i_itemlist .i_itemcon { width: 32%; height: 290px; background: #fff; float: left; margin-right: 1%; margin-top: 20px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-bottom: 20px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08); }

.i_itemcon .i_itembd { text-align: center; margin-top: 15px; }

.i_itemcon a { display: block; text-align: center; width: 100%; height: 120px; margin: 0 auto; margin: 20px auto 20px; }

.i_itembd p.title { width: 80%; padding: 0 10%; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; height: 40px; line-height: 40px; transition: all ease-out .2s; }

.i_itembd p.description { font-size: 14px; line-height: 24px; color: #7b7b7b; height: 60px; overflow: hidden; width: 80%; margin-top: 10px; padding: 0 10%; transition: all 0.2s ease-out 0s; }

.i_itemcon:hover .i_itembd p.title { color: #1E1E1E; }

.i_itemcon:hover .i_itembd p.description { color: #838383; }

.i_itemlist .i_itemcon:hover { box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.2); }

.index_content_list .content_scroll { float: left; width: 1200px; height: 405px; margin: 0 auto; overflow: hidden; position: relative; }

#scroll_list { position: absolute; left: 0; top: 0; }

#scroll_list li { float: left; width: 384px; height: 395px; margin-left: 13px; background: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

#scroll_list li a { display: block; text-align: center; width: 354px; height: 270px; margin: 0 auto; overflow: hidden; margin: 15px; border: 1px solid #f3f3f3; }

#scroll_list li a img { float: none; width: 100%; height: auto; transition: all 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

#scroll_list li .i_scroitem { height: 90px; width: 100%; background-color: #fff; transition: all 0.3s ease-out 0s; }

.i_scroitem p.title { margin: 0 80px 0 20px; color: #565656; padding: 15px 0px 5px; text-align: left; font-size: 16px; transition: all ease-out .3s; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-family: "微软雅黑"; }

.i_scroitem p.description { margin: 0 80px 0 20px; font-size: 14px; line-height: 24px; color: #7b7b7b; height: 30px; overflow: hidden; width: 80%; transition: all 0.2s ease-out 0s; }

.goleft { position: absolute; left: -40px; background: url(../image/all.png) no-repeat -40px 0px; display: block; width: 30px; height: 40px; float: left; margin-top: 177px; cursor: pointer; }

.goright { position: absolute; right: -40px; background: url(../image/all.png) -70px 0; display: block; width: 30px; height: 40px; float: right; margin-top: 177px; cursor: pointer; }

#scroll_list li a:hover img { transform: scale(1.2, 1.2) }

#scroll_list li:hover { box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.2); }

#scroll_list li:hover p.title { color: #333; }

/* Index Hot products*/
.i_content_list { width: 1220px; margin-left: -5px; padding-left: 5px; /*padding-top: 5px;*/ height: auto; position: relative; -webkit-transition: 0s cubic-bezier(0.5, 0.2, 0.2, 1); transition: 0s cubic-bezier(0.5, 0.2, 0.2, 1); -webkit-transform: translate3d(0px, 0px, 0px); }

.con_item { width: 280px; height: auto; float: left; position: relative; margin-right: 20px; margin-bottom: 20px; visibility: visible; -webkit-animation: 0s; border: 1px solid #f3f3f3; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.con_item a img { float: none; width: 100%; height: auto; transition: all 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.con_item_info { width: 280px; height: 80px; position: relative; background: rgba(0,0,0,0); margin-top: 0px; transition: all ease-out .3s; }

.con_item_info p.title { margin: 0 20px; padding: 10px 0; color: #565656; font-size: 16px; transition: all ease-out .3s; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.con_item_info p.subtitle { margin: 0 20px; color: #929292; font-size: 12px; transition: all ease-out .3s; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.con_item_info::after { width: 0%; height: 1px; position: absolute; top: 0; left: 0; content: ""; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-color: #ff072a; }

.con_item a::after { content: ''; width: 40px; height: 40px; line-height: 40px; background: url(../image/soso-ico.png); margin: 0 auto; margin-left: -20px; margin-top: 0px; display: inline-block; position: absolute; top: 0%; left: 50%; z-index: 10; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity: 0; }

.con_item a:hover .con_item_info::after { width: 100%; }

.con_item:hover a::after { margin-left: -20px; margin-top: -20px; top: 50%; opacity: 1; }

.index_content_in a.more { height: 38px; font-size: 14px; line-height: 38px; font-family: "微软雅黑"; color: #ff072a; border-color: rgba(255,255,255,.1); border-radius: 0px; text-align: center; text-indent: 0px; margin: 3% auto; border: #ff072a 1px solid; background: rgba(255,255,255,.0); width: 180px; display: block; transition: all ease-out .3s; }

.con_item:hover { box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); }

.index_content_in a.more:hover { border-color: #ff072a; text-indent: 0px; text-align: center; background-color: #ff072a; color: #fff; }

/* index_about */
.index_about { width: 100%; height: auto; position: relative; padding-bottom: 80px; }

.index_about_con { width: 1200px; margin: 0 auto; min-width: 1200px; height: auto; position: relative; }

.index_about_head { padding-top: 80px; padding-bottom: 30px; }

.index_about_head p.title { font-family: "微软雅黑"; color: #333; font-size: 26px; line-height: 40px; }

.index_about_head p.subtitle { color: #787878; font-size: 14px; line-height: 30px; }

.index_about_head p { text-align: center; }

.index_about_bd { width: 900px; height: auto; margin: 0 auto; text-align: center; font-size: 14px; color: #6b6a6a; font-weight: 100; font-family: "微软雅黑"; }

.index_about_bd img { margin: 20px 0; }

.index_about_con a.more { height: 38px; font-size: 16px; line-height: 38px; font-family: "微软雅黑"; color: #ff072a; border-color: rgba(255,255,255,.1); border-radius: 0px; text-align: center; text-indent: 0px; margin: 3% auto; border: #ff072a 1px solid; background: rgba(255,255,255,.0); width: 180px; display: block; transition: all ease-out .3s; }

.index_about_con a.more:hover { border-color: #ff072a; text-indent: 0px; text-align: center; background-color: #ff072a; color: #fff; }

/* Index_Client */
.con_item1 { width: 160px; height: 78px; ; float: left; position: relative; overflow: hidden; margin-right: 10px; margin-bottom: 10px; visibility: visible; -webkit-animation: 0s; border: 1px solid #f3f3f3; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.con_item1 img { float: none; width: 100%; height: auto; transition: all 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

/* Index News */
.index_news { width: 100%; height: auto; position: relative; padding-bottom: 50px; }

.index_news_con { width: 1200px; margin: 0 auto; min-width: 1200px; height: 710px; position: relative; }

.index_news_head { padding-top: 80px; padding-bottom: 30px; }

.index_news_head p.title { font-family: "微软雅黑"; color: #333; font-size: 26px; line-height: 40px; }

.index_news_head p.subtitle { color: #787878; font-size: 14px; line-height: 30px; }

.index_news_head p { text-align: center; }

.index_news_bd { width: 1200px; margin: 0 auto; height: auto; position: relative; }

.index_newsl { float: left; width: 490px; }

.index_newsl .projectitem { width: 490px; float: left; height: 410px; margin-bottom: 20px; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; padding: 0em; margin-right: 25px; background: white; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.index_newsl .projectitem a { display: block; overflow: hidden; padding: 5px; }

.index_newsl .projectitem a img { width: 480px; height: 280px; float: none; margin-bottom: 90px; display: block; transition: all ease-out .3s; }

.index_newsl .projectitem .project_info { top: auto; height: 1px; width: 480px; background: rgba(0,0,0,0); position: absolute; left: 0; transition: all ease-out .3s; }

.index_newsl .projectitem .project_info div { top: 0; margin: 0 auto; position: relative; }

.index_newsl .projectitem .project_info p.title { color: #444; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: -70px; font-size: 18px; transition: all ease-out .3s; padding: 0 20px; font-weight: 600; margin-bottom: 15px; }

.index_newsl .projectitem .project_info p.title span { width: auto; float: right; font-size: 14px; color: #8F8F8F; line-height: 20px; display: block; font-family: arial, "微软雅黑"; text-align: right; font-weight: 300; }

.index_newsl .projectitem .project_info p.subtitle { margin-top: 0; color: #BABABA; text-align: left; overflow: hidden; /*white-space: nowrap;*/ text-overflow: ellipsis; font-size: 12px; transition: all ease-out .3s; padding: 0 20px; height: 50px; width: 450px; }

.index_newsl .projectitem .project_info div.line1 { margin: 10px 0 0 20px; width: 3px; height: 1px; background: #a5a5a5; top: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.index_newsl .projectitem a:hover img { transform: none; -webkit-transform: none; -moz-transform: none; }

.index_newsl .projectitem a:hover .project_info { background: transparent; }

.index_newsl .projectitem a:hover .project_info p.title { margin-top: -70px; color: rgb(60, 60, 60); }

.index_newsl .projectitem a:hover .project_info p.subtitle { margin-top: 0px; color: #b7b7b7; font-size: 12px }

.index_newsl .projectitem a:hover .project_info div.line1 { width: 100px; }

.index_newsl .projectitem:hover { box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16) }

.index_newsr { float: right; width: 650px; }

.index_nlist { float: right; width: 630px; padding: 8px 20px 8px 0px; margin-bottom: 25px; background: white; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.index_nlist .index_newsr_num { width: 60px; border-right: 2px solid #cdcdcd; height: 65px; text-align: center; line-height: 65px; font-size: 36px; font-weight: normal; color: #cdcdcd; font-family: Arial, Helvetica, sans-serif; display: block; float: left; }

.index_nlist div { float: right; width: 550px; }

.index_nlist h5 { color: #444; }

.index_nlist p { color: #b0b0b0; }

.news_date { float: right; font-weight: normal; font-size: 12px; margin-right: 5px; }

.index_nlist:hover { background-color: #fff; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16) }

.index_nlist:hover h5 { color: #444; }

.index_news_con a.more { height: 38px; font-size: 16px; line-height: 38px; font-family: "微软雅黑"; color: #ff072a; border-color: rgba(255,255,255,.1); border-radius: 0px; text-align: center; text-indent: 0px; margin: 3% auto; border: #ff072a 1px solid; background: rgba(255,255,255,.0); width: 180px; display: block; transition: all ease-out .3s; }

.index_news_con a.more:hover { border-color: #ff072a; text-indent: 0px; text-align: center; background-color: #ff072a; color: #fff; }

/* Links */
.links { width: 1200px; height: 111px; margin: 0 auto; height: auto; }

.links_title { width: 1120px; padding: 10px 0; margin: 0 auto; height: auto; }

.links_title h3 { height: 30px; line-height: 30px; font-size: 16px; color: #444; font-weight: 100; }

.links_title ul { width: 100%; height: 60px; overflow: hidden; padding: 20px; }

.links_title ul li { float: left; width: auto; padding: 3px 5px; }

/* Footer */
.footer { width: 100%; height: auto; margin: 0 auto; position: relative; }

.footer_con { width: 100%; height: 305px; margin: 0 auto; position: relative; }

.footer_con_t { width: 1200px; height: 260px; margin: 0 auto; overflow: auto; zoom: 1; position: relative; }

.footer_l { width: 650px; height: 250px; float: left; }

.footer_li1 { width: 110px; height: 190px; float: left; padding-top: 40px; margin-left: 50px; }

.footer_li1 h2 { width: 110px; height: 40px; font-size: 15px; color: #000; font-family: "微软雅黑"; }

.footer_li1 ul { display: block; border-right: 1px #E5E5E5 solid; }

.footer_li1 ul li { width: 110px; height: 25px; }

.footer_li1 ul li a { font-size: 13px; color: #919191; text-decoration: none; font-family: "微软雅黑"; }

.footer_m { width: 120px; height: 190px; float: left; margin-left: 20px; padding-top: 45px; }

.footer_m img { width: 105px; height: 105px; }

.footer_m p { width: 100px; height: 30px; line-height: 30px; text-align: center; color: #0b599e; font-size: 13px; font-family: "微软雅黑"; }

.footer_m div { margin-top: 10px; }

.footer_m div a { color: #fff; width: 30px; height: 30px; display: block; font-size: 16px; background: #ccc; margin-right: 10px; text-align: center; border-radius: 15px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.footer_m div a i { margin: 7px 5px; }

.fa-weibo { background: url(../image/all.png) no-repeat -40px -131px; width: 20px; height: 16px; display: block; margin: 7px 5px; }

.fa-qq { background: url(../image/all.png) no-repeat -40px -108px; width: 20px; height: 18px; display: block; }

.fa-weixin { background: url(../image/all.png) no-repeat -40px -87px; width: 20px; height: 16px; display: block; }

.footer_m div a:hover { background: #ff072a; }

.footer_r { width: 330px; height: 235px; float: right; margin-left: 30px; }

.footer_r a.logo_a { margin-top: 45px; display: block; }

.footer_r h2 { width: 330px; height: 24px; line-height: 20px; font-size: 17px; color: #000; padding-top: 15px; font-family: "微软雅黑"; }

.footer_r h3 { width: 330px; height: 22px; line-height: 22px; font-size: 13px; color: #919191; font-family: "微软雅黑"; }

.footer_r h4 { width: 330px; height: 30px; line-height: 34px; font-size: 23px; color: #ff072a; margin-top: 10px; }

.footer_r p { width: 330px; height: 22px; line-height: 22px; font-size: 13px; color: #919191; font-family: "微软雅黑"; }

.footer_con_d { width: 100%; height: 45px; background: #ccc; }

.footer_dbcon { width: 1100px; height: 45px; margin: 0 auto; overflow: auto; zoom: 1; position: relative; }

.footer_dbcon p { line-height: 45px; font-size: 12px; color: #7e7e7e; font-family: "微软雅黑"; }

/* about page */
.content_list .li_team { padding: 0px; float: left; background: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 370px; height: 400px; margin: 0 44px 40px 0; }

.content_list .li_team_box { width: 370px; position: relative; }

.content_list .li_team_box img { width: 370px; height: 210px; display: block; border-top-left-radius: 6px; border-top-right-radius: 6px; background-color: #f2f2f2; max-height: 210px; overflow: hidden; }

.content_list .li_team_box .team_txt { width: 308px; margin-top: 0px; height: 140px; display: block; padding: 30px 30px 10px; border-bottom: 1px solid transparent; border-right: 1px solid transparent; border-left: 1px solid transparent; transition: all .6s cubic-bezier(.215, .61, .355, 1); background-color: #fff; }

.content_list .li_team_box .team_txt span { font-size: 18px; color: #333; display: inline-block; padding: 0 20px 0 0; height: 26px; overflow: hidden; }

.content_list .li_team_box .team_txt i { font-size: 13px; color: #999; display: inline-block; width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.content_list .li_team_box .team_txt strong { font-size: 13px; color: #999; padding-top: 26px; line-height: 26px; display: block; height: 52px; overflow: hidden; font-weight: normal; }

/* News List */
.news_list { width: 1200px; height: auto; margin-top: 50px; margin-right: auto; margin-bottom: 0; overflow: hidden; }

.news_list .news_ht1 { width: 100%; height: 180px; float: left; margin-right: 40px; margin-bottom: 60px; border-bottom: 1px solid rgba(0,0,0,.06); }

.news_ht1 a.newscontent { height: 100%; display: block; text-align: left; border-bottom: 1px solid rgba(255,255,255,.1); padding-bottom: 20px; position: relative; }

.newsimg { display: block; width: 250px; height: 160px; bottom: 0; left: 0; position: absolute; right: 0; top: 0; }

.news_wrapper { width: auto; display: block; height: 200px; left: 290px; bottom: 0; position: absolute; right: 0; top: 0; }

.newsbody { display: inline-block; max-width: 99%; vertical-align: middle; width: 800px; }

.newsbody .date { display: block; padding: 0; position: relative; top: 32px; font-size: 12px; font-weight: inherit; font-family: Arial; color: #B0B0B0; margin-bottom: 0; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.newsbody .title { font-size: 16px; color: #535353; display: block; width: 100%; float: none; position: relative; top: -20px; line-height: 30px; overflow: hidden; height: 30px; text-overflow: ellipsis; white-space: nowrap; }

.newsbody .description { font-size: 12px; width: 100%; line-height: 22px; color: #909090; text-align: left; height: 42px; overflow: hidden; margin-top: 20px; display: block; }

.newsbody::after { content: 'MORE'; width: 120px; height: 30px; line-height: 30px; background: #f8f8f8; display: block; text-align: center; margin-top: 16px; color: #ff072a; border: 1px solid rgba(0,0,0,.1); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.news_ht1 a:hover .newsbody::after { background: #ff072a; color: #fff; }

/* news page */

.news_in { width: 1200px; margin: 0 auto; min-width: 1200px; height: auto; position: relative; }

.news_header { width: 1120px; height: 40px; background: #fff; padding: 30px 40px; margin: 50px 0 30px; }

.newshd { width: 100%; }

.news_header h3 { color: #444; font-size: 26px; line-height: 40px; float: left; }

.news_header span { float: right; padding-left: 18px; font-size: 14px; color: #c1c1c1; line-height: 40px; }

.news_bd { width: 1120px; height: auto; min-height: 600px; padding: 40px; background-color: #fff; line-height: 24px; font-size: 13px; color: #6a6a6a; margin: 30px 0px 0px 0px; }

.news_bd p { word-wrap: break-word; word-break: normal; }

.news_bd .news_words img { margin: 30px 0; text-align: center; }

.p_tags { line-height: 24px; font-size: 13px; color: #373737; width: 1120px; float: left; margin: 30px auto; padding: 10px 0 0; height: 30px; border-top: 1px dashed #dfdfdf; }

.p_tags span { float: right; }

.content_in a.more { width: 160px; height: 40px; text-align: center; font-size: 14px; color: #e0244d; border-radius: 2px; display: block; margin: 20px auto; clear: both; line-height: 40px; transition: all 0.3s ease-out 0s; background: #fff; border: 1px solid #dfdfdf; }

.content_in a.more:hover { border-color: #ff072a; text-indent: 0px; text-align: center; background-color: #ff072a; color: #fff; }

/* Case Page */

.case_in { width: 1200px; margin: 0 auto; min-width: 1200px; height: auto; position: relative; }

.case_header { width: 1120px; height: 40px; background: #fff; padding: 30px 40px; margin: 0px 0 30px; }

.casehd { width: 100%; }

.case_header h3 { color: #444; font-size: 26px; line-height: 40px; float: left; }

.case_header span { float: right; padding-left: 18px; font-size: 14px; color: #c1c1c1; line-height: 40px; }

.case_bd { width: 1200px; min-height: 1050px; height: auto; line-height: 24px; font-size: 13px; color: #6a6a6a; margin: 30px 0px 0px 0px; }

.case_l { width: 817px; min-height: 975px; height: auto; padding: 30px; float: left; background: #fff; }

.case_l p { word-wrap: break-word; word-break: normal; }

.case_l .case_words img { margin: 30px 0; text-align: center; }

.p_tags { line-height: 24px; font-size: 13px; color: #373737; width: 817px; margin: 30px auto; padding: 10px 0 0; height: 30px; border-top: 1px dashed #dfdfdf; }

.p_tags span { float: right; }

.case_r { width: 300px; float: right; }

.case_r .case_r_in { padding: 30px 40px; width: 220px; float: left; margin-bottom: 20px; background: #fff; }

.case_r .case_r_in dl dt { font-size: 18px; margin-bottom: 10px; clear: both; float: left; width: 200px; }

.case_r .case_r_in dl dd { margin-right: 15px; margin-bottom: 8px; width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.case_r .case_r_in dl dd .num { display: inline-block; width: 19px; height: 19px; line-height: 19px; margin-right: 10px; background: #ff072a; font-style: normal; color: #fff; font-size: 10px; font-family: Verdana, Geneva, sans-serif; text-align: center; overflow: hidden; }

.case_r .case_r_in dl dd a { color: #8c8c8c; }

.case_r .case_r_in h3 { font-weight: normal; color: #414141; }

.case_r .case_r_in h6 { font-weight: normal; color: #b2b2b2; margin-bottom: 100px; }

.case_r .case_r_in h5 { font-weight: normal; }

.qq_bg { height: 50px; width: 100%; }

.qq_bg i { float: left; display: block; width: 30px; height: 30px; margin-top: 10px; background: url(../image/all1.png) no-repeat; background-position: -470px 0px; }

.qq_bg div { margin-left: 40px; width: 180px; display: block; margin-top: 5px; }

.qq_bg span { width: 180px; height: 22px; font-size: 12px; line-height: 22px; display: block; }

.case_r_img { width: 300px; height: auto; float: left; margin-bottom: 20px; }

/* Knowlege page */
.content_l { width: 280px; height: 600px; float: left; margin-top: 60px; position: relative; }

.content_l .know_r_in { padding: 30px 40px; width: 200px; float: left; margin-bottom: 20px; background: #f8f8f8; }

.content_l .know_r_in dl dt { font-size: 18px; margin-bottom: 20px; clear: both; float: left; width: 200px; }

.content_l .know_r_in dl dd { margin-right: 15px; margin-bottom: 10px; line-height: 22px; width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.content_l .know_r_in dl dd a { color: #8c8c8c; font-size: 14px; }

.content_l .know_r_in h3 { font-weight: normal; color: #414141; }

.content_l .know_r_in h6 { font-weight: normal; color: #b2b2b2; margin-bottom: 100px; }

.content_l .know_r_in h5 { font-weight: normal; }

.content_r { height: auto!important; width: 910px; float: right; margin-top: 60px; display: block; overflow: hidden; }

.know_item { width: 440px; height: 490px; display: block; float: left; margin-right: 15px; }

.know_item .know_header { padding-top: 0px; padding-bottom: 20px; }

.know_header p.title { font-family: "微软雅黑"; color: #333; font-size: 22px; line-height: 30px; }

.know_bd { width: 100%; height: auto; }

.know_1 { float: left; margin: 0px; width: 420px; height: 110px; _display: inline; overflow: hidden; padding: 10px; background: #f3f3f3; }

.know_1 a.img-box { position: relative; display: block; float: left; margin-right: 15px; width: 170px; height: 95px; border: 2px solid #f7f7f7; }

.know_1 a.img-box img { min-width: 100%; min-height: 100%; width: 100%; _height: 100%; }

.know_1 h3 { margin-bottom: 10px; color: #333; font-size: 16px; font-weight: normal; line-height: 24px; height: 48px; overflow: hidden; }

.know_1 h3 a { color: #333; }

.know_1 p { margin-bottom: 10px; color: #666; font-size: 12px; line-height: 20px; height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.know_1 i { color: #999; font-size: 12px; line-height: 20px; font-style: normal; }

.know_bd ul { width: 440px; height: auto; display: block; padding-bottom: 15px; background: #f3f3f3; overflow: hidden; }

.know_bd li { float: left; margin: 0px; width: 420px; height: auto; overflow: hidden; padding: 5px 10px; }

.know_bd li p { padding: 5px; width: 75%; float: left; font-size: 12px; color: #999; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.know_bd li p a { color: #666; }

.know_bd li p a:hover { color: #333; }

.know_bd li span { width: 20%; text-align: right; float: right; display: block; padding: 5px; font-size: 12px; color: #999; line-height: 20px; }

/* Product index */

.category_list { width: 1200px; margin: 0 auto; height: auto; padding-bottom: 30px; }

.category_list .category_item { width: 100%; height: auto; }

.category_header { width: 100%; height: 40px; float: left; padding: 10px 0px; }

.category_header span { width: 50px; float: left; font-size: 22px; font-weight: 600; line-height: 40px; color: #333; }

.category_header h3 { float: left; font-size: 22px; font-weight: 200; line-height: 40px; color: #666; }

.category_header i { float: right; font-size: 14px; line-height: 40px; color: #999; -webkit-transition: all .4s; transition: all .4s; }

.category_banner { float: left; width: 100%; height: auto; position: relative; }

.banner_l { width: 35%; border: 1px solid #e5e5e5; position: absolute; z-index: 10; background-color: #fafafa; height: 298px; }

.banner_l .item_lm { width: 94%; height: auto; padding: 3%; overflow: hidden; }

.item_lm .item_sm { width: auto; min-width: 100px; _width: 100px; display: block; font-size: 12px; padding: 5px 10px; float: left; height: 22px; line-height: 22px; background: #fff; border: 1px solid #ddd; margin: 0px 10px 10px 0px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.item_lm .item_sm:hover { background: #CD292B; }

.item_lm .item_sm:hover a { color: #fff; }

.banner_r { width: 63%; padding-left: 37%; position: relative; height: 300px; }

.banner_r img { width: 100%; height: 300px; }

.category_brand { width: 100%; height: auto; float: left; }

.category_brand h3 { height: 40px; line-height: 40px; color: #FFF; padding-left: 20px; margin: 5px 0px; text-align: left; font-family: "微软雅黑"; font-size: 16px; font-weight: 400; background-color: #404144; }

.category_brand .b_list { width: 100%; overflow: hidden; height: auto; /*background: #f8f8f8; */ }

.b_list .b_item { width: 128px; height: auto; float: left; margin: 0px 5px 5px 0px; display: block; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.b_list .b_item img { border: 1px solid #f3f3f3; height: 58px; }

.b_list .b_item a { color: #999; }

.b_list .b_item p { width: 128px; height: 30px; line-height: 30px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.b_list .b_item:hover img { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04); }

.b_list .b_item:hover a { color: #666; }

.category_body { width: 100%; height: auto; float: left; margin-top: 10px; }

/* Product List */
.position { width: 100%; float: left; height: 40px; font-size: 12px; line-height: 40px; color: #333; padding: 5px 0px; border-bottom: 1px solid #e8e8e8; }

.position span { padding: 0px 3px; }

.red_brand { width: 100%; height: auto; float: left; }

.red_brand h3 { height: 40px; line-height: 40px; color: #333; border: 1px solid #e8e8e8; padding-left: 20px; margin: 5px 0px; text-align: left; font-family: "微软雅黑"; font-size: 14px; font-weight: 400; background: #f7f7f7; }

.p_menu { float: left; width: 100%; height: auto; min-height: 160px; _height: 160px; }

.p_menu h3 { height: 40px; line-height: 40px; color: #333; border: 1px solid #e8e8e8; padding-left: 20px; margin: 5px 0px; text-align: left; font-family: "微软雅黑"; font-size: 14px; font-weight: 400; background: #f7f7f7; }

.screen-box { position: relative; border: 1px solid #e8e8e8; }

.screen-box:after { clear: none; content: ""; display: block; height: 0; visibility: hidden; }

.screen-box dl:first-child { border-top: none; }

.screen-box dl { clear: both; display: block; border-top: 1px solid #f7f7f7; }

.screen-box dl dt { display: block; float: left; padding-left: 20px; width: 100px; color: #555; line-height: 36px; }

.screen-box dl dd { position: relative; margin-left: 112px; padding-top: 5px; overflow: hidden; }

.screen-box dl dd a { display: inline-block; margin: 0 5px 5px 0; padding: 6px 10px; border: 1px solid #fff; font-size: 12px; line-height: 1em; }

.screen-box dl dd a.selected { border-color: #fff; color: #fff; background: #CD292B; }

.p_content { width: 100%; float: left; height: auto; margin-top: 30px; }

.p_content h3 {display: block; float: left; line-height: 38px; height: 38px; color: #00A3B5;width: 100%;border-bottom: 1px solid #e8e8e8;  }

.p_content .p_content_l { width: 290px; height: auto; float: right; }

.p_content_l .p_content_hot { height: auto; width: 288px; overflow: hidden; border: 1px solid #e8e8e8; }

.p_content_hot h3 { width: 100%; background: #f7f7f7; display: block; border-bottom: 1px solid #e8e8e8; float: left; padding: 0 15px; line-height: 38px; height: 38px; color: #333; font-size: 14px; }

/* HotProduct*/
.p_cphot { width: 100%; height: auto; float: left; margin-top: 15px; }

.cphot_item { width: 278px; height: auto; margin-left: 4px; float: left; position: relative; margin-bottom: 20px; visibility: visible; -webkit-animation: 0s; border: 1px solid #f3f3f3; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.cphot_item a img { float: none; width: 100%; height: auto; transition: all 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.cphot_item_info { width: 278px; height: 80px; position: relative; background: rgba(0,0,0,0); margin-top: 0px; transition: all ease-out .3s; }

.cphot_item_info p.title { margin: 0 20px; padding: 10px 0; color: #565656; font-size: 16px; transition: all ease-out .3s; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.cphot_item_info p.subtitle { margin: 0 20px; color: #929292; font-size: 12px; transition: all ease-out .3s; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.cphot_item a::after { content: ''; width: 40px; height: 40px; line-height: 40px; background: url(../image/soso-ico.png); margin: 0 auto; margin-left: -20px; margin-top: 0px; display: inline-block; position: absolute; top: 0%; left: 50%; z-index: 10; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity: 0; }

.cphot_item:hover a::after { margin-left: -20px; margin-top: -20px; top: 50%; opacity: 1; }

.cphot_item:hover .cphot_item_info { background: #f7f7f7; }

.p_content_gg { float: left; width: 100%; height: 300px; background: #f7f7f7; margin-top: 15px; }

.p_content_gg img { width: 100%; height: 300px; }

/**/
.p_content .p_content_r { width: 890px; height: auto; float: left; }

.p_content_r .sort-box { height: 38px; width: 888px; border: 1px solid #e8e8e8; background: #f7f7f7; overflow: hidden; }

.sort-box a:hover, .sort-box a.selected { color: #333; background: #fff; }

.sort-box a { display: block; float: left; margin-left: -1px; padding: 0 25px; line-height: 38px; height: 38px; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; color: #333; font-size: 12px; }

.p_content_r .p_content_list { width: 910px; margin-left: -5px; margin-top: 15px; padding-left: 5px; height: auto; position: relative; -webkit-transition: 0s cubic-bezier(0.5, 0.2, 0.2, 1); transition: 0s cubic-bezier(0.5, 0.2, 0.2, 1); -webkit-transform: translate3d(0px, 0px, 0px); }

.cp_item { width: 280px; height: auto; float: left; position: relative; margin-right: 21px; margin-bottom: 20px; visibility: visible; -webkit-animation: 0s; border: 1px solid #f3f3f3; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.lable { font-size: 12px; color: #fff; text-transform: uppercase; padding: 0px; text-align: center; display: block; position: absolute; top: 0; z-index: 100; letter-spacing: 1px; width: 40px; height: 40px; right: 10px; line-height: 30px; margin-top: 0px; margin-right: 0px; background:url(../img/qi.png) no-repeat; }

.cp_item a img { float: none; width: 100%; height: auto; transition: all 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.cp_item_info { width: 280px; height: 80px; position: relative; background: rgba(0,0,0,0); margin-top: 0px; transition: all ease-out .3s; }

.cp_item_info p.title { margin: 0 20px; padding: 10px 0; color: #565656; font-size: 16px; transition: all ease-out .3s; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.cp_item_info p.subtitle { margin: 0 20px; color: #929292; font-size: 12px; transition: all ease-out .3s; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.cp_item_info::after { width: 0%; height: 1px; position: absolute; top: 0; left: 0; content: ""; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-color: #ff072a; }

.cp_item a::after { content: ''; width: 40px; height: 40px; line-height: 40px; background: url(../image/soso-ico.png); margin: 0 auto; margin-left: -20px; margin-top: 0px; display: inline-block; position: absolute; top: 0%; left: 50%; z-index: 10; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity: 0; }

.cp_item a:hover .cp_item_info::after { width: 100%; }

.cp_item:hover a::after { margin-left: -20px; margin-top: -20px; top: 50%; opacity: 1; }

.cp_item:hover { box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); }

/* Product Show */
.cp_topbody { padding: 35px 0; height: auto; float: left;  }

.cp_topbody .cp_pic { position: relative; float: left; width: 370px; }

.pic-box { float: left; }

.pic-preview { position: relative; width: 368px; height: 368px; border: 1px solid #e8e8e8; }

.jqzoom { position: relative; display: block; margin: 0; padding: 0; width: 368px; height: 368px; border: none; cursor: crosshair; }

.jqzoom img { width: 368px; height: 368px; }

.pic-scroll { margin-top: 10px; width: 370px; }

.pic-scroll .prev, .pic-scroll .next { display: block; font-family: "宋体"; text-align: center; width: 10px; height: 60px; line-height: 60px; border: 1px solid #e8e8e8; background: #f7f7f7; cursor: pointer; text-decoration: none; }

.pic-scroll .prev { float: left; margin-right: 5px; }

.pic-scroll .next { float: right; }

.pic-scroll .items { position: relative; float: left; width: 335px; height: 62px; overflow: hidden; }

.pic-scroll .items ul { position: absolute; margin: 0; padding: 0; width: 999999px; height: 100%; }

.pic-scroll .items ul li { float: left; margin: 0; padding: 0; width: 67px; text-align: center; }

.pic-scroll .items ul li img { padding: 2px; border: 1px solid #e8e8e8; width: 56px; height: 56px; }

.pic-scroll .items ul li img:hover { padding: 1px; border: 1px solid #ff072a; }

/*右边*/
.cp_spec { position: relative; margin: 0 0 0 400px; height: auto; overflow: hidden; }

.cp_spec h1 { display: block; color: #555; font-size: 18px; font-weight: 700; line-height: 1.1em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.cp_spec .subtitle { margin-top: 5px; color: #6c6c6c; font-weight: 400; font-size: 14px; line-height: 18px; }

.cp_spec .spec-box { position: relative; margin-top: 10px; width: 100%; height: auto; min-height: 50px; _height: 50px; float: left; }

.cp_spec .spec-box ul { clear: both; display: block; width: auto; }

.cp_spec .spec-box ul li { float: left; width: auto; min-width: 200px; _width: 200px; line-height: 38px; min-height: 38px; _height: 38px; color: #999; }

.cp_spec .spec-box ul li span { display: block; float: left; width: auto; width: 80px; line-height: 38px; min-height: 38px; _height: 38px; font-weight: 400; color: #333; }

.cp_spec .brand_box { position: relative; margin-top: 10px; height: auto; width: 100%; float: left; }

.brand_box .brand_box_logo { width:200px; height: 200px; float: left; }

.brand_box_logo h6 { background-color: #4B4D4D; color: #fff; width: 80px; height: 30px; line-height: 30px; text-align: center; }

.brand_box_logo a {  height: 168px; width:168px; overflow: hidden; display: block; border:1px solid #e8e8e8; }

.brand_box_logo img { width: 168px; height: 168px; }

.brand_box .brand_box_con { width:70%; height: 200px; float: right; }

.brand_box_con h6 { background-color: #4B4D4D; color: #fff; width: 80px; height: 30px; line-height: 30px; text-align: center; }

.brand_box_con .p_j {  border:1px solid #e8e8e8; padding: 10px 20px; height: 148px; overflow: hidden; display: block; }

.brand_box_con .p_j p { display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; line-height: 1.7; }

.cp_spec .brand_bt { width: 100%; height: auto; float: left; margin-top: 20px; }

.brand_bt ul li { float: left; width: auto; min-width: 150px; line-height: 38px; min-height: 38px; color: #999; }

.brand_bt .desc { margin-top: 15px; width: 120px;  background: #00A3B5; height: 38px; line-height: 38px; font-size: 14px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; _zoom: 1; color: #fff; float: left; transition: all 0.3s ease-out 0s; }

.brand_bt p:hover { background-color: #4B4D4D; color: #fff; }

.product_item .cp_gl { width: 100%; height: auto; float: left; margin-top: 30px; }

.cp_gl h3 {display: block; float: left; line-height: 38px; height: 38px; color: #00A3B5;width: 100%;border-bottom: 1px solid #e8e8e8;  }

.cp_gl .p_xghot { width: 102%; height: auto; float: left; margin-top: 40px; }

.xghot_item { width: 272px; height: auto; margin-right: 15px; float: left; position: relative; margin-bottom: 20px; visibility: visible; -webkit-animation: 0s; border: 1px solid #f3f3f3; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.xghot_item a img { float: none; width: 100%; height: auto; transition: all 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.xghot_item_info { width: 100%; height: 50px; position: relative; background: rgba(0,0,0,0); margin-top: 0px; transition: all ease-out .3s; }

.xghot_item_info p.title { margin: 0 20px; color: #565656; font-size: 12px; transition: all ease-out .3s; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-top:5px; }

.xghot_item_info .subtitle { margin: 0 20px; color: #929292; font-size: 12px; transition: all ease-out .3s; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.xghot_item a::after { content: ''; width: 40px; height: 40px; line-height: 40px; background: url(../image/soso-ico.png); margin: 0 auto; margin-left: -20px; margin-top: 0px; display: inline-block; position: absolute; top: 0%; left: 50%; z-index: 10; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity: 0; }

.xghot_item:hover a::after { margin-left: -20px; margin-top: -20px; top: 50%; opacity: 1; }

.xghot_item:hover .xghot_item_info { background: #f7f7f7; }

/* detail */
.p_content_r .cp_detail { display: none; width: 888px; height: auto; float: left; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; margin-top: 5px; }

.cp_detail .detail_xq { width: 100%; height: auto; float: left; }

.detail_xq h3 { width: 96%; background: #f7f7f7; display: block; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; float: left; padding: 0 2%; line-height: 38px; height: 38px; color: #333; font-size: 14px; }

.detail_xq .detail_con { width: 94%; height: auto; padding: 3%; float: left; }

.detail_xq .detail_con p { line-height: 2em; }

.detail_con .det_client { width: 102%; height: auto; overflow: hidden; }

.det_client .det_client_li { border: 1px solid #e8e8e8; float: left; margin-right: 11px; margin-bottom: 15px; }

.detail_con .detail_cl { width: 102%; height: auto; overflow: hidden; }

.detail_cl .detail_clli { float: left; text-align: left; width: 230px; margin-right: 12px; padding: 20px; background-color: #f3f3f3; height: 140px; }

.index_ico { background: url(../image/index.png) no-repeat; }

.pro_1 { width: 48px; height: 44px; background-position: 0px -115px; display: block; float: left; margin-left: 50px; }

.pro_2 { width: 48px; height: 44px; background-position: -50px -115px; display: block; float: left; margin-left: 50px; }

.pro_3 { width: 48px; height: 44px; background-position: -100px -115px; display: block; float: left; margin-left: 50px; }

.detail_clli p.title { font-size: 18px; line-height: 44px; font-weight: 400; color: #333; float: left; margin-left: 15px; }

.detail_clli p.discription { float: left; width: 100%; height: auto; display: block; margin-top: 30px; color: #666; }

/* 图片放大镜样式*/
.jqzoom { position: relative; display: block; margin: 0; padding: 0; width: 368px; height: 368px; border: none; cursor: crosshair; }

.jqzoom img { width: 368px; height: 368px; }

.zoomdiv { position: absolute; z-index: 900; display: none; width: 368px; height: 368px; background: #fff; border: 1px solid #e8e8e8; overflow: hidden; }

.jqZoomPup { position: absolute; top: 0; left: 0; z-index: 10; visibility: hidden; max-width: 368px; max-height: 368px; border: 1px solid #aaa; background: #fff; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); overflow: hidden; }

/* Brand Index */

.b_content_list { width: 1220px; margin-left: -5px; padding-left: 5px; padding-top: 5px; height: auto; position: relative; -webkit-transition: 0s cubic-bezier(0.5, 0.2, 0.2, 1); transition: 0s cubic-bezier(0.5, 0.2, 0.2, 1); -webkit-transform: translate3d(0px, 0px, 0px); }

.bcon_item { width: 188px; height: auto; float: left; position: relative; margin-right: 12px; margin-bottom: 15px; visibility: visible; -webkit-animation: 0s; border: 1px solid #f3f3f3; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.bcon_item a img { float: none; width: 100%; height: auto; transition: all 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.bcon_item_info { width: auto; height: auto; padding-bottom: 20px; position: relative; background: rgba(0,0,0,0); margin-top: 0px; transition: all ease-out .3s; }

.bcon_item_info p.title { margin: 0 20px; padding: 10px 0; color: #565656; font-size: 16px; transition: all ease-out .3s; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.bcon_item_info p.subtitle { margin: 0 auto; width: 120px; border: 1px solid #ff072a; height: 26px; line-height: 26px; font-size: 12px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; _zoom: 1; color: #666; transition: all 0.3s ease-out 0s; }

.bcon_item_info::after { width: 0%; height: 1px; position: absolute; top: 0; left: 0; content: ""; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-color: #ff072a; }

.bcon_item a.urlimg::after { content: ''; width: 40px; height: 40px; line-height: 40px; background: url(../image/soso-ico.png); margin: 0 auto; margin-left: -20px; margin-top: 0px; display: inline-block; position: absolute; top: 0%; left: 50%; z-index: 10; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity: 0; }

.bcon_item a:hover .bcon_item_info::after { width: 100%; }

.bcon_item:hover a::after { margin-left: -20px; margin-top: -20px; top: 50%; opacity: 1; }

.index_content_in a.more { height: 38px; font-size: 14px; line-height: 38px; font-family: "微软雅黑"; color: #ff072a; border-color: rgba(255,255,255,.1); border-radius: 0px; text-align: center; text-indent: 0px; margin: 3% auto; border: #ff072a 1px solid; background: rgba(255,255,255,.0); width: 180px; display: block; transition: all ease-out .3s; }

.bcon_item:hover { box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); }

.index_content_in a.more:hover { border-color: #ff072a; text-indent: 0px; text-align: center; background-color: #ff072a; color: #fff; }

/* Brnad List */

.p_content .b_content { width: 100%; height: auto; float: left; }

.b_content .sort-box { height: 38px; width: 1198px; border: 1px solid #e8e8e8; background: #f7f7f7; overflow: hidden; }

.sort-box a:hover, .sort-box a.selected { color: #333; background: #fff; }

.sort-box a { display: block; float: left; margin-left: -1px; padding: 0 25px; line-height: 38px; height: 38px; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; color: #333; font-size: 12px; }

/* Brand Show */

.p_content .p_content_b{ width: 100%; height: auto; float: left; }

.p_content_b .p_content_list { width: 1220px; margin-left: -5px; margin-top: 15px; padding-left: 5px; height: auto; position: relative; -webkit-transition: 0s cubic-bezier(0.5, 0.2, 0.2, 1); transition: 0s cubic-bezier(0.5, 0.2, 0.2, 1); -webkit-transform: translate3d(0px, 0px, 0px); }

.p_content_b h3 { height: 40px; line-height: 40px; color: #333; border: 1px solid #e8e8e8; padding-left: 20px; margin: 5px 0px; text-align: left; font-family: "微软雅黑"; font-size: 14px; font-weight: 400; background: #f7f7f7; }

/* Contact Page */
.contact_bd { width: 1200px; min-height: 378px; height: auto; line-height: 24px; font-size: 13px; color: #6a6a6a; margin: 30px 0px 0px 0px; }

.contact_l { padding: 40px; width: 300px; background-color: #fff; float: right; height: auto; }

.contact_l .title { float: left; width: 300px; height: 40px; font-size: 18px; color: #666; clear: both; line-height: 40px; }

.contact_l ul { width: 300px; margin-top: 30px; float: left; }

.contact_l ul li { float: left; margin-bottom: 5px; font-size: 12px; color: #6f6f6f; width: 100%; line-height: 1.8em; }

.contact_l .guest { float: left; margin-top: 20px; }

.contact_l .guest .qq, .contact_l .guest .qq1 { width: 100px; height: 33px; line-height: 33px; text-align: center; display: inline-block; background: #999; transition: all ease-out .3s; margin-right: 15px; }

.contact_l .guest a { color: #fff; }

.contact_l .guest .qq:hover { background: #ff072a; }

.contact_l .guest .qq1:hover { background: #ff072a; }

.contact_r { width: 720px; padding: 30px; height: 334px; float: left; background-color: #fff; }

#companymap { width: 720px; height: 334px; }

.content_bd .content_list .qq_list { width: 200px; padding: 20px; float: left; height: 80px; background: #fff; margin-right: 20px; margin-top: 10px; margin-bottom: 10px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.qq_list .qq_p { margin-top: 10px; line-height: 30px; height: 30px; }

.qq_list .qq_p i { float: left; display: block; margin-right: 10px; width: 30px; height: 30px; background: url(../image/all1.png) no-repeat; background-position: -470px 0px; }

.content_map { width: 1170px; padding: 15px; height: auto; margin: 50px auto; background: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.box-hd h3 { text-align: left; font-size: 20px; line-height: 28px; margin-bottom: 20px; color: #333; font-weight: normal; }

.message { width: 680px; float: left; }

.message-box { position: relative; padding: 10px; border: 1px solid #f6f6f6; background: #fff; font-size: 14px; }

.message-box dl { display: block; padding: 5px 0; }

.message-box dl dt { display: block; float: left; width: 70px; line-height: 32px; min-height: 32px; color: #555; font-size: 13px; text-align: left; _position: absolute; }

.message-box dl dd { position: relative; line-height: 20px; min-height: 20px; color: #555; font-size: 13px; overflow: hidden; _margin-left: 70px; }

.product_d { float: left; padding: 35px; background-color: #FFF; width: 710px; border: 1px solid #e8e8e8; height: auto; }

.content_right { float: right; height: 490px; width: 300px; padding: 40px; border: 1px solid #e8e8e8; }

.box-bd3 { height: auto; width: 100%; position: relative; overflow: hidden; margin: 0 auto; _height: 100%; }

.box-bd3 ul { margin-bottom: 20px; width: 330px; padding: 10px; }

.bg_fafafa { background-color: #fafafa; }

.box-bd3 ul li { width: 100%; font-size: 14px; margin-bottom: 5px; }

/* Service page */
.content_list .service_item { height: 430px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-color: #fff; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); }

.content_list .service_item a { display: block; width: 320px; height: 120px; margin: 50px auto 20px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.content_list .service_item a img { width: 320px; height: 120px; }

.service_item div { text-align: center; margin-top: 15px; }

.service_item div p.title { color: #6C6C6C; width: 70%; padding: 0 15%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; height: 40px; line-height: 40px; transition: all ease-out .2s; }

.service_item div p.en_title { text-align: center; font-size: 12px; color: #b2b2b2; margin-top: 0px; }

.service_item div hr { height: 1px; border: none; border-top: 1px solid #b2b2b2; width: 120px; }

.service_item div p.description { color: #7B7B7B; text-align: left; font-size: 12px; height: 100px; overflow: hidden; width: 70%; margin-top: 20px; padding: 0 15%; transition: all 0.2s ease-out 0s; line-height: 24px; }

/* Service Show Page */
.service_bd { width: 1200px; height: auto; padding: 40px 0; line-height: 24px; font-size: 13px; color: #6a6a6a; margin: 30px 0px 0px 0px; }

.service_l { width: 817px; height: auto; padding: 30px; float: left; background: #fff; }

.service_l p { word-wrap: break-word; word-break: normal; }

.service_l .case_words img { margin: 30px 0; text-align: center; }

.service_words { height: auto; float: left; width: 100%; }

.service_words h3 { font-size: 14px; background-color: #ff072a; color: #fff; float: left; padding: 8px 20px; margin: 25px 0px; }

.service_words .p_list { width: 100%; height: auto; overflow: hidden; margin: 20px auto; display: block; float: left; }

.service_words .p_item { width: 260px; float: left; margin-right: 10px; }

.p_item img { margin: 0 auto; width: auto; height: auto; display: block; }

.p_item .p_title { text-align: center; color: #373737; font-size: 14px; display: block; height: 42px; line-height: 42px; overflow: hidden; }

.p_item .p_subtitle { color: #999; font-size: 12px; width: 200px; text-align: center; display: block; line-height: 26px; height: 52px; margin: 0 auto; overflow: hidden; }

.service_words .p_list4 { width: 100%; height: auto; overflow: hidden; margin: 20px auto; display: block; float: left; }

.service_words .p_item4 { width: 190px; float: left; margin-right: 14px; }

.p_item4 img { margin: 0 auto; width: auto; height: auto; display: block; }

.p_item4 .p_title { text-align: center; color: #373737; font-size: 14px; display: block; height: 42px; line-height: 42px; overflow: hidden; }

.service_words .p_item5 { width: 102px; float: left; margin-right: 60px; }

.p_item5 img { margin: 0 auto; width: auto; height: auto; display: block; }

.p_item5 .p_title { text-align: center; color: #373737; font-size: 14px; display: block; height: 42px; line-height: 42px; overflow: hidden; }

/*Public*/
.banner_boxs { position: relative; width: 100%; height: 300px; }

.banner_boxs img { width: 100%; height: 300px; vertical-align: top; }

.banner_boxs .focus-text { bottom: 50px; position: absolute; z-index: 2; color: #fff; top: 25%; left: 0; width: 100%; text-align: center; }

.banner_boxs .focus-text .p1 { font-size: 36px; width: auto; }

.banner_boxs .focus-text .p2 { font-size: 48px; line-height: 60px; height: 60px; font-family: "微软雅黑"; }

.banner_boxs .focus-text .p3{ width:700px; border-top:1px solid #FFF; margin:0 auto;} 

.content { width: 100%; height: auto; position: relative;}

.content_in { width: 1140px; margin: 0 auto; min-width: 1140px; height: auto; position: relative; padding:0 30px 20px; background:#FFF; }

.content_header { width: 1200px; padding-top: 70px; padding-bottom: 30px; height: auto; }

.content_header p { text-align: center; }

.content_header p.title { color: #444; font-size: 26px; line-height: 40px; }

.content_header p.subtitle { color: #c1c1c1; font-size: 12px; line-height: 30px; }

.content .content_category { text-align: center; height: auto; }

.content .content_category a { height: 16px; padding: 8px 30px; color: #616161; transition: all 0.3s ease-out 0s; border: #d2d2d2 1px solid; margin-right: 10px; line-height: 16px; display: inline-block; }

.content .content_category a.active, .content .content_category a:hover { background: #7d7d7d; color: #fff; border: 1px solid #7d7d7d; }

.content_bd { width: 1200px; height: auto; margin: 0 auto; }

.content_words { width: 950px; margin: 0 auto; }

.content_words p { text-align: center; font-size: 14px; color: #666; font-weight: 100; line-height: 2; font-family: "微软雅黑"; letter-spacing: 1px; }

.content_words img { width: 950px; margin: 30px 0; }

.content_bd .content_list { width: 1250px; height: auto; margin-top: 50px; margin-right: auto; padding-left: 10px; margin-left: -10px; margin-bottom: 0; overflow: hidden; }

.content_list li { width: 360px; padding: 10px; float: left; height: 300px; background: #fff; margin-right: 20px; margin-top: 10px; margin-bottom: 10px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.content_list li img { width: 100%; height: 200px; vertical-align: top; }

.content_list li p { margin-top: 30px; font-size: 14px; }

.content_list li:hover { box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.16) }

.content_list h3 { color: #444; line-height: 30px; margin: 10px 0; }

.content_list li .news_tem { margin: 0px 0px 15px 0px; color: #666; }

.content_list .news_ht { height: 350px; margin-right: 25px; }

.content_list .news_ht .news_more { font-size: 14px; color: #999; float: right; display: inline-block; margin-right: 10px; margin-top: 15px; height: 26px; overflow: hidden; }

.content_list .news_ht:hover .title { color: #db4527; }

.content_list .news_ht p.title { font-size: 18px; width: 100%; color: #444; height: 30px; line-height: 30px; margin: 10px 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.content_list li .news_tem { margin: 0px 0px 15px 0px; color: #666; }

.content_list .news_ht { height: 350px; margin-right: 25px; }

.content_list .news_ht .news_dt { width: 50%; float: left; font-size: 14px; color: #999; display: inline-block; height: 26px; overflow: hidden; }

.content_list .news_ht a.morelink { width: 40%; font-size: 14px; color: #999; text-align: right; float: right; display: inline-block; margin-right: 10px; height: 26px; overflow: hidden; }

.news_ht a.morelink:hover { color: #db4527; }

/*页码容器*/
.page-box { width: 100%; height: auto; float: right; margin-top: 15px; color: #999; font-size: 14px; }

.pages { height: 36px; width: auto; text-align: center; float: right; }

.pages a { width: 36px; height: 36px; background: #f0f0f0; display: block; float: left; color: #a9a9a9; line-height: 36px; text-align: center; font-family: Arial; margin-right: 5px; transition: background-color 0.2s ease-out }

.pages span { background: none; display: block; float: left; width: 36px; height: 36px; margin-right: 5px; text-align: center; line-height: 36px; }

.pages a:hover, .pages a.active { background-color: #db4527; }

.pages a:hover, .pages a.active { color: #fff; }

.pages a.page-prev { background: url(../image/arrow.png) no-repeat 0px -36px; display: inline-block; background-color: #f0f0f0; float: left; }

.pages a.page-prev:hover { background-position: -36px -36px; background-color: #db4527; }

.pages a.page-next { background: url(../image/arrow.png) no-repeat -36px 0px; display: inline-block; background-color: #f0f0f0; float: left; }

.pages a.page-next:hover { background-position: 0px 0px; background-color: #db4527; }

/*文本框样式*/
.form-box input.wide{ width:300px; }

.form-box input.txt{ width:300px; }

.form-box input.small{ width:50px; }

.btn { background: #1e7bb3; border: 1px solid #02598E; border-radius: 2px; vertical-align: middle; }

.btn { display: inline-block; margin: 0; padding: 0 20px; color: #fff; font-size: 12px; height: 38px; line-height: 38px; text-align: center; }

.form-box textarea{ display:inline-block; width:300px; height:120px;}

.input{ display:inline; margin-right:5px; padding:7px; height:20px; line-height:20px; vertical-align:middle; background:#fff; color:#999px; border:1px solid #e8e8e8; border-radius:2px; }

.form-box .select{ padding:7px; border:1px solid #e8e8e8; line-height:20px; }

.form-box { position: relative; border: 1px solid #f6f6f6; background: #fff; font-size: 14px; }

.form-box dl { display: block; padding: 5px 0; }

.form-box dl:after { clear: none; content: ""; display: block; height: 0; visibility: hidden; }

.form-box dl dt { display: block; float: left; width: 120px; line-height: 38px; min-height: 38px; color: #555; font-size: 13px; text-align: right; _position: absolute; }

.form-box dl dd { position: relative; padding: 5px 0 5px 10px; line-height: 28px; min-height: 28px; color: #555; font-size: 13px; overflow: hidden; _margin-left: 120px; }

.form-box dl dd label.radio { margin-right: 5px; }