@charset "utf-8";
/* CSS Document */
/*===============================================================重置部分*/
body, button,  select, textarea { background: none repeat scroll 0 0 ; color: #373737; font: 12px/1 Arial,微软雅黑; margin: 0; padding: 0; overflow: hidden; }
h1, h2, h3, h4, h5, h6 { font-size: 12px; 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: 12px; } /* 小于 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: #373737; } /* 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: #373737; }
:visited { text-decoration: none; color: #373737; }
.l{ float:left; }
.r{ float:right;}
a{list-style:none; text-decoration:none ;  font-size:14px; display: inline-block;}
ul,li{ list-style:none;}

body{background: #fff;}
.wrap1000{ position: relative; width: 1000px; margin: 0 auto;}




/*==========head================*/
.seo_indexhead{ width: 100%; height: 510px !important; }
.head-wrap{  width: 100%; height: 400px;position: relative;}
.nav-wrap{width: 100%; height: 83px; background:url(../images/top-bg.png) center top no-repeat; position: absolute; top: 0px;z-index: 9999; }
.nav-wrap .nav{ position: relative;width: 1000px; margin: 0 auto; padding-top: 34px;}
.nav-wrap .nav li{float: left;}
.nav-wrap .nav li a{width: 57px; height: 35px; margin-right: 43px;}
.nav-wrap .nav .nav-li1 a{background:url(../images/nav-img1.png) 0 0 no-repeat;  width: 59px; margin-left: 43px;}
.nav-wrap .nav .nav-li2 a{background:url(../images/nav-img2.png) 0 0 no-repeat; }
.nav-wrap .nav .nav-li3 a{background:url(../images/nav-img3.png) 0 0 no-repeat; width: 58px; }
.nav-wrap .nav .nav-li4 a{background:url(../images/nav-img4.png) 0 0 no-repeat; margin-right: 192px; }
.nav-wrap .nav .nav-li5 a{background:url(../images/nav-img5.png) 0 0 no-repeat; width: 58px; }
.nav-wrap .nav .nav-li6 a{background:url(../images/nav-img6.png) 0 0 no-repeat; }
.nav-wrap .nav .nav-li7 a{background:url(../images/nav-img7.png) 0 0 no-repeat;  width: 59px; }
.nav-wrap .nav .nav-li8 a{background:url(../images/nav-img8.png) 0 0 no-repeat; width: 58px; }
.nav-wrap .nav .nav-li1 a:hover,.nav-wrap .nav .nav-li1 a.seo_sel_page{background:url(../images/nav-img11.png) 0 0 no-repeat;}
.nav-wrap .nav .nav-li2 a:hover,.nav-wrap .nav .nav-li2 a.seo_sel_page{background:url(../images/nav-img22.png) 0 0 no-repeat;}
.nav-wrap .nav .nav-li3 a:hover,.nav-wrap .nav .nav-li3 a.seo_sel_page{background:url(../images/nav-img33.png) 0 0 no-repeat;}
.nav-wrap .nav .nav-li4 a:hover,.nav-wrap .nav .nav-li4 a.seo_sel_page{background:url(../images/nav-img44.png) 0 0 no-repeat;}
.nav-wrap .nav .nav-li5 a:hover,.nav-wrap .nav .nav-li5 a.seo_sel_page{background:url(../images/nav-img55.png) 0 0 no-repeat;}
.nav-wrap .nav .nav-li6 a:hover,.nav-wrap .nav .nav-li6 a.seo_sel_page{background:url(../images/nav-img66.png) 0 0 no-repeat;}
.nav-wrap .nav .nav-li7 a:hover,.nav-wrap .nav .nav-li7 a.seo_sel_page{background:url(../images/nav-img77.png) 0 0 no-repeat;}
.nav-wrap .nav .nav-li8 a:hover,.nav-wrap .nav .nav-li8 a.seo_sel_page{background:url(../images/nav-img88.png) 0 0 no-repeat;}
.nav-wrap .logo{width:150px; height: 157px; position: absolute;left: 50%;margin-left: -75px; top: -21px; z-index: 99999; }


.lang-wrap{ overflow: hidden;width: 100%; height: 32px;background: url(../images/lan-bg.jpg) 0 0 repeat-x; }
.lang-wrap .wrap1000{overflow: hidden;}
.lang{ overflow: hidden;width: 186px;}
.linker a{ color:#fff;line-height:32px;}
.linker a:hover{ color:#FFA8A9;}
.lang p{ float: left;height: 30px; line-height: 30px; font-size: 12px; color: #fff;}
.lang span{ width:21px; height: 16px; background: url(../images/cn.png) 0 0 no-repeat; float: left; display: block;  margin-left: 7px; margin-top: 6px; }
.lang span a{width: 100%;height: 100%;}
.lang .cn{background: url(../images/cn.jpg) 0 0 no-repeat;}
.lang .en{background: url(../images/en.jpg) 0 0 no-repeat;}
.lang .jap{background: url(../images/jap.jpg) 0 0 no-repeat;}

/*==========index页面================*/
.index-list-wrap{width: 100%;height: 271px; background-color: #974844; padding-top: 20px;}
.index-list-wrap .index-list{overflow: hidden;width: 1000px; margin: 0 auto;position: relative; }
.index-list-wrap .index-list li{float: left;position: relative; width: 326px; height: 120px; margin-right: 11px; margin-bottom: 10px;-moz-box-shadow: 0px 5px 5px rgba(0,0,0,.2); /* 老的 Firefox */
box-shadow:0px 5px 5px rgba(0,0,0,.2);}
.index-list-wrap .index-list li:nth-child(3n){margin-right: 0px;}
.index-list-wrap .index-list img{ position: absolute;width: 100%;height: 100%;top: 0px; left: 0px;}
.index-list-wrap .index-list a{position: absolute; bottom: 16px; left: 16px; background:url(../images/more.png) 0 0 no-repeat; width:70px; height: 25px;  }
/*==================================index_banner=================================================== */
.banner-wrap{ width: 100%; height: 100%;}
.seo_banner_about{background: url(../images/about_ban.jpg) center 0 no-repeat;}
.seo_banner_group{background: url(../images/group_ban.jpg) center 0 no-repeat;}
.seo_banner_products{background: url(../images/products_ban.jpg) center 0 no-repeat;}
.seo_banner_news{background: url(../images/news_ban.jpg) center 0 no-repeat}
.seo_banner_guestbook{background: url(../images/service_ban.jpg) center 0 no-repeat}
.seo_banner_job{background: url(../images/job_ban.jpg) center 0 no-repeat}
.seo_banner_Marketing{background: url(../images/seo_ban.jpg) center 0 no-repeat}
.seo_banner_contact{background: url(../images/contact_ban.jpg) center 0 no-repeat}
.seo_banner_inquiry{}



#full-screen-slider {position:relative; overflow: hidden; width: 100%; height: 100%; }
#slides { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0 auto; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute;margin-left:-1px;}
#slides .ban1{ background: url(../images/ban-bg.jpg) no-repeat center top;}
#slides .ban2{ background: url(../images/index-ban2.jpg) no-repeat center top;}
#slides .ban3{ background: url(../images/index-ban3.jpg) no-repeat center top;}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute;margin-left:-1px;}
#pagination { display:block; list-style:none; position:absolute;bottom: 20px; width: 45px; height: 10px;z-index:9900;  margin-left:-22.5px; left: 50%; }
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:5px;background: #e9e9e9; border-radius: 50%; }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#e16f08; }


#full-screen-slider {position:relative; overflow: hidden; width: 100%; height: 100%; }
#slides { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0 auto; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute;margin-left:-1px;}
#slides .ban1{ background: url(../images/ban-bg.jpg) no-repeat center top;}
#slides .ban2{ background: url(../images/index-ban2.jpg) no-repeat center top;}
#slides .ban3{ background: url(../images/index-ban3.jpg) no-repeat center top;}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute;margin-left:-1px;}
#pagination { display:block; list-style:none; position:absolute;bottom: 20px; width: 45px; height: 10px;z-index:9900;  margin-left:-22.5px; left: 50%; }
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:5px;background: #e9e9e9; border-radius: 50%; }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#e16f08; }



.index-wrap .ban-wrap .banner{position: relative; width: 718px; height: 280px; margin-right: 10px;}
#slides li .ban-tit{position: absolute; left: 78px; top: 114px;}
#slides li .ban-tit img{ position: relative; display: block; }
#slides li .ban-tit .tit1{margin-bottom: 10px; width: 360px; height: 78px;}
#slides li .ban-tit .tit2{margin-bottom: 30px; width:192px; height: 60px; }
#slides li .ban-tit .tit3{width: 260px; height: 30px;}
#slides li .img{position: absolute; top: 24px; right: 0px; width:448px; height: 343px; }
/*======banner结束=======*/





/*======inner页面===========*/
.inner-wrap{width: 100%;height: auto; background-color: #974844; padding-top: 20px; padding-bottom: 30px;}
.inner-wrap .wrap1000{ overflow: hidden;}
.inner-wrap .l-nav-wrap{ position: relative; width:186px; padding: 14px 0 20px 35px; background:url(../images/inner-lbg.jpg) 0 0 no-repeat #83332F; margin-right: 20px;  }
.inner-wrap .l-nav-wrap h2{ font-size: 24px; font-family: '微软雅黑'; color: #fd7d78; font-weight: normal;}
.inner-wrap .l-nav-wrap .line{margin-top: 10px; margin-bottom: 18px; width: 72px; height: 1px; background-color:#fd7d78;}
.inner-wrap .l-nav-wrap .l-nav li{ margin-bottom: 10px; }
.inner-wrap .l-nav-wrap .l-nav a{ padding-left: 14px; font-size: 14px; font-family: '微软雅黑';color: #ffe3e2;  }
.inner-wrap .l-nav-wrap .l-nav a:hover,.inner-wrap .l-nav-wrap .l-nav a.seo_selNav{background: url(../images/arr.png) 0 center no-repeat; color: #ffb9b6;}'
.inner-wrap .l-nav-wrap .r-content{ padding: 6px 20px 50px 20px; color: #83332F;}
.inner-wrap .r-content .tit{text-align: left; line-height: 34px; height: 34px; border-bottom: 1px solid #AE716E;font-size: 14px; font-family: '微软雅黑'; color: #ffe3e2; margin-bottom: 10px;}

/*seo */
.inner-wrap .r-content .tit a{color: #ffe3e2;}



/*.inner-wrap .r-content .img{width: 719px; height: 257px; background:#A0A0A0; }*/


/*=========pro页面=======*/
.inner-wrap .r-content { background-color: #83332F; padding: 0 20px 50px 20px;}
/*seo fill 20150615*/
.inner-wrap .seo_pageWidth{ width: 719px; line-height:25px; color:#ffe3e2;}

.inner-wrap .r-content .pro-list{width: 719px; overflow: hidden;}
.inner-wrap .pro-list li{float: left; width: 233px; height:257px; margin-right: 10px; margin-bottom: 10px;}
.inner-wrap .pro-list li:nth-child(3n){ margin-right: 0px;}
ul.pro-list li.seo_margin_right0{ margin-right: 0px;}
.inner-wrap .pro-list a{ width: 100%; height: 100%;}
.inner-wrap .pro-list img{ width: 233px; height: 210px; background: #E5E5E5; }
.inner-wrap .pro-list .pro-cap{ border-top:1px solid #CF8C89;  text-align: center; height: 46px; line-height: 46px; font-family: '微软雅黑'; font-size: 14px; color: #413737; background-color: #E5E5E5;}
.inner-wrap .pro-list a:hover .pro-cap{background-color: #CF8C89; color: #fff;}




/* seo fill 开始======================产品终端页产品图片切换效果样式=======================*/
.news { padding:25px 0; overflow:hidden;}
.news ul { list-style-image: none; list-style-type: none; margin-top: 6px; }
.news li { border-bottom: 1px dotted #888A89; height: 50px; line-height: 50px; overflow: hidden;}
.news li a { color: #ffe3e2; text-decoration: none; }
.news li span { color: #ffe3e2; float: right; margin-right: 30px; }


.shownews {padding:25px 0; }
.shownews a { display:block;}
.shownews a:hover { display:block; text-decoration: underline;}
.shownews .title { /*background:#e7e7e7;*/ height:65px;  text-align: center; }
.shownews .title h1 { color:#ffe3e2; font-size:14px; line-height:40px;}
.shownews .title span { line-height:18px;}
.shownews DIV.text { padding-top:25px; }


.products_4 { width:719px; overflow:hidden; margin:0 auto;}
.products_5 { width: 270px; padding-top: 10px; padding-left:40px; float: left; color:#fff;}
#preview { float: none; padding: 15px 0; width: 400px; float: left; }
.description { clear: both; /*height:400px;*/ overflow: auto }
.description h3, .other h3 { height: 40px; line-height: 40px; color: #005DAA; border-bottom: 1px dashed #999; }
.description .data { overflow-x: auto; margin: 0px 0; }
.description a.iq { display: block; width: 98px; height: 25px; }
.description p { width: 100%; height: auto; color: #000; line-height: 22px; margin: 20px 0; }
.description .txt { border-bottom: 1px solid #999; font-size: 15px; line-height: 34px; padding-left: 10px; color: #13233c; font-weight: bold; }
.description table { width: 100%; text-align: center; border-left: 1px #999 solid; border-top: 1px #999 solid; background: #fff; color: #333; }
.description table td { padding: 6px 5px; border-bottom: 1px #999 solid; border-right: 1px #999 solid; }
/*产品终端样式*/

/*产品终端页产品图片切换效果样式*/
.proinfo_two { border-color: #2C2B2B; border-style: solid; border-width: 1px; height: auto;  margin-bottom:30px; }
.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; }
#spec-n1 img { width:400px; height:267px; background: #fff; border: 1px solid #ccc; padding: 1px; }
#spec-n5 { width: 400px; overflow: hidden; zoom: 1; background: #fff; border: 1px solid #ccc; border-top: none; padding: 1px; }
#spec-right { width: 124px;/* height:60px;*/ float: left; }
#spec-right a img { width: 124px; height: 60px; }
#spec-list { width:400px; float: left; }
#spec-list ul { float: left; height:70px; }
#spec-list ul li { width:106px; height:70px; float:left;}
#spec-list ul li img { width: 100px; height:65px; cursor: pointer; border: 1px solid #CCC; padding: 2px; }
ul.product_list { clear: both; margin: 20px 20px 0; border-bottom: 1px solid #CCCCCC; overflow: hidden; zoom: 1; }
ul.product_list li { font-weight: bold; float: left; padding: 0 10px; background-color: #8395A0; display: block; cursor: pointer; border-right: 1px #FFFFFF solid; line-height: 26px }
ul.product_list li a { color: #FFFFFF; }
ul.product_list li.sel { background-color: #47555e; }
/*放大镜样式 开始*/


.jqzoom { position: relative; padding: 0; }
.bigimg { width: 800px; height: auto; }
.zoomdiv { z-index: 8; position: absolute; top: 1px; left: 0px; width: 400px; height: 400px; background: url(i/loading.gif) #fff no-repeat center center; border: 1px solid #e4e4e4; display: none; text-align: left; overflow: hidden; }
.jqZoomPup { z-index: 3; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 50px; height: 50px; border: 1px solid #aaa; background: #FEDE4F 50% top no-repeat; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); cursor: move; }
.notice{ color:red !important;}
#member_form table label,#inquiry_form table label,#inquiry_form table span{ color:#000;}
#member_form table div span,#inquiry_form table div span{ color:#000;}
#member_form table  .form_head label,#inquiry_form table  .form_head label{ color:#fff;}
.archivelist ul li a{color:#ffe3e2;}
/* seo fill 结束 放大镜样式 结束*/



/*======================foot===============*/

.foot-wrap{width: 100%;height: 313px; background:url(../images/foot-bg.jpg) 0 0 repeat; }
.foot1, .foot2{   overflow: hidden; width: 1000px; margin: 0 auto; position: relative; text-align: left;}
.foot1{ border-bottom: 1px solid #000000; padding: 30px 17px 0px 17px;}

.foot1 .CodeInner{ position: absolute; right:36px; width:104px; height:600px; overflow:hidden;}
.foot1 .CodeInner span{ display: block; line-height:20px; }
.foot1 .CodeInner a{color:#a4a4a4; font-size:11px; text-align:center;}
.foot1 .CodeInner  img.qrCode{ width:100%;}


.list{ overflow: hidden;}
.list li{ float: left; margin-right:30px; font-size: 16px;color: #fff; text-align: left;margin-bottom: 12px; }
.list a{ width: 100%; height: 100%;}
.sublist{margin-top: 20px; overflow: hidden;}
.sublist li{ clear: both; }
.sublist li a{  font-size: 12px;  width: 100%; height: 100%; color: #a4a4a4;}
.sublist li a:hover{color: #fff;}

.r .code{  width: 104px; height: 132px;}
.r img{ /*width: 104px; height: 132px;*/}
.foot2{padding: 10px 17px;border-top: 1px solid #b0b0b0; overflow: hidden;}
.foot2 a{ color:#b0b0b0;}
.foot2 p{  font-size: 12px;  color: #a4a4a4; text-align: left;}