
@charset "utf-8";
body,dd,dl,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,ol,p,select,td,textarea,th,ul{margin:0;padding:0;}
fieldset,img{border:0;}
img{vertical-align:middle;}
li,ol,ul{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{margin:0;outline:0;border:none;font-size:12px;font-family:inherit;resize:none;}
.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:".";}
.clearfix{zoom:1;}
html{overflow:-moz-scrollbars-vertical;overflow-x:hidden;overflow-y:scroll;zoom:1;verflow:-Scroll;}
body{color:#666;font-size:14px;font-family:microsoft yahei,simsun,Arial,Helvetica,sans-serif;line-height:24px;}
a{outline:0;color:#666;text-decoration:none;blr:expression(this.onFocus=this.blur());transition:all ease .3s}
a:hover{text-decoration:none;color:#0f5aa5}
:focus{outline:0}
img{transition:all .5s}
i{font-style:normal}
.pl20{padding-left:20px}
.ttan{text-align:right}
.fl{float:left}
.fr{float:right}
.w1200{width:1200px;margin:0 auto}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb25{margin-bottom:25px}
.mb80{margin-bottom:80px}
.center{text-align:center}
.hide{overflow:hidden}
.erp{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plr20{padding:0 20px}
.pb42{padding-bottom:42px}
.mb20{margin-bottom:24px}
.mb30{margin-bottom:30px}
.mr30{margin-right:30px}




.h_nav li a:-webkit-any-link{ display:block;}

.h_top{height:32px;line-height: 32px;font-size: 12px;color: #7d7d7d;}

/*头部*/
.header{background-color: #eee;}
.header .header-t{height:128px;position:relative;z-index: 666; }
.header .header-t .logo{float:left;margin-top:32px;line-height:0;padding-right:26px;border-right:1px solid #E5E5E5;margin-right: 24px;}
.header .header-t .logo img{display:block;width:279px;height:65px;}
.header .header-t .slogan{float:left;}
.header .header-t .slogan b{font-size:26px;font-weight:bold;line-height:26px;color:#333333;margin-top:34px;display:block;}
.header .header-t .slogan span{display:block;font-size:18px;line-height:18px;color:#333;margin-top:40px;letter-spacing:7px;}
.header .header-t .sslogan{float:left; margin: 30px 0 0 40px; font-size: 12px; width: 60px;}
.header .header-t .sslogan a{float:left; /*text-align: center;*/ }
.header .header-t .sslogan a img{ height:40px; margin: 0 20px;}
.header .header-t .sslogan a i {display:none;}
.header .header-t .sslogan a:hover i {display:block;}
.header .header-t .sslogan a i img{height: 300px;position: fixed;}
.header .header-t .sslogan .as{display:block;text-align: center;}
/*.header .header-t .sslogan .ssloganimg{margin-top:10px;}*/
.header .header-t .h-tel{float:right;text-align:left;margin-top:31px;}
.header .header-t .h-tel span{display:block;background-image:url('../images/h-tel.png');background-repeat:no-repeat;background-position:left center;background-size:auto auto;padding-left:35px;font-size:18px;font-weight:lighter;line-height:28px;color:#666666;height:28px;}
.header .header-t .h-tel b{display:block;font-size:26px;font-weight:bold;line-height:26px;color:#0f3c8b;margin-top:6px;}
.header .header-t:after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.header .header-b{background:#0f3c8b;}
.header .header-b ul{width:1200px;margin:0 auto;font-family:"Microsoft Yahei";}
.header .header-b ul > li{float:left;display:inline;position:relative;}
.header .header-b ul > li a{display:block;font-size:16px;font-weight:bold;line-height:70px;color:#ffffff;height:70px;padding:0 42px;position:relative;z-index:1;}
.header .header-b ul > li:before{content:"";display:block;width:100%;height:0%;position:absolute;left:0;top:0;transition:.35s;}
.header .header-b ul > li:after{content:"";display:block;width:1px;height:13px;background:rgba(255,255,255,0.2);position:absolute;right:0;top:30px;}
.header .header-b ul > li.cur:before,.header .header-b ul > li:hover:before{height:100%;}
.header .header-b ul > li.cur:after,.header .header-b ul > li:hover:after{display:none;}
.header .header-b:after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}

.header .header-b .erj{position: absolute;width: auto;background: #fff;border-top: 1px solid #dfdfdf; display:none; z-index:100;min-width: 220px;padding-top:10px;padding-bottom:10px;}
.header .header-b .erj li{display:block;float:none;white-space: nowrap;}
.header .header-b .erj a{font-size:14px;color:#001f6a;background: none;padding:0 20px;display: block;line-height: 42px;border-bottom: 1px dashed #dfdfdf; height:42px;}
.header .header-b .erj li:last-of-type a{border-bottom:none;}

.header .header-b li:hover .erj{display:block;}
.header .header-b li .erj a:hover,.header .header-b li .erj a.cur{background:#08258b;color: #fff !important;}
i, em {
  font-style: normal;
}


.banner{position:relative}
.banner .bd{position:relative;text-align:left;width:1920px;left:50%;margin-left:-960px}
.banner ul li a img{margin:0 auto;display:block;height:650px}
.banner .hd,.hdIcon{position:absolute;bottom:50px;text-align:center;z-index:5;left:50%;font-size:0;line-height:0;height:0;margin-left:-30px;height:14px}
.banner .hd li,.hdIcon li{z-index:2;cursor:pointer;margin-right:5px;display:inline-block;width:15px;height:15px;zoom:1;border-radius:100%;position:relative;transition:all .3s}
.banner .hd li:after,.hdIcon li:after{content:"";position:absolute;width:5px;height:5px;background:#fff;top:5px;left:5px;border-radius:100%}
.banner .hd .on,.banner .hd li:hover,.hdIcon .on,.hdIcon li:hover{border:2px solid #fff;transform:scale(1.1)}
.breadCrumb{background:rgba(0,0,0,.7)}
.breadCrumb i{display:inline-block;background:url(../images/dingwei.png) no-repeat;width:12px;height:14px}

.hTitle{
  height: 68px;
  line-height: 68px;
  font-size: 50px;
  color: #333333;
  padding: 0 21px;
 
  font-weight: bold;
  text-align: center;
  margin-bottom: 35px;



}
.hTitle span{display: block;
  height: 42px;
  line-height: 42px;
  font-size: 18px;
  color: #666666;
  font-weight: normal;}

  .pz{height: 608px;padding-top:40px;}
  .pz dl{width: 590px;height: 328px;margin-top: 50px;}
  .pz dt{float: left;margin:47px 26px 0 27px;}
  .pz dd{float: left;padding: 40px;}
  .pz dd h3{height: 42px;line-height: 42px;margin:46px 0 30px 0;font-size: 26px;color: #fff;text-align: center;}
  .pz dd h3 em{display:inline-block;width: 42px;height: 42px;line-height: 42px;text-align: center;margin:0 5px;font-size: 24px;color: #fff;background: #0d569e;border-radius: 50%;vertical-align: top;}
  .pz dd h3 i{color: #fff;}
  .pz dd b{display:block;font-size: 16px;color: #333;line-height: 16px;padding:20px 0 16px;}
  .pz dd p{font-size: 16px;color: #fff;line-height: 24px;text-align: center;}
  .pz dd .more{display: block;font-size: 14px;color: #333;line-height: 24px;margin-top: 25px;}
  .pz dd .more:hover{color: #0d569e;}
  .pz dl.fl{border-top-right-radius: 20px;background: url(../images/pz_bg1.jpg) no-repeat center;}
  .pz dl.fr{border-top-left-radius: 20px;background: url(../images/pz_bg2.jpg) no-repeat center;}





.solution li{width:298px;height:160px;float:left;text-align:center;border:1px solid #e5e5e5;transition:all .4s;padding-top:40px;background:#fff;position:relative}
.solution li i{display:inline-block;width:50px;height:36px;background-position:0 0;background-repeat:no-repeat;transition:all .5s}
.solution li h4{font-size:24px;color:#333;line-height:24px;font-weight:100;margin:10px 0}
.solution li h4 span{font-size:12px;display:block;opacity:.5}
.solution li .more{margin-top:20px;border-radius:100%;width:13px;height:13px;border:1px solid #bcbcbc;display:inline-block;line-height:11px;font-size:12px;margin:0 auto;color:#d1d1d1}
.solution li:hover i{background-position:0 -36px}
.solution li:hover{background:#0062b0;box-shadow:0 0 10px #ccc;z-index:2}
.solution li:hover h4{color:#fff}
.solution li:hover .more{background:#fff}
.anli{text-align:center;position:relative}
.anli .title h3 i{display:block;width:37px;height:42px;background:url(../images/dianhua2.png) no-repeat;position:absolute;right:30px;top:50px}
.anli h3{padding-left:50px;background:#0f5aa5;color:#fff;font-size:40px;line-height:40px;height:111px;display:inline-block;width:300px;padding-top:50px;font-weight:100}
.anli h3 span{opacity:.5;font-size:14px;color:#fff;display:inline-block}
.anli .title{position:absolute;text-align:left;width:1200px;left:50%;margin-left:-600px;z-index:5}
.anli .title p{font-size:28px;font-weight:900;line-height:28px;color:#fff;float:right;margin-top:40px;text-align:right;margin-right:100px}
.anli .title p span{font-size:12px;display:block;opacity:.5}
.anli .bd li a{display:inline-block}
.anli .bd li img{position:relative;left:50%;margin-left:-960px}
.anli .bd li h4{color:#0f5aa5;font-size:26px;margin-bottom:50px}
.anli .bd li .futitle{width:350px;position:absolute;top:304px;left:50%;margin-left:196px;text-align:left}
.anli .bd li .futitle p{color:#424242;font-size:14px;margin-bottom:60px;text-overflow:ellipsis;overflow:hidden}
.anli .hd li{height:96px;border-left:1px solid#ccc;font-size:16px; display:table-cell; text-align:center}
.anli .hd li a{display:block;line-height:96px;color:#191919;vertical-align:middle;text-align:center}
.anli .hd{overflow:hidden;position:absolute;bottom:16px;left:50%;margin-left:-600px;background:#fff; width:1200px; display:table}
.anli .hd span{display:block;font-size:12px;color:#999}
.anli .hd li:hover a{background:#0364b1;color:#fff}
.anli .hd .on,.anli .hd .on a{background:#0364b1;color:#fff}
.things ul li{float:left}
.things li:hover .pImg:before{transform:perspective(200px) rotateX(0)}
.things li .pImg:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(3,90,167,.7);transition:all .25s;transform:perspective(400px) rotateX(-90deg);-moz-transform:perspective(400px) rotateX(-90deg);-webkit-transform:perspective(400px) rotateX(-90deg);-o-transform:perspective(400px) rotateX(-90deg);transform-origin:top;z-index:2}
.things li a{display:block;position:relative;background:#fff}
.things li .pImg{position:relative;display:block;overflow:hidden;height:142px}
.things li:hover img{transform:scale(1.1)}
.things li img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .5s}
.things li:hover .pImg i{transition-delay:.1s;margin-top:-40px;opacity:1}
.things li .pImg i{position:absolute;width:90%;height:90%;top:0;opacity:0;background:url(../images/icon1.png) no-repeat 0 140px;transition:all .4s;z-index:3;text-align:left;padding-top:60px;color:#fff;font-style:normal;margin:0 10px;font-size:13px}
.things li{float:left;width:240px;padding-right:10px;margin-bottom:10px;box-sizing:border-box;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;padding:0 30px}
.things li .shuzhi{display:inherit;line-height:90px;font-size:90px;color:#e4e4e4;margin-bottom:35px}
.things li h4{font-size:26px;line-height:26px;color:#333;font-weight:100;margin-bottom:15px;position:relative}
.things li h4:after{content:"";width:1px;height:30px;background:#0364b1;position:absolute;left:-31px}
.things li h5{font-weight:100;font-size:13px;color:#7a7a7a;line-height:13px;opacity:.5;margin-bottom:50px}
.things li:hover .shuzhi,.things li:hover h4,.things li:hover h5{color:#0364b1}
.things{margin-bottom:74px}
.about{background:url(../images/bgtu.png) no-repeat center}
.about .center .sousuo{color:#006cc2;padding-top:50px;display:block;padding-bottom:80px}
.about .center p{font-size:14px;color:#333}
.company .nav{margin-bottom:50px}
.company .nav li{float:left}
.company .nav li a{width:299px;height:76px;display:block;line-height:76px;text-align:center;border-top:1px solid #0364b1;border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0;font-size:16px;color:#191919}
.company .nav li a:hover{background:#0364b1;color:#fff}
.company .nav .on a{background:#0364b1;color:#fff;border-left:1px solid #0364b1}
.company .banners .bd ul li{width:492px}
.company .banners{position:relative;width:492px}
.company .banners .bd{width:492px}
.company .banners .hd,.hdIcon{position:absolute;bottom:80px;text-align:center;z-index:5;font-size:0;line-height:0;height:0;margin-left:-30px;height:14px}
.banners .hd{position:absolute;bottom:10px;right:10px;z-index:3}
.banners .hd li{float:left;width:10px;height:10px;background:#fff;border:1px solid #ddd;margin:0 5px;transition:all .3s;cursor:pointer;font-size:0;line-height:0;border-radius:100%}
.banners .hd li.on{background:#0364b1;border:1px solid #0364b1}
.banners .bd h3{font-size:16px;color:#fff;font-weight:100;background:#0364b1;padding:10px 20px}
.banners .bd h3 span{color:#94bee0;font-size:12px;display:block}
.company .lists li{border-top:1px solid #d7d7d7;float:left;width:660px;margin-left:30px}
.company .lists li .smimg{display:block;height:98px;float:left;margin-right:30px}
.company .lists li .smimg img{height:98px}
.company .lists li a:hover h3{color:#0f5aa5}
.company .lists li a h3{color:#191919;font-size:16px;margin:30px 0 5px;font-weight:100}
.company .bd li a>span{display:block;width:492px;height:370px;overflow:hidden}
.company .lists li h4{display:block;font-size:12px;color:#666;font-weight:100;margin-bottom:10px}
.company .lists li span{font-size:12px;color:#666}
.company li:hover img{transform:scale(1.1)}
.banners .yc{display:block}
.banners .yc img{width:492px}
.partners ul li{float:left;width:210px;height:90px;background:#fff}
.partners ul li a{display:inherit;text-align:center;line-height:90px}
.partners{background:url(../images/bg_ss.png) no-repeat center;padding-bottom:80px}
.partners li:hover .pImg:before{transform:perspective(200px) rotateX(0)}
.partners li .pImg:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(3,90,167,.7);transition:all .25s;transform:perspective(400px) rotateX(-90deg);-moz-transform:perspective(400px) rotateX(-90deg);-webkit-transform:perspective(400px) rotateX(-90deg);-o-transform:perspective(400px) rotateX(-90deg);transform-origin:top;z-index:2}
.partners li:hover .pImg i{transition-delay:.1s;margin-top:-40px;opacity:1}
.partners li .pImg i{position:absolute;width:90%;height:90%;top:0;opacity:0;background:url(../images/icon1.png) no-repeat bottom center;transition:all .4s;z-index:3;text-align:center;padding-top:22px;color:#fff;font-style:normal;margin:0 10px;font-size:13px;left:0}
.partners li .pImg{width:210px;height:90px;position:relative;display:block;overflow:hidden}
.partners li .pImg img{width:210px;height:90px}
.chakangd{text-align:center;display:block;color:#006cc2}
.bottom{background:#383838;margin-top:100px}
.bottom .tetle ul{float:left;width:130px}
.bottom .tetle ul{padding-top:80px}
.bottom .tetle ul .datitle{margin-bottom:40px}
.bottom ul .datitle a{color:#fff;font-size:16px}
.bottom ul li a{font-size:12px;color:#b7b7b7}
.bottom ul li a:hover{color:#fff}
.bottom .tetle{float:left;border-left:1px solid #4c4c4c;border-right:1px solid #4c4c4c;width:745px;padding-bottom:40px}
.bottom .tetle .ul1{padding-left:80px}
.bottom .lianxi{width:452px;float:left;position:relative;padding-top:70px;border-right:1px solid #4c4c4c;padding-bottom:50px}
.bottom .lianxi .lx{margin-left:74px;color:#b7b7b7;margin-top:30px;margin-bottom:25px}
.bottom .lianxi .lx a{color:#b7b7b7}
.bottom .lianxi .lx a:hover{color:#fff}
.bottom .lianxi .dh{color:#b7b7b7;font-size:12px;margin-left:125px}
.bottom .lianxi .dh span{display:block;color:#fff;font-size:28px;font-weight:900}
.bottom .lianxi .icon_dh{display:block;width:37px;height:42px;background:url(../images/bottomdh.png) no-repeat;position:absolute;top:78px;left:74px}
.bottom .lianxi .icon .ggh{display:inline-block;width:25px;height:25px;background:url(../images/ggh.png) no-repeat;margin-right:10px;position:relative}
.bottom .lianxi .icon .ggh img{position:absolute;left:-120px;top:-36px;opacity:0}
.bottom .lianxi .icon .ggh:hover img{opacity:1}
.bottom .lianxi .icon .wb{display:inline-block;width:25px;height:25px;background:url(../images/wb.png) no-repeat}
.bottom .lianxi p{font-size:12px;margin-left:80px}
.bottom .link ul li{float:left;font-size:12px}
.bottom .link{height:70px;line-height:70px;border-top:1px solid #4c4c4c;border-left:1px solid #4c4c4c;border-right:1px solid #4c4c4c}
.bottom .link .da{margin-left:80px;color:#fff;margin-right:40px}
.bottom .link .da span{color:#b7b7b7;margin-left:10px}
.bottom .link ul li a{display:initial;padding:0 20px;border-right:1px dashed #4f4f4f}
.bottom .link ul li:last-child a{border-right:0 dashed #4f4f4f}
.list_banner img{position:relative;left:50%;margin-left:-960px;height:600px}
.breadCrumb{position:relative;margin-top:-60px;height:60px;background:rgba(0,0,0,.7);z-index:2;line-height:60px;color:#fff}
.breadCrumb i{margin-right:10px}
.breadCrumb a{margin-right:10px;color:#fff}
.breadCrumb a:hover{color:#0f5aa5}
.listmenu{margin:80px 0;text-align:center}
.listmenu ul li a{font-size:18px;color:#666;background:#fff;width:238px;height:70px;line-height:70px;border:1px solid #ccc;display:block}
.listmenu ul li{float:left}
.listmenu ul li .border{border-left:0}
.listmenu ul .on a{background:#0364b1;color:#fff}
.listmenu ul li a:hover{background:#0364b1;color:#fff}
.back{float:right;background:url(../images/back.png) no-repeat left center;padding-left:20px}
.listTie{line-height:40px;font-size:40px;color:#333;font-weight:100;margin-bottom:40px;padding-top:80px}
.listTie span{display:block;font-size:12px;color:#888}
.proList ul{width:1240px}
.proList li{float:left;width:580px;margin-right:20px;overflow:hidden;margin-top:30px}
.proList li:hover img{transform:scale(1.1)}
.proList li h4:hover{color:#0062b0}
.proList li a,.proRight ul li a span{display:inline-block}
.proList li span{display:block;border:1px solid #ccc;border-top:0;padding-top:40px}
.proList li a img{width:580px;height:340px}
.proList li span h4{color:#333;font-weight:100;font-size:20px;margin-bottom:10px}
.proList li span p{width:400px;margin:0 auto;font-size:12px;color:#666}
.proList li span i{display:inline-block;background:url(../images/icon2.png) no-repeat center;width:30px;height:30px;margin:25px 0 40px}
.Theviewbox{width:1233px;margin:0 auto}
.listMain .Theviewul li{float:left;margin:0 22px 25px 0;border:1px solid #f0f0f0}
.listMain .Theviewul li:hover img{transition:all 1s ease 0s;-webkit-transform:scale(1.1)}
.listMain .Theview span img{width:384px;height:300px}
.listMain .Theview li a{display:inline-block}
.Theviewul li:hover p{background:#0364b1;color:#fff}
.listMain .Theview span{display:inline-block;border:1px solid #d7d7d7;transition:all ease .3s}
.listMain .Theview p{padding:30px 0;text-align:center;font-size:18px;color:#666}
.listmenujj{text-align:center;margin:0 auto;margin-top:80px}
.listmenujj ul li a{font-size:18px;color:#666;background:#fff;width:132px;height:70px;line-height:70px;border:1px solid #ccc;display:block}
.listmenujj ul li{float:left}
.listmenujj ul li a{border-left:0}
.listmenujj ul li:first-child a{border-left:1px solid #ccc;}
.listmenujj ul .on a{background:#0364b1;color:#fff}
.listmenujj ul li a:hover{background:#0364b1;color:#fff}
.newsLists{border:1px solid #eaeaea;margin-bottom:40px}
.listMain .newsList .title span{display:inline-block;float:left}
.listMain .newsList .title span img{width:600px;height:460px}
.listMain .newsList .title{display:block}
.listMain .newsList .clicka,.listMain .newsList .time{display:block}
.listmenuzi{margin-top:80px;text-align:center}
.listmenuzi ul li a{font-size:18px;color:#666;background:#fff;width:298px;height:70px;line-height:70px;border:1px solid #ccc;display:block}
.listmenuzi ul li{float:left}
.listmenuzi ul li a{border-left:0}
.listmenuzi ul li:first-child a{border-left:1px solid #ccc;}
.listmenuzi ul .on a{background:#0364b1;color:#fff}
.listmenuzi ul li a:hover{background:#0364b1;color:#fff}
.newsLists .contic .time{margin-left:45px}
.newsLists:hover img{transition:all 1s ease 0s;-webkit-transform:scale(1.3)}
.listMain .newsList .contic{width:460px;float:left;margin:70px 70px 54px}
.listMain .newsList .contic .time{color:#0364b1;font-size:14px;position:relative;transition:all .5s}
.listMain .newsList .contic .time:after{content:"";width:35px;height:1px;color:#0364b1;position:absolute;left:-40px;border-bottom:1px solid #0364b1;top:10px;transition:all .5s}
.listMain .newsList .contic h3{margin-bottom:30px;font-size:24px;color:#333;font-weight:100}
.listMain .newsList .contic p{color:#666}
.listMain .newsList .contic .clicka{width:52px;line-height:50px;text-align:center;color:#fff;display:block;border-radius:25px;width:160px;background:#0364b1;margin-top:40px}
.listMain .newsList li{overflow:hidden;border:1px solid #eaeaea;margin-bottom:20px}
.listMain .newsList li:hover .list{margin-left:20px}
.listMain .newsList li .list{transition:all .5s;width:800px;float:left;padding:45px 5px 30px 50px}
.listMain .newsList li .list .time{font-size:12px;width:120px;line-height:30px;text-align:center;color:#fff;display:block;border-radius:25px;background:#0364b1;margin-top:30px}
.listMain .newsList li .list h3{font-weight:100;font-size:16px;color:#333;margin-top:10px;margin-bottom:10px}
.listMain .newsList li .list p{color:#666;margin-top:10px}
.listMain .newsList li>a{display:inline-block;float:right;padding:30px}
.listMain .newsList li>a img{width:260px;height:196px}
.listMain .newsList li>a>span{display:block;width:260px;height:196px}
.listMain .newsList li .list span{position:relative;transition:all .5s}
.listMain .newsList li .list span:after{content:"";position:absolute;border-bottom:1px solid #eaeaea;width:1px;height:1px;left:0;top:7px;transition:all .5s}
.listMain .newsList li:hover .list span{padding-left:60px}
.listMain .newsList li:hover img{transition:all 1s ease 0s;-webkit-transform:scale(1.3)}
.listMain .newsList li:hover .list span:after{width:50px}
.listmenu{margin:80px 0;text-align:center;margin:0 auto;margin-top:80px}
.listmenu ul li a{font-size:18px;color:#666;background:#fff;width:238px;height:70px;line-height:70px;border:1px solid #ccc;display:block}
.listmenu ul li{float:left}
.listmenu ul li a{border-left:0}
.listmenu ul li:first-child a{border-left:1px solid #ccc;}
.listmenu ul .on a{background:#0364b1;color:#fff}
.listmenu ul li a:hover{background:#0364b1;color:#fff}
.jianjie{background:url(../images/bgguanyu.png) no-repeat center}
.folanry{color:#666;margin-bottom:60px}
.folanry h3 span{display:block}
.folanry p{margin-bottom:10px;line-height:25px;text-align:left}
.folanry h3{font-weight:100;font-size:14px;margin-bottom:15px}
.cpy{background:url(../images/qiyelinian.png) no-repeat center;height:793px}
.cpy li{width:386px;background:#fff;text-align:center;float:left;margin-right:20px;transition:all ease .3s}
.cpy li:hover{margin-top:30px}
.cpy li .bt{font-size:30px;color:#0364b1;line-height:30px;margin-top:15px;position:relative}
.cpy li .bt:after{content:"";height:1px;width:30px;border-bottom:2px solid #0364b1;position:absolute;bottom:0;left:176px}
.cpy li .bt span{font-size:12px;color:#666}
.cpy li p{font-size:16px;color:#666;padding:25px 0}
.cpy li img{width:386px;height:260px}
.cpy li>span{display:block}
.cpy li p span{display:block}
.cpy ul{width:1220px;padding-bottom:80px}
.cpy h3{color:#fff}
.describe{width:1210px}
.describe .maximg{width:595px;height:471px;position:relative;overflow:hidden}
.describe .maximg p{text-align:center;background:rgba(3,100,197,.9);height:0;line-height:60px;position:absolute;bottom:0;width:590px;transition:all .8s}
.describe .maximg img{width:590px;height:471px}
.describe .minimg{width:600px;margin-left:10px;position:relative}
.describe .minimg a{display:inline-block;position:relative;overflow:hidden;margin-right:10px;margin-bottom:4px}
.describe .minimg img{width:286px;height:230px}
.minimg p{text-align:center;background:rgba(3,100,197,.9);height:0;line-height:60px;position:absolute;overflow:hidden;bottom:0;width:293px;transition:all .8s}
.describe .maximg:hover p{height:60px;color:#fff}
.describe .minimg a:hover p{height:60px;color:#fff}
.describe .maximg,.describe .minimg{margin-bottom:80px}
.Honor{background:#eee}
.Honor .tempWrap{position:relative;width:1120px;margin:0 auto}
.videoList{padding-bottom:80px}
.videoList ul li{width:260px;float:left;margin-right:26px;margin-bottom:25px;text-align:center;font-size:14px;position:relative;cursor:pointer}
.videoList ul li img{display:block;width:220px;padding:30px 20px;background:#fff}
.videoList ul li span{font-size:16px;height:35px;line-height:35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;background:#fff;padding:0 0 30px}
.Honor .prev{cursor:pointer;background:#fff;display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;position:absolute;top:150px;left:-60px}
.Honor .next{cursor:pointer;width:40px;height:40px;display:inline-block;background:#fff;text-align:center;line-height:40px;position:absolute;top:150px;right:-60px}
.Honor .next:hover,.Honor .prev:hover{background:#0364b1;color:#fff}
.partnerslist ul li{border:1px solid #f0f0f0;float:left;width:208px;height:90px;background:#fff}
.partnerslist ul li a{display:inherit;text-align:center;line-height:90px}
.partnerslist li .pImg{width:208px;height:90px;position:relative;display:block;overflow:hidden}
.partnerslist li .pImg img{width:200px;height:90px}
.partnerslist li .pImg:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(3,90,167,.7);transition:all .25s;transform:perspective(400px) rotateX(-90deg);-moz-transform:perspective(400px) rotateX(-90deg);-webkit-transform:perspective(400px) rotateX(-90deg);-o-transform:perspective(400px) rotateX(-90deg);transform-origin:top;z-index:2}
.partnerslist li .pImg i{position:absolute;width:90%;height:90%;top:0;opacity:0;background:url(../images/icon1.png) no-repeat bottom center;transition:all .4s;z-index:3;text-align:center;padding-top:22px;color:#fff;font-style:normal;margin:0 10px;font-size:13px;left:0}
.partnerslist li:hover .pImg:before{transform:perspective(200px) rotateX(0)}
.partnerslist li:hover .pImg i{transition-delay:.1s;margin-top:-40px;opacity:1}
.honorList{overflow:hidden;margin-top:50px;margin-bottom:40px}
.honorList li{width:290px;margin-right:10px;text-align:center;float:left;overflow:hidden}
.honorList li .sImg,.honorList li a,.honorList li img{width:290px;height:390px;overflow:hidden}
.honorList li .sImg{overflow:hidden;display:block}
.honorList li img{transition:all 1s}
.honorList li:hover img{transform:scale(1.1)}
.jjfa ul{overflow:hidden;margin-top:80px}
.jjfa li{border:1px solid #e6e6e6;margin-bottom:40px}
.jjfa li img{width:600px;height:360px}
.jjfa li h3{font-size:30px;color:#333;font-weight:100; margin-top:10px}
.jjfa li h3 span{display:block;font-size:12px;color:#888;margin-top:10px}
.jjfa li .sptu{overflow:hidden;float:left;width:600px;height:360px;display:inline-block}
.jjfa li .sptu2{display:none;}
.jjfa li p{color:#666;font-size:14px}
.jjfa .nr{width:458px;float:left;padding:60px 70px 60px;transition:all ease .3s;height: 240px;}
.jjfa li a{display:block;overflow:hidden}
.jjfa li i{transition:all ease .3s;display:block;background:#cecece url(../images/baijiantou.png) no-repeat center;width:40px;height:40px;border-radius:100%;margin:50px 0}
.jjfa li:hover i{background:#fff url(../images/lanjiantou.png) no-repeat center}
.jjfa li:hover .nr{background:#0364b1}
.jjfa li:hover .nr h3,.jjfa li:hover .nr h3 span,.jjfa li:hover .nr p{color:#fff}
.jjfa li:hover img{transform:scale(1.08)}
.listmenus{margin-top:80px;text-align:center}
.listmenus ul li a{font-size:18px;color:#666;background:#fff;width:398px;height:70px;line-height:70px;border:1px solid #ccc;display:block}
.listmenus ul li{float:left}
.listmenus ul li a{border-left:0}
.listmenus ul li:first-child a{border-left:1px solid #ccc;}
.listmenus ul .on a{background:#0364b1;color:#fff}
.listmenus ul li a:hover{background:#0364b1;color:#fff}
.Contactuss .contactus{width:600px;height:566px}
.Contactuss .contactus h3 span{display:block;font-size:14px;color:#666;margin-top:20px}
.Contactuss .contactus h3{color:#333;font-size:24px;line-height:24px;font-weight:100;margin-bottom:10px}
.Contactuss .contactus .content{font-size:14px;margin:22px 0 13px;position:relative}
.Contactuss .content{color:#333}
.Contactuss .dianhua{font-weight:900;font-size:48px;line-height:48px;color:#0364b1}
.Contactuss .contactus .content:after{content:"";position:absolute;width:40px;height:2px;border-bottom:2px solid #0364b1;left:0;top:26px}
.feedback input{height:60px;border:1px solid #ccc;width:565px}
.feedback .w600{margin:0 20px 20px 0}
.feedback .note{height:150px;border:1px solid #ccc;width:1158px;padding:20px}
.feedback .yanzm{width:240px}
.feedback .yzmimg{display:inline-block;height:70px;width:151px}
.feedback .yzmimg img{height:61px;width:151px;margin-top:-4px}
.feedback .chongz{cursor:pointer;width:190px;height:60px;background:#0364b1;line-height:60px;text-align:center;font-size:18px;color:#fff;margin-right:30px}
.feedback .tij{cursor:pointer;width:190px;height:60px;background:#d2d2d2;line-height:60px;text-align:center;font-size:18px;color:#fff}
.feedback{margin-bottom:90px}
.faqList li{position:relative;margin-bottom:25px}
.faqList li h3{position:relative;padding:0 60px 0 25px;background-color:#f1f1f1;line-height:54px;font-size:16px;cursor:pointer;font-weight:400;border:1px solid #e1e1e1}
.faqList li h3:after,.faqList li h3:before{content:'';position:absolute;top:26px;right:23px;z-index:2;width:16px;height:2px;background:#fff}
.faqList li h3:before{width:2px;height:16px;top:19px;right:30px;-webkit-transition:.3s;transition:.3s}
.faqList li div{display:none;padding:25px;line-height:25px;color:#7c7c7c;-webkit-animation:fadeIn .5s ease-out .2s both;animation:fadeIn .5s ease-out .2s both;font-size:14px;background:#f5f5f5}
.faqList li:after{content:'';position:absolute;top:12px;right:16px;display:block;width:30px;height:30px;background:#0364b1;pointer-events:none}
.faqList li.act h3:before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.jobList li{border-bottom:1px dashed #dbdbdb;margin-bottom:20px}
.jobList h4.on{color:#333;background:url(../images/gicon18.png) no-repeat right center}
.jobList h4{font-size:28px;font-weight:400;background:url(../images/gicon19.png) no-repeat right center;padding-right:20px;padding-bottom:20px;line-height:32px}
.jobList h4 span{display:block;font-size:16px;margin-top:8px}
.jobList h4 span i{display:inline-block;font-style:normal;background:url(../images/job_icon.png) no-repeat left -35px;padding-left:30px;margin-right:15px}
.jobList h4 span .num{background-position:0 0}
.jobList h4 span i{display:inline-block;font-style:normal;background:url(../images/job_icon.png) no-repeat left -35px;padding-left:30px;margin-right:15px}
.jobList .font{background:#f2f2f2;padding:25px;display:none}
.jobList .font .tie{color:#333;margin-bottom:10px;display:block}
.solution-menu ul li a{width:170px}
.solution-txt{margin-bottom:0;text-align:left}
.article-detail h2{font-size:18px}
.article-detail h3{text-align:center;height:30px;line-height:30px;border-bottom:1px dashed #d2d2d2}
.article-detail h3 span{margin:8px 8px 0;color:#999;text-decoration:none}
.fontResizer a{padding:0 5px}
.curFont{font-weight:700;color:#0364b1}
.news-show-box{padding-top:15px;line-height:26px;padding-bottom:10px}
.news-show-box img{max-width:100%}
.news-message{padding-bottom:10px;border-bottom:1px dashed #d2d2d2;overflow:hidden}
.news-message div{padding:10px 0}
.news-message h3{width:100%;text-align:right;font-weight:700;color:#333;text-decoration:underline;overflow:hidden}
.gr-fenx{height:35px;background:#f8f8f8;padding:0 10px;margin-top:15px}
.prew{background:url(../images/pre_info.gif) no-repeat left center;float:left;height:35px;line-height:35px;overflow:hidden;padding-left:15px;text-align:left;width:46%}
.nextw{background:url(../images/next_info.gif) no-repeat right center;float:right;height:35px;line-height:35px;overflow:hidden;padding-right:15px;text-align:right;width:46%}
.gr-keyword{border:1px solid #dadada;padding:5px 10px;margin:10px 0;overflow:hidden}
.gr-keyword a{padding:0 5px}
.gr-rec-news{width:1200px;margin-top:10px;overflow:hidden}
.gr-rec-news ul{padding-top:10px}
.gr-rec-news ul li{float:left;margin-right:30px;width:47%;height:28px;line-height:28px}
.gr-rec-news ul li a{display:block;width:260px;line-height:28px;background:url(../images/icona.jpg) no-repeat left center;padding-left:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left}
.gr-rec-news ul li a:hover{background:url(../images/iconb.jpg) no-repeat left center}
.gr-rec-news ul li span{float:right;color:#999}
.rec-title{padding-left:20px;height:35px;line-height:35px;background:url(../images/page_line.jpg) no-repeat 10px 10px #e8e8e8;font-size:14px;font-weight:700;color:#333}
.product-detail .list_pro_left{float:left;width:210px;overflow:hidden}
.product-detail .pro_sidebar{background:url(../images/pro_sidebg.jpg) no-repeat;padding:10px;width:190px;overflow:hidden;color:#fff}
.product-detail .pro_tie{font-family:微软雅黑;font-size:18px;border-bottom:1px solid #6ec3ff;height:30px;margin-bottom:25px}
.product-detail .list_pro_left ul{width:210px}
.product-detail .list_pro_left li{float:left;width:190px;height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px}
.product-detail .list_pro_left li a{color:#f5f8fb}
.product-detail .list_pro_left li a:hover{text-decoration:underline}
.left_contact{background:#fff;margin-top:15px}
.left_contact .font{padding:15px}
.product-detail .list_pro_right{float:right;width:100%;overflow:hidden;background:#fff;min-height:965px;padding-top:80px}
.product-detail .list_product{width:75%;overflow:hidden;margin-bottom:40px;border-top:1px solid #ccc;padding-top:20px}
.product-detail .list_product ul{width:820px}
.product-detail .list_product li{float:left;border-right:1px dotted #adadad;margin-bottom:55px;margin-right:27px;width:235px}
.product-detail .list_product li img{width:235px;height:230px}
.product-detail .list_product li span{display:block;height:30px;line-height:30px;width:225px;padding:0 5px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:微软雅黑;font-size:14px}
.product-detail .list_product li .btn{height:30px;text-align:center;color:#5c5c5c;margin-top:15px}
.product-detail .list_product li .btn a{display:inline-block;width:60px;height:30px;background:#70b900;color:#fff;font-size:14px;text-align:center;line-height:30px;font-weight:700}
.product-detail .list_product li .btn .zx{background:#303331}
.product-detail .list_product li .btn a:hover{background:#0078ce}
.product-detail .prodetail_box{padding:20px 10px 40px;width:98%;overflow:hidden;border-top:1px solid #ccc}
.product-detail .rec-title{padding-left:20px;height:35px;line-height:35px;background:url(../images/page_line.jpg) no-repeat 10px 10px #e8e8e8;font-size:14px;font-weight:700;color:#333}
.product-detail .product-show-pic{width:450px;height:490px;float:left}
.product-detail .jqzoom{float:left;border:none;position:relative;padding:0;cursor:pointer;margin:0;display:block}
.product-detail .zoomdiv{z-index:100;position:absolute;top:0;left:0;width:350px;height:310px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden}
.product-detail .jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0;left:0;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity:.5;-moz-opacity:.5;-khtml-opacity:.5}
.product-detail .spec-preview{width:580px;height:390px;border:1px solid #dadada}
.product-detail .spec-scroll{margin-top:10px;width:582px;height:73px;overflow:hidden;position:relative}
.product-detail .spec-scroll a.prev{display:block;width:11px;height:18px;position:absolute;top:20px;left:10px;background:url(../images/listpro_btn.png) no-repeat 0 0;overflow:hidden;cursor:pointer}
.product-detail .spec-scroll a.prev:hover{background-position:0 -54px}
.product-detail .spec-scroll a.next{display:block;width:11px;height:18px;position:absolute;top:20px;right:10px;background:url(../images/listpro_btn.png) no-repeat 0 -36px;overflow:hidden;cursor:pointer}
.product-detail .spec-scroll a.next:hover{background-position:0 -18px}
.product-detail .spec-scroll .items{position:relative;width:500px;height:73px;margin:0 auto;overflow:hidden}
.product-detail .spec-scroll .items ul{position:absolute;width:999999px;height:73px}
.product-detail .spec-scroll .items ul li{width:85px;height:73px;float:left}
.product-detail .spec-scroll .items ul li img{width:73px;cursor:pointer;border:1px solid #e6e6e6}
.product-detail .spec-scroll .items ul li img:hover{border:1px solid #70b900}
.product-detail .product-show-title{width:560px;height:490px;overflow:hidden;float:right}
.product-detail .product-show-title h2{line-height:24px;border-bottom:1px dashed #ccc;font-family:微软雅黑;font-size:18px;color:#333;padding:10px 0}
.product-detail .gr-description{padding:10px 0 30px}
.product-detail .prodcut-tel{padding-left:25px;margin-bottom:10px;height:27px;line-height:27px;background:url(../images/pr_tel.jpg) no-repeat left center;float:left;margin-top:12px;margin-left:40px}
.product-detail .prodcut-tel span{position:relative;top:3px;font-family:arial;font-size:24px;color:#333}
.product-detail .product-order a{display:block;width:200px;height:55px;background:#0e5aa5;line-height:55px;text-align:center;font-family:微软雅黑;font-size:18px;color:#fff}
.product-detail .product-order a:hover{color:#fff;opacity:.8}
.product-detail .product-order{float:left;width:200px;height:55px}
.product-detail .gr-tab-list{overflow:hidden;margin-top:20px;margin-bottom:20px}
.product-detail .gr-tab-list .hd{height:29px;line-height:29px;border-bottom:1px solid #dadada}
.product-detail .gr-tab-list .hd li{width:100px;float:left;text-align:center;background:#dadada;margin-right:5px;cursor:pointer}
.product-detail .gr-tab-list .hd li.on{background:#0364b1;color:#fff;font-size:16px}
.product-detail .gr-tab-list .bd{overflow:hidden;padding-top:15px}
.product-detail .gr-order h2{padding-left:20px;height:35px;line-height:35px;background:url(../images/page_line.jpg) no-repeat 10px 10px #e8e8e8;font-size:14px;font-weight:700;color:#333}
.product-detail .order{width:650px;border:none;background:0 0;font-size:14px;font-weight:700;color:#333}
.product-detail .order-table{padding:20px;margin-top:2px;width:1136px;background:#e8e8e8;overflow:hidden}
.product-detail .table-row{width:370px;height:24px;float:left}
.product-detail .table-row span{display:inline-block;float:left;width:65px;height:24px;line-height:24px;text-align:center}
.product-detail .row-input{float:left;padding:3px 5px;width:241px;height:16px;line-height:16px;border:1px solid #d0d0d0;background:#fff;color:#999}
.product-detail .table-row-a{margin-top:15px;margin-bottom:15px;width:1060px;height:100px}
.product-detail .table-row-a span{display:inline-block;float:left;width:65px;height:80px;line-height:22px;text-align:center}
.product-detail .row-textarea{float:left;padding:3px 5px;width:982px;height:100px;line-height:20px;border:1px solid #d0d0d0;background:#fff;color:#999}
.product-detail .gr-code{width:400px}
.product-detail .checkcode{margin-left:10px;float:left;width:63px;height:22px;border:1px solid #d0d0d0}
.product-detail .row-input:focus,.row-textarea:focus{border:1px solid #70b900}
.product-detail .subt-a{margin-left:65px;width:65px;height:24px;line-height:24px;text-align:center;border:none;background:#666;cursor:pointer;float:left;color:#fff;border-radius:2px;margin-top:6px}
.product-detail .subt-a:hover{background:#0364b1}
.product-detail .subt-b{margin-left:10px;width:65px;height:24px;line-height:24px;text-align:center;border:none;background:#999;cursor:pointer;float:left;color:#fff;border-radius:2px;margin-top:6px}
.product-detail .subt-b:hover{background:#0364b1}
.product-detail .related-product{overflow:hidden;padding-bottom:20px}
.product-detail .related-product ul{width:1230px;margin-top:20px}
.product-detail .related-product li{width:375px;height:355px;float:left;margin-right:25px}
.product-detail .related-product li a{display:block;width:360px;height:345px;padding:2px;background:#fff;border:1px solid #eee}
.product-detail .related-product li img{width:360px;height:315px}
.product-detail .related-product li span{display:inline-block;width:360px;text-align:center;height:25px;line-height:25px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-detail .related-product li a:hover{background:#0f5aa5;color:#fff}
.picture-detail{font-size:28px}
.case_detail_con{margin-top:30px;width:100%;margin-bottom:40px;overflow:hidden}
.al_jianjie .tie{height:35px;background:#dedede;line-height:35px;margin-bottom:15px}
.al_jianjie .tie span{display:inline-block;width:120px;text-align:center;background:#0193de;color:#fff}
.product-search{background:#fdfdfd;height:80px;width:100%;display:block;line-height:40px}
.product-search form{width:720px;margin:0 auto;margin-top:15px;background:#fff;height:40px}
button,input,select,textarea{font-size:12px;font-family:inherit;margin:0;outline:0;resize:none;border:none}
.product-search .txt{width:590px;float:left;height:38px;line-height:38px;color:#666;padding:0 10px;border:1px #d2d2d2 solid}
.product-search .btn{float:left;width:50px;height:40px;cursor:pointer;transition:all .3s;background:#333 url(../images/searicon.png) no-repeat center;}
.listLeft{width:890px;}
.listRight{margin-top:80px;width:300px;}
.listRight .title{padding:0 20px;height:70px;background:#0364b1;color:#333;color:#fff;font-weight:100;font-size:28px;line-height:70px;}
.listRight span{display:block;padding:5px 10px;}
.listRight span img{width:258px;height:189px;}
.listRight span p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.listRight .rightzixun{margin-top:30px;margin-bottom:16px;}
.listRight .rightzixun a{display:block;margin-bottom:5px;padding:0 10px;}
.listRight .rightzixun p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.listRight .rightzixun ul{margin-top:20px;}
.listRight ul{margin-top:20px;}
.listRight div{border:1px solid #ccc;}
.listRight a{display:block;margin-bottom:5px;padding:0 10px;}
.listRight p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}

#maximg img{ max-width:100%; height:auto !important}

.guide{padding:87px 0 49px;background:url(../images/guide.jpg) no-repeat center top;}
.gui{width:1200px; margin:0 auto;}
.gui .gui-left{width:494px;height:578px; float:left;padding-top:23px; position: relative;z-index:200;}
.gui .gui-left h2{margin-bottom: 18px;}
.gui .gui-left h2 span{display: inline-block; height:56px; line-height: 56px; font-size: 45px; color:#333333;padding-right:37px;font-weight: bold;
  
}
.gui .gui-left h2 em{display: block; height:73px; line-height: 73px;font-size: 55px;color:#003171; font-weight: bold;}
.gui .gui-left strong{display: block; line-height: 28px; font-weight: normal;font-size: 16px; color:#333333;  margin-bottom: 22px;text-indent: 2rem;}
.gui .gui-left .hd{width:330px; height:47px;background:#E1E1E1; margin-bottom: 94px;}
.gui .gui-left .hd ul li{float:left;width:173px;height:47px; text-align: center;cursor: pointer;position: relative;}
.gui .gui-left .hd ul li.jd2{margin-left: -16px;}
.gui .gui-left .hd ul li i{display: block; width:100%; height:47px; line-height:47px;font-size: 16px; color:#666666;  position: relative;z-index:200;}
.gui .gui-left .hd ul li.jd1:before{width:100%;height:47px;  content:"";position: absolute;left:0;top:0;display: none;}
.gui .gui-left .hd ul li.jd2:before{width:100%;height:47px; content:"";position: absolute;right:0;top:0;display: none;}
.gui .gui-left .hd ul li.cur i{color:#FFF;}
.gui .gui-left .hd ul li.jd1.cur:before{display:block;}
.gui .gui-left .hd ul li.jd2.cur:before{display:block;}
.gui .gui-left .gui-sz{width:973px; height:138px; background: #FFF;box-shadow: 0px 0px 10px rgba(0,0,0,0.2);padding-top:24px; box-sizing: border-box;}
.gui .gui-left .gui-sz ul li{float:left; height:83px;border-right:1px solid #eeeeee;}
.gui .gui-left .gui-sz ul li span{display: block;text-align: center;height:56px;}
.gui .gui-left .gui-sz ul li span em{display: inline-block; height:56px; line-height: 56px;font-size: 55px; color:#003171; font-weight: bold;}
.gui .gui-left .gui-sz ul li span i{display: inline-block; width:17px; height: 17px; background:#E60012;border-radius: 50%; text-align: center; line-height: 17px;font-size: 13px;color:#FFFFFF; vertical-align: bottom;margin:0 0 5px -8px;}
.gui .gui-left .gui-sz ul li p{height:27px;font-size: 14px; line-height: 27px; color:#333333;text-align: center;}
.gui .gui-left .gui-sz ul li:nth-child(4) p{padding-left:46px;}
.gui .gui-left .gui-sz ul li:nth-child(5) p{padding-left:23px;}
.gui .gui-left .gui-sz ul li:last-child{border-right:0;}
.gui .gui-rig{width:666px; height: 583px;overflow: hidden;float:right;}
.gui .gui-rig .gui-con,.gui .gui-rig .gui-con .con{height:100%;}
.gui .gui-rig span{display: block; width:100%;height:100%; line-height: 0; overflow: hidden;}
.gui .gui-rig span img{width: 100%;height:100%; transition: 1s;}
.gui .gui-rig span:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
@media screen and  (min-width:760px) and (max-width:1680px){
    .gui{width:93.3%;}
    .gui .gui-left{width:530px;height:540px;}
    .gui .gui-rig{width:670px;}
}


.al_bj{background: url(../images/al_bj.jpg) no-repeat center top;height: 778px;padding-top:59px;box-sizing: border-box;overflow-x: hidden;overflow-y:hidden;}
.anl .titis{height: 153px;}
.anl .titis h2 {background: url(../images/al_tt.png) no-repeat center top; color: #fff}
.anl .titis h2 a,.anl .titis p{color: #fff;}
.al_nr{background: #fff;height: 503px;padding:24px 20px 21px 25px;box-sizing: border-box;position: relative;margin-top: 80px}
.al_n{border:1px solid #d2d2d2;height: 456px;padding-left:19px;}
.al_n .tempWrap{width:1134px!important;}
.al_n li{float:left;width:344px;padding:19px 21px 0 0px;border-right:1px solid #d2d2d2;height:437px;margin-right:19px;}
.al_n li i {font-size:0;line-height: 0;overflow: hidden;width:344px;display: block;}
.al_n li i img{width:344px;height:258px;transition:all 0.5s;}
.al_n li:hover i img{transform:scale(1.1);}

.al_n li h4 a{display: block;height: 38px;line-height: 38px;font-size:18px;color: #000000;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;padding-top:20px;}
.al_n li:hover h4 a{color:#003171;}
.al_n li p{font-size:14px;line-height: 30px;color: #666666;height: 124px;padding-top:6px;border-bottom:1px dashed #c3c3c3;}
.al_n li em{display: block;text-align: right;}
.al_n li em a{font-size:14px;color: #003171;padding-right:18px;
  
 
  
  display: inline-block;margin-top:20px;}
.al_n li:last-child{margin:0;border:0;}
.al_j1,.al_j2{position: absolute;top:247px;}
.al_j1{left:-70px;}
.al_j2{right:-70px;}

.ys{height: 847px;background:url(../images/ys_bg.jpg) no-repeat center 0;padding-top: 60px;}
.ys h2{padding:79px 0 0;height: 100px;}
.ys_con{padding:18px 18px 40px;background: #fff;height: 457px;}
.ys_con dl{height: 457px;}
.ys_con dd{float: left;width: 310px;margin-left: 38px;height: 480px;position: relative;}
.ys_con dd h3{display:block;font-size: 22px;color: #333;line-height: 22px;padding:78px 0 32px;}
.ys_con dd p{font-size: 16px;color: #333;line-height: 34px;margin-bottom: 25px;}
.ys_con dd .tel{position: absolute;left: 40px;bottom: 55px;z-index: 2;}
.ys_con dd .tel{padding-left: 32px;font-size:14px;color: #333;line-height: 14px;font-family: Arial;background:url(../image/tel2.png) no-repeat left 14px;}
.ys_con dd .tel b{display:block;font-size: 26px;line-height: 36px;}
.ys_con dd .sz{position: absolute;font-size: 260px;color: #333;font-family: "Bauhaus 93";opacity: 0.1;right: 0;bottom: 0;line-height: 180px;z-index: 1;}
.ys ul{height: 80px;}
.ys li{float: left;width: 400px;height: 80px;line-height: 80px;text-align: center;font-size: 16px;color: #fff;background: #0d569e;font-weight:bold;position: relative;}

.ys li:nth-child(2){background: #195fa3;}
.ys li:nth-child(3){background: #2567a8;}
.ys li:nth-child(4){background: #316fac;}
.ys li:nth-child(5){background: #3d78b1;}
.ys li.cur{background: #003171;}


.news{  height:694px; overflow: hidden;}



.new_l{ width: 390px;
  margin-right: 15px;
  margin-top: 60px;}

  .new_l:nth-child(3){
    margin-right: 0;
  }

.new_l h4{font-weight: normal; line-height: 100%; height: 40px; overflow: hidden;background:url(../images/n_l1.jpg) no-repeat 0 1px; padding-left: 19px;}
.new_l h4 span{ display: inline-block; float: left; font-size: 18px; color: #333; font-weight: bold; line-height: 100%;}
.new_l h4 em{ display: inline-block; float: right; font-size: 14px; color: #999; text-transform: uppercase;}

.new_l dl{height:327px;}
.new_l dt img{display:block;width: 380px;height: 180px;}
.new_l dd h5{margin:10px 0 0px;display: block; border-bottom: 1px solid #cbc9c9;}
.new_l dd h5 span{ font-size: 18px; height:27px;width: 85px; color: #0f3c8b; border: 1px solid #0f3c8b; line-height:27px; font-weight: bold;display: inline-block; text-align: center;}
.new_l dd h5 a{display:inline-block;font-size:16px;color: #333;line-height: 30px;font-weight: normal; margin-left: 14px;}
.new_l dd h5 a:hover{color: #0f3c8b;}
.new_l dd p{font-size: 14px;color: #8b8b8b;line-height: 24px; padding: 3px 9px 0;}
.new_list{ overflow: hidden;}
.new_list ul li{ margin-bottom: 12px; width: 324px; overflow: hidden; float: left; height: 53px; background: #fff;}
.new_list ul li:nth-of-type(2n){ float: right;}
.new_list ul li i{ display: inline-block; float: left; width: 50px; height: 53px; background: #d2d2d2; text-align: center; color: #fff; font-family: Arial; font-size: 10px;}
.new_list ul li i span{ display: block; font-size: 24px; line-height: 100%;font-weight: bold; padding-top:7px;}
.new_list ul li em{ display: block; line-height: 53px; float: left; padding-left: 15px;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size: 16px; color: #333;}
.new_list ul li:hover i{ background: #bc1218;}

.new_r{ width: 455px; margin-top: 60px;}
.new_r h4{font-weight: normal; line-height: 100%; height: 40px; overflow: hidden;background:url(../images/n_r1.jpg) no-repeat 80px 1px;}
.new_r h4 span{ display: inline-block; float: left; font-size: 18px; color: #333; font-weight: bold; line-height: 100%;}
.new_r h4 em{ display: inline-block; float: right; font-size: 14px; color: #999; text-transform: uppercase;}

.new_r dl{height:134px;border-bottom: 1px dotted #ccc; margin-bottom: 27px; padding-left: 36px;background:url(../images/n_q.jpg) no-repeat;}
.new_r dt a{display:inline-block;font-size:16px;color: #333333;line-height:25px; line-height:25px;font-weight: normal; margin-bottom: 10px; }
.new_r dl:hover a{ color: #0f3c8b;}
.new_r dd p{font-size: 14px;color: #8b8b8b;line-height: 24px;}
.new_s{padding-left: 13px;}
.new_s ul li{ overflow: hidden; height: 20px; line-height: 20px; padding-left: 20px; margin-bottom: 19px;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis; background:url(../images/n_i.jpg) no-repeat 0 6px;}
.new_s ul li span{ display: inline-block; float: right; font-size: 13px; color: #999;}
.new_s ul li p{ float: left; font-size: 14px; color: #333;}
.new_s ul li:hover p{color: #0f3c8b;}



.f_bg{ background:#262930; height:365px;padding: 65px 0 0;overflow: hidden;}
.footer{width: 1200px; margin:0 auto;}
.f_top{display: block;width: 190px;height: 66px;line-height: 66px;overflow: hidden;font-size: 20px;color: rgba(255,255,255,0.8);font-weight: normal;margin-bottom: 15px;}
.f_top i{font-size: 14px;text-transform: uppercase;}
.f_nav{width: 345px;height: 288px; }
.f_nav ul li{float: left;width: 140px;line-height: 36px;height: 36px;overflow: hidden;}
.f_nav ul li a{font-size: 14px;color: rgba(255,255,255,0.4);}
.f_nav ul li a:hover{color: #fff;}
.f_ban{width: 520px;height: 288px;
  
 
  
  
  overflow: hidden;}
.f_ban p{font-size: 14px;color: rgba(255,255,255,0.6);line-height: 26px;padding: 0 0 0 70px;}
.f_ban p span{display: block;float: left;width: 200px;}
.f_ban p.f_p01{ background:url(../images/f_ico01.png) no-repeat 0 6px;height: 105px;padding-top:10px;}
.f_ban p.f_p02{ background:url(../images/f_ico02.png) no-repeat 0 6px;height: 100px;}
.f_ban p i{display: block;font-size: 16px;}
.f_ban p b{display: block;font-size: 26px;font-family: "DINOT";line-height: 40px;}
.f_ban p em{display: block;width: 305px;line-height: 20px;}
.f_er{width: 320px;height: 288px;margin-top: -15px;}
.f_er h5{width: 210px;height: 110px;float: right;}
.f_er h5 img{width: 210px;height: 82px;}
.f_er p{width: 125px;text-align: center;float: left;padding:0 0 0 35px;}
.f_er p em{width: 110px;height: 110px;display: block;line-height: 0;border: #636569 1px solid;padding: 6px;}
.f_er p img{width: 110px;height: 110px;}
.f_er p span{display: block;font-size: 14px;color: rgba(255,255,255,0.3);line-height: 30px;}
.f_bot{font-size: 14px;color: rgba(255,255,255,0.4);height: 74px;line-height: 74px;overflow: hidden;border-top: rgba(244,244,244,0.1) 1px solid;}
.f_bot p{float: right;}
.f_bot span{padding: 0 10px;}
.f_bot a{color: rgba(255,255,255,0.4);}


table {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-collapse: collapse;
  border-color: #623F20;
  border-image: none;
  border-style: solid;
  border-width: 1px 0 0 1px;
  text-align: center;
  }
  table td, table th {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #623F20;
  border-image: none;
  border-style: solid;
  border-width: 0 1px 1px 0;
  padding: 3px;
  }