锘緻charset "utf-8";
/* reset */
html {
height: 100%;
}
body {
min-height: 100%
}
body {
_height: 100%
}
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure {
margin: 0;
padding: 0
}
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption {
*zoom: 1
}
li {
list-style-type: none
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}
iframe, frame, fieldset, img {
border: 0 none
}
img {
vertical-align: top
}
input[type=button], input[type=submit], input[type=reset] {
cursor: pointer
}
button {
cursor: pointer
}
input, textarea, button {
-webkit-border-radius: 0;
-webkit-appearance: none
}
input[type=radio] {
-webkit-border-radius: 100%;
-webkit-appearance: radio
}
input[type=checkbox] {
-webkit-appearance: checkbox
}
input[type=search] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
-o-box-sizing: content-box;
box-sizing: content-box
}
textarea {
overflow: auto;
resize: none
}
blockquote, q {
quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
caption, th {
text-align: left
}
th {
font-weight: normal
}
em, cite, address, i {
font-style: normal
}
sup {
vertical-align: text-top
}
sub {
vertical-align: text-bottom
}
body, input, select, button, textarea {
font-size: 14px;
font-family: "Microsoft Yahei", "寰蒋闆呴粦", arial, "\5b8b\4f53";
}
body {
line-height: 1.5
}
a:link, a:visited, a:active, a {
text-decoration: none;
color: #2D2E32;
}
a:hover {
color: #106fb8;
}
a {
blr: expression(this.onFocus=this.blur())
}
a * {
*cursor: pointer
}
:focus {
outline: none
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
opacity: 0.5;
}
input:-moz-placeholder, textarea:-moz-placeholder {
opacity: 0.5;
}
input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 0.5;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
opacity: 0.5;
}
.edit_con_original {
line-height: 1.8;
padding: 0 0;
color: #333;
}
.edit_con_original ul {
margin: inherit;
padding: inherit
}
.edit_con_original ul li {
list-style-type: disc;
margin: auto;
padding: inherit
}
.edit_con_original ol {
margin: inherit;
padding: inherit
}
.edit_con_original ol li {
list-style-type: decimal;
margin: auto;
padding: inherit
}
.edit_con_original h1 {
font-size: 2em;
font-weight: bold
}
.edit_con_original h2 {
font-size: 1.5em;
font-weight: bold
}
.edit_con_original h3 {
font-size: 1.17em;
font-weight: bold
}
.edit_con_original h4 {
font-size: 1em;
font-weight: bold
}
.edit_con_original h5 {
font-size: 0.83em;
font-weight: bold
}
.edit_con_original h6 {
font-size: 0.67em;
font-weight: bold
}
.edit_con_original em {
font-style: italic
}
.edit_con_original cite {
font-style: italic
}
.edit_con_original address {
font-style: italic
}
.edit_con_original i {
font-style: italic
}
.edit_con_original table {
border-collapse: separate;
border-spacing: 2px
}
.edit_con_original img {
max-width: 100%;
height: auto;
}
.vjs-poster {
background-size: 100%;
}
#player1_cover {
display: none;
}
/*鎵€鏈夊悗鍙扮紪杈戝櫒鍖哄煙閮借寮曠敤 edit_con_original 绫诲悕*/
/* clear 椤靛ご锛岄〉鑴氾紝鍐呭鍖洪兘涓嶇敤鍐嶅姞娓呴櫎鏍峰紡 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before {
content: '';
display: table
}
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after {
content: '';
display: table;
clear: both
}
.fixed, .clearfix, .cf, .header, .main, .footer {
*zoom: 1
}
.clear, .cl {
display: block!important;
float: none!important;
clear: both;
width: auto!important;
max-width: none!important;
min-width: 0!important;
max-height: none!important;
min-height: 0!important;
overflow: hidden;
margin: 0!important;
padding: 0!important;
border: 0 none!important;
font-size: 0!important;
line-height: 0!important
}
/*鍏敤鏍峰紡end*/
.box-box {
position: relative;
width: 100%;
height: 66px;
z-index: 3;
}
.warp {
width: 100%;
margin: 0 auto;
}
.warp1 {
width: 100%;
max-width: 1260px;
margin: 0 auto;
}
img {
max-width: 100%;
}
.main_capital ul li p img {
width: 100%!important;
}
.wei-bo {
float: right;
line-height: 50px;
}
.wei-bo .shareLink {
line-height: 30px;
}
.wei-bo .shareLink a {
margin-top: 8px;
}
a.lang {
float: right;
color: #fff;
margin-right: 20px;
}
a.lang img {
width: 11px;
height: 8px;
vertical-align: 1px;
}
.top-service {
float: right;
line-height: 50px;
margin-right: 25px;
color: #fff;
}
.top-service span {
margin-right: 10px;
}
.font-28 {
font-size: 28px;
color: #272727;
}
.font-18 {
font-size: 18px;
color: #303030;
line-height: 25px
}
.h4-4 {
width: 50px;
height: 0;
border-bottom: solid 4px #f39800;
margin: 0 auto;
display: block;
margin-top: 10px;
}
.h4-4l {
width: 50px;
height: 0;
border-bottom: solid 4px #f39800;
display: block;
margin-top: 14px;
}
.wid {
width: 100%;
max-width: 1900px;
height: 100%;
}
.main_part3 {
position: relative;
width: 100%
}
#player1_cover {
background: #fff;
position: absolute;
bottom: -20px;
height: 24px;
left: 0;
z-index: 1999;
width: 979px;
}
#example_video_1 {
width: 100% !important;
height: 100% !important;
}
.ratio-img {
width: 100%;
height: auto;
background: url(../images/error.png) center no-repeat #f0f0f0;
}
/*鍏敤鏍峰紡end*/
.header {
z-index: 1000000;
max-width: 1220px;
width: 100%;
margin: 0 auto;
}
.head-top {
height: 50px;
line-height: 50px;
background: #2260C5;
color: #fff;
}
.head-top .inner {
max-width: 1220px;
width: 100%;
margin: 0 auto;
}
.head-top .select-box {
float: left;
width: auto;
margin-top: 10px;
}
.head-top .top-search {
float: right;
position: relative;
margin-right: 25px;
margin-top: 12px;
}
.top-search .box {
border-radius: 27px;
width: 165px;
border: 1px solid #fff;
padding: 0 5px 0 10px;
/*box-shadow:1px 1px 2px #bbb inset;*/
position: relative;
}
.box a {
position: absolute;
top: 8px;
right: 10px;
width: 12px;
height: 12px;
}
.top-search .box .inp {
border: 0;
float: left;
width: 140px;
line-height: 25px;
height: 25px;
color: #fff;
background: none;
padding-right: 15px;
}
.top-search .box .inp::placeholder {
color: #fff;
opacity: 0.5;
}
.top-search .box .bon {
border: 0;
float: left;
background-color: #fff;
margin-top: 4px;
}
.head-2 {
height: 66px;
}
.head-2 .logo {
float: left;
margin-top: 18px;
width: 290px;
}
.head-2 .logo img{width:100%;}
.head-2 nav {
float: right;
}
.head-2 nav li {
float: left;
font-size: 16px;
margin: 0 0 0 8px;
line-height: 64px;
}
.head-2 nav li a {
padding: 0 10px;
display: block;
border-bottom: solid 2px #fff;
color: #100a06;
}
.head-2 nav li a:hover {
border-bottom: solid 2px #0054b3;
}
.lt9 .head-2 nav li>a {
margin-bottom: 0;
border-bottom: 1px solid #fff;
}
.head-2 nav li .child {
position: absolute;
top: 116px;
left: 0;
width: 100%;
max-height: 1900px;
z-index: 99999;
border-top: solid 1px #0054b3;
background: url(../images/nav-bj.png);
display: none;
overflow: hidden;
}
.head-2 nav li.on>a, .head-2 nav li:hover>a {
color: #106fb8;
}
.menu_h {
display: none
}
/*鎴瓧*/
.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
max-width: 100%;
}
.clamp {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-height: 1.5;
max-height: 4.5em;
overflow: hidden;
}
/*杞挱鍥惧浘鐗囨牱寮?/
/*.banner-box{width:100%;max-width:1900px;margin:0 auto;margin-top:20px; }
.banner{width: 100%;}
.banner a{display:block;width: 100%;max-height:614px;}
.banner a.pot-1{background-size:100% 100%;}
.banner a.pot-2{background-size:100% 100%;}
.banner a.pot-3{background-size:100% 100%;}
#pager{position:absolute;bottom:200px;left:50%;z-index:9;margin-left:-78px;}
#pager a{width:7px;height:7px;display:block;float:left;margin-right:12px;border-radius: 50%;border:1px solid #fff;background:#fff; }
#pager a.activeSlide{background:#fff;width:8px;height:8px;border:0px solid #fff;}
.pot-2 p{font-size:36px;color:#fff; position:absolute;top:371px;width:100%;text-align:center; font-family:"寰蒋闆呴粦";font-size:240%; }
.pot-1 p{font-size:36px;color:#fff; position:absolute;top:371px;width:100%;text-align:center; font-family:"寰蒋闆呴粦";font-size:240%;}
.pot-3 p{font-size:36px;color:#fff; position:absolute;top:371px;width:100%;text-align:center; font-family:"寰蒋闆呴粦";font-size:240%;}
*/
.fnt_18 {
font-size: 18px;
}
.fnt_20 {
font-size: 20px;
}
.fnt_22 {
font-size: 22px;
}
.fnt_24 {
font-size: 24px;
}
.fnt_50 {
font-size: 50px;
}
@media only screen and (max-width: 1365px) {
.fnt_24 {
font-size: 20px;
}
.fnt_50 {
font-size: 36px;
}
}
@media only screen and (max-width: 1279px) {
.fnt_18 {
font-size: 16px;
}
.fnt_20 {
font-size: 18px;
}
.fnt_22 {
font-size: 20px;
}
}
@media only screen and (max-width: 1023px) {
.fnt_18 {
font-size: 14px;
}
.fnt_20 {
font-size: 16px;
}
.fnt_22 {
font-size: 18px;
}
.fnt_24 {
font-size: 18px;
}
.fnt_50 {
font-size: 30px;
}
}
@media only screen and (max-width: 767px) {
.fnt_20 {
font-size: 14px;
}
.fnt_22 {
font-size: 16px;
}
.fnt_24 {
font-size: 16px;
}
.fnt_50 {
font-size: 24px;
}
}
.banner {
width: 100%;
}
.banner .swiper-slide {
position: relative;
width: 100%;
}
.banner .swiper-container {
width: 100%;
}
.banner img {
width: 100%;
}
.banner .swiper-slide .vv {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: fill;
}
.info-box {
position: absolute;
left: 0;
bottom: -80px;
width: 100%;
height: 80px;
/*transform: translateY(80px);*/
color: #fff;
background: rgba(49, 131, 226, 0.7);
z-index: 10;
transition: 0.8s all;
-webkit-transition: 0.8s all;
}
.info-box .warp1 {
position: relative;
}
.info-box .warp1 em {
position: absolute;
left: 0;
top: 10px;
width: 31px;
height: 15px;
background: url(../images/arr_down.png) no-repeat;
}
.info-box .warp1 .con {
padding-left: 70px;
position: relative;
}
.info-box .warp1 .con::before {
content: "";
position: absolute;
left: 50px;
top: -15px;
width: 1px;
height: calc(100% + 32px);
background: #699CD7;
}
.banner .swiper-slide.swiper-slide-active .info-box {
bottom: 0;
}
.info-box h2, .info-box h3 {
font-weight: bold;
width: 80%;
height: 1.5em;
overflow: hidden;
}
.info-box h2 {
margin: 15px 0 0px;
}
.info-box h3 {
font-family: Arial, Helvetica, sans-serif;
}
.info-box p {
width: 80%;
margin: 10px 0;
}
.info-box a.v_more {
color: #fff;
}
.info-box:hover {
height: 170px;
}
.info-box:hover p {
display: block;
line-height: 1.5;
max-height: 3em;
overflow: hidden;
}
.info-box:hover a.v_more {
display: block;
}
.banner .txt {
color: #fff;
text-shadow: 2px 2px 1px #333;
}
.banner .txt1 {
top: 70%;
}
.banner .txt1 h2 {
margin-bottom: 1%;
text-align: center;
}
.banner .txt2 {
text-transform: uppercase;
}
.banner .txt2 h2 {
line-height: 1.4;
}
.banner .txt2 h3 {
margin: 30px 0 0;
line-height: 1.2;
}
.banner .swiper-pagination {
bottom: 50px;
left: auto!important;
width: auto!important;
right: calc(50% - 630px);
}
.banner .swiper-pagination-bullet {
width: 10px;
height: 10px;
margin: 0 5px!important;
background: #8EC2F1;
box-shadow: 1px 1px 3px 0px #333;
opacity: 1;
filter: alpha(opacity=100);
}
.banner .swiper-pagination-bullet-active {
background: #E8F3FC;
}
.ban-box {
position: absolute;
left: calc(50% - 630px);
top: 16%;
padding: 40px 20px 25px;
color: #fff;
border: 8px solid #fff;
}
.ban-box span {
position: absolute;
right: 0;
top: 0;
background: #fff;
padding: 5px 10px;
text-transform: uppercase;
font-size: 12px;
color: #356DC9;
font-family: Arial, Helvetica, sans-serif;
}
.ban-box h4 {
position: relative;
}
.ban-box h4 em {
margin-left: 5px;
}
.ban-box h5 {
line-height: 1.2;
}
.news-part {
padding: 2% 0;
}
.news-part .img {
float: left;
width: 23.2%;
}
.news-part .img img {
width: 100%;
}
.news-part .rr {
float: right;
width: 70%;
}
.news-part .rr li {
float: left;
width: 48%;
margin-bottom: 10px;
}
.news-part .rr li:nth-child(2n) {
float: right;
}
.news-part .rr li span {
color: #EC9802;
margin-right: 25px;
font-family: Arial, Helvetica, sans-serif;
}
.news-part .rr li a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
max-width: 100%;
}
/*寰俊*/
/*.shareLink{padding-bottom:2rem; }*/
.shareLink a {
display: inline-block;
width: 32px;
height: 32px;
background: url(../images/share.png) no-repeat;
transition: 1s transform;
-webkit-transition: 1s transform;
}
.shareLink a:hover {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
cursor: pointer
}
.shareLink .pic_001 {
background-position: -184px 0;
}
.shareLink .pic_002 {
background-position: -62px 0;
}
.shareLink .pic_003 {
background-position: 0 0;
}
.shareLink .pic_004 {
background-position: -123px 0;
}
.weixin {
position: fixed;
width: 300px;
height: 280px;
z-index: 100000;
left: 50%;
top: 50%;
margin: -120px 0 0 -150px;
background: #fff;
border: 1px solid #ddd;
border-radius: 2px;
box-shadow: 1px 1px 10px #666;
}
.weixin .c {
position: absolute;
width: 30px;
height: 30px;
background: url(../images/x.png);
overflow: hidden;
text-indent: 100px;
right: 0;
top: 0;
font-size: 20px;
font-style: normal;
text-align: center;
cursor: pointer;
z-index: 2;
}
.weixin h2 {
position: relative;
line-height: 30px;
font-size: 16px;
padding-left: 10px;
font-weight: normal;
}
.weixin .img {
padding: 30px 0 10px;
text-align: center;
border-top: 1px solid #ddd;
}
.weixin p {
margin: 0 1.5%;
text-align: center;
}
.weixin .img img {
width: 150px;
height: 150px;
display: block;
margin: 0 auto 10px;
}
/*鏈嶅姟棰嗗煙*/
.service-part {
padding: 2% 0;
background: #F5F5F5;
}
.gy-p {
text-align: center;
line-height: 25px;
color: #6c6c6c;
margin-top: 30px;
}
/*椤圭洰灞曠ず*/
.qita {
margin-top: 2%;
overflow: hidden;
width: 100%;
}
.qita h3 {
font-size: 26px;
}
.qita .bxslider01 li {
position: relative;
overflow: hidden;
}
.qita .bxslider01 li img {
height: auto;
max-height: 100%;
max-width: 100%;
vertical-align: middle;
}
.qita .bxslider01 li .txt {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background: rgba(28, 83, 179, 0.81);
}
.qita .bx-wrapper .bx-controls-direction a {
width: 52px;
height: 105px;
margin-top: -52px;
background-size: cover!important;
}
.bxslider01 ul li span {
display: block;
color: #fff;
height: 30px;
line-height: 30px;
margin: 20px 30px 10px;
overflow: hidden;
}
.bxslider01 ul li p {
margin: 0 30px 20px;
color: #fff;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-height: 1.5;
height: 3em;
overflow: hidden;
}
.qita .bx-wrapper .bx-controls-direction .bx-prev {
left: -100px;
background: url(../images/arr_left.png) no-repeat;
}
.qita .bx-wrapper .bx-controls-direction .bx-next {
right: -100px;
background: url(../images/arr_right.png) no-repeat;
}
.qita .bx-wrapper .bx-controls-direction .bx-prev.disabled {
background: url(../images/arr_left_dis.png) no-repeat;
cursor: default;
}
.qita .bx-wrapper .bx-controls-direction .bx-next.disabled {
background: url(../images/arr_right_dis.png) no-repeat;
cursor: default;
}
/*鏈嶅姟浜у搧*/
.product-bar {
padding: 2% 0 3%;
background: url(../images/sy-home_02.jpg) no-repeat;
overflow: hidden;
background-size: cover;
}
.product-lis {
text-align: center;
}
.product-bar .product-lis a {
color: #fff;
}
.product-m {
margin-top: 2%
}
.fuwu h3 {
font-size: 26px;
}
.fuwu .bxslider03 li {
text-align: center;
position: relative;
text-align: center;
font-size: 20px;
}
.fuwu .bxslider03 li img {
display: inline;
height: auto;
max-height: 100%;
max-width: 100%;
vertical-align: middle;
margin: 0 10px 10px;
}
.fuwu .bxslider03 li a {
color: #fff;
}
.fuwu .bx-wrapper .bx-controls-direction a {
width: 52px;
height: 105px;
margin-top: -52px;
background-size: cover!important;
}
.fuwu .bx-wrapper .bx-controls-direction .bx-prev {
left: -100px;
background: url(../images/arr_left.png) no-repeat;
}
.fuwu .bx-wrapper .bx-controls-direction .bx-next {
right: -100px;
background: url(../images/arr_right.png) no-repeat;
}
.fuwu .bx-wrapper .bx-controls-direction .bx-prev.disabled {
background: url(../images/arr_left_dis.png) no-repeat;
cursor: default;
}
.fuwu .bx-wrapper .bx-controls-direction .bx-next.disabled {
background: url(../images/arr_right_dis.png) no-repeat;
cursor: default;
}
/*鎶€鏈笓闀?/
.technology {
overflow: hidden;
padding: 2% 0;
background-size: cover!important;
}
.technology-bar h3 {
font-size: 28px;
}
.technology-bar h3 a {
color: #fff;
}
.technology-bar span {
display: block;
color: #fff;
line-height: 22px;
margin: 22px 0 10px 0;
font-size: 14px;
}
.technology-bar h4 {
color: #fff;
margin-bottom: 25px;
}
/*鍏充簬鎴戜滑*/
.auto-box {
background: url(../images/sy-home_12.jpg) no-repeat;
overflow: hidden;
margin-top: 50px;
}
.auto-box span {
text-align: center;
display: block;
margin-top: 30px;
line-height: 24px;
}
.auto-box h3 {
text-align: center;
font-size: 26px;
color: #313131;
padding-bottom: 40px;
font-weight: bold;
}
/*鏂伴椈涓績*/
.news-box {
overflow: hidden;
margin-top: 40px;
}
.news-box ul li {
width: 31.3%;
float: left;
margin-right: 3%;
position: relative;
}
.news-box ul li span {
width: 94%;
position: absolute;
left: 0;
bottom: 0;
line-height: 50px;
font-size: 16px;
color: #fff;
display: block;
background: rgba(0, 0, 0, 0.5);
padding: 0 3% 0 3%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.news-ls {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
display: none;
-webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
-ms-transition: 0.4s all ease;
-o-transition: 0.4s all ease;
transition: 0.4s all ease;
}
.news-ls p {
font-size: 53px;
color: #f39800;
font-weight: bold;
width: 94%;
margin: 0 auto;
}
.news-ls h3 {
color: #f39800;
width: 94%;
margin: 0 auto;
}
.news-ls h5 {
color: #fff;
font-size: 12px;
width: 90%;
margin: 1% 0 0 3%;
}
.news-box ul li:hover span {
display: none;
}
.news-box ul li:hover .news-ls {
display: block;
}
/*鍔犲叆鎴戜滑*/
.join-box {
background: url(../images/sy-home_24.jpg) no-repeat center;
margin-top: 66px;
overflow: hidden;
padding: 25px 0 25px 0;
}
.join-li {
width: 30%;
float: right;
font-size: 24px;
text-align: right;
line-height: 50px;
margin-top: 50px;
}
.join-li img {
width: 31px;
height: 56px;
margin-left: 30px;
}
.join-li a {
color: #fff;
}
.jo-bar {
width: 40%;
height: 133px;
border: solid 11px #fff;
margin: 0 auto;
}
.jo-bar h3 {
text-align: center;
font-size: 30px;
color: #fff;
letter-spacing: 12px;
white-space: nowrap;
}
.jo-bar i {
display: block;
width: 97px;
height: 0;
border-bottom: solid 1px #fff;
margin: 0 auto;
}
.jo-bar p {
font-size: 56px;
color: #fff;
text-align: center;
}
/*涓夊ぇ绫?/
.three-class {
background: #f8f9f9;
}
.three-box {
overflow: hidden;
padding: 60px 0 60px 0;
clear: both;
}
.three-l {
width: 11%;
float: left;
}
.three-l a {
display: block;
margin-bottom: 40px;
}
.thress-c {
width: 27.3%;
float: left;
margin-left: 10%;
margin-top: 1%;
}
.thress-c ul li {
line-height: 35px;
color: #7d7d7d;
}
.thress-c ul li a {
color: #7d7d7d;
}
.thress-c p {
margin-top: 40px;
font-size: 16px;
}
.thress-c p img {
width: 5px;
height: 9px;
vertical-align: 1px;
margin-right: 5px;
}
.thress-c p a {
color: #000;
}
.thress-r {
float: right;
width: 43.4%;
}
.back-hover img {
transition: All 0.4s ease-in-out;
}
.back-hover img:hover {
transform: scale(1.05);
}
.thress-rli {
overflow: hidden;
margin-top: 30px;
width: 86%
}
.thress-rli {
+margin-bottom: 20px
}
.thress-rli ul li {
float: left;
padding-right: 20px;
border-right: solid 1px #b8b8b8;
margin: 0 20px 20px 0;
}
.thress-rli ul li.wapr2_p {
border-right: none;
}
.thress-rlr ul li.wapr2_p {
border-right: none;
}
.thress-rli ul li a {
color: #7d7d7d;
}
.thress-rli ul li a:hover {
color: #106fb8;
}
.thress-rlr {
overflow: hidden;
margin-top: 30px;
width: 100%
}
.thress-rlr ul li {
float: left;
padding-right: 15px;
border-right: solid 1px #b8b8b8;
margin: 0 15px 15px 0;
}
.thress-rlr ul li a {
color: #7d7d7d;
}
.thress-rlr ul li a:hover {
color: #106fb8;
}
/*foot*/
.footer {
padding: 25px 0 3px;
color: #fff;
background: #3E3E3E;
}
.footer .ll {
float: left;
width: 50%;
font-size: 12px;
}
.footer .rr {
float: right;
font-size: 16px;
width: 50%;
text-align: right;
}
.footer .rr p img {
vertical-align: 1px;
margin-right: 10px;
}
.footer .rr p a {
color: #fff;
}
.footer .ll span {
display: block;
margin-bottom: 10px;
}
.footer .ll span a {
margin: 0 16px;
color: #fff;
}
.footer .ll span a:first-child {
margin-left: 0;
}
.footer .ll p a {
color: #fff;
}
.footer .ll p em {
margin: 0 15px;
}
.child-box {
padding: 50px 0 50px 0;
overflow: hidden;
z-index: 9999;
}
.child-left {
width: 27%;
float: left;
margin-left: 6%;
border-right: dotted 1px #c2c7cb;
}
/*淇敼杩?/
.child-left ul li {
width: 86%;
float: left;
font-size: 18px;
line-height: 36px;
}
.child-left li a {
color: #333!important;
}
.child-left li a:hover {
color: #333;
font-weight: bold;
border: none!important;
}
.child-left li.child-left-A a {
font-weight: bold;
border: none!important;
color: #333;
}
.child-center {
width: 52%;
float: left;
}
.child-center ul.child-center-nav {
width: 40%;
border-right: dotted 1px #c2c7cb;
overflow: hidden;
float: left;
}
.child-center ul li {
width: 100%;
float: left;
font-size: 14px;
line-height: 36px;
}
.child-center li a {
color: #333!important;
}
.child-center li a:hover {
color: #0054b3!important;
font-weight: bold;
border: none!important;
}
.child-center li.child-centerA a {
color: #0054b3!important;
font-weight: bold;
border: none!important;
}
.child-center-text {
display: none;
}
.child-center-navT {
width: 37%;
float: right;
}
.child-center-navT li {
width: 100%;
float: left;
font-size: 14px;
line-height: 36px;
display: none;
}
.child-center-navT li a {
color: #333!important;
}
.child-center-navT li a:hover {
color: #0054b3;
border: none!important;
}
.child-center-nav li a {
padding: 0!important;
}
.child-left ul li a {
padding: 0!important;
}
/*鍒嗛〉*/
.page {
text-align: center;
margin: 50px 0px;
}
.page input {
vertical-align: middle;
}
.page span {
display: inline-block;
margin: 0px 10px 0;
font-size: 18px;
vertical-align: middle;
}
.page a {
vertical-align: middle;
display: inline-block;
height: 37px;
line-height: 37px;
width: 37px;
margin: 0 5px;
text-align: center;
color: #000;
font-size: 14px;
border: solid 1px #575757;
border-radius: 50px;
}
.page a.on, .page a:hover {
color: #000;
border-color: #ed037e;
border: solid 1px #4a88dd;
}
.page a.prev {
width: 37px;
margin: 0;
margin-right: 20px;
}
.page a.prev1 {
width: 37px;
margin: 0;
margin-right: 20px;
}
.page a.next {
width: 37px;
margin: 0;
margin: 0 20px 0 20px;
}
.page a.next1 {
width: 37px;
margin: 0;
}
.page .txtnum {
width: 37px;
margin: 0;
background: #fff;
vertical-align: middle;
height: 26px;
border: 1px solid #ccc;
display: none;
}
.page .txtnum input {
width: 100%;
text-align: center;
font-size: 14px;
color: #333;
border: 0px solid #ccc;
font-family: "Microsoft Yahei" !important;
}
.page a.go {
background: #333;
margin: 0px;
padding: 0px;
width: 28px;
height: 28px;
line-height: 27px;
margin-left: -7px;
display: inline-block;
color: #FFFFFF;
font-size: 14px;
}
.page .phone {
display: none;
}
.page .phone select {
width: 100px;
border: 1px solid #ddd;
height: 30px;
line-height: 30px;
border-radius: 5px;
text-align: center;
}
.page .phone a {
padding: 0;
vertical-align: middle;
border-radius: 100%;
border: 1px solid #ddd;
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
color: #000;
}
.page .phone a.on, .page .phone a:hover {
background: #333;
color: #fff;
border-color: #333;
}
.page .phone a.prev {
background: url(../images/page_05.png) center center no-repeat;
margin: 0px 10px 0px 0px;
}
.page .phone a.next {
background: url(../images/page_03.png) center center no-repeat;
margin: 0px 20px 0px 10px;
}
@media only screen and (max-width: 1599px) {
.qita .bx-wrapper .bx-controls-direction .bx-prev, .fuwu .bx-wrapper .bx-controls-direction .bx-prev {
left: -60px;
}
.qita .bx-wrapper .bx-controls-direction .bx-next, .fuwu .bx-wrapper .bx-controls-direction .bx-next {
right: -60px;
}
}
@media only screen and (max-width: 1439px) {
.qita .bx-wrapper .bx-controls-direction .bx-prev, .fuwu .bx-wrapper .bx-controls-direction .bx-prev {
left: -40px;
}
.qita .bx-wrapper .bx-controls-direction .bx-next, .fuwu .bx-wrapper .bx-controls-direction .bx-next {
right: -40px;
}
.qita .bx-wrapper .bx-controls-direction a, .fuwu .bx-wrapper .bx-controls-direction a {
width: 26px;
height: 52px;
margin-top: -26px;
}
}
@media only screen and (max-width: 1365px) {
.ban-box {
top: 10%;
}
.qita .bx-wrapper .bx-controls-direction .bx-prev {
left: 0px;
}
.qita .bx-wrapper .bx-controls-direction .bx-next {
right: 0px;
}
.fuwu .bx-wrapper .bx-controls-direction .bx-prev {
left: 10px;
}
.fuwu .bx-wrapper .bx-controls-direction .bx-next {
right: 10px;
}
}
@media only screen and (max-width: 1279px) {
.ban-box {
left: 3%;
padding: 30px 20px 10px;
}
.ban-box h5 br {
display: none;
}
.news-part .rr li {
margin-bottom: 0;
}
.wei-bo {
float: left;
}
#xmn_pc {
display: none;
}
}
@media only screen and (max-width: 767px) {
.page .phone {
display: block;
}
.page .pc {
display: none;
}
.page .txtnum {
display: block;
}
.ban-box {
right: 3%;
}
}
@media only screen and (max-width: 1208px) {
.head-2 nav {
margin-left: 6%;
}
.technology-bar {
width: 95%;
}
.jo-bar p {
font-size: 49px;
}
}
@media only screen and (max-width: 1140px) {
.head-2 nav {
margin-left: 2%;
}
.technology-bar {
width: 95%;
}
}
@media only screen and (max-width: 1279px) {
.warp1 {
width: 94%;
}
/*.top-service a{color:#fff;}
.top-service img{display:none;}
.top-service{font-size:12px;text-align: center;color:#fff; overflow: hidden; line-height: 34px;}
.top-service span{margin-left:5px;color:#fff; margin-right: 0;}
.top-service a{ margin: 0}*/
.child-left {
margin-left: 0;
width: 100%;
border: 0;
}
.child-left ul li {
font-size: 14px;
width: 100%;
}
.child-left ul li a {
padding: 0 20px!important;
}
.head-2 nav li.on>a, .head-2 nav li:hover>a {
color: #fff;
}
.head-2 nav li a:hover {
border-bottom: 0;
}
.child-box {
padding: 0;
}
.wrap {
margin: 0 10px;
}
.head-2 {
padding: 10px 0;
height: 66px;
}
/*.head-2 .logo img { width: 120px; }*/
.header {
position: fixed;
top: 0px;
left: 0;
width: 100%;
background: #fff;
box-shadow: 0 0 5px #999;
}
.main {
padding-top: 70px;
}
.overH {
overflow: hidden;
}
.head-2 .wrap {
position: relative;
}
.menu_h {
display: block;
background: none;
transition: 0.3s all;
-webkit-transition: 0.3s all;
border: none;
width: 30px;
height: 30px;
padding: 0;
outline: none;
position: absolute;
right: 10px;
top: 50%;
margin-top: -15px;
z-index: 2000;
}
.menu_h::before, .menu_h::after, .menu_h span {
background: #106fb8;
border-radius: 2px;
}
.menu_h::before, .menu_h::after {
content: '';
position: absolute;
height: 5px;
width: 100%;
left: 0;
top: 50%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: -webkit-transform 0.25s;
transition: transform 0.25s;
}
.menu_h span {
position: absolute;
width: 100%;
height: 5px;
left: 0;
overflow: hidden;
text-indent: 200%;
-webkit-transition: opacity 0.25s;
transition: opacity 0.25s;
}
.menu_h::before {
-webkit-transform: translate3d(0, -12px, 0);
transform: translate3d(0, -12px, 0);
}
.menu_h::after {
-webkit-transform: translate3d(0, 12px, 0);
transform: translate3d(0, 12px, 0);
}
.menu-open .menu_h span {
opacity: 0;
}
.menu-open .menu_h::before {
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
}
.menu-open .menu_h::after {
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
}
.menu-open nav {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.menu-open .body-box {
overflow: hidden;
}
.menu-open .menu_h {
right: 230px;
}
.menu-open .ph-mask {
display: block;
width: 100%;
height: 100%;
background: #000;
opacity: 0.5;
position: fixed;
left: 0;
top: 0;
z-index: 100;
}
.menu-open .head-top, .menu-open .head-2 nav {
transform: translateX(0px);
-webkit-transform: translateX(0px);
}
.head-top {
z-index: 102;
position: fixed;
right: 0;
top: 0;
left: auto;
width: 100%;
overflow: hidden;
}
/*.head-top { z-index: 102; position: fixed; right: 0; top: 0; left: auto; width:100%; overflow: hidden; background: #0497df; transform: translateX(230px); -webkit-transform: translateX(230px); transition: 0.3s all; -webkit-transition: 0.3s all; height: auto; overflow: hidden;}
.head-top .select-box { float: none; background: #fff; border: 1px solid #fff; }
.head-top .top-search { float: none; padding-right: 0;margin-left:8px; }*/
.head-2 nav {
z-index: 101;
margin: 0;
position: fixed;
right: 0;
top: 0;
bottom: 0;
left: auto;
float: none;
width: 213px !important;
background: #0497df;
overflow-y: auto;
transform: translateX(230px);
-webkit-transform: translateX(230px);
transition: 0.3s all;
-webkit-transition: 0.3s all;
overflow: auto;
}
/*.top-search a { position: relative; display: block; color: #fff; text-align: center; z-index:1; }
.top-search .box .inp { width: 100px; }
.top-search .box { width: 100px; float: left; margin-right: 10px; position:relative; z-index:2; margin-right: 0; }*/
.head-2 nav>ul {
padding-bottom: 4em;
background: #fff;
width: 100%;
overflow: hidden;
;
}
.head-2 nav li {
float: none;
margin: 0;
border-bottom: 1px solid #106fb8;
line-height: 44px;
background: #0497df;
}
.head-2 nav li:first-child {
border-top: 0;
}
.head-2 nav li:last-child {
border-bottom: none;
}
.head-2 nav li>a {
color: #fff;
}
.head-2 nav li>a:hover {
background: #0497df;
color: #fff!important;
}
.head-2 nav li .child {
position: relative;
top: 0;
visibility: visible;
padding-left: 0;
display: block !important;
z-index: 99999
}
.head-2 nav li .child .c1 {
transition: none;
-webkit-transition: none;
opacity: 1;
transform: none !important;
-webkit-transform: none !important;
}
.head-2 nav li .child li {
background: #fff;
}
.head-2 nav li .c2 {
display: block;
padding-left: 20px;
}
.head-2 nav li .c2 a {
font-size: 12px;
padding: 2px 14px;
}
.head-2 nav li.last {
display: block;
}
.head-2 .logo {
margin-top: 16px;
margin-bottom: 0;
}
.child-center-navT {
display: none;
}
.child-center-nav {
display: none;
}
.child-center {
display: none;
}
.box-box {
height: 86px;
}
.banner .swiper-pagination {
right: 3%;
}
.info-box h3 {
margin-top: 5px;
}
.footer .ll {
width: calc(100% - 250px);
}
.footer .rr {
width: 250px;
}
}
@media only screen and (max-width: 1023px) {
.head-2 .logo img {
height: auto;
}
.head-2 nav li {
margin-left: 0;
font-size: 16px;
}
.head-2 nav li .child a {
padding: 5px 14px;
font-size: 14px;
}
.footer .rr {
font-size: 14px;
width: 200px;
}
.footer .ll {
width: calc(100% - 210px);
}
.footer .ll p {
width: 120%;
}
.info-box h3 {
margin-top: 10px;
}
}
@media only screen and (max-width: 768px) {
.thress-c {
width: 50%;
}
.thress-r {
width: 96%;
}
/*鏂伴椈涓績*/
.news-box ul li {
width: 100%;
margin-bottom: 3%;
}
/*鏈熷緟鍔犲叆*/
.join-li {
width: 100%;
float: none;
margin-top: 10px;
text-align: center;
}
.join-box {
height: 201px;
margin-top: 20px;
}
.jo-bar {
width: 82%;
height: auto;
margin-top: 20px;
}
.jo-bar h3 {
font-size: 18px;
letter-spacing: 0;
}
.jo-bar p {
font-size: 30px;
}
/*鍏充簬鎴戜滑*/
}
@media only screen and (max-width: 500px) {
.technology-bar {
width: 95%;
margin: 0 auto;
}
.technology-bar h3 {
/*margin-top:8px;*/
}
.technology-bar span {
margin: 10px 0 20px 0;
font-size: 12px;
}
.h4-4l {
margin-top: 3px;
}
.auto-box span {
margin-top: 5px;
}
.auto-box h3 {
font-size: 18px;
}
.news-box ul li {
width: 100%;
margin-bottom: 3%
}
.news-box ul li span {
font-size: 12px;
}
/*footer*/
/*.three-box{padding:0;}
.three-l{width:50%;margin:0 auto;float:none;}
.thress-c{width:94%;margin:0 3% 0 3%;}
.thress-r{width:97%;margin-left:3%;margin-top: 6%;}
.thress-rlr{width: 94%;margin: 0 auto;}
.thress-rlr ul li{font-size:12px;border-right:none;width:48%;line-height: 40px;padding:0;margin:0;}
.thress-rli ul li {padding-right: 12px;border-right:none;margin: 0 14px 19px 0;font-size: 12px;}
.thress-rli {width: 94%;margin: 0 auto;margin-top:4%;}
.fuwu .bx-wrapper .bx-controls-direction .bx-prev{left:14px;}
.fuwu .bx-wrapper .bx-controls-direction .bx-next{right:14px;}*/
}
@media only screen and (max-width: 767px) {
.head-top .inner {
font-size: 12px;
}
a.lang, .top-service {
margin-right: 5px;
}
.head-top .inner .top-search {
display: none;
}
.banner, .banner .swiper-container, .banner .swiper-slide {
height: 300px!important;
}
.banner .swiper-slide {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.banner img {
display: none;
}
.info-box .warp1 .con {
width: calc(100% - 120px);
}
.news-part .img, .news-part .rr {
width: 100%;
}
.news-part .img {
margin-bottom: 20px;
}
.news-part .rr li {
width: 100%;
}
.technology {
padding: 5% 0;
}
.footer .ll, .footer .rr {
width: 100%;
text-align: left;
}
.footer .ll p {
width: 100%;
}
.footer .rr {
margin-top: 10px;
}
.footer .ll span a {
margin: 0 6px;
}
.font-28, .technology-bar h3 {
font-size: 18px
}
.fuwu .bxslider03 li {
font-size: 14px;
}
.bxslider01 .bx-wrapper, .bxslider03 .bx-wrapper {
height: auto;
}
.h4-4 {
margin-top: 5px;
}
}
@media only screen and (max-width: 341px) {
.three-l {
width: 38%;
margin-top: 20px;
}
.thress-rlr ul li {
width: 96%;
}
.thress-rli ul li {
width: 96%;
}
}
.wrap_z .banner_left {
background: url(../images/cursor-left.png) no-repeat;
left: 3%;
top: 50%;
margin-top: -27px;
display: block;
width: 33px;
height: 54px;
position: absolute;
z-index: 10000;
}
.wrap_z .banner_right {
background: url(../images/cursor-right.png) no-repeat;
right: 3%;
top: 50%;
margin-top: -27px;
display: block;
width: 33px;
height: 54px;
position: absolute;
z-index: 10000;
}
.wrap_z .banner video {
width: 100%;
height: 100%;
background: #000;
}
.wrap_z .banner a {
display: block;
width: 33px;
height: 54px;
/*margin-top:40px; */
}
.wrap_z .banner {
position: relative;
overflow: hidden;
max-width: 1900px;
margin: 0 auto;
}
.wrap_z .banner li {
position: absolute;
top: 0;
left: 0;
float: left;
width: 100%;
overflow: hidden;
vertical-align: top;
}
.wrap_z .banner li img {
vertical-align: top;
float: left;
width: 100%;
height: 100%;
}
.wrap_z .banner li:first-child {
position: relative;
z-index: 10;
vertical-align: top;
}
.wrap_z .banner li .txt {
position: absolute;
z-index: 2000;
left: 57%;
right: 5%;
bottom: 38%;
transition: 1s all;
-webkit-.wrap_z transition: 1s all;
transform: translateX(200%);
-webkit-transform: translateX(200%);
opacity: 0;
transition-.wrap_z delay: 0.4s;
-webkit-transition-delay: 0.4s;
}
.wrap_z .banner li.curr .txt {
transform: translateX(0);
-webkit-transform: translateX(0);
opacity: 1;
}
.wrap_z .banner li .txt h2 {
color: #fff;
line-height: 1.2;
text-shadow: 1px 1px 1px #76614D;
}
.wrap_z .banner li .txt h2 i {
padding: 0 10px;
}
.wrap_z .banner li .txt h3 {
color: #fff;
line-height: 1.4;
text-shadow: 1px 1px 1px #76614D;
}
.wrap_z .banner li .txt a.view {
display: block;
margin: 30px 0 0;
border: 1px solid #fff;
text-align: left;
text-indent: 20px;
color: #fff;
width: 128px;
height: 30px;
line-height: 30px;
background: url(../images/view.png) 100px center no-repeat
}
.wrap_z .banner .vbox {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 0;
cursor: pointer;
background: #.wrap_z 000;
}
.wrap_z .banner .vbox video {
width: 100%;
height: 100%;
}
@media only screen and (min-width: 1279px) {
.header {
background: #fff;
}
.head-top {
display: none;
}
#xmn_pc a .soso {
width: 20px;
height: auto;
margin-top: 22px;
margin-bottom: 22px;
}
.xmn_soso {
position: relative;
}
.xmn_soso:hover .soso_box {
top: 100%;
transition: all 0.3s;
}
.soso_box {
width: 233px;
position: absolute;
top: -100%;
left: 50%;
z-index: -1;
padding: 15px;
background: #2260C5;
height: auto;
transform: translateX(-50%);
}
.soso_box input, .soso_box img {
float: left;
}
.soso_box input {
border: none;
height: 30px;
padding: 0 15px;
}
.soso_box img {
width: 20px;
height: 20px;
cursor: pointer;
padding: 2px 15px;
}
.head-2 nav li .child {
top: 64px;
}
}
.xmnGD {
margin-top: 30px;
text-align: center;
font-size: 16px;
}
.xmnGD a {
display: inline-block;
width: 88px;
height: 26px;
background: #4988dd;
text-align: center;
color: #fff!important;
line-height: 26px;
}