@charset "utf-8";
/*--index--*/
#banner{width:100%;height:400px;overflow:hidden;position:relative}
#banner ul{width:100%;height:400px}
#banner ul li{width:100%;height:400px;position:relative}
#banner ul li img{width:1680px;height:400px;position:absolute;left:50%;top:0;margin:0 0 0 -830px}
#banner .hd{width:100%;overflow:hidden;height:6px;padding:18px 0;position:absolute;left:0;bottom:20px;text-align:center}
#banner .hd li{width:48px;height:6px;background:#0060c2;cursor:pointer;display:inline-block;margin:0 5px;text-indent:-9999px}
#banner .hd li.on{background:#ffa300;}

.service-list{ margin: 40px auto 20px; overflow: hidden;}
.service-list ul{ width: 110%;}
.service-list .s-item{ width: 270px; height: 100px; padding-left: 40px; float: left; margin: 0 35px 20px 0;}
.service-list .s-item h3{ color: #333; font-size: 16px; line-height: 24px;}
.service-list .s-item p{ line-height: 20px; color: #666;}
.service-list .s-item-1{ background: url("../images/s-icon-1.jpg") no-repeat left 2px;}
.service-list .s-item-2{ background: url("../images/s-icon-2.jpg") no-repeat left 2px;}
.service-list .s-item-3{ background: url("../images/s-icon-3.jpg") no-repeat left 2px;}
.service-list .s-item-4{ background: url("../images/s-icon-4.jpg") no-repeat left 2px;}
.service-list .s-item-5{ background: url("../images/s-icon-5.jpg") no-repeat left 2px;}
.service-list .s-item-6{ background: url("../images/s-icon-6.jpg") no-repeat left 2px;}

.service-box{ width: 998px; height: 310px; border: 1px solid #d9d9d9; overflow: hidden;}
.service-box-l{ width: 634px; padding:22px 22px 18px; overflow: hidden; float: left;}
.service-box-l h3{ font-size: 14px; color: #333; line-height: 24px; padding-bottom: 20px; position: relative; margin-bottom: 16px;}
.service-box-l h3:after{ content: ''; width: 30px; height: 3px; position: absolute; background:#027dc3; left: 0; bottom: 0; display: block;}
.service-box-l .more{ padding-right: 20px; background: url("../images/icon-more.png") no-repeat right center; color: #999; font-size: 14px; float: right; line-height: 24px;}
.service-box-l .service-cont{ width: 634px; height: 212px; overflow: hidden;}
.service-box-l .service-cont li{ width: 634px; height: 212px; float: left;}
.service-box-l .service-cont li .s-img{ width: 298px;height: 212px; float: left; overflow: hidden; margin-right: 22px;}
.service-box-l .service-cont li .s-info{ width: 314px; height: 212px; float: left; overflow: hidden; line-height: 30px; color: #666;}
.service-box-r{ width: 320px; height: 310px; background: #017cc2; float: left;}
.service-box-r .r-top{ height: 48px; padding-top: 22px; background: #036fab; position: relative;}
.service-box-r .r-top:before{ content: ""; width: 7px; height: 16px; background: url("../images/icon-arrow.png") no-repeat; display: block; position: absolute; left: -7px; top:26px;}
.service-box-r h3{ font-size: 14px; color: #fff; line-height: 24px; padding-bottom: 20px;  position: relative; margin-left: 22px;}
.service-box-r h3:after{ content: ''; width: 30px; height: 3px; position: absolute; background:#fff; left: 0; bottom: 0; display: block;}
.service-box-r .s-title li{ height: 39px; line-height: 39px; border-bottom: 1px solid #2790cb; color: #fff; text-indent: 22px;}
.service-box-r .s-title li.on{ background: #036eaa; border-left: 3px solid #00aeef; text-indent: 19px;}

.index-title{ height: 40px; padding: 12px 0; line-height: 20px; border-bottom: 1px solid #d9d9d9; position: relative;}
.index-title h2{ color: #000; font-size: 16px;}
.index-title h3{ font-size: 12px; color: #999;}
.index-title .more{ padding-right: 20px; background: url("../images/icon-more.png") no-repeat right center; color: #999; font-size: 14px; line-height: 24px; position: absolute; right: 0; top: 20px;}

.co-list{  margin: 26px auto; overflow: hidden;}
.co-list-main{ margin-bottom: 20px; width: 1000px; overflow: hidden;}
.co-list-main ul{ width: 110%; padding-top: 20px;}
.co-list-main li{ width: 151px; height: 97px; border:1px solid #d5d5d5; float: left; margin:0 16px 16px 0; position: relative;}
.co-list-main li a{ display: none; width: 147px; height: 93px; border: 3px solid #017cc2; position: absolute; left: -1px; top: -1px;}
.co-list-main li:hover a{ display: block;}

.ad-1{ width: 928px; height: 215px; padding: 20px 35px; border: 1px solid #d9d9d9; margin:0 auto 30px; overflow: hidden;}
.ad-1 p{ margin-bottom: 20px; color: #333; font-size: 18px; font-weight: bold; line-height: 30px;}
.ad-1 p.ad-tel{ font-size: 24px;}
.ad-1 p.ad-tel span{ display: block; font-size: 12px; color: #999; font-weight: normal; line-height: 24px;}
.ad-1 .more{ width: 138px; height: 40px; line-height: 40px; color: #fff; font-size: 14px; text-align: center; background: #017cc2; cursor: pointer; display: block; margin-top: 20px;}
.ad-1 .more:hover{ opacity: 0.85;}

.about-box{ margin:0 auto 20px; overflow: hidden;}
.about-box-main{ overflow: hidden;}
.about-l{ width: 660px; float: left; margin-right: 20px;}
.about-pic{ width: 655px; height: 206px; overflow: hidden; margin-top: 15px;}
.about-pic .about-pic-1{ float: left; width: 490px; height: 206px; position: relative; overflow: hidden;}
.about-pic .about-pic-2{  width: 165px; height: 103px; position: relative;  overflow: hidden;}
.about-pic .mask{ display: none;  position: absolute; left: 0; top: 0; background: url("../images/mak-bg.png") repeat; z-index: 10;}
.about-pic .about-pic-1 .mask{ width: 490px; height: 206px;}
.about-pic .about-pic-2 .mask{ width: 165px; height: 103px;}
.about-pic a.zoom{ width: 40px; height: 40px; display: block; position: absolute; z-index: 100; top: 83px; right: -42px; background: url("../images/icon-zoom.png") no-repeat; transition:all 0.5s;}
.about-pic .about-pic-2 .zoom{ top: 32px;}
.about-pic .about-img:hover a.zoom{ left: 50%; right:0; margin-left: -20px;}
.about-pic .about-img:hover .mask{ display: block;}
.about-l h3{ font-size: 18px; color: #027dc3; line-height: 30px;}
.about-l p{ line-height: 24px; color: #666; height: 120px; overflow: hidden;}

.about-r{ width: 320px; float: left; overflow: hidden;}
.about-r h3{ height: 42px; line-height: 42px; background: #027dc3; color: #fff; font-size: 16px; text-indent: 10px; margin-top: 23px;}
.about-r-main{ padding: 10px; background: #fafafa; overflow: hidden;}
.about-r-main li{ padding: 8px 0 8px 14px; border-bottom: 1px dotted #dcdddd; color: #666; line-height: 22px; background: url("../images/icon-service.png") no-repeat left 12px;}

.contact-bar{ height: 36px; padding: 9px 0; border: 1px solid #d9d9d9; width: 998px; margin: 20px 0 0; overflow: hidden;}
.contact-bar li{ width: 222px; height: 36px; line-height: 36px; font-size: 14px; padding-left: 110px; border-left: 1px solid #d9d9d9; float: left; color: #666;}
.contact-bar li:first-child{ border-left: none;}
.contact-bar li.email{ background: url("../images/icon-email.png") no-repeat 86px center;}
.contact-bar li.phone{ background: url("../images/icon-tel.png") no-repeat 86px center;}
/*.contact-bar li.print{ background: url("../images/icon-print.png") no-repeat 86px center;}*/
.contact-bar li.print{ background: url("../images/icon-tel.png") no-repeat 86px center;}

.honor-list-main{ height: auto; padding: 20px 0; overflow: hidden;}
.honor-list-main ul{ width: 110%;}
.honor-list-main li{ width: 152px; height: 128px; float: left; margin-right: 17px; overflow: hidden; margin-bottom: 10px;}
.honor-list-main li .honor-img{ width: 150px; height: 98px; border: 1px solid #eae8e8; position: relative; overflow: hidden;}
.honor-list-main li .bor{ display: none; width: 146px;  height: 94px; border: 2px solid #0060c2; position: absolute; top: 0; left: 0;}
.honor-list-main li .honor-name{ height: 30px; line-height: 24px; text-align: center; color: #666;}
.honor-list-main li a:hover .honor-name{ color: #fff; background: #0060c2;}
.honor-list-main li a:hover .bor{ display: block;}
.honor-list-main li a:hover .honor-img{ border-color: #0060c2;}

.news-section{ width: 1000px; padding:20px 0 40px; overflow: hidden; }
.news-box:first-child{ margin-left: 0;}
.news-box{ width: 310px; height: auto; float: left; margin-left: 35px; overflow: hidden;}
.news-box .main-news{ width: 100%;  overflow: hidden; padding: 20px 0;}
.news-box .main-news .news-img{ width: 108px; height: 82px; float: left; margin-right: 18px;}
.news-box .main-news .news-info{ width: 184px; height: 82px; float: left;}
.news-box .main-news .news-info h3{ height: 22px; line-height: 22px;}
.news-box .main-news .news-info h3 a{ display: block; height: 22px; width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #000; font-size: 16px;}
.news-box .main-news .news-info h3 a:hover{ color: #0060c2;}
.news-box .main-news .news-info p{height: 60px; overflow: hidden; line-height: 20px; color: #666;}
.news-box .main-news .news-info .more{ color: #027dc3; float: right;}
.news-box .main-news .news-info .more:hover{ text-decoration: underline;}

.news-list ul{ width: 100%; height: auto; float: left; overflow: hidden}
.news-list li{ position: relative; height: 40px; padding: 6px 0; border-top: 1px dotted #e0e1e2; line-height: 20px; overflow: hidden;   }
.news-list li a{  display: block; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666;}
.news-list li a:hover{ color: #0060c2; }
.news-list li .date{ color: #999; display: block;}