@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:#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;}
header li,
.index-product li,
.item-list li{ list-style-type:none;}
.layouts {
    position:relative;
    width:1200px;
    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;}
.picture {overflow:hidden;}
.picture img {transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;}
li:hover .picture img,.each-item:hover .picture img {transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);}
.gray-bg {background:#f5f5f5;}
/*header*/
header {
    z-index:999;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:95px;
    background:rgba(0,0,0,.4);
    transition:all .6s;
}
header.on {background:#fff;box-shadow:0 0 15px rgba(0,0,0,.15);}
header .logo {
    position:absolute;
    top:20px;
    left:0;
}
header .logo a {
    display:block;
    width:187px;
    height:55px;
}
header .logo img {
    position:absolute;
    transition:all .6s;
}
header .logo img:last-child {
    opacity:0;
    filter:alpha(opacity=0);
}
header.on .logo img:last-child {
    opacity:100;
    filter:alpha(opacity=100);
}
header.on .logo img:first-child {
    opacity:0;
    filter:alpha(opacity=0);
}
header .right-side {
    float:right;
}
header .language-wrap {
    float:right;
    padding-top:35px;
}
header .language-wrap a {
    display:inline-block;
    padding-left:35px;
    font-size:14px;
    color:#fff;
    background:url(/uploads/image/phimages/lan_icon.png) no-repeat left center;
}
header.on .language-wrap a {
    color:#000;
    background:url(/uploads/image/phimages/lan_icon1.png) no-repeat left center;
}
header .language-wrap .down {
    display:inline-block;
    width:28px;
    height:10px;
    background:url(/uploads/image/phimages/down_icon1.png) no-repeat right center;
}
header.on .language-wrap .down {
    background:url(/uploads/image/phimages/down_icon1a.png) no-repeat right center;
}
nav {float:right;}
nav li {
    float:left;
    padding-top:30px;
    margin-right:10px;
}
nav .per {
    display:block;
    height:36px;
    padding:0 25px;
    font-size:16px;
    color:#fff;
    line-height:36px;
    border:1px solid transparent;
    border-radius:18px;
    -moz-border-radius:18px;
    -webkit-border-radius:18px;
}
header.on .per {color:#000;}
nav .on .per,nav .per:hover {border-color:#fff;}
header.on .on .per,header.on nav .per:hover {color:#01b4ed;border-color:#01b4ed;}

/*首页banner*/
.index-banner {
    position:relative;
    height:765px;
}
.index-banner .mask {
    z-index:2;
    position:absolute;
    left:0;
    bottom:0;
    display:block;
    width:100%;
    height:52px;
    background:url(/uploads/image/phimages/00.png) no-repeat center center;
}
.index-banner a {
    display:block;
    width:100%;
    height:745px;
}
.index-banner .swiper-button-next,.index-banner .swiper-button-prev{
    display:none;
    width:18px;
    height:31px;
}
.index-banner:hover .swiper-button-next,.index-banner:hover .swiper-button-prev {display:block;}
.index-banner .swiper-button-next {background:url(/uploads/image/phimages/next1-1.png) no-repeat center center;}
.index-banner .swiper-button-prev {background:url(/uploads/image/phimages/prev1-1.png) no-repeat center center;}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets,.index-banner .swiper-pagination-custom,.index-banner .swiper-pagination-fraction {bottom:40px;}
.index-banner .swiper-pagination-bullet,.product-detail .product-show .swiper-pagination-bullet {width:13px;height:13px;margin-top:-15px;background:#c7c1be;opacity:1;filter:alpha(opacity=100);}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.product-detail .product-show .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 8px;}
.index-banner .swiper-pagination-bullet-active {background:#fed900;}
.page-total {padding-top:95px;}
/*首页其他*/
.index-wrap {padding:50px 0 70px;}
.index-title-w {position:relative;padding-bottom:30px;text-align:center;}
.feedback .index-title-w {
    padding-bottom:50px;
}
.index-news .index-title-w {text-align:left;}
.index-news .index-title-w .line {margin:15px 0;background:url(/uploads/image/phimages/line1.png) no-repeat left center;}
.index-news .index-title-w .index-tips {margin:0;}
.index-title-w .more {
    position:absolute;
    right:0;
    top:30px;
    font-size:14px;
    color:#999;
}
.index-title-w .more .icon {
    display:inline-block;
    width:12px;
    height:12px;
    margin-left:10px;
    background:url(/uploads/image/phimages/more1.png) no-repeat center center;
    vertical-align:-2px;
}
.index-title {
    font-size:30px;
    font-weight:bold;
    color:#01b4ed;
    text-transform:uppercase;
}
.index-product .index-title,.feedback .index-title {font-size:36px;}
.second-title {
    margin-bottom:10px;
    font-size:22px;
    color:#fed900;
}
.index-title-w .line {
    display:block;
    width:163px;
    height:9px;
    margin:20px auto;
    background:url(/uploads/image/phimages/line.png) no-repeat center center;
}
.index-title-w .index-tips {
    width:620px;
    margin:0 auto;
}
.product-page .index-title-w .index-tips {
    width:1080px;
    margin:0 auto;
}
.index-tips {
    font-size:14px;
    color:#333;
    line-height:1.6;
}
.index-product .item-list {
    width:1000px;
    margin:0 auto;
}
.index-product .item-list ul {margin-left:-40px;}
.index-product .item-list li {
    float:left;
    width:480px;
    margin:0 0 40px 40px;
}
.index-product .item-list .picture {width:480px;height:310px;}
.index-product .item-list .text-wrap {
    padding-top:25px;
    text-align:center;
}
.index-product .pro-name a {
    display:block;
    font-size:18px;
    font-weight:bold;
    color:#010101;
    white-space:nowrap;
    overflow:hidden;
}
.index-product li:hover .pro-name a {color:#01b4ed;}
.index-product .descrition {
    height:48px;
    margin:20px 0;
    overflow:hidden;
}
.descrition {
    font-size:14px;
    color:#333;
    line-height:1.8;
}
.view-more{
    font-size:16px;
    color:#01b4ed;
}
.index-about {
    min-height:618px;
    background:url(/uploads/image/phimages/index_bg1.jpg) no-repeat center center;
}
.index-about.index-wrap {padding:80px 0 70px;}
.index-about-content {
    width:1050px;
    margin:0 auto;
}
.index-about .each-item {
    float:left;
    width:460px;
    height:540px;
    padding:30px;
    background:#fff;
    box-shadow:0 0 15px rgba(0,0,0,.5);
}
.index-about .each-item .picture {
    width:460px;
    height:300px;
}
.index-about .each-item .text-wrap {padding-top:25px;}
.index-about .each-item .small-title {
    font-size:24px;
    font-weight:bold;
    color:#01b4ed;
}
.index-about .each-item .line,.index_cooperation .blue-item-list .small-title .line,.index-from-wrap .text-wrap .line {
    display:block;
    width:40px;
    height:5px;
    margin:15px 0;
    background:url(/uploads/image/phimages/line1.png) no-repeat center center;
}
.index-about .each-item .descrition {
    margin:10px 0 20px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.index-about .each-item:first-child .descrition {
    max-height:72px;
    white-space:inherit;
}
.index-about .each-item .know-more {
    display:inline-block;
    width:32px;
    height:32px;
    background:url(/uploads/image/phimages/more.png) no-repeat center center;
}
.index_cooperation.index_wrap {padding:60px 0 90px;}
.index_cooperation .blue-item-list ul {margin:0 0 30px -30px;}
.index_cooperation .blue-item-list li {
    float:left;
    width:320px;
    padding:30px;
    margin:0 0 30px 30px;
    color:#fff;
    background:#01b4ed;
}
.index_cooperation .blue-item-list .small-title {
    margin-bottom:10px;
    font-size:24px;
    font-weight:bold;
}
.index_cooperation .blue-item-list .small-title .line,.index-from-wrap .text-wrap .line {
    display:inline-block;
    margin-left:20px;
    background:url(/uploads/image/phimages/line2.png) no-repeat center center;
    vertical-align:-9px;
}
.index_cooperation .blue-item-list .descrition {color:#fff;}
.index_cooperation .index-brand-list ul {margin:30px 0 0 -30px;}
.index_cooperation .index-brand-list li {
    float:left;
    width:215px;
    margin-left:30px;
}
.index-from-wrap {
    position:relative;
    height:493px;
    background:url(/uploads/image/phimages/index_bg2.jpg) no-repeat center center;
}
.index-from-wrap .box-box {
    position:relative;
    float:right;
    width:370px;
    height:550px;
    margin-top:-60px;
    background:#fed900;
}
.index-from-wrap .text-wrap {
    padding:30px;
    text-align:right;
}
.index-from-wrap .text-wrap .small-title {
    font-size:30px;
    font-weight:bold;
    color:#000;
}
.index-from-wrap .text-wrap .descrition,.each-about-one .each-item .descrition  {
    height:48px;
    margin-bottom:20px;
    overflow:hidden;
}
.index-from-wrap .text-wrap .bottom-word {
    font-family:"myriad pro";
    font-size:25px;
    font-weight:bold;
    text-transform:uppercase;
    color:#fff;
}
.index-from-wrap .picture-w {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
}
.index-from-wrap .picture-w .mask {
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:100%;
    height:35px;
    background:url(/uploads/image/phimages/yellow_bottom.png) no-repeat center top;
}
.index-from-wrap .picture-w img {display:block;}
.index-news .swiper-button-next,.index-news .swiper-button-prev {
    top:100px;
    right:0;
    width:25px;
    height:25px;
    background-color:#01b4ed;
}
.index-news .swiper-button-prev,.index-news .swiper-container-rtl .swiper-button-next {
    left:auto;
    right:30px;
    background-image:url(/uploads/image/phimages/prev1.png);
    background-size:7px 12px;
}
.index-news .swiper-button-next,.index-news  .swiper-container-rtl .swiper-button-prev {
    background-image:url(/uploads/image/phimages/next.png);
    background-size:7px 12px;
}
.index-news .swiper-button-next.swiper-button-disabled,.index-news  .swiper-button-prev.swiper-button-disabled {
    background-color:#d9d9d9;
}
.index-news .each-item {display:block;width:380px;}
.index-news .each-item img {display:block;}
.index-news .each-item .news-name {
    font-size:20px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.index-news .text-wrap {padding-top:20px;}
.index-news .each-item:hover .news-name {color:#01b4ed;}
.index-news .each-item .descrition {
    margin:10px 0;
}
.index-news .each-item .date {
    font-family:arial, verdana, sans-serif;
    font-size:14px;
    color:#999;
}
/*内页*/
.inner-banner img {display:block;max-width:100%;}
.inner-tab {background:#fcfcfc;border-bottom:1px solid #ededed;}
.inner-tab .item-list {text-align:center;}
.inner-tab li {
    display:inline-block;
}
.inner-tab li .tab {
    display:block;
    height:60px;
    padding:0 28px;
    font-size:16px;
    color:#333;
    line-height:60px;
}
.inner-tab li.on .tab {
    color:#fff;
    background:#01b4ed;
}
.inner-title-tab .item-list {padding:50px 0 35px;text-align:center;}
.inner-title-tab .item-list li {
    position:relative;
    display:inline-block;
}
.inner-title-tab .item-list li .line {
    position:absolute;
    right:0;
    top:5px;
    display:block;
    width:2px;
    height:17px;
    background:#8c8c8c;
}
.inner-title-tab .item-list .per {
    display:block;
    height:50px;
    padding:0 20px;
    font-size:24px;
    font-weight:bold;
    line-height:1;
}
.inner-title-tab .item-list li.on  .per {
    color:#01b4ed;
    background:url(/uploads/image/phimages/line1.png) no-repeat center bottom;
}
.each-about {padding:45px 0;}
.each-about:first-child {padding:45px 0 0;}
.each-about-one .item-list {text-align:center;}
.each-about-one .each-item {
    display:inline-block;
    width:480px;
    height:510px;
    margin:15px;
    border:1px solid #e5e5e5;
    cursor:pointer;
}
.each-about-one .each-item:hover {
    box-shadow:0 0 15px rgba(0,0,0,.3);
}
.each-about-one .each-item .picture {
    width:480px;
    height:310px;
}
.each-about-one .each-item .text-wrap {
    padding:15px;
    text-align:left;
}
.each-about-one .each-item .title {
    margin-bottom:10px;
    font-size:18px;
    font-weight:bold;
    color:#000;
}
.each-about-one .each-item .more {
    font-size:16px;
    color:#999;
    line-height:20px;
    transition:all .6s;
}
.each-about-one .each-item .more:hover {
    font-size:14px;
    color:#01b4ed;
}
.each-about-three .item-list {
    width:1146px;
    margin:0 auto;
}
.each-about-three .item-list .each-item {
    position:relative;
    float:left;
    width:380px;
    height:380px;
    margin:1px;
    background:#fff;
}
.each-about-three .item-list .text-wrap {
    padding:43px;
}
.each-about-three .item-list .icon {
    position:absolute;
    top:0;
    left:0;
}
.each-about-three .item-list .title {
    margin-bottom:30px;
    font-size:24px;
    font-weight:bold;
    color:#08ade1;
    text-align:center;
}
.each-about-three .item-list .descrition {
    max-height:192px;
    margin-bottom:25px;
    overflow:hidden;
}
/*
.each-about-three .item-list strong {
    display:block;
    margin-bottom:15px;
    font-weight:bold;
    font-size:16px;
    color:#08ade1;
}
*/
.each-about-four .item-list {text-align:center;}
.each-about-four .item-list li {
    display:inline-block;
    margin:25px 10px;
}
.history-page {
    padding:50px;
    background: no-repeat center top;
}
.history-list {
    background:url(/uploads/image/phimages/ling_bg1-2.png) repeat-y center top;
}
.history-list .item-list {
    background:url(/uploads/image/phimages/line1.png) no-repeat left top;
}
.history-list li {position:relative;padding-top:50px;font-size:18px;}
.history-list li .year-wrap {
    position:absolute;
    left:50%;
    top:75px;
    width:66px;
    height:66px;
    margin-left:-35px;
    font-weight:bold;
    color:#01b4ed;
    text-align:center;
    line-height:66px;
    border:2px solid #01b4ed;
    background:#fff;
    border-radius:35px;
    -moz-border-radius:35px;
    -webkit-border-radius:35px;
}
.history-list li:nth-child(2n) .year-wrap {
    color:#fff;
    background:#01b4ed;
}
.history-list .picture-wrap {width:515px;}
.history-list .picture-wrap img {
    width:195px;
}
.history-list li:nth-child(2n 1) .picture-wrap {float:right;text-align:left;}
.history-list li:nth-child(2n) .picture-wrap {float:left;text-align:right;}
.history-list .text-wrap {
    width:515px;
    margin-top:25px;
}
.history-list li:nth-child(2n 1) .text-wrap {float:left;}
.history-list li:nth-child(2n) .text-wrap {float:right;}
.history-list .text-wrap .year {
    display:block;
    margin-bottom:8px;
    font-size:18px;
    font-weight:bold;
    color:#000;
}
.history-list .text-wrap .des {
    font-size:14px;
    color:#000;
    line-height:1.7;
}
.history-list .bg-square {
    position:absolute;
    top:0;
    width:10px;
    height:100%;
    z-index: 2;
    overflow: hidden;
}
.history-list li:nth-child(2n) .bg-square {
    left:505px;
}
.history-list .bg-square-inner {
    position: absolute;
    top: 25px;
    left: -29px;
    width:80px;
    height:80px;
    border:45px solid #fff;
    transform:rotate(45deg);
}
.history-list li:nth-child(2n) .bg-square-inner {
    left:-132px;
}
.each-qualification {padding-top:60px;}
.certificate-list.each-qualification {padding-top:0;}
.each-qualification:first-child {padding-top:40px;}
.each-qualification .index-title {
    font-size:32px;
}
.each-qualification .layouts {width:1130px;}
.each-qualification .descrition {
    width:880px;
    margin:0 auto;
    text-align:center;
}
.each-qualification .item-list {margin-left:-47px;padding-top:15px;}
.each-qualification .item-list li {
    float:left;
    width:345px;
    height:230px;
    margin:0 0 47px 47px;
}
.more-blue-btn {
    display:inline-block;
    width:180px;
    height:50px;
    font-size:16px;
    color:#fff;
    line-height:50px;
    text-align:center;
    background:#01b4ed;
    border-radius:3px;
}
.qualification-page {
    padding-bottom:50px;
}
.qualification-question-list {
    padding:25px 0;
}
.qualification-question-list li {
    padding:25px 0;
    border-bottom:1px solid #e6e6e6;
}
.qualification-question-list .question a {
    display:block;
    margin-bottom:10px;
    font-size:20px;
    color:#000;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.qualification-question-list li:hover .question a {color:#01b4ed;}
.brand-waterfall {margin:0 0 -55px -55px;}
.brand-waterfall li {
    float:left;
    width:340px;
    margin:0 0 55px 55px;
}
.brand-waterfall li .picture-w img {display:block;}
.brand-waterfall li .tips {
    padding-top:25px;
    font-size:16px;
    color:#000;
    text-align:center;
    text-overflow:ellipsis;
    overflow:hidden;
}
.contact-us {
    padding-bottom:50px;
}
.contact-us li {
    padding-top:50px;
}
.contact-us .map-w {
    float:left;
    width:720px;
    height:420px;
    overflow:hidden;
}
.contact-us .right-msg {
    height:350px;
    padding:35px 45px;
    margin-left:720px;
    color:#fff;
    background:#01b4ed;
}
.contact-us .right-msg h3 {
    margin-bottom:30px;
    font-size:24px;
    font-weight:bold;
    color:#fff;
}
.contact-us .right-msg .detail .icon {
    display:block;
    height:30px;
    padding-left:35px;
    margin-bottom:20px;
    font-size:16px;
    line-height:30px;
}
.contact-us .right-msg .detail .icon1,.contact-us .right-msg .detail .icon3 {font-size:24px;}
.contact-us .right-msg .detail .icon1 {
    background:url(/uploads/image/phimages/contact-icon1-1.png) no-repeat center left;
}
.contact-us .right-msg .detail .icon2 {
    background:url(/uploads/image/phimages/contact-icon1-2.png) no-repeat center left;
}
.contact-us .right-msg .detail .icon3 {
    background:url(/uploads/image/phimages/contact-icon1-3.png) no-repeat center left;
}
.contact-us .right-msg .detail .icon4 {
    background:url(/uploads/image/phimages/contact-icon1-4.png) no-repeat center left;
}
.feedback {
    width:1000px;
    padding:45px 0 60px;
    margin:0 auto;
}
.feedback .input-text-wrap {margin-left:-20px;}
.feedback .input-w {
    float:left;
    width:320px;
    margin:0 0 20px 20px;
}
.feedback .textarea-w {margin-bottom:20px;}
.feedback .input-text {
    width:288px;
}
.feedback textarea {
    width:968px;
    height:130px;
}
.feedback .input-text,.feedback textarea {
    padding:15px;
    font-size:16px;
    color:#999;
    border:1px solid #e4e4e4;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.feedback .input-submit {
    width:220px;
    height:52px;
    font-size:16px;
    font-weight:bold;
    color:#fff;
    line-height:52px;
    text-align:center;
    background:#01b4ed;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
:-moz-placeholder {
    font-family: "microsoft yahei", stheiti, 宋体, arial;
    color: #999;
    opacity:1;
}
::-moz-placeholder {
    font-family: "microsoft yahei", stheiti, 宋体, arial;
    color: #999;
    opacity:1;
}
input:-ms-input-placeholder{
    font-family: "microsoft yahei", stheiti, 宋体, arial;
    color: #999;
    opacity:1;
}
input::-webkit-input-placeholder{
    font-family: "microsoft yahei", stheiti, 宋体, arial;
    color: #999;
    opacity:1;
}
textarea:-ms-input-placeholder{
    font-family: "microsoft yahei", stheiti, 宋体, arial;
    color: #999;
    opacity:1;
}
textarea::-webkit-input-placeholder{
    font-family: "microsoft yahei", stheiti, 宋体, arial;
    color: #999;
    opacity:1;
}
.personne-page,.news-page,.product-page {padding:45px 0;}
.product-detail {padding-bottom:60px;}
.personne-page .descrition {
    width:950px;
    margin:0 auto;
    font-size:14px;
    color:#000;
    line-height:2.5;
    text-align:center;
}
.job-list li {
    position:relative;
    padding:25px 0;
    font-size:14px;
    color:#666;
    border-bottom:1px solid #ebebeb;
}
.job-list li:first-child {padding:0 0 25px;}
.job-list li .title-w {cursor:pointer;}
.job-list li .toggle-btn {
    position:absolute;
    right:0;
    top:25px;
    display:block;
    width:35px;
    height:35px;
    background:url(/uploads/image/phimages/join-icon1.png) no-repeat center center;
    cursor:pointer;
}
.job-list li:first-child .toggle-btn {top:0;}
.job-list li.on .toggle-btn {
    background:url(/uploads/image/phimages/join-icon1a.png) no-repeat center center;
}
.job-list li .job-name {
    margin-bottom:15px;
    font-size:18px;
    font-weight:bold;
    color:#000;
}
.job-list li.on .job-name {color:#01b4ed;}
.job-list li .intro span {
    display:inline-block;
    margin-right:25px;
}
.job-list li .detail {
    display:none;
    padding-top:35px;
    line-height:2.5;
}
.job-list li .detail b {
    font-size:16px;
    color:#000;
}
.news-list .item-list,.product-list .item-list {
    margin-left:-30px;
}
.news-list .item-list {padding-bottom:15px;}
.news-list li,.product-list li {
    float:left;
    width:378px;
    margin:0 0 30px 30px;
    border:1px solid #ececec;
}
.news-list li:hover,.product-list li:hover {
    box-shadow:0 0 15px rgba(0,0,0,.2);
}
.news-list li .picture,.product-list li .picture {
    width:378px;
    height:238px;
}
.news-list li .news-name {
    margin-bottom:10px;
    font-size:20px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.news-list li .news-name a {
}
.news-list li:hover .news-name a {color:#01b4ed;}
.news-list li .text-wrap {
    padding:20px 15px 25px;
}
.news-list li .descrition {
    height:50px;
    margin-bottom:20px;
    overflow:hidden;
}
.news-list li .date {
    font-size:14px;
    color:#999;
}
.article {
    font-size:14px;
    color:#000;
    line-height:2;
}
.article .descrition {
    font-size:14px;
    color:#000;
    line-height:2;
}
.news-detail .title-wrap {
    padding-bottom:25px;
    margin-bottom:25px;
    text-align:center;
    border-bottom:1px solid #e6e6e6;
}
.news-detail .title-wrap h1 {
    margin-bottom:20px;
    font-size:24px;
    line-height:1.5;
}
.news-detail .title-wrap .from {
    font-size:14px;
    color:#999;
}
.news-detail .title-wrap .from span {
    display:inline-block;
    margin:0 10px;
}
.news-detail .back-wrap {
    padding-top:35px;
    border-top:1px solid #e6e6e6;
}
.news-detail .back-wrap .back {
    float:right;
    width:118px;
    height:40px;
    font-size:14px;
    color:#666;
    line-height:40px;
    text-align:center;
    border:1px solid #e6e6e6;
}
.news-detail .back-wrap .back:hover {
    color:#fff;
    background:#01b4ed;
    border-color:#01b4ed;
}
.news-detail .prev-next {
    margin-right:150px;
    line-height:1.5;
}
.news-detail .prev-next .each {padding-bottom:10px;}
.news-detail .prev-next .each span {
    float:left;
}
.news-detail .prev-next .each .p-n {
    display:block;
    margin-left:60px;
}
.news-detail .prev-next .each .p-n:hover {color:#01b4ed;text-decoration:underline;}
.product-page .index-product {margin-bottom:-50px;opacity:1;filter:alpha(opacity=100);}
.product-list-title {
    min-height:165px;
    margin-bottom:35px;
}
.product-list-title .left-pic {
    float:left;
    width:380px;
}
.product-list-title img {
    display:block;
    max-width:100%;
}
.product-list-title .right-cont {
    margin-left:410px;
}
.product-list-title .right-cont .right-pic {margin-bottom:20px;}
.product-list-title .right-cont .title {
    font-size:30px;
    font-weight:bold;
    color:#01b4ed;
}
.product-list-title .right-cont .line {
    display:block;
    margin:15px 0;
}
.product-list li .pro-name {
    height:60px;
    font-size:18px;
    color:#000;
    line-height:60px;
    text-align:center;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.product-list li:hover .pro-name {
    font-weight:bold;
    color:#01b4ed;
}
.product-detail .right-side {
    float:right;
    width:260px;
    padding:45px 0 0 40px;
    border-left:1px solid #e0e0e0;
}
.product-detail .right-side li {
    margin-bottom:35px;
}
.product-detail .right-side dt {
    padding-bottom:15px;
    margin-bottom:10px;
    font-size:18px;
    font-weight:bold;
    color:#01b4ed;
    border-bottom:1px solid #e0e0e0;
}
.product-detail .right-side dd a {
    display:block;
    padding:8px 0;
    font-size:16px;
    color:#000;
}
.product-detail .right-side dd a:hover {
    color:#01b4ed;
    text-decoration:underline;
}
.product-detail .left-cont {
    float:left;
    width:860px;
    min-height:860px;
    padding-top:45px;
}
.product-detail .left-cont h1 {
    margin-bottom:25px;
    font-size:30px;
    font-weight:bold;
    color:#01b4ed;
}
.product-detail .product-show  {
    width:650px;
    margin-bottom:30px;
}
.product-detail .product-show .swiper-container {
    padding-bottom:45px;
}
.product-detail .product-show .swiper-pagination-bullet-active {background:#01b4ed;}
.product-detail .left-cont .small-title {
    padding-bottom:20px;
    margin-bottom:20px;
    font-size:18px;
    color:#000;
    font-weight:bold;
    border-bottom:1px solid #e0e0e0;
}
.about-dialog {
    padding:40px;
}
.about-dialog .title {
    padding-bottom:25px;
    margin-bottom:25px;
    font-size:24px;
    color:#000;
    border-bottom:1px solid #e9e9e9;
}
/*页码*/
.page {
    text-align:center;
}
.page a {
    display:inline-block;
    height:45px;
    margin:0 5px;
    font-size:16px;
    line-height:45px;
    text-align:center;
    border:1px solid #ececec;
    border-radius:3px;
}
.page a.number {width:45px;color:#666;}
.page a.prev,.page a.next {padding:0 20px;color:#000;}
.page a.on,.page a:hover {color:#fff;background:#08ade1;}
/*footer*/
footer {
    height:406px;
    font-size:14px;
    color:#fff;
    text-align:center;
    background:url(/uploads/image/phimages/index_bg3.jpg) no-repeat center top;
}
footer .bottom-code {
    padding:80px 0 45px;
}
footer .each-code {
    display:inline-block;
    margin:0 15px;
}
footer .code {
    display:inline-block;
    margin-bottom:15px;
    border:6px solid #86cef6;
}
footer .bottom-code strong {
    display:block;
}
footer .contact {margin-bottom:30px;}
footer .contact strong {
    display:inline-block;
    margin:0 5px;
    font-size:18px;
}
footer a {color:#fff;}
/*首页效果*/
.index-product ,
.index-about,
.index_cooperation,
.index-from-wrap,
.index-from-wrap,
.index-news {opacity:0;}
.active.index-product ,
.active.index-about,
.active.index_cooperation,
.active.index-from-wrap,
.active.index-from-wrap,
.active.index-news{
    opacity:1;
    -webkit-animation-name: fadeinup;
    -moz-animation-name: fadeinup;
    -o-animation-name: fadeinup;
    animation-name: fadeinup;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeinup {
    0% {
        opacity: 0;
        -webkit-transform: translatey(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translatey(0);
    }
}
@-moz-keyframes fadeinup {
    0% {
        opacity: 0;
        -moz-transform: translatey(20px);
    }
    100% {
        opacity: 1;
        -moz-transform: translatey(0);
    }
}
@-o-keyframes fadeinup {
    0% {
        opacity: 0;
        -o-transform: translatey(20px);
    }
    100% {
        opacity: 1;
        -o-transform: translatey(0);
    }
}
@keyframes fadeinup {
    0% {
        opacity: 0;
        transform: translatey(20px);
    }
    100% {
        opacity: 1;
        transform: translatey(0);
    }
}
.fadeinup {
    -webkit-animation-name: fadeinup;
    -moz-animation-name: fadeinup;
    -o-animation-name: fadeinup;
    animation-name: fadeinup;
}