@charset "utf-8";/* reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time{margin:0;padding:0;outline:none}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption{font-weight:normal;font-style:normal}
fieldset,iframe,img{border:none;margin:0;padding:0}
caption,th{text-align:left}
table{border-collapse:collapse;border-spacing:0}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{display:block}
ul,li,ol,dl,dt,dd,i{list-style:none;margin:0;padding:0;font-style:normal}
body,html{width:100%;height:100%}
body{font-family:Gotham, Helvetica Neue, Helvetica, Arial," sans-serif",Verdana, Geneva;font-size:14px;color:#333}
a{color:#0462a0;outline:none;text-decoration:none;transition:color .3s,opacity .3s,transform .3s;-webkit-transition:color .3s,opacity .3s,transform .3s}
a:hover{outline:none;text-decoration:underline}
img{border:0}
.clearfix:after{display:block;content:"";visibility:hidden;clear:both;height:0}
.clearfix{zoom:1}
.fr{float:right}
.cl{clear:both}
.img-wrap{font-size:0}
.img-wrap img{vertical-align:top}
.wrap,.wrapper{height:100%;position:relative;overflow:hidden;min-width:1200px}
.content{position:relative;width:1200px;margin:0 auto}
.banner img{width:100%}
/*index*/
.go-cn{position:absolute;right:40px;top:20px;color:#fff;z-index:99999}
.container{position:absolute;left:50%;margin-left:-600px;width:1200px;z-index:99999;text-align:center}
.logo{font-size:0;margin-top:270px}
.map{display:block;margin:200px auto 0;width:600px;height:50px;line-height:50px;color:#fff;letter-spacing:1px;font-size:20px;background:url(../img/bg-opacity.png) no-repeat;font-family:Arial}
/*index nav*/
.nav{position:absolute;height:298px;right:40px;top:50%;margin-top:-149px;z-index:9999999}
.nav li a{display:block;width:15px;height:33px;line-height:33px;font-size:18px;position:relative;background:url(../img/nav.png) no-repeat center center;text-transform:capitalize}
.nav li a:hover{text-decoration:none;background:url(../img/nav-on.png) no-repeat center center}
.nav li a span{display:none;position:absolute;right:33px;text-align:right;padding-right:33px;color:#ffff00;white-space:nowrap;background:url(../img/line.png) no-repeat right center}
.nav li a:hover span{display:block}
/*bg*/
.small2{transform:scale(0.6,0.6);-webkit-transform:scale(0.6,0.6)}
.small3{transform:scale(0.65,0.65);-webkit-transform:scale(0.65,0.65)}
.small4{transform:scale(0.7,0.7);-webkit-transform:scale(0.7,0.7)}
.small5{transform:scale(0.75,0.75);-webkit-transform:scale(0.75,0.75)}
.small6{transform:scale(0.8,0.8);-webkit-transform:scale(0.8,0.8)}
.small7{transform:scale(0.85,0.85);-webkit-transform:scale(0.85,0.85)}
.small8{transform:scale(0.9,0.9);-webkit-transform:scale(0.9,0.9)}
.small9{transform:scale(0.95,0.95);-webkit-transform:scale(0.95,0.95)}
.product_list{position:relative;height:100%}
.product_box{position:absolute;width:100%;height:100%;top:0;left:-9999px}
.bg_box{position:absolute;width:100%;height:100%;top:0;left:0;background-position:center center;background-repeat:no-repeat}
.bg_main{width:1000px;height:100%;position:absolute;top:0;left:50%;margin-left:-500px;background-position:center center;background-repeat:no-repeat}
.bg_box img{position:absolute;top:50%;left:50%}
.product_box .content{width:1000px;height:100%;position:absolute;top:0;left:50%;margin-left:-500px;z-index:5;transform-origin:center center;-webkit-transform-origin:center center}
.product_list .show{left:0}
wrapper.product_box h2{position:absolute;top:50%;left:50%;background-size:100% 100%}
.product_box h2 span{position:absolute}
.product_box.show h2{animation:tt_effect .6s .3s linear both;-webkit-animation:tt_effect .6s .3s linear both}
.rpt_bg{position:absolute;bottom:0;left:0;width:100%;height:238px;background:url('../img/rpt_bg.png') repeat-x;opacity:0;transition:opacity .3s;-webkit-transition:opacity .3s;z-index:5;left:-9999px}
.rpt_bg.show{opacity:1;left:0}
@keyframes tt_effect{0%{transform:translateY(-20px);opacity:0}100%{transform:translateY(0);opacity:1}}
@-webkit-keyframes tt_effect{0%{-webkit-transform:translateY(-20px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}
/*current*/
.current-box{height:50px;line-height:50px;font-size:14px;color:#666;border-bottom:1px dashed #e3e3e3}
.current-box span,
.current-box a{margin:0 5px}
.current-box a{color:#333}
/*list page*/
.row{zoom:1;padding:0 20px}
.row:after{display:block;content:"";visibility:hidden;clear:both;height:0}
.col-l{float:left;width:300px}
.col-r{float:left;width:820px;margin-left:40px}
.box-shadow{background-color:#fff;box-shadow:0 0 6px 0px rgba(0,0,0,0.3)}
.nav-bar{margin-top:-60px}
.nav-bar li{height:80px;border-top:2px solid #fff;background:#eee;padding-right:20px;font-size:18px}
.nav-bar li a{display:block;line-height:80px;height:80px;padding-left:75px;text-transform:capitalize}
.nav-bar li a.about{font-size:24px}
.nav-bar li.on,
.nav-bar li:hover{background:#3e6ab3}
.nav-bar li.on a,
.nav-bar li:hover a{color:#fff;background:url(../img/arr-r.png) no-repeat right center;text-decoration:none}
.nav-bar li.home{height:120px;background:url(../img/home-bg.png) no-repeat;border-top:0}
.nav-bar li.home a{height:120px;line-height:120px;padding-left:130px;font-size:30px;color:#fff;text-transform:uppercase;background:url(../img/i-home.png) no-repeat 80px center}
.list-page-ht{font-size:30px;color:#3e6ab3;line-height:60px;border-bottom:2px solid #0462a0}
.list-page-ht .t{display:inline-block;line-height:60px;border-bottom:3px solid #0462a0}
.pic-txt-list li{display:inline;float:left;width:100%;margin:15px 0 1px;padding-bottom:21px;border-bottom:1px dashed #bfbfbf}
.pic-txt-list li .pic{float:left;width:240px;height:160px;position:relative}
.pic-txt-list li .pic img{width:240px;height:160px;vertical-align:bottom}
.pic-txt-list li .txt{float:right;width:100%;height:160px;overflow:hidden;margin-left:-260px}
.pic-txt-list li .txt .t,
.pic-txt-list li .txt .date,
.pic-txt-list li .txt .des{color:#888;margin-left:260px;overflow:hidden;line-height:24px;margin-top:10px}
.pic-txt-list li .txt .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pic-txt-list li .txt .des{word-wrap:break-word}
.pic-txt-list li .txt .date{padding-left:20px;background:url(../img/i-date.png) no-repeat left center}
/*page*/
.page-box{position:relative;margin:20px 0}
.pages{margin:20px auto;text-align:center;font-size:12px;color:#8d8d8d}
.pages a{display:inline-block;border:#bfbfbf 1px solid;padding:5px 10px;margin:2px;color:#8d8d8d;text-decoration:none}
.pages span{display:inline-block;padding:5px 10px}
.pages a:hover{border:#0462a0 1px solid;color:#fff;background-color:#0462a0;text-decoration:none}
.pages a:active{border:#0462a0 1px solid;color:#fff;background-color:#0462a0}
.pages span.cur{border:#0462a0 1px solid;padding:5px 10px;font-weight:bold;margin:2px;color:#fff;background-color:#0462a0}
.pages .page-input{width:36px;height:22px;line-height:22px;margin:0 5px;border:1px solid #bfbfbf;text-align:center}
.pages .page-btn{width:36px;height:24px;line-height:24px;margin:0 5px;border:1px solid #bfbfbf;text-align:center;cursor:pointer}
.news-wrap .news-title{font-size:20px;color:#3e6ab3;text-align:center;margin-top:30px}
.news-wrap .news-info{font-size:14px;color:#888;padding:10px;text-align:center}
.news-wrap .news-info span{margin:0 10px}
.news-wrap .news-content{margin:20px auto}
.news-wrap .news-content p{line-height:2}
.news-wrap .news-content img{margin:20px auto;text-align:center;max-width:100%}
.news-footer{background:#e3e3e3;padding:10px 20px}
.news-footer .share{margin-left:400px}
.news-footer .news-tools{float:right;line-height:32px}
.news-footer .news-tools a{margin-left:5px}
.ld-footer{position:relative;padding:20px 0;margin-top:20px;border-top:1px solid #e3e3e3}
.ld-footer .p-n{margin:10px 0;font-size:14px}
.ld-footer .p-n span{font-weight:bold;margin-right:10px}
.ld-footer .p-n a{color:#666}
.btn-blue{display:inline-block;heigth:32px;line-height:32px;background:#0462a0;color:#fff;text-align:center;margin-left:10px;padding:0 20px;border-radius:5px}
.btn-blue:active,
.btn-blue:hover{background:#1270ad}
/*content pic*/
.piccontext{width:820px;height:472px;margin:20px auto;background:#f5f5f5}
.picshow{width:740px;padding:40px;overflow:hidden}
.picshowtop{width:740px;height:300px;text-align:center;position:relative;z-index:1;overflow:hidden}
#pic1{width:740px;height:300px;vertical-align:top}
#preArrow{left:0px}
#nextArrow{right:0px}
.contextDiv{cursor:pointer;height:100%;width:50%;position:absolute;top:0px;z-index:5;background:url("blank") repeat}
.contextDiv span{position:absolute;top:50%;margin-top:-10%;width:46px;height:80px}
#preArrow_A{left:0px;background:url("../img/left.png") 0px 0px no-repeat;display:none}
#nextArrow_A{right:0px;background:url("../img/right.png") 0px 0px no-repeat;display:none}
.picshowtxt{width:740px;min-height:30px;_height:30px;font-size:14px;text-align:center}
.picshowtxt_left{height:30px;line-height:30px}
.picshowtxt_right{position:absolute;bottom:0;width:740px;display:inline;line-height:40px;color:#fff;font-size:14px;background:#000;opacity:0.5;z-index:999}
.picshowlist{width:740px;overflow:hidden}
.picshowlist_mid{float:left;width:740px;display:inline;overflow:hidden;height:80px}
.picmidleft{float:left;width:12px;height:80px;overflow:hidden}
.picmidleft a{display:block;width:12px;height:80px}
.picmidmid{float:left;width:716px;overflow:hidden;height:80px}
.picmidmid ul{width:716px;overflow:hidden;position:relative;height:80px}
.picmidmid ul li{float:left;margin-left:19px;display:inline;width:120px;text-align:center;overflow:hidden;position:relative;height:80px}
.picmidmid ul li img{width:116px;height:76px;border:2px solid #999}
.picmidmid ul li .selectpic{border:2px solid #0462a0}
.picmidright{float:left;width:12px;height:80px;overflow:hidden}
.picmidright a{display:block;width:12px;height:80px}
/*list show*/
.piclistshow{width:998px;overflow:hidden;border-top:1px solid #e4e4e4;margin-top:10px;display:none}
.piclistshow ul li{width:248px;height:274px;float:left;border-bottom:1px solid #e4e4e4;overflow:hidden;border-right:1px solid #e4e4e4;cursor:pointer;padding-top:40px}
.piclistshow .picimg{width:228px;height:160px;overflow:hidden;display:table-cell;vertical-align:middle;text-align:center;padding:0px 10px}
.picimg img{max-width:228px;max-height:160px}
.pictxt{padding:15px 20px 0;line-height:25px;text-align:center;height:80px;overflow:hidden}
.pictxt h3{font-size:14px;font-weight:normal}
/*popups*/
.bodymodal{width:100%;height:100%;overflow:hidden;background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;z-index:1100;position:fixed;top:0px;left:0px;display:none}
.firsttop_left{width:260px;height:250px;overflow:hidden}
.firsttop_right{width:260px;overflow:hidden}
.close2{height:17px}
.close2 a{background:url(../img/close.jpg) 0px 0px no-repeat;width:15px;height:15px;display:block;float:right}
.replay{height:24px;overflow:hidden}
.replay h2{line-height:24px;float:left;font-size:16px}
.replay a{height:24px;float:left;margin-left:15px;display:inline;line-height:24px;padding-right:25px;background:url(../img/replay.png) right no-repeat;color:white;font-size:14px}
.pictwo{width:270px;height:88px;overflow:hidden;margin-top:20px}
.pictwo ul li{width:120px;height:88px;float:left;margin-right:15px;position:relative;overflow:hidden}
.pictwo ul li img{width:120px;height:88px}
.imgdivtext{position:absolute;bottom:0px;height:25px;width:120px;background:rgba(0, 0, 0, 0.6);line-height:25px;text-align:center;left:0px;z-index:4;*background:#000;*filter:alpha(opacity=50)}
.imgdivtext a{color:White;font-size:14px;font-weight:bold}
.imgdivtext a:hover{color:#FF702D;text-decoration:underline}
.returnbtn{margin-top:35px;margin-left:50px}
.returnbtn a{width:115px;height:22px;border:1px solid #ccc;padding:5px 15px;line-height:22px;text-align:center;color:White;font-size:16px;display:block}
.returnbtn a:hover{color:#FF702D;text-decoration:underline;border:1px solid #8d5a00}
.firsttop{width:260px;padding:20px;background:#1c1c1c;position:fixed;top:200px;left:0px;z-index:1200;color:White;display:none}
.endtop{width:260px;padding:20px;background:#1c1c1c;position:fixed;top:200px;left:0px;z-index:1200;color:White;display:none}
/*footer*/
.footer{margin-top:20px;border-top:2px solid #3e6ab3;padding:40px 20px 40px 120px;color:#3e6ab3;background:url(../img/logo-footer.png) no-repeat 20px center;text-transform:capitalize}