@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 12px/200% Microsoft YaHei; color:#000000;text-align:center; background:url(/img/MAIN/2021/11/121196/images/top01.jpg) top center no-repeat;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 12px/200% Microsoft YaHei;}
li,p{text-align:left;font:normal 12px/200% Microsoft YaHei;}
a:link,a:visited{color:#000000; text-decoration:none;}
a:hover{color:#000000; text-decoration:underline;}
img{ border:none;}
ol,ul,li{list-style:none;}
em,i{ font-style:normal;} 
/*clear*/
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*other*/
h1,h2,h3,h4,h5,h6{ text-align:left;font:normal 12px/200% Microsoft YaHei;}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.m10{ margin:10px auto;}
.w1000{ width:1000px;}
.fl{ float:left;}
.fr{ float:right;}
.white,.white a:link,.white a:visited,.white a:hover{ color:#fff;}

.top{ height:430px;}
.bg_box{ background:#fff;box-shadow:2px 2px 8px #ebcba8; width:1020px;}
.title_h1{ font-size:40px; font-weight:bold; text-align:center; color:#d92222; margin-top:15px;}
.title_h1 a,.title_h1 a:hover{color:#d92222; padding-left:6px; padding-right:6px;}
.title_h1 i{ background:url(/img/MAIN/2021/11/121196/images/icon03.png) no-repeat; width:57px; height:31px; display:inline-block;}
.title_h1 i:last-child{background:url(/img/MAIN/2021/11/121196/images/icon04.png) no-repeat;}
/*p2*/
.p2_con{ margin:30px auto; width:940px;}
.p2_con .fl{ width:450px;}

.device{ width: 450px; height: 320px; position: relative; overflow:hidden;}
.device .swiper-container { height: 320px; width:480px;}
.device .content-slide {}
.device .swiper-slide img{ width:450px; height:320px;}
.device .swiper-slide div p{ height:40px; line-height:40px; color:#fff; padding:0 15px; margin-top:-40px; position:relative; background:#000; z-index:100;opacity:0.7;  filter:alpha(opacity=70); font-size:14px;}
.device .pagination1 { position: absolute; right:5px; text-align:right; bottom:15px; width: 100%; z-index:1100;}
.device .swiper-pagination-switch { display: inline-block; width: 10px;  height: 10px; border-radius: 10px; background: #999; margin: 0 3px; cursor: pointer;}
.device .swiper-active-switch { background: #fff;}


.p2_con .fr{ position:relative; width:450px; border:#efefef 1px solid;}
.title_blue{ font-size:18px; background:url(/img/MAIN/2021/11/121196/images/icon02.png) no-repeat; width:203px; height:48px; line-height:32px; padding-left:50px; font-weight:bold;box-sizing: border-box; position:absolute; top:20px; left:-14px;}
.p2_con .fr ul{ margin:68px 30px 18px 20px;}
.p2_con .fr ul li{background:url(/img/MAIN/2021/11/121196/images/dot01.png) 0 15px no-repeat; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;box-sizing: border-box; font-size:18px; color:#2149a2; padding-left:20px; line-height:220%;}

/*p3*/
.p3_con{ margin:30px auto; width:940px;}
.p3_con div{position:relative; width:450px; border:#efefef 1px solid; padding-bottom:20px;}
.p3_con div.fl ul{ width:440px; margin:80px auto 0;}
.p3_con div.fl ul li{box-sizing: border-box; font-size:15px; line-height:160%; float:left; width:125px; margin-left:15px; text-align:left; height:184px; overflow:hidden;}
.p3_con div.fl ul li img{ display:block; margin-bottom:7px;}
.p3_con div.fr ul{ width:100%;box-sizing: border-box;margin:70px auto 0; padding-left:20px;}
.p3_con div.fr ul li{background:url(/img/MAIN/2021/11/121196/images/dot01.png) 0 15px no-repeat; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;box-sizing: border-box; font-size:18px;padding-left:20px; line-height:220%;}

/*p4*/
.p4_con{ margin:30px auto;width:940px;}
.p4_con div{position:relative; width:450px; border:#efefef 1px solid; padding-bottom:20px;}
.p4_con div.fl ul{ width:100%; box-sizing: border-box;margin:70px auto 0; padding-left:20px;}
.p4_con div.fl ul li{background:url(/img/MAIN/2021/11/121196/images/dot01.png) 0 15px no-repeat; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;box-sizing: border-box; font-size:18px;padding-left:20px; line-height:220%;}

.p4_con div.fr ul{ width:440px; margin:80px auto 0;}
.p4_con div.fr ul li{box-sizing: border-box; font-size:15px; line-height:160%; float:left; width:119px; margin-left:15px; text-align:left; height:184px; overflow:hidden; position:relative;}
.p4_con div.fr ul li img{ display:block; width:119px; height:119px; margin-bottom:7px; position:absolute; z-index:1;}
.p4_con div.fr ul li i{ display:block; position:absolute; top:0; left:0; z-index:10; background:url(/img/MAIN/2021/11/121196/images/icon05.png) no-repeat; width:119px; height:119px;}
.p4_con div.fr ul li p{ position:absolute; top:128px; font-size:15px; height:60px; display:block; overflow:hidden;}

.copyright{ margin:60px auto 20px; font-size:14px; color:#666; text-align:center;}