.hv a:hover { text-decoration: none; color: #003a8a; -webkit-transition: all .5s; transition: all .5s; }
.inn { width: 1200px; margin: auto; }
.fl { float: left; }
.fr { float: right; }
.pr { position: relative; }
.pa { position: absolute; }
.oh { overflow: hidden; }
.ma15 { margin: 15px auto; }
.ma20 { margin: 20px auto; }
.ma30 { margin: 30px auto; }
.ma40 { margin: 40px auto; }
.ma50 { margin: 50px auto; }
.mb50 { margin-bottom: 50px; }
.mb40 { margin-bottom: 40px; }
.mb30 { margin-bottom: 30px; }
.mb20 { margin-bottom: 20px; }
.mb15 { margin-bottom: 15px; }
.mb10 { margin-bottom: 10px; }
.mt60 { margin-top: 60px; }
.mt50 { margin-top: 50px; }
.mt40 { margin-top: 40px; }
.mt30 { margin-top: 30px; }
.mt20 { margin-top: 20px; }
.mt15 { margin-top: 15px; }
.mt10 { margin-top: 10px; }
.pb50 { padding-bottom: 50px; }
.pb40 { padding-bottom: 40px; }
.pb30 { padding-bottom: 30px; }
.pb20 { padding-bottom: 20px; }
.pb15 { padding-bottom: 15px; }
.pb10 { padding-bottom: 10px; }
.pt50 { padding-top: 50px; }
.pt40 { padding-top: 40px; }
.pt30 { padding-top: 30px; }
.pt20 { padding-top: 20px; }
.pt15 { padding-top: 15px; }
.pt10 { padding-top: 10px; }
.pa15 { padding: 15px 0; }
.pa20 { padding: 20px 0; }
.pa30 { padding: 30px 0; }
.pa50 { padding: 50px 0; }
.clear { clear: both; height: 0; margin: 0; overflow: hidden; }
.wt50 { width: 50%; }
.wt3 { width: 33.3333333333%; }
.wt25 { width: 25%; }
.fixed { position: fixed; top: 0; width: 100%; z-index: 9999999; background: rgba(255, 255, 255, 0.7); }
.navbar-header { position: fixed; top: 0; right: 0; z-index: 999999; }
.navbar-toggle { margin-top: 30p; }
.navbar { border: 0; margin-bottom: 0; }
ul, li, ol, dl, dd, dt { list-style: none; margin: 0; padding: 0; }
@font-face { font-family: 'impact'; src: url('impact.ttf'); }
.h130 { height: 110px; }
.h110 {height: 110px;}


/*top*/
.top { height: 30px; font-size: 12px; line-height: 30px; }
.top span { font-size: 1em; z-index: -1; }
span.bgo { background: #009ddf; display: block; left: 0; height: 100%; }
span.bgt { background: #676767; display: block; right: 0; height: 100%; }
.top { color: #fff; }
.top a { color: #fff; display: inline-block; }
.top p { white-space: nowrap; }
.top p.fr img { margin: 0 5px; }
.top p.fr { min-width: 150px; }
.top p span { min-width: 80px; }
.top p a { white-space: nowrap; }
.logo { height: 100px; z-index: 9999; }
.logo h2 { float: left; font-size: 12px; line-height: 1.5; text-transform: uppercase; border-left: 1px solid #009ddf; padding-left: 15px; margin-left: 5px; padding-top: 8px; margin-top: 10px; }
.logo img { float: left; }
.logo a { display: block; height: 100px; width: 205px; float: left; }

/*meun*/
.menu { margin-top: 30px; }

/*.menu>li { float: left; padding: 10px 20px; list-style: none; position: relative; }*/
.menu > li:hover .sub { display: block; }
.menu li b { font-weight: normal; font-size: 14px; display: block; text-align: center; }
.menu li em { font-style: normal; text-transform: capitalize; font-size: 12px; text-align: center; display: block; line-height: 1; color: #999; }
.sub { position: absolute; min-width: 100%; text-align: center; left: 0; list-style: none; padding: 0; margin: 0; display: none; top: 52px; }
.sub li { float: none; background: #eee; white-space: nowrap; line-height: 2; list-style: none; padding: 0; border-bottom: 1px solid #ccc; }
.logor { right: 0; top: 20px; min-width: 50px; }
.yuyan { float: right; }
.yuyan a { color: #009ddf; text-transform: uppercase; font-size: 12px; }
.yuyan img { margin: 0 8px; }
.yuyan .yyxl { position: absolute; border: 1px solid #ccc; top: 25px; right: 0; display: none; z-index: 9; background: #fff; z-index: 99; }
.yyxl a { display: block; text-align: center; padding: 0 10px; color: #333; line-height: 2; white-space: nowrap; }
.yyxl a:hover { color: #009ddf; }
.sea span { width: 15px; height: 15px; background: url('../images/search.png') no-repeat center; display: block; cursor: pointer; }
.sea .sousuo { width: 30px; height: 30px; background: #fff url('../images/search.png') no-repeat center; border: 0; right: 0; top: 29px; border: 1px solid #ccc; border-left: 0; }
.sea .sousuo1 { top: 29px; height: 30px; line-height: 30px; right: 30px; padding-left: 10px; width: 200px; background: #fff; border: 1px solid #ccc; border-right: 0; }
.search { display: none; }
.hasfs { height: 300px; background: #0f0; }
.hasfss { height: 300px; background: #f00; }

/*1200以下样式*/
@media (max-width:1200) {
    .culture li h2 { display: block; clear: both; margin-top: 5px; padding-left: 10px; }
    .culture li img { margin-bottom: 5px; display: block; }
    .culture li p { width: 90%; }
}

/*1200以上css样式*/
@media (min-width:1200px) {
    .menu > li { float: left; padding: 10px 20px; list-style: none; position: relative; }
    .sea { float: right; height: 30px; width: 30px; margin-top: 5px; }
    .sea span { width: 15px; height: 15px; background: url('../images/search.png') no-repeat center; display: block; cursor: pointer; }
    .h130 { height: 110px; }
    .fotr { text-align: right; }
    .fotl h3 { font-size: 43px; font-family: arial; font-weight: bold; margin: 40px 0 20px 0; }
}

/*992-1200样式*/
@media (min-width:992px) and (max-width:1200px) {
    .menu > li { float: left; padding: 15px; list-style: none; position: relative; }
    .sea { float: right; height: 15px; width: 15px; margin: 5px 10px; }
    .menu > li:hover .sub { display: none; }
    img.hidden-md { display: none; }
    .logor { min-width: 100px; }
    .mt50 { margin-top: 15px; }
    .fotl h3 { margin: 10px 0; font-size: 30px; }
    .fotr { text-align: left; }
    .menu li { padding: 0 15px; float: left; }
    .yuyan { margin-left: 5%; }
    .h130 { height: 110px; }
    .menu li { padding: 0 5px; }
    .menu li a { padding: 0 5px; }
    .fotl h3 { font-size: 43px; font-family: arial; font-weight: bold; margin: 40px 0 20px 0; }
    .title { min-height: 85px; background: url('../images/probg.png') no-repeat left bottom; }
}

/*992-768以下样式*/
@media (max-width:992px) and (min-width:768px) {
    .menu > li { float: left; padding: 10px; list-style: none; position: relative; }
    .sea { float: right; height: 15px; width: 15px; margin-top: 5px; }
    .search { position: absolute; top: -35px; }
    .menu > li:hover .sub { display: none; }
    img.hidden-md { display: none; }
    .mt50 { margin-top: 15px; }
    .fotl h3 { margin: 0; font-size: 16px; line-height: 2; }
    .fotr { text-align: left; }
    .yuyan { margin-left: 5%; }
    .h130 { height: 110px; }
    .menu li { padding: 0 5px; }
    .nav li a { padding: 0 5px; }
    .title { background: none; }
}
@media (min-width:768px) {
    .sea { margin-top: 5px; }
    .yuyan { margin-top: 5px; min-width: 30px; }
    .h130 { height: 110px; }
}

/*banner middle*/
.callbacks_container div { z-index: 999; width: 80%; left: 10%; color: #fff; }
.callbacks_container div h6 { width: 460px; height: 80px; background: url('../images/banlogo.png') no-repeat center; display: block; margin: 0 auto; }
.callbacks_container div.slidea { top: 20%; animation: slideInDown 1s; }
.callbacks_container div.slidea h2 { font-size: 30px; font-weight: bold; margin: 0; margin-bottom: 20px; }
.callbacks_container div.slidea h3 { text-transform: uppercase; font-size: 19px; font-family: arial; margin: 0; margin-bottom: 40px; }
.callbacks_container div.slidea p { font-size: 20px; line-height: 2;font-weight: bold; }
.callbacks_container div.slidea p { width: 660px; margin: 0 auto; }
.callbacks_container div.slideb { top: 25%; }
.callbacks_container div.slideb h2 { font-size: 30px; font-weight: bold; margin: 0; margin-bottom: 20px; }
.callbacks_container div.slideb h3 { font-size: 22px; font-weight: bold; margin: 0; margin-bottom: 20px; }
.callbacks_container div.slidec { top: 19%; }
.callbacks_container div.slidec h1 { font-size: 26px; font-weight: bold; font-family: arial; width: 820px; text-align: left; margin: 0 auto; margin-bottom: 15px; }
.callbacks_container div.slidec h2 { font-size: 34px; font-weight: bold; font-family: arial; width: 820px; text-align: left; margin: 0 auto; margin-bottom: 15px; }
.callbacks_container div.slidec h3 { font-size: 22px; font-weight: bold; text-align: center; margin-bottom: 15px; }
.callbacks_container div.slidec h4 { font-size: 22px; font-weight: bold; text-align: center; padding-left: 380px; }
.callbacks_container div.slided { top: 25%; }
.callbacks_container div.slided h1 { font-size: 30px; font-weight: bold; font-family: arial; margin: 0; margin-bottom: 20px; }
.callbacks_container div.slided h2 { font-size: 22px; font-weight: bold; margin: 0; margin-bottom: 20px;text-align: left; padding-left: 350px; }
.callbacks_container div.slided h3 { font-size: 22px; font-weight: bold; margin: 0; margin-bottom: 20px;text-align: left;padding-left: 630px; }
.callbacks_container div.slidee { top: 25%; }
.callbacks_container div.slidee h1 { font-size: 30px; font-weight: bold; text-align: center; margin: 0; margin-bottom: 20px; text-transform: uppercase; font-family: arial; }
.callbacks_container div.slidee h2 { font-size: 20px; font-weight: bold; text-align: center; margin: 0; }

/* banner bottom*/
.proban { bottom: 0; z-index: 999; width: 90%; margin: 0 auto; left: 5%; }
.proban li { width: 25%; float: left; height: 190px; background: rgba(0, 157, 223, 0.6); list-style-type: none; border-right: 1px solid #447c9c; padding-top: 30px; padding-left: 20px; padding-right: 20px; color: #fff; }
.proban li img { max-width: 100%; display: inline-block; float: left; margin-right: 10px; }
.proban li h2 { margin: 0; float: left; font-size: 14px; font-weight: bold; margin-bottom: 10px; }
.proban li p { float: left; width: 65%; text-align: left; font-size: 12px; min-height: 50px; }
.proban li a { color: #fff; }
.proban li a.banmore { text-transform: uppercase; border: 1px solid #fff; padding: 5px 18%; float: left; margin-left: 80px; white-space: nowrap; font-size: 12px; margin-top: 20px; border-radius: 15px; }
.proban li:hover { background: rgba(0, 84, 133, .6); }

/*about top*/
.aboutsd { margin-left: -11px; display: block; }
.abouta { margin-top: -30px; }
.abouta img { float: right; max-width: 100%; }
.aboutb { background: url('../images/dh.png') no-repeat left top; padding-left: 4%; }
.aboutb h2 { margin: 0; font-size: 14px; font-weight: bold; line-height: 2; margin-bottom: 20px; }
.aboutb p { margin: 0; font-size: 12px; font-weight: normal; color: #8f8f8f; }
.aboutlm { display: inline-block; margin: 0 auto; margin-left: 10%; }
.aboutlm li { list-style: none; display: inline; }
.aboutlm span { padding: 0 10px; display: inline; }
.abouttop { min-height: 335px; }

/*about bottom*/
.videos { width: 90%; min-height: 375px; display: block; float: right; }
.videos embed { float: right; }
.aboutc span { width: 110px; height: 80px; display: block; float: right; background: #cfcdce; }
.aboutc img { margin-right: 110px; float: right; width: 150px; height: 110px; }
.aboutda { min-height: 230px; padding-bottom: 10px; }
.aboutda h1 { width: 100%; height: 115px; background: #efefef; margin: 0; margin-bottom: 30px; }
.aboutda h4 { width: 100%; height: 115px; background: #efefef; margin: 0; right: -50%; top: 0; }
.aboutm { height: 115px; background: #009ddf url('../images/xx.png') no-repeat center; cursor: pointer; }
.aboutm a{display: block;width: 100%;height: 100%;}
.aboutdb { max-height: 325px; }
.aboutdb h2 { margin: 0; font-size: 14px; color: #000; line-height: 1.8; }
.about-nian:after{display: block;content: "";clear: both;}
.aboutdb p { margin: 10px 0 0 0; color: #777; font-size: 12px; line-height: 2; }
.about-nian{margin-bottom: 10px;}
.about-nian li{float: left;width: 31%;text-align: center;text-align: center; }
.about-nian h2 { margin: 0 auto; font-size: 2.5em; font-weight: normal;  padding-left: 1.2%;height: 100px; line-height: 100px;display: block;width: 100px;border-radius: 50%;position: relative;}
.about-nian h2.aboutsaa{ background: url(../images/aboutsa.png) no-repeat center; }
.about-nian h2.aboutsab{ background: url(../images/aboutsb.png) no-repeat center; }
.about-nian h2.aboutsac{ background: url(../images/aboutsc.png) no-repeat center; }
.about-nian h3 { margin: 0; font-size: 12px; font-weight: bold; margin-top: 10px;margin-bottom: 10px; color: #009ddf; }
.aboutda h3.last { padding-right: 0; }
.hx { margin: 0; display: block; width: 120px; height: 1px; background: #009ddf; }
.aboutdbhx { bottom: 0; left: 0;}

/*首页典型客户*/
.dxkh li{width: 33.334%;border: 0;float: left;}
.dxkh li img{margin: 0;float: none;width: 171px;height:125px;border: 1px solid #eee;}
.dxkh li img{}

/*products*/
.title { margin-bottom: 20px; }
.title h2 { float: left; font-size: 32px; color: #000; font-weight: normal; margin: 0; }
.title h3 { background: #009ddf; width: 80px; height: 1px; float: left; margin: 15px 0 0 20px; }
.promore { text-align: right; margin-top: 20px; font-size: 12px; }
.promore a { text-transform: uppercase; color: #009ddf; }
.products { width: 100%; }
.products li { height: auto; float: left; margin: 0; padding: 0; position: relative; }
.products li img.img100 { width: 100%; }
.products li span { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 999; text-align: center; opacity: 0; background: -moz-linear-gradient(left, #147ebe, #25cbc2); /*Mozilla*/ background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#147ebe), to(#25cbc2)); /*Old gradient for webkit*/ background: -webkit-linear-gradient(left, #147ebe, #25cbc2); /*new gradient for Webkit*/ background: -o-linear-gradient(left, #147ebe, #25cbc2); /*Opera11*/ }
.products li span:hover { opacity: .8; }
.products li span img { margin-top: 15%; }
.products li span h2 { font-size: 14px; margin: 20px 0 10px 0; }
.products li span h3 { font-size: 14px; text-transform: lowercase; margin: 0; }
.products li a { display: block; color: #fff; }

/*case*/
.caseimg { width: 58%; float: left; }
.casetitle { margin: 15px 0; }
.casetitle h2 { margin: 0; font-size: 32px; font-weight: normal; float: left; }
.casetitle h3 { width: 80px; float: right; height: 1px; background: #009ddf; margin: 15px 0 0 20px; }
.casebt { width: 52%; height: 120px; background: url('../images/casett.png') no-repeat right; top: 40px; z-index: 999; right: 5%; }
.casebg { left: 0; top: 90px; z-index: -1; background: url('../images/casebg.jpg') center no-repeat; min-height: 290px; width: 100%; }
.casecont { width: 38%; float: right; color: #fff; margin-top: 60px; }
.casecont h2 { font-size: 16px; font-weight: bold; }
.casecont h2 a { min-width: 145px; background: none; white-space: nowrap; display: inline-block; }
.casecont p { font-size: 13px; line-height: 2; color: #d4d4d4; min-height: 120px; }
.casecont a { background: #009ddf; display: block; width: 140px; height: 35px; text-align: center; line-height: 35px; color: #fff; }

/*news*/
.newsbg { background: #ececec; }
.newstitle { background: url('../images/newstitle.png') no-repeat left bottom; min-width: 260px; min-height: 250px; float: left; padding-left: 70px; }
.newstitle h2 { margin: 60px 0 0 0; text-transform: uppercase; font-size: 57px; font-family: 'impact'; }
.newstitle h2 a { color: #009ddf; }
.newstitle h3 { width: 45px; height: 4px; background: #009ddf; margin: 20px 0 10px 0; }
.newstitle h4 { font-size: 16px; margin: 0; }
.newsfr .sandx { float: right; width: 80px; height: 160px; margin-top: 45px; }
.newsfr .sandx .prev { background: #009ddf url('../images/top.png') no-repeat center; width: 80px; height: 80px; display: block; cursor: pointer; }
.newsfr .sandx .next { background: #fff url('../images/bottom.png') no-repeat center; width: 80px; height: 80px; display: block; cursor: pointer; }
#scrollDiv { height: 250px; overflow: hidden; }
.newsli li { height: 125px; }
.newsli li div { padding: 20px 30px; float: left; height: 100%; }
.newsli li span { display: block; float: right; height: 100%; }
.newsli li a { font-size: 14px; font-weight: bold; margin-bottom: 11px; display: inline-block; }
.newsli li p { color: #8f8f8f; font-size: 12px; line-height: 2; }
.newsli li span b { font-size: 50px; font-weight: bold; text-align: center; display: block; font-family: arial; line-height: 1; margin-top: 25px; color: #000; }
.newsli li span em { font-style: normal; font-size: 14px; font-family: arial; text-align: center; display: block; }
.newsli li.even div { background: #e2e2e2; }
.newsli li.even span { background: #e8e8e8; }
.newsli li.odd div { background: #e8e8e8 }
.newsli li.odd span { background: #e2e2e2 }
.sand { float: right; }

/*foot*/
.fotl h2 { font-size: 16px; margin: 0; text-transform: uppercase; }
.fotl p { color: #8f8f8f; line-height: 2; }
.fotr img { margin-bottom: 8px; }
.fotr p { color: #8f8f8f; line-height: 2; }
.nav .open { border: 0; }
p { margin-bottom: 0; }
.maodian { position: fixed; top:50%; z-index: 999; right: 20px;display: none; }
.maodian a { display: block; background: #009ddf; cursor: pointer; text-align: center; text-transform: capitalize; margin-bottom: 2px; color: #fff; width: 55px; line-height: 2; font-size: 18px; }
.maodian a:hover { background: #888; }

/*content banner*/
.conbanimg { width: 100%; }
.conban { margin-bottom: 10px; }
.conbanimg li img { width: 100%; }
.conbantitle { position: absolute; z-index: 9; width: 100%; text-align: center; top: 30%; color: #fff;}
.conbantitle a { color: #fff; }
.conbantitle h1 { text-align: center; font-weight: bold; font-family: arial; text-transform: uppercase; font-size: 36px; }
.conbantitle h1 em { font-weight: normal; font-style: normal; }
.conbantitle span { white-space: nowrap; }
.conbantitle h2 { display: inline-block; font-size: 14px; margin: 0; }
.conbantitle h3 { display: inline-block; font-size: 14px; margin: 0; }

/*who we are*/
.contitle { text-align: center; margin-top: -50px; }
.contitle h1 { font-size: 40px; font-weight: bold; color: #000; font-family: arial; text-transform: uppercase; margin: 0; }
.contitle h2 { font-size: 14px; margin: 15px 0; margin-left: 8px; }
.contitle h3 { width: 30px; height: 3px; background: #8f8f8f; margin: 0 auto; }
.conaboutl { margin-bottom: 20px; }
.conaboutr h1 { margin: 0; font-size: 16px; font-weight: bold; line-height: 1.8; }
.conaboutr h2 { font-size: 14px; margin: 20px 0 15px 0; font-weight: normal; line-height: 1.8; }
.conaboutr p { font-size: 14px; color: #8f8f8f; font-family: arial; }
.conculture { background: url(../images/culture.jpg) no-repeat center top; }
.conculture .contitle { margin-top: 0px; color: #fff; }
.conculture .contitle h1 { color: #fff; }
.conculture .contitle h3 { background: #fff; }
.culture { margin-top: 15px; }
.culture li { float: left; padding-right: 20px; margin-bottom: 20px; }
.culture li img { float: left; margin-right: 10px; }
.culture li h2 { margin: 10px 0 10px 0; font-size: 14px; font-family: arial; font-weight: bold; text-transform: uppercase; }
.culture li h2 a { color: #fff; }
.culture li p { font-family: arial; font-size: 14px; color: #fff; line-height: 1.8; float: left; width: 65%; }

/*scll*/
.mr_frbox { text-align: center; width: 1295px; margin: auto; margin-top: 20px; }
.mr_frUl { float: left; overflow: hidden; }
.mr_frUl ul li { display: inline; float: left; overflow: hidden; position: relative; padding: 0; margin-right: 15px; width: 285px; }
.mr_frUl ul li img { display: block; width: 285px; }
.mr_frUl ul li h2 { margin: 0; font-size: 14px; background: #f4f4f4; line-height: 50px; }
.mr_frBtnL { cursor: pointer; display: inline; float: left; background: url('../images/left.jpg') no-repeat center; margin: 80px 15px 0 0; }
.mr_frBtnL:hover { background: url('../images/lefth.jpg') no-repeat center; }
.mr_frBtnR { float: right; cursor: pointer; background: url('../images/right.jpg') no-repeat center; margin: 80px 0px 0 0; }
.mr_frBtnR:hover { background: url('../images/righth.jpg') no-repeat center; }
.mr_frbox span { width: 40px; height: 40px; display: inline-block; }
.mr_frbox span:hover { animation: fadeIn 1s; }

/*gkll*/
.togkll{padding-top: 100px;}
.gkllb { background: url('../images/gkll.jpg') no-repeat center top; min-height: 1420px; padding-top: 28%; }
.gkllb .contitle { margin-top: 0px; color: #fff; }
.gkllb .contitle h1 { color: #fff; }
.gkllb .contitle h3 { background: #fff; }

/*content*/
ul.lm li { margin-bottom: 10px; }
.lm li a { border: 1px solid #ccc; display: block; text-align: center; line-height: 3; }
.lm li.cur a,.lm li:hover a{border:1px solid #009ddf;}
.lm li a:hover,.lm li.cur a { background: #009ddf; color: #fff; }
.cont { text-align: center; margin-top: 30px; margin-bottom: 20px;}
.cont h2 { font-size: 24px; font-weight: bold; margin: 10px 0; }
.cont h3 { font-size: 20px; color: #666; margin: 0 0 5px 0; }
.cont h4 { width: 40px; height: 3px; background: #009ddf; margin: 0 auto; }
.con { min-height: 200px; border: 1px solid #ccc; padding: 15px; margin-top: 20px; margin-right: 15px; margin-left: 15px; }
.con table { max-width: 100%; }
.prolistas li { border-bottom: 1px solid #ccc; min-height: 140px; position: relative; }
.prolistas li img { width: 180px; float: left; margin-right: 10px; display: block; }
.prolistas li h2 { font-size: 16px; line-height: 2; }
.prolistas li p { font-size: 14px; color: #999; margin-bottom: 10px; }
.prolistas li a.more { padding: 5px 10px; border: 1px solid #ccc; position: absolute; right: 5px; bottom: 5px; }
.shoujih2 { display: none; }
@media (max-width:767px) {
    .mr_frbox { width: 370px; overflow: hidden; }
    .mr_frUl { width: 300px; }
    .mr_frBtnL { margin-right: 10px; }
    .mr_frbox span { width: 30px; height: 30px; }
    .mr_frBtnR { margin-left: 0; }
    .prolistas li a.more { padding: 5px 10px; border: 1px solid #ccc; position: none; right: none; }
}
@media (min-width:768px) and (max-width:1199px) {
    .mr_frbox { width: 750px; overflow: hidden; }
    .mr_frUl { width: 600px; }
    .mr_frBtnL { margin-right: 40px; }
}

/*culture*/
@media (min-width:768px) {
    .conculture { padding-top: 450px; min-height: 1415px; }
    .conban { min-height: 830px; z-index: -1;}
    .contitle { margin-top: 20px; }
    .h130 { height: 90px; }
    .menu { margin-top: 10px; }
}
@media (max-width:920px) {
    .conban { min-height: 110px; background: none; }
    .pdKeywords, .pdClass, .pdOverview { display: none; }
    .shoujih2 { display: block; font-size: 18px; font-weight: bold; color: #013e7f; margin: 12px 0; text-align: center; }
    .InfoBox .pdTitle h2 { display: none; }
    .right-extra { float: none; width: 362px; margin: 0 auto; }
}
@media (max-width:767px) {
    .h130 { height: 100px; }
    .fotl h3 { margin: 0; line-height: 1.56; font-size: 16px; }
    .fotl p { line-height: 1.56; }
    .con { padding: 5px; }
    .arDate span { font-size: 12px; }
    .imainr_tit h2 { font-size: 18px; }
    .cont h2 { margin: 0; }
    .cont { margin-top: 10px; }
    .conban { min-height: 100px; background: none; }
}
@media (max-width:768px) {
    .aboutb { background: none; }
    .conculture { padding-top: 300px; margin-top: -150px; margin-bottom: 30px; }
    .mt50 { margin-top: 15px; }
    .callbacks_container div h1 { display: none; }
    .callbacks_container div h2 { display: none; }
    .callbacks_container div h3 { display: none; }
    .callbacks_container div h4 { display: none; }
    .callbacks_container div p { display: none; }
    .callbacks_container div h6 { width: 100%; margin: 0; }
    .callbacks_container div span { top: 20%; }
    .conbantitle { top: 50%; }
    .conbantitle { display: none; }
    .menu li { margin-bottom: 10px; }
    .newsr { text-align: left; display: inline; background: none; }
    .newsr h2 { display: none; }
    .contitle { margin-top: 20px; }
    .navbar { margin-bottom: 0px; min-height: 0; }
    .form-horizontal .form-group { margin-left: 0; margin-right: 0; }
}
@media (max-width:360px) {
    .spec-preview { width: 348px; }
}
.animated {
    -webkit-animation-duration:none;
    animation-duration: none;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
}
.con strong img{
    max-width:100%;}
@media (max-width:1024px){
    #slider li div{display: none;}
}

.gray,.gray a{color: #8f8f8f;}