@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 12px/200% Microsoft YaHei; color:#000000;text-align:center;}
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;}
.w1000{ width:1000px;}
.list_14 li{ background:url(images/dot.gif) no-repeat 0 15px; padding-left:12px;font-size:14px; line-height:36px; height:36px; border-bottom:#cdcdcd 1px dashed; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.fl{ float:left;}
.fr{ float:right;}
.white,.white a:link,.white a:visited,.white a:hover{ color:#fff;}
.gray,.gray a:link,.gray a:visited,.gray a:hover{ color:#666;}
.title_h2_red{ border-bottom:#de0301 1px solid; height:50px;}
.title_h2_red b{ float:left;font:bold 26px/50px Microsoft YaHei; color:#c10f01; }
.title_h2_red i{ float:right; font-size:12px; line-height:50px;}
.title_h2_red b a:link,.title_h2_red b a:visited,.title_h2_red b a:hover{color:#c10f01;}


.top_bg{ background:url(images/top01.jpg) top center no-repeat; height:298px; overflow:hidden;}
.nav{ background:#d70311; height:50px; font:bold 18px/50px Microsoft YaHei; text-align:center;}
.nav a{ padding:0 35px;}
.p1_title{ margin:20px auto 10px;}
.p1_title h1{ text-align:center; display:block; font:bold 36px/120% Microsoft YaHei; color:#444444;}
.p1_title h1 a,.p1_title h1 a:hover{color:#444444;}
.p1_title p{ padding:10px 30px; text-align:left; text-indent:2em; font-size:14px;}

.p1_con{}
.p1_con .fl{ width:520px; padding-top:10px;}
.p1_con .fr{ width:455px;}
.p1_con .fr h2{ border-bottom:none;}
.p1_con .fr ul{}
.p1_con .fr ul li{ border-bottom:#cccdc8 1px dashed; height:45px; background:url(images/dot.gif) 0 22px no-repeat; line-height:45px; font-size:16px; padding-left:15px;}

.device_1 { width: 520px; height:380px; position: relative;}
.device_1 .arrow-left_1 { background:url(images/left2.png);position: absolute; left:0px; top: 50%; margin-top: -15px; width: 25px; height: 32px;z-index:1000;}
.device_1 .arrow-right_1 { background:url(images/right2.png);position: absolute; right:0px; top: 50%; margin-top: -15px; width: 24px; height: 32px; z-index:1000;}
.swiper-container_1 {height:360px; width:520px;}
.swiper-wrapper_1{}
.swiper-slide_1{ padding:0;text-align:left;}
.swiper-slide_1 div{ width:520px; height:360px;}
.swiper-slide_1 div p{height:30px; line-height:30px; display:block; font-size:14px; color:#fff; margin-top:-40px; text-align:center; z-index:1000;}
.swiper-slide_1 img{ width:520px; height:360px; display:block; margin-bottom:8px;}
.pagination {position: absolute; left: 40%; text-align: center; bottom:0; width: 100%;}
.swiper-pagination-switch{cursor:pointer; background:#cdcdcb; width:10px; height:10px; float:left; display:block; border-radius:8px; margin-left:10px;}
.swiper-active-switch{background:#343432; }


.p2_con{ margin:25px auto 30px; height:220px;}
.p2_con .fl{ background:#e70012; width:60px; height:180px; text-align:center; line-height:130%; font-size:26px; font-weight:bold; padding-top:40px;}
.p2_con .fr{ background:#f5f5f5; width:940px; height:220px;}

.device { margin:25px auto; width: 900px; height: auto; position: relative;}
.device .arrow-left_2 { background:url(images/left.gif);position: absolute; left:0px; top: 50%; margin-top: -15px; width: 14px; height: 25px;z-index:100;}
.device .arrow-right_2 { background:url(images/right.gif);position: absolute; right:0px; top: 50%; margin-top: -15px; width: 14px; height: 25px; z-index:100;}
.swiper-container_2 {height: 170px; width:900px;}
.swiper-wrapper_2{}
.swiper-slide_2{ padding:0;text-align:left;}
.swiper-slide_2 div{ width:250px;}
.swiper-slide_2 div b{ font-size:15px; display:block; line-height:140%; color:#000;}
.swiper-slide_2 div b a,.swiper-slide div b a:hover{ color:#000;}
.swiper-slide_2 div p{ line-height:150%;}
.swiper-slide_2 img{ width:250px; height:100px; display:block; margin-bottom:8px;}
.pagination_2 { display:none; position: absolute; left: 0; text-align: center; bottom:5px; width: 100%;}



.banner{ margin:30px auto;}

.p3_con{ margin:30px auto;}
.p3_con .p3_left{ width:648px; float:left;}
.p3_con .p3_right{ width:326px; float:right;}
.p3_con .p3_right img{ display:block; margin:15px auto 0; float:left;}
.p3_con .p3_left h2{ margin-bottom:20px;}
.p3_con .p3_left .box01{ float:left; width:300px; padding-top:4px;}
.p3_con .p3_left .box02{ float:right; width:314px;}

.p4_con{ margin:30px auto;}
.p4_box{ width:320px; float:left; margin-right:20px;}
.p4_box:last-child{ margin-right:0;}
.p4_box dl{ height:100px; overflow:hidden; margin:20px 0 10px;}
.p4_box dl dt{ float:left; width:140px; height:100px; overflow:hidden;}
.p4_box dl dt img{ width:100%; height: auto;cursor: pointer;transition: all 0.4s; }
.p4_box dl dt:hover img{ width:160px; height:auto;transform: scale(1.2);}
.p4_box dl dd{ float:right; width:170px;}
.p4_box dl dd b{ font-size:16px; display:block; margin-bottom:5px;}
.p4_box dl dd p{ font-size:14px; line-height:160%;}

.link{ background:#df0211; padding:20px 0;}
.link a{ padding:0 20px;}