@charset "gb2312";
/* CSS Document */

*{ padding:0; margin:0;}
body {color: #333;padding: 0px !important;margin: 0px !important;font-size: 14px;font-family: "Arial","Microsoft YaHei","ºÚÌå","ËÎÌå",sans-serif;}
a,a:hover,a:focus {text-decoration: none;outline: none;}
::selection {background: #ff9000;color: #fff;}
::-moz-selection {background: #ff9000;color: #fff;}
h1,h2,h3,h4,h5,h6,p,ul,li { padding: 0; margin: 0; font-weight:normal;}
li{ list-style-type: none;}
img{ border:none;}
a:hover { text-decoration: none;}
.clears{ clear:both; height:0; line-height:0;}
.i_header_bottom li:hover,.i_title a:hover,.i_news li:hover .news_right strong,.i_news li:hover .news_left,.ckqbsp a:hover,.i_photo li:hover p,.i_photo_m a:hover{-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;transition:0.5s;}
.i_product li:hover .pro_txt,.i_product li:hover p{-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;-ms-transition:1s;transition:1s;}
.w1200{ width:1200px; margin:0 auto;}
.container{ width:1200px; margin:0 auto;}

.ckqbsp{ width:264px; height:48px; margin:10px auto;text-align:center; clear:both;}
.ckqbsp a{ display:block; width:260px; color:#0181c8; height:44px; line-height:44px; clear:both; border:2px solid #0181c8; text-align:center; font-size:16px;}
.ckqbsp a:hover{ background:#0181c8; color:#fff;}

.clear{ clear:both; height:0px;}
.inner{ width:1200px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.br{ border-right: 1px solid #B5B5B5;}
.bl{ border-left: 1px solid #B5B5B5;}
/*************************/

.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0; 
}
.rslides li{
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
	z-index:10;
}
.rslides li:first-child{
	position:relative;
	display:block;
	float:left;
}
.rslides img{
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top: -20px;
position: relative;
z-index: 100;
}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#0c59db;}

/* Callback example */
.callbacks_container{
	margin-bottom:2px;
	position:relative;
	width:100%;
	max-width:100%;
	text-align:center;
}

.callbacks{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.callbacks li{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.callbacks img{
	display:block;
	position:relative;
	z-index:1;
	height:auto;
	width:100%;
	border:0;
}
.callbacks .caption{
	display:block;
	position:absolute;
	z-index:2;
	font-size:20px;
	text-shadow:none;
	color:#fff;
	background:#000;
	background:rgba(0,0,0, .8);
	left:0;
	right:0;
	bottom:0;
	padding:10px 20px;
	margin:0;
	max-width:none;
}
.callbacks_nav{
	position:absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:50%;
	left:0;
	opacity:0.6;
	z-index:3;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	height:61px;
	width:38px;
	background:transparent url(themes.gif) no-repeat left top;
	margin-top:-30px;
	display:none;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
	left:auto;
	background-position:right top;
	right:0;
}

@media screen and (max-width:600px){
	.callbacks_nav{
		top:47%;
	}
}
/**************************************/
.fixednav{ position: fixed; top: 0px; left: 0px; z-index: 9999999999999;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);;} 
/***************************************/
.hy{ width: 100%; height: 47px; background: url(./hy.jpg) center no-repeat;}
.hy-in{ width: 1520px; height: 47px; margin: 0 auto}
.hy-in .hy-le{ float: left; height: 47px; line-height: 47px; color: #fff; }
.hy-in .hy-le span#dz{ color: #fff; text-transform: capitalize; background: url(./dz.png) left center no-repeat; padding-left: 18px;;}
.hy-in .hy-le span#dh{ color: #fff; text-transform: capitalize; background: url(./dh.png) left center no-repeat; padding-left: 22px;;}
.hy-in .hy-rt{ float: right; height: 47px; line-height: 47px; color: #fff; }
.hy-in .hy-rt span#yx{ padding-left: 28px;; color: #fff; text-transform: capitalize; background: url(./yx.png) left center no-repeat; }
.hy-in .hy-rt span#yx:hover{ text-decoration: underline;}
/*****************************************/
.nav{ width: 100%; height: 115px; background: #fff;}
.nav-in{ width: 1520px; height: 115px; margin: 0 auto;}
.nav-in .nav-lg{ float: left; width: 377px;  height: 115px;;}
.nav-in .nav-dh{  float: right; width: 720px; height: 115px;transition: all 300ms ease-out 0s; }
.nav-in .nav-dh ul li{ float: left; width: 120px; text-align:center; position: relative;}
.nav-in .nav-dh ul li a{line-height: 115px; color: #2a2134; text-transform: capitalize; font-weight: 600; font-size:16px; }
.nav-in .nav-dh ul li a:hover{ color: #0c59db;}
.nav-in .nav-dh ul li .xfl{ width: 250px; position: absolute;  z-index: 9999999;display: none;;}
.nav-in .nav-dh ul li .xfl a{ display: block; width: 100%; text-indent: 1rem;border-bottom: 1px solid #ddd;transition: all 300ms ease-out 0s; height: 40px; line-height: 40px; text-align: left; font-weight: normal; font-size: 14px; background: #ecf1f8;}
.nav-in .nav-dh ul li .xfl a:hover{ background: #0c59db; color: #fff; text-indent: 1.5rem;}
.nav-in .nav-dh ul li:hover .xfl{ display:block;}
/******************************************/
.fw{ width: 100%; height: 700px; background:#F7F8FC url(./fwbg.png) center no-repeat;;}
.fw-in{ width: 1200px; height: 700px; margin: 0 auto;}
.fw-in .fw-bt{ width: 1190px; float: left; margin-top: 60px; position: relative;border-left: 10px solid #0c59db;}
.fw-in .fw-bt span#xz{padding-left: 20px; display: block; color: #0c59db; text-transform: uppercase; font-size:16px; font-weight: 500; line-height: 24px;;}
.fw-in .fw-bt span#dz{padding-left: 20px; text-transform: capitalize; display: block; color: #03132b; font-size:50px; font-weight: 900; line-height: 56px; margin-top: 10px;;}
.fw-in .fw-lb{ width: 100%; float: left; margin-top: 50px;;}
.fw-in .fw-lb ul{ width: 105%;;}
.fw-in .fw-lb ul li{ overflow: hidden; float: left; width: 370px; background: #fff; height: 450px; margin-right: 45px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; transition: all 900ms ease;}
.fw-in .fw-lb ul li .fw-tp{ width: 100%; height: 220px; overflow: hidden;;}
.fw-in .fw-lb ul li .fw-tp img { 
	display: block;
	width: 100%;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	transition: all 900ms ease;
  }
.fw-in .fw-lb ul li:hover .fw-tp img {
	-moz-transform: scale(1.2) rotate(3deg);
	-o-transform: scale(1.2) rotate(3deg);
	-ms-transform: scale(1.2) rotate(3deg);
	-webkit-transform: scale(1.2) rotate(3deg);
	transform: scale(1.2) rotate(3deg);
  }
.fw-in .fw-lb ul li:hover {
	-webkit-box-shadow: 0 0 16px 10px rgba(0, 0, 0, 0.06);
	-khtml-box-shadow: 0 0 16px 10px rgba(0, 0, 0, 0.06);
	-moz-box-shadow: 0 0 16px 10px rgba(0, 0, 0, 0.06);
	-ms-box-shadow: 0 0 16px 10px rgba(0, 0, 0, 0.06);
	-o-box-shadow: 0 0 16px 10px rgba(0, 0, 0, 0.06);
	box-shadow: 0 0 16px 10px rgba(0, 0, 0, 0.06);
  }
.fw-in .fw-lb ul li .fw-dz{ width: 100%; float: left; font-size: 26px; font-weight: bold; text-align: center; color: #03132b; text-transform: capitalize; padding: 15px 0px;;}
.fw-in .fw-lb ul li .fw-js{ width: 290px; float: left; font-size: 16px; line-height: 25px; padding: 0px 40px; text-align: center;}
.fw-in .fw-lb ul li .fw-mo{ float: left; position: relative; width: 100%; margin-top: 20px;}
.fw-in .fw-lb ul li .fw-mo a {
	position: absolute;
	background: linear-gradient(45deg, #0E90D5, #3032A2) !important;
	color: #fff;
	height: 45px;
	width: 85px;
	line-height: 45px;
	left: 0;
	right: 0;
	margin: 0 auto;
	border-radius: 30px;
	z-index: 1;
	-moz-transition: all 400ms ease-out 0s;
	-webkit-transition: all 400ms ease-out 0s;
	-ms-transition: all 400ms ease-out 0s;
	-o-transition: all 400ms ease-out 0s;
	transition: all 400ms ease-out 0s;
	font-size: 20px; text-align: center;
  }
  
.fw-in .fw-lb ul li .fw-mo a:hover {
	width: 110px;
}
/***************************************************************/
.abt{ width: 100%; height: 870px; padding: 60px 0px; background: url(./abtbg.png) top center no-repeat;}
.abt-in{ width: 1200px; height: 870px; margin: 0 auto}
.abt-in .abt-tp{ width: 575px; height: 645px; float: left;}
.abt-in .abt-nr{ width: 575px; height: 645px; float: right; position: relative;}
.abt-in .abt-nr span#dz{ float: left; width: 100%; color: #151a33; font-size: 42px; line-height: 48px; display: block; margin-top: 40px;}
.abt-in .abt-nr span#xt{ margin-top: 30px;; width: 110px; height: 10px;background: linear-gradient(45deg, #0E90D5, #3032A2) !important; float: left;;}
.abt-in .abt-nr span#xz{ color: #0c59db; width: 100%; float: left; margin-top: 30px; font-size: 18px; font-weight: bold;}
.abt-in .abt-nr span#js{ width: 100%; float: left; font-size: 16px; line-height: 25px; display: block; margin-top: 40px;;}
.abt-in .abt-nr span#mo{ float: left; margin-top: 40px; display: block; background: linear-gradient(45deg, #0E90D5, #3032A2) !important; color: #fff; width: 180px; height: 65px; line-height: 65px; text-align: center;  border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ;  text-transform: uppercase; font-style: 16px; letter-spacing: 1px;}
.abt-in .abt-nr span#mo:hover{ background: linear-gradient(-20deg, #0E90D5, #3032A2) !important;
	-webkit-box-shadow: 4px 5px 10px 0px rgba(36, 106, 215, 0.6);
	-khtml-box-shadow: 4px 5px 10px 0px rgba(36, 106, 215, 0.6);
	-moz-box-shadow: 4px 5px 10px 0px rgba(36, 106, 215, 0.6);
	-ms-box-shadow: 4px 5px 10px 0px rgba(36, 106, 215, 0.6);
	-o-box-shadow: 4px 5px 10px 0px rgba(36, 106, 215, 0.6);
	box-shadow: 4px 5px 10px 0px rgba(36, 106, 215, 0.6);}
.abt-in .abt-tb{ width: 100%; height: 160px; float: left; margin-top: 60px;}
.abt-in .abt-tb ul{ width: 105%;}
.abt-in .abt-tb ul li{ position: relative; background: url(./tbbg.png) center no-repeat; float: left; margin-right: 26px; overflow: hidden; width: 280px; height: 160px; transition: all 300ms ease-out 0s;  }
.abt-in .abt-tb ul li span#dz{ display: block; padding:0 20px; width: 210px; color: #151a33; font-weight: bold; font-size: 30px; text-transform: uppercase; margin-top: 40px;; }
.abt-in .abt-tb ul li span#xz{ display: block; padding-left:20px; width: 245px; color: #151a33; text-transform:capitalize; color: #747b87; font-size: 18px; margin-top: 30px; }
.abt-in .abt-tb ul li span#tb{ display: block; position: absolute; width: 70px; height: 70px; top: 20px; right: 20px; }
/***************************************************************/
.pro{ width: 100%; height: 840px; padding: 50px 0px; background:#F7F8FC url(./probg.png) center no-repeat;}
.pro-in{ width: 1200px; height: 840px; margin: 0 auto}
.pro-in .pro-bt{ width: 1190px; float: left; position: relative; border-left: 10px solid #0c59db;}
.pro-in .pro-bt span#xz{padding-left: 20px; display: block; color: #0c59db; text-transform: uppercase; font-size:16px; font-weight: 500; line-height: 24px;;}
.pro-in .pro-bt span#dz{padding-left: 20px; display: block; color: #03132b; font-size:50px; font-weight: 900; line-height: 56px; margin-top: 10px; text-transform: capitalize;}
.pro-in .pro-bt span#js{ display: block; position:absolute; right: 0px; width: 570px; font-size: 16px; line-height: 26px; top: 6px; }
.pro-in .pro-cp{ width: 100%; float: left; margin-top: 60px;;}
.pro-in .pro-cp ul{ width: 105%;}
.pro-in .pro-cp ul li{float: left; margin-right: 40px; overflow: hidden; width: 270px; height: 320px; transition: all 300ms ease-out 0s; background: #fff; margin-bottom: 40px; box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.07); -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.pro-in .pro-cp ul li .li-tp{ width: 270px; height: 270px; background: #fff; position: relative; overflow: hidden;;}
.pro-in .pro-cp ul li .li-tp img{ max-width: 270px; /*max-height: 270px;*/ position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; display: block; margin: auto;transition: all 900ms ease;}
.pro-in .pro-cp ul li .li-mc{ text-align: center; width: 100%; height: 50px; line-height: 50px; background:#F7F8FC; color: #2a2134; text-transform: capitalize; font-size: 16px; transition: all 300ms ease-out 0s; -webkit-transition: all 300ms ease-out 0s; -moz-transition: all 300ms ease-out 0s; -ms-transition: all 300ms ease-out 0s; -o-transition: all 300ms ease-out 0s; }
.pro-in .pro-cp ul li:hover {-moz-transform: translateY(-5px);-o-transform: translateY(-5px);-ms-transform: translateY(-5px);-webkit-transform: translateY(-5px);transform: translateY(-5px);}
.pro-in .pro-cp ul li:hover .li-mc{ background: #0c59db; color: #fff;}
.pro-in .pro-cp ul li:hover .li-tp img{
	-moz-transform: scale(1.2) rotate(3deg);
	-o-transform: scale(1.2) rotate(3deg);
	-ms-transform: scale(1.2) rotate(3deg);
	-webkit-transform: scale(1.2) rotate(3deg);
	transform: scale(1.2) rotate(3deg);}
/*****************************************************************/
.ry{ width: 100%; height: 950px; background: url(./rybg.png)top center no-repeat;}
.ry-in{ width: 1200px; height: 950px; margin: 0 auto; position: relative;overflow: hidden;;}
.ry-in .ry-bt{ width: 100%; float: left; margin-top: 50px;;}
.ry-in .ry-bt span#xz{ display: block; width: 100%; text-align: center; color: #fff; font-size: 18px; font-weight: 600; line-height: 24px;;}
.ry-in .ry-bt span#dz{ display: block; width: 100%; text-align: center; color: #fff; font-size: 42px; font-weight: 600; line-height: 60px; text-transform: capitalize;}
.ry-in .ry-sm{ width: 100%; float: left; margin-top: 30px;  height: 640px; ;}
.ry-in .ry-sm .sm-lt{ float: left; width: 570px; height: 640px;;;}
.ry-in .ry-sm .sm-lt span#xz{ display: block; width: 100%; color: #fff; font-size: 18px; line-height: 24px;text-transform: capitalize; text-indent: 4rem; background: url(./line.png) left center no-repeat; margin-top: 25px;}
.ry-in .ry-sm .sm-lt span#dz{ display: block; width: 100%; color: #fff; font-size: 42px; line-height: 48px;text-transform: capitalize;  margin: 20px 0px; }
.ry-in .ry-sm .sm-lt span#js{ display: block; width: 100%; color: #3e3e3e; font-size: 16px; line-height: 1.8em;text-transform: capitalize; color: #151a33; margin: 20px 0px; letter-spacing: 1px; }
.ry-in .ry-sm .sm-lt .lt-tp{ float: left; width: 100%;  height: 310px; margin-top: 30px;overflow: hidden; border-radius: 8px;;}
.ry-in .ry-sm .sm-tp{  float: right; width: 570px; height: 640px; background:url(./rytp.jpg) center no-repeat; position: relative; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.ry-in .ry-sm .sm-tp .tp-lx{ position:absolute; width: 350px; height: 128px; background: url(./lx.png) center no-repeat; bottom: 20px; right: 20px;}
.ry-in .ry-sm .sm-tp .tp-lx span#xz{ float: left; color: #fff; text-transform: capitalize; font-size: 15px; letter-spacing: 1px; width: 100%; margin-left: 30px; margin-top: 30px;;}
.ry-in .ry-sm .sm-tp .tp-lx span#dh{ text-indent: 2rem; float: left; color: #fff; text-transform: capitalize; font-size:30px; font-weight: bold; width: 100%; margin-left: 30px; margin-top: 5px;;}
/*****************************************************/
.ly{ width: 100%; padding: 60px 0px; background:url(./lybg.jpg) center no-repeat; height: 600px;background-attachment: fixed;;}
.ly-in{ width: 1200px; height: 600px; margin: 0 auto; position: relative;}
.ly-in .ly-ly{background: #fff url(./ly.jpg)top center no-repeat;padding: 55px 50px 60px 50px; width: 430px;; float: left; height: 485px;}
.ly-in .ly-ly .ly-dz{ width: 100%; float: left; color: #151a33; margin-bottom: 20px; font-size: 28px; font-weight: bold; margin-top: 30px;;}
.ly-in .ly-ly .ly-xz{ width: 100%; float: left; color: #3e3e3e; margin-bottom: 30px; font-size: 16px; line-height: 1.8; letter-spacing: 1px; }
.ly-in .ly-ly .ly-nr{ width: 100%; float: left;}
.ly-in .ly-ly .ly-nr .line{margin-bottom:1rem; float: left;}
.ly-in .ly-ly .ly-nr .line input{
	border: 1px solid #dfdce6;
	background: #fff;
	font-size: 16px;
	line-height: 24px;
	color: #17305e;
	padding: 20px 20px;
	width: 388px;
	border-radius:3px ;
	-webkit-border-radius:3px ;
	-moz-border-radius:3px ;
	-ms-border-radius:3px ;
	-o-border-radius:3px ;
}
.ly-in .ly-ly .ly-nr .btn{ cursor: pointer; width: 100%; text-align: center; color: #fff; background: linear-gradient(45deg, #0E90D5, #3032A2) !important;; height: 60px; line-height: 60px; border: none; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; font-size: 16px; letter-spacing: 1px; }
.ly-in .ly-ly .ly-nr .btn:hover{ background: linear-gradient(-20deg, #0E90D5, #3032A2) !important;
	-webkit-box-shadow: 4px 5px 10px 0px rgba(36, 106, 215, 0.6);
	-khtml-box-shadow: 4px 5px 10px 0px rgba(36, 106, 215, 0.6);
	-moz-box-shadow: 4px 5px 10px 0px rgba(36, 106, 215, 0.6);
	-ms-box-shadow: 4px 5px 10px 0px rgba(36, 106, 215, 0.6);
	-o-box-shadow: 4px 5px 10px 0px rgba(36, 106, 215, 0.6);
	box-shadow: 4px 5px 10px 0px rgba(36, 106, 215, 0.6);}
.ly-in .ly-qt{ width: 590px; float: right; height: 400px; margin-top: 100px; }
.ly-in .ly-qt .qt-dz{ width: 100%; float: left; color: #fff; font-weight: bold;text-transform: uppercase; font-size: 34px;;}
.ly-in .ly-qt .qt-xz{ width: 100%; float: left; color: #fff; font-style: 16px; line-height: 24px; margin-top: 30px;; }
.ly-in .ly-qt .qt-lx{ width: 100%; float: left; color: #fff; font-size: 16px; line-height: 24px; margin-top: 40px;;}
.ly-in .ly-qt .qt-lx span{ display: block; width: 100%; float: left; line-height: 40px; height: 40px; text-indent: 2.5rem;}
/**********************************************************/
.ck{ width: 100%; padding: 60px 0px; background:url(./ckbg.png)left 80px center no-repeat; height: 900px;}
.ck-in{ width: 1200px; height: 900px; margin: 0 auto; position: relative;}
.ck-in .ck-bt{ width: 1190px; float: left; position: relative; border-left: 10px solid #0c59db;}
.ck-in .ck-bt span#xz{padding-left: 20px; display: block; color: #0c59db; text-transform: uppercase; font-size:16px; font-weight: 500; line-height: 24px;;}
.ck-in .ck-bt span#dz{padding-left: 20px; display: block; color: #03132b; font-size:50px; font-weight: 900; line-height: 56px; margin-top: 10px; text-transform: capitalize;}
.ck-in .ck-bt span#js{ display: block; position:absolute; right: 0px; width: 570px; font-size: 16px; line-height: 26px; top: 6px; }
.ck-in .ck-tp{ width: 100%; float: left; margin-top: 60px;;}
.ck-in .ck-tp ul{ width: 105%;}
.ck-in .ck-tp ul li{float: left; margin-right: 40px; overflow: hidden; width: 270px; height: 270px; transition: all 300ms ease-out 0s; background: #fff; margin-bottom: 40px; box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.2); -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.ck-in .ck-tp ul li .li-tp{ width: 270px; height: 270px; background: #fff; position: relative; overflow: hidden;;}
.ck-in .ck-tp ul li .li-tp img{ max-width: 270px; max-height: 270px; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; display: block; margin: auto;transition: all 900ms ease;}
.ck-in .ck-tp ul li:hover {-moz-transform: translateY(-5px);-o-transform: translateY(-5px);-ms-transform: translateY(-5px);-webkit-transform: translateY(-5px);transform: translateY(-5px);}
.ck-in .ck-tp ul li:hover .li-mc{ background: #0c59db; color: #fff;}
.ck-in .ck-tp ul li:hover .li-tp img{
	-moz-transform: scale(1.2) rotate(3deg);
	-o-transform: scale(1.2) rotate(3deg);
	-ms-transform: scale(1.2) rotate(3deg);
	-webkit-transform: scale(1.2) rotate(3deg);
	transform: scale(1.2) rotate(3deg);
}
/**************************************************************/
.xw{ width: 100%; background: #F7F8FC url(./xwbg.png) center no-repeat; padding: 60px 0px; height: 630px;;;}
.xw-in{ width: 1200px; height: 630px; margin: 0 auto; position: relative;;}
.xw-in .xw-bt { float: left; width: 100%; position: relative;}
.xw-in .xw-bt span#xz{ display: block; width: 100%; color: #0c59db; font-size: 18px; line-height: 24px;text-transform: capitalize; text-indent: 4rem; background: url(./line1.png) left center no-repeat;}
.xw-in .xw-bt span#dz{ display: block; width: 100%; color: #151a33; font-size: 42px; line-height: 48px;text-transform: capitalize; color: #151a33; margin: 20px 0px; font-weight: bold; }
.xw-in .xw-bt span#mo{ display: block; background: linear-gradient(45deg, #0E90D5, #3032A2) !important; color: #fff; width: 180px; height: 65px; line-height: 65px; text-align: center; position: absolute; top: 35px; right: 0px; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ;  text-transform: uppercase; font-style: 16px; letter-spacing: 1px;}
.xw-in .xw-bt span#mo:hover{ background: linear-gradient(-20deg, #0E90D5, #3032A2) !important;
	-webkit-box-shadow: 4px 5px 10px 0px rgba(36, 106, 215, 0.6);
	-khtml-box-shadow: 4px 5px 10px 0px rgba(36, 106, 215, 0.6);
	-moz-box-shadow: 4px 5px 10px 0px rgba(36, 106, 215, 0.6);
	-ms-box-shadow: 4px 5px 10px 0px rgba(36, 106, 215, 0.6);
	-o-box-shadow: 4px 5px 10px 0px rgba(36, 106, 215, 0.6);
	box-shadow: 4px 5px 10px 0px rgba(36, 106, 215, 0.6);}
.xw-in .xw-nr{ width: 100%;  float: left; margin-top: 30px; height: 250px;;}
.xw-in .xw-nr ul{ width: 105%;;}
.xw-in .xw-nr ul li{ overflow: hidden; float: left; width: 370px; background: #fff; height: 480px; margin-right: 45px; transition: all 900ms ease;box-shadow: 0 0 16px 10px rgba(0, 0, 0, 0.06);}
.xw-in .xw-nr ul li .xw-tp{ width: 100%; float: left; width: 370px; height: 270px; background: #000;}
.xw-in .xw-nr ul a:nth-of-type(1) .xw-tp {
	background: url("xw1.jpg") no-repeat center top;
}
.xw-in .xw-nr ul a:nth-of-type(2) .xw-tp {
	background: url("xw2.jpg") no-repeat center top;
}
.xw-in .xw-nr ul a:nth-of-type(3) .xw-tp {
	background: url("xw3.jpg") no-repeat center top;
}
.xw-in .xw-nr ul a:nth-of-type(4) .xw-tp {
	background: url("xw4.jpg") no-repeat center top;
}
.xw-in .xw-nr ul li .xw-mc{ margin: 30px; width: 310px; float: left; color: #151a33; font-size:22px; font-weight: bold;
	line-height: 1.5; height: 65px;text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}
.xw-in .xw-nr ul li .xw-sj{ margin-left: 30px; height: 45px;  width: 310px; float: left; color: #828c99; background: #f5f6fc;border-left: 3px solid #0c59db;}
.xw-in .xw-nr ul li .xw-sj span#sj-tp{ width: 15px; height: 15px; display: block; float: left; padding: 15px; margin-left: 5px;;}
.xw-in .xw-nr ul li .xw-sj span#sj-sj{ float: left; line-height: 45px; font-size: 15px; letter-spacing: 1px;}
.xw-in .xw-nr ul li:hover .xw-mc{color: #0c59db;}
.xw-in .xw-nr ul li:hover{ -moz-transform: translateY(-8px); -o-transform: translateY(-8px); -ms-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); }
/************************************************************/
.fot{ width: 100%; height: 280px; padding: 60px 0px; background:#222935 url(./fotbg.png) center no-repeat;}
.fot-in{ width: 1520px; height: 280px; margin:0 auto; position: relative;}
.fot-lx{ width: 370px; height: 280px; float: left;;}
.fot-lx .fot-lg{ width: 370px; height: 68px; float: left;;;}
.fot-lx .fot-dz{ width: 100%; float: left; margin-top: 30px; text-transform: capitalize; color:#a7a8b4 ; font-size: 16px; letter-spacing: 1px; line-height: 26px;;}
.fot-lx .fot-fs{ width: 100%; float: left; margin-top: 20px;;}
.fot-lx .fot-fs span{ display: block;color:#a7a8b4 ; font-size: 16px; letter-spacing: 1px; line-height: 38px; line-height: 38px; text-indent: 2.2rem;}
.fot-cp{ width: 364px; float: left; height: 280px; margin-left: 50px;;}
.fot-cp span#wz{ display: block; width: 100%; float: right; font-weight: bold; font-size:20px; color: #fff; text-transform: capitalize;}
.fot-cp span#xt{ border-radius: 2px; display: block; margin-top: 20px; width: 58px; height: 4px; background: linear-gradient(45deg, #0E90D5, #3032A2) !important; float: left; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; }

.fot-tp{ width: 364px; float: right; height: 280px;}
.fot-tp span#wz{ display: block; width: 100%; float: right; font-weight: bold; font-size:20px; color: #fff; text-transform: capitalize;}
.fot-tp span#xt{ border-radius: 2px; display: block; margin-top: 20px; width: 58px; height: 4px; background: linear-gradient(45deg, #0E90D5, #3032A2) !important; float: left; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; }
.fot-tp span#tp{ display: block; width: 100%; height: 200px; float: left; margin-top: 35px;;}
/**********************************************************/
.bq{ width: 100%; background:#303743; text-align: center; height: 65px; line-height: 65px; font-size: 16px; color: #a7a8b4; text-transform: capitalize;}