@charset "utf-8";*{margin:0px;padding:0px;}
html,body,b,div,ul,li,h1,h2,h3,h4,h5,h6,img,pre,form,p,input,td,div{margin:0px auto;padding:0;}
ul{list-style-type:none;}
a:link,a:visited{text-decoration:none;}
a:hover{text-decoration:none;border:0;}
img{ border:0;}
input,select,button{
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	 border:none; outline:none;}

.time1{transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s;}
.time2{transition:all ease-out .2s 0s;-webkit-transition:all ease-out .2s 0s;-moz-transition:all ease-out .2s 0s;-o-transition:all ease-out .2s 0s;}

.l{ float:left}
.r{ float:right}
.cur{ cursor:pointer}
.fd{ width:100%; min-width:1200px; float:left; display:block}
.jz{ display:table; margin:0 auto}
.main{ width:1200px; overflow:hidden}
.pmain{ width:1200px}
.tright{ text-align:right}

.top_line{ width:100%; min-width:1200px; height:3px; background:url(../images/top_line.jpg) no-repeat center; margin-top:5px; display:inline}
.topic{ width:100%; min-width:1200px;height:98px; background:url(../images/top_bg.jpg) repeat-x; position:relative}
.topic .logo{ width:350px; height:48px; margin-top:25px; display:inline}
.topic .logo img{ width:100%;}

.top_shadow{ width:100%; height:7px; position:absolute; left:0; top:98px; background:url(../images/top_shadow.png) repeat-x; z-index:999}

.topic .topnr{ width:780px; margin-top:11px; display:inline;}
.topic .tel,.top .tel img{ width:165px; height:22px}
.topic .tel{ margin-right:15px; display:inline}
.topmenu{ width:100%; height:65px}
.topmenu ul{height:65px;float: right}
.topmenu li{width: 90px;height:65px; margin-left:20px; display:inline; float:left; text-align:center}
.topmenu li a{ width:100%;height:63px; float:left; font:16px/63px "微软雅黑"; color:#333}
.topmenu li.li_Select a,.topmenu li a:hover{color:#bf232b; border-bottom:solid 2px #bf232b}

.title,.title1{ width:100%; margin-top:50px; display:inline; position:relative}
.title .line,.title1 .line{ width:100%; height:5px; float:left}
.title .line .l1,.title1 .line .l1{ width:120px; height:5px; background:#0b6abe}
.title .line .l2,.title1 .line .l2{ width:210px; height:5px; background:#bf232b}
.title .wz_s,.title1 .wz_s{ width:100%; margin-top:15px; display:inline; font:24px/32px "微软雅黑"; font-variant:small-caps}
.title .wz_s{ color:#121212}
.title .wz,.title1 .wz{font:22px/30px "微软雅黑"}
.title .wz{color:#bf232b}
.title .ws,.title1 .ws{ font:14px/24px "微软雅黑";  margin:6px 0 0 15px; display:inline}
.title .ws{color:#444;}
.title1 .wz,.title1 .wz_s,.title1 .ws{ color:#fff}
.title .more{ width:80px; height:80px; border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; overflow:hidden; text-align:center; font:60px/80px "宋体"; color:#999; border:solid 1px #999; position:absolute; right:0; top:2px}
.title .more:hover{ background:#bf232b; border-color:#bf232b; color:#fff}

.awz{ width:100%;font:14px/36px "微软雅黑"; color:#666; margin-top:30px; display:inline}

.history{ width:100%; height:130px; border-bottom:solid 1px #e5e5e5; margin:15px 0 50px 0; display:inline}
.hlist{ width:100%;}
.hlist li{ width:200px; height:130px; position:relative; list-style-type:none; float:left}	
.hlist li .nview{ width:180px; height:80px; margin-top:30px; padding:10px; display:inline; overflow:hidden; font:12px/24px "微软雅黑"; color:#fff; background:#da251c; opacity:0; filter:alpha(opacity=0); border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; overflow:hidden}
.hlist li:hover .nview{opacity:1; filter:alpha(opacity=100); margin-top:0}
.hlist li .hwz{ width:100%; height:45px; font:24px/45px "微软雅黑"; color:#da251c; text-align:center; position:absolute; left:0; bottom:15px}
.hlist li:hover .hwz{ bottom:-60px}
.hlist li .icon{ width:14px; height:14px; background:#fff; border:solid 1px #da251c; border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; overflow:hidden; position:absolute; left:90px; bottom:-8px; text-align:center}
.hlist li .icon span{ width:10px; height:10px; background:#da251c; margin:2px; display:inline-block; border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; overflow:hidden}
.hlist li:hover .icon span{ background:#fff}

.ckmore{ width:220px; height:60px; box-sizing:border-box !important; margin-top:40px; display:inline; border:solid 1px #ccc; text-align:center; font:18px/58px "微软雅黑"; color:#555; border-radius:30px; -moz-border-radius:30px;-webkit-border-radius:30px; overflow:hidden}
.ckmore:hover{ background:#0b6abe; border-color:#0b6abe; color:#fff}

.pro_bg{ width:100%; min-width:1200px; min-height:320px;background:url(../images/pro_bg.jpg) repeat-x bottom}
.in_pro {width:1200px}
.plist2{ width:1225px}
.plist2 li{ width:220px; height:220px; background:#fff; margin:50px 25px 0 0; display:inline; float:left; position:relative}
.plist2 li .pic{ width:220px; height:170px; overflow:hidden}
.plist2 li:hover .pic{ margin-top:50px; display:inline}
.plist2 li .pic img{ width:100%; height:170px; float:left}
.plist2 li .cp_wz{ width:100%; height:40px;overflow:hidden; font:12px/40px "微软雅黑"; color:#333; text-align:center; position:absolute; left:0; top:170px}
.plist2 li:hover .cp_wz{ background:url(../images/pname.jpg); color:#fff; height:50px; line-height:50px; top:0}

.case_bg{ width:100%; min-height:368px; background:url(../images/case_bg.jpg) no-repeat top center #fff; margin-top:50px; display:inline}
.clist{ width:1220px}
.clist li{ width:285px; margin:35px 20px 0 0; display:inline; float:left}
.clist li a{ width:100%}
.clist li .pic,.clist li .pic img{ width:285px; height:240px; overflow:hidden}
.clist li a:hover .pic img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1)}
.clist li .wz{ width:100%; height:42px; font:14px/42px "微软雅黑"; color:#333; text-align:center; background:#f8f8f8}
.clist li a:hover .wz{ background:#da251c; color:#fff}

.partner{ width:100%; min-width:1200px; margin-top:50px; display:inline; height:420px;background:url(../images/partner.jpg) no-repeat center top}
.parlist{ width:1209px; margin-top:26px; display:inline}
.parlist li{ width:143px; margin:9px 9px 0 0; display:inline; position:relative; float:left}
.parlist li .pic,.parlist li .pic img{ width:143px; height:90px}
.parlist li .wz{ width:100%; height:90px; position:absolute; left:0; top:0; background:url(../images/tm_r80.png); text-align:center; font:14px/90px "微软雅黑"; color:#fff; overflow:hidden;opacity:0; filter:alpha(opacity=0)}
.parlist li:hover .wz{opacity:1; filter:alpha(opacity=100)}

.nleft{ width:575px; height:360px; margin-top:30px; display:inline; position:relative}
.nleft .pic{ width:100%; height:360px; float:left}
.nleft .sk{ width:100%; height:70px; position:absolute; left:0;background:url(../images/tm_b60.png); bottom:0}
.nleft .sk .bt{width:465px; height:70px;font: 16px/70px "微软雅黑";color:#fff;overflow: hidden}
.nleft .sk .data{width:90px; height:70px;color:#fff;overflow: hidden; text-align:center;background:#da251c}
.nleft .sk .data .d1{ width:100%; font:30px/32px "微软雅黑"; margin-top:10px; display:inline; font-weight:bold}
.nleft .sk .data .d2{ width:100%; font:14px/16px "微软雅黑"}

.n_list{ width:575px}
.n_list li{ width:100%; height:100px;margin-top:30px;display: inline; background:#f8f8f8; float:left}
.n_list li:hover{ background:#da251c}
.n_list li a{ width:auto; color:#666}
.n_list li .data{width:100px; height:100px;color:#333;overflow: hidden; text-align:center}
.n_list li .data .d1{ width:100%; font:30px/32px "微软雅黑"; margin-top:25px; display:inline; font-weight:bold}
.n_list li .data .d2{ width:100%; font:14px/16px "微软雅黑"}
.n_list li .rkwz{ width:450px; margin:12px 15px 0 0; display:inline}
.n_list li .rkwz .bt{width:100%;height:28px;font: 14px/28px "微软雅黑";color:#333; overflow: hidden}
.n_list li .rkwz .view{width:100%;height:40px;font:12px/20px "微软雅黑";color:#666;overflow: hidden; margin-top:4px; display:inline}
.n_list li:hover .data,.n_list li:hover .rkwz .bt,.n_list li:hover .rkwz .view,.n_list li:hover a{ color:#fff}

.link a{ color:#333}
.link a:hover{ color:#c9242b; text-decoration:underline}

.leftarea{ width:22%; margin-top:30px;  display:inline}
.leftclass{ width:100%}
.leftclass .bt{ width:100%; height:60px; padding-top:30px; font:22px/60px "微软雅黑"; color:#fff; background:#c30007; text-align:center}
.leftclass .clwz{width:100%; height:40px; margin-top:15px; background:#efefef; font:14px/40px "微软雅黑"; color:#000; text-align:center}
.leftclass .clwz:hover{ background:#c30007; color:#fff}

.leftcont{ width:100%; padding:15px 0;margin-top:15px; display:inline; border:solid 1px #ccc; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.leftcont .lbt{ width:100%; font:18px/42px "微软雅黑"; color:#c90600; border-bottom:solid 1px #ccc; text-align:center}
.leftcont .lbt span{ font-size:12px; color:#000}
.leftcont .cwz{ width:90%; margin:15px 5% 0; display:inline; font:12px/30px "微软雅黑"; color:#333}

.proclass{ width:100%; margin-top:20px; display:inline}
.proclass .wz{ margin:15px 20px 0 0; padding:0 45px; display:inline; background:#eee; font:15px/42px "微软雅黑"; color:#333}
.proclass .wb,.proclass .wz:hover{ background:#c90600; color:#fff}

.plist{ width:100%}
.plist li{ width:265px;margin:30px 10px 0; display:inline;float:left}
.plist li a{ width:100%; background:#f2f2f2}
.plist li .pic{ width:263px; height:263px; margin:1px; display:inline}
.plist li .pic img{width:325px; height:325px; float:left}
.plist li .wz{ width:100%; height:40px; font:14px/40px "微软雅黑"; color:#000; text-align:center; overflow:hidden}

.view_title{ width:100%; height:50px; text-align:center; font:18px/50px "微软雅黑"; color:#333; line-height:50px; margin-top:25px; display:inline}
.news_title_s{width:100%; height:25px; text-align:center; font:12px/25px "微软雅黑"; color:#999; line-height:25px}
.news_sxy{ width:100%; height:40px; margin-top:30px; display:inline}
.news_sxy a{ width:50%; font:16px/40px "微软雅黑"; color:#000; line-height:40px; overflow:hidden}
.news_sxy a:hover{ color:#bf0000}

.c_list{ width:100%}
.c_list li{ width:298px; border:solid 1px #ccc; margin:30px 0 0 12px; display:inline; float:left}
.c_list li a{ width:100%; position:relative}
.c_list li .pic,.c_list li .pic img{ width:100%; float:left}
.c_list li a .wz{ width:100%; height:30px; background:url(../images/tm_r70.png); text-align:center; font:14px/30px "微软雅黑"; color:#fff; position:absolute; left:0; bottom:0; overflow:hidden}
.c_list li a:hover .wz{ height:50px; line-height:50px}

.news_list{ width:100%}
.news_list li{width:100%;margin-top:20px; display:inline; float:left}
.news_list li a{ width:100%; height:100px; background:#f8f8f8}
.news_list li a:hover{ background:#bf232b}
.news_list li .wzk{width:1050px; margin-left:20px; display:inline}
.news_list li .wz{width:100%; height:40px;font:14px/40px "微软雅黑"; color:#bf232b; overflow:hidden}
.news_list li .view{width:100%; height:50px;font:12px/25px "微软雅黑"; color:#666; overflow:hidden}
.news_list li .data{ width:100px; height:100px; color:#999; text-align:center}
.news_list li .data .d1{ width:100%; font:30px/32px "微软雅黑"; margin-top:25px; display:inline; font-weight:bold}
.news_list li .data .d2{ width:100%; font:14px/16px "微软雅黑"}
.news_list li a:hover .wz,.news_list li a:hover .view,.news_list li a:hover .data{ color:#fff}

.view_nr{ width:100%; min-height:400px; padding-bottom:30px; margin-top:30px; display:inline}
.view_wz{ width:100%; margin-top:30px; display:inline; font:14px/32px "微软雅黑"; color:#555; line-height:32px}
.nytitle{ width:100%; height:50px; font:14px/50px "微软雅黑"; border-bottom:dashed 1px #ccc}
.nytitle span{ color:#c90600}

.pro_list{ width:1230px}
.pro_list li{ width:380px; margin:35px 30px 0 0;display:inline;float:left}
.pro_list li a{ width:100%}
.pro_list li .pic,.pro_list li .pic img{ width:380px; height:252px; float:left; overflow:hidden}
.pro_list li:hover .pic img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1)}
.pro_list li .wz{ width:100%; height:40px;text-align:center; font:14px/40px "微软雅黑"; color:#666; background:#efefef; overflow:hidden}
.pro_list li a:hover .wz{ color:#fff; background:#c90600}


.pro_pic{ width:100%;margin-top:20px; display:inline; text-align:center}
.pro_pic img{width:auto; border:solid 1px #ccc; display:inline-block}

.page{ width:100%; height:32px; margin-top:45px; display:inline}
.page a.pa,.page a.pb{height:32px;padding:0 20px;margin:0 8px;display:inline;font:14px/32px "微软雅黑"; color:#fff; line-height:32px; border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;-webkit-border-radius:8px}
.page a.pa{background:#aaa}
.page a:hover,.page a.pb{ background:#c6142c}

.foot{ width:100%; min-width:1200px; margin-top:50px; display:inline; background:#777}
.foot .flogo{ width:150px; height:40px; background:url(../images/foot_logo.png); clear:both}
.foot .flist{ margin-top:20px; display:inline}
.foot .f1{ width:80px}
.foot .f2{ width:260px}
.foot .f3{ width:350px}
.foot .fbt{ width:100%; height:40px; font:16px/40px "微软雅黑"; color:#fff;}
.foot .fwz{ font:14px/36px "微软雅黑"; color:#fff}
.foot .flist a:hover{ text-decoration:underline}
.foot .f2 a{font:14px/36px "微软雅黑"; color:#fff; margin-right:25px; display:inline}
.foot .line{ width:1px; height:165px; background:#fff; margin:30px 50px 0; display:inline}
.foot .qrcode{ width:180px; height:100%; background:#0b6abe; position:absolute; right:0; top:0; text-align:center}
.foot .qrcode .wz{ width:100%; height:34px; margin-top:50%; display:inline; font:14px/34px "微软雅黑"; color:#fff}
.foot .qrcode img{ width:120px; height:120px; margin-top:10px; display:inline}

.foot_bq{ width:100%; min-width:1200px; height:50px; background:#1b1b1b}
.foot_bq .wz{ font:14px/50px "微软雅黑"; color:#fff}
.foot_bq .wz a{ color:#fff}

.clear{ clear:both; display:block}
.hen{ width:100%; min-width:1200px; height:50px; display:block; clear:both; float:left}