@charset "utf-8";

/*通用样式*/

html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}

html, body { position: relative; height: 100%;}

body{ background:#fff; color:#666; font:normal 14px/22px "微软雅黑"; line-height:25px;  }

img{ border:0;  }

a{ text-decoration:none; color:#333;  }

a:hover{ color:#172A88;;;  }

.clear { clear:both;}

.clearfix { zoom:1;}

.clearfix:after { content:'\20'; display:block; height:0; clear:both;}

div { box-sizing:border-box; max-width: 100%;}

/* CSS Document */

.dn { display:none;}

/* CSS Document */

.header { z-index: 10; transition: all 0.5s; position: fixed; height:100px; width: 100%; left: 0; top: 0;}

.header.fixedBox { background:#ffffff ; background-image:url(../images/top_b.png); background-position:top right; background-repeat:no-repeat;}

.headerCont { width: 100%; margin: 0 auto;}

.headerCont a.logo { float: left; margin-top: 27px; padding-left:100px;}

.phone{ position:absolute; right:100px; top:0px; height:40px; line-height:40px; font-size:20px; font-weight:bold; color:#fff;}

.phone img{ vertical-align:-5px; padding-right:13px;}



.banner img { display: block; width: 100%;}

.introduce { background: url(../images/map.png) center bottom no-repeat; padding: 80px 0 100px;}

.nav { float: right; padding-top:40px; padding-right:100px;}

.nav li { position: relative; float: left; line-height:60px; margin-left: 60px;}

.nav li>a { color: #ffffff; font-size: 16px;}

.nav dl { display: none; box-shadow: 0 0 10px rgba(0,0,0,0.2); position: absolute; top:60px; left: 50%; width:120px; padding: 10px 0; border-radius: 0 0 4px 4px; background: #ffffff; margin-left: -60px;}

.nav dl dt a { display: block; text-align: center; font-size: 14px; line-height:2.5; color: #333333;}

.nav dl dt a:hover { background: #172A88;; color: #ffffff;}

.nav li:hover dl { display: block;}

.header.fixedBox .nav li>a { color: #333333;}

.header.fixedBox .nav li:hover>a{ color:#172A88;}

.tpp{ width:100%; height:100px;}



.banner .swiper-button-prev { transition: all 0.5s; background: url(../images/prev.png) center no-repeat; width: 42px; height: 62px;}

.banner .swiper-button-next { transition: all 0.5s; background: url(../images/next.png) center no-repeat; width: 42px; height: 62px;}

.banner .swiper-button-prev:hover { background: url(../images/prevCur.png) center no-repeat;}

.banner .swiper-button-next:hover { background: url(../images/nextCur.png) center no-repeat;}

.banner .swiper-button-prev:after,.banner .swiper-button-next:after { content: '';}

.bannera {width: 100%;
height:720px;
    background-position: center center;
    overflow: hidden;}
.ban1 {
    width: 1200px;
    height: auto;
    margin:  300px auto 0px auto;
    color: #fff;}
.ban1 h2 {
    font-size: 40px;}
.ban1 p {
    font-size: 20px;
    line-height: 34px;
    margin-top: 35px;}
.ban1 a {
    width: 140px;
    height: 44px;
    display: block;
    line-height: 44px;
    border: 1px solid #fff;
    color: #fff;
    margin-top: 55px;
    font-size: 16px;
    text-align: center;}

.cont1{ width:1200px; height:auto; margin:90px auto 70px auto;}

.tex{ width:540px; height:auto; float:left; }

.tex h2{ width:100%; height:60px; font-size:36px; color:#333;-webkit-background-clip: text;}

.tex a{width: 160px;height: 42px;border-radius: 21px 21px 21px 21px; margin-top:50px;border: 1px solid #172A88; display:block; line-height:42px; text-align:center; color:#172A88;}

.tex a:hover{ text-decoration:underline;}

.pic{ width:608px; height:416px; float:right;}

.gywm_nr{ width:1200px; height:auto; margin:0 auto;}

.gywm_nr ul{overflow: hidden; text-align: center; padding: 40px 0 20px; margin-top: 25px; margin-bottom:70px;}

.gywm_nr li{float: left; width: 25%; background:url(../images/r1.png) center top 5px no-repeat;}

.gywm_nr li:nth-child(2){background:url(../images/r2.png) center top 5px no-repeat;}

.gywm_nr li:nth-child(3){background:url(../images/r3.png) center top 5px no-repeat;}

.gywm_nr li:nth-child(4){background:url(../images/r4.png) center top 5px no-repeat;}

.gywm_nr h2{font-size: 72px; color: #172A88;; margin-bottom: 35px; font-weight:bold;webkit-background-clip: text;}

.gywm_nr span{font-family: font1;}

.gywm_nr b{display: inline-block;vertical-align: top; padding-left: 10px; color: #172A88;;font-size: 18px; font-weight:bold;}

.gywm_nr p{font-size: 14px; color: #666666;}



.cont3{ width:100%; height: auto; padding:70px 0px; background: #F7F8F8;}





.cont2{ width:100%; height:700px;; padding-top:65px; margin:0 auto; position:relative;}

.intitle{width:100%;float:left;margin-top:10px;}

.intitle dl dt{height:65px;position:relative;font-size:48px;text-align:center;color:rgba(238,238,238,1);text-transform:uppercase;}

.intitle dl dt i{width:100%;position:absolute;top:12px;left:0;text-align:center;font-size:32px;color:#333;line-height:42px; font-style:normal;}

.intitle dl dd{color:#999;font-size:14px;line-height:20px;text-align:center;}

.cnt2{ width:1440px; height: auto; background:#fff; position:absolute; left:50%; margin-left:-720px; bottom:-160px;}



.fwzx_nr{ width:1200px; height:auto; margin:0 auto;}

.fwzx_nr ul{overflow: hidden; }

.fwzx_nr li{float: left; width:32%; margin-right: 2%;}

.fwzx_nr li:nth-child(3){ margin-right:0px;}

.fwzxbox{transition: All 0.4s ease-in-out;}

.fwzx_nr li:hover img { transform: scale(1.2);}

.news_qh li:hover img { transform: scale(1.2);}

.fwzxbox span{display: block; overflow: hidden;border: 1px solid #e1e1e1; border-bottom:0px;box-sizing: border-box; }

.fwzxbox img{width: 100%; display: block; transition: all 1s;}

.fwzxtext{border: 1px solid #e1e1e1;}

.fwzxtext h2{font-size: 20px; color: #333333; margin: 40px 20px 20px 20px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.fwzxtext p{font-size: 14px; line-height: 28px;color: #999999; margin: 0 20px ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;height: 84px;}

.fwzxtext h3{border-top: 0px solid #e1e1e1;border-bottom: 1px solid #e1e1e1; margin-top: 30px;display: block; padding: 0 20px; line-height: 58px; font-size: 14px; color: #666666;transition: All 0.4s ease-in-out;background: url(../images/a11.png) center bottom no-repeat;}



.fwzxtext h3 b{float: right; height: 58px;}

.fwzxbox a:hover h3{background: url(../images/a.jpg) center bottom no-repeat; color:#172A88;}

.ckgd{ width:100%; height:140px; line-height:140px; text-align:center;font-size:16px;}

.fwzxbox a:hover h3 b{color:#172A88; }

.ckgd a:hover{color:#172A88;}

.cont4{ width:100%; background:url(../images/a6.png) center no-repeat; height:675px;}

.cont4 h2{ width:1200px; font-size:36px;font-family: Microsoft YaHei-Regular, Microsoft YaHei; margin:0 auto; padding-top:300px; line-height:65px; text-align:center; color:#fff;}

.cnt4{ width:360px; height:42px; margin:0 auto; padding-top:30px;}

.cnt4 a{ width:140px; height:42px; border:1px solid #fff; font-size:16px; display:block; float:left; margin:0px 20px; color:#fff;box-sizing: border-box;border-radius: 4px 4px 4px 4px; text-align:center; line-height:40px;}

.cnt4 a:hover{ background:#172A88; color:#fff;border:1px solid #172A88}



.footer{ width:100%; height:auto; background:#020230;; padding:65px 0px 0px 0px; color:#fff;}

.footer a{ color:#fff;}

.foott{ width:1200px; height:auto; margin:0 auto;}

.fott{ width:100%; height:auto; padding-top:20px;}

.fott li{ float:left; padding-right:15px;}



.footerbox{width:1200px; margin: 0 auto; overflow: hidden; padding:0px 0 55px;}

.foot_left{float: left; width:1000px;}



.foot_bottom{padding-top:55px; color:#fff;}

.foot_bottom ul{overflow: hidden;}

.foot_bottom li{float: left; width:20%;}

.foot_bottom li:nth-child(4) {width:25%;} 

.foot_bottom li:nth-child(4) p{ line-height:34px;}

.foot_bottom h2{color: #fff; font-size: 18px; margin-bottom: 10px;}

.foot_bottom dt{line-height: 34px; font-size: 14px;}

.foot_bottom a{color: #fff;transition: All 0.4s ease-in-out;}

.foot_bottom a:hover{color: #fff;}

.foot_right{float: right; padding-top:55px;}

.foot_right ul{overflow: hidden;}

.foot_right li{float: left; padding-left: 60px;text-align: center;}

.foot_right p{font-size: 12px;color: #fff;margin-top: 12px; }

.bqxx{padding: 20px 0;}

.bqxx p{width: 1200px; margin: 0 auto;overflow: hidden;font-size: 14px; line-height: 36px;color:fff;}

.bqxx a{display: block; float: left; margin-right: 30px;}

.bqxx b{float: left;}

.fr{ float:right;}



.main{ width:1200px; height: auto; margin:0 auto; padding:60px 0px 70px 0px;;}
.bt2{ width:100%; height:auto; text-align:center; padding-bottom:45px;}
.bt2 h2{ font-size:32px; color:#333; line-height:40px;}
.artile{ width:100%; height:auto; margin:10px auto 15px auto;}
.artile ul{ margin-bottom:45px;}
.artile li{ width:1200px; margin:0 auto;; height:240px; background:#fff; transition:all 0.5s; padding-top:30px; padding-bottom:30px; border-bottom:1px solid #DEDEDE}
.xman{ width:1200px;  margin:0 auto; }
.art1{ width:360px; height:240px; float:left; margin-right:30px;}
.art1 img{width:360px; height:240px; display:block;}
.art2{ height:240px;overflow: hidden; }
.art2 h4{ width:100%; height:40px; margin-top:28px; color:#172A88;; font-size:14px; font-weight:normal;}
.art2 h2{ width:100%; font-size:18px; color:#333333;transition:all 0.5s; height: auto; margin-top:0px; font-weight: bold; line-height:30px; height:30px; padding-bottom:5px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; }
.art2 .art_p{ width:92%; height:60px; line-height:30px;transition:all 0.5s; color:#828282 ; font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;;}
.art2 .art2_1{ width:92%; height:40px; line-height:40px; padding-top:5px;}
.art2 .art2_1 h3{ font-weight:normal; font-size:14px; color:#666; padding-bottom:20px; float:left;transition:all 0.5s;}
.art2 .art2_1 span{ color:#666; font-size:16px; float:right; padding:0px 28px; ;transition:all 0.5s; }
.artile li:hover .art2 h2 { color:#172A88;;;}
.artile li:hover .art2 .art2_1 span{  color:#172A88;; }
.artile li:hover .art2 .art2_1 h3{  color:#172A88;; }

.artile li:hover .xman{box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.15);}


/*分页*/
.nx_pg{width:100%; height: auto ; padding:20px 0px 10px 0px; text-align:center; }
.nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; color:#4c4c4c;font-size:14px; border:1px solid #DEDEDE; margin:0px 3px 4px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
.nx_pg a:hover{background:#172A88;;border:1px solid #172A88;;; color:#fff;}
.nx_pg .on{ background:#172A88;;;border:1px solid #172A88;; color:#fff;}

.mainr2{ width:1200px; height:auto; margin:0 auto; padding:50px 0px 60px 0px;}
.mainr2 img{ max-width:100%;}
#info-T{width:100%; min-height:26px; padding-top:30px; color:#242424; padding-bottom:15px; line-height:26px; text-align:left; font-size:18px; font-weight:bold;}
#info-M{width:100%; height:45px; line-height:45px; text-align:left;}
#info-C{width:100%; line-height:28px; margin-top:10px; font-size:14px;}
#info-C img{ max-width:100%;}
#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}
#info-N{width:100%; height: auto; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}

.about1{ width:100%; height:auto; padding:70px 0px;;}

.lxfs{width:1200px;margin:20px auto 0px auto;}
.lxfs ul{display: flex;justify-content: space-between;}
.lxfs ul li{width:25%;padding:20px 40px;box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.1);border-radius: 8px 8px 8px 8px;transition: all 0.6s;box-sizing: border-box; }
.lxfs ul li:last-child .pic{ height:240px; }
.lxfs ul li:last-child .pic img{ margin-top:60px;}
.lxfs ul li .pic{height:120px;text-align:center;}
.lxfs ul li .pic img{max-height:120px;}
.lxfs ul li .pic .pic01{display:inline-block;}
.lxfs ul li .pic .pic02{display:none;}
.lxfs ul li:hover .pic .pic01{display:none;}
.lxfs ul li:hover .pic .pic02{display:inline-block;}
.lxfs ul li dl{ width:90%; height:auto; margin:0 auto;}
.lxfs ul li dl dt{font-size:22px;color:#333;line-height:36px;text-align:center;}
.lxfs ul li dl dd{font-size:18px;color:#999;margin-top:20px;line-height:30px;text-align:center;}
.lxfs ul li:hover{background: #172A88;;box-shadow: inset 0px 0px 12px 1px rgba(0,0,0,0.15);}
.lxfs ul li:hover dl dt{color:#FFF;}
.lxfs ul li:hover dl dd{color:#FFF;}
.lxfs ul li.cur{background: #FE8307;box-shadow: inset 0px 0px 12px 1px rgba(0,0,0,0.15);}
.lxfs ul li.cur dl dt{color:#FFF;}
.lxfs ul li.cur dl dd{color:#FFF;}
.lxfs ul li.cur .pic .pic01{display:none;}
.lxfs ul li.cur .pic .pic02{display: inline-block;}

.ft4{ max-width:1200px;; margin:15px auto 0px auto;}



.jon11{ width:48%; height:60px; margin-bottom:20px; float:left; margin-right:4% }

.jon11:nth-child(3n){ margin-right:0px;}

.b11{width:100%; height:60px; line-height:60px; font-size:14px; margin:0;background:#fff;;border:#DEDEDE 1px solid;   padding:0;;box-sizing: border-box;border-radius: 2px; padding-left:5px;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; }

.b11:hover{border:#BDBDBD 1px solid;  }



.jon41{ width:100%; height:120px; margin-bottom:20px; display:block;}

.b21{width:100%; height:120px; line-height:30px;margin:0; font-size:14px; background: #fff;border:#BDBDBD 1px solid;box-sizing: border-box;border-radius: 2px; padding-left:5px; }

.b21:hover{border:#BDBDBD 1px solid;  }

.jon51{ width:200px; height:48px; margin:0 auto;}

.jon51 button{ display: block; width: 100%; height: 100%; border: none; outline: none;transition: all 0.8s; font-size:16px; text-align: center; line-height: 44px; color: #fff; background:#172A88;border-radius:3px;}

.jon51 button:hover{ text-decoration:underline; color:#fff;}

input.b11::-ms-input-placeholder{ color:#999;;opacity:0.8;}

input.b11::-webkit-input-placeholder { color:#999;;opacity:0.8;}

textarea.b21::-ms-input-placeholder{ color:#999;;opacity:0.8;}

textarea.b21::-webkit-input-placeholder { color:#999;;opacity:0.8;}

.map{ width:100%;; height:auto; margin:0px auto 0px auto;}
.map img{ width:100%;}

.textBanr { width: 1200px; margin: 0 auto; padding: 100px 0 120px;}
.textBanr h2 { text-align: center; font-size: 36px; color: rgba(51, 51, 51, 1); line-height: 46px; margin-bottom: 25px;}
.textBanr p { color: rgba(102, 102, 102, 1); font-size: 14px; line-height: 19px; margin-bottom:60px; text-align: center;}
.textBanr ul::after { content: ''; display: block; clear: both;}
.textBanr li { border-radius: 8px; box-sizing: border-box; padding: 70px 50px 0; box-shadow: 0px 3px 12px 1px rgba(0,0,0,0.15); float: left; width: 270px; height: 340px; transition: all 0.5s; margin-right: 40px;}
.textBanr li:hover { background: rgba(23, 42, 136, 1);}
.textBanr li:last-child { margin-right: 0;}
.textBanr li span { width: 64px; height: 64px; margin: 0 auto 40px; display: block;}
.textBanr li span.icon1 { background: url(../images/1n.png);}
.textBanr li span.icon2 { background: url(../images/2n.png);}
.textBanr li span.icon3 { background: url(../images/3n.png);}
.textBanr li span.icon4 { background: url(../images/4n.png);}
.textBanr li:hover span.icon1 { background: url(../images/1on.png);}
.textBanr li:hover span.icon2 { background: url(../images/2on.png);}
.textBanr li:hover span.icon3 { background: url(../images/3on.png);}
.textBanr li:hover span.icon4 { background: url(../images/4on.png);}
.textBanr h3 { transition: all 0.5s; color: rgba(51, 51, 51, 1); font-size: 22px; line-height: 29px; margin-bottom: 25px; text-align: center;}
.textBanr i { transition: all 0.5s; display: block; text-align: center; font-size: 14px; line-height: 2; color: rgba(102, 102, 102, 1); font-style: normal;}
.textBanr li:hover h3,.textBanr li:hover i { color: #ffffff;}
.majorBox { padding: 100px 0 70px; background: linear-gradient(90deg, #122560 0%, #0056C3 100%);}
.majorCont { overflow: hidden; width: 1200px; margin: 0 auto;}
.majorLeft { float: left; width: 406px;}
.majorLeft h2 { font-size: 32px; line-height: 42px; color: #ffffff; margin-bottom: 60px;}
.majorLeft li p { position: relative; font-size: 24px; color:rgba(125, 169, 255, 1); line-height: 32px; margin-bottom: 10px;}
.majorLeft li span{ display: block; color: rgba(125, 169, 255, 1); line-height: 19px; font-size: 14px;}
.majorLeft li { cursor: pointer; padding-left: 28px; position: relative; margin-bottom: 40px;}
.majorLeft li.cur p,.majorLeft li.cur span { color: #ffffff;}
.majorLeft li p:after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: -28px; width: 0; height:2px; transition: all 0.5s;
background: #ffffff;}
.majorLeft li.cur p:after { width: 18px;}
.majorLeft a.proInfor { color: #ffffff; margin-left: 28px; margin-top:70px; display: block; text-align: center;width: 140px;line-height: 36px;background: rgba(255,255,255,0);border-radius: 4px 4px 4px 4px;opacity: 1;border: 1px solid #FFFFFF;}
.majorRight { float: right; width: 480px;}
.majorPrev { display: block; cursor: pointer; background: url(../images/prevIcon.png) center no-repeat; width: 32px; height: 27px; outline: none; margin: 0 auto 40px;}
.majorRight .swiper { height: 300px; width: 100%; }
.majorNext {display: block; cursor: pointer; background: url(../images/nextIcon.png) center no-repeat; width: 32px; height: 27px; outline: none; margin:40px auto 0;}
.programBar h2 { line-height: 1; text-align: center; font-size: 36px; color: rgba(51, 51, 51, 1); margin-bottom: 70px;}
.programBar { padding: 100px 0;}
.programTit { display: none; margin-bottom: 60px; position: relative; padding-left: 50px;}
.programTit img { position: absolute; left: 0; top: 0;}
.programTit p { font-size: 22px; color: rgba(23, 42, 136, 1); line-height: 30px; margin-bottom: 15px;}
.programTit span{ display: block; color: rgba(102, 102, 102, 1); font-size: 14px;overflow: hidden;  text-overflow: ellipsis; white-space:nowrap;}
.programCont>img { opacity: 0.5; display: block; width: 100%; transition: all 0.5s;}
.programBar .swiper-slide-active .programCont>img { opacity: 1;}
.programSlider { position: relative; padding-bottom: 2.46vw;  background: url(../images/computer.png) center bottom no-repeat;background-size:calc(46% - 45px) auto;}
.programSlider .swiper-slide-active .programTit { display: block;}
.hideTxt { opacity: 0.5; padding: 60px 0 40px; color: rgba(51, 51, 51, 1); font-size: 22px; line-height: 29px; text-align: center;}
.programSlider .swiper-slide-active .hideTxt { display: none;}
.programSlider .programPrev { cursor: pointer; z-index: 2; transition: all 0.5s; position: absolute; left: 50%; margin-left:14%; top: 0; background: url(../images/iconPrev.png) center no-repeat; width: 29px; height: 29px; display: block;}
.programSlider .programNext { cursor: pointer; z-index: 2; transition: all 0.5s; position: absolute; left: 50%; margin-left: 16%; top: 0;  background: url(../images/iconNext.png) center no-repeat; width: 29px; height: 29px; display: block;}
.programSlider .programPrev:hover {background: url(../images/iconPrevon.png) center no-repeat;}
.programSlider .programNext:hover {background: url(../images/iconNexton.png) center no-repeat;}
.businessTit h2 { text-align: center; position: relative; padding-top: 30px;}
.businessTit i { font-style: normal; opacity: .2; letter-spacing: 2px; font-weight: 200; position: absolute; top: 0; width: 100%; display: block; text-align: center; font-size: 48px; line-height: 64px;}
.businessTit span{ position: relative; z-index: 2; display: block; text-align: center; font-size: 32px; line-height: 42px;}
.businessTit p { text-align: center; color: rgba(153, 153, 153, 1); font-size: 14px; margin-top: 20px;}
.businessChose { margin: 40px 0; text-align: center;}
.businessChose span { vertical-align: top; display: inline-block; font-size: 16px; margin: 0 13px; position: relative; cursor: pointer;}
.businessChose span:after { content: ''; position: absolute; width: 1px; right:-14px; height: 17px; background: rgba(112, 112, 112, 1); top: 50%;
 transform: translateY(-50%);}
 .businessChose span:last-child:after { display: none;}
 .businessChose span.cur { color: rgba(23, 42, 136, 1);}
 .coreBusiness { background: rgba(247, 248, 248, 1); padding: 60px 0 100px;}
 .businessSlide img { display: block; width: 100%;}
 .businessSlide .swiper-slide { transition: all .5s; transform: scale(.8);}
 .businessSlide .swiper-slide.swiper-slide-active { transform: scale(1);}
  .businessPostxt { opacity: 0; transition: all .5s;}
  .businessSlide .swiper-slide.swiper-slide-active .businessPostxt { opacity: 1;}
 .businessPostxt h2 { font-size: 24px; color: #ffffff; margin-bottom:32px;}
 .businessPostxt p { font-size: 14px; color: #ffffff; width: 480px; max-width: 100%; line-height: 22px;}
 .businessPostxt span { color: #ffffff; font-size: 32px; line-height: 44px;}
 .businessPostxt { position: absolute; top: 20%; width: 80%; left: 10%;}

.main21{ width:1200px; margin:0 auto; height:auto; padding:80px 0px 20px 0px;}
  .prodtail{ width:1200px; height:auto; margin-bottom:70px;}
  .bt4{font-size: 36px; color:#333; text-align:center;}
  .bt4 p{ width:100%; height:auto; line-height:30px; font-size:14px; color:#666; padding-top:25px; padding-bottom:30px;}
  .prdtail{ width:1200px; height:auto; background: rgba(23, 42, 136, 0.1)}
  .prdtal1{ width:600px; height: auto; padding:50px;  float:left;box-sizing: border-box;}
  .prdtal1 h2{ font-size:18px; color:#172A88; height:40px;}
  .prdtal2{ width:600px; height:auto; float:right;}
  .prdtal2 img{ width:600px; height:auto; display:block;}

.abt1{ width:100%; height:800px; background:url(../images/bj1.png) center no-repeat;}
.bt5{ width:100%; height:auto; padding-top:80px;}
.bt5 h2{  text-align: center; font-size: 36px; color: rgba(255, 255, 255, 1); line-height: 46px; margin-bottom: 25px;}
.bt5 p{ color: rgba(255, 255, 255, 1); font-size: 14px; line-height: 19px; margin-bottom:60px; text-align: center;}
.abt1z{ width:1200px; height:auto; margin:0 auto;}
.abt1 a{ width: 140px;height: 36px;border-radius: 4px 4px 4px 4px;border: 1px solid #FFFFFF; line-height:36px; text-align:center; color:#fff; margin:0 auto; display:block;}


.abt2{ width:100%; height: auto; padding:80px 0px; }
.bt6{ width:100%; height:auto; }
.bt6 h2{  text-align: center; font-size: 36px; color:#333; line-height: 46px; margin-bottom: 25px;}
.bt6 p{ color:#666; font-size: 14px; line-height: 19px; margin-bottom:60px; text-align: center;}

.linian{width:1200px; margin:0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.linian img{ display:block;}
.linian-l{width:calc(50% - 15px);position:relative;overflow:hidden;}
.linian-l img{width:100%;height:100%;display:block;transition: all 0.6s;}
.linian-l:hover img{transform: scale(1.05);}
.linian-l .tex{width: auto;position: absolute;bottom:30px;left:40px;z-index:11;}
.linian-l .tex dl dt{font-size:24px;line-height:32px;color:#FFF;}
.linian-l .tex dl dd{margin-top:15px;font-size:18px;line-height:24px;color:#FFF;}
.linian-r{width:calc(50% - 15px);}
.linian-r ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.linian-r ul li{width:calc(50% - 20px);position:relative;margin-top:30px;overflow:hidden;}
.linian-r ul li img{width:100%;height:auto;display:block;transition: all 0.6s;}
.linian-r ul li:hover img{transform: scale(1.05);}
.linian-r ul li .tex{width: auto;position:absolute;left:40px;bottom:30px;z-index:11;}
.linian-r ul li .tex dl dt{font-size:24px;line-height:32px;color:#FFF;}
.linian-r ul li .tex dl dd{margin-top:15px;font-size:18px;line-height:24px;color:#FFF;}
.linian-r ul li:first-child{width:100%;margin-top:0px;}








@media screen and (max-width: 1450px) {

	.headerCont { width: 100%; box-sizing: border-box; padding: 0 2%;}

	.headerCont a.logo { float: left; margin-top: 27px; padding-left:20px;}

	.phone{ right:50px;}

	.nav{ padding-right:30px;}

	.nav li { margin-left: 30px;}

}

@media screen and (max-width:780px) {

	.tpp{ width:100%; height:60px;}

	.header { height:60px; background:#fff;}

	.header.fixedBox { background:#fff; background-image:none;}

	.headerCont a.logo { margin-top:10px; padding-left:0px;}

	.headerCont a.logo img { height: 40px;}

	.menu { display: block; background: url(../images/menu.png) center no-repeat; width:30px; height:30px; position: absolute;

	right: 4%; top: 15px; background-size:100% auto;}

	.nav { position: fixed; top:60px; bottom: 0; right:-110%; width: 40%; background:rgba(0,0,0,0.5); padding-top:20px;}

	.nav li { margin: 0; line-height: 40px; float: none;}

	.nav li>a { padding-left: 20px;}

	.nav dl { position: static; width: 100%; border: none; transform: translate(0); width: 100%; margin: 0; border-radius: 0;}

	.header.fixedBox .headerCont .menu { background: url(../images/menuOn.png) center no-repeat; background-size:100% auto;}

	.header.fixedBox .headerCont .nav li>a { color: #ffffff;}

}