body,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Microsoft YaHei, Tahoma, Helvetica, Arial, sans-serif;
}
ul,
li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.x-fontsize-10 {
	font-size: 10px;
}
.x-fontsize-11 {
	font-size: 11px;
}
.x-fontsize-12 {
	font-size: 12px;
}
.x-fontsize-13 {
	font-size: 13px;
}
.x-fontsize-14 {
	font-size: 14px;
}
.x-fontsize-15 {
	font-size: 15px;
}
.x-fontsize-16 {
	font-size: 16px;
}
.x-fontsize-17 {
	font-size: 17px;
}
.x-fontsize-18 {
	font-size: 18px;
}
.x-fontsize-19 {
	font-size: 19px;
}
.x-fontsize-20 {
	font-size: 20px;
}
.x-fontsize-21 {
	font-size: 21px;
}
.x-fontsize-22 {
	font-size: 22px;
}
.x-fontsize-23 {
	font-size: 23px;
}
.x-fontsize-24 {
	font-size: 24px;
}
.x-fontsize-25 {
	font-size: 25px;
}
.x-fontsize-26 {
	font-size: 26px;
}
.x-fontsize-27 {
	font-size: 27px;
}
.x-fontsize-28 {
	font-size: 28px;
}
.x-fontsize-29 {
	font-size: 29px;
}
.x-fontsize-30 {
	font-size: 30px;
}
/*fontsize*/

.x-color-white {
	color: #FFF;
}
.x-color-black {
	color: #000;
}
.x-color-gray {
	color: #CCC;
}
.x-color-gray-01 {
	color: #666;
}
.x-color-blue {
	color: #47A1D3;
}
.x-color-red {
	color: #F4AA30;
}
/*color*/

.x-margin-0 {
	margin: 0;
}
.x-margin-left-0 {
	margin-left: 0;
}
.x-margin-left-5 {
	margin-left: 5px;
}
.x-margin-left-10 {
	margin-left: 10px;
}
.x-margin-left-15 {
	margin-left: 15px;
}
.x-margin-left-20 {
	margin-left: 20px;
}
.x-margin-left-25 {
	margin-left: 25px;
}
.x-margin-left-30 {
	margin-left: 30px;
}
.x-margin-right-0 {
	margin-right-: 0;
}
.x-margin-right-5 {
	margin-right: 5px;
}
.x-margin-right-10 {
	margin-right: 10px;
}
.x-margin-right-15 {
	margin-right: 15px;
}
.x-margin-right-20 {
	margin-right: 20px;
}
.x-margin-right-25 {
	margin-right: 25px;
}
.x-margin-right-30 {
	margin-right: 30px;
}
.x-margin-top-0 {
	margin-right: 0;
}
.x-margin-top-5 {
	margin-right: 5px;
}
.x-margin-top-10 {
	margin-top: 10px;
}
.x-margin-top-15 {
	margin-top: 15px;
}
.x-margin-top-20 {
	margin-top: 20px;
}
.x-margin-top-25 {
	margin-top: 25px;
}
.x-margin-top-30 {
	margin-top: 30px;
}
.x-margin-top-35 {
	margin-top: 35px;
}
.x-margin-top-40 {
	margin-top: 40px;
}
.x-margin-bottom-0 {
	margin-bottom: 0;
}
.x-margin-bottom-5 {
	margin-bottom: 5px;
}
.x-margin-bottom-10 {
	margin-bottom: 10px;
}
.x-margin-bottom-15 {
	margin-bottom: 15px;
}
.x-margin-bottom-20 {
	margin-bottom: 20px;
}
.x-margin-bottom-25 {
	margin-bottom: 25px;
}
.x-margin-bottom-30 {
	margin-bottom: 30px;
}
.x-margin-bottom-35 {
	margin-bottom: 35px;
}
.x-margin-bottom-40 {
	margin-bottom: 40px;
}
.x-margin-bottom-50 {
	margin-bottom: 50px;
}
/*margin*/

.x-padding-0 {
	padding: 0;
}
.x-padding-5 {
	padding: 5px;
}
.x-padding-10 {
	padding: 10px;
}
.x-padding-15 {
	padding: 15px;
}
.x-padding-20 {
	padding: 20px;
}
.x-padding-25 {
	padding: 25px;
}
.x-padding-30 {
	padding: 30px;
}
.x-padding-35 {
	padding: 35px;
}
.x-padding-40 {
	padding: 40px;
}
.x-padding-45 {
	padding: 45px;
}
.x-padding-50 {
	padding: 50px;
}
.x-padding-left-0 {
	padding-left: 0;
}
.x-padding-left-5 {
	padding-left: 5px;
}
.x-padding-left-10 {
	padding-left: 10px;
}
.x-padding-left-15 {
	padding-left: 15px;
}
.x-padding-left-20 {
	padding-left: 20px;
}
.x-padding-left-25 {
	padding-left: 25px;
}
.x-padding-left-30 {
	padding-left: 30px;
}
.x-padding-left-35 {
	padding-left: 35px;
}
.x-padding-left-40 {
	padding-left: 40px;
}
.x-padding-left-45 {
	padding-left: 45px;
}
.x-padding-left-50 {
	padding-left: 50px;
}
.x-padding-right-0 {
	padding-right: 0;
}
.x-padding-right-5 {
	padding-right: 5px;
}
.x-padding-right-10 {
	padding-right: 10px;
}
.x-padding-right-15 {
	padding-right: 15px;
}
.x-padding-right-20 {
	padding-right: 20px;
}
.x-padding-right-25 {
	padding-right: 25px;
}
.x-padding-right-30 {
	padding-right: 30px;
}
.x-padding-right-35 {
	padding-right: 35px;
}
.x-padding-right-40 {
	padding-right: 40px;
}
.x-padding-right-45 {
	padding-right: 45px;
}
.x-padding-right-50 {
	padding-right: 50px;
}
.x-padding-top-0 {
	padding-top: 0;
}
.x-padding-top-5 {
	padding-top: 5px;
}
.x-padding-top-10 {
	padding-top: 10px;
}
.x-padding-top-15 {
	padding-top: 15px;
}
.x-padding-top-20 {
	padding-top: 20px;
}
.x-padding-top-25 {
	padding-top: 25px;
}
.x-padding-top-30 {
	padding-top: 30px;
}
.x-padding-top-35 {
	padding-top: 35px;
}
.x-padding-top-40 {
	padding-top: 40px;
}
.x-padding-bottom-0 {
	padding-bottom: 0;
}
.x-padding-bottom-5 {
	padding-bottom: 5px;
}
.x-padding-bottom-10 {
	padding-bottom: 10px;
}
.x-padding-bottom-15 {
	padding-bottom: 15px;
}
.x-padding-bottom-20 {
	padding-bottom: 20px;
}
.x-padding-bottom-25 {
	padding-bottom: 25px;
}
.x-padding-bottom-30 {
	padding-bottom: 30px;
}
.x-padding-bottom-35 {
	padding-bottom: 35px;
}
.x-padding-bottom-40 {
	padding-bottom: 40px;
}
/*padding*/


.x-bg {
	background: none;
}
.x-bg-01 {
	background: #000;
}
.x-bg-02 {
	background: #FFF;
}
.x-bg-03 {
	background: #F5F5F5;
}
.x-bg-04 {
	background: #f8a70d;
}
.x-bg-06 {
	background: #008abb;
}
.x-bg-11 {
	background: #5f5f5f;
}
.x-bg-12 {
	background: #2196cd;
}
/*background*/

.x-border {
	border: none;
}
.x-border-01 {
	border: solid 1px #CCC;
}
.x-border-top-01 {
	border-top: solid 1px #CCC;
}
.x-border-bottom-01 {
	border-bottom: solid 1px #d9d9d9;
}
/*boder*/

.x-bg-05 {
	background: #f7f7f7l;
}
.x-lan {
	margin: 0;
	padding: 0;
}
.x-lan>ul {
	list-style: none
}
.x-lan>ul>li {
	float: right;
	margin-right: 8px;
	margin-top: 40px;
	width: 26px;
}
.x-topbg {
	background: url(../img/top_bg.jpg) repeat-x;
	min-height: 120px;
}
.x-lan-phone {
	margin: 0 auto;
}
.x-line {
	border-top: solid 8px #d5cfcb;
	margin-top: 20px;
}
.navbar-default .navbar-nav>.x-active>a,
.navbar-default .navbar-nav>.x-active>a:focus,
.navbar-default .navbar-nav>.x-active>a:hover {
	color: #FFF;
	background-color: #2196cd;
}
.navbar-default .x-navbar-nav>li>a {
	color: #777
}
.navbar-default .x-navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
	color: #FFF;
	background-color: #2196cd
}


.navbar-default .navbar-nav>.x-active-01>a,
.navbar-default .navbar-nav>.x-active-01>a:focus,
.navbar-default .navbar-nav>.x-active-01>a:hover {
	color: #767676;
	background: url(../img/phone-nav-bg.jpg) repeat-x; border-bottom:solid 1px #CCC;
}
#blue:hover{ color:#2196cd;}
.x-bg-05 {
	background: #f7f7f7 url(../img/con_bg.jpg) 0 0 no-repeat;
}
.x-video {
	max-width: 328px;
	max-height: 278px;
	width: 100%;
	height: 100%;
	background: url(../img/video-bg.png) 0 0 no-repeat;
	padding-left: 8px;
	padding-top: 36px;
	padding-bottom: 14px;
}
.x-des {
	padding-right: 140px;
	padding-top: 5px;
	font-size: 13px;
	line-height: 23px;
}
.x-bg-07 {
	background: url(../img/foot-bg.jpg);
}
.x-bg-08 {
	background: #afafaf;
}
.mylist {
	margin: 0;
	padding: 0;
	list-style: none;
}
.mylist p {
	color: #666;
	border-bottom: solid 1px #a7a4a4;
	padding-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}
.mylist li {
	line-height: 25px;
	background: url(../img/arrow.png) no-repeat left center;
	padding-left: 15px;
	font-size: 13px;
	color: #666;
}
.mylist li a {
	font-size: 13px;
	color: #666;
}
.x-bg-09 {
	background: url(../img/banner-inpage.jpg) 0 0 no-repeat;
	min-height: 242px;
	filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
}
.x-padding-top-120 {
	padding-top: 120px;
}
.x-bg-10 {
	background: #f7f7f7;
}
.a-tit {
	min-width: 226px;
	min-height: 50px;
	line-height: 48px;
	font-size: 24px;
	color: #FFF;
	background: #f7b500;
	border-bottom: solid 5px #c59101;
}
.a-list {
	min-width: 226px;
	background: #FFF;
	border: solid 1px #CCC;
	padding-top: 15px;
}
.a-list li {
	line-height: 40px;
}
.a-list li a {
	min-height: 40px;
	display: block;
	padding-left: 20px;
}
.a-list li a:hover {
	background: #2196cd;
	color: #FFF;
	text-decoration: none;
}
.a-tel {
	min-width: 226px;
	min-height: 203px;
	background: #2196cd;
	border-bottom: solid 5px #1374a1;
}
#a-cur {
	background: #2196cd;
	color: #FFF;
	font-weight: bold;
}
.x-line-height {
	line-height: 30px;
}
.pic-list li {
	float: left;
	font-size: 12px;
	text-align: center;
	margin-right: 12px;
}
.pic-list li p{
	word-wrap: break-word;  
}
#down-nav {
	min-width: 226px;
}
#down-nav a {
	min-width: 226px;
	display: block;
	color: #FFF;
}
#down-nav li {
	background: #2196cd;
	border-bottom: #F5F5F5 1px solid;
}
#down-nav li a:hover {
	/*background-color: #fff;*/
}
#down-nav a: {
	text-decoration: none;
}
#down-nav a:hover {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
#down-nav li ul {
	list-style: none;
	text-align: left;
}
#down-nav li ul li {
	background: #FFF;
}
#down-nav li ul a {
	min-width: 226px;
	color: #666;
/*	height:40px;
	overflow:hidden
*/}
#down-navv li ul a {
	color: #666;
	text-decoration: none;
}
#down-nav li ul a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #2196cd;
	background-color: #fff;
}
#down-nav li:hover ul {
	left: auto;
}
#down-nav li.sfhover ul {
	left: auto;
}
#down-nav ul.collapsed {
	display: none;
}
.gallery {
	max-width: 485px;
	width: 100%;
	margin: 0 auto;
}
.gallery img {
	display: block;
}
.main-image img {
	padding: 4px;
	border: 1px solid #ccc;
	background-color: #fff;
	width: 100%;
	max-width: 485px;
}
.thumbnails {
	height: 63px;
	margin: 15px 0 0 -15px;
	list-style-type: none;
}
.thumbnails li {
	float: left;
	margin-left: 15px;
	display: inline;
}
.thumbnails img {
	padding: 4px;
	border: 1px solid #ccc;
	background-color: #fff;
	width: 100%;
	max-width: 90px;
}
.pro-link {
	width: 185px;
	min-height: 65px;
	line-height: 65px;
	display: block;
	background: #09a4cb;
	text-align: center;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
}
.pro-link:hover {
	text-align: left;
	padding-left: 20px;
	color: #F5F5F5;
	background: #09a4cb url(../img/down-arrow-01.png) 135px center no-repeat;
	text-decoration: none;
}
.box {
	width: 100%;
	background: #fff;
	border: 1px solid #d3d3d3;
}
.tab_menu {
	overflow: hidden;
}
.tab_menu li {
	width: 210px;
	float: left;
	height: 45px;
	line-height: 45px;
	color: #5f5f5f;
	font-weight: bold;
	background: #ececec;
	text-align: center;
	cursor: pointer;
	border: 1px solid #d3d3d3;
	border-top: none;
}
.tab_menu li.current {
	color: #333;
	background: #fff;
	border-bottom: none;
	border-left: none;
	border-right: none;
}
.tab_menu li a {
	color: #fff;
	text-decoration: none;
}
.tab_menu li.current a {
	color: #333;
}
.tab_box {
	padding: 20px;
}
.tab_box .hide {
	display: none;
}
#picSlideWrap {
	background: #F5F8FD;
	border: 1px solid #A9BFD6;
	padding-bottom: 30px;
	padding-top: 30px;
}
.imgnav {
	max-width: 788px;
	width: 100%;
	margin: 10px auto;
}
#content {
	margin: 0px auto;
	line-height: 19px;
}
#content p {
	text-indent: 2em;
	color: #333;
}
.imgnav {
	position: relative;
	margin: 0 auto;
	max-width: 788px;
	width: 100%;
}
#img {
	z-index: 10;
	max-width: 788px;
	width: 100%;
	position: relative;
	text-align: center;
}
#img img {
	display: none;
	border: 4px solid #CCC;
}
#front {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10;
	cursor: pointer;
	width: 394px;
	height: 578px;
	background: url(../img/blank.gif);
}
#front a {
	position: absolute;
	left: 20px;
	top: 224px;
	display: block;
	background: url(../img/imgSlideLeft.png) no-repeat;
	width: 104px;
	height: 104px;
	display: none;
}
#next {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 10;
	cursor: pointer;
	width: 394px;
	height: 578px;
	background: url(../img/blank.gif);
}
#next a {
	position: absolute;
	right: 20px;
	top: 224px;
	display: block;
	background: url(../img/imgSlideRight.png) no-repeat;
	width: 104px;
	height: 104px;
	display: none;
}
#cbtn {
	background: #EAEBF0;
	position: relative;
	height: 122px;
	border: 1px solid #D6D9DC;
	margin-top: 12px;
}
#cbtn ul {
	position: relative;
	width: 10000px;
	height: 122px;
}
#cbtn ul li {
	float: left;
	padding: 8px 3px 3px 3px;
	width: 116px;
	height: 86px;
	cursor: pointer;
	text-align: center;
	margin-right: 20px;
	position: relative;
}
#cbtn ul li img {
	width: 116px;
	height: 86px;
	display: block;
}
#cbtn ul li tt {
	background: #000;
	color: #FFF;
	position: absolute;
	right: 4px;
	bottom: 4px;
	z-index: 20;
	font-family: "宋体";
	font-size: 12px;
	line-height: 16px;
	padding: 0 5px;
}
#cbtn li.hov {
	background: url(../img/imgHoverBg.gif) no-repeat;
}
.ctrl div {
	clear: both;
}
#cSlideUl {
	max-width: 690px;
	width: 100%;
	height: 116px;
	overflow: hidden;
	position: relative;
	top: 10px;
	margin: 0 auto;
}
.picSildeLeft {
	cursor: pointer;
	position: absolute;
	top: 32px;
	left: 10px;
	z-index: 9;
}
.picSildeRight {
	cursor: pointer;
	position: absolute;
	top: 32px;
	right: 10px;
	z-index: 9;
}
.my-code {
	max-width: 500px;
	width: 100%;
	margin: 0 auto;
}
.my-code p {
	float: left;
	display: block;
}
.x-circle {
	position:relative;
	min-height:695px;
}
.x-circle-01 {
	position:absolute;
	z-index:4;
	top:230px;
}
.x-circle-02 {
	position:absolute;
	z-index:3;
	top:50px;
	left:215px;
}
.x-circle-03 {
	position:absolute;
	z-index:2;
	top:240px;
	left:350px;
}
.x-circle-04 {
	position:absolute;
	z-index:1;
	top:400px;
	left:240px;
}
.img-circle-01 {
	width:328px;
	height:328px;
	display:block;
	background:url(../img/ani-01.png) center center no-repeat;
	
}
.img-circle-01:hover {
	background:url(../img/ani-01-hover.png) center center no-repeat;
}
.img-circle-02 {
	width:295px;
	height:295px;
	display:block;
	background:url(../img/ani-02.png) center center no-repeat;
}
.img-circle-02:hover {
	background:url(../img/ani-02-hover.png) center center no-repeat;
}
.img-circle-03 {
	width:259px;
	height:259px;
	display:block;
	background:url(../img/ani-03.png) center center no-repeat;
}
.img-circle-03:hover {
	background:url(../img/ani-03-hover.png) center center no-repeat;
}
.img-circle-04 {
	width:257px;
	height:257px;
	display:block;
	background:url(../img/ani-041.png) center center no-repeat;
}
.img-circle-04:hover {
	background:url(../img/ani-04-hover1.png) center center no-repeat;
}
.navbg-01 {
	width:25px;
	height:57px;
	display:block;
	float:left;
}
.navbg-01:hover {
	background:url(../img/navbg-front.png) 0 0 no-repeat;
}
.navbg-02 {
	width:20px;
	height:57px;
	display:block;
	float:left;
}
.navbg-01:hover {
	background:url(../img/navbg-back.png) 0 0 no-repeat;
}
.x-nav {
	height:57px;
	margin-top:7px;
}

.x-nav ul li {
	float:left;
	
}
.x-nav ul li:hover + ul{
    margin-left: 0;
}

.x-nav ul li a {
	display:block;
	color:#6f6f6f;
	height:57px;
	line-height:57px;
	font-weight:bold;
}
.x-nav ul li a:hover{ text-decoration:none}
.x-nav ul li span {
	height:57px;
	display:block;
	float:left;
}
.arrow-left {
	width:25px;
	height:57px;
	display:block;
}
.arrow-right {
	width:20px;
	height:57px;
	display:block;
}
.arrow-center {
	padding-left:10px;
	padding-right:15px;
}
.x-nav ul li a:hover .arrow-left,
.x-nav ul li.cur .arrow-left {
	background:url(../img/navbg-front.png) 0 0 no-repeat;
	color:#FFF;
}
.x-nav ul li a:hover .arrow-right,
.x-nav ul li.cur .arrow-right {
	background:url(../img/navbg-back.png) 0 0 no-repeat;
	color:#FFF;
}
.x-nav ul li a:hover .arrow-center,
.x-nav ul li.cur .arrow-center {
	background:#2196cd;
	color:#FFF;
}
#navmenu {
	width:100%;
	display:block;
	overflow:hidden; 
}
.menu1 li ul {margin-left: -999em; position: absolute}
.menu1 li ul li,.menu1 li ul li a{
	line-height:30px;
	height:30px; float:none;
	width:350px;
	 overflow:hidden;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	}
.menu1 li:hover ul,.menu1 li.sfhover ul {
	z-index: 9999; 
	filter: alpha (opacity=90); 
	margin-left: 0px; 
	width:330px;
	margin-top:1px; border: solid 1px #d9d9d9; border-top: none;
	position: absolute; 
	background-color:#FFF;
	padding:20px;
}
.menu1 li:hover ul li a,.menu1 li.sfhover ul li a{
	/*border-right: #999 1px solid;*/ 
	display: block; 
	padding:0 0 0 8px; 
	font-weight: normal; 
	font-size: 13px; 
	margin: 0px; 
	text-transform: none; 
	width: auto;
	color:#6f6f6f; 
	text-align: left; border-bottom:dotted 1px #d9d9d9;
}
.menu1 li:hover ul li a:hover,.menu1 li.sfhover ul li a:hover {
	/*border-top: #6ca7c7 1px solid;
	border-bottom: #6ca7c7 1px solid;  */
	background-color: #2196cd;
	 color:#FFF;
}
.phone-btn{ width:100%; text-align:center; padding:0; margin:0 auto; padding-top:10px; padding-bottom:10px;}
.phone-btn:hover{ cursor:pointer; text-decoration:none;}
.navbar-default .x-navbar-toggle:focus, .navbar-default .x-navbar-toggle:hover {
		background-color: #FFF; color:#6f6f6f;
}
.banner-txt { max-width:531px; max-height: 352px; width: 100%; height:100%; background: url(../img/banner-txt-bg.png) 0 0 no-repeat;
text-align:left; padding:50px;
}
.banner-txt-small{ max-width:200px; max-height: 120px; width: 100%; height:100%; background: url(../img/banner-txt-bg.png) 0 0 no-repeat;
text-align:left; padding:20px; font-size:12px;
}
#dowebok {
    animate-duration: 5s;    //动画持续时间
    animate-delay: 5s;    //动画延迟时间
    animate-iteration-count: 2;    //动画执行次数
	-moz-animate-duration: 5s;    //动画持续时间
    -moz-animate-delay: 5s;    //动画延迟时间
    -moz-animate-iteration-count: 2;    //动画执行次数
	-webkit-animate-duration: 5s;    //动画持续时间
    -webkit-delay: 5s;    //动画延迟时间
    -webkit-iteration-count: 2;    //动画执行次数
	-o-animate-duration: 5s;    //动画持续时间
    -o-delay: 5s;    //动画延迟时间
    -o-iteration-count: 2;    //动画执行次数
	-ms-animate-duration: 5s;    //动画持续时间
    -ms-delay: 5s;    //动画延迟时间
    -ms-iteration-count: 2;    //动画执行次数
}
.x-Icons li{ float:right; margin-left:8px; margin-right:8px;}
.x-Icons span{ display:block; float:right; margin-top:5px;}
/*user-defined*/

.z-marginlr-0{
	margin-right: 0;
	margin-left: 0;
}
.container,
.container-fluid{
	overflow: hidden;
}
.x-lan-phone>a{margin: 0 4px;}
.x-lan-phone>a>img{width: 26px;}
.x-bg-09{
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
}
/*nav ST*/
@media(min-width: 1200px){
.device .swiper-wrapper{max-height:505px !important;}
}
@media(max-width: 1200px){
.arrow-center{padding: 0;}
}
@media(max-width: 1200px) and (min-width: 768px){
.x-line{width: 100%;}
.container-fluid{
	padding-right: 12px;
	padding-left: 12px;
}
.container-fluid>.navbar-collapse{
	padding-left: 0;
	padding-right: 0;
}
.navbar-nav{
	width: 100%;
	background: url(../img/phone-nav-bg.jpg) repeat-x;
	padding-left: 2vw;
}
.navbar-nav>li>a{
	padding-left: 12px;
	padding-right: 12px;
}
}
.navbar-nav>.x-active>a{
	border-radius: 3px;
}
/*nav END*/
/*index ST*/
/*banner ST*/
.swiper-contain{
	position: relative;
	overflow: hidden;
}
.swiper-container-sec{
	position: absolute;
	top: 18.1%;
	left: 21.2%;
	width: 100%;
}
.swiper-slide {
	position: relative;
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-container-fir img{width: 100%;}
.swiper-container-fir .swiper-pagination span{
	width: 27px;
	height: 6px;
	border-radius: 0;
	background-color: #fff;
	opacity: .8;
}
.swiper-pagination-bullet-active{
	background-color: #2196cd!important;
}
.z-font{
	position: absolute;
	width: 27.6%;
	height: 18.23vw;
	top: 0%;
	left: 0%;
	background-color: #000;
	opacity: .5;
	z-index: 999;
}
@media(max-width: 640px){
	.swiper-container .swiper-pagination{bottom: 1px!important;}
	.swiper-container .swiper-pagination span{
	width: 15px;
	height: 3px;
	border-radius: 0;
	background-color: #fff;
	opacity: .8;
}
}
.banner-txt-box{
	position: absolute;
	right: 52%;
	top: 20%;
	width: 510px;
	height: 330px;
	background-color: rgba(0,0,0,.38);
	padding: 0 2% 1% 1%;
	color: #fff;
	text-align: left;
	font-family: verdana;
        display: none;
}
.banner-txt-box>h2{
	font-size: 35px;	
	font-family: verdana;
	margin-top: 10%;
	padding-left:10px;
}
.banner-txt-box>p{
	font-size: 14px;
	padding-top: 1%;
	line-height: 22px;
	padding-bottom: 2.5%;
	padding-left:20px;
}
.banner-txt-box>a{
	font-size: 18px;	
}
.banner-txt-box .fa-lg{
	height: 18px;
	line-height: 10px;
	font-size: 18px;
	padding-left: 12px;
}
@media (max-width: 1199px) {
.banner-txt-box{display: none;}

}
/*demo*/
.device {
	width: 100%;
  	position: relative;
}

.device .arrow-left,
.device .arrow-right{
  filter:alpha(opacity=0.4);
  opacity: 0.4;
  position: absolute;
  top: 50%;
  width: 30px;
  z-index: 100;
  height: 53px;
  margin-top: -26px;
  display: block;
  background-color: #fff;
}
.device .arrow-left {
  background: url(../img/arrows.png) no-repeat left top;
  left: 30px;
}
.device .arrow-right {
  background: url(../img/arrows.png) no-repeat left bottom;
  right: 30px;
}
.device>a:hover,
{
  filter:alpha(opacity=0.8);
  opacity: 0.8;
}
.swiper-contain .pagination {
  position: absolute;
  right: 50%;
  margin-right: -76px;
  text-align: center;
  bottom:5px;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 28px;
  height: 6px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 5px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #2196cd;
}
@media(max-width: 767px){
.swiper-contain .pagination{
  margin-bottom: 3px;
  margin-right: -52px;

}	
.swiper-pagination-switch{
  width: 20px;
  height: 4px;
  margin: 0 3px;
}
.device .swiper-wrapper{max-height:auto!important;}
}

/*demo*/
/*banner END*/
.wewewe{
	width: 100%;
	max-width: 428px;
}
.x-video{
	padding: 0;
	-webkit-background-size: cover;
	background-size: cover;
}
.x-video img{
	width: 100%;
	padding: 11% 4% 5% 2.5%;
}
/*index END*/

.input-list{
	position: relative;
	padding-right: 0;
	padding-left: 0;
	width: 46%;
	margin-right: 2%;
	margin-left: 2%;
}
.z-input{
	position: relative;
	z-index: 2;
	padding: 13px 6px;
	height: inherit;
	background-color: transparent;
}
.z-input:focus{
	padding: 4px 6px 22px 6px;
	border-color: #2196cd;
}
.input-list label{
	position: absolute;
	z-index: 1;
	top: 5px;
	left: 0;
	padding-left: 7px;
	color: #919191;
	width: 100%;
	font-size: 14px;
	text-transform:capitalize;

}
.z-input:focus + label{
	top: 100%;
	font-size: 12px;
	color: #fff;
	margin-top: -16px;
	background-color: #2196cd;
	z-index: 15;
		animation:down .5s;
     -o-animation:down .5s;
   -moz-animation:down .5s;
-webkit-animation:down .5s;
}
@keyframes down{
from  {top: 5px;color: #919191;font-size: 14px;}
to 	  {top: 100%;color: #fff;margin-top: -16px;background-color: #2196cd;}
}
@-o-keyframes down{
from  {top: 5px;color: #919191;font-size: 14px;}
to 	  {top: 100%;color: #fff;margin-top: -16px;background-color: #2196cd;}
}
@-moz-keyframes down{
from  {top: 5px;color: #919191;font-size: 14px;}
to 	  {top: 100%;color: #fff;margin-top: -16px;background-color: #2196cd;}
}
@-webkit-keyframes down{
from  {top: 5px;color: #919191;font-size: 14px;}
to 	  {top: 100%;color: #fff;margin-top: -16px;background-color: #2196cd;}
}

.z-code{
	padding: 13px 6px;
	height: inherit;
}
.z-code:focus{
	border-color: #2196cd;
}
@media (max-width:992px){
.swiper-container-fir img{
	width: 140%;
}
.input-list{
	width: 94%;
	margin-right: 3%;
	margin-left: 3%;
}
}
#goTop{
	position: fixed;
	bottom: 3%;
	right: 2%;
	width: 35px;
	height: 41px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background-color: #000;
	filter:alpha(opacity=0.6);
	opacity: 0.6;
	text-transform: capitalize;
	z-index: 9999;
	border-radius: 5px;
	cursor: pointer;
}
#goTop i{
	height: 16px;
	line-height: 16px;
	display: block;
}
#goTop:hover{
		    animation:totop .5s;
		 -o-animation:totop .5s;
	   -moz-animation:totop .5s;
	-webkit-animation:totop .5s;
}
@-webkit-keyframes totop{
from {filter:alpha(opacity=0.6);opacity: 0.6;}
to   {filter:alpha(opacity=0.8);opacity: 0.8;}
}


@media (max-width: 640px){
.x-Icons span{
	display: none;
}
}

/*environment ST*/
#front,
#next{
	width: 50%;
	height: 100%;
}
#front a,
#next a{
	top: 40%;
	width: 15%;
	height: 20%;
	-webkit-background-size: cover;
	background-size: cover;
}
#front a{
	left: 2%;
}
#next a{
	right: 2%;
}

/*environment END*/

/*exhibition ST*/
.media:first-child{
	margin-top: 30px;
}
@media(max-width: 767px){
.media-body{
	display: inline;
}
.media-middle{
	display: block;
}
.media-middle img{
	width: 90%;
	margin: 0 auto 20px;
}
}
.swiper-contain .pagination{
	width: inherit;
}
/*exhibition END*/
.twitter>a,
.linkedin>a,
.facebook>a{
	border-radius: 50%;
	overflow: hidden;
	width: 30px;
	height: 30px;
	display: inline-block;
	position: relative;
	z-index: 101;
}
.twitter dl{
  width: 100%;
  height: 90px;
  position: relative;
  background-color: #00acee;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #00acee), color-stop(75%, #ffffff)); -moz-gradient(linear, left top, left bottom, color-stop(25%, #00acee), color-stop(75%, #ffffff));
  background-image: -webkit-linear-gradient(#00acee 25%, #ffffff 75%);-moz-linear-gradient(#00acee 25%, #ffffff 75%);
  background-image: linear-gradient(#00acee 25%, #ffffff 75%);
  content: "\f099";
  color: #00acee;
	transition:0.5s;
	-o-transition:0.5s;
	-ms-transition:0.5s;
	-moz-transition:0.5s;
	-webkit-transition:0.5s;
}
.linkedin dl{
  width: 100%;
  height: 90px;
  position: relative;
  background-color: #bb0000;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #bb0000), color-stop(75%, #ffffff));
  background-image: -webkit-linear-gradient(#bb0000 25%, #ffffff 75%);
  background-image: linear-gradient(#bb0000 25%, #ffffff 75%);
  content: "\f08c";
  color: #bb0000;
	transition:0.5s;
	-o-transition:0.5s;
	-ms-transition:0.5s;
	-moz-transition:0.5s;
	-webkit-transition:0.5s;
}
.facebook dl{
  width: 100%;
  height: 90px;
  position: relative;
  background-color: #3b5998;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #3b5998), color-stop(75%, #ffffff));
  background-image: -webkit-linear-gradient(#3b5998 25%, #ffffff 75%);
  background-image: linear-gradient(#3b5998 25%, #ffffff 75%);
  content: "\f09a";
  color: #3b5998;
	transition:0.5s;
	-o-transition:0.5s;
	-ms-transition:0.5s;
	-moz-transition:0.5s;
	-webkit-transition:0.5s;
}
.twitter dl:hover,
.linkedin dl:hover,
.facebook dl:hover{
	transform: translateY(-60px);
	-ms-transform: translateY(-60px);
	-moz-transform: translateY(-60px);
	-o-transform: translateY(-60px);
	-webkit-transform: translateY(-60px);
	font-size: 20px;
}
.twitter dl dt,
.linkedin dl dt,
.facebook dl dt{
  font-size: 20px;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  color:#fff;
  text-align: center;
  line-height: 30px;
}
.twitter dl dd,
.linkedin dl dd,
.facebook dl dd{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
}
.twitter dl dd{
  color:#00acee;
}
.linkedin dl dd{
  color:#3b5998;
}
.facebook dl dd{
  color:#bb0000;
}
/*about ST*/
.a-tel .x-fontsize-24{
	font-family: Edit Undo Line -BRK-,"微软雅黑";
}
.a-tel .x-fontsize-24 i{
	margin-left: -50px;
}
/*about END*/
@media (max-width: 767px) {
.z-circle-box{
	padding-left: 0;
	padding-right: 0;
}
.z-circle>p{
	width: 100%;
	z-index: 5;
	position: static;
}
.z-circle>p>a{
	width: 100%;
}
}


.cdh a{ color:#666666}
.btna { text-decoration:none; color:#fff}
.btna:hover { text-decoration:none; color:#fff}
.lxtit { position:relative;}
.fa-phone {border-radius: 50%;
border: 3px solid rgb(255, 255, 255);
width: 43px;
display: inline-block;
height: 43px;
position: absolute;
top: 5px;
line-height:40px;}