@charset "utf-8";
#banner{height:280px;background:url(../images/banner.jpg) no-repeat center; background-size:cover}

/* container */
.container{width:100%;margin:0px auto;min-width:1200px;}
.container .title{width:100%;padding:0px;text-align:center; overflow:hidden;background:#F4F4F4;border-bottom:1px solid #e5e5e5}
.container .title span{color:#333}
.container .title ul li{display:inline-block;margin:4px 0px; float:left;border-left:1px solid #ddd}
.container .title ul li:last-child{border-right:1px solid #ddd}
.container .title ul li a{display:block;padding:11px 18px 12px; font-size:16px;min-width:84px}
.container .title ul li a._on{background:#0098E1; color:#fff;border-color:#108E1B}
.container .title .right{padding-top:17px;}

.content{padding:37px 0px 56px;text-align:left;width:1196px;margin:0px auto; font-size:15px; line-height:175%;min-height:360px; overflow:hidden}
.content p{margin-bottom:22px;}
.content img{max-width:100%}
.content hr{margin-bottom:32px;border:0px;border-bottom:1px solid #e5e5e5;padding-top:12px}

/* history */
#history .content{width:1060px;padding-left:40px;background:url(../images/about2.jpg) no-repeat right -40px bottom;}

/* culture */
#culture .c-img img{width:320px;}

/* honor */
#honor{min-height:520px}
#honor .honorlist{width:100%; overflow:hidden;padding:52px 0px 12px;}
.honorlist li{float:left;width:273px;margin:0px 0px 0px 36px;height:294px}
.honorlist li:first-child{margin:0px;}
.honorlist li .ibox{width:248px;height:194px; overflow:hidden;border:1px solid #e2e2e2;padding:10px; border-radius:2px; text-align:center}
.honorlist li .ibox img{max-width:100%;max-height:100%;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease}
.honorlist li .ibox img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
.honorlist li p{ text-align:center;margin-top:15px; font-size:15px}

/* news */
#news{padding:0px;min-height:620px;}
#news .newslist{overflow:hidden;width:100%;margin:12px auto 30px; display:block; position:relative;}
#news .newslist li{margin:30px auto 0px;padding:0px 0px 30px 2px;border-bottom:1px dotted #d6d6d6;overflow:hidden;}
#news .newslist li .idate{width:114px;margin-left:20px;padding:0px 17px 0px;color:#888;font-size:46px;text-align:center; font-family:Arial;border-right:1px solid #eee; position:relative;height:100px;}
#news .newslist li .idate span{display:block;font-size:23px;display:block; color:#ccc; position:absolute;bottom:0px;left:0px; text-align:center; width:100%}
#news .newslist li .right{width:916px;padding-top:3px;text-align:left;padding-right:50px;overflow:hidden;}
#news .newslist li .right h3{width:100%;height:26px;font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:normal;margin:0px;}
#news .newslist li .right:hover h3{color:#ff5500;}
#news .newslist li .right p{margin-top:18px;color:#999;line-height:140%;font-size:14px}
#news .newslist li .right .more{margin-top:20px;color:#0098E1; font-size:15px}

/* down */
#down{padding:0px;min-height:620px;}
#down .downlist{overflow:hidden;width:100%;margin:12px auto 30px; display:block; position:relative;}
#down .downlist li{margin:30px auto 0px;padding:0px 0px 30px 2px;border-bottom:1px dotted #d6d6d6;overflow:hidden; position:relative}
#down .downlist li ._icon{float:left;width:52px;margin-right:28px; display:block; height:52px; background:#e8e8e8; border-radius:8px;padding:10px;}
#down .downlist li ._icon img{width:100%;}
#down .downlist li .text{width:798px;padding:3px 300px 0px 0px;text-align:left;overflow:hidden; position:relative}
#down .downlist li h3{width:100%;height:26px;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:normal;margin:0px;}
#down .downlist li p{margin-top:18px;color:#999;font-size:13px;}
#down .downlist li a{position:absolute;border-radius:3px;color:#0098E1; text-align:center;right:30px;top:48%}
#down .downlist li a:hover{color:#EC5F00}

/* products */
#products{min-height:690px}
#products .content{width:1140px;min-height:auto;padding-bottom:0px}
.proclass{width:100%;margin:0px auto 30px; overflow:hidden; display:block}
.proclass .proli{margin:21px 0px; overflow:hidden; display:block; border-radius:3px}
.proclass .proli h3{background:#00A0EA;width:100%;padding:12px 24px 14px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; font-size:16px; font-weight:normal}
.proclass .proli h3 a{color:#fff;}
.proclass .procls{border:1px solid #00A0EA;border-top:0px;padding:22px 22px 4px; display:block; overflow:hidden}
.proclass .procls li{float:left;width:25%;padding:0px 0px 20px;}
.proclass .procls li h4{font-weight:normal; line-height:140%;padding:0px;margin:0px;margin-right:23px;}
.proclass .procls li h4 i{width:13px;height:13px; display:block; float:left;margin:3px 8px 0px 0px; background:#00A0EA}
.proclass .procls li h4 ._on{color:#EC5F00}
.proclass div.proli{margin-bottom:0px;}
.proclass .proli .proctit{background:#00A0EA;width:100%; overflow:hidden;}
.proclass .proli .proctit li{float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; font-size:16px; font-weight:normal;}
.proclass .proli .proctit li a{color:#fff;padding:12px 24px 15px;min-width:73px; text-align:center; display:block}
.proclass .proli .proctit ._on,.proclass .proli .proctit li a:hover{background:#0082BF;}
.prolist{margin-bottom:30px;}
.prolist h2{background:#00A0EA;width:100%;padding:12px 24px 14px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; font-size:16px; font-weight:normal; color:#fff; border-radius:2px;}
.prolist li{border:1px solid #00A0EA;padding:22px 200px 22px 260px;margin:11px 0px; overflow:hidden; border-radius:2px; position:relative}
.prolist li .ibox{width:170px;min-height:120px;float:left;position:absolute;left:40px;top:37px;}
.prolist li .ibox img{width:100%}
.prolist li h4{font-size:18px;font-weight:normal;}
.prolist li a{color:#00A0EA}
.prolist li a:hover{color:#EC5F00}
.prolist li p{margin:11px 0px;}
.prolist li .more{width:120px;padding:9px 0px; color:#fff; background:#00A0EA; display:block; position:absolute;right:46px;top:50%;margin-top:-19px; text-align:center; border-radius:5px;}
.prolist li .more:hover{ background:#EC5F00;color:#fff;}

#prodetail .content{width:934px;}
.pronav{width:240px;margin:30px 0px 40px;border:1px solid #008ED2; overflow:hidden}
.pronav .ltit{background:#008ED2; color:#fff; font-size:18px;padding:10px 20px 13px}
.pronav>ul{margin:0px auto;width:100%;}
.pronav h3{line-height:140%}
.pronav ul i{width:13px;height:13px; display:block; float:left;margin:6px 8px 0px 0px; background:#333}
.pronav h3,.pronav h4{ font-weight:normal}
.pronav ul li a{display:block;padding:8px 18px}
.pronav ul li ._on{background:#00A0EA; color:#fff}
.pronav ul li ._on i{background:#fff}
.pronav ul li ul{margin:0px}
.pronav ul li ul li a{padding:10px 20px 10px 34px; line-height:130%;}
.pronav ul li ul li a:hover,.pronav ul li ul li a._on{background:#C4ECFF; color:#0082BF}

.dtbox{width:100%; overflow:hidden}
.dtbox .ibox{width:26%;background:#444; text-align:center;border:1px solid #0D62B3}
.dtbox .ibox img{width:100%;}
.dtbox .proms{width:71%;text-align:left;}
.dtbox .proms h3{margin-bottom:15px; font-weight:normal;}
.dtbox .proms p{margin-bottom:13px;line-height:130%; font-size:14px}
.dtbox .flgl a{display:block;width:120px;margin-top:20px;padding:9px 5px 10px;font-size:14px; background:#EC5F00; color:#fff; text-align:center}

.dttit{margin-top:26px;padding:0px; background:#00A0EA; color:#fff;}
.dttit h3{padding:10px 25px 13px; text-align:center; background:#008ED2;width:100px; font-weight:normal; font-size:18px;width:130px;}
.pdetail{margin-top:24px;}
.pdetail table{width:100%!important; border-collapse:collapse;margin:0px!important; border-color:#ccc!important;margin:0px auto!important}
.pdetail table td{border:1px solid #ccc!important;padding:5px 12px; font-size:14px!important;}
.pdetail table p{margin:0px!important;padding:6px 10px!important;font-size:14px!important;}
.pdetail table p span{font-size:14px!important;width:auto!important;padding:0px!important;margin:0px!important}

#newsdetail{padding:0px;min-height:460px;}
#newsdetail .content{width:100%%;color:#555!important;padding-bottom:76px}
#newsdetail .content p{margin-top:0px;color:#333!important}
#newsdetail .tit{text-align:center;margin:48px 120px 16px; line-height:140%; font-size:27px; font-weight:normal}
#newsdetail .label{text-align:center; display:block; color:#999;}

/* contact */
#contact .ctbox{padding:15px 0px 20px;line-height:200%;}
#contact .ctbox h2{margin-bottom:22px; font-weight:normal}
#googlemap{line-height:140%;width:580px;height:380px; font-size:13px;margin-top:30px; overflow:hidden;border:1px solid #ddd}
#googlemap b{font-size:15px}
#googlemap p{margin:5px 0px 0px}
.anchorBL{display:none}
#contact .feedback{width:570px;padding:15px 0px 20px;}
.feedback label{display: block;font-weight: normal;font-size: 15px;letter-spacing: 1px;}
.feedback form{width: 100%;margin-top:20px;}
.feedback input{width: 100%;height: 38px;border: none;background: #eee;padding-left: 10px;font-size: 14px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.fbox .left,.fbox .right{width: 48%;}
.fbox textarea{width: 100%;border: none;background: #eee;height: 152px;padding: 15px 10px;font-size: 14px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.fbox {margin-bottom: 17px;}
.check_box label{display: inline-block;padding-left: 10px;}
.feedback .fsbtn{display:block;  cursor:pointer;background: #0098E1;color: #fff;text-align: center;font-size: 15px;margin-top: 18px;padding:11px 0px 13px;height:auto!important}

/* page */
.page{position:relative;padding:0px 0px 46px;width:100%;text-align:center;height:40px;}
.page li{display:inline-block;margin:0px 4px;}
.page a,.page span{color:#666;border:1px solid #ddd;padding:2px 9px;display:block}
.page span{color:#bbb;border:1px solid #ddd;}
.page a.pcurr,.page a:hover{color:#EC5F00;border-color:#EC5F00}