@charset "utf-8";
/*html,body{ font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial,"Microsoft YaHei","微软雅黑";width: 100%;height: 100%;}*/


html,body{font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";width: 100%;height: 100%;}
.h10{width: 100%;height: 10px;clear: both;}
.section{ width: 100%; height: auto; float: left; padding: 10px 0px;}
.section h1{color: #0066bf;font-weight: bold;text-transform: uppercase;margin-top: 0px;}
.section .spacing{margin-bottom:3rem;}
a{text-decoration:none;color:#333;}
a:hover{color:#0066bf;text-decoration:none;}
.nopadding{padding: 0px;}
.btn-primary{background-color:#777;border-color: #777;color: #fff;text-transform: uppercase;}
.btn-primary:hover{background-color: #009bf0;border-color: #009bf0;color: #fff;}
p{font-weight: normal !important;}

.tbody tr:nth-child(odd){background-color: #f5f5f5;}

.banner{padding: 0px;}
.banner,.banner .carousel,.banner .carousel .carousel-inner,.banner .carousel .item,.banner .carousel .item a{width: 100%;height: 100%;}


.adva{padding: 50px 0px;display: none;}
.pro,.about,.par{padding: 70px 0px;}
.solu{padding: 70px 0px 0 0;}

.pro .col-sm-4 p{height: 80px;overflow: hidden;line-height: 20px;}
.about{ margin-bottom: 0px;color: #333;background-color:#f9f9f9;background-repeat: no-repeat;background-position: bottom center;background-size: cover;}
.about h1{color: #0066bf;} 
.about p{font-size: 14px;color: #333;} 
.about small{color: #333;} 
.about .btn-primary{color: #333;border-color: #333;background-color: transparent;}
.about .btn-primary:hover {background-color: #009bf0;border-color: #009bf0;color: #fff;} 
.solui .solbox{padding-top: 60px;}
.solu .carousel-control{background-image: none;color: #0066bf;width: 5%;}
.solu .carousel-control.left{left: -5%;}
.solu .carousel-control.right{right: -5%;}
.solu .carousel-control span{font-size: 20px;}
.solu .thumbnail{padding: 0px;background-color: #f5f5f5;border-radius: 0px;border: none;}
.solu .thumbnail h3{padding: 0px 10px 15px 10px;; text-align: center;}
.solu .thumbnail p{padding: 0px 10px 10px 10px;}
.comments{padding-bottom: 0px;margin-bottom: 0px;}
.comments h2{margin: 30px 0px;font-size: 33px;margin-top: 0px;}
.comments p{font-size: 16px;line-height: 1.5em;text-align: center;}
.comments h4{font-size: 28px;}
.comments .fa-star{color: orange;font-size: 24px;}
.comments .carousel-indicators{bottom: 0px;margin-bottom: 0px;}
.comments .carousel-indicators li{background-color: #aaa;}
.comments .carousel-indicators li.active{background-color: #666;}
.comments .carousel-control{background-image: none!important;color: #0066bf;width: 5%;}
.comments .carousel-control.left{left: -5%;}
.comments .carousel-control.right{right: -5%;}
.comments .carousel-control span{font-size: 20px;}
.navban{width: 100%;height: auto;position: absolute;bottom:0px;left: 0px;}
.navban .pos,.navban .pos a{font-size: 22px;color: #fff;line-height: 2.2em;}
.navban .nav-tabs>li>a{font-size: 15px;background-color: rgba(226,232,241,0.8);border-radius: 0px;border-color: #fff;white-space: nowrap;}
.navban .nav-tabs>.active>a, .navban .nav-tabs>.active>a:focus, .navban .nav-tabs>.active>a:hover,.navban .nav-tabs>li>a:hover{background-color: rgba(9,151,221,0.8);color: #fff;}
.page p{font-size: 16px;font-weight: lighter;}
.innernew .page h3{margin-top: 0px;}
.innernew .page .date{font-size: 16px;color: #999;line-height: 1.8em;text-align: right;}
.res .thumbnail,.innerpro .thumbnail{border-color: transparent;}
.res .thumbnail h4{font-size: 16px;line-height: 20px;height: 40px;overflow: hidden;}
.innerpro .thumbnail h3{white-space: normal;overflow: hidden;}
.innerpro .thumbnail p{font-size: 13px;line-height: 18px; font-weight: normal;height: 90px;overflow: hidden;}
.insthumb ul{margin: 0px;padding: 0px;list-style: none;}
.insthumb ul li{display: inline-block;cursor: pointer; margin: 2px;}
.insthumb ul li.active .img-thumbnail{background-color: #f08212;}
.insthumb ul li img{width: 100px;height: 80px; padding: 1px;}

/*banner*/

.xhy-1
{
	
	vertical-align: middle;
    padding-top: 34px;
	text-align: left;
}
.xhy-1 h1{line-height: 1.3;}
.xhy-1 h1 p{
	
    font-weight: bold !important;
   
}
.xhy-1 h1 .text-primary{
	color: #009bf0;
	
}

.xhy-1 .btn-primary{background-color:#0066bf;border-color: #0066bf;color: #ffffff;text-transform: uppercase;}
.xhy-1 .btn-primary:hover{background-color: #009bf0;border-color: #009bf0;color: #fff;}

.xhy-m{display:none;}

.py-7{
padding-top: 104px;
padding-bottom: 104px;
background-color: #f5f5f5;
}


/**/
/*server*/

.featured-inner-section{
position: relative;
box-shadow: 0px 0px 25px rgba(0,0,0,0.1);}

.featured-block .inner-box {
    position: relative;
    padding: 31px 40px 31px;
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
}

.welcome-featured-section .featured-block {
    position: relative;
    padding: 0;
}

.rows {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    display: -ms-flexbox;
    
}
.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.card {
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
   
    border-radius: 0.25rem;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.card-body {
    min-height: 1px;
    -ms-flex: auto;
    flex: auto;
    padding: 1.5rem 1.5rem 1.5rem 2rem;
	overflow: hidden;
}
.text-left {
    text-align: left !important;
}
.card-text:last-child {
    margin-bottom: 0;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

/*end*/



#levmes{margin: 10% auto;}
#levmes .modal-content{background-color: rgba(255,255,255,0.9);}
.probox .nav-tabs.nav-justified>li>a{;font-size: 18px;font-weight: 900;color:#0066bf;transition: all 0.5s;border:#009bf0 1px solid;}
.probox .nav-tabs>li>a:hover{color: #333;}
.probox .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover{background-color: #0066bf;border-radius: 0px;color: #fff;}
.probox .tab-pane{padding: 30px 0px;}
.probox #features h3{font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 900;text-transform: uppercase;}
.probox #features .about-content p{font-size: 16px;line-height: 1.2;}
.probox #faqs h4{margin: 0px;}
.probox #faqs h4 a{display: block;font-size: 18px;padding: 5px 0px;font-weight: bold;}
.probox #faqs .panel-body{font-size: 16px;}

.foot{color:#0066bf;/*background: url(../images/footbg.jpg) no-repeat;*/background-color: #f5f5f5;background-position: bottom center;background-size: cover;padding: 0px;}
.footer{width: 100%;height: 100%;padding:70px 0px;}
.foot h3{font-size: 14px;text-transform: uppercase;}
.foot hr{width: 60%;float: left;margin: 5px 0px;border-color: #337ab7;}
.foot .social,.foot .social li{list-style: none;padding: 0px;margin: 0px;display: inline-block;}
.foot a{color: #0066bf;}
.foot a:hover{color: #999;}
.foot .hvr-icon-back{padding-left: 1.2em;}
.foot .hvr-icon-back:before{left: 0px;}
.copy{background-color: #337ab7;color: #fff;padding: 20px 0px;}
.gotop{display: inline-block;width: 40px;height: 40px;border-radius: 50%; position: fixed;right: 20px;bottom: 100px;font-size: 20px;font-weight: lighter;border: #414a55 3px solid;text-align: center;color: #414a55;}
#btnshiro{white-space: normal !important;}
.shiro{display: none;}
.dial-div{display:none;position:fixed;bottom:0;left:0;z-index:99999;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.dial-menu{-webkit-appearance:button;display:inline-block;width:36px !important;height:36px !important;border-radius:36px;position:absolute;bottom:17px;left:17px;z-index:999;-moz-box-shadow:0 0 0 4px #fff,0 2px 5px 4px rgba(0,0,0,0.25);-webkit-box-shadow:0 0 0 4px #fff,0 2px 5px 4px rgba(0,0,0,0.25);box-shadow:0 0 0 4px #fff,0 2px 5px 4px rgba(0,0,0,0.25);background-color:#337ab7;-webkit-transition:-webkit-transform 200ms;-webkit-transform:rotate(1deg);color:#fff;background-image:url("../images/dialmenu.png");background-repeat:no-repeat;-webkit-background-size:80% auto;background-size:80% auto;background-position:center center;outline: none;}
.dial-menu:before{font-size:20px;margin:9px 0 0 9px}
.dial-menu:checked{-webkit-transform:rotate(135deg)}
.dial-phone>div{width:32px;height:32px;border-radius:32px;-moz-box-shadow:0 0 0 3px #fff,0 2px 5px 3px rgba(0,0,0,0.25);-webkit-box-shadow:0 0 0 3px #fff,0 2px 5px 3px rgba(0,0,0,0.25);box-shadow:0 0 0 3px #fff,0 2px 5px 3px rgba(0,0,0,0.25);background:#337ab7;position:absolute;bottom:0;left:0;margin-bottom:20px;margin-left:20px;z-index:900;-webkit-transition:-webkit-transform 200ms}
.dial-phone>div a{color:#fff;font-size:20px;display:block;height:100%;line-height:33px;text-align:center;text-decoration:none}
.dial-phone>div.on:nth-of-type(1){-webkit-transform:translate(0,-100px) rotate(720deg)}
.dial-phone>div.on:nth-of-type(2){-webkit-transform:translate(47px,-81px) rotate(720deg)}
.dial-phone>div.on:nth-of-type(3){-webkit-transform:translate(81px,-45px) rotate(720deg)}
.dial-phone>div.on:nth-of-type(4){-webkit-transform:translate(100px,0) rotate(720deg)}

/*分页样式*/
.page-numbers
{
	display: inline-block;
    padding-left: 0;
   
    border-radius: 4px;
}

.page-numbers>li{display: inline;}
.page-numbers>li>a{
	margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
	
	}
	
.page-numbers>li>a,.page-numbers>li>span
{
	position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
	}




@media (min-width: 768px){
	.section h1{font-size: 36px;}
	.top{position: fixed;z-index: 999;background-color:#f5f5f5;padding:0px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
  	.banner{height:80vh;}
	.banner .carousel-indicators li{width: 20px;height: 20px; margin-right: 10px;}
	.banner .carousel-caption{bottom: 40%;font-weight: bold;}
	.banner .carousel-caption h2{font-size: 48px;}
	.banner .carousel-caption h3{font-size: 36px;}
	.banner .carousel-caption h4{font-size: 28px;}
	.top .navbar-brand{height: auto;padding: 15px 0px;}
	.top .navbar-nav{float: right;}
	.top .nav li a.na{float: right;text-transform: uppercase;}
	.top .nav li a.na{color: #0066bf;background-color: transparent;font-size: 15px;padding: 30px 10px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
	.top .nav li a:hover.na,.top .nav li.open a.na,.top .nav li a:hover.txt{color: #fff;background-color: #0066bf;}	
	.top .nav li .dropdown-menu li a{padding: 8px 20px;color: #0066bf;font-size: 16px;border-bottom: #ddd 1px solid;}
	.top .nav li .dropdown-menu li a:hover{background-color: #0066bf;color: #fff;}
	.top .nav li .dropdown-menu li:last-child a{border-bottom: none;}
	.top .nav li.navli5 .dropdown-menu,.top .nav li.navli5 .caret{display: none;}
	.top .nav li a.sl{padding: 25px 2px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
	.top .nav li a.sl span{color: #0066bf;width: 30px;height: 30px;text-align: center;line-height:30px;display: inline-block;font-size: 20px;}
	.top .nav li a:hover.sl{background-color: #0066bf;}
	.top .nav li a:hover.sl span{color: #fff;}
	.top .nav li a.txt{color: #fff;background-color: transparent;}
	.top .logoone{display: block;}
	.top .logotwo{display: none;}
	.toptwo{background-color: rgba(255,255,255,1);/*box-shadow: #ccc 1px 1px 2px;height: 60px;*/transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
	.toptwo .navbar-brand{padding: 5px 0px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
	.toptwo .nav li a.na{color: #0066bf;padding: 20px 8px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
	.toptwo .nav li a.sl{padding: 15px 2px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
	.toptwo .nav li a.sl span{color: #0066bf;border-color: #0066bf;}
	.toptwo .nav li a:hover.sl{background-color: #0066bf;}
	.toptwo .nav li a:hover.sl span{color: #fff;}
	.toptwo .logoone{display: none;}
	.toptwo .logotwo{display: block;}
	.sols{position: relative;}
	.sols .thumbnail{position: absolute;width: 70%;height: 80%;top: 10%;left: 5%;padding: 0px 20px;background-color: rgba(255,255,255,0.9);}
	.sols .thumbnail h3{font-size: 48px;}
	.sols .thumbnail p{font-size: 14px;font-weight: normal;}
	.solui .solbox:nth-child(odd) .thumbnail{left: auto;right: 5%;}
	#mynav .affix{z-index: 99;top: 80px;box-shadow: #333 1px 2px 5px;position: relative;}
	.par .col-sm-3{margin: 30px 0px;}
	.probox #features .about-content{padding: 20px;}
	.proindex .container{margin-bottom: 90px;}
	.innernew .page p{font-size: 16px;}
}

@media (max-width: 768px){
	.section h1{font-size: 36px;}
	.dial-div{display: block;}
	.top{background-color: #f5f5f5;position: fixed;z-index: 999;padding: 0px;top: 0px;}
	.top .navbar-toggle{color: #0066bf;}	
	.top .navbar-nav>li{border-bottom: #555 1px solid;}
	.top .navbar-nav>li>a{color: #0066bf;font-size: 24px;}
	.top .nav li a:hover.na,.top .nav li.open a.na,.top .nav li a:hover.txt{color: #fff;background-color: #0066bf;}	
	.top .nav li .dropdown-menu li a{color: #fff;}
	.top .soli{display: inline-block;}
	.top .navbar-toggle{float: left;}
	.top .navbar-header{text-align: center;}
	.top .navbar-brand{float:none;margin: 0px auto;display: inline-block;padding: 7px 15px;}
	.top .topmail{position: relative;float: right;padding: 9px 10px;    margin-top: 8px; margin-right: 10px; margin-bottom: 8px;color: #0066bf;}
	.navbar-brand>img.logotwo{display: none;}
	/*.banner{height: 300px;margin-top: 65px;}
	.banner .carousel-caption{top: 15%;}
	.banner .carousel-caption h2{font-size: 30px;}
	.banner .carousel-caption h3{font-size: 24px;}
	.banner .carousel-caption h4{font-size: 18px;}
	.banner .carousel-indicators li{width: 20px;height: 20px;margin-right: 3px;}*/
	.solu .carousel-control{display: none;}
	.comments .carousel-control.left{left: 0px;}
	.comments .carousel-control.right{right: 0px;}
	.affix{position: relative;}
	.navban .pos a{font-size: 16px;}
	.about .col-sm-3{padding-bottom: 30px;}
	.about .col-sm-3 h3{margin-top: 5px;}
	.probox #features .about-content{padding: 0px 0px 50px 0px;}
	.sols{position: relative;height: 550px;}
	.sols img{height: 100%;object-fit: cover; }
	.sols .thumbnail{position: absolute;width: 90%;height: 90%;top: 5%;left: 5%;padding: 0px 20px;background-color: rgba(255,255,255,0.9);}
	.sols .thumbnail h3{font-size: 20px;}
	.sols .thumbnail p{font-size: 14px;font-weight: normal;}
	.table-responsive{border: transparent;}
	.proindex .container{margin-bottom: 50px;}
/*banner图增加*/	
.prosv {
   
}
.py-7{background-color: #fff;padding-top: 0;
    padding-bottom: 0;margin-top: -25px;}
.xhy-m{display:inline;}
.xhy-1{padding: 12px 0 52px 0;}
.xhy-1 h1,.text-md-left{text-align: center;}
.xhy-2{display:none;}
.img-fluid {
    max-width: 100%;
    height: auto;
}