@charset "utf-8";

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

/**/
.fuw{ padding:55px 0 60px;font-size: 0;}
.fuw h2,.about h2{font-size: 34px;color: #ff6f2c;font-weight: normal; background:url(../images/index/fuw_line.png) no-repeat center 55px;height: 98px;text-align: center;}
.fuw h2 a{font-size: 34px;color: #ff6f2c;}

.fuw .slide-top,.about .slide-top{font-size: 34px;color: #ff6f2c;font-weight: normal; background:url(../images/index/fuw_line.png) no-repeat center 55px;height: 98px;text-align: center;}
.fuw .h2 a{font-size: 34px;color: #ff6f2c;}

.fuw ul li{width: 210px;height: 195px;float: left;text-align: center;font-size: 20px;color: #666; margin-right:37px;-webkit-transition:transform .3s;transition:transform .3s;}
.fuw ul li a{font-size: 20px;color: #666;}
.fuw ul li span{display: block; padding:130px 0 0;z-index: 100;position: relative;}
.fuw .fuw_li05{margin: 0;}
.fuw .fuw_li01{ background-image:url(../images/index/fuw_k01.gif); background-position:-1px 0;}
.fuw .fuw_li02{ background-image:url(../images/index/fuw_k01.gif); background-position:-248px 0;}
.fuw .fuw_li03{ background-image:url(../images/index/fuw_k01.gif); background-position:-495px 0;}
.fuw .fuw_li04{ background-image:url(../images/index/fuw_k01.gif); background-position:-742px 0;}
.fuw .fuw_li05{ background-image:url(../images/index/fuw_k01.gif); background-position:-989px 0;}
.fuw ul li:hover{color: #e46a31; background-image:url(../images/index/fuw_k02.gif);-webkit-transform:translate(0,-10px);transform:translate(0,10px);}

/**/
.plan_bg{background: #f0f0f0;font-size: 0; padding:50px 0 55px;}
.plan h2,.chanp h2,.jz h2{height: 130px;text-align: center;font-weight: normal; background:url(../images/index/fuw_line.png) no-repeat center 85px;}
.plan h2 a,.chanp h2 a,.jz h2 a{font-size: 34px;color: #e46a31;-webkit-transition:transform .3s;transition:transform .3s; display:inline-block;}
.plan h2 span,.chanp h2 span,.jz h2 span{display: block;font-size: 20px;color: #666; padding:20px 0 0;}
.plan h2 a:hover,.chanp h2 a:hover,.jz h2 a:hover{-webkit-transform:translate(0,-10px);transform:translate(0,5px);}

.plan .h2,.chanp .h2,.jz .h2{height: 130px;text-align: center;font-weight: normal; background:url(../images/index/fuw_line.png) no-repeat center 85px;}
.plan .h2 a,.chanp .h2 a,.jz .h2 a{font-size: 34px;color: #e46a31;-webkit-transition:transform .3s;transition:transform .3s; display:inline-block;}
.plan .h2 span,.chanp .h2 span,.jz.h2 span{display: block;font-size: 20px;color: #666; padding:20px 0 0;}
.plan .h2 a:hover,.chanp .h2 a:hover,.jz .h2 a:hover{-webkit-transform:translate(0,-10px);transform:translate(0,5px);}

.plan .h2 span,.chanp .h2 span,.jz .h2 span{display: block;font-size: 20px;color: #666; padding:20px 0 0;}

.fuw ul li h2 {
    display: block;
    padding: 130px 0 0;
    z-index: 100;
    position: relative;
    height: auto;
    font-size: 20px;
    color: #666;
}
.plan_l{width: 239px;height: 540px; border-bottom:#c4c4c5 1px solid;}
.plan_l ul li{width: 239px;height: 108px;}
.plan_l ul li a{font-size: 20px;color: #484848;display: block;width: 239px;height: 108px;text-align: center;line-height: 160px;overflow: hidden;}
.plan_l .plan_li01 a{ background-image:url(../images/index/plan_k01.gif);}
.plan_l .plan_li02 a{ background-image:url(../images/index/plan_k01.gif); background-position:0 -114px;}
.plan_l .plan_li03 a{ background-image:url(../images/index/plan_k01.gif); background-position:0 -228px;}
.plan_l .plan_li04 a{ background-image:url(../images/index/plan_k01.gif); background-position:0 -342px;}
.plan_l .plan_li05 a{ background-image:url(../images/index/plan_k01.gif); background-position:0 -456px;}
.plan_l ul li a:hover,.plan_l ul li.on a{color: #fff; background-image:url(../images/index/plan_k02.gif);}
.plan_qie{width: 960px;height: 540px;overflow: hidden;}
.plan_qie img{width: 960px;height: 540px;}
.plan_desc{font-size: 16px;color: #fff;line-height: 28px;width: 920px;height: 56px;position: absolute;bottom: 0;left: 0; padding:15px 20px; background:url(../images/index/plan_picbg.png) repeat;}


.ppx {
    height: 33px;
    margin: 0 auto;
    width: 333px;
}
.ppx p {
    float: left;
}
.ppx h1 {
    float: left;
    font-size: 32px;
    font-weight: normal;
}


/**/
.cp_bg{ background:url(../images/index/cp_bg.gif) repeat-x;height: 632px; padding:42px 0 0;font-size: 0;overflow: hidden;}
.chanp h2{height: 127px;}
.cp_t{width: 1200px;height: 112px; display:inline-block;}
.cp_t ul li{width: 240px;height: 112px;float: left;position: relative;}
.cp_t ul li a,.cp_t ul li h3{font-size: 22px;color: #333;display: block;width: 240px;height: 112px;float: left;text-align: center;line-height: 145px;overflow: hidden;}
.cp_t .cp_li01 a{ background-image:url(../images/index/cp_k01.jpg);}
.cp_t .cp_li02 a{ background-image:url(../images/index/cp_k01.jpg); background-position:-240px 0;}
.cp_t .cp_li03 a{ background-image:url(../images/index/cp_k01.jpg); background-position:-480px 0;}
.cp_t .cp_li04 a{ background-image:url(../images/index/cp_k01.jpg); background-position:-720px 0;}
.cp_t .cp_li05 a{ background-image:url(../images/index/cp_k01.jpg); background-position:-960px 0;}
.cp_t ul li a:hover,.cp_t ul li.on a{color: #fff; background-image:url(../images/index/cp_k02.jpg);}
.cp_t ul li .cp_list{width: 1200px; display:none;height: 75px;line-height: 75px;position: absolute;top: 112px;left:0;}
.cp_t ul li .cp_list a,.cp_t ul li .cp_list h3{font-size: 20px;color: #666; text-align:left; background:none;height: 75px;line-height: 75px;width: 150px;display: block;float: left;}
.cp_t ul li { font-weight:normal; font-size:20px;}

.cp_t ul li .cp_list a:hover{color: #e16830; background:none;}
.cp_t ul li.on .cp_list{display: block;}
.cp_t .cp_li05 .cp_list{left:-975px;}
.cp_t .cp_li05 .cp_list a{float: right;text-align:right;}

.cp_qie{ display:inline-block;width: 1200px;padding:75px 0 0;}
.cp_qie ul li{width: 221px;float: left; padding:0 23px 0 0;}
.cp_qie ul li img{width: 219px;height: 219px;box-shadow: 0 3px 10px 3px #eae9e9;}
.cp_btn{display: block;*display: inline;*zoom: 1;position: relative;height:219px;border:1px solid #fff;width:219px;}
.cp_btn:before,.cp_btn:after{content: '';position: absolute;z-index: 1;overflow: hidden;left: 50%;height: 0px;width: 20%;border: 1px solid #e16830;-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;}
.cp_btn:before{top: -1px;border-bottom: 0;}
.cp_btn:after{bottom: -1px;border-top: 0;}
.cp_btn:hover:before,.cp_btn:hover:after{width: 100%;height: 219px;-webkit-transition: width .3s ease-in, height .2s ease-out .3s;transition: width .3s ease-in, height .2s ease-out .3s;}
.cp_qie ul li b{display: block;font-size: 14px;color: #666;-webkit-transition:transform .3s;transition:transform .3s; background:url(../images/index/cp_ico01.png) no-repeat 20px 20px;height: 60px;line-height: 60px;overflow: hidden; padding:0 0 0 50px;}
.cp_qie ul li a:hover b{color: #e46a31;-webkit-transform:translate(-10px,0);transform:translate(-10px,0);}


.cp_qie ul li h3{display: block;font-size: 14px;color: #666;-webkit-transition:transform .3s;transition:transform .3s; background:url(../images/index/cp_ico01.png) no-repeat 20px 20px;height: 60px;line-height: 60px;overflow: hidden; padding:0 0 0 50px;}
.cp_qie ul li a:hover h3{color: #e46a31;-webkit-transform:translate(-10px,0);transform:translate(-10px,0);}


.cp_qie .nobor{padding: 0;}

/**/
.ys_bg{ background:url(../images/index/ys_bg.gif) repeat-x;height: 1167px;font-size: 0;overflow: hidden;}
.ys h2,.liuc h2{font-size: 34px;color: #fff;font-weight: normal; background:url(../images/index/ys_line.png) no-repeat center 140px; padding:50px 0 0;height: 144px;text-align: center;}
.ys h2 span,.liuc h2 span{display: block;font-size: 20px; padding:20px 0 0;}


.ys .h2,.liuc .h2{font-size: 34px;color: #fff;font-weight: normal; background:url(../images/index/ys_line.png) no-repeat center 140px; padding:50px 0 0;height: 144px;text-align: center;}
.ys .h2 span,.liuc .h2 span{display: block;font-size: 20px; padding:20px 0 0;}

.ys_l{width: 600px; padding:82px 0 0;}
.ys_l dl{ padding:25px 0 0;width: 600px;height: 180px;position: relative;z-index: 10;}
.ys_l .ys_dl04{height: 182px;}
.ys_l dl dt{width: 223px;height: 138px; border:#c6c6c6 1px solid;float: left;overflow: hidden;line-height:0;}
.ys_l dl dt img,.news dt img,.photo_m ul li img{width: 223px;height: 138px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.ys_l dl dt img:hover,.news 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);}
.ys_l dl dd{width: 332px;float: left; padding:0 0 0 40px;}
.ys_l dl dd h5{font-size: 24px;color: #e36931; display:inline-block;height: 40px; padding:5px 0 0;width: 335px;}
.ys_l dl dd h5 i{display: block;float: left;width: 30px;height: 28px;background: #474747;font-size: 18px;color: #fff;text-align: center;line-height: 28px;overflow: hidden; margin:0 10px 0 0;}
.ys_l dl dd p{font-size: 16px;color: #666;line-height: 30px;}
.ys_l dl dd em{color: #333; padding:0 10px 0 0;}
.ys_l dl:after{ display:none; content:"";width: 960px;height: 100%;position: absolute;top: 0;right: 0;background: #474747;z-index: -1;}
.ys_l dl:hover:after{display: block;}
.ys_l dl:hover dt{ border:#fff 1px solid;}
.ys_l dl:hover dd h5,.ys_l dl:hover dd p{color: #fff;}
.ys_l dl:hover dd h5 i{background: #ec5f1f;}
.ys_l dl:hover dd em{color: #b2b2b2;}
.ys_r{width: 600px; padding:82px 0 0;}
.ys_r img{width: 600px;height: 822px;}

/**/
.liuc_bg{ background:url(../images/index/liuc_bg.jpg) no-repeat center 0;height: 440px;overflow: hidden;}
.liuc h2{ background-position:center 152px; padding:65px 0 0;height: 140px;}
.liuc h2 a{font-size: 34px;color: #fff;}

.liuc .h2{ background-position:center 152px; padding:65px 0 0;height: 140px;}
.liuc .h2 a{font-size: 34px;color: #fff;}

.liuc_m{ background:url(../images/index/liuc_k.png) no-repeat;width: 1200px;height: 90px; display:inline-block;overflow: hidden;}
.liuc_m ul li{font-size: 16px;color: #fff;width: 150px;float: left;text-align: center;height: 90px;line-height: 150px;overflow: hidden;}
.liuc p{ padding:40px 0 0;width: 130px;margin:0 auto;}
.liuc p a{ background:url(../images/index/liuc_btn.png) no-repeat;width: 130px;height: 42px;text-align: center;
line-height: 42px;display: block;float: left;font-size: 16px;color: #e26930;}
.liuc p a:hover,.news dd span a:hover{animation:shake .5s linear;-webkit-animation:shake .5s linear;}

/**/
.jz_bg{ background:url(../images/index/jz_bg.jpg) no-repeat center 0;font-size: 0;height: 560px; padding:50px 0 0;overflow: hidden;}
.jz dl{width: 585px;float: left;}
.jz dl dt{width: 224px;height: 224px;float: left;padding: 1px;}
.jz dl dt img{width: 224px;height: 224px;}
.jz dl dd{width: 320px;float: left; padding:20px 0 0 20px;}
.jz dl dd h5{font-weight: normal;}
.jz dl dd h5 a{width: 330px;display: block;font-size: 20px;color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.jz dl dd h5 a:hover{color: #e46a31;}
.jz dl dd h5 i{display: block;font-size: 14px;color: #333; padding:5px 0 0;}
.jz .jz_desc{font-size: 14px;color: #666;height: 96px;line-height: 24px;overflow: hidden; padding:10px 0 0;}
.jz dl dd span{display: block;width: 34px; margin:35px 0 0;}
.jz dl dd span img{width: 34px;height: 34px;
-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;}
.jz dl dd span img:hover {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.jz .nobor{float: right;}
.jz .nobor dt{padding: 0;}

/**/
.hz{ padding:35px 0 0;}
.hz_m ul li{width: 170px;height: 85px;float: left; border-bottom:#d5d5d5 1px solid; border-top:#d5d5d5 1px solid; border-right:#d5d5d5 1px solid;}
.hz_m ul li img{width: 170px;height: 85px;}

/*常见问题*/
.wd,.news{ width:400px; font-size:0; padding:42px 0 50px;}
.wd_t{height: 60px;line-height: 60px;}
.wd_t a{font-size: 20px;color: #666;}
.wd_t a:hover{color: #ff6f2c;}
.wd_t em{ font-family:Arial, Helvetica, sans-serif;font-size: 16px;color: #666; padding:0 0 0 20px;}
.wd_t span,.news_t span{display: block;float: right;line-height: 0; padding:15px 0 0;}
.wd_t span img,.news_t span img{width: 26px;height: 26px;}
.wd_t span a,.news_t span a{-webkit-transition:transform .3s;transition:transform .3s; display:inline-block;}
.wd_t span a:hover,.news_t span a:hover{-webkit-transform:translate(-10px,0);transform:translate(-10px,0);}
.wd dl{ width:400px; height:75px; border-bottom:#cbcbcb 1px dashed; padding:15px 0 0;}
.wd dt{ height:35px; line-height:30px; overflow:hidden;}
.wd dt a{ font-size:14px; color:#666; background:url(../images/index/wd_ico01.gif) no-repeat;display: block;height: 35px; padding:0 0 0 48px;}
.wd dt a:hover{color: #ff6f2c; background:url(../images/index/wd_ico02.gif) no-repeat;}
.wd dd{ font-size:14px; color:#666; padding-left:48px; line-height:30px; height:30px; overflow:hidden;}


/*公司新闻*/
.news{ width:700px;}
.news_t{ height:63px; line-height:60px;overflow: hidden;}
.news_t ul li{ float:left; padding:0 20px 0 0;}
.news_t ul li a{ font-size:20px; color:#666; display:block; height:60px;}
.news_t ul li.on a,.news_t ul li a:hover{ color:#de6730; border-bottom:#ff6f2c 3px solid;}
.news dl{ width:700px; padding:25px 0 35px; display:inline-block; overflow:hidden;}
.news dt{ width:279px; height:195px;float:left;overflow: hidden; border:#ccc 1px solid;}
.news dt img{ width:279px; height:195px;}
.news dd{ float:left; overflow:hidden; width:385px; padding:0 0 0 20px;}
.news dd h3{ height:25px; line-height:25px; overflow:hidden;}
.news dd h3 a{ font-size:16px; color:#666;}
.news dd h3 a:hover,.news_m ul li a:hover{ color:#de6730;}
.news .news_desc{ font-size:14px; color:#666; height:72px; line-height:24px;overflow: hidden; padding:15px 0 0;}
.news dd span{ display:block; padding:30px 0 0;width: 130px;}
.news dd span a{display: block;font-size: 14px;color: #fff; width:130px; height:30px;background: #ff6f2c;text-align: center;line-height: 30px;overflow: hidden;
border-radius:20px;               
-webkit- border-radius:20px;
-moz-border-radius:20px;
-o-border-radius:20px;}
.news_m ul{ background:url(../images/index/news_line.gif) no-repeat 300px 10px; width:700px; display:inline-block; overflow:hidden;}
.news_m ul li{ height:36px; line-height:36px; background:url(../images/index/news_ico.gif) no-repeat 0 19px;
width:300px; float:left; margin:0 50px 0 0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; color:#666;}
.news_m ul li a{ font-size:14px; color:#666; padding:0 0 0 25px;}

/*走进三盛机电*/
.ab_bg{ background:url(../images/index/ab_bg.jpg) no-repeat center 0; height:762px; padding:55px 0 0;font-size: 0; overflow:hidden;}
.about h2{background:url(../images/index/fuw_line.png) no-repeat center 50px;height: 89px;}
.about h2 a{font-size: 34px;color: #ec5f1f;}


.about .h2{background:url(../images/index/fuw_line.png) no-repeat center 50px;height: 89px;}
.about .h2 a{font-size: 34px;color: #ec5f1f;}

.about dl{ width:1200px; display:inline-block; overflow:hidden;}
.about dl dt{ width:599px; height:347px;float: left; border:#c8c8c8 1px solid;}
.about dl dt img{ width:599px; height:347px;}
.about dl dd{ width:550px; float:right;}
.about dl dd .index_ab{ font-size:16px; color:#666; line-height:30px; padding:12px 0 0; text-indent:2em;}
.index_ab h2{background: none;font-size: 16px;height: auto;display: inline-block;
    color: #666;
    padding: 0;
    margin: 0;
    text-indent: 0; font-weight:none;}
/**/
.photo{ padding:28px 0 0;}
.photo_t{height: 66px;line-height: 52px;width: 385px; margin:0 auto;}
.photo_t ul li{ padding:0 15px;float: left;}
.photo_t ul li a{font-size: 24px;color: #000;}
.photo_t ul li a:hover,.photo_t ul li.on a{color: #ec5f1f;}
.photo_m{}
.photo_m ul li{width: 225px;float: left; padding:0 18px 0 0;overflow: hidden;}
.photo_m ul li em{width: 225px;height: 169px;display: block;overflow: hidden;}
.photo_m ul li img{width: 225px;height: 169px;}
.photo_m .nobor{padding: 0;}

/*友情链接*/
.link{ padding:20px 0 30px;}
.link_t{ background:url(../images/index/link_ico.gif) no-repeat 0 10px; height:40px; line-height:40px;font-size: 18px;color: #333; overflow:hidden; padding:0 0 0 30px;}
.link_c{ height:30px; line-height:30px; overflow:hidden;}
.link_c a{ font-size:14px; color:#666; display:inline-block; padding:0 20px 0 0; font-weight:normal;}

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