html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{position:relative;z-index:-2; color:#444;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;left:50%;}
.hidden{display:none;}
.w{ width:1200px; margin:0 auto;}
/********General**********/
.header{ width:100%; min-width:1200px; float:left;}
.footer{ width:100%; min-width:1200px; float:left;}
.main{ width:100%; min-width:1200px; float:left; }
.top{ width:100%; height:34px; font-size:14px; color:#fefefe; line-height:34px; background:#3a3a3a;}
.top p{ float:left;}
.top span{ float:right;}
.logo{ margin-top:30px}
.nav{ float:right;}
.nav li{ width:124px; float:left; height:97px; font-size:16px; color:#090909; line-height:97px; text-align:right;}
.prof{ width:295px; float:left; margin-top:42px; background:url(../Image/profbt.png) top center no-repeat; padding-top:74px;}
.prof ul{ width:100%; background:#e5e5e5; float:left; padding-bottom:20px;}
.prof li{width:272px; float:left; margin:18px 0 0 12px}
.profa{ display:block; width:100%; height:53px;background:#030f57 url(../Image/profa.png) 220px center no-repeat;  font-size:16px; color:#ffffff; margin-bottom:5px; line-height:53px; text-indent:36px;}
.profa:hover{ background:#ff9e17 url(../Image/profa.png) 220px center no-repeat;}
.prof dd{ background:url(../Image/profdd.png)27px center no-repeat; width:100%; height:29px; border-bottom:1px dashed #b5b5b5; font-size:14px; color:#515050; line-height:29px; text-indent:35px;}
.prof dd:hover{ text-decoration:underline;}
.pro{ width:866px; float:right; margin-top:40px;}
.probt{ width:100%; height:39px; border-bottom:1px solid #d2d2d2;}
.probt p{ font-size:20px; color:#d30000; font-weight:bold; float:left; line-height:39px;}
.probt a{ font-size:14px; color:#3a3a3a; float:right; line-height:39px;}

#demo {
overflow:hidden;
width: 100%; float:left; margin-top:20px;}

#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
.cpdx{width:276px; height:656px; margin-right:19px; float:left;text-align:center;}
.cpdx dd{  width:276px; height:219px; position:relative;}
.cpdx dd p{ font-size:14px; color:#000000; text-align:center; line-height:2;}
.cpdx dd img{width:274px; height:181px; border:1px solid #d2d2d2;}
.cpdx dd:hover img{border:1px solid #1a61a6;}
.case{ width:100%; float:left; margin-top:40px;}
.casebt{ width:100%; height:131px; background:url(../Image/casebt.png) center no-repeat;}
.rollBox{width:100%;overflow:hidden; float:left; margin-top:26px;}
.rollBox .Cont{width:1200px;overflow:hidden;float:left; }
.rollBox .ScrCont{width:10000000px;}
.rollBox #List1,.rollBox #List2{float:left;}
.rollBox .Cont .pic{ overflow:hidden; position:relative; margin-right:16px; width:288px; height:237px; float:left;}
.rollBox .Cont .pic p{ width:288px; height:237px;position:absolute; top:-237px; left:-288px; background:rgba(0,0,0,.4); font-size:25px; color:#FFF; text-align:center;
 transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s; line-height:237px;

}
.rollBox .Cont .pic:hover p{ top:0; left:0;}
.rollBox .Cont .pic img{ width:288px; height:237px;}

.about{ width:100%; float:left; margin-top:66px;}
.aboutw{ width:584px; float:left;}
.about_p p{font-size:20px; color:#d30000; margin-botom:10px; font-weight:bold;}
.about_p{ font-size:14px; color:#515050; line-height:2;}
.about_p a{ background:#d30000; color:#FFF; padding:10px 20px; }
.demo{ width:100%; margin-top:20px}
.demo li{ float:left; width:194px; text-align:center}
.demo li span{ font-size:30px; color:#d30000; font-weight: bold; display:block;}
.demo li p{ font-size:14px; color:#515050;}
.video{ width:577px; height:344px; background:url(../Image/video.jpg); float:right; margin-top:} 

.jion{ width:100%; overflow:hidden; float:left; margin-top:57px}
.jionbt{ width:100%; height:81px; background:url(../Image/jionbt.png) center no-repeat;}
.jion ul{ width:105%; margin-top:26px;}
.jion li{ width:255px; line-height:2; height:344px; text-align:center; margin-top:20px; float:left; margin-right:37px;}
.jion li p{ width:255px; height:314px;display: table-cell;
vertical-align:middle;
/*设置水平居中*/
text-align:center;}
.jion li img{ width:255px;vertical-align:middle; height:314px;}

.news{ width:100%; float:left; margin-top:30px;}
.newsbt{ width:100%; overflow:hidden; height:89px; background:url(../Image/newsbt.png) center no-repeat;}
.news ul{ width:105%; float:left; margin-top:40px;}
.news li{ width:379px; float:left; margin-right:31px;}
.news li dd{ width:379px; height:197px; background:url(../Image/newsp.png) center no-repeat;}
.news li dd img{ width:357px; height:170px; margin:15px 0 0 11px;}
.news li p{ font-size:14px; color:#888888; line-height:2;}
.news li font{ font-size:16px; color:#333333;}
.news li span{ font-size:14px; color:#888888;}
.news li:hover p{ text-decoration:underline;}
.footer{ height:195px; background:#3a3a3a; margin-top:80px;}
.footl{ float:left;}
.fnav{ margin-top:10px; font-size:16px; color:#fefefe; line-height:3;}
.fnav li{ width:138px; float:left;}
.fnav li:hover{ text-decoration:underline;}
.ftel{ font-size:14px; color:#fefefe; line-height:2; margin-top:20px;}
.admin{ font-size:14px; color:#fefefe; margin-top:20px;}
.ewm{ float:right; margin-top:33px;}
.side{ width:295px; float:left;}
.stel{ width:294px; height:155px; background:url(../Image/ftel.png) center no-repeat; float:left; margin-top:20px;}
.stel p{ font-size:25px; color:#3a3a3a; font-weight:bold; float:left; margin:27px 0 0 81px;}



.nmainr{width:866px; height:auto; overflow:hidden; float:right; margin-top:40px;}
.nbt{ width:100%; height:39px;line-height:39px; border-bottom:1px solid #d2d2d2;}
.nbt p{ font-size:20px; color:#d30000; font-weight:bold; float:left; line-height:39px;}
.nbt span{ font-size:14px; color:#3a3a3a; float:right; line-height:39px;}

.npro{ width:100%; margin-top:30px; }
.npro ul{ width:115%;}

.npro li{ float:left; text-align:center; width:276px; height:219px; position:relative; margin-right:19px;}
.npro li p{ font-size:14px; color:#000000; text-align:center; line-height:2;}
.npro li img{width:274px; height:181px; border:1px solid #d2d2d2;}
.npro li:hover img{border:1px solid #1a61a6;}
.njion ul{ width:105%; margin-top:30px;}
.njion li{ width:255px; line-height:2; height:344px; text-align:center; margin-top:20px; float:left; margin-right:37px;}
.njion li p{ width:255px; height:314px;display: table-cell;
vertical-align:middle;
/*设置水平居中*/
text-align:center;}
.njion li img{ width:255px;vertical-align:middle; height:314px;}




.page{ text-align:center; margin-top:20px;}
.neirong{ width:95%; margin:20px auto;}
#prev_next{ width:100%; margin-top:80px; border-top:1px dashed #CCCCCC; padding-top:10px;}

.nnews{width:100%; margin-top:30px;}
.nnews li{ width:100%; margin-bottom:30px; float:left; position:relative;}
.nnews li span{ width:20%; padding-top:3.5%; line-height:1; float:left; font-size:48px; color:#4a4a4a; display:block; text-align:center;}
.nnews li span font{font-size:13px; border-top:1px solid #CCC;}
.nnews li img{ width:20%; float:left; position:absolute; height:100%; top:0; left:20%;}
.nnews li p{ background:#eeeeee; width:50%;padding:1% 5%; font-size:14px; color:#6d6d6d; line-height:1.5; float:right; position:relative;}
.nnews li p font{ font-size:16px; color:#6d6d6d; display:block; margin-bottom:10px; font-weight:bold;}
.nnews li p i{ color:#c2996d; font-weight:bold; display:block; font-style:normal;}
.nnews li:hover p{ background:#c2996d; color:#FFF;}
.nnews li:hover p font{ color:#FFF;}
.nnews li:hover p i{ color:#fff;}

#nkefu{ width:100%; margin:30px auto ; float:left;}
#nkefu li{ width:30%; float:left; margin-right:3%;}
#nkefu li p{ float:left; width:15%; float:left;}
#nkefu li p img{ float:left; width:100%;}
#nkefu li dd{ width:80%; float:right;
    font-size: 14px; line-height:2;
    color: #929292;
}
#nkefu li dd span{display: block;
    font-size: 1.4rem;
    color: #1e1e1e;
    margin-bottom: 5px;}