@charset "UTF-8";
*html,*html body{background-image:url(img/blank.gif);background-attachment:fixed;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,dl,dt,dd{padding: 0;margin: 0;}
body{ font:16px/1.5 "Microsoft YaHei",Arial, sans-serif;background:#222b2f url(img/bg.jpg) no-repeat 0 0;}
table {border-collapse:collapse;border-spacing: 0;}
fieldset,img,button{border: 0px;}
address,caption,cite,code,dfn,em,var {font-weight: normal;font-style: normal;}
ol,ul ,dl{list-style: none;}
caption{text-align: left;}
h1,h2,h3,h4,h5,h6 {font-weight: bold;font-size: 100%;}
img {vertical-align:top; }
input,button{vertical-align:middle;}
button{cursor:pointer;}
.clearfix:after {
		content:".";
		clear:both;
		display:block;
		height:0;		
		visibility:hidden;
}
.clearfix{display:inline-block; }
.clearfix {display:block;}
.clear{clear:both;}
/*--------------------*/
a,a:link{color:#1788af; text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
a:visited{}
a:hover{color:#f60;}
a:active{}
.fl{float:left; }
.fr{float:right; }
/* // ----alpha---- // */
#alpha{position:absolute;z-index:998;left:0;top:0;width:100%;background:none repeat scroll 0 0 #333333;filter:alpha(opacity=80);opacity:0.8; display:none;}




.container{ width:100%; height:721px; position:relative; overflow:hidden}

.topNav{ position:absolute; left:50%; top:0px; margin-left:250px; z-index:10}
.topNav .c{ position:relative; z-index:10}
.topNav .c .b{width:204px; height:28px; background:url(img/topNav.png) no-repeat 0 0; padding:0 20px; z-index:10;_background: none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='corp', src='css/img/topNav.png');}
.topNav .c a{ width:66px; height:30px; line-height:28px; color:#7e3211; display:inline-block;  overflow:hidden; background:url(img/l.png) no-repeat 0 0; text-align:center; position:relative}
.topNav .c a:hover{ color:#fe470a}
.topNav .c .a0{ background:none}
.topNav .u{width:81px; height:280px; position:absolute; top:28px; left:150px; top:-215px; z-index:1;}
.topNav ul{ padding-top:6px; width:81px; height:280px; background: url(img/topLis.png) no-repeat 0 0; _background: none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='corp', src='css/img/topLis.png');}
.topNav ul li{ height:20px; line-height:20px; padding:0 0 0 6px;}
.topNav ul li a{background:url(img/lc2.gif) no-repeat 3px center; height:20px; line-height:20px;color:#6b1c00;text-indent:0; padding-left:10px; position:relative}
.topNav ul li a:hover{ background:url(img/lc2.gif) no-repeat 3px center; color:#e34000}

.logo{ background:url(img/logo.png) no-repeat; _background: none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='corp', src='css/img/logo.png');width:319px; height:48px; position:absolute; top:25px; left:-298px; z-index:12;}
.logo a{ display: block; width: 100%; height: 100%;}



.nav{ position:absolute; left:50%; top:0; margin:0 0 0 -960px; width:1920px; height:64px; z-index:11}
.nav .l{ width:459px; height:64px; float:left; position: relative;}
.nav .l .logo{background:url(img/logo.png) no-repeat; _background: none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='corp', src='css/img/logo.png');width:319px; height:48px; position:absolute; top:25px; left:161px;  z-index:12;}
.nav .c{ width:1002px; height:64px; float:left; position:relative}
.nav .c .b{ width:898px; height:64px;background:url(img/nc-off.png) no-repeat;_background: none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='corp', src='css/img/nc-off.png'); margin-left:278px; position: relative;}
.nav .c .b a,.nav .c .b span{ display:block; width:90px; height:64px; float:left; margin-right:72px; text-indent:-999em; overflow:hidden; position:relative}
.nav .c .b a.cur,.nav .c .b a:hover{background-image:url(img/nc-on.png);}
.nav .c .b span.on{background-image:url(img/nc-on.png);}
.nav .c .b a.a0{ background: none; width: 0; margin-right: 0;}
.nav .c .b a.a1{ background-position:0 0}
.nav .c .b a.a2{ background-position:-162px 0; margin-right:68px;}
.nav .c .b a.a3{ background-position:-320px 0; margin-right:70px;}
.nav .c .b a.a4{ background-position:-480px 0; margin-right:71px;}
.nav .c .b a.a5{ background-position:-641px 0; margin-right:0;}
.nav .c .b span.a4{ background-position:-480px 0; margin-right:71px;}
.nav .c .b span.a5{ background-position:-641px 0; margin-right:0;}

.nav .r{ width:459px; height:64px; float:left; }
.nav .c .i{ width:346px; height:140px; position:absolute; display:block; text-indent:0; left:30px; top:2px; z-index:9}

.allBtn .t-layer{ display:none; position:absolute;  width:280px; height:104px; top:76px; right:158px;}
.allBtn .t-layer font{display:block; width:100%; line-height:115px; text-align:center; font-size:18px; font-family:"Microsoft Yahei",Arial,Helvetica,sans-serif; color:#fff;  white-space:nowrap;}
.allBtn .t1{ background:url(img/t1.png) no-repeat 0 0; }
.allBtn .t2{ background:url(img/t2.png) no-repeat 0 0; }


.fla1{ width:1000px; height:721px; position:absolute; top:0px; left:0px; z-index:9;overflow:hidden}
.fla2{ width:1000px; height:721px; overflow:hidden}

.moSroll{ position:absolute; left:0px; top:0px; height:721px; z-index:1}

.main{ width:100%; height:721px; position:relative; float:left; overflow:hidden}
.box{ width: 1002px; height: 721px; margin: 0 auto; position: relative;}
.main img{ display: block; border: 0;}
.pic1{ width:478px; height: 150px; position: absolute; top: 171px; left: 79px; z-index: 0;}
.pic2{ width:375px; height: 150px; position: absolute; top: 171px; right: 60px; z-index: 2;}
.pic3{ width:722px; height: 411px; position: absolute; top: 261px; left: 152px; z-index: 1;}
.pic4{ width:375px; height: 28px; position: absolute; bottom: 15px; left: 315px; z-index: 0;}
.pic5{ width:265px; height: 102px; position: absolute; top: 149px; left: -84px; z-index: 1;}
.pic6{ width:664px; height: 460px; position: absolute; top: 221px; left: -59px; z-index: 0;}
.pic7{ width:331px; height: 446px; position: absolute; top: 213px; left: 121px; z-index: 1;}
.pic8{ width:387px; height: 48px; position: absolute; top: 266px; right: -42px; z-index: 1;}
.pic9{ width:378px; height: 84px; position: absolute; top: 149px; left: -81px; z-index: 1;}
.pic10{ width:173px; height: 81px; position: absolute; top: 149px; right: -73px; z-index: 1;}
.pic11{ width:403px; height: 89px; position: absolute; top: 143px; left: 50%; margin-left: -201px; z-index: 0;}
.pic13{ margin: 0 86px 0 109px;}
.pic15{ width:244px; height: 82px; position: absolute; top: 169px; left: 379px; z-index: 0;}
.arrow{width:32px; height: 20px; position: absolute; bottom: 0px; left: 50%; margin-left: -16px; z-index: 0; cursor: pointer;}

.box .txt{ width: 440px; position: absolute; right: -75px; top: 355px;}
.box .txt p{ display: block; color: #fff; font-size: 12px; font-weight: bold; line-height: 26px; padding-bottom: 20px;}
.box .txt a{ display: block; width: 100%; color: #b6b6b6; font-weight: bold; text-align: right;}
.box .txt a:link,.box .txt a:visited{color: #b6b6b6; text-decoration: none;}
.box .txt a:hover{color: #fc0;}

.box .r{ width:1126px; height: 368px; position: absolute; top: 283px; left: -70px;}
.box .r img{ float: left; width: 310px; height: 368px;}

.box .ptxt{ width: 100%; padding-top: 300px; text-align: center;}
.box .ptxt p{display: block; text-align: center; font-size: 14px; color: #fff;}
.box .ptxt strong{display: block; text-align: center; white-space: nowrap; font-size: 14px; padding: 3% 0 2%; color: #fff;}
.box .ptxt font{ display: inline-block; *display: inline; *zoom:1; vertical-align: middle;}
.box .ptxt strong var{ display: inline-block; *display: inline; *zoom:1; vertical-align: middle; font-style: normal; font-weight: normal; margin: 0 1%;}
.box .ptxt span{ display: inline-block; *display: inline; *zoom:1; vertical-align: middle; font-size: 2em; margin:0.2em 1%; color: #ffcc00; }
.box .ptxt a,.box .ptxt font{ display: inline-block; *display: inline; *zoom:1; vertical-align: middle; white-space: nowrap; font-size: 15px; color: #fff; text-decoration:none;}
.box .sub-btn{ width: 710px; height: 174px; margin: 45px auto 0; background:url(img/sub-btn.png) no-repeat center 0;}
.box .sub-btn a{ display: block; width: 388px; height: 140px; margin: 0 auto; overflow:hidden; text-indent: -999em; cursor: pointer;}

.subWrap{width:1002px; margin: 0 auto; height: 721px; position: relative;}
.subScroll{ width: 100%; position: absolute; top: 0; left: 0;}

.box .i-row{ text-align: center;}
.box .i-row a,.box .i-row span,.box .i-row font{ display: inline-block; *display: inline; *zoom:1; vertical-align: middle;}
.box .i-row a,.box .i-row font{ width: 250px;}
.box .i-row span{ width: 32px; text-align: center;}
.box .i-row .f1{ text-align: right;}
.box .i-row .f2{ text-align: left;}
#footer{margin:25px auto 0; height:79px; clear:both;}
.copy{height:79px; line-height: 79px;}
.copy p{ text-align:center;color:#979797;line-height:79px;}
.copy p a{color:#7d6662}
.copy p a:hover{color:#fff}
.copy p span{ font-family:Arial;}



.jqlouds-clouds{ top: 250px; left: 0; z-index: 0;}

.imgSlide{width: 1156px; overflow: hidden; height: 432px; padding-top:263px; margin-left:-78px;}
.imgSlide ul li{list-style: none; float: left; }
.accordion{width: 1156px; overflow: hidden; height: 432px; margin:0 auto; }
.accordion ul li{background-repeat: no-repeat; float: left; width: 132px; height: 432px; cursor: default; }
.accordion ul li.active{width: 624px; }
.accordion ul .item1{background-image: url(img/pic-01.jpg); }
.accordion ul .item2{background-image: url(img/pic-02.jpg); }
.accordion ul .item3{background-image: url(img/pic-03.jpg); }
.accordion ul .item4{background-image: url(img/pic-04.jpg); }
.accordion ul .item5{background-image: url(img/pic-05.jpg); }
.accordion ul li a{display: block; width: 132px; height: 432px; cursor: default; }
.accordion ul .item1 a{background: #ffcc00 url(img/thum-01.png) no-repeat 0 center; }
.accordion ul .item2 a{background:#16c8f7 url(img/thum-02.png) no-repeat 0 center; }
.accordion ul .item3 a{background:#452c94 url(img/thum-03.png) no-repeat 0 center; }
.accordion ul .item4 a{background:#9ad262 url(img/thum-04.png) no-repeat 0 center; }
.accordion ul .item5 a{background:#f0990e url(img/thum-05.png) no-repeat 0 center; }



.share { position:absolute; top:33px; right:110px;  font-size: 14px; color: #647b98; white-space: nowrap; z-index: 9999; }
.share-box span,.share-box .share-wx,.share-box #music,.share-box .share-qq,.share-box .share-zone,.share-box .share-sina { float: left; margin:0 16px 0 0; line-height: 30px; }
.share-box span { display: block; width: 65px; text-align: left; line-height: 31px; margin: 0 0 5px -7px;}
.share-box .share-wx {width: 37px; height: 33px; position: relative; }
.share-box .share-wx .wx-layer {width: 351px; *width: 370px; _width: 370px; height: 127px; padding: 8px; background: #2b323f; border: 2px solid #091524; position: absolute; top: 35px; left: -345px; }
.share-box .share-wx .wx-layer .wx {float: left; width: 126px; height: 126px; }
.share-box .share-wx .wx-layer .wx img {display: block; border: 0; width: 126px; height: 126px; }
.share-box .share-wx .wx-layer p {float: left; width: 200px; padding: 22px 0 0 10px; line-height: 23px; }
.share-box .share-wx .wx-layer p font{ font-weight: 14px;}
.share-box .share-wx .wx-layer p strong {display: block; color: #8d9eb3; font-size: 18px; padding-bottom: 10px; }
.share-box a,.share-box a:link,.share-box a:visited { color: #647b98; text-decoration: none; }
.share-box a:hover {color: #cead83; }
.share-box .share-wx a {display: block; cursor: pointer; }
.share-box .share-wx a i {display: block; width: 37px; height: 37px; margin-right: 8px; background: url(img/wx.png) no-repeat 0 0; }
.share-box .share-wx a:hover i {background: url(img/wx.png) no-repeat 0 -40px;}
.share-box .share-qq a {display: block; height: 30px; cursor: pointer; }
.share-box .share-qq a i {display: block; vertical-align: middle; width: 30px; height: 30px; margin-bottom: 8px; background: url(img/wx.png) no-repeat -93px 0; }
.share-box .share-qq a:hover i {background: url(img/wx.png) no-repeat -93px -40px; }
.share-box .share-qq,.share-box .share-zone,.share-box .share-sina {width: 35px; height: 33px; position: relative; }
.share-box .share-zone a i{display: block; width: 30px; height: 30px; background: url(img/wx.png) no-repeat -262px 0; margin-right: 8px; }
.share-box .share-zone a:hover i {background: url(img/wx.png) no-repeat -262px -40px; }
.share-box .share-sina a {display: block; width: 35px; height: 30px; cursor: pointer; }
.share-box .share-sina a i {display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 37px; height: 33px; margin-right: 8px; background: url(img/wx.png) no-repeat -201px 0; }
.share-box .share-sina a:hover i {background: url(img/wx.png) no-repeat -201px -40px; }




.popLayer #t-form{ width:1064px; height:595px; margin: 120px auto 0; background:#f2f2f2; border-radius: 10px; -webkit-border-radius: 10px; }
.popLayer a.close{ background:url(img/blank.gif) no-repeat; width:71px; height:74px; position:absolute; right:-69px; top:-23px; text-align:center;}
.popLayer a.close img{ margin-top:16px;}
.popLayer .pop-box{ padding: 15px;}
.popLayer .pop-box h3{ display: block; width: 1026px; height: 120px; background:url(img/pop-th.png) no-repeat; overflow: hidden; margin: 0 auto;}
.popLayer .pop-box h3 span{ display: block; width: 526px; height: 65px; margin: 28px 0 0 33px; overflow: hidden; text-indent: -999em;}
.popLayer .pop-box h3 span.th1{background:url(img/p-th01.png) no-repeat;}
.popLayer .pop-box .con{ width: 950px; margin:25px auto 0;}
.popLayer .pop-box .field:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.popLayer .pop-box .field{display:inline-block;}
.popLayer .pop-box .field{display:block; margin-bottom: 15px;}
.popLayer .pop-box .field .fh{ float: left; width: 305px; line-height: 45px; font-size: 18px; color: #5c5b5b; font-weight: bold;}
.popLayer .pop-box .field .ft{ float: left; width: 575px; position: relative;}

.popLayer .pop-box .field .fh var{ display: inline-block; *display: inline; *zoom:1; vertical-align: middle; width: 45px; height: 45px; text-indent: -999em; margin-right: 10px; background-image: url(img/th.png);}
.popLayer .pop-box .field .fh var.v1{ background-position: 0 0;}
.popLayer .pop-box .field .fh var.v2{ background-position: 0 -72px;}
.popLayer .pop-box .field .fh var.v3{ background-position: 0 -143px;}
.popLayer .pop-box .field .fh var.v4{ background-position: 0 -215px;}
.popLayer .pop-box .field .fh var.v5{ background-position: 0 -311px;}
.popLayer .pop-box .field .fh var.no{  background: none;}
.popLayer .pop-box .field .textbox{ border:0;  width:460px; height: 37px; line-height: 37px; padding: 0 5px; margin: 2px 0 0; background: #dcdcdc; }
.popLayer .pop-box .field .ft span{ float: left; width: 80px; line-height: 45px; font-size: 16px; font-weight: bold; color: #5c5b5b; cursor: pointer;}
.popLayer .pop-box .field .ft span i{ display: inline-block; *display: inline; *zoom:1; vertical-align: middle; width: 20px; height: 20px; margin-right: 10px; background:url(img/i-off.png) no-repeat;}
.popLayer .pop-box .field .ft span.on i{ display: inline-block; *display: inline; *zoom:1; vertical-align: middle; width: 20px; height: 20px; margin-right: 10px; background:url(img/i-on.png) no-repeat;}
.popLayer .pop-box .field .ft span em{ font-weight: bold;}

.popLayer .pop-box .field.checked .textbox{ float: left; width: 290px; margin-right: 15px;}
.popLayer .pop-box .field .fh em{ display: block; line-height: 20px; font-size: 15px; padding-left: 48px; color: #5c5b5b; font-weight: bold; font-style: normal;}
.popLayer .pop-box .field .ft .int{  margin-bottom: 10px; position: relative;}
.popLayer .pop-box .field .ft .fh{ float: left; width: 78px; text-align: right; padding-right: 15px; font-size: 16px;}

.popLayer .pop-box .field .ft .int .textbox{ float: left; width: 375px;}
.popLayer .pop-box .field.submitbox{ text-align: center; margin-top: 15px;}
.popLayer .pop-box .field.submitbox .next{ display: inline-block; *display: inline; *zoom;1; vertical-align: middle; width: 174px; height: 47px; background: #fbc51f; border-radius: 10px; -webkit-border-radius: 10px; text-align: center; line-height: 47px; color: #fff; font-size: 18px; font-weight: bold;}
.popLayer .pop-box .field.submitbox .next.disabled{ background: #dcdcdc; cursor: default;}
.popLayer .pop-box .field.submitbox .prev{ display: inline-block; *display: inline; *zoom;1; vertical-align: middle; width: 174px; height: 47px; background: #fbc51f; border-radius: 10px; -webkit-border-radius: 10px; text-align: center; line-height: 47px; color: #fff; font-size: 18px; font-weight: bold;}
.popLayer .pop-box .field.submitbox .prev.disabled{ background: #dcdcdc; cursor: default;}
.popLayer .pop-box .field.submitbox .btn{ display: inline-block; *display: inline; *zoom;1; vertical-align: middle; width: 174px; height: 47px; margin: 0 auto; border:0;  background: #fbc51f; border-radius: 10px; -webkit-border-radius: 10px; text-align: center; line-height: 47px; color: #fff; font-size: 18px; font-weight: bold; cursor: pointer;}
.popLayer .pop-box .field.submitbox .btn[disabled]{ background: #dcdcdc; cursor: default;}
.popLayer .pop-box .field.submitbox .btn.disabled{ background: #dcdcdc; cursor: default;}
.popLayer .pop-box .field .ft textarea{ width: 470px; height: 151px; background: #dcdcdc; border:0; padding: 1%;  color: #999; resize:none;}
.popLayer .pop-box .field.f-checked .ft span{ width: 230px;}
.popLayer .pop-box .city .ft{ margin-left: 45px;}

.popLayer .pop-box .field p{ display: block; width: 278px; height: 36px; line-height: 36px; color: #a9a9a9; position: absolute; top: 2px; left: 6px;}
.popLayer .pop-box .field .int p{left: 99px;}

.popLayer .pop-box .field p.note{ display:block;}
.popLayer .pop-box .field p.warn{ display:none;}

.popLayer .pop-box .field.t-focus p.note{ color:#30374d; display:block;}
.popLayer .pop-box .field.t-help p.note{ color:#999; display:block;}
.popLayer .pop-box .field.t-enter p.note{ display:none;}
.popLayer .pop-box .field.t-warn p.note{ display:none;}
.popLayer .pop-box .field.t-warn p.warn{ display:block; color: #f00;}
.popLayer .pop-box .field.t-warn .textbox{ background: #f7f7e4;}


#t-pop{ display: none; position:absolute;  width:465px; height:375px; top:50%; left:50%; margin:-187px 0 0 -232px; z-index: 99;}
#t-pop .sure,#t-pop .error{ width: 100%; height: 100%;}
#t-pop img{ border: 0; margin: 0 auto;}
.Mark{display:none;z-index:98;width: 133.33%; height: 100%;position: absolute; top: 0; left: -16.6666%; background-color:#000;filter:alpha(opacity=70);opacity: 0.7;-moz-opacity:0.7;}

@font-face {
    font-family: 'fyicon';
    src:
        url('../fonts/fyicon.ttf?r4nvvg') format('truetype'),
        url('../fonts/fyicon.woff?r4nvvg') format('woff'),
        url('../fonts/fyicon.svg?r4nvvg#fyicon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'fyicon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-font8:before {
    content: "\e900";
}
.icon-font9:before {
    content: "\e901";
}
.icon-font10:before {
    content: "\e902";
}
.icon-font11:before {
    content: "\e903";
}
.icon-font12:before {
    content: "\e904";
}
.icon-ip:before {
    content: "\e914";
}
.icon-logistics:before {
    content: "\e915";
}
.icon-issuep:before {
    content: "\e916";
}
.icon-develop:before {
    content: "\e917";
}
.icon-free:before {
    content: "\e918";
}
.icon-num:before {
    content: "\e919";
}
.icon-email:before {
    content: "\e91a";
}