﻿/*网站公共样式*/
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {margin: 0px;}
input, button, ul, ol {margin: 0px;padding: 0px;}
body {overflow-x: hidden;overflow-y: auto;}
body, input, button, form {font-size: 14px;font-family: "microsoft yahei", "Arial";color: #333333;}
h1, h2, h3, h4, h5, h6 {font-size: 14px;font-weight: normal;}
ul, ol, li {list-style: none;}
input {background: none;border: 0 none;}
img, iframe {border: 0px;}
em, i {font-style: normal;}
button, input, select, textarea {font-size: 100%;}
table {border-collapse: collapse;border-spacing: 0;}
.red {color: #ba292e;}
.fl {float: left;}
.fr {float: right;}
.tac {text-align: center;}
.tar {text-align: right;}
.poa {position: absolute;}
.por {position: relative;}
.hidden {display: none;}
.w1200 {width: 1200px;margin: 0 auto;}
.icon {background: url(../images/icon.png) no-repeat;display: inline-block;vertical-align: middle;}
a {color: #333333;text-decoration: none;}
a:hover {color: #074ea3;text-decoration: none;}
a:visited {text-decoration: none;}
.ease, .ease * {-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.noease, .noease * {-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
:-moz-placeholder {color: #aaa;}
::-moz-placeholder {color: #aaa;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #aaa;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #aaa;}
.fl{float: left;}
.fr{float: right;}
/*清除浮动*/
.clearfix {*zoom: 1;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
/*页头Logo和菜单*/
.header_main {width: 100%;height: 100px;z-index: 100;background: #fff;}
.header_main .logo {display: block;margin: 20px 0 0 20px;}
.header_main .logo img {width: 100%;height: 100%;display: block;}
.header_main .nav_main {height: 100px;margin-right:20px;z-index: 12;}
.header_main .nav_main .nav {position: relative;}
.header_main .nav_main .nav .list {width: 100%;position: relative;}
.header_main .nav_main .nav li.item {float: left;text-align: center;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.header_main .nav_main .nav .item a {display: block;height: 42px;line-height: 42px;color: #222;font-size: 18px;font-weight:bold;margin:29px 0;padding:0 25px;}
.header_main .nav_main .nav .item a:hover {background-color: #074ea3;color: #fff;}
/* 首页大图*/
@media screen and (min-width: 1367px) {
    #banner_main {overflow: hidden;position: relative;z-index: 2;max-width: 1920px;margin: 0 auto;}
    #banner_main .banner {height: 600px;}
    #banner {width: 100%;min-width: 1000px;position: relative;overflow: hidden;z-index: 0;}
    #banner, .banner ul {width: 100%;max-height: 600px;overflow: hidden;}
    .banner li {width: 100%;position: absolute;z-index: 1;overflow: hidden;display: none;}
    .banner li:first-child {display: block;}
    .banner li img {width: 1920px;display: block;position: relative;left: 50%;margin-left: -960px;top: 0;}
    #banner .tip {width: 1000px;height: 20px;line-height: 0;font-size: 0;text-align: center;position: absolute;left: 50%;margin-left: -500px;bottom: 42px;z-index: 13;}
    #banner .tip span {width: 16px;height: 16px;margin: 0 6px;display: inline-block;font-size: 0;cursor: pointer;background-position: -260px 0px;}
    #banner .tip span.cur {background-position: -240px 0px;}
    #banner #btn_prev, #banner #btn_next {width: 34px;height: 65px;position: absolute;top: 250px;z-index: 5;}
    #banner #btn_prev {background-position: 0 -64px;left: 8%;transition: all 600ms ease;}
    #banner #btn_next {background-position: -50px -64px;right: 8%;transition: all 600ms ease;}
    #banner #btn_prev:hover {opacity: .8;filter: alpha(opacity=80);transition: all 600ms ease;left: 7.6%;}
    #banner #btn_next:hover {opacity: .8;filter: alpha(opacity=80);transition: all 600ms ease;right: 7.6%;}
    #banner .banner_mask {z-index: 9;position: absolute;bottom: -160px;width: 100%;height: 292px;}
}
 @media screen and (max-width: 1366px) {
    #banner_main {overflow: hidden;position: relative;z-index: 2;max-width: 1366px;margin: 0 auto;}
    #banner_main .banner {height: 426px;}
    #banner {width: 100%;min-width: 1000px;position: relative;overflow: hidden;z-index: 0;}
    #banner, .banner ul {width: 100%;max-height: 426px;overflow: hidden;}
    .banner li {width: 100%;position: absolute;z-index: 1;overflow: hidden;display: none;}
    .banner li:first-child {display: block;}
    .banner li img {width: 100%;height:auto;display: block;position: relative;left: 50%;margin-left: -683px;top: 0;}
    #banner .tip {width: 1000px;height: 20px;line-height: 0;font-size: 0;text-align: center;position: absolute;left: 50%;margin-left: -500px;bottom: 42px;z-index: 13;}
    #banner .tip span {width: 16px;height: 16px;margin: 0 6px;display: inline-block;font-size: 0;cursor: pointer;background-position: -260px 0px;}
    #banner .tip span.cur {background-position: -240px 0px;}
    #banner #btn_prev, #banner #btn_next {width: 34px;height: 65px;position: absolute;top: 180px;z-index: 5;}
    #banner #btn_prev {background-position: 0 -64px;left: 8%;transition: all 600ms ease;}
    #banner #btn_next {background-position: -50px -64px;right: 8%;transition: all 600ms ease;}
    #banner #btn_prev:hover {opacity: .8;filter: alpha(opacity=80);transition: all 600ms ease;left: 7.6%;}
    #banner #btn_next:hover {opacity: .8;filter: alpha(opacity=80);transition: all 600ms ease;right: 7.6%;}
    #banner .banner_mask {z-index: 9;position: absolute;bottom: -160px;width: 100%;height: 292px;}
}
/*首页大图*/
/*首页搜索*/
.search {overflow:hidden; width:100%;border-bottom:1px solid #ccc;box-shadow: 0 5px 8px #cecece;}
.search p{width:900px;height: 65px;color: #074ea3;float:left;font-size:14px;line-height: 65px;}
.search a{color:#6c6c6c;font-size:14px;margin-right: 20px;}
.search a:hover{color:#074ea3;}
.search .searchbox{position: relative;float: right;margin-top: 14px;width: 258px;height: 36px;border: 1px solid #074ea3;overflow: hidden;}
.search .searchbox input{outline: none;}
.search .searchbox .stxt{float: left;width: 196px;height: 36px;font-size: 12px;color: #666;padding-left: 12px;line-height: 30px;border: 0;background: none;}
.search .searchbox .sbtn{position: absolute;top: 0;right: 0;width: 50px;height: 36px;border: 0;cursor: pointer;background: #074ea3 url(../images/sbtn.png) no-repeat center;}
/*页脚*/
.footer{width: 100%;color: #fff;padding: 30px 0;background: #222222;}
.footer .bNav{width: 700px;margin-left: 0;margin-top: 0px;}
.footer .bNav dl{width: 20%;margin-top: 6px;padding: 0px;line-height: 18px;float: left;}
.footer .bNav dl: first-child{padding-left: 0;}
.footer .bNav dl dt{color: #333;font-size: 18px;text-align: left;margin-bottom: 16px;}
.footer .bNav dl dt a{display: block;color: #fff;}
.footer .bNav dl dt a:hover{display: block;color: #ccc;}
.footer .bNav dl dd{line-height: 26px;text-align: left;}
.footer .bNav dl dd:first-child{margin-top: 30px!important;}
.footer .bNav dl dd a{display: block;color: #ccc;font-size: 14px;}
.footer .bNav dl dd a:hover{color: #fff;opacity: 0.9;filter: alpha(opacity=90);}
.footer .contact{width: 450px;}
.footer .contact .contact_info{width:270px;overflow:hidden;}
.footer .contact .contact_info p{line-height:26px;color:#ccc;}
.footer .contact .contact_info p.p1{font-size: 16px;color: #ccc;line-height: 30px;color:#fff;}
.footer .contact .ewm{width: 134px;height: 134px;background: #ddd;border: 3px solid #999;}
.footer .contact .ewm img{display: block;width: 134px;height: 134px;}
.footer .contact .ewm span{display: block;text-align:center;padding:10px 0;}
/*版权*/
.copyright{line-height: 25px;color: #fff;font-size: 12px;background: #111111;border-top: 1px solid #11111;}
.copyright p{padding:20px 0;opacity: 0.7;filter: alpha(opacity=70);text-align:center;}
.copyright a{display:block;color: #999999;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.copyright a:hover{color: #fff;}
/***********右侧浮动**********/
.toolbar{width: 50px;position: fixed;right: 1%;top: 44%;z-index: 999;}
.toolbar dd{width: 50px;height: 50px;margin-bottom: 1px;position: relative;background: url(../images/black20.png) repeat 0 0;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i{width: 50px;height: 50px;display: block;position: absolute;left: 0;top: 0;cursor: pointer;text-align: center;-webkit-border-radius: 100%;border-radius: 100%;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.toolbar dd i span{width: 35px;height: 35px;display: block;margin: 7px 0 0 7px;background: url(../images/rightfixicon.png) no-repeat 0 0;}
.toolbar dd.gottop{display: none;}
.toolbar .slide-tel{display: block;width: 0;height: 50px;line-height: 50px;font-size: 24px;font-family: arial;color: #FFF;position: absolute;padding: 0 0 0 50px;top: 0;right: 0;overflow: hidden;-webkit-border-radius: 50px;border-radius: 50px;-webkit-transition: all .0s ease-in-out 0s;-moz-transition: all .0s ease-in-out 0s;transition: all .0s ease-in-out 0s;}
.toolbar .pop{position: absolute;right: 90px;top: -51px;background: #074ea3;display: none;}
.toolbar .pop-code{width: 160px;}
.toolbar .pop-code img{width: 120px;height: 120px;display: block;padding: 20px 20px 0;}
.toolbar .pop-code h3{height: 50px;line-height: 26px;text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap;}
.toolbar .pop-code h3 b{display: block;font-size: 14px;font-weight: normal;}
.toolbar .qq span{background-position: 0 -47px;}
.toolbar .qq a{width: 50px;height: 50px;cursor: pointer;display: block;}
.toolbar .qq:hover{background: #074ea3;}
.toolbar .tel span{background-position: 0 0;}
.toolbar .tel:hover{background: #074ea3;}
.toolbar .code span{background-position: 0 -95px;}
.toolbar .code:hover{background: #074ea3;}
.toolbar .top span{background-position: 0 -142px;}
.toolbar .top:hover{background: #074ea3;}
/*******首页公共标题栏*******/
.index .in_title {font-size:22px;font-weight:bold;color: #074ea3;padding:10px 0;border-bottom:2px solid #074ea3;}
.index .in_title span{float:left;}
.index .in_title a{float:right;font-size:16px;font-weight:normal;}
/*首页关于我们*/
.index .iabout{padding-bottom: 20px;}
.index .iabout .about .part1{position: relative;float: right;width: 632px;}
.index .iabout .about .part1 .title{padding-top: 20px;}
.index .iabout .about .part1 .title .entit{font: normal 26px "Akzidenz-Grotesk BQLight";line-height: 50px;color: #666;}
.index .iabout .about .part1 .title .tit{width: 510px;font: bold 30px "Microsoft YaHei";color: #074ea3;background: url("../images/aboutline.png") no-repeat right center;}
.index .iabout .about .part1 .view_detail{position: absolute;top: 54px;right: 0;display: block;width: 120px;height: 30px;margin: 0 auto;margin-top: 20px;font-size: 14px;text-align: center;line-height: 30px;color: #074ea3;border: 1px solid #074ea3;border-radius: 15px;transiton: all .5s;}
.index .iabout .about .part1 .view_detail:hover{background: #074ea3;color: #fff;transition: all .5s;}
.index .iabout .about .part1 p{margin-top: 10px;margin-bottom: 10px;font-size: 14px;color: #333;line-height: 30px;text-align: justify;}
.index .iabout .about .part2{position: relative;float: left;width: 506px;height: 305px;margin-top: 56px;background: #074ea3;margin-right: 42px;margin-left:20px;}
.index .iabout .about .part2 .video{position: absolute;top: -20px;left: -20px;}
.index .iabout .about .part2 .video img{display: block;width: 506px;height: 305px;}
.index .iabout .about .part1 .tips .item:hover .img img{transform: rotate(360deg);transition: all ease 600ms;}
/*首页新闻动态*/
.index .inews{padding: 0;margin-bottom:20px;}
.index .inews .proCase{position: relative;width: 396px;height: 360px;margin-top: 20px;border: 1px solid #ddd;}
.index .inews .proCase .bd{position: relative;width: 396px;}
.index .inews .proCase .list{width: 106%;}
.index .inews .proCase .list li{position: relative;display: block;float: left;width: 396px;height: 360px;background: #f8f8f8;transition: all ease 600ms;}
.index .inews .proCase .list li img{display: block;width: 340px;height: 360px;margin:0 auto;}
.index .inews .textlist{width: 750px;margin-left: 48px;}
.index .inews .textlist .newtab{height:30px;line-height:30px;width:100%;margin-top:20px;}
.index .inews .textlist .newtab a{background-color:#e4e4e4;color:#333;width:372px;text-align:center;display:inline-block;margin:0;padding:0;text-decoration:none;}
.index .inews .textlist .newtab a.on{background-color:#074ea3;color:#fff;}
.index .inews .textlist .one{padding: 0px;margin-top: 10px;}
.index .inews .textlist .one img{display: block;width: 193px;height: 145px;}
.index .inews .textlist .one .txt{width: 506px;margin-left: 40px;}
.index .inews .textlist .one .txt .tit{font-weight: bold;line-height: 28px;padding-bottom: 9px;color: #333;font-size: 18px;transition: all .5s;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.index .inews .textlist .one .txt .time{color: #333;}
.index .inews .textlist .one .cont{width: 506px;line-height:20px;}
.index .inews .textlist .one:hover .txt .tit{color: #074ea3;transition: all .5s;}
.index .inews .textlist .one:hover .cont{color: #333;}
.index .inews .textlist .one:hover img{-webkit-filter: brightness(105%);filter: brightness(105%);}
.index .inews .textlist .list{width: 100%;margin-top: 12px;*margin-top:10px;}
.index .inews .textlist .list li{display: block;font-size: 16px;line-height: 20px;}
.index .inews .textlist .list li:first-child a{border-top: 1px solid #ddd;}
.index .inews .textlist .list li a{display: block;height: 20px;padding: 10px 0;border-bottom: 1px solid #ddd;}
.index .inews .textlist .list li .tit{width:600px;transition: all ease 600ms;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.index .inews .textlist .list li .tit em{width: 12px;height: 14px;display: inline-block;margin-right: 20px;vertical-align: middle;background-position: -286px -102px;transition: all ease 600ms;}
.index .inews .textlist .list li:hover .tit{color: #074ea3;font-weight: bold;}
.index .inews .textlist .list li:hover em{margin-right: 16px;transition: all ease 600ms;}
.index .inews .textlist .list li:hover .time{color: #666;}
/*首页产品展示*/
.index .icases{padding:0;margin-bottom:20px;}
.index .icases .plist{position: relative;padding-top:20px;}
.index .icases .plist .bd{overflow: hidden;}
.index .icases .plist .list{width: 100%;}
.index .icases .plist .list li{position: relative;display: block;float: left;width: 288px;height: 278px;margin: 0 5px;border: 1px solid #ddd;background: #fff;transition: all .5s;}
.index .icases .plist .list li a{display: block;padding: 10px;}
.index .icases .plist .list li a img{display: block;width: 268px;height: 177px;}
.index .icases .plist .list li h3{font-size: 16px;color: #333;margin-top: 10px;transition: all .5s;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.index .icases .plist .list li .more{position: absolute;bottom: 10px;left: 74px;display: block;width: 120px;height: 32px;font-size: 14px;line-height: 30px;text-align: center;background: #074ea3;color: #fff;transition: all .5s;}
.index .icases .plist .list li:hover{border: 1px solid #074ea3;background: #074ea3;}
.index .icases .plist .list li:hover h3{color: #fff;}
.index .icases .plist .list li:hover .more{background: #fff;color: #074ea3;}
.index .icases .plist .hd{position: absolute;width: 100%;}
.index .icases .plist .hd span{width: 40px;height: 40px;cursor: pointer;position: absolute;top: -220px;opacity: .5;background: url(../images/prev.png) no-repeat;display: inline-block;vertical-align: middle;transition: all .5s;}
.index .icases .plist .hd .prev{background-position: 0 0;left: -80px;}
.index .icases .plist .hd .next{background-position: -40px 0;right: -80px;}
.index .icases .plist .hd .prev:hover,.index .icases .plist .hd .next:hover{opacity: 1;}
/*******内页样式********/
.nybanner{width: 100%;height: 300px;overflow: hidden;position: relative;}
.nybanner img {width: 1920px;display: block;position: absolute;left: 50%;margin-left: -960px;top: 0;}
.submian{padding-bottom: 30px;}
.submian .sobtitle{height: 30px;line-height: 30px;padding: 10px 0px 10px;margin-bottom: 20px;font-size: 14px;border-bottom: 1px solid #f1f1f1;}
.submian .sobtitle s{width: 14px;height: 14px;margin-right: 10px;background-position: -213px 0px;}
.submian .sobtitle a{font-size: 14px;color: #333}
.submian .sobtitle a:hover{color: #074ea3;}
.submian .sobtitle a.now{color: #074ea3;font-size: 14px;font-weight: bold;}
.submian .sobtitle a.now:hover{text-decoration: underline;}
.submian .navcategory{width:100%;margin: 20px 0;text-align:center;}
.submian .category{text-align:center;}
.submian .category a{margin:0 10px;padding:15px 30px;background-color:#e4e4e4;color:#111;font:bold 14px 微软雅黑;}
.submian .category a.on,.submian .category a:hover{background-color:#074ea3;color:#fff;}
.submian .articletitle{text-align:center;font-size:30px;padding:20px 0;margin-bottom:20px;border-bottom:1px solid #e4e4e4;}
.submian .article{width: 1200px;line-height: 28px;}
.submian .article .aboutlist{color: #333;}
.submian .article img{max-width: 1200px; height:auto !important}
/*内页新闻中心*/
.submian .articlelist{width: 1200px;line-height: 28px;margin-top:40px;}
.submian .articlelist .item{width: 1200px;border-bottom: 1px solid #eaeaea;display: block;padding: 20px;transition: all .5s;}
.submian .articlelist .item a{display: block;}
.submian .articlelist .item .img{position: relative;width: 180px;height: 135px;display: block;overflow: hidden;cursor: pointer;}
.submian .articlelist .item img{width: 100%;height: 100%;transition: all 0.3s ease-out 0s;}
.submian .articlelist .item a:hover img{transform: scale(1.1, 1.1);}
.submian .articlelist .item .txt{width: 1000px;cursor: pointer;}
.submian .articlelist .item .txt h3{font-size: 16px;line-height: 30px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.submian .articlelist .item .txt .mark{color: #999;font-size: 12px;line-height: 30px;padding: 0;}
.submian .articlelist .item .txt .mark span{display: inline-block;padding-right: 18px;}
.submian .articlelist .item .txt p{color: #666;line-height: 25px;}
.submian .articlelist .item .txt p span{display: inline-block;color: #074ea3;padding-left: 10px;}
.submian .articlelist .item a:hover .txt h3{color: #074ea3;}
.submian .articlelist .item:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}
.reLink{height: 38px;margin: 10px auto 10px;}
.reLink .prevLink, .reLink .nextLink{height: 38px;line-height: 38px;}
.reLink .prevLink a, .reLink .nextLink a{height: 38px;line-height: 38px;}
.reLink .prevLink a:hover, .reLink .nextLink a:hover{color: #074ea3;}
.reLink .prevLink{float: left;width:48%;transition: all ease 600ms;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.reLink .nextLink{float: right;width:48%;transition: all ease 600ms;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
/*内页新闻内容页*/
.submian .article .conBox .ArticleTitle h1{font-size: 24px;text-align: center;padding: 20px 0px;border-bottom: 1px solid #e4e4e4;font-weight: bold;}
.submian .article .conBox .ArticleMessage{line-height: 30px;height: 30px;margin-bottom: 10px;text-align: center;}
.submian .article .conBox .ArticleMessage span.sp{color: #999;margin-right: 10px;font-size: 12px;}
.submian .article .conBox .ArticleTencont{padding: 5px 0px 0px;line-height: 28px;overflow: hidden;color: #666;font-size: 14px;}
.submian .article .showproduct .ArticleTencont img{max-width: 100%;}
.submian .article .conBox .ArticleTencont img{max-width: 100%;}
/*内页产品列表*/
.product ul.list{float: left;width: 100%;padding-left: 0px;}
.product ul.list li.item{float: left;width: 338px;padding:20px;margin:10px;overflow:hidden;border:1px solid #e4e4e4;}
.product ul.list li.item a{width:338px;}
.product ul.list li.item a img{width: 100%;display: block;}
.product ul.list li.item a:hover img{transform: scale(1.05, 1.05);}
.product ul.list li.item span{width: 338px;height: 45px;line-height: 45px;margin-top:14px;color: #555;background: #fff;display: block;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.product ul.list li.item a:hover span{color:#074ea3;}
/*产品详细页*/
/*幻灯片区域背景*/
.MainBg {width: 450px;margin:0;}
/*大图展示区域*/
.OriginalPicBorder {padding: 0;}
#OriginalPic {width: 920px;overflow: hidden;position: relative;font-size: 12px;}
#OriginalPic img {display: block;min-width: 100px;margin: 0 auto;}
/*鼠标手势*/
.CursorL {position: absolute;z-index: 999;width: 50%;height: 600px;color: #FFF;left: 0;/*cursor: url(../images/CurL.cur), auto;background: url(../images/space.png) repeat scroll 0 0 transparent;*/}
.CursorR {position: absolute;z-index: 999;width: 50%;height: 600px;color: #FFF;right: 0;/*cursor: url(../images/CurR.cur), auto;background: url(../images/space.png) repeat scroll 0 0 transparent;*/}
/*小图预览和滑动*/
.SliderPicBorder {width: 100%;overflow: hidden;}
.ThumbPicBorder {width: 920px;margin: 0 auto;background: #eeeeee;overflow: hidden;position: relative;}
.ThumbPicBorder #btnPrev {width: 45px;height: 113px;cursor: pointer;position: absolute;left: 20px;top: 20px;}
.ThumbPicBorder #btnNext {width: 45px;height: 113px;cursor: pointer;position: absolute;right: 20px;top: 20px;}
.ThumbPicBorder .pic {width: 755px;overflow: hidden;position: relative;margin: 20px auto;}
#ThumbPic img {border: 3px solid #ddd;cursor: pointer;background-color: #ddd;margin: 0 5px;width: 135px;height: 108px;display: block;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
#ThumbPic img.active {border: 3px solid #074ea3;}
@keyframes change {
0% {-webkit-transform:translate(0px, 0px);}
10% {-webkit-transform:translate(0px, -3px);}
20% {-webkit-transform:translate(0px, -6px);}
30% {-webkit-transform:translate(0px, -9px);}
40% {-webkit-transform:translate(0px, -12px);}
50% {-webkit-transform:translate(0px, -15px);}
60% {-webkit-transform:translate(0px, -12px);}
70% {-webkit-transform:translate(0px, -9px);}
80% {-webkit-transform:translate(0px, -6px);}
90% {-webkit-transform:translate(0px, -3px);}
100% {-webkit-transform:translate(0px, 0px);}
}
/*↓组图样式↓*/
.HS10, .HS15 {overflow: hidden;clear: both;}
.HS10 {height: 10px;}
.HS15 {height: 15px;}
.Hidden {display: none;}
.Clearer {display: block;clear: both;font-size: 1px;line-height: 1px;margin: 0;padding: 0;}
.text-secondary{ text-align:center; padding:20px 0}
.ArticleTencont img{ max-width:100%; height:auto !important}
#maximg img{ max-width:100%; height:auto !important}
