@charset "utf-8";
/* CSS Document */
body{ overflow-x:hidden;}
body,ol,table,tr,td,dt,dd,dl,h1,h2,h3,h4,h5,h6,ul,form,input,select,textarea{margin:0;padding:0; font-family: "微软雅黑"; font-size:14px; font-weight:normal; color:#676767;}
body,html{ width:100%; height:100%;}
img{ border:0;}
p{ margin:0; padding:0;}
a img{border:none;}
li{list-style-type:none;}
a{text-decoration:none;color:#676767;}
input{vertical-align:middle;font-family:"微软雅黑";}
table{border-collapse:collapse;font-family:"微软雅黑";}
a:hover{cursor:pointer;}
input{vertical-align:middle;font-family:"微软雅黑"; border:0;}
a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */
:focus { -moz-outline-style: none; } /* for Firefox */
a { outline:none; } /* for FF Chrome */

.fl{ float:left;}
.fr{ float:right;}


.header{ position:fixed; top:0; left:0; z-index:999; width:100%; height:86px; background:rgba(0,15,47,0.5);filter:alpha(opacity=50)progid:DXImageTransform.Microsoft.gradient(startColorstr=#000f2f,endColorstr=#000f2f);}
.head-con{ width:1180px; margin:0 auto;}
.logo{ display:block; float:left; width:220px; height:94px; margin-top:5px; }
.nav{ float:left; margin:22px 0 0 50px;}
.nav li{ float:left; width:104px; height:42px; line-height:42px; text-align:center; margin:0 15px; font-size:16px; color:#fff;}
.nav li a{color:#fff;}
.nav li.nav-on{ background:url(../images/nav-hover.png) no-repeat center center;}
.nav li.nav-on a{ color:#c45d0e;}
.nav li:hover{ background:url(../images/nav-hover.png) no-repeat center center;}
.nav li:hover a{ color:#c45d0e;}

.gz-con{ float:right; width:235px; height:32px; margin-top:27px; background:#f8f8f8; border-radius:20px; padding:4px 5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.gz-con li{position:relative;  float:left; margin:0 3px;}
.gz-con li p{ font-size:16px; color:#666666;}
.gz-con li i{ display:block; width:23px; height:23px; cursor:pointer;}
.gz-qq{ background: url(../images/head-qq.png) no-repeat center center;}
.gz-qq:hover{ background: url(../images/head-qq-hover.png) no-repeat center center;}
.gz-wx{ background:url(../images/head-wx.png) no-repeat center center;}
.gz-wx:hover{ background:url(../images/head-wx-hover.png) no-repeat center center;}
.gz-sina{ background: url(../images/head-sina.png) no-repeat center center;}

.gz-con li dl{ position:absolute; left:-50px; top:23px; display:none;}
.gz-con li dl dd b{display:table; width:10px; height:5px;margin-left: 56px;}
.dl-con{ width:125px; height:170px; padding:5px;margin-top: -4px; background:rgba(0,0,0,0.8);filter:alpha(opacity=80)progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000,endColorstr=#000000);-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.dl-con p{ text-align:center; font-size:14px !important; color:#00ccff !important;}
.dl-con p span{ display:block;}

.index1{ position:relative; width:100%; height:1150px; }
.in-content{width:1180px; margin:0 auto; }
.index1-fuli{ width:100%; display:table; padding-top:635px;}
.fuli-con{ width:506px; height:192px; background:url(../images/fuli-bg.png) no-repeat;}
.fuli-title{ display:block; font-size:18px; color:#0d1b00;padding:8px 0 0 15px;}
.fuli-ewm{ width:135px; height:135px; float:left; margin:10px 0 0 15px;}
.fuli-ewm img{ width:100%; height:auto;}
.update-list{ width:175px; float:left;margin:10px 12px;}
.update-list a{ display:block; width:175px; height:60px;}
.update-list a.up-ios{ background:url(../images/fl-ios.png) no-repeat center center;margin-bottom: 15px;}
.update-list a.up-ios:hover{ background: url(../images/fl-ios-hover.png) no-repeat center center;}
.update-list a.up-and{ background: url(../images/fl-and.png) no-repeat center center;}
.update-list a.up-and:hover{ background: url(../images/fl-and-hover.png) no-repeat center center;}
.fuli-lw{ float:left; width:144px; margin-top:7px; height:144px; background:url(../images/fuli-img.png) no-repeat center center;}
.fuli-lw:hover{background: url(../images/fuli-img-hover.png) no-repeat center center;}
.index1-info{ width:100%; display:table; margin-top:20px;}
.slideBox{ float:left; width:666px; height:285px; overflow:hidden; position:relative;}
.slideBox .hd{ height:16px; overflow:hidden; position:absolute; left:50%; bottom:12px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left;width:16px; height:16px; margin:0 6px; opacity:0.6; border-radius:50%; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f6ff02; opacity:1; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{width:666px; height:285px;  zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:auto; display:block;  }
.tab-info{ width:496px; float:right; background:#fff;}
.tabinfo-title{ width:100%; height:40px; line-height:40px; display:table; border-bottom:2px solid #dfdfdf;}
.tabinfo-title ul{ display:table; float:left;}
.tabinfo-title ul li{ width:76px; text-align:center; float:left; font-size:16px; color:#666666; margin-bottom:-2px; cursor:pointer;}
.tabinfo-title ul li.tabinfo-on{ border-bottom:2px solid #ac1c1b; color:#333333; font-weight:bold;}
.tab-more{ display:block; float:right; width:23px; height:23px; margin:8px 13px; background:url(../images/more.png) no-repeat;}
.tab-more:hover{ background:url(../images/more-hover.png) no-repeat;}
.tabinfo-list{  width:100%;display:none; padding:15px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.tab-noise{ width:100%; display:table;}
.tab-noise li{ width:100%; display:table; height:37px; line-height:37px; font-size:16px;}
.tab-noise li i{ display:block; float:left; width:50px; float:left; font-style:normal;}
.tab-noise li i.gg{ color:#b90000;}
.tab-noise li i.xw{ color:#007acf;}
.tab-noise li i.gl{ color:#ae02c8;}
.tab-noise li i.hd{ color:#0ca800;}
.tab-noise li i s{ text-decoration:none; font-weight:bold;}
.tab-noise li p{ display:block; float:left; width:360px; color:#333333;}
.tab-noise li b{ display:block; float:right; font-weight:normal; color:#8b8b8b;}

.index2{ width:100%; height:375px; background:url(../images/index2-bg.jpg) no-repeat center center;}
.index2-con{ width:1270px; margin: 0 auto;}
.outBox{ width:1270px; text-align:left;  }
.outBox .hd{ width:160px; height:334px; float:left; position:relative;  }
.outBox .hd ul{ float:left; position:absolute; left:20px; top:50%;}
.outBox .hd ul li{ float:left; width:100%; height:80px; line-height:80px; cursor:pointer; font-size:28px; color:#888888; }
.outBox .hd ul li.on{ color:#b90000;}
.outBox .hd ul li.on i{ background-image:url(../images/bl-1-dq.png);}
.outBox .hd ul li i{ display:block; float:left; width:42px; height:80px; background: url(../images/bl-1.png) no-repeat center center; text-align:center; margin-right:15px;}
.inBox{ width:1110px; float:left;}
.inBox .inHd{ width:364px; height:334px; float:left; margin-top:40px;}
.inBox .inHd ul{height:325px; margin:5px 0; }
.inBox .inHd ul li{ position:relative; width:110px; height:110px;text-align:center; float:left; cursor:pointer;  }
.inBox .inHd ul li i{ position:absolute; top:7px; left:7px; display:block;width:95px; height:95px; margin:7 overflow:hidden;}
.inBox .inHd ul li i img{ width:100%; height:auto;}
.inBox .inHd ul li.on i{top:0px; left:0px; border:7px solid #f00;  }
.inBox .inBd{ width:730px; height:394px; float:right;}
.inBox .inBd a{ display:block; float:right; height:394px; cursor: default;}
.inBox .inBd a img{ width:auto; height:394px;}

/*滚动条*/
.rollbar-path-vertical,.rollbar-path-horizontal{position:absolute;background-color:#c1a38b;z-index:100;}
.rollbar-path-vertical{right:5px;top:0 !important;height:325px !important;width:3px;}
.rollbar-path-vertical{box-shadow:inset 1px 0px 1 rgba(0,0,0,0.1);-moz-box-shadow:inset 1px 0px 1 rgba(0,0,0,0.1);-webkit-box-shadow:inset 1px 0px 0 rgba(0,0,0,0.1);}
.rollbar-path-horizontal{box-shadow:inset 0px 1px 1 rgba(0,0,0,0.1);-moz-box-shadow:inset 0px 1px 1 rgba(0,0,0,0.1);-webkit-box-shadow:inset 0px 1px 0 rgba(0,0,0,0.1);}
.rollbar-handle{position:relative;top:0;left:0;background-color:#81511c;}
.rollbar-handle{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.rollbar-path-vertical .rollbar-handle{height:20%;width: 8px;opacity: 1 !important;border-radius: 0;margin-left: -2px;}
.rollbar-path-horizontal .rollbar-handle{width:20%;height:100% ;}
.rollbar-path-vertical,.rollbar-path-horizontal,.rollbar-handle{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}


.index3{ width:100%; height:500px; position:relative;}
.index3-con{ width:1180px; margin: 0 auto;}
.in3-area{width:100%; height:350px; overflow:hidden; padding:20px 0;display: table;}
.pic-main{width:880px;overflow:hidden;float:left;margin-top: 6px;}
.pic-main li{float:left;position:relative;width:120px;height:350px;overflow:visible!important;border-right:1px solid #fff}
.pic-main li .img1{position:absolute;left:0;top:0;opacity:1;-ms-filter:'alpha(Opacity= 100)';filter:alpha(Opacity=100)}
.pic-main li .img2{position:absolute;left:121px;top:0;opacity:0;-ms-filter:'alpha(Opacity= 0)';filter:alpha(Opacity=0)}
.pic-main li .img1 img{width:120px;height:auto;display:block}
.pic-main li .img2 img{width:515px;height:350px;display:block}

.in3-right{ width:285px; float:right; display:table;}
a.imgg-sec{ margin-top:-5px;margin-top: -5px;display: table;}
.in3-right p{ display:block; width:100%; height:70px;margin-top: -2px; background: url(../images/QQbg.jpg) no-repeat center center; padding:5px 10px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.in3-right p b{ display:block; width:100%; line-height:28px; font-size:18px; color:#3c8fff;}

.share{ display:table; margin:25px auto;}
.share li{ position:relative; float:left;z-index:1;}
.share li p{ font-size:16px; font-weight:bold; color:#b90000; line-height:40px;}
.share li a{ display:block; width:40px; height:40px; margin:0 8px;}
.share li a.qq{ background: url(../images/share-qq.png) no-repeat;}
.share li a.qq:hover{ background: url(../images/share-qq-hover.png) no-repeat;}
.share li a.qzone{ background: url(../images/share-qzone.png) no-repeat;}
.share li a.qzone:hover{ background: url(../images/share-qzone-hover.png) no-repeat;}
.share li a.wx{ background: url(../images/share-wx.png) no-repeat;}
.share li a.wx:hover{ background: url(../images/share-wx.png) no-repeat;}
.share li a.sina{ background: url(../images/share-sina.png) no-repeat;}
.share li a.sina:hover{ background: url(../images/share-sina-hover.png) no-repeat;}
.share li:hover b{ display: block;}
.share li b{ display:none; position: absolute; top:50px; left:0; width:100px; height:100px;}
.share li b img{width:100%; height:auto;}

.footer{ width:100%; height:110px; padding:20px 0;background:rgba(0,15,47,0.65);filter:alpha(opacity=65)progid:DXImageTransform.Microsoft.gradient(startColorstr=#000f2f,endColorstr=#000f2f);-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.foot-con{ width:1085px; padding-left:95px; margin:0 auto; color:#fff;}
.foot-con p{ margin-bottom:5px;}

.right-fixed{ position: fixed; right:0; top:50%; margin-top:-353px; width:220px; height:706px; overflow:hidden;}
.dj-btn{ position:absolute; right:0; width:37px; height:144px; background:url(../images/dj-tc.png) no-repeat; -webkit-transition:all linear 0.3s; -moz-transition:all linear 0.3s; -ms-transition:all linear 0.3s; transition:all linear 0.3s;}
.dj-btn:hover{ background:url(../images/dj-tc-hover.png) no-repeat;}
.right-con{ position:absolute; right:-100%; width:100%;-webkit-transition:all linear 0.3s; -moz-transition:all linear 0.3s; -ms-transition:all linear 0.3s; transition:all linear 0.3s;}
.dj-ss{ float:left; width:37px; height:88px; background:url(../images/dj-sq.png) no-repeat;}
.dj-ss:hover{ background:url(../images/dj-sq-hover.png) no-repeat;}
.tc-con{float:left;width:183px; height:490px;background: url(../images/tanc-bg.jpg) repeat-y; text-align:center; }
.tc-top{color:#ab681e; text-align:center;padding:12px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.tc-top b{ font-size:20px;}
.tc-top p{display:block;width:100%; overflow:auto; border-bottom:1px dashed #81511c; padding-bottom:10px;}
.ema-qy{ width:100%;padding:15px; padding-top:0;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.ewm-list{ width:150px; height:170px; border:2px solid #ab681e; margin-bottom:10px;}
.ewm-list p{ color:#ab681e; font-size:16px;}
.ewm-list p img{ width:135px; height:135px; margin-top:7px;}
.ewm-end{ width:100%; height:74px; background: url(../images/ewm-end.jpg) no-repeat;}
.ewm-end p{ font-size:16px; color:#ffffff; line-height:26px;}

/*二维码无图样式*/
.ewm-list-weibo, .ewm-list-tieba{ width:150px; height:70px;  border-bottom:2px solid #ab681e; margin-bottom:10px;}
.ewm-list-tieba{height:45px;border-bottom:none;}
.ewm-list-weibo p, .ewm-list-tieba p{ color: #ab681e;font-size: 18px;margin: 5px 0;float: left;display: block;}
.ewm-list-weibo a, .ewm-list-tieba a{display:block; text-decoration:none;float:left;}




.ret-btn{ position: absolute;bottom:40px; right:280px; display: block; width: 60px; height: 60px; cursor:pointer; background:url(../images/ret-top.jpg) no-repeat center center;}
.ret-btn1{ right:-100px; }
.ret-btn:hover{ background-image:url(../images/ret-top-hover.jpg);}

.list-content{ width:1180px; display:table; margin:510px auto 0; position:relative;}
.list-area{ width:100%; display:table;}
.list-left{ width:250px; float:left;}
.left-fl{ width:100%; height:104px; background:url(../images/hfuli-img.jpg) no-repeat center center;}
.left-fl:hover{ background-image:url(../images/hfuli-img-hover.jpg);}
.left-ewm{ width:100%; height:454px; background:url(../images/listewm-bg.jpg) no-repeat; padding:20px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.left-ewm i{ display:block; width:100%; height:auto;}
.left-ewm p{display:block; width:210px; height:60px; margin-top:15px;}
.left-ios{ background: url(../images/ios-list.png) no-repeat center center;}
.left-ios:hover{ background-image:url(../images/ios-list-hover.png) ;}
.left-and{ background:url(../images/and-list.png) no-repeat center center;}
.left-and:hover{ background-image:url(../images/and-list-hover.png);}


.left-xz1{ background: url(../images/ios-list.png) no-repeat center center;}
.left-xz1:hover{ background-image:url(../images/ios-list-hover.png) ;}
.left-xzt1{ background: url(../images/ios-list.png) no-repeat center center;}
.left-xz1 a, .left-xzt1 a{ width:100%; height:100%; display: block;}
.left-xz2{ background:url(../images/and-list.png) no-repeat center center;}
.left-xz2:hover{ background-image:url(../images/and-list-hover.png);}
.left-xzt2{ background:url(../images/and-list.png) no-repeat center center;}
.left-xz2 a,.left-xzt2 a{ width:100%; height:100%; display: block;}



.list-right{ width:930px; float:right; background:url(../images/list-bg.png) repeat; padding:15px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.list-top{ width:100%; display:table; padding:30px 0; border-bottom:3px solid #dfb573; margin-bottom:15px;}
.list-top h1{ font-size:30px; color:#b46e00; float:left;}
.right-nav{ float:right; font-size:18px; color:#4b4b4b; margin-top:10px;}
.right-nav li{ float:left;}
.right-nav li a{  color:#4b4b4b;}
.right-nav li a:hover{ color:#b46e00;}
.right-nav li span{ margin:0 10px;}
.aritle-right{ width: 100%; float:left;}
.ari-ul{ display: table; margin:20px auto;}
.ari-ul li{ float: left; width:120px; height:64px;}
.ari-ul li a{float: left; width:120px; height:64px;}
.ari-ul li.ari-on0{ background:url(../images/zxtab-01.png); }
.ari-ul li.ari-on1{ background:url(../images/zxtab-02.png); }
.ari-ul li.ari-on2{ background:url(../images/zxtab-03.png); }
.ari-ul li.ari-on3{ background:url(../images/zxtab-04.png); }
.ari-ul li.ari-on4{ background:url(../images/zxtab-05.png); }
.ari-ul li.ari-on5{ background:url(../images/zxtab-06.png); }
.ari-ul li.ari-on6{ background:url(../images/zxtab-07.png); }


.ari-ul li.ari-on10{ background:url(../images/zxtab-01-hover.png); }
.ari-ul li.ari-on11{ background:url(../images/zxtab-02-hover.png); }
.ari-ul li.ari-on12{ background:url(../images/zxtab-03-hover.png); }
.ari-ul li.ari-on13{ background:url(../images/zxtab-04-hover.png); }
.ari-ul li.ari-on14{ background:url(../images/zxtab-05-hover.png); }
.ari-ul li.ari-on15{ background:url(../images/zxtab-06-hover.png); }
.ari-ul li.ari-on16{ background:url(../images/zxtab-07-hover.png); }

.ari-list{ display: none; padding:0 38px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.ari-txt{ width: 100%; padding: 15px 0;}
.ari-txt li{ width: 100%; height: 88px; line-height:88px; font-size: 18px; color: #4b4b4b; display: table; border-bottom: 1px dashed #ac6a00;}
.ari-txt .ari-t{ display:block; float:left; width:67px; color:#646464; font-style:normal;}
.ari-txt .ari-t s{ text-decoration:none; color:#007acf; font-weight:bold; margin:0 5px;}
.ari-txt li p{display:block; float:left; width:655px; color:#4b4b4b;}
.ari-txt li p span{ font-weight:bold;}
.ari-txt li p span.red-f{ color:#8a029a;}
.ari-txt li p span.red-l{ color:#057100;}
.ari-txt li p span.red-r{ color:#9a0000;}
.ari-txt li b{ color:#646464; font-weight:normal; float:right;}
.page{ display:table; margin:40px auto;}
.page li{height:30px; line-height:30px;  float:left; margin:0 7px; color:#8c5f46;}
.page li a{ display:block; padding:0 10px; text-align:center; color:#8c5f46; font-size:16px; background:#fff; border:1px solid #8c5f46;}
.page li a:hover{ background:#f3c9b2;}
.page li.page-on a{ background:#f3c9b2;}
.ari-top{ width:858px; text-align:center; padding:15px 0;}
.ari-top h1{ font-size:30px; font-weight:bold; color:#c26e00;}
.ari-top p{ font-size:18px; color:#4b4b4b; margin-top:15px;}
.ari-wenzhang{width:858px;  margin:0 auto 100px;}
.ari-wenzhang p{ font-size:18px;color:#4b4b4b; line-height:30px; text-indent:2em; margin:20px 0; }
.ari-wenzhang p.ari-img{ text-indent:0;}
.ari-wenzhang h1{ display:block; width:100%; height:45px; line-height:45px; background:url(../images/h1-bg.png) no-repeat left center; padding-left:50px; font-size:24px; color:#7b4600; font-weight:bold; margin-bottom:20px;}
.ari-wenzhang h2{ display:block; width:100%; height:40px; line-height:40px; background:url(../images/h2-bg.png) no-repeat left center; font-size:18px; color:#005cb3; font-weight:bold; margin-left:40px;padding-left:50px;}
.ari-wenzhang span{ float:right; font-size:18px; color:#7b4600; margin-top:50px;}
.ari-wenzhang a {
	color: #00a1f9;
}
/*
display:block; float:left;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
filter:alpha(opacity=65)progid:DXImageTransform.Microsoft.gradient(startColorstr=#000f2f,endColorstr=#000f2f); 
*/


















@media screen and (max-width:1600px){
	.ewm-list{width: 120px;height: 115px; margin:5px auto;}
	.ewm-list p img{ width:80px; height:80px; margin-top:7px;}
	.right-fixed{margin-top:-230px;height:534px; overflow:hidden;}
	.tc-con{ height:534px;}
	.ewm-end{ height:60px;}
	}