*{margin: 0;padding: 0}
ul, li, ol, p, a{ margin: 0; padding: 0; }
ul, ol, li { list-style: none;}
img { border: none; }
textarea { resize: none; padding: 5px; }

h1,h2,h3,h4,h5,h6,p{margin: 0;padding: 0;}
.clear{clear: both;}

button,input,select{outline: none;border: none;}
a:hover,a:focus{text-decoration: none;}
a{color: #333}
@media (min-width: 768px) {
    .container {
        width:750px
    }
}
@media (min-width: 992px) {
    .container {
        width:970px
    }
}
@media (min-width: 1200px) {
    .container {
        width:1400px
    }
}




/*头部*/



.header{padding: 15px 0;border-bottom: 1px solid #eee;}
.navbar{margin: 0;border: none;}
.navbar-collapse{padding: 0;}
.navbar-nav{width: 100%;}
.nav > li {position: relative;display: block;text-align: center;}
.navbar-nav > li > a {padding: 0 27px;border-right: 1px solid #c6c6c6;font-size: 16px;color: #3a3a3a;}
.nav > li > a:hover, .nav > li > a:focus {color: #255193;background: none;}
.navbar-nav > li > .dropdown-menu {background: rgb(37 81 147);margin-top: 0;border-top-left-radius: 0;border-top-right-radius: 0;padding: 0;min-width: 100%;text-align: center;border: none;top: 125%;}
.dropdown-menu > li > a {display: block;padding: 12px 0;clear: both;font-weight: normal;line-height: 1;color: #fff;white-space: nowrap;border-bottom: 1px solid #ffffff1c;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {color: #ffffff;text-decoration: none;background: #f9be11;}
.header .head-logo{width: 40%;float: left;display: flex;align-items: center;}
.header .head-logo img{}
.header .head-logo .head-txt{padding: 0 0 0 12px;}
.header .head-logo .head-txt h2{font-size: 30px;font-weight: bold;letter-spacing: 3px;}
.header .head-logo .head-txt p{text-transform: uppercase;font-size: 12px;color: #999;padding: 4px 0 0;}
.header .head-box{width: 58%;float: right;padding: 30px 0 0;}



.navbar-toggle {position: relative;float: right;padding: 9px 10px;margin-top: 8px;margin-right: 10px;margin-bottom: 8px;background: none;border: none;border-radius: 4px;}
.navbar-toggle span.line{    width: 31px;height: 2px;background: #6a6a6a;color: #fff;display: block;margin: 5px 0;}

.welcome .searchbox{text-align: right;position: relative;}
.welcome .searchbox input{    height: 22px;outline: none;border-radius: 0;border: none;font-size: 15px;}
.welcome .searchbox input::placeholder{color:#fff}
.welcome .searchbox input[type="text"]{    width: 100%;border: 1px solid #fff;padding-left: 14px;font-size: 14px;background: none;border-radius: 50px;padding-right: 10px;transition: all .5s;}
.welcome .searchbox input[type="text"]:focus{border: 1px solid #ffae35;}
.welcome .searchbox input[type="submit"] {position: absolute;right: 0;background: url("../images/top-ss.png")no-repeat center;background-size: 15px;width: 42px;transition: all .5s;}
.searchbox input[type="submit"]:hover{background: url(../images/top-ss.png)no-repeat center;background-size: 16px;}
.welcome{background: #255193; color: #fff;overflow: hidden;padding: 7px 0;}
.welcome .welcome-le{width: 60%;float: left;}
.welcome .welcome-le ul{display: flex;align-items: center;}
.welcome .welcome-le ul li{display: flex; justify-content: center;align-items: center;padding: 0 50px 0 0;}
.welcome .welcome-le ul li img{}
.welcome .welcome-le ul li p{font-size: 14px;padding: 0 0 0 6px;}
.welcome .welcome-le ul li a{color: #fff;padding: 0 5px;transition: all .5s;display: flex;align-items: center;}
.welcome .welcome-le ul li:first-child a:nth-child(1){display: inline-block;}
.welcome .welcome-le ul li a:hover{color: rgb(249, 190, 17);transition: all .5s}
.welcome .welcome-ri{width: 16%;float: right;padding: 3px 0 0;}
.welcome .welcome-ri ul{}
.welcome .welcome-ri ul li{}
.welcome .welcome-ri ul li:first-child{width: 61%;float: left;margin: 0 11px 0 0;}
.welcome .welcome-ri ul li:last-child{width: 34%;float: right;text-align: right;}
.welcome .welcome-ri a{color: #fff;font-size: 14px;transition: all .5s}
.welcome .welcome-ri a:hover{color: rgb(249, 190, 17);transition: all .5s}




@media (min-width: 992px) and (max-width: 1200px){
	.welcome .welcome-le ul li {padding: 0 23px 0 0;}
	.welcome .welcome-le { width: 77%;}
	.welcome .welcome-ri {width: 23%;}
	.navbar-nav > li > a {padding: 0 14px;}

}
@media (max-width: 992px) {

    .top-logo img{height: 50px;}
	.navbar-header {display: block;float: none;}
	.navbar-toggle { display: block;}
	.welcome { display: none;}
	nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
    position: fixed;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    display: block;
    background: #fff;
    z-index: 99;
    width: 280px;
    height: 100% !important;
    left: -280px;
    top: 0;
    padding: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
	.nav > li { text-align: left;float: none;}
	.navbar-nav > li > a { padding: 13px 21px; border-right: none; border-bottom: 1px solid #d8d8d8;}
	nav.navbar.bootsnav .navbar-collapse.collapse.in { display: block !important;top: 95px}
	body nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
    width: 100%;
    height: auto !important;
    left: 0;
    top: -100%;
    max-height: 520px;
}
	nav.navbar.bootsnav .navbar-collapse.collapse {
    display: none !important;
}
	.header .head-logo img { width: 33%;}
	.header .head-box { padding: 3px 0 0;}
	nav.navbar.bootsnav .navbar-collapse.collapse.in {top: 95px;}
	.nav > li > a:hover, .nav > li > a:focus {color: #fff; background: #255193;}
	.dropdown-menu > li > a{padding-left: 20px;text-align: left;color: #333;}
    .navbar-nav > li > .dropdown-menu{background: #eee;padding-bottom: 10px;top: 97%;}
	
	

}
@media (max-width: 767px){

    .top{display: none;}

    .header{}

    .navbar-brand {float: left;width: 80%;height: auto;padding: 10px;font-size: 18px;line-height: 20px;}
    .navbar-brand > img {display: block;width: 100%;}

    .navbar-nav {margin: 0;}
    .nav > li {position: relative;display: block;width: 100%;text-align: left;}
    .nav > li > a{font-size: 15px; padding: 11px 12px;}

    .dropdown-menu{}
    .dropdown-menu > li > a{padding-left: 20px;text-align: left;color: #333;}
    .navbar-nav > li > .dropdown-menu{background: #eee;padding-bottom: 10px;top: 97%;}
	
	.welcome { display: block;padding: 7px 9px;}
	.welcome .welcome-le ul li:first-child {display: none}
	.welcome .welcome-le ul li p { display: none;}
	.welcome .welcome-le {width: 44%;}
	.welcome .welcome-le ul li { padding: 0 22px 0 0;}
	.welcome .welcome-ri {width: 53%;}
	.welcome .welcome-ri ul li:first-child { width: 65%;}
	.welcome .welcome-ri ul li:last-child {width: 29%;}
	
	.header .head-logo {width: 54%;}
	.header .head-logo .head-txt h2 {font-size: 23px;letter-spacing: 3px;}
	.header .head-logo .head-txt p {text-transform: none;font-size: 11px;}
	.header .head-box { padding: 0px 0 0; width: 42%;}
	.navbar-toggle { margin-top: 3px}
	.header .head-logo img { width: 42%;}
	.header { padding: 12px 9px;}
	nav.navbar.bootsnav .navbar-collapse.collapse.in {top: 119px;}
	.nav > li > a:hover, .nav > li > a:focus {color: #fff; background: #255193;}




}





/*轮播图*/
.carousel-inner{}
.carousel-inner .item{height: 720px;background-size: auto 100% !important;}


.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

.carousel-inner img {
    width: 100%;
    object-fit: cover;
}

@media (min-width: 992px) and (max-width: 1200px){
	.carousel-inner .item {height: 469px;}

}
@media (max-width: 992px) {
    .carousel-inner .item {height: 380px;background-size: auto 100% !important;}

}
@media (max-width: 767px){

    .carousel-inner .item {height: 180px;background-size: auto 100% !important;}
    .carousel {}

}





/*底部*/
.foot{}
.foot .f-one{overflow: hidden;    background: #fafafa;padding: 35px 0 20px;}
.foot .f-one .f-logo{width: 30%;float: left;text-align: center;}
.foot .f-one .f-logo img{}
.foot .f-one .f-logo h2{font-size: 25px;font-weight: bold;letter-spacing: 2px;padding: 15px 0 0;}
.foot .f-one .f-logo p{text-transform: uppercase; font-size: 12px; padding: 2px 0 0; color: #999;}
.foot .f-one .f-nav{overflow: hidden;padding: 16px 0 0;}
.foot .f-one .f-nav ul{}
.foot .f-one .f-nav ul li{width: 33.33%;float: left; border-right: 1px solid #c1c1c1;margin: 0 0 10px;}
.foot .f-one .f-nav ul li:nth-child(3),.foot .f-one .f-nav ul li:nth-child(6){border: none}
.foot .f-one .f-nav ul li a{font-size: 15px;color: #5f5f5f;}

.foot .f-lx{width: 49%;float: left;padding: 0px 74px 0;}
.foot .f-lx h2{font-size: 20px; font-weight: bold; border-left: 3px solid #255193;padding: 0 0 0 10px;margin: 0 0 20px;}
.foot .f-lx ul{}
.foot .f-lx ul li{display: flex;padding: 0 0 10px;}
.foot .f-lx ul li i{padding: 4px 6px 0 0;}
.foot .f-lx ul li p{font-size: 15px;}

.foot .f-ewm{width: 21%;float: right;}
.foot .f-ewm .ewm-dh{display: flex;align-items: center;}
.foot .f-ewm .ewm-dh img{padding: 0 13px 0 0;}
.foot .f-ewm .ewm-dh h2{font-size: 16px;}
.foot .f-ewm .ewm-dh h3{color: #255193; font-size: 32px; font-weight: bold;padding: 4px 0 0;}
.foot .f-ewm .ewm-box{display: flex; align-items: center;padding: 5px 0 0;}
.foot .f-ewm .ewm-box img{}
.foot .f-ewm .ewm-box p{font-size: 15px;padding: 0 0 6px;}

.f-two{background: #f2f2f2;text-align: center;padding: 15px 0;}
.f-two p{font-size: 15px;color: #949494;}
@media (min-width: 992px) and (max-width: 1200px){
	.foot .f-ewm { width: 30%;}
	.foot .f-lx {width: 40%; padding: 0px 26px 0;}
	.foot .f-one .f-logo h2 {font-size: 24px; letter-spacing: 0px;}
	.foot .f-one .f-logo p {text-transform: none;font-size: 13px;}

}
@media (max-width: 992px){
	
	.foot{display: none}


}
@media (max-width: 767px){
	
}








/*手机端底部*/
.footers {border-top: 1px solid #555;display: none;position: fixed;bottom: 0;z-index: 99;width: 100%;text-align: center;background: #232323;}
.footers a {display: inline-block;width: 24%;color: #fff;padding: 10px 0;}
.footers h2{font-size: 15px;padding: 9px 0 0;}
.footers img{width: 27%;}
.hr{display: none}
@media (min-width: 992px) and (max-width: 1200px){
	.hr{display: none}

}
@media (max-width: 992px) {
    .footer{display: none;}
    .footers{display: block;}
	.footers img { width: 15%;}
	.hr{display: block;height: 74px}
}
@media (max-width: 767px){
	.footers img {width: 25%;}
	.footers h2 {font-size: 14px; padding: 9px 0 0;}
	.hr { height: 68px;}


}



/*右侧*/
#right{position: fixed;right: 0;top: 25%;z-index: 999;}
#right .r-box{background: #0e05097a;width: 50px;height: 50px;text-align: center;margin-bottom: 6px;position: relative;z-index: 3;border-radius: 50px}

#right .r-box:hover{background:#255193}
#right .r-box img{padding: 15px 15px;}

#right .r-box img.r-ico{width: 40px;margin-top: 5px;}
#right .r-box p {font-size: 12px;line-height: 1;color: #fff;margin-top: 5px;}

#right .r-box.r-dh{}
#right .r-box.r-dh .dh-box{position: absolute;height: 100%;right: -200px;background: #255193;top: 0;width: 200px;transition: all .5s;z-index: 1;border-radius: 50px;}
#right .r-box.r-dh .dh-box h3{color: #fff;line-height: 52px;font-weight: bold;font-size: 26px;}
#right .r-box.r-dh:hover .dh-box{right: 102%;}

#right .r-box.r-ewm{}
#right .r-box.r-ewm .ewm-box{position: absolute;bottom: 0;right: 110%;background: #255193;padding: 5px;display: none;}
#right .r-box.r-ewm .ewm-box img{}
#right .r-box.r-ewm .ewm-box h5 {font-size: 13px;line-height: 1;color: #fff;margin-top: 5px;}
#right .r-box.r-ewm .ewm-box span {width: 12px;height: 12px;display: inline-block;position: absolute;transform: rotate(45deg);background: #255193;right: -5px;bottom: 5px;}
#right .r-box.r-ewm:hover .ewm-box{display: block;}

.r-top{margin-top: 20px;}



#right .r-x{background:#36b55f;width: 30px;height: 100px;text-align: center;margin-bottom: 6px;position: relative;z-index: 999;border-radius: 50px;margin: auto;margin-top: 50px;}
#right .r-x a{display: block;}

#right .r-x img{padding: 0px 0 0 0;width: 100%;}













@media (max-width: 992px){
    #right{display: none;}
}