@charset "utf-8";

html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}

a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }

p{text-align: justify;text-justify:inter-ideograph;margin: 0;}

li {list-style-type: none; vertical-align: top; margin: 0;padding:0;}

ul {margin: 0;padding: 0;}

img{margin: 0;padding: 0;border: 0; vertical-align: top;}

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}

dl,dt,dd{padding: 0;margin:0;}

i,em{font-style: normal;}



.fl {float:left;}

.fr {float:right;}

.clear{clear:both;}

.w0{width: 100%;}

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

.w1140{width: 1140px;margin:0 auto;}

.pr{position: relative;}



/*header start*/

.header .head_top{width: 100%;height: 155px;background: url(../images/head_top.jpg) no-repeat center;border-top: 10px solid #31305C}

.header .head_top .top{height: 40px;line-height: 40px}

.header .head_top .bot{height: 110px}

.header .head_top .bot .logo{padding: 15px 0 20px}

.header .top_list a{display: inline-block;padding-left:20px}

.header .tel{ padding-top:15px;}

.header .tel .teltop{ float:left;}
.header .tel .teltop img{ padding-top:8px;}

.header .tel b{ float:right; font-size: 32px;font-family: Arial;color: #31305C;display: block;padding-top: 5px}

.head_bot{height: 50px;background: #31305C}

.head_bot ul li{width: 133px;float: left;height: 50px;line-height: 50px;text-align: center;}

.head_bot ul li a{display: block;text-align: center;color: #fff;font-size: 16px;font-weight: bold}

.head_bot ul li:hover {background: #FFEB12}

.head_bot ul li:hover a{color: #31305C}

/*banner start*/

.flexslider{

	position: relative;

	width: 100%;

	height:700px;

	overflow: hidden;

	zoom: 1;

}

.flexslider .slides li{

	width: 100%;

	height: 100%;

}

.flex-direction-nav a{

	width: 70px;

	height: 70px;

	line-height: 99em;

	overflow: hidden;

	margin: -35px 0 0;

	display: block;

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

	position: absolute;

	top: 50%;

	z-index: 10;

	cursor: pointer;

	opacity: 0;

	filter: alpha(opacity=0);

	-webkit-transition: all .3s ease;

	border-radius: 35px;

}

.flex-direction-nav .flex-next {

	background-position: 0 -70px;

	right: 0;

}

.flex-direction-nav .flex-prev {

	left: 0;

}

.flexslider:hover .flex-next {

	opacity: 0.8;

	filter: alpha(opacity=25);

}

.flexslider:hover .flex-prev {

	opacity: 0.8;

	filter: alpha(opacity=25);

}

.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {

	opacity: 1;

	filter: alpha(opacity=50);

}

.flex-control-nav {

	width: 100%;

	position: absolute;

	bottom: 10px;

	text-align: center;

}

.flex-control-nav li {

	margin: 0 2px;

	display: inline-block;

	zoom: 1;

	*display: inline;

}

.flex-control-paging li a {

	background: rgba(0,0,0,0.3);

	display: block;

	height: 10px;

	overflow: hidden;

	text-indent: -99em;

	width: 10px;

	cursor: pointer;

	-webkit-transition: all 0s ease;

	border-radius: 10px;

}

/*banner 切换圆点颜色*/

.flex-control-paging li a.flex-active,.flex-control-paging li.active a{

	background: #CF9932;

}

.flexslider .slides a img {

	width: 100%;

	height: 700px;

	display: block;

}



.title{text-align: center;padding-bottom: 30px}

.title b{font-size: 60px;color: #dfdfdf}

.title span{padding: 0 20px}

.title span,.title em{font-size: 30px}

.title em{font-weight: bold;color: #31305C}



.product{padding: 50px 0;}

.product .title{background: url(../images/titline.png) no-repeat 700px 18px;}

.pro_body{background: #f1f1f1}



.pro_body dl dt,.pro_body dl dd{width: 300px;height: 300px;float: left;}

.pro_body dl dt{background:url(../images/pro_list.jpg) no-repeat center;position: relative;}

.pro_body dl dt .pro_tit{padding-left: 20px;padding-top:20px;}

.pro_body dl dt b{font-size: 28px;color: #31305C}

.pro_body dl dt p{font-size: 20px}

.pro_body dl dt .p_list{position: absolute;top: 120px;left: 110px}

.pro_body dl dt .p_list li{line-height: 37px;font-size: 16px;padding-left: 20px;font-weight: bold}

.pro_body dl dt .p_list li a{color: #31305C}

.pro_body dl dt .p_list li:hover {background: url(../images/jt1.png) no-repeat center left;}

.pro_body dl dd:nth-child(2) {background: #f9f9f9}

.pro_body dl dd:nth-child(3) {background: #f1f1f1}

.pro_body dl dd:nth-child(4) {background: #f9f9f9}

.pro_body dl dd:nth-child(5) {background: #f9f9f9}

.pro_body dl dd:nth-child(6) {background: #f1f1f1}

.pro_body dl dd:nth-child(7) {background: #f9f9f9}

.pro_body dl dd:nth-child(8) {background: #f1f1f1}

.pro_body dl dd .img{width: 260px;height: 195px;overflow: hidden;margin: 20px 20px 0 20px}



.pro_body dl dd .img img{width: 260px; height: 195px; display: block;transition:.5s ease-in;}

.pro_body dl dd:hover img{ transform:scale(1.1,1.1);}

.pro_body dl dd p{text-align: center;font-size: 15px;line-height: 35px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 5px 20px 0;}

.pro_body dl dd i{display: block;margin: 0 auto;width: 100px;height: 25px;line-height: 25px;background: #31305C;color: #fff;text-align: center;}

.pro_body dl dd:hover i{background: #FFEB12;color: #333}

/*company start*/

.company{background:url(../images/sli.jpg) no-repeat center 0; height: 645px; overflow: hidden;}

.sli_l{ padding-top: 123px; width: 337px;}

.sli_l h3 i{ line-height: 100%; font-size: 52px; color: #5f5d5e;font-weight: bold;}

.sli_l h3 i span{ color: #31305c;}

.sli_l h3 em{ display: block; line-height: 100%; font-size: 30px; color: #5f5d5e; font-weight: normal; padding: 16px 0 55px 0;}

.sli_l p{ height: 232px; border-bottom: 5px solid #cecece; color: #5f5d5e; font-size: 16px; line-height: 30px; letter-spacing: 1px;}

.sli_r{ margin-top: 116px; width: 699px;background:url(../images/sli.png) no-repeat; width: 699px; height: 404px;}

.sli_r ul{ overflow: hidden; padding: 73px 0 0 100px;}

.sli_r ul li{ float: left; width: 200px; text-align: center; height: 170px; font-size: 15px; color: #31305c;}

.sli_r ul li em{ display: block; line-height: 100%; padding-top: 10px;text-transform: uppercase;font-family: Arial;letter-spacing: -0.5px}

.sli_r ul li i{ font-size: 30px;padding-top: 5px;display: inline-block;}

.sli_r ul li i span{ display: inline-block; line-height:78%; font-size: 72px;font-weight: bold; letter-spacing: -2px; font-family: arial;}

.sli_r ul li:nth-of-type(2),.sli_r ul li:nth-of-type(3){ color: #fff;}

.sli_r ul li:nth-of-type(3){ margin-left: 100px;}





/*tes start*/

.tes{ overflow: hidden;background:url(../images/tes.jpg) no-repeat center 0; margin-bottom: 60px; box-sizing: border-box; padding: 90px 0;}

.tes h2 i,.tes h2 em{ color: #fff;}.tes h2{ margin-bottom: 53px;}

.tes h2 em{    background: url(../images/t_h2.png) no-repeat center bottom;}

.tes h2 i b{ color: #ffeb12;}.tes h2 i b:before{ background: #fff;}

.tes ul li{ float: left; width: 198px; margin-right: 133px; text-align: center;}.tes ul li:last-of-type{ margin-right: 0;}

.tes ul li i{ display: block; padding-top: 269px; font-size: 26px; color: #5f5d5e; padding-bottom: 40px; position: relative;background: url(../images/tes1.png) no-repeat center 0;}

.tes ul li:nth-of-type(2) i{background: url(../images/tes2.png) no-repeat center 0;}

.tes ul li:nth-of-type(3) i{background: url(../images/tes3.png) no-repeat center 0;}

.tes ul li:nth-of-type(4) i{background: url(../images/tes4.png) no-repeat center 0;}

.tes ul li i:before{ left: 79px; position: absolute;top:315px; content: ""; width: 40px; height: 1px; background: #d7dbe3; z-index: 55;}

.tes ul li em{ display: inline-block; color: #999999; font-size: 14px; line-height: 24px;}

.tes ul li:hover i,.tes ul li.on i{color: #31305c; font-weight: bold;}

.tes ul li:hover i:before,.tes ul li.on i:before{ background: #5f5d5e;}

.tes ul li:hover em,.tes ul li.on em{ color: #5f5d5e;}

.tes ul li:nth-of-type(2):hover i{background: url(../images/tes22.png) no-repeat center 0;}

.tes ul li:nth-of-type(1):hover i,.tes ul li.on i{background: url(../images/tes11.png) no-repeat center 0;}

.tes ul li:nth-of-type(3):hover i{background: url(../images/tes33.png) no-repeat center 0;}

.tes ul li:nth-of-type(4):hover i{background: url(../images/tes44.png) no-repeat center 0;}

.tes ul li:nth-of-type(4) i:before {left: 158px;}

/*news start*/

.news{margin-bottom: 80px}

.news .title{background: url(../images/titline.png) no-repeat 624px 18px;}

.n_r{width: 570px;}

.n_r ul li{ height: 112px;}

.n_r ul li a{ display: block; padding-left: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background: url(../images/n_r1.jpg) no-repeat 0 6px; height: 20px; line-height: 20px; font-size: 16px; color: #010101;}

.n_r ul li a:hover{ color: #31305c; text-decoration: underline;}

.n_r ul li span{ display: block; line-height: 22px; padding-top: 9px; font-size: 14px; color: #929492;}

.n_r h4{position: relative;}

.n_r h4 em{ position: absolute; left: 48px;top: 47px;}

.n_r h4 em i{ display: block; line-height: 100%; position: relative; font-size: 24px; color: #fff; padding-top: 9px;}

.n_r h4 em i:before{ position: absolute; left: 0; top: 0; width: 43px; height:2px; background: #ffffff; content: "";}

.n_r h4 em span{ display: inline-block; line-height: 100%; font-weight: normal; margin-top: 20px; font-size: 12px; color: #ffeb12; text-transform: uppercase; padding-right: 26px;background: url(../images/n_r.png) no-repeat right 2px;}



.n_l{ width: 570px; overflow: hidden;}

.n_l h3{ height: 158px; background: #31305c; margin-bottom: 45px; overflow: hidden;}

.n_l h3 b{ display: inline-block; float: right; font-size: 0; line-height: 0; overflow: hidden;}

.n_l h3 em{ display: inline-block; float: left; padding: 47px 0 0 27px; color: #fff;}

.n_l h3 em i{ display: block; line-height: 100%; position: relative;font-weight: bold; padding: 23px 0 8px 0; font-size: 24px;}

.n_l h3 em i:before{ position: absolute; left: 0; content: ""; width: 44px; height: 2px; background: #fff; top: 0;}

.n_l h3 em span{ display: block; line-height: 100%; font-size: 12px; font-family: Arial;}

.n_l dl{ height: 148px; overflow: hidden;}

.n_l dl dt{ float: left; width: 122px; text-align: right; font-size: 15px; font-weight: bold; color: #999999; line-height: 100%;}

.n_l dl dt i{ display: block; line-height: 100%; padding-top: 39px; color: #31305c; font-size: 59px;font-family: arial; position: relative;}

.n_l dl dt i:before{ position: absolute; content: ""; right: 0; top: 17px; background: #999; width: 23px;  height: 1px;}

.n_l dl dd{ float: right; width: 400px; box-sizing: border-box; padding-right: 38px;}

.n_l dl dd h4 a{font-weight: normal; font-size: 18px; color: #333333;}

.n_l dl dd h4 a:hover{color: #31305c; text-decoration: underline;}

.n_l dl dd p{ padding-top: 14px; font-size: 14px; color: #999999; line-height: 24px;}



.n_l ul li{ overflow: hidden; height: 45px; line-height: 45px; border-top: 1px solid #dcdcdc;}

.n_l ul li span{ display: inline-block; float: left; padding-left: 58px; font-size: 16px; color: #999999; font-weight: bold; font-family: arial;}

.n_l ul li i{ display: inline-block; float: right; width: 398px;}

.n_l ul li i a{ display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size: 14px; color: #333333;}

.n_l ul li i a:hover{color: #31305c; text-decoration: underline;}



/*footer start*/

.footer { position: relative;background:#1a1a1a;padding-top: 1px; padding-bottom:70px;text-align: center;}

.footer .content{padding-top:1px;}

.footer h3{ top: -45px;text-align: center;height: 182px;position: absolute;left: 45%;}

.footer h4{ text-align: center; line-height: 100%; height: 52px;padding-top: 112px;font-size: 16px}

.footer h4 a{display: inline-block; line-height: 100%; font-weight: normal;color: #9e9e9e; padding: 0 30px; border-right: 1px solid #919191;}

.footer h4 a:last-of-type{ padding-right: 0; border-right: none;}

.footer h4 a:hover{text-transform: uppercase; color: #fff;}

.footer p{ line-height: 30px; color: #9e9e9e; font-size: 14px;text-align: center}

.footer p i{ display: inline-block;padding: 0 20px}

.footer p a{ color: #9e9e9e;}



.footer h3 img{ width: 110px;}