@charset "utf-8";

/* CSS Document */

html, body{

	width: 100%;

	min-height: 100%;

	font-family: '微软雅黑';

	font-size: 24px;

	background-color: #EEF1F3;

}









/* banner */

.banner{ width:640px;height: 400px;position: relative; }

.banner .slick-slider,.banner .slick-list,.banner .slick-track,.banner .slick-slide{height: 100%;}

.banner .slick-slide .con{display: block;height: 100%;outline: 0;position: relative;overflow: hidden;

    background-position: center center;background-repeat: no-repeat;

    -o-background-size: cover;

    -ms-background-size: cover;

    -moz-background-size: cover;

    -webkit-background-size: cover;

    background-size: cover;

}

.banner .slick-slide .bg{outline:0;display:block;height:100%;position:relative; 

    overflow:hidden;

    background-position:center center;

    background-repeat:no-repeat;

    -o-background-size:cover;

    -ms-background-size:cover;

    -moz-background-size:cover;

    background-size:cover;

    -webkit-transform:scale(1.2);

    transform:scale(1.2);

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

    transition:all 5s ease-out

}

.banner .slick-slide.img_scale .bg{

    -webkit-transform:scale(1);

    transform:scale(1);

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

    transition:all 5s ease-out;

}


.banner .slick-slide.img_scale .tit{opacity:1;-webkit-transition:all 2s ease-out;transition:all 2s ease-out;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}

.banner .slick-slide.img_scale .lab{opacity:1;-webkit-transition:all 2.5s ease-out;transition:all 2.5s ease-out;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}






.banner .txt{color: #fff;position: absolute;top: 37%;left: 35%;width: 400px;right: 0;z-index: 5;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

}

.banner .tit{font-size: 36px;text-shadow: 0px 1px 2px rgba(0,0,0,0.15);

    font-family: 'JHRuHeiZhong','PingFangSC-Regular','sans-serif';font-weight: normal;line-height: 1.3;

    opacity:0;

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

    transition:all 2s ease-out;

    -webkit-transform:translateY(80px);

    -moz-transform:translateY(80px);

    -o-transform:translateY(80px);

    -ms-transform:translateY(80px);

    transform:translateY(80px)

}

.banner .lab{font-family: 'PingFangMedium','PingFangSC-Regular','sans-serif';font-size: 18px;margin-bottom: 58px; margin-top:10px;

    opacity:0;

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

    transition:all 2.5s ease-out;

    -webkit-transform:translateY(80px);

    -moz-transform:translateY(80px);

    -o-transform:translateY(80px);

    -ms-transform:translateY(80px);

    transform:translateY(80px)

}





.banner .slick-dots{position: absolute;left: 55%;bottom: 40px;right: 0;width: 640px;

    z-index: 3;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

}

.banner .slick-dots li{display: inline-block;margin-right: 8px;padding: 15px 0;cursor: pointer;}

.banner .slick-dots li button{display: block;width: 60px;height: 2px;

    font-size: 0;line-height: 0;text-indent: 99px;

    background-color: #fff;opacity: .4;border: 0;cursor: pointer;

}

.banner .slick-dots li.slick-active button{opacity: 1;}

.banner .slick-arrow{position: absolute;bottom: 33px;

    width: 62px;height: 62px;;z-index: 50;cursor: pointer;

    border: 2px solid rgba(255,255,255,.2);border-radius:50%;

    background-repeat: no-repeat;background-position: center center;

    -o-background-size: 9px auto;

    -ms-background-size: 9px auto;

    -moz-background-size: 9px auto;

    -webkit-background-size: 9px auto;

    background-size: 9px auto;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

.banner .slick-prev{right: 118px;background-image: url(../images/b-l.png);}

.banner .slick-next{right: 40px;background-image: url(../images/b-r.png);}


.wrapper{width:62px;height:62px;position:absolute;z-index:50;clip:rect(0,62px,62px,31px);}

.circle{width:62px;height:62px;border:2px solid #fff;border-radius:50px;position:absolute;clip:rect(0,31px,62px,0);} 


.base .left{-webkit-animation-duration:4s;-webkit-animation-name:left-spin}

.base .right{-webkit-animation-duration:2s;-webkit-animation-name:right-spin}

@-webkit-keyframes right-spin{

from{-webkit-transform:rotate(0)}

to{-webkit-transform:rotate(180deg)}

}

@-webkit-keyframes left-spin{

from{-webkit-transform:rotate(0)}

to{-webkit-transform:rotate(360deg)}

}

@-webkit-keyframes close-wrapper{

to{clip:rect(auto,auto,auto,auto)}

}


.businessbox {font-family:"Microsoft Yahei";line-height:24px;font-size: 18px;clear: both;padding:30px 0 0;position: relative;overflow: hidden;z-index: 1;text-decoration: none;}

.businessbox  h2{font-size: 46px;line-height: 60px;color: #e0e0e0; text-align:center;}

.businessbox  p{font-size: 24px;line-height: 38px;color: #e0e0e0;font-weight:normal; margin-bottom:20px;} 



.clearfix:after {clear:both;display:block;height:0;content:'\20';}

.businessbox li{width: calc(50% - 55px); float: left; margin-left: 45px; margin-bottom: 10px; margin-top:10px;position: relative;}
.businessbox ul{width: calc(100% + 55px);margin-left:-55px; }

.fangdapic{ overflow:hidden; position:relative; width:110%;}
.fangdapic img{ transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width:100%}
a:hover .fangdapic img{transform: scale(1.1);-webkit-transform: scale(1.1);}
li:hover .fangdapic img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.fangdapic:hover>img{transform: scale(1.1);-webkit-transform: scale(1.1);}

.businesstxt{width:100%; position: absolute; left: 0px; bottom: 0px; color: #fff;background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7)); padding:5%; }
.erduan {display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
.businesstxt p{font-size: 20px; font-weight: bold; margin-bottom:7px;}
.businesstxt span{font-size: 14px; font-weight: normal; margin-bottom:7px;}
.businesstxtleft{width: calc(100% - 100px);}
.businesstxt em{width:88px; height: 28px; font-size:14px; color:#fff; border: 1px solid #fff; line-height: 28px; text-align: center; border-radius: 3px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
.businessbox li a:hover .businesstxt em{border: 1px solid #0052d9; background: #1b3564;}


/*产品中心*/








.floor_1_main {clear: both;font-size:24px;font-family:"Microsoft Yahei";line-height:38px;position: relative;padding:10px 0 10px;z-index: 1;  background: rgba(0,0,0,.03); min-height:1350px;text-align: center}
.floor_1_main_title {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 10px;
}
.floor_1_main h3 {
	font-size: 38px;
	font-weight: 100;
	padding-bottom: 12px;
	color: #333;
	font-weight: bold;
}

.floor_1_main .slideTxtBox {
	text-align: left;
}
.floor_1_main .slideTxtBox .hd {
	text-align: center;
	padding-bottom: 218px;
}
.floor_1_main .slideTxtBox .hd ul {
     width: 100%;
	display: inline-block;
	zoom: 1;
*display: inline;
}
.floor_1_main .slideTxtBox .hd ul li {
	border: 1px solid #bfbfbf;
	float: left;
	width: 29%;
	height: 43px;
	line-height: 43px;
	text-align: center;
	border-radius: 5px;
	font-size: 16px;
	margin: 10px 2%;
}
.floor_1_main .slideTxtBox .hd ul li a {
	color: #828282;
	display: block;
	width: 100%;
	height: 100%;
}
.floor_1_main .slideTxtBox .hd ul li.on a {
	background: #21499b;
	color: #Fff;
	border-radius: 4px;
}
.floor_1_main .slideTxtBox .hd ul li.on {
	border: 1px solid #1f6eb1;
}



.indexpro{width: 100%;margin: 0 auto; }




.indexpro-list{margin: 0 -25px 7px;*zoom:1;}

.indexpro-list:after,.indexpro-list:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }




.indexpro li {width:48.5%;float: left;margin-bottom: 30px; height:310px;}

.indexpro li .con{display: block;margin:  0 13px;}

.indexpro li .pic{height: 220px;border-radius: 20px;

	font-size: 0;text-align: center;margin-bottom: 36px;overflow: hidden;

	background-color: #fff;

	transition: .5s;

	-ms-transition: .5s;

	-moz-transition: .5s;

	-webkit-transition: .5s;

	-o-transition: .5s;

}

.indexpro li .pic img{display: inline-block;vertical-align: middle;

	width: 100%;height: 100%;

	transition: .5s;

	-ms-transition: .5s;

	-moz-transition: .5s;

	-webkit-transition: .5s;

	-o-transition: .5s;

}

.indexpro li h3{font-size: 24px;color: #666; line-height:30px;margin-bottom: 16px; text-align:center;

	text-overflow:ellipsis;

	font-weight:normal;	overflow: hidden;

}

.indexpro li .con:hover .pic{box-shadow: 0px 0px 15px rgba(0,0,0,.2);}

.indexpro li .con:hover .pic img{

	-webkit-transform: scale(1.15);

	-moz-transform: scale(1.15);

	-o-transform: scale(1.15);

	-ms-transform: scale(1.15);

	transform: scale(1.15);

}





/*成功案例*/
.indexcasebox{clear: both;font-size:24px;font-family:"Microsoft Yahei";line-height:58px;position: relative;padding:20px 0 30px;z-index: 1;  background: rgba(0,0,0,.03);text-align: center;}
.indexcasebox h2{font-size:42px; color: #333; position: relative; padding: 10px 0 10px; font-weight:normal; letter-spacing:5px; margin-bottom:30px;}
.indexcasebox h2:before{width:46px; height: 3px; background: #0052d9; content: ""; left: 50%; margin-left: -23px; position: absolute; bottom: 0px;}
.indexcasebox a:hover{color: #000;}
.indexcased_con,.business_con{width: 100%;margin: 0 auto; }
.indexcase_t{font-size: 24px; display: block; margin-bottom:20px;}
.indexcase_t span,.indexcase_t em{padding: 0 18px;font-size:28px;display: inline-block;}
.indexcase_t span a,.indexcase_t em a{color: #666; display: inline-block;position: relative;}
.indexcase_t span a:before,.indexcase_t em a:before{content: "";position: absolute;width:0;height:3px;top:0;left:0;background:#1b3564;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.indexcase_t span.cur a:before,.indexcase_t em:hover a:before{width: 100%;}


.indexcase_r{width: 100%;}

.indexcase_r li span a{display: block;color: #e0e0e0;}


.indexindexcase-list{margin: 0 -10px 7px;*zoom:1;}
.indexindexcase-list:after,.indexindexcase-list:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.indexindexcase-list li{width:50%;float: left;margin-bottom: 30px; height:325px;}
.indexindexcase-list .con{display: block;margin: 0 10px;}
.indexindexcase-list .pic{height: 250px;border-radius: 20px;
	font-size: 0;text-align: center;margin-bottom: 36px;overflow: hidden;
	background-color: #fff;
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}
.indexindexcase-list .pic img{display: inline-block;vertical-align: middle;
	width: 100%;height: 100%;
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}
.indexindexcase-list h3{font-size: 24px;color: #666; line-height:30px;margin-bottom: 16px;
	text-overflow:ellipsis;
	white-space: nowrap;
	font-weight:normal;	overflow: hidden;
}
.indexindexcase-list .con:hover .pic{box-shadow: 0px 0px 15px rgba(0,0,0,.2);}
.indexindexcase-list .con:hover .pic img{
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
	-ms-transform: scale(1.15);
	transform: scale(1.15);
}

/*公司优势*/
.ys_bj,.indexadvantage_con dd{box-sizing:border-box;}
.ys_bj{background:url(../images/index/ys_bj.jpg) center top no-repeat;height:1086px;padding-top:33px; }
.indexadvantage .titis{height:103px}
.titis{text-align:center}
.titis h2,.titis h2 a{color:#333}
.titis h2{height:67px;line-height:67px;font-size:48px}
.titis p{display:block;font-size:20px;color:#5e5e5f;line-height:34px;height:34px}
.indexadvantage_con { margin-left:10px;}
.indexadvantage_con dd,.indexadvantage_con dl{height:420px;background:#fff;}
.indexadvantage_con dd{float:left;width:600px;margin-left:0px;padding:28px 90px 0 10px;box-shadow:0 0 20px rgba(0,0,0,.07);position:relative;z-index:2}
.indexadvantage_con dd h4{height:167px;background:url(../images/index/ys_x.png) left bottom no-repeat;margin-bottom:55px}
.indexadvantage_con dd h4 span{display:block;height:76px;line-height:76px;font-size:60px;color:#21499b}
.indexadvantage_con dd h4 em{display:block; height:54px;line-height:54px;font-size:23px;color:#333}
.indexadvantage_con dd p{font-size:17px;color:#333; width:550px;line-height:30px;margin-bottom:23px;padding-left:19px;background:url(../images/index/ys_a1.png) left 14px no-repeat}
.indexadvantage_con dd i{font:115px Impact;color:#d9d9d9;position:absolute;top:64px;right:-12px;height:106px;line-height:106px}
.bd_tel p span,.ft_a h4 a,.ft_w em,.link span,.indexadvantage_nav li span{font-weight:700}
.footWrap,.footer,.link,.lk_bj,.indexadvantage_nav{position:relative}
.indexadvantage_con dt{float:left;margin-right:0px;font-size:0;line-height:0}
.indexadvantage_con dt img{width:610px;height:400px}
.indexadvantage_nav{ width:620px;height:82px; margin-left:0px;line-height:82px;top:3px;z-index:2; margin-top:400px;box-shadow:0 0 5px rgba(0,0,0,.1);background:#fff;}
.indexadvantage_nav li{float:left;height:82px;width:155px; margin-right:0px;text-align:center}
.indexadvantage_nav li i{display:inline-block;width:42px;height:42px;overflow:hidden;vertical-align:middle;margin-right:10px}
.indexadvantage_nav li i img{display:block;transition:all .5s}
.indexadvantage_nav li span{font-size:22px;color:#323232;vertical-align:middle}
.indexadvantage_nav li.on i img{margin-top:-42px}
.indexadvantage_nav li.on span{color:#fff}
.indexadvantage_nav li.on{background:#21499b;}


/*首页关于我们*/


.indexabout{ background: no-repeat fixed center center; background-size:cover; color:#fff; padding:70px 0; height:1100px;}
.indexabouttit strong{ font: 40px/0px din_b;font-weight:bold;  }
.indexabouttit p{ font: 42px/42px sym; margin-top:5px; font-weight:normal;letter-spacing:5px;}
.indexabouttit:after{width:50px; height:2px; margin-left:-25px;}
.indexabouttit{padding-bottom:12px; text-align:center;}
.indexabouttit_w{color:#fff;}
.indexabouttit_w strong{ color:rgba(255,255,255,0.2)}

.indexaboutdestxt{ text-align: center; margin-top: 50px; }
.indexaboutdestxt strong{ display:block; font-size: 36px; line-height: 46px;}
.indexaboutdestxt p{ font-size:18px; line-height:40px; margin-top:25px;}
.indexaboutmore{ text-align:center; margin-top:20px; margin-bottom:20px; font-size:16px;}
.indexaboutmore .indexaboutmoret:before{ border: none; background: url(../images/abt_cbtnbg.png) no-repeat center center; background-size:100% 100%; }
.indexaboutmoret{ line-height: 50px; height: 50px; width: 150px; display:inline-block; position:relative; text-align:center}
.indexaboutmoret:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; border: 1px solid #000; border-image:linear-gradient(to right,#1b3564 30%,#d12920 100%); border-image-slice:1;}
.indexaboutmoret:after{content:""; position:absolute; left:0; top:0; bottom:0; background:linear-gradient(to right,#1b3564 30%,#d12920 100%); transition:all 0.5s ease; width:0%;}
.indexaboutmoret:hover:after{ opacity:1; width:100%;}
.indexaboutmoret span{display:inline-block; position:relative; z-index:1; transition:all 0.5s ease;}
.indexaboutmoret:hover span{color:#fff;}
.indexaboutmoret:hover{transform:translateY(-3px); box-shadow:0 3px 18px rgba(0,157,221,0.3);}
.indexaboutmoret_w{color:#fff;}

.flexlst{display:flex; flex-wrap:wrap; }
.indexaboutul{ margin:20px 26px 0;}
.indexaboutul li{ width:calc(34% - 2%); margin:0 13px; color:#333; padding:2% 38px 2%; background:rgba(255,255,255,0.9); margin-bottom:20px;position:relative; transition:all 0.5s ease;}
.indexaboutliico{ position: absolute; top: 10px; right: 14px; }
.indexaboutul li strong{ display: block; }
.indexaboutul li strong span{ color: #3065be; display: inline-block; margin-right: 6px; font: 48px/52px din_b; }
.indexaboutul li strong i{ font-size: 18px; line-height: 18px; font-style: normal; font-weight: normal; }
.indexaboutul li p{ font-size: 18px; line-height: 24px; }
.indexaboutul li:hover{transform:translateY(-10px);}














/*新闻资讯*/

.nswsbox{font-family:"Microsoft Yahei";line-height:24px;font-size: 18px;clear: both;color: #999;padding:80px 0 0;position: relative;overflow: hidden;background:url(../images/newbg.jpg) no-repeat center 0 #f7f7f7;z-index: 1;height: 1455px;text-decoration: none;}

.nswsbox h2{font-size: 46px;line-height: 60px;color: #e0e0e0; text-align:center;}

.nswsbox p{font-size: 24px;line-height: 38px;color: #e0e0e0;font-weight:normal; margin-bottom:20px;} 

.news-nav{height:60px; margin:80px 0 36px; }

.news-nav ul{width:400px; float:left;}

.news-nav ul li{float:left;width:180px; height:60px; position: relative; line-height:60px; text-align: center;background: #282828;}

.news-nav ul li a{display: block; font-size: 20px; color:#FFF;}

.news-nav ul li i{display: block; width:18px; height:7px; position: absolute; left:56px;bottom:-7px;}

.news-nav ul li.cur{background: #c01d29;}

.news-nav ul li.cur:before{content: "";position: absolute;width:0;height:0;border-right:8px solid transparent;border-left:8px solid transparent;border-top:8px solid #c01d29;left: 50%;top: 60px;margin-left: -8px;}

.news-nav b{display: block; height:60px; line-height: 60px;float:right;}

.news-nav b a{font-size: 18px; color:#999; font-weight: normal; }

.news-left{width:100%; float:left;}

.news-left .news-top{height:301px; border-bottom:1px solid #dfdfe0;margin-bottom: 38px;}

.news-left .news-top em{display: block; height:44px; line-height: 44px;font-size: 22px; color:#333333;}

.news-left .news-top h4{height:46px; line-height: 46px;margin-bottom: 32px;width:610px;}

.news-left .news-top h4 a{display: block;font-size: 30px; color:#333333; font-weight: normal;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.news-left .news-top h4 a:hover{color: #1F7BFE;text-decoration: none;}

.news-left .news-top p{line-height: 25px;font-size: 18px; color:#898888; margin-bottom: 26px;}

.news-left .news-top span{display: block; width:140px; height:40px; text-align: center; line-height: 40px; border-radius: 20px; border:2px solid #15262e;}

.news-left .news-top span a{display: block; font-size: 17px; color:#333333;text-overflow: ellipsis;}

.news-left .news-top span a:hover{animation:shake 1.2s linear;-webkit-animation:shake 1.2s linear;}

.news-left ul li{width: 100%;height:40px; list-style-type: disc;}

.news-left ul li a{line-height: 40px;font-size: 18px; color:#444444;list-style-type: disc; }

.news-left ul li a:hover{}

.news-left ul li em{display: block;height:40px;  float:left;position: relative; font-size: 18px;width:70%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; }

.news-left ul li em:before{display: none;width: 100%; height:1px; background:#004f9a; content:""; position: absolute; left:0;top:26px;}

.news-left ul li i{display: block; height:40px;line-height: 40px; float:right;font-size: 18px; color:#aaaaaa;font-weight: normal; font-style:normal;}

.news-left ul li:hover em{color:#1F7BFE;font-weight: normal;}

.news-rig{width:100%;float:right; margin-top: 0px;}

.news-rig ul li{float:left; width:48%; margin-bottom: 20px; margin-left:2%; height:260px; position: relative;}

.news-rig ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}

.news-rig ul li span img{width:100%; height:260px;}

.news-rig ul li em{display: block; width:100%;height:62px; line-height: 62px; text-align: center; font-size: 18px; color:#FFF;background:rgba(0,0,0,0.8); position: absolute; left:0;bottom:0;box-sizing:border-box;padding:0 10px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.news-rig ul li:nth-child(2n){float:right;}

.news-rig li:hover span img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}