﻿@charset "utf-8";

/*************************************
*样式公用文件
*@mogumomo
*2014-11-10
*project
*************************************/

/* CSS Document */

/*************************************首页 begin*************************************/
/*IndexBanner*/
.indexbanner { position: relative; top: -4px; width: 100%; height: 400px; overflow: hidden; }
.indexbanner .indexbannerbox { position: absolute; left: 50%; margin-left: -960px; width: 1920px; height: 400px; }
.indexbanner .indexbannerbox li { position: absolute; display: none; }
.indexbanner .indexbannerbox li:first-child { display: block; }
.indexbanner .dot { position: absolute; bottom: 16px; width: 100%; text-align: center; }
.indexbanner .dot span { display: inline-block; width: 12px; height: 12px; margin: 0 5px; background: url(../images/dot.png) no-repeat; cursor: pointer; }
.indexbanner .dot span.active { background: url(../images/dot_active.png) no-repeat; }
/*End IndexBanner*/

.indexcontainer { background: url(../images/indexcontainer.png) repeat-x left top #f5f4f4; }
.indexabout { width: 510px; height: 369px; padding-top: 14px; background: url(../images/index_aboutbg.png) repeat-x left top; }
.indexabout h2 { height: 47px; padding-left: 81px; line-height: 47px; margin-bottom: 10px; background: url(../images/index_abouticon.png) no-repeat 23px center; }
.indexabout h2 span.indexabout-ch { font-size: 18px; color: #404040; margin-right: 6px; }
.indexabout h2 span.indexabout-en { font-size: 14px; color: #9e9e9e; text-transform: uppercase; }
.indexaboutmain { width: 410px; margin: 0 auto; text-align: center; }
.indexaboutmain img { display: inline-block; width: 369px; height: 119px; }
.indexaboutmain p { font-size: 14px; color: #6e6e6e; text-indent: 2em; text-align: left; line-height: 2em; }
.indexaboutmain p a { color: #215bac; }
.indexproduct { width: 688px; height: 369px; padding-top: 14px; border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; background-color: #f5f4f4; }
.indexproduct h2 { position: relative; height: 47px; padding-left: 100px; line-height: 47px; margin-bottom: 25px; background: url(../images/index_producticon.png) no-repeat 45px center; }
.indexproduct h2 span.indexproduct-ch { font-size: 18px; color: #404040; margin-right: 6px; }
.indexproduct h2 span.indexproduct-en { font-size: 14px; color: #9e9e9e; text-transform: uppercase; }
.indexproduct h2 a.more { position: absolute; top: 0; right: 38px; color: #0061ae; }
.indexproductmain { position: relative; width: 611px; margin: 0 auto; }
.probtn span { position: absolute; top: 92px; display: block; width: 24px; height: 42px; cursor: pointer; }
.prev { left: 0; background: url(../images/prev.png) no-repeat; }
.next { right: 0; background: url(../images/next.png) no-repeat; }
.indexproductbox { position: relative; width: 490px; height: 331px; margin: 0 auto; overflow: hidden; }
.indexproductbox ul { position: relative; left: 0; width: 100000px; margin-left: -64px; }
.indexproductbox li { width: 213px; float: left; margin-left: 64px; }
.indexproductbox li a.pro-imgbox { display: block; width: 211px; height: 230px; margin-bottom: 22px; border: 1px solid #dadada; overflow: hidden; }
.indexproductbox li a.pro-imgbox img { width: 211px; height: 230px; }
.indexproductbox li a.pro-textbox { display: block; width: 213px; text-align: center; color: #173f6b; font-size: 16px; }
.indexenterprise { padding-top: 17px; padding-bottom: 76px; }
.indexenterprise h2 { position: relative; height: 47px; padding-left: 83px; line-height: 47px; margin-bottom: 23px; background: url(../images/index_enterpriseicon.png) no-repeat 23px center; }
.indexenterprise h2 span.indexenterprise-ch { font-size: 18px; color: #404040; margin-right: 6px; }
.indexenterprise h2 span.indexenterprise-en { font-size: 14px; color: #9e9e9e; text-transform: uppercase; }
.indexenterprise h2 a.more { position: absolute; top: 0; right: 38px; color: #0061ae; }
.indexenterpriseleft { width: 1200px; height: 155px; padding: 10px 0; background-color: #dcdcdc; }
.marquee { width: 1148px; margin: 0 auto; overflow: hidden; }
.indexenterpriseleft li { float: left; margin-right: 13px; }
.indexenterpriseleft .pic { display: block; width: 219px; height: 153px; }

/*浮动 begin*/
.search { position: fixed; z-index: 99; top: 23%; left: 0; width: 179px; height: 366px; padding-top: 30px; background-color: #26589e; }
.search h2 { text-align: center; margin-bottom: 17px; }
.search h2 span.search-ch { font-size: 18px; color: #fff; margin-right: 5px; }
.search h2 span.search-en { font-size: 14px; color: #fff; }
.searchtxt { padding-left: 5px; margin-bottom: 10px; overflow: hidden; }
.searchtxt .searchinput { width: 104px; height: 24px; padding-right: 19px; background: url(../images/searchinput.png) no-repeat; }
.searchtxt .searchbtn { width: 43px; height: 25px; background: url(../images/searchbtn.png) no-repeat; color: #fff; cursor: pointer; }
.searchlink a { display: block; height: 40px; line-height: 40px; padding-left: 25px; border-top: 1px solid #d5d5d5; color: #fff; font-size: 16px; text-transform: uppercase; }
.searchlink a:first-child { border-top: none; }

.lxfs { position: fixed; z-index: 99; top: 23%; right: 0; width: 151px; height: 216px; padding: 7px; padding-top: 30px; background-color: #26589e; }
.lxfs img { width: 151px; height: 137px; }
.lxfs p { color: #fff;}

.close { position: absolute; top: 7px; right: 9px; display: block; width: 12px; height: 12px; background: url(../images/close.png) no-repeat; }

.searchsq { position: fixed; z-index: 99; top: 23%; left: 0; width: 93px; height: 40px; line-height: 40px; text-align: center; background-color: #26589e; color: #fff; font-size: 16px; cursor: pointer; display: none; }
.lxfssq { position: fixed; z-index: 99; top: 23%; right: 0; width: 93px; height: 40px; line-height: 40px; text-align: center; background-color: #26589e; color: #fff; font-size: 16px; cursor: pointer; display: none; }
/*浮动 end*/
/*************************************首页 end*************************************/

/*************************************关于我们 begin*************************************/
.about { width: 939px; margin: 0 auto; padding-bottom: 96px; }
.about p { font-size: 14px; color: #707071; text-indent: 2em; }

/*合作伙伴*/
.company { padding-top: 14px; padding-bottom: 55px; }
.companymain { padding-top: 30px; margin-bottom: 10px; *margin-bottom: 36px; }
.company-item { width: 219px; height: 153px; margin: 0 12px; margin-bottom: 12px; overflow: hidden; float: left; }
.company-item .company-imgbox { display: block; width: 219px; height: 153px; float: left; }
.company-imgbox img { width: 219px; height: 153px; }

/*************************************关于我们 end*************************************/

/*************************************新闻中心 begin*************************************/
/*新闻列表*/
.news { padding-bottom: 100px; }
.imgnews { width: 984px; height: 161px; padding-bottom: 38px; border-bottom: 2px dotted #dedede; }
.imgnews .imgnews-imgbox { display: block; width: 255px; height: 161px; float: left; }
.imgnews .imgnews-imgbox img { width: 255px; height: 161px; }
.imgnews .imgnews-textbox { width: 705px; height: 161px; float: right; }
.imgnews .imgnews-textbox h2 { font-weight: bold; font-size: 16px; color: #2559a1; margin-bottom: 15px; }
.imgnews .imgnews-textbox p { width: 682px; font-size: 14px; color: #888; text-indent: 2em; line-height: 2em; }
.imgnews .imgnews-textbox p a { color: #2559a1; }
.newsbox { margin-bottom: 28px; }
.newsbox .news-item { height: 66px; padding-left: 37px; padding-right: 82px; line-height: 66px; border-bottom: 2px dotted #dedede; background: url(../images/newsicon.png) no-repeat 8px center; overflow: hidden; }
.newsbox .news-item a { display: block; width: 710px; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; color: #6f6f6f; float: left; }
.newsbox .news-item time { font-size: 14px; color: #afafaf; float: right; }
.newsbox .news-item a:hover { color: #0061ae; }

/*页码*/
.pageList { float: right; cursor: default; }
.pageList ul.r li { float: left; }
.pageList ul.r li a { display: block; padding: 2px 7px; border: 1px solid #7c7c7c; margin-left: 5px; }
.pageList ul.r li a.pagein, .pageList ul.r li a:hover { background-color: #2559a1; border: 1px solid #2559a1; color: #fff; }

/*图文信息*/
.articles { width: 984px; padding-bottom: 87px; }
.articles-title { width: 984px; padding-bottom: 15px; margin-bottom: 30px; text-align: center; border-bottom: 2px dotted #dedede; }
.articles-title h1 { font-size: 16px; color: #2559a1; margin-bottom: 5px; }
.articles-title span { color: #b4b4b4; }
.articles-title time { display: inline; color: #b4b4b4; }
.articlesmain { width: 925px; margin: 0 auto; }
.articlesmain p { font-size: 14px; color: #888; line-height: 2em; }
/*************************************新闻中心 end*************************************/

/*************************************产品中心 begin*************************************/
/*产品列表*/
.product { padding-top: 14px; padding-bottom: 55px; }
.productmain { margin-bottom: 50px; }
.product-item { height: 176px; padding: 35px 0; padding-left: 15px; border-bottom: 1px solid #dfdfdf; overflow: hidden; }
.product-item .product-imgbox { display: block; width: 276px; height: 165px; margin-right: 17px; float: left; }
.product-imgbox img { width: 276px; height: 176px; }
.product-item .product-textbox { width: 541px; padding-top: 10px; float: left; color: #545454; }
.product-textbox h2 { font-size: 16px; margin-bottom: 15px; }
.product-textbox div { padding-bottom: 25px; border-bottom: 2px dashed #dcdcdc; }
.product-textbox div p { font-size: 14px; text-indent: 2em; line-height: 2em; }
.product-textbox a { margin-top: 12px; font-size: 14px; color: #2559a1; float: right; }

/*产品详情*/
/*产品详情*/
.productview { width: 984px; padding-bottom: 70px; }
.productview h1 { font-weight: bold; font-size: 14px; color: #2f2f2f; margin-bottom: 30px; padding-left: 30px; }
.productview h1 span { font-weight: normal; }
.producttab-change { position: relative; width: 697px; height: 414px; margin: 0 auto; margin-bottom: 24px; }
.producttab-change li { position: absolute; left: 0; top: 0; width: 697px; height: 414px; display: none; }
.producttab-change li:first-child { display: block; }

.productmsg h2 { border-bottom: 6px solid #2559a1; }
.productmsg h2 span { display: block; width: 119px; height: 35px; text-align: center; line-height: 35px; color: #fff; font-size: 16px; background-color: #2559a1; }

.productviewmain { padding: 0 30px; padding-bottom: 30px; border-bottom: 1px dashed #c5c5c5; margin-bottom: 20px; }
.productviewmain table { width: 100%; vertical-align: middle; }
.productviewmain table td { vertical-align: middle; }
.productviewmain table td img { margin-right: 20px; }
.productviewmain table td p { font-size: 14px; line-height: 24px; text-indent: 2em; }
.productmsg tr{border:solid 1px #D5D5D5;}
.productmsg td{border:solid 1px #D5D5D5;}

/*************************************产品中心 end*************************************/

/*************************************客服服务 begin*************************************/
/*留言反馈*/
.message { padding-bottom: 50px; }
.messagesbox { margin-bottom: 80px; }
.messagesbox .messages-head { width: 836px; height: 144px; padding-left: 150px; background: url("../images/message.png") no-repeat 0 20px; border-bottom: 1px solid #b6b6b6; margin-bottom: 30px; }
.messagesbox .messages-head p { width: 793px; text-indent: 28px; position: relative; top: 40px; font: 14px/24px "微软雅黑"; color: #7f7f7f; }
.messagesbox form { margin-left: 20px; border-bottom: 1px solid #b6b6b6; }
.messagesbox form .div1 { position: relative; width: 966px; min-height: 58px; margin-bottom: 6px; font-size: 20px; }
.messagesbox form span { text-indent: 20px; display: block; font: 14px/34px "宋体"; color: #7a7a7a; }
.messagesbox form .span1 { position: absolute; top: 0; left: 245px; }
.messagesbox form input { width: 208px; height: 20px; margin: 0 8px 0 20px; border: 1px solid #898989; }
.messagesbox form .inp1 { width: 148px; margin-right: 28px; }
.messagesbox form .inp2 { width: 24px; height: 24px; position: relative; margin-right: 30px; }
.messagesbox form .span2 { position: absolute; top: 0; left: 245px; }
.messagesbox form textarea { width: 935px; height: 116px; margin-left: 20px; border: 1px solid #898989; }
.messagesbox form .sub { width: 78px; height: 24px; background-color: #c3c3c3; font: 14px/20px "宋体"; color: #7a7a7a; outline: none;; margin: 32px 0 32px 20px; border: 0; }
.messagesbox form .clear { width: 78px; height: 24px; background-color: #c3c3c3; font: 14px/20px "宋体"; color: #7a7a7a; outline: none;; margin: 32px 0 32px 20px; border: 0; }
.messagesbox form .sub:hover, .messagesbox form .clear:hover { background-color: #737272; color: #ffffff; }
.messagesbox h3 { font: 18px/48px "微软雅黑"; color: #3e3e3e; margin: 20px 0 0 20px; }
.messagesbox .messages-text { min-height: 145px; margin: 0 0 14px 20px; }
.messagesbox .messages-text .messages-text-left { width: 100px; margin-top: 15px; }
.messagesbox .messages-text .messages-text-left img { width: 92px; height: 86px; margin: 0; }
.messagesbox .messages-text .messages-text-left .span1 { display: block; width: 100px; font: 14px/24px "宋体"; color: #519dd2; text-align: center; margin: 0; }
.messagesbox .messages-text .messages-text-left .span2 { display: block; width: 100px; font: 12px/24px "宋体"; color: #7e7e7e; text-align: center; margin: 0; }
.messagesbox .messages-text .messages-text-right { width: 851px; min-height: 145px; background: url("../images/textbg.png") no-repeat; background-size: 100%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/textbg.png',sizingMethod='scale'); padding-right: 13px; }
.messagesbox .messages-text .messages-text-right span { display: block; width: 810px; font: 14px/36px "宋体"; color: #7e7e7e; text-align: right; }
.messagesbox .messages-text .messages-text-right p { width: 769px; margin-left: 50px; font: 14px/24px "宋体"; color: #7e7e7e; }

/*客服服务*/
.service { background: url(../images/service.png) no-repeat right center; margin-bottom: 90px; }
.servicemain { width: 326px; }
.servicemain .service-item { padding: 17px 0; padding-left: 50px; border-bottom: 1px dashed #bebebe; background: url(../images/serviceicon.png) no-repeat 22px 24px; }
.servicemain .service-item span { display: block; font-size: 14px; color: #676767; line-height: 2em; }
/*************************************客服服务 end*************************************/

/*************************************联系我们 begin*************************************/
/****招贤中心****/
.recruitment { padding-bottom: 70px; }
.recruitmenttop { padding-left: 10px; }
.recruitmenttop h2 { font-size: 18px; margin-bottom: 20px; color: #000; }
.recruitmenttop p { width: 912px; font-size: 14px; color: #727272; }
.recruitmentmain { width: 984px; padding-top: 40px; }
.recruitmentmain li { margin-bottom: 20px; }
.recruitmentmain li h2 { height: 40px; line-height: 40px; font-size: 16px; padding-left: 25px; background: url(../images/show.png) no-repeat 923px center #2559a1; cursor: pointer; color: #fff; }
.recruitmentmain li h2.recurshow { background: url(../images/hide.png) no-repeat 923px center #2559a1; }
.recruitmentmain li .recrubox { border-left: 1px solid #f4f4f4; border-right: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; padding: 20px; color: #474747; display: none; }
.recruitmentmain li:first-child .recrubox { display: block; }
.recruitmentmain li .recrubox > strong { font-size: 14px; margin-right: 100px; }
.recrubox .recrucon { margin-top: 30px; }
.recrubox .recrucon strong { display: block; font-size: 14px; margin-bottom: 12px; }
.recrubox .recrucon p { margin-bottom: 12px; }
.recrucon .recuemail { font-weight: bold; font-size: 14px; margin-top: 20px; border-top: 1px dashed #e7e7e7; padding-top: 20px; }


/****联系我们****/
.contact { padding-bottom: 50px; }
.contact h2 { font-size: 24px; padding-left: 19px; margin-bottom: 25px; }
.contactbox { padding-left: 19px; font-size: 16px; margin-bottom: 20px; }
.contactbox p { overflow: hidden; line-height: 2.2em; }
.contactbox p i { display: block; float: left; }
.contactbox p span { display: block; float: left; }
.contactbox p span em { display: block; font-weight: normal; }
.iw_poi_title { color: #CC5522; font-size: 14px; font-weight: bold; overflow: hidden; padding-right: 13px; white-space: nowrap; }
.iw_poi_content { font: 12px arial,sans-serif; overflow: visible; padding-top: 4px; white-space: -moz-pre-wrap; word-wrap: break-word; }
/*************************************联系我们 end*************************************/
