@import url("pcbase.css");

.title_box{position:relative; text-align:center; padding:45px 0 25px 0;}
.title_box .h2{ text-align: center; color: #333; font-size: 32px; position: relative;}
.title_box .h2:before{ content: ""; width: 50px; height: 3px; background: #1A4077; position: absolute; left: 50%; margin-left: -25px; bottom: 0;}
.title_box .h2 i{ color: #1b61bd; padding-right: 9px;}
.title_box .h2 span{display: block;font-weight: normal;font-size: 14px;color: #666;padding: 9px 0 19px 0;}
.title_box .h21{ text-align:center; padding:23px 0 20px; background:url(../images/line.png) no-repeat center top;}
.title_box .h21 em{ display:block; font:16px Arial; text-transform:uppercase; color:#666; padding-top:9px;}
.title_box .h21 i{ display:block; font:16px Arial; text-transform:uppercase; color:#a9a9a9; padding-top:9px;}
.title_box .h21 span{ font-size: 2.6rem; font-family: webfont; color: #292929;}

.home_service ul li{ position: relative;}
.home_service .con h3 {
    font-size: 20px;
    margin-bottom: 8px;
}
.home_service .con {
    background-color: #fff;
    padding: 20px 12px;
}
.home_service .excerpt {
    color: #999;
    height: 48px;
    margin-bottom: 12px;
    font-size: 12px;
    overflow: hidden;
    display: block;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    text-overflow: ellipsis;
    text-align: justify;
}
.home_service ul li .img a.thumb:before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0);
    z-index: 2;
}
.home_service ul li:hover a.thumb:before {
    background-color: rgba(0,0,0,0.6);
}
.home_service ul li .img a.thumb {
    position: relative;
    display: block;
}

.home_service ul li:hover a.thumb img {
    transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
}
.home_service ul li .img:hover img.thumb {
    opacity: 0.8;
}
.home_service ul li .img img.thumb {
    display: block;
    width: 100%;
}
.home_service ul li .img {
    position: relative;
    overflow: hidden;
    display: block;
}
.home_service ul li:hover span.btn, .home_service ul li:hover .hover_btn {
    opacity: 1;
    visibility: visible;
}
.home_service ul li:hover span.btn {
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.home_service ul li span.btn, .home_service ul li .hover_btn {
    top: 50%;
    position: absolute;
    text-align: center;
    line-height: 48px;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
}
.home_service ul li span.btn {
    left: 50%;
    -webkit-transform: translate(-50%,-100%);
    transform: translate(-50%,-100%);
}
.home_service ul li .btn {
    background-color: rgba(255,255,255,.5);
    border: 1px rgba(255,255,255,.3) solid;
    width: 48px;
    height: 48px;
    border-radius: 100%;
}
.home_service ul li span.btn:hover{
	background-color: #c91d0d !important;
    border-color: #c91d0d !important;
    color: #fff !important;
}
.home_service ul li span.btn i{ color: #fff; font-size: 22px; margin-right: 1px;}
.home_service ul li span.btn:hover i{ color: #fff; transition: ease-in-out 0s;}


#index_news{ margin-top: 0;}
.cpcenter{overflow: hidden; background: #FAFAFA; padding: 50px 0;}
.cpcenter .container{ overflow: hidden;}
.cpcenter .toptitle{ font-weight: normal; width: 100%; text-align: center; height: 50px;}
.cpcenter .layui-colla-title a.more{ color: #fff; position: absolute; right: 8px;}
.cpcenter .toptitle span{ font-size: 24px; color: #fff;}
.cpcenter .toptitle em{ font-size: 24px; color: #fff; font-weight: bold;}
.leftlist h3{height: 79px;background: url(../images/lefttit.jpg) no-repeat;width: 100%;text-align: center;font-size: 1.5rem;color: #fff; padding-top: 18px;}
.leftlist h3 span{ display: block; width: 100%; height: 10px;font-size: 0.8rem;}
.leftlist{float: left;width: 270px;background: #fff;}
.leftlist .layui-collapse{ overflow: hidden; margin: 0 auto; border: 1px solid #C5C3C4; padding: 10px 10px 0 10px; height: 566px;}

.rightprodt{width: 990px;float: right;overflow: hidden;background: #fff;}
.rightprodt .layui-tab-content{ padding: 0; width: 1014px;}

.leftlist .layui-colla-title{ background: #006DB5; color: #fff; border-radius: 5px;}
.leftlist .layui-colla-item{ margin-bottom: 10px;}
.leftlist .layui-colla-content ul li{ border-bottom: 1px dashed #CECECE; padding: 10px 0; font-size: 14px;}
.leftlist .layui-colla-content ul li i{ font-size: 0.6rem; float: left;}

.rightprodt .chgbox{ overflow: hidden;}
.rightprodt .Cmtab{background: #006DB5;padding: 10px 0 10px 20px;margin-bottom: 10px; height: auto;}
.rightprodt .Cmtab li{ float: left;text-align: center;color: #fff; transition: all 0s; -webkit-transition: all 0s;}
.rightprodt .Cmtab li a{display: inline-block;height: 30px;text-decoration: none;font-size: 0.8rem;color: #fff;line-height: 30px;padding-left: 16px;padding-right: 16px;  transition: all 0s; -webkit-transition: all 0s;}
.rightprodt .Cmtab li.layui-this{ background: #fff; color: #000; }
.rightprodt .Cmtab li:hover{ background: #fff; color: #000;}
.rightprodt .Cmtab li:hover a{ color: #000;}
.rightprodt .Cmtab li.layui-this a{ color: #000;}
.rightprodt .Cmtab.layui-tab-title .layui-this:after{ height: 41px; border-width: 0;}
.rightprodt .Cmtab a.more{ display: inline-block; width: 50px; height: 40px; color: #fff; font-size: 0.8rem; line-height: 40px; float: right; position: absolute; right: 0;}
.rightprodt .Cmtab a.more i{ float: right;}


.rightprodt .part .cppiclist{ overflow: hidden; border-bottom: 2px solid #363636; padding-top: 12px;}
.layout_li {
    font-size: 13px;
    display: inline-block;
    vertical-align: top;
    padding: 0 12px 12px 0;
    width: 24%;
}
.product_main {
    text-align: center;
    overflow: hidden;
}
.product_main .product_img {
    position: relative;
}
.list_main .imgeffect {
    position: relative;
}
.product_main .imgeffect {
    overflow: hidden;
    display: block;
}
.product_main .imgeffect img.thumb {
    display: block;
    width: 100%;
    min-height: 180px;
    max-height: 180px;
}
img.thumb {
    display: block !important;
}
.product_main .product_img .added_to_cart, .product_main .product_img a.button {
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(100%,0);
    transform: translate(100%,0);
    background-color: rgba(0,0,0,.6);
    color: #fff;
    padding: 4px 20px;
    z-index: 12;
}
.cppiclist .list_main{ transition: ease-in-out .5s;}
.cppiclist .list_main .con {
    background-color: #fff;
    padding: 0 12px 20px 12px;
}
.cppiclist .list_main:hover {
    box-shadow: 2px 2px 12px rgba(0,0,0,.2);
    -webkit-transform: translate(0,-6px);
    transform: translate(0,-6px);
}
.product_main .product_img {
    position: relative;
}
.product_main:hover a.added_to_cart, .product_main:hover a.button{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}
.product_main .zixun{ background: #ccc; border-radius: 50px; padding: 5px 25px; color: #fff;}
.product_main:hover .zixun { background: #F72611;}
.product_main .con h3{ padding: 15px 0;}


.home_about_join {
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    overflow: hidden;
    padding: 0 !important;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.home_about_join .video {
    position: relative;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home_about_join .video a.btn {
    position: absolute;
    z-index: 10;
    background-color: rgba(255,255,255,.3);
    border: 1px solid rgba(255,255,255,.3);
    width: 80px;
    height: 80px;
    border-radius: 100%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0s; -webkit-transition: all 0s;
    left: 50%;
    margin-left: -40px;
}
.home_about_join .video a.btn:hover{
	color: #fff;
}
.home_about_join .video a.btn:before{
	font-family: "iconfont";
	content: "\e678";
	font-size: 40px;
    margin: 4px 0 0 8px;
}


.home_about_join .content>div.box {
    width: 600px;
}
.home_about_join .about.box {
    padding: 100px 0 100px 100px;
}
.home_about_join .about {
    float: left;
}
.home_about_join .content .home_title {
    text-align: left;
    margin-bottom: 24px;
}
.home_about_join .home_title h2 {
    margin-bottom: 8px;
    font-size: 36px;
    font-weight: 300;
}
.home_about_join .content span {
    color: #999;
    margin-top: 8px;
    display: block;
    font-size: 12px;
    letter-spacing: 2px;
}
.home_about_join .content p.desc {
    font-size: 14px;
    line-height: 30px;
    display: block;
    margin: 30px 0;
    text-align: justify;
}
.home_about_join .content a.more {
    display: inline-block;
    padding: 8px 32px;
    position: relative;
    overflow: hidden;
    background-color: #f72611;
    color: #fff;
}
.home_about_join .content a.more:hover {
    background-color: #c91d0d !important;
    border-color: #c91d0d !important;
    color: #fff !important;
}
.home_about_join>* {
    width: 50%;
}
.home_about_join .content {
    background-color: #fff;
}
.home_about_join .video .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.3);
    visibility: visible;
}
#videos{ position: relative; width: 618px; height: 415px; visibility: hidden;}
.home_anli .con h3{ text-align: center; font-size: 18px; margin-bottom: 15px;}
.home_anli .container{ position: relative;}
.home_anli .bd{ overflow: hidden;}
.home_anli .hd a.next:before{ font-family: 'iconfont'; content: '\e8ea'; font-size: 28px;}
.home_anli .hd a.prev{ position: absolute; right: -50px; top: 98px; color: #ccc;}
.home_anli .hd a.next{ position: absolute; left: -50px; top: 98px; color: #ccc;}
.home_anli .hd a.prev:before{ font-family: 'iconfont'; content: '\e8eb'; font-size: 28px;}
.home_anli .hd a.prev:hover,.home_anli .hd a.next:hover{ color: #333;}

.home_news{}
.home_news .sidebar_title {
    background-color: #fff;
    border-bottom: 1px #eee solid;
    padding: 12px;
}
.home_news .sidebar_title h3 {
    display: inline-block;
    position: relative;
    padding-left: 12px;
}
.home_news .sidebar_title h3:before {
    position: absolute;
    content: '';
    top: 6px;
    left: 0;
    width: 4px;
    height: 14px;
    background-color: #0d88d9;
}
.home_news .sidebar_title a.more{ color: #999; float: right; font-size: 12px;}
.home_news .sidebar_title a.more i{ margin-left: 5px;}
.home_news .layui-col-space20>*{ padding: 9px;}

.post_list ul li { border-bottom: 1px #eee solid; width: 100%; padding-bottom: 0;}
.layout_li { font-size: 12px; display: inline-block; vertical-align: top;}
.post_main {
    padding: 17px 10px 17px 216px;
    position: relative;
    overflow: hidden;
}
.post_main a.thumb {
    float: left;
    margin-left: -213px;
    position: relative;
    display: block;
    width: 180px;
    overflow: hidden;
}
.post_main img.thumb {
    width: 100%;
    border-radius: 8px;
    height: 135px;
}
.post_main h2 a {
    font-weight: 600;
}
.post_main span.category {
    position: absolute;
    top: 17px;
    left: 3px;
    z-index: 10;
}
.post_main span.category a {
    background-color: rgba(0,0,0,.5);
    color: #fff;
    display: inline-block;
    padding: 2px 10px;
    border-radius: 8px;
}
.info.up {
    margin: 10px 0 0 0;
}
.info .left > span, .info > span {
    margin-right: 12px;
    color: #999;
}
.info .left > span, .info > span {
    margin-right: 12px;
    color: #999;
}
.post_main .excerpt {
    text-align: justify;
    font-size: 14px;
    color: #333;
    margin: 6px 0;
    line-height: 25px;
}
.post_main .info.down {
    line-height: 24px;
    height: 22px;
}
.info.down {
    margin-top: 4px;
    overflow: hidden;
}

.homenews ul li{ padding: 10px 0;}
.homenews ul li i{ display: inline-block; width: 25px; height: 25px; border-radius: 100%; background: #a5a5a5;  margin-right: 10px; float: left; text-align: center; line-height: 25px; font-style: initial; color: #fff; position: relative; top: -2px;}
.homenews ul li.l1 i{ background: #fd2828;}
.homenews ul li.l2 i{ background: #2d6f2d;}
.homenews ul li.l3 i{ background: #3b3bb5;}
.homenews ul .dt{background: url(../images/wen.jpg) no-repeat 0 0;padding-left: 35px;height: 19px;line-height: 19px;margin-bottom: 10px; overflow:hidden;}
.homenews ul .dt a{font-size: 14px;}
.homenews ul .dd{background: url(../images/da.jpg) no-repeat 0 3px;padding-left: 35px;color: #2e2e2e;font-size: 14px;line-height: 24px;}
.homenews.wd{ padding-top: 3px;}


.video_main a.imglayout:hover img.thumb, .post_main a.thumb:hover img.thumb {
    opacity: .8 !important;
}

.link{font-family: "Microsoft YaHei"; margin: 40px 0 25px 0;}
.link p{ margin: 0 auto;height: 30px; position: relative;}
.link p:before{content:''; width: 100%; border-bottom:1px solid #ccc; position: absolute; top: 11px;}
.link p b{ display: block; background:#fff; color: #2e2e2e;font-size: 16px; width: 72px; z-index: 999999;    position: relative;}
.link span{ display: block;}
.link span a{display: block;color: #5a5a5a;font-size: 14px; margin:0 25px 10px 0; float:left;}
.link span .none{padding-right: 0}
