@charset "utf-8";
/* banner */

/* banner */
#banner{width:100%;min-width:1200px;height:567px;overflow:hidden;margin:0px auto;position:relative;background:#eee;}
#banner .ibbg{width:100%;max-width:1442px;}

@font-face {
  font-family: "TrumpGothicEast";
  src: url("font/TrumpGothicEast_bold.woff") format("woff"),
       url("font/TrumpGothicEast_bold.ttf") format("truetype"),
       url("font/TrumpGothicEast_bold.eot") format("embedded-opentype")
}
/* container */
.container{width:100%;margin:0px auto;min-width:1200px;}
.container .title{width:100%;padding:48px 0px 40px;text-align:center;}
.container .title h2{font-size:32px;padding-bottom:2px;;margin:0px auto 7px; color:#444;background:url(../images/icon_p_line.png) repeat-x center;}
.container .title h2 span{background:#fff;height:100%;width:280px;margin:0px auto; display:block}
.container .title .label{color:#8F8F8F;width:48%;margin:0px auto 8px; display:block}

/* main */
.wmbox{border:1px solid #E0E0E0;background:#fff; position:relative;min-height:80px;width:100%;margin:40px auto 32px; overflow:hidden; border-radius:4px;box-shadow: 0px 3px 5px #999;padding:30px 0px 44px;}

/* search */
#search{width:100%;height:50px;background:#F6F6F6;border-bottom:1px solid #CCCCCC;}
#search .left{margin-top:13px;width:760px; overflow:hidden; height:28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#search a{color:#0098E1}
#search a:hover{color:#333}
#search .right{margin-top:10px}
#search .ipt{height:19px;border:1px solid #d6d6d6;border-right:0px;width:284px;padding:5px 11px;}
#search .sbtn{height:31px;width:90px;color:#fff;background:#0098E1;border:0px; outline:none; cursor:pointer;}
#search .sbtn:active{ background:#00699B}

/* products */
#products{width:100%; display:block; overflow:hidden;}
#products ul{width:100%;margin-top:8px; display:block; overflow:hidden}
#products ul li{width:270px; float:left;margin:0px 0px 0px 40px; text-align:center}
#products ul li:first-child{margin:0px;}
#products ul li .ibox{width:100%;height:204px;overflow:hidden;}
#products ul li .ibox img{width:100%;}
#products ul li .content{padding:24px 0px 0px;}
#products ul li .content h3{font-size:15px;}
#products .btn_more{text-align:center;margin:40px auto 55px;width:180px;}
#products .btn_more a{ display:block; border:1px solid #008FD5;border-radius:100px;padding:8px 0px; color:#008FD5}
#products .btn_more a:hover{ border-color:#FF7700;color:#FF7700;}

/* about */
#about{width:100%;display:block;overflow:hidden;background:url(../images/about_bg.jpg) no-repeat top center;height:648px;}
#about .title h2{ background:none;color:#FFFFFF}
#about .title h2 span{background:none;}
#about .title .label{color:#fff}
#about .abbox{width:100%;background:#fff;height:419px;box-shadow:0px 3px 3px #333; overflow:hidden}
#about .ibox{width:530px;height:374px;overflow:hidden;margin:22px 48px 22px 22px;}
#about .ibox img{width:100%}
#about .content{padding:34px 52px 0px 0px;display:block;overflow:hidden}
#about h4{font-size:20px;color:#0098E1;margin:0px 0px 27px;}
#about p{font-size:15px;color:#494949;margin:0px 0px 31px;line-height:190%;text-align:justify}
#about .content a{background:#0098E1;width:114px;padding:5px 0px;text-align:center;color:#fff;font-size:14px;display:block}
#about .content a:hover{background:#ff6600}
.en #about p{line-height:160%}
.en #about .content a{padding:8px 0px;}

/* application */
#application{width:100%;display:block;overflow:hidden;padding:10px 0px 0px;height:760px;}
#application ul{width:100%;margin:8px 0px 0px; display:block; overflow:hidden}
#application ul li{width:270px;float:left;margin:0px 0px 0px 40px; text-align:center; overflow:hidden}
#application ul li:nth-child(4n+1){margin:0px;}
#application ul li .ibox{width:100%;height:204px;overflow:hidden;}
#application ul li .ibox img{width:100%;}
#application ul li .content{padding:10px 0px 5px;height:46px; overflow:hidden; line-height:150%}
#application ul li .content h3{font-size:16px; font-weight:normal}


/* technical */
#technical{width:100%;display:block;overflow:hidden;background:#0098E1;height:675px;}
#technical .title h2{ background:none; color:#FFFFFF}
#technical .title h2 span{ background:none;}
#technical .title .label{color:#fff}
#technical ul{width:100%; overflow:hidden}
#technical ul li{width:230px;height:300px;padding:30px 25px;background:#fff;box-shadow: 0px 3px 3px #333;margin-left:26px;float:left}
#technical ul li:first-child{margin-left:0px;}
#technical ul li h3{ font-size:16px;height:28px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
#technical ul li p{height:140px; color:#666;overflow:hidden;}
#technical ul li p a{color:#00A0EA}
#technical ul li p a:hover{color:#ff6600}
#technical ul li .c_line1{width:130px;height:2px;background:#FF9900; display:block;margin:20px 0px;}
#technical ul li .c_line2{width:70px;height:1px;background:#FF9900; display:block;margin:20px 0px 24px;}
#technical ul li .icon_date,#technical ul li .icon_fl{ display:block;height:18px;background:url(../images/icon_date.jpg) no-repeat left center;padding-left:30px; line-height:130%; color:#666666}
#technical ul li .icon_fl{background-image:url(../images/icon_fl.jpg);margin-top:10px;}
#technical .btn_more{text-align:center;margin:46px auto 0px;width:180px;}
#technical .btn_more a{ display:block; border:1px solid #CCCCCC;border-radius:100px;padding:8px 0px; color:#ccc}
#technical .btn_more a:hover{ border-color:#fff;color:#fff;}

/* news */
#news{width:100%;display:block;overflow:hidden;padding-top:10px;}
#news ul{width:100%;margin:8px auto 0px;display:block;overflow:hidden}
#news ul li{width:586px;float:left;margin:0px 0px 36px 28px;padding-bottom:36px;;border-bottom:1px solid #d6d6d6}
#news ul li:first-child,#news ul li:first-child+li+li{margin-left:0px;}
#news ul li .ibox{width:170px;height:129px;overflow:hidden}
#news ul li .ibox img{width:100%;height:100%}
#news ul li .content{padding:0px;width:360px;margin:0px 29px 0px 0px}
#news ul li .content h3{font-size:16px;font-weight:normal;height:24px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
#news ul li .content p{font-size:13px;color:#868686;margin:16px 0px;}
#news ul li .content .more{ font-size:14px;color:#00A0EA;}
#news ul li .content .more:hover{color:#ff6600;}
#news .btn_more{text-align:center;margin:10px auto 56px;width:180px;}
#news .btn_more a{ display:block; border:1px solid #008FD5;border-radius:100px;padding:8px 0px; color:#008FD5}
#news .btn_more a:hover{ border-color:#FF7700;color:#FF7700;}

#products ul li .ibox img,#about .ibox img,#application ul li .ibox img,#news ul li .ibox img{-webkit-transition: all 0.4s  ease-out 0s;-moz-transition: all 0.4s  ease-out 0s;  /* FF4+ */-o-transition: all 0.4s  ease-out 0s;transition: all 0.4s  ease-out 0s;}
#products ul li .ibox img:hover,#about .ibox img:hover,#application ul li .ibox img:hover,#news ul li .ibox img:hover{-webkit-transform: scale(1.07);-moz-transform: scale(1.07);-ms-transform: scale(1.07);-o-transform: scale(1.07);transform: scale(1.07);}