/*@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic|Hind+Madurai:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic|Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&display=auto&ver=5.8.4');*/
@import url('font-awesome.css');
@import url('flaticon.css');
body, button, dd, div, dl, form, h1, h2, h3, h4, h5, h6, html, img, input, li, ol, p, ul {
    margin: 0;
    padding: 0;
    border: 0
}

* {
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: "Hind Madurai","Microsoft YaHei","Helvetica Neue",Helvetica,sans-serif;
    background-color: #ffffff;
    overflow-x: hidden;
}

button, input, textarea,select{
   -webkit-appearance: none;
   resize: none;
   outline: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
   border: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

img {
    border: 0;
    max-width: 100%;
    vertical-align: middle;
}
.none{
	display:none;
}

.online_x{
	cursor:pointer;
}
button:hover,
input[type=submit]:hover {
    cursor: pointer
}

button:focus,
input:active,
input:focus,
textarea:focus {
   /* border: 0*/
  	outline: 0 none;
  	outline-color: transparent;
}

a {
    color: #333;
    display: inline-block;
}

a:link {
    text-decoration: none
}

a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: none;
  
}

a:active {
    text-decoration: none
}

li {
    list-style: none;
}

.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    visibility: hidden
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}
.clearfix {
    zoom: 1
}
@font-face{
    font-family: "Hind Madurai";
    src: url('../fonts/pingfangb.ttf');
}
@font-face{
	font-family: "Hind Madurai";
	src: url('../fonts/Hind Madurai.otf');
}
@font-face{font-family: "inherit";font-weight: bold;
	src: url('../fonts/MyriadPro-Bold.otf');
}
@media (min-width: 1200px){
	.container {
	    width: 1100px;
	    padding: 0;
	}
}
@media (min-width: 1366px){
	.container {
	    width: 1200px;
	    padding: 0;
	}
}
@media (min-width: 1536px){
	.container {
	    width: 1280px;
	    padding: 0;
	}
}

.main{
	padding-top: 145px;
}
.bgcolor{
	background-color: #f5f5f5;
}
/*header*/
.header{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 15;
	width: 100%;
	background-color: #FFFFFF;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.header .head-top{
	padding: 5px 0px;
	background-color: #001e57;
}
.header.on{
	top: -40px;
}
.header .head-top ul{
	float: right;
	/*overflow: hidden;*/
}
.header .head-top ul li{
	float: left;
	width: 29px;
	height: 29px;
	line-height: 29px;
	border-radius: 50%;
	text-align: center;
	/*overflow: hidden;*/
	margin-right: 8px;
	background-color: #FFFFFF;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.header .head-top ul li:last-child{
	margin-right: 0;
}
.header .head-top ul li:hover{
	background-color: #455d73;
}
.header .head-top ul li a{
	display: block;
	width: 100%;
	font-size: 0px;
}
.header .head-top ul li>a>img{
	width: 17px;
	height: 17px;
	display: inline-block;
    vertical-align: middle;
  
}
.header .head-top ul li .icon2{
	display: none;
}
.header .head-top ul li:hover .icon2{
	display: inline-block;
}
.header .head-top ul li:hover .icon1{
	display: none;
}
/*20210324*/
.header .head-top ul li{
	position: relative;
}
.header .head-top ul li .popup{
    display: none;
    position: absolute;
    top: 35px;
    left: 50%;
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 110px;
    height: 110px;
    padding-top: 11px;
    z-index: 10;
}
.header .head-top ul li:hover .popup{
	display: block;
}
.header .head-top ul li .er-code{
    padding: 6px;
    background: #FFFFFF;
   border-radius: 10px;
}
.header .head-top ul li .er-code img {
    width: 100%;
}
.header .head-top ul li .triangle{
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
   	height: 22px;
   	background: url(../images/x8.png) center no-repeat;
}
/**/
.header .logo{
	float: left;
	text-align: left;
}
.header .logo a{
	display: block;
	line-height: 105px;
}
.header .logo a img{
	max-width: 146px;
}
.header .head-other{
	float: right;
}
.header .nav{
	float: left;
}
.header .nav>ul>li{
	position: relative;
	float: left;
	margin-right: 60px;
}
.header .nav>ul>li:last-child{
	margin-right: 0;
}
.header .nav>ul>li>a{
	font-family: "Hind Madurai", Sans-serif;font-weight: 800;
	color: #001e57;
	font-size: 18px;
	line-height: 105px;
	text-transform: uppercase;
}
.header .nav>ul>li:hover>a, .header .nav>ul>li.on>a{
	color: #df6512;
}
/*20210413*/
.header .navcell {
    display: none;
    position: absolute;
    left: 50%;
    top: 100px;
    z-index: 100;
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
	min-width: 270px;
    padding: 18px 0px;
    background-color: #FFFFFF;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.header .nav-li{
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}
.header .nav-li:last-child{
	margin-bottom: 0;
}
.header .nav-li>a{
	display: block;
	width: 100%;
	font-family:"Hind Madurai", Sans-serif;
	color:#001e57;
	font-size: 16px;
	cursor: pointer;
	padding: 0px 12px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	padding: 0px 30px;
	text-align: left;
}
.header .nav-li:hover>a{
	color:#df6512;
}
.nav_subW {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
}
.nav_sub_list {
    padding-top: 60px;
    display: none;
    padding-bottom: 5%;
}
.nav_sub_list ul {
	font-size: 0;
}
.nav_sub_list ul li{
    display: inline-block;
    vertical-align: top;
    width: 30%;
    margin-right: 5%;
    margin-bottom: 20px;
}
.nav_sub_list ul li:nth-child(4), .nav_sub_list ul li:nth-child(5){
	width: 45%;
}
.nav_sub_list ul li:nth-child(3n){
	margin-right: 0;
}
/*.nav_sub_list ul li{
    display: inline-block;
    vertical-align: top;
    width: 17.6%;
    margin-right: 3%;
}
.nav_sub_list ul li:nth-child(5n){
	margin-right: 0;
}*/
.nav_sub_list ul li .navtit{
	font-family: "Hind Madurai";
	color: #001e57;
	font-size: 24px;
	margin-bottom: 15px;
}
.nav_sub_list ul li a{
	display: block;
	color: #666666;
	font-size: 16px;
	margin-bottom: 10px;
}
.nav_sub_list ul li a:hover{
	color: #455d73;
}
/*æœç´¢*/
.search-other{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.searchdiv{
	float: left;
	margin-left: 25px;
}
.header .show-search-btn {
    display: block;
    height: 100px;
    line-height: 100px;
    transition-duration: .3s;
    text-align: center;
    color: #fff;
    overflow: hidden;
    cursor: pointer;
}
.show-search-btn img{
	cursor: pointer;
}
.search {
  	position: fixed;
 	z-index: 6;
  	top: 100px;
  	right: 0;
  	height: auto;
  	overflow: hidden;
  	/*height: 100%;
  	max-height: 100vh;
  	overflow-y: scroll;
  	overflow-x: hidden;*/
  	-webkit-overflow-scrolling: touch;
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  	opacity: 0;
  	visibility: hidden;
  	transition-property: opacity,visibility;
  	transition-duration: .5s;
  	transition-delay: .5s;
}
.search.search-is-open{
  	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity:1;
	visibility:visible;
	transition-delay:0s;}
.search.search-is-open .search__container{
	transform:translateY(0) translateZ(0);
}
.search__container{
  	position:relative;
  	z-index:2;
	background-color:#fff;
	transform:translateY(-100%) translateZ(0);
	transition:transform .75s cubic-bezier(.77,0,.175,1);
}
.search__overlay{
  	position:fixed;
  	z-index:1;
	top:0;
	right:0;
	width:100%;
	height:100%;
	/*background-color:#1d1d1d;*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	opacity:.2;
}
.search, .search__overlay{
	left:0;
}
.search-header{
	position:relative;
  	padding-top: 90px;
	padding-bottom: 120px;
}
.row{
	position: relative;
}
.search-header .search-loader{
	position:absolute;
  	top:17px;
	left:2.6vw;
}
.search-header .search-btn-close{position:absolute;
  	top:0;
	right:0;
}
.search-header .search-input{
  	font-size:24px;
	width:100%;
	-webkit-appearance:none;
	-moz-appearance:none;
	border:0;
}
.search-header .search-input__wrapper:after{content:"";
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	right:0;
	height:1px;
	background-color:#d9d9d9;
	width:100%;
}
.search-item{position:relative;
  	display:block;
	overflow:hidden;
	transition:background-color .2s,opacity .3s,color .3s;
	transform-origin:0 0;
	color:#1d1d1d;
}
.search-item:after{
	content:"";
	position:absolute;
	z-index:1;
	bottom:0;
	left:8.333%;
	right:8.333%;
	height:1px;
	background-color:#d9d9d9;
}
.search-item .solr-highlight{
	background-color:rgba(101,32,142,.2);
}
.search-close {
  	position: absolute;
  	display: block;
  	top: 0;
 	right: 0;
  	width: 28px;
  	height: 72px;
  	background: url(../images/close.png) no-repeat center;
  	background-size: 28px 28px;
  	cursor: pointer;
  	z-index: 6;
  	transition-duration: .5s; 
}
.search-close:hover {
  	transform: rotate(90deg); 
}
.search .submit0 {
  	position: absolute;
  	top: 0;
  	left: 0;
  	z-index: 5;
  	width: 28px;
  	height: 75px;
  	background: url(../images/searchf.png) no-repeat center;
  	border: none;
  	background-size: 28px 28px;
  	box-sizing: border-box;
  	display: block;
}
.search-header .search-input {
  	display: block;
  	text-indent: 80px;
 	line-height: 75px;
  	font-size: 24px;
  	color: #333;
  	width: 100%;
  	-webkit-appearance: none;
  	-moz-appearance: none;
  	border: 0;
  	border-bottom: 1px solid #d9d9d9;
}
.menubtn{
	float: right;
	width: 24px;
    height: 20px;
    margin-left: 25px;
    margin-top: 42px;
    background: url(../images/menu.png) center right no-repeat;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    cursor: pointer;
}
.menubtn.on{
    background: url(../images/menu-icon2.png) center right no-repeat;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
@media only screen and (max-width: 1440px){
	/**/
	.search-header{
		padding-top: 70px;
		padding-bottom: 80px;
	}
}
@media only screen and (max-width: 1200px){
	.search{
		top: 60px;
	}
}
@media only screen and (max-width: 992px){
	.search-header {
	    padding-top: 40px;
	    padding-bottom: 60px;
	}
	.search .submit0{
		height: 60px;
		background: url(../images/searchf.png) no-repeat center;
    	background-size: 24px 24px;
	}
	.search-close{
		height: 60px;
		background: url(../images/close.png) no-repeat center;
    	background-size: 24px 24px;
	}
	.search .row.por{
		width: 94%;
		margin: 0 auto;
	}
	.search-header .search-input{
		text-indent: 50px;
		font-size: 22px;
		line-height: 60px;
	}
}
@media only screen and (max-width: 576px){
	.search-header {
	    padding-top: 20px;
	    padding-bottom: 40px;
	}
	.search .submit0{
		height: 45px;
		background: url(../images/searchf.png) no-repeat center;
    	background-size: 22px 22px;
	}
	.search-close{
		height: 45px;
		background: url(../images/close.png) no-repeat center;
    	background-size: 22px 22px;
	}
	.search-header .search-input{
		text-indent: 40px;
		font-size: 20px;
		line-height: 45px;
	}
}
.o-nav{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
}
.o-nav .closebtn{
	margin-top: 5%;
	margin-bottom: 30px;
	text-align: right;
}
.o-nav .closebtn img{
	cursor: pointer;
}
.o-nav ul li{
	text-align: center;
	margin-bottom: 10px;
}
.o-nav ul li a{
	font-family: "Hind Madurai";
	font-size: 32px;
	color: #001e57;
	line-height: 2;
}
.o-nav ul li a:hover{
	color: #455d73;
}

.m-nav{
	position: fixed;
	top: 60px;
	left: 0;
	width: 100%;
	height: calc(100% - 52px);
	background: #fff;
	display: none;
	z-index: 99;
	overflow-y: scroll;
}
.m-nav .nav-list{
	padding-top: 30px;
}
.m-nav .nav-list>li{
	padding: 0 5%;
	text-align: left;
	margin-bottom: 15px;
}
.m-nav .nav-list>li>a, .m-nav .nav-list .one-level{
	font-size: 22px;
	color: #666666;
	display: block;
	height: 40px;
	line-height: 40px;
}
.m-nav .nav-list>li>a:hover, .m-nav .nav-list .one-level.on, .m-nav .nav-list .one-level:hover{
	color: #455d73;
}
.m-nav .m-subnav{
	display: none;
	padding: 0px 10px;
}
.submenu-li .two-level{
	position: relative;
    display: inline-block;
    color: #666666;
    font-size: 18px;
    line-height: 2.4;
    width: 100%;
}
.submenu-li>a{
	display: block;
	width: 100%;
	color: #001e57;
	font-size: 18px;
    line-height: 2.4;
}
.submenu-li>a:hover{
	color: #455d73;
}
.submenu-li .level-box{
	display: none;
	padding: 5px 0px;
}
.submenu-li .level-box a{
	position: relative;
	display: block;
	font-family: "Hind Madurai";
	color: #001e57;
	font-size: 16px;
	margin-bottom: 10px;
	padding: 0px 10px;
	overflow: hidden;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.submenu-li .level-box a:before{
	content: '';
	position: absolute;
	left: 0;
	top: 10px;
	width: 6px;
	height: 2px;
	background-color: #455d73;
}
.submenu-li .level-box a:hover{
	color: #455d73;
}
/**/


/*footer*/
.footer{
	padding-top: 4.2%;
	background-color:#030e22;
}
.footer .box{
	padding-bottom: 30px;
	border-bottom:#929191 solid 1px;
}
.footer .box .footer-nav{
	float: left;
	width: 73.5%;
	width: -moz-calc(100% - 370px);
	width: -webkit-calc(100% - 370px);
	width: calc(100% - 370px);
}
.footer .box .footer-nav ul li{
	float: left;
	width:30%;
	margin-right: 0%;
}
.footer .box .footer-nav ul li:last-child{
	margin-right: 0;
}
.footer .box .footer-nav ul li a{
	display: block;
	font-family: "Hind Madurai";
	color: #f1f1f1;
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 5px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
}
.footer .box .footer-nav ul li a span{padding-right: 5px;min-width: 25px;text-align: center}
.footer .box .footer-nav ul li a:last-child{
	margin-bottom: 0;
}
.footer .box .footer-nav ul li a:hover{
	color: #929191;
}
.footer .title{
	font-family: "Hind Madurai";
	color: #ffffff;
	font-size: 24px;
	margin-bottom: 10px;
}
.footer .box .footer-share{
	float: right;
	width: 350px;
}
.footer .box .footer-share .follow{
	margin-top: 35px;
	text-align: right;
}
.footer .box .footer-share .follow ul{
	display: inline-block;
}
.footer .box .footer-share .follow ul li{
	float: left;
	width: 29px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	margin-right: 5px;
	background-color: #f1f1f1;
	border-radius: 50%;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.footer .box .footer-share .follow ul li:last-child{
	margin-right: 0;
}
.footer .box .footer-share .follow ul li:hover{
	background-color: #1f365c;
}
.footer .box .footer-share .follow ul li a{
	display: block;
	width: 100%;
}
.footer .box .footer-share .follow ul li a img{
	width: 17px;
	height: 17px;
}
.footer .box .footer-share .follow ul li a .icon2{
	display: none;
}
.footer .box .footer-share .follow ul li:hover a .icon1{
	display: none;
}
.footer .box .footer-share .follow ul li:hover a .icon2{
	display: inline-block;
}
.footer .box .footer-share .subscribe{
	text-align: right;
}
.footer .box .footer-share .subscribe .t1{
	font-family: "Hind Madurai";
	color: #FFFFFF;
	font-size: 14px;
}
.footer .box .footer-share .subscribe form{
	width: 100%;
	margin-top: 30px;
	overflow: hidden;
}
.footer .box .footer-share .subscribe .inputbox{
	float: left;
	/*width: 76.5%;*/
	width: -moz-calc(100% - 80px);
	width: -webkit-calc(100% - 80px);
	width: calc(100% - 80px);
	height: 46px;
	background-color: #ffffff;
	border-right: none;
    padding: 0px 15px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.footer .box .footer-share .subscribe .inputbox input{
	width: 100%;
	height: 46px;
    overflow: hidden;
    background: none;
    border: none;
    outline: none;
    font-family: "Hind Madurai";
    color: #666666;
    font-size: 14px;
}
.footer .box .footer-share .subscribe .inputbox input::-webkit-input-placeholder{
    color: #7c7c7c;
}
.footer .box .footer-share .subscribe .inputbox input:-moz-placeholder{
  	color: #7c7c7c;
}
.footer .box .footer-share .subscribe .inputbox input::-moz-placeholder{
  	color: #7c7c7c;
}
.footer .box .footer-share .subscribe .inputbox input:-ms-input-placeholder{
  	color: #7c7c7c;
}
.footer .box .footer-share .btnbox{
	float: left;
	/*max-width: 80px;
	width: 23%;*/
	width: 80px;
	height: 46px;
	background-color:#df6512;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.footer .box .footer-share .btnbox input{
	width: 100%;
	height: 46px;
	font-family: "Hind Madurai";
	font-size: 18px;
	color: #FFFFFF;
    overflow: hidden;
    background: none;
    border: none;
    outline: none;
}
.footer .footer-down{
	padding: 20px 0px;
}
.footer .footer-down .copyright{
	text-align: center;
	font-family: "Hind Madurai";
	color: #a3a3a3;
	font-size: 14px;
	line-height: 30px;
}
.footer .footer-down .copyright img{
	display: inline-block;
	margin-right: 30px;
}
.footer .footer-down .stand{
	float: right;
}
.footer .footer-down .stand a{
	font-family: "Hind Madurai";
	color: #5f5f5f;
	font-size: 14px;
}
.footer .footer-down a{
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
}
.footer .footer-down a:hover{
	color: #FFFFFF;
}

/**/
.sidebar{
	position: fixed;
	bottom: 20%;
    right: 20px;
    z-index: 99;
	opacity: 0;
    transform: translateX(80px);
    -webkit-transform: translateX(80px);
    -moz-transform: translateX(80px);
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.sidebar.show{
	opacity: 1;
	transform: none;
}
.sidebar ul li{
	position: relative;
	text-align: center;
	cursor: pointer;
	margin-bottom: 6px;
}
.sidebar ul li:last-child{
	border-bottom: none;
}
.sidebar ul li a, .sidebar ul li .istop{
	display: block;
	position: relative;
	width: 46px;
	height: 46px;
	line-height: 46px;
	border-radius: 50%;
	overflow: hidden;
	background-color: #001e57;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.sidebar ul li .istop{
	background-color: #240a0a;
}
.sidebar ul li a:hover{
	background-color: #240a0a;
}
.sidebar ul li a .imgbox{
	width: 100%;
	text-align: center;
	margin-bottom: 4px;
}
.sidebar ul li .imgbox img{
	max-width: 50%;
}
.sidebar ul li .secondary{
	display: none;
	position: absolute;
	right: 65px;
	top: 0;
	z-index: 10;
	min-height: 100%;
	padding: 10px;
	background-color: #FFFFFF;
	box-shadow: 0px 1px 25px rgba(0,0,0,.1);
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	-o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.sidebar ul li:hover .secondary{
	display: block;
}
.sidebar ul li .secondary::before{
	content: '';
	position: absolute;
	right: -10px;
	top: 0;
	width: 28px;
	height: 100%;
	background: url(../images/img224.png) top 20px center no-repeat;
}
.sidebar ul li .imgli{
	min-width: 120px;
	padding: 3px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.sidebar ul li .imgli img{
	width: 100%;
}
.sidebar ul li .txtli{
	text-align: left;
	padding: 5px 10px 0 10px;
	white-space: nowrap;
}
.sidebar ul li .txtli .t1{
	color: #999999;
	font-size: 12px;
}
.sidebar ul li .txtli .t2{
	color: #444444;
	font-size: 20px;
	font-family: "AVGARDM";
}
.sidebar ul li .txt{
	text-align: center;
	color: #666666;
	font-size: 12px;
}
.sidebar ul li:hover .txt{
	color: #666666;
}
/*banner*/
.lunbotu{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.lunbotu .swiper-slide a{
	display: block;
	width: 100%;
}
.lunbotu .swiper-slide a>img{
	width: 100%;
}
.oimg2{
	display: none;
}
.i-banner{
	position: absolute;
	left: 50%;
	top: 50%;
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2;
}
.i-banner .box{
	width: 50%;
}
.i-banner .box .t1{
	font-family: "microsoft yahei"; 
	color: #455d73;
	font-size: 50px;
	font-weight: bold;
	margin-bottom: 10px;
	word-break: break-word;
}
.i-banner .box .t2{
	font-family: "Hind Madurai"; 
	color: rgba(51,51,51,0.7);
	font-size: 30px;
	margin-bottom: 45px;
	word-break: break-word;
}
.i-banner .box .btn{
	text-align: left;
	padding: 0;
}
.i-banner .box .btn span{
	display: inline-block;
	text-align: center;
	padding: 0px 35px;
	font-family: "microsoft yahei";
	color: #ffffff;
	font-size: 18px;
	background-color: #455d73;
	border-radius: 30px;
	height: 60px;
	line-height: 60px;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.i-banner .box .btn span:hover{
	background-color: #001e57;
}
.i-banner .box .btn span img{
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}
.lunbotu .swiper-pagination {
    display: inline-block;
}
.lunbotu.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
}
.lunbotu.swiper-container-horizontal>.swiper-pagination-bullets, .lunbotu .swiper-pagination-custom, .lunbotu .swiper-pagination-fraction {
    bottom: 50px;
    left: 0;
    width: 100%;
}
.lunbotu .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 50%;
    background: none;
    opacity: 1;
    border: #FFFFFF solid 2px;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.lunbotu .swiper-pagination-bullet-active{
    opacity: 1;
    background-color: #455d73;
     border: #455d73 solid 2px;
}
.lunbotu .swiper-button-next, .lunbotu .swiper-button-prev{
	position: absolute;
	top: 50%;
    width: 65px;
    height: 65px;
    margin-top: -33px;
    z-index: 10;
    cursor: pointer;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.lunbotu .swiper-button-prev, .lunbotu .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/img26.png);
    left: 2.6%;
    right: auto;
}
.lunbotu .swiper-button-next, .lunbotu .swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/img27.png);
    right: 2.6%;
    left: auto;
}
/**/
.obanner{
	position: relative;
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.obanner>img{
	width: 100%;
}
.oimg2{
	display: none;
}
.ob-img {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bannerzi{
	position: absolute;
	top: 20%;
	left: 50%;
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
    /*top: 50%;
    left: 50%;
    transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%); 
	-webkit-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);*/
    margin: auto;
}
.bannerzi.ob1{
	top: 32%;
}
.obanner .bannerzi .box{
	text-align: left;
	max-width: 730px;
	width: 100%;
}
.obanner .bannerzi .box .t1{font-family: "inherit";font-weight: bold;
	color: #455d73;
	font-size: 30px;
}
.obanner .bannerzi .box .t2{
	font-family: "Hind Madurai";
	color: #999999;
	font-size: 16px;
	line-height: 2;
	margin-top: 35px;
} 
.obanner .bannerzi .box .t3{font-family: "inherit";font-weight: bold;
	color: #FFFFFF;
	font-size: 50px;
	margin-bottom: 15px;
}
.obanner .bannerzi .box .t4{
	font-family: "Hind Madurai";
	color: #999999;
	font-size: 20px;
}
/**/
.i-title{
	text-align: center;
}
.i-title.left{
	text-align: left;
}
.i-title .t1{
	font-family: "inherit";font-weight: bold;
	color: #001e57;
	font-size: 30px;
}
.i-title .t1.color1{
	color: #001e57;
}
.i-title .t11{
	font-family: "inherit";font-weight: bold;
	color: #fff;
	font-size: 30px;
}
.i-title .t11.color1{
	color: #fff;
}
.i-title .t2{
	font-family: "Hind Madurai";
	color: #001e57;
	font-size: 20px;
}
.i-title .t2.left{
	text-align: left;
}

.i-title .t2.color1{
	color: #666666;
}
.uppercase{
	text-transform: uppercase;
}
/*index*/
/*Product line*/
.product-line{
	padding-top: 70px;
	padding-bottom: 130px;
	background: url(../images/img29.jpg) center no-repeat;
	background-size: cover;
}
.product-line .box{
	margin-top: 80px;
}
.product-line .box ul li{
	float: left;
	width: 20%;
	text-align: center;
	padding: 0 1%;
	overflow: hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.product-line .box ul li a{
	display: block;
	width: 100%;
}
.product-line .box ul li .icon{
	position: relative;
	/*max-width: 145px;
	width: 100%;*/
	/*height: 167px;*/
	text-align: center;
	max-width: 145px;
	width: 58%;
	margin: 0 auto;
}
.product-line .box ul li .icon .bg{
	position: relative;
	z-index: 2;
	width: 100%;
	overflow: hidden;
}
.product-line .box ul li .icon .bg img{
	width: 100%;
}
.product-line .box ul li .icon .ic{
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 1;
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
}
.product-line .box ul li .icon .ic img{
	max-width: 62%;
	-moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.product-line .box ul li:hover .icon .ic img{
	-o-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-webkit-transform: scale(1.08);
	transform: scale(1.08);
}
.product-line .box ul li .txt{
	margin-top: 30px;
	text-align: center;
}
.product-line .box ul li .txt .t1{
	font-family: "Hind Madurai";
	color: #001e57;
	font-size: 18px;
	margin-bottom: 18px;
}
.product-line .box ul li .txt .t2{
	font-family: "Hind Madurai";
	color: #888888;
	font-size: 16px;
	margin-bottom: 18px;
}
.product-line .box ul li .btn{
	text-align: center;
	padding: 0;
}
.product-line .box ul li .btn span{
	padding-right: 35px;
	font-family: "Hind Madurai";
	color: #001e57;
	font-size: 16px;
	line-height: 24px;
	background: url(../images/img36.png) center right no-repeat;
}
.product-line .box ul li:hover .btn span{
	color: #455d73;
	background: url(../images/img37.png) center right no-repeat;
}
/*Our Products*/
.i-product{
	padding-top: 70px;
	padding-bottom: 60px;
}
.i-product .content{
	position: relative;
	max-width: 1580px;
	width: 100%;
	margin: 0 auto;
}
.i-product .box{
	margin-top: 70px;
	margin-bottom: 80px;
	position: relative;
	width: 100%;
	overflow: hidden;
}
.i-product-li{
	position: relative;
	margin-bottom: 25px;
}
.i-product-li a{
	position: relative;
	display: block;
	width: 100%;
	box-shadow: 5px 11px 35px rgba(10,2,5,0.07);
}
.i-product-li .upper{
	width: 100%;
	overflow: hidden;
	text-align: center;
	padding-bottom: 45px;
	border-radius: 10px;
}
/*.i-product-li:hover .upper{
	opacity: 0;
}*/
.i-product-li .upper .img{
	width: 100%;
}
.i-product-li .upper .img img{
	max-width: 100%;
}
.i-product-li .upper .txt{
	margin-top: 20px;
	padding: 0px 10px;
}
.i-product-li .upper .txt .t1{font-family: "inherit";font-weight: bold;
	color: #001e57;
	font-size: 24px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.i-product-li .upper .txt .t2{
	font-family: "Hind Madurai";
	color: #333;
	font-size: 16px;
	/*overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;*/
}
.i-product-li .upper .txt .t3{
	font-family: "Hind Madurai";
	color: #455d73;
	font-size: 22px;
	margin-top: 10px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.i-product-li .cart{
	position: absolute;
	bottom: -25px;
	left: 50%;
	margin-left: -25px;
	width: 50px;
	height: 50px;
	/*line-height: 50px;
	text-align: center;*/
	border-radius: 50%;
	background: #001e57 url(../images/img60.png) center no-repeat;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.i-product-li:hover .cart{
	background: #FFFFFF url(../images/img61.png) center no-repeat;
}
.i-product-li .lower{
	position: absolute;display: none;
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%;
	padding: 20px;
	border-radius: 10px;
	overflow: hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	background-color: #001e57;
}
.i-product-li:hover .lower{
	top: 0;display: block;
}
.i-product-li .lower .con{
	width: 100%;
}
.i-product-li .lower .txt{
	float: left;
	width: 60%;
	overflow: hidden;
}
.i-product-li .lower .txt .t1{font-family: "inherit";font-weight: bold;
	color: #ffffff;
	font-size: 24px;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.i-product-li .lower .txt .t2{
	font-family: "Hind Madurai";
	color: #ffffff;
	font-size: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.i-product-li .lower .img{
	float: right;
	width: 40%;
	overflow: hidden;
	text-align: center;
	background-color: #FFFFFF;
	border-radius: 10px;
}
.i-product-li .lower .img img{
	max-width: 100%;
}
.i-product-li .lower .xinadd{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;
}
.i-product-li .lower ul{
	margin-top: 40px;
	/*overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;*/
}
.i-product-li .lower ul li{
	position: relative;
	padding-left: 20px;
	font-family: "Hind Madurai";
	color: #ffffff;
	font-size: 16px;
	margin-bottom: 15px;
}
.i-product-li .lower ul li i{
	position: absolute;
	left: 0;
	top: 5px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background-color: #FFFFFF;
}
.i-product .swiper-button-next, .i-product .swiper-button-prev{
	position: absolute;
    top: 50%;
    width: 26px;
    height: 52px;
    margin-top: -26px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.i-product .swiper-button-next, .i-product .swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/img43.png);
    right: 0;
    left: auto;
}
.i-product .swiper-button-prev, .i-product .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/img42.png);
    left: 0;
    right: auto;
}
.i-btn{
	text-align: center;
}
.i-btn a{
	display: inline-block;
	padding: 0 20px;
	color: #001e57;
	font-size: 19px;
	line-height: 48px;
	border: #e4e4e4 solid 1px;
	border-radius: 25px;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.i-btn a:hover{
	color: #FFFFFF;
	background-color: #001e57;
}
/*Application cases*/
.i-case{
	padding-top: 70px;
	padding-bottom: 70px;
}
.i-case .box{
	margin-top: 60px;
}
.i-case .box>ul{
	margin-bottom: 40px;
}
@media (min-width: 1024px){
	.i-case .box>ul>li{
		float: left;
		width: 47.85%;
		margin-right: 4.3%;
		box-shadow: 0px 0px 21px rgba(1,56,103,0.08);
	}
	.i-case .box>ul>li:nth-child(2n){
		margin-right: 0;
	}
}
.i-case .box>ul>li{
	padding: 0;
	margin-bottom: 28px;
}
.i-case .box>ul>li a{
	display: block;
	width: 100%;
	padding: 15px;
	overflow: hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.i-case .box>ul>li .img{
	float: left;
	width: 31.25%;
	overflow: hidden;border-radius: 6px;
}
.i-case .box>ul>li .img img{
	width: 100%;
	o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;border-radius: 6px;
}
.i-case .box>ul>li:hover .img img{
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);border-radius: 6px;
}
.i-case .box>ul>li .txt{
	float: right;
	width: 68.75%;
	padding-left: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.i-case .box>ul>li .txt .t1{
	font-family: "inherit";
	color: #001e57;
	font-size: 18px;
	margin-bottom: 10px;font-weight:600;
	/*overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;*/
}
.i-case .box>ul>li:hover .t1{
	color:#df6512;
}
.i-case .box>ul>li .txt ul li{
	position: relative;
	padding-left: 0px;
	font-family: "Hind Madurai";
	color: #888888;
	font-size: 16px;
	margin-bottom: 5px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.i-case .box>ul>li .txt ul li i{
	position: absolute;
	left: 0;
	top: 5px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #455D73;
}
/*Our news*/
.i-new{
	padding-top: 60px;
	padding-bottom: 80px;
}
.i-new .box{
	margin-top: 60px;
}
.i-new .box ul{
	margin-bottom: 50px;
}
@media (min-width: 1200px){
	.i-new .box ul li{
		float: left;
		width: 31%;
		margin-right: 3.5%;
		padding: 0;
	}
	.i-new .box ul li:nth-child(3n){
		margin-right: 0;
	}
}
.i-new .box ul li a{
	display: block;
	width: 100%;
}
.i-new .box ul li .tit{
	position: relative;
	padding-left: 30px;
	font-family: "microsoft yahei";
	color: #001e57;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0px;
	border-bottom: #e1e1e1 solid 1px;
	/*background: url(../images/img59.png) top 12px left no-repeat;
	background-size: 20px 20px;*/
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.i-new .box ul li .tit img{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	width: 20px;
	height: 20px;
}

/*.i-new .box ul li .tit .ic{
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 100%;
	text-align: left;
}*/
.i-new .box ul li .con{
	padding: 25px 0px 20px;
	overflow: hidden;
}
.i-new .box ul li .img{
	float: left;
	width: 33.4%;
	overflow: hidden;
}
.i-new .box ul li .img img{
	width: 100%;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.i-new .box ul li:hover .img img{
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
.i-new .box ul li .txt{
	float: right;
	width: 62.2%;
	color: #888888;
	font-size: 14px;
	line-height: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
    height: 108px; 
	
}
.i-new .box ul li:hover .txt{
	color: #455D73;
}

/**/
@media (min-width: 1200px){
	.header .nav>ul>li{
		margin-right: 40px;
	}
	.header .nav>ul>li>a{
		font-size: 17px;
	}
	.footer .title{
		font-size: 20px;
	}
	.footer .box .footer-nav{
		width: -moz-calc(100% - 320px);
		width: -webkit-calc(100% - 320px);
		width: calc(100% - 320px);
	}
	.footer .box .footer-nav ul li{
		margin-right: 2%;
	}
	.footer .box .footer-share{
		width: 300px;
	}
	.footer .box .footer-share .btnbox input{
		font-size: 16px;
	}
	/**/
}

/*plcè¯¦æƒ…*/
.selection{
	padding-top: 70px;
	padding-bottom: 40px;
}
.selection .box{
	margin-top: 100px;
}
@media (min-width: 992px){
	.selection ul{
		font-size: 0;
	}
	.selection ul li{
		float: none;
		display: inline-block;
		vertical-align: top;
		padding: 0;
		width: 30%;
		margin-right: 5%;
		margin-bottom: 5%;
	}
	.selection ul li:nth-child(3n){
		margin-right: 0;
	}
}
.selection ul li .tit{
	position: relative;
	padding-left: 30px;
	font-family: "Hind Madurai";
	color: #001e57;
	font-size: 25px;
	text-align: left;
	background: url(../images/img62.png) top 8px left no-repeat;
}
.selection ul li .tit span{
	min-height: 78px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.selection ul li .con{
	padding-left: 30px;
	text-align: left;
}
.selection ul li .txt{
	font-family: "Hind Madurai";
	color: #666666;
	font-size: 16px;
	line-height: 1.8;
	margin-top: 20px;
}
.selection ul li .img{
	width: 100%;
	overflow: hidden;
	text-align: left;
	margin-top: 15px;
}
.selection ul li .img img{
	max-width: 100%;
}

/*å˜é¢‘å™¨*/
.fc-nav{
	background-color: #FFFFFF;
	border-bottom: #eeeeee solid 1px;
}
.fc-nav ul{
	padding: 28px 0px;
	text-align: center;
}
.fc-nav ul li{
	position: relative;
	display: inline-block;
	margin-right: 70px;
}
.fc-nav ul li:last-child{
	margin-right: 0;
}
.fc-nav ul li a{
	height: 50px;
	line-height: 50px;
	font-family: "Hind Madurai";
	color: #867f7f;
	font-size: 18px;
	border-radius: 25px;
	min-width: 140px;
	padding: 0px 35px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.fc-nav ul li:hover a, .fc-nav ul li.on a{
	background-color: #455d73;
	color: #FFFFFF;
}
@media screen and (max-width: 1024px){
	.fc-nav ul{
		width: 100%;
		text-align: center;
		overflow-x: scroll;
	    overflow-y: hidden;
	    white-space: nowrap;
	}
	.fc-nav ul::-webkit-scrollbar{
	    width:0px;
	    height:0px;
	}
	.fc-nav ul::-webkit-scrollbar-button{
	    background-color:rgba(0,0,0,0);
	}
	.fc-nav ul::-webkit-scrollbar-track{
	    background-color:rgba(0,0,0,0);
	}
	.fc-nav ul::-webkit-scrollbar-track-piece{
	    background-color:rgba(0,0,0,0);
	}
	.fc-nav ul::-webkit-scrollbar-thumb{
	    background-color:rgba(0,0,0,0);
	}
	.fc-nav ul::-webkit-scrollbar-corner{
	    background-color:rgba(0,0,0,0);
	}
	.fc-nav ul::-webkit-scrollbar-resizer{
	    background-color:rgba(0,0,0,0);
	}
	.fc-nav ul::-webkit-scrollbar{
	    width:0px;
	    height:0px;
	}
	.fc-nav ul li{
		float: none;
		display: inline-block;
		margin-right: 40px;
	}
	.fc-nav ul li a{
		height: 45px;
		line-height: 45px;
		padding: 0px 20px;
	}
}
@media screen and (max-width: 768px){
	.fc-nav ul li a{
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}
}
@media screen and (max-width: 576px){
	.fc-nav ul{
		padding: 20px 0px;
	}
	.fc-nav ul li{
		margin-right: 10px;
	}
	.fc-nav ul li a{
		height: 32px;
		line-height: 32px;
		font-size: 15px;
		padding: 0px 15px;
	}
}
.f-converter{
	padding-top: 80px;
}
.f-converter ul{
	font-size: 0;
}
.f-converter ul li{
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0;
}
.f-converter ul li a{
	display: block;
	width: 100%;
}
.f-converter ul li .img{
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 65px rgba(0,0,0,0.09);
}
.f-converter ul li .img img{
	width: 100%;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.f-converter ul li:hover .img img{
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.f-converter ul li .txt{
	font-family: "microsoft yahei";
	color: #001e57;
	font-size: 20px;
	line-height: 2;
	text-align: center;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.f-converter ul li:hover .txt{
	color: #455d73;
}
@media screen and (min-width: 1200px){
	.f-converter ul li{
		width: 27.8%;
		margin-right: 8.2%;
		margin-bottom: 5.6%;
	}
	.f-converter ul li:nth-child(3n){
		margin-right: 0;
	}
}
@media screen and (max-width: 1200px) and (min-width: 768px){
	.f-converter ul li{
		padding: 0;
		width: 30%;
		margin-right: 5%;
		margin-bottom: 4%;
	}
	.f-converter ul li:nth-child(3n){
		margin-right: 0;
	}
	.f-converter ul li .txt{
		font-size: 17px;
		line-height: 1.75;
	}
}
/*å˜é¢‘å™¨è¯¦æƒ…*/
.features{
	padding-top: 80px;
	padding-bottom: 80px;
	background: url(../images/img74.jpg) center no-repeat;
	background-size: cover;
}
.features .box{
	margin-top: 90px;
}
.features ul{
	padding-left: 8.2%;
}
.features ul li{
	position: relative;
	padding-left: 60px;
	font-family: Hind Madurai;
	color: #001e57;
	font-size: 16px;
	line-height: 2;
	margin-bottom: 25px;
}
.features ul li .sp{
	position: absolute;
	left: 0;
	top: 0;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 50%;
	background-color: #455d73;
	font-family: Hind Madurai;
	color: #ffffff;
	font-size: 20px;
}
/*Industrial touch screen details*/
.ts-features.features ul{
	padding-left: 0;
}
.ts-features .txtbox{
	float: left;
	width: 42.8%;
	padding: 0 3.2%;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.ts-features .imgbox{
	float: right;
	width: 57.2%;
	overflow: hidden;
	text-align: right;
}
/*Product advantages*/
.advantages{
	padding-top: 90px;
	padding-bottom: 90px;
}
.advantages .box{
	margin-top: 80px;
}
.advantages .box ul{
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
}
.advantages .box ul li{
	margin-bottom: 30px;
	overflow: hidden;
}
.advantages .box ul li .img{
	float: left;
	width: 165px;
	border-radius: 10px;
	margin-right: 15px;
	overflow: hidden;
}
.advantages .box ul li .img img{
	width: 100%;
}
.advantages .box ul li .txt{
	float: right;
	width: -moz-calc(100% - 180px);
	width: -webkit-calc(100% - 180px);
	width: calc(100% - 180px);
	background-color: #ebead6;
	border-radius: 10px;
	overflow: hidden;
	color: #001e57;
	font-size: 16px;
	min-height: 125px;
	padding: 15px 25px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.advantages .box ul li .txt .t1{
	text-transform: uppercase;
	font-family: "Hind Madurai";
	color: #001e57;
	font-size: 24px;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.advantages .box ul li .txt .t2{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
/**/
/**/
.machine{
	padding-top: 115px;
	padding-bottom: 90px;
}
.machine .box{
	margin-top: 80px;
	text-align: center;
}
.machine img{
	max-width: 100%;
}
.other{
	padding-top: 90px;
}
.configuration{
	padding-bottom: 120px;
}
.other .txt{
	max-width: 1240px;
	width: 100%;
	margin: 40px auto 0px;
	color: #001e57;
	font-size: 16px;
	text-align: center;
}
.other .box{
	margin-top: 80px;
	text-align: center;
	overflow: hidden;
}
.other .box img{
	max-width: 100%;
}
/*Application industry*/
.detail-application{
	padding-top: 70px;
	padding-bottom: 50px;
}
.detail-application .box{
	margin-top: 80px;
}
.detail-application ul li{
	padding: 0;
}
@media screen and (min-width: 768px){
	.detail-application ul li{
		float: left;
		width: 30%;
		margin-right: 5%;
		margin-bottom: 5%;
	}
	.detail-application ul li:nth-child(3n){
		margin-right: 0;
	}
}

.detail-application ul li a{
	position: relative;
	display: block;
	width: 100%;
}
.detail-application ul li a:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: url(../images/img81.png) center bottom no-repeat;
	background-size: cover;
}
.detail-application ul li .img{
	width: 100%;
	overflow: hidden;
}
.detail-application ul li .img img{
	width: 100%;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.detail-application ul li a:hover .img img{
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.detail-application ul li .txt{
	position: absolute;
	left: 0;
	bottom: 30px;
	z-index: 2;
	width: 100%;
	text-align: center;
	font-family: "Hind Madurai";
	color: #f5f5f5;
	font-size: 20px;
	padding: 0px 15px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/*Detailed parameters*/
.tablebox{
	padding-top: 80px;
	padding-bottom: 80px;
}
.tablebox .box{
	margin-top: 60px;
}
.detail-table{
	margin-bottom:80px;
	overflow-y: hidden;
	text-align: center;
	background-color: #FFFFFF;
}
.detail-table.tleft{
	text-align: left;
}
.table1{
	max-height: 550px;
}
.table2{
	max-height: 920px;
}
.table2 td{
	padding-left: 25px;
	text-align: left;
}
.tablebox .box.on .detail-table, .detail-table.on{
	max-height: 100%;
}
.detail-table table{
	width: 100%;
	border-collapse:collapse;
	border-spacing:0;
	margin-bottom: 0;
}
.detail-table table tr th{
	font-family: "Hind Madurai";
	color: #FFFFFF;
	font-size: 18px;
	height: 52px;
	text-align: center;
	background-color: #66a3ce;
	border: 1px solid #ffffff;
	vertical-align: middle;
	text-transform: uppercase;
}
.table>thead:first-child>tr:first-child>th{
	border-top: #FFFFFF solid 1px;
}
.select-table .detail-table table tr th{
	padding: 10px 20px;
}
.detail-table table tr td{
	font-family: "Hind Madurai";
	color: #001e57;
	font-size: 18px;
	height: 50px;
    border: 1px solid #e3e3e3;
	vertical-align: middle;
}
.table3.detail-table table tr td, .table3.detail-table table tr th{
	padding: 0;
}
.detail-parameters .detail-table table tr td{
	padding: 0;
}
.ts-table .detail-table{
	max-height: 520px;
}
.ts-table .detail-table table tr td{
	padding: 10px 20px;
}
.ts-table .detail-table table tr td:nth-child(odd){
	background-color: #f3f2e6;
}
.install-require .detail-table table tr td{
	padding: 10px 40px;
}
.select-table .detail-table table tr:first-child td{
	font-family: "Hind Madurai";
	padding: 10px 20px;
}
.detail-table .tit{
	width: 100%;
	line-height: 49px;
	background-color: #eeeeee;
	font-family: "Hind Madurai";
	color: #001e57;
	font-size:20px ;
}
.more{
	text-align: center;
}
.more span, .more a{
	display: inline-block;
	min-width: 300px;
	height: 50px;
	line-height: 48px;
	text-align: center;
	color: #001e57;
	font-size: 23px;
	border: #707070 solid 1px;
	border-radius: 25px;
	padding: 0px 25px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}
.more span img, .more a img{
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}
.combox .box .more span .icon2{
	display: none;
}
.combox .box.on .more span .icon2{
	display: inline-block;
}
.combox .box.on .more span .icon1{
	display: none;
}
.diagram{
	width: 100%;
	overflow: hidden;
}
.diagram .box{
	text-align: center;
}
.diagram .box img{
	max-width: 100%;
}
/*Outline dimension drawing*/
.dimension{
	padding-top: 80px;
	padding-bottom: 55px;
	border-top: #e1e1e1 solid 1px;
}
.dimension .box{
	margin-top: 50px;
}
.dimension .title{font-family: "inherit";font-weight: bold;
	color: #001e57;
	font-size: 24px;
	margin-bottom: 20px;
}
.dimension .box .imgbox{
	width: 100%;
	overflow: hidden;
	text-align: center;
	margin-bottom: 50px;
}
.dimension .box .imgbox img{
	max-width: 100%;
}
/*Installation requirementså®‰è£…è¦æ±‚*/
.install-require{
	padding-top: 80px;
	padding-bottom: 80px;
	border-bottom: #e1e1e1 solid 1px;
}
.install-require .box{
	margin-top: 60px;
}
.install-require .imgbox{
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.install-require .imgbox img{
	max-width: 100%;
}
/*Size selection*/
.size-selection{
	padding-top: 90px;
}
.size-selection .imgbox{
	width: 100%;
	overflow: hidden;
	text-align: center;
	margin-top: 70px;
}
.size-selection .imgbox img{
	max-width: 100%;
}
.size-selection .box{
	margin-top: 60px;
}
/*Selection table of peripheral devices*/
.select-table{
	padding-top: 85px;
	padding-bottom: 115px;
}
.select-table .box{
	margin-top: 50px;
}
/*å…³äºŽæˆ‘ä»¬*/
.about-nav{
	position: absolute;
	top: 150px;
	left: 6.25%;
	background-color: #FFFFFF;
	z-index: 100;
}
.about-nav.adsorbent{
	position: fixed;
	z-index: 99;
}
.about-nav ul li{
}
.about-nav ul li a{
	display: inline-block;
	min-width: 90px;
	color: #001e57;
	font-size: 16px;
	text-transform: uppercase;
	padding: 5px;
	font-family: "microsoft yahei";
	border-bottom: #013867 solid 1px;
}
.about-nav ul li.on a{
	color: #d12421;
}

.about{
	position: relative;
	padding-top: 150px;
	background: url(../images/img86.png) center no-repeat;
}
.about .imgbox{
	position: relative;border-radius: 10px;
	float: left;
	width: 43.57%;
	overflow: hidden;
}
.about .imgbox .img{
	position: relative;
	z-index: 3;
	width: 100%;
	overflow: hidden;
}
.about .imgbox .img img{
	width: 100%;
}
.about .imgbox .img.hiding{
	z-index: 1;
}
.about .imgbox .img.hiding img{
	opacity: 0;
}
.about .imgbox .icon{
	position: absolute;border-radius: 6px;
	left: 0;
	top: 0;
	z-index: 4;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.57) url(../images/img85.png) center no-repeat;
}
.about .imgbox .i-video{
	position: absolute;border-radius: 6px;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.about .imgbox .i-video video{
	width: 100%;
	height: 100%;
	object-fit: fill;
}
.about .txtbox{
	float: right;
	width: 51.5%;
	overflow: hidden;
}
.about .txtbox .txt{
	font-family: "Hind Madurai";
	color: #888888;
	font-size: 16px;
	line-height: 1.5;
	margin-top: 20px;
	margin-bottom: 30px;
	word-break: break-word;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 11;
	-webkit-box-orient: vertical;
}
.about .txtbox .mbtn{
	text-align: left;
	cursor: pointer;
}
.about .txtbox .mbtn span{
	display: inline-block;
	padding-right: 30px;
	font-family: "Hind Madurai";
	color: #001e57;
	font-size: 16px;
	background: url(../images/img87.png) center right no-repeat;
}
.about .txtbox .btn span:hover{
	color: #455d73;
	background: url(../images/img88.png) center right no-repeat;
}
/*å¼¹çª—*/
.zpbg{
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left:0;
	right: 0;
	margin: auto;
	z-index: 999999;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
}
.zp_close {
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
}
.zp_close img{
	width: 50px;
}
.about-detail{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	width: 870px;
	max-height: 880px;
}
.about-detail .content{
	width: 790px;
	max-height: 88%;
	height: calc(100% - 50px);
	overflow: auto;
	background-color: #FFFFFF;
	padding: 45px 25px;
	margin-top: 70px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: auto;
}
.about-detail .content .box{
	margin-top: 20px;
	font-family: "Hind Madurai";
	color: #001e57;
	font-size: 16px;
	line-height: 1.6;
}
@media screen and (max-width: 1024px){
	.about-detail{
		width: 100%;
		padding: 0 5%;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.zp_close{
		right: 5%;
	}
	.about-detail .content{
		width: -moz-calc(100% - 50px);
		width: -webkit-calc(100% - 50px);
		width: calc(100% - 50px);
	}
}
@media screen and (max-width: 768px){
	.zp_close img{
		width: 40px;
	}
}
@media screen and (max-width: 576px){
	.zp_close{
		right: 0;
		top: 3%;
	}
	.zp_close img{
		width: 30px;
	}
	.about-detail .content{
		width: 100%;
	}
	.recruit-detail{
		width: 100%;
		max-height: 80%;
	}
}
.number{
	padding-top: 80px;
	padding-bottom: 100px;
}
.number .box ul li{
	float: left;
	width: 20%;
	text-align: center;
}
.number .box ul li .t1{
	font-family: "Hind Madurai";
	color: #001e57;
	font-size: 30px;
	line-height: 1.1;
}
.number .box ul li .t1 .timer{
	font-family: "Hind Madurai";
	color: #001e57;
	font-size: 50px;
}
.number .box ul li .t2{
	font-family: "microsoft yahei";
	color: #001e57;
	font-size: 20px;
}
/*honor*/
.honor{
	padding-top: 100px;
	padding-bottom: 150px;
}
.honor .box{
	position: relative;
	padding: 0px 75px;
	margin-top: 65px;
	overflow: hidden;
}
.honor .honor-div{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.honor .honor-li{
	background-color: #eeeeee;
	padding: 10%;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.honor .honor-li a{
	display: block;
	width: 100%;
}
.honor .honor-li:hover{
	background-color: #001e57;
}
.honor .honor-li .imgbox{
	width: 100%;
	overflow: hidden;
	background-color: #FFFFFF;
}
.honor .honor-li .imgbox img{
	width: 100%;
}
.honor .honor-li .txt{
	text-align: center;
	font-family: "microsoft yahei";
	color: #001e57;
	font-size: 18px;
	margin-top: 20px;
	line-height: 1;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;	
}
.honor .honor-li:hover .txt{
	color: #ffffff;
}
.honor .swiper-button-next, .honor .swiper-button-prev {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 29px;
    height: 29px;
    margin-top: 0;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 29px 29px;
    -webkit-background-size: 29px 29px;
    background-size: 29px 29px;
    background-position: center;
    background-repeat: no-repeat;
}
.honor .swiper-button-prev, .honor .swiper-container-rtl .swiper-button-next{
    background-image: url(../images/img97.png);
    left: 0;
    right: auto;
}
.honor .swiper-button-next, .honor .swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/img98.png);
    right: 0;
    left: auto;
}
.honor .swiper-button-next.swiper-button-disabled, .honor .swiper-button-prev.swiper-button-disabled{
	opacity: 1;
}
.honor .swiper-button-next.swiper-button-disabled{
	background-image: url(../images/img96.png);
}
.honor .swiper-button-prev.swiper-button-disabled{
	background-image: url(../images/img95.png);
}
/*Contact us*/
.contact{
	position: relative;
	overflow: hidden;
}
.contact .imgbox{
	/*float: right;
	width: 50%;
	position: absolute;
	right: 0;
	top: 0;*/
	width: 100%;
	height: 400px;
}
.contact .container{
	/*position: absolute;
	left: 50%;
	top: 50%;
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);*/
}
.contact .box .txtbox{
	float: left;
	width: 42.2%;
	padding-top: 0%;
	padding-bottom: 6.8%;
	overflow: hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.contact .box .txtbox ul{
	margin-top:50px;
}
.contact .box ul li{
	padding: 25px 0px;
	border-bottom: #e9e9e9 solid 1px;
	overflow: hidden;
}
.contact .box ul li .t1{
	float: left;
	width: 21.35%;font-family: "inherit";font-weight: bold;
	font-size: 22px;
	color: #001e57;
}
.contact .box ul li .t2{
	float: left;
	max-width: 430px;
	width: 78%;
	font-family: "Hind Madurai";
	color: #000;
	font-size: 20px;padding-left: 15px;
}
#about, #honor, #contact{
	padding-top: 105px;
	margin-top: -105px;
}
/*Data download */
.download{
	padding-top: 80px;
	padding-bottom: 80px;
}
.download .box{
	max-width: 1300px;
	width: 100%;
	margin: 0 auto;
}
.download .box ul{
	margin-bottom: 65px;
	border: #eeeeee solid 1px;
}
.download .box ul li{
	padding: 25px 20px;
	border-bottom: #eeeeee solid 1px;
	overflow: hidden;
}
.download .box ul li:last-child{
	border-bottom: none;
}
.download .box ul li .left{
	position: relative;
	float: left;
	width: 81%;
	padding-left: 55px;
	overflow: hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.download .box ul li .left .t1{
	position: relative;
	float: left;
	width: 87%;
	font-family: "Hind Madurai";
	color: #001e57;
	font-size: 20px;
	word-break: break-word;
}
.download .box ul li .left .icon{
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 30px;
	background: url(../images/img100.png) center left no-repeat;
	background-size: 60% auto;
}
.download .box ul li .left .t2{
	float: right;
	width: 13%;
	text-align: right;
	font-family: "Hind Madurai";
	color: #a99c9c;
	font-size: 20px;
}
.download .box ul li .right{
	float: right;
	text-align: right;
}
.download .box ul li .right a{
	display: inline-block;
	padding: 0px 10px;
}
.download .box ul li .right a img{
	width: 24px;
	height: 20px;
}
/*åˆ†é¡µ*/
.page{
    width: 100%;
    text-align: center;
}
.order .page-list, .notice .page-list, .customer-m .page-list{
	float: left;
}
.page-list{
	text-align: center;
}
.page-list a{
	/* float: left; */
	display: inline-block;
   	padding: 0px 12px;
   	min-width: 35px;
   	height: 35px;
   	line-height: 35px;
	border-radius: 18px;
   	margin-right: 10px;
	margin-bottom: 5px;
    text-align: center;
    font-family: "microsoft yahei";
    font-size: 18px;
    color: #999999;
    background-color: #eeeeee;
    overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.page-list a:last-child{
	margin-right: 0;
}
.page-list a.home-page, .page-list a.last{
	padding: 0px 18px;
	color: #ffffff;
    background-color: #1f365c;
}
.page-list a:hover,
.page-list a.on{
    color: #ffffff;
    background-color: #1f365c;
}
/*èµ„è®¯*/
.new{
	padding-top: 30px;
	padding-bottom: 80px;
}
.new ul li{
	padding: 50px 0px;
}
.new ul li a{
	display: block;
	width: 100%;clear: both;min-height: 200px;
	/*overflow: hidden;*/
}
.new ul li .imgbox{border-radius: 10px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	float: left;
	width: 270px;
	overflow: hidden;clear: both;
}
.new ul li .imgbox img{
	width: 100%;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.new ul li a:hover .imgbox img{
	-o-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-webkit-transform: scale(1.08);
	transform: scale(1.08);
}
.new ul li .txtbox{
	float: right;
	width: -moz-calc(100% - 300px);
	width: -webkit-calc(100% - 300px);
	width: calc(100% - 300px);
	overflow: hidden;
	padding-bottom: 20px;
	border-bottom: #eeeeee solid 1px;
}
.new ul li .txtbox .t1{
	font-family: "Hind Madurai";
	color: #001e57;
	font-size: 24px;
	margin-bottom: 20px;
}
.new ul li a:hover .txtbox .t1{
	color: #455d73;
}
.new ul li .txtbox .t2{
	font-family: "Hind Madurai";
	color: #666666;
	font-size: 16px;
	
}
.new ul li .txtbox .xwother{
	width: 100%;
	overflow: hidden;
	margin-top: 15px;
}
.new ul li .txtbox .t3{
	float: left;
	font-family: "Hind Madurai";
	color: #001e57;
	font-size: 18px;
}
.new ul li .txtbox .t3 img{
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	width: 24px;
	height: 25px;
}
.new ul li .txtbox .t4{
	float: right;
	font-family: "Hind Madurai";
	color: #666666;
	font-size: 16px;
}
/*èµ„è®¯è¯¦æƒ…*/
.new-detail{
	padding: 40px 0px 0px;
}
.new-detail .box{
	padding: 0px 100px 70px;
	background-color: #FFFFFF;
}
.detail-title{
	text-align: center;
	padding-bottom: 15px;
	border-bottom: #dddddd solid 1px;
}
.faq-detail .detail-title{
	margin-top: 0px;
}
.detail-title .t1{
	font-family: "microsoft yahei";
	color: #001e57;
	font-weight: bold;
	font-size: 24px;
}
.detail-title .t2{
	font-family: "microsoft yahei";
	color: #001e57;
	font-size: 16px;
	margin-top: 40px;
}
.detail-title .t2 .txtli{
	display: inline-block;
	margin-right: 80px;
}
.detail-title .t2 .sp{
	display: inline-block;
	margin-left: 10px;
	color: #888888;
}
.detail-title .t2 .txtli:last-child{
	margin-right: 0;
}
.detail-box{
	padding: 35px 0px 50px;
	font-family: "microsoft yahei";
	color: #666666;
	font-size: 16px;
	line-height:200%;
	overflow: hidden;
}
.detail-box p{line-height: 200%;padding-bottom: 5px;font-size: 18px}
.detail-other{
	padding-top: 65px;
	border-top: #dddddd solid 1px;
	overflow: hidden;
}
.faq-detail .detail-other{
	border-top: none;
}
.back-to{
	float: right;
}
.back-to a{
	display: inline-block;
	padding: 0 15px;
	text-align: center;
	border: #dcdcdc solid 1px;
	line-height: 50px;
	color: #001e57;
	font-size: 18px;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.back-to a img{
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
}
.back-to a .icon2{
	display: none;
}
.back-to a:hover .icon1{
	display: none;
}
.back-to a:hover .icon2{
	display: inline-block;
}
.back-to a:hover{
	background-color: #455d73;
	color: #FFFFFF;
}
.nextprev{
	overflow: hidden;
}
.nextprev ul{
	float: left;
	width: -moz-calc(100% - 165px);
	width: -webkit-calc(100% - 165px);
	width: calc(100% - 165px);
	overflow: hidden;
}
.nextprev ul li a{
	display: inline-block;
	width: 100%;
	font-family: "microsoft yahei";
	color: #001e57;
	font-size: 18px;
	line-height: 1.8;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*.nextprev ul li a:hover{
	color: #455d73;
}*/
.nextprev ul li a:hover{
	font-weight: bold;
}
.nextprev ul li a .sp{
	color: #455d73;
}
.detail-share{
	text-align: right;
	margin-bottom: 25px;
}
.detail-share-con{
	display: inline-block;
	overflow: hidden;
}
.detail-share-con span{
	float: left;
	color: #001e57;
	font-size: 16px;
	margin-right: 10px;
}
.detail-share-con ul{
	float: left;
	overflow: hidden;
}
.detail-share-con ul li{
	float: left;
	margin-right: 10px;
}
.detail-share-con ul li:last-child{
	margin-right: 0;
}
/*åº”ç”¨æ¡ˆä¾‹*/
.case{
	padding-top: 80px;
}
.case .box{
}
@media screen and (min-width: 1200px){
	.case ul li{
		width: 30%;border-radius: 10px;
		margin-right: 3.3%;
		margin-bottom: 6.4%;
	}
	.case ul li:nth-child(3n){
		margin-right: 0;
	}
}
@media screen and (max-width: 1200px) and (min-width: 768px){
	.case{
		padding-bottom: 50px;
	}
	.case ul li{
		width: 30%;
	    margin-right: 5%;
	    margin-bottom: 4%;
	   
	}
	.case ul li:nth-child(3n){
		margin-right: 0;
	}
}

.case ul{
	font-size: 0;
}
.case ul li a{
	position: relative;
	display: block;
	width: 100%;
}
.case ul li a:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: url(../images/img116.png) center bottom no-repeat;
	background-size: cover;
}
.case ul li .img{
	width: 100%;border-radius: 10px;
	overflow: hidden;
}
.case ul li .img img{
	width: 100%;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.case ul li a:hover .img img{
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.case ul li .txt{
	position: absolute;
	left: 0;
	bottom: 30px;
	z-index: 2;
	width: 100%;
	text-align: center;
	font-family: "microsoft yahei";
	color: #FFFFFF;
	font-size: 20px;
	padding: 0px 15px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/**/
@media only screen and (max-width: 1680px){
	.about-nav{
		left: 20px;
	}
	.contact .box .txtbox ul{
		margin-top: 60px;
	}
}
@media only screen and (max-width: 1440px){
	.sidebar ul li a, .sidebar ul li .istop{
		width: 46px;
		height: 46px;
		line-height: 46px;
	}
	.lunbotu .swiper-button-next, .lunbotu .swiper-button-prev{
		width: 60px;
		height: 60px;
		margin-top: -30px;
	}
	/**/
	.i-banner .box .t1{
		font-size: 45px;
	}
	.i-banner .box .t2{
		font-size: 26px;
	}
	.i-banner .box .btn span{
		height: 54px;
		line-height: 54px;
	}
	.obanner .bannerzi.ob1{
		top: 28%;
	}
	.obanner .bannerzi .box .t2{
		margin-top: 25px;
	}
	.obanner .bannerzi .box .t3{
		font-size: 48px;
	}
	/**/
	.i-title .t1{
		font-size: 36px;
	}
	/*index*/
	.product-line{
		padding-bottom: 100px;
	}
	.product-line .box{
		margin-top: 60px;
	}
	.i-product{
		padding-bottom: 100px;
	}
	.i-product .box{
		margin-top: 60px;
		margin-bottom: 60px;
	}
	.i-product-li .lower ul{
		margin-top: 20px;
	}
	/*about*/
	.about{
		padding-top: 100px;
	}
	.number{
		padding-top: 80px;
		padding-bottom: 100px;
	}
	/*.number .box ul li .t1 .timer{
		font-size: 80px;
	}*/
	.honor{
		padding-top: 80px;
		padding-bottom: 100px;
	}
	.honor .box{
		margin-top: 60px;
	}
	.contact .box .txtbox ul{
		margin-top: 30px;
	}
	.contact .box ul li .t2{
		font-size: 18px;
	}
	/**/
	.features .box{
		margin-top: 60px;
	}
	.advantages .box{
		margin-top: 60px;
	}
	.advantages .box ul li .txt .t1{
		font-size: 22px;
	}
	.machine{
		padding-top: 100px;
	}
	.machine .box{
		margin-top: 60px;
	}
	.configuration{
		padding-bottom: 100px;
	}
	.detail-application .box{
		margin-top: 60px;
	}
	/*download*/
	.download{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	/*new*/
	.new ul{
		margin-bottom: 20px;
	}
	.new ul li{
		padding: 40px 0px;
	}
	/**/
	.selection .box{
		margin-top: 60px;
	}
	.selection ul li .tit{
		font-size: 24px;
	}
	.selection ul li .tit span{
		min-height: 72px;
	}
}
@media only screen and (max-width: 1366px){
	/*.number .box ul li .t1{
		font-size: 32px;
	}
	.number .box ul li .t1 .timer{
		font-size: 60px;
	}*/
	.number ul li .t2{
		font-size: 18px;
	}
}

@media only screen and (max-width: 1280px){
	/**/
	.i-banner .box .t1{
		font-size: 40px;
	}
	.i-banner .box .t2{
		font-size: 24px;
	}
	.i-banner .box .btn span{
		height: 50px;
		line-height: 50px;
	}
	.obanner .bannerzi .box .t2{
		margin-top: 15px;
	}
	.obanner .bannerzi .box .t3{
		font-size: 46px;
	}
	.obanner .bannerzi .box .t4{
		font-size: 18px;
	}
	/**/
	.i-title .t1{
		font-size: 34px;
	}
	.i-title .t2{
		font-size: 18px;
	}
	/*about*/
	.about{
		padding-top: 90px;
	}
	.number{
		padding-top: 70px;
		padding-bottom: 90px;
	}
	/*.number .box ul li .t1 .timer{
		font-size: 70px;
	}*/
	.honor{
		padding-top: 70px;
		padding-bottom: 90px;
	}
	.honor .box{
		margin-top: 50px;
	}
	.contact .box .txtbox ul{
		margin-top: 20px;
	}
	.contact .box ul li .t1{
		font-size: 20px;
	}
	.contact .box ul li .t2{
		font-size: 20px;
	}
	/**/
	.features{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.features .box{
		margin-top: 50px;
	}
	.advantages{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.advantages .box{
		margin-top: 50px;
	}
	.advantages .box ul li .txt .t1{
		font-size: 20px;
	}
	.machine{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.machine .box{
		margin-top: 50px;
	}
	.other{
		padding-top: 70px;
	}
	.other .box{
		margin-top: 70px;
	}
	.configuration{
		padding-bottom: 80px;
	}
	.case ul li .txt{
		font-size: 18px;
	}
	.f-converter{
		padding-top: 70px;
		padding-bottom: 30px;
	}
	.detail-application{
		padding-bottom: 30px;
	}
	.detail-application .box{
		margin-top: 50px;
	}
	.detail-table{
		margin-bottom: 60px;
	}
	.tablebox{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.tablebox .box{
		margin-top: 50px;
	}
	.more span, .more a{
		font-size: 21px;
	}
	.detail-table table tr th{
		font-size: 16px;
	}
	.detail-table table tr td{
		font-size: 16px;
	}
	.detail-table .tit{
		font-size: 18px;
	}
	.dimension{
		padding-top: 70px;
	}
	/*new*/
	.new{
		padding-bottom: 70px;
	}
	.new ul li{
		padding: 30px 0px;
	}
	.new ul li .txtbox .t1{
		margin-bottom: 12px;
	}
	/*new detail*/
	.detail-other{
		padding-top: 50px;
	}
	/**/
	.selection .box{
		margin-top: 50px;
	}
	.selection ul li .tit{
		font-size: 22px;
	}
	.selection ul li .tit span{
		min-height: 65px;
	}
	.selection ul li .txt{
		margin-top: 10px;
	}
	.selection ul li .img{
		margin-top: 10px;
	}
	/**/
	.install-require{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.install-require .box{
		margin-top: 50px;
	}
	.size-selection{
		padding-top: 70px;
	}
	.size-selection .imgbox{
		margin-top: 50px;
	}
	.select-table{
		padding-top: 70px;
		padding-bottom: 80px;
	}
}
@media only screen and (max-width: 1200px){
	.header .nav{
		display: none;
	}
	.header .head-top{
		display: none;
	}
	.header.on{
		top: 0;
	}
	.header .logo a{
		line-height: 60px;
	}
	.header .logo a img{
		max-height: 45px;
	}
	.header .show-search-btn{
		line-height: 60px;
		height: 60px;
	}
	.menubtn{
		margin-top: 21px;
	}
	.o-nav{
		top: 60px;
	}
	.o-nav .closebtn{
		display: none;
	}
	.o-nav ul li a{
		font-size: 24px;
	}
	/**/
	.lunbotu.swiper-container-horizontal>.swiper-pagination-bullets, .lunbotu .swiper-pagination-custom, .lunbotu .swiper-pagination-fraction{
		bottom: 30px;
	}
	.lunbotu .swiper-pagination-bullet{
		width: 12px;
		height: 12px;
	}
	.lunbotu .swiper-button-next, .lunbotu .swiper-button-prev{
		width: 50px;
		height: 50px;
	}
	
	/**/
	.main{
		padding-top: 60px;
	}
	.footer .box .footer-nav{
		display: none;
	}
	.footer .box .footer-share{
		width: 100%;
	}
	.footer .title{
		font-size: 22px;
	}
}
@media only screen and (max-width: 1024px){
	/**/
	.i-banner .box .t1{
		font-size: 40px;
	}
	.i-banner .box .t2{
		font-size: 20px;
	}
	.i-banner .box .btn span{
		padding: 0px 28px;
		height: 50px;
		line-height: 50px;
	}
	.obanner .bannerzi{
		top: 50%;
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.obanner .bannerzi.ob1{
		top: 50%;
	}
	.obanner .bannerzi .box .t2{
		margin-top: 5px;
	}
	.obanner .bannerzi .box .t3{
		font-size: 40px;
		margin-bottom: 10px;
	}
	.obanner .bannerzi .box .t4{
		font-size: 17px;
	}
	.oimg1{
		display: none;
	}
	.oimg2{
		display: block;
	}
	/**/
	.i-title .t1{
		font-size: 34px;
	}
	.i-btn a{
		font-size: 18px;
	}
	/*footer*/
	.footer .box .footer-share .follow{
		display: none;
	}
	.footer .footer-down .copyright{
		float: none;
		text-align: center;
	}
	.footer .footer-down .stand{
		float: none;
		text-align: center;
	}
	/*index*/
	.product-line{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.product-line .box{
		margin-top: 50px;
	}
	.product-line .box ul{
		font-size: 0;
		text-align: center;
	}
	.product-line .box ul li{
		float: none;
		display: inline-block;
		vertical-align: top;
		width: 33.33%;
		margin-bottom: 60px;
	}
	.product-line .box ul li .icon{
		max-width: 100px;
	}
	.product-line .box ul li .txt{
		margin-top: 20px;
	}
	.product-line .box ul li .txt .t1{
		margin-bottom: 10px;
	}
	/**/
	.i-product{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.i-product .box{
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.i-product-li .upper .txt .t1{
		font-size: 20px;
	}
	.i-product-li .upper .txt .t2{
		font-size: 18px;
	}
	.i-product-li .upper .txt .t3{
		font-size: 18px;
	}
	.i-product-li .lower .txt .t1{
		font-size: 20px;
	}
	.i-product-li .lower .txt .t2{
		font-size: 18px;
	}
	/**/
	.i-case{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.i-case .box{
		margin-top: 50px;
	}
	.i-case .box>ul>li .txt .t1{
		font-size: 20px;
	}
	.i-case .box>ul>li .txt ul li i{
		width: 10px;
		height: 10px;
	}
	/**/
	.i-new{
		padding-bottom: 60px;
	}
	.i-new .box{
		margin-top: 50px;
	}
	/*about*/
	.about{
		padding-top: 70px;
	}
	.about .txtbox .txt{
		margin-top: 10px;
		margin-bottom: 20px;
		-webkit-line-clamp: 7;
	}
	.number{
		padding-top: 50px;
		padding-bottom: 70px;
	}
	/*.number .box ul li .t1{
		font-size: 30px;
	}
	.number .box ul li .t1 .timer{
		font-size: 50px;
	}
	.number .box ul li .t2{
		font-size: 18px;
	}*/
	.number .box ul li .t1{
		font-size: 26px;
	}
	.number .box ul li .t1 .timer{
		font-size: 45px;
	}
	.number .box ul li .t2{
		font-size: 16px;
	}
	.honor{
		padding-top: 50px;
		padding-bottom: 70px;
	}
	.honor .box{
		padding: 0px 50px;
		margin-top: 40px;
	}
	.contact .box .txtbox ul{
		margin-top: 10px;
	}
	.contact .box ul li{
		padding: 15px 0px;
	}
	.contact .box ul li .t1{
		font-size: 18px;
	}
	.contact .box ul li .t2{
		font-size: 18px;
	}
	/**/
	.features{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.features .box{
		margin-top: 40px;
	}
	.advantages{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.advantages .box{
		margin-top: 40px;
	}
	.machine{
		padding-top: 60px;
	}
	.machine .box{
		margin-top: 40px;
	}
	/**/
	.configuration{
		padding-bottom: 70px;
	}
	.other{
		padding-top: 60px;
	}
	.other .box{
		margin-top: 50px;
	}
	.other .txt{
		margin-top: 30px;
	}
	.case{
		padding-top: 70px;
		padding-bottom: 40px;
	}
	/*download*/
	.download{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.download .box ul li{
		padding: 22px 20px;
	}
	.download .box ul li .left .t1{
		font-size: 18px;
	}
	.download .box ul li .left .t2{
		font-size: 18px;
	}
	.page-list a{
		font-size: 16px;
	}
	.f-converter{
		padding-top: 60px;
	}
	.detail-application{
		padding-bottom: 30px;
	}
	.detail-application .box{
		margin-top: 50px;
	}
	.detail-table{
		margin-bottom: 60px;
	}
	.tablebox{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.tablebox .box{
		margin-top: 50px;
	}
	.more span, .more a{
		font-size: 21px;
	}
	.detail-table table tr th{
		font-size: 16px;
	}
	.detail-table table tr td{
		font-size: 16px;
	}
	.detail-table .tit{
		font-size: 18px;
	}
	.detail-application{
		padding-top: 60px;
	}
	.detail-application .box{
		margin-top: 40px;
	}
	.detail-application ul li .txt{
		font-size: 18px;
	}
	.tablebox{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.tablebox .box{
		margin-top: 40px;
	}
	.dimension{
		padding-top: 60px;
	}
	.more span, .more a{
		min-width: 1px;
		font-size: 18px;
	}
	.ts-features .txtbox{
		padding-left: 0;
	}
	/*new*/
	.new{
		padding-bottom: 60px;
	}
	.new ul{
		margin-bottom: 30px;
	}
	.new ul li{
		padding: 20px 0px;
	}
	.new ul li .txtbox .t1{
		font-size: 22px;
	}
	.new ul li .txtbox .t3{
		font-size: 16px;
	}
	.new ul li .txtbox .t4{
		font-size: 15px;
	}
	/*new detail*/
	.detail-box{
		padding-bottom: 35px;
	}
	.detail-title .t2 .txtli{
		margin-right: 50px;
	}
	.detail-other{
		padding-top: 40px;
	}
	.back-to{
		display: none;
	}
	.nextprev ul{
		float: none;
		width: 100%;
	}
	/**/
	.selection{
		padding-top: 60px;
	}
	.selection ul li .tit{
		font-size: 20px;
	}
	.selection ul li .tit span{
		min-height: 60px;
	}
	/**/
	.install-require{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.install-require .box{
		margin-top: 40px;
	}
	.size-selection{
		padding-top: 60px;
	}
	.size-selection .imgbox{
		margin-top: 40px;
	}
	.select-table{
		padding-top: 60px;
		padding-bottom: 70px;
	}
	.select-table .box{
		margin-top: 40px;
	}
}
@media only screen and (max-width: 768px){
	/**/
	.lunbotu .swiper-button-next, .lunbotu .swiper-button-prev {
	    width: 45px;
	    height: 45px;
	}
	.lunbotu.swiper-container-horizontal>.swiper-pagination-bullets, .lunbotu .swiper-pagination-custom, .lunbotu .swiper-pagination-fraction{
		bottom: 20px;
	}
	.i-banner .box .t1{
		font-size: 30px;
	}
	.i-banner .box .t2{
		font-size: 18px;
		margin-bottom: 25px;
	}
	.i-banner .box .btn span{
		padding: 0px 24px;
		height: 45px;
		line-height: 45px;
		font-size: 16px;
	}
	.obanner .bannerzi .box{
		max-width:70%;
		width: 70%;
	}
	.obanner .bannerzi .box .t2{
		margin-top: 0;
	}
	.obanner .bannerzi .box .t3{
		font-size: 36px;
		margin-bottom: 0;
	}
	.obanner .bannerzi .box .t4{
		font-size: 16px;
	}
	/**/
	.i-title .t1{
		font-size: 30px;
	}
	.i-btn a{
		font-size: 17px;
	}
	/**/
	.sidebar ul li a, .sidebar ul li .istop{
		width: 46px;
		height: 46px;
		line-height: 46px;
	}
	/*footer*/
	.footer .title{
		font-size: 20px;
	}
	/*index*/
	.product-line{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.product-line .box{
		margin-top: 40px;
	}
	.product-line .box ul li{
		margin-bottom: 40px;
	}
	.product-line .box ul li .icon{
		max-width: 90px;
	}
	/**/
	.i-product{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.i-product .box{
		margin-top: 40px;
		margin-bottom: 40px;
	}
	/**/
	.i-case{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.i-case .box{
		margin-top: 40px;
	}
	.i-new .box ul{
		margin-bottom: 40px;
	}
	.i-case .box>ul>li .txt .t1{
		font-size: 20px;
	}
	/**/
	.i-new{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.i-new .box{
		margin-top: 40px;
	}
	/*about*/
	.about{
		padding-top: 60px;
	}
	.about .txtbox .txt{
		margin-bottom: 15px;
		-webkit-line-clamp: 5;
	}
	.about .imgbox .icon{
		background-size: 12% auto;
	}
	.number{
		padding-top: 40px;
		padding-bottom: 60px;
	}
	.number .box ul li .t1{
		font-size: 22px;
	}
	.number .box ul li .t1 .timer{
		font-size: 40px;
	}
	.number .box ul li .t2{
		font-size: 16px;
	}
	.honor{
		padding-top: 40px;
		padding-bottom: 60px;
	}
	.honor .box{
		margin-top: 30px;
	}
	.contact .box ul li .t1{
		font-size: 16px;
	}
	.contact .box ul li .t2{
		font-size: 17px;
	}
	/**/
	.features{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.features .box{
		margin-top: 30px;
	}
	.advantages{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.advantages .box{
		margin-top: 30px;
	}
	.advantages .box ul li .txt .t1{
		font-size: 18px;
	}
	.machine{
		padding-top: 50px;
	}
	.machine .box{
		margin-top: 30px;
	}
	.configuration{
		padding-bottom: 60px;
	}
	.other{
		padding-top: 40px;
	}
	.other .box{
		margin-top: 40px;
	}
	.other .txt{
		margin-top: 20px;
	}
	/*download*/
	.download{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.download .box ul{
		margin-bottom: 50px;
	}
	.download .box ul li{
		padding: 20px 20px;
	}
	.download .box ul li .left{
		padding-left: 45px;
	}
	.download .box ul li .left .t1{
		font-size: 16px;
	}
	.download .box ul li .left .t2{
		font-size: 16px;
	}
	.page-list a{
		font-size: 15px;
	}
	.f-converter{
		padding-top: 50px;
	}
	.fc-nav ul li{
		margin-right: 10px;
	}
	.fc-nav ul li a{
		min-width: 1px;
	}
	/**/
	.detail-application{
		padding-top: 50px;
	}
	.detail-application .box{
		margin-top: 30px;
	}
	.tablebox{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.tablebox .box{
		margin-top: 30px;
	}
	.dimension{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.detail-table{
		margin-bottom: 40px;
	}
	.detail-table .tit{
		font-size: 16px;
	}
	.dimension .title{
		font-size: 22px;
	}
	.detail-table table tr th, .detail-table table tr td{
		font-size: 15px;
	}
	.more span, .more a{
		font-size: 16px;
		height: 44px;
    	line-height: 42px;
	}
	/*new*/
	.new{
		padding-bottom: 50px;
	}
	/*new detail*/
	.new-detail .box{
		padding: 0px 50px 60px;
	}
	.detail-title .t1{
		font-size: 22px;
	}
	.detail-title .t2{
		margin-top: 30px;
	}
	.detail-other{
		padding-top: 30px;
	}
	/**/
	.selection{
		padding-top: 50px;
	}
	.selection .box{
		margin-top: 40px;
	}
	.selection ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.selection ul li:nth-child(2n){
		margin-right: 0;
	}
	.selection ul li .con{
		padding-left: 0;
	}
	/**/
	.install-require{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.install-require .box{
		margin-top: 30px;
	}
	.size-selection{
		padding-top: 50px;
	}
	.size-selection .imgbox{
		margin-top: 30px;
	}
	.select-table{
		padding-top: 50px;
		padding-bottom: 60px;
	}
	.select-table .box{
		margin-top: 30px;
	}
	.number .box ul li .t1{
		font-size: 24px;
	}
	.number .box ul li .t1 .timer{
		font-size: 40px;
	}
}
@media only screen and (max-width: 767px){
	/**/
	.i-title .t1{
		font-size: 28px;
	}
	.i-title .t2{
		font-size: 16px;
	}
	.i-btn a{
		line-height: 40px;
		font-size: 16px;
	}
	/**/
	.i-banner{
		width: 100%;
	}
	/**/
	.i-banner .box .t1{
		font-size: 30px;
	}
	.i-banner .box .t2{
		font-size: 16px;
	}
	.i-banner .box .btn span{
		padding: 0px 20px;
		height: 42px;
		line-height: 42px;
	}
	.obanner .bannerzi{
		width: 100%;
	}
	/**/
	.sidebar ul li a, .sidebar ul li .istop{
		width: 46px;
		height: 46px;
		line-height: 46px;
	}
	/*footer*/
	.footer{
		padding-top: 40px;
	}
	.footer .title{
		font-size: 18px;
	}
	.footer .box .footer-share .subscribe form{
		margin-top: 20px;
	}
	.footer .box .footer-share .btnbox{
		height: 40px;
	}
	.footer .box .footer-share .btnbox input{
		font-size: 16px;
		height: 40px;
	}
	.footer .box .footer-share .subscribe .inputbox, .footer .box .footer-share .subscribe .inputbox input{
		height: 40px;
	}
	/**/
	.i-case .box>ul>li:last-child{
		margin-bottom: 0;
	}
	.i-case .box>ul>li .txt .t1{
		font-size: 18px;
	}
	.i-new .box ul li{
		margin-bottom: 10px;
	}
	.i-new .box ul li:last-child{
		margin-bottom: 0px;
	}
	.about{
		padding-top: 50px;
	}
	.about-nav{
		display: none;
		left: auto;
		right: 10px;
	}
	.about .imgbox{
		width: 100%;
		margin-top: 30px;
	}
	.about .txtbox{
		width: 100%;
	}
	.about .imgbox .icon{
		background-size: 9% auto;
	}
	.number{
		padding-bottom: 50px;
	}
	/*.number .box ul li .t1{
		font-size: 22px;
	}
	.number .box ul li .t1 .timer{
		font-size: 32px;
	}*/
	.contact .box .txtbox{
		float: none;
		width: 100%;
		padding-top: 40px;
		padding-bottom: 30px;
	}
	.contact .imgbox{
		position: static;
		width: 100%;
	}
	
	.case ul li{
		width: 48%;
	    margin-right: 4%;
	    margin-bottom: 4%;
	}
	.case ul li:nth-child(2n){
		margin-right: 0;
	}
	/**/
	.f-converter ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.f-converter ul li:nth-child(2n){
		margin-right: 0;
	}
	.f-converter ul li .txt{
		line-height: 1.75;
		font-size: 16px;
	}
	/**/
	.detail-application ul li{
		width: 48%;
	    margin-right: 4%;
	    margin-bottom: 4%;
	}
	.detail-application ul li:nth-child(2n){
		margin-right: 0;
	}
	/*new*/
	.new ul li .imgbox{
		width: 32%;
	}
	.new ul li .txtbox{
		width: 64%;
		padding-bottom: 15px;
	}
	.new ul li .txtbox .t1{
		font-size: 20px;
		margin-bottom: 6px;
	}
	.new ul li .txtbox .t2{
		font-size: 15px;
	}
	.new ul li .txtbox .t3{
		font-size: 15px;
	}
	.new ul li .txtbox .t4{
		font-size: 14px;
	}
	.new ul li .txtbox .xwother{
		margin-top: 10px;
	}
	.new ul li .txtbox .t3 img{
		width: 20px;
		height: auto;
	}
	/*new detail*/
	.detail-title .t1{
		font-size: 20px;
	}
	.detail-title .t2{
		font-size: 15px;
		margin-top: 20px;
	}
	.detail-box{
		padding-top: 20px;
		font-size: 15px;
	}
	.detail-other{
		padding-top: 20px;
	}
	.nextprev ul li a{
		font-size: 16px;
	}
	
}
@media only screen and (max-width: 640px){
	.o-nav ul li a{
		font-size: 22px;
	}
	/**/
	.obanner .bannerzi .box .t3{
		font-size: 30px;
	}
	.obanner .bannerzi .box .t4{
		font-size: 15px;
	}
	/**/
	.product-line .box ul li{
		float: left;
		width: 48%;
		margin-right: 4%;
	}
	.product-line .box ul li:nth-child(2n){
		margin-right: 0;
	}
	.product-line .box ul li .icon{
		max-width: 80px;
	}
	.i-product-li .upper .txt .t1{
		font-size: 18px;
	}
	.i-product-li .upper .txt .t2{
		font-size: 16px;
	}
	.i-product-li .upper .txt .t3{
		font-size: 16px;
	}
	.i-product-li .lower .txt .t1{
		font-size: 18px;
	}
	.i-product-li .lower .txt .t2{
		font-size: 16px;
	}
	.i-product-li .lower .xinadd{
		/*overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 7;
		-webkit-box-orient: vertical;*/
		display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 7;
	    overflow: hidden;
	}
	.i-product .swiper-button-next, .i-product .swiper-button-prev{
		width: 24px;
		height: 48px;
	}
	.i-case .box{
		margin-top: 30px;
	}
	.i-case .box>ul>li{
		margin-bottom: 20px;
	}
	.i-new .box{
		margin-top: 30px;
	}
	.i-new .box ul{
		margin-bottom: 30px;
	}
	/**/
	.features{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.features ul{
		padding-left: 0;
	}
	.features ul li{
		padding-left: 50px;
	}
	.advantages .box ul li .txt .t1{
		margin-bottom: 5px;
	}
	.advantages{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.machine{
		padding-top: 40px;
	}
	.case{
		padding-top: 50px;
		padding-bottom: 30px;
	}
	/**/
	.detail-application{
		padding-top: 40px;
	}
	.tablebox{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.dimension{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.dimension .title{
		font-size: 20px;
	}
	.detail-table table tr th, .detail-table table tr td{
		font-size: 16px;
	}
	.ts-features .txtbox{
		width: 100%;
	}
	.ts-features .imgbox{
		width: 100%;
		margin-top: 30px;
	}
	/*new detail*/
	.new-detail .box{
		padding: 0px 30px 50px;
	}
	.detail-title .t2 .txtli{
		margin-right: 30px;
	}
	/**/
	.selection{
		padding-top: 40px;
	}
	.selection .box{
		margin-top: 30px;
	}
	/**/
	.install-require{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.size-selection{
		padding-top: 40px;
	}
	.select-table{
		padding-top: 40px;
		padding-bottom: 50px;
	}
	
	.number .box ul{
		font-size: 0;
		text-align: center;
	}
	.number .box ul li{
		float: none;
		display: inline-block;
		vertical-align: top;
		width: 33.33%;
		margin: 20px auto;
	}
	.number .box ul li .t1{
		font-size: 20px;
	}
	.number .box ul li .t1 .timer{
		font-size: 32px;
	}
	.number .box ul li .t2{
		font-size: 15px;
	}
}
@media only screen and (max-width: 576px){
	.o-nav ul li a{
		font-size: 20px;
	}
	/**/
	.i-banner .box{
		width: 60%;
	}
	.i-banner .box .t1{
		font-size: 18px;
	}
	.i-banner .box .t2{
		font-size: 15px;
		margin-bottom: 10px;
	}
	.i-banner .box .btn span{
		padding: 0px 20px;
		height: 36px;
		line-height: 36px;
		font-size: 15px;
	}
	.i-banner .box .btn span img{
		width: 20px;
	}
	.lunbotu .swiper-button-next, .lunbotu .swiper-button-prev{
		width: 40px;
		height: 40px;
	}
	.lunbotu .swiper-pagination-bullet{
		width: 9px;
		height: 9px;
	}
	.lunbotu.swiper-container-horizontal>.swiper-pagination-bullets, .lunbotu .swiper-pagination-custom, .lunbotu .swiper-pagination-fraction{
		bottom: 15px;
	}
	/**/
	.obanner .bannerzi .box .t3{
		font-size: 24px;
	}
	/**/
	.i-title .t1{
		font-size: 24px;
	}
	.i-title .t2{
		font-size: 15px;
	}
	.i-btn a{
		line-height: 36px;
		font-size: 15px;
	}
	/*footer*/
	.footer{
		padding-top: 30px;
	}
	.footer .title{
		font-size: 16px;
	}
	/**/
	.sidebar{
		right: 10px;
	}
	.sidebar ul li a, .sidebar ul li .istop{
		width: 46px;
		height: 46px;
		line-height: 46px;
	}
	/*index*/
	.product-line{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.product-line .box{
		margin-top: 30px;
	}
	.product-line .box ul li .txt{
		margin-top: 15px;
	}
	.product-line .box ul li .txt .t1{
		font-size: 17px;
	}
	.product-line .box ul li .txt .t2{
		font-size: 15px;
	}
	.product-line .box ul li .btn span{
		font-size: 15px;
	}
	.i-product{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.i-product .container{
		padding-left: 40px;
		padding-right: 40px;
	}
	.i-product .box{
		margin-top: 30px;
	}
	.i-product .swiper-button-next, .i-product .swiper-button-prev{
		width: 18px;
		height: 36px;
	}
	.i-case{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.i-case .box>ul>li a{
		padding: 0;
	}
	.i-case .box>ul>li .txt .t1{
		font-size: 16px;
	}
	.i-case .box>ul>li .txt ul li{
		font-size: 15px;
		padding-left: 15px;
	}
	.i-case .box>ul>li .txt ul li i{
		width: 8px;
		height: 8px;
	}
	.i-new{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.i-new .box ul li{
		padding: 0;
	}
	.i-new .box ul li .con{
		padding: 20px 0px;
	}
	/**/
	.about{
		padding-top: 40px;
	}
	.number{
		padding-top: 40px;
		padding-bottom: 10px;
	}
	/*.number .box ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 50px;
	}
	.number .box ul li:nth-child(2n){
		margin-right: 0;
	}
	.number .box ul li .t1{
		font-size: 20px;
	}*/
	.number .box ul li .t1 .timer{
		/*font-size: 28px;*/
	}
	/*.number .box ul li .t2{
		font-size: 15px;
	}*/
	.honor{
		padding-bottom: 40px;
	}
	.honor .honor-li .txt{
		font-size: 16px;
	}
	.contact .box ul li:last-child{
		border-bottom: none;
	}
	/**/
	.features ul li{
		margin-bottom: 20px;
	}
	.features ul li .sp{
		width: 32px;
		height: 32px;
		line-height: 32px;
		font-size: 18px;
	}
	.advantages .box ul li{
		background-color: #ebead6;
	}
	.advantages .box ul li:last-child{
		margin-bottom: 0;
	}
	.advantages .box ul li .img{
		width: 100%;
	}
	.advantages .box ul li .txt{
		width: 100%;
		padding: 15px 20px 20px;
		min-height: 1px;
	}
	/**/
	.configuration{
		padding-bottom: 50px;
	}
	.other{
		padding-top: 30px;
	}
	.other .box{
		margin-top: 30px;
	}
	.other .txt{
		margin-top: 10px;
	}
	/**/
	.case{
		padding-top: 40px;
	}
	.case ul li{
		width: 100%;
	    margin-right: 0;
	    margin-bottom: 30px
	}
	/*download*/
	.download{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.download .box ul li{
		padding: 20px 10px 15px 20px;
	}
	.download .box ul li .left{
		padding-left: 45px;
		overflow: hidden;
		-moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	    box-sizing: border-box;
	}
	.download .box ul li .left .t1, .download .box ul li .left .t2{
		font-size: 15px;
	}
	.download .box ul li .left .t1{
		width: 100%;
		float: none;
		padding-left: 0;
	}
	.download .box ul li .left .t2{
		float: none;
		width: 100%;
		text-align: left;
		margin-top: 10px;
	}
	.download .box ul li .left .icon{
		width: 40px;
	}
	/**/
	.page-list a{
		min-width: 30px;
	    height: 30px;
	    line-height: 30px;
		font-size: 15px;
	}
	.f-converter{
		padding-top: 40px;
	}
	.f-converter ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.more span, .more a{
		height: 40px;
		line-height: 38px;
		padding: 0px 20px;
	}
	.more span img, .more a img{
		width: 16px;
		margin-left: 6px;
	}
	/**/
	.detail-application ul li{
		width: 100%;
	    margin-right: 0;
	    margin-bottom: 30px
	}
	/*new*/
	.new{
		padding-bottom: 40px;
	}
	.new ul li{
		padding: 0;
		margin-bottom: 30px;
	}
	.new ul li .imgbox{
		width: 100%;
		margin-bottom: 15px;
	}
	.new ul li .txtbox{
		width: 100%;
	}
	.new ul li .txtbox .t1{
		font-size: 18px;
	}
	.new ul li .txtbox .t3 img{
		width: 18px;
	}
	/*new detail*/
	.new-detail .box{
		padding: 0px 0px 40px;
	}
	.detail-box{
		padding-bottom: 25px;
	}
	.detail-title .t1{
		font-size: 18px;
	}
	.detail-title .t2{
		font-size: 14px;
	}
	.detail-title .t2 .txtli{
		margin-right: 20px;
	}
	.nextprev ul li a{
		font-size: 15px;
	}
	/**/
	.selection ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
	}
	.selection ul li:last-child{
		margin-bottom: 0;
	}
	.selection ul li .tit span{
		min-height: 1px;
	}
}


/*20210413*/
.addbox{
	padding-top: 70px;
    padding-bottom: 130px;background: #001e57;
    /*background: url(../images/img29.jpg) center no-repeat;
    background-size: cover;*/
}
.addbox .content {
    position: relative;
    max-width: 1580px;
    width: 100%;
    margin: 80px auto 0px;
}
.addbox .box{
	position: relative;
	width: 100%;
	overflow: hidden;
	/*padding-bottom: 50px;*/
}
.addbox .box .boxli{
	width: 100%;
	text-align: center;
}
.addbox .box .boxli a {
	display: block;
	width: 100%;
}
.addbox .box .boxli .icon{
	width: 100%;
	overflow: hidden;
}
.addbox .box .boxli .icon img{
	max-width: 100%;border-radius:6px;position: relative;
    width: 100%;
    display: block;
}
.addbox .box .boxli .icon .overlay {
    position: absolute;
    left: 0px;border-radius:6px;
    top: 0px;
    width: 100%;
    display: block;
    height: 100%;
    z-index: 1;
    opacity: 0;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    background-color: rgba(87,117,144,0.80);
}
.addbox .box .boxli .icon:hover .overlay{
	opacity:1;	
}
.addbox .box .boxli .txt{
	font-family: "Hind Madurai";
    color: #001e57;
    font-size: 18px;
    margin-top: 20px;
}
/*åˆ‡æ¢ç®­å¤´*/
.addbox .swiper-button-next, .addbox .swiper-button-prev{
	position: absolute;
    top: 50%;
    width: 20px;
    height: 40px;
    margin-top: -20px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.addbox .swiper-button-next, .addbox .swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/img43.png);
    right: 0;
    left: auto;
}
.addbox .swiper-button-prev, .addbox .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/img42.png);
    left: 0;
    right: auto;
}
/*åˆ‡æ¢ç‚¹*/
/*.addbox .swiper-container-horizontal>.swiper-pagination-bullets, .addbox .swiper-pagination-custom, .addbox .swiper-pagination-fraction {
    bottom: 0px;
}
.addbox .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    background: none;
    opacity: 1;
    border: #888888 solid 1px;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.addbox .swiper-pagination-bullet-active{
    opacity: 1;
    background-color: #455d73;
     border: #455d73 solid 1px;
}*/
@media only screen and (max-width: 1440px){
	.addbox{
		padding-bottom: 100px;
	}
	.addbox .content{
		margin-top: 60px;
	}
}
@media only screen and (max-width: 1024px){
	.addbox{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.addbox .content{
		margin-top: 50px;
	}	
	.addbox .box .boxli .txt{
		margin-top: 15px;
	}
}
@media only screen and (max-width: 768px){
	.addbox{
	    padding-top: 50px;
	    padding-bottom: 50px;
	}
	.addbox .content{
		margin-top: 40px;
	}
	.addbox .container{
		padding-left: 40px;
		padding-right: 40px;
		overflow: hidden;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
}
@media only screen and (max-width: 576px){
	.addbox .box .boxli .txt{
	    font-size: 17px;
	}
	.addbox .swiper-button-next, .addbox .swiper-button-prev{
		width: 18px;
		height: 36px;
	}
}


/*20210419*/
.location{
  	width: 100%;
  	height: 60px;
  	background-color: rgba(0, 0, 0, 0.3);
  	position: absolute;
  	bottom: 0;
  	left: 0;
}
.location.location1{
	position: static;
	background:#1f365c;
}
@media (max-width: 767px) {
  	.location{
    	height: 45px;
  	}
}
.location .cont {
  	width: 100%;
  	overflow: hidden;
}
.location .cont a,
.location .cont span {
	float: left;
    line-height: 60px;
    color: #fff;
    opacity: 1;
    font-size: 18px;
}
@media (max-width: 767px) {
    .location .cont a,
    .location .cont span {
        line-height: 45px;
    	font-size: 14px;
  	}
  	.location .cont a{
    	white-space: nowrap;
  	}
  	.location .cont a:last-child{
    	min-width: 30%;
    	overflow: hidden;
    	text-overflow: ellipsis;
  	}
}
.location .cont span {
  	margin: 0px 10px;
}

.pro_contentW{position: relative;}
.pro_content{padding-top: 100px; padding-bottom: 100px; min-height: 1200px}
.pro_menu{width: 50%; height: 100%; float: left; background: #f3f3f3; position: absolute; top: 0; right: 50%; margin-right: 380px;}
.pro_menu a{display: block; /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/}
.pro_menu .box{width: 350px; float: right; padding-top: 100px;}  
.pro_menu .tip{font-size: 26px; color: #333;font-family: "inherit";font-weight: bold;text-transform:uppercase}
.pro_menu .list{margin-top: 5%;}
.pro_menu .list dl{margin: 0;padding-top: 20px; display: none; padding: 3% 53px 3% 0;}
.pro_menu .list dl dd{margin: 0; }
.pro_menu .list dl dd>a{display: block; padding: 2% 8px 2% 10px; font-size: 16px;line-height: 120%; color: #333; position: relative;  /*overflow: hidden; text-overflow:ellipsis; white-space: nowrap;*/font-family: "Hind Madurai";}

.pro_menu .list dl dd>a i{width: 14px; height: 14px; position: absolute; right: 45px; top: 50%; margin-top: -7px; background: url(../images/show2.png) 0 0 no-repeat;} 
.pro_menu .list dl dd.on>a i{background: url(../images/hide2.png) 0 0 no-repeat;}
.pro_menu .list dl dd.on>a,
.pro_menu .list dl dd>a:hover{color: #df6512;}

 
.pro_menu .list>ul>li{position: relative; padding: 10px 0; cursor: pointer;}
.pro_menu .list>ul>li:before{content: ""; width: 900%; height: 1px; background: #e4e4e4; right: 0; top: 0; position: absolute;}
.pro_menu .list>ul>li:first-child:before{display: none;}
.pro_menu .list>ul>li .title{display: block;  /*overflow: hidden; text-overflow:ellipsis; white-space: nowrap;*/ padding-right: 30px; position: relative; font-size: 20px; padding-right: 70px;font-family: "inherit";font-weight: bold; line-height: 1.7;color:#455D73} 
.pro_menu .list>ul>li .title i{position: absolute; width: 24px; height: 24px; right: 40px; top: 50%; margin-top: -12px; background: url(../images/show.png) 0 0 no-repeat; z-index: 1;}
.pro_menu .list>ul>li.on .title,
.pro_menu .list>ul>li .title:hover{color:#df6512;}
.pro_menu .list>ul>li.on .title i{background: url(../images/hide.png) 50% 50% no-repeat; }
.pro_menu .list>ul>li.on .title,
.pro_menu .list>ul>li .title:hover{color:#df6512;}
.proCon_list{width: 70.5%; float: right;}
.pro_menuSub{display: none;}
.pro_menuSub ul li a{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 5px 0; font-size: 14px; color: #666; position: relative;padding-left: 20px;} 
.pro_menuSub ul li a i{position: absolute; width: 10px; height: 10px; border-radius: 50%; border: 2px solid #999999; left: 0; top: 50%; margin-top: -5px; }
.pro_menuSub ul li a:hover{color:#df6512;}
.pro_menuSub ul li a:focus, .pro_menuSub ul li a:hover{
	color:#df6512;
}


.proCon_list{}
.proCon_list .box{ }
.proCon_tit .tit{font-size: 36px; color: #001e57; float: left;font-family: "inherit";font-weight: bold;} 
.proCon_tit .proCon_search{width: 348px; height: 42px; float: right; border: 1px solid #001e57; border-radius: 4px; position: relative; overflow: hidden;}
.proCon_tit .proCon_search .text{padding-left: 20px; height: 42px; line-height: 42px; font-size: 16px; color: #999; }
.proCon_tit .proCon_search .btn{position: absolute; right: -1px; width: 77px; height: 100%; background: url(../images/search_btn.png) 0 0 no-repeat; background-size: 100% 100%; border: none;outline: none;cursor: pointer;}
.proCon_tit .proCon_search .btn i{width: 16px; height: 16px; position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -5px;  background: url(../images/search_btn2.png) 0 0 no-repeat; background-size: contain;}
.proCon_tit .proCon_search .btn img{width: 17px;}

.proCon_text{font-size: 16px; color: #666; line-height: 30px; margin-top: 20px;}
.proCon_list .list{margin-top: 45px; padding-top:5px; border-top: 1px solid #dddddd;}
.proCon_list .list ul li{margin-top: 40px; overflow: hidden;}
.proCon_list .list ul li .pic{width: 29.6%; padding-bottom: 200px; display: block; float: left;}
.proCon_list .list ul li .right{width: 68%; float: right;}
.proCon_list .list ul li .title{font-size: 24px; color:#001e57;font-family: "inherit";font-weight: bold;}
.proCon_list .list ul li .title:hover{color:#df6512;}
.proCon_list .list ul li .txt{font-size: 16px; color: #999; line-height: 30px; margin-top: 10px;}
.proCon_list .list ul li .link{margin-top: 20px;}
.proCon_list .list ul li .link a{margin-right: 5%; display: inline-block; line-height: 30px; font-size: 16px; color: #666;vertical-align: middle;}
.proCon_list .list ul li .link a i{height: 30px; line-height: 30px; float: left; margin-right: 6px;overflow: hidden;}
.proCon_list .list ul li .link a i img{max-height: 30px; max-width: 30px;float: left;}
.proCon_list .list ul li .link a:hover{color: #86b2c6;}
.proCon_list .list1 ul li .pic{border: 1px solid #dddddd;}
.proCon_list .list1 .link2 {margin-top: 20px;}
.proCon_list .list1 .link2 a{width: 50%; float: left; display: block; font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px; padding-left: 20px; position: relative;}
.proCon_list .list1 .link2 a i{width: 6px; height: 6px; border-radius: 50%; position: absolute; top: 50%; margin-top: -3px; left: 0; background: #001e57;}
.proCon_list .list1 .link2 a:hover{color: #001e57;}

.proCon_list .list2{margin-top: 45px; padding-top:5px; border-top: 1px solid #dddddd; overflow: hidden;}
.proCon_list .list2 ul{margin-right: -2%;}
.proCon_list .list2 ul li{width: 31.33%; margin-right: 2%; margin-top: 40px; float: left;}
.proCon_list .list2 ul li span{display: block;}
.proCon_list .list2 ul li .pic{position: relative; border: 1px solid #ddd; padding-bottom: 68%; overflow: hidden;}
.proCon_list .list2 ul li .pic img{position: absolute; top:50%;-webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; transition: 0.5s;}
.proCon_list .list2 ul li:hover .pic img{-webkit-transform: translateY(-50%) scale(1.02);transform: translateY(-50%) scale(1.02);}
.proCon_list .list2 ul li .title{font-size: 16px; color: #333; line-height: 30px; height: 60px; text-align: center; margin-top: 10px; overflow: hidden;}
.proCon_list .list2 ul li:hover .title{color: #85b2c5;}

@media(max-width:1500px){
	.pro_menu{
		margin-left: 0; 
		left: 0; 
		width: 27%;
	}
	.pro_menu .box{
		width: 100%; 
		padding-left: 5%;
	}
	.proCon_tit .tit, .pro_menu .tip{
		font-size: 30px;
	}
}
@media (max-width: 1200px){
	.proCon_tit .tit, .pro_menu .tip {
	    font-size: 24px;
	}
	.pro_menu .list>ul>li .title {
	    font-size: 20px;
	}
	.proCon_tit .proCon_search .text{
		width: -moz-calc(100% - 80px);
		width: -webkit-calc(100% - 80px);
		width: calc(100% - 80px);
	}
}
@media (max-width: 1000px){
	.pro_menu .list>ul>li .title {
	    font-size: 16px;
	}
	.pro_menu .list dl dd>a, .pro_menu .list>ul>li .title {
	    padding-right: 45px;
	}
	.proCon_tit .tit{
		width: 50%;
	}
	.pro_menu .list>ul>li{padding: 30px 0;}
	.pro_menu .list dl dd>a,
	.pro_menu .list>ul>li .title{padding-right: 45px;}
	.pro_menu .list dl dd>a i{right: 27px;}
	.pro_menu .list>ul>li .title i{right: 20px;}
}
@media (max-width: 969px){
    .fang .img{
        width: 65%;
    }
    .pro_content{
        min-height: auto;
    }
}
@media (max-width: 768px){
	.pro_content{padding-top: 30px; padding-bottom: 30px; display: flex;flex-wrap:wrap;}
	.pro_content .pro_menu{order: 1;margin-right: 0;}
	.pro_content .proCon_list{order: 0;}
	.pro_menu .box{padding-top: 30px;}
	.pro_menu .tip{padding: 0 20px;}
	.pro_menu .list{margin-top: 2%;}
	.pro_menu{position: relative; width: 100%; margin-top: 50px;}
	.pro_menu .list dl dd>a{padding: 10px 10px 10px 20px;}
	.pro_menu .list>ul>li:before{width: 100%;}
	.pro_menu .box{padding-left: 0;}
	.pro_menu .list>ul>li{padding: 10px 0;}
	.pro_menu .list>ul>li .title{padding-left: 20px; padding-right:50px;line-height: 30px;}	    
	.pro_menuSub ul li{padding: 0 20px;}
	.proCon_list{width: 100%; margin-top: 20px;}	    
	.proCon_tit .tit, .pro_menu .tip{font-size: 18px;}
	.pro_list>ul>li>.title{font-size: 18px;}
}
@media (max-width: 640px){
	.proCon_tit .tit{width: 100%;}
	.proCon_tit .proCon_search{width: 100%; margin-top: 10px;}
	.proCon_list .list ul li .pic{width: 100%; padding-bottom: 69%;}
	.proCon_list .list ul li .right{margin-top: 20px; width: 100%;}
	.proCon_list .list ul li .title{font-size: 20px;}
	.proCon_list .list ul li .txt{font-size: 14px; line-height: 24px;}	    
	.proCon_list .list2{margin-top: 20px;}
	.proCon_list .list2 ul li {width: 48%; margin-top: 20px;}
	.proCon_list .list2 ul li .title{font-size: 14px; line-height: 24px; height: 50px; overflow: hidden;}
}





.pro_return1{    float: left;
    border-radius: 3px;
    font-size: 16px;
    color: #999;
    padding-left: 30px;
    position: relative;
    margin-top: 40px;
    border: 1px solid #ddd;
    padding: 10px 0;
    width: 120px;
    text-align: center;
    text-indent: 1rem;}
.pro_return1:before{content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 7px;
    background: url(../images/return.png) 0 0 no-repeat;
    background-size: contain;}
.pro_return1:hover{color: #001e57;}
.pro_info_T{padding: 60px 0; border-top: 1px solid #f0f0f0; background: #f9f9f9;}
.pro_info_T .left{width: 46.5%; float: left;}
.pro_info_T .left .box{border: 1px solid #dddddd; background: #fff;}
.pro_info_T .left .big {overflow: hidden;}
.pro_info_T .left .big .pic{padding-bottom: 469px; background: #fff;position:relative;}
.pro_info_T .left .big .pic img{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0;}
.pro_info_T .left .big .big-pagination{display: none;}
.pro_info_T .left .min_pic{padding: 30px 50px; border-top: 1px solid #dddddd; position: relative; background: #fff; position: relative;} 
.pro_info_T .left .min_pic .prev{width: 18px; height: 28px; position: absolute; left: 17px; top: 50%; transform: translateY(-50%); background: url(../images/pro_arrowL.png) 0 0 no-repeat; background-size: contain; outline: none;}
.pro_info_T .left .min_pic .prev:hover{ background: url(../images/pro_arrowL2.png) 0 0 no-repeat; background-size: contain;}
.pro_info_T .left .min_pic .next{width: 18px; height: 28px; position: absolute; right: 17px; top: 50%; transform: translateY(-50%); background: url(../images/pro_arrowR.png) 0 0 no-repeat; background-size: contain; outline: none;} 
.pro_info_T .left .min_pic .next:hover{background: url(../images/pro_arrowR2.png) 0 0 no-repeat; background-size: contain;}
.pro_info_T .left .min {overflow: hidden;}
.pro_info_T .left .min ul li{width: 25%;   float: left; cursor: pointer;}
.pro_info_T .left .min ul li .pic{padding-bottom: 88px; transition: 0.5s; position: relative; margin: 1px;}
.pro_info_T .left .min ul li .pic:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #dddddd; box-sizing: border-box; transition: 0.5s;}
.pro_info_T .left .min ul li .pic img{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0;}
.pro_info_T .left .min ul li:hover .pic:before{border: 3px solid #001e57;}
.pro_info_T .left .min ul li.on .pic:before{/*border: 3px solid #001e57;*/}


.pro_info_T .right{width: 50%; float: right;}
.pro_info_T .right .title{font-family: "MyriadPro-Bold"; font-size: 30px; color: #333; line-height: 40px; margin-top: 5%;}
.pro_info_T .right .text{margin-top: 40px; border-top: 1px solid #dddddd;}
.pro_info_T .right .text .txt{font-size: 16px; color: #666; margin-top: 40px; line-height: 30px;}
.pro_info_T .right .text .txt1{color: #666;}
.pro_info_T .right .box_btn{margin-top: 50px;}
.pro_info_T .right .box_btn>.btn{width: 240px; height: 60px; line-height: 48px; color: #fff!important; background: url(../images/btn1.png) 0 0 no-repeat; display: block; float: left; text-align: center; font-size: 18px;  background-size: contain;}
.pro_info_T .right .box_btn>.btn.btn1{background: url(../images/btn2.png) 0 0 no-repeat; background-size: contain;}
.pro_info_T .right .box_btn>.btn img{height: 20px; margin-right: 15px;}

.pro_info{padding: 98px 0 80px 0;}
.pro_info .left{width: 100%; float: left;}
.pro_info .right{width: 100%; float: right;}

.pro_info .tab{border-bottom: 2px solid #001e57;}
.pro_info .tab ul li{width: 175px; height: 56px; line-height: 56px; float: left; font-size: 18px; color: #666; text-align: center; cursor: pointer;}
.pro_info .tab ul li:hover,
.pro_info .tab ul li.on{background: #001e57; color: #fff;}
.pro_info .tab ul li:first-child.on{background: url(../images/con_tab1.png) 0 100% no-repeat; background-size: cover;}
.pro_info .tab ul li:first-child:hover{background: url(../images/con_tab1.png) 0 100% no-repeat; background-size: cover;}

.pro_info .con_tab .box_text{padding-top: 35px; line-height: 30px; font-size: 16px; color: #666; display: none;}

.pro_info .con_tab .box_text img{
    width: auto;
}
.pro_info .right .tip{font-family: "MyriadPro-Bold"; font-size: 18px; min-height: 58px; padding: 10px 0; color: #666; border-bottom: 2px solid #dddddd;}
.pro_info .right .list{padding-top: 25px;}
.pro_info .right ul li span{display: block;}
.pro_info .right ul li {margin-top: 15px;}
.pro_info .right ul li .pic{border: 1px solid #dddddd;overflow: hidden;}
.pro_info .right ul li .pic img{width: 100%;-webkit-transition: all .3s linear;transition: all .3s linear;}
.pro_info .right ul li .title{text-align: center; font-size: 16px; line-height: 30px; margin-top: 15px; color: #333;}
.pro_info .right ul li:hover .pic img{-webkit-transform: scale(1.02);transform: scale(1.02);}


.f-search form{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.f-search form a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 77px;
    height: 42px;
    background: url(../images/search_btn.png) 0 0 no-repeat;
    background-size: 100% 100%;
    outline: none;
    border: none;
}
.f-search form a img{
    width: 20px;
}
.f-fenxinag{
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
}
.f-fenxinag .fenhover1{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: auto;
    border: 1px solid #ddd;
    display: none;
    background-color: #fff;
}
.f-fenxinag .fenhover1 a{
    display: block;
    color: #666;
    font-size: 16px;
    padding: 5px 0;
    text-align: left;
    padding-left: 20px;
}
.f-fenxinag .fenhover1 a:nth-child(2) i img{
    width: 20px;
}
.f-fenxinag2 .fenhover1 a:nth-child(2) i img{
    width: 18px;
}
.f-fenxinag:hover .fenhover1{
    display: block;
}
.f-fenxinag2 .fenhover1{
    width: 200%;
}
.f-fenxinag2 .fenhover1 a i{
    width: 20px!important;
    height: auto!important;
    display: block;
}
.f-fenxinag2 .fenhover1 a i img{
    width: 100%;
    float: left;
}
.f-fenxinag2 .fenhover1 a:nth-child(2) i{
    width: 18px;
}
.f-fenxinag2 .fenhover1 a{
    display: block!important;
}
.f-fenxinag .fenhover1 a i{
    margin-right: 10px;
    display: inline-block!important;
}
.f-fenxinag .fenhover1 a i img{
    width: 24px;
    height: auto!important;
}
.f-fenxinag .fenhover1 a:hover{
    background-color: #b7b7b7;
    color: #fff;
}
.f-fenxinag .fenhover1 a:hover i{
    -webkit-filter: brightness(100);
    filter: brightness(100);
}
.container1{
    max-width: 1160px;
    width: 92%;
    margin: auto;
}

.popupsbox {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  display: none;
}
.popupsbox .bag {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.popupsbox .form {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 50px 45px;
  background-color: #fff;
  border: 3px solid #86b2c6;
  margin: 0 auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  border-radius: 8px;
  width: 32%;
}
@media (max-width: 1440px) {
  .popupsbox .form {
    width: 40%;
  }
}
@media (max-width: 1199px) {
  .popupsbox .form {
    width: 50%;
    padding: 40px 35px;
  }
}
@media (max-width: 991px) {
  .popupsbox .form {
    width: 60%;
    padding: 30px 25px;
    border: 2px solid #86b2c6;
  }
}
@media (max-width: 767px) {
  .popupsbox .form {
    width: 90%;
    padding: 20px 15px;
  }
}
.popupsbox .form .shut {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .popupsbox .form .shut {
    width: 15px;
    height: 15px;
  }
}
.popupsbox .form .shut img {
  width: 100%;
}
.popupsbox .form .tit {
  font-size: 30px;
  text-align: center;
  margin-bottom: 25px;
}
@media (max-width: 991px) {
  .popupsbox .form .tit {
    font-size: 26px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .popupsbox .form .tit {
    font-size: 24px;
    margin-bottom: 15px;
  }
}
.popupsbox .form form {
  width: 100%;
}
.popupsbox .form form .item {
  width: 100%;
  background-color: #f5f5f5;
  border-radius: 3px;
  border: 1px solid #ddd;
  position: relative;
  margin-bottom: 20px;
}
.popupsbox .form form .item .hover1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.popupsbox .form form .item .hover1 span {
  color: #ff1f1f;
}
.popupsbox .form form .item .hover1,
.popupsbox .form form .item input {
  padding: 15px 20px;
  width: 100%;
}
@media (max-width: 767px) {
  .popupsbox .form form .item .hover1,
  .popupsbox .form form .item input {
    padding: 15px 15px;
  }
}
.popupsbox .form form .item input {
  position: relative;
  z-index: 2;
}
@media (max-width: 991px) {
  .popupsbox .form form .item {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .popupsbox .form form .item {
    margin-bottom: 10px;
  }
}
.popupsbox .form form button {
  width: 100%;
  background-color: #86b2c6;
  color: #fff;
  border-radius: 3px;
  padding: 23px 20px;
  border: none;
  outline: none;
  font-size: 16px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .popupsbox .form form button {
    padding: 18px 15px;
  }
}
.f_proinfo .left .con_tab .box_text .item {
  display: flex;
  width: 100%;
  color: #666666;
  font-size: 16px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .f_proinfo .left .con_tab .box_text .item {
    margin-bottom: 15px;
  }
}
.f_proinfo .left .con_tab .box_text .item p {
  margin: 0;
  width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .f_proinfo .left .con_tab .box_text .item p {
    width: 65%;
  }
}
.f_proinfo .left .con_tab .box_text .item:hover {
  color: #86b2c6;
}
.f_proinfo .left .con_tab .box_text .list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .f_proinfo .left .con_tab .box_text .list {
    margin-bottom: 15px;
  }
}
.f_proinfo .left .con_tab .box_text .list p {
  margin: 0;
  width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.f_proinfo .left .con_tab .box_text .list strong {
  font-weight: 500;
}
@media (max-width: 767px){
  .f_proinfo .left .con_tab .box_text .list strong {
    display: none;
  }
}
@media (max-width: 991px){
  .f_proinfo .left .con_tab .box_text .list span {
    display: none;
  }
}
.f_proinfo .left .con_tab .box_text .list a {
  background-image: url(../images/down1.png);
  background-position: center 40%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  display: block;
  width: 72px;
  height: 32px;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.f_proinfo .left .con_tab .box_text .list a:hover {
  background-color: #001e57;
  background-image: url(../images/down1-2.png);
}



.news_b{overflow: hidden; padding-bottom: 80px;}
.news_b ul{margin-right: -1%;}
.news_b ul li{width: 49%; margin-right: 1%; float: left; position: relative;}
.news_b ul li a{display: block; width: 100%; height: 100%;}
.news_b ul li a:before{content: ""; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); position: absolute; transition: 0.5s;}
.news_b ul li img{width: 100%;}
.news_b ul li .title{position: absolute; width: 50%; height: 98px;  left: 25%; text-align: center; line-height: 98px; top: 50%; transform: translateY(-50%); color: #fff; font-size: 48px;font-family: "inherit";font-weight: bold; } 
.news_b ul li:hover a:before{background: rgba(0,0,0,0.3);}

@media (max-width: 1200px){
	.pro_info_T .right .box_btn>.btn {
	    width: 200px;
	    height: 50px;
	    line-height: 38px;
	    color: #fff!important;
	}
	.pro_info .tab ul li{
		width: 25%;
	}
	.news_b ul li .title{
		font-size: 30px;
	}
}
@media (max-width: 1024px){
	.pro_info .tab ul{
		width: 100%;
		font-size: 0;
		text-align: center;
		overflow-x: scroll;
	    overflow-y: hidden;
	    white-space: nowrap;
	}
	.pro_info .tab ul::-webkit-scrollbar{
	    width:0px;
	    height:0px;
	}
	.pro_info .tab ul::-webkit-scrollbar-button{
	    background-color:rgba(0,0,0,0);
	}
	.pro_info .tab ul::-webkit-scrollbar-track{
	    background-color:rgba(0,0,0,0);
	}
	.pro_info .tab ul::-webkit-scrollbar-track-piece{
	    background-color:rgba(0,0,0,0);
	}
	.pro_info .tab ul::-webkit-scrollbar-thumb{
	    background-color:rgba(0,0,0,0);
	}
	.pro_info .tab ul::-webkit-scrollbar-corner{
	    background-color:rgba(0,0,0,0);
	}
	.pro_info .tab ul::-webkit-scrollbar-resizer{
	    background-color:rgba(0,0,0,0);
	}
	.pro_info .tab ul::-webkit-scrollbar{
	    width:0px;
	    height:0px;
	}
	.pro_info .tab ul li{
		float: none;
		display: inline-block;
		min-width: 25%;
		width: auto;
		overflow: hidden;
		padding-left: 10px;
		padding-right: 10px;
		-moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	    box-sizing: border-box;
	}
}
@media (max-width: 1000px){
	.pro_return1{float: none; margin-top: 20px; display: inline-block;}   
	.pro_info_T .right .text{margin-top: 20px;}
	.pro_info_T .right .text .txt{line-height: 24px; margin-top: 20px;}
	.pro_info_T .right .box_btn>.btn{width: 148px; height: 40px; line-height: 28px; font-size: 16px;}
	    
	.pro_info .right ul li .title{font-size: 14px; line-height: 24px;}
}
@media (max-width: 768px){
	.pro_info_T .left {
	    width: 100%;
	}
	.pro_info_T .right {
	    width: 100%;
	    margin-top: 20px;
	}
	.pro_info_T .right .title{font-size: 24px;}    
	.pro_info{padding: 30px 0;}
	.pro_info .left{width: 100%;}
	.pro_info .right{width: 100%; margin-top: 40px;}	   
	.pro_info .right ul {margin-right: -2%; overflow: hidden; }
	.pro_info .right ul li{width: 48%; margin-right: 2%; float: left;}
	.pro_info .right ul li .title{height: 50px; overflow: hidden;}
	
	.news_b ul li{width: 100%; margin-top: 10px;}
}
@media (max-width: 640px){
	
	.pro_info_T{padding: 30px 0;}
	.pro_info_T .left .min_pic{padding: 20px 40px;}
	.pro_info_T .left .big .pic{padding-bottom: 60%;}
	.pro_info_T .right .title{font-size: 20px; line-height: 24px;}
	    
	.pro_info_T .right .box_btn>.btn img{margin-right: 5px;}
	.pro_info .right ul li{width: 98%;}
	

	.pro_info .tab ul li {
	    font-size: 14px;
	    height: 40px;
	    line-height: 40px;
	}
	.news_b {
	    padding-bottom: 30px;
	}
	.news_b ul li .title {
	    font-size: 20px;
	    height: 47px;
	    line-height: 47px;
	}
}


/*20210525*/
.addnum{
	margin-bottom: 5%;
}
.addnum ul li{
	float: left;
	width: 20%;
	text-align: center;
}
.addnum ul li .t1{
	font-family: "Hind Madurai";
	color: #001e57;
	font-size: 30px;
	line-height: 1.1;
}
.addnum ul li .t1 .timer{
	font-family: "Hind Madurai";
	color: #001e57;
	font-size: 50px;
}
.addnum ul li .t2{
	font-family: "microsoft yahei";
	color: #001e57;
	font-size: 20px;
}
.footer-nav ul{
	width: 100%;
	overflow: hidden;
}
.addsite{
	color: #a3a3a3;
    font-size: 14px;
    line-height: 2;
    margin-top: 30px;
    overflow: hidden;
}
.addsite .siteli{
	float: left;
	margin-right: 10%;
}
.addsite .siteli:last-child{
	margin-right: 0;
}
@media only screen and (max-width: 1366px){
	/*.addnum ul li .t1{
		font-size: 32px;
	}
	.addnum ul li .t1 .timer{
		font-size: 60px;
	}*/
	.addnum ul li .t2{
		font-size: 18px;
	}
}
@media only screen and (max-width: 1200px){
	.footer .box .footer-nav{
		display: block;
		width: 100%;
	}
	.footer .box .footer-nav ul{
		display: none;
	}
	.footer .box .footer-nav ul li{
		float: none;
		margin-bottom: 5px;
	}
	.footer .box .footer-nav ul li:last-child{
		margin-bottom: 0;
	}
	.footer .box .footer-nav .addsite{
		display: block;
	}
}
@media only screen and (max-width: 1024px){
	.addnum ul li .t1{
		font-size: 26px;
	}
	.addnum ul li .t1 .timer{
		font-size: 45px;
	}
	.addnum ul li .t2{
		font-size: 16px;
	}
}
@media only screen and (max-width: 768px){
	.addbox .addnum .container{
		padding-left: 15px;
		padding-right: 15px;
	}
	.addnum ul li .t1{
		font-size: 22px;
	}
	.addnum ul li .t1 .timer{
		font-size: 40px;
	}
}
@media only screen and (max-width: 640px){
	.addnum ul{
		font-size: 0;
		text-align: center;
	}
	.addnum ul li{
		float: none;
		display: inline-block;
		vertical-align: top;
		width: 33.33%;
		margin: 20px auto;
	}
	.addnum ul li .t1{
		font-size: 20px;
	}
	.addnum ul li .t1 .timer{
		font-size: 24px;
	}
	.addnum ul li .t2{
		font-size: 15px;
	}
}

.case ul{
	font-size: 0;
}
.case ul li{
	float: none;
	display: inline-block;
	vertical-align: top;
}

/*** 

====================================================================
				Call To Action								
====================================================================

***/
.auto-container{
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}
.call-to-action{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 25px 0;
}

.call-to-action:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-repeat: repeat;
	background-image: url(/images/pattern.png);
	content: "";
}

.call-to-action .title{
	position: relative;padding-top: 40px;
	padding-bottom: 20px;
	margin-bottom: 32px;
}

.call-to-action .title:Before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 3px;
	width: 80px;
	background-color: #df6512;
	content: '';
}

.call-to-action .title h2{
	display: block;
	font-size: 36px;
	line-height: 1.2em;
	color: #001e57;
	font-weight: 700;
}

.call-to-action .text{
	display: block;
	font-size: 15px;
	line-height: 30px;
	color: #001e57;
	font-weight: 700;
}

.call-to-action .btn-box{
	position: relative;
	padding-top: 50px;
}

.call-to-action .btn-box a{
	padding: 18px 50px;
	font-weight: 600;
	font-size: 15px;
}
/*** 

====================================================================
				Call Back Section
====================================================================

***/

.call-back-section{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.call-back-section:before,
.call-back-section:after{
	position: relative;
	display: block;
	height: 60px;
	width: 100%;
	background-color: #ffffff;
	content: "";
	z-index: 1;
}

.call-back-section .outer-box{
	position: relative;
	z-index: 5;
}

.call-back-section .outer-box:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #e6e6e6;
	opacity: .90;
	content: "";
}

.call-back-section .content-column .inner-column{
	position: relative;
	text-align: right;
	padding:110px 0;
	padding-right: 100px;
}

.call-back-section .content-column h3{
	position: relative;
	font-size: 36px;
	line-height: 60px;
	color: #001e57;
	font-weight: 600;
	padding-bottom: 22px;
	margin-bottom: 35px;
}

.call-back-section .content-column h3:before{
	position: absolute;
	right: 0;
	bottom: 0;
	height: 3px;
	width: 80px;
	background-color: #ff9f14;
	content: "";
}

.call-back-section .content-column .text{
	position: relative;
	font-size: 18px;
	line-height: 36px;
	color: #002222;
	font-weight: 400;
}

.call-back-section .form-column .inner-column:before{
	position: absolute;
	left: -50px;
	top: 0;
	border-left: 50px solid transparent;
	border-bottom: 60px solid #001e57;
	content: "";
}

.call-back-section .form-column .inner-column{
	position: relative;
	margin: -60px 0;
	background-color: #ff9f14;
}

.appointment-form{
	position: relative;
	padding: 50px 40px 40px;
	text-align: center;
}

.appointment-form h3{
	position: relative;
	font-size: 33px;
	line-height: 1.2em;
	color: #001e57;
	font-weight: 700;
	margin-bottom: 25px;
}

.appointment-form .form-group{
	position:relative;
	margin-bottom:15px;	
}

.appointment-form .form-group input[type="text"],
.appointment-form .form-group input[type="email"],
.appointment-form .form-group input[type="tel"],
.appointment-form .form-group input[type="url"],
.appointment-form .form-group textarea,
.appointment-form .form-group select{
	position: relative;border:1px #333 solid;
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    padding: 20px 30px;
    width: 100%;
    height: 60px;
    background-color: #ffffff;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.appointment-form .form-group textarea{
	height: 170px;
	resize: none;
	margin-bottom: 25px;
}

.appointment-form .form-group input[type="submit"],
.appointment-form button{
    padding: 20px 30px;
    display: block;
    width: 100%;
    margin-top: 10px;
}

.call-back-section.style-two{
	z-index: 99;
}

.call-back-section.style-two .outer-box:before{
	background-color: #001e57;
}

.call-back-section.style-two .content-column .text,
.call-back-section.style-two .content-column h3{
	color: #ffffff;
}

.call-back-section.style-two .appointment-form h3{
	margin-bottom: 35px;
}

/*** 

====================================================================
	Appointment Section
====================================================================

***/

.appointment-section{
	position:relative;
	padding:100px 0px 70px;
	background-size:cover;
	background-attachment:fixed;
	background-position:center center;
}

.appointment-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background-color:rgba(0,0,0,0.60)
}

.appointment-section .content-column{
	position:relative;
	margin-bottom:40px;
}

.appointment-section .content-column .inner-column{
	position:relative;
	padding-right:20px;
	text-align:right;
}

.appointment-section .content-column .inner-column h2{
	position:relative;
	font-weight:600;
	color:#ffffff;
	font-size:32px;
	line-height:1.4em;
	padding-bottom:25px;
	margin-bottom:30px;
}

.appointment-section .content-column .inner-column h2:after{
    position: absolute;
    content: '';
    right: 0px;
    bottom: 0px;
    width: 70px;
    height: 2px;
    background-color: #e5ae58;
}

.appointment-section .content-column .inner-column .text{
	position:relative;
	color:#ffffff;
	font-size:16px;
	line-height:1.8em;
}

.appointment-section .form-column{
	position:relative;
}

.appointment-section .form-column .inner-column{
	position:relative;
	padding-left:20px;
}

/*** 

====================================================================
	Default Form
====================================================================

 ***/

.default-form{
	position:relative;
}

.default-form .form-group{
	position:relative;
	margin-bottom:20px;
}

.default-form .form-group input[type="text"],
.default-form .form-group input[type="tel"],
.default-form .form-group input[type="email"],
.default-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 30px;
	color:#000000;
	border:1px solid #ececec;
	height:50px;border-radius:3px;
	background:#ffffff;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.default-form .form-group input[type="text"]:focus,
.default-form .form-group input[type="tel"]:focus,
.default-form .form-group input[type="email"]:focus,
.default-form .form-group textarea:focus{
	border-color:#fe9901;
}

.default-form .form-group textarea{
	position:relative;border-radius:3px;
	display:block;
	width:100%;
	line-height:24px;
	padding:8px 30px;
	color:#000000;
	border:1px solid #ececec;
	height:180px;
	background:#ffffff;
	resize:none;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.default-form button{
	padding:13px 42px;
	margin-top:10px;
}
/*Btn Style One*/

.btn-style-one{
	position:relative;<strong></strong>
	line-height:24px;
	color:#ffffff;
	font-size:16px;
	font-weight:600;
	background:#df6512;
	display:inline-block;
	padding:11px 22px;
	border-radius:3px;
	text-transform:capitalize;
	
}

.btn-style-one:hover{
	opacity:0.75;
	color:#ffffff;
}
.btn-style-one{
	background-color:#df6512;
}

/*** 

====================================================================
					News Section
====================================================================

***/

.news-section{
	position: relative;
	padding: 125px 0 70px;
}

.news-section.alternate{
	padding: 130px 0;
}

.news-block{
	position: relative;padding-left: 30px;padding-right: 30px;
	margin-bottom: 60px;
}

.news-block .inner-box{
	position: relative;
}

.news-block .image-box{
	position: relative;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border-radius: 10px;
	overflow: hidden;
}

.news-block .image-box .date{
	position: absolute;
	right: 10px;
	bottom: 10px;
	line-height: 15px;
	padding: 10px 20px;
	font-size: 14px;
	color: #ffffff;
	background-color: #ff9f14;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block .inner-box:hover .image-box .date{
	background-color: #222222;
}

.news-block .image-box a{
	display: block;
}

.news-block .image-box img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.news-block .inner-box:hover .image-box img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.news-block .content-box{
	position: relative;
	padding: 35px 0 12px;
	border-bottom: 1px solid #ebebeb;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block .inner-box:hover .content-box{
	border-bottom: 1px solid #222222;
}

.news-block .content-box h3{
	position: relative;min-height: 90px;overflow: hidden;
	display: block;
	font-size: 18px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 700;
	margin-bottom: 5px;
}

.news-block .content-box h3 a{
	color: #222222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block .inner-box:hover .content-box h3 a{
	color: #ff9f14;
}

.news-block .content-box .info{
	position: relative;
	margin-bottom: 25px;
}

.news-block .content-box .info li{
	position: relative;
	display: inline-block;
	font-size: 14px;
	color: #ff9f14;
	line-height: 24px;
	font-weight: 400;
	font-style: italic;
}

.news-block .content-box .info li a{
	color: #ff9f14;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block .content-box .info li a:hover{
	color: #222222;
}

.news-block .content-box .text{
	position: relative;
	font-size: 15px;
	line-height: 25px;min-height: 130px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 35px;
}

.news-block .content-box .link-box{
	position: relative;
	display: block;
}

.news-block .content-box .link-box a{
	display: inline-block;
	font-size: 15px;
	line-height: 20px;
	color: #222222;
	font-weight: 600;
	font-family: "Raleway", sans-serif;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block .content-box .link-box a:hover{
	color: #ff9f14;
}

.news-section .styled-pagination{
	margin-top: 20px;
}

.box_btn .theme-btn{
	padding: 17px 45px;
	font-weight: 500;
}

/*Btn Style Two*/

.btn-style-two{
	position:relative;
	line-height:24px;
	color:#ffffff;
	font-size:16px;
	font-weight:600;
	background:#df6512;
	display:inline-block;
	padding:10px 35px 8px;
	border-radius:20px;
	text-transform: capitalize;
	font-family: 'Montserrat', sans-serif;
}

.btn-style-two:hover{
	background:#e5ae58;
	color:#ffffff;
	border-bottom-color:rgba(0,0,0,0.10);
}
.theme-btn{
	display:inline-block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

/*** 

====================================================================
			Page Title Style Two
====================================================================

***/

.page-banner.style-two{
	position:relative;
	padding: 110px 0 80px;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
}


/*** 

====================================================================
			Page Title
====================================================================

***/

.page-banner{
	position:relative;
	padding: 115px 0;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
}

 .page-banner:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content:'';
	background-image: -ms-linear-gradient(left, rgba(0,18,52,0.95) 0%, rgba(255,255,255,0) 100%);
	background-image: -moz-linear-gradient(left, rgba(0,18,52,0.95) 0%, rgba(255,255,255,0) 100%);
	background-image: -o-linear-gradient(left, rgba(0,18,52,0.95) 0%, rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,18,52,0.95)), color-stop(100, rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(left, rgba(0,18,52,0.95) 0%, rgba(255,255,255,0) 100%);
	background-image: linear-gradient(to right, rgba(0,18,52,0.90) 55%, rgba(255,255,255,0) 100%);
	z-index:0;
}

.page-banner .inner-container{
	position: relative;
	z-index:5;
}

.page-banner h1{
	position:relative;
	font-size:52px;
	color:#ffffff;
	line-height: 1.3em;
	font-weight: 700;
}

.page-banner .bread-crumb {
	position: relative;
	padding: 10px 0px;
}

.page-banner .bread-crumb li{
	position: relative;
	float: left;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	text-transform: capitalize;
	cursor: default;
	padding-right:  15px;
	margin-right: 12px;
}

.page-banner .bread-crumb li:before{
	position: absolute;
	right: -3px;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
    content: "\f105";
	font-weight:800;
    font-family: "FontAwesome";
}

.page-banner .bread-crumb li:last-child{
	padding-right: 0;
	margin-right: 0;
}

.page-banner .bread-crumb li:last-child:before{
	display: none;
}

.page-banner .bread-crumb li a{
	color:#df6512;
	font-weight: 400;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.page-banner .bread-crumb li a:hover{
	color:#ffffff;	
}


/*** 

====================================================================
	Contact Page Section
====================================================================

***/

.contact-page-section{
	position:relative;
	padding:100px 0px 50px;
}

.contact-page-section .info-column{
	position:relative;
	margin-bottom:40px;
}

.contact-page-section .info-column .inner-column{
	position:relative;
	margin-right:-20px;
	padding:50px 35px 45px;
	background-color:#df6512;
	-webkit-box-shadow:0px 0px 45px rgba(0,0,0,0.20);
	-ms-box-shadow:0px 0px 45px rgba(0,0,0,0.20);
	box-shadow:0px 0px 45px rgba(0,0,0,0.20);
}

.contact-page-section .info-column .inner-column .title-box{
	position:relative;
}

.contact-page-section .info-column .inner-column .title-box h3{
	position:relative;
	color:#ffffff;
	font-size:32px;
	font-weight:700;
	line-height:1.3em;
}

.contact-page-section .info-column .inner-column .title-box .title-text{
	position:relative;
	font-size:16px;
	font-weight:400;
	line-height:1.5em;
	margin-top:8px;
	margin-bottom:30px;
	color:rgba(255,255,255,0.80);
}

.contact-page-section .info-column .inner-column .social-links{
	position:relative;
}

.contact-page-section .info-column .inner-column .social-links li{
	position:relative;
	margin-right:4px;
	margin-bottom:5px;
	display:inline-block;
}

.contact-page-section .info-column .inner-column .social-links li a{
	position:relative;
	color:#ffffff;
	width:45px;
	height:45px;
	border-radius:2px;
	display:inline-block;
	text-align:center;
	line-height:43px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	border:1px solid rgba(255,255,255,0.30);
}

.contact-page-section .info-column .inner-column .social-links li a:hover{
	color:#df6512;
	border-color:#ffffff;
	background-color:#ffffff;
}

/* Contact Info List */

.contact-info-list{
	position:relative;
}

.contact-info-list li{
	position:relative;
	margin-bottom:30px;
	font-size:16px;
	min-height:50px;
	line-height:1.8em;
	padding-left:50px;
	color:rgba(255,255,255,0.80);
}

.contact-info-list li strong{
	font-weight:700;
	font-size:18px;
	display:block;
}

.contact-info-list li .icon{
	position:absolute;
	left:0px;
	top:8px;
	font-size:26px;
	line-height:1em;
}

.contact-page-section .form-column{
	position:relative;
}

.contact-page-section .form-column .inner-column{
	position:relative;
	padding-left:60px;
}

.contact-page-section .form-column .inner-column .row{
	margin:0px -11px;
}

.contact-page-section .form-column .inner-column .contact-form .form-group{
	padding:0px 10px;
}

/* Contact Form */

.contact-form{
	position:relative;
	margin-bottom:30px;
}

.contact-form .form-group{
	position:relative;
	margin-bottom:22px;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	color:#a5a5a5;
	line-height:26px;
	padding:10px 28px;
	height:60px;
	font-size:14px;
	border-radius:2px;
	background:#f3f5f9;
	border:1px solid transparent;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
	border-color:#df6512;
}

.contact-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:26px;
	padding:10px 28px;
	color:#a5a5a5;
	height:200px;
	font-size:14px;
	resize:none;
	border-radius:2px;

	background:#f3f5f9;
	border:1px solid transparent;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
	border-color:#ff0000 !important;	
}

.contact-form label.error{
	display:block;
	line-height:24px;
	padding:5px 0px 0px;
	margin:0px;
	text-transform:uppercase;
	font-size:12px;
	color:#ff0000;
	font-weight:500;	
}

/*** 

====================================================================
		Section Title
====================================================================

***/

.sec-title{
	position:relative;
	z-index: 1;
	margin-bottom:35px;
}

.sec-title .title{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 24px;
	color: #afafaf;
	font-weight: 400;
	text-transform: capitalize;
	margin-bottom: 10px;
}

.sec-title h2{
	position: relative;
	display: block;
	font-size:30px;
	line-height: 1.2em;
	color: #001e57;
	font-weight: 800;
	padding-bottom:25px;
}

/*.sec-title h2:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:120px;
	height:1px;
	background-color:#df6512;
}

.sec-title h2:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:40px;
	height:1px;
	background-color:#001e57;
}*/

.sec-title.light h2{
	color: #ffffff;
}

.sec-title.light h2:after{
	background-color:#ffffff;
}

.sec-title.centered{
	text-align:center;
}

.sec-title.centered h2:before{
	left:50%;
	margin-left:-60px;
}

.sec-title.centered h2:after{
	left:50%;
	margin-left:-60px;
}


/*** 

====================================================================
				Error Page
====================================================================

***/

.error-section{
	position:relative;
	text-align:center;
	padding:190px 0px 200px;
}

.error-section .error-image{
	position: relative;
	text-align:center;
	margin-bottom: 50px;
}

.error-section .error-image .image{
	position:relative;
	max-width:100%;
	display:inline-block;
}

.error-section h2{
	position:relative;
	font-size:60px;
	line-height:1.2em;
	color:#ff9f14;
	font-weight:700;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.error-section .text{
	font-size:18px;
	color:#777777;
	font-weight:400;
	line-height: 1.2em;
	margin-bottom:50px;
}

.error-section .theme-btn{
	font-weight: 700;
	padding: 15px 55px;
	font-size: 20px;
	line-height: 30px;
}

/*-------------------------------
			scrollsidebar end
			----------------------------------*/

/*inquiry*/
.inquiry-pop-bd {
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -300px 0 0 -275px;
    width: 550px;
    height: 500px;
    background: #FFF;
    box-shadow: 0 0 10px rgba(255, 255, 255, .5);
    display: none;
    z-index: 2000;
}
.inquiry-pop-bd:before {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .7);
    z-index: -1;
}
.inquiry-pop-bd .inquiry-pop {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 22px;
    z-index: 1;
    background: #FFF;
    -webkit-animation: fadeInDownA .4s ease;
    -o-animation: fadeInDownA .4s ease;
    animation: fadeInDownA .4s ease;
}
.inquiry-pop-bd .inquiry-pop .ico-close-pop {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 30px;
    height: 30px;
    background: url(../images/fancy_close.png) no-repeat center center;
    cursor: pointer;
    z-index: 1;
}
.inquiry-form-wrap {
    position: relative;
    height: 420px;
    width: 100.5%;
}
.ad_prompt {
    position: absolute;
    display: block;
    top: 50%;
    left: 0;
    width: 100%;
    line-height: 40px;
    margin: -20px 0 0;
    text-align: center;
    color: #ff6f00;
    font-size: 20px;
    -webkit-animation: twinkling 1s infinite ease-in-out;
    animation: twinkling 1s infinite ease-in-out;
    display: none;
}
@media screen and (max-width:550px) {
    .inquiry-pop-bd {
        width: auto;
        left: 10px;
        right: 10px;
        top: 10px;
        bottom: 10px;
        margin: auto;
    }
    
    .inquiry-pop-bd .inquiry-pop {
        padding: 10px;
    }
    
    .scrollsidebar {
        display: none;
    }
}


