@charset "utf-8";

/********************* PC版 *********************/
.web-main{background:#fff;width:100%;min-width:1240px;margin:0 auto;}
.son{margin:0 auto;width:1240px;}

.web-top{background:#f3f3f3; color:#fff; height:37px;padding-top:3px; padding-bottom:5px; display:none; }
.web-top-left{float:left;padding-left:25px;color:#fff; padding-top:6px;}
.web-top-right{float:right;padding-right:0px;color:#fff;}
.web-top-right i{margin-left:15px;margin-right:5px;font-size:16px;color:#fff;}
.web-top-right a{color:#fff;}
.web-top-right .top-sns-icon1 a{ background:#aaa; width:25px; height:25px; line-height:26px; text-align:center;border-radius: 50%; color:#fff; font-size:14px; margin-right:10px;}
.web-top-right .top-sns-icon1 a:hover{ background:#24499C;}

.web-nav{height:75px;width:100%;z-index:999;top:0px; left:0px; background:none;/*box-shadow: 0 2px 8px 0 rgba(27,31,64,.08);*/ transition:.3s; border-top:0px solid #0092DD;padding-left: 0px;position:fixed;background: rgba(0,0,0,0);}

.nav-right{transition:.3s;float:right; margin-left:25px; margin-top:23px; padding:5px 20px 5px 20px;color:#fff;}
.nav-right a{color:#fff;}
.nav-right .nav-right-tel{font-size:17px; margin-right:25px;}
.nav-right .nav-right-tel i{font-size:19px;margin-right:10px;}
.nav-right .nav-right-so{}
.nav-right .nav-right-so i{font-size:18px;}

.navbar-default {
    background-color:transparent;
    border-color: #fff;
	border-radius:0px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border:none;
}
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
    border: 0px solid transparent;
}
.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}
.navbar-header {
    float:left;
	height:auto;
	padding-top: 11px;
	transition: .3s;
}
.navbar-collapse{
background:none;
padding-right: 0px; 
padding-left: 0px;
float: right;
padding-top: 0px;
transition: .3s;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
	font-size:16px;
	text-transform:none;
	font-weight:400;
	text-transform: uppercase;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 27px 10px;
	margin-top:3px;
	height:71px;
	margin:2px 14px;
	transition:.3s;
	border-bottom:0px solid #fff;
}
.navbar-default .navbar-nav>li>a i{font-size:15px;color: rgba(0,0,0,.4); border-bottom:none !important; display:none; }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:hover * {
    color: #006fc3;
    background: none;
	border-radius:0px;
	border-bottom:0px solid #0061AE;
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a *, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #006fc3;
    background: none;
	border-radius:0px;
	border-bottom:0px solid #0061AE;
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a *, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #006fc3;
    background: none;
	border-radius: 0px;
	border-bottom:0px solid #0061AE;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0px;
}
.nav-submenu{width:220px;border-radius:4px !important; border:none; box-shadow:none;margin-top:0px !important; font-size:15px; padding:15px 10px 15px 10px !important; background:#fff; overflow:hidden;box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);}
.nav-submenu>li>a {
    display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: 300;
    line-height: 1.42857143;
    color: #444;
    white-space: nowrap;
	background: none;
	border-left: 0px solid rgba(0,0,0,.1);
	border-right: 0px solid rgba(0,0,0,.1);
	border-top: 0px solid rgba(0,0,0,.05);
}
.nav-submenu>li>a:hover {
    color: #0061AE;
    background-color: #fff;
}
.nav-submenu>li:last-child>a {
	border-bottom: 0px solid rgba(0,0,0,.1);
}
.nav-submenu>li>a>i {
    float:right;
	color: rgba(0,0,0,.3);
}
.nav-submenu>li>a:hover i {
    color: #0061AE;
}
.navbar-brand {
    float: left;
    height: 50px;
    padding: 5px 0px;
    font-size: 18px;
    line-height: 20px;
}
.navbar-brand img {
max-height:40px;
margin-left:0px;
transition:.8s;
margin-top:5px;
}
.navbar-slogan {
margin-top:30px;
display:block;
font-size:16px;
border-left:1px solid #ddd;
margin-left:2px;
float:left;
padding-left:15px;
height:42px;
line-height:20px;
color:#01689d;
font-weight:bold;
display:none;
}
.navbar-search {
display: none;
float:none;
}
#search{border-radius:15px;position:relative; width:200px; margin-top:0px; margin-right:25px;}
#search .search-input{border-radius:15px;width:100%; height:27px; line-height:27px; background:rgba(255, 255, 255, 1); margin-top:0px; font-size:12px; margin-right:0px; padding-left:15px; color:#666; border:0px solid #eee;outline:none; }
#search .search_icon{position:absolute;right:8px;top:1px;cursor:pointer;width:35px;line-height:25px;text-align:center;border-top-right-radius:4px;border-bottom-right-radius:4px;}
#search .fa-search{font-size:16px;color:#bbb;}
.search-input::-webkit-input-placeholder {color: #bbb;}
.search-input:-moz-placeholder {color: #bbb;}
.search-input:-ms-input-placeholder {color: #bbb;}​

.modal-dialog {
    width: 50%;
    margin: 50px auto;
}
.modal-body{
	height:565px;
	padding:44px;
	padding-top:8px;}
.modal-content{border-radius: 15px;-webkit-box-shadow: 0 2px 12px rgba(0,0,0,.2);box-shadow: 0 2px 12px rgba(0,0,0,.2); border:none;}
.modal-header .close {
    margin-top:15px;
	font-size:40px;
	margin-right: 12px;
	opacity: .4;
}
.modal-header{ padding-bottom:0px;}
.modal-title{font-size: 32px;margin-left: 27px;
    margin-top: 15px; color:#555;}
.modal-body-search{height:545px !important;padding:0px !important;padding-bottom:35px !important; border-top:1px solid #eee; margin-top:10px;}
.modal-header {border-bottom: 0px solid #e5e5e5;}

.home-banner{background:#fff; height:546px; margin-bottom:0px;}
#home-banner-content{height:100%;}
#home-banner-content .carousel-control{width: 10%;background-image:none;opacity:0;}
#home-banner-content:hover .carousel-control{transition:.4s;opacity:1;}

.home-group{margin-bottom:50px; margin-top:30px;}
.home-group-title{background-image:linear-gradient(#fff, #fff);line-height:50px; border-bottom:0px solid #24499C; padding-left:20px; padding-right:20px; text-align:center;}
.home-group-title>span{color:#222; font-size:29px; display:block; margin-bottom:5px;letter-spacing: 1px;font-weight:600;}
.home-group-title>p{border-bottom:5px solid #0061AE; width:30px; display:block; margin:auto;border-radius: 3px;}


.home-group-img-list{margin-top:30px;}

.row {
    margin-right: -10px;
    margin-left: -10px;
}
.col-xs-6, .col-sm-3,.col-md-3, .col-sm-4,.col-md-4{padding-left:10px;padding-right:10px;}
.row li a{color:#2d2d2d;margin-bottom:35px;transition: box-shadow .3s;}
.row li a:hover{color:#0061AE; box-shadow: 0 0 10px rgba(0, 0, 0, .1);transition: box-shadow .3s;}
.row li a:hover .row-col-img img{transform: scale(1.08);}
.row li a:hover .page-play-icon i{border: 3px solid #0061AE !important;color: #0061AE !important;}
.row .row-col-img{height:220px; border:1px solid #ddd; 
text-align: center;
color:#aaa;
overflow:hidden;
display: flex;
    justify-content: center;
    align-items: center;
}
.row .row-col-img:hover{border:1px solid #eee;}
.row .row-col-img:hover img{border:0px solid #0061AE; transform: scale(1.08);}
.row .row-col-img img{max-width:100%;max-height:100%;padding:0px;object-fit: cover;width: 100%;height: 100%;transition: all 0.5s;}
.row .row-col-title{font-size:15px;line-height:22px;background: #eee; display:block; text-align:center;padding: 20px 12px 20px 12px;}

.m-left{width:100%; margin-bottom:0px;height: 60px;}
.m-left h1{display:none; line-height:60px; color:#006fc3; font-size:22px; padding-right:100px;text-transform: uppercase;border: 0px solid #ddd; border-bottom:0px solid #0061AE;border-radius: 3px 3px 0px 0px;border-left: 0px solid #2f82e8; float:left;}
.m-left ul{ text-align:left;font-size:0px;}
.m-left li{margin-bottom:0px;margin-top:0px; display:inline-block; vertical-align:top;}
.m-left li:first-child{}
.m-left li a{
	display:block;
	line-height:22px;
	color:#333;
	font-size:18px;
	padding: 18px 40px 13px 30px;
	border-bottom:0px solid rgba(0,0,0,0.08);
	background: none;
	border-left: 0px solid #ddd;
	border-right: 1px solid #ddd;
    height: 60px;
	margin-right:0px;
	}
.m-left li:last-child a{border-right:none;}	
.m-left li:hover a,.m-left li.current a{color:#fff;background: #006fc3;border-bottom: 0px solid #006fc3;}
.m-left dl{ display:none;}
.m-left dd a{
	display:block;
	line-height:22px;
	color:#222;
	font-size:15px;
	border-bottom:1px solid rgba(0,0,0,0.08);
	background: url(../img/arrow-right-1.png) no-repeat 35px center #fcfcfc;
	padding: 12px 10px 12px 56px;
	letter-spacing: 0px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;

}	

.m-left dd:hover a,.m-left dd.current a{color:#fff; background: url(../img/arrow-right-2.png) no-repeat 35px center #24499C;}

.page-left-content>h1{background-image:linear-gradient(#fff, #fff);display:block; line-height:50px; color:#333; font-size:16px; padding-left:25px; margin-top:30px;text-transform: uppercase; font-weight:bold;background: url(/statics/img/icon-left.jpg) no-repeat 7px ;}
.page-left-content>div{padding:20px;line-height:22px;color:#888;display:block; margin-bottom:30px; padding-top:10px;}
.page-left-content-itemlist li span{height: 180px;
    width: 100%;
    border: 1px solid #ddd;
    padding: 25px;
    display: block;
    overflow: hidden;
    position: relative;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;}
.page-left-content-itemlist li span img{    max-width: 100%;
    max-height: 100%;
    padding: 0px;}
.page-left-content-itemlist li ,.page-left-content-itemlist li a,.page-left-content-itemlist li font { display:block;}
.page-left-content-itemlist li font h1{display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    text-align: center;
    color: #333333;
    transition: all 0.2s;
    font-size: 14px;
    padding-top: 15px;
    font-weight: 400;
    line-height: 19px;}
.page-left-content-itemlist li font h2{display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #ff6e00;
    font-size: 16px;
    padding-bottom: 15px;
    margin-top: 9px; margin-bottom:15px;}

.page-banner{height:350px;background:#fff;min-width:1200px;background-size:cover !important; }
.page-banner-bg{background:rgba(0,0,0,.1); height:100%; width:100%;}
@keyframes  ani33{
    0%{ background:rgba(0,0,0,.2); }
    100%{background:rgba(0,0,0,.2);}
}
.page-banner-bg{
   animation: ani3 0.8s both;
}
.page-banner-txt{padding-top:11%; color:#fff; padding-left:0px;}
.page-banner-txt-bg{ background:rgba(0, 0, 0, 0); padding:30px 30px 30px 0px;width:100%;}
.page-banner-txt h1{text-transform: uppercase; font-size:35px; display:block;text-shadow: 1px 1px 3px #222;margin-bottom:0px; font-weight:normal; }
.page-banner-txt h2{font-size:18px; font-weight:300;display:block;text-shadow: 1px 1px 3px #222;text-transform: uppercase; font-family:arial;}
.page-banner-txt span{width:100%; border-top:0px solid rgba(255,255,255,.5); display:block; margin-top:10px; margin-bottom:15px;font-size:16px;color:rgba(255,255,255,.5);text-transform: uppercase; }
@keyframes  ani{
    0%{ opacity:0; margin-top:-10px; }
    100%{opacity:1;}
}
@keyframes  ani2{
    0%{ opacity:0;  }
    100%{opacity:1;}
}
.page-banner-txt h1{
   animation: ani 0.8s both;
}
.page-banner-txt span{
   animation: ani2 0.8s both;
}
.page-banner-txt h2{
   animation: ani 0.8s 0.4s both;
}

.page-main{overflow: hidden;background: #fff; padding-top:0px;min-height: 300px;}
.page-main-category{float:none; border-right:0px solid #ddd; width:100%; padding:0px;border-bottom: 1px solid #eee; background:#f3f3f3; margin-bottom:30px;}
.page-main-content{float:none;text-align:left; width:100%; margin-right:20px;margin-bottom: 0px;padding:30px;padding-left:30px;padding-right:30px;border-left:0px solid rgba(0,0,0,0.07); padding-top:0px;}
.page-main-content-div{margin-bottom:60px;}
.page-main-category,.page-main-content{/*margin-bottom: -10000px;padding-bottom: 10000px;*/}
.page-title{/*background-image:linear-gradient(#fff, #fff);*/line-height:52px; border-bottom:1px solid #ddd; height:68px; padding-left:20px; padding-right:20px; display:block; margin-bottom:40px; margin-top:0px; padding-bottom:63px;background: url(/statics/img/icon-bottom.jpg1) no-repeat 25px bottom; text-align:center; position:relative;}
.page-title:after{content: "";
    position: absolute;
    width: 45px;
    height: 3px;
    background: #0061b0;
    border-radius: 0px;
    margin: auto;
    left: 0px;
    right: 0px;
    bottom: 0px;}
.page-title font{color:#222; font-size:32px;text-transform:uppercase; display: block; position:relative; font-weight:bold; }

.page-pro-subclass{margin-top:0px; margin-bottom:30px; background:#f3f3f3; padding:15px; padding-top:15px; padding-bottom:15px; width:240px; float:left;margin-right: 20px;}
.page-pro-subclass .page-pro-subclass-list{}
.page-pro-subclass ul {padding-bottom:1px;}
.page-pro-subclass ul a{color:#222;display:block;font-size:15px; line-height:25px; text-align:left; border-bottom:1px solid #ccc; margin-bottom:5px; margin-top:5px; background:none; padding:5px; padding-left:10px; padding-right:10px; margin-right:5px; border-radius:0px; font-weight:bold;}
.page-pro-subclass ul a:hover,.page-pro-subclass .current{color:#0061b0;border-bottom:1px solid #ddd;}
.page-pro-subclass ul a i{margin-right:8px;font-size:15px;}

.page-pro-subclass ul dl {padding-bottom:1px;}
.page-pro-subclass ul dl a{color:#333;display:block;font-size:13px;  text-align:left; border-bottom:1px solid #ddd; margin-bottom:5px; margin-top:5px; background:none; padding:5px; padding-left:23px; padding-right:35px; margin-right:5px; border-radius:0px; font-weight:normal;line-height: 24px;}
.page-pro-subclass ul dl a:hover,.page-pro-subclass .current{color:#0061b0;border-bottom:1px solid #ddd;}
.page-pro-subclass ul dl a i{margin-right:-23px;font-size:15px; float:right;margin-top:4px; color:#bbb;}

.page-pro-subclass-icon{text-align:center; margin-top:10px; font-size:13px;}
.page-pro-subclass-icon a{color:#999;}
.page-pro-subclass-icon i{font-size:12px; margin-right:6px;}

.small-class li{display:block; background:#fff; margin-bottom:20px;border-radius:5px;box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);}
.small-class li a{display:inline-block;vertical-align:middle;}
.small-class li .small-class-img{width:210px;height:174px; background:#fff; text-align:center; margin:30px;margin-right:10px; line-height:170px; border:1px solid #e8e8e8;border-radius:0px;color:#ccc;}
.small-class li .small-class-img img{max-width:100%;max-height:100%;padding:10px;}
.small-class li .small-class-cont{width:63%; margin:30px;}
.small-class li .small-class-title{display:block; font-size:20px; margin-bottom:10px;color:#333;border-bottom:1px #ddd dotted;padding-bottom: 10px;font-weight:bold;}
.small-class li .small-class-intro{display:block; margin-bottom:15px; color:#666666;font-size:13px;line-height:24px;}
.small-class li .small-class-more{display:block;color:#fff; border:1px solid #24499C;background:#24499C;transition:0.5s; width:100px;text-align:center; line-height:33px;border-radius:3px;font-size:12px;}
.small-class li .small-class-more:hover{color:#24499C; border:1px solid #24499C;background:#fff;transition:0.5s; }

.page-content{margin-bottom:60px; padding-left:20px; padding-right:20px; line-height:30px; padding-top:0px; font-size:16px;}
.page-content img{max-width:100%;}
.contact-quote-title{margin-top:30px !important;}
.page-list{margin-bottom:0px;}

.page-news{display:block; background:#fff; margin-bottom:20px;border-radius:0px;box-shadow: 0px 0px 3px 1px rgba(0,0,0,0);width: 100%;margin-right:0px; margin-left:0px;border-bottom: 1px #ececec solid;}
.page-news a{display:inline-block;vertical-align:middle;}
.page-news .page-news-img{width:180px;height:150px; background:#fff; text-align:center; margin:30px;margin-right:15px; border:1px solid #e8e8e8;border-radius:0px;color:#ccc; overflow:hidden;}
.page-news .page-news-img img{max-width:100%;max-height:100%;padding:0px;object-fit: cover;width: 100%;height: 100%;transition: all 0.5s;}
.page-news .page-news-img:hover img{transform: scale(1.08);}
.page-news .page-news-cont{width:65%; margin:30px;}
.page-news .page-news-title{display:block; font-size:18px; margin-bottom:0px;color:#222;border-bottom:0px #ddd solid;padding-bottom: 10px; font-weight:600;}
.page-news .page-news-intro{display:block; margin-bottom:15px; color:#777;font-size:15px;line-height:24px;}
.page-news .page-news-more{display:block;color:#0061AE; border:1px solid #0061AE;background:#fff;transition:0.5s; width:120px;text-align:center; line-height:33px;border-radius:2px;font-size:14px;}
.page-news .page-news-more:hover{color:#fff; border:1px solid #0061AE;background:#0061AE;transition:0.5s; }

.page-pro{display:inline-block; background:#fff; margin-bottom:30px;border-radius:0px;box-shadow: 0px 0px 3px 1px rgba(0,0,0,0);margin-right:2%; margin-left:0px;border: 1px #ececec solid; width:48%;}
.page-pro .page-pro-img{width:180px;height:150px; background:#fff; text-align:center; margin:30px;margin-right:15px; border:0px solid #e8e8e8;border-radius:0px;color:#ccc; overflow:hidden;display:inline-block; vertical-align:top;}
.page-pro .page-pro-img img{max-width:100%;max-height:100%;padding:0px;object-fit: cover;width: 100%;height: 100%;transition: all 0.5s;}
.page-pro .page-pro-img:hover img{transform: scale(1.08);}
.page-pro .page-pro-cont{margin:40px;width: 48%; display:inline-block;vertical-align:top;}
.page-pro .page-pro-title{display:block; font-size:18px; margin-bottom:0px;color:#222;border-bottom:0px #ddd solid;padding-bottom: 10px; font-weight:600;}
.page-pro .page-pro-intro{display:block; margin-bottom:15px; color:#444;font-size:14px;line-height:24px;}
.page-pro .page-pro-more{display:block;color:#0061AE; border:1px solid #0061AE;background:#fff;transition:0.5s; width:120px;text-align:center; line-height:33px;border-radius:4px;font-size:14px;}
.page-pro .page-pro-more:hover{color:#fff; border:1px solid #0061AE;background:#0061AE;transition:0.5s; }

.page-info-title{background:#fff; border-bottom:1px solid #ddd; padding-left:20px; padding-right:20px; display:block; margin-bottom:35px; margin-top:0px;background: url(/statics/img/icon-bottom.jpg) no-repeat 25px bottom;}
.page-info-title font{color:#222; font-size:25px; float:left; display:block;text-transform:none; font-weight:bold;padding-bottom: 20px; line-height:40px;}
.updatetime{padding-left:20px;color:#999999; font-size:14px; margin-bottom:5px;}
.page-info-cont{padding:20px; line-height:26px; margin-bottom:30px; font-size:15px;}
.page-info-cont img{max-width:100%;}
.page-info-pro-group{width:100%; margin-bottom:10px; margin-top:0px;}
.page-info-pro-img{float:left;}
.page-info-pro-intro{float:right;width:60%;}
.tab-pro-info-content{font-size:15px; line-height:24px;}
.tab-pro-info-content img{max-width:100%;}
.page-intro{line-height:24px;margin-top:10px;margin-right:20px; margin-bottom:40px;}
.quote-button{display:block; text-align:center; width:160px; height:45px; line-height:40px; font-size:16px; border:1px solid #0061AE;background:#fff; color:#0061AE; margin-top:35px;border-radius:3px; vertical-align:top; margin-left:20px;}
.quote-button:hover{background:#0061AE !important;border:2px solid #0061AE !important;color:#fff !important;}

.pic-group{padding:4px;}
.pic-group .big-pic{border:1px solid #ddd;cursor:pointer;*cursor:hand;padding:2px;display:table-cell;vertical-align:middle; text-align:center;width:450px;height:400px;}
.pic-group .big-pic img{max-width:90%; max-height:90%;}
.pic-group .small-list{overflow:hidden; background:#fff; padding:20px;width:300px; display:none;}
.pic-group .p-small{width:65px; height:65px; text-align:center; vertical-align:middle; margin:0 auto; display:table-cell; background:#fff;}
.pic-group .p-small img{max-width:90%; max-height:90%;}
.pic-group .small-pic-list li{margin-right:14px; float:left;cursor:pointer;border:1px solid #ddd;}
.pic-group .small-pic-list li:first-child{}
.pic-group .small-pic-list li.on{border:#24499C solid 1px;}
.pic-group .small-list .prev,.pic-group .small-list .next{float:left;display:block;width:10px;height:25px;cursor:pointer;margin-top:23px;font-size:20px;color:#24499C;}
.pic-group .small-list .prev{float:left;}
.pic-group .small-list .next{float:right;text-align:right;}
.pic-group .small-pic-list{float:left;position:relative;overflow:hidden;width:310px;margin-left:13px;margin-right:13px;height:70px;}
.pic-group .small-pic-list ul{width:2000px;overflow:hidden;position:absolute;}
.small-list .disabled{color:#bbb !important;}

.nav-tabs {
    border-bottom: 2px solid #24499C;
}
.nav-tabs>li {
    margin-bottom: 0px;
}
.nav-tabs>li>a {
font-size:16px;
font-weight:bold;
color:#333;
background-color: #eee;
border: 1px solid transparent;
margin-right: 5px;
padding: 13px 28px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #24499C;
    border: 1px solid #24499C;
    border-bottom-color: transparent;
}
.nav-tabs>li>a:focus, .nav-tabs>li>a:hover {
    background-color: #eee;
	color:#333;
	border: 1px solid transparent;
}
.tab-content{padding:10px;padding-top:30px;margin-bottom:30px;line-height:24px;overflow: auto !important;}
.tab-content table{width:100% !important;}
.quote-title{margin-top:0px; padding-bottom:10px;font-size:25px; border-bottom:3px solid #24499C; line-height:50px; padding-left:40px; background-image: linear-gradient(#fcfcfc, #eee); padding-top:7px; color:#333;}

.list-main-content-itemlist { margin-bottom:60px;}
.list-itemlist-img-a{position:relative;overflow:hidden; display:block;}
.list-itemlist-img-a>p{background:rgb(0 97 176 / 0.8); width:100%; height:18%; position:absolute; left:0px; bottom:0px; font-size:24px; color:#fff;transition:.3s; display:block; text-align:center; padding:8px;}
.list-itemlist-img-a>p>font{ display:block; font-weight:500;margin-bottom: 8px; margin-top:5px;}
.list-itemlist-img-a>p>img{margin-top:16px;}
.list-itemlist-img-a:hover p{height:25%;transition:.3s; padding-top:5%;background:rgb(0 97 176 / 0.8);}	
.list-itemlist-img-a .list-itemlist-img{
    border: 1px solid #ddd;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 3.5%; 
	background:#fff;
	height:350px;
	transition: all 0.5s;
	}
.list-itemlist-img img {padding:0px;max-width:70%;}

.list-itemlist-img-a:hover .list-itemlist-img{transform: scale(1.08);transition: all 0.5s;}
	
.list-main-content-itemlist .list-itemlist-title{    
    font-size: 14px;
    line-height: 20px;
    display: block;
	background:#f3f3f3;
	height:110px;
	padding:40px;
	padding-left:40px;
	padding-right:40px;
	text-align:center;
	padding-top:25px;
	}
.list-main-content-itemlist .list-itemlist-title h1{ font-size:30px; margin-bottom:12px; color:#111;}
.list-main-content-itemlist .list-itemlist-title p{ font-size:15px; line-height:24px;color:#666;padding-left:40px;padding-right:40px;}	
.list-main-content-itemlist .list-itemlist-more{    
    display: block;
	background:#f3f3f3;
	padding-left:0px;
	padding-bottom:40px;
	padding-top:20px;
	}
.list-main-content-itemlist .list-itemlist-more a{display:block; background:#fff; color:#24499C; width:160px; line-height:26px; font-size:16px; padding:8px;border-radius:0px;text-transform: uppercase; text-align:center; border:solid #24499C 1px; font-weight:400; letter-spacing:1px; margin:auto;}
.list-main-content-itemlist .list-itemlist-more a:hover{border:solid transparent 1px;background:#24499C; color:#fff;}
.list-main-content-itemlist li a{margin-bottom:0px;}
.list-main-content-itemlist li {margin-bottom:40px;}

.page-location{background:#f2f3f2;height:50px;border-bottom:0px solid #eee; line-height:50px; margin-bottom:0px;font-size:13px; font-weight:300; display:none;}
.page-location-cont{margin-left:20px; color:#888;}
.page-location-cont a{color:#888;}
.page-location-cont i{margin-left:5px;margin-right:5px;}
.page-location-cont .current{color:#888;}

.web-footer{background:#005394; padding-top:17px; padding-bottom:40px; color:#fff;}
.web-footer-copyright{border-top:1px solid rgba(255,255,255,.05); padding-top:20px;font-size: 13px;}
.web-footer-left{float:left;display:block;padding-top:5px;padding-left:0px;color:rgba(255,255,255,.4);}
.web-footer-right{float:right;display:block;padding-right:0px;}
.web-footer-right .fa{background:none;height:30px;width:30px;text-align:center;line-height:30px;font-size:16px;color:rgba(255,255,255,0.4); border:1px solid rgba(255,255,255,0.4);margin-bottom:2px;margin-right:6px;margin-left:3px;border-radius: 50%;}
.web-footer-list{ margin-bottom:50px; padding-top:30px;}
.web-footer-list>ul>li{display:inline-block; margin-right:100px; vertical-align:top;}
.web-footer-list>ul>li:last-child {
    margin-right: 0px;
}
.web-footer-list>ul>li>font{ font-size:16px; display:block; border-bottom:1px solid rgba(255,255,255,.1); padding-bottom:10px; padding-top:10px; margin-bottom:15px;text-transform: uppercase; font-weight:normal;}
.web-footer-list-submenu {font-size:14px; line-height:27px; display:block; color:rgba(255,255,255,.6);}
.web-footer-list-submenu li a{font-size:14px; line-height:27px; display:block; color:rgba(255,255,255,.6);}
.web-footer-list-submenu li a:hover{color:rgba(255,255,255,1);}
.web-footer-list-submenu li a i{margin-right:5px; display:none;}

.slider-1{ margin-top:20px; margin-bottom:60px !important; padding-bottom:5px;}
.slider-1 div a{ display:block; padding:13px; padding-bottom:18px;}
.slider-1 div a>span{height:290px; width:100%;border:0px solid #ddd; padding:0px; display:block;overflow:hidden;position:relative;border-radius: 4px; background:#fff;box-shadow: 3px 3px 6px 0 rgba(134, 134, 134, 0.1);}
.slider-1 div a>span>span{height:150px; width:100%;border:0px solid #ddd; padding:0px; display:flex;justify-content: center;align-items: center;overflow:hidden;position:relative;border-radius: 2px;}
.slider-1 div a>span>span>img{max-height:100%; max-width:100%;transition: all 0.2s;}
.slider-1 div a>span>font{display:block;justify-content: center;align-items: center; background:rgba(0, 0, 0, 0); height:140px; text-align:center; color:#333;font-size:16px; margin-left: 40px;margin-right: 40px; border-top:1px solid rgba(0, 0, 0, .1); padding-top:15px;}
.slider-1 div a>span>font>p{display:block;justify-content: center;align-items: center;font-size:15px; margin-top:10px; color:#888;}

.slider-1 div a:hover img{transform: scale(1.08);}
.slider-1 div a:hover>span{background:#fff;box-shadow: 8px 8px 20px 0 rgba(134, 134, 134, 0.1);}
.slider-1 div a:hover>span *{}
.slider-1 div a:hover>span>font{border-top:1px solid rgba(0, 0, 0, .1);}

.slider-111 div a font p{display:none;}
.slider-111 div a:hover font{background:rgba(13, 136, 51, .8); color:#FFFFFF; height:125px;transition: all 0.2s; display:block;padding-top:25px;}
.slider-111 div a:hover font p{display:block; font-size:13px; border:1px solid #fff; line-height:28px; width:40%; margin:auto;margin-top:20px;border-radius: 2px;}
.slider-111 div a:hover span{border:0px solid #222;}
.slider-111 div a:hover img{transform: scale(1.08);}

.nav-tabs-page{background-color: #f3f3f3;border-bottom:none ; border-bottom: 1px solid #ddd; padding-left:20px;}
.nav-tabs-page>li {
    margin-bottom: -1px;
}
.nav-tabs-page>li>a{margin:0px 10px;padding: 9px 28px ;
    height: 45px ;border-radius: 0px;margin: 0px;background:none; font-size:16px; font-weight:normal;}
.nav-tabs-page>li.active>a, .nav-tabs-page>li.active>a:focus, .nav-tabs-page>li.active>a:hover {
    color: #0092DD;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
	
}
.page-left-content{ border-top:0px #0061AE solid;border:1px solid #ddd;  padding-bottom:10px; display:none;}
.page-left-content font{ font-size:20px; margin-bottom:5px; display:block;background-image: linear-gradient(#fff, #eee); line-height:60px; padding-left:20px;}
.page-left-content p{ padding:20px; }
.a-link{display: block;
    color: #0061AE;
    border: 1px solid #0061AE;
    background: #fff;
    transition: 0.5s;
    width: 120px;
    text-align: center;
    line-height: 33px;
    border-radius: 4px;
    font-size: 14px;}
.a-link:hover{ color: #fff;
    border: 1px solid #0061AE;
    background: #0061AE;}

/********************* 手机版 *********************/
 @media (max-width: 1px) {
body{margin-top:60px !important;}
.page-location{display:none;}
.web-main{width:100%; min-width:100%;border:none;} 
.son{width:100%;}
.web-top{display:none;}
.web-nav {
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 0;
    bottom: 0;
	height: 60px;
}
.web-nav-mob {
    overflow-x: hidden;
    overflow-y: scroll;
	height:auto;
}
.page-banner,.home-banner{margin-top:0px !important;}
.navbar{margin-bottom:0px;min-height:60px;border:none;}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
    margin-right: 0px;
    margin-left: 0px;
}
.navbar-header {
    float: none;
    height:auto;
	padding-top: 0px;
}
.navbar-default .navbar-nav>li>a {
    color: #333;
    font-size: 14px;
    text-transform:none;
    font-weight:normal;
	padding: 12px 30px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #24499C;
    background-color: #f3f3f3;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #24499C;
    background-color: #f3f3f3;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #24499C;
    background-color: #f3f3f3;
}
.navbar-brand{padding:0px;padding-top:7px;height: 60px;}
.navbar-brand img {max-height:45px;margin-left:10px;padding: 8px;height:auto;transition:none;}
.navbar-slogan{display:none;}
.navbar-search{display:none;}
.navbar-toggle{margin-top:12px;}
.navbar-default .navbar-toggle {border:none;}
.navbar-collapse{ position:absolute;z-index: 9999;width: 100%;background: #fff;box-shadow: rgb(204, 204, 204) 0px 3px 4px;padding-top:0px;}

.nav-submenu{width:100%;border-radius:0px; border:none;box-shadow:none;margin-top:0px !important; font-size:14px; padding-top:0px !important; background:none;}
.nav-submenu>li>a {
    display: block;
    padding: 10px 50px !important;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333 !important;
    white-space: nowrap;
	border-bottom:1px solid rgba(0,0,0,0.1);
	background: #fcfcfc;
}
.nav-submenu>li:last-child>a {
	border-bottom:1px solid rgba(0,0,0,0.1);
}
.nav-submenu>li>a>i {
    float:right;
}

.home-banner{height:auto;margin-bottom:0px;}
.navbar-nav{margin-top:0px;margin:0px 0px;padding-bottom: 15px;}
.home-main-left{width:100%;float:none;border:none;}
.m-left{margin-bottom:40px;}
.m-left h1{margin-bottom:0px;}
.m-left ul {}
.m-left li a{background: url(../img/arrow-right-1.png) no-repeat 92% center #fff;}
.m-left li:hover a, .m-left li.current a{background: url(../img/arrow-right-2.png) no-repeat 92% center #24499C;}
.page-content {
    margin-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 24px;
    padding-top: 5px;
	font-size:14px;
}
.page-left-content{display:none;}
.home-main-right{width:100%;float:none;margin-right:0px;}
.home-group-img-list{margin-left:15px; margin-right:15px;}
#inquiry-icon{display:none;}
p#back-to-top a{background: rgba(0,0,0,0.2) !important;height: 40px !important;width: 40px !important;font-size: 18px !important;line-height: 40px !important;}
.row .row-col-img{height:160px !important;}
.home-group-item{width:100%;}
.home-group-content{border:none; min-height:auto; padding-bottom:0px;}
.home-group-news-list{border:none; min-height:auto; padding-bottom:0px;}
.web-footer{padding-left:20px;padding-right:20px;}
.web-footer-left,.web-footer-right{float:none; text-align:center; padding:0px;}
.web-footer-left{padding-bottom:10px;}
.page-banner{width:100%; height:90px; min-width:100%;background-size:cover !important;}
.page-main-category{width:100%;float:none;border:none;}
.page-main-content{width:100%;float:none;margin-right:0px;}
.page-content img{max-width:100%;margin-bottom:5px;margin-top:5px;}
.page-list{margin-left:15px; margin-right:15px;}
.quote-title{font-size:20px;padding-left:20px;}
.inquiry-contact{width:95% !important;padding-left:20px !important;}
.page-info-title{line-height:normal;}
.page-info-title font{font-size: 20px;}
.page-info-pro-intro{width:100%; padding-left:20px; padding-right:20px;}
.quote-button{width:100%;}
.page-news{box-shadow:none;text-align: center;}
.page-news .page-news-img{margin:0px;margin-bottom:10px;}
.page-news .page-news-cont{width:100%;margin:0px;text-align:left;margin-bottom:10px;}
.page-news .page-news-title{font-weight:normal;font-size: 18px;}
.home-main-left, .home-main-right{margin-bottom:0px;padding-bottom:0px;}
.modal-dialog{width:95% !important;}
.page-title{line-height:normal; padding-top:10px;display: flex;height:auto;padding-bottom:10px; background:#f3f3f3;margin-top: 0px;}
.page-title font{font-size:18px;font-weight:normal;color: #24499C;}
.page-main-category, .page-main-content{margin-bottom:0px;padding-bottom:0px;}
.m-left dl{ display:none;}
.page-pro-subclass{ display:block;}
}

/********************* 公共 *********************/

html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {
	margin: 0;
	padding: 0;
}

html, body {
    -ms-overflow-style: scrollbar;
}

body{font-family:'Microsoft YaHei', 'sans-serif'; 
  font-size: 14px;
  line-height: 1.42857;
  color: #222;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background:#fff;
  margin-top:75px;
}

ul{ list-style:none;}

a,a:hover,a:active,a:link,a:visited{text-decoration:none;outline:none;}
a{color:#0092DD;}
a:hover{color:#0061AE;}

img{border:0 none;}

.clear{clear:both;}

/*分页样式*/
.page{
	margin-top:3px;
	display: inline-block;
	*display:inline;
	zoom:1;
}
.pageX{
	float:right;
	margin-top:3px;
}
.pageX *{height:22px;padding-top:0px;padding-bottom:0px;width:auto !important;}
.pageX .btn{
	padding: 2px 12px;
}
.pageX .dropdown-menu{height:auto;max-height:200px !important;}
.pageX .dropdown-menu li a{padding: 0px 20px;}
.page a {
    text-decoration: none;
	border: 1px solid #ADADAD;
	color: #333;
    display: inline-block;
    padding: 0.4em 0.8em;
    margin-right: 5px;
	margin-bottom: 5px;
	color: #333;
	background: #ffffff;
	border-radius: 0px;
}
.page a:hover {
	background: #EBEBEB;
	text-decoration: none;
}

.page .current {
    background: #0061AE !important;
    color: #fff !important;
	border: 1px solid #0061AE;
	text-decoration: none;
	cursor:pointer;
	*cursor:hand;
}
.page .current:hover {
    color: #000000;
    text-decoration: none;
}

/*bootstrap 解决列高不一样错位问题*/
.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.row > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

p#back-to-top{
      position:fixed;
      top:397px;
      right:0px;
	  z-index:999999;
	  display:none;
}
p#back-to-top a{
      text-align:center;
      text-decoration:none;
      display:block;
	  border-radius:2px;
	  height:38px;
	  width:38px;
	  background-color: #0061AE;
      font-size:13px;
      -moz-transition:color 1s;
      -webkit-transition:color 1s;
      -o-transition:color 1s; 
      -moz-transition:background 1s;
      -webkit-transition:background 1s;
      -o-transition:background 1s;
	  line-height:38px;
	  color:#fff;
}
p#back-to-top a:hover{
     color:#fff;
}

#inquiry-icon {position:fixed;top:300px;right:0px;z-index:999999; display:none;}	
#inquiry-icon a{border-radius:6px;
	  height:50px;
	  width:50px;
	  background-color: #24499C;
      font-size:21px;
      -moz-transition:color 1s;
      -webkit-transition:color 1s;
      -o-transition:color 1s; 
      -moz-transition:background 1s;
      -webkit-transition:background 1s;
      -o-transition:background 1s;
	  line-height:50px;
	  color:#fff;
	  text-align:center;
	  border-radius:50%;}
	  
.page-search{display:block; background:#fff; margin-bottom:0px;width: 100%;border-bottom:1px #ddd dotted;}
.page-search a{display:inline-block;vertical-align:middle;}
.page-search .page-search-img{width:140px;height:120px; background:#fff; text-align:center; margin:25px;margin-right:10px; margin-left:5px; line-height:120px; border:1px solid #e8e8e8;border-radius:0px;color:#ccc;display: inline-flex;
    justify-content: center;
    align-items: center;}
.page-search .page-search-img img{max-width:80%;max-height:80%;padding:10px;}
.page-search .page-search-cont{width:60%; margin:30px;}
.page-search .page-search-title{display:block; font-size:14px; margin-bottom:10px;color:#333;padding-bottom: 10px;}

.inquiry-contact{width:550px;padding-left:20px;}
.inquiry-contact li h5{padding-top:20px;padding-bottom:10px; font-family:arial; font-size:15px;}
.inquiry-contact li h5 small {font-size: 85%;color: #bbb;margin-left: 5px;}
#sending{position:absolute;z-index:10;left:35%;top:-280px;width:200px;font-size:20px;background:rgba(0,0,0,0.8);border-radius: 3px; height:50px; border:0px solid #ccc; line-height:50px; text-align:center; font-weight:bold;display:none;color:#fff;}
#sending i {font-size:22px;}
.inquiry-contact #SfMessSubmit2{background-color:rgb(20, 18, 19); border-color:rgb(20, 18, 19); color:#fff; font-size:18px;}
.inquiry-icon-right {
    position: fixed;
    top: 280px;
    right: 0px;
    z-index: 999999;
}
.inquiry-icon-right .inquiry-icon-right-link {
    border-radius: 2px;
    width: 38px;
    background-color: #0061AE;
    font-size: 25px;
    -moz-transition: color 1s;
    -webkit-transition: color 1s;
    -o-transition: color 1s;
    -moz-transition: background 1s;
    -webkit-transition: background 1s;
    -o-transition: background 1s;
    line-height: 17px;
    color: #fff;
    text-align: center;
    display: block;
    margin-bottom: 1px;
    padding-top: 12px;
    padding-bottom: 12px;
}
.inquiry-icon-right-content {
    top: 0px;
    right: 38px;
    left: auto;
    padding: 0px;
    margin: 0px;
    min-width: 250px;
    border: none;
    padding-right: 7px;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.inquiry-icon-right-content>div {
    -webkit-box-shadow: 0 1px 7px rgba(0,0,0,0.2);
    box-shadow: 0 1px 7px rgba(0,0,0,0.2);
    border-radius: 3px;
    overflow: hidden;
}
.inquiry-icon-right-content-title {
    background: #fff;
    line-height: 45px;
    color: #555;
    padding-left: 20px;
    font-size: 15px;
    text-transform: uppercase;
}
.inquiry-icon-right-content-title>i{font-size: 17px;}
.inquiry-icon-right-content-cont {
    padding: 15px 20px 15px 20px;
    background: #fff;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0);
    box-shadow: 0 3px 6px rgba(0,0,0,0);
    min-height: 60px;
    font-size: 15px;
    line-height: 24px;
}

.nav-top-search-tc{background:#f3f3f3; height:100px; width:100%; position:absolute; left:0; bottom:-100px; transition:.2s;opacity:0;display: none;}

.nav-top-search-tc-on{height:100px; bottom:-100px;transition:.3s;opacity:1;display:block;}

.nav-top-search-tc-cont{position:relative; width:600px; margin: auto;margin-top:25px;}
.nav-top-search-tc-cont .search-input{border-radius:5px;width:100%; height:50px; line-height:50px; background:rgba(255, 255, 255,1); margin-top:0px; font-size:16px; margin-right:0px; padding-left:30px; color:#666; border:0px solid #eee;outline:none; }
.nav-top-search-tc-cont .search_icon{position:absolute;right:17px;top:13px;cursor:pointer;width:35px;line-height:25px;text-align:center;border-top-right-radius:4px;border-bottom-right-radius:4px;}
.nav-top-search-tc-cont .fa-search{font-size:20px;color:#999;}
.nav-top-search-tc-cont .search-input::-webkit-input-placeholder {color: #999;font-size:15px;}
.nav-top-search-tc-cont .search-input:-moz-placeholder {color: #999;font-size:15px;}
.nav-top-search-tc-cont .search-input:-ms-input-placeholder {color: #999;font-size:15px;}​