@charset "utf-8";
/* 整个滚动条 */
    ::-webkit-scrollbar {
      width: 5px;
      height: 5px;
    }
 
    /* 滚动条有滑块的轨道部分 */
    ::-webkit-scrollbar-track-piece {
      background-color: transparent;
      border-radius: 5px;
    }
 
    /* 滚动条滑块(竖向:vertical 横向:horizontal) */
    ::-webkit-scrollbar-thumb {
      cursor: pointer;
      background-color:#999999;
      border-radius: 5px;
    }
 
    /* 同时有垂直和水平滚动条时交汇的部分 */
    ::-webkit-scrollbar-corner {
      display: block;    /* 修复交汇时出现的白块 */
    }
.left-list li{
	line-height: 40px;
	    display: flex;
	    align-items: center;
}
.right-list li{
	line-height: 40px;
	    display: flex;
	    align-items: center;
}
.left-list .list-radius,.right-list .list-radius{
	width: 8px;
	    height: 8px;
	    background: #4472ff;
	    border-radius: 50%;
	    display: inline-block;
	
}

.box img{
	height: 500px;
}
.iBanner{
	margin-bottom: 50px;
}
.left-list .list-text,.right-list .list-text{
	margin-left: 5px;
	margin-right: 5pr;
}

/* CSS Document */

*{ margin:0; padding:0;}

body{ font-size:14px; font-weight:1.5; font-family:"微软雅黑", sans-serif !important;color:#333;box-sizing:border-box;}

body, html{ overflow-x: auto;min-width: 640px;}

a,img,input{ text-decoration:none; font-size:14px; border:0}

body,h1,h2,h3,h4,h5,h6,form,ol,li ,dl,ul,input,tr,td{margin: 0px;padding: 0px;list-style-type: none; color:#333; font-weight:normal}

ul li{ list-style:none;}

.clear{ clear:both;}

.left{ float:left;}

.right{ float:right;}

a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ color:#333 } a:focus{ -moz-outline-style: none; /* FF */} 

a:hover{ color:#009eff}

input,button,select,textarea{outline:none}

textarea{resize:none}

input,textarea{ outline:none; -webkit-appearance: none;}



.cent,.foot{ max-width:1200px; margin:auto;}

.head1{ padding:0 3%}

.header{position:fixed; top:0; left:0; width:100%; background:#000; z-index:99; background-color: rgba(0,0,0,0.45); filter: Alpha(opacity=45);}

.banner{ position:relative}

.banner p img{ width:100%}

.head1 .left{ width:219px; margin:0.5% 0}

.head1 .right{ width:1070px;}

.logo img{ width:219px;}

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

.flexslider .slides{position:relative;z-index:1;}

.flexslider .slides li a{ display:block;}

.flexslider .slides li img{ width:100%; display:block}

.flex-control-nav{position:absolute;bottom:40px; right:0; z-index:2;width:100%;text-align:center;}

.flex-control-nav li{display:inline-block;width:40px;height:4px;margin:0 15px;*display:inline;zoom:1;}

.flex-control-nav a{display:inline-block;width:40px;height:4px;line-height:45px;overflow:hidden;background:url(../img/index/dot.jpg) right 0 no-repeat; cursor:pointer;}

.flex-control-nav .flex-active{background-position:0 0;}

.nav1 ul{ overflow:hidden}

.nav1 ul li{ float:left; margin-left:42px}

.nav1 ul li a{ font-size:18px; display:block; padding:30px 0; color:#fff}

.nav1 ul li a:hover{ color:#009eff; background:url(../img/index/sy1.jpg) no-repeat center bottom}

.nav2,.sjx{ display:none}

.dropMenu{ width:205px; position:absolute; top: 0; left:0; z-index:9999;visibility: hidden; background:#fff; background-color: rgba(255,255,255,0.9);filter:Alpha(opacity=90); overflow:hidden; margin-left:-69px}

.dropMenu li{ line-height:40px; text-align:center; border-bottom:#ccc 1px solid}

.dropMenu .no{ border:0}

.dropMenu li a{ font-size:16px; color:#666} 

.dropMenu li a:hover{ color:#009eff}

header{ display:none}

.zg{ width:802px; float:left}

.zg1{ width:256px; float:right; text-align:right; color:#999; padding-top:2.5%}

.zg1 p{ color:#fff; font-size:25px; text-align:right}

.zg1 p img{ vertical-align:revert; margin-right:10px; margin-bottom:-2px}

.qh{ text-align:right; margin-bottom:1.5%; color:#fff}

.sjx{ display:none !important}

.qh a{ color:#fff}

.he_ZoomInImg{ width:100%;padding:0;margin:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;}

.he_ZoomInImg .he_ZoomInImg_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}

.he_ZoomInImg:hover .he_ZoomInImg_img{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);}

.he_ZoomInImg .he_ZoomInImg_caption{color:#fff;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}

.he_ZoomInImg .he_ZoomInImg_caption,.he_ZoomInImg .he_ZoomInImg_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}

.he_ZoomInImg .he_ZoomInImg_caption_p{font-size:20px;text-align:center;width:80%; height:50%; border-bottom:#cc0000 2px solid; background:#fff; background-color: rgba(255,255,255,0.6); filter: Alpha(opacity=60); -webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0; text-align:center; line-height:30px; margin:10%; padding-top:20%}

.he_ZoomInImg:hover .he_ZoomInImg_caption_p{color:#cc0000;opacity:1}

.sy0{ position:relative}

.sy0-1{ position:absolute; top:33%; left:0; width:100%; z-index:9}

.sy0-1 h1{ font-size:60px; color:#fff; text-align:center; letter-spacing:2px}

.sy0-1 h1 span{ display:block; font-size:24px; margin-top:2%;}

.sy0-1 p a{ width:220px; line-height:60px; display:inline-block; margin:0 15px; background:#fff; font-size:24px; color:#00a9ff; border-radius:30px;}

.sy0-1 p{ margin-top:7%; text-align:center}

.sy1{ background:#f5f5f5}

.sy1-1 ul{ margin-left:-10%; padding:2% 0; overflow:hidden}

.sy1-1 ul li{ float:left; width:15%; margin-left:10%; font-size:18px; text-align:center}

.sy1-1 ul li span{text-shadow:#D5ECF4 3px 4px 1px; font-size:36px; font-weight:bold; color:#05a7ff}

.sy1-1 ul li strong{ font-weight:normal}

.sy-b{ font-size: 30px;
    text-align: center;
    margin: 13% 0 6%; }

.sy-b img{ display:block; margin:10px auto}

.sy-b span{ font-size:14px; color:#666; display:block}

.sy3{ overflow:hidden; margin-left:-6%; margin-bottom:6%}

.sy3 ul{ float:left; width:27.333%; margin-left:6%}

.sy3 ul li{ font-size:16px; color:#666; line-height:32px}

.sy3 ul li img{ width:88%; height:210px; display:block; margin:auto}

.sy3 ul li{ margin-bottom:22%}

.sy3 ul li span{ display:block;}

.sy3 ul li .a1{ text-align:center; font-size:24px; color:#000; display:block; margin-bottom:4%}

.sy4{ background:url(../img/index/sy11.jpg) no-repeat center; overflow:hidden; padding-bottom:4%;  /*  height: calc(100vh); */}

.sy4-1{ background:url(../img/index/sy12.png) no-repeat left top 64px; padding-bottom:4%}

.sy-b1,.sy-b1 span{ color:#fff}

.sy4-1{ overflow:hidden}

.sy4-1 ul{ float:left; width:18.8%; margin-left:1%}

.sy4-1 ul li:last-child{ color:#fff; margin-left:33%; line-height:28px; margin-top:12%}

.sy4-1 ul li:last-child .c1{ font-size:18px; display:block; margin-bottom:3%}

.cent1{ max-width:1300px}

.sy5{ background:url(../img/index/sy25.jpg) no-repeat center bottom; overflow:hidden}

.sy5-1-1 ul{ overflow:hidden; margin-left:-6%; background:url(../img/index/xian.jpg) no-repeat center top 60px}

.sy5-1-1 ul li{ float:left; cursor:pointer; width:8.285%; margin-left:6%; font-size:16px; text-align:center}

.sy5-1-1 ul li img{ display:block; margin:0 auto 10%; width:100%} 

.sy5-1-1 ul li .b2{ display:none}

.sy5-1-1 ul .curr1 .b1{ display:none}

.sy5-1-1 ul .curr1 .b2{ display:block}

.sy5-1-2{ margin-bottom:6%}

.sy5-x{ background:#fff; margin-top:4%; box-shadow:0 0 10px #eee; overflow:hidden}

.sy5-x .left,.sy5-x .right{ width:50%}

.sy5-x .left{ padding:4% 5%; width:40%; position:relative}

.sy5-x .left h1{ font-size:28px; background:url(../img/index/sy26.png) no-repeat left bottom; margin-bottom:5%; padding-bottom:5%}

.sy5-x .left h1 span{ font-size:18px; display:block; color:#666; margin-top:3%; letter-spacing:2px}

.sy5-x .left p{ font-size:16px; color:#666; line-height:30px; letter-spacing:1px}

.sy5-x .left p a{ position:absolute; right:10%; bottom:4%; font-size:12px; color:#009eff}

.sy5-x .right p img{ width:100%}

.sy6{ background:url(../img/index/sy28.jpg) no-repeat center top; overflow:hidden}

.sy6-1 ul li{ overflow:hidden; margin-left:-1%; margin-top:5%; padding:10px}

.sy6-1 ul li div{ float:left; width:32.333%; height:435px; overflow:hidden; margin-left:1%; background:#fff; padding-bottom:3%; box-shadow:0 0 10px #ccc;}

.sy6-1 ul li div h1 img{ width:100%; height:226px;padding: 2px 2px 2px 2px;box-shadow:#fff 0px 0px 10px inset;}

.sy6-1 ul li div h2,.sy6-1 ul li div p,.sy6-1 ul li div h3{ padding:5% 6% 0 6%}

.sy6-1 ul li div h2{ font-size:18px; line-height:26px; line-height:28px; }

.sy6-1 ul li div p{ font-size:12px; color:#777; line-height:24px;}

.sy6-1 ul li div h3{ font-size:12px; color:#444; padding-top:6%}

.sy6-1 ul li div h3 img{ vertical-align:middle; margin-right:5px} 

.sy6-1 ul li div a:hover h2{ color:#009eff; text-decoration:underline}

.sy6-1 ul li div h2,.sy6-1 ul li div p{ text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.sy6-1 h1{ text-align:center;}

.sy6-1 h1 span{ font-size:18px; cursor:pointer; color:#009eff; background:#fff; border-radius:20px; line-height:43px; width:158px; text-align:center; margin:0 20px; display:inline-block}

.sy6-1 h1 .curr2{ box-shadow:0 0 8px #ccc; font-weight:bold}

.sy7{ background:url(../img/index/sy44.png) no-repeat center bottom}

.sy7-1 ul{ overflow:hidden; /* margin-left:-7.3% */}

.sy7-1 ul li{ float:left; /* width:17.7%; */width: 300px; margin-left:7.3%; margin-bottom:5%}

.sy7-1 ul li img{ width:100%}

.sy7-2 a{ width:203px; line-height:54px; background:#009eff; letter-spacing:2px; color:#fff; display:block; margin:auto; font-size:20px; color:#fff; border-radius:30px; text-align:center}

.sy7-2{ margin-bottom:6%}

.footer{ background:#14202d; padding-top:4%}

.foot1{ overflow:hidden; margin-left:-5%}

.foot1 div{ float:left; width:15%; margin-left:5%}

.foot1 h1{ font-size:18px; color:#d0d8e1; border-bottom:#3B4550 1px solid; padding-bottom:30px; margin-bottom:30px}

.foot1 ul li a{ display:block; font-size:14px; color:#d0d8e1}

.foot1 ul li{ margin-top:20px}

.foot1 div:nth-child(1){ width:10%}

.foot1 div:nth-child(2){ width:8.5%}

.foot1 div:nth-child(3){ width:14%}

.foot1 div:nth-child(4){ width:21.5%}

.foot1 div:nth-child(4),.foot1 div:nth-child(5){ margin-left:8%} 

.foot1 p{ overflow:hidden; font-size:14px; color:#d0d8e1; margin-top:20px}

.foot1 p span{ display:inline-block;}

.foot1 p .left{ width:9%}

.foot1 p .left img{ width:100%}

.foot1 p .right{ width:85%; line-height:24px}

.foot1 dl{ margin-top:20px; width:54%}

.foot1 dl dt img{ width:100%}

.foot1 dl dd{ text-align:center; font-size:14px; color:#d0d8e1; margin-top:7%}

.foot2 p{ text-align:center; font-size:14px; color:#d0d8e1; border-top:#3B4550 1px solid; padding:2.5% 0}

.foot2{ margin-top:3%}

@media (max-width: 1400px){

.nav1 ul li a{ font-size:16px}

.zg1 p{ font-size:20px}

.nav1 ul li{ margin-left:20px}

.zg{ width:588px}

.zg1 p img{ width:20px}

.zg1{ width:173px}

.head1 .right{ width:775px}

.logo img{ width:150px}

.nav1 ul li a{ padding:17px 0}

	}

.pic{ overflow: hidden; height: 567px; margin: 0 auto;}

.pic ul li{ float: left; height: 567px; width: 323px;position:relative;}

.pic ul .pic1{ background-image:url(../img/index/sy4.jpg) ; background-position: center center; background-repeat: no-repeat;}

.pic ul .pic2{ background-image: url(../img/index/sy5.jpg); background-position: center center; background-repeat: no-repeat;}

.pic ul .pic3{ background-image: url(../img/index/sy6.jpg); background-position: center center; background-repeat: no-repeat;width: 548px;}

.txt{ margin:68px 20%}

.txt h1{ font-size:24px; color:#fff; text-align:center}

.txt h1 span{ display:block; font-size:14px; margin-top:10px}

.txt p{ display:none; font-size:14px; color:#fff; line-height:28px; margin-top:15%; border:#fff 1px solid; padding:9% 0; border-left:0; border-right:0}

.txt h2 img{ position:absolute; bottom:78px; left:50%; margin-left:-24px}

.pic ul li:hover .txt p{ display:block}

.pic ul li:hover .txt h1{ text-align:left; font-size:20px}

.pic ul li:hover .txt h2 img{ left:inherit; right:20%; margin-left:0}

.pic ul li:hover .txt h1 span{ font-size:12px}

.picv1{ display:none; margin-left:-2%; overflow:hidden}

.pic1-1{ position:relative; float:left; width:31.333%; margin-left:2%}

.pic1-s p img{ width:100%; height:233px}

.pic1-x h1{ font-size:16px; margin:5% 0}

.pic1-x h1 span{ display:block; font-size:12px}

.pic1-x p{ font-size:14px; line-height:24px;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}

.pic1-x h2 img{ box-shadow:0 0 5px #ccc; border-radius:50%}

.pic1-x h2{ padding-bottom:5px; margin-top:8%}

@media (max-width: 1200px){

.pic{ display:none}

.picv1{ display:block}

	}

	

.ny-b{ background:#f5f5f5}	

.ny-b1 h1 a{ display:inline-block; font-size:18px; line-height:80px; padding:0 20px;}

.ny-b1 h1 a:hover,.ny-b1 h1 .dq1{ background:#009eff; color:#fff}

.al-2{ overflow:hidden; margin-left:-3%; margin-bottom:6%}

.al-2 dl{ float:left; width:30.33%; margin-left:3%; border:#ccc 1px solid; box-sizing:border-box;margin-bottom: 2%;}	

.al-1{ text-align:center; margin-bottom:4%}

.al-1 span,.xw2 a{ cursor:pointer; display:inline-block; width:10.666%; box-sizing:border-box; margin:0 1.5%; border:#ccc 1px solid; border-radius:30px; line-height:40px; font-size:18px; color:#666} 	

.al-2 dl dt img{ width:100%; height:222px} 

.al-2 dl dd{ font-size:20px; text-align:center; padding:3% 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}	

.al-2 div{ overflow:hidden}

.al-1 .curr3{ background:#009eff; color:#fff}	

.banner1 p img{ width:100%}



.sy-b11{ text-align:right; margin:2% 0; font-size:14px; color:#999;}

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

.al-x1{ margin:6% 0}

.al-x1 h1{ font-size:30px; text-align:center; border-bottom:#EEE 1px solid; padding-bottom:2%; margin-bottom:3%}

.al-x1 h2 a{ display:block; font-size:14px; color:#666; margin-top:1%}

.al-x1-1{ padding:0 5%}

.al-x1 h2{ margin-top:6%}



.jj1{ overflow:hidden; margin-bottom:6%; margin-left:-3%}

.jj1 ul{ float:left; width:30.333%; margin-left:3%; margin-top:5%}

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

.jj1 ul li{ background:#f4f9ff; font-size:24px; word-break:break-all; text-align:center; padding:10% 16% 0; height:190px; margin-top:7%;box-sizing:border-box; border-radius:10px}

.jj1 ul li .l1{ display:block; margin-top:10%; font-size:18px; line-height:30px}

.jj1 ul li .l1 span{ display:block; font-size:16px}



.fy{ text-align:center; margin:6% 0; color:#b1b1b1;}

.fy a{ font-size:14px; color:#b1b1b1; display:inline-block; border:#a0a0a0 1px solid; margin:0 5px; padding:10px 18px; line-height:20px; vertical-align:middle}

.fy a:hover{ border:#009efa 1px solid; background:#009efa; color:#fff}

.xw2{ text-align:center; margin-bottom:3%}

.xw2 a:hover,.xw2 .dq2{ background:#009eff; color:#fff}

.xw1 dl a{ display:block; max-width:1200px; margin:auto}

.xw1 dl{ border-bottom:#DCDCDC 1px solid; padding:2.5% 0; overflow:hidden}

.xw1 dl:hover{ background:#f5f5f5;}

.xw1 dl dt{ float:left; width:33%;}

.xw1 dl dd{ float:right; width:63%; font-size:14px; line-height:28px}

.xw1 dl span{ display:block}

.xw1 dl .x1{ font-size:24px; margin:4% 0 4.5%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.xw1 dl .x2{ color:#666; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}

.xw1 dl .x3{ font-size:14px; color:#999; margin-top:4.5%; overflow:hidden}

.xw1 dl .x3 img{ vertical-align:middle; margin-right:10px;}

.xw1 dl .x3 span{ display:inline-block; float:right; display:inline-block; margin-top:2px}

.xw1 dl:hover .x2{ color:#333}

.xw1 dl dt img{ height:261px; width:100%}

.xw1 dl .x3 span img{ margin-right:0; width:30px}

.xw1 dl .x3 img{ margin-right:5px}



.gs1{ margin-bottom:4%}

.gs1 p{ font-size:18px; color:#666; background:url(../img/index/gy1.png) no-repeat left top 13px; line-height:35px; margin-bottom:3%; padding-left:25px}

.gs1 p strong{ font-size:24px; color:#009eff;}

.gs2{ background:url(../img/index/gy2.png) no-repeat center; overflow:hidden; padding-bottom:3%}

.sy-b2{ /* margin:5% 0 4% */}



.kf1{ overflow:hidden; margin-left:-4%; overflow:hidden;}

.kf1,.kf1 div{ height:493px; }

.kf1 div{ float:left; width:29.33%; margin-left:4%; margin-top:84px; background:#f4f9ff; border-radius:10px; padding:0 3% 3%; box-sizing:border-box}

.kf1 div h1 img{ display:block; margin:-84px auto 0; width:167px; height:167px}

.kf1 div h1{ z-index:9; position:relative}

.kf1 div h2{ font-size:24px; text-align:center; margin:8% 0;}

.kf1 div p{ font-size:14px; color:#666; line-height:30px}

.kf2{ overflow:hidden}

.kf2 .kf2-1{ float:left; width:25%; border-right:#DCDCDC 1px solid; box-sizing:border-box; padding:1% 4%; height:154px}

.kf2 .kf2-1:last-child{ border:0; padding-right:0}

.kf2 .kf2-1 div{ background:url(../img/index/gj4.png) no-repeat left top 5px; padding-left:20px;}

.kf2 .kf2-1 div h1{ font-size:24px}

.kf2 .kf2-1 div p{ font-size:14px; line-height:30px; margin-top:5%; color:#666}

.kf3{ overflow:hidden; margin-left:-2%; margin-bottom:5%}

.kf3 div{ float:left; width:23%; margin-left:2%; border:#DCDCDC 1px solid; box-sizing:border-box; height:323px; padding:3.5% 1% 2%}

.kf3 div h1 img{ display:block; margin:auto; width:93px; height:66px}

.kf3 div p{ font-size:16px; color:#666; text-align:center; line-height:35px}

.kf3 div h2{ font-size:24px; text-align:center; margin:12% 0 5%}

.kf4{ background:url(../img/index/gj9.jpg) no-repeat center}

.kf4 p{ overflow:hidden; padding:3% 0}

.kf4 p a{ line-height:46px; width:19%; margin:0 3%; display:inline-block; background:#009eff; border-radius:20px; color:#fff; text-align:center; font-size:18px;}

.kf4 p a img{ vertical-align:middle; margin-right:10px}

.kf5 div p{ margin-top:7%}

.kf5 div{ height:230px}

.kf5 div h1 img{ width:71px; height:66px}

.kf6{ background:url(../img/index/gj18.jpg) no-repeat center}

.kf6 p{ font-size:24px; color:#fff; padding:0 2%; overflow:hidden}

.kf6{ padding:1.8% 0}

.kf6 span{ font-size:48px; font-weight:bold; vertical-align:sub; margin:0 20px; background: linear-gradient(to bottom, #00eeff, #00a2ff);-webkit-background-clip: text; color: transparent;}

.kf6 a{ display:inline-block; float:right; width:157px; line-height:46px; background:#009eff; color:#fff; font-size:18px; text-align:center; border-radius:30px; margin-top:1%}

.responsive1{ margin-bottom:4%} 



.zj1 div h1 img{ width:73px; height:68px}

.zj1 div{ margin-top:2%}

.zj1{ margin-top:-2%}

.zj2 span{ font-size:36px}

.zj2 a{ margin-top:0}

.zj2{ padding:1.5% 0}

.sy-b3{ margin-top:0}

.zj3 p img{ max-width:100%; display:block; margin:auto}

.zj4{ margin-bottom:3%}

.zj4 ul{ background:url(../img/index/zj10.png) no-repeat center top; position:relative; height:550px;}

.zj4 ul li{ width:31%; height:180px; font-size:14px; color:#666; line-height:28px; overflow:hidden; margin-top:4%}

.zj4 ul li:nth-child(1){position:absolute;left:0;/* top: 31px; */}

.zj4 ul li:nth-child(2){ position:absolute; right:0; top:0}

.zj4 ul li:nth-child(3){ position:absolute; left:0; bottom:0}

.zj4 ul li:nth-child(4){ position:absolute; right:0; bottom:0}

.zj4 ul .y1{ text-align:right; display:block; font-size:24px; margin-bottom:2%; color:#333}

.zj4 ul li:nth-child(2) .y1,.zj4 ul li:nth-child(4) .y1{ text-align:left}

.zj5{ background:url(../img/index/zj11.png) no-repeat center; overflow:hidden; margin-bottom:3%}

.zj5 div{ float:left; width:50%; box-sizing:border-box; padding:2% 5% 3%}

.zj5 div h1 img{ display:block; margin:auto; width:268px; height:163px}

.zj5 div p{ font-size:24px; text-align:center; margin-top:4%; line-height:40px}



.fw1 ul{ background:url(../img/index/ks1.png) no-repeat center bottom; height:431px}

.fw1 ul li{ margin-top:0; height:auto; font-size:18px; color:#333}

.fw1 ul li span{ font-weight:bold}

.fw1 ul li:nth-child(2),.fw1 ul li:nth-child(4){ text-align:right}

.fw1 ul li:nth-child(1){ left:80px;}

.fw1 ul li:nth-child(2){right: 62px;top: 46px;}

.fw1 ul li:nth-child(3){left:56px;bottom: 90px;}

.fw1 ul li:nth-child(4){right: 93px;bottom: 47px;}

.fw1{ margin-bottom:7%}

.ks1 .pic{ overflow: hidden; height: 322px; margin: 0 auto;}

.ks1 .pic ul li{ float: left; height: 322px; width: 251px;position:relative;}

.ks1 .pic ul .pic1{ background-image:url(../img/index/ks2.jpg) ; background-position: center center; background-repeat: no-repeat;}

.ks1 .pic ul .pic2{ background-image: url(../img/index/ks3.jpg); background-position: center center; background-repeat: no-repeat;}

.ks1 .pic ul .pic3{ background-image: url(../img/index/ks4.jpg); background-position: center center; background-repeat: no-repeat;}

.ks1 .pic ul .pic4{ background-image: url(../img/index/ks5.jpg); background-position: center center; background-repeat: no-repeat;width:430px;}

.ks1 .txt h1{ font-size:18px; padding:0 2%}

.ks1 .txt{ margin:60px 12%;}

.ks1 .pic ul li:hover .txt h1{ font-size:18px}

.ks1 .pic ul li:hover .txt .p1{ font-size:12px}

.ks1 .txt p{ font-size:12px; line-height:22px; margin-top:4%; padding:7% 2%;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; display:none}

.ks1 .pic ul li:hover .txt p{ display:block} 

.ks2 div{ padding: 3.5% 1%; height:431px}

.ks2 div p{ padding:0 7%}

.ks2 div h1 img{ width:66px; height:70px;}

.ks3{ overflow:hidden; margin-left:-2%; margin-bottom:6%}

.ks3 ul{ float:left; width:18%; margin-left:2%}

.ks3 ul li img{ width:100%}

.ks3 ul li{ text-align:center; font-size:14px; color:#666; margin-top:10%}



.cs1 ul{ position:relative; background:url(../img/index/cs1.jpg) no-repeat center; height:582px}

.cs1 ul li:nth-child(1){ position:absolute; left:240px; top:0}

.cs1 ul li:nth-child(2){ position:absolute; right:240px; top:0}

.cs1 ul li:nth-child(3){ position:absolute; left:41px; top:100px}

.cs1 ul li:nth-child(4){ position:absolute; right:41px; top:100px}

.cs1 ul li:nth-child(5){ position:absolute; left:46px; top:291px}

.cs1 ul li:nth-child(6){ position:absolute; right:46px; top:291px}

.cs1 ul li:nth-child(7){ position:absolute; left:227px; top:467px}

.cs1 ul li:nth-child(8){ position:absolute; right:227px; top:468px}

.cs1 ul li{ font-size:24px; color:#333}

.cs1 ul li img{ vertical-align:middle; margin:0 5px;}

.cs2 p img{ max-width:100%; display:block; margin:auto}

.responsive2{ margin-bottom:5%}



.csx1-1{ margin-top:5%;    min-height: 460px;}

.csx1-1 .left,.csx1-1 .right{ width:46%}

.zh-t p img{ /* width:100%; */  /* height: 463px; */}

.zh-w{ margin-top:7%}

.zh-w h1{ font-size:24px; background:url(../img/index/cssj6.jpg) no-repeat left center; padding-left:13px; margin-bottom:2%}

.zh-w p{ font-size:16px; line-height:35px;}

.csx2{ overflow:hidden; margin-left:-7%}

.csx2 ul{ float:left; width:18%; margin-left:7%}

.csx2 ul li{ font-size:24px; text-align:center; margin-top:8%}

.csx2 ul li img{ width:100%; height:211px}



.yq1{ margin-bottom:5%}

.yq1 h1{ overflow:hidden; margin-left:-1%; margin-top:-1.5%}

.yq1 span{ display:block; float:left; /* width:24%; */ margin-top:1.5%; cursor:pointer; margin-left:1%; font-size:16px;
  /*  background-color: #ccc; */
/* border:#ccc 2px dashed; */ line-height:41px; box-sizing:border-box; /* border-radius:30px; */ text-align:center}

.yq1 .curr4{ background:#009eff; border:#009eff 2px solid; color:#fff}

.yq1-1 .left{ width:47.5%}

.yq1-1 .right{ width:47.5%}

.yq1-1{ margin-top:5%}

.yq1-1 .left h1{ font-size:24px; color:#009eff; margin:10% 0 6%; font-weight:bold}

.yq1-1 .left p{ font-size:16px; color:#666; line-height:35px}

.yq1-1 .right p img{ width:100%}



.yq1-1 .right h1{ font-size:24px; color:#009eff; margin:10% 0 6%; font-weight:bold}

.yq1-1 .right p{ font-size:16px; color:#666; line-height:35px}

.yq1-1 .left p img{ width:100%}

.yq2{ background:url(../img/index/sj6.jpg) no-repeat center}

.yq2 ul{ overflow:hidden; margin-left:-7%; padding:3.5% 0}

.yq2 ul li{ float:left; width:18%; margin-left:7%; font-size:24px; color:#fff}

.yq2 ul li img{ vertical-align:middle; margin-right:6%}

.yq3{ overflow:hidden; margin:-5% 0 5% -15%;}

.yq3 div{ float:left; width:18.333333%; margin-left:15%; margin-top:5%; height:265px; overflow:hidden}

.yq3 div h1 img{ display:block; margin:auto; width:97px; height:101px}

.yq3 div h2{ font-size:24px; font-weight:bold; text-align:center; margin:7% 0 4%}

.yq3 div p{ font-size:16px; color:#666; text-align:center; line-height:35px}

.yq4{ padding:2.24% 0}

.yq4 p{ margin-left:-8%; overflow:hidden; padding:0}

.yq4 p strong{ float:left; display:block; width:25.333%; margin-left:8%; font-weight:normal}

.yq4 p span{ font-size:36px; margin:0 10px}

.yq5{ background:url(../img/index/sj16.jpg) no-repeat center; padding:3% 0; margin-top:3.5%; overflow:hidden}

.yq5-1{ padding:0 8%}

.yq5-1 h1{ font-size:38px; font-weight:bold; text-align:center}

.yq5-1 p{ font-size:18px; color:#666; text-align:center; line-height:35px; margin:4% 0 6%}

.yq5-1 h2 a{ width:187px; line-height:52px; font-size:20px; color:#fff; background:#009eff; letter-spacing:2px; border-radius:30px; text-align:center; margin:auto; display:block}



.ksh1 div{ height:230px}

.ksh2{ background:url(../img/index/yq1.png) no-repeat center; height:564px; max-width:1100px; margin:auto}

.ksh2 ul{ position:relative}

.ksh2 ul li{ font-size:24px}

.ksh2 ul li:nth-child(1){ position:absolute; top:33px; left:0}

.ksh2 ul li:nth-child(2){ position:absolute; top:33px; right:0}

.ksh2 ul li:nth-child(3){ position:absolute; top:194px; left:0}

.ksh2 ul li:nth-child(4){ position:absolute; top:194px; right:0}

.ksh2 ul li:nth-child(5){ position:absolute; top:334px; left:0}

.ksh2 ul li:nth-child(6){ position:absolute; top:334px; right:0}

.ksh2 ul li:nth-child(7){ position:absolute; top:487px; left:0}

.ksh2 ul li:nth-child(8){ position:absolute; top:487px; right:0}

.nav1 ul .dq a{color: #00a9ff;}



.kf44 p{ padding:3.6% 0}
.kf66{ padding: 2.25% 0;}

.sy7-1 ul li img{ /* height:173px */}