@charset "UTF-8";
/* css reset */
*,body,html,div,p,h1,h2,h3,h4,h5,h6,span,i,strong,small,ul,li,dl,dt,dd,ol,table,tr,td,th,a,input,textarea,label,img,hr{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{text-decoration: none;outline:none;display:inline-block;-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s;}
img{border:0;vertical-align: middle;}
span{display:inline-block;-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s;}
i,em{font-style: normal;-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s;}
ul,li{list-style: none}
input:focus,textarea:focus,select:focus{outline:none; }
body{font-family:"Microsoft YaHei","Arial";font-weight:300;font-size: 14px;color:#333;}
.clear{ clear:both;zoom:1;}
.clear:after,.clear:before{content:""; display:table; height:0; clear: both;}
.wrap{width:80%;margin:0 auto;}
._wrap{width:1177px;margin:0 auto;}
@media (max-width: 1680px){
    .wrap{width:90%;}
}

.fl{float:left}
.fr{float:right}


/* index */
.header { position:absolute; top:0; width:100%;  text-align:center; -webkit-transition: .5s;transition: .5s; z-index:2; }
.ind-header { position:fixed; }
.header .logo { margin:14px 0; float:left; width:204px; /*height:74px;*/}
.header .logo img{  width:100%;}
.nav ul{ float:right;}
.nav li{ position:relative; float:left; margin-left:42px; }
.nav li>a{ position:relative; display:block; padding:14px 0; line-height:74px; font-size:16px; color:#fff; }
.nav li.on>a,.nav li a:hover{ color:#38b5db;}
.nav li>a:before{ display:block; content:""; position:absolute; bottom:0; left:0; margin:0 auto; width:0; height:2px; background:#38b5db; -webkit-transition: 0.3s;transition: 0.3s;}
.nav li.on>a:before,
.nav li>a:hover:before{ width:100%;}
.nav li.last a:before{ display:none; }
.nav li.last a{  cursor: default;}
.nav li.last a:hover{  color:#fff;}
.nav li.l3>a,
.nav li.l4>a,
.nav li.l5>a{ padding-left:22px; background: url("../images/nav_01.png") no-repeat left center; }
.nav li.l8>a{ padding-left:28px; background: url("../images/nav_02.png") no-repeat left center; }
.nav li:last-child>a{ padding-left:30px; background: url("../images/nav_03.png") no-repeat left center; }
.nav li.last a{ background: url("../images/nav_03.png") no-repeat left center; }
.nav li dl{ display:none; position:absolute; top:100px; left:50%; margin-left:-3em; padding:5px 0; min-width:6em; background:rgba(0,0,0,0.5);}
.nav li.l3 dl{  margin-left:-4em;  min-width:8em; }
.nav li.l4 dl{  margin-left:-4em;  min-width:8em; }
.nav li.l5 dl{  margin-left:-4.5em;  min-width:9em; }
.nav li dl a{ display:block; line-height:2em; font-size:13px; color:#eee;}
.nav li dl a:hover{ background:#eee;}
.header .menu{ display:none; position:absolute; top:0; right:2%; display:none; margin-top:11px; z-index: 999;}
.header .menu span{ display:block; width:35px; height:3px; background:#38b5db; margin:5px auto; -webkit-transition: 0.3s;transition: 0.3s;}
.header .menu .sp2{ width:25px; }
.header .menu.on span{ width:25px; }
.header .menu.on .sp2{ width:35px; }
.header.on { background:#fff; box-shadow: 0 2px 10px 2px rgba(0,0,0,0.3); }
.header.on .nav li>a{ color:#333; }
@media(max-width:1440px){
    .nav li{ margin-left:39px;}
    .nav li>a{ font-size:15px; }

}
@media(max-width:1366px){
    .wrap{ width:94%;}
    .header .logo{ margin:10px 0; width:180px;}
    .header .logo img{ }
    .nav li{ margin-left:29px; }
    .nav li>a{ padding:6px 0; font-size:15px;}
    .nav li dl{ }
    .nav li dl a{ font-size:12px;}
    .nav li dl{ top:86px; margin-left:-2.5em; min-width:5em;}
    .nav li.l3 dl{ margin-left:-3.5em; min-width:7em;}
    .nav li.l4 dl{ margin-left:-3.5em; min-width:7em;}
    .nav li.l5 dl{ margin-left:-4.2em; min-width:8.4em;}
    .nav li.l3>a, .nav li.l4>a, .nav li.l5>a{ padding-left:20px; background-size:16px;}
    .nav li.l8>a{ padding-left:24px; background-size:22px;}
    .nav li.last a{ padding-left:26px; background-size:20px; }
}
@media(max-width:1200px){
    .wrap{ width:96%;}
    .header .logo img{ width:80%;}
    .nav li{ margin-left:10px;}
    .nav li>a{ line-height:60px; font-size:15px;}
    .nav li dl{ top:72px;}
}

.banner{position:relative; overflow:hidden;}
.banner img{width:100%;}
.banner .hd{position:absolute; left:0; bottom: 30px; width:100%; text-align: center;z-index: 1; }
.banner .hd ul{display:inline-block;}
.banner .hd li{float:left; width:15px; height:15px; margin:0 10px; background:#fff; border-radius:10px; font-size:0;}
.banner .hd li.on{background:#38b5db;}
.banner .bd{ position:relative;}
.banner .bd>a{ position:absolute; top:50%; margin-top:-25px; width:50px; height:50px; border:1px solid rgba(0,0,0,0); border-radius: 50%; font-size:40px; line-height:50px; text-align:center; color:#fff; font-family: "SimSun"; font-weight:bold; z-index: 1;}
.banner .bd .prev{ left:2%; }
.banner .bd .next{ right:2%; }
.banner .bd,.banner .bd ul{ overflow:hidden;}
.banner .bd li{float:left; width:100%; height: 100%; overflow:hidden;background-size:cover;background-position: center; background-repeat:no-repeat;}
.banner .bd li img{ width:100%; transform:scale(1.06); -webkit-transform:scale(1.06); -ms-transform:scale(1.06); transition:9s; -webkit-transition:9s; -ms-transition:9s;}
.banner .bd li.on img{ transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1);}


.footer{ position:relative; background:#013e50; line-height:30px; color:#a4b0b5;}
.footer a{ color:#a4b0b5;}
.footer a:hover{ color:#fff;}
.ft{ padding:60px 0 50px; overflow:hidden;}
.ft .fl{ margin-top:5%; margin-right:5%;width:20%;}
.ft .fl img{ width:100%;}
.ft dl{ float:left; width:15%; }
.ft dt{ padding-left:60px; background:url("../images/ft.png") no-repeat left center; line-height:40px; font-size:18px; }
.ft dt{ color:#fff;}
.ft .last dt{ padding-left:10px; background:none; text-align:center;}
.ft .last img{ width:132px;}
.ft dd{ padding-left:60px; font-size:14px; }
.fb{ border-top:1px solid #0e4859;padding:30px 0;}
.fb p{ text-align:center; }
.fb a{  }
.ser{ position:fixed; bottom:-175px; left:0;  width:100%; z-index: 6; }
.ser .wp{ position:relative; padding:30px 0 20px;  width:100%; background:rgba(0,0,0,0.8);}
.ser dl{ float:left; width:22%; }
.ser dt{ margin-bottom:5px; font-size:20px; color:#fff; font-family: "SimHei";}
.ser dd{ font-size:30px; color:#339ec9; font-family: "SimHei";}
.ser .d2{ width:240px; margin-right:2%; }
.ser .d3{ width:380px; margin-right:7%; }
.ser .d3 dt{ height:80px; margin:10px 20px 0 0 ; float:left; }
.ser dd input{ margin-bottom:5px; width:257px; height:28px; line-height:28px; text-indent:1em; font-size:14px; color:#999; }
.ser dd button{ width:42px; height:30px; background:#339ec9; border:1px solid #339ec9; line-height:30px;  text-align:center;  color:#fff; font: 14px SimHei ;}
.ser .d4 dt { float:left; margin-right:10px;  }
.ser .d4 dd img{  width:100px; height:100px;  }
.ser a{  position: absolute; top:0; right:0;   }
.ser .open{ top:-60px; right:10px; width:60px; height:60px; /*border:2px solid #339ec9; */border-radius:50%; background: url("../images/ser.png") no-repeat center center; background-size:cover; }
.ser .open:hover{ background-color:rgba(255,255,255,1); }
/*.ser .open i{ float:left; width:100%; height:100%;   font-size:18px; color:#339ec9; }*/
/*.ser .open span{ position: relative; width:110px; height:100%; background:#fff; text-align:center; line-height:44px;  font-size:18px; color:#339ec9; z-index: 2; }*/
/*.ser .open em{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index: 2; font-style: normal;}*/
/*.ser .open:hover em{ color:#fff;}*/
/*.ser .open span:before{ display:block; content:"";  position:absolute; top:0; left:0; width:0; height:100%; background:#339ec9; z-index: 0; -webkit-transition: 0.3s;transition: 0.3s;}*/
/*.ser .open:hover span:before{  width:100%;  }*/
.ser .close{ width:50px; height:50px; background:url("../images/s_c.png") no-repeat center center;}
.ser .close:hover{ background-color:rgba(255,255,255,0.1);}
.ser .bt_top{ position:absolute; bottom:0; margin-top:-140px; right:10px; width:60px; height:60px; background:url("../images/bt_top1.png") no-repeat center center; background-size:cover; border-radius:50%;}
.ser .bt_top:hover{ background-color:#fff;}

/*index*/
.index{ position:relative;}
.index>em{ display:block; content:""; position:absolute; top:110px; left:10%; margin-left:53px; width:0; height:0; border-left:3px solid #10a3c2; -webkit-transition: 0.3s;transition: 0.3s;}
@media(max-width:1680px){
    .index>em{ left:5%;}
    .ser .d4 dt{ float:none;}
    .ser .d4{ width:auto;}
}
@media (max-width: 1366px){
    .ser .d1 img{ width:80%;}
    .index>em{ left:3%;}
}
@media (max-width: 1200px){
    .header .logo{ width:140px; }
    .header .logo img{ width:100%; }
    .index>em{ left:2%;}
    .ft .fl{ margin-right:1.8%; margin-top:0; width:15%;}
    .ft dl{ margin-right:6%; width:auto; }
    .ft dl.last{ margin-right:0; }
    .ft dt{ padding-left:32px; background-size:26px; line-height:30px; font-size:15px;}
    .ft dd{ padding-left:32px; line-height:2; font-size:12px;}
    .ft .last dt{ padding-left:0;}
    .ft .last dd{ padding:0;}
    .ft .last img{ width:90px;}
    .banner img{ width:120%; margin-left:-6%;}
    .banner .bd li img{ width:120%; margin-left:-6%;}
    .ser .d2{ width:auto;}
    .ser .d3{ margin-right:6%; width:330px;}
    .ser dd input{ width:16em;}
}
@media(max-width:960px){
    /*.header .menu{ display:block; }
    .header .logo{ width:140px; }
    .nav ul{ float:none;}
    .nav{ display:none; position:absolute; top:70px; left:0; margin-left:-2%; padding:0 2%; width:100%; background:rgba(0,0,0,0.8); z-index: 99;}
    .nav ul{ float:none;}
    .nav li{ width:100%; margin:0; padding:0; line-height:40px;  }
    .nav li a{ display:block; line-height:40px; color:#fff; text-align:center; }
    .nav li.on>a, .nav li:hover>a{ border:0;}
    .nav li>a:after{ height:2px; margin-top:-2px;}
    .nav li dl{ display:none;}*/
    .nav li>a{ font-size:14px;}
    .nav li.last a{ display:none;}
    .ft dl{ margin-right:2%;}
    .ser dl{ float:left; margin-bottom:20px; width:100%; }
    .ser .d1 img{ width:20%; }
    .ser .d3 dt{ float:none; height:auto; margin:0 0 10px; }
    .ser dd input{ display:block; width:14em; height:2em; border:none; line-height:2em; }
    .ser dd button{ width:4em; height:2em;}
    .ser .d2{ margin-right:0; width:60%; }
    .ser .d3{ margin-right:0; width:60%; }
    .ser .d4{ float:right; margin-top:-82px; width:110px;}
    .ser .d4 dt{ float:none; text-align:center;}
}
@media(max-width:767px) {
    .header{position:fixed; z-index: 999;}
    .header .menu{ display:block; }
    .header .logo{ margin:5px 0; width:110px; }
    .nav{ display:none; position:absolute; top:50px; left:0; margin-left:-2%; padding:0 2%; width:100%; background:rgba(0,0,0,0.8); z-index: 99;}
    .nav ul{ float:none;}
    .nav li{ width:100%; margin:0; padding:0; line-height:40px;  }
    .nav li a{ display:block; padding:2px 0;line-height:2; color:#fff; text-align:center; }
    .nav li.on>a, .nav li:hover>a{ border:0;}
    .nav li>a:after{ height:2px; margin-top:-2px;}
    .nav li dl{ display:none;}
    .nav li.l3>a,
    .nav li.l4>a,
    .nav li.l5>a,
    .nav li.l8>a{ padding-left:0; background:none;}
    .header.on .nav li>a{ color:#fff; }
    .banner .hd{ bottom:5px;}
    .banner .hd li{ margin:0 5px; width:10px; height:10px; border-radius:50%;}
    .banner img{ width:140%; margin-left:-20%;}
    .banner .bd>a{ margin-top:-18px; width:36px; height:36px; line-height:36px; font-size:30px; z-index: 1;}
    .banner .bd li img{ width:130%; margin-left:-8%;}
    .ft{ display:none; padding:35px 0 25px;}
    .ft .fl{ display:none; width:33%;  }
    .ft dl{ display:none; margin-right:4%;}
    /*.ft .last{ float:right; display:block;}*/
    .ft dt{ padding-left:26px; background-size:22px; line-height:26px; font-size:13px;}
    .fb p{ line-height: 1.5; font-size:12px;}
    .ser .wp{ padding:20px 0 10px;}
    .ser .bt_top{ margin-top:-76px; width:36px; height:36px;}
    .ser .open{ top:-36px; width:36px; height:36px;}
    .ser .close{ width:36px; height:36px; background-size:50%}
    .ser dl{ float:left; margin-bottom:10px; width:100%; }
    .ser dd{ font-size:20px; }
    .ser .d1 img{ width:36%; }
    .ser dt{ margin-bottom:5px; font-size:15px;}
    .ser .d3 dt{ float:none; height:auto; margin:0 0 10px; }
    .ser dd input{ display:block; width:14em; height:2em; border:none; line-height:2em; text-indent:0.5em; font-size:12px; }
    .ser dd button{ width:4em; height:2em; font-size:12px;}
    .ser .d2{ margin-right:0; width:60%; }
    .ser .d3{ margin-right:0; width:60%; }
    .ser .d4{ float:right; margin-top:-55px; width:100px;}
    .ser .d4 dt{ float:none; text-align:center;}
}


.pd{padding:100px 0;}
.index{ overflow:hidden;}
.index .ww{ padding:70px 0 60px; position:relative;}
/*.index .ww:before{ display:block; content:""; position:absolute; top:0; left:0; margin-left:53px; width:0; height:100%; border-left:3px solid #10a3c2;}*/
.num{ position:absolute; left:0; top:80px; width:105px; height:106px; background:#fff; line-height:24px; text-align:center; vertical-align:middle; letter-spacing: 0.4em;}
.num span{ display: block; width:100%; height:100%;}
.num1 span{ background:url("../images/nw_01.png") no-repeat center center;}
.num2 span{ background:url("../images/nw_02.png") no-repeat center center;}
.num3 span{ background:url("../images/nw_03.png") no-repeat center center;}
.num4 span{ background:url("../images/nw_04.png") no-repeat center center;}
.num5 span{ background:url("../images/nw_05.png") no-repeat center center;}
.num:before{ content:""; display:block; position:absolute; left:0; top:0; width:0; height:0; background:transparent ; }
.num.active:before{ border-top:3px solid #10a3c2;border-right:3px solid #10a3c2; width:103px; height:103px; -webkit-transition: border 0s ease 0s,width 0.4s ease 0s,height 0.4s ease 0.4s;transition: border 0s ease 0s,width 0.4s ease 0s,height 0.4s ease 0.4s;}
.num:after{ content:""; display:block; position:absolute; right:0; bottom:0; width:0; height:0; background:transparent ; }
.num.active:after{ border-bottom:3px solid #10a3c2;border-left:3px solid #10a3c2; width:103px; height:103px; -webkit-transition: border 0s ease 0.8s, width 0.4s ease 0.8s, height 0.4s ease 1.2s;  transition: border 0s ease 0.8s, width 0.4s ease 0.8s, height 0.4s ease 1.2s; }
.index .ww .hd { margin-top:10px; margin-left:142px; padding-top:25px; line-height:24px; color:#333333;}
.index .ww .hd h2{ font-size:36px;}
.index .ww .hd span{ padding:10px 0;text-transform:uppercase; font-size:24px; }
.index .ww i{ color:#329fc8; font-weight:bold;}
.index .ww .hd p{ font-size:16px; }
.index .ww .hd .fl{ width:55%;}
.index .ww .hd .fr{ width:45%;}
.index .ww .hd a{ position:relative;float:left; margin: 30px 20px 0 0; width:220px; height:36px; background:#eee; border:1px solid #eee; }
.index .ww .hd a span{ position:absolute;top:0; left:0; padding:0; width:100%;  line-height:36px; text-align:center; font-size:14px; color:#333; z-index: 2;}
.index .ww .hd a:hover span{ color:#fff;}
.index .ww .hd a:before{ display:block; content:""; position:absolute;top:0; left:0; width:0; height:100%; background:#329fc8; z-index: 1; -webkit-transition: 0.3s;transition: 0.3s;}
.index .ww .hd a:hover:before{ width:100%;}
.index1 .ww{ }
.index1 .ww .num{ }
.s1_w{ position:relative; background:#ccc; overflow:hidden;}
.s1_w .bd li{ float:left; width:100%; /*height:444px;*/}
.s1_w .bd li img{ width:100%;}
.s1_w .hd{ position:absolute; left:0; top:50%; margin-top:-37px; width:100%; text-align:center; vertical-align:middle;}
.s1_w .hd li{ float:left; width:32%;   }
.s1_w .hd a{  display:block; padding:10px 0;  line-height:24px; color:#fff;}
.s1_w .hd li+li{ border-left:1px solid #fff;}
.s1_w .hd li:hover a{ color:#329fc8;}

.s1_w .hd h3{ display:inline-table; padding-left:5px; margin:0; line-height:24px; font-size:30px;}
.s1_w .hd span{ display:block;font-size:14px; -webkit-transition: 0s;transition: 0s;}

.s2_w{
    position: relative;
    top: 0;
    width: 100%;
    background:#50bebe;
    background:-webkit-gradient(linear,left top,right top,color-stop(0,#50bebe),color-stop(50%,#099),color-stop(83%,#0099b0),color-stop(100%,#0099cb));
    background:-webkit-linear-gradient(left,#50bebe 0,#099 50%,#0099b0 83%,#0099cb 100%);
    background:linear-gradient(to right,#50bebe 0,#099 50%,#0099b0 83%,#0099cb 100%);
}
.s2_w .wrap{
    position:relative;
    width:100%;
    padding:16% 0;
    background:-webkit-radial-gradient(center ellipse,rgba(12,38,70,0) 0,rgba(12,38,70,.15) 45%,rgba(12,38,70,.95) 90%,rgba(12,38,70,.95) 100%);
    background:radial-gradient(ellipse at center,rgba(12,38,70,0) 0,rgba(12,38,70,.15) 45%,rgba(12,38,70,.95) 90%,rgba(12,38,70,.95) 100%);
}
/*.s2_w .hd{ position:absolute; top:10%; left:8.1%; margin-left:137px; }
.s2_w .hd a{ float:left; width:170px; height:30px; border:1px solid #fff; text-decoration:none; line-height:30px; text-align:center; font-size:16px; color:#fff; }
.s2_w .hd a.on{ width:170px; height:30px; background:#fff; line-height:30px; text-align:center; font-size:16px; color:#005578; }*/

.s2_w .item{  position:absolute; -webkit-animation: animate1 linear infinite 10s;animation: animate1 linear infinite 10s; -webkit-transition: 0.3s;transition: 0.3s;}
.s2_w .item3,.s2_w .item{  -webkit-animation: animate2 linear infinite 10s;animation: animate2 linear infinite 10s; }
.s2_w .item:before{ display:block; content:""; position:absolute; top:1%; left:3%; width:96%; height:96%; background:-webkit-radial-gradient(center ellipse,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 45%,rgba(255,255,255,.08) 90%,rgba(255,255,255,0.9) 100%);
    background:radial-gradient(ellipse at center,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 45%,rgba(255,255,255,0.08) 90%,rgba(255,255,255,0.9) 100%); box-shadow:0 0 80px 40px rgba(255,255,255,0.8); border-radius: 50%; -webkit-transition: 0.3s;transition: 0.3s; opacity: 0;}
.s2_w .item:hover:before{  opacity: 1;}
.s2_w .item.on{ -webkit-animation-play-state: paused;animation-play-state: paused;}
.s2_w .item a{ display:inline-block; position:relative;border-radius: 50%; background:#fff; line-height:22px; text-align:center; vertical-align:middle; font-size:16px; color:#333; text-decoration:none; }
.s2_w .item a:before{ display:block; content:""; position:absolute; top:0; left:0; margin:-6px; padding:5px; width:100%; height:100%; background:transparent; border:1px solid rgba(255,255,255,0.7); border-radius:50%;-webkit-transition: 0.3s;transition: 0.3s;}
.s2_w .item a:after{ display:block; content:""; position:absolute; top:0; left:0; margin-left:-1px; margin-top:-1px; width:100%; height:100%; background:transparent; border:1px solid rgba(255,255,255,0); border-radius:50%;-webkit-transition: 0.3s;transition: 0.3s;}
.s2_w .item a:hover:before{ border:1px solid rgba(255,228,0,0.8); -webkit-transform: scale(1.1) rotate(60deg);transform: scale(1.1) rotate(60deg); opacity: 0; }
.s2_w .item a:hover:after{ border:1px solid rgba(255,228,0,0.8); -webkit-transform: scale(1.1) rotate(60deg);transform: scale(1.1) rotate(60deg); }
@keyframes animate1{
    0%{ -webkit-transform:translateX(0) translateY(0); transform:translateX(0) translateY(0); }
    10%{ -webkit-transform:translateX(-5%) translateY(-5%); transform:translateX(-5%) translateY(-5%); }
    25%{ -webkit-transform:translateX(-10%) translateY(-10%); transform:translateX(-10%) translateY(-10%); }
    40%{ -webkit-transform:translateX(-5%) translateY(-5%); transform:translateX(-5%) translateY(-5%);  }
    50%{ -webkit-transform:translateX(0) translateY(0); transform:translateX(0) translateY(0); }
    60%{ -webkit-transform:translateX(5%) translateY(5%); transform:translateX(5%) translateY(5%); }
    75%{ -webkit-transform:translateX(10%) translateY(10%); transform:translateX(10%) translateY(10%); }
    90%{ -webkit-transform:translateX(5%) translateY(5%); transform:translateX(5%) translateY(5%); }
    100%{ -webkit-transform:translateX(0) translateY(0); transform:translateX(0) translateY(0); }
}
@-webkit-keyframes animate1 {
    0%{ -webkit-transform:translateX(0) translateY(0); transform:translateX(0) translateY(0); }
    10%{ -webkit-transform:translateX(-5%) translateY(-5%); transform:translateX(-5%) translateY(-5%); }
    25%{ -webkit-transform:translateX(-10%) translateY(-10%); transform:translateX(-10%) translateY(-10%); }
    40%{ -webkit-transform:translateX(-5%) translateY(-5%); transform:translateX(-5%) translateY(-5%);  }
    50%{ -webkit-transform:translateX(0) translateY(0); transform:translateX(0) translateY(0); }
    60%{ -webkit-transform:translateX(5%) translateY(5%); transform:translateX(5%) translateY(5%); }
    75%{ -webkit-transform:translateX(10%) translateY(10%); transform:translateX(10%) translateY(10%); }
    90%{ -webkit-transform:translateX(5%) translateY(5%); transform:translateX(5%) translateY(5%); }
    100%{ -webkit-transform:translateX(0) translateY(0); transform:translateX(0) translateY(0); }
}
@keyframes animate2{
    0%{ -webkit-transform:translateX(0) translateY(0); transform:translateX(0) translateY(0); }
    10%{ -webkit-transform:translateX(5%) translateY(5%); transform:translateX(5%) translateY(5%); }
    25%{ -webkit-transform:translateX(10%) translateY(10%); transform:translateX(10%) translateY(10%); }
    40%{ -webkit-transform:translateX(5%) translateY(5%); transform:translateX(5%) translateY(5%); }
    50%{ -webkit-transform:translateX(0) translateY(0); transform:translateX(0) translateY(0); }
    60%{ -webkit-transform:translateX(-5%) translateY(-5%); transform:translateX(-5%) translateY(-5%); }
    75%{ -webkit-transform:translateX(-10%) translateY(-10%); transform:translateX(-10%) translateY(-10%); }
    90%{ -webkit-transform:translateX(-5%) translateY(-5%); transform:translateX(-5%) translateY(-5%);  }
    100%{ -webkit-transform:translateX(0) translateY(0); transform:translateX(0) translateY(0); }
}
@-webkit-keyframes animate2 {
    0%{ -webkit-transform:translateX(0) translateY(0); transform:translateX(0) translateY(0); }
    10%{ -webkit-transform:translateX(5%) translateY(5%); transform:translateX(5%) translateY(5%); }
    25%{ -webkit-transform:translateX(10%) translateY(10%); transform:translateX(10%) translateY(10%); }
    40%{ -webkit-transform:translateX(5%) translateY(5%); transform:translateX(5%) translateY(5%); }
    50%{ -webkit-transform:translateX(0) translateY(0); transform:translateX(0) translateY(0); }
    60%{ -webkit-transform:translateX(-5%) translateY(-5%); transform:translateX(-5%) translateY(-5%); }
    75%{ -webkit-transform:translateX(-10%) translateY(-10%); transform:translateX(-10%) translateY(-10%); }
    90%{ -webkit-transform:translateX(-5%) translateY(-5%); transform:translateX(-5%) translateY(-5%);  }
    100%{ -webkit-transform:translateX(0) translateY(0); transform:translateX(0) translateY(0); }
}
@keyframes animate3{
    0%{ -webkit-transform:translateX(0) translateY(0); transform:translateX(0) translateY(0);}
    10%{ -webkit-transform:translateX(5%) translateY(5%); transform:translateX(5%) translateY(5%); }
    25%{ -webkit-transform:translateX(10%) translateY(10%); transform:translateX(10%) translateY(10%); ;}
    40%{ -webkit-transform:translateX(5%) translateY(5%); transform:translateX(5%) translateY(5%); }
    50%{ -webkit-transform:translateX(0) translateY(0); transform:translateX(0) translateY(0); }
    60%{ -webkit-transform:translateX(-5%) translateY(-5%); transform:translateX(-5%) translateY(-5%); }
    75%{ -webkit-transform:translateX(-10%) translateY(-10%); transform:translateX(-10%) translateY(-10%); }
    90%{ -webkit-transform:translateX(-5%) translateY(-5%); transform:translateX(-5%) translateY(-5%); }
    100%{ -webkit-transform:translateX(0) translateY(0); transform:translateX(0) translateY(0);}
}
@-webkit-keyframes animate3 {
    0%{ -webkit-transform:translateX(0) translateY(0); transform:translateX(0) translateY(0);}
    10%{ -webkit-transform:translateX(5%) translateY(5%); transform:translateX(5%) translateY(5%); }
    25%{ -webkit-transform:translateX(10%) translateY(10%); transform:translateX(10%) translateY(10%); ;}
    40%{ -webkit-transform:translateX(5%) translateY(5%); transform:translateX(5%) translateY(5%); }
    50%{ -webkit-transform:translateX(0) translateY(0); transform:translateX(0) translateY(0); }
    60%{ -webkit-transform:translateX(-5%) translateY(-5%); transform:translateX(-5%) translateY(-5%); }
    75%{ -webkit-transform:translateX(-10%) translateY(-10%); transform:translateX(-10%) translateY(-10%); }
    90%{ -webkit-transform:translateX(-5%) translateY(-5%); transform:translateX(-5%) translateY(-5%); }
    100%{ -webkit-transform:translateX(0) translateY(0); transform:translateX(0) translateY(0);}
}
.s2_w .item1{ left:10%; top:35%; }
.s2_w .item2{ left:30%; bottom:8%; }
.s2_w .item3{ left:30%; bottom:42%;  }
.s2_w .item4{ right:25%; bottom:10%; }
.s2_w .item5{ right:10%; top:15%;}
.s2_w .item0{ right:35%; top:10%; opacity: 0.4!important; -webkit-animation: animate3 linear infinite 6s;animation: animate3 linear infinite 6s;}
.s2_w .item0:before{ display:none;}
.s2_w .item0.on{ -webkit-animation-play-state: running;animation-play-state: running;}
.s2_w .item>a{ z-index: 99; }
.s2_w .item1>a{ width:142px; height:142px; }
.s2_w .item2>a{ width:112px; height:112px; }
.s2_w .item3>a{ width:152px; height:152px; }
.s2_w .item4>a{ width:166px; height:166px; }
.s2_w .item5>a{ width:134px; height:134px; }
.s2_w .item0>a{ width:100px; height:100px; }
.s2_w .item0>a:before,.s2_w .item0>a:after{ display:none;}
.s2_w .item a span{ position:absolute; top:0; left:0; padding:0 8%; width:84%; }
.s2_w .item a img{ display:block; margin:10px auto; }
.s2_w .item3 a img,
.s2_w .item4 a img{ display:block; margin:15px auto; }
.s2_w .item ul{ opacity: 0.4; position:relative; left:0; top:0; width:0; height:0; -webkit-transition: 1s;transition: 1s; }
.s2_w .item:hover ul{ opacity: 1; }
.s2_w .item li a{ display:none; }
.s2_w .item li{ opacity:0.4; list-style:none; position:absolute; border-radius: 50%; background:#fff; -webkit-transition: left 0.3s;transition: left 0.3s;}
/*.s2_w .item4:hover ul{ -webkit-transform: rotate(360deg);transform: rotate(360deg);}*/
.s2_w .item:hover li{  opacity: 0.8; }
.s2_w .item .l1{ width:75px; height:75px;}
.s2_w .item .l2{ width:70px; height:70px;}
.s2_w .item .l3{ width:60px; height:60px;}
.s2_w .item .l4{ width:50px; height:50px;}
.s2_w .item .l5{ width:45px; height:45px;}
.s2_w .item .l6{ width:40px; height:40px;}

.s3_w {
    position: relative;
    top: 0;
    width: 100%;
    background:url("../images/ind2_01.jpg") no-repeat center center;
    background-size:100% 100%;
}
.s3_w .wrap{
    position:relative;
    padding:0 17%;
    overflow:hidden;
}
.s3_w .bd{ position: relative; background:url("../images/ind3_b.png")no-repeat center center; width:960px; margin:0 auto; }
.s3_w .bd ul{ /*position:absolute; top:0; left:50%; width:1px; height:1px; background:#333;*/}
.s3_w .bd li{  position:absolute; list-style:none; margin-left:-72px; margin-top:-72px; width:143px; height:143px; border:1px solid #fff; border-radius:50%;  z-index: 2; -webkit-transition: 0.3s;transition: 0.3s;}
.s3_w .bd li:hover{ background:#10a3c2; border:1px solid #10a3c2; }
.s3_w .bd li a{ display:block; width:100%; height:100%; text-align:center; vertical-align: middle;}
.s3_w .bd li a:hover{text-decoration: none;}
.s3_w .bd li img{ display:block; margin:20px auto 10px; }
.s3_w .bd li h4{  padding:0 20px; line-height:20px; text-align:center; font-size:16px; color:#fff; font-weight:bold;}
.s3_w h3{ position:absolute; left:50%; bottom:20%; margin-left:-112px; text-align:center;}
.s3_w .bd li:nth-child(1){ left:-4% ; bottom:11%;}
.s3_w .bd li:nth-child(2){ left:13.5% ; bottom:38.7%;}
.s3_w .bd li:nth-child(3){ left:37.2% ; bottom:52%;}
.s3_w .bd li:nth-child(4){ left:62% ; bottom:52%;}
.s3_w .bd li:nth-child(5){ left:85.5%; bottom:39%;}
.s3_w .bd li:nth-child(6){ left:104%; bottom:10%;}

.s4_w{
    position:relative;
    overflow:hidden;
    background:url("../images/map.jpg") no-repeat center center;
    background-size:100% 100%;
    height:688px;
}
.s4_w .wrap{ position:relative;}
.s4_w .bd{ float:left; margin-top:10%; margin-left:142px; }
.s4_w .bd .txt li{ position:relative; width:430px; list-style:none; padding-right:250px;}
.s4_w .bd .txt li .img{ position:absolute; top:0; right:0;  width:200px; height:200px; border-radius:50%;  border:1px solid rgba(255,255,255,0.9); overflow:hidden;}
.s4_w .bd .txt li .img img{ float:none; height:100%; }
.s4_w .bd .txt li h4{ position:relative; padding-bottom:10px; font-size:20px; color:#333; font-weight:bold; }
.s4_w .bd .txt li h4:after{ display:block; content:""; position:absolute; bottom:0; left:0; width:58px; height:2px; background:#10a3c2;}
.s4_w .bd .txt li p{ margin-top:20px; line-height:28px; font-size:16px; color:#333333;}
.s4_w .bd .txt li a{ display:block; margin:50px 0;  width:142px; height:40px; background:#10a3c2; line-height:40px; text-align:center; font-size:14px; color:#fff; text-decoration:none; position:relative; z-index: 9;}
.s4_w .bd .txt li a:hover{ background:#4db4ca; }
.s4_w .hd {  position:absolute; top:0; right:0; float:right; width:659px; }
.s4_w .img{ position:relative; width:100%; height:688px;}
.s4_w .img img{ float:right; max-height:100%;}
.s4_w .img dd{ position:absolute; list-style:none; font-size:14px; color:#fff;}
.s4_w .img dd span{ padding-bottom:10px;}
.s4_w .img dd a{ color:#fff;}
.s4_w .img dd.on a,
.s4_w .img dd a:hover{ color:#333;}
.s4_w .img dd.on span a,
.s4_w .img dd span a:hover{ color:rgb(3, 79, 95);}
.s4_w .img dd:before{ display:block; content:""; margin:-18px auto 0; width:14px; height:18px; background:url("../images/md_01.png") no-repeat center center; -webkit-transition: 0.3s;transition: 0.3s;}
.s4_w .img dd.on:before{ width:18px; height:22px; background:url("../images/md_02.png") no-repeat center center; background-size:auto 100%;}
.s4_w .img .d1{ right:160px; top:100px;}
.s4_w .img .d2{ right:283px; bottom:210px;}
.s4_w .img .d3{ right:393px; bottom:147px;}
.s4_w .img .d4{ right:577px; bottom:57px;}
.s4_w .img ul{ display:none; position:absolute; left:0; padding:0 10px; width:360px; font-size:14px; color:#fff; z-index: 99;}
.s4_w .img li a{ color:#086081;}
.s4_w .img li a:before{ position:relative; display:inline-block; content:""; top:-2px; margin-right:5px; width:4px; height:4px; background:#086081; border-radius:50%;}
.s4_w .img li.on a,
.s4_w .img li a:hover{ color:#10a3c2;}
.s4_w .img .d1 ul{ top:20px; padding:20px 10px;}
.s4_w .img .d1 li a{ padding-left:50px;}
.s4_w .img .d2 ul{ top:-48px; }
.s4_w .img .d2 li:nth-child(1) a{ padding-left:74px; }
.s4_w .img .d2 li:nth-child(2) a{ padding-left:83px; }
.s4_w .img .d2 li:nth-child(3) a{ padding-left:76px; }
.s4_w .img .d2 li:nth-child(4) a{ padding-left:63px; }
.s4_w .img .d2 li:nth-child(5) a{ padding-left:47px; }
.s4_w .img .d3 ul{ top:0; padding:20px 10px}
.s4_w .img .d3 ul li a{ padding-left:20px; }
.s4_w .img .d4 ul{ top:0; padding:5px 10px;}
.s4_w .img .d4 ul li a{ padding-left:30px; }

.s5_w .bd{ position:relative; display:inline-block; margin-left:4px; background:#e9e9e9; text-align:center; overflow: hidden;  }
.s5_w .bd>a{ position:absolute; top:0; width:78px; height:78px; background:rgba(255,255,255,0.7); line-height:78px; text-align:center; font-weight:bold; font-size:30px; color:#333; font-family:"SimSun";  opacity: 0; z-index:1;}
.s5_w .bd .prev{ left:0; -webkit-transform: translateX(-100%);transform: translateX(-100%);}
.s5_w .bd .next{ right:0; -webkit-transform: translateX(100%);transform: translateX(100%);}
.s5_w .bd:hover>a{ opacity:1; -webkit-transform: translateX(0);transform: translateX(0);}
.s5_w li{ float:left; margin-left:-3px; width:25%; line-height:24px; text-align:left;}
.s5_w li{ border-left:2px solid #fff; }
.s5_w li a{ display:block; margin:10px; padding:10px;}
.s5_w li a:hover{ background:#fff;}
.s5_w li .img{ width:100%; overflow:hidden;}
.s5_w li .img img{ width:100%; -webkit-transition: 0.5s;transition: 0.5s;}
.s5_w li:hover .img img{ -webkit-transform: scale(1.1);transform: scale(1.1);}
.s5_w li .txt{ padding:10px 10px 20px; }
.s5_w li span{ position:relative; padding:5px 0; font-size:14px; color:#17a6c4;}
.s5_w li span:after{ display:block; content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#17a6c4;}
.s5_w li h4{ margin:10px 0; font-size:18px; color:#020100;}
.s5_w li p{ height:5.25em; line-height:1.75em; font-size:14px; color:#333; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
@media(max-width:1680px){
    .index .ww .hd .fl{ width:30%;}
    .index .ww .hd .fr{ width:50%;}
    .s2_w .wrap{ padding:18% 0;}
}
@media(max-width:1440px){
    .s2_w .wrap{ padding:20% 0;}
}
@media(max-width:1280px){
    .index .ww .hd .fr{ width:61%;}
    .s2_w .wrap{ padding:30% 0;}
}
@media(max-width:1200px){
    .index>em{ margin-left:47px;}
    .num{ width:90px; height:90px;}
    .num.active:after,
    .num.active:before{ width:87px; height:87px;}
    .num5 span{ background-size:28px;}
    .index .ww .hd{ margin-left:115px; margin-top:0;}
    .index .ww .hd h2{ font-size:26px;}
    .index .ww .hd span img{ width:85%;}
    .index .ww .hd p{ font-size:14px;}
    .index .ww .hd a{ margin-top:20px; width:150px; height:32px;}
    .index .ww .hd a span{ line-height:32px;}
    .s1_w .bd li img{ position:relative; left:-15%; width:130%;}
    .s3_w{ height:500px!important;}
    .s3_w .bd{-webkit-transform:scale(0.8) translateY(-20%);transform:scale(0.8) translateY(-20%);}
    .s4_w .bd .txt li{ padding-right:180px; width:350px; }
    .s4_w .bd .txt li .img{ width:160px; height:160px;}
    .s5_w li span{ padding:3px 0; font-size:13px;}
    .s5_w li h4{ font-size:15px;}
    .s5_w li p{ font-size:13px;}
    .s5_w li a{ padding:0;}
}
@media(max-width:996px){
    .index .ww .hd .fr{ width:52%;}
    .index1 .ww .hd .fr,
    .index3 .ww .hd .fr{ margin-top:-15px;}
    .index1 .ww .hd a,
    .index3 .ww .hd a{ margin-top:10px; }
    .index .ww .hd a{ width:136px; }
    .s1_w .bd li img{ left:-25%; width:150%;}
    .s1_w .hd h3{ line-height:1.2; font-size:24px;}
    .s1_w .hd span{ font-size:13px;}
    .s1_w .hd img{ height:42px;}
    .s3_w{ height:400px!important;}
    .s3_w .bd{ -webkit-transform:scale(0.63) translateX(-16%)translateY(-40%);transform:scale(0.63) translateX(-16%)translateY(-40%);}
    .s3_w h3{ bottom:28%; margin-left:-100px; width:200px;}
    .s3_w h3 img{ width:100%;}
    .s4_w .bd{ margin-left:50px;}
    .s4_w .bd .txt li h4{ font-size:18px;}
    .s4_w .bd .txt li p{ line-height:1.75; font-size:14px;}
    .s2_w .item a{ -webkit-transform: scale(0.8);transform: scale(0.8);}
    .s2_w .item ul{ -webkit-transform: scale(0.8);transform: scale(0.8);}
    .s2_w .item1{ left:-4%; top:44%;}
    .s2_w .item2{ left:23%; bottom:6%;}
    .s2_w .item3{ left:14%; bottom:42%;}
    .s2_w .item4{ right:11%; bottom:-3%;}
    .s2_w .item5{ right:0; top:4%;}
    .s4_w{ height:560px;}
    .s4_w .bd .txt li{ padding-right:160px; width:280px;}
    .s4_w .bd .txt li .img{ width:140px; height:140px;}
    .s4_w .bd .txt li a{ width:9em; height:2.6em; line-height:2.6em; font-size:13px;}
    .s4_w .hd{ right:-3%; width:536px;}
    .s4_w .img{ height:560px;}
    .s4_w .img dd{ font-size:13px;}
    .s4_w .img .d1{ right:130px; top:90px;}
    .s4_w .img .d2{ right:229px; bottom:170px;}
    .s4_w .img .d3{ right:316px; bottom:122px;}
    .s4_w .img .d4{ right:466px; bottom:50px;}
    .s4_w .img li a{ max-width:16em; margin-left:-36px; font-size:12px;}
}
@media(max-width:767px){
    .index .ww{ padding:35px 0 25px;}
    .index>em{ top:37px; margin-left:20px; border-left-width:2px;}
    .num{ top:37px; width:40px; height:40px;}
    .num.active:before{ border-top-width:2px; border-right-width:2px;}
    .num.active:after{ border-bottom-width:2px; border-left-width:2px;}
    .num.active:after, .num.active:before{ width:38px; height:38px;}
    .num1 span,
    .num2 span,
    .num3 span,
    .num4 span,
    .num5 span,
    .num6 span{ background-size:30%;}
    .index .ww .hd .fl{ float:none; width:100%;}
    .index .ww .hd{ padding-top:0; margin-left:50px;}
    .index .ww .hd h2{ font-size:20px;}
    .index .ww .hd span{ padding:0; font-size:13px;}
    .index .ww .hd span img{ width:72%;}
    .index .ww .hd .fr{ float:none; width:100%;}
    .index1 .ww .hd .fr, .index3 .ww .hd .fr{ margin-top:0;}
    .index .ww .hd p{ font-size:12px;}
    .index .ww .hd a{ margin-top:7px; width:9em; height:28px; line-height: 28px; font-size:12px;}
    .index .ww .hd a span{ line-height:28px; font-size:13px;}
    .index1 .ww .hd a, .index3 .ww .hd a{ margin-top:8px;}
    .s1_w .hd li{ margin-left:-1px; width:33.33%;}
    .s1_w .hd img{ height:28px;}
    .s1_w .hd h3{ font-size:16px;}
    .s1_w .hd span{ margin:0 auto; width:60%; font-size:12px;}
    .s1_w .bd li img{ left:-50%; width:200%;}
    .s2_w .wrap{ padding:15% 0; }
    .s2_w .bd{ margin:0 auto 0; padding-left:3px; width:360px;}
    .s2_w .item{ float:left; position:relative; left:0; right:0; top:0; bottom:0; padding:0!important; margin:2% 4%; line-height:20px; font-size:15px; -webkit-animation: none;animation: none;}
    .s2_w .item1{ margin-left:7%;}
    .s2_w .item a{ line-height:1.5em; font-size:12px; -webkit-transform: none;transform: none;}
    .s2_w .item ul{ -webkit-transform: scale(0.6);transform: scale(0.6);}
    .s2_w .item0>a{ display:none; width:20px; height:20px;}
    /*.s2_w .item1>a{ width:90px; height:90px;}
    .s2_w .item2>a{ width:80px; height:80px;}
    .s2_w .item3>a{ width:92px; height:92px;}
    .s2_w .item4>a{ width:80px; height:80px;}*/
    .s2_w .item1>a,
    .s2_w .item2>a,
    .s2_w .item3>a,
    .s2_w .item4>a,
    .s2_w .item5>a{ width:91px; height:91px;}
    .s2_w .item a img{ margin:5px auto 4px; height:30px;}
    .s2_w .item .l1{ width:40px; height:40px;}
    .s2_w .item .l2{ width:35px; height:35px;}
    .s2_w .item .l3{ width:30px; height:30px;}
    .s2_w .item .l4{ width:25px; height:25px;}
    .s2_w .item .l5{ width:20px; height:20px;}
    .s2_w .item .l6{ width:15px; height:15px;}
    .s3_w{ padding:8% 0; height:auto!important;}
    .s3_w h3{ display:none; position:relative; left:0; bottom:0; margin:0 auto; width:160px; }
    .s3_w .bd{ width:350px; background:none; -webkit-transform: none;transform: none;}
    .s3_w .bd li{ float:left; position: relative; margin:3% 4.6%; width:82px; height:82px;}
    .s3_w .bd li:nth-child(1),
    .s3_w .bd li:nth-child(2),
    .s3_w .bd li:nth-child(3),
    .s3_w .bd li:nth-child(4),
    .s3_w .bd li:nth-child(5),
    .s3_w .bd li:nth-child(6){ left:0; bottom:0;}
    .s3_w .bd li img{ margin:7px auto 2px; height:32px;}
    .s3_w .bd li h4{ margin:0 auto; padding:0; width:80%; font-size:12px;}
    .s4_w .bd{ margin-left:0; width:100%;}
    .s4_w .bd .txt li h4{ font-size:16px;}
    .s4_w .bd .txt li p{ height:5.1em; line-height: 1.7; font-size:12px; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow:hidden;}
    .s4_w .bd .txt li a{ margin:15px 0; width:8em; height:2.4em; line-height: 2.4em; font-size:12px;}
    .s4_w .bd .txt li .img{ position:relative; }
    .s4_w .hd{ position:relative; top:-200px; right:-1.5%; width:375px;}
    .s4_w .img{ position:relative; height:382px;}
    .s4_w .img .d1 ul{ padding:10px;}
    .s4_w .img .d3 ul{ top:5px;}
    .s4_w .img .d4 ul{ padding:20px 10px;}
    .s4_w .img .d1 li a{ padding-left:40px;}
    .s4_w .img dd{ font-size:12px;}
    .s4_w .img dd:before{ height:17px; background-size:auto 100%;}
    .s4_w .img dd.on:before{ height:20px;}
    .s4_w .img .d1{ right:84px; top:60px;}
    .s4_w .img .d2{ right:150px; bottom:110px;}
    .s4_w .img .d3{ right:216px; bottom:75px;}
    .s4_w .img .d4{ right:312px; bottom:33px;}
    .s5_w li{ width:50%;}
    .s5_w li .txt{ padding:5px 5px 10px;}
    .s5_w li h4{ margin:6px 0; line-height:1.5; font-size:14px;}
    .s5_w li p{ height:4.5em; line-height:1.5; font-size:12px;}
    .s5_w .bd>a{ width:36px; height:36px; line-height:36px; font-size:25px; opacity: 1}
    .s5_w .bd .prev{ -webkit-transform: translateX(0);transform: translateX(0);}
    .s5_w .bd .next{ -webkit-transform: translateX(0);transform: translateX(0);}
    .index1 .ww .hd .fl,.index1 .ww .hd p,.index1 .ww .hd a,.s1_w{ visibility: inherit!important;}

}

 .pd6{ padding:60px 0;}
 .ct{ padding-bottom:100px;}
.h3{  text-align:center; font-size:30px; color:#353535;}
.h3 span{ display:block; padding:5px 0;  text-transform: uppercase; color:#666; /*font-family: "Century Gothic"*/}
.h3{ position:relative; border-bottom:1px solid rgba(0,0,0,0.1); padding-bottom:25px; padding-top:10px; margin-bottom:25px;}
.h3:after{ display:block; content:""; position:absolute; left:0; bottom:-15px; width:100%; height:30px; background:url("../images/ab_t.png") no-repeat center bottom; z-index: 1;}
.h3 i{ color:#329fc8;}
.about i{ color:#329fc8;}
.ab1 h3{ margin:0; padding-bottom:10px; border:none; text-align:left; }
.ab1 h3:after{ display:none;}
.ab1 h3 em{ padding:10px 0; border-bottom:3px solid #329fc8;}
.ab1 h3 span{ display:inline-block; margin-left:20px;}
.ab1 .txt{ float:left; width:55%;}
.ab1 p{ margin:2.5% 0; line-height:2em; text-indent:1em; font-size:15px; color:#666;}
.ab1 p i{ font-weight:bold; font-size:18px;}
.ab1 h4{ padding:3% 0 5px; font-weight:bold; font-size:16px; color:#666;}
.ab1 h4~p{ margin-top:0; text-indent:0;}
.ab1 .img{ float:right; width:42.6%; border-radius:5px; overflow:hidden;}
.ab1 .img img{ width:100%; -webkit-transition: 0.5s;transition: 0.5s;}
.ab1 .img:hover img{ -webkit-transform: scale(1.1);transform: scale(1.1);}
.ab1 ul{ margin:10px 0; }
.ab1 li{ float:left; padding:30px 0; width:18.4%; margin-right:2%; background:#eaf5f9 url("../images/ab1_l.png") no-repeat center center; background-size:105% 105%; -webkit-transition: 0.3s;transition: 0.3s;}
.ab1 li:hover{ background-size:100% 100%; }
.ab1 li:last-child{ margin-right:0;}
.ab1 li.l5{ margin-right:0;}
.ab1 li p{ margin:0; padding-top:60px; text-align:center; font-weight:bold; font-size:15px; color:#329fc8;}
.ab1 li.l1 p{ background:url("../images/ab1_01.png") no-repeat center top;}
.ab1 li.l2 p{ background:url("../images/ab1_02.png") no-repeat center top;}
.ab1 li.l3 p{ background:url("../images/ab1_03.png") no-repeat center top;}
.ab1 li.l4 p{ background:url("../images/ab1_04.png") no-repeat center top;}
.ab1 li.l5 p{ background:url("../images/ab1_05.png") no-repeat center top;}

.ab2{ background:url("../images/ab2_b.png") no-repeat center center; background-size:100% 100%;}
.ab2 ul{ position:relative; padding-top:30px;}
.ab2 ul:before{ display:block; content:""; position:absolute; left:50%; top:0; margin-left:-0.5px; width:1px; height:100%; background:#b1b7b9;}
.ab2 li .txt{ position:relative;  width:50%; min-height:160px;}
.ab2 li.odd .txt{ float:left;}
.ab2 li.even .txt{ float:right;}
.ab2 li.odd .txt h4,
.ab2 li.odd .txt p{  padding-right:50px; margin:0 6% 0 8%; text-align:right;}
.ab2 li.even .txt h4,
.ab2 li.even .txt p{ padding-left:50px; margin:0 8% 0 6%;}
.ab2 li h4{ padding:10px 0; font-size:24px; color:#3499c7;}
.ab2 li p{ line-height:28px; font-size:15px; color:#666;}
.ab2 li .txt em{ position:absolute; top:10px; width:101px; height:117px; background:url("../images/ab2_i.png") no-repeat ;}
.ab2 li.odd .txt em{ right:-50px}
.ab2 li.even .txt em{ left:-50px;}
.ab2 li.l1 .txt em{ background-position:0 0;}
.ab2 li.l2 .txt em{ background-position:0 -152px;}
.ab2 li.l3 .txt em{ background-position:0 -304px;}
.ab2 li.l4 .txt em{ background-position:0 -454px;}
.ab2 li.l5 .txt em{ background-position:0 -606px;}
.ab2 li.l6 .txt em{ background-position:0 -760px;}

.ab3{ text-align:center; background:url("../images/ab3_b.png") no-repeat right bottom;}
.ab3 h4{ margin:70px 0; font-weight:bold; font-size:24px; color:#333333;}
.ab3 ul{ margin-bottom:100px; display:inline-block;}
.ab3 li{ float:left; padding:10px 0 10px 100px; line-height:30px; text-align:left; font-size:18px; color:#777;}
.ab3 li+li{ margin-left:150px;}
/*.ab3 li span{ padding-left:100px; }*/
.ab3 li em{ display:block; font-size:24px; color:#666;}
.ab3 li.l1{ background:url("../images/ab3_02.png") no-repeat left center;}
.ab3 li.l2{ background:url("../images/ab3_01.png") no-repeat left center;}
.ab3 li.l3{ background:url("../images/ab3_03.png") no-repeat left center;}

@media(max-width:1680px){
    .ab2 li.odd .txt h4,
    .ab2 li.odd .txt p{  padding-right:50px; margin:0 4% 0 0; text-align:right;}
    .ab2 li.even .txt h4,
    .ab2 li.even .txt p{ padding-left:50px; margin:0 0 0 4%;}
    /*.ab3 li{ padding-right:70px;}*/

}
/*
@media(max-width:1440px){
    .ab3 li{ padding-right:50px;}
}
@media(max-width:1366px){.news .bd li .img img
    .ab3 li{ padding-right:30px;}
}
*/
@media(max-width:1200px){
    .pd6{ padding:40px 0; }
    .h3{ padding-bottom:15px; font-size:24px;}
    .h3:after{ bottom:-11px; height:22px; background-size:34px;}
    .ct{ padding-bottom:5%;}
    .ab1 p{ font-size:14px;}
    .ab1 p i{ font-size:16px;}
    .ab1 li p{ text-indent:0; font-size:14px;}
    .ab1 .txt{ float:none; width:100%;}
    .ab1 .img{ float:none; width:100%;}
    .ab2 li h4{ font-size:20px;}
    .ab2 li p{ line-height:1.8em; font-size:14px;}
    .ab2 li .txt{ min-height:120px;}
    .ab2 li .txt em{ width:80px; height:92px; background-size:100%;}
    .ab2 li.odd .txt em{ right:-40px;}
    .ab2 li.even .txt em{ left:-40px;}
    .ab2 li.l2 .txt em{ background-position:0 -120px;}
    .ab2 li.l3 .txt em{ background-position:0 -240px;}
    .ab2 li.l4 .txt em{ background-position:0 -360px;}
    .ab2 li.l5 .txt em{ background-position:0 -482px;}
    .ab2 li.l6 .txt em{ background-position:0 -600px;}
    .ab2 li.odd .txt h4, .ab2 li.odd .txt p{ padding-right:40px;}
    .ab2 li.even .txt h4, .ab2 li.even .txt p{ padding-left:40px;}
    .ab3 h4{ font-size:21px;}
    .ab3 li{ padding-left:80px; font-size:16px;}
    .ab3 li em{ font-size:20px;}
    .ab3 li+li{ margin-left:60px;}
    .ab3 li.l1{ background-size:60px;}
    .ab3 li.l2{ background-size:60px;}
}
@media(max-width:767px){
    .pd6{ padding:20px 0;}
    .h3{ line-height:1em; font-size:18px;}
    .h3 span{ font-size:15px;}
    .ab1 h3 em{ padding:5px 0; border-bottom-width:2px;}
    .ab1 p{ margin:2% 0; line-height:1.6; font-size:13px;}
    .ab1 p i{ font-size:14px;}
    .ab1 h4{ font-size:14px;}
    .ab1 li{ margin-right:1%; padding:14px 0; width:19.2%; background-size:101% 101%;}
    .ab1 li p{ margin:0 auto; padding-top:40px; width:4em; font-size:12px; }
    .ab1 li.l1 p,
    .ab1 li.l2 p,
    .ab1 li.l3 p,
    .ab1 li.l4 p,
    .ab1 li.l5 p{ background-size:34px;}
    .ab2 ul{ padding-top:10px; }
    .ab2 ul:before{ display:none; left:28px; }
    .ab2 li .txt{ margin-bottom:5%; padding-left:70px; width:auto; min-height:inherit; }
    .ab2 li .txt em{ top:0; width:55px; height:65px; }
    .ab2 li.l2 .txt em{ background-position:0 -82px;}
    .ab2 li.l3 .txt em{ background-position:0 -164px;}
    .ab2 li.l4 .txt em{ background-position:0 -246px;}
    .ab2 li.l5 .txt em{ background-position:0 -330px;}
    .ab2 li.l6 .txt em{ background-position:0 -413px;}
    .ab2 li.odd .txt em{ right:100%; margin-right:-55px;}
    .ab2 li.even .txt em{ left:0;}
    .ab2 li h4{ padding:5px 0; font-size:16px; }
    .ab2 li p{ font-size:13px;}
    .ab2 li.even .txt h4, .ab2 li.even .txt p{ margin:0; padding:0; }
    .ab2 li.odd .txt h4, .ab2 li.odd .txt p{ padding:0; text-align:left; }
    .ab3 h4{ margin:15% 0 5%; font-size:16px;}
    .ab3 ul{ margin-bottom:15%;}
    .ab3 li{ float:none; padding-left:60px; line-height:1.8; font-size:14px;}
    .ab3 li+li{ margin-left:0;}
    .ab3 li.l1{ background-size:50px;}
    .ab3 li.l2{ background-size:50px;}
}

.page{ display:inline-block; margin:40px 0; width:100%; text-align:center;}
.page .txt{ border:0; cursor: default; }
.page a{  margin:0 2px; border:1px solid #c9c9c9;  height:30px; line-height:30px; font-size:15px; color:#737373; overflow: hidden;  -webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.page .up,.page .down{ width:78px;}
.page .nm{ width:30px;}
.page .first,.page .last{ width:62px;}
.page a.on,.page a:hover{ border:1px solid #329fc8; background:#329fc8; color:#fff;}
.page a.on{ font-weight:bold;}
.page .txt.on,.page .txt:hover{ border:0; background:none; color:#666;}

.s-nav{ padding:60px 0 30px; text-align:center;}
.s-nav ul{ display:inline-block;}
.s-nav ul li{ float:left; margin:0 55px;}
.s-nav ul li a{ position:relative; font-size:20px; color:#7a8085;}
.s-nav ul li.on a{ color:#329fc8;}
.s-nav ul li a:after{ display:block; content:""; /*position:absolute; bottom:0; left:0;*/ margin:10px auto 0;width:0; height:2px; background:#329fc8; -webkit-transition: 0.3s;transition: 0.3s;}
.s-nav ul li:hover a:after,
.s-nav ul li.on a:after{ width:100%; }
.nw{ margin:0 auto; /*width:78%;*/ width:1200px;}
.news .bd{ }
.news .bd li{ float:none;  padding:45px 0; border-bottom:1px dotted #e5e5e5;  -webkit-transition:0.3s; transition:0.3s; }
.news .bd li:hover{   background:#f7f7f7; }
.news .bd li a{ display:block; height: 100%; -webkit-transition:0.3s; transition:0.3s;}
.news .bd li .img{ float:left; margin-right:6%; width: 393px; height:222px; overflow:hidden; -webkit-transition: 0.5s;transition: 0.5s; }
.news .bd li .img img{ width: 100%;  }
.news .bd li a:hover .img{ -webkit-transform:translateX(10px);transform:translateX(10px); }
.news .bd li .txt{  padding-right:10px; line-height:24px; }
.news .bd li .txt h3{ padding-top:30px; font-weight:bold; font-size:20px; color:#222222; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;  }
.news .bd li .txt span{ padding-top:10px; font-size:14px; color:#545454; }
.news .bd li .txt span i{ margin-left:10px; color:#329fc8; }
.news .bd li .txt p{ margin:16px 0 20px; min-height:60px; max-height:90px; line-height:30px; font-size:14px; color:#545454; overflow:hidden; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.news .bd li a:hover .txt h3{ color:#329fc8;}
.news .bd li a:hover .txt span{ color:#777;}
.news .bd li a:hover .txt p{ color:#444;}
@media(max-width:1280px){
    .nw{ width:90%;}
}

.news-d .hd{ padding:20px 0; border-bottom:1px dotted #d5d5d5; text-align:center;}
.news-d h2{ font-size:24px; color:#232323; text-align:center;}
.news-d .hd span{ padding:20px 10px; font-size:14px; color:#999;}
.news-d h2{ font-size:30px; color:#323232;}
.news-d .bd{ width:80%; margin:0 auto; padding: 50px 0; line-height:2;  color:#666;}
.news-d .bd p,
.news-d .bd div{ margin-bottom:1em; line-height:26px; font-size:14px; color:#666; }
.news-d .bd h4{ font-weight:bold; padding-top:40px; color:#666;}
.news-d .bd img{ display:block; max-width:100%; margin: 30px auto; height:auto; }
.news-d .bd p img{ text-align:center }
.news-d .ft{ padding:30px 0 50px; border-top:1px solid #d5d5d5;}
.news-d .ft .pg{ float:left; width:80%;}
.news-d .ft .pg p{line-height: 30px; font-size:14px; color:#666;}
.news-d .ft a{ display:inline; color:#666;  overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.news-d .ft a:hover{  color:#ba893c;}
.news-d .ft .share a {display:inline-block; width:24px; height:24px; margin:0 10px; padding:0;background:url("../images/share_icon.png") no-repeat;}
.news-d .ft .share .icon-1{  background-position: 0 0;}
.news-d .ft .share .icon-2{  background-position: -43px 0;}
.news-d .ft .share .icon-3{  background-position: -92px 0;}

.items .bd li a{ padding:25px 0;}
.items .bd li .img{ width: 322px; height:238px;}
.items .bd li .txt h3{ padding-top:0;}
.items .bd li .txt h3 em{ float:right; font-weight:normal; font-size:14px; color:#545454;}
.items .bd li .txt p{ height:120px;}
.items .bd li .txt i{ display:inline-block; padding:20px 0 10px; margin-left:0; font-size:14px; color:#329fc8;}
.items .bd li .txt i:after{ display:block; content:""; margin-top:5px; width:0; height:2px; background:#329fc8; -webkit-transition: 0.3s;transition: 0.3s;}
.items .bd li:hover .txt i:after{ width:100%; }
@media(max-width:1200px){
    .nw{ width:96%;}
    .s-nav{ padding:40px 0 20px;}
    .s-nav ul li a{ font-size:17px;}
    .news .bd li{ padding:20px 0;}
    .news .bd li .img{ margin-right:4%; width:300px; height:168px;}
    .news .bd li .txt h3{ padding:5px 0; }
    .news .bd li .txt p{ min-height:5.4em; max-height:5.4em; line-height:1.8; }
    .news-d h2{ font-size:24px;}
    .news-d .hd span{ padding:10px;}
    .news-d .bd{ width:90%;}
}
@media(max-width:767px){
    .s-nav{ padding:20px 0 10px;}
    .s-nav ul li{ margin:0 8px;}
    .s-nav ul li a{ font-size:15px;}
    .s-nav ul li a:after{ margin:8px auto 0; }
}

.coop .hd{ margin-top:20px; padding:30px 0; background:#fafafa; border:1px solid #eee; text-align:center;}
.coop .hd ul{ display:inline-block;}
.coop .hd ul li{ float:left; margin:0 20px;}
.coop .hd ul li a{ display:block; padding-top:55px; min-width:86px;line-height:30px; font-size:16px; color:#666;}
.coop .hd ul li.on a,
.coop .hd ul li:hover a{ color:#329fc8;}
.coop .hd ul li.l1 a{ background:url("../images/cp_h1.png") no-repeat center 0;}
.coop .hd ul li.l2 a{ background:url("../images/cp_h2.png") no-repeat center 14px;}
.coop .hd ul li.l3 a{ background:url("../images/cp_h3.png") no-repeat center 9px;}
.coop .hd ul li.l4 a{ background:url("../images/cp_h4.png") no-repeat center 20px;}
.coop .bd li{ border:none; padding:20px 0;}
.coop .bd li:hover{ background:none;}
.coop .bd li a{ width:48%; padding:25px 0;}
.coop .bd li a:hover{ background:#f7f7f7;}
.coop .bd li a.odd{ float:left; }
.coop .bd li a.even{ float:right; }
.coop .bd li .img{ margin-right:4%; width:200px; height:200px; border-radius:50%; }
.coop .bd li .img img{ width:auto; height:100%;}
.coop .bd li .txt h3{ padding:0; font-weight:normal; color:#333;}
.coop .bd li .txt p{ min-height:5.1em; max-height:5.1em; height:5.1em; line-height:1.7em; font-size:14px; color:#878787; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;overflow:hidden;}
.coop .bd li .txt span{ position:relative; margin-top:20px; padding:0; width:134px; height:34px; border:1px solid #c3c3c3; text-align:center; line-height:34px; font-size:14px; color:#878787;}
.coop .bd li a:hover .txt span{ border:1px solid #329fc8; }
.coop .bd li .txt span i{ position:absolute; top:0; left:0; padding:0; margin:0; width:100%; height:100%; color:#878787;z-index: 2; -webkit-transition: 0.3s;transition: 0.3s;}
.coop .bd li a:hover .txt span i{ color:#fff;}
.coop .bd li .txt span:before{ display:block; content:""; position:absolute; top:0; left:0; width:0; height:100%; background:#329fc8; z-index: 1; -webkit-transition: 0.3s;transition: 0.3s;}
.coop .bd li a:hover .txt span:before{ width:100%; }

.dh .dhw{ position:relative; margin-top:100px; padding:20px 0 30px; background:#eee; text-align:left;}
.dh .img{  position:absolute; left:30px; top:-100px; width:200px; height:200px; border-radius:50%; overflow:hidden; }
.dh .img img{ height:100%;}
.dh .txt{ margin-left:230px; padding-left:4%; padding-right:30px; }
/*.dh .txt a{ margin-top:2%;  margin-left:30px; border-bottom:1px solid #329fc8; line-height:2; font-size:15px; color:#329fc8; cursor:pointer;}*/
.dh .txt a{ position:relative; margin-left:30px;  margin-top:20px; padding:0; width:134px; height:34px; border:1px solid #c3c3c3; text-align:center; line-height:34px; font-size:14px; color:#329fc8;}
.dh .txt a{ border:1px solid #329fc8; }
.dh .txt a span{ position:absolute; top:0; left:0; padding:0; margin:0; width:100%; height:100%; color:#329fc8;z-index: 2; -webkit-transition: 0.3s;transition: 0.3s;}
.dh .txt a:hover span{ color:#fff;}
.dh .txt a:before{ display:block; content:""; position:absolute; top:0; left:0; width:0; height:100%; background:#329fc8; z-index: 1; -webkit-transition: 0.3s;transition: 0.3s;}
.dh .txt a:hover:before{ width:100%; }
.dh p{ line-height:30px; font-size:14px; color:#666 }
.dh p{  padding:5px 0 5px 30px; background:url("../images/ep31_dp.png") no-repeat left 10px;  }
.dh h3{ position:absolute; left:230px; top:-55px; margin-left:4%; font-size:24px; color:#333333; }
.dh h4,
.cp-d .ct h4{ margin-bottom:10px; padding-top:0; padding-left:60px; background:url("../images/cp_d4.png") no-repeat 5px center; line-height:40px; font-weight:bold; font-size:18px; color:#329fc8 }
.cp-d .bd{ width:100%; text-align:left;}
.cp-d .bd ul{ margin-bottom:60px; }
.cp-d .bd h4{ margin-bottom:20px; }
.cp-d .bd p{ margin:10px 0; line-height:26px; font-size:14px; color:#666;}
.cp-d .bd h5{ line-height:26px; font-weight:bold; font-size:16px; color:#000000;}
.cp-d .bd li{ position:relative; margin-bottom:30px; padding-left:40px;}
.cp-d .bd li i{ position:absolute; top:0; left:0; width:40px; height:100%; line-height:100%; letter-spacing: -6px; font-size:30px; color:#10a3c2; font-family:"Lithos Pro Regular"; font-style:italic; }
.cp-dd p{ margin-bottom:30px; line-height:26px; font-size:14px; color:#666;}
.cp-dd h2{ padding-bottom:20px; border-bottom:1px dotted #d5d5d5;}
.cp-dd .img { position:relative; margin:0 auto; width:60%; }
.cp-dd .bd { padding:30px 0; width:100%; overflow:hidden; }
.cp-dd .bd li { width:100%; }
.cp-dd .bd li img{ width:100%; }
.cp-dd .hd{ padding:0; border-bottom:none;}
.cp-dd .hd a{ position:absolute; top:50%; margin-top:-30px; width:50px; height:60px; background:rgba(0,0,0,0.1); line-height:60px; text-align:center; font-size:30px; color:#fff; font-family: "SimHei"; z-index: 9;}
.cp-dd .img:hover a{ background:rgba(0,0,0,0.3);}
.cp-dd .hd a:hover{ background:#329fc8;}
.cp-dd .hd .prev{ left:0;}
.cp-dd .hd .next{ right:0;}
.cp-dd .txt{ margin:0 auto; width:80%; }
.cp-d .pop{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index: 5;}
.cp-d .pop .close{ position:absolute; top:-40px; right:-40px; width:80px; height:80px; border-radius:50%; background:rgba(255,255,255,0.2);  z-index: 10;}
.cp-d .pop .close:hover{ background:rgba(255,255,255,0.5); }
.cp-d .pop .close i{ display:block; padding-top:33px; padding-left:14px; line-height:40px; font-size:30px; color:#fff; }
.cp-d .pop .hd a{ background:rgba(255,255,255,0.1); z-index: 10; }
/*.cp-d .pop:hover .hd a{ background:rgba(255,255,255,0.2);}*/
.cp-d .pop .hd a:hover{ background:#329fc8;}
.cp-d .pop .hd .prev{ left:5%;}
.cp-d .pop .hd .next{ right:5%;}
.cp-d .pop .bd{ margin:14% auto; padding:0; width:50%; height:72%; overflow:hidden;}
.cp-d .pop .bd div{ padding:0; margin:0;}
.cp-d .pop .bd li{ margin:0; padding:0; text-align:center;}
.cp-d .pop .bd img{ display:inline; margin:0; padding:0; width:auto;}

.professor .hd{ margin-bottom:70px; text-align:center;}
.professor .hd ul{ display:inline-block;}
.professor .hd ul li{ position:relative; float:left; margin:0 10px; width:250px; height:34px; background:#b5b5b5; line-height:34px;}
.professor .hd ul li a{ position:absolute; top:0; left:0; width:100%; height:100%; display:block;   font-size:15px; color:#333333;}
.professor .hd ul li.on a,
.professor .hd ul li:hover a{ color:#fff;}
.professor .hd ul li:before{ display:block; content:""; position:absolute; top:0; left:0;  width:0; height:100%; background:#329fc8; -webkit-transition: 0.3s;transition: 0.3s;}
.professor .hd ul li.on:before,
.professor .hd ul li:hover:before{ width:100%;}
.professor .bd li{ padding:100px 0 30px;  }
.professor .bd li a{ position:relative; width:46%; background:#eeeeee; }
.professor .bd li a:hover{ box-shadow: 0 0 5px 2px rgba(0,0,0,0.15); -webkit-transform: translateY(-2px); transform: translateY(-2px);  }
.professor .bd li a.odd{ float:left; }
.professor .bd li a.even{ float:right; }
.professor .bd li .img{ position:absolute; top:-90px; left:50%; margin-left:-96px; width:191px; height:191px; border-radius:50%; overflow:hidden; -webkit-transition: 0.3s; transition: 0.3s; }
.professor .bd li a:hover .img{ box-shadow: 0 0 5px 2px rgba(0,0,0,0.15); -webkit-transform: translateY(-2px); transform: translateY(-2px); }
.professor .bd li .img img{ width:100%; }
.professor .bd li .txt{ width:74%; margin:100px auto 30px;}
.professor .bd li .txt h3{ padding:10px 0; font-size:22px; color:#000000; text-align:center; -webkit-transition: 0s;transition: 0s;}
.professor .bd li a:hover .txt h3{ color:#329fc8;  }
.professor .bd li .txt dt{ padding:5px 0; line-height:2em; font-size:15px; color:#329fc8;}
.professor .bd li .txt dd{ line-height:2em; font-size:15px; color:#676767; -webkit-transition: 0s;transition: 0s;}
.professor .bd li a:hover .txt dd{ color:#333;}
@media(max-width:1200px){
    .news .bd li .txt p{ margin:0;}
    .news .bd li .txt h3{ font-size:16px;}
    .news-d .ft .pg p{ line-height:2.14;  font-size:14px;}
    .coop .hd{ padding:10px 0;}
    .coop .hd ul li a{ min-width:70px; font-size:15px;}
    .coop .bd li{ padding:5px 0;}
    .coop .bd li a{ padding:15px 0; width:49%;}
    .coop .bd li .img{ width:120px; height:120px;}
    .coop .bd li .txt p{ font-size:13px;}
    .coop .bd li .txt span{ margin-top:8px; width:90px; height:24px; line-height:24px; font-size:12px;}
    .dh .dhw{ margin-top:80px;}
    .dh .img{ left:20px; top:-80px; width:160px; height:160px;}
    .dh .txt{ margin-left:170px;}
    .dh h3{ top:-45px; left:170px; font-size:20px;}
    .dh p{ line-height:1.8; font-size:14px;}
    .dh h4, .cp-d .ct h4{ padding-left:50px; background-size:34px; line-height:34px; font-size:16px;}
    .cp-d .bd ul{ margin-bottom:40px;}
    .cp-d .bd h5{ line-height:1.625; font-size:15px;}
    .cp-d .bd p{ margin:5px 0; line-height:1.8; font-size:13px;}
    .professor .bd li{ padding:90px 0 20px; }
    .professor .bd li a{ width:49%;}
    .professor .bd li .img{ top:-85px; margin-left:-85px;  width:170px; height:170px; }
    .professor .bd li .txt{ margin:85px auto 20px; width:80%;}
    .professor .bd li .txt h3{ font-size:18px;}
    .professor .bd li .txt dt{ font-size:14px;}
    .professor .bd li .txt dd{ font-size:14px;}
}

.csl .item1{ border-bottom:1px solid #e5e5e5;}
.csl .item1 li{ position:relative; float:left;  margin:10px 2.6% 10px 0; padding:30px 0; width:31.6%; background:#e5f5f8; -webkit-transition: 0.3s;transition: 0.3s;}
.csl .item1 li:hover{  background:#CBF3FA; box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);}
.csl .item1 li:nth-child(3n){ margin-right:0;}
.csl .item1 h4{ margin:0 25px 0 80px; line-height:34px; font-size:20px; color:#08080b; }
.csl .item1 li:hover h4{ color:#10a3c2; }
.csl .item1 p{ margin:0 25px 0 80px;line-height:30px; font-size:16px; color:#666666; }
.csl .item1 li:hover p{ color:#333; }
.csl .item1 li p em{ font-size:24px; }
.csl .item1 li i{ position:absolute; top:10%; left:0; width:85px; text-align:center; font-size:80px; color:#10a3c2; font-family: "Lithos Pro Regular"; font-style:italic; text-indent:-9999px;}
.csl .item1 li.l2 i{ background:url("../images/csl_11.png") no-repeat center center;}
.csl .item1 li.l3 i{ background:url("../images/csl_12.png") no-repeat center center;}
.csl .item1 li.l4 i{ background:url("../images/csl_13.png") no-repeat center center;}
.csl .item1 li.l5 i{ background:url("../images/csl_14.png") no-repeat center center;}
.csl .item1 li.l6 i{ background:url("../images/csl_15.png") no-repeat center center;}
.csl .item1 li.dt{ background:#10a3c2;}
.csl .item1 li.dt:hover{ background:#14AECE;}
.csl .item1 li.dt h4{ margin:0 40px 0 60px; padding:10px 0; font-size:24px; color:#fff; }
.csl .item1 li.dt:hover h4{ color:#fff; }
.csl .item1 li.dt p{ margin:0 40px 0 60px;  text-transform:uppercase; color:rgba(255,255,255,0.57);}
.csl .item1 li.dt em{ position:absolute; top:30px; right:20%; width:35px; height:35px; background:url("../images/cs_1i.png") no-repeat center center; border-radius:50%;}

.csl .h3 span{ font-size:16px;}
.csl .item2{ padding-top:40px;}
.csl .item2 .h3{ border-bottom:0;}
.csl .item2 .bd{ margin-top:50px; padding:20px 0; background:url("../images/cl_2b.jpg") no-repeat center center; background-size:100% 100%;}
.csl .item2 ul{  padding-top:40px; }
.csl .item2 li{ position:relative; margin-left:50%; width:50%;}
.csl .item2 li .txt{ margin-left:-60px; padding:20px 0 20px 100px; min-height:117px; -webkit-transition: 0.3s;transition: 0.3s;}
.csl .item2 li .txt:hover{ box-shadow: 0 0 5px 2px rgba(0,0,0,0.2); }
.csl .item2 li h4{ padding:0 0 10px; font-weight:bold; font-size:18px; color:#3398c5;}
.csl .item2 li p{ margin-right:5px; line-height:2em; font-size:14px; color:#666;}
.csl .item2 li p i{ font-size:24px; color:#329fc8;}
.csl .item2 li .txt em{ position:absolute; top:20px; left:-40px; width:80px; height:70px; background:url("../images/cl_2i.png") no-repeat ; /*-webkit-transform: scale(0.85) translateX(8%) translateY(-8%);transform: scale(0.85) translateX(8%) translateY(-8%);*/ }
.csl .item2 li.l1 .txt em{ background-position:0 0; background-size:70%;}
.csl .item2 li.l2 .txt em{ background-position:0 -95px; background-size:70%;}
.csl .item2 li.l3 .txt em{ background-position:0 -186px; background-size:70%;}
.csl .item2 li.l4 .txt em{ background-position:0 -280px; background-size:70%;}
.csl .item2 li.l5 .txt em{ background-position:0 -369px; background-size:70%;}
@media(max-width:1680px){
    .csl .item1 li{ width:32.25%; margin-right:1.6%;}
.csl .item2 li .txt{ padding:10px 0 10px 100px;}
}
@media(max-width:1440px){
    .csl .item1 li.dt em{ right:6%;}
}
@media(max-width:1366px){
    .csl .item1 li.dt h4{ margin-left:40px;}
    .csl .item1 li.dt p{ margin-left:40px;}
}
@media(max-width:1200px){
    .csl .item1 li{ padding:20px 0;}
    .csl .item1 li.dt h4{ margin-left:20px; font-size:20px;}
    .csl .item1 li.dt p{ margin-left:20px; line-height:1.8; font-size:14px;}
    .csl .item1 h4{ margin:0 15px 0 60px; font-size:18px;}
    .csl .item1 p{ margin:0 15px 0 60px; line-height:1.8; font-size:14px;}
    .csl .item1 li p em{ font-size:17px;}
    .csl .item1 li i{ width:50px; }
    .csl .item1 li.l2 i,
    .csl .item1 li.l3 i,
    .csl .item1 li.l4 i,
    .csl .item1 li.l5 i{ }
    .csl .item2 .bd{ background-size:cover;}
    .csl .item2 ul{ padding-top:10px;}
    .csl .item2 li .txt{ min-height:100px;}
    .csl .item2 li h4{ padding-bottom:5px; font-size:16px;}
    .csl .item2 li p{ line-height:1.8; font-size:13px;}
    .csl .item2 li p i{ font-size:17px;}
}

.sp{ padding:50px 0; position:relative; background:#f8f8f8;}
.sp h4{ margin-bottom:10px; height:100px; background:url("../images/ep2_3h.png") no-repeat center center; line-height:100px; -webkit-transition: 0.3s;transition: 0.3s;}
.sp{  position:relative;  }
.sp .cw{ padding:20px 30px 60px 100px;}
.sp .hd{  position:relative; /*padding:50px 0 45px;*/}
.sp .hd ul{ position:relative;}
.sp .hd em{ display:block; position:absolute; top:50%; left:0; margin-top:-18px; width:14%;  z-index: 1; }
.sp .hd em i{ display:block; margin:0 auto; width:17px; height:17px; background:#fff; border-radius:50%; border:8px solid #329fc8; }
.sp .hd em i:before{ display:block; content:""; position:absolute; top:0; left:50%; margin-top:-4px; margin-left:-21.5px; padding:8px; width:17px; height:17px; border:5px solid #fff; border-radius:50%;}
.sp .hd:before{ display:block; content:""; position:absolute; top:50%; left:0;  margin-top:-3px; width:100%; height:6px; background:#e8e7e5; }
.sp:before{ position:absolute; top:50px; left:0; margin:0 auto; width:100%; height:6px; background:#e8e7e5; }
.sp:before{ position:absolute; top:50px; left:0; margin:0 auto; width:100%; height:6px; background:#e8e7e5; }
.sp .hd li{ position:relative; float:left; margin:0 1%; width:8%; height:100px; cursor: pointer; z-index: 3; }
.sp .hd li.on span{ color:#329fc8; }
.sp .hd li span{ position:absolute;  left:0; width:100%;  height:30px; text-align:center; font-size:18px; color:#333333;}
.sp .hd li.odd span{ top:10px;}
.sp .hd li.even span{ top:65px;}
.sp .hd li.on.odd span,
.sp .hd li.odd:hover span{ top:0; }
.sp .hd li.on.even span,
.sp .hd li.even:hover span{ top:75px;}
.sp .hd li:before{ display:block; content:""; position:absolute; top:50%; left:50%; margin-top:-9px; margin-left:-5px; width:9px; height:9px; background:#fff; border-radius:50%; border:3px solid #329fc8;  z-index: 2; -webkit-transition: 0.3s;transition: 0.3s;}
.sp .hd li.on:before,
.sp .hd li:hover:before{ opacity: 0; filter:alpha(opacity=0);}
/*.sp .hd li p{ margin-top:60px; }*/
.sp .bd{ position:relative; margin-top:30px; padding:10px 20px; background:#e4eef4; border-radius:10px;}
.sp .bd em{  display:block; position:absolute; top:-20px; left:0; width:14%; height:20px; background:url("../images/cl_3p.png") no-repeat center bottom; -webkit-transition: 0.3s;transition: 0.3s;}
.sp .bd li{ margin-bottom:10px; line-height:1.8; font-size:16px; color:#666;}
.sp dl{ margin-top:60px; padding-left:30px;}
.sp dt{ margin-left:-30px; padding-left:30px; background:url("../images/cl_3d.png") no-repeat left center; line-height:2em; font-size:16px; color:#329fc8;}
.sp dd{ line-height:2em; font-size:14px; color:#666;}
@media(max-width:1366px){
    .sp .hd li{ margin:0;}
}
@media(max-width:1200px){
    .sp{ padding:40px 0;}
    .sp .cw{ padding:20px 0 60px;}
    .sp h4{ height:70px; background-size:70px;}
    .sp .hd li span{ font-size:16px;}
}
@media(max-width:960px){
    .sp .bd li{ font-size:15px;}
}

.trm .item0 .h3{ margin-top:60px; }
.trm .item0 h4{  font-size:20px; color:#333;}
.trm .item0 img{  display:block; margin:0 auto; width:100%; }
.trm .item0 .img img{ display:inline-block; max-width:100%; }
.trm .item0 .data_l{ float:left; width:60%;}
.trm .item0 .data_l .txt{ margin:60px 0;}
.trm .item0 .data_l h4{ margin-bottom:30px; padding-left:50px; background:url("../images/data_lh.png")no-repeat left center; line-height:32px; font-weight:bold; }
.trm .item0 .data_l li{ position:relative; padding-left:1em; line-height:2.5em; font-size:16px; color:#329fc8;}
.trm .item0 .data_l li:after{ position:absolute; top:50%; left:0; display:block; content:""; margin-top:-2.5px; width:5px; height:5px; background:#329fc8; border-radius:50%;}
.trm .item0 .data_l li p{ font-size:16px; color:#666;}
.trm .item0 .data_l li em{ font-size:20px; color:#329fc8;}
.trm .item0 .data_l .img img{ margin:0 auto;}
.trm .item0 .data_l .img img+img{ margin-left:10px;}
.trm .item0 .data_r{ float:right; width:38%;}
.trm .item0 .data_r h4{ margin-top:20px;}
.trm .item0 .data_r p{ font-size:16px; color:#333;}
.trm .item0 .data_r p em{ font-size:30px; color:#329fc8;}
.trm .item0 .data_r dd{ line-height:1.75em; font-size:14px; color:#666;}
.trm .item0 .vs{ position:relative; padding-top:50px;}
.trm .item0 .vs h4{ position:absolute; top:0; left:50%; margin-left:-101px; margin-top:-51px; border:4px solid #329fc8; border-radius:50%; text-align:center; vertical-align: middle; -webkit-transition: 0.3s;transition: 0.3s; z-index: 5;}
.trm .item0 .vs h4:hover{ box-shadow: 0 0 10px 4px rgba(255,255,255,0.4);}
.trm .item0 .vs h4 span{  width:174px; height:174px; background:#fff; border:10px solid #eee; border-radius:50%; font-size:16px; color:#000000;}
.trm .item0 .vs h4 em{ display:block; margin-top:20px; text-transform:uppercase; font-size:60px; color:#329fc8;}
.trm .item0 .vs dl{ padding-bottom:40px; width:49%; border:1px solid #e2e2e2; -webkit-transition: 0.3s;transition: 0.3s;}
.trm .item0 .vs dl:hover{ box-shadow: 0 2px 5px 2px rgba(0,0,0,0.1);}
.trm .item0 .vs dl.dl_1{ float:left;}
.trm .item0 .vs dl.dl_2{ float:right;}
.trm .item0 .vs dt{ margin-bottom:20px; text-align:center; line-height:76px; font-size:20px; font-weight:bold; color:#fff;}
.trm .item0 .vs .dl_1 dt{ background:#df3c37;}
.trm .item0 .vs .dl_2 dt{ background:#329fc8;}
.trm .item0 .vs dd{ margin-left:20%; padding-left:40px; line-height:30px; font-size:16px; color:#666;}
.trm .item0 .vs .dl_1 dd{ background:url("../images/vs_i.png") no-repeat left center; }
.trm .item0 .vs .dl_2 dd{ background:url("../images/vs_i2.png") no-repeat left center; }
.trm .item0 .vs_1{ margin-top:-25px;}
.trm .item0 .vs_1,
.trm .item0 .vs_3{ background:#e6f1f3; }
.trm .item1{ background:url("../images/ep1_1b.jpg") no-repeat center center;}
.trm .item1 li{ background:rgba(255,255,255,0.5); -webkit-transition: 0.2s;transition: 0.2s;}
.trm .item1 li:hover{ background:rgba(255,255,255,0.8); box-shadow: 0 0 5px 1px rgba(255,255,255,1); }
.trm .item1 li.dt{ position:relative; background:none; }
.trm .item1 li.dt:hover{ background:rgba(255,255,255,1); }
.trm .item1 li.dt:before{ display:block; content:""; position:absolute; top:-2px; left:-2px; width:100%; height:100%; border:2px solid #fff;}
.trm .item1 li.dt:hover:before{ border:2px solid rgba(255,255,255,0.5);}
.trm .item1 li.dt:hover h4{ color:#329fc8;}
.trm .item1 li.dt:hover p{ color:#329fc8;}
.trm .item1 li.dt:hover em{ background-color:#329fc8;}
.trm .item2 .bd{ background:url("../images/ep1_2b.jpg") no-repeat center center; background-size:100% 100%;}
.trm .item2 ul{ padding:0;}
.trm .item2 li .txt{ padding:10px 0 10px 100px; min-height:100px;}
.trm .item2 li .txt em{ top:15px; background:url("../images/ep1_2i.png") no-repeat ; }
.trm .item2 li.l1 .txt em{ background-position:0 0;}
.trm .item2 li.l2 .txt em{ background-position:0 -80px;}
.trm .item2 li.l3 .txt em{ background-position:0 -159px;}
.trm .item2 li.l4 .txt em{ background-position:0 -233px;}
.trm .item2 li.l5 .txt em{ background-position:0 -310px;}
.trm .item2 li.l6 .txt em{ background-position:0 -388px; background-size:70%}
@media(max-width:1680px){
    .trm .item0 .vs{ padding-top:100px;}
    .trm .item0 .vs h4{ margin-top:0;}
}
@media(max-width:1440px){
    .trm .item0 .vs dd{ margin-left:13%;}
}
@media(max-width:1200px){
    .trm .item2 .bd{ background-size:cover;}
    .trm .item2 li .txt{ min-height:70px;}
}
.ep_wrap{ overflow:hidden;}
.ep_wrap img{ width:100%; }

.ep2 .item1 .h3,
.ep2 .item2 .h3{ border-bottom:none;}
.ep2 .h3 span{ font-size:14px;}
.ep2 .item1{ padding:70px 0 100px; background:url("../images/ep2_ib.jpg") no-repeat center center; background-size:100% 100%;}
.ep2 .item1 .h3:before{ display:block; content:""; position:absolute; top:-32px; left:50%; margin-left:-246px; width:160px; height:126px; background:url("../images/ep2_1h.png") no-repeat center center;}
.ep2 .item1 .h3 span{ text-indent:40px;}
.ep2 .item1 .h3:after{ display:none;}
.ep2 .item1 ul{ padding-top:10px;}
.ep2 .item1 li{ position:relative; float:left; margin-right:2%;  width:18.4%; height:18.4%; background:#fff; border-radius: 50%; text-align:center;}
/*.ep2 .item1 li:before{ display:block; content:""; position:absolute; top:-1px; left:-1px; margin:0 auto; width:100%; height:100%; border:1px solid #d3d3d3; border-radius:50%;}*/
.ep2 .item1 li:hover:before{ border:1px solid #fff; }
.ep2 .item1 li.l5{ margin-right:0;}
.ep2 .item1 li.l2,
.ep2 .item1 li.l4{ margin-top:50px;}
.ep2 .item1 li i{ position:absolute; top:-30px; left:50%; display:block; margin-left:-30px; width:60px; height:60px; background:#fff; border:1px solid #d9d9d9; border-radius:50%; line-height:60px; text-align:center; font-weight:bold; font-size:20px; color:#10a3c2; z-index:3;}
.ep2 .item1 li:hover i{ background:#329fc8; color:#fff;}
.ep2 .item1 li .txt{ position:relative; width:100%; height:100%; background:#eaf5f9; border-radius:50%; overflow: hidden; -webkit-transition: 0.3s;transition: 0.3s;}
.ep2 .item1 li .txt:hover{ box-shadow: 0 0 8px 1px rgba(0,0,0,0.1); background:#D8F2FB;}
/*.ep2 .item1 li .txt:after{ display:block; content:""; position:absolute; top:0; left:0; margin:0 auto; width:100%; height:100% ; border-radius:50%; background:#329fc8; z-index: 1; opacity:0;-webkit-transition: 0.3s; transition: 0.3s; }
.ep2 .item1 li .txt:hover:after{ opacity:1;}*/
.ep2 .item1 li .txt_w{ position:absolute; top:0; left:0; height:100%; padding:0 10%; z-index: 2; overflow:hidden;}
.ep2 .item1 li.l3 .txt_w{ padding:0 15%;}
.ep2 .item1 li h4{ margin-top:40px; line-height:24px; font-size:16px; color:#329fc8; -webkit-transition: 0.3s;transition: 0.3s;}
.ep2 .item1 li p{ line-height:24px; font-size:14px; color:#656565; -webkit-transition: 0.3s;transition: 0.3s;}
.ep2 .item1 li:hover p{ color:#333;}
.ep2 .item1 li.l3 h4{ margin:50px 0 10px;}
.ep2 .item1 li.l5 h4{ margin-top:60px;}
.ep2 .item1 li.l5 p{ margin-right:10px;}
@media(max-width:1366px){
    .ep2 .item1 li .txt_w{ padding:0 6%;}
    .ep_wrap img{  margin-left:-10%; width:120%;}
}
@media(max-width:1280px){
    .ep2 .item1 li{ margin-right:0.7%; width:19.4%;}
    .ep2 .item1 li h4{ margin-top:32px;}
}

.ep2 .item2{ padding-top:50px; }
.ep2 .item2 .h3 span{ font-size:16px; }
.ep2 .item2 .nw{ position:relative;  }
.ep2 .item2 .nw h4{ position:absolute; top:50%; left:50%; margin-top:-65px; margin-left:-65px; width:130px; height:130px; border-radius: 50%; background:#329fc8; text-align:center; font-size:30px; color:#fff; -webkit-transition: 0.3s;transition: 0.3s;}
.ep2 .item2 .nw h4:hover{ background:#38B3E1; box-shadow: -1px -1px 5px 2px rgba(0,0,0,0.2);}
.ep2 .item2 h4 i{ display:block; padding:26px 0; }
.ep2 .item2 h4:hover{ box-shadow: 0 2px 10px 2px rgba(255,255,255,0.3); }
.ep2 .item2 ul{ margin:-30px auto 0; width:91%;}
.ep2 .item2 li { position:relative; margin:60px 0;  width:398px; height:140px; background:#eaf5f9; border-radius:5px; -webkit-transition: 0.3s;transition: 0.3s;}
.ep2 .item2 li:hover { background:#D8F2FB; box-shadow: 0 0 8px 1px rgba(0,0,0,0.1);}
.ep2 .item2 .l1,
.ep2 .item2 .l3 { float:left;}
.ep2 .item2 .l2,
.ep2 .item2 .l4 { float:right;}
.ep2 .item2 li:after {  position:absolute; display:block; content:""; width:96px; height:72px; background:url("../images/ep2_21.png") no-repeat left center; -webkit-transition: 0.3s;transition: 0.3s;}
.ep2 .item2 li:hover:after {  background:url("../images/ep2_212.png") no-repeat left center;}
.ep2 .item2 .l1:after{ top:112px; right:-72px; }
.ep2 .item2 .l2:after{ top:121px; left:-72px;  -webkit-transform: rotate(109deg);transform: rotate(109deg); }
.ep2 .item2 .l3:after{ top:-52px; right:-72px;  -webkit-transform: rotate(-70deg);transform: rotate(-70deg);}
.ep2 .item2 .l4:after{ top:-45px; left:-72px; -webkit-transform: rotate(180deg);transform: rotate(180deg);}
.ep2 .item2 li .txt{ padding:10px 40px 15px;}
.ep2 .item2 li h5 { padding-left:40px; height:38px; line-height:38px; font-size:22px; color:#329fc8; background:url("../images/ep2_22.png") no-repeat; }
.ep2 .item2 .l1 h5 { background-position:0 0; }
.ep2 .item2 .l2 h5 { background-position:0 -38px; }
.ep2 .item2 .l3 h5 { background-position:0 -76px; }
.ep2 .item2 .l4 h5 { background-position:0 -114px; }
.ep2 .item2 li p { margin-top:5px; line-height:22px; font-size:14px; color:#666666; -webkit-transition: 0.3s; transition: 0.3s; }
.ep2 .item2 li:hover p { color:#333; }
@media (max-width:1440px){
    .ep2 .item2 .bd{ width:98%;}
    .ep2 .item2 li{ width:36%;}
}
@media (max-width:1366px){
    .ep2 .item2 ul{ width:100%;}
    .ep2 .item2 li .txt{ padding:10px 20px 15px;}
}
@media (max-width:1200px){

}
.ep2 .item3 { background:#f8f8f8;}
.ep2 .item3 { background:#f8f8f8;}
/*.ep2 .item3 h4{  background:url("../images/ep2_3h.png") no-repeat center center;}*/


.ep3_1 .pk_if{ margin:60px 0; padding:40px 0 60px; background:#f4f4f4;}
.ep3_1 .pk_if h3{ margin-bottom:40px; text-align:center; }
.ep3_1 .pk_if .pk_if_wrap{ position:relative; padding:0 80px;}
.ep3_1 .pk_if .hd a{ position:absolute; top:50%; margin-top:-30px; width:50px; height:60px; background:#c6eaf9; line-height:60px; text-align:center; font-size:30px; color:#fff; font-family: "SimHei"; z-index: 9;}
.ep3_1 .pk_if .hd a:hover{ background:#329fc8;}
.ep3_1 .pk_if .hd .prev{ left:0;}
.ep3_1 .pk_if .hd .next{ right:0;}
.ep3_1 .pk_if li{ float:left; width:46%; }
.ep3_1 .pk_if li .dt{ float:left; margin-right:28px; padding:0 10px 10px 10px; border:2px solid #329fc8; }
.ep3_1 .pk_if li .dt span{ text-align:center; font-size:16px; color:#329fc8;}
.ep3_1 .pk_if li .dt i{ display:block; font-size:40px; color:#329fc8;}
.ep3_1 .pk_if li .dd p{ margin:10px 0; line-height:1.6; font-size:16px; color:#4a4a4a;}
.ep3_1 .pk_if li .dd em{ font-weight:bold; color:#222;}
.ep3_1 .pd_dl{ float:left; width:45%; }
.ep3_1 .pd_dr{ float:right; width:53.2%; }
@media(max-width:1680px){
    .ep3_1 .pk_if li:last-child .dd p{ line-height:26px;}
}
@media(max-width:1200px){
    .ep2 .item1 .h3:before{ margin-left:-200px; width:120px; background-size:120px;}
    .ep2 .item1 ul{ width:738px; margin:0 auto;}
    .ep2 .item1 li{ margin:0 2.6%; width:28%; }
    .ep2 .item1 li.l4{ margin-left:19%; }
    .ep2 .item1 li h4{ margin-top:40px; font-size:15px;}
    .ep2 .item1 li.l2, .ep2 .item1 li.l4{ margin-top:0;}
    .ep2 .item1 li p{ line-height:1.75; font-size:13px; }
    .ep2 .item1 li i{ top:-25px; margin-left:-25px; width:50px; height:50px; line-height:50px; font-size:18px;}
    .ep2 .item2 .nw h4{ margin-top:-50px; margin-left:-50px; width:100px; height:100px; font-size:24px;}
    .ep2 .item2 h4 i{ padding:19px 0;}
    .ep2 .item2 li:after{ width:70px; height:50px; background-size:100%;}
    .ep2 .item2 li h5{ padding-left:36px; height:30px; background-size:30px; line-height:30px; font-size:18px;}
    .ep2 .item2 .l2 h5{ background-position:0 -32px;}
    .ep2 .item2 .l3 h5{ background-position:0 -67px;}
    .ep2 .item2 .l4 h5{ background-position:0 -100px;}
    .ep2 .item2 li p{ line-height:1.57; font-size:13px; }
    .ep2 .item2 .l1:after{ top:123px; right:-55px;}
    .ep2 .item2 .l2:after{ top:125px; left:-52px;}
    .ep2 .item2 .l3:after{ top:-36px; right:-55px;}
    .ep2 .item2 .l4:after{ top:-32px; left:-52px;}
    .ep3_1 .pk_if .pk_if_wrap{ padding:0 60px;}
    .ep3_1 .pk_if li .dt{ margin-right:16px; padding:5px 5px 10px; width:5em; text-align:center;}
    .ep3_1 .pk_if li .dt span{ font-size:14px;}
    .ep3_1 .pk_if li .dt i{ font-size:30px;}
    .ep3_1 .pk_if li .dd{ }
    .ep3_1 .pk_if li .dd p{  line-height:1.5; margin:0 0 5px; font-size:14px;}
    .ep3_1 .pk_if .hd a{ margin-top:-25px; width:40px; height:50px; line-height:50px;}

}

.pk h3{  font-size:30px; color:#353535;}
.pk h4 span{  margin-top:30px; padding:0 30px; background:#47a5cb; line-height:50px; font-size:24px; color:#fff; }
.pk h4 em{ display:none; float:right; margin-top:30px;  line-height:50px; font-size:14px; color:#47a5cb; }
.pk table{ width:100%; margin-bottom:60px; background:#fff; }
.pk table,
.pk table tr,
.pk table th,
.pk table td{ /*border-collapse: collapse; */}
.pk table th{  background:#c6eaf9; line-height:4.8; text-align:center; font-weight:bold; font-size:15px; color:#47a5cb; white-space:nowrap; }
.pk table tr td{ padding:1%; line-height:1.6;  font-size:13px; color:#545454; }
.pk table tr td.t1{ font-weight:bold; white-space: nowrap; font-size:15px;}
.pk table tr td.t2{ font-weight:bold;  }
.pk table tr{ background:#f7f7f7; -webkit-transition: 0.3s; transition: 0.3s; }
/*.pk table tr:nth-child(even){ background:#eee;  }
.pk table tr:hover{ background:#e5f6fd;  }*/
.pk table td i{ display:block; margin:0 auto; width:27px; height:20px; background:url("../images/tb_sb.png") no-repeat center center; }

.pk_sf{   text-align:center;}
.pk_sf a{ padding:0 20px; background:#47a5cb; line-height:58px; font-size:20px; color:#ffffff;  }
.pk_sf a:hover{ background:#61B6D8; }

.pk_ep h4{ padding-bottom:10px;}
.pk_ep h4 span{ padding:0 20px; background:#47a5cb; line-height:33px; font-size:18px; color:#fff;  }
.pk_ep p{ line-height:30px; font-size:14px; color:#353535; }
.pk_ep { line-height:30px; font-size:14px; color:#353535; }

.ep3_2 h3{ text-align:center;}

@media(max-width:1200px){
    .pk h3{ font-size:24px; }
    .pk h4 span{ margin-top:20px; padding:0 20px; line-height:36px; font-size:18px;}
    .pk h4 em{ margin-top:20px; line-height:36px;}
    .pk table th{ font-size:14px;}
    .pk table tr td{ font-size:12px;}
    .pk table tr td.t1{ font-size:13px;}
    .pk table td i{ background-size:18px;}
    .pk_sf a{ line-height:40px; font-size:18px;}
    .pk_ep p{ line-height:2; font-size:13px;}
    .csl .item1 li.l2 i, .csl .item1 li.l3 i, .csl .item1 li.l4 i, .csl .item1 li.l5 i,.csl .item1 li.l6 i{ background-size:auto 48px;}
}
@media(max-width:960px){
    .csl .item1 h4{ margin-left:50px;}
    .csl .item1 p{ margin-left:50px;}
    .csl .item1 li i{ width:40px;}
    .csl .item1 li.l2 i, .csl .item1 li.l3 i, .csl .item1 li.l4 i, .csl .item1 li.l5 i,.csl .item1 li.l6 i{ background-size:auto 42px;}
    .ep_wrap img{  margin-left:-20%; width:140%;}

}
@media(max-width:767px){
    .ep_wrap img{ width:164%; margin-left:-32%;}
    .ep2 .item1{ padding:30px 0; background-size:cover;}
    .ep2 .item1 .h3 span{ text-indent:0;}
    .ep2 .item1 .h3:before{ top:-27px; margin-left:-150px; width:90px; height:100px; background-size:90px;}
    .ep2 .item1 ul{ width:100%;}
    .ep2 .item1 li{ float:none; margin:0 0 35px; width:100%; height:auto!important; border-radius:inherit;}
    .ep2 .item1 li.l4{ margin-left:0;}
    .ep2 .item1 li .txt{ border-radius:inherit;}
    .ep2 .item1 li .txt_w{ position:relative; padding:0 5% 5%; }
    .ep2 .item1 li h4{ margin-top:35px;}
    .ep2 .item1 li h4 br{ display:none;}
    .ep2 .item1 li.l3 h4{ margin:35px 0 0;}
    .ep2 .item1 li.l3 .txt_w{ padding:0 15% 5%;}
    .ep2 .item1 li.l5 h4{ margin-top:35px; }
    .ep2 .item2 ul{ margin:5% 0;}
    .ep2 .item2 .h3 span{ font-size:13px;}
    .ep2 .item2 .nw h4{ display:none;}
    .ep2 .item2 li{ margin:2% 0; width:100%; height:auto;}
    .ep2 .item2 li:after{ display:none; }
    .ep2 .item2 li h5{ font-size:16px;}
    .sp{ padding:20px 0; }
    .sp .cw{ padding:10px 0; }
    .sp .hd:before{ margin-top:-5.5px; height:3px;}
    .sp .hd li span{ font-size:12px; white-space: nowrap;}
    .sp .bd li{ font-size:13px;}
    .sp .hd li:before{ margin-top:-9px; margin-left:-3px; width:6px; height:6px;}
    .sp .hd em{ margin-top:-13px;}
    .sp .hd em i{ width:10px; height:10px; border-width:4px;}
    .sp .hd em i:before{ margin-top:-3px; margin-left:-12px; padding:4px; width:10px; height:10px; border-width:3px;}
    .sp h4{ height:38px; background-size:38px;}
    .sp dl{ margin-top:30px;}
    .sp dt{ margin-left:-26px; padding-left:26px; background-size:auto 26px; line-height: 26px; font-size:15px;}
    .sp dd{ line-height:1.8; font-size:12px;}
    .trm .item0 .h3{ margin-top:30px;}
    .trm .item0 .vs{ padding-top:20px;}
    .news .bd{ margin-top:10px;}
    .news .bd li{ padding:10px 0;}
    .news .bd li .img{ width:140px; height:80px; }
    .news .bd li .txt h3{ padding:0; line-height: 1.6em; font-size:13px;}
    .news .bd li .txt span{ padding:0; font-size:12px;}
    .items .bd li a{ padding:0;}
    .items .bd li .img{ height:103px; }
    .items .bd li .txt h3 em{ float:none; display:block; line-height: 1.6; font-size:12px; color:#999;}
    .news .bd li .txt p,
    .items .bd li .txt p{ min-height:inherit; max-height:inherit; height:3.2em; line-height:1.6em; font-size:12px; -webkit-line-clamp:2;}
    .items .bd li .txt i{ padding:0; line-height: 1.2; font-size:12px;}
    .news-d h2{ font-size:16px;}
    .news-d .hd{ padding-bottom:10px;}
    .news-d .hd span{ padding:8px 0; font-size:12px;}
    .news-d .bd{ padding:20px 0; width:100%;}
    .news-d .bd p, .news-d .bd div{ line-height: 1.8em; font-size:12px;}
    .news-d .bd img{ margin:5px auto; width:100%;}
    .news-d .ft{ padding:10px 0 30px;}
    .news-d .ft .pg{ float:none; width:100%;}
    .news-d .ft .pg p{ font-size:12px;}
    .news-d .ft .share{ float:none; margin-top:5px; }
    .page .nm{ display:none;}
    .page a{ margin:0 1px; height:2em; line-height:2em; font-size:12px;}
    .page .first, .page .last{ width:4em;}
    .page .up, .page .down{ width:4em;}
    .coop .hd{ margin-top:10px; padding:5px 0;}
    .coop .hd ul li{ margin:0 5px; }
    .coop .bd li .img{ width:110px; height:110px;}
    .coop .hd ul li a{ padding-top:48px; font-size:14px; }
    .coop .hd ul li.l1 a{ background-size:auto 50px;}
    .coop .hd ul li.l2 a{ background-size:auto 35px;}
    .coop .hd ul li.l3 a{ background-size:auto 37px; }
    .coop .hd ul li.l4 a{ background-size:auto 26px; }
    .coop .bd ul{ margin-top:10px;}
    .coop .bd li a{ float:none; padding:8px 0; width:100%;}
    .coop .bd li .txt h3{ font-size:15px;}
    .coop .bd li .txt p{ font-size:12px;}
    .dh .dhw{ margin-top:50px;}
    .dh .img{ left:0; top:-50px; width:100px; height:100px; }
    .dh .txt{ margin-top:-5px; margin-left:100px; padding-right:20px;}
    .dh h3{ top:-46px; left:100px; font-size:16px; }
    .dh p{ margin-left:-100px; font-size:13px; }
    .dh h4, .cp-d .ct h4{ margin-bottom:5px; padding-left:37px; background-size:28px; font-size:15px; }
    .dh .txt a{ margin-left:-70px; width:8em; height:2.2em; line-height: 2.2em; font-size:12px;}
    .pk h3{ font-size:18px;}
    .ep3_1 .pk_if{ margin:30px 0;}
    .ep3_1 .pk_if .pk_if_wrap{ padding:0 45px;}
    .ep3_1 .pk_if li .dt{ margin-right:10px; padding:2px 2px 5px;}
    .ep3_1 .pk_if li .dt i{ font-size:20px;}
    .ep3_1 .pk_if .hd a{ margin-top:-20px; width:30px; height:40px; line-height:40px; font-size:24px;}
    .ep3_1 .pd_dl{ float:none; width:auto; overflow-x: scroll;}
    .ep3_1 .pd_dr{ float:none; width:auto; overflow-x: scroll;}
    .pk table{ margin-bottom:10px;}
    .pk table th{ padding:3% 0; width:2em; line-height:1.2; font-size:12px; white-space: normal; }
    .pk table tr td.t1{ max-width:4em; white-space:normal; font-size:12px;}
    .pk table tr td:nth-child(3){ max-width:4em;}
    .pk table td i{ width:16px; height:16px; background-size:12px;}
    .pk h4 span{ margin-top:10px; padding:0 10px; line-height:2; font-size:13px; }
    .pk h4 em{ margin-top:10px; line-height:26px; font-size:12px; }
    .pk_sf a{ padding:0 15px; line-height:2.2; font-size:15px; }
    .csl .item1 ul{ margin-top:10px;}
    .csl .item1 li{ margin:5px 0; width:100%; height:auto!important;}
    .csl .item1 h4{ font-size:16px; }
    .csl .item1 p{ font-size:13px; }
    .csl .item1 li.dt h4{ padding:0; font-size:18px;}
    .csl .item1 li.dt p{ font-size:13px;}
    .csl .item1 li.l2 i, .csl .item1 li.l3 i, .csl .item1 li.l4 i, .csl .item1 li.l5 i,.csl .item1 li.l6 i{ background-size:auto 36px;}
    .csl .item2 .bd{ margin-top:30px; background-position:right center;}
    .csl .item2 li{ margin-left:0; width:100%;}
    .csl .item2 li h4{ padding:5px 0; font-size:15px;}
    .csl .item2 li p{ line-height: 1.6; font-size:12px;}
    .csl .item2 li .txt{ min-height:inherit; margin-left:0; padding: 5px 5px 5px 75px;}
    .csl .item2 li .txt em{ top:10px; left:5px; }
    .trm .item1{ background-size:cover;}
    .trm .item0 img{ margin-left:-1.5%; width:103%; }
    .csl .h3 span{ font-size:15px;}
    .cp-d .bd{ padding:30px 0;}
    .cp-d .bd ul{ margin-bottom:20px;}
    .cp-d .bd li{ margin-bottom:15px; padding-left:30px; }
    .cp-d .bd p{ margin-top:0; line-height: 1.6;}
    .cp-d .bd li i{ width:30px; font-size:26px;}
    .cp-d .pop{ z-index: 9999;}
    .cp-d .pop .bd{ margin:0; width:100%;}
    .cp-d .pop .hd a{ margin-top:-20px; width:25px; height:40px; background:rgba(0,0,0,0.2); line-height: 40px;}
    .cp-d .pop .hd .prev{ left:0;}
    .cp-d .pop .hd .next{ right:0;}
    .cp-d .pop .close{ top:-30px; right:-30px; width:60px; height:60px;}
    .cp-d .pop .close i{ padding-top:31px; padding-left:10px; line-height:20px; font-size:24px; }
    .professor .hd{ margin:10px 0 20px;}
    .professor .hd ul li{ margin:0; width:8em; height:30px; line-height: 30px; font-size:13px;}
    .professor .hd ul li a{ font-size:13px;}
    .professor .bd li{ padding:70px 0 20px;}
    .professor .bd li a{ width:100%; height:auto!important;}
    .professor .bd li a+a{ margin-top:90px;}
    .professor .bd li .img{ top:-70px; margin-left:-70px; width:140px; height:140px;}
    .professor .bd li .txt{  margin-top:70px; width:82%;}
    .professor .bd li .txt dd{ padding:4px 0; line-height: 1.6em; font-size:12px;}
    .professor .bd li .txt dt{ padding:0 0 5px; line-height: 1.6; font-size:13px;}

}