@charset "utf-8";

/* CSS Document */

body, button, input, select, textarea { background: none repeat scroll 0 0 #fff; color: #777; font: 14px/1 "Arial","微软雅黑"; margin: 0; padding: 0; overflow: hidden; }

h1, h2, h3, h4, h5, h6 { font-size: 14px; padding: 0; margin: 0; }

ul, ol, li, dl, dt, dd { list-style: none; text-decoration: none; height: auto; padding: 0; margin: 0; }

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */

code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */

small { font-size: 14px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */ border-bottom: 1px dotted; cursor: help; }

q:before, q:after { content: ''; }

p { margin: 0; padding: 0; }

/* 重置表单元素 */

legend { color: #777; } /* for ie6 */

fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */

/* 注：optgroup 无法扶正 */

button, input, select, textarea { font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */ }

/* 重置表格元素 */

/* 重置 hr */

hr { border: none; height: 1px; }

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */

html { overflow-y: scroll; }

:link { text-decoration: none; color: #777; }

:visited { text-decoration: none; color: #777; }

.fl { float:left;}

.fr { float:right;}

/*======================公用样式=======================*/

.warp { width:100%; margin: 0 auto; overflow: hidden; }

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

.logo { width:240px; height:100px; position:absolute; top:0; left:0; background:url(../images/logo.jpg) no-repeat;}

.lang { height:15px; line-height:15px; position:absolute; top:25px; left:667px; color:#666;}

.lang a { color:#666;}

.lang span { padding:0 12px;}

.top_tel { width:150px; height:18px; line-height:18px; position:absolute; top:23px; left:788px; background:url(../images/top_tel.jpg) no-repeat 0 0; text-indent:25px; color:#da2b00;}



.search_info { width:257px; height:32px; overflow: hidden; position:absolute; top:16px; right:0; background:url(../images/search.jpg) no-repeat;}

.search_info_txt { display:inline; float:left; height:32px; width:225px; }

.search_info_txt_css { background-color: transparent; border-color: -moz-use-text-color; border-style: none; border-width: 0; color:#999; float: left; height:32px; line-height:32px; overflow: hidden; width:225px; text-indent:10px;}

.search_info_btn { float: right; height:32px; width:32px; }

.search_info_btn_css { background-color: transparent; border-color: -moz-use-text-color; border-style: none; border-width: 0; color:#999; float: left; height:32px; overflow: hidden; width:32px; cursor:pointer; }



.menu { position:absolute; top:45px; right:0; }

.menu li { float:left; height:55px;}

.menu li a { display:block; color:#333; font-size:16px; margin:0 33px; line-height:53px;}

.menu li a:hover { display:block; color:#da2b00; border-bottom:2px solid #da2b00;}

.menu li:last-child{margin-right:0px;}

.m_f { margin-right:0 !important;}





#full-screen-slider { width:100%; height:700px; margin:0 auto; position:relative; margin-bottom:57px;}

#slides { display: block; width: 100%; height:700px; list-style: none; padding: 0; margin: 0; position: relative;  }

#slides li { display: block; width: 100%; height:700px; list-style: none; padding: 0; margin: 0; position: absolute; }

#slides li a { display: block; width: 100%; height: 100%; text-indent: -9999px }

#pagination { display: block; list-style: none; position: absolute; left:50%; top:95%; z-index: 9900; }

#pagination li { display: block; list-style: none; width:17px; height:17px; float: left; margin-left: 5px; background: #fff; border-radius:10px; }

#pagination li a { display: block; width: 100%; height: 100%; padding: 0; margin: 0; text-indent: -9999px; }

#pagination li.current { background: #000; }



/*======================首页样式=======================*/

.index_box { width:1200px; height:628px; margin:-110px auto 0; background:#fff; position:relative; z-index:9999; }

.index_box_main { padding:30px;}

.index_1 { width:1140px; height:274px;}

.index_about { width:700px; height:238px; float:left;}

.index_about_top { width:700px; height:33px; border-bottom:1px solid #d6d6d6;}

.index_about_top .tit { font-size:20px; color:#333; float:left;}

.index_about_top .more { font-size:12px; color:#999; line-height:27px; float:right;}

.index_about_con { width:700px; height:184px; margin-top:20px;}

.index_about_con .pic { width:200px; height:184px; float:left;}

.index_about_con img {width:200px; height:184px;}

.index_about_con .txt { width:478px; height:184px; float:right; line-height:30px;}



.index_pro { width:400px; height:238px; float:right;}

.index_pro_top { width:400px; height:33px; border-bottom:1px solid #d6d6d6;}

.index_pro_top .tit { font-size:20px; color:#333; float:left;}

.index_pro_top .more { font-size:12px; color:#999; line-height:27px; float:right;}

.index_pro_con { width:400px; height:190px; margin-top:20px;}

#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}

#playBox{ width:200px; height:190px; float:left; position:relative; overflow:hidden;}

#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}

#playBox .oUlplay li{ float:left; width: 200px; height: 198px;}

#playBox .oUlplay li img{ width:195px; height: 195px;}

#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../images/l.png) no-repeat; position:absolute; top:60px; left:6px; z-index:10;}

#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../images/r.png) no-repeat; position:absolute; top:60px; right:6px; z-index:10;}

#playBox .smalltitle {width:80px; height:10px; position:absolute; bottom:15px; left:57px; z-index:10}

#playBox .smalltitle ul{ width:80px; margin:0 auto; display:block;}

#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#999; float:left; overflow:hidden;*display:inline;*zoom:1;}

#playBox .smalltitle .thistitle{ background:#a2002f;}

.index_cat { width:158px; height:183px; float:right; margin-top:1px;}

.index_cat li { width:158px;  line-height:30px; background:url(../images/d1.jpg) no-repeat 0 12px; text-indent:19px;}



.index_2 { width:1140px; height:270px;}

.index_news { width:700px; height:270px; float:left;}

.index_news_top { width:700px; height:33px; border-bottom:1px solid #d6d6d6;}

.index_news_top .tit { font-size:20px; color:#333; float:left;}

.index_news_top .more { font-size:12px; color:#999; line-height:27px; float:right;}

.index_news_con {width:700px; margin-top:20px;}

.index_news_con .pic { width:200px; height:190px; float:left;}

.index_news_con img {width:200px; height:190px;}

.index_news_con .news_fr { width:478px; height:182px; float:right; margin-top:8px;}

.index_news_con .news_fr .news_top {width:478px; height:87px; border-bottom:1px solid #d6d6d6;}

.index_news_con .news_fr .news_top .tit {width:478px; height:20px; }

.index_news_con .news_fr .news_top .tit span { width:330px; display:block; float:left;}

.index_news_con .news_fr .news_top .tit span a { display: inline-block;color:#333;overflow: hidden; text-overflow: ellipsis;height:20px;  width: 100%; white-space: nowrap;}

.index_news_con .news_fr .news_top .tit em {display:block; float:right; font-size:12px; color:#999;}

.index_news_con .news_fr .news_top .txt {width:478px; height:55px; line-height:23px; font-size:12px; color:#999;}

.index_news_con .news_fr .news_list {width:478px; height:92px; margin-top:10px;}

.index_news_con .news_fr .news_list li {width:478px; line-height:30px;}

.index_news_con .news_fr .news_list li span { width:330px; display:block; float:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.index_news_con .news_fr .news_list li span a { color:#333;}

.index_news_con .news_fr .news_list li em {display:block; float:right; font-size:12px; color:#999;}



.index_contact { width:430px; height:245px; float:right;}

.index_contact_top { width:400px; height:33px; border-bottom:1px solid #d6d6d6; margin-left:30px;}

.index_contact_top .tit { font-size:20px; color:#333; float:left;}

.index_contact_top .more { font-size:12px; color:#999; line-height:27px; float:right;}

.index_contact_con { width:430px; height:190px; margin-top:20px; margin-left:30px;}

.index_contact_con .pic { width:200px; height:190px; float:left;}

.index_contact_con .pic img {width:200px; height:190px;}

.index_contact_con .txt { width:199px; height:190px; float:right; background:url(../images/index_contact_bg.jpg) no-repeat; position:relative; font-size:12px;}

.index_contact_con .txt .add { width:150px; position:absolute; top:1px; left:29px; line-height:30px;}

.index_contact_con .txt .tel { width:150px; position:absolute; top:60px; left:29px; line-height:30px;}

.index_contact_con .txt .fax { width:150px; position:absolute; top:129px; left:29px;}

.index_contact_con .txt .email { width:170px; position:absolute; top:160px; left:29px;}









/*=======================内页样式=======================*/

.inner_ban { width:100%; height:300px; background:url(../images/inner_ban.jpg) no-repeat center;}

.page_banner{background:url(../images/page_banner.jpg) no-repeat center;}

.contact_banner{background:url(../images/contact_banner.jpg) no-repeat center;}

.news_banner{background:url(../images/news_banner.jpg) no-repeat center;}

.job_banner{background:url(../images/job_banner.jpg) no-repeat center;}

.prodcuts_banner{background:url(../images/prodcuts_banner.jpg) no-repeat center;}

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







.left { width:240px; float:left; margin-top:-90px; margin-bottom:50px;}

.left_tit { width:240px; height:130px; background:#da2b00; position:relative;}

.left_tit span { position:absolute; top:33px; left:40px; font-size:34px; color:#fff;}

.left_tit em { position:absolute; top:86px; left:41px; font-size:16px; color:#fff;}



.left_cat { width:240px;}

.left_cat li {width:240px; height:51px; line-height:51px; background:url(../images/left_cat_li.jpg) no-repeat; text-indent:64px; font-size:16px; position:relative;}

.news_cat li {line-height:30px;}

.left_cat li a { display:block; color:#333;}

.left_cat li a:hover {display:block; color:#da2b00; background:url(../images/left_cat_lia.jpg) no-repeat;}

#nav ul { width:240px; list-style: none;  padding: 0px; margin: 0px;  border-bottom: 0px; text-indent:14px; position:absolute; top:46px; left:0; }

#nav li ul { position: absolute; left: -999em; z-index:999; width:240px; font-weight: normal; margin: 0px; padding: 0px; }

#nav li li { width: 240px; font-size:14px; text-indent:50px;}

#nav li ul a { width: 240px; padding: 0px 12px; text-align: left; }

#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }

#nav li:hover ul, #nav li.sfhover ul { left: 240px; top: 0px; }

#nav li:hover, #nav li.sfhover {   }

* html #nav li { float: left; height: 1%; }

* html #nav li a { height: 1%; }

#nav li ul ul { margin: 0px 0 0 240px; }







.right { width:940px; overflow:hidden; float:left; margin-left:20px;  margin-bottom:50px;}

.location {width:940px; line-height:40px; color:#333;}

.location a { color:#333;}



.inner_pro { min-height: 550px; }

.inner_pro li { width:227px; height:254px; float:left; margin-right:10px; margin-bottom:10px;}

.inner_pro li img { width:227px; height:216px; display:block; border:#ccc solid 1px;}

.inner_pro li span { display: block; width:227px; line-height:24px; text-align:center;}

.inner_pro li span a { color:#333;}

.inner_pro li:nth-child(4n) { margin-right:0;}



.about { line-height:25px; overflow:hidden; color:#333;}

.gallery ul li{ float:left; width:300px; height: 200px; margin-right: 10px; margin-bottom: 10px;}

.gallery ul li:nth-child(3n){ margin-right:0px; }

.article_page_link { 

    height: 30px;

}

.article_page_link .current{ background:#da2b00; color: #fff;}

.article_page_link .current a{color: #fff;}

.about_hz { margin-top:50px;}

.about_hz .tit { width:100%; height:36px; font-size:16px; }

.about_hz ul { display:block;}

.about_hz ul li { width:148px; height:76px; float:left; margin-right:10px; margin-top:10px;}

.about_hz ul li:nth-child(6) { margin-right:0;}



.show_pro { overflow:hidden;  line-height:20px;}



.contact_location { line-height:39px;color:#333;}

.contact_location a { color:#333;}

.contact_tit { width:1200px; height:181px; background:url(../images/contact_tit.jpg) no-repeat; margin-bottom:48px;}

.contact_tit span { display:block; width:1200px; height:83px; text-align:center; font-size:24px; color:#333;}

.contact_tit em { display:block; width:1200px; line-height:28px; text-align:center;}

.contact_lx { width:1200px; height:195px; background:url(../images/contact_lx.jpg) no-repeat; position:relative;}

.contact_lx span { display:block; height:27px; font-size:16px; color:#da2b00;}

.contact_lx p { line-height:24px;}

.contact_lx .add { width:175px; position:absolute; top:0; left:99px;}

.contact_lx .tel { width:175px; position:absolute; top:0; left:409px;}

.contact_lx .fax { width:175px; position:absolute; top:0; left:719px;}

.contact_lx .email { width:170px; position:absolute; top:0; left:1030px;}

.contact_box { width:1200px; height:530px; margin-bottom:100px;}

.contact_box .map { width:600px; height:530px; float:left;}
.contact_box .map iframe{ width:100%;}

.form-text { width:570px; height:530px; float:right;}

.form-text-l { float: left; overflow: hidden; width:570px; }

.form-text-l input { width: 553px; padding-left:15px; height:48px; color:#a3a3a3; border:1px solid #dadada; background:#fff; margin-bottom:20px; }

.form-text-l input:first-child { margin-top: 0; }

.form-textarea { overflow:hidden; width:570px; }

.form-textarea textarea { display:block; width:538px; height:158px; padding:10px 15px; border:1px solid #dadada; color:#a3a3a3; margin-bottom:20px; }

.form-btn { }

.form-btn input { display:block; width:570px; height:50px; line-height:50px; text-align:center; font-size:16px; background:#da2b00; color:#fff; border:none; margin:0 auto; cursor:pointer; -webkit-transition: 0.5s; transition: 0.5s; }

.form-btn input:hover { background:#222; }





.joblist { width:100%;}

.jonav li { width: 25%; }

.jot {margin-left: 55px;  }



.jot span { display: block;background:#da2b00; color:#fff; width: 14%; float: left; line-height: 47px; height: 47px; overflow: hidden; }

.jot span:first-child { padding-left: 4%; width: 26%; }

.jod > span { background: #eee; color: #666; cursor: pointer; transition: 300ms; -webkit-transition: 300ms; }

.jotxs { position: relative; margin-bottom:15px; overflow: hidden; }

.jos { margin-left: 55px; display: none; padding-right: 1px; }

.jos .bodr { border: 1px solid #da2b00; overflow: hidden; padding: 30px 5% 30px 5%; border-top: 0; line-height: 30px; }

.jos .bodr span { display: block; border-top: 1px solid #eee; padding-top: 20px; margin-top: 20px; }

.jotxs .line { background: #da2b00; display: block; position: absolute; }

.jotxs .line_1 { width: 21px; height: 1px; top: 23px; left: 15px; }

.jotxs .line_2 { width: 1px; height: 21px; top: 13px; left: 25px; }

.jotxs .arrow { width: 55px; height: 47px; position: absolute; top: 0; left: 0; transition: 300ms; -webkit-transition: 300ms; }

.jotxs:hover .jod > span, .jotxs.act .jod > span { background: #da2b00; color: #fff }

.jotxs.act .arrow { transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); }

.jo2 { padding-bottom: 6.2%; }

.jos a { color: #0668b2 }

select.selbox { width: 100%; height: 48px; line-height: 48px; padding: 0px; outline: none; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: "microsoft yahei"; cursor: pointer; display: block; font-size: 14px; padding-left: 14px; border: 1px solid #da2b00; color: #666 }

.no-csstransitions select.selbox { padding-left: 0; background-image: none; }

select.selbox option { padding: 2px 12px; }

select.selbox:hover { color: #323232; }

.jobview { width: 100%; margin-top: 30px; margin-bottom: 50px; }

.jobview .list { margin-top: 30px; }

.jobview .list dd { width: 48.5%; display: block; margin-bottom: 20px; margin-right: 3%; float: left }

.jobview .list dt { width: 100%; display: block; }

.jobview .list dd:nth-child(2n+2) { margin-right: 0 }

.jobview .list .txt { background-color: #fff; border: 0px none; padding: 10px 12px; box-sizing: border-box; width: 100%; font: 14px/1.8 "microsoft yahei"; border: 1px solid #ddd; color: #999 }

.jobview .list .txt2 { height: 200px; margin-bottom: 0px; }

.jobview .list .btn { text-align: center; margin: 20px auto; }

.jobview .list .fromBtn { display: inline-block; width: 100%; max-width: 150px; margin: 0px auto; height: 50px; line-height: 50px; text-align: center; font-size: 14px; color: #fff; background-color: #0769b2; border: 0px; border-radius: 5px; margin-right: 20px; cursor: pointer }

.jobview .list .fromBtn:hover { background-color: #045b9c; }













.news { overflow:hidden; }

.top_news { width:940px; height:240px; overflow:hidden; margin-bottom:40px;  }

.top_news li {width:940px; height:240px; overflow:hidden; position:relative;}

.top_news li img { width:380px; height:240px; position:absolute; top:0; left:0;}

.top_news li .ntit { width:540px; overflow:hidden; position:absolute; top:0; left:400px; font-size:20px;line-height: 26px; height: 26px;

text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}

.top_news li .ntit a { color:#333;}

.top_news li .ntit a:hover { text-decoration:underline;}

.top_news li .time { position:absolute; top:30px; left:400px;}

.top_news li .txt { width:540px; height:140px; overflow:hidden; line-height:27px; position:absolute; top:64px; left:400px;}

.top_news li .more { position:absolute; top:226px; left:400px;}



.owl-stage { width:100%;}

.owl-item { width:300px; height:226px; float: left;margin-right:20px; }

.owl-item li { width:300px;  background: #fff; transition: 460ms; }

.owl-item:nth-child(3n) { margin-right:0;}

.owl-item li figcaption {transition: 460ms; border-top: 8px solid #eee; position: relative; }

.owl-item li figcaption .mask { height: 8px; width: 0px; transition: 460ms; background: #333; position: absolute; left: 0; top: -8px; }

.owl-item li:hover figcaption .mask { height: 8px; width: 100%; transition: 460ms; background: #333; }

.owl-item li figcaption H4 { font-size: 16px; font-weight: normal; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;color: #333; padding: 10px 0px; border-bottom: 1px solid #eee; transition: 460ms; }

.owl-item li figcaption H6 { font-size: 12px; font-weight: normal; padding: 15px 0px; overflow: hidden; margin-bottom: 10px; line-height: 25px; text-align: left; color: #999; transition: 460ms; border-bottom: 1px solid #eee; }

.owl-item li:hover figcaption H4 { color: #000; }

.owl-item li figcaption .time { float: left; font-size: 12px; color: #999; transition: 460ms; }







.shownews { }



.shownews a:hover { text-decoration: underline;}

.shownews .title { background:#e7e7e7; height:65px;  text-align: center; }

.shownews .title h1 { color:#000; font-size:14px; line-height:40px;}

.shownews .title span { line-height:18px;}

.shownews DIV.text { padding-top:25px; }.hr { color: #666666; margin: 20px 0; }

.hr a { color: #D2211F; padding: 0 10px; text-decoration: underline; }

table.job { border-collapse: collapse; color: #777777; width: 100%; }

table.job th, .job td { border: 1px solid #DDDDDD; }

table.job th { background-color: #ffffff; height: 40px; line-height: 40px; text-align: center; }

table.job td { background: none repeat scroll 0 0 #FFFFFF; padding: 10px; text-align: center; }

table.job a.close { height: 28px; line-height: 28px; }

table.job .jobdetail { background: url("../images/jobdetail.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 24px; margin: 0 auto; width: 76px; }

table.job .mydiv { left: 50%; margin: -135px 0 0 -325px; position: fixed !important; top: 30%; width: 650px; z-index: 999; }

table.job .mydiv table { border-collapse: collapse; color: #777777; line-height: 22px; }

table.job .mydiv table .alignleft { text-align: left; }

.guestbook { padding-top:30px;}

.guestbook table th { color:#777; text-align:left;}

.guestbook table td input,.guestbook table td textarea{ border:1px solid #777; background:#f0f0f0;}

.red{ color:red}

#inquiry_form input,#inquiry_form img{ vertical-align:middle;}

/*新闻中心页面和新闻终端页面样式*/

.newslist{}

.newslist table{ width:100%; border-left:1px #999 solid; border-top:1px #999 solid; color:#666; margin:0 0 20px 0;}

.newslist table td{ padding:10px 15px; border-bottom:1px #999 solid; border-right:1px #999 solid;}

.newslist table a{ color:#792C21; font-weight:bold;}

.newslist table .newslist-1{ width:68%; background:#FFF;}

.newslist table .newslist-2{ width:16%; background:#FFF; text-align:center;}

.newslist table .newslist-3{ width:16%; background:#FFF; text-align:center;}



.single h1{ padding:7px 0; color:#333; text-align:center; font-size:14px; border-bottom:#666 1px dotted;}

.single span.title{ display:block; width:100%; padding:5px 0; color:#666; text-align:center;}

.single p{ margin:20px 0; line-height:22px; color:#000;}

.back { height:27px; padding:7px 0; text-align:right;}

.back a{ width:116px; height:27px; color:#3487D1;}

/*在线询盘页面样式*/

.inquiry_form { padding:10px 0 0 30px; color:#000; font-family:Tahoma; }

.inquiry_form tr{ margin:0 0 15px 0;}

.inquiry_form th { text-align:right; padding:0 10px 0 0; font-weight:normal;}

.inquiry_form td input,.inquiry_form td textarea { border:1px solid #bbb; padding:2px;}

.inquiry_form td .btn_box { width:60px; height:24px; border:1px solid #bbb; background:#e6e6e6 url(../images/inquiry_btn.jpg) repeat-x; color:#333; cursor:pointer;}



/*产品终端开始*/

.products_date { overflow:hidden;}



.products_pic{ width:402px; height:auto; margin-bottom:50px; float:left; overflow:hidden;}

.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}

.jqzoom img{width:400px;height:381px; background:url(../images/loading.gif) no-repeat center center;}

.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:400px;height:381px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}

.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/

.spec-preview{width:402px;height:381px;border:1px solid #DFDFDF;}

.spec-scroll{clear:both; padding-top:5px;width:402px;}

.spec-scroll .prev{float:left;margin-right:4px;}

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

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

.spec-scroll .items{float:left;position:relative;width:370px;height:56px;overflow:hidden;}

.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}

.spec-scroll .items ul li{float:left;width:62px;text-align:center;}

.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}

.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}









.product-intro { width:500px; padding-top:10px; float:right;}

.product-intro h1{color:#222; font-size:24px; margin-bottom:11px;}

.product-intro p {color:#5e7387; margin-bottom:11px; line-height:25px;}

.product-intro ul { display:block; border-top: 1px solid #f0f2f5;}

.product-intro ul li {border-bottom: 1px solid #f0f2f5; padding:5px 0;}

.product-intro ul li span { font-weight:bold;}



.other h3{ font-weight:bold; font-size: 18px; margin-top: 12px; text-indent: 10px;}

.other, .other ul { float: left; font-size: 12px; line-height: 22px; width: 100%; }

.other_tit { border-bottom: 1px dashed #222222; font-size:14px; height: 40px; line-height: 40px; padding-top: 10px; }

.other ul { margin: 20px 0; }

.other li { float: left; margin-right: 20px; width: 171px; }

.other li a { display:block; }

.other li a:hover { display:block; text-decoration: underline;}

.other img { background: none repeat scroll 0 0; border: 1px solid #ccc; border-radius:5px; box-shadow:2px 2px 2px rgba(0,0,0,.4); display: block;  margin: 0 auto; width: 100%; }

.other span { display: block; font-size: 11px; height: 22px; line-height: 22px; text-align: center; }

.other li:nth-child(5){ margin-right: 0px;}



 .swiper-container {

      width: 100%;

      height: 140px;

      margin-left: auto;

      margin-right: auto;

    }

    .swiper-slide {

      text-align: center;

   



      /* Center slide text vertically */

      display: -webkit-box;

      display: -ms-flexbox;

      display: -webkit-flex;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      -webkit-justify-content: center;

      justify-content: center;

      -webkit-box-align: center;

      -ms-flex-align: center;

      -webkit-align-items: center;

      align-items: center;

    }





#preview { float: none; padding: 15px 0; width: 400px; float: left; }

.proinfo_two { clear:both; border-color: #CCCCCC; border-style: solid; border-width: 1px; height: auto; }

.proinfo_two .pro_description { background: none repeat scroll 0 0 #4F5152; font-weight: bold; height: 28px; line-height: 28px; text-indent: 10px; color:#ffffff; }

.proinfo_two .pro_description_cont { height: auto !important; overflow: visible; padding: 10px; }

/*产品终端结束*/

/*======================分页样式=======================*/

.pager { margin:20px auto 0;  padding: 5px 0; clear:both; }

.page_link { height: 22px; padding: 0 20px; font-size: 11px; color: #777;}

.pager span { line-height: 20px; background: #F0F0F0; margin: 0px 2px; padding: 0 0.6em; float:left; }

.pager span a { display: block; }

.page_link_total { color: #777; }

.page_link_now { font-weight: bold; color: #d2211f; }



/*======================底部样式=======================*/

.foot { width:100%; height:75px; background:#5e5e5e; clear:both;}

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

.foot_con a {color:#a0a0a0;}

.foot_con_fl { float:left; text-indent:14px; line-height:75px; color:#a0a0a0;}

.foot_con_fr { float:right; line-height:75px; color:#a0a0a0;}