﻿@charset "utf-8";
/* CSS Document */

@font-face {

font-family: 'hyqihei';

src: url('hyqihei.otf');

}


body{
	font-family:"hyqihei",hyqihei;
}	

[v-cloak]{
	display: none;
}
	
/*header*/
.headerLeft {
    float: left;
    padding: 0;
    padding: 15px 0;
}
.main_cont i {
    color: #fff;
    margin: 0 8px 5px;
    opacity: 0.8;
}
.headerLeft img {
   max-width: 280px;
}
.main_cont {
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 1;
    padding-right: 10px;
}
.headerIn:after {content: "";display: table;clear: both;}

.main_cont a:last-child i{
	margin-right:0;
}

.headerRight {
 float: right;
 position: relative;
}

.headerIn {
    /*padding: 10px 0 7px;*/
}

.headerRightMain:after {content: "";display: table;clear: both;}

ul.headerMenu {
    float: left;
    display: inline-block;
}

.headerSearch {
    float: right;
    padding: 15px 0 0;
}

.headerRightMain {
    display: inline-block;
    width: 100%;
}

ul.headerMenu li {
    float: left;
    position: relative;
}

ul.headerMenu li:nth-child(6) .menuTwo_down1{
    margin-right: -175px;
}

ul.headerMenu li:nth-child(7) .menuTwo_down {
    width: 852px;
    margin-right: -88px;
}

ul.headerMenu li a.hMenu {
    font-size: 16px;
    color: #fff;
    height: 80px;
    padding: 30px 10px 10px;
    line-height: 40px;
    letter-spacing: 1px;
}

ul.headerMenu li a.hMenu:hover{
	background:#3d4c51;
}

.headerSearch:after {content: '';display: table;clear: both;}

.headerSearchLabel {
    float: left;
    position: relative;
    background: #f5f5f5;
    padding: 0 5px;
    border-radius: 4px;
}

.headerCollect {
    float: right;
}

.headerCollect img {
    width: auto;
    height: 20px;
}

.headerSearchLabel input {
    width: 140px;
    border: none;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    padding: 0;
    background: transparent;
    border-radius: 0;
    float: left;
}
.headerSearchLabel a {
    display: inline-block;
    float: left;
    line-height: 24px;
    font-size: 14px;
    padding: 0 5px;
}
.headerSearchLabel a i.fa {
    line-height: 24px;
}
.headerCollect a {
    display: inline-block;
    padding: 2px 5px;
}
.header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    background: #1c6873;
        box-shadow: 0 0 8px #aaa;
}
.two_tit h2 {
    margin: 0;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    letter-spacing: 1px;
}
.menu_two {
    background: #fff;
    position: absolute;
    top: 80px;
    right: 0;
    width: 480px;
    padding-bottom: 10px;
    box-shadow: 0 0 4px #999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.menu_two.show{
	opacity: 1;
	visibility: visible;
	z-index:1
}
.two_tit {
	padding: 15px;
    border-bottom: 1px #666 dotted;
}
.two_L img{
    max-width: 100%;
    margin-bottom: 12px;
}
.two_L, .two_R {
    float: left;
    width: 50%;
    padding: 17px 20px 15px;
}
.two_R{
	padding-top:4px;	 
}
.menuTwo_b{
	position:relative
}
.menuTwo_b:after {
    content: '';
    display: table;
    clear: both;
}
.menuTwo_b:before{
	border-left: 1px dotted #666;
	content:'';
	left:50%;
	width:1px;
	height:100%;
	top:0;
	position:absolute;
}
.two_L{
}
.two_R H5 {
    border-bottom: 1px dotted #666;
    margin: 0;
}

.two_R H5 a{
    padding: 12px 0;
}

.two_R H5 a:hover{
	color:#008bc5;
}

.two_L p {
    font-size: 13px;
    line-height: 20px;
    color: #666;
}
.two_L a span {
    margin-top: 5px;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 1px;
    color: #fff;
    background: #333;
    padding: 5px 14px;
    display: inline-block;
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
}

.two_L a span:hover{
	background:#008bc5;
}

.headerMenu>li>a:after {
    content: '';
    display: inline-block;
    border-bottom: solid 6px #fff;
    border-right: solid 6px transparent;

    border-left: solid 6px transparent;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
   /* visibility: hidden;*/
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.headerMenu li:hover .hMenu:after{
	opacity: 1;
}
.headerMenu li:nth-child(1) .hMenu:after{
	display: none;
}
.warpper {
    padding-top: 80px;
    background-position: center bottom;
    background-repeat: no-repeat;
}
/*header*/

/*banner*/
.ban_img img{
	width: 100%;
}
.ban_img {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.bannerLis {
    height: 100%;
    overflow: hidden;
}
.bannerLis video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bannerLisBg {
    height: 100%;
    background-size: cover;
    background-position: center;
}
.bannerPrev , .bannerNext {
    position: absolute;
    top: 50%;
    width: auto;
    height: 110px;
    margin-top: -55px;
    z-index: 2;
    cursor: pointer;
}
.bannerPrev img , .bannerNext img {
    width: auto;
    height: 100%;
}
.bannerPrev {
    left: 15px;
}
.bannerNext{
    right:15px;
}
/*banner*/


/*index*/
.ind1_text {
    width: 40%;
    color: #008bc5;
    background: -webkit-linear-gradient(45deg,#005192 0,#008bc5 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    margin-bottom: -50px;
}

.index_sec1 {
    padding: 80px 0;
    background: #f7f7f7;
}

.ind1_text h2 {
    margin: 0;
    font-size: 26px;
    line-height: 36px;
    font-weight: 300;
}

.ind1_text p {
    margin: 20px 0 0;
    font-size: 20px;
    line-height: 34px;
    -webkit-text-fill-color: #008bc5;
}
.ind1_imgOverlay h2{
	font-size: 30px;
	margin: 0;
}
.ind1_imgL {
    width: 40%;
    float: left;
    padding-left: 100px;
}

.ind1_img:after {content: "";display: table;clear: both;}

.ind1_imgR {
    float: left;
    width: 60%;
    padding-left: 20px;
}

.ind1_img_one {
    margin-top: 110px;
    min-height: 300px;
    position: relative;
    color: #fff;
    max-width: 690px;
    padding: 28px 46px 80px 24px;
    background-image: linear-gradient(45deg,#005192 0,#008bc5 100%);
}

.ind1_imgBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
}

.ind1_link {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 1px;
    position: absolute;
    bottom: 20px;
    right: 20px;
}
.ind1_link * {
    vertical-align: middle;
}

.ind1_img .ind1_link {
    position: absolute;
    bottom: 15px;
    right: 15px;
}
.ind1_link i.fa {
    border-radius: 50px;
    width: 22px;
    text-align: center;
    height: 22px;
    line-height: 20px;
    border: solid 1px #fff;
    padding-left: 1px;
    margin-left: 10px;
}

.ind1_img p {
    font-size: 22px;
    line-height: 34px;
    font-weight: 300;
}

.ind1_img_two {
    min-height: 300px;
    position: relative;
    overflow: hidden;
    float: left;
    width: 33.33%;
    padding: 0 15px;
	max-height: 500px;
}
.ind1_img_two a {
    display: block;
    height: 100%;
    width: 100%;
    min-height: 300px;
	position:relative;
    overflow: hidden;
	max-height: 500px;
}
.ind1_imgOverlay {
    position: absolute;
    background-image: linear-gradient(45deg,rgba(0,81,146,.9) 0,rgba(0,139,197,.9) 100%);
}
.ind1_imgOverlay:before{
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
}
a:hover .ind1_imgOverlay:before{
    opacity:1;
}

.ind1_img_two .ind1_imgOverlay {
    left: 10px;
    bottom: 10px;
    right: 10px;
    padding: 18px 20px 72px;
    background: rgba(77,174,216,.9);
}
.ind1_img_two:first-child .ind1_imgOverlay{
   	background: rgba(255,188,11,.9);
}

/*.ind1_img_two .ind1_imgOverlay:before{
	background-image: linear-gradient(45deg,#C3004A 10%,#56378A 44%,#008BC5 74%,#55BECF 90%);
}*/
.ind1_imgOverlay p {
    color: #fff;
}

.ind1_img_three {
    min-height: 300px;
    position: relative;
    margin-top: 20px;
    overflow: hidden;
    margin: 0 15px;
	width:calc(33.33% - 30px);
	float:left;
	max-height: 500px;
}
.ind1_cot {
    max-width: 1140px;
    margin: 0 auto;
}
.ind1_img_three a {
    display: block;
    width: 100%;
    height: 100%;
}
.ind1_img_three .ind1_imgOverlay {
    right: 10px;
    bottom: 10px;
    left: 10px;
    padding: 18px 20px 72px;
    background: rgba(143,191,58,.9);
	max-height: 500px;
}


.ind1_img_one:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    background-image: linear-gradient(45deg,#005192 0,#55becf 100%);
    transition: opacity 1s ease-out;
	-webkit-transition: opacity 1s ease-out;
	-moz-transition: opacity 1s ease-out;
	-ms-transition: opacity 1s ease-out;
	-o-transition: opacity 1s ease-out;
}
.ind1_bott {
    margin: 0 -15px;
}

.ind1_bott:after {content: '';display: table;clear: both;}
.ind1_wz {
    max-width: 680px;
    margin: 0 auto 40px;
    text-align: center;
}

.ind1_wz h2 {
    margin-bottom: 40px;
}

.ind1_wz h4 {
    margin: 0;
    font-size: 20px;
    color: #008bc5;
    line-height: 32px;
    margin-bottom: 20px;
}

.ind1_wz p {
    font-size: 15px;
    line-height: 26px;
    margin: 0;
}
/*.ind1_img_one:hover:before {
    opacity: 1;
}*/

.ind1_img_one p {
    position: relative;
}

a:hover .ind1_imgBg {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}

.ind1_imgOverlay p {
    position: relative;
    color: #fff;
    margin: 0;
    font-size: 16px;
}

.ind1_input input{
	width: 100%;
    height: 40px;
    padding: 0 10px;
    border: none;
    color: #DDD;
    background-color: rgba(0,0,0,0.2);
}

.ind1_input {
    position: relative;
    margin-top: 20px;
}

.ind1_input input::-webkit-input-placeholder {
	color: #fff;
	opacity: 0.7;
　　}
.ind1_input　　input:-moz-placeholder {
	color: #fff;
	opacity: 0.7;
　　}
.ind1_input　　input::-moz-placeholder {
	color: #fff;
	opacity: 0.7;
　　}
.ind1_input　　input:-ms-input-placeholder {
	color: #fff;
	opacity: 0.7;
　　}

.ind2_bg {
    position: relative;
}

.ind2_bgLis {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.ind2_bgLis.firstBg {
    position: relative;
}

.ind2_bgLis img {
    width: 100%;
}

.ind2_bgLis.active {
    opacity: 1;
}

.index_sec.index_sec2 {
    position: relative;
}

.ind2_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 75px 20px 15px;
    color: #fff;
    
    transition: color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
}

.ind2_inner h2 {
    margin: 0;
    margin-bottom: 20px;
    font-size: 50px;
    line-height: 66px;
    text-transform: uppercase;
    position: relative;
    pointer-events: none;
}

.ind2_inner p {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 24px;
    position: relative;
    pointer-events: none;
}

.ind2_tab_cont{
    display: inline-block;
    position: relative;
}
.ind2_tab_yin{
    position: absolute;
    bottom: -65px;
    left: 50%;
    margin-left: 10px;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    pointer-events: none;
}
.ind2_tab_yin.ind2_tab_hid{
    opacity: 0;
    visibility: hidden;
}

.ind2_tab_yin img{
    width: 110px;
}
ul.ind2_tab {
    display: inline-block;
    position: relative;
}

ul.ind2_tab li {
    float: left;
    width: 67px;
    text-align: center;
    cursor:pointer;
}

ul.ind2_tab li img {
    width: 50px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

ul.ind2_tab li.active img , ul.ind2_tab li:hover img {
    transform: scale(1.28);
    -webkit-transform: scale(1.28);
    -moz-transform: scale(1.28);
    -ms-transform: scale(1.28);
    -o-transform: scale(1.28);
}


.ind2_btn {
    position: absolute;
    width: 100%;
    bottom: 50px;
    left: 0;
        pointer-events: none;
}

.ind2_btn a {
    display: inline-block;
        pointer-events: all;
    background: #008bc5;
    color: #fff;
    border: solid 1px #008bc5;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 24px;
    padding: 6px 20px;
    border-radius: 50px;
    min-width: 160px;
    text-align: center;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.ind2_btn a:hover {
	background: #fff;
    color: #008bc5;
    border: solid 1px #008bc5;
}

.index_sec3{
    padding-top: 80px;
}
.ind3_top{
    margin-bottom: 30px;
}
.ind3_lis{
    position: relative;
    cursor: pointer;
}
.ind3_top_left{
    float: left;
    width: calc(60% - 30px);
    margin-right: 30px;
}
.ind3_top_Img{
    position: relative;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.ind3_top_txt{
    display: none;
    position: absolute;
    top: 50%;
    z-index: 10;
    padding:  0 15%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.ind3_txt_1_con{
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
}
.ind3_top_txt h3{
    margin: 0 0 30px 0;
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    color: #fff;
}
.ind3_top_txt h5{
    margin: 0 0 10px 0;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
}
.ind3_top_txt p{
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
}
.ind3_top_txt a{
    display: inline-block;
    padding: 10px 25px;
    background: #008bc5;
    font-size: 14px;
    color: #fff;
    border-radius: 56px;
}
.ind3_txt_1_con{
    float: left; 
}
.ind3_txt_1 img{
    float: right;
    width: 50%;
}
.ind3_txt_2_con{
    float: left; 
    width: 50%;
}
.ind3_txt_2 img{
    float: right;
    width: 50%;
}
.ind3_top_right{
    float: left;
    width: 40%;
}
.ind3_lis:before{
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    content: '';
    transition: all .5s;
}
.ind3_lis:hover:before{
    background: rgba(0,0,0,.5);
}
.ind3_Img {
    padding-top: 85%;
    position: relative;
    background-size: cover;
    background-position: center;
}
.ind3_txt{
    display: none;
    position: absolute;
    right: 0;
    bottom: -20px;
    left: 0;
    z-index: 10;
    margin: auto;
    text-align: center;
}
.ind3_txt img{
    width: 60%;
}
.ind3_txt h3{
    margin: 30px 0;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    color: #fff;
    text-align: center;
    padding:0 15px;
}
.ind3_txt a{
    display: inline-block;
    padding: 10px 25px;
    background: #008bc5;
    font-size: 14px;
    color: #fff;
    border-radius: 56px;
}

.ind3_inner:after {content: "";display: table;clear: both;}

.ind3_innerSec {
    width: 50%;
    float: left;
}

.ind3_tab ul li {
    position: relative;
    float: left;
    width: 33.3333%;
    padding-top: 36%;
    cursor: pointer;
}

.ind3_tab ul:after {
    content: "";
    display: table;
    clear: both;
}

.ind3_tabLis {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    text-align: center;
    background-size: cover;
    background-position: center;
}

.tables {
    display: table;
    height: 100%;
    width: 100%;
}

.table_cell {
    display: table-cell;
    vertical-align: middle;
}

.ind3_tabLis p {
    margin: 0;
    font-size: 18px;
    line-height: 1.4;
    color: #fff;
}

.ind3_tabLis:before {content: "";position: absolute;display: block;width: 100%;height: 100%;top: 0;left: 0;background: #000;opacity: 0.6;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}

.ind3_tabLis .tables {
    position: relative;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.ind3_tabLis:hover:before {
    opacity:0.4;
}
li.active .ind3_tabLis:before {
    opacity:0;
}
li.active .ind3_tabLis .tables {
    opacity:0;
}
.ind3_inner {
    background: #efefef;
}

.ind3_right {
    padding: 8% 10% 0;
}

.ind3_rLis h2 {
    margin: 0 0 15px;
    font-size: 38px;
    line-height: 1.2;
    color: #454545;
    text-transform: uppercase;
}

.ind3_rLis p {
    margin: 0;
    font-size: 16px;
    line-height: 26px;
    color: #8b8b8b;
}

.ind3_rImg:after {content: "";display: table;clear: both;}

.ind3_rImgL {
    float: left;
    width: 250px;
}

.ind3_rImgL img {
    width: 130%;
    margin-left: -15%;
}

.ind3_rImgR {
    padding-left: 250px;
}

.ind3_rImg {
    margin: 40px 0 0;
}

.ind3_rImgR h6 {
    margin: 0 0 15px;
    font-size: 12px;
    line-height: 22px;
    text-transform: uppercase;
    color: #888;
}

.ind3_rImgR h3 {
    margin: 0 0 15px;
    font-size: 24px;
    line-height: 34px;
    color: #222;
}

.ind3_rImgR p {
    margin: 0 0 5px;
    font-size: 14px;
    line-height: 24px;
    color: #666;
}

.ind3_btn {
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 22px;
    border: solid 1px #008bc5;
    color: #008bc5;
    border-radius: 50px;
    padding: 5px 15px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.ind3_rImgR .ind3_btn {
    margin-top: 30px;
}

.ind3_btn:hover {
    background:#008bc5;
    color:#fff;
}
.index_sec.index_sec4 {
    padding: 80px 0;
}

.ind4_Img {
    padding-top: 60%;
    position: relative;
    background-size: cover;
    background-position: center;
    transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
}

.ind4_txt {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    padding: 12px 20px;
    min-height: 84px;
    background-image: linear-gradient(45deg,rgba(195,0,74,.9) 0,rgba(86,55,138,.9) 34%,rgba(0,139,197,.9) 68%,rgba(85,190,207,.9) 100%);
}

.ind4_txt h3 {
    margin: 0;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

h2.ind4_tit {
    margin: 0 0 15px;
    font-size: 24px;
    line-height: 34px;
    color: #008bc5;
    font-weight: bold;
}

.ind4_lis {
    overflow: hidden;
    position: relative;
}

.ind4_lis a:hover .ind4_Img{
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
}

.ind4_txt:before {content: "";display: block;position: absolute;left: 0;right: 0;bottom: 0;top: 0;opacity: 0;z-index: 0;background-image: linear-gradient(45deg,#005192 0,#008bc5 100%);transition: all 1s ease-out;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-ms-transition: all 1s ease-out;-o-transition: all 1s ease-out;}

.ind4_txt.co1{
    background-image: linear-gradient(45deg,rgba(150,191,13,.9) 0,rgba(241,142,0,.9) 25%,rgba(228,49,44,.9) 67%,rgba(195,0,74,.9) 100%);
}
.ind4_txt.co2{
    background-image: linear-gradient(45deg,rgba(195,0,74,.9) 0,rgba(86,55,138,.9) 34%,rgba(0,139,197,.9) 68%,rgba(85,190,207,.9) 100%);
}
.ind4_txt.co3{
    background-image: linear-gradient(45deg,#55becf 0,#005192 100%);
}
.ind4_txt.co1:before{
    background-image: linear-gradient(45deg,#96BF0D 10%,#F18E00 37%,#E4312C 67%,#C3004A 90%);
}
.ind4_txt.co2:before{
    background-image: linear-gradient(45deg,#C3004A 10%,#56378A 44%,#008BC5 74%,#55BECF 90%);
}
.ind4_txt.co3:before{
    background-image: linear-gradient(45deg,#55becf 0,#005192 100%);
}
.ind4_lis a:hover .ind4_txt:before{
    opacity:1;
}

.ind4_txt * {
    position: relative;
}
#ind2_canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}
div#ind2_canvas.draw {
    cursor: url("../images/draw.png"),auto;
}
/*index*/

	
	

	
	
	
	
	
/***footer***/
.footerMain {
    background: #1c6873;
}

.footerLine {
    height: 5px;
}

.footerContent {
    position: relative;
    padding: 30px 0 20px;
    padding-right: 115px;
}

img.footerImg {
    position: absolute;
    width: 110px;
    bottom: 0;
    right: 0;
}

.footerContent ul:after {content: "";display: table;clear: both;}

.footerContent ul li {
    float: left;
    margin-right: 35px;
    margin-bottom: 25px;
}

.footerContent ul {
    margin: 0;
    padding: 0;
    min-height: 140px;
}

.footerContent li h3 {
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
    color: #7e8a90;
}
.footerContent li h3 a{
    color: #7e8a90;
}

.footerContent li h4 a {
    font-size: 14px;
    line-height: 1.6;
    color: #fff;
}
.footerContent li a:hover {
    text-decoration: underline;
}
.footerContent li h4 {
    margin: 5px 0 0;
}

.footerCopy:after {content: "";display: table;clear: both;}

.copy {
    float: left;
    color: #7e8a90;
    font-size: 12px;
    line-height: 24px;
    padding: 10px 0;
    font-family: Arial, Helvetica, sans-serif;
}

.footerCopy {
    border-top: 1px solid #7e8a90;
    padding: 0;
}

div#footer_unohacha {
    float: right;
}

.copy span {
    font-family: "Microsoft YaHei",微软雅黑,STHeiti;
}
/*footer*/













/**news**/
.main_ban {
    height: 70vh;
    position: relative;
    background-size: cover;
    background-position: center;
	background-repeat:no-repeat;
    min-height: 500px;
}

.ban_wz {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    transform: translateY(-50%);
}

.ban_txt{
    max-width: 760px;
	margin:0 auto;
	text-align:center
}

.ban_txt h3 {
    margin: 0;
    font-size: 64px;
    letter-spacing: 0.4px;
    line-height: 1.2;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
}

.ban_txt p {
    font-size: 16px;
    line-height: 30px;
    width: 92%;
    margin: 0 auto;
    color: #333;
}

.ban_down {
    position: absolute;
    bottom: 0;
    transform: translate(-50%,50%);
    left: 50%;
    background: #fff;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
	border-radius:50%;
	border:solid 1px #ddd;
	color:#aaa;
    cursor: pointer;
}

.ban_down i {
    font-size: 30px;
	line-height:38px;
}




.news_box {
    padding: 80px 0 50px;
}
.news_img{
	overflow:hidden;
}

.news_img img {
    width: 100%;
	transition:all 0.8s ease;
	-webkit-transition:all 0.8s ease;
	-moz-transition:all 0.8s ease;
	-ms-transition:all 0.8s ease;
	-o-transition:all 0.8s ease;
}

.news_lis:hover .news_img img {
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transition:all 0.8s ease;
	-webkit-transition:all 0.8s ease;
	-moz-transition:all 0.8s ease;
	-ms-transition:all 0.8s ease;
	-o-transition:all 0.8s ease;
}

.news_wz {
    padding: 10px 30px 30px 40px;
    position: relative;
    margin: 10px 0 0;
}

.news_line {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #2c353a;
    width: 5px;
}

.news_line:before {
    content: '';
    width: 100%;
    background: #008bc5;
    position: absolute;
    top: 0;
    left: 0;
	height:0;
	transition:all 0.6s ease-in;
	-webkit-transition:all 0.6s ease-in;
	-moz-transition:all 0.6s ease-in;
	-ms-transition:all 0.6s ease-in;
	-o-transition:all 0.6s ease-in;
}

.news_lis:hover .news_line:before {
	height:100%;
}

.news_lis:hover .news_wz h3{
	color:#008bc5;
}

.col-sm-4 .news_line{
	width:4px;
}

.news_lis {
    margin-bottom: 30px;
}

.news_wz h5 {
    margin: 0;
    font-size: 14px;
    color: #aaa;
    line-height: 24px;
    margin-bottom: 4px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0.5px;
}

.news_wz h3 {
    margin: 0;
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
	transition:all 0.6s ease-in;
	-webkit-transition:all 0.6s ease-in;
	-moz-transition:all 0.6s ease-in;
	-ms-transition:all 0.6s ease-in;
	-o-transition:all 0.6s ease-in;
}

.col-sm-4 .news_wz h3{
    margin-bottom: 20px;
}

.news_wz p {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 72px;
    margin: 0;
}

.news_more {
    text-transform: uppercase;
    color: #333;
	font-family:Arial, Helvetica, sans-serif;
}

.news_box {
    padding: 80px 0 50px;
}

.news_menu li {
    position: relative;
    float: left;
    padding: 0 10px;
}
.news_menu li img{
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    width: 140px;
    -webkit-transform: translate(-50% ,-50%);
    -moz-transform: translate(-50% ,-50%);
    -o-transform: translate(-50% ,-50%);
    -ms-transform: translate(-50% ,-50%);
    transform: translate(-50% ,-50%);
}
.news_menu li.curr img{
    display: block;
}

.news_menu ul:after {content: '';display: table;clear: both;}

.news_menu {
    position: relative;
    z-index: 2;
    margin-bottom: 60px;
}

.news_menu li a {
    font-size: 18px;
    color: #333;
	position:relative;
    padding: 0 10px 0 0;
    line-height: 40px;
    font-weight: bold;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.news_menu ul {
    margin: 0 -10px;
}

.news_menu li a:before{
	content:"";
	width:0;
	height:2px;
    background: #008bc5;
	position:absolute;
	top:50%;
	left:0;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}
.news_menu li.curr a{
    color: #fff;
}
.news_menu li a:hover{
	color: #008bc5;
}

/*.news_menu li.curr a:before,.news_menu li a:hover:before{
	width:100%;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}*/







/**newsdot**/
.newsdot_box {
    padding: 80px 0;
}

.newsd_cot {
    max-width: 800px;
    margin: 0 auto;
}

.newsd_wz img {
    max-width: 100%;
}

.newsd_tit h3 {
    margin: 0;
    font-size: 30px;
    color: #333;
    font-weight: bold;
    line-height: 40px;
    margin-bottom: 16px;
}

.newsd_return a {
    color: #008bc5;
    font-size: 14px;
    letter-spacing: 1px;
}

.newsd_return {
    margin-bottom: 30px;
}

.newsd_tit h5 {
    margin: 0;
    line-height: 24px;
    color: #888;
	font-family:Arial, Helvetica, sans-serif;
}

.newsd_tit {
    margin-bottom: 60px;
}

.newsd_wz p {
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 6px;
}

.newsd_tj {
    margin-top: 80px;
}

.newsd_tj_tit img {
    width: 20px;
    transform: rotate(45deg);
    margin-right: 10px;
}

.newsd_tj_tit h3 {
    letter-spacing: 1px;
    margin: 0 0 15px;
    font-size: 24px;
    line-height: 34px;
    color: #008bc5;
    font-weight: bold;
}

.newsd_tj_tit {
    margin-bottom: 40px;
}

.newsd_tj li {
    width: 50%;
    float: left;
    padding: 0 15px;
}

.newsd_tj ul {
    margin: 0 -15px;
}

.newsd_tj ul:after {content: '';display: table;clear: both;}

.newsd_tj .news_lis {
    margin-bottom: 0;
}




/**contact**/
.cont_box1 {
    padding: 80px 0 0;
}

.cont1_left {
    padding-right: 75px;
    padding-top: 10px;
    /*background: #fff;
	background:url(../images/cont1_1.jpg) center center;*/
}

.cont1_map {
    height: 60vh;
    width: 95%;
}

.cont1_map * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.cont1_map label {
    max-width: 1000px;
}

.cont1_wz {
    position: relative;
    left: -60px;
    margin-bottom: 40px;
}

.cont1_right {
    margin-top: 100px;
}

.cont1_wz h3 {
    font-size: 24px;
    line-height: 36px;
    margin: 0;
    font-weight: bold;
    color: #333;
}

.cont1_wz h3 span {
    display: block;
	font-family:Arial, Helvetica, sans-serif;
}

.cont1_txt h5 {
    margin: 0;
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 30px;
    font-weight: bold;
    color: #008bc5;
}

.cont1_txt {
    margin-left: 70px;
    border-top: dashed 1px #888;
    padding-top: 20px;
}

.cont1_lx p {
    font-size: 16px;
    line-height: 28px;
    margin: 0 0 2px;
}

.cont1_lx p span{
	font-family:Arial, Helvetica, sans-serif;
}

.warpper_bg{
	background:#f0f0f0;
}

.cont1_bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 0;
    height: calc(100% - 50px);
    width: calc(100% + 160px);
    left: -80px;
}

.cont_box1 .container{
	position:relative;
}

.cont1_zmt {
    margin-top: 30px;
}

.cont1_zmt a {
    color: #008bc5;
    font-size: 16px;
    margin: 0 16px 0 0;
}

.cont_box2 {
    padding: 80px 0;
}

.cont_box2 {
    padding: 80px 0;
}

.cont2_tit h3 {
    margin: 0 0 15px;
    font-size: 40px;
    line-height: 52px;
    color: #008bc5;
    font-weight: bold;
}

.cont2_tit h5 {
    max-width: 400px;
    font-size: 15px;
    line-height: 26px;
    color: #333;
}

.cont2_tit {
    margin-bottom: 60px;
}

.cont2_cot li {
    width: 50%;
    padding: 0 25px;
	float:left;
}

.cont2_cot ul:after {content: '';display: table;clear: both;}

.cont2_cot ul {
    margin: 0 -25px;
}

.cont2_lis {
    border-top: dashed 1px rgba(0, 139, 197, 0.4);
    padding-top: 10px;
}

.cont2_lis h5 {
    margin: 0;
    font-size: 12px;
    line-height: 24px;
    color: #333;
    font-weight: bold;
}

.cont2_lis label {
    padding-left: 50px;
    font-weight: normal;
    display: block;
    padding-bottom: 20px;
}

.cont2_lis input {
    width: 100%;
    line-height: 36px;
    height: 36px;
    border: 0;
    background: none;
    border-bottom: solid 1px #ddd;
    font-size: 14px;
}

.cont2_btn .arrow_right {
    background-color: #008bc5;
    display: inline-block;
    height: 1px;
    right: 15px;
    top: 50%;
    width: 50px;
    position: absolute;
    margin-left: 10px;
    transform: translateY(-50%);
}

i.arrow_right:before,i.arrow_right:after {
    background-color: #008bc5;
    content: "";
    height: 1px;
    position: absolute;
    right: -1px;
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    width: 8px;
}

i.arrow_right:before{
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

i.arrow_right:after{
    top: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

i.arrow_yuan {
    border-radius: 50%;
    border: 1px solid #008bc5;
    display: inline-block;
    height: 26px;
    position: relative;
    width: 26px;
    margin-left: 40px;
}

.cont2_btn a {
    line-height: 26px;
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    font-family:Arial, Helvetica, sans-serif;
    position: relative;
	height:26px;
}

.cont2_btn {
    text-align: right;
}

.cont2_btn a span {
    position: relative;
    top: -7px;
    padding-right: 5px;
}






/**case**/
.case_box1 {
    padding: 80px 0 0;
}
.case1_tit {
    text-align: center;
    margin-bottom: 40px;
}

.case1_tit h3 {
    font-size: 34px;
    line-height: 46px;
    margin: 0;
    font-weight: bold;
    color: #008bc5;
    text-transform: capitalize;
}

.case1_tit a {
    text-transform: uppercase;
    color: #008bc5;
    line-height: 20px;
}

.case1_tit .pro_icon{
	float: right;
}

.case1_img img {
    width: 100%;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.case1_lis {
    background: #fff;
    margin-bottom: 40px;
}

.case1_lis:hover .case1_img img{
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05);
}

.case1_wz {
    padding: 20px 30px 40px 30px;
    text-align: center;
}

.case1_img {
    overflow: hidden;
}

.case1_wz h3 {
    font-size: 18px;
    line-height: 30px;
    margin: 0;
    overflow: hidden;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
    letter-spacing: 1px;
}

.case1_btn span {
    font-size: 12px;
    border: 1px solid #008bc5;
    color: #008bc5;
    background-color: transparent;
    padding: 9px 25px;
    display: inline-block;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
	font-family:Arial, Helvetica, sans-serif;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
}
.case1_lis:hover .case1_btn span,.socB_lis:hover .case1_btn span,.socBR_lis:hover .case1_btn span,.case2_more a:hover{
	background:#008bc5;
	color:#fff;
}

.case_box1 .pro1_list{
	display: none;
	background: #fff;
}


.case_box2 {
    padding: 40px 0 80px;
}

.case2_img img {
    width: 100%;
}

.case1_tit p {
    margin-top: 30px;
    font-size: 14px;
    line-height: 24px;
}

.case2_wz {
    width: 76%;
    margin: 0 auto;
    background: #fff;
    padding: 40px 30px 40px 30px;
    text-align: center;
    margin-top: -40px;
    position: relative;
}

.case2_wz h3 {
    font-size: 15px;
    line-height: 26px;
    color: #333;
    max-width: 600px;
    margin: 0 auto 10px;
}

.case2_wz p {
    font-size: 14px;
    line-height: 24px;
}

.case2_more a {
    font-size: 12px;
    border: 1px solid #008bc5;
    color: #008bc5;
    background-color: transparent;
    padding: 9px 25px;
    display: inline-block;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
	font-family:Arial, Helvetica, sans-serif;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
}

.case2_more {
    margin-top: 30px;
}


.case4_lis {
    height: 70vh;
    position: relative;
    background-size: cover;
    background-position: center;
	background-repeat:no-repeat;
    min-height: 500px;
}

.case4_cot {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 800px;
    padding: 0 15px;
    transform: translate(-50% ,-50%);
    text-align: center;
    color: #fff;
}

.case4_cot h4 {
    margin: 0;
    line-height: 28px;
    letter-spacing: 1px;
}

.case4_btn h3 {
    font-size: 30px;
    letter-spacing: 4px;
    margin: 0;
    line-height: 44px;
    display: inline-block;
    /*border: solid 1px #fff;*/
    min-width: 180px;
    position: relative;
}

.case4_btn {
    margin-bottom: 50px;
}

/*.case4_btn h3:before {content: '';width: calc(100% + 2px);position: absolute;top: -7px;left: 8px;height: calc(100% + 2px);border: solid 1px #fff;}
*/
.case4_page {
    bottom: 90px !important;
	z-index:1
}

.case4_page span {
    background: #fff;
    width: 8px;
    height: 8px;
    border-radius: 5px;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
}

.case4_page .swiper-pagination-bullet-active {
    width: 20px;
}




.case4_cot li {
    display: inline-block;
    margin: 0 20px;
    font-size: 15px;
}

.case4_cot li a {
    color: #fff;
    opacity: 0.8;
    letter-spacing: 1px;
    padding: 0 30px;
    line-height: 40px;
    position: relative;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}

.case4_cot li a:before {
    content: '';
    width: calc(100% + 2px);
    position: absolute;
    top: -7px;
    left: 8px;
    height: calc(100% + 2px);
    border: solid 1px rgba(255, 255, 255, 0.6);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}

.case4_cot li a:after {
    content: '';
    width: calc(100% + 2px);
    position: absolute;
    top: 0;
    left: 0;
    height: calc(100% + 2px);
    border: solid 1px rgba(255, 255, 255, 0.6);
}

.case4_cot li a:hover{
	opacity:1;
	background: #fff;
	color: #333;
}

.case4_cot li a:hover:before {
    top: -1px;
    left: -1px;
}

/*.ban_wz .container {
    position: relative;
}*/

.case_box3{
	padding-bottom: 80px;
}

.case3_cot li {
    width: 50%;
    float: left;
    padding: 0 10px;
}

.case3_cot ul{
    margin: 0 -10px;
}

.case3_img img {
    width: 100%;
}

.case3_lis{
	background:#fff;
}

.case3_txt li {
    float: none;
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    padding: 10px;
	padding-top:20px;
    position: relative;
}

.case3_wz {
    padding: 30px 60px;
}

.case3_tit h3 {
    margin: 0;
    text-align: center;
    color: #333;
    letter-spacing: 3px;
    font-size: 28px;
    font-weight: bold;
}

.case3_txt li h5 {
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    color: #888;
}

.case3_txt li h3 {
    margin: 0;
    font-size: 18px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #444;
    font-weight: bold;
    letter-spacing: 1px;
}

.case3_tit {
    margin-bottom: 20px;
}

.case3_txt {
    height: 243px;
    padding-right: 15px;
	overflow:hidden;
}

.case3_txt:hover{
    overflow-y: auto;
}

.case3_txt::-webkit-scrollbar-track-piece{width:10px;background-color:#f2f2f2}
.case3_txt::-webkit-scrollbar{width:5px;height:6px}
.case3_txt::-webkit-scrollbar-thumb{height:50px;background-color:#008bc5;}

.case3_txt li:after {content: '';width:0;background: #111;height: 1px;position: absolute;bottom: 0;left: 0; transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}

.case3_txt li:hover:after{
	width: 100%;
}

i.case3_bg {
    position: absolute;
    top: 48px;
    right: 0;
    width: 11px;
    height: 16px;
    background: url(../images/ico_dash_c02.svg) 100% 100% no-repeat;
    content: " ";
    transition: right 250ms cubic-bezier(.25,.46,.45,.94);
    pointer-events: none;
}

.case3_txt li:hover .case3_bg{
    right: 8px;
    background: url(../images/ico_link_c02.svg) 100% 100% no-repeat;
}

.case3_cot ul:after {content: '';display: table;clear: both;}

/*.case_box4{
	padding-top:80px;
}*/




/**casedot**/
.cased_cot li {
    width: 33.33%;
	padding:0 15px;
    float: left;
    padding-bottom: 30px;
}

.cased_cot ul{
	margin:0 -20px;
}

.cased_img img {
    width: 100%;
}

.cased_cot ul:after {content: '';display: table;clear: both;}

.cased_wz {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
	opacity:0;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.cased_lis {
    position: relative;
}

.cased_lis:hover .cased_wz{
	opacity:1;
}

.cased_wz h3 {
    margin: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    color: #fff;
    font-size: 20px;
    transform: translateY(-50%);
    padding:0 15px;
}

.cased_box {
    padding: 80px 0;
}




/**about**/
.about_box1 {
    padding: 80px 0 0;
}

.about1_img img {
    width: 100%;
}

.about1_right {
    padding-left: 30px;
}

.about1_top {
    width: 50%;
    margin-bottom: 10px;

}

.about1T_tit h5 {
    margin: 0;
    line-height: 20px;
    font-size: 12px;
    text-transform: capitalize;
	letter-spacing:0.4px;
    color: #aaa;
    margin-bottom: 4px;
	font-family:Arial, Helvetica, sans-serif;
}

.about1T_tit h3 {
    font-size: 34px;
    line-height: 46px;
    margin: 0;
    font-weight: bold;
    color: #008bc5;
	text-transform:capitalize
}

.about1T_tit {
    margin-bottom: 30px;
}

.about1_wz {
    text-align: right;
}

.about1_wz p {
    font-size: 14px;
    line-height: 24px;
    color: #666;
}

.about1_plus {
    font-size: 26px;
    margin-top: 50px;
}

.about1_plus i:after {content: '';width: 20px;height: 3px;background: #008bc5;display: inline-block;}

.about1_plus i:before {content: '';height: 20px;width: 3px;position: absolute;top: 50%;left: 50%;margin-left: -1px;margin-top: -10px;background: #008bc5;}

.about1_plus i {
    display: inline-block;
    position: relative;
}

.about1_bottom {
    width: 50%;
    margin-left: 50%;
	text-align:right;
}

.about1B_tit h5 {
    margin: 0;
    line-height: 20px;
    font-size: 12px;
    text-transform: capitalize;
	letter-spacing:0.4px;
    color: #aaa;
    margin-bottom: 4px;
    font-family: Arial, Helvetica, sans-serif;
}

.about1B_tit h3 {
    font-size: 34px;
    line-height: 46px;
    margin: 0;
    font-weight: bold;
    color: #008bc5;
    text-transform: capitalize;
}

.about1B_tit {
    margin-bottom: 20px;
}

.about_box2 {
    padding: 80px 0 0;

}

.about2_left {
    width: 52%;
    float: left;
    padding: 40px 60px 0 40px;
}

.about2_right {
    float: left;
    width: 48%;
}

.about2_tit h5 {
    margin: 0;
    line-height: 20px;
    font-size: 12px;
    text-transform: capitalize;
    color: #aaa;
    letter-spacing: 0.4px;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    left: -60px;
    margin-bottom: 10px;
}

.about2_tit h5 i {
    width: 120px;
    background: #ccc;
    position: absolute;
    top: 50%;
    height: 1px;
    margin-left: 10px;
}

.about2_tit h3 {
    font-size: 34px;
    line-height: 46px;
    margin: 0;
    font-weight: bold;
    color: #008bc5;
    text-transform: capitalize;
}

.about2_tit {
    margin-bottom: 30px;
}

.about2_wz li {
    width: 80%;
    padding: 0px 15px;
}

.about2_wz ul {
    margin: 0 -15px;
}

.about2_wz ul:after{
	display:table;
	content:"";
	clear:both;
}

.about2_wz li h5 {
    margin: 0;
    font-size: 20px;
    line-height: 30px;
    color: #008bc5;
    font-weight: bold;
    margin-bottom: 10px;
}

.about2_wz p {
    font-size: 14px;
    line-height: 24px;
    color: #888;
    margin-bottom: 20px;
}

.about2_img {
    border: solid 1px #ddd;
}

.about2_img img {
    width: 100%;
}

.about_box {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0 80px;
}

.about3_li {
    padding-bottom: 50vh;
    position: relative;
}

.about3_left{
	margin:0 20px;
}

.about3_cot {
    width: 88%;
    margin: 0 auto;
}

.about3_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 0 10px #aaa;
}

.about3_right {
    width: 64%;
    float: left;
}

.about3_lis {
    padding: 0 20px;
}

.about3_item {
    padding-bottom: calc((50vh - 40px)/2);
    position: relative;
    margin-bottom: 40px;
}

.about3_cot:after {content: '';display: table;clear: both;}

.about3R_cot:after{
	content: '';display: table;clear: both;
}

.about3R_cot {
    margin: 0 -20px;
}

.about4_tit {
    width: 50%;
    padding: 50px 40px 20px;
    text-align: right;
}

.about4_tit h3 {
    font-size: 40px;
    line-height: 50px;
    margin: 0;
    color: #008bc5;
    font-weight: bold;
}

.about_box4 {
	margin-top: 80px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	background-attachment:fixed;
	height:591px;
	overflow:hidden;
}

.ab4_box{
	position:relative;
    padding: 80px 0;
}
.about_box4_mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
}
ul.ab2_ul li {
    width: 25%;
    float: left;
    position: relative;
    left: -10px;
}

.ab2_main {
    padding: 80px 0;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
}

ul.ab2_ul {
	width: 1140px;
    text-align: left;
    color: #fff;
	float:left;
}

.ab2_top {
    position: relative;
    left: 40px;
    height: 50%;
}

.ab2_bottom {
    position: absolute;
    height: 50%;
    width: 100%;
    left: -40px;
    bottom: 0;
}

.ab2_top .ab2_pic{
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
	width: 180px;
}

.ab2_top .ab2_pic img{
	width: 100%;
}

.ab2_bottom .ab2_pic{
    position: absolute;
    bottom: 0;
    left: 100%;
    z-index: 1;
    width: 180px;
    margin-left: 30px;
}
.ab2_bottom .ab2_pic img{
	width: 100%;
}

.ab2_txt {
    position: absolute;
    top: 0;
    width:100%;
}

.ab2_txt .ab2_txtIn{
	display: inline-block;
	position: relative;
	max-width: 100%;
}

.ab2_txt h2 {
    margin: 0 0 15px;
    font-size: 18px;
    line-height: 1.42;
	font-family:Arial, Helvetica, sans-serif;
}

.ab2_txt h4 {
    margin: 0;
    font-size: 15px;
    line-height: 28px;
    letter-spacing: 1px;
    position: relative;
	cursor: pointer;
}

img.ab2_line {
    height: 100%;
}

.ab2_lis {
    height: 431px;
    position: relative;
}

span.cir_num {
    position: absolute;
    background: #fff;
	font-size: 16px;
    color: #000;
    width: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    top: 50%;
    left: 10px;
    margin-top: -30px;
    z-index: 1;
	font-family:Arial, Helvetica, sans-serif;
}

.ab2_top .ab2_txt {
    left: 90px;
}

.ab2_top .ab2_txt h4.h41 {
    left: -13px;
}
.ab2_top .ab2_txt h4.h42 {
    left: -21px;
}
.ab2_top .ab2_txt h4.h43 {
    left: -29px;
}
.ab2_top .ab2_txt h4.h44 {
    left: -37px;
}
.ab2_top .ab2_txt h4.h45 {
    left: -45px;
}

.ab2_bottom .ab2_txt h4.h41{
    left: 13px;
}
.ab2_bottom .ab2_txt h4.h42 {
    left: 21px;
}
.ab2_bottom .ab2_txt h4.h43 {
    left: 29px;
}
.ab2_bottom .ab2_txt h4.h44 {
    left: 37px;
}
.ab2_bottom .ab2_txt h4.h45 {
    left: 45px;
}

.ab2_bottom .ab2_txt {
    bottom: 0;
    top: auto;
    left: 30px;
}

.ab2_bottom .ab2_txt h2 {
    margin: 15px 0 0;
}

.ab2_t_img img {
    width: 160px;
}

.ab2_bottom .ab2_t_img {
    position: relative;
    left: 55px;
}

.ab2_lis:after {
    content: "";
    display: block;
    width: 100%;
    height: 6px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -3px;
}

ul.ab2_ul:after {
    content: "";
    display: table;
    clear: both;
}

.about_sec2 {
    margin-top: 120px;
	background:url(../images/about_bg.jpg) no-repeat center center fixed;
}

.ab2_tit {
    margin-bottom: 60px;
}


.ab2_scbox:after {
    content: "";
    display: table;
    clear: both;
}

.lishi_box{ padding-top:20px; }
.lishi_box li{  line-height:25px;   font-size:13px; text-align:left;color: #7d7d7d; }
.lishi_box li strong{ font-size:15px; color:#444; margin-right:10px;}
.ab2_scroll {
    overflow: hidden;
}


.ab2_txt h4 img {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 100%;
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
    visibility: hidden;
    transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.ab2_txt h4:hover img {
    visibility: visible;
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;opacity:1;
}






.about0_cot .about1T_tit{
    text-align: center;
}

.about0_bottom{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;  
    -webkit-align-items:center;
    box-align:center;
    -moz-box-align:center;
    -webkit-box-align:center;
    align-items:center;
}
.about0_left {
    width: 41%;
    float: left;
}

.about0_left  img {
    width: 100%;

}

.about_box0 {
    padding: 80px 0 0;
}

.about0_right {
    float: right;
    width: 59%;
    padding-left: 60px;
}

.ab0_ico {
    position: absolute;
    width: 76px;
    top: 23px;
    left: 10px;
    
}

.ab0_ico img {
    width: 100%;
    position: absolute;
    top: 0;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.ab0_ico img:first-child{
	opacity: 0;
}

.ab0_ico_active img:last-child{
	opacity: 0;	
}
.ab0_ico_active img:first-child{
	opacity: 1;
}

.ab0_lis {
    position: relative;
    padding: 10px 0 10px 100px;
    margin-bottom: 30px;
    cursor: default;
}

.ab0_lis h3 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    opacity: 0.8;
    margin: 0;
    margin-bottom: 10px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.ab0_lis p {
    font-size: 14px;
    line-height: 24px;
    margin: 0;
}
/*
.about0_wz .ab0_lis:before{
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: block;
    content: '';
    background: #efefef;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: all .5s;
    transition: all .5s;
    border-radius: 5px;
}*/

.ab0_ico_active h3{
 	color: #008bc5;
}


.about0_cot:after {content: '';display: table;clear: both;}

.about_box5 {
    padding-top: 80px;
}











/**product**/

#myTab1{
	position: relative;
	border-bottom: 1px solid #eee;
}
#myTab1 li {
    width: 18%;
    float: left;
    text-align: center;
    padding-bottom: 10px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}
#myTab1 li a{
	color:#333;
}

#myTab1 li.active a{
	color: #008bc5;
	position: relative;
}
.pro_sec1 {
    padding-top: 80px;
}
#myTab1 li.active a:after {
    display: inline-block;
    content: '';
    position: absolute;
    bottom: -18px;
    left: 50%;
    margin: 0 0 0 -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #008bc5 transparent transparent transparent;
}
#myTabContent{
	/*padding-top: 50px;*/
}
.pro1_img {
    width: 100%;
    max-width: 180px;
    margin: 0 auto;
}
.pro1_txt h3 {
    font-size: 24px;
    line-height: 36px;
    font-weight: bold;
    color: #333;
    margin: 0 0 14px;
}
.pro1_txt h5 {
    font-size: 14px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: 72px;
}
.pro1_txt a{
    background-color: transparent;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 22px;
    border: solid 1px #008bc5;
    color: #008bc5;
    border-radius: 50px;
    padding: 5px 15px;
    margin-top: 14px;
}
.pro1_img img{
	width: 100%;
}
.pro1_li {
    padding: 30px 0;
    margin: 0 auto;
    position: relative;
}
.pro1_li:after{
	position: absolute;
	content: "";
	width: 66.66%;
	height: 1px;
	background: #eee;
	bottom: 0;
	left: 16.66%;
}
.product_all {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 80px;
}
.product_all a {
    color: #008bc5;
    font-size: 16px;
}
.pro_icon span{
	display: inline-block;
	width: 24px;
	height: 24px;
	cursor: pointer;
	z-index: 10;
}
.pro_icon span:nth-child(2){
	background-position: -24px -24px;
}
.pro_icon span:nth-child(2).active{
	background-position: -24px 0;
}
.pro_icon span:nth-child(1){
	background-position: 0 -24px;
	margin-right: 10px;
}
.pro_icon span:nth-child(1).active{
	background-position:  0 0;

}

.pro_icon {width: 10%;float: left;text-align: right;}
.pro1_gridImg img{
	width: 100%;
}
.pro1_grid ul li{
	float: left;
    padding: 0 10px 30px;
    width: 25%;
    text-align: center;
}
.pro1_grid ul .pro1_gridImg {
    width:100%;
    max-width: 220px;
    margin: 0 auto;
}
.pro1_grid h3 {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}
.pro1_lists{
    position: relative;
}
.pro1_list {
	display:block
}
.pro1_grid {
	display:none
}

/*#myTabContent .TabHide5{
	display:none
}*/

#myTabContent .TabHide5:first-child{
	display:block
}



/**prodot**/
.prod_box1 {
    padding: 80px 0 0;
}

.prod1_cot {
    background: #fff;
}

.prod1_top {
    padding: 50px 0 30px;
    border-bottom: solid 1px #ddd;
}

.prod1_cont {
    width: 80%;
    margin: 0 auto;
}

.prod1_left {
    width: 26%;
    float: left;
}

.prod1_right {
    float: left;
    width: 74%;
}

.prod1_cont:after {content: '';display: table;clear: both;}

.prod1_lis:after {content: '';display: table;clear: both;}

.prod1_img img {
    width: 80%;
    max-width: 80%;
    margin: 0 auto;
}

.prod1_tit h4 {
    margin: 0;
    font-size: 15px;
    line-height: 26px;
    color: #008bc5;
}

.prod1_tit h3 {
    margin: 0;
    font-size: 26px;
    color: #333;
    line-height: 36px;
    font-weight: bold;
}

.prod1_tit {
    margin-bottom: 20px;
}

.prod1_wz p {
    font-size: 15px;
    line-height: 26px;
}

.prod1_lis {
    padding: 30px 0;
    border-bottom: solid 1px #ddd;
}

.prod1_lis:last-child{
	border-bottom:0;
}

.prod1_bottom {
    padding: 20px 0 60px;
}

.prod1_left h3 {
    margin: 0;
    font-size: 20px;
    font-weight: bold;
    color: #333;
}

.prod1_txt p {
    font-size: 15px;
    line-height: 26px;
    margin: 0;
    color: #666;
}

.prod1_txt {
    width: 86%;
}




.prod_box2 {
    padding: 80px 0 40px;
}

.prod2_tit h3 {
    margin: 0;
    font-size: 36px;
    text-align: center;
    font-weight: bold;
    color: #333;
}

.prod2_tit {
    margin-bottom: 40px;
}

.prod2_wz {
    padding: 20px 30px 40px 30px;
    text-align: center;
}

.prod2_wz h3 {
    font-size: 18px;
    line-height: 30px;
    margin: 0;
    color: #333;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 20px;
}

.prod2_wz p {
    font-size: 14px;
    line-height: 24px;
    color: #888;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: 72px;
}

.prod2_wz h3:after {content: '';width: 50px;height: 1px;background: #333;display: block;margin: 0 auto;margin-top: 14px;}

.pro1_menu li .checken_yes{
	display: none;
}
.pro1_menu li .checken_no{
	display: block;
}
/*.pro1_menu li:first-child .checken_yes{
	display: block;
}
.pro1_menu li:first-child .checken_no{
	display: none;
}*/





/**casesystem**/
.system_box {
    padding: 80px 0;
}

.system_tit h3 {
    margin: 0;
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    color: #333;
}

.system_tit {
    margin-bottom: 40px;
}

.sys_left {
    width: 20%;
    float: left;
}

.sys_right {
    width: 80%;
    padding-left: 40px;
    float: left;
}

.sys_lis:after {content: '';display: table;clear: both;}

.sys_left h3 {
    margin: 0;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    line-height: 30px;
}

.sys_lis {
    border-bottom: solid 1px #ddd;
    padding: 30px 0;
}

.sys_right p {
    font-size: 15px;
    line-height: 26px;
    max-width: 800px;
}

.sys_table th {
    color: #fff;
    line-height: 50px;
    padding: 0 20px;
    font-size: 18px;
    height: 50px;
    border: solid 1px #eee;
}

.sys_table table {
    width: 100%;
}

.sys_table td {
    font-size: 15px;
    line-height: 50px;
    border: solid 1px #eee;
    padding: 0 20px;
}

.sys_table thead {
    background: #007977;
}

.sys_img li {
    width: 50%;
    float: left;
    padding: 0 10px;
}

.sys_img ul {
    margin: 0 -10px;
}

.sys_img ul:after {content: '';display: table;clear: both;}

.sys_img li img {
    max-width: 100%;
}

.sys_pic img {
    max-width: 100%;
}

.sys_pic {
    text-align: right;
    width: 540px;
	margin-right:0;
	margin-left:auto;
}

.sys_lc li {
    width: 20%;
    float: left;
    max-width: 160px;
    text-align: center;
	position:relative
}

.sys_lc ul:after {content: '';display: table;clear: both;}

.sys_lc li a:before {content: '';display: block;width: 100%;padding-bottom: 100%;background: #008bc5;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: -1;}

.sys_lc li a{
    width: 80%;
    position: relative;
    display: flex;
    line-height: 26px;
    height: 100px;
    color: #fff;
    font-size: 15px;
    cursor: default;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
}

.sys_lc li span {
	width: 100%;
    text-align: center;
}

.sys_lc {
    margin: 20px 0;
}

.sys_right h3 {
    margin: 30px 0 0;
    font-size: 15px;
    color: #008bc5;
    line-height: 26px;
}


.sys_lc li i {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(50%,-50%);
    font-size: 28px;
	color:#008bc5;
}


.about4_cot li{
    height: 47vh;
	overflow: hidden;
    padding: 0 40px;
}	
.about_right_box{
	margin-top: -60px;
}
.about_right_box .about4_right{
	margin-top: 0;
    position: relative;
	top:0;
}	
	
	





/**society**/
.society_box {
    padding: 80px 0;
}

.soc_wz {
    max-width: 650px;
    margin: 0 auto;
    text-align: center;
}

.soc_wz p {
    font-size: 14px;
    line-height: 24px;
    color: #666;
}

.soc_top {
    margin-bottom: 60px;
}

.socB_lis {
    width: 50%;
    float: left;
    position: relative;
	overflow:hidden;
}

.socB_lis:hover .socB_img{
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
} 

.socB_t:after {content: '';display: table;clear: both;}

.socB_img {
    height: 33vh;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
}

.socB_wz {
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.socB_lis .socB_wz{
	max-width:260px;
}

.socB_wz h3 {
    margin: 0;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 16px;
	color:#333;
}

.socB_wz h3:after {content: '';display: block;width: 40px;height: 1px;background: #333;margin-top: 10px;}

.socB_wz p {
    font-size: 14px;
    line-height: 24px;
}

.socB_wz .case1_btn {
    margin-top: 20px;
}

.socB_left {
    width: 50%;
    float: left;
    position: relative;
	overflow:hidden
}

.socB_left:hover .socB_img,.socBR_lis:hover .socB_img{
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
}

.socB_left .socB_img {
    height: 66vh;
}

.socB_right {
    width: 50%;
    float: right;
}

.socBR_l {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    z-index: 1;
}

.socBR_r {
    float: right;
    width: 50%;
    overflow: hidden;
}

.socBR_lis {
    position: relative;
    background: #fff;
}

.socBR_lis a:after {content: '';display: table;clear: both;}

.socBR_lis:last-child .socBR_r{
	float:left;
}

.socBR_lis:last-child .socBR_l{
	left:50%;
}

.socB_left a .socB_img:before {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0, 139, 197, 0.45);}

.socB_left a h3{
	color:#fff;
}

.socB_left a h3:after{
	background:#fff;	
}

.socB_left a p{
	color:#fff;
}

.socB_left a .case1_btn span{
	color:#fff;
	border-color:#fff;
}

.socB_left a:hover .case1_btn span{
	color:#008bc5;
	background:#fff;
}





/**socdot**/
.socd_box {
    padding: 80px 0;    
	background:url(../images/aixin.jpg) center center;
	background-size:100% auto;
}

.socd_menu li {
    display: inline-block;
    margin: 0 5px;
}

.socd_menu h3 {
    display: inline-block;
    font-size: 20px;
    color: #333;
    margin: 0;
    line-height: 40px;
}

.socd_menu li a {
    display: inline-block;
    line-height: 34px;
    padding: 0 20px;
    border: solid 1px #008bc5;
    border-radius: 20px;
    font-size: 14px;
    letter-spacing: 1px;
    color: #008bc5;
}

.socd_menu {
    margin-bottom: 40px;
}

.socd_menu li.active a{
    color: #fff;
	background:#008bc5;
}

.socd_lis h3 {
    font-size: 18px;
    line-height: 30px;
    margin: 0;
    overflow: hidden;
    padding: 20px 0 10px 0;
    font-weight: bold;
    color: #c39965;
}

.socd_img img {
    width: 100%;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
}

.socd_lis{
    width: 85%;
    margin: 0 auto;
}

/*.socd_cot ul{
    background: url(../images/aixin.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}*/
.socd_cot li {
    width: 33.33%;
    float: left;
    padding: 0 15px 30px;
}
.socd_cot .socd_li1{
    padding-top: 230px;
}
.socd_cot .socd_li3{
    padding-top: 150px;
}
.socd_li1 .socd_lis{
    margin-left: -15px;
}
.socd_li3 .socd_lis{
    margin-right: -15px;
}

.socd_img {
    overflow:hidden;
    padding: 5px;
    border: 1px solid #e5ccad;
}

.socd_cont a{
    position: relative;
    font-size: 14px;
    line-height: 14px;
    color: #cc9a5a;
}
.socd_cont a:before{
    display: block;
    position: absolute;
    bottom: -10px;
    left: 0;
    content: '';
    width: 45px;
    height: 2px;
    background: #e5ccad;
}




/**service**/
.serv_cx {
	position: relative;
    width: 500px;
    background: linear-gradient(135deg,rgba(195, 0, 74, 0.8) 10%,rgba(86, 55, 138, 0.8) 44%,rgba(0, 139, 197, 0.8) 74%,rgba(85, 190, 207, 0.8) 90%);
    padding: 40px;
    padding-bottom: 50px;
    float: left;
}

.serv_cx h3 {
    margin: 0;
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
    font-size: 30px;
    letter-spacing: 4px;
}

.serv_form label {
    width: 100%;
    display: block;
    margin-bottom: 16px;
	font-weight:normal
}

.serv_form label:last-child{
	margin-bottom:0;
}

.serv_form label a {
    width: 100px;
    line-height: 44px;
    height: 44px;
    display: inline-block;
    text-align: center;
    background: #008bc5;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    vertical-align: bottom;
}

.serv_form label input {
    width: calc(100% - 225px);
    margin-right: 8px;
    line-height: 44px;
    border: 0;
    height: 44px;
    background: rgba(255, 255, 255, 0.9);
    padding: 0 10px;
    color: #888;
	font-size:14px;
}

.serv_form label span {
    display: block;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    margin-bottom: 10px;
}

.serv_form label textarea {
    width: 100%;
    min-height: 80px;
    background: rgba(255, 255, 255, 0.9);
	font-size:14px;
	padding:0 10px;
	line-height:30px;
}

.serv_yzm img {
    width: 100%;
}

.serv_img {
    width: 103px;
    position: absolute;
    top: 103px;
    right: 40px;
}

.serv_wx{
	min-height: 80px;
    margin-top: 20px;
}
.serv_wx span{
	margin-left: 20px;
	font-size: 16px;
	color: #fff;
    display: inline-block;
    vertical-align: middle;
}

/*.serv_img.active{
	opacity:1;
	visibility: visible
}*/

.serv_img img {
    width: 100%;
}



.serv_box1 {
    padding: 80px 0 0;
}

.serv1_menu {
    font-size: 14px;
    line-height: 40px;
    margin-bottom: 40px;
}

.serv1_menu select {
    line-height: 40px;
    height: 40px;
    min-width: 110px;
    outline: 0;
    margin-right: 6px;
    border-radius: 5px;
    padding: 0 10px;
}

.serv1_menu a {
    line-height: 40px;
    background: #008bc5;
    padding: 0 40px;
    color: #fff;
    font-size: 15px;
    letter-spacing: 2px;
    border-radius: 5px;
}

.serv1_menu * {
    display: inline-block;
    vertical-align: middle;
}

.serv1_cot {
    position: relative;
}

.serv1_left {
    width: 400px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
	z-index:1;
	background: rgba(242,242,242,0.95);
	overflow-y:auto
}
.iw_poi_title {
    color: #008bc5 !important;
}

.serv1_left::-webkit-scrollbar-track-piece{width:10px;background-color:#f2f2f2}
.serv1_left::-webkit-scrollbar{width:5px;height:6px}
.serv1_left::-webkit-scrollbar-thumb{height:50px;background-color:#008bc5;}
.serv1_left::-webkit-scrollbar-thumb:hover{background:#008bc5}

.serv1_right {
    width: 100%;
    height: 80vh;
    padding-left: 400px;
}

.serv1_map{
	width:100%;
	height:100%;
}

.serv1_map>div {
    width: 100%;
    height: 100%;
}

.BMap_omCtrl.BMap_noprint.anchorBR.quad4 {
    display: none;
}

.serv1_map * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.serv1_map label {
    max-width: 1000px;
}

.BMap_stdMpCtrl {
	display:none
}

.anchorBL{
	display:none
}


.serv1_top {
    background: #E6E6E6;
}

.serv1_top h3 {
    margin: 0;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: bold;
    line-height: 50px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 20px;
    color: #333;
}

.serv1_bott {
    padding: 20px;
}

.serv1_bott p {
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 2px;
}

.serv1_bott p span {
    color: #008bc5;
    font-weight: bold;
}



.serv_box2 {
    padding: 80px 0;
}


.serv2_lis {
    width: 50%;
    padding: 0 15px;
    float: left;
}

.serv2_cot{
    margin: 0 -15px;
}

.serv2_cot:after {content: '';display: table;clear: both;}

.serv2_li {
    border: solid 1px #ddd;
}

.serv2_li h3 {
    margin: 0;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
    background: #cbcccd;
    background-image: linear-gradient(45deg,rgb(150, 191, 13) 10%,rgb(241, 142, 0) 37%,rgb(228, 49, 44) 67%,rgb(195, 0, 74) 90%);
    color: #F3F3F3;
    letter-spacing: 2px;
}

.serv2_lis:last-child h3 {
    background-image: linear-gradient(45deg,rgba(195,0,74,.9) 0,rgba(86,55,138,.9) 50%,rgba(0,139,197,.9) 80%,rgba(85,190,207,.9) 100%);
}

.serv2_wz {
    padding: 20px;
}

.serv2_wz h5 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #333;
    margin: 0 0 10px;
}

.serv2_wz input {
    width: calc(100% - 80px);
    line-height: 40px;
    margin-right: 10px;
    font-size: 14px;
    padding: 0 10px;
    background: none;
}

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0; 
}

.serv2_wz input[type="number"]{-moz-appearance:textfield;}

.serv2_wz label {
    width: 100%;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 20px;
}

.serv2_txt p {
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 6px;
}

.serv2_btn {
    margin-top: 10px;
    text-align: right;
}

.serv2_btn a {
    line-height: 40px;
    color: #008bc5;
    font-size: 15px;
    letter-spacing: 1px;
    padding: 0 30px;
    border-radius: 50px;
    border: solid 1px #008bc5;
    display: inline-block;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
}

.serv2_btn a:hover{
	background:#008bc5;
	color:#fff;
}

.serv2_txt {
    padding-bottom: 20px;
    border-bottom: solid 1px #ddd;
}

.serv2_bott h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 32px;
    color: #004264;
}

.serv2_bott {
    padding-top: 14px;
    padding-bottom: 30px;
}


.ab5_swiper_index{
	margin-top: 20px;
	font-size: 16px;
	color: #fff;
	text-align: center;
}
.ab5_swiper_index span{
	font-size: 16px;
	color: #fff;
}

/**3.31**/
.ab5_lis {
    padding: 20px 30px;
    margin: 0 30px;
    /* background: #fff; */
	text-align:center
}

.ab5_lis img {
    max-width: 100%;
    box-shadow: 0 0 20px 1px #667;
}

.ab5_swiper {
    margin: 0 -30px;
}

.about5_tit {
    padding-left: 30px;
}

.about5_tit h5 i {
    background: #fff;
}

.about5_tit h5 {
    color: #fff;
}






/**4.14**/

.menuTwo_d ul:after {content: '';display: table;clear: both;}

.menuTwo_d li {
    padding: 0 8px;
    float: left;
	position:inherit !important;
}

.menuTwo_down1 .menuTwo_d li{
    width: 25% !important;
}
.menuTwo_down2 .menuTwo_d li{
    width: 50% !important;
}

.menuTwo_d ul{
	margin:0 -8px;
}

.menu_img img {
    width: 100%;
}

.menu_img {
    margin-bottom: 14px;
}

.menu_lis {
    text-align: center;
}

.menu_lis h3 {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 34px;
}

.menu_lis h3 a {
    color: #333;
}

.menu_lis h5 {
    margin: 0;
    font-size: 13px;
    line-height: 28px;
}

.menu_lis h5 a {
    color: #666;
}

.menuTwo_d {
    position: relative;
}

.menuTwo_d li:after {content: '';border-right: dashed 1px #ddd;width: 1px;height: 100%;position: absolute;top: 0;margin-left:-9px}

.menuTwo_d li:first-child:after{
	display:none
}

.menuTwo_down{
	width:852px;
    margin-right: -200px;
    padding: 30px 20px;
}

.menuTwo_down1 {
    width: 670px;
    margin-right: -215px;
    padding: 30px 20px;
}
.menuTwo_down2 {
    width: 335px;
    margin-right: 0;
    padding: 30px 20px;
}

.menuTwo_down .menuTwo_d li{
	width:20%;
}

.menu_lis h3 a:hover,.menu_lis h5 a:hover{
	color:#008bc5;
}

.pro1_menu {
    max-width: 70%;
    margin: 0 auto 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    padding-top: 50px;
}

.pro1_menu li {
    position: relative;
    color: #333;
    font-size: 16px;
    line-height: 30px;
    display: inline-block;
    margin-right: 20px;
    padding-left: 40px;
    padding-right: 5px;
}
.pro1_menu li:last-of-type{
    margin-right: 0;
}

.pro1_menu li img {
    position: absolute;
    left: 0;
    top: 0;
}

.pro1_menu li label input[type="checkbox"] {display: none;margin-right: 4px;}


.ab5_lis h4 {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 10px;
}



/* 4-25调整 */
.ab4_an {
    position: absolute;
    width: 40px;
    display: block;
    height: 40px;
    font-size: 30px;
    text-align: center;
    border-radius: 100%;
    background-color: #fff;
    color: #333;
    cursor: pointer;
	margin-top:-20px;
}
.ab4_an i {
    line-height: 40px;
}
.ab4_prov {
    left: 10px;
    top: 50%;
}
.ab4_next.ab4_an {
    right: 10px;
    top: 50%;
}
.ab2_scbox{
	position: relative;
}



.serv2_img{
	max-height: 330px;
}
.serv2_img img{
	width: 100%;
}
.serv2_wzT {
    display:  flex;
    align-items:  center;
}

.serv2_wzT h5 {
    margin: 0;
}

.serv2_wzT label {
    margin: 0 0 0 10px;
}
.serv2_wzT label{
	width: 50%;
}
.serv2_wzT .serv2_btn{
	margin: 0;
}
.serv2_mid{
	border:none;
	padding: 0;
}
.serv2_b h4{
	color: #004264;
}
.serv2_bg {
    display: block;
    width: 100%;
    height: 30px;
    background-color: #008bc5;
}

.serv2_liBox{
	box-shadow: 0 0 5px #ccc;
}
.serv2_b_l{
	background: url(../images/serv2_1.png) no-repeat 0 bottom;
	background-size: 100% 25%;
}

.serv2_b_r {
    background: url(../images/serv2_2.png) no-repeat 0 bottom;
    background-size: 100% 25%;
}

.news_lis.video_lis h3 {
    margin: 0;
}

.news_lis.video_lis .news_wz {
    padding-bottom: 20px;
}


/*4-25调整*/





.iw_wrapper{
	position:relative;
}
ul.iw_thumbs li{
	float:left;
	margin:5px;
}
ul.iw_thumbs li div{
	position:absolute;
	top:5px;
    width: 340px;
	padding:0px 10px;
	display:none;
	color:#fff;
	z-index:100;
}
ul.iw_thumbs li div h2{
    text-shadow: 0px 0px 1px #fff;
    margin: 0;
    font-size: 16px;
    line-height: 30px;
	letter-spacing:0.5px;
}
ul.iw_thumbs li div p{
	font-size:11px;
	line-height:16px;
	font-style:italic;
}
ul.iw_thumbs li:nth-child(1){
	margin-left:50px;
}
ul.iw_thumbs li:nth-child(even){
	margin-top:30px;
}
ul.iw_thumbs li:nth-child(3n){
	margin-left:20px;
}
ul.iw_thumbs li img{
	border:7px solid #fff;
	cursor:pointer;
	position:relative;
	-moz-box-shadow:1px 1px 1px #aaa;
	-webkit-box-shadow:1px 1px 1px #aaa;
	box-shadow:1px 1px 1px #aaa;
}
ul.iw_thumbs li img:hover{
	-moz-box-shadow:1px 1px 7px #CCC;
	-webkit-box-shadow:1px 1px 7px #CCC;
	box-shadow:1px 1px 7px #CCC;
}
ul.iw_thumbs li:nth-child(even) img{
	height: 110px;
}
ul.iw_thumbs li:nth-child(odd) img{
	height: 140px;
}
ul.iw_thumbs li:nth-child(5n) img{
	height: 160px;
}
ul.iw_thumbs li:nth-child(6n) img{
	height: 210px;
}
ul.iw_thumbs li:nth-child(7n) img{
	height: 140px;
}
.iw_ribbon{
	position:fixed;
	height:340px; /*first 126 then 0 to close and 100% to open (while top goes to 0) */
	width:0px;/*first 0 then animate to 100%*/
	left:0px;/*or right 0*/
	top:0px; /*First, top of thumb, then animate to 0*/
	background:#000;
	opacity:0.75;
	z-index:10;
	overflow:hidden;
	display:none;
}
.iw_close{
	position:absolute;
	top:10px;
	right:10px;
	background:#f0f0f0 url(../images/close.gif) no-repeat center center;
	width:18px;
	height:18px;
	display:none;
	cursor:pointer;
}
.iw_zoom{
	color:white;
	font-size:8px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:10px;
	display:none;
	float:right;
	margin-right:30px;
}
.iw_ribbon img{
	position:absolute;
	top:50%;
	left:50%;
	border:7px solid #fff;
}
.iw_loading{
	background: #fff url(../images/loader.gif) no-repeat center center;
	width:28px;
	height:28px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10000;
	margin: -14px 0px 0px -14px;
	opacity:0.8;
}










.scod_img_sum{
    position: relative;
    overflow: hidden;
    transform-style: preserve-3d;
    width: 100%;
    padding: 80px 0;
    min-height: 640px;
}

.scod_sum_3d{
    transform-style: preserve-3d;
    width: 100%;
    transform: translate3d(0px, 0px, 1300px) matrix3d(0.999962, -0.000344859, 0.00867658, 0, 2.54842e-11, -0.999211, -0.0397146, 0, -0.00868343, -0.0397131, 0.999173, 0, -1.11502e-07, 2.94454e-06, -4400, 1) translate3d(55%, 30%, 0px);
}

.socd_cot_kr {
    position: absolute; 
    text-align: center;
    cursor: pointer;
    background: transparent;
    -o-box-shadow: 0 0 40px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .4)
}

.socd_cot_kr:before{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    content: '';
    background: -webkit-radial-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35));
    background: -o-radial-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35));
    background: -moz-radial-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35));
    background: radial-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35));
    transition: all .6s ease-out;
    -webkit-transition: all .6s ease-out;
}

.socd_cot_kr.kr0{
    z-index: 20; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -1000, 442, 2000, 1);
}
.socd_cot_kr.kr1{
    z-index: 25; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -680, 206, 2500, 1);
}
.socd_cot_kr.kr2{
    z-index: 20; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -580, 360, 2000, 1);
}
.socd_cot_kr.kr3{
    z-index: 20; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -660, -8, 2000, 1);
}
.socd_cot_kr.kr4{
    z-index: 15; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -100, 222, 1500, 1);
}
.socd_cot_kr.kr5{
    z-index: 25; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 80, 212, 2500, 1);
}
.socd_cot_kr.kr6{
    z-index: 19; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -40, -58, 1900, 1);
}
.socd_cot_kr.kr7{
    z-index: 20; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 460, 542, 2000, 1);
}
.socd_cot_kr.kr8{
    z-index: 20; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 460, 142, 2000, 1);
}
.socd_cot_kr.kr9{
    z-index: 17; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 350, 258, 1750, 1);
}
.socd_cot_kr.kr10{
    z-index: 10; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 1080, 342, 1000, 1);
}
.socd_cot_kr.kr11{
    z-index: 20; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 140, -108, 2000, 1);
}
.socd_cot_kr.kr12{
    z-index: 5; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 586, 434, 250, 1);
}
.socd_cot_kr.kr13{
    z-index: 12; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -196, 126, 1250, 1);
}
.socd_cot_kr.kr14{
    z-index: 8; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -1224, 222, 800, 1);
}
.socd_cot_kr.kr15{
    z-index: 5; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -1360, 422, 500, 1);
}
.socd_cot_kr.kr16{
    z-index: 8; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 80, -388, 850, 1);
}
.socd_cot_kr.kr17{
    z-index: 24; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -480, 442, 2400, 1);
}
.socd_cot_kr.kr18{
    z-index: 5; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -940, 62, 500, 1);
}
.socd_cot_kr.kr19{
    z-index: 8; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -110, 512, 850, 1);
}
.socd_cot_kr.kr20{
    z-index: 8; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -80, 402, 850, 1);
}
.socd_cot_kr.kr21{
    z-index: 8; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 320, 550, 850, 1);
}
.socd_cot_kr.kr22{
    z-index: 6; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 220, 202, 650, 1);
}
.socd_cot_kr.kr23{
    z-index: 8; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 946, 20, 850, 1);
}
.socd_cot_kr.kr24{
    z-index: 5; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 1070, 140, 500, 1);
}
.socd_cot_kr.kr25{
    z-index: 8; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 1260, -158, 850, 1);
}
.socd_cot_kr.kr26{
    z-index: 6; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 444, 306, 650, 1);
}
.socd_cot_kr.kr27{
    z-index: 7; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -1000, 422, 700, 1);
}
.socd_cot_kr.kr28{
    z-index: 8; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -1060, 62, 800, 1);
}
.socd_cot_kr.kr29{
    z-index: 7; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -652, -274, 700, 1);
}
.socd_cot_kr.kr30{
    z-index: 5; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 80, -458, 500, 1);
}
.socd_cot_kr.kr31{
    z-index: 8; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -40, 732, 800, 1);
}
.socd_cot_kr.kr32{
    z-index: 5; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 554, 316, 500, 1);
}
.socd_cot_kr.kr33{
    z-index: 5; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 680, 262, 550, 1);
}
.socd_cot_kr.kr34{
    z-index: 8; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 616, 86, 800, 1);
}
.socd_cot_kr.kr35{
    z-index: 3; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 668, 222, 350, 1);
}
.socd_cot_kr.kr36{
    z-index: 5; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 920, 92, 550, 1);
}
.socd_cot_kr.kr37{
    z-index: 7; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 28, 118, 750, 1);
}
.socd_cot_kr.kr38{
    z-index: 7; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -240, 252, 750, 1);
}
.socd_cot_kr.kr39{
    z-index: 8; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 180, 682, 850, 1);
}
.socd_cot_kr.kr40{
    z-index: 7; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -790, -508, 750, 1);
}
.socd_cot_kr.kr41{
    z-index: 5; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -800, -288, 500, 1);
}
.socd_cot_kr.kr42{
    z-index: 7; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -954, 36, 750, 1);
}
.socd_cot_kr.kr43{
    z-index: 5; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -936, 42, 250, 1);
}
.socd_cot_kr.kr44{
    z-index: 7; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -802, -28, 700, 1);
}
.socd_cot_kr.kr45{
    z-index: 5; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 1060, 126, 250, 1);
}
.socd_cot_kr.kr46{
    z-index: 5; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 824, 230, 500, 1);
}
.socd_cot_kr.kr47{
    z-index: 5; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 932, 268, 550, 1);
}
.socd_cot_kr.kr48{
    z-index: 7; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 602, -94, 750, 1);
}
.socd_cot_kr.kr49{
    z-index: 6; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 620, -58, 650, 1);
}
.socd_cot_kr.kr50{
    z-index: 10; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -548, 790, 1000, 1);
}
.socd_cot_kr.kr51{
    z-index: 10; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -260, 412, 1000, 1);
}
.socd_cot_kr.kr52{
    z-index: 20; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -540, -188, 2000, 1);
}
.socd_cot_kr.kr53{
    z-index: 11; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -756, -364, 1100, 1);
}
.socd_cot_kr.kr54{
    z-index: 20; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 550, 42, 2000, 1);
}
.socd_cot_kr.kr55{
    z-index: 10; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 560, -72, 1000, 1);
}
.socd_cot_kr.kr56{
    z-index: 10; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 792, -144, 1000, 1);
}
.socd_cot_kr.kr57{
    z-index: 21; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 690, -188, 2100, 1);
}
.socd_cot_kr.kr58{
    z-index: 9; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -1296, 716, 900, 1);
}
.socd_cot_kr.kr59{
    z-index: 15; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -660, 12, 1500, 1);
}
.socd_cot_kr.kr60{
    z-index: 9; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -656, -398, 900, 1);
}
.socd_cot_kr.kr61{
    z-index: 17; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -156, -8, 1700, 1);
}
.socd_cot_kr.kr62{
    z-index: 25; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -40, 388, 2500, 1);
}
.socd_cot_kr.kr63{
    z-index: 9; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -84, 502, 950, 1);
}
.socd_cot_kr.kr64{
    z-index: 15; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 120, 452, 1500, 1);
}
.socd_cot_kr.kr65{
    z-index: 15; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 350, 618, 1500, 1);
}
.socd_cot_kr.kr66{
    z-index: 17; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 838, 522, 1750, 1);
}
.socd_cot_kr.kr67{
    z-index: 9; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 1040, -388, 950, 1);
}
.socd_cot_kr.kr68{
    z-index: 9; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 860, -188, 950, 1);
}
.socd_cot_kr.kr69{
    z-index: 9; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 566, 22, 950, 1);
}
.socd_cot_kr.kr70{
    z-index: 20; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 130, 172, 2000, 1);
}
.socd_cot_kr.kr71{
    z-index: 14; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -640, -92, 1450, 1);
}
.socd_cot_kr.kr72{
    z-index: 22; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -730, 102, 2250, 1);
}
.socd_cot_kr.kr73{
    z-index: 17; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 50, -168, 1750, 1);
}
.socd_cot_kr.kr74{
    z-index: 19; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 150, 88, 1900, 1);
}
.socd_cot_kr.kr75{
    z-index: 8; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 584, 148, 850, 1);
}
.socd_cot_kr.kr76{
    z-index: 12; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 458, 502, 1250, 1);
}
.socd_cot_kr.kr77{
    z-index: 8; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 1250, -458, 850, 1);
}
.socd_cot_kr.kr78{
    z-index: 8; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -1080, 594, 800, 1);
}
.socd_cot_kr.kr79{
    z-index: 12; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -940, 64, 1250, 1);
}
.socd_cot_kr.kr80{
    z-index: 8; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -746, -146, 800, 1);
}
.socd_cot_kr.kr81{
    z-index: 8; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -590, -198, 800, 1);
}
.socd_cot_kr.kr82{
    z-index: 7; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -728, -554, 700, 1);
}
.socd_cot_kr.kr83{
    z-index: 6; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -660, -682, 650, 1);
}
.socd_cot_kr.kr84{
    z-index: 11; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 76, 164, 1150, 1);
}
.socd_cot_kr.kr85{
    z-index: 6; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 588, 514, 650, 1);
}
.socd_cot_kr.kr86{
    z-index: 6; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 1160, 336, 650, 1);
}
.socd_cot_kr.kr87{
    z-index: 11; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 810, 562, 1150, 1);
}
.socd_cot_kr.kr88{
    z-index: 6; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 870, 142, 650, 1);
}
.socd_cot_kr.kr89{
    z-index: 6; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -1234, 200, 600, 1);
}
.socd_cot_kr.kr90{
    z-index: 6; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -598, -140, 600, 1);
}
.socd_cot_kr.kr91{
    z-index: 6; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -90, 442, 600, 1);
}
.socd_cot_kr.kr92{
    z-index: 15; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 92, -18, 1500, 1);
}
.socd_cot_kr.kr93{
    z-index: 4; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 106, -146, 400, 1);
}
.socd_cot_kr.kr94{
    z-index: 6; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 836, 342, 600, 1);
}
.socd_cot_kr.kr95{
    z-index: 6; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 1020, -38, 600, 1);
}
.socd_cot_kr.kr96{
    z-index: 16; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -792, -78, 150, 1);
}
.socd_cot_kr.kr97{
    z-index: 16; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -1036, 34, 150, 1);
}
.socd_cot_kr.kr98{
    z-index: 16; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 460, 322, 150, 1);
}
.socd_cot_kr.kr99{
    z-index: 16; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 610, 384, 150, 1);
}
.socd_cot_kr.kr100{
    z-index: 50; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -1042, 88, 50, 1);
}
.socd_cot_kr.kr101{
    z-index: 5; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -856, -158, 250, 1);
}
.socd_cot_kr.kr102{
    z-index: 5; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -784, -322, 250, 1);
}
.socd_cot_kr.kr103{
    z-index: 5; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 68, 4, 250, 1);
}
.socd_cot_kr.kr104{
    z-index: 5; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 84, -248, 250, 1);
}
.socd_cot_kr.kr105{
    z-index: 5; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 488, 326, 250, 1);
}
.socd_cot_kr.kr106{
    z-index: 5; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 1120, -18, 250, 1);
}
.socd_cot_kr.kr107{
    z-index: 22; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 150, -22, 2200, 1);
}
.socd_cot_kr.kr108{
    z-index: 22; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -500, 282, 2250, 1);
}
.socd_cot_kr.kr109{
    z-index: 16; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 844, 222, 1650, 1);
}
.socd_cot_kr.kr110{
    z-index: 15; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -556, -478, 1500, 1);
}
.socd_cot_kr.kr111{
    z-index: 27; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 246, 122, 2750, 1);
}
.socd_cot_kr.kr112{
    z-index: 20; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -580, -158, 2050, 1);
}
.socd_cot_kr.kr113{
    z-index: 20; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -344, 512, 2000, 1);
}
.socd_cot_kr.kr114{
    z-index: 27; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 436, 222, 2750, 1);
}
.socd_cot_kr.kr115{
    z-index: 27; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -10, 112, 2750, 1);
}
.socd_cot_kr.kr116{
    z-index: 20; transform: translate3d(-50%, -50%, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, -50, -38, 2000, 1);
}

.socd_cot_kr:hover{
	z-index:1000 !important
}

.socd_cot_kr img {
    display: none;
    height: auto;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all .6s ease-out;
    -webkit-transition: all .6s ease-out;
    opacity: 1;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.socd_cot_kr:hover img {
    -webkit-transform: scale(1.6);
    transform: scale(1.6)
}

.socd_cot_kr:hover:before{
    -webkit-transform: scale(1.6);
    transform: scale(1.6)
}




.scod_mask{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
}
.scod_flex{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.scod_scale{
    position: relative;
    width: 600px;
    height: 450px;
    text-align: center;
}
.scod_sc_bg{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.scod_js p{
    display: none;
    margin: 0;
    padding: 20px 0;
    background: #fff;
    font-size: 16px;
    line-height: 30px;
    color: #333;
}
.scod_scale .fa-close{
    position: absolute;
    top: -30px;
    right: -30px;
    display: inline-block;
    font-size: 24px;
    color: #fff;
    cursor: pointer;
}
.ind2_tabAlert{
	background: url(../images/overlay_instructions.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 80px;
    display: flex;
    align-items: center;
    min-height: 120px;
}
.ind2_tabAlert_l {
    width: 50%;
    text-align: left;
    display: flex;
    align-items: center;
    padding-left: 20px;
}
.ind2_tabAlert_lImg {
    width: 30%;
}

.ind2_tabAlert_lImg img {
    width:  100%;
}

.ind2_tabAlert_lP h3 {
    color: #333;
    font-size: 36px;
    line-height: 46px;
    font-weight: bold;
    margin: 0;
}

.ind2_tabAlert_lP {
    padding-left: 20px;
}

.ind2_tabAlert_lP h4 {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    line-height: 28px;
    margin: 0;
    letter-spacing: 2px;
}
.ind2_tabAlert_rImg {
    width: 30%;
}

.ind2_tabAlert_rImg img {
    width:  100%;
}
.ind2_tabAlert_r {
    width: 50%;
    text-align: left;
    display: flex;
    align-items: center;
    padding-left: 40px;
}

	
	




.ban_phone{
    display: none;
}

.serv_ban{
    height: auto !important;
    padding:40px 0;
}

.serv_ban .ban_wz{
    position: relative;
    top: 0;
    transform: translateY(0);
}

.ab0Wz{
    display: none;
}
.pro1_menu .on .checken_yes{
	display: block;
}
.pro1_menu .on .checken_no{
	display: none;
}





.sys_right {}
.sys_right th {
    color: #fff;
    line-height: 50px;
    padding: 0 20px;
    font-size: 18px;
    height: 50px;
    border: solid 1px #eee;
}

.sys_right table {
    width: 100%;
}

.sys_right td {
    font-size: 15px;
    line-height: 50px;
    border: solid 1px #eee;
    padding: 0 20px;
}

.sys_right thead {
    background: #007977;
}

.sys_right:after {content: "";display: table;clear: both;}

.sys_right .img1 {
    width: 50%;
    float: left;
    padding-right: 10px;
    max-width: none;
}
.sys_right .img2 {
    width: 100%;
    float: left;
    max-width: none;
}

.sys_right img {
    max-width: 100%;
}




@media(max-width:1440px) {
.ind3_rLis h2 {
    font-size: 32px;
}
.serv2_img{
    max-height: 330px;
}
.ind3_right {
    padding: 6% 8% 0;
}

.ind3_rImgL {
    width: 180px;
}

.ind3_rImgR h3 {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 10px;
}

.ind3_rImgR .ind3_btn {
    margin-top: 15px;
}

.ind4_txt h3 {
    font-size: 16px;
    line-height: 26px;
}

.ind4_txt {
    min-height: 76px;
}

.ind1_text h2 {
    font-size: 22px;
    line-height: 32px;
}

.ind1_text p {
    font-size: 18px;
    line-height: 30px;
}

.ind1_img p {
    font-size: 20px;
    line-height: 32px;
}

.ind2_inner h2 {
    font-size: 40px;
    line-height: 52px;
}
.about3_cot {
    width: 94%;
}
}   
 


@media(max-width: 1200px){
.headerLeft img {
    max-width: 200px;
}
.main_cont {
    display: none;
}
ul.headerMenu li a.hMenu {
    height: 63px;
    padding: 0 10px;
    line-height: 63px;
    font-size: 14px;
}
.warpper {
    padding-top: 63px;
}

.menu_two {
    top: 63px;
}

.ind3_top_txt p{
    display: none;
}

.ind3_txt_1_con{
    transform: translateY(0);
    -webkit-transform: translateY(0);
    width: 50%;
}

.ind3_txt h3 {
    font-size: 18px;
}

.ind4_Img {
    padding-top: 68%;
}

.about1_wz{
    text-align: left;
}

.about1_top{
    width: 100%;
    margin-bottom: 40px;
}

.about1_bottom {
    width: 100%; 
    margin-left:0; 
    text-align: left; 
}

.about1_plus{
    display: none;
}

.serv2_btn a {
    font-size: 14px;
    padding: 0 12px;
}

.socB_wz {
    width: 70%;
}

.sys_lc li a {
    width: 88%;
}
}

@media(max-width: 991px){
ul.headerMenu li a.hMenu {
    height: 63px;
    padding: 0 6px;
    line-height: 63px;
    font-size: 13px;
    letter-spacing: 0;
}

.cont1_left{
    padding: 0;
}

.menu_two {
    display: none !important; 
}

.socBR_l {
    width: 100%;
}

.socBR_r {
    width: 100%;
}

.socBR_lis:last-child .socBR_l {
    left: 0;
}

.serv2_wzT{
    display: block
}

.serv2_wzT label {
    width: 100%;
    margin: 10px 0;
}

.serv2_wz input {
    width: calc(100% - 30px);
}

.footerContent ul li {
    width: 14.28%;
    padding-right: 10px;
    margin-right: 0;
}

.footerContent li h3 {
    margin: 0;
    font-size: 14px;
}

.footerContent li h4 a {
    font-size: 12px;
}

.ind2_tabAlert{
    display: none;
}

.ind3_top_txt h3 {
    font-size: 18px;
}

.ind3_txt h3 {
    font-size: 16px;
    font-weight: normal;
}
.bannerPrev, .bannerNext {
    height: 60px;
    margin-top: -30px;
}

.ab4_img img {
    width: 100%;
}

.ab4_wz h2 {
    margin: 0;
    font-size: 12px;
    color: #888;
}

.ab4_wz h4 {
    margin: 0;
    font-size: 14px;
    color: #333;
    line-height: 24px;
}

.ab4_wz {
    margin-top: 10px;
}

.ab4_lis {
    padding: 0 10px;
}

.ab4_cot{
    margin:0 -10px;
}

.about2_left {
    padding: 0 60px 0 40px;
}

.ab0Wz{
    display: block
}

.about0_right{
    display: none;
}

.about0_left {
    width: calc(100% + 20px)
}
.ab0_ls {
    padding: 0 10px;
}

.ab0Wz h3 {
    margin: 0;
    font-size: 18px;
    line-height: 30px;
    color: #333;
    margin-bottom: 6px;
}

.ab0Wz p {
    font-size: 14px;
    line-height: 24px;
    color: #666;
}


.ab4_cot a {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    color: #008bc5;
    border: #008bc5 solid 2px;
    z-index: 2;
    line-height: 40px;
}

.ab4_cot a i {
    line-height: 36px;
}

a.ab4_arrl {
    left: -20px;
}

.ab4_cot {
    position: relative;
    padding: 0 20px;
}

.ab4_arrr{
    right:-20px;
}

.sys_left {
    width: 100%;
    margin-bottom: 10px;
}

.sys_right{
    width: 100%;
    padding-left: 0;
}

}

@media(max-width: 768px){
.navbar-nav {
    width: 100%;
    margin-left: 0px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.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: #008bc5;
}
.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: 160px;
    margin-top: 12px;
}
.navbar-toggle {
    margin-top: 10px;
    margin-right: 0;
}
.navbar-toggle .icon-bar {
    background-color: #000;
}
.navbar-collapse {
    border-top: 1px solid #e5e5e5;
    padding: 0;
}

.warpper {
    padding-top: 53px;
}

.bannerPrev, .bannerNext {
    height: 40px;
    margin-top: -20px;
}

.ban_phone{
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bannerLis video{
    display: none;
}

.ban_img{
    display: none;
}

.index_sec1 {
    padding: 40px 0;
}

h2.ind4_tit {
    font-size: 18px;
    line-height: 26px;
}

.ind1_wz h4 {
    font-size: 14px;
    line-height: 24px;
}

.ind1_wz p {
    font-size: 12px;
    line-height: 22px;
}

.ind1_wz p br{
    display: none;
}

.ind1_img_two {
    width: 100%;
    min-height: 240px;
    margin-bottom: 30px;
}

.ind1_img_two a{
    width: 100%;
    min-height: 240px;
}

.ind1_imgOverlay p {
    font-size: 14px;
}

.ind1_imgOverlay p strong,.ind1_imgOverlay p b{
    font-weight: normal;
}

.ind1_link {
    font-size: 12px;
    line-height: 22px;
}

.ind1_img_three{
    width: calc(100% - 30px);
    min-height: 240px;
}

.ind1_img_three .ind1_imgOverlay{
    top:auto;
}



.ind2_bg {
    width:180%;
    margin-left:-40%;
}

.index_sec2{
    display: none;
}



.index_sec3 {
    padding-top: 40px;
}

.ind3_top_left {
    width: 100%;
}

.ind3_top_right {
    width: 100%;
}

.ind3_top_Img{
    min-height: 240px;
}

.ind3_top{
    margin: 0;
}

.ind3_Img{
    padding: 0;
    height: 240px;
}

.ind3_lis{
    margin-bottom: 30px;
}

.ind3_txt,.ind3_top_txt{
    display: block !important;
}

.ind3_lis:before{
    background: rgba(0,0,0,.5);
}


.ind3_top_txt h3 {
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 20px 0;
}

.ind3_top_txt h5 {
    font-size: 12px;
    line-height: 22px;
}

.ind3_top_txt a {
    font-size: 12px;
}

.ind3_txt h3{
    margin: 6px 0;
    font-size: 14px;
    line-height: 24px;
}

.ind3_txt img {
    width: 40%;
}

.ind3_txt{
    bottom: 50%;
    transform: translateY(50%);
}

.ind3_txt a {
    font-size: 12px;
}

.index_sec.index_sec4 {
    padding: 10px 0;
}

.ind4_lis {
    margin-bottom: 30px;
}

.ind4_txt h3 {
    font-size: 14px;
    line-height: 24px;
}

.footerContent{
    padding:0;
}

.footerContent ul{
    display: none;
}

.footerCopy{
    border:0;
}

img.footerImg{
    display: none;
}










.ban_txt p{
    display: none;
}

.ban_txt h3 {
    font-size: 24px;
    margin: 0;
}

.main_ban {
    height: 35vh;
    min-height: 200px;
}

.ban_down{
    display: none;
}

.about_box1 {
    padding: 40px 0 0;
}

.about1_img{
    display: none;
}

.about1_right {
    padding-left: 0;
}

.about1T_tit h3,.about1B_tit h3 ,.about2_tit h3{
    font-size: 18px;
    line-height: 26px;
}

.about1T_tit {
    margin-bottom: 20px;
}

.about1_wz p {
    font-size: 12px;
    line-height: 22px;
    margin: 0;
}

.about1_top {
    margin-bottom: 30px;
}

.about_box2 {
    padding: 40px 0 0;
}

.about2_left {
    width: 100%;
    padding: 0
}

.about2_tit h5{
    left:0;
}

.about2_wz li {
    width: 100%;
}

.about2_tit {
    margin-bottom: 20px;
    padding: 0
}

.about2_wz p {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 30px;
}

.about2_right {
    width: 100%;
}

.about_box4 {
    margin-top: 40px;
}



.about_box0{
    padding:40px 0 0;
}

.ab0Wz h3 {
    font-size: 14px;
    line-height: 24px;
}

.ab0_ls{
    padding: 0
}

.ab0Wz p {
    font-size: 12px;
    line-height: 22px;
}

.about_box {
    padding: 40px 0 0;
}

.about3_lis {
    padding: 0 15px;
}

.about3_cot {
    width: 100%;
}

.about3_item {
    padding-bottom: calc((60vh - 20px)/2);
    position: relative;
    margin-bottom: 20px;
}

.about3_li {
    padding-bottom: 60vh;
}

.about3_left{
    margin: 0 15px
}

.about_box5 {
    padding-top: 20px;
    padding-bottom: 40px;
}

.ab5_lis {
    padding: 10px 20px;
    margin: 0 30px;
}

.ab5_lis h4 {
    font-size: 14px;
}

.ab5_swiper_index {
    margin-top: 10px;
    font-size: 14px;
}

.ab5_swiper_index span {
    font-size: 14px;
}

.ab4_lis {
    padding: 0;
}

.ab4_cot{
    margin:0;
}






.pro_sec1 {
    padding-top: 40px;
}

#myTab1 li {
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: normal;
    width: 30%;
    text-align: left;
}

.pro_icon{
    display: none;
}

#myTab1 li.active a:after{
    display: none;
}

#myTabContent {
    padding-top: 30px;
}

.pro1_menu li img {
    width: 30px;
}

.pro1_menu li {
    font-size: 14px;
    line-height: 30px;
    padding-left: 34px;
    margin-bottom: 5px;
}

.pro1_menu li label{
    font-weight: normal;
}

.pro1_img {
    width: 100%;
    max-width: 140px;
}

.pro1_txt h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    margin-bottom: 4px;
}

.pro1_txt h5 {
    font-size: 12px;
    line-height: 22px;
    max-height: 66px
}

.pro1_li:after{
    width: 100%;
    left: 0;
}

.product_all a {
    color: #008bc5;
    font-size: 14px;
}

.product_all {
    margin-bottom: 40px;
}

.pro1_menu {
    max-width: 100%;
    margin: 0;
}






.prod_box1 {
    padding: 40px 0 0;
}

.newsd_return{
    display: none;
}

.prod1_left {
    width: 100%;
}

.prod1_img{
    text-align: center;
    margin-bottom: 20px;
}

.prod1_top {
    padding: 30px 0 30px;
}

.prod1_cont {
    width: 100%;
    padding:0 15px;
}

.prod1_tit h4 {
    font-size: 12px;
    line-height: 22px;
}

.prod1_tit h3 {
    font-size: 18px;
    line-height: 26px;
}

.prod1_right {
    width: 100%;
}

.prod1_wz p {
    font-size: 12px;
    line-height: 22px;
    margin: 0;
}

.prod1_bottom{
    padding: 0
}

.prod1_left h3 {
    margin: 0;
    font-size: 16px;
    margin-bottom: 10px;
}

.prod1_txt p {
    font-size: 12px;
    line-height: 22px;
}

.prod_box2 {
    padding: 40px 0 10px;
}

.prod2_tit h3 {
    font-size: 18px;
}

.prod2_tit {
    margin-bottom: 30px;
}

.prod2_wz {
    padding: 20px 30px 30px 30px;
}

.prod2_wz h3 {
    font-size: 16px;
    line-height: 24px;
}

.prod2_wz p {
    font-size: 12px;
    line-height: 22px;
    max-height: 66px;
}

.case1_lis {
    margin-bottom: 30px;
}







.news_box {
    padding: 60px 0 10px;
}

.news_menu li a {
    font-size: 14px;
    font-weight: normal;
}

.news_menu li{
    padding: 0 4px;
}

.news_menu ul {
    margin: 0 -4px;
}

.news_menu li img {
    width: 94px;
}

.news_menu {
    margin-bottom: 50px;
}

.news_wz {
    padding: 4px 0 10px 20px;
}

.news_wz h5 {
    font-size: 12px;
    line-height: 22px;
    margin: 0;
}

.news_wz h3 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 4px;
}

.news_wz p {
    font-size: 12px;
    line-height: 22px;
    height: auto;
    max-height:66px;
    margin: 0;
}

.news_line {
    width: 4px;
}

.col-sm-4 .news_wz h3 {
    margin-bottom: 10px;
}





.newsdot_box {
    padding: 40px 0;
}

.newsd_tit h3 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 8px;
}

.newsd_tit h5 {
    font-size: 12px;
    line-height: 22px;
}

.newsd_tit {
    margin-bottom: 20px;
}

.newsd_wz p {
    font-size: 12px;
    line-height: 22px;
}

.newsd_tj {
    margin-top: 40px;
}

.newsd_tj_tit h3 {
    font-size: 18px;
    line-height: 26px;
}

.newsd_tj_tit img {
    width: 18px;
}

.newsd_tj_tit {
    margin-bottom: 30px;
}

.newsd_tj li {
    width: 100%;
    margin-bottom: 30px;
}

.newsd_tj li;last-child{
    margin-bottom: 0
}

.newsd_tj li .news_wz{
    margin-top: 0;
}








.serv_cx {
    width: 100%;
    padding: 20px;
    padding-bottom: 30px;
}

.serv_cx h3 {
    margin-bottom: 20px;
    font-size: 16px;
    letter-spacing: 0px;
}

.serv_img {
    width: 60px;
    top: 60px;
    right: 20px;
}

.serv_form label a {
    width: 70px;
    line-height: 30px;
    height: 30px;
    font-size: 12px;
    overflow: hidden;
}

.serv_form label input {
    width: calc(100% - 146px);
    line-height: 30px;
    height: 30px;
    font-size: 12px;
    padding:0 5px;
    margin-right: 4px;
}

.serv_form label span {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 6px;
}

.serv_wx{
    display: none;
}

.serv_box1 {
    padding: 40px 0 0;
}

.case1_tit h3 {
    font-size: 18px;
    line-height: 26px;
}

.case1_tit {
    margin-bottom: 20px;
}

.serv1_menu select {
    line-height: 30px;
    height: 30px;
    font-size: 12px;
}

.serv1_menu a{
    line-height: 30px;
    height: 30px;
    font-size: 12px;
}

.serv1_menu{
    margin-bottom: 20px;
}

.serv1_left {
    width: 100%;
    height: 260px;
    position: relative;
}

.serv1_top h3 {
    font-size: 14px;
    letter-spacing: 0;
    font-weight: normal;
    padding: 0 15px;
    line-height: 40px;
}

.serv1_bott {
    padding: 10px 15px;
}

.serv1_bott p {
    font-size: 12px;
    line-height: 22px;
}

.serv1_right{
    height: 240px;
}

.serv_box2 {
    padding: 40px 0 10px;
}

.serv2_lis {
    width: 100%;
    margin-bottom: 30px;
}

.serv2_li h3 {
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 40px;
    letter-spacing: 0;
}

.serv2_wz {
    padding: 15px;
}

.serv2_wz h5 {
    font-size: 14px;
    line-height: 24px;
    font-weight: normal;
}

.serv2_wz input {
    line-height: 30px;
}

.serv2_btn a {
    line-height: 30px;
    font-size: 12px;
}

.serv2_txt p {
    font-size: 12px;
    line-height: 22px;
    margin: 0 0 2px;
}

.serv2_bott {
    padding-top: 5px;
    padding-bottom: 20px;
}

.serv2_bott h4 {
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
}






.society_box {
    padding: 40px 0 10px;
}

.soc_wz p {
    font-size: 12px;
    line-height: 22px;
}

.soc_top {
    margin-bottom: 40px;
}

.socB_lis {
    width: 100%;
    margin-bottom: 30px;
}

.socB_wz h3 {
    font-size: 16px;
    line-height: 24px;
}

.socB_wz p{
    display: none;
}

.case1_btn span {
    padding: 7px 20px;
}

.socB_left{
    width: 100%;
    margin-bottom: 30px;
}

.socB_right{
    width: 100%;
}

.socBR_lis{
    margin-bottom: 30px;
}

.socB_img {
    height: 190px !important;
}







.cont_box1 {
    padding: 40px 0 0;
}

.cont1_map {
    width: 100%;
}

.cont1_map {
    height: 300px;
}

.cont1_right {
    margin-top: 30px;
    padding-bottom: 40px;
}

.cont1_wz {
    left: 0;
    margin-bottom: 20px;
}

.cont1_wz h3 {
    font-size: 14px;
    line-height: 24px;
    font-weight: normal;
}

.cont1_txt {
    margin-left: 0;
}

.cont1_txt h5 {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
}

.cont1_lx p {
    font-size: 12px;
    line-height: 22px;
    margin: 0;
}

.cont1_zmt{
    display: none;
}

.cont_box2 {
    padding: 40px 0;
}

.cont2_tit h3 {
    font-size: 18px;
    line-height: 26px;
}


.cont2_tit h5 {
    font-size: 12px;
    line-height: 22px;
}

.cont2_tit {
    margin-bottom: 30px;
}

.cont2_cot li {
    width: 100%;
    padding: 0 15px;
}

.cont2_cot ul {
    margin: 0 -15px;
}

.cont2_lis input {
    line-height: 30px;
    height: 30px;
    font-size: 12px;
}

.cont2_lis label {
    padding-left: 40px;
    padding-bottom: 10px;
}
.cont2_btn a {
    line-height: 22px;
    font-size: 12px;
    height: 22px;
}

i.arrow_yuan {
    height: 22px;
    width: 22px;
}








.case4_lis{
    height: auto;
    min-height: 0;
    padding:40px 0 60px;
}

.case4_page {
    bottom: 30px !important;
}

.case4_cot{
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0,0);
}

.case4_btn h3 {
    font-size: 18px;
    letter-spacing: 0px;
    margin: 0;
    line-height: 26px;
}

.case4_cot li {
    margin: 0 20px 20px;
}

.case4_btn {
    margin-bottom: 30px;
}

.case_box1 {
    padding: 40px 0 0;
}

.case1_wz {
    padding: 15px 20px 30px 20px;
}

.case1_wz h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
}


.case_box2 {
    padding: 10px 0 40px;
}

.case2_img img {
    width: 150%;
    margin-left: -25%;
}

.case2_img{
    overflow: hidden;
}

.case2_wz {
    width: 90%;
    padding: 30px 20px 30px 20px;
}

.case2_wz h3 {
    font-size: 12px;
    line-height: 22px;
}

.case2_more {
    margin-top: 20px;
}

.case3_cot li {
    width: 100%;
}

.case3_wz {
    padding: 30px 20px;
}

.case3_tit h3 {
    letter-spacing: 0;
    font-size: 16px;
    font-weight: normal;
}

.case3_txt li {
    padding-top: 10px;
}

.case3_txt li h3 {
    font-size: 14px;
    line-height: 24px;
    font-weight: normal;
}

i.case3_bg {
    top: 36px;
}

.case3_lis {
    margin-bottom: 30px;
}

.case_box3 {
    padding-bottom: 10px;
}

.cased_box {
    padding: 50px 0 10px;
}

.cased_cot li {
    width: 100%;
}

.cased_wz{
    opacity:1;
}

.cased_wz h3 {
    font-size: 14px;
}



.socd_cot,.scod_mask{
    display: none;
}

.socd_box {
    padding: 40px 0 20px;
}

.socdCot li{
    width: 50%;
    float: left;
    padding:0 10px 10px;
}

.socdCot ul{
    margin:0 -10px;
}

.socdCot ul:after{
    content:'';
    clear: both;
    display: table;
}

.socdC_lis img {
    width: 100%;
    height: 100px;
}

.socdC_wz{
    padding-top:10px;
}

.socdC_wz h5 {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height:40px;
}



.ab4_cot a {
    font-size: 20px;
    width: 28px;
    height: 28px;
    border-width:1px;
}

a.ab4_arrl {
    left: -10px;
}

.ab4_arrr {
    right: -10px;
}

.ab4_cot a i{
    line-height: 26px
}


.system_box {
    padding: 40px 0;
}

.system_tit h3 {
    font-size: 18px;
    font-weight: normal;
}

.system_tit {
    margin-bottom: 20px;
}

.sys_left {
    width: 100%;
    margin-bottom: 10px;
}

.sys_lis {
    padding: 20px 0;
}

.sys_left h3 {
    font-size: 16px;
    font-weight: normal;
    line-height: 26px;
}

.sys_right {
    width: 100%;
    padding-left: 0;
}

.sys_right p {
    font-size: 12px;
    line-height: 22px;
    margin: 0;
}

.sys_table th {
    color: #fff;
    line-height: 20px;
    padding:5px 10px;
    font-size: 12px;
    font-weight: normal;
    height: 30px;
}

.sys_table td {
    font-size: 12px;
    line-height: 20px;
    border: solid 1px #eee;
    padding:5px 10px;
}

.sys_pic{
    width: 100%
}

.sys_right h3 {
    margin: 20px 0 0;
    font-size: 12px;
    line-height: 22px;
}


.sysLc_li {
    width: 120px;
    height: 120px;
    background: #008bc5;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.sysLc_li span {
    line-height: 20px;
}

.sys_lc_swiper a {
    position: absolute;
    top: 50%;
    font-size: 28px;
    color: #008bc5;
    transform: translateY(-50%);
    z-index: 2
}

.sys_lcl{
    left:30px;
}

.sys_lcr{
    right:30px;
}

.sys_lc_swiper{
    width: 80%;
    margin: 0 auto;
}
.news_cot .row .col-sm-4{
	width: 100% !important;
}

}




















/**6-15**/
.main_cont a , .cont1_zmt a{
    display: inline-block;
    position: relative;
}

.main_cont a .main_cot_ewm , .cont1_zmt a .main_cot_ewm {
    display:inline-block;
    position:absolute;
    z-index: 9;
    width: 100px;
    top: 100%;
    padding-top: 10px;
    left: 50%;
    margin-left: -50px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}
.main_cont a:hover .main_cot_ewm , .cont1_zmt a:hover .main_cot_ewm{
    opacity:1;
    visibility: visible;
}
.main_cont a .main_cot_ewm img , .cont1_zmt a .main_cot_ewm img{
    width: 100%;
    background: #fff;
    padding: 5px;
    box-shadow: 0 0 3px #333;
}

.main_cont a .main_cot_ewm:before  , .cont1_zmt a .main_cot_ewm:before{content: "";display: inline-block;position: absolute;border: solid;border-color: #fff transparent;border-width: 0px 10px 10px 10px;top: 0;left: 50%;margin-left: -10px;}

/**6-15**/
/* 2018 6 26 */
.action_box {
    padding: 80px 0;
}

.action_box1 {
    max-width: 1000px;
}

.action_box1 h3 {
    margin: 0;
    font-size: 30px;
    color: #008bc5;
    line-height: 40px;
    margin-bottom: 16px;
    font-weight: bold;
    letter-spacing: 1px;
}

.action_box1 p {
    font-size: 14px;
    line-height: 24px;
}

.action_box1 h6{
    margin: 0;
    text-align: right;
    font-size: 14px;
    line-height: 24px;
    margin-top: 40px;
}

.action_box2 {
    margin-top: 50px;
    background: #ededed;
    padding: 80px 70px;
    position: relative;
}

.action2_img {
    display: inline-block;
    width: 170px;
    float: left;
    padding-bottom: 15px;
    padding-top: 10px;
}

.action2_img img {
    width: 100%;
}

.action_box2 h3 {
    margin: 0;
    font-size: 18px;
    color: #008bc5;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 14px;
}

.action_box2 p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px;
}

.action2_wz {
    display: inline-block;
    width: 66.7%;
    float: left;
    padding-right: 60px;
}

.action2_2 {
    float: right;
    width: 33.3%;
}

.action_box2:after {content: '';display: table;clear: both;}

.action2_wz h3 {
    margin: 0;
    font-size: 18px;
    color: #008bc5;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 14px;
}

.action2_wz p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px;
}

.action2_2 img {
    width: 100%;
}





.care_nav ul:after {content: '';display: table;clear: both;}

.care_nav li {
    float: left;
}

.care_nav li a {
    padding: 0 50px;
    font-size: 16px;
    color: #333;
    line-height: 50px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.care_box {
    margin-top: 50px;
}

.care_nav {
    border-bottom: solid 2px #008bc5;
    margin-bottom: 50px;
}

.care_nav li.active a {
    background: #008bc5;
    color: #fff;
}

.care_left {flex: 1;padding: 50px 0;padding-right: 8%;
    position: relative;}

.care_lis {
    display: flex;
    position: relative;
}

.care_right {
    flex: 1;
    position: relative;
}

.care_img img {
    width: 100%;
}

.care_wz h3 {
    margin: 0;
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 4px;
    border-bottom: solid 1px #ddd;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.care_wz {
    border-right: solid 1px #ddd;
}

.care_wz p {
    padding-top: 8px;
    font-size: 14px;
    line-height: 24px;
    margin: 0;
    padding-right: 10px;
    height: 134px;
    overflow: hidden;
    overflow-y: auto;
}

.care_wz p::-webkit-scrollbar-track-piece{width:10px;background-color:#f2f2f2}
.care_wz p::-webkit-scrollbar{width:0px;height:6px}
.care_wz p::-webkit-scrollbar-thumb{height:50px;background-color:#008bc5;}

.care_lis:before {content: '';width: 2560px;position: absolute;top: 0;left: 50%;transform: translateX(-50%); -webkit-transform: translateX(-50%);height: 100%;background: #ededed;}

.care_lis:nth-child(even):before{
    display: none;
}

.threeOneSec1 {
    padding:0 0 80px;
}
.threeOneSec1 h2 {
    margin: 0;
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 30px;
    font-weight: bold;
    color: #008bc5;
}

.threeOneSec1_box:after {
    content: "";
    display: table;
    clear: both;
}

.threeOneSec1_left {
    width: 80%;
    float: left;
    padding-right: 30px;
}

.threeOneSec1_right {
    width: 20%;
    float: right;
}

.threeOneSec1_right img {
    max-width: 100%;
}

.threeOneSec1_left
 p {
    margin: 0 0 5px;
    font-size: 14px;
    line-height: 24px;
    color: #333;
}
.threeOneSec2 {
    padding: 40px 60px;
    background: #ededed;
    overflow: hidden;
}

.threeOneSec2_tit h2 {
    margin: 0;
    padding: 0 0 5px;
    font-size: 20px;
    line-height: 30px;
    color: #008bc5;
    display: inline-block;
    position: relative;
}

.threeOneSec2_tit
 h2:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 500px;
    height: 1px;
    background: #008bc5;
    right: 0;
    bottom: 0;
}

.threeOneSec2_tit {
    margin: 0 0 30px;
}

.threeOneSec2_top:after {
    content: "";
    display: table;
    clear: both;
}

.threeOneSec2_imgBox1 {
    max-width: 360px;
}
.threeOneSec2_top .threeOneSec2_imgBox1 {
    float: right;
    padding-left:30px;
    padding-bottom:15px;
}
.threeOneSec2_bot .threeOneSec2_imgBox1 {
    float: left;
    padding-right:30px;
    padding-bottom:15px;
    padding-top: 10px;
}

.threeOneSec2_imgBox1 img {
    width: 100%;
}
.threeOneSec2 h3 {
    margin: 15px 0 5px;
    font-size: 18px;
    line-height: 28px;
    color: #008bc5;
}

.threeOneSec2 p {
    margin: 0 0 5px;
    font-size: 14px;
    line-height: 24px;
    color: #666666;
}

.threeOneSec2 h4 {
    margin: 15px 0 5px;
    font-size: 16px;
    line-height: 26px;
    color: #333;
}
.threeOneSec2.threeOneSec3 {
    background: #fff;
}
.threeOneSec2_bot:after {
    content: "";
    display: table;
    clear: both;
}



@media(max-width:1440px){
.care_wz p {
    height: 86px;
}
}


/* 2018 6 26 */