@charset "utf-8";
/* CSS Document */

/*sidebar*/
.sidebarTop{ margin:5px 0;}
.sidebarTop .blue{ width:85%;}
.sidebarTop .blue h3{ line-height:20px;}
.sidebarTop .blue h3 a{ display:block; padding:10px 0; background:#eeeeee; color:#6f6d6d; font-size:16px;}
.sidebarTop .blue h3 a:hover,.sidebarTop .blue h3 a.cur{ color:#b90110;}
.sidebarTop .slick-slider{ margin-bottom:0;}

/*about*/
.bannerBox{ width:100%;}
.bannerBox img{ width:100%;}
.pTitleEn{ color:#919191; font-family:\5b8b\4f53; font-size:1.5em; text-transform:uppercase; padding-top:10px;}
.pTitleEn em{ display:inline-block; font-size:2em; text-transform:uppercase;}
.h4TitleCn{ color:#494949; position:relative; font-size:1.5em; height:25px;}
.h4TitleCn table{ width:100%;}
.h4TitleCn table th{ width:30%;}
.h4TitleCn table td{ width:70%;}
.h4TitleCn table th em{color:#494949; font-size:1.5em; display:inline-block; margin-right:10px; background:none; position:inherit;}
.h4TitleCn table td span{ display:block; border-bottom:1px solid #b50904; width:100%; position:inherit; /*position:absolute; width:75%; right:0; top:15px;*/}

.h4TitleCn em{color:#494949; font-size:1em; display:inline-block; margin-right:10px; background:#fff; padding-right:10px; position:absolute; left:0; top:0; z-index:10;}
.h4TitleCn span{ display:block; border-bottom:1px solid #b50904; width:100%; position:absolute;left:0; top:15px;}
.spanTitle{ width:20px; height:2px; background:#b50904; margin:15px 0; display:block;}
.aboutWrite01 p{ color:#555555; margin-bottom:10px; font-size:1em; line-height:22px;}
.aboutWrite01 p img{ width:100%;}
.aboutGrayBg{ background:#f0f0f1;}
.grayBg{width:100%; position:relative;}
.grayBg div.grayBg01{ position:absolute; top:0; left:0;}
.grayBg div.grayBg01 .grayBg02{ position:absolute; top:24px; left:40px;}
h4.aboutH4{ color:#494949; font-size:1.5em;}
h4.aboutH4 em{ display:inline-block; color:#555555; font-size:14px; margin-left:5px;}
p.aboutP{ margin-bottom:10px; font-size:1em; color:#555555; line-height:22px; padding-right:40px;}
.aboutWrite02{ padding-top:20px;}
.aboutWrite02 img{ width:100%; margin-bottom:-4px;}
.aboutGrayBg img{ margin-bottom:-4px;}

.aboutWrite01 h5{ text-align:right; margin-bottom:30px;}
.aboutWrite01 h5 span{ display:block; font-size:2em; font-family:\6977\4F53; margin-top:30px;}
.aboutWrite01 h5 em{ display:block; font-size:1.5em; margin:5px 0;}
.pRight{ text-align:right; margin-top:-15px;}


.honorPd{ padding-top:10px;}
.honorPd .slick-prev{ background-image:url(../images/about/left.jpg); background-position:left top; background-repeat:no-repeat; background-size:100%; left:-40px; width:40px; height:40px; margin-top:-35px;}
.honorPd .slick-next{ background-image:url(../images/about/right.jpg); background-position:left top; background-repeat:no-repeat;background-size:100%; right:-40px; width:40px; height:40px; margin-top:-35px;}
.honorPd .slick-list{ margin:20px 10px 10px; background:url(../images/about/honorBg.png) center bottom no-repeat; padding-bottom:15%; background-size:100%;}
.honorPd .slick-slider{ margin-bottom:10px;}
.honorUlPd ul li{ border-top:1px solid #e7e7e7; padding:15px 0 10px;}
.honorUlPd ul li table{ width:100%;}
.honorUlPd ul li th{ width:60px; vertical-align:top; font-weight:bold;}
.honorUlPd ul li th p{ color:#bfbfbf; font-size:1em; line-height:22px;}
.honorUlPd ul li td{ vertical-align:top;}
.honorUlPd ul li td p{ color:#191919; font-size:1em; line-height:22px;}

.pager{ background:#eeeeee; padding:20px 0; text-align:center;}
.pager a{ display:inline-block; margin:0 5px; width:80px; height:40px; background-size:80px; background-position:left; background-repeat:no-repeat; color:#eeeeee; text-decoration:none;}
.pager a:first-child{ background-image:url(../images/about/up.jpg);}

.pager a:last-child{ background-image:url(../images/about/down.jpg);}

.culturePd{ margin-top:15px;}
.culturePd ul{ padding-bottom:40px;}
.culturePd li{ margin-bottom:15px; background:url(../images/about/cultureLiBg.png) left top no-repeat; background-size:100%; padding:15px 10px; position:relative;}
.culturePd li h4{ color:#333333; font-size:1em; font-weight:bold;}
.culturePd li span{ display:block; width:15px; height:2px; background:#b40804; margin:10px 0;}
.culturePd li p{ color:#494949; font-size:1em;}
.culturePd li em{ font-size:1.5em; color:#919191; text-transform:uppercase; position:absolute; right:10px; bottom:10px; display:inline-block; font-family:\5B8B\4F53;}
.cultureBg{ background:url(../images/about/cultureBg.jpg) left top no-repeat; background-size:100%; position:relative;}
.cultureBg img.lastImg{ position:absolute; left:0; bottom:0px; width:100%;}


.dutyPd{ padding:15px 0 15px;}
.dutyPd img{ width:100%;}

/*business*/
.membranePd{ padding-top:15px;}
.membraneOne{}
.membraneTwo{ background-image:url(../images/business/memImg02.png)!important;}
.membraneThree{ background-image:url(../images/business/intelligentImg01.jpg)!important;}
.membraneOneWrite{ margin:0 15px 20px; background:#fff; padding:13px 10px; border:1px solid #d3d3d3;margin-top:-30px;position: relative;z-index:2;}
.membraneOneWrite img.memLogo{ width:70%; margin-bottom:25px;}
.membraneOneWrite p{ color:#303030; font-size:1em; line-height:22px; margin-bottom:20px;}
.membraneOneWrite a{ display:block; color:#b81619; text-decoration:underline;}
.membraneOneWrite a img{ vertical-align:middle; margin-right:5px; width:20px;}
.membraneGray{ background:#eeeeee; padding-top:20px;}
.membraneQH .blue h3{ background:#fff; border-radius:8px; line-height:22px; margin:10px auto;}
.membraneQH .slick-list{ margin:0 10px; padding-bottom:40px;}
.membraneQH p{ color:#303030; padding:5px 0; text-align:center; width:100%; border-bottom-left-radius:8px; border-bottom-right-radius:8px; background-color:#fff; line-height:22px; position:relative; font-size:14px;}
.membraneQH p img{ width:20px; position:absolute; top:-10px; left:50%; margin-left:-10px;}
.membraneQH img{ width:100%; border-top-left-radius:8px; border-top-right-radius:8px;}
.membraneQH .slick-prev,.membraneQH .slick-next{ bottom:0px; top:auto; width:50px; background-repeat:no-repeat; background-position:left top; }
.membraneQH .slick-prev{ background-image:url(../images/business/left.jpg); background-size:50px; left:50%; margin-left:-55px;}
.membraneQH .slick-next{ background-image:url(../images/business/right.jpg); background-size:50px; right:50%; margin-right:-55px;}
.membraneWrite{ padding-top:30px;}
p.membraneP{margin-bottom: 10px;font-size: 1em;color: #555555;line-height: 22px;}
.opticsBg{ background:url(../images/business/opticsBg.jpg) left bottom no-repeat; padding-bottom:40px; background-size:100%;}
.coatingPd{ padding-bottom:20px;}
.coatingPd .blue{ width:100%;}

.coatingPd .slick-prev,.coatingPd .slick-next{ width:50px; height:55px; background-repeat:no-repeat; background-position:left top; }
.coatingPd .slick-prev{ background-image:url(../images/business/coatingLeft.png); background-size:50px; left:0;}
.coatingPd .slick-next{ background-image:url(../images/business/coatingRight.png); background-size:50px; right:0;}
.investBg{ background:url(../images/business/investBg.jpg) left bottom no-repeat; padding-bottom:30px; background-size:100%;}

.intelligentPd{ padding-top:5px;}
.intelligentPd li{ margin:10px 0;}
.intelligentPd li a{ display:block; text-decoration:none; background:#eeeeee;}
.intelligentPd li a img{ width:100%;}
.intelligentPd li a div{ margin:0 20px;}
.intelligentPd li a p{ color:#303030; font-size:1em; line-height:24px; padding-bottom:20px;}
.intelligentPd li a div img{ margin-top:20px; width:80%;}
.intelligentPd li a em{ display:block; width:100%; color:#eeeeee; font-size:1.5em; height:40px; background:url(../images/business/intelligentLineBg.jpg) left top repeat-x; background-size:100%; text-align:center; line-height:40px;}
.intelligentPd li a em img{ width:20px; margin-left:5px; vertical-align:middle; margin-top:-3px;}

/*news*/
.newsBg{ background:#eeeeee; padding-bottom:15px;}
.newsBg ul{}
.newsBg ul li{ border-bottom:1px solid #d5d5d5; border-top:1px solid #d5d5d5; margin-top:15px;}
.newsBg ul li a{ background:#fff; display:block;}
.newsBg ul li a p{ padding:15px; border-bottom:1px solid #e4e4e4;}
.newsBg ul li a img{ width:100%;}
.newsBg ul li div.newsWrite{margin:0 15px; padding-bottom:20px;}
.newsBg ul li div.newsWrite p{ color:#303030;font-size:1.5em; padding:0; background:url(../images/news/newsRight.png) right 5px no-repeat; background-size:10px; border:none;}
.newsBg ul li div.newsWrite p em{ display:block; color:#a7a7a7; font-size:1em;}

.newsH4{ color:#b90110; font-size:1.5em; margin:30px 20px 0; text-align:center;}
.newsTime{ margin:10px 0; border-top:1px solid #bab8b8; border-bottom:1px solid #bab8b8; text-align:center; padding:5px 0;}
.newsPList p{ color:#555555; font-size:1em; line-height:22px; margin-bottom:10px;}

/*contact*/
.contactPd{ margin-top:15px; padding-bottom:20px;}
.contactPd div.map{ background:#f9f9f9; padding:20px 0;}
.contactPd div.map img{ width:100%;}
.contactPd h4{ padding:5px 20px; border-bottom:1px solid #d8d8d8; margin-top:10px; color:#3a3a3a; font-size:1.5em;}
.contactPd ul li{ padding:7px 20px; border-bottom:1px solid #d8d8d8;color:#3a3a3a; font-size:1em;}
.contactPd ul li p{ color:#666666; font-size:1.3em; line-height:22px; text-align:left;}
.contactPd table{ width:100%; background-position:right 3px; background-repeat:no-repeat; background-size:auto 20px;}
.contactPd table th{ vertical-align:top; width:50px;}
.contactPd table td{ vertical-align:top;}
.contactPd table td p{ padding-right:30px;}

.hrList{ background:#fff; padding:15px 10px; display:none;}
.hrList h4{ color:#717171; font-size:1em; margin-bottom:15px;}
.hrList p{color:#717171; font-size:1em; line-height:22px;}
.hrPd{}
.hrPd ul{ margin-bottom:15px;}
.hrPd li{ border:1px solid #d4d4d4; background:#d4d4d4; margin-bottom:1px;}
.hrPd li a{ display:block; text-decoration:none; color:#555555; font-size:1em; background:url(../images/contact/jia.png) right center no-repeat; background-size:20px; margin:0 10px; padding:10px 0; font-weight:bold;}
.hrPd li a.cur{ background-image:url(../images/contact/jian.png);}
.pb20{ padding-bottom:20px;}

.hrP{ color:#555555; font-size:1em; line-height:22px; margin-bottom:15px;}
.hrLast{ text-align:center; color:#6d6d6d; font-size:1em; line-height:22px; margin-bottom:15px;}
.hrLast a{ display:inline-block; color:#b90110; text-decoration:none;}

/*legal*/
.legalPd{ padding:15px 0;}
.legalPd p{ font-size:1em; line-height:22px; color:#666; margin-bottom:10px;}
.pt30{ padding-bottom:30px;}


.aboutPd01 p{ color:#555555; margin-bottom:5px; font-size:1em; line-height:22px;}
.aboutPd02{padding-top:20px;}
.aboutPd02 img{display:block;width:100%;}

.aboutPd03{padding-top:10px;}
.aboutPd03 h4{font-size:18px;}
.aboutPd03 span{display:inline-block;width:20px;height:2px;background-color:#b90110;margin:10px 0;}
.aboutPd03 p{ color:#555555; margin-bottom:5px; font-size:1em; line-height:22px;}
.aboutPd03 img{display:block;width:100%;margin-top:10px;}

.dutyP{padding-top:20px;padding-bottom:20px;}
.dutyP p{ color:#555555; margin-bottom:5px; font-size:1em; line-height:22px;}
.dutyP ul{display:inline-block;width:100%;margin-bottom:10px;}
.dutyP ul li{margin-top:10px;}
.dutyP ul li img{display:block;width:100%;}