@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,ul,li,img,a,dl,dd,div,input{font-size:14px;margin:0px;padding:0px;text-decoration:none;line-height:26px;color:#333;}
img{vertical-align:middle;}
ul{list-style:none;}
.main{width:1200px;margin:0px auto;overflow:hidden;}
.left{float:left;}
.right{float:right;}

.top{border-bottom:1px solid #eee;}
.top .main{height:40px;line-height:40px;padding:auto;}
#qrcode{border:1px solid #ccc;padding:10px; width:150px;height:auto;right:50px;position:fixed;display:none;z-index:10;top:60px;text-align:center;background-color:#fff;}

.logobox{height:70px;padding:10px 0px;}
.logobox ul{display:flex;height:70px;}
.logobox ul li{flex:1;}
.logobox ul li:first-child{padding-right:10px;border-right:1px solid #ccc;}
.logobox ul li.mid{flex:4;margin-left:10px;letter-spacing:10px;}
.logobox ul li.mid span{display:block;font-weight:bold;color:#1f3f95;font-size:18px;line-height:35px;letter-spacing:0px;}

.menu{background-color:#1e51ad;}
.menu a{color:#fff;line-height:45px;display:block;width:100%;text-align:center;}
.menu ul{display:flex;}
.menu ul li{flex:1;}

.banner{height:450px;overflow:hidden;}
.banner img{display:block;height:450px;position:absolute;left:0px;z-index:-1;}
.banner img:first-child{display:block;}
.banner .info{margin:-40px auto;text-align: center;}
.banner .info span{display:inline-block;width:30px;line-height:30px; background-color:#fff;margin:0px 5px;color:#333;}
.banner .pos{width:300px;text-align:center;margin:400px auto;}
.banner .pos span{display:inline-block;padding:0px 15px;border:1px solid #ccc;background-color:#fff;line-height:40px;margin-right: 3px;margin-left:3px;}
.banner .pos span:first-child{background-color:#1e51ad;color:#fff;}

.search{padding:15px 0px;line-height:36px;}
.search input{outline:none;line-height:30px;height:30px;width:360px;}
.search .right a{display:inline-block;width:80px;text-align:center;color:#fff;background-color:#1e51ad;height:36px;line-height:36px;margin-left:-2px;}

.products{background-color:#eee;padding:15px 10px;}
.products .left{border:1px solid #ccc;padding:10px;width:230px;margin:10px;}
.products .left span{display:block;padding-left:10px;color:#FFF;background-color:#1e51ad;line-height:35px;}
.products .left ul{margin:10px 0px;}
.products .left ul li{padding-left:10px;line-height:30px;border-bottom:1px dashed #ddd;}
.products .right{width:910px;background-color:#fff;border:1px solid #ddd;}
.products .right{display:flex;flex-wrap:wrap;}
.products .right li{flex:1;min-width:30%;max-width:32%;margin:10px;text-align: center;}
.products .right li a{font-size:16px;}
.products .right li img{width:100%;height:240px;}

.tiaoshi{overflow:hidden;padding:30px 0px;}
.main h2{text-align:center;font-size:40px;margin:30px 0px 15px;}
.tiaoshi ul{display:flex;}
.tiaoshi ul li{flex:1;margin:10px;padding:10px;text-align:center;max-width:24%;}
.tiaoshi ul li img{width:100%;height:240px;}

.about{padding:60px 0px;background:url(bg.jpg) no-repeat;background-position:center;}
.about .main{display:flex;}
.about .main .left{flex:3;color:#fff;}
.about .main .left h3{color:#fff;font-size:30px;}
.about .main .left p{font-size:15px;line-height:30px;}
.about .main .left a{display:block;text-align:center;width:220px;line-height:50px;background-color:#fff;color:#1e51ad;margin:15px auto;}
.about .main .left a:hover{background-color:#CB7903;color:#fff;}
.about .main .right{flex:2;margin-left:30px;}
.about .main .right iframe{width:100%;height:300px;}

.youshi .main>p{text-align:center;width:60%;margin:0px auto;color:#8C8C8C;}
.youshi .main ul{display:flex;}
.youshi .main ul li{flex:1;margin:10px;padding:10px;text-align: center;}
.youshi .main ul li img{width:200px;height:200px;border-radius:400px;display:block;margin:15px auto;}
.youshi .main ul li p{width:70%;margin:10px auto;text-align: center;color:#8C8C8C;}

.xuanze{padding:10px 0px 40px;}
.xuanze .main h2{margin:30px auto 80px;background-color:#fff;font-size:26px;width:30%;margin-top:-25px;}
.xuanze .main h2 span{color:#1e50af;font-size:50px;font-style:italic;margin-right:10px;font-weight:bold;}
.xuanze .main hr{height:1px;border:none;background-color:#848484;margin-top:50px;width:60%;}
.xuanze ul{margin-top:15px;}
.xuanze ul li{display:flex;height:320px;}
.xuanze ul li div{flex:1;margin:0px 15px;}
.xuanze ul li .pic>img{height:300px;width:95%;}
.xuanze ul li .pic .num{width:60px;height:110px;background-color:#1045b7;position:relative;top:-330px;left:20px;padding:15px;}
.xuanze ul li .pic .num span{font-size:40px;display:block;width:100%;text-align:center;color:#fff;line-height:80px;border-bottom:3px solid #fff;font-weight:bold;}
.xuanze ul li .artinfo h3{font-size:26px;color:#1045b7;margin-top:60px;}
.xuanze ul li .artinfo span{color:#8C8A8A;}
.xuanze ul li .artinfo p{line-height:35px;color:#4F4E4E;}


.anli .main h2{width:35%;}
.anli .main h2 span{color:#1e50af;font-size:26px;font-style:normal;margin-right:0px;}
.anli .main ul{display:flex;flex-wrap:wrap;}
.anli .main ul li{flex:1;margin:10px;max-width:380px;height:auto;min-width:30%;display:block;}
.anli .main ul li img{width:100%;height:280px;}
.anli .main ul li a{display:block;font-size:16px;text-align:center;line-height:30px;margin-top:15px;}
.anli .main ul li p{line-height:26px;}


.news{padding-bottom:35px;}
.news hr{margin-top:60px;width:60%;}
.news .main h2{margin:30px auto 80px;background-color:#fff;font-size:26px;width:30%;margin-top:-25px;}
.news .main h2 span{color:#1e50af;}
.news .main dl{float:left;}
.news .main .left{width:700px;}
.news .main .left dt{overflow:hidden;padding-bottom:25px;}
.news .main .left dt img{display:block;float:left;width:260px;height:150px;border-radius:5px;}
.news .main .left dt .info{width:420px;float:left;margin-left:15px;padding-top:10px;}
.news .main .left dt .info a,.news .main .right a{font-weight: bold;}
.news .main .left dd{line-height:35px;}
.news .main .left dd span{float:right;}
.news .main .right{width:365px;margin-left:50px;}
.news .main .right dd{border-bottom:1px dashed #666;}
.news .main .right span{float:right;}
.news .main .right p{margin:5px;padding:0px;}

.footer{background-color:#1f1f1f;padding:45px 0px;}
.footer *{color:#fff;}
.footer .flink{border-bottom:1px solid #666;}
.footer .flink,.footer .flink a{color:#999;}

.footer .main .company{text-align:center;}
.footer .main .company h2{text-align:center;font-size:30px;padding:30px 0px;}
.footer .main .company p{font-size:30px;color:#10449a;font-weight:bold;text-align:center;margin-top:10px;}
.footer .main .company .left{width:370px;}
.footer .main .company .fr{padding:30px 0px;display:flex;width:780px;}
.footer .main .company .fr li{flex:1;text-align:center;}
.footer .main .company .fr li a{display:block;text-align:center;color:#999;line-height:35px;}
.footer .main .company .fr li a.tit{color:#fff;}
.banquan{padding:0px 15px;}

/*lsit*/
.fenye{text-align:center;margin-top:15px;}
.fenye ul li{float:left;width:auto;border:1px solid #ccc;margin-right:10px;padding:0px 5px;}
.fenye ul li *{border:none;}
.fenye a{border:1px solid #ccc;padding:0px 10px;margin-left:10px;line-height:28px;}

.products .main .right dd{padding:10px;border-bottom:1px dashed #ccc;display:flex;}
.products .main .right dd>a{flex:2;}
.products .main .right dd>a img{width:100%;}
.products .main .right dd .lartinfo{margin-left:25px;flex:7;margin-right:10px;}
.products .main .right dd .lartinfo span{float:right;}
.products .main .art h1{text-align:center;margin:30px auto 10px;font-size:26px;width:100%;}
.products .main .art .xiangguan{width:100%;text-align:left;}
.products .main .art .xiangguan li{text-align:left;display:block;width:100%;max-width:100%;}
.products .main .art .artinfos{width:60%;margin:10px auto;text-align:center;color:#999;}
.products .main .art .artinfos span{margin:0px 20px;}
.products .main .art .memo{width:90%;margin:0px auto;border:1px solid #eee;color:#999;padding:15px;}
.products .main .art .artbody{width:95%;margin:10px auto;}
.ftel{display:none;width:100%;}
.ftel a{display:block;width:100%;}
@media screen and (max-width:1024px){
	.main{width:98%;}
	.logobox{height:auto;}
	.logobox ul{display:block;height:auto;}
	.logobox ul li{width:100%;border:none;}
	.logobox ul li:first-child{border:none;margin:0px auto;}
	.logobox ul li img{width:100%;}
	.logobox ul li.mid{text-align:center;letter-spacing:1em;padding:0px;margin:0px;}
	.logobox ul li:last-child{display:none;}
	.logobox ul li.mid span{letter-spacing:3px;margin:0px;border:1px solid #ccc;}
	
	.menu ul{flex-wrap:wrap;}
	.menu ul li{min-width:19%;}
	
	.banner{height:240px;}
	.banner img{height:240px;}
	.banner .pos{width:30%;margin-top:200px;}
	.banner .pos span{padding:8px;line-height:16px;}
	.search{text-align:center;}
	.search .right{float:none;}
	.search .right input{width:73%;}
	.search .right a{width:25%;}
	.products{padding:2% 1%;}
	
	.products .left,.products .right{width:100%;margin:0px;padding:0px;}
	.products .left ul{overflow:hidden;}
	.products .left ul li{float:left;border:none;margin:2% 2%;}
	.products .right li{max-width:50%;}
	.products .right li:last-child{max-width:100%;}
	
	.tiaoshi ul{flex-wrap:wrap;padding:0px;}
	.tiaoshi ul li{min-width:40%;margin:1%;max-width:50%;}
	
	.youshi .main h2 img{width:100%;font-size:26px;line-height:36px;}
	.youshi .main ul{flex-wrap:wrap;margin:0px;padding:3% 0px;}
	.youshi .main ul li{min-width:40%;max-width:50%;margin:1%;padding:1%;border:1px solid #ccc;}
	.youshi .main ul li img{width:80%;height:150px;}
	
	.about{padding:0px;background-size:cover;}
	.about .main{display:block;}
	.about .main .left,.about .main .right{width:100%;margin:0px;padding:0px;padding:2%;}
	
	.xuanze{padding:10px 0px 40px;}
	.xuanze .main h2,.news .main h2{width:100%;}
	
	.xuanze .main hr{height:1px;border:none;background-color:#848484;margin-top:50px;width:60%;}
	.xuanze ul{margin-top:15px;}
	.xuanze ul li{display:flex;height:320px;}
	.xuanze ul li div{flex:1;margin:3% 1%;}
	.xuanze ul li .pic>img{height:260px;width:95%;}
	.xuanze ul li .pic .num{width:20px;height:45px;background-color:#1045b7;position:relative;top:-270px;left:20px;padding:15px;}
	.xuanze ul li .pic .num span{font-size:20px;line-height:50px;}
	.xuanze ul li .artinfo h3{margin-top:0px;}
	
	.anli .main ul li img{height:220px;}
	.news .main .left,.news .main .right{float:none;margin:0px;paddong:1%;width:100%;}
	.news .main .left dt img,.news .main .left dt .info{margin:0px;padding:1%;width:100%;}
	.news .main .right  dd{width:100%;}
	.news .main .right  dd:first-child{border-top:1px dashed #ccc;}
	
	.footer .main .company .left,.footer .main .company .fr{float:none;width:100%;}
	.ftel{display:block;line-height:40px;position:fixed;bottom:0px;background-color:#fff;overflow:hidden;border-top:1px solid #ccc;text-align:center;}
	.ftel a{line-height:45px;background-color:#1e51ad;color:#fff;}
}