@charset "utf-8";
/* CSS Document */

.xinfoot01{  margin:0 auto; background-color:#eeeeee; padding:50px 0; display:none;}
.bianse{ width:1240px; margin:0 auto;}
.bianse ul{ width:100%; height:212px; overflow:hidden}
.bianse ul li { width:405px; float:left; background-color:#ffffff;box-shadow:2px 5px 2px rgba(97,123,132,0.7);box-sizing:border-box; overflow:hidden; padding:70px 0; position:relative}
.baise h2{ width:60px; float:left; margin-left:80px; display:inline}
.baise h1{ width:230px; float:left; margin-left:25px; font-size:24px; line-height:30px}
.baise h1 span{ font-weight:normal; font-size:16px; display:block; padding-top:5px}
.bianse ul li+li{ margin-left:7px; display:inline}
.bianse ul+ul{ margin-top:7px;}
.huise{ position:absolute; top:0; left:0; overflow:hidden; height:100%; width:100%; box-sizing:border-box; background-color:#506060; color:#FFF; padding-top:30px}
.huise h3{ width:30px; float:left; font-size:26px; text-align:justify; margin-left:35px; display:inline; line-height:1.1; color:#9abdbf; border-right:2px solid #9abdbf}
.huise h4{ width:220px; float:left; margin-left:35px; display:inline; overflow:hidden}
.huise h4 span{ width:50%; float:left; font-size:20px; line-height:30px; margin-top:25px; color:#FFF;}
.huise h5{ width:95%; text-align:right; padding-right:5%; margin-top:30px; color:#9abdbf; font-size:16px}
.shense{ background-color:#313b3c}

.new_foot{  margin:0 auto; background-color:#ffffff; padding:30px 0; border-top:2px solid #cee2e3;}
.di{width:1240px; margin:0 auto; overflow:hidden}
.left_di{ width:740px; float:left; overflow:hidden}
.left_di h1{width:375px; float:left}
.left_di h2{ width:250px; float:right; overflow:hidden; margin-top:45px}
.left_di h2 a{ display:block; width:120px; color:#446286; float:left; height:22px; line-height:22px; font-size:20px; font-weight:bold; text-align:center;box-sizing:border-box}
.left_di h2 a+a{ border-left:2px solid #446286; }
.left_di p{ text-align:center; font-size:18px; line-height:40px; margin-top:50px}

.di_right{ width:470px; float:right; padding-top:50px}
.di_right h1{ font-size:16px; height:20px; line-height:20px; }
.di_right h1 span{ padding-left:50px}
.di_right p{ text-align:center; font-size:18px; line-height:40px; margin-top:60px; font-weight:bold; color:#313b3c}


/*新版*/
ol, ul, li { list-style: outside none none; padding: 0px; }
a { text-decoration: none; }
a:focus { outline: medium none; }
img { border: medium none; }
.bottom_nav { width:100%; max-width:1440px; margin:0 auto; background: #eee; padding: 40px 0 30px 0; }
.warp { width: 1100px; margin: 0px auto; position: relative; }
.warp ul { width: 1100px; margin: 0px auto; }
.warp ul:after{ content:""; display:block; clear:both;}
.warp ul li { width: 220px; float: left; text-align: center; }
.warp ul li a {  }
.warp ul li a .circle { position: relative; width: 170px; height: 171px; margin: 0px auto; }
.warp ul li a .circle .ico1 { width: 100%; height: 100%; transition: all 0.3s ease 0s; }
.warp ul li a .circle .ico2 { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; opacity: 0; transition: all 0.3s ease 0s; transform: scale(0.5); }
.warp ul li a:hover .circle .ico1 { opacity: 0; transform: scale(1.5); }
.warp ul li a:hover .circle .ico2 { opacity: 1; transform: scale(1); }
.warp ul li a .txt { padding-top: 30px; }
.warp ul li a .txt h3 { font-size: 20px; color:#656565; margin-bottom: 1px; font-weight:normal; line-height:32px;}
.warp ul li a .txt h4 { font-size: 16px; color:#656565; text-transform: uppercase; font-weight:normal;}
.warp ul li a .txtxt { padding-top: 30px; }
.warp ul li a .txtxt h3 { font-size: 20px; color:#656565; margin-bottom: 1px; font-weight:normal; line-height:32px;}
.warp ul li a .txtxt h4 { font-size: 16px; color:#656565; text-transform: uppercase; font-weight:normal;}
.newfo_ewm{ width:164px; height:166px; margin:0 auto 0; display:none; padding-top:15px;}
.warp ul li a:hover .newfo_ewm{ display:block;}