@charset "utf-8";
/* CSS Document */
.left{float:left;}
.right{float:right;}
.clear{clear:both;margin:0px;padding:0px;height:0px;}
input{border:none;}
.main,.public_width{margin:0 auto;width:1200px}

/*幻灯*/
#focus{ position:relative; margin:0px; padding:0px; min-width:1200px; background:#056597; overflow:hidden}
/* same in slideshow.css
.main_image {width:100%;height:628px;overflow:hidden;margin:0 auto;position:relative}
.main_image ul {width:9999px;height:628px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li {float:left;width:100%;height:628px;}
.main_image li span {display:block;width:100%;height:628px}
.main_image li a {display:block;width:100%;height:628px}
div.flicking_con {width:990px;margin:0 auto;position:relative}
div.flicking_con .flicking_inner {position:absolute;top:570px;left:465px;z-index:999;width:300px;height:21px} 
div.flicking_con a {float:left;width:12px;height:12px;margin:0;padding:0;display:block;background-color: #fff;text-indent:-1000px;margin:0 3px;border-radius:6px;}
div.flicking_con a.on {background-color: #c00;}
#btn_prev, #btn_next {z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev {left:50px;}
#btn_next {right:50px;}
*/


.anli{ margin:0px; padding:100px 0px 0px 0px; height:285px; text-align:center; font-size:24px;}
.userall_2{overflow:hidden;vertical-align:middle; height:171px; padding:59px 0px; background:url(../images/fenge.jpg) no-repeat bottom;}
.userall{overflow:hidden;vertical-align:middle; height:171px; padding:59px 0px; background:url(../images/fenge.jpg) no-repeat bottom;}
.userall li{float:left;}
.userall .user1{ width:258px; height:83px; background:url(../images/changshangLOGO@hui.png) no-repeat;}
.userall .user1:hover{ width:258px;height:83px; background:url(../images/changsangLOGO2.png) no-repeat;}
.userall .user2{width:232px;height:83px;background:url(../images/changshangLOGO@hui.png) -258px 0px no-repeat;}
.userall .user2:hover{ width:232px;height:83px; background:url(../images/changsangLOGO2.png) -258px 0px no-repeat;}
.userall .user3{ width:196px; height:83px; background:url(../images/changshangLOGO@hui.png) -490px 0px no-repeat;}
.userall .user3:hover{ width:196px;height:83px; background:url(../images/changsangLOGO2.png) -490px 0px no-repeat;}
.userall .user4{ width:139px; height:83px; background:url(../images/changshangLOGO@hui.png) -686px 0px no-repeat;}
.userall .user4:hover{ width:139px;height:83px; background:url(../images/changsangLOGO2.png) -686px 0px no-repeat;}
.userall .user5{ width:224px; height:83px; background:url(../images/changshangLOGO@hui.png) -825px 0px no-repeat;}
.userall .user5:hover{ width:224px;height:83px; background:url(../images/changsangLOGO2.png) -825px 0px no-repeat;}
.userall .user6{ width:150px; height:83px; background:url(../images/changshangLOGO@hui.png) -1049px 0px no-repeat;}
.userall .user6:hover{ width:150px;height:83px; background:url(../images/changsangLOGO2.png) -1049px 0px no-repeat;}
.userall .user7{ width:258px; height:85px; background:url(../images/changshangLOGO@hui.png) 0px -85px no-repeat;}
.userall .user7:hover{ width:258px;height:85px; background:url(../images/changsangLOGO2.png) 0px -85px no-repeat;}
.userall .user8{ width:232px; height:85px; background:url(../images/changshangLOGO@hui.png) -258px -85px no-repeat;}
.userall .user8:hover{ width:232px;height:85px; background:url(../images/changsangLOGO2.png) -258px -85px no-repeat;}
.userall .user9{ width:196px; height:85px; background:url(../images/changshangLOGO@hui.png) -490px -85px no-repeat;}
.userall .user9:hover{ width:196px;height:85px; background:url(../images/changsangLOGO2.png) -490px -85px no-repeat;}
.userall .user10{ width:139px; height:85px; background:url(../images/changshangLOGO@hui.png) -686px -85px no-repeat;}
.userall .user10:hover{ width:139px;height:85px; background:url(../images/changsangLOGO2.png) -686px -85px no-repeat;}
.userall .user11{ width:224px; height:85px; background:url(../images/changshangLOGO@hui.png) -825px -85px no-repeat;}
.userall .user11:hover{ width:224px;height:85px; background:url(../images/changsangLOGO2.png) -825px -85px no-repeat;}
.userall .user12{ width:150px; height:85px; background:url(../images/changshangLOGO@hui.png) -1049px -85px no-repeat;}
.userall .user12:hover{ width:150px;height:85px; background:url(../images/changsangLOGO2.png) -1049px -85px no-repeat;}

/*产品*/
.content{ height:630px; overflow:hidden; background:#f9fafc; min-width:1200px;}
.pruduct{ margin:150px 0px; padding-right:640px; height:332px; overflow:hidden; background:url(../images/beifen.jpg) 800px no-repeat;}
.pruduct h2,.pruduct2 h2,.pruduct3 h2{ font-weight:normal; font-size:30px;}
.pruduct_nr{ background:url(../images/blue_dian.jpg) 0px 28px no-repeat; line-height:24px; color:#585858; text-indent:18px; padding:20px 0px 10px 0px;}
.btn-more{border:1px solid #2f95c5;color:#FFF;padding:8px 30px;font-size:14px;line-height:20px;vertical-align:middle}
.btn-more:hover{color:#ffffff;background:#056597;text-decoration:none;}
.pruduct_anli{ padding-top:30px; background:url(../images/yinhao.png) 0px 22px no-repeat; padding-left:33px; font-style:italic;line-height:20px; color:#585858; font-size:12px}
.cite{ font-size:12px;color:#585858; background:url(../images/anli_beifen.jpg) no-repeat right; line-height:55px; padding-right:60px;}
.pruduct2{ margin:150px 0px; padding-left:626px; height:332px; overflow:hidden; background:url(../images/qianyi.jpg) 120px no-repeat;}
.pruduct3{ margin:150px 0px; padding-right:640px; height:332px; overflow:hidden; background:url(../images/gaokeyong.jpg) 800px no-repeat;}
.pruduct2 .cite{ font-size:12px;color:#585858; background:url(../images/anli_yewuqianyi.png) no-repeat right; line-height:55px; padding-right:60px;}
.pruduct3 .cite{ font-size:12px;color:#585858; background:url(../images/anli_gaokeyong.jpg) no-repeat right; line-height:55px; padding-right:60px;}

.zixun{ height:250px; padding:100px 0px; overflow:hidden; background:#f9fafc;position:relative;min-width:1200px;margin:0 auto;}
.news{ width:560px; color:#666}
.news h3{ color:#0bc3e2; font-size:16px; line-height:28px; border-bottom:1px solid #e2e2e2; margin-bottom:10px;}
.news ul li{ line-height:28px; font-size:14px}
#tabs{position:relative; margin:80px 0px}
.menu1box {position:relative;overflow:hidden;}
#menu1{font-size:30px;}
#menu1 span{cursor:pointer;}
#menu1 span a{ color:#333; font-weight:normal;}
.main1box {clear:both; padding-top:30px;}
#main1 ul {display: none;}
#main1 a{padding-right:15px;}
#main1 ul.block {display: block;}

div.main_image ul li
{
animation-name: fadeIn; /*动画名称*/
animation-duration: 4s; /*动画持续时间*/
animation-iteration-count: 1; /*动画次数*/
animation-delay: 0s; /*延迟时间*/

-moz-animation: fadeIn 4s;
-moz-animation-iteration-count: 1; /*动画次数*/
-moz-animation-delay: 0s; /*延迟时间*/

-webkit-animation: fadeIn 4s; 
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0s; /*延迟时间*/

-o-animation: fadeIn 4s; /*动画名称*/
-o-animation-iteration-count: 1; /*动画次数*/
-o-animation-delay: 0s; /*延迟时间*/
}

@keyframes fadeIn {
0% {
opacity: 0; /*初始状态 透明度为0*/
}
50% {
opacity: 0.5; /*中间状态 透明度为0*/
}
100% {
opacity: 1; /*结尾状态 透明度为1*/
}
}

@-moz-keyframes fadeIn {
0% {
opacity: 0; /*初始状态 透明度为0*/
}
50% {
opacity: 0.5; /*中间状态 透明度为0*/
}
100% {
opacity: 1; /*结尾状态 透明度为1*/
}
}

@-webkit-keyframes fadeIn {
0% {
opacity: 0; /*初始状态 透明度为0*/
}
50% {
opacity: 0.5; /*中间状态 透明度为0*/
}
100% {
opacity: 1; /*结尾状态 透明度为1*/
}
}

@-o-keyframes fadeIn {
0% {
opacity: 0; /*初始状态 透明度为0*/
}
50% {
opacity: 0.5; /*中间状态 透明度为0*/
}
100% {
opacity: 1; /*结尾状态 透明度为1*/
}
}