*{ 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;}
.fl{ float: left;}
.fr{ float: right;}
@font-face { font-family: 'impact'; src: url('../fonts/impact.ttf'); src: url('../fonts/impact.ttf'); format('embedded-opentype'), url('../fonts/impact.ttf'); format('woff'), url('../fonts/impact.ttf'); format('truetype'), url('../fonts/impact.ttf'); format('svg'); font-weight: normal; font-style: normal;}
.tywidth{ width: 1200px; margin: 0 auto;}
.more-title{ width: 1200px; margin: 0 auto 40px; text-align: center;}
.more-title p{ color: #113285; font-size: 32px; height: 42px; margin-bottom: 5px;}
.more-title b{ color: #999; font-size: 18px;}

/*header*/

.header{ width: 100%;}
.header .h-nr-1{ width: inherit;background: #e4e4e4; height: 38px;line-height: 38px;}
.header .header_top{position: relative;}
.header .header_top .left{ color: #999; font-size: 14px;}
.header .header_top .right a{ color: #666; font-size: 14px;}
.header .header_top .right a img{ vertical-align: middle; margin-right: 6px;}
.header .header_top .right i{ color: #666; font-size: 14px; margin: 0 11px 0 15px;}
.header .header_top .right a:hover{ color: #113285;}
.header .h-nr-2{ width: inherit; overflow: hidden; padding: 20px 0;}
.header .h-nr-2 .zb {}

.header .h-nr-2 .zb .left{ display: inline-block; vertical-align: middle;width: 230px;}
.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{ display: inline-block; vertical-align: middle; position: relative; padding: 10px 0 0 20px;}
.header .h-nr-2 .zb .wb p{ font-size: 24px;line-height: 25px;color: #113285;}
.header .h-nr-2 .zb .wb p b{ color: #113285;font-weight: bold;}
.header .h-nr-2 .zb .wb p + p>i{ color: #666;font-size: 20px;}
.header .h-nr-2 .zb .wb p + p{ line-height: 35px;}
.header .h-nr-2 .right{ float: right; margin-top: 15px;}
.header .h-nr-2 .right .lx-ph{ margin: 5px 17px 0 0;}
.header .h-nr-2 .right>div{ display: inline-block; vertical-align: top; text-align: left;}
.header .h-nr-2 .right>div p{ color: #666; font-size: 20px;line-height: 27px;}
.header .h-nr-2 .right>div p+p{ font-size: 24px;color: #113285;font-weight: bold;line-height: 35px;}

/*.header .nav*/

.header .nav{ background: url(../images/navbg.png)no-repeat; background: url(../images/navbg.png)\9 no-repeat; width: 100%; height: 50px; background-size: 100% 50px; position: relative; z-index: 12;}
.header .nav .nav-content {}

.header .nav .nav-content ul li{ float: left; position: relative; width: 133px; height: 50px; text-align: center;}
.header .nav .nav-content ul li p{ height: 68px; position: relative; margin: -7px 0 0;}
.header .nav .nav-content ul li p i{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; visibility: hidden; z-index: 11;}
.header .nav .nav-content ul li p b{ position: relative; z-index: 12; padding-left: 10px;}
.header .nav .nav-content ul li:first-child+li+li+li+li+li+li+li+li{ margin-right: 0;}
.header .nav .nav-content ul li a{ color: #fff; font-size: 16px; position: relative; display: block; height: 57px; line-height: 65px;}
.header .nav .nav-content ul li.on p i,.header .nav .nav-content ul li:hover p i{ visibility: visible;}
.header .nav .nav-content ul li:after{ position: absolute; content: url(../images/navsx.png); width: 2px; height: 6px; right: -6px; top: 13px;}
.header .nav .nav-content ul li.on:after,.header .nav .nav-content ul li:hover:after{ visibility: hidden;}
.header .nav .nav-content ul li:first-child b img{ display: none;}
.header .nav .nav-content ul li.on:first-child b img,.header .nav .nav-content ul li:hover:first-child b img{ display: inline-block;}
.header .nav .nav-content ul .tsli:after{ display: none;}

/*首页banner*/

.banner-index{ font-size: 0;height: 600px;overflow: hidden;}
.banner-index img{ width: 100%;line-height: 0;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.slideBox .hd{ height: 10px; overflow: hidden; position: absolute; left: 47%; bottom: 50px; z-index: 1;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; width: 10px; height: 10px; background: #cb1a20; margin-right: 10px; cursor: pointer;}
.slideBox .hd ul li.on{ background: #113285}
.banner-index .slideBox .bd img{ width: 100%;}

/*search*/

.search{ width: 100%; position: relative;background: #fff; border-bottom: 1px solid #d8d8d8;}
.search-content{height: 48px; line-height: 48px;}
.search-keywords{ display: inline-block;}
.search-keywords span img{ vertical-align: middle; margin: -5px 6px 0 0;}
.search-keywords span{color: #494949; font-size: 14px; display: inline-block; vertical-align: middle;}
.search-keywords a{ color: #999; font-size: 14px; display: inline-block; vertical-align: middle;margin-right: 16px;}
.search-keywords a:hover{ color: #113285; text-decoration: underline;}
#searchForm{ background: url(../images/search.png)no-repeat; background: url(../images/search.png)\9 no-repeat; width: 240px; height: 31px; vertical-align: middle; display: inline-block;}
.search-form{ display: inline-block; float: right;}
#searchForm .search-input{ vertical-align: top; line-height: 31px; background: none; border: none; height: 31px;color: #b9b9b9; outline: none; width: 85%; text-indent: 10px;}
.search-form #s_btn{ background: none; width: 32px; height: 31px; text-align: center; color: #fff; outline: none; border: none; cursor: pointer; display: inline-block; vertical-align: top; float: right;}
#searchForm .search-input::-webkit-input-placeholder{/* WebKit browsers */
	color: #ccc;}
#searchForm .search-input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
	color: #ccc;}
#searchForm .search-input::-moz-placeholder{/* Mozilla Firefox 19+ */
	color: #ccc;}
#searchForm .search-input:-ms-input-placeholder{/* Internet Explorer 10+ */
	color: #ccc;}

/*product*/

.product{ padding: 50px 0 0 0;}
.product .pro-left {width: 290px;}

.product .pro-left .bt{ background: url(../images/proltop.png)no-repeat; width: 288px; height: 156px; text-align: center; padding: 55px 0 0 0;}
.product .pro-left .bt p{ color: #fff; font-weight: bold; font-size: 20px;}
.product .pro-left .bt b{ color: #999; font-size: 14px;text-transform: uppercase;}
.product .pro-left .kk{ border: 1px solid #113285; padding-bottom: 20px;}
.product .pro-left .sideMenu{ padding: 10px 10px 0;}
.product .pro-left .sideMenu h5{ background: #e4e4e4; width: 268px; height: 50px; margin: 20px 0 0 0; line-height: 50px;}
.product .pro-left .sideMenu h5 a{ color: #333; display: block; font-size: 16px; width: 100%; height: 100%; padding-left: 60px;}
.product .pro-left .sideMenu h5 a img{ vertical-align: middle; margin-right: 10px;}
.product .pro-left .sideMenu h5:hover{ background: #113285;}
.product .pro-left .sideMenu h5:hover a{ color: #fff; font-weight: bold;}
.product .pro-left .db{ background: url(../images/prodb.png)no-repeat; width: 268px; height: 164px; text-align: center; padding: 40px 0 0 0; margin: 20px auto 0;}
.product .pro-left .db .dh>div{ display: inline-block; vertical-align: middle;}
.product .pro-left .db .dh .rx{ text-align: left; margin: 0 0 0 6px;}
.product .pro-left .db b{ color: #bbb; font-weight: bold; font-size: 20px;}
.product .pro-left .db p{ color: #fff; font-size: 20px;}
.product .pro-left .db i{ color: #fff; font-size: 24px;font-weight: bold;}
.product .right{ margin-left: 15px; width: 895px;}
.product .right .top {}

.product .right .top .pic{ width: 518px; height: 298px; border: 1px solid #d8d8d8; margin-right: 15px;}
.product .right .top .pic .picimg{ width: 504px; height: 284px; overflow: hidden; margin: 6px auto;}
.product .right .top .pic:hover img{ transform: scale(1.1, 1.1); transition-duration: 300ms;}
.product .right .top .js{ width: 362px;}
.product .right .top .js .jstop {}

.product .right .top .js .jstop b{ color: #113285; font-size: 20px; font-weight: bold; display: block; line-height: 21px;}
.product .right .top .js .jstop i{ color: #999; font-size: 14px; text-transform: uppercase;}
.product .right .top .js .jstop hr{ width: 64px; height: 1px; background: #cb1a20; outline: none; border: none; display: block; margin: 15px 0 0 0;}
.product .right .top .js .jsnr p i{ color: #113285; font-size: 16px; margin-bottom: 10px; display: block; line-height: 16px;}
.product .right .top .js .jsnr p b{ color: #666; font-size: 14px; line-height: 26px;}
.product .right .top .js .jsnr p{ margin: 20px 0 0 0;}
.product .right .top .js .jsnr .more{ color: #fff; font-size: 14px; display: inline-block; vertical-align: top; background: url(../images/more.png)no-repeat; width: 96px; height: 30px; text-align: center; line-height: 30px; margin: 13px 0 0 0;}
.product .right .cplist{ margin: 20px 0 0 0;}
.product .right .cplist dl{ overflow: hidden;}
.product .right .cplist dl dd{ float: left; margin: 0 24px 10px 0; text-align: center;}
.product .right .cplist dl dd .pic{ width: 282px; height: 236px; border: 1px solid #d8d8d8;}
.product .right .cplist dl dd .pic .img{ width: 272px; height: 226px; overflow: hidden; margin: 4px auto;}
/*.product .right .cplist dl dd .pic:hover .img img{ transform: scale(1.1, 1.1); transition-duration: 300ms;}*/
.product .right .cplist dl dd:hover .mc{ color: #113285;}
.product .right .cplist dl dd .mc{ color: #666; font-size: 16px; margin: 10px 0 0 0;}

/*con1*/

.con1{ height: 390px; padding: 50px 0 0; position: relative;}
.con1 .more-title b{ background: url(../images/title1.png)no-repeat 0 4px; width: 456px; height: 46px; display: inline-block; vertical-align: top;}
.con1 ul li{ float: left; width: 276px; text-align: center; margin-right: 32px;}
.con1 ul li .pic{ width: 276px; height: 116px; overflow: hidden; border: 1px solid #d8d8d8;}
.con1 ul li p{ margin: 10px 0 0; color: #333; font-size: 14px;}
.con1 ul li:hover p{ color: #113285;}
.con1 .btn{ position: absolute; width: 66px; height: 30px; bottom: 0; cursor: pointer; z-index: 12;}
.con1 .prev{ left: 518px;}
.con1 .next{ left: 617px;}

/*con2*/

.con2bg .more-title p{ color: #fff;}
.con2bg .more-title b{ background: url(../images/title2.png)no-repeat 0 4px; width: 456px; height: 46px; display: inline-block; vertical-align: top;}
.con2bg{ margin: 50px 0 0 0; padding: 60px 0 0 0;}
.con2{ background: url(../images/jgclbg2.png)no-repeat center; background: url(../images/jgclbg2.png)\9 no-repeat center; width: 1283px; height: 800px; padding: 20px 80px 0; margin-top: -480px;}
.con2 .left{ width: 564px; position: relative;height: 650px;}
.con2 .right{ padding: 80px 0 0 0;}
.con2 .right .top{ width: 100%;}
.con2 .right p{ font-size: 20px; color: #113285; font-weight: bold; line-height: 21px;}
.con2 .right i{ font-size: 14px; color: #666; display: inline-block; vertical-align: top; line-height: 26px; text-align: justify; width: 230px;}
.con2 .right b{ font-size: 14px; color: #999; text-transform: uppercase; line-height: 20px; padding-bottom: 5px; border-bottom: 1px solid #d8d8d8; display: inline-block; vertical-align: top;}
.con2 .right dl dd>div{ display: inline-block; vertical-align: middle;}
.con2 .right dl dd .zz{ position: relative; margin-right: 17px;}
.con2 .right .ty{ position: absolute;}
.con2bg{ background: url(../images/jgclbg.png)no-repeat center; background: url(../images/jgclbg.png)\9 no-repeat center; width: 100%; height: 686px; background-size: 100% 686px;}

/*smallbanner*/

.smallbanner{ margin: 40px 0 0 0; background: url(../images/sbanner1.png)no-repeat; background: url(../images/sbanner1.png)\9 no-repeat; height: 316px; background-size: 100% 316px; width: 100%;}
.smallbanner .nr{ padding: 80px 0 0 0;}
.smallbanner .nr .wa h5{ color: #fff; font-size: 36px;line-height: 35px;}
.smallbanner .nr .wa dl dt{ color: #fff; font-size: 18px;font-weight: bold;line-height: 26px;margin: 17px 0;}
.smallbanner .nr .wa dl dt a{ background: url(../images/more2.png)no-repeat; width: 64px; height: 20px; display: inline-block; vertical-align: top; color: #fff; font-size: 14px; line-height: 20px; margin: 3px 0 0 0; text-align: center;}
.smallbanner .nr .wa dl dd{ color: #fff; font-size: 16px;line-height: 26px;}

/*ys*/

.ys{ padding: 50px 0 0 0;}
.ys .nr {}

.ys .more-title b{ background: url(../images/title3.png)no-repeat 0 4px; width: 456px; height: 46px; display: inline-block; vertical-align: top;}
.ys .nr ul li{ }
.ys .nr ul li .js{ overflow: hidden;}
.ys .nr ul li .js dl dt p{ color: #cb1a20; font-size: 24px;}
.ys .nr ul li .js dl dt>div{ display: inline-block; vertical-align: middle;}
.ys .nr ul li .js dl dt p b{ color: #113285;}
.ys .nr ul li .js dl dt i{ color: #999; font-size: 14px; text-transform: uppercase;}
.ys .nr ul li .js dl dt hr{ background: #cb1a20; width: 116px; height: 1px; outline: none; border: none; display: block; margin: 10px 0 0 0;}
.ys .nr ul li dd{ color: #666; font-size: 14px; line-height: 26px; width: 465px; text-align: justify; margin-bottom: 20px; margin-left: 124px;}
.ys .nr ul li .js dl dt .zz{ margin: 0 14px 0 0;}

/*con3*/

.con3{padding: 50px 0 0; position: relative;}
.con3 .top{ margin-bottom: 10px;}
.con3 .top .zz p{ color: #113285; font-size: 24px; font-weight: bold;}
.con3 .top .zz i{ color: #999; font-size: 14px; text-transform: uppercase;}
.con3 .top .yy{ margin: 7px 0 0 0;}
.con3 .top .yy>div{ display: inline-block; vertical-align: top;}
.con3 .top .yy>div+div{ margin-left: 17px;}
.con3 ul li{ float: left; width: 285px; text-align: center; margin-right: 20px;}
.con3 ul li .pic{ width: 285px; height: 198px; overflow: hidden; border: 1px solid #d8d8d8;}
.con3 .btn{ width: 43px; height: 31px; cursor: pointer;}

/*case*/

.case{padding: 50px 0 0;}
.case .nr{ position: relative;}
.case .more-title b{ background: url(../images/title4.png)no-repeat 0 4px; width: 456px; height: 46px; display: inline-block; vertical-align: top;}
.case .nr .hd{ width: 525px; position: absolute; height: 114px; left: 0; top: 0;z-index: 12;}
.case .hd ul li{ text-align: center; width: 158px; height: 47px; border: 1px solid #d8d8d8; float: left; cursor: pointer; line-height: 20px; padding: 4px 0 0 0; margin-bottom: 10px;}
.case .hd ul li:first-child+li,.case .hd ul li:first-child+li+li+li+li{ margin: 0 25px 0;}
.case .hd ul li .casehd{ color: #999; font-size: 18px;}
.case .hd ul li i{ color: #bcbcbc; font-size: 14px;}
.case .bd ul li {}

.case .hd ul li.on .casehd{ color: #fff;}
.case .hd ul li.on{ background: #113285; border: 1px solid #113285;}
.case .bd {}

.case .bd ul li .zz{ width: 535px; height: 296px; overflow: hidden; margin: 128px 20px 0 0;}
.case .bd ul li .yy{ width: 645px; height: 424px; overflow: hidden; position: relative;}
.case .bd ul li .yy .pic{ width: 645px; height: 424px; overflow: hidden;}
.case .bd ul li .yy .js{ position: absolute; left: 0; bottom: 0; background: url(../images/casebdbg.png)no-repeat; width: 100%; height: 82px; padding: 4px 15px 0 20px; z-index: 12;}
.case .bd ul li .yy .js a{ background: url(../images/more3.png)no-repeat; width: 86px; height: 20px; text-align: center; line-height: 20px; color: #fff; font-size: 14px; display: inline-block; vertical-align: top;}


.case .bd ul li .yy .js p{ color: #cecece; font-size: 14px;}
.case .bd ul li .yy .js p i{ color: #fff; font-size: 16px; font-weight: bold;}
.case .bd ul li .zz:hover img,.case .bd ul li .yy .pic:hover img{ transform: scale(1.1, 1.1); transition-duration: 300ms;}
.case .bd ul li{ overflow: hidden;}
.case .bd ul li>div{ float: left;}

/*about*/

.gyus{ margin: 55px 0 0 0; background: url(../images/aboutbg.png)no-repeat; background: url(../images/aboutbg.png)\9 no-repeat; background-size: 100% 1049px; height: 1049px; width: 100%;}
.about{ padding: 50px 0 50px 0;}
.about .left{ width: 624px; margin-right: 30px; background: url(../images/aboutpicbg.png)no-repeat; height: 436px;}
.about .left .pic{ width: 606px; height: 418px; margin: 9px auto; overflow: hidden;}
.about .left:hover .pic img{ transform: scale(1.1, 1.1); transition-duration: 300ms;}
.about .right .bt p{ margin: 55px 0 0 0;}
.about .right .bt hr{ background: #cb1a20; width: 136px; height: 1px; outline: none; border: none; display: block; margin: 15px 0 10px;}
.about .right{ width: 546px;}
.about .right .js .jsnr{ color: #666; font-size: 14px; height: 279px; overflow: hidden; line-height: 26px;}
.about .right .js .more {}

.about .right .js .more a{ display: inline-block; vertical-align: top; background: #113285; text-align: center; color: #fff; font-size: 14px; width: 116px; height: 30px; line-height: 30px;}
.about .right .js .more a+a{ background: #cb1a20;margin-left: 27px;}

/*new*/

.new {}

.new .newlist{ background: url(../images/newbg1.png)no-repeat; width: 380px; height: 450px; display: inline-block; vertical-align: top; padding: 30px 10px 0;}
.new .newlist .top{ position: relative; padding-left: 14px;}
.new .newlist .top:before{ position: absolute; left: 0; top: 0; content: url(../images/hx.png); width: 4px; height: 40px;}
.new .newlist .top p{ color: #113285; font-weight: bold; font-size: 18px; line-height: 20px;}
.new .newlist .top b{ color: #999; font-size: 16px; text-transform: uppercase;}
.new .newlist .nr{ margin: 25px 0 35px 0;}
.new .newlist .nr .pic{ width: 360px; height: 130px; overflow: hidden; border: 1px solid #d8d8d8; margin-bottom: 10px;}
.new .newlist ul li{ border-bottom: 1px dashed #d8d8d8; margin-bottom: 9px; padding-bottom: 5px;}
.new .newlist ul li a{ color: #666; font-size: 14px;}
.new .newlist ul li a:hover{ color: #113285;}
.new .newlist ul li a:before{ content: url(../images/hx2.png); width: 2px; height: 12px; display: inline-block; vertical-align: top; margin: 0 2px 0 0;}
.new .newlist .pic:hover img{ transform: scale(1.1, 1.1); transition-duration: 300ms;}
.new .newlist3 .list dl dd{ height: 73px!important; margin-bottom: 30px;}
.new .newlist3 .list dl dd .wen a{ font-size: 14px; color: #2d3036;}
.new .newlist3 .list dl dd .wen{ margin-bottom: 10px;}
.new .newlist3 .list dl dd .da a i{ font-size: 14px; color: #666; display: inline-block; vertical-align: top; width: 325px;}
.new .newlist3 .list dl dd .wen a:before,.new .newlist3 .list dl dd .da a:before{ width: 16px; height: 16px; text-align: center; border-radius: 2px; line-height: 16px; display: inline-block; vertical-align: top; color: #fff; font-size: 12px; margin: 3px 7px 0 0;}
.new .newlist3 .list dl dd .wen a:before{ content: "Q"; background: #113285;}
.new .newlist3 .list dl dd .da a:before{ content: "A"; background: #cb1a20;}
.new .newlist3 .nr{ height: 136px; overflow: hidden;}
.new .newlist3 .list dl dd .wen a:hover{ text-decoration: underline;}
.new .newlist3 .list dl dd .da a:hover i{ color: #cb1a20;}
.new .newlist3 .list{ height: 330px!important; overflow: hidden; margin: 18px 0 0 0;}

/*foot*/

.foot{ background: #113285; padding: 55px 0 0;}
.foot .content{ padding-bottom: 50px;}
.foot .content .left {}

.foot .content dl dt{ margin-bottom: 10px; padding-bottom: 5px;}
.foot .content .left dl dt p,.foot .content .zz dl dt p{ color: #fff; font-size: 24px; text-transform: uppercase; font-weight: bold;}
.foot .content .left dl dt i,.foot .content .zz dl dt i{ color: #fff; font-size: 18px;}
.foot .content .left dl dt i img,.foot .content .zz dl dt i img{ vertical-align: middle; margin-left: 10px;}
.foot .content dl dt{ border-bottom: 1px dashed #e8e8e8;}
.foot .content .left dl:first-child{ width: 460px;}
.foot .content .left dl:first-child dd a{ color: #fefefe; font-size: 14px; line-height: 24px; margin-right: 30px;}
.foot .content .left dl:first-child+dl{ width: 575px; margin: 25px 0 0;}
.foot .content .left dl:first-child+dl dd a{ color: #fefefe; font-size: 14px; line-height: 24px; margin-right: 26px;}
.foot .content .zz{ width: 269px; margin-left: 90px;}
.foot .content .zz dd p{ color: #fff; font-size: 14px; line-height: 28px;}
.foot .bottom{ text-align: center; height: 50px; line-height: 50px;border-top: 1px solid #001d65;}
.foot .bottom span,.foot .bottom a{ color: #fff; font-size: 16px;display: inline-block;}
.foot .bottom a:hover,.foot .content a:hover{ color: #cb1a20!important;}

/*btn_top*/

#btn_top ul{ overflow: hidden;}
#btn_top li{ float: left; margin-left: 10px;}
#btn_top li img{ display: block;}
#btn_top{ width: 43px; height: 43px; overflow: hidden; position: fixed; top: 85%; right: 51%; margin-right: -675px; cursor: pointer; display: none;}
#btn_top h4{ width: 43px; height: 43px; overflow: hidden; position: relative;}
#btn_top img{ display: block; position: absolute; top: 0; left: 0;}