body{font-family:"΢ÈíÑźÚ","Trebuchet MS", Arial, Helvetica, sans-serif;font-size:14px;overflow-x:hidden;background:#f2f2f2}
body,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5{margin:0 auto;padding:0;list-style-type:none}
a{color:#555;text-decoration:none}
a:hover{color:#d00}
img{border:none;vertical-align:middle;max-width:100%}
table{border-collapse:collapse}
.cl{clear:both;margin:0;padding:0;font-size:0px;line-height:0px;height:0px;overflow:hidden}
.fl{float:left}
.fr{float:right}
.wid{width:90%;max-width:1360px;margin:0 auto;}
.nav li,.imore a,input,.lpic dl dt,#pages a,.class dt a,.picr ul li a img,.fixed,.ltext li a,.slidetxtbox .hd ul .li,.slidetxtbox .hd ul .li a,.class2 dt a,.ltext li:hover{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
input,textarea{font-family:"΢ÈíÑźÚ",Arial;outline:0;font-size:14px;-webkit-appearance:none;}
.clear{clear:both}
.wid{width:95%;max-width:1600px;margin:0 auto;}
.w100{width:100%;max-width:1920px;margin:0 auto;}
.p35{padding:35px;}
.p50{padding:50px;}

.header{width:100%;height:60px;line-height:60px;position:fixed;top:0px;z-index:100;background-color:rgba(246,246,246,0.95);-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1);box-shadow: 0 2px 6px rgba(0,0,0,.1);}

.header-logo{overflow:hidden;display:block; padding:0}
.header-logo-img{max-height:40px}

.nav li{float:left;font-size:14px;width:160px;text-align:center}
.nav li:hover{background-color:#e60010}
.nav li:hover a{ color:#fff}
.nav li a{display:block}

.tel{float:right;padding:6px 0 6px 20px}
.tel span{ font-size:18px; color:#f33; line-height:48px; display:block}

.lrtk{width:100%;margin:0 auto;overflow:hidden;text-align:center;position:relative; padding-top:60px;}
.lrtk a{width:100%;height: auto;display:block;z-index:10;}
.lrtk a img{ width:100%}

@media (max-width:1200px){
.nav li{ width:120px;}
}
@media (max-width:960px){
.header{height:50px;line-height:50px;}
.header-logo{margin-left:0px;}
.nav li{width:80px; font-size:12px}
.lrtk{padding-top:50px;}
.tel{ display:none}
}
@media (max-width:480px){
.header{height:50px;line-height:50px;}
.header h1{width:20%}
.nav { width:70%}
.nav li{width:25%;font-size:12px}
}


.ban{background:#666;color:#fff; padding-top:60px;}
.ban .wid{ padding-top:25px;padding-bottom:25px}
.ban .wid a{color:#fff}

@media (max-width:960px){
.ban{ height:50px;padding:0; font-size:0; overflow:hidden}
.ban a{color:#fff}
.ban b{ display:none}
}


.class{clear:both;text-align:center; padding-top:30px;}
.class dl{width:95%;margin:0 auto;overflow:hidden;max-width:1000px;}
.class dt{float:left;width:25%;margin:5px auto;}
.class5 dt{width:20%;}
.class dt a{display:block;font-size:16px;width:80%;margin:0 auto;height:35px;line-height:35px; border:1px solid #d0d0d0;border-radius:36px;}
.class dt a.on,.class dt a:hover{background:#f33;color:#fff;border:1px solid #f33;}

.class2{clear:both;text-align:center; padding-top:30px;}
.class2 dl{overflow:hidden;}
.class2 dt{float:left;width:18%;margin-right:2.5%; margin-top:10px;}
@media (min-width:960px){
.class2 dt:nth-child(5n+0){margin-right:0}
}
.class2 dt a{display:block;font-size:16px;width:100%;margin:0 auto;height:36px;line-height:36px;border-radius:36px; background:#777;color:#fff;}
.class2 dt a.on,.class2 dt a:hover{background:#f33;}

@media (max-width:960px){
.class dt a{font-size:12px;width:90%;height:30px;line-height:30px;border-radius:30px;}

.class2 dt{width:23.5%;margin-right:2%;}
.class2 dt:nth-child(4n+0){margin-right:0}
.class2 dt a{font-size:12px;height:30px;line-height:30px;border-radius:30px;}
}

.about{line-height:2em; padding-bottom:30px; width:55%; float:left}
.daili{float:right; width:45%; text-align:center;padding-bottom:30px;}
.daili img{ max-width:100%}
@media (max-width:960px){
.about{width:100%;float: none;}
.daili{float: none;width:100%;}
}
.lp50{padding:0 50px}
.lpic dl{padding:10px 0 0 0;width:25%;display:block;float:left;}
.lpic dl dt{width:85%;overflow:hidden;border:6px solid #dbdbdb;border-radius:5px;/*-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1);box-shadow: 0 2px 6px rgba(0,0,0,.1);*/}
.lpic dl dt:hover{transform:scale(1.1,1.1);}
.lpic dl dt img{ width:auto;height:auto;}
.lpic dl dd {padding:10px 0}
.lpic dl dd span{font-size:16px;text-align:center;overflow:hidden;white-space:nowrap;display:block;line-height:1.5em;text-overflow:ellipsis;}
.lpic dl dd span:after{content:"¡¤";display:block;height:0;visibility:hidden}

@media (max-width:960px){
.lp50{ padding:0}
.lpic { width:95%;margin:0 auto;}
.lpic dl{width:48%; float:left; text-align:center}
.lpic dl:nth-child(even){float:right}
.lpic dl dt{ width:auto;border:5px solid #dbdbdb;border-radius:5px;}
.lpic dl dd span{font-size:14px;}
}

.ltext li{float:left;width:50%;display:block;background:url(img/dow.png) no-repeat left center;line-height:1em; padding:15px 0}
.ltext li a{display:block;padding-left:40px;}
.ltext li:hover{background:url(img/dow2.png) #666 no-repeat left center;}
.ltext li:hover a{color:#fff}

@media (max-width:960px){
.ltext li{width:100%}
.ltext li:nth-child(even){float:right}
}

.picl h1{text-align:center;padding:20px 0 10px 0; font-size:24px; font-weight:100}
.picl .tot{text-align:center;padding:10px 0;font-size:12px}
.picl .tjj{border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;padding:10px;font-size:12px; background:#f5f5f5}

.slidetxtbox .hd{height:40px;line-height:40px;position:relative;}
.slidetxtbox .hd ul{float:left;position:absolute;left:0px;top:0px;height:40px;}
.slidetxtbox .hd ul li{float:left;padding:0 20px;cursor:pointer;background:#f4f4f4;}
.slidetxtbox .hd ul li.on{height:40px;background:#00c0ff;color:#fff}

@media (max-width:960px){
.slidetxtbox .hd ul{ width:100%}
.slidetxtbox .hd ul li{width:25%; padding:0; text-align:center}
}

.picl{background:#fff;width:73%;float:left;-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1);box-shadow: 0 2px 6px rgba(0,0,0,.1);}
.picl .tpic{text-align:center;}
.picl .tpic img{max-width:100%}

.content{font-size:14px;line-height:2em;padding:15px 0;}
.content img{margin:5px;max-width:100%}

.ke-insertfile{display:block;background:url(img/dow.png) no-repeat 0 0; padding-left:30px; line-height:40px;}

.cont{overflow:hidden}
.wapw{min-width:320px;overflow-y:auto;}
.wapw table{min-width:640px; margin-right:10px;}

@media (max-width:960px){
.content{padding:15px 10px;}
}


.picr{background:#fff;width:25%;float:right;-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1);box-shadow: 0 2px 6px rgba(0,0,0,.1);}
.picr h1{font-weight:100;font-size:18px}
.picr p{color:#666;line-height:2em;font-size:14px;padding:50px 0}

.picr ul{padding:50px 0}
.picr ul li{width:48%;float: left;padding-bottom:20px;}
.picr ul li:nth-child(even){float:right}
.picr ul li a{border:5px solid #dbdbdb;overflow:hidden;display:block}
.picr ul li a img{width:100%;}
.picr ul li a img:hover{transform:scale(1.1,1.1);}
.picr ul li span{font-size:12px;color:#666;overflow:hidden;white-space:nowrap;display:block;line-height:2em;text-overflow:ellipsis;width:100%}
.picr ul li span:after{content:"¡¤";display:block;height:0;visibility:hidden}


.tags,.prenext{line-height:2em;font-size:12px}
.prenext{border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;margin:10px auto}

@media (max-width:960px){
.picl{width:100%;float: none;}
.picl .p35{padding:0;}
.p50{padding:0;}

.picr{display: none}

}

#pages{padding:15px 0;text-align:center;font-size:14px;overflow:hidden}
#pages strong{padding:0px 15px;}
#pages a{display:inline-block; margin-right:5px; height:36px;line-height:36px; width:36px;background:#eee;text-align:center;color:#333}
#pages a:hover{background:#00c0ff;color:#fff;text-decoration:none}
#pages a.on{display:inline-block;background:#f33;color:#fff;}

.title{ padding-top:48px; padding-bottom:32px; line-height:32px;font-size:24px; color:#333; text-transform:uppercase}

@media (max-width:960px){
.title{padding:30px 0;font-size:18px; text-align:center}
}

.col-sm{position:relative;width:25%;float:left;}
.case_multi_img{position:relative;overflow:hidden;margin:2%;background:url(/skin/img/loading.gif) #fff center center no-repeat;}
.case_multi_img:hover a{background-color:rgba(0,0,0,0.6)}

.case_img img{display:block;width:100%;height:auto}
.case_img_subinfo{position:absolute;display:block;width:100%;height:100%;top:0;margin:0;padding:0;}
.case_img_subinfo a{display:block;position:relative;width:100%;height:100%;margin:0;left:0;top:0;}
.case_img_wrap{position:absolute;bottom:0;left:0;width:100%;}
.case_img_subinfo h3{position:relative;color:#fff;bottom:0;font-size:16px;font-weight:100;padding:10px;background-color:rgba(0,0,0,0.5)}
.case_img_subinfo p{position:relative;color:#fff;bottom:0;height:0; font-size:14px; margin:0 10px;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;}
.case_img_subinfo a,.case_img_subinfo p,.case_img_subinfo h3{-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}

.case_multi_img:hover a h3{opacity:1;bottom:70px;background: none;color:#ff0;}
.case_multi_img:hover a p{opacity:1;bottom:70px;background: none;color:#ff0;padding-top:10px;border-top:1px solid #ff0;}

@media (max-width:960px){
.col-sm{width:50%;}
.case_img_subinfo h3{ font-size:14px}
.case_img_subinfo p{ font-size:12px}
}

.case_readmore{height:40px; text-align:right}
.case_readmore a{vertical-align:middle;font-size:18px;}

@media (max-width:960px){
.case{width:48%;float:left;margin-left:0;height:160px;}
.case:nth-child(even){ float:right}
.case_text{display:none;font-size:12px;}
.case_title a{font-size:14px; line-height:1em;}
.case_readmore{ display:none}
}


.flx{float:right;width:50%;font-size:12px;line-height:2em;padding-bottom:50px;}
.flx .t1{font-size:24px; padding-bottom:30px;display:block;}
.flx img{ margin:10px 0;}

.liuyan{float:left;width:50%;padding-bottom:100px}
.liuyan .t{width:100%;line-height:2em; margin-bottom:15px;}
.liuyan .t span{ font-size:18px; color:#ff0}
.liuyan p .inputtxt{width:50%;height:20px;line-height:20px;padding:10px 0;color:#757575;background: none;border:#666 1px solid;margin-bottom:10px;}
.liuyan p textarea.inputtxt{height:100px;width:90%;resize:none;overflow:hidden}
.liuyan p .inputsub{width:90%;padding:10px 0;border:none;background:#f33;color:#ffffff;font-size:16px;height:50px;line-height:30px;cursor:pointer}
.liuyan p .inputsub:hover{background:#00c0ff;border:none;}
.liuyan .ltel{ display:none}

@media (max-width:960px){
.liuyan{float:none;width:100%;padding-bottom:30px}
.liuyan p .inputtxt{width:99%;padding:10px 0;}
.liuyan p textarea.inputtxt{height:80px;width:99%;padding:10px 0;}
.liuyan p .inputsub{width:99%;height:40px;padding:0px;line-height:40px;font-size:14px;}
.flx{display:none}
}


.share{left:1px;bottom:35px;position:fixed;z-index:1000}
.share a,.share a.bds_more,.share a.bds_weixin{width:33px;height:33px;margin:1px 0 0 0;display:block;cursor:pointer}
.share a.qq1,.share a.qq2{height:50px;margin:5px 0}
.share a.qq1{background:url(img/qq1.png) no-repeat}
.share a.qq2{background:url(img/qq2.png) no-repeat}
.bdsharebuttonbox{width:33px;overflow:hidden}
.bdsharebuttonbox a.bds_more{background:url(img/bds_more.png) no-repeat}
.bdsharebuttonbox a.bds_weixin{background:url(img/bds_weixin.png) no-repeat}
.share-box {width:33px;padding-top:20px;position:relative}
.share-box .weixin,.share-box .qrico,.share-box .rtel,.share-box .mail,.backtotop,.bdsharebuttonbox a.bds_weixin{text-align:center;line-height:33px;font-size:24px;color:#fff;filter:alpha(opacity=80);opacity:0.80;-moz-opacity:0.80}
.share-box .weixin{background:#0bca36}
.share-box .qrico{background:#fe9225}
.share-box .rtel{background:#f00}
.share-box .mail{background:#0bca36}
.share-box p.code{position:absolute;left:33px;bottom:0px;display:none;font-size:14px;padding:10px;text-align:center;background-color:#fff;border:1px solid #D9D9D9}

.backtotop{display:none;width:33px;height:33px;background:#ff3333;position:fixed;_position:absolute;z-index:999;left:1px;bottom:1px;_bottom:"auto";cursor:pointer}

.foot{background:#202020;color:#8e8e8e;padding:15px 0; font-size:12px; text-align:center}
.foot a{color:#8e8e8e}


@media (max-width:960px){.share a.bds_more,.share a.bds_weixin,.share-box .weixin,.share-box .qrico,.share a.qq1,.share a.qq2{display:none}}
@media (min-width:960px){.share-box .rtel,.share-box .mail{display:none}}

@media (max-width:960px){.foot{ text-align:center}}