@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体","Myriad Pro", "Lucida Grande", sans-serif;color:#898989;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; }
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

@keyframes a1{
	0%{ transform: translateX(0);}
	50%{ transform: translateX(-8px);}
	100%{ transform: translateX(0);}
}
@keyframes a2{
	0%{ transform: translateX(0);}
	50%{ transform: translateX(8px);}
	100%{ transform: translateX(0);}
}

.top{ height: 40px; background: #333;}
.top .top_box{ width: 1200px; margin: 0 auto; line-height: 40px; color: #b0b0b0; font-size: 13px; overflow: hidden;}
.top .top_box .top_right{ float: right; overflow: hidden;}
.top .top_box .top_right ul{ float: right; padding-top: 9px; margin-left: 10px;}
.top .top_box .top_right ul li{ float: right; width: 37px; height: 19px; margin-left: 10px;}
.top .top_box .top_right ul li a{ display: block; width: 100%; height: 100%; text-align: center; line-height: 19px; font-size: 12px; color: #b0b0b0; border-radius:4px; background: #434343;}
.top .top_box .top_right h2{float: right; height: 40px; line-height: 40px; font-size: 13px; color: #b0b0b0; display: inline-block; padding-left: 16px; background: url(../images/index_03.jpg) left center no-repeat; margin-left: 20px; }
.top .top_box .top_right p{ float: right; height: 40px; line-height: 40px;  padding-left: 14px; display: inline-block; background: url(../images/index_06.jpg) left center no-repeat;}
.top .top_box .top_right p a{ font-size: 13px; color:#b0b0b0;}

.herderWarp{ width: 100%; background: #fff; z-index: 999;}
.herder{ width: 1200px; margin: 0 auto; height: 105px; position: relative; z-index: 999;}
.herder .logo{ float: left;}
.herder .logo img{ display: block; height: 100%; width: 300px;}
.herder .nav{ float: right; padding-right: 60px; height: 105px; position: relative;}
.herder .nav .serach{ position: absolute; width: 49px; height: 100%; right: 0; top: 0; overflow: hidden; transition: 0.5s; background: #fff;}
.herder .nav .serach span{ cursor: pointer; width: 49px; height: auto; display: block; position: absolute; left: 0; margin-top: -15px; top: 50%;}
.herder .nav .serach .serach_box{ position: absolute; left: 60px; top: 50%; margin-top: -15px; width: 600px; border-bottom: 1px solid #BFBEBE; height: 31px; box-sizing: border-box; }
.herder .nav .serach .serach_box button{ border: none; outline: none; background: none; background: url(../images/index_14.jpg); width: 49px; height: 32px;z-index: 2; cursor: pointer;}
.herder .nav .serach input{ width: 100%; height: 100%; float: left; text-indent: 20px; border: none; position: absolute; left: 49px; top: 0; z-index: 1;}
.herder .nav .serach .close{ right: 0; height: 100%; position: absolute; top: 0; line-height: 31px; font-size: 18px; cursor: pointer; z-index: 3;}
.herder .nav .serach.on{ width: 100%; z-index: 99;}
.herder .nav .serach.on span{ display: none}
.herder .nav ul{ height: 105px;}
.herder .nav ul li{ float: left; margin-left: 20px; position: relative; height: 105px;}
.herder .nav ul li p{ height: 105px; position: relative; line-height: 105px; padding-right: 25px; display: inline-block; font-size: 14px; color: #525252;}
.herder .nav ul li p a{ font-size: 14px;}
.herder .nav ul li p span{ position: absolute; right: 0; top: 50%; margin-top: -12.5px;  display: block; width: 25px; height: 25px; background: url(../images/index_17.jpg) center center no-repeat; transition: 0.5s;}
.herder .nav ul li .warp{ width: 100%; position: fixed; left: 0; top: 145px; background: #f5f5f5; height: 0; transition: 0.5s; z-index: 9999;}
.herder .nav ul li .warp .warp_box{height: 100%; width: 1200px; margin: 0 auto; overflow:hidden;}
.herder .nav ul li .warp .warp_box .warpLeft{ background: #fff; float: left; width: 370px; padding: 40px 20px 0 20px; box-sizing: border-box; height: 100%;}
.herder .nav ul li .warp .warp_box .warpLeft dl{ overflow: hidden;}
.herder .nav ul li .warp .warp_box .warpLeft dl dd{ width: 50%; float: left; text-align: center; line-height:32px; }
.herder .nav ul li .warp .warp_box .warpLeft dl dd a{ color: #2a2a2a;font-size: 15px;}
.herder .nav ul li .warp .warp_box .warpLeft dl dd a:hover{ color: #da251d;}
.herder .nav ul li .warp .warp_box .warpRight{ float: right; width: 830px; height: 100%; overflow: hidden; padding-top: 45px;}
.herder .nav ul li .warp .warp_box .warpRight .text{ float: left; width: 560px; padding: 0 45px; box-sizing: border-box;}
.herder .nav ul li .warp .warp_box .warpRight .text p{ width: 100%; font-size: 14px; line-height: 32px; color: #4d4d4d;}
.herderWarp{ width: 100%; background: #fff;}
.herder .nav ul li .warp .warp_box .warpRight .text a{ display: block; width: 182px; height: 44px; border: 1px solid #cc2821; line-height: 42px; text-align: center; color: #333; font-size: 14px; transition: 0.5s; border-radius:22px; margin-top: 35px;}
.herder .nav ul li .warp .warp_box .warpRight .text a:hover{ background: #cc2821; color: #fff;}

.herder .nav ul li .warp .warp_box .warpRight .icon{ width:250px; float: right;}
.herder .nav ul li .warp .warp_box .warpRight .icon img{ width: 100%; height: auto; display: block;}
.herder .nav ul li:hover .warp{ height: 310px;}
.herder .nav ul li:hover p a{ color: #df5450;}

.banner{ width: 100%; overflow: hidden;}
.banner img{ display: block; width: 100%; height: auto; transform: scale(1.3); transition: 2s;}
.banner .swiper-container{ width: 100%; height: 100%;}
.container{ width: 100%;}
.banner.on img{ transform: scale(1);}
.container .layer1{ width:100%; background: url(../images/bg_02.jpg); padding-bottom: 30px; background-size:100% 100% ;}
.container .layer1 .layer1_box{ width: 1400px; margin: 0 auto; overflow: hidden;}
.container .layer1 .tit{ width: 100%; height: 105px; line-height: 105px; font-size: 26px; color: #333;}
.container .layer1 .tit span{ font-size: 20px; color: #8a8a8a;}
.container .layer1 .layerLeft{ float: left; width: 765px;}
.container .layer1 .layerLeft .hd{ height: 50px; margin-bottom: 40px;}
.container .layer1 .layerLeft .hd ul{ overflow: hidden; float: left;}
.container .layer1 .layerLeft .hd ul li{ width: 160px; height: 50px; text-align: center; line-height: 50px; font-size: 18px; color: #fff; float: left; margin-left: 1px; background: #459fd8; cursor: pointer;}
.container .layer1 .layerLeft .hd ul li.on{ background: #0068ab;}
.container .layer1 .layerLeft .bd{ width: 100%;}
.container .layer1 .layerLeft .bd_box{ width: 100%;}
.container .layer1 .layerLeft .bd_box .main{ width: 100%; overflow: hidden; height: 115px; margin-bottom: 25px;}
.container .layer1 .layerLeft .bd_box .main .icon{ float: left; width: 165px; height: 115px;}
.container .layer1 .layerLeft .bd_box .main .icon img{ display: block; width: 100%; height: 100%;}
.container .layer1 .layerLeft .bd_box .main .text{ float: right; width: 580px; height: 115px; position: relative;}
.container .layer1 .layerLeft .bd_box .main .text h2{ height: 32px; font-size: 18px;}
.container .layer1 .layerLeft .bd_box .main .text h2 a{ color: #0068ab;}
.container .layer1 .layerLeft .bd_box .main .text p{ line-height: 24px; font-size: 15px; color: #0068ab;}
.container .layer1 .layerLeft .bd_box .main .text .more{ display: block; width: 70px; height: 22px; border-radius:11px ; text-align: center; font-size: 12px; color: #fff; background: #0068ab; line-height: 22px; position: absolute; bottom: 0; left: 0;}

.container .layer1 .layerLeft .bd_box ul li{ padding-left: 28px; background: url(../images/index_27.jpg) left center no-repeat; line-height: 42px;}
.container .layer1 .layerLeft .bd_box ul li a{ color: #767676; font-size: 16px;}
.container .layer1 .layerLeft .bd_box ul li span{ float: right; display: inline-block; line-height: 42px; font-size: 16px;}
.container .layer1 .layerRight{ width: 580px; float: right;}
.container .layer1 .layerRight .icon { width: 100%; height: 430px;}
.container .layer1 .layerRight .icon .flowplayer{ height: 100%;}
.container .layer1 .layerRight .icon video{ width: 100%; height: 430px; background: #000;}
.container .layer1 .layerRight .icon img{ display: block; width: 100%; height: auto;}
.container .layer1 .more{ height: 50px; color: #333; border-radius:30px; display: block; margin: 30px auto 0 auto; line-height: 50px; font-size: 16px; color: #333; width: 230px; background: #d3d3d3; text-align: center;}
.container .layer2{ width: 100%;}
.container .layer2 .tit{ width: 100%; text-align: center;}
.container .layer2 .tit h2{ text-align: center; line-height: 95px; font-size: 26px; color: #333; border-bottom: 1px solid #eae9e9; position: relative;}
.container .layer2 .tit h2 span{ width: 52px; height: 5px; display: block; position: absolute; left: 50%; transform: translate(-50%,50%); background: #ed1e24; bottom: 0; }
.container .layer2 .tit p{ text-align: center; font-size: 14px; color: #767676; padding: 25px 0;}
.container .layer2 .layer2_box{ width: 100%; margin: 0 auto; overflow: hidden;}
.container .layer2 .layer2_box .hd{ width: 100%; margin-bottom: 40px;}
.container .layer2 .layer2_box .hd ul{ text-align: center; width: 100%; height: 42px; overflow: hidden;}
.container .layer2 .layer2_box .hd ul li{ display: inline-block; width: 170px; height: 42px; margin: 0 10px; border-radius:21px; cursor: pointer; font-size: 15px; color: #868686; text-align: center; line-height: 42px; background: #ebebeb;}
.container .layer2 .layer2_box .hd ul li.on{ background: #0068ab; color: #fff;}
.container .layer2 .layer2_box .bd{ width: 100%;}
.container .layer2 .layer2_box .bd ul{ text-align: center; width: 100%; height: 358px; overflow: hidden;}
.container .layer2 .layer2_box .bd ul li{ display: inline-block; vertical-align: top; width: 275px; margin: 0 15px; transition: 0.5s;}
.container .layer2 .layer2_box .bd ul li .icon{ width: 275px; height: 275px; border-bottom: 5px solid #e40404; overflow:hidden;}
.container .layer2 .layer2_box .bd ul li .icon img{ display: block; width: 100%; height: 100%;}
.container .layer2 .layer2_box .bd ul li p{ width: 100%; height: 53px; text-align: center; line-height: 53px; font-size: 16px; color: #fff; background: #0068ab;}
.container .layer2 .layer2_box .bd ul li:hover{ transform: translateY(-10px); box-shadow: 0 10px 15px rgba(0,0,0,0.2);}
.container .layer2 .layer2_box .more{ display: block; margin: 20px auto; width: 195px; height: 48px; text-align: center; line-height: 48px; font-size: 15px; color: #858585; background: #efefef; border-radius:24px;}

.container .layer3{ background: url(../images/bg_04.jpg); height: 630px; }
.container .layer3 .layer3_box{ width: 1400px; margin: 0 auto; height: 100%;}
.container .layer3 .layer3_box .text{ width: 670px; float: left; padding-top: 100px;}
.container .layer3 .layer3_box .text h2{ font-size: 28px; color: #fff; padding-bottom: 32px;}
.container .layer3 .layer3_box .text span{ display: block; width: 50px; height: 4px; background: #fff; margin-bottom: 45px;}
.container .layer3 .layer3_box .text p{ font-size: 16px; color: #fff; line-height: 38px; margin-bottom: 70px;}
.container .layer3 .layer3_box .text a{ display: block; width: 165px; height: 42px; line-height: 40px; border-radius:21px; text-align: center; border: 1px solid #fff; font-size: 16px; color: #fff; transition: 0.5s;}
.container .layer3 .layer3_box .text a:hover{ background: #fff; color: #0068AB;}
.container .layer3 .layer3_box .list{ float: right; width: 690px; border: 1px solid #77a9ca; border-top:0; border-bottom: 0; height: 100%;}
.container .layer3 .layer3_box .list ul{ overflow: hidden;}
.container .layer3 .layer3_box .list ul li{ width: 25%; float: left; border-right:1px solid  #77a9ca; border-bottom: 1px solid #77a9ca; height: 235px;}
.container .layer3 .layer3_box .list ul li:nth-child(4n){ border-right:0 ;}
.container .layer3 .layer3_box .list ul li .icon{ width: 100%; padding: 60px 0; position: relative; }
.container .layer3 .layer3_box .list ul li .icon img{ display: block; margin: 0 auto; height: 48px; width: auto;transition: 0.5s;}
.container .layer3 .layer3_box .list ul li:hover .icon img{ transform: scale(1.2);}
.container .layer3 .layer3_box .list ul li p{ text-align: center; font-size: 16px; color: #fff}
.container .layer3 .layer3_box .list .more{ text-align: center;}
.container .layer3 .layer3_box .list .more a{ display: inline-block; height: 160px; padding-left: 65px; background: url(../images/icon_32.png) left center no-repeat; font-size: 16px; color: #98b2ce; line-height: 160px;}

.container .layer4{ width: 100%; background: url(../images/bg_05.jpg); height: 690px;}
.container .layer4 .layer4_box{ width: 1400px; margin: 0 auto; overflow: hidden;}
.container .layer4 .layer4_box .text{ float: left; width: 680px; padding-top: 100px; overflow: hidden;}
.container .layer4 .layer4_box .text h2{ font-size: 26px; color: #1b1b1b; padding-bottom: 25px;}
.container .layer4 .layer4_box .text span{ display: block; width: 50px; height: 3px; background: #ed1e24;}
.container .layer4 .layer4_box .text p{ padding-top: 40px; font-size: 18px; line-height: 40px;  color: #333; }
.container .layer4 .layer4_box .text ul{ padding: 30px 0; overflow: hidden; width: 800px;}
.container .layer4 .layer4_box .text ul li{ float: left; margin-right: 40px;}
.container .layer4 .layer4_box .text ul li img{ transition: 0.5s;}
.container .layer4 .layer4_box .text ul li:hover img{ transform: scale(1.1);}
.container .layer4 .layer4_box .text ul li:last-child{ margin-right: 0;}
.container .layer4 .layer4_box .icon{ width: 680px; float: right; padding-top: 115px; overflow: hidden;}

.container .layer4 .layer4_box .icon img{ display: block; transition: 0.5s; width: 100%; height: auto;}
.container .layer4 .layer4_box .icon:hover img{ transform: scale(1.2);}
.container .layer4 .more{ margin: 15px auto 0 auto; display: block; width: 195px; height: 46px; border-radius:23px; text-align: center; line-height: 46px; font-size: 16px; background: #ededed; color: #848484;}
.container .layer5{ background: url(../images/bg_06.jpg); height: 855px; width: 100%; background-size:100% 100%;}
.container .layer5 .layer5_box{ width: 1400px; margin: 0 auto; padding-top: 95px;}
.container .layer5 .layer5_box .layer5Left{ float: left; padding-left: 40px; width: 475px;}
.container .layer5 .layer5_box .layer5Left .icon{ overflow: hidden; padding-bottom: 20px;}
.container .layer5 .layer5_box .layer5Left .icon img{ display: block; float: left;}
.container .layer5 .layer5_box .layer5Left .icon h2{ float: left; padding: 15px 0 0 40px; color: #fff; line-height: 38px; font-size: 22px; color: #fff;}
.container .layer5 .layer5_box .layer5Left .icon h2 span{ display: block; font-size: 32px; color: #fff;}
.container .layer5 .layer5_box .layer5Left .text p{ line-height: 48px; color: #fff; font-size: 14px;}
.container .layer5 .layer5_box .layer5Left .text li{ margin-bottom: 20px;}
.container .layer5 .layer5_box .layer5Left .text li input{ width: 100%; height: 46px; border: 1px solid #D0D0D0; background: #fff; text-indent: 15px; color: #333;}
.container .layer5 .layer5_box .layer5Left .text li input::-webkit-input-placeholder{  color:#333;}
.container .layer5 .layer5_box .layer5Left .text li textarea{ height: 90px; padding:15px; box-sizing: border-box; border: 1px solid #D0D0D0; background: #fff; color: #333; width: 100%;}
.container .layer5 .layer5_box .layer5Left .text li textarea::-webkit-input-placeholder{ color: #333;}
.container .layer5 .layer5_box .layer5Left .text li button{ border: none; outline: none; width: 120px; height: 50px; border: 1px solid #2F2F2F; background: #2F2F2F; color: #fff; text-align: center; line-height: 48px;}
.container .layer5 .layer5_box .layer5Right{ width: 580px; float: right; height: 660px; background: #fff; border-radius:8px; padding: 0 10px; box-sizing: border-box;}
.container .layer5 .layer5_box .layer5Right .tit{ width: 100%; padding: 30px; border-bottom: 1px dashed #6b6b6b; position: relative;}
.container .layer5 .layer5_box .layer5Right .tit .tit_box{ position: relative; }
.container .layer5 .layer5_box .layer5Right .tit .tit_box h2{ font-size: 32px; padding-bottom: 12px; color: #03488d;}
.container .layer5 .layer5_box .layer5Right .tit .tit_box p{ color: #7da1c5; font-size: 26px;}
.container .layer5 .layer5_box .layer5Right ul{ width: 100%; padding:15px; box-sizing: border-box;}
.container .layer5 .layer5_box .layer5Right ul li{ font-size: 15px; color: #727272; line-height: 36px;}
.footer{ width: 100%; background: #313030;}
.footer .footer_box{ width: 1400px; margin: 0 auto; overflow: hidden;}
.footer .footer_box .icon{ width: 300px; height: 295px; position: relative; float: left;}
.footer .footer_box .icon img{ position: absolute; left: 0; top: 50%; margin-top: -32px;}
.footer .footer_box .footerNav{ float: left; padding-top: 35px; width: calc(100% - 300px);}
.footer .footer_box .footerNav ul{ float: left; margin-right: 65px;}
.footer .footer_box .footerNav ul h2{ font-size: 16px; color: #fff;}
.footer .footer_box .footerNav ul span{ display: block; width:30px; height: 1px; background: #fff; margin: 15px 0;}
.footer .footer_box .footerNav ul li{ margin-bottom: 15px;}
.footer .footer_box .footerNav ul li a{ color: #c8c6c6;}
.footer .footer_box .footerNav .phone{ float: left; width: 305px;}
.footer .footer_box .footerNav .phone h2{font-size: 16px; color: #fff;}
.footer .footer_box .footerNav .phone p{ height: 95px; padding-left: 50px; background: url(../images/index_58.jpg) left center no-repeat; font-weight: bold; font-size: 36px; line-height: 95px; color: #fff;}
.footer .footer_box .footerNav .phone dl dd{ padding-bottom: 15px;}
.footer .footer_box .footerNav .phone dl dd a{ font-size: 14px; color: #c8c6c6;}
.copyright{ width: 100%; padding: 10px 0; text-align: center; background: #f2f2f2;}
.copyright img{ display: inline-block; vertical-align: top;}
.copyright .text{ width: 610px; display: inline-block; text-align: center; vertical-align: top;}
.copyright .text p{ display: block; text-align: center; padding: 40px 0 0 0; font-size: 14px; color: #707070;}
.copyright .text span{ display: inline-block; padding-left: 25px; background: url(../images/index_68.jpg) left center no-repeat; height: 20px; line-height: 20px; color: #707070; margin-top: 10px;}
.AppTop{ display: none;}
.sidebar{ display: none;}

.productBanner{ width: 100%; overflow: hidden; position: relative;}
.productBanner img{ display: block; width: 100%; height: auto; display: block; transform: scale(1.4); transition: 2.5s}
.productBanner.on img{ transform: scale(1);}
.productBanner .titBox{ width: 1400px; margin: 0 auto; position: absolute; left: 50%; margin-left: -700px; bottom: 0;}
.productBanner .titBox .tit{ width: 250px; height: 155px; background: #da251d; padding:10px 20px 0 20px;}
.productBanner .titBox .tit h2{ line-height: 85px; color: #fff; font-size: 28px;}
.productBanner .titBox .tit p{ height: 16px; line-height: 16px; color: #fff; font-size: 16px; padding-left: 68px; background: url(../images/logo2.png) left center no-repeat;}
.productBanner .titBox .tit span{ display: block; width: 55px; height: 20px; border-bottom: 4px solid #fff;}
.product .productNav{ width: 1400px; margin: 0 auto;}
.product .productNav ul{ overflow: hidden;}
.product .productNav ul li{ width: 200px; height: 75px; float: left; border-left:1px solid #eaeaea ;}
.product .productNav ul li:last-child{ border-right:1px solid #eaeaea;}
.product .productNav ul li a{ display: block; width: 100%; height: 100%; text-align: center; line-height:75px; font-size: 16px; color:#545353 ; transition: 0.5s;}
.product .productNav ul li.on a{ color: #4282b8;}
.product .productNav ul li a:hover{ background: #4282b8; color: #fff;}
.product .details{ width: 100%; background: #f6f5f5; padding: 50px 0;}
.product .details .detailsBox{ width: 1400px; margin: 0 auto; padding: 60px; background: #fff;}
.product .details .detailsBox .detailsTop{ width: 100%; overflow: hidden;}
.product .details .detailsBox .detailsTop .icon{border: 1px solid #e3e4e4; float: left; width: 435px; height: 435px; padding: 5px;}
.product .details .detailsBox .detailsTop .icon img{ display: block; width: 100%; height: 100%;}
.product .details .detailsBox .detailsTop .text{ float: left; width: 845px; padding-left:45px;}
.product .details .detailsBox .detailsTop .text h2{ line-height: 52px; font-size: 30px; margin-bottom: 35px; color: #333;}
.product .details .detailsBox .detailsTop .text p{ line-height: 48px; color: #6e6f6f; font-size: 20px;}
.product .details .detailsBox .main{ width: 100%; padding-top: 75px;}
.product .details .detailsBox .main .hd{ width: 100%; height: 55px; overflow: hidden; background: #e1e0e0;}
.product .details .detailsBox .main .hd ul{ overflow: hidden;}
.product .details .detailsBox .main .hd ul li{ float: left; width:160px; height: 55px; text-align: center; line-height: 55px; color: #2d2d2d; font-size: 20px; cursor: pointer;}
.product .details .detailsBox .main .hd ul li.on{ background: #0068ab; color: #fff}
.product .details .detailsBox .main .bd{ padding: 25px 0 70px 0; border-bottom: 1px solid #e4e3e3;}
.product .details .detailsBox .main .bd h2{ line-height: 40px; font-size: 16px; color: #333;}
.product .details .detailsBox .main .bd p{ line-height: 40px; color: #9f9e9e; font-size: 16px;}
.product .details .downLoad{ width: 100%;}
.product .details .downLoad h2{ line-height: 95px; width: 100%; color: #222;}
.product .details .downLoad ul{ overflow: hidden; width: 120%;}
.product .details .downLoad ul li{ float: left; height: 100px; width: 385px; background: #f6f5f5; position: relative; margin-right: 62px; margin-bottom: 45px;}
.product .details .downLoad ul li:nth-child(3n){ margin-right: 0;}
.product .details .downLoad ul li .icon{ float: left; position: relative; width: 100px; height: 100px;}
.product .details .downLoad ul li .icon img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.product .details .downLoad ul li .text{ width:calc(100% - 100px); float: left;}
.product .details .downLoad ul li .text h2{ line-height: 60px; padding-top: 6px; font-size: 18px; color: #333; font-weight: bold; text-align: left;}
.product .details .downLoad ul li .text p{ font-size: 14px; color: #0a71d8;}
.product .details .downLoad ul li .pic{ position: absolute; width: 115px; height: 75px; right: 0; border-left:1px solid #ebeaea; top: 50%; transform: translateY(-50%);}
.product .details .downLoad ul li .pic img{ display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.productCenter{ width: 100%; background: #f6f5f5; padding: 50px 0 0 0;}
.productCenter .productCenter_box{ width: 1400px; margin: 0 auto;}
.productCenter .productCenter_box .nr{ width: 100%; overflow: hidden; height: 255px; background: #fff; margin-bottom: 50px; transition: 0.5s;}
.productCenter .productCenter_box .nr .icon{ float: left; width: 235px; height: 100%; overflow: hidden;}
.productCenter .productCenter_box .nr .icon img{ display: block; width: 100%; height: 100%; transition: 0.5s;}
.productCenter .productCenter_box .nr .text{ float: left; width: 1165px; padding: 0 55px 0 70px; box-sizing: border-box;}
.productCenter .productCenter_box .nr .text h2{ padding: 55px 0 30px 0; color: #333; font-size: 20px;}
.productCenter .productCenter_box .nr .text h2 a{ color: #333;}
.productCenter .productCenter_box .nr .text p{ font-size: 17px; color: #646464; line-height: 32px;}
.productCenter .productCenter_box .nr .text .more{ display: block; width: 140px; height: 44px; line-height: 42px; text-align: center; font-size: 16px; border: 1px solid #1977b3; color: #1977b3; border-radius:5px; margin-top: 20px; transition: 0.5s;}
.productCenter .productCenter_box .nr:hover .icon img{ transform: scale(1.1);}
.productCenter .productCenter_box .nr:hover .text h2 a{ color: #0f71b0;}
.productCenter .productCenter_box .nr:hover .text .more{ background: #1977b3; color: #fff;}
.productCenter .page ul{ text-align: center; padding-bottom: 50px;}
.productCenter .page ul li{ display: inline-block;  margin: 0 6px; }
.productCenter .page ul li a{ display: block;height: 30px; line-height: 30px; font-size: 14px; padding: 0 10px; background: #e7e8e8; transition: 0.5s; color: #333; border-radius:3px ;}
.productCenter .page ul li.on a{ background: #0068ab; color: #fff;}
.productCenter .page ul li:hover a{ background: #0068ab; color: #fff;}
.about{ width: 100%; background: #f6f5f5;}
.about .aboutBox{ width: 1400px; margin: 0 auto;}
.about .aboutBox .tit{ height: 145px; text-align: center; font-size: 24px; color: #333; line-height: 145px;}
.about .aboutBox .tit span{ color: #ff0000; font-weight: bold;}
.about .aboutBox .main{ width: 100%;}
.about .aboutBox .main img{ display: block; margin: 0 auto;}
.about .aboutBox .main .text{ width: 100%; padding-top: 1px;}
.about .aboutBox .main .text p{ font-size: 15px; color: #545353; line-height: 32px;}
.about .aboutBox .list{ width: 100%; margin: 50px auto; background: #fff; height: 142px; padding: 25px; border: 1px solid #ecebeb;}
.about .aboutBox .list ul{ overflow: hidden; height: 100%;}
.about .aboutBox .list ul li{ width: 25%; height: 100%; float: left; border-right:1px solid #e0dfdf;}
.about .aboutBox .list ul li:last-child{ border-right:0 ;}
.about .aboutBox .list ul li h2{ line-height: 60px; color: #da251d; text-align: center; font-size: 30px; font-weight: bold;}
.about .aboutBox .list ul li p{ text-align: center; font-size: 16px; color: #444343;}
.about .video{ cursor: pointer; width: 100%;}
.about .video img{ display: block; width: 100%; height: auto;}
.videoTc{ width: 750px; height: 450px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 999; display: none;}
.videoTc video{ width: 100%; height: 100%;}
.videoTc .close{ width: 60px; height: 60px; border-radius:50%; border: 1px solid #fff; position:absolute; bottom: -90px; left: 50%; transform: translateX(-50%); cursor: pointer;}
.videoTc .close img{ display: block; width: 60%; height: auto; left: 50%; top: 50%; transform: translate(-50%,-50%); position: absolute;}
.zz{ position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: 998; background: rgba(0,0,0,0.8); display: none;}

.feedback{ width: 100%; padding: 50px 0; background: #f6f5f5;}
.feedback_box{ width: 1400px; margin: 0 auto; padding: 95px 0; background: #fff;}
.feedback .feedback_box h2{ text-align: center; font-size: 28px; color: #2f2f2f;}
.feedback .feedback_box ul{ width: 745px; margin:70px auto 0 auto;}
.feedback .feedback_box ul li{ width: 100%; overflow: hidden; margin-bottom: 35px;}
.feedback .feedback_box ul li .left{ float: left; width: 100px; height: 52px; line-height: 52px; color: #333; font-size: 17px;}
.feedback .feedback_box ul li .left span{ color: #FF0000;}
.feedback .feedback_box ul li .right{ width: 645px; float: left;}
.feedback .feedback_box ul li .right input{ width: 100%; height: 52px; border-radius:5px; text-indent: 15px; border: 1px solid #d0d0d0; outline: none;}
.feedback .feedback_box ul li .right textarea{ width: 100%; height: 115px; border: 1px solid #d0d0d0; border-radius:5px; padding: 15px; resize: none;}
.feedback .feedback_box ul li .right dl{ text-align: center; width: 100%;}
.feedback .feedback_box ul li .right dl dd{ display: inline-block; width: 115px; height: 45px; margin: 0 27px;}
.feedback .feedback_box ul li .right dl dd a{ display: block; width: 100%; height: 100%; text-align: center; line-height: 54px; border-radius:5px; color: #fff; font-size: 17px; background: #bfbebe; line-height: 45px;}
.feedback .feedback_box ul li .right dl dd:first-child a{ background: #3084bb;}

.honor{ width: 100%; overflow: hidden;}
.honor ul{ width: 100%; overflow: hidden; padding: 0 15px;}
.honor ul li{ float: left; width: 32%; background: #fff; padding: 15px 15px 0 15px; margin-right: 1%; margin-bottom: 50px; transition: 0.5s;}
.honor ul li:nth-child(3n){ margin-right: 0;}
.honor ul li .icon{ width: 100%; height: 270px; overflow: hidden;}
.honor ul li .icon:hover img{ transform: scale(1.1);}
.honor ul li .icon img{ display: block; width: 100%; transition: 0.5s; height: 100%;}
.honor ul li p{ height: 65px; text-align: center; line-height: 65px; font-size: 15px; color: #333}
.honor ul li:hover{ background: #0068ab;}
.honor ul li:hover p{ color: #fff;}
.aboutBox .page ul{ text-align: center; padding-bottom: 50px;}
.aboutBox .page ul li{ display: inline-block;  margin: 0 6px; }
.aboutBox .page ul li a{ display: block;height: 30px; line-height: 30px; font-size: 14px; padding: 0 10px; background: #e7e8e8; transition: 0.5s; color: #333; border-radius:3px ;}
.aboutBox .page ul li.on a{ background: #0068ab; color: #fff;}
.aboutBox .page ul li:hover a{ background: #0068ab; color: #fff;}


.news_nav{ width: 100%; height: auto; background: #fff;}
.news_nav ul{ width: 1400px; margin: auto; border-bottom: 1px solid #eaeaea; overflow: hidden;}
.news_nav ul li{ width: 205px; float: left; height: 75px; border-left:1px solid #eaeaea;}
.news_nav ul li:last-child{ border-right:1px solid #eaeaea;}
.news_nav ul li a{ display: block; width: 100%; height: 100%; text-align: center; line-height: 75px; transition: 0.5s; font-size: 18px;}
.news_nav ul li.on a{ color: #0068ab;}
.news_nav ul li:hover a{ background: #0068ab; color: #fff;}
.newMain{ width: 100%; background: #f6f5f5; padding: 50px 0;}
.newMain_box{ width: 1400px; margin: 0 auto; background: #fff;}
.newMain_box .tit h2{ line-height: 115px; text-align: center; font-size: 26px; color: #333;}
.newMain_box .tit ul{ text-align: center;}
.newMain_box .tit ul li{ display: inline-block; height: 20px; margin: 0 70px; padding-left: 25px; color: #a5a4a4; line-height: 20px; font-size: 14px;}
.newMain_box .tit ul li:nth-child(1){ background: url(../images/newS_05.png) left center no-repeat;}
.newMain_box .tit ul li:nth-child(2){ background: url(../images/newS_08.png) left center no-repeat;}
.newMain_box .tit ul li:nth-child(3){ background: url(../images/newS_11.png) left center no-repeat;}

.newMain_box .text{ padding: 40px; box-sizing: border-box;}
.newMain_box .text p{ font-size: 16px; text-align: center; color: #333; line-height: 32px;}
.newMain_box .text img{ display: block; margin:20px auto;}
.newMain_box .list{ width: 1300px; margin: 0 auto; padding: 15px 0; border-bottom: 1px solid #eae9e9; overflow: hidden;}
.newMain_box .list .left{float: left; display: block; width: 135px; height: 36px; padding-left: 42px; background: url(../images/newS_30.png) 19px center no-repeat; line-height: 34px; border:1px solid #d7d7d7; border-radius:18px ; color: #333; font-size: 15px;}
.newMain_box .list ul{ float: right; overflow: hidden;}
.newMain_box .list ul li{ height: 36px; float: right; margin-left: 8px; line-height: 36px; font-size: 15px; color: #333}
.newMain_box .list ul li img{ height: 100%; width: auto;}
.newMain_box .page{ width: 1300px; margin: 0 auto; padding: 30px 0;}
.newMain_box .page li{ margin-bottom: 15px;}
.newMain_box .page li a{ font-size: 14px; color: #333}
.newMain_box .page li span{ color: #c30000; font-size: 14px;}
.newMain_box .page li a:hover{ text-decoration: underline;}
.newList{ width: 1400px; margin: 0 auto; padding: 0 15px; box-sizing: border-box;}
.newList .main{ width: 100%; overflow: hidden;}
.newList .main li{ width: 30%; float: left; margin-right: 3%; margin-bottom: 50px;}
.newList .main li:nth-child(3n){ margin-right: 0;}
.newList .main li .icon{ height: 290px; width: 100%; overflow: hidden;}
.newList .main li .icon img{ display: block; width: 100%; height: 100%; transition: 0.5s;}
.newList .main li:hover .icon img{ transform: scale(1.1);}
.newList .main li .text{ width: 100%; padding: 0 15px 15px 15px; box-sizing: border-box; background: #fff;}
.newList .main li .text h2{ color: #333; line-height: 55px;  height: 55px; overflow: hidden; font-size: 18px;}
.newList .main li .text h2 a{ color: #333;} 
.newList .main li .text p{ color: #333; font-size: 14px; line-height: 30px; height: 60px; overflow: hidden;}
.newList .main li .text .more{ display: block; width: 122px; height: 38px; line-height: 36px; text-align: center; font-size: 16px; border: 1px solid #1172b1; color: #1172b1; border-radius:5px; margin-top: 15px; transition: 0.5s;}
.newList .main li .text .more:hover{ background: #1172b1; color: #fff;}

.newList .page2 ul{ text-align: center; padding-bottom: 50px;}
.newList .page2 ul li{ display: inline-block;  margin: 0 6px; }
.newList .page2 ul li a{ display: block;height: 30px; line-height: 30px; font-size: 14px; padding: 0 10px; background: #fff; transition: 0.5s; color: #333; border-radius:3px ;}
.newList .page2 ul li.on a{ background: #0068ab; color: #fff;}
.newList .page2 ul li:hover a{ background: #0068ab; color: #fff;}

.downLoad{ background: #f6f5f5; padding-bottom: 50px;}
.downLoad h2{ text-align: center; line-height: 125px; font-size: 32px; color: #333;}
.downLoad .downLoadBox{ width: 1400px; margin: 0 auto; background: #fff; padding: 5px; box-sizing: border-box; padding-bottom: 200px;}
.downLoad .downLoadBox table{ width: 100%;}
.downLoad .downLoadBox table th{ height: 60px; text-align: left; background: #f8f7f7; color: #b5b4b4; text-indent: 30px; font-size: 20px; font-weight: normal;}
.downLoad .downLoadBox table th:last-child{ text-align: center;}
.downLoad .downLoadBox table td{ text-indent: 30px; height: 74px; font-size: 18px; color: #999898; border-bottom: 1px dashed #dfdede;}
.downLoad .downLoadBox table td a:hover{ color: #0068AB;}
.downLoad .downLoadBox table td dl{ text-align: center;}
.downLoad .downLoadBox table td dl dd{ display: inline-block; margin: 0 20px;}
.downLoad .page2 ul{ text-align: center; padding-top: 50px;}
.downLoad .page2 ul li{ display: inline-block;  margin: 0 6px; }
.downLoad .page2 ul li a{ display: block;height: 30px; line-height: 30px; font-size: 14px; padding: 0 10px; background: #fff; transition: 0.5s; color: #333; border-radius:3px ;}
.downLoad .page2 ul li.on a{ background: #0068ab; color: #fff;}
.downLoad .page2 ul li:hover a{ background: #0068ab; color: #fff;}
.course{ width: 1400px; margin: 0 auto; overflow: hidden; background: #fff; padding-bottom: 200px; margin-bottom: 50px;}

.course .swiper-container{ padding: 70px 0;}
.course .swiper-container .nr{ width: 510px; height: 185px; background: url(../images/bg2_03.png); background-size:100% 100% ; padding-top: 40px;}
.course .swiper-container .nr h2{ text-align: center; font-size: 85px; padding-bottom: 20px; color: #102c79; font-family: zwadobef;}
.course .swiper-container .nr p{ text-align: center; font-size: 36px; color: #102c79;}
.course .swiper-container .swiper-button-next{ right: 350px; background: url(../images/arrow.png); width: 27px; height: 30px; animation: a1 1.5s linear infinite;}
.course .swiper-container .swiper-button-prev{ left: 350px; background: url(../images/arrow2.png); width: 27px; height: 30px; animation: a2 1.5s linear infinite;}
.course .swiper-pagination{ width: 100%;  position: relative; padding-top: 1px; /*white-space:nowrap;*/ overflow-x: auto;}

.course .swiper-pagination .swiper-pagination-bullet{width: 90px; height: 40px; text-align: center; line-height: 40px; border-radius:0; background: none; margin: 0 10px; opacity: 1; font-size: 22px; color: #7e7e80; vertical-align: top;}
.course .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ /*background: url(../images/bg3_07.png);*/ background-size:100% 100% ; color: #fff;}
.course .bd{ width: 975px; margin: 0 auto; padding-top: 1px;}
.course .bd ul{ width: 100%}
.course .bd ul li{ width: 100%;  overflow: hidden; padding: 5px 0;}
.course .bd ul li .left{ float: left; font-size: 32px; color: #ff7275; width:30px; font-weight: bold; line-height: 22px;}
.course .bd ul li .right{ float: left; width: calc(100% - 105px);font-size: 16px; line-height: 22px; color: #2a375f;}
.service2{ width: 100%; background: #f6f5f5;}
.service2 .list{ padding-bottom: 75px;}
.service2 .list h2{ height: 220px; line-height: 220px; text-align: center; font-size: 30px; color: #333;}
.service2 .list ul{ width: 100%; text-align: center;}
.service2 .list ul li{ display: inline-block; width: 325px; height: 425px; background: #fff; position: relative; margin:0 12px; padding-top: 120px; vertical-align: top; transition:0.8s ;}
.service2 .list ul li .icon{ position: absolute; top: 0; left: 50%; margin: -69px 0 0 -69px; transition: 0.5s;}
.service2 .list ul li .text h3{ text-align: center; font-size: 22px; color: #333;}
.service2 .list ul li .text span{ width: 38px; height: 2px; display: block; margin: 20px auto; background: #d6000f;}
.service2 .list ul li .text p{ line-height: 32px; font-size: 14px; color: #545454;}
.service2 .list ul li:hover{ box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
.service2 .list ul li:hover .icon{transform: translate(-50%,-50%) rotateY(360deg) scale(1.2);}
.service2 .main{ width: 100%; background: url(../images/bg4_02.png); height: 660px; background-attachment:fixed ; background-size:auto 100% ;}
.service2 .main h2{ text-align: center; line-height: 230px; color: #fff; font-size: 30px;}
.service2 .main ul{ text-align: center;}
.service2 .main ul li{ display: inline-block; width: 340px; vertical-align: top;}
.service2 .main ul li .icon{ width: 105px; height: 105px; position: relative; border: 1px solid #fff; border-radius:50%; margin: 0 auto; text-align: center; line-height: 105px;}
.service2 .main ul li .icon img{ display: inline-block; vertical-align: middle;}
.service2 .main ul li .text h3{ line-height: 65px; color: #fff; text-align: center; font-size: 22px; font-weight: bold;}
.service2 .main ul li .text span{ width: 40px; height: 4px; margin: 0 auto; display: block; background: #fff;}
.service2 .main ul li .text p{ text-align: center; line-height: 32px; text-align: center; font-size: 16px; color: #fff; padding-top: 20px;}


.fixdSide{ display: none; width: 100%; height: 100vh; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.8); z-index: 999;}
.fixdSide .swiper-container{ width: 100%; height: 100%;}
.fixdSide .swiper-container .swiper-slide{ width:100%; height: 100%;}
.fixdSide .swiper-container .swiper-slide .icon{ width: 40%; height: 50%; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.fixdSide .close{ text-align: center; line-height: 45px; cursor: pointer; z-index: 99; position: absolute; right: 30px; top: 30px; width: 45px; height: 45px; border-radius:50%; border: 1px solid #fff; color: #fff; font-size: 25px;}

.AppFooter{ display: none;}



@media(max-width: 1200px) {
.AppFooter{display: block; width: 100%; background: #66CCFF; position: fixed; left: 0; bottom: 0; padding-bottom: .1rem; z-index: 999;}
.AppFooter ul{ width: 100%; overflow: hidden; display: block;}
.AppFooter ul li{ width: 25%; float: left;}
.AppFooter ul li .icon{ height: .4rem; width: 100%; margin: .2rem 0;}
.AppFooter ul li .icon img{ display: block;  margin: 0 auto;}
.AppFooter ul li p{ text-align: center; font-size: .26rem; color: #fff;}
.top{ display: none;}
.herder{ display: none;}
.sidebar{ position: fixed; width: 70%; height: 100vh; left: 0; top: 0; background: #333; z-index: 999; left: -100%; transition: 0.6s; display: block;}
.sidebar .sideLogo{ width: 60%; margin:50px auto;}
.sidebar .sideLogo img{ display: block; width: 100%; height: auto;}
.sidebar .sideNav{ width: 60%; margin: 0 auto;}
.sidebar .sideNav ul{ width: 100%;}
.sidebar .sideNav li{ width: 100%; height: 30px; line-height: 30px; font-size: 14px; margin-bottom: 10px; border-radius:15px; text-indent: 20px;}
.sidebar .sideNav li a{ font-size: 14px; color: #fff;}
.sidebar .sideNav li.on{ background: #fff;}
.sidebar .sideNav li.on a{ color: #333;}

.AppTop{ display: block; width: 100%; height: 1rem; background: #313030; position: relative;}
.AppTop .AppLogo{ height: 100%; float: left; position: relative;}
.AppTop .AppLogo img{ position: absolute; left: 20px; top: 50%; transform: translateY(-50%); height: 60%;}
.AppTop .SideClick{ width: .6rem; height: .5rem; position: absolute; right: .2rem; top: 50%; transform: translateY(-50%); transition: 0.5s;}
.AppTop .SideClick span{ width: 100%; height: .08rem; border-radius:.04rem ; background: #fff; position: absolute; transition: 0.5s;}
.AppTop .SideClick span:nth-child(1){ top: 0; left: 0;}
.AppTop .SideClick span:nth-child(2){ top: 50%; transform: translateY(-50%);}
.AppTop .SideClick span:nth-child(3){ bottom: 0; left: 0;}
.AppTop .SideClick.on{ transform: translateY(-50%) rotate(180deg);}
.AppTop .SideClick.on span:nth-child(1){ top: 50%; transform: translateY(-50%) rotate(45deg);}
.AppTop .SideClick.on span:nth-child(3){ top: 50%; transform: translateY(-50%) rotate(-45deg);}
.AppTop .SideClick.on span:nth-child(2){ width:0;}
.banner{ width: 100%; height: auto; display: block;}
.banner .swiper-container{ width: 100%; height: auto;}
.banner .swiper-wrapper{ width: 100%;}
.banner .swiper-container .swiper-slide{ width: 100%;}
.banner a{ display: block; width: 100%}
.banner img{ display: block; width: 100%; height: auto;}

.container{ width: 100%;}

.container .layer1{ width:100%; background: url(../images/bg_02.jpg); background-size:auto 100%; padding-bottom: 30px;}
.container .layer1 .layer1_box{ width: 100%; overflow: hidden;}
.container .layer1 .tit{ width: 100%; height: 65px; line-height: 65px; text-align: center; font-size: 20px; color: #333;}
.container .layer1 .tit span{ font-size: 20px; color: #8a8a8a; text-align: center;}
.container .layer1 .layerLeft{ width: 100%;}
.container .layer1 .layerLeft .hd{ height: 30px; margin-bottom: 20px;}
.container .layer1 .layerLeft .hd ul{ overflow: hidden; text-align: center; width: 100%;}
.container .layer1 .layerLeft .hd ul li{display: inline-block; width: 120px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; color: #fff; margin-left: 1px; background: #459fd8; cursor: pointer; float: none;}
.container .layer1 .layerLeft .hd ul li.on{ background: #0068ab;}
.container .layer1 .layerLeft .bd{ width: 100%; padding: 0 10px; box-sizing: border-box;}
.container .layer1 .layerLeft .bd_box{ width: 100%;}
.container .layer1 .layerLeft .bd_box .main{ width: 100%; overflow: hidden; height: auto;}
.container .layer1 .layerLeft .bd_box .main .icon{ width: 100%; height: auto; float: none;}
.container .layer1 .layerLeft .bd_box .main .icon img{ display: block; width: 100%; height: auto;}
.container .layer1 .layerLeft .bd_box .main .text{width: 100%; height: auto; position: relative;}
.container .layer1 .layerLeft .bd_box .main .text h2{  font-size: 16px; line-height: 28px; padding: 10px 0; height: auto;}
.container .layer1 .layerLeft .bd_box .main .text h2 a{ color: #0068ab;}
.container .layer1 .layerLeft .bd_box .main .text p{ line-height: 24px; font-size: 12px; color: #0068ab;}
.container .layer1 .layerLeft .bd_box .main .text .more{ display: block; width: 70px; height: 22px; border-radius:11px ; text-align: center; font-size: 12px; color: #fff; background: #0068ab; line-height: 22px; margin: 15px auto; position: relative;}

.container .layer1 .layerLeft .bd_box ul li{  left center no-repeat; line-height: 42px;}
.container .layer1 .layerLeft .bd_box ul li a{ color: #767676; font-size: 12px;}
.container .layer1 .layerLeft .bd_box ul li span{ float: right; display: inline-block; line-height: 42px; font-size: 16px;}
.container .layer1 .layerRight{ width: 100%;}
.container .layer1 .layerRight .icon video{ width: 100%; height: auto;}
.container .layer1 .layerRight .icon img{ display: block; width: 100%; height: auto;}
.container .layer1 .more{ height: 50px; color: #333; border-radius:30px; display: block; margin: 30px auto 0 auto; line-height: 50px; font-size: 16px; color: #333; width: 230px; background: #d3d3d3; text-align: center;}
.container .layer2{ width: 100%;}
.container .layer2{ width: 100%;}
.container .layer2 .tit{ width: 100%; text-align: center;}
.container .layer2 .tit h2{ text-align: center; line-height: 55px; font-size: 16px; color: #333; border-bottom: 1px solid #eae9e9; position: relative;}
.container .layer2 .tit h2 span{ width: 52px; height: 5px; display: block; position: absolute; left: 50%; transform: translate(-50%,50%); background: #ed1e24; bottom: 0; }
.container .layer2 .tit p{ text-align: center; font-size: 14px; color: #767676; padding: 25px 0;}
.container .layer2 .layer2_box{ width: 100%; margin: 0 auto; overflow: hidden;}
.container .layer2 .layer2_box .hd{ width: 100%; margin-bottom: 20px; overflow-y: auto; }
.container .layer2 .layer2_box .hd ul{ overflow: hidden; width:100%; padding: 0 10px; height:auto;}
.container .layer2 .layer2_box .hd ul li{ display: block; float: left; width: 32%; height: 42px; margin: 0 2% 10px 0; border-radius:21px; cursor: pointer; font-size: 12px; color: #868686; text-align: center; line-height: 42px; background: #ebebeb;}
.container .layer2 .layer2_box .hd ul li:nth-child(3n){ margin-right: 0;}
.container .layer2 .layer2_box .hd ul li.on{ background: #0068ab; color: #fff;}
.container .layer2 .layer2_box .bd{ width: 100%;}
.container .layer2 .layer2_box .bd ul{ width: 100%; height: auto; padding: 0 10px; overflow: hidden;}
.container .layer2 .layer2_box .bd ul li{ float: left; display: block; width: 49%; margin: 0 2% 10px 0; transition: 0.5s;}
.container .layer2 .layer2_box .bd ul li:nth-child(2n){ margin-right: 0;}
.container .layer2 .layer2_box .bd ul li .icon{ width: 100%; height: auto; border-bottom: 5px solid #e40404;}
.container .layer2 .layer2_box .bd ul li .icon img{ display: block; width: 100%; height: auto;}
.container .layer2 .layer2_box .bd ul li p{ width: 100%; height: 53px; text-align: center; line-height: 53px; font-size: 16px; color: #fff; background: #0068ab;}
.container .layer2 .layer2_box .bd ul li:hover{ transform: translateY(-10px); box-shadow: 0 10px 15px rgba(0,0,0,0.2);}
.container .layer2 .layer2_box .more{ display: block; margin: 25px auto; width: 195px; height: 48px; text-align: center; line-height: 48px; font-size: 15px; color: #858585; background: #efefef; border-radius:24px;}

.container .layer3{ background: url(../images/bg_04.jpg) repeat; height: auto; }
.container .layer3 .layer3_box{ width: 100%; margin: 0 auto; overflow: hidden; }
.container .layer3 .layer3_box .text{ width: 100%; padding: 0;}
.container .layer3 .layer3_box .text h2{ font-size: 28px; color: #fff; text-align: center; padding: 30px 0;}
.container .layer3 .layer3_box .text span{ display: block; width: 50px; height: 4px; background: #fff; margin: 0 auto 45px auto;}
.container .layer3 .layer3_box .text p{ font-size: 12px; color: #fff; line-height: 24px; padding: 0 15px;}
.container .layer3 .layer3_box .text a{ display: block; width: 165px; height: 42px; line-height: 40px; border-radius:21px; text-align: center; border: 1px solid #fff; font-size: 16px; color: #fff; margin: 20px auto;}

.container .layer3 .layer3_box .list{ width: 100%; border: 1px solid #77a9ca; border-right:0 ; }
.container .layer3 .layer3_box .list ul{ overflow: hidden;}
.container .layer3 .layer3_box .list ul li{ width: 50%; float: left; border-right:1px solid  #77a9ca; border-bottom: 1px solid #77a9ca; height: 185px;}
.container .layer3 .layer3_box .list ul li:nth-child(4n){ border-right:0 ;}
.container .layer3 .layer3_box .list ul li .icon{ width: 100%; height: 135px; position: relative;}
.container .layer3 .layer3_box .list ul li .icon img{ display: block; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%);} 
.container .layer3 .layer3_box .list ul li p{ text-align: center; font-size: 16px; color: #98b3ce}
.container .layer3 .layer3_box .list .more{ text-align: center;}
.container .layer3 .layer3_box .list .more a{ display: inline-block; height: 90px; padding-left: 65px; background: url(../images/icon_32.png) left center no-repeat; font-size: 16px; color: #98b2ce; line-height: 90px;}

.container .layer4{ width: 100%; background: url(../images/bg_05.jpg); height: 690px;}
.container .layer4 .layer4_box{ width: 100%; margin: 0 auto; overflow: hidden;}
.container .layer4 .layer4_box .text{  width: 100%; padding-top: 30px;}
.container .layer4 .layer4_box .text h2{ font-size: 20px; color: #1b1b1b; padding-bottom: 25px; text-align: center;}
.container .layer4 .layer4_box .text span{ display: block; width: 50px; height: 3px; background: #ed1e24; margin: 0 auto;}
.container .layer4 .layer4_box .text p{ padding-top: 25px; font-size: 14px; line-height: 24px; padding:15px;  color: #333; }
.container .layer4 .layer4_box .text ul{ overflow:hidden; padding: 0 20px; width: 100%;}
.container .layer4 .layer4_box .text ul li{ transition: 0.5s; float: left; width: 20%; float: left; margin: 0;}
.container .layer4 .layer4_box .text ul li img{ width: 80%; margin: 0 auto; display: block;}

.container .layer4 .layer4_box .icon{ width: 100%; margin: 0 auto; padding-top: 40px;}
.container .layer4 .layer4_box .icon img{ display: block; width: 100%; height: auto;}
.container .layer4 .more{ margin: 20px auto 0 auto; display: block; width: 195px; height: 46px; border-radius:23px; text-align: center; line-height: 46px; font-size: 16px; background: #ededed; color: #848484;}
.container .layer5{ background: url(../images/bg_06.jpg) repeat; width: 100%; padding-bottom:15px; overflow: hidden; height: auto;}
.container .layer5 .layer5_box{ width: 100%; margin: 0 auto; padding-top: 15px; overflow: hidden;}
.container .layer5 .layer5_box .layer5Left{ padding: 0 15px; width: 100%; float: none;}
.container .layer5 .layer5_box .layer5Left .icon{ overflow: hidden; padding-bottom: 20px;}
.container .layer5 .layer5_box .layer5Left .icon img{ display: block; width: 60%; margin: 0 auto; float: none;}
.container .layer5 .layer5_box .layer5Left .icon h2{ text-align: center; color: #fff; line-height: 38px; font-size: 22px; color: #fff; width: 100%; float: none; padding: 0;}
.container .layer5 .layer5_box .layer5Left .icon h2 span{ display: block; font-size: 32px; color: #fff;}
.container .layer5 .layer5_box .layer5Left .text p{ line-height: 48px; color: #fff; font-size: 14px;}
.container .layer5 .layer5_box .layer5Left .text li{ margin-bottom: 20px;}
.container .layer5 .layer5_box .layer5Left .text li input{ width: 100%; height: 46px; border: 1px solid rgba(255,255,255,0.6); background: rgba(255,255,255,0.2); text-indent: 15px; color: #fff;}
.container .layer5 .layer5_box .layer5Left .text li input::-webkit-input-placeholder{  color:#fff;}
.container .layer5 .layer5_box .layer5Left .text li textarea{ height: 90px; padding:15px; box-sizing: border-box; border: 1px solid rgba(255,255,255,0.6); background: rgba(255,255,255,0.2); color: #fff; width: 100%;}
.container .layer5 .layer5_box .layer5Left .text li textarea::-webkit-input-placeholder{ color: #fff;}
.container .layer5 .layer5_box .layer5Left .text li button{ border: none; outline: none; width: 100%; height: 50px; border: 1px solid rgba(255,255,255,0.4); background: rgba(255,255,255,0.2); color: #fff; text-align: center; line-height: 48px;}
.container .layer5 .layer5_box .layer5Right{ width: 92%; margin: 0 auto; background: #fff; border-radius:8px; padding: 0 10px; box-sizing: border-box; float: none; height:auto;}
.container .layer5 .layer5_box .layer5Right .tit{ width: 100%; height: 125px; border-bottom: 1px dashed #6b6b6b; position: relative;}
.container .layer5 .layer5_box .layer5Right .tit .tit_box{ position: absolute; left: 25px; top: 50%; transform: translateY(-50%);}
.container .layer5 .layer5_box .layer5Right .tit .tit_box h2{ text-align: center; font-size: 32px; padding-bottom: 12px; color: #03488d;}
.container .layer5 .layer5_box .layer5Right .tit .tit_box p{text-align: center; color: #7da1c5; font-size: 26px;}
.container .layer5 .layer5_box .layer5Right ul{ width: 100%; padding:15px; box-sizing: border-box;}
.container .layer5 .layer5_box .layer5Right ul li{ font-size: 15px; color: #727272; line-height: 36px;}
.footer{ width: 100%; background: #313030;}
.footer .footer_box{ width: 100%; margin: 0 auto; overflow: hidden;}
.footer .footer_box .icon{ width: 100%; height: auto; position: relative; overflow: hidden; padding: 30px 0;}
.footer .footer_box .icon img{ display: block; width: 50%; margin: 0 auto; position: relative;}
.footer .footer_box .footerNav{ width: 100%; padding:20px; overflow: hidden;}
.footer .footer_box .footerNav ul{ float: left; width:32%; height: 220px; margin-right: 2%; }
.footer .footer_box .footerNav ul:nth-child(3n){ margin-right: 0;}
.footer .footer_box .footerNav ul h2{ font-size: 16px; color: #fff;}
.footer .footer_box .footerNav ul span{ display: block; width:30px; height: 1px; background: #fff; margin: 15px 0;}
.footer .footer_box .footerNav ul li{ margin-bottom: 15px;}
.footer .footer_box .footerNav ul li a{ color: #c8c6c6;}
.footer .footer_box .footerNav .phone{ float: left; padding-bottom: 30px;}
.footer .footer_box .footerNav .phone h2{font-size: 16px; color: #fff;}
.footer .footer_box .footerNav .phone p{ height: 95px; padding-left: 50px; background: url(../images/index_58.jpg) left center no-repeat; font-weight: bold; font-size: 36px; line-height: 95px; color: #fff;}
.footer .footer_box .footerNav .phone dl dd{ padding-bottom: 15px;}
.footer .footer_box .footerNav .phone dl dd a{ font-size: 14px; color: #c8c6c6;}
.copyright{ display: none;}

.productBanner{ width: 100%; height: auto; overflow: hidden; position: relative;}
.productBanner img{ display: block; width: 100%; height: auto;}
.productBanner .titBox{ display: none;}

.product .productNav{ width: 100%; margin: 0 auto;}
.product .productNav ul{ overflow: hidden;}
.product .productNav ul li{ width: 33%; height: 55px; float: left; border-left:1px solid #eaeaea; border-bottom: 1px solid #eaeaea;}
.product .productNav ul li:nth-child(3n){ width: 34%;}
.product .productNav ul li:last-child{ border-right:1px solid #eaeaea;}
.product .productNav ul li a{ display: block; width: 100%; height: 100%; text-align: center; line-height:55px; font-size: 12px; color:#545353 ; transition: 0.5s;}
.product .productNav ul li.on a{ color: #fff; background: #4282b8;}
.product .details{ width: 100%; background: #f6f5f5; padding: 20px 0;}
.product .details .detailsBox{ width: 100%; margin: 0 auto; padding: 10px; background: #fff;}
.product .details .detailsBox .detailsTop{ width: 100%; overflow: hidden;}
.product .details .detailsBox .detailsTop .icon{border: 1px solid #e3e4e4; float: left; width: 100%; height: auto; padding: 5px;}
.product .details .detailsBox .detailsTop .icon img{ display: block; width: 100%; height: 100%;}
.product .details .detailsBox .detailsTop .text{ width: 100%; }
.product .details .detailsBox .detailsTop .text h2{ text-align: center; line-height: 50px; font-size: 20px; margin: 25px 0 0 0; color: #333;}
.product .details .detailsBox .detailsTop .text p{ line-height: 28px; color: #6e6f6f; font-size: 14px;}
.product .details .detailsBox .main{ width: 100%; padding-top: 75px;}
.product .details .detailsBox .main .hd{ width: 100%; height: 35px; overflow: hidden; background: #e1e0e0;}
.product .details .detailsBox .main .hd ul{ overflow: hidden;}
.product .details .detailsBox .main .hd ul li{ float: left; width:20%; height: 35px; text-align: center; line-height: 35px; color: #2d2d2d; font-size: 12px; cursor: pointer;}
.product .details .detailsBox .main .hd ul li.on{ background: #0068ab; color: #fff}
.product .details .detailsBox .main .bd{ padding: 15px 5px; border-bottom: 1px solid #e4e3e3;}
.product .details .detailsBox .main .bd h2{ line-height: 28px; font-size: 14px; color: #333;}
.product .details .detailsBox .main .bd p{ line-height: 28px; color: #9f9e9e; font-size: 14px;}
.product .details .downLoad{ width: 100%;}
.product .details .downLoad h2{ line-height: 65px; text-align: center; width: 100%; color: #222;}
.product .details .downLoad ul{ overflow: hidden;}
.product .details .downLoad ul li{ float: left; height: 100px; width: 100%; background: #f6f5f5; position: relative; margin-bottom: 25px;}

.product .details .downLoad ul li .icon{ float: left; position: relative; width: 100px; height: 100px;}
.product .details .downLoad ul li .icon img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.product .details .downLoad ul li .text{ width:calc(100% - 100px); float: left;}
.product .details .downLoad ul li .text h2{ text-align: left; line-height: 60px; padding-top: 6px; font-size: 18px; color: #333; font-weight: bold;}
.product .details .downLoad ul li .text p{ font-size: 14px; color: #0a71d8;}
.product .details .downLoad ul li .pic{ position: absolute; width: 115px; height: 75px; right: 0; border-left:1px solid #ebeaea; top: 50%; transform: translateY(-50%);}
.product .details .downLoad ul li .pic img{ display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}	
.downLoad .page2 ul{ text-align: center; padding: 50px 0;}
.downLoad .page2 ul li{ display: inline-block;  margin: 0 6px; }
.downLoad .page2 ul li a{ display: block;height: 30px; line-height: 30px; font-size: 14px; padding: 0 10px; background: #fff; transition: 0.5s; color: #333; border-radius:3px ;}
.downLoad .page2 ul li.on a{ background: #0068ab; color: #fff;}
.downLoad .page2 ul li:hover a{ background: #0068ab; color: #fff;}
.course{ width: 1400px; margin: 0 auto; overflow: hidden; background: #fff; padding-bottom: 200px; margin-bottom: 50px;}

.productCenter{ width: 100%; background: #f6f5f5; padding: 50px 0 0 0;}
.productCenter .productCenter_box{ width: 100%; margin: 0 auto;}
.productCenter .productCenter_box .nr{ width: 90%; overflow: hidden; background: #fff; margin: 0 auto 25px auto; transition: 0.5s; border-radius:10px; height: auto;}
.productCenter .productCenter_box .nr .icon{ width: 100%;}
.productCenter .productCenter_box .nr .icon img{ display: block; width: 100%; height: auto; transition: 0.5s;}
.productCenter .productCenter_box .nr .text{ float: left; width:100%; padding: 20px; box-sizing: border-box;}
.productCenter .productCenter_box .nr .text h2{color: #333; font-size: 16px; line-height: 32px; padding: 0;}
.productCenter .productCenter_box .nr .text p{ font-size: 12px; color: #646464; line-height: 28px;}
.productCenter .productCenter_box .nr .text a{ display: block; width: 100%; height: 44px; line-height: 42px; text-align: center; font-size: 16px; border: 1px solid #1977b3; color: #1977b3; border-radius:5px; margin: 20px auto; transition: 0.5s;}
.productCenter .productCenter_box .nr:hover .icon img{ transform: scale(1.1);}
.productCenter .productCenter_box .nr:hover .text h2{ color: #0f71b0;}

.productCenter .page ul{ text-align: center; padding-bottom: 50px;}
.productCenter .page ul li{ display: inline-block;  margin: 0 6px; }
.productCenter .page ul li a{ display: block;height: 30px; line-height: 30px; font-size: 14px; padding: 0 10px; background: #e7e8e8; transition: 0.5s; color: #333; border-radius:3px ;}
.productCenter .page ul li.on a{ background: #0068ab; color: #fff;}
.productCenter .page ul li:hover a{ background: #0068ab; color: #fff;}

.about{ width: 100%; background: #f6f5f5;}
.about .aboutBox{ width: 100%; margin: 0 auto;}
.about .aboutBox .tit{ height: 95px; text-align: center; font-size: 24px; color: #333; line-height: 95px;}
.about .aboutBox .tit span{ color: #ff0000; font-weight: bold;}
.about .aboutBox .main{ width: 100%;}
.about .aboutBox .main img{ display: block; margin: 0 auto; width: 100%; height: auto;}
.about .aboutBox .main .text{ width: 100%; padding: 15px;}
.about .aboutBox .main .text p{ font-size: 14px; color: #545353; line-height: 26px; overflow: hidden; width: 100%; }
.about .aboutBox .list{ width: 100%; margin: 30px auto; background: #fff;  border: 1px solid #ecebeb; height: auto; width: 100%; padding: 0;}
.about .aboutBox .list ul{ overflow: hidden; height: 100%;}
.about .aboutBox .list ul li{ width: 50%; height: 100%; float: left; border-right:1px solid #e0dfdf; border-bottom: 1px solid #e0dfdf; padding-bottom: 15px;}
.about .aboutBox .list ul li:last-child{ border-right:0 ;}
.about .aboutBox .list ul li h2{ line-height: 60px; color: #da251d; text-align: center; font-size: 30px; font-weight: bold;}
.about .aboutBox .list ul li p{ text-align: center; font-size: 16px; color: #444343;}
.about .video{ cursor: pointer; width: 100%; height: 4rem; position: relative; overflow: hidden;}
.about .video img{ display: block; width:auto; position: absolute; top: 0; left:50%; transform: translateX(-50%);  height:100%;}
.videoTc{ width: 80%; height: 250px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 999; display: none;}
.videoTc video{ width: 100%; height: 100%;}
.videoTc .close{ width: 60px; height: 60px; border-radius:50%; border: 1px solid #fff; position:absolute; bottom: -90px; left: 50%; transform: translateX(-50%); cursor: pointer;}
.videoTc .close img{ display: block; width: 60%; height: auto; left: 50%; top: 50%; transform: translate(-50%,-50%); position: absolute;}
.zz{ position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: 998; background: rgba(0,0,0,0.8); display: none;}

.feedback{ width: 100%; padding: 20px 10px; background: #f6f5f5;}
.feedback_box{ width: 100%; margin: 0 auto; padding-bottom:50px;background: #fff; padding: 0 10px;}
.feedback .feedback_box h2{ text-align: center; font-size:20px; color: #2f2f2f; line-height: 120px;}
.feedback .feedback_box ul{ width: 100%; padding-bottom: 50px;}
.feedback .feedback_box ul li{ width: 100%; overflow: hidden; margin-bottom: 25px;}
.feedback .feedback_box ul li .left{ float: left; width: 80px; height: 40px; line-height: 40px; color: #333; font-size: 14px;}
.feedback .feedback_box ul li .left span{ color: #FF0000;}
.feedback .feedback_box ul li .right{ width: calc(100% - 80px); float: left;}
.feedback .feedback_box ul li .right input{ width: 100%; height: 40px; border-radius:5px; text-indent: 15px; border: 1px solid #d0d0d0; outline: none;}
.feedback .feedback_box ul li .right textarea{ width: 100%; height: 115px; border: 1px solid #d0d0d0; border-radius:5px; padding: 15px; resize: none;}
.feedback .feedback_box ul li .right dl{ text-align: center; width: 100%;}
.feedback .feedback_box ul li .right dl dd{ display: inline-block; width: 85px; height: 35px; margin: 0 10px;}
.feedback .feedback_box ul li .right dl dd a{ display: block; width: 100%; height: 100%; text-align: center; line-height: 35px; border-radius:5px; color: #fff; font-size: 14px; background: #bfbebe; }
.feedback .feedback_box ul li .right dl dd:first-child a{ background: #3084bb;}


.honor{ width: 100%;}
.honor ul{ width: 100%; overflow: hidden; padding: 0 15px;}
.honor ul li{ float: left; width: 49%; background: #fff; padding: 5px 5px 0 5px; margin-right: 2%; margin-bottom: 30px; transition: 0.5s;}
.honor ul li:nth-child(2n){ margin-right: 0;}
.honor ul li .icon{ width: 100%; height: 160px;}
.honor ul li .icon img{ display: block; width: 100%; height: 100%;}
.honor ul li p{ height: 45px; text-align: center; line-height: 45px; font-size: 12px; color: #333}
.honor ul li:hover{ background: #0068ab;}
.honor ul li:hover p{ color: #fff;}
.aboutBox .page ul{ text-align: center; padding-bottom: 50px;}
.aboutBox .page ul li{ display: inline-block;  margin: 0 6px; }
.aboutBox .page ul li a{ display: block;height: 30px; line-height: 30px; font-size: 14px; padding: 0 10px; background: #e7e8e8; transition: 0.5s; color: #333; border-radius:3px ;}
.aboutBox .page ul li.on a{ background: #0068ab; color: #fff;}
.aboutBox .page ul li:hover a{ background: #0068ab; color: #fff;}


.news_nav{ width: 100%; background: #fff;}
.news_nav ul{ width: 100%; overflow: hidden; border-bottom: 1px solid #eaeaea;}
.news_nav ul li{ width: 33%;float:left;height: 45px; border-right:1px solid #eaeaea;}
.news_nav ul li:nth-child(3){ width: 34%; border-right:0 ;}
.news_nav ul li a{ display: block; width: 100%; height: 100%; text-align: center; line-height: 45px; transition: 0.5s; font-size: 12px;}
.news_nav ul li.on a{ background: #0068ab; color: #fff;}
.newMain{ width: 100%; background: #f6f5f5; padding: 30px 0;}
.newMain_box{ width: 100%; margin: 0 auto; background: #fff;}
.newMain_box .tit h2{ text-align: center; font-size: 16px; line-height: 38px; padding: 15px 0; color: #333;}
.newMain_box .tit ul{ text-align: center;}
.newMain_box .tit ul li{ display: inline-block; height: 20px; margin: 0 10px; padding-left: 25px; color: #a5a4a4; line-height: 20px; font-size: 14px;}
.newMain_box .tit ul li:nth-child(1){ background: url(../images/newS_05.png) left center no-repeat;}
.newMain_box .tit ul li:nth-child(2){ background: url(../images/newS_08.png) left center no-repeat;}
.newMain_box .tit ul li:nth-child(3){ background: url(../images/newS_11.png) left center no-repeat;}

.newMain_box .text{ padding: 20px;}
.newMain_box .text p{ font-size: 16px; text-align: center; color: #333; line-height: 32px;}
.newMain_box .text img{ display: block; margin:20px auto; width: 100%; height: auto;}
.newMain_box .list{ width: 100%; margin: 0 auto; padding:0 10px; border-bottom: 1px solid #eae9e9; overflow: hidden;}
.newMain_box .list .left{ display: block; float: right; width: 135px; height: 36px; padding-left: 42px; background: url(../images/newS_30.png) 19px center no-repeat; line-height: 34px; border:1px solid #d7d7d7; border-radius:18px ; color: #333; font-size: 15px;}
.newMain_box .list ul{ float: right; width: 100%; padding: 15px 0; overflow: hidden;}
.newMain_box .list ul li{ height: 36px; float: right; margin-left: 8px; line-height: 36px; font-size: 15px; color: #333}
.newMain_box .list ul li img{ height: 100%; width: auto;}
.newMain_box .page{ width: 100%; padding:20px; margin: 0 auto;}
.newMain_box .page li{ margin-bottom: 10px; line-height: 22px;}
.newMain_box .page li a{ font-size: 14px; color: #333}
.newMain_box .page li span{ color: #c30000; font-size: 14px;}
.newMain_box .page li a:hover{ text-decoration: underline;}


.newList{ width: 100%; margin: 0 auto;  box-sizing: border-box;}
.newList .main{ width: 100%; overflow: hidden;padding: 0 15px;}
.newList .main li{width: 100%; margin-bottom: 25px; border-radius:10px; box-shadow: 0 5px 5px rgba(0,0,0,0.3); overflow: hidden;}
.newList .main li:nth-child(2n){ margin-right: 0;}
.newList .main li .icon{ height: auto; width: 100%;}
.newList .main li .icon img{ display: block; width: 100%; height: auto;}
.newList .main li .text{ width: 100%; padding: 0 15px 15px 15px; box-sizing: border-box; background: #fff;}
.newList .main li .text h2{ color: #333; line-height: 55px; padding: 10px; height: 65px; overflow: hidden; font-size: 18px;}
.newList .main li .text p{ color: #333; font-size: 14px; line-height: 30px; height: 60px; overflow: hidden;}
.newList .main li .text .more{ display: block; width: 100%; height: 38px; line-height: 36px; text-align: center; font-size: 16px; border: 1px solid #1172b1; color: #1172b1; border-radius:5px; margin-top: 15px; transition: 0.5s;}
.newList .main li .text a:hover{ background: #1172b1; color: #fff;}

.newList .page2 ul{ text-align: center; padding-bottom: 50px;}
.newList .page2 ul li{ display: inline-block;  margin: 0 6px; }
.newList .page2 ul li a{ display: block;height: 30px; line-height: 30px; font-size: 14px; padding: 0 10px; background: #fff; transition: 0.5s; color: #333; border-radius:3px ;}
.newList .page2 ul li.on a{ background: #0068ab; color: #fff;}
.newList .page2 ul li:hover a{ background: #0068ab; color: #fff;}


.downLoad{ background: #f6f5f5; padding-bottom: 50px;}
.downLoad h2{ text-align: center; line-height: 125px; font-size: 32px; color: #333;}
.downLoad .downLoadBox{ width: 100%; margin: 0 auto; background: #fff; padding: 5px; box-sizing: border-box;  overflow-x: auto;}
.downLoad .downLoadBox table{ width: 100%;}
.downLoad .downLoadBox table th{ height: 60px; text-align: left; background: #f8f7f7; color: #b5b4b4; text-indent: 15px; font-size: 14px; font-weight: normal;}
.downLoad .downLoadBox table th:last-child{ text-align: center;}
.downLoad .downLoadBox table td{ text-indent: 15px; height: 74px; font-size: 14px; color: #999898; border-bottom: 1px dashed #dfdede;}
.downLoad .downLoadBox table td dl{ text-align: center;}
.downLoad .downLoadBox table td dl dd{ display: inline-block; margin: 0 5px;}
.downLoad .downLoadBox table tr th:nth-child(1){ display: none;}
.downLoad .downLoadBox table tr th:nth-child(3){display: none;}
.downLoad .downLoadBox table tr td:nth-child(1){display: none;}
.downLoad .downLoadBox table tr td:nth-child(3){display: none;}
.downLoad .downLoadBox table tr td:nth-child(2){ width: 70%;}
.downLoad .downLoadBox table tr td:nth-child(4) img{ width: 18px; height: auto;}
.course{ width: 100%; margin: 0 auto; overflow: hidden; background: #fff; padding-bottom: 100px; margin-bottom: 50px;}
.course .swiper-container{ padding: 70px 0;}
.course .swiper-container .nr{ width: 400px; height:90px; background: url(../images/bg2_03.png); background-size:100% 100%; padding: 0;}
.course .swiper-container .nr h2{ text-align: center; font-size: 32px;line-height: 60px; color: #102c79; font-family: zwadobef; padding: 0;}
.course .swiper-container .nr p{ text-align: center; font-size: 14px; color: #102c79;}
.course .swiper-container .swiper-button-next{ right: 40px; background: url(../images/arrow.png); width: 27px; height: 30px; animation: a1 1.5s linear infinite;}
.course .swiper-container .swiper-button-prev{ left: 40px; background: url(../images/arrow2.png); width: 27px; height: 30px; animation: a2 1.5s linear infinite;}
.course .swiper-pagination{ display: none; position: relative; padding-top: 15px; }
.course .swiper-pagination .swiper-pagination-bullet{width: 20%; height: 40px; text-align: center; line-height: 40px; border-radius:0; background: none; margin: 0px; opacity: 1; font-size: 16px; color: #7e7e80; display: block; float: left; display: none;}
.course .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: url(../images/bg3_07.png); background-size:100% 100% ; color: #fff;}
.course .bd{ width: 100%; margin: 0 auto; padding: 15px 10px;}
.course .bd ul{ width: 100%;}
.course .bd ul li{ width: 100%;   overflow: hidden; padding: 5px 0;}
.course .bd ul li .left{ float: left; font-size: 14px; color: #ff7275; width: 35px; line-height: 22px;}
.course .bd ul li .right{ float: left; width: calc(100% - 2px);font-size: 14px; line-height: 22px; color: #2a375f;}

.service2{ width: 100%; background: #f6f5f5;}
.service2 .list{ padding-bottom: 75px;}
.service2 .list h2{ height: 120px; line-height: 120px; text-align: center; font-size: 30px; color: #333;}
.service2 .list ul{ width: 100%; overflow: hidden; padding: 40px 20px;}
.service2 .list ul li{ margin-top: 100px; display: inline-block; width: 100%; height: auto; background: #fff; position: relative; padding-top: 120px; vertical-align: top; transition:0.8s ; padding-bottom: 40px;}
.service2 .list ul li .icon{ position: absolute; top: 0; left: 50%; transform: translate(-50%,-50%); transition: 0.5s;}
.service2 .list ul li .text h3{ text-align: center; font-size: 22px; color: #333;}
.service2 .list ul li .text span{ width: 38px; height: 2px; display: block; margin: 20px auto; background: #d6000f;}
.service2 .list ul li .text p{ text-align: center; line-height: 32px; font-size: 14px; color: #545454;}
.service2 .list ul li:hover{ box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
.service2 .list ul li:hover .icon{transform: translate(-50%,-50%) rotateY(360deg) scale(1.2);}
.service2 .main{ width: 100%; background: url(../images/bg4_02.png); height: auto; padding: 0 0 40px 0; background-attachment:fixed ; background-size:auto 100% ;}
.service2 .main h2{ text-align: center; line-height: 100px; color: #fff; font-size: 30px;}
.service2 .main ul{ width: 100%; overflow: hidden;}
.service2 .main ul li{ width: 50%; float: left; padding: 0 10px; height: 300px;}
.service2 .main ul li .icon{ width: 65px; height: 65px; position: relative; border: 1px solid #fff; border-radius:50%; margin: 0 auto;}
.service2 .main ul li .icon img{ width: 50%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.service2 .main ul li .text h3{ line-height: 65px; color: #fff; text-align: center; font-size: 22px; font-weight: bold;}
.service2 .main ul li .text span{ width: 40px; height: 4px; margin: 0 auto; display: block; background: #fff;}
.service2 .main ul li .text p{ text-align: center; line-height: 28px; text-align: center; font-size: 14px; color: #fff; padding-top: 20px;}


.fixdSide{ width: 100%; height: 100vh; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.8); z-index: 999; display: block;}
.fixdSide .swiper-container{ width: 100%; height: 100%;}
.fixdSide .swiper-container .swiper-slide{ width:100%; height: 100%;}
.fixdSide .swiper-container .swiper-slide .icon{ width: 90%; height:40%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.fixdSide .close{ text-align: center; line-height: 45px; cursor: pointer; z-index: 99; position: absolute; right: 30px; top: 30px; width: 45px; height: 45px; border-radius:50%; border: 1px solid #fff; color: #fff; font-size: 25px;}
}