@import "lunbo.css";
/*by_con1*/
.by_con1 { width:100%; float:left; margin-top:35px;}
.by_con1_left { width:770px; float:left;}
.by_con1_left h1 { width:770px; float:left; font-weight:normal; font-family:"微软雅黑"; color:#787878; font-size:20px; line-height:35px;}
.by_con1_left h1 b { color:#b7b4b4; background:url(/img/1-12.png) no-repeat left center; padding-left:30px; font-size:12px; font-weight:normal;}
.by_con1_left img { width:270px; -webkit-transition:-webkit-transform 0.5s; height:185px; float:left; margin-right:20px; margin-top:10px; -moz-border-radius: 5px; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */}
.by_con1_left img:hover {-webkit-transform:skew(5deg);}
.by_con1_left span { width:480px; float:left; color:#777777; font-size:14px; margin-top:5px; font-family:"微软雅黑"; line-height:27px; height:135px; text-indent:2em;}
.by_con1_con { width:478px; height:40px; margin-top:14px; float:left; color:#03A9BD; background:#f8feff; font-size:16px; font-family:"微软雅黑"; border:1px solid #f1efed; -moz-border-radius: 5px; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */}
.by_con1_con p { width:153px; float:left; margin-left:7px; border-right:1px solid #f1efed; border-left:1px solid #f1efed; background:#ffffff; line-height:40px; text-align:center;}


.by_con1_right { width:415px; float:left; margin-left:15px;}
.by_con1_right ul { width:415px; float:left; margin-top:-10px;}
.by_con1_right ul li { width:70px; float:left; cursor:pointer; font-size:16px; font-family:"微软雅黑"; color:#777777; height:70px; border:1px solid #f1efed; margin:10px 0px 0px 11px; text-align:center; line-height:23px; -moz-border-radius: 5px; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */}
.by_con1_right ul li:hover { border:1px solid #bef7fe;}
.by_con1_right ul li p { width:56px; text-align:center; height:46px; overflow:hidden; margin:12px 7px; -webkit-transition:-webkit-transform 0.3s;}
.by_con1_right ul li:hover p { -webkit-transform:rotate(360deg);}
.by_con1_right ul li:hover a { color:#00B2C7;}



/*by_con2*/
.by_con2 { width:100%; float:left; margin-top:20px;}
.by_con2 h1 { width:1200px; float:left; font-weight:normal; font-family:"微软雅黑"; color:#787878; font-size:20px; line-height:35px;}
.by_con2 h1 b { color:#b7b4b4; background:url(/img/1-12.png) no-repeat left center; padding-left:30px; font-size:12px; font-weight:normal;}
.sy_con2_con { width:1200px; float:left; margin-top:5px;}
.sy_con2_con ul { width:1200px; float:left;}
.sy_con2_con ul li { width:298px; margin:0px 1px; float:left;}
.sy_con2_con ul li img { width:298px; height:200px; float:left; -webkit-transition:-webkit-transform 0.5s;}
.sy_con2_con ul li:hover img { -webkit-transform:rotate(3deg);}
.sy_con2_con ul li p { width:258px; float:left; margin-top:10px; font-family:"微软雅黑"; font-size:14px; height:50px; overflow:hidden; line-height:25px; padding:0px 20px; text-align:center; color:#737474;}
.sy_con2_con ul li p a { color:#01C2D8;}


/*by_con3*/
.by_con3 { width:100%; float:left; margin-top:18px;}
.none {display:none;}
.by_con3 .by_con3_left { width:140px; float:left;}
.by_con3 .by_con3_left ul { width:140px; float:left;}
.by_con3 .by_con3_left ul li { width:139px; margin-top:12px; float:left; cursor:pointer; line-height:48px; text-align:center; color:#777777; font-size:16px; font-family:"微软雅黑"; border:1px solid #f2f2f2; border-right:none; -moz-border-radius:8px 0px 0px 8px; /* Gecko browsers */ -webkit-border-radius:8px 0px 0px 8px; /* Webkit browsers */ border-radius:8px 0px 0px 8px; /* W3C syntax */}
.by_con3 .by_con3_left ul li a {text-decoration:none;}
.by_con3 .by_con3_left .active {background:#f8feff;color:#00A6B9}
.by_con3 .by_con3_left .normal {background:#ffffff; color:#777777;}
.by_con3 .by_con3_right { width:1058px; border:1px solid #f2f2f2; min-height:400px; float:left; margin-top:12px; display:block; -moz-border-radius:0px 8px 8px 0px; /* Gecko browsers */ -webkit-border-radius:0px 8px 8px 0px; /* Webkit browsers */ border-radius:0px 8px 8px 0px; /* W3C syntax */}

.by_con3_t { width:988px; padding:30px 35px 0px 35px; float:left;}
.by_con3_t img { width:144px; margin-left:40px; float:left; height:144px; -moz-border-radius:72px; /* Gecko browsers */ -webkit-border-radius:72px; /* Webkit browsers */ border-radius:72px; /* W3C syntax */ -webkit-transition:-webkit-transform 0.5s;}
.by_con3_t:hover img {  -webkit-transform:rotate(360deg)}
.by_con3_tl { width:320px; float:left; cursor:pointer;}
.by_con3_tr { width:444px; float:left; margin-left:40px; cursor:pointer;}
.by_con3_t span { width:100%; float:left; font-size:18px; font-family:"微软雅黑"; color:#01A9BD; line-height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.by_con3_t p { width:100%; margin-top:10px; float:left; line-height:23px; font-size:14px; font-family:"微软雅黑"; color:#ABACAC; text-indent:2em;}
.by_con3_b { width:988px; float:left; padding:0px 35px;}
.by_con3_b h1 { width:100%; float:left; font-weight:normal; background:url(/img/by-06.png) no-repeat right center; font-family:"微软雅黑"; color:#787878; font-size:20px; line-height:35px;}
.by_con3_b h1 b { color:#b7b4b4; background:url(/img/1-12.png) no-repeat left center; padding-left:30px; font-size:12px; font-weight:normal;}
.by_con3_b img { width:144px; margin-left:36px; float:left; height:144px; -moz-border-radius:72px; /* Gecko browsers */ -webkit-border-radius:72px; /* Webkit browsers */ border-radius:72px; /* W3C syntax */ -webkit-transition:-webkit-transform 0.5s;}
.by_con3_b:hover img {  -webkit-transform:rotate(360deg)}
.by_con3_b ul { width:808px; float:left;}
.by_con3_b ul li { width:380px; margin:0px 4px 0px 20px; line-height:30px; list-style:disc; color:#777777; font-size:14px; font-family:"微软雅黑"; float:left;}
.by_con3_b ul li p { width:380px; float:right; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.by_con3_b ul li a { color:#777777;}
.by_con3_b ul li a:hover { color:#01A9BD;}

.ks_tcfw { width:1058px; float:left;}
.ks_tcfw ul { width:1020px; float:left; padding:50px 19px 0px 19px;}
.ks_tcfw ul li { width:270px; padding:0px 35px; float:left;}
.ks_tcfw ul li img { width:270px; float:left; height:270px; -webkit-transition:-webkit-transform 0.5s; -moz-border-radius: 8px; /* Gecko browsers */ -webkit-border-radius: 8px; /* Webkit browsers */ border-radius:8px; /* W3C syntax */}
.ks_tcfw ul li p { width:270px; float:left; font-size:14px; font-family:"微软雅黑"; color:#737474; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:60px; text-align:center;}
.ks_tcfw ul li:hover img { -webkit-transform:skew(5deg);}
.ks_tcfw ul li:hover a p { color:#00A6B9;}
.ks_tcfw ul li a { color:#737474;}


/*by_con4*/
.by_con4 { width:100%; float:left; margin-top:20px;}
.by_con4 h1 { width:1200px; float:left; font-weight:normal; font-family:"微软雅黑"; color:#787878; font-size:20px; line-height:35px;}
.by_con4 h1 b { color:#b7b4b4; background:url(/img/1-12.png) no-repeat left center; padding-left:30px; font-size:12px; font-weight:normal;}
.by_con4 ul { width:1200px; float:left;}
.by_con4 ul li { width:298px; margin:0px 1px; float:left;}
.by_con4 ul li img { width:298px; height:200px; float:left;}
.by_con4 ul li p { width:298px; float:left; font-family:"微软雅黑"; font-size:18px; margin-top:-170px; line-height:50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; letter-spacing:1px; background:url(/img/1-23.png) repeat; text-align:center; color:#01C2D8;}
.by_con4 ul li p a { color:#01C2D8;}
.by_con4 ul li span { width:52px; float:left; height:56px; margin:-90px 123px 0px 123px; -webkit-transition:-webkit-transform 1.5s;}
.by_con4 ul li:hover span { background:url(/img/1-22.png) no-repeat center center; -webkit-transform:rotate(360deg);}
.by_con4 ul li:hover p { font-size:22px; font-family:"微软雅黑";}
/*by_con5*/
.by_con5 { width:100%; float:left; margin-top:20px;}
.by_con5 h1 { width:100%; float:left; font-weight:normal; font-family:"微软雅黑"; color:#787878; font-size:20px; line-height:35px;}
.by_con5 h1 b { color:#b7b4b4; background:url(/img/1-12.png) no-repeat left center; padding-left:30px; font-size:12px; font-weight:normal;}
.by_con5_left { width:880px; float:left;}
.by_con5_left ul { width:880px; float:left; margin-top:-20px;}
.by_con5_left ul li { width:293px; float:left; cursor:pointer; margin-top:30px;}
.by_con5_left ul li img { width:56px; height:56px; float:left; background:url(/img/1-32.png) no-repeat center center; -webkit-transition:-webkit-transform 0.5s; margin-right:15px;}
.by_con5_left ul li:hover img { background:url(/img/1-32-1.png) no-repeat center center; -webkit-transform:rotate(360deg);}
.by_con5_left ul li span { width:180px; float:left; color:#393737; font-size:16px; font-family:"微软雅黑"; line-height:25px;}
.by_con5_left ul li p { width:180px; float:left; color:#8F8F8F; font-family:"宋体"; font-size:12px; line-height:22px;}

.by_con5_right { width:320px; float:left;}
.by_con5_right ul { width:320px; float:left;}
.by_con5_right ul li { width:80px; float:left; margin-top:15px;}
.by_con5_right ul li img { width:44px; height:44px; float:left; margin:0px 18px; border:1px solid #fbf9f9; -moz-border-radius: 5px; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */  -webkit-transition:-webkit-transform 0.5s;}
.by_con5_right ul li:hover img { border:1px solid #7be9f6; -webkit-transform:rotate(360deg);}
.by_con5_right ul li p { width:70px; float:left; margin:0px 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#777777; font-size:14px; font-family:"微软雅黑"; line-height:30px;}
.by_con5_right ul li a { color:#777777;}
.by_con5_right ul li:hover a p { color:#7be9f6;}
/*by_con6*/
.by_con6 { width:100%; float:left; margin-top:25px;}
.by_con6 h1 { width:100%; float:left; font-weight:normal; font-family:"微软雅黑"; color:#787878; font-size:20px; line-height:35px;}
.by_con6 h1 b { color:#b7b4b4; background:url(/img/1-12.png) no-repeat left center; padding-left:30px; font-size:12px; font-weight:normal;}
.by_con6 h1 a { float:right; color:#01A9BD; font-size:12px; font-family:"微软雅黑";}
.by_con6 ul { width:1250px; margin-left:-50px; float:left; margin-top:10px;}
.by_con6 ul li { width:260px; border:1px solid #f4f2f2; height:352px; float:left; margin-left:50px; overflow:hidden; -moz-border-radius: 8px; /* Gecko browsers */ -webkit-border-radius: 8px; /* Webkit browsers */ border-radius:8px; /* W3C syntax */}
.by_con6 ul li img { width:240px; height:330px; float:left; padding:10px;}
.by_con6 ul li .by_con6_con { width:220px; padding:150px 10px 0px 10px; float:left; height:180px; margin:10px; position:absolute; background:url(/img/1-35.png) repeat; display:none;}
.by_con6 ul li:hover .by_con6_con span { width:220px; float:left; color:#ffffff; font-family:"微软雅黑"; font-size:28px; line-height:60px; text-align:center;}
.by_con6 ul li a { color:#ffffff;}
.by_con6 ul li a:hover { color:#03A9BD;}
.by_con6 ul li:hover .by_con6_con p { width:220px; font-family:"微软雅黑"; line-height:40px; font-size:18px; float:left; text-align:center; color:#f4fafb;}
.by_con6 ul li:hover .by_con6_con { display:block;}
.by_con6 ul li:hover .by_con6_con .zxzx { width:98px; text-align:center; line-height:34px; color:#03A9BD; font-size:14px; font-family:"微软雅黑"; margin:0px 5px; float:left; background:#f4fafb; -moz-border-radius:17px; /* Gecko browsers */ -webkit-border-radius:17px; /* Webkit browsers */ border-radius:17px; /* W3C syntax */}
.by_con6 ul li:hover .by_con6_con .zxzx:hover { background:#d4f3f7; color:#03A9BD;}
.by_con6 ul li:hover .by_con6_con .zxzx a { color:#03A9BD;}




/*by_con7*/
.by_con7 { width:100%; float:left; background:url(/img/1-27.jpg) no-repeat center center; margin-top:20px;}
.sy_con5_con { width:320px; padding:60px 40px 0px 40px; float:left; height:247px; background:url(/img/1-23.png) repeat; -webkit-transition:-webkit-transform 0.5s; font-family:"微软雅黑";}
.sy_con5_con:hover { -webkit-transform:rotate(360deg);}
.sy_con5_con h1 { width:320px; float:left; font-weight:normal; color:#00D9FF; font-size:14px; line-height:35px;}
.sy_con5_con h2 { width:320px; float:left; font-weight:normal; color:#00B1C5; font-size:24px; line-height:40px;}
.sy_con5_con p { width:320px; float:left; color:#818080; font-size:14px; line-height:25px; margin-top:15px;}
.sy_con5_con span { width:320px; float:left; text-align:center; margin-top:15px;}
.sy_con5_con img { -webkit-transition:-webkit-transform 0.5s;}
.sy_con5_con img:hover { -webkit-transform:rotate(360deg);}