@charset "utf-8";
body{ margin:0 auto; font-size:12px; line-height:normal; font-family: "Microsoft YaHei","微软雅黑"; background: #fff;}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;}
ul { list-style:none;}
img, a:hover, a:link, a:active , a:visited { border: 0px;}
a, a:hover, a:link, a:active , a:visited{text-decoration: none;}

/*---------- header ----------*/
.bodybg{position: absolute; top: 0; left: 0; width: 100%; min-height: 949px; background: url(../images/bg.jpg) no-repeat center center;}
.header{position: fixed; z-index: 100; top:20px; left: 62px; width: 158px; height: 572px; opacity: 1; background: url(../images/nav.png) no-repeat;}
.header a{display: block; } 
.header a.logo{height: 56px; margin-top: 58px; width: 100%;} 
.header .nav{margin-top: 104px;}
.header .nav a{margin-top: 7px; width: 153px; height: 45px; background: url(../images/nav.png) no-repeat;
-webkit-transition: background 0.35s ease-in-out;
-moz-transition: background 0.35s ease-in-out;
-o-transition: background 0.35s ease-in-out;
transition: background 0.35s ease-in-out;
}
.header .nav a:hover, .header .nav a.hover{background: url(../images/nav_hover.png) no-repeat;}
.header .nav a.nav1{background-position: 0 -218px;}
.header .nav a.nav2{background-position: 0 -270px;}
.header .nav a.nav3{background-position: 0 -322px;}
.header .nav a.nav4{background-position: 0 -374px;}
.header .nav a.nav5{margin-top: 5px; height: 46px; background-position: 0 -424px;}
.header .nav a.nav6{margin-top: 5px; background-position: 0 -475px;}

/*---------- footer ----------*/
.footer{bottom: 0; width: 100%; text-align: center;}
.footer p{margin-left: 20%; padding-top: 200px;}
.footer span.f_icon{margin-right: 100px; padding-top: 200px; display: inline-block;}
.footer span .a_icon{margin: 0 6px; display: inline-block; width: 26px; height: 26px;  background: url(../images/icon.png) no-repeat ;-webkit-border-radius: 50%;  -moz-border-radius: 50%; border-radius: 50%; }

.footer span a.wx{background: #f7a84b url(../images/icon.png) no-repeat -1px -1px;}
.footer span a.sina{background: #f7a84b url(../images/icon.png) no-repeat -39px -1px;}
.footer span a.tm{background: #f7a84b url(../images/icon.png) no-repeat -77px -1px;}
.footer span a:hover.wx{background: #fff url(../images/icon.png) no-repeat -1px -1px;}
.footer span a:hover.sina{background: #fff url(../images/icon.png) no-repeat -39px -1px;}
.footer span a:hover.tm{background: #fff url(../images/icon.png) no-repeat -77px -1px;}
.footer span a.wx .div_wx{position: absolute; display: none; top: 74px; margin-left: -43px;  width: 111px; height: 119px; text-align: center; overflow: hidden; background: url(../images/wxbox.png) no-repeat;}
.footer span a.wx .div_wx img{width: 111px; height: 111px;}

/*---------- 背景元素图片 ----------*/
.img_wrap{position: absolute; width: 95%; height: 100%; left: 30px;} 
.float0{
-webkit-animation: sf 5s linear infinite;
-moz-animation: sf 5s linear infinite;
-o-animation: sf 5s linear infinite;
animation: sf 5s linear infinite;
}
.float1{right: 10%; top: 271px;
-webkit-animation: rotate1 15s linear infinite;
-moz-animation: rotate1 15s  linear infinite;
-o-animation: rotate1 15s  linear infinite;
animation: rotate1 15s  linear infinite;
}
.float2{right: 3%; top: 100px;
-webkit-animation: rotate3 15s linear infinite;
-moz-animation: rotate3 15s  linear infinite;
-o-animation: rotate3 15s  linear infinite;
animation: rotate3 15s  linear infinite;
}
.float3{left: 43%; top: 68px;
-webkit-animation: run3 9s infinite;
-moz-animation: run3 9s infinite;
-o-animation: run3 9s infinite;
animation: run3 9s infinite;
}
.float4{left: 28%; top:68px;
-webkit-animation: rotate2 5s linear infinite;
-moz-animation: rotate2 5s  linear infinite;
-o-animation: rotate2 5s  linear infinite;
animation: rotate2 5s  linear infinite;
}
.float5{left: 17%; top: 320px;
-webkit-animation: rotate1 15s linear infinite;
-moz-animation: rotate1 15s  linear infinite;
-o-animation: rotate1 15s  linear infinite;
animation: rotate1 15s  linear infinite;
}
.float6{right: 41%; top: 177px;
-webkit-animation: rotate1 15s linear infinite;
-moz-animation: rotate1 15s  linear infinite;
-o-animation: rotate1 15s  linear infinite;
animation: rotate1 15s  linear infinite;
}
.float7{right: 25%; top: 150px;
-webkit-animation: rotate3 15s linear infinite;
-moz-animation: rotate3 15s  linear infinite;
-o-animation: rotate3 15s  linear infinite;
animation: rotate3 15s  linear infinite;
}
.float8{right: 24%; top: 438px;
-webkit-animation: rotate1 15s linear infinite;
-moz-animation: rotate1 15s  linear infinite;
-o-animation: rotate1 15s  linear infinite;
animation: rotate1 15s  linear infinite;
}
.float9{left: 11%; top: 151px;
-webkit-animation: run2 9s infinite;
-moz-animation: run2 9s infinite;
-o-animation: run2 9s infinite;
animation: run2 9s infinite;
}
.float10{right: 36%; top: 47px;
-webkit-animation: run1 8s infinite;
-moz-animation: run1 8s infinite;
-o-animation: run1 8s infinite;
animation: run1 8s infinite;
}
.float11{left: 4%; top: 670px;}
.float12{right: 15%; top: 766px;}
/*css3动画*/
@keyframes run {
    0%{left: -170px; top: 100px; opacity: 0;}
    25%{left: -50px; top: 30px; opacity: .4;}
    50%{left: 10px; top: 80px; opacity: .8;}
    100%{left: 62px; top: 20px; opacity: 1;}
}
@-moz-keyframes run {
    0%{left: -170px; top: 100px; opacity: 0;}
    25%{left: -50px; top: 30px; opacity: .4;}
    50%{left: 10px; top: 80px; opacity: .8;}
    100%{left: 62px; top: 20px; opacity: 1;}
}
@-webkit-keyframes run {
    0%{left: -170px; top: 100px; opacity: 0;}
    25%{left: -50px; top: 30px; opacity: .4;}
    50%{left: 10px; top: 80px; opacity: .8;}
    100%{left: 62px; top: 20px; opacity: 1;}
}
@-ms-keyframes run {
    0%{left: -170px; top: 100px; opacity: 0;}
    25%{left: -50px; top: 30px; opacity: .4;}
    50%{left: 10px; top: 80px; opacity: .8;}
    100%{left: 62px; top: 20px; opacity: 1;}
}
@keyframes run1 {
    50% {transform:translate(0%, 30%) rotate(30deg);}
}
@-moz-keyframes run1 {
    50% {-moz-transform:translate(0%, 30%) rotate(30deg);}
}
@-webkit-keyframes run1 {
    50% {-webkit-transform:translate(0%, 30%) rotate(30deg);}
}
@-ms-keyframes run1 {
    50% {-ms-transform:translate(0%, 30%) rotate(30deg);}
}
@keyframes run2 {
    50% {transform:translate(0%, -30%) rotate(45deg);}
}
@-moz-keyframes run2 {
    50% {-moz-transform:translate(0%, -30%) rotate(45deg);}
}
@-webkit-keyframes run2 {
    50% {-webkit-transform:translate(0%, -30%) rotate(45deg);}
}
@-ms-keyframes run2 {
    50% {-ms-transform:translate(0%, -30%) rotate(45deg);}
}
@keyframes run3 {
    50% {transform:translate(0%, 30%) rotate(-45deg);}
}
@-moz-keyframes run3 {
    50% {-moz-transform:translate(0%, 30%) rotate(-45deg);}
}
@-webkit-keyframes run3 {
    50% {-webkit-transform:translate(0%, 30%) rotate(-45deg);}
}
@-ms-keyframes run3 {
    50% {-ms-transform:translate(0%, 30%) rotate(-45deg);}
}
@-ms-keyframes run3 {
    50% { transform: translate(0%,120%) rotate(-120deg); }
}
@keyframes run4 {
    50% { transform: translate(0%, -161.95%) rotate(360deg); }
}
@-moz-keyframes run4 {
   	50% { -moz-transform: translate(0%, -161.95%) rotate(360deg);}
}
@-webkit-keyframes run4 {
    50% { -webkit-transform: translate(0%, -161.95%) rotate(360deg); }
}
@-ms-keyframes run4 {
    50% { transform: translate(0%, -161.95%) rotate(360deg); }
}
@keyframes run5 {
    50% { transform: translate(30%, 95%) rotate(30deg); }
}
@-moz-keyframes run5 {
   	50% { -moz-transform: translate(30%, 95%) rotate(30deg);}
}
@-webkit-keyframes run5 {
    50% { -webkit-transform: translate(30%, 95%) rotate(30deg); }
}
@-ms-keyframes run5 {
    50% { transform: translate(30%, -161.95%) rotate(30deg); }
}
@keyframes rotate1 {0% {transform: rotate(15deg)}
50%{transform: rotate(-35deg)}
100% {transform: rotate(15deg)}
}
@-moz-keyframes rotate1 {0% {-moz-transform: rotate(15deg)}
50%{-moz-transform: rotate(-35deg)}
100% {-moz-transform: rotate(15deg)}
}
@-webkit-keyframes rotate1 {0% {-webkit-transform: rotate(15deg)}
50%{-webkit-transform: rotate(-35deg)}
100% {-webkit-transform: rotate(15deg)}
}
@-o-keyframes rotate1 {0% {-o-transform: rotate(15deg)}
50%{transform: rotate(-60deg)}
100% {-o-transform: rotate(15deg)}
}
@keyframes rotate2 {0% {transform: rotate(45deg)}
50%{transform: rotate(-360deg)}
100% {transform: rotate(45deg)}
}
@-moz-keyframes rotate2 {0% {-moz-transform: rotate(45deg)}
50%{transform: rotate(-60deg)}
100% {-moz-transform: rotate(45deg)}
}
@-webkit-keyframes rotate2 {0% {-webkit-transform: rotate(45deg)}
50%{transform: rotate(-60deg)}
100% {-webkit-transform: rotate(45deg)}
}
@-o-keyframes rotate2 {0% {-o-transform: rotate(45deg)}
50%{transform: rotate(-60deg)}
100% {-o-transform: rotate(45deg)}
}
@keyframes rotate3 {0% {transform: rotate(15deg)}
50%{transform: rotate(-15deg)}
100% {transform: rotate(15deg)}
}
@-moz-keyframes rotate3 {0% {-moz-transform: rotate(15deg)}
50%{transform: rotate(-15deg)}
100% {transform: rotate(15deg)}
}
@-webkit-keyframes rotate3 {0% {-webkit-transform: rotate(15deg)}
50%{transform: rotate(-15deg)}
100% {transform: rotate(15deg)}
}
@-o-keyframes rotate3 {0% {-o-transform: rotate(15deg)}
50%{transform: rotate(-15deg)}
100% {transform: rotate(15deg)}
}


@keyframes sf {0%{opacity: 0;}
50%{opacity: 1;}
100%{opacity: 0;}
}
@-moz-keyframes sf {0%{opacity: 0;}
50%{opacity: 1;}
100%{opacity: 0;}
}
@-webkit-keyframes sf {0%{opacity: 0;}
50%{opacity: 1;}
100%{opacity: 0;}
}
@-o-keyframes sf {0%{opacity: 0;}
50%{opacity: 1;}
100%{opacity: 0;}
}
/*---------- index ----------*/
.linkbox{top: 0; right: 10%;}
.linkbox a{margin-left: 10px;}
.main{margin: 0 auto; width: 880px;}
.m_pro{right: -63px; top: 200px; }
.m_slide{left: -28%; top: 446px; width: 260px; height: 290px; background: url(../images/p4.png) no-repeat}
.m_slide_img img{margin-left: 3px; width: 254px; height: 125px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; /* behavior: url(ie-css3.htc); */}
.m_slide_p{top: 209px; left: 49px; width: 25%;}
.m_person div{position: absolute; z-index: 4;}
.m_person div.per1{left: 6%; top: 657px; width: 3%;}
.m_person div.per2{right: 24%; top: 609px; width: 7%;}
.m_person div.per3{right: 18%; top: 650px; width: 2%;}
.m_person div.per4{right: 5%; top: 663px; width: 3%;}
ul.m_pannel{width: 857px; height: 541px;}
ul.m_pannel li{position: absolute; top: 0; left: 0; display: none;}

/*---------- about ----------*/
.a_main, .n_main{margin: 0 auto; width: 980px;}
/* .a_main img, .n_main img{width: 100%;} */
.a_bg, .a_text{top: 155px;}
.a_text{padding: 35px 20px;}
.a_text .tit{/* width: 184px; */ font-size: 20px; color: #936c01; text-align: center;}
.a_text .img_box{width: 389px; top: -30px; left: 35px;}
.a_text .info_box{width: 50%; max-height: 300px;}
.a_text .info_box h3{margin-bottom: 20px; font-size: 17px; color: #5b4302;}
.a_text .info_box p{font-size: 12px; line-height: 23px; color: #936c01;}
/* video */
.video{margin: 0 auto;  width: 919px; height: 563px; background: url(../images/video/vbg.png) no-repeat -5px 0;}
.tvp_container{position: relative; left: 58px; top: 36px; width: 793px; height: 357px;}
.tvp_video, .tvp_poster {position: relative; top: 0; left: 0;}
.tvp_poster img{width: 793px; height: 357px;}
.tvp_video {display: none;}

.tvp_box{padding-top: 78px; margin-left: 235px; padding-bottom: 65px; width: 417px;  overflow: hidden;}
.tvp_item{margin: 0 15px; width: 109px; height: 73px; background: url(../images/video/v1bg.png) no-repeat bottom center; text-align: center; cursor: pointer;}
.tvp_item .icon_play{position: absolute; top: 0; left: 7px; width: 96px; height: 67px;}
.tvp_item .tvp_info{display: none; position: absolute; top: -60px; left: -13px; width: 133px; height: 47px; line-height: 43px; background: url(../images/about/layout.png) no-repeat center center; font-size: 12px; color: #7f7f7f; text-align: center;}
.v_prev, .v_next{display: block; width: 35px; height: 32px; position: absolute; top: 84%;}
.v_prev{left: 185px; background: url(../images/video/l1.png) no-repeat;}
.v_next{right: 215px; background: url(../images/video/r1.png) no-repeat;}

/*---------- news ----------*/
.n_main{padding-top: 147px; width: 1056px;}
.n_main ul{padding-bottom: 20px; padding-left: 40px; width: 90.3%;}
.n_main ul.slick_ul{ background: url(../images/news/shadow.png) no-repeat center bottom; }
.n_main li{padding: 13px 20px 22px 20px; float: left; height: 107px; width:954px; background: url(../images/news/bg_hover.png) no-repeat 0 -6px;}
.n_main li .img_box{margin-right: 55px; width: 161px; height: 103px; overflow: hidden; border: 6px solid #dece4c; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* behavior: url(ie-css3.htc); */}
.n_main li .img_box img{width: 161px; height: 103px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* behavior: url(ie-css3.htc); */}

.n_main .text{margin-right: 100px; width: 52%; height: 87px; overflow: hidden; }
.n_main .text h3{margin-top: 15px; margin-bottom: 3px; font-size: 15px; color: #503414; line-height: 25px; }
.n_main .text p{ font-size: 12px; color: #9b5d14; line-height: 22px;}
.n_main .time{padding-top: 40px; font-size: 11px; font-weight: bold; color: #6b471e;}
.n_main .more{margin-top: 10px;}
.n_main li.hover{padding: 13px 20px 22px 20px; float: left; height: 107px; background: url(../images/news/bg.png) no-repeat 0 -6px;}
/* .n_main li:first-child{background: #fcee7c; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } 
.n_main li:first-child.hover{background: #fff; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;} */
.n_main li.hover .img_box{border: 6px solid #dedede;}
.n_prev, .n_next{position: absolute; top: 423px; width: 44px; height: 44px; background: url(../images/news/arrow.png) no-repeat}
.n_prev{left: -40px; background-position: 0 0;}
.n_next{right: -20px; background-position: 0 -49px;}
/*news_details*/
.n_details{width: 98%; margin: 136px 0 -20px 45px; background: #ffda0e; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.n_details .edite{width: 930px; height: 530px; padding: 20px; padding-right: 10px;}
.n_details .edite .time{font-size: 11px; color: #ca822c; font-weight: bold;}
.n_details .edite h3{margin-bottom: 20px; font-size: 20px; color: #595959; font-weight: 600;}
.n_details .edite p{font-size: 12px; color: #955b15; line-height: 22px;}
.close{z-index: -1; top: 21px; right: -56px;}
.n_left, .n_right{position: absolute; top: 27px; display: block; width: 40px; height: 40px; background: url(../images/news/arrow1.png) no-repeat;}
.n_left{right: 100px; background-position: -1px -44px;}
.n_right{right: 40px; background-position: -53px 0; }
.n_left:hover{background-position: 0 0;}
.n_right:hover{background-position: -53px -45px; }

/*---------- product ----------*/
.pro_info{margin: 0 auto; display: block; width: 143px; height: 47px; line-height: 50px; background: url(../images/product/hover.png) no-repeat; text-align: center; color: #fff; font-size: 12px;}
.p_slide{width: 816px; height: 395px; overflow: hidden;}
.p_slide li{float: left;}


/*---------- download ----------*/
.download{margin: 0 auto; margin-top: 200px; width: 1127px;}
.download .item{margin: 8px; width: 184px !important; height: 321px;padding: 30px 24px 20px 26px; background: #fcee7c; -webkit-border-radius: 44px; -moz-border-radius: 44px; border-radius: 44px;/*  behavior: url(ie-css3.htc); */}
.download .item p{text-align: center;}
.download .item p.desc{margin: 20px 0; font-size: 12px; line-height: 22px; color: #ab671b; text-align: left;  height: 44px; overflow: hidden; }
.item_box{height: 540px;}
.item_box.item_box_1{background: url(../images/audio/shadow1.png) no-repeat center bottom;}
.item_box.item_box_1 .item{margin-top: 70px;}
.item_box.item_box_2{background: url(../images/audio/shadow2.png) no-repeat center bottom;}
.btn_load{margin-left: 50px;}

/*---------- message ----------*/
.message{margin: 0 auto; padding-top: 177px; width: 1052px; height: 557px; background: url(../images/online/bg.png) no-repeat center bottom;}
.message .left{
    margin: 50px 30px 30px; 
    width: 580px; 
    height: 50px;
    }
.message .left .inner_box{margin-top: 24px;}
.message .left .inner_l{margin-right: 24px; width: 70px; text-align: center;}
.message .left .inner_l span.name{display: block; padding: 3px 0; width: 70px; background: #1b86cc; color: #fff; font-size: 12px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;/*  behavior: url(ie-css3.htc); */}
.message .left .inner_l span.time{margin-top: 3px; font-size: 11px; color: #999;}
.message .left .inner_r{width: 440px;}
.message .left .inner_r .radius{padding: 18px 22px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; /* behavior: url(ie-css3.htc); */}
.message .left .inner_r .box_1{background: #efefef; color: #8f8f8f; font-size: 12px; line-height: 22px;}
.message .left .inner_r .box_2{background: #248dd0; color: #fff; font-size: 12px; line-height: 22px;}
.message .right{
    margin-right: 25px; 
    width: 271px;
    margin-left: 250px;
    }
.message .right span{
    margin-top: 10px; 
    margin-bottom: 8px; 
    /*display: block;*/
    font-size: 12px; color: #5e5e5e; font-weight: 400; font-family:"微软雅黑"}
.message .right  input, .message .right  textarea{
    height: 20px; 
    padding: 8px 5px; 
    width: 95%; 
    /*-webkit-appearance: none;*/
    border: 0; outline: 0; background: #FFEAB3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* behavior: url(ie-css3.htc); */}
.message .right  textarea{height: 115px;}
.message .right  input#txtOk{margin-top: 10px; margin-left: 70px; font-size: 0; width: 116px; height: 43px; background: url(../images/online/btn.png) no-repeat;}
.homepage{margin: 0 auto; width: 980px;}

/*---------- contact ----------*/
.contact{margin: 0 auto; margin-top: 130px;  width: 854px; height: 600px; background: url(../images/contact/bg.png) no-repeat;}
.contact .text{margin-top: 250px; margin-right: 90px; width: 312px; }
.contact .text p{font-family: "Microsoft YaHei","微软雅黑"; font-size: 12px; color: #b16711; line-height: 20px;}
.contact .map{margin-top: 253px; margin-left: 46px; width: 390px; height: 390px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; /* behavior: url(ie-css3.htc); */}


/*tab切换*/
.tab_ul{right: 0; top: 85px;}
.tab_ul li{float: left; }
.tab_ul li a{display: block; margin-left: 15px;  padding: 5px 30px; color: #706d6d; font-size: 12px; background: #ededed;  -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; /* behavior: url(ie-css3.htc); */
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.tab_ul li.active a, .tab_ul li a:hover{background: #0e8beb;}
.tab_ul li.active a, .tab_ul li a:hover{color: #fff;}

/*滚动条*/
.mCSB_scrollTools .mCSB_dragger{height: 50px !important;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background: url(../images/about/slide.png) no-repeat;}		
.mCSB_scrollTools .mCSB_draggerRail{width: 10px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{right: 7px; width: 24px;}
.mCSB_scrollTools .mCSB_draggerContainer{right: 8px;}	


@media screen and (min-width:1024px) and (max-width: 1280px) {
.header{left: 20px;}
.footer span{margin-right: 0;}
.m_slide{display: none;}
.a_main{right: -80px;}
.a_main .p_per, .a_p .per2, .a_p .per3, .a_p .per5{display: none;}
.n_main{width: 940px; right: -100px;}
.n_main ul.slick_ul{background-size: contain;}   
.n_main li{width: 850px; background: url(../images/news/bg_hover1.png) no-repeat 0 -6px; }
.n_main li.hover{background: url(../images/news/bg1.png) no-repeat 0 -6px;}
.n_main .text{margin-right: 50px;}
.n_main .slick-prev{left: -16px;}
.n_main .slick-next{right: 0;}
.n_details{right: -30px;}
.product{right: -50px;}
.product .p_per, .product .per2, .product .per3{display: none}
.download{width: 1000px; right: -100px;}
.btn_load{margin-left: 30px;}
.img_load{width: 154px; height: 154px;}
.download .item{width: 154px !important; }
.download .slick-list{width: 880px !important;}

.download .slick-prev{left: 20px;}
.download .slick-next{right: 20px;}
.message{right: -73px;}
.m_p .per2, .m_p .per3, .m_p .per4{display: none;}
}
@media screen and (min-width:1281px) and (max-width: 1665px) {
.header{left: 25px;}
.m_slide{display: none;}
.a_main{right: -80px;}
.a_main .p_per, .a_p .per2, .a_p .per3, .a_p .per5{display: none;}
.n_main{right: -100px;}
.n_main .slick-prev{left: -20px;}
.n_main .slick-next{right: 0;}
.n_details{right: -30px;}
.product{right: -50px;}
.product .p_per, .product .per2, .product .per3{display: none}
.download{right: -100px;}
.download .slick-prev{left: 20px;}
.download .slick-next{right: 20px;}
.message{right: -80px;}
.m_p .per2, .m_p .per3, .m_p .per4{display: none;}
}


/*外边距*/
.mt_0{margin-top:0;}
.mt_5{margin-top:5px;}
.mt_10{margin-top:10px;}
.mt_12{margin-top:12px;}
.mt_15{margin-top:15px;}
.mt_20{margin-top:20px;}
.mt_30{margin-top:30px;}
.mt_40{margin-top:40px;}
.mt_50{margin-top:50px;}
.mt_60{margin-top:60px;}

/*级别*/
.z_1{z-index:1}
.z_2{z-index:2}
.z_3{z-index:3}
.z_4{z-index:4}
.z_5{z-index:5}

/*浮动*/
.fl{
    /*float:left;*/
    _display:inline;
   
}
.fr{
    /*float:right;*/
_display:inline;
    
}
.clear{clear:both;}
.pa{position: absolute;}
.pr{position: relative;}
.pf{position: fixed;}

/*字体大小*/
.ft_6{font-size:6px;}
.ft_9{font-size:9px;}
.ft_10{font-size:10px;}
.ft_11{font-size:11px;}
.ft_12{font-size:12px;}
.ft_13{font-size:13px;}
.ft_14{font-size:14px;}
.ft_15{font-size:15px;}
.ft_16{font-size:16px;}
.ft_17{font-size:17px;}
.ft_18{font-size:18px;}
.ft_19{font-size:19px;}
.ft_20{font-size:20px;}
.ft_22{font-size:22px;}  
.ft_24{font-size:24px;}
.ft_25{font-size:25px;}
.ft_26{font-size:26px;}
.ft_28{font-size:28px;}
.ft_29{font-size:29px;}
.ft_30{font-size:30px;}


/*英文字体*/
.ff_ar{font-family:Arial}
.ff_yh{font-family:"Microsoft YaHei","微软雅黑";}

/*文本对齐*/
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}

/*其他公用样式*/
.mg{margin:0 auto;}
.full_img{width: 100%;}
.hidden{overflow:hidden;}
.visible{overflow: visible;}
.block{display:block;}
.inline{display: inline-block;}
.bold{font-weight:bold;}
.normal{font-weight:normal;}
.upper{text-transform:uppercase;}
.cap{text-transform:capitalize;}