@charset "utf-8";

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

/**/
.four{padding: 0 0 15px;}
.four_l{width: 960px;padding: 88px 0 0;}
.four_l dl{width: 480px;height: 205px;float: left;}
.four_l dl dt{color: #e94822; font-family:"宋体"; font-size: 26px;height: 76px;overflow: hidden;position: relative;}
.four_l dl dt i{font-size: 46px;display: block; float: left; width: 76px; height: 76px; text-align: center; line-height: 76px;overflow: hidden;position: absolute;top: 0;left: 0;} 
.four_l dl dt span{display: block;float: left;padding: 0 0 0 25px;line-height: 100px;overflow: hidden;font-weight: bold;}
.four_l dl dt em{display: block; float: left; width: 76px;}
.four_l dl dt img{width: 76px;height: 76px;
-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;}
.four_l dl:hover dt img {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.four_l dl dd{font-size: 18px;color: #666;padding: 10px 0 0;line-height: 32px;}
.four_l dl dd b{display: block;color: #333;overflow: hidden;}
.four_r{width: 240px;margin: -35px -50px 0 0;z-index: 20;position: relative;}
.four_r p{width: 290px;height: 290px;}
.four_r p img{width: 290px;height: 290px;}
.four_r span{color: #fff; font-family:"宋体"; font-size: 22px;display: block;width: 168px;margin:-30px 0 0 60px;height: 180px;background: #e94822;padding: 50px 0 0;font-weight: bold;overflow: hidden;}
.four_r span i{padding: 42px 0 0 55px;}
.four_r span em,.four_r span i{display: block;float: left;width: 28px;text-align: center;line-height: 24px;}
.four_r:hover span{background: #e8241a;}

/*产品中心*/
.cp_bg{ background:url(../images/cp_bg.jpg) no-repeat center 0;height:865px;padding: 80px 0 0; overflow:hidden;}
.cp_t{height: 126px;text-align: center;}
.cp_t em{color: #fff; font-family:"宋体"; font-size: 54px;display: block;line-height: 60px;}
.cp_t span{display: block;font-size: 20px;color: #b1b1b1;padding: 6px 0 0;font-weight: normal;height: 30px;line-height: 30px;}
.cp_t i{color: #e94822;}
.cp_t b{color: #2c2c2c;}

.cp_tit{position: absolute;top: 96px;left: 330px;}
.cp_tit ul li{width: 160px;float: left;height: 52px;padding: 0 10px;}
.cp_tit ul li a{font-size: 20px;color: #fff;display: block;float: left; width: 160px; text-align: center; height: 52px; line-height: 52px; background: #e94822; overflow: hidden;border-radius:5px;} 
.cp_tit ul li a:hover{ background: #e8241a;}

.cp_l{width: 718px;position: absolute;top: 226px;left: 0;}
.cp01{padding: 0 0 40px;}
.cp01 h3{width: 86px;height: 160px;float: left;position: relative;background: #e94822;}
.cp01 h3 a{width: 86px;height: 160px;display: block;position: relative;z-index: 4;}
.cp01 h3 a:hover{background: #e8241a\9;}/* IE6、IE7、IE8支持 */
.cp01 h3:after{content:"";position:absolute;width:100%;height:0;background-color:#e8241a;bottom:0;left:0;-webkit-transition:height .3s;transition:height .3s;}
.cp01 h3:hover:after{height:100%;}

.cp01_t{ background:url(../images/cp_k.gif) no-repeat;height: 159px;display: block;float: left;width: 381px;padding: 1px 0 0 1px;}
.cp01 ul li{width: 127px; height: 53px; text-align: center; line-height: 52px; float: left;font-size: 20px; color: #302725;position: relative;}
.cp01 ul li a{font-size: 20px; color: #302725;}
.cp01 ul li a:hover,.cp01 ul li.on a,.cp01 ul li b{font-weight: bold;font-size: 18px;color: #e94822;}
.cp01 ul li em{width: 23px;height: 31px;display: block;position: absolute;top: 7px;left: 6px;}
.cp01 ul li em img{width: 23px;height: 31px;}

.cp01_m{width: 250px;height: 160px;float: left;}
.cp01_qie{ background: rgba(0,0,0,0.8);width: 250px;height: 135px;padding: 25px 0 0;}
.cp01_qie p{font-size: 20px;color: #fff;line-height: 34px;height: 34px;}
.cp01_qie p em{width: 26px;display: block;float: left;padding: 5px 10px 0 30px;line-height: 0;}
.cp01_qie p em img{width: 26px;height: 25px;}
.cp01_qie span{ display: inline-block;padding: 15px 0 0 12px;width: 230px;}
.cp01_qie span i,.cp01_qie span b{display: block; font-size: 18px; color: #fff; float: left; width: 60px; text-align: center; height: 24px; line-height: 24px; background: #e94822;margin-left: 18px;}
.cp01_qie span b{ font-size: 20px; width: 105px;}

.cp_r{width: 660px;padding: 385px 0 0;}
.cp_r p{width: 660px;height: 180px;}
.cp_r p img{display: block;width: 276px;height: 156px;float: left;padding: 0 0 0 54px;}
.cp_r ul li{font-size: 14px; color: #fff; float: left; width: 82px; height: 88px; text-align: center;border: #673b2f 1px solid;line-height: 18px;margin-left: 44px;} 
.cp_r ul li em{display: block;width: 30px;margin:0 auto;padding: 14px 0 6px;line-height: 0;}
.cp_r ul li em img{width: 30px;height: 25px;}
.cp_r ul li i{display: block;}
.cp_r ul li:hover{border: #ea532f 1px solid;}
.cp_r ul li:first-child{margin-left: 64px;}

/*优势*/
.ys_bg{ background:url(../images/ys_bg.gif) no-repeat center 0;height:533px;padding: 50px 0 0; overflow:hidden;}
.ys .cp_t{height: 115px;}
.ys .cp_t span{color: #f7c8c2;}
.ys_l{width: 434px;height: 434px;padding: 50px 0 0;}
.ys_qie{width: 434px;height: 434px;position: relative;line-height: 0;}
.ys_qie p{font-size: 14px; color: #ccc; line-height: 46px; overflow: hidden; text-align: center; position: absolute; top: 30px; left: 0;width: 330px;} 
.ys_qie p span{display: block;}
.ys_r{padding: 33px 0 0;width: 702px;margin-right: -1px;}
.ys_r ul li{width: 295px;height: 153px;float: left;margin:0 0 1px 1px;padding: 20px 30px 0 25px;}
.ys_r ul li i{display: block;font-size: 22px;color: #fff;height: 50px;line-height: 50px;overflow: hidden;}
.ys_r ul li span{display: block;font-size: 14px;color: #f6c3bc;line-height: 26px;height: 90px;overflow: hidden;padding: 10px 0 0;}
.ys_r ul li:hover,.ys_r ul li.on{background: #e8241a;}
.ys_r ul li:hover i,.ys_r ul li.on i{font-weight: bold;}
.ys_r ul li:hover span,.ys_r ul li.on span{color: #f6bcbb;}

/*视频*/
.video_bg{ background:url(../images/video_bg.jpg) no-repeat center 0;height:562px;padding: 56px 0 0; overflow:hidden;}
.video .cp_t em,.news .cp_t em,.about .cp_t em{color: #2c2c2c;}
.video .cp_t span,.news .cp_t span,.about .cp_t span{color: #666;}
.video_l{font-family:"宋体";padding: 280px 0 0;width: 300px;}
.video_l p{width: 150px;float: left;text-align: center;-webkit-transition:transform .3s;transition:transform .3s;}
.video_l p b{display: block;font-size: 28px;line-height: 32px;height: 84px; background:url(../images/video_ico01.gif) no-repeat center 80px;color: #333;}
.video_l p i{display: block;}
.video_l p span{display: block;font-size: 18px;color: #666;padding: 12px 0 0;}
.video_l p:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.video_c{width: 340px;padding: 45px 0 0 132px;}
.video_btn{width: 340px;height: 340px;margin:0 auto;cursor: pointer;}
#open_window {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); } 
.video_m {background:#eee; width: 600px;height: 450px; z-index: 1; margin: 10% auto; overflow: auto; } 
.xx {font-size: 22px;color: #000; cursor: pointer; position: absolute; top: 0; right: 0;width: 30px;text-align: center; height: 30px; line-height: 30px; background: #fff; z-index: 10;} 
.video_con {width: 600px; height: 450px; overflow: hidden;}
.video_con img{width: 600px; height: 450px;}

/*品质*/
.pin{margin-top: -25px;padding:0 0 10px;}
.pin_m dl dt{width: 177px;height: 177px;margin:0 auto;}
.pin_m dl dt img{width: 177px;height: 177px;display: block; transition: all 0.3s ease-in-out 0s;}
.pin_m dl dt:hover img{ transform: rotateY(180deg);}
.pin_m dl dd{text-align: center;padding: 0 0 10px;}
.pin_m dl dd span{display: block;font-size: 26px;color: #e94822;height: 40px;}
.pin_m dl dd p{font-size: 18px;color: #666;line-height: 35px;height: 70px;overflow: hidden;padding: 15px 0 0;}
.pin_m dl dd p i{display: block;}
.pin_bot{ background:url(../images/pin_k.jpg) no-repeat 0 13px;height:303px; overflow:hidden;}
.pin_bot ul li{font-size: 24px;color: #701a00;width: 300px;height: 303px;float: left;line-height: 150px;text-align: center;}
.pin_bot ul li em{ display: none; width: 50px;line-height: 0;padding: 0 15px 0 0;}
.pin_bot ul li em img{width: 50px;height: 66px;vertical-align:middle;}
.pin_bot ul li:hover,.pin_bot ul li.on{color: #e94822;font-weight: bold; background:url(../images/pin_ico01.gif) no-repeat center top;}
.pin_bot ul li:hover em,.pin_bot ul li.on em{display:inline-block;}

/*资讯中心*/
.news_bg{ background:#f5f5f5 url(../images/news_line.png) no-repeat center 189px;padding: 70px 0; overflow:hidden;}
.news_t{height: 70px;}
.news_t ul li{float: left; padding:0 30px 0 5px;height: 70px;line-height: 70px;overflow: hidden;}
.news_t ul li a{font-size: 18px;color: #333;display: block;height: 70px;background:url(../images/news_ico01.gif) no-repeat 0 25px;padding: 0 0 0 15px;}
.news_t ul li a:hover,.news_t ul li.on a{font-weight: bold;background:url(../images/news_ico02.gif) no-repeat 0 25px;}
.news_m dl{width: 380px;float: left;overflow: hidden;margin-right: 30px;}
.news_m dl dt{width: 380px;height: 190px;line-height: 0;}
.news_m dl dt img{width: 380px;height: 190px;display: block;border-radius:10px;}
.news_m dl dt a{-webkit-transition:transform .3s;transition:transform .3s; display:inline-block;}
.news_m dl dt a:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.news_m dl dd{width: 370px; padding:10px 0 0;margin:0 auto;}
.news_m dl dd h5{height: 40px;line-height: 40px;overflow: hidden;}
.news_m dl dd h5 a{display: block;font-size: 18px;color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;float: left;width: 280px;}
.news_m dl dd h5 a:hover{color: #e94822;}
.news_m dl dd h5 i{display: block;font-size: 14px;color: #666;float: right;width: 90px;text-align: right;font-weight: normal;}
.news_m .news_desc{font-size: 16px;color: #666;line-height: 26px;height: 52px;overflow: hidden; padding:3px 0 0;}
.news_m .nobor{margin-right: 0;}

/*关于我们*/
.ab_bg{ background:url(../images/news_line.png) no-repeat center 189px;padding: 70px 0 0; overflow:hidden;}
.about dl{width: 1125px;height: 405px;background: #e94822;margin-top: 60px;padding: 45px 30px 0 45px;}
.about dl dt{width: 530px;height: 354px;float: right;overflow: hidden;}
.about dl dt img{width: 530px;height: 354px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.about dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.about dl dd{width: 520px;float: left;padding: 20px 0 0;}
.about dl dd h5{height: 50px;line-height: 50px;overflow: hidden;font-weight: normal;}
.about dl dd h5 a{font-size: 30px;color: #fff;}
.about .ab_desc{font-size: 18px;color: #f7c5be;line-height: 32px;height: 160px;overflow: hidden;padding: 30px 0 0;}
.about dl dd span{display: block;padding: 40px 0 0;}
.about dl dd span a{font-size: 18px;color: #f7c5be;}
.about dl dd span a:hover{color: #fff;}

/**/
.ti_bg{ background:url(../images/ti_bg.jpg) no-repeat center 0;height: 430px; overflow:hidden;}
.ti_main{padding: 142px 0 0;width: 830px;float: right;}
.ti_t{height: 100px;}
.ti_t ul li{font-size: 20px;color: #fff; background:url(../images/ti_k01.png) no-repeat;width: 191px; height: 60px; line-height: 60px; overflow: hidden; float: left;margin-right: 10px;} 
.ti_t ul li em{display: block; float: left; line-height: 0; width: 30px;padding: 15px 10px 0 25px;} 
.ti_t ul li em img{width: 30px;height: 26px;}
.ti_t ul li a{font-size: 20px;color: #fff;}
.ti_t ul li:hover,.ti_t ul li.on{ background:url(../images/ti_k02.png) no-repeat;}
.ti_qie{width: 800px;height: 106px;background: #f7f7f7;}
.ti_qie p{font-size: 16px;color: #666;line-height: 30px;width: 725px;margin:0 auto;padding: 35px 0 0; position:relative;}
.ti_qie p span{ display:block; position:absolute; top:0; right:0;}
.ti_qie p span a{font-size: 14px;color: #fff;display:block;width:149px;text-align:center;height:106px;line-height:106px;overflow:hidden; position:absolute; top:0; right:0;z-index:10;}

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