﻿html{ width:100%; overflow-x:hidden}
body { margin: 0px auto; padding: 0px; font-family: "Microsoft YaHei" ,微软雅黑, SimSun, 宋体, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 22px; color: #485661; width: 100%; background-color: #EAEDF0; }
ul, li, dl, dd, dt, form, p, h1, h2, h3,h4,h6 { margin: 0px; padding: 0px; }
ul, li, dl, dd, dt { list-style-type: none; }
.clear { clear: both; }
a { color: #666666; text-decoration: none; }
a:hover { color: #F05A49; text-decoration: none; }
a img { border: none; }
#mainbox { margin: 0 auto; padding: 0px; width: 100%; height: auto; background-color: #fff; }
/*header*/
#header,#top{ margin: 0 auto; width: 100%; }
#top{ border-bottom:#e1def3 solid 1px;}
#top .topbox{margin: 0 auto; width: 1000px; height:42px; }
.topleft{ float:left; line-height:42px; color:#666; font-size:14px; }
.topleft span{ margin-right:20px;}
.topright{ float:right; padding-top:6px;}
.topright a{ margin-left:5px;}
#header{ background: #eafaf6; }
#header .headerbox { margin: 0 auto; width: 1000px; height: 65px;}
#logo{float:left; padding:10px 0;}
#Nav{float:right;}
#Nav .menu { float: right; clear: both; height: 32px; line-height: 32px; margin-top: 16px; }
#Nav .menu li { float: right; display: inline; margin-left: 16px; font-size: 16px; height: 30px; line-height: 30px; }
#Nav .menu li a { float:left; height:32px; color: #8199a5; padding:0 12px; line-height:32px; }
#Nav .menu li a:hover, #Nav .menu li a.selected { color: #00334d;}
#header #banner { margin: 0 auto; width: 100%; height: 510px;}
#header #banner li { display: none; width: 100%; height: 510px; line-height: 353px; background-repeat: no-repeat; background-position: center; }

#header .innerbanner{margin: 0 auto; width: 100%; height: 353px; margin-bottom:20px; display:table;}
/*header*/

#main { margin: 0 auto; width: 100%; background-color: #fff;}
#main .casetype { display:inline-block; width: 1000px; padding-top:56px; }
#main .casetype li { float: left; width: 290px; height: 307px; margin-right:64px; display: inline; background-color:#fff; padding:37px 35px 0 35px; box-sizing:border-box;}
#main .casetype li.rightli { margin-right: 0px; clear: right; }
#main .casetype li a ,#main .casetype li label { float:left; width:100%; text-align:center; padding: 0px; font-size: 18px;text-align: center; line-height:60px;}
#main .casetype li label{ padding-bottom:10px;}
#main .casetype li a img,#main .casetype li label img { width: 80px; height: 80px; }
#main .casetype li p { color: #00334d; font-size:14px;}

#main .caselist { margin: 0 auto; padding: 40px 0px; width: 100%; border-bottom: 1px solid #efefef; height:760px !important; }
.threegroup{ float:left; width:100%; background-color:#42ac8f; height:420px;}
.limitwidth,.Advantage{ width:1000px; margin:0 auto;}
#main .caselist dl,#main .advantage dl { margin: 0 auto; width: 1000px; }
#main .caselist dl dt,#main .advantage dl dt { float:left; width:100%; text-align:center; padding-bottom:30px;}
#main .caselist dt label,#main .advantage dt label { width: 145px; height: 40px;display: block; background-color: #fbfbfb; }
#main .caselist dt label span,#main .advantage dt label span { font-size: 17px; }
#main .caselist dl dd { float: left; width: 230px; height: 130px; margin-right: 25px; margin-top: 20px; display: inline; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; }
#main .caselist dl dd.rightdd { margin-right: 0px; clear: right; }
#main .caselist dl dd a img { width: 230px; height: 130px; }
#main .advantage { margin: 0 auto; height:447px; padding: 60px 0px; width: 100%; background: #ebebeb;}

#main .processlist { margin: 0 auto; margin-top: 30px; width: 1000px; display:inline-block; }
#main .processlist dt { font-size: 20px; height: 50px; line-height: 50px; background: url(../Images/line_pot.gif) repeat-x 0px 30px; }
#main .processlist dt label { width: 165px; height: 50px;display: block; background-color: #fff; }
#main .processlist dt label span { font-size: 17px; }
#main .processlist dd { float: left; width: 310px; margin-right: 35px; margin-top: 10px; display: inline; overflow: hidden;cursor:pointer; }
#main .processlist dd.rightdd { margin-right: 0px; clear: right; }
#main .processlist dd a { float: left; width: 310px; display: block; color: #485661; }
#main .processlist dd a:hover { background-color: #e8e8e8; color: #485661; }
#main .processlist dd img { float: left; width: 310px; height: 200px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; -moz-opacity: 0.90; -khtml-opacity: 0.90; opacity: 0.90; }
#main .processlist dd .process_tcn { float: left; margin-top: 15px; padding: 0px 10px; width: 290px; line-height: 25px; font-size: 20px; }
#main .processlist dd .process_ten { float: left; padding: 0px 10px; width: 290px; line-height: 23px; font-size: 13px; }
#main .processlist dd .process_txt { float: left; padding: 10px 10px 15px 10px; width: 290px; line-height: 23px; font-size: 13px; }

#main .contentbox { margin: 0 auto; width: 1000px; }
#main .contentbox .contenttitle { float: left;margin-top:0px; width: 1000px; font-size: 20px; height: 30px; line-height: 30px; }
#main .contentbox .contenttitle span { font-size: 17px; }
#main .contentbox .contenttitle .contenttime { float: right; display: inline; font-size: 12px; color: #868D93; }
#main .contentbox .contentline { float: left; margin: 30px 0px; width: 1000px; height: 1px; line-height: 1px; border-top: 1px solid #DDDDDD; }
#main .contentbox .contentinfo { float: left; margin-top: 15px; width: 1000px; line-height: 200%; font-size: 14px; overflow: hidden; }
#main .contentbox .contactinfo{ float:left; width:50%; padding-bottom:30px;}

#main .casebox { margin: 0 auto; width: 1000px; }
#main .casebox .caseleft { float: left; margin-top: 10px; width: 130px; display: inline; }
#main .casebox .caseleft .caseline { float: left; margin: 5px 0px; width: 130px; height: 1px; line-height: 1px; border-top: 1px dashed #999999; }
#main .casebox .caseleft .casetitle { float: left; width: 130px; font-size: 20px; height: 40px; line-height: 40px; }
#main .casebox .caseleft .casetitle span { font-size: 17px; }
#main .casebox .caseleft .typelist {float: left; width: 130px; }
#main .casebox .caseleft .typelist dt{float: left; padding:0 10px; width: 130px;color:#fff;background-color:#F05A49;height: 23px;line-height:23px;font-size:16px;}
#main .casebox .caseleft .typelist dd{float: left;margin-top:1px; width: 130px;font-size:14px;}
#main .casebox .caseleft .typelist dd span{float: left;padding:0 10px; width: 130px;color:#fff;background-color:#FAC9D0;line-height:25px;display:block;}
#main .casebox .caseleft .typelist dd span a{color:#000;}
#main .casebox .caseleft .typelist dd span a:hover{color:#F05A49;}
#main .casebox .caseleft .typelist dd span a.selected{color:#F05A49;font-weight:bold;}
#main .casebox .caseleft .typelist dd ul{float: left;margin-bottom:10px;padding:0 10px; width: 130px;}
#main .casebox .caseleft .typelist dd ul li{float: left; width: 130px;line-height:25px;}
#main .casebox .caseleft .typelist dd ul li a{color:#595757;}
#main .casebox .caseleft .typelist dd ul li a:hover{color:#F05A49;}
#main .casebox .caseleft .typelist dd ul li a.selected{color:#F05A49;font-weight:bold;}
#main .casebox .caseright { float: right; margin-top: 10px; width: 860px; display: inline; }
#main .casebox .caseright .caselists { float: left; width: 860px; }
#main .casebox .caseright .caselists li { float: left; width: 200px; height: 113px; margin-right: 10px; margin-top: 10px; display: inline; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; }
#main .casebox .caseright .caselists li.rightli { margin-right: 0px; clear: right; }
#main .casebox .caseright .caselists li a img { width: 200px; height: 113px; }
#main .casebox .caseright .casetitle { float: left; padding: 0px; font-size: 20px;font-weight:bold;line-height: 30px; width: 860px;text-align:center;font-family: "Microsoft YaHei" ,微软雅黑, SimSun, 宋体, Arial, Helvetica, sans-serif; }
#main .casebox .caseright .casetitle #to_prev { float: right; margin: 1px; width: 34px; height: 30px; display: block; background: url(../Images/probnt.gif) no-repeat 0px 0px; }
#main .casebox .caseright .casetitle #to_next { float: right; margin: 1px; width: 34px; height: 30px; display: block; background: url(../Images/probnt.gif) no-repeat -36px 0px; }
#main .casebox .caseright .casetitle #to_prev:hover, #main .casebox .caseright .casetitle #to_next:hover { background-image: url(../Images/probnt_hover.gif); }
#main .casebox .caseright .casetitle span { float:left;font-weight:normal;font-size:16px;}
#main .casebox .caseright .caseimg { margin: 0 auto; margin-top: 72px; width: 860px; overflow: hidden; }
#main .casebox .caseright .caseimg img { float: left; width: 860px; }
#main .casebox .caseright .caseimg .scroll { float: left; width: 860px; overflow: hidden; position: relative; }
#main .casebox .caseright .caseimg .scroll ul { float: left; width: 860px;  overflow: hidden; }
#main .casebox .caseright .caseinfo { float: left; margin-top: 15px; width: 860px; line-height: 200%; font-size: 14px; overflow: hidden; }

.prevnext { float: left; width: 100%; padding: 10px 0px; line-height: 25px; }
.prevnext a { clear: both; float: left; font-size:14px;margin:3px 0px;}

.Advantage ul li{ float:left; width:30%; border-right:#ccc solid 1px; margin:25px 3% 0 0; height:80px; padding:0 3% 0 0; font-size:14px;}
.Advantage ul li:nth-child(3){border-right:none;}

#footer { margin: 0px auto; margin-top: 30px; padding: 0px; width: 100%; background-color: #d9d9d9; color: #4a4a4a; }
#footer .footerbox { margin: 0px auto; width: 1000px; padding-top: 30px; padding-bottom: 30px; overflow: hidden; background-color: #d9d9d9; }
#footer .footerbox .footerleft { float: left; display: inline; width: 660px; overflow: hidden; }
#footer .footerbox .footerleft h2{ padding-bottom:20px;}
#footer .footerbox .footerleft .leftimage { float: left; margin-right: 20px; width: 200px; height: 290px; overflow: hidden; }
#footer .footerbox .footerleft .leftimage img { float: left; width: 200px; }
#footer .footerbox .footerleft .leftinfo { float: left; width: 440px; line-height: 22px; color: #4a4a4a; display: block; }

#footer .footerbox .footerleft .leftinfo .infocontent { float: left; width: 440px; height: 230px; overflow: hidden; font-size:14px; font-weight:normal; }
.footerleftkind{ float:left; width:100%;}
.footerleft .footerleftkind img{ width:100%;}
#footer .footerbox .footerright { float: right; padding: 0; display: inline; width: 300px; overflow: hidden; }
#footer .footerbox .footerright .footercontact{ float:left; width:300px;}
#footer .footerbox .footerright .footercontact *{ font-family:"微软雅黑";}
#footer .footerbox .footerright .footercontact h4{ float:left; width:100%; color:#fff; font-size:18px; font-weight:normal; line-height:28px;}
#footer .footerbox .footerright .footercontact h6{ float:left; width:100%; color:#eee; font-size:14px; font-weight:normal; line-height:28px; padding-bottom:5px;}
#footer .footerinfo { margin: 0px auto; width: 100%; background-color: #d9d9d9; border-top:#b3b3b3 solid 1px;}
#footer .footerinfo .infobox { margin: 0px auto; padding: 10px 0px; width: 1000px; background-color: #d9d9d9; text-align:center; position:relative; }
#footer .footerinfo .infobox .infocontent { float: left;line-height: 28px; text-align: center; }
#footer .footerinfo .infobox .dcode { width: 24px; height: 24px; margin-left: 20px;  }
.footerhonor,.footerhonor ul,.footerlogo,.footerlogo p{ float:left; width:100%; }
.footerdisplayewm{ position:absolute; top:-80px; right:120px; display:none;}
.footerdisplayewm img{ width:80px; height:80px;}
.footerhonor ul{ padding-bottom:10px;}
.footerhonor h2,.footerlogo h2,.leftinfo h2{ float:left; width:100%; color:#fff; font-size:18px; padding-bottom:10px;font-family:"微软雅黑";}
.footerhonor h2 strong,.footerlogo h2 strong,.leftinfo h2 strong{ color:#01364e;font-size:20px;}
.footerhonor h2 label,.footerlogo h2 label{ color:#42ac8f; font-weight:normal; font-size:16px; line-height:24px; float:left; width:100%;}
.footerhonor ul li{ float:left; width:40%; margin:5px 5%;}
.footerhonor ul li .btn{ padding:0;}
.footerhonor ul li .btn-danger{ border:none; background:none;}
.footerhonor ul li img{ width:100%;}
.footerlogo p label{ float:left; width:33.3%; text-align:center;}

.PageDiv { margin: 15px 0 15px 0px; padding: 3px 0 2px 0; }
.PagerClass { padding: 0px 0px 0px 0px; }
.PagerClass a { padding: 3px 6px 2px 6px; background-color: #fff; border: solid 1px #C8C8C8; color: #000; }
.PagerClass a:hover { padding: 3px 6px 2px 6px; border: solid 1px #F05A49; background: #F05A49; color: #fff; text-decoration: none; }
.PageCurrent { padding: 3px 6px 2px 6px; border: solid 1px #F05A49; background: #F05A49; color: #fff; }
.PagerButton { padding: 0 3px 0 3px; font-size: 12px; background-color: #8EC7DB; border: solid 1px #8EC7DB; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#8EC7DB); cursor: pointer; margin-left: 4px; vertical-align: middle; height: 19px; line-height: 17px; }
.PagerTextbox { background-color: #fff; border: solid 1px #C8C8C8; height: 16px; line-height: 16px; }


.languagebg{ position:fixed; width:100%; height:100%; background:url(../Images/languagebg.jpg) no-repeat center center;}
.langeagelogo{ position:absolute; width:100%; top:40px;}
.languageblack{ position:absolute; width:100%; height:80px; background-color:#000; opacity:0.5; bottom:0;}
.languageselect{ position:absolute; width:100%; height:80px; bottom:0; line-height:80px; text-align:center;}
.languageselect a{ color:#fff; font-size:24px; font-family:"微软雅黑"; margin:0 10px;}
.languagebanner1,.languagebanner2,.languagebanner3{ position:absolute; width:100%; height:100%; top:0; left:0; display:none;}
.languagebanner1{ background:url(../Images/languagebanner1.png) no-repeat center center;}
.languagebanner2{ background:url(../Images/languagebanner2.png) no-repeat center center;}
.languagebanner3{ background:url(../Images/languagebanner3.png) no-repeat center center; }

.languagebg2{ position:fixed; width:100%; height:100%; background-color:#fff;}
.languagebanner2_1,.languagebanner2_2,.languagebanner2_3{ position:absolute; width:100%; height:100%; top:0; left:0; display:none; background-size:100% !important;}
.languagebanner2_1{ background:url(../Images/001.jpg) no-repeat center center;}
.languagebanner2_2{ background:url(../Images/002.jpg) no-repeat center center;}
.languagebanner2_3{ background:url(../Images/003.jpg) no-repeat center center;}
/*资质荣誉，基地风采*/
.honor_left{ float:left; width:200px;}
.leftmain{ float:left; width:190px; margin-bottom:20px; background-color:#f3f3f3; padding:5px;}
.leftmain h2{ float:left; width:170px; font-size:16px; color:#fff; background-color:#f05a49; padding:0 10px; line-height:23px;}
.leftmain ul{float:left; width:170px; font-size:16px; padding:10px 10px 0 10px; line-height:30px;}
.leftmain ul li a{float:left; width:180px; color:#666; font-size:14px;white-space:nowrap;white-space: nowrap;text-overflow:ellipsis; overflow:hidden; }
.leftmain ul li a:hover{ color:#f05a49;}
.leftmain p{line-height:30px; font-size:14px; color:#666;}

.producecon,.flow,.producetext{ float:left; width:1000px;}
.honor_right,.honor_right ul{ float:right; width:790px;}
.honor_right h2,.producecon h2{ border-bottom:#ccc solid 1px; font-weight:normal; color:#666; font-size:14px;}
.producetext{ text-indent:30px; font-size:14px; color:#333; padding-bottom:10px;}
.honor_right ul li{ float:left; width:29%; margin-top:20px;}
.producecon{ padding:20px 0 0 0;}
.producelist{ padding:20px 0 0 0;}
.producelist li{ float:left; width:50% !important; text-align:center;}
.producelist li img{ width:98%; height:270px;}
.producelist li p{ padding:0 0 20px 0;}
.flow{ padding:20px 0;}
.flow a{ float:left; width:130px; height:60px; background-color:#00c04d; color:#fff; text-align:center; line-height:60px;}
.flow a:hover{ background-color:#009a0b;}
.flow img{ float:left; margin:14px 10px;}
.newproduce{ float:left; width:100%;}
.newproduce h2{ float:left; width:100%; text-align:center; font-size:24px;}
.newproduce p{ float:left; width:100%; font-weight:normal; color:#666; text-indent:26px;}
.newproduce table{ float:left; width:100%; border-width:1px 1px 0 0; border-color:#ddd; border-style:solid;}
.newproduce table tr td { text-align:center; border-width:0 0 1px 1px; border-color:#ddd; border-style:solid; height:40px; font-weight:normal;}
.newproduce table tr th { text-align:center; border-width:0 0 1px 1px; border-color:#ddd; border-style:solid; height:40px; font-size:18px;}
.newproduce table.contable{ border:none;}
.newproduce table.contable tr td { text-align:left;font-weight:normal; border:none; vertical-align:top;}
.newproduce p img{ max-width:100%;}
/*资质荣誉，基地风采*/
/*发展历程*/
.historymain{ float:left; width:100%; height:810px; background:url(../Images/history.png) no-repeat center top;}
.historymain ul{ position:relative; width:100%; top:0; left:0;}
.historymain ul li{ position:absolute; color:#fff; height:60px; line-height:30px;}
.historymain ul li .yearbox{ color:#d43434; font-size:24px; line-height:60px;}
.historymain ul li .monthbox{ font-size:14px; width:40px; text-align:center;background-color:#d43434;}
.historymain ul li .mainbox{ font-size:14px; width:280px;background-color:#d43434;}
.historymain ul li.left .yearbox{ float:right;}
.historymain ul li.left .monthbox{ float:right; border-left:#fff solid 1px; margin-right:8px;}
.historymain ul li.left .mainbox{ float:right; text-align:right; padding-right:10px;}
.historymain ul li.right .yearbox{ float:left;}
.historymain ul li.right .monthbox{ float:left; border-right:#fff solid 1px; margin-left:8px;}
.historymain ul li.right .mainbox{ float:left; text-align:left; padding-left:10px;}

/*.historymain p{ float:left; width:600px; font-size:16px; color:#666; padding:10px 0; border-left:#f05a49 solid 1px;}
.historymain p i{ float:left; width:8px; height:8px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-color:#f05a49; margin:10px 10px 0 -4px;}
.historymain p label{ float:left; width:120px;}
.historymain p b{ float:left; width:400px; font-weight:normal;}*/
/*发展历程*/

/*about*/
.about_honor,.about_honor ul{ float:right; width:100%; padding-bottom:10px;}
.about_honor ul li{ float:left; width:29%; margin-top:20px;}
/*about*/

*{ font-weight:bold;}

.icon-eye-open{ background:url(../Images/eye.png) no-repeat center center;}

/*模具注塑*/
.greentitle{ float:left; width:100%; background-color:#4cb034; color:#fff; line-height:40px; text-indent:10px;}
.greentitle strong{ font-size:18px;}

/*新首页样式*/
.index_main{ width:984px; margin:0 auto;}
img{ border:none;}
html,body,ul,li,h2,p{ padding:0; margin:0;}
li{ list-style:none;}
a{ text-decoration:none;}
*{ transition:all .3s; font-family:"微软雅黑";}
.index_header{ float:left; width:100%; height:64px; background-color:#fff;}
.index_logo{ float:left; width:289px; height:41px; margin:11px 0;}
.index_menu,.index_menu ul{ float:right; width:480px;}
.index_menu ul li{ float:left; width:68px; height:64px; line-height:60px; position:relative; z-index:2; margin:0 0 0 10px;}
.index_menu ul li a{ position:absolute; font-weight:normal; width:100%; height:64px; font-size:12px; color:#848484; text-align:center; top:0; left:0;}
.index_menu ul li a.active{ background-color:#f5f5f5; border-bottom:#00ba9b solid 3px; color:#00ba9b;}

.index_banner{ float:left; width:100%; height:510px; position:relative; overflow:hidden;}
.bannercontener{ position:relative; width:100%; height:2040px; position:absolute;}
.index_banner .banner{ float:left; width:100%; height:510px;}
.index_banner .banner:nth-child(1){ background:url(../Images/banner1.jpg) no-repeat center center;}
.index_banner .banner:nth-child(2){ background:url(../Images/banner2_jp.jpg) no-repeat center center;}
.bannerpage{ position:absolute; width:80px; left:50%; margin-left:-40px; bottom:20px;}
.bannerpage a{ float:left; width:8px; height:8px; box-sizing:border-box; background:none; border:#fff solid 1px; margin:0 6px; border-radius:4px;}
.bannerpage a.active{ background-color:#fff;}

.index_profile{ float:left; width:100%; height:635px; background:url(../Images/conpanyprofilebg.png) no-repeat center center; padding:70px 0; box-sizing:border-box;}
.index_profile h2{ float:left; width:100%; text-align:center; line-height:70px;}
.index_profile h2 label{ font-size:28px; color:#444444; border-bottom:#41ac8e solid 1px; padding:0 20px 4px 20px; font-weight:normal;}
.profilecon{ float:left; width:100%; padding-top:30px;}
.profilecon p{ font-size:14px; color:#575757; text-indent:30px; padding:6px 0; line-height:26px; font-weight:normal;}
.profilecert{ float:left; width:100%; text-align:center; padding-top:20px;}
.profilecert ul{overflow: hidden; width:660px;height: 161px; margin:0 auto; display:table;}
.profilecert img{ width:120px; height:175px; border:#b3b3b3 solid 3px;}
.profilecert .portfolio-item .portfolio-image{ border:none;}

.ourgoodat{ float:left; width:100%; height:512px; background:url(../Images/ourgoodat.png) no-repeat center center;}
.ourgoodat h2{ float:left; width:100%; text-align:center; line-height:70px; padding-top:68px;}
.ourgoodat h2 label{ font-size:28px; color:#444444; border-bottom:#41ac8e solid 1px; padding:0 20px 4px 20px; font-weight:normal;}
.ourgoodat_mian{ width:1056px; margin:0 auto;}
.ourgoodat_mian table{ float:left; width:100%; height:300px;}
.ourgoodat_mian table tr td{vertical-align:middle; width:352px; font-size:13px; color:#3c3c3c; box-sizing:border-box; padding:0 50px 0 50px; line-height:26px; font-weight:normal;}
.ourgoodat_mian table tr td:nth-child(3){ padding-left:90px; padding-right:0;}

.new_history{ float:left; width:100%; padding-top:110px; background-color:#fff;}
.new_history h2{ float:left; width:100%; text-align:center;line-height:70px;}
.new_history h2 label{ font-size:28px; color:#444444; border-bottom:#41ac8e solid 1px; padding:0 20px 4px 20px; font-weight:normal;}

.timeline,.timeaxis ul{ float:left; width:100%; height:80px;}
.timeline_mian{ display:table; width:1216px; margin:0 auto; position:relative;}
.time_pre{ position:absolute; width:12px; height:21px; left:0; top:28px;}
.time_pre img{ width:12px; height:21px; }
.time_next{ position:absolute; width:12px; height:21px; right:0; top:28px;}
.time_next img{ width:12px; height:21px; }
.timeaxis{ position:absolute; width:1163px; height:80px; top:0; left:25px; background:url(../Images/line.png) repeat-x center;}
.timeaxis>ul li{ float:left; height:80px; position:relative;}
.timeaxis>ul li i{ position:absolute; width:7px; height:7px; border-radius:7px; background-color:#41ac90; top:50%; left:50%; margin-left:-3px; margin-top:-3px; cursor:pointer;}
.timeaxis>ul li em{ position:absolute; width:11px; height:11px; border-radius:11px; border:#bce4d9 solid 1px; left:50%; top:50%; margin-top:-5px; margin-left:-5px; display:none;}
.timeaxis>ul li p{ position:absolute; width:100%; bottom:10px;text-align:center; font-size:12px; color:#b5b5b5; font-weight:normal;}
.timeaxis>ul li.active em{ display:block;}
.historydetail{ float:left; width:100%; position:relative; overflow:hidden; margin-top:20px;}
.historydetail ul{ position:absolute; left:50%;}
.historydetail ul li{ float:left; width:274px; padding:16px; box-sizing:border-box; border:#e2e2e2 solid 1px; margin-right:18px; font-weight:normal;}
.historydetail ul li img{ float:left; width:240px; height:180px;}
.historydetail ul li h2{ float:left; width:100%; font-size:22px; color:#575757; text-align:left; line-height:normal; padding-top:20px; font-weight:normal;}
.historydetail ul li p{ float:left; width:100%; font-size:13px; color:#878787; padding:10px 0; line-height:22px; font-weight:normal;}
.historydetail ul li.active{ background-color:#41ac8e;}
.historydetail ul li.active h2,.historydetail ul li.active p{ color:#fff;}

.index_footer{ float:left; width:100%; height:120px; background-color:#1f2227; padding-top:20px; box-sizing:border-box; margin-top:60px;}
.index_footerleft{ float:left; width:600px; line-height:30px; padding-top:10px;}
.index_footerleft p,.index_footerleft p a{ font-size:14px; color:#5e656d; font-weight:normal;}
.index_footerleft p a:hover{ text-decoration:underline;}
.index_footerright{ float:right;padding-top:15px;}

.languagelogomian{ width:930px; margin:0 auto;}
.languagelogomian img{ float:left;}
.languagelink{ float:right;height:40px; margin-top:15px;}
.languagelink a{ float:left; padding:0 10px;height:29px; box-sizing:border-box; background-color:#eaf3f2; border:#308777 solid 1px; text-align:center; line-height:27px; color:#2f8876; font-size:12px; margin-left:8px; font-weight:normal; border-radius:2px; -moz-border-radius:2px;;-webkit-border-radius:2px;}
/*新首页样式*/

@media  (max-width:1220px) {
    .ourgoodat_mian,.ourgoodat_mian,.timeaxis,.timeline_mian{ width: 100%;}
} 