/*
 * Overview: Page Style
 */


/* .page */
.wrap { padding-bottom: 20px; }
.page-bg { position: absolute; left: 50%; top: 0; z-index: 100; height: 246px; margin-left: -1000px; overflow: hidden; }
.page-bg img { margin: 0 auto; display: block; height: 246px; }

.page-title { position: relative; z-index: 200; width: 500px; height: 100px; padding-left: 30px; padding-top: 36px; margin-top: 31px; margin-left: 25px; background: url(../images/menu-icon.png) left top no-repeat; }
.page-title h2 { font-size: 24px; color: #fff; line-height: 36px; }
.page-title span { color: #c4f4f9; font-size: 14px; font-family: 'HelveticaNeueLTPro-ThEx'; text-transform: uppercase; letter-spacing: 1px; }

.page-box { position: relative; overflow: hidden; z-index: 300; margin-top: 12px; background-color: #fff; box-shadow: 0 3px 8px #ccc; }

.page-menu { width: 100%; text-align: center; }
.page-menu li { position: relative; display: inline-block; *display: inline; *zoom: 1; margin: 0 30px; line-height: 76px; }
.page-menu a { font-size: 16px; color: #2d2d2d; }
.page-menu .active a { color: #136aac; }
.page-menu a:hover { color: #136aac; }

.page-menu dl { position: absolute; top: 70px; height: 42px; background-color: #4e95ca; width: 800px; line-height: 38px; border-radius: 6px;
    left: 50%;
    transform: translateX(-50%);
}
.page-menu dl dd { display: inline-block; *display: inline; *zoom: 1; height: 30px; line-height: 30px; padding: 0px 5px; margin: 0 5px; }
.page-menu dl dd a { color: #fff; font-size: 14px; }
.page-menu .active dl a { color: #fff; }
.page-menu dl dd a:hover { color: #fff; }
.page-menu dl i { display: block; width: 10px; height: 10px; margin: 0 auto; margin-top: -6px; background: url(../images/triangle.png) center no-repeat; }

.page-menu .active dl { display: block; }

.opencommunicate-menu li { margin: 0 15px; }
.opencommunicate-menu a { font-size: 16px; }

.content-title { margin: 0 auto; margin-top: 36px; margin-bottom: 34px; text-align: center; }
.content-title h2 { display: block; color: #0e0e0e; font-size: 24px; }
.content-title i { display: block; height: 2px; width: 93px; margin: 9px auto; background-color: #8ebb42; }

.page-content { margin-top: 40px; }
.content { margin: 0 auto; width: 965px; padding-bottom: 100px; margin-bottom: 20px; }
.content p { display: block; margin: 40px 0; margin-bottom: 0px; color: #333537; font-size: 14px; line-height: 30px; text-indent: 2em; text-align: justify; }

.news { }
.news .page-content { overflow: hidden; }

.news-list { padding-top: 20px; overflow: hidden; }
.news-list dd { display: block; margin: 0 auto; width: 955px; height: 187px; border-bottom: 1px dotted #c1c1c1; overflow: hidden; }
.news-time { float: left; height: 75px; width: 106px; margin-top: 40px; border-left: 2px solid #fff; font-family: 'HelveticaNeueLTPro-ThEx'; text-align: right; color: #a8a8a8; }
.news-time h3 { font-size: 32px; font-weight: 400; line-height: 34px; }
.news-time span { display: block; margin-top: 6px; font-size: 16px; font-weight: 400; }
.news-sketch { float: right; width: 799px; margin-top: 13px; overflow: hidden; }
.news-sketch h2 { margin-top: 24px; margin-bottom: 7px; color: #0b0b0b; font-size: 18px; line-height: 30px; }
.news-sketch p { font-size: 14px; line-height: 24px; color: #646464; }
.news-list img { width: 270px; height: 138px; float: right; margin-left: 26px; margin-top: 10px; }

.news-list .active {  }
.news-list .active h2 { color: #136aac; transition-duration: 0.6s; }
.news-list .active .news-time { border-left: 2px solid #136aac; transition-duration: 0.6s; }

.news-btn { width: 100%; text-align: center; overflow: hidden; margin-top: 80px; margin-bottom: 60px; font-family: Arial; font-size: 12px; }
.news-btn a { display: inline-block; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; margin: 0 6px; color: #9a9a9a; background-color: #e8e8e8; }
.news-btn span { cursor: pointer; display: inline-block; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; margin: 0 6px; color: #9a9a9a; background-color: #e8e8e8; }
.news-btn a:hover { color: #fff; background-color: #136aac; }
.news-btn .active { color: #fff; background-color: #136aac; }

/*.news-btn { width: 100%; text-align: center; overflow: hidden; margin-top: 110px; margin-bottom: 60px; }
.news-btn a { display: inline-block; *display: inline; *zoom: 1; font-family: '\5B8B\4F53'; width: 10px; height: 10px; border-radius: 6px; text-indent: -9999px; line-height: 10px; margin: 0 10px; color: #9a9a9a; background-color: #e8e8e8; }
.news-btn span { cursor: pointer; display: inline-block; *display: inline; *zoom: 1; font-family: '\5B8B\4F53'; text-indent: -9999px; width: 10px; height: 10px; border-radius: 6px; line-height: 10px; margin: 0 10px; color: #9a9a9a; background-color: #e8e8e8; }
.news-btn a:hover { color: #fff; background-color: #136aac; }
.news-btn .active { color: #fff; background-color: #136aac; }*/

.news-content .news-title { margin-top: 70px; overflow: hidden; }
.news-content .content p { margin: 20px 0; }
.news-title { text-align: center; overflow: hidden; width: 955px; margin: 0 auto; }
.news-title h2 { font-size: 24px; color: #474747; }
.news-title time { float: right; margin-top: 10px; color: #868686; font-size: 14px; font-family: 'Arial'; }

.organization .page-content { margin-top: 0; }
.organization .content-title { margin-top: 27px; }

.organization table { display: block; overflow: hidden; width: 955px; margin-top: 20px; font-family: '\5FAE\8F6F\96C5\9ED1'; font-size: 14px; }
.organization thead,
.organization tbody,
.organization tr { width: 100%; display: block; overflow: hidden; }
.organization th,
.organization td { display: block; float: left; height: 40px; line-height: 40px; text-align: center; }
.organization .th { background-color: #136aac; }
.organization .th td { color: #fff; font-weight: 400; }
.organization .th p { color: #fff; font-weight: 400; }
.organization td p { margin: 0; text-indent: 0; line-height: 40px; }
.bg-odd { background-color: #f6fbff; }
.bg-even { background-color: #dce9f3; }

.org-list dl { width: 100%; text-align: center; }
.org-list dd { width: 33%; margin-bottom: 10px; margin-top: 40px; display: inline-block; *display: inline; *zoom: 1; }
.org-list span { display: block; width: 100%; height: 22px; line-height: 22px; margin-top: 20px; font-size: 16px; }
.org-list img {  }

.download-list {  }
.download-list dl { width: 1150px; overflow: hidden; margin-left: -63px; }
.download-list dd { width: 420px; margin: 0 58px; margin-top: 37px; margin-bottom: 8px; display: inline-block; *display: inline; *zoom: 1; float: left; }

.download-time { float: left; height: 75px; width: 106px; border-left: 2px solid #fff; font-family: 'HelveticaNeueLTPro-ThEx'; text-align: right; color: #a8a8a8; }
.download-time h3 { font-size: 32px; font-weight: 400; line-height: 34px; }
.download-time span { display: block; padding-right: 3px; font-size: 16px; font-weight: 400; }

.download-title { float: right; width: 290px; font-size: 16px; color: #3f3f3f; line-height: 28px; }
.download-title:hover { color: #2377b4; }

.apply-icon { float: left; width: 70px; height: 48px; padding-top: 22px; border: 1px solid #e6e6e6; border-radius: 3px; }
.apply-icon span { display: block; margin: 0 auto; margin-bottom: 10px; width: 40px; height: 2px; background-color: #c9c9c9; }

.map { margin-top: 55px; margin-bottom: 55px; width: 956px; height: 485px; background-color: #ccc; overflow: hidden; }

.contact-box { margin-top: 67px; overflow: hidden; text-align: center; }
.contact-box span { display: inline-block; *display: inline; *zoom: 1; width: 260px; margin: 0 104px; line-height: 38px; text-align: left; font-size: 14px; color: #3f3f3f; }

.analysistest-list dl { width: 100%; text-align: left; }
.analysistest-list dd { width: 33%; margin-bottom: 10px; margin-top: 40px; display: inline-block; *display: inline; *zoom: 1; text-align: center; overflow: hidden; }
.analysistest-list span { display: block; width: 280px; margin: 0 auto; height: 48px; line-height: 22px; margin-top: 20px; font-size: 16px; }
.analysistest-list img { width: 240px; height: 192px; }
.analysistest-list a:hover { color: #2f7db8; }

.instrument .content { width: 980px; padding-top: 40px; overflow: hidden; }
.instrument-image { width: 100%;  overflow: hidden; text-align: center; margin-bottom: 40px; }
.instrument-image img { }
.instrument-content { width: 100%; overflow: hidden; }
.instrument-content table { width: 100%; border: 1px solid #ccc; }
.instrument-content tr:hover { color: #fff; background-color: #2a78b6; }
.instrument-content tr:hover p { color: #fff; }
.instrument-content td { padding: 8px 18px; font-size: 14px; border: 1px solid #ccc; }
.instrument-content p { margin: 0; font-size: 14px; line-height: 26px; padding: 4px 0; text-indent: 0; }
.instrument .content a { background-color: #2a78b6; color: #fff; display: block; width: 150px; height: 40px; margin: 0 auto; line-height: 40px; border-radius: 3px; text-align: center; font-size: 14px; margin-top: 60px; letter-spacing: 1px; }

.instrument-item { display: block; overflow: hidden; margin-bottom: 25px; margin-left: 280px; }
.instrument-item label { display: inline-block; *display: inline; *zoom: 1; width: 70px; text-align: right; margin-right: 14px; font-size: 14px; color: #2a2a2a; height: 32px; line-height: 32px; }
.instrument-item .check-box { display: none; float: left; width: 380px; margin: 10px 0; margin-top: 20px; margin-bottom: 0; margin-left: 85px; overflow: hidden; }
.instrument-item .check-item { float: left; width: 380px; margin-bottom: 10px; margin-left: 5px; margin-right: 10px; display: inline-block; *display: inline; *zoom: 1; overflow: hidden; }
.instrument-item .check-item input { float: left; display: block; margin-right: 10px; margin-top: 5px; width: auto; height: auto; line-height: auto; text-indent: 0; }
.instrument-item .check-item label { float: left; font-size: 14px; width: auto; float: left; height: auto; line-height: 16px; margin-right: 0; cursor: pointer; }
.instrument-item .check-item label:hover { color: #2f7db8; }

.instrument-item-checkbox .more { display: block; float: left; width: 302px; height: 32px; margin-top: 4px; text-indent: 10px; line-height: 32px; border: 1px solid #9f9f9f; color: #9f9f9f; font-size: 14px; cursor: pointer; }
.instrument-item-checkbox .more i { margin-left: 160px; padding: 0 10px; background: url(../images/slide-down.png) center no-repeat; }
.instrument-item-checkbox .more .slide { background: url(../images/slide-up.png) center no-repeat; }
.instrument-item-checkbox { margin-bottom: 20px; }
.instrument-item-checkbox label { margin-top: 4px; float: left; }
.instrument-item input { width: 300px; height: 28px; line-height: 28px; text-indent: 10px; border: 1px solid #9f9f9f; outline: none; }
.instrument-item textarea { width: 298px; height: 80px; line-height: 28px; text-indent: 10px; border: 1px solid #9f9f9f; outline: none; }

.instrument-item .sub-btn { margin-left: 84px; display: block; float: none; width: 138px; height: 40px; background: #2a78b6; color: #fff; border: none; cursor: pointer; border-radius: 4px; line-height: 40px; font-size: 16px; text-indent: 0; letter-spacing: 2px; }
.instrument-item .large { width: 100px; margin-right: 10px; float: left; }
.instrument-item img { height: 32px; display: inline-block; *display: inline; *zoom: 1; }
.instrument-large { overflow: hidden; }
.instrument-large img { cursor: pointer; }
.instrument-large input { width: 100px; margin-right: 10px; float: left; }
.instrument-large label { float: left; }

.research { overflow: hidden; }
.research .page-content { width: 760px; float: right; margin-right: 50px; margin-top: 0; padding-bottom: 100px; }
.research .content { width: 100%; padding: 0; }
.research-menu { width: 190px; float: left; margin-left: 55px; margin-top: 60px; }
.research-menu dd { margin-bottom: 20px; /* padding-left: 20px; background: url(../images/ui-circle.png) left 20px no-repeat; */ }
.research-menu dd a { font-size: 14px; line-height: 30px; }
.research-menu dd a:hover { color: #136aac; }
/* .research-menu .active { background: url(../images/show-text-icon.png) 140px 7px no-repeat; } */
.research-menu .active a { color: #136aac; }

.research-direction a { margin: 0 10px; }
.page-menu .research-direction i { margin-left: 428px; }