@charset "utf-8";*{margin:0;padding:0;font-family:microsoft yahei;}
img{display:block}
.clear{clear:both;}
ul{list-style:none}
a{text-decoration:none;cursor:pointer;outline:0} 
.container{margin:0 auto;width:1200px}
.block{padding:20px 0}
.head{position:relative;width:100%;background:url(img/cc.png) left  bottom repeat-x;height:130px;z-index:9999}
.head .headtop{width:100%;height:40px;background:#16335d;margin:0 auto;line-height:40px;}
.head .headtop p{color:#fff;font-size:12px;float:left;}
.head .headtop ul{float:right;height:12px;margin-top:14px;border-right:1px solid #fff;}
.head .headtop ul li{float:left;border-left:1px solid #fff;padding:0 15px;height:12px;line-height:12px;}
.head .headtop ul li a{color:#fff;font-size:12px;}
.head .navbox{width:1200px;margin:0 auto;height:90px;}
.head .navbox .logo{width:231px;height:90px;float:left;}
.head .navbox .logo a img{border:none;}
.head .nav{display:block;float:right;width:calc(100% - 350px)}
.head .nav .nav_pc{width:100%}
.head .nav ul li{float:left;position:relative;box-sizing:border-box;z-index:999}
.head .nav ul li .f_a{line-height:86px;display:block;text-align:center;font-size:14px;color:#7d7d7d;border-top:4px solid #fff;}
.head .nav ul li:hover .f_a{color:#00a7dc;transition:all .3s;border-top:4px solid #16335d;}
.head .nav ul .hover .f_a{color:#00a7dc;transition:all .3s;border-top:4px solid #16335d;}
.head .nav ul li .s_navbox{display:none;position:absolute;left:0;width:100%;background-color:#16335d;z-index:9999;box-sizing:border-box}
.head .nav ul li .s_navbox .s_a a{color:#fff;font-size:14px;text-transform:uppercase;display:block;text-align:center;padding:10px 0;border-top:1px solid #1c4176}
.head .nav ul li .s_navbox .s_a a:hover{background-color:#00a8dc;color:#fff}
.m_nav{display:none}
.headlf .m_logo{display:none}
.headrg .m_menuimg{display:none} 
.sidenav{position:relative;width:180px;display:block;float:left}
.sidenav label{width:180px;display:block;padding-left:55px;box-sizing:border-box;background:#128ee3;position:relative;height:48px;line-height:48px;color:#fff;font-size:16px}
.sidenav label i{width:30px;height:30px;display:block;position:absolute;background-size:20px;left:25px;top:16px}
.sidenav .side{display:inline-block;position:absolute;top:48px;left:0;z-index:999;width:180px;background:#fff;border-top:none;background-color:rgba(255,255,255,.95);box-sizing:border-box}
.sidenav .side li{position:relative;width:100%;padding:5px 0;border-bottom:1px solid #ccc;box-sizing:border-box}
.sidenav ul.side li:first-child{cursor:pointer}
.sidenav .side li a{color:#333;height:40px;line-height:40px;padding:8px 0;display:block;font-size:16px}
.sidenav .side li a:hover{background:0 0;color:#0085cd}
.sidenav .side li a i{transition:all .3s ease 0s}
.sidenav .side li a i.side_t{margin-left:10px;width:40px;height:40px;display:inline-block;vertical-align:middle;background-size:30px}
.sidenav .side li a:hover i{margin-left:15px}
.icon1{background:url(img/sideIcon1.png) no-repeat}
.icon2{background:url(img/sideIcon1.png) no-repeat}
.icon3{background:url(img/sideIcon1.png) no-repeat}
.icon4{background:url(img/sideIcon1.png) no-repeat}
.icon5{background:url(img/sideIcon1.png) no-repeat}
.icon6{background:url(img/sideIcon1.png) no-repeat}
.icon7{background:url(img/sideIcon1.png) no-repeat}
.sidenav .side li:hover .side_main{display:block;z-index:999}
.sidenav .side .side_main{display:none;width:500px;background:#fff;position:absolute;left:180px;top:0;box-shadow:3px 3px 5px rgba(0,0,0,.1);border:1px #cecece solid;z-index:7}
.sidenav .side .side_main dl{margin:20px;padding:0}
.sidenav .side .side_main dl dt{font-size:18px;margin-bottom:10px;color:#0173b2;font-weight:700}
.sidenav .side .side_main dl dt b{font-size:15px}
.sidenav .side .side_main dl dd{margin-bottom:10px;display:inline-block}
.sidenav .side .side_main dl dd a{position:relative;display:inline-block;color:#777;font-size:14px;margin:0 4px;padding:0 5px;border-right:2px solid #bbb;height:auto;line-height:1.5;transition:all .2s ease 0s}
i.icon-hot,i.icon-new{display:inline-block;height:9px;width:24px;background:url(img/img_public.png) no-repeat;vertical-align:middle}
i.icon-hot{background-position:0 -240px}
i.icon-new{background-position:-40px -240px}
.sidenav .side .side_main dl dd a span{color:#999}
.sidenav .side .side_main dl dd a:hover{background:0 0;color:#cf1322;transform:translateY(-2px)}
.sidenav .side .side_main dl dd a:hover b{color:#40adf5}
.sidenav .side .side_main dl dd a:hover span{color:#40adf5}
.slider{position:relative;overflow:hidden;width:100%}
.slideBox .hd{height:10px;z-index:1;overflow:hidden;position:absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:1}
.slideBox .hd ul{text-align:center;padding-top:5px}
.slideBox .hd ul li{cursor:pointer;float:left;margin-right:5px;width:30px;height:10px;line-height:14px;text-align:center;background:#fff}
.slideBox .hd ul .on{background:#00a2ff;color:#fff}
.slideBox .bd{position:relative;z-index:0}
.slideBox .bd li img{width:100%;vertical-align:top}

.proindex{width:100%;background:#fff;padding:35px 0;}
.proindex .proimg{width:100%;text-align:center;}
.proindex .proimg img{margin:0 auto;border:none;}
.proindex .prop{width:100%;height:40px;line-height:40px;font-size:16px;color:#787878;text-align:center;}


.caseindex{width:100%;background:url(img/shadow.png) top center no-repeat #d1dbdf;padding:50px 0;}
.caseindex .tilcase{width:100%;height:50px;font-size:16px;color:#000;text-align:left;}
.caseindex .tilcase p {float:right;font-size:12px;color:#00a7dc;}
.caseindex .tilcase p a{color:#16315c;}

.newsindex{width:100%;padding:50px 0;border-bottom:1px solid #dedede;}
.newsindex .newtitle{width:100%;font-size:32px;height:32px;text-align:center;color:#000; }
.newsindex .newp{widthh:100%;font-size:16px;color:#787878;text-align:center;line-height:20px;margin:20px auto;}
.newsindex .newmore{width:100%;height:40px;background:url(img/nbg.png) left repeat-x ;text-align:center;}
.newsindex .newmore a{width:118px;height:38px;border:1px solid #dedede;border-radius:6px;background:#FFF;line-height:38px;color:#787878; display:block;margin:0 auto;transition: all 1s;}
.newsindex .newmore a:hover{border:1px solid #00a7dc;color:#00a7dc;}

.aboutindex{width:100%;padding:50px 0; }
.aboutindex .r{width:600px;height:325px;float:right;}
.aboutindex .r a img{width:600px;height:325px;border:none;}
.aboutindex .l{width:-webkit-calc(100% - 640px); width:-moz-calc(100% - 640px); width:calc(100% - 640px);float:left;height:325px;}
.aboutindex .l .logo{width:100%;float:left;}
.aboutindex .l .logo img{border:none;}
.aboutindex .l .logoms{width:100%;float:left;height:25px;line-height:25px;text-align:left;font-size:14px;color:#787878;}
.aboutindex .l p{width:100%;height:180px;background:#fff;line-height:30px;font-size:12px;color:#787878;text-align:left;float:left;margin-top:20px;}
.aboutindex .l .more{width:110px;height:40px;background:#15325b;line-height:40px;text-align:center;font-size:14px;color:#fff;transition: all 1s;float:left;}
.aboutindex .l .more:hover{background:#00a7dc;}
.aboutindex .l .more a{color:#fff;}


.foot{widtn:100%;height:40px;background:#15325b;font-size:12px;text-align:left;color:#fff;line-height:40px;}
.foot a{color:#fff;font-size:12px;}
.foot p{float:right;color:#fff;}
.foot p a{color:#fff;}

.flink {
  margin-top: 50px;
  width: 100%;
}

.flink .flink_tit {
  width: 100%;
  position: relative;
}

.flink .flink_tit p {
  height: 12px;
  width: 100%;
  background: url(../img/dian.png);
  position: absolute;
  top: 15px;
}

.flink .flink_tit span {
  height: 42px;
  background: #15325c;
  color: #fff;
  font-size: 12px;
  border: 1px solid #15325c;
  position: relative;
  z-index: 9;
  display: block;
  width: 115px;
  text-align: center;
  line-height: 42px;
  margin-left: 0px;
}

.flink .flink_list {
  width: 100%;
  margin-top: 20px;
  margin-left: 0px;
}

.flink .flink_list ul li {
  float: left;
  margin-right: 28px;
  margin-bottom: 8px;
}

.flink .flink_list ul li a {
  font-size: 12px;
  color: #5a5a5a;
}

.flink .flink_list ul li a:hover {
  color: #036aac;
}
.page_banner {
  width: 100%;
  overflow: hidden;
  line-height: 0;
}

.page_banner img {
  width: 100%;
}

.pages .pagination {
  text-align: center;
  height: auto;
}
.pages .pagination a {
  padding: 0 13px;
  line-height: 28px;
  height: 28px;
  float: none;
  display: inline-block;
}
.pages .pagination p {
  padding: 0 13px;
  line-height: 28px;
  height: 28px;
  float: none;
  display: inline-block;
}
.content_tit{margin-top:20px;width:100%;float:left;}
.content_tit h3 {
  font-size: 21px;
  color: #000;
  padding: 3px 0;
  line-height: 1.7em;
  text-align: center;
  font-weight: normal;
}

.content_tit p {
  width: 100%;
  text-align: center;
  padding: 10px 0 15px;
}

.content_tit p span {
  line-height: 21px;
  font-size: 12px;
  color: #666;
  margin: 0 5px;
}

.content_des {
  width:-webkit-calc(100% - 10px); width:-moz-calc(100% - 10px); width:calc(100% - 10px);
  border: 1px dotted #E5E5E5;
  padding: 5px;
  margin-bottom: 10px;
  text-indent: 24px;float:left;
}

.content_des p {
  font-size: 13px;
  color: #868686;
  line-height: 24px;
}
.show_pages {
  margin-top: 20px;float:left;width:100%;
}

.show_pages p {
  font-size: 14px;
  line-height: 24px;
  color: #333;
  margin-top: 6px;
}

.show_pages p a {
  font-size: 14px;
  line-height: 24px;
  color: #333;
}
.news_list {
  width: 100%;
  padding: 20px;float:left;
  border: 1px solid #EBEBEB;
}

.news_list ul li {
  width: 100%;
  float: left;
  height: 38px;line-height:38px;
  border-bottom: 1px dashed #c6c6c6;
  margin-bottom: 8px;
}

.news_list ul li a {
  float: left;
  width: 60%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  color: #666;
}

.news_list ul li p {
  float: right;
  font-size: 12px;
  color: #666;
}

.news_list ul li:hover a {
  color: #036aac;
}
.pro_list {
  width: 100%;
  overflow: hidden;
  margin-top: 32px;float:left;
}

.pro_list ul li {
  width: 23%; 
  margin-right: 2.66%;
  margin-bottom: 28px;
  float: left;
  border: 1px solid #eee;
}

.pro_list ul li a .imgauto {
  width: 100%;
  height: 203px;
}

.pro_list ul li a span {
  display: block;
  margin-top: 6px;
  text-align: center;
  font-size: 14px;
}

.pro_list ul li:nth-child(4n) {
  margin-right: 0;
}

.pro_list ul li:hover {
  border: 1px solid #036aac;
}

.pro_list ul li:hover img {
  opacity: .6;
}

.pro_list ul li:hover span {
  color: #036aac;
}
.hot_pro {
  width: 100%;
}

.hot_pro .pro_list {
  margin-top: 15px;
}

.hot_new .news_list {
  border: none;
  padding: 0;
  margin-top:8px;
}

.hot_new .news_list li {
  width:-webkit-calc(49% - 17px); width:-moz-calc(49% - 17px); width:calc(49% - 17px);
  float: left;
  margin-right: 2%;
  padding-left: 17px;
  background: url(../../img/dian2.png) no-repeat 5px center;
}

.hot_new .news_list li:nth-child(2n) {
  margin-right: 0;
}
.page_title {
  border-bottom: 1px solid #00a7dc;
  padding-top: 15px;width:100%;float:left;
}

.page_title h3 {
  width: 140px;
  height: 42px;
  font-size: 18px;
  margin-top: 10px;
  display: block;
  color: #fff;
  line-height: 42px;
  background: #00a7dc;
  text-align: center;
  font-weight: normal;
}
.showarea {
    padding: 15px 0;
}
.showarea h3 {
  padding-bottom: 10px;
  font-size: 16px;
  color: #15325c;
  border-bottom: 1px solid #e4e4e4;
  display: block;
}
.showarea h3 span {
  font-weight: 400;
  color: #999;
  text-transform: uppercase;
}
.showarea .list {
      overflow: hidden;
    margin-top: 20px;
}
.showarea .list a {
    display: block;
    margin-right: 17px;
    font-size: 14px;
    float: left;color:#787878;
    margin-bottom: 12px;
}
.showarea .list a:hover {
  color: #036aac;
}
.pro_tag {
    border-top: 1px dashed #999;
    border-bottom: 1px dashed #999;
    line-height: 40px;
    margin-top: 20px;
}

.pro_tag span {
  font-size: 14px;
  color: #333;
}
.pro_tag a {
  font-size: 11px;
  color: #666;
  padding-right: 15px;
}
.pro_tag a:hover {
  color: #036aac;
}


.neipage{width:100%;padding:30px 0;}
.neipage .l{width:240px;float:left; }
.neipage .l .menu{width:100%;float:left;}
.neipage .l .menu h4{width:100%;height:90px;background:#15325c;text-align:center;font-size:24px;color:#fff;line-height:90px;float:left;}
.neipage .l .menu ul{width:100%;float:left;}
.neipage .l .menu ul li{width:100%;height:39px;font-size:14px;border-top:1px solid #fff;background:url(img/sideNavBg.jpg) no-repeat left top;line-height:39px;padding-left:60px;transition: all .5s; }
.neipage .l .menu ul li a{color:#333}
.neipage .l .menu ul li:hover{background-position:left bottom; color:#fff;}
.neipage .l .menu ul li:hover a{color:#fff;}
.neipage .l .menu ul li.on{background-position:left bottom; color:#fff;}
.neipage .l .menu ul li.on a{color:#fff;}
.neipage .l .contact{width:100%;float:left;margin-top:20px;}
.neipage .l .contact .til{width:100%;height:40px;line-height:40px;font-size:16px;color:#fff; text-indent:20px;float:left;background:#15325c;}
.neipage .l .contact .box{width:-webkit-calc(100% - 32px); width:-moz-calc(100% - 32px); width:calc(100% - 32px);border-left:1px solid #dedede;border-right:1px solid #dedede;border-bottom:1px solid #dedede;padding:15px;float:left;}
.neipage .l .contact .box ul{}
.neipage .l .contact .box ul li{ margin-top:6px; padding:0 0 6px 26px; position:relative; font-size:14px; line-height:20px; color:#555;}
.neipage .l .contact .box ul li span{ width:22px; height:22px; position:absolute; left:-2px; top:-1px; background-position: left bottom; background-repeat:no-repeat;}
.neipage .l .contact .box ul li.icon-tel span{ background-image:url(img/icon-c.png);}
.neipage .l .contact .box ul li.icon-phone span{ background-image:url(img/icon-b.png);}
.neipage .l .contact .box ul li.icon-fax span{ background-image:url(img/icon-d.png);}
.neipage .l .contact .box ul li.icon-mail span{ background-image:url(img/icon-e.png);}
.neipage .l .contact .box ul li.icon-add span{ background-image:url(img/icon-f.png);}
.neipage .r{width:-webkit-calc(100% - 270px); width:-moz-calc(100% - 270px); width:calc(100% - 270px);float:right; }
.neipage .r .content{width:100%;margin-top:20px;line-height:35px;float:left;}
.neipage .r .content img{max-width:100%;margin:0 auto;}
.neipage .r .content p img{max-width:100%;}
.neipage .r .prolist{width:100%;float:left;margin-top:20px;}
.neipage .r .prolist ul{width:100%;float:left;}
.neipage .r .prolist ul li{width:32%;float:left;margin-right:2%;margin-bottom:2%;}
.neipage .r .prolist ul li:nth-child(3n){margin-right:0%;}
.neipage .r .prolist ul li a .imgwap{padding-bottom:78%;width: 100%;position: relative;overflow: hidden;}
.neipage .r .prolist ul li a .imgwap img{width: 100%;height: 100%; position: absolute;top: 0;left: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s;}
.neipage .r .prolist ul li a:hover .imgwap img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2); }
.neipage .r .prolist ul li a p{width:100%;height:50px;line-height:50px;font-size:14px;color:#787878;text-align:center;overflow:hidden;}
.neipage .r .prolist ul li a:hover p{color:#00a7dc}

.neipage .r .newslist{width:100%;float:left;margin-top:20px;}
.neipage .r .newslist ul{width:100%;float:left;}
.neipage .r .newslist ul li{width:100%;float:left;border-bottom:1px solid #dedede;padding-bottom:20px;margin-bottom:20px;}
.neipage .r .newslist ul li a .lll{width:28%;float:left;border:1px solid #dedede;}
.neipage .r .newslist ul li a .lll .imgwap{padding-bottom:78%;width:100%;position: relative;overflow: hidden;}
.neipage .r .newslist ul li a .lll .imgwap img{width: 100%;height: 100%; position: absolute;top: 0;left: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s;}
.neipage .r .newslist ul li a:hover .lll .imgwap img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2); }
.neipage .r .newslist ul li a .nnn{width:68%;float:right;}
.neipage .r .newslist ul li a .nnn .t1{width:100%;font-size:18px; font-weight:600;color:#000;height:32px;line-height:32px;float:left;text-align:left;overflow:hidden;}
.neipage .r .newslist ul li a .nnn .t2{width:100%;font-size:12px;color:#787878;float:left;line-height:25px;text-align:left;}
.neipage .r .newslist ul li a .nnn .t3{width:100%;font-size:14px;color:#5e5d5d;text-align:left;float:left;height:75px;line-height:25px;margin-top:10px; overflow:hidden;}
.neipage .r .newslist ul li a .nnn .more{width:80px;height:30px;background:#cccccc;line-height:30px;text-align:center;font-size:12px;color:#fff;float:left;margin-top:20px;transition: all 0.5s;border-radius:5px;}
.neipage .r .newslist ul li a:hover .nnn .more{background:#00a7dc;}

.rightTop{ border-bottom:1px solid #ddd;float:left;width:100%;}
.location{ font-size:12px; line-height:40px; color:#666; background-image:url(img/location.png); background-repeat:no-repeat; background-position:left 14px; padding-left:18px; padding-bottom:10px; }
.location a{ font-size:12px; line-height:40px; color:#666; display:inline-block; padding:0 10px 0 10px; position:relative;}
.location a.locationHome{ padding-left:6px;}
.location a:after{  font-family:"\5b8b\4f53"; font-weight:500; font-size:14px; line-height:40px; color:#888; position:absolute; right:-9px; top:1px;}
.location a:nth-last-child(1):after{ content:"";}
.location a:nth-last-child(1){ padding-right:0;}
.location a:hover{ color:#00a7dc;}