body,p,ul,li,dl,dt,dd,h1,h2,h3{margin: 0;padding: 0;list-style: none;}
p,a,div,body{font-size: 14px;color: #545454;font-family: microsoft yahei;}
.w{width: 1200px;margin: 0 auto;padding: 0px;}
a{text-decoration: none;}
.fl{float: left;}
.fr{float: right;}
.df{display: flex;justify-content: space-between;}
.head{height: 85px;}
.top{height: 90px;}
.logo{padding-top: 0px;width: 258px;float: left;}
.logo a{display: block;width: 258px;height: 83px;background: url(../images/logo.png) no-repeat 0 0;text-indent: -9999em;}
.menu{float: right;}
.menu ul{height: 85px;}
.menu ul li{float: left;position: relative;height: 85px;margin-left: 40px;}
.menu ul li a.topa{display: block;font-size: 15px; color: #444444;height: 83px;padding: 0 4px; text-align: center;line-height: 83px;border-bottom: 2px solid #fff;}

.menu ul li:hover a.topa,.menu ul li.hover a.topa{border-bottom: 2px solid #e80012;color: #e80012;}
.menu ul li dl{position: absolute;top: 85px;display: none; left: 0;z-index: 999; width: 68px;text-align: center;background: rgba(231,1,14,0.5);border-radius: 3px;padding: 4px 0;}
.menu ul li dl dd {border-bottom: 1px solid #e80012;}
.menu ul li dl dd a{color: #fff;height: 32px;line-height: 32px;display: block;}
.menu ul li dl dd a:hover{background: #e80012;}

.banner{position: relative;z-index: 888;}
.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: 60px; height: 4px; 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: #e80012;}
.flickerplate .dot-navigation .dot.active{background-color: #e80012}
.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}

.bn img{width: 100%;}


.f1{padding-top: 50px;}
.ftitle{text-align: center;padding: 30px 0 16px;}
.ftitle h2{font-size: 32px;color: #3f3a39;font-weight: normal;background: url(../images/bg_title.png) no-repeat center bottom;padding-bottom: 16px;}
.ftitle h2 a{font-size: 32px;color: #3f3a39;}
.ftitle p{font-size: 15px;color: #8f8e8e;font-weight: normal;margin-top: 10px;}
.f1b{height: auto;overflow: hidden;margin-top: 40px;}
.f1b ul{height: auto;overflow: hidden;text-align: center;}
.f1b ul li{text-align: center;width: 254px;margin-right: 60px;padding-top: 174px;display: inline-block;}
.f1b ul li:nth-child(4n){margin-right: 0;}
.f1b ul li h2{font-size: 21px;color: #333333;font-weight: normal;}
.f1b ul li p{font-size: 15px;color: #8b8b8b;margin: 14px 0 30px;line-height: 1.6em;}
.f1b ul li .more a{color: #666666;font-size: 13px;width: 112px;height: 32px;display: inline-block;border-radius: 20px; line-height: 32px;transition: all ease-in-out .2s; text-align: center;border: 1px solid #bfbfbf;}
.f1b ul li .more a:hover{color: #e80012;border: 1px solid #e80012;}
.f1b ul li.a1{background: url(../images/a1.png) no-repeat center top;}
.f1b ul li.a2{background: url(../images/a2.png) no-repeat center top;margin-right: 0;}
.f1b ul li.a3{background: url(../images/a3.png) no-repeat center top;}
.f1b ul li.a4{background: url(../images/a4.png) no-repeat center top;}

.about{padding: 80px 0 0 50px;width: 550px;}
.about h2{font-weight: normal;font-size: 18px;color: #e80012;}
.about h3{font-size: 24px;font-weight: normal;color: #e80012;margin: 8px 0 24px 0;}
.about p{font-size: 15px;color: #818181;line-height: 1.8em;}
.about .more{margin-top: 36px;}
.about .more a{display: block;width: 116px;height: 30px;line-height: 30px;text-align: center;color: #fff;background: #e80012;border-radius: 30px;}
.f2{background: url(../images/bg_f2.jpg) no-repeat center top;height: 772px;margin-top: 60px;overflow: hidden;}
.f2 .ftitle h2{color: #fff;background: url(../images/bg_tit1.png) no-repeat center bottom;}
.f2 .ftitle {margin-top: 110px;}
.f2b{position: relative;margin-top: 60px;}
.f2b p{text-align: center;font-size: 15px;color: #dedfe0;padding: 0 106px;line-height: 2em;margin-top: 50px;}
.f2b .more a{display: inline-block;transition: all ease-in-out .2s;border-radius: 20px; color: #fff;font-size: 15px;width: 145px;text-align: center;background: #e80012;height: 42px;line-height: 42px;}
.f2b .more a:hover{background: #f42b3b;}
.f2b .more {text-align: center;margin-top: 70px;}
.f2b ul{height: auto;overflow: hidden;padding-left: 118px;}
.f2b ul li{float: left;text-align: center;width: 322px;background: url(../images/bg_ulli.png) no-repeat right center;height: 70px;}
.f2b ul li h3{color: #919294;font-size: 14px;font-weight: normal;}
.f2b ul li h2{font-size: 42px;color: #fff;height: 44px;line-height: 44px;}
.f2b ul li.li3{margin-right: 0;background: none;}
.f3{height: auto;overflow: hidden;}
.f3 .ftitle{margin-top: 50px;}

.f3b{background: #fff;border-radius: 7px 7px 0 0;padding-top: 50px;}
.f3b ul{height: auto;overflow: hidden;}
.f3b ul li{float: left;margin-right: 40px;margin-bottom: 40px;}
.f3b ul li img{width: 164px;height: 127px;}
.f3b ul li:nth-child(6n){margin-right: 0;}
.f3 .more{margin-top: 0px;text-align: center;}
.f3 .more a{color: #fff;display: inline-block;width: 145px;height: 43px;line-height: 43px;text-align: center;border-radius: 20px;background: #e80012;font-size: 15px;}

.f4{height: 488px;overflow: hidden;background: url(../images/bg_f3.jpg) no-repeat center top;margin-top: 70px;}
.f4 .ftitle{text-align: center;margin-top: 70px;}
.f4 .ftitle h2{background: none;font-size: 42px;color: #fff;font-weight: bold;}
.f4 .ftitle p{text-align: center;}
.f4 .ftitle p a{display: inline-block;height: 48px;line-height: 48px;text-align: center;width: 162px;color: #012868;font-size: 18px;background: #fff;border-radius: 30px;}
.f5{margin-top: 60px;}
.f5 .bd ul li img{width: 180px;height: 80px;}
.f5 .bd ul li{float: left;margin-right: 20px;}
.f5 .bd{height: auto;overflow: hidden;width: 1200px;}
.flink{height: auto;overflow: hidden;padding: 10px 0 20px;}
.linkl{background: url(../images/bg_flink.png) no-repeat 0px center;padding: 10px 0 10px 40px;color: #e80012;font-size: 18px;float: left;width: 100px;}
.linkr{float: left;padding: 10px 0 10px 0;line-height: 24px;}
.linkr a{margin-right: 20px;}
#footer{background: #2e2e35;clear: both;margin-top: 0px;}
.ftb{border-top: 1px solid #3e3e45;text-align: center;padding-top: 18px;}
.ftb p,.ftb p a{color: #9e9e9e;}
.ftt{height: auto;overflow: hidden;padding: 46px 0 25px;}
.ftt .ftl{width: 240px;padding-top: 60px;}
.ftt .ftl .pic{}
.ftt .ftl p{color: #b9bbbc;font-size: 14px;}
.ftt .ftl p strong{font-family: impact;font-size: 32px;font-family: normal;}
.ftt .ftl h2{font-size: 24px;color: #fff;}
.ftt .ftl h2,.ftt .ftl h3{font-weight: normal;}
.ftt .ftl h3{text-transform: uppercase;color: #747476;}
.ftc{width: 330px;}
.ftc h2,.ftc h2 a{font-size: 16px;color: #fff;font-weight: normal;}
.ftc h2:after{display: block;width: 34px;height: 2px;background: #727678;margin-top: 20px;content: "";}
.ftc ul {height: auto;overflow: hidden;padding-top: 20px;width: 210px;}
.ftc ul li{height: 30px;line-height: 30px;width: 100px;float: left;}
.ftc ul li a{color: #fff;}
.ul1{width: 212px;margin-right: 86px;}
.ftc p{line-height: 1.9em;color: #fff;padding-top: 20px;}
.ftr{width: 260px;}
.ftr h2{text-align: left;margin-bottom: 20px;}
.ftr p{color: #fff;}
.ftr img{width: 110px;text-align: right;}
.ftr .ewwm{width: 110px;text-align: center;float: left;margin-right: 10px;}
.ftr .ewwm p{padding-top: 0px;}
#pos{background: #f0f0f0;border-bottom: 1px solid #ddd;margin-top: 0px;}
.pos{height: 50px;line-height: 50px;padding: 0 0px;overflow: hidden;}
.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: #e80012;}
.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 #e80012;font-size: 14px;border-radius: 4px;margin: 40px 10px;color: #e80012;}
.nrcat a:hover,.nrcat a.hover{background-image: linear-gradient(to right, #f57516 0%, #e80012 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: #e80012;color: #fff;}
.photo{height: auto;overflow: hidden;}
.photo a{display: block;float: left;}
.photo a .pic{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;align-items: center;justify-content: center;height: 120px;overflow: hidden;}
.photo a,.photo a .pic{width: 250px;}
.photo a{margin-right: 22px;margin-bottom: 30px;}
.photo a img{max-height: 120px;max-width: 250px;}
.photo a:nth-child(4n){margin-right: 0;}
.photo a h2{height: 40px;line-height: 40px;text-align: center;transition: all ease-in-out .2s;font-size: 18px;font-weight: normal;}
.photo a p{text-align: center;font-size: 14px;color: #888;padding-bottom: 40px;height: 28px;overflow: hidden;}



.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: #e80012;}
.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 #e80012;}
.tj-title,.tj-title h3{font-weight: normal;height: 40px;line-height: 40px;}
.tj-title h3{color: #fff;padding: 0 14px;background: #e80012;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;}


@font-face
{
font-family: hkyt;
src: url('hkyt.TTC');
}