/* 清除内外边距 */



body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */

dl, dt, dd, ul, ol, li, /* list elements 列表元素 */

pre, /* text formatting elements 文本格式元素 */

fieldset, lengend, button, input, textarea, /* form elements 表单元素 */

th, td { /* table elements 表格元素 */

    margin: 0;

    padding: 0;

}



input,textarea {border: 2 none; box-shadow: none; outline: none;}



/* 设置默认字体 */

body,button, input, select, textarea {font: 14px/22px "Microsoft YaHei","微软雅黑","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif; color: #666;}



* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/



address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */



/* 重置列表元素 */

ul, ol ,li{list-style: none;}



/* 重置文本格式元素 */

a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/

a:hover {text-decoration: none; color:#910800;}



/* 重置表单元素 */

legend {color: #000;} /* for ie6 */

fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */

/* 注：optgroup 无法扶正 */

button, input, select, textarea {

    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */

}



/* 重置表格元素 */

table {

    border-collapse: collapse;

    border-spacing: 0;

}



/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */

html {overflow-y: scroll;}



/*设置浮动*/

.fl {float: left;}

.fr {float: right;}

.pr{position: relative;}

.pa{position: absolute;}



/*字体大小*/

.clear{clear: both;height: 0;}

.blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}





/*表单弹框*/

.nsw-modal {

	width: 100%;

	height: 100%;

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

	position: fixed;

	top: 0;

	left: 0;

	z-index: 99999;

}

/*友情链接*/
.f_link{height: 70px;line-height: 36px;overflow: hidden;}
.f_link b{display: block;float: left;font-size: 14px;color: #555;width: 110px;}
.f_link p{font-size: 14px;color: #666;float: left;width: 1090px;}
.f_link p a{font-size: 14px;color: #666; padding:0 10px 0 0;}
.f_link p a:hover{color: #333;}

.modal-dialog {

	position: fixed;

	color: #000000;

	top: 150px;

	width: 400px;

	border-radius: 3px;

	min-height: 155px;

	overflow: hidden;

	z-index: 99998;

	margin-left: -200px;

	left: 50%;

}



.modal-dialog .css-icon {

	background-image: url("../image/modal-icons.png");

}



.modal-dialog .modal-head {

	height: 30px;

	line-height: 30px;

	padding: 0px 20px;

	background: #F6EFEF;

	font-size: 14px;

}



.modal-dialog .modal-head .modal-logo {

	width: 15px;

	height: 15px;

	background-position: 1px 0px;

	margin: 8px 5px 0 0;

	float: left;

}



.modal-dialog .modal-head .close {

	float: right;

	width: 15px;

	height: 15px;

	background-position: -14px 0px;

	margin-top: 8px;

}



.modal-dialog .modal-body {

	width: 100%;

	min-height: 125px;

	background: #ffffff;

}



.modal-dialog .modal-body .modal-body-left {

	width: 140px;

	float: left;

}



.modal-dialog .modal-body .modal-body-left .icon {

	width: 64px;

	height: 64px;

	margin: 30px 0 0 48px;

}



.modal-dialog .modal-body .modal-body-left .success-message {

	background-position: 0px -14px;

}



.modal-dialog .modal-body .modal-body-left .warming-message {

	background-position: 0px -78px;

}



.modal-dialog .modal-body .modal-body-right {

	width: 260px;

	float: right;

	padding-top: 20px;

}



.modal-dialog .modal-body .modal-body-right .close-btn {

	color: #000;

	text-align: center;

	width: 90px;

	display: inline-block;

	height: 24px;

	line-height: 24px;

	background: #818079;

}



.modal-dialog .modal-body .modal-body-right p {

	line-height: 30px;}





/**/

body{min-width: 1200px;max-width: 1920px;margin: 0 auto;overflow-x: hidden; width: 100%;}

.content{ width:1200px; margin:0 auto;}



/**/

.digital{padding: 80px 0 0;height: 170px;width: 1080px;
margin: 0 auto;}

.ibrand-num li{float:left;height:100px;color:#080808;font-size:20px;width: 426px;}

.ibrand-num li b{font-size:60px;line-height: 60px; font-family:"Impact";font-weight: normal;padding-right: 5px;display: block;float: left;}

.ibrand-num li i{font-size:60px;line-height: 60px; font-family:"Impact";display: block;float: left;padding-right: 5px;}

.ibrand-num li em{width: 35px;text-align: center;height: 35px;line-height: 32px;background: #1e50ae;color: #fff;border-radius: 50%;display: block;float: left;margin-top: 13px;}

.ibrand-num li span{display:block; padding:10px 0 0;width: 100%;clear: both;}

.ibrand-num li:last-child{width: 200px;}

/**/

.lcbj{height:272px; background:url(../images/lcbj.jpg) no-repeat center; }

.lc{height:272px;}

.lc ul{width:948px; float:left;padding-top:36px;}

.lc ul li{float:left;width:122px; height:130px; border-right:1px solid #305eb9; margin-right:12px;}

.lc ul li b{display: block;width:39px; height:34px; margin-bottom: 39px;}

.lc ul li b img{width:39px; height:34px;}

.lc ul li span{display: block; }

.lc ul li span i{display:block; font-size: 11px; color:#FFF; text-transform: uppercase; }

.lc ul li span em{display: block;font-size: 15px; font-weight: bold; color:#FFF;}

.lc ul li.last{border-right:0;}

.lc .lx{width:230px; float:right; padding-top:36px;}

.lc .lx span{display: block; text-align: right; font-size: 18px; line-height: 20px; color:#282828; font-weight: bold;}

.lc .lx em{display: block;font-size: 27px; color:#244ca1; text-align: right; line-height: 28px; margin-top: 18px; font-weight: bold; margin-bottom: 27px;}

.lc .lx a{display: block;width:166px; height:43px; line-height: 43px; border:2px solid #282828; color:#282828;font-size: 17px; font-weight: bold; padding-left:42px;float:right; background:url(../images/jt.png) no-repeat 70%;}

/**/

/**/

.edgebj2{height:1060px;overflow: hidden;}

.edge2{padding-top: 0 !important;height:986px;}

.edge2 h3{text-align: center; margin-bottom: 78px;}

.edge2 h3 span{display:block;font-size: 38px; color:#282828; height:58px;line-height: 30px; background:url(../images/prtb.png) no-repeat bottom center;}

.edge2 h3 span i{font-weight: bold;}

.edge2 h3 em{display: block; font-size: 22px; color:#282828; line-height: 22px; margin-top: 13px;}

.edge2 dl{width: 576px;

    float: left;

    margin-bottom: 0px;

    margin-left: 47px;

    margin-top: 40px;}

.edge2 dl dt{width:576px; height:221px; margin-bottom: 40px; overflow: hidden;}

.edge2 dl dt img{width:576px; height:221px;transition: all 0.5s linear;}

.edge2 dl:hover img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    transform: scale(1.2);}

.edge2 dl dd span{display:block;padding-left:86px;font-size: 25px; color:#2e2e2e;height:77px; position: relative;}

.edge2 dl dd .e1{display: block;background:url(../images/01.jpg) no-repeat left top;}

.edge2 dl dd .e2{display: block;background:url(../images/02.jpg) no-repeat left top;}

.edge2 dl dd .e3{display: block;background:url(../images/03.jpg) no-repeat left top;}

.edge2 dl dd .e4{display: block;background:url(../images/04.jpg) no-repeat left top;}

.edge2 dl dd span::before{width:62px; height:2px; background:#4a4a4a; content:""; position: absolute;bottom:0; left:87px;}

.edge2 dl dd span b{font-size: 25px; color:#2e2e2e;}

.edge2 dl dd span em{display: block;font-size: 12px; line-height: 12px; color:#ababab; text-transform: uppercase; margin-top: 11px;}

.edge2 dl dd p{font-size: 16px; color:#666;padding-left:86px; margin-top: 28px;}

.edge2 dl.first{margin-left: 0;}

/*guide*/


.yz_t{position: absolute;left: 250px;bottom: 70px;height: 12px;z-index: 10;width: 100%;}
.yz_t i{display: inline-block;width: 12px;height: 12px;background: #fff;border-radius: 100%;margin: 0 7px;vertical-align: top;cursor:pointer;}
.yz_t i.on{background: #1e50ae;}

.guide{padding: 80px 0 90px;background: url(../images/yinz_bg.jpg) repeat center top;}
.guide dl{height: 585px;}
.guide dt{float: left;padding: 42px 0 42px 96px;background: url(../images/guide-sk.jpg) no-repeat;position:relative;}
.guide dd{float: right;width: 570px;height: 585px;position: relative;}
.yz_s li{float: left;width: 160px;height: 160px;border-radius: 80px;background: #f2f2f2;padding-top: 38px;box-sizing: border-box;margin: 0 50px 85px;}
.yz_s li:nth-child(2n){ margin-right: 0; }
.yz_s li em{ display: block;width: 50px;height: 50px;margin: 0 auto;overflow: hidden; }
.yz_s li em img{ display: block; width: 50px;height: 50px;transition: all 0.5s;}
.yz_s li.cur em img:nth-child(1){ margin-top: -50px; }
.yz_s li i{ display: block;font-size: 22px;line-height: 22px;text-align: center;color: #333;padding-top: 11px; position: relative;}
.yz_s li.cur { background: #1e50ae; }
.yz_s li.cur i{color: #fff;font-weight: bold;}
.yz_s li.cur i:after{ position: absolute;width: 0;height: 0;border-style: solid;border-width: 12px 12px 0 12px;border-color: #1e50ae transparent transparent transparent;left:50%;margin-left: -12px;content: "";top:69px;}
.yz_s li:nth-child(4).cur i:after,.yz_s li:nth-child(5).cur i:after,.yz_s li:nth-child(6).cur i:after{ top:-98px;border-width: 0 12px 12px 12px;border-color: transparent transparent #1e50ae transparent; }

.yz_s li p{ position: absolute;left: 0;width: 570px;top:190px;font-size: 18px;color: #333;text-align: center; opacity: 0;}
.yz_s li.cur p{ opacity: 1; }
/*.yz_s li:nth-child(2n+1) p{ text-align: left; }*/
/*.yz_s li:nth-child(3n) p{ text-align: right; }*/

.yz_sz{position: absolute;right: 0;bottom: 0;height: 147px;background: #1e50ae;width: 704px;}
.yz_sz li{float: left;width: 25%;text-align: center;height: 147px;transition: all 0.5s;padding-top: 44px;box-sizing: border-box;}
.yz_sz li span{display: block;font-size: 16px;color: #fff;line-height: 16px;height: 30px;}
.yz_sz li b{display: inline-block;font-size: 40px;line-height: 30px;font-family: Arial;}
.yz_sz li p{font-size: 16px;color: #fff;line-height: 16px;padding-top: 12px;font-weight: bold;}
.yz_sz li:hover{transform: translateY(-10px);}


/*super*/
.super{padding: 80px 0 0;}

.super_con dl{float: left;width: 33.3%;position: relative;overflow: hidden;}
.super_con dt img{display: block;width: 100%;}
.super_con dd{position: absolute;left: 0;bottom: 0;width: 90%;padding: 60px 2.3vw 0;box-sizing: border-box;height: 270px; transition: height 0.5s; background: url(../images/jia2.png) no-repeat 2.3vw 170px;  border-radius: 0px 3.125vw 0px 0px;}
.super_con dd h3{color: #fff;
    line-height: 22px;
    margin-bottom: 30px;
    white-space: nowrap;}
.super_con dd h3 i{display: block;font-size: 24px;line-height: 50px;font-weight: normal;padding-bottom: 18px;}
.super_con dd p{opacity: 0;visibility: hidden;font-size: 14px;color: rgba(255,255,255,0.5);line-height: 24px;position: relative;margin-bottom: 24px;transition: all 0.3s;}
.super_con dd p:after{position: absolute;width: 4px;height: 4px;content: "";background: #fff;left: -12px;top: 10px;border-radius: 50%;}
.super_con dl.cur dd{height: 350px;background: rgba(30, 80, 174, 0.9);}
.super_con dl.cur dd p{opacity: 1;visibility: visible;}

@media screen and (max-width:1440px){
    .super_con dd h3{font-size: 27px;}
    .super_con dd h3 i{font-size: 21.6px;}
}

.jingy{ height:420px; padding-top:80px; overflow:hidden; background:url(../images/process_bg.jpg) no-repeat center top;}
.jingy h2{ width: 430px;
    float: left;
    overflow: hidden;
    font: 30px "Microsoft YaHei UI";
    font-weight: bold;
    color: #363636;
    margin-top: 20px;
    height: 235px;}
.jingy h2 em{ display:block; font:24px "Microsoft YaHei UI";}
.jingy h2 span{ display:block; font:18px "Microsoft YaHei UI"; margin-top:22px;}
.jingy h2 span i{ font:30px Arial, Helvetica, sans-serif; font-weight:bold; color:#e77817;}
.jingy ul{ width:720px; float:right;}
.jingy li{ width:220px; float:left; margin-right:24px;}
.jingy li:last-child{ margin-right:0;}
.jingy li img{ display:block; width:220px; height:165px;}
.jingy li em{ display:block; height:44px; font:16px "Microsoft YaHei UI"; text-align:center; line-height:44px; color:#333333; overflow:hidden;}
.jingy li:hover img{ border:3px solid #e77817;}
.jingy li:hover em{ color:#e77817; font-weight:bold;}
.jingy p{ height:84px; background:url(../images/process_bg.png) no-repeat center top;}
.jingy p em{ display:block; width:300px; float:left; height:84px; font:24px "Microsoft YaHei UI"; line-height:84px;color:#fff;}
.jingy p em i{ font-size:38px;display:block; float:left; margin:0 8px 0 80px;}

/*case*/
.case{padding: 80px 0 15px;;background: #F2F2F2;width: 100%;overflow-x: hidden;z-index: 1;}
.case:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 180px;background: #fff;z-index: -1;content: "";}
.case_t{height: 70px;border-bottom: 1px solid #E2E2E2;margin:0px 0 40px;}
.case_t li{float: left;height: 82px;background: url(../images/case_jt1.jpg) no-repeat bottom center;text-align: center;margin-right: 116px;}
.case_t li:last-child{margin-right: 0;}
.case_t li a{display: block;height: 82px;font-size: 20px;color: #000;line-height: 20px;}
.case_t li a i{display: block;font-size: 12px;color: #666;line-height: 32px;opacity: 0.4;text-transform: uppercase;font-family: Arial;}
.case_t li:hover{background: url(../images/case_jt2.jpg) no-repeat bottom center;}
.case_t li:hover a{color: #1e50ae;font-weight: bold;}
.case_con{height: 615px;}
.poster-main {position: relative;margin:0 auto;}
.poster-main .poster-btn {position: absolute;top: 0;cursor: pointer;}
.poster-main .poster-prev-btn{right:0;}
.poster-main .poster-prev-btn img{position: absolute;right: -120px;top: 50%;transform: translateY(-50%);}
.poster-main .poster-next-btn{left:0;}
.poster-main .poster-next-btn img{position: absolute;left: -120px;top: 50%;transform: translateY(-50%);}
.poster-item{position: relative; margin: 0 auto; opacity: 1;}
.poster-item dd{opacity: 0;visibility: hidden;transition: all 0.3s;position: absolute;left: 50%;bottom: 22px;width: 820px;height: 154px;transform: translateX(-50%);background: rgba(19, 100, 206, 0.9);padding: 0 44px;box-sizing: border-box;}
.poster-item dd h4{padding: 34px 0 4px;}
.poster-item dd h4 a{display: block;font-size: 18px;color: #fff;height: 30px;line-height: 30px;}
.poster-item dd p{font-size: 14px;color: #fff;line-height: 24px;opacity: 0.5;width: 590px;}
.poster-item dd .xq{position: absolute;font-size: 14px;color: #1e50ae;line-height: 16px;width: 67px;height: 67px;padding: 17px 15px 0;box-sizing: border-box;text-align: center;background: #fff;border-radius: 50%;right: 44px;bottom: 40px;}
.poster-main .poster-list .poster-item img {display: block;width: 100%;}
.poster-main .poster-list .poster-item {position: absolute;left: 0;top: 0; opacity: 1;}
.poster-main .poster-list .active dd{opacity: 1;visibility: visible;}
.way {
    background: #fff;
    padding: 0 20px;
}
/*六大产品优势*/

.pro01_m dl:nth-child(9){margin-left: 0;}

.six{background: url(../images/six_bg.jpg) no-repeat center 0;height: 32rem;overflow: hidden;padding: 3.5rem 0 0;background-size: 100% 35.5rem;}

.six .pro_tit{background: url(../images/six_tbg.png) no-repeat center 12px;}

.six dl{width: 16.66%;margin-top: 3rem;height: 20.9rem;position: relative;float: left;}

.six dl dt{width: 100%;text-align: center;padding: 2.5rem 0 0;height: 15.5rem;position: relative;}

.six dl dt:before{content: "";width: 0.15rem;height: 100%;position: absolute;top: 0;right: 0;background: url(../images/six_line.png) no-repeat;background-size: 0.15rem 18rem;}

.six dl dt b{display: block;font-size: 1rem;color: #fff;font-family: "DINOT";height: 5rem;line-height: 1.5rem;}

.six dl em{display: block;width: 3rem;height: 2.5rem;margin: 0 auto;line-height: 0;overflow: hidden;}

.six dl em img{width: 3rem;height: 2.5rem;}

.six dl h5{font-size: 1.3rem;color: #fff;height: 5.5rem;line-height: 1.6rem;overflow: hidden;padding-top: 2rem;}

.six dl h5 i{display: block;font-size: 1rem;font-weight: normal;}

.six dl dt h5{background: url(../images/six_ico07.png) no-repeat center bottom;background-size: 0.6rem 0.3rem;}

.six dl dd{width: 100%;height: 0;position: absolute;top: 0;left: 0;text-align: center;overflow: hidden;z-index: 1;}

.six dl dd h5{color: #333;padding-top: 1rem;height: 3.5rem;}

.six dl dd p{font-size: 0.7rem;color: rgba(51,51,51,0.7);line-height: 1.4rem;width: 66%;margin: 0 auto;-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:5;  overflow: hidden; text-overflow: ellipsis;}

.six dl dd {

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

  -webkit-transition-property: color;

  transition-property: color;

  transition: all 0.3s;

}

.six dl dd:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: rgba(255,255,255,1);

  -webkit-transform: scaleY(0);

  transform: scaleY(0);

  -webkit-transform-origin: 50% 0;

  transform-origin: 50% 0;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-duration: 0.5s;

  transition-duration: 0.5s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.six dl:hover dd:before,.six dl.cur dd:before {

  -webkit-transform: scaleY(1);

  transform: scaleY(1);

  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

}

.six dl:hover dd,.six dl.cur dd{height: 16.9rem;padding-top: 4rem;}

.six dl.nobor dt:before{background: none;}

.six dl:hover dt,.six dl.cur dt{display: none;}



/**/
.probox {



	padding-bottom: 50px;

    padding-top: 80px;

    height: 840px;

    background: #fbfbfb;





	



}



.pro_con .pro_left {


border: 1px solid #1e50ae;
	


	



}



.pro_con .pro_left h2 {

text-align: center;
    
    font-size: 34px;
    width: 236px;
    height: 116px;
    background: url(../images/pro_left.png) no-repeat center;

}



.pro_con .pro_left h2 a {


color: #fff;
    padding-top: 48px;
    display: block;



}



.pro_con .pro_left h2 i {



	display: block;



	font-size: 12px;



	text-transform: uppercase;



	color: #fff;



}



.pro_con .pro_left .left_con {



	width: 210px;
    padding: 24px 13px;
    text-align: center;
    border-radius: 5px;
	


}



.pro_con .pro_left .left_con .con_p1 {
height: 40px;
    line-height: 40px;
    font-size: 16px;
    background: #1e50ae;
    color: #fff;

    margin-bottom: 20px;

}



.pro_con .pro_left .left_con .con_p1 a {



	color: #fff;



}



.pro_con .pro_left .left_con .con_p1 a:hover {



	



	font-weight:bold;



}



.pro_con .pro_left .left_con ul {



	padding-bottom: 20px;



}



.pro_con .pro_left .left_con ul li {



	height: 40px;



	font-size: 14px;



	position: relative;



	border-bottom: 1px solid #e6e6e6;



}



.yunu-contact-z2 {







	padding-top: 10px;







	text-align: left;







	color: #333;















	margin-bottom: 5px;margin-top: 10px;







}







.yunu-contact-z2 p {



    font-size: 14px;



	margin: 0;







}







.yunu-contact-z2 p img {







	vertical-align: middle;







	margin-right: 5px;







}







.yunu-contact-z2 span {





margin-bottom: 10px;

	display: block;







	font-size: 26px;
	color:#1e50ae;







	font-weight: bold;







	margin-top: 10px;







	line-height: 1;







}

.pro_con .pro_left .left_con ul li a {



	display: block;



	line-height: 40px;



	height: 40px;



	padding-left: 12px;



}



.pro_con .pro_left .left_con a.pro_more {



	display: block;



	height: 42px;



	line-height: 42px;



	font-size: 18px;



	border: 1px solid #1e50ae;



	color: #1e50ae;



	border-radius: 3px;



	text-align: center;margin-bottom: 20px;



}



.pro_con .pro_left .left_con ul li.cur a, .pro_con .pro_left .left_con ul li:hover a {



	color: #1e50ae;



}



.pro_con .pro_left .left_con ul li.cur, .pro_con .pro_left .left_con ul li:hover {



	background: #e6e6e6 url(../images/projt.png) no-repeat 190px center;



}



.pro_con .con_right {



	width: 934px;



}



.pro_con .con_right h3 {



	font-size: 25px;



	overflow: hidden;



	position: relative;



	margin-bottom: 20px;



}



.pro_con .con_right h3 a {



	color: #333;



}



.pro_con .con_right h3 em {



	font-size: 14px;



	color: #999999;



	margin-left: 15px;



	text-transform: uppercase;



}



.pro_con .con_right h3 a.ckgda {



	float: right;



	font-size: 13px;



	font-weight: normal;



	height: 30px;



	line-height: 30px;



	color: #666;



}



.pro_con .con_right .r_top {



	height: 346px;



	border: 1px solid #d8d8d8;



	background: url(../images/probg.png);



	position: relative;



	border-top: 5px solid #029a47;



	overflow: hidden;



}



.pro_con .con_right .r_top ul {



	position: relative;



}



.pro_con .con_right .r_top ul li {



	float: left;



	position: relative;



	width: 891px;



	height: 346px;



}



.pro_con .con_right .r_top ul li .top_Img {



	display: block;



	width: 891px;



	height: 346px;



	position: absolute;



	left: 0px;



	top: 0;



}



.pro_con .con_right .r_top ul li .top_Img img {



	display: block;



	width: 891px;



	height: 346px;



}



.pro_con .con_right .r_top ul li dl {



	width: 365px;



	background: #fff9;



	padding: 30px 25px;



	position: absolute;



	left: 425px;



	top: 74px;



	box-shadow: 3px 3px 10px #d1e4e6;



}



.pro_con .con_right .r_top ul li dl dt {



	font-size: 25px;



	color: #1e50ae;



	font-weight: bold;



	padding-bottom: 15px;



	border-bottom: 1px solid #d0d0d0;



	margin-bottom: 15px;



}



.pro_con .con_right .r_top ul li dl dd {



	font-size: 14px;



	line-height: 20px;



}



.pro_con .con_right .r_top ul li dl em {



	display: block;



	width: 14px;



	height: 30px;



	position: absolute;



	left: -14px;



	top: 30px;



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



}



.pro_con .con_right .r_top .pro_btnl {



	display: block;



	width: 32px;



	height: 82px;



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



	position: absolute;



	left: 15px;



	top: 130px;



	z-index: 2;



	cursor: pointer;



}



.pro_con .con_right .r_top .pro_btnr {



	display: block;



	width: 32px;



	height: 82px;



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



	position: absolute;



	right: 15px;



	top: 130px;



	z-index: 2;



	cursor: pointer;



}



.pro_con .con_right .r_bot {



	margin-top: 0px;



}



.pro_con .con_right .r_bot dl {



	width: 302px;



	margin: 0 14px 14px 0;



	float: left;



}



.pro_con .con_right .r_bot dl:nth-child(3n) {



	margin-right: 0;



}



.pro_con .con_right .r_bot dl dt {



	/*width: 286px;*/



	border: 1px solid #d8d8d8;



	overflow: hidden;



	text-align: center;



	background-color: #f1f1f1;



}



.pro_con .con_right .r_bot dl dt img {



	display: block;



	width: 300px;



	height: 226px;



	transition: all 0.5s;



}



.pro_con .con_right .r_bot dl dd {



	height: 44px;



	line-height: 44px;



	text-align: center;



	font-size: 16px;



	background: #f6f6f6;



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



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



.pro_con .con_right .r_bot dl dd a {



	color: #333;



}

.pro_con .con_right .r_bot dl dd a:hover {



	color: #fff;



}

.pro_con .con_right .r_bot dl:hover dt img {



	transform: scale(1.1);



}

.title {
    text-align: center;
    position: relative;
}
.title h1 {
    font-size: 44px;
    font-weight: bold;
    line-height: 58px;
    color: #1e50ae;
    display: block;
    position: relative;
    z-index: 1;
    background: url(../images/line.png) no-repeat center;
}
.title h2 {
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    top: -4px;
    font-size: 74px;
    font-weight: bold;
    line-height: 80%;
    color: #ebebeb;
    text-transform: uppercase;
    font-family: "arial";
}
.title p{
    text-align: center;
     font-size: 18px;
	 color:#666;
	 line-height: 30px;
    height: 30px;
	 
}
.title h1 span{
   color:#3e3e3e;
}
.prot{width:790px; height:60px; margin:22px auto 0;}
    .prot a{ display:block; width:190px; margin-right:10px; font:18px "Microsoft YaHei UI"; text-align:center; font-weight:bold; color:#262626; line-height:60px; float:left; background:#e5e5e5;position:relative;}
    .prot a:last-child{ margin-right:0;}
    .prot a:hover{ background:#1e50ae; color:#fff;}
    .prot a:before{ content:""; position:absolute; top:24px; left:150px; width:0; height:0; border-bottom:10px solid #adadad; border-left:6px solid rgba(255,255,255,0);border-right:6px solid rgba(255,255,255,0);}
    .prot a:hover:after{ content:""; position:absolute; top:26px; left:150px; width:0; height:0; border-top:10px solid #fff; border-left:6px solid rgba(255,255,255,0);border-right:6px solid rgba(255,255,255,0);}
    .prot a:hover:before{ border:0;}
    .pro li b{ display:none;padding-top:32%;}
    .pro li:hover b{ display:block;}
.pro ul{ margin:30px auto 65px;}
.pro li{ width:32.6%; float:left; overflow:hidden; margin:0 0 0.625rem 0.52%; position:relative;border:1px solid #eee; box-sizing:border-box;}
.pro li img{ display:block; width:100%;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pro li span{ display:block; width:100%; height:0;position:absolute; bottom:0; font:24px "Microsoft YaHei UI"; text-align:center; color:#fff;background: rgba(30, 80, 174, 0.8); -webkit-transition: height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition: height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.pro li span em{ display:block; width:108px; height:32px; border:1px solid #fff; margin:12px auto 0; font:14px "Microsoft YaHei UI"; line-height:32px;}
.pro li:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.pro li:hover span{ height:100%;}
.hzlxwm {
    margin: 0 auto;
    width: 285px;
    height: 52px;
    background: #f60;
    border-radius: 10px;
    margin-bottom: 35px;
}
.hzlxwm p {
    text-align: center;
    line-height: 52px;
    color: #fff;
    font-size: 16px;
}

.pro_con .con_right .r_bot dl:hover dd {



	background: #1e50ae;

	color: #fff;



}
.plan{clear: both;font-size:14px;font-family:"Microsoft Yahei";line-height:24px;position: relative;padding:80px 0 84px;z-index: 1;overflow: hidden;background:#fff;}



.plan_con{background: #fff;margin-top: 50px;border: 1px solid #e2e2e2;}



.plan_t{width: 396px;overflow: hidden;position: relative;text-align: center;}



.plan_t:before{content: "";position: absolute;width:1px;height:100%;top:0;left:50%;background:#e2e2e2;}



.plan_t li{width: 50%;float: left;box-sizing:border-box;font-size: 18px;border-bottom: 1px solid #e2e2e2;}



.plan_t li:nth-last-child(1),.plan_t li:nth-last-child(2){border: 0;}



.plan_t li a{display: inline-block;padding-left: 10px;color: #333;line-height:54px;margin: 30px 0;}



.plan_t li.cur{background: #1e50ae;color: #fff;}



.plan_t li.cur a{color: #fff;background-position: 0 -65px!important;}



.plan_c{width: 67%;overflow: hidden;}



.plan_c1{position: relative;}



.plan_c1 ul{width: 100%;left: 0;bottom: 0;height: 130px;position: absolute;}



.plan_c1 li{width: 18%;float: left;margin: 0 0 0 0.71%;}



.plan_c1 li:first-child{margin: 0 0 0 3.63%;}







.pro_c2 .pro_l,.pro_c2 .pro_l img{width:100%;display:block;}



.pro_c2 .pro_r{display:none;}



.proj-bot{height: 210px; padding-top:33px; box-sizing: border-box; }

 .proj-bot h4{height:53px;}

 .proj-bot h4 span{display: block;float:left;height:53px; line-height: 53px; position: relative;font-size: 20px; color:#333333; font-weight: bold;padding-left:12px;}

.proj-bot h4 span:before{width: 3px; height:21px; background:#1e50ae;content:"";position: absolute; left:0;top:16px;}

 .proj-bot h4 em{display: block; height:53px; float:right; line-height: 53px;}

 .proj-bot h4 em a{font-size: 14px; color:#333333; font-weight: normal; text-transform: uppercase}

.proj-bot ul{border-top:1px solid #dddddd;border-left:1px solid #dddddd;width:1195px;overflow: hidden; margin:0 auto;}

 .proj-bot ul li{float:left;width:238px; height:132px;position: relative;border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;}

 .proj-bot ul li span{display: block; width:100%;height:100%;}

.proj-bot ul li span img{width: 100%;height:100%;}

 .proj-bot ul li em{display: block; width:238px; height:132px; position: absolute; left:0;top:0;background:rgba(231,120,23,.9); text-align: center; line-height: 132px;font-size: 16px; color:#FFFFFF;display:none; transition: .8s;}

 .proj-bot ul li:hover em{display:block; }
	
/**/
.g-products{height: auto;overflow: hidden; background:#f9f9f9;padding:72px 0 30px; box-sizing: border-box; font-family: "Microsoft YaHei";margin:0 auto; }
.g-products .tit01{height:156px;}
.products{width:1200px;margin:0 auto;}


.show-left01{ font:16px "Microsoft YaHei"; width:24px; height:44px;text-align:center;background:url(../images/show-left.png) no-repeat right center;color:#444; font-weight:bold; position:relative; top:-137px;margin-top:-22px; left:-60px;cursor: pointer;}
.show-right01{font:16px "Microsoft YaHei"; width:24px;height:44px;text-align:center;background:url(../images/show-right.png) no-repeat left center; color:#444; font-weight:bold; position:relative; top:-160px;margin-top:-22px;right:-1227px;cursor: pointer;}

.jgbj{ height:824px; background:#fff; padding-top:70px; overflow: hidden; font-family:"Microsoft Yahei";box-sizing: border-box; position: relative;max-width: 1920px; }

.jgbj h2{ margin-bottom: 0px;}



.jg_tit{ height: 70px;border-top:1px solid #e7e7e7;}

.jgtit{width: 1200px; margin:0  auto;}

.jgtit li{height: 70px;
    line-height: 70px;
    font-size: 20px;
    color: #666666;
    text-align: left;
    float: left;
    padding-right: 40px;
    padding-left: 56px;
    background: url(../images/faico.png) no-repeat 11px center;
    position: relative;}

.jgtit li a{color: #333333; text-decoration: none; }

.jgtit span{height: 70px; line-height: 70px; font-size: 20px; color: #666666;text-align: left; float: left;padding-right: 37px;padding-left: 78px; background: url(../images/faico.png) no-repeat 44px center; display: block; }

.jgtit span a{color: #333333; text-decoration: none; }



.jgtit li.cur ,.jgtit li:hover{background: url(../images/faicocur.png) no-repeat 11px center;}

.jgtit li.cur:before,.jgtit li:hover:before{content: "";width: 100%; height: 3px; position: absolute;top:-1px; left: 0; background:#1e50ae;}

.jgtit li.cur a,.jgtit li:hover a{ color: #1e50ae; font-weight: bold;}



.jg_clm{background: #f7f7f7;}

.jg_clm .clm{width: 1200px; height: 541px;box-sizing: border-box;position: relative; }

.jg_clm .clm .clm_pic {width: 600px; height: 541px; float: left;}

.jg_clm .clm .clm_pic img{width: 960px; height: 541px;  display: block;margin-left: -360px;}



.jg_clm .clm .clm_left{margin:50px 0 0 60px; width: 540px; float: right;}

.jg_clm .clm .clm_desc{ height: 145px; }
.jg_clm .clm .clm_desc i a{ display: block;
    width: 216px;
    height: 48px;
    line-height: 48px;
    background: #f18e00;
    text-align: center;
    font-size: 14px;
    color: #fff;
    transition: all 0.5s; }

.jg_clm .clm .clm_desc h4{ font-size: 36px; color: #1e50ae; line-height: 68px;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-weight: normal; }

.jg_clm .clm .clm_desc p{line-height: 30px; height: 160px; font-size:16px; overflow: hidden; color: #666666; text-align: justify;}

.jg_clm .clm .clm_desc p b{ font-weight: bold; }



.jg2 .jgtit2{ height: 35px;line-height: 35px; margin-bottom: 15px; position: relative; color: #333333; font-size: 18px; font-weight: bold; text-align: center; }

.jg2 .jgtit2:before{content: "";width: 200px; height: 1px; position: absolute;left:0;top:17px;background:#d8d8d8;}

.jg2 .jgtit2:after{content: "";width: 200px; height: 1px; position: absolute;right:0;top:17px;background:#d8d8d8;}

.jg2 ul li {float: left;width: 263px; margin-right: 10px; box-sizing: border-box;  overflow: hidden;}

.jg2 ul li img{width: 263px; display: block;}

.jg2 ul li:nth-child(2){margin-right: 0;}



/*鍏徃鐩稿唽*/
.photo{padding: 0 0 0px;margin-top: -100px;}
.photo_l{height: 100px;width: 400px;margin: 0 auto;background: #fff;position: relative;z-index: 10;padding: 0 18px;}
.photo_l ul li{width: 200px;height: 50px;line-height: 22px;float: left;padding: 30px 0 0;}
.photo_l li a{ font-size:20px; color:#333;display:block; float:left;position: relative;vertical-align: middle;height: 66px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;}
.photo_l li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 84px;
  right: 100%;
  top: 22px;
  background: #3871c1;
  height: 5px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.photo_l li a:hover:before,.photo_l li.on a:before {
  right: 14%;
}
.photo_l ul li em{display: block;float: left;width: 44px;height: 42px;line-height: 0;overflow: hidden;margin: 4px 10px 0 30px;}
.photo_l ul li em img{width: 44px;height: 42px;}
.photo_l ul li span{display: block;float: left;padding: 5px 0 0;}
.photo_l ul li i{display: block;font-size: 12px;text-transform: uppercase;color: rgba(51,51,51,0.5);font-weight: normal;}
.photo_l ul li.on a{font-weight: bold;}
.photo_r{padding: 40px 0 0;width: 1200px;overflow: hidden;}
.photo_r ul li{width: 141px;float: left;margin-right: 30px;line-height: 0;-webkit-transition:transform .3s;transition:transform .3s;padding-top: 10px;}
.photo_r ul li em{width: 141px;height: 195px;display: block;line-height: 0;overflow: hidden;}
.photo_r ul li img{width: 141px;height: 195px;}
.photo_r ul li span{display: block;width: 145px;text-align: center;font-size: 14px;color: #666;height: 30px;line-height: 30px;overflow: hidden;padding-top: 5px;}
.photo_r ul li:hover{-webkit-transform:translate(0,-5px);transform:translate(0,-5px);}





/*合作客户*/

.partner{padding: 0 0 75px;}

.par_tit{height: 50px;line-height: 50px;overflow: hidden;position: relative;background: url(../images/hz_ico.gif) no-repeat 0 center;width: 1150px;padding-left: 50px;}

.par_tit:before{content: "";width: 857px;height: 1px;background: #e3e3e3;position: absolute;top: 50%;right: 75px;}

.par_tit a{font-size: 24px;color: #1e50ae;}

.par_tit span{float: right;}

.par_tit span a{font-size: 14px;color: #333;font-weight: normal;}

.par_qie{padding: 25px 0 0;}

.partner ul li{width: 189px;height: 142px;float: left;line-height: 0;margin-left: 15px;}

.partner ul li a{width: 187px;height: 140px;display: block;border: #d7d7d7 1px solid;}

.partner ul li a:hover{border: #244ca1 1px solid;}

.partner ul li img{width: 187px;height: 140px;}
.ys_bj{background: url(../images/ys_bj.jpg) no-repeat center top;height: 1020px;box-sizing: border-box;padding-top:83px;}
.yous .titis{height: 153px;}
.ys_nr dl{height: 680px;background: #fff;}
.ys_nr dd{float:left;width:592px;margin-left:-100px;height: 680px;box-sizing: border-box;padding:98px 90px 0 100px;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.07);position: relative;z-index: 2}
.ys_nr dd h4{height: 167px;background: url(../images/ys_x.png) no-repeat left bottom;margin-bottom: 55px}
.ys_nr dd h4 span{display: block;height: 76px;line-height: 76px;font-size:60px;color: #1e50ae;}
.ys_nr dd h4 em{display: block;height: 54px;line-height: 54px;font-size:23px;color: #333333;}
.ys_nr dd p{font-size:17px;color: #333333;line-height: 30px;margin-bottom: 23px;padding-left:19px;background: url(../images/ys_a1.png) no-repeat left 14px;}
.ys_nr dd i{font:115px "Impact";color: #d9d9d9;position: absolute;top:64px;right:-12px;height: 106px;line-height: 106px}
.ys_nr dt{float: right;margin-right:-360px;font-size:0;line-height: 0;}
.ys_nr dt img{width:1068px;height: 680px;}
.ys_qh{height: 102px;line-height: 102px;box-shadow: 0 0 15px rgba(0,0,0,0.1);background: #fff;top:-53px;position: relative;z-index: 2}
.ys_qh li{float:left;height: 102px;width:25%;text-align: center;}
.ys_qh li i{display: inline-block;width:42px;height: 42px;overflow: hidden;vertical-align: middle;margin-right:20px;}
.ys_qh li i img{display: block;transition: all 0.5s;}
.ys_qh li span{font-size:28px;color: #323232;font-weight: bold;vertical-align: middle;}
.ys_qh li.on i img{margin-top:-42px;}
.ys_qh li.on span{color: #fff;}
.ys_qh li.on{background: #1e50ae}

.coop{margin: 44px 0;
}
.coop li{float: left;width: 162px;margin-right: 11px;overflow: hidden;border:1px solid #f1f1f1;}
.coop li img{display: block;width: 100%;transition: all 0.5s;}
.coop li:hover img{transform: scale(1.05);}


#kehu{overflow:hidden;height:520px;margin:0 auto;position:relative;}
#jian {height:100%;}
#zheng {}
#xtop{}


.nbt2{height: 58px;line-height: 58px;background: url(../images/cjwt.png) no-repeat top center;}
.nnt{font-size: 18px;color: #fff;padding-left: 60px;}
.nbt2 a{font-size: 15px;color: #fff;display: block;text-transform: uppercase;margin-right: 20px;}
/*鏂伴椈璧勮*/

.news{padding-top:45px;height:712px;}
.news .tit{height: 67px;line-height: 67px;position: relative;}
.news .tit span a{font-size:24px;color: #1e50ae;font-weight: bold;}
.news .tit i{font:12px arial;color: #999999;text-transform: uppercase;line-height: 42px;padding-left:10px;}
.news .tit:after{content: "";display: block;width:393px;height: 1px;background: #cccccc;position: absolute;left:112px;top:38px;}
.news .tit em a{float:right;font-size:14px;color: #666666;line-height:67px;box-sizing: border-box;padding-top:4px;text-transform: uppercase;}
.news .tit em a:hover{color:#1e50ae;}
.dongt{float:left;width:568px;}

.dt_a1 dl{height: 404px;}
.dt_a1 dt{font-size:0;line-height: 0;}
.dt_a1 dt img {width:568px;height: 267px;}
.dt_a1 dd{padding-top:14px;}
.dt_a1 dd h4 a{display: block;height: 33px;line-height: 33px;font-size:22px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.dt_a1 dd p{font-size:14px;color: #808080;line-height: 24px;padding-top:9px;}
.dt_a1 dd p a{color: #808080;}
.dt_a1 dl:hover dd h4 a{color: #1e50ae}
.dt_a1 li{height: 36px;line-height: 36px;}
.dt_a1 li a{font-size:14px;color: #333333;display:block;height:30px;}
.dt_a1 li span {float:right;font-size:14px;color: #333333}
.dt_a1 li a:hover{color: #1e50ae}

.went{float:right;width:582px;}
/*.news .went .tit:after{content: "";display: block;width:218px;height: 1px;background: #cccccc;position: absolute;left:297px;top:38px;}*/
.went dl{height: 153px;border-bottom:1px solid #dcdcdc;margin-bottom:28px;}
.went dt{height: 30px;line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.went dt em{width:105px;height: 30px;display: inline-block;background: #e77817;text-align: center;line-height: 30px;font-size:16px;color: #fff;margin-right:15px;border-radius:4px;vertical-align: top;}
.went dt a{font-size:22px;color: #333333;}
.went dd {padding-top:17px;}
.went dd p {font-size:14px;color: #808080;line-height: 24px;}
.went dd a{color: #1e50ae;font-size:14px;margin-top:12px;display: block;}
.went dl:hover dt a{color: #1e50ae}
.went ul{height: 176px;overflow: hidden;}
.went li a{display: block;height:36px;line-height:36px;font-size:14px;color:#333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../images/ns_ico2.jpg) no-repeat right;}
.went li a:hover{background: url(../images/ns_ico2_hv.png) no-repeat right;color: #1e50ae}
.wt_mo{font-size:0;line-height: 0;}
.wt_mo span {float:right;width:172px;height: 157px;background:#e77817;text-align: center;box-sizing: border-box;display: block;}
.wt_mo span a{font-size:18px;color: #fff;padding-bottom: 34px;display:block;background: url(../images/ns_ico4.png) no-repeat center bottom;margin-top:50px;line-height: 30px;transition: all 0.5s}
.wt_mo span a:hover{margin-top:45px;}


/**/

/*鍏充簬鎴戜滑*/
.ab_bg{background:#f6f6f6;height: 580px;overflow: hidden;}
.about dl{position: relative;height: 580px;}
.about dl dt{width: 960px;height: 580px;line-height: 0;overflow: hidden;position: absolute;top: 0;left: 50%;}
.about dl dt img{width: 960px;height: 580px;}
.about dl dd{width: 520px;float: left;padding: 80px 0 0;}
.about dl dd h2{font-size: 40px;color: #333;line-height: 44px;height: 110px;overflow: hidden;background: url(../images/ab_line02.gif) no-repeat 0 bottom;}
.about dl dd h2 i{display: block;font-size: 20px;font-weight: normal;background: url(../images/ab_tline.png) no-repeat 135px 20px;color: #333;}
.about dl dd h2 a{color: #333;}
.about dl dd h2 a:hover{color: #1e50ae;}
.ab_desc{font-size: 16px;color: #333;line-height: 30px;height: 180px;overflow: hidden;padding: 20px 0 0;}
.about dl dd span{display: block;padding: 25px 0 0;}
.about dl dd span a{display: block;font-size: 14px;color: #fff;width: 110px;height: 45px;line-height: 45px;background: #1e50ae url(../images/ab_ico.png) no-repeat 90px 15px;overflow: hidden;padding: 0 0 0 20px;}
.about dl dd span a {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.about dl dd span a:hover {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}

/* c2_index */

.c2_index {
   padding-top: 1px;
    background: #f5f5f5;
    height: 910px;margin-top: 30px;
}

.c2_top {
    position: relative;
}

.c2left {
    float: left;
    width: 560px;
}

.c2left h3 {
    font-size: 30px;
    color: #fff;
    font-weight: normal;
}

.c2left span {
    font-size: 16px;
    color: #a8c2e7;
    font-weight: normal;
    display: block;
    padding: 10px 0;
}

.c2left p {
    font-size: 12px;
    color: #97b4de;
    font-weight: normal;
    padding-left: 60px;
    font-family: "Arial";
    background: url(//cdn.myxypt.com/deeaeda5/20/09/352e240ac29ab44d3ac566352b9865662301b472.png) no-repeat left center;
    text-transform: uppercase;
}

.c2tel {
    float: right;
    background: url(//cdn.myxypt.com/deeaeda5/20/09/24f45faf7d4650e27587d6ea92110ce2c40728e5.png) no-repeat left center;
    font-size: 14px;
    color: #92b5e8;
    padding: 5px 0;
    padding-left: 70px;
    margin-top: 15px;
}

.c2tel p:nth-child(2) {
    font-size: 26px;
    color: #fff;
    font-weight: bold;
}

.c2_bottom {
    position: relative;
    margin-top: 40px;
}

.ysleft {
    float: left;
    width: 288px;
    background: url(//cdn.myxypt.com/deeaeda5/20/09/6566a9ec2eab515eb0b1a19f49333367b59c7d13.jpg) no-repeat center;
    height: 428px;
    text-align: center;
    padding-top: 75px;
}

.ysleft h3 {
    color: #fff;
    font-size: 28px;
    font-weight: normal;
    line-height: 1.7;
    letter-spacing: 3px;
}

.ysleft h3 span {
    display: block;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}

.ysleft a {
    display: block;
    width: 150px;
    line-height: 40px;
    border: 1px solid #fff;
    text-align: center;
    font-size: 15px;
    color: #fff;
    margin: 140px auto 0;
}

.ysright {
    float: left;
    
    position: relative;
}

.ys_list {
    position: relative;
    display: flex;
    justify-content: left;
}

.ys_list li {
    position: relative;
    width: 33.33%;background: #fff;
}


.ys_list li:nth-child(1){ background: #009b0f;}
.ys_list li:nth-child(3){ background: #009b0f;}

.ys_list li a.img {
    display: block;
}

.ys_list li a.img img {
    display: block;
    width: 100%;
    height: 300px;
}

.ys_list li .ycon { 
    height: 300px;
    padding: 40px 30px 0px;
    text-align: center; color: #FFF;
}

.ys_list li .ycon h3 {
    font-size: 26px;
   line-height: 40px;
    height: 40px;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ys_list li .ycon span {
    font-family: "Arial";
    display: block;
    font-size: 18px;
	height:50px;
	line-height:50px;
   
    text-transform: uppercase;
}

.ys_list li .ycon .xinx {
    margin-top: 10px;
    font-size: 16px;
    line-height: 30px;
}

.ys_list li .ycon .img2 {
    opacity: 1;
    display: block;
    font-size: 12px;
    color: #14439d;
    background: #fff;
    width: 110px;
    line-height: 32px;
    text-align: center;
    font-style: inherit;
    margin: 20px auto;
}







.ys_list li:hover .ycon .img2 {
    opacity: 1;
}

.abt .tit{text-align: center;font-weight: normal;position: relative;}
.abt .tit b{display: block;font-size: 42px;color: #333;line-height: 42px;}
.abt .tit i{display: block;font-size: 18px;color: #666;line-height: 18px;padding-top: 20px;}
.abt{height: 646px;background: #F7F7F7;width: 100%;}
.abt dl{height: 646px;}
.abt dt{float: right;width: 958px;height: 694px;margin-right: -360px;}
.abt dd{float: left;padding: 80px 0 0;width: 550px;}
.abt dd h2{float: left;padding-bottom: 15px;position: relative;border-bottom: 1px solid rgba(0, 0, 0, 0.1);text-align: left;}
.abt dd h2:after{position: absolute;width: 30px;height: 5px;content: "";background: #0168b5;left: 0;bottom: -3px;}
.abt_desc{font-size: 16px;color: #666;line-height: 30px;margin: 44px 0 46px;}
.abt_desc a{color: #0168b5;}
.qyfc h3{height: 31px;margin-bottom: 27px;}
.qyfc h3 a{float: left;margin-right: 40px;font-size: 24px;color: #333;line-height: 31px;}
.qyfc h3 a i{display: inline-block;width: 31px;height: 31px;background: #333;border-radius: 50%;margin-right: 10px;vertical-align: top;}
.qyfc h3 a.on i{background: #0168b5;}
.qyfc_list li{float: left;width: 170px;margin-right: 13px;}
.qyfc_list li img{display: block;width: 100%;}
.qyfc_list li span{display: block;font-size: 14px;color: #666;height: 40px;line-height: 40px;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}



/**/



/* Pulse Shrink */

@-webkit-keyframes hvr-pulse-shrink {

  to {

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

  }

}

@keyframes hvr-pulse-shrink {

  to {

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

  }

}



/**/

@-webkit-keyframes shake{

  from,to{-webkit-transform:translate3d(0, 0, 0);}

  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}

  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}

}



@keyframes shake {

  from,to{transform:translate3d(0, 0, 0);}

  20%,60%{transform:translate3d(-10px, 0, 0);}

  40%,80%{transform:translate3d(10px, 0, 0);}

}



/*图标抖动*/

@-webkit-keyframes hvr-buzz-out {

  10% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg);

  }

  20% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg);

  }

  30% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg);

  }

  40% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg);

  }

  50% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg);

  }

  60% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg);

  }

  70% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg);

  }

  80% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg);

  }

  90% {

    -webkit-transform: translateX(1px) rotate(0);

    transform: translateX(1px) rotate(0);

  }

  100% {

    -webkit-transform: translateX(-1px) rotate(0);

    transform: translateX(-1px) rotate(0);

  }

}

@keyframes hvr-buzz-out {

  10% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg);

  }

  20% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg);

  }

  30% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg);

  }

  40% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg);

  }

  50% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg);

  }

  60% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg);

  }

  70% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg);

  }

  80% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg);

  }

  90% {

    -webkit-transform: translateX(1px) rotate(0);

    transform: translateX(1px) rotate(0);

  }

  100% {

    -webkit-transform: translateX(-1px) rotate(0);

    transform: translateX(-1px) rotate(0);

  }

}