@charset "utf-8";

/* CSS Document */

/*切图：zyjn*/

html{ overflow-x:hidden; overflow-y:auto;}

body{background-color:#fff;}

*{ padding:0; margin:0; outline: none;}

ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;}

body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;}

code, kbd, pre, samp { font-family:'Microsoft yahei' ,Arial;}

address, caption, cite, code, dfn, em, th, var {

	font-style: normal;

	font-weight: normal;

}

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

        transition: all 0.5s linear;

   -moz-transition: all 0.5s linear;

-webkit-transition: all 0.5s linear;

     -o-transition: all 0.5s linear;

-webkit-tap-highlight-color:rgba(0, 0, 0, 0);

-webkit-tap-highlight-color: transparent;

}

a:hover{color:#333; cursor:pointer;}

img{border:0; max-width:100%;}

table { border-collapse: collapse; border-spacing: 0; }

h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;}

h1{font-size:36px;}

h2{font-size:24px;}

h3{font-size:22px;}

h4{font-size:18px;}

h5{font-size:14px;}

h6{font-size:12px;}

input,table,tr,td{ margin:0; padding:0; border:none;}

button,table{ border:none; background:none; margin:0; padding:0;}

select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}

textarea{ resize:none; outline:0;}

input{ outline:0;}

article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

i{font-style:normal;}



.elli{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.minHeight{min-height:500px;}

  

.body.on .container{

	transform:scale(0.7);

	-webkit-transform:scale(0.7);

	-moz-transform:scale(0.7);

	-o-transform:scale(0.7);

}

.body.on .backTop{

	width:50px; bottom:30px;

}

/*首页 */

.top1{width:100%; position:absolute; top:0; left: 0; z-index: 999; border-bottom:1px solid rgba(255,255,255,0.5);background-image:-webkit-linear-gradient(0,#04a4fc 0%,#0f4ab4 50%);

background-image:-moz-linear-gradient(0,#04a4fc 0%,#0f4ab4 50%);

background-image:-o-linear-gradient(0,#04a4fc 0%,#0f4ab4 50%);}

.fp-viewing-2 .top1,

.fp-viewing-3 .top1,

.fp-viewing-4 .top1{background-color:rgba(33,91,161,0.6);}

.top1 .logo{width:394px; height: auto; margin:6px 0 0 0; float:left;}



.tPhone{float:right; line-height: 98px; font-size:18px; color:#fff; letter-spacing: 2px;}



.search{ position: relative; float:right; z-index: 100; margin:32px 5px 0 0; }

.search .submit{display:block; width:34px; height: 34px; border-radius: 50%; position: relative;z-index: 1; float:right;

	appearance: none;

-moz-appearance: none;

-webkit-appearance: none;

outline: 0;}

.search .input{width:0px; position: absolute; top:0; right:1px; overflow: hidden; border-radius: 30px;

-webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;}

.search .input input{display:block; width: 100%; height: 34px; line-height: 34px;padding:0 40px 0 10px; background:none; color:#666;

	appearance: none;

-moz-appearance: none;

-webkit-appearance: none;

outline: 0; border-radius: 0;}

.search:hover .input{width:150px;background-color:rgba(255,255,255,1); }

.search:hover .submit{background-color:#3e69d1;}



.menu_box{float:right; margin-right:3.68%}

.menu{float:left;}

.menu .nli{float:left; position: relative; text-align: center;margin-left:85px; }

.menu .nli:first-child{margin:0;}

.menu .nli span > a{font-size:18px; color:#fff;padding:39px 0; display: block; position: relative; line-height: 20px;}

.menu .nli:hover span > a{border-bottom:3px solid #fff;}

.menu .nli.on span > a{border-bottom:3px solid #fff;}



.sub{position: absolute; top:101px; left: 50%; width:140px; background-color:rgba(33,91,161,0.6);text-align: center; z-index: 101; display:none; margin-left:-70px;}

.sub a{display:block; font-size:16px; color:#fff;  padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.1);}

.sub a:hover{background-color:rgba(33,91,161,0.9);}

.renzheng{ font-size: 18px;}





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

	.menu .nli{margin-left:50px;}

}

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

	.top1 .logo{width:160px; margin-top:26px;}

	.menu .nli{margin-left:30px;}

	.menu .nli span > a{font-size:14px;}

}



/*手机头*/

.top2{width:100%; height:60px;display: none ; position: absolute; z-index: 999; border-bottom:1px solid rgba(255,255,255,0.5);}

.top2.active{border-bottom:1px solid #f2f2f2;}

.top2 .logo{width:140px; height:auto; float:left; margin-top:10px;}



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

    .top2{ display:block;}

	.top1{ display:none;}

}







/*下拉*/

.menuph{

    float:right;

    margin:10px 0 0 0;

    cursor: pointer;

    width: 40px;

    height: 40px;

    text-align: center;

}

.menuph .point

{

    display: inline-block;

    width: 28px;

    height: 22px;

    margin-top: 10px;

    position: relative;

}



.menuph .point:hover .navbtn,

.menuph .point:hover .navbtn::after,

.menuph .point:hover .navbtn::before

{

    width: 28px;

}

.menuph .navbtn

{

    position: absolute;

    top: 10px;

    right: 0;

    display: inline-block;

    width: 21px;

    height: 2px;

    -webkit-transition: all .3s ease-out 0s;

    -moz-transition: all .3s ease-out 0s;

    -ms-transition: all .3s ease-out 0s;

    -o-transition: all .3s ease-out 0s;

    transition: all .3s ease-out 0s;

    background: #fff;

}

.menuph .navbtn::after,

.menuph .navbtn::before

{

    position: absolute;

    right: 0;

    display: inline-block;

    width: 28px;

    height: 2px;

    content: '';

    -webkit-transition: all .3s ease-out 0s;

    -moz-transition: all .3s ease-out 0s;

    -ms-transition: all .3s ease-out 0s;

    -o-transition: all .3s ease-out 0s;

    transition: all .3s ease-out 0s;



    background: #fff;

}

.menuph .navbtn::after

{

    top: -11px;

}

.menuph .navbtn::before

{

    top: 10px;

}

.menuph .point.active .navbtn{

    background: transparent;

}

.menuph .point.active .navbtn::after{

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

    top: 0px;

}

.menuph .point.active .navbtn::before

{

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

    top: 0px;

}





/*手机下拉*/

.xialaph{

    position: absolute;

    top: 60px;

    left: 0;

    width: 100%;

    padding-bottom: 20px;

    display: none;

    z-index: 100;

    background: #fff;

}

.xialaph .img_d{ display:none;}

.xialaph .ul2,

.xialaph .ul3{

    display: none;

}

.xialaph h4 a{

    display: block;

    color: #333;

    font-size: 14px;

    font-weight: bold;

    line-height: 50px;

    position: relative;

}

.xialaph h4{

    position: relative;

}

.xialaph li:last-child h4::before{

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 1px;

    background-color: #dddddd;

    /*opacity: 0.1;*/

}

.xialaph li:first-child h4::after{display:none;}

.xialaph h4::after{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 1px;

    background-color: #dddddd;

    /*opacity: 0.1;*/

}

.xialaph h4 em{ font-size: 12px; margin-left: 5px; text-transform: uppercase;}



.xialaph h5 a{

    display: block;

    color: #333;

    font-size: 14px;

    line-height: 42px;

}

.xialaph h5{

    position: relative;

}

.xialaph h5::after{

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    height: 1px;

    background-color: #dddddd;

    /*opacity: 0.05;*/

}

.xialaph li:last-child h5::after{

    display: none;

}

.xialaph h4 b{

    position: absolute; right: 5px; top: 50%;

    width: 9px;

    height: 9px;

    float: right;

    border-top: #999 solid 1px; border-right: #999 solid 1px;

    margin-top: -5px;

    cursor: pointer;

    transform:rotate(45deg);

    -webkit-transform:rotate(45deg);

    -moz-transform:rotate(45deg);

    -o-transform:rotate(45deg);

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.xialaph h4.active b{

    transform:rotate(135deg);

    -webkit-transform:rotate(135deg);

    -moz-transform:rotate(135deg);

    -o-transform:rotate(135deg);

    margin-top: -7px;

}

/*.xialaph .ul2{ padding-left: 30px;  }*/

.xialaph .ul3{

    padding-top: 12px;

    padding-bottom: 18px;

    padding-left: 15px;

    position: relative;

}

.xialaph .ul3::after{

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    height: 1px;

    background-color: #e5e5e5;

}

.xialaph li:last-child .ul3::after{

    display: none;

}

.xialaph .ul3 li a{

    color: #666;

    font-size: 14px;

    line-height: 35px;

    display: block;

}

.xialaph .ul3 li{

    padding-top: 5px;

}

.xialaph .ul3 li:first-child{

    padding-top: 0;

}



.xialaph h5 b{

    position: absolute; right: 5px; top: 50%;

    width: 9px;

    height: 9px;

    float: right;

    border-top: #999 solid 1px; border-right: #999 solid 1px;

    margin-top: -5px;

    cursor: pointer;

    transform:rotate(45deg);

    -webkit-transform:rotate(45deg);

    -moz-transform:rotate(45deg);

    -o-transform:rotate(45deg);

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.xialaph h5.active b{

    transform:rotate(135deg);

    -webkit-transform:rotate(135deg);

    -moz-transform:rotate(135deg);

    -o-transform:rotate(135deg);

    margin-top: -7px;

}



.xialaph .searchP{ margin-top: 15px; height: 35px; border: #dddddd solid 1px; width:100%; float:left;

    border-radius:18px;

    -webkit-border-radius:18px;

    -moz-border-radius:18px;

    -o-border-radius:18px;

}

.xialaph .searchP button{ float: right; width: 21px; height: 21px; margin: 6px 12px 0 0; line-height: 0;}

.xialaph .searchP .searchLeft{ padding: 0 34px 0 0;}

.xialaph .searchP .searchLeft .Iminput{ float: left; width: 100%; height: 33px; padding: 0 0 0 14px; color: #333; font-size: 14px; border: 0; background: 0;

    border-radius:18px;

    -webkit-border-radius:18px;

    -moz-border-radius:18px;

    -o-border-radius:18px;

    -webkit-appearance:none;

    outline: 0;

}







.phonemeng{

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #000;

    opacity: .6;

    z-index: 99;

    display: none;

}

.phonemeng.active{

    display: block;

}





.side{position:fixed;width:78px;left:0;top:50%;margin-top:-200px;z-index:999;border:1px solid #e0e0e0;background:#fff;border-bottom:0;}

.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}

.side ul li:hover{background:#f67524;color:#fff}

.side ul li:hover a{color:#fff}

.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}

.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}

.side ul li i.bgs2{background-image:url(../images/right_pic7.png)}

.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}

.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}

.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}

.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}

.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}

.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}

.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}

.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}

.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}

.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}

.side ul li.sidetop{background:#f67524;color:#fff}

.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}

.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;position:absolute;left:78px;top:0;border:1px solid #e0e0e0}

.side ul li.sideetel .telBox.son{width:240px;display:none;color:#fff;text-align:left;position:absolute;left:78px;top:0;background:#f67524}

.side ul li.sideetel .telBox dd{display:block;height:80px;overflow:hidden;line-height:80px;font-size:18px; text-align:center;}

.side ul li.sideetel .telBox dd span{display:block;overflow:hidden;margin-top:32px;font-size:18px}

.side ul li.sideetel .telBox dd.bgs1{background-color:#e96410}

.side ul li.sideetel .telBox dd.bgs2{}

.side ul li:hover .son{display:block!important;animation:fadein 1s}





.side ul li.sideetel .telBox01.son{width:160px;display:none;color:#fff;text-align:left;position:absolute;left:78px;top:0;background:#f67524}

.side ul li.sideetel .telBox01 dd{display:block;height:76px;overflow:hidden;line-height:76px;font-size:18px; text-align:center; width:33.33%; float:left;}

.side ul li.sideetel .telBox01 dd span{display:block;overflow:hidden;margin-top:32px;font-size:18px}

.side ul li.sideetel .telBox01 dd.bgs1{background-color:#e96410}

.side ul li.sideetel .telBox01 dd.bgs2{}

.side ul li:hover .son{display:block!important;animation:fadein 1s}



@keyframes fadein{from{opacity:0}

to{opacity:1}

}





/*banner*/

.pz_banner{clear: both;}

.c_banner{position:relative; overflow: hidden;}

.slide1 .list{position: relative;}

.slide1 .imgBox{display:block; width:100%; height: 100vh;}

.bannerText{ position: absolute; left: 0; width:100%; top:50%; padding:0 13.9%;

-webkit-transform: translate(0, -70%);

    -ms-transform: translate(0, -70%);

        transform: translate(0, -70%);}

.bannerText .box{float:left;}

.bannerText .H4{font-size:50px; line-height: 80px; background: -webkit-linear-gradient(#04a4fc, #0f4ab4);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent; font-weight:bold;}

.bannerText .line{width:100%; height: 1px; background-color:rgba(33,91,161,0.2); position: relative; display: block; margin: 30px 0 20px 0;}

.bannerText .line::after{width:102px; height: 4px; background-color:#3e69d1; position: absolute; top:-2px; left: 0; content: ""; z-index: 1;}

.bannerText .H5{font-size:16px; color:#3e69d1; line-height: 34px; text-transform: uppercase; letter-spacing: 1px;}

.bannerText2 {padding:0 18%;}

.bannerText2 .box{float:right;}

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

/*.bannerText3 .box .H4,

.bannerText3 .box .H5{color:#fff;}*/

.bannerText3 .box .line{margin:30px auto 20px auto; width:35%; }

.bannerText3 .box .line::after{left: 50%; margin-left:-51px;}



.goDown{width:54px;position: absolute; bottom:90px; left:50%; margin-left:-27px;}

.goDown .imgOn{display:none;}

@media screen and (min-width:992px){

	.goDown:hover .imgOn{display:block;}

	.goDown:hover .img{display:none;}

}

.number{position:absolute; bottom:50px; left: 50%; z-index: 1; font-size:14px; color:#fff;

-webkit-transform: translate(-50%, 0);

    -ms-transform: translate(-50%, 0);

        transform: translate(-50%, 0);}

.number img{width:16px; height: 16px; margin: -4px 2px 0 2px;}

.number .numberBig{font-size:20px;}

.slide1 .slick-prev,

.slide1 .slick-next{width:0; height: 0;border-width:10px 10px 10px 0;border-style:solid;border-color:transparent #fff transparent transparent; bottom:55px; top:auto; transform: translate(0); left:47%;}

.slide1 .slick-next{right:47%;; left: auto;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #fff;}

.slide1 .slick-prev:hover{border-color:transparent #3e69d1 transparent transparent;}

.slide1 .slick-next:hover{border-color:transparent transparent transparent #3e69d1;}



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

	.bannerText .H4{font-size:50px}

	.slide1 .slick-prev{left:47%;}

	.slide1 .slick-next{right:47%;}

}

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

	.bannerText{

-webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

        transform: translate(0, -50%);}

	.bannerText .H4{font-size:40px; line-height: 50px;}

}

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

	.slide1 .slick-prev{left:46%;}

	.slide1 .slick-next{right:46%;}

}



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

	.bannerText .H4{font-size:30px;}

	.bannerText .H5{font-size:14px; line-height: 30px;}

	.bannerText .line{margin:20px 0 10px 0;}

	.bannerText{padding:0 30px;}

}

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

	.slide1 .slick-prev{left:45%;}

	.slide1 .slick-next{right:45%;}

	.slide1 .imgBox{height:auto; background:none !important;}

}

.side02{ display:none;}

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

	.side{ display:none;}
		.side02{ display:block;}
.side02{position:fixed;width:40px;right:0;top:50%;z-index:999;border-bottom:0;}

.side02 ul li{width:40px;height:40px;float:left;position:relative; border-radius:30px;color:#333; background:#f67524;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer; margin-bottom:5px;}
.side02 ul li img{ width:80%;}
.side02 ul li.sideetel .telBox01 dd img{width:60%;}

.side02 ul li:hover{background:#f67524;color:#fff}

.side02 ul li:hover a{color:#fff}

.side02 ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:10px;transition:all .3s}

.side02 ul li i.bgs1{background-image:url(../images/right_pic5.png)}

.side02 ul li i.bgs2{background-image:url(../images/right_pic7.png)}

.side02 ul li i.bgs3{background-image:url(../images/right_pic2.png)}

.side02 ul li i.bgs4{background-image:url(../images/right_pic1.png)}

.side02 ul li i.bgs5{background-image:url(../images/pf_gouwu.png)}

.side02 ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}

.side02 ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}

.side02 ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}

.side02 ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}

.side02 ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}

.side02 ul li:hover i.bgs5{background-image:url(../images/pf_gouwu.png)}

.side02 ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}

.side02 ul li.sidetop{background:#333;color:#fff}

.side02 ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}

.side02 ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;position:absolute;left:78px;top:0;border:1px solid #e0e0e0}

.side02 ul li.sideetel .telBox.son{width:240px;display:none;color:#fff;text-align:left;position:absolute;left:78px;top:0;background:#f67524}

.side02 ul li.sideetel .telBox dd{display:block;height:80px;overflow:hidden;line-height:80px;font-size:18px; text-align:center;}

.side02 ul li.sideetel .telBox dd span{display:block;overflow:hidden;margin-top:32px;font-size:18px}

.side02 ul li.sideetel .telBox dd.bgs1{background-color:#e96410}

.side02 ul li.sideetel .telBox dd.bgs2{}

.side02 ul li:hover .son{display:block!important;animation:fadein 1s}





.side02 ul li.sideetel .telBox01.son{width:160px;display:none;color:#fff;text-align:left;position:absolute;right:40px;top:0;background:#f67524}

.side02 ul li.sideetel .telBox01 dd{display:block;height:50px;overflow:hidden;line-height:50px;font-size:18px; text-align:center; width:33.33%; float:left;}

.side02 ul li.sideetel .telBox01 dd span{display:block;overflow:hidden;margin-top:32px;font-size:18px}

.side02 ul li.sideetel .telBox01 dd.bgs1{background-color:#e96410}

.side02 ul li.sideetel .telBox01 dd.bgs2{}

.side02 ul li:hover .son{display:block!important;animation:fadein 1s}
	

	.bannerText{padding:0 10px;}

	.slide1 .slick-prev{left:43%;}

	.slide1 .slick-next{right:43%;}

	.number{bottom:10px;}

	.slide1 .slick-prev,

	.slide1 .slick-next{bottom:14px;}

	.goDown{width:30px; margin-left:-15px; bottom:40px;}

	.bannerText .H4{font-size:16px; line-height: 20px;}

	.bannerText .line{width:140px; margin: 15px 0 10px 0;}

	.bannerText3 .box .line{margin: 15px auto 10px auto;}

	.bannerText .line::after{width:40px; height: 2px; top:-2px;}

	.bannerText3 .box .line::after{margin-left:-15px;}

	.bannerText .H5{font-size:8px; line-height: 16px;}

}

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

	.slide1 .slick-prev{left:40%;}

	.slide1 .slick-next{right:40%;}

}

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

	.slide1 .slick-prev{left:39%;}

	.slide1 .slick-next{right:39%;}

}

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

	.slide1 .slick-prev{left:35%;}

	.slide1 .slick-next{right:35%;}

}

#dowebok{overflow:hidden;}



.index1{padding:114px 0 117px 0;}

.index1L{width:42.94%; float:left; }

.index1L .H3{color:#3e69d1; padding:65px 0 18px 0; font-family: "Noto Serif CJK SC"; font-size:55px; font-weight: bold;background: -webkit-linear-gradient(#04a4fc, #0f4ab4);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;}

.index1L .H4{font-size:18px; color:#1c1c1b; text-transform: uppercase; font-family: Arial;}

.index1L .line{width:138px; height: 8px; display: block;  background-image:-webkit-linear-gradient(0,#04a4fc 0%,#0f4ab4 50%);

background-image:-moz-linear-gradient(0,#04a4fc 0%,#0f4ab4 50%);

background-image:-o-linear-gradient(0,#04a4fc 0%,#0f4ab4 50%); margin: 35px 0 40px 0;}

.index1L .p{font-size:18px; line-height: 40px; color:#666666; text-align: justify;}

.index1L .more{width:180px; height: 54px; line-height: 54px;  background-image:-webkit-linear-gradient(0,#04a4fc 0%,#0f4ab4 50%);

background-image:-moz-linear-gradient(0,#04a4fc 0%,#0f4ab4 50%);

background-image:-o-linear-gradient(0,#04a4fc 0%,#0f4ab4 50%); margin-top:55px; line-height: 54px; text-align: center; display: block; font-size:18px; color:#fff;}

.index1L .more:hover{opacity:0.8;}

.indexR{width:34.35%; float:right; position: relative;}

.indexR .img2{position:absolute; bottom:-8px; right:74.55%; width:78.57%; border:8px solid #fff;}

.indexR .img2 .H6{font-size:18px; color:#fff; position: absolute; top:50%; margin-top:-9px; left: -20px; transform: rotate(90deg); text-transform: uppercase; font-weight: bold;}



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

	.index1L .H3{padding-top:0;}

}

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

	.index1{padding:60px 0;}

	.index1L .H3{font-size:40px;}

	.index1L .line{height:4px; margin: 20px 0;}

	.index1L .p{font-size:16px; line-height: 30px;}

	.index1L .more{width:120px; height: 40px; line-height: 40px; font-size:14px; margin-top:20px;}

}

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

	.index1L{width:100%;}

	.indexR{width:40%; margin-right:20%;}

}

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

	.index1{padding:30px 0;}

	.index1L .H3{font-size:24px; padding-bottom:10px;}

	.index1L .H4{font-size:12px;}

	.index1L .line{width:40px; height: 2px; margin: 10px 0;}

	.index1L .p{font-size:14px; line-height: 24px;}

	.indexR{width:65%; margin: 20px 0 0 0;}

	.indexR .img2{border-width:4px;}

	.indexR .img2 .H6{font-size:12px;}

}



.index2{padding:165px 0; overflow: hidden;}

.title{float:left;}

.title .big{float:left; font-size:100px; line-height: 80px; font-weight: bold; font-family: Arial; text-transform: uppercase; color:#a7a7a7;}

.title .titR{margin-left:15px;float:left; }

.title .titR .H4{float:left; font-size:34px; background: -webkit-linear-gradient(#04a4fc, #0f4ab4);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

font-weight: bold; padding-right:50px; position: relative; font-family: "Noto Serif CJK SC"; font-weight: bold; line-height: 45px;}

.title .titR .H4 .span{width:15px; position: absolute; top:50%; margin-top:-8px; line-height: 0; right:0;}

.title .titR .H5{font-size:28px; color:#a7a7a7; text-transform: uppercase;  font-weight: bold; line-height: 45px; letter-spacing: 1px;}

.index2 .more{float:right; width:144px; height: 42px; border:1px solid #666666; line-height: 42px; text-align: center; font-size:14px; color:#1c1c1b; text-transform: uppercase; margin-top:40px; position: relative; z-index: 1;}

.index2 .more:hover{background-color:#3e69d1; border-color:#3e69d1; color:#fff;}

.index2Tab{float:left; width:100%;}

.index2Tab .hd{margin-top:-50px; float:right; margin-right:144px;}

.index2Tab .hd li{float:left; width:192px; height: 44px; line-height: 44px; text-align: center; background-color:#ededed; font-size:16px; color:#333333; margin-right:10px; cursor: pointer;}

.index2Tab .hd li.on{color:#fff;  background-image:-webkit-linear-gradient(0,#04a4fc 0%,#0f4ab4 50%);

background-image:-moz-linear-gradient(0,#04a4fc 0%,#0f4ab4 50%);

background-image:-o-linear-gradient(0,#04a4fc 0%,#0f4ab4 50%);}

.index2Tab .bd{float:left; width:100%;}

.index2Tab .bdUl{margin:0 -15px;}

.index2Tab .bdUl .list{width:33.33%; float:left; padding:0 15px; margin-top:80px;}

.index2Tab .bdUl .list .box{float:left; width:100%; border:1px solid #efefef; text-align: center; padding-bottom:20px;}

.index2Tab .bdUl .list .box .img{overflow:hidden;}

.index2Tab .bdUl .list .box .img img{-webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;}

.index2Tab .bdUl .txtBox{padding:30px 0 0 0; margin: 0 20px 8px 20px}

.index2Tab .bdUl .txtBox .H4{font-size:24px; color:#1c1c1b;}

.index2Tab .bdUl .txtBox .line{width:187px; height: 1px; display: block; background-color:#d2d2d1; margin: 20px auto; position: relative;}

.index2Tab .bdUl .txtBox .line::after{width:36px; height: 2px; background-color:#204e86; content: ""; position: absolute; top:-1px; left: 50%; margin-left:-18px;}

.index2Tab .bdUl .txtBox .p{font-size:16px; line-height: 28px; color:#666666; height: 56px;

overflow : hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;}

.index2Tab .bdUl .txtBox .more2{width:24px; height: 24px; margin:14px auto auto auto;display: none;}

.index2Tab .bdUl .list .box:hover .img img{

	transform:scale(1.1);

	-webkit-transform:scale(1.1);

	-moz-transform:scale(1.1);

	-o-transform:scale(1.1);

}

@media screen and (min-width:992px){

	.index2Tab .bdUl .list .box:hover .txtBox{background-image:-webkit-linear-gradient(0,#04a4fc 0%,#0f4ab4 50%);

background-image:-moz-linear-gradient(0,#04a4fc 0%,#0f4ab4 50%);

background-image:-o-linear-gradient(0,#04a4fc 0%,#0f4ab4 50%); position: relative; margin-top:-80px;z-index: 1; padding:38px 7.6%; margin-bottom:0; box-shadow: 0 0 10px rgba(18,5,0,0.4);}

.index2Tab .bdUl .list .box:hover .txtBox::after{content: ""; border:1px solid #5581b7; width:95.89%; height: 91.34%; top:4.33%; left: 2%;  position: absolute;}

.index2Tab .bdUl .list .box:hover .txtBox .H4{color:#fff;}

.index2Tab .bdUl .list .box:hover .txtBox .line{background-color:#5480b6;}

.index2Tab .bdUl .list .box:hover .txtBox .line::after{background-color:#fff;}

.index2Tab .bdUl .list .box:hover .txtBox .p{color:#fff; opacity: 0.7;}

.index2Tab .bdUl .list .box:hover .txtBox .more2{display:block;}

}



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

	.index2{padding:110px 0;}

}

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

	.index2{padding:60px 0;}

	.title .big{font-size:80px; line-height: 60px;}

	.title .titR .H4{font-size:24px; line-height:30px;}

	.title .titR .H5{font-size:18px; line-height: 30px;}

	.index2 .more{margin-top:10px;width: 100px;height: 40px;line-height: 40px;font-size: 14px;}

	.index2Tab .hd{margin:20px 0 0 0;}

	.index2Tab .hd li:last-child{margin-right:0;}

	.index2Tab .bdUl{margin:0 -5px;}

	.index2Tab .bdUl .list{padding:0 5px; margin-top:20px;}

	.index2Tab .bdUl .txtBox .H4{font-size:20px;}

}

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

	.index2{padding:30px 0;}

	.title .big{font-size:50px; line-height: 50px;}

	.title .titR{margin-left:5px;}

	.title .titR .H4{font-size:18px; line-height: 25px; padding-right:20px;}

	.title .titR .H5{font-size:14px; line-height: 25px;}

	.index2 .more{margin:5px 0 0 0;}

	.index2Tab .hd li{width:33.33%; margin: 0; font-size:14px; border-right:1px solid #fff;}

	.index2Tab .bdUl .list{width:100%; margin: 15px 0 0 0; padding:0;}

	.index2Tab .bdUl .txtBox{padding:10px; margin: 0;}

	.index2Tab .bdUl .list .box{padding:0;}

	.index2Tab .bdUl .txtBox .H4{font-size:18px;}

	.index2Tab .bdUl .txtBox .line{margin:10px auto;}

	.index2Tab .bdUl .txtBox .p{font-size:14px; line-height: 22px; height: 44px;}

	.index2Tab .bdUl{margin:0;}

	.index2Tab .hd li .span{display:inline-block; line-height: 16px; vertical-align: middle;}

	.index2Tab .hd{width:100%;}

	

}



.index3{padding:105px 0 242px 0; background-color:#f7f7f7; position: relative;height: 100vh; overflow: hidden;}

.index3 .index2Tab .hd li{width:120px;}

.index3 .bdUl2{margin:0 -15px;}

.index3 .bdUl2 .list{width:25%; padding:0 15px; margin-top:80px; float:left;}

.index3 .bdUl2 .box{float:left; width:100%;}

.index3 .bdUl2 .time{ font-size:24px; color:#333333; line-height: 15px;  position: relative;padding-bottom:23px;}

.index3 .bdUl2 .time::after{width:108%; height: 1px; content: ""; border-top:1px solid #e5e4e4; bottom:0; left: 0; position: absolute;}

.index3 .bdUl2 .list:nth-child(4n) .time::after{width:100%;}

.index3 .bdUl2 .time .span{width:33px; height: 15px; line-height: 0; position:absolute; top:0; right:0; display: none;}

.index3 .bdUl2 .H4{margin:23px 0;  position: relative; font-size:16px; color:#333333;}

.index3 .bdUl2 .p{font-size:14px; line-height: 24px; color:#989898; height: 48px;

overflow : hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;}

.index3 .bdUl2 .img{margin-top:25px; overflow: hidden;}

.index3 .bdUl2 .img img{-webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;}

@media screen and (min-width:992px){

	.index3 .bdUl2 .box:hover{position:relative; z-index: 1;}

	.index3 .bdUl2 .box:hover .time{color:#3e69d1;}

	.index3 .bdUl2 .box:hover .time .span{display:block;}

	.index3 .bdUl2 .box:hover .time::after{border-color:#3e69d1;}

	.index3 .bdUl2 .box:hover .H4{color:#3e69d1;}

	.index3 .bdUl2 .box:hover .img img{transform:scale(1.1);

	-webkit-transform:scale(1.1);

	-moz-transform:scale(1.1);

	-o-transform:scale(1.1);}

}



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

	.index3{padding:60px 0 160px 0;}

	.index3 .bdUl2{margin:0 -5px;}

	.index3 .bdUl2 .list{padding:0 5px; margin-top:30px;}

}

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

	.index3{padding:30px 0 160px 0;}

	.index3 .index2Tab .hd li{width:50%;}

	.index3 .bdUl2 .list{width:100%; padding: 0;}

	.index3 .bdUl2 {margin:0;}

	.index3 .bdUl2 .time{font-size:18px; padding-bottom:10px;}

	.index3 .bdUl2 .time .span{display:block;}

	.index3 .bdUl2 .H4{margin:10px 0;}

	.index3 .bdUl2 .img{margin-top:10px;}

}



.backTop{width:69px; line-height: 0; position: absolute; bottom:55px; left: 50%; margin-left:-34.5px; cursor: pointer;}

.backTop .img2{display:none;}

@media screen and (min-width:992px){

	.backTop:hover .img1{display:none;}

	.backTop:hover .img2{display:block}

}

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

	.backTop{bottom:30px;}

}



/*bottom*/

.bottom{background-color:#3e69d1; padding:85px 0 73px 0;}

.bottomUl{float:left; }

.bottomUl .list{margin-right:110px; float:left;}

.bottomUl .list:last-child{margin-right:0;}

.bH4{font-size:18px; color:#fff; padding-bottom:20px; border-bottom:1px solid #3569a9; position: relative;}

.bH4::after{width:11px; height: 2px; bottom:0; left: 0; position: absolute; content: ""; background-color:#fff;}

.bottomUl .list .listA{margin-top:20px;}

.bottomUl .list a{display:block;  color:#fff;font-size:16px; line-height: 34px; opacity: 0.5;}

.bottomUl .list a:hover{opacity:1;}

.bottomR{margin-left:7%; float:left;}

.foot_ewm{ float:right;}

.foot_ewm ul li{ float:left; width:29%; margin-left:4%; text-align:center;}

.foot_ewm ul li img{ border:6px solid #fff;}

.foot_ewm ul li p{ color:#fff; font-size:16px; line-height:24px;}

.foot_ewm{ width:28%;}

.bottomR .p{font-size:24px; color:#fff; font-family: Arial; font-weight: bold; margin: 20px 0;}

.bShare{font-size:0;}

.bShare .list{display:inline-block;width:30px; height: 30px; border-radius: 50%; border:1px solid #7599c5; margin-right:10px; position: relative;}

.bShare .bEwm{width:100px; height: 100px; padding:5px; background-color:#fff; position: absolute; bottom:30px; left: 50%; margin-left:-50px; transform: scale(0);

-webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;}

.bShare .list.on .bEwm{transform: scale(1);}



@media screen and (min-width:992px){

	.bShare .list:hover > img{opacity:0.7;}

	.bShare .list:hover .bEwm{transform: scale(1);}

}



.cr{background-color:#1c5090; padding:20px 0; line-height: 20px; text-align: center;}

.cr .p{display:inline-block; font-size:12px; color:#fff;  letter-spacing: 1px;}



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

	.bottomUl .list{margin-right:100px;}

	.bottomUl,

	.bottomR{margin:0;}

}

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

	.bottom{padding:50px 0;}

	.bottomUl .list{margin-right:60px;}

}

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

	.bottomUl .list{margin-right:20px;}

}

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

	.bottom{padding:15px 0;}

	.bottomUl{display:none;}

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

	.bH4{padding-bottom:10px; display: inline-block;}

	.bH4::after{left:50%; margin-left:-5.5px;}

	.bottomR .p{ margin: 10px 0;}

	.cr{padding:10px 0;}

	.cr .p{width:100%; font-size:10px; letter-spacing: normal;}

	.foot_ewm{ width:100%; float:none; margin-top:30px;}

	.foot_ewm ul li p{ font-size:14px;}

	.bottom .bottomR{float:none;}

}



/*全屏滚动*/

.indexBox{position:absolute; top:0; left: 0; width:100%; height: 100%; overflow: hidden;}

.page6{width: 100%;

    height: 100vh;

    overflow-y: auto;}

.page6 .indexBox{position:relative;height: 100vh;}

.leftnav{position:fixed; top:50%; right:3.125%; width:13px; float:left; z-index: 99;

-webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

        transform: translate(0, -50%);}

.leftnav li{width:13px; height: 2px; background-color:#888888; display: block; margin: 18px 0; position: relative;float:right;}

.leftnav li a{display:block; width:100%; height: 100%;}

.leftnav a span{position:absolute; top:50%; width:100px; height: 30px; line-height: 30px; text-align: center; right:47px; margin-top:-15px; border-radius: 4px; background-image:-webkit-linear-gradient(0,#04a4fc 0%,#0f4ab4 50%);

background-image:-moz-linear-gradient(0,#04a4fc 0%,#0f4ab4 50%);

background-image:-o-linear-gradient(0,#04a4fc 0%,#0f4ab4 50%); font-size:14px; color:#fff; text-transform: uppercase;opacity: 0;}

.leftnav a span::after{width:7px; height: 10px; background:url(../images/p14.png) center right no-repeat; background-size:100%; content: ""; position: absolute; top:50%; right:-7px; margin-top:-5px;}

.leftnav li.active span{opacity: 1;}

.leftnav li.active{width:30px; background-color:#3e69d1;}



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

	.indexBox{position:relative;}

	.section,.fp-tableCell {height:auto !important;}

	.page6,.page6 .indexBox,.index3{height:auto; overflow: visible;}

	.leftnav{display:none;}

}



@media screen and (min-width:992px) {

.fadeInUp,.fadeInRight,.fadeInLeft,.bounceInUp,.fadeInDown,.flipInX,.zoomIn,.zoomInLeft,.zoomInRight,.fadeInUpBig{

  -webkit-animation-duration: 1.5s;

          animation-duration: 1.5s;

  -webkit-animation-fill-mode: both;

          animation-fill-mode: both;}

.section4Body ul li{ -webkit-animation-delay:0.2s; animation-delay:0.2s;}

}

/*end*/





/*关于我们*/

.pageNav{padding:0 15px; border-bottom:1px solid #f1f1f1; font-size:0; line-height: 0;text-align: center;}

.pageNav a{display:inline-block; min-width: 76px; padding:0 40px; font-size:18px; color:#333333; line-height: 74px; border-right:1px solid #f1f1f1; box-sizing: content-box;}

.pageNav a:first-child{ border-left:1px solid #f1f1f1;}

.pageNav a.on{background-image:-webkit-linear-gradient(0,#04a4fc 0%,#0f4ab4 50%);

background-image:-moz-linear-gradient(0,#04a4fc 0%,#0f4ab4 50%);

background-image:-o-linear-gradient(0,#04a4fc 0%,#0f4ab4 50%);  color:#fff;}

.pageNav a:hover{background-image:-webkit-linear-gradient(0,#04a4fc 0%,#0f4ab4 50%);

background-image:-moz-linear-gradient(0,#04a4fc 0%,#0f4ab4 50%);

background-image:-o-linear-gradient(0,#04a4fc 0%,#0f4ab4 50%);  color:#fff;}



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

	.pageNav{display:none;}

}



/*内页下拉*/

.babyserBox{position: relative; height: 41px; width:100%; display: none; background-color:#fff;}

.babyser{ position: absolute; z-index: 5; top:0; left: 0;width:100%;}

.babyser h2{ float:left; width:100%; border-bottom:#e1e1e1 solid 1px;  color:#333333; font-size:16px; line-height:40px; }

.babyser h2 .imgr{ float:right; margin:10px 0 0 0;}

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

    .babyser h2 .imgr{ float:right; margin:12px 0 0 0;

        transition: all 0.2s linear;

    }

    .babyser h2.active .imgr{

        -webkit-transform:rotate(180deg);

        -moz-transform:rotate(180deg);

        -o-transform:rotate(180deg);

        transform:rotate(180deg);

    }

}

.pz_SideLayerph{ display:none;  background-color:#fff;}

.pz_SideLayerph .l1{}

.pz_SideLayerph .l1 h3{ color:#333; font-size:14px; line-height:40px; cursor:pointer; border-bottom:#e1e1e1 dashed 1px; position: relative;}

.pz_SideLayerph .l1 h3 a{ display: block; color:#333; padding-left:15px;}

.pz_SideLayerph .l1 h3.active a{ color:#337ab7;}

.pz_SideLayerph .l1 h3 img{ position: absolute; right: 0; top: 0; margin:17px 15px 0 0;}

.pz_SideLayerph .l1 h3 img.img3{ display:block;}

.pz_SideLayerph .l1 h3 img.img3h{ display:none;}

.pz_SideLayerph .l1 h3.active img.img3{ display:none;}

.pz_SideLayerph .l1 h3.active img.img3h{ display:block;}

.pz_SideLayerph .l1 .l1ul{ display:none;}

.pz_SideLayerph .l1 .l1ul li{border-bottom:#e1e1e1 solid 1px; padding:10px 10px 10px 29px; font-size:14px; line-height:22px;}

.pz_SideLayerph .l1 .l1ul li:last-child{ border:0;}

.pz_SideLayerph .l1 .l1ul li a{color:#999999;}



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

	.babyserBox{display:block;}

}



.about1{padding:53px 0 60px 0; text-align: center;}

.about1 .H4{font-size:28px; color:#3e69d1; font-weight: bold;}

.about1 .H5{font-size:18px; color:#999999; text-transform: uppercase; margin: 13px 0 26px 0; font-family: Arial;}

.about1 .line{width:30px; height: 2px; display:block; background-color:#3e69d1; margin: auto;}

.about1 .p{font-size:16px; line-height: 36px; color:#666666; margin-top:28px;}



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

	.about1 .H4{font-size:24px;}

	.about1 .H5{font-size:16px;}

}

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

	.about1{padding:30px 0;}

	.about1 .H4{font-size:18px;}

	.about1 .H5{font-size:12px; margin: 10px 0 10px 0;}

	.about1 .p{font-size:14px; line-height: 24px; margin-top:20px; text-align: justify;}

}



.about2{background:url(../images/p18.png) center repeat-y; background-size:cover; padding-bottom:56px;}

.about2 .p{width:76.87%; margin: auto; padding:74px 0 32px 0; text-align: center; font-size:16px; line-height: 32px; color:#bad5fa; background:url(../images/p19.png) center top no-repeat;  }

.about2Ul{width:100%; text-align: center; font-size:0; line-height: 0;}

.about2Ul .list{display: inline-block; vertical-align: top; margin: 0 9.2%;}

.about2Ul .list .ico{width:66px; height: 66px; display: block; margin: auto;}

.about2Ul .list .H6{font-size:16px; color:#bad5fa; margin-top:10px;}



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

	.about2 .p{background-size:100%;}

}

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

	.about2 .p{width:100%;}

}

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

	.about2{padding-bottom:30px;}

	.about2 .p{padding:30px 0 15px 0; font-size:14px; line-height: 24px; text-align: justify;}

	.about2Ul .list{margin:0 10%;}

	.about2Ul .list .ico{width:40px; height: 40px;}

	.about2Ul .list{margin:0 5%;}

	.about2Ul .list .H6{font-size:14px;}

}



.about3{padding:40px 0 90px 0; width:76.87%; margin: auto;}

.about3Ul{margin:0 -15px;}

.about3Ul .list{padding:0 15px; float:left; width:33.33%;}

.about3 .p{font-size:16px; line-height: 36px; color:#666666;  margin-top:36px;}

.about3 .p .img{text-align:center; margin-top:65px;}



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

	.about3{width:100%;}

}

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

	.about3{padding:30px 0;}

	.about3Ul{margin:0 -5px;}

	.about3Ul .list{padding:0 5px;}

	.about3 .p{font-size:14px; line-height: 24px; margin-top:20px;}

	.about3 .p .img{margin-top:20px;}

}



/*成长历程*/

.delpBox{padding:60px 0 100px 0;}

.delpBox .honor{ padding:40px 0 75px 0;position:relative; width:76.68%; margin: auto;}

.delpBox .honor::after{width:1px; height: 100%; content: ""; position: absolute; top:0; left: 50%; background-color:#dadada;}

.delpBox .honor::before{width:15px; height: 15px; content: ""; border-radius: 50%; position: absolute; top:-15px; left: 50%; margin-left:-7.5px; background-color:#3e69d1; z-index: 1;}

.delpBox .honor li{margin-bottom:20px; width:100%; position: relative; z-index: 1;}

.delpBox .honor li:last-child{margin-bottom:0;}

.delpBox .honor_list{width:59%; position:relative; float:right; padding-left:138px;}



.delpBox .honor li:nth-child(2n) .honor_list{float:left; padding:0 138px 0 0;}



.delpBox .honor_time{width:89px; height: 89px; border-radius: 50%; line-height: 89px; text-align: center; background-color:#b2b2b2; position: absolute; top:50%; margin-top:-44.5px; left:0; font-size:24px; color:#fff; font-family: Arial; box-shadow: 0 9px 13px rgba(0,0,0,0.07);}



.delpBox .honor li:nth-child(2n) .honor_time{right:0; left: auto;}



.delpBox .honor_list span{width:22px; height: 22px;background:url(../images/p21.png) center no-repeat; background-size:cover; position: absolute; top:50%; margin-top:-11px; left: 102px;}

.honor_list span::after{height:1px; width: 16px; position: absolute; content: ""; top:50%; left:-15px; background-color:#b1b1b1;}



.delpBox .honor li:nth-child(2n) .honor_list span{right: 102px; left:auto;}

.delpBox .honor li:nth-child(2n) .honor_list span::after{right:-15px; left: auto;}



.delpBox .honor_text{width:100%; background-color:#f5f5f5; border-radius:8px; box-shadow: 0 9px 13px rgba(0,0,0,0.07); min-height: 90px; padding:35px 20px; font-size:16px; color:#333333; line-height: 24px; float:left;}



.delpBox .honor li:nth-child(2n) .honor_text{float:right; text-align: right;}



.delpBox .honor li:hover .honor_time{background-color:#3e69d1;}

.delpBox .honor li:hover .honor_text{background-color:#3e69d1; color:#fff;}



.delpBox .more1{width:89px; height: 89px; border-radius: 50%; display: block; margin: auto; padding:24.5px 24px; background-color:#3e69d1; font-size:16px; color:#fff; line-height: 20px; text-align: center;}

.delpBox .more1:hover{color:#fff; transform: rotate(360deg); -webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);

-webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;}



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

	.delpBox .honor{width:100%;}

	.delpBox .honor_list{width:59.5%;}

}

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

	.delpBox .honor_list{width:61.6%;}

}

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

	.delpBox .honor_list{width:65.5%;}

}

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

	.delpBox{padding:30px 0;}

	.delpBox .honor{margin-top:20px; padding:20px 0;}

	.delpBox .honor::after{left:87px;}

	.delpBox .honor::before{left:87px;top:0;}

	.delpBox .honor_list{float:left; width:100%;}

	.delpBox .honor_time{width:60px; height: 60px; margin-top:-30px; line-height: 60px; font-size:16px; left: 0 !important;}

	.delpBox .honor_list span{left: 76px !important; right: auto !important; }

	.delpBox .honor_list span::after{left:-16px !important;}

	.delpBox .honor_list{padding:0 0 0 104px !important;}

	.delpBox .honor_text{float:left !important; padding:10px; font-size:14px; line-height: 24px; text-align: left !important; width: 90%;}

	.delpBox .more1{width:60px; height: 60px; font-size:12px; padding:10px 16px; margin-left:56px;}

	.delpBox .honor_text{min-height:40px;}

	.delpBox .honor li{margin-bottom:30px;}

}



/*企业文化*/

.culture{padding:111px 0 135px 0; background:url(../images/j15.jpg) center no-repeat; background-size:cover;}

.culture .box{width:70%; margin: auto;}

.culture .box .img{width:60%; float:left; background-color:#fff;}

.culture .box .img .slick-dots{width:100%; line-height: 0; text-align: center;}

.culture .box .img .slick-dots li{width:10px; height: 10px; border-radius: 50%; background-color:#3e69d1; opacity: 0.6;}

.culture .box .img .slick-dots li.slick-active{opacity:1;}

.culture .box .text{width:34%; float:right;}

.culture .box .text .H5{font-size:20px; color:#3e69d1; font-weight: bold; padding:9px 0 15px 0; position: relative;}

.culture .box .text .H5::after{width:17px; height: 4px; background-color:#3e69d1; content: ""; position: absolute; bottom:0; left: 0;}

.culture .box .text .p{font-size:16px; line-height: 28px; color:#666666; margin: 10px 0;}



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

	.culture .box{width:80%;}

}

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

	.culture .box{width:100%;}

	.culture{padding:60px 0;}

}

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

	.culture{padding:30px 0 50px 0;}

	.culture .box .img{width:100%; margin-top:10px;}

	.culture .box .text{width:100%;}


	.culture .box .text .H5{font-size:18px;}

	.culture .box .text .H5::after{height:2px;}

	.culture .box .text .p{font-size:14px; line-height: 24px; margin: 10px 0 10px 0;}

}



.honorBox{padding:52px 0 83px 0;}

.honorList{padding-bottom:20px; width:76.68%; margin: auto; }

.honorList .list{width:31.57%; margin:0 2.64% 40px 0; float:left;}

.honorList .list:nth-child(3n){margin-right:0;}

.honorList .list .imgBox{width:100%; border:1px solid #ebebeb;  position: relative;}

.honorList .list .imgBox .img{position:relative; width:100%;  overflow: hidden;}

.honorList .list .imgBox .img img{width:100%; }

.honorList .list .listOn{width:100%; height: 0px; background-color:rgba(24,110,191,0.8); position: absolute; bottom:0; left: 0; overflow: hidden;

-webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;



}

.honorList .list .listOn .span{width:40px; height: 40px; border-radius: 50%; display:block; border:1px solid #fff; margin: 20px auto;}

.honorList .list .H4{font-size:16px; color:#353535; margin-top:24px; text-align: center;}

.honorList .list:hover .listOn{height: 80px; }


.ry_nav ul{ text-align:center; margin-bottom:30px;}
.ry_nav ul li{display:inline-block;}
.ry_nav ul li a{display:inline-block; min-width: 76px; padding:0 40px;border-radius:30px; font-size:18px; color:#333333; line-height: 45px;  box-sizing: content-box; background:#efefef; margin-left:10px; margin-right:10px;}

.ry_nav ul li a.on{ color:#fff;background:#04a4fc;}

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




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

	.honorList{width:100%;}

}

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

	.honorBox{padding:30px 0;}

	.honorList{padding-bottom:10px;}

	.honorList .list{width:100%; margin:0 0 20px 0 !important;}

	.honorList .list .imgBox{padding:10px;}

	.honorList .list .listOn{height: 30px; }

	.honorList .list .listOn .span{width:26px; height: 26px; margin: 2px auto;}

	.honorList .list .H4{font-size:12px; margin-top:10px;}

}



.paging{text-align:center; font-size:0;}





.paging a.hover{background-color:#3e69d1; color:#fff; border-color:#3e69d1;}

.paging .pageup.hover{background-image:url(../images/preon.png);}

.paging .pagedown.hover{background-image:url(../images/nexton.png);}

.paging .aPh{font-size:12px; color:#333; margin: 0 5px; display:none; vertical-align: middle;}



@media screen and (min-width:992px){

	.paging a:hover{background-color:#3e69d1; color:#fff; border-color:#3e69d1;}

    .paging .pageup:hover{background-image:url(../images/preon.png);}

.paging .pagedown:hover{background-image:url(../images/nexton.png);}

}



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

	.paging .a{display:none;}

	.paging .aPh{display:inline-block;}

}



.bigImg{width:100%; height: 100%; z-index: 2002; background-color:rgba(0,0,0,0.8); position: fixed; top:0; left: 0; display: none;}

.bigImg2{width:35%; top:50%; left:30%; height: auto; position: fixed; z-index: 2003;display: none;

-webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

        transform: translate(0, -50%);}

.bigImg2 .closeBtn{width:30px; height: 30px; position: absolute; top:-15px; right:-15px;}



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

	.bigImg2{width:90%; left: 5%;}	

}



/*企业发展*/

.develop1{width:76.68%; margin: auto; padding:50px 0 60px 0;}

.develop1 .img{width:45.52%; float:right;}

.develop1 .text{width:51.28%; float:left;}

.develop1 .text .del1Ti{background:url(../images/p24.png) center right no-repeat; background-size: 65%;}

.develop1 .text .del1Ti .H4{font-size:24px; color:#3e69d1; font-weight: bold;}

.develop1 .text .del1Ti .H5{font-size:14px; font-family: Arial; text-transform: uppercase; color:#999999; margin-top:5px;}

.develop1 .text .p{font-size:16px; line-height: 32px; color:#666666; margin-top:20px; padding-right:6.25%; text-align: justify; height:290px;overflow:hidden;}



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

	.develop1{width:100%;}

}

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

	.develop1 .text .del1Ti{background-size: 55%;}

	.develop1 .text .p{font-size:14px; margin-top:20px; padding: 0;height:200px}

    

}

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

	.develop1{padding:30px 0;}

	.develop1 .img{width:100%;}

	.develop1 .text {width:100%; margin-top:20px;}

	.develop1 .text .del1Ti{background-size: 45%;}

	.develop1 .text .del1Ti .H4{font-size:18px;}

	.develop1 .text .p{line-height:24px;}

}



.develop2{background-color:#f5f5f5; padding:40px 0 80px 0;}

.develop2List{padding-bottom:33px;width:76.68%; margin: auto;}

.develop2List .list{float:left; width:31.76%; margin:0 2.36% 30px 0; background-color:#fff;}

.develop2List .list:nth-child(3n){margin-right:0;}

.develop2List .box .img{width:100%; padding-bottom:56.67%; position: relative; overflow: hidden;}

.develop2List .box .img img{width:100%; height: 100%; position: absolute;

-webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;}

.develop2List .box .text{border:1px solid #e7e7e7; padding:30px;}

.develop2List .box .text .H4{font-size:16px; color:#282d28;}

.develop2List .box .text .line{width:68px; height: 2px; display: block; background-color:#3e69d1; margin: 20px 0; position: relative;}

.develop2List .box .text .line::after{width:25px; height: 2px; background-color:#afafaf; position: absolute; top:0; left:76px; content: "";}

.develop2List .box .text .more{font-size:12px; color:#666666; font-family: Arial; text-transform: uppercase;}

.develop2List .list:hover .img img{transform:scale(1.1);

	-webkit-transform:scale(1.1);

	-moz-transform:scale(1.1);

	-o-transform:scale(1.1);}

.develop2List .list:hover .H4{color:#3e69d1;}



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

	.develop2List{width:100%;}

}

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

	.develop2{padding:30px 0;}

	.develop2List .list{width:100%; margin: 0 0 20px 0 ;}

	.develop2List .box .text{padding:15px;}

	.develop2List{padding-bottom:10px;}

}



.developDeBox{padding:40px 0 70px 0; background-color:#f5f5f5;}

.developDe{width:76.68%; margin: auto;}



.slideOut2{ width:100%; position: relative; }

.slide{

  float: left;

    width: 100%;

    min-height: 100px;

    position: relative;

}

.slide .img{

    overflow: hidden;

    position: absolute;

	transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;

	width:34.71%;

	background-color:#fff;

	padding:5px;

	border:1px solid #e5e5e5;

}

/*

.slide .img1{

    top:23%;

    left: 0;

    z-index: 1;

	opacity: 1;

	width:37.52%;

}

*/

.slide .img2{

    top:20%;

    left: 0;

    z-index: 1;

	opacity: 1;

	width:37.52%;

}

.slide .img2 img{opacity:0.6;}

.slide .img3{

   top: 0;

    left: 17.8%;

    z-index: 2;

	width:64.4%;

	padding:10px;

	box-sizing: border-box;



}

.slide .img4{

   top:20%;

    left: 62.64%;

    z-index: 1;

	opacity: 1;

	width:37.52%;

  

}

.slide .img4 img{opacity:0.6;}

/*

.slide .img5{

    height:auto;

    top: 8.335%;

    right: 0.85%;

    z-index: 1;

	opacity: 1;

	height:83.33%;

}

*/



.slide .img .pic{ float:left;  line-height:0; border:1px solid #eeeeee; overflow:hidden; width:100%; background-color:#000;}

.slide .img .pic img{

-webkit-transition: all 0.5s ease-out 0s; 

-moz-transition: all 0.5s ease-out 0s; 

-o-transition: all 0.5s ease-out 0s; 

transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}

.slide .img:hover .pic img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}



.slide .sd{ position: absolute; width: 100%; left: 0; top: 0;}

.slide .img2 .sd{ display: none;}

.slide .img4 .sd{ display: none;}







.slideOut2 button{

   position: absolute;

	left: 170px;

	top: 50%;

	margin-top:-34px;

	width: 71px;

	height: 68px;

	background-size:auto 100%;

	z-index: 9;

-webkit-transition: all 0.3s ease-out 0s; 

   -moz-transition: all 0.3s ease-out 0s; 

	 -o-transition: all 0.3s ease-out 0s; 

		transition: all 0.3s ease-out 0s;

}

.slideOut2 .butLeft{ position: absolute; left:160px; background: url(../images/p25.png) center no-repeat; outline: 0; z-index: 20; cursor: pointer;}

.slideOut2 .butRight{position: absolute; right:160px; left: auto;background: url(../images/p27.png) center no-repeat; outline: 0; z-index: 20; cursor: pointer;}	

.slideOut2 .butLeft:hover{background-image: url(../images/p26.png)  }

.slideOut2 .butRight:hover{background-image: url(../images/p28.png) }

	

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

	.slideOut2 .butLeft{left:140px;}

	.slideOut2 .butRight{right:140px;}

}

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

	.slideOut2 .butLeft{left:40px; width:50px; height: 48px;	background-size:cover; margin-top:-24px;}

	.slideOut2 .butRight{right:40px;width:50px; height: 48px;	background-size:cover; margin-top:-24px;}

}

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

		.slideOut2 .butLeft{left:10px; width:30px; height: 29px;	background-size:cover; margin-top:-10px;}

	.slideOut2 .butRight{right:10px;width:30px; height: 29px;	background-size:cover; margin-top:-10px;}

}

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



}



.developDe .H3{text-align:center; font-size:24px; color:#333333; position: relative;padding-bottom:20px; margin-bottom:30px;}

.developDe .H3::after{width:50px; height: 1px; background-color:#dcdcdc; content: ""; position: absolute; bottom: 0; left: 50%; margin-left:-25px;}

.developDe .ico{width:16px; height: 14px; display: block; margin: 30px auto 60px auto; line-height: 0;}

.developDe .p{font-size:14px; line-height: 30px; color:#333333;}

.developDe .p .bold{font-weight:bold;}



.pageA{ position: relative; margin-top:35px; border-top:1px solid #dcdcdc; padding:28px 0;}

.pageA a{font-size:16px; color:#333333; line-height: 20px;}

.pageA2 a{color:#666666;}

.pageA a:hover{color:#3e69d1;}

.pageUp{float:left;width: 40%}

.pageDown{float:right; width: 40%; text-align: right;}

.pageA .backUp{position:absolute; bottom:auto; left: 50%;font-size:16px; color:#666;  white-space: nowrap;

-webkit-transform: translate(-50%, 0);

    -ms-transform: translate(-50%,0);

        transform: translate(-50%, 0);}

.backUp .span{width:20px; height: 20px; float:right; margin-right:5px; background:url(../images/p31.png) center no-repeat; background-size:100%;}

.pageA2{padding-bottom:0; margin-top:0;}



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

	.pageA2{margin-top:20px;}

}

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

	.pageA{margin-top:20px; padding:15px 0;}

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

	.pageA .backUp{width:auto; top:10px; bottom:auto;}

	.pageA2{padding-top:40px;}

	

}



.delAbout .H4{font-size:18px; color:#3e69d1; font-weight: bold;}

.delAbout .develop2List{width:100%;padding:0; }

.delAbout .develop2List .list{margin:20px 2.4%  0 0; margin-bottom:0; width:23.2%;}

.delAbout .develop2List .list:nth-child(4n){margin-right:0;}

.delAbout .develop2List .box .text{padding:20px 30px;}

.delAbout .develop2List .box .text .H4{font-weight: normal;}



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

	.developDe{width:100%;}

}

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

	.developDeBox{padding:30px 0;}	

	.slide .img{padding:2px;}

	.developDe .H3{font-size:18px; padding-bottom:15px; margin-bottom:20px;}

	.developDe .ico{margin:20px auto}

	.developDe .p{line-height:24px;}

	.delAbout .develop2List .list{width:48%; margin:20px 4% 0 0;}

	.delAbout .develop2List .list:nth-child(4n){margin-right:4%;}

	.delAbout .develop2List .list:nth-child(2n){margin-right:0%;}

	.delAbout .develop2List .box .text{padding:10px;}

	.delAbout .develop2List .box .text .H4{font-size:14px;}

}



/*新闻中心*/

.newBox{padding:10px 0 80px 0;}

.new{padding-bottom:60px; width:76.68%; margin: auto;}

.new .list{padding:30px 0; border-bottom:1px solid #e3e4e4;}

.new .time{width:9.76%; float:left; position: relative; padding-top:10px;}

.new .time::after{width:30px; height: 2px; content: ""; background-color:#d9d9d9; position: absolute; top:22px; right:0;}

.new .time .H4{font-size:44px; font-family: Arial; font-weight: bold; color:#3e69d1; line-height: 40px; }

.new .time .H5{font-size:16px; color:#999999;font-family: Arial; margin: 12px 0;}

.new .time .ico{width:24px; height: 12px; line-height: 0; display: block;}

.new .text{width:61.6%; float:left; margin-left:2.4%;}

.new .text .H4{font-size:18px; color:#333333; padding:14px 0 23px 0;}

.new .text .p{font-size:14px; color:#999999; line-height: 26px; height:78px;

	overflow : hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 3;

-webkit-box-orient: vertical; }

.new .img{width:273px; float:right; overflow: hidden;}

.new .img img{-webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

}

.new .list:hover .img img{transform:scale(1.1);

	-webkit-transform:scale(1.1);

	-moz-transform:scale(1.1);

	-o-transform:scale(1.1);}

.new .list:hover .H4{color:#3e69d1;}



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

	.new{width:100%;}

}

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

	.new .text{width:59%;}

}

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

	.new .text{width:50%;}

	.new .time::after{display:none;}

}

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

	.newBox{padding:20px 0 30px 0;}

	.new .list{padding:10px 0;}

	.new .time{width:20%;}

	.new .text{width:70%; margin-left:10px;}

	.new .img{width:100%; margin-top:10px;}

	.new .text .H4{font-size:16px; padding:10px 0;}

	.new .text .p{line-height:22px; height: 66px;}

	.new{padding-bottom:30px;}

}



/*新闻详情*/

.newDeBox{width:76.68%; margin: auto; padding:47px 0 80px 0;}

.newDeL{width:74.4%; float:left;}

.newText .H1{font-size:24px; color:#333333;}

.newTextDiv{border-top:1px solid #d7d8d8; border-bottom:1px solid #d7d8d8; padding:9px 0; margin: 30px 0 40px 0;}

.newTextDiv .H2{font-size:14px; color:#777777; margin-right:0.83%; float:left;line-height: 34px; letter-spacing: 0.5px;}

.newTextCon{font-size:16px; line-height: 30px; color:#333333; padding-bottom:30px;}

.newTextCon .divImg{}

.newTextCon .divImg .img{width:48.49%; margin:30px 3% 30px 0; float:left;}

.newTextCon .divImg .img:nth-child(2n){margin-right:0;}

.share{text-align:center; padding:35px 0 30px 0; line-height: 0; }

.share .bdsharebuttonbox{display:inline-block;}

.share .bdsharebuttonbox .bdshare-button-style0-16{margin:0; padding:0;}

.share .bdsharebuttonbox .bds_weixin{width:35px; height:35px; background:url(../images/wx1.png) center no-repeat; margin: 0; background-size: 100%}

.share .bdsharebuttonbox .bds_tsina{width:35px; height:35px; background:url(../images/sina1.png) center no-repeat; margin:0 15px;background-size: 100%}

.share .bdsharebuttonbox .bds_qzone{width:35px; height:35px; background:url(../images/qzone1.png) center no-repeat; margin: 0;background-size: 100%}



.aboutNewBox{}

.aboutNewBox .H2{font-size:20px; color:#1a2953; font-weight: bold;padding:50px 0 25px 0; }

.aboutNew .list{width:48.71%; margin-right:2.58%; padding:13px 0; border-bottom:1px solid #e4e4e4; float:left;}

.aboutNew .list:nth-child(2n){margin-right:0;}

.aboutNew .list .H5{float:left; font-size:14px; color:#333333; width:80%; 

	overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

}

.aboutNew .list .H6{font-size:14px; color:#777777; float:right;}

.aboutNew .list:hover .H5{color:#1a2953;}



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

	.newDeBox{width:100%;}

}

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

	.newText .H1{font-size:20px;}

}

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

	.aboutNew .list .H5{width:70%;}

	.share{display:none;}

}

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

	.newDeBox{padding:30px 0;}

	.newDeL{width:100%;}

	.newText .H1{font-size:16px; line-height: 22px; text-align: center;}

	.newTextDiv{margin:15px 0; padding:5px 0;}

	.newTextDiv .H2{font-size:12px; line-height: 26px;}

	.newTextDiv .return{line-height:26px;}

	.newTextDiv .return .i1{width:30px;}

	.newTextCon{font-size:14px; line-height: 24px; text-align: justify;}

	.newTextCon .divImg .img{margin-top:20px; margin-bottom:20px;}

	.newDetail .share{padding:20px 0;}

	.aboutNewBox .H2{font-size:18px; padding:15px 0 10px 0;}

	.aboutNew .list{width:100%; margin: 0;}

}



.newDeR{width:22.96%; float:right;}

.newDeR .H4{font-size:18px; color:#fff; font-weight:bold; line-height: 60px; text-align: center; background-color:#3e69d1;}

.aboutNews .list{margin-top:10px;background-color:#f5f5f5; display: block; width:100%; padding:20px 30px ; position: relative;}

.aboutNews .list::after{width:6px; height: 6px; content: ""; background-color:#3e69d1; position: absolute; top:26px; left: 21px; border-radius: 50%;}

.aboutNews .list:first-child{margin-top:20px; }

.aboutNews .list .box{font-size:16px; line-height: 21px; color:#333333; height: 42px; 

overflow : hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;}

.aboutNews .list:hover{background-color:#3e69d1;}

.aboutNews .list:hover::after{background-color:#fff;}

.aboutNews .list:hover .box{color:#fff;}



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

	.aboutNews .list{padding:15px 10px 15px 20px;}

	.aboutNews .list::after{top:22px; left:10px;}

}

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

	.newDeR{width:100%;}

	.newDeR .H4{line-height:40px;}

}





/*联系我们*/

.contact{width:76.68%;padding:50px 0 65px 0;margin: auto;  }

.place{ position: relative; z-index: 1;}

.placeMap{position: relative;margin:0 27.12% 0 10%; }

.dotBox{width:100%; height: 100%; position: absolute; top:0; left: 0;}

.dotBox .dot{width:25px; height: 25px; position: absolute; background:url(../images/p34.png) center no-repeat; background-size:100%;}



.dot1{top:22.11%; left: 67.13%;}

.dot2{top:26.29%; left: 74%;}

.dot3{top:28.71%; left:75.79%;}

.dot4{top:34.43%; left: 78.21%;}

.dot5{top:45.21%; left: 84.45%;}

.dot6{top:45.21%; left: 68.15%;}

.dot7{top:48.51%; left: 59.49%;}

.dot8{top:39.49%; left: 60.89%;}

.dot9{top:37.62%; left:51.21%;}

.dot10{top:36%; left:36.17%;}

.dot11{top:24%; left:21.65%;}



.placeMap .textBox{width:404px; border:1px solid #cccccc; padding:25px; background-color:#fff; position: absolute; top:50%; left:60px;display: none;

-webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

        transform: translate(0, -50%);}

.placeMap .textBox::after{background-color:#cccccc;width:42px; height: 1px;  content: ""; position: absolute; top:50%; left: -42px; content: "";}

.placeMap .textBox .H4{font-size:24px; color:#3e69d1; }

.placeMap .textBox .text{font-size:16px; line-height: 30px; color:#333333; margin-top:15px;}

.placeMap .textBox .text .p1{float:left;}

.placeMap .textBox .text .p2{margin-left:85px; display: block;}





/* 在线留言 */



.zalycp {

    margin-top: 10px; background:#f3f3f3; padding-top:50px; padding-bottom:50px;

}



.zalycp_t {

    text-align: center;

}



.zalycp_th {

    font-size: 48px;

}



.zalycp_tp {

    font-family: 'ProximaNova-Regular';

    font-size: 18px;

    color: #777;

}



.zalycp_b {

    margin-top: 50px;font-size:16px;

}



.zalycp_bf {

    width: 100%;

}



.zalycp_bft {

    display: flex;

    justify-content: space-between;

    margin-bottom: 20px;

}



.zalycp_bft>input {

    padding: 0 30px;

    width: 49%;

    height: 60px;

    border: 1px solid #eeeeee;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px; font-size:16px;

}



.zalycp_bfc {

    margin-bottom: 20px;

}



.zalycp_bfc>textarea {

    display: block;

    width: 100%;

    padding: 20px;

    height: 180px;

    border: 1px solid #eeeeee;

    outline: none;

    resize: none;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;font-size:16px;

}



.zalycp_bfy {

    height: 60px;

    display: flex;

    border: 1px solid #eeeeee;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    overflow: hidden;

}



.zalycp_bfy>input {

    flex: 1;

    border: 0;

    padding: 0 20px;font-size:16px;

}



.zalycp_bfyimg {

    position: relative;

    padding: 0 20px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.zalycp_bfyimg::after {

    content: '';

    position: absolute;

    left: 0;

    top: 50%;

    width: 1px;

    height: 50%;

    background-color: #eee;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

}



.zalycp_bfz {

    padding: 15px 0;

    color: #777;

}



.zalycp_bfd {

    display: flex;

    justify-content: space-between;

}



.zalycp_bfd>input {

    width: 49%;

    height: 60px;font-size:16px;

    border: 0;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    overflow: hidden;

    transition: all .4s;

    -webkit-transition: all .4s;

    -moz-transition: all .4s;

    -ms-transition: all .4s;

    -o-transition: all .4s;

}



.zalycp_bfd>input:hover {

    transform: scale(0.97);

    -webkit-transform: scale(0.97);

    -moz-transform: scale(0.97);

    -ms-transform: scale(0.97);

    -o-transform: scale(0.97);

}



.zalycp_bfdt {

    background-color: #f68c2d;

    color: #fff;

}



.zalycp_bfdc {

    background-color: #eaeaea;

    color: #333;

}



@media screen and (min-width:992px){

	.placeMap .dotBox .dot:hover{background-image:url(../images/p33.png);}

	.placeMap .dotBox .dot:hover .textBox{display:block; z-index: 20;}

}

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

	.placeMap{margin:0 10%;}

}

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

	.contact{width:100%;}

	.placeMap{margin:0 ; overflow: scroll;}

	.placeMap .textBox::after{display:none;}

	.placeMap .textBox{left: 30px; padding:5px; width:300px;}

	.placeMap .textBox .H4{font-size:14px;}

	.placeMap .textBox .text{font-size:12px; line-height: 18px; margin-top:5px;}

	.placeMap .textBox .text .p2{margin-left:60px;}

}

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

	.contact{padding:30px 0;}

}



.map{ width:100%; height:470px;  border:6px solid #fff; box-shadow: 0 0 17px rgba(0,0,0,0.09); margin-top:50px;}

#bdmap{ width:100%; position:relative; height:100%;}

#bdmap .BMap_pop{ float:right; background-image:url(../images/mapbg.png); background-repeat:no-repeat; border:none !important; width:405px !important; border:0 !important; height:84px; margin: 90px 0 0 220px;}

#bdmap .BMap_pop .BMap_top,#bdmap .BMap_pop .BMap_center,#bdmap .BMap_pop .BMap_bottom,#bdmap .BMap_pop div:nth-child(9n){ width:86% !important;}

#bdmap .BMap_pop div{ background:none !important; border-color: none !important; border:0 !important;}

#bdmap .BMap_pop div img{display:none;}

#bdmap .iw_poi_content{ font-size: 14px; color: #666666; line-height: 24px; padding:30px 20px 30px 40px;}

#bdmap .BMap_shadow{ width:100%; float: left; display: none !important;}

#bdmap .BMapLabel{ display: none !important;}

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



}

#bdmap .BMap_pop div:nth-child(9){ top:0 !important; left: 0 !important; width: 100% !important; height: 100%; }

#bdmap .BMap_pop img:nth-child(10){display:none;}



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

	.map{height:500px;}

}

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

	.map{height:300px; margin-top:-50px;}

}



.contact3R{width:68%; float:right; background:url(../images/p42.png) center no-repeat; background-size:cover; margin-top:30px; border:6px solid #fff; box-shadow: 0 0 17px rgba(0,0,0,0.09); padding:35px 4.8% 26px 4.8%;}

.contact3R .H4{font-size:22px; color:#1f1f1f; margin-bottom:20px;}

.contact3R .ico{width:20px; height: 20px; float:left; line-height: 0; margin-top:8px;}

.contact3R .p{font-size:16px; line-height: 36px;}

.contact3R .p2{ margin-left:28px; display: block;}

.contact3L{width:29.6%; float:left; padding:65px 0 0 0;box-shadow: 0 0 17px rgba(0,0,0,0.09); margin-top:30px; height:369px; }

.contact3L .pageEwm{display:block; width:166px; margin: auto; padding:14px; background:url(../images/p35.png) center no-repeat; background-size:100% 100%;}

.contact3L .p{font-size:18px; line-height: 28px; text-align: center; margin-top:18px;}



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

	.contact3R{padding:20px;}

	.contact3R .p{font-size:14px;}

	.contact3L{height:348px;}

}

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

	.contact3R{width:100%; padding:10px;}

	.contact3R .H4{font-size:18px; margin-bottom:10px;}

	.contact3R .p2{line-height:30px;}

	.contact3R .ico{margin-top:5px;}

	.contact3L{width:100%; height: auto; padding:20px 0;}

	.contact3L .p{font-size:14px; line-height: 24px; margin-top:10px;}

}





/*招聘信息*/

.joinBox{padding:63px 0 83px 0; width:76.68%; margin: auto;}

.joinBox .topText{font-size:16px; line-height: 38px; color:#333333;}

.joinBox .topText .color{color:#3e69d1;}

.joinLT{display:none;}

.join{margin-top:45px;}

.joinL{width:19.65%; float:left;}

.joinList .list{padding:0 15.21%; line-height: 47px; background-color:#f8f8f8;  margin-bottom:15px; cursor: pointer;}

.joinList .list .H5{font-size:16px; color:#333333; display: inline-block; vertical-align: middle;}

.joinList .list:last-child{margin:0; }

@media screen and (min-width:768px){

	.joinList .list:hover{background-color:#3e69d1; color:#fff;}

	.joinList .list:hover .H5{color:#fff;}

	.joinList .list.hover{background-color:#3e69d1; color:#fff;}

	.joinList .list.hover .H5{color:#fff;}

}

.joinRBox{width:76.92%; float:right; position: relative;}

.joinRBox .trangle{width:8px; height: 14px; position: absolute; top:20px; left: -7px; line-height: 0;}

.joinR .listT{background-color:#aeaeae; padding:12px 17px;}

.joinR .listT .H5{font-size:16px; color:#fff; line-height: 30px; width:24.24%; margin-right:1%; float:left;}

.joinR .listT .H5:nth-child(4n){margin-right:0;}

.joinR .listT .H5 .bold{font-weight:bold;}

.joinR .listD{padding:0 15px 0 15px;}

.joinR .listD .text{font-size:14px; line-height: 30px; color:#333333;}

.joinR .listD .text .H5{display:inline-block; font-weight: bold; line-height: 40px;}

.joinR .listD .apply{width:124px; height: 38px; line-height: 38px; text-align: center; background-color:#3e69d1; font-size:14px; color:#fff; display: block; margin-top:20px; cursor: pointer;}

.joinR .listD .apply:hover{opacity:0.6;}



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

	.joinBox{width:100%;}

}

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

	.joinList .list .H5,

	.joinR .listT .H5{font-size:14px;}

	.joinList .list{padding:0 10px;}

}

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


	.joinBox{padding:30px 0;}

	.joinBox .topText{font-size:14px; line-height: 24px;text-align: justify;}

	.join{margin-top:30px;}

	.joinL{width:100%; position: relative;}

	.joinLT{display:block; background-color:#3e69d1; position: relative;}

	.joinLT .H5{font-size:16px; line-height: 40px; padding:0 30px 0 10px; color:#fff;}

	.joinLT .ico{width:24px; height: 24px; position: absolute; top:8px; right:10px;

	-webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;}

	.joinLT.active .ico{transform:rotate(180deg);} 

	.joinScroll{height:260px; overflow-y: auto; top:40px; position: absolute;left: 0; width:100%; display: none; z-index: 2;}

	.joinList .list{margin-bottom:0; line-height: 36px; font-size:13px; border-bottom:1px solid #e0e0e0;}

	.joinRBox .trangle{display:none;}

	.joinRBox{width:100%; margin-top:20px;}

	.joinR .listT .H5{width:48%; margin-right:4%;}

	.joinR .listT .H5:nth-child(4n){ margin-right:4%;}

	.joinR .listT .H5:nth-child(2n){ margin-right:0;}

	.joinR .listD{padding:10px 10px 20px 10px;}

	.joinR .listD .apply{margin-top:20px;}

	.joinR .listD .text{font-size:13px; line-height: 24px;}

}



.home3-container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.home-1600{

    width: 100%;

    max-width: 1600px;

    padding-left: 100px;

    padding-right: 400px;

    margin-left: auto;

    margin-right: auto;

}

.home-btn {

    display: inline-block;

    width: 165px;

    height: 45px;

    border-radius: 23px;

    background: #fff;

    color: #3e69d1;

    text-align: center;

    line-height: 45px;

    -webkit-transition: linear all .2s;

    transition: linear all .2s; font-size:16px;

}



.home-btn:hover {

background-image:-webkit-linear-gradient(0,#04a4fc 0%,#0f4ab4 50%);

background-image:-moz-linear-gradient(0,#04a4fc 0%,#0f4ab4 50%);

background-image:-o-linear-gradient(0,#04a4fc 0%,#0f4ab4 50%);

    color: #fff;

}

.home3-left{ color:#fff;}



.home3-right{ color:#fff;}







.home3-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}

.home3-container .home3-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:185px}

.home3-container .home3-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 450px;flex:0 0 450px}

.home3-container .circle-box{width:100%;height:100%;position:relative;z-index:1;border-radius:50%;border:2px dashed rgba(255,255,255,0.3);-webkit-animation:loadRotate2 30s linear infinite;animation:loadRotate2 30s linear infinite}

.home3-container .circle-box .circle-item{position:absolute;z-index:10;width:24px;height:24px;margin-top:-12px;margin-left:-12px;background:#fff;border-radius:50%;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}

.home3-container .circle-box .circle-item.is-active{width:124px;height:124px;margin-top:-62px;margin-left:-62px;background:transparent}.home3-container .circle-box .circle-item.is-active:after{width:60px;height:60px;background:transparent}

.home3-container .circle-box .circle-item.is-active .item-img{opacity:1}

.home3-container .circle-box .circle-item:before{content:"";display:block;width:100%;height:100%;border-radius:50%;border:1px solid rgba(255,255,255,0.2);-webkit-animation:anim-ripple 2s ease-out infinite forwards;animation:anim-ripple 2s ease-out infinite forwards}

.home3-container .circle-box .circle-item:after{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:10px;height:10px;background:#3e69d1;border-radius:50%;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}

.home3-container .circle-box .circle-item .item-img{position:absolute;top:50%;left:50%;z-index:1;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);max-width:none;width:124px;height:124px;border-radius:50%;opacity:0;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.home3-container .circle-box .circle-item.item-1{top:0;left:50%}

.home3-container .circle-box .circle-item.item-2{top:30%;left:96%}

.home3-container .circle-box .circle-item.item-3{top:87%;left:84%}

.home3-container .circle-box .circle-item.item-4{top:87%;left:16%}

.home3-container .circle-box .circle-item.item-5{top:30%;left:4%}

.home3-container .circle-container{position:relative;width:667px;height:667px;border-radius:50%}

.home3-container .circle-container .center-img{position:absolute;top:0;left:0;width:100%;height:100%;padding:85px;border-radius:50%}

.home3-container .circle-container .center-title{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:20px;font-weight:bold}

.home3-container .circle-container img{width:100%;border-radius:50%}

.home3-container .right-item{display:none}

.home3-container .right-item.is-active{display:block}

.home3-container .right-item .home3-title-cn{font-size:24px;font-weight:bold;margin-bottom:20px}

.home3-container .right-item .home3-title-en{font-size:20px;margin-bottom:30px}

.home3-container .right-item .home3-title-en:after{content:"";display:block;width:40px;border-bottom:1px solid #fff;margin-top:24px}

.home3-container .right-item .home3-desc{line-height:24px;margin-bottom:60px; font-size:18px; line-height:32px;}



@-webkit-keyframes loadRotate2{from{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}to{-webkit-transform:rotateZ(-360deg);transform:rotateZ(-360deg)}}

@keyframes loadRotate2{from{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}to{-webkit-transform:rotateZ(-360deg);transform:rotateZ(-360deg)}}

@-webkit-keyframes anim-ripple{0%{opacity:0;-webkit-transform:scale3d(2, 2, 1);transform:scale3d(2, 2, 1)}50%{opacity:1}100%{opacity:0;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}

@keyframes anim-ripple{0%{opacity:0;-webkit-transform:scale3d(2, 2, 1);transform:scale3d(2, 2, 1)}50%{opacity:1}100%{opacity:0;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}

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

	.home2-container .home2-list li:not(:last-child){margin-right:60px}

	.home2-container .home2-list li{width:80px}

	.home2-container .home2-list .item-count span{font-size:38px}

	}

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

	.home2-container .home2-list li:not(:last-child){margin-right:50px}}

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

		.home2-container .home2-list li:not(:last-child){margin-right:30px}

		.home3-container .circle-container{width:560px;height:560px}

		.home3-container .home3-left{margin-right:100px}

		.home2-container .home2-left{margin-right:40px}

		}

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

	.home2-container .home2-left{margin-right:40px}

	.home2-container .home2-title{font-size:24px;margin-bottom:20px}

	.home2-container .home2-desc{margin-bottom:40px}

	.home2-container .home2-list .item-count span{font-size:38px}

	}

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

	.home2-container .home2-left{-webkit-box-flex:4;-ms-flex:4;flex:4}

	.home3-container .circle-container{width:300px;height:300px; right:50px;}

	}

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

	.menu-left{display:none}

	.home-1820,.home-1600{padding-left:100px;padding-right:100px}

	.home3-container .home3-right{-webkit-box-flex:0;-ms-flex:0 0 280px;flex:0 0 280px}

	}

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

.home3-container .circle-container .center-img{padding:30px}.home3-container .circle-box .circle-item .item-img{width:60px;height:60px}.

home3-container .circle-box .circle-item.is-active{width:60px;height:60px;margin-top:-30px;margin-left:-30px}

#fullpage{overflow:hidden}

	}




@media (min-width:769px){
	.pf_tel{ display:none;}
	}
@media (max-width:768px){
.pf_tel {width: 45px; height: 45px; margin: 0; padding: 0; position: fixed;right: 5px;bottom: 40%; z-index: 100;}
.pf_tel li { display: block;  margin: 0;width: 45px; height: 45px; padding: 10px; border-radius: 50%; background-color: #ff7200;
    box-shadow: 0 0 0.16rem rgba(255, 114, 0, 0.4); margin-top:5px;}
.pf_tel a img {display: block; width: 30px;margin: 0 auto; padding: 0;
}
.pf_tel p{ font-size:14px; color:#666; text-align:center;margin-top: 3px;}

.pf_tel li:last-child{margin-top:5px !important; background:#666 !important; display:block;}
.pf_tel li .telBox01.son {
    width: 160px;
    display: none;
    color: #fff;
    text-align: left;
    position: absolute;
    left: 78px;
    top: 0;
    background: #f67524;
}
}

.tPhone a{color: #fff;}