@charset "utf-8";

* {margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all; }

.indcase li .cons h1,.indcase li .cons h3,.indcase li .cons,.indcase li .cons h2,.indcase li p,.mmore a,.honor li .title,.honor li,.awards li .title,.awards li,.cando li .pic p,.cando li .title a,.contact .content2 h3,.foot3 li .list,.aboutcate li a,#slider2 .slide .cons,.workcate dd a p,.indnews li .pic p,.foot3 li .pic,.leftmenu a,.leftmenu a i,.cando li .title a,.works dd,.caseshow li .first,.works dd img

{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}

.fixtop .toper ul.navpc li h1,.fixtop .toper ul.navpc li h2

{transition-duration:.3s;-ms-transition-duration:.3s;-moz-transition-duration:.3s; -webkit-transition-duration:.3s;}

.indcase li:hover p,.indnews li .pic:hover p

{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1)}

.indcase li:hover .cons h3

{transform:rotate(90deg);-ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); }

.indcase .cons,.foot3 li,#slider2 .slide .cons,.caseshow li .first .title

{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

html{-webkit-text-size-adjust:none;font-family:arial,'Microsoft YaHei','微软雅黑';height:100%;}

body {margin:0 auto;font-family:arial,'Microsoft YaHei','微软雅黑';height:100%;color:#333;margin:0 auto;overflow-x:hidden;}

body,h1,h2,h3,h4,h5 {font-weight:normal;font-size:16px;line-height:35px;}

a,input,button,select,textarea {text-decoration: none;outline:none;color:#333}

a:Hover,.foot .menu a:hover,.foot .link a:hover,.indnews li .cons .title a:Hover,.leftmenu a:hover,.leftmenu dd.check a,.cando li:hover .title a{color:#cc0000}

.table { display:table; height:100%;width:100%;}

.table .td { display:table-cell; vertical-align:middle;}

img {border:0px;max-width:100%; height:auto; vertical-align:middle}

input,button,select,textarea{ outline:none;font-family:arial,'Microsoft YaHei','微软雅黑';border:0;font-size:14px}

textarea{resize:none;}i{ font-style:normal;}

input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}

ul,li,dl,dt,dd { list-style:none;}

hr {border:0;border-top:1px solid #ccc; height:1px;margin:15px 0 12px 0}

.clear,.clearfix { clear:both;}

.relative { position:relative}

.reover { position:relative; overflow:hidden}

.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}

.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; z-index:1;width:100%; height:100%;top:0}

.gray {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}

.gray:Hover {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}

.gray2 {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}

.gray2:hover {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}



::-webkit-input-placeholder {color: #aeb2b1; } 

:-moz-placeholder {color: #aeb2b1; } 

::-moz-placeholder { color: #aeb2b1; } 

:-ms-input-placeholder {color: #aeb2b1; }



::selection {background:#cc0000;color:#ffffff;}

::-moz-selection {background:#cc0000;color:#ffffff;}

::-webkit-selection {background:#cc0000;color:#ffffff;}



.pageclass {height:0px;overflow:hidden;}

.page_wrap {width:100%;padding:0; text-align:center;}

.pager {padding:0 0 0px 0; width:100%;text-align:center;} 

.pager a { margin: 2px 8px;text-align:center; display:inline-block; text-decoration: none;border:1px solid #666666;}   

.pager span.current { margin: 0 2px; display:inline-block; text-align:center; }   

.pager span.disabled { margin: 0 2px; display:inline-block;text-align:center;border:1px solid #666666;}   

.pager select {margin: 0px 2px -2px 2px;}

.pager input {margin: 0px 2px -2px 2px; padding:2px; text-align:center;} 

.pager a,.pager span.disabled {background:}  

.pager a:hover,.pager span.current { background:#b71d37;border:1px solid #b71d37;}   

.pager a:hover,.pager span.current{ color:#fff;border:1px solid #b71d37} 

.pager a,.pager span.disabled {color:#666;border:1px solid #666666;} 

.pager a,.pager span.current,.pager span.disabled{ text-align:center;height:45px; line-height:45px;padding: 0 10px;}

.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:16px; } 



.di {float:left;}

.dipage {float:left;}

.picleft {margin-right:40px;margin-bottom:20px;}

.picright {margin-left:40px;margin-bottom:20px;}



.wrap {max-width:1420px;margin:0 auto; position:relative; text-align:right;}

.wrap2 {max-width:1200px;margin:0 0 0 auto; position:relative;}



.fixtop { position:fixed; z-index:9998;left:0;top:0;width:100%; height:50px; line-height:60px;background:#333;}

.fixtop .wrap { position:relative}

.fixtop .toper ul.navpc {float:left;overflow:hidden;}

.fixtop .toper ul.navpc li {display:inline-block; text-align:left;position:relative;margin:0 35px 0 0;}

.fixtop .toper ul.navpc li a {display:block; position:relative;font-size:16px;color:#fff}

.fixtop .toper .tel {float:right; line-height:55px; display:inline-block;padding:0 0 0 35px; background:url(/skin/images/tel.png) no-repeat center left;font-size:24px;font-weight:600;color:#fff; letter-spacing:1px}



.phonemenu { display:none;}

.tblank { height:90px}



.leftmenu { position:fixed; z-index:999;left:50%;margin-left:-710px;top:60px;width:120px; text-align:left;color:#666; line-height:33px}

.leftmenu a {color:#666}

.leftmenu dd {margin-left:-13px}

.leftmenu a i { display:inline-block;width:5px; height:5px; background:transparent;border-radius:50%;margin:15px 8px 0 0; vertical-align:top;}

.leftmenu a:hover i,.leftmenu dd.check a i { background:#cc0000;}

.leftmenu dl {margin-top:40px}

.leftmenu div {margin-top:30px}

.leftmenu div a {color:#996600}



.indabout {padding:70px 0; text-align:center}

.indabout .title {font-weight:bold;font-size:48px; line-height:68px;}

.indabout .sum {font-size:36px; line-height:56px;margin:40px 0}

.indcase {margin-top:-80px}

.mainsubject { text-align:center;padding:90px 0 60px 0;letter-spacing:1px}

.mainsubject h1 {font-size:32px; line-height:42px;}

.mainsubject h2 {font-size:22px; line-height:32px;color:#caa970; position:relative;margin-top:5px}

.mainsubject h2 i { background:#caa970; height:1px;width:100%; display:inline-block; vertical-align:top;margin:17px 0 0 0}

.mainsubject h2 p {position:absolute;width:100%;top:0}

.mainsubject h2 p span { display:inline-block; background:#fff;padding:0 15px}



.indcase ul {margin-top:-1.5%}

.indcase li {float:left;width:32.3333%;margin:1.5% 1.5% 0 0; position:relative; overflow:hidden}

.indcase li.no {margin-right:0}

.indcase li .cons { position:absolute; z-index:20;width:100%; height:100%;padding:0 10%;background:rgba(204,0,0,0.75); text-align:center;color:#fff; letter-spacing:1px;opacity:0}

.indcase li .cons h1 {font-size:18px; line-height:28px; position:relative;top:-20px;}

.indcase li .cons h2 {font-size:30px; line-height:40px;margin:9% 0; letter-spacing:5px}

.indcase li .cons h3 {font-size:45px; line-height:40px; position:relative;bottom:-20px;color:#000}

.indcase li:hover .cons {opacity:1}

.indcase li:hover .cons h1 {top:0}

.indcase li:hover .cons h2 {letter-spacing:1px}

.indcase li:hover .cons h3 {bottom:0;color:#fff}

.mmore { text-align:center;margin:70px 0}

.mmore a { display:block;width:180px; height:40px; line-height:40px;border:1px solid #333; text-align:center;margin:0 auto;color: #7b7b7b;



}

.mmore a:hover { background:#cc0000;color:#fff;border-color:#cc0000}



.honor {text-align:center;padding:0 0 100px 0;margin-top:-90px}

.honor ul {width:104%;margin:-40px 0 0 -2%;}

.honor li { display:inline-block; vertical-align:top;width:28.3333%;margin:30px 2% 0 2%; position:relative;top:0;}

.honor li .title {font-size:20px; line-height:30px;margin:30px auto 0 auto; letter-spacing:1px;}

.honor li .title2 {font-size:12px; line-height:16px;color:#999;text-transform:uppercase}

.honor li:hover {top:-10px}

.honor .clear2 { display:none;}

.honor .clear3 { clear:both}



.awards {text-align:center;margin-top:-110px}

.awards .cons { text-align:center;margin:-25px 0 35px 0}

.awards ul {width:102%;margin:-2% 0 0 -1%}

.awards li {float:left;width:18%;margin:2% 1% 0 1%;position:relative;top:0; text-align:center}

.awards li .title {font-size:16px; line-height:26px; overflow:hidden;margin:10px auto 0 auto;;}

.awards li .title2 {color:#666;font-size:12px; line-height:16px;margin-top:5px}

.awards li:hover {top:-5px}

.awards .clear5 { clear:both}



.ewi {margin-top:0px}

.ewi .cons { text-align:center;padding:0 0 70px 0}

.ewi .cons table {max-width:350px;margin:0 auto; text-align:left;}

.ewi .cons table td { text-align:left}



.cando {margin-top:-60px}

.cando ul {margin-top:-7%}

.cando li {float:left;width:25.3333%;margin:7% 8% 0 0; text-align:center}

.cando li.no3 {margin-right:0}

.cando li .clear3 { clear:both}

.cando li .pic { text-align:center}

.cando li .pic p { background-repeat:no-repeat;width:125px; height:100px;margin:0 auto}

.cando li .title { height:45px; line-height:45px; overflow:hidden;border-radius:6px;min-width:200px; display:inline-block;margin:35px auto 0px auto}

.cando li .title a { display:block;font-size:24px; text-align:center;color:#caa970;}

.cando li .cons {font-size:14px; line-height:25px;}

.cando li:hover .pic p { background-position:bottom;}



.mjname {display:block;position:absolute; z-index:1;width:100%; height:0;top:-50px;}

.mjnamec {top:6px}

.indnews {letter-spacing:1px;padding:1px 0 100px 0; text-align:left;}

/*.indnews ul {margin-top:-4%}

.indnews li {float:left;width:47%;margin:4% 6% 0 0; position:relative; height:175px}

.indnews li.no {margin-right:0}

.indnews li .pic { position:absolute;left:0;width:200px; height:175px;top:0; overflow:hidden}

.indnews li .cons {margin:0 0 0 225px}

.indnews li .cons .title { height:24px; line-height:24px; overflow:hidden}

.indnews li .cons .title a {color:#333;font-size:24px}

.indnews li .cons .content {color:#999; line-height:28px; height:84px; overflow:hidden;margin:20px 0 20px 0}

.indnews li .cons .addtime {color:#999}*/





.customer {margin-top:-90px; text-align:left;}

.customer ul {margin-top:-4%}

.customer li {float:left;width:48%;margin:4% 4% 0 0;}

.customer li.no {margin-right:0}

.customer li .title {color:#cc0000;font-size:24px; line-height:34px;margin:0 0 10px 0}

.customer li td { vertical-align:top;}

.customer li .cons { line-height:30px}

.bannerin {}

.aboutcate { text-align:center;padding:50px 0}

.aboutcate li { display:inline-block; vertical-align:top;width:140px;margin:0 15px}

.aboutcate li a { display:block;border:1px solid #666; height:90px;color: #666;}

.aboutcate li h1 { text-transform:uppercase;margin:15px 0 -10px 0}

.aboutcate li:Hover a,.aboutcate li.check a {border-color:#cc0000;color:#fff; background:#cc0000}

.company { text-align:center;padding:50px 0 70px 0}

.company .title {color:#caa970;font-size:36px; line-height:56px; letter-spacing:2px;margin:55px 0 45px 0}

.company .cons table {max-width:1020px;margin:30px auto 0 auto}



.customerbg {margin-top:0;padding:0}

.customerbg .mainsubject {padding-top:0}

.kfpj {padding:0 0 130px 0}

#slider2 {margin-top:-2.5%}

#slider2 .bx-wrapper .bx-pager { bottom:-60px;width:100%;text-align:center}

#slider2 .bx-wrapper .bx-pager.bx-default-pager a { width: 15px;  height:15px;  margin: 0 5px;  opacity:1; background:#ccc;}

/* #slider2 .bx-wrapper .bx-pager.bx-default-pager a:focus 

#slider2 .bx-wrapper .bx-pager.bx-default-pager a:hover,*/

#slider2 .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#cc0000}

#slider2 .slide{text-align:center; position:relative}

#slider2 .slide .cons {float:left;width:48.5%;margin:2.5% 3% 0 0;border:1px solid #333; text-align:left;padding:10px 20px; cursor:pointer}

#slider2 .slide .cons:hover {color:#fff; background:#caa970;border-color:#caa970}

#slider2 .slide .consno {margin-right:0}

#slider2 .slide .cons .title {font-size:14px; line-height:25px;margin-top:2px}

#slider2 .slide .cons .content {font-size:18px; line-height:30px;}

.news { text-align:left;max-width:1000px;margin:-60px auto 0 auto;}

.news li {border-top:2px solid #cccccc;padding:60px 0}

.news li.f1 {border:0}

.news li .list {margin:0 auto}

.news li .list .title {font-size:24px; line-height:35px;color:#333; text-align:center}

.news li .list .addtime { text-align:center;color:#999;margin:15px auto}

.news li .list .line { height:2px;width:50px; background:#cc0000;margin:0 auto}

.news li .list .cons {margin:40px 0 30px 0}

.workcate {padding:30px 0;margin:-25px 0 5px 0}

.workcate dd { display:inline-block;margin:0 50px 0 0}

.workcate dd a {height:40px; line-height:40px;display:inline-block;color:#333; vertical-align:top; position:relative;}

.workcate dd a p { position:absolute; z-index:1; background:#cc0000; height:1px;width:120%;top:50%;left:-10%;opacity:0}

.workcate dd a:hover p,.workcate dd.check a p {opacity:1}

.case {margin:0 0 60px 0}

.newsline { background:#ccc; height:2px;width:100%;margin-top:60px}



.show { background:url(/skin/images/1.gif) repeat-x; text-align:center;color:#666}

.show .title{ text-align:center;color:#cc0000;font-size:24px; line-height:35px;padding:70px 0 0 0}

.show .line {width:55px;margin:20px auto; height:2px; background:#cc0000}

.show .cons img {margin-top:15px}

.ralax .indcase { background:none;}



.contact { margin-top:50px;padding:0 0 40px 0; text-align:left;}

.contact .list {float:left;width:45%; text-align:left;}

.contact .list.right {float:right}

.contact .list .subject {font-size:24px;color:#cc0000}

.contact .list .lt { position:relative;margin:30px 0}

.contact .list .lt .icon { position:absolute;width:45px; height:45px;top:0}

.contact .list .lt .cons {margin:0 0 0 60px; height:45px;}

.contact .list .lt .cons .up {font-size:18px; line-height:18px; overflow:hidden;letter-spacing:1px;margin:0 0 7px 0;padding:5px 0 0 0}

.contact .list .lt .cons .down {color:#999;font-size:12px; line-height:12px; overflow:hidden;letter-spacing:0.3px}

.contact .list .lt .cons .content {font-size:30px; line-height:30px; overflow:hidden; height:30px;padding-top:7px}



body.bg { background:#ebebeb}

.works {margin-top:-2%;border-bottom:1px solid #ccc;padding:0 0 60px 0}

.works dt { background:#fff; text-align:center;font-size:40px; height:100px; line-height:100px; overflow:hidden;border-radius:10px; letter-spacing:2px;margin-top:2%}

.works .list {width:101.6%;margin:0 0 0 -0.8%}

.works dd { background:#fff; border-radius:10px; overflow:hidden; text-align:center;width:18.4%;margin:1.6% 0.8% 0 0.8%;float:left; position:relative;top:0;height:135px}

.works dd:hover {top:0}

.works dd img {max-width:180px;max-height:110px;}

.works dd:hover img {

    animation: rotate-x 0.4s;

    -moz-animation: rotate-x 0.4s;  /* Firefox */

    -webkit-animation: rotate-x 0.4s;   /* Safari 和 Chrome */

    -o-animation: rotate-x 0.4s;    /* Opera */}



@keyframes rotate-x {

    50% {

        transform: scaleX(0);

    }

    100% {

        transform: scaleX(1);

    }

}

/*  IE  */

@-ms-keyframes rotate-x {

    50% {

        -ms-transform: scaleX(0);

    }

    100% {

        -ms-transform: scaleX(1);

    }

}

/* Safari and Chrome*/

@-webkit-keyframes rotate-x {

    50% {

        -webkit-transform: scaleX(0);

    }

    100% {

        -webkit-transform: scaleX(1);

    }

}

/* Firefox  */

@-moz-keyframes rotate-x {

    50% {

        -moz-transform: scaleX(0);

    }

    100% {

        -moz-transform: scaleX(1);

    }

}

/*  Opera  */

@-o-keyframes rotate-x {

    50% {

        -o-transform: scaleX(0);

    }

    100% {

        -o-transform: scaleX(1);

    }

}







.caseshow {border-bottom:1px solid #ccc;padding:0 0 60px 0}

.caseshow .subject {color:#333;font-size:30px; line-height:30px; text-align:left;letter-spacing:2px;margin:0 0 10px 0}

.caseshow .content {font-size:14px;color:#999; line-height:29px; text-align:left;}

.caseshow li { text-align:left;}

.caseshow li .first { background:#f8f8f8; position:relative;margin-top:10px;color:#6b696a;}

.caseshow li .first .title {float:left;padding:3.5%;width:33%;font-size:102px; line-height:112px;font-weight:600}

.caseshow li .first .pic {float:right;width:67%}

.caseshow li .first .pic img {width:100%}

.caseshow li .cons {font-size:14px;color:#999; line-height:29px;}

.caseshow li .cons img {margin-top:10px;width:100%;}

.caseshow li .first:Hover { background:#cc0000;color:#fff}









.mappic {margin-top:50px}

.foot3 { background:#f5f5f5; text-align:left;}

.foot3 li { display:inline-block; vertical-align:top; text-align:center;width:33.3333%;border-right:1px solid #fff;border-left:1px solid #d6d6d6;padding:70px 0;letter-spacing:1px}

.foot3 li.f1 {border-left:0}

.foot3 li.f3 {border-right:0}

.foot3 li .title {font-size:24px; line-height:34px;margin:20px 0 5px 0; }

.foot3 li .cons {font-size:14px; line-height:25px;color:#999}

.foot3 li .list { position:relative;top:0}

.foot3 li .pic {opacity:0.5}

.foot3 li:hover .pic {opacity:1}



.foot { background:#333;padding:40px 0 30px 0;color:#666; text-align:left;}

.foot a:hover {color:#fff}

.foot .menu {margin:0 0 30px 0; text-align:left;}

.foot .menu a {color:#fff}

.foot .menu i { display:inline-block; vertical-align:top;width:1px; background:#fff; height:15px;margin:10px 25px 0 25px;}

.foot .cons,.foot .cons a {font-size:14px; line-height:25px; text-align:left;}

.foot .link {margin-top:30px}

.foot .link,.foot .link a {color:#666;font-size:12px;}

.fixrightqq { position:fixed;right:15px;bottom:15px; z-index:9999;width:90px; height:148px;}

.fixrightqq a { background:url(/skin/images/qq.png) no-repeat; display:block;width:100%; height:100%; background-size:100%}





.pagelist{text-align: center;padding: 10px 0;}

.pagelist li{

  display: inline-block;

}

.pagelist a{

  border: 1px solid #e6e6e6;

  padding: 0px 14px;

display: inline-block;

background: #fff;

color: #666666;

cursor: pointer;

text-decoration: none;

}

.pagelist li:hover a{

  background: #333;

  color: #fff;

}

.pagelist .active a{

background: #333;

  color: #fff;

}

.pagelist .thisclass {

background: #333;

  color: #fff;

}



.morebt{

    display: block;margin: 0 auto;

    background: #333;

    padding: 5px 10px;

    width: 100px;

    color: #fff;text-align: center; 

}

.morebt:hover{

    color: #fff;

    opacity: .8;

}





/*新闻修改*/

@font-face {

    font-family:FontAwesome;

    src:url(../fonts/fontawesome-webfont.eot);

    src:url(../fonts/fontawesome-webfont.eot#iefix&v=4.7.0) format("embedded-opentype"),url(../fonts/fontawesome-webfont.woff2) format("woff2"),url(../fonts/fontawesome-webfont.woff) format("woff");

    font-weight:400;

    font-style:normal

}

.fa {

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.indnews .sec-panel {

    background: #fff;

}

.indnews .sec-panel-head {

    padding: 0 15px;

    margin-bottom: 0;

}

.indnews .main-list .list.tabs {

    height: 50px;

}

.main-list .list.tabs {

    height: 34px;

    margin-bottom: -2px;

}

.indnews .list.tabs {

    border-bottom: 1px solid rgba(99,99,99,.1);

}

.list.tabs {

    font-size: 0;

    white-space: nowrap;

    overflow: hidden;

}

.list {

    margin: 0;

    padding: 0;

    list-style-type: none;

}

.list.tabs .tab {

    position: relative;

    display: inline-block;

    margin-right: 31px;

    vertical-align: middle;

}

.member-lp-process li.active p, .wpcom-profile .wpcom-profile-nav li.active a, .wpcom-user-list .wpcom-user-group, .plyr--full-ui input[type=range], body>header.header .nav>li.active>a, body>header.header .dropdown-menu>.active>a, .entry .entry-info .nickname, .entry .entry-content .has-theme-color-color, .entry-bar-inner .author-title, .entry-action .btn-dashang, .entry-action .btn-zan, .comment-body .nickname a, .form-submit-text span, .widget_profile .author-group, a, .sec-panel-head span, .list.tabs .tab.active a, .login-modal-body .btn-register, .kx-list .kx-date {

    color: #666;

}

.list.tabs .tab.active a {

    position: relative;

    color: #cc0000;

    font-weight: 500;

}

.indnews .list.tabs .tab a {

    line-height: 48px;

    padding-bottom: 0;

}

.list.tabs .tab a {

    display: block;

    font-size: 16px;

    padding-bottom: 12px;

    color: #666;

    line-height: 20px;

    font-weight: 400;

    text-decoration: none;

}

.indnews .list.tabs .tab.active a:after {

    margin-top: -1px;

}

.indnews a {

    transition: all .3s ease-out 0s;

}

.wpcom-profile .wpcom-profile-nav a:hover, .wpcom-profile-main .profile-posts-list .item-title a:hover, .wpcom-profile-main .profile-posts-list .item-meta a:focus, .wpcom-profile-main .profile-posts-list .item-meta a:hover, body>header.header .nav>li>a:hover, body>header.header .wpcom-adv-menu>.menu-item-style>.menu-item-wrap>li>a:hover, .navbar-action .login:focus, .navbar-action .login:hover, .navbar-action .profile a:hover, .navbar-search-icon:focus, .navbar-search-icon:hover, .entry .entry-info a:focus, .entry .entry-info a:hover, .entry .entry-content .has-theme-hover-color, .entry-bar .info-item a:hover, .post-loop-list .item a:hover, .post-loop-default .item-title a:hover, .post-loop-default .item-meta a:hover, .post-loop-card .item-title a:hover, .post-loop-image .item-title a:hover, .special-item-title a:hover, .special-item-bottom a:hover, .widget ol a:hover, .widget ul a:hover, a:hover, .sec-panel-head .more:hover, .el-boxed .sec-panel-head h1 span a:hover, .el-boxed .sec-panel-head h2 span a:hover, .el-boxed .sec-panel-head h3 span a:hover, .list.tabs .tab a:hover, .list-links a:focus, .list-links a:hover, .load-more:hover, .login-modal-body .btn-register:hover, .kx-list .kx-content h2 a:hover, .kx-meta .j-mobile-share:hover, .widget_kuaixun .widget-title-more:hover, .modules-category-posts .sec-panel-more a:hover {

    color: #cc0000;

}

.swiper-pagination-bullet-active, .swiper-pagination-progress .swiper-pagination-progressbar, .hot-slider .swiper-button-next, .hot-slider .swiper-button-prev, .member-form .form-group.sms-code .send-sms-code, .member-form .btn-login, .TCaptcha-button .TCaptcha-icon i, .TCaptcha-button .TCaptcha-icon:before, .member-account-nav ul .active a, .member-account-item.sms-code .send-sms-code, .member-lp-process li.active i, .member-lp-process li.processed .process-line, .wpcom-profile .author-group, .wpcom-profile-main .profile-posts-list .item-content .edit-link, .social-login-form .sl-input-submit, .plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true], .plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], .plyr__control--overlaid, .plyr__control--overlaid:focus, .plyr__control--overlaid:hover, .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before, .navbar-action .publish, .pagination .current, .post-loop-default .item-img.item-video .item-img-inner:before, .post-loop-default .item-title a .sticky-post, .post-loop-card .item-video:before, .post-loop-image .item-video:before, .post-loop-card .item-title .sticky-post, .post-loop-image .item-title .sticky-post, .widget-title:before, .widget_lastest_products .p-item-wrap .thumb.thumb-video:before, .sidebar .widget_nav_menu ul li.current-menu-item a, .sidebar .widget_nav_menu ul li.current-post-parent a, .widget_post_thumb .item-img.item-video .item-img-inner:before, .btn-primary, .sec-panel-head h1 span:before, .sec-panel-head h2 span:before, .sec-panel-head h3 span:before, .list.tabs .tab.active a:after, .pf-submit, .login-modal-body .btn-login {

    background-color: #cc0000;

}

.list.tabs .tab.active a:after {

    position: absolute;

    left: 0;

    top: 100%;

    width: 100%;

    height: 2px;

    background: #cc0000;

    border-radius: 2px;

    content: "";

}

.indnews .list.tabs .tab:after {

    top: 16px;

}

.list.tabs .tab:after {

    position: absolute;

    top: 2px;

    right: -16px;

    content: "";

    width: 1px;

    height: 16px;

    background: hsla(0,0%,39%,.1);

}

.main-list .tab-wrap.active {

    display: block;

}

.main-list .post-loop {

    margin-top: 2px;

    padding-bottom: 0;

    margin-bottom: 0;

}

.main-list .tab-wrap {

    display: none;

    min-height: 200px;

}

.indnews .post-loop-default {

    padding: 0 15px;

}

.post-loop-default {

    padding: 0;

    margin: 0 0 20px;

}

.post-loop {

    list-style: none;

    padding: 0;

    margin: 0;

}

.clearfix:after, .clearfix:before {

    content: " ";

    display: table;

}

.post-loop-default .item {

    position: relative;

    padding: 20px 0;

    border-bottom: 1px solid #efefef;

    overflow: hidden;

    transition: all .3s ease 0s;

}

.post-loop-default .item-img {

    position: relative;

    float: left;

    width: 28.8%;

    overflow: hidden;

    border-radius: 3px;

    transition: box-shadow .3s ease 0s;

}

.post-loop-default .item-img:before {

    content: "";

    display: block;

    padding-top: 62.5%;

}

.post-loop-default .item-img .item-img-inner {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}

.post-loop-default .item-img img {

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

    transition: all .3s ease-out 0s;

}

.post-loop-default .item-category {

    position: absolute;

    left: 10px;

    top: 10px;

    padding: 5px 6px;

    font-size: 1rem;

    line-height: 1;

    color: #fff;

    background-color: #000;

    filter: alpha(opacity=60);

    background: rgba(0,0,0,.6);

    border-radius: 2px;

    text-decoration: none;

}

.post-loop-default .item-content {

    margin-left: 30.82%;

}

.post-loop-default .item-title {

    margin: 0 0 10px;

    font-size: 20px;

    line-height: 1.4;

}

.post-loop-default .item-title a {

    color: #333;

    overflow: hidden;

    max-height: 56px;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    display: block;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    text-decoration: none;

}

.post-loop-default .item-excerpt {

    height: 44px;

    line-height: 1.58;

    color: #666;

    font-size: 14px;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    display: block;

    display: -webkit-box;

    -webkit-line-clamp: 2;

}

.post-loop-default .item-excerpt p {

    margin-bottom: 0;

}

.post-loop-default .item-meta {

    position: absolute;

    bottom: 20px;

    color: #999;

    font-size: 13px;

}

.post-loop-default .item-meta .item-meta-li {

    display: inline-block;

    margin-right: 15px;

    vertical-align: top;

    line-height: 30px;

    line-height: 2.5rem;

}

.post-loop-default .item-meta .item-meta-li .fa {

    font-size: 14px;

}

.fa-eye:before {

    content: "\f06e";

}

.sec-panel *,.sec-panel :after,.sec-panel :before {

    box-sizing: border-box;

}

.indnews .list.tabs {

    border-bottom: 1px solid rgba(99,99,99,.1);

}

.sec-panel.main-list{

    text-align: left!important;

}



@media screen and (max-width: 600px) {

    .post-loop-default .item-title {

        font-size: 18px;

        font-weight: 400;

    }

    .post-loop-default .item-content {

    margin-left: 35%;

}

.post-loop-default .item-title a {

    color: #000;

    max-height: 50px;

}

.post-loop-default .item-excerpt ,.post-loop-default .item-category{

    display: none;

}

.post-loop-default .item-meta {

    left: 0;

    width: 100%;

    height: 20px;

    bottom: 10px;

    box-sizing: border-box;

    padding-left: 35%;

}

.post-loop-default .item-meta .item-meta-li {

    line-height: 20px;

    line-height: 1.66667rem;

    margin-right: 10px;

}

.post-loop-default .item-meta .views {

    margin: 0;

    float: right;

}

.indnews .post-loop-default {

    padding: 0 10px;

}

.list.tabs {

    -webkit-overflow-scrolling: touch;

    overflow-x: auto;

}

.post-loop-default .item {

    padding: 15px 0;

    border-bottom: 1px solid #e9e9e9;

}

}