@charset "utf-8";
/* CSS Document */

body{ margin:0px; padding:0px; border:0px; font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei"; color:#333; font-size:14px; width:100%; background:#ffffff;}
a{ margin:0px; padding:0px; border:0px; text-decoration:none; color:#333; font-size:14px;}
a:hover{ text-decoration:none;}
*{ padding:0px; margin:0px; border:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
/* background:rgba(0,0,0,0);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);*/
li{ list-style:none;}
.clear{ clear:both !important; height:0px !important; width:0px !important; float:none !important; margin:0px !important; padding:0px !important; border:0px !important; line-height:0 !important; position:relative !important; }
input:focus{ outline: none;}/*去除按钮选中的高亮标签*/
textarea:focus{ outline: none;}/*去除文本框选中的高亮标签*/
button:focus{ outline: none;}/*去除按钮选中的高亮标签*/
select:focus{ outline: none;}/*去除下拉框选中的高亮标签*/
img{ max-width:100% !important; vertical-align: middle;}
div,p,table,td,ul,li,span,a,ol,input,label{ padding:0px; margin:0px; border:0px;}
input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#4d4d4d; font-size:12px;}
input::-webkit-input-placeholder{ /* WebKit browsers */ color:#4d4d4d; font-size:12px;}
input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color:#4d4d4d; font-size:12px;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#4d4d4d; font-size:12px;}
.fl{ float:left;}
.fr{ float:right;}


/*黑白照片*/
.gray { 
-webkit-filter: grayscale(100%); 
   -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
     -o-filter: grayscale(100%); 
        filter: grayscale(100%); 
        filter: gray; 
}

.gray:hover { 
-webkit-filter: grayscale(0%); 
   -moz-filter: grayscale(0%); 
    -ms-filter: grayscale(0%); 
     -o-filter: grayscale(0%); 
        filter: grayscale(0%); 
        filter: gray; 
}
/*圆角5px*/
.radius5{ 
-webkit-border-radius:5px; 
   -moz-border-radius:5px; 
    -ms-border-radius:5px; 
     -o-border-radius:5px; 
        border-radius:5px; 
}
/*圆角10px*/
.radius10{ 
-webkit-border-radius:10px; 
   -moz-border-radius:10px; 
    -ms-border-radius:10px; 
     -o-border-radius:10px; 
        border-radius:10px; 
}
/*图片变大*/
.tra .imgs{
-webkit-transform: scale(1);
   -moz-transform: scale(1);
    -ms-transform: scale(1);
     -o-transform: scale(1);
           filter: scale(1);
           filter: transform;
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; 
}
.tra:hover .imgs{
-webkit-transform: scale(1.15);
   -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
     -o-transform: scale(1.15);
           filter: scale(1.15);
           filter: transform;
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; 
}
/*透明度50%*/
.opacity5{ filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity:0.5;opacity: 0.5;}

.shadow5{ 
-webkit-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
   -moz-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
    -ms-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
     -o-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
        box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
}

.shadow10{ 
-webkit-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
   -moz-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
    -ms-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
     -o-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
        box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
}


.moTop{ width:100%; padding:0 30px; height:60px; display:flex; align-items:center; justify-content:space-between; background:#10589D;  box-shadow:rgba(0,0,0,0.5) 0 0 10px;}
.moTop .moLogo{height: 45%;}
.moTop .moMenuOpen{ height: 40%;}

.moMenuBox{ width:100%; display:none; background:rgba(209, 13, 34,0.1); height:100vh; position: fixed; z-index: 999999999; top: 0;}
.moMenu{ width:60%; background:#10589D; padding:0 20px; display:flex; flex-direction:column; align-items:center; height:100vh; position:fixed; z-index:999999; top:0; left:-60%;}

.moDropLogo{ display:inline-block; margin:30px 0;}
.moDropLogo img{ height:30px;}

#closeMoMenu{ height:20px;}

.moDrop{ width:100%; display:flex; flex-direction:column;}
.moDrop .yiji{ width:100%;}
.moDrop .yiji .yijiTitle{ width:100%; display:flex; justify-content:center; position:relative; border-bottom:#fff solid 1px;}
.moDrop .yiji .yijiTitle .yijiTitleText{ display:flex; line-height:3em; text-align:center; font-size:16px; color:#fff;}
.moDrop .yiji .yijiTitle .yijiTitleIcon{ position:absolute; right:0px; top:50%; height:0; display:flex; align-items:center; justify-content:flex-end;}
.moDrop .yiji .yijiTitle .yijiTitleIcon img{ cursor:pointer; height:10px;}
.moDrop .yiji .yijiTitle .yijiTitleIcon img:nth-child(2){ display:none;}
.moDrop .yiji.on{}
.moDrop .yiji.on .yijiTitle .yijiTitleIcon img:nth-child(1){ display:none;}
.moDrop .yiji.on .yijiTitle .yijiTitleIcon img:nth-child(2){ display:block;}

/*.moDrop .yiji.on .erjiDrop{ display:block;} */
.erjiDrop{ width:100%; display:none;}
.moDrop .yiji.on .erjiDrop{ border-bottom:rgba(255,255,255,0.50) solid 1px;}
.erjiDrop .erji{ width:100%;}
.erjiDrop .erji .erjiTitle{ width:100%; position:relative; display:flex; align-items:center; justify-content:center;}
.erjiDrop .erji .erjiTitle .erjiTitleText{ line-height:3em; font-size:14px; color:#fff; display:block;}
.erjiDrop .erji .erjiTitle .erjiTitleIcon{ position:absolute; right:25px; top:50%; height:0; display:flex; align-items:center; justify-content:flex-end;}
.erjiDrop .erji .erjiTitle .erjiTitleIcon img{ cursor:pointer;}
.erjiDrop .erji .erjiTitle .erjiTitleIcon img:nth-child(2){ display:none;}
.erjiDrop .erji.on .erjiTitle .erjiTitleIcon{}
.erjiDrop .erji.on .erjiTitle .erjiTitleIcon img:nth-child(1){ display:none;}
.erjiDrop .erji.on .erjiTitle .erjiTitleIcon img:nth-child(2){ display:block;}

/*.erji.on .sanjiDrop{ display:block;}*/
.sanjiDrop{ width:100%; display:none; border-bottom:rgba(256,256,256,0.5) solid 1px;}
.sanjiDrop a{ display:inline-block; font-size:14px; width:100%; line-height:4em; text-align:center; width:100%; background:url(../images/icon28.png) no-repeat calc(100% - 45px) 50%; color:#FFFFFF;}

/*#closeMoMenu{ position:absolute; width:30px; right:-40px; top:30px;}*/

.moMenuBottom{ width:100%; display:flex; justify-content:center; align-items:center;}
.moMenuBottom img{ margin:25px 10px;}

.otherBox{ width: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 21474836475; display:none; justify-content: center; align-items: center; height: 100%;}

.other{ width:80%; display:none;}

.moSearch{ align-items:center; justify-content:space-between; padding:20px 0; margin:230px auto 0 auto; background:#FFFFFF;}
.moSearch input[type='text']{ height:60px; width:100%; padding:0 15px; background:none; border-bottom:#FFFFFF solid 1px;}
.moSearch input[type='submit']{ background:url(../images/icon20.png) no-repeat 50%/60% 60%; height:60px; width:60px; flex-shrink:0;}

.moLeng{ justify-content:center; align-items:center; flex-direction: column; margin: 0 auto;}
.moLeng a{ font-size:18px; color:#FFFFFF; margin:25px 15px;}
.moLeng a.on{ color:#eb7404;}

#main{ width:100vw;}

.w1{ width:90%; margin:0 auto; max-width:1200px;}

.imgs{ width:100%; position: absolute; left:0; top:0; object-fit:cover;}



.top{ width:100%; background:#ffffff;}
.top .topNei{ height:90px; display:flex; justify-content:space-between; align-items:center; width:100%;}
.top .topNei .topLogo{}
.top .topNei .topRight{ display:flex; display:flex; align-items:center;}
.top .topNei .topMenu{ display:flex;}
.top .topNei .topMenu a{ position:relative; font-size:16px; color:#0b0b0b; margin:0 35px; display:block; line-height:66px;}
.top .topNei .topMenu a.on{ background:url(../images/top1.png) no-repeat 50% 100%;}
.top .topNei .topMenu a:hover{ background:url(../images/top1.png) no-repeat 50% 100%;}
.top .topNei .topLeng{ display:flex; align-items:center; font-size:18px; color:#FFFFFF; }
.top .topNei .topLeng img{ margin-right:10px;}

.top .topNei .topRight .pcMenuXun{ position:relative; height:60px; display: flex; align-items: center;}
.top .topNei .topRight .pcMenuXun .menuTitle{ display:flex; align-items:center; font-size:16px; color:#FFffff; line-height:100px;}
.top .topNei .topRight .pcMenuXun .menuTitle img{ margin:0 10px 0 0;}
.top .topNei .topRight .pcMenuXun .menuTitle i{ margin:0 0 0 10px;}
.top .topNei .topRight .pcMenuXun .menuDown{ min-width:100px; position:absolute; left:50%; transform:translateX(-50%); top:60px; z-index:9; display:none; flex-direction:column; padding-top: 15px;}
.top .topNei .topRight .pcMenuXun:hover .menuDown{ display:flex;}
.top .topNei .topRight .pcMenuXun .menuDown a{ text-align:center; display:block; font-size:14px; color:rgba(255,255,255,0.80); background:#10589D; width:100%; line-height:3em;}
.top .topNei .topRight .pcMenuXun .menuDown a:hover{ color:#fff;}


.backTop{ position: relative; margin:0 auto; width:90%; max-width:1560px; height:0px; cursor:pointer; display:flex; flex-direction:row-reverse; align-items:flex-start;}

.foot{ background:#282828;}
.foot .foot1{ display:flex; justify-content:space-between; padding-top:80px; padding-bottom:65px; border-bottom:#313131 solid 1px;}
.foot .foot1 .foLeft{ display:flex; flex-direction: column; width:320px;}
.foot .foot1 .foLeft .foLeft1{ margin-bottom:50px; font-size:28px; color:#FFFFFF; font-weight:bolder;}
.foot .foot1 .foLeft .fo1lxfs{}
.foot .foot1 .foLeft .fo1lxfs{ font-size:14px; line-height:22px; color:#fff;}
.foot .foot1 .foLeft .fo1lxfs div{ height:50px; padding-left:40px; display:flex; align-items: center;}
.foot .foot1 .foLeft .fo1lxfs div{}

.foot .foot1 .foRight{ display:flex;}
.foot .foot1 .foRight .gdtXun{ align-items:flex-start; padding-left:70px;}
.foot .foot1 .foRight .gdtXun a{ line-height:46px; color:#fff; text-align:left;}
.foot .foot1 .foRight .gdtXun .gdtXunTitle{ font-size:16px; color:#FFFFFF; margin-bottom:0px;}
.foot .foot1 .foRight .gdtXun:nth-last-child(1){ width:fit-content; align-items:center; padding-left:40px;}
.gdtXun{ display:flex; flex-direction:column; align-items:center;}
.gdtXun a{ font-size:14px; line-height:40px; text-align:center;}
.gdtXun .gdtXunTitle{ font-size:18px; line-height:24px; font-weight:bolder; margin-bottom:30px;}

.fEwm{ width:50px; position:relative; cursor:pointer;}
.fEwm .fEwmIcon{}
.fEwm .fEwmImg{ position:absolute; right:100%; width:180px; top:0; display:none;}
.fEwm .fEwmImg img{ width:100%;}
.fEwm:hover .fEwmImg{ display:block;}

.foot .foot2{ display:flex; align-items:center; justify-content:space-between; padding:20px 0 35px; border-top:#6c6c6c solid 1px;}
.foot .foot2 .footLeft2{ display:flex; align-items:center;}
.foot .foot2 .footLeft2 span{ font-size:14px; color:#888888;}
.foot .foot2 .footLeft2 a{ font-size:14px; color:#888888; margin-right:10px;}
.foot .foot2 .footRight2{ display:flex; align-items:center;}
.foot .foot2 .footRight2 a{ font-size:14px; color:#888888; margin-left:20px;}


.neiBanner{ width:100%; position:relative; overflow:hidden;}
.neiBanner .neiBannerZhan{}
.neiBanner .neiBannerZhan:before{ content:''; display:block; padding-top:calc( 100% * 750 / 1200);}

.neiBannerText{ color:#FFFFFF; text-transform: uppercase; position:absolute; height:100%; width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; top:0; left:0;}
.neiBannerText .neiBannerText1{ font-size:60px; font-weight:bolder;}
.neiBannerText .neiBannerText2{ font-size:26px; }

{}


.newsContent{ margin:0px auto 90px; background:#FFFFFF; padding:40px;}

.title{ font-size:30px; text-align:center;}
.some{ display:flex; align-items:center; justify-content:center; margin:15px 0 30px;}
.some span{ color:#999999; margin:0 10px;}
.content{ border-top:#e5e5e5 solid 1px;  padding:30px 0; font-size:16px; line-height:30px; margin-bottom:30px;}
.content2{ padding:30px 0; font-size:16px; line-height:30px; border-top:#f5f5f5 solid 1px;}

.back{ width:100%; text-align:center;}

.nBotBack{ width:100%; display:flex; justify-content:center;}
.nBotBack a{ width:160px; height:50px;  color:#10589D; text-align:center; border:#10589D solid 1px; font-size:16px; line-height:50px;}

.nav{ display:flex; align-items:center; height:100px;}
.nav a{ display:flex; align-items:center; font-size:16px; color:#999999; margin-right:8px;}
.nav img{ margin-right:8px;}
.nav a:nth-last-child(1){ color:#333333;}

{}


.globalTitle{ padding:60px 0; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.globalTitle .globalTitle1{ font-size:34px;}
.globalTitle .globalTitle2{ width:40px; height:3px; background:#10589D; margin-top:30px;}
.globalTitle .globalTitle3{ text-align:center; padding:0 5%; text-align:center; font-size:16px; line-height:2em; margin-top:35px;}

.about1{ padding:125px 0; background:#f8f9fb; overflow:hidden; }

.ab1{ display:flex; justify-content:space-between; align-items:center;}
.ab1 .abLeft1{ width:50%;}
.ab1 .abLeft1 .abLeft11{ font-size:38px;}
.ab1 .abLeft1 .abLeft11 span{ color:#10589D;}
.ab1 .abLeft1 .abLeft12{ margin:80px 0 60px; position:relative;}
.ab1 .abLeft1 .abLeft12 .abLeft121{ position:absolute; z-index:0; left:-30px; top:0px;}
.ab1 .abLeft1 .abLeft12 .abLeft122{ font-size:18px; line-height:2em; color:#666666; text-align:justify; position:relative; z-index:1;}
.ab1 .abLeft1 .abLeft13{}
.ab1 .abRight1{ width:calc( 100% * 530 / 1200);}

.arrow{ height:0; display:flex; align-items:center; justify-content:space-between; cursor:pointer; z-index:999;}

.about2{ padding:80px 0 160px; overflow:hidden;}

.history{ position:relative;}

.historyArrow{ position:absolute; left:0; top:20px; width:100%;}

.historyBox{ width:90%; max-width:1000px; margin:0 auto 0 !important;}
.historyBox .historyItem{ display:flex; flex-direction:column; line-height:40px; cursor:pointer;}
.historyBox .historyItem .historyYear{ font-size:24px; text-align:center;}
.historyBox .historyItem.slick-center .historyYear{ color:#10589D; font-weight:bolder; font-size:40px;}
.historyBox .historyItem .historySmall{ font-size:16px; color:#666666; line-height:30px; margin-top:40px; opacity:0; transition:all ease 1s;}
.historyBox .historyItem.slick-center .historySmall{ opacity:1;}

.about3{ padding:20px 0 150px; background:url(../images/a7.jpg) no-repeat 50%/cover; overflow:hidden;}
.about3 .globalTitle .globalTitle1{ color:#FFFFFF;}

.ys{ position:relative;}

.ysArrow{ position:absolute; left:0; top:50%; width:100%; font-size: 45px; color: #fff; display:none;}

.ysBox{ width:90%; max-width:1212px; margin:0 auto !important;}
.ysBox .ysItem{ margin:0 6px; background:#FFFFFF; padding:45px; height:490px;}
.ysBox .ysItem .ysNei{ display:flex; align-items:center; flex-direction:column;}
.ysBox .ysItem .ysIcon{}
.ysBox .ysItem .ysTitle{ font-size:24px; font-weight:bolder; margin:40px 0 30px;}
.ysBox .ysItem .ysSmall{ max-width:200px; line-height:30px; color:#666666;}

.about4{ padding:100px 0 130px; overflow:hidden;}

.honor{ width:1260px; position:relative;  margin:-30px auto 0 !important; max-width:90%;}
.honor .honorItem{ margin:30px 30px 0; box-shadow:rgba(89,89,89,0.16) 0 0 10px; background:#FFFFFF; position:relative; cursor:pointer;}
.honor .honorItem .honorImg{ width:100%; position:relative; overflow:hidden;}
.honor .honorItem .honorImg:before{ content:''; display:block; padding-top:calc( 100% * 300 / 360);}
.honor .honorItem .honorTitle{ position:absolute; bottom:0; left:0; z-index:9; text-align:center; line-height:50px; color:#FFFFFF; background:rgba(0,0,0,0.5); width:100%;}

.honor .slick-dots{ left:0; }
.honor .slick-dots li { margin: 0 10px; width:12px; height:12px; border-radius:30px; overflow: hidden;}
.honor .slick-dots li button { width:12px; height:12px;	background:#bfbfbf; opacity: 1; padding: 0;}
.honor .slick-dots li button:before { content: ''; display:none;}
.honor .slick-dots li.slick-active button:before { color: #10589D;}
.honor .slick-dots li.slick-active button {	background:#10589D;}

{}

.pdTop{ display:flex; justify-content:space-between; padding:70px 0 65px; border-top:#e5e5e5 solid 1px;}
.pdTop .pdTopLeft{ width:calc( 100% * 500 / 1200); position:relative;}
.pdTop .pdTopLeft .pdTopZhan{ width:100%;}
.pdTop .pdTopLeft .pdTopZhan:before{ content:''; display:block; padding-top:100%;}
.pdTop .pdTopLeft .pdTopArrow{ width:200%; max-width:536px; position:absolute; left:50%; top:50%; transform:translateX(-50%);}

.pdTopImg{ width:100%; height:100%; position:absolute !important; left:0; top:0; margin-bottom:0 !important;}
.pdTopImg li{ position:relative !important;}
.pdTopImg .slick-track, .pdTopImg .slick-list{ height:100%;}

.pdTop .pdTopRight{ width:calc( 100% * 620 / 1200);}
.pdTop .pdTopRight .pdTopRight1{ font-size:28px; font-weight:bolder; margin:15px 0 45px;}
.pdTop .pdTopRight .pdTopRight2{ font-size:16px; color:#666666; line-height:36px;}

.pdSelect{ background:#eeeeee; display:flex;}
.pdSelect li{ padding:0 55px; line-height:50px; font-size:16px; cursor:pointer; white-space:pre;}
.pdSelect li.on{ background:#cd0000; color:#FFFFFF;}
.pdSelect li:hover{ background:#cd0000; color:#FFFFFF;}

.pdOption{ margin:50px auto 300px;}
.pdOption li{ font-size:16px; line-height:36px; color:#666666; display:none;}

{}

/* 响应式banner */
.img_gallery{position:relative;}
.main_img{ overflow:hidden;position:relative; height:100%;}
.main_img .zhanwei{ width:100%; max-width:1200px;}
.main_img .zhanwei:before{ padding-top:calc(100% * ( 750 / 1200)); content:''; display:block;}
.main_img ul{width:9999px; overflow:hidden; height:100%;position:absolute;top:0;left:0}
.main_img li{float:left;width:100%; height:100%; }
.main_img li span{ width:100%;  height:100%; display:;}
.main_img li a{ width:100%;  height:100%; display:block;}

.img_font{position:absolute; bottom:30px; left:30%; color:#f00; width:100%; padding:10px;}
.img_font span{display:none; }
div.point{ position:absolute;bottom:50px;left:0;z-index:999;width:100%;height:0px; text-align:center;}
div.point .point_box{ margin:0 auto; display:inline-block;}
div.point a{ display: block; width:14px; height:14px; font-size:0; background:#FFFFFF; float: left; cursor: pointer; margin:0 7px; border-radius:10px; opacity:0.5;}
div.point a.on{ opacity:1;}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{}
#btn_next{}
/* 响应式banner */

.neiBannerPro{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#FFFFFF; text-transform: uppercase; position:absolute;  display:flex; flex-direction:column; align-items:center; justify-content:center; }
.neiBannerPro .neiBannerText1{ font-size:60px; font-weight:bolder;}
.neiBannerPro .neiBannerText2{ font-size:26px; }

.bannerText{}
.bannerText span{ display:flex; justify-content:center; flex-direction:column; align-items:center;}
.bannerText span p{ max-width:1000px; width:90%; margin:0 auto; text-align:center;}

.img_gallery .p1{ font-size:44px; color:#FFFFFF; font-weight:bolder; opacity:0.5; transform:translateY(30px); transition:all ease-in 0.75s 0.5s;}
.img_gallery .bannerText.on .p1{ transform:translateY(0); opacity:1;}

.img_gallery .p2{ font-size:20px; color:#FFFFFF; opacity:0.5; transform:translateY(30px); transition:all ease-in 0.75s 0.5s; letter-spacing:5px; text-transform:uppercase; margin-top:20px; margin-bottom:45px;}
.img_gallery .bannerText.on .p2{ transform:translateY(0); opacity:1;}

.img_gallery .p3{ opacity:0.5; transform:translateY(30px); transition:all ease-in 0.75s 0.5s;}
.img_gallery .bannerText.on .p3{ transform:translateY(0); opacity:1;}

.index1{ display:flex; justify-content:space-between; margin-top:150px;}
.index1 .indexLeft1{ width:calc( 100% * 475 / 1200);}
.index1 .indexLeft1 .indexLeft11{ font-size:30px; font-weight:bolder;}
.index1 .indexLeft1 .indexLeft12{ width:40px; height:3px; background:#10589D; margin:20px 0 35px;}
.index1 .indexLeft1 .indexLeft13{ font-size:16px; line-height:30px; color:#666666;}
.index1 .indexLeft1 .indexLeft14{ width:160px; height:56px; text-align:center; background:#10589D; border-radius:50px; color:#FFFFFF; margin-top:35px; display:block; line-height:56px;}
.index1 .indexRight1{ width:calc( 100% * 500 / 1200); position:relative;}
.index1 .indexRight1 img:nth-child(1){ position:relative; z-index:1;}
.index1 .indexRight1 img:nth-child(2){ position:absolute; right:-50px; top:40px; z-index:0;}

.index2{ overflow:hidden; background-attachment: fixed; position:relative;}
.indexBg2{ background:url(../images/i3.jpg) no-repeat 50% 50%/cover; height:200%; position:absolute; left:0; top:0; z-index:0; width:100%; transition:all ease 1s;}
.indexPro{ display:flex; justify-content:space-between; align-items:center; position:relative;}
.indexPro .indexProLeft{ width:calc( 100% * 640 / 1200); display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:50px; margin-bottom:15px;}

.iplItem{ width:calc( 50% - 20px); margin-bottom:40px; background:#FFFFFF; padding:40px 40px 40px; transition:all ease 0.75s;}
.iplItem .iplItemIcon{ width:60px; height:60px; display:flex; justify-content:center; align-items:center; background:#10589D;}
.iplItem .iplItemTitle{ font-size:18px; font-weight:bolder; margin:30px 0 15px; text-transform: uppercase;}
.iplItem .iplItemSmall{ line-height:30px; color:#666666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; height:120px; margin-bottom:30px;}
.iplItem .iplItemMore{ display:flex; align-items:center; color:#FFFFFF;}
.iplItem .iplItemMore img{ margin-left:12px;}
.iplItem .iplItemSmall{ line-height:30px; color:#666666; height:120px; margin-bottom:30px; overflow:hidden; overflow-y: auto;}
.iplItem .iplItemSmall::-webkit-scrollbar { /*滚动条整体样式*/ width:2px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px;}
.iplItem .iplItemSmall::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 4px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #10589D;}
.iplItem .iplItemSmall::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #fff;}

.iplItem:hover{ background:#10589D; box-shadow:rgba(177,177,177,0.2) 0 0 15px;}
.iplItem:hover .iplItemIcon{ background:#1b1b1b; transition-delay: 0.2s;}
.iplItem:hover .iplItemTitle{ color:#FFFFFF;}
.iplItem:hover .iplItemSmall{ color:#FFFFFF;}

.indexPro .indexProRight{ width:calc( 100% * 435 / 1200);}
.indexPro .indexProRight .indexProRight1{ font-size:30px; font-weight:bolder; color:#FFFFFF; text-transform: uppercase;}
.indexPro .indexProRight .indexProRight2{ width:40px; height:3px; background:#10589D; margin:20px 0 35px;}
.indexPro .indexProRight .indexProRight3{ font-size:16px; line-height:30px; color:#ffffff;}
.indexPro .indexProRight .indexProRight4{ width:160px; height:56px; text-align:center; background:#ffffff; border-radius:50px; color:#10589D; margin-top:35px; display:block; line-height:56px;}

.index3{ overflow:hidden; padding-bottom:130px;}

.hzhb{ position:relative;}
.hzhb li{ cursor:pointer;}
.hzhb img{ pointer-events: none;}

.hzhbArrow{ width:90%; max-width:1370px; position:absolute; left:50%; top:50%; transform:translateX(-50%); z-index:999;}
.hzhbArrow img{ pointer-events: all;}


.hzhbBox{ width:1212px; margin:0 auto 140px !important; max-width:100%;}
.hzhbBox li{ margin:0 6px; background:#f5f5f5; height:180px; display:flex !important; align-items:center; justify-content:center; overflow:hidden;}

.index4{ display:flex; align-items:center; justify-content:space-between; margin-bottom:60px;}
.index4 .indexLeft4{}
.index4 .indexLeft4 .indexLeft41{ font-size:34px; font-weight:bolder; margin-bottom:20px;}
.index4 .indexLeft4 .indexLeft42{ font-size:16px;}

.index4 .indexRight6{ position:relative;}
.index4 .indexRight6 .a{}
.index4 .indexRight6 .s{ position:absolute; right:0; top:0;}
.index4 .indexRight6:hover .s{ animation:indexRight6 5s infinite linear ;}
@keyframes indexRight6
{
	0 {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

.index5{ min-height:900px; display:flex; justify-content:center; align-items:center; flex-direction:column; background:url(../images/i15.jpg) no-repeat 50%/cover; overflow:hidden;}
.index5 .index51{ font-size:60px; line-height:70px; text-align:center; color:#FFFFFF; font-weight:bolder; width:90%; max-width:1000px;}
.index5 .index52{ font-size:26px; color:#FFFFFF; text-align:center; margin:20px auto 75px;}
.index5 .index53{ width:160px; height:56px; text-align:center; border:#ffffff solid 1px; border-radius:50px; color:#ffffff; display:block; line-height:56px;}

{}

.resp{ width:1246px; margin:0 auto; display:flex; flex-wrap:wrap;}
.resp .respItem{ width:calc( 100% / 3 - 46px); display:block; margin:0 23px 75px;}
.resp .respItem .respImg{ width:100%; position:relative; overflow:hidden;}
.resp .respItem .respImg:before{ content:''; display:block; padding-top:calc( 100% * 225 / 370);}
.resp .respItem .respDate{ color:#999999; margin-top:20px;}
.resp .respItem .respTitle{ font-size:18px; line-height:30px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin:25px 0;}
.resp .respItem .respMore{ display:flex; align-items:center; color:#222222;}
.resp .respItem .respMore i{ margin-left:10px;}
.resp .respItem:hover .respMore{ color:#a31f24;}

.fenye{ width:100%; display:flex; justify-content:center; align-items:center; margin:40px auto 90px; overflow:hidden; }
.fenye li{ margin:0 5px;  border-radius:50px; overflow:hidden;}
.fenye li a{ height:40px; line-height:40px; text-align:center; padding: 0 17px; background:#FFFFFF; display:block;}
.fenye li:hover{ background:#10589D; }
.fenye li.on{ background:#10589D; }
.fenye li:hover a{ background:#10589D; color:#FFFFFF;}
.fenye li.on a{ background:#10589D; color:#FFFFFF;}

{}


.con{ display:flex; justify-content:space-between; overflow:hidden; margin:100px auto 140px;}
.con .conLeft{ width:340px; position:relative;}
.con .conLeft .conLeftBg{ width:100%;}
.con .conLeft .conLeftText{ width:100%; padding:55px 30px; font-size:18px; color:#FFFFFF; line-height:30px; position:absolute; left:0; top:0;}
.con .conRight{ width:710px;}

.conForm{ width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.conForm .formCol1{ width:calc( 50% - 5px); margin-bottom:20px;}
.conForm .formCol2{ width:100%; margin-bottom:20px;}
.conForm .formCol3{ width:100%; margin-bottom:30px;}
.conForm .formCol4{ width:100%;}

.conForm .formTitle{ line-height:16px; margin-bottom:10px;}
.conForm .formTitle span{ color:#10589D;}
.conForm .formBox{ width:100%;}
.conForm .formBox input{ width:100%; padding:0 12px; line-height:54px; background:#FFFFFF; border:#dcdcdc solid 1px;}
.conForm .formBox select{ width:100%; padding:0 12px; line-height:54px; background:#FFFFFF; border:#dcdcdc solid 1px; height:54px; }
.conForm .formBox textarea{ width:100%; padding:0 12px; line-height:32px; background:#FFFFFF; border:#dcdcdc solid 1px; height:128px;}

.conForm .formBox2{ width:100%;}
.conForm .formBox2 input{ width:100%; line-height:54px; background:#10589D; font-size:16px; color:#FFFFFF; cursor:pointer;}

{}

.newsNav{ display:flex; justify-content:center; align-items:center; margin:65px auto 85px; } 
.newsNav a{ position:relative; color:#999999; white-space:pre; margin:0 38px;}
.newsNav a.on:before{ content:''; display:block; height:3px; width:36px; background:#10589D; position:absolute; left:50%; top:40px; transform:translateX(-50%); opacity:1;}
.newsNav a.on{ color:#333333;}

.news{ width:1260px; margin:0 auto; display:flex; flex-wrap:wrap; max-width:90%;}
.news .newsItem{ width:calc( 100% / 3 - 60px); margin:0 30px; display:block; box-shadow:rgba(205,205,205,0.35) 0 0 10px; background:#FFf;}
.news .newsItem .newsImg{ position:relative; overflow:hidden;}
.news .newsItem .newsImg:before{ content:''; display:block; padding-top:calc( 100% * 240 / 360);}
.news .newsItem .newsBot{ padding:35px 33px 25px;}
.news .newsItem .newsBot .newsTitle{ font-size:18px; line-height:2em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.news .newsItem .newsBot .newsSmall{ font-size:14px; line-height:26px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin:10px 0 30px;}
.news .newsItem .newsBot .newsMore{ font-size:14px; line-height:26px; color:#10589D; font-weight:bolder;}
.news .newsItem .newsBot{}

{}

.join{ background:#FFFFFF; padding:0 40px; margin:65px auto 95px; overflow:hidden;}

.zp1{ text-align:center; font-size:35px; margin:70px 0 30px;}

.joinBox{ margin:0 auto 100px;}
.joinBox .joinItem{ width:100%;}
.joinBox .joinItem .joinTop{ width:100%; display:flex; align-items:center; height:50px;}
.joinBox .joinItem:nth-child(2n+1) .joinTop{ background:#f7f7f7;}
.joinBox .joinItem:nth-child(1) .joinTop{ background:none;}
.joinBox .joinItem .joinTop .zhiwei{ padding-left:37px; width:calc( 100% * 410 / 1200);}
.joinBox .joinItem .joinTop .leixing{ width:calc( 100% * 300 / 1200);}
.joinBox .joinItem .joinTop .didian{ width:calc( 100% * 105 / 1200); text-align:center;}
.joinBox .joinItem .joinTop .icon{ display:flex; align-items:center; width:calc( 100% * 380 / 1200); padding-right:70px; justify-content:flex-end; color:#D31D31;}
.joinBox .joinItem .joinTop .icon img{ margin-left:12px; cursor:pointer;}
.joinBox .joinItem .joinTop .icon img:nth-child(3){ display:none;}
.joinBox .joinItem.on .joinTop .icon img:nth-child(3){ display:none;}
.joinBox .joinItem.on .joinTop .icon img:nth-child(2){ display:block;}

.joinBox .joinItem:nth-child(odd){ background:#FFFFFF;}

.joinBox .joinItem1 .joinTop .icon span{ color:#333333; padding-right:10px;}
.joinBox .joinItem1 .joinTop{ font-size:18px; border:#f2f2f2 solid 1px; font-weight:bolder;}

.joinBox .joinItem .xiangqing{ border:#e5e5e5 solid 1px; line-height:30px; color:#666666; display:none;}
.joinBox .joinItem .xiangqing .xiangqingBox{ padding:35px 40px 50px; background:#FFFFFF;}

.gzjh{ width:100%; display:flex; align-items:center; background:url(../images/j1.jpg) no-repeat 50%/cover; overflow:hidden;}
.gzjh .gzjhLeft{ width:50%; font-size:40px; line-height:60px; color:#f7f7f7; padding-left:65px;}
.gzjh .gzjhLeft div{ width:80px; height:2px; background:#FFFFFF; margin-top:30px;}
.gzjh .gzjhRight{ width:50%; padding:75px 60px 75px 65px;}
.gzjh .gzjhRight .gzjhRightBox{ background:#FFFFFF; padding:47px;}
.gzjh .gzjhRight .gzjhRightBox .gzjhRight1{ margin-bottom:30px; font-size:20px;}
.gzjh .gzjhRight .gzjhRightBox .gzjhRight2{ line-height:26px; text-align:justify;}

{}

.product{ width:1236px; margin:0 auto; display:flex; flex-wrap:wrap;}
.product .productItem{ width:calc( 100% / 3 - 36px); margin:0 18px 40px; display:block; box-shadow:rgba(215,215,215,0.70) 0 0 10px; background:#FFf; transition:all ease 0.75s;}
.product .productItem .productImg{ position:relative; overflow:hidden;}
.product .productItem .productImg:before{ content:''; display:block; padding-top:calc( 100% * 287 / 377);}
.product .productItem .productBot{ padding:30px 33px 15px;}
.product .productItem .productBot .productTitle{ font-size:18px; line-height:2em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.product .productItem .productBot .productSmall{ font-size:14px; line-height:26px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin:10px 0 30px;}

.product .productItem:hover{ box-shadow:rgba(215,215,215,0.70) 0 0 50px;}
.product .productItem:hover .productBot .productTitle{ color:#10589D;}
.product .productItem:hover .productBot .productSmall{ color:#10589D;}

.proNav{ border-top:#eeeeee solid 1px; margin-bottom:60px;}
.proNav .proNavNei{ display:flex; justify-content:center; align-items:center;}
.proNav .proNavNei .proNavItem{ margin:0 30px; position:relative; height:60px; display:flex; align-items:center;}
.proNav .proNavNei .proNavItem img{ margin-right:10px;}
.proNav .proNavNei .proNavItem img{ 
-webkit-filter: grayscale(100%); 
   -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
     -o-filter: grayscale(100%); 
        filter: grayscale(100%); 
        filter: gray; 
}
.proNav .proNavNei .proNavItem span{ white-space:pre; font-size:16px;}


.proNav .proNavNei .proNavItem:hover:before{ width:100%; height:2px; background:#10589D; content:''; display:block; position:absolute; left:0; top:0;}
.proNav .proNavNei .proNavItem:hover img { 
-webkit-filter: grayscale(0%); 
   -moz-filter: grayscale(0%); 
    -ms-filter: grayscale(0%); 
     -o-filter: grayscale(0%); 
        filter: grayscale(0%); 
        filter: gray; 
}
.proNav .proNavNei .proNavItem:hover span{ color:#10589D;}

.proNav .proNavNei .proNavItem.on:before{ width:100%; height:2px; background:#10589D; content:''; display:block; position:absolute; left:0; top:0;}
.proNav .proNavNei .proNavItem.on img { 
-webkit-filter: grayscale(0%); 
   -moz-filter: grayscale(0%); 
    -ms-filter: grayscale(0%); 
     -o-filter: grayscale(0%); 
        filter: grayscale(0%); 
        filter: gray; 
}
.proNav .proNavNei .proNavItem.on span{ color:#10589D;}

{}


@media screen and (min-width:1200px){
	
.moTop{ display:none !important;}
.moMenuBox{ display:none !important;}

}
@media screen and (max-width:1400px){
.arrow { width: 99% !important;}
}
@media screen and (max-width:1200px){
.pc{ display:block;}
.mo{ display:none;}
.disable_text_highlighting,body {
	/*去除选中高亮*/
-webkit-touch-callout: none;
-webkit-user-select: none;    /* Webkit */
-moz-user-select: none;      /* Firefox */
-ms-user-select: none;        /* IE 10  */
        /* Opera 目前不支持在Opera，但将很快 */
-o-user-select: none;
user-select: none;
}

.pcTop{ display:none;}
.moTop{ display:flex;}


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

.top,
.index1 .indexRight1,
.img_gallery .p3,
.index4 .indexRight6,
.foot .foot1 .foRight,
.ab1 .abRight1,
.con .conLeft{ display:none;}

.index1 .indexLeft1,
.indexPro .indexProLeft,
.indexPro .indexProRight,
.iplItem,
.news .newsItem,
.ab1 .abLeft1,
.pdTop .pdTopLeft,
.pdTop .pdTopRight,
.con .conRight,
.conForm .formCol1{ width:100%;}


.img_gallery .p1 {
    font-size: 24px;}
.img_gallery .p2 {
    font-size: 16px;}

.index1{ margin:45px auto;}
.index1 .indexLeft1 .indexLeft11{ font-size:26px;}
.index1 .indexLeft1 .indexLeft14,.index5 .index53,.indexPro .indexProRight .indexProRight4,.nBotBack a {
    width: 130px;
    height: 36px;
    margin-top: 30px;
    line-height: 36px;
}

.indexPro{ flex-direction:column-reverse;}
.indexPro .indexProRight{ margin:45px auto;}

.iplItem { padding:5%;}
.iplItem .iplItemSmall{ height:auto; margin-bottom:0;}

.hzhbArrow img{ width:15px;}

.news .newsItem{ margin:0 0 30px;}

.index3{ padding-bottom:45px;}

.hzhbBox{ margin-bottom:45px !important;}

.index5 .index51 {
    font-size: 20px;
    line-height: 30px;}
.index5 .index52 {
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    margin:20px auto 0px;
    max-width: 90%;
}
.index5 {
    min-height: 340px;}
    
.foot .foot2{ flex-direction:column-reverse;}  

.neiBannerText .neiBannerText1 {
    font-size: 26px;
    font-weight: bolder;
}   

.about1{ padding:45px 0;}

.ab1 .abLeft1 .abLeft11 {
    font-size: 26px;
}
.ab1 .abLeft1 .abLeft12{ margin:45px auto;}
.ab1 .abLeft1 .abLeft12 .abLeft122{ font-size:14px;}

.globalTitle {
    padding: 35px 0;}
.globalTitle .globalTitle1 {
    font-size: 24px;
    font-weight: bolder;
}
.globalTitle .globalTitle2 {
    margin-top: 10px;
}

.neiBannerPro .neiBannerText1 {
    font-size: 26px;
    font-weight: bolder;
    white-space: pre;
}
.proForm {
    height: 36px !important;}
.proForm input[type="submit"] {
    line-height: 36px !important;
    font-size: 14px !important;
    width: 80px !important;
}

.neiBannerPro{ width:90%;}

.proNav {
    border-top: #eeeeee solid 1px;
    margin: 0 auto;
    margin-bottom: 60px;
    width: 90%;
    overflow: auto;
}  
.proNav .proNavNei {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.product{ max-width:90%;}
.product .productItem{ width:100%; margin:0 0 30px;}

.pdTop{ flex-direction:column;}

.newsContent{ padding:5%;}

.title {
    font-size: 20px;
    text-align: center;
}

.join{ padding:0 5%;}

.zp1 {
    text-align: center;
    font-size: 24px;
    margin: 30px 0 30px;
}
.gzjh{ flex-direction:column;}
.gzjh .gzjhLeft {
    width: 90%;
    font-size: 20px;
    line-height: 24px;
    color: #f7f7f7;
    padding-left: 0;
    margin: 5%;
}
.gzjh .gzjhRight {
    width: 90%;
    padding: 0;
    margin-bottom: 30px;
}
.gzjh .gzjhRight .gzjhRightBox {
    background: #FFFFFF;
    padding: 5%;
}
.gzjh .gzjhLeft div {
    margin-top: 5px;
}

.joinBox .joinItem .joinTop {
    height: auto;
    flex-wrap: wrap;
}

.joinBox .joinItem .joinTop .zhiwei{ width:50%; height:45px; line-height:45px; padding-left:0; text-align:center;}
.joinBox .joinItem .joinTop .leixing{ width:50%; height:45px; line-height:45px; text-align:center;}
.joinBox .joinItem .joinTop .didian{ width:50%; height:45px; line-height:45px;}
.joinBox .joinItem .joinTop .icon{ width:50%; height:45px; line-height:45px;justify-content:center; padding-right:0;}
.joinBox .joinItem1 .joinTop .icon span{ padding-right:0;}

.joinBox .joinItem .xiangqing .xiangqingBox{ padding:5%;}

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




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




}