a{text-decoration: none;}

.pos-rel {

    position: relative;

}

.pb-120 {

    padding-top: 120px;

}



/* 公共部分 */

body {

	font-family: Arial,microsoft yahei,helvetica neue,Helvetica,open sans,sans-serif,STXihei,myriad set pro,STHeitiSC-Light,lato,pingfang sc;

	font-weight: normal;

	font-style: normal;

	font-size: 15px;

}

.img {

	max-width: 100%;

	transition: all 0.3s ease-out 0s;

}

.f-left {

	float: left

}

.f-right {

	float: right

}

.clear{clear: both;}

.clear::after{display: block;clear: both;content: "";}

.fix {

	overflow: hidden

}

.slick-slide {

	outline: none;

}

a,

.button {

	-webkit-transition: all 0.3s ease-out 0s;

	-moz-transition: all 0.3s ease-out 0s;

	-ms-transition: all 0.3s ease-out 0s;

	-o-transition: all 0.3s ease-out 0s;

	transition: all 0.3s ease-out 0s;

}

a:focus,

.button:focus {

	text-decoration: none;

	outline: none;

}

a:focus,

a:hover,

.portfolio-cat a:hover,

.footer -menu li a:hover {

	text-decoration: none;

}

a,

button {

	color: #4d5a66;

	outline: medium none;

}

button:focus,input:focus,input:focus,textarea,textarea:focus{outline: 0}

.uppercase {

	text-transform: uppercase;

}

.capitalize {

	text-transform: capitalize;

}

.pt-20{padding-top:20px;}

h1,

h2,

h3,

h4,

h5,

h6 {

	font-family: 'Exo', sans-serif;

	font-weight: normal;

	color: #011b46;

	margin-top: 0px;

	font-style: normal;

	font-weight: 500;

}

h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a {

	color: inherit;

}

h1 {

	font-size: 40px;

	font-weight: 500;

}

h2 {

	font-size: 35px;

}

h3 {

	font-size: 28px;

}

h4 {

	font-size: 22px;

}

h5 {

	font-size: 18px;

}

h6 {

	font-size: 16px;

}

ul {

	margin: 0px;

	padding: 0px;

}

li {

	list-style: none

}

p {

	font-size: 15px;

	font-weight: normal;

	line-height: 24px;

	color: #002052;

	margin-bottom: 15px;

}

hr {

	border-bottom: 1px solid #eceff8;

	border-top: 0 none;

	margin: 30px 0;

	padding: 0;

}

label {

	color: #7e7e7e;

	cursor: pointer;

	font-size: 14px;

	font-weight: 400;

}

.mb-40 {

    margin-bottom: 40px;

}

.pb_40{padding-bottom: 60px;}

*::-moz-selection {

	background: #d6b161;

	color: #fff;

	text-shadow: none;

}

::-moz-selection {

	background: #444;

	color: #fff;

	text-shadow: none;

}

::selection {

	background: #444;

	color: #fff;

	text-shadow: none;

}

*::-moz-placeholder {

	color: #555555;

	font-size: 14px;

	opacity: 1;

}

*::placeholder {

	color: #555555;

	font-size: 14px;

	opacity: 1;

}

.theme-overlay {

	position: relative

}

.theme-overlay::before {

	background: #1696e7 none repeat scroll 0 0;

	content: "";

	height: 100%;

	left: 0;

	opacity: 0.6;

	position: absolute;

	top: 0;

	width: 100%;

}

.separator {

	border-top: 1px solid #f2f2f2

}

/* button style */

.thm-btn {

	z-index: 1;

	font-size: 15px;

	line-height: 24px;

	padding: 13px 20px;

	text-align: center;

	position: relative;

	letter-spacing: 1px;

	color: #fefefe;

	text-transform: uppercase;

	background-color: #011b46;

	font-weight: 700;

    display: inline-block;

    border-radius: 7px;

    border: none;

}

.btn-tm{border-radius:0%;}

.thm-btn:hover {

	color: #ffff;

}

.thm-btn::before {

	top: 0px;

	width: 0px;

	left: auto;

	right: 0px;

	z-index: -1;

	bottom: 0px;

	content: "";

	position: absolute;

	background-color: #01a0c7;



	transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

}

.thm-btn:hover::before {

	left: 0px;

	width: 100%;

	right: auto;

}

.border-btn {

	border: 2.5px solid #011b46;

	background: transparent;

	color: #0a1c44;

	padding: 14px 40px;

}

.border-btn-white {

	border: 2px solid #8091ad;

	background: transparent;

	color: #fff;

	padding: 14px 40px;

}

.border-btn-white:hover {

	border-color: #ff5e15;

}

.border-btn-white::before {

	background-color: #ff5e15;

}

.black-btn {

	background-color: #002052;

}

.black-btn::before {

	background-color: #ff5e15;

}

.breadcrumb > .active {

	color: #888;

}

/* scrollUp */

#scrollUp {

	background: #ff5e15;

	height: 50px;

	width: 50px;

	right: 15px;

	bottom: 50px;

	color: #fff;

	text-align: center;

	border-radius: 3px;

	font-size: 16px;

	line-height: 53px;

	box-shadow: 0px 3px 15px 1px rgba(255, 94, 21, 0.33);

}

/* 2. header */

.header-top {

	background-color: #011b46;

}

.header-top .right li:hover i{cursor: pointer; color: #01a0c7;cursor: pointer;}

.header-top .right li{cursor: pointer;}

.header-top .right li i{transition: 0.3s}

.header-top ul{



    margin: 0px;

}

.header-top .left {

	float: left;

}

.header-top .left li {

	list-style: none;

	display: inline-block;

	float: left;

	color: #fff;

	margin-right: 15px;

	padding: 10px 0px;

	border-left: 1px solid #ffffff45;

    padding-left: 15px;

    font-size: 17px;

}

.header-top .left li:first-child {

	border: 0;

	padding-left: 0;

}

.header-top .left li span{

    color: #fff;

    margin-right: 5px;

}

.header-top .right {

	float: right;

}

.header-top .right li{

    list-style: none;

    display: inline-block;

	padding: 10px 14px;

	border-right: 1px solid #ffffff45;

}

.header-top .right li:first-child {

	border-left: 1px solid #ffffff45;

}

.header-top .right li a{

	color: #fff;

	font-size: 16px;

}

.header-top .right li a img{margin-right: 5px;}

.header-top .right li .f_j{font-size: 17px;cursor: pointer;margin-left: 10px;}

.header-top .right li:nth-child(6){position: relative;border-right:none;}



.header-top .right li ul{position: absolute;right: 0;color: #666;top: 50px; z-index: 2;background-color: #fff; box-shadow: 0 2px 12px rgba(0,0,0,.1); border-radius: 4px;}

.header-top .right .tan{padding-left:0; transition: 0.7s;width: 200px;display: none}

.header-top .right .tan li{border:none;border-bottom:1px #e6e6e6 solid ;width: 100%;}

.header-top .right .tan li:hover{background-color: #f1f1f1}

.header-top .right .tan li a{color: #666;}

.header-button .thm-btn::before{border-radius: 7px;}

.header-top .right li:nth-child(6):hover .tan{opacity: 1;transform: translateX(0px);}

.main-menu ul li {

	display: inline-block;

	margin-left: 10px;

	position: relative;

}

.main-menu ul li a {

	display: block;

	padding: 44px 0;

	color: #323232;

	font-size: 16px;

	font-weight: bold;



}

.main-menu ul li:hover > a {

	color: #01a0c7;

}

.header-button {

	margin-top: 30px;

	margin-left: 20px;

}

.main-menu ul li ul.submenu {

	position: absolute;

	top: 110%;

	min-width: 230px;

	background: #fff;

	padding: 15px 0;

	border-top: 4px solid #011b46;

	box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);

	border-radius: 3px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	-ms-border-radius: 3px;

	-o-border-radius: 3px;

	transition: .3s;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-ms-transition: .3s;

	-o-transition: .3s;

	opacity: 0;

	visibility: hidden;

	z-index: 9;

}

.main-menu ul li:hover > ul.submenu {

	top: 100%;

	opacity: 1;

	visibility: visible;

}

.main-menu ul li ul.submenu li{

	margin: 0;

	display: block;

}

.main-menu ul li ul.submenu li a {

	font-size: 15px;

	padding: 9px 25px;

	text-transform: capitalize;

}

.submenu  li:hover{background:rgba(182, 182, 182, 0.23) ;}

.main-menu  .submenu  li:hover a{color: #01a0c7;}

/* 搜索 */

.serach{font-size: 20px;    padding: 5px 10px; border-left: 1px solid #999;cursor: pointer;}

.search-forum>form {



	display: inline-flex;



	background: #fff;



	padding: 18px 20px;



	border-top: 2px solid #355ebf;



}



.search-forum input[type="text"] {



	padding: 10px;



	border: 1px solid #ddd;



}



.search-forum input[type="submit"] {



	padding: 10px;



	background: #22253a;



	color: #fff;



}



.search-forum {

    right: 144px;

	position: absolute;

    display: none;

	top: 112px;



	transition: all 0.4s ease 0s;



	z-index: 2;



}



.search-forum.dropdown-menu {



	padding: 0;



	border: 0px;



}

/* 3. slider */

.slider-height {

	min-height: 750px;

	background-position: center top;

    background-repeat: no-repeat;

    background-size: cover;

}


.slider-height-s {

	min-height: 855px;

	background-position: center top;

    background-repeat: no-repeat;

    background-size: cover;

}
.slider-content h5 {

	font-size: 18px;

	font-weight: 700;

	color: #333333;

	text-transform: uppercase;

	line-height: 1.2;

	margin-bottom: 20px;

	font-family: 'Roboto', sans-serif;

}

.slider-content h1 {

	font-size:57px;

	font-weight: 700;

	color: #011b46;

	line-height: 75px;

	margin-bottom: 15px;

	text-transform: uppercase;

}

.slider-content h1 span {

	text-transform: uppercase;

	color: #ff5e15;

}

.slider-content p {

	font-size: 13px;

	color: #0a1c44;

	font-weight: 500;

	line-height: 27px;

	padding-right: 80px;

}

.slider-btn a {

	margin-top: 22px;

	margin-right: 25px;

}

.slider-active button.slick-arrow {

	position: absolute;

	height: 80px;

	width: 80px;

	top: 45%;

	left: 0;

	transform: translateY(-50%);

	background: none;

	border: 0;

	font-size: 18px;

	padding: 0;

	color: #10111e;

	z-index: 2;

	cursor: pointer;

	background: #fff;

	line-height: 73px;

	opacity: 0.8;

	transition: .3s;

	box-shadow: 0px 5px 27px 0px rgba(220, 220, 220, 0.69);

}

.slider-active button.slick-next {

	left: auto;

	right: 0;

}

.slider-active button.slick-arrow:hover {

	background: #325fc0;

	color: #fff;

}

.header-transparent {

	position: absolute;

	left: 0;

	width: 100%;

	background: transparent;

	z-index: 1;

}

.slider-height-2 {

	height: 100vh;

}

.banner-overlay {

	position: absolute;

	height: 100%;

	width: 100%;

	left: 0;

	top: 0;

	background-color: #020d1e;

	opacity: .7;

}

.slider-2 .slider-content h1 {

	color: #fff;

}

.slider-2 .slider-content p {

	color: #fff;

}

.slider-2 .slider-content {

	margin-top: 230px;

}

.slider-2 .slider-active button.slick-arrow {

	top: 54%;

	box-shadow: 0px 5px 27px 0px rgba(220, 220, 220, 0.32);

}

/* 产品 */

.services-area {

	position: relative;

	z-index: 1;

}

.gray-bg {

    background: #f6f6f6;

}

.pb-90 {

    padding-bottom: 55px;

}

.pt-120 {

    padding-top:45px;

}

.p_title h2{color: #323232;text-align: center;font-weight: bold;font-size: 35px;}

.p_title span::after{content: "";display: block;height: 4px;width: 75px;background:#011b46 ;margin: 0 auto;}

.p_title span{margin: 20px 0;display: block;}

.t_text{padding:20px 0;padding-left: 20px;}

.t_text .desc{text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  -webkit-box-orient: vertical;}

.p_title p{color: #666666;margin: 0 auto;text-align: center;}

.t_text h4{font-size: 17px;color:#011b46;font-weight: bold;overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;}

.t_text p{color: #666;}

.pro_tit,.app_tit{padding-top: 40px;}

.pro_tit li{padding:10px 20px;}

.app_tit li{padding:10px}

.pro_list{position: relative;}

.pro_tit li .pro_list::before{    position: absolute;;

	display: block;

    bottom: 0;

    width: 0%;

    height: 5px;

    content: "";

    right: 0;

    background: #345dbb;

    z-index: 2;

    transition: .3s;

    -webkit-transition: .3s;

    -moz-transition: .3s;

    -ms-transition: .3s;

	-o-transition: .3s;}

	.pro_tit li .pro_list:hover::before{        width: 100%;

		right: auto;



	

	}	

.pro_tit li .pro_list,.app_tit li .pro_list{box-shadow: 1px 2px 3px #ccc;overflow: hidden;}

.pro_tit li .pro_list .t_pic, .app_tit li .pro_list .t_pic{overflow: hidden;}

.pro_tit li .t_pic img,.app_tit li .t_pic img{width: 100%;transition: 0.5s}

.pro_tit li .pro_list{box-shadow: 0 18px 38px 0 rgb(183 183 183 / 77%);height: 100%;}

  .pro_tit li .pro_list.p_box{box-shadow: 1px 3px 6px 0 rgb(130 122 122 / 77%)}

.app_tit li .pro_list{padding:0 5px;padding-top: 5px;background:#fff ;}

.app_tit li .pro_list p{color: #011b46;text-align: center;}

.app_tit li .pro_list .t_text{padding: 30px 0;}

.pro_list:hover img{transform: scale(1.1);transition: 0.5s;}

/* advantage */

.advantage{background:url(../images/xbg.jpg) ;height:355px;}

.advantage ul{padding-top: 90px;}

.advantage ul li{text-align: center;}

.advantage ul li img{width:16%;}

.advantage ul li h2{color: #fff;font-size: 40px;font-weight: 550;margin-top:20px;margin-bottom: 20px;}

.advantage ul li p{color: #e2e2e2;font-size: 16px;}

.application{background:url(../images/appbg.png) ;position: relative;}

.application .swiper-button-prev ,.application .swiper-button-next{outline: none;height: 55px;width: 55px;transform: translateY(30px);}

.application .swiper-button-prev{background:url(../images/pre.png);left: -45px;}

.application .swiper-button-next{background:url(../images/next.png);right:-45px;}

.app{position: relative;}

/* 4. about */

.about-tab .nav-tabs {

	border-bottom: none;

}

.about-area{overflow: hidden;}

.ab_left{transform: translateX(-100%);opacity: 0;transition: 1.2s;}

.ab_left.on{transform: translateX(0);opacity: 1;}

.ab_right{transform: translateX(100%);opacity: 0;transition: 1.2s;}

.ab_right.on{transform: translateX(0);opacity: 1;}

.about-tab-item {

	position: relative;

	padding: 20px 15px 19px 65px;

}

.about-tab-thumb {

	position: absolute;

	left: 3px;

}

.about-tab-content {

	margin-left: 42px;

}

.about-tab-content h4 {

	font-size: 20px;

	font-weight: 600;

	text-transform: uppercase;

}

.about-tab-content p {

	margin: 0;

}

.border-title-2 h1 {

	position: absolute;

	font-family: 'Roboto', sans-serif;

	font-size: 100px;

	text-transform: uppercase;

	line-height: 70px;

	color: transparent;

	left: 0;

	-webkit-text-stroke: 2px #f6f6f6;

	top: -52px;

	margin-bottom: 0;

	z-index: -1;

}

.about-title h5 {

	font-size: 15px;

	text-transform: uppercase;

	color: #011b46;

	font-weight: 700;

	margin-bottom: 22px;

	font-family: 'Roboto', sans-serif;

}

.about-title h2 {

	font-size: 40px;

	text-transform: uppercase;

	font-weight: 700;

	line-height: 50px;

}

.about-title h2 span {

	color: #01a0c7;

}

.about-title h2 {

	font-size: 40px;

	text-transform: uppercase;

	font-weight: 700;

	line-height: 50px;

	margin-bottom: 22px;

	color: #011b46;

}

.about-left p {

	margin-bottom: 28px;

	color: #666666;

}

.about-info-title span {

	background: #011b46;

	height: 18px;

	width: 18px;

	border-radius: 50%;

	display: inline-block;

	text-align: center;

	line-height: 18px;

	color: #fff;

	font-size: 8px;

	float: left;

	margin-right: 15px;

}

.about-info-title h5 {

	font-size: 13px;

	font-weight: 500;

	margin-bottom: 0;

	color: #333333;

}

.about-info li {

	margin-bottom: 15px;

}

.about-btn a {

	margin-right: 30px;

	background:#011b46 ;

	

}

.about-btn a.about-l-btn {

	font-size: 15px;

	font-weight: 700;

	color: #002052;

	text-transform: uppercase;

}

.about-btn a.about-l-btn i {

	height: 20px;

	width: 20px;

	font-size: 8px;

	background: #002052;

	color: #fff;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

	display: inline-block;

	text-align: center;

	line-height: 19px;

	margin-left: 8px;

	position: absolute;

	margin-top: 19px;

}

.about-right-content h1 {

	float: left;

	font-size: 55px;

	font-weight: 700;

	color: #011b46;

	margin-right: 10px;

}

.about-right-content h1 span {

	font-size: 15px;

}

.about-right-content h5 {

	font-size: 12px;

	font-weight: 700;

	margin-bottom: 0;

	margin-top: 12px;

	margin-bottom: 7px;

	text-transform: uppercase;

  }

  .about-right-content h3 {

	font-size: 19px;

	font-weight: 700;

	text-transform: uppercase;

	margin-bottom: 0;

  }

  .about-right-content {

	position: absolute;

	min-width: 320px;

	background: #fff;

	padding: 15px 15px 5px 28px;

	box-shadow: 0px 12px 27px 0px rgba(143, 158, 182, 0.3);

	top: -80px;

	left: 5px;

	transform: translateY(80px);

	

	transition-delay:0.7s;

	transition-duration:1.3s;

	opacity: 1;

}

.about-right-content.on{transform: translateY(0);opacity: 1;}

.about-right-content::before {

	position: absolute;

	content: "";

	background: #ffffff;

	width: 20px;

	height: 20px;

	bottom: -10px;

	transform: rotate(45deg);

	left: 45%;

	transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-o-transform: rotate(45deg);

}

.about-right-thumb img {

	width: 100%;

}

.about-right {

	margin-top: 75px;

}

.about-2 .about-right-content {

	position: inherit;

	min-width: 320px;

	background: transparent;

	padding: 0;

	box-shadow: none;

	overflow: hidden;

}

.about-2 .about-right-content h1 {

	font-size: 89px;

	font-weight: 700;

	color: #01a0c7;

	margin-right: 10px;

}

.about-2 .about-right-content h5 {

	font-size: 16px;

	color: #002052;

}

.about-2 .about-right-content h3 {

	font-size: 40px;

}

.about-2 .about-title h5 {

	font-size: 15px;

}



/* 9. contact */

.contact-area{background:url(../images/bgi-case.jpg) ;}

.contact-left {

	position: relative;

	    text-align: center;

}

.contact-thumb-left  {

	position: relative;

}

.contact-thumb-left img {

	width: 75%;

}

.contact-thumb-left .contact-shape {

	border: 30px solid #fff;

	height: 80%;

	position: absolute;

	top: 38px;

	width: 53%;

	left: 51px;

	opacity: 25%;

}

.contact-thumb-right {

	position: absolute;

	top: 215px;

	right: 0;

}

.contact-area .contact-right .border-title-2 h1 {

	left: 60px;

	top: -55px;

	z-index: 2;

}

.contact-right {

	margin-left: 50px;

}

.contact-right .about-title h2 {

	margin-bottom: 38px;

}

.text-box {

	position: relative;

	display: flex;

	align-items: center;

	margin-bottom: 20px;

}

.text-box input {

	width: 100%;

	height: 70px;

	background: #f6f6f6;

	padding: 10px 30px;

	padding-left: 55px;

	border: 1px solid transparent;

	transition: .3s;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-ms-transition: .3s;

	-o-transition: .3s;

}

.text-box input:focus, .message-box textarea:focus {

	border-color: #01a0c7;

}

.text-box input:hover, .message-box textarea:hover {

	border-color: #355ebf;

}

.text-box span {

	position: absolute;

	padding: 0 30px;

	color: #011b46;

}

.message-box {

	position: relative;

}

.contact-area .border-title-2 h1{font-size:80px;}

.contact-area h5{position: relative;z-index: 2;}

.contact-area .container{padding-top: 80px;padding-bottom: 60px; background: #fff;}

.language-selector{
	display: none;
}

.message-box textarea {

	width: 100%;

	height: 140px;

	border: 0;

	background: #ededed;

	padding: 15px;

	padding-left: 55px;

	border: 1px solid transparent;

	transition: .3s;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-ms-transition: .3s;

	-o-transition: .3s;

}

.message-box span {

	position: absolute;

	padding: 15px 30px;

	color: #011b46;

}

.text-box input::-moz-placeholder {

	color: #002052;

	font-size: 15px;

}

.text-box input::placeholder {

	color: #002052;

	font-size: 15px;

}

.message-box textarea::-moz-placeholder {

	color: #002052;

	font-size: 15px;

}

.message-box textarea::placeholder {

	color: #002052;

	font-size: 15px;

}

.message-box button {

	margin-top: 20px;

	cursor: pointer;

	border: 0;

}

.about-2 .about-left {

	margin-left: -25px;

}

.contact-form h3, .contact-info h3 {

	font-size: 20px;

	margin-bottom: 25px;

	font-weight: 700;

	text-transform: uppercase;

}

.contact-form input {

	width: 100%;

	height: 55px;

	margin-bottom: 20px;

	border: 1px solid transparent;

	padding: 0 20px;

	text-transform: capitalize;

	background: #f6f6f6;

	transition: .3s;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-ms-transition: .3s;

	-o-transition: .3s;

}

.contact-form textarea {

	width: 100%;

	height: 170px;

	border: 1px solid transparent;

	padding: 20px;

	text-transform: capitalize;

	background: #f6f6f6;

	margin-bottom: 20px;

	transition: .3s;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-ms-transition: .3s;

	-o-transition: .3s;

}

.contact-form input:focus, .contact-form input:hover, .contact-form textarea:focus, .contact-form textarea:hover {

	border-color: #01a0c7;

}

.contact-form button {

	margin-top: 0px;

	cursor: pointer;

	border: 0;

}

.contact-info {

	margin-left: 40px;

}

.con_h3{    text-align: center;

    font-weight: bold;

    margin-bottom: 49px;

   font-size: 32px;

}

.contact_top{display: flex;justify-items: center;flex-wrap: wrap;}



.right-info{width: 60%;margin: 0 auto;}

.contact.right-info .c-right-icon span {

	float: left;

	margin-right: 16px;

	width: 45px;

	height: 45px;

	background: #01a0c7;

	text-align: center;

	color: #fff;

	line-height: 46px;

	font-size: 16px;

}

.contact.right-info .c-right-text {

	overflow: hidden;

}

.contact.right-info .c-right-text p {

	margin-bottom: 0;

	font-weight: 600;

}

.right-info{width: 50%;margin: 0 auto;}

.con-bor{border: 1px #ccc dotted;

    padding: 10px; margin-left: 0;}

.contact-info ul li {

	margin-bottom: 50px;

	width: 33.33%;

}

.th-width{width: 100%; margin: 0 auto;}

.gmaps-area .contact-map {

	height: 500px;

}

.gmaps-area iframe {

	height: 500px;

	width: 100%;

	border: 0;

}

.message-box .btn-tm{background:#011b46 ;}

/* 14. footer */

footer{border-top: #cccccc 20px solid;}

.footer-height {

	min-height: 500px;

}

.footer-area {

	background-color: #011b46;

}

.footer-left-widget {

	padding: 75px 15px;

	padding-bottom: 60px;



}

.footer-logo {

	margin-bottom: 24px;

}

.footer-left-widget p {

	color: #cccccc;

	line-height: 27px;

}

.footer-left-widget .footer-social a {

	height: 30px;

	width: 30px;

	font-size: 12px;

	background: #fff;

	display: inline-block;

	text-align: center;

	line-height: 30px;

	color: #002052;

	margin-right: 8px;

}

.footer-left-widget .footer-social a:hover {

	background: #ff5e15;

	color: #fff;

}

.footer-widget-space {

	margin-left: -35px;

}

.footer-widget {

	padding-top: 100px;

}

.footer-widget h3 {

	font-size: 20px;

	color: #fff;



	font-weight: 700;

	

}

.footer-widget ul.footer-info li {

	margin-bottom: 33px;

}

.footer-address span {

	float: left;

	margin-right: 15px;

	font-size: 18px;

	color: #ffffff;

}

.footer-address h5 {

	font-size: 15px;

	color: #cccccc;

	font-family: 'Roboto', sans-serif;

	line-height: 30px;

}



.footer-link {

	margin-left: -45px;

}

.footer-widget ul li {

	margin-bottom: 14px;

}

.footer-widget ul li a {

	color: #cccccc;

}

.footer-widget ul li a:hover {

	text-decoration: underline;

}

.footer-gallery {

	position: relative;

	margin-right: 8px;

}

.footer-gallery-item {

	position: relative;

}

.footer-gallery-thumb::before {

	position: absolute;

	content: "";

	background: #ff5e15;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	transition: .3s;

	opacity: 0;

	transform: scale(.95);

}

.footer-gallery-item:hover .footer-gallery-thumb::before{

	opacity: .8;

	transform: scale(1);

}

.footer-gallery-item img {

	width: 100%;

}

.footer-gallery-item {

	position: relative;

	float: left;

	width: 50%;

	overflow: hidden;

	display: block;

	border: 5px solid transparent;

}

.link-img a {

	position: absolute;

	top: 50%;

	left: 0%;

	right: 0;

	transform: translateY(-50%);

	transition: .3s;

	color: #fff;

	width: 100%;

	height: 100%;

	text-align: center;

	line-height: 72px;

	opacity: 0;

	visibility: hidden;

}

.footer-gallery-item:hover .link-img a {

	opacity: 1;

	visibility: visible;

}

.copyright-text p {

	color: #06163a;

	margin-bottom: 0;

	font-weight: 500;

}

.copyright-area {

	background: #01173c;

padding: 10px 0;

}
.logo-2-img{
	width: 100px;
}
.copyright-text p {

	font-size: 13px;

	color: #cccccc;

	margin-bottom: 0;

    text-align: left;

	text-transform: uppercase;

	font-family: 'Exo', sans-serif;

}

.f-left-widget-2 {

	background: none;

	border: 0;

}

.f-left-widget-2 p {

	color: #c6d6ee;

	margin-bottom: 0;

}

.f-left-bottom h3 {

	font-size: 20px;

	color: #fff;

	font-weight: 700;

	text-transform: uppercase;

	line-height: 27px;

	margin-bottom: 5px;

}

.f-left-bottom p {

	font-size: 14px;

	color: #c6d6ee;

}

.footer-2 .footer-widget {

	padding-top: 16px;

}

.footer-2 .footer-left-widget {

	padding: 0;

	margin-right: -30px;

}

.footer-2 .footer-widget ul li {

	margin-bottom: 19px;

}

.footer-2 .footer-widget ul.footer-info li {

	margin-bottom: 33px;

}

.footer-2 .footer-widget ul.footer-info li:last-child {

	margin-bottom: 0;

}

.footer-2 .footer-widget ul li a {

	color: #c6d6ee;

}

.footer-2 .footer-widget ul li a:hover {

	color: #fff;

}

.footer-2 .footer-widget .footer-social a {

	height: 30px;

	width: 30px;

	font-size: 12px;

	background: #021f4c;

	display: inline-block;

	text-align: center;

	line-height: 30px;

	color: #fff;

	margin-right: 8px;

}

.footer-2 .footer-widget.footer-widget-space {

	margin-right: 40px;

}

.footer-2 .footer-widget .footer-social a:hover {

	background-color: #ff5e15;

}

.footer-2 .footer-gallery .footer-gallery-item {

	position: relative;

	float: left;

	width: 33.33%;

	overflow: hidden;

	display: block;

	border: 5px solid transparent;

}

.footer-2.footer-height {

	min-height: 525px;

}

.footer-link em::after{display: block;content: "";width: 30%;background:#01a0c7 ;height: 3px;margin-bottom: 30px;}



.wrap-righter-style .ueeshop_responsive_position .title{font-size: 30px;color: #1f1f1f;height: 35px;line-height: 35px;}

.wrap-righter-style .ueeshop_responsive_position .position{height: 35px;line-height: 35px;}

.wrap-righter-style .ueeshop_responsive_position .position a{font-size: 14px;color: #7d7d7d;}



.wrap-righter-style .cate_info{ margin-bottom: 29px; width: 100%;}

.wrap-righter-style .cate_info .cate_title{ margin-bottom: 15px; width: 20%; height: 35px; line-height: 35px; font-size: 26px; color: #29293a;}

.wrap-righter-style .cate_info .cate_brief{ width: calc(100% - 20%);}



body .ueeshop_responsive_article_feedback .article_feedback_title .title{}

.article-content .art-title{height: 35px;margin: 30px 0;font-size: 22px;color: #333;text-align: center;}

.wrap-module .ueeshop_responsive_position{margin-bottom: 25px;border-bottom: none;}

.art-menu-wrap-style{margin-bottom: 45px;}

.art-menu-wrap-style .menu{text-align: center;}

.art-menu-wrap-style .menu ul li{display: inline-block;font-size: 15px;color: #222;margin:0 25px;}



.product-list{margin: 0 auto 30px;}

.product-list .pro_cate{float: left;width: 100%;}

.product-list .pro_cate .page_name{position: relative;margin-bottom: 10px;font-size: 22px;height: 55px;line-height: 55px;text-transform: uppercase;font-family: "Oswald-Regular";}

.product-list .pro_cate .page_name:after{position: absolute;bottom: 0;left: 0;width: 37px;height: 3px;background: #16b6d2;content: '';}

.product-list .pro_cate .first_cate{height: 51px;line-height: 51px;position: relative;padding-right: 15px; overflow:hidden;cursor: pointer;}

.product-list .pro_cate .first_cate a{font-size: 18px;}

.product-list .pro_cate .first_cate .border{width: 37px;border-bottom: 1px solid #333;}

.product-list .pro_cate .son_cate{display: none;}

.product-list .pro_cate .list.on .son_cate{display: block;}

.product-list .pro_cate .list.on .first_cate{background: url(../images/pro_cate_icon_on.png) no-repeat center right;}

.product-list .pro_cate .son_cate .item:first-child{border-top: none;}

.product-list .pro_cate .son_cate .item{height: 49px;line-height: 49px;border-top: 1px solid #e2e2e2;}

.product-list .pro_cate .son_cate .item a{font-size: 13px;color: #909090;}

/*.product-list .pro_cate .son_cate .item:hover,*/

/*.product-list .pro_cate .son_cate .item.on{color: #16b6d2;}*/

.product-list .pro_cate .son_cate .item:hover a,

.product-list .pro_cate .son_cate .item.on a,

.product-list .pro_cate .son_cate .item a.on,

.product-list .pro_cate .son_cate .subcate3 a.sia:hover{color: #16b6d2;}

.product-list .pro_cate .son_cate .subcate3{margin-bottom: 10px;}

.product-list .pro_cate .son_cate .subcate3 a.sia{display: block;font-size: 12px;color: #909090;text-indent: 15px;line-height: 200%;}



.product-list .pro_cate .leftContent .relate{ margin-top: 20px; -webkit-box-sizing: border-box; box-sizing: border-box;}

.product-list .pro_cate .leftContent .relate *{box-sizing: inherit;}

.product-list .pro_cate .leftContent .relate .title{ position: relative;margin-bottom: 10px;font-size: 22px;height: 55px;line-height: 55px;text-transform: uppercase;font-family: "Oswald-Regular";}

.product-list .pro_cate .leftContent .relate .title:before{position: absolute;bottom: 0;left: 0;width: 37px;height: 3px;background: #16b6d2;content: '';}

.product-list .pro_cate .leftContent .relate .list{ margin-top: 33px; background: none;}

.product-list .pro_cate .leftContent .relate .list .row{ margin-bottom: 15px;}

.product-list .pro_cate .leftContent .relate .list .row a{display: inline-block;vertical-align: middle;}

.product-list .pro_cate .leftContent .relate .list .row .img{width: 35%;margin-right: 5%;padding:3px; -webkit-transition: all 0.3s; transition: all 0.3s;}

/*.product-list .pro_cate .leftContent .relate .list .row:hover .img{ border-color: #fd5657;}*/

.product-list .pro_cate .leftContent .relate .list .row .row_txt{ width: 55%;}

.product-list .pro_cate .leftContent .relate .list .row .name{ width: 100%; font-size: 14px;color: #555;line-height: 20px;vertical-align: top;}

.product-list .pro_cate .leftContent .relate .list .row .btn{ margin-top: 10px; width: 100%; font-size: 14px; color: #f36276; text-decoration: underline; -webkit-text-transform: uppercase; text-transform: uppercase;}



.product-list{/*padding-top: 35px;*/}

.product-list .ueeshop_responsive_products_list{margin-top: 0;padding-top: 5px;}

.product-list .ueeshop_responsive_products_list .item{width: 25%;margin-bottom: 50px;}

.product-list .ueeshop_responsive_products_list .item .pro{width: 90%;}

.product-list .ueeshop_responsive_products_list .item .pro{padding-bottom: 30px;background: #fff;transition: all .2s .1s;-webkit-transition: all .2s .1s;border:1px solid #f2f3f9;border-radius: 5px;}

.product-list .ueeshop_responsive_products_list .item .pro:hover{border-color: #16b6d2;-webkit-box-shadow:0 0px 10px 1px rgba(22, 182, 210, 0.3);box-shadow:0 0px 10px 1px rgba(22, 182, 210, 0.3);transform:translate3d(0, -2px, 0);-webkit-transform:translate3d(0, -2px, 0);}

.product-list .ueeshop_responsive_products_list .item:hover img{transform: scale(1);}

.product-list .ueeshop_responsive_products_list .item .info .more{display: inline-block;font-size: 16px;color: #f36276;text-transform: uppercase;border-bottom: 1px solid #f6b9b1;}

.product-list .ueeshop_responsive_products_list .item .info{text-align: center;}



body .ueeshop_responsive_products_detail .gallery .left_small_img .pic_box.on{border:1px solid #16b6d2;}

.ueeshop_responsive_products_detail .info .name{}

/*.product-detail .ueeshop_responsive_products_detail .info .button > a,*/

.product-detail .ueeshop_responsive_products_detail .info .button .download_button > span{background: none!important;}

.product-detail .description .desc_txt{line-height: 250%;}

#global_editor_contents{}



.product-detail .ueeshop_responsive_products_detail .description .title{border: none;}

.product-detail .ueeshop_responsive_products_detail .description .title span{font-size: 30px;color: #1f1f1f;position: relative;background: #fff;margin-right: 0;padding-right: 15px;}

.product-detail .ueeshop_responsive_products_detail .description .title span:after{position: absolute;width: 10000px;left: 100%;top: 13px;height: 1px;background: #e3e3e3;margin-left: 20px;content: '';}



body .ueeshop_responsive_case_list .item .img{ margin: 0 auto; width: 50%;}

body .ueeshop_responsive_case_list .item .info{ margin: 0 auto; width: 50%;}



.ueeshop_responsive_download_list ul li:hover{color: #16b6d2;}

.ueeshop_responsive_download_list ul li a:hover{background-color: #16b6d2;}

.g_member{position: static;}



.menu-in-left{padding-top: 30px;}

.menu-in-left .menu-wrap-style{width: 20%;}

.menu-in-left .wrap-righter-style{width: 77.75%;float: right;}

.menu-wrap-style .menu{font-family: 'AccordAlternate-Light';}

/*.menu-wrap-style .menu .m-title{font-size: 19px;color: #191919;margin-bottom: 15px;}*/

.menu-wrap-style .menu .m-title{position: relative;margin-bottom: 10px;font-size: 22px;height: 55px;line-height: 55px;text-transform: uppercase;font-family: "Oswald-Regular";}

.menu-wrap-style .menu .m-title:after{position: absolute;bottom: 0;left: 0;width: 37px;height: 3px;background: #16b6d2;content: '';}

.menu-wrap-style .menu .cate-top{margin-bottom: 30px;font-size: 30px;color: #1f1f1f;}

.menu-wrap-style .menu h3{margin-bottom: 10px;}

.menu-wrap-style .menu h3 a{font-size: 16px;color: #1f1f1f;}

.menu-wrap-style .menu h3 a:hover{color: #16b6d2;}

/*.menu-wrap-style .menu h3 a.on{color: #e39f59;text-decoration: underline;}*/

.menu-wrap-style .menu .sublist{line-height: 250%;margin-bottom: 15px;}

.menu-wrap-style .menu .sublist li{}

.menu-wrap-style .menu .sublist li a{font-size: 16px;color: #737373;}

.menu-wrap-style .menu .sublist li a:before{width: 13px;height: 13px;border:1px solid #737373; display: inline-block;vertical-align: middle;margin-right: 10px;transition: all .5s; content: '';display: none;}

.menu-wrap-style .menu .sublist li a.on{color: #16b6d2;}

/*.menu-wrap-style .menu .sublist li a.on:before{border-color: #16b6d2;background: #16b6d2;}*/

.menu-wrap-style .menu .sublist li a:hover{color: #16b6d2;}

.menu-wrap-style .menu .sublist li a:hover:before{}

.menu-wrap-style .menu .sublist li.v3{padding-left: 20px;}

.menu-wrap-style .menu .sublist li.v3 a{}

.menu-wrap-style .menu .sublist li.v3 a:before{display: none;}



.menu-wrap-style .related{ margin-top: 22px; width: 100%;}

.menu-wrap-style .related .r_title{ position: relative;margin-bottom: 10px;font-size: 22px;height: 55px;line-height: 55px;text-transform: uppercase;font-family: "Oswald-Regular"; text-transform: uppercase;}

.menu-wrap-style .related .r_title:after{position: absolute;bottom: 0;left: 0;width: 37px;height: 3px;background: #16b6d2;content: '';}

.menu-wrap-style .related .r_list{ margin-top: 5px; width: 100%;}

.menu-wrap-style .related .r_list .item{ padding: 16px 0 19px; border-bottom: 1px solid #e5e5e5;}

.menu-wrap-style .related .r_list .item:first-child{ border-top: 0;}

.menu-wrap-style .related .r_list .item .img{ display: block; width: 100%; text-align: center;}

.menu-wrap-style .related .r_list .title{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; width: 100%; line-height: 24px; font-size: 18px; color: #555; text-decoration: none; overflow: hidden;}

.menu-wrap-style .related .r_list .author{ margin-top: 6px; width: 100%; height: 21px; line-height: 21px; font-size: 14px; color: #989898; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.menu-wrap-style .related .r_list .brief{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 8px; width: 100%; line-height: 20px; font-size: 14px; color: #888; word-break: break-all; overflow: hidden;}

.clean{zoom:1;}

.clean:after,.clean:before{content:''; display:table;}

.clean:after{clear:both;}

.g_clear{zoom:1;}

.g_clear:after{clear:both;}

.wrap-module .ueeshop_responsive_products_detail_review .review_form h1{font-size: 30px;color: #1f1f1f;text-align: center;margin-bottom: 35px;}

.product-list{margin: 0 auto 30px;}

.product-list .pro_cate{float: left;width: 100%;}

.product-list .pro_cate .page_name{position: relative;margin-bottom: 10px;font-size: 22px;height: 55px;line-height: 55px;text-transform: uppercase;font-family: "Oswald-Regular";}

.product-list .pro_cate .page_name:after{position: absolute;bottom: 0;left: 0;width: 37px;height: 3px;background: #16b6d2;content: '';}

.content .menu-item,.product-list .pro_cate .first_cate{height: 51px;line-height: 51px;position: relative;padding-right: 15px; overflow:hidden;cursor: pointer;}

.content .menu-item a,.product-list .pro_cate .first_cate a{font-size: 18px;}

.product-list .pro_cate .first_cate .border{width: 37px;border-bottom: 1px solid #333;}

.product-list .pro_cate .son_cate{display: none;}

.product-list .pro_cate .list.on .son_cate{display: block;}

.product-list .pro_cate .list.on .first_cate{background: url(../images/pro_cate_icon_on.png) no-repeat center right;}

.product-list .pro_cate .son_cate .item:first-child{border-top: none;}

.product-list .pro_cate .son_cate .item{height: 49px;line-height: 49px;border-top: 1px solid #e2e2e2;}

.product-list .pro_cate .son_cate .item a{font-size: 13px;color: #909090;}

/*.product-list .pro_cate .son_cate .item:hover,*/

/*.product-list .pro_cate .son_cate .item.on{color: #16b6d2;}*/

.product-list .pro_cate .son_cate .item:hover a,

.product-list .pro_cate .son_cate .item.on a,

.product-list .pro_cate .son_cate .item a.on,

.product-list .pro_cate .son_cate .subcate3 a.sia:hover{color: #16b6d2;}

.product-list .pro_cate .son_cate .subcate3{margin-bottom: 10px;}

.product-list .pro_cate .son_cate .subcate3 a.sia{display: block;font-size: 12px;color: #909090;text-indent: 15px;line-height: 200%;}

.p_he img{height: auto !important;}

.product-list .pro_cate .leftContent .relate{ margin-top: 20px; -webkit-box-sizing: border-box; box-sizing: border-box;}

.product-list .pro_cate .leftContent .relate *{box-sizing: inherit;}

.product-list .pro_cate .leftContent .relate .title{ position: relative;margin-bottom: 10px;font-size: 22px;height: 55px;line-height: 55px;text-transform: uppercase;font-family: "Oswald-Regular";}

.product-list .pro_cate .leftContent .relate .title:before{position: absolute;bottom: 0;left: 0;width: 37px;height: 3px;background: #16b6d2;content: '';}

.product-list .pro_cate .leftContent .relate .list{ margin-top: 33px; background: none;}

.product-list .pro_cate .leftContent .relate .list .row{ margin-bottom: 15px;}

.product-list .pro_cate .leftContent .relate .list .row a{display: inline-block;vertical-align: middle;}

.product-list .pro_cate .leftContent .relate .list .row .img{width: 35%;margin-right: 5%;padding:3px; -webkit-transition: all 0.3s; transition: all 0.3s;}

/*.product-list .pro_cate .leftContent .relate .list .row:hover .img{ border-color: #fd5657;}*/

.product-list .pro_cate .leftContent .relate .list .row .row_txt{ width: 55%;}

.wrap .pro_tit li {

    padding: 10px 8px;

}

.product-list .pro_cate .leftContent .relate .list .row .name{ width: 100%; font-size: 14px;color: #555;line-height: 20px;vertical-align: top;}

.product-list .pro_cate .leftContent .relate .list .row .btn{ margin-top: 10px; width: 100%; font-size: 14px; color: #f36276; text-decoration: underline; -webkit-text-transform: uppercase; text-transform: uppercase;}



.entry img.alignleft { float:left; margin:20px 15px 0 0; }

.entry img.alignright { float:right; margin:20px 0 0 15px; }

.entry img.alignleftnopad { float:left; margin-left:0; }

.entry img.alignrightnopad { float:right; margin-right:0; }

.entry img.aligncenter { text-align:center; display:block; margin:20px auto 0 auto; }

.entry img { max-width:100%; }

h1.normal {

    font-size: 22px;

    margin-top: 0px;

    margin-bottom: 25px;

    font-weight: inherit;

    line-height: inherit;

	display: inherit;

	text-align: center;

}

span.time{text-align: center;display: block;}

.pro-xq .s_pic{float:left; border: 1px solid #999;margin-top: 25px;}

.pro-xq .s_pic img{width:100%; }

.pro-xq .pro-js{ float:right;    padding-top: 10px;}

.pro-xq .pro-js h1{font-size:20px; color:#000;  line-height:28px; border-bottom:1px solid #eee;}

.pro-xq .pro-js .pro-xx{font-size:14px; color:#5b5b5b; line-height:23px;height: 160px; border-bottom:1px solid #eee; padding:20px 0; overflow-y: auto;} .pro-xq .pro-js .pro-xx::-webkit-scrollbar{width:5px;height:10px;}

.pro-xq .pro-js .pro-xx::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px;}

.pro-xq .pro-lx{padding-top:15px; border-bottom:1px solid #eee; padding-bottom:10px;} .pro-xq .pro-lx .z{display: block; clear: both; color: #323232; line-height: 30px;}

.pro-xq .pro-lx p{width: 260px;float:left;font-size:16px;color:#323232;height:50px;}

.pro-xq .pro-lx p i{display:block; float:left; margin-right:5px; width:40px; height:40px; background:url(../images/ico-tel.png) no-repeat center;}

.pro-xq .pro-lx p font{line-height: 15px; display: block; margin-bottom: 3px;}

.pro-xq .pro-lx:after{content:" "; display:block; height:0px; visibility:hidden; clear:both;}

.pro-xq .pro-lx p span{display:block; font-size:24px; font-weight:bold; color:#323232; line-height:24px;}

.pro-xq .pro-lx a.zx{display:inline-block; float:right; width:120px; height:38px; text-align:center; line-height:38px; color:#fff; font-size:14px; background:#0285ff; margin-top:5px;}

.pro-xq .pro-lx a.zx:nth-child(2){display: none;}

.pro-xq .pro-lx a.zx1{background:#3bb3ff;}

.pro-xq .pro-lx a.zx:hover{border-radius:25px;}

.swiper-pagination-bullet-active {

    opacity: 1;

    background: #011b46;

}

.prox_list li img{max-width: 100%;text-align: center;margin:0 auto;}

.prox_list li{display: none;}

.prox_list li:nth-child(1){display: block;}

.pro_xq_t { font-size:16px; color:#2c2c2c; text-align:center; border-bottom:1px solid #666;  padding-bottom:5px; margin:20px 0;}

.pro_xq_i { line-height:25px;}

.pro_xq_t div{ float:left; width:200px; text-align:center; height:46px; line-height:46px; color:#2c2c2c; background-color:#f0f0f0; margin-right:4px; cursor:pointer;}

.blue {

    background-color: #01a0c7 !important;

    color: #fff !important;

}

.pro_main{width:911px;float:left;}

.pro_main p{line-height: 23px;}

.ptitle{width:100%;}

.ptitle h2{font-size: 20px;font-weight:bold;text-align: center;border-left: 3px solid #003f90;}

.head {

    width: 100%;

    background: rgba(246,246,246);

    border-bottom: 5px solid #CCCCCC;

    color: #333;

}

.prob_list{padding-left: 20px;}

 .prob_list li{    padding: 0 5px; cursor: pointer; overflow: hidden; position: relative; display:block;float:left;background:#fff;box-sizing:border-box;transition: all .5s;margin-bottom:15px;}

 .prob_list li img{width: 100%;}

 .prob_list .p_txt{border:1px solid #e1e1e1;transition: 0.3s;}

 .pro_ri{float: right;}

 .pro_ri.col-xl-10,.pro_ri.col-lg-10{width:81%; }

.prob_list li:hover .ceng{opacity: 1;transform: translateY(-268px);}

 .prob_list li:last-child{margin-right:0;}

.prob_list li .pic{display: block;width: 100%;position: relative;overflow: hidden;}

 .prob_list li .down{padding-top: 82%;}

 .prob_list li img{display: block;width: 100%;min-height: 100%;left: 0;top: 0;transition: all .5s;}

 .prob_list li a.t{display:block;text-align:center;height:46px;line-height:46px;font-size:18px;color: #666;}



.prob_list li:hover img{-webkit-transform: scale(1.12);transform: scale(1.12);}

.prob_list li a.t:hover{color:#0075dc;}

.prob_list  .page_name:after {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 37px;

    height: 3px;

    background: #16b6d2;

    content: '';

}

.prob_list .page_name {

    position: relative;

    margin-bottom: 50px;

    font-size: 22px;

    height: 55px;

    line-height: 55px;

    text-transform: uppercase;

    font-family: "Oswald-Regular";

}

.pager{width:100%;margin:20px 0}

.pager .previous .pagePre{margin-right:10px}

.pager .next .pageNext{margin-left:10px}

.pager .next .pageNext,.pager .previous .pagePre{width: 80%; background:0;border-radius:0;color:#888;text-align:center;font-size:14px;font-family:微软雅黑,Arial;display:block;float:none;padding:10px 0;border:1px solid #eaeaea;margin-bottom:15px}

.pager span.icon{font-size:26px;color:#333;line-height:30px;height:30px;width:30px;vertical-align:middle}

.pager .title{font-size:12px;color:#999;text-overflow:ellipsis;overflow:hidden;line-height:30px;margin-left:2%;display:inline-block;height:30px;vertical-align:middle;width:85%;transition:all .3s ease 0s;-o-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s}

.pager .next:hover .title,.pager .previous:hover .title{color:#333}@media(max-width:480px){.pager .col-lg-6{width:100%}.pager .next .pageNext,.pager .previous .pagePre{margin-left:0;margin-right:0;padding:5px 0}}.pro-detail-tab a{font-size:16px}

.fx.fx_ne a img{width: 63%;}

.fx.fx_ne  a {text-align: center;display: block;width: 17%;}

.fx.fx_ne {display: flex;padding-bottom:10px;float: right;width: 25%;}
.fx.fx_ne:after{clear: both;display: block;content: "";}

.fx{display: flex;padding-top: 10px;}

.fx img{width: 20%;}

.fx a{display: block;text-align: center;}
.fx_t{display:flow-root;}
/*新闻*/

.page_main.news_main .path_bar{ margin:0; padding:20px 0 ;}

.blog_items{position:relative; background:#f0f0f0; padding:55px 0; box-shadow:inset 0 0 15px rgba(0,0,0,.1);}

.blog_item{ position:relative;margin:0 0 30px; background:#FFF; overflow:hidden;transition: 0.5s;}

.blog_item .item_img{position:relative; display:inline-block; vertical-align:middle; margin:0 0 0 -5px; padding:0 0 0 5px;width:23%;overflow: hidden;}

.blog_item .item_img img{width: 100%; -moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}

.blog_item:hover .item_img img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

.blog_item .web_more{transition: 0.5s;}

.blog_item:hover{transform: translate(5px,-5px);    box-shadow: 7px 6px 10px #ccc;}

.blog_item:hover .item_title{color:#3562bb ;}

.blog_item:hover .web_more{   background-color: #2d2d2d;

    background-position: -134px 8px;}

.blog_item figcaption{position:relative; display:inline-block; vertical-align:middle; margin:0 0 0 -5px; padding:20px 31px 20px 36px;width:calc(92% - 466px);}

.blog_item  figcaption:after{ content:""; position:absolute; right:0; top:0;width:1px; height:calc(100% - 4px); background:#aaa;}

.blog_item figcaption .item_title{ font-weight:normal; font-size:24px;}

.blog_item figcaption .item_text{ font-size:17px; padding:18px 0 23px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}

.blog_item figcaption .item_more{}

.blog_item  time{position:relative; display:inline-block; vertical-align:middle; margin:0 0 0 -5px; padding:0 0 0 5px;width:218px; text-align:center; font-size:24px; text-align:center;}



.blog_item  time span{ display:block; font-size:20px;}

.blog_item figcaption .item_link{}

figure{margin: 0;overflow: hidden;}

.item_link{ position:absolute; width:100%; height:100%; left:0; top:0;}

.page_bar{ position:relative;  line-height:31px; height:33px; margin:50px 0; text-align:center; font-size:12px;}

.page_bar a,.page_bar  span{position:relative; display:inline-block; vertical-align:top; min-width:33px; padding:0 5px;  border:1px solid #ccc; margin:0 0 0 8px; text-align:center; border-radius:3px;filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fefefe',endColorStr='#e3e3e3',gradientType='0');background: -moz-linear-gradient(top, #fefefe, #e3e3e3);background: -o-linear-gradient(top,#fefefe, #e3e3e3);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#e3e3e3));}

.page_bar span.current,.page_bar a.current,.page_bar a:hover{ color:#FFF; background:#333333;  border-color:#333333 } 





.web_more{display:inline-block; vertical-align:top; width:35px; height:33px; border:1px solid #2d2d2d; background:url(../images/icon_bg.png) no-repeat -159px 8px;-moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}

@media only screen and (max-width: 950px){

.blog_item figcaption {

    width: calc(100% - 400px);

    padding: 20px 15px;

}}
@media only screen and (max-width: 1366px){

.main-menu ul li a{
	font-size: 14px;
}}
@media only screen and (max-width: 1024px){

.blog_item time {

    width: 152px;

}}

@media only screen and (max-width: 780px){

.blog_item .item_img, .blog_item figcaption, .blog_item time {

    display: block;

    width: 100%;

}}

.video_l{

 position: relative;

}

.video_p{position: absolute;    top: 30%;

    left: 42%;}

/*

关于我们*/

.page-title-area {

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    width: 100%;

    height: 100%;

    z-index: 1;

    position: relative;

    padding: 80px 0;

}

.page-title h1 {

    font-size: 60px;

    color: #fff;

    font-weight: 700;

    line-height: 1.3;

    margin-bottom: 3px;

    text-transform: uppercase;

}

.page-title .breadcrumb {

    background: 0;

    padding: 0;

    margin: 0;

    text-transform: uppercase;

}



[data-overlay="8"]::before {

    opacity: .8;

}

[data-overlay]::before {

    background: #000 none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

   z-index: 1;

}

.page-title-area::before {

    z-index: -1;

    background: #00183d;

}

.page-title .border-title h1 {

    position: absolute;

    font-size: 120px;

    line-height: 83px;

    color: transparent;

    text-transform: uppercase;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    -webkit-text-stroke: 1px #4b5b76;

    top: -23px;

    margin-bottom: 0;

    font-family: 'Exo',sans-serif;

    width: 100%;

    z-index: -1;

}

::selection {

    background: #444;

    color: #fff;

    text-shadow: none;

}

.breadcrumb>.active {

    color: #ff5e15;

}

.page-title .breadcrumb .breadcrumb-item a {

    color: #fff;

    font-size: 15px;

}

.breadcrumb-item+.breadcrumb-item::before {

    color: #fff;

}

.ab_pic img{width: 95%; }

.pac{text-align: center;}

.pac img{width: 100%;}

.about-title h3{color: #3562bb;}

.conshow{box-shadow:0 0 15px 5px #b3aeae;padding:0 5px;margin-top: 55px;}

.contact_if .entry-content iframe{display: block; height:350px;padding: 20px 0;width: 100%;margin: 0 auto;}

.ab_bg{    background-color: transparent;

    background-size: cover;

    background-repeat: no-repeat;

    padding: 3% 0 1%;

    background-position: 50% 50%;

    background-image: url(../images/aboutb.jpg);    background-attachment: fixed;}

.tem256-irregular .scrollBox{overflow:hidden}

.tem256-irregular ul{display:flex;display:-webkit-flex;position:relative;padding: 5px 0;}

.tem256-irregular a{display:block;color:inherit;height:100%;background-color:#f7f7f7}

.tem256-irregular li{padding:0 3px}

.tem256-irregular img{width:100%}

.tem256-irregular .text{padding:5%}

.tem256-irregular .title{font-size:16px}

.tem256-irregular .description{font-size:13px;line-height:1.5;opacity:.6}.tem256-irregular.content-right{text-align:right}.tem256-irregular.content-middle{text-align:center;position:relative;top:-10px}.sw_about{border-color:rgba(0,0,0,.8);user-select:auto}.tem256-irregular li .box{background-color:#fff;color:#333;user-select:auto}.tem256-irregular li .box span{color:#fff;border-color:#333}@media(max-width:1299px){.tem256-irregular li{padding:2px}}@media(max-width:768px){.tem256-irregular li{padding:1px}.tem256-irregular .container{padding-left:3%!important;padding-right:3%!important}.tem256-irregular.full-screen-spacing .container{padding-left:0!important;padding-right:0!important}}

.tem327-irregular .box{background-color:#fff}.tem327-irregular .image{position:relative}.tem327-irregular .image:hover .icons{opacity:1}.tem327-irregular .image:hover img{opacity:.3}.tem327-irregular .image img{transition:.5s}.tem327-irregular .icons{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:.5s;z-index:1}.tem327-irregular .icons span{position:absolute;top:50%;left:50%;display:block;transform:translate(-50%,-50%);display:flex;display:-webkit-flex}.tem327-irregular .icons a{width:40px;height:40px;font-size:20px;border:20px solid;border-color:inherit;border-radius:50%;cursor:pointer;position:relative;margin:5px;background-color:transparent}.tem327-irregular .icons a:before{position:absolute;display:block;top:50%;left:50%;transform:translate(-50%,-50%);transition:.3s}.tem327-irregular .icons a.icon-crop_free:hover:before{transform:translate(-50%,-50%) scale(1.1)}.tem327-irregular .icons a.icon-insert_link:hover:before{transform:translate(-50%,-50%) rotate(-45deg)}.tem327-irregular .swiper{border-color:rgba(0,0,0,.8)}.tem327-irregular .swiper-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;visibility:hidden;opacity:0;transition:.5s;border-color:inherit}.tem327-irregular .swiper-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-top:100vh solid;border-color:inherit}.tem327-irregular .swiper-container img{max-width:100%;width:auto}.tem327-irregular .swiper-slide{display:flex;display:-webkit-flex;align-items:center;justify-content:center}.tem327-irregular .swiper-container.show{z-index:99;opacity:1;visibility:visible}.tem327-irregular .swiper span.close_{position:absolute;top:30px;right:30px;font-size:30px;opacity:.5;transition:.5s;z-index:3;cursor:pointer}.tem327-irregular .swiper span.close_:hover{opacity:1}@media(max-width:767px){.tem327-irregular .swiper span.close_{display:none}}

.album_items,.certificate_items .album_items{ position:relative; padding:0 5px; }

.album_item{ position:relative; display:inline-block; vertical-align:top; width:20%; margin:0 0 0 -5px; padding:10px;}

.album_item figure{ position:relative; }

.album_item figure .item_img{ position:relative; overflow:hidden;}

.album_item figure .item_img img{ position:relative;width:100%;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}

.album_item figure:hover .item_img img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

.album_item figure figcaption,.album_item figure figcaption a{ position:absolute; width:100%; height:100%; top:0; left:0; text-align:center;}

.album_item figure figcaption a { z-index:2;}

.hon_right ul li{width: 33.33%;float: left;padding: 0 10px;}

.hon_left h2{margin-bottom: 20px;margin-top: 20px;}

.hon_right ul li img{width: 100%;transition: 0.3s;}

.hon_right ul li:hover img{transform: scale(1.1);}

@media (max-width: 768px){

.menu-in-left .menu-wrap-style {

    display: none;

}

.page-title .border-title h1 {

    font-size: 60px;

    top: -29px;

}

 .pro_ri.col-xl-10,.pro_ri.col-lg-10{width:100%; }

}

@media (min-width: 576px){

.container {

    max-width: 100%;

}

.right-info{width: 78%;}

.contact-info ul li{width: 100%;}

}

@media only screen and (max-width: 767px) and (min-width: 480px){

	.container {

		width: 100% !important;

		margin: 0 auto;

	}}

@media screen and ( max-width: 1200px ) and (min-width: 992px){

.slick-track .container,.application .container{width: 862px;}

.right-info{width: 68%;}

.contact-info ul li{width: 100%;}

}

@media (max-width: 576px){.right-info{width: 100%;}

.contact-info ul li{width: 100%;}

}

@media (min-width: 1200px){

.footer-area .offset-xl-1 {

    margin-left: 2.5%;

}

.contact_if .entry-content iframe,.container {

	    max-width: 1170px;

}

.right-info{width: 60%;}

}

@media (min-width: 1366px){

	.contact_if .entry-content iframe,.container {

		max-width: 1270px;

}

.right-info{width: 60%;}

}

@media (min-width: 1440px){

	.contact-info ul li{width: 33.33%;}

	.contact_if .entry-content iframe,.container {

		max-width: 1370px;

}



}

@media (min-width: 1600px){

	.contact_if .entry-content iframe,.container {

		max-width: 1470px;

		}}

@media (max-width:768px){

   .swiper-container {width: 85%;}

   .container{width: 100%;}

   .application .swiper-button-prev,.application .swiper-button-next {display: none;}

	p{font-size: 12px;line-height: 20px;}

	.t_text h4 {font-size: 15px}

	.t_text{padding: 10px 0; padding-left: 10px;}

	.pro_tit li{padding: 10px 5px;}

	}
	
	@media (max-width: 980px) {

		.header {

			display: none;
	  
		  }
		.language-selector {
			position: relative;
			display: inline-block;
			cursor: pointer;
			border-radius: 5px;
			background-color: #fff;
			border: 1px solid #ccc;
			box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
			transition: box-shadow 0.3s;
			line-height: 30px;
			position: absolute;
			height: 30px;
			right: 140px;
			z-index: 99;
			padding: 0 5px;
			top: -11px;
		  }
		  .language-selector:hover {
			box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
		  }
		  /* .language-selector:hover .language-options {
			display: block;
		  } */
		  .language-options {
			display: none;
			position: absolute;
			top: calc(100% + 5px);
			left: 0;
			background-color: #fff;
			border: 1px solid #ccc;
			border-radius: 5px;
			box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
			z-index: 1000;
			width: 120px;
		  }
		  .language-option {
			padding: 10px 20px;
			cursor: pointer;
			transition: background-color 0.3s, color 0.3s;
		  }
		  .language-option:hover {
			background-color: #f9f9f9;
		  }
		  .hidden {
			display: none;
		  }
		  .visible {
			display: block;
		  }
		  .logo-2-img{
			width: 70px;
		  }
	}
	@media (max-width: 580px) {

		.header {

			display: none;
	  
		  }

		.language-selector {
			position: relative;
			display: inline-block;
			cursor: pointer;
			border-radius: 5px;
			background-color: #fff;
			border: 1px solid #ccc;
			box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
			transition: box-shadow 0.3s;
			line-height: 30px;
			position: absolute;
			height: 30px;
			right: 100px;
			z-index: 99;
			padding: 0 5px;
			top: -50px;
		  }
		  .language-selector:hover {
			box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
		  }
		  /* .language-selector:hover .language-options {
			display: block;
		  } */
		  .language-options {
			display: none;
			position: absolute;
			top: calc(100% + 5px);
			left: 0;
			background-color: #fff;
			border: 1px solid #ccc;
			border-radius: 5px;
			box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
			z-index: 1000;
			width: 120px;
		  }
		  .language-option {
			padding: 10px 20px;
			cursor: pointer;
			transition: background-color 0.3s, color 0.3s;
		  }
		  .language-option:hover {
			background-color: #f9f9f9;
		  }
		  .hidden {
			display: none;
		  }
		  .visible {
			display: block;
		  }
	}
	@media (max-width: 1420px){
		.slider-height-s {
			min-height: 650px;
			background-position: center top;
			background-repeat: no-repeat;
			background-size: cover;
		}
	}
	@media (max-width: 990px){
		.slider-height-s {
			min-height: 444px;
			background-position: center top;
			background-repeat: no-repeat;
			background-size: cover;
		}
		.advantage ul {
			padding-top: 26px;
		}
		.p_title h2 {
			color: #323232;
			text-align: center;
			font-weight: bold;
			font-size: 28px;
		}
	}
	@media (max-width: 846px){
		.slider-height-s {
			min-height: 300px;
			background-position: center top;
			background-repeat: no-repeat;
			background-size: cover;
		}
	}
	@media (max-width: 550px){
		.slider-height-s {
			min-height: 220px;
			background-position: center top;
			background-repeat: no-repeat;
			background-size: cover;
		}
	}
	@media (max-width: 990px){
		.about-title-a{
			line-height: 10px;
		}
	}