@charset "utf-8"; @font-face { font-family: 'BEBAS'; src: url('../fonts/bebas.ttf'); } body{ margin:0px; padding:0px; border:0px; font-family:"思源黑体","Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei"; color:#555555; font-size:14px; width:100%; background:#ffffff; } body.on{ overflow: hidden;} input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } textarea { -webkit-appearance: none; } a{ margin:0px; padding:0px; border:0px; text-decoration:none; color:#555555; font-size:13px;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; -webkit-tap-highlight-color: transparent; outline: none;} a:hover{ text-decoration:none; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} *{ padding:0px; margin:0px; border:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; outline: none;} /* background:rgba(0,0,0,0);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);*/ li{ list-style:none;} .clear:after{content: "";display: block;height: 0;clear: both;visibility: hidden;} .clear{zoom: 1;}/* 触发 hasLayout */ img{ vertical-align: middle;} input:focus{ outline: none;}/*去除按钮选中的高亮标签*/ textarea:focus{ outline: none;}/*去除文本框选中的高亮标签*/ button:focus{ outline: none;}/*去除按钮选中的高亮标签*/ select:focus{ outline: none;}/*去除下拉框选中的高亮标签*/ img{vertical-align: middle;} div,p,table,td,ul,li,span,a,ol,input,label{ padding:0px; margin:0px; border:0px;} input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#999999; font-size:13px;} input::-webkit-input-placeholder{ /* WebKit browsers */ color:#999999; font-size:13px;} input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999999; font-size:13px;} input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:13px;} input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:13px;} textarea::-webkit-input-placeholder{color:#999999; font-size:15px; font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei"} .search input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#89a4d5; font-size:13px;} .search input::-webkit-input-placeholder{ /* WebKit browsers */ color:#89a4d5; font-size:13px;} .search input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#89a4d5; font-size:13px;} .search input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#89a4d5; font-size:13px;} .search input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#89a4d5; font-size:13px;} video::-internal-media-controls-download-button { display:none; } video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); } .mo_down{ height:0px; overflow:hidden} .mo_down.on{ height:auto;} input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; } .fl{ float:left;} .fr{ float:right;} /*渐变从左向右*/ .jianbian2{ height: 200px; background: -webkit-linear-gradient(to right,blue, yellow); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(to right,blue, yellow); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(to right,blue, yellow); /* Firefox 3.6 - 15 */ background: linear-gradient(to right,white, yellow); /* 标准的语法（必须放在最后） */ } /*黑白照片*/ .gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .gray:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray; } /*圆角5px*/ .radius5{ -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; } /*圆角10px*/ .radius10{ -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; } /*图片变大*/ .tra{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; cursor:pointer; } .tra:hover{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); filter: scale(1.15); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; cursor:pointer; } /*透明度50%*/ .opacity5{ filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity:0.5;opacity: 0.5;} .shadow1{ -webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; -moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; -ms-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; -o-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; } .shadow2{transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow2:hover{ -webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px; -moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px; -ms-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px; -o-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px; box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } /*投影*/ .shadow5{ transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow7{ transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow7:hover{ -webkit-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; -moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; -ms-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; -o-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow1_1{ -webkit-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; -moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; -ms-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; -o-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow5:hover{ -webkit-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; -moz-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; -ms-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; -o-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow8{ -webkit-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px; -moz-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px; -ms-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px; -o-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px; box-shadow:rgba(0,0,0,0.05) 5px 5px 5px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .shadow6{ -webkit-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px; -moz-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px; -ms-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px; -o-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px; box-shadow:rgba(0,0,0,0.3) 5px 5px 60px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } /*投影*/ .shadow10{ -webkit-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; -moz-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; -ms-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; -o-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; } /*图片居中*/ .center{ -webkit-align-items: center; display: -webkit-flex; -webkit-justify-content: star; } /*图片居中2*/ .vertical{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-moz-flex; display:-ms-flexbox; display:flex; /* 水平居中*/ -webkit-box-align:center; -moz-box-align:center; -ms-flex-pack:center; /* IE 10 */ -webkit-justify-content:center; -moz-justify-content:center; justify-content:center; /* IE 11+,Firefox 22+,Chrome 29+,Opera 12.1*/ /* 垂直居中 */ -webkit-box-pack:center; -ms-flex-align:center; -moz-box-pack:center; /* IE 10 */ -webkit-align-items:center; -moz-align-items:center; align-items:center; } /*图片翻转*/ .flip{ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.5s ease; -webkit-transform: all 0.5s ease; } .flip:hover{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); transition: all 0.5s ease; -webkit-transform: all 0.5s ease; cursor:pointer; } .noscroll{ overflow: hidden; } .bd_weixin_popup{ width:280px !important; height:345px !important; position:fixed !important; top:30% !important; left:0% !important; right:0% !important; margin:0 auto} .quan{ width: 100%;} .mo_top{ width:100%; display:none; position:fixed; top: 0; z-index: 100;} .mo_top .mot{ width:100%; padding:0 2%; height:50px; background:#fff;box-shadow: 0px 0px 16px rgba(0,0,0,.2); display:flex; align-items:center; justify-content: space-between;} .mo_top .mot .molo{ float:left; display:inline-block; height:30px; margin:10px 0;} .mo_top .mot .molo img{ height:30px;} .mo_top .mot .mot_right{ display:flex; align-items:center;} .mo_top .mot .mot_right dd{ margin-right: 5px; display:flex; align-items:center} .mo_top .mot .mot_right dd a i{ font-size:26px; color:#004a91;} .mo_top .mot .mot_right dd a .fa-search{ font-size:18px;} .mo_top .mot .mot_right dd .mot_right_search{ margin-right:10px;} .mo_top .mot .mot_right dt{ position:relative; width:35px; height:35px;} .mo_top .mot .mot_right dt .cd-nav-trigger{ top:0; right:0;} .search{ position:fixed; width:100%; height:100%; left:0; top: 0; right:0; background:rgba(0,0,0,.5); display:flex; align-items:center; justify-content:center; z-index:50; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); filter: scale(0); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .search.on{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .search .search_content{ width:92%;} .search .search_content .search_content_top{ position:relative; } .search .search_content .search_content_top .search_close{ position:absolute; right:0; top:-50px; color:#fff; font-size:30px;} .search .search_content .search_content_bottom{ } .search .search_content input[type="text"]{ width:100%; background:#fff; height:50px; font-size:16px; color:#333; padding:0px 20px;border-radius:0px;} .search .search_content input[type="submit"]{ width:30%; background:#004a91; height:40px; font-size:16px; color:#fff; cursor:pointer; border-radius:0px; margin:0 auto; display:block; margin-top:20px;} .banner{ height: 530px; overflow: hidden; position: relative;} .banner .slider .item{ display:inline-block; position: relative;} .banner .slick-dots li button:before{ display:none;} .banner .slick-dots li.slick-active button{ background:#fff; transition:all ease 0.5s;} .banner .slick-dots li.slick-active{ width:26px; transition:all ease 0.5s;} .banner .slick-dots li{ width:10px; height:10px; margin: 0px 5px; border-radius: 100px; overflow: hidden; transition:all ease 0.5s;} .banner .slick-dots li button{ width:100%; background:rgba(255,255,255,.4); padding:0px; height:100%; transition:all ease 0.5s;} .banner .slick-dots{ bottom:11%;} .banner .banner_content .banner_content_list{ outline: none;} .banner .banner_content .banner_content_list .content_list_img img{ width: 100%; height: 530px; object-fit: cover;} .banner .slick-prev,.banner .slick-next{ width: 40px; height: 40px; background: rgba(255,255,255,.2); border-radius: 100%; transition:all ease 0.3s;} .banner .slick-prev:hover,.banner .slick-next:hover{ background: #fff; transition:all ease 0.3s;} .banner .slick-prev:hover::before,.banner .slick-next:hover::before{ color: #004a91; transition:all ease 0.3s;} .banner .slick-prev::before,.banner .slick-next::before{ color: #fff; font-size: 20px; transition:all ease 0.3s;} .banner .slick-prev{ left: 8%;} .banner .slick-next{ right: 8%;} .pc_all .pc_all_content{ max-width: 1400px; margin: 0 auto;} .PcTop{ width: 100%; background: #004a91;} .PcTop .pc_all_content{ display: flex; justify-content: space-between; align-items: center; height: 82px;} .PcTop .pc_all_content .PcTop_right .PcTop_right_search{ display: flex; align-items: center; border-radius: 100px; overflow: hidden; border: 1px solid rgba(255,255,255,.6);} .PcTop .pc_all_content .PcTop_right .PcTop_right_search input{ height: 48px;} .PcTop .pc_all_content .PcTop_right .PcTop_right_search input[type="text"]{ width: 550px; background: none; padding: 0px 22px; font-size: 16px; color: #fff;} .PcTop .pc_all_content .PcTop_right .PcTop_right_search input[type="submit"]{ width: 124px; font-size: 16px; color: #004a91; background: #ffffff url(../images/bn4.png) no-repeat 25px 50%; padding-left: 53px; text-align: left; cursor: pointer;} .PcTop .pc_all_content .PcTop_right{ display: flex; align-items: center;} .PcTop .pc_all_content .PcTop_right .PcTop_right_search input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:rgba(255,255,255,.6); font-size:14px;} .PcTop .pc_all_content .PcTop_right .PcTop_right_search input::-webkit-input-placeholder{ /* WebKit browsers */ color:rgba(255,255,255,.6); font-size:14px;} .PcTop .pc_all_content .PcTop_right .PcTop_right_search input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:rgba(255,255,255,.6); font-size:14px;} .PcTop .pc_all_content .PcTop_right .PcTop_right_search input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:rgba(255,255,255,.6); font-size:14px;} .PcTop .pc_all_content .PcTop_right .PcTop_right_search input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:rgba(255,255,255,.6); font-size:14px;} .PcTop .pc_all_content .PcTop_right .PcTop_right_right{ font-size: 13px; color: #fff; display: flex; align-items: center; margin-left: 22px;} .PcTop .pc_all_content .PcTop_right .PcTop_right_right a{ font-size: 13px; color: #fff; margin-right: 20px; position: relative; display: flex; align-items: center;} .PcTop .pc_all_content .PcTop_right .PcTop_right_right a:before{ content: ""; position: absolute; display: inline-block; width: 1px; height: 12px; background: #fff; right: -10px;} .PcTop .pc_all_content .PcTop_right .PcTop_right_right a:last-child::before{ display: none;} .PcTop .pc_all_content .PcTop_right .PcTop_right_right a:last-child{ margin-right: 0px;} .PcNav{ background: #fff; box-shadow: 0px 5px 12px rgba(0,0,0,.08); position: relative; z-index: 30;} .PcNav .pc_all_content{ height: 52px; display: flex; align-items: center; justify-content: space-between; position:relative;} .PcNav .pc_all_content .PcNav_left{ display: flex; align-items: center;} .PcNav .pc_all_content .PcNav_left .left_list_title{ font-size: 16px; color: #004a91;display: flex; align-items: center; position: relative; height:52px;} .PcNav .pc_all_content .PcNav_left .left_list_title::before{ content: ""; position: absolute; display: inline-block; width: 0%; height: 2px; background: #004a91; bottom: 0px; left: 0; right: 0; margin: 0 auto; transition:all ease 0.3s;} .PcNav .pc_all_content .PcNav_left .left_list_title:hover::before{ width: 100%; transition:all ease 0.3s;} .PcNav .pc_all_content .PcNav_left .left_list_title.on::before{ width: 100%; transition:all ease 0.3s;} .PcNav .pc_all_content .PcNav_left .left_list_title img{ margin-right: 5px;} .PcNav .pc_all_content .PcNav_left .PcNav_left_list{ margin-right: 150px; } .PcNav .pc_all_content .PcNav_left .PcNav_left_list:last-child{ margin-right: 0px;} .PcNav .pc_all_content .PcNav_left .PcNav_left_list .left_list_down{ width:1400px; position:absolute; left:0; top:100%; background:#fff; overflow:hidden; height:0px; padding:0px; overflow:hidden; transition:all ease 0.6s; border-top:0px solid #dcdcdc;} .PcNav .pc_all_content .PcNav_left .PcNav_left_list .left_list_down:before{ content:""; display:inline-block; width:50%; height:100%; background:#fff; left:0; top:0; position:absolute; display:none;} .PcNav .pc_all_content .PcNav_left .PcNav_left_list .left_list_down .list_down_li{ float:left; margin-right:95px; position:relative;} .PcNav .pc_all_content .PcNav_left .PcNav_left_list .left_list_down .list_down_li:before{ content:""; position:absolute; right:-50px; height:100%; width:1px; background:#dcdcdc;} .PcNav .pc_all_content .PcNav_left .PcNav_left_list .left_list_down .list_down_li:last-child:before{ display:none;} .PcNav .pc_all_content .PcNav_left .PcNav_left_list .left_list_down .list_down_li:last-child{ margin-right:0px;} .PcNav .pc_all_content .PcNav_left .PcNav_left_list .left_list_down .list_down_li .down_li_dd{ margin-bottom:20px;} .PcNav .pc_all_content .PcNav_left .PcNav_left_list .left_list_down .list_down_li .down_li_dd a{ font-weight:bolder; font-size:18px; color:#333;} .PcNav .pc_all_content .PcNav_left .PcNav_left_list .left_list_down .list_down_li .down_li_dt{ position:relative;} .PcNav .pc_all_content .PcNav_left .PcNav_left_list .left_list_down .list_down_li .down_li_dt p{ margin-bottom:15px;} .PcNav .pc_all_content .PcNav_left .PcNav_left_list .left_list_down .list_down_li .down_li_dt .w50 p{ float:left; width:50%;} .PcNav .pc_all_content .PcNav_left .PcNav_left_list .left_list_down .list_down_li .down_li_dt p:last-child{ margin-bottom:0px;} .PcNav .pc_all_content .PcNav_left .PcNav_left_list .left_list_down .list_down_li .down_li_dt p a{ font-size:16px; color:#666;} .PcNav .pc_all_content .PcNav_left .PcNav_left_list .left_list_down .list_down_li .down_li_dt p a:hover{ color:#004a91;} .PcNav .pc_all_content .PcNav_left .PcNav_left_list .left_list_down .list_down_li .down_li_dt .li_dt_l .dt_l_title a:hover{ color:#004a91;} .PcNav .pc_all_content .PcNav_left .PcNav_left_list .left_list_down .list_down_li .down_li_dt .li_dt_l{ margin-bottom:25px; position:relative; width:335px;} .PcNav .pc_all_content .PcNav_left .PcNav_left_list .left_list_down .list_down_li .down_li_dt .li_dt_l .dt_l_title a{ font-size:16px; color:#333;} .PcNav .pc_all_content .PcNav_left .PcNav_left_list .left_list_down .list_down_li .down_li_dt .li_dt_l .dt_l_down{ position:absolute; right:0px; top:0; display:none; width:165px; z-index:20;} .PcNav .pc_all_content .PcNav_left .PcNav_left_list .left_list_down .list_down_li .down_li_dt .li_dt_l:hover .dt_l_down{ display:block;} .PcNav .pc_all_content .PcNav_left .PcNav_left_list .left_list_down .list_down_li .down_li_dt .li_dt_l .dt_l_down p a{ font-size:14px; color:#666;} .PcNav .pc_all_content .PcNav_left .PcNav_left_list .left_list_down .list_down_li .down_li_dt .li_dt_l .dt_l_down p a:hover{ color:#004a91;} .PcNav .pc_all_content .PcNav_left .PcNav_left_list:nth-child(2) .left_list_down{ background: url(../images/p_d1.jpg) no-repeat 50%/cover;} .PcNav .pc_all_content .PcNav_left .PcNav_left_list:nth-child(3) .left_list_down{ background: url(../images/p_d2.jpg) no-repeat 50%/cover;} .PcNav .pc_all_content .PcNav_left .PcNav_left_list:nth-child(4) .left_list_down{ background: url(../images/p_d3.jpg) no-repeat 50%/cover;} .PcNav .pc_all_content .PcNav_left .PcNav_left_list:nth-child(5) .left_list_down{ background: url(../images/p_d4.jpg) no-repeat 50%/cover;} .PcNav .pc_all_content .PcNav_left .PcNav_left_list:hover .left_list_down{ height:300px; padding:45px; transition:all ease 0.6s; border-top:1px solid #dcdcdc;} .PcNav .pc_all_content .PcNav_right{ display: flex; align-items: center;} .PcNav .pc_all_content .PcNav_right .PcNav_right_list{ margin-right: 33px; position: relative; color:#23418D; font-size:16px} .PcNav .pc_all_content .PcNav_right .PcNav_right_list .right_list_title{ display: flex; align-items: center; font-size: 14px;} .PcNav .pc_all_content .PcNav_right .PcNav_right_list .right_list_title i{ font-size: 22px; color: #424d57; margin-right: 5px; position: relative; } .PcNav .pc_all_content .PcNav_right .PcNav_right_list .right_list_title span{ margin-left: 10px; font-size: 14px; color: #424d57; } .PcNav .pc_all_content .PcNav_right .PcNav_right_list .right_list_down{ position: absolute; box-shadow: 0px 0px 25px rgba(0,0,0,.2); display: none;} .PcNav .pc_all_content .PcNav_right .PcNav_right_list:hover .right_list_down{ display: block;} .PcNav .pc_all_content .PcNav_right .PcNav_right_list .right_list_down a{ display: inline-block; width: 100%; font-size: 14px; color: #333; background: #fff; text-align: center; line-height: 33px;} .PcNav .pc_all_content .PcNav_right .PcNav_right_list .right_list_down a:hover{ background: #004a91; color: #fff;} .PcNav .pc_all_content .PcNav_right .PcNav_right_list:nth-child(2) .right_list_title i{ font-size: 20px; color: #424d57;} .PcNav .pc_all_content .PcNav_right .PcNav_right_Language{ display: flex; align-items: center;} .PcNav .pc_all_content .PcNav_right .PcNav_right_Language a{ color: #424d57; font-size: 14px; display: flex;; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 100%;} .PcNav .pc_all_content .PcNav_right .PcNav_right_Language a i{ font-style: inherit; position: relative; top: -1px;} .PcNav .pc_all_content .PcNav_right .PcNav_right_Language span{ font-size: 12px; color: #424d57; opacity: .5; margin: 0px 5px;} .PcNav .pc_all_content .PcNav_right .PcNav_right_Language a.on{ background: #424d57; color: #fff;} .announcement{ background: rgba(0,74,145,.65); position: relative; top: -48px; margin-bottom: -48px; overflow: hidden;} .announcement .pc_all_content{ display: flex; align-items: center; justify-content: space-between; height: 48px;} .announcement .announcement_left{ font-size: 14px; color: #fff; width:70%; line-height:25px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .announcement .announcement_left i{ font-size: 22px; margin-right: 12px; position:relative; top:3px;} .announcement .announcement_right{ font-size: 14px; color: #fff; display: flex; align-items: center;} .announcement .announcement_right i{ font-size: 22px; margin-right: 5px;} .HApplication{ background: url(../images/bg1.jpg) no-repeat 50%/cover; padding: 55px 0px;} .HApplication .HApplication_title{ font-size: 26px; color: #06121e; position: relative; padding-bottom: 20px;} .HApplication .HApplication_title:before{ content: ""; position: absolute; display: inline-block; width: 92px; height: 2px; background: #004a91; bottom: 0;} .HApplication .HApplication_content .HApplication_content_list{ margin-top: 40px; display: inline-block; width: 32%; margin-right: 2%; position: relative;transition: all 0.5s ease; -webkit-transform: all 0.5s ease; } .HApplication .HApplication_content .HApplication_content_list:nth-child(3n){ margin-right: 0px;} .HApplication .HApplication_content .HApplication_content_list .content_list_img img{ width: 100%; height: 280px; object-fit: cover;} .HApplication .HApplication_content .HApplication_content_list .content_list_txt{ background: #fff; padding: 20px;} .HApplication .HApplication_content .HApplication_content_list .content_list_txt .list_txt_dd{ font-size: 18px; color: #222e39; margin-bottom: 10px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .HApplication .HApplication_content .HApplication_content_list .content_list_txt .list_txt_p{ font-size: 14px; color: #424d57; line-height: 24px; margin-bottom: 15px; display: -webkit-box; height: 48px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .HApplication .HApplication_content .HApplication_content_list .list_txt_more{ display: flex; align-items: center; justify-content: space-between; font-size: 14px; color: #222e39;} .HApplication .HApplication_content .HApplication_content_list .list_txt_more i{ font-size: 24px;} .HApplication .HApplication_content .content_list_hover{ position: absolute; bottom: 0; left: 0; width: 100%;height: 100%; border: 3px solid #004a91; display: flex; flex-direction: column; align-content: flex-end; justify-content: flex-end; height: 100%;transition: all 0.5s ease; -webkit-transform: all 0.5s ease; opacity: 0; display:none;} .HApplication .HApplication_content .content_list_hover .list_hover_top{ background: none;} .HApplication .HApplication_content .content_list_hover .list_hover_bottom{ background: #004a91; padding: 20px; display: flex; flex-direction: column; align-content: flex-end; justify-content: flex-end;} .HApplication .HApplication_content .content_list_hover .list_hover_bottom .list_hover_title{ font-size: 26px; color: #fff; margin-bottom: 24px;} .HApplication .HApplication_content .content_list_hover .list_hover_bottom .list_hover_txt a{ font-size: 13px; color: #fff; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;} .HApplication .HApplication_content .content_list_hover .list_hover_bottom .list_hover_txt a:hover{ opacity: .6;} .HApplication .HApplication_content .content_list_hover .list_txt_more{ color: #fff; margin-top: 20px;} .HApplication .HApplication_content .HApplication_content_list:hover{ box-shadow: 0px 10px 23px rgba(0,74,145,.3);transition: all 0.5s ease; -webkit-transform: all 0.5s ease; } .HApplication .HApplication_content .HApplication_content_list:hover .content_list_hover{ transition: all 0.5s ease; -webkit-transform: all 0.5s ease; opacity: 1;} .ab_pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden} .ab_pages ul{display:inline-block;margin:0 auto;padding:0} .ab_pages ul a{color:#555;display:block;float: left;font-size:20px; background-color:#FFFFFF;border-radius: 100px; height:50px; width:50px; line-height:50px; margin-left:5px; margin-right:5px;} .ab_pages ul a.page-num-current{ background:#004A91; color:#FFFFFF;} .ab_pages ul a:hover{ background:#004A91; color:#FFFFFF;} .HProduct{ background: #edf2f8; padding-top: 0px; padding-bottom: 40px;} .HProduct2{ background: #edf2f8 url(../images/bg8.jpg) no-repeat 50%/cover; padding: 0px; position: relative; overflow: hidden;} .HProduct2:before{ content: ""; display: inline-block; width: 40%; background: url(../images/bg9.jpg) no-repeat 50%/cover; height: 100%; position: absolute; left: 0; top: 0;} .HProduct2 .pc_all_content{ display: flex; align-items: center; justify-content: space-between;} .HProduct2 .HProduct2_left{ width: 36%; padding-right: 45px; position: relative; z-index: 1;} .HProduct2 .HProduct2_left .HProduct2_left_list{ display: flex; align-items: center; justify-content: space-between; height: 100px; border-bottom: 1px solid rgba(255,255,255,.5); position: relative;} .HProduct2 .HProduct2_left .HProduct2_left_list:last-child{ border-bottom:0px;} .HProduct2 .HProduct2_left .HProduct2_left_list:before{ opacity: 0; transition: all 0.5s ease; -webkit-transform: all 0.5s ease; content: ""; width:0; height:0; border-top:10px solid transparent; border-bottom:12px solid transparent; border-left:10px solid #3c83c5; position: absolute; right: -60px; } .HProduct2 .HProduct2_left .HProduct2_left_list.on:before{ opacity: 1; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;} .HProduct2 .HProduct2_left .HProduct2_left_list .left_list_icon{ display: flex; align-items: center;} .HProduct2 .HProduct2_left .HProduct2_left_list .left_list_icon dd{ width:25px;} .HProduct2 .HProduct2_left .HProduct2_left_list .left_list_icon dd img{ max-width:25px;} .HProduct2 .HProduct2_left .HProduct2_left_list .left_list_icon dt{ font-size: 16px; color: #fff; margin-left: 15px;} .HProduct2 .HProduct2_left .HProduct2_left_list .left_list_icon dt p:last-child{ font-size: 13px; color: #fff; opacity: .4; text-transform: uppercase; margin-top: 5px;} .HProduct2 .HProduct2_left .HProduct2_left_list .left_list_more{ width: 20px; height: 20px; border: 1px solid #fff; border-radius: 100%; font-size: 15px; color: #fff; display: flex; align-items: center; justify-content: center;} .HProduct2 .HProduct2_right{ position: relative; width: 58%;} .HProduct2 .HProduct2_right .HProduct2_right_q{ opacity: 0; height: 0px;transition: all 0.5s ease; -webkit-transform: all 0.5s ease;} .HProduct2 .HProduct2_right .HProduct2_right_q.on{ opacity: 1; height: 420px;transition: all 0.5s ease; -webkit-transform: all 0.5s ease;} .HProduct2 .HProduct2_right .HProduct2_right_list{ background: rgba(255,255,255,.6); padding: 60px; padding-top: 30px;} .HProduct2 .HProduct2_right .HProduct2_right_list .right_list_title{ display: flex; height: 56px; align-items: center; border-bottom: 1px solid #8c9198; padding: 0px 20px;} .HProduct2 .HProduct2_right .HProduct2_right_list .right_list_title .list_title_li{ width: 100%; font-size: 16px; color: #222e39; padding:0px 20px;} .HProduct2 .HProduct2_right .HProduct2_right_list .right_list_title .list_title_li:nth-child(1){ width: 75%;} .HProduct2 .HProduct2_right .HProduct2_right_list .right_list_title .list_title_li:nth-child(2){ width: 25%;} .HProduct2 .HProduct2_right .HProduct2_right_list .right_list_content .list_content_li{ display: flex; align-items: center; border-bottom: 1px solid #8c9198; padding: 16px 20px; color: #222e39;} .HProduct2 .HProduct2_right .HProduct2_right_list .right_list_content .list_content_li:hover{ color: #004a91;} .HProduct2 .HProduct2_right .HProduct2_right_list .right_list_content .list_content_li dd{ width: 100%; font-size: 16px; overflow: hidden; padding:0px 20px; text-overflow:ellipsis; white-space: nowrap; } .HProduct2 .HProduct2_right .HProduct2_right_list .right_list_content .list_content_li dd:nth-child(1){ width: 75%;} .HProduct2 .HProduct2_right .HProduct2_right_list .right_list_content .list_content_li dd:nth-child(2){ width: 25%;} .HProduct2 .slick-prev{ left: 45%;} .HProduct2 .slick-next{ right: 45%;} .HProduct2 .slick-prev,.HProduct2 .slick-next{ width: 31px; height: 31px; border-radius: 100%; border: 1px solid #222e39; display: flex; align-items: center; justify-content: center; top: inherit; bottom: 5%; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;} .HProduct2 .slick-prev.slick-disabled,.HProduct2 .slick-next.slick-disabled{ opacity: .25; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;} .HProduct2 .slick-prev.slick-disabled:before,.HProduct2 .slick-next.slick-disabled:before{ opacity: 1; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;} .IFeatures{ padding: 55px 0px;} .IFeatures .pc_all_content{ display: flex; align-items: center; justify-content: space-between;} .IFeatures .IFeatures_list{ display: flex; width: 33.33%; position: relative; padding: 40px;} .IFeatures .IFeatures_list:hover{ box-shadow: 0px 0px 25px rgba(0,0,0,.1); } .IFeatures .IFeatures_list:before{ content: ""; position: absolute; right: 0px; top: 0; width: 1px; height: 100%; background: #dcdcdc;} .IFeatures .IFeatures_list:last-child:before{ display: none;} .IFeatures .IFeatures_list .IFeatures_list_icon img{ max-width:45px;} .IFeatures .IFeatures_list .IFeatures_list_right{ margin-left: 22px;} .IFeatures .IFeatures_list .IFeatures_list_right dd{ font-size: 18px; color: #004a91;} .IFeatures .IFeatures_list .IFeatures_list_right p{ font-size: 14px; color: #424d57; line-height: 25px; margin-top: 15px; margin-bottom: 25px;} .IFeatures .IFeatures_list .IFeatures_list_right dt{ font-size: 13px; color: #222e39;} .IFeatures .IFeatures_list .IFeatures_list_right dt i{ font-weight: bolder; margin-left: 22px;} .footer{ background: #03407b url(../images/bn15.png) no-repeat 50%/cover; padding: 80px 0px; padding-bottom: 50px;} .footer .pc_all_content{ display: flex; justify-content: space-between;} .footer .pc_all_content .footer_left .footer_left_top{ display: flex; margin-bottom: 28px;} .footer .pc_all_content .footer_left .footer_left_top .left_top_logo{ margin-right: 20px;} .footer .pc_all_content .footer_left .footer_left_top .left_top_logo dt{ margin-top: 12px;} .footer .pc_all_content .footer_left .footer_left_top .left_top_logo dt span{ font-size: 14px; color: #fff; opacity: .4; margin: 0px 5px;} .footer .pc_all_content .footer_left .footer_left_top .left_top_logo dt a{ font-size: 14px; color: #fff; opacity: .4;} .footer .pc_all_content .footer_left .footer_left_top .left_top_share{ margin-top: 10px;} .footer .pc_all_content .footer_left .footer_left_top .left_top_share dd{ font-size: 16px; color: #fff; margin-bottom: 12px;} .footer .pc_all_content .footer_left .footer_left_top .left_top_share dt{ display: flex; align-items: center;} .footer .pc_all_content .footer_left .footer_left_top .left_top_share dt a{ display: inline-block; margin-right: 12px; padding-left: 30px; width: 30px; height: 30px;} .footer .pc_all_content .footer_left .footer_left_top .left_top_share dt .bds_tsina{ background: url(../images/bn12.png) no-repeat 50% 50%;} .footer .pc_all_content .footer_left .footer_left_top .left_top_share dt .bds_weixin{ background: url(../images/bn13.png) no-repeat 50% 50%;} .footer .pc_all_content .footer_left .footer_left_top .left_top_share dt .bds_sqq{ background: url(../images/bn14.png) no-repeat 50% 50%;} .footer .pc_all_content .footer_left .footer_left_bottom .left_bottom_phone dd{ font-size: 18px; color: #fff;} .footer .pc_all_content .footer_left .footer_left_bottom .left_bottom_phone dt{ font-size: 36px; color: #fff;} .footer .pc_all_content .footer_left .footer_left_bottom .left_bottom_address{ font-size: 14px; color: #fff; line-height: 26px; margin-top: 5px;} .footer .pc_all_content .footer_right{ display: flex;} .footer .pc_all_content .footer_right .footer_right_nav { display: flex;} .footer .pc_all_content .footer_right .footer_right_nav .right_nav_list{ margin-right: 100px;} .footer .pc_all_content .footer_right .footer_right_nav .right_nav_list:last-child{ margin-right: 50px;} .footer .pc_all_content .footer_right .footer_right_nav .right_nav_list dd{ margin-bottom: 26px;} .footer .pc_all_content .footer_right .footer_right_nav .right_nav_list dd a{ font-size: 18px; color: #fff; font-weight: bolder;} .footer .pc_all_content .footer_right .footer_right_nav .right_nav_list dt p{ margin-bottom: 13px;} .footer .pc_all_content .footer_right .footer_right_nav .right_nav_list dt p a{ font-size: 14px; color: #e9e9e9;} .footer .pc_all_content .footer_right .footer_right_nav .right_nav_list dt p a:hover{ color: rgba(255,255,255,.4);} .footer .pc_all_content .footer_right .footer_right_message{ width: 265px;} .footer .pc_all_content .footer_right .footer_right_message .right_message_title{ font-size: 18px; color: #fff; margin-bottom: 26px; font-weight: bolder;} .footer .pc_all_content .footer_right .footer_right_message .right_message_form input{ width: 100%; height: 34px; display: flex; align-items: center; background: rgba(255,255,255,.3); border-radius: 3px; margin-bottom: 15px; padding: 0px 14px; font-size: 14px; color: #fff;} .footer .pc_all_content .footer_right .footer_right_message .right_message_form input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:rgba(255,255,255,.4); font-size:14px;} .footer .pc_all_content .footer_right .footer_right_message .right_message_form input::-webkit-input-placeholder{ /* WebKit browsers */ color:rgba(255,255,255,.4); font-size:14px;} .footer .pc_all_content .footer_right .footer_right_message .right_message_form input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:rgba(255,255,255,.4); font-size:14px;} .footer .pc_all_content .footer_right .footer_right_message .right_message_form input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:rgba(255,255,255,.4); font-size:14px;} .footer .pc_all_content .footer_right .footer_right_message .right_message_form input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:rgba(255,255,255,.4); font-size:14px;} .footer .pc_all_content .footer_right .footer_right_message .right_message_form textarea{ width: 100%; height: 34px; display: flex; align-items: center; background: rgba(255,255,255,.3); border-radius: 3px; margin-bottom: 15px; padding: 14px; height: 76px; resize: none; font-size: 14px; color: #fff;} .footer .pc_all_content .footer_right .footer_right_message .right_message_form textarea::-webkit-input-placeholder{ /* Mozilla Firefox 19+ */ color:rgba(255,255,255,.4); font-size:14px; font-family: "思源黑体";} .footer .pc_all_content .footer_right .footer_right_message .right_message_form input[type="submit"]{ font-size: 14px; color: #004a91; background: #fff; justify-content: center; cursor: pointer; margin-bottom: 0px;} .Copyright{ background: #03407b;} .Copyright .pc_all_content{ display: flex; align-items: center; justify-content: space-between; height: 58px; font-size: 14px; color: rgba(255,255,255,.4);} .Copyright .pc_all_content a{ font-size: 14px; color: rgba(255,255,255,.4); margin-right: 13px;} .Copyright .pc_all_content a:last-child{ margin-right: 0px;} .Customer{ position: fixed; right: -108px; top: 20%; z-index: 2;transition: all 0.4s ease 0s;} .Customer.active{ right: 0px;transition: all 0.4s ease 0s;z-index: 9999999999;} .Customer .Customer_list{ margin-bottom: 10px; position: relative;display: block;} .Customer .Customer_list .Customer_list_title{ width: 108px; display: flex; align-items: center; flex-direction: column; background: #004a91; color: #fff; height: 82px; border-radius: 10px 0px 0px 10px; justify-content: center; box-shadow: 0px 0px 20px rgba(0,0,0,.2); position: relative; z-index: 1; cursor:pointer;} .Customer .Customer_list .Customer_list_title dd{ margin-bottom: 5px;} .Customer .Customer_list .Customer_list_title dd i{ font-size: 26px;} .Customer .Customer_list .Customer_list_title dt{ text-align:center;} .Customer .Customer_list .Customer_list_down{ position: absolute; top: 0; opacity: 0; transition: all 0.5s ease; -webkit-transform: all 0.5s ease; right: -330px;} .Customer .Customer_list .Customer_list_down .list_down_bg{background: #fff; padding: 0px 30px; border-radius: 10px; box-shadow: 0px 0px 20px rgba(0,0,0,.2); padding-bottom: 30px; position: relative;} .Customer .Customer_list .Customer_list_down .list_down_bg::before{ content: ""; width:0; height:0; border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:7px solid #fff; position: absolute; right: -7px; top: 37px; } .Customer .Customer_list.on .Customer_list_down{ right: 108px; opacity: 1; transition: all 0.5s ease; padding-right: 20px;} .Customer .Customer_list .Customer_list_down .list_down_logo{ padding: 32px 0px; padding-bottom: 20px; display:flex; justify-content:space-between;} .Customer .Customer_list .Customer_list_down .list_down_logo .fa-close{ color:#9999; font-size:22px; cursor:pointer;} .Customer .Customer_list .Customer_list_down .list_down_content{ width: 270px;} .Customer .Customer_list .Customer_list_down .list_down_content p{ border-bottom: 1px solid #dcdcdc; display: flex; height: 54px; align-items: center; color: #424d57;} .Customer .Customer_list .Customer_list_down .list_down_content p i{ color: #004a91; font-size: 20px; margin-right: 7px;} .Customer .Customer_list .Customer_list_down .list_down_form{ margin-top: 23px; position:relative;} .Customer .Customer_list .Customer_list_down .list_down_form .down_form_title{ font-size: 14px; color: #424d57; margin-bottom: 15px;} .Customer .Customer_list .Customer_list_down .list_down_form .down_form_search{ display: flex; align-items: center; height: 42px; background: #f2f2f2;} .Customer .Customer_list .Customer_list_down .list_down_form .divst_down_select{ position:absolute; width:100%; top:100%; height:300px; overflow:auto; background:#fff; border:1px solid #dcdcdc; display:none;} .Customer .Customer_list .Customer_list_down .list_down_form .divst_down_select div{ transition: all 0.5s ease; font-size: 14px; margin: 0; padding: 3px 10px; cursor: pointer; } .Customer .Customer_list .Customer_list_down .list_down_form .divst_down_select div:hover{ background:#004a91; color:#fff; transition: all 0.5s ease;} .Customer .Customer_list .Customer_list_down .list_down_form .down_form_search input[type="search"]{ width: 80%; height: 42px; background: #f2f2f2; padding: 0px 15px; font-size: 14px; color: #333; padding-right: 0px;} .Customer .Customer_list .Customer_list_down .list_down_form .down_form_search input[type="submit"]{ width: 20%; cursor: pointer; height: 42px; background: url(../images/bn16.png) no-repeat 50% 50%;} .Customer .Customer_list .Customer_list_down .SearchResults{ display:block;} .Customer .Customer_list .Customer_list_down .SearchResults .SearchResults_title{ font-size: 12px; color: #939393;padding: 15px 0px; border-bottom: 1px solid #dcdcdc;} .Customer .Customer_list .Customer_list_down .SearchResults .SearchResults_content .SearchResults_content_list{ padding: 15px 0px; border-bottom: 1px solid #dcdcdc; display:inline-block;} .Customer .Customer_list .Customer_list_down .SearchResults .SearchResults_content .SearchResults_content_list dd{ font-size: 14px; color: #222e39; margin-bottom: 12px;} .Customer .Customer_list .Customer_list_down .SearchResults .SearchResults_content .SearchResults_content_list dt{ color: #8c9198; font-size: 12px; line-height: 23px;} .Customer .Customer_hover{position: absolute; top: 3%; left: -40px; width: 40px; height: 40px; background: #004a91; text-align: center; line-height: 45px; border-radius: 5px 0px 0px 5px; cursor: pointer;} .Customer .Customer_hover i{color: #fff; font-size: 20px;} #goToTop{ position: fixed; bottom: 50px; right: 10px; width: 45px; line-height: 45px; border: 1px solid #004a91; background: #fff; border-radius: 5px; display: none; text-align: center;} #goToTop i{ font-size: 24px; color: #004a91; position: relative; top: 2px;} #goToTop:hover{ background: #004a91;} #goToTop:hover i{ color: #fff;} .DBanner{ position: relative;} .DBanner .pc_all_content{ position: absolute; top: 0px; left: 0; margin: 0 auto; right: 0; display: flex; height: 75%; flex-direction: column; justify-content: center;} .DBanner .DBanner_title{ font-size: 24px; color: #fff;} .DBanner .DBanner_txt{ font-size: 15px; color: #fff; line-height: 26px; margin-top: 22px; width: 100%;} .DBanner .DBanner_img img{ width: 100%; height: 346px; object-fit: cover;} .DNav{ margin-top: -61px; position: relative; overflow: hidden; top: -25px;} .DNav .pc_all_content{ display: flex; justify-content: space-between;} .DNav .pc_all_content .DNav_list{ display: flex; align-items: center; justify-content: center; height: 61px; background: rgba(255,255,255,.2); width:50%; font-size: 16px; color: #fff; position: relative;} .DNav .pc_all_content .DNav_list::before{ content: ""; position: absolute; display: inline-block; width: 1px; height: 25px; background: #fff; right: 0;} .DNav .pc_all_content .DNav_list:last-child::before{ display: none;} .DNav .pc_all_content .DNav_list:hover{ background: #004a91;} .DNav .pc_all_content .DNav_list.on{ background: #004a91;} .DNav .pc_all_content .DNav_list.on::before{ opacity: 0;} .DNav.on{ margin-top:0px;} .product{ padding-bottom: 65px; background: #f6f9fb;} .product .product_list{ padding-top: 60px;} .bgfff{ background: #fff;} .product .product_list .product_list_title{ font-size: 22px; color: #06121e; display: flex; align-items: center; margin-bottom: 30px;} .product .product_list .product_list_title::before{ content: ""; display: inline-block; width: 3px; height: 25px; background: #004a91; margin-right: 11px;} .product .product_list .product_list_txt { padding: 45px; box-shadow: 0px 5px 46px rgba(0,33,64,.1); border-radius: 8px;} .product .product_list .product_list_txt .list_txt_top{ display: flex; align-items: center; font-size: 24px; color: #004a91; } .product .product_list .product_list_txt .list_txt_top img{ margin-right: 22px; margin-bottom:22px;} .product .product_list .product_list_txt .list_txt_bottom{ line-height: 28px;} .product .product_list .product_list_txt .list_txt_bottom dd{ font-size: 16px; color: #004a91;} .product .product_list .product_list_txt .list_txt_bottom dt{ font-size: 14px; color: #222e39;} .product .product_list .product_list_tab{ border-radius: 5px; overflow: hidden; box-shadow: 0px 0px 46px rgba(0,33,64,.2); } .product .product_list .product_list_tab .list_tab_title{ display: flex; align-items: center; width: 100%; background: #004a91; align-items: center; height: 52px; padding: 0px 45px;} .product .product_list .product_list_tab .list_tab_title dd{ font-size: 16px; color: #fff; width:16.6%; padding: 0px 10px;} .product .product_list .product_list_tab .list_tab_title dd:last-child{ width: 16.6%; padding: 0px;} .product .product_list .product_list_tab .list_tab_txt .tab_txt_list{ padding: 20px 45px; display: flex; align-items: center; border-bottom: 1px solid #dcdcdc; color: #222e39;font-size: 14px;} .product .product_list .product_list_tab .list_tab_txt .tab_txt_list:hover{ background: #f6f9fb; color: #004a91;} .product .product_list .product_list_tab .list_tab_txt .tab_txt_list:last-child{ border-bottom: 0px;} .product .product_list .product_list_tab .list_tab_txt .tab_txt_list dd{ width: 16.6%; word-wrap:break-word; padding: 0px 10px;} .product .product_list .product_list_tab .list_tab_txt .tab_txt_list dd:last-child{ width: 16.6%; padding: 0px;} .product .product_list .product_list_tab .list_tab_txt .tab_txt_list dd:last-child i{ margin-left: 15px;} .product .product_list2 .product_list2_top .list2_top_title{ font-size: 18px; color: #06121e; padding-bottom: 18px; border-bottom: 2px solid #eaecee; position: relative;} .product .product_list2 .product_list2_top .list2_top_title::before{ content: ""; position: absolute; display: inline-block; width: 112px; height: 2px; background: #004a91; bottom: -2px;} .product .product_list2 .product_list2_top .list2_top_center{ display: flex; align-items: center; padding: 20px 0px;} .product .product_list2 .product_list2_top .list2_top_center .top_center_list{ font-size: 14px; color: #8c9198; display: flex; align-items: center; font-family: "Bebas"; position: relative; margin-right: 60px;} .product .product_list2 .product_list2_top .list2_top_center .top_center_list span{ font-size: 28px; margin:0px 15px; color: #bcc0c3;} .product .product_list2 .product_list2_top .list2_top_center .top_center_list::before{ content: ""; display: inline-block; width: 47px; height: 2px; background: #bcc0c3;} .product .product_list2 .product_list2_top .list2_top_bottom{ font-size: 14px; color: #8c9198; line-height: 28px;} .product .product_list2 .product_list2_img{ display: flex; justify-content: space-between; margin-top: 30px; justify-content:center;} .product .product_list2 .product_list2_img img{ max-width:100%;} .product .product_list2 .product_list2_img .list2_img_list{ width: 32%;} .product .product_list2 .product_list2_img .list2_img_list img{ max-width: 100%;} .product .product_list2 .product_list2_bottom{ overflow: hidden;} .product .product_list2 .product_list2_bottom .list2_bottom_li{ margin-top: 45px; float: left; width: 48%;} .product .product_list2 .product_list2_bottom .list2_bottom_li:nth-child(2n){ float: right; width: 40%;} .product .product_list2 .product_list2_bottom .list2_bottom_li dd{ font-size: 16px; color: #06121e; margin-bottom: 10px;} .product .product_list2 .product_list2_bottom .list2_bottom_li dt{ font-size: 14px; color: #8c9198;} .product .product_list3 .product_list2_img{ margin-bottom: 95px;} .product .product_list3 .product_list2_img img{ max-width: 100%;} .product .product_list3 .product_list_tab{ margin-top: 50px; box-shadow: 0px 0px 0px;} .product .product_list3 .product_list_tab .list_tab_title{ padding-right: 15%;} .product .product_list3 .product_list_tab .list_tab_title dd{ text-align: center; width: 28%;} .product .product_list3 .product_list_tab .list_tab_title dd:first-child{ width: 20%;} .product .product_list3 .product_list_tab .list_tab_txt .tab_txt_list{ height: auto; font-size: 18px; color: #222e39; padding: 16px 65px; border-bottom: 0px; padding-right: 15%;} .product .product_list3 .product_list_tab .list_tab_txt .tab_txt_list img{ max-width: 100%;} .product .product_list3 .product_list_tab .list_tab_txt .tab_txt_list:nth-child(2n){ background: #f6f7f9;} .product .product_list3 .product_list_tab .list_tab_txt .tab_txt_list:hover{ background: #fff;} .product .product_list3 .product_list_tab .list_tab_txt .tab_txt_list:nth-child(2n):hover{ background: #f6f7f9;} .product .product_list3 .product_list_tab .list_tab_txt .tab_txt_list dd:first-child{ text-align: left; width: 20%;} .product .product_list3 .product_list_tab .list_tab_txt .tab_txt_list dd{ width: 28%; text-align: center;} .product .product_list3 .product_list_tab .list_tab_txt .tab_txt_list dd:last-child{ width: 28%;} .product .product_list3 .product_list_tab .list_tab_txt .tab_txt_list2 dd{ width: 20%;} .product .product_list3 .product_list_tab .list_tab_txt .tab_txt_list2 dd:last-child{ width: 80%; text-align: left;} .product .product_list4 .product_list4_list{ border-bottom:2px solid #dcdcdc; padding-bottom:45px; margin-bottom:38px;} .product .product_list4 .product_list4_list:last-child{ margin-bottom:0px; padding-bottom:0px; border-bottom:0px;} .product .product_list4 .product_list_tab .list_tab_title{ padding:0px 45px;} .product .product_list4 .product_list_txt .list_txt_bottom{ margin-top:0px; margin-bottom:30px;} .product .product_list4 .product_list_txt .list_txt_bottom dd{ font-size:24px;} .product .product_list4 .product_list_tab .list_tab_title .tab_title_dd{ padding:0px 10px; text-align:center; font-size:16px; color:#fff;} .product .product_list4 .product_list_tab .list_tab_title .tab_title_dd:nth-child(1){ width:10%;} .product .product_list4 .product_list_tab .list_tab_title .tab_title_dd:nth-child(2){ width:20%;} .product .product_list4 .product_list_tab .list_tab_title .tab_title_dd:nth-child(3){ width:45%; text-align:left;} .product .product_list4 .product_list_tab .list_tab_title .tab_title_dd:nth-child(4){ width:25%;} .product .product_list4 .product_list_tab .list_tab_title .tab_title_dd:nth-child(5){ width:10%;} .product .product_list4 .product_list_tab .list_tab_txt .tab_txt_list .txt_list_dd{ text-align:center; font-size:14px;} .product .product_list4 .product_list_tab .list_tab_txt .tab_txt_list .txt_list_dd:nth-child(1){ width:10%;} .product .product_list4 .product_list_tab .list_tab_txt .tab_txt_list .txt_list_dd:nth-child(2){ width:20%;} .product .product_list4 .product_list_tab .list_tab_txt .tab_txt_list .txt_list_dd:nth-child(3){ width:45%; text-align:left;} .product .product_list4 .product_list_tab .list_tab_txt .tab_txt_list .txt_list_dd:nth-child(4){ width:25%;} .product .product_list4 .product_list_tab .list_tab_txt .tab_txt_list .txt_list_dd:nth-child(5){ width:10%;} .product .product_list4 .product_list4_list2{ border-bottom:0px; margin:35px 0px; padding-bottom:0px;} .product .product_list4 .product_list4_list2 .product_list_tab .list_tab_title .tab_title_dd:nth-child(1){ width:15%;} .product .product_list4 .product_list4_list2 .product_list_tab .list_tab_title .tab_title_dd:nth-child(2){ width:35%; text-align:left;} .product .product_list4 .product_list4_list2 .product_list_tab .list_tab_title .tab_title_dd:nth-child(3){ width:35%;} .product .product_list4 .product_list4_list2 .product_list_tab .list_tab_title .tab_title_dd:nth-child(4){ width:15%;} .product .product_list4 .product_list4_list2 .product_list_tab .list_tab_txt .tab_txt_list .txt_list_dd:nth-child(1){ width:15%;} .product .product_list4 .product_list4_list2 .product_list_tab .list_tab_txt .tab_txt_list .txt_list_dd:nth-child(2){ width:35%; text-align:left;} .product .product_list4 .product_list4_list2 .product_list_tab .list_tab_txt .tab_txt_list .txt_list_dd:nth-child(3){ width:35%;} .product .product_list4 .product_list4_list2 .product_list_tab .list_tab_txt .tab_txt_list .txt_list_dd:nth-child(4){ width:15%;} .DProduct{ padding: 65px 0px; background: #f6f9fb url(../images/bg20.jpg) no-repeat 100% 100%;} .DProduct .pc_all_content{ display: flex; justify-content: space-between;} .DProduct .DProduct_left{ width: 73%; background: #fff; padding: 70px; box-shadow: 0px 5px 46px rgba(0,33,64,.1); border-radius: 8px;} .DProduct .DProduct_left .DProduct_left_title{ font-size: 18px; color: #06121e; padding-bottom: 18px; border-bottom: 2px solid #eaecee; position: relative; display: flex; align-items: center; margin-bottom: 30px; margin-top: 55px;} .DProduct .DProduct_left .DProduct_left_title.f30{ font-size: 22px; margin-bottom: 40px; margin-top: 0px;} .DProduct .DProduct_left .DProduct_left_title::before{ content: ""; position: absolute; display: inline-block; width: 112px; height: 2px; background: #004a91; bottom: -2px;} .DProduct .DProduct_left .DProduct_left_title dd{ width: 80%;} .DProduct .DProduct_left .DProduct_left_title dd p:last-child{ font-size:14px; color:#999; margin-top:5px;} .DProduct .DProduct_left .DProduct_left_title dt{ font-size: 16px; color: #004a91; margin-left: 45px; width: 180px; text-align: right; font-weight:bolder;} .DProduct .DProduct_left .DProduct_left_title dt.f20{ font-size: 20px;} .DProduct .DProduct_left .DProduct_left_content{ position:relative;} .DProduct .DProduct_left .DProduct_left_content .left_content_img{ width: 35%; border: 1px solid #bbc0c7; padding-top: 10px; padding-bottom: 30px;} .DProduct .DProduct_left .DProduct_left_content .left_content_img .content_img_list{ text-align: center; position:relative;} .DProduct .DProduct_left .DProduct_left_content .left_content_img .content_img_list dd{ font-size: 14px; margin-bottom: 10px; color: #06121e;} .DProduct .DProduct_left .DProduct_left_content .left_content_img .content_img_list dt{ height:153px; display:flex; align-items:center; justify-content:center;} .DProduct .DProduct_left .DProduct_left_content .left_content_img .content_img_list dt img{ max-height: 153px;} .DProduct .DProduct_left .DProduct_left_content .img_list_big{ position:absolute; width:300px; left:35%; z-index:5; box-shadow:0px 0px 20px rgba(0,0,0,.2); background:#fff; padding:16px; text-align:center; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); filter: scale(0); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .DProduct .DProduct_left .DProduct_left_content .img_list_big.on{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .DProduct .DProduct_left .DProduct_left_content .img_list_big img{ max-width:100%;} .DProduct .DProduct_left .slick-prev,.DProduct .DProduct_left .slick-next{ width: 25px; height: 25px; border-radius: 100%; background: #fff; box-shadow: 0px 0px 15px rgba(0,0,0,.2); top:40%;} .DProduct .DProduct_left .slick-prev{ left: -25px;} .DProduct .DProduct_left .slick-next{ right: -25px;} .DProduct .DProduct_left .slick-prev::before,.DProduct .DProduct_left .slick-next::before{ color: #333;} .DProduct .DProduct_left .slick-dots{ bottom: 5px;} .DProduct .DProduct_left .slick-dots li{ width: 6px; height: 6px; border: 1px solid #bbc0c7; border-radius: 100%; margin: 0px; margin-right: 4px;} .DProduct .DProduct_left .slick-dots li.slick-active{ border: 1px solid #222e39; background: #222e39;} .DProduct .DProduct_left .slick-dots li:last-child{ margin-right: 0px;} .DProduct .DProduct_left .slick-dots li button{ display: none;} .DProduct .DProduct_left .DProduct_left_content{ display: flex; justify-content: space-between;} .DProduct .DProduct_left .DProduct_left_content .left_content_txt{ width: 62%;} .DProduct .DProduct_left .DProduct_left_content .left_content_txt .content_txt_list{ display: flex; align-items: center; margin-bottom: 25px;} .DProduct .DProduct_left .DProduct_left_content .left_content_txt .content_txt_list .txt_list_left{ font-size: 12px; color: #222e39; width: 45px;} .DProduct .DProduct_left .DProduct_left_content .left_content_txt .content_txt_list .txt_list_right{ font-size: 24px; color: #e55857;} .DProduct .DProduct_left .DProduct_left_content .left_content_txt .content_txt_list .txt_list_right span{text-decoration:line-through; font-size: 14px; color: #8c9198; margin-left: 23px;} .DProduct .DProduct_left .DProduct_left_content .left_content_txt .content_txt_list2 .txt_list_right{ width: 80%; overflow: hidden;} .DProduct .DProduct_left .DProduct_left_content .left_content_txt .content_txt_list2 .txt_list_right a{ display: flex; height: 34px; align-items: center; justify-content: center; background: #f2f2f2; margin-right: 14px; font-size: 14x; color: #222e39; border-radius: 5px; float: left; padding: 0px 8px;} .DProduct .DProduct_left .DProduct_left_content .left_content_txt .content_txt_list2 .txt_list_right a:last-child{ margin-right: 0px;} .DProduct .DProduct_left .DProduct_left_content .left_content_txt .content_txt_list2 .txt_list_right a.on{ color: #fff; background: #004a91;} .DProduct .DProduct_left .DProduct_left_content .left_content_txt .content_txt_list2 .txt_list_right a:hover{ color: #004a91; background: #e5edf4;} .DProduct .DProduct_left .DProduct_left_content .left_content_txt .content_txt_list3 .txt_list_right{ display: flex; align-items: center; border: 1px solid #e6e6e6; overflow: hidden; border-radius: 10px;} .DProduct .DProduct_left .DProduct_left_content .left_content_txt .content_txt_list3 .txt_list_right span{ display: flex; width: 44px; height: 32px; align-items: center; justify-content: center; color: #222e39; font-size: 22px; text-decoration: inherit; background: #f2f2f2; margin: 0px; cursor: pointer;} .DProduct .DProduct_left .DProduct_left_content .left_content_txt .content_txt_list3 .txt_list_right input{ display: flex; width: 53px; height: 32px; align-items: center; justify-content: center; text-align: center;} .DProduct .DProduct_left .DProduct_left_content .left_content_txt .content_txt_btn{ display: flex; justify-content: space-between;} .DProduct .DProduct_left .DProduct_left_content .left_content_txt .content_txt_btn a{ display: flex; align-items: center; justify-content: center; width: 48%; height: 46px; border: 1px solid #004a91; font-size: 16px; color: #004a91; border-radius: 5px;} .DProduct .DProduct_left .DProduct_left_content .left_content_txt .content_txt_btn a.on{ background: #004a91; color: #fff;} .DProduct .DProduct_left .DProduct_left_data{ display: flex;} .DProduct .DProduct_left .DProduct_left_data a{ display: flex; align-items: center; font-size: 14px; color: #004a91; margin-right: 55px;} .DProduct .DProduct_left .DProduct_left_data a img{ margin-right: 10px;} .DProduct .DProduct_left .DProduct_left_TParameter .left_TParameter_btn{ display: flex;} .DProduct .DProduct_left .DProduct_left_TParameter .left_TParameter_btn{ border-bottom: 2px solid #eaecee; position: relative; margin-bottom: 30px; display: flex; align-items: center;} .DProduct .DProduct_left .DProduct_left_TParameter .left_TParameter_btn a{ position: relative; padding-bottom: 18px; margin-right: 50px; transition: all 0.5s ease; -webkit-transform: all 0.5s ease; height: 49px; display: flex; align-items: center;font-size: 18px; color: #8c9198;} .DProduct .DProduct_left .DProduct_left_TParameter .left_TParameter_btn a.current{ color: #06121e; font-size: 22px; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;} .DProduct .DProduct_left .DProduct_left_TParameter .left_TParameter_btn a::before{ content: ""; position: absolute; display: inline-block; width: 0%; height: 2px; background: #004a91; bottom: -2px; left: 0; right: 0; margin: 0 auto; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;} .DProduct .DProduct_left .DProduct_left_TParameter .left_TParameter_btn a.current::before{ width: 100%;} .DProduct .DProduct_left .DProduct_left_TParameter .left_TParameter_content{ height:auto !important;} .DProduct .DProduct_left .DProduct_left_tab .left_tab_list{ display: flex; width: 100%; background: #f6f7f9; font-size: 14px; color: #222e39; padding: 13px 40px; justify-content: space-between;} .DProduct .DProduct_left .DProduct_left_tab .left_tab_list a{ font-size: 14px; color: #004a91;} .DProduct .DProduct_left .DProduct_left_tab .left_tab_list:nth-child(2n){ background: #fff;} .DProduct .DProduct_left .DProduct_left_tab .left_tab_list dd{ width: 20%;} .DProduct .DProduct_left .DProduct_left_tab .left_tab_list dt{ width: 75%; line-height: 24px;word-break: break-all;} .DProduct .DProduct_left .DProduct_left_research{ display: flex;} .DProduct .DProduct_left .DProduct_left_research a{ display: flex; padding: 0px 19px; height: 44px; align-items: center; border: 1px solid #bbc0c7; border-radius: 5px; margin-right: 28px; font-size: 16px; color: #222e39;} .DProduct .DProduct_left .DProduct_left_research a:hover{ color: #004a91; background: #e5edf4; border: 1px solid #e5edf4;} .DProduct .DProduct_left .DProduct_left_literature{ line-height: 26px;} .DProduct .DProduct_left .DProduct_left_literature a{ display: inline-block; font-size: 16px; color: #222e39;} .DProduct .DProduct_left .DProduct_left_literature a:hover{ color: #004a91;} .hide{position:absolute;top:-9999px;left:-9999px} .DProduct .DProduct_right{ width: 25%;} .DProduct .DProduct_right .DProduct_right_top{ background: url(../images/bg19.jpg) no-repeat 50%/cover; padding: 0px 28px; padding-top: 40px; padding-bottom: 20px; border-radius: 10px; box-shadow: 0px 0px 20px rgba(0,0,0,.1);} .DProduct .DProduct_right .DProduct_right_top dd{ font-size: 15px; color: #fff;} .DProduct .DProduct_right .DProduct_right_top dt{ font-size: 18px; color: #fff; margin-top: 15px;} .DProduct .DProduct_right .DProduct_right_top a{ display: inline-block; line-height: 30px; align-items: center; font-size: 14px; color: #004a91; background: #fff; padding: 0px 15px; border-radius: 100px; margin-top: 20px;} .DProduct .DProduct_right .DProduct_right_top a img{ margin-right: 8px; position: relative; top: -1px;} .DProduct .DProduct_right .DProduct_right_list{ background: #fff; margin-top: 26px; border-radius: 10px; padding: 25px 20px; box-shadow: 0px 0px 20px rgba(0,0,0,.1);} .DProduct .DProduct_right .DProduct_right_list .right_list_title{ font-size: 18px; color: #06121e; padding-bottom: 15px; border-bottom: 2px solid #eaecee; position: relative; display: flex; align-items: center; margin-bottom: 10px;} .DProduct .DProduct_right .DProduct_right_list .right_list_title::before{ content: ""; position: absolute; display: inline-block; width: 90px; height: 2px; background: #004a91; bottom: -2px;} .DProduct .DProduct_right .DProduct_right_list .right_list_content .list_content_li{ display: flex; align-items: center; justify-content: space-between; height: 58px; font-size: 16px; color: #424d57; border-bottom: 1px solid #dcdcdc;} .DProduct .DProduct_right .DProduct_right_list .right_list_content .list_content_li:hover{ color: #004a91;} .DProduct .DProduct_right .DProduct_right_list .right_list_content .list_content_li dd{ width: 80%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .DProduct .DProduct_right .DProduct_right_contact .right_contact_txt .contact_txt_list{ display: flex; align-items: center; font-size: 14px; color: #424d57; border-bottom: 1px solid #dcdcdc; padding: 19px 0px; justify-content:space-between;} .DProduct .DProduct_right .DProduct_right_contact .right_contact_txt .contact_txt_list dd{ width: 10%;} .DProduct .DProduct_right .DProduct_right_contact .right_contact_txt .contact_txt_list dt{ width:90%;} .DProduct .DProduct_right .DProduct_right_search .right_list_title{ margin-bottom: 20px;} .DProduct .DProduct_right .DProduct_right_search .right_search_form{ display: flex; align-items: center; height: 42px; background: #f2f2f2;} .DProduct .DProduct_right .DProduct_right_search .right_search_form input[type="search"]{ width: 80%; height: 42px; background: #f2f2f2; padding: 0px 15px; font-size: 14px; color: #333; padding-right: 0px;} .DProduct .DProduct_right .DProduct_right_search .right_search_form input[type="submit"]{ width: 20%; cursor: pointer; height: 42px; background: url(../images/bn16.png) no-repeat 50% 50%;} .DProduct .DProduct_left .DProduct_left_FAQs .left_FAQs_list{ margin-bottom: 20px;} .DProduct .DProduct_left .DProduct_left_FAQs .left_FAQs_list:last-child{ margin-bottom: 0px;} .DProduct .DProduct_left .DProduct_left_FAQs .left_FAQs_list .FAQs_list_title{ height: 62px; font-size: 15px; color: #06121e; background: #f6f7f9; border-radius: 5px; padding: 0px 20px; display: flex; align-items: center; justify-content: space-between; position: relative; transition: all 0.5s ease; -webkit-transform: all 0.5s ease; cursor: pointer;} .DProduct .DProduct_left .DProduct_left_FAQs .left_FAQs_list .FAQs_list_title dd{ position: relative; display: flex; align-items: center;} .DProduct .DProduct_left .DProduct_left_FAQs .left_FAQs_list .FAQs_list_title dd span{ width:18px; height:18px; border:1px solid #004a91; font-size:12px; display:flex; align-items:center; justify-content:center; margin-right:10px; border-radius:100%; background:#004a91; color:#fff;} .DProduct .DProduct_left .DProduct_left_FAQs .left_FAQs_list .FAQs_list_title dt{ font-size: 26px; position: relative; width: 50px; height: 100%;} .DProduct .DProduct_left .DProduct_left_FAQs .left_FAQs_list .FAQs_list_title dt span{ position: absolute; left: 0; top: 0; width: 100%; text-align: center; display: flex; align-items: center; height: 100%; justify-content: center;} .DProduct .DProduct_left .DProduct_left_FAQs .left_FAQs_list .FAQs_list_title dt span:last-child{ opacity: 0;} .DProduct .DProduct_left .DProduct_left_FAQs .left_FAQs_list .FAQs_list_title.on{ background: #004a91; color: #fff; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;} .DProduct .DProduct_left .DProduct_left_FAQs .left_FAQs_list .FAQs_list_title.on dd::before{ background: #fff; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;} .DProduct .DProduct_left .DProduct_left_FAQs .left_FAQs_list .FAQs_list_title.on dt{ color: #fff; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;} .DProduct .DProduct_left .DProduct_left_FAQs .left_FAQs_list .FAQs_list_title.on dt span:first-child{ opacity: 0; } .DProduct .DProduct_left .DProduct_left_FAQs .left_FAQs_list .FAQs_list_title.on dt span:last-child{ opacity: 1; } .DProduct .DProduct_left .DProduct_left_FAQs .left_FAQs_list .FAQs_list_txt{ display: none; line-height: 29px; color: #424d57; font-size: 14px; padding: 20px; padding-bottom: 10px;} .DProduct2 .product_list .product_list_tab .list_tab_title dd:nth-child(1){ width: 16.6%; text-align:center;} .DProduct2 .product_list .product_list_tab .list_tab_title dd:nth-child(2){ width: 16.6%; text-align:center} .DProduct2 .product_list .product_list_tab .list_tab_txt .tab_txt_list dd:nth-child(1){ width: 16.6%; text-align:center} .DProduct2 .product_list .product_list_tab .list_tab_txt .tab_txt_list dd:nth-child(2){ width: 16.6%; text-align:center} .MSDS_window{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); display: flex; align-items: center; justify-content: center; z-index: 25; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); filter: scale(0); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .MSDS_window.on{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .MSDS_window .MSDS_window_content{ width: 802px; border-radius: 15px; overflow: hidden;} .MSDS_window .MSDS_window_content .window_content_title{ text-align: center; background: #004a91; padding: 45px 0px; position: relative;} .MSDS_window .MSDS_window_content .window_content_title .MSDS_window_close{ position: absolute; right: 20px; top: 20px; cursor: pointer;} .MSDS_window .MSDS_window_content .window_content_title dd{ display: flex; align-items: center; font-size: 20px; color: #fff; justify-content: center; margin-bottom: 20px;} .MSDS_window .MSDS_window_content .window_content_title dd img{ margin-right: 10px;} .MSDS_window .MSDS_window_content .window_content_title dt{ font-size: 14px; opacity: .5; color: #fff;} .MSDS_window .MSDS_window_content .window_content_form{ background: #fff; padding: 50px;} .MSDS_window .MSDS_window_content .window_content_form input{ width: 100%; height: 65px; border: 1px solid #dcdcdc; display: flex; align-items: center; font-size: 18px; color: #333; padding: 0px 22px; margin-bottom: 25px;} .MSDS_window .MSDS_window_content .window_content_form input[type="submit"]{ background: #004a91; border: 0px; color: #fff; justify-content: center; cursor: pointer; margin-top: 40px;} .MSDS_window .MSDS_window_content .window_content_form input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#999; font-size:18px;} .MSDS_window .MSDS_window_content .window_content_form input::-webkit-input-placeholder{ /* WebKit browsers */ color:#999; font-size:18px;} .MSDS_window .MSDS_window_content .window_content_form input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999; font-size:18px;} .MSDS_window .MSDS_window_content .window_content_form input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; font-size:18px;} .MSDS_window .MSDS_window_content .window_content_form input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; font-size:18px;} .MSDS_window .MSDS_window_content .content_form_radio{ display:flex; align-items:center; font-size:16px; color:#333;} .MSDS_window .MSDS_window_content .content_form_radio label{ margin-left:25px;} .MSDS_window .MSDS_window_content .content_form_radio label:first-child{ margin-left:10px;} .MSDS_window .MSDS_window_content .content_form_radio .form_radio_btn{ font-size:16px; color:#333; display:flex; align-items:center; cursor:pointer; position:relative;} .MSDS_window .MSDS_window_content .content_form_radio .form_radio_btn:before{ content:""; display:inline-block; width:12px; height:12px ; border:1px solid #dcdcdc; margin-right:8px; transition: all 0.5s ease 0s;} .MSDS_window .MSDS_window_content .content_form_radio .form_radio_btn:after{ content:""; width:8px; height:8px; background:#fff; left:3px; position:absolute;} .MSDS_window .MSDS_window_content .content_form_radio input[type=checkbox]:checked ~ .form_radio_btn{ color:#004a91;} .MSDS_window .MSDS_window_content .content_form_radio input[type=checkbox]:checked ~ .form_radio_btn:before{ background:#004a91; border:1px solid #004a91; transition: all 0.5s ease 0s;} .MSDS_window .MSDS_window_content .content_form_radio input[type=checkbox]{display: none;} .HMSDS{ padding: 90px 0px; background: #f6f9fb;} .HMSDS .HMSDS_title dd{ font-size: 40px; color: #17509d; margin-bottom: 10px;} .HMSDS .HMSDS_title dt{ font-size: 24px; color: #bbc0c7;} .HMSDS .HMSDS_search{ display: flex; margin-top: 65px; margin-bottom: 45px;} .HMSDS .HMSDS_search input{ width: 282px; height: 60px; display: flex; align-items: center; padding: 0px 15px; font-size: 18px; color: #333; margin-right: 18px; border: 1px solid #cbcbcb; background: none;} .HMSDS .HMSDS_search input[type="submit"]{ width: 175px; background: #004a91; color: #fff; justify-content: center; border: 0px; cursor: pointer;} .HMSDS .HMSDS_search input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#999; font-size:18px;} .HMSDS .HMSDS_search input::-webkit-input-placeholder{ /* WebKit browsers */ color:#999; font-size:18px;} .HMSDS .HMSDS_search input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999; font-size:18px;} .HMSDS .HMSDS_search input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; font-size:18px;} .HMSDS .HMSDS_search input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; font-size:18px;} .HMSDS .HMSDS_content .HMSDS_content_title{ font-size: 20px; color: #222e39; margin-bottom: 45px;} .HMSDS .HMSDS_content .HMSDS_content_title span{ color: #004a91; margin: 0px 5px;} .HMSDS .HMSDS_content .HMSDS_content_txt{ margin-bottom: 80px;} .HMSDS .HMSDS_content .HMSDS_content_txt .content_txt_list{ display: flex; align-items: center; border-bottom: 1px solid #dcdcdc;} .HMSDS .HMSDS_content .HMSDS_content_txt .content_txt_list .txt_list_left{ display: flex; width: 85%; padding: 70px 0px; padding-left: 30px; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; border-radius: 10px 0px 0px 10px; } .HMSDS .HMSDS_content .HMSDS_content_txt .content_txt_list .txt_list_left .list_left_icon{ margin-top: 8px; width: 6%;} .HMSDS .HMSDS_content .HMSDS_content_txt .content_txt_list .txt_list_left .list_left_center{ width: 94%;} .HMSDS .HMSDS_content .HMSDS_content_txt .content_txt_list .txt_list_left .list_left_center dd{ font-size: 24px; color: #222e39; margin-bottom: 10px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .HMSDS .HMSDS_content .HMSDS_content_txt .content_txt_list .txt_list_left .list_left_center dt{ font-size: 13px; color: #222e39; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .HMSDS .HMSDS_content .HMSDS_content_txt .content_txt_list:hover{ background: #fff; border-bottom: 1px solid #f6f9fb;} .HMSDS .HMSDS_content .HMSDS_content_txt .content_txt_list:hover .txt_list_left{ box-shadow: 0px 0px 25px rgba(0,0,0,.1);transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .HMSDS .HMSDS_content .HMSDS_content_txt .content_txt_list .txt_list_right{ width: 15%; text-align: center;} .HMSDS .HMSDS_content .HMSDS_content_Register{ background: #fff; padding: 70px;} .HMSDS .HMSDS_content .HMSDS_content_Register .content_Register_title{ font-size: 28px; color: #06121e; padding-bottom: 15px; border-bottom: 2px solid #eaecee; position: relative; display: flex; align-items: center; margin-bottom: 30px;} .HMSDS .HMSDS_content .HMSDS_content_Register .content_Register_title::before{ content: ""; position: absolute; display: inline-block; width: 190px; height: 2px; background: #004a91; bottom: -2px;} .HMSDS .HMSDS_content .HMSDS_content_Register .content_Register_form{ overflow: hidden; padding-right: 18%;} .HMSDS .HMSDS_content .HMSDS_content_Register .content_Register_form .Register_form_list{ width: 48%; float: left; font-size: 18px; color: #424d57; display: flex; justify-content: space-between; margin-bottom: 50px; align-items: center;} .HMSDS .HMSDS_content .HMSDS_content_Register .content_Register_form .Register_form_list input{ width: 76%; border: 1px solid #cbcbcb; height: 60px; display: flex; align-items: center; padding: 0px 20px; font-size: 18px; color: #333;} .HMSDS .HMSDS_content .HMSDS_content_Register .content_Register_form .Register_form_list:nth-child(2n){ float: right;} .HMSDS .HMSDS_content .HMSDS_content_Register .content_Register_form .Register_form_radio{ width: 100%; display: flex;} .HMSDS .HMSDS_content .HMSDS_content_Register .content_Register_form .Register_form_submit{ width: 100%; margin-top: 65px;} .HMSDS .HMSDS_content .HMSDS_content_Register .content_Register_form .Register_form_submit input{ width: 496px; height: 68px; display: flex; align-items: center; justify-content: center; background: #004a91; color: #fff; font-size: 18px; cursor: pointer;} .HMSDS .HMSDS_content .HMSDS_content_Register .content_Register_form .Register_form_radio .button{ cursor: pointer; margin-right: 40px; display: flex; font-size: 18px; color: #06121e; align-items: center;} .HMSDS .HMSDS_content .HMSDS_content_Register .content_Register_form .Register_form_radio .button span{ width: 25px; height: 25px; border: 3px solid #999999; border-radius: 100%; margin-right: 13px; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .HMSDS .HMSDS_content .HMSDS_content_Register .content_Register_form .Register_form_radio input[type=radio]:checked ~ .button{ color: #004a91;} .HMSDS .HMSDS_content .HMSDS_content_Register .content_Register_form .Register_form_radio input[type=radio]:checked ~ .button span{ border: 6px solid #004a91; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .HMSDS .HMSDS_content .HMSDS_content_Register .content_Register_form .Register_form_radio input[type=radio]{display: none;} .rows{display:none} .page{ display: flex; align-items: center; justify-content: center;} .page li{ margin-right: 15px;} .page li:last-child{ margin-right: 0px;} .page li a{ display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; font-size: 18px; color: #5f6166; background: #fff; border-radius: 100px;} .page li.active a{ background: linear-gradient(to right,#004a91, #0e66ba); color: #fff;} .page li a:hover{ background: linear-gradient(to right,#004a91, #0e66ba); color: #fff;} .page li a.next,.page li a.prev{ width: auto; height: auto; background: none; color: #004a91;} .page li a.next i{ margin-left: 13px; font-size: 26px;} .page li a.prev i{ margin-right: 13px; font-size: 26px;} .service .product_list .product_list_txt .list_txt_bottom dt p{ position: relative; display: flex; align-items: center; padding-left: 15px; margin-bottom: 5px;} .service .product_list .product_list_txt .list_txt_bottom dt p::before{ content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 100%; background: #424d57; position: absolute; left: 0;} .service .product_list .product_list_txt .list_txt_bottom dt p:last-child{ margin-bottom: 0px;} .service .product_list .product_list_txt .list_txt_bottom a{ display: flex; width: 268px; height: 55px; align-items: center; justify-content: center; font-size: 16px; color: #fff; background: linear-gradient(to right,#004a91, #3e93e4); border-radius: 6px; box-shadow: 0px 0px 25px rgba(0,0,0,.2); margin-top: 40px;} .service .product_list .product_list_txt .list_txt_bottom a img{ margin-right: 12px;} .service .service_Types{ display: flex; justify-content: space-between;} .service .service_Types .service_Types_list{ position: relative; width: 31%; background: #fff; padding: 42px 28px; border-radius: 10px; text-align:center; overflow: hidden;} .service .service_Types .service_Types_list::before{ content: ""; position: absolute; width: 100%; height: 100%; background: #222; top: 0; left: 0; background: linear-gradient(to right,#004a91, #3e93e4); opacity: 0;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .service .service_Types .service_Types_list dd{ font-size: 18px; color: #06121e; position: relative; z-index: 1;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .service .service_Types .service_Types_list dt{ line-height: 25px; color: #8c9198; font-size: 14px; padding-right: 107px; margin-top: 13px; position: relative; z-index: 1;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; display:none;} .service .service_Types .service_Types_list .Types_list_bottom{ position: absolute; right: 10px; bottom: 0px; font-size: 65px; color: #f6f9fb; font-family: "BEBAS"; opacity: 1;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .service .service_Types .service_Types_list:hover dd{ color: #fff;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .service .service_Types .service_Types_list:hover dt{ color: #fff;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .service .service_Types .service_Types_list:hover::before{ opacity: 1;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .service .service_Types .service_Types_list:hover .Types_list_bottom{ opacity: .1;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .service .service_tab{ background: rgba(187,192,199,.2); width: 100%;} .service .service_tab tr td{ background: #fff; font-size: 14px; color: #222e39; padding: 15px 0px; padding-left: 30px; line-height: 24px; width: 20%; padding-right:15px;} .service .service_tab tr td:last-child{ width: 13%;} .service .service_tab tr td:nth-child(1){ font-size: 16px; color: #bbc0c7; width: 7%; padding-left: 0px; text-align: center;} .service .service_tab tr:nth-child(1) td{ background: #004a91; color: #fff; padding-left: 0px; text-align: center;} .service .service_tab tr:nth-child(1) td:nth-child(1){ font-size: 18px;} .service .service_tab tr:nth-child(2) td:last-child{ text-align:center; padding:15px;} .service .service_tab .service_tab_case{ font-size: 16px; color: #004a91;} .service .service_tab .service_tab_case p:last-child{ margin-top: 5px; font-size: 13px;} .service .service_tab .service_tab_case p:last-child i{ margin-left: 5px;} .service .service_tab .service_tab_price{ display: flex; align-items: center; font-size: 14px; color: #004a91; max-width: 136px; border-radius: 3px; height: 43px; justify-content: center; margin:0 auto; margin-bottom: 25px; border: 1px solid #004a91;} .service .service_tab .service_tab_price.on{ color: #fff; background: #004a91;} .service .service_tab .service_tab_price img{ margin-right: 8px;} .service .service_tab .service_tab_price:last-child{ margin-bottom: 0px;} .service .product_list2 .product_list2_bottom .list2_bottom_li{ margin-top: 0px; margin-bottom: 45px;} .service .product_list2 .product_list2_bottom .list2_bottom_li:last-child{ margin-bottom: 0px;} .service .product_list2 .product_list2_bottom .list2_bottom_li dt{ line-height: 27px;} .service .SProcess_content{ display: flex; align-items: center; justify-content: space-between;} .service .SProcess_content .SProcess_content_list{ background: #fff; width: 16%; text-align: center; height: 168px; font-size: 15px; color: #424d57; padding: 0px 15px; padding-top: 44px; position: relative; border-radius: 10px; box-shadow: 0px 0px 25px rgba(0,0,0,.1);} .service .SProcess_content .SProcess_content_list::before{ content: "01"; font-family: "Bebas"; position: absolute; left: 14px; top: 5px; font-size: 32px; color: #424d57;} .service .SProcess_content .SProcess_content_list:nth-child(2)::before{ content: "02";} .service .SProcess_content .SProcess_content_list:nth-child(3)::before{ content: "03";} .service .SProcess_content .SProcess_content_list:nth-child(4)::before{ content: "04";} .service .SProcess_content .SProcess_content_list:nth-child(5)::before{ content: "05";} .service .SProcess_content .SProcess_content_list::after{ content: ""; display: inline-block; width: 36px; height: 9px; background: url(../images/bn36.png) no-repeat 50% 50%; position: absolute; right: -54px; top: 50%;} .service .SProcess_content .SProcess_content_list:last-child::after{ display: none;} .service .SProcess_content .SProcess_content_list dd{ margin-bottom: 18px;} .service .SProcess_content .SProcess_content_list a{ font-size: 12px; color: #004a91; margin-top: 8px; display: flex; justify-content: center; align-items: center;} .service .SProcess_content .SProcess_content_list a i{ margin-left: 5px; color: #004a91;} .service .service_tab2{ box-shadow: 0px 0px 35px rgba(0,0,0,.1); border-radius: 0px 0px 10px 10px; overflow: hidden;} .service .service_tab2 tr:nth-child(1) td{ text-align: center; padding: 23px 0px;} .service .service_tab2 tr:nth-child(1) td:nth-child(1){ text-align: center; color: #fff;} .service .service_tab2 tr td{ padding: 15px 20px;} .service .service_tab2 tr td:nth-child(1){ width: 20%; text-align: left; font-size: 16px; color: #222e39; padding: 15px 20px;} .service .service_tab2 tr td:nth-child(2){ width: 15%;} .service .service_tab2 tr td:nth-child(3){ width: 5%; padding-left: 0px; text-align: center; padding-right: 0px;} .service .service_tab2 tr td:nth-child(4){ width: 15%;} .service .service_tab2 tr td:nth-child(5){ width: 8%; text-align: center;} .service .service_tab2 tr td:nth-child(6){ width: 10%; text-align: center;} .service .service_tab2 tr td:nth-child(7){ width: 27%;} .BGService{ padding: 95px 0px; background: #f6f9fb url(../images/bg20.jpg) no-repeat 100% 100%;} .BGService .product_list:first-child{ padding-top:0px;} .SBanner .pc_all_content{ height: 100%;} .SBanner .DBanner_title dt{ font-size: 24px; opacity: .3; text-transform: uppercase; margin-top: 20px;} .SCase{ padding:65px 0px;} .SCase .SCase_title{ font-size: 26px; color: #004a91; text-align: center; margin-bottom: 30px;} .SCase .SCase_nav{ display: flex; justify-content: center; align-items: center; margin-bottom: 50px;} .SCase .SCase_nav a{ display: inline-block; line-height: 45px; padding: 0px 20px; font-size: 14px; color: #06121e; margin-right: 20px; border-radius: 10px;} .SCase .SCase_nav a.on{ background: #004a91; color: #fff;} .SCase .SCase_nav a:hover{ background: #004a91; color: #fff;} .SCase .SCase_content{ background: #fff; padding: 50px; box-shadow: 0px 5px 46px rgba(0,33,64,.1); border-radius: 8px;} .SCase .SCase_content .SCase_content_title{ font-size: 18px; color: #06121e; padding-bottom: 18px; border-bottom: 2px solid #eaecee; position: relative; display: flex; align-items: center; margin-bottom: 30px; margin-top: 55px;} .SCase .SCase_content .SCase_content_title:first-child{ margin-top: 0px;} .SCase .SCase_content .SCase_content_title::before{ content: ""; position: absolute; display: inline-block; width: 165px; height: 2px; background: #004a91; bottom: -2px;} .SCase .SCase_content .SCase_content_txt .content_txt_list dl{ font-size: 14px; color: #222e39; display: flex; align-items: center; justify-content: space-between; padding: 15px 65px; background: #f6f7f9; width:100%;} .SCase .SCase_content .SCase_content_txt .content_txt_list:nth-child(2n) dl{ background: #fff;} .SCase .SCase_content .SCase_content_txt .content_txt_list dd{ width: 50%;} .SCase .SCase_content .SCase_content_txt .content_txt_list dd:last-child{ width: 30%;} .SCase .SCase_back{ display: flex; align-items: center; justify-content: center;margin-top: 42px;} .SCase .SCase_back a{ display: flex; align-items: center; font-size: 16px; color: #222e39; } .SCase .SCase_back a img{ margin-right: 10px;} .SCase .SCase_back a::before{ content: ""; display: inline-block; width: 170px; height: 1px; background: #222e39; margin-right: 80px;} .SCase .SCase_back a::after{ content: ""; display: inline-block; width: 170px; height: 1px; background: #222e39; margin-left: 80px;} .SCase .SCase_content .SCase_content_txt2 table{ margin-bottom: 50px;} .SCase .SCase_content .SCase_content_txt2 table:last-child{ margin-bottom: 0px;} .SCase .SCase_content .SCase_content_txt2 table{ background: rgba(187,192,199,.2); width: 100%;} .SCase .SCase_content .SCase_content_txt2 table tr:nth-child(1) td{ background: #004a91; color: #fff;} .SCase .SCase_content .SCase_content_txt2 table tr td{ background: #fff; font-size: 14px; color: #222e39; padding: 15px 0px; line-height: 24px; width: 20%; text-align: center; width: 11.5%;} .SCase .SCase_content .SCase_content_txt3 table tr td:nth-child(1){ width: 20%;} .SCase .SCase_content .SCase_content_txt4{ overflow: hidden;} .SCase .SCase_content .SCase_content_txt4 .content_txt4_li{ float: left; width: 70%; text-align: center;} .SCase .SCase_content .SCase_content_txt4 .content_txt4_li dd{ display: flex; align-items: flex-end; justify-content: center;} .SCase .SCase_content .SCase_content_txt4 .content_txt4_li dd img{ max-width: 100%;} .SCase .SCase_content .SCase_content_txt4 .content_txt4_li:nth-child(2n){ width: 30%; text-align: center;} .SCase .SCase_content .SCase_content_txt4 .content_txt4_li dt{ font-size: 16px; color: #424d57; margin-top: 30px;} .CService .CService_left{ width: 73%;} .CService .CService_left .CService_content{ background: #fff; padding: 70px; box-shadow: 0px 5px 46px rgba(0,33,64,.1); border-radius: 8px;} .CService .CService_title{ margin-bottom: 40px;} .CService .CService_title dd{ font-size: 30px; color: #06121e;} .CService .CService_title dt{ font-size: 14px; color: #8c9198; margin-top: 12px;} .CService .CService_form .CService_form_title{ font-size: 20px; color: #06121e; padding-bottom: 18px; border-bottom: 2px solid #eaecee; position: relative; display: flex; align-items: center; margin-top: 40px;} .CService .CService_form .CService_form_title:first-child{ margin-top: 0px;} .CService .CService_form .CService_form_title::before{ content: ""; position: absolute; display: inline-block; width: 165px; height: 2px; background: #004a91; bottom: -2px;} .CService .SCase_content .SCase_content_txt .content_txt_list{ font-size: 18px; color: #222e39; display: flex; align-items: center; justify-content: space-between; padding: 15px 65px; background: #f6f7f9;} .CService .CService_form .CService_form_content{ overflow: hidden;} .CService .CService_form .CService_form_content .form_content_list{ width: 48%; float: left; margin-top: 30px;} .CService .CService_form .CService_form_content .form_content_list:nth-child(2n){ float: right;} .CService .CService_form .CService_form_content .form_content_list dd{ font-size: 16px; color: #222e39; margin-bottom: 15px;} .CService .CService_form .CService_form_content .form_content_list dd span{ color: #bbc0c7; font-size: 16px;} .CService .CService_form .CService_form_content .form_content_list dt input{ width: 100%; height: 50px; border: 1px solid #cccccc; padding: 0px 15px; font-size: 16px; color: #06121e;} .CService .CService_form .CService_form_content2 .form_content_list{ width: 100%; margin-top: 24px;} .CService .CService_form .CService_form_content2 .form_content_radio2{ display: none;} .CService .CService_form .CService_form_content2 .form_content_radio dt{ display: flex; height: 50px; border: 1px solid #cccccc; align-items: center; padding: 0px 20px;} .CService .CService_form .CService_form_content2 .form_content_radio dt label{ margin-right: 24px;} .CService .CService_form .CService_form_content2 .form_content_radio dt label:last-child{ margin-right: 0px;} .CService .CService_form .CService_form_content2 .form_content_radio dt .button{ cursor: pointer; display: flex; font-size: 16px; color: #06121e; align-items: center;} .CService .CService_form .CService_form_content2 .form_content_radio dt .button span{ width: 12px; height: 12px; border: 1px solid #999999; border-radius: 100%; margin-right: 11px; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .CService .CService_form .CService_form_content2 .form_content_radio dt input[type=radio]:checked ~ .button{ color: #004a91;} .CService .CService_form .CService_form_content2 .form_content_radio dt input[type=radio]:checked ~ .button span{ border: 3px solid #004a91; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .CService .CService_form .CService_form_content2 .form_content_radio dt input[type=radio]{display: none;} .CService .CService_form .CService_form_content2 .form_content_checkbox dt .button span{ border-radius:2px;} .CService .CService_form .CService_form_content2 .form_content_radio dt input[type=checkbox]:checked ~ .button{ color: #004a91;} .CService .CService_form .CService_form_content2 .form_content_radio dt input[type=checkbox]:checked ~ .button span{ border: 2px solid #004a91; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .CService .CService_form .CService_form_content2 .form_content_radio dt input[type=checkbox]{display: none;} .CService .CService_form .CService_form_content2 .form_content_radio dt .button input{ width: 105px; border: 0px; border-bottom: 1px solid #bbc0c7; height: 28px; margin-left: 10px; text-align: center; padding: 0px;} .CService .CService_more{ margin-top: 55px; display: flex; align-items: center; justify-content: center;} .CService .CService_more .click_other{ font-size: 16px; color: #004a91;} .CService .CService_more .click_other.on img{ -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); transition: all 0.5s ease; -webkit-transform: all 0.5s ease; cursor:pointer; } .CService .CService_more .click_other img{ margin-left: 8px; position: relative; top: -2px; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); transition: all 0.5s ease; -webkit-transform: all 0.5s ease; cursor:pointer; } .CService .CService_left .CService_left_submit input{ width: 213px; height: 60px; display: flex; align-items: center; justify-content: center; background: #004a91; color: #fff; font-size: 20px; border-radius: 5px; margin: 0 auto; margin-top: 55px; cursor: pointer;} .CService .CService_form2{ display: none;} .CService .DProduct_right .DProduct_right_list:first-child{ margin-top: 0px;} .LogIn_top{ background: #004a91;} .LogIn_top .pc_all_content{ display: flex; align-items: center; justify-content: space-between; height: 82px;} .LogIn_top .LogIn_top_logo{ display: flex; align-items: center;} .LogIn_top .LogIn_top_logo dd{ font-size: 24px; color: #fff; margin-left: 40px;} .LogIn_top .LogIn_top_back{ font-size: 16px; color: #fff;} .LogIn_top .LogIn_top_back i{ margin-right: 15px;} .LogIn{ background: #f6f9fb; padding: 80px 0px;} .LogIn .pc_all_content{ background: #fff; box-shadow: 0px 5px 46px rgba(0,33,64,.1); border-radius: 8px; display: flex; justify-content: space-between; align-items: center;} .LogIn .LogIn_left{ width: 35%; padding: 0px 60px;} .LogIn .LogIn_left .LogIn_left_nav ul{ display: flex; align-items: center; margin-bottom: 30px;} .LogIn .LogIn_left .LogIn_left_nav ul li{ display: inline-block; width: 50%; position: relative; height: 53px; text-align: center; cursor: pointer;} .LogIn .LogIn_left .LogIn_left_nav ul li a{ font-size: 20px; color: #8c9198; } .LogIn .LogIn_left .LogIn_left_nav ul li a:before{ content: ""; position: absolute; display: inline-block; width: 100%; bottom: 0px; width: 100%; height: 2px; background: #eaecee; left: 0;} .LogIn .LogIn_left .LogIn_left_nav ul li.on a:before{ background: #004a91;} .LogIn .LogIn_left .LogIn_left_nav ul li.on a{ font-size: 24px; color: #004a91;} .LogIn .LogIn_left .LogIn_left_content .left_content_list .content_list_li{ display: flex; align-items: center; height: 58px; border: 1px solid #cccccc; margin-bottom: 25px;} .LogIn .LogIn_left .LogIn_left_content .left_content_list .content_list_li span{ display: flex; align-items: center; width: 15%; justify-content: center; font-size: 20px; color: #999999;} .LogIn .LogIn_left .LogIn_left_content .left_content_list .content_list_li input{ height: 48px; display: flex; align-items: center; padding-right: 20px; width: 85%; font-size: 16px; color: #333;} .LogIn .LogIn_left .LogIn_left_content .left_content_list .content_list_li input::-ms-input-placeholder{ color:#999999; font-size:16px;} .LogIn .LogIn_left .LogIn_left_content .left_content_list .content_list_li input::-webkit-input-placeholder{ color:#999999; font-size:16px;} .LogIn .LogIn_left .LogIn_left_content .left_content_list .content_list_li input::-moz-placeholder{ color:#999999; font-size:16px;} .LogIn .LogIn_left .LogIn_left_content .left_content_list .content_list_li input::-moz-placeholder{ color:#999999; font-size:16px;} .LogIn .LogIn_left .LogIn_left_content .left_content_list .content_list_li input::-moz-placeholder{ color:#999999; font-size:16px;} .LogIn .LogIn_left .LogIn_left_content .left_content_list .content_list_li dd{ display: flex;} .LogIn .LogIn_left .LogIn_left_content .left_content_list .content_list_li a{ display: flex; width: 128px; height: 46px; align-items: center; justify-content: center; background: #f3fbfe; border: 1px solid #bbc0c7; overflow: hidden;} .LogIn .LogIn_left .LogIn_left_content .left_content_list .content_list_li a img{ max-width: 100%;} .LogIn .LogIn_left .LogIn_left_content .left_content_list .content_list_li a{ display: flex; width: 128px; height: 46px; align-items: center; justify-content: center; background: #f3fbfe; border: 1px solid #bbc0c7; overflow: hidden;} .LogIn .LogIn_left .LogIn_left_content .left_content_list .content_list_li a img{ max-width: 100%;} .LogIn .LogIn_left .LogIn_left_content .left_content_list .content_list_cord dd{ width: 81%;} .LogIn .LogIn_left .LogIn_left_content .left_content_list .content_list_cord input{ width: 86%;} .LogIn .LogIn_left .LogIn_left_content .left_content_list .content_list_submit{ border: 0px; height: auto; margin-top: 50px;} .LogIn .LogIn_left .LogIn_left_content .left_content_list .content_list_submit input{ width: 100%; background: linear-gradient(to right,#004a91, #0f69bf);display: flex; align-items: center; height: 58px; font-size: 21px; color: #fff; justify-content: center; border-radius: 3px; cursor: pointer; padding-right: 0px;} .LogIn .LogIn_left .LogIn_left_content .left_content_list .content_list_li select{ font-size: 16px; color: #0f161d; margin: 0px 15px;} .LogIn .LogIn_left .LogIn_left_content .left_content_list .content_list_li #btnSendCode{ font-size: 16px; color: #004a91; padding-right: 0px; background: #fff; justify-content: flex-end; cursor: pointer; width: auto; height: auto;} .LogIn .LogIn_left .LogIn_left_center{ display: flex; align-items: center; justify-content: center;} .LogIn .LogIn_left .LogIn_left_center a{ font-size: 18px; color: #004a91;} .LogIn .LogIn_left .LogIn_left_center span{ font-size: 18px; color: #004a91; margin: 0px 10px;} .LogIn .LogIn_left .LogIn_left_bottom{ margin-top: 60px;} .LogIn .LogIn_left .LogIn_left_bottom dd{ display: flex; align-items: center; justify-content: center;} .LogIn .LogIn_left .LogIn_left_bottom dd span{ position: relative; display: flex; align-items: center; font-size: 14px; color: #bbc0c7;} .LogIn .LogIn_left .LogIn_left_bottom dd span::before{ content: ""; display: inline-block; width: 77px; height: 1px; background: #dcdcdc; margin-right: 65px;} .LogIn .LogIn_left .LogIn_left_bottom dd span::after{ content: ""; display: inline-block; width: 77px; height: 1px; background: #dcdcdc; margin-left: 65px;} .LogIn .LogIn_left .LogIn_left_bottom dt{ display: flex; align-items: center; justify-content: center; margin-top: 30px;} .LogIn .LogIn_left .LogIn_left_bottom dt a{ display: flex; width: 60px; height: 60px; border: 1px solid #004a91; align-items: center; justify-content: center; border-radius: 100%; color: #004a91; font-size: 28px; margin-right: 30px;} .LogIn .LogIn_left .LogIn_left_bottom dt a:last-child{ margin-right: 0px} .LogIn .LogIn_right{ width: 65%;} .LogIn .LogIn_right img{ max-width: 100%;} .registered{ background: #f6f9fb; padding: 80px 0px;} .registered .pc_all_content{ background: #fff; box-shadow: 0px 5px 46px rgba(0,33,64,.1); border-radius: 8px; padding: 90px 65px;} .registered .registered_title{ text-align: center; border-bottom: 2px solid #eaecee; padding-bottom: 27px; position: relative; margin-bottom: 60px;} .registered .registered_title:before{ content: ""; position: absolute; display: inline-block; width: 120px; height: 2px; left: 0; right: 0; margin: 0 auto; background: #004a91; bottom: -2px;} .registered .registered_title dd{ font-size: 36px; color: #0f161d; margin-bottom: 10px;} .registered .registered_title dt{ font-size: 16px; color: #999999;} .registered .registered_content .registered_content_list{ padding: 0px 30%; overflow: hidden; margin-bottom: 30px;} .registered .registered_content .registered_content_list span{ font-size: 16px; color: #0f161d; float: left; display: inline-block; line-height: 54px; text-align: right; width: 17%;} .registered .registered_content .registered_content_list input{ width: 78%; float: right; line-height: 52px; border: 1px solid #cccccc; border-radius: 3px; padding: 0px 20px; font-size: 16px; color: #333;} .registered input::-ms-input-placeholder{ color:#999999; font-size:16px;} .registered input::-webkit-input-placeholder{ color:#999999; font-size:16px;} .registered input::-moz-placeholder{ color:#999999; font-size:16px;} .registered input::-moz-placeholder{ color:#999999; font-size:16px;} .registered input::-moz-placeholder{ color:#999999; font-size:16px;} .registered .registered_content .registered_content_list dd{ display: flex; justify-content: space-between; width: 78%; float: right;} .registered .registered_content .registered_content_cord dd input{ width: 47%; } .registered .registered_content .registered_content_cord dd input[type="button"]{ font-size: 16px; color: #004a91; border: 1px solid #004a91; background: #fff; cursor: pointer;} .registered .registered_content .registered_content_cord dd input[type="button"].on{ cursor: not-allowed; color: #999; background: #ededed; border: 1px solid #ededed;} .registered .registered_content .registered_content_protocol dd .button{ cursor: pointer; display: flex; font-size: 16px; color: #06121e; align-items: center;} .registered .registered_content .registered_content_protocol dd .button a{ font-size: 16px; color: #004a91;} .registered .registered_content .registered_content_protocol dd .button span{ width: 18px; height: 18px; border: 1px solid #999999; margin-right: 11px; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .registered .registered_content .registered_content_protocol dd input[type=checkbox]:checked ~ .button span{ border: 3px solid #004a91; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .registered .registered_content .registered_content_protocol dd input[type=checkbox]{display: none;} .registered .registered_content .registered_content_submit input{ width: 100%; background: linear-gradient(to right,#004a91, #0f69bf);display: flex; align-items: center; height: 58px; font-size: 21px; color: #fff; justify-content: center; border-radius: 3px; cursor: pointer; padding-right: 0px; border: 0px; padding-left:0px; } .registered .registered_content .registered_content_bottom dd{ display: flex; align-items: center; justify-content: center; font-size: 14px; color: #666;} .registered .registered_content .registered_content_bottom dd a{ font-size: 14px; color: #192e7a;} .registered2 .registered_title dd{ text-transform: uppercase;} .registered2 .registered_content .registered_content_list{padding-left: 13%; padding-right: 32%;} .registered2 .registered_content .registered_content_list span{ width: 34%;} .registered2 .registered_content .registered_content_list input{ width: 61%;} .registered2 .registered_content .registered_content_list dd{ width: 61%;} .registered2 .registered_content .registered_content_protocol dd .button{ display: inline-block; white-space:nowrap} .registered2 .registered_content .registered_content_submit input{ width: 100%;} .registered3 .registered_content .registered_content_list{ padding:0px; position: relative; margin:0px 30%; margin-bottom: 30px;} .registered3 .registered_content .registered_content_list a{ position: absolute; right: 1px; display: flex; height: 52px; width: 150px; top: 1px;} .registered3 .registered_content .registered_content_list a img{ width: 100%; height:100%;} .registered3 .registered_content .registered_content_list input{ width: 67%;} .registered3 .registered_content .registered_content_list dd{ width: 67%;} .registered3 .registered_content .registered_content_list span{ width: 27%;} .wish .wish_title{ border-bottom: 2px solid #eaecee; display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px;} .wish .wish_title .wish_title_left{ display: flex; align-items: center;} .wish .wish_title .wish_title_left a{ font-size: 26px; color: #8c9198; display: inline-block; height: 60px; margin-right: 50px; padding-top: 2px; position: relative;} .wish .wish_title .wish_title_left a:last-child{ margin-right: 0px;} .wish .wish_title .wish_title_left a.on{ font-size: 30px; color: #004a91; padding-top: 0px;} .wish .wish_title .wish_title_left a:before{ content: ""; position: absolute; display: inline-block; width: 100%; height: 2px; bottom: -2px; background: #004a91; display: none;} .wish .wish_title .wish_title_left a.on:before{ display: block;} .wish .wish_title .wish_title_right{ display: flex; height: 42px; border: 1px solid #dcdcdc; align-items: center; border-radius: 3px;border-right: 0px; margin-bottom: 14px;} .wish .wish_title .wish_title_right span{ margin: 0px 14px;} .wish .wish_title .wish_title_right input[type="search"]{ width: 245px; padding-right: 20px; font-size: 14px; color: #333;} .wish .wish_title .wish_title_right input[type="submit"]{ height: 42px; width: 74px; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #fff; background: #004a91; cursor: pointer; border-radius: 0px 3px 3px 0px;} .wish input::-ms-input-placeholder{ color:#bbc0c7; font-size:14px;} .wish input::-webkit-input-placeholder{ color:#bbc0c7; font-size:14px;} .wish input::-moz-placeholder{ color:#bbc0c7; font-size:14px;} .wish input::-moz-placeholder{ color:#bbc0c7; font-size:14px;} .wish input::-moz-placeholder{ color:#bbc0c7; font-size:14px;} .wish .wish_content .wish_content_top{ display: flex; height: 60px; background: #004a91; color: #fff; font-size: 16px; padding: 0px 20px; align-items: center;} .wish .wish_content .wish_content_top .content_top_list{ text-align: center;} .wish .wish_content .wish_content_top .content_top_list:nth-child(1){ width: 6%;} .wish .wish_content .wish_content_top .content_top_list:nth-child(2){ width: 7%; text-align: left;} .wish .wish_content .wish_content_top .content_top_list:nth-child(3){ width: 20%; text-align: left;} .wish .wish_content .wish_content_top .content_top_list:nth-child(4){ width: 8%;} .wish .wish_content .wish_content_top .content_top_list:nth-child(5){ width: 8%;} .wish .wish_content .wish_content_top .content_top_list:nth-child(6){ width: 8%;} .wish .wish_content .wish_content_top .content_top_list:nth-child(7){ width: 8%;} .wish .wish_content .wish_content_top .content_top_list:nth-child(8){ width: 9%;} .wish .wish_content .wish_content_top .content_top_list:nth-child(9){ width: 9%;} .wish .wish_content .wish_content_top .content_top_list:nth-child(10){ width: 9%;} .wish .wish_content .wish_content_top .content_top_list:nth-child(11){ width: 8%;} .wish .wish_content .wish_content_top .checkbox_btn{ cursor: pointer; display: flex; font-size: 16px; color: #fff; align-items: center;} .wish .wish_content .wish_content_top .checkbox_btn dd{ width: 12px; height: 12px; border: 1px solid #cccccc; border-radius: 2px; position: relative; top: 1px; display: flex; align-items: center; justify-content: center; } .wish .wish_content .wish_content_top .checkbox_btn dd:before{ content: ""; position: absolute; display: inline-block; width: 6px; height: 6px; background: #fff; opacity: 0; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .wish .wish_content .wish_content_top .checkbox_btn dt{ margin-left: 7px;} .wish .wish_content .wish_content_top input[type=checkbox]:checked ~ .checkbox_btn dd:before{ opacity: 1; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .wish .wish_content .wish_content_top input[type=checkbox]{display: none;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst{ display: flex; justify-content: space-between; background: #f2f6f9; color: #333333; font-size: 14px; padding: 12px 20px; align-items: center;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst:nth-child(2n){ background: #fff;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .checkbox_btn{ cursor: pointer; display: flex; font-size: 16px; color: #fff; align-items: center;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .checkbox_btn dd{ width: 12px; height: 12px; border: 1px solid #cccccc; border-radius: 2px; position: relative; top: 1px; display: flex; align-items: center; justify-content: center; } .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .checkbox_btn dd:before{ content: ""; position: absolute; display: inline-block; width: 6px; height: 6px; background: #004a91; opacity: 0; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .checkbox_btn dt{ margin-left: 7px;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst input[type=checkbox]:checked ~ .checkbox_btn dd{ border: 1px solid #004a91;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst input[type=checkbox]:checked ~ .checkbox_btn dd:before{ opacity: 1; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst input[type=checkbox]{display: none;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list{ text-align: center;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list:nth-child(1){ width: 6%;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list:nth-child(2){ width: 7%; text-align: left;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list:nth-child(3){ width: 20%; text-align: left;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list:nth-child(4){ width: 8%;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list:nth-child(5){ width: 8%;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list:nth-child(6){ width: 8%;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list:nth-child(7){ width: 8%;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list:nth-child(8){ width: 9%;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list:nth-child(9){ width: 9%;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list:nth-child(10){ width: 9%;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list:nth-child(11){ width: 8%;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list .delBtn{ display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 100%; color: #333333; font-size: 12px; margin: 0 auto;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list .delBtn:hover{ background: #004a91; color: #fff;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list.amount_box{ width: 109px; display: flex; align-items: center; border-radius: 5px; border: 1px solid #e6e6e6; background: #fff; padding: 0px 8px;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list.amount_box input{ width: 100%; text-align: center; font-size: 14px; color: #111; padding: 0px 8px;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list.amount_box a{ font-size: 22px; color: #111;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list.amount_box a.reSty{ color: #999; cursor: not-allowed;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list.bottom_txt_specification{ cursor: pointer; position: relative; height: 35px; display: flex; align-items: center; justify-content: center;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list.bottom_txt_specification .txt_specification_title i{ margin-left: 5px;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list.bottom_txt_specification .txt_specification_down{ display: none; background: #fff; border: 1px solid #dddfe3; box-shadow: 0px 0px 20px rgba(0,0,0,.2); position: absolute; top: 100%; padding: 20px 0px; width: auto; text-align: center; left: -26px; padding: 20px 35px; z-index: 8;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list.bottom_txt_specification .txt_specification_down:before{ content: "";display:inline-block; width:0; height:0; border-left:5px solid transparent; border-right: 5px solid transparent; border-bottom:10px solid #fff; top: -10px; position: absolute; left: 65px;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list.bottom_txt_specification .txt_specification_down .specification_down_top .down_top_title{ font-size: 12px; color: #8c9198; display: flex; justify-content: flex-start; margin-bottom: 10px;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list.bottom_txt_specification .txt_specification_down .specification_down_top .down_top_txt .top_txt_list{ display: flex; width: 60px; height: 28px; align-items: center; justify-content: center; border-radius: 5px; background: #f2f2f2; font-size: 14px; color: #222e39; margin-right: 10px; text-align: center;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list.bottom_txt_specification .txt_specification_down .specification_down_top .down_top_txt .top_txt_list:hover{ background: #004a91; color: #fff;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list.bottom_txt_specification .txt_specification_down .specification_down_top .down_top_txt .top_txt_list.on{ background: #004a91; color: #fff;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list.bottom_txt_specification .txt_specification_down .specification_down_top .down_top_txt .top_txt_list:last-child{ margin-right: 0px;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list input::-ms-input-placeholder{ color:#999999; font-size:13px; text-align: center;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list input::-webkit-input-placeholder{ color:#999999; font-size:13px; text-align: center;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list input::-moz-placeholder{ color:#999999; font-size:13px; text-align: center;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list input::-moz-placeholder{ color:#999999; font-size:13px; text-align: center;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list input::-moz-placeholder{ color:#999999; font-size:13px; text-align: center;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list.bottom_txt_specification .txt_specification_down .specification_down_top .down_top_txt{ display: flex; margin-bottom: 25px;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list.bottom_txt_specification .txt_specification_down .specification_down_top .down_top_btn{ display: flex; width: 130px; height: 34px; align-items: center; justify-content: center; border-radius: 6px; background: #004a91; font-variant-alternates: 14px; color: #fff;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list .no_price{ position: relative;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list .no_price img{ margin-left: 13px; cursor: pointer;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list .no_price i:before{ content: "其他规格需要提交心愿单后等待商家反馈"; position: absolute; left: 0; top: 25px; width: 292px; background: url(../images/bn45.png) 50% 50%; line-height: 40px; font-size: 14px; color: #004a91; padding-top: 4px; left: -17px; display: none; font-style: normal;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list .no_price i:hover:before{ display: block;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_specification:hover .txt_specification_down{ display: block;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list.bottom_txt_down{ position: relative; cursor: pointer;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list.bottom_txt_down:hover dt{ display: block;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list.bottom_txt_down dt{ display: none; background: #fff; border: 1px solid #dddfe3; box-shadow: 0px 0px 20px rgba(0,0,0,.2); position: absolute; top: calc( 100% + 10px); padding: 20px 0px; width: 148px; text-align: center; left: -26px; z-index: 8;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list.bottom_txt_down dt img{ max-width: 100%;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list:nth-child(3).bottom_txt_down dt{ width:auto; padding:7px; left:1px;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list:nth-child(3).bottom_txt_down dt img{ max-width: inherit;} .wish .wish_content.on .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list:nth-child(3).bottom_txt_down dt{ left: 13px;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list:nth-child(4).bottom_txt_down dt{ width:208px; left: -35px;} .wish .wish_content.on .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list:nth-child(4).bottom_txt_down dt{ left: -8px;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list.bottom_txt_down dt:before{ content: "";display:inline-block; width:0; height:0; border-left:5px solid transparent; border-right: 5px solid transparent; border-bottom:10px solid #fff; top: -10px; position: absolute; left: 0; right: 0; margin: 0 auto;} .wish .wish_content .wish_content_bottom .content_bottom_Settlement{ display: flex; justify-content: space-between; height: 60px; background: #f2f2f2; align-items: center; margin-top: 30px; padding-left: 53px;} .wish .wish_content .wish_content_bottom .content_bottom_Settlement .bottom_Settlement_left{ display: flex; align-items: center; font-size: 16px; color: #333333;} .wish .wish_content .wish_content_bottom .content_bottom_Settlement .bottom_Settlement_left a{ font-size: 16px; color: #333333;} .wish .wish_content .wish_content_bottom .content_bottom_Settlement .bottom_Settlement_left span{ display: flex; width: 1px; height: 20px; background: #dfdfdf; margin: 0px 16px;} .wish .wish_content .wish_content_bottom .content_bottom_Settlement .bottom_Settlement_left b{ color: #004a91; margin: 0 5px;} .wish .wish_content .wish_content_bottom .content_bottom_Settlement .bottom_Settlement_right{ display: flex; align-items: center; font-size: 16px; color: #004a91;} .wish .wish_content .wish_content_bottom .content_bottom_Settlement .bottom_Settlement_right span{ font-size: 28px;} .wish .wish_content .wish_content_bottom .content_bottom_Settlement .bottom_Settlement_right input{ height: 60px; background: #004a91; font-size: 16px; color: #fff; padding: 0px 28px; margin-left: 30px; cursor: pointer;} .txt_down_close{ display:none;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst.on .bottom_txt_list:nth-child(3).bottom_txt_down dt{ left: -93px;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst.on2 .bottom_txt_list:nth-child(3).bottom_txt_down dt{ left: -14px;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst.on3 .bottom_txt_list:nth-child(3).bottom_txt_down dt{ left: -33px;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst.on4 .bottom_txt_list:nth-child(3).bottom_txt_down dt{ left: -35px;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst.on5 .bottom_txt_list:nth-child(3).bottom_txt_down dt{ left: -50px;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst.on6 .bottom_txt_list:nth-child(3).bottom_txt_down dt{ left: -56px;} /*移除商品*/ .model_bg{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.5);z-index:999;display:flex;align-items:center;justify-content:center; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); filter: scale(0); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; cursor:pointer; } .model_bg.on{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; cursor:pointer; } .my_model{position:fixed;width:360px;border:1px solid #aeaeae;border-radius:3px;padding:20px;background:#fff;} .my_model .title{font-size:14px;color:#3c3c3c;font-weight:700;margin-bottom:20px;} .my_model .title .closeModel{float:right;cursor:pointer;} .my_model p{line-height:16px;} .my_model .opBtn{margin-top:20px;} .my_model .opBtn a{width:58px;height:28px;line-height:28px;text-align:center;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;border-radius:1px;display:inline-block;margin-right:10px;font-weight:700;} .my_model .dialog-sure{background:#004a91;color:#fff;border:1px solid #004a91;} .my_model .dialog-close{background:#fff;border:1px solid #004a91;color:#3c3c3c;} .SWish .pc_all_content{ padding:65px;} .SWish .wish_title{ margin-bottom: 75px;} .SWish .SWish_content{ display: flex; align-items: flex-end; justify-content: center;} .SWish .SWish_content .SWish_content_left{ display:none;} .SWish .SWish_content .SWish_content_right .content_right_top{ text-align:center;} .SWish .SWish_content .SWish_content_right .content_right_top dd{ font-size: 24px; color: #222e39; margin-bottom: 13px;} .SWish .SWish_content .SWish_content_right .content_right_top dt{ font-size: 16px; color: #bbc0c7;} .SWish .SWish_content .SWish_content_right .content_right_bottom{ display: flex; margin-top: 52px;} .SWish .SWish_content .SWish_content_right .content_right_bottom a{ font-size: 18px; color: #004a91; display: flex; width: 165px; height: 51px; align-items: center; justify-content: center; border: 1px solid #004a91; border-radius: 8px;} .SWish .SWish_content .SWish_content_right .content_right_bottom a.on{ background: linear-gradient(to right,#014b93, #0e67bc); color: #fff; margin-right: 25px; box-shadow: 0px 0px 20px rgba(0,0,0,.2);} .SWish .SWish_content .SWish_content_right .content_right_form{ display:block; margin-top:35px;} .SWish .SWish_content .SWish_content_right .content_right_form .right_form_list{ margin-bottom:20px;} .SWish .SWish_content .SWish_content_right .content_right_form .right_form_list input{ line-height:30px; padding:10px; font-size:16px; color:#333; border:1px solid #dcdcdc; width:100%;} .SWish .SWish_content .SWish_content_right .content_right_form .right_form_submit input{ font-size: 16px; color: #004a91; display: flex; width: 165px; height: 51px; align-items: center; justify-content: center; border: 1px solid #004a91; border-radius: 8px; background: linear-gradient(to right,#014b93, #0e67bc); color: #fff; margin-right: 25px; box-shadow: 0px 0px 20px rgba(0,0,0,.2); margin:0 auto; cursor:pointer;} .SubmitWish .wish_title{ margin-bottom: 0px; } .SubmitWish .SubmitWish_top{ display: flex; align-items: center; padding: 25px 0px;} .SubmitWish .SubmitWish_top a{ font-size: 16px; color: #004a91; display: inline-block; padding: 0px 15px; line-height: 30px; border: 1px solid #004a91; border-radius: 100px; margin-right: 20px;} .SubmitWish .SubmitWish_top a:last-child{ margin-right: 0px;} .SubmitWish .SubmitWish_top a.on{ background: #004a91; color: #fff;} .SubmitWish .SubmitWish_content .SubmitWish_content_list{ border: 1px solid #dcdcdc; margin-bottom: 30px;} .SubmitWish .SubmitWish_content .SubmitWish_content_list:last-child{ margin-bottom: 0px;} .SubmitWish .SubmitWish_content .SubmitWish_content_list .content_list_title{ display: flex; align-items: center; height: 48px; background: #f5f5f5; justify-content: space-between; padding: 0px 40px; font-size: 14px; color: #424d57; border-bottom: 1px solid #dcdcdc;} .SubmitWish .SubmitWish_content .SubmitWish_content_list .content_list_title .list_title_left{ display: flex; align-items: center;} .SubmitWish .SubmitWish_content .SubmitWish_content_list .content_list_title .list_title_left dt{ margin-left: 115px; color: #8c9198;} .SubmitWish .SubmitWish_content .SubmitWish_content_list .content_list_title .list_title_right{ display: flex; align-items: center; font-size: 16px; color: #424d57;} .SubmitWish .SubmitWish_content .SubmitWish_content_list .content_list_title .list_title_right b{ color: #e55857; margin-right: 50px;} .SubmitWish .SubmitWish_content .SubmitWish_content_list .content_list_title .list_title_right span{ cursor: pointer;} .SubmitWish .SubmitWish_content .SubmitWish_content_list .content_list_txt{ padding: 0px 20px;} .SubmitWish .SubmitWish_content .SubmitWish_content_list .content_list_txt .list_txt_li{ display: flex; align-items: center; height: 60px; border-bottom: 1px dashed #dcdcdc; justify-content: space-between; padding: 0px 20px; padding-right: 80px; color: #333333;} .SubmitWish .SubmitWish_content .SubmitWish_content_list .content_list_txt .list_txt_li .txt_li_l.color{ color: #8c9198;} .SubmitWish .SubmitWish_content .SubmitWish_content_list .content_list_txt .list_txt_li .txt_li_l{ width: 10%; text-align: center;} .SubmitWish .SubmitWish_content .SubmitWish_content_list .content_list_txt .list_txt_li .txt_li_l:nth-child(1){ text-align: left;} .SubmitWish .SubmitWish_content .SubmitWish_content_list .content_list_txt .list_txt_li .txt_li_l:nth-child(2){ width: 40%; padding: 0px 25px; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .SubmitWish .SubmitWish_content .SubmitWish_content_list .content_list_txt .list_txt_li .txt_li_l:nth-child(4){ width: 20%;} .SubmitWish .SubmitWish_content .SubmitWish_content_list .content_list_txt .list_txt_li:last-child{ border-bottom: 0px;} .SubmitWish .SubmitWish_content .SubmitWish_content_list .content_list_txt .list_txt_li .txt_li_l:last-child{ display: flex; align-items: center; justify-content: flex-end;} .SubmitWish .SubmitWish_content .SubmitWish_content_list .content_list_txt .list_txt_li .txt_li_l span{ color: #004a91;} .SubmitWish .SubmitWish_content .SubmitWish_content_list .content_list_txt .list_txt_li .txt_li_l a{ color: #8c9198; margin-left: 30px;} .SubmitWish_page{ margin-top: 38px; display: flex; align-items: center; justify-content: center;} .SubmitWish_page li{ margin-right: 10px;} .SubmitWish_page li a{ font-size: 14px; color: #5f6166; display: flex; align-items: center; width: 30px; height: 30px; background: #f0f1f4; justify-content: center; border-radius: 3px;} .SubmitWish_page li:last-child{ margin-right: 0px;} .SubmitWish_page li.active a{ background: #004a91; color: #fff;} .Personal{ padding: 95px 0px; background: #f6f9fb url(../images/bg20.jpg) no-repeat 100% 100%; padding-bottom: 300px;} .Personal .Personal_left{ background: #fff; width: 24%; box-shadow: 0px 0px 30px rgba(0,0,0,.1); border-radius: 10px; border-top: 4px solid #004a91; height: 558px;} .Personal .Personal_left .Personal_left_title{ font-size: 24px; color: #004a91; padding: 30px 0px; padding-left: 65px;} .Personal .Personal_left .Personal_left_nav{ overflow: hidden;} .Personal .Personal_left .Personal_left_nav .left_nav_list{ display: flex; justify-content: space-between; padding-left: 65px; padding-right: 40px; height: 61px; float: left; width: 100%; align-items: center; font-size: 18px; color: #222e39; position: relative;} .Personal .Personal_left .Personal_left_nav .left_nav_list:before{ content: ""; position: absolute; display: inline-block; width: 3px; height: 100%; background: #192e7a; left: 0; top: 0; opacity: 0;} .Personal .Personal_left .Personal_left_nav .left_nav_list dd{ display: flex; align-items: center;} .Personal .Personal_left .Personal_left_nav .left_nav_list dd i{ font-size: 23px; margin-right: 20px;} .Personal .Personal_left .Personal_left_nav .left_nav_list.on{ background: #e8eaf1; color: #004a91;} .Personal .Personal_left .Personal_left_nav .left_nav_list.on:before{ opacity: 1;} .Personal .Personal_left .Personal_left_nav .left_nav_list:hover{ color: #004a91;} .Personal .Personal_right{ background: #fff; width: 74%; box-shadow: 0px 0px 30px rgba(0,0,0,.1); border-radius: 10px; padding: 65px 80px; min-height: 777px;} .Personal .Personal_right .Personal_right_title{ font-size: 28px; color: #06121e; text-align: center; padding-bottom: 24px; border-bottom: 2px solid #eaecee; position: relative;} .Personal .Personal_right .Personal_right_title:before{ content: ""; display: inline-block; width: 192px; height: 2px; background: #004a91; position: absolute; bottom: -2px; left: 0; right: 0; margin: 0 auto;} .Personal .Personal_right .Personal_right_txt{ display: flex; justify-content: center; align-items: center; flex-direction: column; margin-top: 57px;} .Personal .Personal_right .Personal_right_txt .right_txt_list{ display: flex; align-items: center; margin-bottom: 30px; position: relative;} .Personal .Personal_right .Personal_right_txt .right_txt_list dd{ width: 105px; font-size: 20px; color: #06121e; margin-right: 20px;} .Personal .Personal_right .Personal_right_txt .right_txt_list dd span{ margin: 0px 20px;} .Personal .Personal_right .Personal_right_txt .right_txt_list dt{ width: 434px;} .Personal .Personal_right .Personal_right_txt .right_txt_list dt input{ width: 100%; height: 54px; border: 1px solid #cbcbcb; font-size: 18px; color: #06121e; padding: 0px 22px;} .Personal .Personal_right .Personal_right_txt .right_txt_list dt input::-ms-input-placeholder{ color:#999999; font-size:18px;} .Personal .Personal_right .Personal_right_txt .right_txt_list dt input::-webkit-input-placeholder{ color:#999999; font-size:18px;} .Personal .Personal_right .Personal_right_txt .right_txt_list dt input::-moz-placeholder{ color:#999999; font-size:18px;} .Personal .Personal_right .Personal_right_txt .right_txt_list dt input::-moz-placeholder{ color:#999999; font-size:18px;} .Personal .Personal_right .Personal_right_txt .right_txt_list dt input::-moz-placeholder{ color:#999999; font-size:18px;} .Personal .Personal_right .Personal_right_txt .right_txt_list.phone dt{ height: 54px; background: #f2f2f2; font-size: 18px; color: #222e39; align-items: center; padding: 0px 22px; display: flex;} .Personal .Personal_right .Personal_right_txt .right_txt_list a{ font-size: 18px; color: #004a91; position: absolute; right: -55px;} .Personal .Personal_right .Personal_right_txt .right_txt_list.submit input{ border: 0px; background: #004a91; color: #fff; cursor: pointer;} .Personal_phone .pc_all_content{ padding: 0px; background: none; box-shadow: 0px 0px 0px;} .Personal_phone .registered_content{ margin-top: 57px;} .Personal_phone .registered_content .registered_content_list{ padding: 0px 22%;} .about{ padding: 132px 0px; padding-bottom: 0px;} .about .about_title{ padding-right: 165px; margin-bottom: 50px;} .about .about_title dd{ font-size: 36px; color: #004a91; position: relative; padding-bottom: 30px; margin-bottom: 55px;} .about .about_title dd:before{ content: ""; position: absolute; display: inline-block; width: 106px; height: 72px; background: url(../images/bn49.png) no-repeat 50% 50%; left: -70px; top: -22px;} .about .about_title dd:after{ content: ""; position: absolute; display: inline-block; width: 123px; height: 2px; background: url(../images/bn50.png) no-repeat 50% 50%; left: 0px; bottom: 0;} .about .about_title dt{ font-size: 28px; color: #222e39; margin-bottom: 25px;} .about .about_title p{ font-size: 20px; color: #424d57; line-height: 36px;} .about .about_center{ display: flex; justify-content: space-between; padding-right: 165px;} .about .about_center .about_center_list dd{ font-size: 20px; color: #004a91; margin-bottom: 18px;} .about .about_center .about_center_list dd span{ font-size: 56px; font-family: 'BEBAS'; position: relative; } .about .about_center .about_center_list dd i{ position: absolute; right: -25px; top: -13px; font-size: 42px; font-style: normal;} .about .about_center .about_center_list dt{ font-size: 18px; color: #222e39;} .about_img .about_img_list img{ border-radius: 10px; overflow: hidden; box-shadow: 0px 5px 46px rgba(0,33,64,.1);} .about_img .swiper-container{ padding-bottom: 132px;} .about_img .about_img_btn{ display: flex; align-items: center; margin-top: 60px; margin-bottom: 40px} .about_img .swiper-button-next,.about_img .swiper-button-prev{ width: 48px; height: 48px; background: #bbc0c7; position: inherit; border-radius: 100%; top: 0; margin-top: 0px; transition: all 0.5s ease 0s; box-shadow: 0px 10px 23px rgba(187,192,199,.5); -webkit-transform: all 0.5s ease 0s; } .about_img .swiper-button-prev{ margin-right: 20px;} .swiper-button-next:after, .swiper-button-prev:after{ font-size: 16px; color: #fff;} .about_img .swiper-button-next.swiper-button-disabled,.about_img .swiper-button-prev.swiper-button-disabled{ opacity: 1; background: #bbc0c7; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .about_img .swiper-button-next:hover,.about_img .swiper-button-prev:hover{ box-shadow: 0px 10px 23px rgba(1,60,139,.5); transition: all 0.5s ease 0s; background: #004a91; } .about2{ background: url(../images/bg34.jpg) no-repeat 50%/cover; padding-bottom: 130px;} .about2 .about_title{ padding-right: 550px; margin-bottom: 110px;} .about2 .about_title dd{ color: #fff;} .about2 .about_title dt{ color: #fff; position: relative; margin-bottom: 40px; padding-bottom: 40px;} .about2 .about_title dt:before{ content: ""; position: absolute; display: inline-block; width: 275px; height: 8px; background: url(../images/bn52.png) no-repeat 50%/cover; bottom: 0; left: 0;} .about2 .about_title p{ color: #fff;} .about2 .about_title dd:before{ opacity: .5;} .about2 .about_title dd:after{ background: url(../images/bn51.png) no-repeat 50% 50%;} .about2 .about2_content{ display: flex; padding-right: 185px; justify-content: space-between;} .about2 .about2_content .about2_content_list{ width: 28%; position: relative;} .about2 .about2_content .about2_content_list:before{ content: ""; position: absolute; display: inline-block; width: 1px; height: 110px; background: rgba(255,255,255,.2); position: absolute; right: -36px;} .about2 .about2_content .about2_content_list:last-child:before{ display: none;} .about2 .about2_content .about2_content_list:first-child{ padding-left: 0px;} .about2 .about2_content .about2_content_list:last-child{ padding-right: 0px;} .about2 .about2_content .about2_content_list dd{ font-size: 28px; color: #fff; display: flex; align-items: center; margin-bottom: 18px;} .about2 .about2_content .about2_content_list dd img{ margin-right: 17px;} .about2 .about2_content .about2_content_list dt{ font-size: 18px; opacity: .6; color: #fff; line-height: 27px;} .about3{ background: #f6f9fb; position: relative; padding-bottom: 220px; overflow: hidden;} .about3 .about_title dd{ margin-bottom: 130px;} .about3 .about3_content .about3_content_left{ width: 45%;} .about3 .about3_content .about3_content_left .content_left_top{ padding-bottom: 155px;} .about3 .about3_content .about3_content_left .content_left_top .left_top_list dd{ font-size: 30px; color: #004a91; margin-bottom: 50px;} .about3 .about3_content .about3_content_left .content_left_top .left_top_list dd span{ font-family: 'BEBAS'; font-size: 64px;} .about3 .about3_content .about3_content_left .content_left_top .left_top_list dt{ font-size: 22px; color: #222e39;} .about3 .about3_content .about3_content_left .buildchange .buildnum{ display: flex; align-items: flex-end; font-family: 'BEBAS'; font-size: 16px; color: #bbc0c7;} .about3 .about3_content .about3_content_left .buildchange .buildnum .currentnum{ font-size: 24px; color: #004a91; margin-right: 5px;} .about3 .about3_content .about3_content_left .buildchange .buildnum i{ font-style: normal; margin-left: 5px;} .about3 .about3_content .about3_content_right{ position: absolute; right: -450px; width: 78%; top: 0px; height: 100%; display: flex; align-items: center;} .about3 .about3_content .about3_content_right .content_right_list{ margin-right: 80px; border-radius: 10px; overflow: hidden; box-shadow: 0px 5px 46px rgba(0,33,64,.1);} .about3 .about3_content .about3_content_right .content_right_list img{ width: 100%;} .about3 .slick-prev,.about3 .slick-next{ width: 48px; height: 48px; background: #bbc0c7; border-radius: 100%; top: inherit; margin-top: 0px; transition: all 0.5s ease 0s; bottom: -105px; box-shadow: 0px 10px 23px rgba(187,192,199,.5); -webkit-transform: all 0.5s ease 0s; } .about3 .slick-next{ left: 70px;} .about3 .slick-prev:before,.about3 .slick-next:before{ font-size: 25px; color: #fff;} .about3 .slick-prev.slick-disabled:before,.about3 .slick-next.slick-disabled:before{ opacity: 1;} .about3 .slick-prev.slick-disabled,.about3 .slick-next.slick-disabled{ background: #bbc0c7; transition: all 0.5s ease 0s; } .about3 .slick-prev:hover,.about3 .slick-next:hover{ box-shadow: 0px 10px 23px rgba(1,60,139,.5); transition: all 0.5s ease 0s; background: #004a91;} .about4{ background: #f6f9fb url(../images/bg20.jpg) no-repeat 50%/cover; padding-bottom: 150px; position: relative;} .about4:before{ content: ""; position: absolute; display: inline-block; width: 95%; height: calc(100% - 255px); border-radius: 0px 15px 15px 0px; background: #fff; box-shadow: 0 0 90px rgba(29, 56, 75, .17); } .about4 .pc_all_content{ display: flex; padding-top: 90px; padding-bottom: 52px; position: relative; justify-content: space-between;} .about4 .about4_left{ width: 62%;} .about4 .about4_left dd{ margin-bottom: 34px; border-bottom: 5px solid #f2f2f2; padding-bottom: 55px;} .about4 .about4_left dt{ font-size: 22px; color: #222e39; line-height: 36px;} .about4 .about4_left dt p{ margin-bottom: 10px;} .about4 .about4_left dt p:last-child{ margin-bottom: 0px;} .about4 .about4_left dt b{ color: #004a91;} .about4 .about4_left a{ display: flex; width: 173px; height: 51px; align-items: center; justify-content: center; background: linear-gradient(to right,#004a91, #0e66ba); color: #fff; font-size: 16px; border-radius: 4px; margin-top: 80px;} .about4 .about4_left a i{ margin-left: 10px;} .about4 .about4_right{ border-radius: 20px; overflow: hidden; width: 32%;} .about4 .about4_right img{ max-width: 100%;} .news{ background: #f6f9fb url(../images/bg20.jpg) no-repeat 50% 100%; padding: 70px 0px; position: relative;} .news .news_content .news_content_list{ display: flex; align-items: center; justify-content: space-between; padding: 25px 25px; border-radius: 10px; padding-left: 0px; position: relative;} .news .news_content .news_content_list:before{ content: ""; position: absolute; display: inline-block; width: 100%; height: 1px; background: #e7e9eb; right: 0; bottom: 0;} .news .news_content .news_content_list .content_list_left{ width: 100%; display: flex; align-items: center; justify-content: space-between;} .news .news_content .news_content_list .content_list_left .list_left_time{ width: 15%; margin-right: 3%; text-align: center; font-family: 'BEBAS'; position: relative;} .news .news_content .news_content_list .content_list_left .list_left_time:before{ content: ""; position: absolute; right: 0px; width: 1px; height: 155px; background: #e7e9eb; top:-40px;} .news .news_content .news_content_list .content_list_left .list_left_time:after{ content: ""; position: absolute; display: inline-block; width: 50px; height: 4px; background: #004a91; left: 0; right: 0; margin: 0 auto; bottom: -30px; opacity: 0; transition: all 0.5s ease 0s; } .news .news_content .news_content_list .content_list_left .list_left_time dd{ font-size: 31px; color: #004a91;} .news .news_content .news_content_list .content_list_left .list_left_time dt{ font-size: 15px; color: #004a91; margin-top: 5px;} .news .news_content .news_content_list .content_list_left .list_left_txt{ width: 81%;} .news .news_content .news_content_list .content_list_left .list_left_txt dd{ font-size: 20px; color: #3f444a; margin-bottom: 20px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .news .news_content .news_content_list .content_list_left .list_left_txt dt{ font-size: 14px; color: #3f444a; line-height: 28px; color: #666666; font-size: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .news .news_content .news_content_list:hover{ box-shadow: 0px 0px 25px rgba(0,0,0,.1); background: #fff;} .news .news_content .news_content_list .content_list_right{ width: 18%;} .news .news_content .news_content_list .content_list_right img{ width: 100%;} .news .news_content .news_content_list:hover .content_list_left .list_left_time:after{ opacity: 1; transition: all 0.5s ease 0s; } .DNews { padding: 65px 0px;} .DNews .pc_all_content{ background: #fff; padding: 45px; box-shadow: 0px 0px 35px rgba(0,0,0,.1); border-radius: 8px;} .DNews .DNews_title{ text-align: center; border-bottom: 1px solid #bbc0c7; padding-bottom: 22px; margin-bottom: 40px;} .DNews .DNews_title dd{ font-size: 24px; color: #06121e;} .DNews .DNews_title dt{ display: flex; align-items: center; justify-content: center; font-size: 14px; color: #8c9198; margin-top: 15px;} .DNews .DNews_title dt span{ margin-right: 50px;} .DNews .DNews_title dt span:last-child{ margin-right: 0px;} .DNews .DNews_content p{ line-height: 32px; color: #666666; margin-bottom: 25px; font-size: 18px;} .DNews .DNews_content p:last-child{ margin-bottom: 0px;} .DNews .DNews_content img{ max-width: 100%;} .DNews .DNews_page{ display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #bbc0c7; margin-top: 55px; padding-top: 40px;} .DNews .DNews_page .DNews_page_list{ max-width: 35%; font-size: 16px; color: #222e39; line-height: 45px; background: #f8f8f8; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .DNews .DNews_page .DNews_page_list span{ display: inline-block; width: 107px; height: 45px; background: #f2f2f2; text-align: center;} .DNews .DNews_page .DNews_page_list a{ font-size: 18px; color: #222e39; padding: 0px 10px;} .DNews .DNews_page .DNews_page_list:last-child{ text-align: right;} .Brands{ background: #f6f9fb url(../images/bg20.jpg) no-repeat 50% 100%; padding: 70px 0px; position: relative;} .Brands .Brands_list{ display: flex; justify-content: space-between; padding: 55px 40px; border-bottom: 1px solid #dcdcdc;} .Brands .Brands_list:hover{ background: #fff; border-radius: 10px; border-bottom: 1px solid #fff; box-shadow: 0px 5px 45px rgba(0,0,0,.08);} .Brands .Brands_list .Brands_list_logo{ width: 30%; text-align: center; padding-top: 30px;} .Brands .Brands_list .Brands_list_right{ width: 65%; font-size: 15px; color: #424d57; line-height: 28px; text-align: justify;} .Brands .Brands_list .Brands_list_right dt{ font-size: 15px; color: #004a91; display: flex; align-items: center; justify-content: center; width: 255px; height: 50px; border: 1px solid #004a91; border-radius: 5px; margin-top: 35px; transition: all 0.5s ease 0s; position: relative;} .Brands .Brands_list .Brands_list_right dt span{ position: relative; z-index: 1;} .Brands .Brands_list .Brands_list_right dt:before{ content: ""; position: absolute; width: 100%; height: 100%; background: linear-gradient(to right,#004a91, #0e66ba); z-index: 1; opacity: 0; transition: all 0.5s ease 0s; left: 0; top: 0;} .Brands .Brands_list:hover .Brands_list_right dt{ color: #fff; transition: all 0.5s ease 0s; } .Brands .Brands_list:hover .Brands_list_right dt:before{ opacity: 1; transition: all 0.5s ease 0s; } .contact{ background: #f8fafc; padding: 60px 0px;} .contact .contact_top{ margin-bottom: 50px;} .contact .contact_top .contact_top_title{ text-align: center; margin-bottom: 55px;} .contact .contact_top .contact_top_title dd{ font-size: 26px; color: #17509d; margin-bottom: 15px;} .contact .contact_top .contact_top_title dt{ font-size: 20px; color: #222e39;} .contact .contact_top .contact_top_title dt span{ position: relative; display: flex; align-items: center; justify-content: center;} .contact .contact_top .contact_top_title dt span:before{ content: ""; display: inline-block; width: 154px; height: 4px; background: url(../images/bg43.jpg) no-repeat 50% 50%; margin-right: 50px;} .contact .contact_top .contact_top_title dt span:after{ content: ""; display: inline-block; width: 154px; height: 4px; background: url(../images/bg44.jpg) no-repeat 50% 50%; margin-left: 50px;} .contact .contact_top .contact_top_title p{ font-size: 16px; color: #222e39; margin-top: 20px;} .contact .contact_top .contact_top_content{ display: flex; align-items: center; justify-content: space-between; border: 1px solid #bbc0c7;background: #fff; } .contact .contact_top .contact_top_content .top_content_list{ width: 50%; border-right: 0px;} .contact .contact_top .contact_top_content .top_content_list .content_list_icon dd{ height: 40px; display: flex; align-items: center; justify-content: center;} .contact .contact_top .contact_top_content .top_content_list .content_list_icon dd img{ max-height: 40px;} .contact .contact_top .contact_top_content .top_content_list .content_list_icon dt{ font-size: 18px; color: #004a91; text-align: center; margin-top: 20px;} .contact .contact_top .contact_top_content .top_content_list .content_list_icon p{ font-family: 'BEBAS'; font-size: 16px; color: #bbc0c7; text-align: center; margin-top: 3px;} .contact .contact_top .contact_top_content .top_content_list .content_list_txt{ font-size: 14px; color: #222e39; line-height: 28px; text-align: center; margin-top: 15px;} .contact .contact_center .contact_center_title{ text-align: center; margin-bottom: 54px;} .contact .contact_center .contact_center_title dd{ font-size: 22px; color: #222e39; margin-bottom: 5px;} .contact .contact_center .contact_center_title dt{ font-size: 15px; color: #bbc0c7;} .contact .contact_center .contact_center_txt{ display: flex; align-items: center; background: #fff; box-shadow: 0px 5px 46px rgba(0,0,0,.1); border-radius: 10px;} .contact .contact_center .contact_center_txt .center_txt_left{ width: 50%;} .contact .contact_center .contact_center_txt .center_txt_left img{ max-width: 100%; height: 675px; object-fit: cover;} .contact .contact_center .contact_center_txt .center_txt_right{ width: 50%; padding: 0px 60px;} .contact .contact_center .contact_center_txt .center_txt_right .txt_right_list{ display: flex; align-items: center; height: 45px; border: 1px solid #dedede; width: 100%; margin-bottom: 15px; justify-content: space-between; padding: 0px 20px;} .contact .contact_center .contact_center_txt .center_txt_right .txt_right_list dd{ position: relative; display: flex; align-items: center; justify-content: flex-end; padding-right: 10px;} .contact .contact_center .contact_center_txt .center_txt_right .txt_right_list dd:before{ content: ""; display: inline-block; width: 1px; height: 16px; background: #999999; position: absolute; right: 0;} .contact .contact_center .contact_center_txt .center_txt_right .txt_right_list dt{ width: 91%;} .contact .contact_center .contact_center_txt .center_txt_right .txt_right_list dt input{ width: 100%; height: 35px; background: #fff; font-size: 16px; color: #06121e;} .contact .contact_center .contact_center_txt .center_txt_right .txt_right_list dt input::-ms-input-placeholder{ color:#999999; font-size:16px;} .contact .contact_center .contact_center_txt .center_txt_right .txt_right_list dt input::-webkit-input-placeholder{ color:#999999; font-size:16px;} .contact .contact_center .contact_center_txt .center_txt_right .txt_right_list dt input::-moz-placeholder{ color:#999999; font-size:16px;} .contact .contact_center .contact_center_txt .center_txt_right .txt_right_list dt input::-moz-placeholder{ color:#999999; font-size:16px;} .contact .contact_center .contact_center_txt .center_txt_right .txt_right_list dt input::-moz-placeholder{ color:#999999; font-size:16px;} .contact .contact_center .contact_center_txt .center_txt_right .txt_right_list.txt_right_textarea{ height: auto; align-items: flex-start; padding: 20px;} .contact .contact_center .contact_center_txt .center_txt_right .txt_right_list.txt_right_textarea textarea{ resize: none; width: 100%; height: 80px;} .contact .contact_center .contact_center_txt .center_txt_right .txt_right_list.txt_right_submit{ border: 0px; height: auto; padding: 0px;} .contact .contact_center .contact_center_txt .center_txt_right .txt_right_list.txt_right_submit input{ display: flex; align-items: center; justify-content: center; height: 61px; width: 100%; font-size: 16px; color: #fff; background: #004a91; cursor: pointer;} .Dealer{ margin-top: 55px;} .Dealer .Dealer_content{ background: #fff; padding: 65px 70px; box-shadow: 0px 0px 35px rgba(0,0,0,.1); border-radius: 8px;} .Dealer .Dealer_content .Dealer_content_top{ display: flex; align-items: center; font-size: 18px; color: #222e39; border-bottom: 2px solid #f2f2f2; padding-bottom: 38px; margin-bottom: 38px;} .Dealer .Dealer_content .Dealer_content_top .content_top_list { margin-right: 70px;} .Dealer .Dealer_content .Dealer_content_top .content_top_list select{ height: 48px; font-size: 18px; color: #222e39; border: 1px solid #bbc0c7; border-radius: 5px; width: 260px; padding: 0px 10px; margin-left: 15px; background: url(../images/bn79.png) no-repeat 95% 50%; padding-right: 35px; -webkit-appearance: none; -moz-appearance: none; } .Dealer .Dealer_content .Dealer_content_top .content_top_list:last-child{ margin-right: 0px;} .Dealer .Dealer_content .Dealer_content_txt{ overflow: hidden;} .Dealer .Dealer_content .Dealer_content_txt .content_txt_list{ border: 1px solid #dedede; width: 32%; margin-right: 2%; padding: 25px 20px; float: left; min-height: 480px; margin-bottom: 2%;} .Dealer .Dealer_content .Dealer_content_txt .content_txt_list:nth-child(3n){ margin-right: 0px;} .Dealer .Dealer_content .Dealer_content_txt .content_txt_list dd{ font-size: 18px; color: #222e39; margin-bottom: 30px;} .Dealer .Dealer_content .Dealer_content_txt .content_txt_list dt{ font-size: 14px; color: #424d57;} .Dealer .Dealer_content .Dealer_content_txt .content_txt_list dt p{ margin-bottom: 20px; display: flex;} .Dealer .Dealer_content .Dealer_content_txt .content_txt_list dt p:last-child{ margin-bottom: 0px;} .Dealer .Dealer_content .Dealer_content_txt .content_txt_list dt p span:first-child{ display: inline-block; width: 7%; text-align: center; margin-right: 7px; position: relative; top: 1px;} .Dealer .Dealer_content .Dealer_content_txt .content_txt_list dt p span:last-child{ width: 92%; text-align: left; word-wrap:break-word;} .problem{ background: #f6f9fb url(../images/bg20.jpg) no-repeat 50% 100%; padding: 65px 0px; position: relative; padding-bottom: 65px;} .problem .problem_title{ margin-bottom: 40px;} .problem .problem_title dd{ font-size: 24px; color: #17509d;} .problem .problem_title dt{ font-size: 18px; color: #bbc0c7; font-family: 'BEBAS'; margin-top: 8px; display:none;} .problem .problem_content{ margin-bottom: 70px;} .problem .problem_content .problem_content_list{ margin-bottom: 25px; box-shadow: 0px 0px 22px rgba(0,0,0,.08); border-radius: 10px; overflow: hidden;} .problem .problem_content .problem_content_list:last-child{ margin-bottom: 0px;} .problem .problem_content .problem_content_list .content_list_title{ display: flex; align-items: center; justify-content: space-between; height: 90px; background: #fff; padding: 0px 40px; cursor: pointer; transition: all 0.5s ease 0s;} .problem .problem_content .problem_content_list .content_list_title.on{ background: #004a91; transition: all 0.5s ease 0s;} .problem .problem_content .problem_content_list .content_list_title.on dd{ color: #fff; transition: all 0.5s ease 0s;} .problem .problem_content .problem_content_list .content_list_title.on dd span{ border: 1px solid #fff; background: #fff; transition: all 0.5s ease 0s;} .problem .problem_content .problem_content_list .content_list_title.on dt{ color: #fff; transition: all 0.5s ease 0s;} .problem .problem_content .problem_content_list .content_list_title dd{ display: flex; align-items: center; font-size: 26px; color: #222e39; transition: all 0.5s ease 0s;} .problem .problem_content .problem_content_list .content_list_title dd span{ display: inline-block; font-size: 18px; color: #65696e; width: 33px; height: 33px; border-radius: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid #bbc0c7; margin-right: 15px; transition: all 0.5s ease 0s;} .problem .problem_content .problem_content_list .content_list_title dt{ font-size: 40px; color: #222e39; transition: all 0.5s ease 0s; width: 25px; height: 25px; position: relative; display: flex; align-items: center; justify-content: center;} .problem .problem_content .problem_content_list .content_list_title dt span{ position: absolute; width: 100%; text-align: center; line-height: 25px;} .problem .problem_content .problem_content_list .content_list_title dt span:last-child{ opacity: 0;} .problem .problem_content .problem_content_list .content_list_title.on dt span:first-child{ opacity: 0;} .problem .problem_content .problem_content_list .content_list_title.on dt span:last-child{ opacity: 1;} .problem .problem_content .problem_content_list .content_list_txt{ display: none; background: #fff; padding: 20px 40px; overflow: hidden;} .problem .problem_content .problem_content_list .content_list_txt dd{ display: inline-block; font-size: 18px; color: #65696e; width: 33px; height: 33px; border-radius: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid #bbc0c7; margin-right: 15px; transition: all 0.5s ease 0s; position: relative; top: 5px; float: left;} .problem .problem_content .problem_content_list .content_list_txt dt{ color: #65696e; font-size: 14px; line-height: 26px; width: 96%; float: right; padding-top:9px;} .Video .Video_content{} .Video .Video_content .Video_content_list{ display: flex; align-items: center; justify-content: space-between; padding: 36px; padding-right: 80px; border-bottom: 1px solid #bbc0c7; transition: all 0.5s ease 0s; margin-bottom: 30px; cursor: pointer;} .Video .Video_content .Video_content_list:last-child{ margin-bottom: 0px;} .Video .Video_content .Video_content_list:hover{ background: #fff; border-radius: 10px; transition: all 0.5s ease 0s; border-bottom: 1px solid #fff; box-shadow: 0px 5px 46px rgba(0,0,0,.1);} .Video .Video_content .Video_content_list .content_list_img{ width: 30%; position: relative;} .Video .Video_content .Video_content_list .content_list_img:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/bn80.png) no-repeat 50% 50% rgba(0,0,0,.3);} .Video .Video_content .Video_content_list .content_list_img img{ width: 100%; } .Video .Video_content .Video_content_list .content_list_txt{ width: 66%; } .Video .Video_content .Video_content_list .content_list_txt dd{ font-size: 18px; color: #222e39; font-weight: bolder; margin-bottom: 10px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .Video .Video_content .Video_content_list .content_list_txt dt{ font-size: 14px; line-height: 21px; color: #222e39; margin-bottom: 55px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .Video .Video_content .Video_content_list .content_list_txt a{ display: flex; width: 227px; height: 46px; align-items: center; justify-content: center; font-size: 16px; color: #fff; background: #004a91; border-radius: 5px;} .Video .Video_content .Video_content_list .content_list_txt a img{ position: relative; top: 1px; margin-right: 8px;} .content_list_video{ display:none;} .content_list_video.on{ display:block;} .content_list_video .list_video_bg{ position:fixed; background:rgba(0,0,0,.8); left:0; top:0; width:100%; height:100%; z-index:120;} .content_list_video .list_video_content{ position: fixed; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index:121; } .content_list_video .list_video_content .video_content_close{ cursor:pointer; position:fixed; right:0; top:-35px;} .content_list_video .list_video_content .video_content_close span{ color:#fff; font-size:25px;} .content_list_video .list_video_content video{ width:100%;} .manual{ background:#fff;} .manual .manual_search{ display: flex; align-items: center; margin-bottom: 50px;} .manual .manual_search input[type="search"]{ width: 348px; height: 51px; display: flex; align-items: center; padding-left: 56px; border: 1px solid #dcdcdc; background: #fff url(../images/bn82.png) no-repeat 15px 50%; padding-right: 15px; border-radius: 5px 0px 0px 5px;} .manual .manual_search input::-ms-input-placeholder{ color:#bbc0c7; font-size:16px;} .manual .manual_search input::-webkit-input-placeholder{ color:#bbc0c7; font-size:16px;} .manual .manual_search input::-moz-placeholder{ color:#bbc0c7; font-size:16px;} .manual .manual_search input::-moz-placeholder{ color:#bbc0c7; font-size:16px;} .manual .manual_search input::-moz-placeholder{ color:#bbc0c7; font-size:16px;} .manual .manual_search input[type="submit"]{ width: 111px; height: 51px; background: #004a91; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 16px; border-radius: 0px 5px 5px 0px;} .manual .manual_content{ overflow: hidden; margin-bottom: 30px;} .manual .manual_content .manual_content_list{ width: 100%; display: inline-block; position: relative; overflow: hidden; float:left;} .manual .manual_content .manual_content_list:nth-child(2n){ background:#f8f8f8;} .manual .manual_content .manual_content_list .content_list_img{ position: relative;} .manual .manual_content .manual_content_list .content_list_img img{ max-width: 100%;} .manual .manual_content .manual_content_list .content_list_img:before{ content: ""; position: absolute; display: inline-block; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,74,145,.2);} .manual .manual_content .manual_content_list .content_list_txt{ display: flex; align-items: center; justify-content: space-between; padding: 15px 15px;} .manual .manual_content .manual_content_list .content_list_txt .list_txt_left{ width: 70%;} .manual .manual_content .manual_content_list .content_list_txt .list_txt_left dd{ font-size: 16px; color: #17509d; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .manual .manual_content .manual_content_list .content_list_txt .list_txt_left dt{ font-size: 16px; color: #17509d; margin-top: 10px;} .manual .manual_content .manual_content_list .content_list_txt .list_txt_right{ width: 58px; height: 23px; background: #004a91; border-radius: 5px; font-size: 14px; color: #fff; display: flex; align-items: center; justify-content: center;} .manual .manual_content .manual_content_list:hover{ padding:0px 20px;} .buy{ background: #f6f9fb;} .buy .buy_content{ display: flex; justify-content: space-between; margin-bottom: 40px;} .buy .buy_content .buy_content_list{ display: flex; height: 160px; width: 32%; background: #fff; align-items: center; padding: 0px 30px; position: relative; border-radius: 15px; overflow: hidden; box-shadow: 0px 5px 46px rgba(0,0,0,.1);} .buy .buy_content .buy_content_list:before{ content: ""; position: absolute; display: inline-block; width: 100%; left: 0; top: 0; background: linear-gradient(to right,#004a91, #378ada); height: 100%; opacity: 0; transition: all 0.5s ease 0s;} .buy .buy_content .buy_content_list .content_list_icon{ margin-right: 15px; position: relative;} .buy .buy_content .buy_content_list .content_list_icon i{ font-size: 70px; color: #004a91; transition: all 0.5s ease 0s;} .buy .buy_content .buy_content_list .content_list_txt{ position: relative;} .buy .buy_content .buy_content_list .content_list_txt dd{ font-size: 16px; color: #8c9198; margin-bottom: 11px; transition: all 0.5s ease 0s;} .buy .buy_content .buy_content_list .content_list_txt dt{ font-size: 14px; color: #222e39; line-height: 21px; transition: all 0.5s ease 0s;} .buy .buy_content .buy_content_list:nth-child(1) .content_list_txt dt{ font-size: 24px; font-family: 'BEBAS';} .buy .buy_content .buy_content_list:hover:before{ opacity: 1; transition: all 0.5s ease 0s;} .buy .buy_content .buy_content_list:hover .content_list_icon i{ transition: all 0.5s ease 0s; color: #fff;} .buy .buy_content .buy_content_list:hover .content_list_txt dd{ transition: all 0.5s ease 0s; color: #fff;} .buy .buy_content .buy_content_list:hover .content_list_txt dt{ transition: all 0.5s ease 0s; color: #fff;} .buy .Dealer{ margin-top: 0px;} .buy2{ position: relative;} .buy2 .buy2_img img{ width: 100%; } .buy2 .buy2_txt{ position: absolute; left: 0; top: 0; width: 100%; text-align: center; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;} .buy2 .buy2_txt dd{ font-size: 24px; color: #222e39; margin-bottom: 20px;} .buy2 .buy2_txt dt{ font-size: 16px; color: #222e39;} .wish2{ background: #f6f9fb url(../images/bg20.jpg) no-repeat 50% 100%; padding: 105px 0px; position: relative; padding-bottom: 150px;} .wish2 .pc_all_content{ background: none; box-shadow: 0px 0px 0px; border-radius: 0px; padding: 0px; position: relative; min-height:925px;} .wish2 .wish2_left{ overflow: hidden; position: relative; top: 0; float: left; transition: all 0.5s ease 0s; width: 25%; background: #fff; box-shadow: 0px 5px 46px rgba(0,33,64,.1); border-radius: 8px; } .wish2 .wish2_left.on{ top: -80px; transition: all 0.5s ease 0s; position:absolute;} .wish2 .wish2_left .wish2_left_title{ display: flex; align-items: center; justify-content: space-between; height: 53px; background: #004a91; font-size: 16px; color: #fff; position: relative; padding: 0px 20px;} .ClearOptions{ width: 70px; height: 28px; font-size: 14px; color: #004a91; display: flex; justify-content: center; align-items: center; background: #fff; border-radius: 3px;} .wish2 .wish2_left .wish2_left_title img{ margin-right: 10px; position: relative; top: -1px;} .wish2 .wish2_left .wish2_left_title span{ cursor: pointer;} .wish2 .wish2_left .wish2_left_title span:after{ content: "收起筛选";} .wish2 .wish2_left.on .wish2_left_title span:after{ content: "展开筛选";} .wish2 .wish2_left .wish2_left_content{ padding: 30px;} .wish2 .wish2_left .wish2_left_content .left_content_list{ margin-bottom: 20px;} .wish2 .wish2_left .wish2_left_content .left_content_list dd{ font-size: 20px; color: #222e39; margin-bottom: 2px;} .wish2 .wish2_left .wish2_left_content .left_content_list dt p{ margin-top: 14px;} .wish2 .wish2_left .wish2_left_content .left_content_list dt p a{ font-size: 16px; color: #424d57;} .wish2 .wish2_left .wish2_left_content .left_content_list dt p a:before{ content: ""; display: inline-block; width: 11px; height: 11px; border-radius: 50%; border: 1px solid #424d57; margin-right: 10px;} .wish2 .wish2_left .wish2_left_content .left_content_list dt p a span{ font-size: 12px; color: #004a91; margin-left: 2px;} .wish2 .wish2_left .wish2_left_content .left_content_list dt p a.on:before{ background: url(../images/bn85.png) no-repeat 50% 50%;} .wish2 .wish2_left .wish2_left_content .left_content_list dt p a.on{ color: #004a91;} .wish2 .wish2_left .wish2_left_content .left_content_list2 dt{ font-size: 16px; color: #8c9198; overflow: hidden;} .wish2 .wish2_left .wish2_left_content .left_content_list2 dt a{ float: left; font-size: 16px; color: #8c9198; line-height: 30px; background: #f2f2f2; padding: 0px 13px; margin-right: 10px; border-radius: 6px; margin-top: 10px;} .wish2 .wish2_left .wish2_left_content .left_content_list2 dt a.on{ color: #fff; background: #004a91;} .wish2 .wish2_left .wish2_left_content .left_content_list2 dt a:hover{ color: #fff; background: #004a91;} .wish2 .wish_content{ width: 73%; float: right; background: #fff; box-shadow: 0px 5px 46px rgba(0,33,64,.1); border-radius: 8px; padding: 30px; transition: all 0.5s ease 0s; } .wish2 .wish_content.on{ width: 100%; transition: all 0.5s ease 0s;} .wish2 .wish_content .wish_content_top{ background: #f6f9fb; color: #222e39; font-size: 16px;} .wish2 .wish_content .wish_content_top .content_top_list{ text-align: center;} .wish2 .wish_content .wish_content_top .content_top_list:nth-child(1){ width: 10%; text-align: left;} .wish2 .wish_content .wish_content_top .content_top_list:nth-child(2){ width: 20%; text-align: left;} .wish2 .wish_content .wish_content_top .content_top_list:nth-child(3){ width: 15%; text-align: center;} .wish2 .wish_content .wish_content_top .content_top_list:nth-child(4){ width: 15%; text-align: center;} .wish2 .wish_content .wish_content_top .content_top_list:nth-child(5){ width: 15%; text-align: center;} .wish2 .wish_content .wish_content_top .content_top_list:nth-child(6){ width: 15%; text-align: center;} .wish2 .wish_content .wish_content_top .content_top_list:nth-child(7){ width: 10%; text-align: center;} .wish2 .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list:nth-child(1){ width: 10%; text-align: left;} .wish2 .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list:nth-child(2){ width: 20%; text-align: left;} .wish2 .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list:nth-child(3){ width: 15%; text-align: center;} .wish2 .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list:nth-child(4){ width: 15%;} .wish2 .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list:nth-child(5){ width: 15%;} .wish2 .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list:nth-child(6){ width: 15%;} .wish2 .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list:nth-child(7){ width: 10%;} .wish2 .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list.bottom_txt_down dt{ left: -3px;} .wish2 .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst{ background: #fff; border-bottom: 1px solid #dddfe3;} .wish2 .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list.bottom_txt_specification .txt_specification_down{ left: -6px;} .wish2 .wish_content.on .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list.bottom_txt_down dt{ left: 24px;} .wish2 .wish_content.on .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list.bottom_txt_specification .txt_specification_down{ left: 24px;} .statement .statement_content{ font-size: 16px; color: #666;} .statement .statement_content p{ margin-bottom: 20px; line-height: 28px;} .statement .statement_content p:last-child{ margin-bottom: 0px;} .WInquiry{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); display: flex; align-items: center; justify-content: center; z-index: 5; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); filter: scale(0); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; cursor:pointer; } .WInquiry.on{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; cursor:pointer; } .WInquiry .WInquiry_content{ padding: 20px; background: #fff; border-radius: 10px; box-shadow: 0px 0px 25px rgba(0,0,0,.3);} .WInquiry .WInquiry_content dd{ font-size: 16px; color: #333; text-align: center; justify-content: space-between; display: flex; margin-bottom: 10px;} .WInquiry .WInquiry_content dt img{ width: 205px;} .WInquiry .WInquiry_content dd .iconfont{ cursor: pointer; font-size: 18px; color: #999; font-weight: bolder;} .DProduct2 .DProduct_left{ padding:0px; background:none; box-shadow:0px 0px 0px;} .DProduct2 .product_list .product_list_tab .list_tab_txt .tab_txt_list{ background:#fff;} .DProduct2 .product_list{ padding-top:0px;} .DProduct2 .DProduct_right{ margin-top:59px;} .DProduct2 .product_list .product_list_tab{ margin-bottom:55px;} .ProDown{ display:flex;} .ProDown .ProDown_left{ position:relative; width:215px; margin-right:80px;} .ProDown .ProDown_left:before{ content:""; display:inline-block; width:1px; background:#dcdcdc; height:320px; position:absolute; right:0; top:0;} .ProDown .ProDown_left a{ font-size:16px; color:#222222; display: flex; align-items:center;transition: all 0.5s ease 0s; cursor:default;} .ProDown .ProDown_left a:before{ content:""; display:inline-block; width:0px; height:1px; background:#004a91; margin-right:13px;transition: all 0.5s ease 0s;} .ProDown .ProDown_left ul li{ margin-bottom:25px;transition: all 0.5s ease 0s;} .ProDown .ProDown_left ul li:last-child{ margin-bottom:0px;} .ProDown .ProDown_left ul li a.on{ color:#004a91;transition: all 0.5s ease 0s;} .ProDown .ProDown_left ul li a.on:before{ width:22px;transition: all 0.5s ease 0s;} .ProDown .ProDown_right{ position: relative; width:230px;} .ProDown .ProDown_right .ProDown_right_list{ opacity:0;transition: all 0.5s ease 0s; position:absolute; top:0; z-index:-1;} .ProDown .ProDown_right .ProDown_right_list.on{ opacity:1;transition: all 0.5s ease 0s; z-index:5;} .ProDown .ProDown_right .ProDown_right_list a{ font-size:16px; color:#222; margin-bottom:25px; display:block; height:21px; line-height:21px;} .ProDown .ProDown_right .ProDown_right_list a:last-child{ margin-bottom:0px;} .ProDown .ProDown_right .ProDown_right_list a:hover{ color:#004a91;} .ProDown .ProDown_left ul li:last-child a{ cursor: pointer;} .WSupply{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); display:flex; align-items:center; justify-content:center; -webkit-transform: scale(0); z-index:88; -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); filter: scale(0); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; opacity:0; } .WSupply.on{ opacity:1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .WSupply .WSupply_content{ width:970px; background:#fff; padding:30px;} .WSupply .WSupply_content .WSupply_content_title{ font-size:18px; color:#333; position:relative; margin-bottom:30px;} .WSupply .WSupply_content .WSupply_content_title .fa-close{ position:absolute; right:0; top:0; font-size:18px; color:#999; cursor:pointer;} .WSupply .WSupply_content .WSupply_content_txt{ overflow:hidden;} .WSupply .WSupply_content .WSupply_content_txt .content_txt_list{ display:flex; align-items:center; justify-content:space-between; margin-bottom:22px; float:left; width:48%;} .WSupply .WSupply_content .WSupply_content_txt .content_txt_list:nth-child(2n){ float:right;} .WSupply .WSupply_content .WSupply_content_txt .content_txt_list .txt_list_left{ width:15%; font-size:15px;} .WSupply .WSupply_content .WSupply_content_txt .content_txt_list .txt_list_right{ width:82%; display:flex; align-items:center;} .WSupply .WSupply_content .WSupply_content_txt .content_txt_list .txt_list_right input{ height:45px; border:1px solid #dcdcdc; width:100%; padding:0px 13px; font-size:15px; color:#333;} .WSupply .WSupply_content .WSupply_content_txt .content_txt_list .txt_list_right select{ height:45px; border:1px solid #dcdcdc; width:100%; padding:0px 13px; font-size:15px; color:#333;} .WSupply .WSupply_content .WSupply_content_txt .content_txt_list .txt_list_right label{ margin-right:20px;} .WSupply .WSupply_content .WSupply_content_txt .content_txt_list .txt_list_right label:last-child{ margin-right:0px;} .WSupply .WSupply_content .WSupply_content_txt .content_txt_list .txt_list_right .list_right_btn{ display:flex; align-items:center; font-size:15px; color:#333; cursor:pointer;} .WSupply .WSupply_content .WSupply_content_txt .content_txt_list .txt_list_right .list_right_btn dd{ width:20px; height:20px; border-radius:100%; border:1px solid #dcdcdc; position:relative;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; display:flex; align-items:center; justify-content:center; margin-right:10px;} .WSupply .WSupply_content .WSupply_content_txt .content_txt_list .txt_list_right .list_right_btn dd:before{ content:""; position:absolute; display:inline-block; width:10px; height:10px; background:#004a91; opacity:0;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; border-radius:100%;} .WSupply .WSupply_content .WSupply_content_txt .content_txt_list .txt_list_right input[type=radio]:checked ~ .list_right_btn dd{ border: 1px solid #004a91;} .WSupply .WSupply_content .WSupply_content_txt .content_txt_list .txt_list_right input[type=radio]:checked ~ .list_right_btn dd:before{ opacity: 1; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .WSupply .WSupply_content .WSupply_content_txt .content_txt_list .txt_list_right input[type=radio]{display: none;} .WSupply .WSupply_content .WSupply_content_txt .content_txt_submit{ margin-top:35px; margin-bottom:0px; width:100%;} .WSupply .WSupply_content .WSupply_content_txt .content_txt_submit input{ width:50%; height:48px; background:#004a91; display:flex; align-items:center; justify-content:center; color:#fff; font-size:16px; cursor:pointer; margin:0 auto;} .DProduct .DProduct_right .DProduct_right_search .right_search_form{ position: relative; margin-bottom:20px;} .divst_down_select{ position:absolute; width:100%; top:100%; height:300px; overflow:auto; background:#fff; border:1px solid #dcdcdc; display:none;} .divst_down_select div{ transition: all 0.5s ease; font-size: 14px; margin: 0; padding: 3px 10px; cursor: pointer; } .divst_down_select div:hover{ background:#004a91; color:#fff; transition: all 0.5s ease;} .SearchResults{ display:block;} .SearchResults .SearchResults_title{ font-size: 12px; color: #939393;padding: 15px 0px; border-bottom: 1px solid #dcdcdc;} .SearchResults .SearchResults_content .SearchResults_content_list{ padding: 15px 0px; border-bottom: 1px solid #dcdcdc; display:inline-block;} .SearchResults .SearchResults_content .SearchResults_content_list dd{ font-size: 14px; color: #222e39; margin-bottom: 12px;} .SearchResults .SearchResults_content .SearchResults_content_list dt{ color: #8c9198; font-size: 12px; line-height: 23px;} .list_tab_link{ margin-top:32px;} .list_tab_link a{ font-size:16px; color:#004a91;} .list_tab_link a:after{ content:"+"; margin-left:5px;} .product .product_list4 .product_list_tab3{ margin-top:45px;} .product .product_list4 .product_list_tab3 .list_tab_title .tab_title_dd{ text-align:center;} .product .product_list4 .product_list_tab3 .list_tab_title .tab_title_dd:nth-child(1){ width:10%;} .product .product_list4 .product_list_tab3 .list_tab_title .tab_title_dd:nth-child(2){ width:30%;} .product .product_list4 .product_list_tab3 .list_tab_title .tab_title_dd:nth-child(3){ width:30%;} .product .product_list4 .product_list_tab3 .list_tab_title .tab_title_dd:nth-child(4){ width:30%;} .product .product_list4 .product_list_tab3 .list_tab_txt .tab_txt_list .txt_list_dd{} .product .product_list4 .product_list_tab3 .list_tab_txt .tab_txt_list .txt_list_dd:nth-child(1){ width:10%; text-align:center;} .product .product_list4 .product_list_tab3 .list_tab_txt .tab_txt_list .txt_list_dd:nth-child(2){ width:30%; text-align:center;} .product .product_list4 .product_list_tab3 .list_tab_txt .tab_txt_list .txt_list_dd:nth-child(3){ width:30%; text-align:center;} .product .product_list4 .product_list_tab3 .list_tab_txt .tab_txt_list .txt_list_dd:nth-child(4){ width:30%; text-align:center;} .product .product_list4 .product_list_tab3 .list_tab_txt .tab_txt_list2 .txt_list_dd:last-child{ width:90%; text-align:left;} .product .product_list4 .product_list2_title{ margin-top:35px;} .product .product_list4 .product_list2_title .list2_title_dd{ font-size:14px; color:#333; margin-bottom:25px;} .product .product_list4 .product_list2_title .list2_title_dt .title_dt_t{ font-size:14px; color:#333; margin-bottom:15px;} .product .product_list4 .product_list2_title .list2_title_dt .title_dt_b{ font-size:14px; color:#666; line-height:26px;} .product .product_list4 .product_list2_title .list2_title_dt .title_dt_b span{ font-size:12px; margin-right:7px; color:#004a91;} .StayTuned{ font-size:22px; color:#333; text-align:center;} .scllo_prev,.scllo_next{ display:none;} .LuckyDraw{ position:fixed; right:1%; top:45%; z-index:10;} .LuckyDraw img{ border-radius:8px; box-shadow:0px 0px 18px rgba(0,0,0,.25);} .LuckyDraw .LuckyDraw_close{ position:absolute; top:5px; right:10px; font-size:26px; color:#999; cursor:pointer;} .LuckyDraw .LuckyDraw_mo{ display:none;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst.on7 .bottom_txt_list:nth-child(3).bottom_txt_down dt{ left: -43px;} @media screen and (max-width:1440px){ .pc_all .pc_all_content{ max-width: 1200px; margin: 0 auto;} .PcNav .pc_all_content .PcNav_left .PcNav_left_list{ margin-right:100px;} .PcTop .pc_all_content .PcTop_right .PcTop_right_search input[type="text"]{ width:355px;} .banner,.banner .banner_content .banner_content_list .content_list_img img{ height:455px;} .HApplication{ padding:65px 0px;} .HApplication .HApplication_content .HApplication_content_list .content_list_img img{ height:197px;} .HProduct{ padding-top:0px; } .HProduct2:before{ width:38%;} .IFeatures{ padding:65px 0px;} .IFeatures .IFeatures_list:before{ width:1px;} .footer .pc_all_content{ justify-content:space-between;} .footer .pc_all_content .footer_left{ width:30%;} .footer .pc_all_content .footer_right{ width:70%; display:flex; justify-content: space-between;} .footer .pc_all_content .footer_right .footer_right_nav .right_nav_list{ margin-right:25px;} .footer .pc_all_content .footer_right .footer_right_message{ width:280px;} .PcNav .pc_all_content .PcNav_left .PcNav_left_list .left_list_down{ width:1200px;} .PcNav .pc_all_content .PcNav_left .PcNav_left_list:hover .left_list_down{ height:300px;} .HMSDS{ padding:65px 0px;} .HMSDS .HMSDS_title dd{ font-size:36px;} .HMSDS .HMSDS_content .HMSDS_content_txt .content_txt_list .txt_list_left{ padding:50px 0px; padding-left: 30px;} .product .product_list2 .product_list2_bottom .list2_bottom_li dt{ min-height:42px;} .product .product_list3 .product_list_tab .list_tab_title{ padding:0px 65px;} .product .product_list3 .product_list_tab .list_tab_txt .tab_txt_list{ padding:16px 65px;} .DProduct{ padding:65px 0px;} .DProduct .DProduct_left{ padding:45px;} .DProduct .DProduct_left .DProduct_left_title.f30{ font-size:25px;} .DProduct .DProduct_right .DProduct_right_contact .right_contact_txt .contact_txt_list dt{ width:88%;} .LogIn{ padding:65px 0px;} .LogIn .LogIn_left .LogIn_left_bottom{ margin-top:25px;} .LogIn .LogIn_left .LogIn_left_bottom dd span::before{ margin-right:30px;} .LogIn .LogIn_left .LogIn_left_bottom dd span::after{ margin-left:30px;} .LogIn .LogIn_left{ padding:0px 45px;} .LogIn .LogIn_left .LogIn_left_bottom dt a{ width:45px; height:45px; font-size:20px;} .LogIn .LogIn_left .LogIn_left_bottom dt{ margin-top:25px;} .service .SProcess_content .SProcess_content_list{ height:193px;} .Personal_phone .registered_content .registered_content_list{ padding:0px 17%;} .about .about_title{ padding-right:0px;} .about .about_center{ padding-right:0px;} .about2 .about2_content{ padding-right:0px;} .about3 .about3_content .about3_content_right{ right:-375px;} .about4:before{ width:100%; height: calc(100% - 155px);} .about4 .about4_left a{ margin-top:40px;} .news .news_content .news_content_list .content_list_right{ width:21%;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list.bottom_txt_down dt{ left:-34px;} .wish2 .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list.bottom_txt_down dt{ left:-14px;} .wish2 .wish_content.on .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list.bottom_txt_down dt{ left:10px;} .problem .problem_content .problem_content_list .content_list_txt dt{ width:94%;} .buy2 .buy2_txt dd{ font-size:30px; margin-bottom:25px;} .buy2 .buy2_txt dt{ font-size:20px;} .Personal .Personal_right{ min-height:!important;} .registered .registered_content .registered_content_list{ padding:0px 16%;} .Dealer .Dealer_content .Dealer_content_txt .content_txt_list{ min-height:500px;} .registered3 .registered_content .registered_content_list{ padding:0px; margin:0px 27%; margin-bottom:28px;} .DProduct2 .DProduct_left{ padding: 0px;} .about3 .about3_content .about3_content_left .content_left_top{ padding-bottom: 50px;} .about3 .about_title dd{ margin-bottom: 70px;} .Customer{ top:5%;} .Customer .Customer_list .Customer_list_down .SearchResults .SearchResults_content{ max-height:177px; overflow:auto;} /*.DNav .pc_all_content .DNav_list{ font-size:14px; padding:0px 50px; width:auto;} .DNav .pc_all_content{ justify-content:flex-start;}*/ .DNav .pc_all_content .DNav_list{ font-size:14px;} .HProduct2{ padding:0px;} .HProduct2 .HProduct2_left .HProduct2_left_list{ height:90px;} .HProduct2 .HProduct2_right .HProduct2_right_list{ padding:30px; padding-top:15px;} .HProduct2 .HProduct2_right .HProduct2_right_q.on{ height:365px;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list:nth-child(3).bottom_txt_down dt{ left: -9px;} .wish .wish_content.on .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list:nth-child(3).bottom_txt_down dt{ left: -3px;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list:nth-child(4).bottom_txt_down dt{ left: -45px;} .wish .wish_content.on .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list:nth-child(4).bottom_txt_down dt{ left: -18px;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst.on .bottom_txt_list:nth-child(3).bottom_txt_down dt{ left: -103px;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst.on2 .bottom_txt_list:nth-child(3).bottom_txt_down dt{ left: -24px;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst.on3 .bottom_txt_list:nth-child(3).bottom_txt_down dt{ left: -43px;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst.on4 .bottom_txt_list:nth-child(3).bottom_txt_down dt{ left: -45px;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst.on5 .bottom_txt_list:nth-child(3).bottom_txt_down dt{ left: -60px;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst.on6 .bottom_txt_list:nth-child(3).bottom_txt_down dt{ left: -66px;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst.on7 .bottom_txt_list:nth-child(3).bottom_txt_down dt{ left: -56px;} } @media screen and (max-width:1200px){ .pc_all .pc_all_content{ width: 96% !important; margin: 0 auto; overflow: hidden;} .PcTop,.PcNav,.footer{ display: none;} .mo_footer{ display:block;} .mo_top{display: block;} .mo_height{ height: 50px;} .slick-dots li{ width: 10px !important; height: 1px !important; margin: 0px 4px !important;} img{ max-width: 100%;} .hight,.pc_top_company,.banner .banner_txt,.buildnum{ display: none;} input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#999999; font-size:13px !important;} input::-webkit-input-placeholder{ /* WebKit browsers */ color:#999999; font-size:13px !important;} input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999999; font-size:13px !important;} input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:13px !important;} input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:13px !important;} textarea::-webkit-input-placeholder{color:#999999; font-size:13px !important;} .Copyright .pc_all_content{ display: block; padding: 15px 0px; height: auto; font-size: 13px; text-align: center;} .Copyright .pc_all_content a{ font-size: 13px;} .banner .slick-dots{ bottom: 4%; width: 100%; left: 0;} .banner .slick-dots li{ width: 12px; height: 17px; margin: 0px 2px;} .banner .slick-dots li.slick-active{ border:0px;} .banner .slick-dots li.slick-active button:before{ opacity:1;} .banner .slick-dots li button{ width:100%; height:auto; height: 1px; padding:0px;} .banner .slick-dots li button:before{ position: relative; left: 0px; top: 0px; font-size:24px; width:100%; height:auto; line-height:2px; opacity:.5;} .DNav{ margin-top: -55px;} .Customer{ display:none;} .HApplication{ padding: 33px 0px;} .HApplication .HApplication_title{ font-size: 20px; padding-bottom: 10px;} .HApplication .HApplication_content .HApplication_content_list{ width: 48%; margin-right: 0px; margin-top: 4%;} .HApplication .HApplication_content .HApplication_content_list:nth-child(2n){ float: right;} .HApplication .HApplication_content .HApplication_content_list .content_list_img img{ height: 98px;} .HApplication .HApplication_content .content_list_hover .list_hover_bottom .list_hover_title{ font-size: 16px;} .HApplication .HApplication_content .HApplication_content_list .content_list_txt .list_txt_dd{ font-size: 16px; color: #333;} .HApplication .HApplication_content .HApplication_content_list .content_list_txt .list_txt_p{ color: #777; margin-bottom: 20px;} .HApplication .HApplication_content .content_list_hover{ display: none;} .HProduct{ padding-top: 0px;} .HProduct2 .pc_all_content{ display: block;} .HProduct2 .HProduct2_left,.HProduct2 .HProduct2_right{ width: 100%; padding-right: 0px;} .HProduct2:before{ display: none;} .HProduct2 .HProduct2_left{ margin-bottom: 35px;} .HProduct2 .HProduct2_left .HProduct2_left_list{ height: 60px; padding: 0px 25px; border-bottom: 1px solid rgba(255,255,255,.2);} .HProduct2 .HProduct2_left .HProduct2_left_list .left_list_icon dt{ font-size: 16px; margin-left: 18px;} .HProduct2 .HProduct2_left .HProduct2_left_list.on{ background: url(../images/bg9.jpg) no-repeat 50%/cover;} .HProduct2 .HProduct2_right .HProduct2_right_list{ padding: 0px 15px; padding-bottom:15px;} .HProduct2 .HProduct2_right .HProduct2_right_list .right_list_title,.HProduct2 .HProduct2_right .HProduct2_right_list .right_list_content .list_content_li{ padding: 0px;} .HProduct2 .HProduct2_right .HProduct2_right_list .right_list_content .list_content_li{ padding: 10px 0px;} .HProduct2 .HProduct2_right .HProduct2_right_list .right_list_content .list_content_li:last-child{ border-bottom: 0px;} .HProduct2 .HProduct2_right .HProduct2_right_list .right_list_title .list_title_li{ font-size: 14px; width: 33.33%; } .HProduct2 .HProduct2_right .HProduct2_right_list .right_list_content .list_content_li dd{ font-size: 14px; width: 33.33%; } .HProduct2 .slick-prev, .HProduct2 .slick-next{ border: 1px solid #fff; bottom: 1%;} .HProduct2 .slick-prev:before, .HProduct2 .slick-next:before{ color: #fff;} .HProduct2 .slick-prev{ left: 20%;} .HProduct2 .slick-next{ right: 20%;} .HProduct2 .HProduct2_right .HProduct2_right_q.on{ height: auto;} .IFeatures{ padding: 35px 0px} .IFeatures .pc_all_content{ display: block;} .IFeatures .IFeatures_list{ width: 100%; border: 1px solid #dcdcdc; margin-bottom: 20px; border-radius: 8px; padding: 35px;} .IFeatures .IFeatures_list:last-child{ margin-bottom: 0px} .IFeatures .IFeatures_list .IFeatures_list_right dd{ font-size: 18px;} .IFeatures .IFeatures_list .IFeatures_list_right p{ margin-top: 10px; margin-bottom: 28px;} .IFeatures .IFeatures_list:before{ display: none;} .HMSDS{ padding: 35px 0px;} .HMSDS .HMSDS_title{ text-align: center;} .HMSDS .HMSDS_title dd{ font-size: 20px; margin-bottom: 5px;} .HMSDS .HMSDS_title dt{ font-size: 16px;} .HMSDS .HMSDS_search{ display: block; margin: 33px 0px; text-align: center;} .HMSDS .HMSDS_search input{ width: 100%; margin-bottom: 15px; height: 50px; font-size: 14px; display: inline-block; margin-right: 0px;} .HMSDS .HMSDS_search input[type="submit"]{ margin-bottom: 0px;} .HMSDS .HMSDS_content .HMSDS_content_title{ font-size: 16px; margin-bottom: 20px;} .HMSDS .HMSDS_content .HMSDS_content_txt .content_txt_list .txt_list_left{ padding: 20px 0px; width: 100%; justify-content: space-between;} .HMSDS .HMSDS_content .HMSDS_content_txt .content_txt_list .txt_list_right{ display: none;} .HMSDS .HMSDS_content .HMSDS_content_txt .content_txt_list .txt_list_left .list_left_center dd{ font-size: 16px;} .HMSDS .HMSDS_content .HMSDS_content_txt .content_txt_list .txt_list_left .list_left_center dt{ color: #666;} .HMSDS .HMSDS_content .HMSDS_content_txt .content_txt_list .txt_list_left .list_left_icon{ width: 15%; } .HMSDS .HMSDS_content .HMSDS_content_txt .content_txt_list .txt_list_left .list_left_center{ width: 85%;} .HMSDS .HMSDS_content .HMSDS_content_txt{ margin-bottom: 35px;} .page li{ margin-right: 5px;} .page li a{ width: 30px; height: 30px; font-size: 13px;} .HMSDS .HMSDS_content .HMSDS_content_Register{ padding: 20px;} .HMSDS .HMSDS_content .HMSDS_content_Register .content_Register_title{ font-size: 18px;} .HMSDS .HMSDS_content .HMSDS_content_Register .content_Register_form{ padding-right: 0px} .HMSDS .HMSDS_content .HMSDS_content_Register .content_Register_form .Register_form_list{ width: 100%; display: block; font-size: 15px; margin-bottom: 20px;} .HMSDS .HMSDS_content .HMSDS_content_Register .content_Register_form .Register_form_list input{ width: 100%; margin-top: 15px; height: 50px; font-size: 15px;} .HMSDS .HMSDS_content .HMSDS_content_Register .content_Register_form .Register_form_radio .button{ font-size: 15px;} .HMSDS .HMSDS_content .HMSDS_content_Register .content_Register_form .Register_form_radio .button span{ width: 18px; height: 18px;} .HMSDS .HMSDS_content .HMSDS_content_Register .content_Register_form .Register_form_submit{ margin-top: 33px;} .HMSDS .HMSDS_content .HMSDS_content_Register .content_Register_form .Register_form_submit input{ width: 100%; height: 50px; font-size: 15px; } .DBanner .DBanner_title{ font-size: 16px;} .DBanner .DBanner_txt{ font-size: 12px; width: 100%; line-height: 22px; margin-top: 10px;} .DBanner .pc_all_content{ height:100%;} .DBanner .DBanner_img img{ height:180px;} .DNav{ margin:20px 0px; top:0px;} .DNav .pc_all_content{ display: block; overflow:hidden;} .DNav .pc_all_content .DNav_list{ font-size: 14px; height: 44px; width:33.33%; float:left; background:#f5f5f5; color:#333;} .DNav .pc_all_content .DNav_list:nth-child(3n):before{ opacity:0;} .DNav .pc_all_content .DNav_list.on{ background:#004a91; color:#fff;} .mo_about .DNav .pc_all_content .DNav_list{ font-size: 14px; height: 44px; width:50%; float:left; text-align:center;} .mo_about .DNav .pc_all_content .DNav_list:nth-child(3):before{ opacity:1;} .mo_about .DNav .pc_all_content .DNav_list:nth-child(2n):before{ opacity:0;} .product{ padding-bottom: 35px;} .product .product_list{ padding-top: 35px;} .product .product_list .product_list_title{ font-size: 18px; margin-bottom: 25px;} .product .product_list .product_list_title::before{ width: 3px; height: 22px; margin-right: 10px;} .product .product_list .product_list_txt{ padding: 20px 10px;} .product .product_list .product_list_txt .list_txt_top{ display: block; font-size: 18px; text-align: center;} .product .product_list .product_list_txt .list_txt_top img{ display: block; margin: 0 auto; margin-bottom: 15px; } .product .product_list .product_list_txt .list_txt_bottom{ line-height: 30px;} .product .product_list .product_list_txt .list_txt_bottom dd{ font-size: 14px;} .product .product_list .product_list_txt .list_txt_bottom dt{ font-size: 14px;} .product .product_list .product_list_tab .list_tab_title{ padding: 15px 20px; height: auto;} .product .product_list .product_list_tab .list_tab_title dd{ font-size: 14px; } .product .product_list .product_list_tab .list_tab_txt .tab_txt_list{ padding: 15px 20px; height: auto; font-size: 14px;} .product .product_list .product_list_tab .list_tab_txt .tab_txt_list dd{ word-wrap:break-word; word-break:normal; } .product .product_list2 .product_list2_top .list2_top_title{ font-size: 16px;} .product .product_list2 .product_list2_top .list2_top_center{ display: block;} .product .product_list2 .product_list2_top .list2_top_center .top_center_list{ margin-right: 0px; margin-bottom: 20px; font-size: 14px;} .product .product_list2 .product_list2_top .list2_top_center .top_center_list:last-child{ margin-bottom: 0px;} .product .product_list2 .product_list2_top .list2_top_center .top_center_list span{ font-size: 18px;} .product .product_list2 .product_list2_top .list2_top_bottom{ font-size: 14px; line-height: 25px;} .product .product_list2 .product_list2_bottom .list2_bottom_li{ width: 100%; margin-top: 25px;} .product .product_list2 .product_list2_bottom .list2_bottom_li:nth-child(2n){ width: 100%;} .product .product_list2 .product_list2_bottom .list2_bottom_li dd{ font-size: 16px; margin-bottom: 10px;} .product .product_list2 .product_list2_bottom .list2_bottom_li dt{ font-size: 14px; min-height: auto;} .product .product_list3 .product_list2_img{ margin-bottom: 30px;} .product .product_list3 .product_list_tab{ margin-top: 30px;} .product .product_list3 .product_list_tab .list_tab_txt .tab_txt_list2 dd:last-child{ width: 80%; text-align: left;} .DProduct{ padding: 35px 0px;} .DProduct .DProduct_left .DProduct_left_title{ display: flex; justify-content: space-between; margin-top: 30px; margin-bottom: 20px;} .DProduct .DProduct_left{ width: 100%; padding: 20px 10px;} .DProduct .DProduct_right{ display: none;} .DProduct .DProduct_left .DProduct_left_title{ display: block;} .DProduct .DProduct_left .DProduct_left_title dd{ font-size: 16px; width: 100%; margin-bottom: 15px;} .DProduct .DProduct_left .DProduct_left_title dt{ font-size: 14px; margin-left: 0px; width: 100%; text-align: left;} .DProduct .DProduct_left .DProduct_left_content{ display: block;} .DProduct .DProduct_left .DProduct_left_content .left_content_img{ margin-bottom: 25px;} .DProduct .DProduct_left .DProduct_left_content .left_content_img,.DProduct .DProduct_left .DProduct_left_content .left_content_txt{ width: 100%;} .DProduct .DProduct_left .DProduct_left_content .left_content_txt .content_txt_list{ display: flex; align-items: center; justify-content: space-between;} .DProduct .DProduct_left .DProduct_left_content .left_content_txt .content_txt_list .txt_list_left{ width: 15%;} .DProduct .DProduct_left .DProduct_left_content .left_content_txt .content_txt_list .txt_list_right{ width: 85%;} .DProduct .DProduct_left .DProduct_left_content .left_content_txt .content_txt_list3{ justify-content: flex-start;} .DProduct .DProduct_left .DProduct_left_content .left_content_txt .content_txt_list3 .txt_list_right{ width: auto;} .DProduct .DProduct_left .DProduct_left_content .left_content_txt .content_txt_btn a{ font-size: 15px;} .DProduct .DProduct_left .DProduct_left_data a{ width: 48%; margin-right: 0px; font-size: 14px;} .DProduct .DProduct_left .DProduct_left_TParameter .left_TParameter_btn a.current{ font-size: 16px;} .DProduct .DProduct_left .DProduct_left_TParameter .left_TParameter_btn a{ font-size: 16px;} .DProduct .DProduct_left .DProduct_left_TParameter .left_TParameter_btn{ margin-top: 25px;} .DProduct .DProduct_left .DProduct_left_tab .left_tab_list{ font-size: 13px; padding: 15px;} .DProduct .DProduct_left .DProduct_left_tab .left_tab_list dt{ line-height: 20px;} .DProduct .DProduct_left .DProduct_left_FAQs .left_FAQs_list .FAQs_list_title{ font-size: 14px;} .DProduct .DProduct_left .DProduct_left_FAQs .left_FAQs_list .FAQs_list_txt{ font-size: 14px; line-height: 25px;} .DProduct .DProduct_left .DProduct_left_literature a{ font-size: 14px;} .DProduct .DProduct_left .DProduct_left_research a{ font-size: 15px;} .DProduct .DProduct_left .DProduct_left_content .left_content_txt .content_txt_list2 .txt_list_right a{ font-size: 14px;} .MSDS_window .MSDS_window_content{ width: 92%;} .MSDS_window .MSDS_window_content .window_content_title dd{ font-size: 18px; margin-bottom: 15px;} .MSDS_window .MSDS_window_content .window_content_title dt{ font-size: 14px; padding: 0px 20px;} .MSDS_window .MSDS_window_content .window_content_title{ padding-bottom: 25px; padding-top: 35px;} .MSDS_window .MSDS_window_content .window_content_form{ padding: 20px;} .MSDS_window .MSDS_window_content .window_content_form input{ height: 55px;} .MSDS_window .MSDS_window_content .window_content_form input[type="submit"]{ font-size: 15px;} .LogIn{ padding: 35px 0px;} .LogIn .pc_all_content{ display: block;} .LogIn .LogIn_left{ padding: 30px 20px;} .LogIn .LogIn_left,.LogIn .LogIn_right{ width: 100%; } .LogIn .LogIn_right{ display: none;} .LogIn .LogIn_left .LogIn_left_nav ul li{ height: 40px;} .LogIn .LogIn_left .LogIn_left_nav ul li a{ font-size: 16px;} .LogIn .LogIn_left .LogIn_left_nav ul li.on a{ font-size: 18px;} .LogIn .LogIn_left .LogIn_left_content .left_content_list .content_list_li{ margin-bottom: 15px;} .LogIn .LogIn_left .LogIn_left_content .left_content_list .content_list_submit{ margin-top: 35px;} .LogIn .LogIn_left .LogIn_left_content .left_content_list .content_list_submit input{ height: 48px; font-size: 14px;} .LogIn .LogIn_left .LogIn_left_center a{ font-size: 14px;} .LogIn_top .LogIn_top_logo a img{ max-height: 30px;} .LogIn_top .LogIn_top_logo dd{ font-size: 16px; margin-left: 20px;} .LogIn_top .LogIn_top_back{ font-size: 14px;} .service .pc_all_content,.service .SProcess_content{ overflow: inherit;} .service .product_list .product_list_txt .list_txt_bottom a{ width: 100%; margin-top: 20px; font-size: 15px;} .service .product_list .product_list_txt .list_txt_bottom a img{ margin-right: 15px;} .service .service_Types{ display: block;} .service .service_Types .service_Types_list{ width: 100%; margin-bottom: 25px; padding: 35px; height: auto;} .service .service_Types .service_Types_list:last-child{ margin-bottom: 0px;} .service .service_Types .service_Types_list .Types_list_bottom{ font-size: 60px;} .service .service_Types .service_Types_list dt{ padding-right: 50px; margin-top: 10px;} .service .service_Types .service_Types_list dd{ font-size: 18px;} .service .service_tab tr td{ padding: 10px; font-size: 13px;} .service .service_tab tr:nth-child(1) td:nth-child(1){ font-size: 13px;} .service .service_tab .service_tab_case{ font-size: 13px;} .service .service_tab tr td:last-child{ width: 25%;} .service .service_tab tr td:nth-child(1){ width: 3%; font-size: 13px;} .service .service_tab .service_tab_price{ font-size: 13px; display: inline-block; text-align: center; width: auto; height: auto; padding: 5px;} .service .service_tab .service_tab_price img{ display: block; margin: 0 auto; margin-bottom: 5px;} .service .product_list2 .product_list2_bottom .list2_bottom_li{ margin-bottom: 0px;} .service .SProcess_content{ display: block;} .service .SProcess_content:after{content: "";display: block;height: 0;clear: both;visibility: hidden;} .service .SProcess_content .SProcess_content_list{ width: 48%; float: left; margin-bottom: 4%; height: 175px;} .service .SProcess_content .SProcess_content_list dd img{ max-height: 35px;} .service .SProcess_content .SProcess_content_list dt{ font-size: 15px;} .service .SProcess_content .SProcess_content_list:nth-child(2n){ float: right;} .service .SProcess_content .SProcess_content_list::before{ font-size: 22px;} .service .SProcess_content .SProcess_content_list::after{ display: none} .service .product_list .product_list_txt .list_txt_bottom dt p::before{ width: 4px; height: 4px;} .SBanner .DBanner_title dt{ font-size: 15px;} .CService .CService_left{ width: 100%;} .CService .CService_left .CService_content{ padding: 20px;} .CService .CService_title dd{ font-size: 18px;} .CService .CService_form .CService_form_title{ font-size: 18px;} .CService .CService_form .CService_form_content .form_content_list{ width: 100%;} .CService .CService_form .CService_form_content .form_content_list{ margin-top: 20px;} .CService .CService_form .CService_form_content2 .form_content_radio dt{ display: block; height: auto; padding: 20px;} .BGService{ padding: 35px 0px;} .BGService .BGService_tab{ overflow: auto;} .BGService .BGService_tab table{ width: 700px;} .BGService .service_tab tr td:nth-child(1){ width: 20%;} .BGService .service_tab2 tr:nth-child(1) td{ padding: 0px 0px;} .BGServiceNav{ top: -125px; margin-bottom: -105px;} .BGServiceNav .pc_all_content{ display: block;} .BGServiceBanner .pc_all_content{ height: 55%;} .SCase .SCase_title{ font-size: 20px; margin-bottom: 30px;} .SCase .SCase_nav a{ font-size: 15px;} .SCase .SCase_nav{ display: inline-block; overflow: hidden; margin-bottom: 35px;} .SCase .SCase_nav a{ float: left; display: inline-block; width: 48%; margin-right: 0px; line-height: 48px; text-align: center; background: #fff; margin-bottom: 4%;} .SCase .SCase_nav a:nth-child(2n){ float: right;} .SCase .SCase_content{ padding: 20px;} .SCase .SCase_content .SCase_content_title{ font-size: 18px;} .SCase .SCase_content .SCase_content_txt .content_txt_list{ font-size: 14px; padding: 13px 20px;} .SCase .SCase_back{ margin-top: 33px;} .SCase .SCase_back a::before{ margin-right: 20px; width: 80px} .SCase .SCase_back a::after{ margin-left: 20px; width: 80px;} .SCase .SCase_back a{ font-size: 14px;} .SCase .SCase_content .SCase_content_txt2 table tr td{ font-size: 14px} .SCase .SCase_content .SCase_content_txt4 .content_txt4_li{ width: 100%; margin-bottom: 25px;} .SCase .SCase_content .SCase_content_txt4 .content_txt4_li:nth-child(2n){ width: 100%;} .SCase .SCase_content .SCase_content_txt4 .content_txt4_li dd{ height: auto;} .SCase .SCase_content .SCase_content_txt4 .content_txt4_li dd img{ max-height: 200px;} .SCase .SCase_content .SCase_content_txt4 .content_txt4_li dt{ font-size: 16px} .Personal .pc_all_content{ display: block; overflow: inherit;} .Personal .Personal_left,.Personal .Personal_right{ width: 100%;} .Personal .Personal_left{ height: auto; border-top: 0px; border-radius: 0px; background: none; margin-bottom: 30px;} .Personal .Personal_left .Personal_left_title{ display: none;} .Personal .Personal_left .Personal_left_nav{ border-radius: 10px; overflow: hidden;} .Personal .Personal_left .Personal_left_nav .left_nav_list{ width: 50%; font-size: 15px; padding: 0px 15px; background: #fff;} .Personal .Personal_left .Personal_left_nav .left_nav_list dd i{ display: none;} .Personal .Personal_right{ padding: 20px; min-height: auto;} .Personal .Personal_right .Personal_right_title{ font-size: 20px;} .Personal .Personal_right .Personal_right_txt{ display: block; margin-top: 30px;} .Personal .Personal_right .Personal_right_txt .right_txt_list a{ position: absolute; right: 20px; bottom: 15px;} .Personal .Personal_right .Personal_right_txt .right_txt_list{ display: block; margin-bottom: 22px;} .Personal .Personal_right .Personal_right_txt .right_txt_list dd{ width: 100%; margin-bottom: 15px; font-size: 16px;} .Personal .Personal_right .Personal_right_txt .right_txt_list dt{ width: 100%;} .Personal .Personal_right .Personal_right_txt .right_txt_list dt input{ font-size: 16px;} .Personal .Personal_right .Personal_right_txt .right_txt_list.phone dt{ font-size: 16px;} .registered .registered_content .registered_content_list{ padding: 0px;} .registered .registered_content .registered_content_list span{ width: 100%; text-align: left; line-height: normal; margin-bottom: 15px;} .registered .registered_content .registered_content_list input{ width: 100%; line-height: 48px;} .registered .registered_content .registered_content_list dd{ width: 100%;} .registered .registered_content .registered_content_submit input{ padding: 0px; height: 48px; font-size: 15px;} .registered .registered_content .registered_content_cord dd input[type="button"]{ font-size: 15px;} .registered .registered_content .registered_content_protocol dd .button span{ margin-bottom: 0px;} .registered .registered_content .registered_content_protocol dd .button{ font-size: 14px;} .registered .registered_content .registered_content_protocol dd .button a{ font-size: 14px;} .Personal_phone .registered_content{ margin-top: 35px;} .Brands{ padding: 35px 0px;} .Brands .Brands_list{ padding: 35px 20px; display: block; background: #fff; border-bottom: 0px; margin-bottom: 30px; border-radius: 10px;} .Brands .Brands_list .Brands_list_logo,.Brands .Brands_list .Brands_list_right{ width: 100%; } .Brands .Brands_list .Brands_list_logo{ padding-top: 0px;} .Brands .Brands_list .Brands_list_logo img{ max-height: 35px;} .Brands .Brands_list .Brands_list_right{ margin-top: 25px; font-size: 14px; line-height: 28px;} .Brands .Brands_list .Brands_list_right dt{ font-size: 16px; margin: 0 auto; margin-top: 30px; height: 45px;} .contact{ padding: 35px 0px;} .contact .contact_top{ margin-bottom: 35px;} .contact .contact_top .contact_top_title{ margin-bottom: 32px;} .contact .contact_top .contact_top_title dd{ font-size: 20px; margin-bottom: 5px;} .contact .contact_top .contact_top_title dt{ font-size: 14px;} .contact .contact_top .contact_top_title dt span:before{ width: 10%; height: 1px;} .contact .contact_top .contact_top_title dt span:after{ width: 10%; height: 1px;} .contact .contact_top .contact_top_title p{ font-size: 15px; margin-top: 22px;} .contact .contact_top .contact_top_content{ display: block;} .contact .contact_top .contact_top_content .top_content_list{ width: 100%; margin-bottom: 25px; border: 0px; padding: 40px 0px;} .contact .contact_top .contact_top_content .top_content_list:last-child{ margin-bottom: 0px;} .contact .contact_top .contact_top_content .top_content_list .content_list_icon dt{ font-size: 20px} .contact .contact_top .contact_top_content .top_content_list .content_list_icon p{ font-size: 14px;} .contact .contact_top .contact_top_content .top_content_list .content_list_txt{ font-size: 14px} .contact .contact_top .contact_top_content .top_content_list .content_list_icon dd{ height: auto;} .contact .contact_top .contact_top_content .top_content_list .content_list_icon dd img{ height: 25px;} .contact .contact_center .contact_center_title dd{ font-size: 18px; margin-bottom: 8px;} .contact .contact_center .contact_center_title dt{ font-size: 14px;} .contact .contact_center .contact_center_title{ margin-bottom: 33px;} .contact .contact_center .contact_center_txt{ display: block;} .contact .contact_center .contact_center_txt .center_txt_left img{ height: auto;} .contact .contact_center .contact_center_txt .center_txt_left,.contact .contact_center .contact_center_txt .center_txt_right{ width: 100%; } .contact .contact_center .contact_center_txt .center_txt_right{ padding: 15px;} .contact .contact_center .contact_center_txt .center_txt_right .txt_right_list dt{ width: 86%;} .Dealer{ margin-top: 45px;} .Dealer .Dealer_content{ padding: 30px;} .Dealer .Dealer_content .Dealer_content_top{ display: block; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dcdcdc;} .Dealer .Dealer_content .Dealer_content_top .content_top_list{ margin-right: 0px; width: 100%; margin-bottom: 25px; font-size: 16px;} .Dealer .Dealer_content .Dealer_content_top .content_top_list select{ margin-left: 0px; margin-top: 15px; font-size: 14px; width: 100%;} .Dealer .Dealer_content .Dealer_content_top .content_top_list:last-child{ margin-bottom: 0px;} .Dealer .Dealer_content .Dealer_content_txt .content_txt_list{ width: 100%; margin-right: 0px; margin-bottom: 25px;} .Dealer .Dealer_content .Dealer_content_txt .content_txt_list:last-child{ margin-bottom: 0px;} .about{ padding: 33px 0px;} .about .about_title{ margin-bottom: 10px;} .about .about_title dd{ font-size: 22px; padding-bottom: 15px; margin-bottom: 25px;} .about .about_title dt{ font-size: 16px; margin-bottom: 15px;} .about .about_title p{ font-size: 14px; line-height: 26px;} .about .about_center{ display: block; overflow: hidden;} .about .about_center .about_center_list{ width: 48%; float: left; margin-top: 25px;} .about .about_center .about_center_list:nth-child(2n){ float: right;} .about .about_center .about_center_list dd{ margin-bottom: 10px;} .about .about_center .about_center_list dd span{ font-size: 25px} .about .about_center .about_center_list dt{ font-size: 15px;} .about_img{ padding: 0px 10px;} .about_img .about_img_btn{ margin: 0px; margin-bottom: 25px;} .about_img .swiper-button-next, .about_img .swiper-button-prev{ width: 35px; height: 35px;} .swiper-button-next:after, .swiper-button-prev:after{ font-size: 12px} .about_img .swiper-container{ padding-bottom: 35px; margin-left: 0px;} .about2 .about2_content{ margin-top: 35px;} .about2 .about2_content .about2_content_list{ width: 100%;} .about2 .about2_content .about2_content_list:last-child{ margin-bottom: 0px;} .about2 .about2_content .about2_content_list dd img{ margin-right:8px; max-height:25px;} .about2 .about2_content .about2_content_list:before{ right:0px;} .about2 .about2_content .about2_content_list dd{ font-size: 16px; margin-bottom: 10px; justify-content:center;} .about2 .about2_content .about2_content_list dt{ font-size: 14px; line-height: 23px;} .about3 .about3_content .about3_content_left{ width: 100%; } .about3 .about3_content .about3_content_right{ position: inherit; right: 0; width: 100%; margin-top: 80px;} .about3 .about3_content .about3_content_left .content_left_top .left_top_list dd span{ font-size: 30px} .about3 .about3_content .about3_content_left .content_left_top .left_top_list dd{ font-size: 18px; margin-bottom: 20px;} .about3 .about3_content .about3_content_left .content_left_top .left_top_list dt{ font-size: 16px;} .about3 .about3_content .about3_content_left .content_left_top{ padding-bottom: 30px;} .about3 .slick-prev, .about3 .slick-next{ width: 35px; height: 35px; bottom: -80px;} .about3 .slick-prev:before, .about3 .slick-next:before{ font-size: 12px;} .about3 .about3_content .about3_content_right .content_right_list{ margin-right: 0px; text-align: center;} .about3 .about3_content .about3_content_right .content_right_list img{ width: auto; max-width: 100%;} .about4{ padding-bottom: 35px;} .about4 .pc_all_content{ display: block; padding: 35px 0px;} .about4 .about4_left,.about4 .about4_right{ width: 100%;} .about4 .about4_left{ margin-bottom: 35px;} .about4 .about4_left dd{ margin-bottom: 28px; padding-bottom: 28px; border-bottom: 2px solid #ededed;} .about4 .about4_left dt{ font-size: 14px; line-height: 26px;} .about4 .about4_left a{ margin-top: 25px; font-size: 15px;} .about4:before{ height: calc(100% - 35px); } .news{ padding: 33px 0px} .news .news_content{ margin-bottom: 30px;} .news .news_content .news_content_list{ display: block; padding: 25px 20px; background: #fff; margin-bottom: 20px;} .news .news_content .news_content_list:last-child{ margin-bottom: 0px;} .news .news_content .news_content_list:before{ display: none;} .news .news_content .news_content_list .content_list_left{ margin-bottom: 25px;} .news .news_content .news_content_list .content_list_left,.news .news_content .news_content_list .content_list_right{ width: 100%;} .news .news_content .news_content_list .content_list_left .list_left_txt dd{ font-size: 16px; margin-bottom: 12px;} .news .news_content .news_content_list .content_list_left .list_left_txt dt{ font-size: 14px; line-height: 24px;} .news .news_content .news_content_list .content_list_left .list_left_time dd{ font-size: 30px;} .news .news_content .news_content_list .content_list_left .list_left_time dt{ font-size: 14px;} .news .news_content .news_content_list .content_list_left .list_left_time:before{ height: 100%;} .news .news_content .news_content_list .content_list_left .list_left_time{ width: 21%; } .news .news_content .news_content_list .content_list_left .list_left_txt{ width: 73%; } .DNews .pc_all_content{ padding: 20px} .DNews .DNews_title{ margin-bottom: 25px;} .DNews .DNews_title dd{ font-size: 20px;} .DNews .DNews_title dt{ margin-top: 15px;} .DNews .DNews_content p{ font-size: 14px; line-height: 28px; margin-bottom: 15px;} .DNews .DNews_page{ margin-top: 25px; padding-top: 25px; display: block;} .DNews .DNews_page .DNews_page_list{ max-width: 100%; margin-bottom: 16px; font-size:14px;} .DNews .DNews_page .DNews_page_list a{ font-size:14px;} .DNews .DNews_page .DNews_page_list:last-child{ margin-bottom: 0px; text-align:left;} .DNews .DNews_page .DNews_page_list span{ font-size: 14px} .DNews .DNews_page .DNews_page_list a{ font-size: 14px;} .registered{ padding: 45px 0px;} .registered .pc_all_content{ padding: 20px;} .registered .registered_title{ margin-bottom: 30px;} .registered .registered_title dd{ font-size: 20px;} .registered .registered_title dt{ font-size: 14px;} .registered .registered_content .registered_content_bottom{ margin-bottom: 0px;} .registered2 .registered_title dd{ font-size: 18px;} .registered2 .registered_content .registered_content_protocol dd .button{ white-space: inherit;} .registered3 .registered_content .registered_content_list{ margin: 0px; margin-bottom: 20px;} .registered3 .registered_content .registered_content_list a{ top: 37px; height: 48px;} .wish{ padding: 40px 0px;} .wish .pc_all_content{ padding: 20px} .wish .wish_title{ display: block;} .wish .wish_title .wish_title_left{ margin-bottom: 25px;} .wish .wish_title .wish_title_left a{ font-size: 16px; margin-right: 0px; display: inline-block; width: 100%; text-align: center; height: auto; padding-bottom: 20px;} .wish .wish_title .wish_title_left a.on{ font-size: 16px;} .mo_sc{ overflow: auto;} .wish .wish_content{ width: 950px;} .wish .wish_content .wish_content_top{ font-size: 14px;} .wish .wish_content .wish_content_top .checkbox_btn{ font-size: 14px;} .wish .wish_content .wish_content_bottom .content_bottom_Settlement .bottom_Settlement_left a{ font-size: 14px;} .wish .wish_content .wish_content_bottom .content_bottom_Settlement .bottom_Settlement_left{ font-size: 14px;} .wish .wish_content .wish_content_bottom .content_bottom_Settlement .bottom_Settlement_right{ font-size: 14px} .wish .wish_content .wish_content_bottom .content_bottom_Settlement .bottom_Settlement_right input{ font-size: 14px;} .wish .wish_content .wish_content_bottom .content_bottom_Settlement .bottom_Settlement_right span{ font-size: 20px} /* 表格自定义 */ .p_lanmu ul li{ width:calc(20% - 10px); padding:5px; float:left; } .wish2{ padding: 45px 0px;} .wish2 .pc_all_content{ overflow: inherit; padding:0px; min-height: auto !important;} .wish2 .wish2_left{ position: relative; margin-bottom: 25px; z-index:55;} .wish2 .wish2_left.on{ top: 0;} .wish2 .wish2_left,.wish2 .wish_content{ width: 100%;} .wish2 .wish_content{ padding: 20px;} .wish2 .wish2_left .wish2_left_content{ padding: 20px;} .wish2 .wish_content .wish_content_top{ font-size: 14px;} .wish2 .wish2_left .wish2_left_content .left_content_list dd{ font-size: 16px;} .wish2 .wish2_left .wish2_left_content .left_content_list dt p a{ font-size: 13px;} .wish2 .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list.bottom_txt_down dt{ left: -48px;} .wish2 .wish_content.on .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list.bottom_txt_specification .txt_specification_down{ display: none;} .wish2 .wish2_left .wish2_left_content .left_content_list2 dt a{ font-size: 13px;} .wish2 .wish_content.on{ margin-top:80px;} .wish2 .wish_content.on .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list.bottom_txt_specification .txt_specification_down{ left:-45px;} .wish .wish_content .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list.bottom_txt_specification .txt_specification_down:before{ display:none;} .wish2 .wish_content{ overflow:auto;} .wish_content_scllo{ width:800px;} .wish2 .wish_content.on .wish_content_bottom .content_bottom_txt .bottom_txt_listst .bottom_txt_list.bottom_txt_down dt{ left:-18px;} .SWish .wish_title{ margin-bottom: 30px;} .SWish .SWish_content{ display: block;} .SWish .SWish_content .SWish_content_left{ text-align: center;} .SWish .SWish_content .SWish_content_left img{ max-height: 150px;} .SWish .SWish_content .SWish_content_right{ margin-left: 0px; margin-top: 33px; text-align: center;} .SWish .SWish_content .SWish_content_right .content_right_top dd{ font-size: 18px;} .SWish .SWish_content .SWish_content_right .content_right_top dt{ font-size: 14px;} .SWish .SWish_content .SWish_content_right .content_right_bottom a{ font-size: 16px; height: 45px;} .SWish .SWish_content .SWish_content_right .content_right_bottom{ margin-top: 35px;} .SubmitWish .SubmitWish_top a{ font-size: 14px;} .SubmitWish .SubmitWish_content{ width: 996px} .problem{ padding: 45px 0px;} .problem .problem_title dd{ font-size: 22px;} .problem .problem_title dt{ font-size: 16px;} .problem .problem_title{ margin-bottom: 20px;} .problem .problem_content .problem_content_list .content_list_title{ padding: 15px 20px; height: auto;} .problem .problem_content .problem_content_list .content_list_title dd{ font-size: 22px} .problem .problem_content .problem_content_list .content_list_title dd span{ margin-right: 15px;} .problem .problem_content .problem_content_list .content_list_title dd span{ font-size: 12px; width: 26px; height: 26px; margin-right:10px;} .problem .problem_content .problem_content_list .content_list_txt dd{ margin-right: 15px; font-size: 12px; width: 26px; height: 26px; top: 2px; margin-right:10px;} .problem .problem_content .problem_content_list .content_list_txt{ padding: 20px;} .problem .problem_content .problem_content_list .content_list_txt dt{ width: 87%; font-size: 14px; line-height: 25px;} .problem .problem_content .problem_content_list .content_list_title dt{ font-size: 25px;} .problem .problem_content .problem_content_list{ margin-bottom: 15px;} .problem .problem_content{ margin-bottom: 35px;} .buy .buy_content{ display: block; margin-bottom: 40px;} .buy .buy_content .buy_content_list{ width: 100%; margin-bottom: 28px; padding: 25px 20px; height: auto; border-radius: 8px; margin-bottom: 15px;} .buy .buy_content .buy_content_list:last-child{ margin-bottom: 0px;} .buy .buy_content .buy_content_list .content_list_icon i{ font-size: 35px;} .buy .buy_content .buy_content_list .content_list_txt dd{ font-size: 18px; margin-bottom: 5px;} .buy .buy_content .buy_content_list:nth-child(1) .content_list_txt dt{ font-size: 18px;} .buy .buy_content .buy_content_list .content_list_txt dt{ font-size: 14px; line-height: 23px;} .buy2 .buy2_img img{ height: 120px; width: 100%; object-fit: cover;} .buy2 .buy2_txt dd{ font-size: 20px; margin-bottom: 12px;} .buy2 .buy2_txt dt{ font-size: 16px;} .manual .manual_search{ margin-bottom: 30px;} .manual .manual_content .manual_content_list{ width: 100%; margin-right: 0px;} .manual .manual_content .manual_content_list .content_list_txt .list_txt_left dd{ font-size: 15px} .Video .Video_content{ padding-bottom: 35px;} .Video .Video_content .Video_content_list:first-child{ padding-top: 0px;} .Video .Video_content .Video_content_list{ padding: 35px 0px; display: block; margin-bottom: 0px;} .Video .Video_content .Video_content_list .content_list_img{ margin-bottom: 25px;} .Video .Video_content .Video_content_list .content_list_img,.Video .Video_content .Video_content_list .content_list_txt{ width: 100%;} .Video .Video_content .Video_content_list .content_list_txt dd{ font-size: 18px; margin-bottom: 10px;} .Video .Video_content .Video_content_list .content_list_txt dt{ margin-bottom: 35px;} .content_list_video .list_video_content{ width: 95%;} .statement .statement_content{ font-size: 14px;} .statement .statement_content p{ line-height: 28px;} .Personal{ padding: 35px 0px;} .Personal .pc_all_content{ padding: 0px;} .Dealer .Dealer_content .Dealer_content_txt .content_txt_list{ min-height: auto;} .mo_BGService .DBanner .pc_all_content{ height: 52%;} .mo_BGService .DNav{ margin-top: -165px;} .mo_BGService .DNav .pc_all_content .DNav_list{ width: 100%; } .mo_BGService .DNav .pc_all_content .DNav_list:before{ display: none;} .DProduct2 .product_list{ padding-top:0px;} .SubmitWish_page{ display: block; overflow: hidden;} .SubmitWish_page li{ float: left;} #goToTop{ display: none;} .DProduct2 .product_list .product_list_tab{ margin-bottom:35px;} .page{ display:block;} .page li{ display:inline-block;} .announcement{ display: block; top:0px; margin-bottom:0px; background:#004a91;} .announcement .pc_all_content{ height: auto; padding:8px 0px;} .announcement .announcement_left{white-space: inherit !important; text-overflow: inherit !important;line-height:20px !important;} .announcement .announcement_left a{ font-size:12px !important;white-space: inherit !important; text-overflow: inherit !important; line-height:20px !important;} .announcement .announcement_left i,.announcement .announcement_right i{ font-size:15px; margin-right:8px; top:1px;} .announcement .announcement_right{ font-size:12px;} .banner .slick-prev, .banner .slick-next{ width:30px; height:30px; top:42%; background: rgba(255,255,255,.4);} .banner .slick-prev:before, .banner .slick-next:before{ font-size:12px;} .mo_about .DNav .pc_all_content .DNav_list:nth-child(4)::before{ display: none;} .scroll{ overflow:auto;} .product .product_list .product_list_tab{ overflow:auto;} .scllo_prev,.scllo_next{ display:block; position: fixed; top:47%; width:40px; height:40px; border-radius:100%; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.9);} .scllo_prev i,.scllo_next i{ font-size:20px; color:#004a91;} .scllo_prev{ left:10px;} .scllo_next{ right:10px;} .txt_down_close{ display:block;position: absolute; right: 10px; top: 10px; font-size: 18px; color: #999;} .scroll2{ position:relative; -webkit-overflow-scrolling:touch;overflow:scroll;} .scroll::-webkit-scrollbar { background-color:transparent; } .scroll2::-webkit-scrollbar-track { background-color: #dcdcdc;} /* 滚动条的滑轨背景颜色 */ .scroll2::-webkit-scrollbar-thumb { background:#004a91; } /* 滑块颜色 */ .scroll2::-webkit-scrollbar-button { background-color: #fff;} /* 滑轨两头的监听按钮颜色 */ .scroll2::-webkit-scrollbar-corner { background-color: #fff;} /* 横向滚动条和纵向滚动条相交处尖角的颜色 */ .scroll2::-webkit-scrollbar { width: 0px; height: 3px; border-radius:3px; } /* 这是针对缺省样式 (必须的)*/ .product .product_list2 .product_list2_img img{ max-height:400px;} .scroll2 .scllo_prev,.scroll2 .scllo_next{ display:none;} .about .about_center .about_center_list dd i{ position:inherit; font-size:30px; right:0; top:0px;} .WSupply .WSupply_content{width: 94%; background: #fff; padding: 30px; height: 80%; overflow: auto;} .WSupply .WSupply_content .WSupply_content_txt .content_txt_list{ width:100%;} .WSupply .WSupply_content .WSupply_content_txt .content_txt_list .txt_list_left{ width:22%;} .WSupply .WSupply_content .WSupply_content_txt .content_txt_list .txt_list_right{ width:75%;} .WSupply .WSupply_content .WSupply_content_txt .content_txt_submit{ margin-top:0px;} body { -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; -moz-text-size-adjust: 100% !important; } .HProduct2 .HProduct2_right .HProduct2_right_list .right_list_title .list_title_li:nth-child(1){ width:65%;} .HProduct2 .HProduct2_right .HProduct2_right_list .right_list_title .list_title_li:nth-child(2){ width:30%;} .HProduct2 .HProduct2_right .HProduct2_right_list .right_list_content .list_content_li dd:nth-child(1){ width:65%;} .HProduct2 .HProduct2_right .HProduct2_right_list .right_list_content .list_content_li dd:nth-child(2){ width:30%;} .LuckyDraw{ top:70%;} .LuckyDraw .LuckyDraw_mo{ display:block; display:flex; align-items:center; justify-content:center; width:50px; height:50px; border-radius:100%; background:#004a91; color:#fff; font-size:14px; border-radius:100%; z-index:50;} .LuckyDraw .LuckyDraw_pc{ display:none;} } @media screen and (max-width:950px){ } @media screen and (max-width:768px){ } @media screen and (max-width:600px){ .banner .banner_content .banner_content_list .content_list_img img,.banner{ height: 150px !important;} .DetailsBanner img{ height: 170px;} } @media screen and (max-width:375px){ .banner .banner_content .banner_content_list .content_list_img img,.banner{ height: 125px !important;} } @media screen and (max-width:360px){ } @media screen and (max-width:320px){ }