@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

.sou_bg{ height: 80px; overflow: hidden; box-shadow: 0 8px 8px rgba(0,0,0,.1); margin-bottom:0px;}
.sou_bg .content{ padding-top: 22px;}
.sou_bg p{ font-size: 15px; line-height: 41px; }
.sou_bg p b{ color: #333;}
.sou_bg p a{ display: inline-block; padding: 0 8px; color: #6b6b6b;}
.s_inp01{width: 308px; height: 38px; overflow: hidden; }
.inp01{ outline:none; width: 245px; height: 36px; line-height: 36px; text-align: left;  border:0; box-sizing: border-box; padding: 0 10px; border: 1px solid #e5e5e5; color:#1a1a1a; font-size:15px; float:left; }
.inp02{width: 43px; height: 36px; border:0; float:left; background:url(/static/webapp/images/ss_2.jpg) no-repeat center top; }

.bts{
	text-align: center;

}
.bts a{
	font-size: 46px;
	color: #0041a2;
	font-weight: bold;
	line-height: 1;
	padding-bottom: 20px;
	background:url(/static/webapp/images/bt_s.png) no-repeat center bottom;
}
.bts p{
	margin-top: 36px;
	font-size: 20px;
	color: #666;
	font-weight: normal;
	line-height: 1;
}
.js{
	position: relative;
	padding-top: 64px;
	height: 560px;
	background:url(/static/webapp/images/js_bg.jpg) no-repeat center top;
}
.js .content{
	padding-top: 34px;
}
.js .js-min{
	overflow: hidden;
}
.js .js-min dl{
	float: left;
	width: 370px;
	margin-right: 28px;
}
.js .js-min dl dt{
	width: 370px;
	height: 246px;
	background: #fff;
	margin-bottom: 46px;
	padding: 30px;
	box-sizing: border-box;
}
.js .js-min dl dt .box{
	width: 308px;
	height: 242px;
	overflow: hidden;
}
.js .js-min dl dt img{
	display: block;
	width: 100%;
	height: auto;
	transition: all ease .8s;
}
.js .js-min dl.no{
	margin: 0;
}
.js .js-min dl dd h4{
	text-align: center;
	font-size: 24px;
	color: #323232;
	margin-bottom: 8px;
}
.js .js-min dl dd p{
	padding: 0 28px;
	font-size: 16px;
	color: #666;
	line-height: 22px;
	text-align: center;
}
.js .js-min dl:hover dt img{
	transform: scale(1.1);
}


.js .js-roll{
	position:absolute;
	left: 50%;
	bottom: 0;
	width: 100px;
	padding: 14px 14px;
	margin-left: -50px;
	background: #fff;
	box-shadow: 0 6px 20px 8px rgba(0,0,0,.1);
	border-radius: 25px;
	text-align: center;
}
.js .js-roll li{
	display: inline-block;
	width: 14px;
	height: 14px;
	background: #fff;
	border:1px solid #d01d22;
	border-radius: 50%;
	margin: 0 4px;
}
.js .js-roll li.cur{
	background: #d01d22;
	border-color: #d01d22;
}

.pro{
	padding: 80px 0;
}
.pro .content{
	padding-top: 32px;
}
.pro .pro-nav{
	padding: 30px 0;
	box-shadow: 0 0 20px 8px rgba(0,0,0,.1);
	overflow: hidden;
}
.pro .pro-nav dl{
	float: left;
	width: 300px;
	padding: 0 26px;
	box-sizing: border-box;
	border-right: 1px solid #e5e5e5;
}
.pro .pro-nav dl.no{
	border: 0;
}
.pro .pro-nav dl dt{
	font-size: 22px;
	color: #333;
	font-weight: bold;
}
.pro .pro-nav dl dt img{
	width: 48px;
	height: 48px;
	vertical-align: middle;
	margin-right: 16px;
}
.pro .pro-nav dl dd{
	padding-left: 64px;
}
.pro .pro-nav dl dd ul li{
	line-height: 34px;
	font-size: 15px;
	color: #333;
}
.pro .pro-nav dl dd ul li a{
	color: #333;
}
.pro .pro-nav dl dd ul li a.more{
	color: #004394;
}
.pro .pro-min{
	position: relative;
	margin-top: 34px;
}
.pro .pro-min{
	position: relative;
}
.pro .pro-min .pro-con{

}
.pro .pro-min .pro-con .tempWrap .clearfix{ padding-bottom:20px !important;}
.pro .pro-min .pro-con li{
	position: relative;
	float: left;
	width: 280px;
	height: 362px;
	margin-right: 24px;
	border:1px solid #dcdcdc;
	box-shadow: 0 0 5px 5px 10px rgba(0,0,0,.1);
}
.pro .pro-min .pro-con li .box{
	width: 280px;
	height: 292px;
	overflow: hidden;
}
.pro .pro-min .pro-con li .box img{
	display: block;
	width: 100%;
	height: auto;
	transition: all ease .8s;
}
.pro .pro-min .pro-con li p{
	line-height: 70px;
	font-size: 18px;
	color: #666;
	text-align: center;
	transition: all ease .4s;
}
.pro .pro-min .pro-con li.no{
	margin: 0;
}
.pro .pro-min .pro-con li span{
	position: absolute;
	left: 50%;
	display: block;
	width: 34px;
	height: 34px;
	margin-top: -17px;
	margin-left: -17px;
	line-height: 34px;
	border-radius: 50%;
	background: #c7c7c7;
	text-align: center;
	color: #fff;
	font-size: 16px;
}
.pro .pro-min .pro-con li a:hover p{
	background: #003c99;
	color: #fff;
}
.pro .pro-min .pro-con li a:hover img{
	margin-top: -6px;
}
.pro .pro-min .pro-con li a:hover span{
	background: #d01d22;
}
.pro .pro-min .btn1,.pro .pro-min .btn2{
	position: absolute;
	top: 140px;
	width: 48px;
	height: 48px;
}
.pro .pro-min .btn1{
	left: -76px;
}
.pro .pro-min .btn2{
	right: -76px;
}
.pro .pro-min .btn1 a,.pro .pro-min .btn2 a{
	display: block;
	width: 48px;
	height: 48px;
}
.pro .pro-min .btn1 a{
	background:url(/static/webapp/images/prve_ico.png) no-repeat center top;
}
.pro .pro-min .btn1 a:hover{
	background:url(/static/webapp/images/prve_icos.png) no-repeat center top;
}
.pro .pro-min .btn2 a{
	background:url(/static/webapp/images/next_ico.png) no-repeat center top;
}
.pro .pro-min .btn2 a:hover{
	background:url(/static/webapp/images/next_icos.png) no-repeat center top;
}

.wd{
	height: 760px;
	padding-top: 84px;
	box-sizing: border-box;
	background:url(/static/webapp/images/wd_bg.jpg) no-repeat center top;
}
.wd .content{
	padding-top: 36px;
}
.wd .wd-min dl{
	float: left;
	width: 228px;
	height: 354px;
	margin-right: 15px;
	background: #fff;
	border-bottom: 4px solid #0041a2;
}
.wd .wd-min dl.no{
	margin: 0;
}
.wd .wd-min dl dt{
	width: 228px;
	height: 250px;
	overflow: hidden;
}
.wd .wd-min dl dt img{
	display: block;
	width: 100%;
	height: auto;
	transition: all ease .8s;
}
.wd .wd-min dl:hover img{
	transform: scale(1.1);
}
.wd .wd-min dl dd p{
	padding-top: 26px;
	font-size: 18px;
	color: #333;
	line-height: 26px;
	text-align: center;
}
.wd .wd-min dl dd p b{
	color: #0041a2;
}
.wd .wd-min dl.odd{
	margin-top: 56px;
}
.wd .wd-tel{
	text-align: center;
	margin-top: 44px;
}
.wd .wd-tel p{
	font-size: 16px;
	color: #666;
}
.wd .wd-tel p img{
	width: 26px;
	height: 26px;
	margin: -1px 6px 0 0;
	vertical-align: middle;
}
.wd .wd-tel p b{
	color: #0141a3;
	font-size: 30px;
	margin: -4px 0 0 0;
	vertical-align: middle;
}

.case{
	padding: 78px 0;
}
.case .content{
	margin-top: 34px;
}
.case .case-min{

}
.case .case-min ul{
	overflow: hidden;
}
.case .case-min ul li{
	position: relative;
	float: left;
	width: 224px;
	height: 126px;
	margin: 0 15px 15px 0 ;
	border: 1px solid #dcdcdc;
	box-sizing: border-box;
	overflow: hidden;
}
.case .case-min ul li a{
	display: block;
	height: auto;
}
.case .case-min ul li a::before{
	position: absolute;
	left: 0;
	bottom: -1px;
	content: "";
	display: block;
	width: 100%;
	height: 0;
	background: #0041a2;
	transition: all ease .8s;
	z-index: 999;
}
.case .case-min ul li.no{
	margin-right: 0;
}
.case .case-min ul li img{
	display: block;
	width: 100%;
	height: auto;
	transition: all ease .8s;
}
.case .case-min ul li:hover img{
	transform: scale(1.06);
}
.case .case-min ul li:hover a::before{
	height: 3px;
}



.case .case-ico{
	margin-top: 25px;
}
.case .case-ico ol{
	padding: 10px 0 20px 0;
	box-shadow: 0 0 20px 8px rgb(0,0,0,0.1);
}
.case .case-ico ol li{
	float: left;
	width: 195px;
	border-right: 1px solid #dcdcdc;
}
.case .case-ico ol li span{
	display: block;
	width: 58px;
	height: 46px;
	margin: 0 auto;
}
.case .case-ico ol li.li1 span{
	background:url(/static/webapp/images/hb_ico1.png) no-repeat center top;
}
.case .case-ico ol li.li2 span{
	background:url(/static/webapp/images/hb_ico2.png) no-repeat center top;
}
.case .case-ico ol li.li3 span{
	background:url(/static/webapp/images/hb_ico3.png) no-repeat center top;
}
.case .case-ico ol li.li4 span{
	background:url(/static/webapp/images/hb_ico4.png) no-repeat center top;
}
.case .case-ico ol li.li5 span{
	background:url(/static/webapp/images/hb_ico5.png) no-repeat center top;
}
.case .case-ico ol li.li6 span{
	background:url(/static/webapp/images/hb_ico6.png) no-repeat center top;
}
.case .case-ico ol li.li6{
	border: 0;
}

.case .case-ico ol li.li1:hover span{
	background:url(/static/webapp/images/hb_icos1.png) no-repeat center top;
}
.case .case-ico ol li.li2:hover span{
	background:url(/static/webapp/images/hb_icos2.png) no-repeat center top;
}
.case .case-ico ol li.li3:hover span{
	background:url(/static/webapp/images/hb_icos3.png) no-repeat center top;
}
.case .case-ico ol li.li4:hover span{
	background:url(/static/webapp/images/hb_icos4.png) no-repeat center top;
}
.case .case-ico ol li.li5:hover span{
	background:url(/static/webapp/images/hb_icos5.png) no-repeat center top;
}
.case .case-ico ol li.li6:hover span{
	background:url(/static/webapp/images/hb_icos6.png) no-repeat center top;
}
.case .case-ico ol li a:hover p{
	color: #0041a2;
}
.case .case-ico ol li p{
	margin-top: 12px;
	line-height: 1;
	text-align: center;
	font-size: 16px;
	color: #333;
}

.ys
{
    height:878px;
	padding-top: 364px;
	padding-bottom: 60px;
	background:url(/static/webapp/images/ys_bt.jpg) #fff no-repeat center top;
}
.ys .content h3{
	font-size: 24px;
	color: #003c99;
	text-align: center;
	line-height: 1;
}
.ys .content h3 b{
	font-size: 30px;
	color: #d01d22;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 14px;
}
.ys .ys-min{
	margin-top: 52px;
	margin-bottom: 70PX;
}
.ys .ys-min ul li{
	float: left;
	width: 350px;
	margin-right: 60px;
}
.ys .ys-min ul li.no{
	margin: 0;
}
.ys .ys-min ul li img{
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}
.ys .ys-min ul li h4{
	font-size: 22px;
	color: #333;
	text-align: center;
	line-height: 1;
	margin-bottom: 20px;
}
.ys .ys-min ul li p{
	padding: 0 20px;
	font-size: 14px;
	color: #333;
	text-align: center;
	line-height: 24px;
}
.ys .ys-ico{
	position: relative;
	margin-top: 70px;
}
.ys .ys-ico .ys-ul .ys-li{
	float: left;
	width: 300px !important;
	padding: 0 44px;
	box-sizing: border-box;
	border-right: 1px solid #e6e6e6;
}
.ys .ys-ico .ys-ul .ys-li span{
	display: block;
	width: 110px;
	height: 110px;
	background: #003c99;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto 16px;
}
.ys .ys-ico .ys-ul .ys-li span img{
	display: block;
	width: 64px;
	height: 64px;
	margin: 22px auto 0;
}
.ys .ys-ico .ys-ul .ys-li h4{
	font-size: 18px;
	color: #333;
	text-align: center;
	line-height: 1;
	margin-bottom: 16px;
}
.ys .ys-ico .ys-ul .ys-li p{
	font-size: 14px;
	color: #333;
	text-align: center;
	line-height: 24px;
}
.ys .ys-ico .ys-ul .ys-li.no{
	border: 0;
}
.ys .ys-ico .ys-ul .ys-li:hover span{
	background: #d01d22;
}



.ys .ys-ico .btn1,.ys .ys-ico .btn2{
	position: absolute;
	top: 96px;
	width: 30px;
	height: 30px;
	cursor: pointer;
}
.ys .ys-ico .btn1{
	left: -15px;
}
.ys .ys-ico .btn2{
	right: -15px;
}
.ys .ys-ico .btn1 img,.ys .ys-ico .btn2 img{
	display: block;
	width: 100%;
	height: auto;
}


.about{
	height: 1070px;
	padding-top: 372px;
	box-sizing: border-box;
	background:url(/static/webapp/images/about_bg.jpg) no-repeat center top;
}
.about .about-min{
	background: #fff;
	padding: 74px 100px 56px 100px;
	height: 145px;
}
.about .about-min h3{
	font-size: 30px;
	color: #333;
	text-align: center;
	line-height: 1;
	margin-bottom: 24px;
}
.about .about-min p{
	font-size: 15px;
	color: #666;
	text-align: center;
	line-height: 30px;
}
.about .about-min p a{
	color: #bb0000;
}
.about .xc {
	margin-top: 40px;
}
.about .xc h3{
	text-align: center;
	margin-bottom: 25px;
}
.about .xc h3 span{
	display: inline-block;
	padding: 0 42px;
	line-height: 50px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	background: #d01d22;
	border-radius: 30px;
}
.about .xc h3 span a{ color:#fff;}
.about .xc ul li{
	float: left;
	width: 288px;
	margin-right: 16px;
	background: #fff;
}
.about .xc ul li .box{
	width: 288px;
	height: 200px;
	overflow: hidden;
}
.about .xc ul li img{
	display: block;
	width: 100%;
	height: auto;
	transition: all ease .6s;
}
.about .xc ul li a:hover img{
	transform: scale(1.1);
}
.about .xc ul li.no{
	margin: 0;
}
.about .xc ul li p{
	font-size: 16px;
	color: #333;
	text-align: center;
	line-height: 46px;
}





/* S news  */
.news {
	padding: 80px 0;
}
.news .content{
	padding-top: 20px;
}
.news-l{
	float: left;
	width: 820px;
}
.news .news-roll{
	position: relative;
	height: 48px;
}
.news .news-roll ul{
	overflow: hidden;
	border-bottom: 1px solid #e3e3e3;
}
.news .news-roll ul li{
	float: left;
}
.news .news-roll ul li a{
	display: block;
	font-size: 18px;
	color: #333;
	font-weight: bold;
	padding: 0 20px;
	line-height: 44px;
	box-sizing: border-box;
}
.news .news-roll ul li.cur a{
	border-bottom: 4px solid #003c99;
}
.news .news-roll .more{
	position: absolute;
	top: 10px;
	right: 0;
}
.news .news-roll .more a{
	display: inline-block;
	font-size: 12px;
	color: #999;
	padding: 0 10px;
	line-height: 22px;
	border-radius: 2px;
	border: 1px solid #e5e5e5;
}
.news .news-min{
	margin-top: 32px;
	overflow: hidden;
}
.news .news-min dl{
	float: left;
	width: 382px;
	height: 408px;
	background: #f3f3f3;
}
.news .news-min dl dt img{
	display: block;
	width: 100%;
	height: auto;
}
.news .news-min dl dd{
	padding: 22px;
}
.news .news-min dl dd h5{
	font-size: 16px;
	color: #333;
	line-height: 1;
	font-weight: normal;
	margin-bottom: 8px;
}
.news .news-min dl dd h5 span{
	float: right;
	color: #999;
}
.news .news-min dl dd p{
	font-size: 14px;
	color: #666;
	line-height: 24px;
	margin-bottom: 18px;
}
.news .news-min dl dd a{
	font-size: 14px;
	color: #003c99;
}
.news .news-min ul{
	float: right;
	width: 408px;
}
.news .news-min ul li{
	padding: 26px 0;
	border-bottom: 1px solid #e9ebea;
	overflow: hidden;
}
.news .news-min ul li span{
	float: left;
	width: 70px;
	font-size: 14px;
	color: #333;
}
.news .news-min ul li span b{
	font-size: 20px;
	color: #999;
	display: block;
	margin-bottom: 4px;
}
.news .news-min ul li p{
	float: right;
	width: 330px;
	font-size: 14px;
	color: #666;
	font-weight: normal;
	line-height: 24px;
}
.news .news-min ul li p i{
	display: block;
}
.news .news-min ul li p i a{
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
.news .news-r {
	float: right;
	width: 316px;
}
.news .news-r h4{
	line-height: 46px;
	font-size: 18px;
	color: #333;
	font-weight: bold;
	margin-bottom: 28px;
	border-bottom: 1px solid #e3e3e3;
}
.news .news-r h4 span{
	float: right;
}
.news .news-r h4 span a{
	display: inline-block;
	font-size: 12px;
	color: #999;
	padding: 0 10px;
	line-height: 22px;
	font-weight: normal;
	border-radius: 2px;
	border: 1px solid #e5e5e5;
}
.news .news-r .news-img{
	border: 5px solid #eee;
	margin-bottom: 10px;
}
.news .news-r .news-img img{
	display: block;
	width: 100%;
	height: auto;
}
.news .news-r dl{
	padding: 14px 0;
	border-bottom: 1px dashed #ccc;
}
.news .news-r dl dt{
	padding-left: 40px;
	line-height: 25px;
	background:url(/static/webapp/images/w.jpg) no-repeat left top;
	margin-bottom: 4px;
}
.news .news-r dl dt a{
	font-size: 16px;
	color: #333;
	line-height: 25px;
}
.news .news-r dl dd{
	padding-left: 40px;
	background:url(/static/webapp/images/d.jpg) no-repeat left top;
}
.news .news-r dl dd p{
	font-size: 14px;
	color: #666;
	line-height: 25px;
}