@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
a:hover{text-decoration: none;}

/**/
.banner{height:875px;position: relative;}
.banner a{height:875px;display:block;}
.banner .bantil{ width:132px; height:17px; position:absolute; bottom:100px;left:50%; z-index:8;margin-left: -66px;}
.banner .bantil li{ width:17px; height:17px;border-radius:17px; float:left; display:inline; margin:0 12px;background:#fff;}
.banner .bantil li.cur{background:#24BCDC;}

/*搜索*/
.h_sea{margin-top: -57px; height:58px;line-height:58px;overflow:hidden;color:#666;font-family:"Microsoft YaHei"; z-index: 999;
background:#040f1b;font-size: 14px;opacity: 0.8;}
.key{ width:600px;overflow:hidden;}
.key b{color: #24bcdc;font-size: 14px;}
.h_sea a{ line-height:58px; padding:0 1px; color:#bababa;padding: 0 10px;}
.inp01{margin-left:104px; font-size: 14px; text-indent: 51px; 
	height:58px;background:url(../images/so.jpg) no-repeat 0 0;width:300px; float:left;line-height:58px; border:0;color:#9f9f9f;}
.s_ss {float:left; width:100px; height:58px; border:0; background:url(../images/sos.jpg) no-repeat;}

/**/
.intro{height: 262px;background: url(../images/intro.jpg) no-repeat center center;padding-top: 100px;}
.intro h2{text-align: center;}
.intro h2 a{color: #24bcdc;font-size: 36px;}
.intro h2 em{color: #393e42;font-size: 18px;display: block;padding: 18px 0 9px 0;}
.intro h2 b{color: #c2c2c2;font-size: 7px;display: block;font-family: Arial;letter-spacing: 0.5px;text-transform: uppercase;font-weight: normal;}
.intro p{text-align:center;line-height: 30px;color: #737373;font-size: 14px;padding-top: 36px;}



/**/
.td{height: 755px;padding-top: 36px;background: url(../images/td_bg.jpg) no-repeat center center;}
.td h2{text-align: center;}
.td h2 a{color: #fff;font-size: 36px;}
.td h2 em{color: #fff;font-size: 18px;display: block;padding: 10px 0 9px 0;}
.td h2 b{color: #fff;font-size: 7px;display: block;font-family: Arial;-webkit-transform:scale(0.8); -webkit-margin-start:-37px;padding-left: 37px;
letter-spacing: 0.5px;text-transform: uppercase;font-weight: normal;}

.td_con{margin-top: 75px;background: #c00;position: relative;}
.td_con dl{position: absolute;}
.td_con dt{width: 68px;height: 86px;
background: #24bcdc;color: #fff;float: left;
 padding-left: 11px;padding-top:25px;font-size:24px;}
.td_con dd{color: #fff; padding-top:25px;font-size:14px;line-height: 24px;float: left;}
.td_con dd b{color: #24bcdc;}

.td_con .dl01 dt{margin-right: 20px;}
.td_con .dl02 dd{margin-right: 20px;}
.td_con .dl03 dt{margin-right: 20px;}
.td_con .dl04 dd{margin-right: 20px;}

.td_con .dl01{top:0;left:0;}
.td_con .dl02{top:0;right:0;}
.td_con .dl03{top:241px;left:0;}
.td_con .dl04{top:241px;right:0;}

/**/
.pro{height: 988px;padding-top: 86px;}
.pro h2{text-align: center;padding-bottom: 45px;}
.pro h2 a{color: #24bcdc;font-size: 36px;}
.pro h2 em{color: #393e42;font-size: 18px;display: block;padding: 10px 0 9px 0;}
.pro h2 b{color: #c2c2c2;font-size: 7px;display: block;font-family: Arial;letter-spacing: 0.5px;text-transform: uppercase;font-weight: normal;}

.pro_l{width: 250px;float: left;}
.pro_l .tit{width: 250px;height: 132px;background:url(../images/pro_tit.jpg) no-repeat center center;}


.fenl{width: 248px;border: 1px solid #cccccc;border-top: 0;}
.fenl h3{width: 248px;height: 52px;line-height: 52px;text-align: color;font-weight: normal;border-bottom:1px dotted #ccc;text-indent: 30px;}
.fenl h3.cur,.fenl h3:hover{background:url(../images/h3_bg.jpg) no-repeat center center;}
.fenl h3.cur a,.fenl h3 a:hover{color: #fff;}
.fenl h3 a{width: 248px;height: 52px;color: #3c454c;font-size: 15px;display: block;}
.fenl h3.nobot{border-bottom: 0;}

.pro_r{width: 929px;float: right;}
.pro_r ul{}
.pro_r ul li{float: left;width: 303px;margin-right: 10px;} 
.pro_r ul li.nobot{margin-right: 0;}
.pro_r ul li a img{width: 303px;height: 226px;border:1px solid #ccc;}
.pro_r ul li.nobt{margin-right: 0;}
.pro_r ul li span{height: 56px;line-height: 56px;text-align: center;display: block;border-bottom:4px solid #ededed;}
.pro_r ul li:hover span,.pro_r ul li.cur span{border-bottom:4px solid #24bcdc;}
.pro_r ul li span a{color: #3c454c;font-size: 15px;}
.pro_r ul li:hover span a,.pro_r ul li.cur span a{color: #24bcdc;font-weight: bold;}

.pro_r .big{position: relative;width: 929px;height: 409px;display: block;margin-bottom: 15px;}
.pro_r .big dl{width: 330px;position: absolute;right: 44px;top: 62px;}
.pro_r .big dt a{color: #24bcdc;font-size: 18px;font-weight: bold;display: block;}
.pro_r .big dd {color: #484848;font-size: 14px;line-height: 33px;margin-top: 15px;}

/**/
.case{height: 772px;padding-top: 69px;background: url(../images/case_bg.jpg) no-repeat center center;}
.case h2{text-align: center;}
.case h2 a{color: #24bcdc;font-size: 36px;}
.case h2 em{color: #fff;font-size: 18px;display: block;padding: 18px 0 9px 0;}
.case h2 b{color: #c2c2c2;font-size: 7px;display: block;font-family: Arial;letter-spacing: 0.5px;text-transform: uppercase;font-weight: normal;}
.case_con{position: relative;height: 560px;margin-top:61px;}

.case_l{width: 200px;float: left;margin-right: 190px;}
.case_l h3{height: 36px;line-height: 36px;margin-bottom: 20px;}
.case_l h3 a{color: #fff;font-size: 14px;height: 36px;line-height: 36px;display: block;font-weight: normal;}
.case_l h3 a:hover,.case_l h3.cur a{color: #24bcdc;font-weight: bold;}

.case_l h3.a1{background: url(../images/1.png) no-repeat left center;text-indent: 51px;}
.case_l h3.a2{background: url(../images/2.png) no-repeat left center;text-indent: 51px;}
.case_l h3.a3{background: url(../images/3.png) no-repeat left center;text-indent: 51px;}
.case_l h3.a4{background: url(../images/4.png) no-repeat left center;text-indent: 51px;}
.case_l h3.a5{background: url(../images/5.png) no-repeat left center;text-indent: 51px;}


.case_l h3.a1:hover,.case_l h3.a1.cur{background: url(../images/11.png) no-repeat left center;text-indent: 51px;}
.case_l h3.a2:hover,.case_l h3.a2.cur{background: url(../images/22.png) no-repeat left center;text-indent: 51px;}
.case_l h3.a3:hover,.case_l h3.a3.cur{background: url(../images/33.png) no-repeat left center;text-indent: 51px;}
.case_l h3.a4:hover,.case_l h3.a4.cur{background: url(../images/44.png) no-repeat left center;text-indent: 51px;}
.case_l h3.a5:hover,.case_l h3.a5.cur{background: url(../images/55.png) no-repeat left center;text-indent: 51px;}


.case_con .big{width: 300px;height: 144px;border:4px solid #24bcdc;padding:34px 32px 0 30px;position: absolute;bottom: 66px;left: 0;}
.case_con .big h4 a{color: #fff;font-size: 18px;padding-bottom: 16px;overflow: hidden; text-overflow:ellipsis;white-space:nowrap;display:block;}
.case_con .big p{color: #92b4dd;font-size: 14px;line-height: 26px;}
.case_con .line{width: 92px;height: 1px;position: absolute;bottom: 158px;left: 337px;background: url(../images/line.jpg) no-repeat center center;}

.case_m{width: 584px;float: left;margin-right: 20px;margin-top:55px;}
.case_m img{width: 584px;height: 439px;}

.case_r{width: 179px;float: left;margin-top:55px;height: 439px;position: relative;}
.case_r .z,.case_r .y{width: 19px;height: 63px;display: block;position: absolute;cursor: pointer;}
.case_r .z{left:80px;top: -36px;background:url(../images/z.png) no-repeat center center;z-index:999;}
.case_r .y{left:80px;bottom: -36px;background:url(../images/y.png) no-repeat center center;z-index:999;}

.case_r li{width: 179px;height: 135px;margin-bottom: 18px;position: relative;}
.case_r li em{width: 167px;height: 123px;position: absolute;left: 0;bottom: 0;display: none;
	background: url(../images/png.png) no-repeat center center;}
.case_r li a{width: 179px;height: 135px;display: block;}
.case_r li a:hover em{display: block;border: 6px solid #24bcdc;}
.case_r li img{width: 179px;height: 135px;}


/**/
.ys{height: 883px;padding-top: 100px;}
.ys h2{text-align: center;}
.ys h2 a{color: #24bcdc;font-size: 36px;}
.ys h2 a span{color: #22456b;font-size: 48px;}
.ys h2 em{color: #393e42;font-size: 18px;display: block;padding: 18px 0 9px 0;}
.ys h2 b{color: #c2c2c2;font-size: 7px;display: block;font-family: Arial;letter-spacing: 0.5px;text-transform: uppercase;font-weight: normal;}

.ys_con{height: 580px;padding-top: 57px;position: relative;margin-top: 50px;}
.ys_con ul{position: absolute;top: 0;left: 81px;}
.ys_con ul li{width: 147px;height: 78px; float: left;margin-right: 10px;color: #FFF;padding-left: 105px;padding-top:34px;}
.ys_con ul li a{width: 252px;height: 112px;display: block;font-size: 24px;color: #FFF;}
.ys_con ul li a em{display: block;font-size: 11px;color: #49617f;padding-top: 5px;}


.ys_con ul li.li01{background:url(../images/01.png) no-repeat 30px 35px #22456b;}
.ys_con ul li.li02{background:url(../images/02.png) no-repeat 30px 35px #22456b;padding-left: 113px;width: 139px;}
.ys_con ul li.li03{background:url(../images/03.png) no-repeat 30px 35px #22456b;padding-left: 113px;width: 139px;}
.ys_con ul li.li04{background:url(../images/04.png) no-repeat 30px 35px #22456b;padding-left: 113px;width: 139px;}

.ys_con ul li.li01:hover,.ys_con ul li.li01.cur{background:url(../images/01.png) no-repeat 30px 35px #24bcdc;}
.ys_con ul li.li02:hover,.ys_con ul li.li02.cur{background:url(../images/02.png) no-repeat 30px 35px #24bcdc;}
.ys_con ul li.li03:hover,.ys_con ul li.li03.cur{background:url(../images/03.png) no-repeat 30px 35px #24bcdc;}
.ys_con ul li.li04:hover,.ys_con ul li.li04.cur{background:url(../images/04.png) no-repeat 30px 35px #24bcdc;}

.ys_con ul li a:hover em{color: #b9e4f1;}

/**/
.news{height: 853px;background:url(../images/nbg.jpg) repeat-x #f4f4f4;padding-top: 60px;}
.news h2{text-align: center;padding-bottom:30px;}
.news h2 a{color: #24bcdc;font-size: 36px;}
.news h2 em{color: #393e42;font-size: 18px;display: block;padding: 18px 0 9px 0;}
.news h2 b{color: #c2c2c2;font-size: 7px;display: block;font-family: Arial;letter-spacing: 0.5px;text-transform: uppercase;font-weight: normal;}

.news ul.news_tit{padding-top:6px;height:70px;}
.news ul.news_tit li{float: left;width: 170px;height:70px;}
.news ul.news_tit li a{width: 170px;height: 70px;display: block;font-size: 18px;background:url(../images/dot.png) no-repeat top center;
	line-height: 120px;text-align: center;color: #333;}
.news ul.news_tit li a:hover,.news ul.news_tit li.cur a{background:url(../images/dot2.png) no-repeat top center;color: #24bcdc;}
.news ul.news_tit li.li_01{margin:0 0 0 393px;}
.news ul.news_tit li.li_02{margin:0 0 0 0;}


.news_con{height: 564px;width: 100%;float: left;margin-top:52px;}
.news-l{width: 600px;float: left;}

.news-l dl{width: 573px;height: 336px;padding-left: 10px;position: relative;}
.news-l dl dt{float: left;width: 573px;height: 245px;}
.news-l dl dt em{width: 63px;height: 65px;background:url(../images/new.png) no-repeat center center;position: absolute;
	left: 0;top: 0;z-index: 999;display: block; }
.news-l dl dt a{width: 573px;height: 245px;display: block;}
.news-l dl dt img{width: 573px;height: 245px;}

.news-l dd span{float: left;width: 97px;height: 207px;font-size:24px;color: #676767;font-weight: normal;padding-top:21px;text-indent: 5px;
	background:url(../images/line4.jpg) no-repeat right center;margin-right: 34px;}
.news-l dd span em{font-size:12px;color: #676767;font-weight: normal;display: block;text-indent: 40px;padding-top: 5px;}

.news-l dd h5{float: left;width: 430px;height: 60px;line-height: 60px;}
.news-l dd h5 a{font-size:18px;color: #24bcdc;font-weight: normal;}
.news-l dd p{float: left;width: 430px;height: 81px;line-height: 24px;font-size:14px;color: #333;font-weight: normal;}

.news-l dd a.m_btn{font-size:14px;color: #101010;font-weight: normal;width: 155px;padding-top: 20px;float: left;margin-top:22px;
	border-top: 1px solid #dcdcdc;text-transform: uppercase;}

.news-r{width: 569px;float: right;}

.news-r dl{height: 156px;float: left;}
.news-r dt{width: 89px;height: 156px;float: left;}
.news-r dt span{float: left;width: 89px;height: 155px;font-size:24px;border-right: 1px solid #e0e0e0;font-family: Arial;
	color: #676767;font-weight: normal;padding-top:21px;text-indent: 15px;}
.news-r dt span em{font-size:14px;color: #676767;font-weight: normal;display: block;text-indent: 40px;padding-top: 5px;font-family: Arial;}

.news-r dd{width: 447px;padding-left:32px;height: 155px;float: right;border-bottom: 1px solid #e0e0e0;}
.news-r dd h4{float: left;height: 60px;line-height: 60px;}
.news-r dd h4 a{font-size:14px;color: #111;font-weight: normal;}
.news-r dd p{float: left;height: 81px;line-height: 25px;font-size:14px;color: #808080;font-weight: normal;}

.news-r dl.nobot{height: 188px;overflow: hidden;}
.news-r dl.nobot dt span{height: 232px;}


/**/
.about{height: 497px;background: url(../images/about_bg.jpg) no-repeat center center;padding-top: 100px;}
.about h2{text-align: center;}
.about h2 a{color: #24bcdc;font-size: 36px;}
.about h2 em{color: #fff;font-size: 18px;display: block;padding: 18px 0 9px 0;}
.about h2 b{color: #c2c2c2;font-size: 7px;display: block;font-family: Arial;letter-spacing: 0.5px;text-transform: uppercase;font-weight: normal;}
.about p{text-align:center;line-height: 40px;color: #fff;font-size: 14px;padding-top: 60px;}
.about  span a{width: 181px;height: 48px;display: block;margin:73px auto 0;}