.container{
	width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 1200px)
.container {
    max-width: 1140px;
}
@media (min-width: 992px)
.container {
    max-width: 960px;
}
@media (min-width: 768px)
.container {
    max-width: 720px;
}
@media (min-width: 576px)
.container {
    max-width: 540px;
}

body{overflow-x: hidden;}

.product{margin-top: 10px; border: 1px solid #f4f4f4;}
/* .part-product{padding:35px 46px !important; background-color: #f0f0f0; height: 440px;} */
.pro-text-p1{font-size: 24px; font-weight: bold; color: #999999;text-align: center;margin-top: 20px;}
.pro-text-p4{font-size: 14px; color: #999999;}
.pro-text-pic1{width: 30px;height: 4px;background-color: #0086FE;margin: 20px auto;}
.pro-text-but{margin: 0 auto;width: 120px;background-color: #0086FE;border: 1px solid #006fd3;color: #FFFFFF;text-align: center;padding: 6px;font-size: 14px;}
.pro-pic{padding: 0 !important;}
.pro-pic-item{padding: 0 2px !important; height: 160px; border: none;}
.pro-pic-item img{width:100%;height:160px;}
.pro-pic-p1{line-height: 20px;background-color: #e6e6e6;font-size: 14px;text-align: center;color: #666; margin-bottom: 2px;}

.achievement-text-p1{text-align: center; font-size: 24px; font-weight: bold; color: #999999; margin-top: 10px;}
.rhombus-title{width: 8px; height: 8px; background-color: #008aff; margin: 10px auto 20px; transform:rotate(45deg)}
.ach-pic-hover{display:none;background: rgba(0,134,254,0.8); position: relative; padding: 80px 20px 50px;}
.achievement-pic-hover:hover .ach-pic-hover{display: block; margin-top: -430px; }
.ach-pic{height: 430px; margin: 0 1px; }
.ach-pic1{background-image: url(../img/achievement-pic1.jpg);}
.ach-pic2{background-image: url(../img/achievement-pic2.jpg);}
.ach-pic3{background-image: url(../img/achievement-pic3.jpg);}
.ach-pic4{background-image: url(../img/achievement-pic4.jpg);}
.ach-pic5{background-image: url(../img/achievement-pic5.jpg);}
.ach-pic-p1{font-size: 18px; color: #FFFFFF; text-align: center;}
.ach-pic-p2{font-size: 14px; color: #FFFFFF; text-align: center;}
.ach-pic-pic{width: 40px; height: 4px; background-color: #FFFFFF; margin: 20px auto;}
.ach-pic-but{position: absolute; left: 50%; margin-left: -74px; bottom: 46px;width: 148px; height: 32px; background-color: #0086FE; border: 1px solid #006fd3; color: #FFFFFF; text-align: center; padding: 6px; font-size: 14px;box-shadow: 0 15px 15px rgba(0,0,0,0.2);}
.ach-back{background: url(../img/achievement-back-pic.jpg) no-repeat center; background-position-y:120px ;}


.news-background{background: url(../img/line-background.png) no-repeat; background-size:100% 100%; padding-bottom: 30px;}
.news{height: 450px; margin-top: 20px; padding: 40px 0 40px 80px !important; box-shadow: 0 0 10px rgba(0,0,0,0.2); background-color: #FFFFFF;}
.news-text-p1{font-size: 24px; color: #0086fe; margin-bottom: 30px;float:left; width:100%;}
.news-text-p2{width: 40%; float:left;}
.news-text-p2 a{font-size: 14px; color: #808080; line-height: 20px;}
.news-text-p3{width: 215px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news-text-p4{float: right;}
.news-text-but{margin-top:40px;width: 148px; height: 32px; background-color: #0086FE; border: 1px solid #006fd3; color: #FFFFFF; text-align: center; padding: 6px; font-size: 14px;box-shadow: 0 5px 15px rgba(0,0,0,0.2);}
.news-right{float: right; width:60%;}
.news-text-left{position: absolute;transform:rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); display: block; left: -100px; font-size: 14px; color: #cccccc;}
.news-text-right{position: absolute;transform:rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); display: block; right: -100px; font-size: 14px; color: #cccccc;}



.idea-background{background: url(../img/line-background.png) no-repeat; background-size:100% 100%;}
.idea{background-color: #f9f9f9; padding: 30px; margin: 0 10px; height: 420px;}
.idea-title-pic{width: 8px; height: 8px; background-color: #0086FE;transform:rotate(45deg); display: inline-block; margin: 5px 14px;}
.idea-text{text-align: center;}
.idea-text img{width: 98%; height: 125px; margin: 0 auto 10px;}
.idea-text a{ color: #808080; font-size:18px ;}
.idea-more{color: #0086fe; font-size: 14px;text-align: center;}
.idea-text-p1{text-align: center; color: #808080; line-height: 24px; margin-top: 20px;}
.idea-text-p1 span{color: #b3b3b3; margin-right: 40px;}





.cooen-back-pic{background: url(../img/cooen-back-pic.png) no-repeat; height: 460px;}
.cooen-text-p1{font-size: 24px; color: #FFFFFF;text-align: center; padding-top: 50px; font-weight: bold;}
.cooen-text-p2{font-size: 14px; color: #FFFFFF; text-align: center;}
/* ������ҵ�ֲ� */
#wrap{width: 100%; height: 180px; position: relative; margin: 70px auto; overflow: hidden;}
#list{position: absolute;left: 0; top: 0;margin: 0; padding: 0;-webkit-animation: 8s move infinite linear; width: 200%;}
#list li {list-style: none; float: left; margin:5px 0;}
@-webkit-keyframes move{
    0% {left: 0;}
    100% {left: -500px;}
}
@keyframes move {
    0% {left: 0;}
    100% {left: -500px;}
}
#wrap:hover #list { -webkit-animation-play-state: paused; /*������ͣ����*/}