.w { margin: 0 auto; width: 1200px; min-width: 1200px; }
.w:before, .w:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.layout:after { content: '\0020'; display: block; height: 0; clear: both; }
.layout { *zoom:1
}
body { padding-top: 36px; }
.top { position: fixed; top: 0; left: 0; width: 100%; display: block; z-index: 9999; }
.top .t { height: 36px; line-height: 36px; background: #fff; }
.top .t .notice { font-size: 12px; color: #333; }
.top .t .lug { height: 36px; overflow: hidden; }
.top .t .lug a { font-size: 12px; color: #666; padding: 0 5px; }
.top .t .lug a:hover, .top .t .lug a.active { color: #cc0000; }
.top .t .tel { background: url(../images/tel.png) left center no-repeat; padding-left: 26px; font-size: 18px; color: #0a8ad6; margin-right: 15px; }
.top .header { background: rgba(0,0,0,.7); height: 90px; display: block; padding: 0; }
.top .header .logo { }
.top .header .nav { }
.top .header .nav li { float: left; height: 90px; line-height: 90px; }
.top .header .nav li a { padding: 0 15px; color: #fff; font-size: 16px; }
.top .header .nav li a:hover, .top .header .nav li.active a { color: #3fbcec; }
/* 本例子css */
.slideBox { width: 100%; height: 750px; overflow: hidden; position: relative; min-width: 1200px; }
.slideBox .bd { position: relative; height: 100%; z-index: 0; }
.slideBox .bd li { zoom: 1; vertical-align: middle; width: 100%; height: 750px; display: block; }
.slideBox .bd li a { width: 100%; height: 100%; display: block; }
.slideBox .hd { width: 100%; height: 100px; overflow: hidden; position: absolute; right: 0px; bottom: 0px; z-index: 1; background: rgba(0,0,0,.1); }
.slideBox .hd ul { overflow: hidden; zoom: 1; text-align: center; padding-top: 25px; }
.slideBox .hd ul li { width: 131px; height: 52px; text-align: center; cursor: pointer; display: inline-block; margin: 0 13px; padding: 2px; }
.slideBox .hd ul li img { border-radius: 5px; }
.slideBox .hd ul li.on { border: 2px solid #fff; padding: 0; border-radius: 5px; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev { position: absolute; left: 3%; top: 50%; margin-top: -19px; display: block; width: 37px; height: 37px; background: url(../images/left.png) center center rgba(0,0,0,0.3) no-repeat; border-radius: 19px; }
.slideBox .prev:hover { background: url(../images/left.png) center center rgba(0,0,0,0.7) no-repeat; }
.slideBox .next { position: absolute; right: 3%; top: 50%; margin-top: -19px; display: block; width: 37px; height: 37px; background: url(../images/right.png) center center rgba(0,0,0,0.3) no-repeat; border-radius: 19px; }
.slideBox .next:hover { background: url(../images/right.png) center center rgba(0,0,0,0.7) no-repeat; }
.link { height: 155px; padding-top: 50px; }
.link a { display: block; float: left; padding-left: 104px; height: 90px; width: 120px; margin-left: 20px; }
.link a.l1 { background: url(../images/l1.png) left center no-repeat; margin-left: 0px; }
.link a.l2 { background: url(../images/l2.png) left center no-repeat; }
.link a.l3 { background: url(../images/l3.png) left center no-repeat; }
.link a.l4 { background: url(../images/l4.png) left center no-repeat; }
.link a.l5 { background: url(../images/l5.png) left center no-repeat; }
.link a .tit { font-size: 18px; color: #333; line-height: 30px; margin-top: 20px; }
.link a .en { color: #999; }
.link a:hover .tit, .link a:hover .en { color: #cc0000; }
.shili { width: 100%; min-width: 1200px; background: url(../images/bg1.jpg) center center no-repeat; height: 420px; }
.shili .head { text-align: center; }
.shili .head .en { font-size: 30px; color: #0a8ad6; height: 35px; line-height: 35px; padding-top: 40px; }
.shili .head .tit { font-size: 20px; color: #333; font-weight: bold; }
.shili .show { height: 290px; background: #fff; margin-top: 26px; padding-top: 35px;}
.shili .show .bd{margin-left: 20px;overflow: hidden; }
.shili .show ul { }
.shili .show li { float: left; margin: 0 10px; }
.shili .show li a { display: block; }
.shili .show li .pic { position: relative; width: 270px; height: 180px; overflow: hidden; }
.shili .show li .pic .more { width: 100%; height: 100%; position: absolute; left: 0; top: 0; text-align: center; background: url(../images/more.png) 119px 55px rgba(10,138,214,.8) no-repeat; display: none; }
.shili .show li .pic .more span { color: #fff; margin-top: 100px; display: block; padding-left: 15px; }
.shili .show li .tit { text-align: center; height: 66px; line-height: 66px; font-size: 16px; color: #333333; }
.shili .show li a:hover .pic .more { display: block; }
.shili .show li a:hover .tit { color: #cc0000; }
.product { }
.product .head { height: 130px; background: url(../images/xian.png) center center repeat-x; text-align: center; margin-top: 45px; display: block; }
.product .head .title { text-align: center; color: #0a8ad6; display: inline-block; background: #fff; padding: 0 60px; padding-top: 35px; }
.product .head .title .en { font-size: 30px; }
.product .head .title .tit { font-size: 20px; font-weight: bold; color: #333;}
/* 本例子css */
.picScroll-left { width: 1200px; position: relative; padding-bottom: 75px; }
.picScroll-left .prev { width: 39px; height: 39px; display: block; background: url(../images/left.png) center center #333333 no-repeat; position: absolute; top: 50%; margin-top: -60px; left: -39px; }
.picScroll-left .prev:hover { background: url(../images/left.png) center center #cc0000 no-repeat; }
.picScroll-left .next { width: 39px; height: 39px; display: block; background: url(../images/right.png) center center #333333 no-repeat; position: absolute; top: 50%; margin-top: -60px; right: -39px; }
.picScroll-left .next:hover { background: url(../images/right.png) center center #cc0000 no-repeat; }
.picScroll-left .bd { overflow: hidden; width: 1200px; }
.picScroll-left .bd ul { overflow: hidden; zoom: 1; }
.picScroll-left .bd ul li { width: 260px; height: 189px; border: 1px solid #dcdcdc; float: left; overflow: hidden; text-align: center; margin-right: 24px; padding: 10px; }
.picScroll-left .bd ul li .pic { text-align: center; position: relative; width: 350px; height: 254px; overflow: hidden; }
.picScroll-left .bd ul li .pic img { display: block; width: 260px; }
.picScroll-left .bd ul li .pic .more { width: 260px; height: 189px; position: absolute; left: 0; top: 0; text-align: center; background: url(../images/more.png) center 75px  rgba(10,138,214,.8) no-repeat; display: none; }
.picScroll-left .bd ul li .pic .more span { color: #fff; margin-top: 130px; display: block; padding-left: 12px; }
.picScroll-left .bd ul li a:hover .pic .more { display: block; }
.picScroll-left .bd ul li .title { line-height: 51px; height: 51px; font-size: 16px; color: #333333; }
.picScroll-left .bd ul li .mo { width: 112px; height: 29px; line-height: 29px; text-align: center; color: #fff; background: #999; margin: 0 auto; }
.picScroll-left .bd ul li a:hover .mo { background: #333; }
.box { background: #f7f7f7; padding-top: 24px; padding-bottom: 75px; }
.box .head { height: 106px; background: url(../images/xian.png) center center repeat-x; width: 100%; }
.box .head .title { color: #0a8ad6; display: inline-block; background: #f7f7f7; margin-top: 15px; padding-right: 15px; }
.box .head .title .en { font-size: 30px; }
.box .head .title .tit { font-size: 20px; font-weight: bold; color: #333; }
.box .head .more { float: right; width: 125px; height: 30px; line-height: 30px; text-align: center; background: #0a8ad6; color: #fff; border-radius: 3px; margin-top: 38px; }
.news { width: 750px; }
.news .le { width: 300px; }
.news .le .pic { width: 300px; height: 190px; overflow: hidden; }
.news .le .pic a { display: block; }
.news .le .text { padding-top: 15px; }
.news .le .text .time { }
.news .le .text .time .d { font-size: 40px; color: #000; line-height: 1; }
.news .le .text .time .ym { font-size: 12px; color: #000; line-height: 1; }
.news .le .text .txt { width: 240px; }
.news .le .text .txt .tit { font-size: 16px; color: #000; }
.news .le .text .txt .tit a { color: #000; }
.news .le .text .txt .tit a:hover { color: #cc0000; }
.news .le .text .txt .t { font-size: 12px; padding-top: 10px; }
.news .ri { width: 390px; }
.news .ri li { height: 40px; line-height: 40px; text-align: right; }
.news .ri li a { padding-left: 23px; background: url(../images/ico.png) left center no-repeat; color: #000; float: left; }
.news .ri li span { font-size: 12px; color: #999; }
.news .ri li a:hover { color: #cc0000; }
.mess { width: 320px; }
.mess .fo { }
.mess .fo input { width: 278px; height: 38px; padding: 0 20px; border: 1px solid #ececec; background: #fff; margin-bottom: 10px; }
.mess .fo textarea { padding: 10px 20px; border: 1px solid #ececec; width: 278px; height: 97px; resize: none }
.mess .fo #btn { height: 46px; line-height: 46px; text-align: center; color: #fff; background: #cc0000; display: block; margin-top: 10px; }
.about { padding-top: 65px; padding-bottom: 85px; }
.about .head { text-align: center; background: url(../images/xian.png) center center repeat-x; }
.about .head .title { padding: 0 25px; background: #fff; display: inline-block; }
.about .head .en { font-size: 30px; color: #0a8ad6; height: 35px; line-height: 35px; }
.about .head .tit { font-size: 20px; color: #333; font-weight: bold; }
.about .show { padding-top: 45px; }
.about .show .pic { width: 494px; height: 254px; display: block; }
.about .show .text { width: 640px; }
.about .show .text .title { color: #0a8ad6; font-size: 16px; border-bottom: 1px solid #dedede; padding-bottom: 13px; font-weight: bold; }
.about .show .text .tit { height: 40px; line-height: 40px; font-size: 16px; color: #000; }
.about .show .text .txt { line-height: 25px; color: #666666; }
.about .show .text .more { width: 125px; height: 30px; line-height: 30px; text-align: center; display: block; color: #fff; background: #333333; border-radius: 3px; margin-top: 10px; }
.footer { background: #333333; color: #fff; }
.footer .foot { padding-top: 40px; padding-bottom: 25px; }
.footer .foot .le { width: 700px; }
.footer .foot .le .head { padding-bottom: 10px; }
.footer .foot .le .head .en { font-size: 30px; }
.footer .foot .le .head .tit { font-size: 20px; }
.footer .foot .le .show { padding-top: 15px; }
.footer .foot .le .show li { float: left; line-height: 30px; width: 350px; font-size: 12px; }
.footer .foot .ri { text-align: right; padding-top: 35px; }
.footer .foot .ri .pic { display: inline-block; text-align: center; margin-left: 48px; }
.footer .bot { height: 58px; line-height: 58px; border-top: 1px solid #5c5c5c; }
.footer .bot .le { }
.footer .bot .le a { font-size: 12px; color: #fff; padding: 0 8px; }
.footer .bot .le a:first-child { padding-left: 0; }
.footer .bot .le a:hover { text-decoration: underline; }
.footer .bot .ri { font-size: 12px; color: #fff; }
.banner { width: 100%; min-width: 1200px; height: 460px; display: block; }
.catname { height: 168px; display: block; background: url(../images/xian.png) center center repeat-x; text-align: center; }
.catname .title { display: inline-block; height: 168px; background: #fff; padding: 0 50px; }
.catname .en { font-size: 30px; color: #cc0000; padding-top: 50px; }
.catname .tit { font-size: 20px; color: #000000; font-weight: bold; }
.main .le { width: 200px; }
.main .le .head { font-size: 20px; color: #fff; background: url(../images/ico2.png) 15px center #0a8ad6 no-repeat; height: 50px; line-height: 50px; padding-left: 50px; }
.main .le .cat { }
.main .le .cat .list { margin-top: 6px; }
.main .le .cat .list a { display: block; margin-bottom: 4px; text-align: center; height: 40px; line-height: 40px; background: #ebebeb; color: #333; }
.main .le .cat .list a.active, .main .le .cat .list a:hover { background: url(../images/right.png) 20px center #666666 no-repeat; color: #fff; }
.main .le .con { margin-top: 30px; }
.main .le .con .show { line-height: 30px; font-size: 12px; padding-left: 3px; padding-top: 15px; padding-bottom: 18px; }
.main .le .con .bot { width: 100%; height: 6px; display: block; background: url(../images/xian.png) center center repeat-x; }
.main .le .pic { padding: 27px 0; }
.main .le .pic a { display: block; margin-bottom: 14px; }
.main .ri { width: 950px; padding-bottom: 90px; }
.single { }
.single .head { border-bottom: 1px solid #dddddd; padding-bottom: 8px; margin-bottom: 30px; }
.single .head .title { font-size: 20px; color: #000000; }
.single .head .time { font-size: 12px; color: #666; height: 30px; line-height: 30px; }
.single .show { font-size: 16px; color: #333; line-height: 1.8; }
.single .show table, .single .show img { max-width: 100%; }
.pager { border-top: 1px solid #dddddd; margin-top: 45px; padding: 20px 0; color: #333; }
.pager a { height: 35px; line-height: 35px; color: #333; }
.pager a:hover { color: #cc0000; text-decoration: underline; }
.news_list { }
.news_list ul { padding-bottom: 40px; }
.news_list li { height: 50px; line-height: 50px; border-bottom: 1px solid #dddddd; text-align: right; }
.news_list li a { float: left; padding-left: 25px; background: url(../images/ico.png) left center no-repeat; color: #000; }
.news_list li a:hover { color: #0a8ad6; }
.news_list li span { font-size: 12px; color: #999; }
.pages { text-align: center; }
.pages a { width: 40px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #cccccc; background: #fff; display: inline-block; margin: 0 3px; color: #333; }
.pages a.selected, .pages a:hover { color: #fff; background: #0a8ad6; border: 1px solid #0a8ad6; }
.pages .prev, .pages .next { margin: 0 10px; background: #dfdfdf; border: 1px solid #dfdfdf; }
.photo { }
.photo ul { padding-bottom: 12px; }
.photo ul li { float: left; width: 298px; height: 308px; border: 1px solid #dcdcdc; text-align: center; margin-left: 25px; margin-bottom: 38px; }
.photo ul li.one { margin-left: 0; }
.photo ul li a { display: block; }
.photo ul li .pic { width: 280px; height: 203px; margin: 0 auto; position: relative; margin-top: 10px; }
.photo ul li .pic .more { width: 100%; height: 100%; background: url(../images/more.png) center 69px rgba(10,138,214,.8) no-repeat; position: absolute; left: 0; top: 0; display: none; text-align: center; }
.photo ul li .pic .more span { margin-top: 117px; display: inline-block; color: #fff; padding-left: 15px; }
.photo ul li .title { height: 47px; line-height: 47px; font-size: 16px; color: #333; }
.photo ul li .mo { width: 112px; height: 29px; line-height: 29px; text-align: center; display: inline-block; background: #999999; color: #fff; }
.photo ul li a:hover .pic .more { display: block; }
.photo ul li a:hover .mo { background: #333; }
.line { width: 100%; height: 6px; display: block; background: url(../images/xian.png) center center repeat-x; }
/* 在线留言 */
.message{padding-left:190px;}
.message .group { margin: .5em 0; }
.message label { display: block; margin-bottom: .3em; }
.message .required:after { content: " *"; color: #C00; }
.message input[type="text"],.message input[type="email"],.message input[type="url"],.message input[type="password"],.message textarea { padding: 6px; border: 1px solid #cccccc; border-radius: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.message textarea { resize: vertical; }
.message input[type="text"]:focus,.message input[type="email"]:focus,.message input[type="url"]:focus,.message input[type="password"]:focus,.message textarea:focus { border-color: #66afe9; outline: 0; }
.message .btn { display: inline-block; padding: 6px 12px; text-align: center; cursor: pointer; border: 1px solid transparent; border-radius: 2px; color: #fff; background-color: #0a8ad6; border-color: #0a8ad6;outline:none;margin-top:20px; }
.index-nav{text-align:center;padding-bottom:26px;}
.index-nav a{display:inline-block;height:33px;line-height:33px;padding:0 20px;border:1px solid #bfbfbf;font-size:16px;color:#000;margin:0 6px;}
.index-nav a:hover{border:1px solid #0a8ad6;background:#0a8ad6;color:#fff;}