*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font: 14px/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: 'Kozuka Gothic Pr6N-Bold';src: url('../fonts/Kozuka Gothic Pr6N-Bold.ttf');font-weight: normal; font-style: normal;}
.ty_content,.tywidth{ width: 1200px; margin: 0 auto;}
.more-title{ width: 1200px; margin: 60px auto 30px; text-align: center;}
.more-title h5{ font-size: 38px; line-height: 38px; color: #474747;}
.more-title h5 i{ font-weight: bold;}
.more-title h6{ margin-top: 20px; font-size: 18px; color: #666; line-height: 18px;}
@-webkit-keyframes bounce-up{ 25%{-webkit-transform: translateY(2px);}
	50%, 100%{-webkit-transform: translateY(0);}
	75%{-webkit-transform: translateY(-2px);}
	}
@keyframes bounce-up{ 25%{transform: translateY(2px);}
	50%, 100%{transform: translateY(0);}
	75%{transform: translateY(-2px);}
	}
@keyframes msClock{ 0%,90%,100%{ transform: rotate(0) scale(1);}
	20%,40%{ transform: rotate(-15deg) scale(1.1);}
	30%,50%{ transform: rotate(15deg) scale(1.1);}
	}

/*头部*/

.header{ width: 100%; font-size: 0;}
.header .header_slogan{ height: 140px;}
.header .header_slogan .logo{ width: 135px; padding-top: 35px;}
.header .header_slogan .text{ padding-top: 40px;}
.header .header_slogan .text h3{ color: #474747; font-size: 30px;line-height: 30px;margin: 0 0 10px 0;}
.header .header_slogan .text h3 i{ font-weight: bold;}
.header .header_slogan .text p{ color: #474747; line-height: 20px;font-size: 20px;}
.header .header_slogan .right>div{ display: inline-block; vertical-align: middle; margin-top: 30px;}
.header .header_slogan .right .wechat{ margin-left: 10px;}
.header .header_slogan .right .rx h3 i{ display: inline-block;vertical-align: top; font-size: 16px; font-weight: normal;}
.header .header_slogan .right .rx h3{ font-family: arial; color: #474747; font-size: 26px; font-weight: bold;line-height: 26px;}

/*导航*/

.header .nav{ width: 100%; height: 68px; line-height: 68px; background: #ededed;}
.header .nav .nav-content nav .xz{ width: 130px; height: 68px; position: relative; display: inline-block; vertical-align: top; text-align: center; margin-right: 3px;}
.header .nav .nav-content nav .xz i{ position: relative; z-index: 1; color: #333; font-size: 16px;}
.header .nav .nav-content nav .xz:before{ content: ''; background: #2941ad; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; transform: translateY(-10%); transition: all .4s;}
.header .nav .nav-content nav .xz.on:before,.header .nav .nav-content nav .xz:hover:before{ opacity: 1; transform: translateY(0);}
.header .nav .nav-content nav .xz.on i,.header .nav .nav-content nav .xz:hover i{ color: #fff;}
.header .nav .nav-content nav a:last-child{ margin-right: 0;}
.header .nav .nav-content nav .xz ul{ display: none; position: absolute; left: 0%; top: 68px; z-index: 999; width: 100%; background-color: rgba(255, 255, 255, 0.902); border: 1px solid #eee; padding: 20px 0;}
.header .nav .nav-content nav .xz ul li{ font-size: 16px; color: #666; line-height: 16px; margin-top: 20px;}
.header .nav .nav-content nav .xz ul li:first-child{ margin-top: 0;}
.header .nav .nav-content nav .xz ul li:hover{ color: #2941ad;}

/*轮播*/

.banner-index{ line-height: 0;}
.banner-index img{ width: 100%;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.slideBox .hd{ height: 14px; overflow: hidden; position: absolute; left: 48%; bottom: 35px; z-index: 1;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; position: relative; width: 14px; height: 14px; margin-right: 15px; cursor: pointer;}
.slideBox .hd ul li:after{ content: ""; background: #e0651f; width: 14px; height: 14px; position: absolute; left: 0; top: 0; transform: scale(0); transition: all .3s;}
.slideBox .hd ul li:before{ content: ""; background: #2941ad; width: 14px; height: 14px; position: absolute; left: 0; top: 0; transition: all .3s;}
.slideBox .hd ul li.on:after{ transform: scale(1);}
.slideBox .hd ul li.on:before{ transform: scale(0);}
.banner-index .slideBox .bd img{ width: 100%;}
.slideBox .bd ul li{ display: none;}
.slideBox .bd ul li:first-child{ display: none;}
.banner img{ width: 100%;}

/*搜索*/

.search{ border-bottom: 1px solid #ccc; font-size: 0; width: 100%; height: 65px; line-height: 65px;}
.search-content>div{ display: inline-block;vertical-align: top;}
.search-keywords span{ padding-left: 10px; border-left: 2px solid #ed7020; font-weight: bold; color: #474747; font-size: 14px;}
.search-keywords a,.search-keywords i{ color: #474747; font-size: 14px;}
.search-keywords a:hover{ color: #e0651f;}
.search-keywords i{ margin: 0 10px;}
.search-form{ float: right;}
#searchForm{ margin-top: 18px; background: url(../images/search.png)no-repeat; width: 239px; height: 31px; display: inline-block; vertical-align: top;}
#searchForm>input{ background: none; border: none; outline: none; display: inline-block; vertical-align: top; color: #999;}
#searchForm .search-input{ height: 31px; line-height: 31px; width: 87%;}
.search-form #s_btn{ width: 31px; height: 31px; cursor: pointer;}
#searchForm .search-input::-webkit-input-placeholder{/* WebKit browsers */
	color: #999;}
#searchForm .search-input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
	color: #999;}
#searchForm .search-input::-moz-placeholder{/* Mozilla Firefox 19+ */
	color: #999;}
#searchForm .search-input:-ms-input-placeholder{/* Internet Explorer 10+ */
	color: #999;}

/*solution*/

.solution{ width: 100%; height: 551px; overflow: hidden;}
.solution .nr{ position: relative; font-size: 0;}
.solution .nr .bd{ height: 385px; overflow: hidden;}
.solution .nr .bd ul li{ width: 285px; height: 385px; margin-right: 20px; overflow: hidden; display: inline-block; vertical-align: top; position: relative;}
.solution .nr .bd ul li .pic img{ width: 100%; transition: all .5s;}
.solution .nr .bd ul li:hover .pic img{ transform: scale(1.1, 1.1);}
.solution .nr .bd ul li .title{ color: #fff; font-size: 16px; background-color: rgba(0, 0, 0, 0.502); position: absolute; left: 0; bottom: 0; width: 285px; height: 44px; line-height: 44px; transition: all .5s; opacity: 1; z-index: 1; padding: 0 25px 0 30px;}
.solution .nr .bd ul li .title i{ background: url(../images/jjfaicon1.png)no-repeat; width: 8px; height: 14px; float: right; margin-top: 15px;}
.solution .nr .bd ul li:hover .title{ transform: translateY(44px); opacity: 0;}
.solution .nr:hover .btn{ visibility: visible;}
.solution .nr .prev{ visibility: hidden; position: absolute; left: -30px; top: 185px; background: url(../images/btn1.png)no-repeat; width: 15px; height: 40px; cursor: pointer;}
.solution .nr .next{ visibility: hidden; position: absolute; right: -30px; top: 185px; background: url(../images/btn2.png)no-repeat; width: 15px; height: 40px;cursor: pointer;}
.solution .nr .bd ul li .text{ padding-top: 40px; text-align: center; background-color: rgba(41, 65, 173, 0.851); position: absolute; left: 0; top: 0; width: 100%; height: 257px; z-index: 2; opacity: 0; transition: all .5s;}
.solution .nr .bd ul li:hover .text{ transform: translateY(128px); opacity: 1;}
.solution .nr .bd ul li .text dt{ color: #fff; font-size: 22px; line-height: 22px;}
.solution .nr .bd ul li .text .hr{ display: inline-block; vertical-align: top; width: 40px; height: 2px; background-color: rgb(255, 255, 255); margin: 15px 0;}
.solution .nr .bd ul li .text dd{ color: #fff; font-size: 16px; line-height: 30px; padding: 0 35px;}
.solution .nr .bd ul li .text b{ margin-top: 20px; display: block; background: url(../images/jjfaicon2.png)no-repeat center; height: 14px;}
.solution .nr .prev:before{ content: ""; width: 30px; height: 47px; position: relative; z-index: 1; display: block;}
.solution .nr .next:before{ content: ""; width: 30px; height: 47px; position: relative; left: -15px; z-index: 1; display: block;}

/*product*/

.product .pro-left{ width: 270px; overflow: hidden;font-size: 0;margin-right: 20px;}
.product .pro-left .kk{ background: #efefef; padding: 5px;}
.product .pro-left .kkbg{ background: #2941ad; padding: 7px;}
.product .pro-left .top h3{ color: #fff; font-size: 26px; line-height: 26px; font-weight: bold;}
.product .pro-left .top{ text-align: center; padding: 15px 0;}
.product .pro-left .top p{ color: #fff; font-size: 20px; line-height: 20px; margin-top: 10px;}
.product .pro-left .top p:before{ content: ""; background: #fff; width: 45px; display: inline-block; vertical-align: middle; height: 1px; margin-right: 5px;}
.product .pro-left .top p:after{ content: ""; background: #fff; width: 45px; display: inline-block; vertical-align: middle; height: 1px; margin-left: 5px;}
.product .pro-left .sideMenu{ background: #fff; height: 485px; padding: 22px 15px 0;}
.product .pro-left .sideMenu h3:first-child{ margin-top: 0;}
.product .pro-left .sideMenu h3{ background-color: rgb(237, 112, 32); width: 214px; height: 44px; line-height: 44px; margin: 20px auto 0; text-align: center;}
.product .pro-left .sideMenu h3 a{ display: block; color: #fff; font-size: 18px;}
.product .pro-left .sideMenu dl a{ display: inline-block; color: #474747; font-size: 16px; max-width: 113px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.product .pro-left .sideMenu dl a i{ background: url(../images/cpicon1.png)no-repeat; width: 6px; height: 6px; display: inline-block; vertical-align: middle; margin: -2px 10px 0 0;}
.product .pro-left .sideMenu dl{ position: relative; margin-top: 20px; width: 55%; display: inline-block; vertical-align: top; padding-bottom: 15px;}
.product .pro-left .sideMenu dl:nth-child(2n){
	width: 45%;
}
.product .pro-left .sideMenu dl a:hover{ color: #2941ad;}
.product .pro-left .sideMenu dl a:hover i{ background: url(../images/cpicon2.png)no-repeat;}
.product .pro-left .sideMenu ul dl:after{ content: ""; width: 216px; height: 1px; background: #eee; position: absolute; left: 0; bottom: 0;}
.product .pro-left .sideMenu ul{ display: none; overflow: hidden;}
.product .pro-left .bottom{ background: url(../images/cplistbottom.png)no-repeat; width: 270px; height: 230px; overflow: hidden; padding: 45px 30px 0; margin-top: -5px;}
.product .pro-left .bottom h5{ text-align: center; color: #fff; font-size: 24px; font-weight: bold; line-height: 24px; padding-bottom: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.502);}
.product .pro-left .bottom h6{ margin-left: 40px; color: #fff; font-size: 25px; font-family: arial; line-height: 25px;}
.product .pro-left .bottom .more>a{ display: inline-block; vertical-align: top; color: #fff; font-size: 14px; width: 94px; height: 26px; line-height: 26px; border: 1px solid #fff; text-align: center;}
.product .pro-left .bottom .rx{ margin: 20px 0; background: url(../images/phone.png)no-repeat left 7px;}
.product .pro-left .bottom .more>a:hover{ text-decoration: underline;}
.product .cplist{ width: 910px;}
.product .cplist ul li{ width: 290px; display: inline-block; vertical-align: top; margin: 0 20px 20px 0;}
.product .cplist ul li:nth-child(3n){ margin-right: 0;}
.product .cplist ul li .pic{ border: 1px solid #eee; border-bottom: none; opacity: 1; transition: all .5s;width: 290px; height: 220px; overflow: hidden;}
.product .cplist ul li:hover .pic{ border: 1px solid #ed7020; border-bottom: none;}
.product .cplist ul li .pic img{ width: 100%; transition: all .5s;}
.product .cplist ul li:hover .pic img{ transform: scale(1.1, 1.1);}
.product .cplist ul li .title{ background: #eee; color: #666; font-size: 16px; text-align: center; width: 100%; height: 40px; line-height: 40px;opacity: 1; transition: all .5s;}
.product .cplist ul li:hover .title{ background: #ed7020; color: #fff;}

/*case*/

.case{ margin-top: 60px; font-size: 0; background: url(../images/casebg.png)no-repeat center; width: 100%; height: 1158px; padding-top: 60px; overflow: hidden;}
.case .nr .bd>div{ display: inline-block; vertical-align: top;}
.case .nr .bd{ background: #fff; padding: 15px; height: 450px; position: relative;}
.case .nr .bd .bdul{ position: relative; width: 600px; height: 420px; overflow: hidden;}
.case .nr .bd .bdul .pic img{ width: 100%; transition: all .5s;}
.case .nr .bd .bdul ul li ol .pic:hover img{ transform: scale(1.1, 1.1);}
.case .nr .bd .bdul ul li ol{ width: 600px; height: 420px; overflow: hidden; position: relative;}
.case .nr .bd .bdul .text{ background-color: rgba(41, 65, 173, 0.851); position: absolute; left: 0; bottom: 0; width: 600px; height: 100px; z-index: 1; padding: 15px 40px 0 25px;}
.case .nr .bd .bdul .text dt{ color: #fff; font-size: 22px; line-height: 22px;}
.case .nr .bd .bdul .text .hr{ display: inline-block; vertical-align: top; width: 40px; height: 1px; background-color: rgb(255, 255, 255); margin: 15px 0;}
.case .nr .bd .bdul .text dd{ color: #fff; font-size: 16px; line-height: 16px;}
.case .nr .bd .bdul .text b{ position: absolute; right: 0; bottom: 0; z-index: 2; background: url(../images/caseicon5.png)no-repeat; width: 39px; height: 38px;}
.case .nr .bd .bdul ol:hover b{ background: url(../images/caseicon6.png)no-repeat;}
.case .nr .bd .prev{ position: absolute; left: 0; top: 180px; z-index: 999; background: url(../images/leftbtn1.png)no-repeat; width: 30px; height: 60px;cursor: pointer;transition: all .5s; opacity: 1;}
.case .nr .bd .next{ position: absolute; right: 0; top: 180px; z-index: 999; background: url(../images/rigthbtn1.png)no-repeat; width: 30px; height: 60px;cursor: pointer; transition: all .5s; opacity: 1;}
.case .nr .bd .prev:hover{ background: url(../images/leftbtn2.png)no-repeat;}
.case .nr .bd .next:hover{ background: url(../images/rigthbtn2.png)no-repeat;}
.case .nr .bd .wa{ margin-left: 40px; padding-top: 30px;width: 530px;}
.case .nr .bd .wa h3{ cursor: pointer; color: #474747; font-weight: bold; font-size: 30px; line-height: 30px;}
.case .nr .bd .wa h3:hover{ color: #2941ad;}
.case .nr .bd .wa dl{ margin-top: 65px;}
.case .nr .bd .wa dl dd{ display: inline-block; vertical-align: top; background: url(../images/caseicon1.png)no-repeat; width: 95px; height: 110px; overflow: hidden; padding-top: 30px; text-align: center; color: #fff; font-size: 24px; line-height: 28px; cursor: default; margin-right: 35px; transition: all .5s; opacity: 1;}
.case .nr .bd .wa dl dd:hover{ background: url(../images/caseicon2.png)no-repeat;}
.case .nr .bd .wa dl dd:last-child{ margin-right: 0;}
.case .nr .bd .wa dl dt{ color: #474747; font-size: 20px; line-height: 20px; margin: 45px 0 40px;}
.case .nr .bd1 .wa .xb{ position: absolute; right: -10px; top: 45px; color: #fff; font-family: arial; font-size: 34px; background: url(../images/caseicon3.png)no-repeat; width: 105px; height: 55px; line-height: 68px; padding-left: 15px;}
.case .nr .bd .wa .morea{ position: relative; display: inline-block; vertical-align: top; width: 115px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; overflow: hidden;}
.case .nr .bd .wa .more .z{ border: 1px solid rgb(220, 220, 220); border-right: none; color: #474747; border-bottom-left-radius: 25px; border-top-left-radius: 25px; background: #fff;}
.case .nr .bd .wa .more .r{ border: 1px solid rgb(220, 220, 220); border-left: none; border-bottom-right-radius: 25px; border-top-right-radius: 25px; color: #474747; background: #dcdcdc;}
.case .nr .bd .wa .more .z:hover{ color: #fff;transition: all .5s;}
.case .nr .bd .wa .more .r:hover{ color: #fff; background: none; transition: all .5s;}
.case .nr .bd .wa .morea{-webkit-transform: scale(1); -ms-transform: scale(1);-o-transform: scale(1); transform: scale(1);overflow: hidden;}
.case .nr .bd .wa .morea:before{ content: '';display: block;width: 120%; height: 0;padding: 60% 0; background: #2941ad; border-radius: 50%;position: absolute;left: -10%;top: 50%; -webkit-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); z-index: -1; transition: all .5s;}
.case .nr .bd .wa .morea:hover:before{ height: 100%; transform: translateY(-50%) scale(1);}
.case .nr .bd .wa .morea.r:before{ background: #ed7020;}
.case .nr .bd2 .wa .xb{ position: absolute; left: -10px; top: 45px; color: #fff; font-family: arial; font-size: 34px; text-align: right; background: url(../images/caseicon4.png)no-repeat; width: 105px; height: 55px; line-height: 68px; padding-right: 15px;}

/*process*/

.process .nr{ font-size: 0;}
.process .nr ul dl{ display: inline-block; vertical-align: top; width: 250px; border: 1px solid #ccc; text-align: center;height: 350px;overflow: hidden;}
.process .nr ul dl:first-child{ width: 640px;}
.process .nr ul dl:first-child+dl{ margin: 0 30px;}
.process .nr ul ol{ padding-top: 30px;}
.process .nr ul dl:first-child ol{ padding: 30px 35px 0;}
.process .nr ul dl:first-child ol li:first-child+li{ margin: 0 59px;}
.process .nr ul dt{ height: 68px; line-height: 68px; font-size: 20px; color: #fff; background: #2941ad;}
.process .nr ul li dd{ position: relative; border-radius: 21px; font-size: 18px; color: #fff; background: #2941ad; width: 150px; height: 44px; line-height: 44px;}
.process .nr ul li .jt{ line-height: 0; background: url(../images/lcjt.png)no-repeat center; height: 28px; margin: 10px auto;}
.process .nr ul li{ display: inline-block; vertical-align: top;cursor: default;}
.process .nr ul li dd{-webkit-transform: scale(1); -ms-transform: scale(1);-o-transform: scale(1); transform: scale(1);overflow: hidden;}
.process .nr ul li dd:before{ content: '';display: block;width: 120%; height: 0;padding: 60% 0; background: #ed7020; border-radius: 50%;position: absolute;left: -10%;top: 50%; -webkit-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); z-index: -1; transition: all .5s;}
.process .nr ul li dd:hover:before{ height: 100%; transform: translateY(-50%) scale(1);}
.process .nr .more{ margin: 40px auto 0; background: #eee; width: 680px; font-size: 18px; color: #474747; height: 60px; line-height: 60px; overflow: hidden; border-radius: 50px; text-align: right;}
.process .nr .more i{ position: relative; margin-left: 20px; cursor: pointer; display: inline-block; vertical-align: top; width: 125px; background: #ed7020; text-align: center; color: #fff; border-bottom-right-radius: 29px; border-top-right-radius: 29px;}
.process .nr .more i{-webkit-transform: scale(1); -ms-transform: scale(1);-o-transform: scale(1); transform: scale(1);overflow: hidden;}
.process .nr .more i:before{ content: '';display: block;width: 120%; height: 0;padding: 60% 0; background: #2941ad; border-radius: 50%;position: absolute;left: -10%;top: 50%; -webkit-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); z-index: -1; transition: all .5s;}
.process .nr .more i:hover:before{ height: 100%; transform: translateY(-50%) scale(1);}
.process .nr .more i:hover{ background: none; transition: all 1.5s;}
.process .nr ul li dd:hover{ background: none; transition: all 1.5s;}

/*jsttzx*/

.jsttzx{ font-size: 0; background: #eee; width: 100%; height: 375px; overflow: hidden; margin-top: 60px; padding-top: 55px;}
.jsttzx .nr .left dt{ color: #474747; font-size: 36px; line-height: 36px; border-left: 6px solid #2941ad; padding-left: 25px;}
.jsttzx .nr .left p{ color: #333; font-size: 18px; line-height: 18px; margin-top: 15px;}
.jsttzx .nr .left dt i{ color: #ed7020; font-weight: bold;}
.jsttzx .nr .left dl>div{ display: inline-block; vertical-align: top;}
.jsttzx .nr .left .kefu{ margin: 11px 0 0 -165px;}
.jsttzx .nr .left .wechat{ margin: 40px 15px 0 10px;}
.jsttzx .nr .left .wechat b{ width: 47px; height: 160px; display: inline-block; vertical-align: top; background: #2941ad; color: #fff; text-align: center; line-height: 20px; font-size: 18px; padding: 20px 10px;}
.jsttzx .nr .left .hot_phone{ margin-top: 90px;}
.jsttzx .nr .left .hot_phone dd{ color: #474747; font-size: 26px; font-family: arial; font-weight: bold;}
.jsttzx .nr .left .hot_phone span{font-size: 16px; color: #474747; font-weight: normal; display: inline-block; vertical-align: top; margin-top: 7px;}
.jsttzx .nr .right{ width: 490px; height: 298px; overflow: hidden; background: #fff; padding: 25px;}
.jsttzx .nr .right .inputlist input{ color: #999; font-size: 14px; width: 210px; border: 1px solid #dcdcdc; height: 40px; line-height: 40px; overflow: hidden; text-indent: 20px;}
.jsttzx .nr .right .inputlist{ display: inline-block; vertical-align: top; margin-bottom: 20px;}
.jsttzx .nr .right .inputlist textarea{ font-family: Microsoft YaHei; color: #999; font-size: 14px; padding: 15px 20px 0; width: 440px; border: 1px solid #dcdcdc; height: 106px; line-height: 24px; overflow: hidden; resize: none;}
.jsttzx .nr .right .inputlist input::-webkit-input-placeholder{/* WebKit browsers */
	color: #999; font-size: 14px;}
.jsttzx .nr .right .inputlist input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
	color: #999; font-size: 14px;}
.jsttzx .nr .right .inputlist input::-moz-placeholder{/* Mozilla Firefox 19+ */
	color: #999; font-size: 14px;}
.jsttzx .nr .right .inputlist input:-ms-input-placeholder{/* Internet Explorer 10+ */
	color: #999; font-size: 14px;}
.jsttzx .nr .right .inputlist textarea::-webkit-input-placeholder{/* WebKit browsers */
	color: #999; font-size: 14px;}
.jsttzx .nr .right .inputlist textarea:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
	color: #999; font-size: 14px;}
.jsttzx .nr .right .inputlist textarea::-moz-placeholder{/* Mozilla Firefox 19+ */
	color: #999; font-size: 14px;}
.jsttzx .nr .right .inputlist textarea:-ms-input-placeholder{/* Internet Explorer 10+ */
	color: #999; font-size: 14px;}
.jsttzx .nr .right .sub{ cursor: pointer; position: relative; width: 440px; height: 48px; text-align: center; color: #fff; font-size: 18px; line-height: 48px; background: #2941ad;}
.jsttzx .nr .right .sub{-webkit-transform: scale(1); -ms-transform: scale(1);-o-transform: scale(1); transform: scale(1);overflow: hidden;}
.jsttzx .nr .right .sub:before{ content: '';display: block;width: 120%; height: 0;padding: 60% 0; background: #ed7020; border-radius: 50%;position: absolute;left: -10%;top: 50%; -webkit-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); z-index: -1; transition: all .5s;}
.jsttzx .nr .right .sub:hover:before{ height: 100%; transform: translateY(-50%) scale(1);}

/*advantage*/

.advantage{ background: url(../images/ysbg.png)no-repeat center; padding-top: 60px; width: 100%; height: 730px; overflow: hidden;}
.advantage .hd ul li{ position: relative; width: 320px; height: 125px; background-color: rgba(26, 59, 207, 0.6); z-index: 2; border-bottom: 1px solid #8995c5; cursor: default;}
.advantage .hd ul li:last-child{ border-bottom: none;}
.advantage .hd ul li .sz{ font-size: 80px; font-family: "Impact"; color: rgba(255, 255, 255, 0.102); position: absolute; left: -20px; top: 5px;}
.advantage .hd ul li .cn{ color: #fff; font-size: 30px; line-height: 30px; margin-bottom: 10px;}
.advantage .hd ul li .en{ color: rgba(255, 255, 255, 0.502); font-size: 12px; line-height: 12px; text-transform: uppercase;}
.advantage .hd ul li .con{ position: relative; overflow: hidden; padding: 40px 0 0 115px; height: 125px; z-index: 6;}
.advantage .hd ul li:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; background: url(../images/yshover.png)no-repeat; width: 0; height: 125px; opacity: 0; transition: all .5s;}
.advantage .hd ul li.on:before{ width: 346px; opacity: 1;}
.advantage .hd{ width: 320px;}
.advantage .bd{ width: 880px; height: 500px; overflow: hidden;}
.advantage .bd ul li{ position: relative; height: 500px; overflow: hidden;}
.advantage .bd ul li .text{ padding: 20px 0 0 35px; background-color: rgba(0, 0, 0, 0.8); position: absolute; left: 0; bottom: 0; width: 880px; height: 150px; z-index: 1;}
.advantage .bd ul li .text dt{ color: #fff; font-size: 24px; line-height: 24px; margin-bottom: 15px;}
.advantage .bd ul li .text dd{ color: #fff; font-size: 16px; line-height: 24px;}
.advantage .bd ul li .pic{ position: relative; width: 880px;height: 500px; overflow: hidden;}
.advantage .bd ul li .pic img{ width: 100%;transition: all .8s;}
.advantage .bd ul li .pic:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width: 100%; height: 100%; background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); transform: skewx(-25deg);}
.advantage .bd ul li:hover .pic:after{left: 100%; -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s;}
.advantage .bd ul li:hover .pic img{ transform: scale(1.1);}
.advantage .bd ul li .text dd:before{ content: ""; width: 6px; height: 6px; display: inline-block; vertical-align: middle; background: #fff; border-radius: 50%; margin-right: 15px;}

/*about*/

.about{ margin: 60px 0 40px; font-size: 0;}
.about .pic{ position: relative; width: 600px;height: 380px; overflow: hidden;}
.about .pic img{ width: 100%;transition: all .8s;}
.about .pic:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width: 100%; height: 100%; background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); transform: skewx(-25deg);}
.about .pic:hover:after{left: 100%; -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s;}
.about .pic:hover img{ transform: scale(1.1);}
.about .text{ margin-left: 27px; padding-top: 40px; background: url(../images/aboutr.png)no-repeat; width: 573px; height: 378px; overflow: hidden;}
.about .text dt{ font-size: 30px; color: #474747; line-height: 32px;}
.about .text dt p{ font-size: 20px; margin: 15px 0 20px; line-height: 20px;}
.about .text dd{ text-align: justify; padding-right: 30px; color: #666; font-size: 16px; line-height: 35px; height: 175px; overflow: hidden;}
.about .text .morea{ position: relative; display: inline-block; vertical-align: top; width: 115px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; overflow: hidden;}
.about .text .more .z{ border: 1px solid rgb(220, 220, 220); border-right: none; color: #474747; border-bottom-left-radius: 25px; border-top-left-radius: 25px; background: #fff;}
.about .text .more .r{ border: 1px solid rgb(220, 220, 220); border-left: none; border-bottom-right-radius: 25px; border-top-right-radius: 25px; color: #fff; background: #ed7020;}
.about .text .more .z:hover{ color: #fff;transition: all .5s;}
.about .text .more .r:hover{ color: #474747; background: none; transition: all .5s;}
.about .text .morea{-webkit-transform: scale(1); -ms-transform: scale(1);-o-transform: scale(1); transform: scale(1);overflow: hidden;}
.about .text .morea:before{ content: '';display: block;width: 120%; height: 0;padding: 60% 0; background: #2941ad; border-radius: 50%;position: absolute;left: -10%;top: 50%; -webkit-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); z-index: -1; transition: all .5s;}
.about .text .morea:hover:before{ height: 100%; transform: translateY(-50%) scale(1);}
.about .text .morea.r:before{ background: #dcdcdc;}

/*qysl*/

.qysl{ font-size: 0; width: 100%; height: 205px;overflow: hidden;}
.qysl .nr .bdnr .bd{ position: relative;}
.qysl .nr .bdnr .bd .tempWrap{ width: 1200px!important;}
.qysl .nr .bdnr .bd ul li{ width: 284px; margin-right: 20px; display: inline-block; vertical-align: top; text-align: center;}
.qysl .nr .bdnr .bd ul li .pic{ position: relative; width: 284px; height: 179px; overflow: hidden;}
.qysl .nr .bdnr .bd ul li .mc{ color: #333; font-size: 16px; line-height: 16px; margin-top: 10px;}
.qysl .nr .bdnr .bd ul li .pic img{ width: 100%;transition: all .8s;}
.qysl .nr .bdnr .bd ul li .pic:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width: 100%; height: 100%; background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); transform: skewx(-25deg);}
.qysl .nr .bdnr .bd ul li:hover .pic:after{left: 100%; -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s;}
.qysl .nr .bdnr .bd ul li:hover .pic img{ transform: scale(1.1);}
.qysl .nr .bdnr .bd ul li:hover .mc{ color: #ed7020;}
.qysl .nr .bdnr .prev{ position: absolute; left: -30px; top: 70px; background: url(../images/btn1.png)no-repeat; width: 15px; height: 40px;cursor: pointer;}
.qysl .nr .bdnr .next{ position: absolute; right: -30px; top: 70px; background: url(../images/btn2.png)no-repeat; width: 15px; height: 40px;cursor: pointer;}

/*new*/

.new{ font-size: 0;height: 586px;overflow: hidden;}
.new .nr>div{ display: inline-block; vertical-align: top;}
.new .nr .newlist{ border-top: none;}
.new .nr .newlist1{ width: 700px; height: 480px;}
.new .nr .newlist2{ width: 470px; height: 586px; margin-left: 30px;}
.new .nr .newlist1 .top{ background: url(../images/newlist1bg.png)no-repeat;}
.new .nr .newlist2 .top{ background: url(../images/newlist2bg.png)no-repeat;}
.new .nr .newlist2 .top ul li.on:after{ width: 100%!important;}
.new .nr .newlist .top ul li:first-child+li{ margin-left: 16px;}
.new .nr .newlist1 ul li{ cursor: pointer;}
.new .nr .newlist .top{ height: 55px; line-height: 55px; border-bottom: 1px solid #dcdcdc; padding-left: 20px;}
.new .nr .newlist .top ul li{ color: #333; font-size: 18px; position: relative; float: left; margin-right: 21px;}
.new .nr .newlist .top ul li:after{ position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; content: ""; background: #ed7020; -webkit-transition: 0.3s ease 0s; -moz-transition: 0.3s 0s; -o-transition: 0.3s 0s; transition: 0.3s 0s;}
.new .nr .newlist .top ul li.on:after{ width: 100%; left: 0;}
.new .nr .newlist .top ul a{ float: right; color: #666; font-size: 14px; margin: 0 20px 0 0;}
.new .nr .newlist .bj{ padding: 20px 20px 0 20px; background: #fff; height: 531px; border: 1px solid #dcdcdc; border-top: none; overflow: hidden;}
.new .nr .newlist .bd .pic{ width: 314px; height: 200px; overflow: hidden;}
.new .nr .newlist .bd .newjs>div{ display: inline-block; vertical-align: top;height: 200px; overflow: hidden;}
.new .nr .newlist .bd .pic img{ width: 100%; transition: all .3s;}
.new .nr .newlist .bd .pic:hover img{ transform: scale(1.1);}
.new .nr .newlist .bd .js{ width: 329px; margin-left: 15px;}
.new .nr .newlist .bd .js h3{ line-height: 16px;}
.new .nr .newlist .bd .js h3 a{ color: #333; font-size: 16px; line-height: 16px;}
.new .nr .newlist .bd .js p{ height: 112px; overflow: hidden; color: #888; font-size: 14px; line-height: 26px; margin: 10px 0 25px;}
.new .nr .newlist .bd .js p:hover{ text-decoration: underline;}
.new .nr .newlist .bd .js .more{ transition: all .3s; width: 100px; height: 30px; border-radius: 15px; background: #ed7020; text-align: center; line-height: 30px; color: #fff; font-size: 14px; display: inline-block; vertical-align: top;}
.new .nr .newlist .bd .js .more:hover{ border-radius: 0;}
.new .nr .newlist .bd .list{ margin: 25px 0 0; overflow: hidden;}
.new .nr .newlist .bd .list dl{ float: left; width: 100%; padding-right: 25px;}
.new .nr .newlist .bd .list dl dd{ margin-bottom: 18px; display: inline-block; vertical-align: top; width: 50%;}
.new .nr .newlist .bd .list dl dd a:before{ content: ">"; display: inline-block; vertical-align: top; margin: 0 10px 0 0;}
.new .nr .newlist .bd .list dl dd i{ color: #999; font-size: 14px; float: right;}
.new .nr .newlist .bd .list dl dd a:hover:before{ background: url(../images/newicon2.png)no-repeat;}
.new .nr .newlist .bd .list dl dd a:hover,.new .nr .newlist .bd .js h3 a:hover,.new .nr .newlist .top ul a:hover{ color: #2941ad;}
.new .nr .newlist .bd .list dl dd a{ color: #333; font-size: 14px;}
.new .nr .newlist2 .listbd{ height: 531px; overflow: hidden;background: #fff;border: 1px solid #dcdcdc;border-top: none;}
.new .nr .newlist2 .listbd ul li{ height: 102px!important; padding: 15px 20px 0 20px; margin-bottom: 5px;}
.new .nr .newlist2 .listbd ul li:hover{ background: #333333;}
.new .nr .newlist2 .listbd ul li .wen{ margin-bottom: 10px;}
.new .nr .newlist2 .listbd ul li .wen a{ color: #333; font-size: 16px;}
.new .nr .newlist2 .listbd ul li .wen a:before{ content: "Q"; background: #2941ad;}
.new .nr .newlist2 .listbd ul li .da a:before{ content: "A"; background: #999;}
.new .nr .newlist2 .listbd ul li:hover .wen a:before{ background: #fff; color: #2941ad;}
.new .nr .newlist2 .listbd ul li:hover .da a:before{ color: #fff;}
.new .nr .newlist2 .listbd ul li:hover .da a i{ color: #fff;}
.new .nr .newlist2 .listbd ul li:hover .wen a{ color: #fff;}
.new .nr .newlist2 .listbd ul li .wen a:before,.new .nr .newlist2 .listbd ul li .da a:before{ border-radius: 50%; width: 20px; height: 20px; text-align: center; line-height: 20px; color: #fff; font-size: 14px; display: inline-block; vertical-align: top; margin: 1px 7px 0 0;}
.new .nr .newlist2 .listbd ul li .da a i{ color: #888; font-size: 14px; display: inline-block; vertical-align: top; line-height: 22px; width: 395px;}

/*尾部*/

.foot{ margin-top: 50px; font-size: 0; background: #333;}
.foot nav{ background: #2941ad; width: 100%; height: 60px; line-height: 60px;}
.foot nav ul{ padding: 0 90px;}
.foot nav ul a{ position: relative; color: #fff; font-size: 16px; display: inline-block; vertical-align: top; margin-right: 61px;}
.foot nav ul a:after{ content: ""; position: absolute; left: 0; bottom: 0; background: #fff; width: 0; height: 3px; transition: all .3s; z-index: 1;}
.foot nav ul a:hover:after{ width: 100%;}
.foot nav ul a:last-child{ margin-right: 0;}
.foot .footnr .link{ padding: 30px 0;}
.foot .footnr .link li,.foot .footnr .link i{ display: inline-block; vertical-align: top; color: #ccc; font-size: 14px;}
.foot .footnr .link li:first-child:hover{ text-decoration: none;}
.foot .footnr .link li:hover{ text-decoration: underline;}
.foot .footnr .content{ border-top: 1px solid #434343; padding-bottom: 50px;}
.foot .footnr .content .left ul li{ margin-bottom: 20px; line-height: 16px; color: #ccc; font-size: 16px;}
.foot .footnr .content .left{ padding-top: 40px; width: 500px;}
.foot .footnr .content .zb{ padding-top: 40px;}
.foot .footnr .content .zb dd{ display: inline-block; vertical-align: top; line-height: 0;}
.foot .footnr .content .right>div{ display: inline-block; vertical-align: top;}
.foot .footnr .content .right .dh{ text-align: right; margin-top: 40px;}
.foot .footnr .content .right .dh p{ color: #fff; font-size: 16px; line-height: 16px;}
.foot .footnr .content .right .dh h6{ font-family: arial; text-align: right; font-size: 26px; line-height: 26px; color: #fff;}
.foot .footnr .content .right .xx{ width: 1px; height: 88px; background: #434343; display: inline-block; vertical-align: top;}
.foot .footnr .content .right .bz{ text-align: center; margin-left: 15px;}
.foot .footnr .content .right .icon img{ animation: msClock 1.2s linear infinite; animation: msClock 1.2s linear infinite;}
.foot .bottom{ text-align: center; color: #7c7c7c; font-size: 14px; width: 100%; height: 60px; line-height: 60px; border-top: 1px solid #434343;}
.foot .bottom a{ color: #7c7c7c; font-size: 14px;}
.foot .bottom a:hover{ color: #ed7020;}