@charset "utf-8";
/*--------
	首页
----------*/
/*导航*/
.topNavSkin { width: 100%; height: 80px; }
.navBar { width: 1200px; margin: auto; height: 80px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.navLogo { font-size: 24px; font-weight: bold; color: #17bac8; }
.navList>ul { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.navList>ul>li { font-size: 16px; text-align: center; width: 100px; }
.navList>ul>li a.on { color: #0712a0; }
/*Banner*/
.bannerSkin { background-image: url(http://cy-opto.oss-cn-shenzhen.aliyuncs.com/images/bg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; height: 760px; position: relative; z-index: -1; }
.bannerMain { background-color: transparent; position: absolute; z-index: 100; top: 640px; left: 50%; margin-left: -600px; color: #FFF; width: 1200px; height: 240px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; }
.bm_left { display: table; width: 791px; height: 140px; }
.bml_title { padding-left: 30px; }
.bml_text { padding: 10px 30px; height: 77px; background-color: #0712a0; border-bottom: solid 3px #ff4100; line-height: 24px; text-align: justify; word-wrap: break-word; }
.bm_right { display: table; width: 439px; height: 240px; }
.bmr_title { padding-left: 50px; }
.slogan { position: absolute; left: 50%; margin-left: -473px; top: 388px; z-index: 1; }
.index_pdList>ul>li { float: left; position: relative; z-index: 1; width: 100px; }
/*联系我们*/
.indexBottom { background-color: #141744; padding-top: 60px; padding-bottom: 30px; }
.ibMain { width: 1200px; margin: auto; }
.ib_title { padding-left: 30px; font-size: 24px; font-weight: bold; color: #FFF; }
.ibt_desc { color: #FFF; padding: 20px 30px; }
.ibt_title { font-size: 18px; font-weight: bold; border: solid 1px #FFF; border-radius: 2px; margin-bottom: 10px; padding: 5px 20px; }
.ibt_desc>ul { display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; line-height: 24px; }
.ibt_desc>ul>li { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; }
/*公司简介*/
.about_banner { width: 100%; height: 100px; position: relative; z-index: -1; background-image: url(http://cy-opto.oss-cn-shenzhen.aliyuncs.com/images/about_banner.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }
.aboutMain { width: 1200px; margin: auto; }
.am_left { width: 300px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; position: relative; z-index: 1; top: -20px; float: left; }
.left_titleItem { background-size: cover; background-repeat: no-repeat; background-position: center; width: 270px; height: 60px; border-top-left-radius: 4px; border-top-right-radius: 4px; color: #FFF; font-size: 24px; font-weight: bold; line-height: 60px; padding-left: 30px; }
.am_left>ul>li>a { width: 270px; height: 60px; display: block; padding-left: 30px; font-size: 16px; line-height: 60px; border-bottom: solid 1px #F5F5F5; }
.am_left>ul>li.active>a { background-color: #FAFAFA; color: #007aff; }
.am_right { float: left; margin-left: 40px; }
.am_right>ul>li { display: block; width: 860px; margin-bottom: 40px; border-bottom: solid 1px #F5F5F5; }
.am_right>ul>li div { padding-bottom: 30px; }
.am_right>ul>li:last-child { border-bottom: none; }
.locationSkin { padding: 40px 0; font-size: 12px; }
.locationSkin span { color: #007aff; }
.am_comm_title { font-size: 24px; font-weight: bold !important; }
.am_comm_desc { color: hsla(0,0%,30%,1.00); line-height: 24px; text-align: justify; word-wrap: break-word; word-spacing: 0em; }
.am_comm_desc p { margin-bottom: 15px; }
.certificate>ul>li { border: solid 1px #F5F5F5; width: 220px; height: 300px; display: flex; flex-direction: column; justify-content: center; align-items: center; color: hsla(0,0%,30%,1.00); float: left; margin-right: 20px; margin-bottom: 10px; }
.certificate div { padding-bottom: 15px !important; }
.companyPic>ul>li { padding: 10px 0px; }
.companyPic>ul>li:first-child { padding-top: 0px; }
.partnerSkin>ul>li { width: 198px; height: 98px; border: solid 1px #F5F5F5; float: left; margin-right: 20px; margin-bottom: 20px; display: flex; flex-direction: row; justify-content: center; align-items: center; }
.partnerSkin>ul>li:nth-child(4n) { margin-right: 0px; }
.aml_subTitle { font-size: 16px; padding-left: 40px; height: 40px; line-height: 40px; font-weight: bold; background-color: #EEE; }
.aml_subList>ul>li { border-bottom: solid 1px #F5F5F5; line-height: 40px; background-position: 280px center; background-repeat: no-repeat; background-image: url(http://cy-opto.oss-cn-shenzhen.aliyuncs.com/images/arrow_next.png); background-size: 6px; }
.aml_subList>ul>li a { display: block; padding-left: 50px; }
.aml_subList>ul>li.active { background-color: #FAFAFA; }
/*产品展示*/
.pd_banner { background-color: #fafafa; border: solid 1px #eee; width: 818px; height: 278px; border-radius: 2px; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; padding: 20px; }
.pdb_pic { width: 278px; height: 278px; border: solid 1px #EEE; border-radius: 2px; background-color: #FFF; display: flex; flex-direction: row; justify-content: center; align-items: center; margin-right: 40px; }
.pdMsg { width: 860px; padding: 40px 0; text-align: center; font-size: 16px; }
.pdLine { width: 320px; height: 1px; display: block; background-color: #EEE; margin: auto; }
.pdTable>table th { background-color: #0712a0; color: #FFF; font-weight: normal; font-size: 14px; text-align: center; padding: 5px 0; }
.pdTable>table td { height: 39px; line-height: 39px; font-size: 14px; border-bottom: solid 1px #cfd2ff; text-align: center; }
.pdTable>table td a { color: #007aff; }
.pdTable>table td a:hover { color: #111; }
.pdTable>table .hl { background-color: #f5f6ff; }
.pdList { width: 860px; }
.pdList>ul{
	margin-bottom: 40px;
}
.pdList>ul>li {
	width: 90px;
	margin-right: 20px;
	margin-bottom: 10px;
	float: left;
}
.pdList>ul>li:nth-child(8n) { margin-right: 0px; }
.pdList>ul>li .pdl_pic {
	width: 88px;
	height: 88px;
	border: solid 1px #F5F5F5;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border-radius: 2px;
}
.pdList>ul>li .pdl_pic img {
	max-width: 70px;
	max-height: 70px;
	width: auto;
	height: auto;
}
.pdList>ul>li .pdl_text { font-size: 14px; padding: 8px 0; text-align: center; }

.pdl_title{
	margin-bottom: 15px;
	margin-top: 30px;
	height: 3px;
	border-radius: 2px;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	display: block;

	background-image: url(http://cy-opto.oss-cn-shenzhen.aliyuncs.com/images/pdl_title_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.pdl_title span{
	position: relative;
	z-index: 1;
	top: -30px;
}

.pageItem { text-align: center; margin: 50px auto; }
.pageItem>ul { display: flex; flex-direction: row; justify-content: center; align-items: center; }
.pageItem>ul>li { display: inline-block; border: solid 1px #F5F5F5; border-right: none; width: 34px; height: 34px; line-height: 34px; }
.pageItem>ul>li:first-child { border-top-left-radius: 8px; border-bottom-left-radius: 8px; width: 70px; }
.pageItem>ul>li:last-child { border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-right: solid 1px #F5F5F5; width: 70px; }
.pageItem>ul>li a { display: block; }
.pageItem>ul>li a:hover { background-color: #F5F5F5; }
.pageItem>ul>li a.active { color: hsla(0,0%,50%,1.00); background-color: #F5F5F5; }
/*公司新闻*/
.newsList>ul>li { background-color: #FFF; border: solid 1px #F5F5F5; border-bottom: none; padding: 30px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; }
.newsList>ul>li:hover { background-color: #FAFAFA; }
.newsList>ul>li:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.newsList>ul>li:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: solid 1px #F5F5F5; }
.nl_pic { width: 200px; height: 120px; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 2px; }
.nl_right { width: 910px; height: 120px; display: flex; flex-direction: column; justify-content: space-between; align-items: stretch; }
a.btnNews { width: 78px; height: 26px; background-color: #F5F5F5; border: solid 1px #CCC; display: block; text-align: center; line-height: 26px; border-radius: 2px; }
a.btnNews:hover { color: #FFF; background-color: #007aff; border: solid 1px #007aff; }
.nl_Main { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; padding-bottom: 40px; }
.nlm_left { border: solid 1px #F5F5F5; padding: 30px; width: 798px; }
.nlm_title { font-weight: normal; font-size: 36px; text-align: justify; word-wrap: break-word; margin-bottom: 30px; color: #111; }
.nlm_msg { text-align: center; color: hsla(0,0%,70%,1.00); }
.nlm_summary { background-color: #f5f5f5; padding: 20px; border-radius: 2px; line-height: 24px; color: hsla(0,0%,30%,1.00); margin: 30px 0; }
.nlm_textMain { font-size: 16px; line-height: 32px; color: hsla(0,0%,30%,1.00); }
.nlm_textMain p { text-align: justify; word-wrap: break-word; margin-bottom: 20px; }
.nlm_textMain img { max-width: 800px; height: auto; }
.nlm_right { width: 300px; background-color: #FFF; }
.nlm_right>ul>li { padding: 10px; line-height: 22px; border-bottom: dashed 1px #EEE; }
.nlm_right>ul>li:hover { background-color: #FAFAFA; }
/*加入我们*/
.careerList { border: solid 1px #EEE; padding: 30px; margin-bottom: 30px; border-radius: 2px; font-size: 16px; }
.tc_1 { width: 300px; height: 40px; line-height: 40px; }
.tc_2 { width: 300px; height: 40px; line-height: 40px; }
.tc_3 { width: 80px; height: 40px; line-height: 40px; text-align: center; }
.tc_4 { width: 180px; height: 40px; line-height: 40px; text-align: center; }
.tc_5 { width: 240px; height: 40px; line-height: 40px; }
.tc_6 { width: 80px; height: 40px; line-height: 40px; }
.careerList>ul>li { border-bottom: solid 1px #EEE; padding: 10px 0; }
.careerList>ul>li:first-child { border-top: solid 1px #EEE;/*	background-color: #FAFAFA;*/
}
.careerList>ul>li a { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.jobDescSkin { padding: 20px 0; }
.jobInfo { background-color: #F5F5F5; padding: 20px; line-height: 32px; font-size: 14px; }
.jobInfo>ul>li { width: 50%; float: left; }
.jobDesc { padding-top: 15px; font-size: 14px; line-height: 24px; color: hsla(0,0%,50%,1.00); }
/*联系我们*/
.contactMain {
	border: solid 1px #EEE;
	padding: 30px;
	margin-bottom: 30px;
	border-radius: 2px;
}
.cm_title{
	font-size: 18px;
	font-weight: bold;
	display: inline-block;
	width: 100px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border: solid 1px #999;
	border-radius: 2px;
	margin-bottom: 10px;
}
.cm_text{
	line-height: 24px;
}
.mapSkin{
	background-color: #FAFAFA;
	width: 700px;
	height: 400px;
	margin-right: 30px;
}