@charset "UTF-8";
/*basic css*/
body,button,dd,div,dl,form,h1,h2,h3,h4,h5,h6,html,img,input,li,ol,p,ul{margin: 0;padding: 0;border: 0}
*{-webkit-tap-highlight-color: transparent}
body{font-family: "Microsoft YaHei", STHeiti, 宋体, arial;background-color: #fff;min-width: 1365px;}
button,input,textarea{font-family: "Microsoft YaHei", STHeiti, 宋体, arial;padding: 0;font-family: Verdana, Arial}
h1,h2,h3,h4,h5,h6{font-family: "Microsoft YaHei", STHeiti, 宋体, arial;font-weight: normal}
img{border: 0;max-width: 100%;vertical-align: middle;}
button:hover,input[type=submit]:hover{cursor: pointer}
button:focus,input:active,input:focus,textarea:focus{outline-color: transparent;border: 0}
a{color: #333;display: inline-block;}
a:link{text-decoration: none}
a:visited{text-decoration: none}
a:hover{text-decoration: none;cursor: pointer}
a:active{text-decoration: none}
li{list-style: none;}
.hidden{display: none;visibility: hidden}
.wrap:after{clear: both;content: "";display: table}
.clear{clear: both;font-size: 0;line-height: 0;height: 0;visibility: hidden}
.clearfix:after,.clearfix:before{content: "";display: table}
.clearfix:after{clear: both}
.clearfix{zoom: 1}
::-webkit-scrollbar{width: 17px;margin-right: 2px}
::-webkit-scrollbar-button{width: 17px;background-color: #f4f8fa;}
::-webkit-scrollbar:horizontal{height: 17px;margin-bottom: 2px}
::-webkit-scrollbar-track{width: 5px;}
::-webkit-scrollbar-track-piece{background-color: #f4f8fa;}
::-webkit-scrollbar-thumb{width: 17px;background: #a0a0a0;}
::-webkit-scrollbar-corner{width: 10px;background-color: #f4f8fa;}
::-webkit-scrollbar-thumb:hover{background: #a0a0a0;}
.picture{overflow: hidden;}
.picture img{transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;}
.each-item:hover .picture img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
.ones{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
textarea{overflow: auto;}
.twos{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.box{width: 100%;margin: auto;}
.icon{width: 25px;height: 25px;background-image: url('icons.png');background-repeat: no-repeat;display: inline-block;margin-bottom: -5px;}
.icon1{background-position: 0 0;}
.icon2{background-position: -25px 0;}
.icon3{background-position: -50px 0;}
.icon5{background-position: -100px 0;width: 30px;height: 30px;}
.icon6{background-position: -150px 0;width: 30px;height: 30px;}
.icon7{background-position: -200px 0;width: 30px;height: 30px;}
.icon8{background-position: 0 -25px;width: 48px;height: 48px;margin-left: -1px;margin-top: -1px;}
.icon_loc{background-position: -240px 0;margin-bottom: -8px;}

/*fonts*/
@font-face{font-family: 'avant';src: url("11059_U.woff2") format('font-woff2'), url("11059_U.TTF") format("truetype"), url("11059_U.dfont") format("dfont"), url("11059_U.woff") format('font-woff'), url("11059_U.eot") format("embedded-opentype"), url("11059_U.svg") format("svg"), url("11059_U.otf") format("opentype");font-weight: normal;font-style: normal;}

@font-face{font-family: 'n';src: url("NOTOSANSCJK-LIGHT-3_0.woff2") format('font-woff2'), url("NOTOSANSCJK-LIGHT-3_0.ttf") format("truetype"),url("NOTOSANSCJK-LIGHT-3_0.dfont") format("dfont"),  url("NOTOSANSCJK-LIGHT-3_0.woff") format('font-woff'), url("NOTOSANSCJK-LIGHT-3_0.eot") format("embedded-opentype"), url("NOTOSANSCJK-LIGHT-3_0.svg") format("svg"), url("NOTOSANSCJK-LIGHT-3_0.OTF") format("opentype");font-weight: normal;font-style: normal;}
/*end fonts*/


/*header.html*/
.header{height: 100px;    position: fixed;    width: 100%;    background: #fff;    top: 0;    z-index: 999;box-shadow: #ccc 0px 0px 5px 0px ;}
.header .right{float: right;color: #f4f8fa;line-height: 22px;margin-top: 35px;}
.header .right a{font-size: 14px;margin: 0 15px;margin-bottom: -5px;}
.header .right a:last-child{font-size: 18px;font-family: "arial";color: #1a3a87}
.header .right i{margin-right: 3px;}
.header .left{float: left;}
.header .nav{text-align: center;margin-left: 20%;}
.header .nav li{display: inline-block;}
.header .nav li.ons{position: relative;}
.header .nav li>a{font-size: 18px;line-height: 100px;padding: 0 25px;}
.header .nav a:hover,.header .nav a.on{color: #1a3a87;}
.nav-cell{position: absolute;top: 100px;background-color: rgba(0, 0, 0, .5);height: 60px;width: 100%;left: 0;z-index: 100;display: none;}
.nav-cell dl{width: 1280px;height: 60px;margin: auto;line-height: 60px;}
.nav-cell dd{width: 180px!important;text-align: center;font-size: 18px;position: relative;float: left;}
.nav-cell dd>a{display: block;width: 100%;color: #ffffff;}
.nav-cell dd>a:hover,.nav-cell dd>a.on{color: #ffffff!important;background-color: #1a3a87;}
.nav-cell1{border-top: 1px solid #99cdeb;position: absolute;top: 60px;left: 0px;width: 100%;background-color: rgba(74, 129, 161, 0.75);display: none;}
.nav-cell1 a{color: #fff;display: block;width: 75%;margin: auto;border-bottom: 1px solid rgba(255, 255, 255, 0.49);}
.nav-cell1 a:last-child{border-bottom: 0;}
/*end header.html*/


/*footer.html*/
.footer{width: 100%;background-color: #fff;padding-top: 35px;}
.footer .box{width: 1290px;margin: auto;}
.footer .f-top{padding-bottom: 42px;}
.f-top .f-right{float: right;width: 330px;}
.f-top .ewm{font-size: 12px;line-height: 20px;color: #333333;text-align: center;width: 145px;}
.f-top .logo1{font-size: 14px;;line-height: 18px;color: #333333;float: right;}
.f-top .call{font-size: 24px;line-height: 38px;color: #1a3a87;font-family: "arial";}
.f-right .f-left {}
.f-left li{display: inline-block;float: left;width: 155px;}
.f-left h3{margin-bottom: 20px;font-size: 16px;color: #333333;font-weight: bold;}
.f-left a{font-size: 14px;line-height: 30px;color: #666666;display: block;width: 80px;}
.f-top .f-right {}
.footer .f1{float: right;}
.footer .f-bottom{width: 100%;border-top: 1px solid #f4f8fa;font-size: 12px;line-height: 30px;color: #999999;padding: 18px 0;}
.f-bottom a{color: #999999;}
.f-bottom a.icon{margin: 0 5px;}
.f-bottom a.icon:hover{opacity: .5;}
/*end footer.html*/


/*index.html*/
/*banner1*/
.banner1{position: relative;}
#indexbanner1{max-height: 90vh;overflow: hidden;}
.slick-dots{position: absolute;width: 100%;bottom: 2.3rem;text-align: center;z-index: 100;}
.slick-dots li{width: 15px;height: 15px;border-radius: 50%;margin: 0 10px;display: inline-block;border-radius: 50%;background-color: #fff;box-shadow: 1.5px 1.5px 5px 0 #666;transition: all 300ms;-webkit-transition: all 300ms;}
.slick-dots li button{display: none;}
.slick-dots li.slick-active{background-color: #1a3a87 !important;position: relative;}
.slick-dots .slick-active:before{content: ' ';display: block;width: 23px;height: 23px;border: 2px solid #1a3a87;position: absolute;top: -6px;left: -6px;border-radius: 50%;z-index: 1;}
/*集团*/
.about-bg{background-repeat: repeat-y;width: 100%;padding-top: 80px;}
.about-bg .top{width: 90%;margin: 0 auto;display: block;}
.about-bg .lans .t1,.title1 .t1,.jishu .t1{font-family:  "n","Source Han Sans CN",'思源黑体 CN Light','arial';text-transform: uppercase;font-weight: 100;font-size: 64px;line-height: 58px;color: #1a3a87;margin: 0px 0 13px 0;}
.title1 .t1{margin: 25px 0 13px 0;}
.about-bg .lans .t2,.title1 .t2,.jishu .t2{font-size: 35px;color: #999999;}
.about-bg .lans .twos{font-size: 16px;line-height: 24px;color: #9fa0a0;-webkit-line-clamp: 3;max-height: 72px;margin: 40px 0;}
.about-bg .imgs{width: 50%;float: left;max-width: 705px;position: relative;}
.about-bg .lans{width: 50%;float: right;}
.about-bg .t3{font-size: 16px;line-height: 25px;color: #1a3a87;border-bottom: 1px solid #1a3a87;display: inline-block;}
.about-bg .t3:hover{color: #e62f8b;border-bottom: 1px solid #e62f8b;}
.banner2{position: relative;width: 100%;}
.date-list{width: 1100px;margin: 70px auto 40px auto;}
.date-list li{height: 210px;cursor: pointer;position: relative;}
.date-list li a{margin: auto;display: block;position: relative;}
.date-list li.on .date{width: 210px;height: 210px;background-color: #f1ccdc;margin: auto;line-height: 210px;}
.date-list .date{width: 160px;height: 160px;line-height: 160px;color: #fff;background-color: #aad1e8;text-align: center;border-radius: 50%;margin: auto;transition: background-color 500ms;-webkit-transition: background-color 500ms;margin: 25px auto;font-size: 44px;font-family: "arial";position: relative;}
.date-list li.on:after{content:'';left: -17px;}
.date-list li.on+li:after{
    left: 8px;
}
.date-list li:after{content:'';width: 10px;height: 3px;background-color: #a9d1e8;display: block;position: absolute;top: 105px;left: -10px;}
.slick-arrow{position: absolute;top: 50%;margin-top: -25px;right: -75px;left: auto;width: 25px;height: 50px;background-image: url('icons.png');background-repeat: no-repeat;display: inline-block;background-position: -75px 5px;cursor: pointer;}
.slick-arrow:hover,.slick-disabled{opacity: .35;}
.slick-arrow.prev{left: -75px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.date-list1{position: relative;height: 115px;width: 100%;}
.date-list1 li{position: absolute;min-height: 115px;width: 100%;top: 0;left: 0;z-index: 2;opacity: 0;padding: 28px;text-align: center;box-sizing: border-box;background-repeat: no-repeat;background-position: center center;transition: opacity 500ms linear;-webkit-transition: opacity 500ms linear;background-size:cover;}
.date-list1 li:after{content:'';background-color: rgba(127, 191, 229, 0.72);width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.date-list1 li.on{opacity: 1;}
.date-list1 .t1{font-size: 24px;font-weight: bold;color: #fff;position: relative;z-index: 10;}
.date-list1 .t2{color: #fff;font-size: 18px;line-height: 30px;z-index: 10;position: relative;}
/*微观产品*/
.pro{width: 1360px;margin: auto;}
.title1{text-align: center;}
.banner4{width: 1220px;height: 490px;margin: auto;padding-top: 5px;margin-bottom: 85px;position: relative;}
.banner4 a .imgs{background-color: #0f3381;box-sizing: border-box;width: 100%;height: 375px;}
.banner4 a{width: 100%;height: 375px;padding: 70px 0;}
.banner4 .swiper-slide-active .imgs{background-color: #0f3381;width: 480px;height: 480px;box-shadow: 0px 0px 50px rgba(51, 51, 51, 0.24);position: absolute;top: 10px;left: -50px;z-index: 3;border: 0;}
.banner4 img{width: 270px;margin: 40px 50px;}
.banner4 .swiper-slide-active img{max-width: 520px;width: 540px;margin-top: -30px;margin-left: -20px;}
.banner4-wrapper .lans{font-size: 16px;line-height: 25px;color: #9fa0a0;width: 1100px;text-align: center;margin: auto;}
.index-icon2{width: 100%;min-height: 510px;background-position: center center;background-repeat: no-repeat;margin-top: 4px;text-align: center;}
.index-icon{width: 100%;height: 510px;background-position: center center;background-repeat: no-repeat;margin-top: 54px;text-align: center;}
.index-icon li{display: inline-block;margin: 160px 47px 0 47px;font-size: 16px;line-height: 30px;color: #ffffff;}
.index-icon li:hover img{background-color: rgba(210, 33, 23, .5);border-color: transparent;}
.index-icon img{border: 1px solid #ffffff;transition: background-color 500ms;-webkit-transition: background-color 500ms;margin-bottom: 15px;}
.jishu{background-position: center center;background-repeat: no-repeat;background-color: #efefef;height: 1075px;position: relative;}
.jishu .left{width: 38.5%;position: absolute;top: 50%;left: 18%;transform: translate(0, -51%);}
.jishu .left img{border: 10px solid #ffffff;display: none;}
.jishu .left img.on{display: block;box-shadow: 37px 7px 100px rgba(30, 28, 26, 0.2);}
.jishu .right{width: 550px;float: right;margin-right: 6.5%;margin-top: 200px;}

.jishu-list{margin: 65px 0 55px 0;height: 125px;}
.jishu-list li{width: 120px;height: 120px;position: relative;border: 1px solid #1a3a87;background-color: #ffffff;text-align: center;margin-right: 20px;float: left;transition: all .5s;-webkit-transition: all .5s;}
.jishu-list li:last-child{margin-right: 0px;}
.jishu-list li:hover,.jishu-list li.on{border: 1px solid #da251c;box-shadow: 0 10px 25px rgba(153, 153, 153, 0.42);}
.jishu-list li:after{display: block;position: absolute;bottom: -14px;left: 50%;margin-left: -7px;z-index: 2;content: url('arrow1.png');opacity: 0;transition: all .3s;-webkit-transition: all .3s;}
.jishu-list li:hover:after,.jishu-list li.on:after{opacity: 1;}
.jishu .t3{width: 80px;height: 50px;overflow: hidden;margin: 17px 0;}
.jishu .t1_1{transition: all .5s;-webkit-transition: all .5s;transform: translate(0%, 0%);}
.jishu .t1_1 img{display: block;}
.jishu-list li:hover .t1_1,.jishu-list li.on .t1_1{transform: translate(0%, -50%);}
.jishu-list .t1_2{color: #333333;font-size: 18px;position: absolute;bottom: 20px;left: 0;width: 120px;text-align: center;}
.jishu-list li:hover .t1_2,.jishu-list li.on .t1_2{color: #da251c;}
.jishu-mess{font-size: 16px;line-height: 24px;color: #999999;}
.jishu-mess li{display: none;}
.jishu-mess li.on{display: block;}
/*brand*/
.brand .box{margin-top: 40px;}
.brand-nav .box{margin-top: 45px;}
.brand a{width: 49.7%;height: 270px;float: left;position: relative;font-size: 40px;line-height: 75px;color: #ffffff;font-weight: bold;text-align: center;margin: 7px 0 9px 0;background-size: cover;}
.brand a .lans{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 3;background-color: #0f3381;padding-top: 55px;box-sizing: border-box;transition: all .4s linear;-webkit-transition: all .4s linear;}
.brand a:hover .lans{background-color: rgba(214, 41, 25, .5);}
.brand .lans img{transition: all .4s linear;-webkit-transition: all .4s linear;}
.brand a:hover .lans img{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.brand a:first-child{margin-right: .6%;}
@media screen and (max-width: 1500px){.jishu .left{	left: 12%;}}
@media screen and (max-width: 1400px){
    .jishu .left{	left: 12%;}
    .jishu .right{	right: 4%;}
    .slick-arrow.prev{	left: -20px;}
    .slick-arrow.next{	right: -20px;}
    #indexbanner1{	height: auto;}}
@media only screen and (max-width: 1399px) and (min-width: 1359px){
    .header .left{	height: 80px;}
    .header{	height: 80px;}
    #indexbanner1{	max-height: 90vh;}
    .header .right{	margin-top: 25px;}
    body{	overflow-x: hidden;}
    .header .nav{	margin-left: 0;}}
@media only screen and (max-width: 1365px){.header .nav li>a{	padding: 0 15px;	line-height: 100px;}}
/*end index.html*/


/*jjzm.html*/
.new_tuijian {}
.new_tuijian1{width: 1280px;margin: 0px auto;padding: 60px 0 80px 0;}
.new_tuijian1 .left{width: 740px;height: 740px;float: left;position: relative;}
.new_tuijian1 .left ul {}
.new_tuijian1 .left>ul>li{background-color: #e9e9e9;opacity: 0;position: absolute;top: 0;left: 0;width: 740px;height: 740px;}
.new_tuijian1 .left li.on{opacity: 1;}
.new_tuijian1 .right{width: 536px;overflow: hidden;}
.new_tuijian1 .right1{width: 550px;height: 750px;}
.new_tuijian1 .right1.on{overflow: hidden;overflow-y: scroll;}
.new_tuijian1 .right li{color: #ffffff;text-align: center;background-color: #f4f8fa;width: 240px;height: 240px;float: left;margin: 0 0 10px 10px;cursor: pointer;transition: all 300ms;-webkit-transition: all 300ms;}
.new_tuijian1 .right li.on,.new_tuijian1 .right li:hover{background-color: #0f3381;}
.new_tuijian1 .right .t1{font-size: 18px;margin-bottom: 7px;margin-top: 57px;}
.new_tuijian1 .right .t2{font-family: "arial";font-size: 12px;text-transform: uppercase;}
.new_tuijian1 .right .t3 {}
.new-shili .title1{background-color: #f4f8fa;padding: 50px 0;}
.new-shili .t3{width: 100%;height: 800px;position: relative;}
.new-shili .t3 li{width: 100%;height: 800px;overflow: hidden;background-position: center center;background-size: cover;background-repeat: no-repeat;text-align: center;position: absolute;top: 0;left: 0;}
.new-shili .t3 li:after{width: 100%;height: 800px;background-color: #000000;opacity: .5;position: absolute;top: 0;left: 0;z-index: 1;content: "";}
.new-shili .t3 a{width: 920px;position: relative;z-index: 3;overflow: hidden;height: 500px;}
.new-shili .t3 img{position: absolute;left: 0;top: 0;}
.new-shili li {}
.title2 .t1{font-size: 48px;margin-bottom: 0px;}
.title2 .t2{font-size: 24px;text-shadow: 0px 0px 0px #666;color: #666;margin-top: 2px;}
.search-more{border-radius: 30px;width: 120px;height: 40px;border: 1px solid #999999;color: #999999;line-height: 40px;font-size: 16px;margin: 0 auto;display: block;margin-bottom: 90px;transition: all .3s;-webkit-transition: all .3s;text-align: center;}
.search-more:hover{color: #1a3a87;border-color: #1a3a87;}
.tiyan{width: 1280px;height: 800px;background-color: #686868;position: relative;margin: auto;overflow: hidden;margin-top: 50px;margin-bottom: 10px;}
.tiyan ul.left{width: 1120px;height: 800px;position: relative;float: left;}
.tiyan .left li{position: absolute;top: 0;z-index: 3;left: 0;opacity: 0;transition: all .3s;-webkit-transition: all .3s;}
.tiyan .left li.on{opacity: 1;}
.tiyan .right{position: absolute;top: 50%;right: -20px;width: 180px;transform: translate(0, -50%);max-height: 60%;overflow: hidden;overflow-y: scroll;}
.tiyan .right li{cursor: pointer;color: #ffffff;font-size: 20px;line-height: 55px;padding: 10px 5px;width: 150px;float: left;}
.tiyan .right li.on,.tiyan .right li:hover{color: #1a3a87;}
.ty-more{width: 160px;height: 70px;line-height: 70px;text-align: center;color: #ffffff;background-color: #1a3a87;position: absolute;bottom: 0;right: 0;z-index: 10;display: block;transition: all .5s;-webkit-transition: all .5s;}
.ty-more:hover{background-color: #eb6ea5;}
.new-tiyan .mess{font-size: 14px;line-height: 24px;color: #333333;text-align: center;width: 1280px;margin: 20px auto 100px auto;display: none}
.new-ele {}
.new-ele .f6{background-color: #f6f6f6;width: 100%;padding: 120px 0 150px 0;margin-top: 40px;}
.f6-wrapper{width: 1260px;margin: auto;}
.f6-wrapper .imgs{width: 430px;height: 430px;padding-top: 180px;box-sizing: border-box;text-align: center;box-shadow: 5px 10px 40px 0px rgba(51, 51, 51, 0.72);float: left;}
.new-ele .right{width: 800px;float: left;padding-left: 110px;box-sizing: border-box;}
.new-ele .ewm img {}
.new-ele .ewm{width: 145px;font-size: 16px;text-align: center;color: #7e7e7e;line-height: 15px;}
.new-ele .button{padding-top: 95px;}
.new-ele .button a{width: 110px;height: 30px;border-radius: 30px;background-color: #1a3a87;color: #ffffff;font-size: 16px;text-align: center;}
.new-ele .button a:last-child{background-color: #eb6ea5;}
.new-ele .button a:hover{opacity: .8;}
.new-ele .lans{font-size: 20px;color: #1a3a87;}
/*end jjzm.html*/


/*jyzm1.html*/
.solutions{width: 1280px;margin: auto;padding-bottom: 25px;}
.solutions1{padding-top: 60px;padding-bottom: 40px;}
.solutions li{background-color: #ffffff;height: 300px;padding: 20px;position: relative;box-sizing: border-box;margin-bottom: 20px;box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05);}
.solutions .picture{width: 380px;height: 260px;overflow: hidden;}
.solutions .lans{width: 700px;position: absolute;top: 50%;transform: translate(0, -50%);left: 430px;-webkit-transform: translate(0, -50%);}
.solutions .ones{font-size: 24px;color: #333333;max-width: 100%;}
.solutions1 .ones{font-size: 18px;margin-top: 10px;margin-bottom: -15px;}
.solutions .twos{font-size: 14px;line-height: 24px;max-height: 48px;color: #666666;margin-top: 10px;}
.solutions1 li{padding: 5px;height: 490px;width: 390px;font-size: 24px;color: #aaaaaa;float: left;}
.solutions1 li:hover{box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);}
.solutions1 li:nth-child(3n-1){margin: 0 40px;}
.solutions1 .lans{position: static;width: 90%;margin-top: 0;transform: translate(0, 0%);-webkit-transform: translate(0, 0%);margin: auto;}
.solu{width: 100px;height: 30px;font-size: 16px;line-height: 30px;border: 1px solid #1a3a87;border-radius: 30px;text-align: center;color: #1a3a87;margin-top: 40px;}
.solu:hover{background-color: #1a3a87;color: #ffffff;}
.arrow{width: 50px;height: 50px;box-sizing: border-box;text-align: center;border-radius: 50%;background-color: #f0f0f0;padding-top: 10px;position: absolute;right: 20px;top: 46%;transition: all .4s;-webkit-transition: all .4s;}
.solutions li:hover .arrow{background-color: #1a3a87;}
.solutions li:hover .icon9{background-position: -100px -45px;}
.solutions1 .arrow{position: static;padding-top: 5px;margin: 30px 5%;}
.solutions1 li:hover span{color: #1a3a87;}
.icon9{background-position: -50px -45px;width: 50px;height: 30px;transition: margin .4s;-webkit-transition: margin .4s linear;}
.solutions li:hover .icon9{margin-left: 3px;}
/*end jyzm1.html*/


/*new.html*/
.new-list{width: 100%;box-sizing: border-box;padding: 40px 2.5% 80px 2.5%;border-bottom: 1px solid #f4f8fa;}
.new-list li{width: 33.3%;box-sizing: border-box;border-bottom: 1px solid #f4f8fa;float: left;}
.new-list li:nth-last-child(3),.new-list li:nth-last-child(2),.new-list li:nth-last-child(1){border-color: transparent;}
.new-list li:nth-child(3n-1){border-left: 1px solid #f4f8fa;border-right: 1px solid #f4f8fa;}
.new-list a{padding: 15px 15px 45px 15px;margin: 5px 0px;}
.new-list a:hover{box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, .15);}
.new-list .t1{background-color: #f4f8fa;display: inline-block;margin-bottom: 18px;margin-top: 20px;}
.new-list a:hover .t1{background-color: #1a3a87;}
.new-list .t2{font-family: "arial";font-size: 14px;color: #f4f8fa;}
.new-list .t3{color: #333;font-size: 20px;margin: 18px 0;}
.new-list .t4{font-size: 14px;line-height: 22px;max-height: 44px;color: #666666;}
.new-list .t5{text-transform: uppercase;margin-top: 25px;font-size: 12px;text-decoration: underline;color: #c4c4c4;}
.new-list a:hover .t5{color: #1a3a87;}
@media screen and (max-width: 1500px){.new-list a{	padding: 30px;	margin: 5px 10px;}}
@media screen and (max-width: 1400px){.new-list a{	padding: 20px;}}
/*end new.html*/


/*new1.html*/
.news-container{padding-top: 20px;padding-bottom: 40px;width: 100%;margin: 0 auto;}
.news-container .news-wrapper{width: 1280px;margin: auto;box-sizing: border-box;}
.news-container .title{font-size: 30px;color: #333333;text-align: center;font-weight: bold;padding-top: 40px;}
.news-container .mess{color: #999;font-size: 14px;line-height: 14px;text-align: center;margin-top: 30px;margin-bottom: 20px;}
.editor{font-size: 14px;line-height: 24px;color: #333;padding-bottom: 20px;padding-top: 10px; min-height:400px;}
.editor1{border-top: 1px solid #eee;}
.editor1 p{ background:none!important;}
.editor2{border-bottom: 1px solid #f4f8fa;}
.editor img{max-width: 100%;}
.pagetion{padding: 20px 0;}
.pagetion a{width: 625px;height: 60px;border: 1px solid #eee;font-size: 14px;line-height: 60px;color: #333;}
.pagetion a:first-child{margin-right: 20px;}
.pagetion a span{color: #282828;border-right: 1px solid #999999;padding: 0 20px;margin-right: 20px;}
.pagetion a:hover,.pagetion a.on{background-color: #1a3a87;color: #ffffff;}
.pagetion a:hover span,.pagetion a.on span{border-color: #ffffff;color: #ffffff;}
/*end new1.html*/


/*case.html*/
.case {}
.case .case_list{width: 1320px;margin: auto;}
.case_list li{background-color: #ffffff;width: 310px;height: 375px;display: inline-block;margin: 0px 10px 45px 10px;text-align: center;float: left;transition: all .3s;-webkit-transition: all .3s;}
.case_list a{padding: 5px;}
.case_list li:hover .t1{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);transition: all .5s linear;-webkit-transition: all .5s linear;}
.case_list li:hover{box-shadow: 0px 0 25px 5px rgba(0, 0, 0, .1);}
.case_list .t1{width: 295px;height: 295px;overflow: hidden;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.case_list .ones{font-size: 16px;line-height: 70px;color: #333333;}
.case .title1{padding-bottom: 55px;padding-top: 1px;}
.pagetions{width: 1280px;margin: auto;text-align: center;padding-bottom: 50px;}
.pagetions a{font-size: 14px;display: inline-block;color: #888888;line-height: 30px;padding: 0 10px;background-color: #ffffff;box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, .2);margin-right: 5px;transition: all .3s;-webkit-transition: all .3s;}
.pagetions a:hover,.pagetions a.on{background-color: #1a3a87;color: #ffffff;}
.pagetions span{padding: 0 5px;}
.loc{width: 100%;background-color: #ffffff;padding: 15px 0;}
.loc .loc1{width: 1280px;margin: 0px auto;color: #666;font-size: 14px;line-height: 25px;}
.loc a{color: #666;}
.loc img{margin-bottom: 4px;margin-right: 8px;}
.loc span{color: #1a3a87;}
/*end case.html*/

/*pro.html*/

/*悬浮*/

.top_list{position: absolute;top: 310px;z-index: 10;left: -120px;}
.top_list li{margin-bottom: 2px;}
.top_list a{color: #ffffff;font-size: 16px;line-height: 20px;width: 70px;box-sizing: border-box;height: 70px;background-color: #dddddd;padding: 15px 10px;}
.top_list a.on,.top_list a:hover{background-color: #1a3a87;}
@media screen and (max-width: 1440px) {.top_list{left:-70px;top:270px}}
/*end悬浮*/

.pro-header{background-color: #ffffff;}
.pro-cell{width: 1280px;margin: auto;padding: 40px 0 60px 0;border-top: 1px solid #f4f8fa;}
.pro-cell .imgs{width: 600px;height: 600px;float: left;background-color: #f4f8fa;}
.pro-cell .lans{float: right;}
.pro-cell .t1{font-size: 24px;line-height: 40px;padding-left: 30px;box-sizing: border-box;color: #333333;margin: 22px 0;}
.pro-cell .t3{color: #666666;font-size: 14px;line-height: 22px;margin-top: 45px;}
.pro-cell ul{width: 630px;line-height: 20px;}
.pro-cell li{padding: 15px 0;}
.pro-cell li:nth-child(odd){background-color: #f4f8fa;}
.pro-cell .c1{color: #999999;width: 150px;float: left;padding-left: 30px;}
.pro-cell .c2{width: 450px;float: left;}

/*end pro.html*/


/*pro1.html*/

.prosum{width: 1280px;margin: auto;position: relative;}
.pro{width: 600px;float: left;}
.pro .loc{border-bottom: 1px solid #f4f8fa;}
.pro .lans .t1{font-size: 14px;color: #666666;line-height: 1.5;padding: 28px 0 22px 0;}
.pro .lans .t2{font-family: "arial";color: #1a3a87;font-size: 40px;line-height: 42px;font-weight: bold;text-transform: uppercase;}
.pro .lans .t3{font-size: 24px;color: #282828;line-height: 1.5;padding-top: 20px;}
.pro_list li{position: relative;margin-bottom: 40px;}
.pro_list .imgs{width: 600px;height: 600px;overflow: hidden;background-color: #f4f8fa;}
.pro_list .lan{margin-top: 30px;}
.pro_list{width: 600px;padding: 40px 0;}
.pro_list.right{float: right;margin-top: 20px;}
.pro_list .t1{font-family: "n","Source Han Sans CN",'sans-serif','avant','arial';font-weight: lighter;font-size: 60px;color: #666666;width: 160px;float: left;border-right: 1px solid #f4f8fa;line-height: 50px;}
.pro_list .t2{width: 260px;float: left;box-sizing: border-box;padding-left: 40px;margin-top: -5px;}
.pro_list .name{font-size: 20px;color: #666666;line-height: 1.5;font-weight: bold;}
.pro_list .mess{font-family: "arial";font-size: 12px;color: #999999;margin-top: 3px;}
.pro_list li:hover .t3{color: #eb6ea5;}
.pro_list .t3{font-size: 24px;line-height: 60px;box-sizing: border-box;transition: all .35s linear;-webkit-transition: all .35s linear;position: absolute;bottom: 5px;color: #1a3a87;right: 0;}
.pro_list .t3 .two{border-top: 1px solid rgba(255, 255, 255, .5);}
.pro_list .t3 .number{font-size: 30px;font-family: "avant";}

/*end pro1.html*/


/*.brand.html*/

.search-brand{width: 100%;height: 500px;}
.search-brand .lans{color: #ffffff;text-align: center;font-size: 28px;padding: 170px 0 48px 0;}
.search-sum{width: 870px;height: 64px;margin: auto;border: 1px solid rgba(255, 255, 255, .5);background-color: rgba(255, 255, 255, .1);}
.search-sum .input1{height: 64px;line-height: 64px;color: #ffffff;font-size: 14px;background-color: transparent;width: 710px;padding-left: 20px;}
.search-sum .sub{float: right;width: 135px;height: 64px;background: url('icon-search.png') center center no-repeat;background-color: #ed7dae;transition: all 300ms;-webkit-transition: all 300ms;}
.input1::-webkit-input-placeholder{color: #fff;}
:-webkit-input-placeholder{color: #bbbbbb;}
.search-sum .sub:hover{background-color: #1a3a87}

/*story*/

.story{background-color: #f4f8fa;width: 1280px;margin: 80px auto 0 auto;position: relative;}
.story .right{width: 570px;float: right;position: absolute;bottom: 0;right: 0;}
.story .r1{width: 500px;margin-left: 40px;margin-top: -20px;}
.story .r1 .title1{text-align: left;}
.story .mess{font-size: 14px;line-height: 24px;color: #898989;padding-top: 45px;}
.story .r2{background-color: #050505;width: 100%;height: 570px;position: relative;margin-top: 56px;}
.story .r2:after{content: "";background-color: rgba(0, 0, 0, 0.7);width: 570px;height: 570px;display: block;}
.story .r2 li{color: #1a3a87;font-size: 18px;line-height: 24px;width: 80px;padding: 0 30px;text-align: center;float: left;position: relative;}
.story .r2 li:after{width: 1px;height: 55px;display: inline-block;position: absolute;right: 0;bottom: -10px;background-color: #666666;content: " ";}
.story .r2 li:last-child:after{background-color: transparent;}
.story .r2-cell{position: absolute;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);top: 50%;}
.story .mess2{font-size: 16px;line-height: 40px;text-align: center;color: #dddddd;width: 90%;margin: 40px auto 0 auto;}

/*youshi*/

.youshiSum{background-color: #f4f8fa;width: 1280px;margin: auto;}
.youshiSum .title1 .t1{margin-top: 0;padding-top: 50px;}
.youshiSum .youshi-bg{width: 100%;height: 800px;position: relative;margin-top: 60px;}
.youshi-bg ul.ys-bg{width: 1075px;margin: 0px auto 70px auto;}
.bg-r2{position: absolute;top: 0;left: 0;z-index: 1;}
.bg-r2 li{width: 1280px;display: none;height: 800px;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.youshi-bg ul.clearfix{width: 1075px;margin: 0px auto 70px auto;}
.youshi-bg .ys-bg .clearfix li{font-size: 30px;line-height: 30px;color: #ffffff;width: 145px;float: left;margin: 0 35px;text-align: center;}
.youshi-bg li img{border: 2px solid #ffffff;display: block;transition: all linear.4s;-webkit-transition: all linear .4s;margin: 40px auto;}
.youshi-bg li:hover img,.youshi-bg li.on img{background-color: rgba(210, 33, 23, 0.75);}
.youshi-bg .mess{color: #ffffff;font-size: 14px;line-height: 24px;width: 1075px;margin: 0 auto;text-align: center;}
.youshi-bg .mess li{display: none;font-size: 14px;line-height: 24px;}
.youshi-bg .ys-bg{position: absolute;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);top: 50%;left: 50%;z-index: 10;}
.ys-bg a{color: #ffffff;}

/*join*/

.join{padding-top: 30px;}
.join .join-cell{width: 1280px;margin: 0 auto;margin-bottom: 60px;}
.join-cell>li{width: 600px;position: relative;overflow: hidden;float: left;padding: 30px 30px 90px 30px;box-sizing: border-box;background-color: #ffffff;color: #333333;box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, .1);border-radius: 5px;margin-top: 40px;}
.join-cell>li:before{width: 80px;height: 120px;background-color: #da251c;position: absolute;top: 0;left: 0;content: " ";}
.join-cell>li:after{width: 30px;height: 40px;background-color: #da251c;position: absolute;right: 0;bottom: 0;content: " ";}
.join-cell>li:nth-child(even){margin-left: 80px;}
.join-cell>li:nth-child(4n-1):after,.join-cell>li:nth-child(4n-2):after,.join-cell>li:nth-child(4n-1):before,.join-cell>li:nth-child(4n-2):before{background-color: #1a3a87;}
.join-cell1{position: relative;z-index: 10;}
.join-cell .t1{font-size: 24px;margin-bottom: 25px;}
.join-cell .t3{font-size: 14px;margin-bottom: 22px;}
.join-cell .t3 li{list-style-type: unset;margin-left: 20px;margin-top: 30px;}

/*join1*/

.join1{width: 95%;background-color: #f4f8fa;margin: auto;}
.join1-container{width: 1280px;margin: auto;padding: 40px 0 60px 0;}
.join1 .left {}
.join1 .l1{padding-bottom: 15px;}
.join1 .l1-1{font-size: 20px;color: #333333;}
.join1 .l1-2{font-family: "arial";font-size: 14px;color: #c4c4c4;text-transform: uppercase;margin-top: 5px;}
.join1 .l2{width: 645px;margin-top: 20px;}
.join1 .l2 li{width: 200px;height: 80px;border: 1px solid #f4f8fa;border-radius: 45px;padding-left: 15px;padding-top: 15px;box-sizing: border-box;float: left;margin-right: 20px;position: relative;transition: all 300ms;-webkit-transition: all 300ms;}
.join1 .l2 li:hover{border-color: #ea69a3;}
.join1 .l2 li:hover .l2-1{background-color: #ea69a3;}
.join1 .l2 li:after{content: url('cc.jpg');width: 19px;height: 20px;position: absolute;right: -20px;top: 30px;}
.join1 .l2 li:nth-child(3n){margin-right: 0;margin-bottom: 40px;}
.join1 .l2 li:nth-child(3n):after{content: url("j-icon8.png");width: 640px;height: 40px;top: 79px;right: 0;}
.join1 .l2 li:last-child:after{content: " ";}
.join1 .l2-1{width: 50px;height: 50px;background-color: #f4f8fa;border-radius: 50%;padding: 7px;box-sizing: border-box;transition: all 300ms;-webkit-transition: all 300ms;}
.join1 .l2-2{margin-top: 5px;width: 120px;float: right;}
.join1 .l2-21{font-size: 18px;color: #666666;}
.join1 .l2-22{font-size: 12px;color: #999;font-family: "arial";}
.join1 .right{width: 600px;float: right;margin-top: 50px;}
.join1 .check,.join1 .input{width: 290px;height: 45px;line-height: 45px;box-sizing: border-box;padding: 0 15px;background-color: #fff;position: relative;display: block;float: left;margin-bottom: 15px;color: #666666;}
.join1 .check:nth-child(even),.join1 .input:nth-child(even){margin-left: 20px;}
.join1 .check:before{content: "";width: 10px;height: 10px;border-left: 1px solid #f4f8fa;border-bottom: 1px solid #f4f8fa;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);display: inline-block;position: absolute;top: 15px;right: 15px;}
.join1 .check .c1{font-size: 14px;line-height: 45px;}
.join1 .check ul{font-size: 14px;line-height: 2;background-color: #fff;padding: 10px;box-sizing: border-box;width: 290px;position: absolute;top: 43px;left: 0;z-index: 10;height: 0;opacity: 0;transition: all .5s;-webkit-transition: all .5s;overflow: hidden;}
.join1 .check:hover ul{opacity: 1;height: auto;}
.join1 .check li{cursor: pointer;}
.join1 .check li:hover{color: #1a3a87;}
.join1 .text{width: 100%;height: 160px;border: 0px;resize: none;padding: 10px 15px;box-sizing: border-box;background-color: #ffffff;margin-bottom: 15px;}
.join1 .value{width: 150px;height: 45px;color: #ffffff;text-align: center;font-size: 16px;background-color: #1a3a87;}
.search-result{background-color: rgba(0, 0, 0, .5);width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 10;display: none;}
.search-result .search1{width: 520px;border-radius: 5px;background-color: #ffffff;margin: auto;margin-top: 40vh;}
.search1 .t1{line-height: 40px;height: 40px;color: #333333;background-color: #f1f1f1;font-size: 18px;text-align: center;border-radius: 5px;}
.search1 .t1 img{float: right;margin: 10px;cursor: pointer;}
.search1 .t1 img:hover{opacity: .5;}
.search1 .t2-1{font-size: 14px;line-height: 40px;width: 300px;color: #333333;float: right;margin-top: 10px;}
.search1 .t2-1 span{width: 110px;display: inline-block;color: #666666;margin-right: 10px;}
.search1 .t2{width: 100%;padding: 30px 25px;box-sizing: border-box;}

/*end brand.html*/


/*brand1.html*/

.brand-nav1{text-align: center;margin-top: 40px;margin-bottom: 10px;}
.brand-nav1 a{width: 150px;height: 60px;display: inline-block;color: #333333;transition: all .3s;-webkit-transition: all .3s;line-height: 58px;font-size: 20px;box-sizing: border-box;border: 2px solid transparent;}
.brand-nav1 a:hover,.brand-nav1 a.on{border-color: #17a4f6;background-color: #1a3a87;color: #ffffff;}

/*end brand1.html*/


/*search.html*/

.search-result1{width: 1100px;margin: 0px auto;padding-top: 60px;}
.search-result1 .search-number{font-size: 16px;line-height: 50px;color: #666666;}
.search-result1 ul{margin-bottom: 200px;}
.search-result1 li{border-bottom: 1px solid #f4f8fa;}
.search-result1 a{display: block;padding: 30px 0px;}
.search-result1 h2{font-size: 18px;line-height: 26px;color: #000000;padding-bottom: 15px;}
.search-result1 .mess{font-size: 16px;color: #666666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.search-result1 .times{font-size: 14px;color: #666666;}
.search-result1 li:hover h2{color: #1a3a87;}
.searchSum{border-bottom: 1px solid #f4f8fa;}

/*end search.html*/


/*about.html*/

#aboutbanner>li{opacity: 0;height: 0;overflow: hidden;}
#aboutbanner>li.on{opacity: 1;height: auto;overflow: auto;}
.about1sum{padding-top: 30px;}
.about1sum .content{width: 1280px;margin: auto;padding-top: 50px;}
.about1sum .left{margin-top: 0px; width:48%;}
.about1sum .left ul{width: 290px;float: left;}
.about1sum .left li{margin-right: 5px;margin-bottom: 5px;}
.about1sum .left ul:nth-child(2){margin-top: 90px;}
.about1sum .right{width: 48%;float: right;}
.about1sum .right .t1{font-size: 24px;color: #1a3a87;font-weight: bold;}
.about1sum .right .t2{font-size: 14px;line-height: 24px;color: #898989;margin-top: 25px;}
.about2sum{width: 100%;background-size: cover;}
.about21 .titles{font-size: 24px;color: #1a3a87;font-weight: bold;width: 1280px;padding: 60px 0 50px 0;margin: auto;}
.about21 .date-list1{height: 160px;box-sizing: border-box;}
.about21 .date-list1 li{top: 15px;}
.about21 .banner2{width: 1280px;margin: auto;height: 100%;background-size: cover;}
.about21 .date-list .date{background-color: rgba(44, 109, 145, .7);font-family: "avant";}
.date-list li.on .date{background-color: rgba(210, 33, 23, .5);color: transparent;}
.about21 .date-list li.on{position: relative;}
.about21 .date-list li.on .date{width: 204px;height: 204px;}
.date-list li .logos{display: none}
.date-list li.on .logos{display:block;width: 150px;height: 150px;position: absolute;top: 50%;left: 50%;margin-top: -75px;margin-left: -75px;z-index: 10;}
.about21 .date-list1 .t1{font-size: 24px;line-height: 24px;font-weight: normal;}
.about21 .date-list1 .t2{font-size: 16px;padding: 10px;}
.about21 .date-list{margin: auto;padding: 60px 40px;border-bottom: 1px solid rgba(216, 216, 216, 0.5);}
.about21 .banner2{position: relative;height: 490px;overflow: hidden;}
.about21 .banner-list li{position: absolute;top: 0;left: 0;z-index: 0;opacity: 0;transition: all .5s;-webkit-transition: all .5s;}
.about21 .banner-list li.on{opacity: 1;}
.about21 .slick-arrow.prev{left: -0px;}
.about21 .slick-arrow.next{right: -0px;}
.about22{padding-top: 30px;position: relative;}
.about22 .title2 .t1,.about22 .title2 .t2{color: #ffffff;}
.about22 .about22_nav{padding-top: 50px;text-align: center;}
.about22_nav a{color: #ffffff;background-color: rgba(14, 152, 211, 0.7);width: 156px;margin: 0 22px;height: 38px;border: 1px solid rgba(143, 217, 237, 0.65);font-size: 20px;line-height: 38px;text-align: center;transition: all .3s;-webkit-transition: all .3s;box-shadow: 0px 0px 30px 1px rgba(6, 144, 188, 0.75);}
.about22_nav a:hover,.about22_nav a.on{box-shadow: 0px 0px 30px 3px rgba(6, 144, 188, 1);}

/*wbanner1*/

.wbanner1{width: 1280px;margin: auto;padding-top: 65px;padding-bottom: 250px;}
.wbanner1 li{padding: 55px 0 20px 0;}
.wbanner1 img{display: block;margin: auto;box-shadow: 0px -10px 30px 2px rgba(40, 40, 40, 0.35);}
.wbanner2{background-color: #ffffff;width: 1280px;margin: 120px auto 0 auto;padding: 10px 100px;margin-bottom: -80px;box-shadow: 0px -40px 60px 10px rgba(40, 40, 40, 0.35);}
.wbanner2 img{width: 140px;margin: auto;display: block;}
.wbanner2 .slick-arrow.prev{left: 30px;z-index:100;}
.wbanner2 .slick-arrow.next{right: 30px;z-index:100;}
.about3sum{padding-top: 170px;}
.about3sum .content{width: 1400px;margin: auto;}
.about3sum .c1{margin-bottom: 40px;margin-top: 70px;}
.about3sum .c2{text-align: center;margin-bottom: 120px;}
.about3sum li{width: 170px;font-size: 24px;margin: 0 10px;color: #666666;text-align: center;display: inline-block;}
.about3sum li img{display: block;margin: auto;margin-bottom: 25px;transition: all .8s linear;-webkit-transition: all .8s linear;}
.about3sum li:hover img{opacity: .7;transform: rotate(360deg);-webkit-transform: rotate(360deg);}

/*.about4*/

.about4sum{width: 1280px;margin: auto;}
.about4sum .new-list{padding: 0;border: 0px;margin-top: 45px;}
.about4sum li{margin: 10px; margin-right:2%; margin-left:0;width:32%;box-sizing: border-box;vertical-align: top;}
.about4sum .imgs{overflow: hidden;width: 100%;height: 260px;margin: 0 auto;text-align: center;}
.about4sum .new-list a{padding: 2%;padding-bottom: 45px;width: 96%;}
.about4sum .new-list .t1{margin-left: 2.5%;}
.about4sum .new-list .t2,.about4sum .new-list .t3,.about4sum .new-list .t4,.about4sum .new-list .t5{width: 95%;margin-left: auto;margin-right: auto;}
.about4sum .new-list li:nth-child(3n-1){border-width: 0;}
.about4sum .search-more{margin-top: 50px;}

/*end about.html*/


/*ser.html*/

.ser1sum{padding-top: 1px;}
.ser1sum .content{width: 1280px;margin: 0px auto;background-color: #ffffff;padding-bottom: 40px;margin-top: 40px;}
.ser1sum .left{width: 50%;padding-bottom: 50px;}
.ser1sum .name{color: #666666;font-size: 14px;width: 80%;margin-left: 10%;padding-top: 50px;}
.ser1sum .number{color: #333333;font-family: "arial";font-size: 36px;font-weight: bold;display: inline-block;margin: 0 5px;}
.ser1sum .right{width: 500px;float: right;margin-right: 50px;}
.ser1sum .content .t1{background-color: #f4f8fa;height: 110px;box-sizing: border-box;padding: 20px;width: 100%;margin: 50px 50px 0 0px;margin-bottom: 10px;}
.ser1sum .locs{font-size: 14px;color: #333333;}
.ser1sum .pick{font-size: 18px;color: #eb6ea5;font-weight: bold;margin-left: 20px;display: inline-block;}
.ser1sum .select1{margin-left: 20px;margin-top: 10px;}
.ser1sum .s1{width: 120px;height: 30px;line-height: 30px;border: 1px solid #f4f8fa;background-color: #ffffff;color: #333333;font-size: 14px;padding-left: 15px;box-sizing: border-box;position: relative;float: left;margin: 5px;}
.ser1sum .s1:after{content: " ";width: 10px;height: 10px;border-top: 1px solid #f4f8fa;border-right: 1px solid #f4f8fa;display: block;position: absolute;right: 15px;top: 5px;transform: rotate(-225deg);-webkit-transform: rotate(-225deg);}
.ser1sum .s1 ul{width: 120px;position: absolute;top: 28px;left: -1px;background-color: #fff;border: 1px solid #f4f8fa;box-sizing: border-box;border-top: 0;height: 0;padding-left: 15px;overflow: hidden;opacity: 0;cursor: pointer;transition: all .5s;-webkit-transition: all .5s;}
.ser1sum .s1:hover ul{opacity: 1;height: auto;}
.ser1sum .s1 li:hover{color: #1a3a87;}
.ser1sum .content .t2{height: 500px;width: 100%;box-sizing: border-box;border: 1px solid #f4f8fa;padding: 10px 20px;overflow: hidden;}
.ser1sum .t2 {}
.ser1sum .right .imgs{width: 150px;height: 100px;overflow: hidden;float: left;}
.ser1sum .right .lans{width: 255px;float: left;margin-left: 30px;}
.ser1sum .right .lans1{font-size: 18px;color: #333333;}
.dl{width: 260px;font-size: 14px;line-height: 22px;color: #666666;}
.dl dt{width: 45px;float: left;}
.dl dd{width: 205px;float: left;}
.ser1sum .t2 li{border-bottom: 1px dashed #f4f8fa;padding: 20px 0;}
.ser1sum .t2 ul{overflow: hidden;overflow-y: scroll;height: 500px;width: 480px;padding-bottom: 20px;}
.ser1sum .t2 .ul-container{width: 460px;overflow: hidden;}
.ser-map{margin-top: 50px;}
.china-phone{text-align: center;padding: 50px 0;}
.china-phone .t1{color: #666666;font-size: 14px;}
.china-phone .t2{font-family: "arial";color: #eb6ea5;font-size: 48px;margin-top: 5px;}
.china-phone .icon3{margin-bottom: -7px;margin-right: 6px;}
.ser2sum {}
.ser2sum .ser2{text-align: center;margin: 30px 0 5px 0;}
.ser2sum .ser2 li{margin: 0 20px;display: inline-block;position: relative;}
.ser2sum .ser2 li:after{width: 1px;height: 20px;background-color: #f4f8fa;content: " ";display: inline-block;position: absolute;top: 10px;right: -20px;}
.ser2sum .ser2 li:last-child:after{background-color: transparent;}
.ser2sum .ser2 li a{width: 110px;height: 35px;text-align: center;display: block;border-radius: 30px;font-size: 16px;line-height: 35px;}
.ser2sum .ser2 li.on,.ser2sum .ser2 li:hover{background-color: #1a3a87;color: #ffffff;border-radius: 30px;}
.ser2sum .ser2 li.on a,.ser2sum .ser2 li a:hover{color: #ffffff;}
.ser-list{width: 1280px;margin: auto;display: none;}
.ser-list li{border-bottom: 1px dashed #f4f8fa;padding: 25px 0;position: relative;}
.ser-list li a {}
.ser-list .t1{font-size: 16px;color: #222222;}
.ser-list .t2{font-size: 14px;color: #666666;font-family: "arial";margin-top: 10px;}
.ser-list .down{font-size: 12px;color: #666666;width: 70px;height: 25px;line-height: 25px;text-align: center;border: 1px solid #f4f8fa;overflow: hidden;position: absolute;right: 0;bottom: 34px;}
.icondown{background-position: -200px -26px;margin-top: -8px;width: 18px;}
.ser3sum{margin-top: 80px;padding-top: 1px;}
.ser3sum .box{width: 1280px;margin: auto;}
.ser3sum ul{padding: 40px 0 60px 0;}
.ser3sum li{width: 400px;border-top: 1px solid #f4f8fa;display: inline-block;padding: 20px 0 60px 0;vertical-align: top;}
.ser3sum li:nth-child(3n-1){margin: 0 30px;}
.ser3sum li .t1{font-size: 16px;color: #333333;}
.ser3sum li .t2{padding-top: 15px;font-size: 14px;line-height: 24px;color: #666666;}
.b22{position: absolute;bottom: -50px;width: 100%;}

/*map*/
.mapInfo i{display: inline-block;width: 15px;height: 15px;margin-top: 5px;line-height: 15px;font-style: normal;background: #aeaeae;color: #fff;font-size: 11px;font-family: Tahoma;-webkit-border-radius: 15px;border-radius: 15px;text-align: center}
.mapInfo i.active{background: #E27F21;}
.mapInfo span{padding: 0 5px 0 3px;}
.mapInfo b{font-weight: normal;color: #2770B5;}
.nav-cell2{
    position: absolute;
    width: 150px;
    padding: 10px 0;
    background-color: rgba(0, 0, 0, .5);
    top: 100px;
    left: -20px;
    display: none;
}
.nav-cell2 dd{

}
.nav-cell2 dd a{
    color: #fff;
    font-size: 16px;
    line-height: 30px;
}
.nav-cell2 dd a:hover{

}
.play{

    position: absolute;

    top: 48%;

    left: 50%;

    margin-left: -50px;

    margin-top: -50px;
    z-index: 10;
}
/*end ser.html*/