*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font: 12px/1.5 Microsoft YaHei, arial, 宋体, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;}
i, em{ font-style: normal;}
a{ color: #333;}
h1, h2, h3, h4, h5, h6, b{ font-weight: normal;}
img{ border: none \9; display: inline-block;}
.clearfix:after{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}



.header{ overflow: hidden; width: 100%;}
.header .h-nr-1{ width: inherit; overflow: hidden;}
.header .header-top{ width: 1200px; margin: 0 auto; height: 38px; line-height: 38px;}
.header .header-top .header-left{ float: left; font-size: 15px; color: #686868; letter-spacing: 1px;}
.header .header-top .header-right{ float: right; margin-right: 50px;}
.header .header-top .header-right a{ font-size: 17px; color: #808080;margin-right: 30px;}
.header .header-top .header-right a:first-child+a+a{margin-right: 0;}
.header .header-top .header-right a:hover{ color: #244ccf;}
.header .header-top .header-right span{ border: 1px solid #a6a6a6; margin: -2px 15px 0; display: inline-block; height: 13px; vertical-align: middle;}
.header .h-nr-2{ width: inherit; overflow: hidden; padding: 30px 0;}
.header .h-nr-2 .zb{ width: 1200px; margin: 0 auto;}
.header .h-nr-2 .zb .left{ width: 360px;}
.header .h-nr-2 .zb .left,.header .h-nr-2 .zb .wb{ display: inline-block; vertical-align: middle;}
.header .h-nr-2 .zb .left img{ display: inline-block;}
.header .h-nr-2 .zb .left .img-2{ margin-right: 30px;}
.header .h-nr-2 .zb .wb{ letter-spacing: 1px;}
.header .h-nr-2 .zb .wb p{ font-weight: bold;color: #808080;font-size: 20px;}
.header .h-nr-2 .zb .wb p b{ color: #000;font-size: 31px;font-weight: normal;}
.header .h-nr-2 .zb .wb p + p>i{ color: #244CCF;margin-left: 25px;}
.header .h-nr-2 .right{ width: 390px; display: inline-block; vertical-align: middle; text-align: right;}
.header .h-nr-2 .right .lx-ph{ margin-right: 20px;}
.header .h-nr-2 .right>div{ display: inline-block; vertical-align: middle; text-align: left;}
.header .h-nr-2 .right>div p{ color: #000; font-size: 18px; text-align: right; margin-right: 20px;}
.header .h-nr-2 .right>div p+p{ font-size: 27px;}
.header .nav .nav-x{ position: absolute; left: 0; top: 0; background: url(../image/navtopbg.png)no-repeat; height: 3px; width: 100%; background: url(../image/navtopbg.png)\9 no-repeat; background-size: cover;}
.header .nav{ background: url(../image/navbg.png)no-repeat; position: relative; background: url(../image/navbg.png)\9 no-repeat; width: 100%; height: 59px; line-height: 59px; background-size: cover; overflow: hidden;}
.header .nav .nav-content{ width: 1200px; margin: 0 auto; overflow: hidden;}
.header .nav .nav-content ul li{ float: left; position: relative; margin-right: 63px;}
.header .nav .nav-content ul li:first-child+li+li+li+li+li+li+li+li+li{ margin-right: 0;}
.header .nav .nav-content ul li a{ color: #000; font-size: 18px; position: relative; display: inline-block; height: 59px;}
.header .nav .nav-content ul li a.on,.header .nav .nav-content ul li a:hover{ color: #244CCF;}
.header .nav .nav-content ul li:first-child a>i,.header .nav .nav-content ul li:first-child+li+li a>i{ left: 30%;}
.header .nav .nav-content ul li a.on>i{ visibility: visible;}
.header .nav .nav-content ul li a:hover>i{ visibility: visible;}
.header .nav .nav-content ul li i{ background: url(../image/fk.png)no-repeat; width: 16px; height: 7px; position: absolute; left: 41%; top: 1px; display: inline-block; visibility: hidden;}



.banner-index img{ width: 100%;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.slideBox .hd{ height: 12px; overflow: hidden; position: absolute; left: 50%; bottom: 15px; z-index: 1;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; width: 12px; height: 12px; background: #244CCF; margin-right: 10px; cursor: pointer;}
.slideBox .hd ul li.on{ background: #fff;}
.banner-index .slideBox .bd img{ width: 100%;}



.search{ width: 100%; height: 70px; line-height: 70px;}
.search-content{ width: 1200px; margin: 0 auto; overflow: hidden;}
.search-keywords{ font-size: 18px; color: #333; display: inline-block;}
.search-keywords .wb{ display: inline-block; vertical-align: top;}
.search-keywords .wb > span{ color: #fff; font-size: 15px; background: #244CCF; display: inline-block; border-radius: 20px; text-align: center; height: 40px; line-height: 40px; width: 100px; margin-right: 30px; font-weight: bold;}
.search-keywords .wb > a{ color: #666; font-size: 14px; margin-right: 30px;}
#searchForm{ background: url(../image/search.png) no-repeat; width: 247px; line-height: 38px; height: 38px; z-index: 99; position: relative; margin-top: 15px;}
.search-form{ display: inline-block; float: right;}
#searchForm .search-input{ vertical-align: middle; height: 31px; background: none; line-height: 31px; margin-top: -4px; color: #666; border-radius: 5px; padding-left: 27px; outline: none; border: none; width: 210px; font-size: 14px;}
.search-form #s_btn{ width: 36px; height: 32px; background: none; color: #fff; outline: none; border: none; cursor: pointer; margin-left: -7px; display: inline-block; margin-top: 1px; vertical-align: top;}
.clear-fix-3{ line-height: 0; font-size: 0; clear: both;}
#searchForm .search-input::-webkit-input-placeholder{
	
	color: #666;}
#searchForm .search-input:-moz-placeholder{
	
	color: #666;}
#searchForm .search-input::-moz-placeholder{
	
	color: #666;}
#searchForm .search-input:-ms-input-placeholder{
	
	color: #666;}
.more-title{ width: 1200px; margin: 0 auto 30px; text-align: center;}
.more-title h1{ color: #1d3bcc; font-size: 36px; font-weight: bold; letter-spacing: 10px;}
.more-title h2{color: #424242; font-size: 18px;letter-spacing: 5px;}



.smallbanner{ width: 100%;}
.smallbanner img{ width: 100%;}



.product{ width: 1200px; margin: 0 auto; padding: 50px 0;}
.product .pro-left{ width: 320px;}
.product .pro-left,.product .right{ float: left;}
.product .pro-left .bt{ text-align: center;}
.product .pro-left .bt h1{ font-size: 24px; color: #333;}
.product .pro-left .bt h1+h1{ font-size: 38px; color: #333; font-weight: bold;}
.product .pro-left .bt h1+h1>span{ font-size: 29px; color: #244CCF; font-weight: normal; margin-left: 20px;}
.product .pro-left dl{ text-align: center;}
.product .pro-left dl dt{ background: url(../image/pro-lbg.png)no-repeat; height: 49px; line-height: 49px; margin-bottom: 5px;}
.product .pro-left dl dt a{ font-size: 20px; color: #1D3BCC; width: 100%; display: inline-block;}
.product .pro-left dl dd{ border: 1px solid #ccc; height: 49px; line-height: 49px; margin-bottom: 8px;}
.product .pro-left dl dd:hover{ border: 1px solid #1D3BCC;}
.product .pro-left dl dd:hover a{ color: #1D3BCC;}
.product .pro-left dl dd a{ font-size: 16px; color: #333; width: 100%; display: inline-block;}
.product .pro-left .lxdb{ background: url(../image/pro-db.png)no-repeat; height: 204px;}
.product .pro-left .lxdb .rx{ padding: 77px 0 0 133px;}
.product .pro-left .lxdb .rx h2{ color: #000; font-size: 22px; font-weight: bold;}
.product .pro-left .lxdb .rx h2+h2{ font-size: 18px; font-weight: normal;}
.product .right{ width: 860px; margin-left: 20px;}
.product .right ul li{ text-align: center; padding: 8px; float: left; border: 1px solid #ccccd0; margin: 0 20px 20px 0; width: 261px;}
.product .right ul li .pic{ width: 243px; height: 207px; border: 1px solid #ccccd0; overflow: hidden;}
.product .right ul li:hover .pic img{ transform: scale(1.1, 1.1); transition: all 300ms;}
.product .right ul li p{ color: #8b8b8b; font-size: 14px; margin: 9px 0 0;}
.product .right ul li:first-child+li+li,.product .right ul li:first-child+li+li+li+li+li,.product .right ul li:first-child+li+li+li+li+li+li+li+li{ margin: 0 0 20px 0;}



.vs{ width: 1200px; margin: 0 auto;}
.vs .top>div{ float: left;}
.vs .top .pic{ width: 488px; height: 118px;}
.vs .top .piczb{ width: 199px; height: 118px; margin: 0 10px;}
.vs ul{ margin-top: 20px; position: relative; height: 515px;}
.vs ul li{ margin-bottom: 25px;}
.vs ul li .right{ float: right;}
.vs ul li .left{ float: left;}
.vs ul li .left img,.vs ul li .right img{ vertical-align: middle;}
.vs ul li .wb{ font-size: 13.97px; color: #4c4c4c; display: inline-block; vertical-align: middle; width: 381px; margin-left: 10px;}
.vs ul li .right .wb {}

.vs ul li .wb p>span{ color: #3654a0;}
.vs ul .dy{ position: absolute; left: 550px; top: 0; z-index: 11; zoom: 1;}



.advantage{ width: 1200px; margin: 0 auto;}
.advantage ul li .left,.advantage ul li .right{ float: left;}
.advantage ul li .left{ width: 625px; height: 422px;}
.advantage ul li .right{ width: 575px;}
.advantage ul li .right dl dt i{ font-size: 41px;}
.advantage ul li .right dl dt>span{ background: url(../image/ystb1.png); height: 47px; line-height: 47px; width: 117px; color: #1D3BCC; font-weight: bold; display: inline-block; position: relative; z-index: 13; left: -15px;}
.advantage ul li .right dl dt>span>em{ font-size: 19px; margin-left: 10px;}
.advantage ul li .right dl dt b{ background: url(../image/ystb2.png)no-repeat; width: 458px; height: 38px; line-height: 38px; text-align: center; display: inline-block; font-size: 24px; color: #fff; font-weight: bold; left: -88px; top: 5px; position: relative; z-index: 12;}
.advantage ul li .right dl{ position: relative; display: inline-block; margin-bottom: 24px;}
.advantage ul li .right dl .ts3{ height: 233px!important;}
.advantage ul li .right dl .ts4{ height: 143px!important;}
.advantage ul li .right dl .ts2{ height: 185px!important;}
.advantage ul li .right dl .ts{ position: absolute; display: inline-block; border-radius: 20px; border: 1px dashed #ccc; left: 0; top: 36px; height: 207px; width: 542px; z-index: 11;}
.advantage ul li .right dl .ts1{ margin-top: 25px;}
.advantage ul li .right dl .ts4,.advantage ul li .right dl .ts3{ width: 530px;}
.advantage ul li .right dl .ts1>b{ width: 476px;}
.advantage ul li .right dl dd{ position: relative; z-index: 12; margin-bottom: 30px; padding-left: 15px;}
.advantage ul li .right dl dd b{ font-size: 14px; color: #4c4c4c; margin-left: 10px; width: 455px;}
.advantage ul li .right dl dd b,.advantage ul li .right dl dd span{ display: inline-block; vertical-align: top;}
.advantage ul li .right dl dd b i{ font-size: 14px; color: #1D3BCC;}
.advantage ul li .right dl dd span{ border-radius: 50%; background-color: rgb(29, 59, 204); width: 18px; height: 18px; text-align: center; line-height: 18px; font-size: 14px; color: #fff;}



.case{ width: 1200px; margin: 0 auto;}
.case .hd ul li{ float: left; background: url(../image/tabbg1.png)no-repeat; width: 194px; height: 57px; line-height: 57px; text-align: center; font-size: 16px; color: #656565; font-weight: bold; cursor: pointer; margin-right: 6px;}
.case .hd ul li.on{ color: #1D3BCC; background: url(../image/tabbg2.png)no-repeat;}
.case .hd ul li:first-child+li+li+li+li+li{ margin-right: 0;}
.case .hd{ margin-bottom: 30px; overflow: hidden;}
.case .bd ul li .left{ padding: 10px 8px; border: 1px solid #ccc;}
.case .bd ul li .left img{ width: 574px; height: 467px;}
.case .bd ul li .left,.case .bd ul li .right{ float: left;}
.case .bd ul li .right{ margin-left: 30px; width: 578px; overflow: hidden;}
.case .bd ul li .right h1{ font-size: 30px; color: #1D3BCC; text-align: center;}
.case .bd ul li .right .jsnr{ width: 578px;}
.case .bd ul li .right .tbbtn{ width: 279px; height: 57px; line-height: 57px; text-align: center; font-size: 18px; color: #121212; font-weight: bold; display: inline-block;}
.case .bd ul li .right .tbbtn img{ vertical-align: middle; margin: -8px 10px 0 0;}
.case .bd ul li .right .more1{ background: url(../image/more1.png)no-repeat; background: url(../image/more1.png)\9 no-repeat; margin: 2px 4px 0 12px;}
.case .bd ul li .right .more2{ background: url(../image/more2.png)no-repeat; background: url(../image/more2.png)\9 no-repeat;}
.case .bd ul li .pic{ margin-top: 60px;}
.case .bd ul li .pic dl dd{ display: inline-block; padding: 8px; border: 1px solid #ccc; margin: 0 25px 0 0;}
.case .bd ul li .pic dl dd img{ width: 362px; height: 215px;}
.case .bd ul li .pic dl dd:first-child+dd+dd{ margin: 0 0 0 0;}



.khjz{ width: 1200px; margin: 40px auto 0;}
.khjz ul li .pic,.khjz ul li .js{ float: left;}
.khjz ul li .pic{ margin-left: 5px;}
.khjz ul li{ border: 1px solid #ccc; width: 585px; overflow: hidden; padding: 10px 0; float: left; margin-right: 30px;}
.khjz ul li+li{ margin-right: 0;}
.khjz ul li .pic{ width: 292px;}
.khjz ul li .js{ width: 255px; margin-left: 10px; text-align: justify;}
.khjz ul li+li .pic{ margin: 0 5px 0 10px;}
.khjz ul li+li .js{ margin-left: 20px;}
.khjz ul li .js h1{ font-size: 18px; color: #1D3BCC; font-weight: bold; text-align: center; margin-bottom: 10px;}
.khjz ul li .js p{ font-size: 14px; color: #5c5c5c; line-height: 23px; height: 190px;}
.khjz ul li .js .more{ font-size: 18px; color: #fff; text-align: center; background: url(../image/more3.png)no-repeat; width: 214px; height: 42px; line-height: 42px; margin-left: 20px; display: inline-block;}



.about{ width: 1200px; margin: 0 auto; overflow: hidden;}
.about .about-nr{ overflow: hidden;}
.about .left,.about .right{ float: left;}
.about .left{ width: 602px; border: 1px solid #ccc; font-size: 0;}
.about .left img{ margin: 16px; height: 308px; width: 570px;}
.about .right{ width: 558px; margin-left: 40px;}
.about .right h1{ text-align: center; color: #4d4d4d; font-size: 36px;}
.about .right h1>b{ color: #1D3BCC; margin-left: 10px;}
.about .right p{ color: #4d4d4d; font-size: 14px; margin-top: 34px; line-height: 30px; width: 545px; text-align: justify; height: 190px;}
.about .right .more{ font-size: 18px; color: #1D3BCC; text-align: center; background: url(../image/more4.png)no-repeat; width: 419px; height: 63px; line-height: 63px; margin-left: 20px; display: inline-block; letter-spacing: 5px;}
.about ul{ margin: 30px 0 0;}
.about ul li{ float: left; padding: 8px; border: 1px solid #ccc; text-align: center; width: 283px; margin-right: 20px;}
.about ul li:first-child+li+li+li{ margin-right: 0;}
.about ul li .pic{ width: 265px;height: 217px; overflow: hidden;}
.about ul li p{ margin: 5px 0; font-size: 16px; color: #4D4D4D;}
.about ul li:hover p{ color: #1D3BCC;}



.new{ width: 1200px; margin: 0 auto; padding: 60px 0 0 0;}
.new .new-nr .new-list{ width: 396px; display: inline-block;}
.new .new-nr .new-list .top{ padding-left: 20px;}
.new .new-nr .new-list .top h1{ font-size: 13px; color: #242424; float: left;}
.new .new-nr .new-list .top h1 > span{ display: inline-block; font-size: 22px; margin-right: 5px;}
.new .new-nr .new-list .top > a{ font-size: 14px; color: #fff; text-align: center; line-height: 21px; width: 55px; height: 21px; border-radius: 7px; background-color: rgb(29, 59, 204); float: right; margin: 7px 5px 0 0;}
.new .new-nr .new-list .kk{ border: 1px solid #9c9c9c;}
.new .new-nr .new-list .kk .img{ padding: 10px;    height: 216px;}
.new .new-nr .new-list .kk .img img{ width: 368px; height: 230px;}
.new .new-nr .new-list ul li{ border-bottom: 1px dashed #eee; margin-left: 10px; line-height: 45px;height: 45px;}
.new .new-nr .new-list ul li a{ font-size: 14px; color: #515151;}
.new .new-nr .new-list ul li a span{ float: right; margin-right: 10px;}
.new .new-nr .new-list-2 {}

.new .new-nr .new-list ul li a:before{ content: "●"; color: #1D3BCC;}
.new .new-nr .new-list ul li a:hover:before{ color: #1D3BCC;}
.new .new-nr .new-list ul li a:hover{ color: #1D3BCC;}
.new .new-nr .new-list ul li:last-child{ border-bottom: none;}
.new .new-nr .new-list-2{ margin-left: 15px;}
.new .new-nr .new-list-2 span{ margin-right: 5px; display: inline-block;}
.new .new-nr .new-list-2 a{ overflow: hidden;}
.new .new-nr .new-list-2 a > b{ display: inline-block; vertical-align: middle; margin-top: -4px;}
.new .new-nr .new-list-2 a > span{ float: right;}
.new .new-nr .new-list-2 a > b > i{ width: 255px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.new .new-nr .new-list-3{ width: 370px; margin-left: 15px; vertical-align: top;}
.new .new-nr .new-list-3 .top a{ margin: 9px 20px 0 0;}
.new .new-nr .new-list-3 .kk{ border: 1px solid #ECECEC;}
.new .new-nr .new-list-3 dl {}

.new .new-nr .new-list-3 dl .wen{ padding: 10px 0 10px 20px; background: #f5f5f5;}
.new .new-nr .new-list-3 dl .da{ padding: 10px 0 10px 20px; background: #ececec;}
.new .new-nr .new-list-3 dl .wen a:before,.new .new-nr .new-list-3 dl .da a:before{ margin-right: 5px; color: #1D3BCC; content: "●";}
.new .new-nr .new-list-3 .top{ padding-left: 0;}
.new .new-nr .new-list-3 .top h1{ background: #ececec; height: 46px; line-height: 46px; width: 100%; text-align: center;}
.new .new-nr .new-list-3 dl .da b{ display: inline-block; vertical-align: middle;}
.new .new-nr .new-list-3 dl .da b i{ width: 310px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.new .new-nr .new-list-3 dl a{ font-size: 14px; color: #515151; line-height: 22px;}
.new .new-nr .new-list-3 dl a:hover{ color: #3f8ade;}



.foot{ width: 100%; background: #f1f1f1;padding: 60px 0;}
.foot .content{ width: 1200px; margin: 0 auto;}
.foot .content .one,.foot .content .two,.foot .content .three{ display: inline-block; vertical-align: middle;}
.foot .content .one,.foot .content .three{ width: 430px;}
.foot .content .one img{ width: 322px; height: 79px;}
.foot .content .two{ width: 330px; text-align: right;}
.foot .content .three ul li{ display: inline-block; font-size: 15px; line-height: 40px; color: #4D4D4D;}
.foot .content .three ul li:first-child+li+li{ margin-right: 90px;}
.foot .content .three ul li:first-child,.foot .content .three ul li:first-child+li+li+li+li{ margin-right: 70px;}
.footnav{ margin-top: 60px;}
.footnav .nav .nav-x{ position: absolute; left: 0; bottom: 0; background: url(../image/navtopbg.png)no-repeat; height: 3px; width: 100%; background: url(../image/navtopbg.png)\9 no-repeat; background-size: cover;}
.footnav .nav{ background: url(../image/navbg.png)no-repeat; position: relative; background: url(../image/navbg.png)\9 no-repeat; width: 100%; height: 59px; line-height: 59px; background-size: cover; overflow: hidden;}
.footnav .nav .nav-content{ width: 1200px; margin: 0 auto; overflow: hidden;}
.footnav .nav .nav-content ul li{ float: left; position: relative; margin-right: 63px;}
.footnav .nav .nav-content ul li:first-child+li+li+li+li+li+li+li+li+li{ margin-right: 0;}
.footnav .nav .nav-content ul li a{ color: #000; font-size: 18px; position: relative; display: inline-block; height: 59px;}
.footnav .nav .nav-content ul li a.on,.footnav .nav .nav-content ul li a:hover{ color: #244CCF;}
.bottom-foot{ width: 100%; background: #D9D9D9; height: 58px; line-height: 58px;}
.bottom-foot .db-nr{ width: 1200px; text-align: center; margin: 0 auto; letter-spacing: 1px; color: #070002; font-size: 15px;}
.bottom-foot .db-nr a,.bottom-foot .db-nr span{ color: #070002; font-size: 15px;}
#btn_top ul{ overflow: hidden;}
#btn_top li{ float: left; margin-left: 10px;}
#btn_top li img{ display: block;}
#btn_top{ width: 50px; height: 50px; overflow: hidden; position: fixed; top: 85%; right: 51%; margin-right: -675px; cursor: pointer; display: none;}
#btn_top h4{ width: 50px; height: 50px; overflow: hidden; position: relative;}
#btn_top img{ display: block; position: absolute; top: 0; left: 0;}