@charset "utf-8";

/* CSS Document */

::selection {

	color:#fff;

    background-color: #1b94ee;

}



::-moz-selection {

	color:#fff;

    background-color: #1b94ee;

}



::-webkit-selection {

	color:#fff;

    background-color: #1b94ee;

}



::-webkit-scrollbar {

    width: 8px;

    height: 8px;

    background-color: #F5F5F5;

}



::-webkit-scrollbar-track {

    border-radius: 10px;

    background-color: #E2E2E2;

}



::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

    background-color: #555;

}



* {

    padding: 0;

    margin: 0;

}



body {

    font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

    color: #333;

    margin: 0;

    line-height: 1.5;

    font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

}



:focus {

    outline: 1;

}



article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary {

    display: block;

}



a {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent;

}



ins {

    background-color: #ff9;

    color: #000;

    text-decoration: none;

}



mark {

    background-color: #ff9;

    color: #000;

    font-style: italic;

    font-weight: bold;

}



del {

    text-decoration: line-through;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #cccccc;

    margin: 1em 0;

    padding: 0;

}



input,

select {

    vertical-align: middle;

}





li,

ul {

    list-style-type: none;

}



img {

    border: none;

}



a {

    color: #333;

    text-decoration: none;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

}



a:link,

a:hover,

a:active,

a:visited {

    text-decoration: none;

}



input,

textarea {

    outline: 0;

    border: 0;

}



textarea {

    resize: none;

}



h1,

h2,

h3,

h4,

h5,

h6,

dl,

dd,

dt,

i,

em {

    font-weight: normal;

    font-style: normal;

}

.between{

	width:1180px;

	margin:0 auto;

	overflow: hidden;

}

.title_nav{

	width: 400px;

	margin:0 auto;

}

.title_nav h3 span{

	font-size: 24px;

	color: #1b94ee;

	display: block;

	font-weight: bold;

	text-align: center;

	line-height: 24px;

}

.title_nav h3 span i{

	color: #f7750d;

	font-weight: bold;

}

.title_nav > i{

	width: 40px;

	height: 2px;

	background: #cccccc;

	display: block;

	margin: 12px auto;

}

.title_nav > span{

	font-size: 14px;

	color: #999999;

	text-transform: uppercase;

	display: block;

	text-align: center;

	margin-top: -6px;,

}

.title_nav h3 span:hover{

	color: #f7750d;

}

.title_nav h3 span:hover i{

	color: #1b94ee;

}

.clearfix{clear:both;}





/**banner start**/

.banner {

  width: 100%;

  height: 500px;

	overflow: hidden;

}

.fullSlide {

  width: 100%;

  position: relative;

  height: 100%;

  background: transparent;

}

.fullSlide .bd {

  margin: 0 auto;

  height: 100%;

  position: relative;

  z-index: 0;

  overflow: hidden;

}

.fullSlide .bd ul {

  height: 100%;

  width: 100%!important;

}

.fullSlide .bd li {

  height: 100%;

	width: 100%!important;

  overflow: hidden;

  text-align: center;

  background-position: center;

  background-repeat: no-repeat;

  width: 100%;

}

.fullSlide .bd li a {

  display: block;

  height: 100%;

  width: 100%;

}

.fullSlide .hd {

  width: 100%;

  position: absolute;

  z-index: 1;

  bottom: 0;

  left: 0;

}

.fullSlide .hd ul {

  text-align: center;

  margin-bottom: 20px;

}

.fullSlide .hd ul li {

  background: #1b94ee;

  cursor: pointer;

  display: inline-block;

  *display: inline;

  zoom: 1;

  width: 15px;

  height: 15px;

  margin: 4px;

  border-radius: 50%;

  overflow: hidden;

  *filter: alpha(opacity=50);

  *opacity: .5;

  line-height: 999px;

}

.fullSlide .hd ul .on {

  background: #f88325;

}

.fullSlide .prev,

.fullSlide .next {

  display: block;

  position: absolute;

  top: 50%;

  margin-top: -30px;

  left: 15%;

  z-index: 1;

  width: 40px;

  height: 60px;

  background: url(../images/slider-arrow.png) -126px -137px #000000 no-repeat;

  cursor: pointer;

  *filter: alpha(opacity=50);

  *opacity: .5;

  display: none;

}

.fullSlide .next {

  left: auto;

  right: 15%;

  background-position: -6px -137px;

}

/*banner end*/











/* search start */

.search {

	overflow:hidden;

	width: 100%;

	height:45px;

}

.sear_box{

	width: 1180px;

	margin:0 auto;

	height:45px;

}

.keytext{

	width: 780px;

	line-height: 45px;

	font-family:Microsoft YaHei;

	font-size: 14px;

	color: #333;

	overflow: hidden;

	float: left;

}

.keytext span{

	line-height: 45px;

	color:#333;

	font-size:14px;

}

.keytext a{

	margin: 0px 8px 0px 0px;

	line-height:45px;

	font-size:14px;

	color:#595959;

}

.keytext a:hover{

	color: #1b94ee;

}

.rmgj-n-r{

	width:280px;

	height: 31px;

	margin-top: 6px;

	overflow: hidden;

	float: right;

	background: url(../images/search.jpg) no-repeat left center;

}

.text2{

	padding:0px 0px 0px 10px;

	float:left;

	width: 230px;

	height: 28px;

	margin-left: 4px;

	margin-top: 2px;

	font-size:12px;

	color:#595959;

	background: none;

}

.submit{

	width:32px;

	height:31px;

	float:right;

	font-size: 14px;

	color: #fff;

	cursor: pointer;

	background:url(../images/ico1.png) no-repeat;

}



/* search end */















/* product start */

.product{

	width: 100%;

	margin-top: 50px;

}

.product .pro_box{

	width: 1180px;

	margin:0 auto;

}

.pro_box .pro_left{

	float: left;

	width: 232px;

}

.pro_left h2{

	width: 202px;

	height: 72px;

	padding-left: 30px;

	background: url(../images/pro_nav.jpg) no-repeat center;

}

.pro_left h2 i{

	font-size:24px;

	color: #fff;

	line-height: 72px;

	display: block;

}

.pro_left h2 i span{

	font-size: 12px;

	color: #f0f0f0;

	text-transform: uppercase;

}

.pro_left dl{

	width: 232px;

	height: 450px;

	background: #fafafa;

}

.pro_left dl dd{

	width: 202px;

	height: 48px;

	border-bottom: 1px solid #e5e5e5;

	padding-left: 30px;

	-webkit-transition:all .5s;

	transition:all .5s;

}

.pro_left dl dd:hover{

	border-color: #1b94ee;

}

.pro_left dl dd a{

	width: 100%;

	font-size: 14px;

	color: #595959;

	display: block;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	line-height: 48px;

}

.pro_left dl dd a:hover{

	color: #1b94ee;

}

.pro_box .pro_con{

	width: 945px;

	float: right;

}

.pro_con > ul{

	width: 915px;

	height: 44px;

	float: left;

	margin-left: 30px;

	overflow: hidden;

}

.pro_con > ul li{

	width: 120px;

	height: 44px;

	background: #1b94ee;

	float: left;

	margin-right: 30px;

}

.pro_con > ul li i{

	font-size: 18px;

	text-align: center;

	color: #fff;

	line-height: 44px;

	display: block;

}

.pro_con > ul .on{

	background: #f88325;

}

.pro_con > ul > a{

	float: right;

	margin-right: 10px;

	font-size: 14px;

	color: #4c4c4c;

	text-transform: uppercase;

	line-height: 44px;

}

.pro_con > ul > a:hover{

	color: #1b94ee;

}

.pro_con .pro_cont{

	width: 945px;

	height: 480px;

	overflow: hidden;

}

.pro_cont ul{

	width: 945px;

	height: 480px;

	overflow: hidden;

}

.pro_cont ul li{

	width: 283px;

	height: 208px;

	float: left;

	margin-left: 30px;

	margin-top: 30px;

	border: 1px solid #cccccc;

	position: relative;

	-webkit-transition:all 1s;

	transition:all 1s;

}

.pro_cont ul li:hover{

	border-color: #1b94ee;

}

.pro_cont ul li > a{

	width: 283px;

	height: 208px;

	overflow: hidden;

	display: block;

}

.pro_cont ul li > a img{

	width: 283px;

	height: 208px;

	overflow: hidden;

	-webkit-transition:all 1s;

	transition:all 1s;

}

.pro_cont ul li > a img:hover{

	-webkit-transform:scale(1.2,1.2);

	transform:scale(1.2,1.2);

}

.pro_cont ul li h4{

	position: absolute;

	width: 100%;

	height: 30px;

	left: 0;

	bottom: 0;

	background: #e5e5e5;

}

.pro_cont ul li h4 a{

	font-size: 14px;

	color: #4c4c4c;

	line-height: 30px;

	text-align: center;

	display: block;

	width: 100%;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	-webkit-transition:all 1s;

	transition:all 1s;

}

.pro_cont ul li:hover h4{

	background: #1b94ee;

}

.pro_cont ul li:hover h4 a{

	color: #fff;

}

/* product end */











/* xb1 start */

.xb1{

	width: 100%;

	height: 234px;

	background: url(../images/xb1_bg.jpg) no-repeat center;

	margin-top: 50px;

}

.xb1 .xb1_w{

	float: left;

	width: 700px;

	margin-top: 50px;

	margin-left: 80px;

}

.xb1_w h4{

	font-size: 24px;

	color: #fff;

	font-weight: bold;

}

.xb1_w h4 span{

	font-size: 14px;

	color: #fff;

	text-transform: uppercase;

	font-weight: normal;

}

.xb1_w h5{

	font-size: 18px;

	color: #fff;

	line-height: 45px;

}

.xb1_w i{

	width: 50px;

	height: 1px;

	background: #f88325;

	display: block;

}

.xb1_w h6{

	font-size: 16px;

	color: #fff;

	line-height: 30px;

	margin: 8px 0;

}

.xb1_w h6 span{

	font-size: 24px;

	font-weight: bold;

}

.xb1_w a{

	width: 138px;

	height: 33px;

	border: 1px solid #fff;

	font-size: 16px;

	color: #fff;

	line-height: 33px;

	text-align: center;

	display: block;

	position: relative;

	-webkit-transition:all 1s;

	transition:all 1s;

	margin-top: 14px;

}

.xb1_w a:hover{

	box-shadow:0px 0px 16px rgba(255,255,255,0);

	transform:translate3d(0,-2px,0);

}

/* xb1 end */











/* case start */

.case{

	width: 100%;

	height: 610px;

	margin-top: 50px;

}

.case_cont{

	width: 1100px;

	height: 530px;

	margin: 30px auto;

	position: relative;

}

.case_cont{

	width: 1180px;

	height: 375px;

	margin-top: 40px;

	position: relative;

}

.case_cont > a{

	width: 16px;

	height: 26px;

	display: block;

	position: absolute;

}

.case_cont .lefts{

	top:175px;

	left: 0;

	background: url(../images/case_jt.jpg) no-repeat left center;

}

.case_cont .rights{

	top:175px;

	right: 0;

	background: url(../images/case_jt.jpg) no-repeat right center;

}

.case_cont .case_nr{

	width: 1040px;

	height: 375px;

	margin:0 auto;

	overflow: hidden;

}

.case_nr ul{

	width: 1040px;

	height: 375px;

}

.case_nr ul li{

	width: 496px;

	height: 371px;

	float: left;

	border: 2px solid #cccccc;

	margin-right: 40px;

	position: relative;

}

.case_nr ul li:hover{

	border-color: #1b94ee;

}

.case_nr ul li >a{

	width: 496px;

	height: 371px;

	overflow: hidden;

	display: block;

}

.case_nr ul li >a img{

	width: 496px;

	height: 371px;

	overflow: hidden;

	-webkit-transition:all 1s;

	transition:all 1s;

}

.case_nr ul li >a img:hover{

	-webkit-transform:scale(1.2,1.2);

	transform:scale(1.2,1.2);

}

.case_nr ul li .case_w{

	position: absolute;

	left: 50px;

	top: 108px;

	width: 370px;

	height: 140px;

	background: rgba(27,148,238,0.8);

	-webkit-transition:all 1s;

	transition:all 1s;

	padding:20px 15px 0;

	opacity: 0;

	transform: scale(0,0);

}

.case_nr ul li .case_w a{

	font-size: 14px;

	color: #fff;

	width: 100%;

	line-height: 30px;

	text-align: center;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	display: block;

}

.case_nr ul li .case_w p{

	width: 100%;

	font-size: 14px;

	color: #f5f5f5;

	line-height: 24px;

	height: 48px;

	display: -webkit-box;

	-webkit-box-orient:vertical;

	-webkit-line-clamp:2;

	overflow: hidden;

	margin: 4px auto;

}

.case_nr ul li .case_w h4 a{

	font-size: 14px;

	color: #e5e5e5;

	text-align: center;

	display: block;

}

.case_nr ul li:hover .case_w{

	opacity: 1;

	transform: scale(1,1);

}

/* case end */







/* reason start */

.reason{

	width: 100%;

	height: 944px;

	margin-top: 50px;

	background: url(../images/rea_bg.jpg) no-repeat center top;

}

.rea_nav{

	width: 535px;

	height: 55px;

	margin: 0 auto;

	padding-left: 209px;

}

.rea_nav p{

	font-size: 30px;

	color: #1b94ee;

	font-weight: bold;

	display: block;

	line-height: 26px;

}

.rea_nav p span{

	color: #f88325;

}

.rea_nav i{

	width: 341px;

	height: 40px;

	margin: 14px auto;

	display: block;

	font-size: 18px;

	color: #ffffff;

	text-align: center;

	line-height: 40px;

	background: url(../images/rea_nav.jpg) no-repeat center;

}

.rea_con{

	width: 1180px;

	height: 847px;

	margin-top: 40px;

	position: relative;

}

.rea_con li{

	width: 555px;

	overflow: hidden;

	position: absolute;

}

.rea_con li > span{

	font-size: 60px;

	color: #e5e5e5;

	line-height: 60px;

	display: block;

	position: relative;

	z-index: 8;

}

.rea_con li h4{

	font-size: 20px;

	color: #1b94ee;

	font-weight: bold;

	margin-top: -15px;

	width: 460px;

	height: 20px;

	background: #fff;

	z-index: 9;

	position: relative;

}

.rea_con li h4 span{

	font-size: 14px;

	color: #b2b2b2;

	font-weight: normal;

	text-transform: uppercase;

}

.rea_con li i{

	width: 50px;

	height: 2px;

	background: #cccccc;

	display: block;

	margin: 25px 0;

}

.rea_con li p{

	width: 555px;

	font-size: 14px;

	color: #595959;

	line-height: 24px;

}

.rea_con .rea1{

	top: 47px;

	right: 0;

}

.rea_con .rea2{

	top: 242px;

	right: 0;

}

.rea_con .rea3{

	top: 493px;

	left: 0;

}

.rea_con .rea4{

	top: 675px;

	left: 0;

}

.rea_con .reat1{

	width: 553px;

	height: 471px;

	overflow: hidden;

	position: absolute;

	top: 0;

	left: 0;

}

.rea_con .reat2{

	width: 386px;

	height: 397px;

	overflow: hidden;

	position: absolute;

	bottom: 0;

	right: 135px;

}

/* reason end */











/* partner start */

.partner{

	width: 100%;

	margin-top: 50px;

}

.par_con{

	width: 1180px;

	height: 244px;

	margin-top: 40px;

	position: relative;

}

.par_cont{

	width: 780px;

	height: 180px;

	margin-top: 64px;

	background: #fafafa;

	overflow: hidden;

	float: left;

	position: relative;

	z-index: 8;

}

.par_cont > a{

	width: 30px;

	height: 30px;

	display: block;

	position: absolute;

	left: 10px;

}

.par_cont .lefts{

	background: url(../images/par_jt.png) left top;

	top: 55px;

}

.par_cont .rights{

	background: url(../images/par_jt.png) left bottom;

	top: 95px;

}

.par_cont .par_nr{

	width: 630px;

	height: 140px;

	float: left;

	margin-top: 34px;

	margin-left: 65px;

	overflow: hidden;

}

.par_nr ul{

	width: 622px;

	height: 140px;

	overflow: hidden;

}

.par_nr ul li{

	width: 165px;

	height: 140px;

	float: left;

	margin-right: 20px;

	overflow: hidden;

}

.par_nr ul li > a{

	width: 163px;

	height: 85px;

	border: 1px solid #cccccc;

	float: left;

	overflow: hidden;

	display: block;

}

.par_nr ul li > a:hover{

	border-color: #1b94ee;

}

.par_nr ul li > a img{

	width: 163px;

	height: 85px;

	overflow: hidden;

	-webkit-transition:all 1s;

	transition: all 1s;

}

.par_nr ul li > a img:hover{

	-webkit-transform:scale(1.2,1.2);

	transform:scale(1.2,1.2);

}

.par_nr ul li h4 a{

	font-size: 16px;

	color: #4c4c4c;

	width: 100%;

	text-align: center;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow:hidden;

	display: block;

	line-height: 30px;

}

.par_nr ul li h4 a:hover{

	color: #1b94ee;

}

.partner .par_dh{

	position: absolute;

	top: 0;

	right: 0;

	background: url(../images/par_dh.png) no-repeat center;

	width:363px;

	height: 159px;

	z-index: 99;

	padding-top: 85px;

	padding-left: 114px;

}

.par_dh h5{

	width: 343px;

	text-align: right;

	font-weight: bold;

	font-size: 18px;

	color: #fff;

}

.par_dh h4{

	width: 343px;

	text-align: right;

	font-size: 18px;

	color: #fff;

	line-height: 40px;

}

.par_dh h4 span{

	font-weight: bold;

	font-size: 24px;

	color: #fff;

}

.par_dh a{

	width: 160px;

	height: 35px;

	background: #f88325;

	font-size: 18px;

	color: #fff;

	text-align: center;

	line-height: 35px;

	display: block;

	position: relative;

	float:left;

	margin-left: 180px;

}

.par_dh a span{

	position: relative;

	z-index: 9;

}

.par_dh a i{

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	background: #f88325;

	display: block;

	-webkit-transition:all ease-out 1s;

	transition:all ease-out 1s;

	-webkit-transform:scale(0.6,1);

	transform:scale(0.6,1);

	z-index: 8;

}

.par_dh a:hover{

	background: #1b94ee;

}

.par_dh a:hover i{

	-webkit-transform:scale(1,1);

	transform:scale(1,1);

}

/* partner end */











/* company start */

.company{

	width: 100%;

	height: 580px;

	margin-top: 50px;

	background: url(../images/com_bg.jpg) no-repeat center;

}

.com_box .com_w{

	width: 1180px;

	overflow: hidden;

}

.com_w > i{

	float: right;

	width: 505px;

	height: 376px;

	overflow: hidden;

	display: block;

	position: relative;

}

.com_w > i img{

	width: 505px;

	height: 376px;

	overflow: hidden;

}

.com_w > i h4{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	font-size: 18px;

	text-align: center;

	color: #fff;

	line-height: 376px;

	background: rgba(0,0,0,0.5);

	opacity: 0;

	-webkit-transition:all 1s;

	transition:all 1s;

}

.com_w > i:hover h4{

	opacity: 1;

}

.com_w .com_m{

	width: 650px;

	float: left;

	height: 520px;

	margin-top: 50px;

}

.com_m h3 i{

	width: 100%;

	font-size: 24px;

	color: #1b94ee;

	font-weight: bold;

	display: block;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

}

.com_m p{

	width: 650px;

	font-size: 14px;

	color: #666666;

	line-height: 24px;

	display: -webkit-box;

	-webkit-box-orient:vertical;

	-webkit-line-clamp:4;

	height: 96px;

	overflow: hidden;

	margin-top: 20px;

	margin-bottom: 20px;

	clear:both;

}

.com_m > a{

	font-size: 14px;

	color: #808080;

	display: block;

	line-height: 44px;

}

.com_m > a:hover{

	color: #1b94ee;

}

.com_m .hon_con{

	width: 880px;

	height: 225px;

	margin-top: 80px;

}

.hon_con > ul{

	width:325px;

	height: 32px;

}

.hon_con > ul li{

	width: 140px;

	height: 32px;

	background: #1b94ee;

	margin-right: 20px;

	float: left;

}

.hon_con > ul .on{

	background: #f7750d;

}

.hon_con > ul li i{

	font-size: 16px;

	color: #fff;

	text-align: center;

	line-height: 32px;

	display: block;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

}

.hon_con .hon_cont{

	width: 990px;

	height: 177px;

	margin-top: 15px;

	position: relative;

}

.hon_cont .lefts{

	position: absolute;

	right: 40px;

	top: 56px;

	width: 30px;

	height: 30px;

	display: block;

	background: url(../images/hon_jt.jpg) no-repeat left top;

}

.hon_cont .rights{

	position: absolute;

	right: 40px;

	top: 96px;

	width: 30px;

	height: 30px;

	display: block;

	background: url(../images/hon_jt.jpg) no-repeat right bottom;

}

.hon_cont .hon_nr{

	width: 880px;

	height: 177px;

	overflow: hidden;

}

.hon_nr ul{

	width: 880px;

	height: 177px;

	overflow: hidden;

}

.hon_nr ul li{

	width: 205px;

	height: 177px;

	float: left;

	margin-right: 18px;

}

.hon_nr ul li > a{

	width: 201px;

	height: 151px;

	border: 1px solid #ccc;

	overflow: hidden;

	display: block;

}

.hon_nr ul li > a:hover{

	border-color: #1b94ee;

}

.hon_nr ul li > a img{

	width: 195px;

	height: 145px;

	overflow: hidden;

	margin: 3px 3px;

	display: block;

	-webkit-transition:all 1s;

	transition:all 1s;

}

.hon_nr ul li > a img:hover{

	-webkit-transform:scale(1.2,1.2);

	transform: scale(1.2,1.2);

}

.hon_nr ul li h4 a{

	font-size: 14px;

	color: #4c4c4c;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	display: block;

	line-height: 30px;

	text-align: center;

}

.hon_nr ul li h4 a:hover{

	color: #1b94ee;

}

/* company end */











/* customer start */

.customer{

	width: 100%;

	margin-top: 50px;

}

.cus_con{

	width: 1180px;

	margin-top:40px;

}

.cus_con > ul{

	width: 1180px;

	margin:0 auto;

}

.cus_con > ul li{

	width: 170px;

	height: 230px;

	overflow: hidden;

	float: left;

	margin-left: 74px;

	-webkit-transition:all 1.5s;

	transition:all 1.5s;

	position: relative;

}

.cus_con > ul li:first-child{

	margin-left: 0;

}



.cus_con > ul li > div{

	position: absolute;

	left: 0;

	top: 45px;

	width: 682px;

	height: 340px;

	padding-left: 10px;

	background: url(../images/cus_w.png) no-repeat center 118px;

	opacity: 0;

	-webkit-transition:all 1s;

	transition:all 1s;

	z-index: 8;

}

.cus_con > ul li > div span{

	font-size: 60px;

	color: #cccccc;

	display: block;

	line-height: 60px;

}

.cus_con > ul li > div h4 a{

	font-size: 16px;

	color: #4c4c4c;

	width: 296px;

	display: block;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	margin: 20px 0 120px;

}

.cus_con > ul li > div p{

	width: 296px;

	font-size: 14px;

	color: #666666;

	line-height: 24px;

	height: 48px;

	display: -webkit-box;

	-webkit-box-orient:vertical;

	-webkit-line-clamp:2;

	overflow: hidden;

	margin-top: 12px;

	margin-bottom: 12px;

}

.cus_con > ul li > div a{

	font-size: 14px;

	color: #808080;

}

.cus_con > ul li i{

	width: 200px;

	height: 1px;

	background: #cccccc;

	display: block;

	position: absolute;

	left: 180px;

	top: 60px;

	z-index: 9999;

	opacity: 0;

	-webkit-transition:all 1s;

	transition:all 1s;

}

.cus_con > ul li > a{

	width: 150px;

	height: 210px;

	border: 10px solid #e6e6e6;

	overflow: hidden;

	display: block;

	position: absolute;

	top: 0;

	right: 0;

	z-index: 9;

}

.cus_con > ul li > a img{

	width: 150px;

	height: 210px;

	overflow: hidden;

}

.cus_con > ul .on{

	width: 692px;

	height: 399px;

}

.cus_con > ul .on > a{

	width: 280px;

	height: 379px;

	right: 55px;

	border-color:#1b94ee;

}

.cus_con > ul .on > a img{

	width: 280px;

	height: 379px;

}

.cus_con > ul .on > div{

	opacity: 1;

}

.cus_con > ul .on > div h4 a:hover{

	color: #1b94ee;

}

.cus_con > ul .on > div > a:hover{

	color: #1b94ee;

}

.cus_con > ul .on i{

	opacity: 1;

}

/* customer end */























/* xb2 start */

.xb2{

	width: 100%;

	height: 300px;

	background: url(../images/xb2_bg.jpg) no-repeat center;

	margin-top: 50px;

}

.xb2 .xb2_w{

	width: 760px;

	margin: 30px auto;

}

.xb2_w h4{

	font-size: 30px;

	color: #1b94ee;

	font-weight: bold;

	text-align: center;

}

.xb2_w h5{

	font-size: 30px;

	color: #595959;

	text-align: center;

	margin: 20px 0;

}

.xb2_w i{

	width: 236px;

	height: 2px;

	background: #cccccc;

	display: block;

	margin: 0 auto;

}

.xb2_w h6{

	font-size: 14px;

	color: #4c4c4c;

	line-height: 24px;

	margin-top: 15px;

	margin-left: 164px;

	float: left;

	padding-left: 60px;

	background: url(../images/xb2_dh.png) no-repeat left center;

}

.xb2_w h6 span{

	font-size: 24px;

	color: #1b94ee;

	font-weight: bold;

	display: block;

}

.xb2_w a{

	width: 105px;

	height: 34px;

	background: #fff;

	font-size: 14px;

	color: #1b94ee;

	line-height: 34px;

	text-align: center;

	display: block;

	-webkit-transition:all 1s;

	transition:all 1s;

	margin-top: 25px;

	float: right;

	margin-right: 236px;

}

.xb2_w a:hover{

	background: #1b94ee;

	color: #fff;

}

.xb2_w > span{

	width: 420px;

	height: 2px;

	background: #cccccc;

	display: block;

	margin: 95px auto;

}

/* xb2 end */











/* news start */

.news{

	width: 100%;

	margin-top: 50px;

}

.new{

	width: 766px;

	float: left;

}

.new .new_nav{

	width: 766px;

	height: 50px;

}

.new_nav h3 b{

	font-size: 44px;

	color: #cccccc;

	line-height: 44px;

	font-weight: normal;

	float: left;

	margin-right: 15px;

	text-transform: uppercase;

}

.new_nav h3 i{

	font-size: 24px;

	color: #1b94ee;

	display: block;

	font-weight: bold;

	float: left;

	line-height: 26px;

}

.new_nav h3 i span{

	font-size: 14px;

	color: #cccccc;

	text-transform: uppercase;

	display: block;

	font-weight: normal;

}

.new_nav > i{

	width: 410px;

	height: 1px;

	background: #cccccc;

	display: block;

	float: left;

	margin-left: 25px;

	margin-top: 12px;

}

.new_nav > a{

	width: 23px;

	height: 23px;

	border: 1px solid #cccccc;

	font-size: 16px;

	color: #cccccc;

	text-align: center;

	line-height: 23px;

	float: right;

	display: block;

}

.new_nav > a:hover{

	border-color: #1b94ee;

	color: #1b94ee;

}

.new_con{

	width: 766px;

}

.new_con > ul{

	width: 766px;

	height: 30px;

	margin-top: 20px;

}

.new_con > ul li{

	float: left;

	margin-right: 30px;

}

.new_con > ul li i{

	font-size: 16px;

	color: #4c4c4c;

	line-height: 16px;

	display: block;

}

.new_con > ul li span{

	width: 4px;

	height: 4px;

	background: #1b94ee;

	margin: 4px auto;

	display: block;

	-webkit-transition:all 1s;

	transition: all 1s;

	opacity: 0;

}

.new_con > ul .on i{

	color: #1b94ee;

}

.new_con > ul .on span{

	opacity: 1;

}

.new_con .bd{

	width: 766px;

	height: 330px;

	overflow: hidden;

}
.new_con .bd .new_cont{
	width: 766px;
	height: 330px;
}
.new_con .bd ul{

	width: 766px;

	height: 89px;

}

.new_con .bd ul li{

	width: 766px;

	height: 89px;

	-webkit-transition:all 1s;

	transition:all 1s;

	margin-top: 20px;

}

.new_con .bd ul li > a{

	width: 118px;

	height: 87px;

	border: 1px solid #cccccc;

	overflow: hidden;

	float: left;

	display: block;

}

.new_con .bd ul li > a:hover{

	border-color: #1b94ee;

}

.new_con .bd ul li > a img{

	width: 106px;

	height: 79px;

	margin: 4px auto;

	display: block;

	overflow: hidden;

	-webkit-transition:all 1s;

	transition:all 1s;

}

.new_con .bd ul li > a img:hover{

	transform:scale(1.2,1.2);

	-webkit-transform:scale(1.2,1.2);

}

.new_con .bd ul li .new_w{

	width: 624px;

	height: 89px;

	float: right;

	overflow: hidden;

}

.new_con .bd ul li .new_w a{

	font-size: 14px;

	color: #4c4c4c;

	width: 540px;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	display: block;

	float: left;

}

.new_con .bd ul li .new_w a:hover{

	color: #1b94ee;

}

.new_w span{

	font-size: 14px;

	color: #808080;

	display: block;

	float: right;

}

.new_con .bd ul li p{

	font-size: 14px;

	color: #666666;

	line-height: 24px;

	float: left;

	width: 624px;

	height: 48px;

	display: -webkit-box;

	-webkit-box-orient:vertical;

	-webkit-line-clamp:2;

	overflow: hidden;

	margin-top: 20px;

}
.new_con .bd .new_cont dl{
	width: 766px;
	height: 89px;
	margin-top: 20px;
}
.new_con .bd .new_cont dl dd{
	width: 370px;
	height: 39px;
	border-bottom: 1px solid #ccc;
	float: left;
	margin-left: 13px;
}
.new_con .bd .new_cont dl dd a{
	font-size: 14px;
	color: #4c4c4c;
	width: 280px;
	line-height: 39px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	float: left;
}
.new_con .bd .new_cont dl dd a:hover{
	color: #1b94ee;
}
.new_con .bd .new_cont dl dd span{
	font-size: 14px;
	line-height: 39px;
	color: #808080;
	display: block;
	float: right;
}
.news .know{

	width: 362px;

	float: right;

}

.know .know_nav{

	width: 362px;

	height: 50px;

}

.know_nav h3 i{

	font-size: 24px;

	color: #1b94ee;

	display: block;

	font-weight: bold;

	float: left;

	line-height: 26px;

}

.know_nav h3 i span{

	font-size: 14px;

	color: #cccccc;

	text-transform: uppercase;

	display: block;

	font-weight: normal;

}

.know_nav > i{

	width: 232px;

	height: 1px;

	background: #cccccc;

	display: block;

	float: left;

	margin-left: 7px;

	margin-top: 12px;

}

.know_nav > a{

	width: 23px;

	height: 23px;

	border: 1px solid #cccccc;

	font-size: 16px;

	color: #cccccc;

	text-align: center;

	line-height: 23px;

	float: right;

	display: block;

}

.know_nav > a:hover{

	border-color: #1b94ee;

	color: #1b94ee;

}

.know .know_con {

	position:relative;

	width: 362px;

	height: 360px;

	overflow: hidden;

}

.know_con .know_cont {

	width: 362px;

	height: 360px;

	overflow: hidden;

	margin-top: 30px;

}

.know_cont ul{

	position:relative;

}

.know_cont ul li{

	height: 362px;

	margin-top:20px;

	clear:both;

	overflow:hidden;

	height: 109px;

	border-bottom: 1px solid #cccccc;

}

.know_cont ul li .faq-w{

	width: 362px;

	height: 30px;

}

.know_cont ul li .faq-w span{

	clear:both;

	float:left;

	width: 30px;

	height: 30px;

	margin-right: 10px;

	display: block;

	background: url(../images/know.jpg) no-repeat left top;

}

.know_cont ul li .faq-d span{

	clear:both;

	float:left;

	width: 30px;

	height: 30px;

	margin-right: 10px;

	display: block;

	background: url(../images/know.jpg) no-repeat left bottom;

}

.know_cont ul li .faq-d{

	width: 362px;

	margin-top: 20px;

}

.know_cont ul li .faq-w a{

	float:left;

	line-height: 30px;

	width: 320px;

	color: #4c4c4c;

	font-size: 14px;

	line-height: 30px;

	display: block;

	white-space:nowrap;

	overflow:hidden;

	text-overflow:ellipsis;

}

.know_cont ul li .faq-w a:hover{

	color: #1b94ee;

}

.know_cont ul li .faq-d p {

	float:left;

	width: 320px;

	height:48px;

	line-height:24px;

	color: #666666;

	overflow:hidden;

	display: -webkit-box;

	-webkit-box-orient:vertical;

	-webkit-line-clamp:2;

}

/* news end */















/*link start*/



.link{

	width: 100%;

	height: 32px;

	margin-top: 50px;

	margin-bottom: 50px;



}

.link .link_box{

	width: 1180px;

	margin:0 auto;

}

.link_box h4{

	font-size: 18px;

	color: #1b94ee;

	float: left;

	width: 134px;

	height: 32px;

	margin-right: 20px;

	line-height: 32px;

	text-align: center;

	background: url(../images/link_nav.jpg) no-repeat center;

}

.link_box a{

	float: left;

	font-size: 14px;

	color: #4c4c4c;

	line-height: 32px;

	margin-right: 10px;

}

.link_box a:hover{

	color: #1b94ee;

}

/*link end*/