/*Page:首页--------------------------------*/ /*轮播*/ .silder-box{text-align: center;background: #ececec; color: #999; width: 100%; min-width: 1200px;} .silder{position: relative;} .silder-scroll{width: 100%; overflow: hidden;} .silder-main{position: relative;width: 100%; overflow: hidden; height: auto;} .silder-main-img{position: absolute;top: 0;left: 0;width: 100%;} .silder-main-img img{width: 100%;display: block;vertical-align: middle; } .silder-ctrl{width: 100%;text-align: center; position: absolute; } .silder-ctrl-prev,.silder-ctrl-next{position: absolute; width: 8%; vertical-align: middle;cursor: pointer; /*color: #fff;font-family: "宋体";font-size: 52px; font-weight: 600;text-shadow: #666 2px 2px 5px;*/ width: 60px; height: 85px; } /* .silder-ctrl-prev{left: 0;text-align: left;} .silder-ctrl-next{right: 0;text-align: right;} .silder-ctrl-prev>span,.silder-ctrl-next>span{position: absolute;top: 50%;margin-top: -40px;} .silder-ctrl-prev>span{left: 0;} .silder-ctrl-next>span{right: 0;} */ .silder-ctrl-prev{left: 20px;text-align: left;background: url(../images/arrowl.png) center center no-repeat;} .silder-ctrl-next{right: 20px;text-align: right;background: url(../images/arrowr.png) center center no-repeat;} .silder-ctrl-prev>span,.silder-ctrl-next>span{display: none;} .silder-ctrl-con{display: inline-block;width: 0.8%;margin: 0 10px;cursor: pointer; position: relative; top: -40px;} .silder-ctrl-con>span{display: block;width: 16px; height: 16px; border-radius: 16px; line-height: 0;text-indent: -9999px;overflow: hidden;cursor: pointer;background-color: #e4e4e4;} .silder-ctrl-con.active>span{background-color: #2aa0d7;} /* @media (max-width: 768px){ .silder-ctrl-prev,.silder-ctrl-next{width: 10%;font-size: 26px;margin-top: -25px;} .silder-ctrl-con{width: 14px;height: 14px;padding: 0;margin: 0 5px;} .silder-ctrl-con>span{display: block;width: 100%;height: 100%;border-radius: 50%;padding: 0;} } */ @media (max-width: 1200px) { .silder-main-img img{height: 450px;} } @media only screen and (min-width: 1200px) and (max-width: 1920px) { .silder-main-img img{height: 550px;} } /*轮播下面大产品*/ .ProductTypeBox{height: 105px; background-color: #12428c; min-width: 1200px;} .ProductTypeBox>.ProductType{display:table; width:100%; height: 100%;} .ProductTypeBox>.ProductType li{display:table-cell;height:100%; width: 25%;} .ProductTypeBox>.ProductType li a{ text-decoration: none; font-size: 1.25rem; color: #fff; border: 0px solid red; display: block; width:80%; height:60px; margin: 20px auto 0px auto; } .ProductTypeBox>.ProductType li a>.text{ display: table;} .ProductTypeBox>.ProductType li a>.text>img{width: 58px; height: 58px; float: left;margin-right: 15px;} .ProductTypeBox>.ProductType li a>.text>span{height: 58px; vertical-align:middle; display: table-cell; } @media (min-width:768px) { .ProductTypeBox>.ProductType li:hover{background-color: #232845; border-bottom: 7px solid red; transition: all .3s; -webkit-transition: all .3s;} } /*推荐产品*/ .box-col4{margin: 60px 0px;overflow: hidden;} .box-col4>ul{width: 1300px; margin-left: -12px;} .box-col4>ul>li{display: table-cell; width: 306px; } .box-col4>ul>li>a{display: block;margin: 0px 12px;text-decoration: none; color: #666; position: relative;} .box-col4>ul>li>a .thumbnail{height: 185px;background-color: #ebf5ff; text-align: center; overflow: hidden;} .box-col4>ul>li>a .thumbnail>img{width: 100%; height: 100%;} .ProductList>li>a i{position: absolute;} .ProductList>li{height: 340px;} .ProductList>li>a>.text_box>.pd>h4{font-size: 24px; margin: 10px 0px;} .ProductList>li>a>.text_box>.pd>.timer{margin-top:50px;} .ProductList>li>a>.text_box i.add {width: 26px;height: 26px;position:absolute;margin-left: 255px;background-image: url(../images/add.png); transition: all .5s;-webkit-transition: all .5s; } .ProductList .text_box{padding-top: 15px;} .ProductList>li>a .text_box{ height: 131px; width: 282px; border-bottom: 0px solid #fff; position:absolute;margin-top: 0px; transition: all .4s;-webkit-transition: all .4s; } .ProductList>li>a>.text_box>.pd>.btn_info{display: none; background: #fff; height: 42px; line-height: 42px; font-size: 18px; width: 100%; text-align: center; margin-top: 15px; } .ProductList>li>a>.text_box .pd .timer{display: none;} .ProductList>li>a .text_box .pd{padding: 0px; padding-right: 50px; transition: all .3s;-webkit-transition: all .3s;} @media (min-width:768px) { .ProductList>li>a:hover .text_box{margin-top: -185px;height: 309px;border-bottom: 7px solid red;background-color: rgba(35, 40, 69, .9);} .ProductList>li>a:hover .text_box h4{color: #fff;} .ProductList>li>a:hover .add{ display: none;} .ProductList>li>a:hover>.text_box .pd{padding: 20px;} .ProductList>li>a:hover>.text_box .pd .describeText{color: #b5c5dd; height: 60px;} .ProductList>li>a:hover>.text_box .pd .timer{display:block;color: #b5c5dd; } .ProductList>li>a>.text_box>.pd>.btn_info>.btn_arr{position: relative;top: 3px; margin-left: 10px;} .ProductList>li>a:hover>.text_box>.pd>.btn_info{display:block;} } /*新闻动态*/ .NewsBox>.title{text-align:center; margin-bottom: 60px;} .NewsBox>.title>.name-chinese{font-size: 36px; color:#4a4a4a;} .NewsBox>.title>.name-english{color: #aeaeae;font-size: 14px;} .NewsList>li>a>.text_box{height: 120px;padding-top: 35px;font-size: 24px;} .NewsList>li>a>.text_box>h4{top: 0;left: 0; width: 220px; position: relative; transition: all .4s;-webkit-transition: all .4s;} .NewsList>li>a>.text_box i.add {width: 26px;height: 26px;position:absolute;margin-left: 255px;background-image: url(../images/add.png); transition: all .5s;-webkit-transition: all .5s; } @media (min-width:768px) { .NewsList>li>a:hover>.text_box{background-color: #12428c; color: #fff; transition: all .4s;-webkit-transition: all .4s;} .NewsList>li>a:hover>.text_box>h4{top: 20px;left: 10px;color: #fff;} .NewsList>li>a:hover .text_box i{margin-left: 235px;margin-top: -5px; transform: rotate(-360deg);-webkit-transform: rotate(-360deg); } } /*浮动客服*/ .sidebar {bottom: 200px;right: -228px;width: 288px;position:fixed} .sidebar>div {left: 0px;cursor: pointer;line-height: 69px;position: relative;background-color: #d5d5d5;transition: all .3s;-webkit-transition: all .3s;} .sidebar>div:first-child {border-top-left-radius: 10px;} .sidebar>div:last-child {border-bottom-left-radius: 10px;} .sidebar>div:hover {left: -227px;padding-left: 30px;background-color: #a8d0f8;} .sidebar .number {font-size: 26px;position: relative;padding-left: 68px;} .sidebar .number .icon {top: 50%;left: 0px;width: 61px;height: 69px;margin-top: -34px;position: absolute;background-position-y: 50%;background-repeat: no-repeat;background-image: url(../images/icon_contact.png);} .sidebar .number .icon-phone {background-position-x: 8px;} .sidebar .number .icon-qq {background-position-x: -52px;} /*Page:新闻------------------------------------*/ /*news:新闻列表*/ .n-title-h2{border-bottom: 2px solid #666; overflow:hidden; padding: 10px 0px; margin-bottom: 10px;} .n-title-h2>h2{ float: left; width: auto; font-size:2.7rem; color: #333;} .n-title-h2>.search-box{ float: right; width: auto; font-size: 1.3rem; } .n-title-h2>.search-box>input{height: 32px; border: 1px solid #ccc; outline: none; width: 240px; padding: 0px 10px; background: url(../images/icon-serch.png) 220px center no-repeat;} .news-list{} .news-list>li{ height: 180px; padding: 15px 0px;} .news-list>li:hover .n-thumbnail{background-color: #d5ebff;transition: all .5s;-webkit-transition: all .5s;} .news-list>li:hover .n-textbox>.n-title{ text-decoration: underline; color: #12428C;transition: all .5s;-webkit-transition: all .5s;} .news-list>hr{ height: 2px; border: 0px; border-top: 1px solid #ccc;} .news-list>li>a{display: block; height: 100%;text-decoration: none; outline: none; color: #666;} .news-list>li .n-thumbnail{float: left;width:240px; height: 100%; background-color: #ebf5ff; overflow: hidden;} .news-list>li .n-thumbnail img{width: 100%;} .news-list>li .n-textbox{float: right;width:810px; height: 100%;} .news-list>li .n-textbox>.n-title{font-size: 16px; color: #333;margin-top: 10px;} .news-list>li .n-textbox>.n-text{ margin:10px 0px; height: 90px;} .btn-more{ height: 50px; line-height: 50px; text-align: center; color: #fff; background-color: #12428c; font-size: 1.3rem; margin-top: 15px; cursor: pointer;} .n-title-news{height:60px;line-height:60px;background:#12428c;color:#ffffff;font-size:16px;} .n-title-news a{color:#ffffff;text-decoration: none;} .n-title-news a:hover{text-decoration: underline;} .n-title-news .news-ul{float:left;margin-left:30px;line-height:60px ;} .news-ul li{list-style: none;float:left;color:#ffffff;width:90px;text-align: center;} .news-ul li.sep{width:10px;} .search-box{float:right;margin-right:50px;color:#ffffff;} .inputbox{display:inline-block; line-height:30px; border:#ffffff 1px solid;vertical-align: middle;} .inuptbox img{display:inline-block;position: relative;top:3px;} .search-box #news_keyword{background:#12428c;border:none;height:30px;line-height: 30px;color:#ffffff;outline: none;vertical-align: middle;text-indent: 3px;font-size:16px;} /*news-detail:新闻明细*/ .detail-title-box{ margin: 80px 0px 65px 0px;border-left: 7px solid red; padding: 2px 15px; clear: both;} .detail-title-box>h2{font-size: 2.6rem;} .detail-title-box>.date{margin-top: 15px; color: #999;} .body-text{font-size: 1.3rem; line-height: 2.6rem; margin-bottom: 30px;} /*Page:产品-----------------------------------------------------------------*/ /*product:类型列表*/ .typelist{overflow: hidden;} .typelist>li{overflow: hidden;min-height: 50px; position: relative; } .typelist>li>.p-type{float: left;width: 230px; color: #888; position: absolute;top: 0; bottom: 0; margin: auto;display:table; vertical-align: middle; } .typelist>li>.p-list{float: right;width: 820px; } .typelist>li>.p-list>.p-list{overflow: hidden;} .typelist>li>.p-list>li{float: left; margin-right: 30px; line-height: 24px; margin-top: 5px;} .typelist>li>.p-list>li>a{ outline: none; text-decoration: none; color: #666;} .typelist>li>.p-list>li>a:hover{text-decoration:underline; color:#12428C;} .line1{ height: 1px; border: 0px; border-top: 1px dotted #ccc;} .line2{ height: 1px; border: 0px; border-top: 2px solid #e8e8e8;} /*product:产品列表*/ .ProducBox{margin: 60px 0px;overflow: hidden;} .ProducBox>ul{width: 1300px; margin-left: -12px;} .ProducBox>ul>li{width: 280px; float: left; margin-bottom: 30px; overflow: hidden; } .ProducBox>ul>li>a{display: block;margin: 0px 12px;text-decoration: none; color: #666; position: relative;} .ProducBox>ul>li>a .thumbnail{height: 165px;background-color: #ebf5ff; text-align: center; overflow: hidden;} .ProducBox>ul>li>a .thumbnail>img{width: 100%;} .ProductList2>li>a i{position: absolute;} .ProductList2>li{height: 306px;} .ProductList2>li>a>.text_box>.pd>h4{font-size: 18px; margin: 10px 0px; color: #333;} .ProductList2>li>a>.text_box>.pd>.timer{margin-top:50px;} .ProductList2>li>a>.text_box i.add {width: 26px;height: 26px;position:absolute;margin-left: 229px;background-image: url(../images/add.png); transition: all .5s;-webkit-transition: all .5s; } .ProductList2 .text_box{padding-top: 15px;} .ProductList2>li>a .text_box{ height: 121px; width: 256px; border-bottom: 0px solid #fff; position:absolute;margin-top: 0px; transition: all .4s;-webkit-transition: all .4s; } @media (min-width:768px) { .ProductList2>li>a:hover .text_box{margin-top: -165px;height: 280px;border-bottom: 7px solid red;background-color: rgba(35, 40, 69, .9);} .ProductList2>li>a:hover .text_box h4{color: #fff;} .ProductList2>li>a:hover .add{ display: none;} .ProductList2>li>a:hover>.text_box .pd{padding: 20px;} .ProductList2>li>a:hover>.text_box .pd .describeText{color: #b5c5dd; height: 60px;} .ProductList2>li>a:hover>.text_box .pd .timer{display:block;color: #b5c5dd; } .ProductList2>li>a:hover>.text_box>.pd>.btn_info{display:block;} } .ProductList2>li>a .text_box .pd{padding: 0px; padding-right: 50px; transition: all .3s;-webkit-transition: all .3s;} .ProductList2>li>a>.text_box .pd .timer{display: none;} .ProductList2>li>a>.text_box>.pd>.btn_info{display: none; background: #fff; height: 42px; line-height: 42px; font-size: 18px; width: 100%; text-align: center; margin-top: 15px; } .ProductList2>li>a>.text_box>.pd>.btn_info>.btn_arr{position: relative;top: 3px; margin-left: 10px;} /*product-detail:产品明细*/ .type-detail{overflow: hidden;min-height: 50px; position: relative; } .type-detail>.p-type{float: left;width: 230px; color: #888; position: absolute;top: 0; bottom: 0; margin: auto;display:table; vertical-align: middle; } .type-detail>.p-list{float: right;width: 820px; } .type-detail>.p-list{overflow: hidden;} .type-detail>.p-list>li{float: left; margin-right: 30px; line-height: 24px;; margin-top: 5px;} .type-detail>.p-list>li>a{outline: none; text-decoration: none; color: #666;} .type-detail>.p-list>li>a:hover{text-decoration:underline; color:#12428C;} .product-header{position: relative;width: 1200px;top: 20px; left: -50px; height: 378px; margin-bottom: 60px; background: url(../images/tmp3.png) right center no-repeat;} .product-header>.title-type{padding-top: 120px; margin-left: 100px;width: 550px;} .product-header>.title-type>h2{font-size: 2.3rem; } .product-header>.title-type>.intro-type{margin-top: 20px;} .product-header>.title-type>.intro-type>li{float: left;width: 120px; height: 32px; line-height: 32px; font-size: 1.2rem; background-color: #515e77; border-radius: 3px; border-left: 7px solid red; margin-right: 10px; text-align: center; color: #fff; cursor: pointer;} .product-header>.title-type>.intro-type>li:hover{background-color: #455066; } .product-body>#summary,.product-body>#design,.product-body>#characteristic,.product-body>#fun{height: 87px;} .product-body>#summary{background: url(../images/p-icon1.png) no-repeat;} .product-body>#design{background: url(../images/p-icon2.png) no-repeat;} .product-body>#characteristic{background: url(../images/p-icon3.png) no-repeat;} .product-body>#fun{background: url(../images/p-icon4.png) no-repeat;} .product-body .mr15{margin: 15px 0px 15px 300px; font-size: 1.2rem;} /*product2:产品2-----------------------------------------------**/ .row-box{ position: relative;height:750px; background-position:left top; background-size: auto; background-repeat: no-repeat;} .row1>.ani-box{left: 750px;top: 260px; width: 390px; padding-right: 50px;} .row1>.ani-box>h2{font-size: 2.6rem;border-left: 7px solid red;padding-left: 10px; padding-top: 0px; line-height: 37px;} .row1>.ani-box>.txt{font-size: 1.2rem; line-height: 2.0rem; margin-top: 50px; margin-left: 20px;} .anone{position:absolute;} .anone{left: 750px;top: 260px; width: 390px; padding-right: 50px;} .anone h2{font-size: 2.6rem;border-left: 7px solid red;padding-left: 10px; padding-top: 0px; line-height: 37px;} .anone .txt{font-size: 1.2rem; line-height: 2.0rem; margin-top: 50px; margin-left: 20px;} .ani-box{position: absolute;top: 120px; width: auto;} .ani-box>.p2-icon{width:98px; height:auto; float: left; margin: 0px 10px 0px 60px;} .ani-box>.p-content-box{width:500px; height:auto; float: left; margin-left: 20px;} .ani-box>.p-content-box>h2{font-size: 2.6rem; margin-top: 25px; margin-bottom: 25px;} .ani-box>.p-content-box>.info{font-size: 1.2rem; line-height: 2.0rem; word-wrap:break-word} .ani-box>.p-content-box>.info>pre{white-space: pre-wrap;word-wrap: break-word;} /*about:发现松毅-----------------------------------------------*/ .nav2{ height: 60px; line-height: 60px; background-color:#12428c;width: 1200px;} .nav2>ul{margin-left: 10px;color: #fff;font-size: 16px;} .nav2>ul>li{float: left;margin-left:15px ; color: #fff;font-size: 16px; cursor: pointer;} .nav2>ul>li>span{margin-left: 15px;} .a-title{border-left: 7px solid red; padding-left: 10px; height: 32px; line-height: 32px;} .a-title>h2{font-size: 2.5rem;font-weight:600;color: #444;} .a-body{margin: 60px 0px;} .a-body .text{ font-size: 1.3rem; color: #666; line-height: 2.3rem; text-indent: 36px;} .a-body .a-img{position: relative; left: -50px; width: 1200px; z-index: 0; margin: 50px 0px; height: 90px; overflow: hidden; } .a-body .b-img{position: relative; left: -50px; width: 1200px; z-index: 0; margin: 50px 0px; } .a-body .qualificationsBox>h3{font-size: 2rem; margin: 20px 0px; padding-left: 25px; background: url(../images/dot-red.png) left center no-repeat;} .a-body .qualificationsBox>.q-list{margin-left: 30px; margin-top: 20px;margin-bottom: 45px;} .a-body .qualificationsBox>.q-list>li{font-size: 1.2rem; line-height: 2.0rem;} .a-body .cu-type{height: 40px; line-height: 40px; background-color: #efeff1; font-size: 1.8rem; margin: 30px 0px; padding-left: 15px;} .a-body .cu-list{ overflow: hidden; position: relative; width: 1150px;} .a-body .cu-list>li{width: 21.7%; float: left; margin-right: 30px; font-size: 1.2rem; color: #666;} .a-body .cu-list>li>img{width: 100%; height: 80px;} .a-body .cu-list>.imgli{text-align:center; margin-top:10px;margin-bottom:10px} .a-body .cu-list>.txtli{padding:10px 0px} .a-body .contact-info{} .a-body h2{font-size: 1.8rem;} .a-body .contact-info>li{font-size: 1.2rem; margin: 7px 0px;} .a-body .h24>img{position: absolute;margin-top: -50px;margin-left: -20px;z-index: 1;} .a-body .h24>.h24-mob{position: absolute; z-index: 2;margin-top: 55px; margin-left: 20px; font-size: 2rem; color: #666;} .start-end-time{width: 100px; margin: 10px auto; font-size: 3.2rem;text-align: center; font-weight: 600;color: #666} .start-end-dot{width: 24px; height: 24px;margin: 0px auto; border-radius: 24px; background-color: #615d5c; } .history-list{ background: url(../images/history-z.png) center top repeat-y; padding: 60px 0px} .history-list>li{overflow: hidden; } .history-list>li .year{font-size: 2rem; font-weight: 600; color: #666; cursor: pointer; } .history-list>li .year:hover{ color: red;} .history-list>li a{text-decoration: none;outline: none; color: #666; font-size: 1.1rem; cursor: pointer;} .history-list>li a:hover{ color:red;} .history-list>.left-li{width: 549px;position: relative;} .history-list>.left-li>.year{float: right;padding-right: 80px; text-align: right;background: url(../images/history-l.png) right no-repeat;margin-left: 10px;} .history-list>.left-li>.sys-list{width: auto;float: right; text-align: right;} .history-list>.right-li{ width: 545px;position: relative;left: 551px;} .history-list>.right-li>.year{float: left;padding-left: 80px; text-align: left; background: url(../images/history-r.png) left center no-repeat;margin-right: 10px;} .history-list>.right-li>.sys-list{width: auto;float: left;} /*join:加入我们------------------------------------------------*/ .join-header{position: absolute;left: 0; right: 0;} .join-title{border-left: 7px solid red; padding-left: 10px; height: 32px; line-height: 32px; margin-bottom: 60px; } .join-title>h2{font-size: 2.4rem;font-weight:600;color: #444;} /*join-job人才招聘------------------------------------------------*/ .job-title{ height: 32px; line-height: 32px; text-align: center; margin-bottom: 20px; } .job-title>h2{font-size: 2.4rem;font-weight:600;color: #444; margin-top: 60px;} .search-ctr{padding: 0px 200px;margin-bottom: 140px;} .search-ctr>input,.search-ctr>a{height: 46px;line-height: 46px; } .search-ctr>input{float: left; width: 79%; border: 1px solid #ccc; background-color: #e9e9e9; padding: 0px 10px; font-size: 1.1rem;} .search-ctr>a{float: left; display: block;width: 17%;border: 1px solid #d70d0d; background-color: #d70d0d; color: #fff;text-align: center; font-size: 1.4rem;} .row{padding: 50px 0px 50px 0px} .job-list{width: 1200px; margin: 0px auto;} .job-list td{padding: 20px 0px;} .job-list h2{ font-size: 1.8rem;color: #333;} .job-list h3{font-size: 1.15rem; font-weight: 600; color: #444; margin-bottom: 3px;} .job-list .job-body{font-size: 1.15rem;color: #666;} /*其他*************************************/ .mess{clear: both; text-align: center; color: red; display: none;}