body {color:#333333} a{color:#333333}a:active,a:hover {color:#333333} @media (min-width: 1200px) {.container{ width: 1200px; }} @media (min-width: 1200px) {.container{ width: 1200px; }} .container-fluid,.container{ padding:0;} .container-fluid{ width:100%; float:left;} #Top{ overflow:hidden; position:relative; width:100%; float:left;} #Top .h123{ width:100%; float:left; height:123px;} #Top .top{ background:#1ea0d2; height:34px; position:fixed; left:0; top:0; z-index:999;} #Top .top .welcome{ float:left; font-size:14px; color:white; line-height:34px; padding-left:24px; background:url(../image/2938_top1.png) no-repeat left center;} #Top .top .search{ float:right; margin-top:5px; background:white; padding-right:35px; position:relative; height:24px; overflow:hidden; -moz-border-radius:12px; -webkit-border-radius:12px; -khtml-border-radius:12px; border-radius:12px;} #Top .top .search .searchK{ width:100%; height:24px; line-height:24px; font-size:12px; color:#333; padding-left:14px;} #Top .top .search .searchB{ position:absolute; right:0; top:0; width:35px; height:24px; background:url(../image/2938_top2.png) no-repeat center center; cursor:pointer;} #Top .topnav{ height:88px; box-shadow:0 2px 5px rgba(0,0,0,0.2); position:fixed; left:0; top:34px; z-index:9999; background:white;} #Top .topnav .logo{ float:left; height:88px; line-height:88px;} #Top .topnav .logo a{ display:inline-block; vertical-align:middle; margin-top:-3px; line-height:0;} #Top .topnav .logo a img{ height:60px;} #Top .topnav .menu{ z-index:99; float:right;} #Top .topnav .menu > ul{ float:left; width:100%;} #Top .topnav .menu ul .nli{ float:left; text-align:center; z-index:99; position:relative; height:88px; padding:29px 6px;} #Top .topnav .menu ul .nli:before{ content:''; width:12px; height:1px; background:#e5e5e5; position:absolute; left:-6px; top:50%;} #Top .topnav .menu ul .nli:first-child:before{ display:none;} #Top .topnav .menu ul .nli span a{ display:block; white-space:nowrap; float:left; height:30px; line-height:30px; color:#333; font-size:16px; padding:0 20px; -moz-border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; border-radius:15px;} #Top .topnav .menu ul .nli.on span a,#Top .topnav .menu ul .nli:hover span a{ padding:0 22px; color:white; background:#1ea0d2;} #Top .topnav .menu ul .nli:hover .sub{ display:block; -webkit-animation:fadeInUp1 0.5s 0s ease both; -moz-animation:fadeInUp1 0.5s 0s ease both;} /*下拉菜单（漂浮在menu .nli上）*/ #Top .topnav .sub { z-index:21; position:absolute; display: none; float:left; clear:both; width:140px; left: 50%; margin-left: -70px;top:100% !important; background:white; background:rgba(255,255,255,0.8);} #Top .topnav .sub .ul1{ width:100%;} #Top .topnav .sub .l2{ width:100%; float: left; position: relative;} #Top .topnav .sub .l2 .l2_a{ color:#fff;} #Top .topnav .sub .l2 .l2_a{ line-height: 46px; width:100%; display:block; font-size: 14px; float:left; color:#333; letter-spacing:1px;} #Top .topnav .sub .l2:hover .l2_a { color:#fff; background:#1ea0d2;} #Top .topnav .sub .l2:hover{ background:white;} #Top .topnav .sub .ul2 { float:left; /* position:absolute; left:100%; top:20px;*/ display:none; margin:0px; width:100%; overflow:hidden;background:url(/template/theme/CN/2938_bg_8.png);/* box-shadow:0 3px 16px rgba(0,0,0,0.15);*/} #Top .topnav .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 .topnav .sub .ul2 .l3 .l3_a{ padding:0px 20px; line-height: 40px; width:100%; display:block; float:left; color:#333333; background-position:left center;} #Top .topnav .sub .ul2 .l3:hover .l3_a { color:#fff; background: url(/template/theme/CN/2938_bg_3.png);} #Top .topnav .menuph{ float:right; cursor: pointer; width: 22px; height: 22px; text-align: center; display: none; margin-top:10px;} #Top .topnav .menuph .point { display: inline-block; width: 22px; height: 22px; margin-top: 10px; position: relative; } #Top .topnav .menuph .point:hover .navbtn, #Top .topnav .menuph .point:hover .navbtn::after, #Top .topnav .menuph .point:hover .navbtn::before { width: 22px; } #Top .topnav .menuph .navbtn { position: absolute; top: 8px; right: 0; display: inline-block; width: 16px; height: 2px; -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: #1ea0d2; } #Top .topnav .menuph .navbtn::after, #Top .topnav .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 22px; height: 2px; 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: #1ea0d2; } #Top .topnav .menuph .navbtn::after { top:-7px; width:12px;} #Top .topnav .menuph .navbtn::before { top:7px; } #Top .topnav .menuph .point.active .navbtn{ background: transparent; } #Top .topnav .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; background: #1ea0d2; width: 22px;} #Top .topnav .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; background: #1ea0d2;} #Top .pf_menu_bg{ width:100%; height: 100%; position:fixed; left:0; top:0 !important; z-index:8; background:black; z-index: 9; display:none; opacity:0.8;} #Top .pf_menu{ position:fixed; height:100%; width:80%; overflow-y:auto; right:-100%;background:white; top:94px; z-index:11; display:block; padding:0 0 15px 0; float: left; -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 .pf_menu_bg.on_1{ display:block;} #Top .pf_menu.on_1{ right:0;} #Top .ph_menu .search{ float:left; width:96%; margin-left:2%; margin-top:15px; height:44px; position:relative; background:#1ea0d2; padding-right:40px; overflow:hidden; border-bottom-left-radius:10px; border-bottom-right-radius:10px;} #Top .ph_menu .search .search_b{ background:url(../image/2938_top6.png) no-repeat center center; right:0px; width:40px; height:44px; position:absolute; top:0;} #Top .ph_menu .search .search_k{ width:100%; height:44px; line-height:24px; float:left; padding:10px 10px 10px 20px; font-size:14px; color:white; background:none; border:0 !important;} #Top .topnav .nav_box{ float:left; width:100%; border-top:solid 1px #f0f0f0;} #Top .ph_menu{ float:left; width:100%;} #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:#1ea0d2; font-size:14px; line-height:20px; padding: 12px 0; letter-spacing: 1px;} #Top .ph_menu .nli i{ width:40px; height:44px; position:absolute; right:0; top:0; background:url(../image/2938_top_6_h.png) center center no-repeat; background-size:8px auto; -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;} #Top .ph_menu .nli.on i{ transform:rotate(90deg);} #Top .ph_menu .nli.on .l1_a{ color:#1ea0d2; } #Top .ph_menu .nli .l2_ul{ display:none; height:auto; float:left; width:100%; padding: 5px 15px; background:#1ea0d2;} #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;} @font-face { font-family: 'SourceHanSerifSC-SemiBold'; src:url(/template/theme/CN/fonts/SourceHanSerifSC-SemiBold.TTF); src: local('?'), url('/template/theme/CN/fonts/SourceHanSerifSC-SemiBold.TTF') format('truetype'); font-weight: normal; font-style: normal; } @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Top .topnav .menu ul .nli span a{ padding:0 10px;} #Top .topnav .menu ul .nli.on span a,#Top .topnav .menu ul .nli:hover span a{ padding:0 12px;} } @media screen and (max-width:992px){ #Top .h123{ height:94px;} #Top .top .welcome{ font-size:12px; line-height:30px; padding-left:20px; background-size:12px auto;} #Top .top .search{ display:none; margin-top:3px; padding-right:30px;} #Top .topnav{ height:60px;} #Top .topnav .logo{ height:60px; line-height:60px;} #Top .topnav .logo a img{ height:40px;} #Top .menu{ display: none;} #Top .topnav .menuph{ display:block;} } @media screen and (max-width:768px){ #Top .h123{ height:60px;} #Top .top{ display:none;} #Top .topnav{ top:0; padding:0 10px;} #Top .pf_menu{ top:60px;} } .container-fluid,.container{ padding:0;} .container-fluid{ width:100%; float:left;} #Down{ overflow:hidden; position:relative; width:100%; float:left;} #Down .footer{ width:100%; float:left; padding:37px 0 35px 0;} #Down .footer .footerLeft{ float:left; width:57.5%;} #Down .footer .footerLeft .footerLeftTop{ width:100%; float:left;} #Down .footer .footerLeft .footerLeftTop dl{ width:100%; float:left;} #Down .footer .footerLeft .footerLeftTop dl dd{ width:100%; float:left; padding:0 0 0 40px; position:relative;} #Down .footer .footerLeft .footerLeftTop dl dd .title{ width:100%; float:left; font-size:14px; color:white; line-height:24px;} #Down .footer .footerLeft .footerLeftTop dl dd ul{ width:100%; float:left; margin-top:10px; position:relative; overflow:hidden; height:90px;} #Down .footer .footerLeft .footerLeftTop dl dd ul .scroll_box{ width:100%;} #Down .footer .footerLeft .footerLeftTop dl dd ul .scroll_cont{ font-size:16px; color:#666; line-height:30px; margin-right:10px !important;} #Down .footer .footerLeft .footerLeftTop dl dd ul li{ width:100%; float:left;} #Down .footer .footerLeft .footerLeftTop dl dd ul li a{ display:block; width:100%; float:left; font-size:14px; color:white; opacity:0.6; line-height:30px;} #Down .footer .footerLeft .footerLeftTop dl dd ul li a:hover{ opacity:1;} /*#Down .footer .footerLeft .footerLeftTop dl dd:before{ content:''; width:1px; height:47px; background:white; opacity:0.2; position:absolute; right:0; bottom:3px;} #Down .footer .footerLeft .footerLeftTop dl dd:after{ content:''; width:2px; height:31px; background:#1ea0d2; position:absolute; right:0; bottom:50px;}*/ #Down .footer .footerLeft .footerLeftTop dl dd.d1{ width:36.2%; padding-left:0;} #Down .footer .footerLeft .footerLeftTop dl dd.d2{ width:20.1%;} #Down .footer .footerLeft .footerLeftTop dl dd.d3{ width:23.6%;} #Down .footer .footerLeft .footerLeftEwm{ margin:0 -17px;} #Down .footer .footerLeft .footerLeftEwm li{ width:25%; float:left; padding:0 17px; margin-top:25px; text-align:center;} #Down .footer .footerLeft .footerLeftEwm li .img{ width:100%; float:left; background:white; padding:5px;} #Down .footer .footerLeft .footerLeftEwm li .img img{ width:100%; float:left;} #Down .footer .footerLeft .footerLeftEwm li h5{ width:100%; float:left; margin-top:12px; line-height:20px; font-size:14px; color:white; opacity:0.6;} #Down .footer .footerRight{ float:right; width:37.75%;} #Down .footer .footerRight .footerRightHead{ width:100%; float:left; margin-top:6px; height:40px; background:#1ea0d2; line-height:40px; font-size:14px; color:white; padding:0 28px;} #Down .footer .footerRight .footerRightHead img{ vertical-align:middle; margin:-3px 8px 0 0; width:18px;} #Down .footer .footerRight ul{ width:100%; float:left;} #Down .footer .footerRight ul li{ width:100%; float:left; margin-top:10px; background:rgba(255,255,255,0.09); padding:22px 25px 23px 30px;} #Down .footer .footerRight ul li h4{ width:100%; float:left; font-size:14px; color:white; line-height:24px;} #Down .footer .footerRight ul li h5{ width:100%; float:left; margin-top:11px; font-size:14px; color:white; opacity:0.6; line-height:24px;} #Down .bq{ width:100%; float:left; text-align:center; font-size:14px; color:white; line-height:40px;} /*右漂浮*/ #Down .pf_right{ position: fixed; width: 38px; right: 3px; top: 50%; margin-top: -100px; z-index: 20;} #Down .pf_right ul{ float: left; width:100%; width: 38px; margin-top:-10px;} #Down .pf_right ul .bian{ width:1px; height:90%; border-left:solid 1px #1ea0d2; position:absolute; left:50%; top:11px; z-index:-1;} #Down .pf_right ul li{ float: right; width: 38px; height: 38px; margin-top:11px; background:#b5b5b5; position: relative; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #Down .pf_right ul li .zbox{ width:100%; height:100%; float:right; position:relative;} #Down .pf_right ul li .zbox > img{ width: 38px; height: 38px; float: left;} #Down .pf_right ul li .name{ position:absolute; right:120%; top:50%; margin-top:-15px; line-height:30px; font-size:16px; color:#fff; text-align:center; padding-right:8px; background:#1ea0d2; display:none; padding:0 15px; white-space:nowrap; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} #Down .pf_right ul li .name:before{ content:''; position:absolute; right:-6px; top:50%; width:0; height:0;border-top: 6px solid transparent; border-left: 6px solid #1ea0d2; border-bottom: 6px solid transparent; margin-top:-6px;} #Down .pf_right ul li:hover .name{ display:block;} #Down .pf_right ul li:hover{ background:#1ea0d2;} #Down .pf_right ul li .zbox .ewm{ display:none; width:107px; height:99px; padding:8px 17px 9px 8px; background:url(../image/2939_zright5.png) no-repeat center center; background-size:contain; position:absolute; left:-110px; top:50%; margin-top:-49px; z-index:6;} #Down .pf_right ul li .zbox .ewm img{ width:100%; float:left;} #Down .pf_right ul li .zbox:hover .ewm{ display:block;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Down .footer .footerLeft{ width:60%;} #Down .footer .footerLeft .footerLeftTop dl dd ul li a{ letter-spacing:-0.5px;} } @media screen and (max-width:992px){ #Down .footer{ padding:20px 0 15px 0;} #Down .footer .footerLeft,#Down .footer .footerRight{ width:100%;} #Down .footer .footerRight ul li{ padding:12px 15px 13px 20px;} #Down .bq{ font-size:12px;} #Down .pf_right{ display:none;} } @media screen and (max-width:768px){ #Down .footer{ padding:20px 10px 15px 10px;} #Down .footer .footerLeft .footerLeftTop{ display:none;} #Down .footer .footerLeft .footerLeftEwm{ margin:0 -5px;} #Down .footer .footerLeft .footerLeftEwm li{ padding:0 5px; margin-top:0;} #Down .footer .footerLeft .footerLeftEwm li h5{ margin-top:8px; line-height:16px; font-size:10px;} #Down .footer .footerRight .footerRightHead{ height:30px; line-height:30px; font-size:12px; padding:0 18px;} #Down .footer .footerRight .footerRightHead img{ margin:-3px 6px 0 0; width:16px;} #Down .footer .footerRight ul li h4{ font-size:12px; line-height:20px;} #Down .footer .footerRight ul li h5{ margin-top:6px; font-size:12px; line-height:20px;} #Down .bq{ font-size:12px; line-height:20px; padding:10px;} } .container-fluid,.container{ padding:0;} .container-fluid{ width:100%; float:left;} #Slide{ overflow:hidden; position:relative; width:100%; float:left;} #Slide .banner1{ position:relative;} #Slide .banner1 img{ width:100%; float:left;} #Slide .banner1{ position:relative;} #Slide .banner1 .slick-dots { position: absolute; bottom: 25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } #Slide .banner1 .slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 10px; padding: 0; background:white; opacity:0.5; cursor: pointer; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } #Slide .banner1 .slick-dots li button { position:absolute; left:-5px; top:-5px; display: block; width: 20px; height: 20px; border:solid 1px white; display:none; outline: none; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } #Slide .banner1 .slick-dots li.slick-active { opacity:1; } #Slide .banner1 .slick-dots li.slick-active button{ display:block;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Slide .banner1 .slick-dots { bottom: 10px; } #Slide .banner1 .slick-dots li { width: 6px; height: 6px; margin: 0 6px; } #Slide .banner1 .slick-dots li button { left:-3px; top:-3px; display: block; width: 12px; height: 12px; display:none; } } @media screen and (max-width:768px){ } .container-fluid,.container{ padding:0;} .container-fluid{ width:100%; float:left;} #Content{ overflow:hidden; position:relative; width:100%; float:left;} #Content .index1{ padding:65px 0 80px 0; position:relative; text-align:center;} #Content .index1:before{ content:''; background:url(../image/2941_index2.png) no-repeat center bottom; width:100%; position:absolute; left:0; bottom:0; height:33px;} #Content .index1 h3{ width:100%; float:left; margin-top:34px; font-size:28px; color:#333; line-height:40px;} #Content .index1 .p{ width:100%; float:left; margin-top:23px; font-size:16px; color:#666; line-height:30px; padding:0 20%;} #Content .indexHead{ width:100%; float:left; text-align:center; padding-bottom:38px; position:relative;} #Content .indexHead h2{ width:100%; float:left; font-size:44px; color:#333; line-height:53px; font-weight:bold; letter-spacing:1px;font-family: '思源黑体 CN';font-family: 'SourceHanSerifSC-SemiBold';} #Content .indexHead h2 span{ color:#1ea0d2;} #Content .indexHead h5{ width:100%; float:left; font-size:16px; color:#666; line-height:22px; text-transform:uppercase;} #Content .indexHead:before{ content:''; width:288px; height:1px; background:#c5c5c5; position:absolute; left:50%; bottom:0; margin-left:-144px;} #Content .indexHead:after{ content:''; width:68px; height:3px; background:#1ea0d2; position:absolute; left:50%; bottom:-1px; margin-left:-34px;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content .index1 .p{ padding:0 10%;} } @media screen and (max-width:992px){ #Content .index1{ padding:40px 0 50px 0;} #Content .index1:before{ background-size:contain; height:25px;} #Content .index1 h3{ margin-top:25px; font-size:22px; line-height:30px;} #Content .index1 .p{ margin-top:12px; font-size:14px; line-height:24px; padding:0 10%;} #Content .indexHead{ padding-bottom:30px;} #Content .indexHead h2{ font-size:34px; line-height:43px;} #Content .indexHead h5{ font-size:14px; line-height:20px;} #Content .indexHead:before{ width:220px; margin-left:-110px;} #Content .indexHead:after{ width:50px; height:2px; margin-left:-25px;} } @media screen and (max-width:768px){ #Content .index1{ padding:20px 0 25px 0;} #Content .index1:before{ background-size:contain; height:20px; display:none;} #Content .index1 h3{ margin-top:15px; font-size:16px; line-height:24px;} #Content .index1 .p{ margin-top:12px; font-size:12px; line-height:22px; padding:0 5%;} #Content .indexHead{ padding-bottom:20px;} #Content .indexHead h2{ font-size:28px; line-height:32px;} #Content .indexHead h5{ font-size:12px; line-height:18px;} #Content .indexHead:before{ width:180px; margin-left:-90px;} #Content .indexHead:after{ width:40px; margin-left:-20px;} } .container-fluid,.container{ padding:0;} .container-fluid{ width:100%; float:left;} #Content2{ overflow:hidden; position:relative; width:100%; float:left;} #Content2 .indexHead{ width:100%; float:left; text-align:center; padding-bottom:38px; position:relative;} #Content2 .indexHead h2{ width:100%; float:left; font-size:44px; color:#333; line-height:53px; font-weight:bold; letter-spacing:1px;font-family: '思源黑体 CN';font-family: 'SourceHanSerifSC-SemiBold';} #Content2 .indexHead h2 span{ color:#1ea0d2;} #Content2 .indexHead h5{ width:100%; float:left; font-size:16px; color:#666; line-height:22px; text-transform:uppercase;} #Content2 .indexHead:before{ content:''; width:288px; height:1px; background:#c5c5c5; position:absolute; left:50%; bottom:0; margin-left:-144px;} #Content2 .indexHead:after{ content:''; width:68px; height:3px; background:#1ea0d2; position:absolute; left:50%; bottom:-1px; margin-left:-34px;} #Content2 .index2{ position:relative; padding:58px 0 84px 0;} #Content2 .index2:before{ content:''; width:100%; height:34px; position:absolute; left:0; bottom:0; background:url(../image/2942_index9.png) no-repeat center bottom; background-size:contain;} #Content2 .index2Body { width:100%; float:left; margin-top:67px; padding:0 20px;} #Content2 .index2Body .list{overflow:hidden; cursor: pointer;} #Content2 .index2Body .list .list1Box{overflow: hidden;} #Content2 .index2Body .list .list1{width:194px; height:196px; background-color:rgba(255,255,255,0.6); margin:59px 2px 20px 2px; padding:24px 20px 20px 20px; box-shadow:0 2px 6px rgba(0,0,0,0.14); text-align:center;} #Content2 .index2Body .list .list1 .ico{width:70px; height:70px; background:#f6f6f6; display:inline-block; vertical-align:top; line-height: 0; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #Content2 .index2Body .list .list1 .H5{text-align:center; font-size:18px; line-height:26px; color:#666; margin-top:23px; position:relative;} #Content2 .index2Body .list .list2Box{width:0;height: 0; overflow: hidden;} #Content2 .index2Body .list .list2{width:100%; height:302px; padding:26px 30px 10px 30px;} #Content2 .list2Ti .ico{width:70px; float:left; margin-left:-17px;} #Content2 .list2Ti .H5{font-size:22px; line-height:70px; color:#fff; font-weight: bold; display: inline-block; float:left;} #Content2 .index2Body .list .list2 .p{ height:90px; display:table; line-height:90px; width:100%; margin-top:23px; border-top:solid 1px rgba(255,255,255,0.3); overflow:hidden;} #Content2 .index2Body .list .list2 .p span{ display:table-cell; vertical-align:middle; font-size:16px; color:#fff; line-height: 24px; letter-spacing:1px;} #Content2 .more2{width:154px; height: 48px; display: block; border-radius: 30px; line-height: 48px; text-align: center; background:white; font-size:16px; color:#1ea0d2; margin-top:8px; float:left; letter-spacing:1px;} #Content2 .more2:hover{background-color:#1ea0d2; color:#fff;} #Content2 .index2Body .list.hover .list2Box{width:368px; height:302px;animation: scaleA 0.8s ease-out;animation-direction: alternate; background: #1ea0d2; background: -moz-linear-gradient(top, #1ea0d2 0%, #69c0e1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1ea0d2), color-stop(100%,#69c0e1)); background: -webkit-linear-gradient(top, #1ea0d2 0%,#69c0e1 100%); background: -o-linear-gradient(top, #1ea0d2 0%,#69c0e1 100%); background: -ms-linear-gradient(top, #1ea0d2 0%,#69c0e1 100%); background: linear-gradient(to bottom, #1ea0d2 0%,#69c0e1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ea0d2', endColorstr='#69c0e1',GradientType=0 ); } :root .gradient{filter:none;} #Content2 .index2Body .list.hover .list1Box{width:0; height: 0;} @keyframes scaleA{ 0% {transform: scale(0.8);} 100% {transform: scale(1);} } #Content2 .index2Body .slick-prev, #Content2 .index2Body .slick-next{width:46px; height: 46px; background:#666;box-shadow: 0 3px 10px rgba(0,0,0,0.19);border-radius: 50%;} #Content2 .index2Body .slick-prev{left:-82px; background: rgba(255,255,255,0.6); background-size:100%; } #Content2 .index2Body .slick-next{right:-82px;background: rgba(255,255,255,0.6); background-size:100%; } #Content2 .index2Body .slick-prev:hover{ background-color:#1ea0d2;} #Content2 .index2Body .slick-next:hover{ background-color:#1ea0d2;} #Content2 .index2Body .slick-dots{width:100%; line-height: 0; left: 0; bottom:0; text-align: center;} #Content2 .index2Body .slick-dots li{width:8px; height: 8px; background-color:#1ea0d2; opacity: 0.4; border-radius: 50%;} #Content2 .index2Body .slick-dots li.slick-active{opacity:1;} #Content2 .index2Body .slick-prev:before,#Content2 .index2Body .slick-next:before{ content:''; width:12px; height:12px; border-top:solid 1px #1ea0d2; border-left:solid 1px #1ea0d2; transform:rotate(-45deg); margin:-6px 0 0 -4px; position:absolute; left:50%; top:50%;} #Content2 .index2Body .slick-next:before{ transform:rotate(135deg); margin:-6px 0 0 -8px;} #Content2 .index2Body .slick-prev:hover:before,#Content2 .index2Body .slick-next:hover:before{ border-color:white;} @media screen and (max-width:1370px){ #Content2 .index2Body{ padding:0 80px;} #Content2 .index2Body .slick-prev{left:0px;} #Content2 .index2Body .slick-next{right:0px;} #Content2 .index2Body .list .list1{width:170px;} #Content2 .index2Body .list.hover .list2Box{width:344px;} } @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content2 .index2Body .list .list1{width:131px;} #Content2 .index2Body .list.hover .list2Box{width:292px;} #Content2 .index2Body .list .list2{ padding:26px 20px 10px 20px;} #Content2 .list2Ti .ico{width:50px; margin-left:-17px;} #Content2 .list2Ti .H5{font-size:20px; line-height:50px;} } @media screen and (max-width:992px){ #Content2 .indexHead{ padding-bottom:30px;} #Content2 .indexHead h2{ font-size:34px; line-height:43px;} #Content2 .indexHead h5{ font-size:14px; line-height:20px;} #Content2 .indexHead:before{ width:220px; margin-left:-110px;} #Content2 .indexHead:after{ width:50px; height:2px; margin-left:-25px;} #Content2 .index2Body .list .list1{width:145px;} #Content2 .index2Body .list.hover .list2Box{width:310px;} #Content2 .index2{ padding:40px 0 60px 0;} #Content2 .index2:before{ height:25px;} #Content2 .index2Body { margin-top:40px;} } @media screen and (max-width:768px){ #Content2 .indexHead{ padding-bottom:20px;} #Content2 .indexHead h2{ font-size:28px; line-height:32px;} #Content2 .indexHead h5{ font-size:12px; line-height:18px;} #Content2 .indexHead:before{ width:180px; margin-left:-90px;} #Content2 .indexHead:after{ width:40px; margin-left:-20px;} #Content2 .index2Body .list .list1Box{width:145px; display:none;} #Content2 .index2Body .list .list2Box{ display:block; width:100%; height:auto; background: #1ea0d2; background: -moz-linear-gradient(top, #C01 0%, #69c0e1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C01), color-stop(100%,#69c0e1)); background: -webkit-linear-gradient(top, #C01 0%,#69c0e1 100%); background: -o-linear-gradient(top, #C01 0%,#69c0e1 100%); background: -ms-linear-gradient(top, #C01 0%,#69c0e1 100%); background: linear-gradient(to bottom, #C01 0%,#69c0e1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C01', endColorstr='#69c0e1',GradientType=0 )} #Content2 .index2Body .list.hover .list2Box{width:100%; height:auto;} #Content2 .index2Body .list .list2{ height:230px;} #Content2 .index2{ padding:20px 0 30px 0;} #Content2 .index2:before{ height:20px; display:none;} #Content2 .index2Body { margin-top:20px; padding:0 0 20px 0;} #Content2 .index2Body .list .list2 .p{ height:80px; line-height:80px; margin-top:12px;} #Content2 .index2Body .list .list2 .p span{ font-size:14px; line-height: 22px; letter-spacing:0px;} #Content2 .more2{width:120px; height: 34px; line-height: 34px; font-size:14px; letter-spacing:0px;} } .container-fluid,.container{ padding:0;} .container-fluid{ width:100%; float:left;} #Content3{ overflow:hidden; position:relative; width:100%; float:left;} #Content3 .index3{ position:relative; padding:60px 0 58px 0; background:#f6f6f6;} #Content3 .index3 .index3Body{ width:100%; float:left; margin-top:50px; box-shadow:0 2px 4px rgba(0,0,0,0.24); padding-left:300px; position:relative;} #Content3 .index3 .index3Body .hd{ position:absolute; left:0; top:0; width:300px; background:#ececec; height:100%; z-index:2;} #Content3 .index3 .index3Body .hd ul{ width:100%; float:left;} #Content3 .index3 .index3Body .hd ul li{ width:100%; float:left; height:80px; border-bottom:dashed 1px #dadada; line-height:80px; padding:0 0 0 39px; font-size:18px; color:#333; letter-spacing:1px; position:relative; cursor:pointer;} #Content3 .index3 .index3Body .hd ul li:last-child{ border-bottom:0;} #Content3 .index3 .index3Body .hd ul li .ico{ display:inline-block; vertical-align:middle; margin:-3px 9px 0 0; width:36px;} #Content3 .index3 .index3Body .hd ul li .ico img{ width:100%; float:left;} #Content3 .index3 .index3Body .hd ul li .ico .img2{ display:none;} #Content3 .index3 .index3Body .hd ul li.on{ color:white; background:#1ea0d2; border-bottom:0;} #Content3 .index3 .index3Body .hd ul li.on .ico .img1{ display:none;} #Content3 .index3 .index3Body .hd ul li.on .ico .img2{ display:block;} #Content3 .index3 .index3Body .hd ul li.on:before{ content:'';width: 0; height: 0;border-top: 10px solid transparent; border-left: 14px solid #1ea0d2; border-bottom: 10px solid transparent; position:absolute; right:-14px; top:50%; margin-top:-10px;} #Content3 .index3 .index3Body .bd{ float:left; width:100%;} #Content3 .index3 .index3Body .bd ul{ float:left; width:100%; height:318px; position:relative;} #Content3 .index3 .index3Body .bd ul .text{ position:absolute; right:0; top:0; width:310px; height:100%; text-align:center; background:rgba(0,0,0,0.5); padding:33px 30px 10px 30px;} #Content3 .index3 .index3Body .bd ul .text h4{ width:100%; font-size:20px; color:white; line-height:36px; font-weight:bold; letter-spacing:1px;} #Content3 .index3 .index3Body .bd ul .text .bian{ width:100%; margin-top:15px; position:relative;} #Content3 .index3 .index3Body .bd ul .text .bian .ico{ display:inline-block; vertical-align:top; width:34px; height:34px; background:white; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #Content3 .index3 .index3Body .bd ul .text .bian:before{ content:''; width:100%; height:1px; position:absolute; left:0; top:50%; background:white; opacity:0.3;} #Content3 .index3 .index3Body .bd ul .text .p{ width:100%; margin-top:14px; font-size:16px; color:white; line-height:30px; letter-spacing:1px; height:150px; overflow:hidden;display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 5;-webkit-box-orient: vertical;word-break: break-all; text-align:left;} #Content3 .indexHead{ width:100%; float:left; text-align:center; padding-bottom:38px; position:relative;} #Content3 .indexHead h2{ width:100%; float:left; font-size:44px; color:#333; line-height:53px; font-weight:bold; letter-spacing:1px;font-family: '思源黑体 CN';font-family: 'SourceHanSerifSC-SemiBold';} #Content3 .indexHead h2 span{ color:#1ea0d2;} #Content3 .indexHead h5{ width:100%; float:left; font-size:16px; color:#666; line-height:22px; text-transform:uppercase;} #Content3 .indexHead:before{ content:''; width:288px; height:1px; background:#c5c5c5; position:absolute; left:50%; bottom:0; margin-left:-144px;} #Content3 .indexHead:after{ content:''; width:68px; height:3px; background:#1ea0d2; position:absolute; left:50%; bottom:-1px; margin-left:-34px;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content3 .index3{ padding:40px 0 34px 0;} #Content3 .index3 .index3Body{ margin-top:30px; padding-left:200px;} #Content3 .index3 .index3Body .hd{ width:200px;} #Content3 .index3 .index3Body .hd ul li{ padding:0 0 0 20px; font-size:16px; letter-spacing:0px; height:60px; line-height:60px;} #Content3 .index3 .index3Body .hd ul li .ico{ margin:-3px 5px 0 0; width:30px;} #Content3 .index3 .index3Body .hd ul li.on:before{ border-top: 6px solid transparent; border-left: 10px solid #1ea0d2; border-bottom: 6px solid transparent; right:-10px; margin-top:-6px;} #Content3 .index3 .index3Body .bd ul{ height:240px;} #Content3 .index3 .index3Body .bd ul .text{ width:260px; padding:20px 20px 10px 20px;} #Content3 .index3 .index3Body .bd ul .text h4{ font-size:16px; line-height:30px; letter-spacing:0px;} #Content3 .index3 .index3Body .bd ul .text .bian{ margin-top:10px;} #Content3 .index3 .index3Body .bd ul .text .bian .ico{ width:28px; height:28px;} #Content3 .index3 .index3Body .bd ul .text .p{ margin-top:10px; font-size:14px; line-height:24px; letter-spacing:0px; height:120px;} #Content3 .indexHead{ padding-bottom:30px;} #Content3 .indexHead h2{ font-size:34px; line-height:43px;} #Content3 .indexHead h5{ font-size:14px; line-height:20px;} #Content3 .indexHead:before{ width:220px; margin-left:-110px;} #Content3 .indexHead:after{ width:50px; height:2px; margin-left:-25px;} } @media screen and (max-width:768px){ #Content3 .index3{ padding:20px 0 17px 0;} #Content3 .index3 .index3Body{ margin-top:20px; padding-left:130px;} #Content3 .index3 .index3Body .hd{ width:130px;} #Content3 .index3 .index3Body .hd ul li{ font-size:12px; padding-left:10px; line-height:50px; height:50px;} #Content3 .index3 .index3Body .hd ul li .ico{ margin:-3px 1px 0 0; width:24px;} #Content3 .index3 .index3Body .hd ul li.on:before{ border-top: 4px solid transparent; border-left: 6px solid #1ea0d2; border-bottom: 4px solid transparent; right:-6px; margin-top:-4px;} #Content3 .index3 .index3Body .bd ul{ height:200px;} #Content3 .index3 .index3Body .bd ul .text{ width:100%; padding:20px 10px 10px 10px;} #Content3 .index3 .index3Body .bd ul .text h4{ font-size:14px; line-height:24px;} #Content3 .index3 .index3Body .bd ul .text .bian .ico{ width:22px; height:22px;} #Content3 .index3 .index3Body .bd ul .text .p{ font-size:12px; line-height:20px; height:98px;} #Content3 .indexHead{ padding-bottom:20px;} #Content3 .indexHead h2{ font-size:28px; line-height:32px;} #Content3 .indexHead h5{ font-size:12px; line-height:18px;} #Content3 .indexHead:before{ width:180px; margin-left:-90px;} #Content3 .indexHead:after{ width:40px; margin-left:-20px;} } .container-fluid,.container{ padding:0;} .container-fluid{ width:100%; float:left;} #Content4{ overflow:hidden; position:relative; width:100%; float:left;} #Content4 .indexHead{ width:100%; float:left; text-align:center; padding-bottom:38px; position:relative;} #Content4 .indexHead h2{ width:100%; float:left; font-size:44px; color:#333; line-height:53px; font-weight:bold; letter-spacing:1px;font-family: '思源黑体 CN';font-family: 'SourceHanSerifSC-SemiBold';} #Content4 .indexHead h2 span{ color:#1ea0d2;} #Content4 .indexHead h5{ width:100%; float:left; font-size:16px; color:#666; line-height:22px; text-transform:uppercase;} #Content4 .indexHead:before{ content:''; width:288px; height:1px; background:#c5c5c5; position:absolute; left:50%; bottom:0; margin-left:-144px;} #Content4 .indexHead:after{ content:''; width:68px; height:3px; background:#1ea0d2; position:absolute; left:50%; bottom:-1px; margin-left:-34px;} #Content4 .index4{ padding:90px 0 83px 0; position:relative;} #Content4 .index4:before{ content:''; background:url(/template/theme/CN/2944_index9.png) no-repeat center bottom; width:100%; position:absolute; left:0; bottom:0; height:33px; background-size:contain;} #Content4 .index4:after{ content:''; background:url(/template/theme/CN/2944_index10.png) no-repeat center top; width:100%; position:absolute; left:0; top:0; height:35px; background-size:auto 100%;} #Content4 .indexHeadW h2{ color:white;} #Content4 .indexHeadW h5{ color:white;} #Content4 .indexHeadW:before{ background:rgba(255,255,255,0.2);} #Content4 .index4 .index4Body{ width:100%; float:left; margin-top:51px; position:relative;} #Content4 .index4 .index4Body li{ width:100%; background:url(../image/2944_index19.png) no-repeat center right; height:222px; padding:14px 45px 13px 306px; position:relative; -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;} #Content4 .index4 .index4Body li:hover{ background-image:url(../image/2944_index20.png);} #Content4 .index4 .index4Body li .pic{ position:absolute; left:14px; top:14px; width:246px; height:195px;} #Content4 .index4 .index4Body li .text{ width:100%;} #Content4 .index4 .index4Body li .text .title{ width:100%; margin-top:25px; font-size:20px; color:#1ea0d2; line-height:34px; font-weight:bold; letter-spacing:1px;} #Content4 .index4 .index4Body li .text .p{ width:100%; margin-top:21px; font-size:16px; color:#666; line-height:30px; height:90px; overflow:hidden;display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;} #Content4 .index4 .index4Body .slick-prev, #Content4 .index4 .index4Body .slick-next{width:46px; height: 46px; background:rgba(255,255,255,0.3); z-index:1; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #Content4 .index4 .index4Body .slick-prev{left:-69px; background: rgba(255,255,255,0.6); background-size:100%; } #Content4 .index4 .index4Body .slick-next{right:-69px;background: rgba(255,255,255,0.6); background-size:100%; } #Content4 .index4 .index4Body .slick-prev:hover{ background-color:#1ea0d2;} #Content4 .index4 .index4Body .slick-next:hover{ background-color:#1ea0d2;} #Content4 .index4 .index4Body .slick-prev:before,#Content4 .index4 .index4Body .slick-next:before{ content:''; width:12px; height:12px; border-top:solid 1px #fff; border-left:solid 1px #fff; transform:rotate(-45deg); margin:-6px 0 0 -4px; position:absolute; left:50%; top:50%;} #Content4 .index4 .index4Body .slick-next:before{ transform:rotate(135deg); margin:-6px 0 0 -8px;} #Content4 .index4 .more{ width:100%; float:left; text-align:center; margin-top:44px;} #Content4 .index4 .more a{ display:inline-block; vertical-align:top; width:226px; height:48px; line-height:48px; background:#1ea0d2; color:white; font-size:16px; letter-spacing:1px; -moz-border-radius:24px; -webkit-border-radius:24px; -khtml-border-radius:24px; border-radius:24px;} #Content4 .index4 .more a:hover{ background:white; color:#1ea0d2;} @media screen and (max-width:1360px){ #Content4 .index4 .index4Body{ padding:0 60px;} #Content4 .index4 .index4Body .slick-prev{left:0px;} #Content4 .index4 .index4Body .slick-next{right:0px;} } @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content4 .index4 .index4Body li{ padding:14px 25px 13px 286px;} } @media screen and (max-width:992px){ #Content4 .indexHead{ padding-bottom:30px;} #Content4 .indexHead h2{ font-size:34px; line-height:43px;} #Content4 .indexHead h5{ font-size:14px; line-height:20px;} #Content4 .indexHead:before{ width:220px; margin-left:-110px;} #Content4 .indexHead:after{ width:50px; height:2px; margin-left:-25px;} #Content4 .index4{ padding:50px 0 40px 0;} #Content4 .index4:before{ height:25px;} #Content4 .index4:after{ height:28px;} #Content4 .index4 .index4Body{ margin-top:30px;} #Content4 .index4 .index4Body li{ background-size:auto 100%; height:188px; padding:14px 15px 13px 240px;} #Content4 .index4 .index4Body li .pic{ width:200px; height:159px;} #Content4 .index4 .index4Body li .text .title{ margin-top:15px; font-size:16px; line-height:28px; letter-spacing:0px;} #Content4 .index4 .index4Body li .text .p{ margin-top:11px; font-size:14px; line-height:24px; height:72px; } #Content4 .index4 .more{ margin-top:22px;} #Content4 .index4 .more a{ width:180px; height:40px; line-height:40px; font-size:14px; letter-spacing:0px;} } @media screen and (max-width:768px){ #Content4 .indexHead{ padding-bottom:20px;} #Content4 .indexHead h2{ font-size:28px; line-height:32px;} #Content4 .indexHead h5{ font-size:12px; line-height:18px;} #Content4 .indexHead:before{ width:180px; margin-left:-90px;} #Content4 .indexHead:after{ width:40px; margin-left:-20px;} #Content4 .index4{ padding:35px 10px 30px 10px; background-attachment:inherit !important;} #Content4 .index4:before{ height:20px; background-position:center top; left:0; width:100%; display:none;} #Content4 .index4:after{ height:21px; background-position:center top; left:0; width:100%; display:none;} #Content4 .index4 .index4Body{ margin-top:20px; padding:0 0 30px 0;} #Content4 .index4 .index4Body li{ background-size:auto 100%; height:auto; padding:14px 10px 13px 10px; background:rgba(255,255,255,0.8);} #Content4 .index4 .index4Body li .pic{ width:100%; height:auto; position:relative; left:auto; top:auto;} #Content4 .index4 .index4Body li .text .title{ margin-top:15px; font-size:16px; line-height:28px; letter-spacing:0px;} #Content4 .index4 .index4Body li .text .p{ margin-top:11px; font-size:14px; line-height:24px; height:72px; } #Content4 .index4 .index4Body .slick-dots{width:100%; line-height: 0; left: 0; bottom:10px; text-align: center;} #Content4 .index4 .index4Body .slick-dots li{width:8px; height: 8px; background-color:#1ea0d2; opacity: 0.4; border-radius: 50%; padding:0; margin:0 3px;} #Content4 .index4 .index4Body .slick-dots li.slick-active{opacity:1;} #Content4 .index4 .more{ margin-top:11px;} #Content4 .index4 .more a{ width:120px; height:30px; line-height:30px; font-size:12px;} } .container-fluid,.container{ padding:0;} .container-fluid{ width:100%; float:left;} #Content5{ overflow:hidden; position:relative; width:100%; float:left;} #Content5 .indexHeadP{ width:100%; float:left; margin-top:44px; text-align:center; line-height:36px; font-size:28px; color:#333;} #Content5 .index5{ padding:57px 0 80px 0; background:#f6f6f6; position:relative;} #Content5 .index5:before{ content:''; background:url(/template/theme/CN/2945_index2.png) no-repeat center bottom; width:100%; position:absolute; left:0; bottom:0; height:33px; background-size:contain;} #Content5 .index5 .index5Body{ margin:0 -22px;} #Content5 .index5 .index5Body ul{ width:100%; float:left; margin-top:48px; position:relative; padding-bottom:38px;} #Content5 .index5 .index5Body ul li{ width:100%; float:left; padding:5px 22px;} #Content5 .index5 .index5Body ul li .zbox{ width:100%; float:left; background:white; position:relative; box-shadow:0 0 4px rgba(0,0,0,0.16);} #Content5 .index5 .index5Body ul li .zbox .d_8_1{float: left;width: 100%; padding:40px 20px 90px 20px;} #Content5 .index5 .index5Body ul li .zbox .d_8_1 i{display: table;float: left;width: 100%;height: 240px;text-align: center;} #Content5 .index5 .index5Body ul li .zbox .d_8_1 i em{display: table-cell;width: 100%;max-height: 240px;vertical-align: middle;} #Content5 .index5 .index5Body ul li .zbox .d_8_1 i em img{max-width: 100%;max-height: 273px;width: auto;} #Content5 .index5 .index5Body ul li .zbox .d_8_2{position: absolute;left: 0;top: 313px;width: 100%;height: 100%; text-align: center;padding: 0 20px; -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;} #Content5 .index5 .index5Body ul li .zbox .d_8_2 h4{display: block;float: left;width: 100%;border-top: 1px dashed rgba(178,178,178,1.00);line-height: 60px;font-size: 16px;color: #333;margin-top: 0; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; -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;} #Content5 .index5 .index5Body ul li .zbox .d_8_2 i{display: block;float: left;width: 66px;position: relative;left: 50%;margin: 30px 0 0 -33px;} #Content5 .index5 .index5Body ul li .zbox .d_8_2 i img{display: block;float: left;width: 100%;} #Content5 .index5 .index5Body ul li .zbox:hover .d_8_2{top: 0; background:rgba(30,160,210,0.8);} #Content5 .index5 .index5Body ul li .zbox:hover .d_8_2 h4{border-top: 1px dashed rgba(178,178,178,0.00); border-bottom: 1px dashed #fff;color: #fff;margin-top: 93px; font-size:20px;} #Content5 .index5 .index5Body ul .slick-dots { position: absolute; bottom: 0; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } #Content5 .index5 .index5Body ul .slick-dots li { position: relative; display: inline-block; width: 8px; height: 8px; margin: 0 6px; padding: 0; background:#1ea0d2; opacity:0.5; cursor: pointer; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; float:none; } #Content5 .index5 .index5Body ul .slick-dots li button { position:absolute; left:-4px; top:-4px; display: block; width: 16px; height: 16px; border:solid 1px #1ea0d2; display:none; outline: none; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } #Content5 .index5 .index5Body ul .slick-dots li.slick-active { opacity:1; } #Content5 .index5 .index5Body ul .slick-dots li.slick-active button{ display:block;} @media screen and (max-width:1200px){ #Content5 .index5 .index5Body ul li .zbox .d_8_1 i{ height: 200px;} #Content5 .index5 .index5Body ul li .zbox .d_8_1 i em{ max-height: 200px;} #Content5 .index5 .index5Body ul li .zbox .d_8_2{ top: 263px;} } @media screen and (max-width:992px){ #Content5 .index5:before{ height:25px;} #Content5 .index5 .index5Body ul li .zbox .d_8_2{ top: 270px;} #Content5 .index5 .index5Body ul li .zbox .d_8_1{ padding:20px 10px 50px 10px;} #Content5 .index5 .index5Body ul li .zbox .d_8_1 i{ height: 120px;} #Content5 .index5 .index5Body ul li .zbox .d_8_1 i em{ max-height: 120px;} #Content5 .index5 .index5Body ul li .zbox .d_8_2 h4{ line-height: 40px;font-size: 14px;} #Content5 .index5 .index5Body ul li .zbox:hover .d_8_2 h4{ margin-top: 70px; font-size:16px;} } @media screen and (max-width:767px){ #Content5 .index5{ padding:30px 0 40px 0;} #Content5 .index5:before{ height:20px; display:none;} #Content5 .index5 .index5Body{ margin:0 -11px;} #Content5 .index5 .index5Body ul{ margin-top:20px;} #Content5 .index5 .index5Body ul li{ padding:5px 11px;} #Content5 .index5 .index5Body ul li .zbox .d_8_2{ top: 85%;} #Content5 .index5 .index5Body ul li .zbox .d_8_1{ padding:20px 10px 50px 10px;} #Content5 .index5 .index5Body ul li .zbox .d_8_1 i{ height: 120px;} #Content5 .index5 .index5Body ul li .zbox .d_8_1 i em{ max-height: 120px;} #Content5 .index5 .index5Body ul li .zbox .d_8_2 h4{ line-height: 40px;font-size: 14px;} #Content5 .index5 .index5Body ul li .zbox:hover .d_8_2 h4{ margin-top: 70px; font-size:16px;} } @media screen and (max-width:570px){ #Content5 .index5 .index5Body ul li .zbox .d_8_2{ top: 75%;} #Content5 .index5 .index5Body ul li .zbox:hover .d_8_2 h4{ margin-top: 40px;} #Content5 .index5 .index5Body ul li .zbox .d_8_2 i{ width: 50px; margin: 20px 0 0 -25px;} } #Content5 .tc_mb{ width:100%; height:100%; background:black; opacity:0.8; display:none; position:fixed; left:0; top:0; z-index:9999;} #Content5 .tc2{ width:860px; position:fixed; left:50%; top:50%; margin:0 0 0 -430px; display:none; z-index:11111; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} #Content5 .tc2 .img{ width:100%; text-align:center; overflow:hidden; position:relative;} #Content5 .tc2 .img img{ width:100%;} #Content5 .tc2 .closd{ width:27px; height:27px; position:absolute; right:-24px; top:-24px; cursor:pointer;} #Content5 .indexHead{ width:100%; float:left; text-align:center; padding-bottom:38px; position:relative;} #Content5 .indexHead h2{ width:100%; float:left; font-size:44px; color:#333; line-height:53px; font-weight:bold; letter-spacing:1px;font-family: '思源黑体 CN';font-family: 'SourceHanSerifSC-SemiBold';} #Content5 .indexHead h2 span{ color:#1ea0d2;} #Content5 .indexHead h5{ width:100%; float:left; font-size:16px; color:#666; line-height:22px; text-transform:uppercase;} #Content5 .indexHead:before{ content:''; width:288px; height:1px; background:#c5c5c5; position:absolute; left:50%; bottom:0; margin-left:-144px;} #Content5 .indexHead:after{ content:''; width:68px; height:3px; background:#1ea0d2; position:absolute; left:50%; bottom:-1px; margin-left:-34px;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content5 .tc2{ width:650px; margin:0 0 0 -325px;} #Content5 .indexHeadP{ margin-top:22px; line-height:30px; font-size:22px;} #Content5 .indexHead{ padding-bottom:30px;} #Content5 .indexHead h2{ font-size:34px; line-height:43px;} #Content5 .indexHead h5{ font-size:14px; line-height:20px;} #Content5 .indexHead:before{ width:220px; margin-left:-110px;} #Content5 .indexHead:after{ width:50px; height:2px; margin-left:-25px;} } @media screen and (max-width:768px){ #Content5 .tc2{ width:300px; margin:0 0 0 -150px;} #Content5 .indexHeadP{ margin-top:11px; line-height:24px; font-size:14px;} #Content5 .indexHead{ padding-bottom:20px;} #Content5 .indexHead h2{ font-size:28px; line-height:32px;} #Content5 .indexHead h5{ font-size:12px; line-height:18px;} #Content5 .indexHead:before{ width:180px; margin-left:-90px;} #Content5 .indexHead:after{ width:40px; margin-left:-20px;} } .container-fluid,.container{ padding:0;} .container-fluid{ width:100%; float:left;} #Content6{ overflow:hidden; position:relative; width:100%; float:left;} #Content6 .index6{ padding:55px 0 61px 0;} #Content6 .index6 ul{ width:100%; float:left; margin-top:50px;} #Content6 .index6 ul li{ width:33.33%; float:left; position:relative; padding:25px;} #Content6 .index6 ul li .mb{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:black; opacity:0.94;} #Content6 .index6 ul li .ewm{ float:left; width:170px; padding:6px; background:white; position:relative; z-index:2;} #Content6 .index6 ul li .ewm img{ width:100%; float:left;} #Content6 .index6 ul li .text{ float:right; text-align:center; width:145px; position:relative; z-index:2;} #Content6 .index6 ul li .text .ico{ width:100%; margin-top:29px; height:55px;} #Content6 .index6 ul li .text .ico img{ height:100%;} #Content6 .index6 ul li .text .p{ width:100%; margin-top:4px; line-height:24px; font-size:16px; letter-spacing:1px; color:white;} #Content6 .index6 ul li.l1{ padding:25px 0 25px 25px;} #Content6 .index6 ul li.l1 .text .p{ color:#333;} #Content6 .index6 ul li.l1 .pic{ float:left; width:225px; height:172px; position:relative; background:black; overflow:hidden;} #Content6 .index6 ul li.l1 .pic img{ opacity:0.84; width:100%; float:left;} #Content6 .index6 ul li.l1 .btn{ background:url(../image/2946_index27.png) no-repeat center center; width:48px; height:48px; background-size:contain; position:absolute; left:50%; top:50%; margin:-24px 0 0 -24px; z-index:2; cursor:pointer;} #Content6 .index6 ul li.l2 .ewm{ float:right;} #Content6 .index6 ul li.l2 .text{ float:left;} #Content6 .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;} #Content6 .tc_video{ width:1170px; height:600px; position:fixed; left:50%; top:50%; margin:-300px 0 0 -585px; background:white; display:none; z-index:100000;} #Content6 .tc_video video{ width:100%; height:100%; position:absolute; left:0; top:0;} #Content6 .indexHead{ width:100%; float:left; text-align:center; padding-bottom:38px; position:relative;} #Content6 .indexHead h2{ width:100%; float:left; font-size:44px; color:#333; line-height:53px; font-weight:bold; letter-spacing:1px;font-family: '思源黑体 CN';font-family: 'SourceHanSerifSC-SemiBold';} #Content6 .indexHead h2 span{ color:#1ea0d2;} #Content6 .indexHead h5{ width:100%; float:left; font-size:16px; color:#666; line-height:22px; text-transform:uppercase;} #Content6 .indexHead:before{ content:''; width:288px; height:1px; background:#c5c5c5; position:absolute; left:50%; bottom:0; margin-left:-144px;} #Content6 .indexHead:after{ content:''; width:68px; height:3px; background:#1ea0d2; position:absolute; left:50%; bottom:-1px; margin-left:-34px;} #Content6 .indexHeadP{ width:100%; float:left; margin-top:44px; text-align:center; line-height:36px; font-size:28px; color:#333;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content6 .index6 ul li .ewm{ padding:4px; width:120px;} #Content6 .index6 ul li .text .ico{ margin-top:10px;} #Content6 .index6 ul li.l1 .pic{ width:160px; height:122px;} } @media screen and (max-width:992px){ #Content6 .tc_video{ width:760px; height:300px; margin:-150px 0 0 -380px;} #Content6 .index6{ padding:30px 0 35px 0;} #Content6 .index6 ul{ margin-top:30px;} #Content6 .index6 ul li{ padding:15px;} #Content6 .index6 ul li .ewm{ width:90px;} #Content6 .index6 ul li .text{ width:120px;} #Content6 .index6 ul li .text .ico{ height:35px;} #Content6 .index6 ul li .text .p{ line-height:20px; font-size:14px; letter-spacing:0px;} #Content6 .index6 ul li.l1 .pic{ width:160px; height:122px;} #Content6 .index6 ul li.l1{ padding:15px 0 15px 15px;} #Content6 .index6 ul li.l1 .pic{ width:120px; height:91px;} #Content6 .index6 ul li.l1 .btn{ width:40px; height:40px; margin:-20px 0 0 -20px;} #Content6 .indexHead{ padding-bottom:30px;} #Content6 .indexHead h2{ font-size:34px; line-height:43px;} #Content6 .indexHead h5{ font-size:14px; line-height:20px;} #Content6 .indexHead:before{ width:220px; margin-left:-110px;} #Content6 .indexHead:after{ width:50px; height:2px; margin-left:-25px;} #Content6 .indexHeadP{ margin-top:22px; line-height:30px; font-size:22px;} } @media screen and (max-width:768px){ #Content6 .tc_video{ width:90%; height:250px; margin:-125px 0 0 0; left:5%;} #Content6 .index6{ padding:20px 0 25px 0;} #Content6 .index6 ul{ margin-top:20px;} #Content6 .index6 ul li,#Content6 .index6 ul li.l1{ padding:10px; text-align:center;} #Content6 .index6 ul li .ewm{ width:70%; float:none !important; display:inline-block; vertical-align:top; margin-top:6px;} #Content6 .index6 ul li .text{ width:100%; float:none; display:inline-block; vertical-align:top;} #Content6 .index6 ul li.l1 .pic{ width:100%; height:auto;} #Content6 .index6 ul li .text .ico{ height:30px;} #Content6 .index6 ul li .text .p{ line-height:18px; font-size:12px;} #Content6 .indexHead{ padding-bottom:20px;} #Content6 .indexHead h2{ font-size:28px; line-height:32px;} #Content6 .indexHead h5{ font-size:12px; line-height:18px;} #Content6 .indexHead:before{ width:180px; margin-left:-90px;} #Content6 .indexHead:after{ width:40px; margin-left:-20px;} #Content6 .indexHeadP{ margin-top:11px; line-height:24px; font-size:14px;} } .container-fluid,.container{ padding:0;} .container-fluid{ width:100%; float:left;} #Content7{ overflow:hidden; position:relative; width:100%; float:left;} #Content7 .index7{ padding:39px 20px 50px 20px; text-align:center; position:relative;} #Content7 .index7 .mb{ width:100%; height:100%; position:absolute; left:0; top:0; background:#1ea0d2; opacity:0.88; z-index:1;} #Content7 .index7 .text{ width:100%; position:relative; z-index:2;} #Content7 .index7 .text h4{ width:100%; color:white; font-weight:bold; font-size:28px; line-height:42px;} #Content7 .index7 .text .ljyy{ width:100%; margin-top:34px;} #Content7 .index7 .text .ljyy a{ display:inline-block; vertical-align:top; width:158px; height:48px; border:solid 1px white; line-height:46px; color:white; font-size:16px; color:white; letter-spacing:1px; -moz-border-radius:24px; -webkit-border-radius:24px; -khtml-border-radius:24px; border-radius:24px;} #Content7 .index7 .text .ljyy a:hover{ background:white; color:#1ea0d2;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content7 .index7{ padding:30px 20px 40px 20px;} #Content7 .index7 .text h4{ font-size:22px; line-height:32px;} #Content7 .index7 .text .ljyy{ margin-top:22px;} #Content7 .index7 .text .ljyy a{ width:120px; height:40px; line-height:38px; font-size:14px; letter-spacing:0px;} } @media screen and (max-width:768px){ #Content7 .index7{ padding:20px 10px 25px 10px;} #Content7 .index7 .text h4{ font-size:16px; line-height:24px;} #Content7 .index7 .text .ljyy{ margin-top:11px;} #Content7 .index7 .text .ljyy a{ width:100px; height:30px; line-height:28px; font-size:12px;} } .container-fluid,.container{ padding:0;} .container-fluid{ width:100%; float:left;} #Slide2{ position:relative; width:100%; float:left;} #Slide2 .banner2{ position:relative; width:100%; } #Slide2 .banner2 img{ width:100%; float:left;} #Slide2 .banner2 .ico{ width:62px; height:62px; position:absolute; left:50%; bottom:-31px; margin-left:-31px; z-index:2;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ #Slide2 .banner2 .ico{ width:40px; height:40px; bottom:-20px; margin-left:-20px;} } .container-fluid,.container{ padding:0;} .container-fluid{ width:100%; float:left;} #Location{ width:100%; float:left; overflow:hidden;} /*面包屑*/ #Location .mbx{ width:100%; text-align:center; float:left; margin-top:40px; font-size:14px; color:#888; line-height:32px; letter-spacing:1px; position:relative; z-index:2;} #Location .mbx a{ color:#888;} #Location .mbx a:hover{ color:#1ea0d2;} #Location .mbx span{ margin:0 6px;} #Location .pz_SideLayer{ width:100%; float:left; margin-top:20px; text-align:center;} #Location .pz_SideLayer li{ display:inline-block; vertical-align:top; margin:0 8px 18px 8px;} #Location .pz_SideLayer li a{ display:block; width:100%; text-align:center; padding:0 42px; font-size:16px; color:#333; line-height:48px; float:left; background:#f6f6f6; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px;} #Location .pz_SideLayer li.on a,#Location .pz_SideLayer li:hover a{ color:#fff; background:#1ea0d2;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Location .pz_SideLayer li{ margin:0 5px 15px 5px;} #Location .pz_SideLayer li a{ padding:0 30px;} } @media screen and (max-width:992px){ #Location .pz_SideLayer{ margin-top:10px;} #Location .pz_SideLayer li{ margin:0 5px 10px 5px;} #Location .pz_SideLayer li a{ padding:0 18px; font-size:14px; line-height:40px;} #Location .mbx{ margin-top:20px;} } @media screen and (max-width:768px){ #Location .pz_SideLayer li a{ padding:0 12px; font-size:12px; line-height:30px;} #Location .pz_SideLayer li{ margin:1px;} #Location .mbx{ margin-top:10px; font-size:12px; line-height:26px;} } .container-fluid,.container{ padding:0;} .container-fluid{ width:100%; float:left;} /*#List{ overflow:hidden;}*/ #List .case{ margin-top:34px;} #List .case ul{ width:100%; float:left; border-top:solid 1px #e5e5e5;} #List .case ul li{ width:100%; float:left; padding:15px 0 16px 0; border-bottom:solid 1px #e5e5e5;} #List .case ul li a{ display:block; width:100%; padding:14px 45px 13px 15px; background:#f6f6f6 url(../image/2950_case1.jpg) no-repeat right top; height:222px;} #List .case ul li a .img{ float:left; width:246px; overflow:hidden; height:195px;} #List .case ul li a .img 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;} #List .case 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 .case ul li a .text{ margin:11px 0 0 291px;} #List .case ul li a .text .title{ width:100%; font-size:20px; color:#1ea0d2; line-height:28px; letter-spacing:1px; font-weight:bold;} #List .case ul li a .text .jj{ width:100%; margin-top:17px; font-size:16px; color:#666; line-height:30px; height:90px; overflow:hidden; letter-spacing:1px;display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;} #List .case ul li a .text .tab{ width:100%; margin-top:12px; font-size:16px; color:#666; line-height:28px; font-weight:bold; letter-spacing:1px;} #List .case ul li a .text .tab span{ color:#1ea0d2; font-weight:normal;} #List .case ul li a:hover{ background-image:url(../image/2950_case1_h.jpg);} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #List .case ul li a .text{ margin:11px 0 0 270px;} #List .case ul li a{ padding:14px 25px 13px 15px;} #List .case{ margin-top:22px;} } @media screen and (max-width:768px){ #List .case ul li{ padding:10px 0 11px 0;} #List .case ul li a .img{ width:120px; height:95px; margin-top:10px;} #List .case ul li a .text{ margin:0 0 0 130px;} #List .case ul li a{ padding:10px 15px 10px 10px; height:140px; background-size:30px auto;} #List .case{ margin-top:11px;} #List .case ul li a .text .title{ font-size:16px; line-height:22px; letter-spacing:0px;} #List .case ul li a .text .jj{ margin-top:12px; font-size:12px; line-height:20px; height:58px;} #List .case ul li a .text .tab{ margin-top:6px; font-size:14px; line-height:22px; letter-spacing:0px;} } .container-fluid,.container{ padding:0;} .container-fluid{ width:100%; float:left;} #Pagination{ width:100%; float:left; overflow:hidden;} #Pagination .d_0100_fy{ float:left; width:100%; text-align:center; padding:50px 0 47px 0;} #Pagination .pz_fy1{display:inline-block; *display:inline; *zoom:1;vertical-align: top;} #Pagination .pz_fy1 a {display:block; float:left; width:30px; height:30px; text-align:center; line-height:28px; border:1px solid #e1e1e1; font-size:14px; color:#272727; margin:0 8px; -webkit-border-radius:18px; -khtml-border-radius:18px; -moz-border-radius:18px; border-radius:18px;} #Pagination .pz_fy1 a:hover,#Pagination .pz_fy1 a.on{color: #fff; border:1px solid #1ea0d2; background:#1ea0d2; text-decoration:none;} #Pagination .pz_fy1 a.prve{ background:url(../image/2951_sprve_fy.png) no-repeat center; width:100px;} #Pagination .pz_fy1 a.prve:hover, #Pagination .pz_fy1 a.prve.on{ background:url(../image/2951_sprve_fy_h.png) no-repeat center #1ea0d2; border:1px solid #1ea0d2;} #Pagination .pz_fy1 a.next{ background:url(../image/2951_snext_fy.png) no-repeat center; width:100px;} #Pagination .pz_fy1 a.next:hover, #Pagination .pz_fy1 a.next.on{ background:url(../image/2951_snext_fy_h.png) no-repeat center #1ea0d2; border:1px solid #1ea0d2;} #Pagination .fy_phone{ display:none;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Pagination .d_0100_fy{ padding:30px 0 25px 0;} } @media screen and (max-width:768px){ #Pagination .d_0100_fy{ padding:20px 0;} #Pagination .pz_fy1{ display:none;} #Pagination .fy_phone{ display:block; float:left; width:100%; text-align:center; font-size:14px; color:#333;} #Pagination .fy_phone a {display:inline-block; *display:inline; *zoom:1; width:100px; height:30px; text-align:center; line-height:28px; border:1px solid #e1e1e1; margin:0 5px; -webkit-border-radius:18px; -khtml-border-radius:18px; -moz-border-radius:18px; border-radius:18px;} #Pagination .fy_phone a.prve{ background:url(/template/theme//template/theme/CN/2951_prve_fy.png) no-repeat center;} #Pagination .fy_phone a.next{ background:url(/template/theme//template/theme/CN/2951_next_fy.png) no-repeat center;} #Pagination .fy_phone span{ padding:0 5%; color:#333; display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:30px; line-height:30px;} } .container-fluid,.container{ padding:0;} .container-fluid{ width:100%; float:left;} #Subpage{ position:relative; width:100%; float:left;} #Subpage .fwzc{ padding:40px 0 64px 0; font-size:16px; color:#666; line-height:30px; letter-spacing:1px;} #Subpage .fwzc table{ width:100%; text-align:center;} #Subpage .fwzc table td{ width:100%; padding:17px 35px; border:solid 1px #e5e5e5; font-size:16px; line-height:30px; letter-spacing:1px;} #Subpage .fwzc table td.td1{ width:10.75%;} #Subpage .fwzc table td.td2{ width:26.66%;} #Subpage .fwzc table td.td3{ width:62.59%; text-align:left;} #Subpage .fwzc table th{ background:#1ea0d2; border:solid 1px white; color:white; line-height:54px; font-size:16px; border-top:solid 1px #1ea0d2;} #Subpage .fwzc table th.td1{ border-left:solid 1px #1ea0d2;} #Subpage .fwzc table th.td3{ border-right:solid 1px #1ea0d2;} #Subpage .fwzc table tr{ background:#f5f5f5;} #Subpage .fwzc table tr:first-child{ background:#1ea0d2;} #Subpage .fwzc table tr:nth-child(2n){ background:white;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Subpage .fwzc{ padding:20px 0 40px 0; font-size:14px; line-height:24px; letter-spacing:0px;} #Subpage .fwzc table td{ padding:12px 20px; font-size:14px; line-height:24px; letter-spacing:0px;} #Subpage .fwzc table th{ line-height:40px; font-size:14px;} } @media screen and (max-width:768px){ #Subpage .fwzc{ padding:10px 10px 20px 10px; font-size:12px; line-height:20px;} #Subpage .fwzc table td{ padding:8px 10px; font-size:12px; line-height:20px;} #Subpage .fwzc table th{ line-height:30px; font-size:12px;} } .container-fluid,.container{ padding:0;} .container-fluid{ width:100%; float:left;} #List2{ position:relative; width:100%; float:left;} #List2 .case{ margin-top:34px;} #List2 .case ul{ width:100%; float:left; border-top:solid 1px #e5e5e5;} #List2 .case ul li{ width:100%; float:left; padding:15px 0 16px 0; border-bottom:solid 1px #e5e5e5;} #List2 .case ul li a{ display:block; width:100%; padding:14px 45px 13px 15px; background:#f6f6f6 url(../image/2950_case1.jpg) no-repeat right top; height:222px;} #List2 .case ul li a .img{ float:left; width:246px; overflow:hidden; height:195px;} #List2 .case ul li a .img 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;} #List2 .case 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);} #List2 .case ul li a .text{ margin:11px 0 0 291px;} #List2 .case ul li a .text .title{ width:100%; font-size:20px; color:#1ea0d2; line-height:28px; letter-spacing:1px;} #List2 .case ul li a .text .jj{ width:100%; margin-top:17px; font-size:16px; color:#666; line-height:30px; height:90px; overflow:hidden; letter-spacing:1px;display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;} #List2 .case ul li a .text .tab{ width:100%; margin-top:12px; font-size:16px; color:#666; line-height:28px; font-weight:bold; letter-spacing:1px;} #List2 .case ul li a .text .tab span{ color:#1ea0d2; font-weight:normal;} #List2 .case ul li a:hover{ background-image:url(../image/2950_case1_h.jpg);} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #List2 .case ul li a .text{ margin:11px 0 0 270px;} #List2 .case ul li a{ padding:14px 25px 13px 15px;} #List2 .case{ margin-top:22px;} } @media screen and (max-width:768px){ #List2 .case ul li{ padding:10px 0 11px 0;} #List2 .case ul li a .img{ width:120px; height:95px; margin-top:10px;} #List2 .case ul li a .text{ margin:0 0 0 130px;} #List2 .case ul li a{ padding:10px 15px 10px 10px; height:140px; background-size:30px auto;} #List2 .case{ margin-top:11px;} #List2 .case ul li a .text .title{ font-size:16px; line-height:22px; letter-spacing:0px;} #List2 .case ul li a .text .jj{ margin-top:12px; font-size:12px; line-height:20px; height:58px;} #List2 .case ul li a .text .tab{ margin-top:6px; font-size:14px; line-height:22px; letter-spacing:0px;} } .container-fluid,.container{ padding:0;} .container-fluid{ width:100%; float:left;} #Subpage2{ position:relative; width:100%; float:left;} #Subpage2 .case2{ width:100%; float:left; margin:52px 0 50px 0;} #Subpage2 .case2 ul{ width:100%; float:left; border-top:solid 1px #e5e5e5;} #Subpage2 .case2 ul li{ width:100%; float:left; padding:15px 0 16px 0; border-bottom:solid 1px #e5e5e5;} #Subpage2 .case2 ul li a{ display:block; width:100%; padding:14px 45px 13px 15px; background:#f6f6f6 url(../image/2950_case1.jpg) no-repeat right top; height:222px;} #Subpage2 .case2 ul li a .img{ float:left; width:246px; overflow:hidden; height:195px;} #Subpage2 .case2 ul li a .img 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;} #Subpage2 .case2 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);} #Subpage2 .case2 ul li a .text{ margin:11px 0 0 291px;} #Subpage2 .case2 ul li a .text .title{ width:100%; font-size:20px; color:#1ea0d2; line-height:28px; letter-spacing:1px;} #Subpage2 .case2 ul li a .text .jj{ width:100%; margin-top:17px; font-size:16px; color:#666; line-height:30px; height:90px; overflow:hidden; letter-spacing:1px;display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;} #Subpage2 .case2 ul li a .text .tab{ width:100%; margin-top:12px; font-size:16px; color:#666; line-height:28px; font-weight:bold; letter-spacing:1px;} #Subpage2 .case2 ul li a .text .tab span{ color:#1ea0d2; font-weight:normal;} #Subpage2 .case2 ul li a:hover{ background-image:url(../image/2950_case1_h.jpg);} #Subpage2 .case1{ width:100%; float:left; margin-top:48px;} #Subpage2 .case1 h3{ width:100%; float:left; font-weight:bold; text-align:center; font-size:24px; color:#1ea0d2; line-height:38px; letter-spacing:1px; font-family: 'SourceHanSerifSC-SemiBold';} #Subpage2 .case1 h5{ width:100%; float:left; margin-top:3px; text-align:center; font-size:14px; color:#999; line-height:24px; letter-spacing:1px;} #Subpage2 .case1 .content{ width:100%; float:left; margin-top:12px; padding-top:32px; font-size:16px; color:#666; line-height:30px; letter-spacing:1px; border-top:solid 1px #e5e5e5;} #Subpage2 .case1 .end{ width:100%; margin-top:20px; float:left; text-align:center; background:url(../image/2954_rj17.png) no-repeat center center;} #Subpage2 .case1 .end span{ display:inline-block; width:50px; height:50px; line-height:50px; background:#1ea0d2; font-size:14px; color:white; text-transform:uppercase; position:relative; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #Subpage2 .case1 .end span:before{ content:''; width:1px; height:70px; background:#cfcfcf; position:absolute; left:50%; top:100%;} #Subpage2 .case1 .wzfy{ width:100%; float:left;} #Subpage2 .case1 .wzfy .wzfy_left{ width:48%; float:left; font-size:14px; color:#333; line-height:24px; letter-spacing:1px;} #Subpage2 .case1 .wzfy .wzfy_left a{ display:block; width:100%; float:left; font-size:14px; color:#333; line-height:24px; font-weight:normal;} #Subpage2 .case1 .wzfy .wzfy_left a:hover{ color:#1ea0d2;} #Subpage2 .case1 .wzfy .wzfy_right{ text-align:right; float:right;} #Subpage2 .tijHead{ width:100%; float:left; background:#1ea0d2; line-height:54px; height:54px; color:white; font-size:20px; letter-spacing:1px; padding:0 16px;} #Subpage2 .tijHead img{ vertical-align:middle; margin:-3px 10px 0 0;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Subpage2 .tijHead{ line-height:46px; height:46px; font-size:16px; letter-spacing:0px; padding:0 10px;} #Subpage2 .tijHead img{ width:20px; margin:-3px 8px 0 0;} #Subpage2 .case1{ margin-top:30px;} #Subpage2 .case1 h3{ font-size:18px; line-height:32px; letter-spacing:0px;} #Subpage2 .case1 h5{ font-size:12px; line-height:20px; letter-spacing:0px;} #Subpage2 .case1 .content{ margin-top:8px; padding-top:26px; font-size:14px; line-height:24px; letter-spacing:0px;} #Subpage2 .case2 ul li a .text{ margin:11px 0 0 270px;} #Subpage2 .case2 ul li a{ padding:14px 25px 13px 15px;} #Subpage2 .case2{ margin:31px 0 30px 0;} } @media screen and (max-width:768px){ #Subpage2 .case1 .end{ margin-top:10px;} #Subpage2 .case1 .end span{ width:40px; height:40px; line-height:40px; font-size:12px;} #Subpage2 .case1 .end span:before{ height:40px;} #Subpage2 .case1 .wzfy .wzfy_left{ font-size:12px; line-height:22px;} #Subpage2 .case1 .wzfy .wzfy_left a{ font-size:12px; line-height:22px;} #Subpage2 .case1{ margin-top:20px; padding:0 10px;} #Subpage2 .case1 h3{ font-size:16px; line-height:26px; } #Subpage2 .case1 h5{ font-size:12px;} #Subpage2 .case1 .content{ padding-top:13px; font-size:12px; line-height:20px;} #Subpage2 .case2 ul li{ padding:10px 0 11px 0;} #Subpage2 .case2 ul li a .img{ width:120px; height:95px; margin-top:10px;} #Subpage2 .case2 ul li a .text{ margin:0 0 0 130px;} #Subpage2 .case2 ul li a{ padding:10px 15px 10px 10px; height:140px; background-size:30px auto;} #Subpage2 .case2{ margin:20px 0 20px 0;} #Subpage2 .case2 ul li a .text .title{ font-size:16px; line-height:22px; letter-spacing:0px;} #Subpage2 .case2 ul li a .text .jj{ margin-top:12px; font-size:12px; line-height:20px; height:58px;} #Subpage2 .case2 ul li a .text .tab{ margin-top:6px; font-size:14px; line-height:22px; letter-spacing:0px;} } .container-fluid,.container{ padding:0;} .container-fluid{ width:100%; float:left;} #List3{ position:relative; width:100%; float:left;} #List3 .buy{ margin-top:34px;} #List3 .buy ul{ width:100%; float:left; border-top:solid 1px #e5e5e5;} #List3 .buy ul li{ width:100%; float:left; padding:15px 0 16px 0; border-bottom:solid 1px #e5e5e5;} #List3 .buy ul li .a{ display:block; width:100%; padding:14px 175px 13px 15px; background:#f6f6f6; height:222px; position:relative;} #List3 .buy ul li .a .img{ float:left; width:246px; overflow:hidden; height:195px;} #List3 .buy ul li .a .img 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;} #List3 .buy 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);} #List3 .buy ul li .a .text{ margin:1px 0 0 291px;} #List3 .buy ul li .a .text .title{ width:100%; font-size:20px; color:#1ea0d2; line-height:34px; letter-spacing:1px; font-weight:bold; position:relative; padding-bottom:20px;} #List3 .buy ul li .a .text .title:before{ content:''; width:82px; height:2px; background:#1ea0d2; position:absolute; left:0; bottom:0;} #List3 .buy ul li .a .text .jj{ width:100%; margin-top:15px; font-size:16px; color:#666; line-height:30px; height:120px; overflow:hidden; letter-spacing:1px;display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-break: break-all;} #List3 .buy ul li .a .moy{ background:#1ea0d2; position:absolute; right:0; top:0; height:100%; width:148px; padding:45px 10px 10px 10px; text-align:center;} #List3 .buy ul li .a .moy h4{ width:100%; font-size:16px; color:white; line-height:34px;} #List3 .buy ul li .a .moy h4 span{ font-weight:bold; font-size:28px;} #List3 .buy ul li .a .moy .detail,#List3 .buy ul li .a .moy .ljjm{ display:inline-block; vertical-align:top; margin-top:16px; background:rgba(0,0,0,0.2); text-align:center; width:111px; height:33px; line-height:33px; color:white; font-size:16px; letter-spacing:1px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px;} #List3 .buy ul li .a .moy .detail:hover,#List3 .buy ul li .a .moy .ljjm:hover{ background:white; color:#1ea0d2;} #List3 .buy ul li .a .moy .detail{ margin-top:44px;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #List3 .buy ul li .a .text{ margin:1px 0 0 270px;} #List3 .buy ul li .a{ padding:14px 135px 13px 15px;} #List3 .buy{ margin-top:22px;} #List3 .buy ul li .a .moy{ width:120px; padding:35px 10px 10px 10px;} #List3 .buy ul li .a .moy h4{ font-size:14px; line-height:28px;} #List3 .buy ul li .a .moy h4 span{ font-size:22px;} #List3 .buy ul li .a .moy .detail,#List3 .buy ul li .a .moy .ljjm{ margin-top:20px; width:100px; height:28px; line-height:28px; font-size:14px;} #List3 .buy ul li .a .moy .detail{ margin-top:33px;} } @media screen and (max-width:768px){ #List3 .buy ul li{ padding:10px 0 11px 0;} #List3 .buy ul li .a .img{ width:100%; height:auto; margin-top:0px;} #List3 .buy ul li .a .text{ margin:10px 0 0 0; width:100%; float:left;} #List3 .buy ul li .a{ padding:10px 135px 10px 15px; height:auto; background-size:30px auto; float:left;} #List3 .buy{ margin-top:11px;} #List3 .buy ul li .a .text .title{ font-size:16px; line-height:26px; letter-spacing:0px; padding-bottom:5px;} #List3 .buy ul li .a .text .title:before{ width:60px; height:1px;} #List3 .buy ul li .a .text .jj{ margin-top:10px; font-size:12px; line-height:20px; height:78px;} } .container-fluid,.container{ padding:0;} .container-fluid{ width:100%; float:left;} #List4{ position:relative; width:100%; float:left; overflow:hidden;} #List4 .rj{ margin-top:15px;} #List4 .rj .rjBody{ margin:0 -16px;} #List4 .rj .rjBody ul{ width:100%; float:left;} #List4 .rj .rjBody ul li{ width:33.33%; float:left; margin-top:31px; padding:0 16px;} #List4 .rj .rjBody ul li a{ display:block; width:100%; float:left; padding:14px 14px 10px 14px; border-bottom:solid 3px #f6f6f6; background:#f6f6f6;} #List4 .rj .rjBody ul li a .pic{ width:100%; float:left; padding-bottom:79.4%; position:relative; overflow:hidden;} #List4 .rj .rjBody ul li a .pic 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;} #List4 .rj .rjBody ul li a:hover .pic 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);} #List4 .rj .rjBody ul li a .text{ width:100%; float:left; margin-top:14px; padding-right:55px; background:url(../image/2956_rj1.png) no-repeat right center;} #List4 .rj .rjBody ul li a .text .title{ width:100%; font-size:18px; color:#333; line-height:31px; letter-spacing:1px;} #List4 .rj .rjBody ul li a .text .jj{ width:100%; font-size:14px; color:#666; line-height:26px; letter-spacing:1px;} #List4 .rj .rjBody ul li a:hover{ box-shadow:0 4px 8px rgba(0,0,0,0.24); border-color:#1ea0d2;} #List4 .rj .rjBody ul li a:hover .text{ background-image:url(../image/2956_rj1_h.png);} #List4 .rj .rjBody ul li a:hover .text .title{ color:#1ea0d2;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #List4 .rj{ margin-top:22px;} #List4 .rj .rjBody{ margin:0 -10px;} #List4 .rj .rjBody ul li{ margin-top:20px; padding:0 10px;} #List4 .rj .rjBody ul li a .text{ margin-top:10px; padding-right:50px; background-size:38px auto;} #List4 .rj .rjBody ul li a .text .title{ font-size:16px; line-height:26px; letter-spacing:0px;} #List4 .rj .rjBody ul li a .text .jj{ font-size:12px; line-height:22px; letter-spacing:0px;} } @media screen and (max-width:768px){ #List4 .rj{ margin-top:11px;} #List4 .rj .rjBody{ margin:0 0; padding:0 5px; width:100%; float:lefe;} #List4 .rj .rjBody ul li{ margin-top:10px; width:50%; padding:0 5px;} #List4 .rj .rjBody ul li a{ padding:10px 10px 8px 10px; border-width:2px;} #List4 .rj .rjBody ul li a .text{ margin-top:10px; padding-right:0px; background:none !important;} #List4 .rj .rjBody ul li a .text .title{ font-size:14px; line-height:22px; letter-spacing:0px;} #List4 .rj .rjBody ul li a .text .jj{ font-size:12px; line-height:18px; letter-spacing:0px;} } .container-fluid,.container{ padding:0;} .container-fluid{ width:100%; float:left;} #Subpage3{ position:relative; width:100%; float:left; overflow:hidden;} #Subpage3 .rj1{ padding:42px 0 58px 0; border-bottom:solid 1px #e5e5e5; width:100%; float:left;} #Subpage3 .rj1 .pic{ float:left; width:49.5%; margin-top:9px;} #Subpage3 .rj1 .pic img{ width:100%; float:left;} #Subpage3 .rj1 .text{ float:right; width:46.33%;} #Subpage3 .rj1 .text .title{ width:100%; font-size:24px; color:#1ea0d2; line-height:40px; font-weight:bold; letter-spacing:1px; padding-bottom:29px; border-bottom:solid 1px #e5e5e5; position:relative;} #Subpage3 .rj1 .text .title:before{ content:''; width:246px; height:2px; position:absolute; left:0; bottom:-1px; background:#1ea0d2;} #Subpage3 .rj1 .text .p1{ width:100%; margin-top:27px; font-size:16px; color:#666; line-height:30px; letter-spacing:1px;} #Subpage3 .rj1 .text .p2{ width:100%; margin-top:31px; padding-top:29px; border-top:solid 1px #e5e5e5; font-size:16px; color:#666; line-height:30px; letter-spacing:1px;} #Subpage3 .rj1 .text .ljzx{ width:100%; margin-top:63px;} #Subpage3 .rj1 .text .ljzx a{ display:inline-block; vertical-align:top; width:157px; height:50px; line-height:50px; text-align:center; background:#1ea0d2; color:white; font-size:18px; letter-spacing:1px;} #Subpage3 .rj1 .text .ljzx a:hover{ box-shadow:0 0 4px rgba(0,0,0,0.25);} #Subpage3 .rj2{ width:100%; float:left; margin-top:49px;} #Subpage3 .rj2 .rj2Head{ width:100%; float:left; padding-bottom:58px; background:url(../image/2957_rj12.png) no-repeat center bottom; text-align:center;} #Subpage3 .rj2 .rj2Head h3{ font-weight:bold; width:100%; float:left; font-size:28px; color:#333; line-height:36px; letter-spacing:1px;font-family: 'SourceHanSerifSC-SemiBold';} #Subpage3 .rj2 .rj2Head h3 span{ color:#1ea0d2;} #Subpage3 .rj2 .rj2Head h5{ width:100%; float:left; font-size:16px; color:#666; line-height:24px; letter-spacing:0.5px;} #Subpage3 .rj2 ul{ width:100%; float:left;} #Subpage3 .rj2 ul li{ width:100%; float:left; padding:32px 0; border-bottom:solid 1px #e5e5e5;} #Subpage3 .rj2 ul li:last-child{ border-bottom:0;} #Subpage3 .rj2 ul li .pic{ float:right; width:34.58%; height:330px;} #Subpage3 .rj2 ul li .text{ float:left; width:61.66%; height:330px; display:table;} #Subpage3 .rj2 ul li .text span{ display:table-cell; vertical-align:middle; width:100%;} #Subpage3 .rj2 ul li .text span .title{ width:100%; font-size:20px; color:#1ea0d2; line-height:45px; letter-spacing:1px;} #Subpage3 .rj2 ul li .text span .title b{ font-size:36px;} #Subpage3 .rj2 ul li .text span .jj{ width:100%; margin-top:18px; font-size:16px; color:#666; line-height:30px; letter-spacing:1px;} #Subpage3 .rj2 ul li.l1 .pic{ float:left;} #Subpage3 .rj2 ul li.l1 .text{ float:right;} #Subpage3 .rj2 .end{ width:100%; margin-top:20px; float:left; text-align:center; background:url(../image/2954_rj17.png) no-repeat center center;} #Subpage3 .rj2 .end span{ display:inline-block; width:50px; height:50px; line-height:50px; background:#1ea0d2; font-size:14px; color:white; text-transform:uppercase; position:relative; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #Subpage3 .rj2 .end span:before{ content:''; width:1px; height:70px; background:#cfcfcf; position:absolute; left:50%; top:100%;} #Subpage3 .rj2 .wzfy{ width:100%; float:left;} #Subpage3 .rj2 .wzfy .wzfy_left{ width:48%; float:left; font-size:14px; color:#333; line-height:24px; letter-spacing:1px;} #Subpage3 .rj2 .wzfy .wzfy_left a{ display:block; width:100%; float:left; font-size:14px; color:#333; line-height:24px; font-weight:normal;} #Subpage3 .rj2 .wzfy .wzfy_left a:hover{ color:#1ea0d2;} #Subpage3 .rj2 .wzfy .wzfy_right{ text-align:right; float:right;} #Subpage3 .rj3{ width:100%; float:left; margin:46px 0 68px 0;} #Subpage3 .rj3 .rjBody{ margin:0 -16px;} #Subpage3 .rj3 .rjBody ul{ width:100%; float:left;} #Subpage3 .rj3 .rjBody ul li{ width:33.33%; float:left; margin-top:31px; padding:0 16px;} #Subpage3 .rj3 .rjBody ul li a{ display:block; width:100%; float:left; padding:14px 14px 10px 14px; border-bottom:solid 3px #f6f6f6; background:#f6f6f6;} #Subpage3 .rj3 .rjBody ul li a .pic{ width:100%; float:left; padding-bottom:79.4%; position:relative; overflow:hidden;} #Subpage3 .rj3 .rjBody ul li a .pic 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;} #Subpage3 .rj3 .rjBody ul li a:hover .pic 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);} #Subpage3 .rj3 .rjBody ul li a .text{ width:100%; float:left; margin-top:14px; padding-right:55px; background:url(../image/2956_rj1.png) no-repeat right center;} #Subpage3 .rj3 .rjBody ul li a .text .title{ width:100%; font-size:18px; color:#333; line-height:31px; letter-spacing:1px;} #Subpage3 .rj3 .rjBody ul li a .text .jj{ width:100%; font-size:14px; color:#666; line-height:26px; letter-spacing:1px;} #Subpage3 .rj3 .rjBody ul li a:hover{ box-shadow:0 4px 8px rgba(0,0,0,0.24); border-color:#1ea0d2;} #Subpage3 .rj3 .rjBody ul li a:hover .text{ background-image:url(../image/2956_rj1_h.png);} #Subpage3 .rj3 .rjBody ul li a:hover .text .title{ color:#1ea0d2;} #Subpage3 .tijHead{ width:100%; float:left; background:#1ea0d2; line-height:54px; height:54px; color:white; font-size:20px; letter-spacing:1px; padding:0 16px;} #Subpage3 .tijHead img{ vertical-align:middle; margin:-3px 10px 0 0;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Subpage3 .tijHead{ line-height:46px; height:46px; font-size:16px; letter-spacing:0px; padding:0 10px;} #Subpage3 .tijHead img{ width:20px; margin:-3px 8px 0 0;} #Subpage3 .rj3{ margin:23px 0 34px 0;} #Subpage3 .rj3 .rjBody{ margin:0 -10px;} #Subpage3 .rj3 .rjBody ul li{ margin-top:20px; padding:0 10px;} #Subpage3 .rj3 .rjBody ul li a .text{ margin-top:10px; padding-right:50px; background-size:38px auto;} #Subpage3 .rj3 .rjBody ul li a .text .title{ font-size:16px; line-height:26px; letter-spacing:0px;} #Subpage3 .rj3 .rjBody ul li a .text .jj{ font-size:12px; line-height:22px; letter-spacing:0px;} #Subpage3 .rj2{ margin-top:30px;} #Subpage3 .rj2 .rj2Head{ padding-bottom:40px; background-size:10px auto;} #Subpage3 .rj2 .rj2Head h3{ font-size:22px; line-height:30px; letter-spacing:0px;} #Subpage3 .rj2 .rj2Head h5{ font-size:14px; line-height:20px; letter-spacing:0px;} #Subpage3 .rj2 ul li{ padding:20px 0;} #Subpage3 .rj2 ul li .pic{ height:260px;} #Subpage3 .rj2 ul li .text{ height:260px;} #Subpage3 .rj2 ul li .text span .title{ font-size:16px; line-height:36px; letter-spacing:0px;} #Subpage3 .rj2 ul li .text span .title b{ font-size:30px;} #Subpage3 .rj2 ul li .text span .jj{ margin-top:12px; font-size:14px; line-height:24px; letter-spacing:0px;} #Subpage3 .rj1{ padding:21px 0 30px 0;} #Subpage3 .rj1 .text .title{ font-size:18px; line-height:30px; letter-spacing:0px; padding-bottom:22px;} #Subpage3 .rj1 .text .title:before{ width:200px;} #Subpage3 .rj1 .text .p1{ margin-top:20px; font-size:14px; line-height:24px; letter-spacing:0px;} #Subpage3 .rj1 .text .p2{ margin-top:20px; padding-top:19px; font-size:14px; line-height:24px; letter-spacing:0px;} #Subpage3 .rj1 .text .ljzx{ margin-top:30px;} #Subpage3 .rj1 .text .ljzx a{ width:120px; height:40px; line-height:40px; font-size:16px; letter-spacing:0px;} } @media screen and (max-width:768px){ #Subpage3 .rj3{ margin:12px 0 22px 0;} #Subpage3 .rj3 .rjBody{ margin:0 0; padding:0 5px; width:100%; float:lefe;} #Subpage3 .rj3 .rjBody ul{ padding-bottom:20px; position:relative;} #Subpage3 .rj3 .rjBody ul li{ margin-top:10px; width:50%; padding:0 5px;} #Subpage3 .rj3 .rjBody ul li a{ padding:10px 10px 8px 10px; border-width:2px;} #Subpage3 .rj3 .rjBody ul li a .text{ margin-top:10px; padding-right:0px; background:none !important;} #Subpage3 .rj3 .rjBody ul li a .text .title{ font-size:14px; line-height:22px; letter-spacing:0px;} #Subpage3 .rj3 .rjBody ul li a .text .jj{ font-size:12px; line-height:18px; letter-spacing:0px;} #Subpage3 .rj3 .rjBody ul .slick-dots{width:100%; line-height: 0; left: 0; bottom:0px; text-align: center; height:8px; padding:0; margin:0; position:absolute;} #Subpage3 .rj3 .rjBody ul .slick-dots li{width:8px; height: 8px; background-color:#1ea0d2; opacity: 0.4; border-radius: 50%; padding:0; margin:0 3px; float:none;} #Subpage3 .rj3 .rjBody ul .slick-dots li.slick-active{opacity:1;} #Subpage3 .rj2 .end{ margin-top:10px;} #Subpage3 .rj2 .end span{ width:40px; height:40px; line-height:40px; font-size:12px;} #Subpage3 .rj2 .end span:before{ height:40px;} #Subpage3 .rj2 .wzfy .wzfy_left{ font-size:12px; line-height:22px;} #Subpage3 .rj2 .wzfy .wzfy_left a{ font-size:12px; line-height:22px;} #Subpage3 .rj2{ margin-top:20px; padding:0 10px;} #Subpage3 .rj2 .rj2Head{ padding-bottom:30px; background-size:8px auto;} #Subpage3 .rj2 .rj2Head h3{ font-size:16px; line-height:24px;} #Subpage3 .rj2 .rj2Head h5{ font-size:12px; line-height:18px;} #Subpage3 .rj2 ul li{ padding:10px 0;} #Subpage3 .rj2 ul li .pic{ height:200px; width:100%;} #Subpage3 .rj2 ul li .text{ width:100%; height:auto; margin-top:10px;} #Subpage3 .rj2 ul li .text span .title{ font-size:14px; line-height:26px;} #Subpage3 .rj2 ul li .text span .title b{ font-size:20px;} #Subpage3 .rj2 ul li .text span .jj{ margin-top:8px; font-size:12px; line-height:20px;} #Subpage3 .rj1{ padding:10px 10px 15px 10px;} #Subpage3 .rj1 .pic,#Subpage3 .rj1 .text{ width:100%;} #Subpage3 .rj1 .text .title{ margin-top:15px; font-size:16px; line-height:24px; padding-bottom:11px;} #Subpage3 .rj1 .text .title:before{ width:100px; height:1px;} #Subpage3 .rj1 .text .p1{ margin-top:10px; font-size:12px; line-height:20px;} #Subpage3 .rj1 .text .p2{ margin-top:10px; padding-top:10px; font-size:12px; line-height:20px;} #Subpage3 .rj1 .text .ljzx{ margin-top:20px;} #Subpage3 .rj1 .text .ljzx a{ width:100px; height:30px; line-height:30px; font-size:14px;} } .container-fluid,.container{ padding:0;} .container-fluid{ width:100%; float:left;} #Content8{ position:relative; width:100%; float:left;} #Content8 .contact1{ width:100%; float:left; margin-top:65px;} #Content8 .contact1 dt{ width:100%; float:left; background:#f6f6f6; height:168px; line-height:168px; padding:0 48px;} #Content8 .contact1 dt img{ vertical-align:middle;} #Content8 .contact1 dd{ width:100%; float:left;} #Content8 .contact1 dd li{ width:50%; float:left; height:130px; display:table; padding:0 160px 0 60px; position:relative;} #Content8 .contact1 dd li span{ display:table-cell; vertical-align:middle; padding-left:65px; position:relative; font-size:16px; color:#333; line-height:28px; letter-spacing:1px;} #Content8 .contact1 dd li span .ico{ position:absolute; left:0; top:50%; width:42px; height:42px; background:#1ea0d2; margin-top:-21px; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #Content8 .contact1 dd li .ewm{ position:absolute; right:68px; top:26px; width:79px; height:79px; border:solid 1px #1ea0d2; padding:4px; overflow:hidden;} #Content8 .contact2{ margin:22px 0 62px 0; width:100%; float:left;} #Content8 .ditu{ width:100%; float:left; height:586px;} #Content8 .ditu .BMap_pop{ float:right; background-image:url(../image/2958_con7.png); background-repeat:no-repeat; border:none !important; width:406px !important; border:0 !important; height:85px; margin: 100px 0 0 220px;} #Content8 .ditu .BMap_pop .BMap_top,#id566 .BMap_pop .BMap_center,#id566 .BMap_pop .BMap_bottom,#id566 .BMap_pop div:nth-child(9n){ width:86% !important;} #Content8 .ditu .BMap_pop div{ background:none !important; border-color: none !important; border:0 !important;} #Content8 .ditu .BMap_pop div img{display:none;} #Content8 .ditu .iw_poi_content{ font-size: 16px; line-height:32px; color: #333333; text-align: left; padding:10px 20px 10px 30px;} #Content8 .ditu .BMap_shadow{ width:100%; float: left; display: none !important;} #Content8 .ditu .BMapLabel{ display: none !important;} #Content8 .ditu .BMap_pop div:nth-child(9){height:55px; top:0 !important; left: 0 !important; width: 100% !important; height: 100%; } #Content8 .ditu .BMap_pop img:nth-child(10){display:none;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content8 .contact1 dd li .ewm{ right:40px;} #Content8 .contact1 dd li{ padding:0 140px 0 60px;} } @media screen and (max-width:992px){ #Content8 .contact2{ margin:11px 0 40px 0;} #Content8 .ditu{ height:400px;} #Content8 .ditu .iw_poi_content{ font-size: 14px; line-height:24px;} #Content8 .ditu .BMap_pop{ background-size:contain; width:340px !important; height:70px; margin: 90px 0 0 190px;} #Content8 .contact1{ margin-top:40px;} #Content8 .contact1 dt{ height:120px; line-height:120px; padding:0 24px;} #Content8 .contact1 dd li .ewm{ top:10px; right:20px;} #Content8 .contact1 dd li{ padding:0 100px 0 30px; height:100px;} #Content8 .contact1 dd li span{ padding-left:50px; font-size:14px; line-height:22px; letter-spacing0px;} #Content8 .contact1 dd li span .ico{ width:36px; height:36px; margin-top:-18px;} } @media screen and (max-width:768px){ #Content8 .ditu .BMap_pop{ background:white; margin: 130px 0 0 -10px; width:270px; height:auto;} #Content8 .contact2{ margin:11px 0 20px 0;} #Content8 .ditu{ height:300px;} #Content8 .ditu .iw_poi_content{ font-size: 12px; line-height:20px; padding:10px;} #Content8 .contact1{ margin-top:20px;} #Content8 .contact1 dt{ height:80px; line-height:80px; padding:0 12px;} #Content8 .contact1 dt img{ height:50px;} #Content8 .contact1 dd li{ width:100%;} #Content8 .contact1 dd li .ewm{ top:10px; right:20px;} #Content8 .contact1 dd li{ padding:0 100px 0 15px; height:100px;} #Content8 .contact1 dd li span{ padding-left:50px; font-size:14px; line-height:22px; letter-spacing0px;} #Content8 .contact1 dd li span .ico{ width:36px; height:36px; margin-top:-18px;} #Content8 .contact1 dd{ background:white !important;} #Content8 .contact1 dd li:last-child{background:#f6f6f6;} } .container-fluid,.container{ padding:0;} .container-fluid{ width:100%; float:left;} #Content9{ position:relative; width:100%; float:left;} #Content9 .about1{ margin-top:47px; margin-bottom:74px;} #Content9 .about1 .about1Body{ width:100%; float:left; border:solid 20px #f6f6f6;} #Content9 .about1 .about1Body .pic{ float:left; width:50%; height:443px;} #Content9 .about1 .about1Body .text{ float:right; width:50%; height:443px; padding:43px 37px 20px 50px; background:white url(../image/2959_about2.png) no-repeat 90% 90%;} #Content9 .about1 .about1Body .text h3{ width:100%; font-weight:bold; color:#1ea0d2; font-size:26px; line-height:28px; letter-spacing:1px;} #Content9 .about1 .about1Body .text h5{ width:100%; margin-top:4px; color:#666; font-size:16px; line-height:20px; letter-spacing:0.5px;} #Content9 .about1 .about1Body .text .p{ width:100%; margin-top:40px; height:270px; position:relative; overflow:hidden;} #Content9 .about1 .about1Body .text .p .scroll_box{ width:100%;} #Content9 .about1 .about1Body .text .p .scroll_cont{ font-size:16px; color:#666; line-height:30px;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content9 .about1{ margin-top:25px; margin-bottom:40px;} #Content9 .about1 .about1Body{ border:solid 10px #f6f6f6;} #Content9 .about1 .about1Body .pic{ height:350px;} #Content9 .about1 .about1Body .text{ height:350px; padding:25px 15px 10px 30px; background-size:60px auto;} #Content9 .about1 .about1Body .text h3{ font-size:20px; line-height:22px; letter-spacing:0px;} #Content9 .about1 .about1Body .text h5{ font-size:14px; line-height:18px; letter-spacing:0px;} #Content9 .about1 .about1Body .text .p{ margin-top:20px; height:240px;} #Content9 .about1 .about1Body .text .p .scroll_cont{ font-size:14px; line-height:24px;} } @media screen and (max-width:768px){ #Content9 .about1{ margin-top:12px; margin-bottom:20px;} #Content9 .about1 .about1Body .pic{ width:100%; height:250px;} #Content9 .about1 .about1Body .text{ width:100%; height:auto; padding:15px 5px 10px 10px; background-size:40px auto;} #Content9 .about1 .about1Body .text h3{ font-size:16px; line-height:20px; } #Content9 .about1 .about1Body .text h5{ font-size:12px;} #Content9 .about1 .about1Body .text .p{ margin-top:10px; height:200px; overflow-y:auto;} #Content9 .about1 .about1Body .text .p .scroll_cont{ font-size:12px; line-height:20px;} } .container-fluid,.container{ padding:0;} .container-fluid{ width:100%; float:left;} #Content10{ position:relative; width:100%; float:left;} #Content10 .aboutHead{ width:100%; float:left; padding-bottom:58px; background:url(../image/2957_rj12.png) no-repeat center bottom; text-align:center;} #Content10 .aboutHead h3{ font-weight:bold; width:100%; float:left; font-size:28px; color:#333; line-height:36px; letter-spacing:1px;font-family: 'SourceHanSerifSC-SemiBold';} #Content10 .aboutHead h3 span{ color:#1ea0d2;} #Content10 .aboutHead h5{ width:100%; float:left; font-size:16px; color:#666; line-height:24px; letter-spacing:0.5px;} #Content10 .about2{ padding:66px 0 78px 0; background:#f6f6f6;} #Content10 .about2 .about2Body{ width:100%; float:left; margin-top:40px; position:relative; background:url(../image/2960_about7.png) no-repeat center 322px; padding:0 50px 0 36px;} #Content10 .about2 .about2Body li{ width:100%; float:left; text-align:center; position:relative; padding-bottom:109px; height:382px;} #Content10 .about2 .about2Body li .year{ width:100%; position:absolute; left:0; bottom:0; font-size:18px; color:#333; line-height:32px;} #Content10 .about2 .about2Body li:hover .year{ font-weight:bold; color:#1ea0d2;} #Content10 .about2 .about2Body li:hover .year:before{ content:''; width:9px; height:9px; position:absolute; left:50%; top:-15px; margin-left:-4.5px; background:#1ea0d2; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #Content10 .about2 .about2Body li:hover .year:after{ content:''; width:15px; height:15px; position:absolute; left:50%; top:-18px; margin-left:-7.5px; border:solid 3px rgba(30,160,210,0.2); -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #Content10 .about2 .about2Body li .text{ width:188px; background:white; padding:20px 20px 30px 20px; box-shadow:0 0 16px rgba(138,138,138,0.1); position:absolute; left:50%; bottom:109px; margin-left:-94px;} #Content10 .about2 .about2Body li .text:before{ content:''; width: 0; height: 0; border-left: 13px solid transparent; border-right: 13px solid transparent; border-top: 13px solid white; position:absolute; left:50%; bottom:-12px; margin-left:-13px;} #Content10 .about2 .about2Body li .text .pic{ display:inline-block; vertical-align:top; width:118px; height:118px; overflow:hidden; border:solid 6px rgba(255,255,255,0.2); -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #Content10 .about2 .about2Body li .text .pic img{ width:100%; float:left;} #Content10 .about2 .about2Body li .text .jj{ width:100%; margin-top:12px; font-size:14px; color:#666; line-height:30px; height:90px; overflow:hidden; text-align:left; position:relative;} #Content10 .about2 .about2Body li .text .jj .scroll_cont{ margin-right:20px !important;} @media (min-width:992px){ #Content10 .about2 .about2Body li:hover .text{ background:#1ea0d2;} #Content10 .about2 .about2Body li:hover .text .jj{ color:white;} #Content10 .about2 .about2Body li:hover .text:before{ border-top: 13px solid #1ea0d2;} } #Content10 .about2 .about2Body .slick-prev, #Content10 .about2 .about2Body .slick-next { position: absolute; left:-48px; top:auto; bottom:0; display: block; width: 48px; height: 88px; 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/2960_about3.png) no-repeat left center rgba(0,0,0,0.5); z-index:100; } #Content10 .about2 .about2Body .slick-next{ left:auto; right:-48px; background-position:right center; } #Content10 .about2 .about2Body .slick-prev:hover, #Content10 .about2 .about2Body .slick-next:hover{ background-color:#1ea0d2;} @media (max-width:1300px){ #Content10 .about2 .about2Body .slick-prev{ left:0;} #Content10 .about2 .about2Body .slick-next{ right:0;} } @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content10 .about2 .about2Body{ background-position:left 322px; padding:0 67px 0 36px;} #Content10 .about2 .about2Body{} } @media screen and (max-width:992px){ #Content10 .about2{ padding:40px 0 50px 0;} #Content10 .about2 .about2Body{ margin-top:20px; background-position:left 276px; padding:0 65px 0 35px;} #Content10 .about2 .about2Body li{ padding-bottom:80px; height:330px;} #Content10 .about2 .about2Body li .year{ font-size:16px; line-height:29px;} #Content10 .about2 .about2Body li:hover .year:before{ width:8px; height:8px; top:-12px; margin-left:-4px; } #Content10 .about2 .about2Body li:hover .year:after{ width:14px; height:14px; top:-15px; margin-left:-7px;} #Content10 .about2 .about2Body li .text{ width:200px; padding:15px 15px 20px 15px; bottom:90px; margin-left:-100px; box-shadow:0 0 10px rgba(138,138,138,0.1)} #Content10 .about2 .about2Body li .text:before{ border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid white; bottom:-8px; margin-left:-9px;} #Content10 .about2 .about2Body li .text .pic{ width:98px; height:98px; border:solid 4px rgba(255,255,255,0.2);} #Content10 .about2 .about2Body .slick-prev, #Content10 .about2 .about2Body .slick-next{ width: 40px; height: 75px; background-size:80px auto;} #Content10 .aboutHead{ padding-bottom:40px; background-size:10px auto;} #Content10 .aboutHead h3{ font-size:22px; line-height:30px; letter-spacing:0px;} #Content10 .aboutHead h5{ font-size:14px; line-height:20px; letter-spacing:0px;} } @media screen and (max-width:768px){ #Content10 .about2{ padding:20px 65px 25px 65px;} #Content10 .about2 .about2Body{ margin-top:10px; background-position:center 262px; padding:0 16px 0 0;} #Content10 .about2 .about2Body li{ padding-bottom:60px; height:310px;} #Content10 .about2 .about2Body li .year{ font-size:14px; line-height:24px;} #Content10 .about2 .about2Body li .text{ width:230px; bottom:70px; margin-left:-115px; box-shadow:0 0 6px rgba(138,138,138,0.1)} #Content10 .about2 .about2Body li .text:before{ border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid white; bottom:-5px; margin-left:-6px;} #Content10 .about2 .about2Body .slick-prev{ left:-45px;} #Content10 .about2 .about2Body .slick-next{ right:-45px;} #Content10 .about2 .about2Body li .text .jj{ margin-top:8px; font-size:12px; line-height:24px; height:94px;} #Content10 .about2 .about2Body li .text .jj .scroll_cont{ margin-right:20px !important;} #Content10 .aboutHead{ padding-bottom:30px; background-size:8px auto;} #Content10 .aboutHead h3{ font-size:16px; line-height:24px;} #Content10 .aboutHead h5{ font-size:12px; line-height:18px;} } .container-fluid,.container{ padding:0;} .container-fluid{ width:100%; float:left;} #Content11{ position:relative; width:100%; float:left;} #Content11 .about3{ padding:64px 0 75px 0; overflow:hidden;} #Content11 .about3 .about3Body{ margin:0 -22px;} #Content11 .about3 .about3Body ul{ width:100%; float:left; margin-top:48px; position:relative; padding-bottom:38px;} #Content11 .about3 .about3Body ul li{ width:100%; float:left; padding:5px 22px;} #Content11 .about3 .about3Body ul li .zbox{ width:100%; float:left; background:white; position:relative; box-shadow:0 0 4px rgba(0,0,0,0.16);} #Content11 .about3 .about3Body ul li .zbox .d_8_1{float: left;width: 100%; padding:40px 20px 90px 20px;} #Content11 .about3 .about3Body ul li .zbox .d_8_1 i{display: table;float: left;width: 100%;height: 240px;text-align: center;} #Content11 .about3 .about3Body ul li .zbox .d_8_1 i em{display: table-cell;width: 100%;max-height: 240px;vertical-align: middle;} #Content11 .about3 .about3Body ul li .zbox .d_8_1 i em img{max-width: 100%;max-height: 273px;width: auto;} #Content11 .about3 .about3Body ul li .zbox .d_8_2{position: absolute;left: 0;top: 313px;width: 100%;height: 100%; text-align: center;padding: 0 20px; -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;} #Content11 .about3 .about3Body ul li .zbox .d_8_2 h4{display: block;float: left;width: 100%;border-top: 1px dashed rgba(178,178,178,1.00);line-height: 60px;font-size: 16px;color: #333;margin-top: 0; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; -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;} #Content11 .about3 .about3Body ul li .zbox .d_8_2 i{display: block;float: left;width: 66px;position: relative;left: 50%;margin: 30px 0 0 -33px;} #Content11 .about3 .about3Body ul li .zbox .d_8_2 i img{display: block;float: left;width: 100%;} #Content11 .about3 .about3Body ul li .zbox:hover .d_8_2{top: 0; background:rgba(30,160,210,0.8);} #Content11 .about3 .about3Body ul li .zbox:hover .d_8_2 h4{border-top: 1px dashed rgba(178,178,178,0.00); border-bottom: 1px dashed #fff;color: #fff;margin-top: 93px; font-size:20px;} #Content11 .about3 .about3Body ul .slick-dots { position: absolute; bottom: 0; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } #Content11 .about3 .about3Body ul .slick-dots li { position: relative; display: inline-block; width: 8px; height: 8px; margin: 0 6px; padding: 0; background:#1ea0d2; opacity:0.5; cursor: pointer; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; float:none; } #Content11 .about3 .about3Body ul .slick-dots li button { position:absolute; left:-4px; top:-4px; display: block; width: 16px; height: 16px; border:solid 1px #1ea0d2; display:none; outline: none; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } #Content11 .about3 .about3Body ul .slick-dots li.slick-active { opacity:1; } #Content11 .about3 .about3Body ul .slick-dots li.slick-active button{ display:block;} @media screen and (max-width:1200px){ #Content11 .about3 .about3Body ul li .zbox .d_8_1 i{ height: 200px;} #Content11 .about3 .about3Body ul li .zbox .d_8_1 i em{ max-height: 200px;} #Content11 .about3 .about3Body ul li .zbox .d_8_2{ top: 263px;} } @media screen and (max-width:992px){ #Content11 .about3{ padding:40px 0 50px 0;} #Content11 .about3 .about3Body ul li .zbox .d_8_2{ top: 270px;} #Content11 .about3 .about3Body ul li .zbox .d_8_1{ padding:20px 10px 50px 10px;} #Content11 .about3 .about3Body ul li .zbox .d_8_1 i{ height: 120px;} #Content11 .about3 .about3Body ul li .zbox .d_8_1 i em{ max-height: 120px;} #Content11 .about3 .about3Body ul li .zbox .d_8_2 h4{ line-height: 40px;font-size: 14px;} #Content11 .about3 .about3Body ul li .zbox:hover .d_8_2 h4{ margin-top: 70px; font-size:16px;} } @media screen and (max-width:767px){ #Content11 .about3{ padding:20px 0 25px 0;} #Content11 .about3 .about3Body{ margin:0 -11px;} #Content11 .about3 .about3Body ul{ margin-top:20px;} #Content11 .about3 .about3Body ul li{ padding:5px 11px;} #Content11 .about3 .about3Body ul li .zbox .d_8_2{ top: 85%;} #Content11 .about3 .about3Body ul li .zbox .d_8_1{ padding:20px 10px 50px 10px;} #Content11 .about3 .about3Body ul li .zbox .d_8_1 i{ height: 120px;} #Content11 .about3 .about3Body ul li .zbox .d_8_1 i em{ max-height: 120px;} #Content11 .about3 .about3Body ul li .zbox .d_8_2 h4{ line-height: 40px;font-size: 14px;} #Content11 .about3 .about3Body ul li .zbox:hover .d_8_2 h4{ margin-top: 70px; font-size:16px;} } @media screen and (max-width:570px){ #Content11 .about3 .about3Body ul li .zbox .d_8_2{ top: 75%;} #Content11 .about3 .about3Body ul li .zbox:hover .d_8_2 h4{ margin-top: 40px;} #Content11 .about3 .about3Body ul li .zbox .d_8_2 i{ width: 50px; margin: 20px 0 0 -25px;} } #Content11 .tc_mb{ width:100%; height:100%; background:black; opacity:0.8; display:none; position:fixed; left:0; top:0; z-index:9999;} #Content11 .tc2{ width:860px; position:fixed; left:50%; top:50%; margin:0 0 0 -430px; display:none; z-index:11111; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} #Content11 .tc2 .img{ width:100%; text-align:center; overflow:hidden; position:relative;} #Content11 .tc2 .img img{ width:100%;} #Content11 .tc2 .closd{ width:27px; height:27px; position:absolute; right:-24px; top:-24px; cursor:pointer;} #Content11 .aboutHead{ width:100%; float:left; padding-bottom:58px; background:url(../image/2957_rj12.png) no-repeat center bottom; text-align:center;} #Content11 .aboutHead h3{ font-weight:bold; width:100%; float:left; font-size:28px; color:#333; line-height:36px; letter-spacing:1px;font-family: 'SourceHanSerifSC-SemiBold';} #Content11 .aboutHead h3 span{ color:#1ea0d2;} #Content11 .aboutHead h5{ width:100%; float:left; font-size:16px; color:#666; line-height:24px; letter-spacing:0.5px;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content11 .tc2{ width:650px; margin:0 0 0 -325px;} #Content11 .aboutHead{ padding-bottom:40px; background-size:10px auto;} #Content11 .aboutHead h3{ font-size:22px; line-height:30px; letter-spacing:0px;} #Content11 .aboutHead h5{ font-size:14px; line-height:20px; letter-spacing:0px;} } @media screen and (max-width:768px){ #Content11 .tc2{ width:300px; margin:0 0 0 -150px;} #Content11 .aboutHead{ padding-bottom:30px; background-size:8px auto;} #Content11 .aboutHead h3{ font-size:16px; line-height:24px;} #Content11 .aboutHead h5{ font-size:12px; line-height:18px;} } .container-fluid,.container{ padding:0;} .container-fluid{ width:100%; float:left;} #Content12{ position:relative; width:100%; float:left;} #Content12 .containerBox{ padding:60px 0; min-height:700px; font-size:18px; line-height:32px; width:100%; float:left; color:#333333;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content12 .containerBox { padding:30px 0; min-height:400px; font-size:14px; line-height:24px;} } @media screen and (max-width:768px){ }