@charset "utf-8";
/* CSS Document */

/* Title公共样式 */
.Title {
	overflow: hidden;
	text-align: center;
	padding-top: 41px;
}
.Title h2 {
	font-size: 30px;
	font-weight: normal;
	color: #333333;
}
.Title h2 a {
	color: #333333;
	text-decoration: none;
	font-size: 36px;
}
.Title h2 a p{
	font-size: 18px;
	margin-top: 18px;
}
.Title .p1 {
	font-size: 28px;
	color: #305dc3;
	margin: 8px 0;
	font-weight: bold;
}
.Title .p2 {
	color: #999999;
	font-size: 12px;
	text-transform: uppercase;
}
.Title i {
	margin-top: 18px;
	display: block;
}
/* banner */
.banner{position: relative;}
.banner li{width: 100%;}
.banner li img{display: block;width: 100%;}
.banner .content{position: relative;}
.ban_pg{position: absolute;left: 0;bottom: 30px;height: 16px;z-index: 10;width: 100%;text-align: center;}
.ban_pg i{display: inline-block;width: 16px;height: 16px;background: #fff;border-radius: 100%;margin: 0 10px;vertical-align: top;}
.ban_pg i.on{background: #054295;}


/* search */
.search {
	width: 100%;
	height: 60px;
	border-bottom: 2px solid #305dc3;
}
.search p {
	float: left;
	width: 800px;
	margin-top: 24px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 14px;
    color: ##305dc3;
}
.search p a {
	font-size: 14px;
	color: #333333;
	margin-right: 20px;
}
.search p span {
	color: #305dc3;
	font-size: 14px;
	font-weight: bold;
}
.search .ssBox {
	float: right;
	width: 263px;
	height: 35px;
	overflow: hidden;
	margin-top: 13px;
}
.search .ssBox input {
	width: 198px;
	height: 33px;
	border: 1px solid #e8e8e8;
	font-size: 13px;
	color: #cfcfcf;
	line-height: 33px;
	text-indent: 11px;
	float: left;
	border-radius: 4px;
	outline: none;
}
.search .ssBox a {
	display: block;
	width: 53px;
	height: 35px;
	border-radius: 4px;
	float: right;
	background: url(../img/searchbtn.png) no-repeat center;
}
/* question */
.question {
	width: 100%;
	background: url(../img/questionbg.jpg) no-repeat center;
}
.question .Title {
	padding-top: 60px;
}
.question .con {
	height: 414px;
	position: relative;
	margin-top: 46px;
}
.question .con img {
	margin: 0 auto;
	display: block;
	position: relative;
	left: 12px;
}
.question .con p {
	color: #333333;
	font-size: 18px;
	font-weight: bold;
	position: absolute;
}
.question .p1 {
	left: 290px;
	top: 37px;
}
.question .p2 {
	left: 590px;
	top: 23px;
}
.question .p3 {
	left: 28px;
	top: 152px;
}
.question .p4 {
	left: 678px;
	top: 112px;
}
.question .p5 {
	left: 180px;
	top: 274px;
}
.question .p6 {
	left: 668px;
	top: 247px;
}
.question .p7 {
	left: 425px;
	top: 350px;
}
.question .con .p8 {
	font-size: 24px;
	color: #fff;
	width: 430px;
	text-align: center;
	line-height: 48px;
	left: 50%;
	margin-left: -215px;
	bottom: -51px;
	background: url(../img/questionbg.png) no-repeat center;
	height: 61px;
}

.quesabt{
	height: 260px;;
}

.quesabt ul{
	margin-top: 20px;
}

.quesabt li{
	width: 24.5%;
    position: relative;
    float: left;
	text-align: center;
}
.quesabt li span{
	font-size: 46px;
	color: #305dc3;
}
.quesabt li strong{
	font-size: 24px;
	font-weight: bold;
	color: #333;
}

.quesabt p {
	line-height: 1.5;
    font-size: 14px;
	margin-top: 6px;
}

/* zhiLi */
.zhiLi {
	width: 100%;
	overflow: hidden;
	background: url(../img/zhilipic.jpg) no-repeat center;
	height: 324px;
}
.zhiLi .zhiliwz{
	overflow: hidden;
    text-align: center;
    margin-top: 90px;
    color: #fff;
}
.zhiliwz .zhilititle{
	font-size: 36px;
	letter-spacing: 2px;
}
.zhiliwz span{
	font-weight: bold;
}
.zhiliwz p{
	font-size: 18px;
    margin-top: 18px;
	margin-bottom: 18px;
}
.zhiliwz .zhilik{
	font-size: 26px;
    border: 2px solid #fff;
    width: 270px;
    height: 46px;
    overflow: hidden;
    text-align: center;
    position: relative;
    margin: auto;
    padding-top: 10px;
}

/*pro*/
.pro {
    padding: 76px 0 0px;
    /* background: #f0f0f0; */
    height: 1200px;
	background: url(../img/probg.jpg) no-repeat bottom;
}
/* .pro h2{margin-bottom: 50px;} */
.pro_con{height: 493px;}
.pro_con ul{float: left;width: 942px;}
.pro_con li{float: left;height: 493px;position: relative;margin-right: 1px;width: 70px;overflow: hidden;transition: all 0.5s;}
.pro_con li img{width: 657px;height: 493px;}
.pro_con li h3{position: absolute;right: 0;top: 0;width: 70px;font-weight: normal;font-size: 18px;color: #fff;line-height: 22px;text-align: center;background: rgba(0,0,0,0.7);}
.pro_con li h3 a{display: block;padding: 130px 20px 0;height: 363px;color: #fff;background: url(../img/pro_jt1.png) no-repeat center 340px;}
.pro_con li.on{width: 657px;}
.pro_con li.on h3{background: rgba(226,53,53,0.9);font-weight: bold;}
.pro_bd{float: left;width: 258px;height: 493px;background: #fff;}
.pro_det{padding: 116px 30px 0;height: 377px;}
.pro_det h3{font-size: 16px;color: #333;font-weight: normal;line-height: 16px;height: 50px;position: relative;margin-bottom: 22px;}
.pro_det h3:after{position: absolute;width: 28px;height: 2px;content: "";background: #004098;left: 0;bottom: 0;}
.pro_det p{font-size: 14px;color: #666;line-height: 26px;height: 170px;}
.pro_det .more{display: block;width: 86px;height: 30px;line-height: 30px;text-align: center;font-size: 14px;color: #fff;font-family: Arial;background: #333;border-radius: 15px;}
.pro_list{margin-top: 42px;position: relative;}
.pro_list h3{height: 28px;line-height: 28px;font-weight: normal;margin-bottom: 28px;position: relative;}
.pro_list h3:after{position: absolute;width: 832px;height: 1px;background: #dedede;content: "";right: 130px;top: 13px;}
.pro_list h3 b{float: left;font-size: 18px;color: #333;background: url(../img/pro_jt.png) no-repeat right center;padding-right: 38px;}
.pro_list h3 i{float: right;font-size: 14px;color: #666;text-transform: uppercase;}
.pro_list li{float: left;width: 288px;margin-right: 16px;}
.pro_list li i{display: block;height: 214px;border: 1px solid transparent;overflow:hidden;}
.pro_list li img{width: 286px;height: 214px;transition: all 0.5s;}
.pro_list li h4 a{display: block;height: 54px;line-height: 54px;text-align: center;font-size: 14px;font-weight: normal;color: #333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.pro_list li:hover i{border-color: #004098;}
.pro_list li:hover img{transform: scale(1.05);}
.pro_list .prev{position: absolute;left: -70px;top: 142px;}
.pro_list .next{position: absolute;right: -70px;top: 142px;}
.product-menu {
    float: left;
    width: 270px;
    margin-top: 40px;
}

.product-menu .tit {
    padding: 32px 35px 30px 40px;
    color: #fff;
    background: #222222;
    line-height: 30px;
}

.product-menu h2 {
    font-size: 30px;
    font-weight: normal;
}
.product-menu p {
    font-size: 16px;
    font-family: Arial;
}
.product-menu dl {
    background: #fff;
    overflow: hidden;
    padding-bottom: 5.5px;
    border: 1px solid #eee;
	border-top: none;
    width: 270px;
    margin-left: -1px;
}
.product-menu dt {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: #004098;
}
.product-menu dt a {
    color: #fff;
    font-size: 19px;
}
.product-menu dt i {
    display: block;
    float: left;
    margin-top: 10px;
    margin-right: 14px;
    width: 24px;
    height: 24px;
}
.product-menu dt span {
    display: block;
    overflow: hidden;
}
.product-menu dt, .product-menu dd {
    padding: 0 30px 0 30px;
    height: 38.3px;
    line-height: 44px;
    font-size: 16px;
}
.product-menu dd a {
    display: block;
    color: #111;
    background: url(../img/menu_dd.png) no-repeat right center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    padding-right: 22px;
}
.product-list {
    float: right;
    width: 930px;
    margin-top: 40px;
}
.product-list li {
    float: left;
    width: 293px;
    height: 324px;
    overflow: hidden;
    background: #fff;
    border: #e1e1e1 solid 1px;
    margin-left: 15px;
    margin-bottom: 15px;
}
.product-list li .pic {
    position: relative;
    width: 292px;
    height: 226px;
    overflow: hidden;
	border-bottom: 1px solid #eee;
}
.product-list li .text {
    position: relative;
    z-index: 333;
    width: 100%;
    text-align: center;
}
.product-list li .text span {
    display: block;
    padding: 0 10px;
    color: #333;
    font-size: 18px;
    height: 27px;
    line-height: 27px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 10px;
}
.product-list li .text p {
    line-height: 22px;
    color: #aaa;
    font-size: 13px;
    margin: 4px 10px 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.product-list li .text a {
    display: inline-block;
    margin-top: 9px;
    padding: 0 50px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #333;
    border: #e1e1e1 solid 1px;
    border-radius: 20px;
}
.product-menu dd:hover {
    color: #fff;
    background: #004098;
}
.product-menu dd:hover a {
    color: #fff;
}
.product-menu .contact {
    background: #fff;
    height: 222px;
    border-top: 1px solid #e5e5e5;
}
.product-menu .contact img{
    padding: 18px 65px;
}
.product-menu .contact p{
    font-size: 14px;
    color: #111;
    text-align: center;
}
.product-list li .text a:hover {
    color: #fff;
    background: #004098;
    border-color: #004098;
}


/* .videoIntro */
.videoIntro {
	width: 100%;
	height: 359px
}
.videoIntro .Title {
	padding-top: 48px;
}
.videoIntro .Title .p1 {
	color: #999;
	font-size: 16px;
}
.videoIntro .Title .p2 {
	color: #333;
}
.videoIntro .con {
	width: 1042px;
	background: url(../img/videointrobg.png) no-repeat center;
	height: 311px;
	position: relative;
	top: 41px;
	left: -19px;
}
.videoIntro .con dl {
	padding: 0 19px;
	overflow: hidden;
}
.videoIntro .con dt {
	float: left;
	width: 490px;
}
.videoIntro .con dd {
	float: left;
	width: 440px;
	margin-left: 40px;
}
.videoIntro .con dd h3 {
	font-size: 18px;
	color: #333333;
	line-height: 29px;
	margin-top: 30px;
	font-weight: normal;
}
.videoIntro .con dd p {
	font-size: 22px;
	color: #305dc3;
	line-height: 29px;
	margin-top: 20px;
}
.videoIntro .con dd i {
	display: block;
	width: 31px;
	height: 4px;
	background: #305dc3;
	margin: 18px 0 34px 0;
}
.videoIntro .con dd a {
	display: inline-block;
	width: 120px;
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	text-align: center;
	color: #fff;
	margin-right: 20px;
	text-decoration: none;
}
.pattern .con .btn {
*display: inline;
}
.videoIntro .con dd .zx {
	background: #305dc3;
}
.videoIntro .con dd .details {
	background: #ff9600;
}
/* adv */
.adv {
	width: 100%;
	overflow: hidden;
	background: url(../img/advbg.jpg) no-repeat center;
	height: 1019px;
}
.adv .Title {
	padding-top: 140px;
}
.adv .Title h2 {
	font-size: 36px;
	font-weight: normal;
}
.adv .Title h2 a {
	color: #fff;
}
.adv .Title h2 span {
	font-weight: bold;
}
.adv .con {
	width: 100%;
	margin-top: 84px;
	position: relative;
}
.adv .con img {
	margin: 0 auto;
	display: block;
}
.adv .con p {
	font-size: 16px;
	color: #fff;
	line-height: 24px;
	position: absolute;
}
.adv .con p.same {
text-align: right:;
}
.adv .con .p1 {
	left: 200px;
	top: 38px;
	text-align: right;
}
.adv .con .p2 {
	left: 772px;
	top: 38px;
}
.adv .con .p3 {
	left: 85px;
	top: 172px;
	width: 228px;
	text-align: right;
}
.adv .con .p4 {
	left: 894px;
	top: 182px;
}
.adv .con .p5 {
	left: 112px;
	top: 358px;
	width: 241px;
	text-align: right;
}
.adv .con .p6 {
	left: 852px;
	top: 358px;
	width: 218px;
}
.adv .con .p7 {
	left: 495px;
    top: 528px;
    text-align: center;
}
.hzkh img{
	width: 100%;
	margin-top: 30px;
}
}
/* pattern */
.pattern {
	width: 100%;
	overflow: hidden;
	background: url(../img/patternbg.jpg) no-repeat center;
}
.pattern .Title {
	padding-top: 50px;
}
.pattern .con {
	overflow: hidden;
	margin-top: 26px;
}
.pattern .con p {
	text-align: center;
}
.pattern .con .p1 {
	font-size: 18px;
	line-height: 30px;
	color: #333333;
}
.pattern .con .p2 {
	font-size: 22px;
	color: #305dc3;
	font-weight: bold;
	margin: 28px 0;
}
.pattern .con img {
	border: 5px solid #305dc3;
}
.pattern .con .btn {
	display: inline-block;
	width: 120px;
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	text-align: center;
	color: #fff;
	margin: 20px 0 53px 0;
}
.pattern .con .btn {
*display: inline;
}
.pattern .con .zx {
	background: #305dc3;
	margin-left: 371px;
	text-decoration: none;
}
.pattern .con .details {
	background: #ff9600;
	margin-left: 20px;
	text-decoration: none;
}
/* Fw */
.Fw {
	width: 100%;
	overflow: hidden;
	background: url(../img/fwbg.jpg) no-repeat center;
	height: 240px;
}
.Fw .Title {
	padding-top: 62px;
}
.Fw .Title h2 a, .Fw .Title p {
	font-weight: normal;
}
.Fw .Title h2 a, .Fw .Title .p1, .Fw .Title .p2 {
	color: #fff;
}
.Fw .con {
	overflow: hidden;
    padding-top: 22px;
    margin-top: 15px;
    margin-left: 101px;
}
.Fw .con dl {
	float: left;
	width: 225px;
	text-align: center;
}
.Fw .con dt {
	width: 212px;
	height: 212px;
	background: url(../img/fwbg3.png) no-repeat center;
	overflow: hidden;
}
.Fw .con dt a {
	display: block;
	width: 119px;
	height: 99px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 55px;
}
.Fw .con dt a img {
	display: block;
}
.Fw .con dd {
	margin-top: 50px;
}
.Fw .con dd h3 {
	font-size: 18px;
	margin-bottom: 12px;
	font-weight: normal;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.Fw .con dd h3 a {
	color: #fff;
}
.Fw .con dd p {
	font-size: 12px;
	color: #fff;
	line-height: 17px;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 68px;
}
.Fw .con .dl1 {
	margin-left: 61px;
}
.Fw .con .dl2 {
	margin-left: 109px;
}
.Fw .con .dl3 {
	margin-left: 110px;
}
.Fw .con dl:hover dt {
	background: url(../img/fwbg2.png) no-repeat center;
}
.Fw .con dl:hover dt img {
	margin-top: -99px;
}
/* case */
.case {
	width: 100%;
	overflow: hidden;
	padding-bottom: 24px;
	background: #f4f4f4;
}
.case .Title {
	padding-top: 48px;
}
.case .Title h2 {
	font-size: 18px;
	font-weight: bold;
}
.case .Title h2 a {
	color: #333333;
}
.case .Title p {
	font-size: 30px;
	color: #333;
	text-transform: uppercase;
	font-family: impact;
}
.case .Title p i {
	display: inline-block;
	width: 40px;
	height: 1px;
	background: #bababa;
	position: relative;
	top: -12px;
}
.case .Title p i {
*display: inline;
}
.case .Title p i.left {
	margin-right: 30px;
}
.case .Title p i.right {
	margin-left: 30px;
}
.case .con {
	width: 100%;
	overflow: hidden;
	margin-top: 40px;
}
.case .con ul {
	overflow: hidden;
}
.case .con li {
	width: 292px;
	float: left;
	margin-right: 42px;
	margin-bottom: 26px;
}
.case .con li:first-child {
	margin-left: 0;
}
.case .con li a {
	display: inline-block;
	overflow: hidden;
}
.case .con li.dif {
	width: 368px;
}
/* .ad */
.ad {
	width: 100%;
	overflow: hidden;
	background: url(../img/adbg.jpg) no-repeat center;
	height: 113px;
}
.ad .container {
	position: relative;
}
.ad .phone {
	width: 145px;
	position: absolute;
	top: 22px;
	right: 0;
}
.ad .phone p {
	font-size: 12px;
	color: #fff;
}
.ad .phone span {
	display: block;
	color: #fff;
	font-family: impact;
	font-size: 24px;
}
.ad .phone a {
	width: 90px;
	height: 27px;
	line-height: 27px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	background: #ff9600;
	display: block;
	border-radius: 2px;
}
/* .product */
.product {
	width: 100%;
	overflow: hidden;
	padding-bottom: 40px;
	background: #f4f4f4;
}
.product .Title {
	padding-top: 48px;
}
.product .Title h2 {
	font-size: 18px;
	font-weight: bold;
}
.product .Title h2 a {
	color: #333333;
}
.product .Title p {
	font-size: 30px;
	color: #333;
	text-transform: uppercase;
	font-family: impact;
}
.product .Title p i {
	display: inline-block;
	width: 40px;
	height: 1px;
	background: #bababa;
	position: relative;
	top: -12px;
}
.product .Title p i {
*display: inline;
}
.product .Title p i.left {
	margin-right: 30px;
}
.product .Title p i.right {
	margin-left: 30px;
}
.product .con {
	overflow: hidden;
	margin-top: 49px;
	position: relative;
	height: 320px;
}
.product .con ul {
	overflow: hidden;
	height: 320px;
	position: absolute;
	top: 0;
	left: 0;
}
.product .con li {
	float: left;
	width: 325px;
	margin-right: 10px;
	height: 320px;
}
.product .con li .pic {
	display: block;
}
.product .con li h3 {
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	border-bottom: 1px solid #dbdbdb;
}
.product .con li .title {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	display: block;
	float: left;
}
.product .con li .more {
	display: none;
	float: right;
	background: url(../img/product-icon01.png) no-repeat center;
	width: 18px;
	height: 18px;
	margin-top: 12px;
}
.product .con li p {
	font-size: 14px;
	color: #999999;
	line-height: 24px;
	height: 48px;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-top: 8px;
}
.product .con li:hover .more {
	display: block;
}
.product .con li:hover h3 {
	border-bottom: 1px solid #305dc3;
}
/* strength */
.strength {
	width: 100%;
	height: 1200px;
	overflow: hidden;
	padding-top: 32px;
}
.strength .Title .p1 {
	margin: 0 0 2px 0;
}
.strength .Title i {
	margin-top: 28px;
}
.strength .conBox {
	width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 30px;
}
.strength .conBox .con {
	width: 100%;
	overflow: hidden;
}
.strength .con dl {
	overflow: hidden;
}
.strength .con dt {
	width: 560px;
	float: left;
}
.strength .con dd {
	width: 540px;
    float: left;
    margin-top: 50px;
    margin-left: 20px;
    padding: 0px 28px 40px;
    background-color: #fff;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 30px 0px 30px 0px;
}

.strength .con .strtitle{
	height: 66px;
    border-radius: 200px;
    background: #305dc3;
    margin-top: -25px;
    margin-bottom: 20px;
    padding-left: 28px;
    padding-top: 11px;
}

.strength .con dd h3 {
	font-size: 22px;
	color: #ffffff;
	font-weight: bold;
}
.strength .con dd h3 span {
	color: #ffffff;
}
.strength .con dd em {
	font-size: 16px;
	color: #ffffff;
	display: block;
	margin: 6px 0 24px 0;
}
.strength .con dd p {
	background: url(../img/strength-icon01.png) no-repeat left 9px;
	padding-left: 27px;
	line-height: 35px;
	font-size: 16px;
	color: #333333;
}
.strength .con dd p span {
	color: #305dc3;
}
.strength .dif dt {
	float: right;
}
.strength .dif dd {
	margin-left: 18px;
}
.strength .con2 dd a {
	display: block;
	width: 100px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	background: #305dc3;
	border-radius: 2px;
	margin-top: 13px;
}
.strength .conBox .Num {
	width: 45px;
	height: 913px;
	position: absolute;
	left: 576px;
	top: 19px;
}
.strength .con2 {
	margin-top: 0px;
}
.strength .con3 {
	margin-top: 0px;
}
.strength .con4 {
	margin-top: 41px;
}
.strength .con2 dd {
	margin-top: 62px;
}
.strength .con3 dd {
	margin-top: 80px;
}
.strength .StrBottom {
	width: 100%;
	overflow: hidden;
	background: #305dc3;
	height: 109px;
	position: relative;
	margin-top: 50px;
}
.strength .StrBottom .phone {
	background: url(../img/strength-phone.png) no-repeat left center;
	padding-left: 61px;
	position: absolute;
	top: 32px;
	left: 269px;
}
.strength .StrBottom .phone p {
	font-size: 18px;
	color: #fff;
}
.strength .StrBottom .phone span {
	display: block;
	font-size: 25px;
	color: #fff;
	font-family: impact;
}
.strength .StrBottom a {
	font-size: 14px;
	color: #fff;
	background: #ff9600;
	display: block;
	width: 210px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	text-decoration: none;
	border-radius: 2px;
	position: absolute;
	top: 33px;
	right: 269px;
}
.save {
	width: 100%;
	overflow: hidden;
	padding-bottom: 50px;
}
.save .con {
	overflow: hidden;
	margin-top: 50px;
	position: relative;
	height: 493px;
	width: 100%;
}
.save .con ul {
	overflow: hidden;
	height: 493px;
	position: absolute;
	top: 0;
	left: 0;
	width: 105%;
}
.save .con li {
	float: left;
	width: 325px;
	margin-right: 14px;
	height: 493px;
}
.save .con li .pic {
	display: block;
}
.save .con li .pic img {
	display: block;
}
.save .liCon {
	background: #f4f4f4;
	height: 150px;
	padding-top: 18px;
	padding: 18px 12px 0 12px;
}
.save .liCon h3 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 11px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.save .liCon h3 a {
	color: #333333;
	text-decoration: none;
}
.save .liCon p {
	font-size: 12px;
	color: #666666;
	line-height: 24px;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 72px;
}
.save .liCon .more {
	display: block;
	width: 78px;
	height: 23px;
	border: 1px solid #999999;
	text-align: center;
	line-height: 23px;
	margin-top: 12px;
	text-decoration: none;
}
.save li:hover .liCon {
	background: #305dc3;
}
.save li:hover .liCon h3 a, .save li:hover .liCon p, .save li:hover .liCon .more {
	color: #fff;
}
.save li:hover .liCon .more {
	border: 1px solid #fff;
}
/* about */
.about_row2{ width: 1200px;
    height: 410px;
    padding: 50px;
    box-sizing: border-box;
    position: relative;
    background: #fff;
    margin-top: 52px;}
.about_row2:after{content: '';display: block;width: 100%;height:54px;position: absolute;bottom: -54px;left: 0;}
.about_row2 .fr {

    position: absolute;
    left: 0;
    bottom: 0;
    width: 560px;
    height: 410px;
    background: url(../img/abtfr.jpg) no-repeat center;

}
.about_row2 .fl{ width: 540px; float: right;}
.about_row2 .fl p {     font-size: 14px;
    color: #888;
    font-weight: lighter;
    line-height: 28px;
    padding: 0 0 10px;}
.about_row2 .fl strong{color: #343434;font-size: 24px;font-weight: normal;line-height: 60px;display: block;font-family: arial,microsoft yahei;}
.about_row2 .fl strong em{font-size: 17px;font-weight: normal;font-style: normal;vertical-align: top;display: inline-block;line-height: 35px;color: #999;padding: 0 5px 0 0;}
.about_row2 .fl strong .color{font-size: 28px;color: #305dc3;font-weight: bold;/*border-right: 2px solid #eee;*/display: inline-block;line-height: 40px;}


/*news*/
.news_box{padding: 30px 0px 20px 0;background:#fff;width:1200px;margin: auto;}

.news_box .page{
    display: flex;
	margin: 40px 0 60px;
}

.news_box .page .news_list{
    width: 32%;
    margin-right: 2%;
    border: 1px solid #cecccc;
}
.news_box .page .news_list:nth-child(3n){
    margin-right: 0%;
}

.news_list_title{
    font-size: 18px;
    line-height: 58px;
    background: #333333;
    height: 58px;
    line-height: 58px;
    color: #fff;
    text-indent: 20px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding-left: 20px;
}
.news_list_title img{
    margin-right: 10px;
}
.news_list_top{
    width: 94%;
    margin: auto;
    border-bottom: 1px solid #cecccc;
    box-sizing: border-box;
    padding: 20px 0 0;
}
.news_list_top ul li{
    margin-bottom: 20px;
}
.news_list_top ul li a{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.news_list_top ul li a h3{
    width: 70%;
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 1; 
    overflow: hidden;
    flex-grow: 1;
    margin-right: 10px;
	font-size: 16px;
    font-weight: normal;
}

.news_list_top ul li a p{
    margin-top: 5px;
    color: #615c5c;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
	font-size: 14px;
    line-height: 24px;
}

.news_list_bottom{
    width: 94%;
    margin: auto;
    padding: 20px 0 0;
}

.news_list_bottom ul li{
    margin-bottom: 10px;
}

.news_list_bottom ul li a{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.news_list_bottom ul li a h3{
    width: 70%;
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 1; 
    overflow: hidden;
    flex-grow: 1;
    margin-right: 10px;
    position: relative;
	font-size: 16px;
    font-weight: normal;
}

.news_box .page .news_list:nth-child(3n) li{
    border-bottom: 1px solid #cecece;
}

.news_box .page .news_list:nth-child(3n) h3::before{
    content: "问";
    display: block;
    background-color: #305dc3;
    color: #ffffff;
    font-size: 13px;
    line-height: 20px;
    height: 20px;
    width: 20px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
}
.news_box .page .news_list:nth-child(3n) h3{
    padding-left: 24px;
    line-height: 30px;
    color: #305dc3;
    margin-bottom: 10px;
}


.news_box .page .news_list:nth-child(3n) p::before {
    content: "答";
    display: block;
    background-color: #2a2a2a;
    color: #ffffff;
    font-size: 13px;
    line-height: 20px;
    height: 20px;
    width: 20px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 5px;
}

.news_box .page .news_list:nth-child(3n) p{
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.news_box .page .news_list:nth-child(3n) li:nth-last-child(1){
    border-bottom: none;
}

.dh{
    width: 500px;
    height: 50px;
    background-color: #ffffff;
    border-radius: 25px;
    line-height: 50px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 64px;
    color: #00b1a0;
}

/* .approve */
.approve {
	width: 100%;
	height: 438px;
}
.approve .container {
	width: 1123px;
	background: url(../img/approvebg.png) no-repeat center;
	height: 540px;
	position: relative;
	top: -103px;
}
.approve .Title {
	padding-top: 110px;
}
.approve .Title h2 {
	font-size: 18px;
	font-weight: bold;
}
.approve .Title h2 a {
	color: #333333;
}
.approve .Title p {
	font-size: 30px;
	color: #333;
	text-transform: uppercase;
	font-family: impact;
}
.approve .Title p i {
	display: inline-block;
	width: 40px;
	height: 1px;
	background: #bababa;
	position: relative;
	top: -12px;
}
.approve .Title p i {
*display: inline;
}
.approve .Title p i.left {
	margin-right: 30px;
}
.approve .Title p i.right {
	margin-left: 30px;
}
.approve .con {
	margin-top: 35px;
	overflow: hidden;
	width: 901px;
	margin-left: 111px;
	position: relative;
	height: 220px;
}
.approve .con ul {
	overflow: hidden;
	width: 105%;
	position: absolute;
	top: 0;
	left: 0;
	height: 220px;
}
.approve .con li {
	float: left;
	width: 278px;
	text-align: center;
	margin-right: 33px;
}
.approve .con li a {
	display: block;
	text-decoration: none;
	font-size: 12px;
	color: #666666;
}
.approve .con li span {
	display: block;
	width: 258px;
	height: 174px;
	padding: 9px;
	border: 1px solid #fff;
	margin-bottom: 12px;
}
/* news */
.news {
	width: 100%;
	overflow: hidden;
	padding-bottom: 51px;
}
.news .container {
	overflow: hidden;
}
.leftnews {
	width: 662px;
	float: left;
	border: 1px solid #f4f4f4;
	height: 355px;
}
.leftnews .menu {
	overflow: hidden;
	height: 49px;
}
.leftnews .menu li {
	float: left;
	width: 331px;
	height: 49px;
	line-height: 49px;
	background: #efefef;
}
.leftnews .menu li a {
	font-size: 16px;
	color: #333333;
	text-decoration: none;
	padding-left: 28px;
	display: block;
}
.leftnews .menu li span {
	font-size: 11px;
	color: #999999;
	text-transform: uppercase;
}
.leftnews .menu li.cur a {
	font-weight: bold;
	color: #fff;
}
.leftnews .menu li.cur {
	background: #3c67c7;
}
.leftnews .menu li.cur span {
	color: #fff;
}
.leftnews .newsbox {
	overflow: hidden;
	padding: 0 25px;
	height: 307px;
}
.leftnews .newslist {
	overflow: hidden;
}
.leftnews .newslist dl {
	overflow: hidden;
	margin-top: 24px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #efefef;
}
.leftnews .newslist dt {
	float: left;
	width: 210px;
}
.leftnews .newslist dd {
	width: 376px;
	float: left;
	margin-left: 22px;
}
.leftnews .newslist dd h3 {
	font-size: 14px;
	font-weight: normal;
	margin: 8px 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.leftnews .newslist dd h3 a {
	color: #315dc3;
}
.leftnews .newslist dd p {
	font-size: 12px;
	color: #666666;
	line-height: 18px;
	height: 54px;
	margin-bottom: 10px;
	text-overflow: ellipsis;
	overflow: hidden;
}
.leftnews .newslist dd .detail {
	font-size: 12px;
	color: #315dc3;
}
.leftnews .newslist ul {
	width: 100%;
	overflow: hidden;
	padding-top: 16px;
}
.leftnews .newslist li {
	width: 294px;
	float: left;
	overflow: hidden;
	margin-bottom: 14px;
	margin-right: 12px;
}
.leftnews .newslist li p {
	overflow: hidden;
	margin-bottom: 14px;
}
.leftnews .newslist li a {
	background: url(../img/news-icon01.png) no-repeat left center;
	font-size: 14px;
	color: #666666;
	padding-left: 14px;
	width: 215px;
	display: block;
	float: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.leftnews .newslist li span {
	display: block;
	font-size: 14px;
	color: #666;
	float: right;
	width: 40px;
}
/*.leftnews .newslist li:first-child{margin-right: 24px;}*/


.rightnews {
	width: 291px;
	height: 355px;
	border: 1px solid #f4f4f4;
	float: right;
	padding: 0 16px;
}
.rightnews .top {
	height: 21px;
	padding-top: 18px;
}
.rightnews .top h3 {
	height: 19px;
	padding-left: 16px;
	border-left: 7px solid #3763c5;
}
.rightnews .top h3 {
	font-size: 16px;
	font-weight: normal;
	color: #333333;
}
.rightnews .top span {
	font-size: 11px;
	color: #999999;
	text-transform: uppercase;
}
.rightnews .wenda {
	overflow: hidden;
	height: 315px;
	position: relative;
}
.rightnews .wenda ul {
	overflow: hidden;
	height: 315px;
	position: absolute;
	top: 0;
	left: 0;
}
.rightnews .wenda li {
	height: 82px;
	border-bottom: 1px dotted #efefef;
	padding-top: 22px;
}
.rightnews .wenda li .Q {
	font-size: 14px;
	font-weight: bold;
	background: url(../img/newsq.png) no-repeat left center;
	padding-left: 22px;
	margin-bottom: 12px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.rightnews .wenda li .Q a {
	color: #333;
}
.rightnews .wenda li .A {
	font-size: 14px;
	color: #666666;
	line-height: 18px;
	background: url(../img/newsa.png) no-repeat left 2px;
	padding-left: 22px;
	height: 36px;
	text-overflow: ellipsis;
	overflow: hidden;
}
/* ly */
.ly {
	width: 100%;
	background: url(../img/lybg.jpg) no-repeat center;
	height: 349px;
}
.ly .container {
	position: relative;
}
.ly .txt {
	width: 619px;/* float: left;padding-top: 80px;margin-left: 31px; */
	position: absolute;
	top: 80px;
	left: 31px;
}
.ly .txt .p1 {
	font-size: 28px;
	color: #333333;
}
.ly .txt .p1 span {
	color: #3763c5;
	font-weight: bold;
}
.ly .txt .p3 {
	font-size: 39px;
	color: #3763c5;
}
.ly .txt .p2 {
	width: 586px;
	height: 56px;
	line-height: 56px;
	color: #fff;
	background: #3763c5;
	font-size: 30px;
	text-indent: 4px;
	margin-top: 8px;
	margin-bottom: 10px;
}
.ly .txt .p4 {
	font-size: 31px;
	color: #333333;
	font-weight: bold;
	margin-top: 14px;
}
.ly .txt .p4 span {
	font-family: impact;
	color: #3763c5;
}
.ly .txt i {
	display: block;
	width: 40px;
	height: 3px;
	background: #3763c5;
	margin-top: 26px;
}
.lyCon {
	width: 283px;
	height: 331px;
	background: #3763c5;
	padding: 30px 21px 0 21px;/* float: right ; */
	position: absolute;
	top: -12px;
	border-radius: 2px 2px 0 0;
	right: 0;
}
.lyCon p {
	color: #fff;
}
.lyCon .p1 {
	font-size: 18px;
	font-weight: bold;
}
.lyCon .p2 {
	font-size: 18px;
	font-family: impact;
	text-transform: uppercase;
}
.lyCon .p3 {
	font-weight: bold;
	font-size: 14px;
}
.lyCon i {
	width: 62px;
	height: 1px;
	background: #fff;
	margin: 18px 0 15px 0;
	display: block;
}
.lyCon input {
	width: 271px;
	font-size: 12px;
	color: #666666;
	height: 35px;
	line-height: 35px;
	padding-left: 11px;
	border: none;
	border-radius: 2px;
	margin-bottom: 5px;
	outline: none;
}
.lyCon textarea {
	width: 271px;
	height: 83px;
	padding-left: 11px;
	padding-top: 12px;
	border-radius: 2px;
	border: none;
	outline: none;
	resize: none;
	font-size: 12px;
	color: #666666;
}
.lyCon a {
	display: inline-block;
	width: 107px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	margin-top: 10px;
	border-radius: 2px;
}
.lyCon a {
*display: inline;
}
.lyCon a.tj {
	background: #ff9600;
}
.lyCon a.again {
	background: #3d3d3d;
	margin-left: 10px;
}
/* .link */
.link {
	width: 100%;
	overflow: hidden;
	padding: 16px 0;
	border-top: 2px solid #3763c5;
}
.link dl {
	overflow: hidden;
}
.link dt {
	width: 108px;
	float: left;
	font-size: 30px;
	color: #dedede;
	font-family: impact;
}
.link dt a {
	color: #dedede;
	text-decoration: none;
}
.link dd {
	float: left;
	width: 895px;
	line-height: 36px;
}
.link dd a {
	font-size: 14px;
	color: #666666;
	padding: 6px;
}
/*<--!广告轮播样式效果一-->*/
#flashs {
	position: relative;
	height: 564px;
	overflow: hidden;
}
#flashs .bgitem {
	z-index: 1;
	position: absolute;
	top: 0;
}
#flashs .btn {
	position: absolute;
	z-index: 2;
	bottom: 25px;
	left: 50%;
	margin-left: -64px;
	padding: 0px 6px;
}
#flashs .btn span {
	background: #252525;
	cursor: pointer;
	display: inline-block;
	margin: 2px;
	width: 25px;
	height: 25px;
	font-size: 14px;
	line-height: 25px;
	text-align: center;
	color: #fff;
}
#flashs .btn span.cur {
	background: #305dc3;
}
.indexAd a {
	width: 993px;
	height: 450px;
	display: block;
}