@charset "utf-8";
:root {
    font-size: 10px;
}

a,
a:hover {
    text-decoration: none;
}

.red {
    color: red;
    text-decoration: underline;
}


/*超小屏幕（手机，小于768px）*/
.mylogo #right2 .hidden-xs{
	font-size:1rem;
}
.mylogo #right2 strong {
	font-size: 1.3rem;
	color: #01ba7c;
}

/*没有任何媒体查询的相关代码，因为在bootstrap中是默认的（bootstrap是移动设备优先）*/


/*小屏幕（平板，大于等于768px）*/

@media (min-width: 768px) {
    body {
        font-size: 1.2rem;
    }
    /* nav-part */
    #mainnav .common-btn,
    #mainnav1 .common-btn {
        width: 90px;
    }
    #mainnav .btn_s,
    #mainnav1 .btn_s {
        width: 63px;
    }
    #mainnav .btn_c,
    #mainnav1 .btn_c {
        width: 90px;
    }
    #mainnav .self-info0,
    #mainnav1 .self-info0 {
        width: 150px;
    }
    #mainnav .self-infoc,
    #mainnav1 .self-infoc {
        width: 100px;
    }
    /*登陆框*/
    #myModal,
    #forgetModal {
        margin: 10% auto;
    }
    #myModal .modal-dialog,
    #forgetModal .modal-dialog {
        width: 50%;
    }
    #myModal .modal-dialog .modal-content .modal-body .form-horizontal .form-group,
    #forgetModal .modal-dialog .modal-content .modal-body .form-horizontal .form-group {
        width: 90%;
    }
    #myModal .modal-dialog .modal-content .modal-body .forget-register .btn-default,
    #forgetModal .modal-dialog .modal-content .modal-body .forget-register .btn-default {
        width: 80px;
    }
    #myModal1 {
        margin-top: 0;
    }
    /*header-part*/
    /*小屏幕显示logo，邮箱和电话*/
    .mylogo #right2 i {
        font-size: 2rem;
    }
    .mylogo #right2 i:last-child {
        font-size: 2.5rem;
    }
	.mylogo .span6-left #showtime {
		font-size: 2rem;
	}
	.mylogo .span6-left span {
		font-size: 1.3rem;
		font-weight: bold;
	}
	
    .mylogo #right2 strong {
        font-size: 1.5rem;
        color: #01ba7c;
    }
	.mylogo #right2 .hidden-xs{
		font-size:1.3rem;
	}
    /*search-part*/
    .searchbox input {
        font-size: 1.2rem;
    }
    /*carousel-part*/
    .myslide {
        position: relative;
        top: -50px;
    }
    .myslide .carousel-indicators {
        bottom: 10px;
    }
    .myslide .carousel-indicators li {
        width: 10px;
        height: 10px;
    }
    .myslide .carousel-indicators li:active {
        width: 10px;
        height: 10px;
    }
    .myslide .carousel-caption {
        padding-bottom: 20px;
    }
    .myslide .carousel-control {
        width: 15%;
    }
    .myslide .mycaption {
        text-align: left;
        left: 12%;
    }
    .myslide .mycaption-1 {
        bottom: 8%;
    }
    .myslide .mycaption-2,
    .myslide .mycaption-3 {
        bottom: 40%;
    }
    .myslide .mycaption-4 {
        bottom: 55%;
    }
    .myslide .carousel-inner .item span {
        font-size: 1.6rem;
        text-transform: lowercase;
        display: inline-block;
        padding: 10px;
        background: rgba(56, 152, 66, 0.8);
        margin-bottom: 20px;
    }
    .myslide .carousel-inner a span {
        font-size: 2rem;
    }
    /*FAQ-part*/
    .FAQ-part {
        margin-top: -20px;
    }
    .FAQ-part .f1 {
        top: 10px;
    }
    .FAQ-part .f2 {
        bottom: 10px;
    }
    .FAQ-part .discription {
        padding-top: 20px;
        font-size: 1.4rem;
        font-weight: bold;
    }
    .FAQ-part .discriptionp {
        font-size: 1.2rem;
        text-transform: lowercase;
    }
    .FAQ-part .FAQ-layer1 {
        width: 40%;
        height: 135px;
    }
    .FAQ-part .FAQ-layer1>div .triangle-up {
        top: 118px;
        left: 50%;
        margin-left: -20px;
    }
    .FAQ-part .phone {
        display: none;
    }
    .FAQ-part .pc {
        display: block;
    }
    .FAQ-part .FAQ-layer2 {
        margin-top: 20px;
    }
    .FAQ-part .FAQ-layer2 .discription {
        padding-top: 5px;
    }
    .FAQ-part .FAQ-layer2 .son>div {
        width: 80%;
        height: 135px;
    }
    .FAQ-part .FAQ-layer2 .son>div .triangle-down {
        display: inline-block;
        width: 40px;
        height: 40px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        background-color: #ffffff;
        position: absolute;
        top: -22px;
        left: 50%;
        margin-left: -20px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .my-fixed {
        display: block;
        position: fixed;
        right: 3px;
        bottom: 3px;
        height: 180px;
        width: 410px;
        background: #ffffff;
        border: 2px solid #bcbcbc;
        /* box-shadow: 1px 1px 2px 2px #cccccc; */
        border-radius: 3px;
        z-index: 99;
    }
    .ooo {
        float: left;
    }
    .ooo:first-child {
        width: 30%;
        margin-left: 4%;
        margin-right: 4%;
    }
    .ooo:first-child img {
        width: 100%;
    }
}


/*中等屏幕（桌面显示器，大于等于992px）*/

@media (min-width: 992px) {
    /*nav-part*/
    #mainnav .common-btn,
    #mainnav1 .common-btn {
        width: 110px;
    }
    #mainnav .btn_s,
    #mainnav1 .btn_s {
        width: 90px;
    }
    #mainnav .self-info0,
    #mainnav1 .self-info0 {
        width: 180px;
    }
    /*登陆框*/
    #myModal,
    #forgetModal {
        margin: 0% auto;
    }
    #myModal .modal-dialog,
    #forgetModal .modal-dialog {
        width: 28%;
    }
    #myModal .modal-dialog .modal-content .modal-body .form-horizontal .form-group,
    #forgetModal .modal-dialog .modal-content .modal-body .form-horizontal .form-group {
        width: 90%;
    }
    #myModal .modal-dialog .modal-content .modal-body .forget-register a,
    #forgetModal .modal-dialog .modal-content .modal-body .forget-register a {
        margin-bottom: 15px;
    }
    #myModal .modal-dialog .modal-content .modal-body .forget-register .btn-default,
    #forgetModal .modal-dialog .modal-content .modal-body .forget-register .btn-default {
        width: 80px;
    }
    /*header-part*/
	.mylogo .span6-left #showtime {
		font-size: 2.4rem;
	}
	.mylogo .span6-left span {
		font-size: 1.4rem;
		font-weight: bold;
	}
    #right2 .span6-right span {
        font-size: 1.3rem;
    }
    #right2 .span6-right strong {
        font-size: 2.2rem;
    }
	.mylogo #right2 .hidden-xs{
		font-size:1.8rem;
	}
    /*search-part*/
    .searchbox input {
        font-size: 1.4rem;
    }
    /*carousel-part*/
    .myslide .carousel-inner .item span {
        font-size: 1.8rem;
        padding: 20px;
    }
    /*fixed-part*/
    .fixed-part {
        display: block;
        position: fixed;
        right: 30px;
        bottom: 50px;
    }
    .fixed-part span {
        display: none;
    }
    .fixed-part span img {
        width: 60%;
    }
    .fixed-part>ul {
        width: 48px;
        text-align: center;
    }
    .fixed-part>ul>li {
        position: relative;
    }
    .fixed-part>ul>li:nth-child(2):hover>span {
        position: absolute;
        left: -150px;
        top: -35px;
        display: inline-block;
        cursor: pointer;
    }
    .fixed-part>ul>li:nth-child(3) ul {
        display: none;
    }
    .fixed-part>ul>li:nth-child(3):hover>span {
        color: #0ba6dd;
        font-size: 2rem;
        display: block;
        position: absolute;
        left: -160px;
        top: 0;
        text-align: left;
        height: 48px;
        line-height: 48px;
    }
    .fixed-part i {
        font-size: 3rem;
        color: #0ba6dd;
    }
}


/*大屏幕（大桌面显示器，大于等于1200px）*/

@media (min-width: 1200px) {
    /*nav-part*/
    #mainnav,
    #mainnav1 {
        font-size: 1.3rem;
    }
    #mainnav .common-btn,
    #mainnav1 .common-btn {
        width: 120px;
    }
    #mainnav .self-info0,
    #mainnav1 .self-info0 {
        width: 180px;
    }
    /*search-part*/
    .searchbox input {
        padding: 10px;
        font-size: 1.4rem;
    }
    /*FAQ-part*/
    .FAQ-part .discription {
        padding-top: 20px;
        font-size: 1.6rem;
    }
    .FAQ-part .discriptionp {
        font-size: 1.4rem;
    }
    .FAQ-part a {
        font-size: 1.4rem;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        border-radius: 20px;
        padding: 10px 20px;
    }
    .FAQ-part .FAQ-layer1 {
        width: 25%;
        height: 165px;
    }
    .FAQ-part .FAQ-layer1>div {
        position: relative;
    }
    .FAQ-part .FAQ-layer1>div .triangle-up {
        top: 148px;
    }
    .FAQ-part .FAQ-layer2 .son>div {
        width: 50%;
        height: 165px;
    }
    /*bottom-part*/
    .bottom-part {
        margin-top: 40px;
    }
    .bottom-part .row {
        margin-bottom: 10px;
    }
    .bottom-part p,
    .bottom-part span {
        font-size: 1.4rem;
    }
    .bottom-part strong {
        font-size: 1.6rem;
    }
}