body {color:#666666} a{color:#333333}a:active,a:hover {color:#454293} @media (min-width: 1570px) {.container{ width: 1570px; }} @media (min-width: 1570px) {.container{ width: 1570px; }} @font-face { font-family: 'Poppins-Bold'; src: url('../font/Poppins-Bold.eot'); src: local('☺'), url('../font/Poppins-Bold.woff') format('woff'), url('../font/Poppins-Bold.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Light'; src: url('../font/Poppins-Light.eot'); src: local('☺'), url('../font/Poppins-Light.woff') format('woff'), url('../font/Poppins-Light.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Light.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Regular'; src: url('../font/Poppins-Regular.eot'); src: local('☺'), url('../font/Poppins-Regular.woff') format('woff'), url('../font/Poppins-Regular.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } *{font-family: 'Poppins-Regular';} #Top{ width:100%; float:left; overflow:hidden;} .container{padding:0; } .container-fluid{ padding:0; width:100%;} .container { padding: 0 10px 0 50px !important; } /*头*/ #Top .top{ float:left; background:white; height:96px; position:fixed; left:0; top:0; z-index:9; box-shadow:0 0 3px rgba(0,0,0,.08);} #Top .top .logo{ float:left; height:96px; line-height:96px; display:table;} #Top .top .logo a{display:table-cell;line-height:0;vertical-align:middle; margin-top:-3px;} #Top .top .topRight{ float:right;} #Top .top .topRight .lang{ float:right; text-transform:capitalize; position:relative; height:96px; width:80px;} #Top .top .topRight .lang .titcon{ float:left; width:100%; font-size:16px; color:#333; line-height:96px; background:url(../image/1721_top2.png) no-repeat right center; text-align:center; cursor:pointer; padding-right:18px; text-align:right;} #Top .top .topRight .lang .serul{ float:left; width:100% !important; position:absolute; left:0; top:100%; background:white; box-shadow:0 2px 3px rgba(0,0,0,0.15); padding:0 10px 10px 10px; display:none; z-index:5;} #Top .top .topRight .lang .serul li{ float:left; width:100%; text-align:center; margin-top:10px;} #Top .top .topRight .lang .serul li a{ display:block; width:100%;line-height:22px; color:#999; font-size:14px; white-space:nowrap;} #Top .top .topRight .lang .serul li a:hover{ color:white; background:#ea3b02;} #Top .top .topRight .so_box{ float:left; position:relative; z-index:99; height:96px; width:55px; margin-right:24px;} #Top .top .topRight .so_but{float:left; width:100%; height:95px; z-index:99; background:url(../image/1721_top1.png) no-repeat center center; cursor:pointer; background-size:15px 15px;} #Top .top .topRight .so{ position:absolute; right:0; top:100%; display:none; width:313px; height:44px; border:solid 1px #ea3b02; padding-right:54px; background:white; z-index:9;} #Top .top .topRight .so .Search{ float:left; width:100%; height:42px; background:none; border:none; line-height:22px; padding:10px; color:#333; font-size:14px;} #Top .top .topRight .so .sear_sub{ width:53px; height:42px; border:none;background:url(../image/1721_top9.png) center no-repeat #ea3b02; background-size:40px 40px; cursor:pointer; position:absolute; right:0; top:0;} #Top .top .topRight .so .sear_sub input{ width:100%; position:absolute; left:0; top:0; height:100%; cursor:pointer; opacity:0;} #Top .top .topRight .so .sear_sub:before{ content:''; display:block;width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 7px solid #ea3b02; position:absolute; left:50%; top:-7px; margin-left:-8px;} #Top .menu{ z-index:99; float:left; margin-left:10%;} #Top .menu > ul{ float:left; width:100%;} #Top .menu ul .nli{ float:left; text-align:center; z-index:99; position:relative; margin:0 32px;} #Top .menu ul .nli span a{ display:block; white-space:nowrap; width:100%; float:left; height:96px; line-height:96px; color:#333; text-align:center; font-size:16px; position:relative;} #Top .menu ul .nli.on span a,#Top .menu ul .nli:hover span a{ color:#ea3b02;} #Top .menu ul .nli span a:before{ content:''; width:0; height:1px; background:#ea3b02; position:absolute; left:50%; bottom:30px;} #Top .menu ul .nli.on span a:before{ width:100%; left:0;} /*下拉菜单（漂浮在menu .nli上）*/ #Top .sub { z-index:21; position:absolute; float:left; clear:both; width:160px; left: 50%; margin-left: -80px;top:100% !important; display:none; padding:5px 15px 19px 15px; background:rgba(0,0,0,0.6);} #Top .sub .ul1{ width:100%;} #Top .sub .l2{ width:100%; float: left; position: relative; margin-top:16px;} #Top .sub .l2 .l2_a{ line-height: 32px; width:100%; display:block; font-size: 16px; float:left; color:#fff;} #Top .sub .l2:hover .l2_a { background:#ea3b02;} #Top .sub .ul2 { float:left; /* position:absolute; left:100%; top:20px;*/ display:none; margin:0px; width:100%; overflow:hidden;background:url(http://www.marinee.net/public/images/1721_bg_8.png);/* box-shadow:0 3px 16px rgba(0,0,0,0.15);*/} #Top .sub .ul2 .l3{ float:left; position:static; padding:0; margin:0; width: 100%; height: 40px; line-height:40px; float:left; font-size:12px; color:#333; text-align:left;} #Top .sub .ul2 .l3 .l3_a{ padding:0px 20px; line-height: 40px; width:100%; display:block; float:left; color:#333333; background-position:left center;} #Top .sub .ul2 .l3:hover .l3_a { color:#fff; background: url(http://www.marinee.net/public/images/1721_bg_3.png);} #Top .menu ul .nli:hover .sub{ display:block; -webkit-animation:fadeInUp1 0.5s 0s ease both; -moz-animation:fadeInUp1 0.5s 0s ease both;} @-webkit-keyframes fadeInUp1{ 0%{opacity:0; -webkit-transform:translateY(30px)} 100%{opacity:1; -webkit-transform:translateY(0)} } @-moz-keyframes fadeInUp1{ 0%{opacity:0; -moz-transform:translateY(30px)} 100%{opacity:1; -moz-transform:translateY(0)} } #Top .h96{ width:100%; float:left; height:0px;} #Top .pf_menu_bg{ width:100%; height: 100%; position:fixed; left:0; top:0 !important; z-index:6; background:rgba(0,0,0,0.8); display:none;} #Top .pf_menu_bg.on{ display:block;} #Top .pf_menu{ position:fixed; height:100%; width:300px; overflow-y:auto; right:-100%;background:white; top:0; z-index:7; display:block; padding:55px 0 0 0; float: left; -webkit-transition: all 0.6s ease-out 0s; -moz-transition: all 0.6s ease-out 0s; -o-transition: all 0.6s ease-out 0s; transition: all 0.6s ease-out 0s;} #Top .ph_menu{ float:left; width:100%; text-align:center;} #Top .ph_menu .search{ float:left; width:94%; margin-left:3%; margin-top:15px; padding-right:40px; position:relative;} #Top .ph_menu .search .search_k{ float:left; width:100%; height:40px; line-height:20px; padding:10px 10px; color:#ea3b02; font-size:14px; background:white; background:rgba(0,0,0,0.05); -moz-border-radius:0; -webkit-border-radius:0; -khtml-border-radius:0; border-radius:0;} #Top .ph_menu .search .search_b{ position:absolute; right:0; top:0; width:40px; height:40px; border:none;background:url(../image/1721_top9.png) center no-repeat #ea3b02; cursor: pointer; background-size:contain;} #Top .pf_menu.on{ right:0;} #Top .nav_box{ width:100%; float:left; border-top:solid 1px #f0f0f0;} #Top .ph_menu .nli{ float:left; width:100%; border-bottom:solid 1px #f0f0f0;} #Top .ph_menu .nli span{ float:left; width:100%; padding:0 15px 0 15px; position:relative;} #Top .ph_menu .nli .l1_a{ float:left; width:100%; color:#ea3b02; font-size:14px; line-height:20px; padding: 12px 0; letter-spacing: 1px;} #Top .ph_menu .nli .l2_ul{ display:none; height:auto; float:left; width:100%; padding: 5px 15px; background:#ea3b02;} #Top .ph_menu .nli .l2_ul li a{ line-height:34px; font-size:12px; color:#fff; text-transform:uppercase; opacity:0.8;} #Top .ph_menu .nli .l2_ul li a:active{ opacity:1;} #Top .ph_menu .nli span i{ position:absolute; right:5%; top:50%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #Top .ph_menu .nli span i:before,#Top .ph_menu .nli span i:after{ content:''; width:6px; height:1px; background:#ea3b02; transform:rotate(45deg); transform-origin:right bottom; position:absolute; right:-3px; top:0;} #Top .ph_menu .nli span i:after{ transform:rotate(-45deg); transform-origin:right top;} #Top .ph_menu .nli.on span i{ transform:rotate(90deg);} #Top .ph_menu .lang{ width:100%; float:left; text-align:center; padding:0 5%; margin-top:20px;} #Top .ph_menu .lang a{ display:inline-block; padding:0 20px; font-size:12px; line-height:24px; color:#ea3b02; letter-spacing:1px; position:relative;} #Top .ph_menu .lang a:before{ content:''; width:1px; height:10px; background:#e6e6e6; opacity:0.8; position:absolute; left:0; top:50%; margin-top:-5px;} #Top .ph_menu .lang a:first-child:before{ display:none;} @media screen and (max-width:1570px){ #Top .menu ul .nli{ margin:0 25px;} #Top .menu{ margin-left:5%;} } @media screen and (max-width:1200px){ #Top .menu ul .nli{ margin:0 15px;} #Top .menu{ margin-left:5%;} #Top .top .topRight .so_box{ width:50px; margin-right:14px;} #Top .top .logo img{ height:50px;} } @media screen and (max-width:992px){ #Top .top .topRight,#Top .menu{ display: none;} #Top .top{ height:55px; padding:0 10px;} #Top .h96{ height:55px;} #Top .top.on{ background:white;} #Top .top .logo{ height:55px; line-height:55px;} #Top .top .logo img{ height:40px;} #Top .menuph{ float:right; cursor: pointer; width: 30px; height: 55px; text-align: center; display: block;} #Top .menuph .point { display: inline-block; width: 30px; height: 30px; margin-top: 12px; position: relative; background:#454293;-moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #Top .menuph .navbtn { position: absolute; top: 15px; left: 8px; display: inline-block; width: 14px; height: 1px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #fff; } #Top .menuph .navbtn::after, #Top .menuph .navbtn::before { position: absolute; left: 0; display: inline-block; width: 14px; height: 1px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #fff; } #Top .menuph .navbtn::after { top:-5px; width:8px;} #Top .menuph .navbtn::before { top:5px; } #Top .menuph .point.active .navbtn{ background: transparent; } #Top .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; width:14px;} #Top .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;} #Top .h56{ width:100%; float:left; height:56px;} } @media screen and (max-width:768px){ #Top .ph_menu .nli span i{ width:5px;} } @font-face { font-family: 'Poppins-Bold'; src: url('../font/Poppins-Bold.eot'); src: local('☺'), url('../font/Poppins-Bold.woff') format('woff'), url('../font/Poppins-Bold.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Light'; src: url('../font/Poppins-Light.eot'); src: local('☺'), url('../font/Poppins-Light.woff') format('woff'), url('../font/Poppins-Light.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Light.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Regular'; src: url('../font/Poppins-Regular.eot'); src: local('☺'), url('../font/Poppins-Regular.woff') format('woff'), url('../font/Poppins-Regular.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } *{font-family: 'Poppins-Regular';} #Slide{ width:100%; float:left; overflow:hidden;} .container{padding:0; } .container-fluid{ padding:0; width:100%;} /*首页banner*/ #Slide .indexBanner{ position:relative; min-height:120px;} #Slide .indexBanner .banner img{ width:100%; float:left;} #Slide .indexBanner .slick-dots { position: absolute; bottom:auto; right:118px; top:50%; display: block; width: 10px; padding: 0; list-style: none; text-align: center; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } #Slide .indexBanner .slick-dots li { position: relative; display: inline-block; width: 12px; height: 12px; margin: 0 0 33px 0; padding: 0; cursor: pointer; background:white; opacity:0.5; vertical-align:top; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } #Slide .indexBanner .slick-dots li button { display:none;} #Slide .indexBanner .slick-dots li.slick-active { opacity:1; } @media screen and (max-width:1570px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Slide .indexBanner .slick-dots{ width:100%; height:8px; top:auto; bottom:50px; right:0;} #Slide .indexBanner .slick-dots li { width: 8px; height: 8px; margin: 0 12px;} } @media screen and (max-width:768px){ #Slide .indexBanner .slick-dots{ bottom:10px;} #Slide .indexBanner .slick-dots li { margin: 0 4px;} } @font-face { font-family: 'Poppins-Bold'; src: url('../font/Poppins-Bold.eot'); src: local('☺'), url('../font/Poppins-Bold.woff') format('woff'), url('../font/Poppins-Bold.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Light'; src: url('../font/Poppins-Light.eot'); src: local('☺'), url('../font/Poppins-Light.woff') format('woff'), url('../font/Poppins-Light.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Light.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Regular'; src: url('../font/Poppins-Regular.eot'); src: local('☺'), url('../font/Poppins-Regular.woff') format('woff'), url('../font/Poppins-Regular.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } *{font-family: 'Poppins-Regular';} #Down{ width:100%; float:left; overflow:hidden;} .container{padding:0; } .container-fluid{ padding:0; width:100%;} /*底部*/ #Down .footer{ width:100%; float:left; background:#f3f5f9; padding:50px 0 45px 0; text-align:center;} #Down .footerHead{ width:100%; float:left; text-align:center;} #Down .footerHead ul{ display:inline-block;} #Down .footerHead ul li{ display:block; float:left; width:46px; height:46px; margin:0 10px; background:#4b4e4f; position:relative; cursor:pointer; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #Down .footerHead ul li img{ width:100%; float:left; position:relative; z-index:3;} #Down .footerHead ul li span{ width:0; height:0; position:absolute; left:50%; top:50%; z-index:2; background:#ea3b02; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #Down .footerHead ul li:hover{ background:none;} #Down .footerHead ul li:hover span{ width:100%; height:100%; left:0; top:0;} #Down .footerMenu{ width:100%; float:left; margin-top:27px; text-align:center;} #Down .footerMenu a{ display:inline-block; vertical-align:top; color:white; margin:0 20px; font-size:18px; color:#333; line-height:36px;font-family: 'Poppins-Bold';} #Down .footerMenu a:hover{ color:#ea3b02;} #Down .footerBq{ width:100%; float:left; margin-top:12px; font-size:14px; color:#333; line-height:26px;} #Down .pf_right{ position:fixed; right:40px; top:50%; z-index:5;} #Down .pf_right li{ width:60px; height:60px; background:black; background:rgba(0,0,0,0.4); margin-bottom:20px; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #Down .pf_right li:hover{ background:#454293;} @media screen and (max-width:1570px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Down .footer{ padding:30px 0 25px 0;} #Down .footerHead ul li{ width:40px; height:40px;} #Down .footerMenu{ margin-top:20px;} #Down .footerMenu a{ margin:0 10px; font-size:16px; line-height:30px;} #Down .footerBq{ margin-top:8px; font-size:12px; line-height:22px;} } @media screen and (max-width:768px){ #Down .footer{ padding:25px 10px 20px 10px;} #Down .footerHead ul li{ width:30px; height:30px;} #Down .footerBq{ font-size:12px; line-height:22px;} #Down .footerMenu{ display:none;} #Down .pf_right{ display:none;} } @font-face { font-family: 'Poppins-Bold'; src: url('../font/Poppins-Bold.eot'); src: local('☺'), url('../font/Poppins-Bold.woff') format('woff'), url('../font/Poppins-Bold.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Light'; src: url('../font/Poppins-Light.eot'); src: local('☺'), url('../font/Poppins-Light.woff') format('woff'), url('../font/Poppins-Light.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Light.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Regular'; src: url('../font/Poppins-Regular.eot'); src: local('☺'), url('../font/Poppins-Regular.woff') format('woff'), url('../font/Poppins-Regular.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } *{font-family: 'Poppins-Regular';} #Content{ width:100%; float:left; overflow:hidden;} .container{padding:0; } .container-fluid{ padding:0; width:100%;} /*首页1*/ #Content .index1{ float:left; margin:120px 0;} #Content .index1 .text{ width:35%; float:left;} #Content .index1 .text h5{ margin-top:16px; font-size:18px; color:#ea3b02; line-height:24px; text-transform:uppercase;} #Content .index1 .text h2{ margin-top:18px; font-size:48px; color:#454293; line-height:48px; text-transform:uppercase; position:relative; word-break:break-all;} #Content .index1 .text h2:before{ content:''; width:82px; height:3px; background:#454293; position:absolute; left:0; bottom:-77px;} #Content .index1 .text .p{ margin-top:145px; font-size:16px; color:#666; line-height:36px; overflow:hidden; height:396px;display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 11;-webkit-box-orient: vertical;word-break: break-all;} #Content .index1 .pic{ float:left; width:38.85%; margin-left:5.73%; position:relative; overflow:hidden;} #Content .index1 .pic img{ width:100%; float:left;} #Content .index1 .pic .slick-prev, #Content .index1 .pic .slick-next { position: absolute; left:auto; right:0; top: auto; bottom:0; display: block; width: 85px; height: 58px; padding: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); cursor: pointer; color: transparent; border: none; outline: none; background:white; z-index:3; } #Content .index1 .pic .slick-prev:before,#Content .index1 .pic .slick-next:before{ content:''; width:18px; height:2px; background:#c5c5c5; position:absolute; right:50%; top:50%; margin:-1px 0 0 -9px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #Content .index1 .pic .slick-prev:after,#Content .index1 .pic .slick-next:after{ content:''; width:12px; height:12px; border-top:solid 2px #c5c5c5; border-right:solid 2px #c5c5c5; position:absolute; right:50%; top:50%; transform:rotate(45deg); margin-top:-6px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #Content .index1 .pic .slick-prev:hover:before,#Content .index1 .pic .slick-next:hover:before{ background:#ea3b02;} #Content .index1 .pic .slick-prev:hover:after,#Content .index1 .pic .slick-next:hover:after{ border-color:#ea3b02;} #Content .index1 .pic .slick-prev{ left:auto; right:85px; transform:rotate(180deg); } #Content .index1 ul{ float:right; width:15.286%; margin-top:35px;} #Content .index1 ul li{ float:left; width:100%; margin-top:72px; font-size:18px; color:#333; line-height:36px;} #Content .index1 ul li strong{ display:block;font-family: 'Poppins-Bold'; font-weight:normal;} @media screen and (max-width:1570px){ #Content .index1 ul{ margin-top:15px;} #Content .index1 ul li{ margin-top:42px; font-size:18px; color:#333; line-height:36px;} #Content .index1 .text .p{ height:216px;-webkit-line-clamp:6;} } @media screen and (max-width:1200px){ #Content .index1 .text h5{ margin-top:6px;} #Content .index1 ul li{ margin-top:20px; line-height:30px;} #Content .index1 .text h2:before{ bottom:-44px;} #Content .index1 .text .p{ margin-top:95px;} } @media screen and (max-width:992px){ #Content .index1{ margin:30px 0; padding: 0 20px;} #Content .index1 .pic{ margin-left:0; float:right; width:50%;} #Content .index1 .text{ width:45%;} #Content .index1 .text h5{ margin-top:0px; font-size:16px; line-height:20px;} #Content .index1 .text h2{ margin-top:12px; font-size:40px; line-height:40px;} #Content .index1 .text h2:before{ bottom:-44px;} #Content .index1 .text .p{ margin-top:75px;} #Content .index1 ul{ width:100%;} #Content .index1 ul li{ font-size:16px; line-height:30px; width:20%;} #Content .index1 ul li:first-child{ width:40%;} } @media screen and (max-width:768px){ #Content .index1{ padding: 0 10px;} #Content .index1 .pic{ width:100%; margin-top:10px;} #Content .index1 .text{ width:100%;} #Content .index1 .text h5{ margin-top:0px; font-size:12px; line-height:16px;} #Content .index1 .text h2{ margin-top:8px; font-size:30px; line-height:30px;} #Content .index1 .text h2:before{ bottom:-22px;} #Content .index1 .text .p{ margin-top:40px; font-size:14px; line-height:26px; height:130px; -webkit-line-clamp:5;} #Content .index1 ul{ width:100%;} #Content .index1 ul li{ font-size:14px; line-height:26px; width:33.33%; margin-top:10px;} #Content .index1 ul li:first-child{ width:100%;} #Content .index1 .pic .slick-dots { position: absolute; bottom: 10px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } #Content .index1 .pic .slick-dots li { position: relative; display: inline-block; width: 8px; height: 8px; float:none; margin: 0 4px; padding: 0; background:white; opacity:0.6; cursor: pointer; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } #Content .index1 .pic .slick-dots li button { display:none;} #Content .index1 .pic .slick-dots li.slick-active { opacity: 1; color: black; } } @font-face { font-family: 'Poppins-Bold'; src: url('../font/Poppins-Bold.eot'); src: local('☺'), url('../font/Poppins-Bold.woff') format('woff'), url('../font/Poppins-Bold.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Light'; src: url('../font/Poppins-Light.eot'); src: local('☺'), url('../font/Poppins-Light.woff') format('woff'), url('../font/Poppins-Light.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Light.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Regular'; src: url('../font/Poppins-Regular.eot'); src: local('☺'), url('../font/Poppins-Regular.woff') format('woff'), url('../font/Poppins-Regular.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } *{font-family: 'Poppins-Regular';} #Content2{ width:100%; float:left; overflow:hidden;} .container{padding:0; } .container-fluid{ padding:0; width:100%;} /*首页2*/ #Content2 .index2{ float:left; height:585px; position:relative;} #Content2 .index2:before{ content:''; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:#454293; opacity:0.65;} #Content2 .index2 h4{ width:100%; text-align:center; position:absolute; left:0; top:92px; font-size:24px; color:white; line-height:32px; text-transform:uppercase; z-index:3;} #Content2 .index2 h2{ width:100%; text-align:center; position:absolute; left:0; top:169px; font-size:48px; color:white; line-height:50px; text-transform:uppercase; z-index:3;} #Content2 .index2 .btn{ display:block; width:84px; height:84px; position:absolute; left:50%; top:335px; margin-left:-42px; background:url(../image/1725_index3.png) no-repeat center center; background-size:contain; z-index:3;} #Content2 .index2 h5{ width:100%; text-align:center; position:absolute; left:0; top:434px; font-size:18px; color:white; line-height:22px; text-transform:uppercase; z-index:3;} #Content2 .zmb{ width:100%; height:100%; position:fixed; left:0; top:0; background:black; background:rgba(0,0,0,0.8); display:none; z-index:99999;} #Content2 .tc_video{ width:1170px; height:600px; position:fixed; left:50%; top:50%; margin:-300px 0 0 -585px; display:none; z-index:100000; overflow:hidden;} #Content2 .tc_video video{ width:100%; height:100%; position:absolute; left:0; top:0;} @media screen and (max-width:1570px){ } @media screen and (max-width:1200px){ #Content2 .tc_video{ width:992px; height:500px; margin:-250px 0 0 -496px;} } @media screen and (max-width:992px){ #Content2 .index2{ height:400px;} #Content2 .index2 h4{ top:70px; font-size:20px; line-height:26px;} #Content2 .index2 h2{ top:120px; font-size:42px; line-height:44px;} #Content2 .index2 .btn{ width:60px; height:60px; top:260px; margin-left:-30px;} #Content2 .index2 h5{ top:330px; font-size:16px; line-height:20px;} #Content2 .tc_video{ width:760px; height:300px; margin:-150px 0 0 -380px;} } @media screen and (max-width:768px){ #Content2 .index2{ height:auto; padding:30px 10px;} #Content2 .index2 h4{ position:relative; top:auto; float:left; font-size:16px; line-height:20px;} #Content2 .index2 h2{ position:relative; top:auto; float:left; margin-top:20px; font-size:36px; line-height:38px;} #Content2 .index2 .btn{ width:50px; height:50px; position:relative; top:auto; float:left; margin-top:30px; margin-left:-25px;} #Content2 .index2 h5{ position:relative; top:auto; float:left; margin-top:10px; font-size:14px;} #Content2 .tc_video{ width:90%; height:250px; margin:-125px 0 0 0; left:5%;} } @font-face { font-family: 'Poppins-Bold'; src: url('../font/Poppins-Bold.eot'); src: local('☺'), url('../font/Poppins-Bold.woff') format('woff'), url('../font/Poppins-Bold.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Light'; src: url('../font/Poppins-Light.eot'); src: local('☺'), url('../font/Poppins-Light.woff') format('woff'), url('../font/Poppins-Light.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Light.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Regular'; src: url('../font/Poppins-Regular.eot'); src: local('☺'), url('../font/Poppins-Regular.woff') format('woff'), url('../font/Poppins-Regular.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } *{font-family: 'Poppins-Regular';} #Content3{ width:100%; float:left; overflow:hidden;} .container{padding:0; } .container-fluid{ padding:0; width:100%;} /*首页3*/ #Content3 .index3{ float:left; margin:107px 0 80px 0;} #Content3 .index3 .headline{ width:100%; float:left; font-size:48px; color:#454293; line-height:62px; text-transform:uppercase;} #Content3 .index3 .index3Body{ width:100%; float:left; margin-top:37px;} #Content3 .index3 .index3Body .hd{ width:100%; float:left; border-top:solid 1px #dedede; border-bottom:solid 1px #dedede;} #Content3 .index3 .index3Body .hd li{ display:table; width:20%; float:left; height:138px; line-height:138px; text-align:center; cursor:pointer;} #Content3 .index3 .index3Body .hd li a{ display:table-cell; vertical-align:middle;} #Content3 .index3 .index3Body .hd li img{ vertical-align:middle; margin:-3px 3px 0 0; width:66px;} #Content3 .index3 .index3Body .hd li img.img2{ display:none;} #Content3 .index3 .index3Body .hd li span{ display:inline-block; vertical-align:middle; margin:-3px 0 0 0; width:170px; font-size:16px; color:#919191; line-height:18px; text-transform:uppercase; text-align:left;} #Content3 .index3 .index3Body .hd li.on img.img1{ display:none;} #Content3 .index3 .index3Body .hd li.on img.img2{ display:inline-block;} #Content3 .index3 .index3Body .hd li.on span{ color:#ea3b02;} #Content3 .index3 .index3Body .bd{ width:100%; float:left; margin-top:50px;} #Content3 .index3 .index3Body .bd ul li{ width:25%; float:left; padding:0 15px;} #Content3 .index3 .index3Body .bd ul li a{ display:block; width:100%; float:left; background:white;} #Content3 .index3 .index3Body .bd ul li a .img{ width:100%; float:left; padding-bottom:100%; overflow:hidden; position:relative;} #Content3 .index3 .index3Body .bd ul li a .img img{ width:100%; position:absolute; left:0; top:0; min-height:100%; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: width all 0.5s linear;} #Content3 .index3 .index3Body .bd ul li a:hover .img img{transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} #Content3 .index3 .index3Body .bd ul li a .title{ width:100%; float:left; height:93px; padding:24px 10px 10px 10px; text-align:center; font-size:18px; color:#333; line-height:24px; position:relative;} #Content3 .index3 .index3Body .bd ul li a .title:before{ content:''; width:0px; height:1px; background:#ea3b02; position:absolute; left:50%; bottom:30px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #Content3 .index3 .index3Body .bd ul li a:hover{ box-shadow:0 0 16px rgba(0,0,0,0.06);} #Content3 .index3 .index3Body .bd ul li a:hover .title:before{ width:50px; margin-left:-25px;} @media screen and (max-width:1570px){ #Content3 .index3 .index3Body .hd li span{ text-align:center;} } @media screen and (max-width:1200px){ #Content3 .index3 .headline{ font-size:42px; line-height:56px;} #Content3 .index3 .index3Body{ margin-top:30px;} #Content3 .index3 .index3Body .hd li{ height:110px; line-height:110px;} #Content3 .index3 .index3Body .hd li span{ width:120px; text-align:center;} #Content3 .index3 .index3Body .bd ul li a .title{ height:80px; padding:18px 10px 10px 10px;} #Content3 .index3 .index3Body .bd ul li a .title:before{ bottom:20px;} } @media screen and (max-width:992px){ #Content3 .index3{ margin:30px 0 30px 0; padding:0 10px;} #Content3 .index3 .headline{ font-size:36px; line-height:48px;} #Content3 .index3 .index3Body{ margin-top:20px;} #Content3 .index3 .index3Body .hd li{ height:90px; line-height:90px;} #Content3 .index3 .index3Body .hd li span{ width:100px; font-size:14px;} #Content3 .index3 .index3Body .hd li img{ width:50px;} #Content3 .index3 .index3Body .bd{ margin-top:30px;} #Content3 .index3 .index3Body .bd ul li{ width:50%; } } @media screen and (max-width:768px){ #Content3 .index3 .headline{ font-size:30px; line-height:40px;} #Content3 .index3 .index3Body{ margin-top:10px;} #Content3 .index3 .index3Body .hd li{ line-height:0; padding:0 5px; height:40px;} #Content3 .index3 .index3Body .hd li span{ width:100%; font-size:12px; line-height:14px; text-align:center; vertical-align:top; word-break:break-all; display:none;} #Content3 .index3 .index3Body .hd li img{ width:30px; vertical-align:top; margin:5px 0;} #Content3 .index3 .index3Body .bd{ margin-top:20px;} #Content3 .index3 .index3Body .bd ul li{ width:50%; padding:0 5px;} #Content3 .index3 .index3Body .bd ul{ width:100%; float:left; padding:0 10px;} #Content3 .index3 .index3Body .bd ul li a .title{ height:50px; padding:10px 10px 10px 10px; font-size:14px; line-height:20px;} #Content3 .index3 .index3Body .bd ul li a .title:before{ bottom:10px;} } @font-face { font-family: 'Poppins-Bold'; src: url('../font/Poppins-Bold.eot'); src: local('☺'), url('../font/Poppins-Bold.woff') format('woff'), url('../font/Poppins-Bold.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Light'; src: url('../font/Poppins-Light.eot'); src: local('☺'), url('../font/Poppins-Light.woff') format('woff'), url('../font/Poppins-Light.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Light.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Regular'; src: url('../font/Poppins-Regular.eot'); src: local('☺'), url('../font/Poppins-Regular.woff') format('woff'), url('../font/Poppins-Regular.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } *{font-family: 'Poppins-Regular';} #Content4{ width:100%; float:left; overflow:hidden;} .container{padding:0; } .container-fluid{ padding:0; width:100%;} /*首页4*/ #Content4 .index4{ float:left; padding:105px 0 120px 0;} #Content4 .index4 .headline{ width:100%; float:left; font-size:48px; color:#454293; line-height:62px; text-transform:uppercase;} #Content4 .index4 .index4Body{ width:100%; float:left; margin-top:38px;} #Content4 .index4 .index4Body .pic{ float:left; width:49%;} #Content4 .index4 .index4Body .pic img{ float:left; width:100%;} #Content4 .index4 .index4Body ul{ float:right; width:45.85%; margin-top:30px;} #Content4 .index4 .index4Body ul li{ float:left; width:100%; padding-bottom:20px; position:relative; cursor:pointer;} #Content4 .index4 .index4Body ul li .title{ float:left; width:100%; padding-left:74px; font-size:20px; color:#333; line-height:50px; font-weight:bold;} #Content4 .index4 .index4Body ul li .title .span{ display:block; width:50px; height:50px; background:white; position:absolute; left:0; top:0; box-shadow:0 4px 4px rgba(0,0,0,0.11); -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #Content4 .index4 .index4Body ul li .title .span:before,#Content4 .index4 .index4Body ul li .title .span:after{ content:''; width:16px; height:4px; background:#454293; overflow:hidden; position:absolute; left:50%; top:50%; margin:-2px 0 0 -8px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px;} #Content4 .index4 .index4Body ul li .title .span:after{ width:4px; height:16px; margin:-8px 0 0 -2px;} #Content4 .index4 .index4Body ul li .p{ float:left; width:100%; padding-left:74px; margin-top:3px; font-size:16px; color:#666; line-height:30px;display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all; height:90px; overflow:hidden; display:none;} #Content4 .index4 .index4Body ul li.hover{ margin-bottom:23px;} #Content4 .index4 .index4Body ul li.hover .title{ color:#ea3b02;} #Content4 .index4 .index4Body ul li.hover .title .span{ background:#ea3b02;} #Content4 .index4 .index4Body ul li.hover .title .span:after{ display:none;} #Content4 .index4 .index4Body ul li.hover .title .span:before{ background:white;} @media screen and (max-width:1570px){ #Content4 .index4 .index4Body ul{ margin-top:10px;} #Content4 .index4 .index4Body ul li.hover{ margin-bottom:0px;} #Content4 .index4 .index4Body ul li{ padding-bottom:10px;} } @media screen and (max-width:1200px){ #Content4 .index4 .index4Body ul{ margin-top:-60px;} } @media screen and (max-width:992px){ #Content4 .index4{ padding:30px 10px;} #Content4 .index4 .headline{ font-size:36px; line-height:48px;} #Content4 .index4 .index4Body{ margin-top:20px;} #Content4 .index4 .index4Body ul{ margin-top:0px;} #Content4 .index4 .index4Body ul li .title{ padding-left:60px; font-size:16px; line-height:40px;} #Content4 .index4 .index4Body ul li .title .span{ width:40px; height:40px;} #Content4 .index4 .index4Body ul li .title .span:before,#Content4 .index4 .index4Body ul li .title .span:after{ width:16px; height:4px; background:#454293; overflow:hidden; position:absolute; left:50%; top:50%; margin:-2px 0 0 -8px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px;} #Content4 .index4 .index4Body ul li .title .span:after{ width:4px; height:16px; margin:-8px 0 0 -2px;} #Content4 .index4 .index4Body ul li .p{ padding-left:60px; font-size:14px; line-height:26px; -webkit-line-clamp: 2; height:52px;} } @media screen and (max-width:768px){ #Content4 .index4 .headline{ font-size:30px; line-height:40px;} #Content4 .index4 .index4Body{ margin-top:10px;} #Content4 .index4 .index4Body .pic,#Content4 .index4 .index4Body ul{ width:100%;} #Content4 .index4 .index4Body ul{ margin-top:20px;} #Content4 .index4 .index4Body ul li .title{ padding-left:50px;} #Content4 .index4 .index4Body ul li .title .span:before,#Content4 .index4 .index4Body ul li .title .span:after{ width:12px; height:2px; margin:-1px 0 0 -6px;} #Content4 .index4 .index4Body ul li .title .span:after{ width:2px; height:12px; margin:-6px 0 0 -1px;} #Content4 .index4 .index4Body ul li .p{ padding-left:50px; line-height:22px; -webkit-line-clamp: 2; height:42px;} } @font-face { font-family: 'Poppins-Bold'; src: url('../font/Poppins-Bold.eot'); src: local('☺'), url('../font/Poppins-Bold.woff') format('woff'), url('../font/Poppins-Bold.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Light'; src: url('../font/Poppins-Light.eot'); src: local('☺'), url('../font/Poppins-Light.woff') format('woff'), url('../font/Poppins-Light.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Light.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Regular'; src: url('../font/Poppins-Regular.eot'); src: local('☺'), url('../font/Poppins-Regular.woff') format('woff'), url('../font/Poppins-Regular.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } *{font-family: 'Poppins-Regular';} #Content5{ width:100%; float:left; overflow:hidden;} .container{padding:0; } .container-fluid{ padding:0; width:100%;} #Content5 .index5{ float:left; padding:93px 0 100px 0; text-align:center;} #Content5 .index5 h3{ width:100%; float:left; font-size:42px; color:white; line-height:52px;font-family: 'Poppins-Bold';} #Content5 .index5 h4{ width:100%; float:left; margin-top:27px; font-size:26px; color:white; line-height:30px; } #Content5 .index5 h5{ width:100%; float:left; margin-top:11px; font-size:22px; color:white; line-height:26px;} #Content5 .index5 .more{ width:100%; float:left; margin-top:44px;} #Content5 .index5 .more a{ display:inline-block; vertical-align:top; width:238px; height:54px; line-height:52px; border:solid 1px white; font-size:16px; color:white; text-transform:uppercase; -moz-border-radius:26px; -webkit-border-radius:26px; -khtml-border-radius:26px; border-radius:26px;} #Content5 .index5 .more a img{ vertical-align:middle; margin:-3px 0 0 20px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #Content5 .index5 .more a:hover{ background:rgba(255,255,255,0.1);} #Content5 .index5 .more a:hover img{ margin:-3px 0 0 60px;} @media screen and (max-width:1570px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content5 .index5{ padding:40px 10px;} #Content5 .index5 h3{ font-size:36px; line-height:40px;} #Content5 .index5 h4{ margin-top:20px; font-size:20px; line-height:24px; } #Content5 .index5 h5{ margin-top:6px; font-size:16px; line-height:22px;} #Content5 .index5 .more{ margin-top:33px;} #Content5 .index5 .more a{ width:190px; height:44px; line-height:42px; font-size:14px;} #Content5 .index5 .more a:hover img{ margin:-3px 0 0 40px;} } @media screen and (max-width:768px){ } @font-face { font-family: 'Poppins-Bold'; src: url('../font/Poppins-Bold.eot'); src: local('☺'), url('../font/Poppins-Bold.woff') format('woff'), url('../font/Poppins-Bold.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Light'; src: url('../font/Poppins-Light.eot'); src: local('☺'), url('../font/Poppins-Light.woff') format('woff'), url('../font/Poppins-Light.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Light.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Regular'; src: url('../font/Poppins-Regular.eot'); src: local('☺'), url('../font/Poppins-Regular.woff') format('woff'), url('../font/Poppins-Regular.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } *{font-family: 'Poppins-Regular';} #Content6{ width:100%; float:left; overflow:hidden;} .container{padding:0; } .container-fluid{ padding:0; width:100%;} /*内页banner*/ #Content6 .banner{ float:left; background:#454293; position:relative; min-height:100px;} #Content6 .banner img{ width:100%; float:left; opacity:0.4;} #Content6 .banner .banner_text{ position:absolute; width:100%; left:0; top:50%; z-index:3; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} #Content6 .banner .banner_text h5{ width:100%; font-size:20px; color:#fff; line-height:24px;font-family: 'Poppins-Light'; text-transform:uppercase;} #Content6 .banner .banner_text h2{ width:100%; margin-top:34px; font-size:50px; color:#fff; line-height:60px;font-family: 'Poppins-Light';} @media screen and (max-width:1570px){ } @media screen and (max-width:1200px){ #Content6 .banner .banner_text h5{ font-size:16px; line-height:20px;} #Content6 .banner .banner_text h2{ margin-top:28px; font-size:40px; line-height:50px;} } @media screen and (max-width:992px){ #Content6 .banner .banner_text{ padding:0 50px;} } @media screen and (max-width:768px){ #Content6 .banner .banner_text{ padding:0 10px;} #Content6 .banner .banner_text h5{ font-size:12px; line-height:16px;} #Content6 .banner .banner_text h2{ margin-top:18px; font-size:20px; line-height:24px;} } @font-face { font-family: 'Poppins-Bold'; src: url('../font/Poppins-Bold.eot'); src: local('☺'), url('../font/Poppins-Bold.woff') format('woff'), url('../font/Poppins-Bold.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Light'; src: url('../font/Poppins-Light.eot'); src: local('☺'), url('../font/Poppins-Light.woff') format('woff'), url('../font/Poppins-Light.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Light.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Regular'; src: url('../font/Poppins-Regular.eot'); src: local('☺'), url('../font/Poppins-Regular.woff') format('woff'), url('../font/Poppins-Regular.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } *{font-family: 'Poppins-Regular';} #Content7{ width:100%; float:left; overflow:hidden;} .container{padding:0; } .container-fluid{ padding:0; width:100%;} /*quality*/ #Content7 .quality .ul_1{ width:100%; float:left; margin-top:-100px;} #Content7 .quality .ul_1 li{ width:100%; float:left; margin-top:220px;} #Content7 .quality .ul_1 li .pic{ float:right; width:50%; position:relative;} #Content7 .quality .ul_1 li .pic img{ width:100%; position:relative; z-index:2;} #Content7 .quality .ul_1 li .pic:before{ content:''; width:100%; height:100%; position:absolute; right:102px; top:102px; z-index:1; background:#454293; opacity:0.05;} #Content7 .quality .ul_1 li .text{ float:left; width:50%; padding:71px 50px 0 9.1%;} #Content7 .quality .ul_1 li .text h4{ width:100%; float:left; font-size:40px; color:#334a93; line-height:46px;font-family: 'Poppins-Light';} #Content7 .quality .ul_1 li .text .jj{ width:100%; float:left; margin-top:50px; font-size:18px; color:#555; line-height:36px;font-family: 'Poppins-Light';} #Content7 .quality .ul_1 li.l1 .pic{ float:left;} #Content7 .quality .ul_1 li.l1 .pic:before{ right:-102px;} #Content7 .quality .ul_1 li.l1 .text{ float:right; padding:71px 9.1% 0 50px;} @media screen and (max-width:1360px) { #Content7 .quality .ul_1 li .text{ padding-top:0;} #Content7 .quality .ul_1{ width:100%; float:left; margin-top:-50px;} #Content7 .quality .ul_1 li{ margin-top:120px;} } @media screen and (max-width:1570px){ } @media screen and (max-width:1200px){ #Content7 .quality .ul_1{ margin-top:0px;} #Content7 .quality .ul_1 li{ margin-top:60px;} #Content7 .quality .ul_1 li .text{ padding:0 40px 0 6%;} #Content7 .quality .ul_1 li .text h4{ font-size:30px; line-height:36px;} #Content7 .quality .ul_1 li .text .jj{ margin-top:30px; font-size:16px; line-height:30px;} #Content7 .quality .ul_1 li .pic:before{ right:61px; top:61px;} #Content7 .quality .ul_1 li.l1 .pic:before{ right:-61px;} #Content7 .quality .ul_1 li.l1 .text{ float:right; padding:0 6% 0 40px;} } @media screen and (max-width:992px){ #Content7 .quality .ul_1 li .pic{ margin-top:40px;} #Content7 .quality .ul_1 li{ margin-top:30px;} #Content7 .quality .ul_1 li .text{ padding:0 30px 0 6%;} #Content7 .quality .ul_1 li .text h4{ font-size:24px; line-height:30px;} #Content7 .quality .ul_1 li .text .jj{ margin-top:20px; font-size:14px; line-height:24px;} #Content7 .quality .ul_1 li .pic:before{ right:40px; top:40px;} #Content7 .quality .ul_1 li.l1 .pic:before{ right:-40px;} #Content7 .quality .ul_1 li.l1 .text{ padding:0 6% 0 30px;} } @media screen and (max-width:768px){ #Content7 .quality .ul_1 li .pic{ margin-top:0px; width:100%;} #Content7 .quality .ul_1 li{ margin-top:20px;} #Content7 .quality .ul_1 li .text{ padding:10px; width:100%;} #Content7 .quality .ul_1 li .text h4{ font-size:18px; line-height:24px;} #Content7 .quality .ul_1 li .text .jj{ margin-top:10px; font-size:12px; line-height:20px;} #Content7 .quality .ul_1 li .pic:before{ right:10px; top:10px;} #Content7 .quality .ul_1 li.l1 .pic:before{ right:-10px;} #Content7 .quality .ul_1 li.l1 .text{ padding:10px;} } @font-face { font-family: 'Poppins-Bold'; src: url('../font/Poppins-Bold.eot'); src: local('☺'), url('../font/Poppins-Bold.woff') format('woff'), url('../font/Poppins-Bold.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Light'; src: url('../font/Poppins-Light.eot'); src: local('☺'), url('../font/Poppins-Light.woff') format('woff'), url('../font/Poppins-Light.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Light.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Regular'; src: url('../font/Poppins-Regular.eot'); src: local('☺'), url('../font/Poppins-Regular.woff') format('woff'), url('../font/Poppins-Regular.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } *{font-family: 'Poppins-Regular';} #Content8{ width:100%; float:left; overflow:hidden;} .container{padding:0; } .container-fluid{ padding:0; width:100%;} #Content8 .honor{ width:100%; float:left; padding:196px 0 110px 0;} #Content8 .honor .headline{ width:100%; float:left; font-size:40px; color:#334a93; line-height:56px;font-family: 'Poppins-Light';} #Content8 .honor .honorBody{ width:100%; float:left; margin-top:47px; position:relative;} #Content8 .honor .honorBody .row_2{ margin:0 -18px;} #Content8 .honor .honorBody ul{ width:100%; float:left;} #Content8 .honor .honorBody ul li{ width:100%; float:left; padding:0 18px;} #Content8 .honor .honorBody ul li .zbox{ width:100%; float:left; border:solid 1px #e5e5e5; overflow:hidden;} #Content8 .honor .honorBody ul li .zbox:hover{ border-color:#334a93;} #Content8 .honor .honorBody ul li .zbox img{ width:100%; float:left; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: width all 0.3s linear;} #Content8 .honor .honorBody ul li .zbox:hover img{transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} #Content8 .honor .honorBody ul .slick-prev, #Content8 .honor .honorBody ul .slick-next { position: absolute; left:auto; right:106px; top: -103px; display: block; width: 56px; height: 56px; padding: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); cursor: pointer; color: transparent; border: none; outline: none; background:url(../image/1731_qua4.png) no-repeat center center #454293; z-index:3; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } #Content8 .honor .honorBody ul .slick-next{ left:auto; right:18px; background-image:url(../image/1731_qua5.png); } #Content8 .honor .honorBody ul .slick-prev:hover, #Content8 .honor .honorBody ul .slick-next:hover{ background-color:#ea3b02;} @media screen and (max-width:1570px){ } @media screen and (max-width:1200px){ #Content8 .honor{ padding:100px 0 60px 0;} } @media screen and (max-width:992px){ #Content8 .honor{ padding:50px 20px 30px 20px;} #Content8 .honor .headline{ font-size:30px; line-height:40px;} #Content8 .honor .honorBody{ margin-top:30px;} #Content8 .honor .honorBody .row_2{ margin:0 -5px;} #Content8 .honor .honorBody ul li{ padding:0 5px;} #Content8 .honor .honorBody ul .slick-prev, #Content8 .honor .honorBody ul .slick-next { width:46px; height:46px; right:66px; top: -73px;} #Content8 .honor .honorBody ul .slick-next{ right:5px;} } @media screen and (max-width:768px){ #Content8 .honor{ padding:30px 10px 20px 10px;} #Content8 .honor .headline{ font-size:20px; line-height:30px;} #Content8 .honor .honorBody{ margin-top:10px;} #Content8 .honor .honorBody ul{ padding-bottom:20px;} #Content8 .honor .honorBody ul .slick-dots { position: absolute; bottom: 0; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; height:8px; } #Content8 .honor .honorBody ul .slick-dots li { position: relative; display: inline-block; width: 8px; height: 8px; margin: 0 3px; float:none; vertical-align:top; padding: 0; background:#454293; cursor: pointer; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; opacity:0.6; } #Content8 .honor .honorBody ul .slick-dots li button { display:none;} #Content8 .honor .honorBody ul .slick-dots li.slick-active { opacity: 1; } } @font-face { font-family: 'Poppins-Bold'; src: url('../font/Poppins-Bold.eot'); src: local('☺'), url('../font/Poppins-Bold.woff') format('woff'), url('../font/Poppins-Bold.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Light'; src: url('../font/Poppins-Light.eot'); src: local('☺'), url('../font/Poppins-Light.woff') format('woff'), url('../font/Poppins-Light.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Light.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Regular'; src: url('../font/Poppins-Regular.eot'); src: local('☺'), url('../font/Poppins-Regular.woff') format('woff'), url('../font/Poppins-Regular.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } *{font-family: 'Poppins-Regular';} #Content9{ width:100%; float:left; overflow:hidden;} .container{padding:0; } .container-fluid{ padding:0; width:100%;} /*23级*/ #Content9 .subhead{ float:left; margin-top:40px;} #Content9 .subhead .pz_SideLayer{ width:100%; float:left;} #Content9 .subhead .pz_SideLayer li{ margin-right:10px; float:left;} #Content9 .subhead .pz_SideLayer li a{ display:block; float:left; padding:0 30px; height:46px; line-height:46px; background:#f1f1f1; font-size:16px; color:#333;font-family: 'Poppins-Light';} #Content9 .subhead .pz_SideLayer li.on a,#Content9 .subhead .pz_SideLayer li a:hover{ background:#ea3b02; color:white;} #Content9 .subhead ul{ width:100%; float:left; margin-top:60px; border-top:solid 1px #dedede; border-bottom:solid 1px #dedede;} #Content9 .subhead ul li{ display:table; width:20%; float:left; height:138px; line-height:138px; text-align:center; cursor:pointer;} #Content9 .subhead ul li img{ display:inline-block; vertical-align:middle; margin:-3px 3px 0 0; width:66px;} #Content9 .subhead ul li img.img2{ display:none;} #Content9 .subhead ul li span{ display:inline-block; vertical-align:middle; margin:-3px 0 0 0; width:170px; font-size:16px; color:#919191; line-height:18px; text-transform:uppercase; text-align:left;} #Content9 .subhead ul li.on img.img1,#Content9 .subhead ul li:hover img.img1{ display:none;} #Content9 .subhead ul li.on img.img2,#Content9 .subhead ul li:hover img.img2{ display:inline-block;} #Content9 .subhead ul li.on span,#Content9 .subhead ul li:hover span{ color:#ea3b02;} #Content9 .subhead ul li a{ display:table-cell; vertical-align:middle; margin-top:-3px; line-height:0;} @media screen and (max-width:1570px){ #Content9 .subhead ul li span{ width:120px;} } @media screen and (max-width:1200px){ #Content9 .subhead ul li{ height:110px; line-height:110px;} #Content9 .subhead ul li span{ width:120px;} } @media screen and (max-width:992px){ #Content9 .subhead{ margin-top:20px;} #Content9 .subhead ul{ margin-top:30px;} #Content9 .subhead ul li{ height:90px; line-height:90px;} #Content9 .subhead ul li span{ width:100px; font-size:14px; text-align:center;} #Content9 .subhead ul li img{ width:50px;} } @media screen and (max-width:768px){ #Content9 .subhead{ margin-top:10px;} #Content9 .subhead .pz_SideLayer{ padding:0 10px; text-align:center;} #Content9 .subhead .pz_SideLayer li{ margin-right:5px; display:inline-block; vertical-align:top; float:none;} #Content9 .subhead .pz_SideLayer li a{ padding:0 20px; height:36px; line-height:36px; font-size:14px;} #Content9 .subhead ul{ margin-top:15px;} #Content9 .subhead ul li{ width:33.33%; line-height:0; padding:0 5px; height:auto;} #Content9 .subhead ul li span{ width:100%; font-size:12px; line-height:14px; text-align:center; vertical-align:top; word-break:break-all;} #Content9 .subhead ul li img{ width:30px; vertical-align:top; margin:5px 0;} } @font-face { font-family: 'Poppins-Bold'; src: url('../font/Poppins-Bold.eot'); src: local('☺'), url('../font/Poppins-Bold.woff') format('woff'), url('../font/Poppins-Bold.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Light'; src: url('../font/Poppins-Light.eot'); src: local('☺'), url('../font/Poppins-Light.woff') format('woff'), url('../font/Poppins-Light.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Light.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Regular'; src: url('../font/Poppins-Regular.eot'); src: local('☺'), url('../font/Poppins-Regular.woff') format('woff'), url('../font/Poppins-Regular.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } *{font-family: 'Poppins-Regular';} #List{ width:100%; float:left; overflow:hidden;} .container{padding:0; } .container-fluid{ padding:0; width:100%;} /*product*/ #List .product ul{ width:100%; float:left;} #List .product ul li{ width:25%; float:left; padding:0 15px; margin-top:30px;} #List .product ul li a{ display:block; width:100%; float:left; background:white;} #List .product ul li a .img{ width:100%; float:left; padding-bottom:100%; overflow:hidden; position:relative;} #List .product ul li a .img img{ width:100%; position:absolute; left:0; top:0; min-height:100%; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: width all 0.5s linear;} #List .product ul li a:hover .img img{transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} #List .product ul li a .title{ width:100%; float:left; height:93px; padding:24px 10px 10px 10px; text-align:center; font-size:18px; color:#333; line-height:24px; position:relative;} #List .product ul li a .title:before{ content:''; width:0px; height:1px; background:#ea3b02; position:absolute; left:50%; bottom:30px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #List .product ul li a:hover{ box-shadow:0 0 16px rgba(0,0,0,0.06);} #List .product ul li a:hover .title:before{ width:50px; margin-left:-25px;} @media screen and (max-width:1570px){ } @media screen and (max-width:1200px){ #List .product ul li a .title{ height:80px; padding:18px 10px 10px 10px;} #List .product ul li a .title:before{ bottom:20px;} } @media screen and (max-width:992px){ #List .product ul li{ width:33.33%; } } @media screen and (max-width:768px){ #List .product ul li{ width:50%; padding:0 5px; margin-top:10px;} #List .product ul{ width:100%; float:left; padding:0 20px;} #List .product ul li a .title{ height:50px; padding:10px 10px 10px 10px; font-size:14px; line-height:20px;} #List .product ul li a .title:before{ bottom:10px;} } @font-face { font-family: 'Poppins-Bold'; src: url('../font/Poppins-Bold.eot'); src: local('☺'), url('../font/Poppins-Bold.woff') format('woff'), url('../font/Poppins-Bold.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Light'; src: url('../font/Poppins-Light.eot'); src: local('☺'), url('../font/Poppins-Light.woff') format('woff'), url('../font/Poppins-Light.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Light.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Regular'; src: url('../font/Poppins-Regular.eot'); src: local('☺'), url('../font/Poppins-Regular.woff') format('woff'), url('../font/Poppins-Regular.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } *{font-family: 'Poppins-Regular';} #Pagination{ width:100%; float:left; overflow:hidden;} .container{padding:0; } .container-fluid{ padding:0; width:100%;} /*列表分页1*/ #Pagination .waik_1{ float:left; width:100%; text-align:center; } #Pagination .pz_fy{ text-align:center; display:inline-block; *zoom:1; *display:inline;} #Pagination .pz_fy a { display:block; float:left; width:22px; height:26px; line-height:26px; color:#3b3b3b; font-family:Arial;text-decoration:none; font-size:16px;} #Pagination .pz_fy a:hover,.pz_fy a.on{ color:#ea3b02;} #Pagination .pz_fy .l_fy, #Pagination .pz_fy .r_fy{ width:auto; margin:0 40px; padding:0 4px; position:relative;} #Pagination .pz_fy .l_fy svg{ display:inline-block; *zoom:1; *display:inline; width:10px; height:1px; background:#b4b4b4; top:50%; position:absolute; right:-14px;} #Pagination .pz_fy .r_fy svg{ display:inline-block; *zoom:1; *display:inline; width:10px; height:1px; background:#b4b4b4; top:50%; position:absolute; left:-14px;} @media screen and (max-width:1570px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ #Pagination .pz_fy a { width:18px; height:20px; line-height:20px; font-size:14px;} #Pagination .pz_fy .l_fy, #Pagination .pz_fy .r_fy{ margin:0 20px;} } @font-face { font-family: 'Poppins-Bold'; src: url('../font/Poppins-Bold.eot'); src: local('☺'), url('../font/Poppins-Bold.woff') format('woff'), url('../font/Poppins-Bold.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Light'; src: url('../font/Poppins-Light.eot'); src: local('☺'), url('../font/Poppins-Light.woff') format('woff'), url('../font/Poppins-Light.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Light.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Regular'; src: url('../font/Poppins-Regular.eot'); src: local('☺'), url('../font/Poppins-Regular.woff') format('woff'), url('../font/Poppins-Regular.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } *{font-family: 'Poppins-Regular';} #Content10{ width:100%; float:left; overflow:hidden;} .container{padding:0; } .container-fluid{ padding:0; width:100%;} #Content10 .company1{ float:left; } #Content10 .company1 .text{ float:left; width:61.14%; font-size:18px; color:#333; line-height:36px;font-family: 'Poppins-Light';} #Content10 .company1 .text span{ color:#e93b03;} #Content10 .company1 h2{ float:right; width:28.66%; font-size:40px; color:#334a93; line-height:60px;font-family: 'Poppins-Light'; margin-top:4px;} @media screen and (max-width:1570px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content10 .company1{ padding:0 10px;} #Content10 .company1 .text{ font-size:16px; line-height:30px;} #Content10 .company1 h2{ font-size:30px; line-height:50px;} } @media screen and (max-width:768px){ #Content10 .company1 .text{ width:100%; font-size:14px; line-height:24px;} #Content10 .company1 h2{ width:100%; margin-top:10px; font-size:20px; line-height:30px;} } @font-face { font-family: 'Poppins-Bold'; src: url('../font/Poppins-Bold.eot'); src: local('☺'), url('../font/Poppins-Bold.woff') format('woff'), url('../font/Poppins-Bold.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Light'; src: url('../font/Poppins-Light.eot'); src: local('☺'), url('../font/Poppins-Light.woff') format('woff'), url('../font/Poppins-Light.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Light.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Regular'; src: url('../font/Poppins-Regular.eot'); src: local('☺'), url('../font/Poppins-Regular.woff') format('woff'), url('../font/Poppins-Regular.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } *{font-family: 'Poppins-Regular';} #Content11{ width:100%; float:left; overflow:hidden;} .container{padding:0; } .container-fluid{ padding:0; width:100%;} #Content11 .company2{ float:left;} #Content11 .company2 ul{ width:100%; float:left; padding:43px 0 57px 0; border-top:solid 1px #d9dce8; border-bottom:solid 1px #d9dce8;} #Content11 .company2 ul li{ width:33.33%; float:left; text-align:center;} #Content11 .company2 ul li .ico{ width:100%; float:left; height:158px;} #Content11 .company2 ul li .ico img{ height:100%; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #Content11 .company2 ul li:hover .ico img{ transform:rotateY(180deg);} #Content11 .company2 ul li h5{ width:100%; float:left; margin-top:22px; font-size:18px; color:#555; line-height:22px;font-family: 'Poppins-Light';} @media screen and (max-width:1570px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content11 .company2 ul{ padding:22px 0 35px 0;} #Content11 .company2 ul li .ico{ height:100px;} #Content11 .company2 ul li h5{ margin-top:12px; font-size:16px;} } @media screen and (max-width:768px){ #Content11 .company2 ul{ padding:18px 0 20px 0;} #Content11 .company2 ul li .ico{ height:60px;} #Content11 .company2 ul li h5{ margin-top:8px; font-size:14px; line-height:20px; padding:0 5px;} } @font-face { font-family: 'Poppins-Bold'; src: url('../font/Poppins-Bold.eot'); src: local('☺'), url('../font/Poppins-Bold.woff') format('woff'), url('../font/Poppins-Bold.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Light'; src: url('../font/Poppins-Light.eot'); src: local('☺'), url('../font/Poppins-Light.woff') format('woff'), url('../font/Poppins-Light.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Light.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Regular'; src: url('../font/Poppins-Regular.eot'); src: local('☺'), url('../font/Poppins-Regular.woff') format('woff'), url('../font/Poppins-Regular.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } *{font-family: 'Poppins-Regular';} #Content12{ width:100%; float:left; overflow:hidden;} .container{padding:0; } .container-fluid{ padding:0; width:100%;} #Content12 .company3{ float:left; margin-top:128px;} #Content12 .company3 h4{ width:70%; float:left; font-size:40px; color:#334a93; line-height:60px;font-family: 'Poppins-Light';} #Content12 .company3 .row_1{ margin:0 -21px;} #Content12 .company3 ul{ width:100%; float:left; position:relative; margin-top:47px;font-family: 'Poppins-Light';} #Content12 .company3 ul .slick-prev, #Content12 .company3 ul .slick-next { position: absolute; left:21px; top:50%; display: block; width: 56px; height: 56px; padding: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); cursor: pointer; color: transparent; border: none; outline: none; background:url(../image/1731_qua4.png) no-repeat center center #454293; z-index:3; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } #Content12 .company3 ul .slick-next{ left:auto; right:21px; background-image:url(../image/1731_qua5.png); } #Content12 .company3 ul .slick-prev:hover, #Content12 .company3 ul .slick-next:hover{ background-color:#ea3b02;} #Content12 .company3 ul li{ width:100%; float:left; padding:0 21px; margin-top:40px;} #Content12 .company3 ul li .img{ width:100%; float:left; padding-bottom:66.57%; position:relative; overflow:hidden;} #Content12 .company3 ul li .img img{ width:100%; position:absolute; left:0; top:0; min-height:100%; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: width all 0.3s linear;} #Content12 .company3 ul li:hover .img img{transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} #Content12 .company3 ul li .time{ width:100%; float:left; margin-top:101px; position:relative; text-align:center; font-size:36px; color:#334a93; line-height:42px;} #Content12 .company3 ul li .time:before{ content:''; width:10px; height:10px; background:#454293; position:absolute; left:50%; top:-50px; margin-left:-5px; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #Content12 .company3 ul li .jj{ width:100%; float:left; margin-top:22px; position:relative; font-size:18px; color:#555; line-height:36px;font-family: 'Poppins-Light';} #Content12 .company3 ul:before{ content:''; background:url(../image/1737_company8.png) repeat-x center center; width:2000px; height:35px; position:absolute; left:50%; top:334px; margin-left:-1000px;} @media screen and (max-width:1570px){ #Content12 .company3 ul:before{ top:258px;} #Content12 .company3 ul .slick-prev, #Content12 .company3 ul .slick-next { top:40%;} } @media screen and (max-width:1200px){ #Content12 .company3{ margin-top:68px;} #Content12 .company3 h4{ width:100%; font-size:30px; line-height:50px;} #Content12 .company3 .row_1{ margin:0 -10px;} #Content12 .company3 ul{ margin-top:25px;} #Content12 .company3 ul:before{ top:194px; height:30px; background-size:contain;} #Content12 .company3 ul li .time{ margin-top:60px; font-size:30px; line-height:36px;} #Content12 .company3 ul li .time:before{ width:8px; height:8px; top:-30px; margin-left:-4px;} #Content12 .company3 ul li{ padding:0 10px; margin-top:20px;} #Content12 .company3 ul li .jj{ margin-top:11px; font-size:16px; line-height:30px;} #Content12 .company3 ul .slick-prev{ left:10px;} #Content12 .company3 ul .slick-next{ right:10px;} } @media screen and (max-width:992px){ #Content12 .company3{ margin-top:34px; padding:0 10px;} #Content12 .company3 h4{ font-size:24px; line-height:40px;} #Content12 .company3 ul{ margin-top:15px; padding-bottom:20px;} #Content12 .company3 ul:before{ display:none;} #Content12 .company3 ul li .time{ margin-top:40px; font-size:20px; line-height:30px;} #Content12 .company3 ul li .time:before{ top:-20px;} #Content12 .company3 ul li{ margin-top:10px;} #Content12 .company3 ul li .jj{ margin-top:8px; font-size:14px; line-height:24px;} #Content12 .company3 ul .slick-dots { position: absolute; bottom: 0; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; height:8px; } #Content12 .company3 ul .slick-dots li { position: relative; display: inline-block; width: 8px; height: 8px; margin: 0 3px; float:none; vertical-align:top; padding: 0; background:#454293; cursor: pointer; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; opacity:0.6; } #Content12 .company3 ul .slick-dots li button { display:none;} #Content12 .company3 ul .slick-dots li.slick-active { opacity: 1; } } @media screen and (max-width:768px){ #Content12 .company3{ margin-top:20px;} #Content12 .company3 h4{ font-size:18px; line-height:30px;} #Content12 .company3 ul{ margin-top:10px; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} #Content12 .company3 ul li .time{ margin-top:30px; font-size:16px; line-height:24px;} #Content12 .company3 ul li .time:before{ width:6px; height:6px; top:-10px; margin-left:-3px;} #Content12 .company3 ul li .jj{ font-size:12px; line-height:20px;} } @font-face { font-family: 'Poppins-Bold'; src: url('../font/Poppins-Bold.eot'); src: local('☺'), url('../font/Poppins-Bold.woff') format('woff'), url('../font/Poppins-Bold.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Light'; src: url('../font/Poppins-Light.eot'); src: local('☺'), url('../font/Poppins-Light.woff') format('woff'), url('../font/Poppins-Light.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Light.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Regular'; src: url('../font/Poppins-Regular.eot'); src: local('☺'), url('../font/Poppins-Regular.woff') format('woff'), url('../font/Poppins-Regular.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } *{font-family: 'Poppins-Regular';} #Content13{ width:100%; float:left; overflow:hidden;} .container{padding:0; } .container-fluid{ padding:0; width:100%;} #Content13 .company4{ float:left; margin-top:130px;} #Content13 .company4 li{ float:left; width:100%; margin-bottom:120px; position:relative;} #Content13 .company4 li .pic{ float:left; position:relative; width:59.2%; padding-bottom:120px;} #Content13 .company4 li .pic img{ width:100%; float:left; position:relative; z-index:2;} #Content13 .company4 li .pic:before{ content:''; width:100%; height:100%; position:absolute; right:-128px; top:128px; z-index:1; background:#f3f5f9;} #Content13 .company4 li .text{ float:right; width:40.8%; padding:180px 9.1% 0 48px; text-align:right; position:relative; z-index:2;} #Content13 .company4 li .text .title{ width:100%; float:left; font-size:40px; color:#334a93; line-height:44px; font-family: 'Poppins-Light';} #Content13 .company4 li .text .jj{ width:100%; float:left; margin-top:39px; font-size:18px; color:#555; line-height:36px; font-family: 'Poppins-Light';} #Content13 .company4 li .slick-prev, #Content13 .company4 li .slick-next { position: absolute; left:auto; right:15%; top: auto; top:450px; display: block; width: 56px; height: 56px; padding: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); cursor: pointer; color: transparent; border: none; outline: none; background:url(../image/1731_qua4.png) no-repeat center center #454293; z-index:3; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } #Content13 .company4 li .slick-next{ left:auto; right:9.1%; background-image:url(../image/1731_qua5.png); } #Content13 .company4 li .slick-prev:hover, #Content13 .company4 li .slick-next:hover{ background-color:#ea3b02;} #Content13 .company4 li.l1 .pic{ float:right;} #Content13 .company4 li.l1 .pic:before{ right:128px;} #Content13 .company4 li.l1 .text{ text-align:left; padding:180px 48px 0 9.1%;} #Content13 .company4 li.l1 .slick-prev, #Content13 .company4 li.l1 .slick-next { right:auto; left:9.1%;} #Content13 .company4 li.l1 .slick-next{ right:auto; left:15%;} @media screen and (max-width:1570px) { #Content13 .company4 li .text,#Content13 .company4 li.l1 .text{ padding-top:80px} } @media screen and (max-width:1370px) { #Content13 .company4 li .text,#Content13 .company4 li.l1 .text{ padding-top:20px} } @media screen and (max-width:1570px){ } @media screen and (max-width:1200px){ #Content13 .company4 li .pic{ width:100%; padding-bottom:0;} #Content13 .company4 li .pic:before{ top:80px; right:0;} #Content13 .company4 li .text,#Content13 .company4 li.l1 .text{ text-align:left; width:100%; padding: 20px 50px;} #Content13 .company4 li .slick-prev,#Content13 .company4 li.l1 .slick-prev, #Content13 .company4 li .slick-next,#Content13 .company4 li.l1 .slick-next { top:60%; right:auto; left:50px;} #Content13 .company4 li .slick-next,#Content13 .company4 li.l1 .slick-next{ left:auto; right:50px;} } @media screen and (max-width:992px){ #Content13 .company4{ margin-top:90px;} #Content13 .company4 li{ margin-bottom:80px; padding-bottom:20px;} #Content13 .company4 li .pic:before{ top:70px;} #Content13 .company4 li .text .title{ font-size:30px; line-height:34px;} #Content13 .company4 li .text .jj{ margin-top:26px; font-size:16px; line-height:26px;} #Content13 .company4 li .slick-dots { position: absolute; bottom: 0; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; height:8px; } #Content13 .company4 li .slick-dots li { position: relative; display: inline-block; width: 8px; height: 8px; margin: 0 3px; float:none; vertical-align:top; padding: 0; background:#454293; cursor: pointer; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; opacity:0.6; } #Content13 .company4 li .slick-dots li button { display:none;} #Content13 .company4 li .slick-dots li.slick-active { opacity: 1; } } @media screen and (max-width:768px){ #Content13 .company4{ margin-top:30px;} #Content13 .company4 li{ margin-bottom:20px;} #Content13 .company4 li .pic:before{ top:50px;} #Content13 .company4 li .text .title{ font-size:20px; line-height:24px;} #Content13 .company4 li .text .jj{ margin-top:13px; font-size:14px; line-height:22px;} #Content13 .company4 li .text,#Content13 .company4 li.l1 .text{ padding: 20px 10px;} } @font-face { font-family: 'Poppins-Bold'; src: url('../font/Poppins-Bold.eot'); src: local('☺'), url('../font/Poppins-Bold.woff') format('woff'), url('../font/Poppins-Bold.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Light'; src: url('../font/Poppins-Light.eot'); src: local('☺'), url('../font/Poppins-Light.woff') format('woff'), url('../font/Poppins-Light.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Light.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Regular'; src: url('../font/Poppins-Regular.eot'); src: local('☺'), url('../font/Poppins-Regular.woff') format('woff'), url('../font/Poppins-Regular.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } *{font-family: 'Poppins-Regular';} #Subpage{ width:100%; float:left; overflow:hidden;} .container{padding:0; } .container-fluid{ padding:0; width:100%;} /*product详情*/ #Subpage .product_s{ width:100%; float:left;} #Subpage .product_s .pic{ width:50%; float:left; position:relative;} #Subpage .product_s .pic .bimg{ width:100%; float:left; position:relative;} #Subpage .product_s .pic .bimg .slick-slide{ width:100%; height:869px; position:relative; overflow:hidden;} #Subpage .product_s .pic .bimg .slick-slide img{ width:960px; height:960px; position:absolute; left:50%; top:50%; max-width:none; margin:-480px 0 0 -480px;} #Subpage .product_s .pic .simg{ width:60px; position:absolute; left:84px; top:50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} #Subpage .product_s .pic .simg .slick-slide{ width:100%; height:60px; position:relative; margin-top:23px; cursor:pointer;} #Subpage .product_s .pic .simg .slick-slide:before{ content:''; width:15px; height:15px; background:#b7c1db; position:absolute; left:50%; top:50%; margin:-7.5px 0 0 -7.5px; z-index:1; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #Subpage .product_s .pic .simg .zbox{ width:60px; height:60px; position:absolute; left:0; top:0; border:solid 4px white; overflow:hidden; display:none; z-index:2; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #Subpage .product_s .pic .simg .slick-slide:after{ content:''; width:1px; height:76px; background:#b7c1db; position:absolute; left:50%; top:30px; z-index:1;} #Subpage .product_s .pic .simg .slick-slide:last-child:after{ display:none;} #Subpage .product_s .pic .simg .slick-slide.slick-current .zbox{ display:block;} #Subpage .return{ position:fixed; right:0; top:80%; width:76px;} #Subpage .product_s .text{ width:50%; float:right; height:869px; background:url(http://www.marinee.net/public/images/1739_index17.png) top center #454293; padding:92px 5% 0 5%;} #Subpage .product_s .text .title{ width:100%; color:white; line-height:42px; font-size:36px;font-family: 'Poppins-Bold'; text-transform:uppercase; float:left;} #Subpage .product_s .text .jj{ width:100%; color:white; line-height:36px; font-size:16px; margin-top:40px; float:left; opacity:0.8; max-height:432px; overflow-y:auto;} #Subpage .product_s .text .jj::-webkit-scrollbar { background:color(#fff); width:3px } #Subpage .product_s .text .jj::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.2); } #Subpage .product_s .text .jj::selection { color: rgba(0,0,0,0.2); -webkit-text-fill-color: rgba(0,0,0,0.2); -moz-text-fill-color: rgba(0,0,0,0.2); text-fill-color: rgba(0,0,0,0.2); } #Subpage .product_s .text .jj::-moz-selection { color:rgba(0,0,0,0.2); -webkit-text-fill-color:rgba(0,0,0,0.2) } #Subpage .product_s .text .buy{ width:100%; float:left; margin-top:20px; padding-top:70px; border-top:solid 1px rgba(255,255,255,0.22)} #Subpage .product_s .text .buy .consult{ display:block; float:left; text-align:center; width:273px; height:62px; line-height:62px; background:#ea3b02; color:white; font-size:18px; -moz-border-radius:31px; -webkit-border-radius:31px; -khtml-border-radius:31px; border-radius:31px;} @media screen and (min-width:991px){ #Subpage .product_s .text .buy .consult:hover{ box-shadow:0 0 5px #fff;} } #Subpage .product_s .text .buy .fx{ float:right; margin-top:8px;} #Subpage .product_s .text .buy .fx li{ float:left; width:46px; height:46px; opacity:0.6;} #Subpage .product_s .text .buy .fx li:hover{ opacity:1;} #Subpage .product_d{ float:left; padding:85px 0 101px 0;} #Subpage .product_d dl{ float:left; width:63%;} #Subpage .product_d dl dd{ float:left; width:50%; padding-right:60px;} #Subpage .product_d dl dd li{ width:100%; border-bottom:solid 1px #e4e4e4; float:left; padding-left:240px; position:relative; height:71px; line-height:71px; display:table;} #Subpage .product_d dl dd li span{ display:table-cell; vertical-align:middle; font-size:16px; color:#333; line-height:20px; width:100%; word-break:break-all;} #Subpage .product_d dl dd li .name{ position:absolute; left:0; top:0; color:#666; width:240px; padding-left:20px;} #Subpage .product_d .btn{ float:right; width:26%;} #Subpage .product_d .btn h3{ width:100%; font-size:48px; color:#454293; line-height:84px; font-family:"Times New Roman";} #Subpage .product_d .btn a{ display:block; float:left; margin-top:15px; width:290px; height:62px; line-height:62px; background:#454293; text-align:center; color:white; font-size:18px; text-transform:uppercase;} @media screen and (min-width:991px){ #Subpage .product_d .btn a:hover{ box-shadow:0 0 15px #454293;} } @media screen and (max-width:1570px){ #Subpage .product_d dl{ width:70%;} #Subpage .product_d dl dd{ padding-right:30px;} } @media screen and (max-width:1200px){ #Subpage .product_s .pic .bimg .slick-slide{ height:750px;} #Subpage .product_s .pic .bimg .slick-slide img{ width:750px; height:750px; margin:-375px 0 0 -375px;} #Subpage .product_s .pic .simg{ left:40px;} #Subpage .product_s .text{ height:750px; padding:60px 5% 0 5%;} #Subpage .product_s .text .title{ line-height:36px; font-size:30px;} #Subpage .product_s .text .jj{ line-height:30px; max-height:400px;} #Subpage .return{ width:50px;} #Subpage .product_s .text .buy{ padding-top:40px;} #Subpage .product_s .text .buy .consult{ width:100%;} #Subpage .product_s .text .buy .fx{ float:left;} #Subpage .product_d dl{ width:100%;} #Subpage .product_d .btn{ width:100%; text-align:center;} #Subpage .product_d .btn a{ float:none; display:inline-block; vertical-align:top;} } @media screen and (max-width:992px){ #Subpage .product_s .pic .bimg .slick-slide{ height:400px;} #Subpage .product_s .pic .bimg .slick-slide img{ width:600px; height:600px; margin:-300px 0 0 -300px;} #Subpage .product_s .pic .simg{ left:10px;} #Subpage .product_s .text{ height:400px; padding:20px 5% 0 5%;} #Subpage .product_s .text .title{ line-height:30px; font-size:24px;} #Subpage .product_s .text .jj{ line-height:24px; font-size:14px; max-height:200px; margin-top:10px;} #Subpage .product_s .text .buy{ padding-top:10px;} #Subpage .product_s .text .buy .consult{ width:100%; height:42px; line-height:42px; font-size:16px;} #Subpage .product_s .text .buy .fx{ float:left;} #Subpage .product_s .text .buy .fx li{ width:36px; height:36px;} #Subpage .product_d{ padding:40px 0 50px 0;} #Subpage .product_d dl dd{ padding:0 10px;} #Subpage .product_d dl dd li{ padding-left:200px; height:60px; line-height:60px;} #Subpage .product_d dl dd li span{ font-size:14px;} #Subpage .product_d dl dd li .name{ width:180px; padding-left:10px;} #Subpage .product_d .btn{ margin-top:20px;} #Subpage .product_d .btn h3{ font-size:30px; line-height:60px;} #Subpage .product_d .btn a{ margin-top:10px; width:220px; height:40px; line-height:40px; font-size:16px;} } @media screen and (max-width:768px){ #Subpage .product_s .pic{ width:100%;} #Subpage .product_s .pic .bimg .slick-slide{ height:auto;} #Subpage .product_s .pic .bimg .slick-slide img{ width:100%; height:auto; position:relative; left:auto; top:auto; float:left; margin:0;} #Subpage .product_s .pic .bimg .slick-dots { position: absolute; bottom: 15px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } #Subpage .product_s .pic .bimg .slick-dots li { position: relative; display: inline-block; width: 8px; height: 8px; margin: 0 3px; padding: 0; background:white; cursor: pointer; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; opacity:0.6; } #Subpage .product_s .pic .bimg .slick-dots li button { display:none;} #Subpage .product_s .pic .bimg .slick-dots li.slick-active { opacity: 1; } #Subpage .product_s .pic .simg{ display:none !important;} #Subpage .product_s .text{ height:auto; width:100%; padding:20px 5%;} #Subpage .product_s .text .title{ line-height:24px; font-size:18px;} #Subpage .product_s .text .jj{ line-height:20px; font-size:12px; max-height:none; margin-top:10px;} #Subpage .product_s .text .buy{ padding-top:10px;} #Subpage .product_s .text .buy .consult{ width:100%; height:42px; line-height:42px; font-size:16px;} #Subpage .product_s .text .buy .fx{ float:left;} #Subpage .product_s .text .buy .fx li{ width:36px; height:36px;} #Subpage .product_d{ padding:20px 0 25px 0;} #Subpage .product_d dl dd{ padding:0 10px; width:100%;} #Subpage .product_d dl dd li{ padding-left:150px; height:40px; line-height:40px;} #Subpage .product_d dl dd li span{ font-size:12px; line-height:18px;} #Subpage .product_d dl dd li .name{ width:130px; padding-left:0px; font-size:12px;} #Subpage .product_d .btn{ margin-top:15px;} #Subpage .product_d .btn h3{ font-size:20px; line-height:40px;} #Subpage .product_d .btn a{ font-size:14px;} } @font-face { font-family: 'Poppins-Bold'; src: url('../font/Poppins-Bold.eot'); src: local('☺'), url('../font/Poppins-Bold.woff') format('woff'), url('../font/Poppins-Bold.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Light'; src: url('../font/Poppins-Light.eot'); src: local('☺'), url('../font/Poppins-Light.woff') format('woff'), url('../font/Poppins-Light.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Light.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Regular'; src: url('../font/Poppins-Regular.eot'); src: local('☺'), url('../font/Poppins-Regular.woff') format('woff'), url('../font/Poppins-Regular.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } *{font-family: 'Poppins-Regular';} #List2{ width:100%; float:left; overflow:hidden;} .container{padding:0; } .container-fluid{ padding:0; width:100%;} /*news*/ #List2 .news .row_1{ margin:0 -25px;} #List2 .news ul{ width:100%; float:left;} #List2 .news ul li{ width:33.33%; float:left; padding:0 25px; margin-top:50px;} #List2 .news ul li a{ display:block; width:100%; float:left; background:white;} #List2 .news ul li a .img{ width:100%; float:left; padding-bottom:66.73%; overflow:hidden; position:relative; background:#454293;} #List2 .news ul li a .img img{ width:100%; position:absolute; left:0; top:0; min-height:100%; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: width all 0.5s linear;} #List2 .news ul li a:hover .img img{transform: scale(1.1,1.1); opacity:0.45; -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} #List2 .news ul li a .title{ width:100%; float:left; margin-top:24px; height:58px; font-size:18px; color:#333; line-height:26px; overflow:hidden;display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;word-break: break-all;} #List2 .news ul li a:hover .title{ color:#ea3b02;} #List2 .news ul li a .time{ width:100%; float:left; margin-top:28px; padding-top:20px; border-top:dashed 1px #b2b2b2; height:56px; font-size:18px; color:#454293; line-height:36px; position:relative;} #List2 .news ul li a .time span{ position:absolute; right:0; bottom:15px;} #List2 .news ul li a .time span:before{ content:''; width:13px; height:2px; background:#50535e; position:absolute; right:50%; top:50%; margin:-1px 0 0 -9px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #List2 .news ul li a .time span:after{ content:''; width:10px; height:10px; border-top:solid 2px #50535e; border-right:solid 2px #50535e; position:absolute; right:50%; top:50%; transform:rotate(45deg); margin-top:-5px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #List2 .news ul li a .time span:hover:before{ background:#ea3b02;} #List2 .news ul li a .time span:hover:after{ border-color:#ea3b02;} @media screen and (max-width:1570px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #List2 .news ul{ padding:0 10px;} #List2 .news .row_1{ margin:0 -15px;} #List2 .news ul li{ padding:0 15px; margin-top:30px;} } @media screen and (max-width:768px){ #List2 .news .row_1{ margin:0 -5px;} #List2 .news ul li{ width:50%; padding:0 5px; margin-top:10px;} #List2 .news ul li a .title{ margin-top:12px; height:40px; font-size:16px; line-height:22px;} #List2 .news ul li a .time{ margin-top:14px; padding-top:10px; height:30px; font-size:12px; line-height:20px;} #List2 .news ul li a .time span{ display:none; bottom:10px;} } @font-face { font-family: 'Poppins-Bold'; src: url('../font/Poppins-Bold.eot'); src: local('☺'), url('../font/Poppins-Bold.woff') format('woff'), url('../font/Poppins-Bold.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Light'; src: url('../font/Poppins-Light.eot'); src: local('☺'), url('../font/Poppins-Light.woff') format('woff'), url('../font/Poppins-Light.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Light.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Regular'; src: url('../font/Poppins-Regular.eot'); src: local('☺'), url('../font/Poppins-Regular.woff') format('woff'), url('../font/Poppins-Regular.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } *{font-family: 'Poppins-Regular';} #Subpage2{ width:100%; float:left; overflow:hidden;} .container{padding:0; } .container-fluid{ padding:0; width:100%;} /*news详情*/ #Subpage2 .news_s{ width:100%; float:left; padding:71px 0 101px 0;} #Subpage2 .news_s .title{ text-align:center; width:100%; float:left; padding-right:60px; position:relative;} #Subpage2 .news_s .title h3{ width:100%; font-size:30px; color:#333; line-height:42px; float:left;} #Subpage2 .news_s .title h5{ width:100%; margin-top:17px; font-size:18px; color:#111; line-height:26px; opacity:0.5; float:left;} #Subpage2 .news_s .title .return{ position:absolute; right:0; top:-7px; width:52px; height:52px; background:#ea3b02; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #Subpage2 .news_s .news_sBody{ background:white; margin-top:55px; width:100%; float:left; padding-bottom:61px;} #Subpage2 .news_s .news_sBody .statement{ width:100%; float:left; border-bottom:solid 1px #ebebeb; padding:101px 80px 58px 160px; position:relative; font-size:20px; color:#555; line-height:30px;} #Subpage2 .news_s .news_sBody .statement:before{ content:''; background:url() no-repeat center center; width:63px; height:51px; position:absolute; left:66px; top:61px;} #Subpage2 .news_s .news_sBody .text{ width:100%; float:left; margin-top:60px; padding:0 80px; position:relative; font-size:16px; color:#555; line-height:30px;} #Subpage2 .news_s .news_sBody .fx{ width:100%; float:left; text-align:center; margin-top:25px;} #Subpage2 .news_s .news_sBody .fx li{ display:inline-block; vertical-align:top; width:30px; height:30px; margin:0 7px; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #Subpage2 .news_s .news_sBody .nyfy{ width:100%; float:left; margin-top:50px; padding:0 80px;} #Subpage2 .news_s .news_sBody .nyfy .nyfyBody{ width:100%; float:left; border-top:solid 1px #ebebeb; border-bottom:solid 1px #ebebeb; position:relative;} #Subpage2 .news_s .news_sBody .nyfy .nyfyBody .zuo,#Subpage2 .news_s .news_sBody .nyfy .nyfyBody .you{ float:left; font-size:16px; color:#888; line-height:70px; text-transform:uppercase;} #Subpage2 .news_s .news_sBody .nyfy .nyfyBody .zuo:hover,#Subpage2 .news_s .news_sBody .nyfy .nyfyBody .you:hover{ color:#ea3b02;} #Subpage2 .news_s .news_sBody .nyfy .nyfyBody .you{ float:right;} #Subpage2 .news_s .news_sBody .nyfy .nyfyBody .list{ width:70px; height:70px; position:absolute; left:50%; top:0; margin-left:-35px; background:url(../image/1741_news5.png) no-repeat center center; border-left:solid 1px #ebebeb; border-right:solid 1px #ebebeb; } @media screen and (max-width:1570px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Subpage2 .news_s{ padding:40px 0 50px 0;} #Subpage2 .news_s .title{ padding-right:50px;} #Subpage2 .news_s .title h3{ font-size:24px; line-height:30px;} #Subpage2 .news_s .title h5{ margin-top:12px; font-size:16px; line-height:22px;} #Subpage2 .news_s .title .return{ top:-5px; width:40px; height:40px;} #Subpage2 .news_s .news_sBody{ margin-top:30px; padding-bottom:30px;} #Subpage2 .news_s .news_sBody .statement{ padding:60px 40px 30px 50px; font-size:16px; line-height:24px;} #Subpage2 .news_s .news_sBody .statement:before{ background-size:contain; width:40px; height:40px; left:33px; top:20px;} #Subpage2 .news_s .news_sBody .text{ margin-top:30px; padding:0 40px; font-size:14px;line-height:24px;} #Subpage2 .news_s .news_sBody .fx{ margin-top:12px;} #Subpage2 .news_s .news_sBody .fx li{ margin:0 4px;} #Subpage2 .news_s .news_sBody .nyfy{ margin-top:30px; padding:0 40px;} #Subpage2 .news_s .news_sBody .nyfy .nyfyBody .zuo,#Subpage2 .news_s .news_sBody .nyfy .nyfyBody .you{ font-size:14px; line-height:50px;} #Subpage2 .news_s .news_sBody .nyfy .nyfyBody .list{ width:50px; height:50px; margin-left:-25px;} } @media screen and (max-width:768px){ #Subpage2 .news_s{ padding:20px 0 30px 0;} #Subpage2 .news_s .title{ padding:0 10px; padding-right:40px;} #Subpage2 .news_s .title h3{ font-size:18px; line-height:24px;} #Subpage2 .news_s .title h5{ margin-top:6px; font-size:14px; line-height:20px;} #Subpage2 .news_s .title .return{ top:-0px; right:10px; width:30px; height:30px;} #Subpage2 .news_s .news_sBody{ margin-top:10px; padding-bottom:10px;} #Subpage2 .news_s .news_sBody .statement{ padding:30px 20px 10px 30px; font-size:14px; line-height:20px;} #Subpage2 .news_s .news_sBody .statement:before{ width:20px; height:20px; left:12px; top:10px;} #Subpage2 .news_s .news_sBody .text{ margin-top:20px; padding:0 15px; font-size:12px;line-height:20px;} #Subpage2 .news_s .news_sBody .fx{ margin-top:8px;} #Subpage2 .news_s .news_sBody .fx li{ margin:0 3px;} #Subpage2 .news_s .news_sBody .nyfy{ margin-top:20px; padding:0 20px;} #Subpage2 .news_s .news_sBody .nyfy .nyfyBody .zuo,#Subpage2 .news_s .news_sBody .nyfy .nyfyBody .you{ font-size:14px; line-height:50px;} #Subpage2 .news_s .news_sBody .nyfy .nyfyBody .list{ width:50px; height:50px; margin-left:-25px;} } @font-face { font-family: 'Poppins-Bold'; src: url('../font/Poppins-Bold.eot'); src: local('☺'), url('../font/Poppins-Bold.woff') format('woff'), url('../font/Poppins-Bold.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Light'; src: url('../font/Poppins-Light.eot'); src: local('☺'), url('../font/Poppins-Light.woff') format('woff'), url('../font/Poppins-Light.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Light.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Regular'; src: url('../font/Poppins-Regular.eot'); src: local('☺'), url('../font/Poppins-Regular.woff') format('woff'), url('../font/Poppins-Regular.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } *{font-family: 'Poppins-Regular';} #List3{ width:100%; float:left; overflow:hidden;} .container{padding:0; } .container-fluid{ padding:0; width:100%;} /*career*/ #List3 .career{ float:left; } #List3 .career ul{ width:100%; float:left;} #List3 .career ul li{ width:100%; float:left; margin-top:30px;} #List3 .career ul li .title{ width:100%; float:left; background:#f3f5f9; padding:30px 100px 30px 142px; position:relative; line-height:40px; font-size:24px; color:#454293;font-family: 'Poppins-Light'; cursor:pointer;} #List3 .career ul li .title .num{ position:absolute; left:58px; top:29px; width:42px; height:42px; line-height:42px; text-align:center; background:#454293; font-size:24px;font-family: 'Poppins-Light'; color:white; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #List3 .career ul li .title .lermore{ width:32px; height:32px; border:solid 2px #a2acce; position:absolute; right:50px; top:35px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} #List3 .career ul li .title .lermore:before{ content:''; width:32px; height:2px; background:#f3f5f9; position:absolute; left:-2px; top:50%; margin-top:-1px; z-index:1;} #List3 .career ul li .title .lermore i{ display:block; width:0; height:0px; position:absolute; left:50%; top:50%;} #List3 .career ul li .title .lermore i:before,#List3 .career ul li .title .lermore i:after{ content:''; width:2px; height:18px; position:absolute; left:50%; top:50%; margin:-9px 0 0 -1px; background:#9da8cb; z-index:2;} #List3 .career ul li .title .lermore i:after{ width:18px; height:2px; margin:-1px 0 0 -9px;} #List3 .career ul li.hover .title .lermore i:before{ display:none;} #List3 .career ul li.hover .title .lermore i:after{ background:#ea3b02;} #List3 .career ul li.hover .title .lermore{ border-color:#ea3b02;} #List3 .career ul li.hover .title .num{ background:#ea3b02;} #List3 .career ul li.hover .title{ color:#ea3b02;} #List3 .career ul li .text{ width:100%; float:left; background:#f3f5f9; margin-top:1px; padding:43px 50px 59px 142px; display:none;} #List3 .career ul li .text dl{ width:100%; float:left; border-bottom:dashed 1px #aaa; padding-bottom:37px;} #List3 .career ul li .text dl dd{ float:left; width:33.33%; font-size:18px; color:#666; line-height:50px;} #List3 .career ul li .text .jj{ float:left; width:100%; margin-top:33px; font-size:18px; color:#666; line-height:50px;font-family: 'Poppins-Light';} #List3 .career ul li .text .apy{ width:100%; float:left; margin-top:50px;} #List3 .career ul li .text .apy a{ display:block; text-align:center; float:left; width:160px; height:54px; line-height:54px; background:#454293; color:white; font-size:18px;font-family: 'Poppins-Light';} #List3 .career ul li .text .apy a:hover{ box-shadow:0 0 15px #454293;} @media screen and (max-width:1570px){ #List3 .career ul li .text{ padding:43px 50px 59px 50px;} } @media screen and (max-width:1200px) { #List3 .career ul li .text dl dd{ width:50%;} } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #List3 .career ul li{ margin-top:15px;} #List3 .career ul li .title{ padding:20px 60px 20px 80px; line-height:30px; font-size:18px;} #List3 .career ul li .title .num{ left:30px; top:20px; width:30px; height:30px; line-height:30px; font-size:18px;} #List3 .career ul li .text{ padding:20px 30px 25px 30px;} #List3 .career ul li .text dl{ padding-bottom:20px;} #List3 .career ul li .text dl dd{ font-size:16px; line-height:30px;} #List3 .career ul li .text .jj{ margin-top:25px; font-size:16px; line-height:30px;} #List3 .career ul li .text .apy{ margin-top:30px;} #List3 .career ul li .text .apy a{ width:140px; height:44px; line-height:44px; font-size:16px;} #List3 .career ul li .title .lermore{ width:28px; height:28px; right:30px; top:21px;} #List3 .career ul li .title .lermore:before{ width:28px;} #List3 .career ul li .title .lermore i:before,#List3 .career ul li .title .lermore i:after{ height:16px; margin:-8px 0 0 -1px;} #List3 .career ul li .title .lermore i:after{ height:2px; width:16px; margin:-1px 0 0 -8px;} } @media screen and (max-width:768px){ #List3 .career ul li .title{ padding:10px 30px 10px 50px; line-height:24px; font-size:16px;} #List3 .career ul li .title .num{ left:20px; top:10px; width:24px; height:24px; line-height:26px; font-size:16px;} #List3 .career ul li .text{ padding:10px 15px 12px 15px;} #List3 .career ul li .text dl{ padding-bottom:10px;} #List3 .career ul li .text dl dd{ width:100%; font-size:14px; line-height:24px;} #List3 .career ul li .text .jj{ margin-top:12px; font-size:14px; line-height:24px;} #List3 .career ul li .text .apy{ margin-top:15px;} #List3 .career ul li .text .apy a{ width:120px; height:34px; line-height:34px; font-size:14px;} #List3 .career ul li .title .lermore{ width:22px; height:22px; right:10px; top:12px;} #List3 .career ul li .title .lermore:before{ width:22px;} #List3 .career ul li .title .lermore i:before,#List3 .career ul li .title .lermore i:after{ height:14px; margin:-7px 0 0 -1px;} #List3 .career ul li .title .lermore i:after{ height:2px; width:14px; margin:-1px 0 0 -7px;} } @font-face { font-family: 'Poppins-Bold'; src: url('../font/Poppins-Bold.eot'); src: local('☺'), url('../font/Poppins-Bold.woff') format('woff'), url('../font/Poppins-Bold.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Light'; src: url('../font/Poppins-Light.eot'); src: local('☺'), url('../font/Poppins-Light.woff') format('woff'), url('../font/Poppins-Light.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Light.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Regular'; src: url('../font/Poppins-Regular.eot'); src: local('☺'), url('../font/Poppins-Regular.woff') format('woff'), url('../font/Poppins-Regular.ttf') format('truetype'), url('http://www.marinee.net/public/other/Poppins-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } *{font-family: 'Poppins-Regular';} #Content14{ width:100%; float:left; overflow:hidden;} .container{padding:0; } .container-fluid{ padding:0; width:100%;} #Content14 .contact{ width:100%; float:left; padding:162px 0 207px 0;} #Content14 .contact .text{ float:left; width:40.7%;} #Content14 .contact .text h4{ width:100%; float:left; font-size:20px; text-transform:uppercase; color:white; line-height:26px;font-family: 'Poppins-Light';} #Content14 .contact .text h3{ width:100%; float:left; margin-top:33px; font-size:50px; color:white; line-height:60px;font-family: 'Poppins-Light';} #Content14 .contact .text ul{ width:100%; float:left; margin-top:38px;} #Content14 .contact .text ul li{ width:100%; float:left; margin-top:58px; padding-left:38px; position:relative; font-size:20px; color:white; line-height:27px; color:rgba(255,255,255,0.8);font-family: 'Poppins-Light';} #Content14 .contact .text ul li .ico{ position:absolute; left:0; top:0;} #Content14 .contact .dt{ float:right; width:28.66%; text-align:center; margin-top:157px;} #Content14 .contact .dt .ico img{ display:inline-block; vertical-align:top; height:68px;} #Content14 .contact .dt h4{ width:100%; float:left; margin-top:8px; font-size:20px; color:white; line-height:26px;font-family: 'Poppins-Light';} @media screen and (max-width:1570px){ } @media screen and (max-width:1200px){ #Content14 .contact{ padding:100px 0 120px 0;} #Content14 .contact .text{ width:60%;} } @media screen and (max-width:992px){ #Content14 .contact{ padding:60px 20px 70px 20px;} #Content14 .contact .text{ width:50%;} #Content14 .contact .text h4{ font-size:16px; line-height:20px;} #Content14 .contact .text h3{ margin-top:26px; font-size:40px; line-height:50px;} #Content14 .contact .text ul{ margin-top:30px;} #Content14 .contact .text ul li{ margin-top:40px; padding-left:32px; font-size:16px; line-height:22px;} #Content14 .contact .dt{ margin-top:100px;} #Content14 .contact .dt .ico img{ height:50px;} #Content14 .contact .dt h4{ font-size:16px; line-height:20px;} } @media screen and (max-width:768px){ #Content14 .contact{ padding:100px 10px;} #Content14 .contact .text{ width:100%;} #Content14 .contact .text h4{ font-size:12px; line-height:18px;} #Content14 .contact .text h3{ margin-top:13px; font-size:20px; line-height:30px;} #Content14 .contact .text ul{ margin-top:20px;} #Content14 .contact .text ul li{ margin-top:10px; padding-left:28px; font-size:14px; line-height:20px;} #Content14 .contact .dt{ width:100%; margin-top:50px;} #Content14 .contact .dt .ico img{ height:30px;} #Content14 .contact .dt h4{ font-size:14px; line-height:18px;} #Content14 .contact .text ul li .ico{ width:16px;} } .m-page { text-align:right; font-size:0; height:38px; line-height:38px; padding-right:10px; text-align:center} .m-page li { display:inline } .m-page a, .m-page i { display:inline-block; font-size:15px; background-color:#022e48; padding:0px 13px; height:36px; overflow:hidden; text-align:center; border:0px #FFFFFF solid; color:#FFFFFF; font-family:Arial; margin-left:5px; vertical-align:top; } .m-page a.next, .m-page a.prev { font-family:宋体; font-size:16px; font-weight:700; } .m-page a:hover, .m-page li.thisclass a { color:#ff0000; } .m-page span { font-size:14px; padding-right:10px; }