@charset "utf-8";
*{ margin:0; padding:0}
HTML {OVERFLOW-X: hidden;}
body{ font-size:16px; font-family:"microsoft yahei",arial;color:#333;-webkit-font-smoothing: antialiased; overflow-x:hidden ;}
a{color:#333;text-decoration:none; outline:none; /*transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;-webkit-tap-highlight-color: rgba(0,0,0,0);　-webkit-tap-highlight-color: transparent;*/}
a:hover{color:#1348a7;}
img{ border:none; display:block}
ol,ul,li{ list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clear{clear:both;zoom:1}
.clearfix{clear:both;zoom:1}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
table{border-collapse:collapse;}
input,textarea,select,button{ color:#666;font-family:"Microsoft Yahei", Arial;outline:none;border:none;}


.wrap{ margin:0 auto; width:96%; max-width:1240px; overflow:hidden}


.mbg{ background:#f3f5f6;}
.section{ padding:50px 0 100px 0;}
.section02{ padding:0px 0 100px 0;}
 
.pic{ height:auto; display:block; overflow:hidden;}
.pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;}
.pic:hover img{transform:scale(1.2);}

.title{ text-align:center; }
.title .biao{position:relative; margin-bottom:20px;}
.title .biao h3{ font-size:36px; height:36px; font-weight:bold; color:#000; width:100%; position:absolute; bottom:0; }
.title .biao h4{ font-size:72px; height:72px; font-weight:bold; color:#f0f0f0; text-transform:uppercase;}
.title p{ font-size:18px; color:#666;}


.header{ border-top:solid 4px #0e4ca1; background-color:#fff; box-shadow: 2px 0px 10px rgba(0,0,0,0.2);position:fixed; left:0;top:0; width:100%; z-index:999;/*-webkit-transition: all 334ms ease-in-out;transition: all 334ms ease-in-out;-webkit-animation: 2s dong;animation: 1s dong;*/ }
@-webkit-keyframes dong{
0%{ -webkit-transform:translateY(-100px); transform:translateY(-100px) }
100%{ -webkit-transform:translateY(0); transform:translateY(0) }
}

@keyframes dong{
0%{ -webkit-transform:translateY(-100px); transform:translateY(-100px) }
100%{ -webkit-transform:translateY(0); transform:translateY(0) }
}
.header .logo{width:30%; }
.header .logo img{ height:100px; width:auto; display:block}
.header .tel{ position: absolute; right:0; top:0; padding:20px 0; width:210px; height:60px; color:#fff; background:url(../images/tel.png) no-repeat #0e4ca1 25px center; padding-left:80px;}
.header .tel p{ font-size:16px; line-height:30px;}
.header .tel h3{ font-size:24px;line-height:30px; font-weight:bold}




.header .menu{ position:absolute; right:305px; top:0}








#a01{ position: absolute;  margin-top:-130px;}
#a02{ position:absolute; margin-top:-130px;}
#a03{ position:absolute; margin-top:-130px;}
#a04{ position:absolute; margin-top:-130px;}


.header .menu ul{ text-align:center; display:inline-block; vertical-align:middle;}
.header .menu li{ display:inline-block; position:relative;}
.header .menu .cur a{color:#1348a7;}
.header .menu li .menu_a{ font-size:18px; line-height:100px; display:block; margin:0 15px; position:relative}


@media screen and (max-width: 1600px){
.header .tel{ padding:20px 0; width:165px; background:url(../images/tel.png) no-repeat #0e4ca1 10px center; padding-left:60px;}
.header .tel h3{ font-size:20px;}
.header .menu{ right:240px;}
.header .menu li .menu_a{ font-size:17px; margin:0 10px;}
}

.header .menu li:hover .menu_a{color:#1348a7;}
.header .menu li .menu_a:after {content: '';width: 0;height: 3px;background-color: #1348a7;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);bottom: 0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.header .menu .cur a:after, .header .menu li:hover .menu_a:after {width: 100%}

.header .menu li .sub{ display:none; border-bottom:solid 2px #1348a7; position: absolute; font-size:16px; width:130%; margin-left:-15%; line-height: 40px; text-align:center;background: #fff;box-shadow: 0px 3px 5px rgba(0,0,0,0.3);}
.header .menu li .sub p a{ display:block; color:#333; border-bottom:solid 1px #d9d9d9;}
.header .menu li .sub p a:hover{ color:#fff; background:#1348a7}
.header .menu li .sub02{width:150% !important; margin-left:-25% !important; }

.banner{ margin-top:104px}
.pro-switch {overflow: hidden;width:100%;position: relative;}
.pro-switch .flexslider{ height:100%}
.pro-switch .flexslider .flex-viewport, .pro-switch .flexslider .flex-viewport .slides{ height:100%}
.pro-switch .flexslider .slides > li {display: none;-webkit-backface-visibility: hidden; }

.banner .flexslider .slides a img {width: 96%; max-width:1240px; margin:0 auto;display: block; height:auto}
.flexslider .slides li a{display:block}

.banner .flexslider .slides li{ padding-bottom:20px;}

.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
.no-js .slides > li:first-child {display: block;}
.flexslider {margin: 0 auto;position: relative;width:100%;zoom: 1}
.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
.flexslider .slides {zoom: 1;}
.flex-direction-nav {*height: 0;}

.flex-direction-nav a {width: 65px;height: 84px;margin: -65px 0 0; display: block;background: url(../images/ad_ctr.png) no-repeat 0 0;position: absolute;top: 50%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position:0 -84px;right:6%;}
.flex-direction-nav .flex-prev {left: 6%;}
.flexslider:hover .flex-next {opacity:0.2;filter:alpha(opacity=20);}
.flexslider:hover .flex-prev {opacity:0.2;filter:alpha(opacity=20);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity:0.2;filter:alpha(opacity=20);}

.banner .flex-control-nav { width:100%; max-width:1240px;margin-left:-600px;position: absolute;bottom:10px; left:50%; }

.banner .flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;}
.banner .flex-control-paging li a {background: url(../images/bannerdw.png) no-repeat center center;box-shadow: 0 0 10px #ccc;display:block;height:20px;width:20px;background-size:cover; overflow: hidden;text-indent:-99em;cursor: pointer;border-radius: 50%;transition: all .3s ease; }
.banner .flex-control-paging li a.flex-active {background: url(../images/bannerdg.png) no-repeat center center;box-shadow: 0 0 10px #666; background-size:cover; margin-top:0px;}

.products .prolei.conn{ border:solid 1px #ddd;margin-top: 35px;}
.products .prolei ul a{float:left; position:relative; width:calc(20% - 1px); border-right:solid 1px #ddd; padding:20px 0;background-repeat: no-repeat;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;    position: relative;text-align: center;cursor:pointer;}
.products .prolei ul a p{font-size: 18px;color: #333;margin-top: 65px;}
.products .prolei #ul{height: 125px;background: #fff;}
.products .prolei ul a:nth-child(1){margin-left: 0px;background: url(../images/icon01.png) no-repeat center -5px;}
.products .prolei ul a:nth-child(2){background: url(../images/icon02.png) no-repeat center -5px;}
.products .prolei ul a:nth-child(3){background: url(../images/icon03.png) no-repeat center -5px;}
.products .prolei ul a:nth-child(4){background: url(../images/icon04.png) no-repeat center -5px;}
.products .prolei ul a:nth-child(5){background: url(../images/icon05.png) no-repeat center -5px;}

.products .prolei ul .on{background-position: center -95px !important;background-color: #1348a7 !important;}
.products .prolei li a:after{ content:""; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #1348a7; position:absolute; left:50%; margin-left:-10px; bottom:-10px}
.products .prolei ul a.on:after{ content:""; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #1348a7; position:absolute; left:50%; margin-left:-10px; bottom:-10px; z-index:99}
.products .prolei ul .on p{color: #fff;}

.ind_r{width:calc(40% - 80px); height:322px;float:right; padding:40px; background-color: rgba(19, 72, 167, 0.8);}
.ind_r b{color: #fff;font-weight: bold;font-size:24px;display: block;}
.ind_r b:after{content: ""; display: block;height: 1px;width:30px;margin:15px 0;background: #fff;}
.ind_r p{color: #fff;font-size: 16px;line-height: 30px;}
.ind_r a{width: 140px;height: 46px;line-height: 46px;display: block;background: #fff;color: #1348a7;margin-top:30px;font-size: 16px;  border-radius: 50px; text-align:center }
.ind_r a:hover{background:#eee;color:#333;}

.products .tempWrap{height: 402px; overflow:hidden}
.products_cont{height:402px; background:url(../images/proconbg.jpg) no-repeat center center; background-size:cover;}
.products_cont img{ width:auto; max-width:60%; display:block; float:left}

.hotpro{ width:100%; max-width:1240px; margin:0 auto}
.hotpro .ptitle{ margin:40px 0 20px 0;}
.hotpro h3{ font-size:30px; font-weight:bold;}
.hotpro{ clear:both}

.hotpro .conn{ margin-top:-80px}
.hotpro li .item{ float:left; width:calc(23.5% - 4px); margin-right:2%; border:solid 1px #ddd; padding:1px; margin-top:80px; position:relative; overflow:hidden}
.hotpro li .item:nth-child(4n){ margin-right:0}
.hotpro .item .pic{ height:auto; display:block; overflow:hidden;}
.hotpro .item .pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;}
.hotpro .item:hover .pic img{transform:scale(1.2);}
.hotpro .item .wenzi{ line-height:55px;height:55px; width:100%; overflow:hidden; background:#f3f5f6; text-align:center; position:relative}

.hotpro .wenzi,.hotpro .wenzi:before{-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease; position:relative}
.hotpro .wenzi:before{ content:""; width:100%; height:100%; position:absolute;  left:0;bottom:-100%;background:#1348a7;}
.hotpro .item:hover .wenzi:before{ bottom:0;}
.hotpro .item:hover .pic{background:#1348a7}
.hotpro .item .wenzi span{ position:absolute; width:100%; height:100%; left:0}
.hotpro .item:hover .wenzi span{ color:#fff;}


.hotpro .flex-direction-nav a {width: 36px;height: 36px;margin: 0;display: block;position: absolute;top:25px;z-index: 10;cursor: pointer;text-indent: -9999px;opacity:1;filter:alpha(opacity=100);-webkit-transition: all .3s ease;}
.hotpro .flex-direction-nav .flex-next { background:url(../images/jianyou.png) no-repeat center center;right:0%;opacity:1;filter:alpha(opacity=100);}
.hotpro .flex-direction-nav .flex-prev {background:url(../images/jianzuo.png) no-repeat center center;left:calc(100% - 80px);opacity:1;filter:alpha(opacity=100);}
.hotpro .flexslider .flex-next:hover {opacity:1;filter:alpha(opacity=100);background:url(../images/jianyou02.png) no-repeat center center;opacity:1;filter:alpha(opacity=100);}
.hotpro .flexslider .flex-prev:hover {opacity:1;filter:alpha(opacity=100);background:url(../images/jianzuo02.png) no-repeat center center;opacity:1;filter:alpha(opacity=100);}
.hotpro .flexslider .flex-next:hover {background:url(../images/jianyou02.png) no-repeat center center;opacity:1;filter:alpha(opacity=100);}
.hotpro .flexslider .flex-prev:hover {background:url(../images/jianzuo02.png) no-repeat center center;opacity:1;filter:alpha(opacity=100);}
.hotpro .flex-control-nav { display:none}

.about .conn{ background:#fff; margin-top:30px;}
.about .cpic{ float:left; width:50%;}
.about .flex-control-nav {position: absolute;bottom:20px; width:100%; text-align:center}
.about .flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;}
.about .flex-control-paging li a {background:#fff;display:block;height:12px;width:12px;overflow: hidden;text-indent:-99em;cursor: pointer;border-radius: 50%; border:solid 1px #1348a7;transition: all .3s ease; }
.about .flex-control-paging li a.flex-active {background: #1348a7;}
.about .flexslider .slides a img {width: 100%; max-width:1240px; margin:0 auto;display: block; height:auto}
.about .wenzi{ float:right; width:calc(50% - 60px); padding:20px 30px 20px 30px;}
.about .wenzi h3{font-weight: bold;font-size:24px;display: block; color:#000; line-height:45px;}
.about .wenzi h3:after{content: ""; display: block;height: 1px;width:30px;margin:15px 0;background: #1348a7;}
.about .wenzi .jian{ line-height:28px; margin-bottom:20px;}
.about .wenzi .jian a{color: #1348a7;}
.about .quite { border-top:solid 1px #f3f5f6; }
.about .quite li{ float:left; width:33.33%;padding-top:10px;transition: all .3s ease; }
.about .quite li:hover{padding-top:5px;transition: all .3s ease;}
.about .quite li .icon{ width:60%; max-width:55px; margin:10px auto}
.about .quite li .biao{ text-align:center; clear:both}


.news .conn{ margin-top:30px;}
.news .conn li{ float:left; width:49%; margin-bottom:2%}
.news .conn li:nth-child(2n){ float:right}
.news .conn li:nth-child(2n+1){ clear:both}
.news li .pic{ height:auto; display:block; overflow:hidden; float:left; width:calc(28% - 4px); padding:1px; border:solid 1px #ddd;}
.news li .pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;}

.news li:hover .pic img{transform:scale(1.2);}
.news li .wenzi{ float:right; width:70%}
.news li .wenzi h3{ line-height:35px; font-size:18px; margin-bottom:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news li .wenzi p{ color:#666; line-height:28px; font-size:15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.news .more{ line-height:45px; height:45px;width:180px; border:solid 1px #ddd; overflow:hidden; text-align:center; margin:20px auto 0 auto; }
.news .more,.news .more:before{-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease; position:relative}
.news .more:before{ content:""; width:100%; height:100%; position:absolute;  left:0;bottom:-100%;background:#1348a7;}
.news .more:hover:before{ bottom:0;}
.news .more span{ position:absolute; width:100%; height:100%; left:0}
.news .more:hover span{ color:#fff;}


.footer .footertop{ border-top:solid 5px #1348a7; background:#3e3e3e; padding:45px 0 60px 0;color:#b0b0b0; font-size:15px;  }
.footer .content {width: 100%;display:flex;display:-webkit-flex;justify-content : space-between; }
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content : space-between;}
.footer li {display:inline-block;cursor:pointer;}
.footer li:last-child{ width:290px;}
.footer h3{ color:#fff; margin-bottom:10px; font-weight:bold; font-size:18px; }
.footer h3 a{color:#fff;}
.footer p{ color:#b0b0b0; line-height:26px; clear:both}
.footer p a{ color:#b0b0b0}
.footer li:nth-child(4) .kuai{ float:left; margin-right:30px; text-align:center}
.footer img{ margin-top:10px; width:100%; max-width:130px; margin-bottom:10px;}
.footer li:last-child p span:nth-child(1){ float:left; width:50px;}
.footer li:last-child p span:nth-child(2){ float:left; width:calc(100% - 50px);}

.copyright{ background:#2b2b2b; padding:15px 0 25px 0; font-size:15px; text-align:center;}


.toolbar {width: 52px;position: fixed;right: 1%;top: 50%;margin-top: -115px;z-index: 999;}
.toolbar dd {width: 51px;height: 51px;margin-bottom: 1px;position: relative;-webkit-border-radius: 100%;border-radius: 100%;margin-top: 4px;border: #ebebeb solid 1px;background-color: #fff;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i {width: 51px;height: 51px;display: block;position: absolute;left: 0;top: 0;cursor: pointer;text-align: center;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i span {width: 35px;height: 35px;display: block;margin: 8px 0 0 8px;background: url(../images/rightfixicon.png) no-repeat 0 0;}
.toolbar dd.gottop {display: none;}
.toolbar .slide-tel {display: block;width: 0;height: 53px;line-height: 53px;font-size: 24px;font-weight: bold;font-family: arial;color: #FFF;position: absolute;padding: 0 0 0 53px;top: -1px;right: -2px;-webkit-border-radius: 50px;border-radius: 50px;overflow: hidden;}
.toolbar .pop {position: absolute;right: 90px;top: -65px;background: #0e4ca1;display: none;}
.toolbar .pop-code {width: 320px; padding:0 20px 20px 20px;}
.toolbar .pop-code li{ float:left; width:50%}
.toolbar .pop-code img {width: 120px;height: 120px;display: block;padding: 20px 20px 10px 20px;}
.toolbar .pop-code h3 {height: 52px;line-height: 22px;text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap;}
.toolbar .pop-code h3 b {display: block;font-size: 14px;font-weight: normal;}
.toolbar .qq span {background-position: -35px -47px;}
.toolbar .qq a {width: 52px;height: 52px;cursor: pointer;display: block;}
.toolbar .qq:hover {background-color: #0e4ca1;border-radius: 100%;}
.toolbar .qq:hover span {background-position: 0 -47px;}

.toolbar .feedback span {background-position: -35px -92px;}
.toolbar .feedback a {width: 52px;height: 52px;cursor: pointer;display: block;}
.toolbar .feedback:hover {background-color: #0e4ca1;border-radius: 100%;}
.toolbar .feedback:hover span {background-position: 0 -92px;}


.toolbar .tel span {background-position: -35px 0;}
.toolbar .tel:hover {background: #0e4ca1;}
.toolbar .tel:hover span {background-position: 0 0;}
.toolbar .code span {background-position: -35px -138px;}
.toolbar .code:hover {background-color: #0e4ca1;border-radius: 100%;}
.toolbar .code:hover span {background-position: 0 -138px;}
.toolbar .top span {background-position: -35px -184px;}
.toolbar .top:hover {background-color: #0e4ca1;border-radius: 100%;}
.toolbar .top:hover span {background-position: 0 -184px;}
.toolbar dd:hover {}



/*.page{ margin:0 auto; width:1240px}*/

.nban{width:100%;height:350px;position:relative; padding-top:104px;}
.nban:before{content:'';width:100%;height:100%;background:rgba(22,16,7,0.2);position:absolute;top:0;left:0;}
.nban .page{position:relative;height:350px;}
.nban_txt{width: 100%;position:absolute;top:50%;left:0;margin-top:-39px;text-align:center;}
.nban_txt span{font-size:48px;font-weight:bold;color:#fff;letter-spacing: 5px;display: inline-block;animation:nbanA 2s infinite;}
.nban_txt span:nth-child(2){animation-delay: 0.2s;}
.nban_txt span:nth-child(3){animation-delay: 0.4s;}
.nban_txt span:nth-child(4){animation-delay: 0.6s;}
.nban_txt span:nth-child(5){animation-delay: 0.8s;}
.nban_txt span:nth-child(6){animation-delay: 1s;}
.nban_txt span:nth-child(7){animation-delay: 1.2s;}
.nban_txt p.desc{display:block;color:#fff; font-size:20px; margin-top:10px;letter-spacing: 2px;background: url(../images/roll02.jpg) no-repeat left;background-clip: content-box;-webkit-background-clip: text;color: transparent;animation: moveBg 5s linear infinite;-webkit-animation: moveBg 5s linear infinite;}

@keyframes nbanA{
0%{transform: translateY(0px);}
50%{transform: translateY(-20px);}
100%{transform: translateY(0px);}
}
@keyframes moveBg {
  0% {
    background-position: -50% 0%;
  }

  100% {
    background-position: 50% 50%;
  }
}

/*内页*/
#webdh,p.desc,#bodycon #left,.pcontent_title_h4{display:none;}

.mianbxContent{width: 100%; line-height:62px; font-size:14px; height: 62px;margin-bottom: 40px;background: rgb(249, 248, 247);border-top: 1px solid rgb(239, 234, 224);border-bottom: 1px solid rgb(239, 234, 224);}
.mianbxContent p{background:url(../images/location.png) no-repeat left center; padding-left:30px; color:#666}
.mianbxContent p a{ color:#666;}


.nguide{ text-align:center}
.nguide ul{ text-align:center; display:inline-block; vertical-align:middle; font-size:0}
.nguide li{ display:inline-block;font-size:16px; line-height:45px; margin:0 10px 10px; position:relative;}
.nguide li a{ display:block;padding:0px 40px;color:#333; background:#e6e6e6;}
.nguide li a.cur,.nguide li a:hover{ background:#1348a7; color:#fff}

.nguide li a.cur:after, .nguide li a:hover:after{ content:""; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #1348a7; position:absolute; left:50%; margin-left:-6px; bottom:-6px}


.nabout .wrap{ box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.1);}
.nabout .cpic{ float:left; width:46%;}
.nabout .cpic .teshu{ text-align:center; background:#1348a7; padding:30px 0 35px 0; color:#fff;}
.nabout .cpic .teshu h3{ font-size:25px; font-weight:bold; margin-bottom:10px;}
.nabout .cpic .teshu p{ font-size:18px;}
.nabout .flex-control-nav {position: absolute;bottom:20px; width:100%; text-align:center}
.nabout .flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;}
.nabout .flex-control-paging li a {background:#fff;display:block;height:12px;width:12px;overflow: hidden;text-indent:-99em;cursor: pointer;border-radius: 50%; border:solid 1px #1348a7;transition: all .3s ease; }
.nabout .flex-control-paging li a.flex-active {background: #1348a7;}
.nabout .wenzi{ float:right; padding:2.5% 2% 0 2%; width:50%;}
.nabout .wenzi h3{font-weight: bold;font-size:24px;display: block; color:#000;}
.nabout .wenzi h3:after{content: ""; display: block;height: 1px;width:30px;margin:15px 0;background: #1348a7;}
.nabout .wenzi .jian{ line-height:28px; margin-bottom:20px;}
.nabout .wenzi .jian p{ margin-bottom:10px; }

.nwenhua li{ float:left; width:23.5%; margin-right:2%}
.nwenhua li:nth-child(4){ margin-right:0; }
.nwenhua li .pic{ max-width:150px; margin:0 auto; border-radius:50%; overflow:hidden; border:solid 10px #ddd;}
.nwenhua li .pic img{ width:100%; height:auto;cursor: auto;transition: all 1.5s;}
.nwenhua li:hover .pic img{transform:scale(1.2);}
.nwenhua li .wenzi{ text-align:center; margin-top:10px;}
.nwenhua li h3{ font-size:20px; font-weight:bold; line-height:32px; position:relative}
.nwenhua li h3:after{content: ""; display: block;height: 1px;width:30px;margin:15px auto;background: #1348a7;}
.nwenhua li p{ line-height:30px;}

.nhonor { text-align:center}
.nhonor li{ display: inline-block; width:31.33%; margin-bottom:2%; margin:0% 1% 2% 1%; text-align:center} 

.nhonor li .pic{ margin:0 auto 10px auto; overflow:hidden; }
.nhonor li .pic img{ width:100%; height:auto;cursor: auto;transition: all 1.5s;}
.nhonor li:hover .pic img{transform:scale(1.2);}



.npro li{ float:left; width:calc(32% - 4px); margin-right:2%;margin-bottom:2%; border:solid 1px #ddd; padding:1px; position:relative; }
.npro li:nth-child(3n){ margin-right:0}
.npro li:nth-child(3n+1){ clear:both}
.npro li .pic{ height:auto; display:block; overflow:hidden;}
.npro li .pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;}
.npro li:hover .pic img{transform:scale(1.2);}
.npro li .wenzi{ line-height:55px;height:55px; width:100%; overflow:hidden; background:#f3f5f6; text-align:center; position:relative}
.npro .wenzi,.npro .wenzi:before{-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease; position:relative}
.npro .wenzi:before{ content:""; width:100%; height:100%; position:absolute;  left:0;bottom:-100%;background:#1348a7;}
.npro li:hover .wenzi:before{ bottom:0;}
.npro li:hover .pic{background:#1348a7}
.npro li .wenzi span{ position:absolute; width:100%; height:100%; left:0}
.npro li:hover .wenzi span{ color:#fff;}



.show01{ position:relative;}
.show01 .pro-switch{ float:left; width:45%; border:solid 1px #ddd;}
.show01 .pro-switch img{ width:100%; height:auto; display:block}
.show01 .flex-control-nav { width:100%; position: absolute; z-index:99;bottom:10px; text-align:center }
.show01 .flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;}
.show01 .flex-control-paging li a {background:#ccc;display:block;height:12px;width:12px;background-size:cover; overflow: hidden;text-indent:-99em;cursor: pointer;border-radius: 50%;transition: all .3s ease; }
.show01 .flex-control-paging li a.flex-active {background:#1348a7;margin-top:0px;}

.show01 .wenzi{ float:right; width:50%; }
.nmain .stitle h3 {line-height: 40px;font-size: 30px;font-weight: bold;}
.nmain .stitle h3:after{content: ""; display: block;height: 1px;width:30px;margin:15px 0;background: #1348a7;}
.nmain .sconn{ line-height:30px; font-size:16px; padding:0px 0 40px 0;  }

.lianxiq{ position: absolute; background:url(../images/ntel.png) no-repeat left 25px; line-height:24px; height:50px; padding-left:60px;border-top:solid 1px #ddd; width:calc(50% - 60px); right:0; bottom:0px; padding-top:20px; }
.lianxiq h3{ font-size:24px; font-weight:bold }

.lianxiq .zixun{  width:150px; float:right; margin-top:-45px}
.lianxiq .zixun a{ display:block; color:#fff; width:90%; line-height:45px; border-radius:5px; text-align:center;background:url(../images/zixun.png) #1348a7 no-repeat 20px center; padding-left:10%;}
.lianxiq .zixun a:hover{background:url(../images/zixun.png) #fd4040 no-repeat 20px center;}

.nmain {line-height:30px;}
.nmain .tabmenu { text-align:center; }
.nmain .tabmenu li {color:#fff; background-color:#999; font-size:20px;line-height:45px; padding:0px 36px; margin:0 5px;display:inline-block; border:solid 1px #ddd; border-radius:5px 5px 0 0; cursor:pointer}

.nmain #tabcontent { clear:both;border-top:solid 2px #1348a7; padding:30px 0 20px 0; position: relative;z-index: 9;margin-top: -1px;}
.nmain .tabmenu .cli { background-color: #1348a7; color:#fff; }
.nmain #tabcontent .hidden {display:none; }
.nmain #tabcontent ul{ -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease}
.nmain #tabcontent ul img{ width:auto; max-width:100%; height:auto; display:block}
.nmain #tabcontent ul h3{ font-weight:bold}
.nmain #tabcontent ul table{ width:100%; margin:0 auto; border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;}
.nmain #tabcontent ul table td{ padding:8px 12px; border-top:solid 1px #ddd;border-left:solid 1px #ddd; }
.nmain #tabcontent ul table tr:nth-child(2n+1){ background-color:rgb(19,72,167,0.1)}

.nnews .newskuai:last-child{ margin-bottom:30px;}
.nnews .newskuai{position: relative;}
.nnews .newskuai:after{ position:absolute; z-index:-9;content: ""; height: 100%;left:0%;width:0px;background:rgb(249, 248, 247); top:0;transition: all 0.5s;}
.nnews .newskuai:hover:after{ width:100%;}
.nnews .newskuai .wrap{border-bottom: 1px solid #e0e0e0;padding: 20px 0; position:relative;}

.nnews .newskuai .pic{ overflow:hidden; float:left; width:calc(25% - 4px); padding:1px; border:solid 1px #ddd; }
.nnews .newskuai .pic img{ width:100%; height:auto;cursor: auto;transition: all 1.5s;}
.nnews .newskuai:hover .pic img{transform:scale(1.2);}
.nnews .newskuai .wenzi{ float:left; width:60%; padding: 0 2%;}
.nnews .newskuai .wenzi h3{ line-height:40px; font-size:20px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap; margin-bottom:10px; font-weight:bold}
.nnews .newskuai .wenzi p{ line-height:28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; color:#666}
.nnews .newskuai .date{ float:right; width:calc(8% - 1px); padding-left:2%; border-left:1px solid #e0e0e0; padding-top:30px; padding-bottom:30px;}
.nnews .newskuai .date h3{ font-size:32px; margin-bottom:20px; color:#666;}
.nnews .newskuai .date p{ font-size:20px; margin-bottom:30px; color:#999}
.nnews .newskuai .date .more{ width:12px; height:22px; background:url(../images/njianh.png) no-repeat left center;transition: all 1.5s;}
.nnews .newskuai:hover .date .more{ width:12px; height:22px; background:url(../images/njianb.png) no-repeat left center;transition: all 1.5s; margin-left:20px;}



.newsxiang .title{ text-align:center; border-bottom:solid 1px #ddd;}
.newsxiang .title h3{ color:#000; line-height:30px; margin-bottom:8px; font-size:24px;}
.newsxiang .title p{ line-height:32px; margin-bottom:15px; font-size:14px; color:#999;}

.newsxiang .conn{ line-height:30px; padding:30px 0 50px 0}
.newsxiang .conn img{max-width:100%; height:auto; display:block; margin:0 auto 5px;}
.newsxiang .conn .img001s img{height:25px; width:auto; display: inline-block; margin:0 !important;}
.newsxiang .conn video{ display:block; width:auto; max-width:800px; height:auto; margin:0 auto}

.newsxiang .conn table{ font-size:14px; border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;}
.newsxiang .conn td{ border-top:solid 1px #ddd;border-left:solid 1px #ddd; padding:8px;}

.back02 a{ width:160px; height:40px; line-height:40px; margin-top:40px; float:right; display:block; border:solid 2px #1348a7; color:#1348a7; text-align:center;}
.back02 a:hover{ background:#1348a7; color:#fff}

.shangxia{ border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; line-height:30px; padding:15px 0; font-size:16px;}
.shangxia a{ color:#666}
.shangxia li{ float:left;}
.shangxia li:last-child{ float:right;}
.shangxia a:hover{ color:#0a0f72}


.sanli li{ float:left; width:32%; margin-right:2%}
.sanli li:nth-child(3n){ margin-right:0}

.down .conn{ padding-top:30px;}
.down span{ text-align:center; display:block; float:left}
.down .dtop{ background-color:#e6e6e6; line-height:50px; font-size:18px;}
.down .dbottom{line-height:50px; font-size:16px}
.down .dbottom img{ display:block; height:30px; width:auto; margin:10px auto}
.down .dbottom li .dimg01{ display:block}
.down .dbottom li .dimg02{ display:none}
.down .dbottom li:hover .dimg01{ display:none}
.down .dbottom li:hover .dimg02{ display:block}
.down .dbottom li{ border-bottom:solid 1px #ddd}
.down .dbottom li:hover{ background-color:#f3f4f8}
.down .dtop span:nth-child(1), .down .dbottom li span:nth-child(1){ width:calc(52% - 15px); padding-left:15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.down .dtop li span:nth-child(1), .down .dbottom li span:nth-child(1){text-align:left}
.down .dtop span:nth-child(2), .down .dbottom li span:nth-child(2){ width:12%}
.down .dtop span:nth-child(3), .down .dbottom li span:nth-child(3){ width:12%}
.down .dtop span:nth-child(4), .down .dbottom li span:nth-child(4){ width:12%}
.down .dtop span:nth-child(5), .down .dbottom li span:nth-child(5){ width:12%}


.aq .aqkuai:first-child{ margin-top:20px;}
.aq .aqkuai:last-child{ margin-bottom:20px;}
.aq .aqkuai{position: relative;}
.aq .aqkuai:after{ position:absolute; z-index:-9;content: ""; height: 100%;left:0%;width:0px;background:rgb(249, 248, 247); top:0;transition: all 0.5s;}
.aq .aqkuai:hover:after{ width:100%;}
.aq .aqkuai .wrap{border-bottom: 1px solid #e0e0e0;padding: 20px 0; position:relative;}


.aq .aqkuai .wenzi{ float:left; width:85%; padding-right:2%;}
.aq .aqkuai .wenzi h3{ line-height:30px; font-size:18px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.aq .aqkuai .wenzi p{ line-height:28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; color:#666}
.aq .aqkuai .date{ float:right; width:9%; padding-left:2%;}
.aq .aqkuai .date h3{ font-size:24px; margin-bottom:10px; color:#666;}
.aq .aqkuai .date p{ font-size:16px;line-height:30px;color:#999}
.aq .aqkuai .date .more{ width:12px; height:22px; background:url(../images/njianh.png) no-repeat left center;transition: all 1.5s;}
.aq .aqkuai:hover .date .more{ width:12px; height:22px; background:url(../images/njianb.png) no-repeat left center;transition: all 1.5s; margin-left:20px;}

.ncontact .lianxi{ margin-bottom:50px;}
.ncontact .lianxi li{ float:left; width:25%;}
.ncontact .lianxi p{ line-height:28px; color:#333; text-align:center; font-size:16px;}
.ncontact .lianxi .pic{ width:60%; max-width:124px; margin:20px auto 20px auto;}
.ncontact .lianxi .pic img{ width:100%; height:auto}

.ncontact .liuyan{ width:100%; max-width:800px; margin:0 auto}
.ncontact .liuyan input{float:left;border:solid 1px #ddd; line-height:42px; height:42px; padding-left:2%; margin-bottom:20px;}
.ncontact .liuyan  ::-webkit-input-placeholder { color: #999;}



.ncontact .liuyan .input01{ padding-left:2%; width:calc(98% - 2px); font-size:14px;}
.ncontact .liuyan .input03{ border:solid 1px #ddd; line-height:42px; height:160px;padding-left:2%; width:calc(98% - 2px); margin-bottom:20px;font-size:14px;}
.ncontact .liuyan .input04{ padding-left:2%; width:25%;font-size:14px;}
.ncontact .liuyan .button{ width:336px; margin:20px auto;}
.ncontact .liuyan .button01{ width:138px; line-height:40px; text-align:center; color:#333; background:#e6e6e6; border:none; margin:0 10px;font-size:14px;}
.ncontact .liuyan .button02{ width:138px; line-height:40px; text-align:center; color:#fff; background:#1348a7; border:none; margin:0 10px;font-size:14px;}