@charset "utf-8";
@import url("common.css");
@import url("header.css");
@import url("banner.css");

.banner { width:100%; height:465px; background:url(/images/banner.jpg) center top no-repeat; overflow:hidden}
.notice { width:100%; height:57px; background-color:#FFF; overflow:hidden}

.bt { text-align:center;}
.bt strong { font-size:32px; color:#ea3500; font-weight:normal; overflow:hidden}
.line1 { margin-top:10px; width:100%; height:1px; border-bottom:solid 1px #fff;}
.line1 em { margin:0 auto; display:block; width:100px; height:3px; background-color:#ec3900;}
.line2 {margin-top:10px; width:100%; height:1px; border-bottom:solid 1px #eee;}
.line2 em { margin:0 auto; display:block; width:100px; height:3px; background-color:#ec3900;}

.service { margin-top:15px;}
.service ul { width:100%; overflow:hidden}
.service ul li { float:left; width:282px; height:320px; background-color:#fff; margin-right:24px; margin-top:20px; overflow:hidden}
.service ul li:hover { opacity:0.8; border:solid 4px #23aefd; box-sizing:border-box}
.service ul li:nth-child(4n) { margin-right:0;}
.service ul li .pic { width:100%; margin-bottom:15px; height:185px; background-color:#23aefd; overflow:hidden}
.service ul li .pic em { display:block; margin:0 auto; width:185px; height:185px; background:url(../images/tubiao.png) no-repeat;}
.service ul li .pic em.no1 { background-position:0 0}
.service ul li .pic em.no2 { background-position:-185px 0}
.service ul li .pic em.no3 { background-position:-370px 0}
.service ul li .pic em.no4 { background-position:-555px 0}
.service ul li .pic em.no5 { background-position:0 -185px}
.service ul li .pic em.no6 { background-position:-185px -185px}
.service ul li .pic em.no7 { background-position:-370px -185px}
.service ul li .pic em.no8 { background-position:-555px -185px}

.service ul li .title { width:100%; font-size:25px; color:#333; text-align:center; overflow:hidden}
.service ul li .info { width:100%; text-align:center; margin-top:10px; font-size:18px; line-height:25px; color:#999}
.service ul li .tubiao { width:100%; overflow:hidden}
.service ul li .tubiao em { display:block; margin:0 auto; width:22px; height:22px; background-color:#090; overflow:hidden}
.service ul li .tubiao em.top { background:url(../images/yinhao.png) 0 0 no-repeat;}
.service ul li .tubiao em.bottom { background:url(../images/yinhao.png) -22px 0 no-repeat;}

.bt_txt { margin-top:15px; width:100%; text-align:center; line-height:30px; font-size:18px; color:#999; overflow:hidden}
.tese { width:100%; padding-bottom:20px; overflow:hidden}
.tese ul { width:100%; overflow:hidden}
.tese ul li { float:left; width:120px; margin:20px 40px; overflow:hidden}
.tese ul li em { display:block; width:120px; height:120px; background:url(../images/tese.png) no-repeat;}
.tese ul li em.no1 { background-position:0 0}
.tese ul li em.no2 { background-position:-120px 0}
.tese ul li em.no3 { background-position:-240px 0}
.tese ul li em.no4 { background-position:-360px 0}
.tese ul li em.no5 { background-position:-480px 0}
.tese ul li em.no6 { background-position:-600px 0}
.tese ul li span { display:block; width:100%; text-align:center; font-size:18px; color:#666}

.fankui { width:100%; overflow:hidden}
.fankui ul { width:100%; overflow:hidden}
.fankui ul li { float:left; width:587px; padding:15px; box-sizing:border-box; margin-right:26px; margin-top:20px; background-color:#fff; overflow:hidden}
.fankui ul li:nth-child(2n) { margin-right:0;}
.fankui ul li .pic { float:left; width:171px; height:184px; font-size:0; overflow:hidden}
.fankui ul li .info { float:right; width:365px; overflow:hidden}
.fankui ul li .sub1 { margin-top:10px; width:100%; line-height:30px; overflow:hidden}
.fankui ul li .sub1 strong { font-size:20px; color:#333; font-weight:normal}
.fankui ul li .sub1 span { font-size:20px; color:#666; margin-left:15px;}
.fankui ul li .sub2 { width:100%; margin-top:10px; line-height:28px; font-size:15px; color:#999; overflow:hidden}
.fankui ul li .sub3 { width:100%; margin-top:10px; overflow:hidden}

.fankui ul li .sub3 { line-height:20px;}
.fankui ul li .sub3 span { float:left; display:block; height:20px; line-height:20px; font-size:16px;}
.fankui ul li .sub3 span.point { color:#ff6900 }
.fankui ul li .sub3 em { float:left; margin:0 15px; display:block; width:102px; height:20px; line-height:25px;}
.fankui ul li .sub3 em.star5 { background:url(/images/star5.png) 0 0 no-repeat;}
.fankui ul li .sub3 em.star4 { background:url(/images/star4.png) 0 0 no-repeat;}
.fankui ul li .sub3 em.star3 { background:url(/images/star3.png) 0 0 no-repeat;}
.fankui ul li .sub3 em.star2 { background:url(/images/star2.png) 0 0 no-repeat;}
.fankui ul li .sub3 em.star1 { background:url(/images/star1.png) 0 0 no-repeat;}


.news { width:100%; overflow:hidden}
.news ul { width:100%; overflow:hidden}
.news ul li { float:left; width:590px; margin-top:30px; margin-right:20px; overflow:hidden}
.news ul li:nth-child(2n) { margin-right:0;}
.news ul li .left { float:left; width:94px; height:94px; background-color:#ff4700; border-radius:100px; text-align:center}
.news ul li .left strong { display:block; margin-top:20px; width:100%; line-height:35px; font-size:40px; color:#FFF; font-weight:normal; }
.news ul li .left span { display:block; width:100%; font-size:16px; color:#FFF;}

.news ul li .info { float:left; width:495px; padding-left:20px; padding-top:5px; box-sizing:border-box; overflow:hidden}
.news ul li .info h3 { display:block; width:100%; height:30px; line-height:30px; font-size:17px; color:#333; font-weight:normal; overflow:hidden}
.news ul li .info p { width:100%; height:50px; line-height:25px; font-size:14px; color:#ccc}

.danwei { width:100%; margin-top:20px; overflow:hidden}
.danwei ul { width:100%; overflow:hidden}
.danwei ul li { float:left; width:140px; margin:10px 36px; overflow:hidden}
.danwei ul li .pic { width:140px; height:140px; font-size:0; overflow:hidden}
.danwei ul li .pic img {width:140px; height:140px;}
.danwei ul li .txt { width:100%; line-height:30px; text-align:center; font-size:16px; color:#666}

.qikan { width:100%; padding:20px 0; overflow:hidden}
.qikan ul { width:100%; overflow:hidden}
.qikan ul li { float:left; width:224px; height:88px; background-color:#eee; margin-right:20px; margin-top:10px; overflow:hidden}
.qikan ul li:nth-child(5n) { margin-right:0;}

.contact { width:100%; margin-top:20px; text-align:center; overflow:hidden}

.btn_more { margin:30px auto 0; display:block; width:200px; height:40px; line-height:40px; font-size:18px; color:#ec3900; border:solid 2px #ec3900; background-color:#FFF; text-align:center;}

/**
 * 横向滚动
 * ------------------------------ */
.scroll_horizontal{position:relative;width:1200px; margin-top:20px;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:1200px;height:350px;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{float:left;width:200px; overflow:hidden}
.scroll_horizontal .list li .pic { margin:0 auto; width:140px; height:140px; font-size:0; overflow:hidden}
.scroll_horizontal .list li .pic img {width:140px; height:140px; border-radius:100%}
.scroll_horizontal .list li .txt { width:100%; line-height:40px; text-align:center; font-size:16px; color:#666}

.friendlink { width:1200px; margin:10px auto; overflow:hidden}
.friendlink ul { width:100%; overflow:hidden}
.friendlink ul li { float:left; padding:0px 8px; line-height:20px; overflow:hidden}
.friendlink ul li a { font-size:14px; color:#666}