@charset "utf-8";
*{ margin:0; padding:0;}
body,p,h1,h2,h3,h4,h5,table,ul,li,form,input{ margin:0; padding:0; color:#000; font-family:"Microsoft yahei"; }

body,p{ font-size:14px; border:none;}
a{ font-size:14px; color:#999; text-decoration:none; border:none; padding:0; margin:0;}
table{border-collapse:collapse;}
img{ border:0; margin:0; padding:0;}
ul,li{ list-style:none; border:0; margin:0; padding:0;}
dl,dt,dd{ margin:0; padding:0; -webkit-margin-start:0;}
h1,h2,h3,h4,h5{ font-weight:normal; font-size:12px; display:block;}
strong,b{ font-weight:normal;}
table,tr,td{ border-spacing:0;}
em,i,b{ font-style:normal;}
p{ line-height: 170%; color: #555; font-size: 14px;}
input{ border: none; background: none; }
figcaption{ display: block;}
input:focus{ outline: none; }
::-webkit-input-placeholder { /* WebKit browsers */ font-size:14px; color: #dfdfdf; }
::-ms-input-placeholder { /* Internet Explorer 10+ */ font-size:14px;color: #dfdfdf; }
.fl{float:left;}
.fr{float:right;}
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{display:table; line-height:0; content:"";}
.clearfix:after{clear:both;}
.w1240{ width: 1240px; margin: 0 auto; }


.top{ padding: 20px 0 10px 0;}
.top-left .div2{ border-left: 1px solid #d9d9d9; padding-left: 20px; margin-left: 20px; margin-top: 17px;}
.top-left .p1{ font-size: 16px; color: #000}
.top-left .p2{ font-size: 20px; color: #000}
.top-right { padding-right: -18px;}
.top-right .fl{ padding: 0 18px; text-align: center;}
.top-right .fl img{ display: inline-block; }
.top-right>div.fl{ position: relative;}
.top-right .hefei{ color: #333; font-size: 15px;}
.top-right li a{  color: #666; font-size: 14px; display: block; margin: 10px 0; transition: all 0.6s;}
.top-right ul{ display: none; position: absolute; right: 0; left: 0; top: 70px; background: #f5f5f5; z-index: 33;}
.top-right li:hover a{ color: #000;}
#tagList a{ display: block; padding:5px 10px; color: #666; background:#fff; border:1px solid #ddd; float: left; margin: 0 5px 5px 0;}
#tagList a:hover{ background:#de0024; border-color:#de0024; color: #fff;}
.subbar { margin-left: -35px;}
.subbar li{ float: left; position: relative; margin-right: 8px; padding: 20px; }
.subbar li>a{ font-size: 16px; color: #000; transition: all 0.6s;}
.subbar li div{ display: none; position: absolute; top:60px; left: 0; right: 0; background: #DE0024; z-index: 333;}
.subbar li:hover>a{ color: #de0024;}
.subbar li div a{ display: block; text-align: center; padding: 10px 0; font-size: 14px; color: #fff; transition: all 0.36s;}
.subbar li div a:hover{ transform: translateX(5px);}

.maibar{ background:#eee;}
.maibar .p1{ text-align: right; padding-top: 6px; color: #666; font-size: 12px;}
.maibar .tel{ font-weight: bold; font-family: "Impace","arial"; color: #333; font-size: 24px;}
.banner{ position: relative;  width: 100%; height: 700px; overflow: hidden; margin-top: 10px; }
.banner .prev{ display: block; position: absolute; left: 20px; top: 45%; font-size: 46px; color: #fff;
z-index: 3; cursor: pointer; font-family: "新宋体"; width:50px; height: 100px;}
.banner .next{ display: block; position: absolute; right: 20px; top: 45%; font-size: 46px; color: #fff;
z-index: 3; cursor: pointer; font-family: "新宋体"; width:50px; height: 100px; cursor: pointer;}
.banner .hd{ position: absolute; bottom: 20px; text-align: center; width: 100%; height: 10px; display: none;}

.hot-sou{box-shadow: 0 0 5px 1px rgba(0,0,0,0.1); padding: 30px 0;}
.hot-sou span{ font-size: 15px; color: #000; height: 30px; line-height: 30px;}
.hot-sou .txtScroll-left a{ display: block; color: #666; font-size: 13px; height: 30px; line-height: 30px;  transition: all 0.6s;
padding: 0 10px;}
.hot-sou .txtScroll-left a:hover{ color: #DE0024;}
.hot-sou span img{ display: inline-block; vertical-align: middle; margin-right: 10px;}

.sou-div{ height: 40px; width: 350px;  background: #F5F5F5; border-radius: 100%; display: block;}
.sou-div input[type=text]{ display: block; width:280px ; height: 40px; padding-left: 10px; background: #f5f5f5;
 color: #888; font-size: 13px;}
.sou-div .sub{ display: block; background: #DE0024 url("../images/zoom.png") no-repeat center; height: 40px; width: 60px; cursor: pointer;}


.title{ padding:0 0 40px 0; background: url("../images/tit.png") no-repeat top center;  }
.title h2{ font-size: 22px; color: #333; width: 260px; text-align: center; margin: auto auto; padding-top: 10px;}
.title h3{ text-align: center; font-size: 32px; color: #DE0024; font-weight: bold; padding:15px 0 10px 0;}
.title p{ text-align: center; color: #666; font-size: 14px;}

.pro-center{ background: #F5F5F5; padding: 50px 0;}
.proleft{ width: 280px; background: #fff; padding-top: 30px;}
.proleft .lefttit-bg{ background: #DE0024; width: 220px;  padding-left: 40px; padding-bottom: 20px;}
.proleft .p1{ font-size: 30px; font-weight: bold; color: #DE0024;  padding-left: 40px; line-height: 1; padding-bottom: 10px;}
.proleft .p2{ font-size: 30px; font-weight: bold; color: #fff;}
.proleft .p3{ font-size: 18px; font-weight: bold; color: #fff;}
.pro-center .leftmore{ border-top: 1px solid #eee; padding-bottom: 35px;}
.pro-center .leftmore a{ font-size: 16px; color: #000; display: block; padding: 35px 0 15px 0; text-align: center;}
.pro-center .leftmore a.tel{ color: #DE0024; font-size: 30px; font-weight: bold; font-family: "impact",'arial'; padding: 0;}
.pro-center .leftmore i{ display: inline-block; vertical-align: middle; height: 4px; width: 4px; border-radius: 100%; margin: 0 5px;
background: #272636;}
.pro-center .leftmore img{ display: block;  margin: 0 auto;}
.pro-center .ul1{ padding-left: 27px; padding-top: 20px; padding-bottom: 20px;}
.pro-center .ul1 li{ position: relative;}
.pro-center .ul1 li a{ font-size: 15px; color: #000; padding: 10px 0px 10px 35px; display: block; transition: all 0.6s;}
.pro-center .ul1 li b{ display: block;  position: absolute; left: 0; width: 10px; height: 1px; background: #aaaaaa;
top: 50%; transform: translateY(-50%); transition: all 0.6s;}
.pro-center .ul1 li.on b,.pro-center .ul1 li:hover b{ width: 31px; background: #DE0024; margin-right: 20px;}
.pro-center .ul1 li.on a,.pro-center .ul1 li:hover a{ color: #DE0024; margin-left: 20px; }

.proright{ padding-left: 20px; width: 940px;}
.proright .top-tu{ margin-left: -6px;}
.proright .top-tu a{ display: block; float: left; position: relative; margin-left: 6px; width: 466px; overflow: hidden;}
.proright .top-tu figure,.proright .top-tu figure img{ display: block; width: 466px; height: 440px; overflow: hidden; transition: all 0.6s;}
.proright .top-tu a:hover figure img{ transform: scale(1.1);}
.proright .top-tu figcaption{ position: absolute; left: 0; right: 0; background: rgba(0,0,0,0.6); padding: 15px; bottom: 0;}
.proright .top-tu h3{ color: #fff; font-size: 18px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.proright .top-tu p{ color: #fff; font-size: 14px;overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;display: -webkit-box;    -webkit-line-clamp: 1;}
.proright .bottom-tu{ background: #fff; margin-top: 20px;}
.proright .bottom-tu a{ display: block; float: left; width: 302px;}
.proright .bottom-tu a:nth-child(2){ border:1px solid #F5F5F5; border-top: none; border-bottom: none;}
.proright .bottom-tu p{ text-align: center; color: #000; font-size: 14px; border-top: 1px solid #F5F5F5; height: 55px; line-height: 55px;
transition: all 0.6s; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.proright .bottom-tu figure,.proright .bottom-tu figure img{ display: block; width: 302px; height: 260px; overflow: hidden; transition: all 0.6s;}
.proright .bottom-tu a:hover img{ transform: scale(1.1);}
.proright .bottom-tu a:hover p{ color: #DE0024;}
.proright .box{ display: none;}
.proright .box.on{ display: block;}

.hf{ background: url("../images/hf.png") no-repeat top center;  width: 100%; overflow: hidden; height: 280px;}
.hf .p1{ color: #fff; font-size: 26px; padding: 88px 0 30px 0; line-height: 1;}
.hf .p2{ color: #de0024; font-size: 30px; font-weight: bold; line-height: 1;}
.hf a:nth-child(1){ margin-top: 120px;}
.hf a{ display: block; color: #fff; font-size: 22px; width: 200px; height: 50px; line-height: 50px; text-align: center; background: #DE0024;
border-radius: 30px; margin-bottom: 28px; transition: all 0.36s;}
.hf a img{ display: inline-block; vertical-align: middle;}
.hf a:hover{ transform: translateX(10px);}
.hf a:nth-child(2){ background: #f5d200;}

.case-cener { padding-top: 45px ;}
.case-cener ul{ margin-right: -20px;  }
.case-cener li{ float: left; width: 400px; box-shadow: 0 0 5px 0px rgba(0,0,0,0.1); margin-right: 20px; margin-bottom: 20px;}
.case-cener li p{ text-align: center; color: #333; font-size: 16px; height: 65px; line-height: 65px;  transition: all 0.6s; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.case-cener li figure,.case-cener li figure img{ display: block; width: 400px; height: 300px; overflow: hidden; transition: all 0.6s;}
.case-cener li:hover figure img{ transform: scale(1.1);}
.case-cener li:hover p{ color: #DE0024;}

.culture-center{ background: url("../images/bg.jpg") no-repeat top center; height: 610px; width: 100%; overflow: hidden; padding-top: 55px;
margin-top: 30px; background-size: cover;}
.cul-cont{ padding-top: 40px;}
.culture-center .title h3{ color: #fff;}
.culture-center .title{ background: url("../images/tit2.png") no-repeat top center;}
.culture-center .title p{ color: #fff;}
.cul-right{ background: #fff; width: 560px; height: 320px; padding: 40px 30px;}
.cul-right h2{  font-weight: bold; color: #000; font-size: 22px;}
.cul-right p{ line-height: 30px; font-size: 14px; color: #666; padding-top: 40px;overflow: hidden;    text-overflow: ellipsis;    -webkit-box-orient: vertical;    display: -webkit-box;    -webkit-line-clamp: 6;}
.cul-right a{ display: block; background: #DE0024; text-align: center; color: #fff; font-size: 15px; width: 130px; height: 36px; line-height: 36px;
border-radius: 30px; float: right; margin-top: 40px; transition: all 0.6s;}
.cul-right a:hover{ transform: translateX(10px);}

.partner-center{ padding-top: 45px; position: relative; padding-bottom: 25px;}
.partner-center h3 { position: relative; text-transform: uppercase; font-size: 32px; color: #999; font-family: arial; text-align: right;}
.partner-center h3 b{ display: block; position: absolute; height: 1px; width: 820px; background: #F5F5F5; left: 0; top: 50%;
transform: translateY(-50%);}
.partner-center h4{ text-align: right; color: #333; font-size: 22px;}
.partner-center ul{ margin-right: -22px; margin-top: 30px;}
.partner-center li{ float: left; margin-right: 22px; margin-bottom: 20px; margin-top: 20px;}
.partner-center li img{ display: block; overflow: hidden; transition: all 0.6s; margin-bottom: 6px;}
.partner-center li:hover img{ opacity: 0.6;}
.partner-center li h5{ font-size: 16px; }

.news-center{ background: #F5F5F5; padding: 45px 0;}
.news-center .div1{ background: #fff; width: 380px;  height: 460px;}
.news-center .div1:nth-child(2){ margin: 0 20px;}
.news-center .div2{ background: #fff; width: 440px; height: 460px;}
.news-center .div1 h3{ color: #000; font-weight: bold; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
margin-bottom: 30px; line-height: 1; transition: all 0.36s;}
.news-center .div1 figcaption{ padding: 43px 25px;}
.news-center .div1 p{ line-height: 30px; font-size: 14px; color: #888; height: 60px; overflow: hidden; transition: all 0.6s;}
.news-center .div1 h4{ font-size: 14px; color: #888; font-family: arial; text-transform: uppercase; padding-top: 30px;}
.news-center .div1 figure,.news-center .div1 figure img{ display: block; width: 100%; height: 220px; transition: all 0.6s; overflow: hidden;}
.news-center .div1:hover figure img{ transform: scale(1.1);}
.news-center .div1:hover h3,.news-center .div1:hover p,.news-center .div1:hover h4{ color: #DE0024;}
.news-center .div2 i{ display: inline-block; width: 5px; height: 5px; border-radius:10px; background:#de0024; vertical-align: middle;
margin-right: 10px;}
.news-center .div2 a{ font-size: 14px; color: #000;}
.news-center .div2 ul{ padding:35px 25px 30px 25px;}
.news-center .div2 li{ padding: 10px 0; transition: all 0.36s;}
.news-center .div2 li a{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.36s;}
.news-center .div2 li:hover a{ color: #DE0024;}
.news-center .div2 li:hover{ transform: translateX(10px);}


.dibu{ background: #004ea2; padding: 40px 0;}
.dibu h3{ color: #fff; font-weight: bold; font-size: 18px; padding-bottom: 20px;}
.dibu .div1 p{ color: #fff; opacity: 0.61; font-size: 14px; line-height: 30px;}
.dibu .div2 a{ display: inline-block; color: #fff; font-size: 14px; padding: 5px 10px; transition: all 0.6s;}
.dibu .div2 a:hover{ transform: translateX(5px);}
.dibu .div2 { border-left: 1px solid #3371b5; border-right: 1px solid #3371b5; margin:0 240px; padding: 0 20px;}
.dibu .div3 p{ color: #fff; font-size: 14px; text-align: center;}
.dibu .div3 div{ margin-left: 30px;}

#tagAbt{ color: #666;}
#tagAbt a{ display: inline-block; margin-left:6px; color: #de0024;}
#tagAbt a:hover{ text-decoration: underline;}
.youlian{ padding: 20px 0 20px 0; }
.youlian .div1{ margin-top: 10px;}
.youlian .w1240{ position: relative;}
.youlian span{ color: #000; font-size: 18px;}
.youlian p a{ display: inline-block; width: 120px; color: #333; font-size: 14px; transition: all 0.36s; text-align: center; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.youlian p a:hover{ color: #DE0024; transform: translateX(5px);}
.youlian .div2 ul{ position: absolute; background: #333; right: 0; top: -97px; width: 120px; display: none; padding: 10px 0;}
.youlian .div2 li a{ text-align: center; display: block; color: #fff; font-size: 14px; padding: 5px 0;}
.youlian .div2 h3{ background:#DE0024; height: 30px; width: 120px; color: #fff; line-height: 30px; text-align: center; font-size: 14px;
cursor: pointer; border-radius: 20px;}
.youlian .div2 h3 img{ display: inline-block; vertical-align: middle; margin-left: 10px;}
.youlian .div2{ margin-top: 10px;}

.neibanner{ width: 100%; overflow: hidden;}
.neibanner img{width: 100%; height: auto; display: block;}


.casepage{ background: #F5F5F5; padding: 45px 0;}
.casepage  .case-left{ width: 220px; }
.casepage .case-left .div1{ background: #fff;}
.casepage .case-left .div2,.casepage .case-left .div3{ background: #fff; margin-top: 25px;}
.casepage .case-left .div3 li{ transition: all 0.6s;}
.casepage .case-left .div3 li a{ display: block; color: #333; font-size: 14px; padding: 10px 0; transition: all 0.6s;}
.casepage .case-left .div3 li i,.abt.news li i{ display: inline-block; height: 5px; width: 5px; border-radius: 100%; background: #DE0024;
vertical-align: middle; margin-right: 10px;}
.casepage  .case-right{ background: #fff; width: 1000px;}
.casepage .casetit{ background: #DE0024;  padding: 30px;}
.casepage .casetit .h3{ font-weight: bold; color: #fff; font-size: 22px;  text-align: left;}
.casepage .casetit .h3 b{ display: block; font-weight: normal; font-family: "times new roman"; font-size: 16px; padding-top: 10px;}
.casepage .ul1 li{ transition: all 0.36s;}
.casepage .ul1 li a{ display: block; padding: 10px 0; font-size: 15px; color: #333; transition: all 0.6s;  overflow: hidden; clear: both;}
.casepage .ul1 a i{ background: url("../images/gengduo.png") no-repeat center; display: inline-block; width:14px; height:14px; float: right;
margin-top: 5px; background-size: 100% 100%;}
.casepage .ul1{padding-left: 30px;  padding-right:30px; padding-top: 20px; padding-bottom: 20px;}
.casepage .ul1 li:hover{ transform: translateX(10px);}
.casepage .ul1 li:hover a{ color: #DE0024;}
.casepage .div2-box .h3,.casepage .div3-box .h3{  font-size: 20px; font-weight: bold; padding-bottom: 15px;}
.casepage .div2-box  img{ width: 150px;}
.casepage .div2-box,.casepage .div3-box{ padding-left: 30px; padding: 30px;}
.casepage .div2-box p{  font-size: 14px; color: #333; padding-top: 10px;}
.casepage .div3-box li:hover a{ color: #DE0024;}
.casepage .div3-box li:hover{ transform: translateX(5px);}
.casepage .mainbox{ padding:20px 30px;}
.breadcrumb{ border-bottom: 1px solid #F5F5F5; position: relative; height: 50px;}
.breadcrumb h1{ font-size: 16px; color: #000; height: 40px; line-height: 40px;  font-weight: bold;}
.breadcrumb h3 b{ display: block; position: absolute; left: 0; bottom: 0; background: #DE0024; height: 1px; width: 70px;}
.breadcrumb div.fr a{ display: inline-block; color: #333; font-size: 14px; margin: 0 5px; height: 40px; line-height: 40px;}
.breadcrumb div.fr img{ display: inline-block; vertical-align: middle; margin-right: 10px;}
.breadcrumb div.fr{ color: #666;}
.breadcrumb div.fr a:hover,.breadcrumb div.fr a.on{ color: #DE0024;}
.caesp-list ul{ padding-top: 25px; margin-right: -25px;}
.caesp-list li{ float: left; width:290px; position: relative; margin-bottom: 20px; margin-right: 30px;}
.caesp-list li figure,.caesp-list li figure img{ width: 290px; height: 270px; overflow: hidden; transition: all 0.6s;}
.caesp-list li figcaption{ overflow: hidden; clear: both;}
.caesp-list li p{ height: 70px; color: #333; font-size: 16px; padding: 5px 0 0 0; float: left;overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;display: -webkit-box;    -webkit-line-clamp: 2;}
.caesp-list li span{ display: block; vertical-align: middle; height: 1px; background: #f5f5f5; width: 1px; margin-top: 10px; margin-right: 10px; transition: all .36s;}
.caesp-list li:hover span{ background:#de0024; width: 100%;}
.caesp-list li:hover figure img{ transform: scale(1.1);}

.pages{ padding:35px 0 0px 30px; text-align:center; padding-bottom:30px; margin:auto;}
.pages a{ display:inline-block; background:#fff; width:45px; height:40px; line-height:45px; vertical-align:middle; margin-left:-1px; margin: 0 2px;font-size:14px; border:1px #e0e0e0 solid; color:#666; transition: all 0.36s;}
.pages a:hover{ color:#fff; background:#DE0024; transition:all s0.3s ease 0s;}
.pages a.on,.pages a.current{ color:#fff; background:#DE0024;}

.newp-list ul{ padding-top: 15px;}
.newp-list li{ position: relative; transition: all 0.6s; }
.newp-list li a{ display: block; overflow: hidden; clear: both; padding: 20px 0; border-bottom: 1px solid #F5F5F5;}
.newp-list .time{ width: 60px; height: 60px; /*border-left: 1px solid #F5F5F5; border-right: 1px solid #F5F5F5;*/ background: #DE0024;
position: absolute; top: 20px; left: 0; z-index: 33;}
.newp-list strong{ display: block; font-size: 20px; text-align: center; color: #fff; padding-top: 5px;}
.newp-list span{ display: block; color: #fff; font-size: 16px; text-align: center;}
.newp-list figure img,.newp-list figure{ width: 260px; height: 150px; overflow: hidden; transition: all 0.6s;}
.newp-list li:hover figure img{ transform: scale(1.1);}
.newp-list figcaption{ width: 650px; padding-left: 30px;}
.newp-list figcaption h2{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; color: #000;
margin-top: 10px; font-weight: bold;}
.newp-list figcaption p{ line-height: 30px; height: 60px; overflow: hidden; font-size: 14px; color: #666; margin-top: 10px;}
.newp-list figcaption i{ background: url("../images/arrow-right.png") no-repeat right center; padding-right: 40px;
font-size: 14px; display: inline-block; color: #000; margin-top: 20px;}
.newp-list li:hover{ transform: translateX(10px);}
.newp-list li:hover h2{ color: #DE0024;}
.partner-center .honor li{ width: 24%; margin-right: 1.333%;}
.partner-center .honor li h5{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.partner-center .honor li:nth-child(4n){ margin-right:0; }
.detailp-cont{ padding-top: 30px;}
#tagx h1{ padding-top: 30px;}
.news-detail table{ width: 100%;}
.news-detail table,.news-detail th,.news-detail td{ border:1px solid #ddd; border-collapse:collapse;}
.news-detail th,.news-detail td{ padding:10px;}
.news-detail th{ color: #999; font-weight: normal; width:90px; text-align: right;}
.news-detail h2,#tagx .h2,#tagx h2,#plist h2,#plist .h2{ font-size: 18px; border-bottom: 1px solid #ddd; padding:10px 0; margin: 10px 0;}
.nlist h3{  margin: 0;font-weight: normal; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.nlist h3 a{ font-size: 16px; color: #333; display: block;}
.nlist h3 a:hover{ color: #de0024;}
.nlist .part{ width:50%; float: left; padding:0 25px 20px 0; box-sizing:border-box;}
.nlist .part:nth-child(2n){ padding: 0 0 20px 25px;}
.nlist h3{  margin: 0;font-weight: normal; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.nlist .part>a{ color: #333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block;}
.nlist .part>a:hover{ color: #de0024;}
.nlist p{ margin: 0.5em 0; text-indent: 2em; font-size: 14px; line-height: 1.6em;overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2;}
.topic a{ display: block; float: left; background:#eee; margin: 0 5px 5px 0; padding: 8px 10px; font-size: 16px; color: #333;}
.topic a:hover{ background:#39f; color: #fff; text-decoration: none;}

#tagx h1,.news-detail h1{  font-size: 30px; font-weight: bold; color: #000; text-align: center; }
.news-detail .fabu{ text-align: center;  border-bottom: 1px solid #F5F5F5; padding-bottom: 20px;}
.news-detail .fabu span{ display: inline-block; padding:10px; font-size: 14px; color: #666; }
.news-detail p{ line-height: 36px; margin:1em 0; text-indent: 2em; font-size: 16px; line-height: 2em; color: #333; }
.news-detail p img{ margin:auto; display: block; max-width: 100%; }
.news-detail h3{ color: #39f; font-size: 18px;}
.news-detail .img a{ display: block; text-align: center;}
    .news-detail video{ display:block; max-width:100%;}
    .news-detail img{ display: block; margin: 0 auto; padding: 12px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); max-width:100%; margin-bottom: 10px; box-sizing:border-box;}
    .news-detail .img h4 a{ font-size: 16px; color: #999;}
.fenpian{ margin: 25px 0; border: 1px solid #f1f1f1; border-width: 1px 0; padding: 20px 0; position: relative; }
.fenpian span{ font-size: 14px;  color: #000 !important; display: inline-block; float: left; margin:0 15px 0 0 !important; padding:0 !important; vertical-align: middle;}
.fenpian p{ float: left;  }
.fenpian>div{ padding:5px 0;}
.fenpian p a{ font-size: 14px; color: #555; display: block;  line-height: 1; transition: all 0.6s;}
.fenpian div:hover a{ color: #DE0024; }
.fenpian .fanhui{ display: block; position: absolute; right: 10px; background: #DE0024; color: #fff; padding:10px 25px; border-radius: 10px;
top: 35px;}
.abt{ padding-bottom: 30px;}
.abt .h3{ font-size: 18px; color: #999; font-weight: 100; margin-bottom: 10px;}
.abt.news li{ float: left; width: 50%; }
.abt.news li a{ display: block; color: #333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding: 5px;}
.abt.pro li{ display: block; float: left; width: 25%;}
.abt.pro li a{ display: block; padding: 5px;}
.abt.pro li a p{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
#category{ padding: 20px 0;}
#category span,#category div{ display: inline;}
#category span{ margin-right: 12px;}
#category a,#category .sclas span{ display: inline-block; padding:3px 5px; border:1px solid #ddd; margin-bottom: 6px;}
#category a.h{ color:#999;}
#category a.on{ background:#de0024; border-color: #de0024; color:#fff;}
#category a.l.on{ background:rgba(255,0,0,.7); border-color:rgba(255,0,0.5); color:#fff;}
#category .sclas span{ font-family:"宋体"; padding: 3px 8px; color:#39f; cursor: pointer;}
#category .sclas span:hover{ padding-left:10px; padding-right:6px;}
#category .pclas li{ margin-bottom: 0;}
#plist h1{ font-size: 36px; margin-bottom: 10px;}
#plist p.desc{ text-indent:2em;}
#plist p.desc a{ background: #DE0024; color: #fff; padding:2px 5px; border-radius:2px;}
#plist li{ width: 25%; float: left;}
#plist li a{ display: block; padding: 5px;}
#plist li figure{ height: 300px; overflow: hidden; background:#eee;}
#plist.pro li figure{ height: 180px;}
#plist li img{ max-width:100%; -webkit-transition: all .25s ease;
   -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
        transition: all .25s ease}
#plist li:hover p{ color: #de0024;}
#plist li p{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding: 10px 0 0;}
#plist li:hover img{ opacity: 0.85;}
#kf{ position: fixed; z-index: 99999; right: 0; bottom:240px; width:130px; padding: 0; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.5); text-align: center; }
#kf a{ display:block; padding-top: 10px;}
#kf .tel{ font-size: 16px; color: #f22645; font-weight: bold; white-space: nowrap;}
#kf .tel:hover{ text-decoration: underline;}
#kf #totop{ padding-bottom: 10px; cursor: pointer;}
#kf #totop:hover{ color: #f22645; text-decoration: underline;}
#kf img{ display: block; width:100%; margin-bottom: 10px;}
#btmNav{ display: none;}
.services a{ display: inline-block; padding: 10px; margin:0 2px 2px 0; border:1px solid #ddd; color:#333;}
.services a:hover{ color:#DE0024; border-color:#DE0024;}
@media screen and (max-width:980px){
    *{ box-sizing:border-box;}
    body{ min-width:320px;}
    .w1240{ width:98%; max-width:98%; margin: auto;}
    .top{ padding: 0; padding-bottom: 10px;}
    .top-left{ float: none;}
    a.logo{ display: block; float: none; text-align: center; width:100%;}
    a.logo img{ margin: auto; height: 60px;}
    .top-left .div2{ float: none; border:0; padding: 0; margin: 0; }
    .top-left .div2 p{text-align: center;}
    .top-left .div2 .p1{ color: #999;}
    .top-left .div2 .p2{ font-size: 12px;}
    .subbar { float: none; margin:0; text-align: center;}
    .subbar li{ float: none; display: inline-block; padding: 0; margin: 0;}
    .subbar li a{ display: block; padding: 10px;}
    .subbar li:first-child,.maibar .fr,.youlian,.dibu .div2,.dibu .div3,.news-center .div1,.cul-left,.hf,.leftmore,.pro-center .ul1 li b,.lefttit,.neibanner,.hot-sou{ display: none;}
    .proleft{ float: none; width:100%;}
    .pro-center .ul1 li{ display: inline-block;}
    .pro-center .ul1 li.on a, .pro-center .ul1 li:hover a{ margin: 0;}
    .pro-center .ul1 li a{ padding-left: 10px;}
    .proright{ width:100%; padding: 0;}
    .proright .top-tu a{ width:calc(50% - 6px);}
    .proright .bottom-tu a{ width:calc(25% - 2px);}
    .case-cener li{ width:32%; float: left; margin-right:2%;}
    .case-cener li:nth-child(3n){ margin-right:0;}
    .cul-right{ width:100%;}
    .dibu .div1,.news-center .div2{ width:100%; float: none;}
    .dibu .div1{ text-align: center;}
    .proright .top-tu figure, .proright .top-tu figure img,.proright .bottom-tu figure, .proright .bottom-tu figure img,.case-cener li figure, .case-cener li figure img{ width:100%; height: auto;}
    #plist.pro li figure,#plist li figure{ height: auto;}
    .pages a{ width:30px; height: 30px; line-height: 30px; margin: 0 1px;}
    .casepage .case-left{ display: none;}
    .casepage .case-right{ width:100%;}
    .caesp-list ul,.casepage .mainbox{ padding: 0; margin: 0;}
    .caesp-list li{ width:49%; margin-right:0;}
    .caesp-list li figure, .caesp-list li figure img{ display: block; max-width:100%; height: auto;}
    .caesp-list li:nth-child(2n){ float: right;}
    .newp-list li a{ padding: 10px 0;}
    .newp-list figure{ display: none;}
    .newp-list figcaption{ width:100%; padding: 0;}
}
@media screen and (max-width:640px){
    #kf{ display: none;}
    #btmNav{ display:block; position: fixed; width:100%; height: 50px; line-height: 50px; text-align: center; left: 0; bottom: 0; }
    #btmNav a{ display:block; float: left; width:33.333%; background:#333; color: #fff; border-right:1px solid #222;}
    #btmNav .tel{ border:0; background:#f90;}
}