@charset "utf-8";
/* CSS Document */


#header{ height:86px; background-color:#fff;}
.logo{ margin-top:10px;}
.logo,.logo img{ width:241px; height:72px;}
#header a.qq,#header a.te{ width:30px; height:30px; margin-top:28px; }
#header a.qq{ margin-left:12px;}
.nav{ margin-top:32px;margin-right: 120px;}
.nav ul li{ height:54px; font-size:16px; float:left; display:inline;}
.nav ul li a{ display:block; padding:0 20px; height:49px; line-height:22px;}
.nav ul li a:hover,.nav ul li.cur a{ border-bottom:5px solid #32a8dd; color:#1c9ce2;}




/* fullSlide */
.fullSlide{width:100%;position:relative;height:400px;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:400px;overflow:hidden;text-align:center; background-position:center top; background-repeat:no-repeat;}
.fullSlide .bd li a{display:block;height:400px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:22px;left:0;height:16px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:16px;height:16px;margin:0px 7px;overflow:hidden; background-repeat:no-repeat; background-position:center; background-image:url(../images/c4.png); color:transparent; line-height:16px;}
.fullSlide .hd ul .on{ background-image:url(../images/c3.png);}



.title{ font-size:16px; text-align:center; background:url(../images/t1.png) no-repeat center 70px; padding-top:34px; padding-bottom:37px;}
.title h2{ font-size:50px; color:#1c9ce2;}


.solutions{ width:1340px; margin:0 auto; overflow:hidden; padding-bottom:16px;} 
.solutew{ height:276px; position:relative; overflow:hidden;}
.solutions ul{ position:absolute; left:0; top:0; width:3300px; height:276px;}
.solutions ul li{ width:281px; overflow:hidden; float:left; display:inline; position:relative;}
.solutions ul li .item-img{ width:260px; height:276px; text-align:center; position:relative; background-repeat:no-repeat; background-repeat:right top; float:left; display:inline;}
.solutions ul li .item-tit{ position:absolute; left:80px; top:146px; text-align: left;} 
.solutions ul li .item-img h2{ font-size:18px;}
.solutions ul li .item-img h4{ font-size:24px; font-weight:normal;}
.solutions ul li .item-word{ width:204px; margin-left:16px; font-size:14px; text-align:left; float:left; display:inline; display:none;}
.solutions ul li .item-word p{ line-height:16px;}
.solutions ul li .item-word div{ margin-top:14px;}
.solutions ul li .item-word div span{ width:90px; padding-left:12px; background:url(../images/c11.png) no-repeat left center; line-height:26px; float:left; display:inline;}
.solutions ul li .item-word a{
	display: inline-block;
	width: 130px;
	height: 40px;
	margin-top:20px;
	line-height: 40px;
	text-align: center;
	color: #ffffff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.solutions ul li .item-plus{ width:32px; height:32px; background-repeat:no-repeat; background-position:center; position:absolute; top:44px; left:244px;}

.solutions ul li .solut2 .item-word{ width:204px; margin-left:16px;}
.solutions ul li .solut2 .item-tit { right:-30px;}
.solutions ul li .solut2 .item-word span{ width:90px;}
.solutions ul li .solut1 .item-plus{ background-image:url(../images/c9.png);}
.solutions ul li .solut2 .item-plus{ background-image:url(../images/c9.png);}
.solutions ul li .solut3 .item-plus{ background-image:url(../images/c9.png);}
.solutions ul li .solut4 .item-plus{ background-image:url(../images/c9.png);}

.solutions ul li .solut1 .item-img{ background-image:url(../images/c5.png);}
.solutions ul li .solut2 .item-img{ background-image:url(../images/c6.png);}
.solutions ul li .solut3 .item-img{ background-image:url(../images/c8.png);}
.solutions ul li .solut4 .item-img{ background-image:url(../images/c7.png);}
.solutions ul li .solut1 h2,.solutions ul li .solut1 h4{ color:#3399cc;}
.solutions ul li .solut2 h2,.solutions ul li .solut2 h4{ color:#3399cc;}
.solutions ul li .solut3 h2,.solutions ul li .solut3 h4{ color:#3399cc;}
.solutions ul li .solut4 h2,.solutions ul li .solut4 h4{ color:#3399cc;}
.solutions ul li .solut1 .item-word a{ background-color:#32a8dd;}
.solutions ul li .solut2 .item-word a{ background-color:#32a8dd;}
.solutions ul li .solut3 .item-word a{ background-color:#32a8dd;}
.solutions ul li .solut4 .item-word a{ background-color:#32a8dd;}

.newsIndex{padding-bottom:75px; overflow:hidden;}
.newPic,.newPic a,.newPic img{ width:434px; height:287px;}
.newPic a{ display:block; position:relative;}
.newPic a h2{ height:44px; padding:0 15px; font-size:16px; color:#fff; line-height:44px; background:url(../images/sh.png) repeat left top; position:absolute; left:0; bottom:16px; z-index:2;}
.newsIndex .newRight{ width:564px; padding-top:6px;}
.newsIndex .newRight ul li{text-align:right; padding-left:8px; background:url(../images/li.jpg) no-repeat left center; line-height:34px;}
.newsIndex .newRight ul li span{ color:#999;}


.caseIndex{ height:425px; background:url(../images/bg.jpg) no-repeat center;}
.caseIndex a.leftBtn,.caseIndex a.rightBtn{ width:34px; height:63px; background-repeat:no-repeat; background-position:center; margin-top:61px;}
.caseIndex a.leftBtn{ background-image:url(../images/left.png); margin-right:33px;}
.caseIndex a.rightBtn{ background-image:url(../images/right.png);}
.casePics,.casePlayer{ width:1200px; height:220px; overflow:hidden;}
.casePlayer{ position:relative; z-index:5;}
.casePics ul li{ width:240px; padding:10px; background-color:#fff; border:1px solid #dfdfdf; float:left; display:inline; margin-right:30px;}
.casePics ul li img{ width:240px; height:162px;}
.casePics ul li h2{ font-size:16px; text-align:center; margin-top:10px;}

.partnerIndex{ background-color:#fff;}
.partnerIndex ul li{ height:162px;  text-align:center; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; float:left; display:inline; position:relative; overflow:hidden;}
.partnerIndex ul li a{ display:block; width:219px; height:162px;  background-repeat:no-repeat; background-position:center center;
	-webkit-transition:background-position .5s ease-in-out;
    -moz-transition:background-position .5s ease-in-out;
    -ms-transition:background-position .5s ease-in-out;
    -o-transition:background-position .5s ease-in-out;
    transition:background-position .5s ease-in-out;
}
.partnerIndex ul li a h2{ font-size:16px; width:219px; position:absolute; left:0px; bottom:-50px;
	-webkit-transition: bottom .5s ease-in-out;
    -moz-transition: bottom .5s ease-in-out;
    -ms-transition: bottom .5s ease-in-out;
    -o-transition: bottom .5s ease-in-out;
    transition: bottom .5s ease-in-out;

}
.partnerIndex ul li a:hover{ background-position:center top;}
.partnerIndex ul li.pat1 a{ background-image:url(../images/img1.png);}
.partnerIndex ul li.pat1 a:hover{ background-image:url(../images/img1.png);}
.partnerIndex ul li.pat2 a{ background-image:url(../images/img2.png);}
.partnerIndex ul li.pat2 a:hover{ background-image:url(../images/img2.png);}
.partnerIndex ul li.pat3 a{ background-image:url(../images/img3.png);}
.partnerIndex ul li.pat3 a:hover{ background-image:url(../images/img3.png);}
.partnerIndex ul li.pat4 a{ background-image:url(../images/img4.png);}
.partnerIndex ul li.pat4 a:hover{ background-image:url(../images/img4.png);}
.partnerIndex ul li.pat5 a{ background-image:url(../images/img5.png);}
.partnerIndex ul li.pat5 a:hover{ background-image:url(../images/img5.png);}
.partnerIndex ul li.pat6 a{ background-image:url(../images/img6.png);}
.partnerIndex ul li.pat6 a:hover{ background-image:url(../images/img6.png);}
.partnerIndex ul li.pat7 a{ background-image:url(../images/img7.png);}
.partnerIndex ul li.pat7 a:hover{ background-image:url(../images/img7.png);}
.partnerIndex ul li.pat8 a{ background-image:url(../images/img8.png);}
.partnerIndex ul li.pat8 a:hover{ background-image:url(../images/img8.png);}
.partnerIndex ul li.pat9 a{ background-image:url(../images/img9.png);}
.partnerIndex ul li.pat9 a:hover{ background-image:url(../images/img9.png);}
.partnerIndex ul li.pat10 a{ background-image:url(../images/img10.png);}
.partnerIndex ul li.pat10 a:hover{ background-image:url(../images/img10.png);}
.partnerIndex ul li a:hover h2{ bottom:22px;}



#footer{ background-color:#4a4a4a; color:#fff; padding:16px 0;}
#footer .copyRight{line-height:24px; margin-top:15px;}



.banners{ height:288px; background-repeat:no-repeat; background-position:center;}

.nyTitle{ padding-left:22px; background:url(../images/map.png) no-repeat 4px center; line-height:60px;}

.nyMain{ padding:35px 10px; padding-bottom:124px; width:1080px; margin:0 auto; text-align:left; margin-bottom:70px;}
.nyLeft{ width:228px;}
.title2{ text-align:center; border-bottom:1px solid #dfdfdf; margin-bottom:20px;}
.title2 span{ display:inline-block; height:44px; font-size:30px; padding:0 4px; border-bottom:4px solid #32a8dd;}

.nyLeft ul li{ margin-bottom:4px;}
.nyLeft ul li a{ display:block; text-align:center; font-size:16px; height:52px; text-align:center; line-height:52px; background-color:#e9e9e9;}
.nyLeft ul li a:hover,.nyLeft ul li.cur a{ color:#fff; background-color:#32a8dd;}


.nyLeft ul li.cur dd  a{ display: inline-block; background: url(../images/icon-2.jpg) 35px 14px no-repeat;font-size: 14px; color:#333; line-height: 35px; padding: 0 0 0 50px;height:35px;background-color:#fff;}
.nyLeft ul li.cur dd a:hover,.nyLeft ul li.cur dd.subcur a{color:#26a0d7; background: url(../images/icon-1.jpg) 35px 14px no-repeat;background-color:#fff;}
.rightcontent_nav{width: 100%; text-align: center;margin:20px 0 0 0;}
.rightcontent_nav a{ display: inline-block; padding: 10px 20px; border: 1px solid #999; color: #333;font-size: 16px; margin: 0 15px;}

.rightcontent_nav a.choosenav,.rightcontent_nav a:hover{border: 1px solid #32a8dd;color: #32a8dd;}

.nyRight{ width:808px;}
.title3{ font-size:30px; text-align:center; color:#32a8dd;}
.editWd div,.editWd2 div{ text-align:center;}
.editWd p{line-height:30px; }
.editWd2 p{line-height:24px;}
.editWd2 a{ color:#69bfe6; text-decoration:underline;}

.editWd4{ line-height:30px;}

.localList ul li{ width:334px; margin-top:52px; margin-right:70px; float:left; display:inline;}
.localList ul li div,.localList ul li div img{ width:204px; height:156px;}
.localList ul li h2{ font-size:30px; line-height:156px;}


.localList2 ul li{ width:385px; margin-top:60px; float:left; display:inline; margin-right:19px;}
.localList2 ul li div.pic,.localList2 ul li div.pic img{ width:169px; height:158px;}
.localList2 ul li div.memos{ width:216px; height:88px; overflow:hidden; padding-top:20px;}
.localList2 ul li div.memos h2{ font-size:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.localList2 ul li div.memos p{ line-height:18px; margin-top:12px;}

.caseList{ margin-top:-60px;}
.caseList ul li{ width:250px; text-align:center; float:left; display:inline; margin:0 58px; margin-top:110px;}
.caseList ul li .pic{ width:234px; height:234px; overflow:hidden; border:8px solid #e9e9e9; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -ms-border-radius:100%; border-radius:100%;}
.caseList ul li .pic img{ width:234px; height:234px; }
.caseList ul li .pic,.caseList ul li .pic img,.caseList ul li h2 a{
	-moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}
.caseList ul li h2{ font-size:22px; margin-bottom:13px;}
.caseList ul li .memos{ color:#999; line-height:22px;}
.caseList ul li.type1 h2,.caseList ul li.type2 .pic{margin-top:15px; }

.pages{ margin-top:140px;}
.pages a{ display:inline-block;  padding:6px 12px; border:1px solid #dfdfdf; margin:0 5px; color:#0072bb;}
.pages a:hover,.pages a.cur{ color:#fff; background-color:#0072bb;}
.caseList ul li:hover .pic{ border-color:#0072bb;}
.caseList ul li:hover .pic img{
	-moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.caseList ul li:hover h2 a{ color:#0072bb;}

.proList{ padding:70px 0; border-bottom:1px solid #dfdfdf; margin:0 28px;}
.proList .pic{ width:490px;}
.proList .memos{ width:512px;}
.proList .memos h2{ font-size:48px;}   
.proList .memos div{ color:#666; line-height:28px; margin-top:36px;} 

.proList2{ padding:18px 0;}
.proList2 .memos{ padding-top:70px;}


.job{ padding:0 46px;}
.job dl{ margin-top:44px;}
.job dt{ height:34px; border-bottom:1px dotted #dfdfdf; margin-bottom:10px; position:relative;}
.job dt h2{ font-size:18px; font-weight:bold; color:#ff5f3e;}
.job dt a{ display:block; padding-right:10px; padding-left:35px; height:26px; color:#fff; line-height:26px; background:#32a8dd url(../images/c12.png) no-repeat 10px center; position:absolute; right:0; top:0;}
.job dd{ color:#666; line-height:24px;}
.job dd h3{ font-size:14px; font-weight:bold; margin-bottom:12px;}
.interver{ text-align:left; width:479px; height:334px; padding-top:20px; font-size:16px; padding-left:47px;}
.interver div{ line-height:30px; margin-bottom:20px;}
.interver div i{ margin-right:15px; font-style:normal;}
.interver div span{ margin-right:15px; width:85px; text-align:right; }
.interver em{ color:#ff3300; font-style:normal;}
.interver .txt2{ width:276px; height:18px; padding:6px 12px; border:1px solid #dfdfdf; line-height:18px;}
.interver .txt3{ font-size:12px; height:22px;}
.interver .btn2{ display:inline-block; width:144px; height:42px; font-size:18px; color:#fff; border:none; background:#ff5f3e; cursor:pointer;}


.title4{ font-size:20px; padding:25px 0; padding-left:18px; background:url(../images/li2.jpg) no-repeat left center;}

.advanList div{ width:354px;}
.advanList ul li{ width:354px;margin-bottom:50px;}
.advanList ul li h2{ font-size:16px; padding-left:46px; background-repeat:no-repeat; background-position:left center; margin-bottom:10px; line-height:32px;}
.advanList ul li p{ font-size:12px; line-height:22px; color:#666;}
.advanList ul li.fir h2{ background-image:url(../images/c13.png);}
.advanList ul li.sec h2{ background-image:url(../images/c14.png);}
.advanList ul li.thi h2{ background-image:url(../images/c15.png);}
.advanList ul li.for h2{ background-image:url(../images/c16.png);}
.advanList ul li.fiv h2{ background-image:url(../images/c17.png);}
.advanList ul li.sic h2{ background-image:url(../images/c18.png);}

.editWd3{ line-height:30px;}
.mapBaidu{width:800px;height:490px; margin:30px auto;  }
.online{border-top:1px solid #dfdfdf; padding-left:38px;}
.online p{color:#999; padding-top:40px; padding-bottom:12px;}
.online h2{ font-size:14px; font-weight:bold; line-height:20px; margin-top:14px;}
.online h2 span{ color:#c0b8b6; font-style:italic; margin-right:5px;}
.online .txt{ width:300px; height:17px; padding:13px; line-height:17px; background:url(../images/tex.jpg) no-repeat center; border:none;}
.online textarea{ display:block; width:583px; height:184px; font-family:'Microsoft Yahei';  color:#333; font-size:14px; line-height:24px; padding:16px;  background:url(../images/txt2.jpg) no-repeat left center; border:none;}
.online .btn{ width:59px; height:38px; background:url(../images/btn.jpg) no-repeat center; border:none; cursor:pointer; margin-top:14px;}

.nwd{ width:1020px; padding:35px 40px; margin:0 auto; margin-bottom:70px; text-align:left;}
.newTitle{ font-size:26px;}
.newTime{ font-size:12px; padding:28px 0; line-height:28px; border-bottom:1px solid #dfdfdf; margin-bottom:34px;}
.newTime span{ padding-left:138px; position:relative;}
.newTime b{ padding-left:38px; position:relative;}
.bdsharebuttonbox{ position:absolute; left:0; top:-6px; *top:20px;}
.pages2{ line-height:34px; padding-left:30px; border-top:1px solid #dfdfdf; margin-top:60px; padding-top:20px;}
.pages2,.pages2 a{ color:#666;}

.newList{ margin-top:11px;}
.newList ul li{ font-size:12px; line-height:22px; padding:140px 0; border-bottom:1px solid #dfdfdf;}
.newList ul li h2{ font-size:18px; font-weight:bold; padding-left:15px; background:url(../images/li3.jpg) no-repeat left center;}
.newList ul li p{ color:#666; margin-top:12px; margin-bottom:5px;}
.newList ul li span{ color:#999;}


.page3{ text-align:center; margin-top:40px;}
.page3 a{ font-size:12px; color:#333; display:inline-block; padding:4px 10px; border:1px solid #ccc; margin:0 2px;}
.page3 .prev span{ padding-left:12px; background-image:url(../images/pagel.png); background-repeat:no-repeat; background-position:0 4px; color:#666;}
.page3 .next span{padding-right:12px; background-image:url(../images/pagel.png);background-repeat:no-repeat; background-position:43px -96px; color:#666;}
.page3 .prev:hover span,.page3 .next:hover span{ color:#333; background-image:url(../images/pageh.png); }
.page3 a:hover,.page3 a.cur{color:#ff6687;}

.page-large{margin:40px 0 20px; text-align:center;}
.page-large a{min-width:34px; height:34px; display:inline-block; border:1px solid #d5d5d5; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; line-height:34px; text-align:center; float:left; text-indent:0; color:#666666; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0 3px;}
.page-large a.on{border:1px solid #32a8dd; background:#32a8dd; color:#fff;}
.page-large a.none{border:none;}
.page-large .Num:hover{border:1px solid #32a8dd; color:#32a8dd;}
.page-large .on:hover{border:1px solid #32a8dd; color:#fff;}

.page-large .prev-page{background:url(../images/small-prev-page.png) center center no-repeat;}
.page-large .next-page{background:url(../images/small-next-page.png) center center no-repeat;}
.page-large .prev-page:hover{border:1px solid #32a8dd; background:url(../images/small-prev-page-on.png) center center no-repeat #32a8dd;}
.page-large .next-page:hover{border:1px solid #32a8dd; background:url(../images/small-next-page-on.png) center center no-repeat #32a8dd;}
.nytxt3{padding:30px 0 60px;}
.nytxt3 dl{width:100%; float:left;}
.nytxt3 dd{width:392px; float:left;}
.nytxt3 dd img{width:392px; height:224px;}
.nytxt3 dt{width:392px; height:164px; padding-top:62px; background:#f9f9f9; text-align:center; font-size:16px; line-height:30px; float:left;}
.nytxt3 dt h5{font-size:26px; color:#8fc320; margin-bottom:20px;}



.nytxt5{ display: inline-block;}
.nytxt5 dl,.nytxt7 dl{width:100%; float:left; padding:20px 10px; border-bottom:1px dashed #bababa;}
.nytxt5 dt{width:202px; float:left;}
.nytxt5 dt img{width:202px; height:128px;}
.nytxt5 dd{width:575px; float:right; height:126px; overflow:hidden; background:url(images/list_li2.png) right bottom no-repeat;}
.nytxt5 dd h5,.nytxt7 dd h5{font-size:20px; height:30px; line-height:30px; overflow:hidden; margin-top:5px;}
.nytxt5 dd h5 code{font-size:12px; float:right; color:#666;}
.nytxt5 dd p{font-size:12px; line-height:18px; height:36px; overflow:hidden; margin-top:15px; color:#666;}
.nytxt5 dd p.nytime{height:18px;}
.nytxt5a dd h5{margin-bottom:15px;}
.nytxt5a dd p{line-height:22px; height:auto; margin:0;}


.nytxt6{ display: inline-block;}
.nytxt6 dl,.nytxt7 dl{width:100%; float:left; padding:15px 10px; border-bottom:1px dashed #bababa;}
.nytxt6 dt{width:202px; float:left;}
.nytxt6 dt img{width:197px; height:95px;}
.nytxt6 dd{width:575px; float:right; height:95px; overflow:hidden; background:url(images/list_li2.png) right bottom no-repeat;}
.nytxt6 dd h5,.nytxt7 dd h5{font-size:20px; height:30px; line-height:30px; overflow:hidden; margin-top:5px;}
.nytxt6 dd h5 code{font-size:12px; float:right; color:#666;}
.nytxt6 dd p{font-size:12px; line-height:18px; height:36px; overflow:hidden; margin-top:15px; color:#666;}
.nytxt6 dd p.nytime{height:18px;}
.nytxt6a dd h5{margin-bottom:15px;}
.nytxt6a dd p{line-height:22px; height:auto; margin:0;}




.job_list dt{background:#8fc320; overflow:hidden;}
.job_w{float:left; font-size:16px; color:#fff; border-left:1px solid #fff;}
.job_list dd{ display: inline-block;width: 100%;}
.job_list dd .job_w{border:none; color:#333}
.job_list .job_w2{width:500px;}
.job_list .job_w3{width:150px;}
.job_list .job_w4{width:140px;}
.job_list .job_w2 p,.job_list .job_w3 p,.job_list .job_w4 p{text-indent: 0 !important;}

.job_click{position:relative; border-bottom:1px solid #ccc; cursor:pointer;height: auto;width: 100%;
    display: inline-block;}
.job_click.on{ background: #efefef;}
.job_click.on .job_w4{background:url(../images/job_ico2.jpg) no-repeat center center;}
.job_w p{padding:15px 10px;}
.job_click .job_w4{background:url(../images/job_ico.jpg) no-repeat center center; position:absolute; right:0px; top:0px; height:100%}
.job_show{line-height:24px; display:none; padding:20px 10px; border-bottom:1px solid #ccc;font-size:15px; text-align: left !important;}
.job_p{display:none; }
.job_office{display:block; width:100%; height:auto; margin-top:40px;}


.news .banner{float:left; width:510px; height:340px; position:relative; margin-right:24px;}
.news{width:100%; height:340px; margin-top:6px;}
.news .banner{float:left; width:510px; height:340px; position:relative; margin-right:24px;}
.news .banner .banner_pre, .news .banner .banner_next{display:none;position:absolute;top:130px;width:20px;height:24px; overflow:hidden;z-index:10;background-image:url(../images/tubiao.png); background-repeat:no-repeat; cursor:pointer;}
.banner_pre{left:15px;background-position:-10px -10px;}
.banner_pre:hover{background-position:-40px -10px;}
.banner_next{right:15px;background-position:-70px -10px;}
.banner_next:hover{background-position:-100px -10px;}
.news .banner .bd{width:100%; height:288px; overflow:hidden;}
.news .banner .bd a{width:100%; height:288px; display:block; position:relative;}
.news .banner .bd img{width:100%; height:100%;}
.news .banner .bd h1{ position:absolute; left:0; bottom:0; width:100%; height:46px; background:#000; filter:alpha(opacity=80); background:rgba(0,0,0,0.7); line-height:46px; text-align:center; color:#fff; font-weight:normal;}
.news .banner .hd{width:100%; text-align:center; margin-top:10px;}
.news .banner .hd ul{display:inline-block;}
.news .banner .hd li{width:8px; height:8px; float:left; margin:10px; position:relative; cursor:pointer;background:#dbdbdb; border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%;}
.news .banner .hd li:hover{background:#ef3838; transition-duration:400ms; -moz-transition-duration:400ms; -webkit-transition-duration:400ms; -o-transition-duration:400ms;}
.news .banner .hd li.on{background:#ef3838; transition-duration:400ms; -moz-transition-duration:400ms; -webkit-transition-duration:400ms; -o-transition-duration:400ms;}

h1 { font-size: 15px; /* 18px / 12px = 1.5 */ }