@charset "utf-8";
/* CSS Document */
body{background-color:#fff; overflow-x:hidden; color:#666; font-size:12px; font-family: microsoft yahei , "宋体"; position:relative;}/*网站字体颜色*/
h2,div{margin:0px; padding:0px;}
img{border:0px;}
a{ text-decoration:none;}
a {color: #666; text-decoration: none;}
    /*for ie f6n.net*/
a:focus {outline: none;}
    /*for ff f6n.net*/
a:hover {text-decoration: none;}
.header , .content , .footer , .container{margin-left:auto; margin-right:auto; width:1200px; font-family:microsoft yahei;}
.fw_banner{left:50%; margin-left:-960px; position: relative; height:305px; overflow:hidden; width:1920px; }
.ab_banner{left:50%; margin-left:-960px; position: relative; overflow:hidden; width:1920px; }
ol , ul {list-style:none;}
/*  广告轮播图 */
.banner{ width:1920px;margin: 0 auto; position:relative;height:540px;top:0px;left:50%; margin-left:-960px;}
.banner .bd{ width:1920px; height:540px; overflow:hidden; z-index:0;}
.banner_ctr{ height:90px;position:absolute;top:42%;z-index:2;left:50%;margin-left:-600px;}
.banner_ctr a{ display:block;width:47px;height:79px; background: url(../images/banner_btn.png) no-repeat 0 0; position:absolute; opacity:0;filter: alpha(opacity=0);display:block;}
.banner_ctr a.prev{left:-90px;}
.banner_ctr a.next{right:-1200px; background-position: -47px 0px;}
.banner_ctr a:hover{opacity:0.7;filter:alpha(opacity=70);}
.banner .hd{position:absolute; bottom:20px; text-align: center; z-index:5;left: 50%;font-size: 0; line-height: 0;height: 0px; margin-left:-50px;height:10px;overflow:hidden;}
.banner .hd li{background:#fff; z-index:2; cursor:pointer; margin-right:5px; display:inline-block;width:6px; height:6px;*display:inline; zoom:1; border-radius: 100%;border:2px solid #fff;}
.banner .hd li:hover,.banner .hd .on{background:none;border:2px solid #00bb8a}	
/*顶部导航*/
.topbj{width:100%; height:35px; background-color:#2c2c2c;}
.topbj .toplf{ padding-top:10px;width:50%; height:25px; float:left; color:#DFDFDF;}
.topbj .topmid{ padding-top:10px;width:30%; height:25px; float:left; text-align:right; color:#DFDFDF; font-weight:bold;}
.topbj .toprt{width:20%; height:25px; float:right; text-align:right; padding-top:5px;}
.w1200{width:1200px; margin:0 auto; padding:0px; position:relative;}
/*网站导航*/
.g-wrap {position:relative; margin:0 auto; width:1200px; height:100%; overflow:hidden; }
#header {position:relative; z-index:5; height:79px;}
#logo {position:absolute; top:5px; left:1px; width:350px; height:70px; background:url(../images/logo.jpg) no-repeat 0 0;}
#nav {position:absolute; top:0px; right:0px; z-index:4; height:99%;overflow:hidden;}
#nav li {float:left; height:100%; -webkit-transition:background-color 700ms; transition:background-color 700ms;}
#nav .n1 {width:100px;}
#nav .n2, #nav .n3, #nav .n5, #nav .n6, #nav .n7, #nav .n8 {width:100px;}
#nav .n4 {width:100px;}
#nav li a {position:relative; z-index:2; display:block; width:100%; height:100%; text-decoration:none; font-size:16px; line-height:79px; text-align:center; color:#666; -webkit-transition:color 200ms; transition:color 200ms;}
#nav li a.on {color:#F2F7FD;}
#nav li a span {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;}
#nav li a .bkg {top:100%; z-index:1; background-color:#f00; -webkit-transition:top 200ms; transition:top 200ms;}
#nav li a.on .bkg,
#nav li a:hover .bkg {top:0;}
#shop {position:absolute; bottom:0; right:0; z-index:5;width:80px; height:100%; background:#fff; border-left:1px solid #e5e5e5;}
#shop .btn-lang { margin-top:30px; margin-left:10px; float:left;  width:30px; height:100%; text-align:center; font-weight:bold; font-size:13px; font-weight:normal; color:#666369; }
#shop .btn-lang:hover {color:#ff2424;}

#content { position:relative; overflow:hidden; }
#subNav {position:absolute; top:0; left:0px; z-index:4; width:100%; height:61px; /*overflow: hidden;*/}
#subNav .g-wrap {overflow:visible;}
#subNav .g-wrap .item {position:absolute; top:-100%; width:100%; height:100%; background-color:#4c4a4f; overflow:hidden; -webkit-transition:top 300ms; transition:top 300ms;}
#subNav .g-wrap .canpin {left:700px; padding:0 27px; /*width:835px;*/}
#subNav .g-wrap .about {left:600px; padding:0 27px; /*width:835px;*/}
#subNav .g-wrap .news {left:800px; padding:0 27px; /*width:752px;*/}
#subNav .g-wrap .relation {left:940px; padding:0 5px;/* width:643px;*/}
#subNav .g-wrap .service {left:1100px; padding:0 27px; /*width:573px;*/}


#subNav .g-wrap .on {top:0; z-index: 2;}
#subNav .g-wrap .item a {float:left; padding:0 16px; font-weight:normal; font-size:14px;text-decoration:none; line-height:61px; color:#d2ced5;-webkit-transition:color 300ms; transition:color 300ms;}
#subNav .g-wrap .item a:hover {color:#FFFF99;}
#subNav .g-wrap .item #on {color: #f63b2e;}

/*footer*/
.footer{width: 100%;}
.footerTop{width: 100%; height:300px; overflow:hidden;background: #212d3a;padding-top:30px;padding-bottom:40px;}
.footerTop .footerMenu{width: 100%;height:20px; overflow:hidden;padding-bottom:24px;border-bottom: 1px solid #1c2632;}
.footerTop .footerMenu li{float: left;font-size: 14px;color: #999999;padding:0 19px;border-left: 1px solid #373e46;border-right: 1px solid #666666;}
.footerTop .footerMenu li:first-child{border-left: none;padding-left: 0;}
.footerTop .footerMenu li.last{padding-right: 0;border-right: none;}
.footerTop .footerMenu li a{color: #999999;}
.footerTop .conBox{width: 100%;border-top: 1px solid #2c3946;padding-top: 34px;}
.footerTop .conBox .conL{float: left;}
.footerTop .conBox .conL dl{float: left;background: url(../Images/footer_xian.png) no-repeat left top;height: 176px;padding-left: 20px;}
.footerTop .conBox .conL dt{font-size: 16px;color: #fff;margin-bottom: 20px;}
.footerTop .conBox .conL dd a{display: block;font-size: 14px;color: #999999;margin-bottom: 12px;}
.footerTop .conBox .conL dd p{display: block;font-size: 14px;color: #999999;margin-bottom: 12px;}
.footerTop .conBox .conL dd p span{color: #fff;font-weight: bold;}
.footerTop .conBox .conL dl.dl1{width: 157px;}
.footerTop .conBox .conL dl.dl2{width: 161px;}
.footerTop .conBox .conR{float: right;width: 226px;}
.footerTop .conBox .conR p{float: left;width: 152px;text-align: center;}
.footerTop .conBox .conR p span{display: block;font-size: 13px;color: #999999;margin-top: 7px;}
.footerTop .conBox .conR p:first-child{margin-right: 20px;}

.footerBottom{width: 100%;height: 84px;line-height: 84px;background: #1d2936;}
.footerBottom p{font-size: 13px;color: #999999;text-align: center;}
.footerBottom p a{color: #999999;}

.retop ul{ overflow:hidden;}
.retop li{ float:left; margin-left:10px;}
.retop li img{ display:block;}
.rtTop{ width:43px; height:43px; overflow:hidden; position:fixed; top:85%; right:51%; margin-right:-675px; cursor:pointer;  display:none;}
.rtTop h4{ width:43px; height:43px; overflow:hidden; position:relative;}
.rtTop img{ display:block; position:absolute; top:0; left:0;}

/*翻页*/
.case_page{margin:0 auto; padding:0px; position:relative; width:100%;}
.job-page{padding: 0 10px; line-height: 30px; font-size: 12px;}
.all-page{float: left;}
.all-page span{color:#008cd6;}
.flip-page{float: right;}
.flip-page ul{text-align: center;}
.flip-page li{float:left; margin-left: 5px;  height: 22px; line-height: 22px; border:1px solid #000;}
.flip-page li a{margin: 0; padding: 0; display: block; display: block; padding: 0 5px;}
.flip-page li a:hover{color: #ec6500;}
.flip-page li a.active{color: #ec6500;}
.flip-page li a.default{color: #d7d7d7; cursor:default;}
.now-page{float: right; margin-right: 5px;}
.now-page span{color:#ec6500; padding: 0 5px;}
.page{margin-bottom:10px; padding:5px 5px 8px 8px; width:95%; clear:both;height:28px; font-size:12px; color:#666; text-align: right;line-height: 30px;}