/* Reset Css */
html {-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
html,body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding:0;margin:0;}
fieldset,img {border:0;outline:medium none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
address,caption,cite,code,dfn,em,th,var {font-weight:normal;font-style:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
[hidden],script{display:none;}
a{text-decoration:none;outline:medium none;}
input,textarea{outline:medium none;}

/* Common */
html,body{font: 12px/1 'Microsoft YaHei',Arial,Helvetica,sans-serif;color: #444;background: #F8F8F8;width: 640px;margin: 0 auto;}
input,label{font-family: 'Microsoft YaHei';font-size: 12px;}
textarea{font-family: 'Microsoft YaHei';font-size: 12px;}
img{font-size: 12px;}
a{color: #666;}
p{word-break: break-all;word-wrap: break-word;}
.l{float: left;}
.r{float: right;}
.wrap{width: 640px;margin: 0 auto;}
.aft:after{clear: both;display: block;content: "";height: 0;font-size: 0;visibility: hidden;} 
.transition{-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}

/* Swiper */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}
.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}

/*HD & FT*/
.header{height: 90px;background: url(../images/hd-bg.png) 0 center repeat-x #474848;}
.header .logo{float: left;height: 88px;margin-top: 1px;margin-left: 34px;font-size: 0;}
.header .nav{float: right;margin-right: 14px;margin-top: 32px;position: relative;}
.header .nav > span{display: inline-block;vertical-align: top;}
.header .nav span.text{color: #FFF;font-size: 20px;}
.header .nav span.icon{margin-left: 3px;width: 38px;height: 27px;background: url(../images/nav-icon.png) center center no-repeat;}
.header .nav ul.nav-first{display: none;position: absolute;top: 40px;right: -11px;z-index: 990;width: 137px;border: 1px solid #C8C8C8;border-left: none;}
.header .nav ul.nav-first li{border-left: 1px solid #C8C8C8;border-top: 1px dashed #CFCFCF;background-color: #F1F0EF;height: 48px;position: relative;}

.header .nav ul.nav-first li a{display: block;height: 37px;text-align: center;padding-top: 11px;color: #333;font-size: 16px;}
.header .nav ul.nav-first li a em.en{display: block;margin-top: 5px;color: #999;font-size: 10px;font-family: Arial;text-transform: uppercase;}

.header .nav ul.nav-first li dl.subnav{position: absolute;top: -1px;right: 100%;display: none;width: 137px;border: 1px solid #C8C8C8;border-right: none;}
.header .nav ul.nav-first li dl.subnav dd{height: 48px;border-top: 1px solid #C8C8C8;border-right: 1px solid #C8C8C8;background-color: #FFF;}
.header .nav ul.nav-first li dl.subnav dd:first-child{border-top: none;}

.header .nav ul.nav-first li.act{background-color: #FFF;border-left: 1px solid #FFF;border-top: 1px solid #F1F0EF;}
.header .nav ul.nav-first li.act + li{border-top: 1px solid #F1F0EF;}
.header .nav ul.nav-first li.act dl.subnav{display: block;}
.header .nav ul.nav-first li.act dl.subnav dd:first-child{border-right: 1px solid #FFF;}
.header .nav ul.nav-first li:first-child{border-top: none;}

.footer{text-align: center;padding-bottom: 75px;}
.footer .copyright{width: 610px;margin: 25px auto 0;border-bottom: 2px solid #E1E1E1;color: #ADADAD;font-size: 18px;line-height: 36px;}
.footer .icp{color: #ADADAD;font-size: 18px;line-height: 36px;}
.footer .wechat{margin: 10px 0 18px;font-size: 0;text-align: center;}

.ft-fly{position: fixed;bottom: 0;z-index: 980;width: 640px;height: 74px;border: 1px solid #3E3E3E;background-color: #323232;-webkit-box-sizing:border-box;box-sizing:border-box;}
.ft-fly > div{float: left;width: 159px;height: 72px;text-align: center;padding-left: 1px;background: url(../images/ft-fly-line.png) 0 center no-repeat;}
.ft-fly > div a{display: block;height: 22px;padding-top: 50px;color: #FFF;font-size: 14px;}
.ft-fly .home{width: 158px;padding-left: 0;background: none;}
.ft-fly .home a{background: url(../images/ft-home.png) center 9px no-repeat;}
.ft-fly .qq a{background: url(../images/ft-qq.png) center 9px no-repeat;}
.ft-fly .guestbook a{background: url(../images/ft-guestbook.png) center 9px no-repeat;}
.ft-fly .weibo a{background: url(../images/ft-weibo.png) center 9px no-repeat;}

.gb-fly{display: none;position: fixed;left: 0;top: 0;z-index: 998;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
.gb-box{display: none;position: fixed;left: 50%;top: 50%;margin-left: -250px;margin-top: -290px;z-index: 999;width: 500px;height: 400px;background-color: #FFF;border: 1px solid rgba(100,100,100,.6);}
.gb-box textarea{width: 480px;height: 340px;padding: 5px 10px 0;border: none;color: #333;font-size: 22px;line-height: 24px;}
.gb-box input[type="submit"]{width: 100px;height: 54px;border: none;background-color: #CCC;color: #FFF;font-size: 22px;float: right;border-radius: 0;}

/* Index */
.islide{position: relative;}
.islide .swiper-container{height: 355px;}
.islide .swiper-container .swiper-slide{font-size: 0;}
.islide .pagination{position: absolute;bottom: 16px;left: 0;z-index: 9;width: 100%;height: 10px;font-size: 0;text-align: center;}
.islide .pagination span.swiper-pagination-bullet{display: inline-block;vertical-align: middle;width: 10px;height: 10px;border-radius: 10px;background-color: #FFF;margin-left: 9px;}
.islide .pagination span.swiper-pagination-bullet:first-child{margin-left: 0;}
.islide .pagination span.swiper-pagination-bullet-active{background-color: #A4A5A2;}

.iblock{margin-top: 25px;height: 329px;overflow: hidden;}
.iblock .swiper-slide{position: relative;}
.iblock .swiper-slide .pic{font-size: 0;}
.iblock .swiper-slide .title{width: 100%;height: 90px;padding: 0 38px;background-color: rgba(255,255,255,.65);position: absolute;bottom: 0;left: 0;-webkit-box-sizing:border-box;box-sizing:border-box;}
.iblock .swiper-slide .title h4{margin: 11px 0 7px;color: #000;font-size: 18px;font-weight: 700;}
.iblock .swiper-slide .title p{color: #666;font-size: 16px;line-height: 23px;}
.iblock .swiper-slide-active{position: relative;z-index: 900;}

.ivideo{margin-top: 25px;width: 640px;height: 300px;}
.ivideo .video-js{height: 300px;}
.ivideo .vjs-default-skin .vjs-big-play-button{width: 71px;height: 71px;margin-left: -35px;margin-top: -35px;}
.ivideo .vjs-default-skin .vjs-control-bar{display: none;}

/* inner page */
.crumbs{margin-top: 23px;margin-left: 13px;}
.crumbs a{color: #000;font-size: 12px;font-weight: 700;letter-spacing: 2px;}
.crumbs a.c-home{font-weight: 400;text-decoration: underline;}
.page-title{margin-top: 15px;margin-left: 13px;color: #000;font-size: 14px;font-weight: 700;}

.page-main{width: 640px;margin-top: 19px;}
.p1-banner{font-size: 0;}
.p1-banner img{width: 640px;}
.p1-desc{margin-top: 25px;}
.p1-desc .title{width: 142px;height: 22px;background: url(../images/p1-desc-title.png) 0 0 no-repeat;color: #FFF;font-size: 14px;line-height: 24px;letter-spacing: 1px;text-indent: 12px;}
.p1-desc .text{padding: 8px 12px;background-color: #999;color: #FFF;font-size: 14px;font-family: Arial;line-height: 20px;}
.p1-desc .text p{word-break: normal;word-wrap: normal;}

.p1-list-hd{margin-top: 8px;margin-left: 14px;}
.p1-list-hd a{display: inline-block;margin-right: 10px;margin-bottom: 10px;color: #333;}
.p1-list-hd span.arial{font-family: Arial;}
.p1-list-pages{margin-top: 15px;height: 22px;background: url(../images/p1-list-pages-bg.png) 0 center repeat-x;}
.p1-list-pages .p1-list-num{float: left;margin-left: 15px;color: #333;font-size: 12px;line-height: 22px;}
.p1-list-pages .pages{float: right;margin-right: 12px;line-height: 22px;}
.p1-list-pages .pages a{margin-left: 2px;color: #999;}
.p1-list-pages .pages a.prev{margin-right: 8px;color: #333;}
.p1-list-pages .pages a.next{margin-left: 8px;color: #333;}
.p1-list-pages .pages a.cur{color: #333;}
.pages-bottom{margin-top: 0;}
.p1-list{background-color: #FFF;padding: 0 4px;margin-top: 19px;}
.p1-list ul{overflow: hidden;}
.p1-list li{float: left;width: 130px;height: 187px;margin: 0 14px 30px;text-align: center;}
.p1-list li .pic{width: 130px;height: 130px;font-size: 0;}
.p1-list li .pic img{width: 130px;height: 130px;}
.p1-list li .title{color: #000;font-size: 12px;}
.p1-list li .title .en{margin-top: 6px;font-family: Arial;}

.p1-app{margin-top: 25px;}
.p1-app .p1-app-hd{padding-left: 6px;padding-bottom: 7px;border-bottom: 1px solid #B7B7B7;color: #333;font-size: 14px;}
.p1-app .p1-app-list{margin-top: 10px;height: 225px;overflow: hidden;}
.p1-app .p1-app-list li{float: left;width: 206px;height: 225px;margin-left: 11px;border-radius: 8px;overflow: hidden;font-size: 0;}
.p1-app .p1-app-list li img{width: 206px;height: 225px;}
.p1-app .p1-app-list li:first-child{margin-left: 0;}

.p2-list{margin-top: 5px;overflow: hidden;}
.p2-list ul{width: 660px;margin-left: -20px;}
.p2-list li{float: left;width: 310px;height: 337px;margin-left: 20px;margin-bottom: 22px;position: relative;}
.p2-list li .pic{width: 310px;height: 337px;font-size: 0;}
.p2-list li .pic img{width: 310px;height: 337px;}
.p2-list li .title{position: absolute;left: 0;top: 0;z-index: 9;width: 100%;height: 34px;background-color: rgba(0,0,0,.7);color: #FFF;font-size: 14px;font-weight: 700;line-height: 34px;text-align: center;}
.p2-list li .title span.en{font-family: Arial;}

.p3-show{padding: 0 8px;color: #333;font-size: 14px;line-height: 30px;}
.p3-show p{text-indent: 2em;}

.p4-list{overflow: hidden;}
.p4-list ul{margin-top: -35px;}
.p4-list li{float: left;width: 300px;height: 165px;margin: 35px 10px 0;}
.p4-list li .pic{width: 298px;height: 122px;border: 1px solid #EAEAEA;font-size: 0;}
.p4-list li .pic img{width: 298px;height: 122px;}
.p4-list li .title{height: 41px;color: #A0A0A0;font-size: 14px;line-height: 41px;text-align: center;}

.p5-list{padding: 30px 5px;background-color: #FFF;overflow: hidden;}
.p5-list ul{width: 660px;margin-left: -30px;margin-top: -58px;}
.p5-list li{float: left;width: 190px;height: 100px;margin-left: 30px;margin-top: 58px;}
.p5-list li img{width: 190px;height: 100px;}

.p6-list{overflow: hidden;}
.p6-list ul{width: 672px;margin-left: -32px;}
.p6-list li{float: left;width: 304px;height: 247px;margin-left: 32px;margin-bottom: 32px;position: relative;}
.p6-list li .pic{width: 304px;height: 247px;}
.p6-list li .pic img{width: 304px;height: 247px;}
.p6-list li .title{position: absolute;bottom: 0;left: 0;z-index: 9;width: 100%;height: 43px;background-color: rgba(0,0,0,.6);color: #FFF;font-size: 14px;line-height: 43px;text-align: center;}

.p7-top-list{overflow: hidden;height: 180px;padding-top: 10px;}
.p7-top-list li{float: left;width: 134px;height: 80px;margin-left: 34px;margin-bottom: 20px;overflow: hidden;position: relative;}
.p7-top-list li:first-child{margin-left: 0;width: 136px;height: 180px;}
.p7-top-list li a{display: block;height: 100%;}
.p7-top-list li img{width: 100%;height: 100%;}
.p7-top-list li p{position: absolute;top: 0;left: 0;z-index: 9;width: 100%;height: 31px;background-color: rgba(0,0,0,.7);color: #FFF;font-size: 14px;line-height: 30px;text-align: center;}
.p7-top-list li.cur p{background-color: rgba(214,214,214,.7);color: #000;}

.p7-main-list{overflow: hidden;margin-top: 25px;}
.p7-main-list li{float: left;width: 174px;height: 40px;padding-left: 39px;margin-bottom: 10px;background: url(../images/p7-main-list-point.png) 28px 7px no-repeat;position: relative;}
.p7-main-list li a{color: #333;font-size: 14px;line-height: 18px;}

.p7-bottom-list{overflow: hidden;}
.p7-bottom-list ul{width: 651px;margin-left: -11px;}
.p7-bottom-list li{float: left;margin-left: 11px;margin-bottom: 11px;width: 206px;height: 190px;font-size: 0;}
.p7-bottom-list li img{width: 206px;height: 170px;}

.p7-show .p7stitle{padding-bottom: 5px;color: #000;font-size: 14px;font-weight: 700;text-align: center;letter-spacing: 1px;}
.p7-show p.fz0{padding-top: 20px;width: 100%;font-size: 0;}
.p7-show p.fz0 img{width: 100%;}

.news-list{padding: 0 15px 10px;}
.news-list li{height: 40px;border-bottom: 1px dashed #AAA;}
.news-list li a{display: block;height: 40px;padding-left: 20px;position: relative;font-size: 14px;line-height: 40px;}
.news-list li a:after{display: block;content: '';width: 3px;height: 3px;border-radius: 3px;background-color: #666;position: absolute;left: 8px;top: 20px;}
.news-show{padding: 0 15px;color: #666;line-height: 26px;}
.news-show .title{padding-bottom: 15px;color: #000;font-size: 14px;font-weight: 700;text-align: center;}
.newspage{width:100%;margin-top:20px; font-size:14px; line-height:30px;}
.newspage a{color: #666; }
.newspage a:hover{color:#FF0000;}
.newspage .l{width:50%; float:left;}
.newspage .r{width:50%; float:left; text-align:right;}

.p1-pic-fly{display: none;position: fixed;left: 0;top: 0;z-index: 999;background-color: rgba(0,0,0,.5);width: 100%;height: 100%;}
.p1-pic-fly img{width: 90%;max-width: 576px;height: auto;position: fixed;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-60%);}

.contact{padding: 0 13px;}
.contact .contact-tab{height: 30px;padding-bottom: 20px;line-height: 30px;font-size: 0;}
.contact .contact-tab a{display: inline-block;vertical-align: middle;margin-bottom: 10px;margin-right: 17px;padding: 0 10px;background-color: #DCDCDC;color: #8E8A8A;font-size: 14px;}
.contact .contact-tab a:last-child{margin-right: 0;}
.contact .contact-tab a.hover{background-color: #484A4A;color: #FFF;}
.contact .map{width: 100%;height: 250px;}
.contact .contact-desc{margin-top: 20px;}
.contact .contact-desc > div{display: none;padding-left: 10px;font-size: 14px;line-height: 26px;}
.contact .contact-desc > div.active{display: block;}

.down-list li span.icon{float: right;display: inline-block;margin-top: 10px;height: 18px;padding: 0 10px;border: 1px solid #CCC;border-radius: 20px;font-size: 13px;line-height: 18px;}