.content{width: 1200px; margin: 0 auto;}
.call-to-action-area{
    position: relative;
    display: block;
    background: #0871c3;
    padding-bottom: 50px;
    z-index: 100;
}
.callto-action{
    position: relative;
    display: block;
}
.callto-action ul{
    display: block;
    width: 100%;
}
.callto-action ul .single-box{
    position: relative;
    display: block;
    width: 50%;
    float: left;
    text-align: center;
}
.callto-action ul .single-box:last-child{
    border: none;
}
.callto-action ul .single-box .icon-holder {
    position: absolute;
    top: -80px;
    left: 0px;
    right: 0;
    margin: 0 auto;
    display: block;
    height: 165px;
    width: 165px;
    background: transparent;
    border-radius: 15px;
    transform: rotate(0deg);
    z-index: 1;
}
.callto-action ul .single-box .icon-holder:before {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0;
    margin: 0 auto;
    display: block;
    height: 165px;
    width: 165px;
    background: #0871c3;
    border-radius: 15px;
    transform: rotate(45deg);
    content: "";
    z-index: -1;
    transition: all 500ms ease;
}
.callto-action ul .single-box:hover .icon-holder:before {
    transform: rotate(0deg);    
}
.callto-action ul .single-box .icon-holder span:before {
    color: #2bb4e6;
    font-size: 65px;
    line-height: 65px;
    display: block;
    padding: 50px 0;
    z-index: 1;
}
.callto-action ul .single-box .inner {
    position: relative;
    display: block;
    margin-top: 70px;
    padding: 0 30px;
    border-right: 1px solid rgba(255, 255, 255, 0.10);
    z-index: 2;
}
.callto-action ul .single-box:last-child .inner{
    border: none;    
}
.callto-action ul .single-box .inner h3{
    color: #ffffff;
    display: block;
    margin: 0 0 20px;
}
.callto-action ul .single-box .inner p{
    color: #8ca4c2;
    margin: 0 0 26px;
}
.callto-action ul .single-box .inner a{
    display: block;
    transition: all 500ms ease;
    color: #ffffff;
}
.callto-action ul .single-box:hover .inner a{
    color:#FFF;
}
.fl_left {
    float: left;
}
.mingcfleft ul li{float: left;width: 130px;line-height: 26px;text-align: left;}
.gongnfright ul li{float: left;width: 125px;text-align: left;padding-right: 10px;line-height: 26px;text-align: left;}
.g_pro{padding-top: 0px; margin-bottom:60px; overflow: hidden;}
.g_pro h2{height: 125px;text-align: center;font-size: 52px;color: #333333;font-weight: bold;}
.g_pro h2 a{color: #333333;}
.g_pro h2 em{display: block;font-size: 22px;color: #666;padding-top: 6px;font-weight: normal;}
.g_pro .m_fl{float: left;width: 240px; position: relative; z-index: 9999999999999999;}
.g_pro .m_fl h3 a{display: block;background:#0458b2;text-align: center;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; padding-top: 25px;height: 109px;font-size: 30px;color: #fff;font-weight: bold;}
.g_pro .m_fl h3 em{display: block;font-size: 20px;color: rgba(255,255,255,5);font-weight: normal;}
.g_pro .flc h4{width:240px;font-weight: normal;height: 53px;margin-bottom: 1px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.g_pro .flc h4 a{color: #fff;display: block;height: 53px;line-height: 53px;background: #333 url(../images/flico1.jpg) no-repeat 190px 11px;padding-left: 26px;padding-right: 60px; font-size: 16px;color: #fff;} 
.g_pro .flc h4:hover,.g_pro .flc .cur{margin-bottom: 0;border: 1px solid #ddd;}
.g_pro .flc h4 a:hover,.g_pro .flc .cur a{background: #e2e2e2 url(../images/flico2.png) no-repeat 190px 11px;color: #0494ec;font-size: 18px;font-weight: bold;}
.g_pro .flst{padding: 8px 0px;border: 1px solid #c7c7c7;}
.g_pro .flst li{position: relative; padding:0 30px; overflow: hidden;}
.g_pro .flst li.on{overflow: visible;}
.g_pro .flst li a{display: block;padding-left: 24px;position: relative; height: 65px;line-height:65px;border-bottom: 1px solid #e3e3e3;font-size: 16px;color: #333333;transition: all 0.3s linear 0s; background:url(../images/flico3.jpg) no-repeat 0 26px;}
.g_pro .flst>li>a:hover{color: #0458b2;background:url(../images/flico4.jpg) no-repeat 0 13px;}
.g_pro .flst>li:last-child>a{border-bottom: none;}
.g_pro .fltel{background: url(../images/fltelbg.jpg) no-repeat; width: 240px;height: 233px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; padding: 35px 0 0 0;}
.g_pro .flst li ul{position: absolute; left:238px; top:0; width:158px;z-index:9999; box-sizing: border-box; padding:10px 0; opacity: 0; transition: all  0.5s;}
.g_pro .flst li ul::before{  width:0;
    height:0;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-right:20px solid rgba(4, 88, 178 ,0.8);
    content: "";
    display: block;
    top:22px;
    position: absolute;
    left:-20px;

    
}
.g_pro .flst li ul.on{
     visibility: visible;
      opacity: 1;
}
.g_pro .flst li ul li{background-color: rgba(4, 88, 178 ,0.8); line-height: 33px; padding:0 5px; }
.g_pro .flst li ul li a{color: #fff; background: none;border-bottom: 1px solid #fff;transition: 0.5s;}
.g_pro .flst li ul li:hover {font-weight: bold;}
.g_pro .fltel em{ word-spacing: 10px; text-align: center;font-weight: bold; display: block;line-height: 30px; font-style: normal; font-size: 20px;color: #fff;margin-bottom: 5px;}
.g_pro .fltel  p{font-size: 16px; text-align: center; line-height: 30px; color:#fff; margin-bottom: 5px;}
.g_pro .fltel b{display: block;font-size: 26px;color: #fff;padding-left: 26px;line-height: 32px;margin-bottom: 12px;}
.g_pro .fltel span a{display: block;width: 120px;height: 34px;line-height: 34px;background: #ffffff;border-radius: 25px;text-align: center;font-size: 14px;color: #333333; margin: 15px auto;}
.m_cp{float: right;width: 960px;}
.m_cp .cplst li{float: left;width: 300px;margin-left: 19px;position: relative;margin-bottom: 19px;}
.m_cp .cplst li img{width: 300px;height: 225px;display: block;transition: all 0.3s linear 0s;border: 1px solid #dadada;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.m_cp .cplst li em{display: block; width: 300px;height: 50px;line-height:50px;background: #e7e8e9; text-align: center;font-size: 16px;color: #313131; font-style: normal; transition: all 0.3s linear 0s; transition: all 0.4s ease 0s;}
.m_cp .cplst li:hover em{background: #0458b2;font-weight: bold; color:#fff;}
a.pro_m{width:151px; height: 40px;display: block; margin:30px auto; background: url(../images/pro_m.jpg) no-repeat center; transition: 0.5s}
a.pro_m:hover{transform: translateX(30px); cursor: pointer}
.pro-bt{
	color: #fff;
    font-size: 40px;
	position: relative;
	font-weight: bold;
	text-align: center;
}
.pro-bt p{
	background: #0871c3;
	width:350px;
	height: 40px;
	color:#fff;
	line-height: 40px;
	text-align: center;
	font-size:20px;
	font-weight: normal;
	border-radius: 15px;
	margin:15px auto;

}
.about-diao a{
	color:#068cf5;
}

.bt01{height:90px; overflow: hidden; font-size: 36px;text-align: center; line-height: 38px; color:#fff;}
.bt01 a{ color:#fff;}
.bt01 span{ color:#fff;}
.bt01 i{display: block; font-weight: normal;font-size: 18px; font-family: "Arial"; color:#fff;}
.bt01 em{display: block; font-size: 18px; color:#fff;font-weight: normal;}
.select_bj{background: url(../images/select_bj.jpg) no-repeat center 0;height:770px; box-sizing: border-box; overflow: hidden;padding-top: 55px;font-family:"Microsoft Yahei"; width:100%; margin-top:50px; overflow: hidden;}
.select{width:1200px; margin: 0 auto; overflow: hidden; position: relative;height:655px;}
.select dl{position: absolute; overflow: hidden;}
.select .dl01{ top:173px; left:7px;width:366px;}
.select .dl02{ top:468px; left:7px;width:366px;}
.select .dl03{ top:173px; right:0;width:390px;}
.select .dl04{ top:468px; right:0;width:390px;}
.select .dl01 dt , .select .dl02 dt{float: right;}
.select .dl03 dt , .select .dl04 dt{float: left; margin-top: 10px;}
.select .dl01 dd , .select .dl02 dd{float: left;width:233px;text-align: right;}
.select .dl03 dd , .select .dl04 dd{float: right;width:245px;}
.select dt{width:111px; height:126px;}
.select dt img{width:111px; height:126px;}
.select dd p{padding-top: 17px ; font-size: 14px; line-height: 24px; color:#fff;}
.select dd h3{background: url(../images/select_line1.gif) repeat-x center bottom; height:36px;}
.select dd h3 span{display: inline-block;border-bottom: 3px solid #fff;height:33px; color:#fff;}
/* .select dl:hover dt{background: url(../images/select_span.png) no-repeat center 0;}
.select dl:hover dd h3{background: url(../images/select_line2.gif) repeat-x center bottom;}
.select dl:hover dd h3 span{border-bottom: 3px solid #059be9; color:#059be9;} */




.company{position: relative; overflow: hidden;}
.company .combg{width:100%;height:672px;padding: 40px 0; box-sizing: border-box; background: url("../images/comright.jpg") no-repeat center right #fff;position: absolute;z-index: -1;}
.company .com_l{width:100%;padding: 60px 0  20px;height: 470px;background: url("../images/comleft.jpg") no-repeat center left;margin: 40px 0}
.company .com_l .comlbody .leftbody{width: 620px;}
.company .com_l .comlbody .leftbody b{font-size: 32px;color: #fff;letter-spacing: 5px;}
.company .com_l .comlbody .leftbody font{font-size: 16px;color: #fff;line-height: 300%;letter-spacing: 1px;padding-left: 15px}
.company .com_l .comlbody .leftbody > img{padding: 4px;border:1px solid #9ccbff;}
.company .com_l .comlbody .leftbody .contant{padding-top:30px}
.company .com_l .comlbody .leftbody .contant a{display: block}
.company .com_l .comlbody .leftbody .contant a.more img{margin-top: 30px}
.company .com_l .comlbody .leftbody p{text-indent: 2em;color: #fff;line-height: 30px; font-size: 15px;}
/*company end*/









#c_pulbi .icon {
	width: 500px;
	height: 105px;
	display: block;
	margin: 15px 0px 15px 360px;
	float: left;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	position: relative;
}

#c_pulbi .icon img {
	margin-right: 45px;
	margin-top: 24px;
	/* width: 47px; */
	height: 55px;
	float: left;
}

#c_pulbi .icon::after {
	content: '';
	position: absolute;
	height: 80px;
	width: 1px;
	background-color: rgba(255, 255, 255, .5);
	left: 95px;
	top: 13px;
	z-index: 1;
}

#c_pulbi .icon h3 {
	position: absolute;
	top: 15px;
	left: 120px;
	display: block;
	height: 32px;
	line-height: 32px;
	font-size: 20px;
	font-weight: bold;
}

#c_pulbi .icon span {
	float: left;
	display: block;
	line-height: 20px;
	font-size: 13px;
	width: 360px;
	margin-top: 54px;
}

#c_pulbi .icon.active {
	color: #ffffff;
}

#c_pulbi .product_bg {
	width: 1920px;
	height: 540px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
}

#c_pulbi #wrapper {
	width: 1920px;
	height: 698px;
	position: relative;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: left;
	-webkit-justify-content: left;
	-ms-flex-pack: left;
	justify-content: left;
	overflow: hidden;
	left: 50%;
	margin-left: -960px;
}

#c_pulbi #left-side {
	position: absolute;
	left: 0px;
	top: 30px;
	z-index: 999;
	height: 100%;
	width: 900px;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#c_pulbi #left-side ul {
	height: 698px;
	width: 100%;
	position: relative;
	background: url(../images/kc_jishu_bg.png);
}

#c_pulbi #left-side ul li {
	height: 135px;
	display: flex;
	line-height: 135px;
	color: #fff;
	font-weight: 500;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	margin-top: 20px;
}

#c_pulbi #left-side ul li:hover {
	color: #fff;
	background: rgba(8,113,195,0.8);
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

#c_pulbi #left-side ul li:hover > .icon {
	fill: #333;
}

#c_pulbi #left-side ul li.active {
	color: #fff;
	background: #0871c3;
	border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

#c_pulbi #left-side ul li.active:hover > .icon {
	fill: #E74C3C;
}

#c_pulbi #border {
	height: 540px;
	width: 1px;
	position: absolute;
	left: 860px;
	z-index: 999;
}

#c_pulbi .more {
	line-height: 135px;
	display: block;
	width: 100%;
	font-size: 100px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	text-decoration: none;
	font-family: 'arial';
}

#c_pulbi .more:hover {
	transform-origin: center;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}

#c_pulbi #border #line.one {
	width: 135px;
	height: 135px;
	background-color: rgba(255,241,0,.9);
	margin-left: 0px;
	margin-top: 0px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

#c_pulbi #border #line.two {
	width: 135px;
	height: 135px;
	background-color: rgba(255,241,0,.9);
	margin-left: 0px;
	margin-top: 135px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

#c_pulbi #border #line.three {
	width: 135px;
	height: 135px;
	background-color: rgba(255,241,0,.9);
	margin-left: 0px;
	margin-top: 270px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

#c_pulbi #border #line.four {
	width: 135px;
	height: 135px;
	background-color: rgba(255,241,0,.9);
	margin-left: 0px;
	margin-top: 405px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

#c_pulbi #border #line.four01 {
	width: 135px;
	height: 135px;
	background-color: rgba(0,96,135,0.8);
	margin-left: 0px;
	margin-top: 540px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

#c_pulbi #right-side {
	height: 540px;
	width: 100%;
	overflow: hidden;
	display: none;
}

#c_pulbi #right-side #first,#c_pulbi #right-side #second,#c_pulbi #right-side #third,#c_pulbi #right-side #fourth,#c_pulbi #right-side #fourth01 {
	position: absolute;
	z-index: 99;
	height: 540px;
	width: 100%;
	-webkit-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
	margin-top: -540px;
	opacity: 0;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

#c_pulbi #right-side #first h1,#c_pulbi #right-side #second h1,#c_pulbi #right-side #third h1,#c_pulbi #right-side #fourth h1,#c_pulbi #right-side #fourth01 h1 {
	font-weight: 800;
	color: #333;
}

#c_pulbi #right-side #first p {
	color: #fff;
	padding-left: 0;
	top: 20px;
	left: 860px;
	position: absolute;
	height: 135px;
	width: 135px;
	opacity: 0;
	transition: all 1s ease-in-out;
	background:#0871c3;
	padding-right: 0;
}

#c_pulbi #right-side #first.active p {
	opacity: 1;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
}

#c_pulbi #right-side #second p {
	color: #fff;
	padding-left: 0;
	top: 175px;
	left: 860px;
	position: absolute;
	height: 135px;
	width: 135px;
	opacity: 0;
	transition: all 1s ease-in-out;
	background:#0871c3;
	padding-right: 0;
}

#c_pulbi #right-side #second.active p {
	opacity: 1;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
}

#c_pulbi #right-side #third p {
	color: #fff;
	padding-left: 0;
	top: 330px;
	left: 860px;
	position: absolute;
	height: 135px;
	width: 135px;
	opacity: 0;
	transition: all 1s ease-in-out;
	background:#0871c3;
	padding-right: 0;
}

#c_pulbi #right-side #third.active p {
	opacity: 1;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
}

#c_pulbi #right-side #fourth p {
	color: #fff;
	padding-left: 0;
	top: 405px;
	left: 860px;
	position: absolute;
	height: 135px;
	width: 135px;
	opacity: 0;
	transition: all 1s ease-in-out;
	background-color: rgba(247,190,7,.9);
	padding-right: 0;
}

#c_pulbi #right-side #fourth.active p {
	opacity: 1;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
}

#c_pulbi #right-side .product_more {
	line-height: 135px;
	display: block;
	width: 100%;
	text-align: center;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	text-decoration: none;
	font-family: 'arial';
}

#c_pulbi #right-side .product_more:hover {
	transform-origin: center;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}

#c_pulbi #right-side #first.active,#c_pulbi #right-side #second.active,#c_pulbi #right-side #third.active,#c_pulbi #right-side #fourth.active,#c_pulbi #right-side #fourth01.active {
	margin-top: 0px;
	opacity: 1;
	-webkit-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
}

#c_pulbi {
   min-height: 550px;
   height: 698px;
   background: url(../images/advbg.jpg) no-repeat center;
}



.in_title {text-align: center; margin:76px auto 50px; overflow: hidden;}
.in_title .txt{
    background: url("../images/proicon.png") no-repeat left 4px;
    padding-bottom: 24px;
    border-bottom:1px solid #d9d9d9;
    float:right;
}
.in_title .txt a{
    float:left;
    font-size:23px;
    color: #575757;
    margin-left: 35px;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.in_title .txt a:hover{
    color: #ee1c25;
}
  /* good */
  .good{text-align: center;margin-bottom: 100px;}
  .sublist{margin-top:40px;height:460px;background-color:#fff;}
  .sublist .list{float:left;width:286px;height:458px; box-shadow:0 10px 20px #f2f2f2;border-left:none;margin-left: 10px;border: 1px #eaf5fd solid;-webkit-animation:dese 0.5s 1;-moz-animation:dese 0.5s 1;animation:dese 0.5s 1;}
  .sublist .list_first{width:290px;}
  .sublist .list_one{float:left;width:283px;height:458px;border:1px solid #FF7200;position:relative;top:0;cursor:pointer;}
  .sublist .list:hover{position:relative; 
	 box-shadow:0 10px 20px #e8e8fe;-webkit-box-shadow:0 10px 20px #e8e8fe;-moz-box-shadow:0 10px 20px #e8e8fe;top:-1px;}
  .sublist .list .list_head{position:relative;}
  .sublist .list_one .list_head{background-image:-webkit-linear-gradient(top, #ff5600, #ff8201);background-image:-moz-linear-gradient(top, #ff5600, #ff8201);background-image:-ms-linear-gradient(top, #ff5600, #ff8201);}
  .sublist .list .list_head h2{padding-top:38px;font-size: 26px; color:#403f3f;}
  .sublist .list_one .list_head h2{color:#fff;}
  .sublist .list .list_head p{margin-top:20px;}
  .sublist .list_one .list_head p{color:#fff;}
  .sublist .list .list_content{background:#fff;cursor:pointer;text-align:left;}
  .sublist .list .img{ margin:30px auto;}
  .no_on li{margin:9px 0;}.sublist .list .small{position:absolute;z-index:2;top:18px;left:15.5px;}
  .list_span{width:90%;margin:0 auto;font-size:14px;color:#333;letter-spacing:2px;}
  .sublist .list .small_two{position:absolute;z-index:2;top:15.5px;left:13px;}
  .sublist .list .small_three{position:absolute;z-index:2;top:16.5px;left:17px;}
  .sublist .list_one .list_content .list_content_box{/*padding:49px 0 0 80px;*/}
  .sublist .list .list_content .list_content_box{/*padding:48px 0 0 90px;*/}
  .sublist .list .list_content .list_content_box ul{height:111px;}
  .sublist .list .list_content .list_content_box .on{display:none;margin-top:50px;}
  .sublist .list .list_content .list_content_box .on li{margin-top:8px;}
  .sublist .list .list_content .list_content_box .no_on{display:block;width:200px;margin:50px auto 0;line-height: 24px;}
  .sublist .list_one .list_content .list_content_box li{width:199px;margin:0 auto;}
  .sublist .list .list_content .list_content_box li{/*text-align:left;margin:9px 0;*/}
  .sublist .list .list_content .list_content_box .right{text-align:right;width:102px;}
  .sublist .list .list_content .list_content_box li b{color:#ff7200;}
  .sublist .list .list_content .btn_box{margin:30px auto;height:40px;text-align:center;}
  .sublist .list .list_content .btn_box .btn{width:98px;height:30px;padding-top:0px;}
  .sublist .list .list_content .btn_box .btn_left{ display: inline-block;width:165px; height: 40px; line-height: 40px; border-radius: 25px; background: #0b65c4;  color:#fff;}
  .sublist .list .list_content .btn_box .btn_right{border:1px solid #FF7200;float:right;color:#ff7200;}
  .sublist .list_one .list_content .btn_box .btn_left{border:1px solid #FF7200;float:left;color:#ff7200;}
  .sublist .list_one .list_content .btn_box .btn_left a{color:#ff7200;}
  .sublist .list_one .list_content .btn_box .btn_right{border:1px solid #FF7200;float:right;color:#fff;background:#ff7200;}
  @-moz-keyframes dese{0% {box-shadow:0 0 2px #e8e8fe;transform: translateY(-2px);-webkit-box-shadow:0 0 2px #ccc;-moz-box-shadow:0 0 2px #e8e8fe;top:0px;}
  100% {transform: translateY(-4px);box-shadow:0 10px 20px #e8e8fe;-webkit-box-shadow:0 10px 20px #e8e8fe;-moz-box-shadow:0 10px 20px #e8e8fe;top:-1px;}}
  @-webkit-keyframes dese{0% {box-shadow:0 0 2px #e8e8fe;-webkit-box-shadow:0 0 2px #ccc;-moz-box-shadow:0 0 2px #ccc;top:0px;}
  100% {transform: translateY(-8px);box-shadow:0 10px 20px #e8e8fe;-webkit-box-shadow:0 10px 20px #e8e8fe;-moz-box-shadow:0 10px 20px #e8e8fe;top:-1px;}}
  @keyframes dese{0% {box-shadow:0 0 2px #e8e8fe;-webkit-box-shadow:0 0 2px #e8e8fe;-moz-box-shadow:0 0 2px #e8e8fe;top:0px;}
  100% {transform: translateY(-10px);box-shadow:0 10px 20px #e8e8fe;-webkit-box-shadow:0 10px 20px #e8e8fe;-moz-box-shadow:0 10px 20px #e8e8fe;top:-1px;}}
  

  



.about{
	padding: 80px 0px;
	background: url(../images/about_bg.jpg) no-repeat center;
	height:690px;
	box-sizing: border-box;
}
.about-con{
	width: 565px;
}
.about-diao{
	line-height:40px;
	font-size: 16px;
	color: #2a2a2a;
	margin-top: 55px;
	margin-bottom: 60px;
}
.about-diao p{
	color:#fff;
	font-size: 15px;
	line-height: 30px;
}
.pro-more{
	width: 135px;
	line-height: 40px;
	border-radius: 50px;
	text-align: center;
	margin-top: 30px;
	border:1px solid #005cac;
}
.pro-more a{
	color: #005cac;
}
.pro-more:hover{
	background: #005cac;
}
.pro-more:hover a{
	color: #fff;
}
/*新闻资讯*/
.news{
	overflow: hidden;
	margin-bottom:40px;
	
}
.news-con{
	margin-top: 45px;
}
.gongsi{

}
.gongsi li{
	line-height: 45px;
	width:50%;
	padding-right:20px;
	box-sizing: border-box;
	float: left;
}
.gongsi li a{
	font-size: 14px;
	color: #202020;
	background: #f5f5f5;
	display: block;
	margin-bottom: 20px;
	overflow: hidden;
	padding:15px;
}
.gongsi li h2{
	font-size: 20px;
	color:#333333;
}
.gongsi li p{
	font-size: 12px;
	color:#333333;
	line-height: 30px;
}
.gongsi li img{
	width:165px;
	height: 120px;
	float: left;
	margin-right: 15px;
}
.gongsi li:hover a{
	color: #005cac;
}
.yqlj{
	background: #333;
	padding: 30px 0px;
	font-size: 14px;
	border-bottom:1px solid #555;
	color: #fff;
}

.advantage{
	background: #fcfcfc;
}
/*adv*/
.advantage .title,.case .title,.new .title{
    text-align: center;
    margin-bottom:40px;
    padding-top: 50px;
}
.title b{
    width: 40px;
    height: 1px;
    display: block;
    margin:0 auto;
    background: #afafaf;
    margin-top: 10px;
}
.adv_cont ul li{
    float:left;
}
.adv_cont ul li a{
    display: block;
    width: 261px;
    height: 484px;
    border-left:1px solid #e9e9e9;
    border-right:1px solid #e9e9e9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}
.adv_cont ul li a img{
    position: absolute;
    top:0;
    left: 50%;
    -webkit-transform: translatex(-50%);
    -moz-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    -o-transform: translatex(-50%);
    transform: translatex(-50%);
    height: 390px;
    width:auto;
    -webkit-transition: 450ms 0s all ease;
    -moz-transition: 450ms 0s all ease;
    -ms-transition: 450ms 0s all ease;
    -o-transition: 450ms 0s all ease;
    transition: 450ms 0s all ease;
}
.adv_cont .advclick a{
    width: 417px;
    -webkit-transition: 450ms 0s all ease;
    -moz-transition: 450ms 0s all ease;
    -ms-transition: 450ms 0s all ease;
    -o-transition: 450ms 0s all ease;
    transition: 450ms 0s all ease;
}
.adv_cont .advclick a img{
    height: auto;
    width: 100%;
}
.adv_cont li a div{
    position: absolute;
    bottom:0;
    width: 100%;
    height: 220px;
    overflow: hidden;
    padding:36px 15px;
    padding-top: 130px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background:#fff; /* 一些不支持背景渐变的浏览器 */
    background:-moz-linear-gradient(90deg, #fff 0%,#fff 50%, rgba(255, 255, 255, 0));
    background:-webkit-linear-gradient(90deg,#fff 0%,#fff 50%, rgba(255, 255, 255, 0));
    background:-o-linear-gradient(90deg, #fff 0%,#fff 50%, rgba(255, 255, 255, 0));
    -webkit-transition: 450ms 0s all ease;
    -moz-transition: 450ms 0s all ease;
    -ms-transition: 450ms 0s all ease;
    -o-transition: 450ms 0s all ease;
    transition: 450ms 0s all ease;
}
.adv_cont .advclick a div{
    background: #fff;
    height: 180px;
    padding:36px 15px;
}
.adv_cont li div i{
    width: 33px;
    height: 33px;
    position: absolute;
    bottom:19%;
    right:20px;
    display: block;
    background: url("../images/adv_adds.png") no-repeat center;
    -webkit-transition: 450ms 0s all ease;
    -moz-transition: 450ms 0s all ease;
    -ms-transition: 450ms 0s all ease;
    -o-transition: 450ms 0s all ease;
    transition: 450ms 0s all ease;
}
.adv_cont .advclick div i{
    bottom:37%;
    background: url("../images/adv_add.png") no-repeat center;
}
.adv_cont h3{
    font-size: 42px;
    color: #464646;
    -webkit-transition: 450ms 0s all ease;
    -moz-transition: 450ms 0s all ease;
    -ms-transition: 450ms 0s all ease;
    -o-transition: 450ms 0s all ease;
    transition: 450ms 0s all ease;
}
.adv_cont .advclick h3{
    color: #0458b2;
    background: url("../images/advline.png") no-repeat 65px center;
}
.adv_cont li a div b{
    font-size: 16px;
    line-height: 28px;
    font-weight: normal;
    color: #4b4b4b;
}
.adv_cont .advclick div b{
    font-weight: bold;
    color: #0458b2;
}
.adv_cont a div p{
    font-size: 14px;
    color: #464646;
    line-height: 22px;
    margin-top: 5px;
    -webkit-transition: 450ms 0s all ease;
    -moz-transition: 450ms 0s all ease;
    -ms-transition: 450ms 0s all ease;
    -o-transition: 450ms 0s all ease;
    transition: 450ms 0s all ease;
}
.adv_cont a div p{
    opacity:0;
}
.adv_cont .advclick a div p{
    opacity:1;
}

.w1330 {
    width: 1330px;
    margin: 0 auto;
}
 .case{background:url(../images/probg.jpg) no-repeat center top; padding:20px 0; margin:0px auto; overflow: hidden; background-size:cover}
.case .slideBox{width: 1288px; overflow:hidden; zoom:1; padding:35px 0 0px 50px; position:absolute;z-index: 9999 ;position: relative;top: 0px;}
.case .sPrev,.case .sNext{ position:absolute; left:5px; top:0px; display:block; width:46px; height:330px; background:url("../images/arrow-left.png") no-repeat center; }
.case .sNext{width:46px; height:330px; left:auto; right:15px; background:url("../images/arrow-right.png") no-repeat center;  }
.case .con{width:1300px;}
.case .con .ul1 .li1{width:275px;float:left;position:relative;overflow:hidden;cursor:pointer;border:1px solid #0458b2;background: #0458b2;}
.case .ul1{ overflow:hidden; zoom:1;   }
.case .ul1 .li1{ margin:0 15px; float:left; _display:inline; overflow:hidden;background: #fff ;text-align: center;transition: all 0.2s ease-in;}

.case .ul1 .li1 img{display:block; margin:10px auto 0 auto;border: 3px solid #0458b2; height: 196px; width:255px;}
.case .ul1 .li1 .txt{width:270px;line-height:30px;margin: 7px auto 10px auto;font-size: 16px;color: #fff}
.case .ul1 .li1 .txt p{font-size: 0;line-height: 0;padding: 0 15px;text-indent: 2em;}
.case .ul1 .li1 .more{width:100px;height:32px;background: url("../images/morebg.jpg.html") no-repeat center;margin: 5px auto 0 auto;text-align: center;line-height: 32px;}
.case .ul1 .li1 .more:hover {color: #ff5200;background: url("../images/morebg1.jpg.html") no-repeat center;}
.case .ul1 .li1 .plus{height: 40px;background: url("../images/plus.png.html") no-repeat center;}
.case .ul1 .li1:hover .plus{background: url("../images/plus1.png.html") no-repeat center;}


/*new start*/
.new{padding: 40px 0 10px 0;}
.news_c{ width: 697px; overflow: hidden; padding-top: 30px;}
.new h3{ height: 72px;background:url("../images/n_h31.jpg") no-repeat left 1px;}
.new h3 a{ color: #0458b2; font-size: 18px;font-weight: bold;}
.new h3 span{ display: inline-block; float: right; font-weight: normal; padding-top: 2px; margin-right: 40px;}
.new h3 span a{ font-size: 14px; color: #555; line-height: 20px;}

.news_c dl{overflow: hidden; width:344px; float: left;}
.news_c dl dt{width:344px; height:206px; overflow: hidden; position: relative;}
.news_c dl dt img{ width:344px; }
.news_c dl dd h4{ height: 55px; line-height:55px; overflow: hidden;}
.news_c dl dd h4 a{ display: inline-block; float:left; font-size: 16px; color: #333; font-weight: bold; overflow: hidden;}
.news_c dl dd h4 a:hover{ color: #0458b2;}
.news_c dl dd p{ font-size: 14px; color: #555; padding-top:3px; line-height: 26px;}
.news_c ul{ overflow: hidden; width:315px; float: right;}
.news_c ul li{ overflow: hidden;border-bottom:1px dashed #979797; height: 108px; margin-bottom: 26px;}
.news_c ul li b{ display: inline-block; float: left; color: #555555; font-family: Arial; font-size:28px; font-weight: normal;width:60px; text-align: center; height: 61px; border: 2px solid #e5e5e5; padding-top: 15px;}
.news_c ul li b span{ display: block; font-size: 14px; color: #555;}
.news_c ul li em{ display: inline-block; float: right; width:235px;}
.news_c ul li strong{ display: block; overflow: hidden; height: 26px; line-height: 26px;}
.news_c ul li strong a{ display: inline-block; float: left; font-size: 16px; color: #333;}
.news_c ul li i{ display: block; font-size: 14px; color: #555; line-height: 24px; padding-top: 8px;}
.news_c ul li:nth-child(3) {border-bottom: none;}
.news_c ul li.cur b{ background: #0458b2; color: #fff; border-color: #0458b2;}
.news_c ul li.cur span{ color: #fff;}

.news_r{ width: 438px;overflow: hidden; padding-top: 30px;}
.news_r h3{background:url("../images/n_h32.jpg") no-repeat left 1px;}
.news_r dl{ height: 108px; border-bottom: 1px dashed #adadad; margin-bottom: 26px;}
.news_r dl dt{background:url("../images/n_w.jpg") no-repeat; height: 40px; line-height:30px; padding-left: 55px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_r dl dt a{ font-size: 16px; color: #333; font-weight: bold;}
.news_r dl dd{background:url("../images/n_d.jpg") no-repeat;  padding-left: 55px; font-size: 14px; color: #555; line-height: 24px;}
.news_r dl:nth-child(4) {border-bottom: none;}
/*new end*/