/*banner begin*/
.BMap_bubble_content{margin:0 auto;text-align: center;}
.box1{ clear:both; width:100%; height:700px;overflow:hidden; position:relative; }

.xown{ display:table;width:100%; height:700px; line-height:700px; text-align:center;  vertical-align:inherit; position:relative;opacity:0;color:#fff; font-size:48px;}

.ani-slide .xown{opacity:1;-webkit-animation-name: driveInBottom;animation-name: driveInBottom;-webkit-animation-duration: 4s; animation-duration: 4s;}



.xown1{ display:table;width:100%; height:700px; padding-top:300px;text-align:center;  vertical-align:inherit; position:relative;opacity:0;color:#fff; font-size:48px; line-height:86px;}

.ani-slide .xown1{opacity:1;-webkit-animation-name: driveInTop;animation-name: driveInTop;-webkit-animation-duration: 4s; animation-duration: 4s;}



.xown2{ display:table;width:488px; height:700px; padding-top:300px;text-align:center;  vertical-align:inherit; position:relative;color:#fff; font-size:48px; line-height:86px; margin:0 auto;}

.xown2 h1{ text-align:left; color:#fff; font-size:48px;opacity:0;}

.xown2 h2{ text-align:right; color:#fff; font-size:48px;opacity:0;}

.ani-slide .xown2 h1{opacity:1;-webkit-animation-name: driveInLeft;animation-name: driveInLeft;-webkit-animation-duration: 4s; animation-duration: 4s;}

.ani-slide .xown2 h2{opacity:1;-webkit-animation-name: driveInRight;animation-name: driveInRight;-webkit-animation-duration: 4s; animation-duration: 4s;}

.xown3{ display:table;width:100%; height:700px; padding-top:353px;text-align:center;  vertical-align:inherit; position:relative;color:#fff; font-size:48px; line-height:66px; margin:0 auto;}

.aqde{ float:right; width:560px; text-align:left; color:#fff; font-size:48px; line-height:66px;opacity:0;}

.ani-slide .aqde{opacity:1;-webkit-animation-name: driveInRight;animation-name: driveInRight;-webkit-animation-duration: 4s; animation-duration: 4s;}

@media(max-width:1024px){

.box1{ clear:both; width:100%; height:500px;overflow:hidden; position:relative; }	

.xown{ display:table;width:100%; height:500px; line-height:500px; text-align:center;  vertical-align:inherit; position:relative;opacity:0;color:#fff; font-size:20px;}

.xown1{ display:table;width:100%; height:500px; padding-top:250px;text-align:center;  vertical-align:inherit; position:relative;opacity:0;color:#fff; font-size:20px; line-height:25px;}

.xown2{ display:table;width:198px; height:500px; padding-top:250px;text-align:center;  vertical-align:inherit; position:relative;color:#fff; font-size:48px; line-height:25px; margin:0 auto;}

.xown2 h1{ text-align:left; color:#fff; font-size:20px;opacity:0;}

.xown2 h2{ text-align:right; color:#fff; font-size:20px;opacity:0;}

.xown3{ display:table;width:100%; height:500px; padding-top:290px;text-align:center;  vertical-align:inherit; position:relative;color:#fff; font-size:48px; line-height:66px; margin:0 auto;}



.aqde{ float:right; width:430px; text-align:left; color:#fff; font-size:20px; line-height:25px;opacity:0;}



}

@media(max-width:414px){

.box1{ clear:both; width:100%; height:350px;overflow:hidden; position:relative; }	

.xown{ display:table;width:100%; height:350px; line-height:25px; padding-top:180px; text-align:center;  vertical-align:inherit; position:relative;opacity:0;color:#fff; font-size:20px;}

.xown1{ display:table;width:100%; height:350px; padding-top:180px;text-align:center;  vertical-align:inherit; position:relative;opacity:0;color:#fff; font-size:20px; line-height:25px;}

.xown2{ display:table;width:198px; height:350px; padding-top:180px;text-align:center;  vertical-align:inherit; position:relative;color:#fff; font-size:48px; line-height:25px; margin:0 auto;}

.xown2 h1{ text-align:left; color:#fff; font-size:20px;opacity:0;}

.xown2 h2{ text-align:right; color:#fff; font-size:20px;opacity:0;}

.xown3{ display:table;width:100%; height:350px; padding-top:180px;text-align:center;  vertical-align:inherit; position:relative;color:#fff; font-size:48px; line-height:66px; margin:0 auto;}

.aqde{ float:right; width:70%; text-align:left; color:#fff; font-size:20px; line-height:25px;opacity:0;}

}



/*banner end*/





/*main begin*/

.box2{ clear:both; height:auto; overflow:hidden ; background:#f2f2f2; padding:48px 0 60px 0;}

.cpin{ width:1390px; margin:0 auto;}

.cpin_t{ height:auto; overflow:hidden; color:#333333; font-size:30px; line-height:40px; text-align:center; margin-bottom:30px;}

.cpin_t i{ display:block; color:#333; font-size:20px; font-family:Arial, Helvetica, sans-serif; text-transform:capitalize;}

.cpin_b{ width:100%; height:auto;}

.cpin_b li{ float:left; width:31%; height:auto; min-height:auto; background:#fff; border-radius:10px; box-shadow:0px 0px 20px #d4e1ef; padding:40px 10px 10px 10px; text-align:center; margin-right:3.5%; cursor:pointer;}

.cpin_b li h1{ color:#333333; line-height:28px; font-size:24px; margin-bottom:10px;transition: all 1s ease;}

.cpin_b li p{ color:#333333; line-height:28px; font-size:16px;transition: all 1s ease;}

.cpin_b li img{ display:block; max-width:100%; height:214px; margin:0 auto; margin-top:40px;transition: all 1s ease;}

.cpin_b li:last-child{ margin-right:0px;}

.cpin_b li:hover h1,.cpin_b li:hover p{ color:#0c4f9d;}

.cpin_b li:hover img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}

@media(max-width:1440px){

.cpin{ width:100%; padding:0 60px; margin:0 auto;}

}

@media(max-width:1024px){

.cpin{ width:100%; padding:0 30px; margin:0 auto;}

.cpin_t{ height:auto; overflow:hidden; color:#333333; font-size:20px; line-height:30px; text-align:center; margin-bottom:30px;}

.cpin_t i{ display:block; color:#333; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-transform:capitalize;}

.cpin_b li h1{ color:#333333; line-height:28px; font-size:18px; margin-bottom:10px;transition: all 1s ease;}

.cpin_b li p{ color:#333333; line-height:28px; font-size:16px;transition: all 1s ease;}

.cpin_b li img{ display:block; max-width:60%; height:161px; margin:0 auto; margin-top:20px;transition: all 1s ease;}

.box2{ clear:both; height:auto; overflow:hidden ; background:#f2f2f2; padding:30px 0 30px 0;}

}

@media(max-width:768px){

.cpin{ width:100%; padding:0 30px; margin:0 auto;}

.cpin_t{ height:auto; overflow:hidden; color:#333333; font-size:20px; line-height:30px; text-align:center; margin-bottom:30px;}

.cpin_t i{ display:block; color:#333; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-transform:capitalize;}

.cpin_b li h1{ color:#333333; line-height:28px; font-size:18px; margin-bottom:10px;transition: all 1s ease;}

.cpin_b li p{ color:#333333; line-height:28px; font-size:16px;transition: all 1s ease;}

.cpin_b li img{ display:block; max-width:60%; height:115px; margin:0 auto; margin-top:20px;transition: all 1s ease;}

}

@media(max-width:414px){

.cpin{ width:100%; padding:0 15px; margin:0 auto;}

.cpin_t{ height:auto; overflow:hidden; color:#333333; font-size:20px; line-height:30px; text-align:center; margin-bottom:30px;}

.cpin_t i{ display:block; color:#333; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-transform:capitalize;}

.cpin_b li h1{ color:#333333; line-height:28px; font-size:18px; margin-bottom:10px;transition: all 1s ease;}

.cpin_b li p{ color:#333333; line-height:28px; font-size:16px;transition: all 1s ease;}

.cpin_b li img{ display:block; max-width:60%; height:auto; margin:0 auto; margin-top:20px;transition: all 1s ease;}

.cpin_b li{ float:left; width:100%; height:auto; min-height:auto; background:#fff; border-radius:10px; box-shadow:0px 0px 20px #d4e1ef; padding:40px 10px 10px 10px; text-align:center; margin-right:0%; margin-bottom:15px; cursor:pointer;}

.cpin_b li:last-child{ margin-right:0px; margin-bottom:0px;}



}



.box3{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg.jpg) repeat-x left top #fdfdff; padding:48px 0 0 0 ;}

.njin{ width:100%; height:auto; clear:both; height:auto; overflow:hidden;}

.njin li{ float:left; width:20%; height:auto; position:relative; overflow:hidden; perspective: 1000px;}

.scinq{ position:relative; width:100%; height:auto; position:relative;}

.scin img{ display:block; width:100%; height:600px;}

.scin1{ width:100%; height:auto; transform: rotateY(0);transition: all 0.50s ease-in-out 0s;}

.scin2{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;    transform: rotateY(90deg);transition: all 0.50s ease-in-out 0s; z-index:88; z-index:-1}

.njin li:hover .scin2{transform: rotateY(0); z-index:99}

.njin li:hover .scin1{transform: rotateY(90deg); z-index:88}

.soni{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:99; padding:276px 0px 0 0px;transition: all 1s ease;}

.soni h1{ color:#ffffff; font-size:30px; line-height:30px; margin-bottom:50px; min-height:63px; text-align:center;transition: all 1s ease; position:relative;}

.soni h1:after{ content:'';position:absolute;left:0;right:0; margin:0 auto; bottom:0px; height:4px;width:0px;background:#fff;transition:400ms ease all;-moz-transition:400ms ease all;}

.soni img{ display:block; margin:0 auto; margin-bottom:25px;}

.soni p{ padding:0 60px 0 60px; color:#ffffff; line-height:28px; font-size:14px;}

.imdg{ opacity:0;transition: all 1s ease;}

.njin li:hover  h1:after{ content:'';position:absolute;left:0;right:0; margin:0 auto; bottom:0px; height:4px;width:60px;background:#fff;transition:400ms ease all;-moz-transition:400ms ease all;}

.njin li:hover .imdg{ opacity:1;}

.njin li:hover .soni{ padding:157px 0 0 0;}

@media(max-width:1680px){

.njin li:hover .soni{ padding:127px 0 0 0;}	

.soni p{ padding:0 40px 0 40px; color:#ffffff; line-height:28px; font-size:14px;}

}

@media(max-width:1440px){

.njin li:hover .soni{ padding:97px 0 0 0;}	

.soni p{ padding:0 20px 0 20px; color:#ffffff; line-height:28px; font-size:14px;}

.soni h1{ color:#ffffff; font-size:20px; line-height:30px; margin-bottom:30px; min-height:43px; text-align:center;transition: all 1s ease; position:relative;}

.soni img{ display:block; margin:0 auto; width:75px; margin-bottom:25px;}

.scin img{ display:block; width:100%; height:450px;}

.soni{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:99; padding:176px 0px 0 0px;transition: all 1s ease;}

}

@media(max-width:1280px){

.njin li:hover .soni{ padding:47px 0 0 0;}	

.soni p{ padding:0 20px 0 20px; color:#ffffff; line-height:28px; font-size:14px;}

.soni h1{ color:#ffffff; font-size:20px; line-height:30px; margin-bottom:30px; min-height:43px; text-align:center;transition: all 1s ease; position:relative;}

.soni img{ display:block; margin:0 auto; width:75px; margin-bottom:25px;}

.scin img{ display:block; width:100%; height:400px;}

.soni{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:99; padding:136px 0px 0 0px;transition: all 1s ease;}

}

@media(max-width:1024px){

.njin li:hover .soni{ padding:256px 0 0 0;}	

.soni p{ padding:0 20px 0 20px; color:#ffffff; line-height:28px; font-size:14px;}

.soni h1{ color:#ffffff; font-size:20px; line-height:30px; margin-bottom:30px; min-height:43px; text-align:center;transition: all 1s ease; position:relative;}

.soni img{ display:block; margin:0 auto; width:75px; margin-bottom:25px;}

.scin img{ display:block; width:100%; height:auto;}

.soni{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:99; padding:356px 0px 0 0px;transition: all 1s ease;}

.njin li{ float:left; width:50%; height:auto; position:relative; overflow:hidden; perspective: 1000px;}

}

@media(max-width:768px){

.njin li:hover .soni{ padding:176px 0 0 0;}	

.soni p{ padding:0 20px 0 20px; color:#ffffff; line-height:28px; font-size:14px;}

.soni h1{ color:#ffffff; font-size:20px; line-height:30px; margin-bottom:30px; min-height:43px; text-align:center;transition: all 1s ease; position:relative;}

.soni img{ display:block; margin:0 auto; width:75px; margin-bottom:25px;}

.scin img{ display:block; width:100%; height:auto;}

.soni{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:99; padding:286px 0px 0 0px;transition: all 1s ease;}

.njin li{ float:left; width:50%; height:auto; position:relative; overflow:hidden; perspective: 1000px;}

}

@media(max-width:414px){

.njin li:hover .soni{ padding:26px 0 0 0;}	

.soni p{ padding:0 10px 0 10px; color:#ffffff; line-height:24px; font-size:12px;}

.soni h1{ color:#ffffff; font-size:16px; line-height:30px; margin-bottom:20px; min-height:40px; text-align:center;transition: all 1s ease; position:relative;}

.soni img{ display:block; margin:0 auto; width:55px; margin-bottom:10px;}

.scin img{ display:block; width:100%; height:323px;}

.soni{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:99; padding:106px 0px 0 0px;transition: all 1s ease;}

.njin li{ float:left; width:50%; height:auto; position:relative; overflow:hidden; perspective: 1000px;}

}

.box4{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg1.jpg) no-repeat center top  #f0f0f0;}

.box4_1{ width:100%; height:auto; overflow:hidden; background:url(../images/bg2.jpg) no-repeat center bottom; padding:50px 263px 140px 135px; position:relative;}

.boce{ height:auto;}

.boce_l{ float:left; width:127px; color:#333333; font-size:18px; padding-top:102px;}

.boce_r{ float:right; width:91%; height:auto;padding:10px; overflow:hidden;}

.fzoi{ width:100%; height:auto; min-height:252px; background:#fff; box-shadow:0px 0px 10px #ccc; border-radius:10px; padding:90px 10px 0 79px;}

.fzoi h1{ color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:36px; line-height:48px;}

.fzoi h1 i{ color:#333333; font-size:18px;font-family:"Microsoft YaHei";}

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







/*.fzoi{ width:100%; height:auto; min-height:252px; background:#fff; box-shadow:0px 0px 10px #ccc; border-radius:10px; padding:60px 20px 30px 20px;}

.fzoi h1{ color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:26px; line-height:48px;}

.fzoi h1 i{ color:#333333; font-size:18px;font-family:"Microsoft YaHei";}

.fzoi p{ color:#333333; font-size:14px; line-height:24px;}*/





@media(max-width:1680px){

.box4_1{ width:100%; height:auto; overflow:hidden; background:url(../images/bg2.jpg) no-repeat center bottom; padding:50px 100px 140px 100px; position:relative;}	

.fzoi{ width:100%; height:auto; min-height:252px; background:#fff; box-shadow:0px 0px 10px #ccc; border-radius:10px; padding:90px 30px 0 30px;}

}

@media(max-width:1366px){

.box4_1{ width:100%; height:auto; overflow:hidden; background:url(../images/bg2.jpg) no-repeat center bottom; padding:50px 100px 140px 100px; position:relative;}	

.fzoi{ width:100%; height:auto; min-height:252px; background:#fff; box-shadow:0px 0px 10px #ccc; border-radius:10px; padding:50px 30px 0 30px;}

.boce_r{ float:right; width:88%; height:auto;padding:10px; overflow:hidden;}



}

@media(max-width:1024px){

.box4_1{ width:100%; height:auto; overflow:hidden; background:url(../images/bg2.jpg) no-repeat center bottom; padding:40px 30px 40px 30px; position:relative;}	

.fzoi{ width:100%; height:auto; min-height:252px; background:#fff; box-shadow:0px 0px 10px #ccc; border-radius:10px; padding:50px 30px 0 30px;}

.boce_r{ float:right; width:86%; height:auto;padding:10px; overflow:hidden;}

.boce_l{ float:left; width:127px; color:#fff; font-size:18px; padding-top:102px;

}

}

@media(max-width:768px){

.box4_1{ width:100%; height:auto; overflow:hidden; background:url(../images/bg2.jpg) no-repeat center bottom; padding:40px 30px 40px 30px; position:relative;}	

.fzoi{ width:100%; height:auto; min-height:252px; background:#fff; box-shadow:0px 0px 10px #ccc; border-radius:10px; padding:50px 30px 0 30px;}

.boce_r{ float:right; width:80%; height:auto;padding:10px; overflow:hidden;}

.boce_l{ float:left; width:127px; color:#fff; font-size:18px; padding-top:102px;

}

}

@media(max-width:414px){

.box4_1{ width:100%; height:auto; overflow:hidden; background:url(../images/bg2.jpg) no-repeat center bottom; padding:40px 15px 40px 15px; position:relative;}	

.fzoi{ width:100%; height:auto; min-height:252px; background:#fff; box-shadow:0px 0px 10px #ccc; border-radius:10px; padding:50px 30px 0 30px;}

.boce_r{ float:right; width:65%; height:auto; padding:0px; overflow:hidden;}

.boce_l{ float:left; width:127px; color:#333; font-size:18px; padding-top:0px;

}

}

@media(max-width:360px){

.box4_1{ width:100%; height:auto; overflow:hidden; background:url(../images/bg2.jpg) no-repeat center bottom; padding:40px 15px 40px 15px; position:relative;}	

.fzoi{ width:100%; height:auto; min-height:252px; background:#fff; box-shadow:0px 0px 10px #ccc; border-radius:10px; padding:50px 30px 0 30px;}

.boce_r{ float:right; width:61%; height:auto; padding:0px; overflow:hidden;}

.boce_l{ float:left; width:127px; color:#333; font-size:18px; padding-top:0px;

}

}

/*main end*/



/*产品中心 beign*/

.cp_box{ clear:both; width:100%; height:auto; min-height:500px; padding-top:80px;}

.cp_box_1{ width:100%; height:0px; overflow:hidden; opacity:0; position:absolute; left:0; top:88px; background:rgba(51,51,51,0.27); overflow:hidden;transition: all 1s ease;}

.cp_box_1 span{ float:left; color:#fff; line-height:30px; font-size:24px; margin-left:40px; margin-right:90px;}

.cp_box_1 ul{ float:left;}

.cp_box_1 li{ float:left; margin-right:40px; line-height:30px; height:30px; padding-top:0px;}

.cp_box_1 li a{ display:block; color:#fff; font-size:14px; padding:0 15px;}

.cp_box_1 li a:hover{ background:#163c69}

.cp_box_1 li a:hover:after{ content:'';position:absolute;left:0; bottom:0px; height:2px;width:0px;background:#0c4f9d;transition:400ms ease all;-moz-transition:400ms ease all;}

.cp_box_1 li a.wonw{ background:#163c69;}

.cp_box_1 li:last-child{ margin-right:0px;}

@media(max-width:1024px){

.cp_box{ clear:both; width:100%; height:auto; min-height:400px; padding-top:80px;}

.cp_box_1{ width:100%; height:auto; padding:15px 0; background:rgba(51,51,51,0.27); overflow:hidden;}

.cp_box_1 span{ float:left; color:#fff; line-height:30px; font-size:18px; margin-left:0px; margin-right:15px;}

.cp_box_1 li{ float:left; margin-right:15px; line-height:30px;}	

}

@media(max-width:414px){

.cp_box{ clear:both; width:100%; height:auto; min-height:300px; padding-top:80px;}

.cp_box_1{ width:100%; height:auto; padding:15px 0; background:rgba(51,51,51,0.27); overflow:hidden;}

.cp_box_1 span{ float:left; width:100%; color:#fff; line-height:30px; font-size:18px; margin-left:0px; margin-right:0px;}

.cp_box_1 li{ float:left; margin-right:15px; line-height:30px;}	

.cp_box_1 ul{ float:left; display:block; width:100%;}

}



.cp_box1{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff;}

.cowni{ width:1400px; height:auto; margin:0 auto;}

.cowni_l{ float:left; width:11%; height:auto; min-height:134px; background:#163c69; text-align:center; color:#fff; font-size:18px; padding-top:11px;}

.cowni_l span{ display:block; color:#fff; position:relative; font-size:52px; font-family:Arial, Helvetica, sans-serif; padding-bottom:7px; margin-bottom:7px;}

.cowni_l span:after{ content:'';position:absolute;left:0;right:0; margin:0 auto; bottom:0px; height:2px;width:20px;background:#fff;transition:400ms ease all;-moz-transition:400ms ease all;}

.cowni_r{ float:right; width:89%; height:auto; overflow:hidden; padding:102px 85px 59px 159px }

.cowni_r1{ float:left; width:44%; height:auto; position:relative; border:1px solid #a0a0a0; border-radius:10px; min-height:312px; text-align:center;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; border-top-left-radius:0px;}

.cowni_r1 img{ display:block; max-width:100%; height:319px;}

.cowni_r1:after{ content:'';position:absolute;left:0; top:-1px; height:1px;width:80%;background:#fff;transition:400ms ease all;-moz-transition:400ms ease all;}

.cowni_r1:before{ content:'';position:absolute;left:-1px; top:0px; height:80%;width:1px;background:#fff;transition:400ms ease all;-moz-transition:400ms ease all;}



.cowni_r2{ float:right; width:44%; height:auto; overflow:hidden; padding-top:80px;}

.cowni_r2 p{ background:url(../images/bg2.png) no-repeat left 15px; padding-left:25px; color:#333333; font-size:16px; line-height:30px;}

.cp_box1_1{ background:#f2f2f2;}

.cowni_l1{ float:right;}

.cowni_r1_1{ float:right;}

.cowni_r1_1:after{ content:'';position:absolute;left:0; top:-1px; height:1px;width:80%;background:#f2f2f2;transition:400ms ease all;-moz-transition:400ms ease all;}

.cowni_r1_1:before{ content:'';position:absolute;left:-1px; top:0px; height:80%;width:1px;background:#f2f2f2;transition:400ms ease all;-moz-transition:400ms ease all;}

.cowni_r2_1{ float:left;}

.cowni_l_e{ padding-top:0px;}

.cowni_r2_2{ padding-top:90px;}

.cowni_r2_3{ padding-top:35px;}

.cowni_r2_4{ padding-top:0px;}

@media(max-width:1440px){

.cowni{ width:100%; padding:0 60px; height:auto; margin:0 auto;}	

}

@media(max-width:1366px){

.cowni_r2 p{ background:url(../images/bg2.png) no-repeat left 15px; padding-left:15px; color:#333333; font-size:15px; line-height:30px; letter-spacing:-0.5px;}

	

}

@media(max-width:1024px){

.cowni{ width:100%; padding:0 30px; height:auto; margin:0 auto;}	

.cowni_l{ float:left; width:20%; height:auto; min-height:134px; background:#163c69; text-align:center; color:#fff; font-size:20px; padding-top:30px;}

.cowni_r{ float:right; width:100%; height:auto; overflow:hidden; padding:20px 0px 40px 0px }

.cowni_r1 img{ display:block; width:100%; height:366px;}

.cowni_l_e{ padding-top:0px;}

.cowni_l span{ display:block; color:#fff; position:relative; font-size:20px; font-family:Arial, Helvetica, sans-serif; padding-bottom:7px; margin-bottom:7px;}

.cowni_r2{ float:right; width:44%; height:auto; overflow:hidden; padding-top:30px;}

.cowni_r2_2{ padding-top:90px;}

.cowni_r2_3{ padding-top:35px;}

.cowni_r2_4{ padding-top:0px;}

.cowni_r1_2{ float:left;}

}

@media(max-width:768px){

.cowni{ width:100%; padding:0 30px; height:auto; margin:0 auto;}	

.cowni_l{ float:left; width:20%; height:auto; min-height:134px; background:#163c69; text-align:center; color:#fff; font-size:14px; padding-top:30px;}

.cowni_r{ float:right; width:100%; height:auto; overflow:hidden; padding:20px 0px 40px 0px }

.cowni_r1 img{ display:block; width:100%; height:auto;}

.cowni_l_e{ padding-top:30px;}

.cowni_r1_2{ float:left;}

.cowni_r2_1{ float:left;}

}

@media(max-width:414px){

.cowni{ width:100%; padding:0 30px; height:auto; margin:0 auto;}	

.cowni_l{ float:left; width:30%; height:auto; min-height:114px; background:#163c69; text-align:center; color:#fff; font-size:14px; padding-top:30px;}

.cowni_r{ float:right; width:100%; height:auto; overflow:hidden; padding:20px 0px 40px 0px }

.cowni_r1 img{ display:block; width:100%; height:auto;}

.cowni_l_e{ padding-top:15px;}

.cowni_r1_2{ float:left;}

.cowni_r2_1{ float:left;}

.cowni_r1{ float:left; width:100%; height:auto; position:relative; border:1px solid #a0a0a0; border-radius:10px; min-height:312px; text-align:center;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; border-top-left-radius:0px;}

.cowni_r2{ float:right; width:100%; height:auto; overflow:hidden; padding-top:20px;}

.cowni_r2 p{ background:url(../images/bg2.png) no-repeat left 12px; padding-left:15px; color:#333333; font-size:14px; line-height:24px;}



}

/*产品中心 end*/





/*解决方案 begin*/

.cp_box_2{ width:100%;height:0px; overflow:hidden; opacity:0; position:absolute; left:0; top:88px; background:rgba(51,51,51,0.27); overflow:hidden;transition: all 1s ease;}

.cp_box_2 span{ float:left; color:#fff; line-height:30px; font-size:24px; margin-left:40px; margin-right:90px;}

.cp_box_2 ul{ float:left;}

.cp_box_2 li{ float:left;line-height:30px; height:30px; padding-top:0px;}

.cp_box_2 li a{ display:block; color:#fff; font-size:14px; padding:0 15px;}

.cp_box_2 li a:hover{ background:#163c69}

.cp_box_2 li a.wonw{ background:#163c69;}

.cp_box_2 li:last-child{ margin-right:0px;}

.cp_box_2 li a:hover:after{ content:'';position:absolute;left:0; bottom:0px; height:2px;width:0px;background:#0c4f9d;transition:400ms ease all;-moz-transition:400ms ease all;}



@media(max-width:1024px){

.cp_box_2{ width:100%; height:auto; padding:15px 0; background:rgba(51,51,51,0.27); overflow:hidden;}

.cp_box_2 span{ float:left; color:#fff; line-height:30px; font-size:18px; margin-left:0px; margin-right:15px;}

.cp_box_2 li{ float:left; margin-right:15px; line-height:30px;}	

}

@media(max-width:414px){

.cp_box_2{ width:100%; height:auto; padding:15px 0; background:rgba(51,51,51,0.27); overflow:hidden;}

.cp_box_2 span{ float:left; width:100%; color:#fff; line-height:30px; font-size:18px; margin-left:0px; margin-right:0px; margin-bottom:10px;}

.cp_box_2 li{ float:left; margin-right:15px; line-height:30px;}	

.cp_box_2 ul{ float:left; display:block; width:100%;}

}

@media(max-width:360px){

.cp_box_2{ width:100%; height:auto; padding:15px 0; background:rgba(51,51,51,0.27); overflow:hidden;}

.cp_box_2 span{ float:left; width:100%; color:#fff; line-height:30px; font-size:18px; margin-left:0px; margin-right:0px; margin-bottom:10px;}

.cp_box_2 li{ float:left; margin-right:0px; line-height:30px;}	

.cp_box_2 ul{ float:left; display:block; width:100%;}

}



.jj_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:50px 0;}

.jifi{ width:1360px; height:auto; margin:0 auto;}

.jifi_t{ position:relative; height:auto; border-left:10px solid #163c69; padding-left:10px; color:#333333; font-size:30px; line-height:30px; min-height:32px; margin-bottom:50px;}

.jifi_b{ height:auto; overflow:hidden;}

.jifi_bl{ float:left; width:41%; height:auto; overflow:hidden;}

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

.jifi_br{ float:right; width:46%; height:auto; overflow:hidden;}

.jifi_br img{ display:block; width:100%; height:auto;}

@media(max-width:1440px){

.jifi{ width:100%; padding:0 60px; height:auto; margin:0 auto;}

}

@media(max-width:1024px){

.jj_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:40px 0;}

.jifi{ width:100%; padding:0 30px; height:auto; margin:0 auto;}

.jifi_t{ position:relative; height:auto; border-left:5px solid #163c69; padding-left:10px; color:#333333; font-size:20px; line-height:30px; min-height:32px; margin-bottom:30px;}

.jifi_bl{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:20px;}

.jifi_br{ float:right; width:100%; height:auto; overflow:hidden;}

}

@media(max-width:414px){

.jj_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:40px 0;}

.jifi{ width:100%; padding:0 15px; height:auto; margin:0 auto;}

.jifi_t{ position:relative; height:auto; border-left:5px solid #163c69; padding-left:10px; color:#333333; font-size:20px; line-height:30px; min-height:32px; margin-bottom:30px;}

.jifi_bl{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:20px;}

.jifi_br{ float:right; width:100%; height:auto; overflow:hidden;}

}



.jj_box1{ clear:both; width:100%; height:auto; overflow:hidden; background:#f2f2f2; padding:50px 0;}

.ptsi{ height:auto; overflow:hidden;}

.ptsi dl{ float:left; width:50%; height:auto; overflow:hidden; position:relative;}

.ptsi dt{ float:left; width:50%; height:auto; overflow:hidden;}

.ptsi dt img{ display:block; max-width:100%; height:238px;}

.ptsi dd{ float:right; width:44%; height:auto; padding:104px 40px 0 0;}

.ptsi dd p{ line-height:28px; color:#333333; font-size:14px;}

.ptsi dl span{ display:block; width:92px; height:26px; position:absolute; left:48%; top:58px; background:url(../images/bg3.png) no-repeat center center; line-height:26px; text-align:center; color:#fdfeff; font-size:14px;}

.ptsi dl:nth-child(3) dt{ float:right;}

.ptsi dl:nth-child(3) dd{ float:left; padding:104px 0px 0 40px;}

.ptsi dl:nth-child(4) dt{ float:right;}

.ptsi dl:nth-child(4) dd{ float:left; padding:104px 0px 0 40px;}

@media(max-width:1440px){

.ptsi dl span{ display:block; width:92px; height:26px; position:absolute; left:48%; top:28px; background:url(../images/bg3.png) no-repeat center center; line-height:26px; text-align:center; color:#fdfeff; font-size:14px;}

.ptsi dd{ float:right; width:44%; height:auto; padding:60px 40px 0 0;}

.ptsi dl:nth-child(3) dd{ float:left; padding:60px 0px 0 40px;}

.ptsi dl:nth-child(4) dd{ float:left; padding:60px 0px 0 40px;}

}

@media(max-width:1024px){

.jj_box1{ clear:both; width:100%; height:auto; overflow:hidden; background:#f2f2f2; padding:40px 0;}

.ptsi dl span{ display:block; width:92px; height:26px; position:absolute; left:34%; top:28px; background:url(../images/bg3.png) no-repeat center center; line-height:26px; text-align:center; color:#fdfeff; font-size:14px;}

.ptsi dd{ float:right; width:63%; height:auto; padding:80px 20px 0 20px;}

.ptsi dl:nth-child(3) dd{ float:left;padding:80px 20px 0 20px}

.ptsi dl:nth-child(4) dd{ float:left;padding:80px 20px 0 20px}

.ptsi dl{ float:left; width:100%; height:auto; overflow:hidden; position:relative; margin-bottom:20px;}

.ptsi dl:nth-child(3) dt{ float:left;}

.ptsi dl:nth-child(4) dt{ float:left;}

.ptsi dt img{ display:block; max-width:100%; height:auto;}

.ptsi dt{ float:left; width:37%; height:auto; overflow:hidden;}

.ptsi dl:last-child{ margin-bottom:0px;}

}

@media(max-width:414px){

.ptsi dl span{ display:block; width:92px; height:26px; position:absolute; left:75%; top:28px; background:url(../images/bg3.png) no-repeat center center; line-height:26px; text-align:center; color:#fdfeff; font-size:14px;}

.ptsi dd{ float:right; width:100%; height:auto; padding:20px 0px 0 0 ;}

.ptsi dl:nth-child(3) dd{ float:left;padding:20px 0px 0 0 ;}

.ptsi dl:nth-child(4) dd{ float:left;padding:20px 0px 0 0 ;}

.ptsi dl{ float:left; width:100%; height:auto; overflow:hidden; position:relative; margin-bottom:20px;}

.ptsi dl:nth-child(3) dt{ float:left;}

.ptsi dl:nth-child(4) dt{ float:left;}

.ptsi dt img{ display:block; max-width:100%; height:auto;}

.ptsi dt{ float:left; width:100%; height:auto; overflow:hidden;}

.ptsi dl:last-child{ margin-bottom:0px;}

}

@media(max-width:375px){

.ptsi dl span{ display:block; width:92px; height:26px; position:absolute; left:75%; top:28px; background:url(../images/bg3.png) no-repeat center center; line-height:26px; text-align:center; color:#fdfeff; font-size:14px;}

.ptsi dd{ float:right; width:100%; height:auto; padding:20px 0px 0 0 ;}

.ptsi dl:nth-child(3) dd{ float:left;padding:20px 0px 0 0 ;}

.ptsi dl:nth-child(4) dd{ float:left;padding:20px 0px 0 0 ;}

.ptsi dl{ float:left; width:100%; height:auto; overflow:hidden; position:relative; margin-bottom:20px;}

.ptsi dl:nth-child(3) dt{ float:left;}

.ptsi dl:nth-child(4) dt{ float:left;}

.ptsi dt img{ display:block; max-width:100%; height:auto;}

.ptsi dt{ float:left; width:100%; height:auto; overflow:hidden;}

.ptsi dl:last-child{ margin-bottom:0px;}

}

@media(max-width:360px){

.ptsi dl span{ display:block; width:92px; height:26px; position:absolute; left:72%; top:28px; background:url(../images/bg3.png) no-repeat center center; line-height:26px; text-align:center; color:#fdfeff; font-size:14px;}

.ptsi dd{ float:right; width:100%; height:auto; padding:20px 0px 0 0 ;}

.ptsi dl:nth-child(3) dd{ float:left;padding:20px 0px 0 0 ;}

.ptsi dl:nth-child(4) dd{ float:left;padding:20px 0px 0 0 ;}

.ptsi dl{ float:left; width:100%; height:auto; overflow:hidden; position:relative; margin-bottom:20px;}

.ptsi dl:nth-child(3) dt{ float:left;}

.ptsi dl:nth-child(4) dt{ float:left;}

.ptsi dt img{ display:block; max-width:100%; height:auto;}

.ptsi dt{ float:left; width:100%; height:auto; overflow:hidden;}

.ptsi dl:last-child{ margin-bottom:0px;}

}



.jj_box2{ clear:both; height:auto; overflow:hidden; background:#fdfeff; padding:50px 0;}

.alin{ height:auto;}

.alin dl{ float:left; width:20%; height:auto; margin-right:6.6%; background:#fff; box-shadow:0px 0px 10px #ccc; border-radius:5px;}

.alin dl:last-child{ margin-right:0%;}

.alin dt{ height:auto; overflow:hidden; background:url(../images/bg3.jpg) no-repeat center center; background-size:cover; padding:15px 10px; border-top-left-radius:5px;border-top-right-radius:5px;}

.alin dt img{ display:block; margin:0 auto; max-width:100%;}

.alin dd{ height:auto; min-height:210px; padding:20px 0 0 20px;}

.alin dd h1{ text-align:center; color:#333333; font-size:18px; font-weight:bold; line-height:28px; margin-bottom:10px;}

.alin dd li{ line-height:28px; font-size:14px; float:left; width:50%;}

@media(max-width:1440px){

.alin dd{ height:auto; min-height:210px; padding:20px 0 0 20px;}

.alin dl{ float:left; width:22%; height:auto; margin-right:4%; background:#fff; box-shadow:0px 0px 10px #ccc; border-radius:5px;}

}

@media(max-width:1024px){

.alin dd{ height:auto; min-height:210px; padding:20px 0 0 20px;}

.alin dl{ float:left; width:48%; height:auto; margin-right:4%; background:#fff; box-shadow:0px 0px 10px #ccc; border-radius:5px;}

.alin dl:nth-child(2){ margin-right:0px;}

}

@media(max-width:414px){

.alin dd{ height:auto; min-height:auto; padding:20px 20px 20px 20px; overflow:hidden;}

.alin dl{ float:left; width:100%; height:auto; margin-right:0%; background:#fff; box-shadow:0px 0px 10px #ccc; border-radius:5px; margin-bottom:15px;}

.alin dl:nth-child(2){ margin-right:0px;}

.alin dt img{ display:block; margin:0 auto; max-width:20%;}



}

.jifi_bl1{ padding-top:50px;}

@media(max-width:1440px){

.jifi_bl1{ padding-top:30px;}

}

@media(max-width:1024px){

.jifi_bl1{ padding-top:0px;}

}



.gone{ width:949px; height:auto;  margin:0 auto; position:relative; min-height:947px;position: relative;background:url(../tu/tu35.png) no-repeat left top;}

.gone_t{ width:949px; height:auto; margin:0 auto;}

.gone_t img{ display:block; display:block;min-height:947px;animation: whirl 20s linear infinite;}

.gone_c{ position:absolute; width:171px; height:171px; left:388px; right:0;  top:388px;}

/*.goni{ width:170px; height:44px; position:absolute; z-index:999;right:90px; top:97px; color:#333333; font-size:16px; font-weight:bold; line-height:44px;}

.goni img{ vertical-align:middle; margin-right:10px;}

.goni1{ left:294px; top:37px;}

.goni2{ left:550px; top:110px;}

.goni3{ left:468px; top:226px;}

.goni4{ left:64px; top:349px;}

.goni5{ right:81px; top:349px;}

.goni6{ left:188px; top:504px;}

.goni7{ right:-42px; top:548px;}

.goni8{ left:120px; top:700px;}

.goni9{ left:340px; top:886px;}

.goni10{ right:180px; top:864px;}

.goni11{ right:110px; top:630px;}*/

 

.bone {width: 949px;height: 949px;position: absolute;display: block; animation:circleRoate 40s infinite linear; left:0; top:0;}

.goni {animation:circleRoate1 40s infinite linear; text-align:center;}

.goni img {display:block;margin:0 auto; margin-bottom:5px;}

@keyframes circleRoate {

from {

transform: rotate(0deg);

}

to {

	transform: rotate(360deg);

}

}

 @keyframes circleRoate1 {

 from {

transform: rotate(0deg);

}

to {

	transform: rotate(-360deg);

}

}

/**/

.dotdot1 {position: absolute;left:748px;top:96px;width: auto;height: auto; font-size:14px;}

.dotdot2 {position: absolute;left:294px; top:0;width: auto;height: auto; font-size:14px}

.dotdot3 {position: absolute;left:370px; top:112px;width: auto;height: auto; font-size:14px}

.dotdot4 {position: absolute;left:498px; top:236px;width: auto;height: auto; font-size:14px}

.dotdot5 {position: absolute;left:107px; top:349px;width: auto;height: auto; font-size:14px}

.dotdot6 {position: absolute;right:110px; top:349px;width: auto;height: auto; font-size:14px}

.dotdot7 {position: absolute; left:206px; top:504px;width: auto;height: auto; font-size:14px}

.dotdot8 {position: absolute;right:-30px; top:548px;width: auto;height: auto; font-size:14px}

.dotdot9 {position: absolute;left:15px; top:650px;width: auto;height: auto; font-size:14px}

.dotdot10 {position: absolute;left:370px; top:912px;width: auto;height: auto; font-size:14px}

.dotdot11 {position: absolute;right:180px; top:854px;width: auto;height: auto; font-size:14px}

.dotdot12 {position: absolute;right:138px; top:630px;width: auto;height: auto; font-size:14px}









@keyframes animX{  

          0% {left: 0px;}  

        100% {left: 949px;}  

    }  



    @keyframes animY{  

          0% {top: 0;}  

        100% {top: 949px;}  

    } 





.oncd{ display:none; margin:0 auto;}
.oncd ul{width:100%;height:auto;overflow: hidden;}
.oncd ul li{float:left;width:33.33%;margin:0 auto;text-align:center;margin-bottom:20px;}
.oncd ul li p{margin-top:10px;}
.oncd ul li img{display:block; margin:0 auto; max-width:100%;}

@media(max-width:1024px){

.gone{ width:100%; height:auto; margin:0 auto; position:relative; min-height:947px;}

.gone_t{ width:100%; height:auto; margin:0 auto;}

.gone_t img{ display:block; display:block;min-height:auto;animation: whirl 20s linear infinite; margin:0 auto;}	

.goni{ width:170px; height:44px; position:absolute; z-index:999;right:20px; top:97px; color:#333333; font-size:16px; font-weight:bold; line-height:44px;}

.goni1{ left:294px; top:8px;}

.goni2{ left:550px; top:119px;}

.goni3{ left:468px; top:226px;}

.goni4{ left:0px; top:349px;}

.goni5{ right:11px; top:349px;}

.goni6{ left:124px; top:504px;}

.goni7{ right:128px; top:548px;}

.goni8{ left:55px; top:700px;}

.goni9{ left:280px; top:886px;}

.goni10{ right:110px; top:864px;}

.goni11{ right:40px; top:630px;}

.gone{ width:1096px; height:auto;  margin:0 auto; position:relative; min-height:947px; display:none;}

.oncd{  margin:0 auto; display:block;}

}



/* .jj_box3{ display:block; width:100%; height:auto;background:url(../images/bg4.jpg) no-repeat center center; background-size:cover; padding:50px 0 160px 0;}

.jifi_t1{ border-left:10px solid #fff; color:#fff;}

.xton{ width:58%; height:auto; margin:0 auto; margin:0 auto;}

.xton p{ background:url(../images/bg4.png) no-repeat left 12px; padding-left:25px; line-height:30px; color:#fdfeff; font-size:16px;}

@media(max-width:1024px){

.jj_box3{ display:block; width:100%; height:auto; overflow:hidden; background:url(../images/bg4.jpg) no-repeat center center; background-size:cover; padding:40px 0;}

.jifi_t1{ border-left:5px solid #fff; color:#fff;}	

.xton{ width:100%; height:auto; margin:0 auto; margin:0 auto;}

}

@media(max-width:414px){

.xton p{ background:url(../images/bg4.png) no-repeat left 12px; padding-left:25px; line-height:30px; color:#fdfeff; font-size:14px;}	

} */

.jj_box3_1{ display:block; width:100%; height:auto;padding:50px 0 50px 0;}
.jifi_t1{ border-left:10px solid #163c69; color:#333;}
.xton{ width:100%; height:auto; margin:0 auto; margin:0 auto;background:url(../images/w_tu5.png)repeat-y center top;}
.xton dl{clear:both;width:100%;height:auto;overflow:hidden;background:url(../images/w_tu3.png)no-repeat center center;margin-bottom:30px;}
.xton dl.bg{background:url(../images/w_tu4.png)no-repeat center center;}
.xton dt{float:left;width:48%;}
.xton dd{float:right;width:48%;margin-top:100px;}
.xton dl.bg dt{float:right;width:48%;}
.xton dl.bg dd{float:left;width:48%;}
.xton dl:last-child{margin-bottom:0px;}
.xton p{ background:url(../images/bg4_1.png) no-repeat left 12px; padding-left:25px; line-height:30px; color:#333; font-size:16px;}
@media(max-width:1024px){
.jj_box3_1{ display:block; width:100%; height:auto; overflow:hidden; padding:40px 0;}
.jifi_t1{ border-left:5px solid #333; color:#333;}	
.xton{ width:100%; height:auto; margin:0 auto; margin:0 auto;}
.xton dd{float:right;width:48%;margin-top:30px;}
}
@media(max-width:414px){
.xton{background:none;}
.xton dl,.xton dl.bg{background:none;}
.xton p{color:#333; font-size:14px;}	
.xton dt{float:none;width:100%;}
.xton dd{float:none;width:100%;margin-top:0px;}
.xton dl.bg dt{float:none;width:100%;}
.xton dl.bg dd{float:none;width:100%;}
}



.khui{ height:auto;}

.khui li{ float:left; width:30%; height:auto; position:relative; min-height:200px; margin-right:4.5%;}

.khui li span{ display:block; float:left;}

.khui li font{ position:absolute; left:60px; width:74%; top:45px; background:url(../images/bg5.jpg) no-repeat 20px top; padding-top:10px;}

.khui li h1{ color:#333333; line-height:30px; font-weight:bold; font-size:18px; padding-left:20px; margin-bottom:10px;}

.khui li p{ position:relative; color:#333333; font-size:14px; line-height:20px; padding-bottom:10px;}

.khui li p:after{ content:'';position:absolute;left:0; bottom:0px; height:2px;width:20px;background:#163c69;transition:400ms ease all;-moz-transition:400ms ease all;}

.khui li.qcbj{ margin-right:0px;}

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

@media(max-width:1024px){

.khui li{ float:left; width:30%; height:auto; position:relative; min-height:200px; margin-right:5%;}	

}

@media(max-width:414px){

.khui li{ float:left; width:100%; height:auto; position:relative; min-height:160px; margin-right:0%;}	

}

.xton1 p{ margin-bottom:20px;}

.xton1 p:last-child{ margin-bottom:0px;}

 @keyframes whirl {

            from {

                transform: rotate(0deg);

            }

            to {

                transform: rotate(360deg);

            }

        }

/*解决方案 end*/





/*客户案例 begin*/

.kh_box{ clear:both; height:auto; overflow:hidden; background:#fff; padding:50px 0; text-align:center; color:#333333; font-size:30px; line-height:30px;}

@media(max-width:1024px){

.kh_box{ clear:both; height:auto; overflow:hidden; background:#fff; padding:30px 0; text-align:center; color:#333333; font-size:20px; line-height:24px;}

	

}

.hk_box1{ clear:both; height:auto; overflow:hidden; background:#fafafa; padding:40px 0;}

.gxin{ width:1370px; height:auto; margin:0 auto;}

.gxin li{ float:left; width:22%; height:auto; position:relative; margin-right:4%;transition: all 1s ease; margin-bottom:20px; }

.xone{ width:100%; height:150px;background:#fff; box-shadow:0px 0px 10px #ccc; margin-bottom:15px; text-align:center;
	display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;
	-ms-flex-pack: left;-webkit-justify-content: center;-ms-justify-content: center; justify-content: center; -webkit-box-align: center;
	-ms-flex-align: center;-webkit-align-items: center; }

.gxin li img{ display:block; max-width:100%; height:100%; margin:0 auto;}

.gxin li.qcbj{ margin-right:0px;}

.gxin li span{ display:block; position:absolute; right:0; top:0; width:26px; height:26px; background:url(../images/bg6.jpg) no-repeat center center;transition: all 1s ease; opacity:0;}

/*.gxin li:hover span{ opacity:1;}*/

.gxin li p{ text-align:center; color:#333333; font-size:16px; line-height:30px;}

.gxin li:hover{-moz-transform: translateY(-5px); -webkit-transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px);}

@media(max-width:1440px){

.gxin{ width:100%; padding:0 60px; height:auto; margin:0 auto;}	

}

@media(max-width:1024px){

.gxin{ width:100%; padding:0 30px; height:auto; margin:0 auto;}	

.gxin li img{ display:block; width:100%; min-height:106px; margin:0 auto;}

}

@media(max-width:768px){

.gxin{ width:100%; padding:0 30px; height:auto; margin:0 auto;}	

.gxin li img{ display:block; width:100%; min-height:77px; margin:0 auto;}

.gxin li p{ text-align:center; color:#333333; font-size:14px; line-height:30px;}

}

@media(max-width:414px){

.gxin{ width:100%; padding:0 15px; height:auto; margin:0 auto;}	

.gxin li img{ display:block; width:100%; min-height:77px; margin:0 auto;}

.gxin li p{ text-align:center; color:#333333; font-size:14px; line-height:30px;}

.gxin li{ float:left; width:48%; height:auto; position:relative; margin-right:4%;transition: all 1s ease; margin-bottom:20px; }

.gxin li:nth-child(even){ margin-right:0%;}

}

.gxin1{ width:1370px; height:auto; margin:0 auto;}

.gxin1 li{ float:left; width:27%; height:auto; position:relative; margin-right:9%;transition: all 1s ease; margin-bottom:20px; }

.gxin1 li img{ display:block; max-width:100%;height:100%; margin:0 auto;}

.gxin1 li.qcbj{ margin-right:0px;}

.gxin1 li span{ display:block; position:absolute; right:0; top:0; width:26px; height:26px; background:url(../images/bg6.jpg) no-repeat center center;transition: all 1s ease; opacity:0;}

/*.gxin1 li:hover span{ opacity:1;}*/

.gxin1 li p{ text-align:center; color:#333333; font-size:16px; line-height:30px;}

.gxin1 li:hover{-moz-transform: translateY(-5px); -webkit-transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px);}

@media(max-width:1440px){

.gxin1{ width:100%; padding:0 60px; height:auto; margin:0 auto;}	

}

@media(max-width:1024px){

.gxin1{ width:100%; padding:0 30px; height:auto; margin:0 auto;}	

.gxin1 li img{ display:block; width:100%; min-height:106px; margin:0 auto;}

}

@media(max-width:768px){

.gxin1{ width:100%; padding:0 30px; height:auto; margin:0 auto;}	

.gxin1 li img{ display:block; width:100%; min-height:77px; margin:0 auto;}

.gxin1 li p{ text-align:center; color:#333333; font-size:14px; line-height:30px;}

}

@media(max-width:414px){

.gxin1{ width:100%; padding:0 15px; height:auto; margin:0 auto;}	

.gxin1 li img{ display:block; width:100%; min-height:77px; margin:0 auto;}

.gxin1 li p{ text-align:center; color:#333333; font-size:14px; line-height:30px;}

.gxin1 li{ float:left; width:48%; height:auto; position:relative; margin-right:2%;transition: all 1s ease; margin-bottom:20px; }

.gxin1 li:nth-child(even){ margin-right:0%; float:right}

.gxin1 li.qcbj{ margin-right:0px;}

}

.kh_box2{ clear:both; padding:30px 0;background:#f2f2f2; overflow:hidden;}

.kh_box1{ clear:both; width:100%;  padding:80px 0 0px 0; margin-top:-80px; height:auto; margin-bottom:30px;}

.kh_box1 dl{ clear:both; height:100%; overflow:hidden; background:#fff; box-shadow:0px 0px 10px #ccc; position:relative;}

.kh_box1 dt{ float:right; width:57%; position:relative;}

.kh_box1 dt img{ display:block; width:100%; height:600px;}

.wzhi{ width:100%; height:auto; position:absolute; left:0; bottom:0; background:rgba(31,31,31,0.72); padding:38px 130px 38px 0;}

.wzhi p{ float:right; width:48%; height:auto; position:relative; color:#fff; line-height:30px; font-size:16px; border-bottom:2px solid #fff; padding-bottom:10px;}

.kh_box1 dd{ float:left; width:43%; height:auto; padding:52px 202px 0 129px;}

.kh_box1 dd h1{ position:relative; display:block; margin-bottom:40px;}

.kh_box1 dd h1 span{ display:block; color:#efefef; font-size:238px; line-height:238px;  font-family: "HELVETICA-ROMAN-SEMIB_0";}

.kh_box1 dd h1 i{ display:block; color:#333333; font-size:30px; line-height:30px;margin-top:-75px;}

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

.qucxo{ width:160px; height:100%; position:absolute; left:39%;text-align:center;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;}

.kh_box1 dl dt.wo{ float:left;}

.kh_box1 dl dd.wq{ float:right; padding:52px 129px 0 198px;}

.qucxo1{ left:53%;}

.wzhi1{ width:100%; height:auto; position:absolute; left:0; bottom:0; background:rgba(31,31,31,0.72); padding:38px 0px 38px 130px;}

.wzhi1 p{ float:left; width:48%; height:auto; position:relative; color:#fff; line-height:30px; font-size:16px; border-bottom:2px solid #fff; padding-bottom:10px;}

.kh_box1:last-child{ margin-bottom:0px;}

@media(max-width:1440px){

.kh_box1 dt img{ display:block; width:100%; height:446px;}	

.qucxo{ width:100px; height:100%; position:absolute; left:39%;text-align:center;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;}

.wzhi{ width:100%; height:auto; position:absolute; left:0; bottom:0; background:rgba(31,31,31,0.72); padding:38px 40px 38px 0;}

.kh_box1 dd{ float:left; width:43%; height:auto; padding:32px 100px 0 60px;}

.kh_box1 dd h1 span{ display:block; color:#efefef; font-size:130px; line-height:130px;  font-family: "HELVETICA-ROMAN-SEMIB_0";}

.kh_box1 dd h1 i{ display:block; color:#333333; font-size:30px; line-height:30px;margin-top:-75px;}

.kh_box1 dl dd.wq{ float:right; padding:30px 60px 0 100px;;}

.qucxo1{ left:53.5%;}

.wzhi p{ float:right; width:68%; height:auto; position:relative; color:#fff; line-height:30px; font-size:16px; border-bottom:2px solid #fff; padding-bottom:10px;}

.wzhi1 p{ float:left; width:68%; height:auto; position:relative; color:#fff; line-height:30px; font-size:16px; border-bottom:2px solid #fff; padding-bottom:10px;}

.wzhi1{ width:100%; height:auto; position:absolute; left:0; bottom:0; background:rgba(31,31,31,0.72); padding:38px 0px 38px 40px;}



}

@media(max-width:1366px){

.kh_box1 dt img{ display:block; width:100%; height:423px;}	

.qucxo{ width:100px; height:100%; position:absolute; left:39%;text-align:center;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;}

.wzhi{ width:100%; height:auto; position:absolute; left:0; bottom:0; background:rgba(31,31,31,0.72); padding:38px 40px 38px 0;}

.kh_box1 dd{ float:left; width:43%; height:auto; padding:32px 100px 0 60px;}

.kh_box1 dd h1 span{ display:block; color:#efefef; font-size:130px; line-height:130px;  font-family: "HELVETICA-ROMAN-SEMIB_0";}

.kh_box1 dd h1 i{ display:block; color:#333333; font-size:30px; line-height:30px;margin-top:-75px;}

.kh_box1 dl dd.wq{ float:right; padding:30px 60px 0 100px;;}

.qucxo1{ left:53.5%;}

.wzhi p{ float:right; width:68%; height:auto; position:relative; color:#fff; line-height:30px; font-size:16px; border-bottom:2px solid #fff; padding-bottom:10px;}

.wzhi1 p{ float:left; width:68%; height:auto; position:relative; color:#fff; line-height:30px; font-size:16px; border-bottom:2px solid #fff; padding-bottom:10px;}

.wzhi1{ width:100%; height:auto; position:absolute; left:0; bottom:0; background:rgba(31,31,31,0.72); padding:38px 0px 38px 40px;}



}



@media(max-width:414px){

.kh_box1 dt{ float:left; width:100%; position:relative;}

.kh_box1 dd{ float:left; width:100%; height:auto; padding:30px;}

.wzhi{ width:100%; height:auto; position:inherit; left:0; bottom:0; background:rgba(31,31,31,0.72); padding:20px; overflow:hidden;}

.wzhi p{ float:right; width:100%; height:auto; position:relative; color:#fff; line-height:30px; font-size:16px; border-bottom:2px solid #fff; padding-bottom:10px;}

.wzhi1 p{ float:left; width:100%; height:auto; position:relative; color:#fff; line-height:30px; font-size:16px; border-bottom:2px solid #fff; padding-bottom:10px;}

.kh_box1 dt img{ display:block; width:100%; height:auto;}	

.qucxo{ width:100px; height:100%; position:absolute; left:39%;text-align:center;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; display:none;}

.wzhi1{ width:100%; height:auto; position:inherit; left:0; bottom:0; background:rgba(31,31,31,0.72); padding:20px; overflow:hidden;}

.kh_box1 dl dd.wq{ float:right;padding:30px;}



	

}

/*客户案例 end*/



/*新闻中心 beign*/

.xw_box{ clear:both; height:auto; overflow:hidden; background:#fcfcfc; padding:50px 0; overflow:hidden;}

.xwone{ width:1360px; height:auto; margin:0 auto;}

.xoni_t{ height:auto; color:#333333; font-size:30px; line-height:30px; margin-bottom:40px;}

.xoni_b{ height:auto;}

.xoni_bt{ text-align:center; margin-bottom:50px; overflow:hidden;}

.xoni_bt li{ display:inline-block; margin-right:105px;}

.xoni_bt li a{ display:block; color:#333333; font-size:18px; line-height:30px;}

.xoni_bt li a:hover{ border-bottom:2px solid #163c69;}

.xoni_bt li a.pes{ border-bottom:2px solid #163c69; color:#0c4f9d;}

.xoni_bt li:last-child{ margin-right:0px;}

.xoni_bb{ clear:both; height:auto; padding-bottom:35px;}

.xoni_bb dl{ clear:both; width:100%; height:auto; padding:25px; overflow:hidden;transition: all 1s ease; border-bottom:1px solid #ccc;}

.xoni_bb dt{ float:left; width:32%; height:auto; overflow:hidden;}

.xoni_bb dt img{ display:block; width:100%;transition: all 1s ease;}

.xoni_bb dd{ float:right; width:65%; height:auto; padding-top:35px;}

.xoni_bb dd h1{ height:auto; overflow:hidden; margin-bottom:25px;}

.xoni_bb dd h1 span{ display:block; float:left; width:80%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#333333; font-size:18px; line-height:31px;transition: all 1s ease;}

.xoni_bb dd h1 font{ display:block; float:right;text-align:right; color:#666666; font-size:24px;}

.xoni_bb dd p{transition: all 1s ease; clear:both; background:url(../images/bg5.png) no-repeat right 10px; padding-right:230px; line-height:31px; color:#444444; font-size:14px;}



.xoni_bb dl:hover{ background:#fff; box-shadow:0px 0px 10px #ccc; border-bottom:1px solid #fff;}

/*.xoni_bb dl:hover dt img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}*/

.xoni_bb dl:hover dd h1 span{ color:#0c4f9d;}

.xoni_bb dl:hover dd p{ background:url(../images/bg6.png) no-repeat right 10px;}





.fy{ clear:both; line-height:31px; text-align:center; margin-bottom:20px; color:#669dd2; font-size:14px;} 

.fy div{ clear:both; text-align:center; margin:0 auto;}

.fy div a.prev{  font-size:14px; padding:6px 10px; background:#d9d9d9; color:#fff; margin-right:10px;}

.fy div span.current{ background:#0e318f; margin-right:10px;padding:6px 10px;font-size:14px; color:#fff}

.fy div a{  padding:6px 10px; color:#428bca; margin-right:10px;font-size:14px;}

.fy div a.next{ background:#0e318f;padding:6px 10px; color:#fff; margin-right:10px;font-size:14px;}



.fyiw{ clear:both; height:auto; text-align:center; line-height:31px;}

.fyiw a{ color:#333333; font-size:18px;}

.fyiw span{ color:#333; font-size:18px; margin:0 10px;}

.fyiw div{ color:#333; font-size:18px; margin:0 10px;}

.deee{ width:1200px; margin:0 auto;}

.xw_box22{ padding-top:140px;}

@media(max-width:1440px){

.xwone{ width:100%; padding:0 60px; height:auto; margin:0 auto;}	

}

@media(max-width:1024px){

.xwone{ width:100%; padding:0 30px; height:auto; margin:0 auto;}	

.xoni_t{ height:auto; color:#333333; font-size:20px; line-height:25px; margin-bottom:20px;}

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

.xoni_bb dd h1 span{ display:block; float:left; width:70%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#333333; font-size:18px; line-height:31px;transition: all 1s ease;}

.xoni_bb dd{ float:right; width:65%; height:auto; padding-top:10px;}



}

@media(max-width:768px){

.xwone{ width:100%; padding:0 30px; height:auto; margin:0 auto;}	

.xoni_t{ height:auto; color:#333333; font-size:20px; line-height:25px; margin-bottom:20px;}

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

.xoni_bb dd h1 span{ display:block; float:left; width:70%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#333333; font-size:18px; line-height:31px;transition: all 1s ease;}

.xoni_bb dd{ float:right; width:100%; height:auto; padding-top:15px;}

.xoni_bb dt{ float:left; width:100%; height:auto; overflow:hidden;}

.xoni_bb dt img{ display:block; width:100%;transition: all 1s ease;}

.xoni_bb dd p{transition: all 1s ease; clear:both; background:url(../images/bg5.png) no-repeat right 10px; padding-right:100px; line-height:31px; color:#444444; font-size:14px;}

}

@media(max-width:414px){

.xwone{ width:100%; padding:0 15px; height:auto; margin:0 auto;}	

.xoni_bt{ text-align:center; margin-bottom:20px; overflow:hidden;}

.xoni_bb dl{ clear:both; width:100%; height:auto; padding:20px 15px; overflow:hidden;transition: all 1s ease; border-bottom:1px solid #ccc;}

.xoni_bb dd h1 font{ display:block; float:right;text-align:right; color:#666666; font-size:14px;}

.xoni_bb dd p{transition: all 1s ease; clear:both; background:none; padding-right:0px; line-height:31px; color:#444444; font-size:14px;}

.xoni_bb dl:hover dd p{ background:none;}

.xoni_bb dd h1{ height:auto; overflow:hidden; margin-bottom:0px;}

.xw_box22{ padding-top:110px;}

}



.deeee{ width:100%; height:auto;}

.xwyin{ height:auto; overflow:hidden; border-bottom:1px solid #ccc; padding-bottom:20px; margin-bottom:20px;}

.xwyin h1{ text-align:center; color:#333333; font-size:18px; line-height:31px; margin-bottom:10px;}

.xwyin h2{ color:#666666; font-size:14px; line-height:31px; text-align:center; margin-bottom:30px;}

.xwyin h2 img{ vertical-align:middle; margin-right:8px;}

.xwyin h2 span{ color:#666; font-size:14px; margin-right:10px;}

.xwyin p img{ display:block; margin:0 auto; max-width:100%; margin-bottom:20px;}

.xwyin  span.wonww{ text-align:center; margin-bottom:20px; display:block; color:#333333; font-size:18px; line-height:35px;}

.xwyin p{ line-height:32px; color:#666666; font-size:16px;}



.sxhi{ height:auto; overflow:hidden;}

.sxhi_l{ float:left; width:80%;}

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

.sxhi_l p a{ color:#333; font-size:14px}

.sxhi_l p a:hover{ color:#ce0000;}

.sxhi_r{ float:right; width:82px; height:35px; background:#0c4f9d; line-height:35px; text-align:center; color:#fff; font-size:14px; cursor:pointer; margin-top:5px;}

@media(max-width:414px){

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

.sxhi_r{ float:left; width:82px; height:35px; background:#0c4f9d; line-height:35px; text-align:center; color:#fff; font-size:14px; cursor:pointer; margin-top:5px;}

}

/*新闻中心 end*/



/**/

.rc_box{ clear:both; height:auto; overflow:hidden; padding:50px 100px;}

.rczp_t{ height:auto; overflow:hidden; text-align:center; color:#333333; font-size:30px; line-height:30px; margin-bottom:50px;}

.rczp_c{ width:300px; height:auto; margin:0 auto; line-height:24px; color:#999999; font-size:14px; text-align:center; margin-bottom:50px;}

.rzcp_b{ clear:both; height:auto; overflow:hidden;}

.rzcp_v{ clear:both; height:auto; overflow:hidden; margin-bottom:0px;}

.rzcp_v li{ float:left; width:47%; height:auto; border:1px solid #a0a0a0; overflow:hidden; margin-bottom:40px;transition: all 1s ease;}

.sxonw{ width:100%; height:auto; line-height:60px; background:#c1c1c1; text-align:center; color:#333; font-size:24px;transition: all 1s ease;}

.sxonw span{ color:#333333; font-size:14px; margin-left:40px;transition: all 1s ease;}

.xongt{ overflow:hidden; width:100%; height:auto; padding:29px 29px; position:relative;}

.xonwd:after{ content:'';position:absolute;left:240px; top:0px; height:100%;width:1px; border-left:1px dashed #ccc;transition:400ms ease all;-moz-transition:400ms ease all;}

.xonwd{ position:relative; min-height:260px;}

.xonwd_l{ float:left; width:27%; height:auto;}

.xonwd_l h1{ color:#333333; font-size:16px; line-height:28px;}

.xonwd_l p{ color:#333; font-size:14px; line-height:28px;}

.xonwd_r{ float:right; width:63%; height:auto;}

.xonwd_r h1{ color:#333333; font-size:16px; line-height:28px;}

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

.rzcp_v li:nth-child(even){ float:right;}

.rzcp_v li:hover{ border:1px solid #0c4f9d;}

.rzcp_v li:hover .sxonw{ background:#0c4f9d; color:#fff;}

.rzcp_v li:hover .sxonw span{ color:#fff;}

.rczp_b{ clear:both; height:auto;; overflow:hidden; padding-left:35px;}

.rczp_b h1{ color:#333333; font-size:24px; line-height:28px; margin-bottom:10px;}

.rczp_b p{ line-height:28px; color:#333; font-size:14px;}

.rc_box1{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../tu/tu114.jpg) no-repeat center center; background-size:cover; padding:100px 0; text-align:center; color:#ffffff; font-size:32px; line-height:32px;}

.rc_box1 a{ display:block; width:150px; height:50px; background:#0c4f9d; font-size:18px; color:#fff; line-height:50px; text-align:center; margin:0 auto; margin-top:30px;}

@media(max-width:1440px){

.rc_box{ clear:both; height:auto; overflow:hidden; padding:50px 60px;}	

.xonwd:after{ content:'';position:absolute;left:177px; top:0px; height:100%;width:1px; border-left:1px dashed #ccc;transition:400ms ease all;-moz-transition:400ms ease all;}

.xonwd{ position:relative; min-height:340px;}

}

@media(max-width:1366px){

.rc_box{ clear:both; height:auto; overflow:hidden; padding:50px 60px;}	

.xonwd:after{ content:'';position:absolute;left:211px; top:0px; height:100%;width:1px; border-left:1px dashed #ccc;transition:400ms ease all;-moz-transition:400ms ease all;}

.xonwd{ position:relative; min-height:370px;}
.xonwd_l{width:37%;}
.xonwd_r{width:55%;}
}

@media(max-width:1024px){

.rc_box{ clear:both; height:auto; overflow:hidden; padding:40px 30px;}	

.xonwd:after{ content:'';position:absolute;left:150px; top:0px; height:100%;width:1px; border-left:1px dashed #ccc;transition:400ms ease all;-moz-transition:400ms ease all; display:none;}

.xonwd{ position:relative; min-height:auto;}

.rzcp_v li{ float:left; width:100%; height:auto; border:1px solid #a0a0a0; overflow:hidden; margin-bottom:20px;transition: all 1s ease;}

.xongt{ height:auto; overflow:hidden; width:100%; height:auto; padding:30px 20px; position:relative;}

.xonwd_l{ float:left; width:100%; height:auto; margin-bottom:20px; border-bottom:1px dashed #ccc; padding-bottom:10px;}

.xonwd_r{ float:right; width:100%; height:auto;}

.sxonw{ width:100%; height:auto; line-height:45px; background:#c1c1c1; text-align:center; color:#333; font-size:18px;transition: all 1s ease;}

.sxonw span{ color:#333333; font-size:14px; margin-left:20px;transition: all 1s ease;}

.rczp_b{ clear:both; height:auto;; overflow:hidden; padding-left:0px;}

.rc_box1{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../tu/tu114.jpg) no-repeat center center; background-size:cover; padding:50px 0; text-align:center; color:#ffffff; font-size:20px; line-height:32px;}

}

@media(max-width:414px){

.rc_box{ clear:both; height:auto; overflow:hidden; padding:40px 15px;}	

.xonwd:after{ content:'';position:absolute;left:150px; top:0px; height:100%;width:1px; border-left:1px dashed #ccc;transition:400ms ease all;-moz-transition:400ms ease all; display:none;}

.xonwd{ position:relative; min-height:auto;}

.rzcp_v li{ float:left; width:100%; height:auto; border:1px solid #a0a0a0; overflow:hidden; margin-bottom:20px;transition: all 1s ease;}

.xongt{ height:auto; overflow:hidden; width:100%; height:auto; padding:30px 20px; position:relative;}

.xonwd_l{ float:left; width:100%; height:auto; margin-bottom:20px; border-bottom:1px dashed #ccc; padding-bottom:10px;}

.xonwd_r{ float:right; width:100%; height:auto;}

.sxonw{ width:100%; height:auto; line-height:25px; padding:10px 0; background:#c1c1c1; text-align:center; color:#333; font-size:16px;transition: all 1s ease;}

.sxonw span{ color:#333333; font-size:14px; margin-left:0;transition: all 1s ease; display:block; width:100%}

.rczp_b{ clear:both; height:auto;; overflow:hidden; padding-left:0px;}

.rc_box1{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../tu/tu114.jpg) no-repeat center center; background-size:cover; padding:50px 0; text-align:center; color:#ffffff; font-size:20px; line-height:32px;}

}



.gy_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:50px 150px;}

.gywm_t{ height:auto; overflow:hidden; text-align:center; color:#333333; font-size:30px; line-height:30px; margin-bottom:40px;}

.gywm_t img{ vertical-align:middle; margin-right:20px;}

.gywm_l{ float:left; width:49%; height:auto; padding-top:10px; overflow:hidden;}

.gywm_l p{ line-height:28px; color:#333333; font-size:14px; margin-bottom:30px;}

.gywm_l p:last-child{ margin-bottom:0px;}

.gywm_r{ float:right; width:46%; height:auto;}

.gywm_r img{ display:block; max-width:100%; margin:0 auto;}

@media(max-width:1440px){

.gy_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:50px 60px;}

}

@media(max-width:1024px){

.gy_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:40px 30px;}

.gywm_t{ height:auto; overflow:hidden; text-align:center; color:#333333; font-size:20px; line-height:30px; margin-bottom:30px;}

.gywm_t img{ vertical-align:middle; margin-right:20px;}

.gywm_l{ float:left; width:100%; height:auto; padding-top:0px; overflow:hidden;}

.gywm_l p{ line-height:28px; color:#333333; font-size:14px; margin-bottom:30px;}

.gywm_l p:last-child{ margin-bottom:0px;}

.gywm_r{ float:right; width:100%; height:auto;}

}

@media(max-width:414px){

.gy_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:40px 15px;}

.gywm_t{ height:auto; overflow:hidden; text-align:center; color:#333333; font-size:20px; line-height:30px; margin-bottom:30px;}

.gywm_t img{ vertical-align:middle; margin-right:20px;}

.gywm_l{ float:left; width:100%; height:auto; padding-top:0px; overflow:hidden;}

.gywm_l p{ line-height:28px; color:#333333; font-size:14px; margin-bottom:30px;}

.gywm_l p:last-child{ margin-bottom:0px;}

.gywm_r{ float:right; width:100%; height:auto;}



}



.gy_box1{ clear:both; width:100%; height:auto; overflow:hidden;     padding: 0px 0px 170px;}

.gywm_t1{ margin:0px;}

.gy_box2{ width:100%; height:auto; overflow:hidden; min-height:812px; background:url(../tu/tu118.jpg) no-repeat center center; background-size:cover; padding:180px 0px 0 0px;}

.falc{ height:auto; position:relative; padding:0px 65px 0 65px;}

.falc:after{ content:'';position:absolute;left:0; top:149px; height:2px;width:100%;/*background:#cfd1d2;*/background:#fff;transition:400ms ease all;-moz-transition:400ms ease all;}



.faonw{ height:154px; background:url(../images/bg7.png) no-repeat 20px bottom;transition: all 1s ease; cursor:pointer;}

.faonw_t{ height:auto; min-height:66px; position:relative; color:#fff; font-size:18px; line-height:30px; margin-bottom:25px;transition: all 1s ease;}

.faonw_t:after{ content:'';position:absolute;left:0; bottom:1px; height:2px;width:120px;background:#fff;transition:400ms ease all;-moz-transition:400ms ease all;}

.faonw_b{ clear:both; height:auto; overflow:hidden; color:#fff; font-size:22px; line-height:26px;transition: all 1s ease;}

.faonw:hover .faonw_t:after{ background:#02b7c6;}

.faonw:hover .faonw_t{ color:#02b7c6;}

.faonw:hover .faonw_b{ color:#02b7c6;}

.faonw1{ height:154px; cursor:pointer; background:url(../images/bg7.png) no-repeat 20px top; margin-top:145px; padding-top:35px;transition: all 1s ease;}

.faonw_t1{ height:auto; min-height:66px; position:relative; color:#fff; font-size:18px; line-height:30px; margin-bottom:0px; padding-top:10px; margin-top:15px;transition: all 1s ease;}

.faonw_t1:after{ content:'';position:absolute;left:0; top:1px; height:2px;width:120px;background:#fff;transition:400ms ease all;-moz-transition:400ms ease all;}

.faonw1:hover .faonw_b{ color:#02b7c6}

.faonw1:hover .faonw_t1:after{ content:'';position:absolute;left:0; top:1px; height:2px;width:120px;background:#02b7c6;transition:400ms ease all;-moz-transition:400ms ease all;}

.faonw1:hover .faonw_t1{ color:#02b7c6}

.faonw:hover{ background:url(../images/bg8.png) no-repeat 20px bottom;}

.faonw1:hover{ background:url(../images/bg8.png) no-repeat 20px top;}

@media(max-width:1440px){

.faonw_t{ height:auto; min-height:66px; position:relative; color:#fff; font-size:14px; line-height:30px; margin-bottom:25px;transition: all 1s ease;}

.faonw_t1{ height:auto; min-height:66px; position:relative; color:#fff; font-size:14px; line-height:30px; margin-bottom:0px; padding-top:10px; margin-top:15px;transition: all 1s ease;}	

}

@media(max-width:1024px){

.faonw_t{ height:auto; min-height:66px; position:relative; color:#fff; font-size:14px; line-height:30px; margin-bottom:25px;transition: all 1s ease;}

.faonw_t1{ height:auto; min-height:66px; position:relative; color:#fff; font-size:14px; line-height:30px; margin-bottom:0px; padding-top:10px; margin-top:15px;transition: all 1s ease;}	

.gy_box2{ width:100%; height:auto; overflow:hidden; min-height:512px; background:url(../tu/tu118.jpg) no-repeat center center; background-size:cover; padding:155px 0px 0 0px;}

.gy_box1{ clear:both; width:100%; height:auto; overflow:hidden; padding:20px 0;}

.gywm_t1{ margin:0px;}

}



.gy_box3{ clear:both; width:100%; height:auto; overflow:hidden; background:#203145}

.hyin_l{ float:left; width:24%; height:auto; padding:107px 0 0 182px;}

.hyin_l li{ width:95px; height:auto; overflow:hidden; cursor:pointer;  min-height:48px; position:relative; margin-bottom:80px;}

.hyin_l li a{color:#ffffff; font-size:22px; min-height:48px;}

.dada{ border-bottom:3px solid #2fe4ea; color:#fff;}

.xiao{ color:#fff; border-bottom:3px solid #fff;}

.hyin_r{ float:right; width:76%; height:auto; overflow:hidden; position:relative;}

.hyin_r img{ display:block; width:100%; height:852px;}

.hyin_l li:last-child{ margin-bottom:0px;}

.bonee{ position:absolute; width:165px; height:auto; left:709px;  top:324px; color:#333333; font-size:14px; line-height:28px; text-align:center;}

.bonee img{ display:block; margin:0 auto; width:24px; height:auto}



.duine{ width:390px; height:160px; background:#203145; border-radius:5px; position:absolute; left:40px; top:18px; padding:10px 27px 0 27px; overflow:hidden;}

.duined{ padding-top:23px;}

.duine h1{ color:#fff; font-size:ffffff; font-size:14px; line-height:30px; margin-bottom:5px;}

.duine p{ clear:both; height:auto; margin-bottom:10px; overflow:hidden;}

.duine p span{ display:block; float:left; width:12px; height:12px; vertical-align:middle; margin-top:3px;}

.duine p span img{ display:block; width:12px; height:12px;}

.duine p font{ display:block; float:right; width:92%; color:#ffffff;}

.duine p:last-child{ margin-bottom:0px;}

.duine1{top:179px;}

.duine2{top:339px;}

.duine3{top:500px;}

.duine4{top:560px; width:536px;}

.xonq{ width:50%; float:left;}



@media(max-width:1600px){

.bonee{ position:absolute; width:165px; height:auto; left:579px;  top:324px; color:#333333; font-size:14px; line-height:28px; text-align:center;}

	

}

@media(max-width:1366px){

.bonee{ position:absolute; width:165px; height:auto; left:479px;  top:324px; color:#333333; font-size:14px; line-height:28px; text-align:center;}	

}

@media(max-width:1024px){

.bonee{ position:absolute; width:165px; height:auto; left:479px;  top:324px; color:#333333; font-size:14px; line-height:28px; text-align:center;}	

.hyin_l{ float:left; width:100%; height:auto; padding:30px 30px;}

.hyin_r{ float:right; width:100%; height:auto; overflow:hidden; position:relative;}

.hyin_l li{ width:20%; height:auto; overflow:hidden; cursor:pointer; color:#ffffff; font-size:16px; min-height:48px; position:relative; margin-bottom:0px; float:left; text-align:center;}

.duine{ width:90%; height:auto; background:#203145; border-radius:5px; position:absolute; left:0px; right:0; margin: auto; top:18px; padding:23px 27px 23px 27px; overflow:hidden;}

.duine1{top:18px;}

.duine2{top:18px;}

.duine3{top:18px;}

.duine4{top:18px; width:100%;}

.hyin_r img{ display:block; width:100%; height:auto;}

.bonee img{ display:block; margin:0 auto; width:24px; height:auto}

.bonee{ position:absolute; width:165px; height:auto; left:439px;  top:214px; color:#333333; font-size:14px; line-height:28px; text-align:center;}



}

@media(max-width:414px){

.hyin_l{ float:left; width:100%; height:auto; padding:30px 15px;}

.hyin_l li{ width:20%; height:auto; overflow:hidden; cursor:pointer; color:#ffffff; font-size:14px; min-height:48px; position:relative; margin-bottom:0px; float:left; text-align:center;}	

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

}



/**/











   .nav_circle{

            width:1096px; height:947px; position:absolute; z-index:999;left:160px; top:97px; color:#333333; font-size:16px; font-weight:bold; line-height:44px;

            }

            .img_top{

				left:160px;

            top:-27px;

            -webkit-transform: rotate(0deg);

        }

        

        .img_top img,.img_bottom  img{

            width:77px;

            height: 77px;

        }

        

        

        .r1{

            transform:rotate(0deg) skew(0deg) scale(1);

            -ms-transform:rotate(0deg) skew(0deg) scale(1);     /* IE 9 */

            -moz-transform:rotate(0deg) skew(0deg) scale(1);     /* Firefox */

            -webkit-transform:rotate(0deg) skew(0deg) scale(1); /* Safari ºÍ Chrome */

            -o-transform:rotate(0deg) skew(0deg) scale(1); 

            animation: rotate 10s linear infinite;

            -webkit-animation:rotate 10s linear infinite;

            -moz-animation:rotate 10s linear infinite;

            -o-animation:rotate 10s linear infinite;

        }

        .r1 .img{

            transform:rotate(0deg) skew(0deg) scale(1);

            -ms-transform:rotate(0deg) skew(0deg) scale(1);     /* IE 9 */

            -moz-transform:rotate(0deg) skew(0deg) scale(1);     /* Firefox */

            -webkit-transform:rotate(0deg) skew(0deg) scale(1); /* Safari ºÍ Chrome */

            -o-transform:rotate(0deg) skew(0deg) scale(1); 

            animation:rotate_c1 10s linear infinite;

            -webkit-animation:rotate_c1 10s linear infinite;

        }

        

		@keyframes rotate{

            0%{

                transform:rotate(0deg) skew(0deg) scale(1);

                -ms-transform:rotate(0deg) skew(0deg) scale(1);     /* IE 9 */

                -moz-transform:rotate(0deg) skew(0deg) scale(1);     /* Firefox */

                -webkit-transform:rotate(0deg) skew(0deg) scale(1); /* Safari ºÍ Chrome */

                -o-transform:rotate(0deg) skew(0deg) scale(1); 

            }

            100%{

                transform:rotate(360deg) skew(0deg) scale(1);

                -ms-transform:rotate(360deg) skew(0deg) scale(1);     /* IE 9 */

                -moz-transform:rotate(360deg) skew(0deg) scale(1);     /* Firefox */

                -webkit-transform:rotate(360deg) skew(0deg) scale(1); /* Safari ºÍ Chrome */

                -o-transform:rotate(360deg) skew(0deg) scale(1); 

            }

        }

		

		

		@keyframes rotate_c1{

            0%{

                transform:rotate(0deg) skew(0deg) scale(1);

                -ms-transform:rotate(0deg) skew(0deg) scale(1);     /* IE 9 */

                -moz-transform:rotate(0deg) skew(0deg) scale(1);     /* Firefox */

                -webkit-transform:rotate(0deg) skew(0deg) scale(1); /* Safari ºÍ Chrome */

                -o-transform:rotate(0deg) skew(0deg) scale(1); 

            }

            100%{

                transform:rotate(-360deg) skew(0deg) scale(1);

                -ms-transform:rotate(-360deg) skew(0deg) scale(1);     /* IE 9 */

                -moz-transform:rotate(-360deg) skew(0deg) scale(1);     /* Firefox */

                -webkit-transform:rotate(-360deg) skew(0deg) scale(1); /* Safari ºÍ Chrome */

                -o-transform:rotate(-360deg) skew(0deg) scale(1); 

            }

        }

		







.ed_box{ width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.75); z-index:9999;}

.xwinw{ width:400px; height:auto; margin: auto; position:absolute; left:0;right:0; top:10%; padding:30px 15px; background:#fff; overflow:hidden; border-radius:5px;}

.xwinw_b{ clear:both; height:auto; overflow:hidden;}

.xwinw_b p{ clear:both; height:auto; overflow:hidden; margin-bottom:8px; line-height:41px; font-size:16px; color:#333; text-align:center}

.xwinw_b p img{ display:block; margin:0 auto;}

.ed_box1{ width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.75); z-index:9999;}

.xgin{ width:226px; height:auto; margin:0 auto;}

.xgin p{ color:#333333; line-height:24px; font-size:15px;}

.tuxo2{ width:100%; height:35px; background:#1d64b4; text-align:center; line-height:35px; color:#fff; font-size:15px; border:none; margin:15px auto;}

.xgin p span{ color:#666666; line-height:24px; font-size:14px;}

.xgin p a{ display:block; width:121px; height:35px; border:1px solid #ccc; text-align:center; line-height:33px; color:#333; font-size:14px; margin:0 auto; margin-top:35px}

.wbk14{ width:100%; height:41px; border:1px solid #ccc; line-height:39px; padding:0 15px; color:#333; font-size:16px; border-radius:5px;}

.xwinw_b p font a{ border:1px solid #1d64b4; width:121px; height:35px; background:#1d64b4; color:#fff; font-size:15px; text-align:center; line-height:33px; display:block; float:left; margin-right:8px; margin-top:30px;}

.xwinw_b p font button{ border:1px solid #1d64b4; width:121px; height:35px; background:#1d64b4; color:#fff; font-size:15px; text-align:center; line-height:33px; display:block; float:left; margin-right:8px; margin-top:30px;}

.xwinw_b p font a.qunee{ border:1px solid #ccc; background:none; color:#333;}

.xwinw_b p font button{ border:1px solid #ccc; background:none; color:#333;}

.xwinw_b p{ clear:both; height:auto; overflow:hidden; margin-bottom:8px; line-height:41px;}

.xwinw_b p span{ display:block; float:left; width:87px; text-align:left; color:#333333; font-size:16px;}

.xwinw_b p font{ float:right; display:block; width:100%;}

.scin{ display:block;  border:1px solid #1d64b4; width:121px; height:35px; background:#1d64b4; color:#fff; font-size:15px; text-align:center; line-height:33px; display:block; float:left; margin-right:5px;}

.file-box{



display: block;



position: relative;



padding: 3px 5px;



overflow: hidden;



 border:1px solid #1d64b4; width:121px; height:40px; background:#1d64b4; color:#fff; font-size:15px; text-align:center; line-height:35px; 



}



.file-btn{



position: absolute;



width:121px; height:40px; 



top: 0;



    left: 0;



    outline: none;



    background-color: transparent;



    filter:alpha(opacity=0);



-moz-opacity:0;



-khtml-opacity: 0;



opacity: 0;



}

@media(max-width:414px){

.xwinw{ width:90%; height:auto; margin: auto; position:absolute; left:0;right:0; top:10%; padding:30px; background:#fff; overflow:hidden; border-radius:5px;}	

}