@charset "utf-8";
body{font-family:"Microsoft Yahei";overflow-x:hidden;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
em,i{font-style: normal;}
.titis{height:111px;overflow: hidden;text-align: center;background:url(../images/ico1.png) no-repeat center bottom;}
.titis h2 {height:60px;line-height:60px;font-size:48px;color:#333333;font-weight:bold;}
.titis h2 a{color: #333333}
.titis h2 i{width:10px;height: 10px;background: #333333;border-radius: 50%;margin:0 10px;vertical-align: middle;display: inline-block;}
.titis h2 em{color: #d70c18}
.titis p{font-size:18px;color: #6e6e6e;height:31px;line-height:31px;}

.yz_bj{background: url(../images/yz_bj.jpg) no-repeat center top;height: 676px;box-sizing: border-box;padding-top:100px;}
.yz_c .tit{height:74px;text-align: center;background: url(../images/yz_a1.png) no-repeat center bottom;}
.yz_c .tit h2{height:55px;line-height:55px;font-size:46px;color: #313131;}
.yz_c .tit h2 i{width:6px;height: 6px;background: #313131;border-radius: 50%;vertical-align: middle;margin:0 16px;display:inline-block;}
.yz_w{text-align: center;padding:22px 44px 0;height:88px;font-size:16px;color: #333333;line-height: 28px;}
.yz_n{background: url(../images/yz_n.png) no-repeat;width:1143px;margin:0 auto;height: 298px;}
.yz_n li{float:left;width:25%;text-align: center;padding-top:90px;}
.yz_n li p{height: 65px;font-size:20px;color: #333333;font-weight: bold;}
.yz_n li p em{font-size:54px;line-height: 65px;}
.yz_n li span{display: block;font-size:16px;color: #7d7d7d;height:37px;line-height:37px;}
.yz_n li i{display: block;font-size:0;line-height: 0;width:50px;margin:14px auto 0;}
.yz_n li:hover i{animation-duration:3s;animation-name:flipInY;}


.fw_c{background: url(../images/fw_bj.jpg) no-repeat center top;padding:71px 0 0;}
.fw_c .titis h2{font-size:46px;}
.fw_n{background:#fff url(../images/fw_ico4.png) no-repeat 9px 9px;width:1395px;margin:14px auto 69px;box-shadow: 0 0 15px rgba(4,0,0,0.16)}
.fw_n dl{padding:13px 14px 14px 0;overflow: hidden;}
.fw_n dd{float:left;width:424px;padding:41px 0 0 70px;}
.fw_n dd i{display: block;font-size:0;line-height: 0;}
.fw_n dd h4 a{height: 37px;line-height: 37px;margin-top:10px;display: block;font-size:28px;color: #d80c18;}
.fw_n dd span{height: 29px;line-height: 29px;font-size:18px;color: #333333;display: block;margin-bottom:26px;}
.fw_n dd p{font-size:16px;color: #666666;line-height: 28px;margin-bottom:10px;}
.fw_n dd p b{color: #333333}
.fw_n dd em a{width:213px;height: 58px;line-height: 58px;text-align: center;background: #1d2088;font-size:16px;color: #fff;border-radius: 29px;display: block;margin-top:44px;overflow:hidden;position:relative;}
.fw_n dd em a:after{content:"";display:block;width:30px;height:30px;background:rgba(255,255,255,0.1);position:absolute;left:50%;top:50%;transition:all 0.5s;border-radius:50%;transform:scale(0);opacity:1;}
.fw_n dd em a:hover:after{-webkit-transition: all 0.5s;-moz-transition:all 0.5s;-ms-transition: all 0.5s;-o-transition:all 0.5s;transition: all 0.5s;-webkit-animation: abdYd 0.5s ;-moz-animation: abdYd 0.5s ;-o-animation: abdYd 0.5s ;-ms-animation: abdYd 0.5s ;animation: abdYd 0.5s ;}
.fw_n dd em a strong{padding-right:70px;background: url(../images/fw_ico2.png) no-repeat right;display: inline-block;transition: all 0.5s}
.fw_n dd em a:hover strong{padding-right:80px;}
.fw_n dt{float: right;font-size:0;line-height: 0;width:825px;overflow: hidden;position: relative;}
.fw_n dt img{width:100%;transition: all 0.5s}
.fw_n dl dt:before{content: '';  position: absolute; left: -100%; top: 0; width:100%; height:100%;  background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);z-index: 9}
.fw_n dl:hover dt:before{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
.fw_n dl:hover dt img{transform: scale(1.1);}

.fw_b{background: #f2f2f2;overflow: hidden;padding:0 0.625%;}
.fw_b dl{position: relative;float:left;width:24.84%;overflow: hidden;margin-right:0.21%;}
.fw_b dt{font-size:0;line-height: 0;overflow: hidden;}
.fw_b dt img{width:100%;transition: all 0.5s}
.fw_b dd{position: absolute;left:0;bottom:0;height: 215px;background: #f2f2f2;text-align: center;padding-top:21px;box-sizing: border-box;transition: all 0.5s}
.fw_b dd i{display: none}
.fw_b dd h4 a{display: block;height:40px;line-height: 40px;font-size:28px;color: #333333;}
.fw_b dd span{display: block;font-size:18px;color: #505050;height: 30px;line-height: 30px;}
.fw_b dd b{display: block;font-size:0;line-height: 0;margin-top:29px;}
.fw_b dd p{padding:50px 40px 0;font-size:16px;color: #fff;line-height: 28px;height: 136px;}
.fw_b dd em a{width:210px;height:50px;line-height:50px;text-align: center;background: #fff;font-size:16px;color: #333333;border-radius: 25px;display: block;margin:0 auto;}
.fw_b dd em a strong{padding-right:70px;background: url(../images/fw_ico3.png) no-repeat right;display: inline-block;transition: all 0.5s}
.fw_b dd em a:hover strong{padding-right:80px;}
.fw_b dl:hover dd{height: 100%;background: rgba(29,32,136,0.81);padding-top:81px;}
.fw_b dl:hover dd h4 a,.fw_b dl:hover dd span{color: #fff}
.fw_b dl:hover dd span {height: 45px;background: url(../images/fw_ico5.png) no-repeat center bottom;}
.fw_b dl:hover dd i{display: block;}
.fw_b dl:hover dd b{display: none}
.fw_b dl:hover dd p{padding-top:26px;}
.fw_b dl:hover dt img{transform: scale(1.1);}
.fw_b dl:last-child{margin:0;}


.yous{padding:74px 0 0;height: 895px;}
.ys_n{margin-top:26px;position: relative;}
.ys_a{width:690px;height: 690px;margin:0 auto;text-align: center;box-sizing: border-box;padding-top:40px;position: relative;background: url(../images/ys_a2.jpg) no-repeat;}
.ys_a i:before{content: '';  position: absolute; left: -100%; top: 0; width:100%; height:100%;  background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);z-index: 9}
.ys_a:hover i:before{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
.ys_a .ys_tel em:hover{margin-top:10px;}
.ys_a i{display: block;width:616px;height: 616px;border-radius: 50%;overflow: hidden;margin-left:36px;position:relative;overflow:hidden;}
.ys_tel{position: absolute;width:319px;height: 319px;background: rgba(255,255,255,0.7);border-radius: 50%;top:187px;left:185px;text-align: center;box-sizing: border-box;padding-top:87px;}
.ys_tel p{height: 93px;}
.ys_tel p b{font-size:16px;display: block;height: 29px;line-height: 29px;color: #333333;font-weight: normal;}
.ys_tel p b img{vertical-align: top;margin-right:6px;-webkit-transition: all 0.5s;-moz-transition:all 0.5s;-ms-transition: all 0.5s;-o-transition:all 0.5s;transition: all 0.5s;-webkit-animation: abdY 2s infinite;-moz-animation: abdY 2s infinite;-o-animation: abdY 2s infinite;-ms-animation: abdY 2s infinite;animation: abdY 2s infinite;}
.ys_tel p span{display: block;height: 64px;line-height: 64px;font-size:36px;color: #333333;font-weight: bold;}
.ys_tel em {position:relative;display:block;width:176px;height: 46px;margin:0 auto;overflow:hidden;transition:all 0.5s;}
.ys_tel em a{display: block;width:176px;height: 46px;background: #d80c18;text-align: center;line-height: 46px;font-size:18px;color: #fff;font-weight: bold;border-radius: 23px;margin:0 auto;}
.ys_tel em:after{content:"";display:block;width:30px;height:30px;background:rgba(255,255,255,0.2);position:absolute;left:50%;top:40%;transition:all 0.5s;border-radius:50%;transform:scale(0);opacity:1;}
.ys_tel em:hover:after{-webkit-transition: all 0.5s;-moz-transition:all 0.5s;-ms-transition: all 0.5s;-o-transition:all 0.5s;transition: all 0.5s;-webkit-animation: abdYd 0.5s ;-moz-animation: abdYd 0.5s ;-o-animation: abdYd 0.5s ;-ms-animation: abdYd 0.5s ;animation: abdYd 0.5s ;}
.ys_qh li{position: absolute;padding:24px 32px 0 32px;width:435px;height: 265px;box-sizing: border-box;}
.ys_qh li h4{height: 81px;margin-bottom:24px;position: relative;}
.ys_qh li h4:after{content: "";display: block;width:65px;height: 3px;background: #1d2088;position: absolute;left:0;bottom:0;}
.ys_qh li h4:before{content: "";display: block;width:379px;height:1px;background: #e3e3e3;position: absolute;left:0;bottom:1px;}
.ys_qh li h4 i{display: inline-block;vertical-align: top;position: relative;}
.ys_qh li h4 i img:last-child{position: absolute;left:0;top:0;z-index:-1}
.ys_qh li h4 span{display: inline-block;padding-left:11px;}
.ys_qh li h4 span em{display: block;height: 37px;line-height: 37px;font-size:28px;color: #333333;}
.ys_qh li h4 span strong{display: block;font:12px arial;color: #cbcbcb}
.ys_qh li p{font-size:16px;color: #333333;line-height: 28px;}
.ys_qh li p em{padding-left:13px;background: url(../images/ys_a3.png) no-repeat left 14px;display: inline-block;text-align: left;}
/*.ys_qh li:nth-child(2){height: 312px}*/
.ys_qh li:nth-child(3) p em{width:286px;}
.ys_qh li:nth-child(4) p em{width:244px;}
.ys_qh li:first-child{left:-31px;top:48px;}
.ys_qh li:nth-child(2){left:-31px;top:404px;}
.ys_qh li:nth-child(3){right:0px;top:48px;text-align: right;height:300px;}
.ys_qh li:nth-child(4){right:0px;top:404px;text-align: right}
.ys_qh li:nth-child(3) h4 span,.ys_qh li:nth-child(4) h4 span{text-align: left;}
.ys_qh li:nth-child(3) h4:after,.ys_qh li:nth-child(4) h4:after{right:0;left:auto;}
.ys_qh li:nth-child(3) h4:before,.ys_qh li:nth-child(4) h4:before{right:0;left:auto;}
.ys_qh li:first-child h4:before{width:412px;}
.ys_qh li:nth-child(2) h4:before{width:380px;}
.ys_qh li:nth-child(3) h4:before{width:382px;}
.ys_qh li:nth-child(4) h4:before{width:350px;}
.ys_qh li:hover{background: #1d2088;border-radius: 8px}
.ys_qh li:hover i img:first-child{display: none}
.ys_qh li:hover i img:last-child{z-index: 1;position: relative;}
.ys_qh li:hover h4 span em{color: #fff;}
.ys_qh li:hover h4 span strong{color:rgba(255,255,255,0.4);}
.ys_qh li:hover p{color: #fff;}
.ys_qh li:hover p em{background: url(../images/ys_a3_hv.png) no-repeat left center;}
.ys_qh li:hover h4:after{background: #fff;}
.ys_qh li:hover h4:before{background:rgba(255,255,255,0.15);}
.ys_qh li:hover:first-child h4:before{width:382px;}


.al_bj{background: url(../images/al_bj.jpg) no-repeat center top;box-sizing: border-box;padding:72px 0 136px;overflow: hidden;}
.al_nr{margin-top:25px;}
.al_nr dl{float:left;width:32.28%;margin:0 1.14% 24px 0;}
.al_nr dt{font-size:0;line-height: 0;overflow: hidden;position: relative;}
.al_nr dt img{width:100%;transition: all 0.5s}
.al_nr dd{height:161px;background:#fff;box-shadow: 0 0 16px rgba(0,0,0,0.1);padding:22px 1rem 0 1.4rem;box-sizing: border-box;position: relative;}
.al_nr dd h4 a{display: block;height: 42px;line-height: 42px;font-size:22px;color: #2b2b2b;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.al_nr dd p{font-size:16px;line-height: 28px;color: #333333;padding-top:6px;}
.al_nr dd p a{color: #333333;font-size:16px;}
.al_nr dd:after{width:0;height:3px;content:"";display: block;background: #d80c18;position: absolute;left:0;bottom:0;transition: all 0.5s}
.al_nr dl:nth-child(3n){margin-right:0;}
.al_nr dl:hover dd:after{width: 100%}
.al_nr dl:hover dt img{transform: scale(1.1);}
.al_nr dl dt:before{content: '';  position: absolute; left: -100%; top: 0; width:100%; height:100%;  background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);z-index: 9}
.al_nr dl:hover dt:before{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
.al_nr dl:hover dd h4 a{font-weight: bold;}
.al_nr dl:hover dd p a{color: #d80c18}
.al_btn1{margin-top:36px;text-align: center;}
.al_btn1 a{display: inline-block;width:219px;height: 58px;line-height: 58px;text-align: center;font-size:16px;color: #fff;background: #d80c18;border-radius: 29px;margin:0 8px;position:relative;overflow:hidden;}
.al_btn1 a em{padding-right:77px;background: url(../images/fw_ico2.png) no-repeat right;display: inline-block;transition: all 0.5s}
.al_btn1 a:last-child{background: #1d2088}
.al_btn1 a:hover em{padding-right:87px;}
.al_btn1 a:after{content:"";display:block;width:30px;height:30px;background:rgba(255,255,255,0.1);position:absolute;left:50%;top:50%;transition:all 0.5s;border-radius:50%;transform:scale(0);opacity:1;}
.al_btn1 a:hover:after{-webkit-transition: all 0.7s;-moz-transition:all 0.7s;-ms-transition: all 0.7s;-o-transition:all 0.7s;transition: all 0.7s;-webkit-animation: abdYd 0.7s ;-moz-animation: abdYd 0.7s ;-o-animation: abdYd 0.7s ;-ms-animation: abdYd 0.7s ;animation: abdYd 0.7s ;}


.ry_bj{background: url(../images/ry_bj.jpg) no-repeat center top;height: 843px;box-sizing: border-box;padding-top:77px;}
.ry_c{width:1260px;margin:0 auto;}
.photos {position:relative;height:560px;}
.ry_c li {position:relative;}
.anl .photos .list-con-b{ margin: 0 auto; width:1200px;text-align: left;}
.ry_bj .photos li img{ width: 308px; height:411px;background: url(../images/ry_a1.jpg) no-repeat;padding:26px 25px 25px 26px;background-size: 100% 100%}

.ry_c .photos .list-con-b .atitlesc{ display: block;position:absolute; width:1260px; left:0; top:518px;}
.ry_c .photos .list-con-b .atitlesc h4{font-size:22px; color: #333333;margin-top:17px;overflow:hidden;height: 34px;line-height: 34px;font-weight:normal;width:1260px;text-align: center;}
.yj_prev,.yj_next{position: absolute;top:235px;width:63px;height:63px;}
.yj_prev{background:url(../images/ry_j1.png) no-repeat;transition:all 0.5s;}
.yj_next{background:url(../images/ry_j02.png) no-repeat;transition:all 0.5s;}
.yj_prev:hover{background:url(../images/ry_j1_hv.png) no-repeat;}
.yj_next:hover{background:url(../images/ry_j2.png) no-repeat;}
.yj_prev{left:-40px;}
.yj_next{right:-84px;}
/* Header Style */
.containerscoll {width: 100%;position: relative;text-align: center;}
.codrops-top{line-height: 24px;font-size: 11px;background: rgba(255, 255, 255, 0.5);text-transform: uppercase;z-index: 9999;position: relative;box-shadow: 1px 0px 2px rgba(0,0,0,0.2);-webkit-animation: slideOut 0.5s ease-in-out 0.3s backwards;}
@-webkit-keyframes slideOut{0%{top:-30px; opacity: 0;}100%{top:0px; opacity:0.5;}}
.codrops-top a{padding: 0px 10px;letter-spacing: 1px;color: #333;text-shadow: 0px 1px 1px #fff;display: block;float: left;}
.codrops-top a:hover{background: #fff;}
.codrops-top span.right{float: right;}
.codrops-top span.right a{float: left;display: block;}
.codrops-demos{text-align:center;display: block;padding-top: 20px;}
.codrops-demos a, .codrops-demos a.current-demo,.codrops-demos a.current-demo:hover{display: inline-block;border: 1px solid #719c7f;padding: 4px 10px 3px;font-size: 13px;line-height: 18px;margin: 0px 3px;font-weight: 800;-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);box-shadow: 0px 1px 1px rgba(0,0,0,0.1);color: #fff;text-shadow: 1px 1px 1px rgba(0,0,0,0.9);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background: #90bd9e;background: -moz-linear-gradient(top, #90bd9e 0%, #72a081 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#90bd9e), color-stop(100%,#72a081));background: -webkit-linear-gradient(top, #90bd9e 0%,#72a081 100%);background: -o-linear-gradient(top, #90bd9e 0%,#72a081 100%);background: -ms-linear-gradient(top, #90bd9e 0%,#72a081 100%);background: linear-gradient(top, #90bd9e 0%,#72a081 100%);}
.codrops-demos a:hover{background: #85b995;}
.codrops-demos a:active{-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.4);-moz-box-shadow:0px 1px 1px rgba(255,255,255,0.4);box-shadow: 0px 1px 1px rgba(255,255,255,0.4);}
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover{color: #506757;text-shadow: 0px 1px 1px rgba(255,255,255,0.3);}
/* Media Queries */
@media screen and (max-width: 767px) {.container > header{	text-align: center;}p.codrops-demos {	position: relative;	top: auto;	left: auto;}}
p,p a{color:#666;font-weight:normal;font-size:12px;}
#carousel {width:1200px;height:473px;position:relative;margin:0 auto;clear:both;background-repeat: no-repeat;/*border-radius: 15px;*/}
#carousel img {visibility:hidden; /* hide images until carousel can handle them */cursor:pointer; /* otherwise it's not as obvious items can be clicked */box-shadow: rgba(0, 0, 0, 0.298039) 0px 5px 20px;}
.container{padding-bottom: 20px;}


.tm_bj{background: url(../images/team_bj.jpg) no-repeat center top;height: 864px;box-sizing:border-box;padding-top:71px;}
.team{width:1200px;margin:0 auto;}
.team .titis{background: none;height: 143px;}
.team_nr dl{position: relative;}
.team_nr dt{float:left;width:1161px;margin-left:-364px;border:4px solid #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);position: relative;overflow: hidden;}
.team_nr dt img{width:1161px;height: 642px;transition: all 0.5s}
.team_nr dd{position:absolute;right:-43px;top:73px;width:637px;height: 511px;background: #1d2088;border-radius: 6px;box-sizing: border-box;padding:62px 0 0 66px;z-index: 9}
.team_nr dd i{display: block;font-size:0;line-height: 0;background: url(../images/team_ico3.png) no-repeat right;margin-bottom:15px;}
.team_nr dd h4{height: 43px;line-height: 43px;font-size:28px;color: #fff;font-weight: bold;padding-left:26px;background: url(../images/team_ico2.png) no-repeat left;margin-bottom:9px;}
.team_nr dd p{font-size:16px;line-height: 26px;color: rgba(255,255,255,0.8);margin-bottom:28px;width:520px;}
.team_nr dd em a{width:210px;height: 50px;background: #fff;border-radius: 25px;text-align: center;display: block;font-size:16px;color: #333333;line-height: 50px;margin-top:10px;overflow: hidden;}
.team_nr dd em a strong{padding-right:77px;background: url(../images/fw_ico3.png) no-repeat right;display:inline-block;transition: all 0.5s}
.team_nr dd em a:hover strong{padding-right:87px;}
.team_nr dl dt:before{content: '';  position: absolute; left: -100%; top: 0; width:100%; height:100%;  background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);z-index: 9}
.team_nr dl:hover dt:before{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
.team_nr dl:hover dt img{transform: scale(1.05);}


.gy_c{padding:69px 0 0;height: 623px;}
.gy_nr{padding-top:30px;}
.gy_nr li{float:left;width:32.5%;margin-right:1.25%;background: #fff;box-shadow: 0 0 51px rgba(0,0,0,0.09);height: 312px;box-sizing: border-box;border-radius: 10px;}
.gy_nr li h4{padding:42px 28px 0 36px;}
.gy_nr li h4 a{display: block;padding-right:4.7rem;background: url(../images/gy_ico1.png) no-repeat right 8px;font-size:24px;color: #333333;font-weight: normal;}
.gy_nr li p{padding:24px 28px 0 36px;font-size:16px;color: #808080;line-height: 28px;height:123px;overflow: hidden;}
.gy_nr li i{display: block;padding-left:36px;transition: all 0.5s}
.gy_nr li:hover h4 a{color: #1d2088}
.gy_nr li:hover i{margin-top:-5px;}
.gy_nr li:last-child{margin:0;}
.gy_btn1{margin-top:42px;text-align: center;}
.gy_btn1 a,.gy_btn1 b{display: inline-block;width:219px;height: 58px;line-height: 58px;text-align: center;font-size:16px;color: #fff;background: #d80c18;border-radius: 29px;margin:0 8px;position:relative;overflow:hidden;}
.gy_btn1 a em,.gy_btn1 b em{padding-right:77px;background: url(../images/fw_ico2.png) no-repeat right;display: inline-block;transition: all 0.5s}
.gy_btn1 a:hover em,.gy_btn1 b:hover em{padding-right:87px;}
.gy_btn1 a:after,.gy_btn1 b:after{content:"";display:block;width:30px;height:30px;background:rgba(255,255,255,0.2);position:absolute;left:50%;top:50%;transition:all 0.5s;border-radius:50%;transform:scale(0);opacity:1;}
.gy_btn1 a:hover:after,.gy_btn1 b:hover:after{-webkit-transition: all 0.7s;-moz-transition:all 0.7s;-ms-transition: all 0.7s;-o-transition:all 0.7s;transition: all 0.7s;-webkit-animation: abdYd 0.7s ;-moz-animation: abdYd 0.7s ;-o-animation: abdYd 0.7s ;-ms-animation: abdYd 0.7s ;animation: abdYd 0.7s ;}


.news{ position: relative; padding:72px 0 84px;background: #f0f0f0}
.news .titis{margin-bottom:40px;}
.news_l{width:46.92%;float: left;position: relative;}
.news h3{height: 48px;margin-top: 20px;}
.news h3 img{vertical-align: middle;margin-right:13px;}
.news h3 em{ display: block;float: right;width: 70px;height:22px; font-size: 12px;color: #585858;text-align: center;font-weight: normal;font-family: Arial;text-transform: uppercase;border:1px solid #585858;border-radius: 8px;line-height:22px;margin-top:8px;}
.news h3 em:hover{background:#e70012;color:#fff;border-color:#e70012;}
.news h3 a{ display: block;font-size:24px;color: #333333;line-height: 24px;text-transform: uppercase; font-weight: normal;}

.news_l dt{width:100%;line-height: 0;overflow: hidden;}
.news_l dt img{width: 100%;display:block;transition: all 0.5s}

.news_l dd{width: 100%;padding: 30px 38px 0 26px;height: 211px;box-sizing: border-box;background: #fff;}
.news_l dd h4 a{font-size: 22px;color: #333333;display: block;line-height:36px;font-weight: normal;height: 36px;}
.news_l dd p{font-size: 14px;color: #6e6e6e;padding:10px 0 0;line-height:26px;}
.news_l dd em a{display: block;font-size:16px;color: #333333;margin-top:24px;}
.news_hd {z-index: 1;position: absolute;cursor: pointer;right: 46px;bottom: 32px;}
.news_hd li {width: 14px;height: 14px;background: #cecece;display: inline-block;margin: 0 0 0 10px;border-radius: 13px;vertical-align: middle;}
.news_hd li.on {background:#d80c18;}
.news_r{width:49.85%;float: right;}


.wt_qh{height: 48px;margin-top:20px;}
.wt_qh li{float:left;margin-right:18px;padding-right:23px;}
.wt_qh li a{font-size:24px;color: #333333;line-height: 24px;font-weight: normal;}
.wt_qh li:last-child{padding:0;margin: 0;background: none;}
.wt_qh em a{display: block;float: right;width: 70px;height:17px; font-size: 12px;color: #99c844;text-align: center;font-weight: normal;font-family: Arial;text-transform: uppercase;border:1px solid #99c844;border-radius: 8px;line-height:17px;}
.wt_qh li.on a{color: #84b32e;font-weight: bold;}
.news_r dl{padding-bottom:35px;position: relative;}
.news_r dt{width: 209px;height: 118px;line-height: 0;overflow: hidden;float: left;float: right;}
.news_r dt img{width: 209px;height: 118px;display:block;transition:all 0.5s;}
.news_r dl:hover dt img,.news_l dl:hover dt img{ transform:scale(1.05);}
.news_r dd{width: 378px;float: left;}
.news_r dd h4 a{font-size: 20px;color: #333;display: block;line-height: 20px;font-weight: normal;margin-top:5px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news_r dd p{font-size: 16px;color: #787878;padding:9px 0 0;line-height: 26px;}
.news_r dd span{font-size: 14px;color: #333333;padding: 8px 0 6px;line-height: 14px;font-family: "Arial";display: block;}
.news_s ul{ border-top: 1px solid #e5e5e5;box-sizing: border-box; padding-top: 28px;margin-top:11px;}
.news_s li a{display:block;font-size: 16px;line-height: 37px;color: #333333;padding-left: 24px;background: url(../images/news_ic.png) no-repeat 0 19px;}
.news_s li em{float: right;font-size: 14px;color: #999999;line-height: 37px;font-family: Arial;}
.news_s dl:hover dd h4 a,.news_l dl:hover dd h4 a,.news_s li a:hover,.news_r dl:hover h4 a{ color: #1d2088; }

.ab_bj{background: url(../images/ab_bj.jpg) no-repeat center top;height: 803px}
.about{width:1200px;margin:0 auto;padding-top:101px;text-align: center;}
.about h4{font-size:0;line-height: 0;}
.about p{font-size:16px;line-height: 32px;padding:20px 120px 0;height: 73px;color: #fff;}
.about em a{display: block;width:232px;height: 70px;line-height: 70px;text-align: center;background: url(../images/ab_btn1.png) no-repeat center;margin:0 auto;font-size:16px;color: #fff;position:relative;overflow:hidden;}
.about em a i{padding-right:77px;background: url(../images/fw_ico2.png) no-repeat right;display: inline-block;transition: all 0.5s}
.about em a:hover i{padding-right:87px;}

.about em a:after{content:"";display:block;width:30px;height:30px;background:rgba(255,255,255,0.1);position:absolute;left:50%;top:50%;transition:all 0.5s;border-radius:50%;transform:scale(0);opacity:1;}
.about em a:hover:after{-webkit-transition: all 0.7s;-moz-transition:all 0.7s;-ms-transition: all 0.7s;-o-transition:all 0.7s;transition: all 0.7s;-webkit-animation: abdYd 0.7s ;-moz-animation: abdYd 0.7s ;-o-animation: abdYd 0.7s ;-ms-animation: abdYd 0.7s ;animation: abdYd 0.7s ;}

.hz_bj{background: #fafafa;position: relative;z-index: 9}
.hz_c{height: 148px;background: #fff;box-shadow: 0 10px 20px rgba(0,0,0,0.1);margin-top:-78px;float:left;width:100%;border-radius:7px;}
.hz_c h4{float:left;width:155px;text-align: center;padding-top:33px;background:url(../images/hz_ico1.png) no-repeat right top;height: 148px;box-sizing: border-box;}
.hz_c h4 a{display: block;font-size:24px;color: #333333;line-height: 29px;}
.hz_c h4 em{font-size:16px;color: #333333;}
.hz_nr{float:left;width:1245px;padding-top:26px;}
.hz_nr li{float:left;background:url(../images/hz_ico2.jpg) no-repeat right;padding:0 13px;width:150px;overflow: hidden;}
.hz_nr li:hover img{transform: scale(1.1);}
.hz_nr li img{width:100%;transition: all 0.5s}


@keyframes abdY {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-8px);
    }
}

@keyframes abdYd {
    0%
     {
        transform: translateY(0);
    }
    100% {
        transform:scale(3);top:0;opacity:0;height:100%;width:80px;left:20%;
    }
}



@media screen and (max-width:1440px) and (min-width:1280px) {
    html {font-size:14px;}
    .content,.fw_n{width:1200px}
    
    .fw_n dt{width:680px;}
    .fw_n dd{padding:20px 0 0 50px;}
    .fw_n dd span{margin-bottom:16px;}
    .fw_n dd p{font-size:14px;}
    .fw_b dl:hover dd{padding-top:32px;}
    .fw_b dd p{padding:50px 10px 0;height: 99px;line-height:22px;font-size:14px;}
    .fw_b dl:hover dd p{padding-top:20px;font-size:14px;}
    .al_nr dd h4 a{font-size:20px;}
    .al_nr dd p{font-size:14px;}
    .gy_nr li h4 a{font-size:22px;}
    .gy_nr li p{font-size:14px;}
    .news_s ul{padding-top:20px;margin:0;}
    .news_r dl{padding-bottom:30px;}
    .hz_nr{width:1045px;}
    .hz_nr li{width:140px;padding:0 4px;}
    .ys_a{width:520px;height:520px;background-size:100% 100%;padding-top:30px;top:90px;}
    .ys_a i{width:465px;height:auto;margin-left:27px;}
    .ys_a i img{width:100%;}
    .ys_qh li:nth-child(2){top:367px;}
    .ys_qh li:nth-child(1) h4:before{width:422px;}
    .ys_qh li:nth-child(2) h4:before{width:360px;}
    .ys_qh li:nth-child(3) h4:before{width:390px;}
    .ys_qh li:nth-child(4){top:366px;}
    .ys_qh li:nth-child(4) h4:before{width:330px;}
    .ys_tel{top:105px;left:109px;}
    }
	   
}
@media screen and (max-width:1600px) and (min-width:1441px){
    html {font-size:16px;}
   
}
@media screen and (max-width:1920px) and (min-width:1601px)  {
    html {font-size:20px;}
}



@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }