@charset "UTF-8"
/*---------------�ƶ�������---------------*/
body{background:#FFF;margin:0px;padding:0px;font-family:'Microsoft YaHei UI';} 
ul{padding:0px}
li{list-style:none}
a{text-decoration:none}
a:link{text-decoration:none}
a:visited{text-decoration:none}
a:hover{text-decoration:none;}
a:active{text-decoration:none}  



/*---------------body1��8��ͼ����---------------*/
.body1Area{min-width:1346px}
.body1Area .container{width:1346px;padding:90px 8px;color:#FFF;padding-bottom: 20px;}
.body1Ul{margin:0px;padding:0px}
.body1Ul li{float:left;width:383px;height:235px;position:relative;cursor:pointer;border-radius:14px;margin-right:20px;margin-bottom:20px;background:no-repeat  center center;background-size:100% 100%;transition:all 0.5s}
.body1Ul li:hover{background-size:110% 110%;transition:all 0.5s;}
 

.body1Ul .bgB h2{font-size:28px;margin:0px;padding:0px 0px 8px px;text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);line-height:120%}
.body1Ul .bgB span{font-size:20px;margin:0px;text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5)}
.body1Ul a{color:#FFFFFF;display:block;width:100%;height:100%;padding:23px;}
 
 .body1Ul .bgB .moreArrow{position:absolute;display:block;color:#FFF;bottom:10px;background:url('../images/body1_arrow.png') no-repeat right center;width:96px;padding:8px 0px;font-size:16px}
.body1Ul .bgB .moreArrow:hover{background:url('../images/body1_arrowOn.png') no-repeat right center;color:#7be9fb;}


.body1Ul .bg1{background:url('../images/body1_pic1.png') no-repeat  center center;padding:0px;background-size:100% 100%;transition:all 0.5s;} 
.body1Ul .bg2{background:url('../images/body1_pic2.png') no-repeat  center center;background-size:100% 100%;transition:all 0.5s;} 


.body1Ul .bgS h2{font-size:24px;margin:0px;padding:0px 0px 8px 0px;text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);line-height:120%;}
.body1Ul .bgS span{font-size:18px;margin:0px;padding:0px;text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5)} 
.body1Ul .bgS .moreArrow{position:absolute;display:block;color:#FFF;bottom:10px;background:url('../images/body1_arrow.png') no-repeat right center;width:96px;padding:8px 0px;font-size:16px}
.body1Ul .bgS .moreArrow:hover{background:url('../images/body1_arrowOn.png') no-repeat right center;color:#7be9fb;}


.bg3 a{color:#FFFFFF;display:block;width:100%;height:100%;padding:16px;font-size:16px}
.body1Ul .bg3 {background:url('../images/body1_pic3.png') no-repeat center center;padding:0px;background-size:100% 100%;transition:all 0.5s;width:252px;height:235px;position:relative;cursor:pointer;border-radius:14px} 
.body1Ul .bg3:hover{background-size:116% 116%;transition:all 0.5s;}


.bg4 a{color:#FFFFFF;display:block;width:100%;height:100%;font-size:16px;padding:16px}
.body1Ul .bg4{background:url('../images/body1_pic4.png') no-repeat center center;background-size:100% 100%;transition:all 0.5s;width:252px;height:235px;position:relative;cursor:pointer;border-radius:14px;margin-right:0px;padding:0px} 
.body1Ul .bg4 span{font-size:14px;margin:0px;padding:0px;text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5)} 


.bg5 a{color:#FFFFFF;display:block;width:100%;height:100%;font-size:16px;}
.body1Ul .bg5{background:url('../images/body1_pic5.png') no-repeat  center center;background-size:100% 100%;transition:all 0.5s;padding:0px;width:383px;height:235px;} 


.body1Ul .bg6{background:url('../images/body1_pic6.png') no-repeat  center center;background-size:100% 100%;transition:all 0.5s;} 
.body1Ul .bg6 span{font-size:21px;margin:0px;padding:0px;text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);display:block} 


.bg7 a{color:#FFFFFF;display:block;width:100%;height:100%;font-size:16px;padding:16px}
.body1Ul .bg7{background:url('../images/body1_pic7.png') no-repeat center center;background-size:100% 100%;transition:all 0.5s;width:252px;height:235px;position:relative;cursor:pointer;border-radius:14px;margin-right:20px;padding:0px} 
.body1Ul .bg7 span{font-size:18px;margin:0px;padding:0px;text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5)} 



.bg8 a{color:#FFFFFF;display:block;width:100%;height:100%;font-size:16px;padding:16px}
.body1Ul .bg8{background:url('../images/body1_pic8.png') no-repeat center center;background-size:100% 100%;transition:all 0.5s;width:252px;height:235px;position:relative;cursor:pointer;border-radius:14px;margin-right:0px;padding:0px} 
.body1Ul .bg8 span{font-size:18px;margin:0px;padding:0px;text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5)} 


/*--------------- end body1��8��ͼ����---------------*/



/*---------------body3�ߴ������---------------*/
.body3Area{min-width:1346px;color:#252b3a;background:url(../images/body3bg1.png) no-repeat right bottom;/*background-attachment:fixed;*/}
.body3Area .container{width:1346px;padding:0px 10px;}
.b3Title{font-size:42px;margin-top:100px;margin-bottom:36px;font-family:'Microsoft YaHei UI';font-weight:bold;text-align:center;line-height:150%}
ul.b3tag{overflow:hidden;}
ul.b3tag li{float:left;margin-right:20px;min-width:100px;cursor:pointer;font-size:18px;text-align:left;background:url(../images/body3tag.png) repeat-x left bottom;}
ul.b3tag li a{display:block;padding:14px 80px 14px 0px;color:#252b3a;background:url(../images/body3tag.png) no-repeat left bottom;background-size:0% 3px;transition:all 1.8s;animation-timing-function: ease-in; }
ul.b3tag li a:hover{color:#2183e9;background:url(../images/body3tag_on.png) no-repeat left bottom;background-size:100% 3px;transition:all 0.8s;animation-timing-function: ease-out; }
ul.b3tag li a.b3tagOn{color:#2183e9;background:url(../images/body3tag_on.png) no-repeat left bottom;background-size:100% 3px;}

div.body3G1{min-height:360px;}
div.body3G1 ul{overflow:hidden;padding:20px;margin-top:40px}
div.body3G1 ul li{float:left;margin-right:100px;margin-bottom:20px;width:360px}
div.body3G1 ul li:nth-of-type(3) {margin-right:0px}
div.body3G1 ul li:nth-of-type(6) {margin-right:0px}
div.body3G1 ul li:nth-of-type(9) {margin-right:0px}
div.body3G1 ul li:nth-of-type(12) {margin-right:0px}
div.body3G1 ul li a{display:block;padding:10px 26px 10px 26px;font-size:16px;background:#f5f5f5;color:#252b3a;text-align:center;border-radius:6px;box-shadow:0px 0px 0px  rgba(0, 0, 0, 0);transition:all 0.5s}
div.body3G1 ul li a:hover{color:#337ab7;padding:10px 26px 10px 10px;box-shadow:1px 0px 8px  rgba(0, 0, 0, 0.3);transition:0.5s}


div.body3G2{min-height:360px;display:none;}
div.body3G2 ul{overflow:hidden;padding:20px;margin-top:40px}
div.body3G2 ul li{float:left;margin-right:100px;margin-bottom:20px;width:360px}
div.body3G2 ul li:nth-of-type(3) {margin-right:0px}
div.body3G2 ul li:nth-of-type(6) {margin-right:0px}
div.body3G2 ul li:nth-of-type(9) {margin-right:0px}
div.body3G2 ul li:nth-of-type(12) {margin-right:0px}
div.body3G2 ul li a{display:block;padding:10px 26px 10px 26px;font-size:16px;background:#f5f5f5;color:#252b3a;text-align:center;border-radius:6px;box-shadow:0px 0px 0px  rgba(0, 0, 0, 0);transition:all 0.5s}
div.body3G2 ul li a:hover{color:#337ab7;padding:10px 26px 10px 10px;box-shadow:1px 0px 8px  rgba(0, 0, 0, 0.3);transition:0.5s}

div.body3G3{min-height:360px;display:none;}
div.body3G3 ul{overflow:hidden;padding:20px;margin-top:40px}
div.body3G3 ul li{float:left;margin-right:100px;margin-bottom:20px;width:360px}
div.body3G3 ul li:nth-of-type(3) {margin-right:0px}
div.body3G3 ul li:nth-of-type(6) {margin-right:0px}
div.body3G3 ul li:nth-of-type(9) {margin-right:0px}
div.body3G3 ul li:nth-of-type(12) {margin-right:0px}
div.body3G3 ul li a{display:block;padding:10px 26px 10px 26px;font-size:16px;background:#f5f5f5;color:#252b3a;text-align:center;border-radius:6px;box-shadow:0px 0px 0px  rgba(0, 0, 0, 0);transition:all 0.5s}
div.body3G3 ul li a:hover{color:#337ab7;padding:10px 26px 10px 10px;box-shadow:1px 0px 8px  rgba(0, 0, 0, 0.3);transition:0.5s}

div.body3G4{min-height:360px;display:none;}
div.body3G4 ul{overflow:hidden;padding:20px;margin-top:40px}
div.body3G4 ul li{float:left;margin-right:100px;margin-bottom:20px;width:360px}
div.body3G4 ul li:nth-of-type(3) {margin-right:0px}
div.body3G4 ul li:nth-of-type(6) {margin-right:0px}
div.body3G4 ul li:nth-of-type(9) {margin-right:0px}
div.body3G4 ul li:nth-of-type(12) {margin-right:0px}
div.body3G4 ul li a{display:block;padding:10px 26px 10px 26px;font-size:16px;background:#f5f5f5;color:#252b3a;text-align:center;border-radius:6px;box-shadow:0px 0px 0px  rgba(0, 0, 0, 0);transition:all 0.5s}
div.body3G4 ul li a:hover{color:#337ab7;padding:10px 26px 10px 10px;box-shadow:1px 0px 8px  rgba(0, 0, 0, 0.3);transition:0.5s}

div.body3G5{min-height:360px;display:none;}
div.body3G5 ul{overflow:hidden;padding:20px;margin-top:40px}
div.body3G5 ul li{float:left;margin-right:100px;margin-bottom:20px;width:360px}
div.body3G5 ul li:nth-of-type(3) {margin-right:0px}
div.body3G5 ul li:nth-of-type(6) {margin-right:0px}
div.body3G5 ul li:nth-of-type(9) {margin-right:0px}
div.body3G5 ul li:nth-of-type(12) {margin-right:0px}
div.body3G5 ul li a{display:block;padding:10px 26px 10px 26px;font-size:16px;background:#f5f5f5;color:#252b3a;text-align:center;border-radius:6px;box-shadow:0px 0px 0px  rgba(0, 0, 0, 0);transition:all 0.5s}
div.body3G5 ul li a:hover{color:#337ab7;padding:10px 26px 10px 10px;box-shadow:1px 0px 8px  rgba(0, 0, 0, 0.3);transition:0.5s}

div.body3G6{min-height:360px;display:none;}
div.body3G6 ul{overflow:hidden;padding:20px;margin-top:40px}
div.body3G6 ul li{float:left;margin-right:100px;margin-bottom:20px;width:360px}
div.body3G6 ul li:nth-of-type(3) {margin-right:0px}
div.body3G6 ul li:nth-of-type(6) {margin-right:0px}
div.body3G6 ul li:nth-of-type(9) {margin-right:0px}
div.body3G6 ul li:nth-of-type(12) {margin-right:0px}
div.body3G6 ul li a{display:block;padding:10px 26px 10px 26px;font-size:16px;background:#f5f5f5;color:#252b3a;text-align:center;border-radius:6px;box-shadow:0px 0px 0px  rgba(0, 0, 0, 0);transition:all 0.5s}
div.body3G6 ul li a:hover{color:#337ab7;padding:10px 26px 10px 10px;box-shadow:1px 0px 8px  rgba(0, 0, 0, 0.3);transition:0.5s}

div.body3G7{min-height:360px;display:none;}
div.body3G7 ul{overflow:hidden;padding:20px;margin-top:40px}
div.body3G7 ul li{float:left;margin-right:100px;margin-bottom:20px;width:360px}
div.body3G7 ul li:nth-of-type(3) {margin-right:0px}
div.body3G7 ul li:nth-of-type(6) {margin-right:0px}
div.body3G7 ul li:nth-of-type(9) {margin-right:0px}
div.body3G7 ul li:nth-of-type(12) {margin-right:0px}
div.body3G7 ul li a{display:block;padding:10px 26px 10px 26px;font-size:16px;background:#f5f5f5;color:#252b3a;text-align:center;border-radius:6px;box-shadow:0px 0px 0px  rgba(0, 0, 0, 0);transition:all 0.5s}
div.body3G7 ul li a:hover{color:#337ab7;padding:10px 26px 10px 10px;box-shadow:1px 0px 8px  rgba(0, 0, 0, 0.3);transition:0.5s}
/*--------------- end body3�ߴ������---------------*/


/*---------------body4����---------------*/
.body4Area{min-width:1346px;color:#252b3a;margin-bottom:90px}
.body4Area .container{width:1346px;padding:0px 10px;}
.b4Title{font-size:42px;margin-top:60px;margin-bottom:36px;font-family:'Microsoft YaHei UI';font-weight:bold;text-align:center;line-height:150%}
/*.b4span{font-size:18px;text-align:center;display:block}*/

ul.b4G{margin-top:70px;margin-left:16px;margin-right:16px;}
li.b4GLi{float:left;border-radius:20px;background:#fff;box-shadow:1px 0px 8px  rgba(0, 0, 0, 0.4);width:307px;margin-right:16px}
li.b4GLi li:nth-of-type(4){margin-right:0px}
ul.b4G .b4TopPic{overflow:hidden;height:174px;border-radius:20px 20px 0px 0px;padding:0px;margin:0px;overflow:hidden}
li.b4GLi img{width:100%;height:100%;transition:all 1s;}
li.b4GLi img:hover{width:106%;height:106%;transition:all 0.5s}
li.b4GLi div{padding:20px 24px 20px 24px;position:relative;height:710px;}
li.b4GLi h4{color:#252b3a;font-size:24px;font-weight:bold;margin-bottom:30px;margin-top:20px;text-align:center}
li.b4GLi span{color:#252b3a;font-size:16px;line-height:200%;height:160px;display:block;}


ul.b4GList{margin-top:110px}
ul.b4GList li{background:url('../images/body4ICO.png') no-repeat left center;padding-left:20px}
ul.b4GList li a{display:block;padding:5px 0px;color:#000000;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;width:230px}
ul.b4GList li a:hover{color:#337ab7}

a.b4More{position:absolute;bottom:10px;display:block;font-size:16px;color:#252b3a;width:96px;padding:8px 0px 8px 6px;background:no-repeat right center;background-position-x:58px;transition: all 0.5s}
a.b4More:hover{padding:8px 0px 8px 0px;background:url('../images/body2_arrow.png') no-repeat right center;color:#006cff;background-position-x:70px;transition: all 0.5s}