﻿/*content部分样式*/
.ui-content
{
	/*background:url(../images/bg.png) no-repeat;*/
	background-size: cover;
	background-attachment:fixed;
	background-position:center center;

}
 /*business部分*/
.ui-business
{
    width: 100%;
	height: 508px;
}
.ui-title
{
   margin: 0 auto;
   width: 1200px;
   height: 138px;
   overflow:hidden;
   background:url("../../images/titleline.png") center 92px no-repeat;
}
.ui-keyword a
{
   font-size: 30px;
   font-family: "微软雅黑";
   color: #585858;
   font-weight:bold;
}
.ui-keyword:hover a
{
   font-size: 30px;
   font-family: "微软雅黑";
   color: #585858;
}
.ui-left-line
{
	display: inline-block;
    width: 523px;
    height: 1px;
    float: left;
    border-bottom: 1px solid #d6d6d6; 
    background: #d6d6d6; 
    margin: 60px 0px 0px 0px;
}
.ui-keyword 
{
    display: block;
    width: 140px;
    height: 70px;
    font-size: 28px;
    /* padding-left: 14px; */
    line-height: 70px;
    text-align: center;
    transition: all 0.5s linear 0s;
    /*background: url(../images/line.png) bottom center no-repeat;*/
    margin: 20px auto 0;
}
.ui-right-line
{
    display: inline-block;
    width: 523px;
    height: 1px;
    float: right;
    border-bottom: 1px solid #d6d6d6; 
    background: #d6d6d6; 
    margin: 60px 0px 0px 0px;
}
.ui-english
{
    width: 140px;
    height: 40px;
    line-height: 40px;
    margin: 6px auto 0;
    text-align: center;
    color: #bcbcbc;
    transition: all 1.2s ease-in-out 0s;
    /*font-weight: bold;*/
    font-size: 18px;
}
/*.ui-english:hover
{
	 color: #00ff06;
	 
	 transform: perspective(1000px) rotateY(135deg);
}*/
.ui-businessBox
{
	width: 100%;
	height: 370px;
	margin: 0 auto;
    background:#f7f7f7;
}
.ui-businessBox-k {
    width:1200px;
    height:100%;
    margin:0 auto;
}
.ui-webBox
{
	width: 180px;
	height: 300px;
	float: left;
	margin: 40px 30px 0px 30px;
}

/*.ui-pic
{
	margin: 0 auto;
	width: 150px;
	height: 175px;
	background: url(../images/bg1.png) no-repeat;
	background-position: 16px 0px;
	transition:All 0.4s linear;  
}*/
.ui-pic
{
	margin: 0 auto;
	width: 195px;
	height: 175px;
	background: url(../images/ff.png) no-repeat;
	background-position: 16px 0px;
	transition:All 0.4s linear;  
}
.ui-webBox:hover .ui-pic
{
	/*transform: rotate(360deg) scale(1.15);*/
	/*transform: perspective(1000px) rotateY(180deg);*/
	/*background: url(../images/bg11.png) no-repeat;
	background-position: 16px 0px;*/
}
.ui-webBox:hover .ui-pic
{
	/*transform: rotate(360deg) scale(1.15);*/
	/*transform: perspective(1000px) rotateY(180deg);*/
	background: url(../images/ff1.png) no-repeat;
	background-position: 16px 0px;
}
/*.ui-pic2
{
	margin: 0 auto;
	width: 150px;
	height: 175px;
	background: url(../images/bg2.png) no-repeat;
	background-position: 16px 0px;
	transition:All 0.4s linear;  
}*/
.ui-pic2
{
	margin: 0 auto;
	width: 195px;
	height: 175px;
	background: url(../images/tw.png) no-repeat;
	background-position: 16px 0px;
	transition:All 0.4s linear;  
}
.ui-webBox:hover .ui-pic2
{
	/*transform: rotate(360deg) scale(1.15);*/
	background: url(../images/tw2.png) no-repeat;
	background-position: 16px 0px;
}
/*.ui-pic3
{
	margin: 0 auto;
	width: 150px;
	height: 175px;
	background: url(../images/bg3.png) no-repeat;
	background-position: 16px 0px;
	transition:All 0.4s linear;  
}*/
.ui-pic3
{
	margin: 0 auto;
	width: 195px;
	height: 175px;
	background: url(../images/th.png) no-repeat;
	background-position: 16px 0px;
	transition:All 0.4s linear;  
}
.ui-webBox:hover .ui-pic3
{
	/*transform: rotate(360deg) scale(1.15);
	transform: perspective(1000px) rotateX(180deg);*/
	background: url(../images/th2.png) no-repeat;
	background-position: 16px 0px;
}
/*.ui-pic4
{
	margin: 0 auto;
	width: 150px;
	height: 175px;
	background: url(../images/bg4.png) no-repeat;
	background-position: 16px 0px;
	transition:All 0.4s linear;  
}*/
.ui-pic4
{
	margin: 0 auto;
	width: 195px;
	height: 175px;
	background: url(../images/fi.png) no-repeat;
	background-position: 16px 0px;
	transition:All 0.4s linear;  
}
.ui-webBox:hover .ui-pic4
{
	/*transform: rotate(360deg) scale(1.15);*/
	background: url(../images/fi2.png) no-repeat;
	background-position: 16px 0px;
}
/*.ui-pic5
{
	margin: 0 auto;
	width: 150px;
	height: 175px;
	background: url(../images/bg5.png) no-repeat;
	background-position: 16px 0px;
	transition:All 0.4s linear;  
}*/
.ui-pic5
{
	margin: 0 auto;
	width: 195px;
	height: 175px;
	background: url(../images/fo.png) no-repeat;
	background-position: 16px 0px;
	transition:All 0.4s linear;  
}
.ui-webBox:hover .ui-pic5
{
	/*transform: rotate(360deg) scale(1.15);*/
	background: url(../images/fo2.png) no-repeat;
	background-position: 16px 0px;
}
.ui-pic a,.ui-pic2 a,.ui-pic3 a,.ui-pic4 a,.ui-pic5 a
{
    width: 150px;
    height: 140px;
    display: block;    
}
.ui-word
{
	width: 100%;
	height: 120px;
}
.ui-detailHead,.ui-detailHead2,.ui-detailHead3,.ui-detailHead4,.ui-detailHead5
{
	text-align: center;
	font-size: 22px;
	color: #585858;
	font-family: "微软雅黑";
    overflow: hidden;
    margin-bottom: 12px;
    transition: all 0.5s linear;
    font-weight:bold;
}
.ui-webBox:hover .ui-detailHead {
    transform: translateY(4px);
    /*transform: translateY(-10px);*/
    color: #4cc6ef;
}
.ui-webBox:hover .ui-detailHead2 {
    transform: translateY(4px);
    /*transform: translateY(-10px);*/
    color: #fb9157;
}
.ui-webBox:hover .ui-detailHead3 {
    transform: translateY(4px);
    /*transform: translateY(-10px);*/
    color: #ee7b76;
}
.ui-webBox:hover .ui-detailHead4 {
    transform: translateY(4px);
    /*transform: translateY(-10px);*/
    color: #37ccb2;
}
.ui-webBox:hover .ui-detailHead5 {
    transform: translateY(4px);
    /*transform: translateY(-10px);*/
    color: #af70ca;
}
.ui-detail
{
	font-size: 14px;
	color: #737373;
	font-family: "微软雅黑";
    overflow: hidden;
    height: 80px;
    text-align: center;
    line-height: 25px;
}
/*customers部分*/
.ui-customers
{
	width: 1200px;
	height: 335px;
	border-bottom: 3px solid #cccccc;
	margin: 0 auto;
}
.ui-customer
{
	width: 1030px;
    height:180px;
    margin: 0 auto;
}
.ui-custlogo
{
    width: 240px;
    height: 182px;
	float: left;
}/*
.ui-custup
{
	margin-bottom: 12px;
}
.ui-custup,.ui-custdown
{
	width: 240px;
	height: 80px;

}
.ui-custup img,.ui-custdown img
{
	display: block;
	width: 100%;
    height: 100%;
	margin: 0 auto;

	box-shadow: 0 4px 6px #7d7878;
}
.ui-custup img:hover,.ui-custdown img:hover
{
	border-color: #ffad01;
	box-shadow: 0 15px 16px #6b6b6b;
}*/
.ind_zdgkbox{margin-top:20px;height:100px;background:#f9f9f9;position:relative;z-index:8;background: #f3f3f3}
.ind_zdgkbox .title{display:block;float:left;width:60px;height:85px;text-align:center;/*padding-top:15px;*/line-height:17px;font-size:17px;font-weight:bold;color:#fff;/*background:url(../images/back.png) no-repeat;*/}
.ind_zdgkbox .title:hover{color:#fff;}
.ind_zdgklist{margin-left:8px;height:200px;padding:12px 40px 0;overflow:hidden;position:relative;width: 92%}
.ind_zdgkimglist{position:relative;width:100%;height:120px;overflow:hidden;z-index:8;}
.ind_zdgkimglist ul li a{float:left;display:block;width:240px;height:90px;cursor:pointer;}
.ind_zdgkimglist ul li img{width:240px;height:80px;margin:5px 0px 10px 0px;border:2px solid #eee;}

.ind_zdgklist .prev, .ind_zdgklist .next 
{
    position: absolute;
    top: 60px;
    width: 25px;
    height: 87px;
    overflow: hidden;
    cursor: pointer;
    background: url(../images/btn.png) no-repeat;
    z-index: 9;
}
.ind_zdgklist .prev 
{
    left: 5px;
    background-position: 0 0;
}
.ind_zdgklist .next 
{
    right: 0;
    background-position: -11px -100px;
}
.ind_zdgkimglist ul li 
{
    float: left;
    width: 250px;
    height: 190px;
    overflow: hidden;
    margin-left: 22px;
}
.ind_zdgkimglist ul li a img
{
    width: 245px;
   
}
/*news部分*/
.ui-newsBox
{
	width: 1200px;
	height: 396px;
    margin: 0 auto;
}
.ui-newsTab
{
	width: 300px;
	height: 60px;
	margin: 0 auto;
}
.ui-newsTab ul a {
    float: left;
    display: block;
    width: 128px;
    height: 36px;
    line-height: 34px;
    text-align: center;
    color: #555;
    margin: 0px 7px;
    border: 1px solid #21ace3;
    font-size: 18px;
    font-weight:bold;
}

.active2 {
    color: #fff! important;
    background: #21ace3;
}
.ui-newsLeft
{
	width: 500px;
	height: 360px;
	float: left;
	position:relative;
}
.ui-newsRight
{
	width: 700px;
	height: 360px;
	float: right;
}
.ui-newSlider
{
	width: 470px;
	height: 350px;
	margin: 5px 0px;
}
.ui-newSlider img
{
	width: 465px;
	height: 350px;
}
.ui-newsInfo
{
	width: 700px;
	height: 100px;
	margin: 0px 0px 28px 0px;
}
.ui-infoData
{
	position: relative;
	width: 95px;
	height: 100%;
	float: left;
	background: #afafaf;
}
.ui-infoSp
{	
	position: absolute;
	top: 38px;
	left: 95px;
	display: none;
}
.ui-newsInfo:hover .ui-infoSp{
	display: block;
}
.ui-newsInfo:hover .ui-infoData
{
    transition: all 0.2s linear 0s;
	background: #d9210b;
	background: #f3800f;
}
.ui-newsInfo:hover .ui-infoDetail
{
    transition: all 0.2s linear 0s;
	background: #212121;
	background: #a3a3a3;
}
.ui-newsInfo:hover  h3 
{
    color: #fff;
}
.ui-newsInfo:hover  .ui-detailP
{
    color: #fff;
}
.ui-infoP
{
	font-size: 36px;
	color: #fff;
	margin: 10px 27px 0;
}
.ui-infoP2
{
	font-size: 20px;
	color: #fff;
	text-align: center;
}
.ui-infoDetail
{
	width: 605px;
	height: 100%;
	float: right;
	background: #dadada;
    padding-left: 20px;
}
.ui-infoDetail h3  
{
	font-family: "微软雅黑";
    font-size: 18px;
	color: #333333;
	width: 580px;
	overflow: hidden;
	margin: 5px 0px;
    font-weight:bold;
}
.ui-detailP
{
	color: #6d6d6d;
	font-size: 14px;
	line-height: 25px;
	text-indent: 2em;
	font-family: "微软雅黑";
	overflow: hidden;
}
/*ui-Dawn-charity部分*/
.ui-Dawn-charity
{
	width: 1200px;
	height: 276px;
	margin: 0 auto;
	background: url(../images/dawn.jpg) no-repeat;
	background-size: 100% 100%;
	margin-bottom: 10px;
}
.ui-declaration
{
	position: relative;
	top: 8%;
    margin: 0 auto;
	width: 690px;
	height: 228px;
    background:#000000;
    opacity: 0.5;
  /*  display: none;
    transition: 0.5s;
    backface-visibility: hidden;*/
}
.ui-Dawn-charity:hover .ui-declaration
{
	/*opacity: 0.5;
	transform: scale(1);*/
}
.ui-heading
{
	font-size: 48px;
	color: #ff6700;
	line-height: 85px;
	text-align: center;
	font-family: "Apple LiGothic Medium";
	transition: all 0.6s ease-in-out 0s;
}
.ui-pcnt
{
	font-family: "Apple LiSung Light";
	font-size: 16px;
	color: #fff;
	text-indent: 2em;
	line-height: 21px;
	padding: 0px 25px;
}
.ui-pcnt1
{
	font-family: "Apple LiGothic Medium";
	font-size: 16px;
	color: #fff;
	float: right;
	margin: 10px 30px;
	line-height: 25px;
}
.ui-heading:hover
{
	color: #ee2213;
	transform: translateY(-20px);
}
/*show部分*/
.ui-show
{
	width: 1200px;
	height: 710px;
	margin: 0 auto;
}
.ui-productlist {
    width:387px;
    height:345px;
    float:left;
    margin-right:19px;
    margin-bottom:19px;
}
    .ui-productlist:nth-child(3) {
        margin-right:0px;
    }
.member-image,.member-image2 {
    width:100%;
    height:100%;
    position:relative;
}
.member-image img{
    width:100%;
    height:100%;
}
.member-image2 img{
    width:100%;
    height:100%;
    display:block;
}
.ui-product-list {
    position:absolute;
    bottom:0;
    display:block;
    width:100%;
    height:45px;
    line-height:45px;
    text-indent:1em;
    background:rgba(0,0,0,0.5);
    font-size:20px;
    color:#fff;
    transition:all 0.2s;
}
.direction-reveal__title {
    display:block;
    margin:30px 0 0 10px;
    font-size:20px;
    color:#fff;
    font-weight:bold;
}
.direction-reveal__text {
    display:block;
    width:93%;
    height:135px;
    margin:25px auto;
    font-size:16px;
    color:#fff;
    line-height:28px;
}
/*.ui-showU
{
	position: relative;
	width: 376px;
	height: 344px;
	z-index:1;
	float: left;
	margin: 5px 5px;
	border: 3px solid #f4f1f1;
}
.ui-showU img
{
	display: block;
	width: 100%;
	height: 344px;
	z-index: 999999999;
}
.ui-showU{max-height: 384px; min-height: 384px; overflow: hidden;}
.ui-showU h3{ line-height: 34px; color:#333;text-indent:2em;}
.ui-showU .member-image{border-bottom: 5px solid #1fb554; height: 333px; overflow: hidden; width: 100%; transition: 0.4s; display: inline-block; float: none; vertical-align: middle;}
.ui-showU .member-info{transition: 0.4s;}
.ui-showU .member-image img{width: 100%; vertical-align: bottom;}
.ui-showU .social-touch{background-color: #1fb554; float: left; left: 0; bottom: 0; overflow: hidden; padding: 5px 0; width: 100%; transition: 0.4s;}
.ui-showU:hover .member-image{height: 222px; transition: 0.4s;}*/
.news-info{height: 80px;width: 100%;}
.social-touch a {
    display: inline-block;
    width: 27px;
    height: 26px;
    vertical-align: middle;
    margin: 0 2px;
    /* background-image: url(../images/social-icons.png); */
    background-repeat: no-repeat;
    opacity: 0.7;
    transition: 0.3s;
}
.tweet-touch {
    background-position: -35px 0;
}
.linkedin-touch {
    background-position: -71px 0;
}
/*big图*/
/*.member-image2 img{transition: 0.5s; position: relative; width: 100%; right: 0;height:384px;}
.ui-showU:hover .member-image2 img{right: 23%;}
.member-info2{transform: perspective(600px) rotateY(-90deg); transform-origin: right center 0; width: 20%; position: absolute; left: auto; right: 0; top: 0;padding: 0px 5px;}
.ui-showU:hover .member-info2{opacity: 1; transform: perspective(600px) rotateY(0deg); z-index: 999;}*/
.member-info2 {
    opacity: 0;
    transition: 0.5s;
    color: #000;
}
.news-info2{height: 88px;width: 100%; font-weight: 300;line-height: 22px;font-size: 14px;margin-bottom: 15px;color:Black; text-indent: 1em;overflow:hidden;}
h3 {
    font-size: 20px;
    margin: 5px 0 10px;
}

/*cases部分*/
.ui-cases
{
	width: 100%;
	height: 580px;
	margin: 0 auto;
}
.ui-cases-k {
    width:1200px;
    margin:0 auto;
    height:100%;
}
.ui-p
{
	position: relative;
	width: 100%;
    height: 440px;
    background:#f7f7f7;
}
.ui-p-k {
    width:1200px;
    height:100%;
    margin:0 auto;
}
.ui-product {
    height:847px;
    overflow:hidden;
}
.ui-sloop{
    position: absolute;
    width: 100%;
}
.autoplay-k {
    width:284px;
    height:370px !important;
    
}
.autoplay-k:hover {
    transition: all 0.2s linear 0s;  
    margin-top:-5px;    
}
.ui-autopa{
    display: block;
    overflow: hidden;
    width: 284px;
    height: 345px;
    margin-top:15px;
}
.ui-autopa:hover {
    transition: all 0.2s linear 0s;
    box-shadow: 2px 0px 15px #999; 
     
}
.ui-scale {
    display:block;
    width:100%;
    height:180px;

}
.ui-autopa-new {
    width:100%;
    height:180px;
    background:#fff;
}
.ui-autopa-newp1 {
    width:280px;
    height:60px;
    margin:0 auto;
    font-size:20px;
    color:#333;
    line-height:60px;
    font-weight:bold;
}
.ui-autopa-newp2 {
    width:260px;
    height:122px;
    margin:0 auto;
    font-size:16px;
    color:#333;
    line-height:28px;
}
.autoplay {
    width:1216px;
    margin:40px auto 0;
    left:10px;
}
.ui-work
{
	display: block;
	width: 890px;
	height: 50px;
    margin: 0 auto;
    margin-bottom: 5px;
}
.ui-work li
{
	display: inline-block;
	line-height: 35px;
	float: left;
	width: 128px;
	margin: 0px 9px;
	text-align: center;
	border: 1px solid #21ace3;
    transition:All 0.4s ease-in-out;    
    -webkit-transition:All 0.4s ease-in-out;    
	-moz-transition:All 0.4s ease-in-out;    
	-o-transition:All 0.4s ease-in-out;
    -ms-transition:All 0.4s ease-in-out;
}
.ui-work li:hover
{
    background:#21ace3;
	/* box-shadow: 0 1px 4px #ccc, 0 0 40px #faa214 inset;
	
	 transform:scale(1.2) translateY(-10px);    
	 -webkit-transform:scale(1.2);    
	 -moz-transform:scale(1.2);    
	 -o-transform:scale(1.2);    
	 -ms-transform:scale(1.2);*/
}
.ui-work li a:hover
{
	/* transform: translateY(-10px);*/
	 color: #fff;
}
.ui-work li a
{
	letter-spacing: 3px;
	font-family: "微软雅黑";
	color: #21ace3;
	width: 100%;
    height: 100%;
    display: block;
}
.ui-workPic
{
	width: 100%;
	height: 445px;
}
.ui-wpU
{
	position: relative;
	width: 280px;
	height: 212px;
	border: 1px solid #cfcdce;
	margin-bottom: 20px;
	float: left;
	margin: 10px 9px;
	perspective: 800px;
	overflow: hidden;
}
/*1*/
.ui-wpU .image-box {
    transition: 0.4s;
}
.ui-wpU .text-desc {
    opacity: 0.5;
    top: -100%;
}

.ui-wpU .text-desc {
    z-index: -1;
    transition: 0.6s;
}

.text-desc {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    height: 100%;
    opacity: 0;
    width: 100%;
    padding: 20px;
}
.ui-wpU:hover .image-box{transform: rotateX(80deg); transform-origin: center bottom 0; transition: 0.4s;}
.ui-wpU:hover .text-desc{top: 0;}

/*2*/

.ui-wpU img
{
	display: block;
	margin: 8px auto;
    width: 255px;
    height: 190px;
    background: #000;
}
.select
{
   display: block;
}
/*遮罩*/
.ui-mask
{
	position: absolute;
	width: 213px;
	height: 130px;
	top: 9px;
    left: 12px;
    border: 1px solid #7aa2d7;
}
.ui-mask a
{
	display: block;
    text-align: center;
    border: 1px solid #000;
	color: #fff;
	height: 115px;
    line-height: 115px;
}
/*risunInfo部分*/
.ui-risunInfo {
    width: 1200px;
    /*height: 480px;*/
    height: 250px;
    margin: 0 auto 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ui_yyzz {
    width: 285px;
    height: 250px;
    background: #f4f3f3;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 10px 0;
}
.gxjs_img {
    width: 265px;
    height: 190px;
    display: block;
}
.ui_yyzz_p {
    color: #333;
    font-size: 18px;
    font-weight: 400;
    line-height: 50px;
    font-family: 'Source Han Serif';
    margin: 0;
}
.ui-risunInfo-l {
    width: 592px;
    height: 100%;
    float: left;
}
.ui-risunInfo-r {
    width:592px;
    height:100%;
    float:right;
}
.ui-risunInfo-img {
    display:block;
    width:100%;
    height:292px;
}
.ui-risunInfo-ul {
    width:100%;
    height:172px;

}
.ui-risunInfo-li {
    width:100%;
    height:37px;
    background:url('../../images/rjt.png') left center no-repeat; 
}
.ui-risunInfo-lia {
    display:block;
    height:100%;
}
.ui-risunInfo-lisp1 {
    float:left;
    width:500px;
    font-size:16px;
    color:#333;
    line-height:37px;
    text-indent:1em;
}
.ui-risunInfo-lisp2 {
    float:right;
    width:92px;
    font-size:14px;
    color:#333;
    line-height:37px;
    
}
.ui-risunInfo-lisp1:hover {
    transition: all 0.2s linear 0s;
    color:#21ace3;
}
.ui-risunInfo-lisp1:hover + .ui-risunInfo-lisp2 {
    transition: all 0.2s linear 0s;
    color:#21ace3;   
}
.ui-solution
{
	width: 400px;
	height: 410px;
	float: left;
}
.ui-academy
{
    width: 400px;
	height: 410px;
    float: left;
}
.ui-helpCenter
{
	width: 400px;
	height: 410px;
	float: right;
}
.ui-infoT
{
	margin: 5px 8px;
}

.ui-infoHead
{
	font-family: "微软雅黑";
	font-size: 22px;
	color: #b90103;
	line-height: 24px;
}
.ui-infoT a
{
	font-family: "微软雅黑";
    font-size: 12px;
    color: #cf3636;
    float: right;
    margin-right: 15px;
    font-weight: 600;
}


.ui-infoPic
{
	width: 380px;
	overflow: hidden;
    margin-bottom: 15px;
    color:#d7d7d7;
   
}
.ui-infoPic img
{
	display: block;
	width: 380px;
	height: 180px;
	margin: 0 auto;
	transition: all 1.2s ease-in-out 0s;
	 -webkit-transition: all 1.2s ease-in-out 0s;
    -moz-transition: all 1.2s ease-in-out 0s;
    -ms-transition: all 1.2s ease-in-out 0s;
    -o-transition: all 1.2s ease-in-out 0s;
}
.ui-infoPic:hover img 
{
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
}
.ui-infoC
{
	display: block;
	width: 400px;
	height: 180px;
}
.ui-infoC li a
{
	width: 385px;
	overflow: hidden;
	display: inline-block;
	padding: 10px 10px;
	font-family: "宋体";
	color: #333333;
	transition: all 0.5s linear;
	font-size:14px;
}
.ui-infoC li:hover a
{
	 color: #ffad01;
	 margin-left:8px;
}
/*.es-pager
{
    display:none;
}*/

.es-pager {
    overflow: hidden;
    position: absolute;
    bottom: 11px;
    right: 5px;
    margin-right: 6px;
}

.es-pager li {
    float: left;
    width: 10px;
    height: 10px;
    margin: 0 0 0 10px;
    background: #fff;
    color: #fff;
    font: 11px/16px Tahoma;
    text-align: center;
    cursor: pointer;
    list-style-type: none;
    border-radius: 50%;
}

.es-pager .act {
    background: rgb(255, 144, 0);
    color: #ff9000;
    border-radius: 50%;
}
.ui-direction-option {
    width:336px;
    height:40px;
    margin:0 auto;
}
.ui-direction-option-a {
    width:145px;
    height:40px;
    background:#f9c655;
    display:block;
    font-size:16px;
    color:#fff;
    line-height:40px;
    text-align:center;
    float:left;
}
.ui-direction-option-a2 {
    width:145px;
    height:40px;
    background:#21ace3;
    display:block;
    font-size:16px;
    color:#fff;
    line-height:40px;
    text-align:center;
    float:right;
}
.ui-cx {
    width:1200px;
    height:120px;
    position:relative;
   
    margin:0 auto 40px;
}
.ui-cx a {
    display:block;
    height:100%;
}
.ui-cx-img {
    position:absolute;
    z-index:-1;
    display:block;
    width:100%;
    height:100%;
}
.ui-cx-k {
    width:1200px;
    height:100%;
    margin:0 auto;
}
.ui-cx-kp1 {
    width:100%;
    height:80px;
    line-height:80px;
    text-align:center;
    color:#f23c3c;
    font-size:36px;
    text-shadow: 5px 5px 26px #fff;
    font-weight:bold;
    margin-bottom:0;
}

.ui-cx-kp2 {
    font-size: 16px;
    color: #333;
    text-indent: 2em;
    line-height: 30px;
}
.ui-label {
    display:inline-block;
    font-size:16px;
    color:#333;
    width:100px;
    text-align:right;
    float:left;
    height:100%;
    line-height:40px;
}
.ui-label:after {
    content:"";
    display:inline-block;
    width:100%;    
}
.ui-dialog-div {
    width:432px;
    height:40px;
    margin:20px auto 0;
}

.ui-label span {
    color:#f22a2a;     
}
.ui-input {
    float:left;
    width:279px;
    height:40px;
    border-radius:3px;
    border:1px solid #d2d2d2;
    margin-left:15px;
    padding-left:15px;
}
.ui-textarea {
    margin-left:15px;
    width:279px;
    height:122px;
    border-radius:3px;
    border:1px solid #d2d2d2;
    padding-left: 15px;
    line-height: 40px;
}
.dialog-content-bd {
    height:395px;
}
.hidden {
    height:0;
    transition:height 0.2s;
    display:none;
   
}
.xubox_title {
    background:#21ace3;
}
.xubox_title em {
    color:#fff;  
    font-size: 16px;
    line-height: 16px;   
}
.xubox_iframe {
    width:650px !important;
    height:540px !important;
}
.xubox_layer {
    width:650px !important;
    height:580px !important;
}
.ui-dialog-div-span{
    margin-top: 10px;
    font-size: 18px;
    color: #21ace3;
    font-family: '[Swiss721BT]';
    font-weight: bold;
    display:block;
}
.ui-direction-option-a:hover {
    color:#fff !important;

}
.ui-direction-option-a:focus {
    color:#fff !important;

}
.ui-direction-option-a2:hover {
    color:#fff !important;

}
.ui-direction-option-a2:focus {
    color:#fff !important;

}
.indexVideo {
    width:100%;
    height:100%;
    position:relative;
    z-index:5;
}
figure {
    margin:0;
}
.ui-video-k {
    width:100%;
    height:100%;
    background:url('../../images/banner.png') no-repeat;
}
.sw-bullet {
    display:none;
}
.sw-prev::after {
    content:'';
}
.sw-next::after {
    content:'';
}
.swipslider .sw-slide > img {
    z-index:6;
}
.sw-next {
    background:url('../../images/btnR.png') no-repeat;
    background-size:contain;
}
.sw-prev {
    background:url('../../images/btnL.png') no-repeat;
    background-size: 50% 85%;
}