@charset "utf-8";

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

.web-top{background:#1c2b35; color:#fff; height:40px;padding-top:5px; padding-bottom:5px;}
.web-top-left{float:left;padding-left:25px;color:rgba(255,255,255,0.5); padding-top:8px; display:none;}
.web-top-right{float:right;padding-right:25px;color:#777; }
.web-top-right i{margin-left:15px;margin-right:8px;font-size:16px;color:#999;}
.web-top-right a{color:#1173BB;}
.web-top-right .top-sns-icon {}
.web-top-right .top-sns-icon a{width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    color: #bbb;
    font-size: 16px;
    margin-right: 7px;
    border: 0px solid #aaa; margin-top:3px;}
.web-top-right .top-sns-icon a:hover{ background:#1173BB;border: 0px solid #1173BB; color:#fff;}
.web-top-right .top-cart{color:#fff;display: inline-block;vertical-align:top; margin-top:5px; margin-left:5px; display:none;}
.web-top-right .top-cart-qty{display:inline-block;border-radius: 8px;height: 18px; padding-left:3px; padding-right:3px; min-width:20px;line-height: 18px;color: #fff;text-align: center;background-color: #1173BB;font-size:12px; vertical-align:top; margin-left:2px; margin-top:1px;}

.web-nav{height:90px;width:100%;z-index:9999;top:0px; left:0px; background:#1173BB;box-shadow: 0 2px 8px 0 rgba(27,31,64,.08);}
.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;
	float: left;
	width: 100%;
}

.nav-search{float: right;
    margin-top: 32px;
    margin-left: 35px;
    transition: .3s;}

.nav-search-icon {
    float: right;
    margin-top: 35px;
    margin-right: 15px;
    transition: .3s;
	display:none;
}

.nav-search-icon a {
    display: block;
    padding: 3px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);padding-left: 25px;
}

.nav-search-icon a i{
    font-size:17px;
	color:#fff;
	transition: .3s;
}

.nav-language{float:right; margin-top:37px; margin-right:15px;transition:.3s; display:none; }
.nav-language-link{ font-size:15px; padding-top:0px;position: relative;border-left: 1px solid rgba(255, 255, 255, 0.2);padding-left: 20px;}
.nav-language-link-a{color:#fff;display:block;}
.nav-language-link-a:hover{color:#fff;}
.nav-language-main{border-radius: 0px;-webkit-box-shadow: none;box-shadow: none; background:none; border:none; padding-top:35px; top:30px;min-width: 120px; z-index:9999999;position: absolute;left: 0;padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;}
.nav-language-content {background:#fff; border:1px solid #ddd; padding:7px; line-height:28px;}
.nav-language-content a{padding-left:12px; padding-right:12px;color:#333; display:block;}
.nav-language-content a:hover{ background:#f3f3f3;}
.nav-language .active{display:block;}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}
.navbar-header {
    float:left;
	height:auto;
	padding-top: 10px;
	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:uppercase;
	font-weight:600;
	letter-spacing:0px;
	padding: 37px 21px;
	margin:0px 0px;
	height: 90px;
	transition:.3s;
	margin-left:5px;
	margin-right:5px;
}
.navbar-default .navbar-nav>li>a i{font-size:13px;border-bottom: 0px solid #fff !important;background: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: #fff;
    background-color: transparent;
	border-bottom:0px solid #fff;
	background:#0d619e;
}
.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: #fff;
    background-color:transparent;
	border-bottom:0px solid #fff;
	background:#0d619e;
}
.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: #fff;
    background-color: transparent;
	border-bottom:0px solid #fff;
	background:#0d619e;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0px;
}
.nav-submenu{width:235px;border-radius:0px; border:none;box-shadow:none;margin-top:0px !important; font-size:14px; padding-top:0px !important; background:none;box-shadow: 0 2px 8px 0 rgba(0,0,0,.1); padding:0px;}
.nav-submenu>li>a {
    display: block;
    padding: 13px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
	border-bottom:1px solid rgba(0,0,0,0.06);
	background: rgba(255, 255, 255, 1);
}
.nav-submenu>li:last-child>a {
	border-bottom:none;
}
.nav-submenu>li>a>i {
    float:right;
}
.nav-submenu>li>a:focus,.nav-submenu>li>a:hover,.nav-submenu .open>a {
    color: #262626 !important;
	background: #f5f5f5 !important;
	border-bottom:1px solid rgba(0,0,0,0.06) !important;
}
.nav-submenu-2 {
    left: 235px;
    border-radius: 0px;
    padding: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0px #ddd solid;
    top: 0px;
    margin: 0px;
    min-width: 230px;
	border-radius: 0px;
}
.nav-submenu-2>li>a {
    display: block;
    padding: 14px 20px;
    clear: both;
    font-weight: 300;
    line-height: 1.42857143;
    color: #262626;
    white-space: nowrap;
    border-bottom: 1px solid rgba(0,0,0,0.06);
    background: #f9f9f9;
	font-size:13px;
	padding-right:10px;
	padding-left:15px;
}
.nav-submenu-2>li>a>i {
    float:right;
}
.nav-submenu-2>li>a:hover,.nav-submenu-2 .open>a {
    background: #f5f5f5 !important;
	color: #262626 !important;
	border-bottom: 1px solid rgba(0,0,0,0.06) !important;
}
.nav-submenu-2>li:last-child>a {
	border-bottom:none !important;
}
.nav-submenu-3 {
    left: 230px;
    border-radius: 0px;
    padding: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0px #ddd solid;
    top: 0px;
    margin: 0px;
    min-width: 230px;
	border-radius: 0px;
}
.nav-submenu-3>li>a {
    display: block;
    padding: 8px 20px;
    clear: both;
    font-weight: 300;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    background: rgba(250, 117, 16, 0.9);
	font-size:13px;
	padding-right:10px;
	padding-left:15px;
}
.nav-submenu-3>li>a>i {
    float:right;
}
.nav-submenu-3>li>a:hover {
    background:rgba(250, 117, 16, 0.8);
	color: #fff;
}
.nav-submenu-3>li:last-child>a {
	border-bottom:none;
}
.navbar-nav>li {
    position:inherit;
}
.nav-submenu2-1{width:100%;border-radius:0px; border:none;box-shadow:none;margin-top:0px !important; font-size:14px; background:#fff;box-shadow: 0 2px 8px 0 rgba(0,0,0,.1); padding:30px;}
.navbar-nav>li:nth-child(3) .nav-submenu2-1 {
background:url(../img/arrow-blue-down.png) no-repeat 546px top #fff;
}
.navbar-nav>li:nth-child(4) .nav-submenu2-1 {
background:url(../img/arrow-blue-down.png) no-repeat 689px top #fff;
}
.nav-submenu2-1>li {
    display: inline-block;
	vertical-align:top;
	margin-right:15px;
	width: 15%;
}
.nav-submenu2-1>li:last-child {
margin-right:0px;
}
.nav-submenu2-1>li>a {
    display: block;
    padding: 10px 10px;
    clear: both;
    font-weight: 600;
    line-height: 1.42857143;
    color: #111;
    white-space: normal;
	border-bottom:1px solid rgba(0,0,0,0.15);
	background: rgba(255, 255, 255, 1);
	font-size:16px;
	text-transform: uppercase;
}
.nav-submenu2-1>li:last-child>a {
	
}
.nav-submenu2-1>li>a>i {
    float:right;
	display:none;
}
.nav-submenu2-1>li>a:focus,.nav-submenu2-1>li>a:hover,.nav-submenu2-1 .open>a {
    color: #333 !important;
	background: #fff !important;
	border-bottom:1px solid rgba(0,0,0,0.15) !important;
}
.nav-submenu2-2 {
    left: 0px;
    border-radius: 0px;
    padding: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0px #ddd solid;
    top: 0px;
    margin: 0px;
    width: 100%;
	min-width: 150px;
	border-radius: 0px;
	position:inherit;
	display:block;
}
.nav-submenu2-2>li>a {
    display: block;
    padding: 7px 7px;
    clear: both;
    font-weight: 500;
    line-height: 1.42857143;
    color: #777;
    white-space: inherit;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    background: #fff;
	font-size:15px;
	padding-right:0px;
	padding-left:10px;
}
.nav-submenu2-2>li>a>i {
    float:right;
	display:none;
}
.nav-submenu2-2>li>a:hover,.nav-submenu2-2 .open>a {
    background: #fff !important;
	color: #1173BB !important;
	 border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}
.nav-submenu2-2>li:last-child>a {
	
}
.navbar-brand img {
max-height:70px;
margin-left:0px;
height:43px;
transition:.8s;
margin-top: 0px;
}
.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;
}
.webtop-search {
display: inline-block;
float:none;
display:none;
}
#search{border-radius:15px;position:relative; width:180px; margin-top:0px; margin-right:15px;}
#search .search-input{border-radius:15px;width:100%; height:30px; line-height:30px; background:rgba(255, 255, 255, 0.3); margin-top:0px; font-size:12px; margin-right:0px; padding-left:15px; color:#fff; border:0px solid #eee;outline:none; }
#search .search_icon{position:absolute;right:8px;top:4px;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:rgba(255, 255, 255, 0.6);}
.search-input::-webkit-input-placeholder {color: rgba(255, 255, 255, 0.6);}
.search-input:-moz-placeholder {color: rgba(255, 255, 255, 0.6);}
.search-input:-ms-input-placeholder {color: rgba(255, 255, 255, 0.6);}​

.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 #1173BB; padding-left:20px; padding-right:20px; text-align:center;}
.home-group-title>span{color:#222; font-size:30px; display:block;text-transform: uppercase; font-weight:bold; margin-bottom:5px;letter-spacing: 1px;}
.home-group-title>p{border-bottom:4px solid #1173BB; width:30px; display:block; margin:auto;border-radius: 2px;}

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

.home-group-about{background:url(../../upload/home-about-bg.jpg); background-size:cover; height:420px; margin-top:0px; margin-bottom:0px;}
.home-group-about-info{ font-size:17px;font-weight: 400; width:80%; line-height:27px; text-align:center;margin: auto; color:#fff; margin-top:30px;}
.home-ys-items{background:rgba(0,0,0,.2);border-radius:5px; height:230px;box-shadow: 0px 0px 5px rgba(0,0,0,0);position: absolute;bottom:0px;width:100%; overflow:hidden;}
.home-ys-items a{float:left; width:25%; height:100%;padding:0px; padding-top:45px;}
.home-ys-items a:hover{background:#005BAC;}
.home-ys-items a>div{border-right:1px solid rgba(255,255,255,.1); padding-top:20px; padding-bottom:20px; width:100%;min-height: 80%;}
.home-ys-items a:last-child>div{border:none;}
.home-ys-items a>div>span:nth-child(1){display:inline-block;width:25%;vertical-align:top;text-align: right;color:#fff;padding-right: 15px;position: relative;}
.home-ys-items a>div>span:nth-child(1) i{position: absolute;right: 14px;font-size: 18px;
    border: #fff 1px solid;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;}
.home-ys-items a>div>span:nth-child(2){display:inline-block;width:70%;vertical-align:top;}
.home-ys-items a>div>span:nth-child(2) font{font-size:18px; color:#fff; margin-bottom:10px; display:block;}
.home-ys-items a>div>span:nth-child(2) p{font-size: 14px; color:rgba(255,255,255,.6); line-height:22px;font-weight: 300;}
.home-ys-items a:hover *{color:#fff !important;}
.home-ys-items a:hover>div{border:none;}

.home-ys-items2{background:#1173BB;border-radius:6px 6px 6px 6px; height:250px;box-shadow: 0px 0px 10px rgba(0,0,0,.1);position: absolute;bottom:-20px;width:100%; overflow:hidden;}
.home-ys-items2 a{float:left; width:25%; height:100%;padding:0px; padding-top:35px;}
.home-ys-items2 a:hover{background:#005BAC;}
.home-ys-items2 a>div{border-right:1px solid rgba(255,255,255,0.1); padding-top:35px; padding-bottom:20px; width:100%;min-height: 90%;}
.home-ys-items2 a:last-child>div{border:none;}
.home-ys-items2 a>div>span:nth-child(1){display:inline-block;width:25%;vertical-align:top;text-align: right;color:#fff;padding-right: 15px;position: relative;}
.home-ys-items2 a>div>span:nth-child(1) i{position: absolute;right: 14px;font-size: 18px;
    border: #fff 1px solid;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;}
.home-ys-items2 a>div>span:nth-child(2){display:inline-block;width:70%;vertical-align:top;}
.home-ys-items2 a>div>span:nth-child(2) font{font-size:17px; color:#fff; margin-bottom:10px; display:block;text-transform: uppercase; font-weight:500;}
.home-ys-items2 a>div>span:nth-child(2) p{font-size: 14px; color:rgba(255,255,255,0.6); line-height:21px;font-weight: 300;}
.home-ys-items2 a:hover *{color:#fff !important;}
.home-ys-items2 a:hover>div{border:none;}
.home-ys-items2 a:hover>div>span:nth-child(1) i{border: #fff 1px solid;}

.slider-3{ margin-top:20px; margin-bottom:60px !important; padding-bottom:10px;}
.slider-3 div a{ display:block; padding:13px;}
.slider-3 div a span{height:199px; width:100%;border:0px solid #ddd; padding:0px; display:block;overflow:hidden;position:relative;border-radius: 3px;background: #fff;}
.slider-3 div a img{max-height:100%; max-width:100%;transition: all 0.5s;}
.slider-3 div a font{display: flex;justify-content: center;align-items: center; background:rgba(0, 0, 0, 0); height:90px; text-align:center; color:#555; position:absolute; width:100%;bottom:-80px; left:0px;transition: all 0.2s; font-size:15px; text-transform:uppercase; letter-spacing:1px;}
.slider-3 div a font dd{border-top: 1px solid #ccc;padding-top: 10px;}
.slider-3 div a font p{display:none;}
.slider-3 div a:hover font{background:rgba(17, 115, 187, 0.9); color:#FFFFFF; height:100%;transition: all 0.2s; display:block;padding-top:20%;bottom:0px;}
.slider-3 div a:hover font dd{border-top: 0px solid #ccc;}
.slider-3 div a:hover font p{display:block; font-size:12px; border:1px solid #fff; line-height:28px; width:50%; margin:auto;margin-top:20px;border-radius: 2px;}
.slider-3 div a:hover span{border:0px solid #222;}
.slider-3 div a:hover img{transform: scale(1.08);}

.slider-2{ padding-top:0px;width:95%; margin:auto;}
.slider-2 div a{ display:block; padding:13px;}
.slider-2 div a>div{box-shadow: 0 1px 5px rgba(0,0,0,0.15);border:1px solid #fff;}
.slider-2 div a span{height:230px; width:100%;border:0px solid #ddd; padding:35px; display:block;overflow:hidden;position:relative; background:#fff;display: flex;
    justify-content: center;
    align-items: center;}
.slider-2 div a img{max-width:100%; max-height: 100%; padding:0px;}
.slider-2 div a span p{ position:absolute; height:100%; width:100%; background:rgba(0,0,0,0.2); left:0px; top:0px; display: flex;justify-content: center;align-items: center; color:#fff; font-size:50px;transition: all 0.2s;opacity:0;}
.slider-2 div a>div>font{ display:block; padding-left:15px; padding-right:15px; background:#fff;height: 103px;}
.slider-2 div a font h1{display: flex;justify-content: center;align-items: center; background:#fff; text-align:center; color:#333333;transition: all 0.2s; border-top:1px solid #ddd; font-size:14px; padding-top:15px; font-weight:400; line-height:19px;}
.slider-2 div a font h2{display: flex;justify-content: center;align-items: center; text-align:center; color:#1173BB;font-size:16px; padding-bottom:15px; margin-top:9px; }
.slider-2 div a:hover font h1{border-top:1px solid #ddd; transition: all 0.2s;}
.slider-2 div a:hover span p{transition: all 0.2s;opacity:0;}
.slider-2 div a:hover>div{border:1px solid #ccc;}

.slick-arrow {
    position: absolute;
    top: 50%;
    margin-top: 10px;
    background: none;
    cursor: pointer;
    padding: 0;
    font-size: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 0px solid rgba(11,49,139,0.1);
	background:#fff;
}
.slick-arrow:after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-top: 2px solid #1173BB;
    border-right: 2px solid #1173BB;
    left: 50%;
    top: 50%;
    margin: -5px 0 0 -5px;
    transform: rotate(-135deg);
}
.slick-arrow:hover:after,
.slick-arrow:focus:after
{
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.slick-next:after {
    transform: rotate(45deg);
}

.slick-prev.slick-disabled:after, .slick-next.slick-disabled:after {
    opacity: .25;
}

.slick-prev {
    left: -40px;
}

.slick-next {
    right: -40px;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: #fff;
    outline: none;
    background: #1173BB;
	border: 1px solid #1173BB;
}

.home-tabs1{border-bottom: 0px solid #1173BB;text-align: center; margin-top:40px;}
.home-tabs1>li{display: inline-block; float:none;}
.home-tabs1>li>a {
    font-size: 14px;
    font-weight:normal;
    color: #555;
    background-color: #fff;
    border: 0px solid transparent;
    margin-right: 5px;
	margin-left: 5px;
    padding: 10px 25px;
	border-radius: 3px;
	line-height:22px;
	margin-bottom: -1px;
	width: 187px;
}
.home-tabs1>li>a:hover {
    border: 0px solid #1173BB;
	color: #fff;
	border-bottom-color: transparent;
	background:#1173BB;
}
.home-tabs1>li.active>a, .home-tabs1>li.active>a:focus, .home-tabs1>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: none !important;
    border-bottom: 0px solid #1173BB;
	background:#1173BB;
}
.home-tabs1-content{padding: 10px;
    padding-top: 20px;
    margin-bottom: 0px;
    line-height: 24px;overflow:hidden; padding-bottom:0px;}

.home-tabs1-content .fade .slider-2  {height:0px;margin-bottom:0px;}
.home-tabs1-content .active .slider-2 {height:auto;}

.slider-1{ margin-top:20px; margin-bottom:60px !important; padding-bottom:10px;}
.slider-1 div a{ display:block; padding:13px;}
.slider-1 div a span{height:290px; width:100%;border:0px solid #ddd; padding:0px; display:block;overflow:hidden;position:relative;border-radius: 3px;}
.slider-1 div a img{height:100%; width:100%;transition: all 0.5s;}
.slider-1 div a font{display: flex;justify-content: center;align-items: center; background:rgba(0, 0, 0, 0.5); height:70px; text-align:center; color:#fff; position:absolute; width:100%;bottom:0px; left:0px;transition: all 0.2s; font-size:17px;}
.slider-1 div a font dd{display:block;transition: all 0.2s;opacity:1px;}
.slider-1 div a font p{margin-bottom:-130px;display:block;transition: all 0.2s; display:none}
.slider-1 div a:hover font{background:rgba(17, 115, 187, 0.9); color:#FFFFFF; transition: all 0.2s; display:block; overflow:hidden; }
.slider-1 div a:hover font dd{margin-top:-50px;display:block;transition: all 0.3s;opacity:0px;}
.slider-1 div a:hover font p{font-size:12px; border:1px solid #fff; line-height:28px; width:40%; margin:auto;margin-top:46px;border-radius: 2px; margin-bottom:10px;display:block;transition: all 0.2s; text-transform:uppercase; letter-spacing:1px;}
.slider-1 div a:hover span{border:0px solid #222;}
.slider-1 div a:hover img{transform: scale(1.05);}

.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:#333;margin-bottom:20px;}
.row li a:hover{color:#1173BB;}
.row .row-col-img{height:200px; border:1px solid #ddd; display: table-cell;
vertical-align: middle;
text-align: center;
width:3.5%;border-radius: 5px;
}
.row .row-col-img:hover{border:1px solid #1173BB;}
.row .row-col-img img{max-width:100%;max-height:100%;padding:25px;}
.row .row-col-title{font-size:15px;line-height:20px; margin-top:10px; display:block; text-align:center;}

.m-left{width:100%;}
.m-left h1{/*background-image:linear-gradient(#f3f3f3, #eee);*/display:block; color:#777; font-size:17px; padding-left:25px;text-transform: uppercase; font-weight:bold; border-bottom:1px solid #ddd;background: url(../img/icon-left.jpg) no-repeat 7px ;padding-top: 16px;
    padding-bottom: 16px;border-top:0px solid #ddd;}
.m-left li{margin-bottom:0px;margin-top:0px;}
.m-left li:first-child{}
.m-left li:last-child a{}
.m-left li a{
	display:block;
	line-height:19px;
	color:#333;
	font-size:16px;
	padding: 13px 40px 13px 20px;
	border-bottom:1px solid #ddd;
	background: url(../img/arrow-right-1.png) no-repeat 215px center #fff;
	}
.m-left li:hover a,.m-left li.current a{color:#1173BB;background: url(../img/arrow-right-1.png) no-repeat 215px center #fff;}
.m-left dl{border-bottom:1px solid #ddd; padding-bottom:10px;}
.m-left dd>a{
	display:block;
	line-height:22px;
	color:#666;
	font-size:15px;
	border-bottom:0px solid #ddd;
	background: url(../img/arrow-right-1.png) no-repeat 15px center #fff;
	padding: 10px 10px 4px 35px;
	letter-spacing: 0px;
}	

.m-left dd:hover>a,.m-left dd.current>a{color:#1173BB; background: url(../img/arrow-right-1.png) no-repeat 15px center #fff;}

.m-left-3{left: 230px;
    border-radius: 0px;
    padding: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    top: -1px;
    margin: 0px;
    min-width: 230px;}
	
.m-left-3 a{
	display:block;
	line-height:22px;
	color:#fff;
	font-size:14px;
	border-top:1px solid #eee;
	border-right:1px solid #eee;
	background: url(../img/arrow-right-2.png) no-repeat 25px center rgb(250, 117, 16,0.9);
	padding: 8px 10px 8px 43px;
	letter-spacing: 0px;
}	

.m-left-3 a:last-child{border-bottom:1px solid #eee;}

.m-left-3 a:hover{
	color:#fff;
	background: url(../img/arrow-right-2.png) no-repeat 25px center rgb(250, 117, 16,0.9);
}

.page-left-content>h1{background-image:linear-gradient(#fff, #fff);display:block; line-height:50px; color:#777; font-size:17px; padding-left:25px; margin-top:30px;text-transform: uppercase; font-weight:bold;background: url(../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;border-radius:5px;}
.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: #1173BB;
    font-size: 16px;
    padding-bottom: 15px;
    margin-top: 9px; margin-bottom:5px;}

.page-banner{height:350px;background:#fff;min-width:1250px;background-size:cover !important; display:none;}
.page-banner-bg{background:rgba(0,0,0,.2); 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:10%; color:#fff; padding-left:30px;}
.page-banner-txt h1{text-transform: uppercase; font-size:30px; display:block;}
.page-banner-txt h2{font-size:20px; font-weight:300;display:block;}
.page-banner-txt span{width:40px; border-bottom:2px solid rgba(255,255,255,.5); display:block; margin-top:5px; margin-bottom:15px;}
@keyframes  ani{
    0%{ opacity:0; margin-top:-10px; }
    100%{opacity:1;}
}
@keyframes  ani2{
    0%{ opacity:0; width:0px; }
    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:40px;}
.page-main-category{float:left; border:1px solid #e4e4e4; width:280px; padding:15px; background:#fff; padding-top:10px; padding-right:30px;border-radius:5px !important;box-shadow: 1px 3px 15px rgba(0,0,0,0.1) !important;padding-bottom: 30px;}
.page-main-content{float:right;text-align:left; width:950px; margin-right:20px;margin-bottom: 50px;padding:0px;padding-left:40px;padding-right:0px; min-height:400px;}
.page-main-content-div{margin-bottom:60px;}
.page-main-category,.page-main-content{/*margin-bottom: -10000px;padding-bottom: 10000px;*/border-radius:0px;box-shadow: 0 1px 5px rgba(0,0,0,0); margin-bottom:50px;}
.page-title{/*background-image:linear-gradient(#fff, #fff);*/line-height:52px; border-bottom:1px solid #ddd; padding-left:20px; padding-right:20px; display:block; margin-bottom:35px; margin-top:0px; padding-bottom:16px;background: url(../img/icon-bottom.jpg) no-repeat 25px bottom;}
.page-title>font{color:#222; font-size:30px; display:block;text-transform:uppercase; font-weight:bold;}

.page-pro-subclass{margin-top:-25px; margin-bottom:30px; background:rgba(0,0,0,.02); padding:15px; padding-top:15px; padding-bottom:15px; display:none;}
.page-pro-subclass .page-pro-subclass-list{height:120px;overflow: hidden;}
.page-pro-subclass ul {padding-bottom:1px;}
.page-pro-subclass ul a{color:#333;display:block;font-size:14px; line-height:22px; text-align:left; border-bottom:1px solid #ddd; margin-bottom:5px; margin-top:5px; background:none; padding:5px; padding-left:10px; padding-right:10px; margin-right:5px; border-radius:0px;}
.page-pro-subclass ul a:hover,.page-pro-subclass .current{color:#1173BB;border-bottom:1px solid #ddd;}
.page-pro-subclass ul a i{margin-right:8px;font-size:15px;}
.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 #1173BB;background:#1173BB;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:#1173BB; border:1px solid #1173BB;background:#fff;transition:0.5s; }

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

.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 #ddd 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;}
.page-news .page-news-img img{max-width:100%;max-height:100%;padding:0px;object-fit: cover;width: 100%;height: 100%;}
.page-news .page-news-cont{width:68%; margin:30px;}
.page-news .page-news-title{display:block; font-size:20px; margin-bottom:0px;color:#222;border-bottom:0px #ddd solid;padding-bottom: 10px;font-weight:bold;}
.page-news .page-news-intro{display:block; margin-bottom:15px; color:#666666;font-size:14px;line-height:24px;}
.page-news .page-news-more{display:block;color:#1173BB; border:1px solid #1173BB;background:#fff;transition:0.5s; width:120px;text-align:center; line-height:33px;border-radius:3px;font-size:14px;}
.page-news .page-news-more:hover{color:#fff; border:1px solid #1173BB;background:#1173BB;transition:0.5s; }

.page-list-blog .row-col-img { overflow:hidden;border-radius: 0px;}
.page-list-blog .row-col-img img{transition: all 0.5s;}
.page-list-blog a:hover .row-col-img img{transform: scale(1.08);transition: all 0.5s;}

.page-info-title{background:#fff; border-bottom:1px solid #ddd; padding-left:20px; padding-right:20px; display:block; margin-bottom:15px; margin-top:0px;background: url(../../index.html) no-repeat 25px bottom;}
.page-info-title>font{color:#222; font-size:36px; float:left; display:block;text-transform:capitalize; font-weight:500;padding-bottom: 18px; line-height:35px;}
.updatetime{padding-left:20px;color:#999999; font-size:16px; margin-bottom:5px;text-transform:uppercase;}
.page-info-cont{padding:20px; line-height:24px; margin-bottom:30px; font-size:16px;}
.page-info-cont img{max-width:100%;}
.page-info-pro-group{width:100%; margin-bottom:20px;}
.page-info-pro-img{float:left;}
.page-info-pro-intro{float:left;width:600px; margin-left:50px;}
.tab-pro-info-content{font-size:15px; line-height:24px;}
.page-intro{line-height:24px;margin-top:0px;margin-right:20px;}
.pro-quote-button{display:inline-block; text-align:center; width:210px; height:46px; line-height:46px; font-size:18px; background:#1173BB; color:#fff; margin-top:20px;border-radius:2px;margin-left:15px; vertical-align:top;border:1px solid #1173BB;}
.pro-quote-button:hover{}
.pro-quote-button2{display:inline-block; text-align:center; width:210px; height:46px; line-height:46px; font-size:18px; background:#fff; color:#1173BB; margin-top:20px;border-radius:2px;margin-right:0px; border:1px solid #1173BB;}
.pro-quote-button2:hover{}
.quote-button{display:inline-block; text-align:center; width:200px; height:46px; line-height:42px; font-size:18px; background:#1173BB; color:#fff; margin-top:30px;border-radius:4px;margin-right:0px; border:1px solid #1173BB;}
.quote-button:hover{color:#fff;}

.pic-group{padding:4px;}
.pic-group .big-pic{border:1px solid #e9e9e9;cursor:pointer;*cursor:hand;padding:0px;display:table-cell;vertical-align:middle; text-align:center;width:560px;height:560px;}
.pic-group .big-pic img{max-width:100%; max-height:100%;}
.pic-group .small-list{overflow:hidden; background:#fff; padding:20px;width:560px;}
.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:#1173BB 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:#1173BB;}
.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:472px;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 #1173BB;
}
.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: #1173BB;
    border: 1px solid #1173BB;
    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 #1173BB; line-height:50px; padding-left:40px; background-image: linear-gradient(#fcfcfc, #eee); padding-top:7px; color:#333;}

.list-main-content-itemlist { margin-bottom:60px; margin-top:20px;}
.list-itemlist-img-a{position:relative;overflow:hidden; display:block;border-radius: 3px;box-shadow: 1px 3px 15px rgba(0,0,0,0.1);}
.list-itemlist-img-a>p{background:rgba(0, 0, 0, 0.4); width:100%; height:20%; position:absolute; left:0px; bottom:0px; font-size:25px; color:#fff;transition:.3s; display:block; text-align:center; padding:18px;}
.list-itemlist-img-a>p>font{display:block; font-weight:500;}
.list-itemlist-img-a>p>img{margin-top:30px;}
.list-itemlist-img-a:hover p{height:100%;transition:.3s; padding-top:35%;background:rgba(17, 115, 187, 0.8);}	
.list-itemlist-img-a .list-itemlist-img{
    border: 1px solid transparent;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 3.5%; 
	background:#fff;
	height:400px;
	transition: all 0.5s;
	}
.list-itemlist-img img {padding:0px;object-fit: cover;max-width:100%; max-height:100%;width:100%;height: 100%;}

.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: none;
	background:#fff;
	height:auto;
	padding:40px;
	padding-left:40px;
	padding-right:40px;
	text-align:center;
	padding-top:15px;
	}
.list-main-content-itemlist .list-itemlist-title h1{ font-size:40px; margin-bottom:12px; color:#111;}
.list-main-content-itemlist .list-itemlist-title p{ font-size:16px; line-height:24px;color:#666;padding-left:40px;padding-right:40px;}	
.list-main-content-itemlist .list-itemlist-more{    
    display: none;
	background:#fff;
	padding-left:0px;
	padding-bottom:40px;
	}
.list-main-content-itemlist .list-itemlist-more a{display:block; background:#fff; color:#1173BB; width:160px; line-height:26px; font-size:14px; padding:8px;border-radius:0px;text-transform: uppercase; text-align:center; border:solid #1173BB 1px; font-weight:400; letter-spacing:2px; margin:auto;}
.list-main-content-itemlist .list-itemlist-more a:hover{border:solid transparent 1px;background:#1173BB; color:#fff;}
.list-main-content-itemlist li a{margin-bottom:0px;}
.list-main-content-itemlist li {margin-bottom:50px;}

.page-location{background:#f3f3f3;height:50px;border-top:0px solid #ddd; line-height:50px; margin-bottom:0px;font-size:13px; font-weight:400;}
.page-location-cont{margin-left:20px; color:#888;}
.page-location-cont a{color:#888;}
.page-location-cont a:hover{color:#555;}
.page-location-cont i{margin-left:5px;margin-right:5px;}
.page-location-cont .current{color:#555;}

.footer-sns-icon {}
.footer-sns-icon .fa{background:none;height:35px;width:35px;text-align:center;line-height:40px;font-size:20px;color:rgba(255,255,255,1); border:0px solid rgba(255,255,255,0.4);margin-bottom:15px;margin-right:15px;margin-left:3px;border-radius: 50%;}
.footer-sns-icon a:nth-child(1){background:#384B86 !important;}
.footer-sns-icon a:nth-child(2){background:#55A5E0 !important;}
.footer-sns-icon a:nth-child(3){background:#007AB5 !important;}
.footer-sns-icon a:nth-child(4){background:#DF2F2F !important;}
.footer-sns-icon a:nth-child(5){background: linear-gradient(to bottom right,#4364d8,#d02d8c,#feda6f) !important;}
.footer-sns-icon a:nth-child(6){background:#e34343 !important;}

.web-footer{background:#0f1f29; padding-top:15px; padding-bottom:0px; color:#fff;}
.web-footer-copyright{border-top:0px solid rgba(255,255,255,.1); padding-top:15px;background: #081823;height: 60px; font-size:14px;}
.web-footer-left{float:none;display:block;padding-top:5px;padding-left:0px;color:rgba(255,255,255,.6);font-weight: 400; width:100%; text-align:center;}
.web-footer-right{float:right;display:none;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,1); border:0px solid rgba(255,255,255,0.4);margin-bottom:2px;margin-right:6px;margin-left:3px;border-radius: 50%;}
.web-footer-right a:nth-child(1){background:#384B86 !important;}
.web-footer-right a:nth-child(2){background:#55A5E0 !important;}
.web-footer-right a:nth-child(3){background:#007AB5 !important;}
.web-footer-right a:nth-child(4){background:#DF2F2F !important;}
.web-footer-list{ margin-bottom:50px; padding-top:30px;}
.web-footer-list>ul>li{display:inline-block; margin-right:90px; vertical-align:top; width:18%;}
.web-footer-list>ul>li:last-child{margin-right:0px;}
.web-footer-list>ul>li>font{ font-size:15px; font-weight:700; display:block; border-bottom:1px solid rgba(255,255,255,.1); padding-bottom:15px; padding-top:5px; margin-bottom:20px;text-transform: uppercase;}
.web-footer-list .web-footer-list-submenu>div{font-size:14px; line-height:25px; color:rgba(255,255,255,.5);font-weight: 400;}
.web-footer-list-submenu li a{font-size:14px; line-height:27px; display:block; color:rgba(255,255,255,.5);font-weight: 400;}
.web-footer-list-submenu li a:hover{color:rgba(255,255,255,1);}
.web-footer-list-submenu li a i{margin-right:5px;}
.a-video-big{background:rgba(0,0,0,0.5);height: 65px;width: 65px;text-align: center;line-height: 65px;font-size: 27px;color:rgba(255,255,255,0.9);border-radius: 50%; border:2px solid rgba(255,255,255,0.9); padding-left: 8px; position:absolute; top:255px; left:42%;}
.a-video-big:hover{background:#1173BB;color:rgba(255,255,255,0.9);border:2px solid rgba(255,255,255,0.9);}
.a-video-s{background:rgba(0,0,0,0.5);height: 45px;width: 45px;text-align: center;line-height: 45px;font-size: 20px;color:rgba(255,255,255,0.9);border-radius: 50%; border:2px solid rgba(255,255,255,0.9); padding-left: 7px; position:absolute; top:80px; left:42%;}
.a-video-s:hover{background:#1173BB;color:rgba(255,255,255,0.9);border:2px solid rgba(255,255,255,0.9);}

/********************* 手机版 *********************/
 @media (max-width: 769px) {
.nav-language-link{ display:none;}
body{margin-top:60px !important;}
.page-location{line-height: 20px;display: flex;justify-content: center;align-items: center;}
.page-main {padding-top: 15px;}
.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;
	background: #fff;
}
.web-nav-mob {
    overflow-x: hidden;
    overflow-y: scroll;
	height:auto;
}
.inquiry-icon-right{display:none;}
.page-banner,.home-banner{margin-top:0px !important;}
.navbar{margin-bottom:0px;min-height:60px;border:none;float:none;width: 100%;}
.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;
	background: #1173BB;
}
.navbar-default .navbar-nav>li>a {
    color: #333;
    font-size: 15px;
    text-transform:uppercase;
    font-weight:normal;
	padding: 14px 15px;
	height:auto;
	margin-left: 20px;
    margin-right: 20px;
	border-bottom: 1px solid #e6e6e6;
}
.navbar-default .navbar-nav>li>a>i{color: #aaa !important; float:right; font-size:16px; display:block;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #1173BB;
    background-color: #fcfcfc;
	border-bottom: 1px solid #e6e6e6;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #333;
    background-color: #fff;
	border-bottom: 1px solid #e6e6e6;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #1173BB;
    background-color: #fcfcfc;
	border-bottom: 1px solid #e6e6e6;
}

.navbar-default .navbar-nav>.open>a>i{
    color: #1173BB !important;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	display:block;
}

.nav-submenu2-1{ padding: 25px; padding-top:10px; padding-bottom:10px;}
.nav-submenu2-1>li{display: block;
    margin-right: 0px;
    width: 100%;}
.nav-submenu2-1>li>a{font-size: 16px;
    text-transform:none;font-weight:400;padding: 10px 10px !important;border-bottom: 1px solid rgba(0,0,0,0.1);color: #666 !important;}
.nav-submenu2-2{ display:none;}

.nav-submenu2-1>li>a>i {
    float: right;
    display:block;
	color:#bbb;
}

.navbar-toggle .icon-bar-close {
    display: block;
    width: 22px;
    height: 3px;
    border-radius: 1px;
	background-color: #fff !important;
}
.navbar-toggle .icon-bar-close-1{position: absolute;transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 	/* Opera */}
.navbar-toggle .icon-bar-close-2{position: absolute;transform:rotate(-45deg);
-ms-transform:rotate(-45deg); 	/* IE 9 */
-moz-transform:rotate(-45deg); 	/* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg); 	/* Opera */}
.nav-icon-close .icon-bar-close{display:block !important;}
.nav-icon-close .icon-close{display:block !important;width:22px;height: 37px;
    padding-top: 22px;
    margin-top: -15px;}
.nav-icon-close .icon-bar{display:none !important;}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff !important;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 3px;
    border-radius: 1px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
	outline:0;
}

.navbar-brand{padding:0px;padding-top:7px;height: 60px;}
.navbar-brand img {max-height:45px;margin-left:10px;padding: 8px;height:auto;transition:none;margin-top: 2px;}
.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: none !important;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;	margin-left: 20px;
    margin-right: 20px;}
.nav-submenu>li>a {
    display: block;
    padding: 10px 30px !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.06);
	background: #fff;
}
.nav-submenu>li:last-child>a {
	border-bottom:1px solid rgba(0,0,0,0.1);
}
.nav-submenu>li>a>i {
    float:right;
	font-size: 15px;
    color: #aaa;
}

.home-banner{height:auto;margin-bottom:0px;}
.navbar-nav{margin-top:0px;margin:0px 0px;padding-bottom: 15px;padding-top: 10px;}
.home-main-left{width:100%;float:none;border:none;}

.bd ul li a img {
    height: 250px !important;
}

.home-group{margin-bottom:0px !important; margin-top:0px !important;padding-top:30px !important;padding-bottom:10px !important;}
.home-group-about{padding-top:0px !important;height: 460px !important;padding-bottom:0px !important;}
.home-group-about .son{padding-top:30px !important;}
.home-group-about-info{font-size: 16px;width: 100%;line-height: 22px;margin-top: 20px;}
.home-group-about .home-group-title{margin-bottom:25px !important;}
.home-group-about a{font-size: 15px !important;padding: 6px !important;width: 150px !important;}
.home-group-contact{padding-bottom: 0px !important;}
.home-group-contact .son{padding-top:0px !important;padding-bottom: 0px !important;}
.home-group-contact-main{height: auto !important;padding-bottom: 40px !important;}
.home-group-contact-main>div:nth-child(1){padding: 40px 30px 30px 30px !important; float:none !important;}
.home-group-contact-main>div:nth-child(2){width: 100% !important;margin-right: 0px !important;float:none !important; }
.home-group-contact-main>div:nth-child(1)>span>span:nth-child(2){width:85%;}
.slider-3 div a span{height: 242px;}

.web-footer-list>ul>li {
    display: block;
    margin-right: 0px;
    width: 100% !important;
	margin-bottom:20px;
}
.web-footer-list>ul>li>font{margin-bottom: 10px;}
.footer-sns-icon .fa{margin-right: 25px;margin-left: 25px;}
.footer-sns-icon{ text-align:center; padding-top:20px;}
.web-footer-copyright{}

.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-1.png) no-repeat 92% center #fcfcfc;}
.page-content {
    margin-bottom: 50px;
    padding-left: 25px;
    padding-right: 25px;
    line-height: 24px;
    padding-top: 5px;
	font-size:16px !important;
}
.page-content * {
	font-size:16px !important;
}
.page-content i {
	font-size:18px !important;
}
.bt-nei-line{ margin-bottom: 25px !important;}
.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;}
.row .page-list-blog .row-col-img{height:230px !important;}
.row .page-list-blog{ padding-left:25px !important; padding-right:25px !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:0px;padding-right:0px;}
.web-footer-list{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:160px !important; min-width:100%;background-size:cover !important;background-position-y: 0px !important;}
.page-banner-txt{padding-top: 11% !important;}
.page-banner-txt h1{font-size: 25px !important;}
.page-banner-txt h2{font-size: 18px !important;}
.bt-nei{font-size: 23px !important;}
.bt-nei2{margin-top:45px !important;}
.page-main-category{width:100%;float:none;border:none;padding-left: 20px;padding-right: 20px;}
.page-main-content{width:100%;float:none;margin-right:0px;padding-left: 20px;padding-right: 20px;margin-bottom: 0px !important;}
.page-content img{max-width:100%;margin-bottom:5px;margin-top:5px;}
.page-list{margin-left:0px; margin-right:0px;}
.quote-title{font-size:18px;padding-left:20px;line-height:30px; text-align:center;}
.inquiry-contact{width:100% !important;padding-left:0px !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;float: none;margin-left: 0px;}
.quote-button{width:100%;margin-bottom: 30px;}
.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: url(../img/icon-left.jpg) no-repeat 7px; margin-top: 0px;margin-bottom: 25px; padding-left:22px;}
.page-title font{font-size:20px;font-weight:600;color: #1173BB;}
.page-main-category, .page-main-content{margin-bottom:0px;padding-bottom:0px;}
.m-left dl{ display:none;}
.page-pro-subclass{ display:block;}
.contact-page-inquiry {
    position:inherit !important;
    background: #fff !important;
    padding: 0px !important;
    width: 100% !important;
	margin-bottom:50px;
	margin-top:40px;
}
.home-group-title>span {
    font-size: 20px;margin-bottom: 0px;
}
.list-itemlist-img-a .list-itemlist-img{width: 100%;height: 330px;}
.list-itemlist-img-a>p{font-size:19px; padding:18px;height:20%;}
.list-main-content-itemlist li {
    margin-bottom: 30px;
}
.page-content{}
.page-cont-cont-top{height: auto !important;padding: 30px 20px 30px 20px !important;margin-bottom: 0px;}
.page-content>div>span{ width:100% !important;border-bottom: 1px solid #ddd !important;border-right: none !important; margin-bottom:20px; padding-bottom:20px;}
.page-info-pro-img {
    float:none;
}
.pic-group .big-pic{height: auto;}
.page-info-pro-intro>div:nth-child(1){font-size: 22px !important;line-height: 26px; margin-top:10px;border-bottom: 1px solid #eee;
    padding-bottom: 20px;}
.page-info-pro-intro .page-intro{font-size: 16px !important;}
.pro-info-content{ padding-left:30px !important; padding-right:30px !important;}
.pro-info-bt{ margin-left:20px; margin-right:20px;font-size: 22px !important;}
.pic-group .small-list{width: 100%;}
.pic-group .small-pic-list{width: 85%;}
.pic-group .small-pic-list li{margin-right: 8px;}
.pic-group .p-small {
    width: 60px;
    height: 60px;
}
.pro-info-bt-list {
    text-align: center;
}
.pro-info-bt-list ul li a{font-size: 17px !important;}
.page-location-info-cont{ height:65px;}
.nav-search{ float:none;margin-right: 35px;}
#search .search-input{border: 1px solid #efefef;
    background: rgba(210, 210, 210, 0.3);height: 40px;
    line-height: 40px;border-radius: 25px;color: #555;font-size: 15px;}
#search{width: 100%;}
#search .fa-search {
    font-size: 18px;
    color: rgba(150, 150, 150, 0.6);
}
#search .search_icon{top:8px;}

#search input::-webkit-input-placeholder{
  color:#999; font-size:14px; padding-left:10px;
}
#search input::-moz-placeholder{   /* Mozilla Firefox 19+ */
  color:#999;font-size:14px;padding-left:10px;
}
#search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
  color:#999;font-size:14px;padding-left:10px;
}
#search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
  color:#999;font-size:14px;padding-left:10px;
}
.modal-title{font-size: 23px;}

.navbar-nav>li:nth-child(3) .nav-submenu2-1 {
    background:none;
}
.slider-3 div a img {
    width: 100%;
    height: 100%;
}
.slider-1 div a img {
    max-height: 100%;
    max-width: 100%;
	display: inline-block;
	height: auto;
    width: auto;
}
.slider-1 div a span{ text-align:center;}
.home-group-title-pro{ margin-bottom:-20px !important;}
.navbar-nav>li:nth-child(4) .nav-submenu2-1 {
    background: none;
}
@media (min-width:500px) and (max-width: 769px){
.home-group-about {
    height: 360px !important;
}
.page-banner {
    height: 240px !important;
}
.list-main-content-itemlist li {
    margin-bottom: 30px;
    width: 50%;
}
}
@media (max-width: 500px){

.page-search .page-search-cont {
  width: 100% !important;
    margin: 10px !important;
}
.page-search .page-search-img{ width:100% !important;height: 200px !important; margin-bottom:10px !important;}

}

}

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

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:'Lato', 'sans-serif'; 
  font-size: 12px;
  line-height: 1.42857;
  color: #333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background:#eee;
}

ul{ list-style:none;}

a,a:hover,a:active,a:link,a:visited{text-decoration:none;outline:none;}
a{color:#1173BB;}
a:hover{color:#1173BB;}

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: #1173BB !important;
    color: #fff !important;
	border: 1px solid #1173BB;
	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:368px;
      right:0px;
	  z-index:999999;
	  display:none;
}
p#back-to-top a{
      text-align:center;
      text-decoration:none;
      display:block;
	  border-radius:50%;
	  height:50px;
	  width:50px;
	  background-color: rgba(0,0,0,.3);
      font-size:20px;
      -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;
}
p#back-to-top a:hover{
     color:#fff;
}	

#inquiry-icon {position:fixed;top:300px;right:0px;z-index:999999;}	
#inquiry-icon a{border-radius:6px;
	  height:50px;
	  width:50px;
	  background-color: #1173BB;
      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%;}

.inquiry-icon-right {position:fixed;top:280px;right:0px;z-index:999999; display:none;}	
.inquiry-icon-right .inquiry-icon-right-link{border-radius:4px;
	  height:45px;
	  width:45px;
	  background-color: rgba(69, 198, 85, 0.9);
      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:45px;
	  color:#fff;
	  text-align:center; display:block;
	  margin-bottom: 1px;
	  }
.inquiry-icon-right-content{top:0px;right:45px;left:auto; padding:0px; margin:0px;min-width: 250px; border:none; padding-right:7px; background:none;box-shadow:none;-webkit-box-shadow:none;}
.inquiry-icon-right-content-title{background:#444; line-height:40px;border-radius: 5px 5px 0px 0px; color:#fff; padding-left:20px; font-size:15px;text-transform: uppercase;}
.inquiry-icon-right-content-cont{padding:25px 20px 25px 20px; background:#fff;-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.175);box-shadow: 0 3px 6px rgba(0,0,0,.175);border-radius: 0px 0px 5px 5px; min-height:80px; font-size:15px; line-height:24px;}
	  
.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;}
.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:15px; 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:Lato; font-size:15px;font-weight: 400;}
.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;}