@charset "utf-8";

/* CSS Document */
html{-webkit-text-size-adjust:none;}
body {font-size:14px; color:#343434;line-height:26px; margin:0; padding:0; font-family:"Poppins","MicrosoftYaHei","Microsoft YaHei","Arial"; -webkit-text-size-adjust:none; min-width:1200px}

img { border:0;}
div,form,ul,ol,li,span,h1,h2,h3,h4,h5,h6,dl,dt,dd {border: 0;margin: 0;padding: 0;list-style-type:none}
.fz12,font,h2,h1 { font-size:12px}
h3,h4,h5 { font-weight:normal; font-size:14px}

input,textarea,button { outline:none; border:0;}
input:focus,textarea:focus,button:focus { outline:none; border:0;}


a { outline:none;-moz-outline:none; color:#343434; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none;}
a:hover {color:#44a8f2;text-decoration:none}
p { padding:0; margin:0;}
.tar { text-align:right}
.tal { text-align:left}
.tac { text-align:center}
.ft {float:left}
.fr {float:right}
.clear { clear:both}
.bgff { background:#fff}
.w100 { width:1200px; margin:0 auto}


@media all and (max-width:1680px){
body { min-width: inherit}
.w100 { width:1200px;}
}
@media all and (max-width:1280px){
.w100 { width:1000px;}
}
@media all and (max-width:1000px){
.w100 { width:90%;}
}



.banner { position:relative; overflow:hidden; z-index:22}
.banner img { display:block; width:100%}
.banner .img1 { display:none; position:absolute; left:0; bottom:0}

.banner video { display:none; position:absolute; left:38.6%; width:19.3%; height:16.1%; bottom:41.9%; z-index:333}

.pban { height:100px; position:relative; z-index:222; background:#f5f5f5}
.pban .pban_cn {
	position: absolute;
	left: 53%;
	width: 569px;
	margin-left: -345px;
	top: -260px;
	height: 320px;
	background: url(../images/pingban.png)
}
.pban .pban_cn .bds { float:left; width:60px; padding:30px 0 0 61px; position:relative; z-index:22}
.pban .pban_cn .bd { width:60px; margin:0 auto; overflow:hidden}
.pban .pban_cn .bd ul li { height:46px}
.pban .pban_cn .bd a { display:block; font-size:14px; cursor:pointer; line-height:38px; background:#fff; border-radius:10px; text-align:center}
.pban .pban_cn .bd a.on { color:#fff; background:#1E86FF}

.pban .pban_cn a.prev { display:block; line-height:40px; cursor:pointer}
.pban .pban_cn a.next { display:block; line-height:30px; cursor:pointer}
.pban .pban_cn i { display:block; font-size:24px; text-align:center; line-height:40px}
.pban .pban_cn a.next i { line-height:30px;}

.kg_bbd { float:right; width:438px; padding-top:36px}


.index_1 { width:1200px; margin:0 auto; padding-bottom:80px}
.index_1 .more { float:right; line-height:60px; position:relative}
.index_1 .more i { display:block; position:absolute; left:-80px; width:60px; height:2px; background:#666; top:50%; margin-top:-1px}
.index_1 h2 { line-height:60px; color:#888; text-transform:uppercase; font-weight:normal; font-size:18px}
.index_1 h2 b { display:block; float:left; padding-right:10px; font-size:36px; font-weight:normal; color:#44a8f2; line-height:40px}

.index_1 .index_gd { width:1212px; position:relative}
.index_1 .index_gd ul li { float:left; width:303px; position:relative}
.index_1 .index_gd ul li img { display:block; width:291px}
.index_1 .index_gd ul li h3 { padding-top:15px; font-size:16px; text-align:center; width:291px;}
.index_1 .index_gd ul li h4 { position:absolute; left:0; width:291px; height:97px; bottom:41px; background:#fff; display:none; box-shadow:5px 5px 5px #eee}
.index_1 .index_gd ul li h4 span { display:block; padding:30px 20px; color:#333; line-height:26px; height:60px}
.index_1 .index_gd ul li h4 a { display:block; width:100px; background:#44a8f2; color:#fff; margin:0 auto; text-align:center; line-height:32px; border-radius:5px}


.index_1 .index_gd a.prev { display:block; cursor:pointer; left:-50px; top:50%; margin-top:-15px; position:absolute}
.index_1 .index_gd a.prev i { font-size:24px; display:block; line-height:30px}
.index_1 .index_gd a.next { display:block; cursor:pointer; right:-38px; top:50%; margin-top:-15px; position:absolute}
.index_1 .index_gd a.next i { font-size:24px; display:block; line-height:30px}




.index_2 { padding:80px 0; background:#f5f5f5}
.index_2 .more { float:right; line-height:60px; position:relative}
.index_2 .more i { display:block; position:absolute; left:-80px; width:60px; height:2px; background:#666; top:50%; margin-top:-1px}
.index_2 h2 { line-height:60px; color:#888; text-transform:uppercase; font-weight:normal; font-size:18px}
.index_2 h2 b { display:block; float:left; padding-right:10px; font-size:36px; font-weight:normal; color:#44a8f2; line-height:40px}

.index_2 .index_yw { width:1218px; overflow:hidden; padding-top:20px}
.index_2 .index_yw ul li { float:left; width:406px; position:relative}
.index_2 .index_yw ul li img { display:block; width:388px}
.index_2 .index_yw ul li h3 { position:absolute; left:15px; bottom:15px; background:rgba(0,0,0,0.6); color:#fff; padding:0 15px; border-radius:5px;}



.index_3 { width:1200px; margin:0 auto; padding:80px 0; overflow:hidden;}
.index_3 h2 { text-align:center; font-size:36px; font-weight:normal; line-height:40px; padding-bottom:40px}
.index_3 ul { width:1212px}
.index_3 ul li { float:left; width:303px; padding-bottom:12px}
.index_3 ul li img { display:block; width:291px}


.index_4 { width:1220px; height: 620px;margin:0 auto; 0; overflow:hidden;background:url("../images/AWARDS.png")}

.index_4 h2 {
    text-align: lest;
    font-size: 36px;
    font-weight: normal;
    line-height: 2px;
    padding-bottom: 40px;
	padding-left: 120px;
	padding-top: 180px;
}
.index_4 h3 { 
    text-align: left;
    font-size: 18px;
    font-weight: normal;
    line-height: 30px;
	padding-left: 120px;
	padding-top: -100px;
 width:500px; overflow:hidden;
}
.index_4 ul { width:1212px}
.index_4 ul li { float:left; width:303px; padding-bottom:12px}
.index_4 ul li img { display:block; width:291px}




footer { background:#10293C; padding-top:40px}
footer .foot_1 { float:left; color:#aaa; padding-bottom:30px}
footer .foot_1 h3 { padding-bottom:20px; font-size:16px; position:relative; margin-bottom:5px}
footer .foot_1 h3 i { display:block; position:absolute; left:0; bottom:9px; height:2px; width:100px; background:#275E86}
footer .foot_2 { float:right}
footer .foot_3 { clear:both; text-align:center; background:#0B1E2C; color:#aaa; line-height:40px}
footer .foot_3 a { color:#aaa}







#kg_1 { width:376px; overflow:hidden;}
#kg_1 h3 {
	line-height: 36px;
	height: 36px;
	background: #217EFD;
	color: #fff;
	text-align: center;
	font-size: 16px;
	margin-bottom: 8px;
	border-radius: 5px;
	left: auto;
}

#kg_1 a { display:block; float:left; width:183px; height:95px; margin:0 5px 5px 0; cursor:pointer; border-radius:5px; background:#fff; position:relative}
#kg_1 i { display:block; width:45px; height:23px; background:url(../images/kaiguan_1.png); position:absolute; right:15px; bottom:10px}
#kg_1 b { display:block; font-size:16px; padding-left:20px; padding-top:5px}
#kg_1 font { display:block; font-size:12px; color:#888; height:36px; padding-left:20px}
#kg_1 span { display:block; font-size:14px; color:#888; padding-left:20px}

#kg_1 a.on i { background:url(../images/kaiguan_2.png) top no-repeat;}
#kg_1 a.on span { color:#217EFD;}



#kg_2 { width:376px; overflow:hidden; position:relative}
#kg_2 h3 { line-height:36px; height:36px; background:#217EFD; color:#fff; text-align:center; font-size:16px; margin-bottom:3px; border-radius:5px}
#kg_2 img { display:block}

#kg_2 .kg_sp { width:376px; display:block; left:0; bottom:0px; position:absolute; height:213px}

#kg_2 .kg_sp i { display:block; position:absolute; width:34px; height:34px; border-radius:50%; text-align:center; line-height:34px; bottom:12px; font-size:12px; cursor:pointer; opacity:0}
#kg_2 .kg_sp i.fa-play { width:28px; line-height:28px; height:28px; font-size:18px; left:85px}
#kg_2 .kg_sp i.p2 { color:#fff; border:0 none; width:228px; left:0px; height:145px; top:0; opacity:1; background:url(../images/bofang.png) center no-repeat}
#kg_2 .kg_sp i.fa-pause { left:50px; font-size:12px}
#kg_2 .kg_sp i.fa-stop { left:117px; font-size:12px}
#kg_2 .kg_sp i.fa-fast-backward { left:120px; font-size:12px}
#kg_2 .kg_sp i.fa-fast-forward { left:145px; font-size:12px}

#kg_2 .kg_jm { position:absolute; right:18px; width:100px; text-align:center; top:55px}
#kg_2 .kg_jm a { display:block; line-height:32px; cursor:pointer; color:#888}
#kg_2 .kg_jm a.on { color:#44a8f2; font-weight:bold}




#kg_4 { width:376px; overflow:hidden;}
#kg_4 h3 { line-height:36px; height:36px; background:#217EFD; color:#fff; text-align:center; font-size:16px; margin-bottom:8px; border-radius:5px}
#kg_4 .touying { height:191px; border-radius:10px; background:#fff; position:relative}
#kg_4 .touying h4 { line-height:50px; text-align:center; font-size:16px; padding-bottom:20px}

#kg_4 a { display:block; width:216px; height:70px; background:url(../images/kaiguan_4.png) center no-repeat; cursor:pointer; margin:0 auto}
#kg_4 a.on { background:url(../images/kaiguan_3.png) center no-repeat}


/*
#kg_3 { width:376px; overflow:hidden; padding-top:20px}
#kg_3 a { display:block; width:187px; height:220px; background:url(../images/kaiguan_6.png) center no-repeat; cursor:pointer; margin:0 auto}
#kg_3 a.on { background:url(../images/kaiguan_7.png) center no-repeat}
*/

#kg_3 { width:376px; overflow:hidden;}
#kg_3 h3 { line-height:36px; height:36px; background:#217EFD; color:#fff; text-align:center; font-size:16px; margin-bottom:8px; border-radius:5px}
#kg_3 .touying { height:191px; border-radius:10px; background:#fff; position:relative}
#kg_3 .touying h4 { line-height:50px; text-align:center; font-size:16px; padding-bottom:20px}

#kg_3 a { display:block; width:216px; height:70px; background:url(../images/kaiguan_4.png) center no-repeat; cursor:pointer; margin:0 auto}
#kg_3 a.on { background:url(../images/kaiguan_3.png) center no-repeat}



#kg_5 { width:376px; overflow:hidden;}
#kg_5 h3 { line-height:36px; height:36px; background:#217EFD; color:#fff; text-align:center; font-size:16px; margin-bottom:8px; border-radius:5px}
#kg_5 .touying { height:191px; border-radius:10px; background:#fff; position:relative}
#kg_5 .touying h4 { line-height:50px; text-align:center; font-size:16px; padding-bottom:20px}

#kg_5 a { display:block; width:216px; height:70px; background:url(../images/kaiguan_4.png) center no-repeat; cursor:pointer; margin:0 auto}
#kg_5 a.on { background:url(../images/kaiguan_3.png) center no-repeat}


#kg_6 { width:376px; overflow:hidden;}
#kg_6 h3 { line-height:36px; height:36px; background:#217EFD; color:#fff; text-align:center; font-size:16px; margin-bottom:8px; border-radius:5px}
#kg_6 .kt_left { height:181px; border-radius:10px; background:url(../images/kongtiao.png) top no-repeat; padding-top:10px; position:relative}
#kg_6 .kt_left ul li { padding-left:16px; height:54px; line-height:54px; font-size:24px; margin-bottom:5px}
#kg_6 .kt_left ul li i { display:block; width:50px; float:left; height:54px}
#kg_6 .kt_left ul li a { display:block; width:122px; background:#fff; border-radius:5px; cursor:pointer}
#kg_6 .kt_left ul li a i.i1 { background:url(../images/i1_a.png) center no-repeat}
#kg_6 .kt_left ul li a i.i2 { background:url(../images/i2_a.png) center no-repeat}
#kg_6 .kt_left ul li a i.i3 { background:url(../images/i3_a.png) center no-repeat}
#kg_6 .kt_left ul li a:hover { background:#217EFD; color:#fff}
#kg_6 .kt_left ul li a:hover i.i1 { background:url(../images/i1_b.png) center no-repeat}
#kg_6 .kt_left ul li a:hover i.i2 { background:url(../images/i2_b.png) center no-repeat}
#kg_6 .kt_left ul li a:hover i.i3 { background:url(../images/i3_b.png) center no-repeat}

#kg_6 .kt_left .kt_c1 { display:block; width:32px; height:32px; line-height:32px; text-align:center; background:#fff; color:#217EFD; border-radius:5px; position:absolute; left:150px; top:75px; cursor:pointer}
#kg_6 .kt_left .kt_c1:hover { background:#217EFD; color:#fff}
#kg_6 .kt_left .kt_c2 { display:block; width:32px; height:32px; line-height:32px; text-align:center; background:#fff; color:#217EFD; border-radius:5px; position:absolute; right:0px; top:75px; cursor:pointer}
#kg_6 .kt_left .kt_c2:hover { background:#217EFD; color:#fff}

#kg_6 .kt_left h4 { position:absolute; color:#fff; top:80px; right:115px; font-size:16px}


#kg_7 { width:376px; overflow:hidden; border-radius:10px; box-shadow:0 0 10px #ddd}
#kg_7 img { display:block; width:100%}


@keyframes fade {
    from {        
    opacity: 1.0;    
    }
    50% {        
    opacity: 0.2;    
    }
    to {        
    opacity: 1.0;    
    }
}
@-webkit-keyframes fade {    
    from {        
    opacity: 1.0;    
    }
    50% {        
    opacity: 0.2;    
    }
    to {        
    opacity: 1.0;    
    }
}
.shanchu { 
    animation: fade 600ms infinite;    
    -webkit-animation: fade 600ms infinite;
}




#kg_8 { width:376px; overflow:hidden; border-radius:10px; box-shadow:0 0 10px #ddd}
#kg_8 img { display:block; width:100%}


.pban_cn video { position:absolute; left:52px; top:30px; z-index:4444}
.pban_cn video::-webkit-media-controls {
display:none !important;
}
.pban_cn video::-webkit-media-controls-enclosure {
max-height: 0px !important;
overflow:hidden !important;
}
.pban_cn video::-webkit-media-controls-overlay-play-button {
display:none !important;
}




.side {position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;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;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../images/leftewm.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0;}
.side ul li.sideetel .telBox.son {width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#f67524;}
.side ul li.sideetel .telBox dd {display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px;}
.side ul li.sideetel .telBox dd span {display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px;}
.side ul li.sideetel .telBox dd.bgs1 {background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#e96410;}
.side ul li.sideetel .telBox dd.bgs2 {background:url(../images/right_pic9.png) 28px center no-repeat;}
.side ul li:hover .son {display:block!important;animation:fadein 1s;}
@keyframes fadein {from {opacity:0;}
to {opacity:1;}
;}




.tc3 { position:fixed; z-index:8888; left:0; top:0; bottom:0; right:0; background:rgba(0,0,0,0.5); display:none}
.tc3 .tc_faz { width:960px; height:540px; position:absolute; left:50%; margin-left:-480px; margin-top:-270px; top:50%; border-radius:5px; background:#fff}
.tc3 .guanbi { position:absolute; right:0; top:-30px; display:block; width:18px; height:18px; cursor:pointer; background:url(../images/guanbi.png); background-size:100% 100%; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.tc3 .guanbi:hover { transform:rotate(180deg)}
.tc3 .tc_faz h2 { text-align:center; padding-top:30px; font-size:24px; line-height:30px; height:80px}
.tc3 .tc_faz h2 span { display:block; font-weight:normal; color:#888; font-size:14px}
.tc3 .tc_faz .content_text { width:900px; margin:0 auto; height:80%;}
.tc3 .tc_faz img { display:block; max-width:100%}


@media all and (max-width:720px){
.tc3 .tc_faz { width:90%; height:430px; position:absolute; left:5%; margin-left:0; top:50%; margin-top:-215px;}
.tc3 .tc_faz h2 { font-size:16px;}
.tc3 .tc_faz img { width:200px; height:200px}

}



header { position:absolute; z-index:666; left:0; width:100%; top:0; height:70px; background:rgba(0,0,0,0.2); border-bottom:1px #666 solid}
header .logos { float:left; padding-top:10px; padding-left:50px}
header .logotxt { float:left; padding-top:20px; padding-left:10px;font-size:45px;display:block; font-weight:normal; color:#fff;}
header .logos img { display:block; height:50px}

header nav { float:right; padding-right:50px; padding-top:15px}
header nav ul li { line-height:40px; padding-right:50px; float:left; text-align:center; font-size:16px}
header nav ul li a { display:block; width:80px; color:#fff;}
header nav ul li a.on { background:rgba(0,0,0,0.2)}





.index-sec2{padding: 72px 0 0 0; margin-bottom:80px; background:#f5f5f5;}
.index-sec2 ul li{float: left;width: 25%;margin-bottom: 88px;text-align: center;}
.index-sec2 ul li a{display: block;}
.index-sec2 ul li span{
	display: block;
	width: 102px;
	height: 102px;
	background: #fff;
	border-radius: 100%;
	overflow: hidden;
	margin: 0 auto 40px;
	transition: 0.4s ease-in-out;
}
.index-sec2 ul li span img{width: 100%;height: 100%;}
.index-sec2 ul li h4{font-size: 18px;line-height: 25px;}
.index-sec2 ul li p{color: #385064;height: 40px;overflow: hidden;line-height: 20px;max-width: 188px;margin: 8px auto 0;}
.index-sec2 ul li:hover h4{color: #0066FF;transition: 0.4s;}
.index-sec2 ul li:hover p{color: #0066FF;transition: 0.4s;}
.index-sec2 ul li:hover span{
	transition: 0.4s ease-in-out;
	transform: translateY(-10px);
}


.title{text-align: center;margin-bottom: 90px;}
.title h3 span{display: inline-block;vertical-align: top;line-height: 40px;font-size: 28px;color: #0D1A26;position: relative;}
.title h3 span::before,
.title h3 span::after{display: inline-block;content: "";width: 188px;height: 1px;background: #ADBAC6;position: absolute;top: 50%;}
.title h3 span::before{left: -236px;}
.title h3 span::after{right: -236px;}
.title p{margin-top: 28px;font-size: 16px;line-height: 22px;color: #314659;}
.title.white h3 span{color: #fff;}
.title.white h3 ::before,
.title.white h3 ::after{background: #fff;}
.title.white p{color: #fff;}

.wp{width: 1200px;max-width: 94%;margin: 0 auto;font-size:12px}




.sidebar{
	position: fixed;
	top: 50%;
	right: 30px;
	z-index: 224;
	width: 48px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.sidebar a{display: block;width: 48px;height: 48px;box-sizing: border-box;border: 1px solid #e6e6e6;background-color: #fff;}
.sidebar .phone-btn{background-image: url('../images/icon1.png');background-size: 100% 100%;}
.sidebar .phone-btn:hover{background: #0066FF url('../images/icon1-on.png');background-size: 100% 100%;border-color: #0066FF;}
.sidebar .wechat-btn{background-image: url('../images/icon2.png');background-size: 100% 100%;}
.sidebar .wechat-btn:hover{background: #0066FF url('../images/icon2-on.png');background-size: 100% 100%;border-color: #0066FF;}
.sidebar .backtop{background-image: url('../images/icon3.png');background-size: 100% 100%;margin-top: 36px;transform: translateX(200%);transition: 0.4s;}
.sidebar .backtop:hover{background: #0066FF url('../images/icon3-on.png');background-size: 100% 100%;border-color: #0066FF;}
.sidebar .backtop.backtop-show{transform: translateX(0);transition: 0.4s;}
.sidebar .side-inner{border: 1px solid #D7D7D7;background: #fff;border-radius: 4px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);position: relative;}
.sidebar .side-inner::before{display: block;content: "";width: 4px;height: 4px;border: 1px solid #fff;border-color: #d7d7d7 #d7d7d7 #fff #fff;background: #fff;position: absolute;top: 50%;right: -4px;margin-top: -4px;transform: rotate(45deg);}
.sidebar .side-phone{position: relative;}
.sidebar .side-phone .phone-num{position: absolute;top: 50%;right: 100%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);padding-right: 10px;display: none;}
.sidebar .side-phone .phone-num span{display: block;line-height: 56px;padding: 0 15px;white-space: nowrap;font-size: 16px;color: #666;}
.sidebar .side-phone:hover .phone-num{display: block;}
.sidebar .side-erweima{position: relative;margin-top: 20px;}
.sidebar .side-erweima .erweima{position: absolute;top: 50%;right: 100%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);padding-right: 10px;display: none;}
.sidebar .side-erweima:hover .erweima{display: block;}