@charset "utf-8";
/*整站样式*/
html,body,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,button,input{margin:0;padding:0; border:0;}
*{ -webkit-tap-highlight-color: transparent;}
body{font-family:"Microsoft YaHei", STHeiti, 宋体, arial;background-color:#fff; }
input,textarea,button{font-family:"Microsoft YaHei",STHeiti, 宋体, arial;padding: 0;font-family: Verdana, Arial;}
h1,h2,h3,h4,h5,h6{font-family:"Microsoft YaHei", STHeiti, 宋体, arial;font-weight: normal; }
img {border:0;}
input[type=submit]:hover,button:hover { cursor:pointer;}
input:focus,textarea:focus,button:focus,input:active {outline-color:transparent;border:0;}
a {color:#000; }
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;cursor:pointer;}
a:active{text-decoration:none;}
.hidden{display:none;visibility:hidden;}
.wrap{width:1200px;border: 0;padding:0;margin:0 auto;*zoom:1;}
.wrap:after{clear: both;content:"";display: table;}
.clear{clear:both;font-size:0;line-height:0;height:0;visibility:hidden;}
.clearfix:before, .clearfix:after {
content:"";
display:table;
}
.clearfix:after {
clear:both;
}
.clearfix {
zoom:1;
}
.fl{float: left;}
.fr{float: right;}
.absolute { position: absolute;}
.pors{position: relative;}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
header li,
.index-product li,
.item-list li{ list-style-type:none;}
.layouts {
position:relative;
width:1300px;
margin:0 auto;
}
.layouts:after,.layouts:before {
content:"";
display:table;
}
.layouts:after {clear:both;}
.clear {clear:both;}
.inline_block {display:inline-block;}
.ptb50 {padding:50px 0;}
.blue {color:#006aff;}
.blue1 {color:#09abd9;}
.bg1 {background:#fafafa;}
.bg2 {background:#f4f4f4;}
.picture {overflow:hidden;}
.picture img {transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;}
li:hover .picture img,.each-item:hover .picture img,.each:hover .picture img {transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color: #999; }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color: #999; }
/*header*/
header {
z-index:1000;
position:fixed;
width:100%;
height:79px;
background:#fff;
border-bottom:1px solid #d8d8d8;
}
header .logo {
float:left;
padding:28px 10px 0 0;
}
nav {float:left;}
nav > ul > li {
float:left;
height:79px;
line-height:79px;
}
nav .per {
display:block;
margin-left: 25px;
font-size: 18px;
color:#060606;
transition:all .4s;
}
nav > ul > li:last-child .per {color:#999;}
nav .on .per,nav li:hover .per {
color:#da251e;
}
header .right-content {
float:right;
line-height:79px;
text-align:right;
}
header .right-content > div {
float:right;
display:inline-block;
/*margin-left:15px;*/
}
header .right-content a {
display:block;
padding:0 20px 0 45px;
font-size: 18px;
color:#999;
}
header .right-content a:hover {background-color:#f0f0f0;}
header .right-content .search-btn { background:url(../images/header-search.png) no-repeat 20px center; }
header .right-content .language { background:url(../images/header-language.png) no-repeat 20px center; }
header .search-wrap {
position:absolute;
left:0;
display:none;
width:100%;
padding:43px 0;
text-align:center;
z-index:3;
background:#f0f0f0;
}
header .search-box > div {display:inline-block;}
header .search-input-text {
width:730px;
height:63px;
padding:0 35px;
background-color:#fff;
border-radius:10px;
box-shadow:0 0 5px rgba(0,0,0,.05);
}
header .search-wrap .search-input {
width:660px;
height:63px;
font-size:14px;
line-height:63px;
}
header .search-wrap .search-go {
width:63px;
height:63px;
background:url(../images/search-btn.png) no-repeat center center;
}
header .search-close-wrap {margin-left:20px;}
header .search-wrap .close {
display:block;
width:63px;
height:63px;
background:url(../images/close.png) no-repeat center center;
}
.sub-nav {
z-index:9;
position:absolute;
height:0;
padding:0;
opacity:0;
overflow:hidden;
transition:all .6s;
background:#56667a;
}
.product-sub-nav {
left:0;
width:100%;
}
.sub-nav.on {height:auto;
opacity:1;}
.product-sub-nav.sub-nav.on {padding:30px 0;}
.sub-nav .wrap {
width:1280px;
}
.sub-nav .swiper-slide:nth-child(1) .each-dl{
border-left: 0;
}
.sub-nav .each-dl {
width: calc(100% - 91px);
padding:0 45px;
margin:0 auto;
border-left: 1px solid #cbcbcb;
}
.sub-nav .dt-title {height:60px;margin-bottom:25px;}
.sub-nav .dt-title .picture-wrap {
float:left;
height:60px;
}
.sub-nav .dd-content{font-size: 0;line-height: 1;}
.sub-nav .each{
display: inline-block;
vertical-align: top;
width: 50%;
}
.sub-nav .dt-title strong {
display:block;
margin-left:75px;
font-weight:normal;
font-size:18px;
color:#fff;
line-height:60px;
}
.sub-nav .dt-title strong a {color:#fff;}
.sub-nav .dd-content .each a {
display:block;
padding:3px 0;
font-size:14px;
color:#fff;
line-height: 20px;
background: url(../images/nav-icon.png) no-repeat 90% center;
}
.sub-nav .dd-content .each a:hover {font-weight:bold;opacity:.7;}
.sub-nav .swiper-button-next,
.sub-nav .swiper-button-prev {
width:18px;
height:33px;
margin-top:-16.5px;
}
.sub-nav .swiper-button-next {background:url(../images/next1.png) no-repeat center center;}
.sub-nav .swiper-button-prev {background:url(../images/prev1.png) no-repeat center center;}
.sub-nav .swiper-button-next.swiper-button-disabled,.sub-nav .swiper-button-prev.swiper-button-disabled {opacity:0;}
.normal-sub-nav.sub-nav.on {padding:15px 0;}
.normal-sub-nav li {line-height:30px;}
.normal-sub-nav .sper {
padding:0 35px;
font-size:14px;
color:#fff;
line-height:30px;
}
.normal-sub-nav .sper:hover {
text-decoration:underline;
}
/*footer*/
footer {
background:#383838;
}
footer .top-footer .wrap {padding:50px 0;border-bottom:1px solid #3f3f3f;}
footer .right-side {
float:right;
}
footer .bottom-menu {
float:left;
}
footer .bottom-menu .each {
float:left;
margin-left:110px;
}
footer .bottom-menu .each:first-child {margin-left:0;}
footer .bottom-menu dt {
font-size:16px;
color:#fff;
}
footer .bottom-menu dt,
footer .bottom-menu dd {margin-bottom:15px;}
footer .bottom-menu dd a {
font-size:14px;
color:#fff;
opacity:.5;
}
footer .bottom-menu dd a:hover {opacity:1;}
footer .code-wrap {
margin-bottom:20px;
text-align:center;
}
footer .code-wrap .word {
font-size:14px;
color:#fff;
}
footer .share-wrap .share {
display:inline-block;
width:22px;
height:22px;
margin:0 3px;
}
footer .share-wrap .share1 { background:url(../images/footer-icon1-1.png) no-repeat center center; }
footer .share-wrap .share2 { background:url(../images/footer-icon1-2.png) no-repeat center center; }
footer .share-wrap .share3 { background:url(../images/footer-icon1-3.png) no-repeat center center; }
footer .share-wrap .share4 { background:url(../images/footer-icon1-4.png) no-repeat center center; }
footer .share-wrap .share5 { background:url(../images/footer-icon1-5.png) no-repeat center center; }
footer .copyright {
padding:18px 0;
font-size:14px;
color:#ababab;
text-align:center;
opacity:.25;
}
footer .copyright a {
color:#ababab;
}
/*悬浮窗*/
.fixed-windows {
z-index:5;
position:fixed;
bottom:2%;
right:0;
}
.fixed-windows li {
position:relative;
margin:2px 0;
}
.fixed-windows li a {
position:relative;
display:block;
width:40px;
height:40px;
text-align:center;
background:#cecece;
}
.fixed-windows li:hover a {background:#707070;}
.fixed-windows li a::after {
position:absolute;
left:0;
top:0;
content:'';
display:block;
width:100%;
height:100%;
}
.fixed-windows .item1 a::after {background:url(../images/fixed-icon1-1.png) no-repeat center center;}
.fixed-windows .item2 a::after {background:url(../images/fixed-icon1-2.png) no-repeat center center;}
.fixed-windows .item3 a::after {background:url(../images/fixed-icon1-3.png) no-repeat center center;}
.fixed-windows .item5 a::after {background:url(../images/close1.png) no-repeat center center;}
.fixed-windows .item6 a::after {background:url(../images/fixed-icon1-4.png) no-repeat center center;}
.fixed-windows li.item4 a.back-to-top {padding-top:3px;height:37px;}
.fixed-windows li a .str {
display:block;
width:0;
height:0;
margin:0 auto 3px;
border-bottom:6px solid #fff;
border-left:4px solid transparent;
border-right:4px solid transparent;
}
.fixed-windows li a strong {
display:block;
padding:0 5px;
font-size:12px;
color:#fff;
line-height:1;
}
.fixed-windows .detail-content {
position:absolute;
top:0;
right:40px;
display:none;
background:#707070;
}
.fixed-windows li:hover .detail-content {
display:block;
}
.fixed-windows .detail-content .word {
display:block;
height:40px;
padding:0 15px;
font-size:16px;
color:#fff;
line-height:40px;
white-space:nowrap;
}
.fixed-windows .detail-content .qr-code {
display:block;
padding:10px;
}
/*首页banner*/
.index-banner {height:100vh;overflow:hidden;}
.index-banner .swiper-container {
height:100vh;
width:100%;
margin:0 auto;
overflow:visible;
}
.index-banner .swiper-wrapper {
position:relative;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-o-transform: translate(0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.index-banner .swiper-slide {
z-index:1;
opacity:.5;
}
.index-banner .swiper-slide a {display:block;width:100%;height:100%;}
.index-banner .swiper-slide img {
position:absolute;
left:50%;
margin-left:-960px;
}
.index-banner .swiper-slide.swiper-slide-active {z-index:2;opacity:1;}
.index-banner .swiper-button-next,.index-banner .swiper-button-prev {
display:none;
width:32px;
height:32px;
margin-top:-16px;
}
.index-banner:hover .swiper-button-next,.index-banner:hover .swiper-button-prev {display:block;}
.index-banner .swiper-button-next {right:16px;background:url(../images/next.png) no-repeat center center;}
.index-banner .swiper-button-prev {left:16px;background:url(../images/prev.png) no-repeat center center;}
.index-banner .swiper-pagination-bullet {width:13px;height:13px;opacity:.6}
.index-banner .swiper-pagination-bullet-active {background-color:#da251e;opacity:1;}
.index-title {
padding:40px 0 20px;
}
.index-title .title {
position:relative;
margin-bottom:8px;
text-align:center;
}
.index-title .title strong {
z-index:1;
position:relative;
display:inline-block;
padding:0 15px;
font-size:26px;
color:#666;
background-color:#fff;
}
.index-title .title .line {
position:absolute;
left:50%;
top:19px;
display:block;
width:275px;
height:1px;
margin-left:-132.5px;
background:#ccc;
}
.index-more {
padding-top:30px;
text-align:center;
}
.index-more .more {
display:inline-block;
height:23px;
padding:0 8px;
font-size:12px;
color:#999;
line-height:23px;
border:1px solid #dcdcdc;
}
.index-more .more:hover {color:#da251e;border-color:#da251e;}
.index-product .item-list li {
float:left;
width:600px;
height:300px;
}
.index-product .item-list li > div {float:left;}
.index-product .item-list .text-wrap {
position:relative;
width:300px;
height:300px;
background-color:#f6f6f6;
transition:all .4s;
}
.index-product .item-list li:hover .text-wrap{
background-color:#da251e;
}
.index-product .item-list .text {
position:absolute;
top:50%;
padding:0 45px 0 35px;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
}
.index-product .item-list .title a {
font-size:18px;
color:#000;
transition:all .4s;
}
.index-product .item-list .description {
height:52px;
margin:20px 0 40px;
font-size:14px;
color:#adadad;
line-height:26px;
overflow:hidden;
transition:all .4s;
}
.index-product .item-list .more-w {text-align:right;}
.index-product .item-list .more {
font-size:14px;
color:#adadad;
transition:all .4s;
}
.index-product .item-list .str {
display:inline-block;
width:0;
height:0;
margin-left:8px;
border-left:4px solid #d6d6d6;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
transition:all .4s;
}
.index-product .item-list li:hover .str {border-left-color:#fff;}
.index-product .item-list li:hover .title a,
.index-product .item-list li:hover .description,
.index-product .item-list li:hover .more {color:#fff;}
.item-list .picture img {
display:block;
}
.index-news {padding-bottom:60px;}
.index-news .item-list ul { margin-left:-60px;}
.index-news .item-list li {
float:left;
width:570px;
padding:30px 0;
margin-left:60px;
border-top:1px solid #dcdcdc;
}
.index-news .item-list .picture {
float:left;
}
.index-news .item-list .text-wrap {
margin-left:290px;
padding-top:20px;
}
.index-news .item-list .date {
font-size:14px;
color:#999;
}
.index-news .item-list .title a {
display:block;
max-height:44px;
margin:20px 0;
font-size:18px;
color:#000;
line-height:22px;
overflow:hidden;
}
.index-news .item-list li:hover .title a {color:#da251e;}
.index-news .item-list .descrition {
font-size:14px;
color:#999;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
/*inner-page*/
.inner-banner {height:200px;}
.inner-banner.solve-banner {height:600px;}
.inner-tab {
padding:30px 0;
text-align:center;
border-bottom:1px solid #dfdfdf;
}
.inner-tab li {
display:inline-block;
padding:0 30px;
}
.inner-tab li .icon {
position:relative;
display:inline-block;
width:80px;
height:80px;
background:#56667a;;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
}
.inner-tab li.on .icon {background:#da251e;}
.inner-tab li .icon img {
position:absolute;
top:50%;
left:50%;
margin:-21px 0 0 -21px;
}
.inner-tab li strong {
display:block;
font-size:16px;
font-weight:normal;
color:#000;
}
.inner-tab li.on strong{color:#da251e;}
.inner-content {
padding:40px 0 100px;
}
.inner-title {
padding-bottom:25px;
font-size:30px;
color:#666;
text-align:center;
}
.service-selled .inner-title {text-align:left;}
article {
font-size:14px;
color:#666;
line-height:2;
}
.history-wrap {
position:relative;
padding-top:25px;
}
.history-wrap .str {
position:absolute;
left:50%;
top:25px;
display:block;
width:0;
height:0;
margin-left:-6px;
border-bottom:12px solid #868f95;
border-left:7px solid transparent;
border-right:7px solid transparent;
}
.history-wrap .line {
position:absolute;
left:50%;
top:37px;
display:block;
width:1px;
height:100%;
margin-left:-.5px;
background:#ddd;
}
.history-wrap .item-list li {
position:relative;
margin-top:45px;
background:url(../images/dot.png) no-repeat center 5px;
}
.history-wrap .item-list li:first-child {margin-top:65px;}
.history-wrap .item-list .text-wrap {padding-left:635px;}
.history-wrap .item-list li:nth-child(2n) .text-wrap {
padding-right:635px;
padding-left:0;
text-align:right;
}
.history-wrap .item-list .year {
display:block;
margin-bottom:10px;
font-size:20px;
color:#da251e;
}
.history-wrap .item-list .descrition {
font-size:16px;
color:#333;
}
.duty-list li,
.product-detail-function li{padding:25px 30px;}
.duty-list li .img-wrap,
.product-detail-function li .img-wrap {
float:left;
}
.duty-list li:nth-child(2n) .img-wrap,
.product-detail-function li:nth-child(2n) .img-wrap {float:right;}
.duty-list li .text-wrap,
.product-detail-function li .text-wrap {
position:relative;
min-height:270px;
margin-left:525px;
}
.duty-list li:nth-child(2n) .text-wrap,
.product-detail-function li:nth-child(2n) .text-wrap{
margin:0 525px 0 0;
}
.duty-list li .text-inner,
.product-detail-function li .text-inner{
position:absolute;
top:50%;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
}
/*product*/
.side-bar {
float:left;
width:200px;
}
.side-bar.on {
position:fixed;
top:0;
}
.side-bar > .item-list > li {padding-bottom:5px;}
.side-bar .dt-title {
position:relative;
margin:10px 0 20px;
font-weight:bold;
font-size:16px;
color:#000;
cursor:pointer;
}
.side-bar .dt-title a {color:#000;}
.side-bar .dt-title .down-icon {
position:absolute;
right:0;
top:0;
display:block;
width:21px;
height:21px;
background:url(../images/side-icon.png) no-repeat center center;
transition:all .4s;
transform:rotate(-90deg);
}
.side-bar .on .dt-title .down-icon {
transform:rotate(0);
}
.side-bar .dd-content {
display:none;
}
.sub-side-menu li {
margin-bottom:15px;
}
.sub-side-menu li a {
font-size:14px;
color:#666;
}
.sub-side-menu li a:hover {color:#da251e;}
.product-main-content .wrap {
width:980px;
}
.product-main-content .inner-title {
text-align:left;
padding-bottom:15px;
}
.product-total-descrition {
margin-bottom:25px;
padding:35px 0 45px;
font-size:14px;
color:#999;
background:#f4f4f4;
}
.product-bread-menu,.product-bread-menu a {
font-size:14px;
color:#aaa;
}
.product-bread-menu a.on {color:#da251e;}
.each-product-list {padding:60px 0;}
.each-product-list:nth-child(2n) {background:#eeefef;}
.each-product-list .title {
padding-bottom:40px;
font-size:18px;
color:#666;
}
.each-product-list .item-list {margin-left:-60px;}
.each-product-list .item-list li {
float: left;
margin: 0 0 35px 60px;
width: 285px;
}
.each-product-list .item-list .picture,
.normal-product-list li .picture{
position:relative;
width:283px;
height:283px;
}
.each-product-list .item-list .picture {border:1px solid #eaeaea;}
.each-product-list .item-list .mask,
.normal-product-list li .mask {
position:absolute;
left:0;
top:0;
display:block;
width:100%;
height:100%;
background:rgba(218,37,30,.89);
opacity:0;
transition:all .4s;
}
.each-product-list .item-list li:hover .mask,
.normal-product-list li:hover .mask{opacity:1;}
.each-product-list .item-list .more,.normal-product-list li .icon {
display:block;
width:50px;
height:50px;
border:0;
background:url(../images/more.png) no-repeat center center;opacity:0;
transition:all .4s;
}
.each-product-list .item-list .more {
position:absolute;
left:50%;
top:50%;
margin:-25px 0 0 -25px;
}
.each-product-list .item-list li:hover .more,
.normal-product-list li:hover .icon {opacity:1;}
.each-product-list .item-list .pro-name,.normal-product-list li .pro-name {
display:block;
height:48px;
padding-top:15px;
font-size:16px;
font-weight:normal;
color:#2e2e2e;
line-height:24px;
text-align:center;
overflow:hidden;
}
.pro-back-wrap {
margin-top:70px;
padding-top:35px;
text-align:center;
border-top:1px solid #dedede;
}
.pro-back-wrap .back {
font-size:16px;
color:#666;
}
.pro-back-wrap .back:hover {color:#da251e;}
.each-product-list .more-w,
.normal-product-list .more-w{text-align:center;}
.each-product-list .more,
.product-detail-other-list .more-w .more,
.solve-list li .more,
.normal-product-list .more-w .more{
display:inline-block;
width:140px;
height:45px;
font-size:14px;
color:#595757;
line-height:45px;
text-align:center;
border:1px solid #e5e5e5;
}
.each-product-list .more:hover,
.product-detail-other-list .more:hover,
.normal-product-list .more-w .more:hover{
color:#da251e;
border-color:#da251e;
}
.gray-background {background-color:#f2f2f2;}
.normal-product-list {
padding-top:60px;
}
.product-list-title-wrap {padding-bottom:40px;}
.product-list-title-wrap .inner-title {text-align:left;}
.product-list-title-wrap .back {
display:inline-block;
font-size:14px;
color:#adadad;
}
.product-list-title-wrap .line {
display:none;
width:40px;
height:1px;
margin:20px auto 15px;
background:#595757;
}
.product-list-title-wrap .descrition {
font-size:14px;
color:#666;
line-height:2;
}
.product-list-list .wrap {width:980px;}
.normal-product-list ul {margin-left:-60px;}
.normal-product-list li {
float:left;
width:285px;
margin:0 0 45px 60px;
}
.product-detail-other-list .normal-product-list ul {margin-left:-20px;}
.product-detail-other-list .normal-product-list li {margin:0 0 25px 20px;}
.normal-product-list li .picture { border:1px solid #eee; }
.normal-product-list li .more {
position:absolute;
left:50%;
top:50%;
margin:-43px 0 0 -25px;
opacity:0;
transition:all .4s;
}
.normal-product-list li .word {
display:block;
padding-top:20px;
font-size:12px;
font-weight:normal;
color:#fff;
}
.normal-product-list li:hover .more {opacity:1;}
.product-detail-main-des .product-bread-menu {
padding:65px 0 45px;
border-top:1px solid #ccc;
}
.product-detail-main-des .scroll-product {
float:left;
width:600px;
height:550px;
}
.product-detail-main-des .scroll-product .swiper-pagination-bullet {
display:inline-block;
width:8px;
height:8px;
background:transparent;
border:1px solid #b8b8b8;
opacity:1;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
}
.product-detail-main-des .scroll-product .swiper-pagination-bullet-active {
background-color:#424444;
border-color:#424444;
}
.product-detail-descrition {
position:relative;
min-height:575px;
margin-left:660px;
padding-top:25px;
}
.product-detail-descrition-inner {
}
.product-detail-descrition-inner h1 {
margin-bottom:20px;
font-size:36px;
color:#010101;
}
.product-detail-descrition-inner h1 .small {
display:block;
margin-top:15px;
font-size:14px;
color:#999;
}
.product-detail-descrition-inner .descrition {
font-size:14px;
color:#666;
line-height:2;
}
.product-detail-more .title-wrap {
height:75px;
line-height:75px;
border-bottom:1px solid #ddd;
}
.product-detail-more .title-wrap.on {
z-index:2;
position:fixed;
top:0;
width:100%;
background:#fff;
}
.product-detail-more .title-wrap .title {
font-size:20px;
color:#010101;
}
.product-detail-tab {
float:right;
text-align:right;
}
.product-detail-tab li {
display:inline-block;
margin-left:30px;
}
.product-detail-tab li a {
font-size:14px;
color:#010101;
}
.product-detail-tab li.on a {color:#da251e;}
.product-detail-function {
padding:50px 0 80px;
border-bottom:1px solid #e8e8e8;
}
.product-detail-more-technology {
padding:100px 0;
}
.product-detail-more-technology .img-wrap {
float:left;
width:600px;
height:600px;
}
.product-detail-more-technology .text-wrap {margin-left:640px;}
.product-detail-more-technology .text-wrap .inner-title {
padding-bottom:0;
text-align:left;
}
.product-detail-other-list {
padding:50px 0 75px;
border-top:1px solid #e8e8e8;
}
.product-detail-other-list .normal-product-list {padding:35px 0;}
.normal-title-wrap {padding-bottom:30px;}
.solve-tab {
text-align:center;
}
.solve-tab li {display:inline-block;padding:0 20px;}
.solve-tab li.on a {color:#da251e;}
.solve-tab li a {font-size:16px;font-weight:bold;color:#000;}
.normal-title-wrap .inner-title {padding-bottom:20px;}
.normal-title-wrap .line {
display:block;
width:40px;
height:1px;
margin:0 auto;
background:#595757;
}
.normal-title-wrap .line.solve-line {margin:35px auto;}
.solve-list {padding-bottom:50px;}
.solve-list li {padding:20px 0;}
.solve-list li .picture {
float:left;
width:500px;
height:300px;
}
.solve-list li .text-wrap {
position:relative;
height:300px;
margin-left:550px;
}
.solve-list li .text-inner {
position:absolute;
top:50%;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
}
.solve-list li .text-inner .title a {
display:block;
font-size:24px;
color:#000;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.solve-list li .text-inner .descrition {
height:66px;
margin:20px 0 30px;
font-size:14px;
color:#999;
line-height:22px;
overflow:hidden;
}
.solve-list li .more:hover {
color:#fff;
border-color:#da251e;
background:#da251e;
}
.solve-detail {padding:85px 0;}
.solve-detail h1 {
margin-bottom:25px;
font-size:30px;
color:#000;
}
.news-list-page {padding-bottom:75px;}
.news-list li:nth-child(2n){background:#f9f9f9;}
.news-list li .item-inner {
width:1200px;
margin:0 auto;
padding:40px 0;
}
.news-list li .picture {
float:left;
width:260px;
height:160px;
}
.news-list li .text-wrap {
position:relative;
height:160px;
margin-left:300px;
}
.news-list li .text-inner {
position:absolute;
top:50%;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
}
.news-list li .date {
font-size:16px;
color:#999;
}
.news-list li .title a {
display:block;
margin:10px 0 15px;
font-size:18px;
color:#000;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.news-list li:hover .title a {color:#da251e;}
.news-list li .descrition {
height:44px;
font-size:14px;
color:#bbb;
line-height:22px;
overflow:hidden;
}
.side-news-list {
float:right;
width:250px;
padding:40px 25px;
background:#f5f5f5;
}
.side-news-list .title {
font-size:18px;
color:#000;
}
.side-news-list .item-list li {
padding:30px 0 20px;
border-top:1px solid #e9e9e9;
}
.side-news-list .item-list li:first-child {border-top:0;}
.side-news-list .item-list li .picture {
width:200px;
height:123px;
margin:0 auto;
overflow:hidden;
}
.side-news-list .item-list li .text-wrap {
padding-top:20px;
}
.side-news-list .item-list li h4 {
height:40px;
margin:10px 0 15px;
font-size:18px;
color:#000;
line-height:20px;
overflow:hidden;
}
.side-news-list .item-list li:hover h4 {color:#da251e;}
.side-news-list .item-list li .date {
font-size:16px;
color:#999;
}
.side-news-list .item-list li .des {
font-size:14px;
color:#bbb;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.news-detail {
margin-right:400px;
}
.news-detail .title-wrap,.article-detail .title-wrap {
margin-bottom:25px;
padding-bottom:35px;
text-align:center;
border-bottom:1px solid #ededed;
}
.news-detail .title-wrap h1,.article-detail .title-wrap h1 {
margin-bottom:10px;
font-size:26px;
color:#000;
}
.news-detail .title-wrap .other span,.article-detail .title-wrap .other span{
display:inline-block;
margin:0 10px;
font-size:14px;
color:#666;
}
.news-detail .back-wrap,.article-detail .back-wrap {
margin-top:40px;
padding-top:25px;
text-align:right;
border-top:1px solid #ededed;
}
.news-detail .back-wrap .back,.article-detail .back-wrap .back {
font-size:16px;
color:#6d6c6c;
}
/*service*/
.service-page .descrition {
font-size:16px;
color:#333;
line-height:2.5;
}
.selled-form-wrap {padding:50px 174px 0;}
.selled-form-wrap .input-text {
width:258px;
height:43px;
padding:0 10px;
line-height:43px;
border:1px solid #e5e5e5;
}
.selled-form-wrap .per-input {
float:left;
width:50%;
margin-bottom:13px;
}
.selled-form-wrap .per-input:last-child {
text-align:right;
}
.selled-form-wrap label {
float:left;
display:inline-block;
width:80px;
margin-right:20px;
font-size:14px;
color:#333;
line-height:45px;
text-align:right;
}
.selled-form-wrap label .star {color:#f00;}
.selled-form-wrap textarea {
width:730px;
height:180px;
padding:10px;
border:1px solid #e5e5e5;
}
.selled-form-wrap .submit-wrap,
.ask-form-wrap .submit-wrap {
padding-top:15px;
text-align:center;
}
.selled-form-wrap .input-submit,
.ask-form-wrap .input-submit{
width:125px;
height:40px;
font-size:16px;
color:#fff;
line-height:40px;
background:#da251e;
border-radius:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
}
.service-learn-list {padding-bottom:60px;}
.service-learn-list li a {
position:relative;
display:block;
padding:20px;
border-top:1px dashed #dedede;
}
.service-learn-list li:first-child a {border-top:0;}
.service-learn-list li a strong {
display:block;
margin:0 140px 0 25px;
font-weight:normal;
font-size:16px;
color:#333;
}
.service-learn-list li:hover a strong {color:#da251e;}
.service-learn-list li .dot {
position:absolute;
left:20px;
top:25px;
display:block;
width:10px;
height:10px;
background:#e5e5e5;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
}
.service-learn-list li:hover .dot {background:#da251e;}
.service-learn-list li .date {
position:absolute;
right:20px;
font-size:14px;
color:#999;
}
.document-tab {
text-align:center;
}
.document-tab li {
display:inline-block;
margin:0 10px;
font-size:14px;
color:#666;
}
.document-tab li a {
font-size:16px;
color:#666;
}
.document-tab li.on a{color:#da251e;}
.service-document-list {padding:50px 0;}
.service-document-list .dt-title > div,
.service-document-list li > div {
float:left;
padding-left:40px;
}
.service-document-list .dt-title > div {
height:60px;
font-size:16px;
color:#fff;
line-height:60px;
background:#595757;
}
.service-document-list li{
border-bottom:1px solid #ececec;
}
.service-document-list li > div {
padding:20px 0 20px 40px;
font-size:16px;
color:#666;
line-height:22px;
}
.service-document-list .item-1 {
width:255px;
}
.service-document-list .item-2 {
width:120px;
}
.service-document-list .item-3 {
width:90px;
}
.service-document-list li .download {
display:inline-block;
width:17px;
height:22px;
background:url(../images/download.png) no-repeat center center;
}
.question-list ul {margin-left:-25px;}
.question-list li {
float:left;
width:333px;
padding:21px 24px;
margin:0 0 30px 25px;
border:1px solid #ddd;
}
.question-list li:hover {border-color:#da251e;}
.question-list .dt-qusetion {
position:relative;
padding-left:40px;
margin-bottom:15px;
font-size:18px;
color:#333;
line-height:30px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.question-list li:hover .dt-qusetion {color:#da251e;}
.question-list .dd-answer {
position:relative;
height:72px;
padding-left:40px;
font-size:14px;
color:#999;
line-height:24px;
overflow:hidden;
}
.question-list .word {
position:absolute;
left:0;
top:0;
display:block;
width:30px;
height:30px;
font-size:16px;
color:#fff;
line-height:30px;
text-align:center;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.question-list .dt-qusetion .word {
background:#da251e;
}
.question-list .dd-answer .word {
background:#b8b8b8;
}
.ask-form-wrap {
width:500px;
padding-top:25px;
margin:0 auto;
}
.ask-form-wrap .each {
position: relative;
margin-bottom:13px;
}
.ask-form-wrap .input-text {
width:468px;
height:50px;
padding:0 15px;
font-size:16px;
line-height:50px;
border:1px solid #e5e5e5;
}
.ask-form-wrap .textarea {
width:468px;
height:180px;
padding:5px 15px;
font-size:16px;
border:1px solid #e5e5e5;
}
.ask-form-wrap .sex-choice {
position:absolute;
top:0;
right:30px;
font-size:16px;
color:#333;
line-height:50px;
}
.ask-form-wrap .radio-w {
position:relative;
}
.ask-form-wrap .radio-w input {
z-index:2;
position:absolute;
left:10px;
top:2px;
opacity:0;
cursor:pointer;
}
.ask-form-wrap .radio-w label {
position:relative;
display:inline-block;
width:12px;
height:12px;
margin:0 10px;
background:#d6d6d6;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
}
.ask-form-wrap .radio-w input:checked + label:after{ content:''; width:12px; height:12px; position:absolute; top:0px; left:0px;background:#da251e; border-radius:50%;}
/*join*/
.join-select-wrap .each-select {margin-bottom:20px;}
.join-select-wrap .dt-title {
float:left;
padding-left:50px;
font-size:16px;
color:#333;
line-height:25px;
}
.join-select-wrap .each-select1 .dt-title {background:url(../images/join-icon1.png) no-repeat 5px center;}
.join-select-wrap .each-select2 .dt-title {background:url(../images/join-icon2.png) no-repeat 5px center;}
.join-select-wrap .each-select3 .dt-title {background:url(../images/join-icon3.png) no-repeat 5px center;}
.join-select-wrap .dd-content a {
display:inline-block;
margin:0 10px;
font-size:16px;
color:#333;
}
.join-select-wrap .dd-content a:hover,.join-select-wrap .dd-content a.on {
color:#da251e;
text-decoration:underline;
}
.join-list {
padding:40px 0;
}
.join-list .item-list {overflow:hidden;}
.join-list .dt-title > div,
.join-list li a > div {
float:left;
text-align:center;
}
.join-list .dt-title {background:#da251e;}
.join-list li {overflow:hidden;border-bottom:1px solid #e2e2e2;}
.join-list li a {display:block;padding-bottom:20px;}
.join-list .dt-title > div {
height:70px;
font-size:16px;
color:#fff;
line-height:70px;
border-right:1px solid #e2e2e2;
}
.join-list li a > div {
margin-bottom:-9999px;
padding:20px 0 9999px;
font-size:16px;
color:#333;
border-right:1px solid #e2e2e2;
}
.join-list .dt-title > div:first-child,
.join-list li a > div:first-child {border-left:1px solid #e2e2e2;}
.join-list .item-1 {width:442px;}
.join-list li:hover a .item-1 {color:#da251e;text-decoration:underline;}
.join-list .item-2 {width:198px;}
.join-list .item-3 {width:138px;}
.join-list .item-4 {width:238px;}
.join-list .item-5 {width:178px;}
.search-tips {
font-size:14px;
color:#666;
}
.search-list li {
padding:40px 0;
border-top:1px solid #eee;
}
.search-list li:first-child {border-top:0;}
.search-list li h3 a {
display:block;
font-size:16px;
color:#000;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.search-list li:hover h3 a {color:#da251e;}
.search-list li .descrition {
margin:15px 0;
font-size:12px;
color:#bbb;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.search-list li .other span {
display:inline-block;
margin-right:25px;
font-size:14px;
color:#bbb;
}
/*dialog*/
.dialog {
z-index:10;
position:fixed;
left:0;
top:0;
display:none;
width:100%;
height:100%;
}
.dialog-bg {
position:absolute;
left:0;
top:0;
display:block;
width:100%;
height:100%;
background:rgba(0,0,0,.5);
}
.dialog-content {
z-index:11;
position:absolute;
left:50%;
top:50%;
width:1200px;
margin-left:-600px;
background:#fff;
border-radius:15px;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
}
.dialog-content .close {
position:absolute;
right:35px;
top:40px;
display:block;
width:32px;
height:32px;
background:url(../images/close2.png) no-repeat center center;
cursor:pointer;
}
.dialog-join .dialog-content .close {
right:-55px;
top:-25px;
}
.dialog-inner {
padding:80px 50px;
}
.dialog-inner .dt-title {
padding:15px;
font-size:18px;
color:#fff;
background:#d80d18;
}
.dialog-inner .dd-content {
padding:15px;
}
.dialog-inner .dd-content .other span {
display:inline-block;
margin-right:25px;
color:#666;
}
.dialog-inner .dt-question {
position:relative;
padding:0 0 25px 60px;
font-size:24px;
color:#333;
line-height:40px;
border-bottom:1px solid #d2d2d2;
}
.dialog-inner .dd-answer {
position:relative;
padding:25px 0 0 60px;
font-size:16px;
color:#999;
line-height:34px;
}
.dialog-inner .word {
position:absolute;
left:10px;
top:0;
display:block;
width:40px;
height:40px;
font-size:18px;
color:#fff;
line-height:40px;
text-align:center;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.dialog-inner .dt-question .word {background:#da251e;}
.dialog-inner .dd-answer .word {top:25px;background:#d8d8d8;}
/*page*/
.page {
width:1200px;
margin:0 auto;
text-align:center;
}
.page a {
display:inline-block;
margin:0 5px;
padding:10px;
font-size:16px;
color:#999;
}
.page .num {
font-style:italic;
border-bottom:1px solid #dadada;
}
.page .num.on {color:#da251e;border-bottom:1px solid #da251e;}
.page .prev,.page .next {
font-family:'Simsun';
}
article img {max-width:100%;}
.descrition img{
max-width:100%;
}
.inner-main{
padding-top:80px;
}
/*contact*/
.contact-map {
position:relative;
float:right;
width:771px;
margin-top:90px;
}
.contact-map img {display:block;}
.contact-map-list li img {
z-index:1;
position:absolute;
display:none;
}
.contact-map-list li.dongbei img {
right: 0;
top: -11px;
}
.contact-map-list li.xibei img {
left:0;
top:78px;
}
.contact-map-list li.xinan img {
left:33px;
top:298px;
}
.contact-map-list li.huabei img {
right:110px;
top:9px;
}
.contact-map-list li.huadong img {
right:87px;
top:279px;
}
.contact-map-list li.huanan img {
right:108px;
bottom:11px;
}
.contact-map-list li.huazhong img {
right:140px;
bottom:126px;
}
.contact-map-list li span {
z-index:2;
position:absolute;
display:block;
width:50px;
height:50px;
background:#f00;
cursor:pointer;
opacity:0;
border-radius:100%;
}
.contact-map-list li.dongbei span {
top:139px;
right:58px;
}
.contact-map-list li.xibei span {
top:334px;
right:261px;
}
.contact-map-list li.xinan span {
bottom:204px;
right:330px;
}
.contact-map-list li.huabei span {
top:220px;
right:164px;
}
.contact-map-list li.huadong span {
bottom:235px;
right:130px;
}
.contact-map-list li.huanan span {
bottom:85px;
right:185px;
}
.contact-map-list li.huazhong span {
bottom:200px;
right:175px;
}
.contact-map-list li img {
display:none;
}
/*.contact-map-list li a:hover + img {*/
/*opacity:1;*/
/*}*/
.contact-us-content {
padding-top:20px;
margin-right:771px;
min-height:800px;}
.contact-us-content .main-company {
width:100%;
padding:30px 0 55px;
}
.subcompany-area {display:none;}
.subcompany-title {
padding:0 0 35px 50px;
font-size:24px;
color:#000;
line-height:43px;
background:url(../images/contact-icon.png) no-repeat left top;
}
.contact-us-content .sub-company {
padding-bottom:20px;
border-top:1px solid #e4e4e4;
}
.contact-us-content .dt-title {
margin-bottom:20px;
font-size:24px;
color:#000;
white-space:nowrap;
}
.contact-us-content .sub-company .dt-title {
padding:20px 0 15px;
margin-bottom:0;
font-size:18px;
}
.contact-us-content .dd-content {
font-size:16px;
color:#525252;
line-height:2;
}
.contact-us-content .sub-company .dd-content {
font-size:14px;
color:#666;
line-height:1.3;
}
.contact-us-content .dd-content > div {}
.contact-us-content .sub-company .dd-content > div{margin-bottom:15px;}
.contact-us-content .sub-company {
}