@charset "utf-8";
/* container */
.container{width:100%;margin:0px auto;min-width:1200px;}
.container .title{width:100%;padding:46px 0px;}
.container .title h2{font-size:34px;background:url(../images/tit_sub.png) no-repeat bottom center;padding-bottom:18px;margin:0px 0px 21px; color:#444}
.container .title span{color:#888}

/* service */
#service{padding:0px 0px 36px;}
#service ul{margin:21px auto 0px;width:100%}
#service ul li{width:33.33%;float:left;text-align:center;margin-bottom:40px;}
#service ul li .ibox{display:block;margin:0px auto 26px;width:330px;height:230px; overflow:hidden;}
#service ul li .ibox img{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;width:100%;height:100%}
#service ul li .ibox:hover img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-ms-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);}
#service ul li .content{width:60%;margin:0px auto}
#service ul li .content h3{font-size:20px;color:#111; font-weight:normal}
#service ul li .content p{margin-top:22px;color:#888;font-size:13px}

/* products */
#products{height:665px;background:url(../images/probg.jpg) no-repeat top center #BFD1E9; background-size:cover}
#products .title{padding-bottom:45px}
#products .title h2{color:#fff;margin-bottom:18px;background-image:url(../images/tit_sub2.png);}
#products .title span{color:#ddd}
#products ul{margin:0px auto;width:1176px; overflow:hidden; display:block}
#products ul li{width:542px;float:left; background:#fff;height:151px; overflow:hidden;border-left:4px solid #FF9900;margin:0px 21px 37px}
#products ul li a{display:block;width:100%;height:151px;}
#products ul li .ibox{display:block;width:120px;height:96px; overflow:hidden;border:1px solid #ccc;margin:26px 0px 0px 16px}
#products ul li .ibox img{width:100%;height:100%;}
#products ul li .content{width:356px;margin:24px 26px 0px 0px;height:100px; overflow:hidden}
#products ul li .content h3{font-size:18px;color:#111; font-weight:normal}
#products ul li .content p{margin-top:12px;color:#888;font-size:12px}
#products ul li a:hover .content h3{color:#ff5500;}
#products .btn_more{text-align:center;margin:5px auto 37px;width:180px;}
#products .btn_more a{ display:block; border:1px solid #E2ECF5;border-radius:100px;padding:9px 0px;color:#fff;}
#products .btn_more a:hover{background:#FF7700; border-color:#FF7700;color:#fff;}

/* news */
#news{padding:8px 0px 14px}
#news .title{padding-bottom:20px}
#news ul{overflow:hidden;width:1184px;margin:0px auto 30px; display:block; position:relative}
#news ul li{width:540px;margin:28px 25px 0px;padding:0px 0px 27px 2px;float:left;border-bottom:1px solid #DEDEDE;}
#news ul li .idate{width:53px;height:53px;background:#F2F2F2;padding:17px;color:#333;font-size:13px;text-align:center}
#news ul li .idate span{color:#aaa;font-size:21px;margin-top:3px; display:block}
#news ul li .content{width:412px;padding-top:3px;text-align:left;padding-right:15px;height:74px;overflow:hidden}
#news ul li .content .ntit{width:100%;height:26px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:normal;margin:0px;}
#news ul li .content:hover .ntit{color:#ff5500;}
#news ul li .content p{margin-top:11px;color:#999999;font-size:12px;}
#news .btn_more{text-align:center;margin:0px auto 42px;width:180px;}
#news .btn_more a{ display:block; border:1px solid #FF6600; border-radius:100px;padding:9px 0px;color:#fff;}
#news .btn_more a:hover{background:#ff6600;color:#fff;}