body,p,h1,h3,h2,ul,li,dl,dt,dd,img,a{margin: 0;padding: 0;list-style: none;border: none;}
a,p,div,span{font-family: Microsoft Yahei;text-decoration: none;}
p,a,dd,div{font-size: 14px;color: #535353;}
.w{width: 1200px;margin: 0 auto;}
body{overflow-x: hidden;}

input::-webkit-input-placeholder{color:#fff;}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#fff;}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
color:#fff;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
color:#fff;
}
.fl{float: left;}
.fr{float: right;}
.flickerplate{position: relative; width: 100%;height: auto; background:none;overflow: hidden}
.flickerplate ul.flicks{width: 10000%; height: 100%; padding: 0px; margin: 0px; list-style: none}
.flickerplate ul.flicks>li{float: left; width: 1%; height: 100%; background-position: center; background-size: cover; display: table}
.flickerplate ul.flicks>li .flick-inner{height: 100%; color: #fff; display: table-cell; vertical-align: middle}
.flickerplate ul.flicks>li img{width: 100%;display: block;}
.flickerplate .arrow-navigation{position: absolute; height: 80%; width: 10%; top: 10%; z-index: 100; overflow: hidden}
.flickerplate .arrow-navigation .arrow{display: block; height: 100%; width: 90%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out}
.flickerplate .arrow-navigation:hover, .flickerplate .arrow-navigation .arrow:hover{cursor: pointer}
.flickerplate .arrow-navigation.left{left: 0%}
.flickerplate .arrow-navigation.left .arrow{opacity: 0; margin: 0px 0px 0px 50%; background-image: url(../images/left.png); background-repeat: no-repeat; background-position: left}
.flickerplate .arrow-navigation.right{right: 0%}
.flickerplate .arrow-navigation.right .arrow{opacity: 0; margin: 0px 0px 0px -50%; background-image: url(../images/right.png); background-repeat: no-repeat; background-position: right}
.flickerplate .arrow-navigation.left.hover .arrow{opacity: 1; margin: 0px 0px 0px 20%}
.flickerplate .arrow-navigation.right.hover .arrow{opacity: 1; margin: 0px 0px 0px -20%}
.flickerplate .dot-navigation{position: absolute; bottom: 15px; width: 100%; text-align: center; z-index: 100;}
.flickerplate .dot-navigation ul{text-align: center; list-style: none; padding: 0px 15px}
.flickerplate .dot-navigation ul li{display: inline-block; float: none}
.flickerplate .dot-navigation .dot{width: 10px; height: 10px;border-radius: 50%; margin: 0px 6px; background: #fff;-webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; -ms-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out}
.flickerplate .dot-navigation .dot:hover{cursor: pointer; background: #f66d30;}
.flickerplate .dot-navigation .dot.active{background-color: #f66d30}
.flickerplate.animate-transform-slide ul.flicks{-webkit-perspective: 1000; -webkit-backface-visibility: hidden; transform: translate3d(0%, 0px, 0px); -webkit-transform: translate3d(0%, 0px, 0px); -webkit-transition: -webkit-transform 0.6s; -o-transition: -o-transform 0.6s; -moz-transition: -moz-transform 0.6s; transition: transform 0.6s}
.flickerplate.animate-transition-slide ul.flicks{position: relative; left: 0%; -webkit-transition: left 0.4s ease-out; -moz-transition: left 0.4s ease-out; -o-transition: left 0.4s ease-out; -ms-transition: left 0.4s ease-out; transition: left 0.4s ease-out}
.flickerplate.animate-jquery-slide ul.flicks{position: relative; left: 0%}
.flickerplate.animate-scroller-slide{padding-bottom: 0px; overflow: auto}
.flickerplate.animate-scroller-slide ul.flicks{position: auto}
.banner img{}
.bn img{width: 100%;}
.head{height: 105px;}
.menu ul li{float: left;margin-left: 33px;}
.logo a{display: block;width: 226px;height: 52px;background: url(../images/logo.png);text-indent: -9999em;}
.logo {padding-top: 28px;}
.menu ul li a{color: #5f5f5f;font-size: 15px;transition: all ease-out .3s;display: block;height: 105px;line-height: 105px;}
.menu ul li:hover a,.menu ul li.hover a{color: #0274bb;font-weight: bold;}

.f1{height: auto;overflow: hidden;}
.f1r{width: 538px;background: #0074c1;height: 542px;}
.f1l{width: 640px;padding-top: 46px;}
.f1lt{height: auto;overflow: hidden;}
.f1lt h2{font-size: 32px;color: #333;font-weight: bold;float: left;}
.f1lt h2 i{color: #0074c1;font-style: normal;}
.f1lt h2 span{font-weight: normal;display: inline-block;font-size: 17px;color: #a6a6a6;padding-left: 12px;text-transform: uppercase;}
.f1lt a{display: block;float: right;font-size: 16px;color: #0074c1;}
.f1lt h2,.f1lt a{height: 40px;line-height: 40px;}
.f1lb{height: auto;overflow: hidden;padding-top: 32px;}
.f1lb a{display: block;float: left;margin-right: 18px;margin-bottom: 14px;width: 310px;height: 205px;position: relative;overflow: hidden;}
.f1lb a:nth-child(2n){margin-right: 0;}
.f1lb a .pic img{display: block;width: 310px;height: 205px;}
.f1lb a p{text-align: center;font-size: 20px;color: #f2f3f5;z-index: 999;height: 30px;line-height: 30px;transition: all ease-in-out .3s; top: 205px;}
.f1lb a p,.f1lb a .ceng{position: absolute;width: 310px;}
.f1lb a .ceng{z-index: 88;height: 205px;width: 310px;transition: all ease-in-out .3s; text-align: center;top: 0px;left: 0;display: flex;align-items: center;justify-content: center;}
.f1lb a:hover .ceng{background: rgba(0,0,0,0.45);}
.f1lb a:hover p{top: 134px;}
.f1r .form{padding: 85px 26px 0;}
.f1r .form h2{color: #fff;font-weight: normal;font-size: 18px;padding-bottom: 50px;}
.f1r .form h2 span{font-size: 14px;display: inline-block;padding-left: 20px;}
.f1r .form input,.f1r .form textarea{display: block;border: 1px solid #54a2d5;padding: 6px;background: none;color: #fff;box-sizing: border-box;}
.f1r .form input{width: 236px;height: 34px;line-height: 34px;}
.f1r .form p{height: auto;overflow: hidden;margin-bottom: 40px;}
.f1r .form p input.sub{cursor: pointer;width: 122px;height: 40px;line-height: 28px;float: right;font-size: 16px;}
.f1r .form textarea{width: 100%;height: 120px;}
.f1r .form p input:focus,.f1r .form p textarea:focus{border:1px solid #72bae9;}
.f1r .form p input.sub:hover{border:1px solid #72bae9;}

.f2{width: 1200px;position: relative;padding-top: 10px;margin: 50px auto 0;height: 533px;}
.f2t{position: absolute;left: 0;top: 0;z-index: 99;width: 97px;height: 305px;background: url(../images/bg_f2t.png) no-repeat 0 0;display: flex;justify-content: center;}
.f2t h2{color: #fff;font-weight: bold;font-size: 30px;width: 35px;line-height: 1.1em;text-align: center;padding-top: 20px;}
.f2 .hd{width: 925px;left: 635px;position: absolute;top: 10px;background: url(../images/bg_hd.jpg) no-repeat 0 0;}
.f2 .hd,.f2 .bd{height: 533px;}
.f2 .bd{position: absolute;left: -360px;top: 10px;width: 995px;overflow: hidden;}
.f2 .bd img{width: 995px;height: 533px;}
.f2 .hd ul li{float: left;border-bottom: 1px dashed #7ca6cf;width: 282px;margin-bottom: 20px;}
.f2 .hd ul{width: 564px;padding-top: 16px;}

.f2 .hd ul li a{display: block;font-size: 18px;color: #ffffff;padding-top: 105px;padding-bottom: 20px;text-align: center;}
.f2 .hd ul li a:hover{color: #ffb923;}
.f2 .hd ul li.li1 a{background: url(../images/li1.png) no-repeat center top;}
.f2 .hd ul li.li2 a{background: url(../images/li2.png) no-repeat center top;}
.f2 .hd ul li.li3 a{background: url(../images/li3.png) no-repeat center top;}
.f2 .hd ul li.li4 a{background: url(../images/li4.png) no-repeat center top;}
.f2 .hd ul li.li5 a{background: url(../images/li5.png) no-repeat center top;}
.f2 .hd ul li.li6 a{background: url(../images/li6.png) no-repeat center top;}
.f2 .hd ul li.li5,.f2 .hd ul li.li6{border-bottom: none;}
.f2 .hd ul li.li1 a:hover{background: url(../images/li1h.png) no-repeat center top;}
.f2 .hd ul li.li2 a:hover{background: url(../images/li2h.png) no-repeat center top;}
.f2 .hd ul li.li3 a:hover{background: url(../images/li3h.png) no-repeat center top;}
.f2 .hd ul li.li4 a:hover{background: url(../images/li4h.png) no-repeat center top;}
.f2 .hd ul li.li5 a:hover{background: url(../images/li5h.png) no-repeat center top;}
.f2 .hd ul li.li6 a:hover{background: url(../images/li6h.png) no-repeat center top;}
.f3{margin-top: 70px;}
.f3t{text-align: center;}
.f3t h2{color: #323232;font-weight: normal;font-size: 41px;margin-bottom: 6px;}
.f3t p{font-size: 16px;color: #7b7b7b;}
.f3b{margin-top: 50px;}
.f3b .hd{}
.f3b .hd ul{text-align: center;}
.f3b .hd ul li{display: inline-block;margin: 0 4px;}
.f3b .hd ul li.on a{color: #fff;background: #026eb5;}
.f3b .hd ul li a{font-size: 16px;display: inline-block; font-weight: bold;width: 176px;height: 40px;line-height: 40px;text-align: center;background: #f0f0f0;border-radius: 30px;}
.more{text-align: center;margin-top: 32px;}
.f3b .bd{height: 456px;overflow: hidden;margin-top: 32px;}
.more a{font-size: 16px;transition: all ease-in-out .3s; color: #026eb5;text-transform: uppercase;display: inline-block;height: 40px;line-height: 40px;border:1px solid #e5e5e5;width: 174px;text-align: center;border-radius: 40px;}
.more a:hover{border: 1px solid #026eb5;}
.bdt{height: auto;overflow: hidden;}
.bdtl,.bdtl img{width: 587px;}
.bdtr{width: 586px;}
.bdtr a{float: left;text-align: center;margin-right: 19px;margin-bottom: 10px;}
.bdtr a img,.bdtr a{width: 282px;}
.bdtr a p{font-size: 19px;color: #545454;height: 40px;line-height: 40px;}
.bdtr a img{height: 174px;}
.bdtr a:nth-child(2n){margin-right: 0;}

.f4,.f5{margin-top: 80px;}
.f4t{text-align: center;}
.f4t h2{font-size: 41px;color: #333333;font-weight: normal;margin-bottom: 8px;}
.f4t p{font-size: 14px; }
.f4b{width: 1330px;margin: 0 auto;}
.f4b .hd{height: 40px;position: relative;}
.f4b .hd a{display: block;width: 18px;height: 34px;cursor: pointer;position: absolute;top: 130px;}
.f4b .hd a.prev{left: 0;background: url(../images/prev.png) no-repeat 0 0;}
.f4b .hd a.next{right: 0;background: url(../images/next.png) no-repeat 0 0;}
.f4b .bd{padding-left: 65px;width: 1200px;overflow: hidden;}
.f4b .bd ul li{float: left;width: 287px;margin-right: 17px;}
.f4b .bd ul li .pic{width: 287px;display: flex;justify-content: center;align-items: center;height: 220px;}
.f4b .bd ul li a{display: block;text-align: center;}
.f4b .bd ul li a p{font-size: 18px;height: 50px;line-height: 50px;color: #393939;margin-top: 10px;}
.f4b .bd ul li a .pic img{object-fit:cover;max-width: 287px;max-height: 220px;}

.f5t{text-align: center;}
.f5t h2{font-size: 36px;color: #333333;margin-bottom: 8px;font-weight: normal;background: url(../images/bg_h2.png) no-repeat center center;}
.f5t p{font-size: 14px;}

.f5b{height: auto;overflow: hidden;}
.f5bl{width: 565px;}
.f5br{width: 610px;}
.f5b{margin-top: 48px;}
.f5bl .pic img{width: 565px;object-fit:cover;height: 252px;}
.f5bl h2 a{font-size: 22px;color: #494949;font-weight: normal;}
.f5bl h2{height: 40px;line-height: 40px;overflow: hidden;margin: 10px 0;}
.f5bl p{font-size: 12px;color: #959494;line-height: 1.8em;}
.f5br dl dt{float: left;border-right: 1px solid #e3e3e3;width: 110px;text-align: center;line-height: 110px;font-size: 72px;font-weight: bold;color: #dcdcdc;line-height: 73px;}
.f5br dl,.f5br dl dt,.f5br dl dd{height: 73px;overflow: hidden;}
.f5br dl dd{width: 468px;float: right;}
.f5br dl{margin-bottom: 52px;}
.f5br dl dd h2 a{font-size: 17px;color: #494949;font-weight: normal;transition: all ease-in-out .3s;}
.f5br dl dd h2{height: 22px;line-height: 20px;overflow: hidden;position: relative;}
.f5br dl dd h2 span{position: absolute;right: 0;font-size: 12px;color: #959494;font-weight: normal;}
.f5br dl dd p{color: #959494;font-size: 12px;line-height: 1.8em;margin-top: 10px;height: 44px;overflow: hidden;}
.f5br dl dd h2 a:hover{color: #0274bb;}
.f6{background: url(../images/bg_f6.jpg) no-repeat center top;height: 586px;margin-top: 60px;text-align: center;overflow: hidden;}
.f6 h2{font-size: 42px;font-weight: bold;margin: 105px 0 34px;}
.f6 h2,.f6 p{color:#fff;}
.f6 p{width: 844px;margin: 0 auto;line-height: 1.9em;font-size: 15px;}
.f6 .more a{border: 3px solid #517194;border-radius: 30px;color: #fff;height: 30px;line-height: 30px;width: 120px;font-size: 15px;}
.f6b{width: 610px;display: flex;justify-content: space-between;align-items: center;margin: 72px auto 0;}
.f6b a{display: block;color: #fff;font-size: 19px;height: 52px;line-height: 52px;padding-left: 60px;}
.f6b a.a1{background: url(../images/a1.png) no-repeat left center;}
.f6b a.a2{background: url(../images/a2.png) no-repeat left center;}
.f6b a.a3{background: url(../images/a3.png) no-repeat left center;}
#footer{background: url(../images/bg_footer.jpg) no-repeat center top #2d2c32;}
.fttop{padding-top: 60px;height: auto;overflow: hidden;border-bottom: 1px solid #3a3a3a;padding-bottom: 70px;}
.ftl{width: 264px;}
.ftr{width: 790px;}
.ftr ul{float: left;margin-right: 60px;}
.ftr ul.last{margin-right: 0;}
.ftr ul li{height: 30px;line-height: 30px;}
.ftr ul li a{color: #fff;}
.ftr ul li.first {margin-bottom: 13px;}
.ftr ul li.first a{font-size: 16px;font-weight: bold;}
.fttel{font-size: 34px;color: #fff;font-weight: bold;}
.ftl p a{display: inline-block;background: #fff;width: 154px;text-align: center;height: 32px;border-radius: 30px;font-size: 14px;color: #026eb5;line-height: 32px;}
.ftl p a span{display: inline-block;background: url(../images/bg_span.png) no-repeat 0px center;height: 32px;padding-left: 26px;}
.ftl p{text-align: center;margin: 30px 0;}
.ftbottom{height: auto;overflow: hidden;padding: 20px 0;}
.ftbl{width: 625px;}
.ftbl p,.ftbl a{font-size: 13px;color: #8c8c8c;line-height: 1.9em;}
.ftbr{height: auto;overflow: hidden;}
.ftbr .site{height: 50px;line-height: 50px;padding-right: 20px;}
.ftbr .site span,.ftbr .site a{font-size: 13px;color: #8c8c8c;}
.ftbr .site span{display: inline-block;margin: 0 8px;}

#pos{background: #f0f0f0;border-bottom: 1px solid #ddd;margin-top: 0px;}
.pos{height: 50px;line-height: 50px;padding: 0 20px;}
.nr{line-height: 2em;background: #fff;box-shadow: 0 0 18px rgba(12,3,6,.19);padding: 60px;margin: 60px 0;}
.posl{float: left;font-weight: bold;font-size: 22px;color: #0274bb;}
.posr{float: right;}
.posr,.posr a{font-size: 12px;color: #888;}
.posr a{margin: 0 4px;}
.nrcat{padding: 0px 0;text-align: center;border-bottom: 1px solid #ddd;}
.nrcat a{display: inline-block;padding: 4px 20px;transition: all ease-in-out .2s; border: 1px solid #0274bb;font-size: 14px;border-radius: 4px;margin: 10px 10px 40px;color: #0274bb;}
.nrcat a:hover,.nrcat a.hover{background-image: linear-gradient(to right, #0274bb 0%, #1b85d1 100%);color: #fff;}
.nr{line-height: 2em;}
.page,.photo{padding: 40px 0 60px;}
.fenye{text-align: center;padding: 20px 0 50px;}
.fenye a,.fenye span{display: inline-block;margin: 0 4px;padding: 2px 12px;background: #ddd;border-radius: 1px;}
.fenye a:hover,.fenye span.current{background: #0274bb;color: #fff;}
.photo{height: auto;overflow: hidden;}
.photo a{display: block;float: left;border: 1px solid #ddd;border-radius: 2px;}
.photo a .pic{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;align-items: center;justify-content: center;height: 170px;overflow: hidden;}
.photo a,.photo a .pic{width: 250px;}
.photo a{margin-right: 22px;margin-bottom: 30px;}
.photo a img{max-height: 170px;max-width: 250px;}
.photo a:nth-child(4n){margin-right: 0;}
.photo a p{height: 40px;line-height: 40px;text-align: center;transition: all ease-in-out .2s;border-top: 1px solid #ddd;}
.photo a:hover{border: 1px solid #0274bb;}
.photo a:hover p{background-image: linear-gradient(to right, #0274bb 0%, #1b85d1 100%);color: #fff;}
.showt{text-align: center;padding: 30px 0 20px;}
.showt h1{font-weight: normal;font-size: 24px;height: 30px;overflow: hidden;}
.showt .date{font-size: 12px;color: #888;padding-top: 6px;}
.detail{padding-top: 20px;padding-bottom: 40px;}
.content{border-top: 1px solid #ddd;padding-top: 10px;}
.content ul{height: auto;overflow: hidden;padding: 2px 0 40px;}
.content ul li.lil{float: left;}
.content ul li.lir{float: right;}
.news{padding: 40px 0;}
.news dl{border-bottom: 1px dashed #ddd;padding: 18px;transition: all ease-in-out .2s;}
.news dl dd{}
.news dl dd h2{position: relative;font-weight: normal;background: url(../images/dot.png) no-repeat 2px center;padding-left: 18px;}
.news dl dd h2 span{color: #888;font-size: 12px;position: absolute;right: 0;background: #eee;padding: 2px 10px;display: inline-block;}
.news dl dd h2 a{font-size: 18px;transition: all ease-in-out 0.2s;}
.news dl dd h2 a:hover{color: #0274bb;}
.news dl dd p{padding: 10px 0;line-height: 1.9em;height: 40px;overflow: hidden;color: #999;}
.news dl:hover{background: #eee;}
.fuwu{}
.fw1{height: 328px;background: url(../images/bg_fw1.png) no-repeat right 20px;padding-right: 470px;}
.fw2b{text-align: center;padding-top: 50px;}
.n-tj{}
.tj-title{border-bottom: 1px solid #0274bb;}
.tj-title,.tj-title h3{font-weight: normal;height: 40px;line-height: 40px;}
.tj-title h3{color: #fff;padding: 0 14px;background: #0274bb;float: left;}
.tj-pro{}
.pro-list{height: auto;overflow: hidden;padding: 40px 0;}
.pro-list a{display: block;float: left;margin-right: 20px;text-align: center;}
.pro-list a,.pro-list a .pic,.pro-list a .pic img{width: 210px;}
.pro-list a .pic,.pro-list a .pic img{height: 180px;}
.pro-list a p{height: 40px;line-height: 40px;overflow: hidden;}
.tj-news{}
.tj-news ul{height: auto;overflow: hidden;padding: 20px 0 40px;}
.tj-news ul li{float: left;width: 500px;margin-right: 30px;height: 40px;line-height: 40px;overflow: hidden;position: relative;border-bottom: 1px dotted #eee;}
.tj-news ul li a{}
.tj-news ul li span{position: absolute;right: 0;top: 0;color: #888;}



.izl-rmenu{position:fixed;right: 1%;margin-left:532px;bottom:300px;padding-bottom:73px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}