body{margin: 0; padding: 0; border: 0;font-size:13px; font-family:Microsoft YaHei; color:#333; line-height:25px; background:#ececec;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea { margin: 0; padding: 0; border: 0;}
a { text-decoration: none;outline:none; }
img { border: 0; vertical-align: middle;  }
ul,ol,li,dl,dd,dt{list-style: none; padding:0px;}
.clear{ clear:both;}
.top_m{ margin-top:40px !important;}

.top,.nav,.mid,.foot{ width:1200px;margin:0 auto; background:#fff; clear:both;}

.nav ul li{ width:25%; float:left; text-align:center; background:#2581e5;}
.nav ul li:hover{ background:#21aaed;}

.mid p{ padding:30px; text-indent:28px;font-size:14px;}
.mid .box{ width:1156px; margin:0 auto;border-radius: 12px; text-align:center;}
.mid .box2{width:1117px; margin:0 auto;border-radius: 12px; text-align:center;}
.mid .box .title{ font-size:25px;text-align:center; color:#fff; height:75px; line-height:60px; font-weight:bold;}
.mid .b1{border:8px solid #2581e5;}
.mid .b1 .title{background:#2581e5;}
.mid .b1 ul li{ margin:0px 14px; width:136px; height:132px;float: left;}
.mid .b1 ul li div{border:1px solid #ebf2fa; width:134px; height:92px;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.mid .b1 ul li div a{text-align:center;position:static;+position:absolute;top:50%;}
.mid .b1 ul li div a img{vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:134px; max-height:92px;}
.mid .b1 ul li p{ background:#ebf2fa; height:39px; text-align:center; padding:inherit; text-indent:inherit; font-size:12px; word-wrap:break-word;}
.mid .b1 ul li p a{ color:#000; line-height:18px;}
.mid .b2{border:8px solid #2581e5; margin-top:20px; text-align:inherit;}
.mid .b2 .title{background:#2581e5;}
.mid .b2 .cont_nav ul li{ width:25%; height:80px; line-height:80px; background:#4f4f4f; text-align:center; float:left;}
.mid .b2 .cont_nav ul li:hover{ background:#21aaed;}
.mid .b2 .cont_nav ul li a{ color:#fff; font-size:20px;}
.mid .b2 .cont{padding:18px; text-indent:28px;font-size:14px;}
.mid .b2_1{border:8px solid #21aaed; margin: 12px auto; text-align:inherit;}
.mid .b2_1 .title{background:#21aaed;}
.mid .b2_2{border:8px solid #04859d; margin: 12px auto; text-align:inherit;}
.mid .b2_2 .title{background:#04859d;}
.mid .b2_3{border:8px solid #00af64; margin: 12px auto; text-align:inherit;}
.mid .b2_3 .title{background:#00af64;}
.mid .b2_4{border:8px solid #ff7c00; margin: 12px auto; text-align:inherit;}
.mid .b2_4 .title{background:#ff7c00;}
.mid .b3{border:8px solid #2581e5; margin-top:20px; text-align:inherit;}
.mid .b3 .title{background:#2581e5;}
.mid .b4{border:8px solid #00af64; margin-top:20px; text-align:inherit;}
.mid .b4 .title{background:#00af64;}
.mid .b5{border:8px solid #ff7c00; margin-top:20px; text-align:inherit;}
.mid .b5 .title{background:#ff7c00;}
.mid .b6{border:8px solid #0d8bfa; margin-top:20px; text-align:inherit;}
.mid .b6 .title{background:#0d8bfa;}
.bgsty{border: dotted 2px #2581e5;float: left;margin: 5px;padding-top: 40px;border-radius: 12px;position: relative;margin-top: 50px;font-size: 12px;}
.mid .b1 .pro_l,.mid .b1 .pro_r{width: 165px;margin-left: 10px;padding-bottom: 32px;}
.mid .b1 .pro_l span{text-align: center;color: #fff;background: #2581e5;border-radius: 10px;font-size: 12px;position: absolute;top: -20px;left: -60px;margin-left: 50%;width: 120px;height: 42px;line-height: 42px; font-weight:bold;}
.mid .b1 .pro_l ul li,.mid .b1 .pro_r ul li{ margin-bottom:50px;}
.mid .b1 .pro_l ul li:nth-child(3),.mid .b1 .pro_r ul li:nth-child(3){ margin-bottom:inherit;}
.mid .b1 .pro_c{width: 758px;margin-left: 10px;padding-bottom: 15px;}
.mid .b1 .pro_c span{text-align: center;color: #fff;background: #2581e5;border-radius: 10px;font-size: 12px;position: absolute;top: -20px;left: -60px;margin-left: 50%;width: 120px;height: 42px;line-height: 42px; font-weight:bold;}
.mid .b1 .pro_c ul i{background: #ebf2fa;border-radius: 5px; color:#333; font-style:normal;text-align: center;clear: both;display: block;margin:0px 10px 6px; height:20px; line-height:20px;}
.mid .b1 .pro_c ul li{ margin:0px 0px 13px 13px;}
.mid .b1 .pro_r span{text-align: center;color: #fff;background: #2581e5;border-radius: 10px;font-size: 12px;position: absolute;top: -20px;left: -80px;margin-left: 50%;width: 120px;height: 42px;line-height: 20px;padding: 0px 20px; font-weight:bold;}
.mid .b1 img.pro_b{ margin:10px auto;}

.mid .box .cont img{ float:left; padding:10px;}
.mid .box .cont p{padding:inherit;font-size:12px; line-height:30px;}
.mid .box .mid_bg{margin: 10px;padding-top: 30px;border-radius: 12px;position: relative;margin-top: 20px;font-size: 12px;}
.mid .box .mid_bg span{text-align: center;color: #fff;border-radius: 10px;font-size: 15px;position: absolute;top: -15px;margin-left: 44%;width: 135px;height: 30px;line-height: 30px; display:block;}
.hidden{ display: none;}
.mid_bg ul.list{overflow: hidden; padding:0 1%;}
.mid_bg ul.list li{width:46%;float: left; margin:0 2%; line-height:45px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.mid_bg ul.list li a{ font-size:15px; color:#333;}
.mid_bg ul.list p{text-align: center;padding: 10px;}
.mid_bg .more{margin:20px 0px;}
.mid_bg .more a{border: dotted 1px #333;text-align: center;color:#333;border-radius: 10px;font-size: 12px;margin-left: 44%;width: 135px;height: 30px;line-height: 30px; display:block;}
.mid .box .video{ margin:10px 0px;}
.mid .box .video .l{ float:left; width:50%;}
.mid .box .video .l dt{ font-size:15px; padding:0px 10px;}
.mid .box .video .l dt span{font-size:25px; float:left; padding-right:5px; display:block;}
.mid .box .video .l dl{padding:0px 10px;}
.mid .box .video .l dl dd{ float:left;}
.mid .box .video .l dl dd a{ color:#333;}
.mid .box .video .r{ float:right; width:50%;text-align: center;border-radius: 5px;font-size: 14px;width: 280px;height: 30px;line-height: 30px; position:relative;}
.mid .box .video .r a{color: #fff;}
.mid .b2_1 .mid_bg{border: dotted 1px #21aaed;}
.mid .b2_1 .mid_bg span{background: #21aaed;}
.mid .b2_1 .mid_bg ul li.ap:hover{ color:#21aaed;}
.mid .b2_1 .mid_bg ul li.ap:hover p{border-bottom:1px solid #21aaed;}
.mid .b2_1 .mid_bg ul li.ap:hover p a{ color:#21aaed;}
.mid .b2_2 .mid_bg{border: dotted 1px #04859d;}
.mid .b2_2 .mid_bg span{background: #04859d;}
.mid .b2_2 .mid_bg ul li.ap:hover{ color:#04859d;}
.mid .b2_2 .mid_bg ul li.ap:hover p{border-bottom:1px solid #04859d;}
.mid .b2_2 .mid_bg ul li.ap:hover p a{ color:#04859d;}
.mid .b2_3 .mid_bg{border: dotted 1px #00af64;}
.mid .b2_3 .mid_bg span{background: #00af64;}
.mid .b2_3 .mid_bg ul li.ap:hover{ color:#00af64;}
.mid .b2_3 .mid_bg ul li.ap:hover p{border-bottom:1px solid #00af64;}
.mid .b2_3 .mid_bg ul li.ap:hover p a{ color:#00af64;}
.mid .b2_4 .mid_bg{border: dotted 1px #ff7c00;}
.mid .b2_4 .mid_bg span{background: #ff7c00;}
.mid .b2_4 .mid_bg ul li.ap:hover{ color:#ff7c00;}
.mid .b2_4 .mid_bg ul li.ap:hover p{border-bottom:1px solid #ff7c00;}
.mid .b2_4 .mid_bg ul li.ap:hover p a{ color:#ff7c00;}
.mid .b2 .mid_bg ul li{ float:left; margin-bottom:10px;}
.mid .b2 .mid_bg ul li.ap{ width:248px; margin-left:20px;}
.mid .b2 .mid_bg ul li.ap div{ width:248px; height:219px;border:1px solid #ebf2fa;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.mid .b2 .mid_bg ul li.ap div a{text-align:center;position:static;+position:absolute;top:50%;}
.mid .b2 .mid_bg ul li.ap div a img{vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:238px; max-height:209px;}
.mid .b2 .mid_bg ul li.ap p{ padding:inherit;font-size:12px; text-indent:inherit; border-bottom:1px solid #000; height:50px; margin:5px 0px;}
.mid .b2 .mid_bg ul li.ap p a{ color:#000; line-height:22px;}

.mid .b2 .mid_bg ul li.mid_3{ width:338px !important;}
.mid .b2 .mid_bg ul li.mid_3 div{ width:338px; height:270px;}
.mid .b2 .mid_bg ul li.mid_3 div a img{ max-width:328px; max-height:260px;}

.mid .b2 .mid_bg ul li.pro{ width:136px; margin-left:16px;border:1px solid #ebf2fa; height:355px;}
.mid .b2 .mid_bg ul li.pro div{ width:136px; height:92px;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.mid .b2 .mid_bg ul li.pro div a{text-align:center;position:static;+position:absolute;top:50%;}
.mid .b2 .mid_bg ul li.pro div a img{vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:126px; max-height:82px;}
.mid .b2 .mid_bg ul li.pro p{ padding:inherit;font-size:12px; text-indent:inherit; height:40px; background:#ebf2fa; text-align:center;word-wrap: break-word;}
.mid .b2 .mid_bg ul li.pro p a{ color:#000; line-height:18px;}
.mid .b2 .mid_bg ul li.pro font{ padding:5px; display:block; line-height:20px;}

.mid .b2 .mid_bg ul .mid_6{ width:162px !important;}
.mid .b2 .mid_bg ul li.mid_6 div{ width:162px; height:106px;}
.mid .b2 .mid_bg ul li.mid_6 div a img{ max-width:152px; max-height:96px;}

.mid .b2 .mid_bg ul .mid_5{ width:198px !important;}
.mid .b2 .mid_bg ul li.mid_5 div{ width:198px; height:156px;}
.mid .b2 .mid_bg ul li.mid_5 div a img{ max-width:188px; max-height:146px;}

.mid .b2 .mid_bg ul .mid_4{ width:252px !important;}
.mid .b2 .mid_bg ul li.mid_4 div{ width:252px; height:165px;}
.mid .b2 .mid_bg ul li.mid_4 div a img{ max-width:242px; max-height:145px;}

.mid .b2 .video .l dt span{color:#2581e5;}
.mid .b2 .video .r{background: #2581e5;top:40px; right:10px;}
.mid .b3 .mid_bg{border: dotted 1px #2581e5;}
.mid .b3 .mid_bg span{background: #2581e5;}
.mid .b3 .cont{ margin:10px 0px;}
.mid .b3 .cont ul li{ float:left; width:175px; height:150px; margin-bottom:10px; margin-left:10px; margin-right:7px;}
.mid .b3 .cont ul li:nth-child(6){ margin-right:0px;}
.mid .b3 .cont ul li div{ width:175px; height:120px;border:1px solid #ebf2fa;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.mid .b3 .cont ul li div a{text-align:center;position:static;+position:absolute;top:50%;}
.mid .b3 .cont ul li div a img{vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:165px; max-height:110px; float:inherit; padding:inherit;}
.mid .b3 .cont ul li p{ font-size:12px;height:28px; text-align:center; background:#ebf2fa; text-indent:inherit;}
.mid .b3 .cont ul li p a{ line-height:28px; color:#000;}
.mid .b4 .cont p{ line-height:36px;}
.mid .b4 .mid_bg{border: dotted 1px #00af64;}
.mid .b4 .mid_bg span{background: #00af64;}
.mid .b4 .video .l dt span{color:#00af64;}
.mid .b4 .video .r{background: #00af64;right:10px;}
.mid .b5 .cont p{ line-height:35px;}
.mid .b5 .mid_bg{border: dotted 1px #ff7c00;}
.mid .b5 .mid_bg span{background: #ff7c00;}
.mid .b5 .video .l dt span{color:#ff7c00;}
.mid .b5 .video .r{background: #ff7c00;top:20px; right:10px;}
.mid .b6 .mid_bg{border: dotted 1px #0d8bfa;}
.mid .b6 .mid_bg span{background: #0d8bfa;}
.mid .b6 .video .l dt span{color:#0d8bfa;}
.mid .b6 .video .r{background: #0d8bfa;right:10px;}

.foot{ text-align:center; padding:10px 0px;}