@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0; list-style:none}
body{ font-family:'微软雅黑'; font-size:14px;}
a{ color:#333; text-decoration:none}
img{ border:0}

.w1200{ margin:0 auto; width:1200px;}
.h_title{ text-align:center; }
.h_title h2{font-size:34px; color:#666; font-weight:normal}
.h_title p{ font-size:20px; color:#949494; padding-top:5px}

.n_title{ text-align:center}
.n_title h2{ font-size:30px}
.n_title p{ font-size:18px; font-weight:bold; padding-top:10px}

.head{ height:110px;}
.head h1{ float:left; margin-top:10px;}
.head .leg{ float:right; margin-top:40px; transition:all 0.5s}
.head .leg ul{  height: 27px; line-height: 27px;text-align: left; padding: 0 20px 0 10px; font-size: 12px;    border: 1px solid #e4e4e4; overflow:hidden; border-radius:5px; position:relative; transition:all 0.5s}
.head .leg ul img{ vertical-align:middle; margin-right:10px}
.head .leg ul span{ position:absolute; right:0px; top:-1px}
.head .leg ul:hover span img{ transform:rotate(180deg); transition:all 0.5s}

.menu{ height:50px; background:#000}
.menu ul{}
.menu ul li{ float:left; width:120px; text-align:center; margin-right:40px}
.menu ul li a{ display:block; color:#fff; font-size:16px; height:50px; line-height:50px}
.menu ul li a:hover{ background:#C40000}
.menu ul a.active{ background:#C40000}

.banner dl{ position:absolute; left:50%; top:130px}
.banner dl dt{ font-size:40px; font-weight:bold; color:#7986CC}
.banner dl dd{ font-size:40px; font-weight:bold; color:#7986CC}


.youshi{ padding:70px 0}
.youshi .dl{ overflow:hidden; margin-top:20px}
.youshi .dl dl{ text-align:center; float:left; width:25%}
.youshi .dl dl dd{ color:#C40000; font-size:38px; padding-top:5px}
.youshi .dl dl dd p{ font-size:16px; color:#949494; padding-top:10px}

.shuju{ background:url(../images/shuju.jpg) no-repeat center; height:638px;}
.shuju p{ color:#3366FF; font-size:30px; line-height:70px; padding-left:120px;}
.shuju .w1200{ padding-top:150px}

.xitong{ background:url(../images/xitong.jpg) no-repeat center; height:481px;}
.xitong dl{ color:#fff; text-align:center; padding-top:100px}
.xitong dl dt{ font-size:36px; margin-bottom:10px}
.xitong dl dd{ font-size:22px; margin-bottom:10px}
.xitong dl .dd22{  margin-top:40px}

.news{ background:#F4F4F4}
.xinwen{ padding:70px 0}
.xinwen ul{ text-align:center}
.xinwen ul li{ display:inline-block; width:300px; height:390px; margin:20px 27px; background:#fff}
.xinwen ul li dl{ text-align:left}
.xinwen ul li dt{}
.xinwen ul li dd{ padding:15px}
.xinwen ul li p{ padding:0 15px;color: grey; font-size:14px; line-height:24px}
.xinwen ul li a{ font-size:16px;}

.foot{ background:#64B5F6; border-top:2px solid #F13A3A}
.foot p{ line-height:70px; font-size:12px}

.about1{ padding-top:60px;}
.about1 ul{ padding:40px 0 30px 0}
.about1 ul li{ line-height:40px; font-size:16px; margin-left:110px}
.about1 dl{ overflow:hidden}
.about1 dl dt{ float:right}
.about2{ margin-top:20px}
.about2 dl{ font-size:16px; color:#666666; line-height:30px; text-align:center; padding-top:15px; margin-bottom:10px}
.about2 dt{}

.buju{ padding:30px 0; text-align:center}
.buju dl dt{ padding:20px 0}

.team{ overflow:hidden}
.team .dl2{ overflow:hidden; width:1000px; margin:70px auto}
.team .dl2 .ddl2{ float:right; width:287px;}
.team .dl2 dl{}
.team .dl2 dl dt{ float:left; margin-right:30px; margin-bottom:5px}
.team .dl2 dl dd{ font-size:18px;}
.team .dl2 dl p{ color:#555555;    line-height: 26px;    display: table-row;}

.rencai{ padding:50px 0}
.rencai .img{ margin-top:30px; text-align:center}

.dl3{ overflow:hidden; text-align:center}
.dl3 dl{ width:300px; margin:40px 30px; display:inline-block; text-align:left}
.dl3 dl dt{ margin-bottom:10px}
.dl3 dl a{ font-size:18px;}
.dl3 dl a:hover{ color:#F13A3A}
.dl3 dd{ padding:10px 0}
.dl3 p{font-size: 14px; line-height: 24px;  color: grey;}
.message{ padding:50px 0; color:#666; font-size:16px;}
.message p{ padding:0 0 40px 60px}
.message ul{ overflow:hidden; margin-left:60px;}
.message ul li{ float:left; width:380px; margin-bottom:20px}
.message li input{ width:250px; height:35px; box-sizing:border-box; padding-left:10px; margin-right:40px; border:1px solid #dadada}
.message li span{ float:left; display:block; line-height:35px}
.message textarea{ width:250px; box-sizing:border-box; height:100px; border:1px solid #dadada}
.message #tj{ line-height:44px; height:44px; width:240px; background:url(../images/red_middle.png) repeat; border:0; color:#fff; cursor:pointer; border-radius:3px}

.map h3{ border-bottom:1px solid #EAEAEA; color:#f13a3a; padding-bottom:10px; margin-bottom:10px; position:relative}
.map h3 span{ display:block; position:absolute; left:0; width:70px; height:1px; bottom:0; background:#f13a3a}
.map ul{ padding:50px 0}
.map ul li{ font-size:16px; line-height:30px}

.article{ padding:40px 0}
.article .title{ border-bottom:1px solid #F0EFEF;}
.article .title h3{font-size: 25px; color: #333; padding-bottom:15px; font-weight:normal}
.article .view{ font-size:16px; color:#676767; line-height:26px; padding:20px 0}
.article .view p{font-size:16px; color:#676767; line-height:26px;}
.article .view div{font-size:16px; color:#676767; line-height:26px; }

.shangxia{ border-top:1px dashed #F0EFEF; padding-top:15px;}
.shangxia p{ line-height:30px;}
.shangxia p a{ color:#666}

@media screen and (max-width: 768px) {
   .menu{ width:1200px !important}
}