/*全局样式*/

.wrapper{width:1200px;}

/*头部样式*/

#header{height:106px;}
#logo{left:0; top:20px;}
#logo img{width:452px; height:66px;}
#nav{right:0; top:0;}
#nav ul li{position:relative; float:left; height:106px; line-height:106px; margin-left:60px; font-size:14px;}
#nav ul li a{display:block;}
#nav ul li.current > a,#nav ul li:hover > a{color:#275fc4;}
#nav ul li ul{position:absolute; right:-47px; top:106px; width:150px; padding:10px 0; background:#275fc4; z-index:999; display:none;}
#nav ul li ul li{margin-left:0; float:none; height:40px; line-height:40px; font-size:12px; text-align:center;}
#nav ul li ul li a{color:#fff;}
#nav ul li ul li:hover{background:#fff;}
#nav ul li ul li:hover a{color:#275fc4;}

/*首页样式*/

#banner,#banner-img,#banner-img ul li,#banner-img ul li a{width:100%; height:544px;}
#banner-img ul li{float:left;}
#banner-img ul li a{display:block;}
#banner-btn{left:0; bottom:30px; width:100%; height:10px; text-align:center; font-size:0; z-index:99;} 
#banner-btn dl dd{display:inline-block; width:10px; height:10px; margin:0 8px; background:#fff; border-radius:50%; cursor:pointer;}
#banner-btn dl dd.on{background:#275fc4;}

#tel{right:0; top:-130px; cursor:pointer; z-index:999;}
#tel em{display:block; width:52px; height:60px; margin:0 auto; background:url(img/tel.png) no-repeat center; transition:transform 0.6s ease-in-out;}
#tel:hover em{transform:rotate(360deg);}
#tel h3{width:220px; height:50px; line-height:50px; margin-top:20px; background:#fff; border-radius:4px 4px 0 0; font-size:20px; text-align:center; color:#275fc4; overflow:hidden;}
#tel h4{width:220px; height:50px; line-height:50px; background:#275fc4; border-radius:0 0 4px 4px; font-size:14px; text-align:center; color:#fff; overflow:hidden;}

#main{padding:40px 0;}

.title h2{height:24px; line-height:24px; font-size:22px; text-align:center; overflow:hidden;}
.title h3{height:20px; line-height:20px; margin-top:10px; font-size:18px; color:#666; text-align:center; text-transform:uppercase; overflow:hidden;}

#advantage{margin-top:40px;}
#advantage dl dd{float:left; width:208px; margin-left:40px; cursor:pointer;}
#advantage dl dd:first-child{margin-left:0;}
#advantage dl dd em{display:block; width:113px; height:130px; margin:0 auto; background-repeat:no-repeat; background-position:center; transition:transform 0.6s ease-in-out;}
#advantage dl dd em.adv-icon1{background-image:url(img/adv-icon1.png);}
#advantage dl dd em.adv-icon2{background-image:url(img/adv-icon2.png);}
#advantage dl dd em.adv-icon3{background-image:url(img/adv-icon3.png);}
#advantage dl dd em.adv-icon4{background-image:url(img/adv-icon4.png);}
#advantage dl dd em.adv-icon5{background-image:url(img/adv-icon5.png);}
#advantage dl dd:hover em{transform:rotate(360deg);}
#advantage dl dd h4{height:16px; line-height:16px; margin-top:20px; font-size:14px; font-weight:bold; text-align:center; color:#275fc4; overflow:hidden;}
#advantage dl dd p{height:72px; line-height:24px; margin-top:20px; font-size:12px; color:#666; overflow:hidden;}

#service-plan,#service-mode{width:580px; height:354px; margin-top:40px; background-repeat:no-repeat; background-position:center; background-size:100%; text-align:center; transition:background-size 0.3s ease-in-out;}
#service-plan:hover,#service-mode:hover{background-size:150%;}
#service-plan{background-image:url(img/service-plan.jpg);}
#service-mode{background-image:url(img/service-mode.jpg);}
#service-plan a,#service-mode a{display:block; height:64px; padding:145px 0; color:#fff;}
#service-plan h2,#service-mode h2{height:24px; line-height:24px; font-size:22px; overflow:hidden;}
#service-plan h3,#service-mode h3{height:20px; line-height:20px; margin-top:20px; font-size:18px; text-transform:uppercase; overflow:hidden;}

#about-img{margin-top:40px;}
#about-img,#about-img img{width:435px; height:412px;}
#about-text{width:685px; height:332px; margin-top:40px; padding:40px; background:#eee;}
#about-text h2{height:24px; line-height:24px; font-size:22px; text-align:center; color:#275fc4;overflow:hidden;}
#about-text em{margin-left:10px; text-transform:uppercase; color:#999;}
#about-text section{height:180px; line-height:30px; margin:24px 0; font-size:12px; color:#666; overflow:hidden;}
#about-text section p{text-indent:24px;}
#about-text h3{width:200px; height:40px; line-height:40px; margin:0 auto; background:#ddd; border-radius:20px; font-size:12px; text-align:center; text-transform:uppercase; overflow:hidden;}
#about-text h3 a{display:block; color:#666;}
#about-text h3:hover{background:#275fc4;}
#about-text h3:hover a{color:#fff;}

/*内页样式*/

.min-height{min-height:500px;}

#menu{margin-top:20px; font-size:0; text-align:center;}
#menu dl dd{display:inline-block; height:40px; line-height:40px; margin:0 6px; border:1px solid #e1e1e1; font-size:12px;}
#menu dl dd a{display:block; padding:0 30px;}
#menu dl dd.current,#menu dl dd:hover{background:#275fc4; border-color:#275fc4;}
#menu dl dd.current a,#menu dl dd:hover a{color:#fff;}

#single{margin-top:40px; font-size:12px; overflow: auto;}
#single img{display:inline-block;}
#article-title{font-size:14px; font-weight:bold; text-align:center;}
#article-info{margin:5px 0; font-size:12px; text-align:center; color:#999;}

#news-list{margin-top:40px;}
#news-list ul li{height:70px; margin-top:20px; padding-bottom:20px; border-bottom:1px dashed #e1e1e1; overflow:hidden;}
.news-date{width:70px; height:46px; padding:12px 0; background:#275fc4; text-align:center; color:#fff; overflow:hidden;}
.news-date h3{height:26px; line-height:26px; font-size:24px; overflow:hidden;}
.news-date h4{height:14px; line-height:14px; margin-top:6px; font-size:12px; overflow:hidden;}
.news-text{width:1110px; height:70px; overflow:hidden;}
.news-text h3{height:16px; line-height:16px; font-size:14px; overflow:hidden;}
.news-text h3 a{display:block;}
.news-text h3 a:hover{color:#275fc4;}
.news-text p{height:48px; line-height:24px; margin-top:6px; font-size:12px; color:#999; overflow:hidden;}

#product-list{margin-top:30px;}
#product-list ul{margin:-20px 0 0 -20px;}
#product-list ul li{float:left; width:235px; height:223px; margin:20px 0 0 20px; padding:24px; border:1px solid #e1e1e1; overflow:hidden;}
#product-list ul li img{width:235px; height:185px;}
#product-list ul li h3{height:14px; line-height:14px; margin-top:24px; font-size:12px; text-align:center; overflow:hidden;}
#product-list ul li:hover h3{color:#275fc4;}

#pageinfo{margin-top:40px; font-size:0;}
#pageinfo a{display:inline-block; min-width:12px; height:32px; line-height:32px; margin:0 4px; padding:0 10px; background:#fff; border:1px solid #e1e1e1; font-size:12px;}
#pageinfo a.info{color:#999;}
#pageinfo a.current{background:#275fc4; border-color:#275fc4; color:#fff;}

/*底部样式*/

#footer{width:100%; padding:40px 0; background:#333; color:#fff;}
#footer a{color:#f7783a;}
#copyright{width:1050px; height:90px; padding:22px 0; line-height:30px; font-size:12px;}
#code{width:110px; height:134px;}
#code img{width:110px; height:110px;}
#code h3{height:14px; line-height:14px; margin-top:10px; font-size:12px; text-align:center; overflow:hidden;}