@charset "utf-8";

body{font-family:"Arial";overflow-x:hidden;}

a{text-decoration: none;}

a:hover{text-decoration: none;}

em,i{font-style: normal;}

.titis{height: 91px;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: 16px;}

#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: 22px 0 24px;background: #ffffff;}

.news .titis{margin-bottom: 30px;}

.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; height:350px;}



.news_l dd{width: 100%;padding: 30px 38px 0 26px;height: 211px;box-sizing: border-box;background: #f0f0f0;}

.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: 47px;color: #333333;padding-left: 24px;background: url(../images/news_ic.png) no-repeat 0 25px;}

.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: 703px;}

.about{width: 600px;margin:0 auto;padding-top:101px;text-align: right;float:left;}

.about h4{font-size:0;line-height: 0;}

.about p{font-size:16px;line-height: 35px;/* padding:20px 120px 0; *//* height: 73px; */color: #fff;width: 600px;text-align:left;}

.about em a{display: block;width: 382px;height: 90px;line-height: 90px;text-align: center;background: url(../images/ab_btn1.png) no-repeat center;margin:0 auto;font-size: 14px;color: #fff;position:relative;overflow:hidden;}


.about em a i{padding-right: 17px;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: 43px;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 43px;width:150px;overflow: hidden;}

.hz_nr li:hover img{transform: scale(1.1);}

.hz_nr li img{width: 130%;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 30px;}

    .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 }



				.footWrap{height: 229px;background:url(../images/footbg.jpg) no-repeat center top;color: #fff;position: relative;padding-top: 53px;font-size:14px;line-height:28px;}
				.f_logo{width: 180px;padding:28px 0 0;font-size:12px;line-height:22px;}
				.f_logo h2{ width:164px; height:96px;}
				.f_logo h2 img{ display:block;width:164px;}
				
				
				
				
				
				
		@media only screen and (min-width: 1200px) and (max-width: 1440px) {

 .f_nav{width: 1000px;}
 .f_nav1{width: 450px;padding: 25px 0 0 10px;float:left;}

   

}

@media only screen and (min-width: 1600px) and (max-width: 1920px) {

.f_nav{width: 1200px;}
.f_nav1{width: 550px;padding: 25px 0 0 10px;float:left;}

}

				
			
				.f_nav1 span{display:block;font-size: 18px;height:46px;line-height:46px;color: #ffffff;border-bottom: dotted 1px #38342f;font-weight:bold;margin-bottom:8px;}
				.f_nav1 p a{float:left;width: 100px;/* font-weight:bold; */}
				.f_nav1 p a:nth-child(2n-1){/* width:155px; */}
				.footWrap a{ color:#fff;}
				.f_pho{background:url(images/f_pho.png) no-repeat 0 16px;padding:0 0 0 36px;height:54px;font-weight:bold;line-height:22px;white-space: nowrap;}
				.f_pho b{font-size:24px;color:#fdc01c;line-height:25px;display:block;}
				.code{ width:190px;}
				.code p em{ display:block; width:98px; height:98px; margin:0 auto; overflow:hidden; position:relative;}
				.code p em img{ display:block; width:92px; height:92px;background:#fff;padding:3px;}
				.code p em:after{content: '';
					display: block;
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 40px;
					content: "";
					animation: light 5s infinite;
					-webkit-animation: light 5s infinite;}
				.code p em:hover:after{ background:url(images/code_shadow2.png) no-repeat 0 0;}
				@keyframes light {
					0% {
						top: 0;
					}
					50% {
						top: 100%;
					}
					100% {
						top: -40px;
					}
				}
			
/*友情链接*/
.link{height:71px;line-height:62px;position: relative;z-index: 9;font-size: 16px;color: #aaabae;border-top: 1px solid #53555f;background: #1c2333;}
.link a{display: inline-block;color: #aaabae;padding: 0 14px;}