/*** @import "https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css"; ***/
@import "https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/font-awesome/4.7.0/css/font-awesome.min.css";
html{font-size: 16px;}
ul{padding:0;margin:0;}
ul li{list-style:none;}
img{max-width:100%;}
.layout{position: relative;width: 100%;}
.clear{clear: both;}

.top-nav{height: 40px;background-color: #333333;color:#fff;font-size: 14px;}
.top-nav a{color:#fff;margin-right: 8px;}
.navbar-toggler{position: absolute;right: 5%;top:46px;background-color: #1B7EC2;z-index: 10;}
.navbar-toggler .fa{color:#fff;}
.logo{margin-left:10px;}
.navbar-nav{font-size: 1.3rem;font-weight: 300;}
.navbar-nav>.nav-item.show>.dropdown-toggle::after{border-top: 0;border-bottom: 0.3em solid;}
.navbar-nav>.nav-item>.dropdown-menu{margin-top:-1px;}

.default{z-index: 10;position: absolute;top: 0;left: 0;width: 100%;}
.default .navbar{background-color: #fff;border-radius: 60px;}

@media only screen and (max-width: 760px){.logo img{height: 40px;}.default .navbar{border-radius:0;}}
@media (min-width: 768px){.logo img{height: 50px;}.default .navbar{margin-top: 30px;}}
@media (min-width: 992px){
    .logo img{height: 60px;}
    .default .navbar{margin-top: 40px;}
    .navbar .navbar-nav .nav-link{padding-left: 1.6rem;padding-right: 1.6rem;}
}
@media (min-width: 1200px){
    .logo img{height: 100%;}
    .default .navbar{height: 120px;margin-top: 50px;}
    .navbar .navbar-nav .nav-link{padding-left: 2.4rem;padding-right: 2.4rem;}
}

.index-query{position: absolute;margin-top:-200px;width: 100%;}
.index-query a{text-decoration:none;color:#fff;}
.index-query a:hover{color:#000;}
.index-query>.container{background-color: rgb(0,0,0,0.5);height:200px;color:#fff;}
.index-query .form-inline textarea.form-control{display: block;width:100%;}

.index-pro .nav-tabs{height:40px;line-height:40px;background-color: #f0f0f0;border-radius:20px;}
.index-pro .nav-tabs li{padding: 0;}
.index-pro .nav-tabs li a{display: block;width: 100%;text-align: center;}
.index-pro .nav-tabs a:hover,.index-pro .nav-tabs .active a{background-color: #1B7EC2;border-radius:20px;color:#fff;}
.index-pro .tab-content{margin-left: -15px;margin-right: -15px;overflow: hidden;}
.index-pro .tab-content .bd{width: 100%;}
.index-pro .tab-content .bd>li{width: 33%;display: inline-block;}
.index-pro .tab-content .bd>li>div{margin:15px;box-shadow: 0 3px 5px rgba(0,0,0,0.3);border-radius: 20px;padding:20px 10px;}
.index-pro .tab-content .bd>li>div .btn{background-color: #1B7EC2;color: #fff;margin-top: 1rem;}
.index-pro .tab-content .bd>li>div .btn:hover{background-color: #333333;}

.prolist>dl>dt{box-shadow: 0 3px 5px rgba(0,0,0,0.3);border-radius: 20px;padding:20px 10px;text-align: center;}

.index-serve>div>img{border:#000 solid 1px;border-radius:100%;}
.index-serve>div:hover>img{border-color:#ff5000;}
.index-serve .text-body{border:#000 solid 1px;max-width:300px;margin:auto;}
.index-serve .img-btn{position:absolute;left:50%;margin-left:-74px;bottom:-20px;}
.index-serve>div:hover .img-btn img{-webkit-filter: invert(10);-moz-filter: invert(10);-ms-filter: invert(10);-o-filter: invert(10);filter: invert(10);filter: invert;}

.index-news{overflow:hidden;}
.index-news li{width:20.1%;}
.index-news li>div{margin:10px;text-align:center;}
.index-news li>div a{font-size:0.8rem;}
.index-news li img{height:145px;}

@media only screen and (max-width: 760px){
    html{font-size: 12px;}
    .index-pro .tab-content .bd>li{width: 49%;}
    .index-news li{width:33%;}
}
@media (min-width: 768px){
    html{font-size: 14px;}
    .index-pro .tab-content .bd>li{width: 32.5%;}
}
@media (min-width: 992px){
/*    .index-pro .tab-content .bd>li{width: 49.6%;}*/
}
@media (min-width: 1200px){
    html{font-size: 16px;}
    .index-pro .tab-content .bd>li{width: 33%;}
}

.friendlink {padding-top: 30px;border-top: #CCC solid 1px;}
.friendlink li {float: left;margin: 5px;}

#rightArrow,#floatDivBoxs{position:fixed;top:40%;z-index:999;}
#rightArrow{width: 50px;height: 45px;background-color:#1b7ec2;left: 170px;color: #fff;font-size: 32px;border-radius: 0 6px 6px 0;}
#rightArrow .fa{position: absolute;top:8px;left:15px;}
#floatDivBoxs{width: 170px;background: #fff;left: 0;}
#floatDivBoxs .floatDtt{width: 100%;height: 45px;line-height: 45px;background: #ec641a;color: #fff;font-size: 18px;text-indent: 22px;position: relative;}
#floatDivBoxs .floatShadow{background: #fff;box-shadow: 1px 0 3px rgba(0,0,0,0.25);}
#floatDivBoxs .floatDqq{padding: 0 14px;}
#floatDivBoxs .floatDqq li{height: 46px;line-height: 46px;font-size: 15px;border-bottom: 1px solid #e3e3e3;list-style: none;}
#floatDivBoxs .floatDtxt{font-size: 18px;color: #333;padding-left:14px;}
#floatDivBoxs .floatDtel{padding:10px;font-size:16px;font-weight:bold;}


footer{background-color: #1B7EC2;color:#fff;padding-top:2rem;}
footer a{color: #fff;}
footer .nav>li{padding-left:15px;padding-right: 15px;}
footer .copyright{color:#7AFCB4;}

.fs-13{font-size: 1.3rem;font-weight: 300;}
.list-group-item.active{background-color: #1B7EC2;}
.cursor{cursor: pointer;}