@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'Titillium Web';
	src: url('../fonts/TitilliumWeb-Regular.ttf') format('truetype');
}
body, p, h1, h2, h3, h4, h5, h6 {
	font-family: "Microsoft YaHei", 微软雅黑, STHeiti !important;
	margin: 0;
	padding: 0;
}
a:hover {
	text-decoration: none;
}

.swiper-banner .swiper-slide{
	position: relative;
}

#intro-video{
	    object-fit: cover;
    width: 100%;
	height:100vh;
    height: 100%;
}
.foot_nav .foot_tit a{
    font-size: 16px;
    color: #666;
}

/*****header*******/
.header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	height: 86px;
	background: rgba(103, 103, 103, 0.6);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
}
.header.active {
	top: 0;
	-webkit-box-shadow: 0 2px 41px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 41px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 41px rgba(0, 0, 0, 0.1);
}
.header_box {
	margin: 0 auto;
	/* background: #fff; */
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	position: relative;
}
.header.active .header_box {
 
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-khtml-border-radius: 0px;
}
.header_bg {
	height: 86px;
	width: 80%;
	margin: 0 auto;
}
.header_bg .logo {
	float: left;
	padding: 0 37px 0 0;
}
.header_bg .logo img {
	width: 264px;
}
.header_bg .header_menu {
	float: right;
	margin-right: 30px;
}
.header_bg .header_menu>li {
	float: left;
}
.header_bg .header_menu>li>a {
    display: block;
    padding: 0 15px;
    font-size: 16px;
    font-weight: 400;
    line-height: 86px;
    color: #fff;
    letter-spacing: 1px;
}
.header_tool {
	float: right;
}
.header_tool .header_language {
	float: left;
	padding-right: 26px;
	margin-top: 13px;
}
.header_tool .header_icon {
	float: left;
	height: 24px;
	font-size: 0;
	line-height: 50px;
	margin-top: 30px;
}
.header_tool .header_icon span {
	overflow: hidden;
	height: 24px;
	font-size: 0;
	display: inline-block;
	cursor: pointer;
}
.header_tool span a {
	float: left;
	font-size: 14px;
	line-height: 62px;
	color: #ffffff;
	padding: 0 6px;
	letter-spacing: 0px;
	font-family: 'Titillium Web';
}
.header_tool span.active a {
	color: #86daf7;
}
.header_tool span img {
	width: 24px;
}
.header_share {
	margin-right: 30px;
}
.header_language span a:hover {
	color: #1c5cb0;
}
.header_menu>li>a:hover {
	color: #1c5cb0;
}
.nav_list {
	position: absolute;
	background: #fff;
	width: 100%;
	left: 0;
	top: 100%;
	display: none;
	z-index: 14;
}
.nav_top {
	background: #adaeaf;
	padding: 15px 0;
}
.nav_left {
	float: left;
	width: 15%;
	padding: 20px 20px 0 0px;
}
.nav_menu {
	float: right;
	width: 70%;
	/* iOS 6-, Safari 3.1-6 */
	 /* Chrome */
	     /* Firefox 19 */
	  /*flex容器*/
	margin-top: 15px;
}
.nav_type {
}
.nav_type img {
	width: 100%;
}
.nav_type h4 {
	font-size: 14px;
	color: #fff;
	font-family: 'Microsoft YaHei', 'Nanum Barun Gothic', Arial, sans-serif!important;
	letter-spacing: 1px;
}
.nav_type h4 a {
	color: #fff;
}
.nav_type h4 a i {
	margin-left: 7px;
}
.nav_left h3 {
	color: #000000;
	font-size: 28px;
	margin-top: 0px;
	margin-bottom: 16px;
	letter-spacing: 5px;
}
.nav_left .nav_bt {
	width: 100px;
	/* background: #0e0e0e; */
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-family: 'Microsoft YaHei', 'Nanum Barun Gothic', Arial, sans-serif!important;
	text-transform: capitalize;
	border: #333 1px solid;
}
.nav_left .nav_bt a {
	color: #333;
	font-family: 'Titillium Web'!important;
}
.nav_left .nav_bt a i {
	margin-left: 8px;
}
.nav_left .nav_bt:hover{ background: #1c5aad; border: 1px solid #1c5aad;}
.nav_left .nav_bt:hover a{ color: #fff;}
.nav_type ul {
}
.nav_type ul li {
	font-size: 14px;
	line-height: 29px;
	font-family: 'Microsoft YaHei', 'Nanum Barun Gothic', Arial, sans-serif!important;
}
.nav_type ul li a {
	color: #666;
	font-size: 15px;
	letter-spacing: 1px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	line-height: 30px;
}
.nav_type ul li a:hover {
	color: #1c5cb0;
	-webkit-transform: translateX(15px);
	-ms-transform: translateX(15px);
	-o-transform: translateX(15px);
	transform: translateX(15px);
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.nav_bot {
	padding: 20px 0 40px;
	background: #ececec;
}
.share_box {
	position: absolute;
	width: 100%;
	background: #eeeeef;
	padding: 50px 0;
	top: 100%;
	left: 0;
	display: none;
}
.share_list {
	text-align: center;
}
.share_list ul {
}
.share_list ul li {
	display: inline-block;
	line-height: 40px;
	text-align: center;
	margin: 0 50px;
}
.share_list ul li a {
}
.share_list ul li a i {
	color: #b4b4b5;
	line-height: 61px;
	font-size: 25px;
}
.search_box {
	position: absolute;
	top: 100%;
	width: 100%;
	background: #eeeeef;
	padding: 80px 0;
	display: none;
}
.search_input {
	width: 45%;
	margin: 0 auto;
}
.search_input input {
	display: block;
	width: 100%;
	background: transparent;
	border: none;
	border-bottom: 1px solid #ccc;
	height: 45px;
	font-size: 18px;
	color: #999;
	letter-spacing: 1px;
	text-transform: capitalize;
	font-family: 'Titillium Web';
}
.search_input img {
	width: 30px;
	position: absolute;
	right: 29%;
	top: 85px;
}
.header_share.active img, .header_search.active img {
	margin-top: -24px;
}
.som_nav h3 {
	margin-left: 10%;
	font-size: 15px;
	letter-spacing: 1px;
	color: #f5f5f5;
}
.som_nav h3 span {
	width: 35px;
	height: 1px;
	background: #f5f5f5;
	display: block;
	float: left;
	margin-top: 8px;
	margin-right: 10px;
}
.nav_left1 {
	margin-left: 10%;
}
/*****header*******/	
/* 线 */
.body_line {
	position: absolute;
	width: 1200px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 0;
	z-index: 3;
}
.line {
	position: absolute;
	width: 1px;
	background: #fff;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}
.line_1 {
	left: 0;
}
.line_2 {
	left: 33.33%;
}
.line_3 {
	left: 66.66%;
}
.line_4 {
	right: 0;
}
.body_nav {
	width: 1200px;
	position: fixed;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 50%;
	z-index: 99999;
}
.body_nav ul {
	position: absolute;
	right: -3px;
	top: 50%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 6px;
	z-index: 9999;
}
.body_nav ul li {
	width: 6px;
	height: 6px;
	background: #e8e8e8;
	margin: 20px 0;
	cursor: pointer;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-khtml-border-radius: 50%;
	position: relative;
}
.body_nav ul li.active {
	background: #273896;
}
/* 线 */
/*****banner*******/
.banner {
	position: relative;
}
.swiper-banner {
	position: relative;
	z-index: 9;
}
.banner_zz {
	width: 100%;
	height: 100%;
	background: url(../images/dot-pattern-dark.png) repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 6;
}
.banCon {
	width: 80%;
	position: relative;
	text-align: center;
	z-index: 91;
	height: 100%;
	margin: 0 auto;
}
.banCTxt {
	position: absolute;
	top: 50%;
	width: 710px;
	left: 50%;
	transform: translate(-50%,-50%);
}
.banCTxt:nth-child(n+2){
	opacity: 0;
	filter: alpha(opacity=0);
	display: none;
}
.banCTxt h3 {
	color: #333;
	margin: 0;
	text-transform: uppercase;
	font-family: 'Titillium Web'!important;
	/* white-space: nowrap; */
	font-size: 18px;
	letter-spacing: 3px;
	font-weight: 100;
	line-height: 28px;
}
.banCTxt h6 {
	margin: 0px 0 0;
	letter-spacing: 2px;
	font-size: 32px;
	color: #333;
	line-height: 55px;
	margin-bottom: 17px;
}
.banScorll {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 30px;
	z-index: 99;
	text-align: center;
	cursor: pointer;
}
.banScorll img {
	width: 40px!important;
	display: inline-block;
	cursor: pointer;
}
/*****banner*******/	
	
	
	
/*****sec1*******/	
.index_sec1 {
	padding: 50px 0 30px;
}
.ind_sec1_tit {
	width: 80%;
	text-align: left;
	margin: 0 auto 40px;
}
.ind_sec1_tit h2 {
	color: #1c5aad;
	letter-spacing: 1px;
	font-size: 30px;
	text-transform: uppercase;
}
.ind_sec1_tit h2 span{
	font-size: 20px;
	color: #333;
	margin-left: 10px;
	letter-spacing: 1px;
	font-weight: 100;
	font-family: 'Titillium Web'!important;
	text-transform: capitalize;
}
.ind_sec1_tit h3 {
	text-align: left;
	font-size: 28px;
	letter-spacing: 3px;
	margin-top: 10px;
	color: #1b5aad;
	text-indent:2em;
}
.ind_sec1_box {
	width: 80%;
	margin: 0 auto;
}
.ind_sec1_left {
	position: relative;
	padding-right:10% ;
}
.ind_sec1_left h6 {
	text-transform: uppercase;
	letter-spacing: 1px;
	position: absolute;
	transform: rotate(360deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	left: -20px;
	top: 34px;
	font-family: 'Titillium Web'!important;
	font-size: 14px;
}
.ind_sec1_left h4 {
	padding-left: 50px;
	font-size: 24px;
	color: #1b5aad;
	line-height: 40px;
	margin-bottom: 50px;
	font-family: 'Titillium Web'!important;
}
.ind_sec1_left h4 span {
	color: #333;
	font-size: 28px;
	font-family: "微软雅黑";
	letter-spacing: 3px;
}
.ind_sec1_limg {
	position: relative;
}
.ind_sec1_limg img {
	width: 100%;
}
.ind_sec1_limg h5 {
	position: absolute;
	bottom: 50px;
	left: 50px;
	background: #e88101;
	color: #fff;
	font-size: 18px;
	padding: 15px 20px;
	font-family: 'Titillium Web'!important;
	text-transform: capitalize;
	letter-spacing: 1px;
}
.ind_sec1_right {
	padding: 0 50px;
	/* background: #fff; */
	/* -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1); */
	-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
	/* box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1); */
	margin-top: 6%;
}
.ind_sec1_right h4 {
	font-size: 28px;
	color: #d7d7d7;
	font-weight: 100;
	font-family: 'quicksandbook'!important;
	text-transform: uppercase;
	position: relative;
}
.ind_sec1_right h3 i {
	color: #e88101;
	font-weight: 100;
	font-size: 15px;
	vertical-align: middle;
	margin-bottom: 9px;
	position: absolute;
	left: -15px;
	top: 7px;
}
.ind_sec1_right h3 {
	font-size: 26px;
	letter-spacing: 3px;
	color: #333;
	margin: 0px 0 20px;
	position: relative;
}
.ind_sec1_right h6 {
	font-size: 15px;
	letter-spacing: 1px;
	margin-bottom: 20px;
	line-height: 26px;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}
.ind_sec1_right h6 span {
	color: #b83e46;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: underline;
}
.ind_sec1_right>h6 a {
	font-size: 12px;
	text-transform: uppercase;
	color: #d75834;
	font-weight: 600;
	letter-spacing: 1px;
	margin-top: 50px;
	display: block;
}
/*****sec1*******/
/*****sec2*******/
.index_sec2 {
	margin-top: -80px;
	padding-bottom: 100px;
	position: relative;
}
.ind_sec2_box {
	position: relative;
	width: 90%;
	margin-left: 10%;
}
.ind_sec2_titbox {
	position: absolute;
	z-index: 2;
}
.ind_sec2_tit {
	background: rgba(27, 90, 173, 0.8);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC407ca7, endColorstr=#CC407ca7);
	padding: 28px;
}
.ind_sec2_tit h2 {
	font-size: 22px;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 1px;
	font-family: 'Titillium Web'!important;
}
.ind_sec2_sbox {
	width: 130%;
}
.indsec2_swiper {
}
.ind_sec2_img {
	position: relative;
}
.ind_sec2_img img {
	width: 100%;
}
.ind_sec2_img .ind_sec2_txt {
	position: absolute;
	bottom: 0;
	width: 75%;
	left: 45%;
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	padding-bottom: 70px;
	z-index: 2;
}
.ind_sec2_img .ind_sec2_txt h5 {
	color: #fff;
	text-transform: uppercase;
	font-size: 24px;
	letter-spacing: 3px;
	font-weight: bold;
}
.ind_sec2_img .ind_sec2_txt h3 {
	color: #f5f5f5;
	font-size: 20px;
	margin: 10px 0;
	font-family: 'Titillium Web'!important;
	letter-spacing: 1px;
}
.ind_sec2_img .ind_sec2_txt h6 {
	font-size: 16px;
	letter-spacing: 1px;
	color: #fff;
	margin-bottom: 5px;
	line-height: 25px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ind_sec2_img .ind_sec2_txt h6.end {
	font-family: 'Titillium Web'!important;
}
.ind_sec2_img h4 {
	position: absolute;
	bottom: 0;
	right: 0;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	font-family: 'Titillium Web'!important;
	letter-spacing: 1px;
	padding: 10px;
	background: rgba(0,0,0,0.8);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000);
 
}
.ind_sec2_img:before {
	content: " ";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(27, 90, 173, 0.3);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C26618b, endColorstr=#4C26618b);
	z-index: 1;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.indsec2_pag {
	bottom: 0;
	width: auto;
	left: 30%;
}
.indsec2_pag span {
	background: #fff;
	border: 1px solid #1b5aad;
}
.indsec2_pag span.swiper-active-switch {
	background: #1b5aad;
}
.ind_sec2_img:hover:before {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.ind_sec2_dre {
	position: absolute;
	top: 0;
	left: 0;
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
}
.ind_sec2_dre a {
	display: block;
	width: 80px;
	height: 80px;
	text-align: center;
	background: rgb(27, 90, 173);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC407ca7, endColorstr=#CC407ca7);
	padding: 27px;
	margin-bottom: 1px;
}
.ind_sec2_dre a i {
	font-size: 20px;
	color: #fff;
}
/*****sec2*******/
/*****sec3*******/
.index_sec3 {
	position: relative;
	padding: 50px 0 30px;
}
.ind_sec1_tit2 {
	width:100%;
	text-align: left;
	margin-bottom: 30px;
}
.ind_sec1_tit2 h2 {
	    color: #1c5aad;
    letter-spacing: 1px;
    font-size: 30px;
    text-transform: uppercase;
}
.ind_sec1_tit2 h2 span{
	font-size: 20px;
    color: #333;
    margin-left: 10px;
    letter-spacing: 1px;
    font-weight: 100;
    font-family: 'Titillium Web'!important;
    text-transform: capitalize;
}
.ind_sec3_box {
	width: 80%;
	margin: 0 auto;
}
.ind_sec3_txt {
}
.tanel-cell {
	display: table-cell;
	vertical-align: middle
}
.ind_sec3_txt .tanel-cell {
	padding-left: 7%;
}
.ind_sec3_txt h5 {
	font-size: 20px;
	color: #333;
	letter-spacing: 0px;
}
.ind_sec3_txt h3 img {
	width: 28px;
	margin-left: 10px;
}
.ind_sec3_txt h6 {
}
.ind_sec3_img img {
	width: 100%;
}
.ind_sec3_img h4 {
	font-size: 21px;
	color: #333;
	font-weight: 600;
	letter-spacing: 1px;
	margin-top: 15px;
}
/*****sec3*******/
/*****sec4*******/
.index_sec4 {
	padding: 120px 0;
	width: 100%;
	position: relative;
	text-align: center;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.index_sec4_box {
	text-align: center;
	padding: 0 5%;
}
.index_sec4_box h3 {
	color: #fff;
	letter-spacing: 1px;
	font-size: 20px;
	font-family: 'Titillium Web'!important;
	text-transform: uppercase;
}
.index_sec4_box h6 {
	font-size: 15px;
	color: #fff;
	line-height: 28px;
	letter-spacing: 1px;
}
.index_sec4_box h4 {
	    font-size: 34px;
    color: #fff;
    letter-spacing: 6px;
    margin: 20px 0;
}
.index_sec4_txt {
	position: absolute;
	right: 15%;
	bottom: 0;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	-o-transform: translateY(50%);
	transform: translateY(50%);
	background: url('../images/ind13.jpg') no-repeat center center;
	background-size: cover;
	width: 500px;
	padding: 50px;
}
.index_sec4_txt h3 {
	color: #fff;
	font-size: 20px;
	line-height: 25px;
	letter-spacing: 2px;
	font-family: 'Titillium Web'!important;
	text-align: left;
}
.index_sec4_txt img {
	display: block;
	width: 24px;
	margin-top: 30px;
}
/*****sec4*******/
/*****sec5*******/
.index_sec5 {
	padding: 60px 0 80px;
}
.index_sec5_box{
	width: 80%;
	margin: 50px auto 0;
}
.index_sec5_box>ul {
	width: 100%;
	border-top: 1px solid #eee;
}
.index_sec5_box>ul>li {
	border-bottom: 1px solid #eee;
	padding: 50px 10%;
	position: relative;
}
.areas_sec2_bj {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 1;
}
.areas_sec2_bj2 {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgb(28, 92, 176);
 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#1c5cb0, endColorstr=#1c5cb0);
}
.areas_sec2_txt {
	position: relative;
	z-index: 9;
}
.areas_sec2_txtL {
	width: 80%;
	float: left;
}
.areas_sec2_txtL h2 {
	font-size: 20px;
	color: #1c5cb0;
	margin-top: 0;
	font-weight: bold;
	line-height: 30px;
}
.areas_sec2_txtL h4 {
	font-size: 15px;
	color: #333;
	line-height: 24px;
	margin: 7px 0 0;
}
.areas_sec2_txtL h5 {
	font-size: 18px;
	color: #fff;
	margin-top: 30px;
	float: left;
	background: #b87f32;
	line-height: 40px;
	padding: 0 20px;
	letter-spacing: 1px;
}
.areas_sec2_txtL h5 span {
	font-size: 24px;
}
.areas_sec2_txtL h5.yanse {
	background: #671115;
}
.index_sec5_box>ul>li:hover .areas_sec2_txtL h2 {
	color: #fff;
}
.index_sec5_box>ul>li:hover .areas_sec2_txtL h4 {
	color: #fff;
}
.index_sec5_box>ul>li:hover .areas_sec2_bj {
	transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	-o-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-o-transform: translateX(100%);
	-ms-transform: translateX(100%);
}
.areas_sec2_txt .areas_sec2_txtr {
	float: left;
	width: 20%;
}
.areas_sec2_txt .areas_sec2_txtr h6 {
	font-size: 14px;
	letter-spacing: 1px;
	color: #e88101;
	font-family: 'Titillium Web'!important;
}
.index_sec5_box>ul>li:hover .areas_sec2_txtr h6 {
	color: #fff;
}
.index_sec5_box>h6 {
	width: 80%;
	margin: 0 auto;
	text-align: right;
	padding-top: 20px;
}
.index_sec5_box>h6 a {
	font-size: 14px;
	text-transform: uppercase;
	color: #d75834;
	font-weight: 600;
	letter-spacing: 1px;
	font-family: 'Titillium Web'!important;
}
.index_sec5_box>h6 a i {
	margin-left: 5px;
}
/*****sec5*******/
	
	
	
	/***footer***/
.footer {
}
.footer_box {
}
.footer_top {
	background: #333;
	
}
.footer_top_box {
	width: 80%;
	margin: 0 auto;
	padding: 15px 0;
}
.footer_tl {
	float: left;
	width: 50%;
}
.footer_tl h4 {
	font-size: 23px;
	color: #fff;
	letter-spacing: 1px;
	line-height: 35px;
	text-transform:capitalize;
	font-family: 'Titillium Web'!important;
}
.footer_tl h6 {
	text-transform: uppercase;
	font-size: 14px;
	color: #fff;
	margin-top: 5px;
}
.footer_tr {
	float: left;
	width: 50%;
	text-align: right;
}
.footer_tr img {
	width: 23px;
	vertical-align: middle;
	margin-top: 7px;
}
.footer_bot {
	background: #eeeeee;
}
.IndexCon {
	width: 80%;
	margin: 0 auto;
	position: relative;
	padding-top: 30px;
}
.footBotUl {
	display: block;
	border-bottom: 1px solid #d6d6d6;
	margin-bottom: 10px;
	padding-bottom: 20px;
	overflow: hidden;
}
.footBotUl li {
	float: left;
	margin-right: 5%;
	display: inline-block;
}
.footBotUl li a {
	font-size: 16px;
	color: #666;
	line-height: 24px;
	margin: 0;
	letter-spacing: 1px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.footBotUl li a img {
	display: inline-block;
	width: 20px;
	margin: 0 6px 2px 0;
}
.footBotUl li span {
	font-size: 14px;
	color: #666;
	line-height: 24px;
}
.copy {
	font-size: 12px;
	line-height: 40px;
	color: #666;
	margin: 0 25px 0 0;
	font-family: Arial, Helvetica, sans-serif;
}
.copy span {
	font-family: "Microsoft YaHei", "微软雅黑";
}
.unohacha_logo {
	float: right;
}
.footBotUl .foot_right {
	float: right;
	margin-right: 0;
}
.footBotUl .foot_right a {
	color: #666;
	font-size: 14px;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
}
.footBotUl .foot_right:hover a {
	color: #999;
}
.footBotUl li:hover a {
	color: #0E70BB;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.foot_nav li i {
	line-height: 30px;
	margin-right: 5px;
	color: #ccc;
	font-size: 16px;
}
.foot_nav .foot_tit {
	font-size: 16px;
	color: #666;
	margin-bottom: 10px;
}
.foot_nav li a {
	font-size: 14px;
	letter-spacing: 1px;
	color: #999;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.foot_nav li {
	font-size: 14px;
	letter-spacing: 1px;
	color: #999;
	line-height: 30px;
}
.foot_nav li:hover a {
	padding-left: 5px;
	color: #e88101;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.foot_nav li img {
	display: block;
	float: left;
	width: 18px;
	margin-right: 5px;
	margin-top: 7px;
}
.foot_left {
	width: 80%;
	float: left;
}
.foot_left_pleft{
	padding:0;
}
.foot_right {
	width: 20%;
	float: left;
/*	padding-left: 30px;*/
}
.foot_line {
	border-top: 1px solid #ccc;
	margin: 20px 0 0;
}
/***footer***/




/*more*/
.more {
	display: inline-block;
	line-height: 50px;
	padding: 0 30px;
	color: #333;
	letter-spacing: 1px;
	margin-top: 40px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
	text-transform:capitalize;
	font-family: 'Titillium Web'!important;
	font-size: 16px;
	border: #6d6d6d 1px solid;
	position: relative;
}
.more img {
	display: none;
	
}
/*.more i{
	display: inline-block;;
	width: 16px;
	height:16px;
	background:url(_URL_images/cus_more.png.htmlg') center/cover no-repeat;
	margin-left: 5px;
}*/
.more:hover {
	background: #1c5aad;
	color: #fff;
	border: #1c5aad 1px solid !important;
	}
.more_ico {
    position: absolute;
    top: 38%;
}
.more:hover .more_ico{
	opacity:0;
}



	
.more i {
	margin-right: 6px;
}

	
.more i {
	margin-right: 6px;
}
.biao1{ }
.biao2{ opacity: 0; position: absolute;     right: 30px;
    top: 17px; }
.more:hover .biao1{  opacity: 0;}
.more:hover .biao2{ opacity: 1;}

/*more*/	
/*index_add*/
.index_secadd2 {
	padding: 30px 0;
}
.ind_secadd2_box {
	width: 100%;
	margin: 0 auto;
}

.ind_secadd2_top{
	margin-bottom: 35px;
}

.ind_secadd2_rimg h5 {
	position: absolute;
	background:rgba(27,90,173,0.8);
	color: #F7F7F7;
	display: inline;
	padding: 15px;
	font-size: 15px;
	letter-spacing: 1px;
	left: 0;
	bottom: 0;
	text-transform:capitalize;
	font-family: 'Titillium Web'!important;
	font-weight: 600;
}

.ind_secadd2_rimg {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.ind_secadd2_rimg img {
	width: 100%;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.ind_secadd2_right {
}
.ind_secadd2_right:hover img{
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	transform:scale(1.1);   
-webkit-transform:scale(1.1);   
-moz-transform:scale(1.1);    
-o-transform:scale(1.1);   
 -ms-transform:scale(1.1);
}

.ind_secadd2_right:hover .ind_sec2_txt h5{
	color: #e88101;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}


.ind_secadd2_right:hover .ind_sec2_addbot{

	background: #e88101;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

.ind_secadd2_right:hover .ind_sec2_addbot a{

	color:#f5f5f5;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

.ind_secadd2_right:hover .ind_sec2_addbot a i{

	color:#f5f5f5;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}


.ind_secadd2_left {
	margin-bottom: 30px
}
.ind_secadd2_left .ind_sec2_txt h5 {
	color: #fff;
	text-transform: uppercase;
	font-size: 24px;
	letter-spacing: 3px;
	font-weight: bold;
	text-align: center;
}
.ind_secadd2_left .ind_sec2_txt h3 {
	color: #f5f5f5;
	font-size: 20px;
	margin: 10px 0;
	font-family: 'Titillium Web'!important;
	letter-spacing: 1px;
	text-align: center;
}
.ind_sec2_txt h6 {
	font-size: 16px;
	letter-spacing: 1px;
	color: #fff;
	margin-bottom: 5px;
	line-height: 25px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}
.ind_secadd2_right .ind_sec2_txt {
	padding: 40px 20px 30px;
	background: #fff;
	position: relative;
}

.ind_secadd2_right .ind_sec2_txt h5{
	font-size: 22px;
	letter-spacing:1px;
	font-weight:bold;
	color: #1b5aad;
}
.ind_secadd2_right .ind_sec2_txt h3 {
	color: #999;
	font-size: 16px;
	font-family: 'Titillium Web'!important;
	letter-spacing: 1px;
	margin: 10px 0 10px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	text-transform: capitalize;
}
.ind_secadd2_right .ind_sec2_txt h6 {
	font-size: 15px;
	letter-spacing: 1px;
	color: #333;
	line-height: 25px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}
.ind_secadd2_lbg .ind_sec2_txt {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.ind_secadd2_lbg {
	position: relative
}
.ind_sec2_addbot {
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	letter-spacing: 1px;
	font-family: 'Titillium Web'!important;
	color: #333;
	background: #e8e8e8;
	padding: 0 15px;
}
.ind_sec2_addbot a {
	color: #999;
}
.ind_sec2_txt a {
	position: absolute;
	display: block;
	width: 40px;
	border: 1px solid #e8e8e8;
	border-right: none;
	height: 40px;
	text-align: center;
	right: 0;
	bottom: 0;
}
.ind_sec2_txt a i {
	font-size: 24px;
	color: #999;
	line-height: 35px;
}
.ind_sec2_addbot a i {
	font-size: 17px;
	color: #999;
	margin-left: 12px;
	vertical-align: middle;
	margin-bottom: 4px;
}

/*index_add*/

/*indec_sec6*/
.case_list .col-sm-4:nth-child(3 - n) {
	margin-bottom: 15px;
}
.index_sec6{
	width: 100%;
	padding: 30px 0 120px;
}
.index_sec6_box{
	width: 80%;
	margin: 0 auto;
}
.index_sec6_box .col-lg-4{
	padding:0 8px;
}
.index_sec6_con{
	width: 100%;
	position: relative;
	margin-top: 15px;
}
.index_sec6_con img{
	width: 100%;

}.index_sec6_txt{
	    width: 90%;
	    padding: 25px 20px 22px;
	    position: absolute;
	    bottom: 6%;
	    left: 5%;
	    transition: all 0.5s;
	    -moz-transition: all 0.5s;
	    -ms-transition: all 0.5s;
	    -o-transition: all 0.5s;
	    -webkit-transition: all 0.5s;
	    text-align: center;
	    background: rgba(31, 30, 30, 0.7);
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
}
.index_sec6_txt h5{
	    color: #fff;
    font-size: 17px;
    letter-spacing: 2px;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.index_sec6_txt h3{
	color: #fff;
	font-size: 20px;
	margin-top: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	letter-spacing: 2px;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	
}

.index_sec6_con:hover .index_sec6_txt{
	     width: 100%;
    left: 0;
    background: rgba(4, 4, 4, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
    bottom: 0;
}
.index_sec6_con:hover .index_sec6_txt h5{
	color: #0799cb;
	
}

.index_sec6_con:hover .index_sec6_txt h3{
	color: #000;
	
}


/*2.6*/
.pro_qh_pic img {
	width: 100%;
	height: auto;
	display: block;
	    border-right: #fff 2px solid;
}
.pro_qh {
	left: 40%;
	position: relative;
	width:120%;
}
.pro_con {
	position: relative;
	overflow: hidden;
	margin-top: 50px;
}
.pro_text {
	position: absolute;
	width: 20%;
	
	left: 10%;
	top: 0;
	z-index: 5;
	background: rgba(31, 30, 30, 0.7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
}
.arrow-left.pro_left {
	left: 13.5%;
	bottom: 40px;
	width: 40px;
	height: 40px;
	z-index: 9;
	border: #fff 1px solid;
	text-align: center;
	top: inherit;
}
.arrow-right.pro_right {
	left: 16%;
	bottom: 40px;
	top: inherit;
	width: 40px;
    height: 40px;
    z-index: 9;
    border: #fff 1px solid;
    text-align: center;
}
.pro_left img {
	width: 10px;
	height: auto;
	margin-top: 10px;
}
.pro_right img {
	width: 10px;
	height: auto;
	margin-top: 10px;
}
.list {
	padding-left: 0;
	margin-top:60px;
}
.pro-list_b{width:70%; margin:0 auto;}
.list>li {
	width: 100%;
	/*border:1px solid #333;
	float:left;*/
	line-height: 55px;
	text-align: left;
	text-decoration: none;
}
.list>li>a {
	font-size: 18px;
	text-decoration: none;
	color: #fff;
	display: block;
	letter-spacing: 1px;
}
.list>li>a img{position:relative;margin-top:-5px;width: 37px;margin-right: 10px;}
.list>li>a:hover {
	text-decoration: none;
	/*color:#fff;
	background:#064e96;*/
	display: block;
}
.list>li.active a {
	color: #0799cb;
}
.btn-left1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	height: 80px;
	display:none;
}
.btn-right1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	height: 80px;
	display:none;
}
.pro_left:hover .btn-left1 {
	display: block;
}
.pro_right:hover .btn-right1 {
	display: block;
}
.swiper-container2{
	overflow: initial;
}

.news_con{
	padding:80px 8%;
	height:auto;
	overflow:hidden;
	}	
.news_conlist{
	position:relative; top:60px;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	}	
.news_conlist:hover{
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
	}

.news_conlist:hover .news_zi h2{
	
	}
	
.news_conlist:hover .news_zi P{
	
	}
	
.news_conlist:hover .news_zi h5{
	
	}		
	
.news_img{
	position:relative;
	z-index:1;
	}
	
.news_zi{
    /* background-color: #f5f5f5; */
    text-align:left;
    padding: 5% 5% 8%;
    border: #c7c7c7 1px solid;
 }		
.news_zi h2{
	    font-size: 16px;
    color: #333;
    letter-spacing: 1px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
    margin-top: 10px;
    line-height: 28px;
    height: 56px;
	}	
.news_zi p{
	margin-top: 10px;
	font-size: 15px;
	line-height: 30px;
	letter-spacing: 1px;
	color: #333;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-align: left;
	height:52px;
	 -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
	overflow: hidden;
	}
	
.news_zi h5{
	padding-top: 10%;
	color: #333;
	font-size: 14px;
	letter-spacing: 1px;
}	
	
.news_img h4{
	width: 100px;
	background: rgba(74, 74, 74, 0.7);  /*支持rgba的浏览器*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#5fffffff,endColorstr=#5fffffff);    /*IE8支持*/
	margin:auto;
	font-size: 14px;
	text-align:center;
	position:absolute;
	top: 15px;
	left: 15px;
	text-transform:uppercase;
	line-height: 40px;
	font-family: 'Titillium Web'!important;
}
.news_img h4 span{ color: #fff;}
.news_img img{
	width: 100%;
}

/*新增*/
.pro_textbox{

}
.pro_dre{
	
text-align: left;
	
margin-top: 60px;
	
width: 70%;
	
margin: 60px auto 0;
}
.pro_dre a{
	
display: inline-block;
	
margin-right: 17px;
	
margin-left: 10px;
	
position: static;
}
.banner .arrow-left,.banner .arrow-right{

font-size: 25px;

position: absolute;

top: 50%;

-webkit-transform: translateY(-50%);

-moz-transform: translateY(-50%);

-ms-transform: translateY(-50%);

-o-transform: translateY(-50%);

transform: translateY(-50%);

color: #ffffff;

z-index: 9;

background: rgba(103, 103, 103, 0.6);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);

display: block;

width: 30px;

height: 60px;

text-align: center;
}
.banner .arrow-left{

left: 50px;
}	
.banner .arrow-right{

right: 50px;
}	

.banner_img{
	 position: absolute;
	width: 100%;
	overflow: hidden;
}
.banner_img.active{
display: block
}
.banner .arrow-left i,.banner .arrow-right i{
	line-height: 60px;
}
.pro_qh .swiper-slide{
	/* border-right: 2px solid #fff; */
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.share_list ul li a img{width: 100%;}
.share_list ul li a h6{
	
font-size: 16px;
	
color: #333;
	
letter-spacing: 3px;
	
margin-top: 13px;
transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
.share_list ul li a span{
	
display: block;
	
width: 70px;
	
margin: 0 10px;
	
background: #fff;
	
-webkit-border-radius: 50%;
	
-moz-border-radius: 50%;
	
border-radius: 50%;
	
-khtml-border-radius: 50%;
	
padding: 16px;
transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
.share_list ul li a:hover h6{
color: #1c5aad;
}
.share_list ul li a:hover span{
	background:  #1c5aad
}

.swiper-container2 .swiper-wrapper .swiper-slide{

position: relative;
}

.swiper-container2 .swiper-wrapper .swiper-slide a{
	display: block;
	height: 100%;
}
.swiper-container2 .swiper-wrapper .swiper-slide:after{
	/* content: " ";
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	top: 0;
	left: 0; */
	/* background: rgba(255,255,255,0.7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff); */}
.swiper-container2 .swiper-wrapper .swiper-slide-active{
	border: 5px solid #fff;
}

.ind_sec3_top{margin-bottom: 10px;} 
.ind_sec3_tleft{

float: left;

width: 60%;

padding-right: 60px;
}
.ind_sec3_tleft h3{

text-align: left;

color: #333;

font-family: 'Titillium Web'!important;

font-weight: bold;

letter-spacing: 3px;

font-size: 27px;

position: relative;

line-height: 35px;
}
.ind_sec3_tright{

float: left;

width: 40%;
}
.ind_sec3_tright h6{
	
font-size: 15px;
	
letter-spacing: 1px;
	
color: #666;
	
line-height: 31px;
}
.ind_sec3_bot{

}
.ind_sec3_bleft{
	float: left;
	width: 50%;
	padding-right: 30px;
	overflow: hidden;
}
.ind_sec3_bleftbox{
	background: #000;
	overflow: hidden;
	position: relative;
}
.ind_sec3_bleft h5{
}
.ind_sec3_bleft h5 a{
	color: #fff;
}
.ind_sec3_bleftbg{
	
height: 100%;
	
width: 100%;
	
position: relative;
transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;

}
.ind_sec3_bright{

float: left;

width: 50%;

margin-top: -30px;

margin-bottom: -30px;
}
.ind_sec3_bright .ind_sec3img{
	
position: relative;
	
margin: 30px 0;
	
overflow: hidden;
	
background: #000;
}
.ind_sec3_bright .ind_sec3img img{
	
width: 100%;
transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.ind_sec3_bright .ind_sec3img h5{
}
.ind_sec3_bright .ind_sec3img h5 a{
color: #fff;
}
.ind_sec3_tleft h3:before{
	/* content: " "; */
	display: block;
	width: 20px;
	height: 4px;
	background: #333;
	position: absolute;
	top: 30%;
	left: 0;
}
.ind_sec3_bleftbg a{

display: block;

position: relative;

height: 100%;
}
.ind_sec3_txt{

transition: all 0.5s;

-moz-transition: all 0.5s;

-ms-transition: all 0.5s;

-o-transition: all 0.5s;

-webkit-transition: all 0.5s;

position: absolute;

z-index: 2;

left: 50px;

bottom: 50px;
}
.ind_sec3_icon{

}
.ind_sec3_icon img{
	
width: 45px!important;
	
margin-bottom: 20px;
}
.ind_sec3_txt h5{

color: #fff;

position: relative;

z-index: 10;

text-transform: uppercase;

font-size: 24px;

letter-spacing: 4px;

margin: 0;

transition: all 0.5s;

-moz-transition: all 0.5s;

-ms-transition: all 0.5s;

-o-transition: all 0.5s;

-webkit-transition: all 0.5s;
}
.ind_sec3_txt h6{

letter-spacing: 1px;

font-size: 16px;

text-transform: uppercase;

font-family: 'Titillium Web'!important;

color: #fff;

margin-top: 10px;

transition: all 0.5s;

-moz-transition: all 0.5s;

-ms-transition: all 0.5s;

-o-transition: all 0.5s;

-webkit-transition: all 0.5s;
}

.ind_sec3_bleftbg:hover .ind_sec3_txt,.ind_sec3img:hover .ind_sec3_txt{
	bottom: 80px;
}
.ind_sec3_bleft a:hover .ind_sec3_bleftbg{
	transform:scale(1.1);   
-webkit-transform:scale(1.1);   
-moz-transform:scale(1.1);    
-o-transform:scale(1.1);   
 -ms-transform:scale(1.1);

}

.ind_sec3img:hover img{
	
	transform:scale(1.1);   
-webkit-transform:scale(1.1);   
-moz-transform:scale(1.1);    
-o-transform:scale(1.1);   
 -ms-transform:scale(1.1);

}

.ind_sec3_bleftbox:hover .ind_sec3_txt{
	bottom: 100px
}
.banCTxt h5{

font-size: 16px;

text-transform: uppercase;

font-family: 'futura_bk_btbook';

margin-bottom: 0;

width: 198px;

background: #f08200;

line-height: 52px;

text-align: center;
}
.banCTxt h5 a{
color: #fff;
}


@media(max-width:1680px) {
.ind_sec1_right h3 {
	margin: 0px 0 25px;
}
.more {
	margin-top: 25px;
}
.nav_type {
	/*width: 20%;*/
}
.nav_imgtype {
	/* width: 28% */
}
.ind_sec1_right h6{
	-webkit-line-clamp:4;
}

.ind_secadd2_right .ind_sec2_txt h6 {
    height: 45px;
}
}

@media(max-width:1600px) {
.ind_sec1_right h6 {
	margin-bottom: 10px;
}
.ind_sec1_right h3 {
	margin: 0px 0 15px;
}
.index_sec4 {
	padding: 80px 0 ;
}
.index_sec5_box>ul>li {
	padding: 45px 10%;
}
.nav_type {
	/* width: 22%; */
}
.nav_imgtype {
	/* width: 28% */
}
.nav_left h3 {
	font-size: 26px;
}
}

@media(max-width:1550px) {
.ind_sec1_left h4 {
	margin-bottom: 70px;
}
.header_bg .header_menu>li>a {
	    padding: 0 10px;
}

/* .banCTxt h3 {
    font-size: 60px; 
} */
.ind_sec3_txt h6 {
    line-height: 25px;
}
.ind_sec1_right h3 {
    font-size: 24px;
    margin: 0px 0 15px;
}
.arrow-left.pro_left,.arrow-right.pro_right{
   width: 40px;
    height: 40px;
    top: 30%;
}
.arrow-left.pro_left{
	margin-left: 10px;
}
.list>li>a{
	font-size: 16px;
}  
.pro_dre {
    
    margin: 30px auto 0;
} 
.list>li {
  
    line-height: 40px;
   
}
.ind_sec1_right{ margin-top:-20px ;}
}

@media(max-width:1440px) {
.header_share.active img, .header_search.active img {
	margin-top: -20px;
}
.header_bg .header_menu>li>a {
    padding: 0px 12px;
}
.header_tool .header_icon {
    height: 20px;
    margin-top: 27px;
}
.header_tool .header_icon span {
	height: 20px;
}
.header_tool span img {
	width: 20px;
}
.header_bg .logo {
	padding: 0 25px 0 30px;
}
.ind_sec1_left h4 {
	padding-top: 20px;
}
.ind_sec1_left h6 {
	top: 55px;
}
.nav_left {
	padding: 20px 20px 0 2px;
}
.nav_type {
	/* width: 25%; */
}
.nav_imgtype {
	/* width: 30%; */
}
.header_bg .header_menu {

    margin-right: 20px;
}

.header_bg .header_menu>li>a {
    font-size: 15px;

}

.ind_sec1_right h6 {
    font-size: 14px;
}
.ind_sec3_txt h6 {
    font-size: 14px;
    display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:8;
overflow:hidden;
text-overflow:ellipsis;
}

.ind_secadd2_right .ind_sec2_txt h3 {
    height: 40px;
}
.index_sec4_txt {
    bottom: -30px;
}
.list {
    margin-top: 40px;
}
.foot_nav li {
    font-size: 12px;
    letter-spacing: 0px;
    }
    .foot_nav li a {
    font-size: 12px;
    letter-spacing: 0px;
    
}
.pro_dre {
    margin: 20px auto 0;
}
}

@media(max-width:1366px) {
.ind_sec1_left h4 {
	padding-top: 35px;
}
.ind_sec1_left h6 {
	top: 70px;
}
.ind_sec3_txt .tanel-cell {
	padding-right: 25%;
}
.banCTxt h6 {
    font-size: 29px;
    margin-bottom: 0;
}
.banCTxt h3 {
    font-size: 16px;
    letter-spacing: 1px;
}
.banCTxt h6 {
    line-height: 46px;
        width: 679px;
}
}

@media(max-width:1360px) {

.header_share {
	margin-right: 20px;
}
.header_tool .header_language {
	padding-right: 20px;
}
.header_bg .header_menu {
	float: right;
	margin-right: 20px;
}
.header_bg .logo {
	padding: 0 20px 0 30px;
}
.header_bg .header_menu>li>a {
	padding: 0 13px;
}
.list>li>a img{
	width: 45px;
}
.arrow-left.pro_left, .arrow-right.pro_right {
    width: 50px;
    height: 50px;
    top: 38%;
}
.arrow-left.pro_left {
    margin-left: -5px;
}
.pro_left img {
    width: 8px;
    height: auto;
    margin-top: 7px;
}
.pro_right img {
    width: 8px;
    height: auto;
    margin-top: 7px;
}
.arrow-left.pro_left, .arrow-right.pro_right {
    width: 30px;
    height: 30px;
    top: 30%;
}
.pro-list_b {
    width: 80%;
    margin: 0 auto;
}
.header_bg .logo img {
    width: 226px;
}
.header_bg .header_menu>li>a {
   
    line-height: 72px;
}
.header_bg {
    height: 72px;
}
.header_tool .header_language {
    
    margin-top: 7px;
}
.header_tool .header_icon {
   
    margin-top: 21px;
}
.header {
  
    height: 72px;
  }
  .header_share {
    margin-right: 15px;
}
.header_bg .header_menu>li>a {
    padding: 0 10px;
}
.header_bg .header_menu {

    margin-right: 10px;
}
.nav_bot{
	padding: 10px;
}

}

@media(max-width:1280px) {
.header_bg .logo img {
	width: 175px;
}
.header_bg .header_menu {
	margin-right: 18px;
}
.header_bg .header_menu>li>a {
	padding: 0 11px;
}
.header_bg .logo {
	padding: 0;
	margin-top: 13px;
}
.ind_sec1_right h6 {
	-webkit-line-clamp: 4;
}
.more {
	margin-top: 34px;
}
.ind_sec3_txt .tanel-cell {
	padding-right: 9%;
}
.body_line {
	width: 980px;
}
.banner_bot {
	width: 980px;
}
.banner_bot_txt {
	width: 360px;
	padding: 0 16px 27px;
}
.banner_botwid {
	width: 653px;
}
.banner_bot_img {
	width: 253px;
}
.banner_botwid {
	height: 169px;
}
.banner_bl {
	height: 169px;
	padding: 17px 0;
}
.banner_bl span {
	bottom: 17px;
}
.banner_bot_txt h3 {
	padding-top: 6px;
}
.banner_bot {
	height: 169px;
}
.nav_type {
	/* width: 27%; */
}
.nav_imgtype {
	/* width: 31%; */
}
}



@media(max-width:1200px) {
.header_bg .logo {
	padding: 0 10px 0 25px;
}
.header_share {
	margin-right: 20px;
}
.header_tool .header_language {
	padding-right: 20px;
}
.ind_sec3_txt .tanel-cell {
	padding-right: 3%;
}
.nav_type {
	/*width: 29%;*/
}
.nav_imgtype {
	width: 32%;
}
.nav_left {
	padding: 20px 0px 0 0px;
}
}
@media(max-height: 900px){
	.list {
   
    margin-top: 27px;
}
.list>li {
    line-height: 40px;
}
.pro_dre {
    margin: 40px auto 0;
}
}
@media(max-height: 768px){
	
.list>li>a {
    font-size: 14px;
}
.list>li>a img {
    width: 28px;
}
.list {
    margin-top: 14px;
}
.list>li {
    line-height: 30px;
}
.arrow-left.pro_left, .arrow-right.pro_right {
    width: 30px;
    height: 30px;
    top: 26%;
}
.pro_right img {
    width: 7px;
    height: auto;
    margin-top: 7px;
}
.pro_left img {
   width: 7px;
    height: auto;
    margin-top: 7px;
}
.pro_dre {
    margin: 14px auto 0;
}
}

@media(max-width:768px) {
	.banCTxtp {
		width: 90%;
		text-align: left;
		top: 7%;
		margin: auto;
		position: absolute;
		left: 0px;
		right: 0px;
		z-index: 9;
	}
	.ind_sec3_tleft,
	.ind_sec3_tright {
		width: 100%;
		padding: 0;
	}
.navbar-nav {
	width: 100%;
	margin-left: 0px;
	text-transform: uppercase;
}
.navbar-nav li {
	text-align: center;
	border-bottom: 1px dotted #e5e5e5;
	line-height: 40px;
}
.navbar-nav li a {
	color: #666;
	font-size: 13px;
}
.navbar-nav li a:hover {
	color: #0752a4;
}
.headerbg {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 999999;
	background: #fff;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.logo_boxlist {
	float: left;
	width: 118px;
	margin-top: 7px;
}
.navbar-toggle {
	margin-top: 10px;
	margin-right: 0;
	padding-right: 0;
}
.navbar-toggle .icon-bar {
	background-color: #000;
}
.navbar-collapse {
	border-top: 1px solid #e5e5e5;
}
.navbar-toggle .icon-bar {
    background-color: #000;
  }
  .navbar-collapse {
    border-top: 1px solid #e5e5e5;
  }
  .header_icon {
    padding: 10px 0;
    margin: auto;
    width: 100px;
  }
  .header_icon a {
    float: left;
    width: 50px;
  }
  .collapse_lis{
  	display: none;
  }
  .phone .headerbg .menu_box .container{
  	padding:0;
  	width: 94%;
  	margin: 0 auto
  }
  .logo_boxlist a img{
  	
  }


.banCTxtp h3 {
	display: none;
}
.banCTxtp h6 {
display: none;
}
.index_sec5 {
    padding: 50px 0 40px;
}
.ind_sec1_tit {
    width: 94%;
    margin: 0 auto 30px;
}
.ind_sec1_tit h2 {
    font-size: 18px;
    font-weight: bold;
}
.ind_sec1_tit h2 span {
    font-size: 15px;
    margin-left: 5px;
    font-weight: 400;
}
.index_sec5_box {
    width: 94%;
    margin: 30px auto 0;
}
.news_zi {
   
    
    padding: 15px;
    border: #dadada 1px solid;
}
.news_zi h2 {
    font-size: 15px;
	height: auto;
	margin-bottom: 0;
    margin-top: 0;
	-webkit-line-clamp: 3;
}
.news_zi p {
    display: none;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 1px;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 40px;
}
.news_conlist {
   
    margin-bottom: 10px;
}
.index_secadd2 {
    padding: 0px ;
}
.pro_con {
    margin-top: 30px;
    height: 205px !important;
}
.pro_qh {
    left: 0%;
    position: relative;
    width: 100%;
}

   .list>li>a img {
    width: 17px;
    margin-right: 2px;
}
.list>li>a {
    font-size: 12px;
}
.list>li {
    line-height: 24px;
}
.pro_text {
    width: 38%;
    left: 0%;
    top: 0;
}
.pro-list_b {
    width: 90%;
}
.pro_qhimg img{
	width: 100%
}
.pro_qh{
    width: 150%;
    left: 12%;
}
.pro_qhimg{
    padding: 0 5px;
    position: relative;
}
.pro_qhimg div{

}
.pro_qhimg div {	
width: calc(100% - 10px);
position: absolute;	
bottom: 0;
text-align: center;	
left: 5px;	
padding: 7px 0;	
background: rgba(0,0,0,0.6);	
color: #fff;
letter-spacing: 3px;	
font-size: 14px;
}
.pro_qhimg div img{
	
width: 28px;
	
margin-right: 5px;
	
margin-top: -3px;
}
.swiper-containerprop{
	    position: relative;
    overflow: inherit;
}
.ind_sec3_box {
    width: 94%;
}
.ind_sec3_bright {
    float: none;
    width: calc(100% + 10px);
    margin-top: 0px;
    margin-bottom: 0px;
    margin: 0 -5px;
}
.ind_sec3_bleftp{

float: none;

width: 100%;

padding: 0;

position: relative;
}
.ind_sec3_bleftp .ind_sec3img{

}
.ind_sec3_bleftp .ind_sec3img img{
width: 100%
}
.ind_sec3_bright .ind_sec3img {
    float: left;
    width: 50%;
    margin: 10px 0;
    padding: 0 5px;
    background: transparent;
}
.ind_sec3_icon img {
    width: 28px!important;
    margin-bottom: 10px;
}
.ind_sec3_txt h5 {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 2px;
}
.ind_sec3_txt {
   
    left: 20px;
    bottom: 23px;
}
.index_sec3 {
    padding: 50px 0 40px;
}
.index_sec6 {
   
    padding: 0px 0 50px;
}
.index_sec6_box {
     width: 125%;
    margin-left: 19%;
    
}
.index_sec6_con a{
	display: block;
}
.swiper-index_sec6p{
	overflow: inherit;
}
.index_sec6_con{
padding: 0 5px;
}
.index_sec6_txt h5 {
    
    font-size: 14px;
}
.index_sec6_txt h3 {
   
    font-size: 14px;
    margin-top: 7px;
}
.index_sec6_txt {
   
    padding: 17px 20px 14px;
   }
   .index_sec4 {
    padding: 50px 0;
}
.index_sec4_box {
    padding: 0 3%;
}
.index_sec4_box h3 {
    
    font-size: 14px;
}
.index_sec4_box h4 {
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0px 15px;
}
.index_sec4_box h6 {
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 1px;
}
.more {
    margin-top: 30px;
}
.more {
    
        margin: 30px auto 0 !important;
    width: 127px !important;
    letter-spacing: 2px !important;
    line-height: 35px;
    font-size:12px;
    text-align: center; padding: 0;}
.IndexCon {
    width: 94%;
    margin: 0 auto;
    position: relative;
    padding-top: 2px;
    text-align: center;
}
.news_img {
    position: relative;
    z-index: 1;
    float: left;
    width: 50%;
}
.news_zi {
    float: left;
    width: 50%;
}
.banner{
	margin-top:53px;
}
	.ind_sec3_tleft h3 {
		font-size: 15px;
		line-height: 20px;
	}
	.ind_sec3_tright h6 {
		font-size: 13px;
		line-height: 20px;
	}
}

