﻿
/* 初始化 */
body { color: #333; font: 14px/1.428571429 "微软雅黑"; }
html, body { width: 100%; height: 100%; }
html, body, form, div, img, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, select, input, button textarea, th, td, hr, article, aside, header, footer, nav, section, summary, figure, figcaption { margin: 0; padding: 0; }
ul, ol { list-style: none; }
img { border: 0; vertical-align: middle; }
em, i { font-style: normal; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
select, input, button { vertical-align: middle; outline: none; }
textarea { resize: none; vertical-align: top; outline: none; }
input[type="button"], input[type="submit"], input[type="reset"], button { border: 0; cursor: pointer; -webkit-appearance: button; }
button[disabled], html input[disabled] { cursor: default; }
input[type="file"] { display: block; }
a { list-style: none; text-decoration: none; color: #333; }
a:hover { text-decoration: none; color: #920783; }

/* 分页 */
/*pages*/
/*.pages{ margin:30px 0;}
.pages .pagestt{ padding:5px 12px;}
.pagesnums li{ float:left;}
.pagesnums li a{ display:block; padding:5px 12px;  margin-right:5px; border:1px solid #dedede;}
.pagesnums li a:hover{background:#920783; color:#fff;}*/
.page{ text-align:center;  margin-top:20px; margin-bottom:50px; padding:20px 0;}
.page a{ padding:3px 8px; border:1px solid #ccc;}
/*.page{ height:60px; margin-top:20px;}
.PageNumDiv{ text-align:center; width:280px; margin:0 auto; padding-top:5px;}
.PageNumDiv a{ font-size:18px; margin:0 10px; display:inline-block;width:20px; height:24px; float:left;}
.PageNumDiv a:hover,.PageNumDiv a.cur{ text-decoration:underline; color:#720931;}
.PageNumDiv a.pageprev{ background:url(../images/left3.png) no-repeat;font-size:0; text-indent:-9999em; margin-top:2px; }
.PageNumDiv a.pagenext{ background:url(../images/right3.png) no-repeat; font-size:0; text-indent:-9999em;}
.PageNumDiv a.pageprev:hover{background:url(../images/left2.png) no-repeat;}
.PageNumDiv a.pagenext:hover{background:url(../images/right2.png) no-repeat;}
.page .nobg{ display:none;}*/


.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt50 { margin-top: 50px; }

.mb10 { margin-bottom: 10px; }

.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }

.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }
/*color*/
.whire { color: #fff; }
.gray { color: #666; }
.red { color: red; }
.violet { color: #920783; }
.co01 { color: #e4007f; }
.co02 { color: #e56c21; }
.co03 { color: #23ac38; }
.co04 { color: #00aad9; }
/*bg*/
.bg1 { background: #920783; }
.bg2 { background: #009fa8; }
.bg3 { background: #b4a800; }
.bg4 { background: #f4921e; }

/*font*/
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }

.nonep { padding-left: 0; padding-right: 0; }
.top { height: 105px; background: #920783; width: 100%; }
.nav a { color: #fff; display: block; }
.nav a { text-decoration: none; }
.nav li:hover, .nav .cur { background: #55044c; }
.navcon { margin-bottom: 0; }

/*footer*/
.links { margin: 20px 0; line-height: 30px; }
.links p { font-size: 16px; }
.links a { float: left; padding-right: 15px; }
.links a:hover { text-decoration: underline; color: #920783; }
.footer01 { background: #920783; height: 60px; }

.foot_phone span { color: #eee158; }
.return_top { width: 100px; background: #fff; height: 60px; }
.return_top span { display: block; text-align: center; margin-top: 8px; }
.footer { padding: 10px 0; }
.f_logo p { float: left; text-align: center; }
.f_logo p span { display: block; font-size:12px; }
.copy { font-size: 12px; padding-top: 10px; }
.copy p { padding-bottom: 5px; }
.copy p span { padding-right: 10px; }
.f_logo img { width: 100%; }
.footercon { border-top: 1px solid #dedede; }
.navbar-collapse { padding-left: 0; padding-right: 0; }



@media (min-width:768px) {
    .navcon .nav li { width:11.111%; }
    .navcon .nav li a { padding-left:0; padding-right:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
}

@media ( min-width: 1025px ) {

    /* top */

    .top .logo { margin-top: 20px; margin-bottom: 20px;}
    .top .phone { padding-top: 28px; float: right;}
        .top .phone .phone_right{margin-top: 5px;float: right;}
    .top .phone .phonenum { font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; color: #fff; }
    .top .phone .en a { margin-left: 20px; border: 1px solid #fff; display: block; height: 30px; line-height: 30px; padding: 0 20px; border-radius: 20px; color: #fff; transition: all 0.3s ease 0s; }
    .top .phone .en a:hover { background: #fff; color: #333; }

    .top .phone .phone_left {
    overflow: hidden;
    float: left;
}

    .navcon .nav { width: 100%; }
    .navcon .nav li { line-height: 45px; float: left; text-align: center; transition: all 0.3s ease 0s; }
    .nav .menu { display: none; }
    .navcon .navlist li a { color: #fff; white-space: nowrap; padding-left:0px; }
    .navcon { height: 45px; background: #6c0561; border-radius: 0; border: 0; }



    /*footer*/
    .foot_phone { font-size: 24px; color: #fff; line-height: 60px; }
    .links { margin: 20px 0; line-height: 30px; }
    .links p { font-size: 16px; }
    .links a { float: left; padding-right: 15px; }
    .links a:hover { text-decoration: underline; color: #920783; }
}

@media (min-width: 992px) and (max-width:1024px) {
    /* top */
    .nav ul li { line-height: 45px; float: left;  text-align: center; transition: all 0.3s ease 0s; }
    .top .logo { margin-top: 20px; }
    .top .phone { padding-top: 35px; float: right; }
    .top .phone .phonenum { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #fff; }
    .top .phone .en a { margin-left: 20px; border: 1px solid #fff; display: block; height: 30px; line-height: 30px; padding: 0 20px; border-radius: 20px; color: #fff; transition: all 0.3s ease 0s; }
    .top .phone .en a:hover { background: #fff; color: #333; }
    /*footer*/
    .links { margin: 20px 0; line-height: 30px; }
    .links p { font-size: 16px; }
    .links a { float: left; padding-right: 15px; }
    .links a:hover { text-decoration: underline; color: #920783; }

    .navcon .nav { width: 100%; }
    .navcon .nav li { line-height: 45px; float: left; display: inline-block; text-align: center; transition: all 0.3s ease 0s; }
    .nav .menu { display: none; }
    .navcon .navlist li a { color: #fff; font-size:12px; }
    .navcon { height: 45px; background: #6c0561; border-radius: 0; border: 0; }
}

@media (min-width:768px) and (max-width:991px) {
    .navcon { background: #6c0561; min-height: inherit; border-radius: 0; border: 0; margin-bottom: 0; }
    .nav ul li { line-height: 45px; float: left; text-align: center; transition: all 0.3s ease 0s; }
    .top .logo { margin-top: 20px; }
    .top .phone { padding-top: 35px; float: right; }
    .top .phone .phonenum { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #fff; }
    .top .phone .en a { margin-left: 20px; border: 1px solid #fff; display: block; height: 30px; line-height: 30px; padding: 0 20px; border-radius: 20px; color: #fff; transition: all 0.3s ease 0s; }
    .top .phone .en a:hover { background: #fff; color: #333; }

    /*footer*/
    .foot_phone { font-size: 18px; color: #fff; line-height: 60px; }
    .links { margin: 20px 0; line-height: 30px; }
    .links p { font-size: 16px; }
    .links a { float: left; padding-right: 15px; }
    .links a:hover { text-decoration: underline; color: #920783; }

    .navcon .nav { width: 100%; height: 50px; }
    .navcon .nav li { line-height: 45px; float: left; display: inline-block; text-align: center; transition: all 0.3s ease 0s; padding: 0;  }
    .nav .menu { display: none; }
    .navcon .navlist li a { color: #fff; font-size:12px;  }
}

@media (max-width:767px ) {
    /* top */
    .top .logo { margin-top: 30px; }
    .top .logo .logo-img { width: 80%; }

    .top .phone { padding-top: 35px; }
    .top .phonenum { display: none; }
    .top .phone .en a { margin-left: 20px; border: 1px solid #fff; display: block; height: 30px; line-height: 30px; padding: 0 20px; border-radius: 20px; color: #fff; transition: all 0.3s ease 0s; margin-top: 6px; }

    .top .logo .ib { display: none; }


    .nav ul li { line-height: 45px; float: left; display: block; width: 100%; text-align: center; transition: all 0.3s ease 0s; border-bottom: 1px solid #dedede; }
    .navcon { background: #6c0561; border-radius: 0; border: 0; margin-bottom: 0; min-height: inherit; }
    .navbar-toggle { background: #920783; border: 0; margin-top: -68px; }
    .navcon .navlist li a { color: #fff; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background: #920783; }

    /*footer*/
    .foot_phone { font-size: 24px; color: #fff; line-height: 80px; }
    .contactcon { margin-bottom: 10px; background: #fff; }
    .links { margin: 20px 0; line-height: 30px; }
    .links p { font-size: 14px; }
    .links a { float: left; padding-right: 15px; font-size: 12px; }
    .links a:hover { text-decoration: underline; color: #920783; }
    .f_logo { font-size: 12px; }
    .erwei { display: none; }
    .footercon { background: #f3f3f3; }
	.navbar-nav{ margin:0;}
}

@media only screen and (max-width:480px ) {
    .top .phonenum { display: none; }
    .top .logo { margin-top: 30px; width: 160px; }
    .top .logo .logo-img { width: 190px; }
    .top .phone { padding-top: 45px; }
    .phone_right{height: 105px;}
    .pull-left{float: none !important;}
    .pull-left2{top:65px !important;}
     .phone .en{ position:absolute; top:0; right:5px;}
     .phone .en1{ position:absolute; top:64px; right:5px;}
        .phone .en2{top:64px; right:120px;}
        .phone .en3{top:64px; right:175px;}
	
    .top .phone .en a { margin-left: 5px; border: 1px solid #fff; display: block; height: 25px; line-height: 25px; padding: 0 10px; border-radius: 20px; color: #fff; transition: all 0.3s ease 0s; }

    .nav ul li { line-height: 45px; float: left; display: inline-block; width: 100%; text-align: center; transition: all 0.3s ease 0s; border-bottom: 1px solid #dedede; }


    .navcon { background: #6c0561; border-radius: 0; border: 0; margin-bottom: 0; min-height: inherit; margin-top: -110px;}
    .navbar-toggle { background: #920783; border: 0; margin-top: -68px; }
    .navcon .navlist li a { color: #fff; padding-left:15px!important; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background: #920783; }
    .menu { margin-top: -10px; }
    .bunn{margin-top: 0 !important;}

    /*footer*/
    .foot_phone { font-size: 16px; color: #fff; line-height: 60px; }
    .links { margin: 20px 0; line-height: 30px; }
    .links p { font-size: 14px; }
    .links a { float: left; padding-right: 15px; font-size: 12px; }
    .copy p span { display: block; }
    .f_logo { font-size: 12px; }
    .erwei { display: none; }
    .footercon { background: #f3f3f3; }
}
