@charset "utf-8";
/* CSS Document */

/*public css*/
*{ margin:0px; padding:0px;}
body{ font-size:14px; font-family:"Microsoft YaHei",SimSun,Arial,Helvetica,sans-serif; color:#333; line-height:24px; overflow-x:hidden;}
ul li{ margin:0px; padding:0px; list-style-type:none;}
form,ul,li,table,td,p,span,h1,h2,h3,h4,h5,img,dl,dt,dd{ margin:0px; padding:0px;}
img{ border:none; width:auto; max-width:100%;vertical-align: middle;}
a{ color:#333; text-decoration:none;}
a:hover,a:active{ color:#13427c; text-decoration:none;}
.dispblock{ display:block;}
.dispnone{ display:none;}
.float_l{ float:left}
.float_r{ float:right}
.clear_both{clear:both;}
.hand{ cursor:pointer;}
.f12{ font-size:12px;}
.hei{ color:#000;}
.en_ft{ font-family:Arial;}
.ft1{ font-size:14px; font-weight:bold; color:#FFF;}
.ft_red{ color:#C80000;}
.ft_bai{ color:#FFF;}
.txt_cent{ text-align:center;}
.Word_Break{ word-break:break-all; overflow:hidden; TABLE-LAYOUT:fixed; WORD-WRAP:break-word;}
.fixedHeader{ position:fixed; left:0; top:0; z-index:100;}
.txthid{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.trans{ transition:all 0.3s ease-out;}
::selection{ background:#D80808; color:#fff;}
::-moz-selection{ background:#D80808; color:#fff;}

@font-face {
  font-family: 'impact';
  src: url("../fonts/impact.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*首页*/
.in_bkg{ background:#FFF;}
.fixedHeader{ width:100%; position:fixed; left:0; top:0; z-index:1000;}
.in_topbox{ width:100%; background:rgba(0,0,0,0.5); z-index:1000;}
.in_top{ width:1280px; height:100px; margin:0 auto; position:relative; transition:all 0.3s ease-out;}
.lg{ float:left; position:relative; z-index:1; margin:20px 0 0 20px; transition:all 0.3s ease-out;}
.lg img{ height:60px; transition:all 0.3s ease-out;}
.tel{ float:right; margin:34px 20px 0 0; width:124px; height:34px; line-height:33px; padding-left:38px; color:#FFF; font-size:16px; overflow:hidden; background:#D80707 url(../images/index_03.jpg) 17px center no-repeat; transition:all 0.3s ease-out;}
.menu{ height:99px; float:right; margin-right:50px; transition:all 0.3s ease-out;}
.menu li{ float:left; height:100%; position:relative;width: 96px;text-align: center;}
.menu li>a{ display:block; height:100%; /* padding: 0 20px; */ line-height: 99px; color: #333333; transition:all 0.3s ease-out;position:relative;}
.menu li i{ display:block; width:0px; height:2px;background:#da251d;position:absolute;bottom:23px;left:10px;transition:all 0.3s ease-out;margin-left:50%;}
.menu li:hover i{ display:block; width:77px; height:2px;background:#da251d;position:absolute;bottom:23px;left:10px;margin-left:0px;}
.menu li:hover a{ color:#da251d;font-weight:bold;}
.menu .scur i{ display:block; width:77px; height:2px;background:#da251d;position:absolute;bottom:23px;left: 10px;margin-left:0px;}
.menu .scur a{ color:#da251d;font-weight:bold;}
.menu li .nav{ position:absolute; top:99px; left:0px; width:160px; background-color:rgba(255,0,0,0.5); display:none;text-align: left;}
.menu li .nav a{ display:block; color:#FFF; height:48px; line-height:48px; padding-left:13px;}
.menu li .nav a:hover{ background-color:rgba(255,0,0,0.6);}
.in_topfix{ height:70px;}
.in_topfix .lg { margin:15px 0 0 0;}
.in_topfix .lg img{ height:40px;}
.in_topfix .tel{ margin:19px 0 0 0;}
.in_topfix .menu{ height:70px;}
.in_topfix .menu li>a{ line-height:70px;}
.in_topbox form{ display:none;}
.in_banbox{ clear:both; width:100%; overflow:hidden; position:relative; z-index:100;}
.in_banbox .ban_box{ width:19200px; height:100%; overflow:hidden;}
.in_banbox .ban_box_1,.in_banbox .ban_box_2{ float:left;}
.in_banbox .ban_box li{ float:left; height:712px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover; color:#FFF; position:relative;}
.in_banbox .smbox{ position:absolute; left:50%; bottom:20px; opacity:0; transition:all 0.3s ease-out; transform:translate(-50%,0);}
.in_banbox .smbox ul{ overflow:hidden;}
.in_banbox .smbox li{ float:left; width:15px; height:15px; margin:0 4px; background:#FFF; cursor:pointer; border-radius:50%;}
.in_banbox .smbox li.cur{ background:#D80808;}
.in_banbox:hover .smbox{ opacity:1;}
.in_banbox .btnbox{ position:absolute; top:calc(50% - 45px); left:0; width:100%; z-index:102; opacity:0; transition:all 0.3s ease-out;}
.in_banbox .btn{ display:block; float:left; width:40px; height:90px; background-color:rgba(0,0,0,0.5); transition:all 0.3s ease-out;}
.in_banbox .prev:after, .in_banbox .next:after{ content:""; display:block; width:10px; height:10px; margin:40px 0 0 15px; border-left:1px solid #FFF; border-top:1px solid #FFF; transform:rotate(-45deg);}
.in_banbox .next{ float:right;}
.in_banbox .next:after{ margin:40px 0 0 12px; transform:rotate(135deg);}
.in_banbox .btn:hover{ background-color:#D80808;}
.in_banbox:hover .btnbox{ opacity:1;}
.wap_banbox{ display:none;}
.in_boxA{ clear:both; width:1280px; margin:0 auto; padding:35px 0; overflow:hidden;}
.in_boxA .boxAA{ float:left; width:calc(25% - 45px); padding-right:60px; color:#666; transition:all 0.2s ease-out;}
.in_boxA .boxAA:last-child{ padding-right:0;}
.in_boxA .boxAA em{ display:block; width:100%; height:42px; margin:25px 0 8px 0; background:url(../images/index_05_1.png) center top no-repeat; position:relative;}
.in_boxA .boxAA em:after{ content:""; display:block; background:url(../images/index_05.png) center top no-repeat; position:absolute; left:0; top:0; width:100%; height:42px; transition:all 0.3s ease-out;}
.in_boxA .boxAA b{ display:block; height:45px; line-height:45px; font-size:20px; text-align:center;}
.in_boxA .boxAA p{ text-align:center;}
.in_boxA .boxAA:hover{ color:#D80808;}
.in_boxA .boxAA:hover em:after{ height:0;}
.in_boxA .boxBB em{ background-image:url(../images/index_06_1.png);}
.in_boxA .boxBB em:after{ background-image:url(../images/index_06.png);}
.in_boxA .boxCC em{ background-image:url(../images/index_07_1.png);}
.in_boxA .boxCC em:after{ background-image:url(../images/index_07.png);}
.in_boxA .boxDD em{ background-image:url(../images/index_08_1.png);}
.in_boxA .boxDD em:after{ background-image:url(../images/index_08.png);}
.in_boxB{ clear:both; width:100%; margin:0 auto ; color:#222;}
.boxB_img{ width:50%; position:relative; display:table-cell; vertical-align:top;}
.boxB_img div{ position:absolute; width:100%; height:100%; background:url(../images/index_10.jpg) center center no-repeat; background-size:cover;}
.boxB_text{ width:50%; padding:5%; background:#F2F5F8; display:table-cell;}
.boxB_text b{ display:block; font-size:28px;}
.boxB_text div{ line-height:33px; padding:45px 0 30px 0; font-size:16px;}
.boxB_text div p{ padding-top:10px;}
.boxB_text a{ display:block; border:1px solid #222; width:120px; height:46px; line-height:46px; text-align:center; transition:all 0.3s ease-out;}
.boxB_text a:hover{ background-color:#D80707; border-color:#D80707; color:#FFF;}
.in_boxC .boxB_img div{ background-image:url(../images/index_12.jpg);}
.in_boxC .boxB_text{ background:#FFF;}
.in_boxD{ clear:both; width:100%; background-color:#F2F4F8; padding:50px 0;}
.in_p_1{ text-align:center; font-size:28px; padding-top:10px; font-weight:bold; height:55px; position:relative;}
.in_p_1:after{ content:""; display:block; width:64px; height:3px; background-color:#666; position:absolute; bottom:0px; left:50%; transform:translate(-50%,0);}
#owl-demo2{ margin-top:40px;}
#owl-demo2 img{ transition:all 0.5s ease-out;}
#owl-demo2 .mb{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(216,8,8,0.7); text-align:center; color:#FFF; font-size:16px; opacity:0; transition:all 0.3s ease-out;}
#owl-demo2 .mb p{ margin-top:90px;}
#owl-demo2 .mb span{ display:block; margin-top:5px;}
#owl-demo2 .item:hover .mb{ opacity:1;}
#owl-demo2 .item:hover img{ transform:scale(1.2);}
.in_boxE{ clear:both; width:1280px; margin:0 auto; padding:50px 0;}
.in_boxE .box{ margin-top:30px; position:relative;}
.in_boxE .box i{ position:absolute; left:50%; top:50%; display:block; width:0; height:0; margin:-50px 0 0 -50px; border:50px solid transparent; border-left-color:rgba(255,255,255,0.8);}
.in_boxF_box{ clear:both; width:100%; background-color:#F2F4F8;}
.in_boxF{ width:1280px; margin:0 auto; padding:50px 0;}
.in_boxF ul{ overflow:hidden; padding-top:60px;}
.in_boxF ul li{ float:left; width:calc(25% - 24px); padding-right:32px; color:#666;}
.in_boxF ul li:last-child{ padding-right:0;}
.in_boxF ul li .img{ display:block; overflow:hidden;}
.in_boxF ul li img{ display:block; opacity:0.8; transition:all 0.3s ease-out;}
.in_boxF ul li img:hover{ opacity:1; transform:scale(1.2);}
.in_boxF ul li .p_1{ display:block; font-size:16px; color:#666; margin-top:7px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.in_boxF ul li .p_2{ font-size:12px;}
.in_boxF ul li .p_3{ margin-top:10px; max-height:72px; overflow:hidden;}
.in_btm_box{ clear:both; width:100%; background-color:#3D3F3E; color:#CACACA;}
.in_btm{ width:1280px; margin:0 auto; padding:40px 0; overflow:hidden;}
.in_btm .lt{ float:left; width:calc(33.33% - 55px); padding:0 40px 0 15px;}
.in_btm b{ font-size:18px;}
.in_btm a{ color:#CACACA;}
.in_btm .lt .text{ line-height:28px; padding-top:15px;}
.in_btm .lt .fx{ padding-top:18px;}
.in_btm .lt .fx a{ display:inline-block; width:45px; height:45px; margin-right:10px; border-radius:50%; background-repeat:no-repeat; background-position:center center; background-color:#2D2E2D; transition:all 0.3s ease-out;}
.in_btm .lt .fx .a_1{ background-image:url(../images/index_22_1.png);}
.in_btm .lt .fx .a_2{ background-image:url(../images/index_22_2.png);}
.in_btm .lt .fx .a_3{ background-image:url(../images/index_22_3.png);}
.in_btm .lt .fx a:hover{ background-color:#D80808;}
.in_btm .ct{ float:left; width:calc(33.33% - 40px); padding-right:40px;}
.in_btm .ct p{ height:20px; line-height:20px; padding-left:23px; margin-top:9px; background:url(../images/index_24.jpg) left top no-repeat;}
.in_btm .ct .p_1{ background-position:0 2px; margin-top:20px;}
.in_btm .ct .p_2{ background-position:0 -30px;}
.in_btm .ct .p_3{ background-position:0 -61px;}
.in_btm .ct .p_4{ background-position:0 -93px;}
.in_btm .rt{ float:left; width:calc(33.33% - 15px); padding-right:15px;}
.in_btm .rt dl{ width:100%; height:50px; padding-top:14px; overflow:hidden;}
.in_btm .rt dt{ float:left; width:50px;} 
.in_btm .rt dd{ float:left; padding-left:10px;} 
.in_btm .rt dd a{ display:block;}
.in_btm .rt dd span{ font-size:12px;}
.phone_btm{ display:none;}
.in_cpy_box{ clear:both; width:100%; background-color:#2C2E2E; color:#888;}
.in_cpy{ width:1280px; margin:0 auto; padding:20px 0; overflow:hidden; line-height:30px;}
.in_cpy a{ color:#666;}
.in_cpy a:hover{ color:#D80808;}


/*产品中心*/
.pro_banbox{ clear:both; width:100%; height:400px; position:relative; background:url(../images/pro_02.jpg) center center no-repeat; background-size:cover;}
.pro_banbox .text{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:40px; color:#FFF; text-shadow:0 2px 6px rgba(0,0,0,.8);}
.pro_ctg{ clear:both; width:1280px; margin:0 auto; overflow:hidden; padding-top:30px; text-align:center;}
.pro_ctg li{ display:inline-block; margin:0 5px;}
.pro_ctg a{ display:block; padding:10px 30px; background-color:#E2E0E1; border-radius:3px; transition:all 0.3s ease-out;}
.pro_ctg a:hover{ color:#fff; background-color:#D80707;}
.pro_ctg a.cur{ color:#fff; background-color:#D80707;}
.pro_box{ clear:both; width:1300px; padding:30px 10px; margin:0 auto;}
.pro_list{ overflow:hidden;}
.pro_list li{ float:left; width: calc(33% - 30px); margin:0 15px 30px 15px; border: 1px solid #e3e3e3;/* box-shadow:0 2px 6px rgba(0,0,0,0.3); */}
.pro_list li div{ overflow:hidden;}
.pro_list li div img{ display:block; opacity:0.8; transition:all 0.3s ease-out;width:100%;}
.pro_list li p{ height:40px; line-height:40px; text-align:center; margin: 0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 0.3s ease-out;border-tOP: 1px solid #dddddd;}
.pro_list li:hover div img{ opacity:1; transform:scale(1.2);}
.pro_list li:hover p{ color:#13427c;font-weight:bold;font-size:14px;}


/*关于我们*/
.ab_box{ clear:both; width:1300px; padding:40px 0; margin:0 auto;}


/*案例*/
.cs_box{ clear:both; width:100%; padding:40px 0;}
.cs_list{ overflow:hidden; padding-bottom:30px;}
.cs_list li{ float:left; width:20%; overflow:hidden; position:relative;}
.cs_list li img{ display:block; transition:all 0.5s ease-out;}
.cs_list li .mb{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(216,8,8,0.7); text-align:center; color:#FFF; font-size:16px; opacity:0; transition:all 0.3s ease-out;}
.cs_list li .mb p{ margin-top:90px;}
.cs_list li .mb span{ display:block; margin-top:5px;}
.cs_list li:hover .mb{ opacity:1;}
.cs_list li:hover img{ transform:scale(1.2);}


/*联系我们*/
.ct_box{ clear:both; width:1220px; padding:30px; margin:40px auto; overflow:hidden; background:#FFF; box-shadow:0 0 6px rgba(0,0,0,.1);}
.ct_box .c_lt{ float:left; width:55%;}
.ct_box .c_rt{ float:right; width:calc(45% - 30px); padding-left:30px;}
.ct_box .c_rt .p_1{ color:#475168; font-size:20px; font-weight:bold; margin-top:30px;}
.ct_box .c_rt .icon{ height:20px; line-height:20px; margin-top:35px; padding-left:30px; background:url(../images/index_26.jpg) no-repeat;}
.ct_box .c_rt .i_1{ background-position:0 0;}
.ct_box .c_rt .i_2{ background-position:0 -55px;}
.ct_box .c_rt .i_3{ background-position:0 -164px;}
.ct_box .c_rt .i_4{ background-position:0 -110px;}


/*新闻中心*/
.ns_list li{ padding:25px; overflow:hidden; box-shadow:0 0 6px rgba(0,0,0,0.3); margin-bottom:30px; transition:all 0.3s ease-out;}
.ns_list li .lt{ float:left; width:280px;}
.ns_list li .rt{ float:left; width:calc(100% - 310px); padding-left:20px;}
.ns_list li .rt a{ display:block; font-weight:bold; font-size:18px; color:#666; margin-top:5px;}
.ns_list li .rt p{ max-height:96px; overflow:hidden; padding-top:15px;}
.ns_list li .rt span{ display:block; color:#aaa; margin-top:10px;}






.opa0{ opacity:0; }
.a0{position:relative;z-index:999;}
.a0_1{position:absolute;top:0px;left:0px;width:100%;background:url(../images/index_02.jpg);height:99px;}
.a1{position:relative;left:50%;float:left;height:100%;}
.a2{position:relative;left:-50%;float:left;height:100%;z-index:-1;}
.menu2{max-width:1200px;margin:0 auto;}
.zuo{float:left;}
.youyou{float:right;position:relative;margin-top:40px;}
.youyou img{float:left;}
.youyou font{float:left;margin-left:5px;margin-top:-3px;color:#d8d8d8;font-size:14px;display:block;margin-left:10px;margin-right:10px;}
.youyou p{float:left;margin-top:6px;}
.xial{position:absolute;left:0px;top:20px;width:100%;display:none;}
.xial ul{background:rgba(255,255,255,0.5);margin-left:25px;padding-top:2px;padding-bottom:2px;}
.xial a{color:#333;line-height:20px;margin:5px;padding-left:5px;}
.qius{cursor:pointer;}
.d2{background:url(../images/index_08.jpg) no-repeat center;background-size: cover;background-attachment: scroll;}
.liqu{text-align:center;}
.liqu font{font-size:24px;color:#333333;padding-bottom:23px;display:block;}
.liqu p{color:#9b9b9b;font-size:12px;padding-bottom:19px;}
.liqu i{width:70px;height:3px;background:#da251d;display:block;margin:0 auto;}
.heji{margin:0 auto;max-width:1400px;margin-top:57px;overflow: hidden;}
.heji li{float:left;max-width:319px;text-align:center;margin-left:0.81967213114754%;margin-right:0.81967213114754%;width:100%;}
.heji li a{display:block;overflow:hidden;}
.heji li .div1{max-height:247px;width:100%;position: relative;}
.heji li .div1 p{position:absolute;top:0px;left:0px;opacity:0;transition:all 0.3s ease-out;}
.heji li:hover .div1 p{opacity:1;}
.heji li .div2{height:143px;width:100%;background:#ffffff;display:table;vertical-align:middle;}
.heji li .div2 .div3{vertical-align:middle;display:table-cell;transition:all 0.3s ease-out;}
.heji li:hover .div2 .div3{vertical-align:middle;display:table-cell;background:#13427c;color:#fff;}
.heji li .div2 .div3 p{max-width:74.608150470219%;margin:0 auto;color:#ababab;transition:all 0.3s ease-out;}
.heji li:hover .div2 .div3 p{color:#fff;}
.heji li .div2 .div3 p font{color:#333;font-size:16px;font-weight:bold;padding-bottom:5px;transition:all 0.3s ease-out;}
.heji li:hover .div2 .div3 p font{color:#fff;}
.heji li p font{display:block;}


.ab_fzlcbox{ clear:both; width:100%; height:710px; background:url(../images/about_07.jpg) bottom center no-repeat; background-size:cover; position:relative;}
.ab_fzlctit{ width:1410px; margin:0 auto; padding-top:75px;}
.ab_fzlctit .abp_1{ padding-left:45px;}
.ab_fzlctit .abp_2{ padding-left:45px;}
.ab_fzlctit .abp_3{ margin-left:50px;}
.ab_fzlc{ width:704px; height: 213px; margin: 53px auto 0 auto;text-align: center;}
.ab_fzlc dt{ /* float:left; */ /* width:calc(44% - 70px); */ /* padding-left:70px; */ color: #da251d; line-height: 146.8px; font-size: 146.8px;width: 100%;overflow: hidden;}
.ab_fzlc dd{ /* float:left; */ /* width:calc(56% - 65px); */ /* padding:20px 30px 0 35px; */ color:#131313; line-height:32px; font-size:17px;}
.ab_fzlc dl{ display:none;}
.ab_fzlc .cur{ display:block;}
.ab_fzlc dl dt p{/* float:left; */display: inline-block;font-family: impact;}
.ab_fzlc dl dt b{font-size:30px;/* float:left; */color: #3d3d3d;display: inline-block;padding-left: 20px;}
.fzlc{ clear:both; position:relative; margin-top:80px; padding-bottom:35px;}
.fzlc .hx{ width:100%; height:1px; background:#a6a6a6; position:absolute; left:0px; top:77px; opacity:0.2;}
.fzlc .cont{ width:1410px; margin:0 auto; position:relative;} 
.fzlc .cont .btn{ display:block; width:28px; height:28px; border: 2px solid #a6a6a6; border-radius:50%; position:absolute; top:61px; z-index:10; background: #f7f7f7;transition:all 0.2s ease;}
.fzlc .cont .prev{ left:0;}
.fzlc .cont .next{ right:0;}
.fzlc .cont .btn em{ display:block; width:10px; height:10px; margin:8px 0 0 10px; border-top: 2px solid #a6a6a6; border-right: 2px solid #a6a6a6; transform:rotate(-135deg); transition:all 0.2s ease;}
.fzlc .cont .next em{ transform:rotate(45deg); margin-left:6px;}
.fzlc .cont .btn:hover{ border-color:#da251d;}
.fzlc .cont .btn:hover em{ border-color:#da251d;}
.fzlc .cont .box{ width:100%; margin:0 auto; overflow:hidden;}
.fzlc .cont .show{ width:100%; margin:0 auto; overflow:hidden;}
.fzlc .cont ul{}
.fzlc .cont li{ float:left; width:60px; height:65px; padding-top:25px; margin:0 37px; text-align:center; position:relative; transition:all 0.3s ease;}
.fzlc .cont li .p_1{ color: #666666; font-size:24px; line-height:28px;font-family: impact;}
.fzlc .cont li .span_1{ display:block; width:17px; height:17px; border: 2px solid #a6a6a6; border-radius:50%; margin:14px auto 0 auto;background: #f7f7f7;}
.fzlc .cont li .span_1 em{ display:block; width:9px; height:9px; margin:4px 0 0 4px; background: #a6a6a6; border-radius:50%; transition:all 0.3s ease;}
.fzlc .cont li .span_1:after{ content:""; display:block; width:5px; height:0; background-color:#a6a6a6; position:absolute; left:29px; top:18px; transition:all 0.3s ease;}
.fzlc .cont li:hover .p_1{ color:#da251d;}
.fzlc .cont li:hover .span_1{border-color:#da251d;}
.fzlc .cont li:hover .span_1 em{ /* width:0; */ /* height:0; */ /* margin:7px 0 0 7px; *//* color: #da251d; */background-color: #da251d;}
.fzlc .cont li:hover .span_1:after{ height: 0px; top:0;}
.fzlc .cont li.cur .p_1{ color:#da251d;}
.fzlc .cont li.cur .span_1{border-color:#da251d;}
.fzlc .cont li.cur .span_1 em{ /*width:0; height:0; margin:7px 0 0 7px;*/background-color: #da251d;}
.fzlc .cont li.cur .span_1:after{ /*height:18px; top:0;*/}
.okil{background:url(../images/index_10.jpg) no-repeat center;background-size:cover;background-attachment:scroll;}
.slide22222222222222 li{float:left;padding: 9px;overflow: hidden;width: calc(50% - 18px);}
.slide22222222222222 li img{width:100%;}
.djxw{max-width:1200px;margin:0 auto;}
.zleft{max-width:570px;float:left;}
.yright{max-width:599px;float:right;}
.hen1{margin-bottom:35px;}
.hen1 font{color:#ffffff;font-size:24px;}
.hen1 p{font-size:16px;font-family:arial;color:rgba(255,255,255,0.5); text-transform:uppercase;padding-top:5px;}
.hen1 i{background:#8fa4bd;width:35px;height:3px;display:block;margin-top:11px;}
.hen1 div{float:right;text-transform:uppercase;font-size:16px;font-family:arial;color:rgba(255,255,255,0.5);padding-top:48px;}
.hunm{max-width:583px;}
.hunm li{width:100%;background:#d0d9e3;height:125px;margin-bottom:1px;}
.klo1{float:left;overflow:hidden;height:100%;display:table;/* padding-left:20px; *//* padding-right:20px; */ /* vertical-align:middle; */width: 20%;}
.klo2{float:left;overflow:hidden;margin-left:10px;height:100%;}
.klo1 div{display:table-cell;vertical-align: middle;text-align:center}
.klo1 div font{color:#666666;display: block;font-size:53px;line-height: 53px;}
.klo1 div p{font-size:16px;color:#666666;display: block;}
.kpo2{float:left;width:80%;}
.kpo2 font{color:#333333;font-size:16px;font-weight:bold;display:block;margin-top:20px;width: 90%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.kpo2 p{color:#666666;font-size:14px;margin-top:10px;overflow: hidden;     text-overflow:ellipsis;    display:-webkit-box;     -webkit-box-orient:vertical;    -webkit-line-clamp:2;width: 90%;}
.hunm li:hover{background:#da251d;}
.hunm li:hover .klo1 div font{color:#fff;font-size:53px;}
.hunm li:hover .klo1 div p{font-size:16px;color:#fff;}
.hunm li:hover .kpo2{float:left;width:80%;}
.hunm li:hover .kpo2 font{color:#fff;font-size:16px;font-weight:bold;display:block;margin-top:20px;}
.hunm li:hover .kpo2 p{color:#fff;font-size:14px;margin-top:10px;}
.baji{background:url(../images/index_11.jpg) no-repeat center;background-size:cover;background-attachment:scroll;}
.fskj{max-width:1200px;margin:0 auto;margin-top:56px;}
.slider33 ul{overflow:hidden;padding:10px;}
.slider33 li{float:left;width: 20%;padding: 1px;box-sizing: border-box;position:relative;z-index:1;transition:all 0.2s ease;}
.slider33 li:hover{
	z-index:999;
	box-shadow: 0px -5px 10px 0px #ccc,   /*上边阴影  红色*/                    -5px 0px 10px 0px #ccc,   /*左边阴影  绿色*/                    5px 0px 10px 0px #ccc,    /*右边阴影  蓝色*/                    0px 5px 10px 0px #ccc;/*下边阴影  黄色*/
	
}
.ersl{max-width:1200px;margin:0 auto;margin-top:53px;}
.ersl .bx-wrapper .bx-pager.bx-default-pager a{background: #ffffff;border:2px solid #d0d0d0;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}
.ersl .bx-wrapper .bx-pager.bx-default-pager a:hover,.ersl .bx-wrapper .bx-pager.bx-default-pager a.active{background: #da251d;border:2px solid #da251d}
.ersl .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:auto;}
.footer{background:#2e2e2e;height:391px;width:100%;}
.bottoms .fp-tableCell{display:block !important;height:auto !important;}
.bottoms{height:auto !important;overflow:hidden;}
.kushe{max-width:1200px;margin:0 auto;overflow:hidden;}
.bugu{overflow:hidden;}
.fanb{width:100%;overflow:hidden;border-bottom:1px solid #626060;}
.div-1{float:left;margin-left:40px;margin-top:50px;}
.div-2{float:right;margin-top:50px;line-height:30px;padding-bottom:36px;}
.div-2 ul{float:left;margin-right:60px;}
.div-2 ul a{color:rgba(255,255,255,0.8);}
.div-2 ul a font{color:#fff;font-size:16px;font-weight:bold;margin-bottom:20px;display:block;}
.div-2 p{color:#e0e0e0;text-align:center;}
.fans{color:#fff;line-height:65px;}
.fans a{color:#fff;}
.fans .kols{float:left;}
.fans .kolr{float:right;}
.liqu{margin-top:20px;}
.a4{width:100%;padding-top:99px;overflow:hidden;}

.ab_box_pub_box{max-width:1200px;margin:0 auto;padding-top:58px;overflow:hidden;padding-bottom:58px;}
.ab_box_pub_box .lt{width:23.5%;float:left;overflow:hidden;}
.ab_box_pub_box .lt .p_tit{background:#13427c;height:80px;color:#ffffff;padding-left:18px;line-height:80px;font-size:26px;}
.ab_box_pub_box .lt li{line-height:62px;background:#f3f3f3;height:62px;padding-left:19px;padding-right: 19px;margin-bottom:1px;overflow: hidden;     text-overflow:ellipsis;     white-space:nowrap;}
.ab_box_pub_box .lt .cur{color:#13427c;font-weight:bold;font-size:14px;}
.ab_box_pub_box .lt .cur a{color:#13427c;}
.ab_box_pub_box .rt{float:right;overflow:hidden;width:75%;}
.ab_box_pub_box .rt .ab_banbox{border-bottom:1px solid #d9d9d9;line-height:59px;font-size:14px;font-family:"微软雅黑";}
.ab_box_pub_box .pro_list{padding-top:17px;padding-bottom:50px;}
.a4 p{width:1920px;position:relative;left:50%;margin-left:-960px;}
.a5{display:none;}
.shuk{width:calc(100% - 20px);line-height:26px;padding:10px;}
.pro_main{width:calc(100% - 20px);line-height:26px;padding:20px;}
.hons_tit{font-weight:bold;font-size:16px;text-align:center;width:100%;}
.hons_img{width:100%;text-align:center;padding:10px;}
.shik{width:100%;line-height:26px;overflow:hidden;}
.ff_pre,.ff_next{line-height:26px;}
.nand{margin-top:20px;}
.news_list{padding:20px}
.ns_list_rt font{font-weight:bold;font-size:18px;}
.ns_list_rt p{line-height:26px;padding-top:5px;}
.ns_list_lt{float:left;width:25%;margin-right:2%;}
.ns_list_rt{float:left;width:73%;}
.wutu{width:100%;}

.article-detail{width:90%;margin:0 auto;padding-bottom:20px;}
.article-detail .article-title { text-align:center; margin-bottom:15px; padding-top:20px; margin-bottom:15px; }
.article-detail .article-title { font-size:22px; line-height:1.5; font-weight:normal; color: #666;}
.article-detail .entry-meta { text-align:center; margin-bottom:20px; padding-bottom:10px; color: #999;font-size:12px; /*border-bottom:1px dotted #ccc;*/ }
.article-detail .entry-meta span { margin:0 10px; }
.article-detail .entry-meta a{color:#999;}
.article-detail .entry-meta .share-toolbar { display:inline-block; height:22px; line-height:22px; overflow:hidden; position:relative; top:4px; margin-left:8px; }
.article-detail .entry-meta .share-toolbar span { margin:0; float:left; height:16px; line-height:16px; margin:6px 0 6px 0; }
.article-detail .article-content { margin-top:25px; }
.article-detail .video-player-content { margin-top:20px; text-align:center; }
.article-detail video.video-play-wrapper { width:100%; height:auto !important; text-align:center; }
.article-detail span.video-play-wrapper { width:100%; *height:auto !important; text-align:center; }
.article-detail .nand,.article-detail .nand a{}
@media screen and (max-width: 1370px) {
.heji li{width: 23.360655737705%;}
}

@media screen and (max-width: 1200px) {
.zuo{margin-left:20px;}
.youyou{margin-right:20px;}
.a2{height:800px;}
.liqu{margin-top:20px;}
.heji{margin-bottom:20px;    margin-top: 27px;}
.fzlc .cont{ width:1100px;}	
.djxw{padding:20px;overflow:hidden;}
.zleft{width: 48%;}
.yright{width: 48%;}
}
@media screen and (max-width: 1024px) {
.news_list{padding:10px}
.ns_list_rt font{font-weight:bold;font-size:14px;}
	.pro_main{padding:10px;}
	.a4 p{width:auto;position:relative;left:0%;margin-left:0px;}
	#dowebok{position: relative;width: 100%;overflow-x: hidden;}
	.heji li .div2 .div3 p span{display:none;}
	.menu{ position:absolute; top:60px; left:inherit; right:0; width:100%; line-height:40px; height:auto; transform:translate(0,0); transition:all 0.5s ease-out 0s;    margin-right: 0px;}
	.menu li{ float:none; width:100%; background:rgba(255,255,255,0.95); border-top:1px solid #EEE; text-align:left; text-indent:20px; cursor:pointer; margin:0;}
	.menu li:last-child{ border-bottom:1px solid #EEE;}
	.menu li a{ display:inline; padding:0; color:#333; height:40px; line-height:40px;}
	.menu li:hover>a{ color:#333; font-weight:normal;}
	.menu li.cur>a{ color:#333; font-weight:normal;}
	.menu li>a:after{ display:none;}
	.menu li em{ left:calc(100% - 30px); top:15px; width:10px; height:10px; background:none; border:1px solid #666; border-left:0px; border-bottom:0px; opacity:1; float: right;display:block; transform:rotate(45deg);display: none;}
	.menu li:hover em{ left:calc(100% - 30px); width:10px; transform:rotate(45deg);}
	.menu li.cur em{ transform:rotate(45deg);}
	.menu li .nav{ position:relative; top:0; left:0; width:100%; height:auto; line-height:40px; z-index:101; text-align:left; background:#FFF; display:none; margin:0; padding:0;}
	.menu li .nav a{ display:block; width:100%; height:40px; line-height: 40px;color:#666; margin:0; padding:0;}
	.menu li .nav a:hover{ background: #da251d; color:#FFF; font-weight:normal; transform:translateX(0px);}	
	.menu li i{display:none !important;}
	.menu li:hover a{font-weight:normal;}
	.navHide{ right:-100%;}
	.controlBtn{ height:60px; width:60px; /* background:#FFF; */ position:relative; cursor:pointer; float:right; z-index:3; transition:all 0.3s;}
	.controlBtn i{ display:block; height:1px; background: #333; width:24px; position:absolute; top:32px; left:18px; transition:all 0.3s; opacity:1;}
	.controlBtn i::after{ content:""; display:block; height:1px; background: #333; width:24px; position:absolute; top:-7px; left:0px; transition:all 0.3s;}
	.controlBtn i::before{ content:""; display:block; height:1px; background: #333; width:24px; position:absolute; bottom:-7px; left:0px; transition:all 0.3s;}
	.controlBtn i.on{ background:#FFF; opacity:1;}
	.controlBtn i.on::after{ transform:rotate(45deg); top:0px;}
	.controlBtn i.on::before{ transform:rotate(-45deg); bottom:0px;}	
	.zuo{height:60px;}
	.zuo img{height:100%;}
	.a0_1{height:60px;background-size:auto 100%;}
	.a4{padding-top:60px;}
	.youyou{display:none;}
	.fzlc{ margin-top:40px;}
	.fzlc .hx{ top:67px;}
	.fzlc .cont{ width:calc(100% - 30px);}
	.fzlc .cont .btn{ top:52px;}
	.fzlc .cont li{ width:48px; height:65px; padding-top:25px; margin:0 37px;}
	.fzlc .cont li .p_1{ font-size:20px; line-height:24px;}
	.fzlc .cont li .span_1{ width:13px; height:13px; border:2px solid #a6a6a6; margin:10px auto 0 auto;}
	.fzlc .cont li .span_1 em{ width:7px; height:7px; margin:3px 0 0 3px;}
	.fzlc .cont li .span_1:after{ width:4px; left:22px; top:18px;}
	.phone_btm{ display:block;margin-top: 20px;}
	.phone_btm ul{ width:calc(100% - 30px); margin:0 auto;}
	.phone_btm ul li{ /* border-bottom:1px solid #ccc; */ overflow:hidden;}
	.phone_btm ul li>a{ float:left; display:block; color:#FFF; font-size:15px; height:40px; line-height:40px;}
	.phone_btm ul li em{ float:right; display:block; width:2px; height:20px; background:#ccc; margin:10px 10px 0 0;}
	.phone_btm ul li em::before{ content:""; float:right; display:block; width:2px; height:20px; background:#ccc; transform:rotate(90deg);}
	.phone_btm div{ clear:both; padding-bottom:8px; display:none;}
	.phone_btm div a{ font-size:14px; color: #ccc; height:36px; line-height:36px;}.nand{margin-top:10px;}
.footer{height:auto;}
.fanb{display:none;}
.ab_box_pub_box{padding-top:0px;padding-bottom:0px;}
	}
@media screen and (max-width: 768px) {
.a4{display:none;}
.a5{display:block;padding-top:60px;}
.ab_box_pub_box .lt{width:100%;float:none;overflow:hidden;}
.ab_box_pub_box .rt{width:100%;float:none;overflow:hidden;}
.ab_box_pub_box .rt .ab_banbox{width:96%;margin:0 auto;}
}
@media screen and (max-width: 767px) {
HTML,BODY{overflow:auto !important;}
.d2{overflow:hidden;}
.a2{display:none;}
.section1{/* height:60px; */}
.zleft{width: 100%;max-width:1000px;}
.yright{width: 100%;max-width:1000px;}
.baji{overflow:hidden;}
.fskj{margin-top:30px;margin-bottom:10px;}
.ersl{margin-top:20px;}
.hunm{max-width:1000px;}
.div-1{display:none;}
.ewm{display:none;}
.div-2 ul{float:none;}
.tesh{width:100%;overflow:hidden;}
.fans{padding-left:10px;line-height: 26px;}
.fans .kolr{float:left;}
.slide22222222222222 li{     width: calc(50% - 10px); padding:5px;}
.slider33 li{width:50%;}
}
@media screen and (max-width: 640px) {
	.article-detail{font-size:12px;}
	.article-detail .entry-meta{margin-bottom:0px;}
	.article-detail .article-title{font-size:16px;}
	.article-detail .article-content{margin-top:0px;}
	.fans{font-size:12px;line-height:20px;padding-top:10px;}
	.fans .kols{border-top:1px solid #ccc;padding-top:10px;width:96%;}
	.hen1{margin-bottom:15px;}
	.djxw .bx-wrapper{margin-bottom:30px;}
	.djxw {padding: 15px;overflow: hidden;}
	.hen1 div{float:right;text-transform:uppercase;font-size:12px;font-family:arial;color:rgba(255,255,255,0.5);padding-top:30px;}
	.hen1 i{background:#8fa4bd;width:35px;height:1px;display:block;margin-top:3px;}
	.hen1 font{color:#ffffff;font-size:16px;}
.hen1 p{font-size:14px;font-family:arial;color:rgba(255,255,255,0.5); text-transform:uppercase;padding-top: 0px;}
	.ab_box_pub_box .pro_list{padding-bottom:20px;}
	.wp-pagenavi a{ margin:0 1px; width:35px; height:35px; line-height:35px;}
    .wp-pagenavi span{ width:35px; height:35px; line-height:35px;}
	.ab_box_pub_box .rt .ab_banbox{font-size:12px;line-height: 26px;padding-top: 5px;/* padding-bottom: 3px; */}
	.ab_box_pub_box .lt li{width:calc(50% - 30px);text-align: center;margin-right:1px;float:left;line-height:42px;background:#f3f3f3;height:42px;padding-left:10px;padding-right: 19px;margin-bottom:1px;overflow: hidden;     text-overflow:ellipsis;     white-space:nowrap;}
	.ab_box_pub_box .lt .p_tit{background:#13427c;height:50px;color:#ffffff;padding-left:10px;line-height:50px;font-size:16px;}
	.pro_list{margin:0 auto;width:96%;}
	.pro_list li{ float:left; width: calc(50% - 20px); margin:0 5px 10px 5px; border: 1px solid #e3e3e3;/* box-shadow:0 2px 6px rgba(0,0,0,0.3); */}
	.liqu font{padding-bottom: 10px;}
	.liqu p{width:90%;margin:0 auto;line-height: 20px;padding-bottom: 10px;}
	.heji li .div2 .div3 p font{font-size:14px;line-height:20px;}
	.heji li .div2{height:60px;}
	.heji li{width:48%;margin-bottom:10px;}
	.fzlc{ margin-top:0px; padding-bottom:15px;}
	.fzlc .hx{ top:68px;}
	.fzlc .cont{ padding-top:10px;} 
	.fzlc .cont .btn{ top:52px;}
	.fzlc .cont li{ margin:0 10px; padding-top:20px;}
	.fzlc .cont li .p_1{ font-size:18px;}	
	.fzlc .cont li .span_1{ margin-top:6px;}
	.ab_fzlc{height:auto;width:90%;margin:0 auto;margin-top: 30px;/* margin-bottom:10px; */}
	.ab_fzlc dt{line-height: 24px; font-size: 24px;width: 100%;overflow: hidden;}
.ab_fzlc dd{line-height:24px; font-size: 12px;padding-top: 10px;}
	.ab_fzlc dl dt p{/* float:left; */display: inline-block;font-family: impact;}
.ab_fzlc dl dt b{font-size:12px;/* float:left; */color: #3d3d3d;display: inline-block;padding-left: 3px;}
.hunm li{height:80px;}
.klo1 div font{font-size: 16px;line-height:26px;}
.klo1 div p{font-size: 12px;}
.kpo2 font{font-size:14px;margin-top:5px;}
.kpo2 p{font-size:12px;margin-top:0px;line-height: 20px;}

.hunm li:hover .klo1 div font{font-size:14px;}
.hunm li:hover .klo1 div p{font-size:12px;}
.hunm li:hover .kpo2 font{font-size:14px;margin-top:5px;}
.hunm li:hover .kpo2 p{font-size:12px;margin-top:0px;}
.Button.Block {
    width: 121px !important;
    height: 168px !important;
}
.fskj{margin-top:10px;}
	}
@media screen and (max-width: 320px) {
	.klo1{width:25%}
	.kpo2{float: left;width: 75%;/* margin-left: 5%; */}
	}