/* 清除内外边距 */

@charset "utf-8";

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;

}



.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("../images/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: 70rem;margin: 0 auto;min-width: 1200px;max-width: 1400px;}



/**/

.guide{ background:url(../images/yinz_bg.jpg) no-repeat center 0;background-size: 100% 35rem; width:100%; height:31.5rem; padding: 3.5rem 0 0; border-top: #e2e2e2 1px solid;}

.gui_l{width: 24.28%;padding: 1.5rem 0 0;}

.gui_l h5{font-size: 2.0rem;color: #333;height: 6.5rem;line-height: 2.8rem;position: relative;

font-family: "思源黑体";font-weight:normal;letter-spacing: 2px; }

.gui_l h5:before{content: "";width: 3rem;height: 0.15rem;background: #20469b;position: absolute;bottom: 0;left: 0;-webkit-transition:all .5s;transition:all .5s;}

.gui_l h5 i{display: block;}

.gui_l h5:hover:before{width: 4rem;}

.gui_l p{font-size: 0.8rem;color: #666;line-height: 1.5rem;padding: 2rem 0 0;text-align:justify; text-justify:inter-ideograph;}

.gui_r{width: 70%;}

.gui_r dl{width: 100%;}

.gui_r dl dt{width: 28rem;height: 28rem;float: left;position: relative;z-index: 1;}

.gui_r dl dt:before{content: "";width: 100%;height: 100%;background: #fff;position: absolute;top: 0;left: 0;border-radius: 50%;z-index: -2;box-shadow: 0 3px 0.5rem 3px rgba(0, 0, 0, 0.05);}

.gui_r dl dt:after{content: "";width: 24rem;height: 24rem;background: #fff;position: absolute;top: 2rem;left: 2rem;border-radius: 50%;z-index: -1;box-shadow: 0 3px 0.5rem 3px rgba(0, 0, 0, 0.05);}

.gui_r dl dt img{width: 20rem;height: 20rem;border-radius: 50%;display: block;margin: 4rem auto 0;}

.gui_r dl dt em{display: block; background:url(../images/yinz_video.png) no-repeat;background-size: 4.5rem 4.5rem; width:4.5rem; height:4.5rem;position: absolute;top: calc(50% - 2.2rem);left: calc(50% - 2.2rem);}

.gui_r dl dd{width: 37%;float: right;padding: 2rem 0 0;}

.gui_r dl dd p{font-size: 0.9rem;color: #333;width: 100%;height: 3.5rem;border-radius: 2rem;background: #fff;box-shadow: 0 3px 0.3rem 3px rgba(0, 0, 0, 0.1);margin: 0 0 0.5rem;}

.gui_r dl dd em{display: block;float: left;width: 2.5rem;height: 2.5rem;background: #ccc;border-radius: 50%;font-size: 1.2rem;color: #fff;font-family:Arial, Helvetica, sans-serif;margin: 0.5rem 1rem 0 0.5rem;text-align: center;line-height: 2.5rem;}

.gui_r dl dd span{display: block;float: left;line-height: 3.5rem;width: 75%;}

.gui_r dl dd p:hover em,.gui_r dl dd p.cur em{background: #20469b;}



/*产品中心*/

.pro01{padding: 4.5rem 0 0;}

.pro_tit{font-size: 2.1rem;color: #333;text-align: center;height: 3rem;line-height: 3rem;overflow: hidden;

font-family: "思源黑体";font-weight:normal;}

.pro_tit a{color: #333;}

.pro_tit a:hover,.pro_tit i{color: #20469b;}

.pro_nav{margin: 2rem 0 0;width: 100%;height: 8rem;position: relative;}

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

.pro_nav ul li{width: 20%;float: left;position: relative;height: 8rem;}

.pro_nav ul li a{font-size: 1rem;color: #333;display: flex;align-items: center;justify-content: center;width: 100%;height: 8rem;}

.pro_nav ul li em{width: 5.8rem;height: 5.4rem;line-height: 0;padding: 0 1rem 0 0;}

.pro_nav ul li em img{width: 5.8rem;height: 5.4rem;

-webkit-filter: grayscale(100%);

-moz-filter: grayscale(1);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%);

filter: grayscale(100%);

filter: gray;}

.pro_nav ul li.on{ background:url(../images/cp_line.gif) no-repeat center 0;background-size: 100% 0.5rem;}

.pro_nav ul li.on em img{

-webkit-filter: grayscale(0%);

-moz-filter: grayscale(0);

-ms-filter: grayscale(0%);

-o-filter: grayscale(0%);

filter: grayscale(0%);}

.pro01 .tempWrap,.super .tempWrap{margin:0 auto;}

.pro01_qie{display: block;width: 100%;}

.pro01_pic{width: 100%;line-height: 0;}

.pro01_pic img{display: block;width: 100%;}

.pro01_four{ position: absolute;top: 6.5rem;left: calc(50% - 35rem);width: 70rem;}

.pro01_four h5{height: 3.5rem;line-height: 3.5rem;font-size: 2.5rem;color: #fff;font-family: "思源黑体";font-weight:normal; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);}

.pro_desc{padding: 1rem 0 0;}

.pro_desc p{font-size: 0.9rem;color: #fff;line-height: 1.8rem;width: 42.14%;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);}

.pro01_four span{display: flex;align-items: center;justify-content: center;font-size: 0.9rem;color: #fff;width: 15%;height: 3rem;background: #20469b;border-radius: 3rem;margin: 3rem 0 0;}

.pro01_four span em{width: 3rem;height: 1.4rem;line-height: 0;padding: 0 0 0 1rem;}

.pro01_four span em img{width: 3rem;height: 1.4rem;}

.pro01_four span:hover{animation:shake .9s linear;-webkit-animation:shake .9s linear;}



@media screen and (max-width: 1780px) { .pro01_four{left: calc(50% - 600px);width: 1200px;} } 

@media screen and (max-width: 1680px) { .pro01_four{left: calc(50% - 600px);width: 1200px;} } 

@media screen and (max-width: 1480px) { .pro01_four{left: calc(50% - 600px);width: 1200px;} }



/*产品优势*/

.cpys{background: #f8f8f8;padding: 4.2rem 0 0;}

.cpys_m{height: 27.2rem;margin: 2.5rem 0 0;width: 100%;}

.cpys_t{width: 100%;height: 27.2rem;}

.cpys_t ul li{position: absolute;}

.cpys_t ul li em{width: 2.8rem;height: 2.6rem;display: block;line-height: 0;position: absolute;}

.cpys_t ul li em img{width: 2.8rem;height: 2.6rem;}

.cpys_t ul li span{display: block;font-size: 1.5rem;color: #333;font-family: "思源黑体";line-height: 1.5rem;position: absolute;font-weight: bold;}

.cpys_t ul li i{display: block;font-size: 0.7rem;color: #999;font-family:Arial, Helvetica, sans-serif;padding: 0 0.3rem 0 0;font-weight: normal;}

.cpys_t ul li:nth-child(1) span{ width: 50%;text-align: right; top: 4rem;left: 0;}

.cpys_t ul li:nth-child(1) em{top: 5.5rem;right: 3.7rem;}

.cpys_t ul li:nth-child(2) span{ width: 66.66%;text-align: right; top: 0;left: 0;}

.cpys_t ul li:nth-child(2) em{top: 4.7rem;right: 4.5rem;}

.cpys_t ul li:nth-child(3) span{ width: 100%;text-align: center; top: 0;left: 0;}

.cpys_t ul li:nth-child(3) em{top: 7.1rem;left: calc(50% - 1.4rem);}

.cpys_t ul li:nth-child(4) span{ width: 66.66%; top: -0.5rem;right: 0;}

.cpys_t ul li:nth-child(4) em{top: 5rem;left: 4.4rem;}

.cpys_t ul li:nth-child(5) span{ width: 50%; top: 4rem;right: 0;}

.cpys_t ul li:nth-child(5) em{top: 6rem;left: 4.4rem;}

.cpys_t ul li.on span{color: #20469b;}

.cpys_t ul li:nth-child(1){width: 32.35%;height: 12.5rem;left: 0;bottom: 0; background:url(../images/cpys_y01h.png) no-repeat right bottom;background-size: 10.15rem 12.5rem;z-index: 1;}

.cpys_t ul li:nth-child(1):hover,.cpys_t ul li:nth-child(1).on{ background:url(../images/cpys_y01.png) no-repeat right bottom;background-size: 10.15rem 12.5rem;}

.cpys_t ul li:nth-child(2){width: 42.85%;height: 12.1rem;left: 0;bottom: 8.75rem; background:url(../images/cpys_y02h.png) no-repeat right bottom;background-size: 12.9rem 12.1rem;}

.cpys_t ul li:nth-child(2):hover,.cpys_t ul li:nth-child(2).on{ background:url(../images/cpys_y02.png) no-repeat right bottom;background-size: 12.9rem 12.1rem;}

.cpys_t ul li:nth-child(3){width: 18.71%;height: 13.1rem;left: calc(50% - 9.35%);top: 0; background:url(../images/cpys_y03h.png) no-repeat center bottom;background-size: 13.1rem 8.65rem;}

.cpys_t ul li:nth-child(3):hover,.cpys_t ul li:nth-child(3).on{ background:url(../images/cpys_y03.png) no-repeat center bottom;background-size: 13.1rem 8.65rem;}

.cpys_t ul li:nth-child(4){width: 42.85%;height: 12.1rem;right: 0;top: 6.35rem; background:url(../images/cpys_y04h.png) no-repeat 0 bottom;background-size: 12.9rem 12.15rem;}

.cpys_t ul li:nth-child(4):hover,.cpys_t ul li:nth-child(4).on{ background:url(../images/cpys_y04.png) no-repeat 0 bottom;background-size: 12.9rem 12.15rem;}

.cpys_t ul li:nth-child(5){width: 32.28%;height: 12.5rem;right: 0;bottom: 0; background:url(../images/cpys_y05h.png) no-repeat 0 bottom;background-size: 10.1rem 12.5rem;}

.cpys_t ul li:nth-child(5):hover,.cpys_t ul li:nth-child(5).on{ background:url(../images/cpys_y05.png) no-repeat 0 bottom;background-size: 10.1rem 12.5rem;}

.cpys_con{width: 18.8%; height: 9.5rem; position: absolute;bottom: 0;left: calc(50% - 8.9%);}

.cpys_qie{text-align: center;}

.cpys_qie h5{font-weight:normal;font-size: 1.5rem;color: #333;font-family: "思源黑体";height: 2.2rem;line-height: 2.2rem;}

.cpys_qie p{font-size: 0.8rem;color: #666;line-height: 1.5rem;padding: 0.5rem 0 0;}

.cpys_lico,.cpys_rico{width: 2.5rem;height: 2.5rem;line-height: 0;position: absolute;top: 20rem;z-index: 20;cursor: pointer;}

.cpys_lico img,.cpys_rico img,.plan_lico img,.plan_rico img{width: 2.5rem;height: 2.5rem;}

.cpys_lico{left: 33%;}

.cpys_rico{right: 33%;}



@media screen and (max-width: 1480px) {

	.cpys_t ul li:nth-child(1){left: 20px;}

	.cpys_t ul li:nth-child(5){right: 20px;}

}

@media screen and (max-width: 1680px) {

	.cpys_t ul li:nth-child(1){left: 18px;}

	.cpys_t ul li:nth-child(5){right: 18px;}

} 





/*解决方案*/

.plan{padding: 5rem 0 4.5rem;}

.plan_t{height: 8rem;}

.plan_t h3{float: left;font-size: 2.1rem;color: #333;font-family: "思源黑体";font-weight:normal;line-height: 3rem;}

.plan_t h3 a{color: #333;display: block;}

.plan_t h3 em{font-size: 3rem;color: #eaeaea; font-family:"Times New Roman", Times, serif;text-transform:capitalize;display: block;}

.plan_t h3 i{color: #20469b;}

.plan_btn{padding: 2.4rem 0 0;}

.plan_lico,.plan_rico{width: 2.5rem;height: 2.5rem;line-height: 0;cursor: pointer;border-radius: 50%;-webkit-transition:all .5s;transition:all .5s;margin: 0 1rem 0 0;}

.plan_lico:hover,.plan_rico:hover{box-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.05);}

.team_m{/*margin-right: -20rem;*/position: relative;}

.sup_bm{width: 100%;height: 26rem;overflow: hidden;}

.team_m ul li{width: 10%;height: 26rem;margin-right: 0.6rem;float: left;border-radius: 1rem 0 1rem 0;-webkit-transition:all .5s;transition:all .5s;}

.team_m ul li a{display: block;width: 100%;height: 26rem;position: relative;}

.team_m ul li a:before{content: "";width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;border-radius: 1rem 0 1rem 0;}

.plan_pic{width: 100%;height: 26rem;line-height: 0;border-radius: 1rem 0 1rem 0;}

.plan_pic img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 1rem 0 1rem 0;}

.plan_desc{width: 100%; height: 100%;padding: 4.5rem 0 0; position: absolute;top: 0;left: 0;text-align: center;box-sizing: border-box;}

.plan_desc em{width: 4.8rem;height: 5.3rem;display: block;line-height: 0;margin: 0 auto;}

.plan_desc em img{width: 4.8rem;height: 5.3rem;}

.plan_desc h5{font-size: 1.4rem;color: #fff;font-family: "思源黑体";font-weight:normal;height: 2.2rem;line-height: 2.2rem;padding: 1.5rem 0 0;}

.plan_desc p{ width: 72%; font-size: 0.9rem;color: #fff;line-height: 1.6rem;position: absolute;bottom: -13rem;left: 14%;-webkit-transition:all .5s;transition:all .5s;}

.team_m ul li.on{width: 32%;}

.team_m ul li.on a:before{background: rgba(32, 70, 155, 0.9);}

.team_m ul li.on .plan_desc p{bottom: 8rem;}



@media screen and (max-width: 1680px) {

	.team_m ul li:nth-child(6).on .plan_desc p{left: 7%;}

} 



/**/

.sup_nav{width: 55%;position: relative;}

.sup_nav:before{content: "";width: 1px;height: 5rem;background: #e5e5e5;position: absolute;top: 0;right: 0;}

.sup_nav ul li{width: 25%;float: left;position: relative;text-align: center;font-size: 1.2rem;color: #333;}

.sup_nav ul li:before{content: "";width: 1px;height: 5rem;background: #e5e5e5;position: absolute;top: 0;left: 0;}

.sup_nav ul li em{width: 2.1rem;height: 2.1rem;display: block;line-height: 0;margin: 0.5rem auto 0.8rem;overflow: hidden;}

.sup_nav ul li em img{width: 2.1rem;height: 4.2rem;-webkit-transition:all .5s;transition:all .5s;}

.sup_nav ul li:hover,.sup_nav ul li.on{color: #20469b;}

.sup_nav ul li:hover em img,.sup_nav ul li.on em img{margin-top: -2.1rem;}



.sup_qie{width: 100%;height: 32rem;position: relative;}

.sup_qie:before{content: "";width: 100%;height: 9rem;background: rgba(0, 0, 0, 0.5);position: absolute; bottom: 0;left: 0;}

.sup_pic{width: 100%;line-height: 0;height: 32rem;}

.sup_pic img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

.sup_num{ position: absolute;top: 0;left: calc(50% - 35rem);width: 70rem;height: 32rem;}

.sup_num ul{ width: 16rem; height: 100%;background: rgba(255, 255, 255, 0.9);}

.sup_num ul li{width: 10rem; height: 7.66rem; margin: 0 auto;border-bottom: rgba(204, 204, 204, 0.6) 1px solid;padding: 3rem 0 0;}

.sup_num ul li b{font-size: 2.5rem;color: #20469b; font-family: "DINOT";display: block;float: left;line-height: 2.5rem;}

.sup_num ul li i{display: block;float: left;font-size: 1rem;color: #20469b;}

.sup_num ul li i.sup_i{padding: 0 0 0 0.5rem;}

.sup_num ul li span{font-size: 0.9rem;color: #888;display: inline-block;width: 100%;padding: 0.5rem 0 0;}

.sup_desc{position: absolute; bottom: 2rem;right: 0;width: 72.85%;}

.sup_desc h5{font-family: "思源黑体";font-weight:normal;font-size: 1.8rem;color: #fff;height: 2.5rem;line-height: 2.5rem;}

.sup_desc p{font-size: 0.9rem;color: #fff;line-height: 1.8rem;}



@media screen and (max-width: 1780px) { .sup_num{left: calc(50% - 600px);width: 1200px;} } 

@media screen and (max-width: 1680px) { .sup_num{left: calc(50% - 600px);width: 1200px;} } 

@media screen and (max-width: 1480px) { .sup_num{left: calc(50% - 600px);width: 1200px;} }



/*服务*/

.fuw{width: 100%;/*background: url(../images/fuw_bg.jpg) no-repeat center 0;*/background-size: 100% 54.5rem;overflow: hidden;padding: 4.5rem 0 0;/*height: 50rem;*/}

.fuw_tel{font-size: 0.8rem;color: #333;background: url(../images/fuw_tel.gif) no-repeat 0 center;background-size: 1.2rem 1.3rem;height: 8rem;line-height: 8rem;padding: 0 0 0 1.5rem;}

.fuw_tel b{font-size: 1.5rem;color: #20469b; font-family:Arial, Helvetica, sans-serif;}



.fuw_m{}

.fuw_m dl{width: 30%;float: left;height: 7.2rem;padding: 1.8rem 0 0;border-top: #e2e2e2 1px solid;margin-right: 5%;}

.fuw_m dl dt{width: 2.5rem;height: 2.5rem;float: right;line-height: 0;padding: 0.3rem 0 0;transition: all 0.5s;}

.fuw_m dl dt img{width: 2.5rem;height: 2.5rem;}

.fuw_m dl dd{float: left;width: 70%;}

.fuw_m dl dd h5{font-family: "思源黑体";font-weight:normal;font-size: 1.3rem;color: #333;height: 2rem;line-height: 2rem;}

.fuw_m dl dd p{font-size: 0.8rem;color: #666;line-height: 1.5rem;padding: 0.3rem 0 0;}

.fuw_m dl:nth-child(4),.fuw_m dl:nth-child(5),.fuw_m dl:nth-child(6){border-bottom: #e2e2e2 1px solid;}

.fuw_m dl:nth-child(3n){margin-right: 0;}

.fuw_m dl:hover dt{transform: translateY(-5px);}

.fuw_m dl:hover dt img{animation: flipInY 1s;}



/**/

.news{padding: 3.5rem 0 4rem;}

.news_nav{width: 20%;padding: 2.5rem 0 0;}

.news_nav ul li{width: 50%;float: left;text-align: center;}

.news_nav ul li a{font-size: 1rem;color: #333;display: inline-block;height: 3rem;line-height: 3rem;position: relative;}

.news_nav ul li a:before{content: "";width: 0;height: 0.15rem;background: #20469b;position: absolute;bottom: 0;left: 0;-webkit-transition:all .5s;transition:all .5s;}

.news_nav ul li a:hover,.news_nav ul li.on a{color: #20469b;font-weight: bold;}

.news_nav ul li.on a:before{width: 100%;}

.news_m dl{padding: 0 1.7rem;width: 30%;float: left;position: relative;border-left: #ddd 1px solid;height: 24rem;}

.news_m dl dt{width: 100%;line-height: 0; height: 11.8rem; overflow: hidden;}

.news_m dl dt img{width: 100%;height: 100%;object-fit: cover;object-position: center;

-webkit-transition: 1s;

-moz-transition: 1s;

transition: 1s;}

.news_m dl dt img:hover

{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

.news_m dl dd{padding: 1.5rem 0 0;}

.news_m dl dd h5{height: 2rem;line-height: 2rem;overflow: hidden;}

.news_m dl dd h5 a{font-family: "思源黑体";font-weight:normal;font-size: 1.2rem;color: #333;display: block;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.news_m dl dd h5 a:hover,.news_btn a:hover{color: #20469b;}

.news_m dl dd p{font-size: 0.8rem;color: #888;line-height: 1.5rem;padding-top: 0.6rem;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis; }

.news_btn{width: 34%;display: block;padding: 1.5rem 0 0;}

.news_btn a{width: 100%;height: 2rem;font-size: 0.8rem;color: #20469b;display: flex;align-items: center;justify-content: space-between;}

.news_btn em{width: 3rem;height: 1.4rem;line-height: 0;}

.news_btn em img{width: 3rem;height: 1.4rem;}

.news_m dl:first-child{border-left: none;padding-left: 0;}

.news_m dl:nth-child(3){padding-right: 0;}



/*友情链接*/

.f_link{height: 4rem;line-height: 4rem;overflow: hidden;margin: -4rem 0 0 55%;width: 50%;position: relative;z-index: 2;}

.f_link b{display: block;float: left;font-size: 0.7rem;color: rgba(255,255,255,0.8);width: 12%;text-align: right;font-weight: normal;}

.f_link p{font-size: 0.7rem;color: rgba(255,255,255,0.8);float: left;width: 88%;}

.f_link p a{font-size: 0.7rem;color: rgba(255,255,255,0.8); padding:0 10px 0 0;}

.f_link p a:hover{color: #fff;}





/* 修改优势 */



.reason {

  height: 920px;

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

  padding: 79px 0 0;

  box-sizing: border-box;

}

.reason .contents{

  width:1280px;

  margin:0 auto;



}

.reason .reasonslide {

  position: relative;

}

.reason .reasonslide .tempWrap {

  width: 410px !important;

}

.reason .reasonslide .bd li {

  width: 410px !important;

}

.reason .reasonslide .bd li em {

  display: flex;

}

.reason .reasonslide .bd li h4 {

  font-size: 30px;

  color: #fff;

  font-weight: bold;

  line-height: 40px;

  margin: 110px 0 0;

}

.reason .reasonslide .bd li h4 i {

  font-size: 14px;

  color: #dee0e4;

  line-height: 40px;

  margin-left: 17px;

}

.reason .reasonslide .bd li p {

  font-size: 14px;

  color: #fff;

  line-height: 36px;

  margin: 25px 0 0;

}

.reason .reasonslide .arr {

  width: 145px;

  display: flex;

  justify-content: space-between;

  align-items: center;

  position: absolute;

  top: 510px;

  right: 155px;

  z-index: 100;

}

.reason .reasonslide .arr .prev {

  width: 52px;

  height: 52px;

  background: #3ab9c8 url(../images/prev-case.png) no-repeat center;

  cursor: pointer;

  border-radius: 50%;

}

.reason .reasonslide .arr .next {

  width: 52px;

  height: 52px;

  background: #20469b url(../images/next-case.png) no-repeat center;

  cursor: pointer;

  border-radius: 50%;

}

.reason .reasonslide .art {

  position: absolute;

  top: 435px;

  left: 0;

  z-index: 50;

}

.reason .reasonslide .art a {

  display: block;

  width: 164px;

  height: 42px;

  border: 1px solid rgba(255, 255, 255, 0.6);

  border-radius: 21px;

  padding: 0 0 0 35px;

  box-sizing: border-box;

  font-size: 16px;

  color: #dee0e4;

  line-height: 40px;

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

  background-position-x: 113px;

  transition: 0.2s ease-out;

}

.reason .reasonslide .art a:hover {

  background: #3ab9c8 url(../images/xun.png) no-repeat center left;

  background-position-x: 113px;

  border-color: #3ab9c8;

  transform: translateY(-5px);

}

.reason .reasonslide .art .tel {

  height: 42px;

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

  padding: 0 0 0 62px;

  font-family: Arial;

  font-size: 24px;

  font-weight: bold;

  color: #fff;

  line-height: 42px;

  margin: 45px 0 0;

}

.reason .reasonslide .hd {

  display: flex;

  margin: 291px 0 0;

}

.reason .reasonslide .hd li {

  width: 320px;

  height: 180px;

  padding: 38px 0 0;

  box-sizing: border-box;

  position: relative;

}

.reason .reasonslide .hd li::before {

  content: "";

  display: block;

  width: 320px;

  height: 180px;

  position: absolute;

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

  top: 0;

  left: 0;

  pointer-events: none;

}

.reason .reasonslide .hd li em {

  position: relative;

  margin-bottom: 20px;

  display: block;

  transition: 0.2s ease-out;

}

.reason .reasonslide .hd li em img {

  display: block;

  margin: 0 auto;

  transition: 0.5s linear;

}

.reason .reasonslide .hd li em img:nth-child(1) {

  opacity: 1;

}

.reason .reasonslide .hd li em img:nth-child(2) {

  position: absolute;

  top: 0;

  left: 50%;

  transform: translateX(-50%);

  opacity: 0;

}

.reason .reasonslide .hd li b {

  font-size: 18px;

  color: #333;

  line-height: 20px;

  font-weight: bold;

  text-align: center;

  display: block;

}

.reason .reasonslide .hd li span {

  display: block;

  font-size: 14px;

  color: #999;

  line-height: 15px;

  text-align: center;

  margin: 10px 0 0;

}

.reason .reasonslide .hd li:hover em {

  transform: translateY(-5px);

}

.reason .reasonslide .hd .on {

  background: #3ab9c8 !important;

}

.reason .reasonslide .hd .on::before {

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

}

.reason .reasonslide .hd .on em img:nth-child(1) {

  opacity: 0;

}

.reason .reasonslide .hd .on em img:nth-child(2) {

  opacity: 1;

}

.reason .reasonslide .hd .on b {

  color: #fff;

}

.reason .reasonslide .hd .on span {

  color: #fff;

}

.reason .reasonslide .hd li:nth-child(odd) {

  background: #f4f5f9;

}

.reason .reasonslide .hd li:nth-child(even) {

  background: #fff;

}

.reason .reasonslide .ys {

  position: absolute;

  top: 251px;

  right: 329px;

}

.reason .reasonslide .top {

  width: 1em;

  font-size: 24px;

  color: #fff;

  position: absolute;

  top: 94px;

  right: 115px;

}

.reason .reasonslide .top::before {

  content: "";

  display: block;

  width: 74px;

  height: 465px;

  position: absolute;

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

  top: 0;

  right: -85px;

}







/**/

@-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);

  }

}