@charset "utf-8";
/* CSS Document */

body {font-size:16px; font-family:"Microsoft Yahei",Arial,Helvetica;color:#555;}

input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select {*font-size:100%;}
legend {color:#353535;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;} 
* html .clearfix {height: 1%;}
.clearfix {display: block;}
div{word-wrap: break-word;word-break: normal;}
/*a, area {blr:eXPression(this.onFocus=this.blur()); cursor:pointer;}*/

caption,th,h3,h1,h2,h4,h5,h6,h7,input{font-weight:lighter;}
th{text-align:left;}
ol,ul,li{list-style:none;}
img,input{border:0; margin:0px; padding:0px;}
a{color:#999; text-decoration:none; cursor:pointer;}
a:hover{color:#eb8e08;}
.clearflow{overflow:hidden; zoom:1;}
/**/
.disabled{cursor:default;}
.bold{font-weight:bold;}
.abs{position:absolute;}
.rel{position:relative;}
/**/
.fl{float:left;}
.fr{float:right;}
/**/
.click,area{cursor:pointer;}
/* show  and hide*/
/* hide */
.fn-hide {
    display: none;
}
.fn-show {
    display:block;
}
/**/

/**/
.clear{clear:both;}
.clearspance{clear:both; height:50px;}
a.cheng{color:#eb8e08;}
a.cheng:hover{color:#148e62;}
a.bai{color:#fff;}
a.bai:hover{color:#fcff0b;}
a.hui{color:#555;}
a.hui:hover{color:#ec8c03;}
a.hong{color:#e71f19;}
a.hong:hover{ color:#b9030a;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt55{margin-top:55px;}
.mt60{margin-top:60px;}
.mt65{margin-top:65px;}
.mr35{margin-right:35px;}
.mr25{ margin-right:25px;}
.mr20{ margin-right:20px;}
.mr15{margin-right:15px;}
.mr10{ margin-right:10px;}
.mr9{margin-right:9px;}
.mr5{margin-right:5px;}
.ml10{margin-left:10px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}
.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pt30{ padding-top:30px;}
.pt35{ padding-top:35px;}
.pt40{ padding-top:40px;}
.pt45{ padding-top:45px;}
.pt50{ padding-top:50px;}
.pt60{ padding-top:60px;}
.pt80{ padding-top:80px;}
.pt100{ padding-top:100px;}
.pt260{ padding-top:260px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb80{padding-bottom:80px;}
.pb100{padding-bottom:100px;}
.pb200{padding-bottom:200px;}
.pb300{padding-bottom:300px;}
.pl15{padding-left:15px;}
.pl10{padding-left:10px;}
.pl5{padding-left:5px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.lh18{line-height:18px;}
.lh20{line-height:20px;}
.lh25{line-height:25px;}
.lh35{line-height:35px;}
.mtb100{margin:100px 0;}
.ti{text-indent:28px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f30{font-size:30px;}
.tc{text-align:center;}
.tr{text-align:right;}
.tj{text-align:Justify;text-justify:inter-ideograph;}
.w1100{width:1100px; margin:0 auto;}
.warp{width:100%; margin:0 auto;}
.w940{width:940px; margin:0 auto;}
.fb{font-weight:bold;}
.en{font-family:Verdana, Geneva, sans-serif; font-style:inherit;}
.caa{color:#aaa;}
.c99{color:#999;}
.tup{text-transform:uppercase;}
.red{color:#f43b3b;}
.yellow{color:#e98f00;}
.bgbai{background:#fff;}
.bghui{background:#f3f3f3;}

/*------------------banner----------------------*/
.banner{width:100%; height:525px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:525px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:525px; float:left;}
.b-list{ height:50px;  position:relative; margin:0 auto; padding-top:490px;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; background:#fff;float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{background:#ec8c03;}
.bar-left{ position:absolute; z-index:1; display:block; width:60px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:60px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:60px; height:100px; background:url(images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:200px;}
.bar-right em{ display:block; width:60px; height:100px; background:url(images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:200px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}

/*------------------main----------------------*/
.boxwarp,.menu{max-width:1150px;margin:0 auto;}
.top{height:140px;}
.lg{width:647px; height:140px; background:url(images/lg.png) center center no-repeat; float:left;}
.tel{width:280px; float:right; background:url(images/tel.png) left center bottom no-repeat;padding-top:45px; font-size:20px; text-align:right; color:#cc0000;}
.tel i{display:block;height:22px; font-size:15px; color:#cc0000; font-style:normal; font-weight:bold;background:url(images/tel-.png) left center no-repeat; padding-left:40px;}
.menubg{background:#cc0000; height:50px;}
.menu li{width:11.11111%; float:left;}
.menu li a{width:100%; height:50px; line-height:50px; color:#16px; color:#fff; display:block; text-align:center;}
.menu li a:hover,.menu .cur{background:#e30404;}

.mtitle{text-align:center; font-size:28px; color:#434343; line-height:35px; text-transform:uppercase;}
.mtitle i{background:url(images/tline.png) center bottom no-repeat;font-style:normal; display:block; height:45px;}

.mabout{line-height:30px;}

.scaselist{width:1150px; margin:0 auto; height:270px;}
.scaselist li{width:220px; height:130px; margin:0 5px 5px; float:left; position:relative;}
.scaselist li img{width:220px; height:130px; }
.scaselist li .mask{background:rgba(218, 3, 11, 0.8) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
filter:Alpha(opacity=80); background:#cc0000; width:100%; text-align:center; height:30px; line-height:30px; color:#fff; position:absolute; bottom:0; left:0; z-index:1;}
.scaselist li .mask p{position:relative;}

.tvlist{width:1150px; margin:0 auto; height:420px;}
.tvlist li{width:40%; margin:0 10% 25px 0; float:left; height:80px;}
.tvlist li img{width:130px; height:80px; float:left;}
.tvlist li .text{margin-left:102px; position:relative; line-height:25px;}
.tvlist li .text .t{font-size:16px; color:#434343;}
.tvlist li .text .t:hover{color:#cc0000;}
.tvlist li .text p{ font-size:14px;color:#888;}
.tvlist .more{background:url(images/more.png) 0 0 no-repeat; width:94px; height:47px; position:absolute; bottom:0px; left:45%;}

.caselist{width:1150px; margin:0 auto; height:420px;}
.caselist li{width:23.8%; margin:7px 0.6%; float:left; height:204px; position:relative;}
.caselist li img{ width:100%; height:204px;}
.caselist li .mask{display:none;}
.caselist li:hover .mask{background:rgba(218, 3, 11, 0.8) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
filter:Alpha(opacity=80); background:#cc0000; width:90%; text-align:center; height:124px;position:absolute; top:0; left:0; z-index:1; color:#fff; padding:80px 5% 0 5%; font-size:16px; display:block;}
.caselist li .mask i{display:block; background:url(images/cbtn.png) 0 0 no-repeat; width:37px; height:37px; margin:0 auto;}

.lcpic{width:100%; height:173px; text-align:center;}


.jzbox{width:45%; float:left;}
.jzbox ul{width:100%; margin:0 auto;}
.jzbox ul li{width:95%; padding-left:5%; background:url(images/tip3.png) left center no-repeat; height:34px; line-height:34px;}
.jzbox ul li a{width:79%; float:left;}
.jzbox ul li span{float:right; width:20%;}
.jzbox ul li a:hover{color:#ff0000;}

.vdbox{width:50%; float:right;}
.vdbox .vdlist{width:100%; margin:0 auto; padding-top:10px;}
.vdbox .vdlist li{width:270px; height:275px; float:left; margin-right:15px;}
.vdbox .vdlist li .img{width:270px; height:235px; position:relative;}
.vdbox .vdlist li .img img{width:270px; height:235px;}
.vdbox .vdlist li .img .mask{width:100%; height:235px; background:url(images/tv.png) center center no-repeat; display:block; position:absolute; top:0; left:0; z-index:1;}
.vdbox .vdlist li .text{line-height:40px; text-align:center; font-size:14px;}
.ntitle{width:100%; font-size:28px; color:#e82718; height:40px; line-height:40px; position: relative; padding-bottom:12px; font-weight:bold;}
.ntitle span{color:#999; padding-left:10px; font-weight:normal;}
.ntmore{color:#999; font-size:14px; position:absolute; top:5px; right:0;}

.cllist{width:1150px; margin:0 auto; height:560px;}
.cllist li{width:196px; height:236px; margin:0 17px 17px; float:left;}
.cllist li .img{width:196px; height:196px; position:relative;}
.cllist li .img img{width:196px; height:196px;}
.cllist li .img .mask{width:100%; height:196px; background:url(images/pro.png) center center no-repeat; position:absolute; top:0; left:0; z-index:1;}
.cllist li .text{line-height:40px; text-align:center; font-size:14px;}

.foot{width:100%; height:185px; padding-top:60px; background:url(images/footbg.jpg) center top no-repeat; color:#fff;}
.fleft{width:70%; float:left; line-height:27px;}
.fleft .flg{width:210px; height:130px; padding-right:20px; border-right:1px solid #3f3f3f; float:left;}
.fleft .add{margin-left:250px;}
.fright{width:20%; float:right;}
.fright p{display:block;}
.wtool{width:50%; margin:0 auto;}
.wtool a{width:50px; height:96px; float:left; display:block; margin-right:15px;}

/*------------------page----------------------*/

.pagebox{width:1150px; margin:30px auto; background:#fff;}
.pageleft{width:280px; background:url(images/leftbg.jpg) right top no-repeat; padding-right:10px; float:left; min-height:1000px;}
.pageright{width:800px; padding:0 30px; float:right;}
.pageleft .title{width:80%; padding:7% 10%;color:#fff; font-size:24px; line-height:28px; background:#e41515; text-align:right;}
.pageleft .title span{display:block; overflow:hidden; font-weight:bold; text-transform:uppercase; font-size:22px; padding-top:5px;}
.pageleft .navbox{width:90%; margin:12px auto 25px auto;text-align:right;}

.pageleft .navbox .m2{ padding:10px 0;border-bottom:1px solid #d9d9d9; font-size:15px;}
.pageleft .navbox .m2 a{color:#e41515;width:90%; padding-right:10%; display:block; font-size:16px; line-height:18px;}
.pageleft .navbox .m2 a:hover{background:url(images/lbg.png) right center no-repeat;color:#000; }
.pageleft .navbox .m3{font-size:13px; color:#888; height:24px; line-height:24px;}
.pageleft .navbox .m3 a{color:#828181;width:90%; padding-right:10%; display:block;line-height:18px; height:24px; line-height:24px;}
.pageleft .navbox .m3 a:hover{background:#bebbbb;}
.pageleft .navbox .cur{background:url(images/lbg.png) right center no-repeat;}
.pageleft .navbox .cur2 a{color:#e41515;background:url(images/lbg.png) right center no-repeat;}

.pageconbox{width:100%; margin:0 auto; padding:30px 0 20px 0; color:#777;}
.pageart{font-size:14px; line-height:32px;text-align:justify; text-justify:inter-ideograph; width:92%; margin:0 auto;}
.tin{text-indent:28px;}

.pageabout{background:url(images/jjbg.jpg) center bottom no-repeat; min-height:800px;}


.pageup{width:100%; padding:50px 0 30px; text-align:center;}
.pageup a{width:35px; height:35px; line-height:35px; display:inline-block; position:relative; margin:0 5px;border:1px solid #e8e8e8; background:#ebebeb; color:#888;}
.pageup a:hover,.pageup .cur{border:1px solid #d8271c; background:#d8271c; color:#fff;}


.pagenews{width:100%; margin:auto;}
.pagenews ul{width:100%;display:inline-block;}
.pagenews ul li{ width:100%; padding:40px 0; border-bottom:1px dashed #ebebeb; height:110px; overflow:hidden;}
.pagenews ul li .time{width:130px; font-size:38px; padding-top:10px; line-height:28px; float:left;display:inline; text-align:right;}
.pagenews ul li .time span{font-size:14px;display:block;}
.pagenews ul li .img{width:180px; height:110px; float:left; padding:0 20px;}
.pagenews ul li .text{ margin-left:360px; position:relative;}
.pagenews ul li .text h1{font-size:24px; line-height:30px;}
.pagenews ul li .text h1 a{color:#444;}
.pagenews ul li .text h1 a:hover{color:#cc0000;}
.pagenews ul li .text p{font-size:14px; line-height:24px; padding-top:10px; color:#999;}

.pagecaselist{width:100%; margin:0 auto;}
.pagecaselist li{width:254px; height:240px; margin:0 6px 15px; float:left;}
.pagecaselist li img{width:254px; height:150px;}
.pagecaselist li i{width:100%; height:36px; line-height:36px; color:#fff; text-align:center; display:block; background:#da030b; font-style:normal; margin-top:-2px;}

.pagecllist{width:100%; margin:0 auto;}
.pagecllist li{width:240px; height:240px; margin:0 8px 16px; float:left;}
.pagecllist li img{width:240px; height:204px;}
.pagecllist li i{width:100%; height:36px; line-height:36px; color:#fff; text-align:center; display:block; background:#da030b; font-style:normal; margin-top:-2px;}


.pagevdlist{width:100%; margin:0 auto; padding-top:10px;}
.pagevdlist li{width:254px; height:260px; float:left; margin:0 6px 15px; }
.pagevdlist li .img{width:254px; height:220px; position:relative;}
.pagevdlist li .img img{width:254px; height:220px;}
.pagevdlist li .img .mask{width:100%; height:235px; background:url(images/tv.png) center center no-repeat; display:block; position:absolute; top:0; left:0; z-index:1;}
.pagevdlist li .text{line-height:40px; text-align:center; font-size:16px;}

.pagenewslist{width:90%; margin:0 auto;}
.pagenewslist li{width:100%;font-size:15px; height:38px; line-height:38px; border-bottom:1px dashed #e2e2e2;}
.pagenewslist li a{width:68%; padding-left:4%; background:url(images/newstop.png) left center no-repeat; float:left; display:block;}
.pagenewslist li a:hover{color:#3956ac;}
.pagenewslist li span{width:25%; float:right; text-align:right;}
.pagearticle{width:90%; margin:0 auto;}
.pagearticle h1{font-size:18px; line-height:20px; color:#3956ac;border-bottom:1px dashed #ebebeb; text-align:center; padding:12px 0; font-weight:bold;}
.pagearticle h2{text-align:center; color:#999; line-height:30px; height:30px; font-size:13px;}
.pagearticle .zw{width:100%; padding-top:10px; margin:0 auto; font-size:15px; line-height:35px; color:#555;}

.pagecpbox{width:90%; margin:0 auto;}
.pagecpbox li{width:100%; padding:15px 0; display:inline-block; border-bottom:1px dashed #ebebeb; line-height:25px;}
.pagecpbox li .w30{float:left; width:50%;}
.pagecpbox li .w100{float:left; width:100%;}

.artrighttitle{width:100%; height:45px; line-height:45px; font-size:15px; border-bottom:1px solid #bebebe; padding-top:20px; margin:0 auto;}