#wrap {width:100%;}
/*header*/
.header {position:relative;}
.head_t {position:relative; width:1200px; margin:0 auto; height:130px;}
.logo {background:url(../images/logo.jpg) no-repeat 0 center; background-size:520px 77px; float:left;}
.head_t span {width:520px; display:block; height:130px;}
.tel {background:url(../images/tel.jpg) no-repeat center right; background-size:228px 69px; float:right;}
.head_c {background:#0054a5; height:60px; width:100%;}
.nav {width:1200px; margin:0 auto;}
.head_c ul li {float:left; line-height:40px; font-size:16px;}
.head_c ul li a{color:#fff; display:block; padding:10px 53px}
.head_c ul li a:hover{color:#fff; background:#d60a0b; -webkit-box-shadow:0px 0px 15px #fff;-moz-box-shadow:0px 0px 15px #fff;box-shadow: 0px 0px 10px #ccc;}
.head_b img {width:100%; height:auto;}
.head_b {position:relative;}
.gonggao {position:absolute; width:1200px;background:url(../images/news_bg.png) repeat-x; height:40px; bottom:4px; margin-left:-600px; left:50%;}
.gonggao ul {background:url(../images/laba.png) no-repeat 35px center; background-size:18px 20px; padding:0 0 0 80px;}
.gonggao ul li {width:550px; float:left; line-height:40px;}
.gonggao ul li a{color:#545454}
.gonggao ul li a:hover{color:#0054a5}
.gonggao ul li span{float:right; padding:0 80px 0 0;}
.contents {}
.about {width:1200px; margin:0 auto;}
.about h2 {background:url(../images/about_tit.png) no-repeat center 20px; background-size:342px 100px; width:1200px; height:40px; padding-top:130px; text-align:center; color: #0c4dc1; font-weight:bold; font-size:16px;}
.about h3 {background:url(../images/case_tit.png) no-repeat center 20px; background-size:342px 100px;
    width:1200px; height:0px; padding-top:130px; text-align:center; color:red; font-weight:bold; font-size:16px;}
.about_box p {float:left;width:830px; padding:20px 0; border-top:5px solid #ccc; border-bottom:5px solid #ccc; line-height:30px; font-size:14px; margin-right:50px;}
.about_box img {width:300px; height:230px;}
.yeji {width:100%; background:url(../images/yeji_bg.jpg) no-repeat; background-size:1920px 640px; height:640px; margin-top:50px; }
.yeji_box {width:1200px; margin:0 auto;}
.yeji_l {width:300px; float:left;height:570px;margin-right:25px;margin-top: 10px}
.yeji_l h2 {height:100px; line-height:120px;text-align:center; font-size:18px; color:#fff;}
.yeji_l p {padding:20px; text-indent:2em; line-height:30px;color:#fff;}
/*.yeji_l a {width:120px; height:40px; line-height:40px; margin:0 auto; display:block; */
    /*text-align:center; border: 1px solid #fff; color:#fff; margin-top:10px;}*/
.yeji_r {width:870px;}
.yeji_r ul li { width:290px;  float:left;margin:20px 0 0px}
.yeji_r ul li img {width:265px; height:255px; padding:2px; border:1px solid #000000;background:#fff;}
.yeji_r ul li img:hover {filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.yeji_r ul li p {text-align:center; color:#545454; line-height:30px;}
.yeji_r ul li a {display:block;}
.news {margin:40px auto;width:1200px; }
.xinwen {width:580px; float:left;}
.xinwen a:hover {color:#0054a5}
.xinwen h2 {line-height:40px; padding:0 20px 0px; border-bottom:1px solid #0054a5;color:#545454; font-size:18px;}
.more {color:#545454; font-size:14px;}
.more:hover {color:#0054a5; font-weight:bold;}
.news_box ul li {border-bottom:1px dashed #d2d0d0;}
.news_box ul li img{width:115px; height:90px; float:left; margin:18px;}
.news_box ul li div {margin:15px 0 10px; float:left; width:420px;}
.news_box ul li div h3 {color:#31332e; font-size:16px; font-weight:bold; line-height:30px;}
.news_box ul li div p {color:#545454; line-height:20px;}
.news_box ul li div h3:hover {color:#0054a5; }
.yuangong {width:580px;float:right;}
.yuangong a:hover {color:#0054a5}
.yuangong h2 {line-height:40px; padding:0 20px 0px; border-bottom:1px solid #0054a5;color:#545454; font-size:18px;}
.yg_main {border-bottom:1px dashed #d2d0d0; margin:9px 20px 20px; padding:0 0 20px}
.yg_main h3 {font-size:18px; color:#1c80e0; line-height:40px;}
.yg_main p { color:#545454;}
.yg_list ul li {padding:5px 20px 5px;}
.yg_list ul li a {padding-left:15px; color:#545454}
.link {background:url(../images/link.jpg) no-repeat 0 center; background-size:10px 30px; width:1170px; margin:0 auto 20px;padding-left:30px; height:50px; line-height:50px;}
.link span {color:#0c4dc1; font-weight:bold;}
.link a {display:inline; padding:0 10px; color:#545454;}
.link a:hover {display:inline;  color:#0c4dc1;}
.footer {width:100%; background:#1c80e0; text-align:center; padding:50px 0 0;color:#fff; }
.fw_tel {font-size:28px;  margin-bottom:30px}
.tel_box span{ padding:20px;}
.bq {width:100%; background:#053f77; padding:10px 0}

/* 本例子css */
.focusBox { position: relative; width:100%; height:auto; overflow: hidden; }
.focusBox .pic img { width:100%; height:450px; display: block; }
.focusBox .hd { overflow:hidden; zoom:1; position:absolute; bottom:5px; right:10px; z-index:3}
.focusBox .hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:25px; height:10px; cursor:pointer; overflow:hidden; background:#919191; margin-left:4px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease }
.focusBox .hd .on{ background:#fff; filter:alpha(opacity=100);opacity:1;   }

.focusBox .prev,
.focusBox .next { width:45px; height:99px; position:absolute; top:150px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.focusBox .prev { background-image:url(../images/index.png); background-position:-112px 0; left:0 }
.focusBox .next { background-image:url(../images/index.png); background-position:-158px 0; right:0 }
.focusBox .prev:hover,
.focusBox .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6 }


.picMarquee-left{ width:1200px;  overflow:hidden; position:relative;  border:1px solid #ccc;   }
.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
    cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.picMarquee-left .hd .next{ background-position:0 -50px;  }
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
.picMarquee-left .bd{ padding:10PX 5px;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:220px; height:180px; display:block; padding:2px; border:1px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:24px;}
.yeji_l li{height: 80px;margin-top: 10px;color: white;line-height: 80px;padding-left: 20px;font-size: 18px;background:#0054a5;}
.cplist{height: 80px;color: white;line-height: 80px;padding-left: 20px;font-size: 22px;}
.yeji_l li:hover{background:#082551 }
.news_box ul{padding-top: 20px}
.news_box ul li{height: 40px;line-height: 40px;font-size: 16px;color: #000;border-bottom: 1px dashed #ccc}
.news_box ul li a{color: #000;}
.news_box ul li span{font-size: 14px}
.cBody{width: 1200px;height: auto;overflow: hidden;min-height: 500px;margin: 50px auto}
.cBody .cBodyLeft{height: auto;width: 250px;float: left;border: 0px solid #ccc;min-height: 100px;}
.cBody .cBodyRight{height: auto;width: 900px;float: right;border: 0px solid #ccc;}
.cBody .cBodyLeft ul .pp{height: 50px;line-height: 50px;color:#0054a5;border-bottom: 1px solid #ccc;font-size: 18px;font-weight: bolder;}
.cBody .cBodyLeft ul .pp span{height: 49px;display: inline-block;border-bottom: 3px solid #0054a5;padding:0px 15px}
.cBody .cBodyLeft ul li{height: 35px;line-height: 40px;padding-left: 25px;border-bottom: 0px dashed #ccc;font-size: 16px}
.cBody .cBodyLeft ul li i{margin: 0 10px 0 0}
.cBody .cBodyLeft ul a{color: #000}
.cBody .cBodyLeft ul a:hover{color: #0c4dc1;}
.cBody .cBodyLeft ul:nth-child(2){margin-top: 50px}
.cBody .cBodyLeft ul:nth-child(2) li{padding-left: 0px}
.cBody .cBodyLeft ul:nth-child(2) li:nth-child(2){margin-top: 15px}
.cBodyRight .pp{height: 50px;line-height: 50px;color:#0054a5;border-bottom: 1px solid #ccc;font-size: 18px;font-weight: bolder;}
.cBodyRight .pp span{height: 49px;display: inline-block;border-bottom: 3px solid #0054a5;padding:0px 15px}
.rightDetial{padding: 15px;margin-top: 10px;height: auto;overflow: hidden}
.rightDetial li{height: 40px;line-height: 40px;border-bottom: 1px dashed #999999}
.rightDetial .right{float: right}
.rightDetial li a{color: #000}
.rightDetial li a:hover{color:#0054a5 }
.plist{width: 250px;height: 220px;float: left;border: 0px solid #ccc;margin: 10px 19px}
.rightDetial .plist p{line-height: 30px;font-size: 14px;text-align: center;border-bottom: 0px}
.rightDetial .plist a:hover{color: #000}
.detop{text-align: center}
.detop h3{font-size: 16px;font-weight: bolder;margin: 10px}
.detop h5{margin-bottom: 20px}
.cfl a{color: #fff}
.bq img{display: inline;vertical-align: middle}.bq a{color: #fff}