@charset "utf-8";

body{min-width: 1200px; width: 100%;}


.yin{padding: 50px 0 0;background: #f6f6f6;}
.yin_t{text-align: center;height: 125px;}
.yin_t h2{text-align: center;font-size:32pt;margin-bottom: 20px}
.yin_t span{display: block; font-size: 16px; color: #666; text-transform: uppercase; font-weight: normal; font-family:Arial, Helvetica, sans-serif;padding: 5px 0 0;margin-top: 20px;}
.ibrand-num li{float:left;width:300px;height:93px;text-align:center;color:#333;font-size:18px;background:url(../image/yin_line.gif) no-repeat;font-weight: bold;padding: 30px 0 0;line-height: 28px;}
.ibrand-num li:first-child{background: none;}
.ibrand-num li span,.ibrand-num li i{font-size:28px;color: #2d97d3;}
.ibrand-num li b{display:block;color: #666;font-weight: normal;}

.clearfix{clear: both;}
.prolist{display: none;}
#gonav {display: none;}
.fuw{padding: 70px 0 0;}
.fuw .yin_t{height: 110px;}
h2.yin_t {text-align: center;font-size:32pt;color: #0271bd;}
.ys01{width: 45%;height: 450px;overflow: hidden;margin-top: 30px;background: #f6f6f6;float: left;position: relative;margin: 20px 2.5%;}
.ys01:nth-child(6) .ys01m ul li{height: 30px;}
.ys01 dl{width: 100%;height: 420px;padding: 20px 0 0;margin:0 auto;}
.ys01 dl dt{width: 100%;line-height: 0;}
.ys01 dl dt img{width: 58%;/* height: 235px; */margin: 0 21%;}
.ys01 dl dd{width: 96%;text-align: center;margin:30px auto 0;height: 138px;border: #cdcdcd 1px solid;position: relative;}
.ys01 dl dd h5{font-size: 21px;color: #333;width: 300px;height: 36px;line-height: 36px;margin:-18px auto 0;background: #f6f6f6;overflow:hidden;}
.ys01 .fuw_desc{width: 73%;margin:0 auto;font-size: 14px;color: #666;line-height: 22px;padding: 10px 0 0;height: 66px;overflow: hidden;}
.ys01 dl dd span{display: block; width: 54px; height: 54px; position: absolute; bottom: -27px; left: 45%;} 
.ys01 dl dd span img{width: 54px;height: 54px;}
.ys02{margin-left: -60px;}
.fuw .nobor{margin-right: -60px;}
.ys01m{width: 100%;height: 0;position: absolute;bottom: 0;left: 0;background: rgba(45,151,211,0.9);
transition:height .5s;
-moz-transition:height .5s; 
-webkit-transition:height .5s; 
-o-transition:height .5s; }
.ys01m h6{height: 66px;line-height: 66px;overflow: hidden;background:url(../image/fuw_line.gif) no-repeat center 64px;margin: 44px 0 20px;text-align: center;}
.ys01m h6 a{font-size: 26px;color: #fff;}
.ys01m ul li{font-size: 16px;color: #fff;line-height: 38px;width: 45%;float: left;height: 38px;padding: 0 2.5% 0 2.5%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-align: center;}
.ys01m ul li a{color:#fff;}
.ys01m ul li a:hover{text-decoration: underline;}
.ys01:hover .ys01m{height: 425px;}
.ys06 dl dd h5{font-size: 22px;width: 200px;}


.ban01{background:url(../image/ban01.jpg) no-repeat center 0;height: 268px;overflow: hidden;}
.ban01 p{width: 300px;text-align: center;float: right;padding: 115px 0 0;}
.ban01 span{font-size: 24px;color: #333;display: block;height: 45px;}
.ban01 a{display: block;font-size: 18px;color: #fff;width: 222px; text-align: center; height: 34px; line-height: 34px; background: #348bdd; overflow: hidden;margin:0 auto;}
.ban01 a:hover,.case dl dd span a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}


.team{background:url(../image/team_bg.jpg) no-repeat center 0;height: 785px;overflow: hidden;}
.honor{background:url(../image/team_bg.jpg) no-repeat center 0;overflow: hidden;padding:85px 0 0 0;height: 500px;}
.team_l{width: 800px;height: 800px;position: absolute;top: 15px;right: 50%;margin-right: 105px;}
.team_l img{width: 800px;height: 800px;}
.team_r{width: 690px;padding: 160px 0 0;}
.team_t{height: 80px;background:url(../image/team_line01.gif) no-repeat 5px 78px;/*! text-align: center; */font-size: 32pt;color: #0271bd;}
.team_r h4{font-size: 24px;color: #000;height: 100px;line-height: 144px;overflow: hidden;}
.team_r h4 i{font-size: 30px;}
.team01 ul li{font-size: 12px;color: #000;width: 265px;float: left;height: 52px;margin-top: 25px;background:url(../image/team_line02.gif) no-repeat;padding: 8px 0 0 30px;}
.team01 ul li i{ font-family:Arial, Helvetica, sans-serif;font-size: 52px;}
.team01 ul li span{font-size: 14px;color: #000;display: block;}
.team01 ul li:hover{background:url(../image/team_line03.gif) no-repeat;color: #12c3ae;}
.team02{padding: 45px 0 0;}
.team02 ul li{width: 220px;float: left;margin-right: 10px;}
.team02 ul li em{width: 220px;height: 165px;display: block;overflow: hidden;}
.team02 ul li em img,.case dl dt img,.news01 dl dt img{width: 220px;height: 165px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.team02 ul li em img:hover,.case dl dt img:hover,.news01 dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.team02 ul li span{ width:220px; display:block; text-align:center; height:25px; line-height:25px; padding:5px 0 0; overflow:hidden;font-size: 14px;color: #000;}
.team02m{display: none;}

.ys_bg{background:url(../image/ys_bg.jpg) no-repeat center 0;height: 715px;overflow: hidden;padding: 85px 0 0;}
.ys{padding: 70px 0 0 420px;width: 780px;}
.ys dl{float: left;height: 198px;margin: 0 1px 1px 0;}
.ys dl dt{height: 45px;line-height: 45px;overflow: hidden;font-size: 26px;color: #333;}
.ys dl dt em{display: block; width: 30px; height: 30px; line-height: 0; overflow: hidden; float: left;margin-right: 10px;margin-top: 7px;} 
.ys dl dt em img{width: 30px;height: 60px;-webkit-transition:all .5s;transition:all .5s;}
.ys dl:hover dt em img{margin-top: -30px;}
.ys dl dd{padding: 20px 0 0 40px;width: 340px;}
.ys dl dd p{font-size: 16px;color: #666;line-height: 28px;}
.ys .ys_dl01{width: 386px;}
.ys .ys_dl01:hover{background:url(../image/ys_ico01.png) no-repeat right bottom;}
.ys .ys_dl02{width: 342px;padding: 0 0 0 50px;}
.ys .ys_dl02:hover{background:url(../image/ys_ico02.png) no-repeat 0 bottom;}
.ys .ys_dl03{width: 386px;padding: 30px 0 0;height: 168px;}
.ys .ys_dl03:hover{background:url(../image/ys_ico03.png) no-repeat right top;}
.ys .ys_dl04{width: 342px;padding: 30px 0 0 50px;height: 168px;}
.ys .ys_dl04:hover{background:url(../image/ys_ico04.png) no-repeat 0 top;}


.case_bg{background:#f6f6f6 url(../image/case_line.gif) repeat-x 0 200px;padding: 75px 0 40px;}
.case_t{height: 60px;line-height: 60px;}
.case_t ul li{width: 25%; height: 60px; float: left;text-align: center;} 
.case_t ul li a{display: block;font-size: 22px; color: #333;width: 200px; height: 60px;} 
.case_t ul li em{display: block;float: left;width: 30px;height: 30px;line-height: 0;overflow: hidden;margin: 15px 10px 0 20px;} 
.case_t ul li em img{width: 30px;height: 60px;}
.case_t ul li a:hover,.case_t ul li.on a{color: #348bdd;} 
.case_t ul li a:hover em img,.case_t ul li.on em img{margin-top: -30px;}
.case_m{padding: 30px 0 0;}
.case dl{position: relative;}
.case dl dt{width: 640px;height: 480px;float: left;overflow: hidden;}
.case dl dt img{width: 640px;height: 480px;}
.case dl dd{width: 535px; height: 338px; background: #fff;padding: 40px 50px 0 60px;position: absolute;top: 54px;right: 0;} 
.case dl dd h5{height: 36px;line-height: 36px;overflow: hidden;background:url(../image/case_ico01.gif) no-repeat 0 10px;padding: 0 0 0 20px;}
.case dl dd h5 a{font-size: 24px;color: #333;display: block;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-weight: normal;}
.case dl dd h5 a:hover{color: #12c3ae;}
.case dl dd em{display: block;font-size: 16px;color: #666;padding: 5px 0 0 20px;line-height: 30px;}
.case .case_desc{font-size: 14px; color: #666; line-height: 28px; height: 112px;padding: 20px 0 0 20px; overflow: hidden;} 
.case dl dd span{display: block;padding: 20px 0 0 20px;}
.case dl dd span img{width: 98px;height: 25px;}
.case dl dd span a{display: block;width: 98px;height: 25px;}


.hz_bg{background:#f6f6f6;padding: 0 0 75px;}
.hz_m{width: 1200px;overflow: hidden;}
.hz ul li{width: 222px;height: 112px;padding:0 20px 0 0;}
.hz ul li img{width: 220px;height: 110px;}
.hz_btn{display: block;*display: inline;*zoom: 1;position: relative;height:110px;border:1px solid #e5e5e5;width:220px;}
.hz_btn:before,.hz_btn:after{content: '';position: absolute;z-index: 1;overflow: hidden;left: 50%;height: 0px;width: 20%;border: 1px solid #348bdd;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: width .3s ease-out .2s, height .2s ease-in;transition: width .3s ease-out .2s, height .2s ease-in;}
.hz_btn:before{top: -1px;border-bottom: 0;}
.hz_btn:after{bottom: -1px;border-top: 0;}
.hz_btn:hover:before,.hz_btn:hover:after{width: 100%;height: 110px;-webkit-transition: width .3s ease-in, height .2s ease-out .3s;transition: width .3s ease-in, height .2s ease-out .3s;}


.news{padding: 70px 0 60px;}
.news .yin_t{height: 90px;}
.news_t{height: 60px;line-height: 60px;background:url(../image/news_line01.gif) repeat-x 0 59px;}
.news_t ul li{width: 140px; height: 60px; float: left;margin-right: 50px;} 
.news_t ul li a{display: block;font-size: 22px; color: #808080;width: 140px; height: 60px;} 
.news_t ul li em{display: block;float: left;width: 30px;height: 30px;line-height: 0;overflow: hidden;margin: 15px 10px 0 0;} 
.news_t ul li em img{width: 30px;height: 60px;}
.news_t ul li a:hover{color: #12c3ae;background:url(../image/news_line02.gif) repeat-x 0 58px;} 
.news_t ul li a:hover em img{margin-top: -30px;}
.news_t ul li:first-child{margin-left: 430px;}

.news01{padding: 30px 0 0;}
.news01 dl{width: 1200px;height: 218px;background: #348bdd;position: relative;}
.news01 dl dt{width: 436px;height: 218px;float: left;overflow: hidden;line-height: 0;}
.news01 dl dt img{width: 436px;height: 218px;}
.news01 dl dd{width: 645px;float: left;padding: 25px 0 0 50px;}
.news01 dl dd h5{height: 55px;line-height: 55px;overflow: hidden;border-bottom: #aecaee 1px dotted;}
.news01 dl dd h5 a{font-size: 16px;color: #fff;}
.news_desc01,.news_desc02{font-size: 14px; color: #aecaee; line-height: 24px; height: 48px; overflow: hidden;padding: 8px 0 0;} 
.news01 dl dd span{display: block;padding: 15px 0 0;width: 100px;}
.news01 dl dd span a{font-size: 12px;color: #fff;display: block; width: 88px; text-align: center; height: 24px; line-height: 24px; overflow: hidden;border: #fff 1px solid;border-radius: 20px;}
.news01 dl dd span a:hover{background: #fff;color: #333;}
.news01 dl dd em{width: 60px;height: 60px;display: block;position: absolute;top: 0;right: 0;}
.news01 dl dd em img{width: 60px;height: 60px;}

.news02{width: 550px;}
.news02 dl{width: 550px;height: 120px;border-bottom: #dcdcdc 1px dashed;padding: 15px 0 0;}
.news02 dl dt{height: 30px;line-height: 30px;overflow: hidden;}
.news02 dl dt a{font-size: 14px;color: #333;}
.news02 dl dt a:hover,.news03 ul li a:hover{color: #348bdd;}
.news_desc02{ color: #737373;padding: 0;} 
.news02 dl dd span{display: block;font-size: 14px;color: #a3a3a3; font-family:Arial, Helvetica, sans-serif;padding: 5px 0 0;}

.news03{width: 550px;padding: 20px 10px 0 0;}
.news03_qie{height: 245px;overflow: hidden;}
.news03 ul li{height: 44px;line-height: 44px;overflow: hidden;border-bottom: #dcdcdc 1px dashed;}
.news03 ul li a{font-size: 14px;color: #333;display: block;float: left;width: 440px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news03 ul li b{width: 20px;display: inline-block;}
.news03 ul li span{display: block;float: right;font-size: 14px;color: #333;width: 110px;text-align: right;}


.ab_bg{background:url(../image/ab_bg.jpg) no-repeat center 0;overflow: hidden;padding: 70px 0 45px;}
.about dl{}
.about dl dt{width: 800px;height: 516px;margin: 0 auto;}
.about dl dt img{width: 800px;height: 516px;}
.about dl dd{padding: 40px 0 0;text-align: center;height: 265px;}
.about dl dd h5{height: 40px;line-height: 40px;overflow: hidden;}
.about dl dd h5 a{font-size: 16px;color: #555;}
.ab_desc{font-size: 14px;color: #555;line-height: 24px;}
.about dl dd p{padding: 10px 0;}
.about dl dd span{display: block;}
.about ul li{width: 400px;float: left;height: 40px;}
.about ul li b{font-size: 38px;color: #969696;display: block; float: left; width: 150px; font-family:Arial, Helvetica, sans-serif;text-align: center;line-height: 40px;}
.about ul li em{display: block; float: left; width: 40px; height: 40px; line-height: 0; overflow: hidden;} 
.about ul li em img{width: 40px;height: 80px;-webkit-transition:all .5s;transition:all .5s;}
.about ul li span{display: block;float: left;font-size: 18px;width: 130px;padding: 0 0 0 20px;line-height: 20px;}
.about ul li i{display: block;font-size: 12px; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}
.about ul li a{color: #6f6f6f;display: block;width: 400px;float: left;background:url(../image/ab_line01.gif) no-repeat 120px 0;height: 40px;}
.about ul li a:hover{background:url(../image/ab_line02.gif) no-repeat 120px 0;}
.about ul li a:hover,.about ul li a:hover b{color: #12c3ae;}
.about ul li a:hover em img{margin-top: -40px;}


.f_link{height: 100px;line-height: 25px;overflow: hidden;}
.f_link b{display: block;float: left;font-size: 14px;color: #333;width: 80px;}
.f_link p{font-size: 14px;color: #333;float: left;width: 1120px;}
.f_link p a{font-size: 14px;color: #333; padding:0 10px 0 0;}

.mb{display: none;}

@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}