body{font-family: Penrose,"PingFang SC","Hiragino Sans GB",Tahoma,Arial,"Lantinghei SC","Microsoft YaHei","simsun",sans-serif;font-size:14px;margin: 0;}
ul, li {list-style: none;}
div, p, span, ul, li, dl, dt, dd, ol, h1, h2, h3, h4, h5, h6, a, img, textarea, input, em, b, i {margin: 0;padding: 0;font-weight: normal;border: none;}
a {outline: none;text-decoration: none;color: #333;}
.no-data{padding:80px;text-align:center;color:#adadad}
.no-data i{display:block;font-size:154px}
.no-data span{display:block;line-height:30px;padding:5px 0;font-size:17px}
.no-data a{display:block;color:#a5a5a5;width:221px;margin:0 auto;border:1px solid #e2e2e2;height:45px;line-height:45px;font-size:15px;border-radius:30px;margin-top:15px;margin-bottom:18px}

.pagebar { width:100%; margin:0 auto; padding:20px 0; font-size:14px; text-align:center; line-height:28px; clear:both; }
.pagebar .now-page { margin:5px; padding:5px 10px; color:#fff; font-weight:bold; line-height:16px; border:1px solid #C01E22; background:#C01E22; display:inline-block; }
.pagebar a { margin:4px; padding:0 10px; color:#777; font-weight:bold; border:1px solid #ebebeb; background:#fff; display:inline-block; }
.pagebar span { margin:0; padding:0; border:0; background:none; }
.pagebar a:hover { color:#C01E22; border:1px solid #C01E22; background:#fff; }

.cmts{margin-top: 20px;}
.cmtsitem {padding:18px 0 14px;border-bottom:1px dotted #e4e8eb;zoom:1;}
.cmtsitem::after {content:"";display:block;clear:both;}
.cmtsitem .avatar {width:48px;height:48px;float:left;display:inline;margin-right:10px;overflow:hidden;}
.cmtsitem .avatar img {width:48px;height:48px;border-radius:3px;}
.cmtsitem .cmtscon .avatar {display:none;}
.cmtscon {margin-left:65px;zoom:1;}
.cmtscon::after {content:"";display:block;clear:both;}
.cmtscon>.cmtsitem {margin-top:15px;padding:0 0 0 20px;border-left:2px solid #e4e8eb;}
.cmtscon>.cmtsitem .cmtscon {margin:0;}
.cmtsdate {float:right;display:inline;font-size:14px;color:#bbb;}
.cmtsname {font-size:14px;color:#333;display:inline-block;}
.cmtsname a {font-size:14px;color:#333;}
.cmtsname em {margin-top:1px;padding:0 7px;font-size:12px;color:#888;font-style:normal;line-height:20px;border:1px solid #eee;border-radius:2px;background:#fafafa;display:inline-block;vertical-align:top;}
.cmtsbody {margin-top:8px;line-height:26px;word-wrap:break-word;word-break:break-all;}
.cmtsbody .cmtscon {margin:0;padding-left:20px;border-left:2px solid #e4e8eb;}
.cmtsbody .cmtsfoot {display:none !important;}
.cmtsreply {margin-top:15px;padding-left:20px;border-left:2px solid #e4e8eb;}
.cmtsreplyname {font-size:12px;color:#888;}
.cmtsreplyname em {margin-top:1px;padding:0 7px;font-size:12px;color:#888;font-style:normal;line-height:20px;border:1px solid #eee;border-radius:2px;background:#fafafa;display:inline-block;vertical-align:top;}
.cmtsreplyname a {font-size:14px;color:#333;}
.cmtsreplycon {margin-top:8px;word-wrap:break-word;word-break:break-all;}
.cmtsreplydate {margin-top:8px;font-size:14px;color:#bbb;}
.cmtsfoot {margin-top:8px;}
.cmtsfoot .reply {font-size:14px;color:#888;}
.cmtsfoot .reply:hover {color:#C01E22;}
.cmtsfoot .reply:hover::before {color:#C01E22;}
.cmts.nocmt {padding:15px 30px;}
.cmts.nocmt::before {content:attr(data-content);width:100%;font-size:16px;color:#888;text-align:center;display:inline-block;}
.reply-frm {border-left:2px solid #e4e8eb;padding:0 0 0 20px;margin-top:15px;box-shadow:none;}
.reply-frm .cmtimg {display:none !important;}
.reply-frm .cmtarea {padding:0;}
#cancel-reply {height:26px;margin-left:20px;padding:0 10px 0 6px;font-size:14px;color:#C01E22;line-height:25px;border:2px solid #C01E22;outline:0;box-sizing:content-box;border-radius:20px;cursor:pointer;background:#fff;vertical-align:top;display:none;}
.comment {margin-top:20px;zoom:1;}
.comment::after {content:"";display:block;clear:both;}
.cmtimg {width:48px;float:left;text-align:center;}
.cmtimg img {width:48px;height:48px;border-radius:3px;}
.cmtimg p {height:20px;font-size:12px;color:#888;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.cmtinfo {padding-left:70px;font-size:14px;word-break:break-all;}
.cmtinfo a {color:#333;}
.cmtinfo .cmt {margin:15px 0 0 -20px;padding-bottom:0;}
.cmtinfo .cmt .cmt {margin:15px 0 0 -20px;padding-bottom:0;}
.cmtinfo .cmt .cmt .cmt {margin:15px 0 0 -20px;padding-bottom:0;}
.cmtinfo .cmtinfo {width:500px;}
.cmtinfo .cmtinfo .cmtinfo {width:430px;}
.cmtinfo .cmtinfo .cmtinfo .cmtinfo {width:360px;}
.cmttime,.cmttime a {font-size:12px;color:#888;}
.cmtarea {padding-left:68px;}
.cmtarea textarea {width:100%;margin:0 0 10px;padding:5px 15px;font-size:16px;color:#333;line-height:28px;border:1px solid #e4e8eb;outline:0;border-radius:3px;overflow:hidden;vertical-align:top;box-sizing:border-box;}
.cmtarea textarea:focus {color:#C01E22;background-color:#fff;border-color:#aab7c1;outline:0;box-shadow:0 0 0 .2rem rgba(31,73,119,0.1);}
.cmtsubmit button {height:36px;margin:0 10px 0 0;padding:0 20px;font-size:16px;color:#888;line-height:32px;border:2px solid #e4e8eb;outline:0;border-radius:20px;cursor:pointer;background:#fff;}
.cmtsubmit button:hover {color:#C01E22;border-color:#C01E22;}
.cmtsubmit button:hover::before {color:#C01E22;}
.cmtsubmit button:active {border-color:#C01E22;background:#f1f1f1;}
.cmtsubmit span {font-size:14px;color:#888;}
.cmtform {width:100%;float:left;margin:0 0 20px;padding:0 0 20px;border-bottom:1px dotted #e4e8eb;display:none;}
.cmtform p {width:49%;float:left;padding:5px 0;}
.cmtform input {width:180px;height:27px;}

.ytecn_ai_gygbn_showcase {margin: 0 0 40px;}
.ytecn_ai_gygbn_showcase-info {margin-left: 430px;}
.ytecn_ai_gygbn_showcase-info h1 {font-size: 24px;margin: 0 0 30px;font-weight: normal;}
.ytecn_ai_gygbn_showcase-info p {margin: 5px 0 0;color: #666;line-height: 1.8;min-height: 250px;}
.ytecn_ai_gygbn_showcase-info .tel {border-top: 2px solid #e6e6e6;margin-top: 15px;padding-top: 15px;line-height: 21px;font-size: 18px;}
.ytecn_ai_gygbn_showcase-info .tel strong {color: #C01E22;}
.ytecn_ai_gygbn_showcase-info .tel a {float: right;line-height: 42px;padding: 0 25px;background-color: #C01E22;color: #fff;}
.ytecn_ai_gygbn_showcase img{    display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;transition: all 0.5s;}
.ytecn_ai_gygbn_showcase .img-center {width: 100%;height: 300px;line-height: 300px;text-align: center;font-size: 0;}
.ytecn_ai_gygbn_showcase .pro-img {float: left;width: 400px;}

.single {padding: 20px 0 0;line-height: 1.9;border-top: 1px dotted #e4e8eb;word-wrap: break-word;word-break: break-all;overflow: hidden;}
.single p {margin-bottom: 1em;text-align: justify;text-justify: inter-ideograph;position: relative;}
.single p img {max-width: 100%;display: block;margin: 0 auto;}
.single h1,.single h2,.single h3,.single h4,.single h5,.single h6 {margin: 18px 0 14px;font-weight: 600;margin-bottom: 20px;padding: 10px 0 10px;line-height: 1.5;border-bottom: 1px solid #e0e0e0;position: relative;}
.single h1::after,.single h2::after,.single h3::after,.single h4::after,.single h5::after,.single h6::after {content: "";width: 24px;height: 0;border-bottom: 2px solid #C01E22;position: absolute;left: 0;bottom: -1px;}
.single h1 {font-size: 1.8em;}
.single h2 {font-size: 1.4em;}
.single h3 {margin-top: 30px;font-size: 1.2em;}
.single h4 {margin-top: 28px;font-size: 1em;}
.single h5 {margin-top: 26px;font-size: 0.8em;}
.single h6 {margin-top: 24px;font-size: 0.6em;}

.slides {position:relative; overflow:hidden;}
.slides .item a {display:block;}
.slides .owl-nav button{position:absolute; top:50%; transform:translateY(-50%); display:block; text-indent:-99999em;}
.slides .owl-nav span {display:block; width:38px; height:61px; background:url(../image/arrow.gif) no-repeat 0 0; background-size:auto 100%; opacity:.5;}
.slides .owl-nav span:hover {opacity: 1;}
.slides .owl-prev {left:0;}
.slides .owl-next {right:0;}
.slides .owl-next span {background-position:100% 0;}
.centerDots .owl-dots {position:absolute; left:50%; bottom:5%; transform:translateX(-50%); font-size:0; text-align:center; line-height: normal;}
.centerDots .owl-dot {display:inline-block; margin:0 5px;}
.centerDots .owl-dot span {display:block; width:8px; height:8px; background-color:rgba(255,255,255,.3); border:1px solid #fff; border-radius:50%;}
.centerDots .owl-dot.active span {background-color: #fff;}

#banner {width: 100%;overflow: hidden;height: auto;}


.clearfix {zoom: 1;}
.clearfix:before, .clearfix:after {display: table;line-height: 0;content: "";}
.clearfix:after {clear: both;}

.right_navBox{position: fixed;right:-100%;top:0;z-index:100;background: #fff;height:100%;transition: all linear .5s;-webkit-transition: all linear .5s;}
.que-name{height:60px;line-height:60px;background: #f6f6f6;overflow: hidden;}
.que-name p{transform: skew(-30deg);-webkit-transform: skew(-30deg);width:57%;display: inline-block;background: #C01E22;height:60px;line-height:60px;padding:0 30px 0 35px;margin-left:-7%;}
.que-name span{transform: skew(30deg);-webkit-transform: skew(30deg); font-size:18px;color:#fff;display: inline-block;height:60px;line-height:60px;margin-left:7%;}
.que-name i{float: right;color:#C01E22;font-size:24px;display: inline-block;height:60px;line-height:60px;cursor: pointer;margin-right:15px;}
.right_navBox  {width:100%;}
.right_navBox .rt-nav{width:100%;overflow-y: auto;height: 100%;padding-bottom: 60px;}
.right_navBox .rt-nav li{position: relative;}
.right_navBox .rt-nav li.one-li{ line-height:45px;}
.right_navBox .rt-nav li.one-li a{display: block;width:100%;position: relative;z-index:20;border-bottom:1px solid #f6f6f6;padding:0 15px;}
.right_navBox .rt-nav li.one-li span{width:85%;height:45px;line-height:45px;display: inline-block;color:#666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; vertical-align: middle;}
.right_navBox .rt-nav li.one-li i{position: absolute;right:15px;height:45px;line-height:45px;color:#666;display: inline-block;top:0;width:20px;text-align: center;font-size:27px;font-weight: normal}
.right_navBox .rt-nav li.one-li .two .two-li a{border-bottom:2px solid #fff; background: #f6f6f6}
.right_navBox .rt-nav li.one-li .two .two-li span{margin-left:25px;width:78%;color:#C01E22;}
.right_navBox .rt-nav li.one-li .three .three-li a{border:none;}
.right_navBox .rt-nav li.one-li .three .three-li span{margin-left:40px;}
.right_navBox .rt-nav li.one-li .two{display: none;}
.right_navBox .rt-nav li.one-li .three{display: none;}
.right_navBox.current{right:0;z-index: 999;}

.sou {background-color:#f5f5f5;position:relative;margin-bottom:15px;padding:5px 15px 3px;}
.sou .hot {padding:5px 0;}
.sou .hot a {margin-right:10px;}
.sou .hot strong {color:#C01E22;}
.sou .schfixed {position:absolute;right:15px;top:50%;transform:translateY(-50%);}
.sou .schfixed input {float:left;font-size:12px;border:1px solid #eee;padding:6px 12px;line-height:16px;width:210px;}
.sou .schfixed button {width:30px;height:30px;padding:0;line-height:30px;border:0;border-radius:0 3px 3px 0;outline:0;cursor:pointer;background:0 0;position:absolute;top:0;right:0;}
.sou .schfixed button::after {content:"\f002";font:normal normal normal 14px/1 FontAwesome;color:#C01E22;display:inline-block;vertical-align:top;line-height:30px;font-size:16px;}


.function {margin-bottom: 30px;overflow: hidden;}

.function .function_t {margin-bottom: 10px;border-bottom: 1px solid #e4e8eb;background-color: #C01E22;height: 42px;line-height: 42px;padding: 0 20px;color: #fff;font-size: 16px;}
.function dd ul {overflow: hidden;zoom: 1;}
.function label {display: block;}
#divTags ul {overflow:hidden;width:102%;margin-left:-8px;}
#divTags li {float:left;padding:1% 2% 1% 0;width:auto;float:left;display:inline;margin:10px 0 0 8px;padding:0;white-space:nowrap;border:0;}
#divTags li a {padding:0 8px;font-size:14px;color:#fff;line-height:28px;border-radius:3px;box-shadow:0 1px 1px 0 #f5f5f5;border:1px solid #e4e8eb;display:inline-block;vertical-align:top;}
#divTags li a:hover {opacity:.8;}
#divTags li:nth-child(8n-7) a {background-color:#8A9B0F;}
#divTags li:nth-child(8n-6) a {background-color:#EB6841;}
#divTags li:nth-child(8n-5) a {background-color:#3FB8AF;}
#divTags li:nth-child(8n-4) a {background-color:#FE4365;}
#divTags li:nth-child(8n-3) a {background-color:#FC9D9A;}
#divTags li:nth-child(8n-2) a {background-color:#EDC951;}
#divTags li:nth-child(8n-1) a {background-color:#C8C8A9;}
#divTags li:nth-child(8n) a {background-color:#83AF9B;}
#divTags li:first-child a {background-color:#E1474D;}
#divTags li:last-child a {background-color:#3299BB;}
#divTags ul li a:hover {text-decoration:none;color:#0188fb;border:1px solid #0188fb;}
#divCalendar .function_t {display:none;}
#divCalendar .function_c {width:100%;padding:0 4px 15px 4px;}
#divCalendar table {width:100%;font-size:14px;table-layout:fixed;}
#divCalendar caption {height:24px;margin:0 0 10px;padding:0;font-weight:bold;text-align:center;}
#divCalendar caption a {color:#8a9ead;}
#divCalendar th {height:26px;color:#fff;text-align: center;font-weight:normal;line-height:26px;text-transform:uppercase;border:1px solid #b6c5d0;background:#b6c5d0;}
#divCalendar td {height:30px;color:#888;line-height:30px;text-align:center;border:1px solid #e4e8eb;}
#divCalendar td.pad {background:none;}
#divCalendar td a {line-height:30px;color:#0188fb;border:1px solid #0188fb;display:block;}
#divCalendar #today {color:#0188fb;font-weight:bold;}
#divAuthors .article-nums {display:none;}
#divPrevious .article-date{display:none;}
#divCatalog ul.ul-subcates li a {padding-left:37px;}
#divSearchPanel form {margin-top:20px;zoom:1;}
#divSearchPanel form::after {content:"";display:block;clear:both;}
#divSearchPanel input[type="text"] {width:70%;height:36px;float:left;display:inline;padding:5px 10px;line-height:21px;border:1px solid #e4e8eb;box-sizing:border-box;border-radius:3px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
#divSearchPanel input[type="text"]:focus {color:#495057;background-color:#fff;border-color:#aab7c1;outline:0;box-shadow:0 0 0 .2rem rgba(31,73,119,0.1);}
#divSearchPanel input[type="submit"] {width:22%;height:36px;float:right;display:inline;font-size:14px;line-height:24px;border:1px solid #e4e8eb;border-radius:3px;cursor:pointer;background:#fff;}
#divSearchPanel input[type="submit"]:focus {background:#e4e8eb;}
#divMisc ul li,#divFavorites ul li,#divStatistics ul li {width:50%;float:left;display:inline;overflow:hidden;}
#divMisc li a {padding:5px 0;background:none;display:inline-block;vertical-align:top;}
#divMisc li a img {display:block;}
#divCatalog li,#divLinkage li,#divFavorites li,#divArchives li,#divAuthors li {width:50%;height:36px;float:left;line-height:36px;border-bottom:1px dotted #e4e8eb;overflow:hidden;}
#divCatalog li,#divPrevious li,#divLinkage li,#divComments li,#divAuthors li,#divFavorites li,#divStatistics li {height:36px;font-size:14px;line-height:36px;border-bottom:1px dotted #e4e8eb;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#divCatalog li::before,#divPrevious li::before,#divLinkage li::before,#divComments li::before,#divAuthors li::before,#divFavorites li::before,#divStatistics li::before {content:"\f03a";margin:0 5px 0 0;font-size:12px;color:#333;font:normal normal normal 14px/1 FontAwesome;display:inline-block;vertical-align:top;line-height: 36px;}
#divContorPanel dd {text-align:center;}
#divContorPanel .cp-hello {width:100%;margin-bottom:15px;padding:10px 0;border-bottom:1px dotted #e4e8eb;display:inline-block;}
#divContorPanel .cp-hello::before {content:"\f2be";font:normal normal normal 14px/1 FontAwesome;margin-right:3px;font-size:22px;display:inline-block;vertical-align:top;}
#divContorPanel .cp-login a,#divContorPanel .cp-vrs a {padding:0 16px 0 10px;font-size:14px;color:#888;border:2px solid #e4e8eb;border-radius:20px;display:inline-block;}
#divContorPanel .cp-login a::before,#divContorPanel .cp-vrs a::before {font-size:20px;font:normal normal normal 14px/1 FontAwesome;vertical-align:top;line-height: 20px;}
#divContorPanel .cp-login a:hover,#divContorPanel .cp-vrs a:hover {color:#0188fb;border-color:#0188fb;}
#divContorPanel .cp-login a:hover::before,#divContorPanel .cp-vrs a:hover::before {color:#0188fb;}
#divContorPanel .cp-login a::before {content:"\f013";}
#divContorPanel .cp-vrs a::before {content:"\f044";}
#divContorPanel .sidecon div {padding:20px;text-align:center;line-height:24px;border:1px dotted #f0f0f0;background:#fbfbfb;}
#divArchives a {font-size:14px;}

#footer {line-height:26px;font-size:14px;padding:2.5% 20px;background-color:#f6f6f6;border:1px solid #eee;border-bottom:0;border-radius:6px 6px 0 0;color:#666;}
#footer a {color:#666;}
#footer a:hover {color:#333;}
#copyright {text-align:center;}
#copyright a {display:inline-block;}
.foot-nav-mob{background: #f6f6f6;position: fixed;  bottom: 0;  left: 0;  right: 0;  z-index: 100;  box-shadow: 0 0 10px 1px rgba(0,0,0,.3);}
.foot-nav-mob ul{ padding:0 10px;}
.foot-nav-mob li{width:16.6%;float:left;text-align: center;padding:6px 5px 2px;}
.foot-nav-mob li i {display: block;width:90%;height:20px;text-align: center;margin:0 auto;}
.foot-nav-mob li span{color:#999;display: block;line-height: 20px;  height: 20px;font-size: 14px;  overflow: hidden;}
.foot-nav-mob li i:before{font-size: 26px;color:#999;display: block;line-height: 20px;  height: 20px;}

@media screen and (max-width: 767px) {
    body {min-width:320px;padding-bottom:50px;}
    .ytecn_ai_gygbn_showcase {margin-bottom: 30px;}
    .ytecn_ai_gygbn_showcase .pro-img {float: none;width: auto;}
    .ytecn_ai_gygbn_showcase-info {margin: 20px 0 0;padding: 0 3.125%;}
    .ytecn_ai_gygbn_showcase-info h1 {margin-bottom: 20px;font-size: 18px;}
    .ytecn_ai_gygbn_showcase-info p {margin-top: 10px;min-height: auto;}
    .ytecn_ai_gygbn_showcase-info .tel {font-size: 14px;}
    .ytecn_ai_gygbn_showcase-info .tel strong {font-size: 18px;}
    .sou {padding: 0;}
    .sou .container {padding: 0;}
    .sou .hot {display: none;}
    .sou .schfixed {float: none;position: relative;right: 0px;}
    .sou .schfixed input {border-color: transparent;width: 100%;box-sizing: border-box;border-radius: 0;border: 1px solid #C01E22;}
    #footer {padding:20px 3.125%;border-radius:0;border-left:none;border-right:none;}
    #copyright {text-align:center;font-size:12px;margin-right:0;}
}

#breadcrumb{font-size: 12px;color: #666;background-color: #fbfbfb;border-bottom: 1px solid #eee;padding: 5px 0;margin-bottom: 30px;}
#breadcrumb a {color: #666;}

/*nav*/
#nav {height:50px; width:100%; clear:both; background-color:#C01E22;}
#nav li {float:left; line-height:50px; position:relative; text-align:center; font-size:16px; width:12.5%;}
#nav a {color:#fff; display:block; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; padding:0 5px;}
#nav a:hover, #nav .current-menu-item > a, #nav .hover > a, #nav .current-post-ancestor > a, #nav .current-menu-parent >  a {background: rgba(0,0,0,0.13);color: #fff;}
#nav li ul {position:absolute; left:0; top:50px; width:100%; display:none; z-index:6;}
#nav li li {float:none; width:100%; background-color:#C01E22;}
#nav li li a {color: #fff;}
@media only screen and (max-width:1280px){#nav li {font-size:14px;}}


#logo {float: left;padding: 20px 0;}
#logo a {display: block;height: 56px;background-size: contain;}
#logo img {height: 100%;}
.other {float: right;padding: 25px 0;}
.other .phone {margin-bottom:5px; padding-left:30px; font-size:18px; color:#666; color:#C01E22;}

.searchform input {width: 100%;height: 35px;float: left;display: inline;padding: 0 35px 0 10px;font-size: 14px;color: #333;line-height: 35px;border: 2px solid #C01E22;outline: 0;border-radius: 3px;box-sizing: border-box;background: #fff;}
.searchform button {width: 35px;height: 35px;padding: 0;line-height: 35px;border: 0;border-radius: 0 3px 3px 0;outline: 0;cursor: pointer;background: #C01E22;position: absolute;}
.searchform button::after {content: "\f002";font: normal normal normal 14px/1 FontAwesome;color: #fff;display: inline-block;vertical-align: top;line-height: 35px;font-size: 26px;}
#topbar {background-color: #f6f6f6;color: #666;border: 1px solid #eee;border-top: none;}
#welcome {line-height: 2em;font-size: 14px;}

.hmTitle {overflow:hidden; line-height:18px; border-bottom:1px solid #e4e4e4; position:relative; padding-bottom:15px; margin-bottom:20px;}
.hmTitle:after {content:''; display:block; width:80px; height:2px; background-color:#C01E22; position:absolute; left:0; bottom:0;}
.hmTitle h3 {font-size:18px; font-weight:normal; color:#C01E22; float:left; line-height: 1.125em;}
.hmTitle i {font-style:normal; display:block; float:left; padding:0 10px; color:#999;}
.hmTitle span {display:block; font-size:16px; color:#ddd; text-transform:uppercase; float:left;padding-left: 10px;}
.hmTitle a {position:absolute; right:0; top:auto; color:#999; font-size:14px;}

.about {overflow:hidden; margin-bottom:35px;}
.about .box {display: table; width:100%; table-layout: fixed;}
.about .video {display: table-cell; vertical-align: top; width:420px;}
.about .video img {width:100%; height:100%; background-color:#333;  z-index:2; border-radius:10px; overflow:hidden; object-fit:cover;}
.about .btmBg {width:90%; padding-bottom:7.142%; background-color:#eee; border-radius:50%; box-shadow:0px 0px 20px #ccc; margin:-15px auto 15px;}
.about .info {color:#333; display:table-cell; vertical-align: middle; padding-right:3%;}
.about .info p {padding:8px 0;}

.homePro {overflow:hidden; margin-bottom:25px;}
.homePro ul {width:102%; overflow:hidden;}
.homePro li {float:left; width:23%; padding-right:2%; padding-bottom:2%; overflow:hidden;}
.homePro .thumbnail {padding-bottom:75%; margin-bottom:10px;    position: relative;overflow: hidden;}
.homePro img {transition:transform 0.3s ease 0s;position: absolute;width: 100%;
    height: 100%;object-fit: cover;}
.homePro h2 {font-size:16px; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 10px;line-height: 18px;}
.homePro em {position:relative; border-bottom:1px solid #ddd; display:block; clear:both; margin:5px 0 10px;}
.homePro em:before {content:''; display:block; width:5px; height:5px; background-color:#ddd;}
.homePro li a {color:#333; display:block; transition:all 0.3s ease 0s;overflow: hidden;}
.homePro li:hover {color:#C01E22;}
.homePro li:hover em {border-bottom-color:#C01E22;}
.homePro li:hover em:before {background-color:#C01E22;}
.homePro li:hover img {transform:scale(1.2,1.2); transition:transform 0.3s ease 0s;}

.hmNews {margin-bottom:45px;}
.hmNews ul {overflow:hidden;}
.hmNews li {overflow:hidden;}
.hmNews li h2 {font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hmNews li h2 a {color:#333; transition:padding 0.3s ease 0s;}
.hmNews li h2 a:hover {color:#C01E22; padding-left:1em;}
.hmNews li .thumbnail {position:relative; overflow:hidden;}
.hmNews li .thumbnail a {padding-bottom:75%; position:relative;  overflow: hidden; display:block;}
.hmNews li .thumbnail img {transition:transform 0.3s ease 0s;position: absolute;width: 100%;height: 100%;object-fit: cover;}
.hmNews li:hover img {transform: scale(1.2,1.2);transition: transform 0.3s ease 0s;}
.hmNews .first {float:left; width:450px;}
.hmNews .first .thumbnail {margin-bottom:10px;}
.hmNews .first h2 {font-size:18px; margin-bottom:5px;}
.hmNews .first .excerpt {font-size:14px; color:#888; line-height: 1.75em; overflow:hidden;}
.hmNews .list {margin-left:470px; margin-bottom:11px;}
.hmNews .list .thumbnail {width:110px; float:left;}
.hmNews .list .info {margin-left:125px;}
.hmNews .list h2 {font-size:16px; margin-bottom:5px; line-height: 1.5em;}
.hmNews .list .excerpt {font-size:14px; color:#888; line-height:1.75em; height:3.5em; overflow:hidden;}


.links ul {overflow:hidden;width:102%;}
.links li {font-size:14px;line-height:1.75em;padding:0.5% 1% 0.5% 0;float:left;}

.sidebar {width:230px; float:left;}

.main {
    margin-left: 260px;
    overflow: hidden;
}

.post .post_title {text-align:center; font-weight:normal; font-size:26px; margin-bottom:30px; line-height:1.5em;}
.post .boxTitle {font-size:18px; font-weight:normal; border-bottom:1px solid #eee; padding-bottom:10px; color:#C01E22; margin-top: 2.5%;}
.post .postmeta {background:#fbfbfb; padding:5px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; text-align:center; color:#888; font-size:12px; margin-bottom:25px;}
.post .postmeta span {padding:0 5px;}
.entry {color: #333;padding: 10px 0 20px;font-size: 16px;line-height: 1.875em;}

.postlist ul {overflow:hidden; margin-bottom:5.263%;}
.postlist li { border-bottom:1px dotted #e4e4e4; font-size:16px; line-height:1.5em; padding:10px 0; overflow:hidden;}
.postlist li time {font-size:14px; float:right; color:#888;}
.postlist li a {color:#333;  margin-right:80px; position: relative;padding-left: 13px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.postlist li a:hover {color:#C01E22;}
.postlist li strong {color:#f00;}
.postlist li a:before {width: 3px;height: 3px;background-color: #C01E22;content: '';display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}


.prolist h3 {margin-bottom:20px;}
.prolist ul{ width:103%; overflow:hidden; margin-bottom:2%;}
.prolist li {float:left; width:31%; padding:0 2% 2% 0;}
.prolist li a {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333;line-height: 18px;}
.prolist li .thumbnail {margin-bottom:4.634%;}
.prolist li .thumbnail a {position:relative; padding-bottom:75%; overflow: hidden; display:block;}
.prolist li h2 a:hover {color:#c7090c;}
.prolist li h2 {font-size:14px; font-weight:normal; text-align:center;}
.prolist li img {transition: transform 0.3s ease 0s;position: absolute;width: 100%;height: 100%;object-fit: cover;}
.prolist li:hover img {transform: scale(1.2,1.2);transition: transform 0.3s ease 0s;}

#ProMenu li {line-height:50px; font-size:16px; position:relative;}
#ProMenu li a:before {content:''; display:block; width:4px; height:4px; background-color:#e4e4e4; position:absolute; left:0; bottom:0;}
#ProMenu li a {color:#333; padding-left:20px; display:block; border-bottom:1px solid #e4e4e4;}
#ProMenu li a:hover {border-bottom-color:#C01E22; color:#C01E22;}
#ProMenu li a:hover:before {background-color:#C01E22;}

.tags {overflow:hidden;margin-bottom:3.5%;}
.tags h3 {float:left;font-size:14px;color:#000;line-height:24px; color:#C01E22; padding:5px 0;}
.tags ul {margin-left:56px;overflow:hidden;}
.tags li {float:left;font-size:14px;line-height:24px;padding:5px;}
.tags li a {padding-right:20px; display:block; border-radius:12px; color:#888;}
.tags li a:hover {color:#C01E22; text-decoration: underline;}

.postnavi {border-top:1px solid #eee; padding-top:10px; margin-bottom:20px; font-size:14px; color:#555;}
.postnavi a {color:#555;}

.related ul {padding:10px 0;}
.related li {font-size:14px;padding:5px 65px 5px 15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative;}
.related li a {color:#333;}
.related li span {color:#999; float:right; font-size:12px; position:absolute; right:0; top:auto;}

.related li a:before {width: 3px;height: 3px;background-color: #C01E22;content: '';display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.relatedPro {overflow:hidden;}
.relatedPro .divTitle {margin-bottom: 20px;}
.relatedPro ul {width: 102%; overflow:hidden;}
.relatedPro li {float:left; width: 23%; padding-right: 2%; padding-bottom: 2%;}
.relatedPro li .thumbnail {margin-bottom: 5px;}
.relatedPro li .thumbnail a {display:block; overflow:hidden; padding-bottom: 75%; position:relative;}
.relatedPro li h4 {font-size:14px; line-height: 1.75em; font-weight: normal; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; text-align: center;}
.relatedPro li h4 a {color:#444;}
.relatedPro li h4 a:hover {color:#C01E22;}
.relatedPro li img {transition: transform 0.3s ease 0s;position: absolute;width: 100%;height: 100%;object-fit: cover;}
.relatedPro li:hover img {transform: scale(1.2,1.2);transition: transform 0.3s ease 0s;}
h3.divTitle {font-size: 18px;font-weight: normal;border-bottom: 1px solid #eee;padding-bottom: 10px;color: #C01E22;}

@media only screen and (max-width:768px){
	.hmTitle {margin-bottom:2.777%;}
	.homePro li {width:48%;}

    .hmNews .first {width:auto; float:none; margin-bottom:11px;}
	.hmNews .first .thumbnail {width:110px; float:left; margin-bottom:0;}
	.hmNews .first .info {margin-left:125px;}
	.hmNews .first h2  {font-size:16px; margin-bottom:5px; line-height: 1.5em;}
	.hmNews .first .excerpt {height:3.5em;}
	.hmNews .list {margin-left:0;}

    .about .box {display:block; width:auto;}
	.about .info  {display:block; padding-right:0; margin-bottom:15px;}
	.about .video {display:block; width:auto;}
    .ytecn {width: 93.75%;}

    #logo {padding:10px 0;}
	#logo a {width:125px; height:40px;}

    .other {padding:17.5px 0;}
	.other .phone {display:none;}
    .schBtn {float:right; display:block; padding-right:25px;}
	.schBtn span {display:block; width:25px; height:25px; background-size:contain; cursor:pointer;}
    .schBtn span::after {content: "\f002";font: normal normal normal 14px/1 FontAwesome;color: #C01E22;line-height: 25px;font-size: 26px;}
	.searchform {display:none; overflow: hidden; position:absolute; top:100%; right:0; z-index: 7;}	
	.searchform.wap {display:block;}
	.searchform #searchform {margin:5px;}

    .navBtn {width:25px; height:25px; position:relative;float:right; cursor:pointer; display:block;}
	.navBtn span {position:absolute; left:0; top:50%; margin-top:-1px; width:100%; height:2px; background-color:#C01E22;}
	.navBtn span:before, .navBtn span:after {content:''; display:block; width:100%; height:2px; background-color:#C01E22; position:absolute; left:0; transition: all .3s;}
	.navBtn span:before {top:-9px;}
	.navBtn span:after {bottom:-8px;}
	.navBtn.open span {height:0;}
	.navBtn.open span:before {transform:rotate(45deg); top:50%;}
	.navBtn.open span:after {transform:rotate(-45deg); top:50%;}
    #container {padding: 5% 0;}
    .sidebar {float: none;width: auto;}
    .main {margin-left: 0;}
    #breadcrumb{margin-bottom: 2.343%;}
    .searchform form {position: relative;padding-right: 40px;overflow: hidden;}
    .relatedPro .divTitle {margin-bottom: 15px;}
	.relatedPro ul {width: 103%;}
	.relatedPro li {width: 47%; padding-right: 3%; padding-bottom: 3%;}
    .prolist li {width:47%; padding-right:3%; padding-bottom:3%;}
}

/* .homePro li:nth-child(4n) {
    margin-right: 0;
} */



/* #primarys .cat-lists .item-st a {
    color: #515050;
    padding-bottom: 75%;
    display: block;
}


.thumbnail{
    padding-bottom: 75%;
    display: block;
}

.thumbnail img{
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
} */