@charset "UTF-8";
/*整站样式*/
@font-face { font-family:'Gotham-Book'; src:url('../font/Gotham-Book.ttf') format('truetype');font-weight: normal; font-style: normal;}
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;max-width:100%;}
i,em {font-style:normal;}
i,em,strong {font-weight:normal;}
input[type=submit]:hover,button:hover { cursor:pointer;}
input:focus,textarea:focus,button:focus,input:active {outline-color:transparent;border:0;}
a {color:#333;  }
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{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;}
.bg1 {background-color:#f5f5f5;}
header li,
.index_product li,
.item_list li{ list-style-type:none;}
.layouts {
    width:1140px;
    margin:0 auto;
}
.layouts:after,.layouts:before {
    content:"";
    display:table;
}
.layouts:after {clear:both;}
.clear {clear:both;}
.inline_block {display:inline-block;}
.blue {color:#006aff;}
.blue1 {color:#09abd9;}
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
/*header*/
header {z-index:9999;position:fixed;width:100%;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.2);}
header.active {}
header .logo {float:left;padding-top:9px;transition:all 0.4s ease;}
header.active .logo {padding-top:5px;}
header .right_side {float:right;font-size:16px;}
header .language_wrap {float:right;margin-left:100px; color:#999;}
header .language_wrap .lan {display:inline-block;height:84px;line-height:84px;
    transition:all 0.4s ease;}
header .language_wrap .lan.on {color:#999;}
nav {float:left;}
nav li {float:left;margin-left:43px;}
nav .per {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height:84px;
    line-height: 1;
    border-bottom:2px solid transparent;
    transition:all 0.4s ease;
}
nav .per .en{
    padding-top: 10px;
    display: block;
}
header.active nav .per,header.active .language_wrap .lan {height:70px;/* line-height:70px; */}
nav .on .per,nav .per:hover {color:#0092d8;border-bottom-color:#0092d8;}
.page_total {padding-top:84px;transition:all 0.4s ease;}
.page_total.active {padding-top:70px;}
/*banner*/
.index_banner a {display:block;height:590px;}
.index_banner .swiper-button-next,
.index_banner .swiper-container-rtl .swiper-button-prev,
.index_banner .swiper-button-prev,
.index_banner .swiper-container-rtl .swiper-button-next {
    display:none;
    width:45px;
    height:80px;
}
.index_banner:hover .swiper-button-next,
.index_banner:hover .swiper-container-rtl .swiper-button-prev,
.index_banner:hover .swiper-button-prev,
.index_banner:hover .swiper-container-rtl .swiper-button-next {display:block;}
.index_banner .swiper-button-next, .index_banner .swiper-container-rtl .swiper-button-prev {
    background:url(../images/next.png) no-repeat left top;
}
.index_banner .swiper-button-prev, .index_banner .swiper-container-rtl .swiper-button-next {
    background:url(../images/prev.png) no-repeat left top;
}
.index_banner .swiper-container-horizontal>.swiper-pagination-bullets,
.index_banner .swiper-pagination-custom,
.index_banner .swiper-pagination-fraction {
    bottom:0;
    padding:18px 0;
}
.index_banner .swiper-pagination-bullet {
    width:15px;
    height:15px;
    opacity:1;
    background-color:transparent;
    border:2px solid #fff;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.index_banner .swiper-pagination-bullet-active {
    background-color:#fff;
}
/*产品中心*/
.index_wrap:nth-child(2n) {background-color:#f2f2f2;}
.index_title_w {
    padding:55px 0 35px;
    text-align:center;
}
.index_title {
    font-size:24px;
    font-weight:bold;
    color:#333;
}
.index_tips {
    max-width:680px;
    margin:15px auto 0;
    font-size:14px;
    color:#666;
    line-height:1.8;
}
.index_product ul {margin-left:-11px;padding-bottom:44px;}
.index_product li {
    float:left;
    margin:0 0 11px 11px;
}
.index_product li img {display:block;transition:all 1s;}
.index_product li:hover img {
    transform:rotateY(360deg);
}
.index_more {padding:75px 0;}
.index_more .each {
    position:relative;
    width:560px;
    height:290px;
    overflow:hidden;
}
.index_more .each .text_w {
    position:absolute;
    left:0;
    top:0;
    display:table;
    width:100%;
    height:290px;
    color:#fff;
    background:rgba(0,0,0,.25);
}
.index_more .each .text {
    display:table-cell;
    padding-left:40px;
    vertical-align:middle;
}
.index_more img {display:block;transition:all .6s;}
.index_more .each:hover img {transform:scale(1.05);}
.index_more .each .title1 {margin-bottom:7px;font-size:14px;text-transform:uppercase;}
.index_more .each .title2 {font-size:20px;font-weight:bold;}
.index_more .each .more {
    position:absolute;
    top:50%;
    right:-35px;
    display:block;
    width:35px;
    height:35px;
    margin-top:-17.5px;
    background:url(../images/more.png) no-repeat center center;
    transition:all .6s;
}
.index_more .each:hover .more {
    right:70px;
}
.index_news ul {margin-left:-20px;padding-bottom:55px;}
.index_news li {
    float:left;
    width:560px;
    margin-left:20px;
}
.index_news li a {
    position:relative;
    display:block;
    padding:0 5px;
    font-size:14px;
    color:#333;
    line-height:30px;
    overflow:hidden;
}
.contact_table a:hover {color:#0092d8;}
.index_news li:hover a {color:#0092d8;}
.index_news li:first-child a,.index_news li:nth-child(2) a {height:180px;padding:0;margin-bottom:15px;}
.index_news li:first-child .title,.index_news li:nth-child(2) .title {max-height:75px;margin-left:0;font-size:16px;line-height:1.5;white-space:normal;overflow:hidden;}
.index_news li:first-child .des,.index_news li:nth-child(2) .des {height:48px;font-size:14px;color:#666;line-height:24px;overflow:hidden;}
.index_news li:first-child .date,.index_news li:nth-child(2) .date {position:absolute;left:310px;top:150px;color:#999;}
.index_news li .img_w {float:left;width:280px;height:178px;overflow:hidden;}
.index_news li .img_w img {display:block;transition:all .6s;}
.index_news li:hover .img_w img {transform:scale(1.05);}
.index_news li .text_w {
    margin:0 0 -9999px 280px ;
    padding:10px 30px 9999px;
    background-color:#fff;
}
.index_news li .text_w .line {
    display:block;
    width:33px;
    height:1px;
    margin:15px 0;
    background-color:#d1d1d1;
}
.index_news li .date {
    float:left;
}
.index_news li .title {
    margin-left:90px;
    font-size:14px;
    white-space;nowrap;
}
footer {
    padding:50px 0 50px;
    font-size:12px;
    color:#fff;
    background:#2c2e32;
}
footer .bottom_menu,footer .bottom_contact {
    float:left;
    width:500px;
}
footer .bottom_menu dl {
    float:left;
    width:150px;
    min-height:130px;
    padding-left:20px;
    border-left:1px solid #424347;
}
footer .bottom_menu dt {margin-bottom:10px;font-size:16px;}
footer .bottom_menu dd {margin-bottom:10px;}
footer .bottom_menu dd a {display:block;color:#fff;opacity:.6;filter:Alpha(opacity=60);}
footer .bottom_menu dd a:hover {opacity:1;filter:Alpha(opacity=100);}
footer .bottom_contact span {color:#e9f4ff;opacity:.5;line-height:1.8;}
footer .bottom_contact .contact {padding-bottom:10px;}
footer .bottom_contact .phone_number {
    font-size:24px;
    color:#cfcfcf;
}
footer .bottom_code {float:right;text-align:center;}
footer .bottom_code span {font-size:14px;opacity:.7;}
.page_banner {height:400px;}
.about_page {min-height:670px;}
.about_tab {text-align:center;}
.about_tab,.pro_tab {border-bottom:1px solid #e8e8e8;}
.about_tab .each,.pro_tab .each {
    position:relative;
    display:inline-block;
    height:60px;
    padding:0 45px;
    line-height:60px;
}

.about_tab .each.on .tab,.pro_tab .each.on .tab {display:inline-block;height:60px;vertical-align:-1px;font-weight:bold;color:#0092d8;border-bottom:3px solid #0092d8;}
.pro_tab .each:hover .tab{color:#0092d8}
.about_tab .each .line {
   position:absolute;
    right:0;
    top:22px;
    display:block;
    width:1px;
    height:15px;
    background-color:#cfcfcf;
}
.about_page .about_content {
    font-size:14px;color:#333;line-height:1.8;
}
.about_page .about_content .each_one {padding-bottom:60px;}
.about_page .about_content table {border-collapse:collapse;}
.about_page .about_content .about_table td:last-child {
    padding:0 70px;
    background-color:#f2f2f2;
}
.about_page .about_content .about_table img {display:block;margin:0 auto;}
.about_page .about_content .about_table .line {
    display:block;
    width:72px;
    height:2px;
    margin:15px auto;
    background-color:#0092d8;
}
.product_center {padding-bottom:35px;}
.product_detail {padding:30px 0 70px;}
.product_detail .pro_description {padding:25px 0;margin-bottom:10px;font-size:14px;color:#666;line-height:1.7;background-color:#fff;}
.product_detail .description {max-width:865px;}
.pro_more_detail {background-color:#fff;}
.pro_tab_content {padding:70px 95px;}
.pro_tab_content .item_list {float:left;min-height:145px;padding:0 15px;border-left:1px solid #ddd;text-transform:uppercase;}
.pro_tab_content .item_list li {margin-bottom:15px;}
.pro_tab_content .item_list .down {float:right;display:block;padding-left:20px;font-size:12px;background:url(../images/down1.png) no-repeat left center;filter:Alpha(opacity=0);opacity:0;transition:all .6s;}
.pro_tab_content .item_list li:hover .down {opacity:1;filter:Alpha(opacity=100);}
.pro_tab_content .item_list .pro_name {display:block;margin-right:60px;font-size:14px;transition:all .6s;}
.pro_tab_content .item_list li:hover .pro_name {color:#0092d8;}
.news_list {padding-bottom:40px;}
.news_list ul {margin-left:-32px;}
.news_list li {
    float:left;
    width:260px;
    height:290px;
    margin-left:32px;
    margin-bottom:32px;
    background-color:#fff;
}
.news_list li .img_w {width:260px;height:170px;overflow:hidden;}
.news_list li img {transition:all .6s;}
.news_list li:hover img {transform:scale(1.05);}
.news_list li .text_w {
    padding:15px;
    font-size:14px;
    color:#666;
}
.news_list li .title a {
    display:block;
    height:45px;
    font-size:14px;
    line-height:1.5;
    overflow:hidden;transition:all .6s;
}
.news_list li:hover .title a {color:#0092d8;}
.news_list li .line {display:block;width:30px;height:1px;margin:10px 0;background-color:#c5c5c5;transition:all .6s;}
.news_list li:hover .line {width:50px;}
.page {text-align:center;}
.page a {display:inline-block; width:32px;height:32px;}
.page .num {font-size:14px;color:#666;line-height:32px;vertical-align:11px;border-radius:100%;}
.page .num.on {color:#fff;background-color:#0092d8;}
.page .prev {margin-right:15px;background:url(../images/prev1.png) no-repeat center center;}
.page .next {margin-left:15px;background:url(../images/next1.png) no-repeat center center;}
.news_detail {padding:60px 0 40px;font-size:16px;color:#555;line-height:1.8;}
.news_detail .title_w {padding-bottom:15px;font-size:14px;color:#333;text-align:center;}
.news_detail .title_w h1 {
    margin-bottom:5px;
    font-size:24px;
    color:#333;
    line-height:1.5;
}
.news_detail .artical {padding:70px 70px 35px;background:#fff;}
.news_detail .artical .share_w {padding-top:25px;font-size:14px;}
.news_detail .artical .share_w a {display:inline-block;margin:0 3px;vertical-align:-2px;}
.news_detail .prev_next {padding-top:20px;font-size:14px;}
.news_detail .prev_next .p_n {float:right;width:49.5%;text-align:right;}
.news_detail .prev_next .p_n:first-child {float:left;text-align:left;}
.news_detail .prev_next .p_n .tips {display:inline-block;width:22px;height:22px;vertical-align:-5px;}
.news_detail .prev_next .p_n a:hover {color:#0092d8;}

.feedback {width:650px;margin:0 auto;}
.feedback .index_title {
    font-weight:normal;
    color:#fff;
    letter-spacing:.6em;
}
.feedback .input_w {
    float:left;
    width:211px;
    height:38px;
    padding:0 10px;
    margin-left:8px;
    margin-bottom:10px;
    font-size:14px;
    color:#fff;
    line-height:38px;
    background:rgba(0,0,0,.4);
}
.feedback .input_w:first-child{margin-left:0;}
.feedback .input_w .input_text {width:140px;background:transparent;
    font-size:14px;
    color:#fff;
    opacity: 1;
}
.feedback .input_w .input_text::-webkit-input-placeholder{
	color: #fff;
}
.feedback .textarea_w {
    padding:7px 0 0 20px;
    margin-bottom:20px;
    font-size:14px;
    color:#fff;
    background:rgba(0,0,0,.4);

}
.feedback .textarea_w label {float:left;margin-right:5px;}
.feedback .textarea_w textarea {width:605px;height:100px;background:transparent;border:0;
    font-size:14px;
    color:#fff;}
.feedback .submit_w input {
    width:230px;
    height:40px;
    line-height:40px;
    font-size:14px;
    color:#fff;
    background:rgba(0,0,0,.4);

}
.contact_us {padding:60px 0 45px;}
.contact_us > div {background-color:#fff;padding:20px;}
.contact_us .contact_table {width:700px;margin:0 auto;padding:50px 0 30px;}

.page_banner {display:table;width:100%;text-align:center;}
.page_banner .text_w{display:table-cell;vertical-align: middle;}
.page_banner .title1 {font-family:'Gotham-Book';font-size:30px;color:#fff;text-transform: uppercase;letter-spacing:.25em;}
.page_banner .title2 {margin-top:10px;font-size:24px;color:#fff;letter-spacing:.25em;}