@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:14px/1.75 "arial";COLOR: #666;  background:#fff;width:100%; overflow-x: hidden;}
A {COLOR: #333; TEXT-DECORATION: none}
P{COLOR: #666;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container{max-width:1499px;margin:0 auto}
.container-s{max-width:1717px;margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}

/*PC端公共头部*/
.header{position: fixed; z-index: 222; width: 100%; top: 0; height: 114px; background: #fff; box-shadow: -1.042px 5.909px 16px 0px rgba(181, 181, 181, 0.22);}
.header .container-s{position: relative;}
.header .logo{margin-right: 165px; margin-top: 30.5px;}
.header .logo img{display: block;  margin-right: 13px;}
.header .text strong{display: block; font-size: 23px; line-height: 23px; color: #333; margin-top: 6px;}
.header .text span{display: block; font-size: 14px; color: #666;}
.header .nav ul li{float:  left; position: relative;  margin-right: 55px;}
.header .nav ul li:last-child{margin-right: 0}
.header .nav ul li>a{display: block; font-size: 16px; line-height: 114px;  color: #666;  position: relative;  }
.header .nav ul li:hover>a,.header .nav ul li.on>a{color: #0099e0;}

.header .nav .hide{position: fixed;width: 1100px;left:-100px;right: 0;margin:0 auto;top: 114px;text-align: left;padding: 0 30px;height: 0px;overflow: hidden;box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);z-index: 999;transition: 400ms ease-in-out;background: #ffffff;}
.header .nav .hide .hide-left{width: 63%;text-align: left;text-indent:1rem;padding-top:30px;}
.header .nav .hide .hide-left dd{height:45px;line-height: 45px;border-bottom:1px solid #eee; float: left; width: calc(94% / 2); margin-right: 6%}
.header .nav .hide .hide-left dd:nth-child(2n){margin-right: 0}
.header .nav .hide .hide-left dd a{width: 100%;display: block;}
.header .nav .hide .hide-left dd:hover a{color:#115376}
.header .nav .hide .hide-left dd::after{content:'';display:block; background: #0099e0;height:1px;display: block;width:0;transition: all .4s;}
.header .nav .hide .hide-left dd:hover::after{width:100%;}
.header .nav .hide .hide-right{width: 35%;margin-top:30px;}
.header .nav .hide .hide-right img{width: 100%;}
.header .nav .hide{box-shadow: 1px 1px 10px rgba(0,0,0,0.1); }
.header .nav li:hover .hide {height: 270px; transition: 400ms ease-in-out;}


.nav-column{padding-top:26px;position: absolute;top: 88px;z-index:222;display: none;  width: 212px; left: 50%; margin-left: -106px;}
.nav-column .nav-dl{background: #fff;  padding: 11px 18px; position: relative; box-shadow:0px 1px 4px 1px rgba(0,0,0,0.17); box-sizing:border-box;}
.nav-column .nav-dl:after{position: absolute; content: ''; background: url(../images/nav-hide.png) no-repeat center top; width: 26px; height: 12px; top: -12px; left: 50%; margin-left: -13px;}
.nav-column .nav-dl dl dd a{display: block; font-size: 14px; color: #666; line-height: 40px; text-align: center; border-bottom: solid 1px #e6e6e6; margin-bottom: 5px;}
.nav-column .nav-dl dl dd:last-child a{border-bottom: none;}
.nav-column .nav-dl dl dd a:hover{background: #0099e0; color: #fff}
.search img{display: inline-block; margin-right: 71px; margin-top: 47px;}
.seach-form{display: none;}
.seach-form form{ position: absolute;top:124px; background: #fff;cursor: pointer; width: 320px;right: 0}
.seach-form input{float:left;border:none;height:40px; outline: none; font-size: 15px;}
.seach-form  .f-text{width: calc(100% - 80px); line-height: 40px; text-indent: 20px; background: #f5f5f5; color: #bdbdbd}
.seach-form  .f-submit{width:80px; background: #0099e0;color:#fff}
.header .ver{margin-top: 37px; background: #fff; border-bottom-left-radius: 20.5px;border-bottom-right-radius: 20.5px;}
.header .ver ul li{float: left; width: 140px; line-height: 39px; border: 1px solid #e1e1e1; border-radius: 20.5px; text-align: center; position: relative;}
.header .ver ul li img{display: inline-block; vertical-align: middle;}
.header .ver dl{ display: none;}
.header .ver dl a{display: block; line-height: 35px;}
.header .ver dl a:hover{color: #0099e0}
.header-zw{height: 114px;}
.wap-header{display: none;}


/*首页banner*/
.banner{ position: relative; overflow: hidden; height: 800px;}
.banner .info{margin-top: 302px; margin-left: 7.4%}
.banner .info em{display: block; font-size:65px; line-height: 75px; color: #313b4c; margin-bottom: 19px;font-weight: bold;text-transform: uppercase; }
.banner .info span{display: block; font-size: 21px; line-height: 38px;  color: #666; max-width: 821px}
#banner-num {bottom: 33px;z-index: 1; display: block;}
#banner-num .swiper-pagination-bullet{width: 14px; height: 14px; opacity: 1; background: #fff; border-radius: 50%}
#banner-num .swiper-pagination-bullet-active{background: #009ae1; }


/*手机端banner*/
.wap-banner{display: none;}


/*产品与方案*/
.pro-class .pic,.pro-class .info{width: 50%; height: 502px; overflow: hidden;}
.pro-class .pic img{display: none;}
.pro-class .info{display: flex; align-items: center; }
.pro-class .text{padding-left:8%; box-sizing:border-box;width: 80%;}
.pro-class .info em{display: block; font-size: 35px; line-height: 35px; color: #333; margin-bottom: 10px;}
.pro-class .info span{display: block; font-size: 18px; color: #666; margin-bottom: 101px;}
.pro-class .info a{display: block; transition:0.6s; width: 170px; background: #009ae1; font-size: 18px; line-height: 50px; color: #fff; border-radius: 25px; position: relative; text-indent: 31px;}
.pro-class .info a:after{position: absolute; content: ''; background: url(../images/arrow.png) no-repeat center; width: 8px; height: 15px; top: 17px; right: 33px;}
.pro-class .info a:hover{text-indent: 48px; }
.pro-class .info a:hover:after{right: -33px;}


/*首页分类*/
.index-class dl{float: left; width: calc(100% / 3); height: 500px; position: relative;}
.index-class dl .pic{height: 500px; width: 100%; overflow: hidden;}
.index-class dl:last-child .pic{height: 265px;}
.index-class dl .info{position: absolute; top: 79px; padding: 0 8%; box-sizing:border-box; left: 0; right: 0; margin: auto}
.index-class dl .info em{display: block; font-size: 32px; line-height: 32px; color: #333; margin-bottom: 12px;}
.index-class dl .info p{display: block; font-size: 15px; color: #666; margin-bottom: 89px;line-height:28px;}
.index-class dl .info a{display: block;  background: #009ae1; width: 98px; font-size: 16px; line-height: 32px; color: #fff; text-align: center; border-radius: 16px; text-transform: uppercase; font-family: arial;}
.index-class dl .info a:hover{border-radius: 0; transition:0.3s;}
.index-class dl .info i{display: block; font-style: normal; font-size: 14px; line-height: 10px; color: #6a6a6a; text-transform: uppercase; margin-bottom: 44px;}
.index-class dl:last-child .info em{margin-bottom: 9px;}
.index-class dl .text{background: #fff; padding: 0 6%; box-sizing:border-box; height: 235px;}
.stock {border-bottom: 1px solid #eee; padding: 39px 0 24px; margin-bottom: 19px;}
.stock ul li {float: left;}
.stock ul li:first-child{margin-right: 22%}
.stock ul li em{display: block; font-size: 16px; color: #333; margin-bottom: 8px;}
.stock ul li b,.stock ul li span{display: inline-block; font-size: 34px; line-height: 34px; color: #009ae1; }
.stock ul li i,.stock ul li b{ font-family: "Verdana"; font-style: normal;}
.stock-note h3,.stock-note em{display: inline-block; font-size: 16px; color: #666;}
.stock-note em{margin:0  8% 0 3.5%}



/*PC端公共底部*/
.foot{background: #eeeeee; padding: 52px 0 48px;}
.foot-nav{width: calc(100% - 352px - 6.5%)}
.foot-nav ul li{float: left; width: calc(100% / 5); }
.foot-nav ul li strong{display: block; font-size: 18px; color: #333; margin-bottom: 17px;}
.foot-nav dl{line-height: 28px;}
.foot-nav dl dt{display: block; color: #333; font-size: 14px;}
.foot-nav dl dd a{display: block; color: #707070}
/*.foot-nav dl dt.item{margin-top: 14px;}*/
.foot-nav dl dt.item2{margin-top: 5px;}
.foot-nav dl dt.item3{margin-top: 4px;}
.subscription{width: 352px; padding-bottom: 58px; }
.subscription em{display: block; font-size: 16px; color: #333;}
.message {margin-top: 12px; margin-bottom: 21px;}
.message form{ width: 100%; background: #fff;}
.message input{float:left;border:none;height:38px; outline: none; }
.message  .f-text{width: calc(100% - 50px); font-size: 14px; line-height: 38px; color: #999; text-indent: 20px; }
.message  .f-submit{width:50px; background: url(../images/message.png) no-repeat center #333;}
.link-icon{margin-top: 13px;}
.link-icon ul li{float: left; margin-right: 11px;}
.foot-copy{background: #333; padding: 21.5px 0;}
.foot-copy p{text-align: center; color: #eee;}
.foot-copy a{ color: #eee; margin: 0 5px;}
.foot a:hover,.foot-copy a:hover{color: #0099e0}

/*手机端公共底部*/
.wapfoot-zw,.wapfooter,#wxnr{display: none;}


/*内页banner*/
.abouts-banner{background: url(../images/abouts-banner.jpg) no-repeat center; height: 400px;}

.abouts-banner .info em{display: block; font-size:45px;line-height: 50px; font-weight: bold; color: #444; padding-top: 139px; margin-bottom: 14px;}
.abouts-banner .info p{display: block; font-size: 16px; color: #5f5f5f;max-width:600px}




/*关于丘钛 主页面*/
.about{text-align: center; padding: 13px 0 60px}
.about h2{font-size: 36px; color: #333; margin-bottom: 21px;width: 80%;margin:0 auto;line-height:45px;margin-bottom:20px}
.about h3{font-size: 16px; line-height: 30px; color: #555; width: 85%; margin: 0 auto 69px;}
.about-num {margin-bottom: 62px;}
.about-num .container{max-width: 1728px; }
.about-num ul li{float: left; width: 25%; background: url(../images/line.png) no-repeat right top 19px;}
.about-num ul li:last-child{background: transparent;}
.about-num ul li em{display: block; font-size: 60px; color: #0099e0;  font-family: arial; line-height: 48px; margin-bottom: 37px;    font-weight: bold;}
.about-num ul li span{display: block; font-size: 16px;  line-height: 24px; color: #555;}
.about-num ul li:nth-child(2) em,.about-num ul li:nth-child(3) em{margin-bottom: 24px;}
.about-more{display: block; width: 200px; background: #0099e0; font-size: 16px; line-height: 45px; color: #fff; text-align: center; margin: 0 auto}
/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
	100% {top: -12px;right: -12px;bottom: -12px;left: -12px;opacity: 0;}
}
@keyframes hvr-ripple-out {
	100% {top: -12px;right: -12px;bottom: -12px;left: -12px;opacity: 0;}
}
a.hvr-ripple-out {vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;background: #0099e0;}
a.hvr-ripple-out:before {content: '';position: absolute;border: #0099e0 solid 6px;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation-duration: 1s;animation-duration: 1s;}
a.hvr-ripple-out:hover:before,a.hvr-ripple-out:focus:before,a.hvr-ripple-out:active:before {-webkit-animation-name: hvr-ripple-out;animation-name: hvr-ripple-out;}
.about-class ul li{float: left; width: 50%; }
.about-class ul li .pic{height: 371px; display: flex}
.about-class ul li .name{margin: auto; color: #fff; text-align: center;}
.about-class ul li em{display: block; font-size: 22px; line-height: 22px; margin-bottom: 6px;}
.about-class ul li span{display: block; font-size: 13px; font-family: arial; text-transform: uppercase;}
.culture{padding: 59px 0 69px;}
.about-title{text-align: center;}
.about-title em{display: block; font-size: 30px; line-height: 30px; color: #333; margin-bottom: 5px;text-transform: uppercase;font-weight:bold}
.about-title span{display: block;  color: #999999; font-family: arial; text-transform: uppercase;}
.culture .about-title{margin-bottom: 50px;}
.culture-list{overflow: hidden;}
.culture-list ul li{float: left; margin: 0 1.3%; width: calc(100% / 3 - 2.6%)}
.culture-list ul li .pic img{display: block; width: 100%}
.culture-list ul li .info{background: #f5f5f5; padding: 48px 8%}
.culture-list ul li em{display: block; font-size: 22px; line-height: 37px; color: #333; margin-bottom: 2px;}
.culture-list ul li span{display: block; font-size: 14px; color: #919191; font-family: arial; text-transform: uppercase;}
.culture-list ul li .icon{background: url(../images/culture-arrow.png) no-repeat center; width: 39px; height: 39px; border-radius: 50%; border:1px solid #cecece;}
.culture-list ul li:hover .icon{background: url(../images/culture-arrow2.png) no-repeat center #0099e0; border-color: #0099e0; transition:0.6s;}
.about-develop{background: url(../images/about-develop.jpg) no-repeat center; padding: 59px 0 77px; background-size: cover; display: none;}
.about-develop .about-title{margin-bottom: 69px;}
.develop-con{width: 1320px; margin: 0 auto; position: relative;}
.develop-list{width: 1019px; margin: 0 auto; overflow: hidden; }
.develop-list ul li{border: 1px solid transparent; box-sizing:border-box; text-align: center; height: 242px;}
.develop-list ul li .text{position: absolute; margin: auto; left: 0; right: 0; top: 33%;transition:0.6s;}
.develop-list ul li em{display: block; font-size: 22px; color: #444; }
.develop-list ul li span{display: block; font-size: 16px; color: #666;}
.develop-list ul li img{ display: none; margin:45px auto 0; }
.develop-list ul li:hover{border: 1px solid #dddddd;}
.develop-list ul li:hover .text{position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; }
.develop-list ul li:hover img{display: block;  }
#develop-num{display: none;}
#develop-prev,#develop-next{position: absolute; width: 15px; height: 25px; z-index: 2; cursor: pointer; outline: none;}
#develop-prev{background: url(../images/develop-prev.png) no-repeat center; left: 0; }
#develop-next{background: url(../images/develop-next.png) no-repeat center; right: 0;}
#develop-prev:hover{background: url(../images/develop-prev2.png) no-repeat center; }
#develop-next:hover{background: url(../images/develop-next2.png) no-repeat center; }
.about-develop .about-more{margin: 61px auto 0}
.about-class2 ul li{float: left; width: calc(100% / 3); position: relative; }
.about-class2 ul li .pic{height: 418px;}
.about-class2 ul li .info{position: absolute; left: 0; width: 100%;  height: 100%; background: rgba(0,0,0,0.5); text-align: center; padding: 0 4%; box-sizing:border-box; color: #fff;}
.about-class2 ul li .text{position: absolute; margin: auto; left: 0; right: 0; top: 43.5%; }
.about-class2 ul li em{display: block; font-size: 30px; line-height: 30px; color: #fff;}
.about-class2 ul li span{display: block; text-transform: uppercase;; font-family: arial;}
.about-class2 ul li p{color: #fff; font-size: 15px; margin: 22px 0 106px;}
.about-class2 ul li img{display: block; margin: 0 auto}
.about-class2 ul li p,.about-class2 ul li img{display: none;}
.about-class2 ul li:hover .info{background: rgba(0,153,224,0.87);}
.about-class2 ul li:hover .text{position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; transition:0.6s;}
.about-class2 ul li:hover p,.about-class2 ul li:hover img{display: block; }


/*关于我们子分类 banner*/
.about-banner{background: url(../images/about-banner.jpg) no-repeat center; height: 323px; position: relative;}
.about-banner .info{text-align: center; color: #fff; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; width: 98%; margin: 0 auto}
.about-banner .info em{display: block; font-size: 45px;font-weight:bold}
.about-banner .info p{font-size: 16px; color: #fff;}


/*内页分类*/
.ny-class{box-shadow: -1.042px 5.909px 16px 0px rgba(181, 181, 181, 0.15);}
.about-nav .ctitle1{text-align: center; margin-bottom: 90px;}
.about-nav .ctitle1 li{display: inline-block; margin: 0 2%}
.about-nav .ctitle1 li a{display: block; font-size: 15px; line-height: 78px; color: #444444; position: relative;}
.about-nav .ctitle1 li a:after{position: absolute; content: ''; bottom: 0; width: 0; height: 2px; background: #0099e0; left: 50%; }
.about-nav .ctitle1 li:hover a:after{width: 100%; left: 0; transition:0.6s;}
.about-nav .ctitle1 li:hover a,.about-nav .ctitle1 li.on  a{color: #0099e0}


/*公司简介*/
.profile{padding-bottom: 76px;}
.company-title{text-align: center; margin-bottom: 31px;}
.company-title strong{display: block; font-size: 32px; line-height: 32px; color: #0099e0; margin-bottom: 7px;}
.company-title em{display: block; font-size: 16px; color: #666; margin-bottom: 12px;}
.company-title i{display: block; width: 50px; height: 3px; background: #0099e0; margin: 0 auto}
.profile .info p{display: block; font-size: 16px; line-height: 33px; color: #555555; text-indent: 2rem;}
.profile-num{background: url(../images/profile-bg.jpg) no-repeat center; background-size: cover; padding: 72px 0 64px; border-radius: 10px; margin-top: 65px;}
.profile-num ul li{float: left; width: 25%; background: url(../images/line.png) no-repeat right top 19px; text-align: center;}
.profile-num ul li:last-child{background: transparent;}
.profile-num ul li em{display: block; font-size: 60px; color: #0099e0;  font-family: arial; line-height: 48px; margin-bottom: 37px;}
.profile-num ul li span{display: block; font-size: 18px;  line-height: 24px; color: #555;}
.profile-num ul li:nth-child(2) em,.profile-num ul li:nth-child(3) em{margin-bottom: 24px;}
.strategy{display: flex; margin-bottom: 107px;}
.strategy .pic{width: 46.6%; height: 447px;}
.strategy .pic img{display: none; width: 100%}
.strategy .info{ width: 53.4%; height: 100%; display: flex}
.strategy .text{margin: auto; padding: 0 10%; box-sizing:border-box;}
.strategy .info strong{display: block; font-size: 32px; line-height: 32px; color: #169ee1; margin-bottom: 8px;}
.strategy .info span{display: block; color: #aaa; text-transform: uppercase; font-family: arial; margin-bottom: 34px;}
.strategy .info p{font-size: 16px; line-height: 33px; color: #555555; text-indent: 2rem}


/*董事会及高级管理人員*/
.chairman-btn{overflow: hidden;}
.chairman-btn ul{width: calc(100% + 18px)}
.chairman-btn ul li{float: left; margin-right: 18px; width: calc(100% / 4 - 18px); text-align: center;}
.chairman-btn ul li .text{display: block;  background: #f5f5f5; height: 137px; margin-bottom: 49px; width: 100%}
.chairman-btn ul li strong{display: block; font-size: 18px; color: #000000; margin-bottom: 12px; padding-top: 28px;}
.chairman-btn ul li span{display: block; background: url(../images/ico-jia.png )no-repeat center; width: 30px; height: 30px; margin: 0 auto}
.chairman-btn ul li em{display: none; background: url(../images/chairman-btn.png) no-repeat center; width: 24px; height: 21px; margin: 0 auto;}
.chairman-btn ul li.on em{display: block;}
.chairman-btn ul li.on span{ background: url(../images/ico-jian.png )no-repeat center;}
.chairman-con ul{display: none;}
.chairman-con .info{border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; box-sizing:border-box; padding: 38px 3.2%; margin-bottom: 57px;}
.chairman-con .info b{display: block; font-size: 18px; color: #333;}
.chairman-con .info p{display: block; font-size: 16px; line-height: 36px; color: #333}
.chairman-con  .item1{margin-bottom: 39px;}
.chairman-list h3{display: block; font-size:28px; color: #333; font-weight: bold; margin-bottom: 50px;}
.chairman-list dl{margin-bottom: 42px; background: #fafafa}
.chairman-list dl dt,.chairman-list dl dd{float: left;}
.chairman-list dl dt{width: 178px; overflow: hidden;}
.chairman-list dl dt img{display: block; width: 100%}
.chairman-list dl dd{width: calc(100% - 178px); box-sizing:border-box; padding: 22px 3.2% 0}
.chairman-list dl dd strong{display: block; font-size: 24px; color: #333; border-bottom: 1px solid #e1e1e1; padding-bottom: 13px; margin-bottom: 18px;}
.chairman-list dl dd span{display: inline-block; font-size: 16px; color: #666; font-weight: normal; margin-left: 22px;}
.chairman-list dl dd p{display: block; font-size: 15px; line-height: 26px; color: #666;  height:100px;overflow-y: auto;    padding-right: 20px;  }
/* 设置滚动条的样式 */
::-webkit-scrollbar {
width:5px;
background:rgba(0,0,0,0.1);
border-radius:10px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
-webkit-box-shadow:inset006pxrgba(0,0,0,0.2);
border-radius:10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,0.1);
-webkit-box-shadow:inset006pxrgba(0,0,0,0.7);
}
::-webkit-scrollbar-thumb:window-inactive {
background:rgba(0,0,0,0.2);
}
.chairman-list dl dd em{color: #0099e0}
.chairman-list dl:hover dt img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.chairman-list dl:hover dd strong{color: #0099e0}


/*企业文化*/
.mission{margin-bottom: 75px;}
.mission-title{text-align: center; margin-bottom: 70px;}
.mission-title h2{display: block; font-size: 28px; line-height: 50px; color: #333}
.mission-bg{background: url(../images/mission-bg.jpg) no-repeat left 40% center; height: 445px; background-size: cover;display: flex; align-items: center; position: relative;}
.mission-bg .text{position: absolute; right: 15%}
.mission-bg em{display: block; font-size: 24px;  line-height: 24px; color: #666; margin-bottom: 22px;}
.mission-bg span{display: block; font-size: 33px; line-height: 33px;  color: #333; margin-bottom: 19px;}
.mission-bg strong{display: block; font-size: 45px; line-height: 45px; color: #333; margin-bottom: 55px;}
.mission-bg i{display: block; width: 76px; height: 5px; background: #0099e0;}
.vision{background: url(../images/vision-bg.jpg) no-repeat center; background-size: cover; padding: 78px 0 86px}
.culture-title{text-align: center;}
.culture-title em{display: block; font-size: 24px; line-height: 24px; color: #666;}
.culture-title strong{display: block; font-size: 32px; color: #333; margin-bottom: 14px;}
.culture-title i{display: block; width: 76px; height: 5px; background: #0099e0; margin: 0 auto}
.vision .culture-title{padding-bottom: 102px;}
.vision-list{background: url(../images/vision-list.png) no-repeat center; height: 528px; width: 1057px; margin: 0 auto; position: relative; }
.vision-list .info{position: absolute; text-align: center; width: 247px; left: 0; right: 0; top: 50%; transform: translateY(-50%);margin: auto}
.vision-list .info strong{display: block; font-size: 30px; color: #333;}
.vision-list .info p{font-size: 16px; line-height: 30px; color: #666;}
.vision-list ul li{position: absolute; width: 238px;}
.vision-list ul li strong{display: block; font-size: 20px; color: #333; line-height: 43px;}
.vision-list ul li span{display: block; font-size: 16px; color: #666; line-height:20px;}
.vision-list ul li.item{position: absolute;}
.vision-list ul li.item1,.vision-list ul li.item2{top: 0}
.vision-list ul li.item1,.vision-list ul li.item3{left: 0; text-align: right;}
.vision-list ul li.item2,.vision-list ul li.item4{right: 0; text-align: left;}
.vision-list ul li.item3,.vision-list ul li.item4{bottom: -5px}
.values {padding: 90px 0 99px;}
.values .culture-title{padding-bottom: 46px;}
.values-list{background: url(../images/values-bg.jpg) no-repeat center; padding: 118px 0 108px;}
.values-list ul li{float: left; text-align: center; width: 25%; background: url(../images/values-line.png) no-repeat right top;}
.values-list ul li:last-child{background: transparent;}
.values-list ul li img{display: block; margin: 12px auto 26px}
.values-list ul li em {display: block; font-size: 20px;font-weight: bold;color:#333}
.wapvision-list{display: none;}
#mission{top: -150px; position: relative;}





/*发展历程*/
.his {padding-top:171px;background: #f6f9fb; margin-top: -90px}
.his .container{max-width: 1400px;overflow: hidden;}
#timeline{position:relative;background: url(../images/dev-line.png)no-repeat center 79px;background-size:100%; overflow: hidden;}
#next.disabled,#prev.disabled {opacity: 0.2;}
#prev,#next{position: absolute;width: 62px;height: 62px;cursor: pointer;top:48px;background-position: 0 0;background-repeat: no-repeat;text-indent: -9999px;overflow: hidden;}
#prev {background: url(../images/dev-prev.png)no-repeat;left:0;}
#next {background: url(../images/dev-next.png)no-repeat;right: 0px;}
#next.disabled,#prev.disabled {opacity: 0;}
#dates {overflow: hidden;height:174px;margin:0 auto 33px;}
#dates li {width:250px; float:left; font-size:20px; text-align:center; padding-top:15px;line-height: 20px;overflow: visible;position: relative;}

#dates li:hover a{color:#fff;font-size: 23px;font-weight: bold;padding-top:50px;}
#dates li a{padding-bottom: 32px;transition: all .4s;}
#dates a {line-height: 38px; z-index:2; background:url(../images/circle.png) no-repeat center 58px;  height:113px; display:block;font-size: 22px;color: #333;}
#dates a:hover{ font-size:30px; background:url(../images/circle-on.png) no-repeat center top;color: #027fcc}
#dates .selected {z-index:1;color:#fff;font-weight: bold;  font-size: 23px; background:url(../images/circle-on.png) no-repeat center;position: relative;display: block;} 
#dates .selected:before{display: block;content: "";height: 46px;}
#dates .selected:after{z-index:-1;opacity: 1; animation: 2s linear infinite running rond;display: block;content: "";width: 141px;height: 138px; background:url(../images/circle-on-s.png) no-repeat center;position:absolute;left:62px;top:8px;}


@keyframes rond {
	0% {
	    transform: rotate(0deg);
	}
	100% {
	    transform: rotate(360deg);
	}
}
#dates li:hover .selected{padding-top:0;}
#issues {overflow: hidden;}	
#issues li {width: 1400px;/*min-height: 350px;*/list-style: none;float: left; overflow: hidden;}
#issues li dl{background:url(../images/historyListBg.jpg) 235px repeat-y;}
#issues li dd{ position:relative;margin-bottom: 59px;}
#issues li dd p{width: 100%;margin:0 auto;text-align: center;line-height:29px;color: #333;}
#issues li dd b{color: #0099e0}


/*公司新闻*/
.news{padding-bottom: 80px;}
.news-list {overflow: hidden;}
.news-list ul{width: 102.2%}
.news-list ul li{float: left; width: calc(100% / 4 - 2.2%); margin-right: 2.2%; margin-bottom: 2.2%}
.news-list ul li .pic img{display: block; width: 100%}
.news-list ul li .info{background: #fafafa; padding: 19px 7.5% 23px; box-sizing:border-box;}
.news-list ul li .info em{display: block; font-size: 16px; color: #333; margin-bottom: 11px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.news-list ul li .info p{line-height: 26px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news-list ul li .date{background: #f5f5f5; padding: 0 7.5%; box-sizing:border-box; line-height: 48px;}
.news-list ul li .date em,.news-list ul li .date span{display: block; font-family: arial;}
.news-list ul li .date em{color: #666;}
.news-list ul li .date span{ color: #999;}
.news-list ul li:hover .info em{color: #0099e0}


/*公司详情页*/
.news-xq {padding: 75px 0}
.news-xq .container{max-width: 1200px;}
.news-title a{display: block; font-size: 20px; color: #666; margin-bottom: 36px; }
.news-title a img{display: inline-block; margin-right: 20px;}
.news-title a:hover{color: #0099e0}
.news-title h3{display: block; font-size:28px; color: #333; margin-bottom: 40px;font-weight:bold}
.news-title i{display: block; height: 2px; width: 100%; background: #0099df; margin-bottom: 18px}
.news-title em{display: block; font-size: 16px; color: #666;}
.news-editbox{border-bottom: 1px solid #ddd; padding:20px 0; margin-bottom: 40px;}
.news-arrow span{display: block; color: #666;}
.news-arrow a{color: #666;}
.news-arrow a:hover{color: #0099e0}


/*联系我们*/
.contact .container{max-width: 1200px; margin: 0 auto}
.contact-title{text-align: center; margin-bottom: 84px;}
.contact-title strong{display: block; font-size: 32px; color: #333; margin-bottom: 8px;}
.contact-title i{display: block; width: 39px; height: 3px; background: #0099e0; margin: 0 auto}
.contact-list{margin-bottom: 64px; }
.contact-list dl{float: left; margin: 0 1.875%; width: calc(100% / 3 - 3.75%); box-shadow: -1.042px 5.909px 16px 0px rgba(181, 181, 181, 0.15);}
.contact-list dl h3{display: block; background: #eee; font-size: 18px; color: #333; text-align: center; line-height: 75px; font-weight: bold; }
.contact-list ul{background: #fff; padding: 0 5%; box-sizing:border-box;}
.contact-list ul li{height: 12rem; padding: 32px 7% 0; box-sizing:border-box;}
.contact-list ul li:first-child{border-bottom: 1px dashed #dedede; }
.contact-list ul li b{display: block; font-size: 16px; color: #333; margin-bottom: 3px;}
.contact-list ul li img{display: inline-block;vertical-align: middle; margin-right: 11px;}
.contact-list ul li em,.contact-list ul li strong{color: #666;font-weight: normal;}
.map iframe{width: 100%; height: 712px; border: none;}


/*产品与方案 主页面*/
.proclass-banner{background: url(../images/proclass-banner.jpg) no-repeat center; height: 400px; background-size: cover;position: relative;}
.proclass-banner .info{ position: absolute; top: 50%; transform: translateY(-50%); }
.proclass-banner .info em{display: block; font-size: 45px; color: #444;font-weight: bold;}
.proclass-banner .info p{font-size: 16px; color: #5f5f5f;}
.proclass-main{padding: 65px 0 34px;}
.proclass-title{text-align: center; margin-bottom: 59px;}
.proclass-title em{display: block; font-size: 32px; line-height: 32px; color: #333; margin-bottom: 5px;text-transform: uppercase;font-weight:bold}
.proclass-title span{display: block; color: #a1a1a1; font-family: arial; text-transform: uppercase; }
.proclass-list {overflow: hidden; margin-bottom: 87px;}
.proclass-list ul{width: 103.6%}
.proclass-list ul li{float: left; margin-right: 3.6%; width: calc(100% / 2 - 3.6%); position: relative;}
.proclass-list ul li .pic{height: 349px; width: 100%; }
.proclass-list ul li .info{position: absolute; width: 100%; height: 100%; display: flex; align-items: center; margin-left: 6.5%}
.proclass-list ul li h3{display: block; font-size: 26px; line-height: 26px; color: #333; margin-bottom: 35px;}
.proclass-list ul li em{display: block; color: #999; font-family: arial; text-transform: uppercase; margin-bottom: 68px;}
.proclass-list ul li span{display: block; width: 97px; background: #0099e0; line-height: 35px; color: #fff; text-align: center; border-radius: 17.5px; }
.proclass-list ul li:hover span{background:#e7212a; transition: 0.6s}
.scheme-list{overflow: hidden;}
.scheme-list ul{width: 101.3%}
.scheme-list ul li{float: left; margin-right: 1.3%; width: calc(100% / 4 - 1.3%)}
.scheme-list ul li .info{background: #f5f5f5; display:flex; align-items:center; justify-content: center; padding: 11.5% 0}
.scheme-list ul li .icon img{margin-right: 19px;}
.scheme-list ul li h3{display: block; font-size: 22px;  color: #333;line-height: 70px;font-weight: bold;}
.scheme-list ul li span{display: block; line-height: 10px; color: #777; font-family: arial; text-transform: uppercase;}
.scheme-list ul li .pic{overflow: hidden}
.scheme-list ul li .pic img{display: block; width: 100%;-webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.scheme-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}


/*产品列表页*/
.camera-banner{background: url(../images/camera-banner.jpg) no-repeat center; height: 516px; background-size: cover;position: relative;}
.camera-banner .info{ position: absolute; top: 50%; transform: translateY(-50%); margin-left: 7%}
.camera-banner .info em{display: block; font-size: 50px; line-height: 50px; color: #333; margin-bottom: 12px;}
.camera-banner .info p{font-size: 18px; color: #5f5f5f;}
.product{padding: 76px 0 63px}
.pro-class .ctitle1{width: 1110px; margin: 0 auto 40px;}
.pro-class .ctitle1 li{float: left; margin: 0 8px; width: calc(100% / 3 - 16px)}
.pro-class .ctitle1 li a{display: block; border: 1px solid #ddd; box-sizing:border-box; font-size: 16px; line-height: 52px; color: #333; text-align: center;}
.pro-class .ctitle1 li.on a,.pro-class .ctitle1 li:hover a{background: #0099e0; color: #fff; border-color: #0099e0; transition:0.6s;}
.classification p{width: 1100px; margin: 0 auto 60px; font-size: 16px; line-height: 40px; color: #666; text-align: center;}
.classification .pic img{display: block; width: 100%; margin-bottom: 98px;}
.product-title{text-align: center; margin-bottom: 75px;}
.product-title em{display: block; font-size: 36px; color: #333; margin-bottom: 20px;font-weight: bold;text-transform: uppercase;font-size:30px;}
.product-title i{display: block; width: 53px; height: 5px; background: #0099e0; margin: 0 auto}
.product-list ul li{float: left; width: 25%; }
.product-list ul li .pic{border: 1px solid #ddd;  border-left: none; box-sizing:border-box; overflow: hidden;}
.product-list ul li:first-child .pic{border-left: 1px solid #ddd;}
.product-list ul li .pic{display: flex;  display:flex; align-items:center; justify-content: center;}
.product-list ul li .pic img{transform: scale(0.5); transition:0.6s; }
.product-list ul li h3{display: block; font-size: 16px; line-height: 64px; color: #333;  text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.product-list ul li:hover .pic img{transform: scale(0.7); transition:0.6s; }
.product-list ul li:hover h3{color: #0099e0}


/*产品详情页 */
.product-xq{background: #f5f5f5; padding: 76px 0 0; height: 426px; box-sizing:border-box;}
.product-xq .info{ width: calc(95% - 454px)}
.product-xq .info span,.product-xq .info em{margin-left: 29px;}
.product-xq .info span{display: block; font-size: 16px; color: #444; margin-bottom: 43px;}
.product-xq .info span a{color: #444;}
.product-xq .info span a:hover{color: #0099e0}
.product-xq .info em{display: block; font-size:35px; color: #333; margin-bottom: 3px;font-weight:bold}
.product-xq .info h3{display: block; background: #ededed; padding: 0 32px; font-size: 20px; line-height: 69px; color: #333; border-radius: 34.5px;}
.product-xq .pro-pics{width: 454px; margin-right: 5%; overflow: hidden; position: relative;}
.proxq-pic{width: 373px; overflow: hidden; height: 238px;}
.proxq-pic ul li{float: left; overflow: hidden;}
.proxq-pic ul li .pic img{display: block; width: 100%}
#product-num {bottom: auto; right: 0; left: auto; width: 13px; top: 50%; transform: translateY(-50%); }
#product-num .swiper-pagination-bullet{width: 13px; height: 13px; background: #d6d6d6; opacity: 1; margin: 9px 0}
#product-num .swiper-pagination-bullet-active{background: #0099e0}
.features{padding: 84px 0 101px}
.features-title{text-align: center; margin-bottom: 80px;}
.features-title em{display: block; font-size: 35px; line-height: 40px; color: #333; margin-bottom: 17px;text-transform: uppercase;font-weight:bold}
.features-title p{display: block; font-size: 16px; color: #666;}
.related-pro{background: #f5f5f5}
.related-title em{display: block; font-size:35px; line-height: 35px; color: #333; margin-bottom: 55px;font-weight:bold;text-transform: uppercase;}
.related-pro{padding: 63px 0 103px;}
.related-pro .container{position: relative;}
.related-list{overflow: hidden;}
.related-list ul li{float: left; background: #fff; border: 1px solid #e5e5e5; box-sizing:border-box; padding-bottom: 39px;}
.related-list ul li .pic{display:flex; align-items:center; justify-content: center;}
.related-list ul li .pic img{ transform: scale(0.5); transition:0.6s; }
.related-list ul li em{display: block; font-size: 15px; color: #333; text-align: center; padding: 0 2%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.related-list ul li:hover .pic img{transform: scale(0.7); transition:0.6s; }
.related-list ul li:hover em{color: #0099e0}
#related-prev,#related-next{position: absolute; width: 47px; height: 47px; border-radius: 50%; top: 0; right: 0; left: auto; margin-top: 0}
#related-prev{background: url(../images/related-prev.png) no-repeat center #fff; right: 65px;}
#related-next{background: url(../images/related-next.png) no-repeat center #fff; }
#related-prev:hover{background: url(../images/related-prev2.png) no-repeat center #0099e0;}
#related-next:hover{background: url(../images/related-next2.png) no-repeat center #0099e0;}
#related-num{display: none;}


/*手机摄像头解决方案*/
.solutions-title {padding: 60px 0 }
.solutions-title em{display: block; font-size: 40px; line-height: 40px; color: #333;}
.solutions-class .ctitle1 li{float: left; margin-left: 80px;}
.solutions-class .ctitle1 li:first-child{margin-left: 0}
.solutions-class .ctitle1 li a {display: block; font-size: 16px; line-height: 40px; color: #333;}
.solutions-class .ctitle1 li.on a,.solutions-class .ctitle1 li:hover a{color: #0099e0}
.phone-pic{background: url(../images/phone-pic1.jpg) no-repeat center; height: 698px; background-size: cover}
.phone-pic img{display: none; width: 100%;}
.front-camera{background: url(../images/front-camera-bg.jpg) no-repeat center; background-size: cover; padding: 188px 0 150px;}
.front-camera .container-s{ display: flex; align-items:center; justify-content: center;}
.front-camera .pic {width:59%; position: relative; text-align: center; margin-right: 12%;}
.front-camera .pic img{display: block; width: 100%;}
.front-camera .pic em{position: absolute; display: block; font-size: 30px; color: #fff; left: 0; right: 0; bottom: 5.5%}
.camera-info strong{display: block; font-size: 60px; color: #333; }
.camera-info em{display: block; font-size: 60px; margin-bottom: 26px; color: #333;}
.camera-info span{display: block; font-size: 36px; color: #222;}
.front-camera .info{width: 29%;  color: #fff;}
.front-camera .info strong{margin-bottom: 74px;}
.front-camera .info strong,.front-camera .info em,.front-camera .info span{color: #fff;}
.performance{padding: 70px 0 191px}
.performance .container{display: flex;}
.performance .pic{width: 51%}
.performance .pic img{display: block; width: 100%}
.performance .info{display: flex; width: 49%; align-items:center;}
.dslr{padding-bottom: 211px;}
.dslr-title strong{display: block; font-size: 60px; color: #333; text-align: center; margin-bottom: 95px;}
.dslr-content {display: flex}
.dslr .pic,.dslr .info{float: left; width: 50%;}
.dslr .pic img{display: block; width: 100%;}
.dslr .info{display: flex; margin: auto}
.dslr .text{margin-left: 10.41%}
.panoramic{background: url(../images/panoramic-bg.jpg) no-repeat center; background-size: cover; padding: 190px 0 218px}
.panoramic .container{max-width: 1388px;}
.panoramic .pic{ width: 50.64%;}
.panoramic .info{width: 49.36%}
.panoramic .pic img{display: block; width: 100%;}
.panoramic .info strong,.panoramic .info span,.panoramic .info h3{color: #fff;}
.panoramic .info strong{line-height: 60px; margin-bottom: 47px;}
.panoramic .info span{margin-bottom: 10px;}
.panoramic .info h3{font-size: 28px;}
.panoramic .info span.note{margin-bottom: 26px}
.telephoto{padding: 177px 0 151px;}
.telephoto .container-s{display: flex}
.telephoto .pic{width: 62.9%}
.telephoto .pic img{display: block; width: 100%}
.telephoto .info{display: flex; width: 37.1%}
.telephoto .info em{font-weight: bold;}
.telephoto .text{margin: auto}
.anti-shake{background: #f5f5f5;padding: 141px 0 128px}
.anti-shake .info{width: 20%}
.anti-shake .info em{font-weight: bold; margin-top: 18%}
.anti-shake .pic{width: 80%}
.anti-shake .pic img{display: block; width: 100%}
.eye{padding: 213px 0 203px}
.eye-title strong{display: block; font-size: 60px; color: #333; text-align: center; margin-bottom: 109px;}
.eye-content {display: flex}
.eye .pic {float: left; width: 59.69%}
.eye .info {float: left; width: 40.31%;}
.eye .pic img{display: block; width: 100%;}
.eye .info{display: flex; margin: auto; justify-content: center;}
.differentiation{background: url(../images/differentiation-bg.jpg) no-repeat center; background-size: cover; padding: 250px 0 298px;}
.differentiation .info{margin-left: 4%; width: 47.11%}
.differentiation .info strong{line-height: 60px; margin-bottom: 61px;}
.differentiation .info strong,.differentiation .info span{color: #fff;}
.differentiation .pic{margin-right: 2%; width: 46.89%}
.differentiation .pic img{display: block; width: 100%}


/*手机摄像头解决方案- 前置摄像头*/
.secondary{background: #f5f5f5}
.secondary .ctitle1 li{float: left; margin-right: 54px;}
.secondary .ctitle1 li:last-child{margin-right: 0}
.secondary .ctitle1 li a{display: block; font-size: 17px; line-height: 74px; color: #333; padding: 0 35px;}
.secondary .ctitle1 li.on a,.secondary .ctitle1 li:hover a{background: #00a2ee;color: #fff;}
.miniaturization{background: #efefef; padding: 100px 0 0}
.miniaturization .container{width: 1189px; margin: 0 auto}
.miniaturization .pic{width: 46.67%}
.miniaturization .pic img{display: block; width: 100%}
.miniaturization .info{margin-right: 3.7%; margin-top: 4.5%;width: 45%;}
.miniaturization .info strong{display: block; font-size: 35px; color: #333; margin-bottom:15px;}
.miniaturization .info em{display: block; font-size: 30px; color: #333; margin-bottom: 18px;}
.miniaturization .info em:last-child{margin-bottom: 0}
.high{padding: 91px 0 107px}
.high .container{display: flex;}
.high .pic{width: 51%}
.high .pic img{display: block; width: 100%}
.high .info{display: flex; width: 49%; align-items:center;}
.high .info strong{display: block; font-size: 40px; color: #333; margin-bottom: 40px;}
.high .info span{display: block; font-size:32px; color: #222; }


/*手机摄像头解决方案    后置摄像头-对标单反*/
.rear-title{text-align: center;}
.rear-title strong{display: block; font-size: 40px; color: #333; padding: 71px 0 80px}
.rear-camera{display: flex; margin-bottom: 85px;}
.rear-camera .pic{width: 54.63%;}
.rear-camera .pic img{display: block; width: 100%}
.rear-camera .info{width: 45.37%; margin: auto; margin-left: 5.6%; box-sizing:border-box;}
.rear-info strong{display: block; font-size:35px;margin-top:100px; color: #333; margin-bottom: 22px; }
.rear-info em{display: block; font-size: 20px; color: #333}

.rear-panoramic{background: url(../images/rear-panoramic.jpg) no-repeat center; background-size: cover; padding: 199px 0 179px; margin-bottom: 124px;}
.rear-panoramic .container{max-width: 1388px;}
.rear-panoramic .info{width: 49.36%}
.rear-panoramic .info strong,.rear-panoramic .info em,.rear-panoramic .info h3{color: #fff;}
.rear-panoramic .info strong{line-height: 48px; margin-bottom: 55px; }
.rear-panoramic .info em{margin-bottom: 13px;}
.rear-panoramic .info h3{font-size: 26px; margin-left: 14px;}
.rear-panoramic .info h3>img{display: inline-block; margin-right: 34px;}
.rear-panoramic .info em.note{margin-bottom: 29px}
.rear-panoramic .pic{ width: 50.64%;}
.rear-panoramic .pic img{display: block; width: 100%;}

.rear-list ul li{float: left;width: 100%; margin-bottom: 155px;display: flex; justify-content: space-between;}
.rear-list ul li.item1 .pic,.rear-list ul li.item1 .info{float: left;}
.rear-list ul li .info{display: flex; margin: auto}
.rear-list ul li.item1 .pic{width: 56%;}
.rear-list ul li.item1 .info{width: 44%; margin-left: 7.5%; box-sizing:border-box;}
.rear-list ul li.item2 {flex-direction: row-reverse;}
.rear-list ul li.item2 .pic{float: right; width: 63%}
.rear-list ul li.item2 .info{float: left; width: 37%; margin-left: 6%; box-sizing:border-box;}
.rear-list ul li .pic img{display: block; width: 100%}


/*手机摄像头解决方案    前/后置摄像头 — 超越人眼*/
.sensing-title strong{display: block; font-size: 40px; color: #333; text-align: center; padding: 90px 0 92px;}
.sensing{margin-bottom: 103px;}
.sensing .container-s{position: relative;}
.sensing .pic{width: 56%;}
.sensing .pic img{display: block; width: 100%}
.sensing-fr{width: 43%;}
.sensing-fr img{display: block; width: 100%; position: absolute; right: 0; bottom: 0; width: 43%;}
.eye-info strong{display: block; font-size: 35px; color: #333;}
.sensing-fr .info{margin-left: 10%; box-sizing:border-box; margin-top: 17px;}
.sensing-fr .info strong{margin-bottom: 25px;}
.sensing-fr .info ul li{float: left; display: block; font-size: 20px; color: #333; width: 290px; margin-bottom: 17px;}

.eye-app{background: #f5f5f5; padding: 102px 0 87px}
.eye-app .container-s{display: flex;}
.eye-app .info{display: flex; margin: auto; width: 34%; justify-content: center;}
.eye-app .info strong{margin-bottom: 44px;}
.eye-app .info em{display: block; font-size: 20px; color: #333; margin-bottom: 17px;}
.eye-app .info em:last-child{margin-bottom: 0}
.eye-app .pic {width: 66%;}
.eye-app .pic img{display: block; width: 100%}


/*车载摄像头解决方案*/
.car-list{padding: 101px 0 0}
.car-list ul li{float: left; width: 100%; border-bottom: 1px solid #eeeeee; box-sizing:border-box; padding: 0 2.5% 98px; margin-bottom: 108px; display: flex; }
.car-list ul li:last-child{border-bottom: none; margin-bottom: 0}
.car-list ul li:nth-child(2) {flex-direction: row-reverse;}
.car-list ul li .pic{float: left; width: 56%;}
.car-list ul li .pic img{display: block; width: 100%}
.car-list ul li .info{float: right; width: 37%; margin: auto}
.car-list ul li .info strong{display: block; font-size: 35px; color: #333; margin-bottom: 48px;}
.car-list dl dd{display: inline-block; background: #f5f5f5; border-radius: 30.5px; font-size: 18px; line-height: 61px; color: #333; text-align: center; padding: 0 30px; margin-right: 16px; margin-bottom: 32px;}


/*互联网解决方案*/
.drone{padding: 112px 0 143px}
.drone-title{text-align: center; margin-bottom: 87px;}
.drone-title strong{display: block; font-size: 46px; line-height: 46px; color: #333; margin-bottom: 7px;}
.drone-title em{display: block; font-size: 32px; color: #333;}
.drone-list{overflow: hidden;}
.drone-list ul{width: 103.7%}
.drone-list ul li{float: left; margin-right: 3.7%; width: calc(100% / 2 - 3.7%); border: 1px solid #f5f5f5; position: relative; box-sizing:border-box;}
.drone-list ul li .pic img{display: block; width: 100%;}
.drone-list ul li em{display: block; font-size: 24px; color: #333; position: absolute; z-index: 2}
.drone-list ul li .callout1{left: 5.7%; top: 14%}
.drone-list ul li .callout2{left: 0; right: 0; margin: auto; bottom: 7%; text-align: center;}

.ar{background: url(../images/ar-bg.jpg) no-repeat left top; height: 589px; }
.ar .container{display: flex; height: 100%}
.ar .info{display: flex; margin: auto; margin-left: 0; color: #fff;}
.ar .info strong{display: block; font-size: 46px; margin-bottom: 74px;}
.ar .info ul{width: 583px}
.ar .info ul li{float: left; font-size: 20px; line-height: 45px; width: 380px; font-weight: bold;}
.ar .info ul li img{display: inline-block; margin-right: 14px;}
.ar .info ul li:nth-child(2n){width: auto}

.sweeper{padding: 99px 0}
.sweeper .container{display: flex;  height: 100%}
.sweeper .pic,.sweeper .info{float: left;}
.sweeper .pic{width: 47.63%; margin-right: 11.67%}
.sweeper .pic img{display: block; width: 100%}
.sweeper .info{display: flex;  margin: auto; margin-left: 0; width: 402px;}
.sweeper .info strong{display: block; font-size: 30px; color: #333; margin-bottom: 69px;}
.sweeper dl dd{display: inline-block; background: #f5f5f5; border-radius: 30.5px; font-size: 20px; line-height: 61px; color: #333; font-weight: bold; text-align: center; padding: 0 30px; margin-right: 12px; margin-bottom: 35px;}
.sweeper dl dd:nth-child(2n){margin-right: 0}

.wear{background: url(../images/wear-bg.jpg) no-repeat center bottom; height: 663px; background-size: cover}
.wear .pic img{display: none;}
.wear .info{padding-top: 169px; padding-left: 7.8%; box-sizing:border-box;}
.wear .info strong{display: block; font-size: 32px; color: #333; margin-bottom: 47px;}
.wear .info span{display: inline-block; background: #fff; border-radius: 30.5px; font-size: 20px; line-height: 61px; color: #333; font-weight: bold; text-align: center; padding: 0 30px; margin-right: 70px; }


/*投资者关系 banner */
.stock-banner{background: url(../images/stock-banner.jpg) no-repeat center; height: 528px; background-size: cover}
.stock-banner .container{display: flex; height: 100%;}
.stock-banner .info{display: flex; margin: auto; margin-left: 0; color: #fff;}
.stock-banner .info h3{display: block; font-size: 38px; line-height: 38px; margin-bottom: 8px;}
.stock-banner .info span{display: block; font-family: arial; text-transform: uppercase; margin-bottom: 161px;}
.stock-num{border-bottom: 1px solid rgba(255,255,255,0.16); padding-bottom: 34px; margin-bottom: 24px; width: 1003px;margin-top:150px}
.stock-num ul li{float: left;margin-right: 78px;}
.stock-num ul li:last-child{margin-right: 0}
.stock-num ul li em{display: block; font-size: 18px; margin-bottom: 9px;}
.stock-num ul li b{display: inline-block; font-size: 34px; line-height: 34px; font-family: Verdana;}
.stock-num ul li i{display: inline-block; font-size:26px; line-height: 34px; font-weight: bold;margin-left:10px;font-style: normal;}
.stock-note p{display: block; font-size: 16px; color: #fff;}
.stock-note em{display: inline-block; margin: 0 30px 0 14px; color: #fff;}


/*投资者关系 主页*/
.ny-news{padding: 72px 0 143px}
.stock-title em{display: block; font-size: 32px; line-height: 32px; color: #333; text-align: center; margin-bottom: 64px;}
.news-class dl{float: left; margin-right: 2.6%; margin-bottom: 40px; width: calc(94.8% / 3); position: relative; overflow: hidden; box-shadow: -2px 0px 40px 0px rgba(35, 35, 35, 0.15); }
.news-class dl:nth-child(3n){margin-right: 0}
.news-class dl dt{width: 100%; position: relative; z-index:-9; overflow: hidden;}
.news-class dl dt img{display: block; width: 100%; transition: all .5s;}
.news-class dl dd{ position: absolute;bottom: -56px; right: -56px; z-index: 2}
.news-class dl dd:after{width:112px;height: 112px;content: '';display: block; position: absolute;background: #009ae2;top:0;right:0;border-radius:100%;z-index: -8;transition: all .5s;}
.news-class dl dd span{display: block;width:112px;height: 112px;border-radius:100%;transition: all .5s;}
.news-class dl dd b{display: inline-block;font-size: 40px;line-height: 56px;  color: #fff;  font-weight: normal;  position: relative; left: 18px;}
/*.news-class dl:hover dd span{background: #009ae2;}*/
.news-class dl:hover dt img{transform: scale(1.1);}
/*.news-class dl:hover dd:after{width:1000px;height:1000px;background: rgba(0,154,226,0.12);top:-380px;border-radius: 0;right:56px;}*/
.news-class .text{display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 32px; }
.news-class .text strong{display: block; font-size: 20px; line-height: 28px; color: #333; margin-bottom: 6px;width:64%;  margin-right: 40px;  float: right;}
.news-class .text span{display: block; font-size: 12px; color: #909090; text-transform: uppercase; font-family: arial}
.interactive{overflow: hidden; padding-bottom: 89px;}
.interactive-list ul{width: 102%;}
.interactive-list ul li{display: flex; float: left; margin-right: 2%;  margin-bottom: 34px; width: calc(100% / 3 - 2%); background: #f5f5f5; padding: 0 4%; box-sizing:border-box; border-bottom: 5px solid #009ae2; height: 200px;}
.interactive-list ul li a{display: flex; margin: auto}
.interactive-list ul li strong{display: block;font-size: 17px; color: #333; margin-bottom: 14px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.interactive-list ul li p{display: block; line-height: 24px; color: #666;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
/*.interactive-list ul li:hover strong{color: #0099e0}*/
.interactive-more a{display: block; width: 187px; background: #009ae2; font-size: 18px; line-height: 53px; color: #fff; text-align: center; border-radius: 26.5px;  margin: 39px auto 0}
.interactive-more a:hover{background: #e7212a; transition:0.6s;}
.ny-contact .contact-bg1,.ny-contact .contact-bg2{float: left; height: 403px; width: 50%;}
.contact-bg1{background: url(../images/contact-bg1.jpg) no-repeat center; background-size: cover}
.contact-bg2{background: url(../images/contact-bg2.jpg) no-repeat center; background-size: cover}
.contact-bg1 img{display: none;}
.contact-bg2{display: flex; }
.contact-bg2 .info{margin: auto; margin-left: 8.125%; box-sizing:border-box;}
.contact-bg2 .info em{display: block; font-size: 32px; color: #333; margin-bottom: 21px;}
.contact-bg2 .info p{display: block; font-size: 16px; line-height: 41px; color: #666;}



/*投资者关系 - 股价行情*/
.investor-banner{background: url(../images/investor-banner.jpg) no-repeat center; height: 323px; background-size: cover;  color: #fff; position: relative;}
.investor-banner .info{ position: absolute; top: 50%; transform: translateY(-50%); text-align: center; left: 0; right: 0}
.investor-banner .info em{display: block; font-size: 56px; line-height: 56px; margin-bottom: 18px;}
.investor-banner .info p{font-size: 18px; color: #fff;}
.stock-content {width: 1003px; margin: 125px auto 187px;}
.stock-content .stock-num{width: 100%; border-color: #eee; padding: 0 15px 34px; box-sizing:border-box;}
.stock-content .stock-num ul li{}
.stock-content .stock-num ul li:last-child{margin-right: 0}
.stock-content .stock-num ul li em{color: #666;}
.stock-content .stock-num ul li b,.stock-content .stock-num ul li i {color: #0099e0}
.stock-content .stock-note p{text-align: right; color: #666;}
.stock-content .stock-note em{color: #666;}


/*投资者关系 - 信息披露列表页*/
.news-main{padding-bottom: 41px;}
.news-left{width: 190px; background: #f5f5f5; padding: 31px 20px 13px; box-sizing:border-box;}
.news-left .ctitle1{}
.news-left .ctitle1 li{float: left; width: 100%; margin-bottom: 21px;}
.news-left .ctitle1 li a{display: block; line-height: 30px; background: #fff; border-radius: 20px; text-align: center;}
.news-left .ctitle1 li.on a,.news-left .ctitle1 li:hover a{background: #009ae2; color: #fff; transition:0.6s;}
.news-right{width: calc(100% - 259px)}
.column-title{display: block; background: #f5f5f5; padding: 16px; box-sizing:border-box; margin-bottom: 26px;}
.column-title strong{display: block; border-left: 8px solid #009ae2; font-size: 18px; line-height: 24px; color: #333; padding-left: 14px;}
.nynews-list{width: 96%; margin: 0 auto; overflow: hidden;}
.nynews-list ul{width: 102.8%}
.nynews-list ul li{float: left; border: 1px solid #eee; height: 91px; box-sizing:border-box; width: calc(100% / 2 - 2.8%); margin-right: 2.8%; margin-bottom: 22px;}
.nynews-list ul li .date,.nynews-list ul li .info{float: left;}
.nynews-list ul li .date{background: #f5f5f5; width: 95px; height: 100%; font-family: arial; text-align: center;}
.nynews-list ul li .date b{display: block; font-size: 33px; line-height: 24px; color: #333; margin-bottom: 2px; padding-top: 20px;}
.nynews-list ul li .date span{display: block; color: #666;}
.nynews-list ul li .info{width: calc(100% - 95px);  display: flex; height: 100%; box-sizing:border-box; padding: 0 8% }
.nynews-list ul li .info em{display: block; font-size: 15px; line-height: 25px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: auto}
.nynews-list ul li:hover .date{background: #0099e0; transition:0.6s;}
.nynews-list ul li:hover .date b,.nynews-list ul li:hover .date span{color: #fff;}



/*投资者关系 - 互动易回答列表页*/
.pannel{padding-bottom: 75px; border-bottom: 2px solid #f3f3f3; margin-bottom: 69px;}
.filter{background: #eef5fc; padding: 40px 62px 44px; box-sizing:border-box; }
.filter em{display: inline-block; font-size: 20px; line-height: 50px; color: #090909; font-weight: bold; margin-right: 22px;}
.filter select,.filter input{font-family: "Microsoft YaHei"; line-height: 50px; height: 50px; border: none; outline: none; background: #fff}
.filter select{width: 248px; padding-left: 19px; box-sizing:border-box; font-size: 16px; color: #666;  appearance: none;  -moz-appearance: none;  -webkit-appearance: none;  background: url(../images/select-icon.png) no-repeat right 22px center #fff;}
.filter-right{width: 248px; background: #fff; position: relative;}
.filter .f-text{text-indent: 17px; color: #ababab; width: 200px;}
.filter .f-submit{position: absolute; background: url(../images/filter-search.png) no-repeat center; width: 20px; height: 20px; top: 17px; right: 22px}
.question-list{padding-bottom: 16px;}
.question-list dl{float: left; width: 100%; padding-bottom: 55px; margin-bottom: 57px; border-bottom: 1px solid #f1f1f1}
.question-list dl dt{margin-bottom: 24px;}
.question-list dl dt img{margin-right: 18px;}
.question-list dl dt em{display: block; font-size: 18px; color: #333; }
.question-list dl dt span{display: block; font-size: 16px; color: #666; font-family: arial;}
.question-list dl dd{background: #f5f5f5; padding: 34px 27px 42px; box-sizing:border-box;}
.question-list dl dd em{display: block; font-size: 18px; color: #0098e3}
.question-list dl dd p{display: block; font-size: 16px; line-height: 33px; color: #444}


/*可持续发展 banner*/
.develop-banner{background: url(../images/develop-banner.jpg) no-repeat center; height: 323px; background-size: cover;  color: #fff; position: relative;}
.develop-banner .info{ position: absolute; top: 50%; transform: translateY(-50%); text-align: center; left: 0; right: 0}
.develop-banner .info em{display: block; font-size: 45px; line-height: 50px; margin-bottom: 16px;font-weight: bold;}
.develop-banner .info p{font-size: 16px; color: #fff;}


/*可持续发展 - 组织架构*/
.about-editbox{margin-bottom: 106px}
.organization .info{background: #f9f9f9; padding: 49px 19% 54px 6.4%; box-sizing:border-box; margin-bottom: 50px;}
.organization .info em{display: block; font-size: 28px; color: #333; margin-bottom: 23px;}
.organization .info p{display: block; font-size: 16px; line-height: 36px; color: #666;}
.organization .pic img{display: block; margin: 0 auto}


/*可持续发展 - 战略和目标*/
.goals{width: 100%; margin-bottom: 87px;}
.goals-num{width: 100%;}
.goals h3{display: block; font-size: 30px; color: #333; margin-bottom: 43px;}
.goals p{font-size: 16px; color: #666666; margin-bottom: 47px;}
.goals-num{width:  100%; margin-bottom: 53px;}
.goals-num ul li{float: left; margin-right:1%; width: calc(92% / 3); background: #f4f4f4;display: flex;
    height: 59px;
    align-items: center;}
.goals-num ul li:last-child{margin-right: 0}
.goals-num ul li em{display: inline-block; font-size: 16px; line-height: 20px; color: #555;}
.goals-num ul li img{display: inline-block;margin:0 2.8%; }
.goals-note{border-top: 1px solid #e3e3e3;padding: 65px 0}
.goals-note p{display: block; font-size: 17px; color: #555;}
.goals-list{overflow: hidden;}
.goals-list ul{width: 106.4%}
.goals-list ul li{float: left; padding-right: 3.2%; margin-right: 3.2%; border-right: 1px solid #eee; width: calc(100% / 3 - 3.2%); box-sizing:border-box;}
.goals-list ul li:last-child{ border-right: none;}
.goals-list ul li .pic img{display: block; width: 100%; margin-bottom: 26px;}
.goals-list ul li .info strong{display: block; font-size: 22px; color: #333; margin-bottom: 24px;}
.goals-list ul li .info p{font-size: 16px; line-height:28px; min-height: 128px;}


/*可持续发展 - 绿色运营 - 节能减排*/
.develop-class .ctitle1{margin-bottom: 64px;}
.develop-class .ctitle1 li{float: left; margin-right: 9px;margin-top: 10px;}
.develop-class .ctitle1 li a{display: block; background: #eeeeee; padding: 0 36px; font-size: 16px; line-height: 51px; color: #333; text-align: center;}
.develop-class .ctitle1 li.on a,.develop-class .ctitle1 li:hover a{background: #0099e0; color: #fff;}
.develop-content{display: flex;}
.develop-pic{width: 483px; height: 612px; display: block; background-size: cover!important;display: none;}
.development .info p img{display: none;}
.develop-pic img{display: none; width: 100%;}
.development{width:100%; display: flex; margin: auto; box-sizing:border-box; }
.development .info em{display: block; font-size: 36px; color: #333; margin-bottom: 42px;}
.development .list ul li{float: left; width: 100%; border-bottom: 1px dashed #e1e1e1; padding-bottom: 18px; margin-bottom: 16px;}
.development .list ul li:last-child{border-bottom: none; padding-bottom: 0; margin-bottom: 0}
.development .list ul li p{font-size: 16px; line-height: 30px; color: #666}


/*可持续发展 - 供应商管理 - 供货商评核*/
.assessment h3{display: block;  font-size: 36px; color: #333; margin-bottom: 15px;}
.assessment p{font-size: 16px; line-height: 36px; color: #666; }
.assessment .list {overflow: hidden; margin-top: 54px}
.assessment .list ul{width: 103.3%}
.assessment .list ul li{float: left; margin-right: 3.3%; width: calc(100% / 5 - 3.3%); position: relative;}
.assessment .list ul li:after{position: absolute; content: ''; background: url(../images/assessment-arrow.png) no-repeat; width: 16px; height: 15px; top: 50%; transform: translateY(-50%); right: -14%}
.assessment .list ul li .info{background: #f6f6f6; width: 100%; height: 150px; display: flex; text-align: center;}
.assessment .list ul li .text{  margin: auto}
.assessment .list ul li img{display: block; margin: 0 auto 13px}
.assessment .list ul li em{display: block; font-size: 14px; line-height: 20px; color: #333;}


/*可持续发展 - 供应商管理 - 供货商之社会责任*/
.social .info{width: 52%}
.social .info h3{font-size: 36px; color: #333; margin-bottom: 30px;}
.social .info ul li{float: left; width: 100%; border-bottom: 1px dashed #e1e1e1; padding-bottom: 25px; margin-bottom: 25px; }
.social .info ul li:last-child{border-bottom: none; padding-bottom: 0; margin-bottom: 0}
.social .info ul li p{font-size: 14px; line-height: 26px; background: url(../images/social-icon.png) no-repeat left top 12px; padding-left: 21px}
.social .pic{background: url(../images/social-pic.jpg) no-repeat center; width: 45.56%; height: 450px; background-size: cover}
.social .pic img{display: none; width: 100%}


/*可持续发展 - 雇员管理 - 劳工政策*/
.employee-title h3{font-size: 36px; color: #333; margin-bottom: 28px;}
.employee-title p{font-size: 16px; line-height: 36px; color: #666;}
.labor-list{overflow: hidden; margin-top: 59px}
.labor-list ul{width: calc(100% + 19px)}
.labor-list ul li{float: left; margin-right: 19px; width: calc(100% / 4 - 19px); background: #f5f5f5; height: 392px; padding: 0 2.5%; box-sizing:border-box;}
.labor-list ul li img{display: block; margin:28px 0 20px}
.labor-list ul li em{display: block; font-size: 22px; color: #333; margin-bottom: 19px;}
.labor-list ul li span{display: block; font-size: 15px; line-height: 23px; color: #666; margin-bottom: 5px;}


/*可持续发展 - 雇员管理 - 职业发展*/
.train-list{overflow: hidden; padding-bottom: 87px; border-bottom: 1px solid #ddd; margin-top: 24px; margin-bottom: 88px;}
.train-list ul{width: 102.8%}
.train-list ul li{float: left; margin-right: 2.8%; width: calc(100% / 3 - 2.8%); height: 300px; background: #f5f5f5; padding: 45px 3% 0; box-sizing:border-box;}
.train-list ul li em{display: block; font-size: 22px; color: #333; margin-bottom: 13px;}
.train-list ul li span{display: block; font-size: 16px; line-height: 26px; color: #666;}
.method-title {margin-bottom: 60px;}
.method-title h3{font-size: 25px; line-height: 50px; color: #333; text-align: center;}
.method-list{overflow: hidden;}
.method-list ul {width: clac(100% + 10px)}
.method-list ul li{float: left; margin-right: 10px; width: calc(100% / 3 - 10px); border: 1px solid #ddd; box-sizing:border-box; height: 430px; padding: 15px;}
.method-list ul li .pic{height: 163px; background-size: cover!important}
.method-list ul li .pic img{display: none; width: 100%}
.method-list ul li .info{padding: 32px 2% 0; box-sizing:border-box;}
.method-list ul li:first-child .info{padding: 41px 4% 0}
.method-list ul li strong{display: block; font-size: 16px; line-height: 16px; color: #333; margin-bottom: 2px;}
.method-list ul li em{display: block; font-size: 16px; line-height: 25px; color: #666;}
.method-list ul li em.note{margin-bottom: 24px;}



/*可持续发展 - 雇员管理 -  雇员福利*/
.welfare-content{display: flex;}
.welfare{width: calc(100% - 461px - 10.47%); display: flex; margin: auto; box-sizing:border-box; margin-left: 0}
.welfare .info em{display: block; font-size: 36px; color: #333; margin-bottom: 42px;}
.welfare .list ul li{float: left; width: 100%; border-bottom: 1px dashed #e1e1e1; margin-bottom: 16px; padding: 0 14% 18px 13px; box-sizing:border-box;}
.welfare .list ul li p{font-size: 16px; line-height: 30px; color: #666}
.welfare-pic{width: 461px; height: 499px; display: block; background-size: cover!important}
.welfare-pic img{display: none; width: 100%;}


/*可持续发展 - 人才招聘*/
.recruitment-banner{background: url(../images/recruitment-banner.jpg) no-repeat center; background-size: cover; height: 323px; color: #fff; position: relative;}
.recruitment-banner .info{ position: absolute; top: 50%; transform: translateY(-50%); text-align: center; left: 0; right: 0}
.recruitment-banner .info em{display: block; font-size: 50px; line-height: 50px; margin-bottom: 16px;}
.recruitment-banner .info p{font-size: 16px; color: #fff;}
.resource .container{max-width: 1404px;}
.resource-bg{background: url(../images/resource-bg.jpg) no-repeat right center; background-size: cover; height: 471px; display: flex; width: 100%; border-top-left-radius: 80px; border-bottom-right-radius: 80px; margin-bottom: 114px;}
.resource-bg .info{margin: auto; margin-right: 0; width: 500px; color: #fff; margin-right: 11%}
.resource-bg .info em{display: block; font-size: 35px; line-height: 40px; margin-bottom: 3px;font-weight:bold}
.resource-bg .info span{display: block; font-size: 16px; margin-bottom: 35px; }
.resource-bg .info p{display: block; font-size: 16px; line-height: 30px; color: #fff;}

.vision-goal{background: #f5f5f5; padding: 99px 0 113px;}
.talent-title em{display: block; font-size: 40px; line-height: 40px; color: #333; margin-bottom: 5px;}
.talent-title span{display: block; font-size: 17px; color: #555;}
.vision-goal .talent-title{padding-bottom: 90px;}
.vision-goal ul li{float: left; width: 233px; height: 233px;margin-right: calc( (100% - 1165px) / 4); display: flex; text-align: center; position: relative; z-index: 1}
.vision-goal ul li:after{position: absolute; content: ''; background: url(../images/circle-shadow.png) no-repeat; bottom: -66px; z-index: -1; width: 287px; height: 143px;}
.vision-goal ul li:last-child{margin-right: 0}
.vision-goal ul li .info{ border-radius: 50%; background: #fff; height: 100%; width: 100%; display: flex}
.vision-goal ul li .icon{margin: auto;}
.vision-goal ul li strong{display: block; font-size: 20px; color: #0099e0; margin-bottom: 6px;}
.vision-goal ul li span{display: block; font-size: 14px; line-height: 20px; color: #454545; width: 82%; margin: 0 auto}

.talent-develop{padding: 88px 0 92px}
.talent-develop .container{max-width: 1385px;}
.talent-develop .talent-title{padding-bottom: 102px;}
.talent-develop .list ul li{float: left; width: 100%; display: flex; margin-bottom: 74px;}
.talent-develop .list ul li .info{float: left; margin: auto; display: flex; margin-left: 5%}
.talent-develop .list ul li .text{margin: auto}
.talent-develop .list ul li .pic{float: right;}
.talent-develop .list ul li .info,.talent-develop .list ul li .pic {width: 44.76%; height: 357px; background-size: cover!important}
.talent-develop .list ul li .pic img{display: none;}
.talent-develop .list ul li .info img{display: block; margin-bottom: 18px;}
.talent-develop .list ul li .info em{display: block; font-size: 30px; color: #333; margin-bottom: 26px;}
.talent-develop .list ul li .info p{display: block; font-size: 16px; line-height: 30px; color: #555; width:100%}
.talent-develop .list ul li:last-child {flex-direction: row-reverse;}
.talent-develop .list ul li:last-child .info{margin-left: auto;    margin-right: 0;}

.aisle{padding-bottom: 112px;}
.aisle .talent-title{margin-bottom: 73px;}
.aisle-bg{background: #f5f5f5; border-top-left-radius: 80px; border-bottom-right-radius: 80px; display: flex; padding: 46px 0 53px; }
.aisle-pic {margin: auto; }

.welfares{background: #f5f5f5; padding: 98px 0 112px; margin-bottom: 116px;}
.welfares .talent-title{margin-bottom: 81px;}
.welfares .talent-title em{margin-bottom: 27px;}
.welfares-list dl{float: left; margin-right: 6%; width: calc(88% / 3); height: 458px; background: #fff; text-align: center; border-top-left-radius: 50px; border-bottom-right-radius: 50px; }
.welfares-list dl:last-child{margin-right: 0}
.welfares-list dl dt{background: #0099e0;  font-size: 26px; line-height: 93px; color: #fff; text-align: center; font-weight: bold; border-top-left-radius: 50px;}
.welfares-list dl dt img{display: inline-block; vertical-align: middle; margin-right: 13px;}
.welfares-list dl dd{padding-top: 39px; box-sizing:border-box;}
.welfares-list dl dd p{display: block; font-size: 16px; line-height: 36px; color: #444444}

.join-bg{background: url(../images/join-bg.jpg) no-repeat right center; background-size: cover; height: 471px; display: flex; width: 100%; border-top-left-radius: 80px; border-bottom-right-radius: 80px; margin-bottom: 124px;}
.join-bg .info{margin: auto; margin-right: 0; width: 353px; color: #fff; margin-right: 20%}
.join-bg .info em{display: block; font-size: 40px; line-height: 40px; margin-bottom: 40px;}
.join-bg .info p{display: block; font-size: 17px; line-height: 30px; color: #fff; }




/*投资者关系 - 投资者活动列表页*/
.activity{margin-bottom: 150px}
.activity .container{max-width: 1400px;}
.sc-calendar {width: 38%; float: left;text-align: center; font-family: arial;}
.announcement{float: right; width: 55%;}
.sc-title{position: relative; margin-bottom: 15px}
.sc-mleft,.sc-mright{width: 8px; height: 16px; padding: 10.5px 0}
.sc-mleft{background: url(../images/sc-mleft.png) no-repeat center; }
.sc-mright{background: url(../images/sc-mright.png) no-repeat center;}
.monthdiv{position: absolute; z-index: -1; top: 0; width: 100%; text-align: center; font-size: 22px;   color: #333; font-weight: bold;}
.sc-select-month{margin-right: 5px;}
.sc-week{background: #0098e3; }
.sc-week-item{float: left; font-size: 20px; line-height: 52px; color: #fff; font-weight: bold; width: calc(100% / 7)}
.sc-item {position: relative; float: left; width: calc(100% / 7); background: #f5f5f5; border-right: 1px solid #fff; border-bottom: 1px solid #fff; box-sizing: border-box; font-size: 16px; line-height: 54px;}
.sc-mark-hide {visibility: hidden;}
.mark{position: absolute; background: #e1e1e1; width: 100%; height: 100% ; z-index: 0}
.sc-item .day{position: relative; z-index: 3}
.lunar-day{display: none}
.sc-today{background: #0098e3}
.sc-today .day{color: #fff}
.announcement ul li{float: left; border-bottom: 1px solid #eeeeee; width: 100%;  margin-bottom: 30px; padding: 0 3% 30px; box-sizing: border-box}
.announceTime{display: block; font-size: 16px; color: #333;}
.announceItem p{display: block; font-size: 18px; color: #333; font-weight: bold; margin-bottom: 5px}
.announceItem span{display: block; font-size: 16px; color: #767676; background: url("../images/add-icon.png")no-repeat left top 8px; padding-left: 25px}






/*分页*/
.pagelist {padding: 10px 0;margin-top:15px;overflow: hidden;border-top:0px solid #eee;text-align:center;}
.pagelist a,.pagelist span {border: 1px solid #ccc; display: inline-block;padding: 2px 8px;margin-right:5px;}
.pagelist span.current {color: #f30;border: 1px solid #ddd;}


.pannel{padding-bottom: 30px!important;}
.setTitleBtn{width:210px!important;height:50px;line-height: 50px;border-radius:60px;text-align: center;background:#0099e0;color:#fff;font-size:16px; display: block; margin-top: 30px;cursor:default }
#login{width:500px;margin:0 auto;margin-top:50px}
#login li{margin-bottom:20px}
#login input{width:250px;height:40px;line-height: 40px;background: #f5f5f5;border:none;padding-left:15px}
#login .login-but{margin:0 auto;background: #0099e0;color:#fff;width: 80%;border-radius: 40px;margin-left:10%;padding-left:0}
#login .title{width:82%;height:100px;}
#login .code{width: 150px;}



/*2022.6.30 互动易回答 轮播*/
.interactive-list{position: relative; overflow: hidden;}
#interactive-num{display: none;}


.search-box{height: 114px; position: relative; z-index: 1; width: 150px;}
.search-btn{height: 114px; display: flex; margin: auto }
.search-btn img{margin: auto}
.search-pro { -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-color: rgba(255,255,255,1); padding: 20px 30px; box-sizing:border-box; width: 400px;min-height: 200px;position: absolute;right:0px;top: 100px;opacity:0;transform: translateY(50px);transition: all .5s ease;-webkit-box-shadow: 0 0 13px rgba(29,56,75,.4);-moz-box-shadow: 0 0 13px rgba(29,56,75,.4);box-shadow: 0 0 13px rgba(29,56,75,.4);pointer-events: none;}
.search-pro::after {content: '';display: block;width: 18px;height: 18px;transform: rotate(45deg);top: -8px;right: 60px;background-color: #fff;position: absolute;}
.search-box:hover .search-pro {opacity: 1;transform: translateY(0);pointer-events: auto;}
.search{border-bottom: 1px solid #e1e1e1; height: 50px; margin-bottom: 10px;}
.search input{outline: none; border: none; font-family: "Microsoft YaHei"; }
.search-text{width: 310px; line-height: 50px;}
.search .sub{background: url(../images/search.png) no-repeat center; width: 22px; height: 50px; }
.search-list dl dt{float: left; margin-right: 10px; margin-bottom: 10px;}
.search-list dl dt a{position: relative; transition: all .5s ease .3s; display: inline-block; padding: 0 10px; background: #e1e1e1; border-radius: 4px;  text-align: center;}
.search-list dl dt a:after{content: '';display: block;width: 0;transition: width .5s ease-out;height: 100%;background-color: #009ae2;position: absolute;top: 0;left: 0; z-index: 0; border-radius: 4px;}
.search-list dl dt:hover a:after{width: 100%; }
.search-list dl dt span{font-size: 14px; line-height: 36px; color: #999; position: relative; z-index: 1}
.search-list dl dt:hover span{color: #fff;}

.message .f-submit{transition:0.6s;}
.message .f-submit:hover{background: url(../images/message.png) no-repeat center #0099e0;}

.link-icon ul li{width: 34px; height: 34px; background: #333;  border-radius: 50%;}
.link-icon ul li a{display: flex; margin: auto; height: 34px;}
.link-icon ul li img{margin: auto; transition:0.6s;}
.link-icon ul li:hover{background: #009ae1;}
.link-icon ul li:hover img{transform: rotateY(180deg);    -webkit-transform: rotateY(180deg); /* Safari 与 Chrome */}


/*2022.7.5*/
#scheme{position: relative; top: -100px;}


/*2022.7.6*/
.organize{position: relative; margin-bottom: 100px;}
.organize-more1,.organize-more2{position: absolute; width: 28%; bottom: 0; height: 22vh}
.organize-more1{left: 0}
.organize-more2{right: 0}


/*2022.7.13*/
/*下载按钮*/
.down-btn a{margin-top: 70px; display: block;    max-width: 570px; background: #0099e0; border-radius: 30px; font-size: 16px; line-height: 60px; color: #fff; text-align: center;}
.down-btn a>img{display: inline-block; vertical-align: middle; margin-right: 16px;}

/*智能制造隐藏*/
.scheme-list ul li{width: calc(100% / 3 - 1.3%)}
.classification .pic{display:none;}

/*人才页面锚点*/
#vision,#talent,#welfares,#join{position: relative; top: -100px;}

/*2022.8.10英文版响应式调整*/
.pro-class2 .ctitle1 li{width: calc(100% / 2 - 2%)!important;margin-bottom: 1rem;}

.personnel-btn{text-align: center; margin-bottom: 25px;}
.personnel-btn ul li {display: inline-block; margin: 0 10px; width: 200px; border: 1px solid #ddd; box-sizing:border-box; font-size: 18px; line-height: 52px; color: #333; text-align: center;}
.personnel-btn ul li.on {background: #0099e0; color: #fff; border-color: #0099e0; transition:0.6s;}
.personnel-con ul:last-child .chairman-list dl dd{width: 100%; padding: 22px 3.2% 30px;}


/*产品列表页*/
.zhiwen-banner{background: url(../images/camera1-banner.jpg) no-repeat center; height: 516px; background-size: cover;position: relative;}
.product-list ul li:nth-child(5n) .pic {border-left: 1px solid #ddd;}