@charset "utf-8";
/* CSS Document */

/*banner*/
#banner {position:relative;}
#banner ul {position:relative;}
#banner ul li{position:absolute;top:0;left:0;display:none;}
#banner ul li:first-child{display:block;}
#banner p.btn_list {position:absolute;bottom:0px;left:48%;padding:0px 10px; height:25px;border-radius:10px;}
#banner p.btn_list span {display:inline-block;width:14px;height:14px; border-radius:7px;margin:0 3px;cursor:pointer;background:#FFF;text-indent:-10000px;}
#banner p.btn_list span:hover,#banner p.btn_list span.current{background:#f58d1a;}


/*注塑工程*/
#case{ width:963px; margin:10px auto;}
#case .case_tit{ margin:30px 0px 20px 0px;}
#case .app .ul_case{display:block;}
#case .app .ul_case li{ display:inline-block; zoom:1; *display:inline; vertical-align:top; position:relative; width:300px; height:201px; overflow:hidden; margin:0px 8px; border:1px #dddddd solid;}
#case .app .ul_case li .img{ width:300px; height:201px; position:absolute; left:0; margin-top:0;}
#case .app .ul_case li .img img{ width:300px; height:201px;}
#case .app .ul_case li .text{ position:absolute; display:none; margin-left:0; margin-top:0; z-index:10; background:url(../images/case_bg.png) no-repeat; height:201px; width:300px; text-align:left; padding:10px;}
#case .app .ul_case li .text span { color:#fff; font-size:16px; display:block; margin-bottom:8px; font-weight:bold }
#case .app .ul_case li .text  .conw{ padding:10px; width:260px; line-height:19px; color:#fff}
#case .case_img{ margin-top:25px;}

/*四大优势*/
#advantage{ background:#f6f6f6; padding:25px 0px;}
.advantage{ width:963px; margin:0px auto;}
.advantage .adv ul li{ float:left; width:194px; margin:0px 23px; _margin:0px 20px;}
.advantage .adv ul li h4{ font-weight:normal; text-align:center; font-size:18px; line-height:30px;}
.advantage .adv ul li p{ text-align:justify; word-break:break-all; width:194px; line-height:23px;}
.character360 { width: 194px; height: 194px; background:url(../images/adv_01.png) no-repeat left top; -webkit-background-size: 194px 194px;
 -moz-background-size: 194px 194px; background-size: 194px 194px; -webkit-border-radius: 110px; border-radius: 110px; -webkit-transition: -webkit-transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out; -o-transition: -o-transform 0.2s ease-out; -ms-transition: -ms-transform 0.2s ease-out;}
.character360:hover { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}
.character361 { width: 194px; height: 194px; background:url(../images/adv_02.png) no-repeat left top; -webkit-background-size: 194px 194px;
 -moz-background-size: 194px 194px; background-size: 194px 194px; -webkit-border-radius: 110px; border-radius: 110px; -webkit-transition: -webkit-transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out; -o-transition: -o-transform 0.2s ease-out; -ms-transition: -ms-transform 0.2s ease-out;}
.character361:hover { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}
.character362 { width: 194px; height: 194px; background:url(../images/adv_03.png) no-repeat left top; -webkit-background-size: 194px 194px;
 -moz-background-size: 194px 194px; background-size: 194px 194px; -webkit-border-radius: 110px; border-radius: 110px; -webkit-transition: -webkit-transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out; -o-transition: -o-transform 0.2s ease-out; -ms-transition: -ms-transform 0.2s ease-out;}
.character362:hover { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}
.character363 { width: 194px; height: 194px; background:url(../images/adv_04.png) no-repeat left top; -webkit-background-size: 194px 194px;
 -moz-background-size: 194px 194px; background-size: 194px 194px; -webkit-border-radius: 110px; border-radius: 110px; -webkit-transition: -webkit-transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out; -o-transition: -o-transform 0.2s ease-out; -ms-transition: -ms-transform 0.2s ease-out;}
.character363:hover { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}

/*我们的团队*/
#team{ margin:20px 0px;}
.team{ margin:0px auto; width:963px;}
.team .team_tit{ margin:10px auto;}
.team .team_img img{ max-width:963px; position:!important;}


.hr_img{ height:6px; margin:0px; padding:0px; background:url(../images/hr_01.jpg) repeat-x;}


/*关于我们*/ 
#about{ background:#f4f4f4; border-bottom:#eceaeb 1px solid;}
#about .about{ width:963px; margin:0px auto;}
.about .about_left{ float:left; width:640px;}
.about .about_left .about_nr .about_img{ float:left; margin-left:10px; background:url(../images/yiny.jpg) bottom no-repeat; padding-bottom:11px;}
.about .about_left .about_nr .about_img img{ border:#CCC 1px solid; padding:1px;}
.about .about_left .about_nr .about_txt{ float:right; width:305px; color:#6a646e;}
.about .about_left .about_nr .about_txt h4{ color:#f48000; line-height:35px; border-bottom:#e0e0e0 1px solid;}
.about .about_left .about_nr .about_txt p{ font-size:12px; line-height:20px;}
.keh_more{ text-align:right; color:#f48000;}
.keh_more a{ color:#f48000;}
.keh_more a:hover{ color:#f00;}
.about .about_right{ float:right; width:320px; background:url(../images/ry_bg.png) no-repeat;}
.about .about_right .ryu{ width:276px; float:right;}
.about .about_right .ryu .ru_title{ color:#000000; line-height:38px; margin-left:35px;}
.about .about_right .ryu .ru_title span{ color:#63625e;}
.pro_tit{ background:url(../images/pro_right_title02.png) repeat-x; border:#d7d7d7 1px solid; height:32px; margin-bottom:10px;}
.pro_tit p{ background:url(../images/pro_right_title01.png) repeat-x; color:#fff; height:32px; width:140px; padding-left:20px; line-height:35px; float:left}
.pro_tit span{ display:block; background:url(../images/more.png) no-repeat; float:right; line-height:32px; width:50px; text-align:right; padding-right:15px;}
span a{ color:#464646; font-size:13px;}
span a:hover{ color:#f00;}
#slides{ height:162px;}
.slides_img img{ width:227px; height:160px; border:#c7c7c7 1px solid;}
#slides .next,#slides .prev { position:relative; top:-130px; left:15px; width:24px; height:43px; display:block; z-index:101;}
#slides .prev img{ width:9px; height:22px;}
#slides .next img{ width:9px; height:22px;}
.slides_container { width:227px; height:205px; overflow:hidden; position:relative; margin-left:33px;}
#slides .next { position:relative; top:-173px; left:267px;}
.pagination li{ display:none;}

.xc{ margin-top:20px; padding-bottom:20px;}
/*首页*/
div.indexmaindiv{height:200px;margin:0px auto;width:950px;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:21px;height:28px;background:url(../images/arrowhead.png) no-repeat left top;margin:80px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoleft:hover{float:left;width:21px;height:28px;background:url(../images/arrowhead.png) no-repeat left -28px;margin:80px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.detailimg{width:208px;height:181px;}
div.indexmaindiv1 div.detailimg img{width:208px;height:181px;}
div.indexmaindiv1 div.stylesgoright{float:left;width:21px;height:28px;background:url(../images/arrowhead.png) no-repeat left -56px;margin:80px 0px 0px 5px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoright:hover{float:left;width:21px;height:28px;background:url(../images/arrowhead.png) no-repeat left -84px;margin:80px 0px 0px 5px;cursor:pointer;}
/*滚动*/
div.maindiv1{float:left; width:890px; height:200px; overflow:hidden; position:relative;}
div.maindiv1 ul{position:absolute; left:0; top:0;}
div.maindiv1 ul li{float:left; width:208px; height:200px; margin-left:12.7px; text-align:center; color:#272525;}
div.maindiv1 ul li a{ color:#272525;}
div.maindiv1 ul li a:hover{ color:#f00;}


/*动态 代码样式*/ 
#news{ background:#f7f5f6; margin-top:1px; padding-bottom:20px;}
#news .news{ width:963px; margin:0px auto; padding-top:20px;}
.d_title{ color:#3c3a3a; border-bottom:#dfdfdf 1px solid; margin-bottom:5px;}
.d_title h1{ color:#f48000; font-size:40px; font-style:oblique; float:left;}
.d_title h4{ padding-left:10px; width:100px; float:left;}
.d_title span{  background:url(../images/more.png) no-repeat; float:right; line-height:32px; color:#464646; width:51px; text-align:right; padding-right:10px;}

#news .news .news_d{ width:321px; float:left;}
#news .news .news_d .d_img{ width:314px; margin:0px auto;}
#news .news .news_d .d_nr{ margin:0px 5px 0px 5px;}
#news .news .news_d .d_nr ul li{ color:#3c3a3a; line-height:28px; border-bottom:#d0d0d0 1px dashed; font-size:12px;}
#news .news .news_d .d_nr ul li img{ margin-bottom:11px; margin-right:5px;}
#news .news .news_d .d_nr ul li span{ float:right;}
#news .news .news_d .d_nr ul li a{ color:#3c3a3a;}
#news .news .news_d .d_nr ul li a:hover{ color:#f00;}
.ff{ width:36px; float:left;}
.ff{ width:36px; float:right;}
#news .news .news_n{ width:551px; float:right; margin-left:8px;}
#news .news .news_n .n_nr ul li{ color:#3c3a3a; line-height:28px; border-bottom:#d0d0d0 1px dashed; font-size:12px;}
#news .news .news_n .n_nr ul li img{ margin-bottom:11px; margin-right:5px;}
#news .news .news_n .n_nr ul li span{ float:right;}
#news .news .news_n .n_nr ul li a{ color:#3c3a3a;}
#news .news .news_n .n_nr ul li a:hover{ color:#f00;}


/*创基世界*/
.shijie{ width:960px; margin:20px auto; border:#cecece 1px solid; }
.shijie ul li{ text-align:center; float:left; margin-left:14px; line-height:30px;}
.shijie ul li img{ width:171px; height:104px; border:#cecece 1px solid; padding:1px;}
.shijie ul li a{ color:#353535;}
.shijie ul li a:hover{ color:#f00;}


/*合作伙伴*/
.partner{ width:963px; margin:30px auto 15px auto;}
.partner ul li{ float:left; margin-left:8px; text-align:center; line-height:35px;}
.partner ul li a{ color:#353535;}
.partner ul li a:hover{ color:#f00;}