@charset "utf-8";

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

/**/
.yin{padding: 60px 0;}
.yin_t{font-size: 38px;color: #333;height: 80px;line-height: 80px;overflow: hidden;text-align: center;background:url(../images/yin_line.gif) no-repeat center 78px;}
.yin_t a{color: #333;}
.ibrand-num{overflow:hidden;margin:45px 0 0;}
.ibrand-num li{float:left;width:200px;height:110px;text-align:center;color:#f08425;font-size:50px;font-weight: bold;}
.ibrand-num li i{display: block;font-size: 16px;color: #333;padding-bottom: 5px;line-height: 30px;height: 30px;}
.ibrand-num li span{font-size:50px;line-height: 50px;}
.ibrand-num li b{display:block;font-size: 16px;color: #333;line-height: 24px;height: 24px;}

/*合作客户*/
.hz{padding: 0 0 50px;}
.hz_t{height: 40px;line-height: 40px;text-align: center;background:url(../images/hz_ico01.gif) no-repeat 400px 0;}
.hz_t a{font-size: 18px;color: #333;}
.hz_qie{width: 1200px;overflow: hidden;padding: 25px 0 0;}
.hz ul li{width: 220px;float: left;line-height: 0;padding-right: 20px;}
.hz ul li span{display: block;width: 220px;text-align: center;font-size: 14px;color: #333;height: 30px;line-height: 30px;overflow: hidden;padding: 10px 0 0;}
.hz ul li img{width: 218px;height: 123px;}
.hz_btn{display: block;*display: inline;*zoom: 1;position: relative;width: 218px;height: 123px;border:1px solid #e1e1e1;}
.hz_btn:before,.hz_btn:after{content: '';position: absolute;z-index: 1;overflow: hidden;left: 50%;height: 0px;width: 20%;border: 1px solid #1d2088;-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: 123px;-webkit-transition: width .3s ease-in, height .2s ease-out .3s;transition: width .3s ease-in, height .2s ease-out .3s;}

/**/
.cp_bg{background: #efefef;padding: 60px 0 100px;}
.cp_t{font-size: 38px;color: #333;height: 90px;line-height: 40px;overflow: hidden;text-align: center;background:url(../images/yin_line.gif) no-repeat center 88px;}
.cp_t a{color: #333;}
.cp_t span{font-size: 20px;display: block;font-weight: normal;padding: 3px 0 0;}

.cp_l{width: 292px;margin-top: 60px;background: #fff;}
.cp_nav h3 {height: 68px;line-height: 68px; background:#1d2088;overflow: hidden;}
.cp_nav h3 a{ font-size: 22px;color: #fff;padding-left: 18px;background:url(../images/cp_ico06.png) no-repeat 260px 25px;}
.cp_nav h3 a:hover{background:url(../images/cp_ico04.png) no-repeat 255px 30px;}
.cp_l dt {height: 48px;line-height: 48px;background:#d4d4d4;overflow: hidden;}
.cp_l dt a{font-size: 16px;color: #1d2088;padding-left: 18px;font-weight: bold;background:url(../images/cp_ico07.png) no-repeat 260px 18px;}
.cp_l dt a:hover{background:url(../images/cp_ico05.png) no-repeat 255px 22px;}

.cp_l p {height: 42px;line-height: 42px;padding-left: 18px; border-bottom: 1px solid #ececec;overflow: hidden;width: 128px;float: left;}
.cp_l p a{font-size: 14px;color: #333;}
.cp_l p a:hover{color: #f08425;}
.cp_l a {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.cp_r{width: 898px;margin-top: 60px;}
.cp_r01{margin-bottom: 12px;background: #fff;}
.cp_lc{width: 298px;height: 422px;position: relative;padding: 90px 0 0;}
.cp_lm ul li{width: 298px;line-height: 0;overflow: hidden;}
.cp_lm ul li em{display: block;width: 298px;height: 224px;line-height: 0;overflow: hidden;}
.cp_lm ul li img,.cp_rc ul li img,.ys_m dl dt img,.case_m dl dt img,.news01 dl dt img,.about dl dt img,.photo_m ul li img{width: 298px;height: 224px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.cp_lm ul li img:hover,.cp_rc ul li img:hover,.ys_m dl dt img:hover,.case_m dl dt img:hover,.news01 dl dt img:hover,.about dl dt img:hover,.photo_m ul li img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.cp_lm ul li span{display: block;width: 298px;height: 30px;line-height: 30px;overflow: hidden;font-size: 20px;color: #333;text-align: center;padding: 20px 0 0;}
.cp_lm ul li:hover span{font-weight: bold;color: #1d2088;}
.cp_qie{position: absolute;bottom: 45px;left: 115px;width: 100px;}
.cp_qie ul li{width: 10px;height: 10px;border-radius: 50%;margin-right: 20px; text-indent: -9999px;z-index: 20;float: left;background: #999;}
.cp_qie ul li.on{background: #1d2088;}

.cp_rc{width: 600px;height: 512px;background: #fff;overflow: hidden;}
.cp_rc ul li{width: 300px;float: left;line-height: 0;height: 256px;box-shadow:inset 4px 4px 8px 0 rgba(0,0,0,0.1);}
.cp_rc ul li img{width: 280px;height: 210px;}
.cp_rc ul li em{display: block;width: 280px;height: 210px;line-height: 0;overflow: hidden;margin: 10px auto 0;}
.cp_rc ul li span{display: block;width: 230px;height: 30px;line-height: 30px;overflow: hidden;font-size: 14px;color: #333;padding-left: 70px;background:url(../images/cp_ico03.png) no-repeat 30px 10px;margin-top: -10px;position: relative;}

/*致敬品质*/
.pinz{background:url(../images/pinz_bg.jpg) no-repeat center 0;height: 860px;overflow: hidden;padding: 90px 0 0;}
.pinz dl{width: 355px;height: 240px;background: #efefef;border-radius: 20px 0;}
.pinz dl dt{height: 70px;line-height: 70px;overflow: hidden;font-size: 16px;color: #333;font-weight: bold;width: 285px;margin: 0 auto;background:url(../images/pinz_ico03.gif) no-repeat right 32px;}
.pinz dl dt i{color: #1d2088;font-size: 24px;padding-left: 10px;}
.pinz dl dd{width: 355px;height: 170px;}
.pinz dl dd p{font-size: 14px;color: #333;line-height: 26px;height: 104px;overflow: hidden;background:url(../images/pinz_ico01.gif) no-repeat 0 34px;width: 285px;margin: 0 auto;border-top: #c3c6ca 1px solid;padding: 25px 0 0 20px;}
.pinz dl:hover dt{background:url(../images/pinz_ico04.gif) no-repeat right 32px;}
.pinz dl:hover dt i{color: #f08425;}
.pinz dl:hover dd{background: #f08425;border-top: #f08425 1px solid;border-radius:0 0 20px 0;}
.pinz dl:hover dd p{background:url(../images/pinz_ico02.gif) no-repeat 0 34px;color: #fff;border-top: none;}
.pinz dl.pinz_dl02{margin-top: 130px;}
.pinz_l{width: 350px;padding-top: 20px;position: relative;z-index: 10;height: 672px;overflow: hidden;}
.pinz_c{width: 543px;height: 543px;position: absolute;top: 150px;left: 330px;}
.pinz_c img{width: 543px;height: 543px;
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
-ms-transition: -ms-transform 0.5s ease-out;}
.pinz_c img:hover {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.pinz_bot{height: 78px;line-height: 78px;overflow: hidden;padding-left: 175px;}
.pinz_bot ul li{font-size: 18px;color: #fff;font-weight: bold;float: left;background:url(../images/pinz_ico05.gif) no-repeat 0 29px;padding:0 72px 0 30px;-webkit-transition:transform .3s;transition:transform .3s;}
.pinz_bot ul li:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}


/*优势*/
.ys_bg{background:url(../images/ys_bg.jpg) no-repeat center 0;height: 822px;overflow: hidden;padding: 68px 0 0;}
.ys_t{padding: 45px 0 0 105px;height: 90px;}
.ys_t ul li{float: left;width: 265px;font-size: 24px;color: #fff;height: 60px;overflow: hidden;position: relative;cursor: pointer;}
.ys_t ul li em{display: block;float: left;width: 40px;height: 40px;line-height: 0;overflow: hidden;padding: 0 12px 0 0;}
.ys_t ul li em img{width: 40px;height: 40px;}
.ys_t ul li b{display: block;float: left;font-size: 24px;color: #333;width: 200px;line-height: 24px;}
.ys_t ul li i{display: block;font-size: 12px;font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;font-weight: normal;}
.ys_t ul li{
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;}
.ys_t ul li:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #1d2088;
  height: 3px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.ys_t ul li:hover:before {right: 35%;}
.ys_t ul li.on{ background:url(../images/ys_line01.gif) no-repeat 0 57px;}
.ys_m dl dt{width: 833px;height: 543px;float: right;line-height: 0;overflow: hidden;}
.ys_m dl dt img{width: 833px;height: 543px;}
.ys_m dl dd{width: 267px;height: 443px;background: #f08425;float: left;padding: 100px 50px 0;position: relative;z-index: 10;}
.ys_m dl dd:before{content: "";width: 0;height: 0;position: absolute;right: -20px;top: 112px;
border-left:20px solid #f08425; 
border-top:20px solid transparent;
border-bottom:20px solid transparent;
}
.ys_m dl dd h5{font-size: 32px;color: #fff;height: 75px;line-height: 32px; background:url(../images/ys_line02.gif) no-repeat 0 71px;margin-bottom: 25px;}
.ys_m dl dd h5 i{display: block;font-size: 14px;color: #f8c8aa;text-transform: uppercase;font-family:Arial, Helvetica, sans-serif;font-weight: normal;}
.ys_m dl dd p{font-size: 14px;color: #f9d3bd;line-height: 24px;padding: 20px 0 0 20px; background:url(../images/ys_ico01.gif) no-repeat 0 25px;}
.ys_m dl dd span{display: block;width: 227px;padding: 50px 0 0;}
.ys_m dl dd span a{display: block;font-size: 16px;color: #fff; background:url(../images/ys_btn.gif) no-repeat;width: 160px;height: 51px;line-height: 50px;overflow: hidden;padding-left: 67px;}
.ys_m dl dd span a:hover,.ban01_r em a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

/*广告条*/
.ban01{background:url(../images/ban01.jpg) no-repeat center 0;height: 152px;overflow: hidden;}
.ban01_l{font-size: 20px;color: #333;line-height: 40px;padding: 12px 0 0;width: 530px;}
.ban01_l b{display: block;font-size: 34px;}
.ban01_l i{color: #1d2088;}
.ban01_r{width: 380px;padding: 30px 0 0;}
.ban01_r span{display: block;float: left;width: 220px; background:url(../images/ban_tel.png) no-repeat 0 13px;padding-left: 45px;font-size: 14px;color: #333;line-height: 26px;}
.ban01_r b{display: block;font-size: 26px;}
.ban01_r em{display: block;float: left;width: 115px;padding-top: 5px;}
.ban01_r em a{display: block;font-size: 14px;color: #333;width: 115px;text-align: center;height: 40px;line-height: 40px;background: #fff;overflow: hidden;border-radius: 30px;}

/*客户见证*/
.case_bg{ padding: 65px 0 70px;overflow: hidden;}
.case_t{height: 60px;overflow: hidden;padding: 40px 0 0;background:url(../images/case_line01.gif) repeat-x 0 99px;line-height: 60px;overflow: hidden;}
.case_t ul li{height: 60px;line-height: 60px;float: left;overflow: hidden;padding: 0 40px;background:url(../images/case_bor.gif) no-repeat 0 22px;}
.case_t ul li a{font-size: 16px;color: #333;display: block;height: 60px;font-weight: bold;}
.case_t ul li a:hover{color: #f08425;background:url(../images/case_line02.gif) repeat-x 0 56px;}
.case_t span{float: right;}
.case_t span a{font-size: 14px;color: #666;text-transform: uppercase;}
.case_t ul li:first-child{background: none;padding-left: 0;}
.case_m{padding: 20px 0 0;margin-left: -30px;}
.case_m dl{ height: 438px; overflow: hidden;width: 363px;float: left;background: #efefef;margin: 10px 0 10px 30px;} 
.case_m dl:hover{background: #fff;box-shadow: 0 3px 8px 3px #d9d9d9;}
.case_m dl dt{width: 363px;height: 272px;overflow: hidden;line-height: 0;}
.case_m dl dt img{width: 363px;height: 272px;}
.case_m dl dd{width: 310px;margin: 0 auto;}
.case_m dl dd h5{height: 65px;line-height: 65px;overflow: hidden;width: 310px;border-bottom: #d9d9d9 1px solid;}
.case_m dl dd h5 a{font-size: 18px;color: #333;display: block;float: left;width: 220px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_m dl dd h5 a:hover{color: #f08425;}
.case_m dl dd h5 span{display: block;float: right;width: 90px;text-align: right;font-size: 14px;color: #333;}
.case_m .case_desc{font-size: 14px; color: #666; line-height: 25px; height: 50px; overflow: hidden;padding: 15px 0 0;} 
.case em{ width:44px; height:12px;position: absolute;top: 430px;display: block;z-index: 20;cursor: pointer;-webkit-transition:transform .3s;transition:transform .3s;}
.case em img{ width:44px; height:12px;}
.case_l{left: -100px;}
.case_l:hover{-webkit-transform:translate(-10px,0);transform:translate(-10px,0);}

/*新闻动态*/
.news_bg{background: #efefef;padding: 40px 0 60px; height:575px; overflow:hidden;}
.news_t{padding: 40px 0 0;height: 80px;width: 300px;margin: 0 auto;}
.news_t ul li{height: 40px;float: left;width: 150px;background:url(../images/news_bor.gif) no-repeat 0 14px;}
.news_t ul li a{font-size: 20px;color: #333;display: block;float: left;height: 40px;line-height: 40px;width: 150px;text-align: center;}
.news_t ul li a:hover,.news_t ul li.on a{font-weight: bold;background:url(../images/news_line02.gif) no-repeat center 36px;}
.news_t ul li:first-child{background: none;}
.news01{width: 600px;}
.news01 dl dt{width: 600px;height: 300px;overflow: hidden;line-height: 0;position: relative;}
.news01 dl dt img{width: 600px;height: 300px;}
.news01 dl dt span{display: block; width: 115px; height: 85px; background: #1d2088; position: absolute; bottom: 0; left: 0;font-size: 16px;color: #fff;font-weight: bold; font-family:Arial, Helvetica, sans-serif;padding: 20px 0 0 20px;z-index: 20;} 
.news01 dl dt i{display: block;font-size: 34px;line-height: 50px;}
.news01 dl dd{padding-top: 35px;width: 600px;background:url(../images/news_line.gif) no-repeat 467px 45px;height: 100px;}
.news01 dl dd span{display: block;float: right;width: 120px;text-align: center;height: 100px;line-height: 100px;overflow: hidden;}
.news01 dl dd span a{font-size: 18px;color: #333;}
.news01 .news_r{width: 440px;}
.news01 dl dd h5{height: 30px;line-height: 30px;overflow: hidden;font-weight: normal;}
.news01 dl dd h5 a{font-size: 22px;color: #1a1a1a;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 100%;}
.news01 dl dd h5 a:hover,.news01 dl dd span a:hover,.news02 dd h5 a:hover{color: #1d2088;}
.news_desc{font-size: 14px; color: #666; line-height: 24px; height: 48px; overflow: hidden;padding: 10px 0 0;} 

.news02{width: 555px; border-top:#e3e3e3 1px solid;}
.news02 dl{ width:555px;height: 92px; border-bottom:#e3e3e3 1px solid; padding:15px 0 0;}
.news02 dt{width: 100px;float: left;font-size: 16px;color: #666;line-height: 32px;font-family:Arial, Helvetica, sans-serif;text-align: right;padding-top: 5px;}
.news02 dt i{display: block;font-size: 30px;color: #333;}
.news02 dd{ float:left; overflow:hidden; width:395px;padding: 0 0 0 50px;}
.news02 dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.news02 dd h5 a{font-size: 16px;color: #333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 395px;}
.news02 .news_desc{padding: 0;}

/*走进三泰测控*/
.about{overflow: hidden;height: 862px;}
.about dl{ position:relative; z-index:0;}
.about dl dt{width: 100%;height: 666px;overflow: hidden;}
.about dl dt a{width: 1920px;display: block;height: 666px;position: absolute;top: 0;left: 50%;margin-left: -960px;overflow: hidden;}
.about dl dt img{width: 1920px;height: 666px;}
.about dl dd{position: relative;z-index: 10;margin-top: -150px;}
.ab_l{width: 300px;height: 254px;background: #1d2088;padding: 40px 0 0;}
.ab_l h5{padding: 0 0 0 25px;background:url(../images/ab_line.gif) no-repeat 25px 90px;height: 92px;line-height: 42px;}
.ab_l h5 a{font-size: 38px;color: #fff;}
.ab_l h5 span{display: block;font-size: 20px;font-weight: normal;}
.ab_l ul{padding: 50px 0 0;display: block;}
.ab_l ul li{width: 100px;float: left;text-align: center;background:url(../images/ab_bor.png) no-repeat 0 13px;}
.ab_l ul li em{width: 44px;height: 44px;display: block;line-height: 0;overflow: hidden;background: #fff;margin: 0 auto;border-radius: 50%;}
.ab_l ul li em img{width: 44px;height: 88px;-webkit-transition:all .5s;transition:all .5s;}
.ab_l ul li span{display: block;font-size: 14px;color: #fff;line-height: 30px;padding: 5px 0 0;}
.ab_l ul li:first-child{background: none;}
.ab_l ul li:hover em{background: #f08425;}
.ab_l ul li:hover em img{margin-top: -44px;}
.ab_r{width: 870px;padding: 160px 0 0 30px;}
.ab_r h6{height: 35px;line-height: 35px;overflow: hidden;}
.ab_r h6 a{font-size: 24px;color: #333;}
.ab_desc{font-size: 14px;color: #6e6e6e;line-height: 24px;overflow: hidden;height: 48px;}
.ab_r span{display: block;width: 110px;padding: 10px 0 0;}
.ab_r span a{font-size: 14px;color: #333;display: block;width: 105px;text-align: center;height: 30px;line-height: 30px;overflow: hidden;border-radius: 30px;border: #e4e4e4 1px solid;}
.ab_r span a:hover{border: #1d2088 1px solid;color: #1d2088;}

/*企业相册*/
.photo_bg{background:url(../images/photo_bg.jpg) no-repeat center 0;height: 283px;overflow: hidden;}
.photo_m ul li{width: 220px;float: left;margin-right: 18px;}
.photo_m ul li em{width: 220px;height: 165px;display: block;line-height: 0;overflow: hidden;}
.photo_m ul li img{width: 220px;height: 165px;}
.photo_m ul li span{width: 220px;display: block;text-align: center;font-size: 14px;color: #333;line-height: 30px;height: 30px;overflow: hidden;padding: 10px 0 0;}

/*友情链接*/
.f_link{height: 50px;line-height: 50px;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: #666; padding:0 10px 0 0;}
.f_link p a:hover{color: #333;}

/**/
@-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);}
}